commit 8db26e970702f6849dce223a04eb09ac5d0a006d
Author: end-4 <97237370+end-4@users.noreply.github.com>
Date:   Thu Feb 22 15:35:06 2024 +0700

    stuff

diff --git a/early/.config/dunst/dunstrc b/early/.config/dunst/dunstrc
new file mode 100755
index 000000000..771dd80bc
--- /dev/null
+++ b/early/.config/dunst/dunstrc
@@ -0,0 +1,59 @@
+[global]
+monitor = 0
+follow = mouse
+geometry = "280x50-20+90"
+indicate_hidden = no
+shrink = no
+separator_height = 4
+separator_color = yes
+padding = 20
+horizontal_padding = 20
+frame_width = 3
+sort = no
+idle_threshold = 120
+font = Rubik 13
+line_height = 4
+markup = full
+format = "<b>%s</b>\n%b"
+alignment = left
+show_age_threshold = 60
+word_wrap = yes
+ignore_newline = no
+stack_duplicates = false
+hide_duplicate_count = yes
+show_indicators = no
+icon_position = left
+max_icon_size = 48
+sticky_history = yes
+history_length = 20
+browser = x-www-browser -new-tab
+always_run_script = true
+title = Dunst
+class = Dunst
+corner_radius = 10
+origin = top-right
+offset = 8x69
+
+[shortcuts]
+close = ctrl+shift+space
+close_all = ctrl+shift+space
+history = ctrl+grave
+context = ctrl+shift+period
+
+[urgency_low]
+timeout = 4
+background = "#1A1B2699"
+foreground = "#A4D7F1"
+frame_color = "#A4D7F1"
+
+[urgency_normal]
+timeout = 8
+background = "#1A1B2699"
+foreground = "#A4D7F1"
+frame_color = "#A4D7F1"
+
+[urgency_critical]
+timeout = 0
+background = "#1A1B2699"
+foreground = "#FDDC74"
+frame_color = "#FDDC74"
diff --git a/early/.config/eww/.vscode/c_cpp_properties.json b/early/.config/eww/.vscode/c_cpp_properties.json
new file mode 100755
index 000000000..a2461ad1a
--- /dev/null
+++ b/early/.config/eww/.vscode/c_cpp_properties.json
@@ -0,0 +1,18 @@
+{
+    "configurations": [
+        {
+            "name": "Linux",
+            "includePath": [
+                "${workspaceFolder}/**",
+                "/usr/include/**"
+            ],
+            "defines": [],
+            "compilerPath": "/usr/bin/clang",
+            "cStandard": "c17",
+            "cppStandard": "c++17",
+            "intelliSenseMode": "linux-clang-x64",
+            "configurationProvider": "ms-vscode.makefile-tools",
+        }
+    ],
+    "version": 4
+}
\ No newline at end of file
diff --git a/early/.config/eww/.vscode/settings.json b/early/.config/eww/.vscode/settings.json
new file mode 100755
index 000000000..6e9310476
--- /dev/null
+++ b/early/.config/eww/.vscode/settings.json
@@ -0,0 +1,81 @@
+{
+    "files.associations": {
+        "optional": "cpp",
+        "system_error": "cpp",
+        "fstream": "cpp",
+        "iosfwd": "cpp",
+        "string_view": "cpp",
+        "string": "cpp",
+        "any": "cpp",
+        "array": "cpp",
+        "bit": "cpp",
+        "*.tcc": "cpp",
+        "cctype": "cpp",
+        "clocale": "cpp",
+        "cmath": "cpp",
+        "codecvt": "cpp",
+        "compare": "cpp",
+        "concepts": "cpp",
+        "cstddef": "cpp",
+        "cstdint": "cpp",
+        "cstdio": "cpp",
+        "cstdlib": "cpp",
+        "cstring": "cpp",
+        "ctime": "cpp",
+        "cwchar": "cpp",
+        "cwctype": "cpp",
+        "deque": "cpp",
+        "forward_list": "cpp",
+        "map": "cpp",
+        "unordered_map": "cpp",
+        "vector": "cpp",
+        "exception": "cpp",
+        "functional": "cpp",
+        "initializer_list": "cpp",
+        "iomanip": "cpp",
+        "iostream": "cpp",
+        "istream": "cpp",
+        "limits": "cpp",
+        "memory": "cpp",
+        "new": "cpp",
+        "numbers": "cpp",
+        "numeric": "cpp",
+        "ostream": "cpp",
+        "ranges": "cpp",
+        "ratio": "cpp",
+        "span": "cpp",
+        "sstream": "cpp",
+        "stdexcept": "cpp",
+        "streambuf": "cpp",
+        "type_traits": "cpp",
+        "tuple": "cpp",
+        "typeinfo": "cpp",
+        "utility": "cpp",
+        "valarray": "cpp",
+        "csignal": "cpp",
+        "cstdarg": "cpp",
+        "atomic": "cpp",
+        "bitset": "cpp",
+        "charconv": "cpp",
+        "chrono": "cpp",
+        "condition_variable": "cpp",
+        "list": "cpp",
+        "set": "cpp",
+        "unordered_set": "cpp",
+        "algorithm": "cpp",
+        "iterator": "cpp",
+        "memory_resource": "cpp",
+        "random": "cpp",
+        "regex": "cpp",
+        "source_location": "cpp",
+        "format": "cpp",
+        "mutex": "cpp",
+        "semaphore": "cpp",
+        "shared_mutex": "cpp",
+        "stdfloat": "cpp",
+        "stop_token": "cpp",
+        "thread": "cpp",
+        "cinttypes": "cpp",
+        "variant": "cpp"
+    }
+}
\ No newline at end of file
diff --git a/early/.config/eww/.vscode/tasks.json b/early/.config/eww/.vscode/tasks.json
new file mode 100755
index 000000000..2cd0264c6
--- /dev/null
+++ b/early/.config/eww/.vscode/tasks.json
@@ -0,0 +1,30 @@
+{
+    "tasks": [
+        {
+            "type": "cppbuild",
+            "label": "C/C++: g++ build active file",
+            "command": "/usr/bin/g++",
+            "args": [
+                "-fdiagnostics-color=always",
+                "-g",
+                "${file}",
+                "-o",
+                "${fileDirname}/${fileBasenameNoExtension}",
+                "-lboost_iostreams",
+                "`pkg-config --libs boost_iostreams`"
+            ],
+            "options": {
+                "cwd": "${fileDirname}"
+            },
+            "problemMatcher": [
+                "$gcc"
+            ],
+            "group": {
+                "kind": "build",
+                "isDefault": true
+            },
+            "detail": "Task generated by Debugger."
+        }
+    ],
+    "version": "2.0.0"
+}
\ No newline at end of file
diff --git a/early/.config/eww/css/_bgdecor.scss b/early/.config/eww/css/_bgdecor.scss
new file mode 100755
index 000000000..9ca03cd64
--- /dev/null
+++ b/early/.config/eww/css/_bgdecor.scss
@@ -0,0 +1,125 @@
+.bg-decor-dow {
+  color: $onPrimaryContainer;
+  font-family: Rubik;
+  font-size: 35pt;
+}
+
+.bg-decor-date {
+  color: $onPrimaryContainer;
+  font-family: Rubik;
+  font-size: 20pt;
+}
+
+.bg-module {
+  // background-color: shade($colorbg, 10%);
+  border-radius: 30px;
+  padding: 20px;
+  margin: 5px;
+}
+
+.bg-text {
+  text-shadow: -1px -1px 0 $primaryContainer,
+    1px -1px 0 $primaryContainer,
+    -1px 1px 0 $primaryContainer,
+    1px 1px 0 $primaryContainer;
+  color: $onPrimaryContainer;
+  font-family: 'Rubik';
+}
+
+.bg-icon {
+  margin-bottom: 9px;
+  color: $onSecondaryContainer;
+  font-family: 'Material Symbols Rounded';
+  font-size: 15pt;
+  min-width: 40px;
+  min-height: 40px;
+  background-color: $secondaryContainer;
+  border-radius: 13px;
+}
+
+.bg-title {
+  text-shadow: -1px -1px 0 $primaryContainer,
+    1px -1px 0 $primaryContainer,
+    -1px 1px 0 $primaryContainer,
+    1px 1px 0 $primaryContainer;
+  color: $onPrimaryContainer;
+  font-size: 16pt;
+  margin: 5px;
+  padding-bottom: 10px;
+  padding-left: 5px;
+}
+
+.bg-cool-text {
+  color: $onPrimaryContainer;
+  font-family: 'Rubik';
+  font-size: 13pt;
+  margin: 5px;
+  text-shadow: -1px -1px 0 $primaryContainer,
+    1px -1px 0 $primaryContainer,
+    -1px 1px 0 $primaryContainer,
+    1px 1px 0 $primaryContainer;
+}
+
+.bg-progress {
+  margin: 5px;
+  min-width: 450px;
+
+  trough {
+    border-radius: 9999px;
+    background-color: #24222A;
+    min-height: 10px;
+  }
+
+  highlight {
+    border-radius: 9999px;
+    background-color: $color3;
+  }
+}
+
+.bg-graph-container {
+  min-width: 150px;
+  min-height: 30px;
+  padding-bottom: 4px;
+  padding-top: 4px;
+  border-radius: 8px;
+  border: 1px solid $onPrimaryContainer;
+  margin: 5px;
+  box-shadow: -1px -1px 0 $primaryContainer,
+    1px -1px 0 $primaryContainer,
+    -1px 1px 0 $primaryContainer,
+    1px 1px 0 $primaryContainer;
+}
+
+.bg-graph {
+  color: $color3;
+  // background-color: $color3;
+}
+
+.bg-date {
+  min-width: 500px;
+}
+
+.bg-decor-input-left {
+  border-top-left-radius: 999px;
+  border-bottom-left-radius: 999px;
+  margin-top: 30px;
+  padding-left: 20px;
+  padding-right: 20px;
+  font-size: 15pt;
+  min-height: 50px;
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.bg-decor-input-right {
+  border-top-right-radius: 999px;
+  border-bottom-right-radius: 999px;
+  margin-top: 30px;
+  padding-left: 20px;
+  padding-right: 20px;
+  // padding-top: 5px;
+  // padding-bottom: 5px;
+  font-size: 15pt;
+  min-height: 50px;
+  background-color: rgba(255, 255, 255, 0.2);
+  color: rgba(255, 255, 255, 0.2);
+}
\ No newline at end of file
diff --git a/early/.config/eww/css/_bottombar.scss b/early/.config/eww/css/_bottombar.scss
new file mode 100755
index 000000000..d3671b573
--- /dev/null
+++ b/early/.config/eww/css/_bottombar.scss
@@ -0,0 +1,65 @@
+.bottombar-closed-hitbox {
+  min-width: 1920px;
+  background-color: mix(rgba(30, 30, 30, 0.5), $colorbg, 50%);
+}
+.bottombar-bg {
+  min-width: 1920px;
+  min-height: 300px;
+  border-top-left-radius: 26px;
+  border-top-right-radius: 26px;
+  background-color: shade($colorbg, 70%);
+  background-size: 100% auto;
+  background-position: center center;
+
+  margin-top: 5px; //for shadow
+  box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.5);
+}
+
+.bottombar-bg-front {
+  min-width: 1920px;
+  min-height: 300px;
+  border-top-left-radius: 26px;
+  border-top-right-radius: 26px;
+  border-bottom: 0px solid transparent;
+  background-color: mix(rgba(30, 30, 30, 0.5), $colorbg, 50%);
+  background-size: 100% 100%;
+
+  margin-top: 5px; //for shadow
+}
+
+.cava-column {
+  // background-image: linear-gradient($color1, $color3);
+  background-color: rgb(176, 226, 247);
+  border-top-left-radius: 99px;
+  border-top-right-radius: 99px;
+  margin: 8px;
+  margin-bottom: 0px;
+}
+
+.bottombar-musicinfo-box {
+  margin-left: 50px;
+  margin-top: 50px;
+}
+
+.bottombar-title {
+  font-family: 'Lexend';
+  font-size: 30pt;
+  font-weight: 500;
+  text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
+}
+
+.bottombar-artist {
+  font-family: 'Lexend';
+  font-size: 16pt;
+  font-weight: 500;
+  text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
+}
+
+.bottombar-music-cover {
+  border-radius: 15px;
+  min-height: 200px;
+  min-width: 200px;
+  background-size: auto 100%;
+  background-position: center;
+  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
+}
\ No newline at end of file
diff --git a/early/.config/eww/css/_calendar.scss b/early/.config/eww/css/_calendar.scss
new file mode 100755
index 000000000..e22548ba9
--- /dev/null
+++ b/early/.config/eww/css/_calendar.scss
@@ -0,0 +1,125 @@
+.calendar-win {
+  @include window;
+  background-color: $colorbarbg;
+  border: 3px solid $color3;
+  border-radius: 15px;
+  color: $colortext;
+  padding: .2em;
+  font-family: 'Rubik';
+  margin: 14px;
+}
+
+calendar {
+  * {
+    padding-top: 10px;
+    color: $primary;
+  }
+
+  :selected {
+    color: $onPrimary;
+    font-weight: bolder;
+    background-color: $primary;
+    border-radius: 8px;
+  }
+
+  .header {
+    color: $colortext;
+    margin: 15px;
+    min-height: 400px;
+  }
+
+  .highlight {
+    color: $onTertiaryContainer;
+    font-weight: bold;
+  }
+
+  .button {
+    color: $colortext;
+    padding-top: 10px;
+  }
+
+  :indeterminate {
+    color: $onBackground;
+  }
+}
+
+.calendarwin-title {
+  border-radius: 9999px;
+  font-size: 15pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  margin: 1px;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.calendarwin-button {
+  border-radius: 9999px;
+  font-size: 12pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  margin: 1px;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.calendarwin-text {
+  border-radius: 9999px;
+  font-size: 11pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.calendarwin-icon {
+  background-position: center;
+  min-height: 42px;
+  min-width: 30px;
+}
+
+.calendarwin-text {
+  border-radius: 9999px;
+  font-size: 12pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  min-height: 50px;
+  min-width: 50px;
+  margin: 3px;
+}
+
+.calendarwin-day-1 {
+  background-color: transparent;
+  color: #7C7C7C;
+}
+
+.calendarwin-day0 {
+  background-color: transparent;
+  color: white;
+}
+
+.calendarwin-day1 {
+  background-color: $primary;
+  color: black;
+}
+
+.calendarwin-day0:hover {
+  background-color: rgba(75, 75, 75, 0.5);
+}
+
+.calendarwin-day0:active {
+  background-color: tint(rgba(75, 75, 75, 0.5), 10%);
+}
+
+.calendarwin-day1:hover {
+  background-color: tint($color4, 10%);
+  color: black;
+}
+
+.calendarwin-day1:active {
+  background-color: tint($color4, 20%);
+  color: black;
+}
\ No newline at end of file
diff --git a/early/.config/eww/css/_colors.scss b/early/.config/eww/css/_colors.scss
new file mode 100755
index 000000000..7e7546543
--- /dev/null
+++ b/early/.config/eww/css/_colors.scss
@@ -0,0 +1,77 @@
+
+
+$rosewater: #f5e0dc;
+$flamingo: #f2cdcd;
+$pink: #f5c2e7;
+$mauve: #cba6f7;
+$red: #f38ba8;
+// $red:         #EF738A;
+$maroon: #eba0ac;
+$peach: #fab387;
+$yellow: #f9e2af;
+$green: #a6e3a1;
+$teal: #94e2d5;
+$sky: #89dceb;
+$sapphire: #74c7ec;
+$blue: #89b4fa;
+$lavender: #b4befe;
+$true: #EF738A;
+$false: #A9B1D6;
+
+
+$forestgreen: #A8B468;
+$forestyellow : #8e8370;
+$foresttext : #d3c6ab;
+$forestblack : #1e201f;
+$forestred : #e76c69;
+$forestpink : #d698b5;
+$forestorange : #e59576;
+$forestgray : #75817b;
+$forestgraylight: #495156;
+$forestgreendark: #7fba90;
+$forestblue: #77AEA7;
+
+$tokyobluedark: #1A1B26;
+$tokyobluelessdark: #1f212e;
+$tokyotext: #a9b1d6;
+$tokyopink: #ff79b1; //nah theres no pink in tokyonight, but i need one so added
+$tokyored: #EF738A;
+$tokyoorange: #FF9E64;
+$tokyoyellow: #E0AF68;
+$tokyogreen: #9ECE6A;
+$tokyoturquoise: #73daca;
+$tokyoice: #b4f9f8;
+$tokyocyan: #0DB9D7;
+$tokyoblue: #7AA2F7;
+$tokyopurple: #9778D0;
+$tokyogrey: #444B6A;
+$catbg: #1E1E2E;
+
+$text: $tokyotext;
+$subtext1: #868dac;
+$subtext0: #a6adc8;
+$overlay2: #9399b2;
+$overlay1: #7f849c;
+$overlay0: rgba(108, 112, 134, 0.4);
+$overlayedge: rgba(108, 112, 134, 0.15);
+
+$hover0: rgba(200, 200, 200, 0.3);
+
+$surface2: rgba(88, 91, 112, 0.7);
+$surface1: rgba(69, 71, 90, 0.7);
+// $surface0: rgba(28, 28, 48, 0.5); //Needs dynamic change
+// $surface0: #24222A; //Needs dynamic change
+
+
+$base: #1E201F;
+$mantle: #181825;
+$crust: #121415;
+
+$fg: $tokyotext;
+$bg: #171726;
+$barbg: #131426;
+$shadow: $crust;
+
+// $battcolor: $tokyogreen;
+// $memcolor: $tokyoorange;
+// $cpucolor: $tokyoblue;
\ No newline at end of file
diff --git a/early/.config/eww/css/_colorscheme.scss b/early/.config/eww/css/_colorscheme.scss
new file mode 100755
index 000000000..eca473230
--- /dev/null
+++ b/early/.config/eww/css/_colorscheme.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #1f252d;
+$colorbg: rgba(31,37,45,0.75);
+$colortext: #e6e2e7;
+$color0: #60C4F1;
+$color1: #9F9BAB;
+$color2: #DBB4AD;
+$color3: #A2AECF;
+$color4: #CFB7CE;
+$color5: #A4D7F1;
+$color6: #e6e2e7;
+$color7: #A2AECF;
diff --git a/early/.config/eww/css/_colorscheme_default.scss b/early/.config/eww/css/_colorscheme_default.scss
new file mode 100755
index 000000000..eca473230
--- /dev/null
+++ b/early/.config/eww/css/_colorscheme_default.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #1f252d;
+$colorbg: rgba(31,37,45,0.75);
+$colortext: #e6e2e7;
+$color0: #60C4F1;
+$color1: #9F9BAB;
+$color2: #DBB4AD;
+$color3: #A2AECF;
+$color4: #CFB7CE;
+$color5: #A4D7F1;
+$color6: #e6e2e7;
+$color7: #A2AECF;
diff --git a/early/.config/eww/css/_colorscheme_osu.scss b/early/.config/eww/css/_colorscheme_osu.scss
new file mode 100755
index 000000000..48bb59f78
--- /dev/null
+++ b/early/.config/eww/css/_colorscheme_osu.scss
@@ -0,0 +1,11 @@
+$colorbg: #0f0e11;   //Get from color0
+$colortext: white; //Get from color4
+$color0: #8C66FF;
+$color1: #CC3378;
+$color2: #5933CC;
+$color3: #EEAA00;
+$color4: white;
+$color5: white;
+$color6: white;
+$color7: white; //Get from color4 (border)
+$colormusic: white;
\ No newline at end of file
diff --git a/early/.config/eww/css/_dashboard.scss b/early/.config/eww/css/_dashboard.scss
new file mode 100755
index 000000000..4f5d533e3
--- /dev/null
+++ b/early/.config/eww/css/_dashboard.scss
@@ -0,0 +1,236 @@
+.dash-window {
+  background-color: transparent;
+}
+
+.dash-title {
+  color: $primary;
+  font-size: 18pt;
+}
+
+.dash-subtitle {
+  color: $color5;
+  font-size: 13pt;
+}
+
+.dash {
+  min-height: 50px;
+  min-width: 50px;
+  background-color: $colorbarbg;
+  border-radius: 15px;
+  padding: 20px;
+  margin: 5px;
+}
+
+.dash-profile {
+  min-width: 300px;
+  min-height: 228px;
+}
+
+.dash-user-pic {
+  margin: 20px;
+  min-width: 150px;
+  min-height: 150px;
+  background-repeat: no-repeat;
+  background-size: 100%;
+  border-radius: 1500px;
+  background-position: center;
+}
+
+.dash-fetch {
+  color: $colortext;
+  font-size: 15pt;
+}
+
+.dash-fetch-icon {
+  color: $colortext;
+  font-size: 16pt;
+  margin: 3px;
+  font-family: Material Symbols Rounded;
+}
+
+.dash-fetch-icon-nerd {
+  color: $colortext;
+  font-size: 16pt;
+  margin: 3px;
+  font-family: JetBrainsMono Nerd Font Regular;
+}
+
+.dash-icon {
+  font-size: 24pt;
+  font-weight: bold;
+  font-family: Material Symbols Rounded;
+}
+
+.dash-button {
+  border-radius: 15px;
+}
+
+.dash-button:hover {
+  background-color: tint($colorbarbg, 10%);
+}
+
+.dash-button:focus {
+  background-color: tint($colorbarbg, 10%);
+}
+
+.dash-button:active {
+  background-color: tint($colorbarbg, 20%);
+}
+
+.dash-quote-content {
+  margin: 2px;
+  color: $colortext;
+  font-size: 14pt;
+}
+
+.dash-quote-author {
+  margin: 2px;
+  color: $colortext;
+  font-size: 12pt;
+}
+
+.dash-tile {
+  min-width: 800px;
+}
+
+.dash-input-icon {
+  padding-left: 15px;
+  padding-right: 15px;
+  min-width: 30px;
+  margin: -5px;
+  margin-left: 15px;
+  background-color: $colorbarbg;
+  border: 2px solid tint($colorbarbg, 10%);
+  border-radius: 10px;
+  color: $colortext;
+  font-size: 19pt;
+}
+
+.dash-input {
+  padding-left: 15px;
+  padding-right: 15px;
+  min-width: 860px;
+  margin: -5px;
+  background-color: $colorbarbg;
+  border: 2px solid tint($colorbarbg, 10%);
+  border-radius: 10px;
+  color: $colortext;
+  font-size: 15pt;
+  caret-color: $colortext;
+
+  selection {
+    background-color: rgba(154, 152, 152, 0.5);
+  }
+}
+
+.dash-time {
+  color: $primary;
+  font-size: 35pt;
+}
+
+.dash-date {
+  color: $primary;
+  font-size: 18pt;
+}
+
+.dash-clock-text-area {
+  min-width: 200px;
+}
+
+.dash-clock-circle-area {
+  // margin-left: 10px;
+}
+
+.dash-clock-circle {
+  background-color: $surface0;
+}
+
+.dash-clock-inner {
+  padding: 36px;
+}
+
+.dash-clock-circle-minute {
+  margin: 10px;
+  background-color: $overlay0;
+}
+
+.dash-debug-area {
+  background-color: rgba(214, 28, 50, 0.3);
+}
+
+.dash-dir-area {
+  min-width: 198px;
+}
+
+.dash-dir {
+  font-size: 15pt;
+  padding: 10px;
+  padding-left: 15px;
+}
+
+.dash-resources {
+  min-width: 198px;
+  min-height: 122px;
+}
+
+.dash-resouce-icon {
+  font-size: 99pt;
+}
+
+.dash-resource-inner {
+  padding: 30px;
+}
+
+.dash-resource-text {
+  font-size: 15pt;
+  margin: 3px;
+}
+
+.dash-resource-title {
+  font-size: 15pt;
+}
+
+.dash-resource-tile {
+  // background-color: tint($colorbarbg, 20%);
+  border-radius: 12px;
+  padding-left: 15px;
+  padding-right: 15px;
+  padding-top: 11px;
+  // padding: 15px;
+}
+
+.clrt {
+  color: $colortext;
+}
+
+.clr0 {
+  color: $primary;
+}
+
+.clr1 {
+  color: $secondary;
+}
+
+.clr2 {
+  color: $tertiary;
+}
+
+.clr3 {
+  color: $primary;
+}
+
+.clr4 {
+  color: $secondary;
+}
+
+.clr5 {
+  color: $tertiary;
+}
+
+.clr6 {
+  color: $primary;
+}
+
+.clr7 {
+  color: $secondary;
+}
\ No newline at end of file
diff --git a/early/.config/eww/css/_dashfs.scss b/early/.config/eww/css/_dashfs.scss
new file mode 100755
index 000000000..5694d7d1e
--- /dev/null
+++ b/early/.config/eww/css/_dashfs.scss
@@ -0,0 +1,344 @@
+.dashfs-bg {
+  background-color: rgba(20, 20, 20, 0.7);
+}
+
+.dashfs-greet {
+  border-radius: 10px;
+  margin-top: 40px;
+  margin-left: 40px;
+  border: 3px solid transparent;
+  border-left: 3px solid $color5;
+  padding: 10px;
+}
+
+.dashfs-greet-text {
+  font-family: 'Rubik';
+  font-size: 20pt;
+  color: $color5;
+}
+
+.dashfs-greet-subtext {
+  font-family: 'Rubik';
+  font-size: 14pt;
+  color: $color5;
+}
+
+.dashfs-clock {
+  border-radius: 10px;
+  margin-top: 40px;
+  margin-right: 40px;
+  border: 3px solid transparent;
+  border-right: 3px solid $color4;
+  padding: 15px;
+}
+
+.dashfs-clock-time {
+  margin-top: -15px;
+  font-family: 'Rubik';
+  font-size: 45pt;
+  color: $color4;
+}
+
+.dashfs-clock-date {
+  font-family: 'Rubik';
+  font-size: 22pt;
+  color: $color4;
+}
+
+.dashfs-calendar-title {
+  border-radius: 9999px;
+  font-size: 15pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  margin: 1px;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.dashfs-calendar-button {
+  border-radius: 9999px;
+  font-size: 12pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  margin: 1px;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.dashfs-calendar-text {
+  border-radius: 9999px;
+  font-size: 11pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.dashfs-section-nopad {
+  border-radius: 10px;
+  border: 3px solid transparent;
+  border-top: 3px solid $color4;
+}
+
+.dashfs-section {
+  border-radius: 10px;
+  border: 3px solid transparent;
+  border-top: 3px solid $color1;
+  padding: 10px;
+  min-width: 200px;
+}
+
+.dashfs-section-title {
+  color: $color1;
+  font-size: 18pt;
+  font-family: 'Rubik';
+  margin-bottom: 5px;
+}
+
+.dashfs-fetch {
+  color: $color1;
+  font-size: 15pt;
+  font-family: 'Rubik';
+}
+
+.dashfs-fetch-icon {
+  color: $color1;
+  font-size: 16pt;
+  margin: 5px 0px;
+  margin-right: 10px;
+  font-family: 'Material Symbols Rounded';
+}
+
+.dashfs-section-button {
+  border-radius: 8px;
+  padding: 0 10px;
+}
+
+.dashfs-section-button:hover {
+  background-color: $overlay0;
+}
+
+.dashfs-calendar-icon {
+  background-position: center;
+  min-height: 42px;
+  min-width: 30px;
+}
+
+.dashfs-monthbutton {
+  // background-size: 80% auto;
+  background-color: transparent;
+  background-position: center;
+  border-radius: 6px;
+  margin: 12px 3px;
+  margin-top: 0px;
+  padding: 6px;
+  min-width: 20px;
+  min-height: 20px;
+}
+
+.dashfs-monthbutton:hover {
+  background-color: rgba(95, 95, 95, 0.4);
+}
+
+.dashfs-calendar-text {
+  border-radius: 9999px;
+  font-size: 12pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.dashfs-nerd-icon {
+  color: $color1;
+  font-size: 16pt;
+  margin: 5px 0px;
+  margin-right: 10px;
+  font-family: 'JetBrainsMono Nerd Font';
+}
+
+.dashfs-button-only {
+  :first-child {
+    :first-child {
+      border-radius: 10px;
+      border: 1px solid transparent;
+      border-top: 1px solid transparent;
+    }
+  }
+}
+
+.dashfs-button-only:hover {
+  :first-child {
+    :first-child {
+      background-color: shade($overlay0, 2%);
+      border: 1px solid $overlayedge;
+      border-top: 1px solid tint($overlayedge, 5%);
+    }
+  }
+}
+
+.dashfs-button-pad {
+  padding: 3px;
+  // min-width: 42px;
+  min-height: 42px;
+}
+
+.dashfs-taskbaricon {
+  background-size: 60%;
+  background-position: center;
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 10px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.dashfs-taskbaricon-false {
+  background-size: 70%;
+  background-position: center;
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 10px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.dashfs-taskbaricon-true {
+  background-size: 70%;
+  background-position: center;
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.dashfs-taskbar-indicator-true {
+  border-radius: 10px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+  margin-bottom: 4px;
+  margin-top: 65px;
+  margin-left: 25px;
+  margin-right: 25px;
+  background-color: $color4;
+}
+
+.dashfs-taskbar-indicator-false {
+  border-radius: 10px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+  margin-bottom: 4px;
+  margin-top: 65px;
+  margin-left: 32px;
+  margin-right: 32px;
+  background-color: #9C98A3;
+}
+
+.dashfs-day-1 {
+  background-color: transparent;
+  color: #7C7C7C;
+}
+
+.dashfs-day0 {
+  background-color: transparent;
+  color: white;
+}
+
+.dashfs-day1 {
+  background-color: tint($color4, 20%);
+  color: black;
+}
+
+.dashfs-day0:hover {
+  background-color: rgba(75, 75, 75, 0.5);
+}
+
+.dashfs-day0:active {
+  background-color: tint(rgba(75, 75, 75, 0.5), 10%);
+}
+
+.dashfs-day1:hover {
+  background-color: tint($color4, 10%);
+  color: black;
+}
+
+.dashfs-day1:active {
+  background-color: tint($color4, 20%);
+  color: black;
+}
+
+.dashfs-music-cover {
+  border-radius: 10px;
+  min-height: 50px;
+  min-width: 50px;
+  background-size: auto 100%;
+  background-position: center;
+}
+
+.dashfs-resource-title {
+  color: $tertiary;
+  font-size: 18pt;
+  font-family: 'Rubik';
+  margin-bottom: 5px;
+}
+
+.dashfs-resource-box {
+  border-radius: 10px;
+  border: 3px solid transparent;
+  border-top: 3px solid $tertiary;
+  padding: 20px 5px;
+  min-width: 110px;
+}
+
+.dashfs-resource-circle {
+  color: $tertiary;
+  background-color: #5B5A5C;
+}
+
+.dashfs-resource-icon {
+  color: $tertiary;
+  font-size: 30pt;
+  font-family: 'Material Symbols Rounded';
+}
+
+.dashfs-resource-label {
+  color: $onTertiary;
+  background-color: $tertiary;
+  font-size: 13pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  padding: 3px 8px;
+  border-radius: 9999px;
+  min-width: 50px;
+}
+
+.dashfs-graph {
+  background-image: url('images/svg/graph.svg');
+  background-size: 100% 100%;
+  background-position: center;
+}
+
+.dashfs-cava-column {
+  background-color: rgba(176, 226, 247, 0.1);
+  border-radius: 9999px;
+  margin: 5px 0;
+}
+
+.dashfs-quote-content {
+  font-family: 'Space Grotesk';
+  font-weight: 500;
+  font-size: 16pt;
+  color: $primary;
+}
+
+.dashfs-quote-author {
+  font-family: 'Space Grotesk';
+  font-weight: 500;
+  font-size: 14pt;
+  color: $primary;
+}
\ No newline at end of file
diff --git a/early/.config/eww/css/_editmode.scss b/early/.config/eww/css/_editmode.scss
new file mode 100755
index 000000000..3733a2095
--- /dev/null
+++ b/early/.config/eww/css/_editmode.scss
@@ -0,0 +1,18 @@
+.edit-mode-checkbox-false {
+  min-height: 53px;
+  min-width: 53px;
+  // background-image: url('images/svg/tournaments.svg');
+  background-size: auto 65%;
+  background-position: center;
+  color: transparent;
+}
+
+.edit-mode-checkbox-true {
+  min-height: 53px;
+  min-width: 53px;
+  background-color: $overlay0;
+  // background-image: url('images/svg/tournaments.svg');
+  background-size: auto 65%;
+  background-position: center;
+  color: transparent;
+}
\ No newline at end of file
diff --git a/early/.config/eww/css/_iconcolor.txt b/early/.config/eww/css/_iconcolor.txt
new file mode 100755
index 000000000..75c915a19
--- /dev/null
+++ b/early/.config/eww/css/_iconcolor.txt
@@ -0,0 +1,6 @@
+#d7e2ff
+#dfbbde
+#9F9BAB
+#A2AECF
+#CFB7CE
+#CFB7CE
diff --git a/early/.config/eww/css/_iconcolor_default.txt b/early/.config/eww/css/_iconcolor_default.txt
new file mode 100755
index 000000000..75c915a19
--- /dev/null
+++ b/early/.config/eww/css/_iconcolor_default.txt
@@ -0,0 +1,6 @@
+#d7e2ff
+#dfbbde
+#9F9BAB
+#A2AECF
+#CFB7CE
+#CFB7CE
diff --git a/early/.config/eww/css/_material.scss b/early/.config/eww/css/_material.scss
new file mode 100755
index 000000000..15525e274
--- /dev/null
+++ b/early/.config/eww/css/_material.scss
@@ -0,0 +1,27 @@
+$primary: #adc6ff;
+$onPrimary: #002d6f;
+$primaryContainer: #17448f;
+$onPrimaryContainer: #d7e2ff;
+$secondary: #bfc6dd;
+$onSecondary: #293041;
+$secondaryContainer: #3f4659;
+$onSecondaryContainer: #dbe2f9;
+$tertiary: #dfbbde;
+$onTertiary: #412743;
+$tertiaryContainer: #593e5a;
+$onTertiaryContainer: #fcd7fa;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1b1b1e;
+$onBackground: #e4e2e6;
+$surface: #1b1b1e;
+$onSurface: #e4e2e6;
+$surfaceVariant: #44464e;
+$onSurfaceVariant: #c5c6d0;
+$outline: #8e9099;
+$shadow: #000000;
+$inverseSurface: #e4e2e6;
+$inverseOnSurface: #303033;
+$inversePrimary: #355ca8;
diff --git a/early/.config/eww/css/_material_default.scss b/early/.config/eww/css/_material_default.scss
new file mode 100755
index 000000000..15525e274
--- /dev/null
+++ b/early/.config/eww/css/_material_default.scss
@@ -0,0 +1,27 @@
+$primary: #adc6ff;
+$onPrimary: #002d6f;
+$primaryContainer: #17448f;
+$onPrimaryContainer: #d7e2ff;
+$secondary: #bfc6dd;
+$onSecondary: #293041;
+$secondaryContainer: #3f4659;
+$onSecondaryContainer: #dbe2f9;
+$tertiary: #dfbbde;
+$onTertiary: #412743;
+$tertiaryContainer: #593e5a;
+$onTertiaryContainer: #fcd7fa;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1b1b1e;
+$onBackground: #e4e2e6;
+$surface: #1b1b1e;
+$onSurface: #e4e2e6;
+$surfaceVariant: #44464e;
+$onSurfaceVariant: #c5c6d0;
+$outline: #8e9099;
+$shadow: #000000;
+$inverseSurface: #e4e2e6;
+$inverseOnSurface: #303033;
+$inversePrimary: #355ca8;
diff --git a/early/.config/eww/css/_music.scss b/early/.config/eww/css/_music.scss
new file mode 100755
index 000000000..5f120c08d
--- /dev/null
+++ b/early/.config/eww/css/_music.scss
@@ -0,0 +1,305 @@
+.music-area {
+  padding: 10px;
+  @include rounding;
+}
+
+.song-cover-art {
+  @include rounding;
+  background-position: center;
+  background-size: 100%;
+  margin: 4px 5px 4px 0;
+  min-height: 24px;
+  min-width: 24px;
+}
+
+.music-window {
+  @include window;
+  @include rounding;
+  background-color: $colorbarbg;
+  border: 3px solid;
+  color: $colortext;
+  margin: 3px;
+}
+
+.music-cover-art {
+  @include rounding;
+  background-color: transparent;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-image: url("eww_covers/cover_art_default");
+  background-position: 50% 15%;
+  // border-radius: 5px;
+  // margin: 1em;
+  // min-height: 200px;
+  min-width: 200px;
+}
+
+.music-box {
+  @include rounding;
+  padding-top: 24px;
+  background-color: rgba(0, 0, 0, 0.4);
+  background-position: top;
+}
+
+.music-title {
+  // font-weight: bold;
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  min-height: 39px;
+  font-size: 19pt;
+  color: $colortext;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+.music-title-hover {
+  // font-weight: bold;
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  font-size: 19pt;
+  color: $colortext;
+  background-color: $overlay0;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+.music-title-bar {
+  font-family: 'Rubik';
+  font-size: 15pt;
+  color: $colorbar;
+  padding-left: 10px;
+  padding-right: 10px;
+
+}
+
+.music-artist-bar {
+  color: $colorbar;
+  padding-left: 10px;
+  padding-right: 10px;
+  font-family: 'Rubik';
+  font-size: 11pt;
+}
+
+.music-artist {
+  color: $colortext;
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  font-weight: bold;
+  margin-bottom: 5px;
+  min-height: 25px;
+}
+
+.music-button label {
+  font-family: 'Material Symbols Rounded';
+  // color: $text;
+  font-size: 2rem;
+  font-family: SF Mono Nerd Font;
+  padding: 8px;
+}
+
+.music-time {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  color: $color1;
+  margin: 0 1rem;
+}
+
+.music-bar scale {
+  font-family: 'Material Symbols Rounded';
+  font-family: SF Mono Nerd Font;
+
+  highlight {
+    background-color: $color1;
+    border-radius: 24px;
+  }
+
+  trough {
+    background-color: $surface0;
+    border-radius: 24px;
+    min-height: 10px;
+    min-width: 170px;
+  }
+}
+
+.music-ctl {
+  border-radius: 0px;
+  color: $color1;
+  // padding-right: 10px;
+  min-height: 53px;
+}
+
+.music-icon {
+  padding-top: 5px; //Because the music icon is a bit high
+  padding-left: 16px;
+  padding-right: 16px;
+  color: $color1;
+  background-image: url("images/LinageMusic.png");
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.music-ctl-revealer {
+  margin-top: -4px;
+  // transition: 200ms cubic-bezier(0.3, 0, 0.8, 0.15);
+}
+
+.music-ctl-revealer-false {
+  // padding-left: 10px;
+}
+
+.music-ctl-revealer-true {
+  background-color: $overlay0;
+}
+
+.music-media-source {
+  border-top-left-radius: 10px;
+  border-bottom-right-radius: 15px;
+  min-width: 40px;
+  min-height: 20px;
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.music-source-icon {
+  font-family: 'JetBrainsMono Nerd Font';
+  font-size: 16pt;
+  margin-right: 5px;
+}
+
+.song-button {
+  color: $colortext;
+  border-radius: 9999px;
+  margin: 3px 3px;
+  min-width: 52px;
+  font-size: 32pt;
+}
+
+.song-button:hover {
+  background-color: $overlay0;
+}
+
+.music-button-box {
+  font-family: 'Material Symbols Rounded';
+  color: $colortext;
+  min-width: 160px;
+  margin-top: 6px;
+  margin-bottom: 6px;
+  padding-bottom: 0px;
+  background-color: rgba(0, 0, 0, 0.6);
+  border-radius: 9999px;
+}
+
+.osu-music-box {
+  // min-width: 75px;
+  min-height: 53px;
+  background-size: auto 65%;
+  background-position: 50% 50%;
+  // background-image: url('images/svg/beatmaps.svg');
+  // background-color: $colorbarbg;
+  background-repeat: no-repeat;
+  padding-left: 15px;
+}
+
+.osu-music-box-dummy {
+  min-width: 50px;
+  min-height: 53px;
+  margin-right: -6px;
+  margin-left: 6px;
+}
+
+.osu-music-slider {
+  margin-top: 9px;
+  margin-bottom: 9px;
+  min-height: 6px;
+  padding-left: 13px;
+
+  trough {
+    border-radius: 9999px;
+    background-color: #5c5b5b;
+    min-height: 6px;
+    // margin-left: 32px;
+    // margin-right: 32px;
+    // min-width: 70px;
+    min-width: 3px;
+  }
+
+  highlight {
+    min-width: 3px;
+    border-radius: 9999px;
+    background-color: $colorbar;
+  }
+}
+
+.track-scale {
+  @include rounding;
+
+  trough {
+    border-bottom-left-radius: 9999px;
+    border-bottom-right-radius: 9999px;
+    background-color: rgba(0, 0, 0, 0.8);
+    min-height: 8px;
+    // margin-left: 32px;
+    // margin-right: 32px;
+    // min-width: 70px;
+    min-width: 3px;
+  }
+
+  highlight {
+    min-width: 8px;
+    border-bottom-left-radius: 9999px;
+    border-bottom-right-radius: 9999px;
+    background-color: $color0;
+  }
+}
+
+.bar-music-cover {
+  border-radius: 10px;
+  min-height: 45px;
+  min-width: 45px;
+  background-size: auto 100%;
+  background-position: center;
+}
+
+.bar-music-state {
+  font-family: 'Material Symbols Rounded';
+  color: $color6;
+  background-color: rgba(0, 0, 0, 0.7);
+  border-radius: 9999px;
+  min-width: 30px;
+  min-height: 30px;
+}
+
+.music-cava-column {
+  background-color: $color0;
+  margin: 0 3px;
+  margin-bottom: 8px;
+  border-top-left-radius: 99px;
+  border-top-right-radius: 99px;
+}
+
+.music-time-label {
+  color: $colorbar;
+  background-color: rgba(0, 0, 0, 0.6);
+  font-size: 13pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  padding: 3px 8px;
+  border-radius: 9999px;
+  min-width: 50px;
+}
+
+.music-button-box-bar {
+  font-family: 'Material Symbols Rounded';
+  color: $colortext;
+  min-width: 160px;
+  margin: 0 0px;
+  border-radius: 9999px;
+}
+
+.song-button-bar {
+  color: $colortext;
+  border-radius: 9999px;
+  // margin: 3px;
+  min-width: 52px;
+  font-size: 32pt;
+}
+
+.song-button-bar:hover {
+  background-color: rgba(0, 0, 0, 0.4);
+}
diff --git a/early/.config/eww/css/_notification.scss b/early/.config/eww/css/_notification.scss
new file mode 100755
index 000000000..4becad4de
--- /dev/null
+++ b/early/.config/eww/css/_notification.scss
@@ -0,0 +1,84 @@
+.notifications-box {
+  // @include window;
+  // padding: 1rem;
+  font-family: 'Rubik';
+}
+
+.notification {
+  // @include rounding;
+  border-radius: 12px;
+  font-size: 12pt;
+  font-family: 'Rubik';
+  background-color: $surface0;
+  // border-bottom: 3px solid $colorbg;
+  padding: .7rem;
+  margin-top: 5px;
+  margin-bottom: 5px;
+
+  // box {
+  //    margin-bottom: .5rem;
+  // }
+
+  label {
+    font-size: 1rem;
+  }
+
+  &:hover {
+    border: 3px solid $color7;
+  }
+
+  .appname {
+    font-size: 13pt;
+    color: $color0;
+    font-weight: bold;
+  }
+
+  .summary {
+    font-size: 13pt;
+    color: $colortext;
+    font-weight: bold;
+  }
+
+  .body {
+    color: $colortext;
+  }
+}
+
+// .container {
+//   &:first-child {
+//     border-radius: 8px 8px 0 0;
+//   }
+
+//   ;
+
+//   &:last-child {
+//     border-radius: 0 0 8px 8px;
+//   }
+
+//   ;
+// }
+
+.notification-header {
+  margin-bottom: 1rem;
+}
+
+.notification-label {
+  color: $colortext;
+  font-size: 1.5rem;
+}
+
+.notification-action {
+  border-radius: 50%;
+  margin-top: 33px;
+  margin-bottom: 9px;
+  padding: 0 .3rem;
+
+  label {
+    color: $colortext;
+    font-size: 1.4rem;
+  }
+
+  &:hover {
+    background: $surface0;
+  }
+}
\ No newline at end of file
diff --git a/early/.config/eww/css/_osd.scss b/early/.config/eww/css/_osd.scss
new file mode 100755
index 000000000..230464171
--- /dev/null
+++ b/early/.config/eww/css/_osd.scss
@@ -0,0 +1,44 @@
+.osd-window {
+    margin: 5px;
+    border-radius: 9999px;
+    min-width: 10px;
+    min-height: 40px;
+}
+
+.osd-var {
+    margin: 5px;
+    background-color: $surface;
+    border-radius: 9999px;
+    min-width: 100px;
+    min-height: 37px;
+    padding: 7px;
+
+    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
+}
+
+.osd-circle {
+    // margin-left: 14px;
+    background-color: #5c5b5b;
+    color: $colortext;
+}
+
+.osd-incircle {
+    font-size: 19pt;
+    padding: 6px;
+    font-family: "Material Symbols Rounded"; //AAAAAAAAAGGGHHH
+    color: $colortext;
+}
+
+.osd-incircle-bright {
+    font-size: 19pt;
+    padding: 6px;
+    font-family: "Material Symbols Rounded"; //AAAAAAAAAGGGHHH
+    color: $colortext;
+}
+
+.osd-text {
+    font-size: 15pt;
+    font-family: "Rubik"; //AAAAAAAAAGGGHHH
+    color: $colortext;
+    padding-right: 5px;
+}
\ No newline at end of file
diff --git a/early/.config/eww/css/_osettings.scss b/early/.config/eww/css/_osettings.scss
new file mode 100755
index 000000000..70f2b13b8
--- /dev/null
+++ b/early/.config/eww/css/_osettings.scss
@@ -0,0 +1,612 @@
+$bgdetail: $onSecondary;
+$bgdetail2: $onTertiary;
+
+.osettings-window {
+    min-width: 501px;
+    padding-top: 20px;
+    background-color: shade($colorbarbg, 4%);
+    color: $onBackground;
+    font-family: Rubik;
+    margin: 7px;
+    margin-left: 0px;
+    border-top-right-radius: 53px;
+
+    // background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
+    //     url('images/pictures/banner_left');
+
+    background-color: shade($onSecondary, 50%);
+
+    background-image:
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+
+        radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0) 24%, $bgdetail 24%, $bgdetail 24%, $bgdetail 27%, $bgdetail 27%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0) 27%),
+        radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0) 24%, $bgdetail 26%, $bgdetail 26%, $bgdetail 27%, $bgdetail 27%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0) 27%),
+        radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0) 24%, $bgdetail 25%, $bgdetail 25%, $bgdetail 27%, $bgdetail 27%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0) 27%),
+
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 38%, $bgdetail 38%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 38%, $bgdetail 38%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 38%, $bgdetail 38%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 38%, $bgdetail 38%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+
+        linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
+    ;
+    background-size:
+        15px 30px, 15px 30px, 15px 30px, 15px 30px,
+        15px 30px, 15px 30px, 15px 30px, 15px 30px,
+        15px 30px, 15px 30px, 15px 30px,
+
+        15px 30px, 15px 30px, 15px 30px, 15px 30px,
+        15px 30px, 15px 30px, 15px 30px, 15px 30px,
+        15px 30px, 15px 30px, 15px 30px, 15px 30px,
+
+        60px 60px, 120px 120px, 90px 90px,
+
+        20px 40px, 20px 40px, 40px 80px, 40px 80px,
+        40px 80px, 40px 80px,
+
+        100% 100%,
+    ;
+    background-position:
+        0px 100px, 15px 100px, 30px 100px, 45px 100px,
+        60px 100px, 75px 100px, 90px 100px, 105px 100px,
+        120px 100px, 135px 100px, 150px 100px,
+
+        550px 40px, 535px 40px, 520px 40px, 505px 40px,
+        490px 40px, 475px 40px, 460px 40px, 445px 40px,
+        430px 40px, 415px 40px, 400px 40px, 385px 40px,
+
+        300px 60px, 165px 135px, 180px 5px,
+
+        360px 190px, 380px 190px, 340px 170px, 380px 170px, 
+        40px -10px, 80px -10px, 
+
+        top,
+    ;
+    background-repeat: no-repeat;
+
+    box-shadow: 2px -4px 4px rgba(0, 0, 0, 0.5);
+}
+
+.onotify-window {
+    min-width: 529px;
+    background-color: shade($colorbarbg, 5%);
+    color: $onBackground;
+    font-family: Rubik;
+    margin: 7px;
+    margin-right: 0px;
+    border-top-left-radius: 53px;
+
+
+    // background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
+    //     url('images/pictures/banner_right');
+
+    background-color: shade($onSecondary, 50%);
+
+    background-image:
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+
+        radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0) 24%, $bgdetail 24%, $bgdetail 24%, $bgdetail 27%, $bgdetail 27%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0) 27%),
+        radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0) 24%, $bgdetail 26%, $bgdetail 26%, $bgdetail 27%, $bgdetail 27%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0) 27%),
+        radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0) 24%, $bgdetail 25%, $bgdetail 25%, $bgdetail 27%, $bgdetail 27%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0) 27%),
+
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, $bgdetail 59%, $bgdetail 61%, rgba(0, 0, 0, 0) 61%),
+        
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 38%, $bgdetail 38%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 38%, $bgdetail 38%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+
+        linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
+    ;
+    background-size:
+        15px 30px, 15px 30px, 15px 30px, 15px 30px,
+        15px 30px, 15px 30px, 15px 30px, 15px 30px,
+        15px 30px, 15px 30px, 15px 30px,
+
+        15px 30px, 15px 30px, 15px 30px, 15px 30px,
+        15px 30px, 15px 30px, 15px 30px, 15px 30px,
+        15px 30px, 15px 30px, 15px 30px, 15px 30px,
+
+        60px 60px, 120px 120px, 90px 90px,
+
+        160px 80px,
+        40px 80px, 40px 80px,
+
+        100% 100%,
+    ;
+    background-position:
+        100px 16px, 115px 16px, 130px 16px, 145px 16px,
+        160px 16px, 175px 16px, 190px 16px, 205px 16px,
+        220px 16px, 235px 16px, 250px 16px,
+
+        550px 90px, 535px 90px, 520px 90px, 505px 90px,
+        490px 90px, 475px 90px, 460px 90px, 445px 90px,
+        430px 90px, 415px 90px, 400px 90px, 385px 90px,
+
+        300px 60px, 165px 135px, 220px 95px,
+
+        -25px 90px, 
+        400px -10px, 440px -10px, 
+
+        top,
+    ;
+    background-repeat: no-repeat;
+
+    box-shadow: -2px -4px 4px rgba(0, 0, 0, 0.5);
+}
+
+.osettings-separator {
+    background-color: shade($colorbarbg, 5%);
+    min-height: 6px;
+    margin-top: 27px;
+}
+
+.osettings-content {
+    // padding-top: 13px;
+    margin-top: 27px;
+    padding-bottom: 8px;
+    padding-top: 8px;
+    font-family: Rubik;
+    color: $onBackground;
+    background-color: shade($colorbarbg, 5%);
+    border-top-right-radius: 53px;
+}
+
+.onotify-content {
+    // padding-top: 13px;
+    margin-top: 27px;
+    padding-top: 8px;
+    padding-bottom: 16px;
+    font-family: Rubik;
+    color: $onPrimaryContainer;
+    background-color: shade($colorbarbg, 5%);
+    border-top-left-radius: 53px;
+}
+
+.osettings-heading {
+    padding-left: 28px;
+    padding-right: 28px;
+    color: $primary;
+    font-family: Rubik;
+}
+
+.osettings-title {
+    color: $onPrimaryContainer;
+    font-family: Rubik;
+    font-size: 30pt;
+    text-shadow: 2px 3px 4px rgba(0, 0, 0, 0.5);
+}
+
+.osettings-subtitle {
+    color: $onSecondaryContainer;
+    font-family: Rubik;
+    font-size: 14pt;
+    text-shadow: 2px 3px 4px rgba(0, 0, 0, 0.5);
+}
+
+.osettings-section-icon {
+    margin-top: 33px;
+    margin-bottom: 9px;
+    color: $onSecondaryContainer;
+    font-family: 'Material Symbols Rounded';
+    font-size: 20pt;
+    min-width: 50px;
+    min-height: 50px;
+    background-color: $secondaryContainer;
+    border-radius: 16px;
+}
+
+.osettings-section {
+    margin-top: 33px;
+    margin-bottom: 9px;
+    color: $onSecondaryContainer;
+    font-family: Rubik;
+    font-size: 20pt;
+}
+
+.osettings-text {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    color: $onBackground;
+    font-family: Rubik;
+    font-size: 14pt;
+}
+
+.osettings-text-icon {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    color: $onBackground;
+    font-family: 'Material Symbols Rounded';
+    font-size: 14pt;
+    min-width: 50px;
+}
+
+.osettings-search {
+    margin-left: 28px;
+    margin-right: 28px;
+    margin-top: 35px;
+    background-color: tint($colorbarbg, 4%);
+    border: 2px solid $tertiary;
+    color: $tertiary;
+    border-radius: 10px;
+    font-size: 11pt;
+    min-height: 45px;
+    caret-color: $tertiary;
+
+    selection {
+        background-color: rgba(154, 152, 152, 0.5);
+    }
+
+    box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.5);
+}
+
+.osettings-search-text {
+    color: $tertiary;
+    padding: 10px;
+    font-size: 13pt;
+    min-width: 420px;
+}
+
+.osettings-search-icon {
+    color: $tertiary;
+    padding: 6px;
+    padding-left: 0px;
+    font-size: 20pt;
+}
+
+.osettings-scroll-bg {
+    padding-left: 28px;
+    padding-right: 28px;
+}
+
+.osettings-scroll-bg-colored {
+    padding-left: 28px;
+    padding-right: 28px;
+    background-color: shade($colorbarbg, 5%);
+}
+
+.osettings-btn {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    border-radius: 9999px;
+    min-height: 50px;
+    font-weight: normal;
+    font-size: 13pt;
+}
+
+.osettings-btn {
+    font-weight: bold;
+}
+
+.osettings-btn-destructive {
+    color: $onTertiary;
+    background-color: $tertiary;
+    background-image: linear-gradient(45deg, shade($color4, 5%) 58%, tint($color4, 10%) 58%);
+    background-size: 300% 300%;
+    background-position: 50% 50%;
+}
+
+.osettings-btn-neutral {
+    color: $onPrimary;
+    background-color: $primary;
+    background-image: linear-gradient(45deg, shade($color1, 5%) 58%, tint($color1, 10%) 58%);
+    background-size: 300% 300%;
+    background-position: 50% 50%;
+}
+
+.osettings-btn-informative {
+    color: $onSecondary;
+    background-color: $secondary;
+    background-image: linear-gradient(45deg, shade($color5, 5%) 58%, tint($color5, 10%) 58%);
+    background-size: 300% 300%;
+    background-position: 50% 50%;
+}
+
+.osettings-btn-neutral:hover,
+.osettings-btn-neutral:focus {
+    background-color: tint($primary, 10%);
+    // background-image: linear-gradient(135deg, $color3 75%, $color3 75%);
+    background-position: 70% 0%;
+}
+
+.osettings-btn-destructive:hover,
+.osettings-btn-destructive:focus {
+    background-color: tint($tertiary, 10%);
+    // background-image: linear-gradient(135deg, tint($color4, 10%) 75%, tint($color4, 10%) 75%);
+    background-position: 70% 0%;
+}
+
+.osettings-btn-informative:hover,
+.osettings-btn-informative:focus {
+    background-color: tint($secondary, 10%);
+    // background-image: linear-gradient(135deg, tint($color5, 10%) 75%, tint($color5, 10%) 75%);
+    background-position: 70% 0%;
+}
+
+.osettings-btn-neutral:active {
+    background-color: tint($primary, 10%);
+    // background-image: linear-gradient(135deg, $color3 75%, $color3 75%);
+    background-position: 100% 50%;
+}
+
+.osettings-btn-destructive:active {
+    background-color: tint($tertiary, 10%);
+    // background-image: linear-gradient(135deg, tint($color4, 10%) 75%, tint($color4, 10%) 75%);
+    background-position: 100% 50%;
+}
+
+.osettings-btn-informative:active {
+    background-color: tint($secondary, 10%);
+    // background-image: linear-gradient(135deg, tint($color5, 10%) 75%, tint($color5, 10%) 75%);
+    background-position: 100% 50%;
+}
+
+.rounder {
+    border-radius: 9999px;
+}
+
+.osettings-slider {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    min-height: 6px;
+    border-radius: 9999px;
+    background-image: linear-gradient(45deg, $primary 50%, tint($colorbarbg, 15%) 50%);
+    padding: 0px;
+
+    trough {
+        border-radius: 9999px;
+        background-color: tint($colorbarbg, 15%);
+        min-height: 6px;
+        margin-left: 32px;
+        margin-right: 32px;
+        // min-width: 70px;
+    }
+
+    highlight {
+        border-radius: 9999px;
+        background-color: $primary;
+        background-image: linear-gradient(45deg, $primary 0%, $primary 100%);
+    }
+
+    slider {
+        border-radius: 9999px;
+        min-height: 20px;
+        min-width: 65px;
+        background-color: $primary;
+        margin: -8px;
+    }
+
+    slider:hover {
+        background-color: $primary;
+    }
+}
+
+.osettings-checkbox {
+    border-radius: 9999px;
+    // min-height: 20px;
+    // min-height: 6px;
+    min-width: 60px;
+    background-color: transparent;
+    color: transparent;
+    border: 3px solid $primary;
+
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+.osettings-checkbox-1 {
+    border-radius: 9999px;
+    // min-height: 20px;
+    // min-height: 6px;
+    min-width: 60px;
+    background-color: $primary;
+    color: transparent;
+    border: 3px solid $primary;
+
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+.osettings-checkbox-0 {
+    border-radius: 9999px;
+    // min-height: 20px;
+    // min-height: 6px;
+    min-width: 60px;
+    background-color: transparent;
+    color: transparent;
+    border: 3px solid $primary;
+
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+.osettings-checkbox:checked {
+    border-radius: 9999px;
+    background-color: $primary;
+    color: $primary;
+}
+
+.osettings-waifu {
+    margin-top: 30px;
+    min-width: 350px;
+    min-height: 350px;
+    border-radius: 20px;
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-position: center center;
+}
+
+.onotify-app-icon {
+    margin: 9px 5px;
+
+    color: $onSecondaryContainer;
+    font-family: 'Material Symbols Rounded';
+    font-size: 20pt;
+    min-width: 40px;
+    min-height: 40px;
+    background-color: $secondaryContainer;
+    border-radius: 14px;
+
+    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.onotify-app-name {
+    margin-top: 5px;
+    margin-bottom: 5px;
+    color: $onSecondaryContainer;
+    font-family: Rubik;
+    font-size: 15pt;
+}
+
+.onotify-app-text {
+    color: $onSecondaryContainer;
+    font-family: Rubik;
+    font-size: 13pt;
+}
+
+.onotify-app-ser {
+    color: $onSecondaryContainer;
+    font-family: Rubik;
+    font-size: 13pt;
+}
+
+.onotify-app-vol-circle {
+    background-color: #5c5b5b;
+    color: $primary;
+}
+
+.onotify-app-volbox {
+    margin: 9px 5px;
+    padding: 5px;
+
+    color: $onSecondaryContainer;
+    font-family: 'Material Symbols Rounded';
+    font-size: 20pt;
+    min-width: 40px;
+    min-height: 40px;
+    background-color: $secondaryContainer;
+    border-radius: 14px;
+
+    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osettings-tag {
+    color: $onTertiary;
+    background-color: $tertiary;
+    font-size: 13pt;
+    font-family: 'Rubik';
+    font-weight: 500;
+    padding: 3px 8px;
+    border-radius: 9999px;
+    min-width: 50px;
+    margin-top: 25px;
+}
+
+.osettings-tag:hover {
+    background-color: tint($tertiary, 20%);
+}
+
+.osettings-tag:active {
+    background-color: tint($tertiary, 40%);
+}
+
+.osettings-tag-nerd {
+    color: $onTertiary;
+    background-color: $tertiary;
+    font-size: 13pt;
+    font-family: 'JetBrainsMono Nerd Font';
+    font-weight: 500;
+    padding: 3px 8px;
+    border-radius: 9999px;
+    min-width: 50px;
+    margin-top: 25px;
+}
+
+.osettings-tag-nerd:hover {
+    background-color: tint($tertiary, 20%);
+}
+
+.osettings-tag-nerd:active {
+    background-color: tint($tertiary, 40%);
+}
+
+.osettings-tag-material {
+    color: $onTertiary;
+    background-color: $tertiary;
+    font-size: 13pt;
+    font-family: 'Material Symbols Rounded';
+    font-weight: 500;
+    padding: 3px 8px;
+    border-radius: 9999px;
+    // min-width: 25px;
+    margin-top: 25px;
+}
+
+.osettings-tag-material:hover {
+    background-color: tint($tertiary, 20%);
+}
+
+.osettings-tag-material:active {
+    background-color: tint($tertiary, 40%);
+}
+
+.notif-indicator {
+    font-family: 'Rubik';
+    font-size: 10pt;
+}
+
+.notif-badge {
+    border-radius: 99px;
+    min-width: 20px;
+    min-height: 20px;
+    background-color: $color1;
+    color: #000000;
+    margin-bottom: 8px;
+    margin-right: 5px;
+}
\ No newline at end of file
diff --git a/early/.config/eww/css/_overview.scss b/early/.config/eww/css/_overview.scss
new file mode 100755
index 000000000..6dfd58adf
--- /dev/null
+++ b/early/.config/eww/css/_overview.scss
@@ -0,0 +1,195 @@
+.overview-window {
+  @include window;
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  border-radius: 22px;
+  background-color: shade($colorbarbg, 4%);
+  // background-color: transparent;
+  // border: 3px solid $color0;
+  //padding: 5px;
+}
+
+.overview-window-title {
+  font-size: 15pt;
+  color: $onPrimaryContainer;
+  border-radius: 15px;
+  background-color: tint($surface, 5%);
+  margin: 4px;
+  padding: 4px;
+  min-height: 30px;
+  background-image: linear-gradient(135deg, $onSecondary 15%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 33%, $onSecondary 33%, $onSecondary 68%, rgba(0, 0, 0, 0) 68%, rgba(0, 0, 0, 0) 95%, $onSecondary 95%);
+}
+
+.overview-window-top {
+  @include rounding;
+  background-color: transparent;
+  border: 3px solid transparent;
+  //padding: 5px;
+}
+
+.overview-ws {
+  border: 2px solid;
+  border-radius: 15px;
+  background-color: tint($surface, 2%);
+  margin: 4px;
+}
+
+.overview-ws-true {
+  color: $primary;
+}
+
+.overview-ws-false {
+  color: transparent;
+}
+
+.overview-ws-window {
+  border-radius: 15px;
+  background-color: shade($surface0, 2%);
+  border: 1px solid $surface0;
+  border-top: 1px solid tint($surface0, 5%);
+}
+
+.overview-ws-window-content {
+  border-radius: 11px;
+  // background-color: rgba(135, 147, 163, 0.7);
+}
+
+.overview-topbar-icon {
+  min-width: 30px;
+  min-height: 30px;
+  margin: 5px;
+  background-size: contain;
+}
+
+.overview-topbar-button {
+  min-width: 30px;
+  min-height: 30px;
+  margin: 5px;
+  border-radius: 8px;
+}
+
+.overview-topbar-button:hover {
+  background-color: $overlay0;
+}
+
+.overview-icon {
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.overview-background {
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 100%;
+  border-radius: 15px;
+}
+
+.overview-ws-text {
+  //padding-left: 5px;
+  font-size: 13pt;
+}
+
+.overview-ws-subtext {
+  //padding-left: 5px;
+  font-size: 9pt;
+}
+
+.overview-ws-number {
+  //Note: height 100px width 356px
+  font-size: 25pt;
+  border-radius: 11px;
+  background-color: $overlay0;
+  color: $onBackground;
+  //margin: 10px;
+  min-height: 40px;
+  min-width: 40px;
+}
+
+.overview-title {
+  font-weight: bold;
+  font-size: 15pt;
+  //padding-top: .6rem;
+  //padding-bottom: .6rem;
+}
+
+.overview-search-box {
+  border: 2px solid;
+  border-radius: 9999px;
+  background-color: tint($colorbarbg, 4%);
+  color: $onBackground;
+  font-size: 15pt;
+  min-height: 45px;
+  min-width: 130px;
+
+  margin: 20px 20px;
+  padding: 2px 17px;
+
+  caret-color: $onBackground;
+
+  selection {
+    background-color: rgba(154, 152, 152, 0.5);
+  }
+}
+
+.overview-search-box:focus {
+  color: $tertiary;
+}
+
+.overview-results {
+  // background-color: $surface;
+  padding: 10px 5px;
+  border-radius: 20px;
+}
+
+.overview-search-result {
+  border-radius: 9999px;
+  background-color: $onTertiary;
+  color: $onBackground;
+  font-size: 15pt;
+  min-height: 47px;
+  min-width: 400px;
+  padding: 2px 12px;
+  padding-left: 57px;
+  margin: 0px 5px;
+
+  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 60%, tint($tertiaryContainer, 10%) 60%);
+  background-size: 400% auto;
+  background-position: 40% 50%;
+
+  caret-color: transparent;
+
+  selection {
+    background-color: transparent;
+  }
+}
+
+.overview-search-result-icon {
+  background-color: $tertiaryContainer;
+  border-radius: 9999px;
+  min-height: 51px;
+  min-width: 51px;
+  // padding: 2px 12px;
+}
+
+.overview-search-result:focus {
+  color: $onTertiaryContainer;
+  // background-color: $tertiaryContainer;
+  background-position: 65% 50%;
+}
+
+.overview-search-result:active {
+  color: $onTertiaryContainer;
+  // background-color: $tertiaryContainer;
+  background-position: 100% 50%;
+}
+
+.overview-search-typetosearch-pad {
+  min-width: 160px;
+  margin: 20px 20px;
+  padding: 2px 12px;
+}
+
+.overview-search-typetosearch-text {
+  margin: 13px 13px;
+  font-size: 15pt;
+  color: #CCCCCC;
+}
\ No newline at end of file
diff --git a/early/.config/eww/css/_sidebar.scss b/early/.config/eww/css/_sidebar.scss
new file mode 100755
index 000000000..6ff26692c
--- /dev/null
+++ b/early/.config/eww/css/_sidebar.scss
@@ -0,0 +1,171 @@
+.system-menu-box {
+  @include window;
+  background-color: $colorbarbg;
+  border: 3px solid $border;
+  // color: $colortext;
+}
+
+.separator {
+  font-size: 1rem;
+}
+
+.top-row {
+  margin: 1rem 1.5rem 0;
+
+  .time {
+    font-size: 2rem;
+  }
+
+  .date-box {
+    margin: 0 1rem;
+
+    label {
+      font-size: 1.1rem;
+    }
+
+    .date {
+      background: unset;
+      margin: 0 .5rem 0 0;
+      padding: 0;
+    }
+  }
+}
+
+.system-row {
+  font-family: Rubik;
+  // margin: .5rem .7rem;
+  margin-top: 27px;
+
+  .airplane-box button {
+    padding: 1rem 3rem;
+  }
+
+  .power-box button {
+    padding-left: 30px;
+    padding-right: 30px;
+  }
+
+  label {
+    font-size: 1rem;
+  }
+}
+
+.element {
+  font-family: 'Rubik';
+  border-top-left-radius: 31px;
+  border-top-right-radius: 31px;
+  border-bottom-left-radius: 31px;
+  border-bottom-right-radius: 10px;
+  background-color: $secondaryContainer;
+  color: $onSecondaryContainer;
+  margin: .3rem;
+  box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.5);
+
+  button {
+    border-top-left-radius: 31px;
+    border-top-right-radius: 31px;
+    border-bottom-left-radius: 31px;
+    border-bottom-right-radius: 10px;
+    padding: 1rem;
+
+    label {
+      font-size: 1.5rem;
+    }
+
+    &:hover {
+      background: $overlay0;
+    }
+  }
+}
+
+.sliders {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  @include rounding;
+  background-color: $surface0;
+  margin: .5rem 1rem;
+  padding: .6rem 1rem;
+
+  scale {
+    margin-right: -1rem;
+    min-width: 25.8rem;
+  }
+
+  scale trough {
+    background-color: $bg1;
+    border-radius: 24px;
+    margin: 0 1rem;
+    min-height: 10px;
+    min-width: 70px;
+  }
+
+  box {
+    margin: .2rem 0;
+  }
+
+  label {
+    font-size: 1.2rem;
+  }
+}
+
+.sliderbg {
+  background-color: transparent;
+  padding: 0px;
+}
+
+.volume-bar highlight {
+  font-family: SF Mono Nerd Font;
+  @include rounding;
+  background: $color6;
+  // background-image: linear-gradient(to right, $tokyocyan 30%, $tokyopurple 100%);
+}
+
+.volume-slider-box scale highlight {
+  @include rounding;
+  background: $color6;
+  // background-image: linear-gradient(to right, $tokyocyan 30%, $tokyopurple 100%);
+  // border: 2px solid;
+  min-height: 0.9rem;
+}
+
+// .volume-slider-box scale {
+//   @include rounding;
+//   background-color: #1A1B26;
+//   border: 2px solid;
+// }
+
+.bottom-row {
+  margin: .5rem 1rem;
+
+  .battery-icon {
+    font-size: 2rem;
+  }
+
+  .battery-wattage {
+    color: $color7;
+  }
+
+  .battery-status {
+    color: $colortext;
+    margin: 0 .5rem;
+  }
+
+  button {
+    background-color: $surface0;
+    border-radius: 50%;
+    margin-bottom: .1rem;
+    padding: 0 .5rem;
+
+    label {
+      font-size: 1.5rem;
+    }
+
+    &:hover {
+      background: $overlay0;
+    }
+  }
+}
+
+.power-button {
+  min-height: 2.5rem;
+  // min-width: 2.5rem;
+}
\ No newline at end of file
diff --git a/early/.config/eww/css/_supercontext.scss b/early/.config/eww/css/_supercontext.scss
new file mode 100755
index 000000000..b65e07e3d
--- /dev/null
+++ b/early/.config/eww/css/_supercontext.scss
@@ -0,0 +1,55 @@
+.supercontext-window {
+  transition: 0ms;
+}
+
+.supercontext-button {
+  transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  border-radius: 99px;
+  background-color: $primary;
+  color: $onPrimary;
+  font-family: 'Material Symbols Rounded';
+  font-size: 21pt;
+  background-image: radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%);
+}
+
+.supercontext-button-number {
+  transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  border-radius: 99px;
+  background-color: $primary;
+  color: $onPrimary;
+  font-family: 'Lexend';
+  font-size: 21pt;
+  background-image: radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%);
+}
+
+.supercontext-button-number-child {
+  :first-child {
+    transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
+    border-radius: 99px;
+    background-color: $primary;
+    color: $onPrimary;
+    font-family: 'Lexend';
+    font-size: 21pt;
+    background-image: radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%);
+  }
+}
+
+.supercontext-button-number-child:hover {
+  :first-child {
+    background-image: radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 15%, tint($primary, 26%) 15%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 15%);
+  }
+}
+
+.supercontext-button-number-child:active {
+  :first-child {
+    background-image: radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 100%, tint($primary, 26%) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
+  }
+}
+
+.supercontext-button:hover {
+  background-image: radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 15%, tint($primary, 26%) 15%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 15%);
+}
+
+.supercontext-button:active {
+  background-image: radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 100%, tint($primary, 26%) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
+}
\ No newline at end of file
diff --git a/early/.config/eww/css/_system.scss b/early/.config/eww/css/_system.scss
new file mode 100755
index 000000000..0bba21fed
--- /dev/null
+++ b/early/.config/eww/css/_system.scss
@@ -0,0 +1,194 @@
+.membar {
+  color: $color5;
+}
+
+.cpubar {
+  color: $color4;
+}
+
+.batbar {
+  color: $color6;
+  padding-right: 4px;
+}
+
+.cpubar-circle {
+  background-color: #5c5b5b;
+}
+.membar-circle {
+  background-color: #5c5b5b;
+}
+.batbar-circle {
+  background-color: #5c5b5b;
+}
+
+// .batbar-circle {
+//   color: $battcolor;
+//   padding-right: 4px;
+// }
+
+// .membar,
+// .cpubar,
+// .batbar {
+//   // background-color: transparent;
+//   padding: 0px;
+// }
+
+.membar:hover,
+.cpubar:hover,
+.batbar:hover {
+  // border-top: 2px solid;
+}
+
+.batt-percentage {
+  color: $color6;
+  padding-right: 5px;
+  padding-left: 4px;
+}
+
+.batt-low {
+  background-color: #B5E8E0;
+  color: #161320;
+  animation-name: blink;
+  animation-duration: 0.5s;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-direction: alternate;
+}
+
+.sys-menu-charge {
+  padding-left: 2px;
+  color: $colorbar;
+}
+
+.iconmem {
+  color: $color5;
+}
+
+.iconcpu {
+  color: $color4;
+}
+
+.icon-text {
+  font-size: 3rem;
+  padding: .7rem;
+}
+
+.sys-text-sub {
+  color: $onBackground;
+}
+
+.sys-text-mem,
+.sys-text-cpu {
+  font-size: 1rem;
+  font-weight: bold;
+}
+
+.sys-icon-mem,
+.sys-icon-cpu {
+  font-size: 1.5rem;
+  margin: 1.5rem;
+}
+
+.system-info-box {
+  @include rounding;
+  background-color: $surface0;
+  margin: .5rem 1rem;
+  // padding: .5rem;
+}
+
+.sys-mem,
+.sys-cpu {
+  background-color: $colorbg;
+}
+
+.sys-icon-mem,
+.sys-text-mem,
+.sys-mem {
+  color: $memcolor;
+}
+
+.sys-icon-cpu,
+.sys-text-cpu,
+.sys-cpu {
+  color: $cpucolor;
+}
+
+.sys-box {
+  margin: .3em;
+  // background-color: tint($colorbarbg, 7%);
+  // border-radius: 20px;
+  // padding: 35px;
+
+  box {
+    margin-left: 1rem;
+  }
+}
+
+.cpu-menu {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  color: $color4;
+  padding-left: 5px;
+}
+
+.mem-menu {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  color: $color5;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+.mem-menu-left {
+  color: $color5;
+  padding-left: 5px;
+  padding-right: 0px;
+}
+
+.mem-menu-mid {
+  color: $color5;
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+.mem-menu-right {
+  color: $color5;
+  padding-left: 0px;
+  padding-right: 5px;
+}
+
+.sys-menu {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  color: $battcolor;
+  margin: 0px;
+  padding: 0px;
+}
+
+.sys-menu-button {
+  color: $colorbar;
+  margin: 0px;
+  padding-left: 16px;
+  padding-right: 16px;
+  background-image: url("images/LinageSettings.png");
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+// .volume-bar, .brightness-slider, .slider {
+// background-color: #16161E;
+// border: 2px solid #7C9FF5;
+// border-radius: 99px;
+// }
+
+.sys-toggle {
+  font-size: 3pt;
+}
+
+.inside-circle {
+  min-height: 27px;
+  min-width: 27px;
+}
+
+.sys-circle-inner {
+  font-size: 15pt;
+  padding: 5px;
+}
\ No newline at end of file
diff --git a/early/.config/eww/css/_taskbar.scss b/early/.config/eww/css/_taskbar.scss
new file mode 100755
index 000000000..6387da2fa
--- /dev/null
+++ b/early/.config/eww/css/_taskbar.scss
@@ -0,0 +1,87 @@
+.taskbaricon {
+  background-size: 60%;
+  background-position: center;
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.taskbaricon-false {
+  background-size: 70%;
+  background-position: center;
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.taskbaricon-true {
+  background-size: 70%;
+  background-position: center;
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.taskbar-indicator-true {
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+  margin-bottom: 4px;
+  margin-top: 43px;
+  margin-left: 16px;
+  margin-right: 16px;
+  background-color: $primary;
+}
+
+.taskbar-indicator-false {
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+  margin-bottom: 4px;
+  margin-top: 43px;
+  margin-left: 22px;
+  margin-right: 22px;
+  background-color: #9C98A3;
+}
+
+.taskbar-button-only {
+  :first-child {
+    :first-child {
+      border-radius: 6px;
+      border: 1px solid transparent;
+      border-top: 1px solid transparent;
+    }
+  }
+}
+
+.taskbar-button-only:hover {
+  :first-child {
+    :first-child {
+      background-color: shade($overlay0, 2%);
+      border: 1px solid $overlayedge;
+      border-top: 1px solid tint($overlayedge, 5%);
+    }
+  }
+}
+
+.taskbar-button-only:active {
+  :first-child {
+    :first-child {
+      background-color: tint($overlay0, 8%);
+      border: 1px solid tint($overlayedge, 10%);
+      border-top: 1px solid tint($overlayedge, 15%);
+    }
+  }
+}
+
+.taskbar-button-pad {
+  padding: 3px;
+  // min-width: 42px;
+  min-height: 42px;
+}
\ No newline at end of file
diff --git a/early/.config/eww/css/_themer.scss b/early/.config/eww/css/_themer.scss
new file mode 100755
index 000000000..b2aafc963
--- /dev/null
+++ b/early/.config/eww/css/_themer.scss
@@ -0,0 +1,205 @@
+.themer-button {
+    min-height: 53px;
+    min-width: 53px;
+    color: $colortext;
+    font-family: Material Symbols Rounded;
+    // background-image: url('images/svg/beatmappacks.svg');
+    // background-size: auto 65%;
+    // background-position: center;
+}
+
+
+.themer-button-false {
+    min-height: 53px;
+    min-width: 53px;
+    color: $colortext;
+    font-family: Material Symbols Rounded;
+    // background-image: url('images/svg/beatmappacks.svg');
+    // background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
+    // background-size: 400% auto;
+    // background-position: 90% 50%;
+}
+
+.themer-button-true {
+    min-height: 53px;
+    min-width: 53px;
+    color: $colortext;
+    font-family: Material Symbols Rounded;
+    background-color: $overlay0;
+    // background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
+    // background-size: 400% auto;
+    // background-position: 90% 50%;
+}
+
+.themer-action-button {
+    @include rounding;
+    min-height: 53px;
+    min-width: 53px;
+    color: $colortext;
+    font-family: Material Symbols Rounded;
+}
+
+.themer-action-button:hover {
+    background-color: $overlay0;
+}
+
+.themer-action-button:active {
+    background-color: $overlay0;
+}
+
+.themer-action-button:focus {
+    border: 2px solid $overlay0;
+}
+
+.themer-menu-box {
+    @include window;
+    @include rounding;
+    border-radius: 15px;
+    background-color: shade($colorbarbg, 4%);
+    margin: 14px;
+    transition: 250ms cubic-bezier(0.05, 0.7, 0.1, 1);
+    // box-shadow: 2px 2px 6px #16161E;
+}
+
+.themer-title {
+    font-family: 'Rubik', 'Material Symbols Rounded';
+    font-size: 15pt;
+    padding: .6rem;
+    color: $colortext;
+    font-size: 14pt;
+}
+
+.themer-prompt {
+    color: $colortext;
+    font-family: 'Rubik', 'Material Symbols Rounded';
+    font-size: 12pt;
+    padding: .6rem;
+}
+
+.themer-input {
+    font-family: 'Rubik', 'Material Symbols Rounded';
+    // background-color: $surface0;
+    background-color: tint($colorbarbg, 4%);
+    color: $colortext;
+    border-radius: 10px;
+    padding: 7px;
+    margin-top: 2px;
+    margin-bottom: 2px;
+    border: 2px solid $overlay0;
+    caret-color: $colortext;
+
+    selection {
+        background-color: rgba(154, 152, 152, 0.5);
+    }
+}
+
+.themer-input:focus {
+    border: 2px solid $colortext;
+}
+
+.themer-color-preview-section {
+    @include rounding;
+}
+
+.themer-color-preview {
+    min-height: 25px;
+    min-width: 25px;
+    border-radius: 5px;
+    border-width: 55px;
+}
+
+.preview-0 {
+    background-color: $color0;
+}
+
+.preview-1 {
+    background-color: $color1;
+}
+
+.preview-2 {
+    background-color: $color2;
+}
+
+.preview-3 {
+    background-color: $color3;
+}
+
+.preview-4 {
+    background-color: $color4;
+}
+
+.preview-5 {
+    background-color: $color5;
+}
+
+.preview-6 {
+    background-color: $color6;
+}
+
+.preview-7 {
+    background-color: $color7;
+}
+
+.preview-primary {
+    background-color: $primary;
+}
+
+.preview-onPrimary {
+    background-color: $onPrimary;
+}
+
+.preview-primaryContainer {
+    background-color: $primaryContainer;
+}
+
+.preview-onPrimaryContainer {
+    background-color: $onPrimaryContainer;
+}
+
+.preview-secondary {
+    background-color: $secondary;
+}
+
+.preview-onSecondary {
+    background-color: $onSecondary;
+}
+
+.preview-secondaryContainer {
+    background-color: $secondaryContainer;
+}
+
+.preview-onSecondaryContainer {
+    background-color: $onSecondaryContainer;
+}
+
+.preview-tertiary {
+    background-color: $tertiary;
+}
+
+.preview-onTertiary {
+    background-color: $onTertiary;
+}
+
+.preview-tertiaryContainer {
+    background-color: $tertiaryContainer;
+}
+
+.preview-onTertiaryContainer {
+    background-color: $onTertiaryContainer;
+}
+
+.preview-background {
+    background-color: $colorbarbg;
+}
+
+.preview-onBackground {
+    background-color: $onBackground;
+}
+
+.preview-surface {
+    background-color: $surface;
+}
+
+.preview-onSurface {
+    background-color: $onSurface;
+}
\ No newline at end of file
diff --git a/early/.config/eww/css/_volume.scss b/early/.config/eww/css/_volume.scss
new file mode 100755
index 000000000..fd7acf507
--- /dev/null
+++ b/early/.config/eww/css/_volume.scss
@@ -0,0 +1,29 @@
+.vol-icon {
+  color: $color6;
+  padding-right: 2px;
+}
+
+// .vol-icon {
+//   color: $tokyocyan;
+//   padding-right: 2px;
+// }
+
+.volbar highlight {
+  background-image: linear-gradient(to right, $teal 30%, $sky 100%);
+  border-radius: 10px;
+}
+
+
+.vol-menu {
+  font-size: 1pt;
+  color: $color6;
+  padding-right: 2px;
+  padding-top: 4px;
+}
+
+.vol-menu:hover {
+  border-top: 2px solid;
+}
+.vol-icon:hover {
+  border-top: 2px solid;
+}
\ No newline at end of file
diff --git a/early/.config/eww/css/_winstuff.scss b/early/.config/eww/css/_winstuff.scss
new file mode 100755
index 000000000..a144247d4
--- /dev/null
+++ b/early/.config/eww/css/_winstuff.scss
@@ -0,0 +1,2014 @@
+.winwin {
+  background: rgba(40, 40, 40, 0.71);
+  border-radius: 12px;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-top: 1px solid rgba(64, 64, 64, 0.5);
+  margin: 12px;
+}
+
+.winwin-center {
+  background: rgba(40, 40, 40, 0.71);
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-bottom: 0px solid transparent;
+  border-top: 1px solid rgba(30, 30, 30, 0.5);
+  margin: 0px 12px;
+}
+
+.winwin-center-noseparator {
+  background: rgba(40, 40, 40, 0.71);
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-bottom: 0px solid transparent;
+  border-top: 0px solid transparent;
+  margin: 0px 12px;
+}
+
+.winwin-topbar {
+  background: rgba(28, 28, 28, 0.71);
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-bottom: 0px solid transparent;
+  margin: 12px;
+  margin-bottom: 0px;
+}
+
+.winwin-top {
+  transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  background: rgba(40, 40, 40, 0.71);
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-top: 1px solid rgba(64, 64, 64, 0.5);
+  border-bottom: 0px solid transparent;
+  margin: 12px;
+  margin-bottom: 0px;
+}
+
+.winwin-bottom {
+  background: rgba(28, 28, 28, 0.7);
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-top: 1px solid rgba(30, 30, 30, 0.5);
+  margin: 12px;
+  margin-top: 0px;
+}
+
+.winwin-bottom-light {
+  transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  background: rgba(40, 40, 40, 0.71);
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-top: 0px solid transparent;
+  margin: 12px;
+  margin-top: 0px;
+}
+
+.winwin-bottom-pad {
+  padding: 6px 12px;
+}
+
+.winstart-bottom-pad {
+  padding: 0px 43px;
+}
+
+.winbar-bg {
+  background: rgba(25, 25, 25, 0.7);
+  background-image: url('images/textures/acrylic.png');
+  background-blend-mode: luminosity;
+
+  min-height: 50px;
+  border-top: 1px solid rgba(64, 64, 64, 0.8);
+  animation-name: flyin-bottom;
+  animation-duration: 350ms;
+  animation-timing-function: cubic-bezier(0.05, 0.7, 0.1, 1);
+  animation-iteration-count: 1;
+}
+
+.winbutton-pad {
+  padding: 3px;
+  // min-width: 42px;
+  min-height: 42px;
+}
+
+.winbutton-only {
+  :first-child {
+    :first-child {
+      border-radius: 6px;
+      border: 1px solid transparent;
+      border-top: 1px solid transparent;
+    }
+  }
+}
+
+.winbutton-only:hover {
+  :first-child {
+    :first-child {
+      background-color: shade($overlay0, 2%);
+      border: 1px solid $overlayedge;
+      border-top: 1px solid tint($overlayedge, 5%);
+    }
+  }
+}
+
+.winbutton-only:active {
+  :first-child {
+    :first-child {
+      background-color: tint($overlay0, 8%);
+      border: 1px solid tint($overlayedge, 10%);
+      border-top: 1px solid tint($overlayedge, 15%);
+    }
+  }
+}
+
+.winnotif-text {
+  background-color: transparent;
+  font-size: 12pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  margin: 1px;
+}
+
+.winnotif-bodytext {
+  color: #CDCDCD;
+}
+
+.winbartext {
+  background-color: transparent;
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+}
+
+.wintoggle-text {
+  background-color: transparent;
+  font-size: 10pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+}
+
+.winstarticon-true {
+  background-size: 60%;
+  background-position: center;
+  background-image: url('images/icons/win.png');
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.winstarticon-false {
+  background-size: 60%;
+  background-position: center;
+  background-image: url('images/icons/win-inactive.png');
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.winbaricon {
+  background-size: 60%;
+  background-position: center;
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.thewinbutton:active {
+  :first-child {
+    :first-child {
+      background-size: 50%;
+      background-image: url('images/icons/win-clicked.png');
+    }
+  }
+}
+
+.wintaskbaricon {
+  background-size: 60%;
+  background-position: center;
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.wintaskbaricon-false {
+  background-size: 70%;
+  background-position: center;
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.wintaskbaricon-true {
+  background-size: 70%;
+  background-position: center;
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.wintaskbar-indicator-true {
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+  margin-bottom: 4px;
+  margin-top: 43px;
+  margin-left: 16px;
+  margin-right: 16px;
+  background-color: $primary;
+}
+
+.wintaskbar-indicator-false {
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+  margin-bottom: 4px;
+  margin-top: 43px;
+  margin-left: 22px;
+  margin-right: 22px;
+  background-color: #9C98A3;
+}
+
+.winbutton-only:active {
+  :first-child {
+    :first-child {
+      background-size: 50%;
+    }
+  }
+}
+
+.wintimedate {
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+  padding: 0 10px;
+}
+
+.winbutton-true {
+  background-color: shade($overlay0, 2%);
+  border: 1px solid $overlayedge;
+  border-top: 1px solid tint($overlayedge, 5%);
+}
+
+.winicon {
+  background-position: center;
+  min-height: 42px;
+  min-width: 30px;
+}
+
+.winwifi {
+  background-image: url('images/svg/dark/wifi.svg');
+}
+
+.winwifi1 {
+  background-image: url('images/svg/dark/wifi1.svg');
+}
+
+.winwifi2 {
+  background-image: url('images/svg/dark/wifi2.svg');
+}
+
+.winwifi3 {
+  background-image: url('images/svg/dark/wifi3.svg');
+}
+
+.winwifi4 {
+  background-image: url('images/svg/dark/wifi4.svg');
+}
+
+.winwifi-activated {
+  background-image: url('images/svg/light/wifi.svg');
+}
+
+.winwifi1-activated {
+  background-image: url('images/svg/light/wifi1.svg');
+}
+
+.winwifi2-activated {
+  background-image: url('images/svg/light/wifi2.svg');
+}
+
+.winwifi3-activated {
+  background-image: url('images/svg/light/wifi3.svg');
+}
+
+.winwifi4-activated {
+  background-image: url('images/svg/light/wifi4.svg');
+}
+
+.winbat0 {
+  background-image: url('images/svg/dark/bat0.svg');
+}
+
+.winbat1 {
+  background-image: url('images/svg/dark/bat1.svg');
+}
+
+.winbat2 {
+  background-image: url('images/svg/dark/bat2.svg');
+}
+
+.winbat3 {
+  background-image: url('images/svg/dark/bat3.svg');
+}
+
+.winbat4 {
+  background-image: url('images/svg/dark/bat4.svg');
+}
+
+.winbat5 {
+  background-image: url('images/svg/dark/bat5.svg');
+}
+
+.winbat6 {
+  background-image: url('images/svg/dark/bat6.svg');
+}
+
+.winbat7 {
+  background-image: url('images/svg/dark/bat7.svg');
+}
+
+.winbat8 {
+  background-image: url('images/svg/dark/bat8.svg');
+}
+
+.winbat9 {
+  background-image: url('images/svg/dark/bat9.svg');
+}
+
+.winbat10 {
+  background-image: url('images/svg/dark/bat10.svg');
+}
+
+.winbatcharge {
+  background-image: url('images/svg/dark/batcharge.svg');
+}
+
+.winvol0 {
+  background-image: url('images/svg/dark/vol0.svg');
+}
+
+.winvol1 {
+  background-image: url('images/svg/dark/vol1.svg');
+}
+
+.winvol2 {
+  background-image: url('images/svg/dark/vol2.svg');
+}
+
+.winvol3 {
+  background-image: url('images/svg/dark/vol3.svg');
+}
+
+.winvolmute {
+  background-image: url('images/svg/dark/volmute.svg');
+}
+
+.winbrightness {
+  background-image: url('images/svg/dark/brightness.svg');
+}
+
+.winbluetooth {
+  background-image: url('images/svg/dark/bluetooth.svg');
+}
+
+.winbluetooth-false {
+  background-image: url('images/svg/dark/bluetoothfalse.svg');
+}
+
+.winbluetooth-true {
+  background-image: url('images/svg/light/bluetoothtrue.svg');
+}
+
+.winbluetooth {
+  background-image: url('images/svg/light/bluetooth.svg');
+}
+
+.winbluetooth-false {
+  background-image: url('images/svg/dark/bluetoothfalse.svg');
+}
+
+.winbluetooth-true {
+  background-image: url('images/svg/dark/bluetoothtrue.svg');
+}
+
+.winactions-airplane {
+  background-image: url('images/svg/dark/airplane.svg');
+}
+
+.winactions-nightlight-activated {
+  background-image: url('images/svg/light/night.svg');
+}
+
+.winactions-nightlight {
+  background-image: url('images/svg/dark/brightness.svg');
+}
+
+.wincog {
+  background-image: url('images/svg/dark/cog.svg');
+}
+
+.winbell {
+  background-image: url('images/svg/dark/notif.svg');
+}
+
+.winreset {
+  background-image: url('images/svg/dark/reset.svg');
+}
+
+.winnotifsnooze {
+  background-image: url('images/svg/dark/notifsnooze.svg');
+}
+
+.winapp {
+  background-image: url('images/svg/dark/app.svg');
+}
+
+.wincaretup {
+  background-image: url('images/svg/dark/caretup.svg');
+}
+
+.wincaretdown {
+  background-image: url('images/svg/dark/caretdown.svg');
+}
+
+.winsearch-icon {
+  background-image: url('images/svg/dark/search-fluent.svg');
+}
+
+.winstart-search-searchbox-icon {
+  background-size: 100%;
+  background-position: center;
+  min-height: 21px;
+  min-width: 21px;
+  margin-left: 4px;
+  margin-right: 10px;
+}
+
+.winactions-togglerow {
+  margin: 12px;
+  margin-bottom: 0px;
+}
+
+.winactions-sliderrow {
+  margin: 0 12px;
+}
+
+.winactions-media-pad {
+  padding: 25px;
+}
+
+.winactions-toggle {
+  background-color: shade($overlay0, 2%);
+  border-radius: 6px;
+  border: 1px solid $overlayedge;
+  border-top: 1px solid tint($overlayedge, 5%);
+  margin: 12px;
+  min-height: 50px;
+  min-width: 98px;
+}
+
+.winactions-toggle-true {
+  background-color: $primary;
+}
+
+.winactions-toggle-icon {
+  min-width: 21px;
+  min-height: 21px;
+  background-position: center;
+  background-repeat: no-repeat;
+  // background-size: auto 45%;
+}
+
+.winactions-toggle-icon:hover {
+  background-color: $hover0;
+}
+
+.winactions-toggle-icon:active {
+  background-color: tint($hover0, 10%);
+}
+
+.winactions-toggle-icon-center {
+  border-radius: 6px;
+}
+
+.winactions-toggle-icon-left {
+  min-width: 21px;
+  min-height: 21px;
+  background-position: center;
+  background-repeat: no-repeat;
+  // background-size: auto 45%;
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+  border-right: 1px solid tint($overlayedge, 5%);
+}
+
+.winactions-toggle-icon-right {
+  min-width: 21px;
+  min-height: 21px;
+  background-position: center;
+  background-repeat: no-repeat;
+  // background-size: auto 45%;
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+  border-right: 1px solid tint($overlayedge, 5%);
+}
+
+.winactions-toggle-icon-left:hover {
+  background-color: $hover0;
+}
+
+.winactions-toggle-icon-right:hover {
+  background-color: $hover0;
+}
+
+.winactions-toggle-icon-left:active {
+  background-color: tint($hover0, 10%);
+}
+
+.winactions-toggle-icon-right:active {
+  background-color: tint($hover0, 10%)
+}
+
+.winactions-toggle-arrow {
+  background-image: url('images/svg/dark/rightarrow.svg');
+  background-position: center;
+  background-repeat: no-repeat;
+  // background-size: 40%;
+}
+
+.winactions-toggle-arrow-activated {
+  background-image: url('images/svg/light/rightarrow.svg');
+  background-position: center;
+  background-repeat: no-repeat;
+  // background-size: 40%;
+}
+
+.winactions-element {
+  margin: 12px;
+}
+
+.winslider {
+  border-radius: 9999px;
+  transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+
+  trough {
+    border-radius: 9999px;
+    background-color: #A69999;
+    min-height: 4px;
+    transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  }
+
+  highlight {
+    border-radius: 9999px;
+    background-color: $primary;
+    background-image: linear-gradient(45deg, $primary 0%, $primary 100%);
+    transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  }
+
+  slider {
+    border-radius: 9999px;
+    border: 5px solid #454545;
+    min-height: 11px;
+    min-width: 11px;
+    background-color: $primary;
+    margin: -8px;
+    transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  }
+
+  slider:hover {
+    border-radius: 9999px;
+    border: 4px solid #454545;
+    min-height: 13px;
+    min-width: 13px;
+    background-color: $primary;
+    margin: -8px;
+  }
+
+  slider:active {
+    border-radius: 9999px;
+    border: 6px solid #454545;
+    min-height: 9px;
+    min-width: 9px;
+    background-color: $primary;
+    margin: -8px;
+  }
+
+  // slider:focus {
+  //     background-color: $primary;
+  // }
+}
+
+.winslider-winactions {
+  margin: 0 9px;
+
+  trough {
+    min-width: 287px;
+  }
+}
+
+.winnotif-badge {
+  border-radius: 9999px;
+  min-width: 20px;
+  min-height: 20px;
+  background-color: $primary;
+  color: #000000;
+  margin-left: 10px;
+}
+
+.winnotif-notif {
+  background-color: rgba(55, 55, 55, 0.6);
+  border-radius: 6px;
+  border: 1px solid rgba(30, 30, 30, 0.2);
+  margin: 4px;
+  padding: 13px;
+}
+
+.winnotif-notif-icon {
+  background-position: center center;
+  min-height: 20px;
+  min-width: 20px;
+  margin: 8px;
+}
+
+.winnotif-appname {
+  margin: 8px;
+  background-color: transparent;
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+}
+
+.winnotif-title {
+  margin: 17px;
+}
+
+.winnotif-button {
+  background-size: 50% auto;
+  background-color: rgba(75, 75, 75, 0.25);
+  background-position: center;
+  border-radius: 6px;
+  border: 1px solid $overlayedge;
+  border-top: 1px solid tint($overlayedge, 5%);
+  margin: 12px 3px;
+  padding: 6px;
+  min-width: 20px;
+  min-height: 20px;
+}
+
+.winnotif-button:hover {
+  background-color: rgba(95, 95, 95, 0.4);
+}
+
+.winnotif-button:active {
+  background-color: tint(rgba(95, 95, 95, 0.4), 20%);
+}
+
+.wincalendar-title {
+  border-radius: 9999px;
+  font-size: 12pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  margin: 1px;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.wincalendar-button {
+  border-radius: 9999px;
+  font-size: 12pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  margin: 1px;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.wincalendar-text {
+  border-radius: 9999px;
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.day-1 {
+  background-color: transparent;
+  color: #7C7C7C;
+}
+
+.day0 {
+  background-color: transparent;
+  color: white;
+}
+
+.day-1:hover {
+  background-color: rgba(75, 75, 75, 0.5);
+}
+
+.day0:hover {
+  background-color: rgba(75, 75, 75, 0.5);
+}
+
+.day-1:active {
+  background-color: tint(rgba(75, 75, 75, 0.5), 10%);
+}
+
+.day0:active {
+  background-color: tint(rgba(75, 75, 75, 0.5), 10%);
+}
+
+.day1 {
+  background-color: $primary;
+  color: #000000;
+}
+
+.day1:hover {
+  background-color: tint($primary, 10%);
+}
+
+.day1:active {
+  background-color: tint($primary, 20%);
+}
+
+.winarrow-up {
+  background-image: url('images/svg/dark/uparrow.svg');
+}
+
+.winarrow-down {
+  background-image: url('images/svg/dark/downarrow.svg');
+}
+
+.winactions-bottom-button {
+  background-color: transparent;
+  border-radius: 6px;
+  // border: 1px solid transparent;
+  // border-top: 1px solid transparent;
+  min-width: 42px;
+  min-height: 42px;
+}
+
+.winactions-bottom-button:hover {
+  background-color: rgba(75, 75, 75, 0.5);
+}
+
+.winactions-bottom-button:active {
+  background-color: tint(rgba(75, 75, 75, 0.5), 10%);
+}
+
+.winnotif-calendar {
+  background: rgba(40, 40, 40, 0.6);
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-bottom: 0px solid transparent;
+  border-top: 1px solid rgba(30, 30, 30, 0.5);
+  margin: 0px 12px;
+}
+
+.winnotif-monthbutton {
+  // background-size: 80% auto;
+  background-color: transparent;
+  background-position: center;
+  border-radius: 6px;
+  margin: 12px 3px;
+  padding: 6px;
+  min-width: 20px;
+  min-height: 20px;
+}
+
+.winnotif-monthbutton:hover {
+  background-color: rgba(95, 95, 95, 0.4);
+}
+
+.winnotif-monthbutton:active {
+  background-color: tint(rgba(95, 95, 95, 0.4), 10%);
+}
+
+.winstart-search-contents {
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  background-color: transparent;
+  border-radius: 6px;
+  border: 0px solid transparent;
+  padding: 11px;
+  margin: 34px;
+  margin-left: 69px;
+
+  selection {
+    background-color: tint($primary, 50%);
+    color: #1e1e1e;
+  }
+}
+
+.winstart-search-accent {
+  min-height: 2px;
+  background-color: $primary;
+  border-bottom-left-radius: 99px;
+  border-bottom-right-radius: 99px;
+  margin: 34px 36px;
+  margin-bottom: 34px;
+}
+
+.winstart-search-prompt {
+  background-color: rgba(34, 32, 39, 0.5);
+  border-radius: 6px;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  padding: 11px;
+  margin: 34px;
+}
+
+.winstart-search-prompt-text {
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  color: #CCCCCC;
+}
+
+.winstart-button-allapps {
+  background-color: rgba(75, 75, 75, 0.25);
+  border-radius: 6px;
+  border: 1px solid $overlayedge;
+  border-top: 1px solid tint($overlayedge, 5%);
+  padding: 6px;
+  min-width: 20px;
+  min-height: 20px;
+}
+
+.winstart-button-allapps:hover {
+  background-color: rgba(95, 95, 95, 0.4);
+}
+
+.winstart-button-allapps:active {
+  background-color: tint(rgba(95, 95, 95, 0.4), 20%);
+}
+
+.winstart-allapps-arrow {
+  background-image: url('images/svg/dark/rightarrow.svg');
+  background-position: center;
+  background-repeat: no-repeat;
+  min-width: 15px;
+  min-width: 15px;
+  margin-left: 8px;
+  background-size: 90%;
+}
+
+.winstart-allapps-icon {
+  font-family: 'Material Symbols Rounded';
+  font-size: 13pt;
+  font-weight: 300;
+}
+
+.winstart-section {
+  background-color: transparent;
+  font-size: 11.4pt;
+  font-family: 'Cantarell';
+  font-weight: 700;
+}
+
+.winstart-pinnedapps {
+  margin: 12px 34px;
+}
+
+.winsearch-section-box {
+  margin: 0 72px;
+  margin-bottom: 12px;
+}
+
+.winstart-pinnedapps-entry-pad {
+  padding-top: 11px;
+}
+
+.winstart-pinnedapps-entry {
+  min-width: 101px;
+  min-height: 88px;
+  border-radius: 6px;
+}
+
+.winstart-pinnedapps-entry:hover {
+  background-color: rgba(95, 95, 95, 0.6);
+}
+
+.winstart-pinnedapps-icon {
+  min-width: 33px;
+  min-height: 33px;
+}
+
+.winstart-recommended {
+  margin: 0px 60px;
+  margin-bottom: 33px;
+}
+
+.winstart-recommended-entry {
+  // min-width: 285.67px;
+  min-height: 59px;
+  border-radius: 6px;
+}
+
+.winstart-recommended-entry:hover {
+  background-color: rgba(49, 49, 49, 0.45);
+}
+
+.winstart-recommended-entry-pad {
+  min-width: 266.67px;
+  min-height: 59px;
+  border-radius: 6px;
+}
+
+.winstart-recommended-icon {
+  min-width: 33px;
+  min-height: 33px;
+  margin: 13px;
+}
+
+.winstart-recommended-text {
+  margin: 13px 0px;
+}
+
+.winstart-recommended-name {
+  color: white;
+}
+
+.winstart-recommended-subtext {
+  color: #C1C1C1;
+}
+
+.winstart-user {
+  border-radius: 6px;
+  padding: 5px 16px;
+  margin: 14px;
+}
+
+.winstart-user:hover {
+  background-color: rgba(49, 49, 49, 0.7);
+}
+
+.winstart-user-icon {
+  min-width: 33px;
+  min-height: 33px;
+  border-radius: 9999px;
+  background: white;
+  background-image: url('images/svg/light/user.svg');
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+.winstart-power-icon {
+  background-size: 53%;
+  // background-image: url('images/svg/dark/power.svg');
+  background-position: center;
+  background-repeat: no-repeat;
+  min-width: 43px;
+  min-height: 43px;
+  border-radius: 6px;
+  margin: 14px;
+}
+
+.winstart-power-icon-true {
+  background-color: rgba(49, 49, 49, 0.7);
+}
+
+.winstart-power-icon:hover {
+  background-color: rgba(49, 49, 49, 0.7);
+}
+
+.winstart-allapps-box {
+  padding: 0 55px;
+}
+
+.winstart-allapps-app-pad {
+  padding-top: 11px;
+}
+
+.winstart-allapps-app {
+  border-radius: 6px;
+  min-height: 42px;
+  min-width: 564px;
+}
+
+.winstart-allapps-app:hover {
+  background-color: rgba(49, 49, 49, 0.45);
+}
+
+.winstart-allapps-app-icon {
+  margin: 8px;
+}
+
+.winstart-allapps-appname {
+  margin-left: 15px;
+}
+
+.winsearch-pad {
+  margin-left: 34px;
+  margin-right: 34px;
+}
+
+.winsearch-actions-box {
+  background-color: rgba(73, 73, 73, 0.5);
+  border-radius: 9px;
+}
+
+.winsearch-tag-strip {
+  min-height: 34px;
+  margin: 0 34px;
+  margin-bottom: 3px;
+}
+
+.winsearch-tag {
+  background-color: rgba(73, 73, 73, 0.25);
+  border-radius: 9999px;
+  padding: 10px 15px;
+  margin: 0 3px;
+}
+
+.winsearch-tag-false {
+  background-color: rgba(73, 73, 73, 0.25);
+  border-radius: 9999px;
+  padding: 10px 15px;
+  margin: 0 3px;
+}
+
+.winsearch-tag-true {
+  background-color: $primary;
+  color: $onPrimary;
+  border-radius: 9999px;
+  padding: 10px 15px;
+  margin: 0 3px;
+}
+
+.winsearch-result {
+  border-radius: 6px;
+  margin: 2px;
+  min-height: 42px;
+  padding: 0 12px;
+  padding-left: 57px;
+  caret-color: transparent;
+
+  border-left: 3px solid transparent;
+  // border-top: 2px solid transparent;
+  // border-bottom: 2px solid transparent;
+
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+
+  selection {
+    background-color: transparent;
+  }
+
+  background-position: -0.5% center;
+  background-size: auto 65%;
+  background-image: url('images/svg/linetransparent.svg');
+}
+
+.winsearch-result:focus {
+  background-color: rgba(73, 73, 73, 0.25);
+  background-position: -0.5% center;
+  background-size: auto 65%;
+  background-image: url('images/svg/linevertical.svg');
+
+  // border-left: 3px solid $primary;
+  // border-top: 2px solid transparent;
+  // border-bottom: 2px solid transparent;
+}
+
+.winsearch-result-icon {
+  margin-left: 13px;
+}
+
+.winsearch-result-icon-big {
+  margin-top: 34px;
+  margin-bottom: 14px;
+}
+
+.winsearch-section {
+  min-height: 38px;
+  margin-left: 13px;
+}
+
+.winsearch-result-actions-title {
+  font-size: 13pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  color: white;
+}
+
+.winsearch-result-actions-subtext {
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  color: #8E8D8F;
+  margin-bottom: 8px;
+}
+
+.winsearch-separator {
+  min-height: 3px;
+  background-color: rgba(73, 73, 73, 0.25);
+  border: 1px rgba(73, 73, 73, 0.4);
+  margin: 21px 17px;
+}
+
+.winsearch-actions-icon {
+  margin-left: 13px;
+}
+
+.winsearch-actions-button {
+  border-radius: 6px;
+  min-height: 34px;
+  margin: 0 17px;
+}
+
+.winsearch-actions-button:hover {
+  background-color: rgba(108, 108, 108, 0.25);
+}
+
+.winsearch-actions-button:focus {
+  background-color: rgba(108, 108, 108, 0.25);
+}
+
+.winsearch-actions-button:active {
+  background-color: tint(rgba(108, 108, 108, 0.25), 5%);
+}
+
+.winosd-window {
+  margin: 5px;
+  border-radius: 9px;
+  min-width: 10px;
+  min-height: 40px;
+}
+
+.winosd-var-shape {
+  padding: 7px;
+  min-width: 100px;
+  min-height: 37px;
+  border-radius: 9px;
+  margin: 12px;
+}
+
+.winosd-var {
+  padding: 7px;
+  min-width: 100px;
+  min-height: 37px;
+  background: rgba(45, 46, 48, 0.8);
+  background-image: url('images/textures/acrylic.png');
+  border-radius: 15px;
+  // border: 1px solid rgba(60, 60, 60, 0.4);
+  // border-top: 1px solid rgba(64, 64, 64, 0.5);
+  border: 1px solid rgba(34, 35, 38, 0.5);
+  margin: 14px;
+}
+
+.winslider-osd {
+  border-radius: 9999px;
+  margin: 0 9px;
+  transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+
+  trough {
+    border-radius: 9999px;
+    background-color: #A69999;
+    min-height: 4px;
+    min-width: 116px;
+    transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  }
+
+  highlight {
+    border-radius: 9999px;
+    background-color: $primary;
+    background-image: linear-gradient(45deg, $primary 0%, $primary 100%);
+    transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  }
+}
+
+.win-segoeicon {
+  font-family: 'Segoe Fluent Icons';
+  font-weight: bold;
+}
+
+.winpower-window {
+  padding: 5px;
+  background: rgba(40, 40, 40, 0.71);
+  border-radius: 12px;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-top: 1px solid rgba(64, 64, 64, 0.5);
+  margin: 12px;
+  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.65);
+}
+
+.winpower-buttonicon {
+  padding: 10px;
+  min-width: 20px;
+  min-height: 20px;
+}
+
+.winpower-button {
+  background-color: transparent;
+  border-radius: 6px;
+  // border: 1px solid transparent;
+  // border-top: 1px solid transparent;
+  min-width: 42px;
+  min-height: 42px;
+  // margin: 0 5px;
+}
+
+.winpower-button:hover {
+  background-color: rgba(75, 75, 75, 0.5);
+}
+
+.winpower-button:active {
+  background-color: tint(rgba(75, 75, 75, 0.5), 10%);
+}
+
+.wingamebar-overlay {
+  background-color: rgba(10, 10, 10, 0.4);
+}
+
+.wingamebar-window {
+  background: #252525;
+  border-radius: 10px;
+  border: 1px solid $overlay0;
+  transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
+}
+
+.wingamebar-titlebar {
+  background: #1C1C1C;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+  border: 2px $overlay0;
+  padding: 10px;
+}
+
+.wingamebar-icon {
+  font-family: 'Segoe Fluent Icons';
+  font-size: 10pt;
+  font-weight: bold;
+}
+
+.wingamebar-text {
+  font-family: 'Bahnschrift';
+  font-size: 12pt;
+  font-weight: 500;
+}
+
+.wingamebar-text-small {
+  font-size: 10pt;
+}
+
+.wingamebar-text-clock {
+  font-size: 17pt;
+  margin: 17px;
+}
+
+.wingamebar-text-bigmetric {
+  font-size: 25pt;
+}
+
+.wingamebar-content {
+  padding: 8px 17px;
+}
+
+.wingamebar-capture {
+  padding: 17px;
+}
+
+.wingamebar-capture-button {
+  min-width: 57px;
+  min-height: 57px;
+  background: #3A3A3A;
+  border: 1px solid #3A3A3A;
+  border-radius: 9999px;
+}
+
+.wingamebar-capture-button:hover {
+  border: 1px solid white;
+}
+
+.wingamebar-capture-button-unavailable {
+  min-width: 55px;
+  min-height: 55px;
+  background: #282828;
+  border: 2px solid #282828;
+  border-radius: 9999px;
+}
+
+.wingamebar-subtext {
+  color: #A8A8A8;
+}
+
+.wingamebar-capture-bottom {
+  border-top: 1px solid #373737;
+  padding: 8px 17px;
+  color: #DEDEDE;
+}
+
+.wingamebar-button-pad:hover {
+  :first-child {
+    background-color: $overlay0;
+  }
+}
+
+.wingamebar-button:hover {
+  background-color: $overlay0;
+}
+
+.wingamebar-capture-bottom {
+  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 8px;
+}
+
+.wingamebar-navbar {
+  min-height: 35px;
+  border-bottom: 2px solid #333333;
+  padding: 0 17px;
+}
+
+.wingamebar-navbar-button {
+  min-height: 35px;
+  min-width: 75px;
+  margin-bottom: -2px;
+  background-image: url('images/svg/dark/linehorizontal.svg');
+  background-position: bottom;
+  background-size: 100% auto;
+}
+
+.wingamebar-audio-sys {
+  padding: 17px;
+  border-bottom: 2px solid #333333;
+}
+
+.winslider-gamebar-sys {
+  margin: 0 5px;
+
+  trough {
+    min-width: 260px;
+  }
+}
+
+.winslider-gamebar-app {
+
+  // margin: 0 5px;
+  trough {
+    min-width: 205px;
+    margin: 0 3px;
+  }
+}
+
+.wingamebar-audio-appicon {
+  margin-left: 17px;
+  margin-bottom: 5px;
+}
+
+.wingamebar-control-button {
+  min-width: 59px;
+  min-height: 59px;
+  border-radius: 6px;
+  margin: 5px;
+}
+
+.wingamebar-control-button:hover {
+  background-color: $hover0;
+}
+
+.wingamebar-control-button-active {
+  min-width: 59px;
+  min-height: 59px;
+  border-radius: 6px;
+  margin: 5px;
+  background-size: auto 4%;
+  background-position: 0% 93%;
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 21%, $primary 21%, $primary 79%, rgba(0, 0, 0, 0) 79%, rgba(0, 0, 0, 0) 100%);
+}
+
+.wingamebar-control-button-active:hover {
+  background-color: $hover0;
+}
+
+.wingamebar-control-sidesection-left {
+  background-color: #1C1C1C;
+  min-height: 68px;
+  min-width: 68px;
+  border-top-left-radius: 10px;
+  border-bottom-left-radius: 10px;
+}
+
+.wingamebar-control-sidesection-right {
+  background-color: #1C1C1C;
+  min-height: 68px;
+  min-width: 68px;
+  border-top-right-radius: 10px;
+  border-bottom-right-radius: 10px;
+}
+
+.wingamebar-control-button {
+  font-size: 15pt;
+}
+
+.wingamebar-performance-metricscolumn {
+  min-width: 100px;
+}
+
+.wingamebar-performance-metric-false {
+  min-height: 25px;
+  padding: 0 17px;
+}
+
+.wingamebar-performance-metric-true {
+  min-height: 25px;
+  background-color: #3C3C3C;
+  padding: 0 17px;
+}
+
+.wingamebar-performance-grapharea {
+  border-bottom-right-radius: 10px;
+}
+
+.wingamebar-performance-graphpad {
+  padding: 17px;
+}
+
+.wingamebar-performance-graph-graphpad {
+  padding-top: 37px;
+  padding-bottom: 37px;
+  padding-left: 17px;
+  padding-right: 17px;
+}
+
+.wingamebar-graph {
+  color: $primary;
+}
+
+.winnews-topbar {
+  margin: 25px;
+  margin-bottom: 13px;
+}
+
+.winnews-user {
+  border-radius: 9999px;
+}
+
+.winnews-user:hover {
+  background-color: rgba(49, 49, 49, 0.7);
+}
+
+.winnews-title {
+  font-family: 'Cantarell';
+  font-size: 12pt;
+  font-weight: bold;
+  font-size: 16pt;
+  margin-right: 20px;
+}
+
+.winnews-clock {
+  font-family: 'Cantarell';
+  font-size: 12pt;
+  font-weight: 500;
+  font-size: 16pt;
+  margin-right: 20px;
+}
+
+.winnews-search-prompt {
+  background-color: rgba(34, 32, 39, 0.5);
+  border-radius: 9999px;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  padding: 5px;
+}
+
+.winnews-search-prompt-text {
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  color: #CCCCCC;
+}
+
+.winnews-search-contents {
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  background-color: transparent;
+  border-radius: 6px;
+  border: 0px solid transparent;
+  // padding: 11px;
+  // margin: 34px;
+  margin-left: 37px;
+
+  selection {
+    background-color: tint($primary, 50%);
+    color: #1e1e1e;
+  }
+}
+
+.winnews-widgets {
+  margin: 0 46px;
+  margin-top: 4px;
+}
+
+.winnews-section-icon {
+  color: $onSecondaryContainer;
+  font-family: 'Material Symbols Rounded';
+  font-size: 20pt;
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  margin: 5px;
+}
+
+.winnews-widget {
+  border-radius: 9px;
+  background-color: $onSecondary;
+  padding-bottom: 10px;
+}
+
+.winnews-widget-nopad {
+  border-radius: 9px;
+  background-color: $onSecondary;
+}
+
+.winnews-section {
+  color: $onSecondaryContainer;
+  font-family: 'Cantarell';
+  font-size: 15pt;
+  font-weight: bold;
+  margin: 5px;
+}
+
+.winnews-text {
+  margin: 5px 0px;
+  background-repeat: no-repeat;
+  color: $onBackground;
+  font-family: 'Cantarell';
+  font-size: 12pt;
+}
+
+.winnews-option {
+  padding: 0 17px;
+  margin-left: 43px;
+}
+
+.winslider-winnews {
+  margin: 0 5px;
+  min-height: 21px;
+
+  trough {
+    min-width: 260px;
+  }
+}
+
+.win-checkbox-0 {
+  margin: 5px 0px;
+  border-radius: 9999px;
+  min-width: 26px;
+  min-height: 26px;
+  background: url('images/svg/checkbox_no.svg');
+  background-repeat: no-repeat;
+  color: transparent;
+}
+
+.win-checkbox-1 {
+  margin: 5px 0px;
+  border-radius: 9999px;
+  min-width: 26px;
+  min-height: 26px;
+  background: url('images/svg/checkbox.svg');
+  background-repeat: no-repeat;
+  color: transparent;
+}
+
+.winnews-fetch-pad {
+  padding: 0 17px;
+  padding-left: 15px;
+}
+
+.winnews-fetch-icon {
+  color: $primary;
+  font-size: 16pt;
+  font-family: Material Symbols Rounded;
+}
+
+.winnews-fetch {
+  font-size: 15pt;
+}
+
+.winnews-waifu {
+  min-width: 380px;
+  min-height: 380px;
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+  background-size: 100% auto;
+  background-position: top;
+}
+
+.winnews-title-right {
+  margin-right: 15px;
+}
+
+.winnews-link {
+  color: #89B4FA;
+}
+
+.wintaskview-bg {
+  // background-color: rgba(0, 0, 0, 0.2);
+  background-color: rgba(50, 63, 83, 0.2);
+}
+
+.wintaskview-workspaces-bg {
+  border-radius: 9px;
+  background-color: rgba(15, 15, 15, 0.75);
+  margin: 10px;
+  min-height: 60px;
+  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.65);
+}
+
+.wintaskview-text {
+  background-color: transparent;
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  margin: 1px;
+  color: white;
+}
+
+.wintaskview-workspace-bg {
+  background-size: 100% auto;
+  background-position: center;
+  border-radius: 5px;
+}
+
+.taskview-ws {
+  margin: 4px;
+  padding: 8px 12px;
+  background-size: 17% 2%;
+  background-position: bottom;
+}
+
+.taskview-ws-true {
+  background-color: rgba(75, 75, 75, 0.6);
+  border-radius: 9px;
+  border: 1px solid $overlayedge;
+  border-top: 1px solid tint($overlayedge, 5%);
+
+  background-image: url('images/svg/linehorizontal.svg');
+}
+
+.taskview-ws-false {
+  background-color: transparent;
+  border-radius: 9px;
+  border: 1px solid transparent;
+}
+
+.taskview-ws-window {
+  border-radius: 5px;
+  background-color: #2C2C2C;
+  border: 1px solid $surface0;
+  border-top: 1px solid tint($surface0, 5%);
+}
+
+.taskview-thisws-window {
+  border-radius: 12px;
+  background-color: rgba(22, 22, 22, 0.85);
+  color: white;
+}
+
+.wintaskview-thisws-window-close {
+  color: white;
+  font-size: 15pt;
+}
+
+.taskview-thisws-window-thumbnail {
+  border-radius: 4px;
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+  background-color: #202020;
+  margin: 1px;
+}
+
+.winactions-media-cover {
+  border-radius: 5px;
+  min-height: 45px;
+  min-width: 45px;
+  background-size: auto 100%;
+  background-position: center;
+}
+
+.winactions-media-title {
+  color: white;
+  background-color: transparent;
+  font-size: 12pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+}
+
+.winactions-media-artist {
+  color: white;
+  background-color: transparent;
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+}
+
+.winactions-media-button {
+  font-size: 14pt;
+  color: white;
+  border-radius: 5px;
+  padding: 10px;
+  margin: -5px;
+}
+
+.winactions-media-button:hover {
+  background-color: rgba(95, 95, 95, 0.6);
+}
+
+.winactions-media-button:active {
+  background-color: rgba(100, 100, 100, 0.8);
+}
+
+.winwin-shadow {
+  margin: 12px;
+  border-radius: 12px;
+  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.65);
+  // box-shadow: 0px 8px 10px red;
+}
+
+.winwin-topbar-shadow {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+  margin: 12px;
+  margin-bottom: 0px;
+  margin-top: 6px;
+  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.65);
+}
+
+.winwin-center-shadow {
+  margin: 0px 12px;
+  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.65);
+}
+
+.winwin-center-noseparator-shadow {
+  margin: 0px 12px;
+  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.65);
+}
+
+.winwin-topbar-shadow {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+  margin: 12px;
+  margin-bottom: 0px;
+  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.65);
+}
+
+.winwin-top-shadow {
+  transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+  margin: 12px;
+  margin-bottom: 0px;
+  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.65);
+}
+
+.winwin-bottom-shadow {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+  margin: 12px;
+  margin-top: 0px;
+  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.65);
+}
+
+.winwin-bottom-light-shadow {
+  transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+  margin: 12px;
+  margin-top: 0px;
+  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.65);
+}
+
+.winnewsicon {
+  background-position: center;
+  background-image: url('images/icons/winnews.png');
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.winnewsicon-interaction:active {
+  :first-child {
+    :first-child {
+      background-image: url('images/icons/winnews-clicked.png');
+    }
+  }
+}
+
+.wintaskviewicon {
+  background-position: center;
+  background-size: 60%;
+  background-image: url('images/icons/wintaskview.png');
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.wintaskviewicon-interaction:active {
+  :first-child {
+    :first-child {
+      background-size: 50%;
+      background-image: url('images/icons/wintaskview-clicked.png');
+    }
+  }
+}
+
+.winbarbutton-h {
+  :first-child {
+    :first-child {
+      border-radius: 6px;
+      border: 1px solid transparent;
+      border-top: 1px solid transparent;
+    }
+  }
+}
+
+.winbarbutton-h:hover {
+  :first-child {
+    :first-child {
+      background-color: shade($overlay0, 2%);
+      border: 1px solid $overlayedge;
+      border-top: 1px solid tint($overlayedge, 5%);
+    }
+  }
+}
+
+.winbarbutton-h:active {
+  :first-child {
+    :first-child {
+      background-color: tint($overlay0, 8%);
+      border: 1px solid tint($overlayedge, 10%);
+      border-top: 1px solid tint($overlayedge, 15%);
+    }
+  }
+}
+
+.wintray-button {
+  border-radius: 6px;
+  border: 1px solid $overlayedge;
+  border-top: 1px solid tint($overlayedge, 5%);
+  padding: 6px;
+  min-width: 20px;
+  min-height: 20px;
+}
+
+.winbarbutton-h-open {
+  :first-child {
+    :first-child {
+      background-color: shade($overlay0, 2%);
+      border: 1px solid $overlayedge;
+      border-top: 1px solid tint($overlayedge, 5%);
+    }
+  }
+}
+
+.winnews-tag-strip {
+  min-height: 34px;
+  margin: 0 15px;
+  // margin-bottom: 3px;
+}
+
+.winnews-tag {
+  border-radius: 9999px;
+  padding: 10px 15px;
+  margin: 0 3px;
+  background-color: $secondaryContainer;
+  color: $onSecondaryContainer;
+}
+
+.winnews-tag:hover {
+  background-color: tint($secondaryContainer, 10%);
+  color: tint($onSecondaryContainer, 10%);
+}
+
+.winnews-tag:active {
+  background-color: tint($secondaryContainer, 20%);
+  color: tint($onSecondaryContainer, 20%);
+}
+
+.winnews-tag-false {
+  background-color: rgba(73, 73, 73, 0.25);
+  border-radius: 9999px;
+  padding: 10px 15px;
+  margin: 0 3px;
+}
+
+.winnews-tag-true {
+  background-color: $primary;
+  color: $onPrimary;
+  border-radius: 9999px;
+  padding: 10px 15px;
+  margin: 0 3px;
+}
+
+.winbsod-background {
+  background-color: #000000;
+}
+
+.winbsod-text {
+  font-family: 'Cantarell';
+}
+
+.winbsod-face {
+  font-size: 150pt;
+}
+
+.winbsod-desc {
+  font-size: 30pt;
+}
+
+.winbsod-technicalinfo {
+  font-size: 15pt;
+}
+
+.winnews-cava-column {
+  background-color: $primary;
+  border-top-left-radius: 99px;
+  border-top-right-radius: 99px;
+  margin: 0 4px;
+}
+
+.winnews-widget-nopad-cava {
+  border-radius: 9px;
+  background-color: $onSecondary;
+
+  :first-child {
+    border-bottom-left-radius: 99px;
+  }
+
+  :last-child {
+    border-bottom-right-radius: 99px;
+  }
+}
+
+.winlang-text {
+  color: white;
+}
+
+.winlang-subtext {
+  color: #C1C1C1;
+}
+
+.winlang-lang-false {
+  padding: 15px;
+  margin: 4px;
+  border-radius: 6px;
+
+  background-position: -0.5% center;
+  background-size: 5px 24px;
+  background-image: url('images/svg/linetransparent.svg');
+}
+
+.winlang-lang-false:hover {
+  background-color: rgba(73, 73, 73, 0.2);
+}
+
+.winlang-lang-true {
+  padding: 15px;
+  margin: 4px;
+  border-radius: 6px;
+
+  background-color: rgba(73, 73, 73, 0.25);
+  background-position: -0.5% center;
+  background-size: 5px 24px;
+  background-image: url('images/svg/linevertical.svg');
+}
+
+.winlang-bottom-button {
+  background-color: transparent;
+  border-radius: 6px;
+  // border: 1px solid transparent;
+  // border-top: 1px solid transparent;
+  min-width: 42px;
+  min-height: 42px;
+}
+
+.winlang-bottom-button:hover {
+  background-color: rgba(75, 75, 75, 0.5);
+}
+
+.winlang-bottom-button:active {
+  background-color: tint(rgba(75, 75, 75, 0.5), 10%);
+}
\ No newline at end of file
diff --git a/early/.config/eww/eww.scss b/early/.config/eww/eww.scss
new file mode 100755
index 000000000..c3aacdfa2
--- /dev/null
+++ b/early/.config/eww/eww.scss
@@ -0,0 +1,639 @@
+@import 'css/colors';
+@import 'css/colorscheme';
+@import 'css/material';
+@import 'images/svg/color.scss';
+
+@function tint($color, $percentage) {
+  @return mix(rgb(245, 250, 255), $color, $percentage);
+}
+
+@function shade($color, $percentage) {
+  @return mix(rgb(0, 7, 18), $color, $percentage);
+}
+
+$grey: grey;
+$battcolor: $color6;
+$memcolor: $color5;
+$cpucolor: $color4;
+$border: $color7;
+$surface0: tint($colorbg, 10%);
+$bg1: $surface0;
+
+//thanks flick0!
+@keyframes gradient {
+  0% {
+    background-position: 0% 50%;
+  }
+
+  50% {
+    background-position: 100% 50%;
+  }
+
+  100% {
+    background-position: 0% 50%;
+  }
+}
+
+//also thanks to him
+@keyframes blink {
+  to {
+    background-color: #f9e2af;
+    color: #96804e;
+  }
+}
+
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes flyin-bottom {
+  from {
+    margin-bottom: -55px;
+    margin-top: 55px;
+  }
+
+  to {
+    margin-bottom: 0px;
+    margin-top: 0px;
+  }
+}
+
+@keyframes flyin-top {
+  from {
+    margin-bottom: 55px;
+    margin-top: -55px;
+  }
+
+  to {
+    margin-bottom: 0px;
+    margin-top: 0px;
+  }
+}
+
+@mixin rounding {
+  border-radius: 10px;
+}
+
+@mixin filter {
+  saturate {
+    filter: saturate(3);
+  }
+
+  grayscale {
+    filter: grayscale(100%);
+  }
+
+  contrast {
+    filter: contrast(160%);
+  }
+
+  brightness {
+    filter: brightness(0.25);
+  }
+
+  blur {
+    filter: blur(3px);
+  }
+
+  invert {
+    filter: invert(100%);
+  }
+
+  .sepia {
+    filter: sepia(100%);
+  }
+
+  huerotate {
+    filter: hue-rotate(180deg);
+  }
+
+  rss.opacity {
+    filter: opacity(50%);
+  }
+}
+
+@mixin window {
+  border: 3px solid $primary;
+  // box-shadow: 0 2px 3px $shadow;
+  margin: 5px 5px 10px;
+  @include rounding;
+}
+
+* {
+  all: unset;
+  transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  // font-family: 'Rubik', 'Material Symbols Rounded';
+  background-repeat: no-repeat;
+}
+
+.scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.progress slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.music-ctl-revealer {
+  font-family: Material Symbols Rounded;
+}
+
+@import 'css/bottombar';
+@import 'css/bgdecor';
+@import 'css/calendar';
+@import 'css/dashboard';
+@import 'css/dashfs';
+@import 'css/editmode';
+@import 'css/music';
+@import 'css/notification';
+@import 'css/overview';
+@import 'css/osd';
+@import 'css/osettings';
+@import 'css/sidebar';
+@import 'css/supercontext';
+@import 'css/system';
+@import 'css/themer';
+@import 'css/taskbar';
+@import 'css/volume';
+@import 'css/winstuff';
+
+.module-group {
+  // background-color: $colorbg;
+  min-height: 53px;
+  color: $fg;
+  border-bottom-right-radius: 26px;
+  border-bottom-left-radius: 26px;
+}
+
+.bar-bg-only {
+  margin-top: 8px;
+  margin-bottom: 8px;
+  margin-right: -1911px;
+  margin-left: 8px;
+  border-radius: 26px;
+  background-color: mix(shade($colorbarbg, 45%), $primary, 97%); 
+  // background-color: shade($colorbg, 75%); 
+  // background-color: #0B121C;
+  background-image: linear-gradient(135deg, shade($onSecondary, 47%) 18%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0) 37%, shade($onSecondary, 47%) 37%, shade($onSecondary, 47%) 63%, rgba(0, 0, 0, 0) 63%, rgba(0, 0, 0, 0) 85%, shade($onSecondary, 47%) 85%);
+
+  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
+}
+
+.bar-bg-only-compact {
+  margin-right: -1920px;
+  background-color: shade($colorbg, 75%);
+  background-image: linear-gradient(135deg, shade($onSecondary, 47%) 18%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0) 37%, shade($onSecondary, 47%) 37%, shade($onSecondary, 47%) 63%, rgba(0, 0, 0, 0) 63%, rgba(0, 0, 0, 0) 85%, shade($onSecondary, 47%) 85%);
+}
+
+.bar-normal {
+  // margin: 8px;
+  min-height: 53px;
+  color: $fg;
+  border-bottom-right-radius: 26px;
+  border-bottom-left-radius: 26px;
+
+  label {
+    font-size: 1.2rem;
+  }
+
+  font-family: 'Rubik';
+  // animation-name: flyin-top;
+  // animation-duration: 350ms;
+  // animation-timing-function: cubic-bezier(0.05, 0.7, 0.1, 1);
+  // animation-iteration-count: 1;
+}
+
+.bar-compact {
+  background-color: shade($colorbg, 70%); //because dark background makes colors pop
+  border-bottom: 1px solid $primary;
+  min-height: 53px;
+  color: $fg;
+
+  label {
+    font-size: 1.2rem;
+  }
+
+  font-family: 'Rubik';
+}
+
+tooltip {
+  background: $colorbarbg;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-radius: 8px;
+  color: white;
+
+  label {
+    font-size: 13pt;
+  }
+}
+
+.music-module {
+  font-family: Material Symbols Rounded;
+}
+
+.icon {
+  font-family: Material Symbols Rounded;
+  // padding-left: 4px;
+  // padding-right: 4px;
+}
+
+.module {
+  font-family: Material Symbols Rounded;
+  min-height: 53px;
+}
+
+.module-timedate {
+  padding-left: 13px;
+  padding-right: 13px;
+}
+
+.hour {
+  // font-weight: bold;
+  // padding-left: 13px;
+  color: $colorbar;
+  font-size: 20pt;
+}
+
+.clock {
+  color: $color2;
+  font-family: 'Rubik';
+  font-size: 19pt;
+}
+
+// .clock-module:hover {
+//   border-top: 2px solid $color5;
+// }
+
+.minute {
+  color: $color2;
+  font-family: 'Rubik', 'Material Symbols Rounded';
+}
+
+.timedate-time {
+  label {
+    font-size: 16pt;
+  }
+}
+
+.date {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  color: $color2;
+
+  // margin-top: -2px;
+  label {
+    font-size: 12pt;
+  }
+}
+
+.bright-icon {
+  color: $color2;
+  padding-right: 4px;
+  padding-top: 4px;
+}
+
+// .bright-icon:hover {
+//   border-top: 2px solid;
+// }
+
+.module-bt {
+  font-size: 1.2rem;
+}
+
+.workspaces {
+  // margin-left: 10px;
+  background-color: transparent;
+}
+
+.player-controls {
+  font-family: Material Symbols Rounded;
+}
+
+.volume-icon {
+  padding-left: 3px;
+  padding-right: 3px;
+}
+
+.net-icon {
+  color: $color7;
+  font-family: Material Symbols Rounded;
+  padding-left: 4px;
+  padding-right: 4px;
+  padding-top: 4px;
+}
+
+// .net-icon:hover {
+//   border-top: 2px solid;
+// }
+
+.my-separator {
+  padding-left: 15px;
+  padding-right: 15px;
+  color: $onBackground;
+  min-height: 53px;
+}
+
+.ws {
+  font-size: 6rem;
+  transition: 75ms cubic-bezier(0.05, 0.9, 0.1, 1); //Hyprland, no overshot
+  // transition: 400ms cubic-bezier(0.2, 0.0, 0, 1.0); //Material 3
+}
+
+.ws-top {
+  // padding-top: 9px;
+}
+
+.ws-active-top {
+  
+}
+
+.ws-text {
+  font-size: 16pt;
+  font-family: Rubik;
+  border-radius: 9999px;
+  // padding-left: 3px;
+  // padding-right: 3px;
+  min-width: 27px;
+  min-height: 27px;
+  color: $colorbarbg;
+  margin-top: 13px;
+  margin-bottom: 13px;
+  margin-left: 2px;
+  margin-right: 2px;
+}
+
+.ws-text-top {
+  // font-size: 16pt;
+  // font-family: Rubik;
+  border-radius: 9999px;
+  // padding-left: 3px;
+  // padding-right: 3px;
+  min-width: 27px;
+  min-height: 5px;
+  color: $colorbarbg;
+  margin-left: 2px;
+  margin-right: 2px;
+}
+
+.ws-text-active {
+  background-color: $colorbar;
+}
+
+.ws:hover {
+  :first-child {
+    color: $tertiary;
+  }
+}
+
+.ws-active {
+  background-color: $onBackground;
+}
+
+.ws-inactive {
+  // background-color: tint($colorbg, 37%);
+  background-color: rgba(194, 192, 192, 0.7);
+}
+
+.ws-empty {
+  // background-color: tint($colorbg, 10%);
+  background-color: rgba(146, 145, 145, 0.3);
+}
+
+.activewin {
+  color: $colorbar;
+  // padding-left: 8px;
+  // padding-right: 8px;
+}
+
+// .themer-get {
+//   padding-top: 4px;
+//   padding-left: 10px;
+//   padding-right: 10px;
+//   background-image: url("images/grayscale/Add.png");
+//   background-repeat: no-repeat;
+//   background-position: center;
+//   background-size: 100%;
+// }
+
+// .themer-restore {
+//   padding-top: 7px;
+//   padding-left: 10px;
+//   padding-right: 10px;
+//   padding-bottom: 16px;
+//   background-image: url("images/grayscale/Backup.png");
+//   background-repeat: no-repeat;
+//   background-position: center;
+//   background-size: 100%;
+// }
+
+
+.icon,
+.icon,
+.icon-text,
+.vol-icon label {
+  font-family: "Material Symbols Rounded";
+}
+
+.username {
+  color: $onBackground;
+}
+
+.userpic {
+  margin: 5px;
+  min-height: 42px;
+  min-width: 42px;
+  background-size: 100%;
+  border-radius: 5px;
+  background-repeat: no-repeat;
+}
+
+.osettings-toggle-button-false {
+  :first-child {
+    :first-child {
+      padding: 0px 11px;
+      min-width: 53px;
+      min-height: 53px;
+      background-color: transparent;
+      // background-image: url('images/svg/settings.svg');
+      background-size: 400% auto;
+      background-repeat: no-repeat;
+      background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
+      border-radius: 26px;
+
+      :active {
+        background-color: $overlay0;
+        background-position: 90% 50%;
+      }
+    }
+  }
+}
+
+.osettings-toggle-button-false:hover {
+  :first-child {
+    :first-child {
+      background-color: $overlay0;
+      background-position: 60% 50%;
+    }
+  }
+}
+
+.osettings-toggle-button-true {
+  :first-child {
+    :first-child {
+      padding: 0px 11px;
+      min-width: 53px;
+      min-height: 53px;
+      background-color: $overlay0;
+      background-position: 90% 50%;
+      background-repeat: no-repeat;
+      background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
+      background-size: 400% auto;
+      border-radius: 26px;
+    }
+  }
+}
+
+.module-button-pad {
+  margin: 8px 0;
+  border-radius: 26px;
+  // background-color: shade($colorbg, 75%);
+}
+
+.module-button-pad-left {
+  margin: 8px 0;
+  margin-left: 8px;
+  // background-color: shade($colorbg, 75%);
+  border-top-left-radius: 26px;
+  border-bottom-left-radius: 26px;
+}
+
+.module-button-pad-center {
+  margin: 8px 0;
+  // background-color: shade($colorbg, 75%);
+}
+
+.module-button-pad-right {
+  margin: 8px 0;
+  margin-right: 8px;
+  // background-color: shade($colorbg, 75%);
+  border-bottom-right-radius: 26px;
+  border-top-right-radius: 26px;
+}
+
+.module-button-pad-right-nomargin {
+  // background-color: shade($colorbg, 75%);
+  border-bottom-right-radius: 26px;
+  border-top-right-radius: 26px;
+}
+
+.onotify-toggle-button-false {
+  min-width: 53px;
+  min-height: 53px;
+  background-color: transparent;
+  background-repeat: no-repeat;
+  background-size: auto 65%;
+  background-position: center;
+
+  :hover {
+    background-color: $overlay0;
+    // background-image: url('./images/lazer_icons/notifications_hover.png');
+  }
+
+  border-radius: 26px;
+}
+
+.onotify-toggle-button-true {
+  min-width: 53px;
+  min-height: 53px;
+  background-color: $overlay0;
+  // background-image: url('./images/lazer_icons/notifications_hover.png');
+  background-repeat: no-repeat;
+  background-size: auto 65%;
+  background-position: center;
+}
+
+.real-onotify-toggle-button {
+  min-width: 53px;
+  min-height: 53px;
+  // background-image: url('./images/svg/forum.svg');
+  background-repeat: no-repeat;
+  background-size: auto 65%;
+  background-position: center;
+
+  :hover {
+    background-color: $overlay0;
+  }
+}
+
+.real-onotify-toggle-button-true {
+  min-width: 53px;
+  min-height: 53px;
+  background-color: $overlay0;
+  background-size: auto 65%;
+  background-position: center;
+  // background-image: url('./images/svg/forum.svg');
+  background-repeat: no-repeat;
+}
+
+.module-button {
+  transition: 500ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  border-radius: 26px;
+  padding: 0px 5px;
+  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
+  background-size: 400% auto;
+  background-position: 40% 50%;
+}
+
+.module-button-hover {
+  transition: 500ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  border-radius: 26px;
+  padding: 0px 5px;
+  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
+  background-size: 400% auto;
+  background-color: $overlay0;
+  background-position: 60% 50%;
+}
+
+.module-button:hover {
+  background-color: $overlay0;
+  background-position: 60% 50%;
+}
+
+.module-button:active {
+  background-color: $overlay0;
+  background-position: 100% 50%;
+}
+
+.module-button-true {
+  border-radius: 26px;
+  padding: 0px 5px;
+  background-color: $overlay0;
+  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
+  background-size: 400% auto;
+  background-position: 90% 50%;
+}
+
+.dynbg-image {
+  transition: 900ms cubic-bezier(0.05, 0.9, 0.1, 1); // Hyprland default bezier but no overshot
+}
+
+progressbar>trough {
+  min-width: 30px;
+}
+
+.box-that-is-there {
+  background-color: transparent;
+}
+
+.search-button {
+  min-height: 53px;
+  min-width: 65px;
+  color: $colortext;
+  font-family: Material Symbols Rounded;
+}
+
+.workspaces-top {
+  min-width: 306px;
+  min-height: 5px;
+} 
\ No newline at end of file
diff --git a/early/.config/eww/eww.yuck b/early/.config/eww/eww.yuck
new file mode 100755
index 000000000..df7bc23bd
--- /dev/null
+++ b/early/.config/eww/eww.yuck
@@ -0,0 +1,233 @@
+(include "./variables.yuck")
+;##################### Modules #########################
+(include "./modules/activewindow.yuck")
+(include "./modules/audiolevels.yuck")
+(include "./modules/bluetooth.yuck")
+(include "./modules/bright.yuck")
+(include "./modules/clock.yuck")
+(include "./modules/editmode.yuck")
+(include "./modules/music.yuck")
+; (include "./modules/net.yuck")
+(include "./modules/searchbutton.yuck")
+(include "./modules/sys.yuck")
+(include "./modules/taskbar.yuck")
+(include "./modules/user.yuck")
+; (include "./modules/volume.yuck")
+(include "./modules/winstuff.yuck")
+(include "./modules/workspaces.yuck")
+
+;##################### Windows #########################
+; Normal stuff
+(include "./windows/bottombar.yuck")
+(include "./windows/bg-decor.yuck")
+(include "./windows/dynamic-bg.yuck")
+(include "./windows/dashboard.yuck")
+(include "./windows/dashfs.yuck")
+(include "./windows/calendar.yuck")
+(include "./windows/music.yuck")
+(include "./windows/overview.yuck")
+(include "./windows/osd.yuck")
+(include "./windows/osettings.yuck")
+(include "./windows/onotify.yuck")
+; (include "./windows/system-menu.yuck")
+(include "./windows/supercontext.yuck")
+(include "./windows/themer.yuck")
+
+; Windows 11 stuff
+(include "./windows/winactions.yuck")
+(include "./windows/winbsod.yuck")
+(include "./windows/wingamebar.yuck")
+(include "./windows/winlang.yuck")
+(include "./windows/winnews.yuck")
+(include "./windows/winnotif.yuck")
+(include "./windows/winosd.yuck")
+(include "./windows/winoverview.yuck")
+(include "./windows/winpowermenu.yuck")
+(include "./windows/winshadows.yuck")
+(include "./windows/winstart.yuck")
+(include "./windows/wintaskview.yuck")
+
+(defwidget separator []
+  (box
+    :valign "start"
+    (label
+      :class "my-separator"
+      :text "|"
+    )
+  )
+)
+
+(defwidget left []
+  (eventbox
+    :onhover "${EWW_CMD} update music_reveal=true"
+    :onhoverlost "${EWW_CMD} update music_reveal=false"
+    (box
+      :space-evenly false :spacing 5
+      :valign "start" :halign "start"
+      (box :space-evenly false :class "module-group"
+        (osettings-button)
+        (osu-music-module)
+      )
+      ; (box :space-evenly false :class "module-group"
+        ;   (taskbar)
+      ; )
+      (revealer
+        :reveal false
+        :transition "slideright"
+        (label
+          :text "${volume.audio} ${brightness.level} ${wsjsona[0][0].at} ${wsjsonb[0][0].at}" ; Dummy to keep listeners active
+        )
+      )
+    )
+  )
+)
+
+(defwidget right []
+  (eventbox
+    :onhover "${EWW_CMD} update right_hover=true"
+    :onhoverlost "${EWW_CMD} update right_hover=false"
+    (box
+      :space-evenly false :spacing 5
+      :halign "end" :valign "start"
+      (box :space-evenly false :class "module-group"
+        ; (editmode)
+        (themer)
+      )
+      ; (user)
+      (box :space-evenly false :class "module-group"
+        (onotify-button)
+      )
+    )
+  )
+)
+
+(defwidget center []
+  (box
+    :space-evenly false :orientation "v"
+    ; (revealer
+      ;   :transition "slidedown"
+      ;   :duration "0ms"
+      ;   :reveal {!(rev_center_ws || awin.title == 'null')}
+      ;   ; :reveal true
+      ;   (workspaces_top)
+    ; )
+    (box
+      :valign "start"
+      :space-evenly false :spacing 5
+      :halign "center"
+      ; :style "${!(rev_center_ws || awin.title == 'null') ? 'margin-top: -15px; transition: 0px;' : 'transition: 0px;'}"
+      (box
+        :space-evenly false :space-evenly false
+        :spacing 5 :class "module-group" :style "padding-right: 10px;"
+        (searchbutton)
+        (revealer
+          :reveal {rev_center_ws || awin.title == 'null'}
+          ; :reveal false
+          :transition "slideright"
+          :duration "0ms"
+          (workspaces)
+        )
+        (revealer
+          :reveal {!(rev_center_ws || awin.title == 'null')}
+          ; :reveal true
+          :transition "slideright"
+          :duration "0ms"
+          (activewindow)
+        )
+      )
+    )
+  )
+)
+
+(defwidget bar [] ; Class .bar applies automatically
+  (box
+    :space-evenly false
+    :orientation "h"
+    (box
+      :class "bar-bg-only${compact ? '-compact' : ''}"
+      :style "
+      margin-right: -${RES_WIDTH - 9}px;
+      "
+    )
+    (centerbox
+      :class "bar-${compact ? 'compact' : 'normal'}"
+      :width {RES_WIDTH}
+      (left)
+      (center)
+      (right)
+    )
+  )
+)
+
+(defwidget winbar []
+  (centerbox
+    :class "winbar-bg"
+    (box
+      :space-evenly false
+      (winnews-button)
+      (eventbox
+        :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+        (box
+          :space-evenly false
+          :style "margin-left: ${RES_WIDTH / 2 - 100 - (25 * arraylength(tasks))}px;"
+          (winstarticon)
+          (wintaskview-button)
+          (wintaskbar)
+          (revealer
+            :reveal false
+            :transition "slideright"
+            (label
+              :text "${lang_ibus.name_abbr} ${activews} ${mcover.source} ${mname_win.title} ${net.level} ${brightness.level} ${wsjsona[0][0].at} ${wsjsonb[0][0].at}" ; Dummy to keep listeners active
+            )
+          )
+        )
+      )
+    )
+    (box
+      
+    )
+    (box
+      :halign "end"
+      :space-evenly false
+      (wintray-button)
+      (winlang)
+      (winactions)
+      (windate)
+    )
+  )
+)
+
+(defwindow bar
+  :stacking "fg"
+  :wm-ignore true
+  :monitor 0
+  :namespace "bar"
+  :geometry (geometry
+    :x "0%"
+    :y "0%"
+    :width "100%"
+    :height "69px"
+    :anchor "top center"
+  )
+  :exclusive false
+  (bar)
+)
+
+(defwindow winbar
+  :stacking "fg"
+  :monitor 0
+  :exclusive true
+  :geometry (geometry
+    :x "0%"
+    :y "0%"
+    :width "100%"
+    ; :height "53px"
+    ; :width "53px"
+    ; :height "100%"
+    :anchor "bottom center"
+  )
+  ; :stacking "fg"
+  :exclusive false
+  (winbar)
+)
+
diff --git a/early/.config/eww/eww_covers/cover_art_default b/early/.config/eww/eww_covers/cover_art_default
new file mode 100644
index 000000000..f607b5ae0
Binary files /dev/null and b/early/.config/eww/eww_covers/cover_art_default differ
diff --git a/early/.config/eww/eww_covers/cover_art_error b/early/.config/eww/eww_covers/cover_art_error
new file mode 100755
index 000000000..09715b548
Binary files /dev/null and b/early/.config/eww/eww_covers/cover_art_error differ
diff --git a/early/.config/eww/images/icons/discord.png b/early/.config/eww/images/icons/discord.png
new file mode 100755
index 000000000..149f06417
Binary files /dev/null and b/early/.config/eww/images/icons/discord.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_Add.png b/early/.config/eww/images/icons/grayscale/Grayscale_Add.png
new file mode 100755
index 000000000..4872a7a06
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_Add.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_Backup.png b/early/.config/eww/images/icons/grayscale/Grayscale_Backup.png
new file mode 100755
index 000000000..92ae6dbc4
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_Backup.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_Calculator.png b/early/.config/eww/images/icons/grayscale/Grayscale_Calculator.png
new file mode 100755
index 000000000..5b19eae58
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_Calculator.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_Camera.png b/early/.config/eww/images/icons/grayscale/Grayscale_Camera.png
new file mode 100755
index 000000000..d1529ee0d
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_Camera.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_Corner.png b/early/.config/eww/images/icons/grayscale/Grayscale_Corner.png
new file mode 100755
index 000000000..5c257b63c
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_Corner.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_Crosshair.png b/early/.config/eww/images/icons/grayscale/Grayscale_Crosshair.png
new file mode 100755
index 000000000..aa6075f43
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_Crosshair.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_DocsWhite.png b/early/.config/eww/images/icons/grayscale/Grayscale_DocsWhite.png
new file mode 100755
index 000000000..19f80d3e6
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_DocsWhite.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_Docscan.png b/early/.config/eww/images/icons/grayscale/Grayscale_Docscan.png
new file mode 100755
index 000000000..8b3c244c6
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_Docscan.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_Document.png b/early/.config/eww/images/icons/grayscale/Grayscale_Document.png
new file mode 100755
index 000000000..799cb6db3
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_Document.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_Document_alt.png b/early/.config/eww/images/icons/grayscale/Grayscale_Document_alt.png
new file mode 100755
index 000000000..a71e604f9
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_Document_alt.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_DownloadLinage.png b/early/.config/eww/images/icons/grayscale/Grayscale_DownloadLinage.png
new file mode 100755
index 000000000..066c150bc
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_DownloadLinage.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_FilesPurple.png b/early/.config/eww/images/icons/grayscale/Grayscale_FilesPurple.png
new file mode 100755
index 000000000..c85f21937
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_FilesPurple.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_FilesRed.png b/early/.config/eww/images/icons/grayscale/Grayscale_FilesRed.png
new file mode 100755
index 000000000..51707a0cd
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_FilesRed.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_FilesYellow.png b/early/.config/eww/images/icons/grayscale/Grayscale_FilesYellow.png
new file mode 100755
index 000000000..5bdac70cc
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_FilesYellow.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_FolderImageRed.png b/early/.config/eww/images/icons/grayscale/Grayscale_FolderImageRed.png
new file mode 100755
index 000000000..0f50a9f4b
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_FolderImageRed.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_FolderRoot.png b/early/.config/eww/images/icons/grayscale/Grayscale_FolderRoot.png
new file mode 100755
index 000000000..c5e37a327
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_FolderRoot.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_Github.png b/early/.config/eww/images/icons/grayscale/Grayscale_Github.png
new file mode 100755
index 000000000..7608d95fd
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_Github.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_GoogleEarth.png b/early/.config/eww/images/icons/grayscale/Grayscale_GoogleEarth.png
new file mode 100755
index 000000000..3b0f86446
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_GoogleEarth.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_Linage17Settings.png b/early/.config/eww/images/icons/grayscale/Grayscale_Linage17Settings.png
new file mode 100755
index 000000000..05178be8b
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_Linage17Settings.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_LinageAudioFX.png b/early/.config/eww/images/icons/grayscale/Grayscale_LinageAudioFX.png
new file mode 100755
index 000000000..df7091791
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_LinageAudioFX.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_LinageBrowser.png b/early/.config/eww/images/icons/grayscale/Grayscale_LinageBrowser.png
new file mode 100755
index 000000000..16cc3f036
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_LinageBrowser.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_LinageCalculator.png b/early/.config/eww/images/icons/grayscale/Grayscale_LinageCalculator.png
new file mode 100755
index 000000000..38ecf2608
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_LinageCalculator.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_LinageClock.png b/early/.config/eww/images/icons/grayscale/Grayscale_LinageClock.png
new file mode 100755
index 000000000..12f67b1dd
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_LinageClock.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_LinageFiles.png b/early/.config/eww/images/icons/grayscale/Grayscale_LinageFiles.png
new file mode 100755
index 000000000..554030dd1
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_LinageFiles.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_LinageMusic.png b/early/.config/eww/images/icons/grayscale/Grayscale_LinageMusic.png
new file mode 100755
index 000000000..6546f877d
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_LinageMusic.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_LinageRecorder.png b/early/.config/eww/images/icons/grayscale/Grayscale_LinageRecorder.png
new file mode 100755
index 000000000..ef278196d
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_LinageRecorder.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_LinageSettings.png b/early/.config/eww/images/icons/grayscale/Grayscale_LinageSettings.png
new file mode 100755
index 000000000..918de402a
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_LinageSettings.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_LinageSettingsAnother.png b/early/.config/eww/images/icons/grayscale/Grayscale_LinageSettingsAnother.png
new file mode 100755
index 000000000..918de402a
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_LinageSettingsAnother.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_LinageTerminal.png b/early/.config/eww/images/icons/grayscale/Grayscale_LinageTerminal.png
new file mode 100755
index 000000000..a1066c33c
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_LinageTerminal.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_LinageTerminalDark.png b/early/.config/eww/images/icons/grayscale/Grayscale_LinageTerminalDark.png
new file mode 100755
index 000000000..bdeed5d76
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_LinageTerminalDark.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_LinageTrack.png b/early/.config/eww/images/icons/grayscale/Grayscale_LinageTrack.png
new file mode 100755
index 000000000..c27de887b
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_LinageTrack.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_MusicEdit.png b/early/.config/eww/images/icons/grayscale/Grayscale_MusicEdit.png
new file mode 100755
index 000000000..5a2894496
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_MusicEdit.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_Nvidia.png b/early/.config/eww/images/icons/grayscale/Grayscale_Nvidia.png
new file mode 100755
index 000000000..fb2e3c717
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_Nvidia.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_Radio.png b/early/.config/eww/images/icons/grayscale/Grayscale_Radio.png
new file mode 100755
index 000000000..64052ac35
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_Radio.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_Root.png b/early/.config/eww/images/icons/grayscale/Grayscale_Root.png
new file mode 100755
index 000000000..b765d03e6
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_Root.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_Speedtest.png b/early/.config/eww/images/icons/grayscale/Grayscale_Speedtest.png
new file mode 100755
index 000000000..c3d283bb9
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_Speedtest.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_Stats.png b/early/.config/eww/images/icons/grayscale/Grayscale_Stats.png
new file mode 100755
index 000000000..7475e4a68
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_Stats.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_Steam.png b/early/.config/eww/images/icons/grayscale/Grayscale_Steam.png
new file mode 100755
index 000000000..8d562e730
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_Steam.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_Tor.png b/early/.config/eww/images/icons/grayscale/Grayscale_Tor.png
new file mode 100755
index 000000000..76cae8227
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_Tor.png differ
diff --git a/early/.config/eww/images/icons/grayscale/Grayscale_Weather.png b/early/.config/eww/images/icons/grayscale/Grayscale_Weather.png
new file mode 100755
index 000000000..6b6af20f6
Binary files /dev/null and b/early/.config/eww/images/icons/grayscale/Grayscale_Weather.png differ
diff --git a/early/.config/eww/images/icons/lazer_icons/beatmaps.png b/early/.config/eww/images/icons/lazer_icons/beatmaps.png
new file mode 100755
index 000000000..6790f713c
Binary files /dev/null and b/early/.config/eww/images/icons/lazer_icons/beatmaps.png differ
diff --git a/early/.config/eww/images/icons/lazer_icons/changelog.png b/early/.config/eww/images/icons/lazer_icons/changelog.png
new file mode 100755
index 000000000..33bad1bee
Binary files /dev/null and b/early/.config/eww/images/icons/lazer_icons/changelog.png differ
diff --git a/early/.config/eww/images/icons/lazer_icons/dashboard.png b/early/.config/eww/images/icons/lazer_icons/dashboard.png
new file mode 100755
index 000000000..d3bd65852
Binary files /dev/null and b/early/.config/eww/images/icons/lazer_icons/dashboard.png differ
diff --git a/early/.config/eww/images/icons/lazer_icons/dashboard_hover.png b/early/.config/eww/images/icons/lazer_icons/dashboard_hover.png
new file mode 100755
index 000000000..5a444383d
Binary files /dev/null and b/early/.config/eww/images/icons/lazer_icons/dashboard_hover.png differ
diff --git a/early/.config/eww/images/icons/lazer_icons/forum.png b/early/.config/eww/images/icons/lazer_icons/forum.png
new file mode 100755
index 000000000..cbf58770b
Binary files /dev/null and b/early/.config/eww/images/icons/lazer_icons/forum.png differ
diff --git a/early/.config/eww/images/icons/lazer_icons/music.png b/early/.config/eww/images/icons/lazer_icons/music.png
new file mode 100755
index 000000000..2c3898f7c
Binary files /dev/null and b/early/.config/eww/images/icons/lazer_icons/music.png differ
diff --git a/early/.config/eww/images/icons/lazer_icons/music_hover.png b/early/.config/eww/images/icons/lazer_icons/music_hover.png
new file mode 100755
index 000000000..942a6521d
Binary files /dev/null and b/early/.config/eww/images/icons/lazer_icons/music_hover.png differ
diff --git a/early/.config/eww/images/icons/lazer_icons/music_hover_reference.png b/early/.config/eww/images/icons/lazer_icons/music_hover_reference.png
new file mode 100755
index 000000000..369f8cdce
Binary files /dev/null and b/early/.config/eww/images/icons/lazer_icons/music_hover_reference.png differ
diff --git a/early/.config/eww/images/icons/lazer_icons/music_reference.png b/early/.config/eww/images/icons/lazer_icons/music_reference.png
new file mode 100755
index 000000000..2ee032bba
Binary files /dev/null and b/early/.config/eww/images/icons/lazer_icons/music_reference.png differ
diff --git a/early/.config/eww/images/icons/lazer_icons/news.png b/early/.config/eww/images/icons/lazer_icons/news.png
new file mode 100755
index 000000000..c07bd0c1f
Binary files /dev/null and b/early/.config/eww/images/icons/lazer_icons/news.png differ
diff --git a/early/.config/eww/images/icons/lazer_icons/notifications.png b/early/.config/eww/images/icons/lazer_icons/notifications.png
new file mode 100755
index 000000000..50ea3d40b
Binary files /dev/null and b/early/.config/eww/images/icons/lazer_icons/notifications.png differ
diff --git a/early/.config/eww/images/icons/lazer_icons/notifications_hover.png b/early/.config/eww/images/icons/lazer_icons/notifications_hover.png
new file mode 100755
index 000000000..0ef188ca1
Binary files /dev/null and b/early/.config/eww/images/icons/lazer_icons/notifications_hover.png differ
diff --git a/early/.config/eww/images/icons/lazer_icons/options.png b/early/.config/eww/images/icons/lazer_icons/options.png
new file mode 100755
index 000000000..cec497cd9
Binary files /dev/null and b/early/.config/eww/images/icons/lazer_icons/options.png differ
diff --git a/early/.config/eww/images/icons/lazer_icons/options_hover.png b/early/.config/eww/images/icons/lazer_icons/options_hover.png
new file mode 100755
index 000000000..42439b642
Binary files /dev/null and b/early/.config/eww/images/icons/lazer_icons/options_hover.png differ
diff --git a/early/.config/eww/images/icons/lazer_icons/rankings.png b/early/.config/eww/images/icons/lazer_icons/rankings.png
new file mode 100755
index 000000000..d7210d3d0
Binary files /dev/null and b/early/.config/eww/images/icons/lazer_icons/rankings.png differ
diff --git a/early/.config/eww/images/icons/lazer_icons/transparent/beatmappacks.png b/early/.config/eww/images/icons/lazer_icons/transparent/beatmappacks.png
new file mode 100755
index 000000000..29722cb97
Binary files /dev/null and b/early/.config/eww/images/icons/lazer_icons/transparent/beatmappacks.png differ
diff --git a/early/.config/eww/images/icons/lazer_icons/transparent/beatmaps.png b/early/.config/eww/images/icons/lazer_icons/transparent/beatmaps.png
new file mode 100755
index 000000000..4fea440a3
Binary files /dev/null and b/early/.config/eww/images/icons/lazer_icons/transparent/beatmaps.png differ
diff --git a/early/.config/eww/images/icons/lazer_icons/transparent/changelog.png b/early/.config/eww/images/icons/lazer_icons/transparent/changelog.png
new file mode 100755
index 000000000..1f2f16c67
Binary files /dev/null and b/early/.config/eww/images/icons/lazer_icons/transparent/changelog.png differ
diff --git a/early/.config/eww/images/icons/lazer_icons/transparent/chat.png b/early/.config/eww/images/icons/lazer_icons/transparent/chat.png
new file mode 100755
index 000000000..d823c584d
Binary files /dev/null and b/early/.config/eww/images/icons/lazer_icons/transparent/chat.png differ
diff --git a/early/.config/eww/images/icons/lazer_icons/transparent/contests.png b/early/.config/eww/images/icons/lazer_icons/transparent/contests.png
new file mode 100755
index 000000000..994d5632c
Binary files /dev/null and b/early/.config/eww/images/icons/lazer_icons/transparent/contests.png differ
diff --git a/early/.config/eww/images/icons/lazer_icons/transparent/forum.png b/early/.config/eww/images/icons/lazer_icons/transparent/forum.png
new file mode 100755
index 000000000..d39b6fe21
Binary files /dev/null and b/early/.config/eww/images/icons/lazer_icons/transparent/forum.png differ
diff --git a/early/.config/eww/images/icons/lazer_icons/transparent/home.png b/early/.config/eww/images/icons/lazer_icons/transparent/home.png
new file mode 100755
index 000000000..cfd881e46
Binary files /dev/null and b/early/.config/eww/images/icons/lazer_icons/transparent/home.png differ
diff --git a/early/.config/eww/images/icons/lazer_icons/transparent/news.png b/early/.config/eww/images/icons/lazer_icons/transparent/news.png
new file mode 100755
index 000000000..05e5d4dc7
Binary files /dev/null and b/early/.config/eww/images/icons/lazer_icons/transparent/news.png differ
diff --git a/early/.config/eww/images/icons/lazer_icons/transparent/rankings.png b/early/.config/eww/images/icons/lazer_icons/transparent/rankings.png
new file mode 100755
index 000000000..04191ae5b
Binary files /dev/null and b/early/.config/eww/images/icons/lazer_icons/transparent/rankings.png differ
diff --git a/early/.config/eww/images/icons/lazer_icons/transparent/search.png b/early/.config/eww/images/icons/lazer_icons/transparent/search.png
new file mode 100755
index 000000000..a061f307a
Binary files /dev/null and b/early/.config/eww/images/icons/lazer_icons/transparent/search.png differ
diff --git a/early/.config/eww/images/icons/lazer_icons/transparent/settings.png b/early/.config/eww/images/icons/lazer_icons/transparent/settings.png
new file mode 100755
index 000000000..a74388e9a
Binary files /dev/null and b/early/.config/eww/images/icons/lazer_icons/transparent/settings.png differ
diff --git a/early/.config/eww/images/icons/lazer_icons/transparent/store.png b/early/.config/eww/images/icons/lazer_icons/transparent/store.png
new file mode 100755
index 000000000..b6c02fb37
Binary files /dev/null and b/early/.config/eww/images/icons/lazer_icons/transparent/store.png differ
diff --git a/early/.config/eww/images/icons/lazer_icons/transparent/tournaments.png b/early/.config/eww/images/icons/lazer_icons/transparent/tournaments.png
new file mode 100755
index 000000000..de1a29bda
Binary files /dev/null and b/early/.config/eww/images/icons/lazer_icons/transparent/tournaments.png differ
diff --git a/early/.config/eww/images/icons/lazer_icons/transparent/wiki.png b/early/.config/eww/images/icons/lazer_icons/transparent/wiki.png
new file mode 100755
index 000000000..405e287a5
Binary files /dev/null and b/early/.config/eww/images/icons/lazer_icons/transparent/wiki.png differ
diff --git a/early/.config/eww/images/icons/lazer_icons/wiki.png b/early/.config/eww/images/icons/lazer_icons/wiki.png
new file mode 100755
index 000000000..6d6c7ba91
Binary files /dev/null and b/early/.config/eww/images/icons/lazer_icons/wiki.png differ
diff --git a/early/.config/eww/images/icons/win-clicked.png b/early/.config/eww/images/icons/win-clicked.png
new file mode 100755
index 000000000..a65486725
Binary files /dev/null and b/early/.config/eww/images/icons/win-clicked.png differ
diff --git a/early/.config/eww/images/icons/win-inactive.png b/early/.config/eww/images/icons/win-inactive.png
new file mode 100755
index 000000000..37328e3e5
Binary files /dev/null and b/early/.config/eww/images/icons/win-inactive.png differ
diff --git a/early/.config/eww/images/icons/win.png b/early/.config/eww/images/icons/win.png
new file mode 100755
index 000000000..88b1a19de
Binary files /dev/null and b/early/.config/eww/images/icons/win.png differ
diff --git a/early/.config/eww/images/icons/winnews-clicked.png b/early/.config/eww/images/icons/winnews-clicked.png
new file mode 100755
index 000000000..2605b1741
Binary files /dev/null and b/early/.config/eww/images/icons/winnews-clicked.png differ
diff --git a/early/.config/eww/images/icons/winnews.png b/early/.config/eww/images/icons/winnews.png
new file mode 100755
index 000000000..7829fd79e
Binary files /dev/null and b/early/.config/eww/images/icons/winnews.png differ
diff --git a/early/.config/eww/images/icons/wintaskview-clicked.png b/early/.config/eww/images/icons/wintaskview-clicked.png
new file mode 100644
index 000000000..7600a58a6
Binary files /dev/null and b/early/.config/eww/images/icons/wintaskview-clicked.png differ
diff --git a/early/.config/eww/images/icons/wintaskview.png b/early/.config/eww/images/icons/wintaskview.png
new file mode 100755
index 000000000..89847d551
Binary files /dev/null and b/early/.config/eww/images/icons/wintaskview.png differ
diff --git a/early/.config/eww/images/pictures/banner_left b/early/.config/eww/images/pictures/banner_left
new file mode 100755
index 000000000..0989c19ea
Binary files /dev/null and b/early/.config/eww/images/pictures/banner_left differ
diff --git a/early/.config/eww/images/pictures/banner_right b/early/.config/eww/images/pictures/banner_right
new file mode 100755
index 000000000..faa9a0c09
Binary files /dev/null and b/early/.config/eww/images/pictures/banner_right differ
diff --git a/early/.config/eww/images/pictures/qr_aur.png b/early/.config/eww/images/pictures/qr_aur.png
new file mode 100644
index 000000000..23e4efbdb
Binary files /dev/null and b/early/.config/eww/images/pictures/qr_aur.png differ
diff --git a/early/.config/eww/images/svg/__mode_light_dark.txt b/early/.config/eww/images/svg/__mode_light_dark.txt
new file mode 100755
index 000000000..e69de29bb
diff --git a/early/.config/eww/images/svg/airplane.svg b/early/.config/eww/images/svg/airplane.svg
new file mode 100755
index 000000000..11b593e1f
--- /dev/null
+++ b/early/.config/eww/images/svg/airplane.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9.47 9.643 8.768 3.77l-.002-.074c0-.889.72-1.61 1.61-1.61.802 0 1.545.42 1.977 1.135l.087.161 2.945 6.09 3.957-.117a2.6 2.6 0 0 1 2.672 2.53l.001.066a2.602 2.602 0 0 1-2.62 2.597l-3.963-.116-2.992 6.188a2.293 2.293 0 0 1-2.065 1.295c-.889 0-1.609-.72-1.609-1.631l.007-.118.707-5.908-2.132-.063-.27.736a1.946 1.946 0 0 1-1.827 1.278c-.876 0-1.586-.71-1.586-1.587v-.76l-.154-.032a1.92 1.92 0 0 1 0-3.758l.155-.032v-.76c0-.803.597-1.475 1.434-1.579l.151-.008c.745 0 1.423.426 1.765 1.127l.063.15.27.736 2.12-.062Zm.906-6.057c-.06 0-.109.049-.11.087l.887 7.422-4.84.141-.628-1.715-.032-.079c-.075-.152-.23-.25-.354-.251l-.058.002a.086.086 0 0 0-.075.085l.001 1.98-1.35.282a.419.419 0 0 0 0 .821l1.35.281v1.98c0 .047.038.086.085.086a.446.446 0 0 0 .419-.293l.64-1.751 4.854.141-.897 7.471v.03c0 .06.048.108.108.108a.793.793 0 0 0 .714-.448l3.415-7.063 4.914.144c.606 0 1.097-.491 1.097-1.086v-.043a1.097 1.097 0 0 0-1.13-1.064l-4.928.144-3.351-6.932-.053-.099a.793.793 0 0 0-.678-.381Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/app.svg b/early/.config/eww/images/svg/app.svg
new file mode 100755
index 000000000..64e2d1378
--- /dev/null
+++ b/early/.config/eww/images/svg/app.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m18.492 2.33 3.179 3.179a2.25 2.25 0 0 1 0 3.182l-2.423 2.422A2.501 2.501 0 0 1 21 13.5v5a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 18.5v-13A2.5 2.5 0 0 1 5.5 3h5c1.121 0 2.07.737 2.387 1.754L15.31 2.33a2.25 2.25 0 0 1 3.182 0ZM11 13H5v5.5a.5.5 0 0 0 .5.5H11v-6Zm7.5 0H13v6h5.5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5Zm-4.06-2.001L13 9.559v1.44h1.44Zm-3.94-6h-5a.5.5 0 0 0-.5.5V11h6V5.5a.5.5 0 0 0-.5-.5Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/appgeneric.svg b/early/.config/eww/images/svg/appgeneric.svg
new file mode 100755
index 000000000..c7456466c
--- /dev/null
+++ b/early/.config/eww/images/svg/appgeneric.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m17.751 3 .185.005a3.25 3.25 0 0 1 3.06 3.06l.005.185v11.5l-.005.184A3.25 3.25 0 0 1 17.751 21H6.25a3.25 3.25 0 0 1-3.245-3.066L3 17.75V6.25a3.25 3.25 0 0 1 3.066-3.245L6.25 3h11.501ZM19.5 8H4.501L4.5 17.75a1.75 1.75 0 0 0 1.606 1.744l.144.006h11.501l.144-.006a1.75 1.75 0 0 0 1.6-1.593l.006-.151L19.5 8Zm-9.25 1.5a.75.75 0 0 1 .743.648l.007.102v7a.75.75 0 0 1-.648.743L10.25 18h-3.5a.75.75 0 0 1-.743-.648L6 17.25v-7a.75.75 0 0 1 .648-.743L6.75 9.5h3.5ZM9.5 11h-2v5.5h2V11Zm6.75 1.503a.75.75 0 0 1 .102 1.493l-.102.007h-3.496a.75.75 0 0 1-.101-1.493l.101-.007h3.496Zm1-3.003a.75.75 0 0 1 .102 1.493L17.25 11h-4.496a.75.75 0 0 1-.101-1.493l.101-.007h4.496Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/applycolor.svg b/early/.config/eww/images/svg/applycolor.svg
new file mode 100755
index 000000000..07b2f25de
--- /dev/null
+++ b/early/.config/eww/images/svg/applycolor.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M2 12.414V17.5A2.5 2.5 0 0 0 4.5 20h15a2.5 2.5 0 0 0 2.5-2.5v-11A2.5 2.5 0 0 0 19.5 4h-8.944l1.5 1.5H19.5a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1v-3.586l-1.5-1.5Z" fill="#d7e2ff"/><path d="M6 1.75a.75.75 0 1 1 1.5 0v1.265c.45.04.89.233 1.235.578l3.536 3.536a2 2 0 0 1 0 2.828L8.027 14.2a2 2 0 0 1-2.829 0l-3.535-3.536a2 2 0 0 1 0-2.828l4.243-4.243c.03-.03.061-.06.093-.087V1.75Zm0 4.5v-.629l-2.89 2.89h8.245a.498.498 0 0 0-.145-.322L7.674 4.654A.498.498 0 0 0 7.5 4.54v1.71a.75.75 0 0 1-1.5 0Zm-2.868 3.76 3.128 3.13a.5.5 0 0 0 .707 0l3.129-3.13H3.132ZM11 13.375c0-.493.154-.972.342-1.381.19-.416.438-.806.673-1.134.238-.331.474-.613.65-.812.085-.097.24-.261.299-.323l.005-.005a.75.75 0 0 1 1.061 0l.305.328c.176.199.412.48.649.812.236.328.483.718.674 1.134.188.409.342.888.342 1.381C16 14.765 14.97 16 13.5 16c-1.471 0-2.5-1.235-2.5-2.625Zm2.234-1.64c-.202.28-.392.585-.53.885-.14.305-.204.56-.204.755 0 .691.48 1.125 1 1.125.519 0 1-.434 1-1.125 0-.194-.065-.45-.205-.755a5.494 5.494 0 0 0-.53-.886 8.417 8.417 0 0 0-.265-.35 8.33 8.33 0 0 0-.266.35Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/bat0.svg b/early/.config/eww/images/svg/bat0.svg
new file mode 100755
index 000000000..7fe10e0eb
--- /dev/null
+++ b/early/.config/eww/images/svg/bat0.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/bat1.svg b/early/.config/eww/images/svg/bat1.svg
new file mode 100755
index 000000000..3e41578b6
--- /dev/null
+++ b/early/.config/eww/images/svg/bat1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6.003 8.999H7a1 1 0 0 1 .993.883L8 10v4a1 1 0 0 1-.883.993L7 14.999h-.997a1 1 0 0 1-.993-.884L5.003 14v-4a1 1 0 0 1 .883-.994L6.003 9H7h-.997Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/bat10.svg b/early/.config/eww/images/svg/bat10.svg
new file mode 100755
index 000000000..5c2739e21
--- /dev/null
+++ b/early/.config/eww/images/svg/bat10.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h10a1 1 0 0 1 .993.883L17 10v4a1 1 0 0 1-.883.993L16 15H6a1 1 0 0 1-.993-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h10H6Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/bat2.svg b/early/.config/eww/images/svg/bat2.svg
new file mode 100755
index 000000000..4b73e100f
--- /dev/null
+++ b/early/.config/eww/images/svg/bat2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9.003 8 9a1 1 0 0 1 .993.883L9 10v4a1 1 0 0 1-.883.993L8 15l-2 .003a1 1 0 0 1-.993-.883L5 14.003v-4a1 1 0 0 1 .883-.993L6 9.003 8 9l-2 .003Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/bat3.svg b/early/.config/eww/images/svg/bat3.svg
new file mode 100755
index 000000000..86b718597
--- /dev/null
+++ b/early/.config/eww/images/svg/bat3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6.017 9H9a1 1 0 0 1 .993.883L10 10v4a1 1 0 0 1-.883.993L9 15H6.017a1 1 0 0 1-.994-.883L5.017 14v-4a1 1 0 0 1 .883-.993L6.017 9H9 6.017Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/bat4.svg b/early/.config/eww/images/svg/bat4.svg
new file mode 100755
index 000000000..ff67b8500
--- /dev/null
+++ b/early/.config/eww/images/svg/bat4.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h4a1 1 0 0 1 .993.883L11 10v4a1 1 0 0 1-.883.993L10 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h4-4Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/bat5.svg b/early/.config/eww/images/svg/bat5.svg
new file mode 100755
index 000000000..994659647
--- /dev/null
+++ b/early/.config/eww/images/svg/bat5.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h5a1 1 0 0 1 .993.883L12 10v4a1 1 0 0 1-.883.993L11 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h5-5Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/bat6.svg b/early/.config/eww/images/svg/bat6.svg
new file mode 100755
index 000000000..ee151c925
--- /dev/null
+++ b/early/.config/eww/images/svg/bat6.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h6a1 1 0 0 1 .993.883L13 10v4a1 1 0 0 1-.883.993L12 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h6-6Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/bat7.svg b/early/.config/eww/images/svg/bat7.svg
new file mode 100755
index 000000000..d441ac926
--- /dev/null
+++ b/early/.config/eww/images/svg/bat7.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h7a1 1 0 0 1 .993.883L14 10v4a1 1 0 0 1-.883.993L13 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h7-7Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/bat8.svg b/early/.config/eww/images/svg/bat8.svg
new file mode 100755
index 000000000..e4220079f
--- /dev/null
+++ b/early/.config/eww/images/svg/bat8.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h8a1 1 0 0 1 .993.883L15 10v4a1 1 0 0 1-.883.993L14 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h8-8Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/bat9.svg b/early/.config/eww/images/svg/bat9.svg
new file mode 100755
index 000000000..9c32b2e6e
--- /dev/null
+++ b/early/.config/eww/images/svg/bat9.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h9a1 1 0 0 1 .993.883L16 10v4a1 1 0 0 1-.883.993L15 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h9-9Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/batcharge.svg b/early/.config/eww/images/svg/batcharge.svg
new file mode 100755
index 000000000..61e66bb8a
--- /dev/null
+++ b/early/.config/eww/images/svg/batcharge.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.75 6H17a3 3 0 0 1 2.995 2.824L20 9v1l1 .018a1 1 0 0 1 .993.879l.008.12v2a1 1 0 0 1-.866.992l-.134.009L20 14v1a3 3 0 0 1-2.824 2.995L17 18H7.998a.75.75 0 0 1-.102-1.493l.102-.007H17a1.5 1.5 0 0 0 1.493-1.355L18.5 15V9a1.5 1.5 0 0 0-1.355-1.493L17 7.5h-6.25a.75.75 0 0 1-.102-1.493L10.75 6H17h-6.25Zm-4.499 4.998v6.252a.75.75 0 0 1-1.492.102l-.007-.102v-6.252H3.75A1.75 1.75 0 0 1 2 9.249V6.75A.75.75 0 0 1 2.75 6h.751V4.75a.75.75 0 0 1 .648-.743L4.251 4a.75.75 0 0 1 .743.648l.007.102V6h.995V4.75a.75.75 0 0 1 .65-.743l.1-.007a.75.75 0 0 1 .744.648l.007.102L7.496 6h.758a.75.75 0 0 1 .75.75v2.499a1.75 1.75 0 0 1-1.75 1.75l-1.003-.001v6.252-6.252ZM7.504 7.5H3.5v1.749c0 .138.112.25.25.25h3.504a.25.25 0 0 0 .25-.25V7.5Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/beatmappacks.svg b/early/.config/eww/images/svg/beatmappacks.svg
new file mode 100755
index 000000000..1cfed8c97
--- /dev/null
+++ b/early/.config/eww/images/svg/beatmappacks.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="#dfbbde"/>
+<path d="M45.8333 49.0106C45.4883 49.0106 45.1433 48.9575 44.8248 48.8248L25.3715 40.863C24.3365 40.4384 23.673 39.3768 23.7261 38.2622C23.7792 37.121 24.5488 36.1656 25.6369 35.8471L53.6093 27.8853C54.1932 27.7261 54.7771 27.7526 55.3344 27.9915L74.7877 35.9533C75.8227 36.3779 76.4862 37.4395 76.4331 38.5541C76.38 39.6953 75.6104 40.6507 74.5223 40.9692L46.5764 48.931C46.3376 48.9841 46.0987 49.0106 45.8333 49.0106ZM34.5011 38.8461L46.0191 43.5435L65.6847 37.9437L54.1667 33.2463L34.5011 38.8461Z" fill="#dfbbde"/>
+<path d="M45.8333 74.1698C45.4883 74.1698 45.1433 74.1168 44.8248 73.9841L25.3715 66.0223C24.3365 65.5977 23.673 64.5361 23.7261 63.4214C23.7792 62.2802 24.5488 61.3248 25.6369 61.0064L53.5828 53.0446C54.1667 52.8853 54.7505 52.9119 55.3079 53.1507L74.7612 61.1125C75.7962 61.5372 76.4597 62.5987 76.4066 63.7134C76.3535 64.8546 75.5839 65.81 74.4958 66.1284L46.5499 74.0902C46.3376 74.1433 46.0987 74.1698 45.8333 74.1698ZM34.5011 64.0053L46.0191 68.7028L65.6847 63.103L54.1667 58.4055L34.5011 64.0053Z" fill="#dfbbde"/>
+<path d="M26.4597 66.1285C25 66.1285 23.8057 64.9342 23.8057 63.4745V38.3153C23.8057 36.8556 25 35.6614 26.4597 35.6614C27.9193 35.6614 29.1136 36.8556 29.1136 38.3153V63.4745C29.1136 64.9342 27.9193 66.1285 26.4597 66.1285Z" fill="#dfbbde"/>
+<path d="M45.9395 74.1433C44.4799 74.1433 43.2856 72.949 43.2856 71.4894V46.3301C43.2856 44.8705 44.4799 43.6762 45.9395 43.6762C47.3992 43.6762 48.5934 44.8705 48.5934 46.3301V71.4894C48.5934 72.949 47.3992 74.1433 45.9395 74.1433Z" fill="#dfbbde"/>
+<path d="M54.4055 57.7421C52.9459 57.7421 51.7516 56.5478 51.7516 55.0881V30.4862C51.7516 29.0265 52.9459 27.8323 54.4055 27.8323C55.8652 27.8323 57.0594 29.0265 57.0594 30.4862V55.0881C57.0594 56.5478 55.8652 57.7421 54.4055 57.7421Z" fill="#dfbbde"/>
+<path d="M73.8854 66.1285C72.4257 66.1285 71.2314 64.9342 71.2314 63.4745V38.8726C71.2314 37.413 72.4257 36.2187 73.8854 36.2187C75.345 36.2187 76.5393 37.413 76.5393 38.8726V63.4745C76.5393 64.9342 75.345 66.1285 73.8854 66.1285Z" fill="#dfbbde"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#dfbbde" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/beatmaps.svg b/early/.config/eww/images/svg/beatmaps.svg
new file mode 100755
index 000000000..bf32972dc
--- /dev/null
+++ b/early/.config/eww/images/svg/beatmaps.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="#d7e2ff"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7375 27.0672C49.7375 22.2087 55.5763 19.7364 59.0652 23.1177L64.1858 28.0804C65.5739 29.4257 65.6086 31.6415 64.2633 33.0296C62.9181 34.4176 60.7023 34.4523 59.3142 33.1071L56.7375 30.6098V54.0937C56.7375 56.0267 55.1705 57.5937 53.2375 57.5937C51.3045 57.5937 49.7375 56.0267 49.7375 54.0937V27.0672Z" fill="#d7e2ff"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M47.9008 55.8953C48.8125 55.8953 49.5516 55.1562 49.5516 54.2445C49.5516 53.3328 48.8125 52.5938 47.9008 52.5938C46.9891 52.5938 46.25 53.3328 46.25 54.2445C46.25 55.1562 46.9891 55.8953 47.9008 55.8953ZM47.9008 62.8953C52.6785 62.8953 56.5516 59.0222 56.5516 54.2445C56.5516 49.4668 52.6785 45.5938 47.9008 45.5938C43.1231 45.5938 39.25 49.4668 39.25 54.2445C39.25 59.0222 43.1231 62.8953 47.9008 62.8953Z" fill="#d7e2ff"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.3186 33.2126C47.6854 34.5795 47.6854 36.7955 46.3186 38.1624L31.9479 52.5331C31.3621 53.1189 31.3621 54.0686 31.9479 54.6544L48.9393 71.6458C49.5251 72.2316 50.4748 72.2316 51.0606 71.6458L68.0521 54.6544C68.6379 54.0686 68.6379 53.1189 68.0521 52.5331L59.8376 44.3186C58.4708 42.9518 58.4708 40.7357 59.8376 39.3689C61.2044 38.002 63.4205 38.002 64.7873 39.3689L73.0018 47.5833C76.3213 50.9028 76.3213 56.2847 73.0018 59.6042L56.0104 76.5956C52.6909 79.915 47.309 79.915 43.9896 76.5956L26.9981 59.6042C23.6787 56.2847 23.6787 50.9028 26.9981 47.5833L41.3689 33.2126C42.7357 31.8458 44.9518 31.8458 46.3186 33.2126Z" fill="#d7e2ff"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#d7e2ff" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/bluetooth.svg b/early/.config/eww/images/svg/bluetooth.svg
new file mode 100755
index 000000000..a07d4ea33
--- /dev/null
+++ b/early/.config/eww/images/svg/bluetooth.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m11.698 12.974 2.682 2.237-2.876 3.117v-5.193l.194-.161Zm1.171-.976 3.077-2.564a.75.75 0 0 0 .071-1.085l-4.711-5.104a.75.75 0 0 0-1.302.508v5.855l-1.12-.934a.75.75 0 1 0-.96 1.152l2.08 1.735v.871l-2.08 1.734a.75.75 0 0 0 .96 1.152l1.12-.934v5.863a.75.75 0 0 0 1.302.508l4.711-5.106a.75.75 0 0 0-.07-1.085l-3.078-2.566Zm-1.17-.977-.195-.162V5.672l2.876 3.115-2.682 2.234Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/bluetoothfalse.svg b/early/.config/eww/images/svg/bluetoothfalse.svg
new file mode 100755
index 000000000..2c8c3b8ff
--- /dev/null
+++ b/early/.config/eww/images/svg/bluetoothfalse.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.28 2.22a.75.75 0 1 0-1.06 1.06L10 11.06v.498l.004.003v.871l-2.08 1.734a.75.75 0 0 0 .96 1.152l1.12-.934v5.863a.75.75 0 0 0 1.302.508l4.025-4.363 5.388 5.389a.75.75 0 0 0 1.061-1.061L3.28 2.22Zm8.222 10.343 2.768 2.768-2.766 2.997v-5.193l-.002-.572ZM15.946 9.434l-1.816 1.514-1.066-1.065 1.316-1.096-2.876-3.115v2.65l-1.5-1.5V3.754a.75.75 0 0 1 1.302-.508l4.711 5.104a.75.75 0 0 1-.07 1.085Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/bluetoothtrue.svg b/early/.config/eww/images/svg/bluetoothtrue.svg
new file mode 100755
index 000000000..f705be95e
--- /dev/null
+++ b/early/.config/eww/images/svg/bluetoothtrue.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.004 9.608V3.753c0-.646.752-.974 1.225-.58l.076.072 4.712 5.104a.75.75 0 0 1 .005 1.012l-.076.073-3.077 2.564 3.077 2.566a.75.75 0 0 1 .137 1.002l-.066.083-4.711 5.106c-.44.476-1.214.207-1.295-.404l-.007-.104v-5.863l-1.12.934a.75.75 0 0 1-1.04-1.075l.08-.077 2.08-1.734v-.87l-2.08-1.736a.75.75 0 0 1 .87-1.217l.09.065 1.12.934V3.753v5.855Zm1.694 3.366-.194.16v5.194l2.876-3.117-2.682-2.237ZM17 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2ZM6 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm5.504-5.328v5.187l.194.162 2.682-2.234-2.876-3.115Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/bright0.svg b/early/.config/eww/images/svg/bright0.svg
new file mode 100755
index 000000000..7fe10e0eb
--- /dev/null
+++ b/early/.config/eww/images/svg/bright0.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/brightness.svg b/early/.config/eww/images/svg/brightness.svg
new file mode 100755
index 000000000..eb68c1859
--- /dev/null
+++ b/early/.config/eww/images/svg/brightness.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M11.996 19.01a.75.75 0 0 1 .743.649l.007.102v1.5a.75.75 0 0 1-1.493.101l-.007-.101v-1.5a.75.75 0 0 1 .75-.75Zm6.022-2.072 1.06 1.06a.75.75 0 1 1-1.06 1.061l-1.06-1.06a.75.75 0 0 1 1.06-1.061Zm-10.983 0a.75.75 0 0 1 0 1.06L5.974 19.06a.75.75 0 0 1-1.06-1.06l1.06-1.061a.75.75 0 0 1 1.06 0ZM12 6.475a5.525 5.525 0 1 1 0 11.05 5.525 5.525 0 0 1 0-11.05Zm0 1.5a4.025 4.025 0 1 0 0 8.05 4.025 4.025 0 0 0 0-8.05Zm9.25 3.293a.75.75 0 0 1 .102 1.493l-.102.007h-1.5a.75.75 0 0 1-.102-1.493l.102-.007h1.5Zm-17-.029a.75.75 0 0 1 .102 1.494l-.102.006h-1.5a.75.75 0 0 1-.102-1.493l.102-.007h1.5Zm1.64-6.37.084.072 1.06 1.06a.75.75 0 0 1-.976 1.134l-.084-.073-1.06-1.06a.75.75 0 0 1 .976-1.134Zm13.188.072a.75.75 0 0 1 .073.977l-.073.084-1.06 1.06a.75.75 0 0 1-1.133-.976l.072-.084 1.06-1.061a.75.75 0 0 1 1.061 0ZM12 1.99a.75.75 0 0 1 .743.648l.007.102v1.5a.75.75 0 0 1-1.493.101l-.007-.102v-1.5a.75.75 0 0 1 .75-.75Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/calculator.svg b/early/.config/eww/images/svg/calculator.svg
new file mode 100755
index 000000000..03322ce39
--- /dev/null
+++ b/early/.config/eww/images/svg/calculator.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7 7a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2V7Zm2-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-.5-.5H9Zm-.75 8a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm1.25 2.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm6.25-2.75a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM17 17.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm-5-2.75a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm1.25 2.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM7.25 2A3.25 3.25 0 0 0 4 5.25v13.5A3.25 3.25 0 0 0 7.25 22h9.5A3.25 3.25 0 0 0 20 18.75V5.25A3.25 3.25 0 0 0 16.75 2h-9.5ZM5.5 5.25c0-.966.784-1.75 1.75-1.75h9.5c.966 0 1.75.784 1.75 1.75v13.5a1.75 1.75 0 0 1-1.75 1.75h-9.5a1.75 1.75 0 0 1-1.75-1.75V5.25Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/caretdown.svg b/early/.config/eww/images/svg/caretdown.svg
new file mode 100755
index 000000000..983cf2eab
--- /dev/null
+++ b/early/.config/eww/images/svg/caretdown.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.102 8c-1.074 0-1.648 1.265-.94 2.073l5.521 6.31a1.75 1.75 0 0 0 2.634 0l5.522-6.31c.707-.808.133-2.073-.94-2.073H6.101Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/caretup.svg b/early/.config/eww/images/svg/caretup.svg
new file mode 100755
index 000000000..82236a6a2
--- /dev/null
+++ b/early/.config/eww/images/svg/caretup.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.102 16.981c-1.074 0-1.648-1.265-.94-2.073l5.521-6.31a1.75 1.75 0 0 1 2.634 0l5.522 6.31c.707.809.133 2.073-.94 2.073H6.101Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/changelog.svg b/early/.config/eww/images/svg/changelog.svg
new file mode 100755
index 000000000..9d6e39562
--- /dev/null
+++ b/early/.config/eww/images/svg/changelog.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0471 9.31178C70.2488 9.31178 75.0789 12.1005 77.6798 16.6155L92.7275 42.6963C95.3284 47.2113 95.3284 52.7887 92.7275 57.3037L77.6798 83.3845C75.0789 87.8995 70.2488 90.6882 65.0471 90.6882H34.9515C29.7498 90.6882 24.9197 87.8995 22.3188 83.3845L7.27104 57.3037C4.67019 52.7887 4.67019 47.2113 7.27104 42.6963L22.3188 16.6155C24.9197 12.1005 29.7498 9.31178 34.9515 9.31178H65.0471ZM65.0471 4H34.9515C27.839 4 21.2572 7.79792 17.701 13.9596L2.6532 40.0404C-0.903062 46.2021 -0.903062 53.7979 2.6532 59.9596L17.701 86.0404C21.2572 92.2021 27.839 96 34.9515 96H65.0471C72.1596 96 78.7413 92.2021 82.2976 86.0404L97.3454 59.9596C100.902 53.7979 100.902 46.2021 97.3454 40.0404L82.2711 13.9596C78.7413 7.79792 72.1596 4 65.0471 4Z" fill="#d7e2ff"/>
+<path d="M43.0733 72.0439C42.4098 72.0439 41.7198 71.8845 41.0828 71.5127L28.0786 63.9965C25.2389 62.3499 23.4607 59.2956 23.4607 56.0023V43.9977C23.4607 40.7044 25.2389 37.6501 28.0786 36.0035L41.0828 28.4873C42.9936 27.3984 45.4087 28.0358 46.5234 29.948C47.6115 31.8603 46.9745 34.2771 45.0637 35.3926L32.0595 42.9088C31.6614 43.1212 31.4225 43.5462 31.4225 43.9977V56.0023C31.4225 56.4538 31.6614 56.8788 32.0595 57.0912L45.0637 64.6074C46.9745 65.6963 47.6115 68.1397 46.5234 70.052C45.8068 71.3268 44.4533 72.0439 43.0733 72.0439Z" fill="#d7e2ff"/>
+<path d="M56.9002 72.0439C55.5202 72.0439 54.1932 71.3268 53.4501 70.052C52.362 68.1397 52.9989 65.7229 54.9098 64.6074L67.914 57.0912C68.3121 56.8788 68.5509 56.4538 68.5509 56.0023V43.9977C68.5509 43.5462 68.3121 43.1212 67.914 42.9088L54.9098 35.3926C52.9989 34.3037 52.362 31.8603 53.4501 29.948C54.5382 28.0358 56.9798 27.3984 58.8907 28.4873L71.8949 36.0035C74.7346 37.6501 76.5127 40.7044 76.5127 43.9977V56.0023C76.5127 59.2956 74.7346 62.3499 71.8949 63.9965L58.8907 71.5127C58.2803 71.8845 57.5902 72.0439 56.9002 72.0439Z" fill="#d7e2ff"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#d7e2ff" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/chat.svg b/early/.config/eww/images/svg/chat.svg
new file mode 100755
index 000000000..9876d2e85
--- /dev/null
+++ b/early/.config/eww/images/svg/chat.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0482 9.31178C70.2499 9.31178 75.08 12.1005 77.6809 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6809 83.3845C75.08 87.8995 70.2499 90.6882 65.0482 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27215 57.3037C4.6713 52.7887 4.6713 47.2113 7.27215 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0482ZM65.0482 4H34.9526C27.8401 4 21.2584 7.79792 17.7021 13.9596L2.65432 40.0404C-0.901944 46.2021 -0.901944 53.7979 2.65432 59.9596L17.7021 86.0404C21.2584 92.2021 27.8401 96 34.9526 96H65.0482C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3465 59.9596C100.903 53.7979 100.903 46.2021 97.3465 40.0404L82.2722 13.9596C78.7424 7.79792 72.1607 4 65.0482 4Z" fill="#d7e2ff"/>
+<g clip-path="url(#clip1)">
+<path d="M46.9436 72C44.9758 72 43.3872 70.4427 43.3872 68.5136C43.3872 67.7233 43.6718 66.9331 44.1697 66.3288L51.0453 57.9614C53.108 55.428 56.2376 53.9637 59.5332 53.987H64.3224C65.176 53.987 65.8635 53.2897 65.8635 52.4529L65.8161 39.4836C65.8161 38.6468 65.1286 37.9728 64.275 37.9728H36.725C35.8714 37.9728 35.1839 38.6468 35.1602 39.4836L35.1128 52.4065C35.1128 52.8248 35.2787 53.1967 35.5632 53.4989C35.8714 53.7778 36.2508 53.9405 36.6776 53.9405L40.2576 53.894H40.3051C42.2729 53.894 43.8614 55.428 43.8851 57.3571C43.9089 59.2863 42.3203 60.8435 40.3525 60.8668L36.7724 60.89C31.9831 60.9597 28.0711 57.1944 28 52.4994C28 52.4529 28 52.4065 28 52.36L28.0474 39.4371C28.0711 34.7885 31.9594 31 36.725 31H64.2987C69.0643 31 72.9289 34.7885 72.9526 39.4603L73 52.4297C73.0237 57.1247 69.1591 60.9365 64.3699 60.9597H64.3462H59.5569C58.4189 60.9597 57.3282 61.4711 56.617 62.3543L49.7413 70.7216C49.0537 71.5351 48.0342 72.0232 46.9436 72Z" fill="#d7e2ff"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#d7e2ff" transform="translate(0 4)"/>
+</clipPath>
+<clipPath id="clip1">
+<rect width="45" height="41" fill="#d7e2ff" transform="translate(28 31)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/checkbox.svg b/early/.config/eww/images/svg/checkbox.svg
new file mode 100755
index 000000000..8de017a32
--- /dev/null
+++ b/early/.config/eww/images/svg/checkbox.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.25 3A3.25 3.25 0 0 0 3 6.25v11.5A3.25 3.25 0 0 0 6.25 21h11.5A3.25 3.25 0 0 0 21 17.75V6.25A3.25 3.25 0 0 0 17.75 3H6.25Zm10.03 6.78-5 5a.75.75 0 0 1-1.06 0l-2.004-2.004a.75.75 0 1 1 1.06-1.06l1.474 1.473 4.47-4.47a.75.75 0 1 1 1.06 1.061Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/checkbox_no.svg b/early/.config/eww/images/svg/checkbox_no.svg
new file mode 100755
index 000000000..7cf715419
--- /dev/null
+++ b/early/.config/eww/images/svg/checkbox_no.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6 3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3Zm0 2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H6Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/cog.svg b/early/.config/eww/images/svg/cog.svg
new file mode 100755
index 000000000..176f37680
--- /dev/null
+++ b/early/.config/eww/images/svg/cog.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.012 2.25c.734.008 1.465.093 2.182.253a.75.75 0 0 1 .582.649l.17 1.527a1.384 1.384 0 0 0 1.927 1.116l1.401-.615a.75.75 0 0 1 .85.174 9.792 9.792 0 0 1 2.204 3.792.75.75 0 0 1-.271.825l-1.242.916a1.381 1.381 0 0 0 0 2.226l1.243.915a.75.75 0 0 1 .272.826 9.797 9.797 0 0 1-2.204 3.792.75.75 0 0 1-.848.175l-1.407-.617a1.38 1.38 0 0 0-1.926 1.114l-.169 1.526a.75.75 0 0 1-.572.647 9.518 9.518 0 0 1-4.406 0 .75.75 0 0 1-.572-.647l-.168-1.524a1.382 1.382 0 0 0-1.926-1.11l-1.406.616a.75.75 0 0 1-.849-.175 9.798 9.798 0 0 1-2.204-3.796.75.75 0 0 1 .272-.826l1.243-.916a1.38 1.38 0 0 0 0-2.226l-1.243-.914a.75.75 0 0 1-.271-.826 9.793 9.793 0 0 1 2.204-3.792.75.75 0 0 1 .85-.174l1.4.615a1.387 1.387 0 0 0 1.93-1.118l.17-1.526a.75.75 0 0 1 .583-.65c.717-.159 1.45-.243 2.201-.252Zm0 1.5a9.135 9.135 0 0 0-1.354.117l-.109.977A2.886 2.886 0 0 1 6.525 7.17l-.898-.394a8.293 8.293 0 0 0-1.348 2.317l.798.587a2.881 2.881 0 0 1 0 4.643l-.799.588c.32.842.776 1.626 1.348 2.322l.905-.397a2.882 2.882 0 0 1 4.017 2.318l.11.984c.889.15 1.798.15 2.687 0l.11-.984a2.881 2.881 0 0 1 4.018-2.322l.905.396a8.296 8.296 0 0 0 1.347-2.318l-.798-.588a2.881 2.881 0 0 1 0-4.643l.796-.587a8.293 8.293 0 0 0-1.348-2.317l-.896.393a2.884 2.884 0 0 1-4.023-2.324l-.11-.976a8.988 8.988 0 0 0-1.333-.117ZM12 8.25a3.75 3.75 0 1 1 0 7.5 3.75 3.75 0 0 1 0-7.5Zm0 1.5a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/color.scss b/early/.config/eww/images/svg/color.scss
new file mode 100755
index 000000000..d5bef1bc5
--- /dev/null
+++ b/early/.config/eww/images/svg/color.scss
@@ -0,0 +1 @@
+$colorbar: #d7e2ff;
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/color.txt b/early/.config/eww/images/svg/color.txt
new file mode 100755
index 000000000..bd3f7fb13
--- /dev/null
+++ b/early/.config/eww/images/svg/color.txt
@@ -0,0 +1 @@
+#d7e2ff
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/contests.svg b/early/.config/eww/images/svg/contests.svg
new file mode 100755
index 000000000..5c45ddf82
--- /dev/null
+++ b/early/.config/eww/images/svg/contests.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0478 9.30786C70.2495 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.3291 47.1794 95.3291 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2495 90.6242 65.0478 90.6242H34.9522C29.7505 90.6242 24.9204 87.8376 22.3195 83.3259L7.27175 57.2643C4.67091 52.7527 4.67091 47.1794 7.27175 42.6677L22.3195 16.6062C24.9204 12.0945 29.7505 9.30786 34.9522 9.30786H65.0478ZM65.0478 4H34.9522C27.8397 4 21.258 7.79512 17.7017 13.9522L2.65392 40.0138C-0.902341 46.1709 -0.902341 53.7611 2.65392 59.9183L17.7017 85.9798C21.258 92.1369 27.8397 95.9321 34.9522 95.9321H65.0478C72.1603 95.9321 78.742 92.1369 82.2983 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1603 4 65.0478 4Z" fill="#d7e2ff"/>
+<path d="M50 76.7707C47.7972 76.7707 46.0191 74.9925 46.0191 72.7898V53.9469C46.0191 51.7441 47.7972 49.966 50 49.966C52.2028 49.966 53.9809 51.7441 53.9809 53.9469V72.7898C53.9809 74.9925 52.2028 76.7707 50 76.7707Z" fill="#d7e2ff"/>
+<path d="M36.7304 71.9936C34.5276 71.9936 32.7495 70.2155 32.7495 68.0127V61.1125C32.7495 58.9098 34.5276 57.1316 36.7304 57.1316C38.9331 57.1316 40.7113 58.9098 40.7113 61.1125V68.0127C40.7113 70.2155 38.9331 71.9936 36.7304 71.9936Z" fill="#d7e2ff"/>
+<path d="M36.7304 51.8238C36.5977 51.8238 36.465 51.8238 36.3323 51.7973C36.1996 51.7973 36.0669 51.7707 35.9342 51.7442C35.8015 51.7176 35.6688 51.6911 35.5626 51.638C35.4299 51.5849 35.3238 51.5584 35.1911 51.5053C35.0849 51.4522 34.9522 51.3992 34.8461 51.3461C34.7399 51.293 34.6072 51.2134 34.5011 51.1338C34.3949 51.0542 34.2887 50.9745 34.1826 50.8949C34.0764 50.8153 33.9703 50.7091 33.8906 50.6295C33.811 50.5234 33.7049 50.4438 33.6253 50.3376C33.5456 50.2314 33.466 50.1253 33.3864 50.0191C33.3068 49.913 33.2537 49.8068 33.1741 49.6741C33.121 49.568 33.0679 49.4353 33.0149 49.3291C32.9618 49.223 32.9087 49.0903 32.8822 48.9576C32.8556 48.8249 32.8025 48.6922 32.776 48.586C32.7495 48.4533 32.7229 48.3206 32.7229 48.2145C32.6964 48.0818 32.6964 47.9491 32.6964 47.8164C32.6964 47.6837 32.6964 47.551 32.7229 47.4183C32.7229 47.2856 32.7495 47.1529 32.776 47.0202C32.8025 46.8875 32.8291 46.7548 32.8822 46.6486C32.9087 46.5159 32.9618 46.4098 33.0149 46.2771C33.0679 46.1709 33.121 46.0382 33.1741 45.9321C33.2272 45.8259 33.3068 45.6932 33.3864 45.5871C33.466 45.4809 33.5456 45.3748 33.6253 45.2686C33.7049 45.1624 33.7845 45.0563 33.8906 44.9767C33.9968 44.897 34.0764 44.7909 34.1826 44.7113C34.2887 44.6317 34.3949 44.552 34.5011 44.4724C34.6072 44.3928 34.7134 44.3397 34.8461 44.2601C34.9522 44.207 35.0849 44.1539 35.1911 44.1009C35.3238 44.0478 35.4299 43.9947 35.5626 43.9682C35.6953 43.9416 35.828 43.8886 35.9342 43.862C36.0669 43.8355 36.1996 43.8089 36.3323 43.8089C36.5977 43.7824 36.8631 43.7824 37.1019 43.8089C37.2346 43.8089 37.3673 43.8355 37.5 43.862C37.6327 43.8886 37.7654 43.9151 37.8715 43.9682C38.0042 43.9947 38.1104 44.0478 38.2431 44.1009C38.3758 44.1539 38.4819 44.207 38.5881 44.2601C38.6943 44.3132 38.827 44.3928 38.9331 44.4724C39.0393 44.552 39.1454 44.6317 39.2516 44.7113C39.3577 44.7909 39.4639 44.8705 39.5435 44.9767C39.6231 45.0828 39.7293 45.1624 39.8089 45.2686C39.8885 45.3748 39.9681 45.4809 40.0478 45.5871C40.1274 45.6932 40.1805 45.7994 40.2601 45.9321C40.3132 46.0382 40.3662 46.1709 40.4193 46.2771C40.4724 46.4098 40.4989 46.5159 40.552 46.6486C40.5786 46.7813 40.6316 46.914 40.6582 47.0202C40.6847 47.1529 40.7112 47.2856 40.7112 47.4183C40.7378 47.551 40.7378 47.6837 40.7378 47.8164C40.7378 47.9491 40.7378 48.0818 40.7112 48.2145C40.7112 48.3472 40.6847 48.4799 40.6582 48.586C40.6316 48.7187 40.6051 48.8514 40.552 48.9576C40.4989 49.0903 40.4724 49.1964 40.4193 49.3291C40.3662 49.4618 40.3132 49.568 40.2601 49.6741C40.207 49.7803 40.1274 49.913 40.0478 50.0191C39.9681 50.1253 39.8885 50.2314 39.8089 50.3376C39.7293 50.4438 39.6231 50.5499 39.5435 50.6295C39.4374 50.7091 39.3577 50.8153 39.2516 50.8949C39.1454 50.9745 39.0393 51.0542 38.9331 51.1338C38.827 51.2134 38.7208 51.2665 38.5881 51.3461C38.4819 51.3992 38.3493 51.4522 38.2431 51.5053C38.1369 51.5584 38.0042 51.5849 37.8715 51.638C37.7388 51.6646 37.6327 51.7176 37.5 51.7442C37.3673 51.7707 37.2346 51.7973 37.1019 51.7973C36.9957 51.8238 36.863 51.8238 36.7304 51.8238Z" fill="#d7e2ff"/>
+<path d="M63.2696 71.9936C61.0669 71.9936 59.2887 70.2155 59.2887 68.0127V61.1125C59.2887 58.9098 61.0669 57.1316 63.2696 57.1316C65.4724 57.1316 67.2505 58.9098 67.2505 61.1125V68.0127C67.2505 70.2155 65.4724 71.9936 63.2696 71.9936Z" fill="#d7e2ff"/>
+<path d="M63.2696 51.8238C63.1369 51.8238 63.0043 51.8238 62.8716 51.7973C62.7389 51.7973 62.6062 51.7707 62.4735 51.7442C62.3408 51.7176 62.2081 51.6911 62.1019 51.638C61.9692 51.5849 61.8631 51.5584 61.7304 51.5053C61.6242 51.4522 61.4915 51.3992 61.3854 51.3461C61.2792 51.293 61.1465 51.2134 61.0403 51.1338C60.9342 51.0542 60.828 50.9745 60.7219 50.8949C60.6157 50.8153 60.5096 50.7091 60.4299 50.6295C60.3503 50.5234 60.2442 50.4438 60.1645 50.3376C60.0849 50.2314 60.0053 50.1253 59.9257 50.0191C59.8461 49.913 59.793 49.8068 59.7134 49.6741C59.6603 49.568 59.6072 49.4353 59.5541 49.3291C59.5011 49.223 59.448 49.0903 59.4214 48.9576C59.3949 48.8249 59.3418 48.6922 59.3153 48.586C59.2888 48.4533 59.2622 48.3206 59.2622 48.2145C59.2622 48.0818 59.2357 47.9491 59.2357 47.8164C59.2357 47.6837 59.2357 47.551 59.2622 47.4183C59.2622 47.2856 59.2888 47.1529 59.3153 47.0202C59.3418 46.8875 59.3684 46.7548 59.4214 46.6486C59.448 46.5159 59.5011 46.4098 59.5541 46.2771C59.6072 46.1709 59.6603 46.0382 59.7134 45.9321C59.7665 45.8259 59.8461 45.6932 59.9257 45.5871C60.0053 45.4809 60.0849 45.3748 60.1645 45.2686C60.2442 45.1624 60.3238 45.0563 60.4299 44.9767C60.5361 44.897 60.6157 44.7909 60.7219 44.7113C60.828 44.6317 60.9342 44.552 61.0403 44.4724C61.1465 44.3928 61.2527 44.3397 61.3854 44.2601C61.4915 44.207 61.6242 44.1539 61.7304 44.1009C61.8631 44.0478 61.9692 43.9947 62.1019 43.9682C62.2346 43.9416 62.3673 43.8886 62.4735 43.862C62.6062 43.8355 62.7389 43.8089 62.8716 43.8089C63.1369 43.7824 63.4023 43.7824 63.6677 43.8089C63.8004 43.8089 63.9331 43.8355 64.0393 43.862C64.172 43.8886 64.3047 43.9151 64.4108 43.9682C64.5435 43.9947 64.6497 44.0478 64.7824 44.1009C64.9151 44.1539 65.0212 44.207 65.1274 44.2601C65.2336 44.3132 65.3663 44.3928 65.4724 44.4724C65.5786 44.552 65.6847 44.6317 65.7909 44.7113C65.897 44.7909 66.0032 44.8705 66.0828 44.9767C66.1624 45.0828 66.2686 45.1624 66.3482 45.2686C66.4278 45.3748 66.5074 45.4809 66.5871 45.5871C66.6667 45.6932 66.7198 45.7994 66.7994 45.9321C66.8525 46.0382 66.9055 46.1709 66.9586 46.2771C67.0117 46.4098 67.0382 46.5159 67.0913 46.6486C67.1178 46.7813 67.1709 46.914 67.1975 47.0202C67.224 47.1529 67.2505 47.2856 67.2505 47.4183C67.2771 47.551 67.2771 47.6837 67.2771 47.8164C67.2771 47.9491 67.2771 48.0818 67.2505 48.2145C67.2505 48.3472 67.224 48.4799 67.1975 48.586C67.1709 48.7187 67.1444 48.8514 67.0913 48.9576C67.0382 49.0903 67.0117 49.1964 66.9586 49.3291C66.9055 49.4618 66.8525 49.568 66.7994 49.6741C66.7463 49.7803 66.6667 49.913 66.5871 50.0191C66.5074 50.1253 66.4278 50.2314 66.3482 50.3376C66.2686 50.4438 66.1624 50.5499 66.0828 50.6295C65.9767 50.7091 65.897 50.8153 65.7909 50.8949C65.6847 50.9745 65.5786 51.0542 65.4724 51.1338C65.3663 51.2134 65.2601 51.2665 65.1274 51.3461C65.0212 51.3992 64.8885 51.4522 64.7824 51.5053C64.6762 51.5584 64.5435 51.5849 64.4108 51.638C64.2781 51.6646 64.172 51.7176 64.0393 51.7442C63.9066 51.7707 63.7739 51.7973 63.6677 51.7973C63.535 51.8238 63.4023 51.8238 63.2696 51.8238Z" fill="#d7e2ff"/>
+<path d="M50 44.7909C44.1348 44.7909 39.3843 40.0403 39.3843 34.1752C39.3843 28.31 44.1348 23.5594 50 23.5594C55.8652 23.5594 60.6157 28.31 60.6157 34.1752C60.6157 40.0403 55.8652 44.7909 50 44.7909ZM50 31.5212C48.5403 31.5212 47.3461 32.7155 47.3461 34.1752C47.3461 35.6348 48.5403 36.8291 50 36.8291C51.4597 36.8291 52.6539 35.6348 52.6539 34.1752C52.6539 32.7155 51.4597 31.5212 50 31.5212Z" fill="#d7e2ff"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#d7e2ff" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/copy.svg b/early/.config/eww/images/svg/copy.svg
new file mode 100755
index 000000000..c77000c87
--- /dev/null
+++ b/early/.config/eww/images/svg/copy.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5.503 4.627 5.5 6.75v10.504a3.25 3.25 0 0 0 3.25 3.25h8.616a2.251 2.251 0 0 1-2.122 1.5H8.75A4.75 4.75 0 0 1 4 17.254V6.75c0-.98.627-1.815 1.503-2.123ZM17.75 2A2.25 2.25 0 0 1 20 4.25v13a2.25 2.25 0 0 1-2.25 2.25h-9a2.25 2.25 0 0 1-2.25-2.25v-13A2.25 2.25 0 0 1 8.75 2h9Zm0 1.5h-9a.75.75 0 0 0-.75.75v13c0 .414.336.75.75.75h9a.75.75 0 0 0 .75-.75v-13a.75.75 0 0 0-.75-.75Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/airplane.svg b/early/.config/eww/images/svg/dark/airplane.svg
new file mode 100755
index 000000000..c289fd7cb
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/airplane.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9.47 9.643 8.768 3.77l-.002-.074c0-.889.72-1.61 1.61-1.61.802 0 1.545.42 1.977 1.135l.087.161 2.945 6.09 3.957-.117a2.6 2.6 0 0 1 2.672 2.53l.001.066a2.602 2.602 0 0 1-2.62 2.597l-3.963-.116-2.992 6.188a2.293 2.293 0 0 1-2.065 1.295c-.889 0-1.609-.72-1.609-1.631l.007-.118.707-5.908-2.132-.063-.27.736a1.946 1.946 0 0 1-1.827 1.278c-.876 0-1.586-.71-1.586-1.587v-.76l-.154-.032a1.92 1.92 0 0 1 0-3.758l.155-.032v-.76c0-.803.597-1.475 1.434-1.579l.151-.008c.745 0 1.423.426 1.765 1.127l.063.15.27.736 2.12-.062Zm.906-6.057c-.06 0-.109.049-.11.087l.887 7.422-4.84.141-.628-1.715-.032-.079c-.075-.152-.23-.25-.354-.251l-.058.002a.086.086 0 0 0-.075.085l.001 1.98-1.35.282a.419.419 0 0 0 0 .821l1.35.281v1.98c0 .047.038.086.085.086a.446.446 0 0 0 .419-.293l.64-1.751 4.854.141-.897 7.471v.03c0 .06.048.108.108.108a.793.793 0 0 0 .714-.448l3.415-7.063 4.914.144c.606 0 1.097-.491 1.097-1.086v-.043a1.097 1.097 0 0 0-1.13-1.064l-4.928.144-3.351-6.932-.053-.099a.793.793 0 0 0-.678-.381Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/app.svg b/early/.config/eww/images/svg/dark/app.svg
new file mode 100755
index 000000000..b2a2169f0
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/app.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m18.492 2.33 3.179 3.179a2.25 2.25 0 0 1 0 3.182l-2.423 2.422A2.501 2.501 0 0 1 21 13.5v5a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 18.5v-13A2.5 2.5 0 0 1 5.5 3h5c1.121 0 2.07.737 2.387 1.754L15.31 2.33a2.25 2.25 0 0 1 3.182 0ZM11 13H5v5.5a.5.5 0 0 0 .5.5H11v-6Zm7.5 0H13v6h5.5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5Zm-4.06-2.001L13 9.559v1.44h1.44Zm-3.94-6h-5a.5.5 0 0 0-.5.5V11h6V5.5a.5.5 0 0 0-.5-.5Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/appgeneric.svg b/early/.config/eww/images/svg/dark/appgeneric.svg
new file mode 100755
index 000000000..70f378c96
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/appgeneric.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m17.751 3 .185.005a3.25 3.25 0 0 1 3.06 3.06l.005.185v11.5l-.005.184A3.25 3.25 0 0 1 17.751 21H6.25a3.25 3.25 0 0 1-3.245-3.066L3 17.75V6.25a3.25 3.25 0 0 1 3.066-3.245L6.25 3h11.501ZM19.5 8H4.501L4.5 17.75a1.75 1.75 0 0 0 1.606 1.744l.144.006h11.501l.144-.006a1.75 1.75 0 0 0 1.6-1.593l.006-.151L19.5 8Zm-9.25 1.5a.75.75 0 0 1 .743.648l.007.102v7a.75.75 0 0 1-.648.743L10.25 18h-3.5a.75.75 0 0 1-.743-.648L6 17.25v-7a.75.75 0 0 1 .648-.743L6.75 9.5h3.5ZM9.5 11h-2v5.5h2V11Zm6.75 1.503a.75.75 0 0 1 .102 1.493l-.102.007h-3.496a.75.75 0 0 1-.101-1.493l.101-.007h3.496Zm1-3.003a.75.75 0 0 1 .102 1.493L17.25 11h-4.496a.75.75 0 0 1-.101-1.493l.101-.007h4.496Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/applycolor.svg b/early/.config/eww/images/svg/dark/applycolor.svg
new file mode 100755
index 000000000..70d163583
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/applycolor.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M2 12.414V17.5A2.5 2.5 0 0 0 4.5 20h15a2.5 2.5 0 0 0 2.5-2.5v-11A2.5 2.5 0 0 0 19.5 4h-8.944l1.5 1.5H19.5a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1v-3.586l-1.5-1.5Z" fill="white"/><path d="M6 1.75a.75.75 0 1 1 1.5 0v1.265c.45.04.89.233 1.235.578l3.536 3.536a2 2 0 0 1 0 2.828L8.027 14.2a2 2 0 0 1-2.829 0l-3.535-3.536a2 2 0 0 1 0-2.828l4.243-4.243c.03-.03.061-.06.093-.087V1.75Zm0 4.5v-.629l-2.89 2.89h8.245a.498.498 0 0 0-.145-.322L7.674 4.654A.498.498 0 0 0 7.5 4.54v1.71a.75.75 0 0 1-1.5 0Zm-2.868 3.76 3.128 3.13a.5.5 0 0 0 .707 0l3.129-3.13H3.132ZM11 13.375c0-.493.154-.972.342-1.381.19-.416.438-.806.673-1.134.238-.331.474-.613.65-.812.085-.097.24-.261.299-.323l.005-.005a.75.75 0 0 1 1.061 0l.305.328c.176.199.412.48.649.812.236.328.483.718.674 1.134.188.409.342.888.342 1.381C16 14.765 14.97 16 13.5 16c-1.471 0-2.5-1.235-2.5-2.625Zm2.234-1.64c-.202.28-.392.585-.53.885-.14.305-.204.56-.204.755 0 .691.48 1.125 1 1.125.519 0 1-.434 1-1.125 0-.194-.065-.45-.205-.755a5.494 5.494 0 0 0-.53-.886 8.417 8.417 0 0 0-.265-.35 8.33 8.33 0 0 0-.266.35Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/bat0.svg b/early/.config/eww/images/svg/dark/bat0.svg
new file mode 100755
index 000000000..5a4b54eaf
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/bat0.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/bat1.svg b/early/.config/eww/images/svg/dark/bat1.svg
new file mode 100755
index 000000000..d0fee08cf
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/bat1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6.003 8.999H7a1 1 0 0 1 .993.883L8 10v4a1 1 0 0 1-.883.993L7 14.999h-.997a1 1 0 0 1-.993-.884L5.003 14v-4a1 1 0 0 1 .883-.994L6.003 9H7h-.997Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/bat10.svg b/early/.config/eww/images/svg/dark/bat10.svg
new file mode 100755
index 000000000..6518b5510
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/bat10.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h10a1 1 0 0 1 .993.883L17 10v4a1 1 0 0 1-.883.993L16 15H6a1 1 0 0 1-.993-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h10H6Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/bat2.svg b/early/.config/eww/images/svg/dark/bat2.svg
new file mode 100755
index 000000000..359e89591
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/bat2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9.003 8 9a1 1 0 0 1 .993.883L9 10v4a1 1 0 0 1-.883.993L8 15l-2 .003a1 1 0 0 1-.993-.883L5 14.003v-4a1 1 0 0 1 .883-.993L6 9.003 8 9l-2 .003Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/bat3.svg b/early/.config/eww/images/svg/dark/bat3.svg
new file mode 100755
index 000000000..71d54b711
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/bat3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6.017 9H9a1 1 0 0 1 .993.883L10 10v4a1 1 0 0 1-.883.993L9 15H6.017a1 1 0 0 1-.994-.883L5.017 14v-4a1 1 0 0 1 .883-.993L6.017 9H9 6.017Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/bat4.svg b/early/.config/eww/images/svg/dark/bat4.svg
new file mode 100755
index 000000000..fccf41179
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/bat4.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h4a1 1 0 0 1 .993.883L11 10v4a1 1 0 0 1-.883.993L10 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h4-4Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/bat5.svg b/early/.config/eww/images/svg/dark/bat5.svg
new file mode 100755
index 000000000..f038d856b
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/bat5.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h5a1 1 0 0 1 .993.883L12 10v4a1 1 0 0 1-.883.993L11 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h5-5Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/bat6.svg b/early/.config/eww/images/svg/dark/bat6.svg
new file mode 100755
index 000000000..1e78412ea
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/bat6.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h6a1 1 0 0 1 .993.883L13 10v4a1 1 0 0 1-.883.993L12 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h6-6Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/bat7.svg b/early/.config/eww/images/svg/dark/bat7.svg
new file mode 100755
index 000000000..e2ac822f8
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/bat7.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h7a1 1 0 0 1 .993.883L14 10v4a1 1 0 0 1-.883.993L13 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h7-7Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/bat8.svg b/early/.config/eww/images/svg/dark/bat8.svg
new file mode 100755
index 000000000..ab8433e94
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/bat8.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h8a1 1 0 0 1 .993.883L15 10v4a1 1 0 0 1-.883.993L14 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h8-8Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/bat9.svg b/early/.config/eww/images/svg/dark/bat9.svg
new file mode 100755
index 000000000..bbe514d7b
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/bat9.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h9a1 1 0 0 1 .993.883L16 10v4a1 1 0 0 1-.883.993L15 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h9-9Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/batcharge.svg b/early/.config/eww/images/svg/dark/batcharge.svg
new file mode 100755
index 000000000..eb76029ba
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/batcharge.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.75 6H17a3 3 0 0 1 2.995 2.824L20 9v1l1 .018a1 1 0 0 1 .993.879l.008.12v2a1 1 0 0 1-.866.992l-.134.009L20 14v1a3 3 0 0 1-2.824 2.995L17 18H7.998a.75.75 0 0 1-.102-1.493l.102-.007H17a1.5 1.5 0 0 0 1.493-1.355L18.5 15V9a1.5 1.5 0 0 0-1.355-1.493L17 7.5h-6.25a.75.75 0 0 1-.102-1.493L10.75 6H17h-6.25Zm-4.499 4.998v6.252a.75.75 0 0 1-1.492.102l-.007-.102v-6.252H3.75A1.75 1.75 0 0 1 2 9.249V6.75A.75.75 0 0 1 2.75 6h.751V4.75a.75.75 0 0 1 .648-.743L4.251 4a.75.75 0 0 1 .743.648l.007.102V6h.995V4.75a.75.75 0 0 1 .65-.743l.1-.007a.75.75 0 0 1 .744.648l.007.102L7.496 6h.758a.75.75 0 0 1 .75.75v2.499a1.75 1.75 0 0 1-1.75 1.75l-1.003-.001v6.252-6.252ZM7.504 7.5H3.5v1.749c0 .138.112.25.25.25h3.504a.25.25 0 0 0 .25-.25V7.5Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/beatmappacks.svg b/early/.config/eww/images/svg/dark/beatmappacks.svg
new file mode 100755
index 000000000..4f4bc4bd2
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/beatmappacks.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="white"/>
+<path d="M45.8333 49.0106C45.4883 49.0106 45.1433 48.9575 44.8248 48.8248L25.3715 40.863C24.3365 40.4384 23.673 39.3768 23.7261 38.2622C23.7792 37.121 24.5488 36.1656 25.6369 35.8471L53.6093 27.8853C54.1932 27.7261 54.7771 27.7526 55.3344 27.9915L74.7877 35.9533C75.8227 36.3779 76.4862 37.4395 76.4331 38.5541C76.38 39.6953 75.6104 40.6507 74.5223 40.9692L46.5764 48.931C46.3376 48.9841 46.0987 49.0106 45.8333 49.0106ZM34.5011 38.8461L46.0191 43.5435L65.6847 37.9437L54.1667 33.2463L34.5011 38.8461Z" fill="white"/>
+<path d="M45.8333 74.1698C45.4883 74.1698 45.1433 74.1168 44.8248 73.9841L25.3715 66.0223C24.3365 65.5977 23.673 64.5361 23.7261 63.4214C23.7792 62.2802 24.5488 61.3248 25.6369 61.0064L53.5828 53.0446C54.1667 52.8853 54.7505 52.9119 55.3079 53.1507L74.7612 61.1125C75.7962 61.5372 76.4597 62.5987 76.4066 63.7134C76.3535 64.8546 75.5839 65.81 74.4958 66.1284L46.5499 74.0902C46.3376 74.1433 46.0987 74.1698 45.8333 74.1698ZM34.5011 64.0053L46.0191 68.7028L65.6847 63.103L54.1667 58.4055L34.5011 64.0053Z" fill="white"/>
+<path d="M26.4597 66.1285C25 66.1285 23.8057 64.9342 23.8057 63.4745V38.3153C23.8057 36.8556 25 35.6614 26.4597 35.6614C27.9193 35.6614 29.1136 36.8556 29.1136 38.3153V63.4745C29.1136 64.9342 27.9193 66.1285 26.4597 66.1285Z" fill="white"/>
+<path d="M45.9395 74.1433C44.4799 74.1433 43.2856 72.949 43.2856 71.4894V46.3301C43.2856 44.8705 44.4799 43.6762 45.9395 43.6762C47.3992 43.6762 48.5934 44.8705 48.5934 46.3301V71.4894C48.5934 72.949 47.3992 74.1433 45.9395 74.1433Z" fill="white"/>
+<path d="M54.4055 57.7421C52.9459 57.7421 51.7516 56.5478 51.7516 55.0881V30.4862C51.7516 29.0265 52.9459 27.8323 54.4055 27.8323C55.8652 27.8323 57.0594 29.0265 57.0594 30.4862V55.0881C57.0594 56.5478 55.8652 57.7421 54.4055 57.7421Z" fill="white"/>
+<path d="M73.8854 66.1285C72.4257 66.1285 71.2314 64.9342 71.2314 63.4745V38.8726C71.2314 37.413 72.4257 36.2187 73.8854 36.2187C75.345 36.2187 76.5393 37.413 76.5393 38.8726V63.4745C76.5393 64.9342 75.345 66.1285 73.8854 66.1285Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/beatmaps.svg b/early/.config/eww/images/svg/dark/beatmaps.svg
new file mode 100755
index 000000000..34aca1b69
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/beatmaps.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7375 27.0672C49.7375 22.2087 55.5763 19.7364 59.0652 23.1177L64.1858 28.0804C65.5739 29.4257 65.6086 31.6415 64.2633 33.0296C62.9181 34.4176 60.7023 34.4523 59.3142 33.1071L56.7375 30.6098V54.0937C56.7375 56.0267 55.1705 57.5937 53.2375 57.5937C51.3045 57.5937 49.7375 56.0267 49.7375 54.0937V27.0672Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M47.9008 55.8953C48.8125 55.8953 49.5516 55.1562 49.5516 54.2445C49.5516 53.3328 48.8125 52.5938 47.9008 52.5938C46.9891 52.5938 46.25 53.3328 46.25 54.2445C46.25 55.1562 46.9891 55.8953 47.9008 55.8953ZM47.9008 62.8953C52.6785 62.8953 56.5516 59.0222 56.5516 54.2445C56.5516 49.4668 52.6785 45.5938 47.9008 45.5938C43.1231 45.5938 39.25 49.4668 39.25 54.2445C39.25 59.0222 43.1231 62.8953 47.9008 62.8953Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.3186 33.2126C47.6854 34.5795 47.6854 36.7955 46.3186 38.1624L31.9479 52.5331C31.3621 53.1189 31.3621 54.0686 31.9479 54.6544L48.9393 71.6458C49.5251 72.2316 50.4748 72.2316 51.0606 71.6458L68.0521 54.6544C68.6379 54.0686 68.6379 53.1189 68.0521 52.5331L59.8376 44.3186C58.4708 42.9518 58.4708 40.7357 59.8376 39.3689C61.2044 38.002 63.4205 38.002 64.7873 39.3689L73.0018 47.5833C76.3213 50.9028 76.3213 56.2847 73.0018 59.6042L56.0104 76.5956C52.6909 79.915 47.309 79.915 43.9896 76.5956L26.9981 59.6042C23.6787 56.2847 23.6787 50.9028 26.9981 47.5833L41.3689 33.2126C42.7357 31.8458 44.9518 31.8458 46.3186 33.2126Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/bluetooth.svg b/early/.config/eww/images/svg/dark/bluetooth.svg
new file mode 100755
index 000000000..3320f9394
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/bluetooth.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m11.698 12.974 2.682 2.237-2.876 3.117v-5.193l.194-.161Zm1.171-.976 3.077-2.564a.75.75 0 0 0 .071-1.085l-4.711-5.104a.75.75 0 0 0-1.302.508v5.855l-1.12-.934a.75.75 0 1 0-.96 1.152l2.08 1.735v.871l-2.08 1.734a.75.75 0 0 0 .96 1.152l1.12-.934v5.863a.75.75 0 0 0 1.302.508l4.711-5.106a.75.75 0 0 0-.07-1.085l-3.078-2.566Zm-1.17-.977-.195-.162V5.672l2.876 3.115-2.682 2.234Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/bluetoothfalse.svg b/early/.config/eww/images/svg/dark/bluetoothfalse.svg
new file mode 100755
index 000000000..50742113a
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/bluetoothfalse.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.28 2.22a.75.75 0 1 0-1.06 1.06L10 11.06v.498l.004.003v.871l-2.08 1.734a.75.75 0 0 0 .96 1.152l1.12-.934v5.863a.75.75 0 0 0 1.302.508l4.025-4.363 5.388 5.389a.75.75 0 0 0 1.061-1.061L3.28 2.22Zm8.222 10.343 2.768 2.768-2.766 2.997v-5.193l-.002-.572ZM15.946 9.434l-1.816 1.514-1.066-1.065 1.316-1.096-2.876-3.115v2.65l-1.5-1.5V3.754a.75.75 0 0 1 1.302-.508l4.711 5.104a.75.75 0 0 1-.07 1.085Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/bluetoothtrue.svg b/early/.config/eww/images/svg/dark/bluetoothtrue.svg
new file mode 100755
index 000000000..a13c122a6
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/bluetoothtrue.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.004 9.608V3.753c0-.646.752-.974 1.225-.58l.076.072 4.712 5.104a.75.75 0 0 1 .005 1.012l-.076.073-3.077 2.564 3.077 2.566a.75.75 0 0 1 .137 1.002l-.066.083-4.711 5.106c-.44.476-1.214.207-1.295-.404l-.007-.104v-5.863l-1.12.934a.75.75 0 0 1-1.04-1.075l.08-.077 2.08-1.734v-.87l-2.08-1.736a.75.75 0 0 1 .87-1.217l.09.065 1.12.934V3.753v5.855Zm1.694 3.366-.194.16v5.194l2.876-3.117-2.682-2.237ZM17 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2ZM6 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm5.504-5.328v5.187l.194.162 2.682-2.234-2.876-3.115Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/bright0.svg b/early/.config/eww/images/svg/dark/bright0.svg
new file mode 100755
index 000000000..5a4b54eaf
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/bright0.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/brightness.svg b/early/.config/eww/images/svg/dark/brightness.svg
new file mode 100755
index 000000000..7c9ded244
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/brightness.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M11.996 19.01a.75.75 0 0 1 .743.649l.007.102v1.5a.75.75 0 0 1-1.493.101l-.007-.101v-1.5a.75.75 0 0 1 .75-.75Zm6.022-2.072 1.06 1.06a.75.75 0 1 1-1.06 1.061l-1.06-1.06a.75.75 0 0 1 1.06-1.061Zm-10.983 0a.75.75 0 0 1 0 1.06L5.974 19.06a.75.75 0 0 1-1.06-1.06l1.06-1.061a.75.75 0 0 1 1.06 0ZM12 6.475a5.525 5.525 0 1 1 0 11.05 5.525 5.525 0 0 1 0-11.05Zm0 1.5a4.025 4.025 0 1 0 0 8.05 4.025 4.025 0 0 0 0-8.05Zm9.25 3.293a.75.75 0 0 1 .102 1.493l-.102.007h-1.5a.75.75 0 0 1-.102-1.493l.102-.007h1.5Zm-17-.029a.75.75 0 0 1 .102 1.494l-.102.006h-1.5a.75.75 0 0 1-.102-1.493l.102-.007h1.5Zm1.64-6.37.084.072 1.06 1.06a.75.75 0 0 1-.976 1.134l-.084-.073-1.06-1.06a.75.75 0 0 1 .976-1.134Zm13.188.072a.75.75 0 0 1 .073.977l-.073.084-1.06 1.06a.75.75 0 0 1-1.133-.976l.072-.084 1.06-1.061a.75.75 0 0 1 1.061 0ZM12 1.99a.75.75 0 0 1 .743.648l.007.102v1.5a.75.75 0 0 1-1.493.101l-.007-.102v-1.5a.75.75 0 0 1 .75-.75Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/calculator.svg b/early/.config/eww/images/svg/dark/calculator.svg
new file mode 100755
index 000000000..0a8f53dd1
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/calculator.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7 7a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2V7Zm2-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-.5-.5H9Zm-.75 8a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm1.25 2.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm6.25-2.75a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM17 17.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm-5-2.75a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm1.25 2.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM7.25 2A3.25 3.25 0 0 0 4 5.25v13.5A3.25 3.25 0 0 0 7.25 22h9.5A3.25 3.25 0 0 0 20 18.75V5.25A3.25 3.25 0 0 0 16.75 2h-9.5ZM5.5 5.25c0-.966.784-1.75 1.75-1.75h9.5c.966 0 1.75.784 1.75 1.75v13.5a1.75 1.75 0 0 1-1.75 1.75h-9.5a1.75 1.75 0 0 1-1.75-1.75V5.25Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/caretdown.svg b/early/.config/eww/images/svg/dark/caretdown.svg
new file mode 100755
index 000000000..75b3c59f0
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/caretdown.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.102 8c-1.074 0-1.648 1.265-.94 2.073l5.521 6.31a1.75 1.75 0 0 0 2.634 0l5.522-6.31c.707-.808.133-2.073-.94-2.073H6.101Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/caretup.svg b/early/.config/eww/images/svg/dark/caretup.svg
new file mode 100755
index 000000000..aecea9e57
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/caretup.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.102 16.981c-1.074 0-1.648-1.265-.94-2.073l5.521-6.31a1.75 1.75 0 0 1 2.634 0l5.522 6.31c.707.809.133 2.073-.94 2.073H6.101Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/changelog.svg b/early/.config/eww/images/svg/dark/changelog.svg
new file mode 100755
index 000000000..4d610ba10
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/changelog.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0471 9.31178C70.2488 9.31178 75.0789 12.1005 77.6798 16.6155L92.7275 42.6963C95.3284 47.2113 95.3284 52.7887 92.7275 57.3037L77.6798 83.3845C75.0789 87.8995 70.2488 90.6882 65.0471 90.6882H34.9515C29.7498 90.6882 24.9197 87.8995 22.3188 83.3845L7.27104 57.3037C4.67019 52.7887 4.67019 47.2113 7.27104 42.6963L22.3188 16.6155C24.9197 12.1005 29.7498 9.31178 34.9515 9.31178H65.0471ZM65.0471 4H34.9515C27.839 4 21.2572 7.79792 17.701 13.9596L2.6532 40.0404C-0.903062 46.2021 -0.903062 53.7979 2.6532 59.9596L17.701 86.0404C21.2572 92.2021 27.839 96 34.9515 96H65.0471C72.1596 96 78.7413 92.2021 82.2976 86.0404L97.3454 59.9596C100.902 53.7979 100.902 46.2021 97.3454 40.0404L82.2711 13.9596C78.7413 7.79792 72.1596 4 65.0471 4Z" fill="white"/>
+<path d="M43.0733 72.0439C42.4098 72.0439 41.7198 71.8845 41.0828 71.5127L28.0786 63.9965C25.2389 62.3499 23.4607 59.2956 23.4607 56.0023V43.9977C23.4607 40.7044 25.2389 37.6501 28.0786 36.0035L41.0828 28.4873C42.9936 27.3984 45.4087 28.0358 46.5234 29.948C47.6115 31.8603 46.9745 34.2771 45.0637 35.3926L32.0595 42.9088C31.6614 43.1212 31.4225 43.5462 31.4225 43.9977V56.0023C31.4225 56.4538 31.6614 56.8788 32.0595 57.0912L45.0637 64.6074C46.9745 65.6963 47.6115 68.1397 46.5234 70.052C45.8068 71.3268 44.4533 72.0439 43.0733 72.0439Z" fill="white"/>
+<path d="M56.9002 72.0439C55.5202 72.0439 54.1932 71.3268 53.4501 70.052C52.362 68.1397 52.9989 65.7229 54.9098 64.6074L67.914 57.0912C68.3121 56.8788 68.5509 56.4538 68.5509 56.0023V43.9977C68.5509 43.5462 68.3121 43.1212 67.914 42.9088L54.9098 35.3926C52.9989 34.3037 52.362 31.8603 53.4501 29.948C54.5382 28.0358 56.9798 27.3984 58.8907 28.4873L71.8949 36.0035C74.7346 37.6501 76.5127 40.7044 76.5127 43.9977V56.0023C76.5127 59.2956 74.7346 62.3499 71.8949 63.9965L58.8907 71.5127C58.2803 71.8845 57.5902 72.0439 56.9002 72.0439Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/chat.svg b/early/.config/eww/images/svg/dark/chat.svg
new file mode 100755
index 000000000..c0b632db2
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/chat.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0482 9.31178C70.2499 9.31178 75.08 12.1005 77.6809 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6809 83.3845C75.08 87.8995 70.2499 90.6882 65.0482 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27215 57.3037C4.6713 52.7887 4.6713 47.2113 7.27215 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0482ZM65.0482 4H34.9526C27.8401 4 21.2584 7.79792 17.7021 13.9596L2.65432 40.0404C-0.901944 46.2021 -0.901944 53.7979 2.65432 59.9596L17.7021 86.0404C21.2584 92.2021 27.8401 96 34.9526 96H65.0482C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3465 59.9596C100.903 53.7979 100.903 46.2021 97.3465 40.0404L82.2722 13.9596C78.7424 7.79792 72.1607 4 65.0482 4Z" fill="white"/>
+<g clip-path="url(#clip1)">
+<path d="M46.9436 72C44.9758 72 43.3872 70.4427 43.3872 68.5136C43.3872 67.7233 43.6718 66.9331 44.1697 66.3288L51.0453 57.9614C53.108 55.428 56.2376 53.9637 59.5332 53.987H64.3224C65.176 53.987 65.8635 53.2897 65.8635 52.4529L65.8161 39.4836C65.8161 38.6468 65.1286 37.9728 64.275 37.9728H36.725C35.8714 37.9728 35.1839 38.6468 35.1602 39.4836L35.1128 52.4065C35.1128 52.8248 35.2787 53.1967 35.5632 53.4989C35.8714 53.7778 36.2508 53.9405 36.6776 53.9405L40.2576 53.894H40.3051C42.2729 53.894 43.8614 55.428 43.8851 57.3571C43.9089 59.2863 42.3203 60.8435 40.3525 60.8668L36.7724 60.89C31.9831 60.9597 28.0711 57.1944 28 52.4994C28 52.4529 28 52.4065 28 52.36L28.0474 39.4371C28.0711 34.7885 31.9594 31 36.725 31H64.2987C69.0643 31 72.9289 34.7885 72.9526 39.4603L73 52.4297C73.0237 57.1247 69.1591 60.9365 64.3699 60.9597H64.3462H59.5569C58.4189 60.9597 57.3282 61.4711 56.617 62.3543L49.7413 70.7216C49.0537 71.5351 48.0342 72.0232 46.9436 72Z" fill="white"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+<clipPath id="clip1">
+<rect width="45" height="41" fill="white" transform="translate(28 31)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/checkbox.svg b/early/.config/eww/images/svg/dark/checkbox.svg
new file mode 100755
index 000000000..dde43be39
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/checkbox.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.25 3A3.25 3.25 0 0 0 3 6.25v11.5A3.25 3.25 0 0 0 6.25 21h11.5A3.25 3.25 0 0 0 21 17.75V6.25A3.25 3.25 0 0 0 17.75 3H6.25Zm10.03 6.78-5 5a.75.75 0 0 1-1.06 0l-2.004-2.004a.75.75 0 1 1 1.06-1.06l1.474 1.473 4.47-4.47a.75.75 0 1 1 1.06 1.061Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/checkbox_no.svg b/early/.config/eww/images/svg/dark/checkbox_no.svg
new file mode 100755
index 000000000..773954a56
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/checkbox_no.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6 3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3Zm0 2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H6Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/cog.svg b/early/.config/eww/images/svg/dark/cog.svg
new file mode 100755
index 000000000..fd8990e30
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/cog.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.012 2.25c.734.008 1.465.093 2.182.253a.75.75 0 0 1 .582.649l.17 1.527a1.384 1.384 0 0 0 1.927 1.116l1.401-.615a.75.75 0 0 1 .85.174 9.792 9.792 0 0 1 2.204 3.792.75.75 0 0 1-.271.825l-1.242.916a1.381 1.381 0 0 0 0 2.226l1.243.915a.75.75 0 0 1 .272.826 9.797 9.797 0 0 1-2.204 3.792.75.75 0 0 1-.848.175l-1.407-.617a1.38 1.38 0 0 0-1.926 1.114l-.169 1.526a.75.75 0 0 1-.572.647 9.518 9.518 0 0 1-4.406 0 .75.75 0 0 1-.572-.647l-.168-1.524a1.382 1.382 0 0 0-1.926-1.11l-1.406.616a.75.75 0 0 1-.849-.175 9.798 9.798 0 0 1-2.204-3.796.75.75 0 0 1 .272-.826l1.243-.916a1.38 1.38 0 0 0 0-2.226l-1.243-.914a.75.75 0 0 1-.271-.826 9.793 9.793 0 0 1 2.204-3.792.75.75 0 0 1 .85-.174l1.4.615a1.387 1.387 0 0 0 1.93-1.118l.17-1.526a.75.75 0 0 1 .583-.65c.717-.159 1.45-.243 2.201-.252Zm0 1.5a9.135 9.135 0 0 0-1.354.117l-.109.977A2.886 2.886 0 0 1 6.525 7.17l-.898-.394a8.293 8.293 0 0 0-1.348 2.317l.798.587a2.881 2.881 0 0 1 0 4.643l-.799.588c.32.842.776 1.626 1.348 2.322l.905-.397a2.882 2.882 0 0 1 4.017 2.318l.11.984c.889.15 1.798.15 2.687 0l.11-.984a2.881 2.881 0 0 1 4.018-2.322l.905.396a8.296 8.296 0 0 0 1.347-2.318l-.798-.588a2.881 2.881 0 0 1 0-4.643l.796-.587a8.293 8.293 0 0 0-1.348-2.317l-.896.393a2.884 2.884 0 0 1-4.023-2.324l-.11-.976a8.988 8.988 0 0 0-1.333-.117ZM12 8.25a3.75 3.75 0 1 1 0 7.5 3.75 3.75 0 0 1 0-7.5Zm0 1.5a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/color.scss b/early/.config/eww/images/svg/dark/color.scss
new file mode 100755
index 000000000..e96f7e758
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/color.scss
@@ -0,0 +1 @@
+$colorbar: white;
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/color.txt b/early/.config/eww/images/svg/dark/color.txt
new file mode 100755
index 000000000..65c27486f
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/color.txt
@@ -0,0 +1 @@
+white
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/contests.svg b/early/.config/eww/images/svg/dark/contests.svg
new file mode 100755
index 000000000..ee97f1e25
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/contests.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0478 9.30786C70.2495 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.3291 47.1794 95.3291 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2495 90.6242 65.0478 90.6242H34.9522C29.7505 90.6242 24.9204 87.8376 22.3195 83.3259L7.27175 57.2643C4.67091 52.7527 4.67091 47.1794 7.27175 42.6677L22.3195 16.6062C24.9204 12.0945 29.7505 9.30786 34.9522 9.30786H65.0478ZM65.0478 4H34.9522C27.8397 4 21.258 7.79512 17.7017 13.9522L2.65392 40.0138C-0.902341 46.1709 -0.902341 53.7611 2.65392 59.9183L17.7017 85.9798C21.258 92.1369 27.8397 95.9321 34.9522 95.9321H65.0478C72.1603 95.9321 78.742 92.1369 82.2983 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1603 4 65.0478 4Z" fill="white"/>
+<path d="M50 76.7707C47.7972 76.7707 46.0191 74.9925 46.0191 72.7898V53.9469C46.0191 51.7441 47.7972 49.966 50 49.966C52.2028 49.966 53.9809 51.7441 53.9809 53.9469V72.7898C53.9809 74.9925 52.2028 76.7707 50 76.7707Z" fill="white"/>
+<path d="M36.7304 71.9936C34.5276 71.9936 32.7495 70.2155 32.7495 68.0127V61.1125C32.7495 58.9098 34.5276 57.1316 36.7304 57.1316C38.9331 57.1316 40.7113 58.9098 40.7113 61.1125V68.0127C40.7113 70.2155 38.9331 71.9936 36.7304 71.9936Z" fill="white"/>
+<path d="M36.7304 51.8238C36.5977 51.8238 36.465 51.8238 36.3323 51.7973C36.1996 51.7973 36.0669 51.7707 35.9342 51.7442C35.8015 51.7176 35.6688 51.6911 35.5626 51.638C35.4299 51.5849 35.3238 51.5584 35.1911 51.5053C35.0849 51.4522 34.9522 51.3992 34.8461 51.3461C34.7399 51.293 34.6072 51.2134 34.5011 51.1338C34.3949 51.0542 34.2887 50.9745 34.1826 50.8949C34.0764 50.8153 33.9703 50.7091 33.8906 50.6295C33.811 50.5234 33.7049 50.4438 33.6253 50.3376C33.5456 50.2314 33.466 50.1253 33.3864 50.0191C33.3068 49.913 33.2537 49.8068 33.1741 49.6741C33.121 49.568 33.0679 49.4353 33.0149 49.3291C32.9618 49.223 32.9087 49.0903 32.8822 48.9576C32.8556 48.8249 32.8025 48.6922 32.776 48.586C32.7495 48.4533 32.7229 48.3206 32.7229 48.2145C32.6964 48.0818 32.6964 47.9491 32.6964 47.8164C32.6964 47.6837 32.6964 47.551 32.7229 47.4183C32.7229 47.2856 32.7495 47.1529 32.776 47.0202C32.8025 46.8875 32.8291 46.7548 32.8822 46.6486C32.9087 46.5159 32.9618 46.4098 33.0149 46.2771C33.0679 46.1709 33.121 46.0382 33.1741 45.9321C33.2272 45.8259 33.3068 45.6932 33.3864 45.5871C33.466 45.4809 33.5456 45.3748 33.6253 45.2686C33.7049 45.1624 33.7845 45.0563 33.8906 44.9767C33.9968 44.897 34.0764 44.7909 34.1826 44.7113C34.2887 44.6317 34.3949 44.552 34.5011 44.4724C34.6072 44.3928 34.7134 44.3397 34.8461 44.2601C34.9522 44.207 35.0849 44.1539 35.1911 44.1009C35.3238 44.0478 35.4299 43.9947 35.5626 43.9682C35.6953 43.9416 35.828 43.8886 35.9342 43.862C36.0669 43.8355 36.1996 43.8089 36.3323 43.8089C36.5977 43.7824 36.8631 43.7824 37.1019 43.8089C37.2346 43.8089 37.3673 43.8355 37.5 43.862C37.6327 43.8886 37.7654 43.9151 37.8715 43.9682C38.0042 43.9947 38.1104 44.0478 38.2431 44.1009C38.3758 44.1539 38.4819 44.207 38.5881 44.2601C38.6943 44.3132 38.827 44.3928 38.9331 44.4724C39.0393 44.552 39.1454 44.6317 39.2516 44.7113C39.3577 44.7909 39.4639 44.8705 39.5435 44.9767C39.6231 45.0828 39.7293 45.1624 39.8089 45.2686C39.8885 45.3748 39.9681 45.4809 40.0478 45.5871C40.1274 45.6932 40.1805 45.7994 40.2601 45.9321C40.3132 46.0382 40.3662 46.1709 40.4193 46.2771C40.4724 46.4098 40.4989 46.5159 40.552 46.6486C40.5786 46.7813 40.6316 46.914 40.6582 47.0202C40.6847 47.1529 40.7112 47.2856 40.7112 47.4183C40.7378 47.551 40.7378 47.6837 40.7378 47.8164C40.7378 47.9491 40.7378 48.0818 40.7112 48.2145C40.7112 48.3472 40.6847 48.4799 40.6582 48.586C40.6316 48.7187 40.6051 48.8514 40.552 48.9576C40.4989 49.0903 40.4724 49.1964 40.4193 49.3291C40.3662 49.4618 40.3132 49.568 40.2601 49.6741C40.207 49.7803 40.1274 49.913 40.0478 50.0191C39.9681 50.1253 39.8885 50.2314 39.8089 50.3376C39.7293 50.4438 39.6231 50.5499 39.5435 50.6295C39.4374 50.7091 39.3577 50.8153 39.2516 50.8949C39.1454 50.9745 39.0393 51.0542 38.9331 51.1338C38.827 51.2134 38.7208 51.2665 38.5881 51.3461C38.4819 51.3992 38.3493 51.4522 38.2431 51.5053C38.1369 51.5584 38.0042 51.5849 37.8715 51.638C37.7388 51.6646 37.6327 51.7176 37.5 51.7442C37.3673 51.7707 37.2346 51.7973 37.1019 51.7973C36.9957 51.8238 36.863 51.8238 36.7304 51.8238Z" fill="white"/>
+<path d="M63.2696 71.9936C61.0669 71.9936 59.2887 70.2155 59.2887 68.0127V61.1125C59.2887 58.9098 61.0669 57.1316 63.2696 57.1316C65.4724 57.1316 67.2505 58.9098 67.2505 61.1125V68.0127C67.2505 70.2155 65.4724 71.9936 63.2696 71.9936Z" fill="white"/>
+<path d="M63.2696 51.8238C63.1369 51.8238 63.0043 51.8238 62.8716 51.7973C62.7389 51.7973 62.6062 51.7707 62.4735 51.7442C62.3408 51.7176 62.2081 51.6911 62.1019 51.638C61.9692 51.5849 61.8631 51.5584 61.7304 51.5053C61.6242 51.4522 61.4915 51.3992 61.3854 51.3461C61.2792 51.293 61.1465 51.2134 61.0403 51.1338C60.9342 51.0542 60.828 50.9745 60.7219 50.8949C60.6157 50.8153 60.5096 50.7091 60.4299 50.6295C60.3503 50.5234 60.2442 50.4438 60.1645 50.3376C60.0849 50.2314 60.0053 50.1253 59.9257 50.0191C59.8461 49.913 59.793 49.8068 59.7134 49.6741C59.6603 49.568 59.6072 49.4353 59.5541 49.3291C59.5011 49.223 59.448 49.0903 59.4214 48.9576C59.3949 48.8249 59.3418 48.6922 59.3153 48.586C59.2888 48.4533 59.2622 48.3206 59.2622 48.2145C59.2622 48.0818 59.2357 47.9491 59.2357 47.8164C59.2357 47.6837 59.2357 47.551 59.2622 47.4183C59.2622 47.2856 59.2888 47.1529 59.3153 47.0202C59.3418 46.8875 59.3684 46.7548 59.4214 46.6486C59.448 46.5159 59.5011 46.4098 59.5541 46.2771C59.6072 46.1709 59.6603 46.0382 59.7134 45.9321C59.7665 45.8259 59.8461 45.6932 59.9257 45.5871C60.0053 45.4809 60.0849 45.3748 60.1645 45.2686C60.2442 45.1624 60.3238 45.0563 60.4299 44.9767C60.5361 44.897 60.6157 44.7909 60.7219 44.7113C60.828 44.6317 60.9342 44.552 61.0403 44.4724C61.1465 44.3928 61.2527 44.3397 61.3854 44.2601C61.4915 44.207 61.6242 44.1539 61.7304 44.1009C61.8631 44.0478 61.9692 43.9947 62.1019 43.9682C62.2346 43.9416 62.3673 43.8886 62.4735 43.862C62.6062 43.8355 62.7389 43.8089 62.8716 43.8089C63.1369 43.7824 63.4023 43.7824 63.6677 43.8089C63.8004 43.8089 63.9331 43.8355 64.0393 43.862C64.172 43.8886 64.3047 43.9151 64.4108 43.9682C64.5435 43.9947 64.6497 44.0478 64.7824 44.1009C64.9151 44.1539 65.0212 44.207 65.1274 44.2601C65.2336 44.3132 65.3663 44.3928 65.4724 44.4724C65.5786 44.552 65.6847 44.6317 65.7909 44.7113C65.897 44.7909 66.0032 44.8705 66.0828 44.9767C66.1624 45.0828 66.2686 45.1624 66.3482 45.2686C66.4278 45.3748 66.5074 45.4809 66.5871 45.5871C66.6667 45.6932 66.7198 45.7994 66.7994 45.9321C66.8525 46.0382 66.9055 46.1709 66.9586 46.2771C67.0117 46.4098 67.0382 46.5159 67.0913 46.6486C67.1178 46.7813 67.1709 46.914 67.1975 47.0202C67.224 47.1529 67.2505 47.2856 67.2505 47.4183C67.2771 47.551 67.2771 47.6837 67.2771 47.8164C67.2771 47.9491 67.2771 48.0818 67.2505 48.2145C67.2505 48.3472 67.224 48.4799 67.1975 48.586C67.1709 48.7187 67.1444 48.8514 67.0913 48.9576C67.0382 49.0903 67.0117 49.1964 66.9586 49.3291C66.9055 49.4618 66.8525 49.568 66.7994 49.6741C66.7463 49.7803 66.6667 49.913 66.5871 50.0191C66.5074 50.1253 66.4278 50.2314 66.3482 50.3376C66.2686 50.4438 66.1624 50.5499 66.0828 50.6295C65.9767 50.7091 65.897 50.8153 65.7909 50.8949C65.6847 50.9745 65.5786 51.0542 65.4724 51.1338C65.3663 51.2134 65.2601 51.2665 65.1274 51.3461C65.0212 51.3992 64.8885 51.4522 64.7824 51.5053C64.6762 51.5584 64.5435 51.5849 64.4108 51.638C64.2781 51.6646 64.172 51.7176 64.0393 51.7442C63.9066 51.7707 63.7739 51.7973 63.6677 51.7973C63.535 51.8238 63.4023 51.8238 63.2696 51.8238Z" fill="white"/>
+<path d="M50 44.7909C44.1348 44.7909 39.3843 40.0403 39.3843 34.1752C39.3843 28.31 44.1348 23.5594 50 23.5594C55.8652 23.5594 60.6157 28.31 60.6157 34.1752C60.6157 40.0403 55.8652 44.7909 50 44.7909ZM50 31.5212C48.5403 31.5212 47.3461 32.7155 47.3461 34.1752C47.3461 35.6348 48.5403 36.8291 50 36.8291C51.4597 36.8291 52.6539 35.6348 52.6539 34.1752C52.6539 32.7155 51.4597 31.5212 50 31.5212Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/copy.svg b/early/.config/eww/images/svg/dark/copy.svg
new file mode 100755
index 000000000..dfc96f75f
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/copy.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5.503 4.627 5.5 6.75v10.504a3.25 3.25 0 0 0 3.25 3.25h8.616a2.251 2.251 0 0 1-2.122 1.5H8.75A4.75 4.75 0 0 1 4 17.254V6.75c0-.98.627-1.815 1.503-2.123ZM17.75 2A2.25 2.25 0 0 1 20 4.25v13a2.25 2.25 0 0 1-2.25 2.25h-9a2.25 2.25 0 0 1-2.25-2.25v-13A2.25 2.25 0 0 1 8.75 2h9Zm0 1.5h-9a.75.75 0 0 0-.75.75v13c0 .414.336.75.75.75h9a.75.75 0 0 0 .75-.75v-13a.75.75 0 0 0-.75-.75Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/downarrow.svg b/early/.config/eww/images/svg/dark/downarrow.svg
new file mode 100755
index 000000000..8007c824d
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/downarrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.293 8.293a1 1 0 0 1 1.414 0L12 14.586l6.293-6.293a1 1 0 1 1 1.414 1.414l-7 7a1 1 0 0 1-1.414 0l-7-7a1 1 0 0 1 0-1.414Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/folderopen.svg b/early/.config/eww/images/svg/dark/folderopen.svg
new file mode 100755
index 000000000..7a13e37ce
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/folderopen.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 9.502V8.75a2.25 2.25 0 0 0-2.25-2.25h-5.725l-2.38-1.98A2.25 2.25 0 0 0 8.204 4H4.25A2.25 2.25 0 0 0 2 6.25l-.004 11.5A2.25 2.25 0 0 0 4.246 20H18.47a1.75 1.75 0 0 0 1.698-1.325l1.75-6.998a1.75 1.75 0 0 0-1.698-2.175H20ZM4.25 5.5h3.956a.75.75 0 0 1 .48.173l2.588 2.154a.75.75 0 0 0 .48.173h5.996a.75.75 0 0 1 .75.75v.752H6.424a2.25 2.25 0 0 0-2.183 1.704l-.744 2.978L3.5 6.25a.75.75 0 0 1 .75-.75Zm1.447 6.07a.75.75 0 0 1 .727-.568H20.22a.25.25 0 0 1 .242.31l-1.75 6.999a.25.25 0 0 1-.242.189H4.285a.25.25 0 0 1-.243-.31l1.655-6.62Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/forum.svg b/early/.config/eww/images/svg/dark/forum.svg
new file mode 100755
index 000000000..d498ef84e
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/forum.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.28849C70.2493 9.28849 75.0795 12.0649 77.6803 16.5602L92.7281 42.5266C95.3289 47.0219 95.3289 52.5748 92.7281 57.07L77.6803 83.0365C75.0795 87.5317 70.2493 90.3082 65.0476 90.3082H34.9521C29.7504 90.3082 24.9203 87.5317 22.3194 83.0365L7.27165 57.07C4.6708 52.5748 4.6708 47.0219 7.27165 42.5266L22.3194 16.5602C24.9203 12.0649 29.7504 9.28849 34.9521 9.28849H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.78127 17.7016 13.9159L2.65381 39.8824C-0.902448 46.0171 -0.902448 53.5796 2.65381 59.7142L17.7016 85.6807C21.2578 91.8154 27.8396 95.5966 34.9521 95.5966H65.0476C72.1602 95.5966 78.7419 91.8154 82.2982 85.6807L97.3459 59.7142C100.902 53.5796 100.902 46.0171 97.3459 39.8824L82.2716 13.9159C78.7419 7.78127 72.1602 4 65.0476 4Z" fill="white"/>
+<path d="M66.9851 40.8079C69.1837 40.8079 70.966 39.0321 70.966 36.8415C70.966 34.651 69.1837 32.8752 66.9851 32.8752C64.7865 32.8752 63.0042 34.651 63.0042 36.8415C63.0042 39.0321 64.7865 40.8079 66.9851 40.8079Z" fill="white"/>
+<path d="M51.327 40.8079H34.6072C32.4045 40.8079 30.6263 39.0362 30.6263 36.8415C30.6263 34.6468 32.4045 32.8752 34.6072 32.8752H51.327C53.5297 32.8752 55.3079 34.6468 55.3079 36.8415C55.3079 39.0362 53.5297 40.8079 51.327 40.8079Z" fill="white"/>
+<path d="M66.9851 67.2503C69.1837 67.2503 70.966 65.4745 70.966 63.284C70.966 61.0934 69.1837 59.3176 66.9851 59.3176C64.7865 59.3176 63.0042 61.0934 63.0042 63.284C63.0042 65.4745 64.7865 67.2503 66.9851 67.2503Z" fill="white"/>
+<path d="M51.327 67.2503H34.6072C32.4045 67.2503 30.6263 65.4787 30.6263 63.284C30.6263 61.0892 32.4045 59.3176 34.6072 59.3176H51.327C53.5297 59.3176 55.3079 61.0892 55.3079 63.284C55.3079 65.4787 53.5297 67.2503 51.327 67.2503Z" fill="white"/>
+<path d="M34.8726 54.0291C37.0712 54.0291 38.8535 52.2533 38.8535 50.0627C38.8535 47.8722 37.0712 46.0964 34.8726 46.0964C32.674 46.0964 30.8917 47.8722 30.8917 50.0627C30.8917 52.2533 32.674 54.0291 34.8726 54.0291Z" fill="white"/>
+<path d="M67.2505 54.0291H50.5308C48.328 54.0291 46.5499 52.2575 46.5499 50.0627C46.5499 47.868 48.328 46.0964 50.5308 46.0964H67.2505C69.4533 46.0964 71.2314 47.868 71.2314 50.0627C71.2314 52.2575 69.4533 54.0291 67.2505 54.0291Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.5966" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/graph.svg b/early/.config/eww/images/svg/dark/graph.svg
new file mode 100755
index 000000000..dce5d1733
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/graph.svg
@@ -0,0 +1,16 @@
+<svg width="1920" height="1080">
+  <circle cx="225" cy="350" r="40" stroke="white" stroke-width="3" fill="none" />
+  <circle cx="525" cy="250" r="40" stroke="white" stroke-width="3" fill="none" />
+  <circle cx="825" cy="350" r="40" stroke="white" stroke-width="3" fill="none" />
+  <circle cx="1125" cy="250" r="40" stroke="white" stroke-width="3" fill="none" />
+  <line x1="225" y1="350" x2="525" y2="250" stroke="white" stroke-width="3" 
+    stroke-linecap="round"/>
+  <line x1="525" y1="250" x2="825" y2="350" stroke="white" stroke-width="3" 
+    stroke-linecap="round"/>
+  <line x1="825" y1="350" x2="1125" y2="250" stroke="white" stroke-width="3" 
+    stroke-linecap="round"/>
+  <circle cx="225" cy="350" r="20" stroke="white" stroke-width="3" fill="white" />
+  <circle cx="525" cy="250" r="20" stroke="white" stroke-width="3" fill="white" />
+  <circle cx="825" cy="350" r="20" stroke="white" stroke-width="3" fill="white" />
+  <circle cx="1125" cy="250" r="20" stroke="white" stroke-width="3" fill="white" />
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/home.svg b/early/.config/eww/images/svg/dark/home.svg
new file mode 100755
index 000000000..83014e4d2
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/home.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0478 9.30786C70.2495 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.3291 47.1794 95.3291 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2495 90.6242 65.0478 90.6242H34.9522C29.7505 90.6242 24.9204 87.8376 22.3195 83.3259L7.27175 57.2643C4.67091 52.7527 4.67091 47.1794 7.27175 42.6677L22.3195 16.6062C24.9204 12.0945 29.7505 9.30786 34.9522 9.30786H65.0478ZM65.0478 4H34.9522C27.8397 4 21.258 7.79512 17.7017 13.9522L2.65392 40.0138C-0.902341 46.1709 -0.902341 53.7611 2.65392 59.9183L17.7017 85.9798C21.258 92.1369 27.8397 95.9321 34.9522 95.9321H65.0478C72.1603 95.9321 78.742 92.1369 82.2983 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1603 4 65.0478 4Z" fill="white"/>
+<path d="M68.5775 43.2781C68.0998 43.2781 67.5956 43.1985 67.1178 42.9862L50 36.2187L32.8822 42.9862C30.8386 43.7824 28.5297 42.8004 27.707 40.7569C26.9108 38.7134 27.8928 36.4045 29.9363 35.5817L48.5138 28.2304C49.4427 27.8588 50.5043 27.8588 51.4331 28.2304L70.0106 35.5817C72.0541 36.3779 73.0626 38.7134 72.2399 40.7569C71.6561 42.3227 70.1699 43.2781 68.5775 43.2781Z" fill="white"/>
+<path d="M57.3248 71.9671H42.7017C39.4108 71.9671 36.7569 69.2866 36.7569 66.0223V51.3991C36.7569 48.1083 39.4374 45.4543 42.7017 45.4543H57.3248C60.6157 45.4543 63.2696 48.1348 63.2696 51.3991V66.0223C63.2696 69.3132 60.5892 71.9671 57.3248 71.9671ZM44.6921 64.0053H55.3078V53.3896H44.6921V64.0053Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/icosahedron.svg b/early/.config/eww/images/svg/dark/icosahedron.svg
new file mode 100755
index 000000000..c73725b17
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/icosahedron.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Created Sat Nov  1 22:06:13 2008 by ./xy2svg -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-1.862747 -1.862747 3.957948 3.957948"> 
+<g style="stroke:white" stroke-width=".015">
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="0.039227" y2="-0.287147"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.296790" y1="-1.531823" x2="1.278419" y2="-0.824517"/>
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="0.340080" y2="-1.463535"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="1.466545" y1="0.232765" x2="1.278419" y2="-0.824517"/>
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="1.278419" y1="0.586062" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="1.466545" y1="0.232765" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="0.340080" y1="1.755256" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="1.278419" y1="0.586062" x2="-0.296790" y2="1.277236"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="0.039227" y2="-0.287147"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="-1.189639" y2="-0.188816"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.296790" y1="-1.531823" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="-1.451475" y1="-0.665396" x2="-1.189639" y2="-0.188816"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-0.296790" y2="1.277236"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="-1.451475" y2="0.936129"/>
+<line stroke-linecap="round" x1="-1.451475" y1="0.936129" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="0.340080" y1="1.755256" x2="-0.055029" y2="0.402814"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="-1.451475" y2="0.936129"/>
+<line stroke-linecap="round" x1="-1.451475" y1="0.936129" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="-1.451475" y1="-0.665396" x2="-0.055029" y2="0.402814"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="0.340080" y2="-1.463535"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-1.451475" y2="0.936129"/>
+<!-- <line x1="5.340754" y1="-0.810999" x2="4.164357" y2="-0.285624"/>
+<line x1="4.164357" y1="-0.285624" x2="3.760373" y2="-1.532918"/>
+<line x1="3.760373" y1="-1.532918" x2="5.340754" y2="-0.810999"/>
+<line x1="5.340754" y1="-0.810999" x2="4.275964" y2="-1.462090"/>
+<line x1="4.275964" y1="-1.462090" x2="5.376515" y2="0.260659"/>
+<line x1="5.376515" y1="0.260659" x2="5.340754" y2="-0.810999"/>
+<line x1="5.340754" y1="-0.810999" x2="5.340754" y2="0.615801"/>
+<line x1="5.340754" y1="0.615801" x2="5.376515" y2="0.260659"/>
+<line x1="5.376515" y1="0.260659" x2="4.275964" y2="1.765372"/>
+<line x1="4.275964" y1="1.765372" x2="5.340754" y2="0.615801"/>
+<line x1="5.340754" y1="0.615801" x2="3.760373" y2="1.269571"/>
+<line x1="3.760373" y1="1.269571" x2="4.275964" y2="1.765372"/>
+<line x1="3.760373" y1="1.269571" x2="4.164357" y2="-0.285624"/>
+<line x1="4.164357" y1="-0.285624" x2="5.340754" y2="0.615801"/>
+<line x1="4.164357" y1="-0.285624" x2="2.908099" y2="-0.206764"/>
+<line x1="2.908099" y1="-0.206764" x2="3.760373" y2="-1.532918"/>
+<line x1="3.760373" y1="-1.532918" x2="2.514237" y2="-0.682403"/>
+<line x1="2.514237" y1="-0.682403" x2="2.908099" y2="-0.206764"/>
+<line x1="2.908099" y1="-0.206764" x2="3.760373" y2="1.269571"/>
+<line x1="3.760373" y1="1.269571" x2="2.514237" y2="0.898713"/>
+<line x1="2.514237" y1="0.898713" x2="4.275964" y2="1.765372"/>
+<line x1="4.275964" y1="1.765372" x2="3.769930" y2="0.399824"/>
+<line x1="3.769930" y1="0.399824" x2="2.514237" y2="0.898713"/>
+<line x1="2.514237" y1="0.898713" x2="2.514237" y2="-0.682403"/>
+<line x1="2.514237" y1="-0.682403" x2="3.769930" y2="0.399824"/>
+<line x1="3.769930" y1="0.399824" x2="4.275964" y2="-1.462090"/>
+<line x1="4.275964" y1="-1.462090" x2="2.514237" y2="-0.682403"/>
+<line x1="4.275964" y1="-1.462090" x2="3.760373" y2="-1.532918"/>
+<line x1="3.769930" y1="0.399824" x2="5.376515" y2="0.260659"/>
+<line x1="2.908099" y1="-0.206764" x2="2.514237" y2="0.898713"/> -->
+</g>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/linehorizontal.svg b/early/.config/eww/images/svg/dark/linehorizontal.svg
new file mode 100755
index 000000000..7d8af77a0
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/linehorizontal.svg
@@ -0,0 +1,3 @@
+<svg height="3" width="75">
+  <line x1="1.5" y1="1.5" x2="73.5" y2="1.5" stroke="white" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/linetransparent.svg b/early/.config/eww/images/svg/dark/linetransparent.svg
new file mode 100755
index 000000000..9be840a61
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/linetransparent.svg
@@ -0,0 +1,3 @@
+<svg height="26.5" width="3">
+  <line x1="1.5" y1="1.5" x2="1.5" y2="25" stroke="transparent" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/linevertical.svg b/early/.config/eww/images/svg/dark/linevertical.svg
new file mode 100755
index 000000000..1c823058c
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/linevertical.svg
@@ -0,0 +1,3 @@
+<svg height="26.5" width="3">
+  <line x1="1.5" y1="1.5" x2="1.5" y2="25" stroke="white" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/moon.svg b/early/.config/eww/images/svg/dark/moon.svg
new file mode 100755
index 000000000..83a0417d9
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/moon.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.026 17.001c-2.762 4.784-8.879 6.423-13.663 3.661a9.964 9.964 0 0 1-3.234-2.983.75.75 0 0 1 .365-1.131c3.767-1.348 5.785-2.911 6.956-5.146 1.232-2.353 1.551-4.93.689-8.464a.75.75 0 0 1 .769-.926 9.961 9.961 0 0 1 4.457 1.327C21.149 6.1 22.788 12.217 20.025 17Zm-8.248-4.903c-1.25 2.388-3.31 4.099-6.817 5.499a8.492 8.492 0 0 0 2.152 1.766 8.501 8.501 0 1 0 8.502-14.725 8.485 8.485 0 0 0-2.792-1.016c.647 3.384.23 6.044-1.045 8.476Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/news.svg b/early/.config/eww/images/svg/dark/news.svg
new file mode 100755
index 000000000..3368f9490
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/news.svg
@@ -0,0 +1,18 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0468 9.31178C70.2485 9.31178 75.0786 12.1005 77.6795 16.6155L92.7272 42.6963C95.3281 47.2113 95.3281 52.7887 92.7272 57.3037L77.6795 83.3845C75.0786 87.8995 70.2485 90.6882 65.0468 90.6882H34.9512C29.7495 90.6882 24.9194 87.8995 22.3185 83.3845L7.27075 57.3037C4.6699 52.7887 4.6699 47.2113 7.27075 42.6963L22.3185 16.6155C24.9194 12.1005 29.7495 9.31178 34.9512 9.31178H65.0468ZM65.0468 4H34.9512C27.8387 4 21.2569 7.79792 17.7007 13.9596L2.65292 40.0404C-0.903348 46.2021 -0.903348 53.7979 2.65292 59.9596L17.7007 86.0404C21.2569 92.2021 27.8387 96 34.9512 96H65.0468C72.1593 96 78.741 92.2021 82.2973 86.0404L97.3451 59.9596C100.901 53.7979 100.901 46.2021 97.3451 40.0404L82.2707 13.9596C78.741 7.79792 72.1593 4 65.0468 4Z" fill="white"/>
+<path d="M73.8854 53.9838H66.9851C64.7824 53.9838 63.0042 52.2044 63.0042 50C63.0042 47.7956 64.7824 46.0162 66.9851 46.0162H73.8854C76.0881 46.0162 77.8663 47.7956 77.8663 50C77.8663 52.2044 76.0881 53.9838 73.8854 53.9838Z" fill="white"/>
+<path d="M50 77.8868C47.7972 77.8868 46.0191 76.1074 46.0191 73.903V66.9977C46.0191 64.7933 47.7972 63.0139 50 63.0139C52.2028 63.0139 53.9809 64.7933 53.9809 66.9977V73.903C53.9809 76.1074 52.2028 77.8868 50 77.8868Z" fill="white"/>
+<path d="M66.879 70.8753C65.8705 70.8753 64.8355 70.4769 64.0658 69.7067L59.1295 64.7667C57.5637 63.1998 57.5637 60.6767 59.1295 59.1363C60.6953 57.5693 63.2166 57.5693 64.7558 59.1363L69.6922 64.0762C71.258 65.6432 71.258 68.1663 69.6922 69.7067C68.9225 70.5035 67.914 70.8753 66.879 70.8753Z" fill="white"/>
+<path d="M33.121 70.8753C32.1125 70.8753 31.0775 70.4769 30.3078 69.7067C28.742 68.1397 28.742 65.6166 30.3078 64.0762L35.2442 59.1363C36.81 57.5693 39.3312 57.5693 40.8705 59.1363C42.4363 60.7032 42.4363 63.2263 40.8705 64.7667L35.9342 69.7067C35.138 70.5035 34.1295 70.8753 33.121 70.8753Z" fill="white"/>
+<path d="M61.9427 42.0323C60.9342 42.0323 59.8992 41.634 59.1295 40.8637C57.5637 39.2968 57.5637 36.7737 59.1295 35.2333L64.0658 30.2933C65.6316 28.7263 68.1529 28.7263 69.6922 30.2933C71.258 31.8603 71.258 34.3834 69.6922 35.9238L64.7558 40.8637C63.9862 41.634 62.9512 42.0323 61.9427 42.0323Z" fill="white"/>
+<path d="M50 36.9861C47.7972 36.9861 46.0191 35.2067 46.0191 33.0023V26.097C46.0191 23.8926 47.7972 22.1132 50 22.1132C52.2028 22.1132 53.9809 23.8926 53.9809 26.097V33.0023C53.9809 35.2067 52.2028 36.9861 50 36.9861Z" fill="white"/>
+<path d="M33.0149 53.9838H26.1147C23.9119 53.9838 22.1338 52.2044 22.1338 50C22.1338 47.7956 23.9119 46.0162 26.1147 46.0162H33.0149C35.2176 46.0162 36.9958 47.7956 36.9958 50C36.9958 52.2044 35.2176 53.9838 33.0149 53.9838Z" fill="white"/>
+<path d="M38.0573 42.0323C37.0488 42.0323 36.0138 41.634 35.2442 40.8637L30.3078 35.9238C28.742 34.3568 28.742 31.8337 30.3078 30.2933C31.8737 28.7263 34.3949 28.7263 35.9342 30.2933L40.8705 35.2333C42.4363 36.8002 42.4363 39.3233 40.8705 40.8637C40.1008 41.634 39.0658 42.0323 38.0573 42.0323Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/night.svg b/early/.config/eww/images/svg/dark/night.svg
new file mode 100755
index 000000000..1e0aacb7e
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/night.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.026 17.001c-2.762 4.784-8.879 6.423-13.663 3.661A9.965 9.965 0 0 1 3.13 17.68a.75.75 0 0 1 .365-1.132c3.767-1.348 5.785-2.91 6.956-5.146 1.232-2.353 1.551-4.93.689-8.463a.75.75 0 0 1 .769-.927 9.961 9.961 0 0 1 4.457 1.327c4.784 2.762 6.423 8.879 3.66 13.662Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/notif.svg b/early/.config/eww/images/svg/dark/notif.svg
new file mode 100755
index 000000000..27b31c32a
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/notif.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1.996a7.49 7.49 0 0 1 7.496 7.25l.004.25v4.097l1.38 3.156a1.25 1.25 0 0 1-1.145 1.75L15 18.502a3 3 0 0 1-5.995.177L9 18.499H4.275a1.251 1.251 0 0 1-1.147-1.747L4.5 13.594V9.496c0-4.155 3.352-7.5 7.5-7.5ZM13.5 18.5l-3 .002a1.5 1.5 0 0 0 2.993.145l.006-.147ZM12 3.496c-3.32 0-6 2.674-6 6v4.41L4.656 17h14.697L18 13.907V9.509l-.004-.225A5.988 5.988 0 0 0 12 3.496Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/notifsnooze.svg b/early/.config/eww/images/svg/dark/notifsnooze.svg
new file mode 100755
index 000000000..14b47c028
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/notifsnooze.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 3.5c-3.104 0-6 2.432-6 6.25v4.153L4.682 17h14.67l-1.354-3.093V11.75a.75.75 0 0 1 1.5 0v1.843l1.381 3.156a1.25 1.25 0 0 1-1.145 1.751H15a3.002 3.002 0 0 1-6.003 0H4.305a1.25 1.25 0 0 1-1.15-1.739l1.344-3.164V9.75C4.5 5.068 8.103 2 12 2c.86 0 1.705.15 2.5.432a.75.75 0 0 1-.502 1.413A5.964 5.964 0 0 0 12 3.5ZM12 20c.828 0 1.5-.671 1.501-1.5h-3.003c0 .829.673 1.5 1.502 1.5Z" fill="white"/><path d="M15.25 7h-2.5l-.101.007A.75.75 0 0 0 12.75 8.5h1.043l-1.653 2.314-.055.09A.75.75 0 0 0 12.75 12h2.5l.102-.007a.75.75 0 0 0-.102-1.493h-1.042l1.653-2.314.055-.09A.75.75 0 0 0 15.25 7ZM21.25 2h-3.5l-.101.007A.75.75 0 0 0 17.75 3.5h2.134l-2.766 4.347-.05.09A.75.75 0 0 0 17.75 9h3.5l.102-.007A.75.75 0 0 0 21.25 7.5h-2.133l2.766-4.347.05-.09A.75.75 0 0 0 21.25 2Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/open.svg b/early/.config/eww/images/svg/dark/open.svg
new file mode 100755
index 000000000..f2d77ca1b
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/open.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.25 4.5A1.75 1.75 0 0 0 4.5 6.25v11.5c0 .966.783 1.75 1.75 1.75h11.5a1.75 1.75 0 0 0 1.75-1.75v-4a.75.75 0 0 1 1.5 0v4A3.25 3.25 0 0 1 17.75 21H6.25A3.25 3.25 0 0 1 3 17.75V6.25A3.25 3.25 0 0 1 6.25 3h4a.75.75 0 0 1 0 1.5h-4ZM13 3.75a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 .75.75v6.5a.75.75 0 0 1-1.5 0V5.56l-5.22 5.22a.75.75 0 0 1-1.06-1.06l5.22-5.22h-4.69a.75.75 0 0 1-.75-.75Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/power.svg b/early/.config/eww/images/svg/dark/power.svg
new file mode 100755
index 000000000..ea17b7eeb
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/power.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.204 4.82a.75.75 0 0 1 .634 1.36A7.51 7.51 0 0 0 4.5 12.991c0 4.148 3.358 7.51 7.499 7.51s7.499-3.362 7.499-7.51a7.51 7.51 0 0 0-4.323-6.804.75.75 0 1 1 .637-1.358 9.01 9.01 0 0 1 5.186 8.162c0 4.976-4.029 9.01-9 9.01C7.029 22 3 17.966 3 12.99a9.01 9.01 0 0 1 5.204-8.17ZM12 2.496a.75.75 0 0 1 .743.648l.007.102v7.5a.75.75 0 0 1-1.493.102l-.007-.102v-7.5a.75.75 0 0 1 .75-.75Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/protocol.svg b/early/.config/eww/images/svg/dark/protocol.svg
new file mode 100755
index 000000000..716cacbb5
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/protocol.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m13.732 17.732-1.025-1.025 1.06-1.06 1.026 1.025a1 1 0 0 0 1.414 0l3.965-3.965a1 1 0 0 0 0-1.414l-3.965-3.964a1 1 0 0 0-1.414 0l-1.025 1.025-1.06-1.061 1.024-1.025a2.5 2.5 0 0 1 3.536 0l3.964 3.964a2.5 2.5 0 0 1 0 3.536l-3.964 3.964a2.5 2.5 0 0 1-3.536 0Z" fill="white"/><path d="m6.732 6.268-3.964 3.964a2.5 2.5 0 0 0 0 3.536l3.964 3.964a2.5 2.5 0 0 0 3.536 0l3.964-3.964a2.5 2.5 0 0 0 0-3.536l-3.964-3.964a2.5 2.5 0 0 0-3.536 0ZM3.83 11.293l3.964-3.964a1 1 0 0 1 1.414 0l3.965 3.964a1 1 0 0 1 0 1.414l-3.965 3.965a1 1 0 0 1-1.414 0l-3.964-3.965a1 1 0 0 1 0-1.414Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/radiobutton.svg b/early/.config/eww/images/svg/dark/radiobutton.svg
new file mode 100755
index 000000000..1ed6e36b2
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/radiobutton.svg
@@ -0,0 +1,3 @@
+<svg height="23" width="23" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="11.5" cy="11.5" r="8.5" stroke="white" stroke-width="5" fill="none"/>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/rankings.svg b/early/.config/eww/images/svg/dark/rankings.svg
new file mode 100755
index 000000000..4534694db
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/rankings.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M68.5775 44.3397C68.0998 44.3397 67.5955 44.2601 67.1178 44.0478L50 37.2802L32.8821 44.0743C30.8386 44.8705 28.5297 43.8885 27.707 41.845C26.9108 39.8015 27.8928 37.4926 29.9363 36.6698L48.5138 29.3185C49.4427 28.9469 50.5042 28.9469 51.4331 29.3185L70.0106 36.6698C72.0541 37.466 73.0626 39.8015 72.2399 41.845C71.656 43.3843 70.1698 44.3397 68.5775 44.3397Z" fill="white"/>
+<path d="M68.5775 57.6093C68.0998 57.6093 67.5955 57.5297 67.1178 57.3174L50 50.5499L32.8821 57.3439C30.8386 58.1401 28.5297 57.1581 27.707 55.1146C26.9108 53.0711 27.8928 50.7622 29.9363 49.9395L48.5138 42.5881C49.4427 42.2165 50.5042 42.2165 51.4331 42.5881L70.0106 49.9395C72.0541 50.7356 73.0626 53.0711 72.2399 55.1146C71.656 56.6539 70.1698 57.6093 68.5775 57.6093Z" fill="white"/>
+<path d="M68.5775 70.879C68.0998 70.879 67.5955 70.7993 67.1178 70.587L50 63.8195L32.8821 70.6136C30.8386 71.4098 28.5297 70.4278 27.707 68.3843C26.9108 66.3408 27.8928 64.0318 29.9363 63.2091L48.5138 55.8577C49.4427 55.4862 50.5042 55.4862 51.4331 55.8577L70.0106 63.2091C72.0541 64.0053 73.0626 66.3408 72.2399 68.3843C71.656 69.9236 70.1698 70.879 68.5775 70.879Z" fill="white"/>
+<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/reset.svg b/early/.config/eww/images/svg/dark/reset.svg
new file mode 100755
index 000000000..1d866ae5c
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/reset.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.78 2.72a.75.75 0 0 1 0 1.06L4.56 6h8.69a7.75 7.75 0 1 1-7.75 7.75.75.75 0 0 1 1.5 0 6.25 6.25 0 1 0 6.25-6.25H4.56l2.22 2.22a.75.75 0 1 1-1.06 1.06l-3.5-3.5a.75.75 0 0 1 0-1.06l3.5-3.5a.75.75 0 0 1 1.06 0Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/rightarrow.svg b/early/.config/eww/images/svg/dark/rightarrow.svg
new file mode 100755
index 000000000..6fd1d98eb
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/rightarrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.47 4.22a.75.75 0 0 0 0 1.06L15.19 12l-6.72 6.72a.75.75 0 1 0 1.06 1.06l7.25-7.25a.75.75 0 0 0 0-1.06L9.53 4.22a.75.75 0 0 0-1.06 0Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/root.svg b/early/.config/eww/images/svg/dark/root.svg
new file mode 100755
index 000000000..306fd7f39
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/root.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.744 1.996a2.25 2.25 0 0 1 2.245 2.096l.005.154v15.498A2.25 2.25 0 0 1 17.9 21.99l-.155.005h-11.5A2.25 2.25 0 0 1 4 19.898l-.005-.154V4.246A2.25 2.25 0 0 1 6.09 2.001l.154-.005h11.5Zm0 1.5h-11.5a.75.75 0 0 0-.743.648l-.006.102v15.498c0 .38.282.694.648.743l.102.007h11.5a.75.75 0 0 0 .743-.648l.006-.102V4.246a.75.75 0 0 0-.648-.743l-.102-.007Z" fill="white"/><path d="M13.019 16.02a.75.75 0 0 1-.624-.859l.105-.66h-1.482l-.141.895a.75.75 0 1 1-1.482-.235l.105-.66h-.75a.75.75 0 0 1 0-1.5h.987l.238-1.5H9.25a.75.75 0 0 1 0-1.5h.962l.2-1.26a.75.75 0 1 1 1.481.235L11.731 10h1.481l.2-1.259a.75.75 0 1 1 1.481.235L14.731 10h.519a.75.75 0 0 1 0 1.5h-.757l-.237 1.5h.494a.75.75 0 0 1 0 1.5h-.732l-.141.896a.75.75 0 0 1-.858.623Zm-1.526-4.52-.237 1.5h1.481l.238-1.5h-1.482Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/search-fluent.svg b/early/.config/eww/images/svg/dark/search-fluent.svg
new file mode 100755
index 000000000..d06ad1ac9
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/search-fluent.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10 2.75a7.25 7.25 0 0 1 5.63 11.819l4.9 4.9a.75.75 0 0 1-.976 1.134l-.084-.073-4.901-4.9A7.25 7.25 0 1 1 10 2.75Zm0 1.5a5.75 5.75 0 1 0 0 11.5 5.75 5.75 0 0 0 0-11.5Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/search.svg b/early/.config/eww/images/svg/dark/search.svg
new file mode 100755
index 000000000..4542bf491
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/search.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0481 9.31178C70.2498 9.31178 75.08 12.1005 77.6808 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6808 83.3845C75.08 87.8995 70.2498 90.6882 65.0481 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27214 57.3037C4.67129 52.7887 4.67129 47.2113 7.27214 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0481ZM65.0481 4H34.9526C27.8401 4 21.2583 7.79792 17.7021 13.9596L2.6543 40.0404C-0.90196 46.2021 -0.90196 53.7979 2.6543 59.9596L17.7021 86.0404C21.2583 92.2021 27.8401 96 34.9526 96H65.0481C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3464 59.9596C100.903 53.7979 100.903 46.2021 97.3464 40.0404L82.2721 13.9596C78.7424 7.79792 72.1607 4 65.0481 4Z" fill="white"/>
+<path d="M67.0382 71.0612C66.0297 71.0612 64.9947 70.6628 64.225 69.8926L54.2728 59.933C52.707 58.3661 52.707 55.843 54.2728 54.3025C55.8386 52.7356 58.3599 52.7356 59.8991 54.3025L69.8514 64.2621C71.4172 65.8291 71.4172 68.3522 69.8514 69.8926C69.0817 70.6628 68.0732 71.0612 67.0382 71.0612Z" fill="white"/>
+<path d="M46.2049 63.4919C36.7038 63.4919 28.9544 55.7367 28.9544 46.2286C28.9544 36.7206 36.7038 28.9654 46.2049 28.9654C55.706 28.9654 63.4554 36.7206 63.4554 46.2286C63.4554 55.7367 55.7325 63.4919 46.2049 63.4919ZM46.2049 36.933C41.0828 36.933 36.9162 41.1028 36.9162 46.2286C36.9162 51.3545 41.0828 55.5243 46.2049 55.5243C51.327 55.5243 55.4937 51.3545 55.4937 46.2286C55.4937 41.1028 51.327 36.933 46.2049 36.933Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/settings.svg b/early/.config/eww/images/svg/dark/settings.svg
new file mode 100755
index 000000000..c69c6a3a6
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/settings.svg
@@ -0,0 +1,23 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.31178C70.2493 9.31178 75.0795 12.1005 77.6803 16.6155L92.7281 42.6963C95.329 47.2113 95.329 52.7887 92.7281 57.3037L77.6803 83.3845C75.0795 87.8995 70.2493 90.6882 65.0476 90.6882H34.9521C29.7504 90.6882 24.9203 87.8995 22.3194 83.3845L7.27163 57.3037C4.67078 52.7887 4.67078 47.2113 7.27163 42.6963L22.3194 16.6155C24.9203 12.1005 29.7504 9.31178 34.9521 9.31178H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.79792 17.7016 13.9596L2.6538 40.0404C-0.902467 46.2021 -0.902467 53.7979 2.6538 59.9596L17.7016 86.0404C21.2578 92.2021 27.8396 96 34.9521 96H65.0476C72.1602 96 78.7419 92.2021 82.2982 86.0404L97.3459 59.9596C100.902 53.7979 100.902 46.2021 97.3459 40.0404L82.2716 13.9596C78.7419 7.79792 72.1602 4 65.0476 4Z" fill="white"/>
+<path d="M50 72.0704C37.9246 72.0704 28.1051 62.2436 28.1051 50.1593C28.1051 38.0751 37.9246 28.2483 50 28.2483C62.0754 28.2483 71.8949 38.0751 71.8949 50.1593C71.8949 62.2436 62.0754 72.0704 50 72.0704ZM50 36.2159C42.3036 36.2159 36.0669 42.4838 36.0669 50.1593C36.0669 57.8349 42.3302 64.1028 50 64.1028C57.6699 64.1028 63.9331 57.8349 63.9331 50.1593C63.9331 42.4838 57.6699 36.2159 50 36.2159Z" fill="white"/>
+<path d="M50 35.8441C47.7972 35.8441 46.0191 34.0647 46.0191 31.8603V28.4873C46.0191 26.2829 47.7972 24.5035 50 24.5035C52.2028 24.5035 53.9809 26.2829 53.9809 28.4873V31.8603C53.9809 34.0647 52.2028 35.8441 50 35.8441Z" fill="white"/>
+<path d="M58.9968 38.5531C58.2537 38.5531 57.5106 38.3407 56.8206 37.9157C54.9894 36.7206 54.4586 34.2506 55.6529 32.418L57.6699 29.3106C58.8641 27.4781 61.3323 26.9469 63.1635 28.142C64.9947 29.3372 65.5255 31.8072 64.3312 33.6397L62.3142 36.7471C61.5711 37.9157 60.2973 38.5531 58.9968 38.5531Z" fill="white"/>
+<path d="M65.7378 45.5116C64.3843 45.5116 63.0839 44.821 62.3408 43.5993C61.1996 41.7136 61.81 39.2702 63.6943 38.1282L67.0382 36.1097C68.9225 34.9677 71.3641 35.5785 72.5053 37.4642C73.6465 39.3499 73.0361 41.7933 71.1518 42.9353L67.8079 44.9538C67.1444 45.3256 66.4278 45.5116 65.7378 45.5116Z" fill="white"/>
+<path d="M32.0064 54.515H27.9724C25.7696 54.515 23.9915 52.7356 23.9915 50.5312C23.9915 48.3268 25.7696 46.5473 27.9724 46.5473H32.0064C34.2091 46.5473 35.9873 48.3268 35.9873 50.5312C35.9873 52.7356 34.2091 54.515 32.0064 54.515Z" fill="white"/>
+<path d="M69.0817 65.537C68.3917 65.537 67.7017 65.3511 67.0648 64.9792L63.2696 62.7217C61.3854 61.6062 60.7484 59.1628 61.8631 57.2506C62.9777 55.3649 65.4193 54.7275 67.3302 55.843L71.1253 58.1005C73.0096 59.2159 73.6465 61.6594 72.5319 63.5716C71.7622 64.8464 70.4353 65.537 69.0817 65.537Z" fill="white"/>
+<path d="M34.2622 45.5116C33.5722 45.5116 32.8556 45.3257 32.1921 44.9273L28.8482 42.9088C26.9639 41.7668 26.3535 39.3233 27.4947 37.4377C28.6359 35.552 31.0775 34.9411 32.9618 36.0832L36.3057 38.1016C38.19 39.2437 38.8004 41.6871 37.6592 43.5728C36.9161 44.8476 35.6157 45.5116 34.2622 45.5116Z" fill="white"/>
+<path d="M40.7909 38.7656C39.3843 38.7656 38.0043 37.9954 37.2877 36.6675L35.483 33.321C34.448 31.3822 35.1646 28.9654 37.1019 27.9296C39.0393 26.8938 41.4544 27.6109 42.4894 29.5497L44.2941 32.8961C45.3291 34.8349 44.6125 37.2517 42.6752 38.2875C42.0648 38.6063 41.4278 38.7656 40.7909 38.7656Z" fill="white"/>
+<path d="M72.0276 54.515H67.9936C65.7909 54.515 64.0127 52.7356 64.0127 50.5312C64.0127 48.3268 65.7909 46.5473 67.9936 46.5473H72.0276C74.2303 46.5473 76.0085 48.3268 76.0085 50.5312C76.0085 52.7356 74.2303 54.515 72.0276 54.515Z" fill="white"/>
+<path d="M61.0138 73.6109C59.6603 73.6109 58.3333 72.9203 57.5902 71.6455L55.3344 67.8476C54.2198 65.9619 54.8302 63.5185 56.741 62.3765C58.6253 61.261 61.0669 61.8718 62.2081 63.7841L64.4639 67.582C65.5786 69.4677 64.9682 71.9111 63.0573 73.0531C62.3938 73.425 61.7038 73.6109 61.0138 73.6109Z" fill="white"/>
+<path d="M50 76.5589C47.7972 76.5589 46.0191 74.7795 46.0191 72.5751V68.0866C46.0191 65.8822 47.7972 64.1028 50 64.1028C52.2028 64.1028 53.9809 65.8822 53.9809 68.0866V72.5751C53.9809 74.7795 52.2028 76.5589 50 76.5589Z" fill="white"/>
+<path d="M30.9183 65.537C29.5648 65.537 28.2643 64.8464 27.5212 63.6247C26.3801 61.739 26.9905 59.2956 28.8747 58.1536L32.2187 56.1351C34.103 54.9931 36.5446 55.6039 37.6858 57.4896C38.827 59.3753 38.2166 61.8187 36.3323 62.9607L32.9883 64.9792C32.3514 65.351 31.6348 65.537 30.9183 65.537Z" fill="white"/>
+<path d="M38.9862 73.6108C38.2962 73.6108 37.6062 73.4249 36.9692 73.0531C35.0849 71.9376 34.448 69.4942 35.5626 67.582L37.8185 63.7841C38.9331 61.8984 41.3747 61.261 43.2856 62.3764C45.1699 63.4919 45.8068 65.9353 44.6921 67.8476L42.4363 71.6455C41.6667 72.9203 40.3397 73.6108 38.9862 73.6108Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/store.svg b/early/.config/eww/images/svg/dark/store.svg
new file mode 100755
index 000000000..e4ac6edd5
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/store.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0479 9.31178C70.2496 9.31178 75.0797 12.1005 77.6806 16.6155L92.7283 42.6963C95.3292 47.2113 95.3292 52.7887 92.7283 57.3037L77.6806 83.3845C75.0797 87.8995 70.2496 90.6882 65.0479 90.6882H34.9523C29.7506 90.6882 24.9205 87.8995 22.3196 83.3845L7.27184 57.3037C4.67099 52.7887 4.67099 47.2113 7.27184 42.6963L22.3196 16.6155C24.9205 12.1005 29.7506 9.31178 34.9523 9.31178H65.0479ZM65.0479 4H34.9523C27.8398 4 21.258 7.79792 17.7018 13.9596L2.65401 40.0404C-0.902257 46.2021 -0.902257 53.7979 2.65401 59.9596L17.7018 86.0404C21.258 92.2021 27.8398 96 34.9523 96H65.0479C72.1604 96 78.7421 92.2021 82.2984 86.0404L97.3462 59.9596C100.902 53.7979 100.902 46.2021 97.3462 40.0404L82.2719 13.9596C78.7421 7.79792 72.1604 4 65.0479 4Z" fill="white"/>
+<path d="M69.3737 62.5889H35.828C33.6253 62.5889 31.8471 60.8095 31.8471 58.6051V36.8799L26.1412 31.7009C24.5223 30.2136 24.3896 27.7171 25.8758 26.0704C27.362 24.4503 29.8567 24.3175 31.5021 25.8048L38.5085 32.1524C39.3312 32.8961 39.8089 33.985 39.8089 35.1005V54.6212H65.3928V43.1478L49.2038 40.97C47.0276 40.6778 45.4883 38.6593 45.7803 36.4815C46.0722 34.3037 48.0626 32.7633 50.2654 33.0554L69.9045 35.6847C71.8684 35.9503 73.3546 37.6501 73.3546 39.642V58.5785C73.3546 60.8095 71.5764 62.5889 69.3737 62.5889Z" fill="white"/>
+<path d="M65.1274 75.2309C67.326 75.2309 69.1083 73.4473 69.1083 71.2471C69.1083 69.0469 67.326 67.2633 65.1274 67.2633C62.9288 67.2633 61.1465 69.0469 61.1465 71.2471C61.1465 73.4473 62.9288 75.2309 65.1274 75.2309Z" fill="white"/>
+<path d="M39.1189 75.2309C41.3175 75.2309 43.0998 73.4473 43.0998 71.2471C43.0998 69.0469 41.3175 67.2633 39.1189 67.2633C36.9203 67.2633 35.138 69.0469 35.138 71.2471C35.138 73.4473 36.9203 75.2309 39.1189 75.2309Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/tournaments.svg b/early/.config/eww/images/svg/dark/tournaments.svg
new file mode 100755
index 000000000..cd0f69268
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/tournaments.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.3119 52.4749C24.9451 51.108 24.9451 48.892 26.3119 47.5251L47.5251 26.3119C48.8919 24.9451 51.108 24.9451 52.4749 26.3119L73.6881 47.5251C75.0549 48.892 75.0549 51.108 73.6881 52.4749L52.4749 73.6881C51.108 75.0549 48.8919 75.0549 47.5251 73.6881L26.3119 52.4749ZM33.7365 50L50 66.2635L66.2634 50L50 33.7365L33.7365 50Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.5251 27.5251C28.892 26.1583 31.108 26.1583 32.4749 27.5251L72.4749 67.5251C73.8417 68.892 73.8417 71.108 72.4749 72.4749C71.108 73.8417 68.892 73.8417 67.5251 72.4749L27.5251 32.4749C26.1583 31.108 26.1583 28.892 27.5251 27.5251Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M72.4749 27.5251C73.8417 28.892 73.8417 31.108 72.4749 32.4749L32.4749 72.4749C31.108 73.8417 28.892 73.8417 27.5251 72.4749C26.1583 71.108 26.1583 68.892 27.5251 67.5251L67.5251 27.5251C68.892 26.1583 71.108 26.1583 72.4749 27.5251Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/uparrow.svg b/early/.config/eww/images/svg/dark/uparrow.svg
new file mode 100755
index 000000000..5ea8ae99a
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/uparrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.293 15.707a1 1 0 0 0 1.414 0L12 9.414l6.293 6.293a1 1 0 0 0 1.414-1.414l-7-7a1 1 0 0 0-1.414 0l-7 7a1 1 0 0 0 0 1.414Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/user.svg b/early/.config/eww/images/svg/dark/user.svg
new file mode 100755
index 000000000..5127e451a
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/user.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.754 14a2.249 2.249 0 0 1 2.25 2.249v.918a2.75 2.75 0 0 1-.513 1.599C17.945 20.929 15.42 22 12 22c-3.422 0-5.945-1.072-7.487-3.237a2.75 2.75 0 0 1-.51-1.595v-.92a2.249 2.249 0 0 1 2.249-2.25h11.501ZM12 2.004a5 5 0 1 1 0 10 5 5 0 0 1 0-10Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/vol0.svg b/early/.config/eww/images/svg/dark/vol0.svg
new file mode 100755
index 000000000..036a79126
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/vol0.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.704 3.441c.191.226.296.512.296.808V19.75a1.25 1.25 0 0 1-2.058.954l-4.967-4.206H4.25A2.25 2.25 0 0 1 2 14.248v-4.5a2.25 2.25 0 0 1 2.25-2.25h3.725l4.968-4.204a1.25 1.25 0 0 1 1.761.147ZM13.5 4.788l-4.975 4.21H4.25a.75.75 0 0 0-.75.75v4.5c0 .415.336.75.75.75h4.275l4.975 4.213V4.788Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/vol1.svg b/early/.config/eww/images/svg/dark/vol1.svg
new file mode 100755
index 000000000..96d5570a5
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/vol1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.704 3.442c.191.226.296.512.296.808v15.502a1.25 1.25 0 0 1-2.058.954L7.975 16.5H4.25A2.25 2.25 0 0 1 2 14.25v-4.5A2.25 2.25 0 0 1 4.25 7.5h3.725l4.968-4.204a1.25 1.25 0 0 1 1.761.147ZM13.5 4.79 8.525 9H4.25a.75.75 0 0 0-.75.75v4.5c0 .415.336.75.75.75h4.275l4.975 4.213V4.79Zm3.604 3.851a.75.75 0 0 1 1.03.25c.574.94.862 1.992.862 3.14 0 1.149-.288 2.201-.862 3.141a.75.75 0 1 1-1.28-.781c.428-.702.642-1.483.642-2.36 0-.876-.214-1.657-.642-2.359a.75.75 0 0 1 .25-1.03Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/vol2.svg b/early/.config/eww/images/svg/dark/vol2.svg
new file mode 100755
index 000000000..a090e3c39
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/vol2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 4.25c0-1.079-1.274-1.65-2.08-.934L8.427 7.309a.75.75 0 0 1-.498.19H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V4.25ZM9.425 8.43 13.5 4.807v14.382l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.68a2.25 2.25 0 0 0 1.495-.569ZM18.992 5.897a.75.75 0 0 1 1.049.157A9.959 9.959 0 0 1 22 12a9.96 9.96 0 0 1-1.96 5.946.75.75 0 0 1-1.205-.892A8.459 8.459 0 0 0 20.5 12a8.459 8.459 0 0 0-1.665-5.054.75.75 0 0 1 .157-1.049Z" fill="white"/><path d="M17.143 8.37a.75.75 0 0 1 1.017.302c.536.99.84 2.125.84 3.328a6.973 6.973 0 0 1-.84 3.328.75.75 0 0 1-1.32-.714c.42-.777.66-1.666.66-2.614s-.24-1.837-.66-2.614a.75.75 0 0 1 .303-1.017Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/vol3.svg b/early/.config/eww/images/svg/dark/vol3.svg
new file mode 100755
index 000000000..a090e3c39
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/vol3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 4.25c0-1.079-1.274-1.65-2.08-.934L8.427 7.309a.75.75 0 0 1-.498.19H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V4.25ZM9.425 8.43 13.5 4.807v14.382l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.68a2.25 2.25 0 0 0 1.495-.569ZM18.992 5.897a.75.75 0 0 1 1.049.157A9.959 9.959 0 0 1 22 12a9.96 9.96 0 0 1-1.96 5.946.75.75 0 0 1-1.205-.892A8.459 8.459 0 0 0 20.5 12a8.459 8.459 0 0 0-1.665-5.054.75.75 0 0 1 .157-1.049Z" fill="white"/><path d="M17.143 8.37a.75.75 0 0 1 1.017.302c.536.99.84 2.125.84 3.328a6.973 6.973 0 0 1-.84 3.328.75.75 0 0 1-1.32-.714c.42-.777.66-1.666.66-2.614s-.24-1.837-.66-2.614a.75.75 0 0 1 .303-1.017Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/volmute.svg b/early/.config/eww/images/svg/dark/volmute.svg
new file mode 100755
index 000000000..474a67cb0
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/volmute.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.28 2.22a.75.75 0 1 0-1.06 1.06L6.438 7.5H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V16.06l5.72 5.72a.75.75 0 0 0 1.06-1.061L3.28 2.22ZM13.5 14.56v4.629l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.688L13.5 14.56ZM13.5 4.807v5.511l1.5 1.5V4.25c0-1.079-1.274-1.65-2.08-.934l-3.4 3.022 1.063 1.063L13.5 4.807ZM17.141 13.96l1.138 1.137A6.974 6.974 0 0 0 19 12a6.973 6.973 0 0 0-.84-3.328.75.75 0 0 0-1.32.714c.42.777.66 1.666.66 2.614 0 .691-.127 1.351-.359 1.96ZM19.388 16.206l1.093 1.094A9.955 9.955 0 0 0 22 12a9.959 9.959 0 0 0-1.96-5.946.75.75 0 0 0-1.205.892A8.46 8.46 0 0 1 20.5 12a8.458 8.458 0 0 1-1.112 4.206Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/wifi.svg b/early/.config/eww/images/svg/dark/wifi.svg
new file mode 100755
index 000000000..bd7500be3
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/wifi.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m12.858 14.273 7.434 7.434a1 1 0 0 0 1.414-1.414l-17.999-18a1 1 0 1 0-1.414 1.414L5.39 6.804c-.643.429-1.254.927-1.821 1.495a12.382 12.382 0 0 0-1.39 1.683 1 1 0 0 0 1.644 1.14c.363-.524.761-1.01 1.16-1.41a9.94 9.94 0 0 1 1.855-1.46L7.99 9.405a8.14 8.14 0 0 0-3.203 3.377 1 1 0 0 0 1.784.903 6.08 6.08 0 0 1 1.133-1.563 6.116 6.116 0 0 1 1.77-1.234l1.407 1.407A5.208 5.208 0 0 0 8.336 13.7a5.25 5.25 0 0 0-1.09 1.612 1 1 0 0 0 1.832.802c.167-.381.394-.722.672-1a3.23 3.23 0 0 1 3.108-.841Zm-1.332-5.93 2.228 2.229a6.1 6.1 0 0 1 2.616 1.55c.444.444.837.995 1.137 1.582a1 1 0 1 0 1.78-.911 8.353 8.353 0 0 0-1.503-2.085 8.108 8.108 0 0 0-6.258-2.365ZM8.51 5.327l1.651 1.651a9.904 9.904 0 0 1 10.016 4.148 1 1 0 1 0 1.646-1.136A11.912 11.912 0 0 0 8.51 5.327Zm4.552 11.114a1.501 1.501 0 1 1-2.123 2.123 1.501 1.501 0 0 1 2.123-2.123Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/wifi1.svg b/early/.config/eww/images/svg/dark/wifi1.svg
new file mode 100755
index 000000000..e77cb492f
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/wifi1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.96 18.568a1.501 1.501 0 1 0 2.122-2.123 1.501 1.501 0 0 0-2.123 2.123Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/wifi2.svg b/early/.config/eww/images/svg/dark/wifi2.svg
new file mode 100755
index 000000000..9bd4c1127
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/wifi2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.938 16.446a1.501 1.501 0 1 1 2.123 2.123 1.501 1.501 0 0 1-2.123-2.123Zm-2.603-2.742a5.233 5.233 0 0 1 7.4 0c.46.461.838 1.025 1.101 1.625a1 1 0 0 1-1.832.803 3.356 3.356 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.255 3.255 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.613Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/wifi3.svg b/early/.config/eww/images/svg/dark/wifi3.svg
new file mode 100755
index 000000000..15147e602
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/wifi3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.96 16.44a1.501 1.501 0 1 1 2.122 2.122 1.501 1.501 0 0 1-2.123-2.122Zm-2.604-2.742a5.233 5.233 0 0 1 7.4 0c.46.461.838 1.025 1.101 1.625a1 1 0 1 1-1.832.803 3.358 3.358 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.254 3.254 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.613ZM6.31 10.707a8.128 8.128 0 0 1 11.495 0 8.353 8.353 0 0 1 1.503 2.085 1 1 0 0 1-1.78.91 6.357 6.357 0 0 0-1.137-1.581 6.128 6.128 0 0 0-9.8 1.562 1 1 0 1 1-1.785-.902 8.08 8.08 0 0 1 1.504-2.074Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/wifi4.svg b/early/.config/eww/images/svg/dark/wifi4.svg
new file mode 100755
index 000000000..360b10868
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/wifi4.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.784 10.708a8.35 8.35 0 0 1 1.504 2.085 1 1 0 0 1-1.781.91 6.353 6.353 0 0 0-1.137-1.58 6.128 6.128 0 0 0-9.8 1.562 1 1 0 0 1-1.784-.903 8.128 8.128 0 0 1 12.998-2.074ZM15.735 13.7c.46.46.838 1.024 1.101 1.624a1 1 0 1 1-1.832.803 3.36 3.36 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.257 3.257 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.612 5.233 5.233 0 0 1 7.4 0Zm4.684-5.401c.508.508.987 1.087 1.404 1.691a1 1 0 0 1-1.646 1.136c-.35-.506-.752-.993-1.172-1.413-3.872-3.872-10.15-3.872-14.023 0-.4.399-.797.886-1.16 1.41a1 1 0 0 1-1.644-1.14c.428-.618.9-1.195 1.39-1.684 4.653-4.654 12.198-4.654 16.851 0Zm-7.358 8.142a1.501 1.501 0 1 1-2.122 2.123 1.501 1.501 0 0 1 2.122-2.123Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/dark/wiki.svg b/early/.config/eww/images/svg/dark/wiki.svg
new file mode 100755
index 000000000..a2d8358b6
--- /dev/null
+++ b/early/.config/eww/images/svg/dark/wiki.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0482 9.31178C70.2499 9.31178 75.08 12.1005 77.6809 16.6155L92.7287 42.6963C95.3295 47.2113 95.3295 52.7887 92.7287 57.3037L77.6809 83.3845C75.08 87.8995 70.2499 90.6882 65.0482 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27217 57.3037C4.67132 52.7887 4.67132 47.2113 7.27217 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0482ZM65.0482 4H34.9526C27.8401 4 21.2584 7.79792 17.7021 13.9596L2.65433 40.0404C-0.901929 46.2021 -0.901929 53.7979 2.65433 59.9596L17.7021 86.0404C21.2584 92.2021 27.8401 96 34.9526 96H65.0482C72.1607 96 78.7425 92.2021 82.2987 86.0404L97.3465 59.9596C100.903 53.7979 100.903 46.2021 97.3465 40.0404L82.2722 13.9596C78.7424 7.79792 72.1607 4 65.0482 4Z" fill="white"/>
+<path d="M50 48.3799C44.1348 48.3799 39.3843 43.6259 39.3843 37.7563C39.3843 31.8868 44.1348 27.1328 50 27.1328C55.8652 27.1328 60.6157 31.8868 60.6157 37.7563C60.6157 43.6259 55.8652 48.3799 50 48.3799ZM50 35.1005C48.5403 35.1005 47.3461 36.2956 47.3461 37.7563C47.3461 39.2171 48.5403 40.4122 50 40.4122C51.4596 40.4122 52.6539 39.2171 52.6539 37.7563C52.6539 36.2956 51.4596 35.1005 50 35.1005Z" fill="white"/>
+<path d="M38.7208 72.8672C37.7123 72.8672 36.6773 72.4688 35.9076 71.6986L24.7611 60.5439C23.1953 58.9769 23.1953 56.4538 24.7611 54.9134C26.327 53.3464 28.8482 53.3464 30.3875 54.9134L38.7208 63.2529L47.0807 54.8868C48.6465 53.3198 51.1677 53.3198 52.707 54.8868L61.0138 63.1997L69.4267 54.7806C70.9925 53.2136 73.5138 53.2136 75.053 54.7806C76.6189 56.3476 76.6189 58.8706 75.053 60.4111L63.8004 71.672C62.2346 73.239 59.7134 73.239 58.1741 71.672L49.8673 63.3591L41.5074 71.7251C40.7643 72.4688 39.7558 72.8672 38.7208 72.8672Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/downarrow.svg b/early/.config/eww/images/svg/downarrow.svg
new file mode 100755
index 000000000..c431b25a2
--- /dev/null
+++ b/early/.config/eww/images/svg/downarrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.293 8.293a1 1 0 0 1 1.414 0L12 14.586l6.293-6.293a1 1 0 1 1 1.414 1.414l-7 7a1 1 0 0 1-1.414 0l-7-7a1 1 0 0 1 0-1.414Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/folderopen.svg b/early/.config/eww/images/svg/folderopen.svg
new file mode 100755
index 000000000..b2ecc8c55
--- /dev/null
+++ b/early/.config/eww/images/svg/folderopen.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 9.502V8.75a2.25 2.25 0 0 0-2.25-2.25h-5.725l-2.38-1.98A2.25 2.25 0 0 0 8.204 4H4.25A2.25 2.25 0 0 0 2 6.25l-.004 11.5A2.25 2.25 0 0 0 4.246 20H18.47a1.75 1.75 0 0 0 1.698-1.325l1.75-6.998a1.75 1.75 0 0 0-1.698-2.175H20ZM4.25 5.5h3.956a.75.75 0 0 1 .48.173l2.588 2.154a.75.75 0 0 0 .48.173h5.996a.75.75 0 0 1 .75.75v.752H6.424a2.25 2.25 0 0 0-2.183 1.704l-.744 2.978L3.5 6.25a.75.75 0 0 1 .75-.75Zm1.447 6.07a.75.75 0 0 1 .727-.568H20.22a.25.25 0 0 1 .242.31l-1.75 6.999a.25.25 0 0 1-.242.189H4.285a.25.25 0 0 1-.243-.31l1.655-6.62Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/forum.svg b/early/.config/eww/images/svg/forum.svg
new file mode 100755
index 000000000..7bf9fd29c
--- /dev/null
+++ b/early/.config/eww/images/svg/forum.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.28849C70.2493 9.28849 75.0795 12.0649 77.6803 16.5602L92.7281 42.5266C95.3289 47.0219 95.3289 52.5748 92.7281 57.07L77.6803 83.0365C75.0795 87.5317 70.2493 90.3082 65.0476 90.3082H34.9521C29.7504 90.3082 24.9203 87.5317 22.3194 83.0365L7.27165 57.07C4.6708 52.5748 4.6708 47.0219 7.27165 42.5266L22.3194 16.5602C24.9203 12.0649 29.7504 9.28849 34.9521 9.28849H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.78127 17.7016 13.9159L2.65381 39.8824C-0.902448 46.0171 -0.902448 53.5796 2.65381 59.7142L17.7016 85.6807C21.2578 91.8154 27.8396 95.5966 34.9521 95.5966H65.0476C72.1602 95.5966 78.7419 91.8154 82.2982 85.6807L97.3459 59.7142C100.902 53.5796 100.902 46.0171 97.3459 39.8824L82.2716 13.9159C78.7419 7.78127 72.1602 4 65.0476 4Z" fill="#9F9BAB"/>
+<path d="M66.9851 40.8079C69.1837 40.8079 70.966 39.0321 70.966 36.8415C70.966 34.651 69.1837 32.8752 66.9851 32.8752C64.7865 32.8752 63.0042 34.651 63.0042 36.8415C63.0042 39.0321 64.7865 40.8079 66.9851 40.8079Z" fill="#9F9BAB"/>
+<path d="M51.327 40.8079H34.6072C32.4045 40.8079 30.6263 39.0362 30.6263 36.8415C30.6263 34.6468 32.4045 32.8752 34.6072 32.8752H51.327C53.5297 32.8752 55.3079 34.6468 55.3079 36.8415C55.3079 39.0362 53.5297 40.8079 51.327 40.8079Z" fill="#9F9BAB"/>
+<path d="M66.9851 67.2503C69.1837 67.2503 70.966 65.4745 70.966 63.284C70.966 61.0934 69.1837 59.3176 66.9851 59.3176C64.7865 59.3176 63.0042 61.0934 63.0042 63.284C63.0042 65.4745 64.7865 67.2503 66.9851 67.2503Z" fill="#9F9BAB"/>
+<path d="M51.327 67.2503H34.6072C32.4045 67.2503 30.6263 65.4787 30.6263 63.284C30.6263 61.0892 32.4045 59.3176 34.6072 59.3176H51.327C53.5297 59.3176 55.3079 61.0892 55.3079 63.284C55.3079 65.4787 53.5297 67.2503 51.327 67.2503Z" fill="#9F9BAB"/>
+<path d="M34.8726 54.0291C37.0712 54.0291 38.8535 52.2533 38.8535 50.0627C38.8535 47.8722 37.0712 46.0964 34.8726 46.0964C32.674 46.0964 30.8917 47.8722 30.8917 50.0627C30.8917 52.2533 32.674 54.0291 34.8726 54.0291Z" fill="#9F9BAB"/>
+<path d="M67.2505 54.0291H50.5308C48.328 54.0291 46.5499 52.2575 46.5499 50.0627C46.5499 47.868 48.328 46.0964 50.5308 46.0964H67.2505C69.4533 46.0964 71.2314 47.868 71.2314 50.0627C71.2314 52.2575 69.4533 54.0291 67.2505 54.0291Z" fill="#9F9BAB"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.5966" fill="#9F9BAB" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/graph.svg b/early/.config/eww/images/svg/graph.svg
new file mode 100755
index 000000000..b67cd95d4
--- /dev/null
+++ b/early/.config/eww/images/svg/graph.svg
@@ -0,0 +1,16 @@
+<svg width="1920" height="1080">
+  <circle cx="225" cy="350" r="40" stroke="#d7e2ff" stroke-width="3" fill="none" />
+  <circle cx="525" cy="250" r="40" stroke="#d7e2ff" stroke-width="3" fill="none" />
+  <circle cx="825" cy="350" r="40" stroke="#d7e2ff" stroke-width="3" fill="none" />
+  <circle cx="1125" cy="250" r="40" stroke="#d7e2ff" stroke-width="3" fill="none" />
+  <line x1="225" y1="350" x2="525" y2="250" stroke="#d7e2ff" stroke-width="3" 
+    stroke-linecap="round"/>
+  <line x1="525" y1="250" x2="825" y2="350" stroke="#d7e2ff" stroke-width="3" 
+    stroke-linecap="round"/>
+  <line x1="825" y1="350" x2="1125" y2="250" stroke="#d7e2ff" stroke-width="3" 
+    stroke-linecap="round"/>
+  <circle cx="225" cy="350" r="20" stroke="#d7e2ff" stroke-width="3" fill="#d7e2ff" />
+  <circle cx="525" cy="250" r="20" stroke="#d7e2ff" stroke-width="3" fill="#d7e2ff" />
+  <circle cx="825" cy="350" r="20" stroke="#d7e2ff" stroke-width="3" fill="#d7e2ff" />
+  <circle cx="1125" cy="250" r="20" stroke="#d7e2ff" stroke-width="3" fill="#d7e2ff" />
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/home.svg b/early/.config/eww/images/svg/home.svg
new file mode 100755
index 000000000..0d4a85f53
--- /dev/null
+++ b/early/.config/eww/images/svg/home.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0478 9.30786C70.2495 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.3291 47.1794 95.3291 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2495 90.6242 65.0478 90.6242H34.9522C29.7505 90.6242 24.9204 87.8376 22.3195 83.3259L7.27175 57.2643C4.67091 52.7527 4.67091 47.1794 7.27175 42.6677L22.3195 16.6062C24.9204 12.0945 29.7505 9.30786 34.9522 9.30786H65.0478ZM65.0478 4H34.9522C27.8397 4 21.258 7.79512 17.7017 13.9522L2.65392 40.0138C-0.902341 46.1709 -0.902341 53.7611 2.65392 59.9183L17.7017 85.9798C21.258 92.1369 27.8397 95.9321 34.9522 95.9321H65.0478C72.1603 95.9321 78.742 92.1369 82.2983 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1603 4 65.0478 4Z" fill="#d7e2ff"/>
+<path d="M68.5775 43.2781C68.0998 43.2781 67.5956 43.1985 67.1178 42.9862L50 36.2187L32.8822 42.9862C30.8386 43.7824 28.5297 42.8004 27.707 40.7569C26.9108 38.7134 27.8928 36.4045 29.9363 35.5817L48.5138 28.2304C49.4427 27.8588 50.5043 27.8588 51.4331 28.2304L70.0106 35.5817C72.0541 36.3779 73.0626 38.7134 72.2399 40.7569C71.6561 42.3227 70.1699 43.2781 68.5775 43.2781Z" fill="#d7e2ff"/>
+<path d="M57.3248 71.9671H42.7017C39.4108 71.9671 36.7569 69.2866 36.7569 66.0223V51.3991C36.7569 48.1083 39.4374 45.4543 42.7017 45.4543H57.3248C60.6157 45.4543 63.2696 48.1348 63.2696 51.3991V66.0223C63.2696 69.3132 60.5892 71.9671 57.3248 71.9671ZM44.6921 64.0053H55.3078V53.3896H44.6921V64.0053Z" fill="#d7e2ff"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#d7e2ff" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/icosahedron.svg b/early/.config/eww/images/svg/icosahedron.svg
new file mode 100755
index 000000000..e0f921696
--- /dev/null
+++ b/early/.config/eww/images/svg/icosahedron.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Created Sat Nov  1 22:06:13 2008 by ./xy2svg -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-1.862747 -1.862747 3.957948 3.957948"> 
+<g style="stroke:#d7e2ff" stroke-width=".015">
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="0.039227" y2="-0.287147"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.296790" y1="-1.531823" x2="1.278419" y2="-0.824517"/>
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="0.340080" y2="-1.463535"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="1.466545" y1="0.232765" x2="1.278419" y2="-0.824517"/>
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="1.278419" y1="0.586062" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="1.466545" y1="0.232765" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="0.340080" y1="1.755256" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="1.278419" y1="0.586062" x2="-0.296790" y2="1.277236"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="0.039227" y2="-0.287147"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="-1.189639" y2="-0.188816"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.296790" y1="-1.531823" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="-1.451475" y1="-0.665396" x2="-1.189639" y2="-0.188816"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-0.296790" y2="1.277236"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="-1.451475" y2="0.936129"/>
+<line stroke-linecap="round" x1="-1.451475" y1="0.936129" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="0.340080" y1="1.755256" x2="-0.055029" y2="0.402814"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="-1.451475" y2="0.936129"/>
+<line stroke-linecap="round" x1="-1.451475" y1="0.936129" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="-1.451475" y1="-0.665396" x2="-0.055029" y2="0.402814"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="0.340080" y2="-1.463535"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-1.451475" y2="0.936129"/>
+<!-- <line x1="5.340754" y1="-0.810999" x2="4.164357" y2="-0.285624"/>
+<line x1="4.164357" y1="-0.285624" x2="3.760373" y2="-1.532918"/>
+<line x1="3.760373" y1="-1.532918" x2="5.340754" y2="-0.810999"/>
+<line x1="5.340754" y1="-0.810999" x2="4.275964" y2="-1.462090"/>
+<line x1="4.275964" y1="-1.462090" x2="5.376515" y2="0.260659"/>
+<line x1="5.376515" y1="0.260659" x2="5.340754" y2="-0.810999"/>
+<line x1="5.340754" y1="-0.810999" x2="5.340754" y2="0.615801"/>
+<line x1="5.340754" y1="0.615801" x2="5.376515" y2="0.260659"/>
+<line x1="5.376515" y1="0.260659" x2="4.275964" y2="1.765372"/>
+<line x1="4.275964" y1="1.765372" x2="5.340754" y2="0.615801"/>
+<line x1="5.340754" y1="0.615801" x2="3.760373" y2="1.269571"/>
+<line x1="3.760373" y1="1.269571" x2="4.275964" y2="1.765372"/>
+<line x1="3.760373" y1="1.269571" x2="4.164357" y2="-0.285624"/>
+<line x1="4.164357" y1="-0.285624" x2="5.340754" y2="0.615801"/>
+<line x1="4.164357" y1="-0.285624" x2="2.908099" y2="-0.206764"/>
+<line x1="2.908099" y1="-0.206764" x2="3.760373" y2="-1.532918"/>
+<line x1="3.760373" y1="-1.532918" x2="2.514237" y2="-0.682403"/>
+<line x1="2.514237" y1="-0.682403" x2="2.908099" y2="-0.206764"/>
+<line x1="2.908099" y1="-0.206764" x2="3.760373" y2="1.269571"/>
+<line x1="3.760373" y1="1.269571" x2="2.514237" y2="0.898713"/>
+<line x1="2.514237" y1="0.898713" x2="4.275964" y2="1.765372"/>
+<line x1="4.275964" y1="1.765372" x2="3.769930" y2="0.399824"/>
+<line x1="3.769930" y1="0.399824" x2="2.514237" y2="0.898713"/>
+<line x1="2.514237" y1="0.898713" x2="2.514237" y2="-0.682403"/>
+<line x1="2.514237" y1="-0.682403" x2="3.769930" y2="0.399824"/>
+<line x1="3.769930" y1="0.399824" x2="4.275964" y2="-1.462090"/>
+<line x1="4.275964" y1="-1.462090" x2="2.514237" y2="-0.682403"/>
+<line x1="4.275964" y1="-1.462090" x2="3.760373" y2="-1.532918"/>
+<line x1="3.769930" y1="0.399824" x2="5.376515" y2="0.260659"/>
+<line x1="2.908099" y1="-0.206764" x2="2.514237" y2="0.898713"/> -->
+</g>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/airplane.svg b/early/.config/eww/images/svg/light/airplane.svg
new file mode 100755
index 000000000..7d16cd031
--- /dev/null
+++ b/early/.config/eww/images/svg/light/airplane.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9.47 9.643 8.768 3.77l-.002-.074c0-.889.72-1.61 1.61-1.61.802 0 1.545.42 1.977 1.135l.087.161 2.945 6.09 3.957-.117a2.6 2.6 0 0 1 2.672 2.53l.001.066a2.602 2.602 0 0 1-2.62 2.597l-3.963-.116-2.992 6.188a2.293 2.293 0 0 1-2.065 1.295c-.889 0-1.609-.72-1.609-1.631l.007-.118.707-5.908-2.132-.063-.27.736a1.946 1.946 0 0 1-1.827 1.278c-.876 0-1.586-.71-1.586-1.587v-.76l-.154-.032a1.92 1.92 0 0 1 0-3.758l.155-.032v-.76c0-.803.597-1.475 1.434-1.579l.151-.008c.745 0 1.423.426 1.765 1.127l.063.15.27.736 2.12-.062Zm.906-6.057c-.06 0-.109.049-.11.087l.887 7.422-4.84.141-.628-1.715-.032-.079c-.075-.152-.23-.25-.354-.251l-.058.002a.086.086 0 0 0-.075.085l.001 1.98-1.35.282a.419.419 0 0 0 0 .821l1.35.281v1.98c0 .047.038.086.085.086a.446.446 0 0 0 .419-.293l.64-1.751 4.854.141-.897 7.471v.03c0 .06.048.108.108.108a.793.793 0 0 0 .714-.448l3.415-7.063 4.914.144c.606 0 1.097-.491 1.097-1.086v-.043a1.097 1.097 0 0 0-1.13-1.064l-4.928.144-3.351-6.932-.053-.099a.793.793 0 0 0-.678-.381Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/app.svg b/early/.config/eww/images/svg/light/app.svg
new file mode 100755
index 000000000..ce93fdea2
--- /dev/null
+++ b/early/.config/eww/images/svg/light/app.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m18.492 2.33 3.179 3.179a2.25 2.25 0 0 1 0 3.182l-2.423 2.422A2.501 2.501 0 0 1 21 13.5v5a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 18.5v-13A2.5 2.5 0 0 1 5.5 3h5c1.121 0 2.07.737 2.387 1.754L15.31 2.33a2.25 2.25 0 0 1 3.182 0ZM11 13H5v5.5a.5.5 0 0 0 .5.5H11v-6Zm7.5 0H13v6h5.5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5Zm-4.06-2.001L13 9.559v1.44h1.44Zm-3.94-6h-5a.5.5 0 0 0-.5.5V11h6V5.5a.5.5 0 0 0-.5-.5Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/appgeneric.svg b/early/.config/eww/images/svg/light/appgeneric.svg
new file mode 100755
index 000000000..251cac6bd
--- /dev/null
+++ b/early/.config/eww/images/svg/light/appgeneric.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m17.751 3 .185.005a3.25 3.25 0 0 1 3.06 3.06l.005.185v11.5l-.005.184A3.25 3.25 0 0 1 17.751 21H6.25a3.25 3.25 0 0 1-3.245-3.066L3 17.75V6.25a3.25 3.25 0 0 1 3.066-3.245L6.25 3h11.501ZM19.5 8H4.501L4.5 17.75a1.75 1.75 0 0 0 1.606 1.744l.144.006h11.501l.144-.006a1.75 1.75 0 0 0 1.6-1.593l.006-.151L19.5 8Zm-9.25 1.5a.75.75 0 0 1 .743.648l.007.102v7a.75.75 0 0 1-.648.743L10.25 18h-3.5a.75.75 0 0 1-.743-.648L6 17.25v-7a.75.75 0 0 1 .648-.743L6.75 9.5h3.5ZM9.5 11h-2v5.5h2V11Zm6.75 1.503a.75.75 0 0 1 .102 1.493l-.102.007h-3.496a.75.75 0 0 1-.101-1.493l.101-.007h3.496Zm1-3.003a.75.75 0 0 1 .102 1.493L17.25 11h-4.496a.75.75 0 0 1-.101-1.493l.101-.007h4.496Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/applycolor.svg b/early/.config/eww/images/svg/light/applycolor.svg
new file mode 100755
index 000000000..695583a97
--- /dev/null
+++ b/early/.config/eww/images/svg/light/applycolor.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M2 12.414V17.5A2.5 2.5 0 0 0 4.5 20h15a2.5 2.5 0 0 0 2.5-2.5v-11A2.5 2.5 0 0 0 19.5 4h-8.944l1.5 1.5H19.5a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1v-3.586l-1.5-1.5Z" fill="#000000"/><path d="M6 1.75a.75.75 0 1 1 1.5 0v1.265c.45.04.89.233 1.235.578l3.536 3.536a2 2 0 0 1 0 2.828L8.027 14.2a2 2 0 0 1-2.829 0l-3.535-3.536a2 2 0 0 1 0-2.828l4.243-4.243c.03-.03.061-.06.093-.087V1.75Zm0 4.5v-.629l-2.89 2.89h8.245a.498.498 0 0 0-.145-.322L7.674 4.654A.498.498 0 0 0 7.5 4.54v1.71a.75.75 0 0 1-1.5 0Zm-2.868 3.76 3.128 3.13a.5.5 0 0 0 .707 0l3.129-3.13H3.132ZM11 13.375c0-.493.154-.972.342-1.381.19-.416.438-.806.673-1.134.238-.331.474-.613.65-.812.085-.097.24-.261.299-.323l.005-.005a.75.75 0 0 1 1.061 0l.305.328c.176.199.412.48.649.812.236.328.483.718.674 1.134.188.409.342.888.342 1.381C16 14.765 14.97 16 13.5 16c-1.471 0-2.5-1.235-2.5-2.625Zm2.234-1.64c-.202.28-.392.585-.53.885-.14.305-.204.56-.204.755 0 .691.48 1.125 1 1.125.519 0 1-.434 1-1.125 0-.194-.065-.45-.205-.755a5.494 5.494 0 0 0-.53-.886 8.417 8.417 0 0 0-.265-.35 8.33 8.33 0 0 0-.266.35Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/bat0.svg b/early/.config/eww/images/svg/light/bat0.svg
new file mode 100755
index 000000000..9bcffe06d
--- /dev/null
+++ b/early/.config/eww/images/svg/light/bat0.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/bat1.svg b/early/.config/eww/images/svg/light/bat1.svg
new file mode 100755
index 000000000..c00e2b58d
--- /dev/null
+++ b/early/.config/eww/images/svg/light/bat1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6.003 8.999H7a1 1 0 0 1 .993.883L8 10v4a1 1 0 0 1-.883.993L7 14.999h-.997a1 1 0 0 1-.993-.884L5.003 14v-4a1 1 0 0 1 .883-.994L6.003 9H7h-.997Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/bat10.svg b/early/.config/eww/images/svg/light/bat10.svg
new file mode 100755
index 000000000..80d559853
--- /dev/null
+++ b/early/.config/eww/images/svg/light/bat10.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h10a1 1 0 0 1 .993.883L17 10v4a1 1 0 0 1-.883.993L16 15H6a1 1 0 0 1-.993-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h10H6Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/bat2.svg b/early/.config/eww/images/svg/light/bat2.svg
new file mode 100755
index 000000000..9a912d0bd
--- /dev/null
+++ b/early/.config/eww/images/svg/light/bat2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9.003 8 9a1 1 0 0 1 .993.883L9 10v4a1 1 0 0 1-.883.993L8 15l-2 .003a1 1 0 0 1-.993-.883L5 14.003v-4a1 1 0 0 1 .883-.993L6 9.003 8 9l-2 .003Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/bat3.svg b/early/.config/eww/images/svg/light/bat3.svg
new file mode 100755
index 000000000..edc5afece
--- /dev/null
+++ b/early/.config/eww/images/svg/light/bat3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6.017 9H9a1 1 0 0 1 .993.883L10 10v4a1 1 0 0 1-.883.993L9 15H6.017a1 1 0 0 1-.994-.883L5.017 14v-4a1 1 0 0 1 .883-.993L6.017 9H9 6.017Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/bat4.svg b/early/.config/eww/images/svg/light/bat4.svg
new file mode 100755
index 000000000..05b2c815b
--- /dev/null
+++ b/early/.config/eww/images/svg/light/bat4.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h4a1 1 0 0 1 .993.883L11 10v4a1 1 0 0 1-.883.993L10 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h4-4Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/bat5.svg b/early/.config/eww/images/svg/light/bat5.svg
new file mode 100755
index 000000000..287e71cb4
--- /dev/null
+++ b/early/.config/eww/images/svg/light/bat5.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h5a1 1 0 0 1 .993.883L12 10v4a1 1 0 0 1-.883.993L11 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h5-5Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/bat6.svg b/early/.config/eww/images/svg/light/bat6.svg
new file mode 100755
index 000000000..c6c2d92d2
--- /dev/null
+++ b/early/.config/eww/images/svg/light/bat6.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h6a1 1 0 0 1 .993.883L13 10v4a1 1 0 0 1-.883.993L12 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h6-6Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/bat7.svg b/early/.config/eww/images/svg/light/bat7.svg
new file mode 100755
index 000000000..c3dd369a6
--- /dev/null
+++ b/early/.config/eww/images/svg/light/bat7.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h7a1 1 0 0 1 .993.883L14 10v4a1 1 0 0 1-.883.993L13 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h7-7Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/bat8.svg b/early/.config/eww/images/svg/light/bat8.svg
new file mode 100755
index 000000000..b2f433242
--- /dev/null
+++ b/early/.config/eww/images/svg/light/bat8.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h8a1 1 0 0 1 .993.883L15 10v4a1 1 0 0 1-.883.993L14 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h8-8Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/bat9.svg b/early/.config/eww/images/svg/light/bat9.svg
new file mode 100755
index 000000000..7b3c8ec77
--- /dev/null
+++ b/early/.config/eww/images/svg/light/bat9.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h9a1 1 0 0 1 .993.883L16 10v4a1 1 0 0 1-.883.993L15 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h9-9Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/batcharge.svg b/early/.config/eww/images/svg/light/batcharge.svg
new file mode 100755
index 000000000..55be957f9
--- /dev/null
+++ b/early/.config/eww/images/svg/light/batcharge.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.75 6H17a3 3 0 0 1 2.995 2.824L20 9v1l1 .018a1 1 0 0 1 .993.879l.008.12v2a1 1 0 0 1-.866.992l-.134.009L20 14v1a3 3 0 0 1-2.824 2.995L17 18H7.998a.75.75 0 0 1-.102-1.493l.102-.007H17a1.5 1.5 0 0 0 1.493-1.355L18.5 15V9a1.5 1.5 0 0 0-1.355-1.493L17 7.5h-6.25a.75.75 0 0 1-.102-1.493L10.75 6H17h-6.25Zm-4.499 4.998v6.252a.75.75 0 0 1-1.492.102l-.007-.102v-6.252H3.75A1.75 1.75 0 0 1 2 9.249V6.75A.75.75 0 0 1 2.75 6h.751V4.75a.75.75 0 0 1 .648-.743L4.251 4a.75.75 0 0 1 .743.648l.007.102V6h.995V4.75a.75.75 0 0 1 .65-.743l.1-.007a.75.75 0 0 1 .744.648l.007.102L7.496 6h.758a.75.75 0 0 1 .75.75v2.499a1.75 1.75 0 0 1-1.75 1.75l-1.003-.001v6.252-6.252ZM7.504 7.5H3.5v1.749c0 .138.112.25.25.25h3.504a.25.25 0 0 0 .25-.25V7.5Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/beatmappacks.svg b/early/.config/eww/images/svg/light/beatmappacks.svg
new file mode 100755
index 000000000..a37a07de5
--- /dev/null
+++ b/early/.config/eww/images/svg/light/beatmappacks.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="#000000"/>
+<path d="M45.8333 49.0106C45.4883 49.0106 45.1433 48.9575 44.8248 48.8248L25.3715 40.863C24.3365 40.4384 23.673 39.3768 23.7261 38.2622C23.7792 37.121 24.5488 36.1656 25.6369 35.8471L53.6093 27.8853C54.1932 27.7261 54.7771 27.7526 55.3344 27.9915L74.7877 35.9533C75.8227 36.3779 76.4862 37.4395 76.4331 38.5541C76.38 39.6953 75.6104 40.6507 74.5223 40.9692L46.5764 48.931C46.3376 48.9841 46.0987 49.0106 45.8333 49.0106ZM34.5011 38.8461L46.0191 43.5435L65.6847 37.9437L54.1667 33.2463L34.5011 38.8461Z" fill="#000000"/>
+<path d="M45.8333 74.1698C45.4883 74.1698 45.1433 74.1168 44.8248 73.9841L25.3715 66.0223C24.3365 65.5977 23.673 64.5361 23.7261 63.4214C23.7792 62.2802 24.5488 61.3248 25.6369 61.0064L53.5828 53.0446C54.1667 52.8853 54.7505 52.9119 55.3079 53.1507L74.7612 61.1125C75.7962 61.5372 76.4597 62.5987 76.4066 63.7134C76.3535 64.8546 75.5839 65.81 74.4958 66.1284L46.5499 74.0902C46.3376 74.1433 46.0987 74.1698 45.8333 74.1698ZM34.5011 64.0053L46.0191 68.7028L65.6847 63.103L54.1667 58.4055L34.5011 64.0053Z" fill="#000000"/>
+<path d="M26.4597 66.1285C25 66.1285 23.8057 64.9342 23.8057 63.4745V38.3153C23.8057 36.8556 25 35.6614 26.4597 35.6614C27.9193 35.6614 29.1136 36.8556 29.1136 38.3153V63.4745C29.1136 64.9342 27.9193 66.1285 26.4597 66.1285Z" fill="#000000"/>
+<path d="M45.9395 74.1433C44.4799 74.1433 43.2856 72.949 43.2856 71.4894V46.3301C43.2856 44.8705 44.4799 43.6762 45.9395 43.6762C47.3992 43.6762 48.5934 44.8705 48.5934 46.3301V71.4894C48.5934 72.949 47.3992 74.1433 45.9395 74.1433Z" fill="#000000"/>
+<path d="M54.4055 57.7421C52.9459 57.7421 51.7516 56.5478 51.7516 55.0881V30.4862C51.7516 29.0265 52.9459 27.8323 54.4055 27.8323C55.8652 27.8323 57.0594 29.0265 57.0594 30.4862V55.0881C57.0594 56.5478 55.8652 57.7421 54.4055 57.7421Z" fill="#000000"/>
+<path d="M73.8854 66.1285C72.4257 66.1285 71.2314 64.9342 71.2314 63.4745V38.8726C71.2314 37.413 72.4257 36.2187 73.8854 36.2187C75.345 36.2187 76.5393 37.413 76.5393 38.8726V63.4745C76.5393 64.9342 75.345 66.1285 73.8854 66.1285Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/beatmaps.svg b/early/.config/eww/images/svg/light/beatmaps.svg
new file mode 100755
index 000000000..5c8bcedbd
--- /dev/null
+++ b/early/.config/eww/images/svg/light/beatmaps.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="#000000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7375 27.0672C49.7375 22.2087 55.5763 19.7364 59.0652 23.1177L64.1858 28.0804C65.5739 29.4257 65.6086 31.6415 64.2633 33.0296C62.9181 34.4176 60.7023 34.4523 59.3142 33.1071L56.7375 30.6098V54.0937C56.7375 56.0267 55.1705 57.5937 53.2375 57.5937C51.3045 57.5937 49.7375 56.0267 49.7375 54.0937V27.0672Z" fill="#000000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M47.9008 55.8953C48.8125 55.8953 49.5516 55.1562 49.5516 54.2445C49.5516 53.3328 48.8125 52.5938 47.9008 52.5938C46.9891 52.5938 46.25 53.3328 46.25 54.2445C46.25 55.1562 46.9891 55.8953 47.9008 55.8953ZM47.9008 62.8953C52.6785 62.8953 56.5516 59.0222 56.5516 54.2445C56.5516 49.4668 52.6785 45.5938 47.9008 45.5938C43.1231 45.5938 39.25 49.4668 39.25 54.2445C39.25 59.0222 43.1231 62.8953 47.9008 62.8953Z" fill="#000000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.3186 33.2126C47.6854 34.5795 47.6854 36.7955 46.3186 38.1624L31.9479 52.5331C31.3621 53.1189 31.3621 54.0686 31.9479 54.6544L48.9393 71.6458C49.5251 72.2316 50.4748 72.2316 51.0606 71.6458L68.0521 54.6544C68.6379 54.0686 68.6379 53.1189 68.0521 52.5331L59.8376 44.3186C58.4708 42.9518 58.4708 40.7357 59.8376 39.3689C61.2044 38.002 63.4205 38.002 64.7873 39.3689L73.0018 47.5833C76.3213 50.9028 76.3213 56.2847 73.0018 59.6042L56.0104 76.5956C52.6909 79.915 47.309 79.915 43.9896 76.5956L26.9981 59.6042C23.6787 56.2847 23.6787 50.9028 26.9981 47.5833L41.3689 33.2126C42.7357 31.8458 44.9518 31.8458 46.3186 33.2126Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/bluetooth.svg b/early/.config/eww/images/svg/light/bluetooth.svg
new file mode 100755
index 000000000..91a7988a8
--- /dev/null
+++ b/early/.config/eww/images/svg/light/bluetooth.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m11.698 12.974 2.682 2.237-2.876 3.117v-5.193l.194-.161Zm1.171-.976 3.077-2.564a.75.75 0 0 0 .071-1.085l-4.711-5.104a.75.75 0 0 0-1.302.508v5.855l-1.12-.934a.75.75 0 1 0-.96 1.152l2.08 1.735v.871l-2.08 1.734a.75.75 0 0 0 .96 1.152l1.12-.934v5.863a.75.75 0 0 0 1.302.508l4.711-5.106a.75.75 0 0 0-.07-1.085l-3.078-2.566Zm-1.17-.977-.195-.162V5.672l2.876 3.115-2.682 2.234Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/bluetoothfalse.svg b/early/.config/eww/images/svg/light/bluetoothfalse.svg
new file mode 100755
index 000000000..1e01de0af
--- /dev/null
+++ b/early/.config/eww/images/svg/light/bluetoothfalse.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.28 2.22a.75.75 0 1 0-1.06 1.06L10 11.06v.498l.004.003v.871l-2.08 1.734a.75.75 0 0 0 .96 1.152l1.12-.934v5.863a.75.75 0 0 0 1.302.508l4.025-4.363 5.388 5.389a.75.75 0 0 0 1.061-1.061L3.28 2.22Zm8.222 10.343 2.768 2.768-2.766 2.997v-5.193l-.002-.572ZM15.946 9.434l-1.816 1.514-1.066-1.065 1.316-1.096-2.876-3.115v2.65l-1.5-1.5V3.754a.75.75 0 0 1 1.302-.508l4.711 5.104a.75.75 0 0 1-.07 1.085Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/bluetoothtrue.svg b/early/.config/eww/images/svg/light/bluetoothtrue.svg
new file mode 100755
index 000000000..34f93fb9f
--- /dev/null
+++ b/early/.config/eww/images/svg/light/bluetoothtrue.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.004 9.608V3.753c0-.646.752-.974 1.225-.58l.076.072 4.712 5.104a.75.75 0 0 1 .005 1.012l-.076.073-3.077 2.564 3.077 2.566a.75.75 0 0 1 .137 1.002l-.066.083-4.711 5.106c-.44.476-1.214.207-1.295-.404l-.007-.104v-5.863l-1.12.934a.75.75 0 0 1-1.04-1.075l.08-.077 2.08-1.734v-.87l-2.08-1.736a.75.75 0 0 1 .87-1.217l.09.065 1.12.934V3.753v5.855Zm1.694 3.366-.194.16v5.194l2.876-3.117-2.682-2.237ZM17 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2ZM6 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm5.504-5.328v5.187l.194.162 2.682-2.234-2.876-3.115Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/brightness.svg b/early/.config/eww/images/svg/light/brightness.svg
new file mode 100755
index 000000000..3a3704d3c
--- /dev/null
+++ b/early/.config/eww/images/svg/light/brightness.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M11.996 19.01a.75.75 0 0 1 .743.649l.007.102v1.5a.75.75 0 0 1-1.493.101l-.007-.101v-1.5a.75.75 0 0 1 .75-.75Zm6.022-2.072 1.06 1.06a.75.75 0 1 1-1.06 1.061l-1.06-1.06a.75.75 0 0 1 1.06-1.061Zm-10.983 0a.75.75 0 0 1 0 1.06L5.974 19.06a.75.75 0 0 1-1.06-1.06l1.06-1.061a.75.75 0 0 1 1.06 0ZM12 6.475a5.525 5.525 0 1 1 0 11.05 5.525 5.525 0 0 1 0-11.05Zm0 1.5a4.025 4.025 0 1 0 0 8.05 4.025 4.025 0 0 0 0-8.05Zm9.25 3.293a.75.75 0 0 1 .102 1.493l-.102.007h-1.5a.75.75 0 0 1-.102-1.493l.102-.007h1.5Zm-17-.029a.75.75 0 0 1 .102 1.494l-.102.006h-1.5a.75.75 0 0 1-.102-1.493l.102-.007h1.5Zm1.64-6.37.084.072 1.06 1.06a.75.75 0 0 1-.976 1.134l-.084-.073-1.06-1.06a.75.75 0 0 1 .976-1.134Zm13.188.072a.75.75 0 0 1 .073.977l-.073.084-1.06 1.06a.75.75 0 0 1-1.133-.976l.072-.084 1.06-1.061a.75.75 0 0 1 1.061 0ZM12 1.99a.75.75 0 0 1 .743.648l.007.102v1.5a.75.75 0 0 1-1.493.101l-.007-.102v-1.5a.75.75 0 0 1 .75-.75Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/calculator.svg b/early/.config/eww/images/svg/light/calculator.svg
new file mode 100755
index 000000000..d1a6a8e2a
--- /dev/null
+++ b/early/.config/eww/images/svg/light/calculator.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7 7a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2V7Zm2-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-.5-.5H9Zm-.75 8a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm1.25 2.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm6.25-2.75a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM17 17.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm-5-2.75a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm1.25 2.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM7.25 2A3.25 3.25 0 0 0 4 5.25v13.5A3.25 3.25 0 0 0 7.25 22h9.5A3.25 3.25 0 0 0 20 18.75V5.25A3.25 3.25 0 0 0 16.75 2h-9.5ZM5.5 5.25c0-.966.784-1.75 1.75-1.75h9.5c.966 0 1.75.784 1.75 1.75v13.5a1.75 1.75 0 0 1-1.75 1.75h-9.5a1.75 1.75 0 0 1-1.75-1.75V5.25Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/caretdown.svg b/early/.config/eww/images/svg/light/caretdown.svg
new file mode 100755
index 000000000..d4a1baf5f
--- /dev/null
+++ b/early/.config/eww/images/svg/light/caretdown.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.102 8c-1.074 0-1.648 1.265-.94 2.073l5.521 6.31a1.75 1.75 0 0 0 2.634 0l5.522-6.31c.707-.808.133-2.073-.94-2.073H6.101Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/caretup.svg b/early/.config/eww/images/svg/light/caretup.svg
new file mode 100755
index 000000000..d316a3a52
--- /dev/null
+++ b/early/.config/eww/images/svg/light/caretup.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.102 16.981c-1.074 0-1.648-1.265-.94-2.073l5.521-6.31a1.75 1.75 0 0 1 2.634 0l5.522 6.31c.707.809.133 2.073-.94 2.073H6.101Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/changelog.svg b/early/.config/eww/images/svg/light/changelog.svg
new file mode 100755
index 000000000..bb55ed079
--- /dev/null
+++ b/early/.config/eww/images/svg/light/changelog.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0471 9.31178C70.2488 9.31178 75.0789 12.1005 77.6798 16.6155L92.7275 42.6963C95.3284 47.2113 95.3284 52.7887 92.7275 57.3037L77.6798 83.3845C75.0789 87.8995 70.2488 90.6882 65.0471 90.6882H34.9515C29.7498 90.6882 24.9197 87.8995 22.3188 83.3845L7.27104 57.3037C4.67019 52.7887 4.67019 47.2113 7.27104 42.6963L22.3188 16.6155C24.9197 12.1005 29.7498 9.31178 34.9515 9.31178H65.0471ZM65.0471 4H34.9515C27.839 4 21.2572 7.79792 17.701 13.9596L2.6532 40.0404C-0.903062 46.2021 -0.903062 53.7979 2.6532 59.9596L17.701 86.0404C21.2572 92.2021 27.839 96 34.9515 96H65.0471C72.1596 96 78.7413 92.2021 82.2976 86.0404L97.3454 59.9596C100.902 53.7979 100.902 46.2021 97.3454 40.0404L82.2711 13.9596C78.7413 7.79792 72.1596 4 65.0471 4Z" fill="#000000"/>
+<path d="M43.0733 72.0439C42.4098 72.0439 41.7198 71.8845 41.0828 71.5127L28.0786 63.9965C25.2389 62.3499 23.4607 59.2956 23.4607 56.0023V43.9977C23.4607 40.7044 25.2389 37.6501 28.0786 36.0035L41.0828 28.4873C42.9936 27.3984 45.4087 28.0358 46.5234 29.948C47.6115 31.8603 46.9745 34.2771 45.0637 35.3926L32.0595 42.9088C31.6614 43.1212 31.4225 43.5462 31.4225 43.9977V56.0023C31.4225 56.4538 31.6614 56.8788 32.0595 57.0912L45.0637 64.6074C46.9745 65.6963 47.6115 68.1397 46.5234 70.052C45.8068 71.3268 44.4533 72.0439 43.0733 72.0439Z" fill="#000000"/>
+<path d="M56.9002 72.0439C55.5202 72.0439 54.1932 71.3268 53.4501 70.052C52.362 68.1397 52.9989 65.7229 54.9098 64.6074L67.914 57.0912C68.3121 56.8788 68.5509 56.4538 68.5509 56.0023V43.9977C68.5509 43.5462 68.3121 43.1212 67.914 42.9088L54.9098 35.3926C52.9989 34.3037 52.362 31.8603 53.4501 29.948C54.5382 28.0358 56.9798 27.3984 58.8907 28.4873L71.8949 36.0035C74.7346 37.6501 76.5127 40.7044 76.5127 43.9977V56.0023C76.5127 59.2956 74.7346 62.3499 71.8949 63.9965L58.8907 71.5127C58.2803 71.8845 57.5902 72.0439 56.9002 72.0439Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/chat.svg b/early/.config/eww/images/svg/light/chat.svg
new file mode 100755
index 000000000..6f3a9e386
--- /dev/null
+++ b/early/.config/eww/images/svg/light/chat.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0482 9.31178C70.2499 9.31178 75.08 12.1005 77.6809 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6809 83.3845C75.08 87.8995 70.2499 90.6882 65.0482 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27215 57.3037C4.6713 52.7887 4.6713 47.2113 7.27215 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0482ZM65.0482 4H34.9526C27.8401 4 21.2584 7.79792 17.7021 13.9596L2.65432 40.0404C-0.901944 46.2021 -0.901944 53.7979 2.65432 59.9596L17.7021 86.0404C21.2584 92.2021 27.8401 96 34.9526 96H65.0482C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3465 59.9596C100.903 53.7979 100.903 46.2021 97.3465 40.0404L82.2722 13.9596C78.7424 7.79792 72.1607 4 65.0482 4Z" fill="#000000"/>
+<g clip-path="url(#clip1)">
+<path d="M46.9436 72C44.9758 72 43.3872 70.4427 43.3872 68.5136C43.3872 67.7233 43.6718 66.9331 44.1697 66.3288L51.0453 57.9614C53.108 55.428 56.2376 53.9637 59.5332 53.987H64.3224C65.176 53.987 65.8635 53.2897 65.8635 52.4529L65.8161 39.4836C65.8161 38.6468 65.1286 37.9728 64.275 37.9728H36.725C35.8714 37.9728 35.1839 38.6468 35.1602 39.4836L35.1128 52.4065C35.1128 52.8248 35.2787 53.1967 35.5632 53.4989C35.8714 53.7778 36.2508 53.9405 36.6776 53.9405L40.2576 53.894H40.3051C42.2729 53.894 43.8614 55.428 43.8851 57.3571C43.9089 59.2863 42.3203 60.8435 40.3525 60.8668L36.7724 60.89C31.9831 60.9597 28.0711 57.1944 28 52.4994C28 52.4529 28 52.4065 28 52.36L28.0474 39.4371C28.0711 34.7885 31.9594 31 36.725 31H64.2987C69.0643 31 72.9289 34.7885 72.9526 39.4603L73 52.4297C73.0237 57.1247 69.1591 60.9365 64.3699 60.9597H64.3462H59.5569C58.4189 60.9597 57.3282 61.4711 56.617 62.3543L49.7413 70.7216C49.0537 71.5351 48.0342 72.0232 46.9436 72Z" fill="#000000"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+<clipPath id="clip1">
+<rect width="45" height="41" fill="#000000" transform="translate(28 31)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/checkbox.svg b/early/.config/eww/images/svg/light/checkbox.svg
new file mode 100755
index 000000000..931aef1e9
--- /dev/null
+++ b/early/.config/eww/images/svg/light/checkbox.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.25 3A3.25 3.25 0 0 0 3 6.25v11.5A3.25 3.25 0 0 0 6.25 21h11.5A3.25 3.25 0 0 0 21 17.75V6.25A3.25 3.25 0 0 0 17.75 3H6.25Zm10.03 6.78-5 5a.75.75 0 0 1-1.06 0l-2.004-2.004a.75.75 0 1 1 1.06-1.06l1.474 1.473 4.47-4.47a.75.75 0 1 1 1.06 1.061Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/checkbox_no.svg b/early/.config/eww/images/svg/light/checkbox_no.svg
new file mode 100755
index 000000000..dee077c1a
--- /dev/null
+++ b/early/.config/eww/images/svg/light/checkbox_no.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6 3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3Zm0 2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H6Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/cog.svg b/early/.config/eww/images/svg/light/cog.svg
new file mode 100755
index 000000000..fe00d1b58
--- /dev/null
+++ b/early/.config/eww/images/svg/light/cog.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.012 2.25c.734.008 1.465.093 2.182.253a.75.75 0 0 1 .582.649l.17 1.527a1.384 1.384 0 0 0 1.927 1.116l1.401-.615a.75.75 0 0 1 .85.174 9.792 9.792 0 0 1 2.204 3.792.75.75 0 0 1-.271.825l-1.242.916a1.381 1.381 0 0 0 0 2.226l1.243.915a.75.75 0 0 1 .272.826 9.797 9.797 0 0 1-2.204 3.792.75.75 0 0 1-.848.175l-1.407-.617a1.38 1.38 0 0 0-1.926 1.114l-.169 1.526a.75.75 0 0 1-.572.647 9.518 9.518 0 0 1-4.406 0 .75.75 0 0 1-.572-.647l-.168-1.524a1.382 1.382 0 0 0-1.926-1.11l-1.406.616a.75.75 0 0 1-.849-.175 9.798 9.798 0 0 1-2.204-3.796.75.75 0 0 1 .272-.826l1.243-.916a1.38 1.38 0 0 0 0-2.226l-1.243-.914a.75.75 0 0 1-.271-.826 9.793 9.793 0 0 1 2.204-3.792.75.75 0 0 1 .85-.174l1.4.615a1.387 1.387 0 0 0 1.93-1.118l.17-1.526a.75.75 0 0 1 .583-.65c.717-.159 1.45-.243 2.201-.252Zm0 1.5a9.135 9.135 0 0 0-1.354.117l-.109.977A2.886 2.886 0 0 1 6.525 7.17l-.898-.394a8.293 8.293 0 0 0-1.348 2.317l.798.587a2.881 2.881 0 0 1 0 4.643l-.799.588c.32.842.776 1.626 1.348 2.322l.905-.397a2.882 2.882 0 0 1 4.017 2.318l.11.984c.889.15 1.798.15 2.687 0l.11-.984a2.881 2.881 0 0 1 4.018-2.322l.905.396a8.296 8.296 0 0 0 1.347-2.318l-.798-.588a2.881 2.881 0 0 1 0-4.643l.796-.587a8.293 8.293 0 0 0-1.348-2.317l-.896.393a2.884 2.884 0 0 1-4.023-2.324l-.11-.976a8.988 8.988 0 0 0-1.333-.117ZM12 8.25a3.75 3.75 0 1 1 0 7.5 3.75 3.75 0 0 1 0-7.5Zm0 1.5a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/color.scss b/early/.config/eww/images/svg/light/color.scss
new file mode 100755
index 000000000..dd580d4ee
--- /dev/null
+++ b/early/.config/eww/images/svg/light/color.scss
@@ -0,0 +1 @@
+$colorbar: #000000;
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/color.txt b/early/.config/eww/images/svg/light/color.txt
new file mode 100755
index 000000000..c0abf774f
--- /dev/null
+++ b/early/.config/eww/images/svg/light/color.txt
@@ -0,0 +1 @@
+#000000
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/contests.svg b/early/.config/eww/images/svg/light/contests.svg
new file mode 100755
index 000000000..efd5b94e7
--- /dev/null
+++ b/early/.config/eww/images/svg/light/contests.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0478 9.30786C70.2495 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.3291 47.1794 95.3291 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2495 90.6242 65.0478 90.6242H34.9522C29.7505 90.6242 24.9204 87.8376 22.3195 83.3259L7.27175 57.2643C4.67091 52.7527 4.67091 47.1794 7.27175 42.6677L22.3195 16.6062C24.9204 12.0945 29.7505 9.30786 34.9522 9.30786H65.0478ZM65.0478 4H34.9522C27.8397 4 21.258 7.79512 17.7017 13.9522L2.65392 40.0138C-0.902341 46.1709 -0.902341 53.7611 2.65392 59.9183L17.7017 85.9798C21.258 92.1369 27.8397 95.9321 34.9522 95.9321H65.0478C72.1603 95.9321 78.742 92.1369 82.2983 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1603 4 65.0478 4Z" fill="#000000"/>
+<path d="M50 76.7707C47.7972 76.7707 46.0191 74.9925 46.0191 72.7898V53.9469C46.0191 51.7441 47.7972 49.966 50 49.966C52.2028 49.966 53.9809 51.7441 53.9809 53.9469V72.7898C53.9809 74.9925 52.2028 76.7707 50 76.7707Z" fill="#000000"/>
+<path d="M36.7304 71.9936C34.5276 71.9936 32.7495 70.2155 32.7495 68.0127V61.1125C32.7495 58.9098 34.5276 57.1316 36.7304 57.1316C38.9331 57.1316 40.7113 58.9098 40.7113 61.1125V68.0127C40.7113 70.2155 38.9331 71.9936 36.7304 71.9936Z" fill="#000000"/>
+<path d="M36.7304 51.8238C36.5977 51.8238 36.465 51.8238 36.3323 51.7973C36.1996 51.7973 36.0669 51.7707 35.9342 51.7442C35.8015 51.7176 35.6688 51.6911 35.5626 51.638C35.4299 51.5849 35.3238 51.5584 35.1911 51.5053C35.0849 51.4522 34.9522 51.3992 34.8461 51.3461C34.7399 51.293 34.6072 51.2134 34.5011 51.1338C34.3949 51.0542 34.2887 50.9745 34.1826 50.8949C34.0764 50.8153 33.9703 50.7091 33.8906 50.6295C33.811 50.5234 33.7049 50.4438 33.6253 50.3376C33.5456 50.2314 33.466 50.1253 33.3864 50.0191C33.3068 49.913 33.2537 49.8068 33.1741 49.6741C33.121 49.568 33.0679 49.4353 33.0149 49.3291C32.9618 49.223 32.9087 49.0903 32.8822 48.9576C32.8556 48.8249 32.8025 48.6922 32.776 48.586C32.7495 48.4533 32.7229 48.3206 32.7229 48.2145C32.6964 48.0818 32.6964 47.9491 32.6964 47.8164C32.6964 47.6837 32.6964 47.551 32.7229 47.4183C32.7229 47.2856 32.7495 47.1529 32.776 47.0202C32.8025 46.8875 32.8291 46.7548 32.8822 46.6486C32.9087 46.5159 32.9618 46.4098 33.0149 46.2771C33.0679 46.1709 33.121 46.0382 33.1741 45.9321C33.2272 45.8259 33.3068 45.6932 33.3864 45.5871C33.466 45.4809 33.5456 45.3748 33.6253 45.2686C33.7049 45.1624 33.7845 45.0563 33.8906 44.9767C33.9968 44.897 34.0764 44.7909 34.1826 44.7113C34.2887 44.6317 34.3949 44.552 34.5011 44.4724C34.6072 44.3928 34.7134 44.3397 34.8461 44.2601C34.9522 44.207 35.0849 44.1539 35.1911 44.1009C35.3238 44.0478 35.4299 43.9947 35.5626 43.9682C35.6953 43.9416 35.828 43.8886 35.9342 43.862C36.0669 43.8355 36.1996 43.8089 36.3323 43.8089C36.5977 43.7824 36.8631 43.7824 37.1019 43.8089C37.2346 43.8089 37.3673 43.8355 37.5 43.862C37.6327 43.8886 37.7654 43.9151 37.8715 43.9682C38.0042 43.9947 38.1104 44.0478 38.2431 44.1009C38.3758 44.1539 38.4819 44.207 38.5881 44.2601C38.6943 44.3132 38.827 44.3928 38.9331 44.4724C39.0393 44.552 39.1454 44.6317 39.2516 44.7113C39.3577 44.7909 39.4639 44.8705 39.5435 44.9767C39.6231 45.0828 39.7293 45.1624 39.8089 45.2686C39.8885 45.3748 39.9681 45.4809 40.0478 45.5871C40.1274 45.6932 40.1805 45.7994 40.2601 45.9321C40.3132 46.0382 40.3662 46.1709 40.4193 46.2771C40.4724 46.4098 40.4989 46.5159 40.552 46.6486C40.5786 46.7813 40.6316 46.914 40.6582 47.0202C40.6847 47.1529 40.7112 47.2856 40.7112 47.4183C40.7378 47.551 40.7378 47.6837 40.7378 47.8164C40.7378 47.9491 40.7378 48.0818 40.7112 48.2145C40.7112 48.3472 40.6847 48.4799 40.6582 48.586C40.6316 48.7187 40.6051 48.8514 40.552 48.9576C40.4989 49.0903 40.4724 49.1964 40.4193 49.3291C40.3662 49.4618 40.3132 49.568 40.2601 49.6741C40.207 49.7803 40.1274 49.913 40.0478 50.0191C39.9681 50.1253 39.8885 50.2314 39.8089 50.3376C39.7293 50.4438 39.6231 50.5499 39.5435 50.6295C39.4374 50.7091 39.3577 50.8153 39.2516 50.8949C39.1454 50.9745 39.0393 51.0542 38.9331 51.1338C38.827 51.2134 38.7208 51.2665 38.5881 51.3461C38.4819 51.3992 38.3493 51.4522 38.2431 51.5053C38.1369 51.5584 38.0042 51.5849 37.8715 51.638C37.7388 51.6646 37.6327 51.7176 37.5 51.7442C37.3673 51.7707 37.2346 51.7973 37.1019 51.7973C36.9957 51.8238 36.863 51.8238 36.7304 51.8238Z" fill="#000000"/>
+<path d="M63.2696 71.9936C61.0669 71.9936 59.2887 70.2155 59.2887 68.0127V61.1125C59.2887 58.9098 61.0669 57.1316 63.2696 57.1316C65.4724 57.1316 67.2505 58.9098 67.2505 61.1125V68.0127C67.2505 70.2155 65.4724 71.9936 63.2696 71.9936Z" fill="#000000"/>
+<path d="M63.2696 51.8238C63.1369 51.8238 63.0043 51.8238 62.8716 51.7973C62.7389 51.7973 62.6062 51.7707 62.4735 51.7442C62.3408 51.7176 62.2081 51.6911 62.1019 51.638C61.9692 51.5849 61.8631 51.5584 61.7304 51.5053C61.6242 51.4522 61.4915 51.3992 61.3854 51.3461C61.2792 51.293 61.1465 51.2134 61.0403 51.1338C60.9342 51.0542 60.828 50.9745 60.7219 50.8949C60.6157 50.8153 60.5096 50.7091 60.4299 50.6295C60.3503 50.5234 60.2442 50.4438 60.1645 50.3376C60.0849 50.2314 60.0053 50.1253 59.9257 50.0191C59.8461 49.913 59.793 49.8068 59.7134 49.6741C59.6603 49.568 59.6072 49.4353 59.5541 49.3291C59.5011 49.223 59.448 49.0903 59.4214 48.9576C59.3949 48.8249 59.3418 48.6922 59.3153 48.586C59.2888 48.4533 59.2622 48.3206 59.2622 48.2145C59.2622 48.0818 59.2357 47.9491 59.2357 47.8164C59.2357 47.6837 59.2357 47.551 59.2622 47.4183C59.2622 47.2856 59.2888 47.1529 59.3153 47.0202C59.3418 46.8875 59.3684 46.7548 59.4214 46.6486C59.448 46.5159 59.5011 46.4098 59.5541 46.2771C59.6072 46.1709 59.6603 46.0382 59.7134 45.9321C59.7665 45.8259 59.8461 45.6932 59.9257 45.5871C60.0053 45.4809 60.0849 45.3748 60.1645 45.2686C60.2442 45.1624 60.3238 45.0563 60.4299 44.9767C60.5361 44.897 60.6157 44.7909 60.7219 44.7113C60.828 44.6317 60.9342 44.552 61.0403 44.4724C61.1465 44.3928 61.2527 44.3397 61.3854 44.2601C61.4915 44.207 61.6242 44.1539 61.7304 44.1009C61.8631 44.0478 61.9692 43.9947 62.1019 43.9682C62.2346 43.9416 62.3673 43.8886 62.4735 43.862C62.6062 43.8355 62.7389 43.8089 62.8716 43.8089C63.1369 43.7824 63.4023 43.7824 63.6677 43.8089C63.8004 43.8089 63.9331 43.8355 64.0393 43.862C64.172 43.8886 64.3047 43.9151 64.4108 43.9682C64.5435 43.9947 64.6497 44.0478 64.7824 44.1009C64.9151 44.1539 65.0212 44.207 65.1274 44.2601C65.2336 44.3132 65.3663 44.3928 65.4724 44.4724C65.5786 44.552 65.6847 44.6317 65.7909 44.7113C65.897 44.7909 66.0032 44.8705 66.0828 44.9767C66.1624 45.0828 66.2686 45.1624 66.3482 45.2686C66.4278 45.3748 66.5074 45.4809 66.5871 45.5871C66.6667 45.6932 66.7198 45.7994 66.7994 45.9321C66.8525 46.0382 66.9055 46.1709 66.9586 46.2771C67.0117 46.4098 67.0382 46.5159 67.0913 46.6486C67.1178 46.7813 67.1709 46.914 67.1975 47.0202C67.224 47.1529 67.2505 47.2856 67.2505 47.4183C67.2771 47.551 67.2771 47.6837 67.2771 47.8164C67.2771 47.9491 67.2771 48.0818 67.2505 48.2145C67.2505 48.3472 67.224 48.4799 67.1975 48.586C67.1709 48.7187 67.1444 48.8514 67.0913 48.9576C67.0382 49.0903 67.0117 49.1964 66.9586 49.3291C66.9055 49.4618 66.8525 49.568 66.7994 49.6741C66.7463 49.7803 66.6667 49.913 66.5871 50.0191C66.5074 50.1253 66.4278 50.2314 66.3482 50.3376C66.2686 50.4438 66.1624 50.5499 66.0828 50.6295C65.9767 50.7091 65.897 50.8153 65.7909 50.8949C65.6847 50.9745 65.5786 51.0542 65.4724 51.1338C65.3663 51.2134 65.2601 51.2665 65.1274 51.3461C65.0212 51.3992 64.8885 51.4522 64.7824 51.5053C64.6762 51.5584 64.5435 51.5849 64.4108 51.638C64.2781 51.6646 64.172 51.7176 64.0393 51.7442C63.9066 51.7707 63.7739 51.7973 63.6677 51.7973C63.535 51.8238 63.4023 51.8238 63.2696 51.8238Z" fill="#000000"/>
+<path d="M50 44.7909C44.1348 44.7909 39.3843 40.0403 39.3843 34.1752C39.3843 28.31 44.1348 23.5594 50 23.5594C55.8652 23.5594 60.6157 28.31 60.6157 34.1752C60.6157 40.0403 55.8652 44.7909 50 44.7909ZM50 31.5212C48.5403 31.5212 47.3461 32.7155 47.3461 34.1752C47.3461 35.6348 48.5403 36.8291 50 36.8291C51.4597 36.8291 52.6539 35.6348 52.6539 34.1752C52.6539 32.7155 51.4597 31.5212 50 31.5212Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/copy.svg b/early/.config/eww/images/svg/light/copy.svg
new file mode 100755
index 000000000..646e5c69c
--- /dev/null
+++ b/early/.config/eww/images/svg/light/copy.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5.503 4.627 5.5 6.75v10.504a3.25 3.25 0 0 0 3.25 3.25h8.616a2.251 2.251 0 0 1-2.122 1.5H8.75A4.75 4.75 0 0 1 4 17.254V6.75c0-.98.627-1.815 1.503-2.123ZM17.75 2A2.25 2.25 0 0 1 20 4.25v13a2.25 2.25 0 0 1-2.25 2.25h-9a2.25 2.25 0 0 1-2.25-2.25v-13A2.25 2.25 0 0 1 8.75 2h9Zm0 1.5h-9a.75.75 0 0 0-.75.75v13c0 .414.336.75.75.75h9a.75.75 0 0 0 .75-.75v-13a.75.75 0 0 0-.75-.75Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/downarrow.svg b/early/.config/eww/images/svg/light/downarrow.svg
new file mode 100755
index 000000000..9a444f159
--- /dev/null
+++ b/early/.config/eww/images/svg/light/downarrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.293 8.293a1 1 0 0 1 1.414 0L12 14.586l6.293-6.293a1 1 0 1 1 1.414 1.414l-7 7a1 1 0 0 1-1.414 0l-7-7a1 1 0 0 1 0-1.414Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/folderopen.svg b/early/.config/eww/images/svg/light/folderopen.svg
new file mode 100755
index 000000000..b7516348d
--- /dev/null
+++ b/early/.config/eww/images/svg/light/folderopen.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 9.502V8.75a2.25 2.25 0 0 0-2.25-2.25h-5.725l-2.38-1.98A2.25 2.25 0 0 0 8.204 4H4.25A2.25 2.25 0 0 0 2 6.25l-.004 11.5A2.25 2.25 0 0 0 4.246 20H18.47a1.75 1.75 0 0 0 1.698-1.325l1.75-6.998a1.75 1.75 0 0 0-1.698-2.175H20ZM4.25 5.5h3.956a.75.75 0 0 1 .48.173l2.588 2.154a.75.75 0 0 0 .48.173h5.996a.75.75 0 0 1 .75.75v.752H6.424a2.25 2.25 0 0 0-2.183 1.704l-.744 2.978L3.5 6.25a.75.75 0 0 1 .75-.75Zm1.447 6.07a.75.75 0 0 1 .727-.568H20.22a.25.25 0 0 1 .242.31l-1.75 6.999a.25.25 0 0 1-.242.189H4.285a.25.25 0 0 1-.243-.31l1.655-6.62Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/forum.svg b/early/.config/eww/images/svg/light/forum.svg
new file mode 100755
index 000000000..f743df8e9
--- /dev/null
+++ b/early/.config/eww/images/svg/light/forum.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.28849C70.2493 9.28849 75.0795 12.0649 77.6803 16.5602L92.7281 42.5266C95.3289 47.0219 95.3289 52.5748 92.7281 57.07L77.6803 83.0365C75.0795 87.5317 70.2493 90.3082 65.0476 90.3082H34.9521C29.7504 90.3082 24.9203 87.5317 22.3194 83.0365L7.27165 57.07C4.6708 52.5748 4.6708 47.0219 7.27165 42.5266L22.3194 16.5602C24.9203 12.0649 29.7504 9.28849 34.9521 9.28849H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.78127 17.7016 13.9159L2.65381 39.8824C-0.902448 46.0171 -0.902448 53.5796 2.65381 59.7142L17.7016 85.6807C21.2578 91.8154 27.8396 95.5966 34.9521 95.5966H65.0476C72.1602 95.5966 78.7419 91.8154 82.2982 85.6807L97.3459 59.7142C100.902 53.5796 100.902 46.0171 97.3459 39.8824L82.2716 13.9159C78.7419 7.78127 72.1602 4 65.0476 4Z" fill="#000000"/>
+<path d="M66.9851 40.8079C69.1837 40.8079 70.966 39.0321 70.966 36.8415C70.966 34.651 69.1837 32.8752 66.9851 32.8752C64.7865 32.8752 63.0042 34.651 63.0042 36.8415C63.0042 39.0321 64.7865 40.8079 66.9851 40.8079Z" fill="#000000"/>
+<path d="M51.327 40.8079H34.6072C32.4045 40.8079 30.6263 39.0362 30.6263 36.8415C30.6263 34.6468 32.4045 32.8752 34.6072 32.8752H51.327C53.5297 32.8752 55.3079 34.6468 55.3079 36.8415C55.3079 39.0362 53.5297 40.8079 51.327 40.8079Z" fill="#000000"/>
+<path d="M66.9851 67.2503C69.1837 67.2503 70.966 65.4745 70.966 63.284C70.966 61.0934 69.1837 59.3176 66.9851 59.3176C64.7865 59.3176 63.0042 61.0934 63.0042 63.284C63.0042 65.4745 64.7865 67.2503 66.9851 67.2503Z" fill="#000000"/>
+<path d="M51.327 67.2503H34.6072C32.4045 67.2503 30.6263 65.4787 30.6263 63.284C30.6263 61.0892 32.4045 59.3176 34.6072 59.3176H51.327C53.5297 59.3176 55.3079 61.0892 55.3079 63.284C55.3079 65.4787 53.5297 67.2503 51.327 67.2503Z" fill="#000000"/>
+<path d="M34.8726 54.0291C37.0712 54.0291 38.8535 52.2533 38.8535 50.0627C38.8535 47.8722 37.0712 46.0964 34.8726 46.0964C32.674 46.0964 30.8917 47.8722 30.8917 50.0627C30.8917 52.2533 32.674 54.0291 34.8726 54.0291Z" fill="#000000"/>
+<path d="M67.2505 54.0291H50.5308C48.328 54.0291 46.5499 52.2575 46.5499 50.0627C46.5499 47.868 48.328 46.0964 50.5308 46.0964H67.2505C69.4533 46.0964 71.2314 47.868 71.2314 50.0627C71.2314 52.2575 69.4533 54.0291 67.2505 54.0291Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.5966" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/graph.svg b/early/.config/eww/images/svg/light/graph.svg
new file mode 100755
index 000000000..68c74ee66
--- /dev/null
+++ b/early/.config/eww/images/svg/light/graph.svg
@@ -0,0 +1,16 @@
+<svg width="1920" height="1080">
+  <circle cx="225" cy="350" r="40" stroke="#000000" stroke-width="3" fill="none" />
+  <circle cx="525" cy="250" r="40" stroke="#000000" stroke-width="3" fill="none" />
+  <circle cx="825" cy="350" r="40" stroke="#000000" stroke-width="3" fill="none" />
+  <circle cx="1125" cy="250" r="40" stroke="#000000" stroke-width="3" fill="none" />
+  <line x1="225" y1="350" x2="525" y2="250" stroke="#000000" stroke-width="3" 
+    stroke-linecap="round"/>
+  <line x1="525" y1="250" x2="825" y2="350" stroke="#000000" stroke-width="3" 
+    stroke-linecap="round"/>
+  <line x1="825" y1="350" x2="1125" y2="250" stroke="#000000" stroke-width="3" 
+    stroke-linecap="round"/>
+  <circle cx="225" cy="350" r="20" stroke="#000000" stroke-width="3" fill="#000000" />
+  <circle cx="525" cy="250" r="20" stroke="#000000" stroke-width="3" fill="#000000" />
+  <circle cx="825" cy="350" r="20" stroke="#000000" stroke-width="3" fill="#000000" />
+  <circle cx="1125" cy="250" r="20" stroke="#000000" stroke-width="3" fill="#000000" />
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/home.svg b/early/.config/eww/images/svg/light/home.svg
new file mode 100755
index 000000000..50eb4a235
--- /dev/null
+++ b/early/.config/eww/images/svg/light/home.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0478 9.30786C70.2495 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.3291 47.1794 95.3291 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2495 90.6242 65.0478 90.6242H34.9522C29.7505 90.6242 24.9204 87.8376 22.3195 83.3259L7.27175 57.2643C4.67091 52.7527 4.67091 47.1794 7.27175 42.6677L22.3195 16.6062C24.9204 12.0945 29.7505 9.30786 34.9522 9.30786H65.0478ZM65.0478 4H34.9522C27.8397 4 21.258 7.79512 17.7017 13.9522L2.65392 40.0138C-0.902341 46.1709 -0.902341 53.7611 2.65392 59.9183L17.7017 85.9798C21.258 92.1369 27.8397 95.9321 34.9522 95.9321H65.0478C72.1603 95.9321 78.742 92.1369 82.2983 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1603 4 65.0478 4Z" fill="#000000"/>
+<path d="M68.5775 43.2781C68.0998 43.2781 67.5956 43.1985 67.1178 42.9862L50 36.2187L32.8822 42.9862C30.8386 43.7824 28.5297 42.8004 27.707 40.7569C26.9108 38.7134 27.8928 36.4045 29.9363 35.5817L48.5138 28.2304C49.4427 27.8588 50.5043 27.8588 51.4331 28.2304L70.0106 35.5817C72.0541 36.3779 73.0626 38.7134 72.2399 40.7569C71.6561 42.3227 70.1699 43.2781 68.5775 43.2781Z" fill="#000000"/>
+<path d="M57.3248 71.9671H42.7017C39.4108 71.9671 36.7569 69.2866 36.7569 66.0223V51.3991C36.7569 48.1083 39.4374 45.4543 42.7017 45.4543H57.3248C60.6157 45.4543 63.2696 48.1348 63.2696 51.3991V66.0223C63.2696 69.3132 60.5892 71.9671 57.3248 71.9671ZM44.6921 64.0053H55.3078V53.3896H44.6921V64.0053Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/icosahedron.svg b/early/.config/eww/images/svg/light/icosahedron.svg
new file mode 100755
index 000000000..c443f2a56
--- /dev/null
+++ b/early/.config/eww/images/svg/light/icosahedron.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Created Sat Nov  1 22:06:13 2008 by ./xy2svg -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-1.862747 -1.862747 3.957948 3.957948"> 
+<g style="stroke:#000000" stroke-width=".015">
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="0.039227" y2="-0.287147"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.296790" y1="-1.531823" x2="1.278419" y2="-0.824517"/>
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="0.340080" y2="-1.463535"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="1.466545" y1="0.232765" x2="1.278419" y2="-0.824517"/>
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="1.278419" y1="0.586062" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="1.466545" y1="0.232765" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="0.340080" y1="1.755256" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="1.278419" y1="0.586062" x2="-0.296790" y2="1.277236"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="0.039227" y2="-0.287147"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="-1.189639" y2="-0.188816"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.296790" y1="-1.531823" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="-1.451475" y1="-0.665396" x2="-1.189639" y2="-0.188816"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-0.296790" y2="1.277236"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="-1.451475" y2="0.936129"/>
+<line stroke-linecap="round" x1="-1.451475" y1="0.936129" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="0.340080" y1="1.755256" x2="-0.055029" y2="0.402814"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="-1.451475" y2="0.936129"/>
+<line stroke-linecap="round" x1="-1.451475" y1="0.936129" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="-1.451475" y1="-0.665396" x2="-0.055029" y2="0.402814"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="0.340080" y2="-1.463535"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-1.451475" y2="0.936129"/>
+<!-- <line x1="5.340754" y1="-0.810999" x2="4.164357" y2="-0.285624"/>
+<line x1="4.164357" y1="-0.285624" x2="3.760373" y2="-1.532918"/>
+<line x1="3.760373" y1="-1.532918" x2="5.340754" y2="-0.810999"/>
+<line x1="5.340754" y1="-0.810999" x2="4.275964" y2="-1.462090"/>
+<line x1="4.275964" y1="-1.462090" x2="5.376515" y2="0.260659"/>
+<line x1="5.376515" y1="0.260659" x2="5.340754" y2="-0.810999"/>
+<line x1="5.340754" y1="-0.810999" x2="5.340754" y2="0.615801"/>
+<line x1="5.340754" y1="0.615801" x2="5.376515" y2="0.260659"/>
+<line x1="5.376515" y1="0.260659" x2="4.275964" y2="1.765372"/>
+<line x1="4.275964" y1="1.765372" x2="5.340754" y2="0.615801"/>
+<line x1="5.340754" y1="0.615801" x2="3.760373" y2="1.269571"/>
+<line x1="3.760373" y1="1.269571" x2="4.275964" y2="1.765372"/>
+<line x1="3.760373" y1="1.269571" x2="4.164357" y2="-0.285624"/>
+<line x1="4.164357" y1="-0.285624" x2="5.340754" y2="0.615801"/>
+<line x1="4.164357" y1="-0.285624" x2="2.908099" y2="-0.206764"/>
+<line x1="2.908099" y1="-0.206764" x2="3.760373" y2="-1.532918"/>
+<line x1="3.760373" y1="-1.532918" x2="2.514237" y2="-0.682403"/>
+<line x1="2.514237" y1="-0.682403" x2="2.908099" y2="-0.206764"/>
+<line x1="2.908099" y1="-0.206764" x2="3.760373" y2="1.269571"/>
+<line x1="3.760373" y1="1.269571" x2="2.514237" y2="0.898713"/>
+<line x1="2.514237" y1="0.898713" x2="4.275964" y2="1.765372"/>
+<line x1="4.275964" y1="1.765372" x2="3.769930" y2="0.399824"/>
+<line x1="3.769930" y1="0.399824" x2="2.514237" y2="0.898713"/>
+<line x1="2.514237" y1="0.898713" x2="2.514237" y2="-0.682403"/>
+<line x1="2.514237" y1="-0.682403" x2="3.769930" y2="0.399824"/>
+<line x1="3.769930" y1="0.399824" x2="4.275964" y2="-1.462090"/>
+<line x1="4.275964" y1="-1.462090" x2="2.514237" y2="-0.682403"/>
+<line x1="4.275964" y1="-1.462090" x2="3.760373" y2="-1.532918"/>
+<line x1="3.769930" y1="0.399824" x2="5.376515" y2="0.260659"/>
+<line x1="2.908099" y1="-0.206764" x2="2.514237" y2="0.898713"/> -->
+</g>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/linehorizontal.svg b/early/.config/eww/images/svg/light/linehorizontal.svg
new file mode 100755
index 000000000..81ead10da
--- /dev/null
+++ b/early/.config/eww/images/svg/light/linehorizontal.svg
@@ -0,0 +1,3 @@
+<svg height="3" width="75">
+  <line x1="1.5" y1="1.5" x2="73.5" y2="1.5" stroke="#000000" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/linetransparent.svg b/early/.config/eww/images/svg/light/linetransparent.svg
new file mode 100755
index 000000000..9be840a61
--- /dev/null
+++ b/early/.config/eww/images/svg/light/linetransparent.svg
@@ -0,0 +1,3 @@
+<svg height="26.5" width="3">
+  <line x1="1.5" y1="1.5" x2="1.5" y2="25" stroke="transparent" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/linevertical.svg b/early/.config/eww/images/svg/light/linevertical.svg
new file mode 100755
index 000000000..ff695f8c9
--- /dev/null
+++ b/early/.config/eww/images/svg/light/linevertical.svg
@@ -0,0 +1,3 @@
+<svg height="26.5" width="3">
+  <line x1="1.5" y1="1.5" x2="1.5" y2="25" stroke="#000000" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/moon.svg b/early/.config/eww/images/svg/light/moon.svg
new file mode 100755
index 000000000..76b35d988
--- /dev/null
+++ b/early/.config/eww/images/svg/light/moon.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.026 17.001c-2.762 4.784-8.879 6.423-13.663 3.661a9.964 9.964 0 0 1-3.234-2.983.75.75 0 0 1 .365-1.131c3.767-1.348 5.785-2.911 6.956-5.146 1.232-2.353 1.551-4.93.689-8.464a.75.75 0 0 1 .769-.926 9.961 9.961 0 0 1 4.457 1.327C21.149 6.1 22.788 12.217 20.025 17Zm-8.248-4.903c-1.25 2.388-3.31 4.099-6.817 5.499a8.492 8.492 0 0 0 2.152 1.766 8.501 8.501 0 1 0 8.502-14.725 8.485 8.485 0 0 0-2.792-1.016c.647 3.384.23 6.044-1.045 8.476Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/news.svg b/early/.config/eww/images/svg/light/news.svg
new file mode 100755
index 000000000..057a49a14
--- /dev/null
+++ b/early/.config/eww/images/svg/light/news.svg
@@ -0,0 +1,18 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0468 9.31178C70.2485 9.31178 75.0786 12.1005 77.6795 16.6155L92.7272 42.6963C95.3281 47.2113 95.3281 52.7887 92.7272 57.3037L77.6795 83.3845C75.0786 87.8995 70.2485 90.6882 65.0468 90.6882H34.9512C29.7495 90.6882 24.9194 87.8995 22.3185 83.3845L7.27075 57.3037C4.6699 52.7887 4.6699 47.2113 7.27075 42.6963L22.3185 16.6155C24.9194 12.1005 29.7495 9.31178 34.9512 9.31178H65.0468ZM65.0468 4H34.9512C27.8387 4 21.2569 7.79792 17.7007 13.9596L2.65292 40.0404C-0.903348 46.2021 -0.903348 53.7979 2.65292 59.9596L17.7007 86.0404C21.2569 92.2021 27.8387 96 34.9512 96H65.0468C72.1593 96 78.741 92.2021 82.2973 86.0404L97.3451 59.9596C100.901 53.7979 100.901 46.2021 97.3451 40.0404L82.2707 13.9596C78.741 7.79792 72.1593 4 65.0468 4Z" fill="#000000"/>
+<path d="M73.8854 53.9838H66.9851C64.7824 53.9838 63.0042 52.2044 63.0042 50C63.0042 47.7956 64.7824 46.0162 66.9851 46.0162H73.8854C76.0881 46.0162 77.8663 47.7956 77.8663 50C77.8663 52.2044 76.0881 53.9838 73.8854 53.9838Z" fill="#000000"/>
+<path d="M50 77.8868C47.7972 77.8868 46.0191 76.1074 46.0191 73.903V66.9977C46.0191 64.7933 47.7972 63.0139 50 63.0139C52.2028 63.0139 53.9809 64.7933 53.9809 66.9977V73.903C53.9809 76.1074 52.2028 77.8868 50 77.8868Z" fill="#000000"/>
+<path d="M66.879 70.8753C65.8705 70.8753 64.8355 70.4769 64.0658 69.7067L59.1295 64.7667C57.5637 63.1998 57.5637 60.6767 59.1295 59.1363C60.6953 57.5693 63.2166 57.5693 64.7558 59.1363L69.6922 64.0762C71.258 65.6432 71.258 68.1663 69.6922 69.7067C68.9225 70.5035 67.914 70.8753 66.879 70.8753Z" fill="#000000"/>
+<path d="M33.121 70.8753C32.1125 70.8753 31.0775 70.4769 30.3078 69.7067C28.742 68.1397 28.742 65.6166 30.3078 64.0762L35.2442 59.1363C36.81 57.5693 39.3312 57.5693 40.8705 59.1363C42.4363 60.7032 42.4363 63.2263 40.8705 64.7667L35.9342 69.7067C35.138 70.5035 34.1295 70.8753 33.121 70.8753Z" fill="#000000"/>
+<path d="M61.9427 42.0323C60.9342 42.0323 59.8992 41.634 59.1295 40.8637C57.5637 39.2968 57.5637 36.7737 59.1295 35.2333L64.0658 30.2933C65.6316 28.7263 68.1529 28.7263 69.6922 30.2933C71.258 31.8603 71.258 34.3834 69.6922 35.9238L64.7558 40.8637C63.9862 41.634 62.9512 42.0323 61.9427 42.0323Z" fill="#000000"/>
+<path d="M50 36.9861C47.7972 36.9861 46.0191 35.2067 46.0191 33.0023V26.097C46.0191 23.8926 47.7972 22.1132 50 22.1132C52.2028 22.1132 53.9809 23.8926 53.9809 26.097V33.0023C53.9809 35.2067 52.2028 36.9861 50 36.9861Z" fill="#000000"/>
+<path d="M33.0149 53.9838H26.1147C23.9119 53.9838 22.1338 52.2044 22.1338 50C22.1338 47.7956 23.9119 46.0162 26.1147 46.0162H33.0149C35.2176 46.0162 36.9958 47.7956 36.9958 50C36.9958 52.2044 35.2176 53.9838 33.0149 53.9838Z" fill="#000000"/>
+<path d="M38.0573 42.0323C37.0488 42.0323 36.0138 41.634 35.2442 40.8637L30.3078 35.9238C28.742 34.3568 28.742 31.8337 30.3078 30.2933C31.8737 28.7263 34.3949 28.7263 35.9342 30.2933L40.8705 35.2333C42.4363 36.8002 42.4363 39.3233 40.8705 40.8637C40.1008 41.634 39.0658 42.0323 38.0573 42.0323Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/night.svg b/early/.config/eww/images/svg/light/night.svg
new file mode 100755
index 000000000..053a6c46e
--- /dev/null
+++ b/early/.config/eww/images/svg/light/night.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.026 17.001c-2.762 4.784-8.879 6.423-13.663 3.661A9.965 9.965 0 0 1 3.13 17.68a.75.75 0 0 1 .365-1.132c3.767-1.348 5.785-2.91 6.956-5.146 1.232-2.353 1.551-4.93.689-8.463a.75.75 0 0 1 .769-.927 9.961 9.961 0 0 1 4.457 1.327c4.784 2.762 6.423 8.879 3.66 13.662Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/notif.svg b/early/.config/eww/images/svg/light/notif.svg
new file mode 100755
index 000000000..0903c73a0
--- /dev/null
+++ b/early/.config/eww/images/svg/light/notif.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1.996a7.49 7.49 0 0 1 7.496 7.25l.004.25v4.097l1.38 3.156a1.25 1.25 0 0 1-1.145 1.75L15 18.502a3 3 0 0 1-5.995.177L9 18.499H4.275a1.251 1.251 0 0 1-1.147-1.747L4.5 13.594V9.496c0-4.155 3.352-7.5 7.5-7.5ZM13.5 18.5l-3 .002a1.5 1.5 0 0 0 2.993.145l.006-.147ZM12 3.496c-3.32 0-6 2.674-6 6v4.41L4.656 17h14.697L18 13.907V9.509l-.004-.225A5.988 5.988 0 0 0 12 3.496Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/notifsnooze.svg b/early/.config/eww/images/svg/light/notifsnooze.svg
new file mode 100755
index 000000000..e6b23f29f
--- /dev/null
+++ b/early/.config/eww/images/svg/light/notifsnooze.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 3.5c-3.104 0-6 2.432-6 6.25v4.153L4.682 17h14.67l-1.354-3.093V11.75a.75.75 0 0 1 1.5 0v1.843l1.381 3.156a1.25 1.25 0 0 1-1.145 1.751H15a3.002 3.002 0 0 1-6.003 0H4.305a1.25 1.25 0 0 1-1.15-1.739l1.344-3.164V9.75C4.5 5.068 8.103 2 12 2c.86 0 1.705.15 2.5.432a.75.75 0 0 1-.502 1.413A5.964 5.964 0 0 0 12 3.5ZM12 20c.828 0 1.5-.671 1.501-1.5h-3.003c0 .829.673 1.5 1.502 1.5Z" fill="#000000"/><path d="M15.25 7h-2.5l-.101.007A.75.75 0 0 0 12.75 8.5h1.043l-1.653 2.314-.055.09A.75.75 0 0 0 12.75 12h2.5l.102-.007a.75.75 0 0 0-.102-1.493h-1.042l1.653-2.314.055-.09A.75.75 0 0 0 15.25 7ZM21.25 2h-3.5l-.101.007A.75.75 0 0 0 17.75 3.5h2.134l-2.766 4.347-.05.09A.75.75 0 0 0 17.75 9h3.5l.102-.007A.75.75 0 0 0 21.25 7.5h-2.133l2.766-4.347.05-.09A.75.75 0 0 0 21.25 2Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/open.svg b/early/.config/eww/images/svg/light/open.svg
new file mode 100755
index 000000000..5b1267935
--- /dev/null
+++ b/early/.config/eww/images/svg/light/open.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.25 4.5A1.75 1.75 0 0 0 4.5 6.25v11.5c0 .966.783 1.75 1.75 1.75h11.5a1.75 1.75 0 0 0 1.75-1.75v-4a.75.75 0 0 1 1.5 0v4A3.25 3.25 0 0 1 17.75 21H6.25A3.25 3.25 0 0 1 3 17.75V6.25A3.25 3.25 0 0 1 6.25 3h4a.75.75 0 0 1 0 1.5h-4ZM13 3.75a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 .75.75v6.5a.75.75 0 0 1-1.5 0V5.56l-5.22 5.22a.75.75 0 0 1-1.06-1.06l5.22-5.22h-4.69a.75.75 0 0 1-.75-.75Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/power.svg b/early/.config/eww/images/svg/light/power.svg
new file mode 100755
index 000000000..0d12dd7c0
--- /dev/null
+++ b/early/.config/eww/images/svg/light/power.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.204 4.82a.75.75 0 0 1 .634 1.36A7.51 7.51 0 0 0 4.5 12.991c0 4.148 3.358 7.51 7.499 7.51s7.499-3.362 7.499-7.51a7.51 7.51 0 0 0-4.323-6.804.75.75 0 1 1 .637-1.358 9.01 9.01 0 0 1 5.186 8.162c0 4.976-4.029 9.01-9 9.01C7.029 22 3 17.966 3 12.99a9.01 9.01 0 0 1 5.204-8.17ZM12 2.496a.75.75 0 0 1 .743.648l.007.102v7.5a.75.75 0 0 1-1.493.102l-.007-.102v-7.5a.75.75 0 0 1 .75-.75Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/protocol.svg b/early/.config/eww/images/svg/light/protocol.svg
new file mode 100755
index 000000000..92fe7abe2
--- /dev/null
+++ b/early/.config/eww/images/svg/light/protocol.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m13.732 17.732-1.025-1.025 1.06-1.06 1.026 1.025a1 1 0 0 0 1.414 0l3.965-3.965a1 1 0 0 0 0-1.414l-3.965-3.964a1 1 0 0 0-1.414 0l-1.025 1.025-1.06-1.061 1.024-1.025a2.5 2.5 0 0 1 3.536 0l3.964 3.964a2.5 2.5 0 0 1 0 3.536l-3.964 3.964a2.5 2.5 0 0 1-3.536 0Z" fill="#000000"/><path d="m6.732 6.268-3.964 3.964a2.5 2.5 0 0 0 0 3.536l3.964 3.964a2.5 2.5 0 0 0 3.536 0l3.964-3.964a2.5 2.5 0 0 0 0-3.536l-3.964-3.964a2.5 2.5 0 0 0-3.536 0ZM3.83 11.293l3.964-3.964a1 1 0 0 1 1.414 0l3.965 3.964a1 1 0 0 1 0 1.414l-3.965 3.965a1 1 0 0 1-1.414 0l-3.964-3.965a1 1 0 0 1 0-1.414Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/radiobutton.svg b/early/.config/eww/images/svg/light/radiobutton.svg
new file mode 100755
index 000000000..80513fb32
--- /dev/null
+++ b/early/.config/eww/images/svg/light/radiobutton.svg
@@ -0,0 +1,3 @@
+<svg height="23" width="23" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="11.5" cy="11.5" r="8.5" stroke="#000000" stroke-width="5" fill="none"/>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/rankings.svg b/early/.config/eww/images/svg/light/rankings.svg
new file mode 100755
index 000000000..9b322c401
--- /dev/null
+++ b/early/.config/eww/images/svg/light/rankings.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M68.5775 44.3397C68.0998 44.3397 67.5955 44.2601 67.1178 44.0478L50 37.2802L32.8821 44.0743C30.8386 44.8705 28.5297 43.8885 27.707 41.845C26.9108 39.8015 27.8928 37.4926 29.9363 36.6698L48.5138 29.3185C49.4427 28.9469 50.5042 28.9469 51.4331 29.3185L70.0106 36.6698C72.0541 37.466 73.0626 39.8015 72.2399 41.845C71.656 43.3843 70.1698 44.3397 68.5775 44.3397Z" fill="#000000"/>
+<path d="M68.5775 57.6093C68.0998 57.6093 67.5955 57.5297 67.1178 57.3174L50 50.5499L32.8821 57.3439C30.8386 58.1401 28.5297 57.1581 27.707 55.1146C26.9108 53.0711 27.8928 50.7622 29.9363 49.9395L48.5138 42.5881C49.4427 42.2165 50.5042 42.2165 51.4331 42.5881L70.0106 49.9395C72.0541 50.7356 73.0626 53.0711 72.2399 55.1146C71.656 56.6539 70.1698 57.6093 68.5775 57.6093Z" fill="#000000"/>
+<path d="M68.5775 70.879C68.0998 70.879 67.5955 70.7993 67.1178 70.587L50 63.8195L32.8821 70.6136C30.8386 71.4098 28.5297 70.4278 27.707 68.3843C26.9108 66.3408 27.8928 64.0318 29.9363 63.2091L48.5138 55.8577C49.4427 55.4862 50.5042 55.4862 51.4331 55.8577L70.0106 63.2091C72.0541 64.0053 73.0626 66.3408 72.2399 68.3843C71.656 69.9236 70.1698 70.879 68.5775 70.879Z" fill="#000000"/>
+<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/reset.svg b/early/.config/eww/images/svg/light/reset.svg
new file mode 100755
index 000000000..c9cdbcd84
--- /dev/null
+++ b/early/.config/eww/images/svg/light/reset.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.78 2.72a.75.75 0 0 1 0 1.06L4.56 6h8.69a7.75 7.75 0 1 1-7.75 7.75.75.75 0 0 1 1.5 0 6.25 6.25 0 1 0 6.25-6.25H4.56l2.22 2.22a.75.75 0 1 1-1.06 1.06l-3.5-3.5a.75.75 0 0 1 0-1.06l3.5-3.5a.75.75 0 0 1 1.06 0Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/rightarrow.svg b/early/.config/eww/images/svg/light/rightarrow.svg
new file mode 100755
index 000000000..4bfb1349b
--- /dev/null
+++ b/early/.config/eww/images/svg/light/rightarrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.47 4.22a.75.75 0 0 0 0 1.06L15.19 12l-6.72 6.72a.75.75 0 1 0 1.06 1.06l7.25-7.25a.75.75 0 0 0 0-1.06L9.53 4.22a.75.75 0 0 0-1.06 0Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/root.svg b/early/.config/eww/images/svg/light/root.svg
new file mode 100755
index 000000000..2dedab277
--- /dev/null
+++ b/early/.config/eww/images/svg/light/root.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.744 1.996a2.25 2.25 0 0 1 2.245 2.096l.005.154v15.498A2.25 2.25 0 0 1 17.9 21.99l-.155.005h-11.5A2.25 2.25 0 0 1 4 19.898l-.005-.154V4.246A2.25 2.25 0 0 1 6.09 2.001l.154-.005h11.5Zm0 1.5h-11.5a.75.75 0 0 0-.743.648l-.006.102v15.498c0 .38.282.694.648.743l.102.007h11.5a.75.75 0 0 0 .743-.648l.006-.102V4.246a.75.75 0 0 0-.648-.743l-.102-.007Z" fill="#000000"/><path d="M13.019 16.02a.75.75 0 0 1-.624-.859l.105-.66h-1.482l-.141.895a.75.75 0 1 1-1.482-.235l.105-.66h-.75a.75.75 0 0 1 0-1.5h.987l.238-1.5H9.25a.75.75 0 0 1 0-1.5h.962l.2-1.26a.75.75 0 1 1 1.481.235L11.731 10h1.481l.2-1.259a.75.75 0 1 1 1.481.235L14.731 10h.519a.75.75 0 0 1 0 1.5h-.757l-.237 1.5h.494a.75.75 0 0 1 0 1.5h-.732l-.141.896a.75.75 0 0 1-.858.623Zm-1.526-4.52-.237 1.5h1.481l.238-1.5h-1.482Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/search-fluent.svg b/early/.config/eww/images/svg/light/search-fluent.svg
new file mode 100755
index 000000000..bbcd5f5b4
--- /dev/null
+++ b/early/.config/eww/images/svg/light/search-fluent.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10 2.75a7.25 7.25 0 0 1 5.63 11.819l4.9 4.9a.75.75 0 0 1-.976 1.134l-.084-.073-4.901-4.9A7.25 7.25 0 1 1 10 2.75Zm0 1.5a5.75 5.75 0 1 0 0 11.5 5.75 5.75 0 0 0 0-11.5Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/search.svg b/early/.config/eww/images/svg/light/search.svg
new file mode 100755
index 000000000..cf0ea4678
--- /dev/null
+++ b/early/.config/eww/images/svg/light/search.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0481 9.31178C70.2498 9.31178 75.08 12.1005 77.6808 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6808 83.3845C75.08 87.8995 70.2498 90.6882 65.0481 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27214 57.3037C4.67129 52.7887 4.67129 47.2113 7.27214 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0481ZM65.0481 4H34.9526C27.8401 4 21.2583 7.79792 17.7021 13.9596L2.6543 40.0404C-0.90196 46.2021 -0.90196 53.7979 2.6543 59.9596L17.7021 86.0404C21.2583 92.2021 27.8401 96 34.9526 96H65.0481C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3464 59.9596C100.903 53.7979 100.903 46.2021 97.3464 40.0404L82.2721 13.9596C78.7424 7.79792 72.1607 4 65.0481 4Z" fill="#000000"/>
+<path d="M67.0382 71.0612C66.0297 71.0612 64.9947 70.6628 64.225 69.8926L54.2728 59.933C52.707 58.3661 52.707 55.843 54.2728 54.3025C55.8386 52.7356 58.3599 52.7356 59.8991 54.3025L69.8514 64.2621C71.4172 65.8291 71.4172 68.3522 69.8514 69.8926C69.0817 70.6628 68.0732 71.0612 67.0382 71.0612Z" fill="#000000"/>
+<path d="M46.2049 63.4919C36.7038 63.4919 28.9544 55.7367 28.9544 46.2286C28.9544 36.7206 36.7038 28.9654 46.2049 28.9654C55.706 28.9654 63.4554 36.7206 63.4554 46.2286C63.4554 55.7367 55.7325 63.4919 46.2049 63.4919ZM46.2049 36.933C41.0828 36.933 36.9162 41.1028 36.9162 46.2286C36.9162 51.3545 41.0828 55.5243 46.2049 55.5243C51.327 55.5243 55.4937 51.3545 55.4937 46.2286C55.4937 41.1028 51.327 36.933 46.2049 36.933Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/settings.svg b/early/.config/eww/images/svg/light/settings.svg
new file mode 100755
index 000000000..c8e51e41e
--- /dev/null
+++ b/early/.config/eww/images/svg/light/settings.svg
@@ -0,0 +1,23 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.31178C70.2493 9.31178 75.0795 12.1005 77.6803 16.6155L92.7281 42.6963C95.329 47.2113 95.329 52.7887 92.7281 57.3037L77.6803 83.3845C75.0795 87.8995 70.2493 90.6882 65.0476 90.6882H34.9521C29.7504 90.6882 24.9203 87.8995 22.3194 83.3845L7.27163 57.3037C4.67078 52.7887 4.67078 47.2113 7.27163 42.6963L22.3194 16.6155C24.9203 12.1005 29.7504 9.31178 34.9521 9.31178H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.79792 17.7016 13.9596L2.6538 40.0404C-0.902467 46.2021 -0.902467 53.7979 2.6538 59.9596L17.7016 86.0404C21.2578 92.2021 27.8396 96 34.9521 96H65.0476C72.1602 96 78.7419 92.2021 82.2982 86.0404L97.3459 59.9596C100.902 53.7979 100.902 46.2021 97.3459 40.0404L82.2716 13.9596C78.7419 7.79792 72.1602 4 65.0476 4Z" fill="#000000"/>
+<path d="M50 72.0704C37.9246 72.0704 28.1051 62.2436 28.1051 50.1593C28.1051 38.0751 37.9246 28.2483 50 28.2483C62.0754 28.2483 71.8949 38.0751 71.8949 50.1593C71.8949 62.2436 62.0754 72.0704 50 72.0704ZM50 36.2159C42.3036 36.2159 36.0669 42.4838 36.0669 50.1593C36.0669 57.8349 42.3302 64.1028 50 64.1028C57.6699 64.1028 63.9331 57.8349 63.9331 50.1593C63.9331 42.4838 57.6699 36.2159 50 36.2159Z" fill="#000000"/>
+<path d="M50 35.8441C47.7972 35.8441 46.0191 34.0647 46.0191 31.8603V28.4873C46.0191 26.2829 47.7972 24.5035 50 24.5035C52.2028 24.5035 53.9809 26.2829 53.9809 28.4873V31.8603C53.9809 34.0647 52.2028 35.8441 50 35.8441Z" fill="#000000"/>
+<path d="M58.9968 38.5531C58.2537 38.5531 57.5106 38.3407 56.8206 37.9157C54.9894 36.7206 54.4586 34.2506 55.6529 32.418L57.6699 29.3106C58.8641 27.4781 61.3323 26.9469 63.1635 28.142C64.9947 29.3372 65.5255 31.8072 64.3312 33.6397L62.3142 36.7471C61.5711 37.9157 60.2973 38.5531 58.9968 38.5531Z" fill="#000000"/>
+<path d="M65.7378 45.5116C64.3843 45.5116 63.0839 44.821 62.3408 43.5993C61.1996 41.7136 61.81 39.2702 63.6943 38.1282L67.0382 36.1097C68.9225 34.9677 71.3641 35.5785 72.5053 37.4642C73.6465 39.3499 73.0361 41.7933 71.1518 42.9353L67.8079 44.9538C67.1444 45.3256 66.4278 45.5116 65.7378 45.5116Z" fill="#000000"/>
+<path d="M32.0064 54.515H27.9724C25.7696 54.515 23.9915 52.7356 23.9915 50.5312C23.9915 48.3268 25.7696 46.5473 27.9724 46.5473H32.0064C34.2091 46.5473 35.9873 48.3268 35.9873 50.5312C35.9873 52.7356 34.2091 54.515 32.0064 54.515Z" fill="#000000"/>
+<path d="M69.0817 65.537C68.3917 65.537 67.7017 65.3511 67.0648 64.9792L63.2696 62.7217C61.3854 61.6062 60.7484 59.1628 61.8631 57.2506C62.9777 55.3649 65.4193 54.7275 67.3302 55.843L71.1253 58.1005C73.0096 59.2159 73.6465 61.6594 72.5319 63.5716C71.7622 64.8464 70.4353 65.537 69.0817 65.537Z" fill="#000000"/>
+<path d="M34.2622 45.5116C33.5722 45.5116 32.8556 45.3257 32.1921 44.9273L28.8482 42.9088C26.9639 41.7668 26.3535 39.3233 27.4947 37.4377C28.6359 35.552 31.0775 34.9411 32.9618 36.0832L36.3057 38.1016C38.19 39.2437 38.8004 41.6871 37.6592 43.5728C36.9161 44.8476 35.6157 45.5116 34.2622 45.5116Z" fill="#000000"/>
+<path d="M40.7909 38.7656C39.3843 38.7656 38.0043 37.9954 37.2877 36.6675L35.483 33.321C34.448 31.3822 35.1646 28.9654 37.1019 27.9296C39.0393 26.8938 41.4544 27.6109 42.4894 29.5497L44.2941 32.8961C45.3291 34.8349 44.6125 37.2517 42.6752 38.2875C42.0648 38.6063 41.4278 38.7656 40.7909 38.7656Z" fill="#000000"/>
+<path d="M72.0276 54.515H67.9936C65.7909 54.515 64.0127 52.7356 64.0127 50.5312C64.0127 48.3268 65.7909 46.5473 67.9936 46.5473H72.0276C74.2303 46.5473 76.0085 48.3268 76.0085 50.5312C76.0085 52.7356 74.2303 54.515 72.0276 54.515Z" fill="#000000"/>
+<path d="M61.0138 73.6109C59.6603 73.6109 58.3333 72.9203 57.5902 71.6455L55.3344 67.8476C54.2198 65.9619 54.8302 63.5185 56.741 62.3765C58.6253 61.261 61.0669 61.8718 62.2081 63.7841L64.4639 67.582C65.5786 69.4677 64.9682 71.9111 63.0573 73.0531C62.3938 73.425 61.7038 73.6109 61.0138 73.6109Z" fill="#000000"/>
+<path d="M50 76.5589C47.7972 76.5589 46.0191 74.7795 46.0191 72.5751V68.0866C46.0191 65.8822 47.7972 64.1028 50 64.1028C52.2028 64.1028 53.9809 65.8822 53.9809 68.0866V72.5751C53.9809 74.7795 52.2028 76.5589 50 76.5589Z" fill="#000000"/>
+<path d="M30.9183 65.537C29.5648 65.537 28.2643 64.8464 27.5212 63.6247C26.3801 61.739 26.9905 59.2956 28.8747 58.1536L32.2187 56.1351C34.103 54.9931 36.5446 55.6039 37.6858 57.4896C38.827 59.3753 38.2166 61.8187 36.3323 62.9607L32.9883 64.9792C32.3514 65.351 31.6348 65.537 30.9183 65.537Z" fill="#000000"/>
+<path d="M38.9862 73.6108C38.2962 73.6108 37.6062 73.4249 36.9692 73.0531C35.0849 71.9376 34.448 69.4942 35.5626 67.582L37.8185 63.7841C38.9331 61.8984 41.3747 61.261 43.2856 62.3764C45.1699 63.4919 45.8068 65.9353 44.6921 67.8476L42.4363 71.6455C41.6667 72.9203 40.3397 73.6108 38.9862 73.6108Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/store.svg b/early/.config/eww/images/svg/light/store.svg
new file mode 100755
index 000000000..0e8b78cec
--- /dev/null
+++ b/early/.config/eww/images/svg/light/store.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0479 9.31178C70.2496 9.31178 75.0797 12.1005 77.6806 16.6155L92.7283 42.6963C95.3292 47.2113 95.3292 52.7887 92.7283 57.3037L77.6806 83.3845C75.0797 87.8995 70.2496 90.6882 65.0479 90.6882H34.9523C29.7506 90.6882 24.9205 87.8995 22.3196 83.3845L7.27184 57.3037C4.67099 52.7887 4.67099 47.2113 7.27184 42.6963L22.3196 16.6155C24.9205 12.1005 29.7506 9.31178 34.9523 9.31178H65.0479ZM65.0479 4H34.9523C27.8398 4 21.258 7.79792 17.7018 13.9596L2.65401 40.0404C-0.902257 46.2021 -0.902257 53.7979 2.65401 59.9596L17.7018 86.0404C21.258 92.2021 27.8398 96 34.9523 96H65.0479C72.1604 96 78.7421 92.2021 82.2984 86.0404L97.3462 59.9596C100.902 53.7979 100.902 46.2021 97.3462 40.0404L82.2719 13.9596C78.7421 7.79792 72.1604 4 65.0479 4Z" fill="#000000"/>
+<path d="M69.3737 62.5889H35.828C33.6253 62.5889 31.8471 60.8095 31.8471 58.6051V36.8799L26.1412 31.7009C24.5223 30.2136 24.3896 27.7171 25.8758 26.0704C27.362 24.4503 29.8567 24.3175 31.5021 25.8048L38.5085 32.1524C39.3312 32.8961 39.8089 33.985 39.8089 35.1005V54.6212H65.3928V43.1478L49.2038 40.97C47.0276 40.6778 45.4883 38.6593 45.7803 36.4815C46.0722 34.3037 48.0626 32.7633 50.2654 33.0554L69.9045 35.6847C71.8684 35.9503 73.3546 37.6501 73.3546 39.642V58.5785C73.3546 60.8095 71.5764 62.5889 69.3737 62.5889Z" fill="#000000"/>
+<path d="M65.1274 75.2309C67.326 75.2309 69.1083 73.4473 69.1083 71.2471C69.1083 69.0469 67.326 67.2633 65.1274 67.2633C62.9288 67.2633 61.1465 69.0469 61.1465 71.2471C61.1465 73.4473 62.9288 75.2309 65.1274 75.2309Z" fill="#000000"/>
+<path d="M39.1189 75.2309C41.3175 75.2309 43.0998 73.4473 43.0998 71.2471C43.0998 69.0469 41.3175 67.2633 39.1189 67.2633C36.9203 67.2633 35.138 69.0469 35.138 71.2471C35.138 73.4473 36.9203 75.2309 39.1189 75.2309Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/tournaments.svg b/early/.config/eww/images/svg/light/tournaments.svg
new file mode 100755
index 000000000..cc0e1a95f
--- /dev/null
+++ b/early/.config/eww/images/svg/light/tournaments.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="#000000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.3119 52.4749C24.9451 51.108 24.9451 48.892 26.3119 47.5251L47.5251 26.3119C48.8919 24.9451 51.108 24.9451 52.4749 26.3119L73.6881 47.5251C75.0549 48.892 75.0549 51.108 73.6881 52.4749L52.4749 73.6881C51.108 75.0549 48.8919 75.0549 47.5251 73.6881L26.3119 52.4749ZM33.7365 50L50 66.2635L66.2634 50L50 33.7365L33.7365 50Z" fill="#000000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.5251 27.5251C28.892 26.1583 31.108 26.1583 32.4749 27.5251L72.4749 67.5251C73.8417 68.892 73.8417 71.108 72.4749 72.4749C71.108 73.8417 68.892 73.8417 67.5251 72.4749L27.5251 32.4749C26.1583 31.108 26.1583 28.892 27.5251 27.5251Z" fill="#000000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M72.4749 27.5251C73.8417 28.892 73.8417 31.108 72.4749 32.4749L32.4749 72.4749C31.108 73.8417 28.892 73.8417 27.5251 72.4749C26.1583 71.108 26.1583 68.892 27.5251 67.5251L67.5251 27.5251C68.892 26.1583 71.108 26.1583 72.4749 27.5251Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/uparrow.svg b/early/.config/eww/images/svg/light/uparrow.svg
new file mode 100755
index 000000000..f27adb950
--- /dev/null
+++ b/early/.config/eww/images/svg/light/uparrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.293 15.707a1 1 0 0 0 1.414 0L12 9.414l6.293 6.293a1 1 0 0 0 1.414-1.414l-7-7a1 1 0 0 0-1.414 0l-7 7a1 1 0 0 0 0 1.414Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/user.svg b/early/.config/eww/images/svg/light/user.svg
new file mode 100755
index 000000000..ee072b7b9
--- /dev/null
+++ b/early/.config/eww/images/svg/light/user.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.754 14a2.249 2.249 0 0 1 2.25 2.249v.918a2.75 2.75 0 0 1-.513 1.599C17.945 20.929 15.42 22 12 22c-3.422 0-5.945-1.072-7.487-3.237a2.75 2.75 0 0 1-.51-1.595v-.92a2.249 2.249 0 0 1 2.249-2.25h11.501ZM12 2.004a5 5 0 1 1 0 10 5 5 0 0 1 0-10Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/vol0.svg b/early/.config/eww/images/svg/light/vol0.svg
new file mode 100755
index 000000000..2f724a3d5
--- /dev/null
+++ b/early/.config/eww/images/svg/light/vol0.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.704 3.441c.191.226.296.512.296.808V19.75a1.25 1.25 0 0 1-2.058.954l-4.967-4.206H4.25A2.25 2.25 0 0 1 2 14.248v-4.5a2.25 2.25 0 0 1 2.25-2.25h3.725l4.968-4.204a1.25 1.25 0 0 1 1.761.147ZM13.5 4.788l-4.975 4.21H4.25a.75.75 0 0 0-.75.75v4.5c0 .415.336.75.75.75h4.275l4.975 4.213V4.788Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/vol1.svg b/early/.config/eww/images/svg/light/vol1.svg
new file mode 100755
index 000000000..43938e063
--- /dev/null
+++ b/early/.config/eww/images/svg/light/vol1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.704 3.442c.191.226.296.512.296.808v15.502a1.25 1.25 0 0 1-2.058.954L7.975 16.5H4.25A2.25 2.25 0 0 1 2 14.25v-4.5A2.25 2.25 0 0 1 4.25 7.5h3.725l4.968-4.204a1.25 1.25 0 0 1 1.761.147ZM13.5 4.79 8.525 9H4.25a.75.75 0 0 0-.75.75v4.5c0 .415.336.75.75.75h4.275l4.975 4.213V4.79Zm3.604 3.851a.75.75 0 0 1 1.03.25c.574.94.862 1.992.862 3.14 0 1.149-.288 2.201-.862 3.141a.75.75 0 1 1-1.28-.781c.428-.702.642-1.483.642-2.36 0-.876-.214-1.657-.642-2.359a.75.75 0 0 1 .25-1.03Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/vol2.svg b/early/.config/eww/images/svg/light/vol2.svg
new file mode 100755
index 000000000..0e1ae1921
--- /dev/null
+++ b/early/.config/eww/images/svg/light/vol2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 4.25c0-1.079-1.274-1.65-2.08-.934L8.427 7.309a.75.75 0 0 1-.498.19H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V4.25ZM9.425 8.43 13.5 4.807v14.382l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.68a2.25 2.25 0 0 0 1.495-.569ZM18.992 5.897a.75.75 0 0 1 1.049.157A9.959 9.959 0 0 1 22 12a9.96 9.96 0 0 1-1.96 5.946.75.75 0 0 1-1.205-.892A8.459 8.459 0 0 0 20.5 12a8.459 8.459 0 0 0-1.665-5.054.75.75 0 0 1 .157-1.049Z" fill="#000000"/><path d="M17.143 8.37a.75.75 0 0 1 1.017.302c.536.99.84 2.125.84 3.328a6.973 6.973 0 0 1-.84 3.328.75.75 0 0 1-1.32-.714c.42-.777.66-1.666.66-2.614s-.24-1.837-.66-2.614a.75.75 0 0 1 .303-1.017Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/vol3.svg b/early/.config/eww/images/svg/light/vol3.svg
new file mode 100755
index 000000000..0e1ae1921
--- /dev/null
+++ b/early/.config/eww/images/svg/light/vol3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 4.25c0-1.079-1.274-1.65-2.08-.934L8.427 7.309a.75.75 0 0 1-.498.19H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V4.25ZM9.425 8.43 13.5 4.807v14.382l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.68a2.25 2.25 0 0 0 1.495-.569ZM18.992 5.897a.75.75 0 0 1 1.049.157A9.959 9.959 0 0 1 22 12a9.96 9.96 0 0 1-1.96 5.946.75.75 0 0 1-1.205-.892A8.459 8.459 0 0 0 20.5 12a8.459 8.459 0 0 0-1.665-5.054.75.75 0 0 1 .157-1.049Z" fill="#000000"/><path d="M17.143 8.37a.75.75 0 0 1 1.017.302c.536.99.84 2.125.84 3.328a6.973 6.973 0 0 1-.84 3.328.75.75 0 0 1-1.32-.714c.42-.777.66-1.666.66-2.614s-.24-1.837-.66-2.614a.75.75 0 0 1 .303-1.017Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/volmute.svg b/early/.config/eww/images/svg/light/volmute.svg
new file mode 100755
index 000000000..ac61db6f5
--- /dev/null
+++ b/early/.config/eww/images/svg/light/volmute.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.28 2.22a.75.75 0 1 0-1.06 1.06L6.438 7.5H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V16.06l5.72 5.72a.75.75 0 0 0 1.06-1.061L3.28 2.22ZM13.5 14.56v4.629l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.688L13.5 14.56ZM13.5 4.807v5.511l1.5 1.5V4.25c0-1.079-1.274-1.65-2.08-.934l-3.4 3.022 1.063 1.063L13.5 4.807ZM17.141 13.96l1.138 1.137A6.974 6.974 0 0 0 19 12a6.973 6.973 0 0 0-.84-3.328.75.75 0 0 0-1.32.714c.42.777.66 1.666.66 2.614 0 .691-.127 1.351-.359 1.96ZM19.388 16.206l1.093 1.094A9.955 9.955 0 0 0 22 12a9.959 9.959 0 0 0-1.96-5.946.75.75 0 0 0-1.205.892A8.46 8.46 0 0 1 20.5 12a8.458 8.458 0 0 1-1.112 4.206Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/wifi.svg b/early/.config/eww/images/svg/light/wifi.svg
new file mode 100755
index 000000000..1ad75251f
--- /dev/null
+++ b/early/.config/eww/images/svg/light/wifi.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m12.858 14.273 7.434 7.434a1 1 0 0 0 1.414-1.414l-17.999-18a1 1 0 1 0-1.414 1.414L5.39 6.804c-.643.429-1.254.927-1.821 1.495a12.382 12.382 0 0 0-1.39 1.683 1 1 0 0 0 1.644 1.14c.363-.524.761-1.01 1.16-1.41a9.94 9.94 0 0 1 1.855-1.46L7.99 9.405a8.14 8.14 0 0 0-3.203 3.377 1 1 0 0 0 1.784.903 6.08 6.08 0 0 1 1.133-1.563 6.116 6.116 0 0 1 1.77-1.234l1.407 1.407A5.208 5.208 0 0 0 8.336 13.7a5.25 5.25 0 0 0-1.09 1.612 1 1 0 0 0 1.832.802c.167-.381.394-.722.672-1a3.23 3.23 0 0 1 3.108-.841Zm-1.332-5.93 2.228 2.229a6.1 6.1 0 0 1 2.616 1.55c.444.444.837.995 1.137 1.582a1 1 0 1 0 1.78-.911 8.353 8.353 0 0 0-1.503-2.085 8.108 8.108 0 0 0-6.258-2.365ZM8.51 5.327l1.651 1.651a9.904 9.904 0 0 1 10.016 4.148 1 1 0 1 0 1.646-1.136A11.912 11.912 0 0 0 8.51 5.327Zm4.552 11.114a1.501 1.501 0 1 1-2.123 2.123 1.501 1.501 0 0 1 2.123-2.123Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/wifi1.svg b/early/.config/eww/images/svg/light/wifi1.svg
new file mode 100755
index 000000000..875b72537
--- /dev/null
+++ b/early/.config/eww/images/svg/light/wifi1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.96 18.568a1.501 1.501 0 1 0 2.122-2.123 1.501 1.501 0 0 0-2.123 2.123Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/wifi2.svg b/early/.config/eww/images/svg/light/wifi2.svg
new file mode 100755
index 000000000..b5650c541
--- /dev/null
+++ b/early/.config/eww/images/svg/light/wifi2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.938 16.446a1.501 1.501 0 1 1 2.123 2.123 1.501 1.501 0 0 1-2.123-2.123Zm-2.603-2.742a5.233 5.233 0 0 1 7.4 0c.46.461.838 1.025 1.101 1.625a1 1 0 0 1-1.832.803 3.356 3.356 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.255 3.255 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.613Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/wifi3.svg b/early/.config/eww/images/svg/light/wifi3.svg
new file mode 100755
index 000000000..72b566f01
--- /dev/null
+++ b/early/.config/eww/images/svg/light/wifi3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.96 16.44a1.501 1.501 0 1 1 2.122 2.122 1.501 1.501 0 0 1-2.123-2.122Zm-2.604-2.742a5.233 5.233 0 0 1 7.4 0c.46.461.838 1.025 1.101 1.625a1 1 0 1 1-1.832.803 3.358 3.358 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.254 3.254 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.613ZM6.31 10.707a8.128 8.128 0 0 1 11.495 0 8.353 8.353 0 0 1 1.503 2.085 1 1 0 0 1-1.78.91 6.357 6.357 0 0 0-1.137-1.581 6.128 6.128 0 0 0-9.8 1.562 1 1 0 1 1-1.785-.902 8.08 8.08 0 0 1 1.504-2.074Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/wifi4.svg b/early/.config/eww/images/svg/light/wifi4.svg
new file mode 100755
index 000000000..792fd532e
--- /dev/null
+++ b/early/.config/eww/images/svg/light/wifi4.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.784 10.708a8.35 8.35 0 0 1 1.504 2.085 1 1 0 0 1-1.781.91 6.353 6.353 0 0 0-1.137-1.58 6.128 6.128 0 0 0-9.8 1.562 1 1 0 0 1-1.784-.903 8.128 8.128 0 0 1 12.998-2.074ZM15.735 13.7c.46.46.838 1.024 1.101 1.624a1 1 0 1 1-1.832.803 3.36 3.36 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.257 3.257 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.612 5.233 5.233 0 0 1 7.4 0Zm4.684-5.401c.508.508.987 1.087 1.404 1.691a1 1 0 0 1-1.646 1.136c-.35-.506-.752-.993-1.172-1.413-3.872-3.872-10.15-3.872-14.023 0-.4.399-.797.886-1.16 1.41a1 1 0 0 1-1.644-1.14c.428-.618.9-1.195 1.39-1.684 4.653-4.654 12.198-4.654 16.851 0Zm-7.358 8.142a1.501 1.501 0 1 1-2.122 2.123 1.501 1.501 0 0 1 2.122-2.123Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/light/wiki.svg b/early/.config/eww/images/svg/light/wiki.svg
new file mode 100755
index 000000000..1eb3de640
--- /dev/null
+++ b/early/.config/eww/images/svg/light/wiki.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0482 9.31178C70.2499 9.31178 75.08 12.1005 77.6809 16.6155L92.7287 42.6963C95.3295 47.2113 95.3295 52.7887 92.7287 57.3037L77.6809 83.3845C75.08 87.8995 70.2499 90.6882 65.0482 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27217 57.3037C4.67132 52.7887 4.67132 47.2113 7.27217 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0482ZM65.0482 4H34.9526C27.8401 4 21.2584 7.79792 17.7021 13.9596L2.65433 40.0404C-0.901929 46.2021 -0.901929 53.7979 2.65433 59.9596L17.7021 86.0404C21.2584 92.2021 27.8401 96 34.9526 96H65.0482C72.1607 96 78.7425 92.2021 82.2987 86.0404L97.3465 59.9596C100.903 53.7979 100.903 46.2021 97.3465 40.0404L82.2722 13.9596C78.7424 7.79792 72.1607 4 65.0482 4Z" fill="#000000"/>
+<path d="M50 48.3799C44.1348 48.3799 39.3843 43.6259 39.3843 37.7563C39.3843 31.8868 44.1348 27.1328 50 27.1328C55.8652 27.1328 60.6157 31.8868 60.6157 37.7563C60.6157 43.6259 55.8652 48.3799 50 48.3799ZM50 35.1005C48.5403 35.1005 47.3461 36.2956 47.3461 37.7563C47.3461 39.2171 48.5403 40.4122 50 40.4122C51.4596 40.4122 52.6539 39.2171 52.6539 37.7563C52.6539 36.2956 51.4596 35.1005 50 35.1005Z" fill="#000000"/>
+<path d="M38.7208 72.8672C37.7123 72.8672 36.6773 72.4688 35.9076 71.6986L24.7611 60.5439C23.1953 58.9769 23.1953 56.4538 24.7611 54.9134C26.327 53.3464 28.8482 53.3464 30.3875 54.9134L38.7208 63.2529L47.0807 54.8868C48.6465 53.3198 51.1677 53.3198 52.707 54.8868L61.0138 63.1997L69.4267 54.7806C70.9925 53.2136 73.5138 53.2136 75.053 54.7806C76.6189 56.3476 76.6189 58.8706 75.053 60.4111L63.8004 71.672C62.2346 73.239 59.7134 73.239 58.1741 71.672L49.8673 63.3591L41.5074 71.7251C40.7643 72.4688 39.7558 72.8672 38.7208 72.8672Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/linehorizontal.svg b/early/.config/eww/images/svg/linehorizontal.svg
new file mode 100755
index 000000000..c6750fc04
--- /dev/null
+++ b/early/.config/eww/images/svg/linehorizontal.svg
@@ -0,0 +1,3 @@
+<svg height="3" width="75">
+  <line x1="1.5" y1="1.5" x2="73.5" y2="1.5" stroke="#d7e2ff" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/linetransparent.svg b/early/.config/eww/images/svg/linetransparent.svg
new file mode 100755
index 000000000..9be840a61
--- /dev/null
+++ b/early/.config/eww/images/svg/linetransparent.svg
@@ -0,0 +1,3 @@
+<svg height="26.5" width="3">
+  <line x1="1.5" y1="1.5" x2="1.5" y2="25" stroke="transparent" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/linevertical.svg b/early/.config/eww/images/svg/linevertical.svg
new file mode 100755
index 000000000..705cbf429
--- /dev/null
+++ b/early/.config/eww/images/svg/linevertical.svg
@@ -0,0 +1,3 @@
+<svg height="26.5" width="3">
+  <line x1="1.5" y1="1.5" x2="1.5" y2="25" stroke="#d7e2ff" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/moon.svg b/early/.config/eww/images/svg/moon.svg
new file mode 100755
index 000000000..b4c745e06
--- /dev/null
+++ b/early/.config/eww/images/svg/moon.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.026 17.001c-2.762 4.784-8.879 6.423-13.663 3.661a9.964 9.964 0 0 1-3.234-2.983.75.75 0 0 1 .365-1.131c3.767-1.348 5.785-2.911 6.956-5.146 1.232-2.353 1.551-4.93.689-8.464a.75.75 0 0 1 .769-.926 9.961 9.961 0 0 1 4.457 1.327C21.149 6.1 22.788 12.217 20.025 17Zm-8.248-4.903c-1.25 2.388-3.31 4.099-6.817 5.499a8.492 8.492 0 0 0 2.152 1.766 8.501 8.501 0 1 0 8.502-14.725 8.485 8.485 0 0 0-2.792-1.016c.647 3.384.23 6.044-1.045 8.476Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/news.svg b/early/.config/eww/images/svg/news.svg
new file mode 100755
index 000000000..a303d6969
--- /dev/null
+++ b/early/.config/eww/images/svg/news.svg
@@ -0,0 +1,18 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0468 9.31178C70.2485 9.31178 75.0786 12.1005 77.6795 16.6155L92.7272 42.6963C95.3281 47.2113 95.3281 52.7887 92.7272 57.3037L77.6795 83.3845C75.0786 87.8995 70.2485 90.6882 65.0468 90.6882H34.9512C29.7495 90.6882 24.9194 87.8995 22.3185 83.3845L7.27075 57.3037C4.6699 52.7887 4.6699 47.2113 7.27075 42.6963L22.3185 16.6155C24.9194 12.1005 29.7495 9.31178 34.9512 9.31178H65.0468ZM65.0468 4H34.9512C27.8387 4 21.2569 7.79792 17.7007 13.9596L2.65292 40.0404C-0.903348 46.2021 -0.903348 53.7979 2.65292 59.9596L17.7007 86.0404C21.2569 92.2021 27.8387 96 34.9512 96H65.0468C72.1593 96 78.741 92.2021 82.2973 86.0404L97.3451 59.9596C100.901 53.7979 100.901 46.2021 97.3451 40.0404L82.2707 13.9596C78.741 7.79792 72.1593 4 65.0468 4Z" fill="#d7e2ff"/>
+<path d="M73.8854 53.9838H66.9851C64.7824 53.9838 63.0042 52.2044 63.0042 50C63.0042 47.7956 64.7824 46.0162 66.9851 46.0162H73.8854C76.0881 46.0162 77.8663 47.7956 77.8663 50C77.8663 52.2044 76.0881 53.9838 73.8854 53.9838Z" fill="#d7e2ff"/>
+<path d="M50 77.8868C47.7972 77.8868 46.0191 76.1074 46.0191 73.903V66.9977C46.0191 64.7933 47.7972 63.0139 50 63.0139C52.2028 63.0139 53.9809 64.7933 53.9809 66.9977V73.903C53.9809 76.1074 52.2028 77.8868 50 77.8868Z" fill="#d7e2ff"/>
+<path d="M66.879 70.8753C65.8705 70.8753 64.8355 70.4769 64.0658 69.7067L59.1295 64.7667C57.5637 63.1998 57.5637 60.6767 59.1295 59.1363C60.6953 57.5693 63.2166 57.5693 64.7558 59.1363L69.6922 64.0762C71.258 65.6432 71.258 68.1663 69.6922 69.7067C68.9225 70.5035 67.914 70.8753 66.879 70.8753Z" fill="#d7e2ff"/>
+<path d="M33.121 70.8753C32.1125 70.8753 31.0775 70.4769 30.3078 69.7067C28.742 68.1397 28.742 65.6166 30.3078 64.0762L35.2442 59.1363C36.81 57.5693 39.3312 57.5693 40.8705 59.1363C42.4363 60.7032 42.4363 63.2263 40.8705 64.7667L35.9342 69.7067C35.138 70.5035 34.1295 70.8753 33.121 70.8753Z" fill="#d7e2ff"/>
+<path d="M61.9427 42.0323C60.9342 42.0323 59.8992 41.634 59.1295 40.8637C57.5637 39.2968 57.5637 36.7737 59.1295 35.2333L64.0658 30.2933C65.6316 28.7263 68.1529 28.7263 69.6922 30.2933C71.258 31.8603 71.258 34.3834 69.6922 35.9238L64.7558 40.8637C63.9862 41.634 62.9512 42.0323 61.9427 42.0323Z" fill="#d7e2ff"/>
+<path d="M50 36.9861C47.7972 36.9861 46.0191 35.2067 46.0191 33.0023V26.097C46.0191 23.8926 47.7972 22.1132 50 22.1132C52.2028 22.1132 53.9809 23.8926 53.9809 26.097V33.0023C53.9809 35.2067 52.2028 36.9861 50 36.9861Z" fill="#d7e2ff"/>
+<path d="M33.0149 53.9838H26.1147C23.9119 53.9838 22.1338 52.2044 22.1338 50C22.1338 47.7956 23.9119 46.0162 26.1147 46.0162H33.0149C35.2176 46.0162 36.9958 47.7956 36.9958 50C36.9958 52.2044 35.2176 53.9838 33.0149 53.9838Z" fill="#d7e2ff"/>
+<path d="M38.0573 42.0323C37.0488 42.0323 36.0138 41.634 35.2442 40.8637L30.3078 35.9238C28.742 34.3568 28.742 31.8337 30.3078 30.2933C31.8737 28.7263 34.3949 28.7263 35.9342 30.2933L40.8705 35.2333C42.4363 36.8002 42.4363 39.3233 40.8705 40.8637C40.1008 41.634 39.0658 42.0323 38.0573 42.0323Z" fill="#d7e2ff"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#d7e2ff" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/night.svg b/early/.config/eww/images/svg/night.svg
new file mode 100755
index 000000000..183124a11
--- /dev/null
+++ b/early/.config/eww/images/svg/night.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.026 17.001c-2.762 4.784-8.879 6.423-13.663 3.661A9.965 9.965 0 0 1 3.13 17.68a.75.75 0 0 1 .365-1.132c3.767-1.348 5.785-2.91 6.956-5.146 1.232-2.353 1.551-4.93.689-8.463a.75.75 0 0 1 .769-.927 9.961 9.961 0 0 1 4.457 1.327c4.784 2.762 6.423 8.879 3.66 13.662Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/notif-snooze.svg b/early/.config/eww/images/svg/notif-snooze.svg
new file mode 100755
index 000000000..e72c0282c
--- /dev/null
+++ b/early/.config/eww/images/svg/notif-snooze.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 3.5c-3.104 0-6 2.432-6 6.25v4.153L4.682 17h14.67l-1.354-3.093V11.75a.75.75 0 0 1 1.5 0v1.843l1.381 3.156a1.25 1.25 0 0 1-1.145 1.751H15a3.002 3.002 0 0 1-6.003 0H4.305a1.25 1.25 0 0 1-1.15-1.739l1.344-3.164V9.75C4.5 5.068 8.103 2 12 2c.86 0 1.705.15 2.5.432a.75.75 0 0 1-.502 1.413A5.964 5.964 0 0 0 12 3.5ZM12 20c.828 0 1.5-.671 1.501-1.5h-3.003c0 .829.673 1.5 1.502 1.5Z" fill="#fff"/><path d="M15.25 7h-2.5l-.101.007A.75.75 0 0 0 12.75 8.5h1.043l-1.653 2.314-.055.09A.75.75 0 0 0 12.75 12h2.5l.102-.007a.75.75 0 0 0-.102-1.493h-1.042l1.653-2.314.055-.09A.75.75 0 0 0 15.25 7ZM21.25 2h-3.5l-.101.007A.75.75 0 0 0 17.75 3.5h2.134l-2.766 4.347-.05.09A.75.75 0 0 0 17.75 9h3.5l.102-.007A.75.75 0 0 0 21.25 7.5h-2.133l2.766-4.347.05-.09A.75.75 0 0 0 21.25 2Z" fill="#cf9fd6"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/notif.svg b/early/.config/eww/images/svg/notif.svg
new file mode 100755
index 000000000..089c7a90c
--- /dev/null
+++ b/early/.config/eww/images/svg/notif.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1.996a7.49 7.49 0 0 1 7.496 7.25l.004.25v4.097l1.38 3.156a1.25 1.25 0 0 1-1.145 1.75L15 18.502a3 3 0 0 1-5.995.177L9 18.499H4.275a1.251 1.251 0 0 1-1.147-1.747L4.5 13.594V9.496c0-4.155 3.352-7.5 7.5-7.5ZM13.5 18.5l-3 .002a1.5 1.5 0 0 0 2.993.145l.006-.147ZM12 3.496c-3.32 0-6 2.674-6 6v4.41L4.656 17h14.697L18 13.907V9.509l-.004-.225A5.988 5.988 0 0 0 12 3.496Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/notifsnooze.svg b/early/.config/eww/images/svg/notifsnooze.svg
new file mode 100755
index 000000000..32e29b0bc
--- /dev/null
+++ b/early/.config/eww/images/svg/notifsnooze.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 3.5c-3.104 0-6 2.432-6 6.25v4.153L4.682 17h14.67l-1.354-3.093V11.75a.75.75 0 0 1 1.5 0v1.843l1.381 3.156a1.25 1.25 0 0 1-1.145 1.751H15a3.002 3.002 0 0 1-6.003 0H4.305a1.25 1.25 0 0 1-1.15-1.739l1.344-3.164V9.75C4.5 5.068 8.103 2 12 2c.86 0 1.705.15 2.5.432a.75.75 0 0 1-.502 1.413A5.964 5.964 0 0 0 12 3.5ZM12 20c.828 0 1.5-.671 1.501-1.5h-3.003c0 .829.673 1.5 1.502 1.5Z" fill="#d7e2ff"/><path d="M15.25 7h-2.5l-.101.007A.75.75 0 0 0 12.75 8.5h1.043l-1.653 2.314-.055.09A.75.75 0 0 0 12.75 12h2.5l.102-.007a.75.75 0 0 0-.102-1.493h-1.042l1.653-2.314.055-.09A.75.75 0 0 0 15.25 7ZM21.25 2h-3.5l-.101.007A.75.75 0 0 0 17.75 3.5h2.134l-2.766 4.347-.05.09A.75.75 0 0 0 17.75 9h3.5l.102-.007A.75.75 0 0 0 21.25 7.5h-2.133l2.766-4.347.05-.09A.75.75 0 0 0 21.25 2Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/open.svg b/early/.config/eww/images/svg/open.svg
new file mode 100755
index 000000000..ca0548a74
--- /dev/null
+++ b/early/.config/eww/images/svg/open.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.25 4.5A1.75 1.75 0 0 0 4.5 6.25v11.5c0 .966.783 1.75 1.75 1.75h11.5a1.75 1.75 0 0 0 1.75-1.75v-4a.75.75 0 0 1 1.5 0v4A3.25 3.25 0 0 1 17.75 21H6.25A3.25 3.25 0 0 1 3 17.75V6.25A3.25 3.25 0 0 1 6.25 3h4a.75.75 0 0 1 0 1.5h-4ZM13 3.75a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 .75.75v6.5a.75.75 0 0 1-1.5 0V5.56l-5.22 5.22a.75.75 0 0 1-1.06-1.06l5.22-5.22h-4.69a.75.75 0 0 1-.75-.75Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/power.svg b/early/.config/eww/images/svg/power.svg
new file mode 100755
index 000000000..7850d5b9e
--- /dev/null
+++ b/early/.config/eww/images/svg/power.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.204 4.82a.75.75 0 0 1 .634 1.36A7.51 7.51 0 0 0 4.5 12.991c0 4.148 3.358 7.51 7.499 7.51s7.499-3.362 7.499-7.51a7.51 7.51 0 0 0-4.323-6.804.75.75 0 1 1 .637-1.358 9.01 9.01 0 0 1 5.186 8.162c0 4.976-4.029 9.01-9 9.01C7.029 22 3 17.966 3 12.99a9.01 9.01 0 0 1 5.204-8.17ZM12 2.496a.75.75 0 0 1 .743.648l.007.102v7.5a.75.75 0 0 1-1.493.102l-.007-.102v-7.5a.75.75 0 0 1 .75-.75Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/protocol.svg b/early/.config/eww/images/svg/protocol.svg
new file mode 100755
index 000000000..c1e925a49
--- /dev/null
+++ b/early/.config/eww/images/svg/protocol.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m13.732 17.732-1.025-1.025 1.06-1.06 1.026 1.025a1 1 0 0 0 1.414 0l3.965-3.965a1 1 0 0 0 0-1.414l-3.965-3.964a1 1 0 0 0-1.414 0l-1.025 1.025-1.06-1.061 1.024-1.025a2.5 2.5 0 0 1 3.536 0l3.964 3.964a2.5 2.5 0 0 1 0 3.536l-3.964 3.964a2.5 2.5 0 0 1-3.536 0Z" fill="#d7e2ff"/><path d="m6.732 6.268-3.964 3.964a2.5 2.5 0 0 0 0 3.536l3.964 3.964a2.5 2.5 0 0 0 3.536 0l3.964-3.964a2.5 2.5 0 0 0 0-3.536l-3.964-3.964a2.5 2.5 0 0 0-3.536 0ZM3.83 11.293l3.964-3.964a1 1 0 0 1 1.414 0l3.965 3.964a1 1 0 0 1 0 1.414l-3.965 3.965a1 1 0 0 1-1.414 0l-3.964-3.965a1 1 0 0 1 0-1.414Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/radiobutton.svg b/early/.config/eww/images/svg/radiobutton.svg
new file mode 100755
index 000000000..f6fdaa25f
--- /dev/null
+++ b/early/.config/eww/images/svg/radiobutton.svg
@@ -0,0 +1,3 @@
+<svg height="23" width="23" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="11.5" cy="11.5" r="8.5" stroke="#d7e2ff" stroke-width="5" fill="none"/>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/rankings.svg b/early/.config/eww/images/svg/rankings.svg
new file mode 100755
index 000000000..1e9608c1a
--- /dev/null
+++ b/early/.config/eww/images/svg/rankings.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M68.5775 44.3397C68.0998 44.3397 67.5955 44.2601 67.1178 44.0478L50 37.2802L32.8821 44.0743C30.8386 44.8705 28.5297 43.8885 27.707 41.845C26.9108 39.8015 27.8928 37.4926 29.9363 36.6698L48.5138 29.3185C49.4427 28.9469 50.5042 28.9469 51.4331 29.3185L70.0106 36.6698C72.0541 37.466 73.0626 39.8015 72.2399 41.845C71.656 43.3843 70.1698 44.3397 68.5775 44.3397Z" fill="#d7e2ff"/>
+<path d="M68.5775 57.6093C68.0998 57.6093 67.5955 57.5297 67.1178 57.3174L50 50.5499L32.8821 57.3439C30.8386 58.1401 28.5297 57.1581 27.707 55.1146C26.9108 53.0711 27.8928 50.7622 29.9363 49.9395L48.5138 42.5881C49.4427 42.2165 50.5042 42.2165 51.4331 42.5881L70.0106 49.9395C72.0541 50.7356 73.0626 53.0711 72.2399 55.1146C71.656 56.6539 70.1698 57.6093 68.5775 57.6093Z" fill="#d7e2ff"/>
+<path d="M68.5775 70.879C68.0998 70.879 67.5955 70.7993 67.1178 70.587L50 63.8195L32.8821 70.6136C30.8386 71.4098 28.5297 70.4278 27.707 68.3843C26.9108 66.3408 27.8928 64.0318 29.9363 63.2091L48.5138 55.8577C49.4427 55.4862 50.5042 55.4862 51.4331 55.8577L70.0106 63.2091C72.0541 64.0053 73.0626 66.3408 72.2399 68.3843C71.656 69.9236 70.1698 70.879 68.5775 70.879Z" fill="#d7e2ff"/>
+<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="#d7e2ff"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#d7e2ff" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/reset.svg b/early/.config/eww/images/svg/reset.svg
new file mode 100755
index 000000000..d792b64e2
--- /dev/null
+++ b/early/.config/eww/images/svg/reset.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.78 2.72a.75.75 0 0 1 0 1.06L4.56 6h8.69a7.75 7.75 0 1 1-7.75 7.75.75.75 0 0 1 1.5 0 6.25 6.25 0 1 0 6.25-6.25H4.56l2.22 2.22a.75.75 0 1 1-1.06 1.06l-3.5-3.5a.75.75 0 0 1 0-1.06l3.5-3.5a.75.75 0 0 1 1.06 0Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/rightarrow.svg b/early/.config/eww/images/svg/rightarrow.svg
new file mode 100755
index 000000000..e9ee4e44d
--- /dev/null
+++ b/early/.config/eww/images/svg/rightarrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.47 4.22a.75.75 0 0 0 0 1.06L15.19 12l-6.72 6.72a.75.75 0 1 0 1.06 1.06l7.25-7.25a.75.75 0 0 0 0-1.06L9.53 4.22a.75.75 0 0 0-1.06 0Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/root.svg b/early/.config/eww/images/svg/root.svg
new file mode 100755
index 000000000..a065674de
--- /dev/null
+++ b/early/.config/eww/images/svg/root.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.744 1.996a2.25 2.25 0 0 1 2.245 2.096l.005.154v15.498A2.25 2.25 0 0 1 17.9 21.99l-.155.005h-11.5A2.25 2.25 0 0 1 4 19.898l-.005-.154V4.246A2.25 2.25 0 0 1 6.09 2.001l.154-.005h11.5Zm0 1.5h-11.5a.75.75 0 0 0-.743.648l-.006.102v15.498c0 .38.282.694.648.743l.102.007h11.5a.75.75 0 0 0 .743-.648l.006-.102V4.246a.75.75 0 0 0-.648-.743l-.102-.007Z" fill="#d7e2ff"/><path d="M13.019 16.02a.75.75 0 0 1-.624-.859l.105-.66h-1.482l-.141.895a.75.75 0 1 1-1.482-.235l.105-.66h-.75a.75.75 0 0 1 0-1.5h.987l.238-1.5H9.25a.75.75 0 0 1 0-1.5h.962l.2-1.26a.75.75 0 1 1 1.481.235L11.731 10h1.481l.2-1.259a.75.75 0 1 1 1.481.235L14.731 10h.519a.75.75 0 0 1 0 1.5h-.757l-.237 1.5h.494a.75.75 0 0 1 0 1.5h-.732l-.141.896a.75.75 0 0 1-.858.623Zm-1.526-4.52-.237 1.5h1.481l.238-1.5h-1.482Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/search-fluent.svg b/early/.config/eww/images/svg/search-fluent.svg
new file mode 100755
index 000000000..ac537c2ef
--- /dev/null
+++ b/early/.config/eww/images/svg/search-fluent.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10 2.75a7.25 7.25 0 0 1 5.63 11.819l4.9 4.9a.75.75 0 0 1-.976 1.134l-.084-.073-4.901-4.9A7.25 7.25 0 1 1 10 2.75Zm0 1.5a5.75 5.75 0 1 0 0 11.5 5.75 5.75 0 0 0 0-11.5Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/search.svg b/early/.config/eww/images/svg/search.svg
new file mode 100755
index 000000000..4fb4aba46
--- /dev/null
+++ b/early/.config/eww/images/svg/search.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0481 9.31178C70.2498 9.31178 75.08 12.1005 77.6808 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6808 83.3845C75.08 87.8995 70.2498 90.6882 65.0481 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27214 57.3037C4.67129 52.7887 4.67129 47.2113 7.27214 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0481ZM65.0481 4H34.9526C27.8401 4 21.2583 7.79792 17.7021 13.9596L2.6543 40.0404C-0.90196 46.2021 -0.90196 53.7979 2.6543 59.9596L17.7021 86.0404C21.2583 92.2021 27.8401 96 34.9526 96H65.0481C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3464 59.9596C100.903 53.7979 100.903 46.2021 97.3464 40.0404L82.2721 13.9596C78.7424 7.79792 72.1607 4 65.0481 4Z" fill="#dfbbde"/>
+<path d="M67.0382 71.0612C66.0297 71.0612 64.9947 70.6628 64.225 69.8926L54.2728 59.933C52.707 58.3661 52.707 55.843 54.2728 54.3025C55.8386 52.7356 58.3599 52.7356 59.8991 54.3025L69.8514 64.2621C71.4172 65.8291 71.4172 68.3522 69.8514 69.8926C69.0817 70.6628 68.0732 71.0612 67.0382 71.0612Z" fill="#dfbbde"/>
+<path d="M46.2049 63.4919C36.7038 63.4919 28.9544 55.7367 28.9544 46.2286C28.9544 36.7206 36.7038 28.9654 46.2049 28.9654C55.706 28.9654 63.4554 36.7206 63.4554 46.2286C63.4554 55.7367 55.7325 63.4919 46.2049 63.4919ZM46.2049 36.933C41.0828 36.933 36.9162 41.1028 36.9162 46.2286C36.9162 51.3545 41.0828 55.5243 46.2049 55.5243C51.327 55.5243 55.4937 51.3545 55.4937 46.2286C55.4937 41.1028 51.327 36.933 46.2049 36.933Z" fill="#dfbbde"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#dfbbde" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/settings.svg b/early/.config/eww/images/svg/settings.svg
new file mode 100755
index 000000000..16d3221c4
--- /dev/null
+++ b/early/.config/eww/images/svg/settings.svg
@@ -0,0 +1,23 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.31178C70.2493 9.31178 75.0795 12.1005 77.6803 16.6155L92.7281 42.6963C95.329 47.2113 95.329 52.7887 92.7281 57.3037L77.6803 83.3845C75.0795 87.8995 70.2493 90.6882 65.0476 90.6882H34.9521C29.7504 90.6882 24.9203 87.8995 22.3194 83.3845L7.27163 57.3037C4.67078 52.7887 4.67078 47.2113 7.27163 42.6963L22.3194 16.6155C24.9203 12.1005 29.7504 9.31178 34.9521 9.31178H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.79792 17.7016 13.9596L2.6538 40.0404C-0.902467 46.2021 -0.902467 53.7979 2.6538 59.9596L17.7016 86.0404C21.2578 92.2021 27.8396 96 34.9521 96H65.0476C72.1602 96 78.7419 92.2021 82.2982 86.0404L97.3459 59.9596C100.902 53.7979 100.902 46.2021 97.3459 40.0404L82.2716 13.9596C78.7419 7.79792 72.1602 4 65.0476 4Z" fill="#CFB7CE"/>
+<path d="M50 72.0704C37.9246 72.0704 28.1051 62.2436 28.1051 50.1593C28.1051 38.0751 37.9246 28.2483 50 28.2483C62.0754 28.2483 71.8949 38.0751 71.8949 50.1593C71.8949 62.2436 62.0754 72.0704 50 72.0704ZM50 36.2159C42.3036 36.2159 36.0669 42.4838 36.0669 50.1593C36.0669 57.8349 42.3302 64.1028 50 64.1028C57.6699 64.1028 63.9331 57.8349 63.9331 50.1593C63.9331 42.4838 57.6699 36.2159 50 36.2159Z" fill="#CFB7CE"/>
+<path d="M50 35.8441C47.7972 35.8441 46.0191 34.0647 46.0191 31.8603V28.4873C46.0191 26.2829 47.7972 24.5035 50 24.5035C52.2028 24.5035 53.9809 26.2829 53.9809 28.4873V31.8603C53.9809 34.0647 52.2028 35.8441 50 35.8441Z" fill="#CFB7CE"/>
+<path d="M58.9968 38.5531C58.2537 38.5531 57.5106 38.3407 56.8206 37.9157C54.9894 36.7206 54.4586 34.2506 55.6529 32.418L57.6699 29.3106C58.8641 27.4781 61.3323 26.9469 63.1635 28.142C64.9947 29.3372 65.5255 31.8072 64.3312 33.6397L62.3142 36.7471C61.5711 37.9157 60.2973 38.5531 58.9968 38.5531Z" fill="#CFB7CE"/>
+<path d="M65.7378 45.5116C64.3843 45.5116 63.0839 44.821 62.3408 43.5993C61.1996 41.7136 61.81 39.2702 63.6943 38.1282L67.0382 36.1097C68.9225 34.9677 71.3641 35.5785 72.5053 37.4642C73.6465 39.3499 73.0361 41.7933 71.1518 42.9353L67.8079 44.9538C67.1444 45.3256 66.4278 45.5116 65.7378 45.5116Z" fill="#CFB7CE"/>
+<path d="M32.0064 54.515H27.9724C25.7696 54.515 23.9915 52.7356 23.9915 50.5312C23.9915 48.3268 25.7696 46.5473 27.9724 46.5473H32.0064C34.2091 46.5473 35.9873 48.3268 35.9873 50.5312C35.9873 52.7356 34.2091 54.515 32.0064 54.515Z" fill="#CFB7CE"/>
+<path d="M69.0817 65.537C68.3917 65.537 67.7017 65.3511 67.0648 64.9792L63.2696 62.7217C61.3854 61.6062 60.7484 59.1628 61.8631 57.2506C62.9777 55.3649 65.4193 54.7275 67.3302 55.843L71.1253 58.1005C73.0096 59.2159 73.6465 61.6594 72.5319 63.5716C71.7622 64.8464 70.4353 65.537 69.0817 65.537Z" fill="#CFB7CE"/>
+<path d="M34.2622 45.5116C33.5722 45.5116 32.8556 45.3257 32.1921 44.9273L28.8482 42.9088C26.9639 41.7668 26.3535 39.3233 27.4947 37.4377C28.6359 35.552 31.0775 34.9411 32.9618 36.0832L36.3057 38.1016C38.19 39.2437 38.8004 41.6871 37.6592 43.5728C36.9161 44.8476 35.6157 45.5116 34.2622 45.5116Z" fill="#CFB7CE"/>
+<path d="M40.7909 38.7656C39.3843 38.7656 38.0043 37.9954 37.2877 36.6675L35.483 33.321C34.448 31.3822 35.1646 28.9654 37.1019 27.9296C39.0393 26.8938 41.4544 27.6109 42.4894 29.5497L44.2941 32.8961C45.3291 34.8349 44.6125 37.2517 42.6752 38.2875C42.0648 38.6063 41.4278 38.7656 40.7909 38.7656Z" fill="#CFB7CE"/>
+<path d="M72.0276 54.515H67.9936C65.7909 54.515 64.0127 52.7356 64.0127 50.5312C64.0127 48.3268 65.7909 46.5473 67.9936 46.5473H72.0276C74.2303 46.5473 76.0085 48.3268 76.0085 50.5312C76.0085 52.7356 74.2303 54.515 72.0276 54.515Z" fill="#CFB7CE"/>
+<path d="M61.0138 73.6109C59.6603 73.6109 58.3333 72.9203 57.5902 71.6455L55.3344 67.8476C54.2198 65.9619 54.8302 63.5185 56.741 62.3765C58.6253 61.261 61.0669 61.8718 62.2081 63.7841L64.4639 67.582C65.5786 69.4677 64.9682 71.9111 63.0573 73.0531C62.3938 73.425 61.7038 73.6109 61.0138 73.6109Z" fill="#CFB7CE"/>
+<path d="M50 76.5589C47.7972 76.5589 46.0191 74.7795 46.0191 72.5751V68.0866C46.0191 65.8822 47.7972 64.1028 50 64.1028C52.2028 64.1028 53.9809 65.8822 53.9809 68.0866V72.5751C53.9809 74.7795 52.2028 76.5589 50 76.5589Z" fill="#CFB7CE"/>
+<path d="M30.9183 65.537C29.5648 65.537 28.2643 64.8464 27.5212 63.6247C26.3801 61.739 26.9905 59.2956 28.8747 58.1536L32.2187 56.1351C34.103 54.9931 36.5446 55.6039 37.6858 57.4896C38.827 59.3753 38.2166 61.8187 36.3323 62.9607L32.9883 64.9792C32.3514 65.351 31.6348 65.537 30.9183 65.537Z" fill="#CFB7CE"/>
+<path d="M38.9862 73.6108C38.2962 73.6108 37.6062 73.4249 36.9692 73.0531C35.0849 71.9376 34.448 69.4942 35.5626 67.582L37.8185 63.7841C38.9331 61.8984 41.3747 61.261 43.2856 62.3764C45.1699 63.4919 45.8068 65.9353 44.6921 67.8476L42.4363 71.6455C41.6667 72.9203 40.3397 73.6108 38.9862 73.6108Z" fill="#CFB7CE"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#CFB7CE" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/store.svg b/early/.config/eww/images/svg/store.svg
new file mode 100755
index 000000000..eb28267d0
--- /dev/null
+++ b/early/.config/eww/images/svg/store.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0479 9.31178C70.2496 9.31178 75.0797 12.1005 77.6806 16.6155L92.7283 42.6963C95.3292 47.2113 95.3292 52.7887 92.7283 57.3037L77.6806 83.3845C75.0797 87.8995 70.2496 90.6882 65.0479 90.6882H34.9523C29.7506 90.6882 24.9205 87.8995 22.3196 83.3845L7.27184 57.3037C4.67099 52.7887 4.67099 47.2113 7.27184 42.6963L22.3196 16.6155C24.9205 12.1005 29.7506 9.31178 34.9523 9.31178H65.0479ZM65.0479 4H34.9523C27.8398 4 21.258 7.79792 17.7018 13.9596L2.65401 40.0404C-0.902257 46.2021 -0.902257 53.7979 2.65401 59.9596L17.7018 86.0404C21.258 92.2021 27.8398 96 34.9523 96H65.0479C72.1604 96 78.7421 92.2021 82.2984 86.0404L97.3462 59.9596C100.902 53.7979 100.902 46.2021 97.3462 40.0404L82.2719 13.9596C78.7421 7.79792 72.1604 4 65.0479 4Z" fill="#d7e2ff"/>
+<path d="M69.3737 62.5889H35.828C33.6253 62.5889 31.8471 60.8095 31.8471 58.6051V36.8799L26.1412 31.7009C24.5223 30.2136 24.3896 27.7171 25.8758 26.0704C27.362 24.4503 29.8567 24.3175 31.5021 25.8048L38.5085 32.1524C39.3312 32.8961 39.8089 33.985 39.8089 35.1005V54.6212H65.3928V43.1478L49.2038 40.97C47.0276 40.6778 45.4883 38.6593 45.7803 36.4815C46.0722 34.3037 48.0626 32.7633 50.2654 33.0554L69.9045 35.6847C71.8684 35.9503 73.3546 37.6501 73.3546 39.642V58.5785C73.3546 60.8095 71.5764 62.5889 69.3737 62.5889Z" fill="#d7e2ff"/>
+<path d="M65.1274 75.2309C67.326 75.2309 69.1083 73.4473 69.1083 71.2471C69.1083 69.0469 67.326 67.2633 65.1274 67.2633C62.9288 67.2633 61.1465 69.0469 61.1465 71.2471C61.1465 73.4473 62.9288 75.2309 65.1274 75.2309Z" fill="#d7e2ff"/>
+<path d="M39.1189 75.2309C41.3175 75.2309 43.0998 73.4473 43.0998 71.2471C43.0998 69.0469 41.3175 67.2633 39.1189 67.2633C36.9203 67.2633 35.138 69.0469 35.138 71.2471C35.138 73.4473 36.9203 75.2309 39.1189 75.2309Z" fill="#d7e2ff"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#d7e2ff" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/tournaments.svg b/early/.config/eww/images/svg/tournaments.svg
new file mode 100755
index 000000000..4958b945a
--- /dev/null
+++ b/early/.config/eww/images/svg/tournaments.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="#CFB7CE"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.3119 52.4749C24.9451 51.108 24.9451 48.892 26.3119 47.5251L47.5251 26.3119C48.8919 24.9451 51.108 24.9451 52.4749 26.3119L73.6881 47.5251C75.0549 48.892 75.0549 51.108 73.6881 52.4749L52.4749 73.6881C51.108 75.0549 48.8919 75.0549 47.5251 73.6881L26.3119 52.4749ZM33.7365 50L50 66.2635L66.2634 50L50 33.7365L33.7365 50Z" fill="#CFB7CE"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.5251 27.5251C28.892 26.1583 31.108 26.1583 32.4749 27.5251L72.4749 67.5251C73.8417 68.892 73.8417 71.108 72.4749 72.4749C71.108 73.8417 68.892 73.8417 67.5251 72.4749L27.5251 32.4749C26.1583 31.108 26.1583 28.892 27.5251 27.5251Z" fill="#CFB7CE"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M72.4749 27.5251C73.8417 28.892 73.8417 31.108 72.4749 32.4749L32.4749 72.4749C31.108 73.8417 28.892 73.8417 27.5251 72.4749C26.1583 71.108 26.1583 68.892 27.5251 67.5251L67.5251 27.5251C68.892 26.1583 71.108 26.1583 72.4749 27.5251Z" fill="#CFB7CE"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#CFB7CE" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/uparrow.svg b/early/.config/eww/images/svg/uparrow.svg
new file mode 100755
index 000000000..d25dd0fe8
--- /dev/null
+++ b/early/.config/eww/images/svg/uparrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.293 15.707a1 1 0 0 0 1.414 0L12 9.414l6.293 6.293a1 1 0 0 0 1.414-1.414l-7-7a1 1 0 0 0-1.414 0l-7 7a1 1 0 0 0 0 1.414Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/user.svg b/early/.config/eww/images/svg/user.svg
new file mode 100755
index 000000000..3f9cb15be
--- /dev/null
+++ b/early/.config/eww/images/svg/user.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.754 14a2.249 2.249 0 0 1 2.25 2.249v.918a2.75 2.75 0 0 1-.513 1.599C17.945 20.929 15.42 22 12 22c-3.422 0-5.945-1.072-7.487-3.237a2.75 2.75 0 0 1-.51-1.595v-.92a2.249 2.249 0 0 1 2.249-2.25h11.501ZM12 2.004a5 5 0 1 1 0 10 5 5 0 0 1 0-10Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/vol0.svg b/early/.config/eww/images/svg/vol0.svg
new file mode 100755
index 000000000..d05654890
--- /dev/null
+++ b/early/.config/eww/images/svg/vol0.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.704 3.441c.191.226.296.512.296.808V19.75a1.25 1.25 0 0 1-2.058.954l-4.967-4.206H4.25A2.25 2.25 0 0 1 2 14.248v-4.5a2.25 2.25 0 0 1 2.25-2.25h3.725l4.968-4.204a1.25 1.25 0 0 1 1.761.147ZM13.5 4.788l-4.975 4.21H4.25a.75.75 0 0 0-.75.75v4.5c0 .415.336.75.75.75h4.275l4.975 4.213V4.788Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/vol1.svg b/early/.config/eww/images/svg/vol1.svg
new file mode 100755
index 000000000..f8bea12df
--- /dev/null
+++ b/early/.config/eww/images/svg/vol1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.704 3.442c.191.226.296.512.296.808v15.502a1.25 1.25 0 0 1-2.058.954L7.975 16.5H4.25A2.25 2.25 0 0 1 2 14.25v-4.5A2.25 2.25 0 0 1 4.25 7.5h3.725l4.968-4.204a1.25 1.25 0 0 1 1.761.147ZM13.5 4.79 8.525 9H4.25a.75.75 0 0 0-.75.75v4.5c0 .415.336.75.75.75h4.275l4.975 4.213V4.79Zm3.604 3.851a.75.75 0 0 1 1.03.25c.574.94.862 1.992.862 3.14 0 1.149-.288 2.201-.862 3.141a.75.75 0 1 1-1.28-.781c.428-.702.642-1.483.642-2.36 0-.876-.214-1.657-.642-2.359a.75.75 0 0 1 .25-1.03Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/vol2.svg b/early/.config/eww/images/svg/vol2.svg
new file mode 100755
index 000000000..949646027
--- /dev/null
+++ b/early/.config/eww/images/svg/vol2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 4.25c0-1.079-1.274-1.65-2.08-.934L8.427 7.309a.75.75 0 0 1-.498.19H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V4.25ZM9.425 8.43 13.5 4.807v14.382l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.68a2.25 2.25 0 0 0 1.495-.569ZM18.992 5.897a.75.75 0 0 1 1.049.157A9.959 9.959 0 0 1 22 12a9.96 9.96 0 0 1-1.96 5.946.75.75 0 0 1-1.205-.892A8.459 8.459 0 0 0 20.5 12a8.459 8.459 0 0 0-1.665-5.054.75.75 0 0 1 .157-1.049Z" fill="#d7e2ff"/><path d="M17.143 8.37a.75.75 0 0 1 1.017.302c.536.99.84 2.125.84 3.328a6.973 6.973 0 0 1-.84 3.328.75.75 0 0 1-1.32-.714c.42-.777.66-1.666.66-2.614s-.24-1.837-.66-2.614a.75.75 0 0 1 .303-1.017Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/vol3.svg b/early/.config/eww/images/svg/vol3.svg
new file mode 100755
index 000000000..949646027
--- /dev/null
+++ b/early/.config/eww/images/svg/vol3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 4.25c0-1.079-1.274-1.65-2.08-.934L8.427 7.309a.75.75 0 0 1-.498.19H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V4.25ZM9.425 8.43 13.5 4.807v14.382l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.68a2.25 2.25 0 0 0 1.495-.569ZM18.992 5.897a.75.75 0 0 1 1.049.157A9.959 9.959 0 0 1 22 12a9.96 9.96 0 0 1-1.96 5.946.75.75 0 0 1-1.205-.892A8.459 8.459 0 0 0 20.5 12a8.459 8.459 0 0 0-1.665-5.054.75.75 0 0 1 .157-1.049Z" fill="#d7e2ff"/><path d="M17.143 8.37a.75.75 0 0 1 1.017.302c.536.99.84 2.125.84 3.328a6.973 6.973 0 0 1-.84 3.328.75.75 0 0 1-1.32-.714c.42-.777.66-1.666.66-2.614s-.24-1.837-.66-2.614a.75.75 0 0 1 .303-1.017Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/volmute.svg b/early/.config/eww/images/svg/volmute.svg
new file mode 100755
index 000000000..8f770e6cc
--- /dev/null
+++ b/early/.config/eww/images/svg/volmute.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.28 2.22a.75.75 0 1 0-1.06 1.06L6.438 7.5H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V16.06l5.72 5.72a.75.75 0 0 0 1.06-1.061L3.28 2.22ZM13.5 14.56v4.629l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.688L13.5 14.56ZM13.5 4.807v5.511l1.5 1.5V4.25c0-1.079-1.274-1.65-2.08-.934l-3.4 3.022 1.063 1.063L13.5 4.807ZM17.141 13.96l1.138 1.137A6.974 6.974 0 0 0 19 12a6.973 6.973 0 0 0-.84-3.328.75.75 0 0 0-1.32.714c.42.777.66 1.666.66 2.614 0 .691-.127 1.351-.359 1.96ZM19.388 16.206l1.093 1.094A9.955 9.955 0 0 0 22 12a9.959 9.959 0 0 0-1.96-5.946.75.75 0 0 0-1.205.892A8.46 8.46 0 0 1 20.5 12a8.458 8.458 0 0 1-1.112 4.206Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/wifi.svg b/early/.config/eww/images/svg/wifi.svg
new file mode 100755
index 000000000..3c762bdfa
--- /dev/null
+++ b/early/.config/eww/images/svg/wifi.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m12.858 14.273 7.434 7.434a1 1 0 0 0 1.414-1.414l-17.999-18a1 1 0 1 0-1.414 1.414L5.39 6.804c-.643.429-1.254.927-1.821 1.495a12.382 12.382 0 0 0-1.39 1.683 1 1 0 0 0 1.644 1.14c.363-.524.761-1.01 1.16-1.41a9.94 9.94 0 0 1 1.855-1.46L7.99 9.405a8.14 8.14 0 0 0-3.203 3.377 1 1 0 0 0 1.784.903 6.08 6.08 0 0 1 1.133-1.563 6.116 6.116 0 0 1 1.77-1.234l1.407 1.407A5.208 5.208 0 0 0 8.336 13.7a5.25 5.25 0 0 0-1.09 1.612 1 1 0 0 0 1.832.802c.167-.381.394-.722.672-1a3.23 3.23 0 0 1 3.108-.841Zm-1.332-5.93 2.228 2.229a6.1 6.1 0 0 1 2.616 1.55c.444.444.837.995 1.137 1.582a1 1 0 1 0 1.78-.911 8.353 8.353 0 0 0-1.503-2.085 8.108 8.108 0 0 0-6.258-2.365ZM8.51 5.327l1.651 1.651a9.904 9.904 0 0 1 10.016 4.148 1 1 0 1 0 1.646-1.136A11.912 11.912 0 0 0 8.51 5.327Zm4.552 11.114a1.501 1.501 0 1 1-2.123 2.123 1.501 1.501 0 0 1 2.123-2.123Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/wifi1.svg b/early/.config/eww/images/svg/wifi1.svg
new file mode 100755
index 000000000..2bf3a821c
--- /dev/null
+++ b/early/.config/eww/images/svg/wifi1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.96 18.568a1.501 1.501 0 1 0 2.122-2.123 1.501 1.501 0 0 0-2.123 2.123Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/wifi2.svg b/early/.config/eww/images/svg/wifi2.svg
new file mode 100755
index 000000000..5df6581f6
--- /dev/null
+++ b/early/.config/eww/images/svg/wifi2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.938 16.446a1.501 1.501 0 1 1 2.123 2.123 1.501 1.501 0 0 1-2.123-2.123Zm-2.603-2.742a5.233 5.233 0 0 1 7.4 0c.46.461.838 1.025 1.101 1.625a1 1 0 0 1-1.832.803 3.356 3.356 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.255 3.255 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.613Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/wifi3.svg b/early/.config/eww/images/svg/wifi3.svg
new file mode 100755
index 000000000..f738613b0
--- /dev/null
+++ b/early/.config/eww/images/svg/wifi3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.96 16.44a1.501 1.501 0 1 1 2.122 2.122 1.501 1.501 0 0 1-2.123-2.122Zm-2.604-2.742a5.233 5.233 0 0 1 7.4 0c.46.461.838 1.025 1.101 1.625a1 1 0 1 1-1.832.803 3.358 3.358 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.254 3.254 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.613ZM6.31 10.707a8.128 8.128 0 0 1 11.495 0 8.353 8.353 0 0 1 1.503 2.085 1 1 0 0 1-1.78.91 6.357 6.357 0 0 0-1.137-1.581 6.128 6.128 0 0 0-9.8 1.562 1 1 0 1 1-1.785-.902 8.08 8.08 0 0 1 1.504-2.074Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/wifi4.svg b/early/.config/eww/images/svg/wifi4.svg
new file mode 100755
index 000000000..6d0807168
--- /dev/null
+++ b/early/.config/eww/images/svg/wifi4.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.784 10.708a8.35 8.35 0 0 1 1.504 2.085 1 1 0 0 1-1.781.91 6.353 6.353 0 0 0-1.137-1.58 6.128 6.128 0 0 0-9.8 1.562 1 1 0 0 1-1.784-.903 8.128 8.128 0 0 1 12.998-2.074ZM15.735 13.7c.46.46.838 1.024 1.101 1.624a1 1 0 1 1-1.832.803 3.36 3.36 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.257 3.257 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.612 5.233 5.233 0 0 1 7.4 0Zm4.684-5.401c.508.508.987 1.087 1.404 1.691a1 1 0 0 1-1.646 1.136c-.35-.506-.752-.993-1.172-1.413-3.872-3.872-10.15-3.872-14.023 0-.4.399-.797.886-1.16 1.41a1 1 0 0 1-1.644-1.14c.428-.618.9-1.195 1.39-1.684 4.653-4.654 12.198-4.654 16.851 0Zm-7.358 8.142a1.501 1.501 0 1 1-2.122 2.123 1.501 1.501 0 0 1 2.122-2.123Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/svg/wiki.svg b/early/.config/eww/images/svg/wiki.svg
new file mode 100755
index 000000000..a79a5fa3d
--- /dev/null
+++ b/early/.config/eww/images/svg/wiki.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0482 9.31178C70.2499 9.31178 75.08 12.1005 77.6809 16.6155L92.7287 42.6963C95.3295 47.2113 95.3295 52.7887 92.7287 57.3037L77.6809 83.3845C75.08 87.8995 70.2499 90.6882 65.0482 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27217 57.3037C4.67132 52.7887 4.67132 47.2113 7.27217 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0482ZM65.0482 4H34.9526C27.8401 4 21.2584 7.79792 17.7021 13.9596L2.65433 40.0404C-0.901929 46.2021 -0.901929 53.7979 2.65433 59.9596L17.7021 86.0404C21.2584 92.2021 27.8401 96 34.9526 96H65.0482C72.1607 96 78.7425 92.2021 82.2987 86.0404L97.3465 59.9596C100.903 53.7979 100.903 46.2021 97.3465 40.0404L82.2722 13.9596C78.7424 7.79792 72.1607 4 65.0482 4Z" fill="#d7e2ff"/>
+<path d="M50 48.3799C44.1348 48.3799 39.3843 43.6259 39.3843 37.7563C39.3843 31.8868 44.1348 27.1328 50 27.1328C55.8652 27.1328 60.6157 31.8868 60.6157 37.7563C60.6157 43.6259 55.8652 48.3799 50 48.3799ZM50 35.1005C48.5403 35.1005 47.3461 36.2956 47.3461 37.7563C47.3461 39.2171 48.5403 40.4122 50 40.4122C51.4596 40.4122 52.6539 39.2171 52.6539 37.7563C52.6539 36.2956 51.4596 35.1005 50 35.1005Z" fill="#d7e2ff"/>
+<path d="M38.7208 72.8672C37.7123 72.8672 36.6773 72.4688 35.9076 71.6986L24.7611 60.5439C23.1953 58.9769 23.1953 56.4538 24.7611 54.9134C26.327 53.3464 28.8482 53.3464 30.3875 54.9134L38.7208 63.2529L47.0807 54.8868C48.6465 53.3198 51.1677 53.3198 52.707 54.8868L61.0138 63.1997L69.4267 54.7806C70.9925 53.2136 73.5138 53.2136 75.053 54.7806C76.6189 56.3476 76.6189 58.8706 75.053 60.4111L63.8004 71.672C62.2346 73.239 59.7134 73.239 58.1741 71.672L49.8673 63.3591L41.5074 71.7251C40.7643 72.4688 39.7558 72.8672 38.7208 72.8672Z" fill="#d7e2ff"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#d7e2ff" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/early/.config/eww/images/textures/acrylic.png b/early/.config/eww/images/textures/acrylic.png
new file mode 100755
index 000000000..028b188b5
Binary files /dev/null and b/early/.config/eww/images/textures/acrylic.png differ
diff --git a/early/.config/eww/images/wallpaper/wallpaper b/early/.config/eww/images/wallpaper/wallpaper
new file mode 100755
index 000000000..3ac6974ee
Binary files /dev/null and b/early/.config/eww/images/wallpaper/wallpaper differ
diff --git a/early/.config/eww/modules/activewindow.yuck b/early/.config/eww/modules/activewindow.yuck
new file mode 100755
index 000000000..6e510dddd
--- /dev/null
+++ b/early/.config/eww/modules/activewindow.yuck
@@ -0,0 +1,26 @@
+(defwidget activewindow []
+  (box
+    :valign "center"
+    :space-evenly false
+    :orientation "v"
+    (box
+      (eventbox
+        :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+        :onhover "${EWW_CMD} update rev_center_ws=true"
+        (box
+          :space-evenly false
+          :class "activewin"
+          (revealer
+            :transition "slideright"
+            :reveal "${!music_reveal}"
+            :duration "300ms"
+            (label
+              :limit-width 40
+              :text "${awin.title}"
+            )
+          )
+        )
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/early/.config/eww/modules/audiolevels.yuck b/early/.config/eww/modules/audiolevels.yuck
new file mode 100755
index 000000000..da529c3a6
--- /dev/null
+++ b/early/.config/eww/modules/audiolevels.yuck
@@ -0,0 +1,71 @@
+(defwidget audiolevels[]
+  (box
+    :space-evenly false
+    :orientation "v"
+    :class "sliders"
+    (label
+      :text "Volume mixer"
+      :xalign 0
+      :style "font-weight: bold;"
+    )
+    (for i in audiojson
+      (eventbox
+        :onscroll "pactl set-sink-input-volume ${i.sink} $(echo {} | sed -e \"s/up/+10/g\" -e \"s/down/-10/g\")% &"
+        :onrightclick "pactl set-sink-input-volume ${i.sink} 100%"
+        (box
+          :space-evenly false
+          :orientation "v"
+          ; (label :class "time" :text "DEBUG:${i}")
+          (centerbox
+            :space-evenly false
+            :orientation "h"
+            ; :halign "center"
+            (label
+              :xalign 0
+              :class "audiotext"
+              :limit-width 42
+              :style "font-size: 13pt; padding-bottom: 2px;"
+              :text "${i.name} (#${i.sink})"
+            )
+            (label
+              :xalign 0
+              :class "audiotext"
+              :limit-width 30
+              :style "font-size: 13pt; padding-bottom: 2px;"
+              :text ""
+            )
+            (box :orientation "v"
+              (label
+                :xalign 1
+                :class "audiotext"
+                :style "font-size: 13pt; padding-bottom: 2px;"
+                :text "${i.volume}%"
+              )
+            )
+          )
+          (box
+            :class "volume-slider-box"
+            :space-evenly false
+            (eventbox
+              ; :class "volume-icon"
+              :onclick "pactl set-sink-input-volume ${i.sink} 0%"
+              :onscroll "pactl set-sink-input-volume ${i.sink} $(echo {} | sed -e \"s/up/+10/g\" -e \"s/down/-10/g\")%"
+              :onrightclick "pactl set-sink-input-volume ${i.sink} 100%"
+              (label
+                :style "font-family: 'Material Symbols Rounded';"
+                :text "${volume.icon}"
+              )
+            )
+            (scale
+              :class "sliderbg"
+              :value {i.volume}
+              :class "volume-bar slider"
+              :onchange "pactl set-sink-input-volume ${i.sink} {}%"
+              :tooltip "${i.name}: ${i.volume}%"
+            )
+          )
+        )
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/early/.config/eww/modules/bluetooth.yuck b/early/.config/eww/modules/bluetooth.yuck
new file mode 100755
index 000000000..bb84e9668
--- /dev/null
+++ b/early/.config/eww/modules/bluetooth.yuck
@@ -0,0 +1,13 @@
+(defwidget bluetooth []
+  (eventbox
+    :onrightclick "gnome-control-center bluetooth"
+    (button
+      :class "module-bt module icon"
+      :onclick "blueberry"
+      :onrightclick "gnome-control-center bluetooth"
+      :tooltip "${bluetooth.text} ${bluetooth.batt_icon}"
+      :style "color: ${bluetooth.color};"
+      {bluetooth.icon}
+    )
+  )
+)
diff --git a/early/.config/eww/modules/bright.yuck b/early/.config/eww/modules/bright.yuck
new file mode 100755
index 000000000..d45bfcaaf
--- /dev/null
+++ b/early/.config/eww/modules/bright.yuck
@@ -0,0 +1,15 @@
+(defwidget bright []
+  (box
+    :class "module"
+    (eventbox
+      :class "bright-icon"
+      :onscroll "echo $(echo {} | sed -e 's/down/-U 5/g' -e 's/up/-A 5/g' | xargs light) && scripts/bright osd"
+      (label
+        :valign "start"
+        :text {brightness.icon}
+        :class "bright-icon icon"
+        :tooltip "brightness ${round(brightness.level, 0)}%"
+      )
+    )
+  )
+)
diff --git a/early/.config/eww/modules/clock.yuck b/early/.config/eww/modules/clock.yuck
new file mode 100755
index 000000000..1a93b3890
--- /dev/null
+++ b/early/.config/eww/modules/clock.yuck
@@ -0,0 +1,51 @@
+(defwidget clock_module []
+  (eventbox
+    :onclick "${EWW_CMD} update popup='calendar'"
+    :class "${popup == 'calendar' ? 'calendar-win' : ''}"
+    :style "${rev_ontf ? 'background-color: #838383;' : ''}"
+    ; clock-module
+    (box
+      :space-evenly false
+      :orientation "v"
+      (box
+        :class "module"
+        :valign "start"
+        :orientation "v"
+        :style "min-width: 115px;"
+        (box
+          :space-evenly false
+          :halign "start"
+          (label :text "${time.hour}" :class "clock hour")
+          (label :text ":" :class "clock")
+          (label :text {time.minute} :class "clock minute")
+        )
+        (button
+          :style "background"
+          :halign "start"
+          :valign "start"
+          :class "date-clock"
+          :onclick "${EWW_CMD} update popup='calendar'"
+          "${time.day}, ${time.date}"
+        )
+        
+      )
+      (revealer
+        :reveal "${popup == 'calendar'}"
+        :transition "slideright"
+        :duration "0ms"
+        (revealer
+          :reveal "${popup == 'calendar'}"
+          :transition "crossfade"
+          :duration "0ms"
+          (revealer
+            :reveal "${popup == 'calendar'}"
+            :transition "slidedown"
+            :duration "0ms"
+            (calendar)
+          )
+        )
+      )
+    )
+  )
+)
+
diff --git a/early/.config/eww/modules/editmode.yuck b/early/.config/eww/modules/editmode.yuck
new file mode 100755
index 000000000..24a9b89c7
--- /dev/null
+++ b/early/.config/eww/modules/editmode.yuck
@@ -0,0 +1,24 @@
+(defwidget editmode []
+  (eventbox
+    :cursor "col-resize"
+    :onhover "${EWW_CMD} update edit_hover=true"
+    :onhoverlost "${EWW_CMD} update edit_hover=false"
+    :onscroll "hyprctl dispatch splitratio $(echo {} | sed -e \"s/up/-0.1/g\" -e \"s/down/+0.1/g\")"
+    :onmiddleclick "scripts/toggle-compactmode.sh"
+    :onrightclick "scripts/toggle-compactmode.sh --toggle --border 0"
+    (checkbox
+      :class "module-button${editing ? '-true' : (edit_hover ? '-hover' : '')} edit-mode-checkbox-${editing}"
+      :onchecked "scripts/editmode.sh enable"
+      :onunchecked "scripts/editmode.sh disable"
+      :tooltip "Edit mode (middle-click to move, right-click to resize windows)"
+      (image
+        :path "images/svg/tournaments.svg"
+        :image-height 33
+        :image-width 33
+        :style "
+        margin-left: -5.5px;
+        "
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/early/.config/eww/modules/gamebar.json b/early/.config/eww/modules/gamebar.json
new file mode 100755
index 000000000..efb2c03f8
--- /dev/null
+++ b/early/.config/eww/modules/gamebar.json
@@ -0,0 +1,42 @@
+{
+    "controls": {
+        "at": [
+            960,
+            65
+        ],
+        "size": [
+            530,
+            70
+        ]
+    },
+    "capture": {
+        "at": [
+            202,
+            131.5
+        ],
+        "size": [
+            338,
+            197
+        ]
+    },
+    "audio": {
+        "at": [
+            202,
+            644.5
+        ],
+        "size": [
+            338,
+            789
+        ]
+    },
+    "performance": {
+        "at": [
+            1718,
+            932
+        ],
+        "size": [
+            338,
+            230
+        ]
+    }
+}
\ No newline at end of file
diff --git a/early/.config/eww/modules/gamebar_topleft_size.json b/early/.config/eww/modules/gamebar_topleft_size.json
new file mode 100755
index 000000000..9635a8ef7
--- /dev/null
+++ b/early/.config/eww/modules/gamebar_topleft_size.json
@@ -0,0 +1,42 @@
+{
+    "controls": {
+        "at": [
+            495,
+            30
+        ],
+        "size": [
+            930,
+            70
+        ]
+    },
+    "capture": {
+        "at": [
+            33,
+            33
+        ],
+        "size": [
+            338,
+            197
+        ]
+    },
+    "audio": {
+        "at": [
+            33,
+            250
+        ],
+        "size": [
+            338,
+            589
+        ]
+    },
+    "performance": {
+        "at": [
+            1250,
+            604
+        ],
+        "size": [
+            338,
+            230
+        ]
+    }
+}
\ No newline at end of file
diff --git a/early/.config/eww/modules/langs.json b/early/.config/eww/modules/langs.json
new file mode 100755
index 000000000..3fa2bda59
--- /dev/null
+++ b/early/.config/eww/modules/langs.json
@@ -0,0 +1,14 @@
+[
+    {
+        "name": "English (United States)",
+        "name_method": "US",
+        "name_ibus": "xkb:us::eng",
+        "name_abbr": "ENG"
+    },
+    {
+        "name": "Vietnamese",
+        "name_method": "Vietnamese Telex (Bamboo Engine)",
+        "name_ibus": "Bamboo::Us",
+        "name_abbr": "VIE"
+    }
+]
\ No newline at end of file
diff --git a/early/.config/eww/modules/music.yuck b/early/.config/eww/modules/music.yuck
new file mode 100755
index 000000000..4d9168a4a
--- /dev/null
+++ b/early/.config/eww/modules/music.yuck
@@ -0,0 +1,144 @@
+(defwidget osu-music-module []
+  (eventbox
+    :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+    :onclick "scripts/toggle-music.sh &"
+    :onmiddleclick "playerctl play-pause"
+    :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+    :onhover "${EWW_CMD} update music_hover=true"
+    :onhoverlost "${EWW_CMD} update music_hover=false"
+    (box
+      :space-evenly false
+      :class "module-button-pad-center"
+      (box
+        :space-evenly false
+        :class "module-button${music_open ? '-true' : (music_hover ? '-hover' : '')}"
+        (revealer ; dummy keep alive
+          :reveal false
+          :duration "0ms"
+          :transition "slideright"
+          ; (label :text "${mcover.image} ${cavajson[0]}")
+          (label :text "${mcover.image}")
+        )
+        (box
+          :space-evenly false
+          :valign "start"
+          ; :class "osu-music-box"
+          :class "osu-music-box"
+          ; (image
+            ;   :path "images/svg/beatmaps.svg"
+            ;   :image-width 33
+            ;   :image-height 33
+            ;   :class "osu-music-box-dummy"
+          ; )
+          (overlay
+            (box
+              :halign "center" :valign "center"
+              :class "bar-music-cover"
+              :style "background-image: url('eww_covers/cover_art_default')"
+            )
+            (box
+              :halign "center" :valign "center"
+              :class "bar-music-cover"
+              :style "background-image: url('${mcover.image}')"
+            )
+            (label
+              :class "bar-music-state"
+              :halign "center" :valign "center"
+              :style "
+              font-size: 18pt;
+              margin-bottom: -1px;
+              color: ${colormode == 'one' ? coloraccent : (mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7)};
+              "
+              :text "${mplay == 'Playing' ? '' : ''}"
+            )
+          )
+        )
+        (revealer
+          :transition "slideright"
+          ; :reveal "${(music_reveal || osd_vol || (mname.title != '')) && !focus}"
+          :reveal true
+          :duration "300ms"
+          :class "music-ctl-revealer"
+          :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+          :limit-width 20
+          (eventbox
+            :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+            (box
+              :space-evenly false :orientation "h"
+              :width 421
+              (box
+                :space-evenly false :orientation "v"
+                :valign "center"
+                :class "music-ctl-revealer"
+                :hexpand "true"
+                (label
+                  :class "music-title-bar"
+                  :limit-width 50
+                  :xalign 0
+                  :style "
+                  color: ${colormode == 'one' ? coloraccent : (mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7)};
+                  "
+                  :text {mname.title == '' ? 'Playerctl' : mname.title}
+                )
+                (revealer
+                  :transition "slidedown"
+                  :reveal "${mname.artist != ''}"
+                  :duration "20ms"
+                  (label
+                    :class "music-artist-bar"
+                    :limit-width 50
+                    :xalign 0
+                    :style "font-size: 11pt; font-family: 'Rubik';
+                    color: ${colormode == 'one' ? coloraccent : (mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7)};
+                    "
+                    :text {mname.artist}
+                  )
+                )
+              )
+              (revealer
+                :reveal {music_hover}
+                :transition "slideleft"
+                :duration "400ms"
+                (revealer
+                  :reveal {music_hover}
+                  :transition "crossfade"
+                  :duration "400ms"
+                  (centerbox
+                    :class "music-button-box-bar"
+                    (button
+                      :class "song-button-bar"
+                      :style "
+                      font-size: 30pt;
+                      color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};
+                      "
+                      :onclick "playerctl previous" 
+                      ""
+                    )
+                    (button
+                      :class "song-button-bar"
+                      :style "
+                      font-size: 30pt;
+                      color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};
+                      "
+                      :onclick "playerctl play-pause"
+                      "${music.status != '' ? music.status : ''}"
+                    )
+                    (button
+                      :class "song-button-bar"
+                      :style "
+                      font-size: 30pt;
+                      color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};
+                      "
+                      :onclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+                      ""
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/early/.config/eww/modules/net.yuck b/early/.config/eww/modules/net.yuck
new file mode 100755
index 000000000..4a9adad73
--- /dev/null
+++ b/early/.config/eww/modules/net.yuck
@@ -0,0 +1,19 @@
+(defwidget net []
+  (box
+    :class "module"
+    (eventbox
+      :class "net-icon"
+      :onclick "iwgtk &"
+      :onrightclick "gnome-control-center network &"
+      :tooltip {net.essid}
+      ; :style "color: ${net.color};"
+      (label
+        :valign "start"
+        :text {net.icon}
+        :class "net-icon"
+        :tooltip {net.essid}
+        ; :style "color: ${net.color};"
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/early/.config/eww/modules/pinned-apps.json b/early/.config/eww/modules/pinned-apps.json
new file mode 100755
index 000000000..a127007bd
--- /dev/null
+++ b/early/.config/eww/modules/pinned-apps.json
@@ -0,0 +1,21 @@
+[ 
+    [
+        {"name": "File Explorer", "exec": "gtk-launch org.gnome.Nautilus.desktop &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/nautilus.svg"},
+        {"name": "Firefox", "exec": "gtk-launch firefox &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/firefox.svg"},
+        {"name": "Terminal", "exec": "gtk-launch org.codeberg.dnkl.foot.desktop &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/foot.svg"},
+        {"name": "Paint", "exec": "gtk-launch org.kde.kolourpaint.desktop &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/kolourpaint.svg"},
+        {"name": "Settings", "exec": "gtk-launch org.gnome.Settings.desktop &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/gnome-control-center.svg"},
+        {"name": "Notepad", "exec": "gtk-launch org.gnome.TextEditor &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/org.gnome.TextEditor.svg"}
+    ],
+    [
+        {"name": "Clock", "exec": "gtk-launch org.gnome.clocks &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/gnome-clocks.svg"},
+        {"name": "Edge", "exec": "/usr/bin/microsoft-edge-stable --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland --gtk-version=4 &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/microsoft-edge.svg"},
+        {"name": "Visual Studio Code", "exec": "code --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/code.svg"},
+        {"name": "Calculator", "exec": "gtk-launch org.gnome.Calculator &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/org.gnome.Calculator.svg"},
+        {"name": "GitHub Desktop", "exec": "gtk-launch github-desktop &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/github-desktop.svg"},
+        {"name": "Photos", "exec": "gtk-launch org.gnome.eog &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/eog.svg"}
+    ],
+    [
+        {"name": "VLC Media Player", "exec": "gtk-launch vlc &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/vlc.svg"}
+    ]
+]
\ No newline at end of file
diff --git a/early/.config/eww/modules/recommended.json b/early/.config/eww/modules/recommended.json
new file mode 100755
index 000000000..78ad1fd00
--- /dev/null
+++ b/early/.config/eww/modules/recommended.json
@@ -0,0 +1,9 @@
+[ 
+    [
+        {"name": "This is NOT Windows 11", "subtext": "end-4/dots-hyprland → windoes", "exec": "xdg-open 'https://github.com/end-4/dots-hyprland/tree/windoes' &", "icon": "images/icons/github.svg"},
+        {"name": "Get Hyprland help", "subtext": "+ chance to be called a retard", "exec": "xdg-open 'https://discord.com/invite/hQ9XvMUjjr' &", "icon": "images/icons/discord.png"}
+    ],
+    [
+        {"name": "r/unixporn", "subtext": "Hot windows n statusbar sex", "exec": "xdg-open 'https://www.reddit.com/r/unixporn/' &", "icon": "images/icons/reddit.svg"}
+    ]
+]
\ No newline at end of file
diff --git a/early/.config/eww/modules/searchbutton.yuck b/early/.config/eww/modules/searchbutton.yuck
new file mode 100755
index 000000000..35922f07d
--- /dev/null
+++ b/early/.config/eww/modules/searchbutton.yuck
@@ -0,0 +1,17 @@
+(defwidget searchbutton []
+  (eventbox
+    :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    :class "osettings-toggle-button-${open_overview}"
+    :onclick "scripts/toggle-overview.sh"
+    :onmiddleclick "scripts/toggle-overview.sh"
+    :onrightclick "scripts/toggle-overview.sh"
+    (box
+      :class "module-button-pad-center"
+      (image
+        :path "images/svg/search.svg"
+        :image-width 33
+        :image-height 33
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/early/.config/eww/modules/sys.yuck b/early/.config/eww/modules/sys.yuck
new file mode 100755
index 000000000..1bb7fee9e
--- /dev/null
+++ b/early/.config/eww/modules/sys.yuck
@@ -0,0 +1,388 @@
+(defwidget sys []
+  (eventbox
+    :class "${popup == 'system-menu' ? 'system-menu-box' : 'sysbar'}"
+    ; :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+    (box
+      :space-evenly false
+      :orientation "v"
+      (box
+        :class "module"
+        :space-evenly false
+        :spacing 5
+        :halign "end"
+        (syscpu)
+        (sysmem)
+        (sysbatt)
+        ; (settingscog)
+      )
+      (revealer
+        :reveal "${popup == 'system-menu'}"
+        :transition "slideright"
+        :duration "0ms"
+        (revealer
+          :reveal "${popup == 'system-menu'}"
+          :transition "crossfade"
+          :duration "0ms"
+          (revealer
+            :reveal "${popup == 'system-menu'}"
+            :transition "slidedown"
+            :duration "0ms"
+            (box
+              :space-evenly false
+              (box
+                ; :class "system-menu-box"
+                :space-evenly false
+                :orientation "v"
+                (box
+                  :class "top-row"
+                  :space-evenly false
+                  (label :class "time" :text "${time.hour}:${time.minute}")
+                  (box
+                    :class "date-box"
+                    :space-evenly false
+                    (label :class "date" :text "${time.day},")
+                    (label :class "date" :text "${time.date}")
+                  )
+                )
+                
+                (box
+                  :class "system-row"
+                  :space-evenly false
+                  (box
+                    :class "wifi-box"
+                    :space-evenly false
+                    :orientation "v"
+                    (box
+                      :class "element"
+                      :space-evenly false
+                      (button
+                        ; :class "wifi-button"
+                        :onclick "scripts/net toggle"
+                        :style "font-family: Material Symbols Rounded;"
+                        {net.icon}
+                      )
+                      (label :class "separator" :text "|")
+                      (button
+                        :class "wifi-arrow-btn"
+                        :style "font-family: Material Symbols Rounded;"
+                        :onclick "nm-connection-editor &"
+                        ""
+                      )
+                    )
+                    (label :style "font-size: 12pt;" :class "sys-toggle" :text {net.essid} :xalign 0.5 :limit-width 15)
+                  )
+                  
+                  (box
+                    :class "bluetooth-box"
+                    :space-evenly false
+                    :orientation "v"
+                    (box
+                      :class "element icon"
+                      :space-evenly false
+                      (button
+                        :class "bluetooth-button"
+                        :onclick "scripts/bluetooth toggle"
+                        :style "font-family: 'Material Symbols Rounded';"
+                        {bluetooth.icon}
+                      )
+                      (label :class "separator" :text "|")
+                      (button
+                        :class "bluetooth-arrow-btn"
+                        :onclick "blueberry"
+                        ""
+                      )
+                    )
+                    (label
+                      :style "font-size: 12pt;"
+                      :text {bluetooth.text}
+                      :xalign 0.5
+                      :class "sys-toggle"
+                      :tooltip "${bluetooth.text} ${bluetooth.batt_icon}"
+                      :limit-width 15
+                    )
+                  )
+                  
+                  (box
+                    :class "airplane-box"
+                    :space-evenly false
+                    :orientation "v"
+                    (box
+                      :class "element"
+                      (button
+                        :class "airplane-button"
+                        :onclick "scripts/airplane toggle"
+                        airplane
+                      )
+                    )
+                    (label :style "font-size: 12pt;" :text "Airplane Mode" :xalign 0.5 :limit-width 16)
+                  )
+                  
+                  (box
+                    :space-evenly false
+                    :orientation "v"
+                    (box
+                      :class "element"
+                      (button
+                        :halign "end"
+                        :onclick "wlogout -p layer-shell &"
+                        ""
+                      )
+                    )
+                    (label
+                      :style "font-size: 12pt;"
+                      :text "Power"
+                      :class "sys-toggle"
+                      :xalign 0.5
+                      :limit-width 16
+                    )
+                  )
+                )
+                (audiolevels)
+                (box
+                  :class "system-info-box"
+                  :style "margin-bottom: 17px;"
+                  ; cpu
+                  (box
+                    :class "sys-box"
+                    :space-evenly false
+                    :halign "start"
+                    (circular-progress
+                      :value "${EWW_CPU.avg}"
+                      :class "sys-cpu"
+                      :thickness 3
+                      (label
+                        :text ""
+                      :class "sys-icon-cpu icon")
+                    )
+                    (box
+                      :orientation "v"
+                      :vexpand false
+                      (label
+                        :text "CPU"
+                        :halign "start"
+                        :class "sys-text-cpu"
+                        :style "font-size: 12pt;"
+                      )
+                      (label
+                        :text "${round(EWW_CPU.avg,2)}%"
+                        :halign "start"
+                        :class "sys-text-sub"
+                        :style "font-size: 12pt;"
+                      )
+                      (label
+                        :text "${EWW_CPU.cores[0].freq} MHz"
+                        :halign "start"
+                        :class "sys-text-sub"
+                        :style "font-size: 12pt;"
+                      )
+                    )
+                  )
+                  
+                  ; memory
+                  (box
+                    :class "sys-box"
+                    :space-evenly false
+                    :halign "end"
+                    (circular-progress
+                      :value {memory.percentage}
+                      :class "sys-mem"
+                      :thickness 3
+                      (label
+                        :text ""
+                        :class "sys-icon-mem icon"
+                      )
+                    )
+                    (box
+                      :orientation "v"
+                      (label :style "font-size: 12pt;" :text "Memory" :halign "start" :class "sys-text-mem")
+                      (label :style "font-size: 12pt;" :text "${memory.used} / ${memory.total}" :halign "start" :class "sys-text-sub")
+                      (label :style "font-size: 12pt;" :text "Swap ${memory.swapused} / ${memory.swaptotal}" :halign "start" :class "sys-text-sub")
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget syscpu []
+  (revealer
+    :reveal "${((popup == 'system-menu' || EWW_CPU.avg>= 50) || force_sys_rev)}"
+    :transition "slideleft"
+    :duration "300ms"
+    :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+    (eventbox
+      :class "cpubar"
+      :space-evenly false
+      (box
+        :class "cpubar"
+        :space-evenly false
+        (circular-progress
+          :value "${EWW_CPU.avg}"
+          :class "cpubar-circle"
+          :thickness 4
+          :start-at 75
+          :style "${colormode == 'one' ? ('color: ' + coloraccent + ';') : ''}"
+          (box
+            :tooltip "CPU: ${round(EWW_CPU.avg,0)}%"
+            :class "inside-circle"
+            (label :class "icon-text" :text "")
+          )
+        )
+        (revealer
+          :transition "slideright"
+          :reveal "${sys_rev || popup == 'system-menu' || force_sys_rev  || EWW_CPU.avg>= 50}"
+          :duration "300ms"
+          :class "sys-menu"
+          :onclick "${EWW_CMD} update popup='system-menu'"
+          (cpumenu)
+        )
+      )
+    )
+  )
+)
+
+(defwidget sysmem []
+  (eventbox
+    :class "membar"
+    :space-evenly false
+    (box
+      :class "membar"
+      :space-evenly false
+      (circular-progress
+        :value {memory.percentage}
+        :class "membar-circle"
+        :thickness 4
+        :start-at 75
+        :style "${colormode == 'one' ? ('color: ' + coloraccent + ';') : ''}"
+        (box
+          :class "inside-circle"
+          :tooltip "RAM: ${round(memory.percentage,0)}%"
+          (label :class "icon-text" :text "")
+        )
+      )
+      (revealer
+        :transition "slideright"
+        :reveal "${sys_rev || force_sys_rev || memory.percentage + memory.swappercentage >= 120}"
+        :duration "300ms"
+        :class "sys-menu"
+        :onclick "${EWW_CMD} update popup='system-menu'"
+        (memmenu)
+      )
+    )
+  )
+)
+
+(defwidget sysbatt []
+  (eventbox
+    :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+    :class "batbar"
+    :space-evenly false
+    (box
+      :class "batbar"
+      :space-evenly false
+      (circular-progress
+        :value "${EWW_BATTERY['BATT']['capacity']}"
+        :class "batbar-circle"
+        :thickness 4
+        :start-at 75
+        :style "border-radius: 99px; color: ${battery.circolor};"
+        (box
+          :class "inside-circle"
+          :tooltip "Battery: ${EWW_BATTERY['BATT']['capacity']}%"
+          :onclick "${EWW_CMD} update popup='system-menu'"
+          :style "border-radius: 99px; color: ${battery.color}; background-color: ${battery.bgcolor};"
+          (label :class "icon-text" :text "")
+        )
+      )
+      (revealer
+        :transition "slideright"
+        :reveal true
+        :duration "300ms"
+        :class "sys-menu"
+        (sysmenu)
+      )
+    )
+  )
+)
+
+(defwidget cpumenu[]
+  (eventbox
+    :class "cpu-menu"
+    (box
+      :orientation "h"
+      :space-evenly false
+      (label :class "cpu-menu icon" :text ""
+        :style "${colormode == 'one' ? ('color: ' + coloraccent + ';') : ''}"
+      )
+      (label :class "cpu-menu" :text "${round(EWW_CPU.avg,0)}%"
+        :style "${colormode == 'one' ? ('color: ' + coloraccent + ';') : ''}"
+      )
+    )
+  )
+)
+
+(defwidget memmenu[]
+  (eventbox
+    (box
+      :space-evenly false
+      (label :class "mem-menu-left" :text ""
+        :style "${colormode == 'one' ? ('color: ' + coloraccent + ';') : ''}"
+      )
+      (label :class "mem-menu-left" :text "${memory.used}"
+        :style "${colormode == 'one' ? ('color: ' + coloraccent + ';') : ''}"
+      )
+      (label :class "mem-menu-mid" :text ""
+        :style "${colormode == 'one' ? ('color: ' + coloraccent + ';') : ''}"
+      )
+      (label :class "mem-menu-right" :text "${memory.swapused}"
+        :style "${colormode == 'one' ? ('color: ' + coloraccent + ';') : ''}"
+      )
+    )
+  )
+)
+
+(defwidget sysmenu[]
+  (eventbox
+    :class "sys-menu"
+    :style "color: ${battery.color}"
+    (box
+      :space-evenly false
+      (label :class "sys-menu-charge" :text "${battery.quickicon}"
+        :style "${colormode == 'one' ? ('color: ' + coloraccent + ';') : ''}"
+      )
+      (label :class "batt-percentage" :text "${EWW_BATTERY["BATT"].capacity}%"
+        :style "${colormode == 'one' ? ('color: ' + coloraccent + ';') : ''}"
+      )
+      ; (revealer
+        ;   :reveal "${popup == 'system-menu' || force_sys_rev}"
+        ;   :transition "slideright"
+        ;   :duration "300ms"
+        ;   :class "sys-menu"
+        ;   (label :class "batt-percentage" :text " | ${battery.wattage} | ${battery.status}")
+      ; )
+    )
+  )
+)
+
+(defwidget settingscog[]
+  (eventbox
+    :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+    :class "settings-icon"
+    (revealer
+      :transition "slideright"
+      :reveal true
+      :duration "300ms"
+      :onclick "${EWW_CMD} update popup='system-menu'"
+      (button
+        :class "sys-menu-button"
+        :onclick "${EWW_CMD} update popup='system-menu'"
+        " "
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/early/.config/eww/modules/taskbar.json b/early/.config/eww/modules/taskbar.json
new file mode 100755
index 000000000..eb76c2c3d
--- /dev/null
+++ b/early/.config/eww/modules/taskbar.json
@@ -0,0 +1,34 @@
+[
+    {
+        "address": [],
+        "class": "org.gnome.Nautilus",
+        "count": 0,
+        "icon": "/usr/share/icons/Win11-dark/apps/scalable/nautilus.svg",
+        "workspace": [],
+        "exec": "nautilus --new-window &"
+    },
+    {
+        "address": [],
+        "class": "firefox",
+        "count": 0,
+        "icon": "/usr/share/icons/Win11-dark/apps/scalable/firefox.svg",
+        "workspace": [],
+        "exec": "firefox &"
+    },
+    {
+        "address": [],
+        "class": "code-url-handler",
+        "count": 0,
+        "icon": "/usr/share/icons/Win11-dark/apps/scalable/code.svg",
+        "workspace": [],
+        "exec": "code --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland &"
+    },
+    {
+        "address": [],
+        "class": "foot",
+        "count": 0,
+        "icon": "/usr/share/icons/Win11-dark/apps/scalable/foot.svg",
+        "workspace": [],
+        "exec": "foot &"
+    }
+]
\ No newline at end of file
diff --git a/early/.config/eww/modules/taskbar.yuck b/early/.config/eww/modules/taskbar.yuck
new file mode 100755
index 000000000..df7b18a88
--- /dev/null
+++ b/early/.config/eww/modules/taskbar.yuck
@@ -0,0 +1,30 @@
+(defwidget taskbar []
+  (box
+    :orientation "h"
+    :space-evenly false
+    :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    (for app in tasks
+      (overlay
+        (eventbox
+          :class "taskbar-button-only"
+          :onclick "${app.count > 0 ? ('hyprctl dispatch workspace ' + app.workspace[0] + ' &') : (app.exec)}"
+          ; :tooltip "${app.class}"
+          ; :onclick "hyprctl dispatch workspace ${app.workspace[0]} && hyprctl dispatch focusdow address:${app.address[0]} &"
+          (box
+            :class "taskbar-button-pad"
+            (box
+              :class "taskbaricon"
+              :style "
+              background-image: url('${app.icon}');
+              ${app.class == awin.class ? 'background-color: rgba(108, 112, 134, 0.4); border: 1px solid rgba(108, 112, 134, 0.15); border-top: 1px solid rgba(108, 112, 134, 0.15);' : ''}
+              "
+            )
+          )
+        )
+        (box :class "taskbar-indicator-${app.class == awin.class ? 'true' : (app.count > 0 ? 'false' : 'none')}")
+      )
+    )
+    ; Dummy keep alive
+    (revealer :transition "slideright" :reveal false (label :text {awin.class}))
+  )
+)
\ No newline at end of file
diff --git a/early/.config/eww/modules/user.yuck b/early/.config/eww/modules/user.yuck
new file mode 100755
index 000000000..1a30d25be
--- /dev/null
+++ b/early/.config/eww/modules/user.yuck
@@ -0,0 +1,16 @@
+(defwidget user []
+  (box
+    :space-evenly false
+    :orientation "h"
+    :style "padding-left: 28px; padding-right: 22px;"
+    (label 
+      :class "username"
+      :style "margin-right: 5px;"
+      :text "${username == "" ? username_default : username}"
+    )
+    (box
+      :class "userpic"
+      :style "background-image: url('/var/lib/AccountsService/icons/${username == "" ? username_default : username}');"
+    )
+  )
+)
\ No newline at end of file
diff --git a/early/.config/eww/modules/volume.yuck b/early/.config/eww/modules/volume.yuck
new file mode 100755
index 000000000..af4970df2
--- /dev/null
+++ b/early/.config/eww/modules/volume.yuck
@@ -0,0 +1,33 @@
+(defwidget volume-module []
+  (box
+    :class "vol-menu"
+    (eventbox
+      ; :class "vol-menu"
+      :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+      :onrightclick "pavucontrol"
+      :onclick "scripts/volume mute SINK"
+      (box
+        (label
+          ; :class "vol-menu"
+          :tooltip "volume ${volume.percent}%"
+          :style "font-family: 'Material Symbols Rounded';"
+          :text "${volume.icon}"
+          :valign "start"
+        )
+        (label :valign "start" :text "${volume.percent}%")
+      )
+    )
+    ; (volmenu)
+  )
+)
+
+(defwidget volmenu[]
+  (eventbox
+    :class "vol-menu"
+    :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+    :onrightclick "pavucontrol"
+    :onclick "scripts/volume mute SINK"
+    :valign "start"
+    (label :class "vol-menu" :text "${volume.percent}%")
+  )
+)
diff --git a/early/.config/eww/modules/winstuff.yuck b/early/.config/eww/modules/winstuff.yuck
new file mode 100755
index 000000000..b56959ef9
--- /dev/null
+++ b/early/.config/eww/modules/winstuff.yuck
@@ -0,0 +1,163 @@
+(defwidget winstarticon []
+  (eventbox
+    :class "winbutton-only thewinbutton"
+    :onclick "scripts/toggle-winstart.sh &"
+    :onmiddleclick "playerctl play-pause"
+    :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+    (box
+      :class "winbutton-pad"
+      (box
+        :class "winstarticon-${rev_winstart} winbutton-${rev_winstart}"
+      )
+    )
+  )
+)
+
+(defwidget winactions []
+  (eventbox
+    :class "winbutton"
+    :onhover "${EWW_CMD} update winactions_hover=true &"
+    :onhoverlost "${EWW_CMD} update winactions_hover=false &"
+    :onclick "scripts/toggle-winactions.sh &"
+    :onscroll "echo $(echo {} | sed -e 's/down/-U 3/g' -e 's/up/-A 3/g' | xargs light) && scripts/brightness osd &"
+    (box
+      :class "winbutton-pad"
+      (box
+        :class "wintimedate winbutton-${winactions_hover || rev_winactions}"
+        :space-evenly false
+        (box
+          :orientation "h"
+          :space-evenly false
+          (image :class "winicon" :path "images/svg/dark/wifi${net.level}.svg")
+          (image :class "winicon" :path "images/svg/dark/vol${volume.audio == 1 ? round(volume.percent / 33, 0) : 'mute'}.svg")
+          (image :class "winicon" :path "images/svg/dark/bat${round(battery.percentage / 10, 0)}.svg")
+        )
+      )
+    )
+  )
+)
+
+(defwidget windate []
+  (eventbox
+    :class "winbutton"
+    :onhover "${EWW_CMD} update winnotif_hover=true &"
+    :onhoverlost "${EWW_CMD} update winnotif_hover=false &"
+    :onclick "scripts/toggle-winnotif.sh &"
+    :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+    (box
+      :class "winbutton-pad"
+      (box
+        :class "wintimedate winbutton-${winnotif_hover || rev_winnotif}"
+        :space-evenly false
+        (box
+          :orientation "v"
+          :space-evenly false
+          (box
+            :space-evenly false
+            :halign "end"
+            :class "wintime"
+            (label :text "${time.hour}" :class "winbartext")
+            (label :text ":" :class "winbartext")
+            (label :text {time.minute} :class "winbartext")
+          )
+          (label
+            :class "winbartext"
+            :text "${time.date}/${time.year}"
+          )
+        )
+        (revealer
+          :reveal {arraylength(notifications) > 0}
+          :transition "slideleft"
+          :duration "200ms"
+          :class "dummy${notifications[0].id}"
+          (box
+            :halign "center"
+            :valign "center"
+            :class "winnotif-badge"
+            (label :class "winbartext" :text "${arraylength(notifications)}")
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget wintaskbar []
+  (box
+    :orientation "h"
+    :space-evenly false
+    :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    (for app in tasks
+      (overlay
+        (eventbox
+          :class "winbutton-only"
+          :onclick "${app.count > 0 ? ('hyprctl dispatch workspace ' + app.workspace[0] + ' &') : (app.exec)}"
+          ; :tooltip "${app.class}"
+          ; :onclick "hyprctl dispatch workspace ${app.workspace[0]} && hyprctl dispatch focuswindow address:${app.address[0]} &"
+          (box
+            :class "winbutton-pad"
+            (box
+              :class "wintaskbaricon"
+              :style "
+              background-image: url('${app.icon}');
+              ${app.class == awin.class ? 'background-color: rgba(108, 112, 134, 0.4); border: 1px solid rgba(108, 112, 134, 0.15); border-top: 1px solid rgba(108, 112, 134, 0.15);' : ''}
+              "
+            )
+          )
+        )
+        (box :class "wintaskbar-indicator-${app.class == awin.class ? 'true' : (app.count > 0 ? 'false' : 'none')}")
+      )
+    )
+    ; Dummy keep alive
+    (revealer :transition "slideright" :reveal false (label :text {awin.class}))
+  )
+)
+
+(defwidget wintaskview-button []
+  (eventbox
+    :class "winbarbutton-h wintaskviewicon-interaction"
+    :onclick "scripts/toggle-wintaskview.sh &"
+    :onmiddleclick "playerctl play-pause"
+    :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+    (box
+      :class "winbutton-pad"
+      (box
+        :class "wintaskviewicon winbutton-${rev_wintaskview}"
+        :path "images/icons/wintaskview.png"
+        :image-width 26
+        :image-height 26
+      )
+    )
+  )
+)
+
+(defwidget wintray-button []
+  (eventbox
+    :class "winbarbutton-h${tray_is_open ? '-open' : ''}"
+    :onclick "pkill waybar || waybar -c ~/.config/eww/scripts/custom_configs/waybar-tray-config/config && sleep 0.9 && scripts/update-tray.sh &"
+    (box
+      :class "winbutton-pad"
+      (image
+        :style "padding: 0 5px;"
+        :path "images/svg/dark/uparrow.svg"
+        :image-width 20
+        :image-height 20
+      )
+    )
+  )
+)
+
+(defwidget winlang []
+  (eventbox
+    :class "winbarbutton-h${rev_winlang ? '-open' : ''}"
+    :onclick "scripts/toggle-winlang.sh"
+    (box
+      :class "winbutton-pad"
+      (label
+        :class "winbartext"
+        :width 40
+        :text "${lang_ibus.name_abbr}"
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/early/.config/eww/modules/workspaces.yuck b/early/.config/eww/modules/workspaces.yuck
new file mode 100755
index 000000000..6ace33d8b
--- /dev/null
+++ b/early/.config/eww/modules/workspaces.yuck
@@ -0,0 +1,92 @@
+(defwidget workspaces []
+  (eventbox
+    :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    :onmiddleclick "scripts/toggle-overview.sh &"
+    :onrightclick "scripts/toggle-overview.sh &"
+    (overlay
+      ; Only displays workspace state (has windows or not)
+      (box
+        :class "module workspaces"
+        :spacing 0
+        :space-evenly false
+        (for i in workspace
+          (button
+            :onclick "hyprctl dispatch workspace ${i.num}"
+            :class "ws"
+            (label
+              :valign "center"
+              :class "ws-text"
+              :style "font-size: 13pt; background-color: ${i.clr};"
+              :text "${ws-icons[i.num - 1]}"
+            )
+            ; "●"
+          )
+        )
+      )
+      ; Use a separate indicator for active workspace (animations, yay) (and more performant)
+      (button
+        :class "ws"
+        :style "
+        margin-left:  ${31 * (activews - 1)}px;
+        margin-right: ${31 * (10 - activews)}px;
+        "
+        (label
+          :valign "center"
+          :class "ws-text ws-text-active"
+          :style "font-size: 13pt;"
+          :text "${activews}"
+        )
+        ; "●"
+      )
+    )
+  )
+)
+
+(defwidget workspaces_top []
+  (box
+    (eventbox
+      :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+      :onmiddleclick "scripts/toggle-overview.sh &"
+      :onrightclick "scripts/toggle-overview.sh &"
+      :halign "center"
+      (box
+        :space-evenly false
+        :orientation "v"
+        ; Only displays workspace state (has windows or not)
+        (box
+          :class "workspaces-top"
+          :spacing 0
+          :space-evenly false
+          (for i in workspace
+            (button
+              :onclick "hyprctl dispatch workspace ${i.num}"
+              :class "ws-top"
+              :valign "end"
+              (label
+                :valign "center"
+                :class "ws-text-top"
+                :style "font-size: 1pt; background-color: ${i.clr};"
+              )
+            )
+          )
+        )
+        ; Use a separate indicator for active workspace (animations, yay) (and more performant)
+        (button
+          :class "ws-active-top"
+          :style "
+          margin-left:  ${31 * (activews - 1)}px;
+          margin-right: ${31 * (10 - activews)}px;
+          margin-top: -5px;
+          "
+          (label
+            :valign "center"
+            :class "ws-text-top ws-text-active"
+            :style "font-size: 1pt;"
+          )
+        )
+      )
+    )
+  )
+)
+
+; ①②③④⑤⑥⑦⑧⑨⑩
\ No newline at end of file
diff --git a/early/.config/eww/scripts/activewin b/early/.config/eww/scripts/activewin
new file mode 100755
index 000000000..8019a5188
--- /dev/null
+++ b/early/.config/eww/scripts/activewin
@@ -0,0 +1,12 @@
+#!/usr/bin/bash
+
+hyprctl activewindow -j | gojq -c -M
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    hyprctl activewindow -j | gojq -c -M
+  done
+fi
+
diff --git a/early/.config/eww/scripts/activews b/early/.config/eww/scripts/activews
new file mode 100755
index 000000000..e5264b221
--- /dev/null
+++ b/early/.config/eww/scripts/activews
@@ -0,0 +1,22 @@
+#!/usr/bin/bash
+
+focusedws=$(hyprctl activewindow -j | gojq -c -M '.workspace.id')
+echo $focusedws
+
+if [[ "$focusedws" == 'null' ]]; then
+  echo 1
+fi
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "workspace>>" | while read -r line; do
+    case ${line%>>*} in
+      "workspace")
+        focusedws=${line#*>>}
+        echo $focusedws
+        ;;
+    esac  
+  done
+fi
+
diff --git a/early/.config/eww/scripts/airplane b/early/.config/eww/scripts/airplane
new file mode 100755
index 000000000..81c9e0b1c
--- /dev/null
+++ b/early/.config/eww/scripts/airplane
@@ -0,0 +1,31 @@
+#!/bin/sh
+
+STATUS="$(rfkill list | sed -n 2p | awk '{print $3}')"
+
+icon() {
+  if [[ $STATUS == "no" ]]; then
+    echo ""
+  else
+    echo ""
+  fi
+}
+
+toggle() {
+  if [[ $STATUS == "no" ]]; then
+    rfkill block all
+    notify-send --urgency=normal -i airplane-mode-symbolic "Airplane Mode" "Airplane mode has been turned on!"
+  else
+    rfkill unblock all
+    notify-send --urgency=normal  -i airplane-mode-disabled-symbolic "Airplane Mode" "Airplane mode has been turned off!"
+  fi
+}
+
+if [[ $1 == "toggle" ]]; then
+  toggle
+else
+  while true; do
+    STATUS="$(rfkill list | sed -n 2p | awk '{print $3}')"
+    icon
+    sleep 3;
+  done
+fi
diff --git a/early/.config/eww/scripts/allappnames.cpp b/early/.config/eww/scripts/allappnames.cpp
new file mode 100755
index 000000000..3a1f54854
--- /dev/null
+++ b/early/.config/eww/scripts/allappnames.cpp
@@ -0,0 +1,137 @@
+#include <pwd.h>
+#include <unistd.h>
+
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+// A simple struct to store the name and exec properties of a desktop entry
+struct DesktopEntry {
+    string name;
+    string exec;
+    string icon;
+    bool show;
+};
+
+string username;
+vector<DesktopEntry> allApps;
+json apps;
+int mode = 0;  // 0: Object, 1: Array
+
+// A function that reads a .desktop file and returns a DesktopEntry struct
+DesktopEntry read_desktop_file(const string& filename) {
+    DesktopEntry entry;
+    entry.show = true;
+
+    ifstream file(filename);
+    if (file.is_open()) {
+        string line;
+        while (getline(file, line)) {
+            // Skip comments and empty lines
+            if (line.empty() || line[0] == '#') {
+                continue;
+            }
+            if (line.substr(0, 1) == "[" &&
+                line.substr(0, 15) == "[Desktop Action")
+                break;
+            // Split the line by '=' and store the key-value pair
+            size_t pos = line.find('=');
+            if (pos != string::npos) {
+                string key = line.substr(0, pos);
+                string value = line.substr(pos + 1);
+                // Store the name and exec properties
+                if (key == "Name") {
+                    entry.name = value;
+                } else if (key == "Exec") {
+                    entry.exec = value;
+                } else if (key == "Icon") {
+                    entry.icon = value;
+                } else if (key == "NoDisplay" && value == "true") {
+                    entry.show = false;
+                }
+            }
+        }
+        // cout << entry.name << " " << entry.exec << " " << entry.icon << "\n";
+        file.close();
+    }
+    return entry;
+}
+
+bool lf(DesktopEntry a, DesktopEntry b) { return a.name < b.name; }
+
+// A function that prints out all desktop entry names and exec properties in a
+// given directory
+void get_desktop_entries(const string& dirname) {
+    // Check if the directory exists
+    if (!filesystem::exists(dirname) || !filesystem::is_directory(dirname)) {
+        return;
+    }
+    // Iterate over all files in the directory
+    for (const auto& entry : filesystem::directory_iterator(dirname)) {
+        // Check if the file has a .desktop extension
+        if (entry.path().extension() == ".desktop") {
+            DesktopEntry thisEntry = read_desktop_file(entry.path());
+            if (thisEntry.show) allApps.push_back(thisEntry);
+        }
+    }
+}
+
+void to_json() {
+    sort(allApps.begin(), allApps.end(), lf);
+    for (const auto& entry : allApps) {
+        json thisApp;
+        thisApp["name"] = entry.name;
+        thisApp["icon"] = entry.icon;
+        thisApp["exec"] = entry.exec;
+        // Get
+        if (mode == 0)
+            apps[entry.name] = thisApp;
+        else
+            apps.push_back(thisApp);
+    }
+}
+
+string get_username() {
+    uid_t uid = geteuid();
+    struct passwd* pw = getpwuid(uid);
+    return pw->pw_name;
+}
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+
+    if (argc == 3 && string(argv[1]) == "--mode") {
+        if (string(argv[2]) == "object")
+            mode = 0;
+        else if (string(argv[2]) == "array")
+            mode = 1;
+        else
+            mode = stoi(string(argv[2]));
+    }
+
+    username = get_username();
+    // Print all desktop entries in /usr/share/applications/
+    string entryDirs[3] = {"/usr/share/applications/",
+                           "/home/" + username + "/.local/share/applications",
+                           "/var/lib/flatpak/exports/share/applications"};
+    for (string directory : entryDirs) {
+        if (filesystem::exists(directory))
+            get_desktop_entries(directory);
+    }
+
+    // Get em in the json object
+    to_json();
+    // Print
+    for (const auto& entry : allApps) {
+        cout << entry.name << '\n';
+    }
+
+    return 0;
+}
\ No newline at end of file
diff --git a/early/.config/eww/scripts/allapps.cpp b/early/.config/eww/scripts/allapps.cpp
new file mode 100755
index 000000000..26813fa03
--- /dev/null
+++ b/early/.config/eww/scripts/allapps.cpp
@@ -0,0 +1,254 @@
+#include <pwd.h>
+#include <sys/stat.h>
+#include <unistd.h>
+
+#include <algorithm>
+#include <cctype>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+// A simple struct to store the name and exec properties of a desktop entry
+struct DesktopEntry {
+    string name;
+    string exec;
+    string icon;
+    string filename;
+    string filepath;
+    bool show;
+};
+
+string username;
+vector<DesktopEntry> allApps;
+json apps;
+int mode = 0;  // 0: Object, 1: Array, 2: Start (Contains JSON for letters)
+string iconTheme = "";
+
+// Returns the file name from a path
+std::string getFileName(const std::string& path) {
+    // Find the last position of '/' or '\' in the path
+    size_t pos = path.find_last_of("/\\");
+    // If none is found, return the whole path
+    if (pos == std::string::npos) return path;
+    // Otherwise, return the substring after the last slash
+    return path.substr(pos + 1);
+}
+
+// Returns the file name without extension from a path
+string getFileNameNoExt(const string& path) {
+    string filename = getFileName(path);  // Get file name (with extension)
+    size_t pos = filename.find_last_of(".");
+    if (pos == string::npos) return filename;  // Name found
+    return filename.substr(0, pos);
+}
+
+// Function to check if file exists, if yes read it
+string readIfExists(const string& name) {
+    ifstream f(name.c_str());
+    stringstream buffer;
+    if (f) {                  // check if the file was opened successfully
+        buffer << f.rdbuf();  // read the whole file into a string stream
+        f.close();            // close the file when done
+    }
+    return buffer.str();  // return the string stream as a string
+}
+
+void writeToFile(const string& name, const string& content) {
+    ofstream f(name.c_str(), ios::app);  // open the file in append mode
+    if (f) {                   // check if the file was opened successfully
+        f << content << "\n";  // write the content to the file
+        f.close();             // close the file when done
+    } else {
+        cerr << "Error: could not open " << name
+             << "\n";  // print an error message to the standard error
+    }
+}
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+string getIconPath(string iconname) {
+    if (iconTheme == "") {
+        iconTheme =
+            exec(string("gsettings get org.gnome.desktop.interface icon-theme")
+                     .c_str());
+        iconTheme.pop_back();
+        // cout << "icon theme: " << iconTheme << '\n';
+    }
+    if (iconname.size() == 0) {
+        return "";
+    } else if (iconname[0] == '/') {
+        return iconname;  // Already absolute path
+    } else if (iconname[0] == '\n') {
+        return "";  // wtf
+    }
+    string path = readIfExists("/home/" + username + "/.config/eww/scripts/cache/" + iconname);
+    if (path == "") {
+        path = exec(string("geticons -t " + iconTheme + " " + string(iconname) +
+                           " | head -n 1")
+                        .c_str());
+        // cout << "path: " << path << '\n';
+        writeToFile("/home/" + username + "/.config/eww/scripts/cache/" + iconname, path);
+        // cout << "icon name: " << iconname << '\n';
+        // cout << "path: " << path << '\n';
+    }
+    while (path.size() > 0 && *path.rbegin() == '\n')
+        path.pop_back();  // Remove '\n'
+    return path;
+}
+
+// A function that reads a .desktop file and returns a DesktopEntry struct
+DesktopEntry readDesktopFile(const string& filename) {
+    DesktopEntry entry;
+    entry.show = true;
+    entry.filename = getFileNameNoExt(filename);
+    entry.filepath = filename;
+
+    ifstream file(filename);
+    if (file.is_open()) {
+        string line;
+        while (getline(file, line)) {
+            // Skip comments and empty lines
+            if (line.empty() || line[0] == '#') {
+                continue;
+            }
+            if (line.substr(0, 1) == "[" &&
+                line.substr(0, 15) == "[Desktop Action")
+                break;
+            // Split the line by '=' and store the key-value pair
+            size_t pos = line.find('=');
+            if (pos != string::npos) {
+                string key = line.substr(0, pos);
+                string value = line.substr(pos + 1);
+                // Store properties
+                if (key == "Name") {
+                    entry.name = value;
+                } else if (key == "Exec") {
+                    entry.exec = value;
+                } else if (key == "Icon") {
+                    entry.icon = getIconPath(value);
+                } else if (key == "NoDisplay" && value == "true") {
+                    entry.show = false;
+                }
+            }
+        }
+        file.close();
+    }
+    return entry;
+}
+
+string lowercaseOf(string s) {
+    for (char& c : s) {
+        c = tolower(c);
+    }
+    return s;
+}
+
+bool lf(DesktopEntry a, DesktopEntry b) {
+    if (tolower(a.name[0]) == tolower(b.name[0]))
+        return a.name < b.name;
+    else
+        return tolower(a.name[0]) < tolower(b.name[0]);
+}
+
+// A function that prints out all desktop entry names and exec properties in a
+// given directory
+void getDesktopEntries(const string& dirname) {
+    // Iterate over all files in the directory
+    for (const auto& entry : filesystem::directory_iterator(dirname)) {
+        // Check if the file has a .desktop extension
+        if (entry.path().extension() == ".desktop") {
+            // Read the file and print its name and exec properties
+            DesktopEntry thisEntry = readDesktopFile(entry.path());
+            // cout << thisEntry.name << " [icon: " << thisEntry.icon << "]\n";
+            if (thisEntry.show) allApps.push_back(thisEntry);
+        }
+    }
+}
+
+void toJson() {
+    sort(allApps.begin(), allApps.end(), lf);
+    int i = -1;
+    for (const auto& entry : allApps) {
+        i++;
+        // cout << entry.name << ", ";
+        json thisApp;
+        thisApp["name"] = entry.name;
+        thisApp["icon"] = entry.icon;
+        thisApp["exec"] = entry.exec;
+        if (mode != 2) {
+            thisApp["filename"] = entry.filename;
+            thisApp["filepath"] = entry.filepath;
+        }
+        // Get
+        if (mode == 0)
+            apps[entry.name] = thisApp;
+        else if (mode == 1)
+            apps.push_back(thisApp);
+        else if (mode == 2) {
+            apps.push_back(thisApp);
+        }
+    }
+    cout << apps << '\n';
+}
+
+string getUsername() {
+    uid_t uid = geteuid();
+    struct passwd* pw = getpwuid(uid);
+    return pw->pw_name;
+}
+
+void addLetters() {
+    for (char c = 'A'; c <= 'Z'; c++) {
+        DesktopEntry thisLetter;
+        thisLetter.name = c;
+        thisLetter.exec = "";
+        thisLetter.icon = "_letter";
+        allApps.push_back(thisLetter);
+    }
+}
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+
+    if (argc == 3 && string(argv[1]) == "--mode") {
+        if (string(argv[2]) == "object")
+            mode = 0;
+        else if (string(argv[2]) == "array")
+            mode = 1;
+        else if (string(argv[2]) == "start")
+            mode = 2;
+        else
+            mode = stoi(string(argv[2]));
+    }
+
+    username = getUsername();
+    // Print all desktop entries in common locations
+    string entryDirs[3] = {"/usr/share/applications/",
+                           "/home/" + username + "/.local/share/applications",
+                           "/var/lib/flatpak/exports/share/applications"};
+    for (string directory : entryDirs) {
+        if (filesystem::exists(directory))
+            getDesktopEntries(directory);
+    }
+    if (mode == 2) addLetters();
+    // Get a json and print
+    toJson();
+}
\ No newline at end of file
diff --git a/early/.config/eww/scripts/applycolor b/early/.config/eww/scripts/applycolor
new file mode 100755
index 000000000..33a4b2680
--- /dev/null
+++ b/early/.config/eww/scripts/applycolor
@@ -0,0 +1,33 @@
+#!/usr/bin/env bash
+cp -r images/svg/dark/* images/svg/
+
+filelist=$(ls 'images/svg' -p | grep -v /)
+
+IFS=$'\n'
+filearr=($(echo "$filelist"))
+
+c0=$(cat css/_iconcolor.txt | head -1)
+c1=$(cat css/_iconcolor.txt | head -2 | tail -1)
+c2=$(cat css/_iconcolor.txt | head -3 | tail -1)
+c3=$(cat css/_iconcolor.txt | head -2 | tail -1)
+c4=$(cat css/_iconcolor.txt | head -5 | tail -1)
+c5=$(cat css/_iconcolor.txt | head -6 | tail -1)
+
+if [[ "$(cat scripts/workdir/__mode_colors.txt | head -1)" == "one" ]]; then
+    c1=$c0
+    c2=$c0
+    c3=$c0
+    c4=$c0
+    c5=$c0
+fi
+
+sed -i "s/white/$c1/gi" "images/svg/beatmappacks.svg"
+sed -i "s/white/$c2/gi" "images/svg/forum.svg"
+sed -i "s/white/$c3/gi" "images/svg/search.svg"
+sed -i "s/white/$c4/gi" "images/svg/settings.svg"
+sed -i "s/white/$c5/gi" "images/svg/tournaments.svg"
+
+for i in "${!filearr[@]}"; do
+    # echo "images/svg/${filearr[$i]}"
+    sed -i "s/white/$1/gi" "images/svg/${filearr[$i]}"
+done
\ No newline at end of file
diff --git a/early/.config/eww/scripts/appsearch.cpp b/early/.config/eww/scripts/appsearch.cpp
new file mode 100755
index 000000000..61538f7df
--- /dev/null
+++ b/early/.config/eww/scripts/appsearch.cpp
@@ -0,0 +1,203 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+string searchTerm;
+string results;
+vector<string> entryNames;
+json appEntries;
+
+bool updateInfo = false;
+
+void splitString(const std::string& str, const char delimiter,
+                 std::vector<std::string>& result) {
+    std::string line;
+    std::istringstream stream(str);
+    while (std::getline(stream, line)) {
+        if (!line.empty()) {
+            if (line.back() == delimiter) {
+                line.pop_back();
+            }
+            result.push_back(line);
+        }
+    }
+}
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+bool likelyNotMath(const string& expression) {
+    char firstChar = expression[0];
+    if (firstChar >= '0' && firstChar <= '9') return false;
+    return true;
+}
+
+void calcPrompt() {
+    cout << "[{\"name\":\"Calculator - Type "
+            "something!\",\"icon\":\"images/svg/dark/"
+            "calculator.svg\",\"exec\":\"wl-copy \\\"Clipboard contents "
+            ";)\\\"\"}]";
+    exec(
+        "eww update winsearch_actions='{\"name\":\"Calculator - Type "
+        "something!\",\"icon\":\"images/svg/dark/"
+        "calculator.svg\",\"exec\":\"wl-copy \\\"Clipboard contents "
+        ";)\\\"\"}' &");
+    exec("eww update winsearch_actions_type='Math result' &");
+    exit(0);
+}
+
+void getAppNames() {
+    string searchCommand =
+        "cat 'scripts/cache/entrynames.txt' | fzf --filter=\"" + searchTerm +
+        "\" | head -n 10";
+    string results = exec(&searchCommand[0]);
+    splitString(results, '\n', entryNames);
+}
+
+void getAppJson() {
+    ifstream file("scripts/cache/entries.txt");
+    file >> appEntries;
+}
+
+void tryThemeCmd() {
+    if (searchTerm.size() >= 6)
+        searchTerm = searchTerm.substr(6);
+    else
+        searchTerm = " ";
+    string searchCommand =
+        "ls css/savedcolors/ | grep .txt | sed 's/_iconcolor_//g' | sed "
+        "'s/.txt//g' | fzf --filter='" +
+        searchTerm + "'";
+    string results = exec(&searchCommand[0]);
+    splitString(results, '\n', entryNames);
+    cout << '[';
+    for (int i = 0; i < entryNames.size(); i++) {
+        string entryName = entryNames[i];
+        cout << '{';
+        cout << "\"name\":\"" << entryName << "\",\"exec\":\">load "
+             << entryName << "\"";
+        cout << '}';
+        if (i < entryNames.size() - 1) cout << ',';
+    }
+    cout << ']' << endl;
+    if (updateInfo) {
+        string entryName = entryNames[0];
+        string updateCmd = "eww update winsearch_actions='{\"name\":\"" +
+                           entryName + "\",\"exec\":\">load " + entryName +
+                           "\"}'";
+        exec(&updateCmd[0]);
+        exec("eww update winsearch_actions_type='Color theme'");
+    }
+    exit(0);
+}
+
+void tryAppSearch() {
+    if (entryNames.size() == 0) return;  // No app found, skip it
+    cout << '[';
+    for (int i = 0; i < entryNames.size(); i++) {
+        string entryName = entryNames[i];
+        cout << appEntries[entryName];
+        if (i < entryNames.size() - 1) cout << ',';
+    }
+    cout << ']' << endl;
+    if (updateInfo) {
+        string updateCmd = "eww update winsearch_actions='" +
+                           string(appEntries[entryNames[0]].dump()) + "'";
+        exec(&updateCmd[0]);
+        exec("eww update winsearch_actions_type='Application'");
+    }
+    exit(0);
+}
+
+void tryCalculate() {
+    if (likelyNotMath(searchTerm)) return;
+    string calcCommand = "qalc '" + searchTerm + "'";
+    string results = exec(&calcCommand[0]);
+    results = results.substr(results.find_first_of("=") + 2);
+    if(results.back() == '\n') results.pop_back();
+    // cout << results << '\n';
+    cout
+        << "[{\"name\":\"" << results
+        << "\",\"icon\":\"images/svg/dark/calculator.svg\",\"exec\":\"wl-copy '"
+        << results << "'\"}]" << endl;
+    if (updateInfo) {
+        string updateCmd =
+            "eww update "
+            "winsearch_actions='{\"name\":\"'\"" +
+            results +
+            "\"'\",\"icon\":\"images/svg/dark/"
+            "calculator.svg\",\"exec\":\"wl-copy '" +
+            results + "'\"}'";
+        exec(&updateCmd[0]);
+        exec("eww update winsearch_actions_type='Math result'");
+    }
+    exit(0);
+}
+
+void commandOnly() {
+    cout << "[]" << endl;
+    if (updateInfo) {
+        string updateCmd =
+            "eww update "
+            "winsearch_actions='{\"name\":\"'\"" +
+            searchTerm +
+            "\"'\",\"icon\":\"images/svg/dark/"
+            "protocol.svg\",\"exec\":\"" +
+            searchTerm + "\"}'";
+        exec(&updateCmd[0]);
+        exec("eww update winsearch_actions_type='Run command'");
+    }
+    exit(0);
+}
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+
+    // Arguments
+    if (argc == 1) {
+        cout << "[{\"name\": \"Type something!\"}]";
+        return 0;
+    }
+    if (argc > 2 && string(argv[2]) == "--updateinfo") updateInfo = true;
+    searchTerm = argv[1];
+
+    // Special commands
+    if (searchTerm == "--calculator") calcPrompt();
+    if (searchTerm[0] == '>') {
+        if (searchTerm.find(">load") != string::npos)
+            tryThemeCmd();
+        else {
+            cout << "[]" << endl;
+            exit(0);
+        }
+    }
+    // Get app names and entries
+    getAppNames();
+    getAppJson();
+    // Attempt searches in order. Each search will exit if success
+    tryCalculate();
+    tryAppSearch();
+    commandOnly();
+
+    cout << results;
+}
\ No newline at end of file
diff --git a/early/.config/eww/scripts/appsearch_bash b/early/.config/eww/scripts/appsearch_bash
new file mode 100755
index 000000000..546d751a5
--- /dev/null
+++ b/early/.config/eww/scripts/appsearch_bash
@@ -0,0 +1,146 @@
+#!/usr/bin/bash
+
+IFS=$'\n'
+entrynames=( $(cat 'scripts/cache/entrynames.txt' | fzf --filter="$1" | head -n 10) )
+entries=( $(cat 'scripts/cache/entries.txt') )
+
+addedNewActions=false
+
+geticonof() {
+  clientclass=''
+  clientclass=$1
+  iconpath=''
+  # Get app icon
+  if [ -f "scripts/cache/$clientclass" ]; then
+      iconpath=$(cat scripts/cache/$clientclass)
+      if [ ! -f "${iconpath}" ]; then # Cache refresh if icon doesnt exist
+          iconpath=$(geticons -t "$(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g")" "$clientclass" | head -n 1)
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+      fi
+  else
+      iconpath=$(geticons -t "$(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g")" "$clientclass" | head -n 1)
+      echo "${iconpath}" > "scripts/cache/$clientclass"
+  fi
+  if [[ ${iconpath} == "" ]]; then
+    # Retry with lowercase if icon not found
+    iconpath=$(geticons -t "$(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g")" $(echo "$clientclass" | tr '[:upper:]' '[:lower:]' | sed 's/\ /-/g') | head -n 1)
+
+    if [[ ! ${iconpath} = "" ]]; then
+      rm "scripts/cache/$clientclass"
+      echo "${iconpath}" > "scripts/cache/$clientclass"
+    else 
+      newname=$(scripts/iconpatch $clientclass)
+      iconpath=$(geticons -t "$(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g")" "$newname" | head -n 1)
+      if [[ ! ${iconpath} = "" ]]; then
+        rm "scripts/cache/$clientclass"
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+      else
+        # Fallback app icon, replace the path below to the fallback icon of your choice
+        # iconpath="/usr/share/icons/Win11-dark/mimes/48/application-x-executable.svg"
+        iconpath=$(geticons -t "$(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g")" "application-x-executable" | head -n 1)
+        rm "scripts/cache/$clientclass"
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+      fi
+    fi
+  fi
+  echo "$iconpath"
+}
+
+quiteSureNotMath() {
+  if [[ ${1:0:1} != "0" \
+  && ${1:0:1} != "1" \
+  && ${1:0:1} != "2" \
+  && ${1:0:1} != "3" \
+  && ${1:0:1} != "4" \
+  && ${1:0:1} != "5" \
+  && ${1:0:1} != "6" \
+  && ${1:0:1} != "7" \
+  && ${1:0:1} != "8" \
+  && ${1:0:1} != "9" \
+  && ${1:0:1} != "(" \
+  && ${1:0:1} != ")" \
+  ]]; then
+    echo 'true'
+  else
+    echo 'false'
+  fi
+}
+
+# Search inits: math
+if [[ "$1" == "--calculator" ]]; then
+  echo -n '[{"name":"Calculator - Type something!","icon":"images/svg/dark/calculator.svg","exec":"wl-copy \"Clipboard contents ;)\""}]'
+  eww update winsearch_actions='{"name":"Calculator - Type something!","icon":"images/svg/dark/calculator.svg","exec":"wl-copy \"Clipboard contents ;)\""}'
+  eww update winsearch_actions_type='Math result'
+  addedNewActions=true
+  exit 0
+fi
+
+# Quick commands
+if [[ "$1" == ">"* ]]; then
+  cd ~/.config/eww 
+  if [[ "$1" == ">load"* ]]; then
+    searching=$(echo "$1" | sed 's/>load //g'  | sed 's/>load//g')
+    profilenames=( $(ls css/savedcolors/ | grep .txt | sed 's/_iconcolor_//g' | sed 's/.txt//g' | fzf --filter="$searching") )
+    echo -n '['
+    for x in "${!profilenames[@]}"; do
+      if [ "$x" != "0" ]; then
+        printf ','
+      fi
+      profilejson='{"name": "'"${profilenames[x]}"'", "exec": ">load '"${profilenames[x]}"'"}'
+      if (( x == 0 )); then
+        eww update winsearch_actions="$profilejson"
+        eww update winsearch_actions_type='Color theme'
+        addedNewActions=true
+      fi
+
+      echo -n "$profilejson"
+    done
+    echo -n ']'
+  else
+    echo '[]'
+  fi
+  exit 0
+fi
+
+# Do math
+if [[ $(quiteSureNotMath "$1") == "false" ]]; then
+  mathAns=$(qalc $1 | head -n 1)
+  mathAns="${mathAns#*= }"
+  mathAns="${mathAns#*≈ }"
+  if [[ "$mathAns" == *"error"* || "$mathAns" == *"warning"* ]]; then
+    echo '[{"name":"Invalid math","icon":"images/svg/dark/calculator.svg","exec":"wl-copy \"Clipboard contents ;)\""}]'
+    exit 0
+  else
+    ansjson='{"name": "'"$mathAns"'","icon":"images/svg/dark/calculator.svg","exec": "wl-copy \"'"$mathAns"'\""}'
+    eww update winsearch_actions="$ansjson"
+    eww update winsearch_actions_type='Math result'
+    addedNewActions=true
+    echo '['"$ansjson"']'
+  fi
+  exit 0
+fi
+
+# Application search
+printf '['
+
+for x in "${!entrynames[@]}"; do
+  if [ "$x" != "0" ]; then
+    printf ','
+  fi
+  appjson=$(echo $entries | gojq -c -M '."'"${entrynames[x]}"'"')
+  if (( x == 0 )); then
+    eww update winsearch_actions="$appjson"
+    eww update winsearch_actions_type='Application'
+    addedNewActions=true
+  fi
+  # iconname=$(echo "$appjson" | gojq -r -c -M '.icon')
+  # appjson=$(echo "$appjson" | gojq '.icon = "'$(geticonof "$iconname")'"')
+  echo -n "$appjson"
+done
+
+printf ']'
+
+if [[ "$addedNewActions" == "false" ]]; then
+  eww update winsearch_actions='{"name":"'"$1"'","icon":"images/svg/dark/protocol.svg","exec":"wl-copy \"Clipboard contents ;)\""}'
+  eww update winsearch_actions_type='Run command'
+fi
\ No newline at end of file
diff --git a/early/.config/eww/scripts/audioapps.cpp b/early/.config/eww/scripts/audioapps.cpp
new file mode 100755
index 000000000..1a82c968d
--- /dev/null
+++ b/early/.config/eww/scripts/audioapps.cpp
@@ -0,0 +1,133 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+string clients;
+json clientjson, apps;
+string iconTheme = "";
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+// Function to check if file exists, if yes read it
+string readIfExists(const string& name) {
+    ifstream f(name.c_str());
+    stringstream buffer;
+    if (f) {                  // check if the file was opened successfully
+        buffer << f.rdbuf();  // read the whole file into a string stream
+        f.close();            // close the file when done
+    }
+    return buffer.str();  // return the string stream as a string
+}
+
+void writeToFile(const string& name, const string& content) {
+    ofstream f(name.c_str(), ios::app);  // open the file in append mode
+    if (f) {                   // check if the file was opened successfully
+        f << content << "\n";  // write the content to the file
+        f.close();             // close the file when done
+    } else {
+        cerr << "Error: could not open " << name
+             << "\n";  // print an error message to the standard error
+    }
+}
+
+string getIconPath(string iconname) {
+    if (iconTheme == "") {
+        iconTheme =
+            exec(string("gsettings get org.gnome.desktop.interface icon-theme")
+                     .c_str());
+        iconTheme.pop_back();
+        // cout << "icon theme: " << iconTheme << '\n';
+    }
+    if (iconname.size() == 0) {
+        return "";
+    } else if (iconname[0] == '/') {
+        return iconname;  // Already absolute path
+    } else if (iconname[0] == '\n') {
+        return "";  // wtf
+    }
+    string path = readIfExists("scripts/cache/" + iconname);
+    if (path == "") {
+        path = exec(
+            string("geticons -t " + iconTheme + " " + string(iconname) + " | head -n 1").c_str());
+        writeToFile("scripts/cache/" + iconname, path);
+        // cout << "icon name: " << iconname << '\n';
+        // cout << "path: " << path << '\n';
+    }
+    while (path.size() > 0 && *path.rbegin() == '\n')
+        path.pop_back();  // Remove '\n'
+    return path;
+}
+
+void addApp(json& client) {
+    string volumestr = client["volume"]["front-left"]["value_percent"];
+    volumestr.pop_back();
+    int volume = stoi(volumestr);
+    client = client["properties"];
+
+    bool found = false;
+    for (json& obj : apps) {
+        auto it = obj.find("name");
+        if (it != obj.end() && *it == client["application.name"]) {
+            found = true;
+            obj["count"] = int(obj["count"]) + 1;
+            obj["volume"].push_back(
+                json::array({client["object.serial"], volume}));
+            break;
+        }
+    }
+    if (!found) {
+        json newApp =
+            R"({"name": "", "count": 1, "volume": [], "icon": ""})"_json;
+        newApp["name"] = client["application.name"];
+        newApp["volume"].push_back(
+            json::array({client["object.serial"], volume}));
+
+        string iconpath;
+        auto it = client.find("application.icon_name");
+        if (it != client.end())
+            iconpath = getIconPath(client["application.icon_name"]);
+        else {
+            iconpath = getIconPath(client["application.process.binary"]);
+        }
+        newApp["icon"] = iconpath;
+
+        apps.push_back(newApp);
+    }
+}
+
+void getAudioClients() {
+    clients = exec("pactl --format json list sink-inputs");
+    clientjson = json::parse(clients);
+    for (json client : clientjson) {
+        addApp(client);
+        // cout << client << '\n';
+    }
+}
+
+int main() {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+
+    getAudioClients();
+    cout << apps << '\n';
+}
\ No newline at end of file
diff --git a/early/.config/eww/scripts/audiolevels b/early/.config/eww/scripts/audiolevels
new file mode 100755
index 000000000..ba001d09d
--- /dev/null
+++ b/early/.config/eww/scripts/audiolevels
@@ -0,0 +1,84 @@
+#!/usr/bin/bash
+dostuff(){
+  sinks=$(pactl list sink-inputs  \
+          | grep -e "Sink Input" \
+          | sed 's/Sink Input #//')
+  names=$(pactl list sink-inputs \
+          | sed 's/"//g' \
+          | sed 's/application-name://'  \
+          | grep -e "application.name" \
+          | sed 's/application.name = //' \
+          | sed 's/\t\t//' )
+  vols=$(pactl list sink-inputs  \
+          | grep -e "Volume:" \
+          | sed 's/Volume: front-left: //' \
+          | sed 's/front-right: //' \
+          | sed 's/front-right: //' \
+          | tr " " "\n" \
+          | grep -e % \
+          | sed 's/%//g' )
+  binaries=$(pactl list sink-inputs \
+          | grep -e 'application.process.binary' -e 'application.icon_name' \
+          | sed 's/\t//g' \
+          | sed 's/application.process.binary = //g' \
+          | sed 's/application.icon_name = //g' \
+          | sed 's/"//g' )
+  
+  # echo "-=-=-=-=-=-=-=-=- Debug: Raw value -=-=-=-=-=-=-=-=-"
+  # echo "$sinks"
+  # echo "$names"
+  # echo "$vols"
+  
+  IFS=$'\n'
+  sinkarr=($(echo "$sinks"))
+  namearr=($(echo "$names"))
+  volarr=($(echo "$vols"))
+  iconarr=($(echo "$binaries"))
+
+  # Get icons
+  for i in "${!iconarr[@]}"; do
+    iconarr[$i]=$(geticons -t "$(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g")" ${iconarr[i]} | head -n 1)
+  done
+  
+  # Functions
+  sanitize() {
+      echo "$1" | sed 's/"/\"/g'
+  }
+  
+  geticon() {
+  #     notify-send "${volarr[$((i*2))]}"
+      if [ "${volarr[$(($1*2))]}" -eq "0" ]; then
+          echo ""
+      else 
+          echo ""
+      fi
+  }
+  
+  # Print final JSON
+  printf '['
+  for i in "${!sinkarr[@]}"; do
+      if [ $i -ne 0 ]; then
+          printf ', '
+      fi
+      echo -n '{''"sink": "'"${sinkarr[$i]}"'", "name": "'"${namearr[$i]}"'", "volume": "'"${volarr[$((i*2))]}"'"}'
+    #   echo -n '{''"sink": "'"${sinkarr[$i]}"'", "icon": "'"${iconarr[$i]}"'", "name": "'"${namearr[$i]}"'", "volume": "'"${volarr[$((i*2))]}"'"}'
+  done
+  printf ']\n'
+  
+  # echo "$sinks"
+  # echo "$names"
+  # echo "$vols"
+}
+
+
+cd ~/.config/eww
+# dostuff
+scripts/audioapps
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+    pactl subscribe | rg --line-buffered "on sink" | while read -r _; do
+        scripts/audioapps
+    done
+fi
\ No newline at end of file
diff --git a/early/.config/eww/scripts/battery b/early/.config/eww/scripts/battery
new file mode 100755
index 000000000..52b98c297
--- /dev/null
+++ b/early/.config/eww/scripts/battery
@@ -0,0 +1,133 @@
+#!/usr/bin/env bash
+
+icons=("" "" "" "" "" "" "" "")
+
+gettime() {
+	FULL=$(cat /sys/class/power_supply/BATT/charge_full)
+	NOW=$(cat /sys/class/power_supply/BATT/charge_now)
+
+	if [ "$RATE" -gt 0 ]; then
+		if [ "$STATE" = "Discharging" ]; then
+			EX="$NOW / $RATE"
+		else
+			EX="($FULL - $NOW) / $RATE"
+		fi
+		date -u -d@"$(bc -l <<< "$EX * 3600")" +%H:%M
+	fi
+}
+
+geticon() {
+	if [ "$STATE" = "Charging" ]; then
+    level=$(awk -v n="$CAPACITY" 'BEGIN{print int((n-1)/12)}')
+		echo "${icons[$level]}"
+	else
+    level=$(awk -v n="$CAPACITY" 'BEGIN{print int((n-1)/12)}')
+		echo "${icons[$level]}"
+	fi
+}
+
+status() {
+	if [ "$STATE" = "Charging" ]; then
+		echo -n "charging"
+
+		if [ "$RATE" -gt 0 ]; then
+			echo ", $(gettime) left"
+		else
+			echo ""
+		fi
+	elif [ "$STATE" = "Discharging" ]; then
+		echo "$(gettime)h left"
+	else
+		echo "fully charged"
+	fi
+}
+
+statch() {
+	if [ "$STATE" = "Discharging" ]; then #Not charging, below 20%
+		if [ "$CAPACITY" -le 5 ]; then
+			echo 'deadly'
+		elif [ "$CAPACITY" -le 10 ]; then
+			echo 'critical'
+		elif [ "$CAPACITY" -le 30 ]; then
+			echo 'low'
+		else 
+			echo 'normal'
+		fi
+	else 
+		echo 'charging'
+	fi
+}
+
+chargestatus() {
+	if [ "$STATE" = "Charging" ]; then
+		echo -n ""
+	elif [ "$STATE" = "Discharging" ]; then
+		echo -n ""
+	fi
+}
+
+circolor() {
+	if [[ "$CAPACITY" -le 20 && "$STATE" = "Discharging" ]]; then
+		cat images/svg/color.txt
+	else
+		cat images/svg/color.txt
+	fi
+}
+
+cirbgcolor() {
+	if [[ "$CAPACITY" -le 20 && "$STATE" = "Discharging" ]]; then
+		echo '#EF738A'
+	else
+		echo 'transparent'
+	fi
+}
+
+color() {
+	if [ "$CAPACITY" -le 20 ]; then
+		echo '#EF738A'
+	else
+		echo 'white'
+	fi
+}
+
+bgcolor() {
+	if [ "$CAPACITY" -le 20 ]; then
+		echo '#EF738A'
+	else
+		echo 'transparent'
+	fi
+}
+
+wattage() {
+	echo "$(bc -l <<< "scale=1; $RATE / 1000000") W"
+}
+
+warnedlow=0
+
+while true; do
+	RATE=$(cat /sys/class/power_supply/BATT/voltage_now)
+	CAPACITY=$(cat /sys/class/power_supply/BATT/capacity)
+	STATE=$(cat /sys/class/power_supply/BATT/status)
+
+	if [[ "$CAPACITY" -le 5 && "$STATE" = "Discharging" ]]; then
+		if [ $warnedlow == 0 ]; then 
+			warnedlow=1
+			notify-send 'FREAKING PLUG IN THE CHARGER ALREADY' '!!111!!1!123!!!' -u critical -a 'eww'
+		fi
+	elif [[ "$CAPACITY" -le 10 && "$STATE" = "Discharging" ]]; then
+		if [ $warnedlow == 0 ]; then 
+			warnedlow=1
+			notify-send 'Battery verrry low' 'Hello?' -u critical -a 'eww'
+		fi
+	elif [[ "$CAPACITY" -le 20 && "$STATE" = "Discharging" ]]; then
+		if [ $warnedlow == 0 ]; then 
+			warnedlow=1
+			notify-send 'Battery low' 'Plug in your charger pweeeeaaase :>' -u critical -a 'eww'
+		fi
+	else
+	    warnedlow=0
+	fi
+
+	echo '{"quickicon": "'"$(chargestatus)"'", "icon": "'"$(geticon)"'", "percentage": '"$CAPACITY"', "wattage": "'"$(wattage)"'", "status": "'"$(status)"'", "circolor": "'"$(circolor)"'", "cirbgcolor": "'"$(cirbgcolor)"'", "color": "'"$(color)"'", "bgcolor": "'"$(bgcolor)"'" }'
+	sleep 3
+done
\ No newline at end of file
diff --git a/early/.config/eww/scripts/bluetooth b/early/.config/eww/scripts/bluetooth
new file mode 100755
index 000000000..112069540
--- /dev/null
+++ b/early/.config/eww/scripts/bluetooth
@@ -0,0 +1,51 @@
+#!/usr/bin/env bash
+
+declare -A baticon=([10]="󰤾" [20]="󰤿" [30]="󰥀" [40]="󰥁" [50]="󰥂" [60]="󰥃" [70]="󰥄" [80]="󰥅" [90]="󰥆" [100]="󰥈")
+
+toggle() {
+  status=$(rfkill -J | jq -r '.rfkilldevices[] | select(.type == "bluetooth") | .soft' | head -1)
+
+  if [ "$status" = "unblocked" ]; then
+    rfkill block bluetooth
+  else
+    rfkill unblock bluetooth
+  fi
+}
+
+if [ "$1" = "toggle" ]; then
+  toggle
+else
+  while true; do
+    powered=$(bluetoothctl show | rg Powered | cut -f 2- -d ' ')
+    status=$(bluetoothctl info)
+    name=$(echo "$status" | rg Name | cut -f 2- -d ' ')
+    mac=$(echo "$status" | head -1 | awk '{print $2}' | tr ':' '_')
+
+    if [[ "$(echo "$status" | rg Percentage)" != "" ]]; then
+      battery=$(upower -i /org/freedesktop/UPower/devices/headset_dev_"$mac" | rg percentage | awk '{print $2}' | cut -f 1 -d '%')
+      batt_icon=${baticon[$battery]}
+    else
+      batt_icon=""
+    fi
+
+    if [ "$powered" = "yes" ]; then
+      if [ "$status" != "Missing device address argument" ]; then
+        text="$name"
+        icon=""
+        color="#89b4fa"
+      else
+        icon=""
+        text="Disconnected"
+        color="#45475a"
+      fi
+    else
+      icon=""
+      text="Bluetooth off"
+      color="#45475a"
+    fi
+
+    echo '{ "icon": "'"$icon"'", "batt_icon": "'"$batt_icon"'", "text": "'"$text"'", "color": "'"$color"'" }'
+
+    sleep 3
+  done
+fi
diff --git a/early/.config/eww/scripts/brightness b/early/.config/eww/scripts/brightness
new file mode 100755
index 000000000..1f79bec25
--- /dev/null
+++ b/early/.config/eww/scripts/brightness
@@ -0,0 +1,59 @@
+#!/usr/bin/env bash
+cd ~/.config/eww 
+
+icons=("" "" "")
+XDG_CACHE_HOME="$HOME/.cache"
+date="$XDG_CACHE_HOME/eww/osd_brightness.date"
+lock=0
+
+showhide() {
+  # get dates
+  rundate=$(cat "$date")
+  currentdate=$(date +%s)
+
+  # handle showing
+  if [ "$rundate" = "$currentdate" ] && [ "$lock" -eq 0 ]; then
+    scripts/toggle-osd-bright.sh --open
+    lock=1
+  elif [ $((currentdate - rundate)) -ge 2 ] && [ "$lock" -eq 1 ]; then
+    scripts/toggle-osd-bright.sh --close > /dev/null
+    lock=0
+  fi
+}
+
+osd() {
+  if [ ! -f "$date" ]; then
+    mkdir -p "$XDG_CACHE_HOME/eww"
+  fi
+  date +%s > "$date"
+  # showhide
+}
+
+osd_handler() {
+  lock=0
+  rundate=0
+  if [ ! -f "$date" ]; then
+    mkdir -p "$XDG_CACHE_HOME/eww"
+    echo 0 > "$date"
+  fi
+
+  while true; do
+    showhide
+    sleep 0.1
+  done
+}
+
+if [ "$1" = "osd" ]; then
+  osd
+else
+  # initial
+  icon=${icons[$(awk -v n="$(light)" 'BEGIN{print int(n/34)}')]}
+  echo '{ "level": '"$(light)"', "icon": "'"$icon"'" }'
+
+  osd_handler &
+  udevadm monitor | rg --line-buffered "backlight" | while read -r _; do
+    icon="${icons[$(awk -v n="$(light)" 'BEGIN{print int(n/34)}')]}"
+
+    echo '{ "level": '"$(light)"', "icon": "'"$icon"'" }'
+  done
+fi
\ No newline at end of file
diff --git a/early/.config/eww/scripts/calendarlayout.cpp b/early/.config/eww/scripts/calendarlayout.cpp
new file mode 100755
index 000000000..cb3100f11
--- /dev/null
+++ b/early/.config/eww/scripts/calendarlayout.cpp
@@ -0,0 +1,138 @@
+#include <chrono>
+#include <ctime>
+#include <iostream>
+#include <string>
+using namespace std;
+
+int year, month, day, weekday, weekdayOfMonthFirst;
+bool leapYear;
+int daysInMonth, daysInLastMonth, daysInNextMonth;
+bool highlight = true;
+
+int calendar[6][7];
+int today[6][7];
+
+void getTime() {
+    // Time
+    time_t now = time(0);
+    tm* ltm = localtime(&now);
+    // To vars
+    year = 1900 + ltm->tm_year;
+    month = 1 + ltm->tm_mon;
+    day = ltm->tm_mday;
+    weekday = ltm->tm_wday - 1;
+    weekdayOfMonthFirst = (weekday + 35 - (day - 1)) % 7;
+    // cout << weekday << ", " << day << '/' << month << '/' << year << '\n';
+}
+
+void setTime(int wd, int d, int m, int y) {
+    wd--;
+    highlight = false;
+    year = y;
+    month = m;
+    day = d;
+    weekday = wd;
+    weekdayOfMonthFirst = (weekday + 35 - (day - 1)) % 7;
+    // cout << weekday << ", " << day << '/' << month << '/' << year << '\n';
+}
+
+void checkLeapYear() {
+    if (year % 400 == 0 || (year % 4 == 0 && year % 100 != 0))
+        leapYear = true;
+    else
+        leapYear = false;
+}
+
+void getMonthDays() {
+    // Days in this month
+    if ((month <= 7 && month % 2 == 1) || (month >= 8 && month % 2 == 0))
+        daysInMonth = 31;
+    else if (month == 2 && leapYear)
+        daysInMonth = 29;
+    else if (month == 2 && !leapYear)
+        daysInMonth = 28;
+    else
+        daysInMonth = 30;
+    // Days in next month
+    if (month == 1 && leapYear)
+        daysInNextMonth = 29;
+    else if (month == 1 && !leapYear)
+        daysInNextMonth = 28;
+    else if ((month <= 7 && month % 2 == 1) || (month >= 8 && month % 2 == 0))
+        daysInNextMonth = 30;
+    else
+        daysInNextMonth = 31;
+    // Days in last month
+    if (month == 3 && leapYear)
+        daysInLastMonth = 29;
+    else if (month == 3 && !leapYear)
+        daysInLastMonth = 28;
+    else if ((month <= 7 && month % 2 == 1) || (month >= 8 && month % 2 == 0))
+        daysInLastMonth = 30;
+    else
+        daysInLastMonth = 31;
+}
+
+void calcCalendar() {
+    int monthDiff = (weekdayOfMonthFirst == 0 ? 0 : -1);
+    int dim = daysInLastMonth;
+    int i = 0, j = 0;
+    int toFill = (weekdayOfMonthFirst == 0
+                      ? 1
+                      : (daysInLastMonth - (weekdayOfMonthFirst - 1)));
+
+    while (i < 6 && j < 7) {
+        // Fill it
+        calendar[i][j] = toFill;
+        if (toFill == day && monthDiff == 0 && highlight)
+            today[i][j] = 1;
+        else if (monthDiff == 0)
+            today[i][j] = 0;
+        else
+            today[i][j] = -1;
+        // Next day
+        toFill++;
+        if (toFill > dim) {
+            monthDiff++;
+            if (monthDiff == 0)
+                dim = daysInMonth;
+            else if (monthDiff == 1)
+                dim = daysInNextMonth;
+            toFill = 1;
+        }
+        // Next tile
+        j++;
+        if (j == 7) {
+            j = 0;
+            i++;
+        }
+    }
+}
+
+void printCalendar() {
+    cout << '[';
+    for (int i = 0; i < 6; i++) {
+        cout << '[';
+        for (int j = 0; j < 7; j++) {
+            cout << "{\"day\":" << calendar[i][j]
+                 << ",\"today\":" << today[i][j] << "}";
+            if (j < 7 - 1) cout << ',';
+        }
+        cout << ']';
+        if (i < 6 - 1) cout << ',';
+    }
+    cout << ']';
+}
+
+int main(int argc, char* argv[]) {
+    if (argc == 1)
+        getTime();
+    else if(argc == 5)
+        setTime(stoi(argv[1]), stoi(argv[2]), stoi(argv[3]), stoi(argv[4]));
+    else 
+        cout << " - Run \"calendarlayout\" to get calendar for today\n - Run\"calendarlayout <weekday> <day> <month> <year>\" to get calendar of the day specified";
+    checkLeapYear();
+    getMonthDays();
+    calcCalendar();
+    printCalendar();
+}
\ No newline at end of file
diff --git a/early/.config/eww/scripts/cavajson.cpp b/early/.config/eww/scripts/cavajson.cpp
new file mode 100755
index 000000000..60b98d84c
--- /dev/null
+++ b/early/.config/eww/scripts/cavajson.cpp
@@ -0,0 +1,30 @@
+#include <boost/iostreams/device/file_descriptor.hpp>
+#include <boost/iostreams/stream.hpp>
+#include <cstdio>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+
+void cavaToJson(std::string& s) {
+    for(int i = 0; i < s.size(); i++){
+        if(s[i] == ';') s[i] = ',';
+    }
+    s.pop_back();
+}
+
+int main()
+{
+    std::unique_ptr<FILE, decltype(&pclose)> pipe(popen("cava -p ~/.config/eww/scripts/custom_configs/cava", "r"), pclose);
+    if (!pipe) {
+        throw std::runtime_error("popen() failed!");
+    }
+    boost::iostreams::file_descriptor_source fd(fileno(pipe.get()), boost::iostreams::never_close_handle);
+    boost::iostreams::stream<boost::iostreams::file_descriptor_source> is(fd);
+    std::string line;
+    while (std::getline(is, line)) {
+        cavaToJson(line);
+        std::cout << '[' << line << ']' << std::endl; // print the output line by line
+    }
+    return 0;
+}
\ No newline at end of file
diff --git a/early/.config/eww/scripts/checkcjk b/early/.config/eww/scripts/checkcjk
new file mode 100755
index 000000000..459e93029
--- /dev/null
+++ b/early/.config/eww/scripts/checkcjk
@@ -0,0 +1,24 @@
+#!/bin/python3
+
+# Import the re module
+import re
+
+# Define a function that takes a string as an argument and returns True if it contains CJK characters, False otherwise
+def check_cjk(string):
+  # Use a regular expression that matches any of these Unicode ranges: U+3040 - U+30FF (hiragana and katakana), U+3400 - U+4DBF (CJK unified ideographs extension A), U+4E00 - U+9FFF (CJK unified ideographs), U+F900 - U+FAFF (CJK compatibility ideographs), U+FF66 - U+FF9F (half-width katakana)
+  pattern = r' [\\u3040-\\u30ff\\u3400-\\u4dbf\\u4e00-\\u9fff\\uf900-\\ufaff\\uff66-\\uff9f]'
+  # Search for the pattern in the string
+  match = re.search(pattern, string)
+  # Return True if there is a match, False otherwise
+  return bool(match)
+
+# Read a string from standard input
+input = input("Enter a string: ")
+
+# Call the function and print the result
+if check_cjk(input):
+  print("The string contains CJK characters.")
+else:
+  print("The string does not contain CJK characters.")
+
+  ・インザナイト
\ No newline at end of file
diff --git a/early/.config/eww/scripts/colorgen b/early/.config/eww/scripts/colorgen
new file mode 100755
index 000000000..2ade8c114
--- /dev/null
+++ b/early/.config/eww/scripts/colorgen
@@ -0,0 +1,95 @@
+#!/usr/bin/bash
+
+OPACITY=0.75
+
+IMGPATH=$1
+coverurl=$2
+
+coverpath="$IMGPATH"
+# Generate colors
+wal -c
+lightdark=$(cat scripts/workdir/__mode_light_dark.txt)
+wal -i "$IMGPATH" -n -t -s -e $lightdark -q
+
+themejson=$(cat ~/.cache/wal/colors.json | gojq -c -M)
+themejson="${themejson::-1}"
+themejson="$themejson"',"source":"'"$3"'"}'
+echo $themejson
+
+maincol="$(printf "$themejson" | gojq -c -M -r '.colors.color4')"
+# scripts/material_colors.py --path "$IMGPATH" $lightdark > tmp/_material.colorpallete
+scripts/material_colors.py --color "$maincol" "$lightdark" > tmp/_material.colorpallete &
+accent=$(scripts/material_colors.py --color "$maincol" "$lightdark" | grep '$onPrimaryContainer: ' | sed 's/$onPrimaryContainer: //g' | sed 's/;//g')
+tertiary=$(scripts/material_colors.py --color "$maincol" "$lightdark" | grep '$tertiary: ' | sed 's/$tertiary: //g' | sed 's/;//g')
+
+printf '{"image": "'"$coverpath"'", "color": '"$themejson"'}\n'
+
+# Get color in rgb
+colorsreg=$(cat ~/.cache/wal/colors-putty.reg)
+rgb_bg=$(echo $colorsreg | tr ' ' '\n' | grep 'Colour3')
+rgb_bg="${rgb_bg#*=}"
+rgb_bg="${rgb_bg#*\"}"
+rgb_bg="${rgb_bg::-1}"
+rgb_bg='rgba('"$rgb_bg"','"$OPACITY"')'
+# echo $rgb_bg
+
+# notify-send 'eww' 'i found a url!'
+
+# Write to scss
+echo '//Auto generated color theme for image at:' "$coverurl" > './tmp/_colorscheme.colorpallete'
+printf '$colorbarbg: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.special.background' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$colorbg: ' >> './tmp/_colorscheme.colorpallete'
+printf "$rgb_bg"';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$colortext: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.special.foreground' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color0: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color1' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color1: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color2' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color2: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color3' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color3: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color4' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color4: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color5' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color5: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color6' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color6: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color7' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color7: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color4' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+
+
+gradient1=$(echo -n "$themejson" | gojq -r '.colors.color1')
+gradient2=$(echo -n "$themejson" | gojq -r '.colors.color2')
+gradient3=$(echo -n "$themejson" | gojq -r '.colors.color4')
+
+# Write hyprland color config
+echo '# Auto generated color theme for image at:' "$coverurl" > './tmp/colors_generated.conf'
+echo 'general {' >> './tmp/colors_generated.conf'
+echo '    col.active_border = rgba('"${gradient1#*#}FF"') rgba('"${gradient2#*#}FF"') rgba('"${gradient3#*#}FF"') 45deg' >> './tmp/colors_generated.conf'
+echo '    col.inactive_border = rgba('"${gradient1#*#}66"')' >> './tmp/colors_generated.conf'
+echo '}' >> './tmp/colors_generated.conf'
+
+# Print json to stdout
+echo "$accent" > 'tmp/_iconcolor.txt'
+echo "$tertiary" >> 'tmp/_iconcolor.txt'
+printf "$themejson" | gojq -r '.colors.color2' >> 'tmp/_iconcolor.txt'
+printf "$themejson" | gojq -r '.colors.color4' >> 'tmp/_iconcolor.txt'
+printf "$themejson" | gojq -r '.colors.color5' >> 'tmp/_iconcolor.txt'
+printf "$themejson" | gojq -r '.colors.color5' >> 'tmp/_iconcolor.txt'
+
+# beatmappacks tertiary, forum color1, search color3, search color4, tournaments color4
+# 
diff --git a/early/.config/eww/scripts/colormanage b/early/.config/eww/scripts/colormanage
new file mode 100755
index 000000000..df5f18c59
--- /dev/null
+++ b/early/.config/eww/scripts/colormanage
@@ -0,0 +1,40 @@
+#!/usr/bin/bash
+
+cd ~/.config/eww/ || exit
+
+if [ $1 == "get" ]; then
+  hyprctl keyword misc:disable_autoreload true
+  cp './tmp/_iconcolor.txt' './css/_iconcolor.txt'
+  cp './tmp/_colorscheme.colorpallete' './css/_colorscheme.scss'
+  cp './tmp/_material.colorpallete' './css/_material.scss'
+  cp './tmp/colors_generated.conf' ~/.config/hypr/colors.conf
+  applycolor=$(cat './css/_iconcolor.txt' | head -1)
+  scripts/applycolor "$applycolor"
+elif [ $1 == "default" ]; then
+  hyprctl keyword misc:disable_autoreload true
+  cp './css/_iconcolor_default.txt' './css/_iconcolor.txt'
+  cp css/_colorscheme_default.scss css/_colorscheme.scss
+  cp css/_material_default.scss css/_material.scss
+  cp ~/.config/hypr/colors_default.conf ~/.config/hypr/colors.conf
+  applycolor=$(cat css/_iconcolor.txt | head -1)
+  scripts/applycolor "$applycolor"
+elif [ $1 == "save" ]; then
+  eww close themer 2>/dev/null
+  eww update themer_open=false 
+  cp "css/_iconcolor.txt" "css/savedcolors/_iconcolor_$2.txt" 
+  cp "css/_colorscheme.scss" "css/savedcolors/_colorscheme_$2.scss" 
+  cp "css/_material.scss" "css/savedcolors/_material_$2.scss" 
+  cp ~/.config/hypr/colors.conf ~/.config/hypr/savedcolors/colors_$2.conf
+elif [ $1 == "load" ]; then
+  hyprctl keyword misc:disable_autoreload true
+  eww close themer 2>/dev/null
+  eww update themer_open=false 
+  cp "css/savedcolors/_iconcolor_$2.txt" "css/_iconcolor.txt"
+  cp "css/savedcolors/_colorscheme_$2.scss"  "css/_colorscheme.scss"
+  cp "css/savedcolors/_material_$2.scss"  "css/_material.scss"
+  cp ~/.config/hypr/savedcolors/colors_$2.conf ~/.config/hypr/colors.conf
+  applycolor=$(cat css/_iconcolor.txt | head -1)
+  scripts/applycolor "$applycolor"
+fi
+
+hyprctl reload
\ No newline at end of file
diff --git a/early/.config/eww/scripts/custom_configs/cava b/early/.config/eww/scripts/custom_configs/cava
new file mode 100755
index 000000000..215fa126f
--- /dev/null
+++ b/early/.config/eww/scripts/custom_configs/cava
@@ -0,0 +1,30 @@
+[general]
+
+mode = normal
+framerate = 60
+autosens = 1
+bars = 70
+
+[output]
+
+method = raw
+raw_target = /dev/stdout
+data_format = ascii
+
+[color]
+
+gradient = 1
+
+gradient_color_1 = '#99B5DE'
+gradient_color_2 = '#92CBF6'
+gradient_color_3 = '#ACD7F7'
+gradient_color_4 = '#B0E2F7'
+gradient_color_5 = '#DFEDF5'
+gradient_color_6 = '#FDEBD4'
+gradient_color_7 = '#E7D2D7'
+gradient_color_8 = '#C1838E'
+
+[smoothing]
+monstercat = 1
+gravity = 1000000
+noise_reduction = 0.5
\ No newline at end of file
diff --git a/early/.config/eww/scripts/custom_configs/waybar-tray-config/config b/early/.config/eww/scripts/custom_configs/waybar-tray-config/config
new file mode 100755
index 000000000..4b7e7e3cc
--- /dev/null
+++ b/early/.config/eww/scripts/custom_configs/waybar-tray-config/config
@@ -0,0 +1,78 @@
+{
+    "layer": "top",
+    "height": 30,
+    "position": "bottom",
+    "spacing": 0,
+    "exclusive": false,
+    "margin-bottom": 50,
+    "margin-right": 253,
+    "margin-left": 1556,
+    "fixed-center": false,
+
+    "modules-left": [
+        
+    ],
+    
+    "modules-center": [
+        "tray",
+    ],
+    
+    "modules-right": [
+    ],
+    
+    "custom/weather": {
+        "exec": "curl 'https://wttr.in/?format=1' | tr -d '+'",
+        "interval": 1800
+    },
+    
+    "custom/start": {
+        "format": "               ",
+        "on-click": "~/.config/eww/scripts/toggle-overview.sh"
+    },
+    
+    "wlr/taskbar": {
+        "format": "{icon}",
+        "icon-size": 24,
+        "tooltip-format": "{title}",
+        "on-click": "activate",
+        "on-click-middle": "close",
+    },
+    
+    "clock": {
+        "format": "   {:%I:%M %p%n%e/%m/%G}",
+        "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
+        "format-alt": "  {:%Y-%m-%d}"
+    },
+    
+    "tray": {
+        "spacing": 8
+    },
+    
+    "pulseaudio": {
+        "format": "{icon}",
+        "format-bluetooth": "{volume}%  {icon} {format_source}",
+        "format-bluetooth-muted": "  {icon} {format_source}",
+        "format-muted": "  {format_source}",
+        "format-source": "  {volume}",
+        "format-source-muted": "",
+        "format-icons": {
+            "headphone": "",
+            "hands-free": "",
+            "headset": "",
+            "phone": "",
+            "portable": "",
+            "car": "",
+            "default": ["", "", ""]
+        },
+        "tooltip-format": "{format_source}%",
+        "on-click": "easyeffects"
+    },
+    "network": {
+        "format-wifi": "",
+        "format-ethernet": "",
+        "tooltip-format": "{ifname} via {gwaddr} ",
+        "format-linked": "{ifname} (No IP) ",
+        "format-disconnected": "Disconnected ⚠",
+        "on-click": "alacritty -e nmtui"
+    },
+}
diff --git a/early/.config/eww/scripts/custom_configs/waybar-tray-config/style.css b/early/.config/eww/scripts/custom_configs/waybar-tray-config/style.css
new file mode 100755
index 000000000..4808df738
--- /dev/null
+++ b/early/.config/eww/scripts/custom_configs/waybar-tray-config/style.css
@@ -0,0 +1,69 @@
+* {
+    color: #f3f9ff;
+    font-size: 11px;
+    font-family: Segoe-Fluent-Icons, Segoe-UI;
+    font-weight: 500;
+}
+
+window#waybar {
+    background: transparent;
+}
+
+tooltip {
+    background: #141414;
+    border-radius: 4px;
+}
+
+#tray {
+    min-width: 20px;
+    min-height: 20px;
+    font-size: 20px;
+    font-weight: 200;
+    padding: 4px;
+    min-width: 100px;
+    min-height: 37px;
+    background: rgba(45, 46, 48, 1);
+    background-image: url('images/textures/acrylic.png');
+    border-radius: 9px;
+    border: 1px solid rgba(34, 35, 38, 0.5);
+    margin: 14px;
+    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.65);
+}
+
+#window,
+#pulseaudio,
+#network,
+#bluetooth {
+    font-size: 14px;
+    font-weight: 200;
+    padding: 4px;
+}
+
+#custom-weather {
+    padding-left: 12px;
+    font-size: 11px;
+}
+
+#custom-start {
+    background-image: url("./win.png");
+    background-size: 24px 24px;
+    background-position: center;
+    background-repeat: no-repeat;
+}
+
+#taskbar {
+    border-radius: 6px;
+    min-width: 45px;
+    min-height: 45px;
+    /* border-top: 1px solid rgba(64, 64, 64, 0.8); */
+}
+
+#tray,
+#pulseaudio {
+    padding-right: 12px;
+}
+
+#clock {
+    padding-left: 3px;
+    padding-right: 18px;
+}
\ No newline at end of file
diff --git a/early/.config/eww/scripts/dashactivate b/early/.config/eww/scripts/dashactivate
new file mode 100755
index 000000000..452da2256
--- /dev/null
+++ b/early/.config/eww/scripts/dashactivate
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+cd ~
+eww close dashboard 2>/dev/null
+
+if [[ "$1" == "--web" ]]; then
+    app=$2
+    eval "${app%\%*}" &
+else
+    app=$1
+    eval "${app%\%*}" &
+    pkill dashactivate
+fi
+
diff --git a/early/.config/eww/scripts/editmode.sh b/early/.config/eww/scripts/editmode.sh
new file mode 100755
index 000000000..c14b92876
--- /dev/null
+++ b/early/.config/eww/scripts/editmode.sh
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+if [ "$1" == "enable" ]; then
+    hyprctl keyword bindm ,mouse:273,resizewindow
+    hyprctl keyword bindm ,mouse:274,movewindow
+    hyprctl keyword bind ,mouse_up,workspace,+1
+    hyprctl keyword bind ,mouse_down,workspace,-1
+    eww update editing=true
+elif [ "$1" == "disable" ]; then 
+    hyprctl keyword unbind ,mouse:273
+    hyprctl keyword unbind ,mouse:274
+    hyprctl keyword unbind ,mouse_up
+    hyprctl keyword unbind ,mouse_down
+    eww update editing=false
+fi
\ No newline at end of file
diff --git a/early/.config/eww/scripts/focuswindow b/early/.config/eww/scripts/focuswindow
new file mode 100755
index 000000000..9cc77c6bf
--- /dev/null
+++ b/early/.config/eww/scripts/focuswindow
@@ -0,0 +1,6 @@
+#!/usr/bin/bash
+if [[ $1 == '_none' ]]; then
+  hyprctl dispatch workspace $2
+else 
+  hyprctl dispatch focuswindow address:$1
+fi
\ No newline at end of file
diff --git a/early/.config/eww/scripts/get_open_icons b/early/.config/eww/scripts/get_open_icons
new file mode 100755
index 000000000..d7d73383e
--- /dev/null
+++ b/early/.config/eww/scripts/get_open_icons
@@ -0,0 +1,77 @@
+#!/usr/bin/bash
+
+cd ~/.config/eww
+
+getwins() {
+  hyprctlclients=$(hyprctl clients -j \
+    | grep -v '"mapped": ' \
+    | grep -v '"hidden": ' \
+    | grep -v '"floating": ' \
+    | grep -v '"monitor": ' \
+    | grep -v '"pid": ' \
+    | grep -v '"xwayland": ' \
+    | grep -v '"pinned":' \
+    | grep -v '"fullscreen": ' \
+    | grep -v '"fullscreenMode": ' \
+    | grep -v '"fakeFullscreen": ' \
+    | grep -v '"grouped": ')
+
+  # echo $hyprctlclients | gojq -c '.[]'
+
+  IFS=$'\n'
+  clientsarr=( $(echo $hyprctlclients | gojq -c -M '.[]') )
+
+  #For every window
+  for client in "${clientsarr[@]}"; do
+    iconpath=''
+    clientclass=$(echo "$client" | gojq -r '.class')
+    if [[ "$clientclass" == "" ]]; then 
+      continue
+    fi
+
+    # Get app icon
+    if [ -f "scripts/cache/$clientclass" ]; then
+        iconpath=$(cat scripts/cache/$clientclass)
+        if [ ! -f "${iconpath}" ]; then # Cache refresh if icon doesnt exist
+            iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$clientclass" | head -n 1)
+            echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+    else
+        iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$clientclass" | head -n 1)
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+    fi
+    if [[ ${iconpath} == "" ]]; then
+      # Retry with lowercase if icon not found
+      iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") $(echo "$clientclass" | tr '[:upper:]' '[:lower:]' | sed 's/\ /-/g') | head -n 1)
+
+      if [[ ! ${iconpath} = "" ]]; then
+        rm "scripts/cache/$clientclass"
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+      else 
+        newname=$(scripts/iconpatch $clientclass)
+        iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$newname" | head -n 1)
+        if [[ ! ${iconpath} = "" ]]; then
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        else
+          # Fallback app icon, replace the path below to the fallback icon of your choice
+          # iconpath="/usr/share/icons/Win11-dark/mimes/48/application-x-executable.svg"
+          iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "application-x-executable" | head -n 1)
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+      fi
+    fi
+  done
+}
+
+# Do stuff here
+getwins
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    getwins
+  done
+fi
\ No newline at end of file
diff --git a/early/.config/eww/scripts/getfirstdayofmonth b/early/.config/eww/scripts/getfirstdayofmonth
new file mode 100755
index 000000000..e75171fe4
--- /dev/null
+++ b/early/.config/eww/scripts/getfirstdayofmonth
@@ -0,0 +1,39 @@
+#!/bin/bash
+# Thanks Bing!
+
+# Check if the argument is a valid number
+if [[ ! $1 =~ ^-?[0-9]+$ ]]; then
+  echo "Invalid argument: $1"
+  echo "Usage: getfirstdayofmonth [NUMBER]"
+  exit 1
+fi
+
+# Get the current month and year
+current_month=$(date +%m)
+current_year=$(date +%Y)
+
+# Add the argument to the current month and adjust the year if needed
+if [[ $1 -gt 0 ]]; then
+  next_month=$((current_month + $1))
+  next_year=$((current_year + ((next_month-1) / 12)))
+  next_month=$((current_month + ($1 % 12)))
+else
+  next_month=$((current_month + $1))
+  next_year=$((current_year + ((next_month-12) / 12)))
+  next_month=$((current_month + ($1 % 12)))
+fi
+
+if ((next_month > 12)); then
+  next_month=$((next_month % 12))
+elif ((next_month == 0)); then
+  next_month=12
+  # next_year=$((next_year - 1))
+elif ((next_month < 1)); then
+  next_month=$(( (next_month + 12) % 12 ))
+fi
+
+# Get the weekday name (%A), day number (%d), month name (%B) and year (%Y) of the first day of the next month
+first_day=$(date -d "$next_year-$next_month-01" '+%u %d %m %Y')
+
+# Print the result
+echo $first_day
\ No newline at end of file
diff --git a/early/.config/eww/scripts/hyprsettings b/early/.config/eww/scripts/hyprsettings
new file mode 100755
index 000000000..d1f482cd5
--- /dev/null
+++ b/early/.config/eww/scripts/hyprsettings
@@ -0,0 +1,51 @@
+#!/usr/bin/bash
+getoptions(){
+  rounding=$(hyprctl getoption decoration:rounding -j | gojq -r -c '.int')
+  gaps_in=$(hyprctl getoption general:gaps_in -j | gojq -r -c '.int')
+  gaps_out=$(hyprctl getoption general:gaps_out -j | gojq -r -c '.int')
+  border_size=$(hyprctl getoption general:border_size -j | gojq -r -c '.int')
+  force_no_accel=$(hyprctl getoption input:force_no_accel -j | gojq -r -c '.int')
+  input_sensitivity=$(hyprctl getoption input:sensitivity -j | gojq -r -c '.float')
+  touchpad_disable_while_typing=$(hyprctl getoption input:touchpad:disable_while_typing -j | gojq -r -c '.int')
+  touchpad_clickfinger_behavior=$(hyprctl getoption input:touchpad:clickfinger_behavior -j | gojq -r -c '.int')
+  blur=$(hyprctl getoption decoration:blur -j | gojq -r -c '.int')
+  blur_size=$(hyprctl getoption decoration:blur_size -j | gojq -r -c '.int')
+  blur_passes=$(hyprctl getoption decoration:blur_passes -j | gojq -r -c '.int')
+  blur_xray=$(hyprctl getoption decoration:blur_xray -j | gojq -r -c '.int')
+  nightlight=$(hyprctl getoption decoration:screen_shader -j | gojq -r -c '.str')
+  if [[ "$nightlight" == *"nothing.frag" || "$nightlight" == "[[EMPTY]]" || "$nightlight" == "" ]]; then
+    nightlight='false'
+  else
+    nightlight='true'
+  fi
+
+  echo -n '{'
+  echo -n "\"rounding\":$rounding,"
+  echo -n "\"gaps_in\":$gaps_in,"
+  echo -n "\"gaps_out\":$gaps_out,"
+  echo -n "\"border_size\":$border_size,"
+  echo -n "\"force_no_accel\":$force_no_accel,"
+  echo -n "\"input_sensitivity\":$input_sensitivity,"
+  echo -n "\"touchpad_disable_while_typing\":$touchpad_disable_while_typing,"
+  echo -n "\"touchpad_clickfinger_behavior\":$touchpad_clickfinger_behavior,"
+  echo -n "\"blur\":$blur,"
+  echo -n "\"blur_size\":$blur_size,"
+  echo -n "\"blur_passes\":$blur_passes,"
+  echo -n "\"blur_xray\":$blur_xray,"
+  echo -n "\"nightlight\":$nightlight,"
+
+  echo '"dummy":0}'
+}
+
+getoptions
+
+if [ "$1" == "--once" ]; then
+  exit 0
+elif [ "$1" == "tickle" ]; then
+  hyprctl keyword input:force_no_accel $(hyprctl getoption input:force_no_accel -j | gojq -r -c '.int')
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "activelayout>>" | while read -r line; do
+    # echo $line
+    getoptions
+  done
+fi
\ No newline at end of file
diff --git a/early/.config/eww/scripts/hyprtest b/early/.config/eww/scripts/hyprtest
new file mode 100755
index 000000000..593c665f6
--- /dev/null
+++ b/early/.config/eww/scripts/hyprtest
@@ -0,0 +1,10 @@
+#!/usr/bin/bash
+
+geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "firefox" | head -n 1
+
+socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | while read -r line; do
+  echo "$line"
+done
+
+
+
diff --git a/early/.config/eww/scripts/hyprview.sh b/early/.config/eww/scripts/hyprview.sh
new file mode 100755
index 000000000..d28d2b059
--- /dev/null
+++ b/early/.config/eww/scripts/hyprview.sh
@@ -0,0 +1,9 @@
+#!/usr/bin/bash
+
+if [[ "$1" == "--close" ]]; then
+    hyprctl keyword monitor eDP-1,1920x1080@60,0x0,1
+    hyprctl keyword monitor eDP-1,addreserved,61,0,0,0
+else
+    hyprctl keyword monitor eDP-1,1920x1080@60,0x0,0.5
+    hyprctl keyword monitor eDP-1,addreserved,533,600,960,960
+fi
diff --git a/early/.config/eww/scripts/iconpatch b/early/.config/eww/scripts/iconpatch
new file mode 100755
index 000000000..542f4c164
--- /dev/null
+++ b/early/.config/eww/scripts/iconpatch
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+appname=$1
+
+if [[ "$1" == "code-url-handler" ]];then
+  echo 'code'
+elif [[ "$1" == "gnome-tweaks" ]];then
+  echo 'org.gnome.tweaks'
+elif [[ "$1" == "org."* ]];then
+  appname="${appname#*.}"
+  appname="${appname#*.}"
+  echo $appname
+fi
+
diff --git a/early/.config/eww/scripts/isopen.sh b/early/.config/eww/scripts/isopen.sh
new file mode 100755
index 000000000..03075a619
--- /dev/null
+++ b/early/.config/eww/scripts/isopen.sh
@@ -0,0 +1,12 @@
+#!/bin/sh
+
+getopen(){
+  ans=$(eww windows | grep -e "$1")
+  if [ "${ans:0:1}" == "*" ]; then
+    echo "true"
+  else 
+    echo "false"
+  fi
+}
+
+getopen $1
\ No newline at end of file
diff --git a/early/.config/eww/scripts/language.cpp b/early/.config/eww/scripts/language.cpp
new file mode 100755
index 000000000..afb741f92
--- /dev/null
+++ b/early/.config/eww/scripts/language.cpp
@@ -0,0 +1,99 @@
+#include <unistd.h>
+
+#include <array>
+#include <chrono>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+#include <thread>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+
+#define SLEEP_SECONDS 5
+
+using namespace std;
+using json = nlohmann::json;
+
+string fileContents, currentLang;
+json languages;
+
+string readIfExists(const string& name) {
+    ifstream f(name.c_str());
+    stringstream buffer;
+    if (f) {                  // check if the file was opened successfully
+        buffer << f.rdbuf();  // read the whole file into a string stream
+        f.close();            // close the file when done
+    }
+    return buffer.str();  // return the string stream as a string
+}
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+void switchLang(const json& langJson) {
+    string cmd;
+    cmd = "ibus engine " + string(langJson["name_ibus"]);
+    exec(&cmd[0]);
+    cmd = "eww update lang_ibus='" + string(langJson.dump()) + "'";
+    exec(&cmd[0]);
+}
+
+void cycleLang() {
+    for (int i = 0; i < languages.size(); i++) {
+        json lang = languages[i];
+        if (string(lang["name_ibus"]) == currentLang) {
+            json toSwitchTo = languages[(i + 1) % int(languages.size())];
+            switchLang(toSwitchTo);
+        }
+    }
+}
+
+void getCurrentLang() {
+    for (json lang : languages) {
+        if (string(lang["name_ibus"]) == currentLang) {
+            cout << lang << '\n';
+            break;
+        }
+    }
+}
+
+int main(int argc, char* argv[]) {
+    // Change workdir
+    string workdir = string(getenv("HOME")) + "/.config/eww";
+    chdir(&workdir[0]);
+    // Get lang list, current lang
+    fileContents = readIfExists("modules/langs.json");
+    languages = json::parse(fileContents);
+    currentLang = exec("ibus engine");
+    currentLang.pop_back();  // Remove trailing newline
+    // Cycle?
+    if (argc > 1 && string(argv[1]) == "--cycle") {
+        cycleLang();
+        return 0;
+    }
+    if (argc > 2 && string(argv[1]) == "--switch") {
+        switchLang(json::parse(string(argv[2])));
+        return 0;
+    }
+
+    cout << "{\"name\":\"English (United "
+            "States)\",\"name_abbr\":\"ENG\",\"name_ibus\":\"xkb:us::eng\"}\n";
+    while (true) {
+        getCurrentLang();
+        sleep(5);
+    }
+}
\ No newline at end of file
diff --git a/early/.config/eww/scripts/launchapp b/early/.config/eww/scripts/launchapp
new file mode 100755
index 000000000..22a6ecc1e
--- /dev/null
+++ b/early/.config/eww/scripts/launchapp
@@ -0,0 +1,42 @@
+#!/usr/bin/bash
+
+~/.config/eww/scripts/toggle-overview.sh --close &
+~/.config/eww/scripts/toggle-winstart.sh --close &
+
+if [[ "$1" == ">"* ]]; then
+    args=( $1 )
+    if [[ "${args[0]}" == ">music" ]]; then
+        scripts/colormanage get
+    elif [[ "${args[0]}" == ">load" ]]; then
+        scripts/colormanage load "${args[1]}"
+    elif [[ "${args[0]}" == ">save" ]]; then
+        scripts/colormanage save "${args[1]}"
+    elif [[ "${args[0]}" == ">light" ]]; then
+        scripts/togglelight light
+    elif [[ "${args[0]}" == ">dark" ]]; then
+        scripts/togglelight dark
+    elif [[ "${args[0]}" == ">multi" ]]; then
+        echo -n 'multi' > 'scripts/workdir/__mode_colors.txt'
+    elif [[ "${args[0]}" == ">one" ]]; then
+        echo -n 'one' > 'scripts/workdir/__mode_colors.txt'
+    elif [[ "${args[0]}" == ">wall" ]]; then
+        scripts/colorgen 'images/wallpaper/wallpaper' '[Local wallpaper]' ''
+        scripts/colormanage get
+    elif [[ "${args[0]}" == ">segs" ]]; then
+        python3 scripts/waifupics.py --segs
+    elif [[ "${args[0]}" == ">uwu" ]]; then
+        python3 scripts/waifupics.py
+    elif [[ "${args[0]}" == ">r" ]]; then
+        pkill eww && eww daemon && eww open bar && eww open bottomline
+    else
+        # notify-send 'eww' 'Invalid command!'
+        false
+    fi
+else 
+    cd ~
+    app=$1
+    eval "${app%\%*}" &
+    pkill launchapp
+fi
+
+
diff --git a/early/.config/eww/scripts/limitlen.py b/early/.config/eww/scripts/limitlen.py
new file mode 100755
index 000000000..20ed07a8d
--- /dev/null
+++ b/early/.config/eww/scripts/limitlen.py
@@ -0,0 +1,26 @@
+#!/bin/python3
+import sys
+
+def limit_length(s, newlength):
+    # Use len() function to get number of characters in s
+    char_count = 0
+    newstr = ''
+    # Use unicodedata.east_asian_width() function to check for double-width characters
+    import unicodedata
+    for c in s:
+        char_count += 1
+        if unicodedata.east_asian_width(c) == 'W':
+            char_count += 1
+        if char_count <= newlength:
+            newstr += c
+        else:
+            newstr = newstr + '...'
+            break
+    # Add double-width count to character count to get display length
+    return newstr
+
+original = sys.argv[1]
+newlen = int(sys.argv[2])
+newstr = limit_length(original, newlen)
+
+print(newstr)
diff --git a/early/.config/eww/scripts/listentries.py b/early/.config/eww/scripts/listentries.py
new file mode 100755
index 000000000..2e69e917b
--- /dev/null
+++ b/early/.config/eww/scripts/listentries.py
@@ -0,0 +1,71 @@
+#!/usr/bin/python3
+
+import desktop_entry_lib
+import os
+import json
+import subprocess
+
+full_output = {}
+
+def read(target_file) -> None:
+    entry = desktop_entry_lib.DesktopEntry.from_file(target_file)
+
+    print("Name: " + str(entry.Name.default_text))
+    print("Comment: " + str(entry.Comment.default_text))
+    print("Exec: " + str(entry.Exec))
+
+
+def getProperties(target_file) -> None:
+    entry = desktop_entry_lib.DesktopEntry.from_file(target_file)
+
+    # iconcmd = "/usr/bin/geticons " + str(entry.Icon)
+    # iconcmd = "/usr/bin/geticons"
+    # iconpath = str(subprocess.check_output(str(iconcmd), shell=True))
+    dirs = target_file.split('/')
+    entryname = dirs[-1]
+
+    # return
+    props = {
+        "name": str(entry.Name.default_text),
+        # "icon": str(entry.Icon),
+        "exec": str('gtk-launch ' + entryname)
+    }
+    return props
+
+
+if __name__ == "__main__":
+    entryFile = open("scripts/cache/entries.txt", "w")
+    # Get files
+    entries = list(str(s) for s in os.listdir("/usr/share/applications"))
+    entries_flatpak = list(str(s) for s in os.listdir("/var/lib/flatpak/exports/share/applications"))
+    entries_local = list(str('../../.local/share/applications/' + s) for s in os.listdir("../../.local/share/applications/"))
+    
+    for app in entries:
+        alreadythere = False
+        for localized in entries_local:
+            if app in localized:
+                alreadythere = True
+
+        if not(alreadythere):
+            entries_local.append(str('/usr/share/applications/'+app))
+
+    for app in entries_flatpak:
+        alreadythere = False
+        for localized in entries_local:
+            if app in localized:
+                alreadythere = True
+
+        if not(alreadythere):
+            entries_local.append(str('/var/lib/flatpak/exports/share/applications/'+app))
+
+    # Get properties
+    for app in entries_local:
+        if app.find('.desktop') == -1: # Skip files that aren't desktop entries
+            continue
+        this_entry = getProperties(app)
+
+        full_output[this_entry['name']] = (this_entry)
+
+        # output=json.dumps(this_entry)
+        # print(output)
+    entryFile.write(json.dumps(full_output))
\ No newline at end of file
diff --git a/early/.config/eww/scripts/listentrynames.py b/early/.config/eww/scripts/listentrynames.py
new file mode 100755
index 000000000..99ae84a22
--- /dev/null
+++ b/early/.config/eww/scripts/listentrynames.py
@@ -0,0 +1,63 @@
+#!/usr/bin/python3
+
+import desktop_entry_lib
+import os
+import json
+# from fuzzysearch import find_near_matches
+
+def read(target_file) -> None:
+    entry = desktop_entry_lib.DesktopEntry.from_file(target_file)
+
+    print("Name: " + str(entry.Name.default_text))
+    print("Comment: " + str(entry.Comment.default_text))
+    print("Exec: " + str(entry.Exec))
+
+
+def getProperties(target_file) -> None:
+    entry = desktop_entry_lib.DesktopEntry.from_file(target_file)
+
+    # return
+    props = {
+        "name": str(entry.Name.default_text),
+        "comment": str(entry.Comment.default_text),
+        "exec": str(entry.Exec),
+        "icon": str(entry.Icon)
+    }
+    return props
+
+
+if __name__ == "__main__":
+    entryFile = open("scripts/cache/entrynames.txt", "w")
+    # Get files
+    entries = list(str(s) for s in os.listdir("/usr/share/applications"))
+    entries_flatpak = list(str(s) for s in os.listdir("/var/lib/flatpak/exports/share/applications"))
+    entries_local = list(str('../../.local/share/applications/' + s) for s in os.listdir("../../.local/share/applications/"))
+    
+    for app in entries:
+        alreadythere = False
+        for localized in entries_local:
+            if app in localized:
+                alreadythere = True
+
+        if not(alreadythere):
+            entries_local.append(str('/usr/share/applications/'+app))
+            
+    for app in entries_flatpak:
+        alreadythere = False
+        for localized in entries_local:
+            if app in localized:
+                alreadythere = True
+
+        if not(alreadythere):
+            entries_local.append(str('/var/lib/flatpak/exports/share/applications/'+app))
+
+    # Get properties
+    for app in entries_local:
+        if app.find('.desktop') == -1: # Skip files that aren't desktop entries
+            continue
+
+        thisEntry = getProperties(app)
+
+        entryFile.write(thisEntry['name'])
+        entryFile.write('\n')
+
diff --git a/early/.config/eww/scripts/material_colors.py b/early/.config/eww/scripts/material_colors.py
new file mode 100755
index 000000000..6823412ce
--- /dev/null
+++ b/early/.config/eww/scripts/material_colors.py
@@ -0,0 +1,87 @@
+#!/bin/python3
+from material_color_utilities_python import *
+from pathlib import Path
+import sys
+
+img = 0
+newtheme=0
+if len(sys.argv) > 1 and sys.argv[1] == '--path':
+    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)
+elif len(sys.argv) > 1 and sys.argv[1] == '--color':
+    colorstr = sys.argv[2]
+    newtheme = themeFromSourceColor(argbFromHex(colorstr))
+else:
+    img = Image.open(str(Path.home())+'/.config/eww/images/wallpaper/wallpaper')
+    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)
+
+colorscheme=0
+if("-l" in sys.argv):
+    colorscheme = newtheme.get('schemes').get('light')
+else:
+    colorscheme = newtheme.get('schemes').get('dark')
+
+primary = colorscheme.get_primary()
+onPrimary = colorscheme.get_onPrimary()
+primaryContainer = colorscheme.get_primaryContainer()
+onPrimaryContainer = colorscheme.get_onPrimaryContainer()
+secondary = colorscheme.get_secondary()
+onSecondary = colorscheme.get_onSecondary()
+secondaryContainer = colorscheme.get_secondaryContainer()
+onSecondaryContainer = colorscheme.get_onSecondaryContainer()
+tertiary = colorscheme.get_tertiary()
+onTertiary = colorscheme.get_onTertiary()
+tertiaryContainer = colorscheme.get_tertiaryContainer()
+onTertiaryContainer = colorscheme.get_onTertiaryContainer()
+error = colorscheme.get_error()
+onError = colorscheme.get_onError()
+errorContainer = colorscheme.get_errorContainer()
+onErrorContainer = colorscheme.get_onErrorContainer()
+background = colorscheme.get_background()
+onBackground = colorscheme.get_onBackground()
+surface = colorscheme.get_surface()
+onSurface = colorscheme.get_onSurface()
+surfaceVariant = colorscheme.get_surfaceVariant()
+onSurfaceVariant = colorscheme.get_onSurfaceVariant()
+outline = colorscheme.get_outline()
+shadow = colorscheme.get_shadow()
+inverseSurface = colorscheme.get_inverseSurface()
+inverseOnSurface = colorscheme.get_inverseOnSurface()
+inversePrimary = colorscheme.get_inversePrimary()
+
+
+print('$primary: ' + hexFromArgb(primary) + ';')
+print('$onPrimary: ' + hexFromArgb(onPrimary) + ';')
+print('$primaryContainer: ' + hexFromArgb(primaryContainer) + ';')
+print('$onPrimaryContainer: ' + hexFromArgb(onPrimaryContainer) + ';')
+print('$secondary: ' + hexFromArgb(secondary) + ';')
+print('$onSecondary: ' + hexFromArgb(onSecondary) + ';')
+print('$secondaryContainer: ' + hexFromArgb(secondaryContainer) + ';')
+print('$onSecondaryContainer: ' + hexFromArgb(onSecondaryContainer) + ';')
+print('$tertiary: ' + hexFromArgb(tertiary) + ';')
+print('$onTertiary: ' + hexFromArgb(onTertiary) + ';')
+print('$tertiaryContainer: ' + hexFromArgb(tertiaryContainer) + ';')
+print('$onTertiaryContainer: ' + hexFromArgb(onTertiaryContainer) + ';')
+print('$error: ' + hexFromArgb(error) + ';')
+print('$onError: ' + hexFromArgb(onError) + ';')
+print('$errorContainer: ' + hexFromArgb(errorContainer) + ';')
+print('$onErrorContainer: ' + hexFromArgb(onErrorContainer) + ';')
+print('$colorbarbg: ' + hexFromArgb(background) + ';')
+print('$onBackground: ' + hexFromArgb(onBackground) + ';')
+print('$surface: ' + hexFromArgb(surface) + ';')
+print('$onSurface: ' + hexFromArgb(onSurface) + ';')
+print('$surfaceVariant: ' + hexFromArgb(surfaceVariant) + ';')
+print('$onSurfaceVariant: ' + hexFromArgb(onSurfaceVariant) + ';')
+print('$outline: ' + hexFromArgb(outline) + ';')
+print('$shadow: ' + hexFromArgb(shadow) + ';')
+print('$inverseSurface: ' + hexFromArgb(inverseSurface) + ';')
+print('$inverseOnSurface: ' + hexFromArgb(inverseOnSurface) + ';')
+print('$inversePrimary: ' + hexFromArgb(inversePrimary) + ';')
\ No newline at end of file
diff --git a/early/.config/eww/scripts/memory b/early/.config/eww/scripts/memory
new file mode 100755
index 000000000..d2856d98a
--- /dev/null
+++ b/early/.config/eww/scripts/memory
@@ -0,0 +1,30 @@
+#!/usr/bin/env bash
+
+while true; do    
+  # human-readable
+  freeH=$(free -h --si | rg "Mem:")
+  swapfreeH=$(free -h --si | rg "Swap:")
+  # non-human-readable
+  freeN=$(free --mega | rg "Mem:")
+  swapfreeN=$(free --mega | rg "Swap:")
+
+  total="$(echo "$freeH" | awk '{ print $2 }')"
+  used="$(echo "$freeH" | awk '{ print $3 }')"
+  t="$(echo "$freeN" | awk '{ print $2 }')"
+  u="$(echo "$freeN" | awk '{ print $3 }')"
+
+  swaptotal="$(echo "$swapfreeH" | awk '{ print $2 }')"
+  swapused="$(echo "$swapfreeH" | awk '{ print $3 }')"
+  swapt="$(echo "$swapfreeN" | awk '{ print $2 }')"
+  swapu="$(echo "$swapfreeN" | awk '{ print $3 }')"
+
+  free=$(printf '%.1fG' "$(bc -l <<< "($t - $u) / 1000")")
+  perc=$(printf '%.1f' "$(free -m | rg Mem | awk '{print ($3/$2)*100}')")
+
+  swapfree=$(printf '%.1fG' "$(bc -l <<< "($swapt - $swapu) / 1000")")
+  swapperc=$(printf '%.1f' "$(free -m | rg Swap | awk '{print ($3/$2)*100}')")
+
+  echo '{ "total": "'"$total"'", "used": "'"$used"'", "free": "'"$free"'", "swaptotal": "'"$swaptotal"'", "swapused": "'"$swapused"'", "swappercentage": '"$swapperc"', "swapfree": "'"$swapfree"'", "percentage": '"$perc"' }'
+
+  sleep 3
+done
diff --git a/early/.config/eww/scripts/mousetrack.cpp b/early/.config/eww/scripts/mousetrack.cpp
new file mode 100755
index 000000000..f8c5df702
--- /dev/null
+++ b/early/.config/eww/scripts/mousetrack.cpp
@@ -0,0 +1,52 @@
+#include <boost/iostreams/device/file_descriptor.hpp>
+#include <boost/iostreams/stream.hpp>
+#include <cstdio>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+using namespace std;
+
+void cavaToJson(std::string& s) {
+    for(int i = 0; i < s.size(); i++){
+        if(s[i] == ';') s[i] = ',';
+    }
+    s.pop_back();
+}
+
+void cursorPosToJson(std::string& s) {
+    for(int i = 0; i < s.size(); i++){
+        if(s[i] == ';') s[i] = ',';
+    }
+    s.pop_back();
+}
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+int main()
+{
+    std::unique_ptr<FILE, decltype(&pclose)> pipe(popen("cava -p ~/.config/eww/scripts/custom_configs/cava", "r"), pclose);
+    if (!pipe) {
+        throw std::runtime_error("popen() failed!");
+    }
+    boost::iostreams::file_descriptor_source fd(fileno(pipe.get()), boost::iostreams::never_close_handle);
+    boost::iostreams::stream<boost::iostreams::file_descriptor_source> is(fd);
+    std::string line;
+    while (std::getline(is, line)) {
+        string st = exec("hyprctl cursorpos");
+        st.pop_back();
+        cout << '[' << st << ']' << endl;
+    }
+    return 0;
+}
\ No newline at end of file
diff --git a/early/.config/eww/scripts/music b/early/.config/eww/scripts/music
new file mode 100755
index 000000000..7d11d9b96
--- /dev/null
+++ b/early/.config/eww/scripts/music
@@ -0,0 +1,168 @@
+#!/usr/bin/env bash
+
+prevtitle=''
+prevartist=''
+
+get_status() {
+	s=$1
+	if [ "$s" = "Playing" ]; then
+		echo ""
+	else
+		echo ""
+	fi
+}
+
+get_length_sec() {
+	len=$1
+	if [ -z "$len" ]; then
+		echo 0
+	else
+		bc <<< "$len / 1000000"
+	fi
+}
+
+get_length_time() {
+	len=$1
+	if [ -n "$len" ]; then
+		len=$(bc <<< "$len / 1000000 + 1")
+		date -d@"$len" +%M:%S
+	else
+		echo ""
+	fi
+}
+
+get_position() {
+	pos=$1
+	len=$2
+	if [ -n "$pos" ]; then
+		bc -l <<< "$pos / $len * 100"
+	else
+		echo 0
+	fi
+}
+
+get_position_time() {
+	pos=$1
+	if [ -n "$pos" ]; then
+		date -d@"$(bc <<< "$pos / 1000000")" +%M:%S
+	else
+		echo ""
+	fi
+}
+
+get_cover() {
+	# COVER_URL=$1
+	mkdir -p "eww_covers"
+	cd "eww_covers" || exit
+
+	IMGPATH="cover_art"
+	echo '{"image": "eww_covers/cover_art_default", "color": {"alpha":"100","colors":{"color0":"#111215","color1":"#2B698F","color10":"#597591","color11":"#447CC0","color12":"#3A9FB7","color13":"#6192A6","color14":"#60ABCC","color15":"#c4c6ca","color2":"#597591","color3":"#447CC0","color4":"#3A9FB7","color5":"#6192A6","color6":"#60ABCC","color7":"#c4c6ca","color8":"#898a8d","color9":"#2B698F"},"special":{"background":"#111215","cursor":"#c4c6ca","foreground":"#c4c6ca"},"wallpaper":"~/.config/eww/eww_covers/cover_art","source":"󰗃"}}'
+
+	playerctl -F metadata mpris:artUrl 2>/dev/null | while read -r COVER_URL; do
+		music_source='󰐍'
+		if [[ "$COVER_URL" = https* ]]; then
+			music_source='󰖟'
+			coverurl="$(playerctl metadata mpris:artUrl)"
+			coverurl_highres_yt="$(echo $coverurl | sed 's/hqdefault/maxresdefault/g')"
+			coverurl_highres_soundcloud="$(echo $coverurl | sed 's/80x80/500x500/g')"
+
+			# SoundCloud
+			if [[ "$coverurl" == *"sndcdn"* ]]; then
+				music_source='󰓀'
+				curl --silent --output "$IMGPATH""_soundcloud" "$coverurl_highres_soundcloud" -q –read-timeout=0.1
+				cp "$IMGPATH""_soundcloud" "$IMGPATH"
+				imgsize=$(echo $(du -b ~/.config/eww/eww_covers/cover_art | tr '\t' '\n' | grep -v 'cover_art'))	
+			# Youtube
+			elif [[ "$coverurl" == *"ytimg"* ]]; then
+				music_source='󰗃'
+				curl --silent --output "$IMGPATH""_yt" "$coverurl_highres_yt" -q –read-timeout=0.1
+				cp "$IMGPATH""_yt" "$IMGPATH"
+				imgsize=$(echo $(du -b ~/.config/eww/eww_covers/cover_art | tr '\t' '\n' | grep -v 'cover_art'))
+			# Likely YT Music
+			elif [[ "$coverurl" == *"googleusercontent"* ]]; then
+				music_source=''
+				curl --silent --output "$IMGPATH""_other" "$coverurl" -q –read-timeout=0.1
+				cp "$IMGPATH""_other" "$IMGPATH"
+				imgsize=$(echo $(du -b ~/.config/eww/eww_covers/cover_art | tr '\t' '\n' | grep -v 'cover_art'))
+			# Any other
+			else
+				curl --silent --output "$IMGPATH""_other" "$coverurl" -q –read-timeout=0.1
+				cp "$IMGPATH""_other" "$IMGPATH"
+				imgsize=$(echo $(du -b ~/.config/eww/eww_covers/cover_art | tr '\t' '\n' | grep -v 'cover_art'))
+			fi
+			# Fallback
+			if [ "$imgsize" == "0" ] || [ ! "$(diff ~/.config/eww/eww_covers/cover_art ~/.config/eww/eww_covers/cover_art_error)" ]; then
+				curl --silent --output "$IMGPATH""_lowres" "$coverurl" -q –read-timeout=0.1
+				cp "$IMGPATH""_lowres" "$IMGPATH"
+			fi
+
+			#Generate colors
+			cd ..
+			scripts/colorgen 'eww_covers/'$IMGPATH $coverurl "$music_source"
+			cd "eww_covers"
+		elif [ "$COVER_URL" = "" ]; then
+		    echo '{"image": "", "color": "$bg"}'
+		else
+			COVER_URL="${COVER_URL:7}"
+			cp "$COVER_URL"  "$IMGPATH"
+			
+			cd ..
+			scripts/colorgen '"eww_covers/'$IMGPATH'"' $coverurl "$music_source"
+			cd "eww_covers"
+		fi
+	done
+}
+
+# SANITIZE FIX
+sanitize() {
+	echo "$1" | sed 's/"/\"/g'
+}
+
+if [ "$1" = "cover" ]; then
+	get_cover
+elif [ "$1" == "name" ]; then
+	lentolimit=41
+    if [ "$2" != "" ]; then
+		lentolimit=$2
+	fi
+	echo '{"artist": "", "title": ""}'
+	playerctl -F metadata -f '{{title}}\{{artist}}\' 2>/dev/null | while IFS="$(printf '\\')" read -r title artist; do
+	
+		if [[ "$title" == *" - YouTube"* && "$artist" == "" ]]; then
+			continue
+		elif [[ "$title" == *"YouTube Music" && "$artist" == "" ]]; then
+			continue
+		fi
+		title=$(scripts/limitlen.py "$title" "$lentolimit")
+		artist=$(scripts/limitlen.py "$artist" "$lentolimit")
+		
+		gojq --null-input -r -c \
+			--arg artist "$(sanitize "$artist")" \
+			--arg title "$(sanitize "$title")" \
+			'{"artist": $artist, "title": $title}'
+		
+	done
+else
+	echo '{"artist": "", "title": "", "status": "", "position": "", "position_time": "", "length": ""}'
+	playerctl -F metadata -f '{{title}}\{{artist}}\{{status}}\{{position}}\' 2>/dev/null | while IFS="$(printf '\\')" read -r title artist status position; do
+	
+		if [[ "$title" == *" - YouTube" && "$artist" == "" ]]; then
+			continue
+		elif [[ "$title" == *"YouTube Music" && "$artist" == "" ]]; then
+			continue
+		fi
+		len=$(playerctl metadata mpris:length)
+		title=$(scripts/limitlen.py "$title" 40)
+		artist=$(scripts/limitlen.py "$artist" 40)
+
+		gojq --null-input -r -c \
+			--arg artist "$(sanitize "$artist")" \
+			--arg title "$(sanitize "$title")" \
+			--arg status "$(get_status "$status")" \
+			--arg pos "$(get_position "$position" "$len")" \
+			--arg pos_time "$(get_position_time "$position")" \
+			--arg length "$(get_length_time "$len")" \
+			'{"artist": $artist, "title": $title, "status": $status, "position": $pos, "position_time": $pos_time, "length": $length}'
+		
+	done
+fi
\ No newline at end of file
diff --git a/early/.config/eww/scripts/net b/early/.config/eww/scripts/net
new file mode 100755
index 000000000..fc1d97df7
--- /dev/null
+++ b/early/.config/eww/scripts/net
@@ -0,0 +1,40 @@
+#!/usr/bin/env bash
+
+toggle() {
+  status=$(rfkill -J | jaq -r '.rfkilldevices[] | select(.type == "wlan") | .soft' | head -1)
+
+  if [ "$status" = "unblocked" ]; then
+    rfkill block wlan
+  else
+    rfkill unblock wlan
+  fi
+}
+
+if [ "$1" = "toggle" ]; then
+  toggle
+else
+  while true; do
+    status=$(nmcli g | tail -n 1 | awk '{print $1}')
+    signal=$(nmcli -f in-use,signal dev wifi | rg "\*" | awk '{ print $2 }')
+    essid=$(nmcli -t -f NAME connection show --active | head -n1 | sed 's/\"/\\"/g')
+
+    icons=("" "" "" "" "")
+
+    if [ "$status" = "disconnected" ] ; then
+      icon=""
+      color="#988ba2"
+    else
+      level=$(awk -v n="$signal" 'BEGIN{print int((n-1)/20)}')
+      if [ "$level" -gt 4 ]; then
+        level=4
+      fi
+
+      icon=${icons[$level]}
+      color="#cba6f7"
+    fi
+
+    echo '{ "essid": "'"$essid"'", "icon": "'"$icon"'", "color": "'"$color"'", "level": "'"$level"'" }'
+
+    sleep 4
+  done
+fi
diff --git a/early/.config/eww/scripts/notifications b/early/.config/eww/scripts/notifications
new file mode 100755
index 000000000..d8680f279
--- /dev/null
+++ b/early/.config/eww/scripts/notifications
@@ -0,0 +1,95 @@
+#!/usr/bin/env bash
+
+tmp=scripts/cache/dunst-history.json
+lock="scripts/cache/dunst-toggle.lock"
+lockinfo="scripts/cache/dunst-lock-info"
+cd ~/.config/eww
+
+touch $lockinfo
+
+declare ids
+export toggle_icon=""
+
+sanitize() {
+  retstr=$(echo $1 | sed 's/\\\\/\\\\\\\\/g' | sed 's/"/\\"/g')
+
+  # echo "original: $1"
+  echo "$retstr"
+  # echo 'sanitized'
+}
+
+get_ids() {
+  mapfile -t ids < <(dunstctl history | gojq -r ".data[] | .[] | select(.appname.data != \"Spotify\") | .id.data")
+}
+
+get_notif() {
+  echo -n '['
+
+  for id in "${ids[@]}"; do
+      mapfile -t n < <(gojq -r ".data[] | .[] | select(.id.data == $id) | .appname.data, .summary.data, .body.data" "$tmp" | sed -r '/^\s*$/d' | sed -e 's/\%/ percent/g')
+      ohkay=$(sanitize "${n[1]}")
+      # echo $ohkay
+      echo -n ''$([ $id -eq ${ids[0]} ] || echo ,)' { '
+      echo -n '"id": "'"$id"'", "appname": "'"${n[0]}"'", "summary": "'"$ohkay"'", "body": "'"${n[2]}"'"'
+      echo -n '}' 
+  done
+
+  echo ']'
+}
+
+toggle() {
+  dunstctl set-paused toggle
+
+  if [ ! -f "$lock" ]; then
+    export toggle_icon=""
+    touch "$lock"
+  else
+    export toggle_icon=""
+    rm "$lock"
+  fi
+
+  echo "icon_change" > $lockinfo
+}
+
+clear() {
+  dunstctl history-clear
+  echo "icon_change" > $lockinfo
+}
+
+get_icon() {
+  if [ ${#ids[@]} -eq 0 ]; then
+    echo ""
+  else
+    echo ""
+  fi
+}
+
+if [ "$1" == "--once" ]; then
+  dunstctl history > "$tmp"
+  get_ids
+  get_notif
+elif [ "$1" == "toggle" ]; then
+  toggle
+  dunstctl history > "$tmp"
+elif [ "$1" == "clear" ]; then
+  clear
+  dunstctl history > "$tmp"
+elif [ "$1" == "icons" ]; then
+  dunstctl history > "$tmp"
+  get_ids
+  is_paused=$(dunstctl is-paused)
+  echo '{"toggle_icon": "'"$toggle_icon"'", "paused": '"$is_paused"', "icon": "'"$(get_icon)"'"}'
+  tail -f "$lockinfo" | while read -r; do
+    get_ids
+    is_paused=$(dunstctl is-paused)
+    echo '{"toggle_icon": "'"$toggle_icon"'", "paused": '"$is_paused"', "icon": "'"$(get_icon)"'"}'
+  done
+else
+  dunstctl history > "$tmp"
+  get_ids
+  get_notif
+  tail -f "$tmp" 2>/dev/null | rg --line-buffered "aa\{sv\}" | while read -r; do
+    get_ids
+    get_notif
+  done
+fi
diff --git a/early/.config/eww/scripts/overview-thumbnails b/early/.config/eww/scripts/overview-thumbnails
new file mode 100755
index 000000000..cfe8e7967
--- /dev/null
+++ b/early/.config/eww/scripts/overview-thumbnails
@@ -0,0 +1,94 @@
+#!/usr/bin/bash
+dummy='{"thumbnail": null}'
+
+getwins() {
+  overviewopen=$(scripts/isopen.sh overview)
+  if [ "$overviewopen" == "true" ]; then
+    return 
+  fi
+
+  focusedws=$(hyprctl -j monitors | gojq -r '.[] | select(.focused == true) | .activeWorkspace.id')
+  hyprctlclients=$(hyprctl clients -j \
+    | grep -v '"xwayland": ' \
+    | grep -v '"grouped": ' \
+    | grep -v '"pid": ' \
+    | grep -v '"fullscreenMode": ' \
+    | grep -v '"monitor": ' \
+    | grep -v '"floating": ' \
+    | grep -v '"fullscreen": ' \
+    | grep -v '"pinned":') # | grep -v ""name":")
+  # echo '-=-=-=- final output -=-=-=-'
+  # echo "$toprint"
+  # echo $(echo "$hyprctlclients")  # Print on one line only
+
+  workspace=('[' '[' '[' '[' '[' '[' '[' '[' '[' '[')
+  workspacecnt=(1 1 1 1 1 1 1 1 1 1)
+  outputstring='{'
+
+  wsid=0
+
+  # echo $hyprctlclients | gojq -c '.[]'
+
+  IFS=$'\n'
+  clientsarr=( $(echo $hyprctlclients | gojq -c -M '.[]') )
+
+  #For every window
+  for client in "${clientsarr[@]}"; do
+    wsid=$(echo $client | gojq -c -M '.workspace.id')
+    ((wsid-=1))
+    if [[ "$wsid" == "-100" ]]; then 
+      continue
+    fi
+    if [[ "${workspacecnt[wsid]}" != "0" ]]; then 
+      workspace[wsid]+=","
+    fi
+
+    clientclass=$(echo $client | gojq -r '.class')
+    iconpath=''
+    thumbnailpath=''
+
+    # Get thumbnail
+    clientaddress=$(echo $client | gojq -r '.address')
+    atx=$(echo $client | gojq -c '.at[0]')
+    aty=$(echo $client | gojq -c '.at[1]')
+    sizex=$(echo $client | gojq -c '.size[0]')
+    sizey=$(echo $client | gojq -c '.size[1]')
+    if [ "$(( wsid + 1 ))" == "$focusedws" ]; then
+      grim -g "$atx,$aty ""$sizex"'x'"$sizey" "scripts/cache/thumbnails/$clientaddress.png" -q 1 -t png -l 9
+    fi
+
+    # If thumbnail available
+    if [ -f "scripts/cache/thumbnails/$clientaddress.png" ]; then
+      thumbnailpath="scripts/cache/thumbnails/$clientaddress.png"
+    fi
+
+    client="\"$clientaddress\": \"$thumbnailpath\","
+    outputstring+="$client"
+
+    # echo -n "Window: $clientclass"
+    # echo '; icon path: '"$iconpath"
+    
+
+    # echo "Count: ${workspacecnt[wsid]}"
+    # echo 'ADDED TO: workspace '"$wsid"
+    # echo ' --> '"${workspace[wsid]}"
+    ((workspacecnt[wsid]+=1))
+  done
+
+  outputstring=${outputstring::-1}
+  outputstring+='}'
+
+  # echo $outputstring
+}
+
+# Do stuff here
+getwins
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  while true; do
+    getwins
+    sleep 0.8
+  done
+fi
\ No newline at end of file
diff --git a/early/.config/eww/scripts/overview-wrapper b/early/.config/eww/scripts/overview-wrapper
new file mode 100755
index 000000000..b48d0769a
--- /dev/null
+++ b/early/.config/eww/scripts/overview-wrapper
@@ -0,0 +1,11 @@
+#!/usr/bin/bash
+
+scripts/overview "$1"
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | while read -r line; do
+    scripts/overview "$1"
+  done
+fi
\ No newline at end of file
diff --git a/early/.config/eww/scripts/overview-wrapper1 b/early/.config/eww/scripts/overview-wrapper1
new file mode 100755
index 000000000..42cb0deab
--- /dev/null
+++ b/early/.config/eww/scripts/overview-wrapper1
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+scripts/overview --row 1
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    # This sleep is necessary
+    # It prevents the script from being faster than hyprctl
+    sleep 0.025
+    scripts/overview --row 1
+  done
+fi
\ No newline at end of file
diff --git a/early/.config/eww/scripts/overview-wrapper2 b/early/.config/eww/scripts/overview-wrapper2
new file mode 100755
index 000000000..22c648bd7
--- /dev/null
+++ b/early/.config/eww/scripts/overview-wrapper2
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+scripts/overview --row 2
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    # This sleep is necessary
+    # It prevents the script from being faster than hyprctl
+    sleep 0.025
+    scripts/overview --row 2
+  done
+fi
\ No newline at end of file
diff --git a/early/.config/eww/scripts/overview.cpp b/early/.config/eww/scripts/overview.cpp
new file mode 100755
index 000000000..e2f671931
--- /dev/null
+++ b/early/.config/eww/scripts/overview.cpp
@@ -0,0 +1,104 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <regex>
+#include <stdexcept>
+#include <string>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+#define ROWS 2
+#define COLS 5
+
+string clients;
+json clientjson, apps;
+json workspaces;
+string workspaceInitTemplate =
+    "[{\"address\":\"_none\",\"at\":[0,0],\"class\":\"workspace\",\"size\":["
+    "1920,1080],\"title\":\"__WORKSPACE_ID\",\"workspace\":{\"id\":__WORKSPACE_"
+    "ID,\"name\":\"__WORKSPACE_ID\"}}]";
+vector<string> appnames;
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+void initWorkspaces() {
+    for (int i = 0; i < ROWS; i++) {
+        workspaces.push_back(json::array({})); // []
+        for (int j = 0; j < COLS; j++) {
+            int workspaceNum = i * COLS + j + 1;  // Note: Workspaces are 1-base
+            string workspaceInitString =
+                regex_replace(workspaceInitTemplate, regex("__WORKSPACE_ID"),
+                              to_string(workspaceNum));
+            json thisWorkspaceInit = json::parse(workspaceInitString);
+            workspaces[i].push_back(thisWorkspaceInit);
+        }
+    }
+}
+
+void addApp(json& client) {
+    if(string(client["class"]).size() == 0) return;
+    
+    // Calculate position in overview tile
+    int workspaceNum = int(client["workspace"]["id"]) - 1;  // 1-base to 0-base
+    if(workspaceNum < 0) return; //Skip scratchpads/specials, as they have negative ids
+    int i = workspaceNum / COLS, j = workspaceNum % COLS;
+
+    // New JSON for app
+    json newApp =
+        R"({"class": "", "workspace": {"id": 8, "name": "8"}, "title": "", "at": [0, 0], "size": [0, 0], "address": [], "icon": ""})"_json;
+    // Add normal stuff
+    newApp["class"] = client["class"];
+    newApp["address"] = client["address"];
+    newApp["workspace"] = client["workspace"];
+    newApp["title"] = client["title"];
+    newApp["at"] = client["at"];
+    newApp["size"] = client["size"];
+    // Icon path
+    string filename = string("./scripts/cache/" + string(client["class"]));
+    std::ifstream ifs(filename);
+    std::string iconpath((std::istreambuf_iterator<char>(ifs)),
+                         (std::istreambuf_iterator<char>()));
+    while (iconpath.size() > 0 && *iconpath.rbegin() == '\n') iconpath.pop_back();  // Remove '\n'
+    newApp["icon"] = iconpath;
+
+    workspaces[i][j].push_back(newApp);
+}
+
+void getApps() {
+    // Get clients
+    clients = exec("hyprctl clients -j | gojq -c -M");
+    clientjson = json::parse(clients);
+
+    // Access the values
+    for (json client : clientjson) {
+        addApp(client);
+    }
+}
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+
+    initWorkspaces();
+    getApps();
+    if (argc == 2) cout << workspaces[0][stoi(argv[1]) - 1] << '\n';
+    if (argc == 3 && string(argv[1]) == "--row" && stoi(argv[2]) >= 1 && stoi(argv[2]) <= ROWS) {
+        cout << workspaces[stoi(argv[2]) - 1] << '\n';
+    } else
+        cout << workspaces << '\n';
+}
\ No newline at end of file
diff --git a/early/.config/eww/scripts/overview1 b/early/.config/eww/scripts/overview1
new file mode 100755
index 000000000..8c1e4f34a
--- /dev/null
+++ b/early/.config/eww/scripts/overview1
@@ -0,0 +1,129 @@
+#!/usr/bin/bash
+dummy='{"address":"_none","at":[0,0],"class":"workspace","size":[1920,1080],"title":"<___overview_workspace>","workspace":{"id":<___overview_workspace>, "name": "<___overview_workspace>"}}'
+
+getwins() {
+  hyprctlclients=$(hyprctl clients -j \
+    | grep -v '"mapped": ' \
+    | grep -v '"hidden": ' \
+    | grep -v '"floating": ' \
+    | grep -v '"monitor": ' \
+    | grep -v '"pid": ' \
+    | grep -v '"xwayland": ' \
+    | grep -v '"pinned":' \
+    | grep -v '"fullscreen": ' \
+    | grep -v '"fullscreenMode": ' \
+    | grep -v '"fakeFullscreen": ' \
+    | grep -v '"grouped": ')
+
+  workspace=('[' '[' '[' '[' '[' '[' '[' '[' '[' '[')
+  workspacecnt=(1 1 1 1 1 1 1 1 1 1)
+
+  wsid=0
+  for i in 0 1 2 3 4; do
+    workspace[i]+=$(echo $dummy | sed "s/<___overview_workspace>/$((i+1))/g")
+  done
+
+  # echo $hyprctlclients | gojq -c '.[]'
+
+  IFS=$'\n'
+  clientsarr=( $(echo $hyprctlclients | gojq -c -M '.[]') )
+
+  #For every window
+  for client in "${clientsarr[@]}"; do
+    wsid=$(echo $client | gojq -c -M '.workspace.id')
+    if [[ $wsid -gt 5 ]]; then
+      continue
+    fi
+    ((wsid-=1))
+    iconpath=''
+    clientclass=$(echo "$client" | gojq -r '.class')
+    if [[ "$clientclass" == "" ]]; then 
+      continue
+    fi
+    if [[ "$wsid" == "-100" ]]; then 
+      continue
+    fi
+    if [[ "${workspacecnt[wsid]}" != "0" ]]; then 
+      workspace[wsid]+=","
+    fi
+
+    # If thumbnail available
+    # if [ -f "scripts/cache/thumbnails/$clientaddress.png" ]; then
+    #   thumbnailpath="scripts/cache/thumbnails/$clientaddress.png"
+    # fi
+    
+    # Get app icon
+    if [ -f "scripts/cache/$clientclass" ]; then
+        iconpath=$(cat scripts/cache/$clientclass)
+        if [ ! -f "${iconpath}" ]; then # Cache refresh if icon doesnt exist
+            iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$clientclass" | head -n 1)
+            echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+    else
+        iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$clientclass" | head -n 1)
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+    fi
+    if [[ ${iconpath} == "" ]]; then
+      # Retry with lowercase if icon not found
+      iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") $(echo "$clientclass" | tr '[:upper:]' '[:lower:]' | sed 's/\ /-/g') | head -n 1)
+
+      if [[ ! ${iconpath} = "" ]]; then
+        rm "scripts/cache/$clientclass"
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+      else 
+        newname=$(scripts/iconpatch $clientclass)
+        iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$newname" | head -n 1)
+        if [[ ! ${iconpath} = "" ]]; then
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        else
+          # Fallback app icon, replace the path below to the fallback icon of your choice
+          # iconpath="/usr/share/icons/Win11-dark/mimes/48/application-x-executable.svg"
+          iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "application-x-executable" | head -n 1)
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+      fi
+    fi
+
+    client=${client::-1}
+    client+=",\"icon\": \"$iconpath\"}"
+    workspace[wsid]+="$client" # Add window to workspace JSON
+
+    # echo -n "Window: $clientclass"
+    # echo '; icon path: '"$iconpath"
+    
+
+    # echo "Count: ${workspacecnt[wsid]}"
+    # echo 'ADDED TO: workspace '"$wsid"
+    # echo ' --> '"${workspace[wsid]}"
+    ((workspacecnt[wsid]+=1))
+  done
+
+  for i in 0 1 2 3 4; do
+    workspace[i]+=']'
+  done
+
+  # echo '-=-=-=-=-=- Summary -=-=-=-=-=-'
+
+  # -=-=-=-=-=-=-=-=-=-=-=-=-=-=- PRINT STUFF HERE -=-=-=-=-=-=-=-=-=-=-=-=-=-=-
+  echo -n '['
+  for i in 0 1 2 3 4; do
+    if [[ $i != 0 ]]; then
+      echo -n ','
+    fi
+    echo -n "${workspace[i]}"
+  done
+  echo ']'
+}
+
+# Do stuff here
+getwins
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    getwins
+  done
+fi
\ No newline at end of file
diff --git a/early/.config/eww/scripts/overview2 b/early/.config/eww/scripts/overview2
new file mode 100755
index 000000000..97aa1c15b
--- /dev/null
+++ b/early/.config/eww/scripts/overview2
@@ -0,0 +1,123 @@
+#!/usr/bin/bash
+dummy='{"address":"_none","at":[0,0],"class":"workspace","size":[1920,1080],"title":"<___overview_workspace>","workspace":{"id":<___overview_workspace>, "name": "<___overview_workspace>"}}'
+
+getwins() {
+  hyprctlclients=$(hyprctl clients -j \
+    | grep -v '"mapped": ' \
+    | grep -v '"hidden": ' \
+    | grep -v '"floating": ' \
+    | grep -v '"monitor": ' \
+    | grep -v '"pid": ' \
+    | grep -v '"xwayland": ' \
+    | grep -v '"pinned":' \
+    | grep -v '"fullscreen": ' \
+    | grep -v '"fullscreenMode": ' \
+    | grep -v '"fakeFullscreen": ' \
+    | grep -v '"grouped": ')
+
+  
+
+  workspace=('[' '[' '[' '[' '[' '[' '[' '[' '[' '[')
+  workspacecnt=(1 1 1 1 1 1 1 1 1 1)
+
+  wsid=0
+  for i in 5 6 7 8 9; do
+    workspace[i]+=$(echo $dummy | sed "s/<___overview_workspace>/$((i+1))/g")
+  done
+
+  # echo $hyprctlclients | gojq -c '.[]'
+
+  IFS=$'\n'
+  clientsarr=( $(echo $hyprctlclients | gojq -c -M '.[]') )
+  for client in "${clientsarr[@]}"; do
+    wsid=$(echo $client | gojq -c -M '.workspace.id')
+    if [[ $wsid -lt 6 ]]; then
+      continue
+    fi
+    ((wsid-=1))
+    iconpath=''
+    clientclass=$(echo $client | gojq -r '.class')
+    if [[ "$clientclass" == "" ]]; then 
+      continue
+    fi
+    if [[ "$wsid" == "-100" ]]; then 
+      continue
+    fi
+    if [[ "${workspacecnt[wsid]}" != "0" ]]; then 
+      workspace[wsid]+=","
+    fi
+
+    # Get app icon
+    if [ -f "scripts/cache/$clientclass" ]; then
+        iconpath=$(cat scripts/cache/$clientclass)
+        if [ ! -f "${iconpath}" ]; then # Cache refresh if icon doesnt exist
+            iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$clientclass" | head -n 1)
+            echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+    else
+        iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$clientclass" | head -n 1)
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+    fi
+    if [[ ${iconpath} == "" ]]; then
+      # Retry with lowercase if icon not found
+      iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") $(echo "$clientclass" | tr '[:upper:]' '[:lower:]' | sed 's/\ /-/g') | head -n 1)
+      if [[ ! ${iconpath} = "" ]]; then
+        rm "scripts/cache/$clientclass"
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+      else 
+        newname=$(scripts/iconpatch $clientclass)
+        iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$newname" | head -n 1)
+        if [[ ! ${iconpath} = "" ]]; then
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        else
+          # Fallback app icon, replace the path below to the fallback icon of your choice
+          # iconpath="/usr/share/icons/Win11-dark/mimes/48/application-x-executable.svg"
+          iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "application-x-executable" | head -n 1)
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+      fi
+    fi
+
+    client=${client::-1}
+    client+=",\"icon\": \"$iconpath\"}"
+    workspace[wsid]+="$client" # Add window to workspace JSON
+
+    # echo -n "Window: $clientclass"
+    # echo '; icon path: '"$iconpath"
+    
+
+    # echo "Count: ${workspacecnt[wsid]}"
+    # echo 'ADDED TO: workspace '"$wsid"
+    # echo ' --> '"${workspace[wsid]}"
+    ((workspacecnt[wsid]+=1))
+  done
+
+  for i in 5 6 7 8 9; do
+    workspace[i]+=']'
+  done
+
+  # echo '-=-=-=-=-=- Summary -=-=-=-=-=-'
+
+  # -=-=-=-=-=-=-=-=-=-=-=-=-=-=- PRINT STUFF HERE -=-=-=-=-=-=-=-=-=-=-=-=-=-=-
+  echo -n '['
+  for i in 5 6 7 8 9; do
+    if [[ $i != 5 ]]; then
+      echo -n ','
+    fi
+    echo -n "${workspace[i]}"
+  done
+  echo ']'
+}
+
+# Do stuff here
+getwins
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    getwins
+  done
+fi
\ No newline at end of file
diff --git a/early/.config/eww/scripts/scrollmonth b/early/.config/eww/scripts/scrollmonth
new file mode 100755
index 000000000..52e23fece
--- /dev/null
+++ b/early/.config/eww/scripts/scrollmonth
@@ -0,0 +1,21 @@
+#!/usr/bin/env bash
+
+# Get month diff
+diffmonth=$(eww get monthshift)
+if [[ "$1" == "up" ]]; then
+  diffmonth=$(( $diffmonth - 1 ))
+else
+  diffmonth=$(( $diffmonth + 1 ))
+fi
+eww update monthshift="$diffmonth" &
+
+# Get dates
+dates=$(scripts/getfirstdayofmonth "$diffmonth")
+dateSplitted=( $dates )
+newTitle=$(date -d "${dateSplitted[3]}-${dateSplitted[2]}-${dateSplitted[1]}" "+%B %Y")
+
+if [[ "$diffmonth" == "0" ]]; then
+  dates=''
+fi
+eww update calendartitle="$newTitle" &
+eww update calendar="$(scripts/calendarlayout $dates)"
\ No newline at end of file
diff --git a/early/.config/eww/scripts/selectwindow b/early/.config/eww/scripts/selectwindow
new file mode 100755
index 000000000..2f88d9099
--- /dev/null
+++ b/early/.config/eww/scripts/selectwindow
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+selected=$(eval $2 get selected)
+
+
+if [[ $selected == "_none" ]] || [[ $selected == "" ]]; then
+  eval "$2 update selected=$1"
+  selected=$(eval $2 get selected)
+else
+  hyprctl dispatch movetoworkspacesilent $3,address:$selected
+
+  eval "$2 update selected=_none"
+  selected=$(eval $2 get selected)
+fi
\ No newline at end of file
diff --git a/early/.config/eww/scripts/supersecretsettings/culture b/early/.config/eww/scripts/supersecretsettings/culture
new file mode 100755
index 000000000..28c5c0abf
--- /dev/null
+++ b/early/.config/eww/scripts/supersecretsettings/culture
@@ -0,0 +1,18 @@
+#!/usr/bin/env bash
+plugged=0
+
+swaybg -i images/wallpaper/wallpaper-cultured &
+
+while true; do
+	STATE=$(cat /sys/class/power_supply/BATT/status)
+    if [[ "$STATE" = "Charging" ]]; then 
+        if [ "$plugged" -eq "0" ]; then 
+            plugged=1
+            notify-send 'Aghh~~~~'
+            play scripts/supersecretsettings/culture.mp3
+        fi
+    else 
+        plugged=0
+    fi      
+	sleep 1
+done
\ No newline at end of file
diff --git a/early/.config/eww/scripts/supersecretsettings/doreload b/early/.config/eww/scripts/supersecretsettings/doreload
new file mode 100755
index 000000000..363dbedbc
--- /dev/null
+++ b/early/.config/eww/scripts/supersecretsettings/doreload
@@ -0,0 +1,10 @@
+#!/bin/sh
+
+
+cp ~/.config/hypr/hyprland.conf temporary_config.conf && cp temporary_config.conf ~/.config/hypr/hyprland.conf
+rm temporary_config.conf
+
+pkill swaybg
+swaybg -i images/wallpaper/wallpaper-normal
+
+kill $(pidof eww) && eww open bar && eww open bg-decor
diff --git a/early/.config/eww/scripts/swapws.cpp b/early/.config/eww/scripts/swapws.cpp
new file mode 100755
index 000000000..ead7b34e5
--- /dev/null
+++ b/early/.config/eww/scripts/swapws.cpp
@@ -0,0 +1,85 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+int workspace_a, workspace_b;
+string clients;
+json clientjson;
+vector<string> windows_a, windows_b;
+bool output = false;
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+void tryAddApp(const json& client) {
+    if (int(client["workspace"]["id"]) == workspace_a)
+        windows_a.push_back(client["address"]);
+    else if (int(client["workspace"]["id"]) == workspace_b)
+        windows_b.push_back(client["address"]);
+}
+
+void getApps() {
+    // Get clients
+    clients = exec("hyprctl clients -j | gojq -c -M");
+    clientjson = json::parse(clients);
+
+    // Access the values
+    for (json client : clientjson) {
+        tryAddApp(client);
+    }
+}
+
+void swapWorkspaces() {
+    for (string address : windows_a) {
+        string cmd = "hyprctl dispatch movetoworkspacesilent " +
+                     to_string(workspace_b) + ",address:" + address;
+        if (output) cout << cmd << '\n';
+        exec(&cmd[0]);
+    }
+    for (string address : windows_b) {
+        string cmd = "hyprctl dispatch movetoworkspacesilent " +
+                     to_string(workspace_a) + ",address:" + address;
+        if (output) cout << cmd << '\n';
+        exec(&cmd[0]);
+    }
+}
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+
+    if (argc < 3) {
+        cout << "Usage: swapws [WORKSPACE_NUMBER_1] [WORKSPACE_NUMBER_2]"
+             << endl;
+        return 0;
+    }
+    if (argc == 4 && string(argv[3]) == "--output") output = true;
+
+    workspace_a = stoi(string(argv[1]));
+    workspace_b = stoi(string(argv[2]));
+    if (workspace_a <= 0 || workspace_b <= 0 || workspace_a == workspace_b) {
+        cout << "Nahhh that's stupid" << endl;
+        return 0;
+    }
+
+    getApps();
+    swapWorkspaces();
+}
\ No newline at end of file
diff --git a/early/.config/eww/scripts/taskbar.cpp b/early/.config/eww/scripts/taskbar.cpp
new file mode 100755
index 000000000..ea1980006
--- /dev/null
+++ b/early/.config/eww/scripts/taskbar.cpp
@@ -0,0 +1,86 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+string clients, pinned;
+json clientjson, apps;
+vector<string> appnames;
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+void addApp(json& client) {
+    if(string(client["class"]).size() == 0) return;
+    
+    bool found = false;
+    for (json& obj : apps) {
+        auto it = obj.find("class");
+        if (it != obj.end() && *it == client["class"]) {
+            found = true;
+            obj["count"] = int(obj["count"]) + 1;
+            obj["address"].push_back(client["address"]);
+            obj["workspace"].push_back(client["workspace"]["id"]);
+            break;
+        }
+    }
+    if (!found) {
+        json newApp =
+            R"({"class": "", "count": 1, "workspace": [], "address": [], "icon": ""})"_json;
+        newApp["class"] = client["class"];
+        newApp["address"].push_back(client["address"]);
+        newApp["workspace"].push_back(client["workspace"]["id"]);
+        string filename = string("./scripts/cache/" + string(client["class"]));
+        std::ifstream ifs(filename);
+        std::string iconpath((std::istreambuf_iterator<char>(ifs)),
+                             (std::istreambuf_iterator<char>()));
+        // cout << "PATH: " << filename << " | ICON PATH: " << iconpath << '\n';
+        while (iconpath.size() > 0 && *iconpath.rbegin() == '\n') iconpath.pop_back();  // Remove '\n'
+        newApp["icon"] = iconpath;
+
+        apps.push_back(newApp);
+    }
+}
+
+void getAppNameAndCount() {
+    // Get clients
+    clients = exec("hyprctl clients -j | gojq -c -M");
+    pinned = exec("cat modules/taskbar.json | gojq -c -M");
+    clientjson = json::parse(clients);
+    apps = json::parse(pinned);
+
+    // Access the values
+    for (json client : clientjson) {
+        addApp(client);
+        // cout << client << '\n';
+    }
+}
+
+void getAppIcon() {}
+
+int main() {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+    
+    getAppNameAndCount();
+    getAppIcon();
+    cout << apps << '\n';
+}
\ No newline at end of file
diff --git a/early/.config/eww/scripts/taskbarloop b/early/.config/eww/scripts/taskbarloop
new file mode 100755
index 000000000..edec3a371
--- /dev/null
+++ b/early/.config/eww/scripts/taskbarloop
@@ -0,0 +1,13 @@
+#!/usr/bin/bash
+
+scripts/taskbar
+
+if [ "$1" == "--once" ]; then
+  scripts/taskbar
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    scripts/taskbar
+    echo
+  done
+fi
\ No newline at end of file
diff --git a/early/.config/eww/scripts/taskviewlayout-wrapper b/early/.config/eww/scripts/taskviewlayout-wrapper
new file mode 100755
index 000000000..bf3e5b967
--- /dev/null
+++ b/early/.config/eww/scripts/taskviewlayout-wrapper
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+scripts/taskviewlayout
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    # This sleep is necessary
+    # It prevents the script from being faster than hyprctl
+    sleep 0.025
+    scripts/taskviewlayout
+  done
+fi
\ No newline at end of file
diff --git a/early/.config/eww/scripts/taskviewlayout.cpp b/early/.config/eww/scripts/taskviewlayout.cpp
new file mode 100755
index 000000000..465cfb177
--- /dev/null
+++ b/early/.config/eww/scripts/taskviewlayout.cpp
@@ -0,0 +1,187 @@
+#include <array>       // This script tries to show windows of workspaces
+#include <cmath>       // in a reasonable way in Task View
+#include <filesystem>  //
+#include <fstream>     // Goal: all windows on the same row have equal height
+#include <iostream>    //
+#include <memory>      //
+#include <regex>       // binary search -> ok scale
+#include <stdexcept>   // -> sort small-wide windows -> match pairs -> rows
+#include <string>
+
+#include "nlohmann/json.hpp"
+
+using namespace std;
+using json = nlohmann::json;
+
+#define COLS 10
+#define RES_WIDTH 1920
+#define RES_HEIGHT 1080
+#define RESERVED_BOTTOM 250
+#define SPACING 30
+#define TITLEBAR_AND_BORDER_HEIGHT 51
+#define MIN_ROW_HEIGHT 186  // 100px (else scroll down)
+#define MAX_ROW_HEIGHT 300  // 100px (else scroll down)
+const json EMPTY_JSON = R"([])"_json;
+const string workspaceInitTemplate = "[]";
+
+int numOfApps[COLS] = {0, 0, 0, 0, 0, 0, 0, 0, 0, 0};
+string clients;
+json clientjson, workspaces;
+json workspacesArranged;
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+void initWorkspaces() {
+    int i = 0;
+    for (int j = 0; j < COLS; j++) {
+        int workspaceNum = i * COLS + j + 1;  // Note: Workspaces are 1-base
+        string workspaceInitString =
+            regex_replace(workspaceInitTemplate, regex("__WORKSPACE_ID"),
+                          to_string(workspaceNum));
+        json thisWorkspaceInit = json::parse(workspaceInitString);
+        workspaces.push_back(thisWorkspaceInit);
+    }
+}
+
+void addApp(json& client) {
+    if(string(client["class"]).size() == 0) return;
+    // Calculate position in overview tile
+    int workspaceNum = int(client["workspace"]["id"]) - 1;  // 1-base to 0-base
+    if (workspaceNum < 0)
+        return;  // Skip scratchpads/specials, as they have negative ids
+    int i = workspaceNum / COLS, j = workspaceNum % COLS;
+
+    // New JSON for app
+    json newApp =
+        R"({"class": "", "workspace": {"id": 8, "name": "8"}, "title": "", "at": [0, 0], "size": [0, 0], "address": [], "icon": ""})"_json;
+
+    // Add normal stuff
+    newApp["class"] = client["class"];
+    newApp["address"] = client["address"];
+    newApp["workspace"] = client["workspace"];
+    newApp["title"] = client["title"];
+    newApp["size"] = client["size"];
+
+    // Icon path
+    string filename = string("./scripts/cache/" + string(client["class"]));
+    std::ifstream ifs(filename);
+    std::string iconpath((std::istreambuf_iterator<char>(ifs)),
+                         (std::istreambuf_iterator<char>()));
+    while (iconpath.size() > 0 && *iconpath.rbegin() == '\n')
+        iconpath.pop_back();  // Remove '\n'
+    newApp["icon"] = iconpath;
+
+    // Counting
+    int size_x = int(newApp["size"][0]);
+    int size_y = int(newApp["size"][1]);
+    if (size_x <= size_y * 2) {  // Normal
+        newApp["countAs"] = 1;   //     count as 1 window
+    } else {                     // Very wide
+        newApp["countAs"] = 2;   //     count as 2 windows
+    }
+    numOfApps[int(newApp["workspace"]["id"]) - 1] += int(newApp["countAs"]);
+
+    // Push
+    workspaces[j].push_back(newApp);
+}
+
+void getApps() {
+    // Get clients
+    clients = exec("hyprctl clients -j | gojq -c -M");
+    clientjson = json::parse(clients);
+
+    // Access the values
+    for (json client : clientjson) {
+        addApp(client);
+    }
+}
+
+void scaleWindows() {
+    for (int i = 0; i < workspaces.size(); i++) {
+        if (workspaces[i].size() == 0) {
+            workspacesArranged.push_back(EMPTY_JSON);
+            continue;
+        }
+        // Declare
+        int numOfRows = numOfApps[i] > 3 ? int(ceil(sqrt(numOfApps[i]))) : 1;
+        int winsPerRow = (numOfApps[i] + (numOfRows - 1)) / numOfRows;  // ceil
+        json thisWorkspace = EMPTY_JSON;
+        for (int i = 0; i < numOfRows; i++) thisWorkspace.push_back(EMPTY_JSON);
+        int rowHeight =
+            min(max(MIN_ROW_HEIGHT,
+                    (RES_HEIGHT - RESERVED_BOTTOM - SPACING) / numOfRows -
+                        TITLEBAR_AND_BORDER_HEIGHT - SPACING),
+                MAX_ROW_HEIGHT);
+        int thisRowCnt = 0, rowsDone = 0;
+
+        // cout << "Workspace " << i + 1 << " | Rows: " << numOfRows
+        //      << " | Per row: " << winsPerRow << '\n';
+
+        // Scale
+        for (json& window : workspaces[i]) {
+            int cntAs = int(window["countAs"]);
+            if (cntAs == 1) {
+                window["size"][0] = int(window["size"][0]) /
+                                    (float(window["size"][1]) / rowHeight);
+                window["size"][1] = rowHeight;
+            } else {  // cntAs == 2
+                window["size"][1] =
+                    int(float(window["size"][1]) /
+                        (float(window["size"][0]) / (rowHeight * 2)));
+                window["size"][0] = rowHeight * 2;
+            }
+
+            // int minWidth = string(window["title"]).size() * 9;
+            // cout << "Window: " << string(window["title"])
+            //      << ", min width: " << minWidth << '\n';
+            // if (window["size"][0] < minWidth) {
+            //     window["size"][1] = int(window["size"][1]) *
+            //                         (float(minWidth) /
+            //                         int(window["size"][0]));
+            //     window["size"][0] = minWidth;
+            // }
+            // cout << " --> " << window["size"][0] << "x" << window["size"][1]
+            //      << '\n';
+            
+            thisWorkspace[rowsDone].push_back(window);
+            thisRowCnt += int(window["countAs"]);
+            if (thisRowCnt >= winsPerRow) {
+                rowsDone++;
+                thisRowCnt = 0;
+            }
+        }
+
+        workspacesArranged.push_back(thisWorkspace);
+    }
+}
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+
+    // Get windows in workspaces, counting
+    initWorkspaces();
+    getApps();
+
+    // cout << ">>>>>>>> [DEBUG INGO START] >>>>>>>>" << '\n';
+    // cout << workspaces << '\n';
+    // cout << "<<<<<<<< [DEBUG INGO END] <<<<<<<<" << '\n' << '\n';
+
+    // cout << "# of apps: ";
+    // for (int i = 0; i < COLS; i++) cout << numOfApps[i] << ' ';
+    // cout << '\n';
+    // Scaling, arranging
+    scaleWindows();
+
+    cout << workspacesArranged << '\n';
+}
\ No newline at end of file
diff --git a/early/.config/eww/scripts/toggle-allapps.sh b/early/.config/eww/scripts/toggle-allapps.sh
new file mode 100755
index 000000000..d41f83695
--- /dev/null
+++ b/early/.config/eww/scripts/toggle-allapps.sh
@@ -0,0 +1,11 @@
+#!/usr/bin/bash
+state=$(eww get winstart_allapps)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update winstart_allapps=false
+else
+    eww update winstart_allapps=true
+    # This sleep is necessary for it to animate smoothly!
+    sleep 0.2
+    eww update allapps="$(eww get allapps_get)"
+fi
diff --git a/early/.config/eww/scripts/toggle-bottombar.sh b/early/.config/eww/scripts/toggle-bottombar.sh
new file mode 100755
index 000000000..f6fd9561d
--- /dev/null
+++ b/early/.config/eww/scripts/toggle-bottombar.sh
@@ -0,0 +1,18 @@
+#!/usr/bin/bash
+state=$(eww get rev_bottombar)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_bottombar=false
+    eww update rev_bottombar=false
+    # eww update force_sys_rev=false
+    sleep 0.15
+    eww close bottombar 2>/dev/null
+    eww close bottombar-back 2>/dev/null
+    eww update cavajson=''
+else
+    eww update anim_open_bottombar=true
+    eww open bottombar-back
+    eww open bottombar
+    eww update rev_bottombar=true
+    # eww update force_sys_rev=true &
+fi
diff --git a/early/.config/eww/scripts/toggle-calendar.sh b/early/.config/eww/scripts/toggle-calendar.sh
new file mode 100755
index 000000000..bf4cfb736
--- /dev/null
+++ b/early/.config/eww/scripts/toggle-calendar.sh
@@ -0,0 +1,13 @@
+#!/usr/bin/bash
+state=$(eww get rev_calendar)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_calendar=false
+    eww update rev_calendar=false
+    sleep 0.15
+    eww close calendar 2>/dev/null
+else
+    eww update anim_open_calendar=true
+    eww open calendar
+    eww update rev_calendar=true
+fi
diff --git a/early/.config/eww/scripts/toggle-compactmode.sh b/early/.config/eww/scripts/toggle-compactmode.sh
new file mode 100755
index 000000000..fc8d65195
--- /dev/null
+++ b/early/.config/eww/scripts/toggle-compactmode.sh
@@ -0,0 +1,19 @@
+#!/bin/bash
+
+state=$(hyprctl getoption decoration:rounding -j | gojq '.int')
+
+if [[ "$state" != "0" || "$1" == "--enable" ]]; then
+    eww update compact=true &
+    hyprctl keyword decoration:rounding 0 
+    hyprctl keyword general:gaps_in 0 
+    hyprctl keyword general:gaps_out 0
+    hyprctl keyword monitor eDP-1,addreserved,69,0,0,0  
+    if [[ "$2" == "--border" ]]; then
+        hyprctl keyword general:border_size "$3"
+    else
+        hyprctl keyword general:border_size 1
+    fi
+else
+    eww update compact=false &
+    hyprctl reload
+fi
\ No newline at end of file
diff --git a/early/.config/eww/scripts/toggle-dash.sh b/early/.config/eww/scripts/toggle-dash.sh
new file mode 100755
index 000000000..de17b1011
--- /dev/null
+++ b/early/.config/eww/scripts/toggle-dash.sh
@@ -0,0 +1,24 @@
+#!/usr/bin/bash
+cd ~/.config/eww || exit
+
+reserves=$(hyprctl monitors -j | gojq -r -c '.[0]["reserved"]')
+if [[ "$1" == "--keypress" && "$reserves" == "[0,0,0,50]" ]]; then
+    scripts/toggle-winactions.sh
+    exit
+fi
+
+state=$(eww get rev_dash)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_dash=false
+    eww update rev_dash=false
+    sleep 0.08
+    eww close dashboard 2>/dev/null
+else
+    scripts/toggle-overview.sh --close &
+    scripts/toggle-osettings.sh --close &
+    scripts/toggle-onotify.sh --close &
+    eww update anim_open_dash=true
+    eww open dashboard
+    eww update rev_dash=true
+fi
diff --git a/early/.config/eww/scripts/toggle-dashfs.sh b/early/.config/eww/scripts/toggle-dashfs.sh
new file mode 100755
index 000000000..978b729f4
--- /dev/null
+++ b/early/.config/eww/scripts/toggle-dashfs.sh
@@ -0,0 +1,22 @@
+#!/usr/bin/bash
+cd ~/.config/eww || exit
+
+reserves=$(hyprctl monitors -j | gojq -r -c '.[0]["reserved"]')
+if [[ "$1" == "--keypress" && "$reserves" == "[0,0,0,50]" ]]; then
+    scripts/toggle-winactions.sh
+    exit
+fi
+
+state=$(eww get rev_dashfs)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_dashfs=false
+    eww update rev_dashfs=false
+    sleep 0.15
+    eww close dashfs 2>/dev/null
+    eww update cavajson=''
+else
+    eww update anim_open_dashfs=true
+    eww open dashfs
+    eww update rev_dashfs=true 
+fi
diff --git a/early/.config/eww/scripts/toggle-music.sh b/early/.config/eww/scripts/toggle-music.sh
new file mode 100755
index 000000000..8b0b7cd7e
--- /dev/null
+++ b/early/.config/eww/scripts/toggle-music.sh
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+state=$(eww get music_open)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_music=false
+    eww update music_open=false
+    sleep 0.2
+    eww close music 2>/dev/null
+    eww update cavajson=''
+else
+    eww update anim_open_music=true
+    eww open music
+    eww update music_open=true
+fi
\ No newline at end of file
diff --git a/early/.config/eww/scripts/toggle-nightlight.sh b/early/.config/eww/scripts/toggle-nightlight.sh
new file mode 100755
index 000000000..3845d741c
--- /dev/null
+++ b/early/.config/eww/scripts/toggle-nightlight.sh
@@ -0,0 +1,11 @@
+#!/usr/bin/bash
+currentshader=$(hyprctl getoption decoration:screen_shader -j | gojq -r '.str')
+
+if [[ "$currentshader" != *"extradark.frag" ]]; then
+    hyprctl keyword decoration:screen_shader '~/.config/hypr/shaders/extradark.frag'
+else
+    hyprctl keyword decoration:screen_shader ''
+    hyprctl reload
+fi
+
+scripts/hyprsettings tickle
\ No newline at end of file
diff --git a/early/.config/eww/scripts/toggle-onotify.sh b/early/.config/eww/scripts/toggle-onotify.sh
new file mode 100755
index 000000000..d49c09424
--- /dev/null
+++ b/early/.config/eww/scripts/toggle-onotify.sh
@@ -0,0 +1,23 @@
+#!/usr/bin/bash
+cd ~/.config/eww || exit
+
+reserves=$(hyprctl monitors -j | gojq -r -c '.[0]["reserved"]')
+if [[ "$1" == "--keypress" && "$reserves" == "[0,0,0,50]" ]]; then
+    scripts/toggle-winnotif.sh
+    exit
+fi
+
+state=$(eww get rev_ontf)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_ontf=false
+    eww update rev_ontf=false
+    # eww update force_sys_rev=false
+    sleep 0.15
+    eww close onotify 2>/dev/null
+else
+    eww update anim_open_ontf=true
+    eww open onotify
+    eww update rev_ontf=true &
+    # eww update force_sys_rev=true &
+fi
diff --git a/early/.config/eww/scripts/toggle-osd-bright.sh b/early/.config/eww/scripts/toggle-osd-bright.sh
new file mode 100755
index 000000000..b0733e5b2
--- /dev/null
+++ b/early/.config/eww/scripts/toggle-osd-bright.sh
@@ -0,0 +1,51 @@
+#!/usr/bin/bash
+cd ~/.config/eww
+reserves=$(hyprctl monitors -j | gojq -r -c '.[0]["reserved"]')
+state=$(eww get osd_vol)
+
+closewinvol() {
+    eww update osd_vol=false
+    sleep 0.2
+    eww close winosd_vol 2>/dev/null
+}
+closewinosd() {
+    eww update osd_bright=false
+    sleep 0.2
+    eww close winosd_bright 2>/dev/null
+}
+openwinosd() {
+    if [ "$state" = "true" ]; then
+        closewinvol
+    fi
+    eww open winosd_bright
+    eww update osd_bright=true
+}
+closeosd() {
+    eww update osd_bright=false
+    sleep 0.2
+    eww close osd 2>/dev/null
+}
+openosd() {
+    eww open osd
+    eww update osd_bright=true
+}
+
+if [ "$reserves" = "[0,0,0,50]" ]; then # windoes mode active
+    eww close osd 2>/dev/null &
+    if [[ "$1" == "--open" ]]; then
+        openwinosd
+    else
+        closewinosd
+    fi
+    exit 0
+fi
+
+eww close winosd_vol 2>/dev/null &
+eww close winosd_bright 2>/dev/null &
+if [[ "$1" == "--open" ]]; then 
+    openosd
+elif [[ "$1" == "--close" ]]; then
+    closeosd
+else
+    closeosd
+fi
diff --git a/early/.config/eww/scripts/toggle-osd-vol.sh b/early/.config/eww/scripts/toggle-osd-vol.sh
new file mode 100755
index 000000000..105cf6ca7
--- /dev/null
+++ b/early/.config/eww/scripts/toggle-osd-vol.sh
@@ -0,0 +1,51 @@
+#!/usr/bin/bash
+cd ~/.config/eww || exit
+reserves=$(hyprctl monitors -j | gojq -r -c '.[0]["reserved"]')
+state=$(eww get osd_bright)
+
+closewinbright() {
+    eww update osd_bright=false
+    sleep 0.2
+    eww close winosd_bright 2>/dev/null
+}
+closewinosd() {
+    eww update osd_vol=false
+    sleep 0.2
+    eww close winosd_vol 2>/dev/null
+}
+openwinosd() {
+    if [ "$state" = "true" ]; then
+        closewinbright
+    fi
+    eww open winosd_vol
+    eww update osd_vol=true
+}
+closeosd() {
+    eww update osd_vol=false
+    sleep 0.2
+    eww close osd 2>/dev/null
+}
+openosd() {
+    eww open osd
+    eww update osd_vol=true
+}
+
+if [ "$reserves" = "[0,0,0,50]" ]; then # windoes mode active
+    eww close osd &
+    if [[ "$1" == "--open" ]]; then
+        openwinosd
+    else
+        closewinosd
+    fi
+    exit 0
+fi
+
+eww close winosd_vol 2>/dev/null &
+eww close winosd_bright 2>/dev/null &
+if [[ "$1" == "--open" ]]; then 
+    openosd
+elif [[ "$1" == "--close" ]]; then
+    closeosd
+else
+    closeosd
+fi
\ No newline at end of file
diff --git a/early/.config/eww/scripts/toggle-osettings.sh b/early/.config/eww/scripts/toggle-osettings.sh
new file mode 100755
index 000000000..256abc001
--- /dev/null
+++ b/early/.config/eww/scripts/toggle-osettings.sh
@@ -0,0 +1,24 @@
+#!/usr/bin/bash
+cd ~/.config/eww || exit
+
+reserves=$(hyprctl monitors -j | gojq -r -c '.[0]["reserved"]')
+if [[ "$1" == "--keypress" && "$reserves" == "[0,0,0,50]" ]]; then
+    scripts/toggle-winnews.sh
+    exit
+fi
+
+
+state=$(eww get rev_ostg)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_ostg=false
+    eww update rev_ostg=false
+    sleep 0.15
+    eww close osettings 2>/dev/null
+    eww update oquery=''
+else # state = false
+    eww update anim_open_ostg=true
+    eww update oquery='' &
+    eww open osettings
+    eww update rev_ostg=true &
+fi
diff --git a/early/.config/eww/scripts/toggle-overview.sh b/early/.config/eww/scripts/toggle-overview.sh
new file mode 100755
index 000000000..eba150db3
--- /dev/null
+++ b/early/.config/eww/scripts/toggle-overview.sh
@@ -0,0 +1,29 @@
+#!/usr/bin/bash
+cd ~/.config/eww || exit
+mkdir -p ~/.config/eww/scripts/cache/
+
+reserves=$(hyprctl monitors -j | gojq -r -c '.[0]["reserved"]')
+if [[ "$reserves" == "[0,0,0,50]" ]]; then
+    if [[ "$1" == "--keypress" ]]; then
+        scripts/toggle-winstart.sh
+        exit
+    elif [[ "$1" == "--overview" && "$reserves" == "[0,0,0,50]" ]]; then
+        scripts/toggle-wintaskview.sh
+        exit
+    fi
+fi
+
+state=$(eww get open_overview)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww close overview 2>/dev/null &
+    eww update overview_query='' &
+    eww update open_overview=false &
+else
+    scripts/allapps > scripts/cache/entries.txt &
+    scripts/allappnames > scripts/cache/entrynames.txt &
+    eww update overview_query=''  &
+    eww update overview_hover_name='{"class":"LMB: Focus | MMB: Close | RMB: Select/Move","title":"Activities Overview","workspace":{"id":5,"name":"5"},"icon": "/usr/share/icons/breeze-dark/actions/16/window.svg"}' &
+    eww open overview
+    eww update open_overview=true
+fi
diff --git a/early/.config/eww/scripts/toggle-supercontext.sh b/early/.config/eww/scripts/toggle-supercontext.sh
new file mode 100755
index 000000000..42850a000
--- /dev/null
+++ b/early/.config/eww/scripts/toggle-supercontext.sh
@@ -0,0 +1,16 @@
+#!/usr/bin/bash
+state=$(eww get rev_supercontext)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_supercontext=false
+    eww update rev_supercontext=false
+    sleep 0.1
+    eww close supercontext 2>/dev/null
+else
+    eww update supercontext_pos_x="$(hyprctl cursorpos -j | gojq '.x')"
+    eww update supercontext_pos_y="$(hyprctl cursorpos -j | gojq '.y')" &
+    eww update anim_open_supercontext=true &
+    eww open supercontext
+    eww update rev_supercontext=true
+    eww update ws_to_swap=0
+fi
\ No newline at end of file
diff --git a/early/.config/eww/scripts/toggle-themer.sh b/early/.config/eww/scripts/toggle-themer.sh
new file mode 100755
index 000000000..4b5ea1a17
--- /dev/null
+++ b/early/.config/eww/scripts/toggle-themer.sh
@@ -0,0 +1,13 @@
+#!/usr/bin/bash
+state=$(eww get rev_themer)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_themer=false
+    eww update rev_themer=false
+    sleep 0.25
+    eww close themer 2>/dev/null
+else
+    eww update anim_open_themer=true
+    eww open themer
+    eww update rev_themer=true
+fi
diff --git a/early/.config/eww/scripts/toggle-winactions.sh b/early/.config/eww/scripts/toggle-winactions.sh
new file mode 100755
index 000000000..d8e4908f5
--- /dev/null
+++ b/early/.config/eww/scripts/toggle-winactions.sh
@@ -0,0 +1,19 @@
+#!/usr/bin/bash
+state=$(eww get rev_winactions)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    if [[ "$2" == "settings" ]]; then
+        gnome-control-center &
+    fi
+    if [[ "$2" == "power" ]]; then
+        gnome-control-center power &
+    fi
+    eww update anim_open_winactions=false
+    eww update rev_winactions=false
+    sleep 0.1
+    eww close winactions 2>/dev/null
+else
+    eww update anim_open_winactions=true
+    eww open winactions
+    eww update rev_winactions=true
+fi
diff --git a/early/.config/eww/scripts/toggle-wingamebar.sh b/early/.config/eww/scripts/toggle-wingamebar.sh
new file mode 100755
index 000000000..bfc5ca163
--- /dev/null
+++ b/early/.config/eww/scripts/toggle-wingamebar.sh
@@ -0,0 +1,12 @@
+#!/usr/bin/bash
+state=$(eww get rev_wingamebar)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww close wingamebar 2>/dev/null
+    eww update anim_open_wingamebar=false
+    eww update rev_wingamebar=false
+else
+    eww update anim_open_wingamebar=true
+    eww open wingamebar
+    eww update rev_wingamebar=true
+fi
\ No newline at end of file
diff --git a/early/.config/eww/scripts/toggle-winlang.sh b/early/.config/eww/scripts/toggle-winlang.sh
new file mode 100755
index 000000000..16420ffec
--- /dev/null
+++ b/early/.config/eww/scripts/toggle-winlang.sh
@@ -0,0 +1,13 @@
+#!/usr/bin/bash
+state=$(eww get rev_winlang)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_winlang=false
+    eww update rev_winlang=false
+    sleep 0.1
+    eww close winlang 2>/dev/null
+else
+    eww update anim_open_winlang=true
+    eww open winlang
+    eww update rev_winlang=true
+fi
diff --git a/early/.config/eww/scripts/toggle-winmode.sh b/early/.config/eww/scripts/toggle-winmode.sh
new file mode 100755
index 000000000..3f9809f43
--- /dev/null
+++ b/early/.config/eww/scripts/toggle-winmode.sh
@@ -0,0 +1,23 @@
+#!/usr/bin/bash
+reserves=$(hyprctl monitors -j | gojq -r -c '.[0]["reserved"]')
+
+if [[ "$reserves" == "[0,61,0,0]" ]]; then
+    eww close bottomline 2>/dev/null
+    eww open winbar
+    eww close bar 2>/dev/null
+    hyprctl keyword monitor eDP-1,addreserved,0,50,0,0
+
+    hyprctl keyword decoration:rounding 8
+    hyprctl keyword general:border_size 1
+    hyprctl keyword decoration:drop_shadow true
+
+    hyprctl keyword general:col.active_border 'rgba(494949dd)'
+    hyprctl keyword general:col.inactive_border 'rgba(494949aa)'
+else
+    eww close winbar 2>/dev/null
+    eww open bar
+    eww open bottomline
+    hyprctl keyword monitor eDP-1,addreserved,61,0,0,0
+
+    hyprctl reload
+fi
diff --git a/early/.config/eww/scripts/toggle-winnews.sh b/early/.config/eww/scripts/toggle-winnews.sh
new file mode 100755
index 000000000..c29d319c4
--- /dev/null
+++ b/early/.config/eww/scripts/toggle-winnews.sh
@@ -0,0 +1,15 @@
+#!/usr/bin/bash
+state=$(eww get rev_winnews)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_winnews=false
+    eww update rev_winnews=false
+    sleep 0.15
+    eww close winnews 2>/dev/null
+    eww update oquery=''
+else
+    eww update anim_open_winnews=true
+    eww update oquery='' &
+    eww open winnews
+    eww update rev_winnews=true
+fi
diff --git a/early/.config/eww/scripts/toggle-winnotif.sh b/early/.config/eww/scripts/toggle-winnotif.sh
new file mode 100755
index 000000000..4fdcf1a81
--- /dev/null
+++ b/early/.config/eww/scripts/toggle-winnotif.sh
@@ -0,0 +1,13 @@
+#!/usr/bin/bash
+state=$(eww get rev_winnotif)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_winnotif=false
+    eww update rev_winnotif=false
+    sleep 0.2
+    eww close winnotif 2>/dev/null
+else
+    eww update anim_open_winnotif=true
+    eww open winnotif
+    eww update rev_winnotif=true
+fi
diff --git a/early/.config/eww/scripts/toggle-winpowermenu.sh b/early/.config/eww/scripts/toggle-winpowermenu.sh
new file mode 100755
index 000000000..9388cfb28
--- /dev/null
+++ b/early/.config/eww/scripts/toggle-winpowermenu.sh
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+state=$(eww get rev_winpowermenu)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_winpowermenu=false
+    eww update rev_winpowermenu=false
+    eww update winsearch='' &
+    sleep 0.15
+    eww close winpowermenu 2>/dev/null
+else
+    eww update anim_open_winpowermenu=true
+    eww open winpowermenu
+    eww update rev_winpowermenu=true
+fi
diff --git a/early/.config/eww/scripts/toggle-winstart.sh b/early/.config/eww/scripts/toggle-winstart.sh
new file mode 100755
index 000000000..46e43c2bc
--- /dev/null
+++ b/early/.config/eww/scripts/toggle-winstart.sh
@@ -0,0 +1,22 @@
+#!/usr/bin/bash
+cd ~/.config/eww || exit
+state=$(eww get rev_winstart)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    scripts/toggle-winpowermenu.sh --close &
+    eww update anim_open_winstart=false
+    eww update rev_winstart=false
+    sleep 0.1
+    eww close winstart 2>/dev/null
+    eww update winsearch=''
+    eww update winsearch_prefix=''
+    eww update winstart_allapps=false
+    eww update allapps=''
+else
+    scripts/allapps > scripts/cache/entries.txt &
+    scripts/allappnames > scripts/cache/entrynames.txt &
+    eww update anim_open_winstart=true
+    eww open winstart
+    eww update rev_winstart=true
+    eww update allapps_get="$(scripts/allapps --mode 2)" &
+fi
diff --git a/early/.config/eww/scripts/toggle-wintaskview.sh b/early/.config/eww/scripts/toggle-wintaskview.sh
new file mode 100755
index 000000000..66d0a7433
--- /dev/null
+++ b/early/.config/eww/scripts/toggle-wintaskview.sh
@@ -0,0 +1,15 @@
+#!/usr/bin/bash
+cd ~/.config/eww || exit
+
+state=$(eww get rev_wintaskview)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then 
+    eww update anim_open_wintaskview=false
+    eww update rev_wintaskview=false
+    sleep 0.1
+    eww close wintaskview 2>/dev/null
+else
+    eww update anim_open_wintaskview=true
+    eww open wintaskview
+    eww update rev_wintaskview=true
+fi
diff --git a/early/.config/eww/scripts/togglelight b/early/.config/eww/scripts/togglelight
new file mode 100755
index 000000000..96dd9b58f
--- /dev/null
+++ b/early/.config/eww/scripts/togglelight
@@ -0,0 +1,9 @@
+#!/usr/bin/bash
+
+if [ "$1" == "light" ]; then
+  echo -n '-l' > 'scripts/workdir/__mode_light_dark.txt'
+  cp css/savedcolors/_iconcolor_default.txt css/_iconcolor_default.txt
+else
+  echo -n '' > 'scripts/workdir/__mode_light_dark.txt'
+  cp css/savedcolors/_iconcolor_default.txt css/_iconcolor_default.txt
+fi
\ No newline at end of file
diff --git a/early/.config/eww/scripts/update-tray.sh b/early/.config/eww/scripts/update-tray.sh
new file mode 100755
index 000000000..20d579824
--- /dev/null
+++ b/early/.config/eww/scripts/update-tray.sh
@@ -0,0 +1,7 @@
+#!/usr/bin/bash
+
+if [[ "$(pidof waybar)" == "" ]]; then
+  eww update tray_is_open=false
+else
+  eww update tray_is_open=true
+fi
diff --git a/early/.config/eww/scripts/volume b/early/.config/eww/scripts/volume
new file mode 100755
index 000000000..b4f2821f6
--- /dev/null
+++ b/early/.config/eww/scripts/volume
@@ -0,0 +1,133 @@
+#!/usr/bin/env bash
+cd ~/.config/eww
+
+volicons=("" "" "")
+XDG_CACHE_HOME="$HOME/.cache"
+date="$XDG_CACHE_HOME/eww/osd_vol.date"
+lock=0
+
+showhide() {
+  # get dates
+  rundate=$(cat "$date")
+  currentdate=$(date +%s)
+
+  # handle showing
+  if [ "$rundate" = "$currentdate" ] && [ "$lock" -eq 0 ]; then
+    scripts/toggle-osd-vol.sh --open
+    lock=1
+  elif [ $((currentdate - rundate)) -ge 2 ] && [ "$lock" -eq 1 ]; then
+    scripts/toggle-osd-vol.sh --close > /dev/null
+    lock=0
+  fi
+}
+
+osd() {
+  if [ ! -f "$date" ]; then
+    mkdir -p "$XDG_CACHE_HOME/eww"
+  fi
+  date +%s > "$date"
+  showhide
+}
+
+osd_handler() {
+  lock=0
+  rundate=0
+  if [ ! -f "$date" ]; then
+    mkdir -p "$XDG_CACHE_HOME/eww"
+    echo 0 > "$date"
+  fi
+
+  while true; do
+    showhide
+    sleep 0.1
+  done
+}
+
+vol() {
+  wpctl get-volume @DEFAULT_AUDIO_$1@ | awk '{print int($2*100)}'
+}
+ismuted() {
+  wpctl get-volume @DEFAULT_AUDIO_"$1"@ | rg -i muted
+  echo $?
+}
+setvol() {
+  wpctl set-volume @DEFAULT_AUDIO_"$1"@ "$(awk -v n="$2" 'BEGIN{print (n / 100)}')"
+}
+setmute() {
+  wpctl set-mute @DEFAULT_AUDIO_"$1"@ toggle
+}
+
+if [ "$1" = "--once" ]; then
+  lvl=$(awk -v n="$(vol "SINK")" 'BEGIN{print int(n/34)}')
+    ismuted=$(ismuted "SINK")
+
+    if [ "$ismuted" = 1 ]; then
+    	icon="${volicons[$lvl]}"
+    else
+      icon=""
+    fi
+    audio=1
+    if [ "$(wpctl status | grep 'MUTED')" == "" ]; then
+      audio=1
+    else 
+      audio=0
+    fi
+
+    echo '{"icon":"'"$icon"'","audio":"'"$audio"'","percent":"'"$(vol "SINK")"'","microphone":"'"$(vol "SOURCE")"'"}'
+    exit 0
+fi
+
+if [ "$1" = "mute" ]; then
+  if [ "$2" != "SOURCE" ] && [ "$2" != "SINK" ]; then
+    echo "Can only mute SINK or SOURCE"; exit 1
+  fi
+  setmute "$2"
+elif [ "$1" = "setvol" ]; then
+  if [ "$2" != "SOURCE" ] && [ "$2" != "SINK" ]; then
+    echo "Can only set volume for SINK or SOURCE"; exit 1
+  elif [ "$3" -lt 1 ] || [ "$3" -gt 100 ]; then
+    echo "Volume must be between 1 and 100"; exit 1
+  fi
+  setvol "$2" "$3"
+elif [ "$1" = "osd" ]; then
+  osd
+else
+  # initial values
+  lvl=$(awk -v n="$(vol "SINK")" 'BEGIN{print int(n/34)}')
+  ismuted=$(ismuted "SINK")
+
+  if [ "$ismuted" = 1 ]; then
+  	icon="${volicons[$lvl]}"
+  else
+    icon=""
+  fi
+  audio=1
+  if [ "$(wpctl status | grep 'MUTED')" == "" ]; then
+    audio=1
+  else 
+    audio=0
+  fi
+
+  echo '{"icon":"'"$icon"'","audio":"'"$audio"'","percent":"'"$(vol "SINK")"'","microphone":"'"$(vol "SOURCE")"'"}'
+
+  osd_handler &
+  # event loop
+  pactl subscribe | rg --line-buffered "on sink" | while read -r _; do
+    lvl=$(awk -v n="$(vol "SINK")" 'BEGIN{print int(n/34)}')
+    ismuted=$(ismuted "SINK")
+
+    if [ "$ismuted" = 1 ]; then
+    	icon="${volicons[$lvl]}"
+    else
+      icon=""
+    fi
+    audio=1
+    if [ "$(wpctl status | grep 'MUTED')" == "" ]; then
+      audio=1
+    else 
+      audio=0
+    fi
+
+    echo '{"icon":"'"$icon"'","audio":"'"$audio"'","percent":"'"$(vol "SINK")"'","microphone":"'"$(vol "SOURCE")"'"}'
+  done
+fi
diff --git a/early/.config/eww/scripts/waifupics.py b/early/.config/eww/scripts/waifupics.py
new file mode 100755
index 000000000..25ca8b5fb
--- /dev/null
+++ b/early/.config/eww/scripts/waifupics.py
@@ -0,0 +1,36 @@
+#!/usr/bin/python3
+# Import the requests module
+import requests
+import json
+import os
+import sys
+
+# Define the URL to send the GET request
+url = "https://api.waifu.pics/sfw/waifu"
+if len(sys.argv) > 1 and sys.argv[1] == '--segs':
+    url = "https://api.waifu.pics/nsfw/"
+    if len(sys.argv) > 2:
+        url += sys.argv[2]
+    else:
+        url += "waifu"
+else:
+    url = "https://api.waifu.pics/sfw/"
+    if len(sys.argv) > 1:
+        url += sys.argv[1]
+    else:
+        url += "waifu"
+
+# Send the GET request and store the response object
+response = requests.get(url)
+
+# Check if the request was successful
+if response.status_code == 200:
+    # Print the received data as JSON
+    results = response.json()
+    link=results['url']
+    os.system('wget -O "{0}" "{1}" -q –read-timeout=0.1'.format('eww_covers/waifu_tmp', link))
+    os.system('mv ./eww_covers/waifu_tmp ./eww_covers/waifu')
+    print('eww_covers/waifu')
+else:
+    # Print an error message
+    print("Something went wrong. Status code:", response.status_code)
\ No newline at end of file
diff --git a/early/.config/eww/scripts/winnumbers b/early/.config/eww/scripts/winnumbers
new file mode 100755
index 000000000..079870c4e
--- /dev/null
+++ b/early/.config/eww/scripts/winnumbers
@@ -0,0 +1,29 @@
+#!/usr/bin/bash
+
+geticonlist() {
+    classes=$(hyprctl clients | grep -e 'class: ' | sed 's/class: Code/class: code/' | sed 's/\tclass: //')
+    addresses=$(hyprctl clients | grep -e ' -> ')
+    # echo "$classes"
+    IFS=$'\n'
+    classarr=($(echo "$classes"))
+    
+    printf '['
+    for i in "${!classarr[@]}"; do
+        if [ $i -ne 0 ]; then
+            printf ', '
+        fi
+        printf "$i"
+    done
+    echo ']'
+}
+
+geticonlist
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    geticonlist
+  done
+fi
+
diff --git a/early/.config/eww/scripts/workdir/__mode_colors.txt b/early/.config/eww/scripts/workdir/__mode_colors.txt
new file mode 100755
index 000000000..5914448da
--- /dev/null
+++ b/early/.config/eww/scripts/workdir/__mode_colors.txt
@@ -0,0 +1 @@
+multi
\ No newline at end of file
diff --git a/early/.config/eww/scripts/workdir/__mode_light_dark.txt b/early/.config/eww/scripts/workdir/__mode_light_dark.txt
new file mode 100755
index 000000000..e69de29bb
diff --git a/early/.config/eww/scripts/workspaces b/early/.config/eww/scripts/workspaces
new file mode 100755
index 000000000..bb41b2003
--- /dev/null
+++ b/early/.config/eww/scripts/workspaces
@@ -0,0 +1,153 @@
+#!/usr/bin/env bash
+
+# define colors
+colors=("#FFFFFF" "#fab387" "#a6e3a1" "#89b4fa") # Active Workspaces
+dimmed=("rgba(174,172,182,0.7)" "#f9e2af" "#94e2d5" "#b4befe") # Inactive workspaces
+empty='rgba(146,145,145,0.5)' # Empty workspaces
+
+# get initial focused workspace
+focusedws=$(hyprctl -j monitors | gojq -r '.[] | select(.focused == true) | .activeWorkspace.id')
+
+declare -A o=([1]=0 [2]=0 [3]=0 [4]=0 [5]=0 [6]=0 [7]=0 [8]=0 [9]=0 [10]=0)
+declare -A monitormap
+declare -A workspaces
+
+# set color for each workspace
+status() {
+  if [ "${o[$1]}" -eq 1 ]; then 
+    mon=${monitormap[${workspaces[$1]}]}
+    echo -n "${dimmed[$mon]}"
+  else
+    echo -n "$empty"
+  fi
+}
+
+status_activity() {
+  if [ "${o[$1]}" -eq 1 ]; then 
+    mon=${monitormap[${workspaces[$1]}]}
+
+    if [ $focusedws -eq "$1" ]; then
+      echo -n "active"
+    else
+      echo -n "inactive"
+    fi
+  else
+    echo -n "empty"
+  fi
+}
+
+# handle workspace create/destroy
+workspace_event() {
+  if (( $1 <= 10 )); then
+    o[$1]=$2
+    while read -r k v; do workspaces[$k]="$v"; done < <(hyprctl -j workspaces | gojq -r '.[]|"\(.id) \(.monitor)"')
+  fi
+  if [ "$2" == "0" ]; then
+    unset "workspaces[$1]"
+  fi
+}
+# handle monitor (dis)connects
+monitor_event() {
+  while read -r k v; do monitormap["$k"]=$v; done < <(hyprctl -j monitors | gojq -r '.[]|"\(.name) \(.id) "')
+}
+
+# generate the json for eww
+generate() {
+  echo -n '['
+
+  for i in {1..10}; do
+    echo -n ''$([ $i -eq 1 ] || echo ,)'{"num":"'$i'","clr":"'$(status "$i")'"}'
+    # echo -n ''$([ $i -eq 1 ] || echo ,) '{ "number": "'"$i"'", "activity": "'"$(status_activity $i)"'", "color": "'$(status "$i")'" }'
+  done
+
+  # echo -n ',{"num":"'$focusedws'","clr":"'$(status "$focusedws")'"}'
+
+  echo ']'
+}
+
+# setup
+
+# add monitors
+monitor_event
+
+# add workspaces
+while read -r k v; do workspaces[$k]="$v"; done < <(hyprctl -j workspaces | gojq -r '.[]|"\(.id) \(.monitor)"')
+
+# check occupied workspaces
+for num in "${!workspaces[@]}"; do
+  o[$num]=1
+done
+# generate initial widget
+generate
+
+socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | while read -r line; do
+  # echo "${#workspaces[@]} ${#o[@]}"
+  # echo $line
+  case ${line%>>*} in
+    "focusedmon")
+      focusedws=${line#*,}
+      generate
+      ;;
+    "createworkspace")
+      # workspace_event "${line#*>>}" 1
+      o=([1]=0 [2]=0 [3]=0 [4]=0 [5]=0 [6]=0 [7]=0 [8]=0 [9]=0 [10]=0)
+      workspaces=()
+      # add workspaces
+      while read -r k v; do workspaces[$k]="$v"; done < <(hyprctl -j workspaces | gojq -r '.[]|"\(.id) \(.monitor)"')
+      # check occupied workspaces
+      for num in "${!workspaces[@]}"; do
+        o[$num]=1
+      done
+      # focusedws=${line#*>>}
+      generate
+      ;;
+    "movewindow")
+      generate
+      ;;
+    "destroyworkspace")
+      # workspace_event "${line#*>>}" 0
+      o=([1]=0 [2]=0 [3]=0 [4]=0 [5]=0 [6]=0 [7]=0 [8]=0 [9]=0 [10]=0)
+      workspaces=()
+      # add workspaces
+      while read -r k v; do workspaces[$k]="$v"; done < <(hyprctl -j workspaces | gojq -r '.[]|"\(.id) \(.monitor)"')
+      # check occupied workspaces
+      for num in "${!workspaces[@]}"; do
+        o[$num]=1
+      done
+      generate
+      ;;
+    "monitor"*)
+      monitor_event
+      generate
+      ;;
+  esac
+  # echo $line
+  # generate
+done
+
+# main loop
+# socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "workspace|mon(itor)?" | while read -r line; do
+#   case ${line%>>*} in
+#     "workspace")
+#       focusedws=${line#*>>}
+#       generate
+#       ;;
+#     "focusedmon")
+#       focusedws=${line#*,}
+#       generate
+#       ;;
+#     "createworkspace")
+#       workspace_event "${line#*>>}" 1
+#       focusedws=${line#*>>}
+#       # generate
+#       ;;
+#     "destroyworkspace")
+#       workspace_event "${line#*>>}" 0
+#       generate
+#       ;;
+#     "monitor"*)
+#       monitor_event
+#       generate
+#       ;;
+#   esac
+# done
\ No newline at end of file
diff --git a/early/.config/eww/variables.yuck b/early/.config/eww/variables.yuck
new file mode 100755
index 000000000..8757c27f0
--- /dev/null
+++ b/early/.config/eww/variables.yuck
@@ -0,0 +1,170 @@
+; Const vars
+(defvar FILE_BROWSER "nautilus")
+(defvar RES_WIDTH 1920)
+(defvar RES_HEIGHT 1080)
+(defvar BG_ZOOM 1.2)
+(defvar OVERVIEW_SCALE 0.18)
+(defvar TASKVIEW_SCALE 0.12)
+(defvar weekdays '[{"day":"Mo","today":"0"},{"day":"Tu","today":"0"},{"day":"We","today":"0"},{"day":"Th","today":"0"},{"day":"Fr","today":"0"},{"day":"Sa","today":"0"},{"day":"Su","today":"0"}]')
+(defvar wsnums `[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]`)
+(defvar ws-icons '["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"]')
+(deflisten ICON_GET `scripts/get_open_icons`)
+(defvar SUPERCONTEXT_WIDTH 300)
+(defvar SUPERCONTEXT_HEIGHT 300)
+(defvar SUPERCONTEXT_OFFSET_X "[75, 23.1, -60.6, -60.6, 23.1]")
+(defvar SUPERCONTEXT_OFFSET_Y "[0, 67.6, 41.8, -41.8, -67.6]")
+(defvar SUPERCONTEXT_BUTTON_RADIUS 30)
+(defvar TASKVIEW_WORKSPACE_NAMES '["Desktop 1", "Desktop 2", "Desktop 3", "Desktop 4", "Desktop 5", "Desktop 6", "Desktop 7", "Desktop 8", "Desktop 9", "Desktop 10", ]')
+(defvar WINTASKVIEW_RESERVED_BOTTOM 250)
+(defvar WINTASKVIEW_SPACING 30)
+(defvar MIN_ROW_HEIGHT 100)
+(defvar WAIFU_TAG_ID `[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,29,30,31,32]`)
+(defvar WAIFU_CATEGORIES `["waifu","waifu segs","neko","neko segs","megumin","shinobu","bully","cuddle","cry","hug","awoo","kiss","lick","pat","smug","bonk","yeet","blush","smile","wave","highfive","handhold","nom","bite","glomp","slap","kill","kick","happy","wink","poke","dance","cringe"]`)
+(defvar WAIFU_CATEGORIES_ARGS `["waifu","--segs waifu","neko","--segs neko","megumin","shinobu","bully","cuddle","cry","hug","awoo","kiss","lick","pat","smug","bonk","yeet","blush","smile","wave","highfive","handhold","nom","bite","glomp","slap","kill","kick","happy","wink","poke","dance","cringe"]`)
+(defvar username_default "username")
+(defvar quote_content `["haha pointers hee hee i love pointe-\\\nProcess Vaxry exited with signal SIGSEGV", "I have a hentai anal gif playing in my base", "Amazing XXXmas. Cute femboy was fucked\\\nin the ass under the Christmas tree", "baaaaaaaaaaaa", "...so Nvidia, fuck you"]`)
+(defvar quote_author `["- vaxry", "- vaxry", "- Hyprland community, 2022", "-vaxer", "- Linus Torvalds"]`)
+
+; Vars
+(defvar music_reveal false)
+(defvar oquery "")
+(defvar sys_menu_open true)
+(defvar date_rev false)
+(defvar sys_rev false)
+(defvar force_sys_rev true)
+(defvar editing false)
+(defvar osd_track false)
+(defvar osd_vol false)
+(defvar osd_bright false)
+(defvar selected '')
+(defvar overview_hover_name "Activities Overview")
+(defvar overview_query "")
+(defvar overview_results "")
+(defvar open_overview false)
+(defvar popup "none")
+(defvar right_hover false)
+(defvar ontf_hover false)
+(defvar music_hover false)
+(defvar edit_hover false)
+(defvar themer_hover false)
+(defvar calendar_hover false)
+(defvar rev_center_ws true)
+(defvar music_open false)
+(defvar themer_open false)
+(defvar focus false)
+(defvar win_hover false)
+(defvar winnotif_hover false)
+(defvar winactions_hover false)
+(defvar winstart_allapps false)
+(defvar monthshift 0)
+(defvar calendartitle '')
+(defvar winsearch '')
+(defvar winsearch_results "")
+(defvar winsearch_actions "")
+(defvar winsearch_actions_type "")
+(defvar winsearch_prefix "")
+(defvar allapps '')
+(defvar allapps_get '')
+(defvar compact false)
+(defvar resource_metric "cpu")
+(defvar record_sound false)
+(defvar supercontext_pos_x 960)
+(defvar supercontext_pos_y 540)
+(defvar ws_to_swap 0)
+(defvar tray_is_open false)
+
+; Dynamic animation: different for open and close
+(defvar rev_wincalendar true)
+(defvar rev_winactions false)
+(defvar rev_winnotif false)
+(defvar rev_winstart false)
+(defvar rev_winpowermenu false)
+(defvar rev_ostg false)
+(defvar rev_ontf false)
+(defvar rev_themer false)
+(defvar rev_dash false)
+(defvar rev_calendar false)
+(defvar rev_wingamebar false)
+(defvar rev_winnews false)
+(defvar rev_dashfs false)
+(defvar rev_bottombar false)
+(defvar rev_supercontext false)
+(defvar rev_wintaskview false)
+(defvar rev_winlang false)
+
+(defvar anim_open_ostg true)
+(defvar anim_open_ontf true)
+(defvar anim_open_search true)
+(defvar anim_open_themer true)
+(defvar anim_open_music true)
+(defvar anim_open_dash true)
+(defvar anim_open_calendar true)
+(defvar anim_open_winactions true)
+(defvar anim_open_winnotif true)
+(defvar anim_open_winstart true)
+(defvar anim_open_winpowermenu true)
+(defvar anim_open_wingamebar true)
+(defvar anim_open_winnews true)
+(defvar anim_open_dashfs true)
+(defvar anim_open_bottombar true)
+(defvar anim_open_supercontext true)
+(defvar anim_open_wintaskview true)
+(defvar anim_open_winlang true)
+
+; Time
+(defpoll time :interval "5s" `date +'{"date": "%d/%m", "hour": "%H", "minute": "%M", "monthname": "%B", "day": "%A", "year": "%Y"}'`)
+(defpoll day_only :interval "5s" "date '+%e' | sed 's/ //g'")
+(defpoll time12 :interval "10s" `date '+%l:%M %^P' | sed 's/am/AM/g' | sed 's/pm/PM/g'`)
+
+; Listeners
+(deflisten airplane "scripts/airplane")
+(deflisten battery "scripts/battery")
+(deflisten bluetooth "scripts/bluetooth")
+(deflisten brightness "scripts/brightness")
+(deflisten memory "scripts/memory")
+(deflisten music "scripts/music")
+(deflisten music_cover "scripts/music cover")
+(deflisten notifications "scripts/notifications")
+(deflisten notif_icons :initial `{"icon": "󰆄", "paused": false, "toggle_icon": ""}` "scripts/notifications icons")
+(deflisten net "scripts/net")
+(deflisten volume "scripts/volume")
+(deflisten workspace "scripts/workspaces")
+(deflisten winnums "scripts/winnumbers")
+(deflisten hyprjson "scripts/hyprsettings")
+(deflisten awin "scripts/activewin")
+(deflisten audiojson "scripts/audiolevels")
+(deflisten mcover "scripts/music cover")
+(deflisten mname "scripts/music name 41")
+(deflisten mname_win "scripts/music name 32")
+(deflisten mplay "playerctl -F metadata -f '{{status}}'")
+(deflisten wsjsona "scripts/overview-wrapper1")
+(deflisten wsjsonb "scripts/overview-wrapper2")
+(deflisten activews :initial 1 "scripts/activews")
+(deflisten tasks "scripts/taskbarloop")
+(deflisten pinnedapps "cat modules/pinned-apps.json | gojq -c -M")
+(deflisten recommended "cat modules/recommended.json | gojq -c -M")
+(deflisten gamebarwidgets "cat modules/gamebar.json | gojq -c -M")
+(deflisten audiodevice `pactl --format=json list sinks | gojq -c -r '.[0]["description"]'`)
+(deflisten cavajson `scripts/cavajson`)
+(deflisten mousepos `scripts/mousetrack`)
+(deflisten taskviewlayout `scripts/taskviewlayout-wrapper`)
+(deflisten lang_ibus :initial "{\"name\":\"English (xkb)\",\"name_abbr\":\"ENG\",\"name_ibus\":\"xkb:us::eng\"}" `scripts/language`)
+(defpoll langs :interval "5m" `cat modules/langs.json | gojq -c -M`)
+(defpoll colormode   :interval "5m" "cat scripts/workdir/__mode_colors.txt")
+(defpoll coloraccent :interval "5m" "cat css/_iconcolor.txt | head -1")
+
+; Fetch stuff
+(defpoll uptime :interval "1m" "uptime -p | sed -e 's/up //;s/ hours,/h/;s/ minutes/m/'")
+(defpoll packages :interval "5m" `pacman -Q | wc -l`)
+(defpoll kernel :interval "5m" `uname -r`)
+(defpoll username :interval "5m" :initial "username" `whoami`)
+(defpoll realname :interval "5m" :initial "realname" `getent passwd "$USER" | cut -d ':' -f 5 | cut -d ',' -f 1`)
+(defpoll hostname :interval "5m" :initial "distro" `uname -n`)
+(defpoll wm :interval "5m" :initial "Hyprland" `echo $XDG_CURRENT_DESKTOP`)
+(defpoll diskfreepercent :interval "5m" `echo $(df --output=pcent / | tr -dc '0-9')`)
+(defpoll diskused :interval "5m" `df -h --output=used / | awk 'NR==2{print $1}'`)
+(defpoll diskfree :interval "5m" `df -h --output=avail / | awk 'NR==2{print $1}'`)
+(defpoll disksize :interval "5m" `df -h --output=size / | awk 'NR==2{print $1}'`)
+(deflisten cpuname `cat /proc/cpuinfo | grep 'model name' | awk -F: '{print $2}' | head -n 1`)
+(defpoll waifu_get :interval "5m" `python3 scripts/waifupics.py`)
+(defpoll calendar :interval "15m" `eww update monthshift=0 && eww update calendartitle="$(date '+%B %Y')" && scripts/calendarlayout`)
diff --git a/early/.config/eww/windows/bg-decor.yuck b/early/.config/eww/windows/bg-decor.yuck
new file mode 100755
index 000000000..4dfa01022
--- /dev/null
+++ b/early/.config/eww/windows/bg-decor.yuck
@@ -0,0 +1,313 @@
+(defwidget mycpu [coreid]
+  (box
+    :space-evenly false
+    :orientation "v"
+    (label
+      :class "bg-cool-text"
+      :text "Core ${coreid}"
+    )
+    (box
+      :class "bg-graph-container"
+      (graph
+        :class "bg-graph"
+        :width 100
+        :height 50
+        :thickness 3
+        :min 0
+        :max 100
+        :value {EWW_CPU.cores[coreid].usage}
+        :time-range "30s"
+        :line-style "round"
+      )
+    )
+  )
+)
+
+(defwidget bgdecors []
+  (centerbox
+    :space-evenly false
+    :orientation "h"
+    (box
+      :space-evenly false
+      :orientation "v"
+      :valign "center"
+      (box
+        :space-evenly false
+        :orientation "v"
+        :halign "start"
+        :class "bg-module"
+        (centerbox
+          (box
+            :orientation "h"
+            :space-evenly false
+            (label :xalign 0.5 :class "bg-icon" :text "")
+            (label :xalign 0 :class "bg-text bg-title" :text "CPU x${arraylength(EWW_CPU.cores)}")
+          )
+          (box)
+          (box
+            :orientation "h"
+            :space-evenly false
+            (label :xalign 1 :class "bg-text" :text "${cpuname}")
+          )
+        )
+        (box
+          :space-evenly false
+          :orientation "v"
+          ; :valign "center"
+          :width 150
+          :height 30
+          (box
+            :space-evenly false
+            :orientation "h"
+            (mycpu :coreid 0)
+            (mycpu :coreid 1)
+            (mycpu :coreid 2)
+          )
+          (box
+            :space-evenly false
+            :orientation "h"
+            (mycpu :coreid 3)
+            (mycpu :coreid 4)
+            (mycpu :coreid 5)
+          )
+          (box
+            :space-evenly false
+            :orientation "h"
+            (mycpu :coreid 6)
+            (mycpu :coreid 7)
+            (mycpu :coreid 8)
+          )
+          (box
+            :space-evenly false
+            :orientation "h"
+            (mycpu :coreid 9)
+            (mycpu :coreid 10)
+            (mycpu :coreid 11)
+          )
+        )
+      )
+      (box
+        :space-evenly false
+        :orientation "v"
+        :valign "end"
+        (box
+          :class "bg-module bg-date"
+          :space-evenly false
+          :orientation "v"
+          :halign "start"
+          :valign "end"
+          (label
+            :xalign 0
+            :class "bg-decor-dow" ; Hyperland maybe?
+            :text "${time.day}"
+          )
+          (label
+            :xalign 0
+            :class "bg-decor-date"
+            :text "${time.date}"
+          )
+        )
+      )
+    )
+    (box
+      :space-evenly false
+      :orientation "v"
+      :valign "center"
+      :width 150
+      :height 30
+      ; (graph
+        ;   :class "bg-graph"
+        ;   :width 155
+        ;   :height 25
+        ;   :thickness 3
+        ;   :value {EWW_CPU.cores[0].usage}
+        ;   :time-range "30s"
+        ;   ; :line-style "round"
+      ; )
+    )
+    (box
+      :space-evenly false
+      :orientation "v"
+      :halign "end"
+      :valign "center"
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "bg-module"
+        :valign "end"
+        (centerbox
+          (box
+            :orientation "h"
+            :space-evenly false
+            (label :xalign 0.5 :class "bg-icon" :text "")
+            (label :xalign 0 :class "bg-text bg-title" :text "Network")
+          )
+          (box)
+          (box)
+        )
+        (box
+          :orientation "h"
+          (label :halign "start" :xalign 0 :class "bg-cool-text" :text "Up: ${EWW_NET["wlan0"].NET_UP} bytes")
+        )
+        (button ; Button to make this not draggable
+          (box
+            :class "bg-graph-container"
+            (graph
+              :class "bg-graph"
+              :width 100
+              :height 50
+              :thickness 3
+              :dynamic true
+              :value {EWW_NET["wlan0"].NET_UP}
+              :time-range "30s"
+              :line-style "round"
+            )
+          )
+        )
+        (box
+          :orientation "h"
+          (label :halign "start" :xalign 0 :class "bg-cool-text" :text "Down: ${EWW_NET["wlan0"].NET_DOWN} bytes")
+        )
+        (button ; Button to make this not draggable
+          (box
+            :class "bg-graph-container"
+            (graph
+              :class "bg-graph"
+              :width 100
+              :height 50
+              :thickness 3
+              :dynamic true
+              :value {EWW_NET["wlan0"].NET_DOWN}
+              :time-range "30s"
+              :line-style "round"
+            )
+          )
+        )
+      )
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "bg-module"
+        :valign "end"
+        (centerbox
+          (box
+            :orientation "h"
+            :space-evenly false
+            (label :xalign 0.5 :class "bg-icon" :text "")
+            (label :xalign 0 :class "bg-text bg-title" :text "Memory")
+          )
+          (box)
+          (box
+            :orientation "h"
+            (label :xalign 1 :class "bg-text bg-title" :text "(${memory.total})")
+          )
+        )
+        (box
+          :orientation "h"
+          (label :halign "start" :xalign 0 :class "bg-cool-text" :text "+${memory.used}")
+          (label :halign "end" :xalign 1 :class "bg-cool-text" :text "-${memory.free}")
+        )
+        (button ; Button to make this not draggable
+          (box
+            :class "bg-graph-container"
+            (graph
+              :class "bg-graph"
+              :width 100
+              :height 50
+              :thickness 3
+              :min 0
+              :max 100
+              :value {memory.percentage}
+              :time-range "30s"
+              :line-style "round"
+            )
+          )
+        )
+        (centerbox
+          (box
+            :orientation "h"
+            :space-evenly false
+            (label :xalign 0.5 :class "bg-icon" :text "")
+            (label :xalign 0 :class "bg-text bg-title" :text "Swap")
+          )
+          (box)
+          (box
+            :orientation "h"
+            (label :xalign 1 :class "bg-text bg-title" :text "(${memory.swaptotal})")
+          )
+        )
+        (box
+          :orientation "h"
+          (label :halign "start" :xalign 0 :class "bg-cool-text" :text "+${memory.swapused}")
+          (label :halign "end" :xalign 1 :class "bg-cool-text" :text "-${memory.swapfree}")
+        )
+        (button ; Button to make this not draggable
+          ; (scale
+          ;   :class "bg-progress"
+          ;   :value {memory.swappercentage}
+          ; )
+          (box
+            :class "bg-graph-container"
+            (graph
+              :class "bg-graph"
+              :width 100
+              :height 50
+              :thickness 3
+              :min 0
+              :max 100
+              :value {memory.swappercentage}
+              :time-range "30s"
+              :line-style "round"
+            )
+          )
+        )
+      )
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "bg-module"
+        :valign "end"
+        (centerbox
+          (box
+            :orientation "h"
+            :space-evenly false
+            (label :xalign 0.5 :class "bg-icon" :text "")
+            (label :xalign 0 :class "bg-text bg-title" :text "Disk usage")
+          )
+          (box)
+          (box
+            :orientation "h"
+            (label :xalign 1 :class "bg-text bg-title" :text "(${disksize})")
+          )
+        )
+        (box
+          :orientation "h"
+          (label :halign "start" :xalign 0 :class "bg-cool-text" :text "+${diskused}")
+          (label :halign "end" :xalign 1 :class "bg-cool-text" :text "-${diskfree}")
+        )
+        (button ; Button to make this not draggable
+          (scale
+            :class "bg-progress"
+            :value {diskfreepercent}
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow bg-decor
+  :focusable false
+  :stacking "bottom"
+  :windowtype "normal"
+  :wm-ignore true
+  :geometry (geometry
+    :x 0
+    :y 0
+    :width "100%"
+    :height "100%"
+    :anchor "left center"
+  )
+  :monitor 0
+  (bgdecors)
+)
\ No newline at end of file
diff --git a/early/.config/eww/windows/bottombar.yuck b/early/.config/eww/windows/bottombar.yuck
new file mode 100755
index 000000000..7bfb0a512
--- /dev/null
+++ b/early/.config/eww/windows/bottombar.yuck
@@ -0,0 +1,380 @@
+(defwidget mycpu_bottombar [coreid]
+  (box
+    :space-evenly false
+    :orientation "v"
+    (label
+      :class "bg-cool-text"
+      :text "Core ${coreid}"
+    )
+    (box
+      :class "bg-graph-container"
+      (graph
+        :class "bg-graph"
+        :width 100
+        :height 50
+        :thickness 3
+        :min 0
+        :max 100
+        :value {EWW_CPU.cores[coreid].usage}
+        :time-range "30s"
+        :line-style "round"
+      )
+    )
+  )
+)
+
+(defwidget cavacol [nth dir]
+  (box
+    :valign "${dir == 'up' ? 'end' : (
+      dir == 'down' ? 'start' : 'fill'
+    )}"
+    :halign "${dir == 'right' ? 'start' : (
+      dir == 'left' ? 'end' : 'fill'
+    )}"
+    :class "cava-column"
+    ; background-color: mix(
+      ;     ${mcover.color.colors.color4 == 'null' ? 'white' : mcover.color.colors.color4},
+      ;     rgba(40, 40, 40, 0.7),
+      ;     {(((nth / 90 * RES_WIDTH) > mousepos[0] ? ((nth / 90 * RES_WIDTH) - mousepos[0]) : (mousepos[0] - (nth / 90 * RES_WIDTH))) / RES_WIDTH)}
+    ; );
+    :style "
+    background-color: ${mcover.color.colors.color4 == 'null' ? 'white' : mcover.color.colors.color4};
+    transition: 0ms;
+    min-${dir == 'up' || dir == 'down' ? 'height' : 'width'}: ${cavajson[nth] / 4}px;
+    "
+  )
+)
+
+(defwidget bottomline_widget []
+  (eventbox
+    :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    :onclick "scripts/toggle-bottombar.sh &"
+    (box
+      :class "bottombar-closed-hitbox"
+      :width {RES_WIDTH} :height 1
+      (revealer :reveal false
+        :transition "slideup"
+        ; (label :text "${cavajson[0]}")
+      )
+    )
+  )
+)
+
+(defwidget bottombar_widget []
+  (box
+    :orientation "v"
+    :space-evenly false
+    :style "
+    transition: ${anim_open_bottombar ? MD3_DECEL : MD3_ACCEL};
+    ${rev_bottombar ? '' : 'margin-bottom: -500px; margin-top: 500px;'}
+    "
+    (eventbox
+      :onclick "scripts/toggle-bottombar.sh --close &"
+      :onmiddleclick "scripts/toggle-bottombar.sh --close &"
+      :onrightclick "scripts/toggle-bottombar.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 1px;"
+      )
+    )
+    (overlay
+      ; Background
+      (box
+        :class "bottombar-bg-front"
+        ; (label
+          ;   :text {(((40 / 90 * RES_WIDTH) > mousepos[0] ? ((40 / 90 * RES_WIDTH) - mousepos[0]) : (mousepos[0] - (40 / 90 * RES_WIDTH))) / RES_WIDTH)}
+        ; )
+      )
+      ; Cava
+      (box
+        ; :class "bottombar-bg"
+        (box :orientation "h"
+          ; it IS necessary NOT to use a for loop
+          (cavacol :dir "up" :nth 0)
+          (cavacol :dir "up" :nth 1)
+          (cavacol :dir "up" :nth 2)
+          (cavacol :dir "up" :nth 3)
+          (cavacol :dir "up" :nth 4)
+          (cavacol :dir "up" :nth 5)
+          (cavacol :dir "up" :nth 6)
+          (cavacol :dir "up" :nth 7)
+          (cavacol :dir "up" :nth 8)
+          (cavacol :dir "up" :nth 9)
+          (cavacol :dir "up" :nth 10)
+          (cavacol :dir "up" :nth 11)
+          (cavacol :dir "up" :nth 12)
+          (cavacol :dir "up" :nth 13)
+          (cavacol :dir "up" :nth 14)
+          (cavacol :dir "up" :nth 15)
+          (cavacol :dir "up" :nth 16)
+          (cavacol :dir "up" :nth 17)
+          (cavacol :dir "up" :nth 18)
+          (cavacol :dir "up" :nth 19)
+          (cavacol :dir "up" :nth 20)
+          (cavacol :dir "up" :nth 21)
+          (cavacol :dir "up" :nth 22)
+          (cavacol :dir "up" :nth 23)
+          (cavacol :dir "up" :nth 24)
+          (cavacol :dir "up" :nth 25)
+          (cavacol :dir "up" :nth 26)
+          (cavacol :dir "up" :nth 27)
+          (cavacol :dir "up" :nth 28)
+          (cavacol :dir "up" :nth 29)
+          (cavacol :dir "up" :nth 30)
+          (cavacol :dir "up" :nth 31)
+          (cavacol :dir "up" :nth 32)
+          (cavacol :dir "up" :nth 33)
+          (cavacol :dir "up" :nth 34)
+          (cavacol :dir "up" :nth 35)
+          (cavacol :dir "up" :nth 36)
+          (cavacol :dir "up" :nth 37)
+          (cavacol :dir "up" :nth 38)
+          (cavacol :dir "up" :nth 39)
+          (cavacol :dir "up" :nth 40)
+          (cavacol :dir "up" :nth 41)
+          (cavacol :dir "up" :nth 42)
+          (cavacol :dir "up" :nth 43)
+          (cavacol :dir "up" :nth 44)
+          (cavacol :dir "up" :nth 45)
+          (cavacol :dir "up" :nth 46)
+          (cavacol :dir "up" :nth 47)
+          (cavacol :dir "up" :nth 48)
+          (cavacol :dir "up" :nth 49)
+          (cavacol :dir "up" :nth 50)
+          (cavacol :dir "up" :nth 51)
+          (cavacol :dir "up" :nth 52)
+          (cavacol :dir "up" :nth 53)
+          (cavacol :dir "up" :nth 54)
+          (cavacol :dir "up" :nth 55)
+          (cavacol :dir "up" :nth 56)
+          (cavacol :dir "up" :nth 57)
+          (cavacol :dir "up" :nth 58)
+          (cavacol :dir "up" :nth 59)
+          (cavacol :dir "up" :nth 60)
+          (cavacol :dir "up" :nth 61)
+          (cavacol :dir "up" :nth 62)
+          (cavacol :dir "up" :nth 63)
+          (cavacol :dir "up" :nth 64)
+          (cavacol :dir "up" :nth 65)
+          (cavacol :dir "up" :nth 66)
+          (cavacol :dir "up" :nth 67)
+          (cavacol :dir "up" :nth 68)
+          (cavacol :dir "up" :nth 69)
+        )
+      )
+      ; Track time
+      (box
+        :space-evenly false :orientation "h"
+        :halign "center" :valign "end"
+        :style "margin-bottom: 5px;"
+        (label
+          :halign "start"  :valign "center"
+          :class "music-time-label"
+          :style "
+          margin-top: 5px;
+          color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};
+          "
+          :text "${music.position_time} / ${music.length}"
+        )
+      )
+      ; Track name
+      (box
+        :space-evenly false :orientation "h" :spacing 20
+        :halign "start" :valign "start"
+        :class "bottombar-musicinfo-box"
+        (box
+          :valign "center"
+          :class "bottombar-music-cover"
+          :style "background-image: url('${mcover.image}')"
+        )
+        (box
+          :space-evenly false :orientation "v"
+          :spacing 5
+          (label :xalign 0
+            :class "bottombar-title"
+            :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+            :text {mname.title == '' ? 'Media controls' : mname.title}
+          )
+          (label
+            :halign "start" :valign "end"
+            :xalign 0
+            :class "bottombar-artist"
+            :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+            :text {mname.title == '' ? 'Nothing...' : mname.artist}
+          )
+          (centerbox
+            :halign "start"
+            :class "music-button-box"
+            ; :style "margin-top: 5px;"
+            (button
+              :class "song-button"
+              :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+              :onclick "playerctl previous" ""
+            )
+            (button
+              :class "song-button"
+              :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+              :onclick "playerctl play-pause"
+              "${music.status != '' ? music.status : ''}"
+            )
+            (button
+              :class "song-button"
+              :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+              :onclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+              ""
+            )
+          )
+        )
+      )
+    )
+    (box
+      :class "bottombar-mixer-bg"
+      :halign "end"
+      :width 650
+      :style "
+      margin-top: -300px;
+      margin-right: 10px;
+      "
+      (scroll
+        :width 650
+        :hscroll true
+        :vscroll false
+        (box
+          :space-evenly false
+          :orientation "h"
+          :halign "end"
+          ; :class "sliders"
+          (for app in audiojson
+            (box
+              :orientation "v" :space-evenly false
+              (image
+                :class "onotify-app-icon"
+                :path {app.icon}
+                :image-width 25
+                :image-height 25
+              )
+              (box
+                :orientation "v"
+                :space-evenly false
+                (scroll
+                  :vscroll false
+                  :hscroll true
+                  :style "min-width: 150px;"
+                  (box
+                    :orientation "v"
+                    ; :space-evenly false
+                    (for ser in {app["volume"]}
+                      (eventbox
+                        :onscroll "pactl set-sink-input-volume ${ser[0]} $(echo {} | sed -e \"s/up/+5/g\" -e \"s/down/-5/g\")%"
+                        :onrightclick "pactl set-sink-input-volume ${ser[0]} 100%"
+                        :onclick "pactl set-sink-input-volume ${ser[0]} 0%"
+                        (centerbox
+                          :space-evenly false
+                          :orientation "h"
+                          :class "onotify-app-volbox"
+                          :style "min-width: 69px;"
+                          (label
+                            :xalign "${app.count > 3 ? '0.5' : '0'}"
+                            :class "onotify-app-ser"
+                            :style "
+                            ${app.count > 3 ? 'margin-bottom: 5px;' : 'padding: 0 5px;'}
+                            "
+                            :text "#${ser[0]}"
+                          )
+                          (box)
+                          (circular-progress
+                            :halign "${app.count > 3 ? 'center' : 'end'}"
+                            :value {ser[1] <= 100 ? ser[1] : 100}
+                            :class "onotify-app-vol-circle"
+                            :thickness 4
+                            :start-at 75
+                            :width 45
+                            :height 45
+                            (label :class "onotify-app-text" :text "${ser[1]}")
+                          )
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget bottombar_bg_widget []
+  (box
+    :orientation "v"
+    :space-evenly false
+    :style "
+    transition: ${anim_open_bottombar ? MD3_DECEL : MD3_ACCEL};
+    ${rev_bottombar ? '' : 'margin-bottom: -500px; margin-top: 500px;'}
+    "
+    (box
+      :class "bottombar-bg"
+      :style "
+      background-image: url('${mcover.image}');
+      "
+      (box :space-evenly false :orientation "v"
+        :halign "start" :valign "start"
+        :class "bottombar-musicinfo-box"
+        (label :xalign 0
+          :class "bottombar-title"
+          :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+          :text {mname.title}
+        )
+        (label :xalign 0
+          :class "bottombar-artist"
+          :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+          :text "${mname.artist}"
+        )
+      )
+    )
+  )
+)
+
+(defwindow bottombar
+  :stacking "fg"
+  :windowtype "normal"
+  :wm-ignore true
+  :geometry (geometry
+    :x 0
+    :y 0
+    :width "100%"
+    :anchor "center bottom"
+  )
+  :monitor 0
+  (bottombar_widget)
+)
+
+(defwindow bottombar-back
+  :stacking "fg"
+  :windowtype "normal"
+  :wm-ignore true
+  :namespace "bottombar-back"
+  :geometry (geometry
+    :x 0
+    :y 0
+    :width "100%"
+    :anchor "center bottom"
+  )
+  :monitor 0
+  (bottombar_bg_widget)
+)
+
+(defwindow bottomline
+  :stacking "overlay"
+  :windowtype "normal"
+  :wm-ignore true
+  :geometry (geometry
+    :x 0
+    :y 0
+    :width "100%"
+    :anchor "center bottom"
+  )
+  :monitor 0
+  (bottomline_widget)
+)
\ No newline at end of file
diff --git a/early/.config/eww/windows/calendar.yuck b/early/.config/eww/windows/calendar.yuck
new file mode 100755
index 000000000..d8a084367
--- /dev/null
+++ b/early/.config/eww/windows/calendar.yuck
@@ -0,0 +1,93 @@
+(defwidget calendar-win []
+  (eventbox
+    :onclick "scripts/toggle-calendar.sh --close &"
+    (box
+      :class "calendar-win"
+      :style "
+      ${rev_calendar ? '' : 'margin-top: -900px; margin-bottom: 900px;'}
+      ${anim_open_calendar ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+      min-height: 1px;
+      "
+      ; (calendar)
+      ; Calendar
+      (box
+        :space-evenly false :orientation "v"
+        :halign "end" :valign "center"
+        (box
+          :space-evenly false :orientation "v"
+          (eventbox
+            :onscroll "scripts/scrollmonth {} &"
+            (box
+              :orientation "v"
+              :space-evenly false
+              (centerbox
+                :style "padding: 0 12px;"
+                (label :xalign 0 :class "calendarwin-title" :text "${calendartitle}")
+                (box)
+                (box
+                  :halign "end" :valign "center"
+                  (box
+                    :halign "end" :valign "center"
+                    (button
+                      :onclick "scripts/scrollmonth up &"
+                      :halign "end" :valign "center"
+                      :class "winicon dashfs-monthbutton"
+                      (image
+                        :valign "center"
+                        :path "images/svg/dark/caretup.svg"
+                      )
+                    )
+                    (button
+                      :onclick "scripts/scrollmonth down &"
+                      :halign "end" :valign "center"
+                      :class "winicon dashfs-monthbutton"
+                      (image
+                        :valign "center"
+                        :path "images/svg/dark/caretdown.svg"
+                      )
+                    )
+                  )
+                )
+              )
+              (box :space-evenly false :orientation "v"
+                ; :class "dashfs-section-nopad"
+                (box
+                  (for day in weekdays
+                    (box
+                      :class "calendarwin-button day${day.today}"
+                      (label :class "calendarwin-text" :text "${day.day}")
+                    )
+                  )
+                )
+                (for week in calendar
+                  (box
+                    (for day in week
+                      (button
+                        :class "calendarwin-button calendarwin-day${day.today}"
+                        (label :class "calendarwin-text" :text "${day.day}")
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow calendar
+  :wm-ignore true
+  :monitor 0
+  :focusable true
+  :geometry (geometry
+    :x "350px"
+    :y "61px"
+    :anchor "top right"
+    :width "0px"
+    :height "0px"
+  )
+  (calendar-win)
+)
diff --git a/early/.config/eww/windows/dashboard.yuck b/early/.config/eww/windows/dashboard.yuck
new file mode 100755
index 000000000..84baf2e7f
--- /dev/null
+++ b/early/.config/eww/windows/dashboard.yuck
@@ -0,0 +1,319 @@
+(defvar dash_curve_in "transition: 150ms cubic-bezier(0.05, 0.9, 0.1, 1.0);")
+(defvar dash_curve_out "transition: 80ms cubic-bezier(0.3, 0, 0.8, 0.15);")
+
+(defwidget dashboard-contents []
+  (box
+    :class "dash-window"
+    :orientation "v"
+    :space-evenly false
+    (eventbox ; Close when clicking outside
+      :onclick "scripts/toggle-dash.sh &"
+      :onmiddleclick "scripts/toggle-dash.sh &"
+      :onrightclick "scripts/toggle-dash.sh &"
+    )
+    (box ; All the stuff go here
+      :orientation "v"
+      :space-evenly false
+      (box ; Description
+        :orientation "v"
+        :space-evenly false
+        :class "dash"
+        :halign "start"
+        :style "
+        ${anim_open_dash ? dash_curve_in : dash_curve_out}
+        ${rev_dash ? '' : 'margin-left: -1100px; margin-right: 1100px;'}
+        "
+        (label :angle 0 :xalign 0 :class "dash-title" :text "Classic dashboard")
+        (label :angle 0 :xalign 0 :class "dash-subtitle" :text "That kinda useless random widget porn.")
+      )
+      (box
+        :orientation "h"
+        :space-evenly false
+        (box
+          :orientation "v"
+          :space-evenly false
+          (box
+            :orientation "h"
+            :space-evenly false
+            :class "dash dash-tile"
+            :style "
+            ${anim_open_dash ? dash_curve_in : dash_curve_out}
+            ${rev_dash ? '' : 'margin-left: -1010px; margin-right: 1010px;'}
+            "
+            (input
+              :class "dash-input"
+              :onaccept "scripts/dashactivate --web 'firefox \"https://www.google.com/search?q={}\"' && hyprctl dispatch focuswindow firefox &"
+            )
+            (button
+              :class "dash-input-icon dash-button"
+              :onclick "scripts/dashactivate --web 'firefox \"https://www.google.com/search?q=\"' && hyprctl dispatch focuswindow firefox &"
+              ""
+            )
+          )
+          (box ; Row 1
+            :orientation "h"
+            :space-evenly false
+            (box ; Col 1
+              :orientation "v"
+              :space-evenly false
+              (box ; User
+                :orientation "h"
+                :space-evenly false
+                :class "dash dash-profile"
+                :style "
+                ${anim_open_dash ? dash_curve_in : dash_curve_out}
+                ${rev_dash ? '' : 'margin-left: -500px; margin-right: 500px;'}
+                "
+                (box
+                  :valign "center"
+                  :class "dash-user-pic"
+                  :style "background-image: url('/var/lib/AccountsService/icons/${username == "" ? username_default : username}');"
+                  ; :style "background-image: url('${waifu}');"
+                )
+                (box
+                  :orientation "v" :space-evenly false :valign "center"
+                  (box
+                    :orientation "h" :space-evenly false
+                    (label :class "dash-fetch-icon" :text "")
+                    (label :class "dash-fetch" :text "${username + '@' + hostname}")
+                  )
+                  (box
+                    :orientation "h" :space-evenly false
+                    (label :class "dash-fetch-icon" :text "")
+                    (label :class "dash-fetch" :text "${kernel}")
+                  )
+                  (box
+                    :orientation "h" :space-evenly false
+                    (label :class "dash-fetch-icon" :text "")
+                    (label :class "dash-fetch" :text "${uptime}")
+                  )
+                  (box
+                    :orientation "h" :space-evenly false
+                    (label :class "dash-fetch-icon" :text "")
+                    (label :class "dash-fetch" :text "${wm}")
+                  )
+                  (box
+                    :orientation "h" :space-evenly false
+                    (label :class "dash-fetch-icon" :text "")
+                    (label :class "dash-fetch" :text "${packages}")
+                  )
+                )
+              )
+              (box
+                :orientation "v"
+                :space-evenly false
+                :class "dash"
+                :height 124
+                :style "
+                ${anim_open_dash ? dash_curve_in : dash_curve_out}
+                ${rev_dash ? '' : 'margin-bottom: -1000px; margin-top: 1000px;'}
+                "
+                (label :xalign 0 :class "dash-quote-content clr3" :text "${quote_content[3]}")
+                (label :xalign 1 :class "dash-quote-author clr4" :text "${quote_author[3]}")
+              )
+            )
+            (box ; Col 2
+              :orientation "v"
+              :space-evenly false
+              (box ; Clock
+                :orientation "h"
+                :space-evenly false
+                :class "dash"
+                :style "
+                ${anim_open_dash ? dash_curve_in : dash_curve_out}
+                ${rev_dash ? '' : 'margin-top: -500px; margin-bottom: 500px;'}
+                "
+                (box ; Clock numbers
+                  :orientation "v"
+                  :space-evenly false
+                  :class "dash-clock-text-area"
+                  (box ; Clock time
+                    :orientation "h"
+                    :space-evenly false
+                    :halign "center"
+                    (label :xalign 0.5 :class "dash-time clr1" :text "${time.hour}")
+                    (label :xalign 0.5 :class "dash-time clrt" :text ":")
+                    (label :xalign 0.5 :class "dash-time clr3" :text "${time.minute}")
+                  )
+                  (box ; Clock date
+                    :orientation "h"
+                    :space-evenly false
+                    :halign "center"
+                    (label :xalign 0.5 :class "dash-date clr6" :text "${time.day}, ${time.date}")
+                  )
+                )
+                (box
+                  :class "dash-clock-circle-area"
+                  (circular-progress
+                    :value "${time.minute / 60 * 100}"
+                    :thickness 7
+                    :start-at 75
+                    :class "clr3 dash-clock-circle"
+                    (circular-progress
+                      :value "${time.hour % 12 / 12 * 100}"
+                      :thickness 7
+                      :start-at 75
+                      :class "clr1 dash-clock-circle dash-clock-circle-minute"
+                      (label
+                        :text ""
+                      :class "dash-clock-inner")
+                    )
+                  )
+                )
+              )
+              (box ; Calendar
+                :orientation "v"
+                :space-evenly false
+                :class "dash"
+                :style "
+                ${anim_open_dash ? dash_curve_in : dash_curve_out}
+                ${rev_dash ? '' : 'margin-bottom: -500px; margin-top: 500px;'}
+                "
+                (calendar
+                  :height 210
+                  :ihatethiswidget true
+                  :style "
+                  padding-top: 2px;
+                  font-family: Rubik;
+                  
+                  "
+                )
+              )
+            )
+            (box ; Col 3
+              :orientation "v"
+              :space-evenly false
+              (box ; Calendar
+                :orientation "v"
+                :space-evenly false
+                :class "dash dash-dir-area"
+                :style "
+                ${anim_open_dash ? dash_curve_in : dash_curve_out}
+                ${rev_dash ? '' : 'margin-right: -500px; margin-left: 500px;'}
+                "
+                (button
+                  :class "dash-dir dash-button"
+                  :onclick "scripts/dashactivate '${FILE_BROWSER} ~/Documents' &"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :class "clrt"
+                    (label :xalign 0 :text " " :class "icon")
+                    (label :xalign 0 :text "documents")
+                  )
+                )
+                (button
+                  :class "dash-dir dash-button"
+                  :onclick "scripts/dashactivate '${FILE_BROWSER} ~/Downloads' &"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :class "clrt"
+                    (label :xalign 0 :text " " :class "icon")
+                    (label :xalign 0 :text "downloads")
+                  )
+                )
+                (button
+                  :class "dash-dir dash-button"
+                  :onclick "scripts/dashactivate '${FILE_BROWSER} ~/Pictures' &"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :class "clrt"
+                    (label :xalign 0 :text " " :class "icon")
+                    (label :xalign 0 :text "pictures")
+                  )
+                )
+                (button
+                  :class "dash-dir dash-button"
+                  :onclick "scripts/dashactivate '${FILE_BROWSER} ~/Videos' &"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :class "clrt"
+                    (label :xalign 0 :text " " :class "icon")
+                    (label :xalign 0 :text "videos")
+                  )
+                )
+              )
+              
+              
+              (box ; Resources
+                :orientation "v"
+                :space-evenly false
+                :class "dash dash-resources"
+                :style "
+                ${anim_open_dash ? dash_curve_in : dash_curve_out}
+                ${rev_dash ? '' : 'margin-top: -700px; margin-bottom: 700px;'}
+                "
+                (label :text "Memory" :class "dash-resource-title clr3")
+                (box
+                  :orientation "h"
+                  :space-evenly false
+                  ; :style "background-color: red;"
+                  (box ; RAM
+                    :orientation "v"
+                    :space-evenly false
+                    :class "dash-resource-tile"
+                    (circular-progress
+                      :value "${memory.percentage}"
+                      :thickness 7
+                      :start-at 75
+                      :class "clr3 dash-clock-circle"
+                      (box :class "dash-resource-inner")
+                    )
+                    (label :class "dash-resource-text" :text "${memory.used}")
+                  )
+                  (label :yalign 0.34 :class "dash-resource-icon" :style "font-size: 20pt;" :text "")
+                  (box ; Swap
+                    :orientation "v"
+                    :space-evenly false
+                    :class "dash-resource-tile"
+                    (circular-progress
+                      :value "${memory.swappercentage}"
+                      :thickness 7
+                      :start-at 75
+                      :class "clr3 dash-clock-circle"
+                      (box :class "dash-resource-inner")
+                    )
+                    (label :class "dash-resource-text" :text "${memory.swapused}")
+                  )
+                )
+              )
+            )
+          )
+        )
+        (box ;Actinos
+          :orientation "v"
+          :space-evenly false
+          (box
+            :orientation "v"
+            :space-evenly false
+            :style "
+            ${anim_open_dash ? dash_curve_in : dash_curve_out}
+            ${rev_dash ? '' : 'margin-right: -100px; margin-left: 100px;'}
+            "
+            (button :onclick "scripts/dashactivate '~/.local/bin/lock.sh' &" :class "dash clr4 dash-icon dash-button"          (label :class "icon" :text "") )
+            (button :onclick "scripts/dashactivate 'systemctl suspend' &" :class "dash clr3 dash-icon dash-button"             (label :class "icon" :text "") )
+            (button :onclick "scripts/dashactivate 'loginctl terminate-user $USER' &" :class "dash clr2 dash-icon dash-button" (label :class "icon" :text "") )
+            (button :onclick "scripts/dashactivate 'systemctl reboot' &" :class "dash clr1 dash-icon dash-button"              (label :class "icon" :text "") )
+            (button :onclick "scripts/dashactivate 'systemctl poweroff' &" :class "dash clr0 dash-icon dash-button"            (label :class "icon" :text "") )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow dashboard
+  :focusable true
+  :windowtype "normal"
+  :wm-ignore true
+  :geometry (geometry
+    :x 0
+    :y 0
+    :anchor "center center"
+  )
+  :monitor 0
+  (dashboard-contents)
+)
\ No newline at end of file
diff --git a/early/.config/eww/windows/dashfs.yuck b/early/.config/eww/windows/dashfs.yuck
new file mode 100755
index 000000000..e7c280e7f
--- /dev/null
+++ b/early/.config/eww/windows/dashfs.yuck
@@ -0,0 +1,604 @@
+(defvar MD3_DECEL "400ms cubic-bezier(0.05, 0.7, 0.1, 1)")
+(defvar MD3_ACCEL "150ms cubic-bezier(0.3, 0, 0.8, 0.15)")
+
+(defwidget dashfs_resource [value unit icon name]
+  (box
+    :space-evenly false :orientation "v"
+    (label :class "dashfs-resource-title" :text {name})
+    (box
+      :space-evenly false :orientation "v"
+      :class "dashfs-resource-box"
+      :spacing 10
+      (circular-progress
+        :width 80 :height 80
+        :start-at 75
+        :class "dashfs-resource-circle"
+        :value {value}
+        :thickness 4
+        (label :class "dashfs-resource-icon" :text {icon})
+      )
+      (label
+        :halign "center"
+        :class "dashfs-resource-label"
+        :text "${value}${unit}"
+      )
+    )
+  )
+)
+
+(defwidget cavacol_dashfs [nth dir]
+  (box
+    :valign "${dir == 'up' ? 'end' : (
+      dir == 'down' ? 'start' : 'fill'
+    )}"
+    :halign "${dir == 'right' ? 'start' : (
+      dir == 'left' ? 'end' : 'fill'
+    )}"
+    ; :width 20
+    :height 24
+    :class "dashfs-cava-column"
+    :style "
+    transition: 0ms;
+    min-${dir == 'up' || dir == 'down' ? 'height' : 'width'}: ${cavajson[nth] / 3}px;
+    "
+  )
+)
+
+(defwidget dashfs_widget []
+  (eventbox
+    :onclick "scripts/toggle-dashfs.sh --close &"
+    (box :width {RES_WIDTH} :height {RES_HEIGHT}
+      :class "dashfs-bg"
+      (overlay
+        (box :space-evenly false :orientation "v"
+          :width {RES_WIDTH} :height {RES_HEIGHT}
+          :class "dashfs-graph"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? '' : 'margin-left: -${RES_WIDTH}px; margin-right: ${RES_WIDTH}px;'}
+          "
+        )
+        ; Cava (left)
+        (box
+          :orientation "v"
+          :halign "start" :valign "center"
+          :height {RES_HEIGHT}
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-left: -24px' : 'margin-right: 400px; margin-left: -400px;'}
+          "
+          (cavacol_dashfs :dir "right" :nth 0)
+          (cavacol_dashfs :dir "right" :nth 1)
+          (cavacol_dashfs :dir "right" :nth 2)
+          (cavacol_dashfs :dir "right" :nth 3)
+          (cavacol_dashfs :dir "right" :nth 4)
+          (cavacol_dashfs :dir "right" :nth 5)
+          (cavacol_dashfs :dir "right" :nth 6)
+          (cavacol_dashfs :dir "right" :nth 7)
+          (cavacol_dashfs :dir "right" :nth 8)
+          (cavacol_dashfs :dir "right" :nth 9)
+          (cavacol_dashfs :dir "right" :nth 10)
+          (cavacol_dashfs :dir "right" :nth 11)
+          (cavacol_dashfs :dir "right" :nth 12)
+          (cavacol_dashfs :dir "right" :nth 13)
+          (cavacol_dashfs :dir "right" :nth 14)
+          (cavacol_dashfs :dir "right" :nth 15)
+          (cavacol_dashfs :dir "right" :nth 16)
+          (cavacol_dashfs :dir "right" :nth 17)
+          (cavacol_dashfs :dir "right" :nth 18)
+          (cavacol_dashfs :dir "right" :nth 19)
+          (cavacol_dashfs :dir "right" :nth 20)
+          (cavacol_dashfs :dir "right" :nth 21)
+          (cavacol_dashfs :dir "right" :nth 22)
+          (cavacol_dashfs :dir "right" :nth 23)
+          (cavacol_dashfs :dir "right" :nth 24)
+          (cavacol_dashfs :dir "right" :nth 25)
+          (cavacol_dashfs :dir "right" :nth 26)
+          (cavacol_dashfs :dir "right" :nth 27)
+          (cavacol_dashfs :dir "right" :nth 28)
+          (cavacol_dashfs :dir "right" :nth 29)
+          (cavacol_dashfs :dir "right" :nth 30)
+          (cavacol_dashfs :dir "right" :nth 31)
+          (cavacol_dashfs :dir "right" :nth 32)
+          (cavacol_dashfs :dir "right" :nth 33)
+          (cavacol_dashfs :dir "right" :nth 34)
+          (cavacol_dashfs :dir "right" :nth 35)
+          (cavacol_dashfs :dir "right" :nth 36)
+          (cavacol_dashfs :dir "right" :nth 37)
+          (cavacol_dashfs :dir "right" :nth 38)
+          (cavacol_dashfs :dir "right" :nth 39)
+          (cavacol_dashfs :dir "right" :nth 40)
+          (cavacol_dashfs :dir "right" :nth 41)
+          (cavacol_dashfs :dir "right" :nth 42)
+          (cavacol_dashfs :dir "right" :nth 43)
+          (cavacol_dashfs :dir "right" :nth 44)
+        )
+        ; Cava (right)
+        (box
+          :orientation "v" :space-evenly false
+          :halign "end" :valign "center"
+          :height {RES_HEIGHT}
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-right: -24px;' : 'margin-left: 400px; margin-right: -400px;'}
+          "
+          (cavacol_dashfs :dir "left" :nth 49)
+          (cavacol_dashfs :dir "left" :nth 48)
+          (cavacol_dashfs :dir "left" :nth 47)
+          (cavacol_dashfs :dir "left" :nth 46)
+          (cavacol_dashfs :dir "left" :nth 45)
+          (cavacol_dashfs :dir "left" :nth 44)
+          (cavacol_dashfs :dir "left" :nth 43)
+          (cavacol_dashfs :dir "left" :nth 42)
+          (cavacol_dashfs :dir "left" :nth 41)
+          (cavacol_dashfs :dir "left" :nth 40)
+          (cavacol_dashfs :dir "left" :nth 39)
+          (cavacol_dashfs :dir "left" :nth 38)
+          (cavacol_dashfs :dir "left" :nth 37)
+          (cavacol_dashfs :dir "left" :nth 36)
+          (cavacol_dashfs :dir "left" :nth 35)
+          (cavacol_dashfs :dir "left" :nth 34)
+          (cavacol_dashfs :dir "left" :nth 33)
+          (cavacol_dashfs :dir "left" :nth 32)
+          (cavacol_dashfs :dir "left" :nth 31)
+          (cavacol_dashfs :dir "left" :nth 30)
+          (cavacol_dashfs :dir "left" :nth 29)
+          (cavacol_dashfs :dir "left" :nth 28)
+          (cavacol_dashfs :dir "left" :nth 27)
+          (cavacol_dashfs :dir "left" :nth 26)
+          (cavacol_dashfs :dir "left" :nth 25)
+          (cavacol_dashfs :dir "left" :nth 24)
+          (cavacol_dashfs :dir "left" :nth 23)
+          (cavacol_dashfs :dir "left" :nth 22)
+          (cavacol_dashfs :dir "left" :nth 21)
+          (cavacol_dashfs :dir "left" :nth 20)
+          (cavacol_dashfs :dir "left" :nth 19)
+          (cavacol_dashfs :dir "left" :nth 18)
+          (cavacol_dashfs :dir "left" :nth 17)
+          (cavacol_dashfs :dir "left" :nth 16)
+          (cavacol_dashfs :dir "left" :nth 15)
+          (cavacol_dashfs :dir "left" :nth 14)
+          (cavacol_dashfs :dir "left" :nth 13)
+          (cavacol_dashfs :dir "left" :nth 12)
+          (cavacol_dashfs :dir "left" :nth 11)
+          (cavacol_dashfs :dir "left" :nth 10)
+          (cavacol_dashfs :dir "left" :nth 9)
+          (cavacol_dashfs :dir "left" :nth 8)
+          (cavacol_dashfs :dir "left" :nth 7)
+          (cavacol_dashfs :dir "left" :nth 6)
+          (cavacol_dashfs :dir "left" :nth 5)
+          (cavacol_dashfs :dir "left" :nth 4)
+          (cavacol_dashfs :dir "left" :nth 3)
+          (cavacol_dashfs :dir "left" :nth 2)
+          (cavacol_dashfs :dir "left" :nth 1)
+          (cavacol_dashfs :dir "left" :nth 0)
+        )
+        ; Greet
+        (box :space-evenly false :orientation "v"
+          :halign "start" :valign "start"
+          :class "dashfs-greet"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? '' : 'margin-left: -533px;'}
+          "
+          (label :xalign 0 :class "dashfs-greet-text"
+            :text "${time.hour >= 21 ? 'Good night' : (
+              time.hour >= 18 ? 'Good evening' : (
+                time.hour >= 12 ? 'Good afternoon' : (
+                  time.hour >= 5 ? 'Good morning' : 'Go to sleep'
+                )
+              )
+            )
+            } ${realname}!"
+          )
+          (label :xalign 0 :class "dashfs-greet-subtext"
+            :text "It's not awesome, it's Hyprland!"
+          )
+        )
+        ; Time
+        (box :space-evenly false :orientation "v"
+          :halign "end" :valign "start"
+          :class "dashfs-clock"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? '' : 'margin-right: -533px;'}
+          "
+          (label :xalign 1 :class "dashfs-clock-time" :text "${time.hour}:${time.minute}")
+          (label :xalign 1 :class "dashfs-clock-date" :text "${time.day}, ${time.date}")
+        )
+        ; Calendar
+        (box
+          :space-evenly false :orientation "v"
+          :halign "end" :valign "center"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-right: 40px;' : 'margin-right: -533px;'}
+          margin-bottom: 200px;
+          "
+          (box
+            :space-evenly false :orientation "v"
+            (eventbox
+              :onscroll "scripts/scrollmonth {} &"
+              (box
+                :orientation "v"
+                :space-evenly false
+                (centerbox
+                  :style "padding: 0 12px;"
+                  (label :xalign 0 :class "dashfs-calendar-title" :text "${calendartitle}")
+                  (box)
+                  (box
+                    :halign "end" :valign "center"
+                    (box
+                      :halign "end" :valign "center"
+                      (button
+                        :onclick "scripts/scrollmonth up &"
+                        :halign "end" :valign "center"
+                        :class "winicon dashfs-monthbutton"
+                        (image
+                          :valign "center"
+                          :path "images/svg/dark/caretup.svg"
+                        )
+                      )
+                      (button
+                        :onclick "scripts/scrollmonth down &"
+                        :halign "end" :valign "center"
+                        :class "winicon dashfs-monthbutton"
+                        (image
+                          :valign "center"
+                          :path "images/svg/dark/caretdown.svg"
+                        )
+                      )
+                    )
+                  )
+                )
+                (box :space-evenly false :orientation "v"
+                  :class "dashfs-section-nopad"
+                  (box
+                    (for day in weekdays
+                      (box
+                        :class "dashfs-calendar-button day${day.today}"
+                        (label :class "dashfs-calendar-text" :text "${day.day}")
+                      )
+                    )
+                  )
+                  (for week in calendar
+                    (box
+                      (for day in week
+                        (button
+                          :class "dashfs-calendar-button dashfs-day${day.today}"
+                          (label :class "dashfs-calendar-text" :text "${day.day}")
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+        ; Fetch
+        (box
+          :orientation "v" :space-evenly false
+          :halign "start" :valign "start"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-left: 100px;' : 'margin-left: -533px;'}
+          margin-top: 450px;
+          "
+          (label :class "dashfs-section-title" :text "# System")
+          (box :space-evenly false :orientation "v"
+            :class "dashfs-section"
+            (box
+              :orientation "h" :space-evenly false
+              (label :class "dashfs-fetch-icon" :text "")
+              (label :class "dashfs-fetch" :text "${username + '@' + hostname}")
+            )
+            (box
+              :orientation "h" :space-evenly false
+              (label :class "dashfs-fetch-icon" :text "")
+              (label :class "dashfs-fetch" :text "${kernel}")
+            )
+            (box
+              :orientation "h" :space-evenly false
+              (label :class "dashfs-fetch-icon" :text "")
+              (label :class "dashfs-fetch" :text "${uptime}")
+            )
+            (box
+              :orientation "h" :space-evenly false
+              (label :class "dashfs-fetch-icon" :text "")
+              (label :class "dashfs-fetch" :text "${wm}")
+            )
+            (box
+              :orientation "h" :space-evenly false
+              (label :class "dashfs-fetch-icon" :text "")
+              (label :class "dashfs-fetch" :text "${packages}")
+            )
+          )
+        )
+        ; Session
+        (box
+          :orientation "v" :space-evenly false
+          :halign "start" :valign "start"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-left: 400px;' : 'margin-left: -533px;'}
+          margin-top: 350px;
+          "
+          (label :class "dashfs-section-title" :text "# Session")
+          (box :space-evenly false :orientation "v"
+            :class "dashfs-section"
+            (button :class "dashfs-section-button"
+              :onclick "scripts/dashactivate '~/.local/bin/lock.sh' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Lock")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/dashactivate 'systemctl suspend' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Sleep")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/dashactivate 'loginctl terminate-user $USER' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Logout")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/dashactivate 'systemctl reboot' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Reboot")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/dashactivate 'systemctl poweroff' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Shutdown")
+              )
+            )
+          )
+        )
+        ; Quick dirs
+        (box
+          :orientation "v" :space-evenly false
+          :halign "start" :valign "start"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-left: 700px;' : 'margin-left: -533px;'}
+          margin-top: 450px;
+          "
+          (label :class "dashfs-section-title" :text "# Quick dirs")
+          (box :space-evenly false :orientation "v"
+            :class "dashfs-section"
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open ~/Documents &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Documents")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open ~/Downloads &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Downloads")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open ~/Music &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Music")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open ~/Pictures &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Pictures")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open ~/Videos &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Videos")
+              )
+            )
+          )
+        )
+        ; Quick links
+        (box
+          :orientation "v" :space-evenly false
+          :halign "start" :valign "start"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-left: 1000px;' : 'margin-left: -533px;'}
+          margin-top: 350px;
+          "
+          (label :class "dashfs-section-title" :text "# Quick links")
+          (box :space-evenly false :orientation "v"
+            :class "dashfs-section"
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open 'https://discord.com/app' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-nerd-icon" :text "󰙯 ")
+                (label :class "dashfs-fetch" :text "Discord")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open 'https://reddit.com' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-nerd-icon" :text " ")
+                (label :class "dashfs-fetch" :text "Reddit")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open 'https://github.com' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-nerd-icon" :text " ")
+                (label :class "dashfs-fetch" :text "GitHub")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open 'https://youtube.com' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-nerd-icon" :text " ")
+                (label :class "dashfs-fetch" :text "Youtube")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open 'https://soundcloud.com' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-nerd-icon" :text " ")
+                (label :class "dashfs-fetch" :text "SoundCloud")
+              )
+            )
+          )
+        )
+        ; Taskbar
+        ; (box :orientation "h" :space-evenly false
+          ;   :halign "center" :valign "end"
+          ;   :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+          ;   :style "
+          ;   transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ;   ${rev_dashfs ? '' : 'margin-bottom: -70px;'}
+          ;   "
+          ;   (for app in tasks
+            ;     (overlay
+              ;       (eventbox
+                ;         :class "dashfs-button-only"
+                ;         :onclick "${app.count > 0 ? ('hyprctl dispatch workspace ' + app.workspace[0] + ' &') : (app.exec)}& scripts/toggle-dashfs.sh --close &"
+                ;         (box
+                  ;           :class "dashfs-button-pad"
+                  ;           (box
+                    ;             :class "dashfs-taskbaricon"
+                    ;             :style "
+                    ;             background-image: url('${app.icon}');
+                    ;             ${app.class == awin.class ? 'background-color: rgba(108, 112, 134, 0.4); border: 1px solid rgba(108, 112, 134, 0.15); border-top: 1px solid rgba(108, 112, 134, 0.15);' : ''}
+                    ;             "
+                  ;           )
+                ;         )
+              ;       )
+              ;       (box :class "dashfs-taskbar-indicator-${app.class == awin.class ? 'true' : (app.count > 0 ? 'false' : 'none')}")
+            ;     )
+          ;   )
+          ;   ; Dummy keep alive
+          ;   (revealer :transition "slideright" :reveal false (label :text {awin.class}))
+        ; )
+        ; Music
+        (box
+          :space-evenly false :orientation "h"
+          :halign "center" :valign "start"
+          :class "dashfs-music"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-top: 40px;' : 'margin-top: -200px; margin-bottom: 200px;'}
+          "
+          (box
+            :class "dashfs-music-cover"
+            :style "background-image: url('${mcover.image}')"
+          )
+          (eventbox
+            :class "music-ctl-revealer"
+            :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+            (box
+              :space-evenly false
+              :class "music-ctl-revealer"
+              :orientation "v"
+              :valign "center"
+              (label
+                :class "music-title-bar"
+                :limit-width 50
+                :xalign 0
+                :style "font-size: 15pt; font-family: 'Rubik';" ;color: ${mcover.color.colors.color7};
+                :text "${mname.title == '' ? 'Not playing' : mname.title}"
+              )
+              (revealer
+                :transition "slidedown"
+                :reveal "${mname.artist != ''}"
+                :duration "20ms"
+                (label
+                  :class "music-artist-bar"
+                  :limit-width 50
+                  :xalign 0
+                  :style "font-size: 11pt; font-family: 'Rubik';"
+                  :text "${mname.artist}"
+                )
+              )
+            )
+          )
+        )
+        ; Resources
+        (box :orientation "h" :space-evenly false :spacing 30
+          :halign "center" :valign "end"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-bottom: 100px;' : 'margin-bottom: -500px;'}
+          "
+          (dashfs_resource :value {round(EWW_CPU.avg, 0)} :unit "%" :icon "" :name "CPU")
+          (dashfs_resource :value {round(memory.percentage, 0)} :unit "% (${memory.used})" :icon "" :name "RAM")
+          (dashfs_resource :value {round(memory.swappercentage, 0)} :unit "% (${memory.swapused})" :icon "" :name "Swap")
+          (dashfs_resource :value {battery.percentage} :unit "%" :icon "" :name "Battery")
+          (dashfs_resource :value {diskfreepercent} :unit "%" :icon "" :name "Free space")
+        )
+        ; Icosahedron
+        (image :orientation "h" :space-evenly false :spacing 30
+          :halign "end" :valign "end"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-bottom: -250px; margin-right: -150px;' : 'margin-bottom: -900px; margin-top: 900px; margin-right: -900px; margin-left: 900px;'}
+          "
+          :path "images/svg/icosahedron.svg"
+          :image-height 600
+          :image-width 600
+        )
+        ; Music
+        (box
+          :space-evenly false :orientation "v"
+          :halign "start" :valign "end"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-left: 40px; margin-bottom: 40px;' : 'margin-bottom: -200px; margin-top: 200px;'}
+          "
+          (label :xalign 0 :class "dashfs-quote-content" :text "${quote_content[3]}")
+          (label :xalign 1 :class "dashfs-quote-author" :text "${quote_author[3]}")
+        )
+      )
+    )
+  )
+)
+
+(defwindow dashfs
+  :focusable true
+  :windowtype "normal"
+  :wm-ignore true
+  :geometry (geometry
+    :width 1920
+    :height 1080
+    :anchor "center center"
+  )
+  :monitor 0
+  (dashfs_widget)
+)
\ No newline at end of file
diff --git a/early/.config/eww/windows/dynamic-bg.yuck b/early/.config/eww/windows/dynamic-bg.yuck
new file mode 100755
index 000000000..6ba9a082b
--- /dev/null
+++ b/early/.config/eww/windows/dynamic-bg.yuck
@@ -0,0 +1,32 @@
+(defvar MOVEMULTIPLIER 30)
+(defvar morebgoffset 4)
+
+(defwidget dynbg []
+  (image
+    :class "dynbg-image"
+    ; :style "background-position: ${(activews - 5)*MOVEMULTIPLIER > 50 ? 100 : 50+(activews - 5)*MOVEMULTIPLIER}% 20%"
+    :style "
+    margin-left: ${(5 - (activews > 10 ? 10 : activews))*MOVEMULTIPLIER}px;
+    margin-right: ${((activews > 10 ? 10 : activews) - 5)*MOVEMULTIPLIER}px;
+    "
+    :path "images/wallpaper/wallpaper"
+    :image-width {RES_WIDTH*BG_ZOOM}
+    :image-height {RES_HEIGHT*BG_ZOOM}
+  )
+)
+
+(defwindow dynamic-bg
+  :focusable false
+  :stacking "bg"
+  :windowtype "normal"
+  :wm-ignore true
+  :geometry (geometry
+    :x 0
+    :y 0
+    :width "100%"
+    :height "100%"
+    :anchor "center center"
+  )
+  :monitor 0
+  (dynbg)
+)
\ No newline at end of file
diff --git a/early/.config/eww/windows/music.yuck b/early/.config/eww/windows/music.yuck
new file mode 100755
index 000000000..5ed41ee7f
--- /dev/null
+++ b/early/.config/eww/windows/music.yuck
@@ -0,0 +1,163 @@
+(defwidget cavacol_musicwin [nth dir]
+  (box
+    :valign "${dir == 'up' ? 'end' : (
+      dir == 'down' ? 'start' : (
+        dir == 'virt' ? 'center' : 'fill'
+      )
+    )}"
+    :halign "${dir == 'right' ? 'start' : (
+      dir == 'left' ? 'end' : (
+        dir == 'hori' ? 'center' : 'fill'
+      )
+    )}"
+    :width 15
+    :class "music-cava-column"
+    :style "
+    background-color: ${mcover.color.colors.color4 == 'null' ? 'white' : mcover.color.colors.color4};
+    transition: 0ms;
+    min-${dir == 'up' || dir == 'down' ? 'height' : 'width'}: ${cavajson[nth] / 7}px;
+    "
+  )
+)
+
+(defwidget music []
+  (eventbox
+    :onhoverlost "scripts/toggle-music.sh --close &"
+    (box
+      :class "music-area"
+      :style "
+      ${music_open ? '' : 'margin-top: -233px; margin-bottom: 233px;'}
+      ${anim_open_music ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+      "
+      (overlay
+        (box ; Fallback
+          :class "music-cover-art"
+        )
+        (box ; Cover art
+          :class "music-cover-art"
+          :style "background-image: url('${mcover.image}');"
+        )
+        (box :space-evenly true :orientation "h"
+          (cavacol_musicwin :dir "up" :nth 0)
+          (cavacol_musicwin :dir "up" :nth 1)
+          (cavacol_musicwin :dir "up" :nth 2)
+          (cavacol_musicwin :dir "up" :nth 3)
+          (cavacol_musicwin :dir "up" :nth 4)
+          (cavacol_musicwin :dir "up" :nth 5)
+          (cavacol_musicwin :dir "up" :nth 6)
+          (cavacol_musicwin :dir "up" :nth 7)
+          (cavacol_musicwin :dir "up" :nth 8)
+          (cavacol_musicwin :dir "up" :nth 9)
+          (cavacol_musicwin :dir "up" :nth 10)
+          (cavacol_musicwin :dir "up" :nth 11)
+          (cavacol_musicwin :dir "up" :nth 12)
+          (cavacol_musicwin :dir "up" :nth 13)
+          (cavacol_musicwin :dir "up" :nth 14)
+          (cavacol_musicwin :dir "up" :nth 15)
+          (cavacol_musicwin :dir "up" :nth 16)
+          (cavacol_musicwin :dir "up" :nth 17)
+          (cavacol_musicwin :dir "up" :nth 18)
+          (cavacol_musicwin :dir "up" :nth 19)
+          (cavacol_musicwin :dir "up" :nth 20)
+          (cavacol_musicwin :dir "up" :nth 21)
+          (cavacol_musicwin :dir "up" :nth 22)
+          (cavacol_musicwin :dir "up" :nth 23)
+          (cavacol_musicwin :dir "up" :nth 24)
+          (cavacol_musicwin :dir "up" :nth 25)
+          (cavacol_musicwin :dir "up" :nth 26)
+          (cavacol_musicwin :dir "up" :nth 27)
+          (cavacol_musicwin :dir "up" :nth 28)
+          (cavacol_musicwin :dir "up" :nth 29)
+          (cavacol_musicwin :dir "up" :nth 30)
+          (cavacol_musicwin :dir "up" :nth 31)
+          (cavacol_musicwin :dir "up" :nth 32)
+          (cavacol_musicwin :dir "up" :nth 33)
+          (cavacol_musicwin :dir "up" :nth 34)
+        )
+        (box ;
+          :orientation "v"
+          :class "music-box"
+          :space-evenly false
+          (label
+            :class "music-title"
+            :wrap false
+            :text "${music.title == '' ? 'Not playing' : music.title}"
+            :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+            :limit-width 35
+          )
+          (label
+            :class "music-artist"
+            :wrap true
+            :text "${music.artist}"
+            :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+          )
+          (centerbox
+            (box
+              (label
+                :halign "center"  :valign "center"
+                :class "music-time-label"
+                :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+                :text {music.position_time}
+              )
+            )
+            (centerbox
+              :class "music-button-box"
+              (button
+                :class "song-button"
+                :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+                :onclick "playerctl previous" ""
+              )
+              (button
+                :class "song-button"
+                :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+                :onclick "playerctl play-pause"
+                "${music.status != '' ? music.status : ''}"
+              )
+              (button
+                :class "song-button"
+                :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+                :onclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+                ""
+              )
+            )
+            (box
+              (label
+                :halign "center"  :valign "center"
+                :class "music-time-label"
+                :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+                :text {music.length}
+              )
+            )
+          )
+          (scale
+            :valign "end"
+            :class "track-scale"
+            :value {music.position}
+            :onchange "playerctl position `bc <<< \"{} * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+            :style "highlight {background-color: ${mcover.color.colors.color4};}"
+          )
+        )
+        (box
+          :class "music-media-source"
+          :halign "start"
+          :valign "start"
+          :orientation "h"
+          (label :class "music-source-icon" :text "${mcover.color.source}" :style "color: ${mcover.color.colors.color4};")
+        )
+      )
+    )
+  )
+)
+
+(defwindow music
+  :wm-ignore true
+  :stacking "overlay"
+  :monitor 0
+  :geometry (geometry
+    :x "15px"
+    :y "61px"
+    :width "558px"
+    :height "191px"
+  :anchor "top left")
+  (music)
+)
diff --git a/early/.config/eww/windows/onotify.yuck b/early/.config/eww/windows/onotify.yuck
new file mode 100755
index 000000000..a9ddf7676
--- /dev/null
+++ b/early/.config/eww/windows/onotify.yuck
@@ -0,0 +1,516 @@
+(defwidget volume_mixer []
+  (box
+    :space-evenly false
+    :orientation "v"
+    ; :class "sliders"
+    (box
+      :orientation "h"
+      :space-evenly false
+      :spacing 10
+      (label
+        :halign "start"
+        :class "osettings-section-icon"
+        :text ""
+      )
+      (label
+        :halign "start"
+        :wrap true
+        :class "osettings-section"
+        :text "Volume mixer"
+      )
+    )
+    (for app in audiojson
+      (box
+        :orientation "v" :space-evenly false
+        (box
+          :orientation "h" :space-evenly false
+          :spacing 10
+          (image
+            :class "onotify-app-icon"
+            :path {app.icon}
+            :image-width 25
+            :image-height 25
+          )
+          (label
+            :xalign 0
+            :valign "center"
+            :class "onotify-app-name"
+            :limit-width 42
+            :text {app.name}
+          )
+        )
+        (box
+          :orientation "v"
+          :space-evenly false
+          (scroll
+            :vscroll false
+            :hscroll true
+            (box
+              :orientation "h"
+              ; :space-evenly false
+              (for ser in {app["volume"]}
+                (eventbox
+                  :onscroll "pactl set-sink-input-volume ${ser[0]} $(echo {} | sed -e \"s/up/+5/g\" -e \"s/down/-5/g\")%"
+                  :onrightclick "pactl set-sink-input-volume ${ser[0]} 100%"
+                  :onclick "pactl set-sink-input-volume ${ser[0]} 0%"
+                  (centerbox
+                    :space-evenly false
+                    :orientation "${app.count > 3 ? 'v' : 'h'}"
+                    :class "onotify-app-volbox"
+                    (label
+                      :xalign "${app.count > 3 ? '0.5' : '0'}"
+                      :class "onotify-app-ser"
+                      :style "
+                      ${app.count > 3 ? 'margin-bottom: 5px;' : 'padding: 0 5px;'}
+                      "
+                      :text "#${ser[0]}"
+                    )
+                    (box)
+                    (circular-progress
+                      :halign "${app.count > 3 ? 'center' : 'end'}"
+                      :value {ser[1] <= 100 ? ser[1] : 100}
+                      :class "onotify-app-vol-circle"
+                      :thickness 4
+                      :start-at 75
+                      :width 45
+                      :height 45
+                      (label :class "onotify-app-text" :text "${ser[1]}")
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget onotify []
+  (box
+    :orientation "v"
+    :space-evenly false
+    :style "
+    ${anim_open_ontf ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_ontf ? '' : 'margin-right: -533px;'}
+    "
+    (eventbox
+      :onclick "scripts/toggle-onotify.sh --close &"
+      :onmiddleclick "scripts/toggle-onotify.sh --close &"
+      :onrightclick "scripts/toggle-onotify.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 1px;"
+      )
+    )
+    (eventbox
+      ; :onhoverlost "scripts/toggle-onotify.sh --close &"
+      (box
+        :orientation "v"
+        :space-evenly false
+        :class "onotify-window"
+        (box
+          :class "system-row"
+          :space-evenly false
+          :halign "center"
+          (box
+            :class "wifi-box"
+            :space-evenly false
+            :orientation "v"
+            (box
+              :class "element"
+              :space-evenly false
+              (button
+                ; :class "wifi-button"
+                :onclick "scripts/net toggle"
+                :style "font-family: Material Symbols Rounded;"
+                {net.icon}
+              )
+              (label :class "separator" :text "|")
+              (button
+                :class "wifi-arrow-btn"
+                :style "font-family: Material Symbols Rounded;"
+                :onclick "foot sh -c 'sleep 0.01 ; nmtui' &"
+                ""
+              )
+            )
+            (label :style "font-size: 12pt;" :class "sys-toggle" :text {net.essid} :xalign 0.5 :limit-width 15)
+          )
+          
+          (box
+            :class "bluetooth-box"
+            :space-evenly false
+            :orientation "v"
+            (box
+              :class "element icon"
+              :space-evenly false
+              (button
+                :class "bluetooth-button"
+                :onclick "scripts/bluetooth toggle &"
+                :style "font-family: 'Material Symbols Rounded';"
+                {bluetooth.icon}
+              )
+              (label :class "separator" :text "|")
+              (button
+                :class "bluetooth-arrow-btn"
+                :onclick "blueberry &"
+                ""
+              )
+            )
+            (label
+              :style "font-size: 12pt;"
+              :text {bluetooth.text}
+              :xalign 0.5
+              :class "sys-toggle"
+              :tooltip "${bluetooth.text} ${bluetooth.batt_icon}"
+              :limit-width 15
+            )
+          )
+          (box
+            :class "airplane-box"
+            :space-evenly false
+            :orientation "v"
+            (box
+              :class "element icon"
+              (button
+                :class "airplane-button"
+                :onclick "scripts/airplane toggle &"
+                airplane
+              )
+            )
+            (label :style "font-size: 12pt;" :text "Airplane Mode" :xalign 0.5 :limit-width 16)
+          )
+          (box
+            :class "power-box"
+            :space-evenly false
+            :orientation "v"
+            (box
+              :class "element icon"
+              (button
+                :halign "end"
+                ; :onclick "wlogout &"
+                :onclick "wlogout -p layer-shell &"
+                ""
+              )
+            )
+            (label
+              :style "font-size: 12pt;"
+              :text "Power"
+              :class "sys-toggle"
+              :xalign 0.5
+              :limit-width 16
+            )
+          )
+        )
+        (scroll
+          ; :vscroll true
+          ; :hscroll false
+          ; :halign "fill"
+          :class "onotify-content"
+          :valign "fill"
+          :style "min-height: 317px;"
+          (box
+            :halign "fill"
+            :class "osettings-scroll-bg"
+            :space-evenly false
+            :spacing 20
+            :orientation "v"
+            ; Volume mixer
+            ; (volume_mixer)
+            ; Notifications
+            (box
+              :space-evenly false :orientation "v"
+              (centerbox
+                (box
+                  :orientation "h"
+                  :space-evenly false
+                  :spacing 10
+                  (label
+                    :halign "start"
+                    :class "osettings-section-icon"
+                    :text ""
+                  )
+                  (label
+                    :halign "start"
+                    :class "osettings-section"
+                    :text "Notifications"
+                  )
+                )
+                (box)
+                ; (box
+                  ;   :class "icon"
+                  ;   :halign "end" :valign "center"
+                  ;   :space-evenly false
+                  ;   :spacing 10
+                  ;   (button
+                    ;     :class "notification-action"
+                    ;     :tooltip "Refresh"
+                    ;     :onclick "dunstctl history > $XDG_CACHE_HOME/dunst-history.json &"
+                    ;     ""
+                  ;   )
+                  ;   (button
+                    ;     :class "notification-action"
+                    ;     :tooltip "Pause/Resume Notifications"
+                    ;     :onclick "scripts/notifications toggle &"
+                    ;     {notif_icons.toggle_icon}
+                  ;   )
+                  ;   (button
+                    ;     :class "notification-action"
+                    ;     :tooltip "Clear Notifications"
+                    ;     :onclick "scripts/notifications clear &"
+                    ;     ""
+                  ;   )
+                ; )
+                (box
+                  :orientation "h" :space-evenly false
+                  :halign "end" :spacing 4
+                  :style "margin-left: 9px;"
+                  (button :valign "center" :yalign 0.5
+                    :class "osettings-tag-material"
+                    :tooltip "Refresh"
+                    :onclick "dunstctl history > $XDG_CACHE_HOME/dunst-history.json &"
+                    "Refresh"
+                  )
+                  (button :valign "center" :yalign 0.5
+                    :class "osettings-tag-material"
+                    :tooltip "Pause/Resume Notifications"
+                    :onclick "scripts/notifications toggle && eww update notifications='$(scripts/notifications --once)' &"
+                    {notif_icons.paused ? "" : "Pause"}
+                  )
+                  (button :valign "center" :yalign 0.5
+                    :class "osettings-tag-material"
+                    :tooltip "Clear Notifications"
+                    :onclick "scripts/notifications clear &"
+                    "Clear"
+                  )
+                )
+              )
+              (box
+                :class "container"
+                :orientation "v"
+                :space-evenly false
+                (for i in notifications
+                  (eventbox
+                    :onclick "dunstctl history-pop ${i.id} && dunstctl action 0 && dunstctl close"
+                    (box
+                      :class "notification"
+                      :orientation "v" :space-evenly false
+                      :width 300
+                      (centerbox
+                        :space-evenly false
+                        (label
+                          :xalign 0
+                          :wrap true
+                          :class "summary"
+                          :text {i.summary}
+                        )
+                        (label)
+                        (label
+                          :xalign 1
+                          :wrap true
+                          :class "appname"
+                          :text {i.appname}
+                        )
+                      )
+                      (label
+                        :xalign 0
+                        :wrap true
+                        :class "body"
+                        :text {i.body}
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+        ; Calendar
+        (box
+          :space-evenly false :orientation "v"
+          :class "osettings-scroll-bg-colored"
+          (box :space-evenly false
+            (box
+              :orientation "h" :space-evenly false :spacing 10
+              :hexpand true
+              (label
+                :halign "start"
+                :class "osettings-section-icon"
+                :text ""
+              )
+              (label
+                :halign "start"
+                :wrap true
+                :class "osettings-section"
+                :text "${calendartitle}"
+              )
+            )
+            (box
+              :orientation "h" :space-evenly false
+              :halign "end" :spacing 4
+              (button :valign "center" :yalign 0.5
+                :class "osettings-tag-material"
+                :tooltip "Refresh"
+                :onclick "scripts/scrollmonth up &"
+                "Remove"
+              )
+              (button :valign "center" :yalign 0.5
+                :class "osettings-tag-material"
+                :tooltip "Pause/Resume Notifications"
+                :onclick "scripts/scrollmonth down &"
+                "Add"
+              )
+            )
+          )
+          (box
+            :space-evenly false :orientation "v"
+            (eventbox
+              :onscroll "scripts/scrollmonth {} &"
+              (box
+                :orientation "v"
+                :space-evenly false
+                (box
+                  :space-evenly false :orientation "v"
+                  :halign "center"
+                  (box
+                    (for day in weekdays
+                      (box
+                        :class "calendarwin-button day${day.today}"
+                        (label :class "calendarwin-text" :text "${day.day}")
+                      )
+                    )
+                  )
+                  (for week in calendar
+                    (box
+                      (for day in week
+                        (button
+                          :class "calendarwin-button calendarwin-day${day.today}"
+                          (label :class "calendarwin-text" :text "${day.day}")
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow onotify
+  :wm-ignore true
+  :monitor 0
+  :focusable true
+  :namespace "onotify"
+  :geometry (geometry
+    :x "0px"
+    :y "61px"
+    :width "0px"
+    :height "1019px"
+    :anchor "top right"
+  )
+  (onotify)
+)
+
+(defwidget onotify-button []
+  (eventbox
+    :halign "end"
+    (box
+      :space-evenly false
+      :halign "end"
+      (eventbox
+        :onmiddleclick "scripts/toggle-dashfs.sh &"
+        :onrightclick "scripts/toggle-dashfs.sh &"
+        :onscroll "echo $(echo {} | sed -e 's/down/-U 3/g' -e 's/up/-A 3/g' | xargs light) && scripts/brightness osd"
+        :onclick "scripts/toggle-onotify.sh &"
+        :onhover "${EWW_CMD} update calendar_hover=true"
+        :onhoverlost "${EWW_CMD} update calendar_hover=false"
+        (box
+          :class "module-button-pad-center"
+          ; Time and date
+          (box
+            :orientation "v" :space-evenly false
+            :valign "center"
+            :class "module-timedate module module-button${rev_calendar ? '-true' : (calendar_hover ? '-hover' : '')}"
+            :style "padding: 0 10px;"
+            (box
+              :space-evenly false
+              :halign "end"
+              :class "timedate-time"
+              (label :text "${time.hour}" :class "clock hour"
+                :style "${colormode == 'one' ? ('color: ' + coloraccent + ';') : ''}"
+              )
+              ; (label :text "${time.hour % 12}" :class "clock hour")
+              (label :text ":" :class "clock"
+                :style "${colormode == 'one' ? ('color: ' + coloraccent + ';') : ''}"
+              )
+              (label :text {time.minute} :class "clock minute"
+                :style "${colormode == 'one' ? ('color: ' + coloraccent + ';') : ''}"
+              )
+              ; (label :text "${time.hour >= 12 ? 'pm' : 'am'}" :class "clock minute")
+            )
+            (box
+              :class "date"
+              :onclick "${EWW_CMD} update popup='calendar'"
+              :style "${colormode == 'one' ? ('color: ' + coloraccent + ';') : ''}"
+              "${time.day}, ${time.date}"
+            )
+          )
+        )
+      )
+      (eventbox
+        :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd &"
+        :onclick "scripts/toggle-onotify.sh &"
+        :onmiddleclick "scripts/toggle-dashfs.sh &"
+        :onrightclick "scripts/toggle-dashfs.sh &"
+        :onhover "${EWW_CMD} update ontf_hover=true"
+        :onhoverlost "${EWW_CMD} update ontf_hover=false"
+        (box
+          :orientation "h"
+          :space-evenly false
+          :class "module-button${rev_ontf ? '-true' : (ontf_hover ? '-hover' : '')}"
+          :style "padding-left: 10px; padding-right: 10px; margin: 8px 0; margin-right: 8px;"
+          (box
+            ; :class "module"
+            :space-evenly false
+            :spacing 5
+            :halign "end"
+            (syscpu)
+            (sysmem)
+            (sysbatt)
+          )
+          (overlay
+            (image
+              :class "real-onotify-toggle-button module-button-pad-right-nomargin"
+              ; :class "real-onotify-toggle-button"
+              :path "images/svg/forum.svg"
+              :image-height 33
+              :image-width 33
+            )
+            (revealer
+              :reveal {arraylength(notifications) > 0}
+              :transition "slideleft"
+              :duration "200ms"
+              :class "dummy${notifications[0].id}"
+              (box
+                :halign "end" :valign "end"
+                :class "notif-badge"
+                (label :class "notif-indicator"
+                  :style "
+                  font-size: 11pt;
+                  border-radius: 99px;
+                  ${colormode == 'one' ? ('background-color: ' + coloraccent + ';') : ''}
+                  "
+                  :text "${arraylength(notifications)}"
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
diff --git a/early/.config/eww/windows/osd.yuck b/early/.config/eww/windows/osd.yuck
new file mode 100755
index 000000000..010c717e3
--- /dev/null
+++ b/early/.config/eww/windows/osd.yuck
@@ -0,0 +1,69 @@
+(defwidget osdwidget []
+  (box
+    :class "osd-window"
+    :orientation "h"
+    :space-evenly false
+    (revealer
+      :reveal {osd_vol}
+      :transition "slideright"
+      :duration "80ms"
+      (centerbox
+        :class "osd-var"
+        :orientation "h"
+        :space-evenly false
+        (circular-progress
+          :value {volume.percent}
+          :class "osd-circle"
+          :thickness 4
+          :start-at 75
+          :halign "start"
+          (button
+            :class "inside-circle"
+            (label :xalign "0.5" :yalign "0.5" :halign "center" :valign "center" :class "osd-incircle" :text "${volume.icon}")
+          )
+        )
+        (box)
+        (label :xalign 0.5 :halign "end" :class "osd-text" :text "${volume.percent}")
+      )
+    )
+    (revealer
+      :reveal {osd_bright}
+      :transition "slideright"
+      :duration "80ms"
+      (centerbox
+        :class "osd-var"
+        :orientation "h"
+        :space-evenly false
+        (circular-progress
+          :value {round(brightness.level, 0)}
+          :class "osd-circle"
+          :thickness 4
+          :start-at 75
+          :halign "start"
+          (button
+            :class "inside-circle"
+            (label :xalign "0.5" :yalign "0.5" :halign "center" :valign "center" :class "osd-incircle-bright" :text "${brightness.icon}")
+          )
+        )
+        (box)
+        (label :xalign 0.5 :class "osd-text" :text {round(brightness.level, 0)})
+      )
+    )
+  )
+)
+
+(defwindow osd
+  :stacking "overlay"
+  :wm-ignore true
+  :monitor 0
+  :namespace "osd"
+  :geometry (geometry
+    :y "69px"
+    :width "100px"
+    :height "53px"
+    :anchor "top center"
+  )
+  :stacking "fg"
+  :exclusive false
+  (osdwidget)
+)
\ No newline at end of file
diff --git a/early/.config/eww/windows/osettings.yuck b/early/.config/eww/windows/osettings.yuck
new file mode 100755
index 000000000..fca5a459f
--- /dev/null
+++ b/early/.config/eww/windows/osettings.yuck
@@ -0,0 +1,1007 @@
+(defwidget checkboxhyprctl [value changevalue]
+  (eventbox
+    :cursor "pointer"
+    :onclick "hyprctl keyword ${changevalue} ${1 - value} && scripts/hyprsettings tickle &"
+    (box
+      :class "osettings-checkbox-${value}"
+      :halign "end"
+    )
+  )
+)
+
+(defwidget checkboxcmd [value changecmd]
+  (eventbox
+    :onclick "${changecmd}"
+    (box
+      :class "osettings-checkbox-${value}"
+      :halign "end"
+    )
+  )
+)
+
+(defwidget osettings []
+  (box
+    :orientation "v"
+    :space-evenly false
+    :style "
+    ${anim_open_ostg ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_ostg ? '' : 'margin-left: -533px; margin-right: 533px;'}
+    "
+    (eventbox
+      :onclick "scripts/toggle-osettings.sh --close &"
+      :onmiddleclick "scripts/toggle-osettings.sh --close &"
+      :onrightclick "scripts/toggle-osettings.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 1px;"
+      )
+    )
+    (eventbox
+      ; :onhoverlost "scripts/toggle-osettings.sh --close &"
+      (box
+        :orientation "v"
+        :space-evenly false
+        :class "osettings-window"
+        (box
+          :orientation "v"
+          :space-evenly false
+          (box
+            :class "osettings-heading"
+            :orientation "v"
+            :space-evenly false
+            (label
+              :halign "start"
+              :wrap true
+              :class "osettings-title"
+              :text "# settings"
+            )
+            (label
+              :halign "start"
+              :wrap true
+              :class "osettings-subtitle"
+              :text "Tweak your experience"
+            )
+          )
+          (box
+            :spacing 0
+            :space-evenly false
+            :class "osettings-search"
+            :orientation "h"
+            (input
+              :halign "start"
+              :class "osettings-search-text"
+              :onchange "${EWW_CMD} update oquery=\"$(echo {} | tr [:upper:] [:lower:])\""
+            )
+            (box)
+            (button
+              :halign "end"
+              :class "osettings-search-icon"
+              :style "font-weight: bolder;"
+              ""
+            )
+          )
+        )
+        (scroll
+          ; :vscroll true
+          ; :hscroll false
+          ; :halign "fill"
+          :class "osettings-content"
+          :style "min-height: 792px;"
+          (box
+            :halign "fill"
+            :class "osettings-scroll-bg"
+            :space-evenly false
+            :spacing 20
+            :orientation "v"
+            (box
+              :class "osettings-settings"
+              :orientation "v"
+              :space-evenly false
+              ; Quick settings
+              (revealer
+                :reveal "${matches('quick settings volume audio brightness',oquery)}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :orientation "v"
+                  :space-evenly false
+                  (centerbox
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :spacing 10
+                      (label
+                        :halign "start"
+                        :class "osettings-section-icon"
+                        :text ""
+                      )
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-section"
+                        :text "Quick values"
+                      )
+                    )
+                    (box)
+                    (box
+                      :orientation "h" :space-evenly false
+                      :halign "end" :spacing 4
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag"
+                        :onclick "wpctl set-volume @DEFAULT_AUDIO_SINK@ 23% &"
+                        "󰎈 music"
+                      )
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag"
+                        :onclick "wpctl set-volume @DEFAULT_AUDIO_SINK@ 50% &"
+                        " asmr"
+                      )
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag-material"
+                        :onclick "light -S 40 &"
+                        ""
+                      )
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag-material"
+                        :onclick "light -S 5 &"
+                        ""
+                      )
+                    )
+                    ; (button :valign "center" :yalign 0.5
+                      ;   :class "osettings-tag"
+                      ;   :onclick "wpctl set-volume @DEFAULT_AUDIO_SINK@ 50% &"
+                      ;   "night"
+                    ; )
+                  )
+                  (revealer
+                    :reveal "${matches('quick settings volume audio',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (eventbox
+                      :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+                      (box
+                        :orientation "h"
+                        :space-evenly false
+                        :spacing 10
+                        (label
+                          :wrap true
+                          :class "osettings-text-icon"
+                          :text ""
+                        )
+                        (box
+                          :orientation "v"
+                          :space-evenly false
+                          (centerbox
+                            :orientation "h"
+                            :space-evenly false
+                            :style "min-width: 417px;"
+                            (label
+                              :halign "start"
+                              :wrap true
+                              :class "osettings-text"
+                              :text "Volume"
+                            )
+                            (box)
+                            ; (checkbox
+                              ;   :halign "end"
+                              ;   :class "osettings-checkbox"
+                              ;   :onchecked "scripts/volume mute SINK"
+                              ;   :onunchecked "scripts/volume mute SINK"
+                            ; )
+                            (checkboxcmd
+                              :value "${volume.audio}"
+                              :changecmd "scripts/volume mute SINK"
+                            )
+                          )
+                          (scale
+                            :halign "fill"
+                            :class "osettings-slider"
+                            :value "${volume.percent}"
+                            :tooltip "volume on ${volume.percent}%"
+                            :onchange "scripts/volume setvol SINK {}"
+                          )
+                        )
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('quick settings brightness',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :spacing 10
+                      (label
+                        :wrap true
+                        :class "osettings-text-icon"
+                        :text ""
+                      )
+                      (box
+                        :orientation "v"
+                        :space-evenly false
+                        :style "min-width: 417px;"
+                        (label
+                          :halign "start"
+                          :wrap true
+                          :class "osettings-text"
+                          :text "Brightness"
+                        )
+                        (scale
+                          :class "osettings-slider"
+                          :value "${brightness.level}"
+                          :onchange "light -S {}"
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+              ; Mouse
+              (revealer
+                :reveal "${matches('mouse and touchpad touch pad mouse speed mouse acceleration osu raw input sensitivity disable while typing disable_while_typing tap to click clickfinger_behavior',oquery)}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :spacing 10
+                    (label
+                      :halign "start"
+                      :class "osettings-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "osettings-section"
+                      :text "Mouse/Touchpad"
+                    )
+                    (box
+                      :orientation "h" :space-evenly false
+                      :halign "end" :spacing 4
+                      :style "margin-left: 16px;"
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag"
+                        :onclick "hyprctl keyword input:force_no_accel true &"
+                        "󰐾 osu"
+                      )
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag"
+                        :onclick "hyprctl keyword input:touchpad:disable_while_typing false &"
+                        "󰆧 minecraft"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('mouse and touchpad touch pad speed mouse acceleration osu raw input sensitivity',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (centerbox
+                        :orientation "h"
+                        :space-evenly false
+                        :halign "fill"
+                        (label
+                          :halign "start"
+                          :wrap true
+                          :class "osettings-text"
+                          :text "Raw input"
+                        )
+                        (box)
+                        (checkboxhyprctl
+                          :value "${hyprjson.force_no_accel}"
+                          :changevalue "input:force_no_accel"
+                          :halign "end"
+                          :class "osettings-checkbox"
+                        )
+                      )
+                      (eventbox
+                        :onrightclick "hyprctl keyword input:sensitivity 0"
+                        (box
+                          :space-evenly false
+                          :orientation "v"
+                          (label
+                            :halign "start"
+                            :wrap true
+                            :class "osettings-text"
+                            :text "Sensitivity"
+                          )
+                          (scale
+                            :class "osettings-slider"
+                            :value "${hyprjson.input_sensitivity * 50 + 50}"
+                            :onchange "hyprctl keyword input:sensitivity $(echo - | awk '{print {} / 50 - 1}') && scripts/hyprsettings tickle"
+                          )
+                        )
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('mouse and touch pad touchpad disable while typing disable_while_typing',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (centerbox
+                        :orientation "h"
+                        :space-evenly false
+                        :halign "fill"
+                        (label
+                          :halign "start"
+                          :class "osettings-text"
+                          :text "Disable touchpad while typing"
+                        )
+                        (box)
+                        (checkboxhyprctl
+                          :value "${hyprjson.touchpad_disable_while_typing}"
+                          :changevalue "input:touchpad:disable_while_typing"
+                          :class "osettings-checkbox"
+                        )
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('mouse and touchpad touch pad tap to click clickfinger_behavior',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (centerbox
+                        :orientation "h"
+                        :space-evenly false
+                        :halign "fill"
+                        (label
+                          :halign "start"
+                          :class "osettings-text"
+                          :text "Tap to click"
+                        )
+                        (box)
+                        (checkboxhyprctl
+                          :value "${hyprjson.touchpad_clickfinger_behavior}"
+                          :changevalue "input:touchpad:clickfinger_behavior"
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+              ; Appearance
+              (revealer
+                :reveal "${matches('appearance looks customization blur size blur passes blur strength blur xray',oquery)}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  (centerbox
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :spacing 10
+                      (label
+                        :halign "start"
+                        :class "osettings-section-icon"
+                        :text ""
+                      )
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-section"
+                        :text "Blur"
+                      )
+                    )
+                    (box)
+                    (box
+                      :orientation "h" :space-evenly false
+                      :halign "end" :spacing 4
+                      :style "margin-left: 9px;"
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag"
+                        :onclick "hyprctl keyword decoration:blur false && scripts/hyprsettings tickle &"
+                        "no blur"
+                      )
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag"
+                        :onclick "hyprctl keyword decoration:blur true && \
+                        hyprctl keyword decoration:blur_size 7 && \
+                        hyprctl keyword decoration:blur_passes 4 && \
+                        scripts/hyprsettings tickle &"
+                        "intense"
+                      )
+                    )
+                  )
+                  (centerbox
+                    :orientation "h"
+                    :space-evenly false
+                    :halign "fill"
+                    (label
+                      :halign "start"
+                      :class "osettings-text"
+                      :text "Enable blur"
+                    )
+                    (box)
+                    (checkboxhyprctl
+                      :value "${hyprjson.blur}"
+                      :changevalue "decoration:blur"
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization blur size blur strength',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-text"
+                        :text "Blur size"
+                      )
+                      (scale
+                        :class "osettings-slider"
+                        :value "${hyprjson.blur_size}"
+                        :tooltip "Blur size: ${hyprjson.blur_size}"
+                        :onchange "hyprctl keyword decoration:blur_size {}  && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization blur passes blur strength',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-text"
+                        :text "Blur passes"
+                      )
+                      (scale
+                        :class "osettings-slider"
+                        :value "${hyprjson.blur_passes * 10}"
+                        :tooltip "Blur passes: ${hyprjson.blur_passes}"
+                        :onchange "hyprctl keyword decoration:blur_passes $(({} / 10))  && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization blur xray',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (centerbox
+                        :orientation "h"
+                        :space-evenly false
+                        :halign "fill"
+                        (label
+                          :halign "start"
+                          :class "osettings-text"
+                          :text "Blur xray"
+                        )
+                        (box)
+                        (checkboxhyprctl
+                          :value "${hyprjson.blur_xray}"
+                          :changevalue "decoration:blur_xray"
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+              ; Gaps and borders
+              (revealer
+                :reveal "${matches('appearance looks customization gaps gaps_in inner gaps: inner gaps_out outer gaps: outer space border_size border size border thickness',oquery)}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  (centerbox
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :spacing 10
+                      (label
+                        :halign "start"
+                        :class "osettings-section-icon"
+                        :text ""
+                      )
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-section"
+                        :text "Gaps/Borders"
+                      )
+                    )
+                    (box)
+                    (box
+                      :orientation "h" :space-evenly false
+                      :halign "end" :spacing 4
+                      :style "margin-left: 9px;"
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag"
+                        :onclick "hyprctl keyword general:gaps_in 0 && \
+                        hyprctl keyword general:gaps_out 0 && \
+                        hyprctl keyword general:border_size 0 && \
+                        hyprctl keyword decoration:rounding 0 && \
+                        hyprctl keyword monitor eDP-1,addreserved,69,0,0,0 && \
+                        eww update compact=true && \
+                        scripts/hyprsettings tickle &"
+                        "none"
+                      )
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag"
+                        :onclick "hyprctl keyword general:gaps_in 0 && \
+                        hyprctl keyword general:gaps_out 0 && \
+                        hyprctl keyword general:border_size 1 && \
+                        hyprctl keyword decoration:rounding 0 && \
+                        hyprctl keyword monitor eDP-1,addreserved,69,0,0,0 && \
+                        eww update compact=true && \
+                        scripts/hyprsettings tickle &"
+                        "borders"
+                      )
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag"
+                        :onclick "hyprctl keyword general:gaps_in 4 && \
+                        hyprctl keyword general:gaps_out 8 && \
+                        hyprctl keyword general:border_size 1 && \
+                        hyprctl keyword decoration:rounding 17 && \
+                        hyprctl keyword monitor eDP-1,addreserved,61,0,0,0 && \
+                        eww update compact=false && \
+                        scripts/hyprsettings tickle &"
+                        "comfy"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization gaps_in inner gaps: inner space',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-text"
+                        :text "Gaps: Inner"
+                      )
+                      (scale
+                        :class "osettings-slider"
+                        :value "${hyprjson.gaps_in}"
+                        :tooltip "Inner gaps: ${hyprjson.gaps_in}"
+                        :onchange "hyprctl keyword general:gaps_in {} && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization gaps_out outer gaps: outer space',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-text"
+                        :text "Gaps: Outer"
+                      )
+                      (scale
+                        :class "osettings-slider"
+                        :value "${hyprjson.gaps_out}"
+                        :tooltip "Outer gaps: ${hyprjson.gaps_out}"
+                        :onchange "hyprctl keyword general:gaps_out {} && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization border_size border size border thickness',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-text"
+                        :text "Border size"
+                      )
+                      (scale
+                        :class "osettings-slider"
+                        :value "${hyprjson.border_size}"
+                        :tooltip "Border size: ${hyprjson.border_size}"
+                        :onchange "hyprctl keyword general:border_size {} && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization rounding corner',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-text"
+                        :text "Rounding"
+                      )
+                      (scale
+                        :class "osettings-slider"
+                        :value "${hyprjson.rounding}"
+                        :tooltip "Border size: ${hyprjson.rounding}"
+                        :onchange "hyprctl keyword decoration:rounding {} && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                )
+              )
+              ; Hyperland
+              (revealer
+                :reveal "${matches(oquery, 'hyperland')}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :spacing 10
+                    (label
+                      :halign "start"
+                      :class "osettings-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "osettings-section"
+                      :text "Hyperland"
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches(oquery, 'hyperland')}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-neutral"
+                        :onclick "notify-send whyyyyyyy 😭"
+                        "Check the spelling and try again"
+                      )
+                    )
+                  )
+                )
+              )
+              ; Session control
+              (revealer
+                :reveal "${matches('session lock logout suspend log out shutdown shut down poweroff power off',oquery)}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :spacing 10
+                    (label
+                      :halign "start"
+                      :class "osettings-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "osettings-section"
+                      :text "Session"
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('session lock',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :orientation "v"
+                      :space-evenly false
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-neutral"
+                        :onclick "pidof gtklock || gtklock &"
+                        "Lock"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('session suspend',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :orientation "v"
+                      :space-evenly false
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-neutral"
+                        :onclick "systemctl suspend &"
+                        "Suspend"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('session logout log out',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :orientation "v"
+                      :space-evenly false
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-destructive"
+                        :onclick "pkill Hyprland &"
+                        "Logout"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('session shutdown shut down poweroff power off',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :orientation "v"
+                      :space-evenly false
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-destructive"
+                        :onclick "systemctl poweroff &"
+                        "Shutdown"
+                      )
+                    )
+                  )
+                )
+              )
+              ; Hyprland
+              (revealer
+                :reveal "${matches('hyprland options open the wiki guide help social hypr development discord reload config configuration',oquery)}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :spacing 10
+                    (label
+                      :halign "start"
+                      :class "osettings-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "osettings-section"
+                      :text "Hyprland"
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('hyprland options reload config configuration',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-neutral"
+                        :onclick "cp ~/.config/hypr/hyprland.conf temporary_config.conf && cp temporary_config.conf ~/.config/hypr/hyprland.conf && rm temporary_config.conf &"
+                        "Reload config"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('hyprland open the wiki guide help',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-informative"
+                        :onclick "scripts/toggle-osettings.sh && xdg-open https://wiki.hyprland.org &"
+                        "Open the wiki"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('hyprland help social hypr development discord',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-informative"
+                        :onclick "scripts/toggle-osettings.sh &&  xdg-open https://discord.com/invite/hQ9XvMUjjr &"
+                        "Hypr Development Discord"
+                      )
+                    )
+                  )
+                )
+              )
+              ; Calendar
+              (revealer
+                :reveal "${'calendar' == oquery}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :orientation "v"
+                  :space-evenly false
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :spacing 10
+                    (label
+                      :halign "start"
+                      :class "osettings-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "osettings-section"
+                      :text "Calendar"
+                    )
+                  )
+                  (calendar)
+                )
+              )
+              ; Super secret settings
+              (revealer
+                :reveal "${oquery == '!secret' || oquery == '!sekret'}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :orientation "v"
+                  :space-evenly false
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :spacing 10
+                    (label
+                      :halign "start"
+                      :class "osettings-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "osettings-section"
+                      :text "Super secret settings"
+                    )
+                  )
+                  (button
+                    :halign "fill"
+                    :wrap true
+                    :class "osettings-btn osettings-btn-informative"
+                    :onclick "scripts/supersecretsettings/culture &"
+                    "Activate culture mode"
+                  )
+                  (button
+                    :halign "fill"
+                    :wrap true
+                    :class "osettings-btn osettings-btn-informative"
+                    :onclick "scripts/supersecretsettings/doreload &"
+                    "Reset these stuff"
+                  )
+                  (button
+                    :halign "fill"
+                    :wrap true
+                    :class "osettings-btn osettings-btn-destructive"
+                    :onclick "hyprctl keyword bind ,c,exec,wtype k"
+                    "Bekome a KDE developer"
+                  )
+                  (button
+                    :halign "fill"
+                    :wrap true
+                    :class "osettings-btn osettings-btn-destructive"
+                    :onclick "hyprctl keyword unbind ,c"
+                    "Un-become a KDE developer"
+                  )
+                )
+              )
+              ; Waifu
+              ; (revealer
+                ;   :reveal "${oquery == 'uwu' || oquery == 'sex'}"
+                ;   :transition "slidedown"
+                ;   :duration "200ms"
+                ;   (box
+                  ;     :space-evenly false
+                  ;     :orientation "v"
+                  ;     (input
+                    ;       :wrap true
+                    ;       :class "osettings-btn osettings-btn-neutral"
+                    ;       :style "padding: 0 20px;"
+                    ;       :onaccept "python3 scripts/waifupics.py &"
+                    ;       "segs"
+                  ;     )
+                  ;     (box
+                    ;       :valign "center"
+                    ;       :width 400
+                    ;       :height 400
+                    ;       :class "osettings-waifu"
+                    ;       :style "
+                    ;       background-image: url('eww_covers/waifu');
+                    ;       "
+                  ;     )
+                ;   )
+              ; )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+
+(defwindow osettings
+  :wm-ignore true
+  :monitor 0
+  :focusable true
+  :exclusive true
+  :namespace "osettings"
+  :geometry (geometry
+    :x "0px"
+    :y "61px"
+    :height "1019px"
+    :anchor "top left"
+  )
+  (osettings)
+)
+
+(defwidget osettings-button []
+  (eventbox
+    :class "osettings-toggle-button-${rev_ostg}"
+    :onmiddleclick "playerctl play-pause"
+    :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+    :onclick "scripts/toggle-osettings.sh &"
+    :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+    (box
+      :class "module-button-pad-left"
+      (image
+        :path "images/svg/settings.svg"
+        :image-height 33
+        :image-width 33
+      )
+    )
+  )
+)
+
diff --git a/early/.config/eww/windows/overview.yuck b/early/.config/eww/windows/overview.yuck
new file mode 100755
index 000000000..092decd2d
--- /dev/null
+++ b/early/.config/eww/windows/overview.yuck
@@ -0,0 +1,246 @@
+(defwidget workspacebox [wspace]
+  (box ; Note: height 100px width 356px
+    :class "overview-ws overview-ws-${wspace[0].workspace.id == activews}"
+    (box
+      :space-evenly false
+      :orientation "h"
+      :style "
+      min-width: ${RES_WIDTH * OVERVIEW_SCALE}px;
+      min-height: ${RES_HEIGHT * OVERVIEW_SCALE}px;
+      "
+      (for ws-window in wspace
+        (box
+          :class "${ws-window.class == 'workspace' ? '' : 'overview-ws-window'}"
+          :style "
+          ${ws-window.address == selected ? 'border: 1px solid #FFFFFF' : ''};
+          ${ws-window.address == '_none' ? 'border: none' : ''};
+          margin-left: ${ws-window.at[0] * OVERVIEW_SCALE}px;
+          margin-top: ${ws-window.at[1] * OVERVIEW_SCALE}px;
+          margin-right: -${(ws-window.at[0] + ws-window.size[0]) * OVERVIEW_SCALE}px;
+          margin-bottom: ${RES_HEIGHT * OVERVIEW_SCALE - ((ws-window.at[1] + ws-window.size[1]) * OVERVIEW_SCALE)};
+          "
+          (eventbox
+            :onrightclick "scripts/selectwindow ${ws-window.address} '${EWW_CMD}' ${ws-window.workspace.id}"
+            :onmiddleclick "hyprctl dispatch closewindow address:${ws-window.address}"
+            :onclick "scripts/focuswindow ${ws-window.address} ${ws-window.workspace.id} && scripts/toggle-overview.sh --close &"
+            :onhover "${ws-window.class == 'workspace' ? '' : (EWW_CMD + ' update overview_hover_name=\'' + ws-window + '\'')}"
+            (box
+              :class "overview-background"
+              ; Uncomment below to enable thumbnail previews (VERY SLOW)
+              ; :style "
+              ; background-image: url('scripts/cache/thumbnails/${ws-window.address }.png');
+              ; "
+              (image
+                :class "overview-icon"
+                :path {ws-window.icon}
+                ; :image-width {round(ws-window.size[0] > ws-window.size[1] ? (ws-window.size[1] * 45 / 100 * OVERVIEW_SCALE) : (ws-window.size[0] * 45 / 100 * OVERVIEW_SCALE))}
+                ; :image-height {round(ws-window.size[0] > ws-window.size[1] ? (ws-window.size[1] * 45 / 100 * OVERVIEW_SCALE) : (ws-window.size[0] * 45 / 100 * OVERVIEW_SCALE))}
+                :image-width {round(ws-window.size[0] * OVERVIEW_SCALE * 45 / 100, 0)}
+                :image-height {round(ws-window.size[1] * OVERVIEW_SCALE * 45 / 100, 0)}
+                
+                ; :style "
+                ; background-size: ${ws-window.size[0] > ws-window.size[1] ? 'auto 45%' : '45% auto'};
+                ; background-image: url('${ws-window.icon}')
+                ; ;
+                ; "
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget overview []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :class "thewholething"
+    (eventbox
+      :onclick "scripts/toggle-overview.sh --close &"
+      :onmiddleclick "scripts/toggle-overview.sh --close &"
+      :onrightclick "scripts/toggle-overview.sh --close &"
+      :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    )
+    ; Search bar
+    (overlay
+      (box
+        :class "overview-search-area"
+        :space-evenly false
+        :halign "center"
+        :orientation "v"
+        (input
+          :class "overview-search-box"
+          :onchange "${EWW_CMD} update overview_query=\"{}\" && ${EWW_CMD} update overview_results=\"$(scripts/appsearch '{}')\" &"
+          :onaccept "scripts/launchapp '${overview_results == '[]' ? {} : overview_results[0].exec}' &"
+          :style "
+          border-radius: ${overview_query == '' ? 99 : 20}px;
+          min-width: ${overview_query == '' ? 130 : 445}px;
+          "
+        )
+        (revealer
+          :reveal false
+          :transition "slidedown"
+          (label
+            :text {ICON_GET} ; Dummy to keep listeners active
+          )
+        )
+      )
+      (box
+        :class "overview-search-typetosearch-pad"
+        :space-evenly false
+        :halign "center"
+        :orientation "v"
+        (revealer
+          :reveal "${overview_query == ''}"
+          :duration "100ms"
+          (label
+            :class "overview-search-typetosearch-text"
+            :xalign 0
+            :text "Type to search"
+          )
+        )
+      )
+    )
+    ; The overview
+    (eventbox
+      :onhoverlost `eww update overview_hover_name='{"class":"LMB: Focus | MMB: Close | RMB: Select/Move","title":"Activities Overview","workspace":{"id":5,"name":"5"},"icon": "/usr/share/icons/breeze-dark/actions/16/window.svg"}' &`
+      :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+      (revealer
+        :reveal "${overview_query == ''}"
+        :transition "slidedown"
+        :duration "${overview_query == '' ? '200ms cubic-bezier(0.05, 0.7, 0.1, 1)' : '100ms cubic-bezier(0.3, 0, 0.8, 0.15)'}"
+        :style "
+        transition: ${overview_query == '' ? '200ms cubic-bezier(0.05, 0.7, 0.1, 1)' : '100ms cubic-bezier(0.3, 0, 0.8, 0.15)'};
+        "
+        (revealer
+          :reveal "${overview_query == ''}"
+          :transition "crossfade"
+          :duration "${overview_query == '' ? '200ms cubic-bezier(0.05, 0.7, 0.1, 1)' : '100ms cubic-bezier(0.3, 0, 0.8, 0.15)'}"
+          :style "
+          transition: ${overview_query == '' ? '200ms cubic-bezier(0.05, 0.7, 0.1, 1)' : '100ms cubic-bezier(0.3, 0, 0.8, 0.15)'};
+          "
+          (box
+            :space-evenly false
+            :orientation "v"
+            :class "overview-window"
+            ; :space-evenly false
+            ; (label :text "${wsjsona}")
+            ; (label :text "${selected}")
+            (centerbox
+              :class "overview-window-title"
+              (label :halign "start" :style "margin: 5px;" :text "${overview_hover_name.class}")
+              (box
+                :space-evenly false
+                :orientation "h"
+                (image
+                  :class "overview-topbar-icon overview-icon"
+                  :path {overview_hover_name.icon}
+                  :image-height 30
+                  :image-width 30
+                  ; :style "
+                  ; background-image: url('${overview_hover_name.icon}');
+                  ; "
+                )
+                (label :text "${overview_hover_name.title}")
+              )
+              (button
+                :halign "end"
+                :class "overview-topbar-button"
+                :onclick "scripts/toggle-overview.sh --close"
+                (label :text "")
+              )
+            )
+            (box
+              :orientation "h"
+              (for wspace in wsjsona
+                (workspacebox
+                  :wspace {wspace}
+                )
+              )
+            )
+            (box
+              :orientation "h"
+              (for wspace in wsjsonb
+                (workspacebox
+                  :wspace {wspace}
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+    ; Search Results
+    (box
+      :class "overview-search-area"
+      :space-evenly false
+      :halign "center"
+      :orientation "v"
+      (revealer
+        :reveal "${overview_query != ''}"
+        :transition "slidedown"
+        :duration "${overview_query == '' ? '100ms cubic-bezier(0.3, 0, 0.8, 0.15)' : '200ms cubic-bezier(0.05, 0.7, 0.1, 1)'}"
+        :style "
+        transition: ${overview_query == '' ? '100ms cubic-bezier(0.3, 0, 0.8, 0.15)' : '200ms cubic-bezier(0.05, 0.7, 0.1, 1)'};
+        "
+        (revealer
+          :reveal "${overview_query != ''}"
+          :transition "crossfade"
+          :duration "${overview_query == '' ? '100ms cubic-bezier(0.3, 0, 0.8, 0.15)' : '200ms cubic-bezier(0.05, 0.7, 0.1, 1)'}"
+          :style "
+          transition: ${overview_query == '' ? '100ms cubic-bezier(0.3, 0, 0.8, 0.15)' : '200ms cubic-bezier(0.05, 0.7, 0.1, 1)'};
+          "
+          (scroll
+            :width 502
+            :height 547
+            (box
+              :halign "center"
+              :orientation "v"
+              :class "overview-results"
+              :spacing 2
+              :space-evenly false
+              (for entry in overview_results
+                (overlay
+                  :orientation "h"
+                  :space-evenly false
+                  (input
+                    :value "${entry.name}"
+                    :class "overview-search-result"
+                    :onaccept "scripts/launchapp '${entry.exec}' &"
+                  )
+                  (image
+                    :halign "start"
+                    :class "overview-search-result-icon"
+                    :path {(entry.icon != '_letter' && entry.icon != '') ? entry.icon : 'images/svg/dark/app.svg'}
+                    :image-width 33
+                    :image-height 33
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow overview
+  :stacking "overlay"
+  :focusable true
+  :wm-ignore true
+  :monitor 0
+  :geometry (geometry
+    ; :height 1080
+    ; :width 1920
+    :y "153px"
+    :anchor "top center"
+    ; :y "0px"
+    ; :anchor "center center"
+  )
+  ; (testing)
+  (overview)
+)
+
diff --git a/early/.config/eww/windows/supercontext.yuck b/early/.config/eww/windows/supercontext.yuck
new file mode 100755
index 000000000..8adfb5ffc
--- /dev/null
+++ b/early/.config/eww/windows/supercontext.yuck
@@ -0,0 +1,86 @@
+; (defvar dash_curve_in "transition: 150ms cubic-bezier(0.05, 0.9, 0.1, 1.0);")
+; (defvar dash_curve_out "transition: 80ms cubic-bezier(0.3, 0, 0.8, 0.15);")
+
+(defwidget supercontext_widget []
+  (box :width RES_WIDTH :height RES_HEIGHT
+    (overlay
+      ; Fullscreen box
+      (box
+        :width RES_WIDTH :height RES_HEIGHT
+        (eventbox
+          :onclick "scripts/toggle-supercontext.sh --close &"
+          :onmiddleclick "scripts/toggle-supercontext.sh --close &"
+          :onrightclick "scripts/toggle-supercontext.sh --close &"
+        )
+      )
+      (button ; Brutally kill button
+        :class "supercontext-button"
+        :tooltip "Brutally kill the active window"
+        :style "
+        margin-left: ${rev_supercontext ? (supercontext_pos_x + SUPERCONTEXT_OFFSET_X[0] - SUPERCONTEXT_BUTTON_RADIUS) : (supercontext_pos_x - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        margin-right: ${rev_supercontext ? (RES_WIDTH - supercontext_pos_x - SUPERCONTEXT_OFFSET_X[0] - SUPERCONTEXT_BUTTON_RADIUS) : (RES_WIDTH - supercontext_pos_x - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        margin-top: ${rev_supercontext ? (supercontext_pos_y + SUPERCONTEXT_OFFSET_Y[0] - SUPERCONTEXT_BUTTON_RADIUS) : (supercontext_pos_y - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        margin-bottom: ${rev_supercontext ? (RES_HEIGHT - supercontext_pos_y - SUPERCONTEXT_OFFSET_Y[0] - SUPERCONTEXT_BUTTON_RADIUS) : (RES_HEIGHT - supercontext_pos_y - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        "
+        :onclick "scripts/toggle-supercontext.sh --close && pkill $(hyprctl activewindow -j | gojq -r '.class') &"
+        (label :text "Dangerous")
+      )
+      (box ; Workspace swap button
+        :style "
+        margin-left: ${rev_supercontext ? (supercontext_pos_x + SUPERCONTEXT_OFFSET_X[1] - SUPERCONTEXT_BUTTON_RADIUS) : (supercontext_pos_x - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        margin-right: ${rev_supercontext ? (RES_WIDTH - supercontext_pos_x - SUPERCONTEXT_OFFSET_X[1] - SUPERCONTEXT_BUTTON_RADIUS) : (RES_WIDTH - supercontext_pos_x - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        margin-top: ${rev_supercontext ? (supercontext_pos_y + SUPERCONTEXT_OFFSET_Y[1] - SUPERCONTEXT_BUTTON_RADIUS) : (supercontext_pos_y - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        margin-bottom: ${rev_supercontext ? (RES_HEIGHT - supercontext_pos_y - SUPERCONTEXT_OFFSET_Y[1] - SUPERCONTEXT_BUTTON_RADIUS) : (RES_HEIGHT - supercontext_pos_y - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
+        "
+        (eventbox
+          :class "supercontext-button-number-child"
+          :tooltip "Swap workspace windows with..."
+          :onscroll "eww update ws_to_swap=$(( ${ws_to_swap == 0 ? activews : ws_to_swap} + $(echo {} | sed -e 's/down/-1/g' -e 's/up/+1/g') ))"
+          :onclick "scripts/toggle-supercontext.sh --close && scripts/swapws ${activews} ${ws_to_swap} &"
+          (label :text {ws_to_swap == 0 ? '' : ws_to_swap})
+        )
+      )
+      (button
+        :class "supercontext-button"
+        :style "
+        margin-left: ${rev_supercontext ? (supercontext_pos_x + SUPERCONTEXT_OFFSET_X[2] - SUPERCONTEXT_BUTTON_RADIUS) : (supercontext_pos_x - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        margin-right: ${rev_supercontext ? (RES_WIDTH - supercontext_pos_x - SUPERCONTEXT_OFFSET_X[2] - SUPERCONTEXT_BUTTON_RADIUS) : (RES_WIDTH - supercontext_pos_x - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        margin-top: ${rev_supercontext ? (supercontext_pos_y + SUPERCONTEXT_OFFSET_Y[2] - SUPERCONTEXT_BUTTON_RADIUS) : (supercontext_pos_y - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        margin-bottom: ${rev_supercontext ? (RES_HEIGHT - supercontext_pos_y - SUPERCONTEXT_OFFSET_Y[2] - SUPERCONTEXT_BUTTON_RADIUS) : (RES_HEIGHT - supercontext_pos_y - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        "
+      )
+      (button
+        :class "supercontext-button"
+        :style "
+        margin-left: ${rev_supercontext ? (supercontext_pos_x + SUPERCONTEXT_OFFSET_X[3] - SUPERCONTEXT_BUTTON_RADIUS) : (supercontext_pos_x - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        margin-right: ${rev_supercontext ? (RES_WIDTH - supercontext_pos_x - SUPERCONTEXT_OFFSET_X[3] - SUPERCONTEXT_BUTTON_RADIUS) : (RES_WIDTH - supercontext_pos_x - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        margin-top: ${rev_supercontext ? (supercontext_pos_y + SUPERCONTEXT_OFFSET_Y[3] - SUPERCONTEXT_BUTTON_RADIUS) : (supercontext_pos_y - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        margin-bottom: ${rev_supercontext ? (RES_HEIGHT - supercontext_pos_y - SUPERCONTEXT_OFFSET_Y[3] - SUPERCONTEXT_BUTTON_RADIUS) : (RES_HEIGHT - supercontext_pos_y - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        "
+      )
+      (button
+        :class "supercontext-button"
+        :style "
+        margin-left: ${rev_supercontext ? (supercontext_pos_x + SUPERCONTEXT_OFFSET_X[4] - SUPERCONTEXT_BUTTON_RADIUS) : (supercontext_pos_x - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        margin-right: ${rev_supercontext ? (RES_WIDTH - supercontext_pos_x - SUPERCONTEXT_OFFSET_X[4] - SUPERCONTEXT_BUTTON_RADIUS) : (RES_WIDTH - supercontext_pos_x - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        margin-top: ${rev_supercontext ? (supercontext_pos_y + SUPERCONTEXT_OFFSET_Y[4] - SUPERCONTEXT_BUTTON_RADIUS) : (supercontext_pos_y - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        margin-bottom: ${rev_supercontext ? (RES_HEIGHT - supercontext_pos_y - SUPERCONTEXT_OFFSET_Y[4] - SUPERCONTEXT_BUTTON_RADIUS) : (RES_HEIGHT - supercontext_pos_y - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        "
+      )
+    )
+  )
+)
+
+(defwindow supercontext
+  :focusable true
+  :geometry (geometry
+    :x 0
+    :y 0
+    :width "100%"
+    :height "100%"
+    :anchor "center center"
+  )
+  :monitor 0
+  (supercontext_widget)
+)
\ No newline at end of file
diff --git a/early/.config/eww/windows/system-menu.yuck b/early/.config/eww/windows/system-menu.yuck
new file mode 100755
index 000000000..575e29f30
--- /dev/null
+++ b/early/.config/eww/windows/system-menu.yuck
@@ -0,0 +1,187 @@
+(defwidget system-menu []
+  (eventbox
+    :onhoverlost "${EWW_CMD} close system-menu"
+    (box
+      :class "system-menu-box"
+      :space-evenly false
+      :orientation "v"
+      (box
+        :class "module"
+        :space-evenly false
+        :spacing 5
+        :halign "end"
+        (syscpu)
+        (sysmem)
+        (sysbatt)
+        (settingscog)
+      )
+      (box
+        :class "top-row"
+        :space-evenly false
+        (label :class "time" :text "${time.hour}:${time.minute}")
+        (box
+          :class "date-box"
+          :space-evenly false
+          (label :class "date" :text "${time.day},")
+          (label :class "date" :text "${time.date}")
+        )
+      )
+      
+      (box
+        :class "system-row"
+        :space-evenly false
+        (box
+          :class "wifi-box"
+          :space-evenly false
+          :orientation "v"
+          (box
+            :class "element icon"
+            :space-evenly false
+            (button
+              :class "wifi-button"
+              :onclick "scripts/net toggle"
+              {net.icon}
+            )
+            (label :class "separator" :text "|")
+            (button
+              :class "wifi-arrow-btn"
+              :onclick "eww close system-menu && nm-connection-editor &"
+              ""
+            )
+          )
+          (label :text {net.essid} :xalign 0.5 :limit-width 15)
+        )
+        
+        (box
+          :class "bluetooth-box"
+          :space-evenly false
+          :orientation "v"
+          (box
+            :class "element icon"
+            :space-evenly false
+            (button
+              :class "bluetooth-button"
+              :onclick "scripts/bluetooth toggle"
+              {bluetooth.icon}
+            )
+            (label :class "separator" :text "|")
+            (button
+              :class "bluetooth-arrow-btn"
+              :onclick "eww close system-menu && blueberry"
+              ""
+            )
+          )
+          (label
+            :text {bluetooth.text}
+            :xalign 0.5
+            :tooltip "${bluetooth.text} ${bluetooth.batt_icon}"
+            :limit-width 15
+          )
+        )
+        
+        (box
+          :class "airplane-box"
+          :space-evenly false
+          :orientation "v"
+          (box
+            :class "element"
+            (button
+              :class "airplane-button"
+              :onclick "scripts/airplane toggle"
+              airplane
+            )
+          )
+          (label :text "Airplane Mode" :xalign 0.5 :limit-width 16)
+        )
+        
+        (box
+          :space-evenly false
+          :orientation "v"
+          (box
+            :class "element"
+            (button
+              :halign "end"
+              ; :onclick "wlogout -p layer-shell &"
+              :onclick "wlogout"
+              ""
+            )
+          )
+          (label
+            :text "Power"
+            :xalign 0.5
+            :limit-width 16
+          )
+        )
+      )
+      (audiolevels)
+      (box
+        :class "system-info-box"
+        
+        ; cpu
+        (box
+          :class "sys-box"
+          :space-evenly false
+          :halign "start"
+          (circular-progress
+            :value "${EWW_CPU.avg}"
+            :class "sys-cpu"
+            :thickness 3
+            (label
+              :text ""
+            :class "sys-icon-cpu icon"))
+          (box
+            :orientation "v"
+            :vexpand false
+            (label
+              :text "CPU"
+              :halign "start"
+            :class "sys-text-cpu")
+            (label
+              :text "${round(EWW_CPU.avg,2)}%"
+              :halign "start"
+            :class "sys-text-sub")
+            (label
+              :text "${EWW_CPU.cores[0].freq} MHz"
+              :halign "start"
+            :class "sys-text-sub")))
+        
+        ; memory
+        (box
+          :class "sys-box"
+          :space-evenly false
+          :halign "end"
+          (circular-progress
+            :value {memory.percentage}
+            :class "sys-mem"
+            :thickness 3
+            (label
+              :text ""
+              :class "sys-icon-mem icon"
+            )
+          )
+          (box
+            :orientation "v"
+            (label :text "Memory" :halign "start" :class "sys-text-mem")
+            (label :text "${memory.used} / ${memory.total}" :halign "start" :class "sys-text-sub")
+            (label :text "Swap ${memory.swapused} / ${memory.swaptotal}" :halign "start" :class "sys-text-sub")
+          )
+        )
+      )
+    )
+  )
+)
+
+;; windows
+(defwindow system-menu
+  :wm-ignore true
+  :monitor 0
+  ; :focusable true
+  :geometry (geometry
+    :x "0"
+    :y "0"
+    :width "0%"
+    :height "0%"
+  :anchor "right top")
+  (system-menu)
+)
+
diff --git a/early/.config/eww/windows/themer.yuck b/early/.config/eww/windows/themer.yuck
new file mode 100755
index 000000000..e76922ae8
--- /dev/null
+++ b/early/.config/eww/windows/themer.yuck
@@ -0,0 +1,186 @@
+(defwidget themer_widget []
+  (box
+    :orientation "v"
+    :space-evenly false
+    :halign "fill"
+    :valign "fill"
+    (eventbox
+      :onclick "scripts/toggle-themer.sh --close &"
+      (box
+        :style "
+        ${rev_themer ? '' : 'margin-top: -600px;'}
+        ${anim_open_themer ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+        min-height: 1px;
+        "
+      )
+    )
+    (eventbox
+      ; :onhoverlost "${EWW_CMD} close themer && ${EWW_CMD} update themer_open=false"
+      (box
+        :space-evenly false
+        :orientation "h"
+        :class "themer-menu-box"
+        :style "
+        ${rev_themer ? '' : 'margin-top: -600px;'}
+        ${anim_open_themer ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+        "
+        (box
+          :space-evenly false :orientation "v"
+          (box
+            :style "padding-left: 10px; padding-right: 10px; padding-top: 10px; font-size: 15pt;"
+            :valign "start"
+            :space-evenly false
+            :spacing 4
+            (button
+              :class "themer-action-button themer-get"
+              :onclick "scripts/toggle-themer.sh --close && scripts/colormanage get &"
+              ""
+            )
+            (button
+              :class "themer-action-button themer-restore"
+              :onclick "scripts/toggle-themer.sh --close && scripts/colormanage default &"
+              ""
+            )
+            (button
+              :class "themer-action-button"
+              :onclick "scripts/toggle-themer.sh --close && scripts/togglelight light &"
+              :tooltip "Light mode (for generating new themes)"
+              ""
+            )
+            (button
+              :class "themer-action-button"
+              :onclick "scripts/toggle-themer.sh --close && scripts/togglelight dark &"
+              :tooltip "Dark mode (for generating new themes)"
+              ""
+            )
+          )
+          (label
+            :class "themer-title"
+            :text "Color profiles"
+            :xalign 0
+          )
+          (box
+            :space-evenly false
+            :orientation "h"
+            :halign "center"
+            (label
+              :hexpand true
+              :class "themer-prompt"
+              :text "Save "
+            )
+            (input
+              :class "themer-input"
+              :onaccept "scripts/colormanage save {}"
+            )
+          )
+          (box
+            :halign "center"
+            :space-evenly false
+            :orientation "h"
+            (label
+              :hexpand true
+              :class "themer-prompt"
+              :text "Load "
+            )
+            (input
+              :class "themer-input"
+              :onaccept "scripts/colormanage load {}"
+            )
+          )
+        )
+        ; colors
+        (box
+          :space-evenly false :orientation "v"
+          (label
+            :class "themer-title"
+            :text "Pywal Colors"
+            :xalign 0
+          )
+          (box
+            :spacing 3
+            :orientation "h"
+            :style "padding: 7px;"
+            (box :class "themer-color-preview preview-0" )
+            (box :class "themer-color-preview preview-1" )
+            (box :class "themer-color-preview preview-2" )
+            (box :class "themer-color-preview preview-3" )
+            (box :class "themer-color-preview preview-4" )
+            (box :class "themer-color-preview preview-5" )
+            (box :class "themer-color-preview preview-6" )
+            (box :class "themer-color-preview preview-7" )
+          )
+          (label
+            :class "themer-title"
+            :text "Primary, secondary"
+            :xalign 0
+          )
+          (box
+            :spacing 3
+            :orientation "h"
+            :style "padding: 7px;"
+            (box :class "themer-color-preview preview-primary" )
+            (box :class "themer-color-preview preview-onPrimary" )
+            (box :class "themer-color-preview preview-primaryContainer" )
+            (box :class "themer-color-preview preview-onPrimaryContainer" )
+            (box :class "themer-color-preview preview-secondary" )
+            (box :class "themer-color-preview preview-onSecondary" )
+            (box :class "themer-color-preview preview-secondaryContainer" )
+            (box :class "themer-color-preview preview-onSecondaryContainer" )
+          )
+          (label
+            :class "themer-title"
+            :text "Tertiary, bg, surface"
+            :xalign 0
+          )
+          (box
+            :spacing 3
+            :orientation "h"
+            :style "padding: 7px;"
+            (box :class "themer-color-preview preview-tertiary" )
+            (box :class "themer-color-preview preview-onTertiary" )
+            (box :class "themer-color-preview preview-tertiaryContainer" )
+            (box :class "themer-color-preview preview-onTertiaryContainer" )
+            (box :class "themer-color-preview preview-background" )
+            (box :class "themer-color-preview preview-onBackground" )
+            (box :class "themer-color-preview preview-surface" )
+            (box :class "themer-color-preview preview-onSurface" )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow themer
+  :wm-ignore true
+  :stacking "overlay"
+  :monitor 0
+  :geometry (geometry
+    :x "400px"
+    :y "61px"
+    :anchor "top right"
+    ; :width "0px"
+    ; :height "0px"
+  )
+  :focusable true
+  (themer_widget)
+)
+
+(defwidget themer []
+  (eventbox
+    :onscroll "hyprctl dispatch splitratio $(echo {} | sed -e \"s/up/-0.1/g\" -e \"s/down/+0.1/g\")"
+    :onhover "${EWW_CMD} update themer_hover=true"
+    :onhoverlost "${EWW_CMD} update themer_hover=false"
+    :class "osettings-toggle-button-${rev_themer}"
+    :onclick "scripts/toggle-themer.sh &"
+    (box
+      :class "module-button-pad-center"
+      :style "min-width: 53px;"
+      (image
+        :path "images/svg/beatmappacks.svg"
+        :image-width 33
+        :image-height 33
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/early/.config/eww/windows/winactions.yuck b/early/.config/eww/windows/winactions.yuck
new file mode 100755
index 000000000..004990051
--- /dev/null
+++ b/early/.config/eww/windows/winactions.yuck
@@ -0,0 +1,205 @@
+(defwidget winactions_widget []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :style "
+    ${anim_open_winactions ? 'transition: 150ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 100ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_winactions ? '' : 'margin-bottom: -700px;'}
+    "
+    (eventbox
+      :onclick "scripts/toggle-winactions.sh --close &"
+      :onmiddleclick "scripts/toggle-winactions.sh --close &"
+      :onrightclick "scripts/toggle-winactions.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 1px;"
+      )
+    )
+    ; Media controls
+    (revealer
+      :reveal {mname_win.title != ''}
+      :transition "slideup"
+      :duration "200ms"
+      (box
+        :class "winwin winactions-media-pad"
+        :space-evenly false :orientation "v"
+        :style "margin-bottom: 0px;"
+        :spacing 29
+        (box
+          :halign "start" :space-evenly false :orientation "h" :spacing 8
+          (label :class "win-segoeicon" :text "")
+          (label :class "win-segoeicon" :text "Media")
+        )
+        (box
+          :space-evenly false :orientation "h" :spacing 8
+          :width 346
+          (box
+            :space-evenly false :orientation "v" :hexpand true
+            (label :xalign 0 :limit-width 36 :class "winactions-media-title" :text {mname_win.title})
+            (label :xalign 0 :limit-width 36 :class "winactions-media-artist" :text {mname_win.artist})
+          )
+          (box
+            :halign "end"
+            :class "winactions-media-cover"
+            :style "background-image: url('${mcover.image}')"
+          )
+        )
+        (box
+          :halign "center"
+          :class "music-button-box-bar"
+          :spacing 42
+          (button
+            :class "winactions-media-button win-segoeicon"
+            :onclick "playerctl previous"
+            ""
+          )
+          (button
+            :class "winactions-media-button win-segoeicon"
+            :onclick "playerctl play-pause"
+            "${music.status != '' ? (music.status == '' ? '' : '') : ''}"
+          )
+          (button
+            :class "winactions-media-button win-segoeicon"
+            :onclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+            ""
+          )
+        )
+      )
+    )
+    (box
+      :class "winwin-top"
+      :space-evenly false
+      :orientation "v"
+      ; Row 1: Network, Bluetooth, Airplane
+      (box
+        :class "winactions-togglerow"
+        :space-evenly false
+        (box :orientation "v" :space-evenly false
+          (box
+            :class "winactions-toggle winactions-toggle-${net.level != '0' && net.essid != 'lo'}"
+            :orientation "h"
+            (button
+              :onclick "scripts/net toggle"
+              :class "winactions-toggle-icon winactions-toggle-icon-left winwifi${net.level}${net.essid != 'lo' ? '-activated' : ''}"
+            )
+            (button
+              :onclick "gnome-control-center wifi &"
+              :class "winactions-toggle-icon winactions-toggle-arrow${(net.essid != 'lo') ? '-activated' : ''}"
+            )
+          )
+          (label :class "wintoggle-text" :text "${net.essid}")
+        )
+        (box :orientation "v" :space-evenly false
+          (box
+            :class "winactions-toggle winactions-toggle${bluetooth.text == 'Bluetooth off' ? '' : '-true'}"
+            :orientation "h"
+            (button
+              :onclick "scripts/bluetooth toggle &"
+              :class "winactions winactions-toggle-icon-left winbluetooth${bluetooth.text == 'Disconnected' ? '' : (bluetooth.text == 'Bluetooth off' ? '-false' : '-true')}"
+            )
+            (button
+              :onclick "blueberry &"
+              :class "winactions-toggle-icon-right winactions-toggle-arrow${bluetooth.text == 'Bluetooth off' ? '' : '-activated'}"
+            )
+          )
+          (label :class "wintoggle-text" :text "${bluetooth.text}")
+        )
+        (box :orientation "v" :space-evenly false
+          (box
+            :class "winactions-toggle winactions-toggle-center"
+            (button
+              :onclick "scripts/airplane toggle &"
+              :class "winactions-toggle-icon winactions-toggle-icon-center winactions-airplane"
+            )
+          )
+          (label :class "wintoggle-text" :text "Flight Mode")
+        )
+      )
+      ; Row 2: Night light
+      (box
+        :class "winactions-togglerow"
+        :space-evenly false
+        (box
+          :orientation "v" :space-evenly false
+          (box
+            :class "winactions-toggle winactions-toggle-center winactions-toggle-${hyprjson.nightlight}"
+            (button
+              :onclick "scripts/toggle-nightlight.sh &"
+              :class "winactions-toggle-icon winactions-toggle-icon-center winactions-nightlight${hyprjson.nightlight ? '-activated' : ''}"
+            )
+          )
+          (label :class "wintoggle-text" :text "Night Light")
+        )
+      )
+      (box :height 30)
+      ; Slider 1: brightness
+      (box
+        :space-evenly false
+        :orientation "h"
+        :class "winactions-sliderrow "
+        (box :class "winicon winbrightness winactions-element")
+        (scale
+          :value "${brightness.level}"
+          :onchange "light -S {}"
+          :class "winslider winslider-winactions"
+        )
+      )
+      ; Slider 1: Volume
+      (box
+        :space-evenly false
+        :orientation "h"
+        :class "winactions-sliderrow"
+        (button
+          :class "winicon winvol${volume.audio == 1 ? round(volume.percent / 33, 0) : 'mute'} winactions-element"
+          :onclick "scripts/volume mute SINK &"
+        )
+        (scale
+          :value "${volume.percent}"
+          :onchange "scripts/volume setvol SINK {}"
+          :class "winslider winslider-winactions"
+        )
+      )
+    )
+    (box
+      :class "winwin-bottom"
+      :space-evenly false
+      :orientation "v"
+      (centerbox
+        :space-evenly false
+        :orientation "h"
+        :class "winwin-bottom-pad"
+        (button
+          :class "winactions-bottom-button"
+          :halign "start"
+          :style "padding: 0 13px;"
+          :onclick "scripts/toggle-winactions.sh --close power &"
+          (box
+            :space-evenly false
+            :orientation "h"
+            (box :class "winicon winbat${round(battery.percentage / 10, 0)}")
+            (label :class "wintoggle winbartext" :text "${battery.percentage}%")
+          )
+        )
+        (box)
+        (box
+          (button
+            :halign "end"
+            :onclick "scripts/toggle-winactions.sh --close settings &"
+            :class "winactions-bottom-button wincog winicon"
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow winactions
+  :wm-ignore true
+  :monitor 0
+  :focusable true
+  :geometry (geometry
+    :x "0px"
+    :y "50px"
+    :anchor "bottom right"
+  )
+  (winactions_widget)
+)
\ No newline at end of file
diff --git a/early/.config/eww/windows/winbsod.yuck b/early/.config/eww/windows/winbsod.yuck
new file mode 100755
index 000000000..37a9862b3
--- /dev/null
+++ b/early/.config/eww/windows/winbsod.yuck
@@ -0,0 +1,78 @@
+(defwidget winbsod_widget []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :class "thewholething"
+    :height 1080
+    :width 1920
+    (box
+      :height 1080
+      :width 1920
+      :class "winbsod-background"
+      (box
+        :orientation "v"
+        :space-evenly false :spacing 10
+        :halign "start" :valign "start"
+        :style "
+        margin-left: 200px;
+        margin-top: 115px;
+        "
+        (label :xalign 0
+          :class "winbsod-text winbsod-face"
+          :text ":(" ;) <-- closing bracket so that the formatter wont mess up lmao
+        )
+        (label :xalign 0
+          :class "winbsod-text winbsod-desc"
+          :halign "start" :valign "start"
+          :text "Your PC ran into a problem and needs to restart. We're \\\njust collecting some error info, and then we'll restart for \\\nyou." ;) <-- closing bracket so that the formatter wont mess up lmao
+        )
+        (label :xalign 0
+          :class "winbsod-text winbsod-desc"
+          :style "margin-top: 35px;"
+          :text "69% complete"
+        )
+        (box
+          :orientation "h"
+          :space-evenly false :spacing 20
+          :style "margin-top: 35px;"
+          (image
+            :path "images/pictures/qr_aur.png"
+            :image-width 115
+            :image-height 115
+          )
+          (box
+            :orientation "v"
+            :space-evenly false
+            (label :xalign 0 :yalign 0 :valign "start"
+              :class "winbsod-text winbsod-technicalinfo"
+              :text "Thanks for watching guys, stay safe"
+            )
+            (label :xalign 0 :yalign 0 :valign "start"
+              :class "winbsod-text winbsod-technicalinfo"
+              :style "margin-top: 35px;"
+              :text "If you're wondering, this QR code takes you to AUR homepage."
+            )
+            (label :xalign 0 :yalign 0 :valign "start"
+              :class "winbsod-text winbsod-technicalinfo"
+              :text "Stop code: ERRRRMMM" 
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow winbsod
+  :stacking "fg"
+  :focusable true
+  :wm-ignore true
+  :monitor 0
+  :namespace "gamebar"
+  :geometry (geometry
+    :height "100%"
+    :width "100%"
+    :anchor "center center"
+  )
+  (winbsod_widget)
+)
\ No newline at end of file
diff --git a/early/.config/eww/windows/wingamebar.yuck b/early/.config/eww/windows/wingamebar.yuck
new file mode 100755
index 000000000..01c743fb1
--- /dev/null
+++ b/early/.config/eww/windows/wingamebar.yuck
@@ -0,0 +1,390 @@
+(defwidget wingamebarwidget []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :class "thewholething"
+    :height 1080
+    :width 1920
+    (overlay
+      (box
+        :height 1080
+        :width 1920
+        :class "wingamebar-overlay"
+      )
+      ; Controls
+      (eventbox
+        :onclick "scripts/toggle-wingamebar.sh --close"
+        :onrightclick "scripts/toggle-wingamebar.sh --close"
+        :onmiddleclick "scripts/toggle-wingamebar.sh --close"
+        (box :space-evenly false
+          :style "
+          margin-left: ${RES_WIDTH / 2 + ((gamebarwidgets.controls.at[0] - (RES_WIDTH / 2)) * (rev_wingamebar ? 1 : 1.03)) - (gamebarwidgets.controls.size[0] / 2)};
+          margin-top: ${RES_HEIGHT / 2 + ((gamebarwidgets.controls.at[1] - (RES_HEIGHT / 2)) * (rev_wingamebar ? 1 : 1.03)) - (gamebarwidgets.controls.size[1] / 2)};
+          margin-right: ${RES_WIDTH - (RES_WIDTH / 2 + ((gamebarwidgets.controls.at[0] - (RES_WIDTH / 2)) * (rev_wingamebar ? 1 : 1.03)) + (gamebarwidgets.controls.size[0] / 2))};
+          margin-bottom: ${RES_HEIGHT - (RES_HEIGHT / 2 + ((gamebarwidgets.controls.at[1] - (RES_HEIGHT / 2)) * (rev_wingamebar ? 1 : 1.03)) + (gamebarwidgets.controls.size[1] / 2))};
+          "
+          :class "wingamebar-window"
+          :halign "center"
+          (box :space-evenly false :orientation "h"
+            :class "wingamebar-control-sidesection-left"
+            (button
+              :class "wingamebar-control-button"
+              (label :class "win-segoeicon wingamebar-control-button" :text "")
+            )
+          )
+          (box
+            :class "wingamebar-control-appsection"
+            (button
+              :class "wingamebar-control-button-active"
+              (label :class "win-segoeicon wingamebar-control-button" :text "")
+            )
+            (button
+              :class "wingamebar-control-button-active"
+              (label :class "win-segoeicon wingamebar-control-button" :text "")
+            )
+            (button
+              :class "wingamebar-control-button-active"
+              (label :class "win-segoeicon wingamebar-control-button" :text "")
+            )
+          )
+          (box :space-evenly false :orientation "h"
+            :class "wingamebar-control-sidesection-right"
+            (label :class "wingamebar-text wingamebar-text-clock" :text {time12})
+          )
+        )
+      )
+      ; Capture
+      (box
+        :style "
+        margin-left: ${RES_WIDTH / 2 + ((gamebarwidgets.capture.at[0] - (RES_WIDTH / 2)) * (rev_wingamebar ? 1 : 1.03)) - (gamebarwidgets.capture.size[0] / 2)};
+        margin-top: ${RES_HEIGHT / 2 + ((gamebarwidgets.capture.at[1] - (RES_HEIGHT / 2)) * (rev_wingamebar ? 1 : 1.03)) - (gamebarwidgets.capture.size[1] / 2)};
+        margin-right: ${RES_WIDTH - (RES_WIDTH / 2 + ((gamebarwidgets.capture.at[0] - (RES_WIDTH / 2)) * (rev_wingamebar ? 1 : 1.03)) + (gamebarwidgets.capture.size[0] / 2))};
+        margin-bottom: ${RES_HEIGHT - (RES_HEIGHT / 2 + ((gamebarwidgets.capture.at[1] - (RES_HEIGHT / 2)) * (rev_wingamebar ? 1 : 1.03)) + (gamebarwidgets.capture.size[1] / 2))};
+        "
+        :class "wingamebar-window"
+        :orientation "v" :space-evenly false
+        (centerbox
+          :class "wingamebar-titlebar"
+          :valign "start" :height 33
+          (box
+            :space-evenly false :spacing 10
+            (label :xalign 0 :class "wingamebar-icon" :text "")
+            (label :xalign 0 :class "wingamebar-text" :text "Capture")
+          )
+          (box)
+          (label :halign "end" :xalign 1 :class "wingamebar-title" :text "")
+        )
+        (box
+          :class "wingamebar-capture"
+          :space-evenly false :spacing 21
+          (button
+            :valign "start"
+            :class "wingamebar-capture-button wingamebar-button"
+            :onclick "scripts/toggle-wingamebar.sh --close && grim ~/Pictures/Screenshots/screenshot_$(date '+%Y_%m_%_d..%H.%M').png &"
+            (label :class "win-segoeicon" :text "")
+          )
+          (button
+            :valign "start"
+            :class "wingamebar-capture-button-unavailable"
+            (label :class "win-segoeicon" :text "")
+          )
+          (button
+            :valign "start"
+            :class "wingamebar-capture-button wingamebar-button"
+            :onclick "scripts/toggle-wingamebar.sh --close && ~/.local/bin/record-script.sh ${record_sound ? '--sound ' : ''}&"
+            (label :class "win-segoeicon" :text "")
+          )
+          (button
+            :valign "start"
+            :class "wingamebar-capture-button wingamebar-button"
+            :onclick "${EWW_CMD} update record_sound='${!record_sound}'"
+            (label :class "win-segoeicon" :text "${record_sound ? '' : ''}")
+          )
+        )
+        (label :xalign 0 :class "wingamebar-content wingamebar-text wingamebar-subtext" :text {awin.title} :limit-width 38)
+        (eventbox
+          :class "wingamebar-button-pad"
+          :onclick "scripts/toggle-wingamebar.sh --close && xdg-open ~/Videos &"
+          (box
+            :class "wingamebar-content wingamebar-capture-bottom"
+            :space-evenly false :spacing 8
+            (label :class "win-segoeicon" :text "")
+            (label :class "wingamebar-text" :text "See my captures")
+          )
+        )
+      )
+      ; Autio
+      (box
+        :style "
+        margin-left: ${RES_WIDTH / 2 + ((gamebarwidgets.audio.at[0] - (RES_WIDTH / 2)) * (rev_wingamebar ? 1 : 1.03)) - (gamebarwidgets.audio.size[0] / 2)};
+        margin-top: ${RES_HEIGHT / 2 + ((gamebarwidgets.audio.at[1] - (RES_HEIGHT / 2)) * (rev_wingamebar ? 1 : 1.03)) - (gamebarwidgets.audio.size[1] / 2)};
+        margin-right: ${RES_WIDTH - (RES_WIDTH / 2 + ((gamebarwidgets.audio.at[0] - (RES_WIDTH / 2)) * (rev_wingamebar ? 1 : 1.03)) + (gamebarwidgets.audio.size[0] / 2))};
+        margin-bottom: ${RES_HEIGHT - (RES_HEIGHT / 2 + ((gamebarwidgets.audio.at[1] - (RES_HEIGHT / 2)) * (rev_wingamebar ? 1 : 1.03)) + (gamebarwidgets.audio.size[1] / 2))};
+        "
+        :orientation "v" :space-evenly false
+        :class "wingamebar-window"
+        (centerbox
+          :class "wingamebar-titlebar"
+          :valign "start" :height 33
+          (box
+            :space-evenly false :spacing 10
+            (label :xalign 0 :class "wingamebar-icon" :text "")
+            (label :xalign 0 :class "wingamebar-text" :text "Audio")
+          )
+          (box)
+          (label :halign "end" :xalign 1 :class "wingamebar-title" :text "")
+        )
+        ; Select audio/mic
+        (box
+          :space-evenly false :orientation "h"
+          :class "wingamebar-navbar"
+          (button
+            :class "wingamebar-navbar-button"
+            (label :class "wingamebar-text" :text "MIX")
+          )
+        )
+        ; System volume
+        (box
+          :space-evenly false :orientation "v"
+          :class "wingamebar-audio-sys"
+          (label :xalign 0 :class "wingamebar-text wingamebar-text-small wingamebar-subtext"
+            :text "DEFAULT  OUTPUT"
+          )
+          (label :xalign 0 :class "wingamebar-text" :style "padding-top: 21px; padding-bottom: 7px;"
+            :text {audiodevice} :limit-width 37
+          )
+          (box
+            :space-evenly false :orientation "h"
+            (button
+              :class "winicon winvol${volume.audio == 1 ? round(volume.percent / 33, 0) : 'mute'}"
+              :onclick "scripts/volume mute SINK &"
+            )
+            (scale
+              :value "${volume.percent}"
+              :onchange "scripts/volume setvol SINK {}"
+              :class "winslider winslider-gamebar-sys"
+            )
+          )
+        )
+        ; (scroll
+          ;   :height 576
+          (box
+            :space-evenly false :orientation "v"
+            (for app in audiojson
+              (box
+                :orientation "v" :space-evenly false :spacing 17
+                :style "margin-top: 17px;"
+                (for ser in {app["volume"]}
+                  (eventbox
+                    :onscroll "pactl set-sink-input-volume ${ser[0]} $(echo {} | sed -e \"s/up/+5/g\" -e \"s/down/-5/g\")%"
+                    :onrightclick "pactl set-sink-input-volume ${ser[0]} 100%"
+                    :onclick "pactl set-sink-input-volume ${ser[0]} 0%"
+                    (box :orientation "h" :space-evenly false :spacing 17
+                      (image :class "wingamebar-audio-appicon" :image-width 37 :image-height 37
+                        :path {app.icon}
+                      )
+                      (box :space-evenly false :orientation "v"
+                        (label :xalign 0 :class "wingamebar-text" :text "${app.name} #${ser[0]}")
+                        (box
+                          :space-evenly false :orientation "h"
+                          (button
+                            :class "winicon winvol${round((ser[1] < 100 ? ser[1] : 100) / 33, 0)}"
+                            :style "margin-right: 2px;"
+                          )
+                          (scale
+                            :value {ser[1] <= 100 ? ser[1] : 100}
+                            :onchange "pactl set-sink-input-volume ${ser[0]} {}%"
+                            :class "winslider winslider-gamebar-app"
+                          )
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          ; )
+        )
+      )
+      ; Performancee
+      (box :orientation "v" :space-evenly false
+        :style "
+        margin-left: ${RES_WIDTH / 2 + ((gamebarwidgets.performance.at[0] - (RES_WIDTH / 2)) * (rev_wingamebar ? 1 : 1.03)) - (gamebarwidgets.performance.size[0] / 2)};
+        margin-top: ${RES_HEIGHT / 2 + ((gamebarwidgets.performance.at[1] - (RES_HEIGHT / 2)) * (rev_wingamebar ? 1 : 1.03)) - (gamebarwidgets.performance.size[1] / 2)};
+        margin-right: ${RES_WIDTH - (RES_WIDTH / 2 + ((gamebarwidgets.performance.at[0] - (RES_WIDTH / 2)) * (rev_wingamebar ? 1 : 1.03)) + (gamebarwidgets.performance.size[0] / 2))};
+        margin-bottom: ${RES_HEIGHT - (RES_HEIGHT / 2 + ((gamebarwidgets.performance.at[1] - (RES_HEIGHT / 2)) * (rev_wingamebar ? 1 : 1.03)) + (gamebarwidgets.performance.size[1] / 2))};
+        "
+        :class "wingamebar-window"
+        (centerbox
+          :class "wingamebar-titlebar"
+          :valign "start" :height 33
+          (box
+            :space-evenly false :spacing 10
+            (label :xalign 0 :class "wingamebar-icon" :text "")
+            (label :xalign 0 :class "wingamebar-text" :text "Performance")
+          )
+          (box)
+          (label :halign "end" :xalign 1 :class "wingamebar-title" :text "")
+        )
+        (box :orientation "h" :space-evenly false
+          (box :orientation "v" :space-evenly false
+            :class "wingamebar-performance-metricscolumn"
+            (button
+              :class "wingamebar-performance-metric-${resource_metric == 'cpu'}"
+              :onclick "${EWW_CMD} update resource_metric='cpu' &"
+              (label :xalign 0 :class "wingamebar-text"
+                :text "CPU ${round(EWW_CPU.avg, 0)}%"
+              )
+            )
+            (button
+              :class "wingamebar-performance-metric-${resource_metric == 'ram'}"
+              :onclick "${EWW_CMD} update resource_metric='ram' &"
+              (label :xalign 0 :class "wingamebar-text"
+                :text "RAM ${round(memory.percentage, 0)}%"
+              )
+            )
+            (button
+              :class "wingamebar-performance-metric-${resource_metric == 'swap'}"
+              :onclick "${EWW_CMD} update resource_metric='swap' &"
+              (label :xalign 0 :class "wingamebar-text"
+                :text "SWAP ${round(memory.swappercentage, 0)}%"
+              )
+            )
+          )
+          ; Graph
+          (box :width 236 :height 191 :space-evenly false
+            :class "wingamebar-performance-grapharea"
+            (revealer :reveal {resource_metric == 'cpu'}
+              :transition "slideright" :duration "0ms"
+              (overlay
+                (box
+                  :width 236 :height 191
+                  :orientation "v" :space-evenly false
+                  :class "wingamebar-performance-graph-graphpad"
+                  (graph
+                    :width 202 :height 117
+                    :class "wingamebar-graph"
+                    :value {round(EWW_CPU.avg, 0)}
+                    :thickness 3
+                    :time-range "30s"
+                    :line-style "round"
+                  )
+                )
+                (centerbox
+                  :width 236 :height 191
+                  :orientation "v" :space-evenly false
+                  :class "wingamebar-performance-graphpad"
+                  (box :space-evenly false :orientation "v"
+                    (centerbox
+                      (label :xalign 0 :class "wingamebar-text wingamebar-text-bigmetric" :text "${round(EWW_CPU.avg, 0)}%")
+                      (box)
+                      (label :xalign 1 :yalign 0 :class "wingamebar-text wingamebar-text-small" :text "100")
+                    )
+                    (label :xalign 0 :class "wingamebar-text wingamebar-subtext wingamebar-text-small" :text "${EWW_CPU['cores'][0]['freq']} MHz")
+                  )
+                  (box)
+                  (centerbox
+                    :valign "end"
+                    (label :xalign 0 :class "wingamebar-text wingamebar-subtext wingamebar-text-small" :text "30 SECONDS")
+                    (box)
+                    (label :xalign 1 :yalign 1 :class "wingamebar-text wingamebar-text-small" :text "0")
+                  )
+                )
+              )
+            )
+            (revealer :reveal {resource_metric == 'ram'}
+              :transition "slideright" :duration "0ms"
+              (overlay
+                (box
+                  :width 236 :height 191
+                  :orientation "v" :space-evenly false
+                  :class "wingamebar-performance-graph-graphpad"
+                  (graph
+                    :width 202 :height 117
+                    :class "wingamebar-graph"
+                    :value {round(memory.percentage, 0)}
+                    :thickness 3
+                    :time-range "30s"
+                    :line-style "round"
+                  )
+                )
+                (centerbox
+                  :width 236 :height 191
+                  :orientation "v" :space-evenly false
+                  :class "wingamebar-performance-graphpad"
+                  (box :space-evenly false :orientation "v"
+                    (centerbox
+                      (label :xalign 0 :class "wingamebar-text wingamebar-text-bigmetric" :text "${round(memory.percentage, 0)}%")
+                      (box)
+                      (label :xalign 1 :yalign 0 :class "wingamebar-text wingamebar-text-small" :text "100")
+                    )
+                    (label :xalign 0 :class "wingamebar-text wingamebar-subtext wingamebar-text-small" :text "${memory.used}b")
+                  )
+                  (box)
+                  (centerbox
+                    :valign "end"
+                    (label :xalign 0 :class "wingamebar-text wingamebar-subtext wingamebar-text-small" :text "30 SECONDS")
+                    (box)
+                    (label :xalign 1 :yalign 1 :class "wingamebar-text wingamebar-text-small" :text "0")
+                  )
+                )
+              )
+            )
+            (revealer :reveal {resource_metric == 'swap'}
+              :transition "slideright" :duration "0ms"
+              (overlay
+                (box
+                  :width 236 :height 191
+                  :orientation "v" :space-evenly false
+                  :class "wingamebar-performance-graph-graphpad"
+                  (graph
+                    :width 202 :height 117
+                    :class "wingamebar-graph"
+                    :value {round(memory.swappercentage, 0)}
+                    :thickness 3
+                    :time-range "30s"
+                    :line-style "round"
+                  )
+                )
+                (centerbox
+                  :width 236 :height 191
+                  :orientation "v" :space-evenly false
+                  :class "wingamebar-performance-graphpad"
+                  (box :space-evenly false :orientation "v"
+                    (centerbox
+                      (label :xalign 0 :class "wingamebar-text wingamebar-text-bigmetric" :text "${round(memory.swappercentage, 0)}%")
+                      (box)
+                      (label :xalign 1 :yalign 0 :class "wingamebar-text wingamebar-text-small" :text "100")
+                    )
+                    (label :xalign 0 :class "wingamebar-text wingamebar-subtext wingamebar-text-small" :text "${memory.swapused}b")
+                  )
+                  (box)
+                  (centerbox
+                    :valign "end"
+                    (label :xalign 0 :class "wingamebar-text wingamebar-subtext wingamebar-text-small" :text "30 SECONDS")
+                    (box)
+                    (label :xalign 1 :yalign 1 :class "wingamebar-text wingamebar-text-small" :text "0")
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow wingamebar
+  :stacking "overlay"
+  :focusable true
+  :wm-ignore true
+  :monitor 0
+  :namespace "gamebar"
+  :geometry (geometry
+    :height "100%"
+    :width "100%"
+    :anchor "center center"
+  )
+  (wingamebarwidget)
+)
\ No newline at end of file
diff --git a/early/.config/eww/windows/winlang.yuck b/early/.config/eww/windows/winlang.yuck
new file mode 100755
index 000000000..18ba97a8c
--- /dev/null
+++ b/early/.config/eww/windows/winlang.yuck
@@ -0,0 +1,91 @@
+(defwidget winlang_widget []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :style "
+    ${anim_open_winlang ? 'transition: 150ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 100ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_winlang ? '' : 'margin-bottom: -700px;'}
+    "
+    (eventbox
+      :onclick "scripts/toggle-winlang.sh --close &"
+      :onmiddleclick "scripts/toggle-winlang.sh --close &"
+      :onrightclick "scripts/toggle-winlang.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 1px;"
+      )
+    )
+    (box
+      :space-evenly false :orientation "v"
+      :class "winwin-top"
+      :width 378
+      (box
+        :space-evenly false :spacing 10
+        :style "padding: 15px;"
+        (label :xalign 0
+          :class "winlang-text"
+          :text "Keyboard layout"
+        )
+        ; (label :xalign 0
+          ;   :class "winlang-subtext"
+          ;   :text "Win + Space"
+        ; )
+      )
+      (box
+        :space-evenly false :orientation "v"
+        (for language in langs
+          (button
+            :class "winlang-lang${language.name_ibus == lang_ibus.name_ibus ? '-true' : '-false'}"
+            :onclick "ibus engine ${language.name_ibus} && eww update lang_ibus='${language}' &"
+            :height 76
+            (box
+              :orientation "h" :space-evenly false :spacing 10
+              ; :class "winlang-lang-true"
+              (label :xalign 0
+                :width 35
+                :text {language.name_abbr}
+              )
+              (box
+                :space-evenly false :orientation "v"
+                (label :xalign 0
+                  :text {language.name}
+                )
+                (label :xalign 0
+                  :text {language.name_method}
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+    (box
+      :space-evenly false :orientation "v"
+      :class "winwin-bottom"
+      :width 420
+      (box
+        :class "winwin-bottom-pad"
+        (button
+          :class "winlang-bottom-button"
+          :onclick "scripts/toggle-winlang.sh --close && gnome-control-center keyboard &"
+          (label :xalign 0
+            :class "winlang-text"
+            :style "padding: 0 5px;"
+            :text "More keyboard settings"
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow winlang
+  :wm-ignore true
+  :monitor 0
+  :focusable true
+  :geometry (geometry
+    :x "0px"
+    :y "50px"
+    :anchor "bottom right"
+  )
+  (winlang_widget)
+)
\ No newline at end of file
diff --git a/early/.config/eww/windows/winnews.yuck b/early/.config/eww/windows/winnews.yuck
new file mode 100755
index 000000000..b9b393ee9
--- /dev/null
+++ b/early/.config/eww/windows/winnews.yuck
@@ -0,0 +1,718 @@
+(defwidget cavacol_winnews [nth dir]
+  (box
+    :valign "${dir == 'up' ? 'end' : (
+      dir == 'down' ? 'start' : (
+        dir == 'virt' ? 'center' : 'fill'
+      )
+    )}"
+    :halign "${dir == 'right' ? 'start' : (
+      dir == 'left' ? 'end' : (
+        dir == 'hori' ? 'center' : 'fill'
+      )
+    )}"
+    :width 15
+    :class "winnews-cava-column"
+    :style "
+    transition: 0ms;
+    min-${dir == 'up' || dir == 'down' ? 'height' : 'width'}: ${cavajson[nth] / 8}px;
+    "
+  )
+)
+
+(defwidget checkboxhyprctl-win [value changevalue]
+  (eventbox
+    :cursor "pointer"
+    :onclick "hyprctl keyword ${changevalue} ${1 - value} && scripts/hyprsettings tickle"
+    (box
+      :class "win-checkbox-${value}"
+      :halign "end"
+    )
+  )
+)
+
+(defwidget winnews_widget []
+  (box
+    :orientation "v" :space-evenly false
+    :width {RES_WIDTH / 2}
+    :height {RES_HEIGHT - 51}
+    :style "
+    ${anim_open_winnews ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_winnews ? '' : 'margin-left: -960px; margin-right: 960px;'}
+    "
+    (eventbox
+      :onclick "scripts/toggle-winnews.sh --close &"
+      :onmiddleclick "scripts/toggle-winnews.sh --close &"
+      :onrightclick "scripts/toggle-winnews.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 0px;"
+      )
+    )
+    (box :space-evenly false :orientation "v"
+      :width {RES_WIDTH / 2 - 24}
+      :height {RES_HEIGHT - 51}
+      :class "winwin"
+      (centerbox
+        :class "winnews-topbar"
+        :height 35
+        (box :space-evenly false :height 35
+          (label :class "winnews-clock" :text "Widgets")
+        )
+        (box :space-evenly false :height 35
+          (overlay
+            (box :space-evenly false
+              :class "winnews-search-prompt"
+              :height 33 :width 500
+              (box
+                :halign "start"
+                :class "winsearch-icon winstart-search-searchbox-icon"
+                :style "margin-left: 5px;"
+              )
+              (revealer
+                :reveal {oquery == ''}
+                :halign "start"
+                :duration "100ms"
+                (label :class "winnews-search-prompt-text" :xalign 0 :text "Search Widgets")
+              )
+            )
+            (input
+              :class "winnews-search-contents"
+              :onchange "${EWW_CMD} update oquery='{}' &"
+            )
+          )
+        )
+        (box :space-evenly false :height 35
+          :halign "end"
+          (label :class "winnews-clock" :text {time12})
+          (button
+            :halign "end"
+            :class "winnews-user"
+            :onclick "scripts/toggle-winnews.sh --close && gnome-control-center user-accounts &"
+            (box :height 35 :width 35
+              :class "winstart-user-icon"
+            )
+          )
+        )
+      )
+      (scroll
+        :height 930
+        (box :orientation "h" :spacing 12
+          :class "winnews-widgets"
+          (box :orientation "v" :spacing 12 :space-evenly false
+            ; System info
+            (revealer
+              :reveal "${matches('fetch system information user distro kernel uptime de desktop packages',oquery)}"
+              :transition "slidedown"
+              :duration "200ms"
+              (revealer
+                :reveal "${matches('fetch system information user distro kernel uptime de desktop packages',oquery)}"
+                :transition "fade"
+                :duration "200ms"
+                (box :orientation "v" :space-evenly false
+                  :class "winnews-widget"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    (label
+                      :halign "start"
+                      :class "winnews-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "winnews-section"
+                      :text "System info"
+                    )
+                  )
+                  (box
+                    :orientation "v" :space-evenly false :valign "center"
+                    :class "winnews-fetch-pad"
+                    (box
+                      :orientation "h" :space-evenly false :spacing 20
+                      (label :class "winnews-fetch-icon" :text "")
+                      (label :class "winnews-text" :text "${username + '@' + hostname}")
+                    )
+                    (box
+                      :orientation "h" :space-evenly false :spacing 20
+                      (label :class "winnews-fetch-icon" :text "")
+                      (label :class "winnews-text" :text "${kernel}")
+                    )
+                    (box
+                      :orientation "h" :space-evenly false :spacing 20
+                      (label :class "winnews-fetch-icon" :text "")
+                      (label :class "winnews-text" :text "${uptime}")
+                    )
+                    (box
+                      :orientation "h" :space-evenly false :spacing 20
+                      (label :class "winnews-fetch-icon" :text "")
+                      (label :class "winnews-text" :text "${wm}")
+                    )
+                    (box
+                      :orientation "h" :space-evenly false :spacing 20
+                      (label :class "winnews-fetch-icon" :text "")
+                      (label :class "winnews-text" :text "${packages}")
+                    )
+                  )
+                )
+              )
+            )
+            ; Mouse and touchpad
+            (revealer
+              :reveal "${matches('mouse and touchpad touch pad mouse speed mouse acceleration osu raw input sensitivity disable while typing disable_while_typing tap to click clickfinger_behavior',oquery)}"
+              :transition "slidedown"
+              :duration "200ms"
+              (box :orientation "v" :space-evenly false
+                :class "winnews-widget"
+                (box
+                  :orientation "h" :space-evenly false
+                  (label
+                    :halign "start"
+                    :class "winnews-section-icon"
+                    :text ""
+                  )
+                  (label
+                    :halign "start"
+                    :wrap true
+                    :class "winnews-section"
+                    :text "Mouse & Touchpad"
+                  )
+                )
+                (revealer
+                  :reveal "${matches('mouse and touchpad touch pad speed mouse acceleration osu raw input sensitivity',oquery)}"
+                  :transition "slidedown"
+                  :duration "200ms"
+                  (box
+                    :space-evenly false
+                    :orientation "v"
+                    (eventbox
+                      :onrightclick "hyprctl keyword input:sensitivity 0"
+                      (box
+                        :space-evenly false
+                        :orientation "v"
+                        :class "winnews-option"
+                        (label
+                          :halign "start"
+                          :wrap true
+                          :class "winnews-text"
+                          :text "Sensitivity"
+                        )
+                        (scale
+                          :class "winslider winslider-winnews"
+                          :value "${hyprjson.input_sensitivity * 50 + 50}"
+                          :onchange "hyprctl keyword input:sensitivity $(echo - | awk '{print {} / 50 - 1}') && scripts/hyprsettings tickle"
+                        )
+                      )
+                    )
+                    (centerbox :orientation "h"
+                      :halign "fill"
+                      :class "winnews-option"
+                      (label
+                        :xalign 0
+                        :wrap true
+                        :class "winnews-text"
+                        :text "Raw input"
+                      )
+                      (box)
+                      (checkboxhyprctl-win
+                        :value "${hyprjson.force_no_accel}"
+                        :changevalue "input:force_no_accel"
+                        :halign "end"
+                        :class "win-checkbox"
+                      )
+                    )
+                  )
+                )
+                (revealer
+                  :reveal "${matches('mouse and touch pad touchpad disable while typing disable_while_typing',oquery)}"
+                  :transition "slidedown"
+                  :duration "200ms"
+                  (box
+                    :space-evenly false
+                    :orientation "v"
+                    (centerbox
+                      :class "winnews-option"
+                      :orientation "h"
+                      :halign "fill"
+                      (label
+                        :halign "start"
+                        :class "winnews-text"
+                        :text "Disable touchpad while typing"
+                      )
+                      (box)
+                      (checkboxhyprctl-win
+                        :value "${hyprjson.touchpad_disable_while_typing}"
+                        :changevalue "input:touchpad:disable_while_typing"
+                        :class "win-checkbox"
+                      )
+                    )
+                  )
+                )
+                (revealer
+                  :reveal "${matches('mouse and touchpad touch pad tap to click clickfinger_behavior',oquery)}"
+                  :transition "slidedown"
+                  :duration "200ms"
+                  (box
+                    :space-evenly false
+                    :orientation "v"
+                    (centerbox :orientation "h"
+                      :halign "fill"
+                      :class "winnews-option"
+                      (label
+                        :halign "start"
+                        :class "winnews-text"
+                        :text "Tap to click"
+                      )
+                      (box)
+                      (checkboxhyprctl-win
+                        :value "${hyprjson.touchpad_clickfinger_behavior}"
+                        :changevalue "input:touchpad:clickfinger_behavior"
+                      )
+                    )
+                  )
+                )
+              )
+            )
+            ; Appearance
+            (revealer
+              :reveal "${matches('appearance looks customization blur size blur passes blur strength blur xray',oquery)}"
+              :transition "slidedown"
+              :duration "200ms"
+              (revealer
+                :reveal "${matches('appearance looks customization blur size blur passes blur strength blur xray',oquery)}"
+                :transition "fade"
+                :duration "200ms"
+                (box
+                  :space-evenly false :orientation "v"
+                  :class "winnews-widget"
+                  (box
+                    :orientation "h" :space-evenly false
+                    (label
+                      :halign "start"
+                      :class "winnews-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "winnews-section"
+                      :text "Blur"
+                    )
+                  )
+                  (centerbox
+                    :orientation "h"
+                    :halign "fill"
+                    :class "winnews-option"
+                    (label
+                      :halign "start"
+                      :class "winnews-text"
+                      :text "Enable blur"
+                    )
+                    (box)
+                    (checkboxhyprctl-win
+                      :value "${hyprjson.blur}"
+                      :changevalue "decoration:blur"
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization blur size blur strength',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      :class "winnews-option"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "winnews-text"
+                        :text "Blur size"
+                      )
+                      (scale
+                        :class "winslider winslider-winnews"
+                        :value "${hyprjson.blur_size}"
+                        :tooltip "Blur size: ${hyprjson.blur_size}"
+                        :onchange "hyprctl keyword decoration:blur_size {}  && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization blur passes blur strength',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false :orientation "v"
+                      :class "winnews-option"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "winnews-text"
+                        :text "Blur passes"
+                      )
+                      (scale
+                        :class "winslider winslider-winnews"
+                        :value "${hyprjson.blur_passes * 10}"
+                        :tooltip "Blur passes: ${hyprjson.blur_passes}"
+                        :onchange "hyprctl keyword decoration:blur_passes $(({} / 10))  && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization blur xray',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false :orientation "v"
+                      :class "winnews-option"
+                      (centerbox
+                        :orientation "h"
+                        :halign "fill"
+                        (label
+                          :halign "start"
+                          :class "winnews-text"
+                          :text "Blur xray"
+                        )
+                        (box)
+                        (checkboxhyprctl-win
+                          :value "${hyprjson.blur_xray}"
+                          :changevalue "decoration:blur_xray"
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            ) ; Revealer
+            (revealer
+              :reveal "${matches('appearance looks customization gaps gaps_in inner gaps: inner gaps_out outer gaps: outer space border_size border size border thickness rounding corner',oquery)}"
+              :transition "slidedown"
+              :duration "200ms"
+              (revealer
+                :reveal "${matches('appearance looks customization gaps gaps_in inner gaps: inner gaps_out outer gaps: outer space border_size border size border thickness rounding corner',oquery)}"
+                :transition "fade"
+                :duration "200ms"
+                (box
+                  :space-evenly false :orientation "v"
+                  :class "winnews-widget"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :spacing 10
+                    (label
+                      :halign "start"
+                      :class "winnews-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "winnews-section"
+                      :text "Gaps/Borders"
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization gaps_in inner gaps: inner space',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false :orientation "v"
+                      :class "winnews-option"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "winnews-text"
+                        :text "Gaps: Inner"
+                      )
+                      (scale
+                        :class "winslider winslider-winnews"
+                        :value "${hyprjson.gaps_in}"
+                        :tooltip "Inner gaps: ${hyprjson.gaps_in}"
+                        :onchange "hyprctl keyword general:gaps_in {} && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization gaps_out outer gaps: outer space',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false :orientation "v"
+                      :class "winnews-option"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "winnews-text"
+                        :text "Gaps: Outer"
+                      )
+                      (scale
+                        :class "winslider winslider-winnews"
+                        :value "${hyprjson.gaps_out}"
+                        :tooltip "Outer gaps: ${hyprjson.gaps_out}"
+                        :onchange "hyprctl keyword general:gaps_out {} && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization border_size border size border thickness',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false :orientation "v"
+                      :class "winnews-option"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "winnews-text"
+                        :text "Border size"
+                      )
+                      (scale
+                        :class "winslider winslider-winnews"
+                        :value "${hyprjson.border_size}"
+                        :tooltip "Border size: ${hyprjson.border_size}"
+                        :onchange "hyprctl keyword general:border_size {} && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization rounding corner',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false :orientation "v"
+                      :class "winnews-option"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "winnews-text"
+                        :text "Rounding"
+                      )
+                      (scale
+                        :class "winslider winslider-winnews"
+                        :value "${hyprjson.rounding}"
+                        :tooltip "Border size: ${hyprjson.rounding}"
+                        :onchange "hyprctl keyword decoration:rounding {} && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                )
+              )
+            ) ; Revealer
+          )
+          ; 2nd column
+          (box :orientation "v" :spacing 12 :space-evenly false
+            (revealer ; Quote
+              :reveal "${matches('quote speech vaxry linus torvalds hyprland',oquery)}"
+              :transition "slidedown"
+              :duration "200ms"
+              (revealer
+                :reveal "${matches('quote speech vaxry linus torvalds hyprland',oquery)}"
+                :transition "fade"
+                :duration "200ms"
+                (box :orientation "v" :space-evenly false
+                  :class "winnews-widget"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    (label
+                      :halign "start"
+                      :class "winnews-section-icon"
+                      :text "Assistant"
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "winnews-section"
+                      :text "Quote"
+                    )
+                  )
+                  (box
+                    :orientation "v" :space-evenly false :valign "center"
+                    :class "winnews-fetch-pad"
+                    (box
+                      :orientation "h" :space-evenly false :spacing 20
+                      (label :class "winnews-fetch-icon" :text "Chat")
+                      (label :class "winnews-text" :text {quote_content[4]})
+                    )
+                    (box
+                      :orientation "h" :space-evenly false :spacing 10
+                      :halign "end"
+                      :style "margin-right: 20px;"
+                      (label :class "winnews-fetch-icon" :text "Person")
+                      (label :class "winnews-text" :text {quote_author[4]})
+                    )
+                  )
+                )
+              )
+            )
+            (revealer ; Waifu
+              :reveal "${matches('waifu anime cute sex segs ecchi hentai',oquery)}"
+              :transition "slidedown"
+              :duration "200ms"
+              (revealer
+                :reveal "${matches('waifu anime cute sex segs ecchi hentai',oquery)}"
+                :transition "fade"
+                :duration "200ms"
+                (box :orientation "v" :space-evenly false
+                  :class "winnews-widget-nopad"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    (label
+                      :halign "start"
+                      :class "winnews-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :hexpand true
+                      :class "winnews-section"
+                      :text "Random waifu"
+                    )
+                    (eventbox
+                      :onclick "scripts/toggle-winnews.sh --close && xdg-open 'https://waifu.pics/' &"
+                      :cursor "pointer"
+                      (label
+                        :halign "end"
+                        :wrap true
+                        :class "winnews-link winnews-title-right"
+                        :text "(https://waifu.pics/)"
+                      )
+                    )
+                  )
+                  ; Tag strip
+                  (scroll
+                    :halign "fill"
+                    :hscroll true :vscroll false
+                    (box
+                      :class "winnews-tag-strip"
+                      :space-evenly false
+                      (for id in WAIFU_TAG_ID
+                        (button
+                          :class "winnews-tag"
+                          :onclick "eww update waifu_get=$(scripts/waifupics.py ${WAIFU_CATEGORIES_ARGS[id]}) &"
+                          (label :class "wintoggle-text" :text {WAIFU_CATEGORIES[id]})
+                        )
+                      )
+                    )
+                  )
+                  ; Totally necessary bunny ears
+                  (label
+                    :halign "start"
+                    :wrap true
+                    :hexpand true
+                    :halign "center"
+                    :text "
+                    ⠀⠀⢀⡤⣄⡀
+                    ⠀⢠⡏⠀⠀⠳⡄⠀⠀⠀⠀⠀   ⣀⣀⣀
+                    ⠀⢸⠃⠀⠀⠀⢿⠀⠀⠀⠀  ⣼⠃⠀⠘⢧
+                    ⠀⢸⡆⠀⠀⠀⠸⡆⠀⠀   ⣸⠃⠀⠀⠀⠈⢧
+                    ⠀⠈⣇⠀⠀⠀  ⣧⠀   ⠀ ⡏⠀⢦⠀⠀⠀⠸⡆
+                    ⠀　⢹⡀⠀⠀⠀⢸⠀     ⢸⠇⠀⠘⢧⡀⣸⠃
+                    ⠀　⠀⢳⠀⠀⠀⢸⡆     ⢸⠀ ⠀⣼⠙
+                    "
+                    :style "margin-bottom: -20px;"
+                  )
+                  ; The image
+                  (box
+                    :orientation "v" :space-evenly false :valign "center"
+                    (box
+                      :class "winnews-waifu"
+                      :style "
+                      background-image: url('${(waifu_get == 'null' || waifu_get == '') ? 'eww_covers/waifu' : waifu_get}');
+                      "
+                    )
+                  )
+                )
+              )
+            ) ; Waifu: end
+            (revealer ; Cava
+              :reveal "${matches('cava music audio visualizer sound volume beats',oquery)}"
+              :transition "slidedown"
+              :duration "200ms"
+              (revealer
+                :reveal "${matches('cava music audio visualizer sound volume beats',oquery)}"
+                :transition "fade"
+                :duration "200ms"
+                (overlay
+                  (box :orientation "h"
+                    :height 150
+                    :class "winnews-widget-nopad-cava"
+                    (cavacol_winnews :dir "up" :nth 0)
+                    (cavacol_winnews :dir "up" :nth 1)
+                    (cavacol_winnews :dir "up" :nth 2)
+                    (cavacol_winnews :dir "up" :nth 3)
+                    (cavacol_winnews :dir "up" :nth 4)
+                    (cavacol_winnews :dir "up" :nth 5)
+                    (cavacol_winnews :dir "up" :nth 6)
+                    (cavacol_winnews :dir "up" :nth 7)
+                    (cavacol_winnews :dir "up" :nth 8)
+                    (cavacol_winnews :dir "up" :nth 9)
+                    (cavacol_winnews :dir "up" :nth 10)
+                    (cavacol_winnews :dir "up" :nth 10)
+                    (cavacol_winnews :dir "up" :nth 10)
+                    (cavacol_winnews :dir "up" :nth 12)
+                    (cavacol_winnews :dir "up" :nth 14)
+                    (cavacol_winnews :dir "up" :nth 16)
+                    (cavacol_winnews :dir "up" :nth 18)
+                    (cavacol_winnews :dir "up" :nth 20)
+                    (cavacol_winnews :dir "up" :nth 22)
+                    (cavacol_winnews :dir "up" :nth 24)
+                    (cavacol_winnews :dir "up" :nth 26)
+                    (cavacol_winnews :dir "up" :nth 28)
+                    (cavacol_winnews :dir "up" :nth 30)
+                    (cavacol_winnews :dir "up" :nth 32)
+                    (cavacol_winnews :dir "up" :nth 34)
+                  )
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :valign "start"
+                    (label
+                      :halign "start"
+                      :class "winnews-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "winnews-section"
+                      :text "Cava"
+                    )
+                  )
+                )
+              )
+            ) ; Cava: end
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow winnews
+  :wm-ignore true
+  :focusable true
+  :monitor 0
+  :geometry (geometry
+    :width "50%"
+    ; :height "0%"
+    :anchor "top left"
+  )
+  (winnews_widget)
+)
+
+(defwidget winnews-button []
+  (eventbox
+    :class "winbarbutton-h winnewsicon-interaction"
+    :onclick "scripts/toggle-winnews.sh &"
+    :onmiddleclick "playerctl play-pause"
+    :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+    :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+    (box
+      :class "winbutton-pad"
+      (box
+        :class "winnewsicon winbutton-${rev_winnews}"
+      )
+    )
+  )
+)
diff --git a/early/.config/eww/windows/winnotif.yuck b/early/.config/eww/windows/winnotif.yuck
new file mode 100755
index 000000000..2fe910a42
--- /dev/null
+++ b/early/.config/eww/windows/winnotif.yuck
@@ -0,0 +1,229 @@
+(defwidget winnotifs []
+  (centerbox
+    :orientation "v"
+    :style "
+    ${anim_open_winnotif ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_winnotif ? '' : 'margin-right: -700px;'}
+    min-height: 1033px;
+    "
+    (box
+      :space-evenly false
+      :orientation "v"
+      :halign "start"
+      (eventbox
+        :valign "start"
+        :onclick "scripts/toggle-winnotif.sh --close &"
+        :onmiddleclick "scripts/toggle-winnotif.sh --close &"
+        :onrightclick "scripts/toggle-winnotif.sh --close &"
+        (box
+          :class "box-that-is-there" :style "min-height: 1px;"
+        )
+      )
+      (box
+        :class "winwin"
+        :space-evenly false
+        :orientation "v"
+        :style "margin-bottom:6px;"
+        (centerbox
+          (box
+            :orientation "h"
+            :space-evenly false
+            :spacing 10
+            (label
+              :halign "start"
+              :class "winnotif-text winnotif-title"
+              :text "Notifications"
+            )
+          )
+          (box)
+          (box
+            :class "icon"
+            :halign "end"
+            :space-evenly false
+            :style "margin-right: 12px;"
+            (button
+              :class "winnotif-button"
+              :tooltip "Refresh"
+              :onclick "dunstctl history > $XDG_CACHE_HOME/dunst-history.json &"
+              (image
+                :path "images/svg/dark/reset.svg"
+                :image-width 19
+                :image-height 19
+              )
+            )
+            (button
+              :class "winnotif-button"
+              :tooltip "Pause/Resume Notifications"
+              :onclick "scripts/notifications toggle &"
+              {notif_icons.toggle_icon}
+            )
+            (button
+              :class "wintoggle-text winnotif-button"
+              :tooltip "Clear Notifications"
+              :onclick "scripts/notifications clear &"
+              "Clear all"
+            )
+          )
+        )
+        (scroll
+          :width 400
+          :valign "start"
+          :style "
+          min-height: ${rev_wincalendar ? 357 : 811}px;
+          transition: 150ms cubic-bezier(0.05, 0.7, 0.1, 1);
+          "
+          (box
+            :space-evenly false
+            :orientation "v"
+            (for i in notifications
+              (eventbox
+                :onclick "dunstctl history-pop ${i.id} && dunstctl action 0 && dunstctl close"
+                (box
+                  :orientation "v"
+                  :width 400
+                  :space-evenly false
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :class "winwin-bottom-pad"
+                    (image :class "winapp winnotif-notif-icon" :path "images/svg/dark/app.svg")
+                    (label :class "winnotif-appname" :text {i.appname})
+                  )
+                  (box
+                    :orientation "v"
+                    :space-evenly false
+                    :class "winnotif-notif"
+                    (label
+                      :xalign 0
+                      :wrap true
+                      :class "winnotif-text"
+                      :text {i.summary}
+                    )
+                    (label
+                      :xalign 0
+                      :wrap true
+                      :class "winnotif-text winnotif-bodytext"
+                      :text {i.body}
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+    (box :valign "center")
+    ; Calendar
+    (box
+      :space-evenly false
+      :orientation "v"
+      :valign "end"
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "winwin-topbar"
+        :style "margin-top: 6px;"
+        (centerbox
+          :orientation "h"
+          :style "padding: 0 12px;"
+          (label :xalign 0 :class "wincalendar-title" :text "${time.day}, ${time.monthname} ${day_only}")
+          (box)
+          (button
+            :halign "end"
+            :class "winnotif-button winarrow-${rev_wincalendar ? 'down' : 'up'}"
+            :tooltip "Show/Hide Calendar"
+            :onclick "${EWW_CMD} update rev_wincalendar=${!rev_wincalendar}"
+          )
+        )
+      )
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "winnotif-calendar"
+        :style "
+        min-height: ${rev_wincalendar ? 408 : 0}px;
+        transition: ${rev_wincalendar ? '152ms' : '149ms'} cubic-bezier(0.05, 0.7, 0.1, 1);
+        "
+        (revealer
+          :reveal {rev_wincalendar}
+          :transition "slideup"
+          :duration "${rev_wincalendar ? '0ms' : '149ms'}"
+          (eventbox
+            :onscroll "scripts/scrollmonth {} &"
+            (box
+              :orientation "v"
+              :space-evenly false
+              (centerbox
+                :style "padding: 0 12px;"
+                (label :xalign 0 :class "wincalendar-title" :text "${calendartitle}")
+                (box)
+                (box
+                  :halign "end"
+                  (button
+                    :onclick "scripts/scrollmonth up &"
+                    :halign "end"
+                    :class "winicon winnotif-monthbutton"
+                    (image
+                      :path "images/svg/dark/caretup.svg"
+                    )
+                  )
+                  (button
+                    :onclick "scripts/scrollmonth down &"
+                    :halign "end"
+                    :class "winicon winnotif-monthbutton"
+                    (image
+                      :path "images/svg/dark/caretdown.svg"
+                    )
+                  )
+                )
+              )
+              (box
+                (for day in weekdays
+                  (box
+                    :class "wincalendar-button day${day.today}"
+                    (label :class "wincalendar-text" :text "${day.day}")
+                  )
+                )
+              )
+              (for week in calendar
+                (box
+                  (for day in week
+                    (button
+                      :class "wincalendar-button day${day.today}"
+                      (label :class "wincalendar-text" :text "${day.day}")
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "winwin-bottom"
+        (box
+          :space-evenly false
+          :orientation "h"
+          :class "winwin-bottom-pad"
+          (label :xalign 0 :class "wincalendar-title" :text "Calendar")
+        )
+      )
+    )
+  )
+)
+
+(defwindow winnotif
+  :wm-ignore true
+  :monitor 0
+  :focusable true
+  :geometry (geometry
+    :x "0px"
+    :y "51px"
+    :height 1029
+    :anchor "bottom right"
+  )
+  (winnotifs)
+)
\ No newline at end of file
diff --git a/early/.config/eww/windows/winosd.yuck b/early/.config/eww/windows/winosd.yuck
new file mode 100755
index 000000000..064c3be85
--- /dev/null
+++ b/early/.config/eww/windows/winosd.yuck
@@ -0,0 +1,77 @@
+(defwidget winosdwidget_vol []
+  (box
+    :class "winosd-var"
+    :orientation "h"
+    :space-evenly false
+    :style "
+    ${osd_vol ? '' : 'margin-bottom: -90px; margin-top: 90px;'}
+    ${osd_vol ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    "
+    (box
+      :orientation "h" :space-evenly false :spacing 5
+      :class "winactions-sliderrow"
+      (image :class "winicon" :path "images/svg/dark/vol${volume.audio == 1 ? round(volume.percent / 33, 0) : 'mute'}.svg")
+      (scale
+        :value {volume.percent}
+        :onchange "scripts/volume setvol SINK {} &"
+        :class "winslider-osd"
+      )
+      (label :class "winnotif-text" :text {volume.percent})
+    )
+  )
+)
+
+(defwidget winosdwidget_bright []
+  (box
+    :class "winosd-var"
+    :orientation "h"
+    :space-evenly false
+    :style "
+    ${osd_bright ? '' : 'margin-bottom: -90px; margin-top: 90px;'}
+    ${osd_bright ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    "
+    (box
+      :orientation "h" :space-evenly false :spacing 5
+      :class "winactions-sliderrow"
+      (image :class "winicon" :path "images/svg/dark/brightness.svg")
+      (scale
+        :value {round(brightness.level, 0)}
+        :onchange "light -S {} && scripts/brightness osd &"
+        :class "winslider-osd"
+      )
+      (label :class "winnotif-text" :text {round(brightness.level, 0)})
+    )
+  )
+)
+
+(defwindow winosd_vol
+  :stacking "overlay"
+  :wm-ignore true
+  :monitor 0
+  :geometry (geometry
+    :x "0%"
+    :y "50px"
+    :width "100px"
+    :height "53px"
+    :anchor "bottom center"
+  )
+  :stacking "fg"
+  :exclusive false
+  (winosdwidget_vol)
+)
+
+(defwindow winosd_bright
+  :stacking "overlay"
+  :wm-ignore true
+  :monitor 0
+  :geometry (geometry
+    :x "0%"
+    :y "50px"
+    :width "100px"
+    :height "53px"
+    :anchor "bottom center"
+  )
+  :stacking "fg"
+  :exclusive false
+  (winosdwidget_bright)
+)
\ No newline at end of file
diff --git a/early/.config/eww/windows/winoverview.yuck b/early/.config/eww/windows/winoverview.yuck
new file mode 100755
index 000000000..76ed78a11
--- /dev/null
+++ b/early/.config/eww/windows/winoverview.yuck
@@ -0,0 +1,137 @@
+(defwidget workspacebox [wspace]
+  (box ; Note: height 100px width 356px
+    :class "overview-ws overview-ws-${wspace[0].workspace.id == activews}"
+    (box
+      :space-evenly false
+      :orientation "h"
+      :style "
+      min-width: ${RES_WIDTH * OVERVIEW_SCALE}px;
+      min-height: ${RES_HEIGHT * OVERVIEW_SCALE}px;
+      "
+      (for ws-window in wspace
+        (box
+          :class "${ws-window.class == 'workspace' ? '' : 'overview-ws-window'}"
+          :style "
+          ${ws-window.address == selected ? 'border: 1px solid #FFFFFF' : ''};
+          ${ws-window.address == '_none' ? 'border: none' : ''};
+          margin-left: ${ws-window.at[0] * OVERVIEW_SCALE}px;
+          margin-top: ${ws-window.at[1] * OVERVIEW_SCALE}px;
+          margin-right: -${(ws-window.at[0] + ws-window.size[0]) * OVERVIEW_SCALE}px;
+          margin-bottom: ${RES_HEIGHT * OVERVIEW_SCALE - ((ws-window.at[1] + ws-window.size[1]) * OVERVIEW_SCALE)};
+          "
+          (eventbox
+            :onrightclick "scripts/selectwindow ${ws-window.address} '${EWW_CMD}' ${ws-window.workspace.id}"
+            :onmiddleclick "hyprctl dispatch closewindow address:${ws-window.address}"
+            :onclick "scripts/focuswindow ${ws-window.address} ${ws-window.workspace.id} && scripts/toggle-overview.sh --close &"
+            :onhover "${ws-window.class == 'workspace' ? '' : (EWW_CMD + ' update overview_hover_name=\'' + ws-window + '\'')}"
+            (box
+              :class "overview-background"
+              ; Uncomment below to enable thumbnail previews (VERY SLOW)
+              ; :style "
+              ; background-image: url('scripts/cache/thumbnails/${ws-window.address }.png');
+              ; "
+              (image
+                :class "overview-icon"
+                :path {ws-window.icon}
+                ; :image-width {round(ws-window.size[0] > ws-window.size[1] ? (ws-window.size[1] * 45 / 100 * OVERVIEW_SCALE) : (ws-window.size[0] * 45 / 100 * OVERVIEW_SCALE))}
+                ; :image-height {round(ws-window.size[0] > ws-window.size[1] ? (ws-window.size[1] * 45 / 100 * OVERVIEW_SCALE) : (ws-window.size[0] * 45 / 100 * OVERVIEW_SCALE))}
+                :image-width {round(ws-window.size[0] * OVERVIEW_SCALE * 45 / 100, 0)}
+                :image-height {round(ws-window.size[1] * OVERVIEW_SCALE * 45 / 100, 0)}
+                
+                ; :style "
+                ; background-size: ${ws-window.size[0] > ws-window.size[1] ? 'auto 45%' : '45% auto'};
+                ; background-image: url('${ws-window.icon}')
+                ; ;
+                ; "
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget winoverview_widget []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :class "thewholething"
+    (eventbox
+      :onclick "scripts/toggle-overview.sh --close &"
+      :onmiddleclick "scripts/toggle-overview.sh --close &"
+      :onrightclick "scripts/toggle-overview.sh --close &"
+      :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    )
+    (eventbox
+      :onhoverlost `eww update overview_hover_name='{"class":"LMB: Focus | MMB: Close | RMB: Select/Move","title":"Activities Overview","workspace":{"id":5,"name":"5"},"icon": "/usr/share/icons/breeze-dark/actions/16/window.svg"}' &`
+      :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "overview-window"
+        ; :space-evenly false
+        ; (label :text "${wsjsona}")
+        ; (label :text "${selected}")
+        (centerbox
+          :class "overview-window-title"
+          (label :halign "start" :style "margin: 5px;" :text "${overview_hover_name.class}")
+          (box
+            :space-evenly false
+            :orientation "h"
+            (image
+              :class "overview-topbar-icon overview-icon"
+              :path {overview_hover_name.icon}
+              :image-height 30
+              :image-width 30
+              ; :style "
+              ; background-image: url('${overview_hover_name.icon}');
+              ; "
+            )
+            (label :text "${overview_hover_name.title}")
+          )
+          (button
+            :halign "end"
+            :class "overview-topbar-button"
+            :onclick "scripts/toggle-overview.sh --close"
+            (label :text "")
+          )
+        )
+        (box
+          :orientation "h"
+          (for wspace in wsjsona
+            (workspacebox
+              :wspace {wspace}
+            )
+          )
+        )
+        (box
+          :orientation "h"
+          (for wspace in wsjsonb
+            (workspacebox
+              :wspace {wspace}
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow winoverview
+  :stacking "overlay"
+  :focusable true
+  :wm-ignore true
+  :monitor 0
+  :geometry (geometry
+    ; :height 1080
+    ; :width 1920
+    ; :y "103px"
+    :anchor "bottom center"
+    ; :y "0px"
+    ; :anchor "center center"
+  )
+  ; (testing)
+  (winoverview_widget)
+)
+
diff --git a/early/.config/eww/windows/winpowermenu.yuck b/early/.config/eww/windows/winpowermenu.yuck
new file mode 100755
index 000000000..3e5194950
--- /dev/null
+++ b/early/.config/eww/windows/winpowermenu.yuck
@@ -0,0 +1,70 @@
+(defwidget winpower []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :style "
+    ${anim_open_winpowermenu ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_winpowermenu ? '' : 'margin-bottom: -700px; margin-top: 700px;'}
+    "
+    (eventbox
+      :valign "start"
+      :onclick "scripts/toggle-winpowermenu.sh --close &"
+      :onmiddleclick "scripts/toggle-winpowermenu.sh --close &"
+      :onrightclick "scripts/toggle-winpowermenu.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 1px;"
+      )
+    )
+    (box
+      :class "winpower-window"
+      :orientation "v"
+      :width 161
+      :space-evenly false
+      (button
+        :onclick "systemctl suspend &"
+        :class "winpower-button"
+        (box
+          :space-evenly false
+          (image :class "win-segoeicon"
+            :class "winpower-buttonicon"
+            :path "images/svg/dark/moon.svg"
+            :image-width 20 :image-height 20
+          )
+          (label :class "winbartext" :text "Sleep")
+        )
+      )
+      (button
+        :onclick "systemctl poweroff &"
+        :class "winpower-button"
+        (box
+          :space-evenly false
+          (label :xalign 0 :class "winpower-buttonicon win-segoeicon" :text "")
+          (label :xalign 0 :class "winbartext" :text "Shut down")
+        )
+      )
+      (button
+        :onclick "systemctl reboot &"
+        :class "winpower-button"
+        (box
+          :space-evenly false
+          (label :xalign 0 :class "winpower-buttonicon win-segoeicon" :text "")
+          (label :xalign 0 :class "winbartext" :text "Restart")
+        )
+      )
+    )
+  )
+)
+
+(defwindow winpowermenu
+  :wm-ignore true
+  :monitor 0
+  :focusable true
+  :namespace "noblur"
+  :geometry (geometry
+    :x "1140px"
+    :y "126px"
+    :width 161
+    :anchor "bottom left"
+  )
+  (winpower)
+)
\ No newline at end of file
diff --git a/early/.config/eww/windows/winshadows.yuck b/early/.config/eww/windows/winshadows.yuck
new file mode 100755
index 000000000..1a75c752b
--- /dev/null
+++ b/early/.config/eww/windows/winshadows.yuck
@@ -0,0 +1,469 @@
+(defwidget winnotif_shadows_widget []
+  (centerbox
+    :space-evenly false
+    :orientation "v"
+    :style "
+    ${anim_open_winnotif ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_winnotif ? '' : 'margin-right: -700px;'}
+    min-height: 1033px;
+    "
+    (box
+      :space-evenly false
+      :orientation "v"
+      :halign "start"
+      (eventbox
+        :valign "start"
+        :onclick "scripts/toggle-winnotif.sh --close &"
+        :onmiddleclick "scripts/toggle-winnotif.sh --close &"
+        :onrightclick "scripts/toggle-winnotif.sh --close &"
+        (box
+          :class "box-that-is-there" :style "min-height: 1px;"
+        )
+      )
+      (box
+        :class "winwin-shadow"
+        :space-evenly false
+        :orientation "v"
+        :style "margin-bottom:6px;"
+        (centerbox
+          (box)
+          (box)
+          (box
+            :class "icon"
+            :halign "end"
+            :space-evenly false
+            :style "margin: 19px; min-height: 21px;"
+          )
+        )
+        (box
+          :width 400
+          :valign "start"
+          :style "
+          min-height: ${rev_wincalendar ? 357 : 811}px;
+          transition: 150ms cubic-bezier(0.05, 0.7, 0.1, 1);
+          "
+          (box
+            :space-evenly false
+            :orientation "v"
+          )
+        )
+      )
+    )
+    (box :valign "center")
+    ; Calendar
+    (box
+      :space-evenly false
+      :orientation "v"
+      :valign "end"
+      :height {rev_wincalendar ? 601 : 149}
+      :class "winwin-shadow"
+      :style "margin-bottom: 12px;"
+    )
+  )
+)
+
+(defwidget winnews_shadows_widget []
+  (box
+    :orientation "v" :space-evenly false
+    :style "
+    ${anim_open_winnews ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_winnews ? '' : 'margin-left: -960px;'}
+    "
+    (box :space-evenly false :orientation "v"
+      :width {RES_WIDTH / 2}
+      :height {RES_HEIGHT - 51}
+      :class "winwin-shadow"
+    )
+  )
+)
+
+(defwidget winstart_shadows_widget []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :style "
+    ${anim_open_winstart ? 'transition: 150ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 100ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_winstart ? '' : 'margin-bottom: -900px;'}
+    "
+    (box
+      :space-evenly false
+      :orientation "v"
+      :class "winwin-top-shadow"
+      :height 113
+      :width 676
+      :style "
+      ${winsearch != '' ? 'min-width: 811px;' : 'min-width: 676px;'}
+      "
+      (box
+        :valign "end"
+        :space-evenly false
+        :class "winstart-search-prompt"
+        (box
+          :halign "start"
+          :class "winsearch-icon winstart-search-searchbox-icon"
+        )
+      )
+    )
+    (revealer
+      :reveal {winsearch != ''}
+      :transition "slidedown"
+      :duration "0ms"
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "winwin-bottom-light-shadow"
+        :height 682
+        :width 676
+        :style "
+        ${winsearch != '' ? 'min-width: 811px;' : 'min-width: 676px;'}
+        "
+        ; Tag strip
+        (box
+          :class "winsearch-tag-strip"
+          :space-evenly false
+        )
+        (box
+          :height 627
+          :space-evenly false
+          :orientation "h"
+          :class "winsearch-pad"
+          :spacing 11
+          ; Search results list
+          (scroll
+            :width 404
+            (box
+              :width 404
+              :space-evenly false
+              :orientation "v"
+              :class "winsearch-result-list"
+            )
+          )
+          ; More options
+          (revealer
+            :reveal {winsearch != ''}
+            :transition "slideleft"
+            :duration "50ms"
+            ; Entry actions panel
+            (box
+              :orientation "v"
+              :space-evenly false
+              :width 404
+            )
+          )
+        )
+      )
+    )
+    (revealer
+      :reveal {winsearch == ''}
+      :transition "slidedown"
+      :duration "0ms"
+      (box
+        :space-evenly false
+        :orientation "v"
+        (box
+          :space-evenly false
+          :orientation "v"
+          :class "winwin-center-noseparator-shadow"
+          :height 600
+          :style "
+          ${winsearch != '' ? 'min-width: 811px;' : 'min-width: 676px;'}
+          "
+          (box
+            :space-evenly false
+            :orientation "h"
+            (revealer
+              :reveal {!winstart_allapps}
+              :transition "slideright"
+              :duration "250ms"
+              (revealer
+                :reveal {!winstart_allapps}
+                :transition "crossfade"
+                :duration "200ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  :width 674
+                  (centerbox
+                    :orientation "h"
+                    :class "winsearch-section-box"
+                    (label
+                      :halign "start"
+                      :class "winstart-section"
+                      :text "Pinned"
+                    )
+                    (box)
+                    (button
+                      :halign "end"
+                      :class "wintoggle-text winstart-button-allapps"
+                      :onclick "scripts/toggle-allapps.sh --open &"
+                      (box
+                        :space-evenly false
+                        :spacing 6
+                        (label :text "All apps" :style "padding: 0 2px;")
+                        (label :class "winstart-allapps-icon" :text "")
+                        ; (box
+                          ;   :class "winstart-allapps-arrow"
+                        ; )
+                      )
+                    )
+                  )
+                  (box
+                    :class "winstart-pinnedapps"
+                    :height 293
+                    :orientation "v"
+                    :space-evenly false
+                  )
+                  (centerbox
+                    :orientation "h"
+                    :class "winsearch-section-box"
+                    (label
+                      :halign "start"
+                      :class "winstart-section"
+                      :text "Recommended"
+                    )
+                    (box)
+                    (box)
+                  )
+                  (box
+                    :class "winstart-recommended"
+                    :height 222
+                    :orientation "v"
+                    :space-evenly false
+                    :valign "start"
+                  )
+                )
+              )
+            )
+            (revealer
+              :reveal {winstart_allapps}
+              :transition "slideleft"
+              :duration "250ms"
+              (revealer
+                :reveal {winstart_allapps}
+                :transition "crossfade"
+                :duration "200ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  :width 674
+                  (centerbox
+                    :orientation "h"
+                    :class "winsearch-section-box"
+                    (label
+                      :halign "start"
+                      :class "winstart-section"
+                      :text "All apps"
+                    )
+                    (box)
+                    (button
+                      :halign "end"
+                      :class "wintoggle-text winstart-button-allapps"
+                      :onclick "scripts/toggle-allapps.sh --close"
+                      (box
+                        :space-evenly false
+                        :spacing 6
+                        (label :class "winstart-allapps-icon" :text "")
+                        (label :text "Back" :style "padding: 0 2px;")
+                        ; (box
+                          ;   :class "winstart-allapps-arrow"
+                        ; )
+                      )
+                    )
+                  )
+                  (scroll
+                    :height 549
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      :class "winstart-allapps-box"
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+        (box
+          :space-evenly false
+          :orientation "h"
+          :class "winwin-bottom-shadow winstart-bottom-pad"
+          :height 67
+          (box
+            :halign "start"
+            :space-evenly false
+            :class "winstart-user"
+            (box
+              :space-evenly false
+              :orientation "h"
+              :spacing 16
+              (box
+                :class "winstart-user-icon"
+              )
+              (label :class "wintoggle-text" :text "${username}")
+            )
+          )
+          (box)
+          (box
+            :halign "end"
+            :class "winstart-power-icon winstart-power-icon-${rev_winpowermenu}"
+            (image
+              :path "images/svg/dark/power.svg"
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget winactions_shadows_widget []
+  (box
+    :space-evenly false :spacing -12
+    :orientation "v"
+    :style "
+    ${anim_open_winactions ? 'transition: 150ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_winactions ? '' : 'margin-bottom: -700px;'}
+    "
+    ; Media controls
+    (revealer
+      :reveal {mname_win.title != ''}
+      :transition "slideup"
+      :duration "200ms"
+      (box
+        :space-evenly false :orientation "v"
+        :height 207
+        :class "winwin-shadow"
+        :style "
+        min-height: 207px;
+        "
+      )
+    )
+    (box
+      :space-evenly false :orientation "v"
+      :class "winwin-shadow"
+      :style "
+      min-height: 433px;
+      min-width: 398px;
+      "
+    )
+  )
+)
+
+(defwidget winlang_shadows_widget []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :style "
+    ${anim_open_winlang ? 'transition: 150ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 100ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_winlang ? '' : 'margin-bottom: -700px;'}
+    "
+    (eventbox
+      :onclick "scripts/toggle-winlang.sh --close &"
+      :onmiddleclick "scripts/toggle-winlang.sh --close &"
+      :onrightclick "scripts/toggle-winlang.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 1px;"
+      )
+    )
+    (box
+      :space-evenly false :orientation "v"
+      :class "winwin-shadow"
+      :width 420
+      (box
+        :space-evenly false :spacing 10
+        :style "padding: 15px;"
+        (label
+          :class "winlang-text"
+        )
+      )
+      (box
+        :space-evenly false :orientation "v"
+        (for language in langs
+          (box
+            :class "winlang-lang-false"
+            :height 84
+          )
+        )
+      )
+      (box
+        :class "winwin-bottom-pad"
+        (box
+          :class "winlang-bottom-button"
+          (label
+            :class "winlang-text"
+            :style "padding: 0 5px;"
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow winnotif_shadows
+  :wm-ignore true
+  :monitor 0
+  :focusable false
+  :namespace "noblur"
+  :geometry (geometry
+    :x "0px"
+    :y "51px"
+    :height 1029
+    :anchor "bottom right"
+  )
+  (winnotif_shadows_widget)
+)
+
+(defwindow winnews_shadows
+  :wm-ignore true
+  :monitor 0
+  :focusable false
+  :namespace "noblur"
+  :geometry (geometry
+    :x "0px"
+    :y "51px"
+    :height 1029
+    :anchor "bottom left"
+  )
+  (winnews_shadows_widget)
+)
+
+(defwindow winstart_shadows
+  :wm-ignore true
+  :monitor 0
+  :focusable false
+  :namespace "noblur"
+  :geometry (geometry
+    :x "0px"
+    :y "51px"
+    ; :height 788
+    :width 673
+    :anchor "bottom center"
+  )
+  (winstart_shadows_widget)
+)
+
+(defwindow winactions_shadows
+  :wm-ignore true
+  :monitor 0
+  :focusable false
+  :namespace "noblur"
+  :geometry (geometry
+    :x "0px"
+    :y "50px"
+    :anchor "bottom right"
+  )
+  (winactions_shadows_widget)
+)
+
+(defwindow winlang_shadows
+  :wm-ignore true
+  :monitor 0
+  :focusable false
+  :namespace "noblur"
+  :geometry (geometry
+    :x "0px"
+    :y "50px"
+    :anchor "bottom right"
+  )
+  (winlang_shadows_widget)
+)
\ No newline at end of file
diff --git a/early/.config/eww/windows/winstart.yuck b/early/.config/eww/windows/winstart.yuck
new file mode 100755
index 000000000..19cb02036
--- /dev/null
+++ b/early/.config/eww/windows/winstart.yuck
@@ -0,0 +1,585 @@
+(defwidget winstart_widget []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :style "
+    ${anim_open_winstart ? 'transition: 150ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 100ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_winstart ? '' : 'margin-bottom: -900px;'}
+    "
+    (eventbox
+      :valign "start"
+      :onclick "scripts/toggle-winstart.sh --close &"
+      :onmiddleclick "scripts/toggle-winstart.sh --close &"
+      :onrightclick "scripts/toggle-winstart.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 1px;"
+      )
+    )
+    (box
+      :space-evenly false
+      :orientation "v"
+      :class "winwin-top"
+      :height 113
+      :width 676
+      :style "
+      ${winsearch != '' ? 'min-width: 811px;' : 'min-width: 676px;'}
+      "
+      (overlay
+        (box
+          :valign "end"
+          :space-evenly false
+          :class "winstart-search-prompt"
+          (box
+            :halign "start"
+            :class "winsearch-icon winstart-search-searchbox-icon"
+          )
+          (revealer
+            :reveal {winsearch == ''}
+            :halign "start"
+            :duration "100ms"
+            (label :class "winstart-search-prompt-text" :xalign 0 :text "Type to search")
+          )
+        )
+        (box
+          :valign "end"
+          :class "winstart-search-accent"
+        )
+        (input
+          :class "winstart-search-contents"
+          :onchange "${EWW_CMD} update winsearch='${winsearch_prefix}{}' && ${EWW_CMD} update winsearch_results=\"$(scripts/appsearch '${winsearch_prefix}{}' --updateinfo)\" &"
+          :onaccept "scripts/launchapp '${winsearch_results == '[]' ? (winsearch_prefix + {}) : winsearch_results[0].exec}' &"
+        )
+      )
+    )
+    (revealer
+      :reveal {winsearch != ''}
+      :transition "slidedown"
+      :duration "0ms"
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "winwin-bottom-light"
+        :height 682
+        :width 676
+        :style "
+        ${winsearch != '' ? 'min-width: 811px;' : 'min-width: 676px;'}
+        "
+        ; Tag strip
+        (box
+          :class "winsearch-tag-strip"
+          :space-evenly false
+          (eventbox
+            :onclick "${EWW_CMD} update winsearch_prefix='' && ${EWW_CMD} update winsearch='${winsearch_prefix} ' && ${EWW_CMD} update winsearch_results=\"$(scripts/appsearch ' ' --updateinfo)\" &"
+            (box :class "winsearch-tag-${winsearch_prefix == ''}"
+              (label :class "wintoggle-text" :text "All")
+            )
+          )
+          (eventbox
+            :onclick "${EWW_CMD} update winsearch_prefix='>load ' && ${EWW_CMD} update winsearch='${winsearch_prefix} ' && ${EWW_CMD} update winsearch_results=\"$(scripts/appsearch '>load ' --updateinfo)\" &"
+            (box :class "winsearch-tag-${winsearch_prefix == '>load '}"
+              (label :class "wintoggle-text" :text "Load theme")
+            )
+          )
+          (eventbox
+            :onclick "${EWW_CMD} update winsearch_prefix='1*' && ${EWW_CMD} update winsearch='${winsearch_prefix} ' && ${EWW_CMD} update winsearch_results=\"$(scripts/appsearch --calculator --updateinfo)\" &"
+            (box :class "winsearch-tag-${winsearch_prefix == '1*'}"
+              (label :class "wintoggle-text" :text "Calculate")
+            )
+          )
+          ; (eventbox
+            ;   :onclick "${EWW_CMD} update winsearch_prefix='>_ ' && ${EWW_CMD} update winsearch='${winsearch_prefix}${winsearch}' && ${EWW_CMD} update winsearch_results=\"$(scripts/appsearch '${winsearch_prefix}${winsearch}')\" &"
+            ;   (box :class "winsearch-tag-${winsearch_prefix == '>_ '}"
+              ;     (label :class "wintoggle-text" :text "Execute")
+            ;   )
+          ; )
+        )
+        (box
+          :height 627
+          :space-evenly false
+          :orientation "h"
+          :class "winsearch-pad"
+          :spacing 11
+          ; Search results list
+          (scroll
+            :width 404
+            (box
+              :width 404
+              :space-evenly false
+              :orientation "v"
+              :class "winsearch-result-list"
+              (revealer
+                :reveal {winsearch_results != '[]'}
+                :transition "slidedown"
+                :duration "0ms"
+                (label
+                  :halign "start"
+                  :class "winstart-section winsearch-section"
+                  :text "${winsearch_prefix == '' ? 'Results' :
+                  (winsearch_prefix == '>load ' ? 'Themes' :
+                    (winsearch_prefix == '1*' ? 'Calculator' : 'Execute'))}"
+                )
+              )
+              (box
+                :space-evenly false
+                :orientation "v"
+                (for result in winsearch_results
+                  (overlay
+                    (input
+                      :value "${result.name}"
+                      :class "winsearch-result"
+                      :style "
+                      background-position: -0.5% center;
+                      background-size: auto 65%;
+                      "
+                      :onaccept "scripts/launchapp '${result.exec}' && scripts/toggle-winstart.sh --close &"
+                    )
+                    (image
+                      :halign "start"
+                      :class "winsearch-result-icon"
+                      :path {(result.icon != '' && result.icon != 'null') ? result.icon : 'images/svg/dark/appgeneric.svg'}
+                      :image-width 28
+                      :image-height 28
+                    )
+                  )
+                )
+              )
+              (label
+                :halign "start"
+                :class "winstart-section winsearch-section"
+                :text "Run command"
+              )
+              (overlay
+                (input
+                  :value {winsearch}
+                  :class "winsearch-result"
+                  :onaccept "scripts/launchapp '${winsearch_prefix}{}' &"
+                )
+                (image
+                  :halign "start"
+                  :class "winsearch-result-icon"
+                  :path "images/svg/dark/protocol.svg"
+                  :image-width 28
+                  :image-height 28
+                )
+              )
+              (label
+                :halign "start"
+                :class "winstart-section winsearch-section"
+                :text "Search the web"
+              )
+              (overlay
+                (input
+                  :value {winsearch}
+                  :class "winsearch-result"
+                  :onaccept "xdg-open 'https://www.google.com/search?q={}' && scripts/toggle-winstart.sh --close &"
+                )
+                (image
+                  :halign "start"
+                  :class "winsearch-result-icon"
+                  :path "images/svg/dark/search-fluent.svg"
+                  :image-width 28
+                  :image-height 28
+                )
+              )
+            )
+          )
+          ; More options
+          (revealer
+            :reveal {winsearch != ''}
+            :transition "slideleft"
+            :duration "50ms"
+            ; Entry actions panel
+            (box
+              :orientation "v"
+              :space-evenly false
+              :class "winsearch-actions-box"
+              :width 404
+              (image
+                :halign "center"
+                :class "winsearch-result-icon-big"
+                :path {(winsearch_actions.icon != '' && winsearch_actions.icon != 'null') ? winsearch_actions.icon : 'images/svg/dark/appgeneric.svg'}
+                :image-width 67
+                :image-height 67
+              )
+              (label
+                :class "winsearch-result-actions-title"
+                :text {winsearch_actions.name}
+              )
+              (label
+                :class "winsearch-result-actions-subtext"
+                :text {winsearch_actions_type}
+              )
+              (box
+                :class "winsearch-separator"
+              )
+              ; Actions
+              (box
+                :orientation "v"
+                :space-evenly false
+                (revealer
+                  :reveal {winsearch_actions_type == 'Application'}
+                  :transition "slidedown"
+                  :duration "0ms"
+                  (button
+                    :class "winsearch-actions-button"
+                    :onclick "scripts/launchapp '${winsearch_actions.exec}' &"
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :spacing 13
+                      (image
+                        :class "winsearch-actions-icon"
+                        :path "images/svg/open.svg"
+                        :image-width 20
+                        :image-height 20
+                      )
+                      (label :text "Run")
+                    )
+                  )
+                )
+                (revealer
+                  :reveal {winsearch_actions_type == 'Application'}
+                  :transition "slidedown"
+                  :duration "0ms"
+                  (button
+                    :class "winsearch-actions-button"
+                    :onclick "scripts/launchapp 'xdg-open ${winsearch_actions.filepath}'&"
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :spacing 13
+                      (image
+                        :class "winsearch-actions-icon"
+                        :path "images/svg/folderopen.svg"
+                        :image-width 20
+                        :image-height 20
+                      )
+                      (label :text "Open desktop entry")
+                    )
+                  )
+                )
+                (revealer
+                  :reveal {winsearch_actions_type == 'Math result'}
+                  :transition "slidedown"
+                  :duration "0ms"
+                  (button
+                    :class "winsearch-actions-button"
+                    :onclick "scripts/launchapp '${winsearch_actions.exec}' &"
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :spacing 13
+                      (image
+                        :class "winsearch-actions-icon"
+                        :path "images/svg/copy.svg"
+                        :image-width 20
+                        :image-height 20
+                      )
+                      (label :text "Copy result")
+                    )
+                  )
+                )
+                (revealer
+                  :reveal {winsearch_actions_type == 'Color theme'}
+                  :transition "slidedown"
+                  :duration "0ms"
+                  (button
+                    :class "winsearch-actions-button"
+                    :onclick "scripts/launchapp '${winsearch_actions.exec}' &"
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :spacing 13
+                      (image
+                        :class "winsearch-actions-icon"
+                        :path "images/svg/applycolor.svg"
+                        :image-width 20
+                        :image-height 20
+                      )
+                      (label :text "Apply colorscheme")
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+    (revealer
+      :reveal {winsearch == ''}
+      :transition "slidedown"
+      :duration "0ms"
+      (box
+        :space-evenly false
+        :orientation "v"
+        (box
+          :space-evenly false
+          :orientation "v"
+          :class "winwin-center-noseparator"
+          :height 581
+          :style "
+          ${winsearch != '' ? 'min-width: 811px;' : 'min-width: 676px;'}
+          "
+          (box
+            :space-evenly false
+            :orientation "h"
+            (revealer
+              :reveal {!winstart_allapps}
+              :transition "slideright"
+              :duration "250ms"
+              (revealer
+                :reveal {!winstart_allapps}
+                :transition "crossfade"
+                :duration "200ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  :width 674
+                  (centerbox
+                    :orientation "h"
+                    :class "winsearch-section-box"
+                    (label
+                      :halign "start"
+                      :class "winstart-section"
+                      :text "Pinned"
+                    )
+                    (box)
+                    (button
+                      :halign "end"
+                      :class "wintoggle-text winstart-button-allapps"
+                      :onclick "scripts/toggle-allapps.sh --open &"
+                      (box
+                        :space-evenly false
+                        :spacing 6
+                        (label :text "All apps" :style "padding: 0 2px;")
+                        (label :class "winstart-allapps-icon" :text "")
+                        ; (box
+                          ;   :class "winstart-allapps-arrow"
+                        ; )
+                      )
+                    )
+                  )
+                  (box
+                    :class "winstart-pinnedapps"
+                    :height 293
+                    :orientation "v"
+                    :space-evenly false
+                    (for row in pinnedapps
+                      (box
+                        :orientation "h"
+                        :space-evenly false
+                        (for app in row
+                          (eventbox
+                            :class "winstart-pinnedapps-entry"
+                            :onclick "scripts/toggle-winstart.sh --close && ${app.exec}"
+                            (box
+                              :orientation "v"
+                              :space-evenly false
+                              :class "winstart-pinnedapps-entry-pad"
+                              :width 101
+                              :height 88
+                              (box
+                                :class "winstart-pinnedapps-icon"
+                                :style "
+                                min-width: 33px;
+                                min-height: 33px;
+                                background-image: url('${app.icon}');
+                                background-position: center;
+                                background-size: auto 100%;
+                                "
+                              )
+                              (label
+                                :limit-width 12
+                                :class "wintoggle-text"
+                                :style "margin-top: 4px;"
+                                :text "${app.name}"
+                              )
+                            )
+                          )
+                        )
+                      )
+                    )
+                  )
+                  (centerbox
+                    :orientation "h"
+                    :class "winsearch-section-box"
+                    (label
+                      :halign "start"
+                      :class "winstart-section"
+                      :text "Recommended"
+                    )
+                    (box)
+                    (box)
+                  )
+                  (box
+                    :class "winstart-recommended"
+                    :height 222
+                    :orientation "v"
+                    :space-evenly false
+                    :valign "start"
+                    (for recrow in recommended
+                      (box
+                        :orientation "h"
+                        :space-evenly false
+                        :valign "start"
+                        :spacing 20
+                        (for entry in recrow
+                          (eventbox
+                            :class "winstart-recommended-entry"
+                            :onclick "scripts/toggle-winstart.sh --close && ${entry.exec}"
+                            (box
+                              :valign "start"
+                              :orientation "h"
+                              :space-evenly false
+                              :width 286
+                              :height 66
+                              :class "winstart-recommended-entry-pad"
+                              ; Recommended tile contents here
+                              (box
+                                :halign "start"
+                                :class "winstart-recommended-icon"
+                                :style "
+                                min-width: 33px;
+                                min-height: 33px;
+                                background-image: url('${entry.icon}');
+                                background-position: center;
+                                background-size: 100% auto;
+                                "
+                              )
+                              (box
+                                :orientation "v"
+                                :space-evenly false
+                                :class "winstart-recommended-text"
+                                (label :xalign 0 :class "wintoggle-text winstart-recommended-name" :text "${entry.name}" :limit-width 26)
+                                (label :xalign 0 :class "wintoggle-text winstart-recommended-subtext" :text "${entry.subtext}" :limit-width 29)
+                              )
+                            )
+                          )
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            )
+            (revealer
+              :reveal {winstart_allapps}
+              :transition "slideleft"
+              :duration "250ms"
+              (revealer
+                :reveal {winstart_allapps}
+                :transition "crossfade"
+                :duration "200ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  :width 674
+                  (centerbox
+                    :orientation "h"
+                    :class "winsearch-section-box"
+                    (label
+                      :halign "start"
+                      :class "winstart-section"
+                      :text "All apps"
+                    )
+                    (box)
+                    (button
+                      :halign "end"
+                      :class "wintoggle-text winstart-button-allapps"
+                      :onclick "scripts/toggle-allapps.sh --close"
+                      (box
+                        :space-evenly false
+                        :spacing 6
+                        (label :class "winstart-allapps-icon" :text "")
+                        (label :text "Back" :style "padding: 0 2px;")
+                        ; (box
+                          ;   :class "winstart-allapps-arrow"
+                        ; )
+                      )
+                    )
+                  )
+                  (scroll
+                    :height 549
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      :class "winstart-allapps-box"
+                      (for app in allapps
+                        (button
+                          :class "winstart-allapps-app"
+                          :onclick "scripts/toggle-winstart.sh --close && gtk-launch ${app.filename} &"
+                          (box
+                            :space-evenly false
+                            :orientation "h"
+                            (revealer
+                              :transition "slideright"
+                              :duration "0ms"
+                              :reveal {app.icon != '_letter'}
+                              (image
+                                :class "winstart-allapps-app-icon"
+                                :path {(app.icon != '_letter' && app.icon != '') ? app.icon : 'images/svg/dark/app.svg'}
+                                :image-height 25
+                                :image-width 25
+                              )
+                            )
+                            (label
+                              :class "winbartext winstart-allapps-appname"
+                              :text {app.name}
+                            )
+                          )
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+        (centerbox
+          :orientation "h"
+          :class "winwin-bottom winstart-bottom-pad"
+          :height 67
+          (button
+            :halign "start"
+            :class "winstart-user"
+            :onclick "scripts/toggle-winstart.sh --close && gnome-control-center user-accounts &"
+            (box
+              :space-evenly false
+              :orientation "h"
+              :spacing 16
+              (box
+                :class "winstart-user-icon"
+              )
+              (label :class "wintoggle-text" :text "${username}")
+            )
+          )
+          (box)
+          (button
+            :halign "end"
+            :class "winstart-power-icon winstart-power-icon-${rev_winpowermenu}"
+            :onclick "scripts/toggle-winpowermenu.sh &"
+            (image
+              :path "images/svg/dark/power.svg"
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow winstart
+  :wm-ignore true
+  :monitor 0
+  :focusable true
+  :geometry (geometry
+    :x "0px"
+    :y "51px"
+    ; :height 788
+    :width 673
+    :anchor "bottom center"
+  )
+  (winstart_widget)
+)
\ No newline at end of file
diff --git a/early/.config/eww/windows/wintaskview.yuck b/early/.config/eww/windows/wintaskview.yuck
new file mode 100755
index 000000000..b2b8b15ab
--- /dev/null
+++ b/early/.config/eww/windows/wintaskview.yuck
@@ -0,0 +1,217 @@
+(defwidget winworkspacebox [wspace]
+  (box ; Note: height 100px width 356px
+    :space-evenly false :orientation "v" :spacing 3
+    :class "taskview-ws taskview-ws-${wspace[0].workspace.id == activews}"
+    (label
+      :class "wintaskview-text"
+      :xalign 0
+      :text "Desktop ${wspace[0].workspace.id}"
+    )
+    (box
+      :space-evenly false :orientation "h"
+      :style "
+      min-width: ${RES_WIDTH * TASKVIEW_SCALE}px;
+      min-height: ${RES_HEIGHT * TASKVIEW_SCALE}px;
+      "
+      (overlay
+        (box ; image doesnt do rounding so use css background image
+          :class "wintaskview-workspace-bg"
+          ; :path "./images/wallpaper/wallpaper_small"
+          :style "
+          min-width: ${RES_WIDTH * TASKVIEW_SCALE}px;
+          min-height: ${RES_HEIGHT * TASKVIEW_SCALE}px;
+          background-image: url('./images/wallpaper/wallpaper_small');
+          "
+          :width {round(RES_WIDTH * TASKVIEW_SCALE, 0)}
+          :height {round(RES_HEIGHT * TASKVIEW_SCALE, 0)}
+        )
+        (box
+          :space-evenly false :orientation "h"
+          (for ws-window in wspace
+            (box
+              :class "${ws-window.class == 'workspace' ? '' : 'taskview-ws-window'}"
+              :style "
+              ${ws-window.address == selected ? 'border: 1px solid #FFFFFF' : ''};
+              ${ws-window.address == '_none' ? 'border: none' : ''};
+              margin-left: ${ws-window.at[0] * TASKVIEW_SCALE}px;
+              margin-top: ${ws-window.at[1] * TASKVIEW_SCALE}px;
+              margin-right: -${(ws-window.at[0] + ws-window.size[0]) * TASKVIEW_SCALE}px;
+              margin-bottom: ${RES_HEIGHT * TASKVIEW_SCALE - ((ws-window.at[1] + ws-window.size[1]) * TASKVIEW_SCALE)};
+              "
+              (eventbox
+                :onrightclick "scripts/selectwindow ${ws-window.address} '${EWW_CMD}' ${ws-window.workspace.id}"
+                :onmiddleclick "hyprctl dispatch closewindow address:${ws-window.address}"
+                :onclick "scripts/focuswindow ${ws-window.address} ${ws-window.workspace.id} scripts/toggle-wintaskview.sh --close &"
+                :onhover "${ws-window.class == 'workspace' ? '' : (EWW_CMD + ' update overview_hover_name=\'' + ws-window + '\'')}"
+                (box
+                  :class "overview-background"
+                  ; Uncomment below to enable thumbnail previews (VERY SLOW)
+                  ; :style "
+                  ; background-image: url('scripts/cache/thumbnails/${ws-window.address }.png');
+                  ; "
+                  (image
+                    :class "overview-icon"
+                    :path {ws-window.icon}
+                    :image-width {round(ws-window.size[0] * TASKVIEW_SCALE * 45 / 100, 0)}
+                    :image-height {round(ws-window.size[1] * TASKVIEW_SCALE * 45 / 100, 0)}
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget wintaskview_widget []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :class "thewholething"
+    (eventbox
+      :onclick "scripts/toggle-wintaskview.sh --close &"
+      (overlay
+        (box
+          :width RES_WIDTH :height {RES_HEIGHT - 50}
+          :class "wintaskview-bg"
+        )
+        (box
+          :orientation "h" :space-evenly false
+          :halign "fill" :valign "start" :height {RES_HEIGHT - WINTASKVIEW_RESERVED_BOTTOM}
+          (for workspace in taskviewlayout
+            (revealer
+              :reveal {arraylength(workspace) != 0 && workspace[0][0]["workspace"]["id"] == activews}
+              :transition "slideright"
+              :duration "0ms"
+              (scroll
+                :hscroll false :vscroll true
+                :width {RES_WIDTH}
+                :height {RES_HEIGHT - WINTASKVIEW_RESERVED_BOTTOM}
+                (box
+                  :space-evenly false :orientation "v" :spacing WINTASKVIEW_SPACING
+                  :style "padding: ${WINTASKVIEW_SPACING}"
+                  :valign "center"
+                  (for row in workspace
+                    (box
+                      :space-evenly false :spacing WINTASKVIEW_SPACING
+                      :halign "center"
+                      :valign "center"
+                      :height {
+                        (MIN_ROW_HEIGHT > (RES_HEIGHT - WINTASKVIEW_RESERVED_BOTTOM - WINTASKVIEW_SPACING) / arraylength(workspace) - 51 - WINTASKVIEW_SPACING) ?
+                        MIN_ROW_HEIGHT :
+                        (RES_HEIGHT - WINTASKVIEW_RESERVED_BOTTOM - WINTASKVIEW_SPACING) / arraylength(workspace) - 51 - WINTASKVIEW_SPACING
+                      }
+                      (for window in row
+                        (box
+                          :class "${window.class == 'workspace' ? '' : 'taskview-thisws-window'}"
+                          :valign "center"
+                          :style `
+                          ${window.address == selected ? 'border: 1px solid #FFFFFF' : ''};
+                          ${window.address == '_none' ? 'border: none' : ''};
+                          min-width: ${window["size"][0]}px;
+                          min-height: ${window["size"][1]}px;
+                          `
+                          (eventbox
+                            :onrightclick "scripts/selectwindow ${window.address} '${EWW_CMD}' ${window.workspace.id}"
+                            :onmiddleclick "hyprctl dispatch closewindow address:${window.address}"
+                            :onclick "scripts/focuswindow ${window.address} ${window.workspace.id} && hyprctl dispatch bringactivetotop && scripts/toggle-wintaskview.sh --close &"
+                            ; :onhover "${ws-window.class == 'workspace' ? '' : (EWW_CMD + ' update overview_hover_name=\'' + ws-window + '\'')}"
+                            (box
+                              :orientation "v" :space-evenly false
+                              :class "overview-background"
+                              (box ;
+                                :height 49 :space-evenly false :spacing 10
+                                :orientation "h"
+                                :style "padding: 0 14px;"
+                                (image
+                                  :vexpand true
+                                  :class "overview-icon"
+                                  :path {window.icon}
+                                  :image-width 25
+                                  :image-height 25
+                                  ; :image-width {round(window.size[0] * TASKVIEW_SCALE * 45 / 100, 0)}
+                                  ; :image-height {round(window.size[1] * TASKVIEW_SCALE * 45 / 100, 0)}
+                                )
+                                (label
+                                  :hexpand true :xalign 0
+                                  :class "wintaskview-text"
+                                  :limit-width {round(window.size[0] / 9, 0)}
+                                  :text "${window.title}"
+                                )
+                                ; (button
+                                ;   (label
+                                ;     :class "wintaskview-thisws-window-close"
+                                ;     :text ""
+                                ;   ) 
+                                ; )
+                              )
+                              (image
+                                :vexpand true
+                                :path {window.icon}
+                                :class "taskview-thisws-window-thumbnail"
+                                :image-width {round(window.size[0] * 25 / 100, 0)}
+                                :image-height {round(window.size[1] * 25 / 100, 0)}
+                                ; :image-width {round(window.size[0] * TASKVIEW_SCALE * 45 / 100, 0)}
+                                ; :image-height {round(window.size[1] * TASKVIEW_SCALE * 45 / 100, 0)}
+                              )
+                            )
+                          )
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+        (box
+          :valign "end"
+          :class "wintaskview-workspaces-bg"
+          :style "
+          ${anim_open_wintaskview ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 100ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+          ${rev_wintaskview ? '' : 'margin-bottom: -900px;'}
+          min-height: ${RES_HEIGHT * TASKVIEW_SCALE}px;
+          "
+          (scroll
+            :hscroll true
+            :vscroll false
+            (box
+              :orientation "h" :space-evenly false
+              :halign "center"
+              (box
+                :orientation "h" :space-evenly false
+                (for wspace in wsjsona
+                  (winworkspacebox
+                    :wspace {wspace}
+                  )
+                )
+              )
+              (box
+                :orientation "h" :space-evenly false
+                (for wspace in wsjsonb
+                  (winworkspacebox
+                    :wspace {wspace}
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow wintaskview
+  :stacking "overlay"
+  :wm-ignore true
+  :focusable true
+  :monitor 0
+  :geometry (geometry
+    :anchor "top center"
+  )
+  (wintaskview_widget)
+)
diff --git a/early/.config/fish/completions/fisher.fish b/early/.config/fish/completions/fisher.fish
new file mode 100755
index 000000000..6d23ce490
--- /dev/null
+++ b/early/.config/fish/completions/fisher.fish
@@ -0,0 +1,7 @@
+complete --command fisher --exclusive --long help --description "Print help"
+complete --command fisher --exclusive --long version --description "Print version"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments install --description "Install plugins"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments update --description "Update installed plugins"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments remove --description "Remove installed plugins"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments list --description "List installed plugins matching regex"
+complete --command fisher --exclusive --condition "__fish_seen_subcommand_from update remove" --arguments "(fisher list)"
diff --git a/early/.config/fish/config.fish b/early/.config/fish/config.fish
new file mode 100755
index 000000000..bfa2bf74c
--- /dev/null
+++ b/early/.config/fish/config.fish
@@ -0,0 +1,20 @@
+function fish_prompt -d "Write out the prompt"
+    # This shows up as USER@HOST /home/user/ >, with the directory colored
+    # $USER and $hostname are set by fish, so you can just use them
+    # instead of using `whoami` and `hostname`
+    printf '%s@%s %s%s%s > ' $USER $hostname \
+        (set_color $fish_color_cwd) (prompt_pwd) (set_color normal)
+end
+
+if status is-interactive
+    # Commands to run in interactive sessions can go here
+    set fish_greeting
+
+end
+
+starship init fish | source
+
+# function fish_prompt
+#   set_color cyan; echo (pwd) 
+#   set_color green; echo '> '
+# end
\ No newline at end of file
diff --git a/early/.config/fish/fish_plugins b/early/.config/fish/fish_plugins
new file mode 100755
index 000000000..594dfc033
--- /dev/null
+++ b/early/.config/fish/fish_plugins
@@ -0,0 +1 @@
+jorgebucaran/fisher
diff --git a/early/.config/fish/fish_variables b/early/.config/fish/fish_variables
new file mode 100755
index 000000000..479710902
--- /dev/null
+++ b/early/.config/fish/fish_variables
@@ -0,0 +1,34 @@
+# This file contains fish universal variable definitions.
+# VERSION: 3.0
+SETUVAR __fish_initialized:3400
+SETUVAR _fisher_jorgebucaran_2F_fisher_files:\x7e/\x2econfig/fish/functions/fisher\x2efish\x1e\x7e/\x2econfig/fish/completions/fisher\x2efish
+SETUVAR _fisher_plugins:jorgebucaran/fisher
+SETUVAR _fisher_upgraded_to_4_4:\x1d
+SETUVAR fish_color_autosuggestion:555\x1ebrblack
+SETUVAR fish_color_cancel:\x2dr
+SETUVAR fish_color_command:blue
+SETUVAR fish_color_comment:red
+SETUVAR fish_color_cwd:green
+SETUVAR fish_color_cwd_root:red
+SETUVAR fish_color_end:green
+SETUVAR fish_color_error:brred
+SETUVAR fish_color_escape:brcyan
+SETUVAR fish_color_history_current:\x2d\x2dbold
+SETUVAR fish_color_host:normal
+SETUVAR fish_color_host_remote:yellow
+SETUVAR fish_color_normal:normal
+SETUVAR fish_color_operator:brcyan
+SETUVAR fish_color_param:cyan
+SETUVAR fish_color_quote:yellow
+SETUVAR fish_color_redirection:cyan\x1e\x2d\x2dbold
+SETUVAR fish_color_search_match:\x2d\x2dbackground\x3d111
+SETUVAR fish_color_selection:white\x1e\x2d\x2dbold\x1e\x2d\x2dbackground\x3dbrblack
+SETUVAR fish_color_status:red
+SETUVAR fish_color_user:brgreen
+SETUVAR fish_color_valid_path:\x2d\x2dunderline
+SETUVAR fish_key_bindings:fish_default_key_bindings
+SETUVAR fish_pager_color_completion:normal
+SETUVAR fish_pager_color_description:B3A06D\x1eyellow\x1e\x2di
+SETUVAR fish_pager_color_prefix:cyan\x1e\x2d\x2dbold\x1e\x2d\x2dunderline
+SETUVAR fish_pager_color_progress:brwhite\x1e\x2d\x2dbackground\x3dcyan
+SETUVAR fish_pager_color_selected_background:\x2dr
diff --git a/early/.config/fish/functions/fisher.fish b/early/.config/fish/functions/fisher.fish
new file mode 100755
index 000000000..c0a86fa4e
--- /dev/null
+++ b/early/.config/fish/functions/fisher.fish
@@ -0,0 +1,240 @@
+function fisher --argument-names cmd --description "A plugin manager for Fish"
+    set --query fisher_path || set --local fisher_path $__fish_config_dir
+    set --local fisher_version 4.4.3
+    set --local fish_plugins $__fish_config_dir/fish_plugins
+
+    switch "$cmd"
+        case -v --version
+            echo "fisher, version $fisher_version"
+        case "" -h --help
+            echo "Usage: fisher install <plugins...>  Install plugins"
+            echo "       fisher remove  <plugins...>  Remove installed plugins"
+            echo "       fisher update  <plugins...>  Update installed plugins"
+            echo "       fisher update                Update all installed plugins"
+            echo "       fisher list    [<regex>]     List installed plugins matching regex"
+            echo "Options:"
+            echo "       -v or --version  Print version"
+            echo "       -h or --help     Print this help message"
+            echo "Variables:"
+            echo "       \$fisher_path  Plugin installation path. Default: $__fish_config_dir" | string replace --regex -- $HOME \~
+        case ls list
+            string match --entire --regex -- "$argv[2]" $_fisher_plugins
+        case install update remove
+            isatty || read --local --null --array stdin && set --append argv $stdin
+
+            set --local install_plugins
+            set --local update_plugins
+            set --local remove_plugins
+            set --local arg_plugins $argv[2..-1]
+            set --local old_plugins $_fisher_plugins
+            set --local new_plugins
+
+            test -e $fish_plugins && set --local file_plugins (string match --regex -- '^[^\s]+$' <$fish_plugins)
+
+            if ! set --query argv[2]
+                if test "$cmd" != update
+                    echo "fisher: Not enough arguments for command: \"$cmd\"" >&2 && return 1
+                else if ! set --query file_plugins
+                    echo "fisher: \"$fish_plugins\" file not found: \"$cmd\"" >&2 && return 1
+                end
+                set arg_plugins $file_plugins
+            end
+
+            for plugin in $arg_plugins
+                set plugin (test -e "$plugin" && realpath $plugin || string lower -- $plugin)
+                contains -- "$plugin" $new_plugins || set --append new_plugins $plugin
+            end
+
+            if set --query argv[2]
+                for plugin in $new_plugins
+                    if contains -- "$plugin" $old_plugins
+                        test "$cmd" = remove &&
+                            set --append remove_plugins $plugin ||
+                            set --append update_plugins $plugin
+                    else if test "$cmd" = install
+                        set --append install_plugins $plugin
+                    else
+                        echo "fisher: Plugin not installed: \"$plugin\"" >&2 && return 1
+                    end
+                end
+            else
+                for plugin in $new_plugins
+                    contains -- "$plugin" $old_plugins &&
+                        set --append update_plugins $plugin ||
+                        set --append install_plugins $plugin
+                end
+
+                for plugin in $old_plugins
+                    contains -- "$plugin" $new_plugins || set --append remove_plugins $plugin
+                end
+            end
+
+            set --local pid_list
+            set --local source_plugins
+            set --local fetch_plugins $update_plugins $install_plugins
+            set --local fish_path (status fish-path)
+
+            echo (set_color --bold)fisher $cmd version $fisher_version(set_color normal)
+
+            for plugin in $fetch_plugins
+                set --local source (command mktemp -d)
+                set --append source_plugins $source
+
+                command mkdir -p $source/{completions,conf.d,themes,functions}
+
+                $fish_path --command "
+                    if test -e $plugin
+                        command cp -Rf $plugin/* $source
+                    else
+                        set temp (command mktemp -d)
+                        set repo (string split -- \@ $plugin) || set repo[2] HEAD
+
+                        if set path (string replace --regex -- '^(https://)?gitlab.com/' '' \$repo[1])
+                            set name (string split -- / \$path)[-1]
+                            set url https://gitlab.com/\$path/-/archive/\$repo[2]/\$name-\$repo[2].tar.gz
+                        else
+                            set url https://api.github.com/repos/\$repo[1]/tarball/\$repo[2]
+                        end
+
+                        echo Fetching (set_color --underline)\$url(set_color normal)
+
+                        if curl --silent -L \$url | tar -xzC \$temp -f - 2>/dev/null
+                            command cp -Rf \$temp/*/* $source
+                        else
+                            echo fisher: Invalid plugin name or host unavailable: \\\"$plugin\\\" >&2
+                            command rm -rf $source
+                        end
+
+                        command rm -rf \$temp
+                    end
+
+                    set files $source/* && string match --quiet --regex -- .+\.fish\\\$ \$files
+                " &
+
+                set --append pid_list (jobs --last --pid)
+            end
+
+            wait $pid_list 2>/dev/null
+
+            for plugin in $fetch_plugins
+                if set --local source $source_plugins[(contains --index -- "$plugin" $fetch_plugins)] && test ! -e $source
+                    if set --local index (contains --index -- "$plugin" $install_plugins)
+                        set --erase install_plugins[$index]
+                    else
+                        set --erase update_plugins[(contains --index -- "$plugin" $update_plugins)]
+                    end
+                end
+            end
+
+            for plugin in $update_plugins $remove_plugins
+                if set --local index (contains --index -- "$plugin" $_fisher_plugins)
+                    set --local plugin_files_var _fisher_(string escape --style=var -- $plugin)_files
+
+                    if contains -- "$plugin" $remove_plugins
+                        for name in (string replace --filter --regex -- '.+/conf\.d/([^/]+)\.fish$' '$1' $$plugin_files_var)
+                            emit {$name}_uninstall
+                        end
+                        printf "%s\n" Removing\ (set_color red --bold)$plugin(set_color normal) "         "$$plugin_files_var | string replace -- \~ ~
+                        set --erase _fisher_plugins[$index]
+                    end
+
+                    command rm -rf (string replace -- \~ ~ $$plugin_files_var)
+
+                    functions --erase (string replace --filter --regex -- '.+/functions/([^/]+)\.fish$' '$1' $$plugin_files_var)
+
+                    for name in (string replace --filter --regex -- '.+/completions/([^/]+)\.fish$' '$1' $$plugin_files_var)
+                        complete --erase --command $name
+                    end
+
+                    set --erase $plugin_files_var
+                end
+            end
+
+            if set --query update_plugins[1] || set --query install_plugins[1]
+                command mkdir -p $fisher_path/{functions,themes,conf.d,completions}
+            end
+
+            for plugin in $update_plugins $install_plugins
+                set --local source $source_plugins[(contains --index -- "$plugin" $fetch_plugins)]
+                set --local files $source/{functions,themes,conf.d,completions}/*
+
+                if set --local index (contains --index -- $plugin $install_plugins)
+                    set --local user_files $fisher_path/{functions,themes,conf.d,completions}/*
+                    set --local conflict_files
+
+                    for file in (string replace -- $source/ $fisher_path/ $files)
+                        contains -- $file $user_files && set --append conflict_files $file
+                    end
+
+                    if set --query conflict_files[1] && set --erase install_plugins[$index]
+                        echo -s "fisher: Cannot install \"$plugin\": please remove or move conflicting files first:" \n"        "$conflict_files >&2
+                        continue
+                    end
+                end
+
+                for file in (string replace -- $source/ "" $files)
+                    command cp -RLf $source/$file $fisher_path/$file
+                end
+
+                set --local plugin_files_var _fisher_(string escape --style=var -- $plugin)_files
+
+                set --query files[1] && set --universal $plugin_files_var (string replace -- $source $fisher_path $files | string replace -- ~ \~)
+
+                contains -- $plugin $_fisher_plugins || set --universal --append _fisher_plugins $plugin
+                contains -- $plugin $install_plugins && set --local event install || set --local event update
+
+                printf "%s\n" Installing\ (set_color --bold)$plugin(set_color normal) "           "$$plugin_files_var | string replace -- \~ ~
+
+                for file in (string match --regex -- '.+/[^/]+\.fish$' $$plugin_files_var | string replace -- \~ ~)
+                    source $file
+                    if set --local name (string replace --regex -- '.+conf\.d/([^/]+)\.fish$' '$1' $file)
+                        emit {$name}_$event
+                    end
+                end
+            end
+
+            command rm -rf $source_plugins
+
+            if set --query _fisher_plugins[1]
+                set --local commit_plugins
+
+                for plugin in $file_plugins
+                    contains -- (string lower -- $plugin) (string lower -- $_fisher_plugins) && set --append commit_plugins $plugin
+                end
+
+                for plugin in $_fisher_plugins
+                    contains -- (string lower -- $plugin) (string lower -- $commit_plugins) || set --append commit_plugins $plugin
+                end
+
+                printf "%s\n" $commit_plugins >$fish_plugins
+            else
+                set --erase _fisher_plugins
+                command rm -f $fish_plugins
+            end
+
+            set --local total (count $install_plugins) (count $update_plugins) (count $remove_plugins)
+
+            test "$total" != "0 0 0" && echo (string join ", " (
+                test $total[1] = 0 || echo "Installed $total[1]") (
+                test $total[2] = 0 || echo "Updated $total[2]") (
+                test $total[3] = 0 || echo "Removed $total[3]")
+            ) plugin/s
+        case \*
+            echo "fisher: Unknown command: \"$cmd\"" >&2 && return 1
+    end
+end
+
+if ! set --query _fisher_upgraded_to_4_4
+    set --universal _fisher_upgraded_to_4_4
+    if functions --query _fisher_list
+        set --query XDG_DATA_HOME[1] || set --local XDG_DATA_HOME ~/.local/share
+        command rm -rf $XDG_DATA_HOME/fisher
+        functions --erase _fisher_{list,plugin_parse}
+        fisher update >/dev/null 2>/dev/null
+    else
+        for var in (set --names | string match --entire --regex '^_fisher_.+_files$')
+            set $var (string replace -- ~ \~ $$var)
+        end
+        functions --erase _fisher_fish_postexec
+    end
+end
diff --git a/early/.config/fish/tokyonight_day.fish b/early/.config/fish/tokyonight_day.fish
new file mode 100644
index 000000000..0a73a06a5
--- /dev/null
+++ b/early/.config/fish/tokyonight_day.fish
@@ -0,0 +1,36 @@
+    # TokyoNight Color Palette
+    set -l foreground 3760bf
+    set -l selection 99a7df
+    set -l comment 848cb5
+    set -l red f52a65
+    set -l orange b15c00
+    set -l yellow 8c6c3e
+    set -l green 587539
+    set -l purple 7847bd
+    set -l cyan 007197
+    set -l pink 9854f1
+
+    # Syntax Highlighting Colors
+    set -g fish_color_normal $foreground
+    set -g fish_color_command $cyan
+    set -g fish_color_keyword $pink
+    set -g fish_color_quote $yellow
+    set -g fish_color_redirection $foreground
+    set -g fish_color_end $orange
+    set -g fish_color_error $red
+    set -g fish_color_param $purple
+    set -g fish_color_comment $comment
+    set -g fish_color_selection --background=$selection
+    set -g fish_color_search_match --background=$selection
+    set -g fish_color_operator $green
+    set -g fish_color_escape $pink
+    set -g fish_color_autosuggestion $comment
+
+    # Completion Pager Colors
+    set -g fish_pager_color_progress $comment
+    set -g fish_pager_color_prefix $cyan
+    set -g fish_pager_color_completion $foreground
+    set -g fish_pager_color_description $comment
+    set -g fish_pager_color_selected_background --background=$selection
+
+  
\ No newline at end of file
diff --git a/early/.config/fish/tokyonight_moon.fish b/early/.config/fish/tokyonight_moon.fish
new file mode 100644
index 000000000..2acc461b3
--- /dev/null
+++ b/early/.config/fish/tokyonight_moon.fish
@@ -0,0 +1,36 @@
+    # TokyoNight Color Palette
+    set -l foreground c8d3f5
+    set -l selection 3654a7
+    set -l comment 7a88cf
+    set -l red ff757f
+    set -l orange ff966c
+    set -l yellow ffc777
+    set -l green c3e88d
+    set -l purple fca7ea
+    set -l cyan 86e1fc
+    set -l pink c099ff
+
+    # Syntax Highlighting Colors
+    set -g fish_color_normal $foreground
+    set -g fish_color_command $cyan
+    set -g fish_color_keyword $pink
+    set -g fish_color_quote $yellow
+    set -g fish_color_redirection $foreground
+    set -g fish_color_end $orange
+    set -g fish_color_error $red
+    set -g fish_color_param $purple
+    set -g fish_color_comment $comment
+    set -g fish_color_selection --background=$selection
+    set -g fish_color_search_match --background=$selection
+    set -g fish_color_operator $green
+    set -g fish_color_escape $pink
+    set -g fish_color_autosuggestion $comment
+
+    # Completion Pager Colors
+    set -g fish_pager_color_progress $comment
+    set -g fish_pager_color_prefix $cyan
+    set -g fish_pager_color_completion $foreground
+    set -g fish_pager_color_description $comment
+    set -g fish_pager_color_selected_background --background=$selection
+
+  
\ No newline at end of file
diff --git a/early/.config/fish/tokyonight_night.fish b/early/.config/fish/tokyonight_night.fish
new file mode 100644
index 000000000..58edd99b3
--- /dev/null
+++ b/early/.config/fish/tokyonight_night.fish
@@ -0,0 +1,36 @@
+    # TokyoNight Color Palette
+    set -l foreground c0caf5
+    set -l selection 33467c
+    set -l comment 565f89
+    set -l red f7768e
+    set -l orange ff9e64
+    set -l yellow e0af68
+    set -l green 9ece6a
+    set -l purple 9d7cd8
+    set -l cyan 7dcfff
+    set -l pink bb9af7
+
+    # Syntax Highlighting Colors
+    set -g fish_color_normal $foreground
+    set -g fish_color_command $cyan
+    set -g fish_color_keyword $pink
+    set -g fish_color_quote $yellow
+    set -g fish_color_redirection $foreground
+    set -g fish_color_end $orange
+    set -g fish_color_error $red
+    set -g fish_color_param $purple
+    set -g fish_color_comment $comment
+    set -g fish_color_selection --background=$selection
+    set -g fish_color_search_match --background=$selection
+    set -g fish_color_operator $green
+    set -g fish_color_escape $pink
+    set -g fish_color_autosuggestion $comment
+
+    # Completion Pager Colors
+    set -g fish_pager_color_progress $comment
+    set -g fish_pager_color_prefix $cyan
+    set -g fish_pager_color_completion $foreground
+    set -g fish_pager_color_description $comment
+    set -g fish_pager_color_selected_background --background=$selection
+
+  
\ No newline at end of file
diff --git a/early/.config/fish/tokyonight_storm.fish b/early/.config/fish/tokyonight_storm.fish
new file mode 100644
index 000000000..0fd59a748
--- /dev/null
+++ b/early/.config/fish/tokyonight_storm.fish
@@ -0,0 +1,36 @@
+    # TokyoNight Color Palette
+    set -l foreground c0caf5
+    set -l selection 364a82
+    set -l comment 565f89
+    set -l red f7768e
+    set -l orange ff9e64
+    set -l yellow e0af68
+    set -l green 9ece6a
+    set -l purple 9d7cd8
+    set -l cyan 7dcfff
+    set -l pink bb9af7
+
+    # Syntax Highlighting Colors
+    set -g fish_color_normal $foreground
+    set -g fish_color_command $cyan
+    set -g fish_color_keyword $pink
+    set -g fish_color_quote $yellow
+    set -g fish_color_redirection $foreground
+    set -g fish_color_end $orange
+    set -g fish_color_error $red
+    set -g fish_color_param $purple
+    set -g fish_color_comment $comment
+    set -g fish_color_selection --background=$selection
+    set -g fish_color_search_match --background=$selection
+    set -g fish_color_operator $green
+    set -g fish_color_escape $pink
+    set -g fish_color_autosuggestion $comment
+
+    # Completion Pager Colors
+    set -g fish_pager_color_progress $comment
+    set -g fish_pager_color_prefix $cyan
+    set -g fish_pager_color_completion $foreground
+    set -g fish_pager_color_description $comment
+    set -g fish_pager_color_selected_background --background=$selection
+
+  
\ No newline at end of file
diff --git a/early/.config/foot/foot.ini b/early/.config/foot/foot.ini
new file mode 100755
index 000000000..e4ff60012
--- /dev/null
+++ b/early/.config/foot/foot.ini
@@ -0,0 +1,320 @@
+# -*- 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=monospace:size=11
+font=JetBrainsMono Nerd Font:size=12
+# 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=30x30                             # optionally append 'center'
+# resize-delay-ms=100
+
+# notify=notify-send -a ${app-id} -i ${app-id} ${title} ${body}
+
+bold-text-in-bright=no
+# bell=none
+# 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=block
+# color=111111 dcdccc
+color=282a36 f8f8f2
+# blink=no
+# beam-thickness=1.5
+# underline-thickness=<font underline thickness>
+
+[mouse]
+# hide-when-typing=no
+# alternate-scroll-mode=yes
+
+#DoomOne Colors
+#[colors]
+#alpha=0.3
+#foreground=bbc2cf
+#background=444444
+#regular0=282c34  # black
+#regular1=ff6c6b  # red
+#regular2=98be65  # green
+#regular3=ecbe7b  # yellow
+#regular4=51afef  # blue
+#regular5=c678dd  # magenta
+#regular6=46d9ff  # cyan
+#regular7=bfbfbf  # white
+#bright0=666666   # bright black
+#bright1=da8548   # bright red
+#bright2=4db5bd   # bright green
+#bright3=ECBE7B   # bright yellow
+#bright4=51afef   # bright blue
+#bright5=c678dd   # bright magenta
+#bright6=46D9FF   # bright cyan
+#bright7=dfdfdf   # bright white
+# 16 = <256-color palette #16>
+# ...
+# 255 = <256-color palette #255>
+# selection-foreground=<inverse foreground/background>
+# selection-background=<inverse foreground/background>
+# jump-labels=<regular0> <regular3>
+# urls=<regular3>
+
+##Dracula Colors
+# [colors]
+# alpha=0.3
+# foreground=f8f8f2
+# background=444444
+# regular0=000000  # black
+# regular1=ff5555  # red
+# regular2=50fa7b  # green
+# regular3=f1fa8c  # yellow
+# regular4=bd93f9  # blue
+# regular5=ff79c6  # magenta
+# regular6=8be9fd  # cyan
+# regular7=bfbfbf  # white
+# bright0=4d4d4d   # bright black
+# bright1=ff6e67   # bright red
+# bright2=5af78e   # bright green
+# bright3=f4f99d   # bright yellow
+# bright4=caa9fa   # bright blue
+# bright5=ff92d0   # bright magenta
+# bright6=9aedfe   # bright cyan
+# bright7=e6e6e6   # bright white
+
+# Catppuccin Colors
+[colors]
+alpha=0.5
+foreground=a9b1d6
+background=1a1b26
+regular0=414868  # black
+regular1=f7768e  # red
+regular2=73daca  # green
+regular3=e0af68  # yellow
+regular4=7aa2f7  # blue
+regular5=bb9af7  # magenta
+regular6=7dcfff  # cyan
+regular7=c0caf5  # white
+bright0=414868  # black
+bright1=f7768e  # red
+bright2=73daca  # green
+bright3=e0af68  # yellow
+bright4=7aa2f7  # blue
+bright5=bb9af7  # magenta
+bright6=7dcfff  # cyan
+bright7=c0caf5  # white
+
+# Ice colors
+# [colors]
+# alpha=0.5
+# foreground=90D1F6
+# background=162546
+# regular0=68ABE3  # black
+# regular1=BB9AF7  # red
+# regular2=90D1F6  # green
+# regular3=90D1F6  # yellow
+# regular4=AED6F7  # blue
+# regular5=AEE5FA  # magenta
+# regular6=DEECF5  # cyan
+# regular7=90D1F6  # white
+# bright0=68ABE3  # black
+# bright1=F7768E  # red
+# bright2=8DB5E3  # green
+# bright3=90D1F6  # yellow
+# bright4=AED6F7  # blue
+# bright5=AEE5FA  # magenta
+# bright6=DEECF5  # cyan
+# bright7=90D1F6  # white
+
+##Lovelace Colors
+# [colors]
+# alpha=0.3
+# foreground=f8f8f2
+# background=444444
+# regular0=282A36  # black
+# regular1=F37F97  # red
+# regular2=5ADECD  # green
+# regular3=F2A272  # yellow
+# regular4=8897F4  # blue
+# regular5=C574DD  # magenta
+# regular6=79E6F3  # cyan
+# regular7=FDFDFD  # white
+#  bright0=414458  # bright black
+#  bright1=FF4971  # bright red
+#  bright2=18E3C8  # bright green
+#  bright3=FF8037  # bright yellow
+#  bright4=556FFF  # bright blue
+#  bright5=B043D1  # bright magenta
+#  bright6=3FDCEE  # bright cyan
+#  bright7=BEBEC1  # bright white
+
+##Amarena Colors
+# [colors]
+# alpha=0.3
+# foreground=FFFFFF
+# background=1A2026
+# regular0=242D35 #black
+# regular1=FB6396 #red
+# regular2=94CF95 #green
+# regular3=F692B2 #yellow
+# regular4=6EC1D6 #blue
+# regular5=CD84C8 #magenta
+# regular6=7FE4D2 #cyan
+# regular7=FFFFFF #white
+#  bright0=526170 #bright black
+#  bright1=F92D72 #bright red
+#  bright2=6CCB6E #bright green
+#  bright3=F26190 #bright yellow
+#  bright4=4CB9D6 #bright blue
+#  bright5=C269BC #bright magenta
+#  bright6=58D6BF #bright cyan
+#  bright7=F4F5F2 #bright white
+  
+#Catpuccin Frappe
+#[colors]
+#    alpha=0.3
+#    foreground=c6d0f5 # Text
+#    background=444444 # Base
+#    regular0=51576d   # Surface 1
+#    regular1=e78284   # red
+#    regular2=a6d189   # green
+#    regular3=e5c890   # yellow
+#    regular4=8caaee   # blue
+#    regular5=f4b8e4   # pink
+#    regular6=81c8be   # teal
+#    regular7=b5bfe2   # Subtext 1
+#    bright0=626880    # Surface 2
+#    bright1=e78284    # red
+#    bright2=a6d189    # green
+#    bright3=e5c890    # yellow
+#    bright4=8caaee    # blue
+#    bright5=f4b8e4    # pink
+#    bright6=81c8be    # teal
+#    bright7=a5adce    # Subtext 0
+
+##Catpuccin Latte
+#[colors]
+#    alpha=0.3
+#    foreground=4c4f69 # Text
+#    background=444444 # Base
+#    regular0=5c5f77   # Subtext 1
+#    regular1=d20f39   # red
+#    regular2=40a02b   # green
+#    regular3=df8e1d   # yellow
+#    regular4=1e66f5   # blue
+#    regular5=ea76cb   # pink
+#    regular6=179299   # teal
+#    regular7=acb0be   # Surface 2
+#    bright0=6c6f85    # Subtext 0
+#    bright1=d20f39    # red
+#    bright2=40a02b    # green
+#    bright3=df8e1d    # yellow
+#    bright4=1e66f5    # blue
+#    bright5=ea76cb    # pink
+#    bright6=179299    # teal
+#    bright7=bcc0cc    # Surface 1
+
+[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=Mod1+BackSpace 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
diff --git a/early/.config/gtklock/background.jpg b/early/.config/gtklock/background.jpg
new file mode 100644
index 000000000..0baf605b1
Binary files /dev/null and b/early/.config/gtklock/background.jpg differ
diff --git a/early/.config/gtklock/config.ini b/early/.config/gtklock/config.ini
new file mode 100644
index 000000000..9369e4131
--- /dev/null
+++ b/early/.config/gtklock/config.ini
@@ -0,0 +1,3 @@
+[main]
+gtk-theme=Tokyonight-Dark-BL-LB
+modules=/usr/lib/gtklock/userinfo-module.so;/usr/lib/gtklock/powerbar-module.so;/usr/lib/gtklock/playerctl-module.so
\ No newline at end of file
diff --git a/early/.config/gtklock/style.css b/early/.config/gtklock/style.css
new file mode 100644
index 000000000..f4910162d
--- /dev/null
+++ b/early/.config/gtklock/style.css
@@ -0,0 +1,96 @@
+* {
+    border: 0px;
+}
+
+window {
+    /* background: transparent; */
+    background-color: #1A1B26;
+    background-image: url("background.jpg");
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center;
+}
+
+#window-box {
+    /* background-color: #1A1B26; */
+    border-radius: 1.5rem;
+    padding: 1.5rem;
+    /* border: 4px solid #7E64C5; */
+    border: 0px solid black;
+}
+
+#input-label {
+    font-size: 1.5rem;
+    color: transparent;
+    background-color: transparent;
+    margin: -20rem;
+    border: 0px solid black;
+}
+
+#input-field {
+    background-color: rgba(26, 27, 38, 1);
+    border-radius: 1.2rem;
+    font-size: 1.4rem;
+    padding: 0.5rem;
+    padding-left: 0.7rem;
+    margin: 0.6rem;
+}
+
+#unlock-button {
+    margin: -20rem;
+    color: transparent;
+    background-color: transparent;
+}
+
+#error-label {
+    color: #F38BA8;
+}
+
+/* #clock-label {
+    font-family: Gabarito;
+    font-size: 3.5rem;
+    color: transparent;
+    border-radius: 9999px;
+    min-height: 150px;
+    min-width: 150px;
+    background-image: url('/var/lib/AccountsService/icons/end');
+    background-size: 100% auto;
+    box-shadow: 2px 2px 4px #16161E;
+} */
+
+#clock-label {
+    font-family: 'Gabarito';
+    font-size: 6rem;
+    /* background-color: rgba(26, 27, 38, 1); */
+    border-radius: 1.2rem;
+    padding: 0.5rem;
+    padding-left: 0.7rem;
+    margin: 0.6rem;
+    margin-top: -40rem;
+    /* border: 0.2rem solid #7E64C5; */
+    color: #a2d5f8;
+    text-shadow: 2px 2px 4px #16161E;
+}
+
+#user-image {
+    /* min-width: 200px;
+    min-height: 200px; */
+}
+
+#powerbar-box {
+    border-radius: 9999px;
+    background-color: rgba(26, 27, 38, 1);
+    padding: 0.3rem;
+}
+#poweroff-button {
+    min-width: 2rem;
+    min-height: 2rem;
+}
+#suspend-button {
+    min-width: 2rem;
+    min-height: 2rem;
+}
+#reboot-button {
+    min-width: 2rem;
+    min-height: 2rem;
+}
\ No newline at end of file
diff --git a/early/.config/hypr/colors.conf b/early/.config/hypr/colors.conf
new file mode 100755
index 000000000..8f00d2a73
--- /dev/null
+++ b/early/.config/hypr/colors.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/4Me9rKMKIiY/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_gmAAtAFigIMCAAQARgdIGUoYDAP&rs=AOn4CLCTO0d31Dqgq1VrZ7Kyc7QQprKctw
+general {
+    col.active_border = rgba(E72DA9FF) rgba(C24BB3FF) rgba(32EBDCFF) 45deg
+    col.inactive_border = rgba(E72DA966)
+}
diff --git a/early/.config/hypr/colors_default.conf b/early/.config/hypr/colors_default.conf
new file mode 100755
index 000000000..09e7115b6
--- /dev/null
+++ b/early/.config/hypr/colors_default.conf
@@ -0,0 +1,4 @@
+general {
+    col.active_border = rgba(0DB7D4FF) rgba(7AA2F7FF) rgba(9778D0FF) 45deg
+    col.inactive_border = rgba(04404aaa)
+}
diff --git a/early/.config/hypr/dirs/hyprland_HORIZONTAL.conf b/early/.config/hypr/dirs/hyprland_HORIZONTAL.conf
new file mode 100755
index 000000000..6708a2a55
--- /dev/null
+++ b/early/.config/hypr/dirs/hyprland_HORIZONTAL.conf
@@ -0,0 +1,193 @@
+# This file contains general customization options 
+# For Environment variables see env.conf
+# For Keybinds variables see keybinds.conf 
+# For Auto-run stuff see execs.conf
+#autogenerated = 1
+
+# I haven't updated yet but prepared
+# source=~/.config/hypr/env.conf
+
+# Monitor: reserve space for eww bar
+monitor=eDP-1,1920x1080@60,0x0,1
+monitor=eDP-1, addreserved, 61, 0, 0, 0
+monitor=HDMI-A-1,1920x1080@60,1920x0,1,mirror,eDP-1
+
+#################### Core components (authentication, idle daemon and stuff) ##############
+source=~/.config/hypr/execs.conf
+
+############################# Keybinds ############################
+source=~/.config/hypr/keybinds.conf
+
+############################## Input ##############################
+input {
+    # Mouse
+    # accel_profile = adaptive
+    force_no_accel = false
+    #sensitivity = 0
+    # osu
+    # force_no_accel = true
+    # sensitivity = -0.23 
+
+    # Keyboard
+    kb_layout = us
+    follow_mouse = 1
+    numlock_by_default = true
+
+    touchpad {
+        natural_scroll = yes
+        disable_while_typing = true
+        clickfinger_behavior = true
+        scroll_factor = 0.7
+    }
+    scroll_method = 2fg
+}
+gestures {
+    # See https://wiki.hyprland.org/Configuring/Variables/ for more
+    workspace_swipe = true
+    workspace_swipe_distance = 1200px
+    workspace_swipe_fingers = 4
+    workspace_swipe_cancel_ratio = 0.2
+    workspace_swipe_min_speed_to_force = 5
+    workspace_swipe_create_new = true
+}
+
+general {
+    # Gaps and border
+    gaps_in = 4
+    gaps_out = 8
+    border_size = 2
+    
+    # Fallback colors
+    col.active_border = rgba(0DB7D4FF) rgba(7AA2F7FF) rgba(9778D0FF) 45deg
+    col.inactive_border = rgba(04404aaa)
+
+    # Functionality
+    # resize_on_border = true
+    layout = dwindle
+}
+
+
+decoration {
+	# Blur rules
+	# blurls=gtk-layer-shell
+	rounding = 17
+    
+    # Blur
+    blur = yes
+    blur_size = 7
+    blur_passes = 4
+    blur_new_optimizations = on
+    blur_ignore_opacity = false
+    #blur_xray = true
+    # Shadow
+    drop_shadow = no
+    shadow_range = 30
+    shadow_render_power = 3
+    col.shadow = rgba(01010166)
+    
+    # Opacity
+    	
+    
+    # Shader
+    # screen_shader = ~/.config/hypr/shaders/nothing.frag
+    
+    # Dim
+    dim_inactive = false
+    dim_strength = 0.1
+    dim_special = 0
+}
+
+animations {
+    enabled = yes
+    # Animation curves
+    
+    bezier = md3_standard, 0.2, 0.0, 0, 1.0
+    bezier = md3_decel, 0.05, 0.7, 0.1, 1
+    bezier = md3_accel, 0.3, 0, 0.8, 0.15
+    bezier = overshot, 0.05, 0.9, 0.1, 1.05
+    bezier = hyprnostretch, 0.05, 0.9, 0.1, 1.0
+    bezier = win10, 0, 0, 0, 1
+    bezier = gnome, 0, 0.85, 0.3, 1
+    bezier = funky, 0.46, 0.35, -0.2, 1.2
+    # Animation configs
+    animation = windows, 1, 2, md3_decel, slide
+    animation = border, 1, 10, default
+    animation = fade, 1, 0.0000001, default
+    animation = workspaces, 1, 4, md3_decel, slide
+}
+
+misc {
+    vfr = 1
+    vrr = 0
+    focus_on_activate = true
+	animate_manual_resizes = true
+	animate_mouse_windowdragging = true
+	#suppress_portal_warnings = true
+	enable_swallow = true
+}
+debug {
+	#overlay = true
+}
+dwindle {
+	preserve_split = true # you probably want this
+	#no_gaps_when_only = true
+}
+
+decoration {
+  #screen_shader = ~/.config/hypr/shaders/drugs.frag
+  #screen_shader = ~/.config/hypr/shaders/crt.frag
+}
+debug {
+  #damage_tracking=0
+}
+
+# Efficiency
+#general {
+#	gaps_in = 0
+#    gaps_out = 0
+#	border_size = 2
+#}
+#decoration {
+#	rounding = 0
+#}
+#monitor=eDP-1, addreserved, 32, 0, 0, 0
+
+######## Window rules ########
+#windowrule = float, ^(firefox)$
+windowrule = float, ^(steam)$
+windowrule = float, ^(guifetch)$
+
+#windowrule = opacity 0.9 override 0.9 override, ^(firefox)$
+# Dialogs
+windowrule=float,title:^(Open File)(.*)$
+windowrule=float,title:^(Open Folder)(.*)$
+windowrule=float,title:^(Save As)(.*)$
+windowrule=float,title:^(Library)(.*)$ 
+windowrulev2 = float, class:^com.github.hluk.copyq$
+
+windowrulev2 = rounding 10, floating:1
+######## Layer rules ########
+layerrule = blur, gtk-layer-shell
+layerrule = ignorezero, gtk-layer-shell
+layerrule = blur, notifications
+layerrule = ignorezero, notifications
+layerrule = blur, waybar
+layerrule = ignorezero, waybar
+
+plugin {
+    hyprbars {
+        bar_color = rgba(090727FF)
+        bar_height = 20
+        bar_text_size = 10
+        bar_text_color = rgba(7775D0FF)
+    }
+    borders-plus-plus {
+        add_borders = 2 # 0 - 2
+        col.border_1 = rgb(82E6F5) # example col for border 1
+        col.border_2 = rgb(2222ff) # example col for border 2
+    }
+}
+
+
+# Dynamic colors are written here
+source=~/.config/hypr/colors.conf
diff --git a/early/.config/hypr/dirs/hyprland_VERTICAL.conf b/early/.config/hypr/dirs/hyprland_VERTICAL.conf
new file mode 100755
index 000000000..41d2d4d06
--- /dev/null
+++ b/early/.config/hypr/dirs/hyprland_VERTICAL.conf
@@ -0,0 +1,191 @@
+# This file contains general customization options 
+# For Environment variables see env.conf
+# For Keybinds variables see keybinds.conf 
+# For Auto-run stuff see execs.conf
+#autogenerated = 1
+
+# I haven't updated yet but prepared
+# source=~/.config/hypr/env.conf
+
+# Monitor: reserve space for eww bar
+monitor=eDP-1,1920x1080@60,0x0,1
+monitor=eDP-1, addreserved, 1, 1, 61, 1
+monitor=HDMI-A-1,1920x1080@60,1920x0,1,mirror,eDP-1
+
+#################### Core components (authentication, idle daemon and stuff) ##############
+source=~/.config/hypr/execs.conf
+
+############################# Keybinds ############################
+source=~/.config/hypr/keybinds.conf
+
+############################## Input ##############################
+input {
+    # Mouse
+    # accel_profile = adaptive
+    force_no_accel = false
+    #sensitivity = 0
+    # osu
+    # force_no_accel = true
+    # sensitivity = -0.23 
+
+    # Keyboard
+    kb_layout = us
+    follow_mouse = 1
+    numlock_by_default = true
+
+    touchpad {
+        natural_scroll = yes
+        disable_while_typing = true
+        clickfinger_behavior = true
+        scroll_factor = 0.7
+    }
+    scroll_method = 2fg
+}
+gestures {
+    # See https://wiki.hyprland.org/Configuring/Variables/ for more
+    workspace_swipe = true
+    workspace_swipe_distance = 1000px
+    workspace_swipe_fingers = 4
+    workspace_swipe_cancel_ratio = 0.05
+    workspace_swipe_min_speed_to_force = 5
+    workspace_swipe_create_new = true
+}
+
+general {
+    # Gaps and border
+    gaps_in = 4
+    gaps_out = 7
+    border_size = 2
+    
+    # Fallback colors
+    col.active_border = rgba(0DB7D4FF) rgba(7AA2F7FF) rgba(9778D0FF) 45deg
+    col.inactive_border = rgba(04404aaa)
+
+    # Functionality
+    # resize_on_border = true
+    layout = dwindle
+}
+
+
+decoration {
+	# Blur rules
+	# blurls=gtk-layer-shell
+	rounding = 17
+    
+    # Blur
+    blur = yes
+    blur_size = 7
+    blur_passes = 4
+    blur_new_optimizations = on
+    blur_ignore_opacity = false
+    #blur_xray = true
+    # Shadow
+    drop_shadow = no
+    shadow_range = 30
+    shadow_render_power = 3
+    col.shadow = rgba(01010166)
+    
+    # Opacity
+    	
+    
+    # Shader
+    # screen_shader = ~/.config/hypr/shaders/nothing.frag
+    
+    # Dim
+    dim_inactive = false
+    dim_strength = 0.1
+    dim_special = 0
+}
+
+animations {
+    enabled = yes
+    # Animation curves
+    
+    bezier = md3_standard, 0.2, 0.0, 0, 1.0
+    bezier = md3_decel, 0.05, 0.7, 0.1, 1
+    bezier = md3_accel, 0.3, 0, 0.8, 0.15
+    bezier = overshot, 0.05, 0.9, 0.1, 1.05
+    bezier = hyprnostretch, 0.05, 0.9, 0.1, 1.0
+    bezier = win10, 0, 0, 0, 1
+    bezier = gnome, 0, 0.85, 0.3, 1
+    bezier = funky, 0.46, 0.35, -0.2, 1.2
+    # Animation configs
+    animation = windows, 1, 2, md3_decel, slide
+    animation = border, 1, 10, default
+    animation = fade, 1, 0.0000001, default
+    animation = workspaces, 1, 4, md3_decel, slidevert
+}
+
+misc {
+    vfr = 1
+    vrr = 0
+    focus_on_activate = true
+	animate_manual_resizes = true
+	animate_mouse_windowdragging = true
+	#suppress_portal_warnings = true
+	enable_swallow = true
+}
+debug {
+	#overlay = true
+}
+dwindle {
+	preserve_split = true # you probably want this
+	#no_gaps_when_only = true
+}
+
+decoration {
+  #screen_shader = ~/.config/hypr/shaders/drugs.frag
+  #screen_shader = ~/.config/hypr/shaders/crt.frag
+}
+debug {
+  #damage_tracking=0
+}
+
+# Efficiency
+#general {
+#	gaps_in = 0
+#    gaps_out = 0
+#	border_size = 2
+#}
+#decoration {
+#	rounding = 0
+#}
+#monitor=eDP-1, addreserved, 32, 0, 0, 0
+
+######## Window rules ########
+#windowrule = float, ^(firefox)$
+windowrule = float, ^(steam)$
+windowrule = float, ^(guifetch)$
+
+#windowrule = opacity 0.9 override 0.9 override, ^(firefox)$
+# Dialogs
+windowrule=float,title:^(Open File)(.*)$
+windowrule=float,title:^(Open Folder)(.*)$
+windowrule=float,title:^(Save As)(.*)$
+windowrule=float,title:^(Library)(.*)$ 
+windowrulev2 = float, class:^com.github.hluk.copyq$
+
+windowrulev2 = rounding 10, floating:1
+######## Layer rules ########
+layerrule = blur, gtk-layer-shell
+layerrule = ignorezero, gtk-layer-shell
+layerrule = blur, waybar
+layerrule = ignorezero, waybar
+
+plugin {
+    hyprbars {
+        bar_color = rgba(090727FF)
+        bar_height = 20
+        bar_text_size = 10
+        bar_text_color = rgba(7775D0FF)
+    }
+    borders-plus-plus {
+        add_borders = 2 # 0 - 2
+        col.border_1 = rgb(82E6F5) # example col for border 1
+        col.border_2 = rgb(2222ff) # example col for border 2
+    }
+}
+
+
+# Dynamic colors are written here
+source=~/.config/hypr/colors.conf
diff --git a/early/.config/hypr/dirs/keybinds_HORIZONTAL.conf b/early/.config/hypr/dirs/keybinds_HORIZONTAL.conf
new file mode 100755
index 000000000..9d82e08e6
--- /dev/null
+++ b/early/.config/hypr/dirs/keybinds_HORIZONTAL.conf
@@ -0,0 +1,199 @@
+########################## Language ############################
+bind = SUPERSHIFT, V, exec, ibus engine Bamboo::Us
+bind = SUPERSHIFT, E, exec, ibus engine xkb:us::eng
+
+#################### It just works™ keybinds ###################
+# Volume
+bindl = ,XF86AudioMute, exec, pactl set-sink-mute @DEFAULT_SINK@ toggle
+bindle=, XF86AudioRaiseVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%+
+bindle=, XF86AudioLowerVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%-
+bindle = , XF86AudioRaiseVolume, exec, ~/.config/eww/scripts/volume osd &
+bindle = , XF86AudioLowerVolume, exec, ~/.config/eww/scripts/volume osd &
+bindl = , XF86AudioMute, exec, ~/.config/eww/scripts/volume osd &
+
+# Brightness
+bindle=, XF86MonBrightnessUp, exec, light -A 3 && ~/.config/eww/scripts/brightness osd &
+bindle=, XF86MonBrightnessDown, exec, light -U 3 && ~/.config/eww/scripts/brightness osd &
+
+######################################## Keybinds ########################################
+# Apps: just normal apps
+bind = SUPER, C, exec, code --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland
+bind = CONTROLSHIFTALT, Y, exec, yuzu
+bind = SUPER, T, exec, foot --override shell=fish
+bind = SUPERALT, T, exec, wezterm
+bind = SUPER, Return, exec, kitty
+bind = SUPER, E, exec, nautilus --new-window
+bind = SUPER, W, exec, firefox
+bind = CONTROLSUPERALT, E, exec, /usr/bin/microsoft-edge-stable --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland --gtk-version=4
+bind = SUPER, X, exec, gnome-text-editor --new-window
+bind = SUPERSHIFT, W, exec, wps
+
+#Apps: Settings and config
+bind = SUPER, I, exec, gnome-control-center
+bind = CONTROLSUPER, V, exec, pavucontrol 
+bind = CONTROLSHIFT, Escape, exec, gnome-system-monitor
+bind = CONTROLALTSHIFT, Escape, exec, foot -T 'btop' btop
+bind = SUPERSHIFT, I, exec, ~/.local/bin/guifetch
+
+
+# Actions 
+bind = SUPERSHIFT, Period, exec, pkill wofi || wofi-emoji
+bind = SUPER, Period, exec, pkill fuzzel || ~/.local/bin/fuzzel-emoji
+bind = SUPER, Q, killactive,
+bind = SUPERALT, Space, togglefloating, 
+bind = SHIFTSUPERALT, Q, exec, hyprctl kill
+bind = CONTROLALT, Delete, exec, pkill wlogout || wlogout -p layer-shell
+bind = CONTROLSHIFTALTSUPER, Delete, exec, systemctl poweroff
+
+# Screenshot, Record, OCR (Optical Character Recognition), Color picker, Clipboard history
+bind = SUPERSHIFT, D, exec,~/.local/bin/rubyshot | wl-copy
+bind = SUPERSHIFTALT, S, exec, grim -g "$(slurp)" - | swappy -f -
+bindl =,Print,exec,grim - | wl-copy
+bind = SUPERSHIFT, S, exec, grim -g "$(slurp)" - | wl-copy
+bind = SUPERALT, R, exec, ~/.local/bin/record-script.sh
+bind = CONTROLALT, R, exec, ~/.local/bin/record-script.sh --sound
+bind = SUPERSHIFTALT, R, exec, ~/.local/bin/record-script-fullscreen.sh
+bind = CONTROLSUPERSHIFT,S,exec,grim -g "$(slurp)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+bind = SUPERSHIFT,T,exec,grim -g "$(slurp)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+bind = SUPERSHIFT, C, exec, hyprpicker -a
+bind = SUPER, B, exec, copyq menu 
+bind = SUPER, V, exec, pkill fuzzel || cliphist list | fuzzel --no-fuzzy --icon-theme=candy-icons --background-color=1D1D27ee --text-color=cdd6f4ff --match-color=AC16C7FF --border-width=3 --border-radius=10 --border-color=8701E7FF	 --selection-color=585b70ff --selection-text-color=cdd6f4ff --selection-match-color=AC16C7FF --font="Rubik"  --prompt="   " --dmenu | cliphist decode | wl-copy
+# Media
+bind = SUPERSHIFT, N, exec, playerctl next || playerctl position `bc <<< "100 * $(playerctl metadata mpris:length) / 1000000 / 100"`
+bind = SUPERSHIFT, B, exec, playerctl previous
+bind = SUPERSHIFT, P, exec, playerctl play-pause
+#Lock screen  |  blur: --effect-blur=20x20
+bind = SUPER, L, exec, ~/.local/bin/lock.sh
+bind = SUPERSHIFT, L, exec, ~/.local/bin/lock.sh
+bindl = SUPERSHIFT, L, exec, sleep 0.1 && systemctl suspend
+# App launcher
+bindr = SUPER, SUPER_L, exec, ~/.config/eww/scripts/toggle-overview.sh --keypress &
+bind = SUPER, Slash, exec, pkill fuzzel || fuzzel --icon-theme=candy-icons --background-color=1D1D27ee --text-color=cdd6f4ff --match-color=AC16C7FF --border-width=3 --border-radius=10 --border-color=8701E7FF	 --selection-color=585b70ff --selection-text-color=cdd6f4ff --selection-match-color=AC16C7FF --font="Rubik"  --prompt="    "
+#bindr = SUPER, SUPER_L, exec, pkill rofi || rofi -show drun
+
+################################# eww keybinds ################################
+bindr = CONTROLSUPER, R, exec, pkill eww && eww daemon && eww open bar && eww open bg-decor
+bind = SUPER, Tab, exec, ~/.config/eww/scripts/toggle-overview.sh
+bind = SUPER, O, exec, ~/.config/eww/scripts/toggle-osettings.sh --keypress
+bind = CONTROLSUPER, O, exec, ~/.config/eww/scripts/toggle-osettings.sh --keypress
+bind = SUPER, M, exec, ~/.config/eww/scripts/toggle-bottombar.sh
+bind = SUPER, N, exec, ~/.config/eww/scripts/toggle-onotify.sh --keypress
+bind = SUPER, Comma, exec, ~/.config/eww/scripts/toggle-themer.sh
+bind = SUPER, D, exec, ~/.config/eww/scripts/toggle-dash.sh --keypress
+bind = SUPER, A, exec, ~/.config/eww/scripts/toggle-dashfs.sh
+bind = SUPER, G, exec, ~/.config/eww/scripts/toggle-wingamebar.sh
+
+bind = CONTROLSUPER, Tab, exec, ~/.config/eww/scripts/toggle-compactmode.sh
+bind = SUPERALT, W, exec, ~/.config/eww/scripts/toggle-winmode.sh
+
+############################ Keybinds for Hyprland ############################
+# Swap windows
+bind=SUPERSHIFT,left,movewindow,l
+bind=SUPERSHIFT,right,movewindow,r
+bind=SUPERSHIFT,up,movewindow,u
+bind=SUPERSHIFT,down,movewindow,d
+# Move focus
+bind = SUPER, left, movefocus, l
+bind = SUPER, right, movefocus, r
+bind = SUPER, up, movefocus, u
+bind = SUPER, down, movefocus, d
+bind = SUPER, BracketLeft, movefocus, l
+bind = SUPER, BracketRight, movefocus, r
+# Window title
+bind = SUPER, left, exec, eww update rev_center_ws=false
+bind = SUPER, right, exec, eww update rev_center_ws=false
+bind = SUPER, up, exec, eww update rev_center_ws=false
+bind = SUPER, down, exec, eww update rev_center_ws=false
+bind = SUPER, BracketLeft, exec, eww update rev_center_ws=false
+bind = SUPER, BracketRight, exec, eww update rev_center_ws=false
+bind = ALT, Tab, exec, eww update rev_center_ws=false
+
+# Workspace, window, tab switch with keyboard
+bind = CONTROLSUPER, right, workspace, +1
+bind = CONTROLSUPER, left, workspace, -1
+bind = CONTROLSUPER, BracketLeft, workspace, -1
+bind = CONTROLSUPER, BracketRight, workspace, +1
+bind = CONTROLSUPER, up, workspace, -5
+bind = CONTROLSUPER, down, workspace, +5
+bind = SUPER, Page_Down, workspace, +1
+bind = SUPER, Page_Up, workspace, -1
+bind = CONTROLSUPER, Page_Down, workspace, +1
+bind = CONTROLSUPER, Page_Up, workspace, -1
+bind = SUPERSHIFT, Page_Down, movetoworkspace, +1
+bind = SUPERSHIFT, Page_Up, movetoworkspace, -1
+bind = CONTROLSUPERSHIFT, Right, movetoworkspace, +1
+bind = CONTROLSUPERSHIFT, Left, movetoworkspace, -1
+bind = SUPERSHIFT, mouse_down, movetoworkspace, -1
+bind = SUPERSHIFT, mouse_up, movetoworkspace, +1
+
+# Show workspaces module
+bind = CONTROLSUPER, right, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, left, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, BracketLeft, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, BracketRight, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, down, exec, eww update rev_center_ws=true
+bind = SUPER, Page_Down, exec, eww update rev_center_ws=true
+bind = SUPER, Page_Up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, Page_Down, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, Page_Up, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, Page_Down, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, Page_Up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPERSHIFT, Right, exec, eww update rev_center_ws=true
+bind = CONTROLSUPERSHIFT, Left, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, mouse_down, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, mouse_up, exec, eww update rev_center_ws=true
+
+# Window split ratio
+binde = SUPER, Minus, splitratio, -0.1
+binde = SUPER, Equal, splitratio, 0.1
+binde = SUPER, Semicolon, splitratio, -0.1
+binde = SUPER, Apostrophe, splitratio, 0.1
+# Fullscreen
+bind = SUPER, F, fullscreen
+# Switching
+bind = SUPER, 1, workspace, 1
+bind = SUPER, 2, workspace, 2
+bind = SUPER, 3, workspace, 3
+bind = SUPER, 4, workspace, 4
+bind = SUPER, 5, workspace, 5
+bind = SUPER, 6, workspace, 6
+bind = SUPER, 7, workspace, 7
+bind = SUPER, 8, workspace, 8
+bind = SUPER, 9, workspace, 9
+bind = SUPER, 0, workspace, 10
+bind = SUPER, S, togglespecialworkspace,
+bind = CONTROLSUPER, S, togglespecialworkspace,
+bind = ALT, Tab, cyclenext # Why is this even here?
+bind = ALT, Tab, bringactivetotop,   # bring it to the top
+# Move window to workspace Super + Alt + [0-9]
+bind = SUPER ALT, 1, movetoworkspacesilent, 1
+bind = SUPER ALT, 2, movetoworkspacesilent, 2
+bind = SUPER ALT, 3, movetoworkspacesilent, 3
+bind = SUPER ALT, 4, movetoworkspacesilent, 4
+bind = SUPER ALT, 5, movetoworkspacesilent, 5
+bind = SUPER ALT, 6, movetoworkspacesilent, 6
+bind = SUPER ALT, 7, movetoworkspacesilent, 7
+bind = SUPER ALT, 8, movetoworkspacesilent, 8
+bind = SUPER ALT, 9, movetoworkspacesilent, 9
+bind = SUPER ALT, 0, movetoworkspacesilent, 10
+bind = CONTROLSHIFTSUPER, Up, movetoworkspacesilent, special
+bind = SUPERALT, S, movetoworkspacesilent, special
+# Scroll through existing workspaces with (Control) + Super + scroll
+bind = SUPER, mouse_up, workspace, +1
+bind = SUPER, mouse_down, workspace, -1
+bind = CONTROLSUPER, mouse_up, workspace, +1
+bind = CONTROLSUPER, mouse_down, workspace, -1
+# Move/resize windows with Super + LMB/RMB and dragging
+bindm = SUPER, mouse:272, movewindow
+bindm = SUPER, mouse:273, resizewindow
+bindm = SUPER, mouse:274, movewindow
+bindm = SUPER, Z, movewindow
+bind = CONTROLSUPER, Backslash, resizeactive, exact 640 480
+
+# trying vim-like stuff
+binde = SUPER_ALT, I, exec, wtype -k Up
+binde = SUPER_ALT, K, exec, wtype -P Down
+binde = SUPER_ALT, J, exec, wtype -P Left
+binde = SUPER_ALT, L, exec, wtype -P Right
+
diff --git a/early/.config/hypr/dirs/keybinds_VERTICAL.conf b/early/.config/hypr/dirs/keybinds_VERTICAL.conf
new file mode 100755
index 000000000..b4568432a
--- /dev/null
+++ b/early/.config/hypr/dirs/keybinds_VERTICAL.conf
@@ -0,0 +1,198 @@
+########################## Language ############################
+bind = SUPERSHIFT, V, exec, ibus engine Bamboo::Us
+bind = SUPERSHIFT, E, exec, ibus engine xkb:us::eng
+
+#################### It just works™ keybinds ###################
+# Volume
+bindl = ,XF86AudioMute, exec, pactl set-sink-mute @DEFAULT_SINK@ toggle
+bindle=, XF86AudioRaiseVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%+
+bindle=, XF86AudioLowerVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%-
+bindle = , XF86AudioRaiseVolume, exec, ~/.config/eww/scripts/volume osd &
+bindle = , XF86AudioLowerVolume, exec, ~/.config/eww/scripts/volume osd &
+bindl = , XF86AudioMute, exec, ~/.config/eww/scripts/volume osd &
+
+# Brightness
+bindle=, XF86MonBrightnessUp, exec, light -A 3 && ~/.config/eww/scripts/brightness osd &
+bindle=, XF86MonBrightnessDown, exec, light -U 3 && ~/.config/eww/scripts/brightness osd &
+
+######################################## Keybinds ########################################
+# Apps: just normal apps
+bind = SUPER, C, exec, code --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland
+bind = CONTROLSHIFTALT, Y, exec, yuzu
+bind = SUPER, T, exec, foot --override shell=fish
+bind = SUPERALT, T, exec, wezterm
+bind = SUPER, Return, exec, kitty
+bind = SUPER, E, exec, nautilus --new-window
+bind = SUPER, W, exec, firefox
+bind = CONTROLSUPERALT, E, exec, /usr/bin/microsoft-edge-stable --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland --gtk-version=4
+bind = SUPER, X, exec, gnome-text-editor --new-window
+bind = SUPERSHIFT, W, exec, wps
+
+#Apps: Settings and config
+bind = SUPER, I, exec, gnome-control-center
+bind = CONTROLSUPER, V, exec, pavucontrol 
+bind = CONTROLSHIFT, Escape, exec, gnome-system-monitor
+bind = CONTROLALTSHIFT, Escape, exec, foot -T 'btop' btop
+bind = SUPERSHIFT, I, exec, ~/.local/bin/guifetch
+
+
+# Actions 
+bind = SUPERSHIFT, Period, exec, pkill wofi || wofi-emoji
+bind = SUPER, Period, exec, pkill fuzzel || ~/.local/bin/fuzzel-emoji
+bind = SUPER, Q, killactive,
+bind = SUPERALT, Space, togglefloating, 
+bind = SHIFTSUPERALT, Q, exec, hyprctl kill
+bind = CONTROLALT, Delete, exec, pkill wlogout || wlogout -p layer-shell
+bind = CONTROLSHIFTALTSUPER, Delete, exec, systemctl poweroff
+
+# Screenshot, Record, OCR (Optical Character Recognition), Color picker, Clipboard history
+bind = SUPERSHIFT, D, exec,~/.local/bin/rubyshot | wl-copy
+bind = SUPERSHIFTALT, S, exec, grim -g "$(slurp)" - | swappy -f -
+bindl =,Print,exec,grim - | wl-copy
+bind = SUPERSHIFT, S, exec, grim -g "$(slurp)" - | wl-copy
+bind = SUPERALT, R, exec, ~/.local/bin/record-script.sh
+bind = CONTROLALT, R, exec, ~/.local/bin/record-script.sh --sound
+bind = SUPERSHIFTALT, R, exec, ~/.local/bin/record-script-fullscreen.sh
+bind = CONTROLSUPERSHIFT,S,exec,grim -g "$(slurp)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+bind = SUPERSHIFT,T,exec,grim -g "$(slurp)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+bind = SUPERSHIFT, C, exec, hyprpicker -a
+bind = SUPER, B, exec, copyq menu 
+bind = SUPER, V, exec, pkill fuzzel || cliphist list | fuzzel --no-fuzzy --icon-theme=candy-icons --background-color=1D1D27ee --text-color=cdd6f4ff --match-color=AC16C7FF --border-width=3 --border-radius=10 --border-color=8701E7FF	 --selection-color=585b70ff --selection-text-color=cdd6f4ff --selection-match-color=AC16C7FF --font="Rubik"  --prompt="   " --dmenu | cliphist decode | wl-copy
+# Media
+bind = SUPERSHIFT, N, exec, playerctl next || playerctl position `bc <<< "100 * $(playerctl metadata mpris:length) / 1000000 / 100"`
+bind = SUPERSHIFT, B, exec, playerctl previous
+bind = SUPERSHIFT, P, exec, playerctl play-pause
+#Lock screen  |  blur: --effect-blur=20x20
+bind = SUPER, L, exec, ~/.local/bin/lock.sh
+bind = SUPERSHIFT, L, exec, ~/.local/bin/lock.sh
+bindl = SUPERSHIFT, L, exec, sleep 0.1 && systemctl suspend
+# App launcher
+bindr = SUPER, SUPER_L, exec, ~/.config/eww/scripts/toggle-overview.sh --keypress &
+bind = SUPER, Slash, exec, pkill fuzzel || fuzzel --icon-theme=candy-icons --background-color=1D1D27ee --text-color=cdd6f4ff --match-color=AC16C7FF --border-width=3 --border-radius=10 --border-color=8701E7FF	 --selection-color=585b70ff --selection-text-color=cdd6f4ff --selection-match-color=AC16C7FF --font="Rubik"  --prompt="    "
+#bindr = SUPER, SUPER_L, exec, pkill rofi || rofi -show drun
+
+################################# eww keybinds ################################
+bindr = CONTROLSUPER, R, exec, pkill eww && eww daemon && eww open bar && eww open bg-decor
+bind = SUPER, Tab, exec, ~/.config/eww/scripts/toggle-overview.sh
+bind = SUPER, O, exec, ~/.config/eww/scripts/toggle-osettings.sh --keypress
+bind = CONTROLSUPER, O, exec, ~/.config/eww/scripts/toggle-osettings.sh --keypress
+bind = SUPER, M, exec, ~/.config/eww/scripts/toggle-bottombar.sh
+bind = SUPER, N, exec, ~/.config/eww/scripts/toggle-onotify.sh --keypress
+bind = SUPER, Comma, exec, ~/.config/eww/scripts/toggle-themer.sh
+bind = SUPER, D, exec, ~/.config/eww/scripts/toggle-dash.sh --keypress
+bind = SUPER, A, exec, ~/.config/eww/scripts/toggle-dashfs.sh
+bind = SUPER, G, exec, ~/.config/eww/scripts/toggle-wingamebar.sh
+
+bind = CONTROLSUPER, Tab, exec, ~/.config/eww/scripts/toggle-compactmode.sh
+bind = SUPERALT, W, exec, ~/.config/eww/scripts/toggle-winmode.sh
+
+############################ Keybinds for Hyprland ############################
+# Swap windows
+bind=SUPERSHIFT,left,movewindow,l
+bind=SUPERSHIFT,right,movewindow,r
+bind=SUPERSHIFT,up,movewindow,u
+bind=SUPERSHIFT,down,movewindow,d
+# Move focus
+bind = SUPER, left, movefocus, l
+bind = SUPER, right, movefocus, r
+bind = SUPER, up, movefocus, u
+bind = SUPER, down, movefocus, d
+bind = SUPER, BracketLeft, movefocus, l
+bind = SUPER, BracketRight, movefocus, r
+# Window title
+bind = SUPER, left, exec, eww update rev_center_ws=false
+bind = SUPER, right, exec, eww update rev_center_ws=false
+bind = SUPER, up, exec, eww update rev_center_ws=false
+bind = SUPER, down, exec, eww update rev_center_ws=false
+bind = SUPER, BracketLeft, exec, eww update rev_center_ws=false
+bind = SUPER, BracketRight, exec, eww update rev_center_ws=false
+bind = ALT, Tab, exec, eww update rev_center_ws=false
+
+# Workspace, window, tab switch with keyboard
+bind = CONTROLSUPER, right, workspace, +1
+bind = CONTROLSUPER, left, workspace, -1
+bind = CONTROLSUPER, BracketLeft, workspace, -1
+bind = CONTROLSUPER, BracketRight, workspace, +1
+bind = CONTROLSUPER, up, workspace, -1
+bind = CONTROLSUPER, down, workspace, +1
+bind = SUPER, Page_Down, workspace, +1
+bind = SUPER, Page_Up, workspace, -1
+bind = CONTROLSUPER, Page_Down, workspace, +1
+bind = CONTROLSUPER, Page_Up, workspace, -1
+bind = SUPERSHIFT, Page_Down, movetoworkspace, +1
+bind = SUPERSHIFT, Page_Up, movetoworkspace, -1
+bind = CONTROLSUPERSHIFT, Right, movetoworkspace, +1
+bind = CONTROLSUPERSHIFT, Left, movetoworkspace, -1
+bind = SUPERSHIFT, mouse_down, movetoworkspace, -1
+bind = SUPERSHIFT, mouse_up, movetoworkspace, +1
+
+# Show workspaces module
+bind = CONTROLSUPER, right, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, left, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, BracketLeft, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, BracketRight, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, down, exec, eww update rev_center_ws=true
+bind = SUPER, Page_Down, exec, eww update rev_center_ws=true
+bind = SUPER, Page_Up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, Page_Down, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, Page_Up, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, Page_Down, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, Page_Up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPERSHIFT, Right, exec, eww update rev_center_ws=true
+bind = CONTROLSUPERSHIFT, Left, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, mouse_down, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, mouse_up, exec, eww update rev_center_ws=true
+
+# Window split ratio
+binde = SUPER, Minus, splitratio, -0.1
+binde = SUPER, Equal, splitratio, 0.1
+binde = SUPER, Semicolon, splitratio, -0.1
+binde = SUPER, Apostrophe, splitratio, 0.1
+# Fullscreen
+bind = SUPER, F, fullscreen
+# Switching
+bind = SUPER, 1, workspace, 1
+bind = SUPER, 2, workspace, 2
+bind = SUPER, 3, workspace, 3
+bind = SUPER, 4, workspace, 4
+bind = SUPER, 5, workspace, 5
+bind = SUPER, 6, workspace, 6
+bind = SUPER, 7, workspace, 7
+bind = SUPER, 8, workspace, 8
+bind = SUPER, 9, workspace, 9
+bind = SUPER, 0, workspace, 10
+bind = SUPER, S, togglespecialworkspace,
+bind = CONTROLSUPER, S, togglespecialworkspace,
+bind = ALT, Tab, cyclenext # Why is this even here?
+bind = ALT, Tab, bringactivetotop,   # bring it to the top
+# Move window to workspace Super + Alt + [0-9]
+bind = SUPER ALT, 1, movetoworkspacesilent, 1
+bind = SUPER ALT, 2, movetoworkspacesilent, 2
+bind = SUPER ALT, 3, movetoworkspacesilent, 3
+bind = SUPER ALT, 4, movetoworkspacesilent, 4
+bind = SUPER ALT, 5, movetoworkspacesilent, 5
+bind = SUPER ALT, 6, movetoworkspacesilent, 6
+bind = SUPER ALT, 7, movetoworkspacesilent, 7
+bind = SUPER ALT, 8, movetoworkspacesilent, 8
+bind = SUPER ALT, 9, movetoworkspacesilent, 9
+bind = SUPER ALT, 0, movetoworkspacesilent, 10
+bind = SUPERALT, S, movetoworkspacesilent, special
+# Scroll through existing workspaces with (Control) + Super + scroll
+bind = SUPER, mouse_up, workspace, +1
+bind = SUPER, mouse_down, workspace, -1
+bind = CONTROLSUPER, mouse_up, workspace, +1
+bind = CONTROLSUPER, mouse_down, workspace, -1
+# Move/resize windows with Super + LMB/RMB and dragging
+bindm = SUPER, mouse:272, movewindow
+bindm = SUPER, mouse:273, resizewindow
+bindm = SUPER, mouse:274, movewindow
+bindm = SUPER, Z, movewindow
+bind = CONTROLSUPER, Backslash, resizeactive, exact 640 480
+
+# trying vim-like stuff
+binde = SUPER_ALT, I, exec, wtype -k Up
+binde = SUPER_ALT, K, exec, wtype -P Down
+binde = SUPER_ALT, J, exec, wtype -P Left
+binde = SUPER_ALT, L, exec, wtype -P Right
+
diff --git a/early/.config/hypr/env.conf b/early/.config/hypr/env.conf
new file mode 100755
index 000000000..c913c75f4
--- /dev/null
+++ b/early/.config/hypr/env.conf
@@ -0,0 +1,5 @@
+env = XMODIFIERS, @im=ibus
+env = GTK_IM_MODULE, ibus
+env = QT_IM_MODULE, ibus
+env = QT_QPA_PLATFORMTHEME, qt5ct
+env = WLR_NO_HARDWARE_CURSORS, 1
diff --git a/early/.config/hypr/execs.conf b/early/.config/hypr/execs.conf
new file mode 100755
index 000000000..97fc5764b
--- /dev/null
+++ b/early/.config/hypr/execs.conf
@@ -0,0 +1,29 @@
+# Wallpaper
+exec-once = swaybg -i ~/.config/eww/images/wallpaper/wallpaper
+
+# Status bar
+#exec-once = waybar
+exec-once = eww daemon && eww open bar && eww open bottomline # && eww open dynamic-bg
+exec-once = ~/.config/eww/scripts/get_open_icons &
+#exec-once = eww daemon && eww open winbar &
+
+# Language Switch
+exec-once = ibus-daemon --xim -d -r
+exec-once = ibus engine xkb:us::eng
+
+# Core components (authentication, lock screen, notification daemon)
+exec-once = dbus-update-activation-environment --all
+exec-once = /usr/bin/gnome-keyring-daemon --start --components=secrets
+exec-once = /usr/lib/polkit-gnome/polkit-gnome-authentication-agent-1 &
+exec-once = dunst &
+exec-once = swayidle -w timeout 300 '$HOME/.local/bin/lock.sh' before-sleep '$HOME/.local/bin/lock.sh' &
+exec-once = swayidle -w timeout 450 'systemctl suspend'
+
+# Clipboard history
+exec-once = wl-paste --watch cliphist store
+
+# Cursor and Touchpad gestures
+exec-once = hyprctl setcursor Bibata-Modern-Classic 24
+exec-once = libinput-gestures-setup start
+
+exec-once = sleep 1 && dbus-update-activation-environment --systemd WAYLAND_DISPLAY XDG_CURRENT_DESKTOP
diff --git a/early/.config/hypr/hypr.conf b/early/.config/hypr/hypr.conf
new file mode 100755
index 000000000..9e8af1936
--- /dev/null
+++ b/early/.config/hypr/hypr.conf
@@ -0,0 +1,148 @@
+###################################################
+#    This is the config for Hypr, not Hyprland!   #
+#       that abandoned Xorg window manager..      #
+###################################################
+
+gaps_in=4
+border_size=3
+gaps_out=8
+rounding=17
+max_fps=60 # max fps for updates of config & animations
+focus_when_hover=1 # 0 - do not switch the focus when hover (only for tiling)
+main_mod=SUPER # For moving, resizing
+intelligent_transients=1 # keeps transients always on top.
+no_unmap_saving=1 # disables saving unmapped windows (seems to break sometimes)
+scratchpad_mon=0 # self-explanatory # no its not
+
+# Execs
+exec-once=nitrogen --set-centered ~/.config/eww/images/wallpaper/wallpaper
+exec-once=/usr/bin/gnome-keyring-daemon --start --components=secrets
+exec-once=/usr/libexec/polkit-gnome-authentication-agent-1 &
+exec-once=ibus-daemon --xim -d -r
+exec-once=picom
+#exec-once=ibus-daemon &
+exec-once=ibus engine Bamboo::Us
+bind=SUPERSHIFT,V,exec,ibus engine Bamboo::Us
+bind=SUPERSHIFT,E,exec,ibus engine xkb:us::eng
+
+# Layout
+layout=0 # 0 - dwindle (default), 1 - master
+layout {
+    no_gaps_when_only=0 # disables gaps and borders when only window on screen
+}
+
+# Bar config
+Bar {
+    height=20
+    monitor=0
+    enabled=1
+    mod_pad_in=8
+    no_tray_saving=1 # using this doesnt save the tray between reloads but fixes an issue with the bar disappearing.
+
+    font.main=Noto Sans
+    font.secondary=Noto Sans
+
+    col.bg=0xff111111
+    col.high=0xffff3333
+
+    module=left,X,0xff8000ff,0xffffffff,1,workspaces
+    module=pad,left,10
+    module=left,,0xff7000dd,0xff7000dd,1,tray
+    module=right,X,0xffffffff,0xff00ff33,1000,$date +%a,\ %b\ %Y\ \ %I:%M\ %p$
+}
+
+# colors
+col.active_border=0xff7348e0
+col.inactive_border=0x77222222
+
+# status command
+# deprecated
+# status_command=date +%a,\ %b\ %Y\ \ %I:%M\ %p
+#
+
+# animations
+Animations {
+    enabled=1
+    speed=8
+    window_resize_speed=1
+    cheap=1 # highly recommended
+    borders=1
+    workspaces=1
+}
+
+# example window rules, more in the wiki
+
+# windowrule=float,class:krunner
+# windowrule=float,role:pop-up
+# windowrule=float,role:task_dialog
+# windowrule=monitor 0,class:krunner
+# windowrule=size 500 50,class:krunner
+# windowrule=move 700 500,class:krunner
+# windowrule=pseudo,class:discord
+
+# keybinds
+bind=CTRLALT,119,exec,kill Xorg
+bind=SUPER,R,exec,dmenu_run
+bind=SUPER,T,exec,kitty fish
+# bind=SUPER,W,exec,microsoft-edge --password-store=gnome --enable-features=UseOzonePlatform --gtk-version=4
+bind=SUPER,W,exec,firefox
+bind=SUPER,A,exec,rofi -show drun
+bind=SUPER,ESCAPE,exec,kitty btop
+bind=SUPER,E,exec,nautilus --new-window
+bind=SUPER,G,exec,gnome-text-editor --new-window
+
+bind=SUPER,Q,killactive,
+
+bind=SUPERSHIFT,LEFT,movewindow,l
+bind=SUPERSHIFT,RIGHT,movewindow,r
+bind=SUPERSHIFT,UP,movewindow,u
+bind=SUPERSHIFT,DOWN,movewindow,d
+
+bind=SUPER,LEFT,movefocus,l
+bind=SUPER,RIGHT,movefocus,r
+bind=SUPER,UP,movefocus,u
+bind=SUPER,DOWN,movefocus,d
+
+bind=SUPER,F,fullscreen,
+
+bind=SUPER,1,workspace,1
+bind=SUPER,2,workspace,2
+bind=SUPER,3,workspace,3
+bind=SUPER,4,workspace,4
+bind=SUPER,5,workspace,5
+bind=SUPER,6,workspace,6
+bind=SUPER,7,workspace,7
+bind=SUPER,8,workspace,8
+bind=SUPER,9,workspace,9
+bind=SUPER,0,workspace,10
+
+bind=CTRLSUPER,left,lastworkspace,-
+bind=CTRLSUPER,right,nextworkspace,+
+bind=CTRLSUPER,Prior,lastworkspace,-
+bind=CTRLSUPER,Next,nextworkspace,+
+bind=SUPER,Prior,lastworkspace,-
+bind=SUPER,Next,nextworkspace,+
+bind=CTRLSUPER,H,lastworkspace,
+bind=CTRLSUPER,L,nextworkspace,
+
+bind=CTRLSUPERSHIFT,left,movetorelativeworkspace,-
+bind=CTRLSUPERSHIFT,right,movetorelativeworkspace,+
+
+bind=SUPERALT,1,movetoworkspace,1
+bind=SUPERALT,2,movetoworkspace,2
+bind=SUPERALT,3,movetoworkspace,3
+bind=SUPERALT,4,movetoworkspace,4
+bind=SUPERALT,5,movetoworkspace,5
+bind=SUPERALT,6,movetoworkspace,6
+bind=SUPERALT,7,movetoworkspace,7
+bind=SUPERALT,8,movetoworkspace,8
+bind=SUPERALT,9,movetoworkspace,9
+bind=SUPERALT,0,movetoworkspace,10
+
+bind=SUPERSHIFT,S,movetoworkspace,scratchpad
+bind=SUPER,S,scratchpad,
+
+bind=SUPERALT,SPACE,togglefloating,
+
+bind=SUPER,equal,splitratio,+0.15
+bind=SUPER,minus,splitratio,-0.15
diff --git a/early/.config/hypr/hyprland.conf b/early/.config/hypr/hyprland.conf
new file mode 100755
index 000000000..6c17a6f63
--- /dev/null
+++ b/early/.config/hypr/hyprland.conf
@@ -0,0 +1,162 @@
+# This file contains general customization options 
+# For Environment variables see env.conf
+# For Keybinds variables see keybinds.conf 
+# For Auto-run stuff see execs.conf
+#autogenerated = 1
+
+source=~/.config/hypr/env.conf
+
+# Monitor: reserve space for eww bar
+monitor=eDP-1,1920x1080@60,0x0,1
+monitor=eDP-1, addreserved, 61, 0, 0, 0
+monitor=HDMI-A-1,1920x1080@60,1920x0,1,mirror,eDP-1
+
+#################### Core components (authentication, idle daemon and stuff) ##############
+source=~/.config/hypr/execs.conf
+
+############################# Keybinds ############################
+source=~/.config/hypr/keybinds.conf
+
+############################## Input ##############################
+input {
+    # Mouse
+    # accel_profile = adaptive
+    force_no_accel = false
+    #sensitivity = 0
+
+    # Keyboard
+    kb_layout = us
+    follow_mouse = 1
+    numlock_by_default = true
+
+    touchpad {
+        natural_scroll = yes
+        disable_while_typing = true
+        clickfinger_behavior = true
+        scroll_factor = 0.7
+    }
+    scroll_method = 2fg
+}
+gestures {
+    # See https://wiki.hyprland.org/Configuring/Variables/ for more
+    workspace_swipe = true
+    workspace_swipe_distance = 1200px
+    workspace_swipe_fingers = 4
+    workspace_swipe_cancel_ratio = 0.2
+    workspace_swipe_min_speed_to_force = 5
+    workspace_swipe_create_new = true
+}
+
+general {
+    # Gaps and border
+    gaps_in = 4
+    gaps_out = 8
+    border_size = 2
+    
+    # Fallback colors
+    col.active_border = rgba(0DB7D4FF) rgba(7AA2F7FF) rgba(9778D0FF) 45deg
+    col.inactive_border = rgba(04404aaa)
+
+    # Functionality
+    # resize_on_border = true
+    layout = dwindle
+}
+
+dwindle {
+	preserve_split = true # you probably want this
+	#no_gaps_when_only = true
+}
+
+decoration {
+	# Blur rules
+	rounding = 15
+    
+    # Blur
+    blur = yes
+    blur_size = 7
+    blur_passes = 4
+    blur_new_optimizations = on
+    blur_ignore_opacity = false
+    # Shadow
+    drop_shadow = no
+    shadow_range = 30
+    shadow_render_power = 3
+    col.shadow = rgba(01010166)
+    
+    # Shader
+    # screen_shader = ~/.config/hypr/shaders/nothing.frag
+    
+    # Dim
+    dim_inactive = false
+    dim_strength = 0.1
+    dim_special = 0
+}
+
+animations {
+    enabled = yes
+    # Animation curves
+    
+    bezier = md3_standard, 0.2, 0.0, 0, 1.0
+    bezier = md3_decel, 0.05, 0.7, 0.1, 1
+    bezier = md3_accel, 0.3, 0, 0.8, 0.15
+    bezier = overshot, 0.05, 0.9, 0.1, 1.05
+    bezier = hyprnostretch, 0.05, 0.9, 0.1, 1.0
+    bezier = win10, 0, 0, 0, 1
+    bezier = gnome, 0, 0.85, 0.3, 1
+    bezier = funky, 0.46, 0.35, -0.2, 1.2
+    # Animation configs
+    animation = windows, 1, 2, md3_decel, slide
+    animation = border, 1, 10, default
+    animation = fade, 1, 0.0000001, default
+    animation = workspaces, 1, 4, md3_decel, slide
+}
+
+misc {
+    vfr = 1
+    vrr = 0
+    focus_on_activate = true
+	animate_manual_resizes = true
+	animate_mouse_windowdragging = true
+	#suppress_portal_warnings = true
+	enable_swallow = true
+}
+
+debug {
+	#overlay = true
+	#damage_tracking=0
+}
+
+decoration {
+  #screen_shader = ~/.config/hypr/shaders/drugs.frag
+  #screen_shader = ~/.config/hypr/shaders/crt.frag
+}
+
+######## Window rules ########
+windowrule = float, ^(steam)$
+windowrule = float, ^(guifetch)$
+
+# Dialogs
+windowrule=float,title:^(Open File)(.*)$
+windowrule=float,title:^(Open Folder)(.*)$
+windowrule=float,title:^(Save As)(.*)$
+windowrule=float,title:^(Library)(.*)$ 
+windowrulev2 = rounding 17, floating:1
+
+######## Layer rules ########
+layerrule = blur, gtk-layer-shell
+layerrule = ignorezero, gtk-layer-shell
+layerrule = blur, notifications
+layerrule = ignorezero, notifications
+
+plugin {
+    hyprbars {
+        bar_color = rgba(090727FF)
+        bar_height = 20
+        bar_text_size = 10
+        bar_text_color = rgba(7775D0FF)
+    }
+}
+
+
+# Dynamic colors
+source=~/.config/hypr/colors.conf
diff --git a/early/.config/hypr/keybinds.conf b/early/.config/hypr/keybinds.conf
new file mode 100755
index 000000000..ff9ee4f80
--- /dev/null
+++ b/early/.config/hypr/keybinds.conf
@@ -0,0 +1,201 @@
+########################## Language ############################
+bind = SUPERSHIFT, V, exec, ibus engine Bamboo::Us
+bind = SUPERSHIFT, E, exec, ibus engine xkb:us::eng
+bind = SUPER, Space, exec, ~/.config/eww/scripts/language --cycle
+
+#################### It just works™ keybinds ###################
+# Volume
+bindl = ,XF86AudioMute, exec, pactl set-sink-mute @DEFAULT_SINK@ toggle
+bindle=, XF86AudioRaiseVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%+
+bindle=, XF86AudioLowerVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%-
+bindle = , XF86AudioRaiseVolume, exec, ~/.config/eww/scripts/volume osd &
+bindle = , XF86AudioLowerVolume, exec, ~/.config/eww/scripts/volume osd &
+bindl = , XF86AudioMute, exec, ~/.config/eww/scripts/volume osd &
+
+# Brightness
+bindle=, XF86MonBrightnessUp, exec, light -A 3 && ~/.config/eww/scripts/brightness osd &
+bindle=, XF86MonBrightnessDown, exec, light -U 3 && ~/.config/eww/scripts/brightness osd &
+
+######################################## Keybinds ########################################
+# Apps: just normal apps
+bind = SUPER, C, exec, code --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland
+bind = CONTROLSHIFTALT, Y, exec, yuzu
+bind = SUPER, T, exec, foot --override shell=fish
+bind = SUPERALT, T, exec, wezterm
+bind = SUPER, Return, exec, kitty
+bind = SUPER, E, exec, nautilus --new-window
+bind = SUPER, W, exec, firefox
+bind = CONTROLSUPERALT, E, exec, /usr/bin/microsoft-edge-stable --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland --gtk-version=4
+bind = SUPER, X, exec, gnome-text-editor --new-window
+bind = SUPERSHIFT, W, exec, wps
+
+# Apps: Settings and config
+bind = SUPER, I, exec, gnome-control-center
+bind = CONTROLSUPER, V, exec, pavucontrol 
+bind = CONTROLSHIFT, Escape, exec, gnome-system-monitor
+bind = CONTROLALTSHIFT, Escape, exec, foot -T 'btop' btop
+bind = SUPERSHIFT, I, exec, ~/.local/bin/guifetch
+
+
+# Actions 
+bind = SUPERSHIFT, Period, exec, pkill wofi || wofi-emoji
+bind = SUPER, Period, exec, pkill fuzzel || ~/.local/bin/fuzzel-emoji
+bind = SUPER, Q, killactive,
+bind = SUPERALT, Space, togglefloating, 
+bind = SHIFTSUPERALT, Q, exec, hyprctl kill
+bind = CONTROLALT, Delete, exec, pkill wlogout || wlogout -p layer-shell
+bind = CONTROLSHIFTALTSUPER, Delete, exec, systemctl poweroff
+
+# Screenshot, Record, OCR (Optical Character Recognition), Color picker, Clipboard history
+bind = SUPERSHIFT, D, exec,~/.local/bin/rubyshot | wl-copy
+bind = SUPERSHIFTALT, S, exec, grim -g "$(slurp)" - | swappy -f -
+bindl =,Print,exec,grim - | wl-copy
+bind = SUPERSHIFT, S, exec, grim -g "$(slurp)" - | wl-copy
+bind = SUPERALT, R, exec, ~/.local/bin/record-script.sh
+bind = CONTROLALT, R, exec, ~/.local/bin/record-script.sh --sound
+bind = SUPERSHIFTALT, R, exec, ~/.local/bin/record-script-fullscreen.sh
+bind = CONTROLSUPERSHIFT,S,exec,grim -g "$(slurp)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+bind = SUPERSHIFT,T,exec,grim -g "$(slurp)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+bind = SUPERSHIFT, C, exec, hyprpicker -a
+bind = SUPER, B, exec, copyq menu 
+bind = SUPER, V, exec, pkill fuzzel || cliphist list | fuzzel --no-fuzzy --icon-theme=candy-icons --background-color=1D1D27ee --text-color=cdd6f4ff --match-color=AC16C7FF --border-width=3 --border-radius=10 --border-color=8701E7FF	 --selection-color=585b70ff --selection-text-color=cdd6f4ff --selection-match-color=AC16C7FF --font="Rubik"  --prompt="   " --dmenu | cliphist decode | wl-copy
+
+# Media
+bind = SUPERSHIFT, N, exec, playerctl next || playerctl position `bc <<< "100 * $(playerctl metadata mpris:length) / 1000000 / 100"`
+bind = SUPERSHIFT, B, exec, playerctl previous
+bind = SUPERSHIFT, P, exec, playerctl play-pause
+
+#Lock screen  |  blur: --effect-blur=20x20
+bind = SUPER, L, exec, ~/.local/bin/lock.sh
+bind = SUPERSHIFT, L, exec, ~/.local/bin/lock.sh
+bindl = SUPERSHIFT, L, exec, sleep 0.1 && systemctl suspend
+
+# App launcher
+bindr = SUPER, SUPER_L, exec, ~/.config/eww/scripts/toggle-overview.sh --keypress &
+bind = SUPER, Slash, exec, pkill fuzzel || fuzzel --icon-theme=candy-icons --background-color=1D1D27ee --text-color=cdd6f4ff --match-color=AC16C7FF --border-width=3 --border-radius=10 --border-color=8701E7FF	 --selection-color=585b70ff --selection-text-color=cdd6f4ff --selection-match-color=AC16C7FF --font="Rubik"  --prompt="    "
+
+################################# eww keybinds ################################
+bindr = CONTROLSUPER, R, exec, pkill eww && eww daemon && eww open bar && eww open bottomline
+bind = SUPER, Tab, exec, ~/.config/eww/scripts/toggle-overview.sh &
+bind = SUPER, O, exec, ~/.config/eww/scripts/toggle-osettings.sh --keypress &
+bind = CONTROLSUPER, O, exec, ~/.config/eww/scripts/toggle-osettings.sh --keypress &
+bind = SUPER, M, exec, ~/.config/eww/scripts/toggle-bottombar.sh &
+bind = SUPER, N, exec, ~/.config/eww/scripts/toggle-onotify.sh --keypress &
+bind = SUPER, Comma, exec, ~/.config/eww/scripts/toggle-themer.sh &
+bind = SUPER, D, exec, ~/.config/eww/scripts/toggle-dash.sh --keypress &
+bind = SUPER, A, exec, ~/.config/eww/scripts/toggle-dashfs.sh --keypress &
+bind = SUPER, G, exec, ~/.config/eww/scripts/toggle-wingamebar.sh &
+
+bind = CONTROLSUPER, Tab, exec, ~/.config/eww/scripts/toggle-compactmode.sh
+bind = SUPERALT, W, exec, ~/.config/eww/scripts/toggle-winmode.sh
+
+############################ Keybinds for Hyprland ############################
+# Swap windows
+bind = SUPERSHIFT, left, movewindow, l
+bind = SUPERSHIFT, right, movewindow, r
+bind = SUPERSHIFT, up, movewindow, u
+bind = SUPERSHIFT, down, movewindow, d
+# Move focus
+bind = SUPER, left, movefocus, l
+bind = SUPER, right, movefocus, r
+bind = SUPER, up, movefocus, u
+bind = SUPER, down, movefocus, d
+bind = SUPER, BracketLeft, movefocus, l
+bind = SUPER, BracketRight, movefocus, r
+# Window title
+bind = SUPER, left, exec, eww update rev_center_ws=false
+bind = SUPER, right, exec, eww update rev_center_ws=false
+bind = SUPER, up, exec, eww update rev_center_ws=false
+bind = SUPER, down, exec, eww update rev_center_ws=false
+bind = SUPER, BracketLeft, exec, eww update rev_center_ws=false
+bind = SUPER, BracketRight, exec, eww update rev_center_ws=false
+bind = ALT, Tab, exec, eww update rev_center_ws=false
+
+# Workspace, window, tab switch with keyboard
+bind = CONTROLSUPER, right, workspace, +1
+bind = CONTROLSUPER, left, workspace, -1
+bind = CONTROLSUPER, BracketLeft, workspace, -1
+bind = CONTROLSUPER, BracketRight, workspace, +1
+bind = CONTROLSUPER, up, workspace, -5
+bind = CONTROLSUPER, down, workspace, +5
+bind = SUPER, Page_Down, workspace, +1
+bind = SUPER, Page_Up, workspace, -1
+bind = CONTROLSUPER, Page_Down, workspace, +1
+bind = CONTROLSUPER, Page_Up, workspace, -1
+bind = SUPERSHIFT, Page_Down, movetoworkspace, +1
+bind = SUPERSHIFT, Page_Up, movetoworkspace, -1
+bind = CONTROLSUPERSHIFT, Right, movetoworkspace, +1
+bind = CONTROLSUPERSHIFT, Left, movetoworkspace, -1
+bind = SUPERSHIFT, mouse_down, movetoworkspace, -1
+bind = SUPERSHIFT, mouse_up, movetoworkspace, +1
+
+# Show workspaces module
+bind = CONTROLSUPER, right, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, left, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, BracketLeft, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, BracketRight, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, down, exec, eww update rev_center_ws=true
+bind = SUPER, Page_Down, exec, eww update rev_center_ws=true
+bind = SUPER, Page_Up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, Page_Down, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, Page_Up, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, Page_Down, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, Page_Up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPERSHIFT, Right, exec, eww update rev_center_ws=true
+bind = CONTROLSUPERSHIFT, Left, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, mouse_down, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, mouse_up, exec, eww update rev_center_ws=true
+
+# Window split ratio
+binde = SUPER, Minus, splitratio, -0.1
+binde = SUPER, Equal, splitratio, 0.1
+binde = SUPER, Semicolon, splitratio, -0.1
+binde = SUPER, Apostrophe, splitratio, 0.1
+
+# Fullscreen
+bind = SUPER, F, fullscreen
+
+# Switching
+bind = SUPER, 1, workspace, 1
+bind = SUPER, 2, workspace, 2
+bind = SUPER, 3, workspace, 3
+bind = SUPER, 4, workspace, 4
+bind = SUPER, 5, workspace, 5
+bind = SUPER, 6, workspace, 6
+bind = SUPER, 7, workspace, 7
+bind = SUPER, 8, workspace, 8
+bind = SUPER, 9, workspace, 9
+bind = SUPER, 0, workspace, 10
+bind = SUPER, S, togglespecialworkspace,
+bind = CONTROLSUPER, S, togglespecialworkspace,
+bind = ALT, Tab, cyclenext
+bind = ALT, Tab, bringactivetotop,   # bring it to the top
+
+# Move window to workspace Super + Alt + [0-9] 
+bind = SUPER ALT, 1, movetoworkspacesilent, 1
+bind = SUPER ALT, 2, movetoworkspacesilent, 2
+bind = SUPER ALT, 3, movetoworkspacesilent, 3
+bind = SUPER ALT, 4, movetoworkspacesilent, 4
+bind = SUPER ALT, 5, movetoworkspacesilent, 5
+bind = SUPER ALT, 6, movetoworkspacesilent, 6
+bind = SUPER ALT, 7, movetoworkspacesilent, 7
+bind = SUPER ALT, 8, movetoworkspacesilent, 8
+bind = SUPER ALT, 9, movetoworkspacesilent, 9
+bind = SUPER ALT, 0, movetoworkspacesilent, 10
+bind = CONTROLSHIFTSUPER, Up, movetoworkspacesilent, special
+bind = SUPERALT, S, movetoworkspacesilent, special
+
+# Scroll through existing workspaces with (Control) + Super + scroll
+bind = SUPER, mouse_up, workspace, +1
+bind = SUPER, mouse_down, workspace, -1
+bind = CONTROLSUPER, mouse_up, workspace, +1
+bind = CONTROLSUPER, mouse_down, workspace, -1
+
+# Move/resize windows with Super + LMB/RMB and dragging
+bindm = SUPER, mouse:272, movewindow
+bindm = SUPER, mouse:273, resizewindow
+bindm = SUPER, mouse:274, movewindow
+bindm = SUPER, Z, movewindow
+bind = CONTROLSUPER, Backslash, resizeactive, exact 640 480
+
diff --git a/early/.config/hypr/shaders/bluefilter.frag b/early/.config/hypr/shaders/bluefilter.frag
new file mode 100755
index 000000000..5469af9c6
--- /dev/null
+++ b/early/.config/hypr/shaders/bluefilter.frag
@@ -0,0 +1,20 @@
+// vim: set ft=glsl:
+// blue light filter shader
+// values from https://reshade.me/forum/shader-discussion/3673-blue-light-filter-similar-to-f-lux
+
+precision mediump float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+
+void main() {
+
+    vec4 pixColor = texture2D(tex, v_texcoord);
+
+    // green
+    pixColor[1] *= 0.855;
+
+    // blue
+    pixColor[2] *= 0.725;
+
+    gl_FragColor = pixColor;
+}
diff --git a/early/.config/hypr/shaders/crt.frag b/early/.config/hypr/shaders/crt.frag
new file mode 100755
index 000000000..a37ff9fb2
--- /dev/null
+++ b/early/.config/hypr/shaders/crt.frag
@@ -0,0 +1,511 @@
+#version 100
+precision highp float;
+varying highp vec2 v_texcoord;
+varying highp vec3 v_pos;
+uniform highp sampler2D tex;
+uniform lowp float time;
+
+#define BORDER_COLOR vec4(vec3(0.0, 0.0, 0.0), 1.0) // black border
+#define BORDER_RADIUS 1.0 // larger vignette radius
+#define BORDER_SIZE 0.01 // small border size
+#define CHROMATIC_ABERRATION_STRENGTH 0.00
+#define DENOISE_INTENSITY 0.0001 //
+#define DISTORTION_AMOUNT 0.00 // moderate distortion amount
+#define HDR_BLOOM 0.75 // bloom intensity
+#define HDR_BRIGHTNESS 0.011 // brightness
+#define HDR_CONTRAST 0.011 // contrast
+#define HDR_SATURATION 1.0// saturation
+#define LENS_DISTORTION_AMOUNT 0.0
+#define NOISE_THRESHOLD 0.0001
+#define PHOSPHOR_BLUR_AMOUNT 0.77 // Amount of blur for phosphor glow
+#define PHOSPHOR_GLOW_AMOUNT 0.77 // Amount of phosphor glow
+#define SAMPLING_RADIUS 0.0001
+#define SCANLINE_FREQUENCY 540.0
+#define SCANLINE_THICKNESS 0.0507
+#define SCANLINE_TIME time * 471.24
+#define SHARPNESS 0.25
+#define SUPERSAMPLING_SAMPLES 16.0
+#define VIGNETTE_RADIUS 0.0 // larger vignette radius
+#define PI 3.14159265359
+#define TWOPI 6.28318530718
+
+vec2 applyBarrelDistortion(vec2 coord, float amt) {
+    vec2 p = coord.xy / vec2(1.0);
+    vec2 v = p * 2.0 - vec2(1.0);
+    float r = dot(v, v);
+    float k = 1.0 + pow(r, 2.0) * pow(amt, 2.0);
+    vec2 result = v * k;
+    return vec2(0.5, 0.5) + 0.5 * result.xy;
+}
+
+vec4 applyColorCorrection(vec4 color) {
+    color.rgb *= vec3(1.0, 0.79, 0.89);
+    return vec4(color.rgb, 1.0);
+}
+
+vec4 applyBorder(vec2 tc, vec4 color, float borderSize, vec4 borderColor) {
+    float dist_x = min(tc.x, 1.0 - tc.x);
+    float dist_y = min(tc.y, 1.0 - tc.y);
+    float dist = min(dist_x, dist_y) * -1.0;
+    float border = smoothstep(borderSize, 0.0, dist);
+    border += smoothstep(borderSize, 0.0, dist);
+    return mix(color, borderColor, border);
+}
+
+vec4 applyFakeHDR(vec4 color, float brightness, float contrast, float saturation, float bloom) {
+    color.rgb = (color.rgb - vec3(0.5)) * exp2(brightness) + vec3(0.5);
+    vec3 crtfactor = vec3(1.05, 0.92, 1.0);
+    color.rgb = pow(color.rgb, crtfactor);
+    // // NTSC
+    // vec3 lumCoeff = vec3(0.2125, 0.7154, 0.0721);
+
+    // // BT.709
+    // vec3 lumCoeff = vec3(0.299, 0.587, 0.114);
+
+    // BT.2020
+    vec3 lumCoeff = vec3(0.2627, 0.6780, 0.0593);
+
+    // // Warm NTSC
+    // vec3 lumCoeff = vec3(0.2125, 0.7010, 0.0865);
+
+    float luminance = dot(color.rgb, lumCoeff);
+    luminance = pow(luminance, 2.2);
+    color.rgb = mix(vec3(luminance), color.rgb, saturation);
+    color.rgb = mix(color.rgb, vec3(1.0), pow(max(0.0, luminance - 1.0 + bloom), 4.0));
+    return color;
+}
+
+vec4 applyVignette(vec4 color) {
+    vec2 center = vec2(0.5, 0.5); // center of screen
+    float radius = VIGNETTE_RADIUS; // radius of vignette effect
+    float softness = 1.0; // softness of vignette effect
+    float intensity = 0.7; // intensity of vignette effect
+    vec2 offset = v_texcoord - center; // offset from center of screen
+    float distance = length(offset); // distance from center of screen
+    float alpha = smoothstep(radius, radius - radius * softness, distance) * intensity; // calculate alpha value for vignette effect
+    return mix(vec4(0.0, 0.0, 0.0, alpha), color, alpha); // mix black with color using calculated alpha value
+}
+
+vec4 applyPhosphorGlow(vec2 tc, vec4 color, sampler2D tex) {
+    // Calculate average color value of the texture
+    vec4 texelColor = color;
+    float averageColor = (texelColor.r + texelColor.g + texelColor.b) / 3.0;
+
+    // Determine brightness-dependent color factor
+    float factor = mix(
+        mix(0.09,
+            mix(0.005, 0.0075, (averageColor - 0.1) / 0.1),
+            step(0.01, averageColor)), 0.0005,
+        step(0.02, averageColor));
+    // Apply phosphor glow effect
+    vec4 sum = vec4(0.0);
+    vec4 pixels[9];
+    pixels[0] = texture2D(tex, tc - vec2(0.001, 0.001));
+    pixels[1] = texture2D(tex, tc - vec2(0.001, 0.0));
+    pixels[2] = texture2D(tex, tc - vec2(0.001, -0.001));
+    pixels[3] = texture2D(tex, tc - vec2(0.0, 0.001));
+    pixels[4] = texture2D(tex, tc);
+    pixels[5] = texture2D(tex, tc + vec2(0.001, 0.001));
+    pixels[6] = texture2D(tex, tc + vec2(0.001, 0.0));
+    pixels[7] = texture2D(tex, tc + vec2(0.001, -0.001));
+    pixels[8] = texture2D(tex, tc + vec2(0.0, 0.001));
+
+// Perform operations on input pixels in parallel
+    sum = pixels[0]
+        + pixels[1]
+        + pixels[2]
+        + pixels[3]
+        + pixels[4]
+        + pixels[5]
+        + pixels[6]
+        + pixels[7]
+        + pixels[8];
+    sum /= 9.0;
+    sum += texture2D(tex, tc - vec2(0.01, 0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(0.0, 0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(-0.01, 0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(0.01, 0.0)) * 0.001;
+    sum += color * PHOSPHOR_BLUR_AMOUNT;
+    sum += texture2D(tex, tc - vec2(-0.01, 0.0)) * 0.001;
+    sum += texture2D(tex, tc - vec2(0.01, -0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(0.0, -0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(-0.01, -0.01)) * 0.001;
+    sum *= PHOSPHOR_GLOW_AMOUNT;
+
+    // Initialize sum_sum_factor to zero
+    vec4 sum_sum_factor = vec4(0.0);
+    // Compute sum_j for i = -1
+    vec4 sum_j = vec4(0.0);
+    sum_j += texture2D(tex, tc + vec2(-1, -1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, -1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, -1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(-1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(-1, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 1) * 0.01);
+    sum_sum_factor += sum_j * vec4(0.011);
+
+    // Compute sum_j for i = 0
+    sum_j = vec4(0.0);
+    sum_j += texture2D(tex, tc + vec2(-1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(-1, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 1) * 0.01);
+    sum_sum_factor += sum_j * vec4(0.011);
+
+    // Compute sum_j for i = 1
+    sum_j = vec4(0.0);
+    sum_j += texture2D(tex, tc + vec2(-1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(-1, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 1) * 0.01);
+    sum_sum_factor += sum_j * vec4(0.011);
+    color += mix(sum_sum_factor * sum_sum_factor * vec4(factor), sum, 0.5);
+    return color;
+}
+
+vec4 applyAdaptiveSharpen(vec2 tc, vec4 color, sampler2D tex) {
+    vec4 color_tl = texture2D(tex, tc + vec2(-1.0, -1.0) * 0.5 / 2160.0);
+    vec4 color_tr = texture2D(tex, tc + vec2(1.0, -1.0) * 0.5 / 2160.0);
+    vec4 color_bl = texture2D(tex, tc + vec2(-1.0, 1.0) * 0.5 / 2160.0);
+    vec4 color_br = texture2D(tex, tc + vec2(1.0, 1.0) * 0.5 / 2160.0);
+    float sharpness = SHARPNESS;
+    vec3 color_no_alpha = color.rgb;
+    vec3 color_tl_no_alpha = color_tl.rgb;
+    vec3 color_tr_no_alpha = color_tr.rgb;
+    vec3 color_bl_no_alpha = color_bl.rgb;
+    vec3 color_br_no_alpha = color_br.rgb;
+    float delta = (dot(color_no_alpha, vec3(0.333333)) + dot(color_tl_no_alpha, vec3(0.333333)) + dot(color_tr_no_alpha, vec3(0.333333)) + dot(color_bl_no_alpha, vec3(0.333333)) + dot(color_br_no_alpha, vec3(0.333333))) * 0.2 - dot(color_no_alpha, vec3(0.333333));
+    vec3 sharp_color_no_alpha = color_no_alpha + min(vec3(0.0), vec3(delta * sharpness));
+    vec4 sharp_color = vec4(sharp_color_no_alpha, color.a);
+    return sharp_color;
+}
+
+vec4 applyScanlines(vec2 tc, vec4 color) {
+    float scanline = (cos(tc.y * SCANLINE_FREQUENCY + SCANLINE_TIME) *
+                      sin(tc.y * SCANLINE_FREQUENCY + SCANLINE_TIME)) * SCANLINE_THICKNESS;
+    float alpha = clamp(1.0 - abs(scanline), 0.0, 1.0);
+    return vec4(color.rgb * alpha, color.a);
+}
+
+vec4 applyChromaticAberration(vec2 uv, vec4 color) {
+    vec2 center = vec2(0.5, 0.5); // center of the screen
+    vec2 offset = (uv - center) * CHROMATIC_ABERRATION_STRENGTH; // calculate the offset from the center
+
+    // apply lens distortion
+    float rSquared = dot(offset, offset);
+    float distortion = 1.0 + LENS_DISTORTION_AMOUNT * rSquared;
+    vec2 distortedOffset = offset * distortion;
+
+    // apply chromatic aberration
+    vec2 redOffset = vec2(distortedOffset.x * 1.00, distortedOffset.y * 1.00);
+    vec2 blueOffset = vec2(distortedOffset.x * 1.00, distortedOffset.y * 1.00);
+
+    vec4 redColor = texture2D(tex, uv + redOffset);
+    vec4 blueColor = texture2D(tex, uv + blueOffset);
+
+    vec4 result = vec4(redColor.r, color.g, blueColor.b, color.a);
+
+    return result;
+}
+
+vec4 reduceGlare(vec4 color) {
+    // Calculate the intensity of the color by taking the average of the RGB components
+    float intensity = (color.r + color.g + color.b) / 3.0;
+    // Set the maximum intensity that can be considered for glare
+    float maxIntensity = 0.98;
+    // Use smoothstep to create a smooth transition from no glare to full glare
+    // based on the intensity of the color and the maximum intensity
+    float glareIntensity = smoothstep(maxIntensity - 0.02, maxIntensity, intensity);
+    // Set the amount of glare to apply to the color
+    float glareAmount = 0.02;
+    // Mix the original color with the reduced color that has glare applied to it
+    vec3 reducedColor = mix(color.rgb, vec3(glareIntensity), glareAmount);
+    // Return the reduced color with the original alpha value
+    return vec4(reducedColor, color.a);
+}
+
+// Apply a fake HDR effect to the input color.
+// Parameters:
+// - inputColor: the color to apply the effect to.
+// - brightness: the brightness of the image. Should be a value between 0 and 1.
+// - contrast: the contrast of the image. Should be a value between 0 and 1.
+// - saturation: the saturation of the image. Should be a value between 0 and 2.
+// - bloom: the intensity of the bloom effect. Should be a value between 0 and 1.
+vec4 applyFakeHDREffect(vec4 inputColor, float brightness, float contrast, float saturation, float bloom) {
+    const float minBrightness = 0.0;
+    const float maxBrightness = 1.0;
+    const float minContrast = 0.0;
+    const float maxContrast = 1.0;
+    const float minSaturation = 0.0;
+    const float maxSaturation = 2.0;
+    const float minBloom = 0.0;
+    const float maxBloom = 1.0;
+
+    // Check input parameters for validity
+    if (brightness < minBrightness || brightness > maxBrightness) {
+        return vec4(0.0, 0.0, 0.0, 1.0); // Return black with alpha of 1.0 to indicate error
+    }
+    if (contrast < minContrast || contrast > maxContrast) {
+        return vec4(0.0, 0.0, 0.0, 1.0);
+    }
+    if (saturation < minSaturation || saturation > maxSaturation) {
+        return vec4(0.0, 0.0, 0.0, 1.0);
+    }
+    if (bloom < minBloom || bloom > maxBloom) {
+        return vec4(0.0, 0.0, 0.0, 1.0);
+    }
+
+    // Apply brightness and contrast
+    vec3 color = inputColor.rgb;
+    color = (color - vec3(0.5)) * exp2(brightness * 10.0) + vec3(0.5);
+    color = mix(vec3(0.5), color, pow(contrast * 4.0 + 1.0, 2.0));
+
+    // // NTSC
+    // vec3 lumCoeff = vec3(0.2125, 0.7154, 0.0721);
+
+    // // BT.709
+    // vec3 lumCoeff = vec3(0.299, 0.587, 0.114);
+
+    // // BT.2020
+    // vec3 lumCoeff = vec3(0.2627, 0.6780, 0.0593);
+
+    // Warm NTSC
+    vec3 lumCoeff = vec3(0.2125, 0.7010, 0.0865);
+
+    // Apply saturation
+    float luminance = dot(color, lumCoeff);
+    vec3 grey = vec3(luminance);
+    color = mix(grey, color, saturation);
+
+    // Apply bloom effect
+    float threshold = 1.0 - bloom;
+    vec3 bloomColor = max(color - threshold, vec3(0.0));
+    bloomColor = pow(bloomColor, vec3(2.0));
+    bloomColor = mix(vec3(0.0), bloomColor, pow(min(luminance, threshold), 4.0));
+    color += bloomColor;
+
+    return vec4(color, inputColor.a);
+}
+
+vec4 bilateralFilter(sampler2D tex, vec2 uv, vec4 color, float sampleRadius, float noiseThreshold, float intensity) {
+    vec4 filteredColor = vec4(0.0);
+    float totalWeight = 0.0;
+
+    // Top-left pixel
+    vec4 sample = texture2D(tex, uv + vec2(-1.0, -1.0));
+    float dist = length(vec2(-1.0, -1.0));
+    float colorDist = length(sample - color);
+    float weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Top pixel
+    sample = texture2D(tex, uv + vec2(0.0, -1.0));
+    dist = length(vec2(0.0, -1.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Top-right pixel
+    sample = texture2D(tex, uv + vec2(1.0, -1.0));
+    dist = length(vec2(1.0, -1.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Left pixel
+    sample = texture2D(tex, uv + vec2(-1.0, 0.0));
+    dist = length(vec2(-1.0, 0.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Center pixel
+    sample = texture2D(tex, uv);
+    dist = 0.0;
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Right pixel
+    sample = texture2D(tex, uv + vec2(1.0, 0.0));
+    dist = length(vec2(1.0, 0.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Bottom-left pixel
+    sample = texture2D(tex, uv + vec2(-1.0, 1.0));
+    dist = length(vec2(-1.0, 1.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+// Bottom pixel
+    sample = texture2D(tex, uv + vec2(0.0, sampleRadius));
+    dist = length(vec2(0.0, sampleRadius));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    filteredColor /= totalWeight;
+    return mix(color, filteredColor, step(noiseThreshold, length(filteredColor - color)));
+}
+
+vec4 supersample(sampler2D tex, vec2 uv, float sampleRadius, float noiseThreshold, float intensity) {
+    float radiusSq = sampleRadius * sampleRadius;
+    vec2 poissonDisk;
+    vec4 color = vec4(0.0);
+
+    float r1_0 = sqrt(0.0 / 16.0);
+    float r2_0 = fract(1.0 / 3.0);
+    float theta_0 = TWOPI * r2_0;
+    poissonDisk = vec2(r1_0 * cos(theta_0), r1_0 * sin(theta_0));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_1 = sqrt(1.0 / 16.0);
+    float r2_1 = fract(2.0 / 3.0);
+    float theta_1 = TWOPI * r2_1;
+    poissonDisk = vec2(r1_1 * cos(theta_1), r1_1 * sin(theta_1));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_2 = sqrt(2.0 / 16.0);
+    float r2_2 = fract(3.0 / 3.0);
+    float theta_2 = TWOPI * r2_2;
+    poissonDisk = vec2(r1_2 * cos(theta_2), r1_2 * sin(theta_2));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_3 = sqrt(3.0 / 16.0);
+    float r2_3 = fract(4.0 / 3.0);
+    float theta_3 = TWOPI * r2_3;
+    poissonDisk = vec2(r1_3 * cos(theta_3), r1_3 * sin(theta_3));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_4 = sqrt(4.0 / 16.0);
+    float r2_4 = fract(5.0 / 3.0);
+    float theta_4 = TWOPI * r2_4;
+    poissonDisk = vec2(r1_4 * cos(theta_4), r1_4 * sin(theta_4));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_5 = sqrt(5.0 / 16.0);
+    float r2_5 = fract(6.0 / 3.0);
+    float theta_5 = TWOPI * r2_5;
+    poissonDisk = vec2(r1_5 * cos(theta_5), r1_5 * sin(theta_5));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_6 = sqrt(6.0 / 16.0);
+    float r2_6 = fract(7.0 / 3.0);
+    float theta_6 = TWOPI * r2_6;
+    poissonDisk = vec2(r1_6 * cos(theta_6), r1_6 * sin(theta_6));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_7 = sqrt(7.0 / 16.0);
+    float r2_7 = fract(8.0 / 3.0);
+    float theta_7 = TWOPI * r2_7;
+    poissonDisk = vec2(r1_7 * cos(theta_7), r1_7 * sin(theta_7));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_8 = sqrt(8.0 / 16.0);
+    float r2_8 = fract(9.0 / 3.0);
+    float theta_8 = TWOPI * r2_8;
+    poissonDisk = vec2(r1_8 * cos(theta_8), r1_8 * sin(theta_8));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_9 = sqrt(9.0 / 16.0);
+    float r2_9 = fract(10.0 / 3.0);
+    float theta_9 = TWOPI * r2_9;
+    poissonDisk = vec2(r1_9 * cos(theta_9), r1_9 * sin(theta_9));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_10 = sqrt(10.0 / 16.0);
+    float r2_10 = fract(11.0 / 3.0);
+    float theta_10 = TWOPI * r2_10;
+    poissonDisk = vec2(r1_10 * cos(theta_10), r1_10 * sin(theta_10));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_11 = sqrt(11.0 / 16.0);
+    float r2_11 = fract(12.0 / 3.0);
+    float theta_11 = TWOPI * r2_11;
+    poissonDisk = vec2(r1_11 * cos(theta_11), r1_11 * sin(theta_11));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_12 = sqrt(12.0 / 16.0);
+    float r2_12 = fract(13.0 / 3.0);
+    float theta_12 = TWOPI * r2_12;
+    poissonDisk = vec2(r1_12 * cos(theta_12), r1_12 * sin(theta_12));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_13 = sqrt(13.0 / 16.0);
+    float r2_13 = fract(14.0 / 3.0);
+    float theta_13 = TWOPI * r2_13;
+    poissonDisk = vec2(r1_13 * cos(theta_13), r1_13 * sin(theta_13));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_14 = sqrt(14.0 / 16.0);
+    float r2_14 = fract(15.0 / 3.0);
+    float theta_14 = TWOPI * r2_14;
+    poissonDisk = vec2(r1_14 * cos(theta_14), r1_14 * sin(theta_14));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_15 = sqrt(15.0 / 16.0);
+    float r2_15 = fract(16.0 / 3.0);
+    float theta_15 = TWOPI * r2_15;
+    poissonDisk = vec2(r1_15 * cos(theta_15), r1_15 * sin(theta_15));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    return bilateralFilter(tex, uv, color, sampleRadius, noiseThreshold, intensity);
+}
+void main() {
+    vec2 tc_no_dist = v_texcoord;
+
+    vec2 tc = applyBarrelDistortion(tc_no_dist, DISTORTION_AMOUNT);
+
+    // [-1, 1]
+    vec2 tc_no_dist_symmetric = tc_no_dist * 2.0 - 1.0;
+
+    // [0,1]
+    vec2 tc_no_dist_normalized = (tc_no_dist_symmetric + 1.0) / 2.0;
+
+    // vec4 color = texture2D(tex, tc);
+    vec4 color = supersample(tex, tc, SAMPLING_RADIUS, NOISE_THRESHOLD, DENOISE_INTENSITY);
+
+    color = applyAdaptiveSharpen(tc, color, tex);
+
+    color = applyPhosphorGlow(tc, color, tex);
+
+    color = reduceGlare(color);
+
+    color = mix(applyFakeHDREffect(color, HDR_BRIGHTNESS, HDR_CONTRAST, HDR_SATURATION, HDR_BLOOM), color, 0.5);
+
+    color = applyColorCorrection(color);
+
+    color /= SUPERSAMPLING_SAMPLES;
+
+    color = mix(applyChromaticAberration(tc, color), color, 0.25);
+
+    color = mix(color, applyVignette(color), 0.37);
+
+    color = applyBorder(tc_no_dist_normalized, color, 1.0 - BORDER_SIZE * BORDER_RADIUS, BORDER_COLOR);
+
+    color = mix(applyBorder(tc, color, BORDER_SIZE, BORDER_COLOR), color, 0.05);
+
+    color = applyScanlines(tc, color);
+
+    gl_FragColor = color;
+    gl_FragColor.a = 1.0;
+}
+
diff --git a/early/.config/hypr/shaders/drugs.frag b/early/.config/hypr/shaders/drugs.frag
new file mode 100755
index 000000000..1190ed03c
--- /dev/null
+++ b/early/.config/hypr/shaders/drugs.frag
@@ -0,0 +1,42 @@
+
+precision highp float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+uniform float time;
+
+void warpco(inout vec2 tc) {
+    tc -= 0.5;
+    tc *= length(tc) * 2.0;
+    tc += 0.5;
+}
+
+float rand1d(float seed) {
+   return sin(seed*1454.0); 
+}
+
+float rand2d(vec2 co)
+{
+  return fract(sin(dot(co.xy, vec2(12.9898,78.233))) * 43758.5453);
+}
+
+vec3 rgb(in vec2 tc, float freq, float amp, inout vec4 centre) {
+    vec2 off = vec2(1.0/800.0, 0.0) * sin(tc.t * freq + time) * amp;
+    vec2 off2 = vec2(1.0/800.0, 0.0) * sin(tc.t * freq - time * 1.5) * amp;
+    centre = texture2D(tex, tc);
+    return vec3(texture2D(tex, tc-off).r, centre.g, texture2D(tex, tc+off2).b);
+}
+
+void main() {
+    // vec2 px = 1.0 / textureSize(tex, 0).st;
+    vec2 tc = v_texcoord;
+    warpco(tc);
+    tc = mix(v_texcoord, tc, sin(time * 2.0)*0.07);
+    tc.x += rand2d(floor(tc * 20.0 + floor(time * 2.5))) * 0.01;
+    tc.x += rand1d(floor(tc.x * 40.0)) * 0.005 * rand1d(time * 0.001);
+    tc.y += sin(tc.x + time) * 0.02;
+    vec4 centre;
+    vec3 bent = rgb(tc, 100.0, 5.0, centre);
+    vec3 col = mix(centre.rgb, bent, sin(time));
+    gl_FragColor = vec4(col, centre.a);
+    // gl_FragColor = vec4(texture2D(tex, v_texcoord));
+}
\ No newline at end of file
diff --git a/early/.config/hypr/shaders/extradark.frag b/early/.config/hypr/shaders/extradark.frag
new file mode 100755
index 000000000..089ee8149
--- /dev/null
+++ b/early/.config/hypr/shaders/extradark.frag
@@ -0,0 +1,21 @@
+// vim: set ft=glsl:
+// blue light filter shader
+// values from https://reshade.me/forum/shader-discussion/3673-blue-light-filter-similar-to-f-lux
+
+precision mediump float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+
+void main() {
+
+    vec4 pixColor = texture2D(tex, v_texcoord);
+
+    // red
+    pixColor[0] *= 0.7;
+    // green
+    pixColor[1] *= 0.6;
+    // blue
+    pixColor[2] *= 0.5;
+
+    gl_FragColor = pixColor;
+}
diff --git a/early/.config/hypr/shaders/nothing.frag b/early/.config/hypr/shaders/nothing.frag
new file mode 100755
index 000000000..163e6003a
--- /dev/null
+++ b/early/.config/hypr/shaders/nothing.frag
@@ -0,0 +1,14 @@
+// vim: set ft=glsl:
+// blue light filter shader
+// values from https://reshade.me/forum/shader-discussion/3673-blue-light-filter-similar-to-f-lux
+
+precision mediump float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+
+void main() {
+
+    vec4 pixColor = texture2D(tex, v_texcoord);
+
+    gl_FragColor = pixColor;
+}
diff --git a/early/.config/hypr/shaders/solarized.frag b/early/.config/hypr/shaders/solarized.frag
new file mode 100755
index 000000000..1c37f2cc0
--- /dev/null
+++ b/early/.config/hypr/shaders/solarized.frag
@@ -0,0 +1,41 @@
+// -*- mode:c -*-
+precision lowp float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+
+float distanceSquared(vec3 pixColor, vec3 solarizedColor) {
+	vec3 distanceVector = pixColor - solarizedColor;
+	return dot(distanceVector, distanceVector);
+}
+
+void main() {
+	vec3 solarized[16];
+	solarized[0]  = vec3(0.,0.169,0.212);
+	solarized[1]  = vec3(0.027,0.212,0.259);
+	solarized[2]  = vec3(0.345,0.431,0.459);
+	solarized[3]  = vec3(0.396,0.482,0.514);
+	solarized[4]  = vec3(0.514,0.58,0.588);
+	solarized[5]  = vec3(0.576,0.631,0.631);
+	solarized[6]  = vec3(0.933,0.91,0.835);
+	solarized[7]  = vec3(0.992,0.965,0.89);
+	solarized[8]  = vec3(0.71,0.537,0.);
+	solarized[9]  = vec3(0.796,0.294,0.086);
+	solarized[10] = vec3(0.863,0.196,0.184);
+	solarized[11] = vec3(0.827,0.212,0.51);
+	solarized[12] = vec3(0.424,0.443,0.769);
+	solarized[13] = vec3(0.149,0.545,0.824);
+	solarized[14] = vec3(0.165,0.631,0.596);
+	solarized[15] = vec3(0.522,0.6,0.);
+
+	vec3 pixColor = vec3(texture2D(tex, v_texcoord));
+	int closest = 0;
+	float closestDistanceSquared = distanceSquared(pixColor, solarized[0]);
+	for (int i = 1; i < 15; i++) {
+		float newDistanceSquared = distanceSquared(pixColor, solarized[i]);
+		if (newDistanceSquared < closestDistanceSquared) {
+			closest = i;
+			closestDistanceSquared = newDistanceSquared;
+		}
+	}
+	gl_FragColor = vec4(solarized[closest], 1.);
+}
diff --git a/early/.config/kitty/kitty.conf b/early/.config/kitty/kitty.conf
new file mode 100644
index 000000000..6846e8d5a
--- /dev/null
+++ b/early/.config/kitty/kitty.conf
@@ -0,0 +1,93 @@
+font_family JetBrains Mono Nerd Font
+
+font_size 12
+confirm_os_window_close 0
+
+adjust_line_height 0
+cursor #00ccff
+
+# A port of forest night by sainnhe
+# https://github.com/sainnhe/forest-night
+
+## name:     Everforest Dark B
+## author:   nope
+## license:  idk
+## blurb:    everforesttttttt
+
+#window
+window_padding_width 20
+selection_foreground  #d8caac
+selection_background  #505a60
+background_opacity  0.5
+
+foreground #a9b1d6
+background #1a1b26
+
+# Black
+color0 #414868
+color8 #414868
+
+# Red
+color1 #f7768e
+color9 #f7768e
+
+# Green
+color2  #73daca
+color10 #73daca
+
+# Yellow
+color3  #e0af68
+color11 #e0af68
+
+# Blue
+color4  #7aa2f7
+color12 #7aa2f7
+
+# Magenta
+color5  #bb9af7
+color13 #bb9af7
+
+# Cyan
+color6  #7dcfff
+color14 #7dcfff
+
+# White
+color7  #c0caf5
+color15 #c0caf5
+
+# Cursor
+cursor #c0caf5
+cursor_text_color #1a1b26
+
+# Selection highlight
+selection_foreground none
+selection_background #28344a
+
+# The color for highlighting URLs on mouse-over
+url_color #9ece6a
+
+# Window borders
+active_border_color #3d59a1
+inactive_border_color #101014
+bell_border_color #e0af68
+
+# Tab bar
+tab_bar_style fade
+tab_fade 1
+active_tab_foreground   #3d59a1
+active_tab_background   #16161e
+active_tab_font_style   bold
+inactive_tab_foreground #787c99
+inactive_tab_background #16161e
+inactive_tab_font_style bold
+tab_bar_background #101014
+
+# Title bar
+macos_titlebar_color #16161e
+
+# Storm
+# background #24283b
+# cursor_text_color #24283b
+# active_tab_background   #1f2335
+# inactive_tab_background #1f2335
+# macos_titlebar_color #1f2335
diff --git a/early/.config/mpv/mpv.conf b/early/.config/mpv/mpv.conf
new file mode 100644
index 000000000..f7dc66c09
--- /dev/null
+++ b/early/.config/mpv/mpv.conf
@@ -0,0 +1 @@
+keep-open=yes
\ No newline at end of file
diff --git a/early/.config/starship.toml b/early/.config/starship.toml
new file mode 100644
index 000000000..4ef021903
--- /dev/null
+++ b/early/.config/starship.toml
@@ -0,0 +1,96 @@
+# Don't print a new line at the start of the prompt
+add_newline = false
+# Pipes ╰─ ╭─
+# Powerline symbols                                     
+# Wedges 🭧🭒 🭣🭧🭓
+# Random noise 🬖🬥🬔🬗
+
+right_format = """\
+$cmd_duration
+"""
+
+format = """
+$username$hostname$directory
+$character
+"""
+
+# Replace the "❯" symbol in the prompt with "➜"
+[character]                            # The name of the module we are configuring is "character"
+success_symbol = "[🭧🭒](bold fg:blue)[ ➜ ](bold bg:blue fg:#000000)[](bold fg:blue)"
+
+error_symbol = "[🭧🭒](bold fg:red)[ ✗ ](bold bg:red fg:#000000)[](bold fg:red)"
+# Disable the package module, hiding it from the prompt completely
+[package]
+disabled = true
+
+[git_branch]
+symbol = "🌱 "
+truncation_length = 4
+truncation_symbol = ""
+
+[git_commit]
+commit_hash_length = 4
+tag_symbol = "🔖 "
+
+[git_state]
+format = '[\($state( $progress_current of $progress_total)\)]($style) '
+cherry_pick = "[🍒 PICKING](bold red)"
+
+[git_status]
+conflicted = " 🏳 "
+ahead = " 🏎💨 "
+behind = " 😰 "
+diverged = " 😵 "
+untracked = " 🤷 ‍"
+stashed = " 📦 "
+modified = " 📝 "
+staged = '[++\($count\)](blue)'
+renamed = " ✍️ "
+deleted = " 🗑 "
+
+[hostname]
+ssh_only = false
+format =  "[ ](bold bg:yellow fg:blue)[$hostname](bg:yellow bold fg:#000000)[ ](bold fg:yellow bg:green)"
+trim_at = ".companyname.com"
+disabled = false
+
+[line_break]
+disabled = false
+
+[memory_usage]
+disabled = true
+threshold = -1
+symbol = " "
+style = "bold dimmed blue"
+
+[time]
+disabled = true
+format = '🕙[\[ $time \]]($style) '
+time_format = "%T"
+
+[username]
+style_user = "bold bg:blue fg:#000000"
+style_root = "red bold"
+format = "[🭃](bold fg:blue)[$user]($style)"
+disabled = false
+show_always = true
+
+[directory]
+home_symbol = " "
+read_only = "  "
+style = "bold bg:green  fg:#000000"
+truncation_length = 2
+truncation_symbol = "./"
+format = '[$path]($style)[🭞](fg:green )'
+
+
+[directory.substitutions]
+"Documents" = " "
+"/" = "  "
+"Downloads" = " "
+"Music" = " "
+"Pictures" = " "
+
+[cmd_duration]
+min_time = 0
+format = '[🬈🬖🬥🬅 ](bold bg:cyan fg:#000000)[time:$duration](bold bg:cyan fg:#000000)[ 🬖🬥🬔🬗](bold bg:cyan fg:#000000)'
diff --git a/early/.config/waybar/config b/early/.config/waybar/config
new file mode 100755
index 000000000..066818e4a
--- /dev/null
+++ b/early/.config/waybar/config
@@ -0,0 +1,78 @@
+{
+    "layer": "top",
+    "height": 30,
+    "position": "bottom",
+    "spacing": 0,
+    "exclusive": false,
+    "margin-bottom": 50,
+    "margin-right": 210,
+    "margin-left": 1600,
+    "fixed-center": false,
+
+    "modules-left": [
+        
+    ],
+    
+    "modules-center": [
+        "tray",
+    ],
+    
+    "modules-right": [
+    ],
+    
+    "custom/weather": {
+        "exec": "curl 'https://wttr.in/?format=1' | tr -d '+'",
+        "interval": 1800
+    },
+    
+    "custom/start": {
+        "format": "               ",
+        "on-click": "~/.config/eww/scripts/toggle-overview.sh"
+    },
+    
+    "wlr/taskbar": {
+        "format": "{icon}",
+        "icon-size": 24,
+        "tooltip-format": "{title}",
+        "on-click": "activate",
+        "on-click-middle": "close",
+    },
+    
+    "clock": {
+        "format": "   {:%I:%M %p%n%e/%m/%G}",
+        "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
+        "format-alt": "  {:%Y-%m-%d}"
+    },
+    
+    "tray": {
+        "spacing": 8
+    },
+    
+    "pulseaudio": {
+        "format": "{icon}",
+        "format-bluetooth": "{volume}%  {icon} {format_source}",
+        "format-bluetooth-muted": "  {icon} {format_source}",
+        "format-muted": "  {format_source}",
+        "format-source": "  {volume}",
+        "format-source-muted": "",
+        "format-icons": {
+            "headphone": "",
+            "hands-free": "",
+            "headset": "",
+            "phone": "",
+            "portable": "",
+            "car": "",
+            "default": ["", "", ""]
+        },
+        "tooltip-format": "{format_source}%",
+        "on-click": "easyeffects"
+    },
+    "network": {
+        "format-wifi": "",
+        "format-ethernet": "",
+        "tooltip-format": "{ifname} via {gwaddr} ",
+        "format-linked": "{ifname} (No IP) ",
+        "format-disconnected": "Disconnected ⚠",
+        "on-click": "alacritty -e nmtui"
+    },
+}
diff --git a/early/.config/waybar/noise.png b/early/.config/waybar/noise.png
new file mode 100755
index 000000000..028b188b5
Binary files /dev/null and b/early/.config/waybar/noise.png differ
diff --git a/early/.config/waybar/style.css b/early/.config/waybar/style.css
new file mode 100755
index 000000000..c1a6ae5c2
--- /dev/null
+++ b/early/.config/waybar/style.css
@@ -0,0 +1,67 @@
+* {
+    color: #f3f9ff;
+    font-size: 11px;
+    font-family: Segoe-Fluent-Icons, Segoe-UI;
+    font-weight: 500;
+}
+
+window#waybar {
+    background: transparent;
+}
+
+tooltip {
+    background: #141414;
+    border-radius: 4px;
+}
+
+#tray {
+    font-size: 20px;
+    font-weight: 200;
+    padding: 4px;
+    min-width: 100px;
+    min-height: 37px;
+    background: rgba(45, 46, 48, 1);
+    background-image: url('images/textures/acrylic.png');
+    border-radius: 9px;
+    border: 1px solid rgba(34, 35, 38, 0.5);
+    margin: 14px;
+    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.65);
+}
+
+#window,
+#pulseaudio,
+#network,
+#bluetooth {
+    font-size: 14px;
+    font-weight: 200;
+    padding: 4px;
+}
+
+#custom-weather {
+    padding-left: 12px;
+    font-size: 11px;
+}
+
+#custom-start {
+    background-image: url("./win.png");
+    background-size: 24px 24px;
+    background-position: center;
+    background-repeat: no-repeat;
+}
+
+#taskbar {
+    border-radius: 6px;
+    min-width: 45px;
+    min-height: 45px;
+    /* border-top: 1px solid rgba(64, 64, 64, 0.8); */
+}
+
+#tray,
+#pulseaudio {
+    padding-right: 12px;
+}
+
+#clock {
+    padding-left: 3px;
+    padding-right: 18px;
+}
\ No newline at end of file
diff --git a/early/.config/waybar/win.png b/early/.config/waybar/win.png
new file mode 100755
index 000000000..22904f136
Binary files /dev/null and b/early/.config/waybar/win.png differ
diff --git a/early/.config/wlogout/layout b/early/.config/wlogout/layout
new file mode 100755
index 000000000..c6b324dda
--- /dev/null
+++ b/early/.config/wlogout/layout
@@ -0,0 +1,36 @@
+{
+    "label" : "lock",
+    "action" : "~/.local/bin/lock.sh",
+    "text" : "Lock",
+    "keybind" : "l"
+}
+{
+    "label" : "hibernate",
+    "action" : "systemctl hibernate",
+    "text" : "Hibernate",
+    "keybind" : "h"
+}
+{
+    "label" : "logout",
+    "action" : "loginctl terminate-user $USER",
+    "text" : "Logout",
+    "keybind" : "e"
+}
+{
+    "label" : "shutdown",
+    "action" : "systemctl poweroff",
+    "text" : "Shutdown",
+    "keybind" : "s"
+}
+{
+    "label" : "suspend",
+    "action" : "systemctl suspend",
+    "text" : "Suspend",
+    "keybind" : "u"
+}
+{
+    "label" : "reboot",
+    "action" : "systemctl reboot",
+    "text" : "Reboot",
+    "keybind" : "r"
+}
diff --git a/early/.config/wlogout/noise.png b/early/.config/wlogout/noise.png
new file mode 100755
index 000000000..028b188b5
Binary files /dev/null and b/early/.config/wlogout/noise.png differ
diff --git a/early/.config/wlogout/style.css b/early/.config/wlogout/style.css
new file mode 100755
index 000000000..5c7f3e71c
--- /dev/null
+++ b/early/.config/wlogout/style.css
@@ -0,0 +1,66 @@
+* {
+	background-image: none;
+	transition: 0ms;
+}
+
+window {
+	background-color: rgba(12, 12, 12, 0.1);
+	background-image: url('./noise.png');
+}
+
+button {
+	color: #FFFFFF;
+	border-style: solid;
+	border-width: 2px;
+	background-repeat: no-repeat;
+	background-position: center;
+	background-size: 25%;
+
+	background-color: rgba(108, 112, 134, 0.4);
+	border: 1px solid rgba(108, 112, 134, 0.3);
+	border-top: 1px solid rgba(108, 112, 134, 0.3);
+}
+
+button:focus,
+button:active,
+button:hover {
+	background-color: rgba(156, 161, 192, 0.5);
+	border: 1px solid rgba(108, 112, 134, 0.15);
+	border-top: 1px solid rgba(108, 112, 134, 0.15);
+}
+
+#lock {
+	margin: 10px;
+	border-radius: 20px;
+	background-image: image(url("/usr/share/wlogout/icons/lock.png"), url("/usr/local/share/wlogout/icons/lock.png"));
+}
+
+#logout {
+	margin: 10px;
+	border-radius: 20px;
+	background-image: image(url("/usr/share/wlogout/icons/logout.png"), url("/usr/local/share/wlogout/icons/logout.png"));
+}
+
+#suspend {
+	margin: 10px;
+	border-radius: 20px;
+	background-image: image(url("/usr/share/wlogout/icons/suspend.png"), url("/usr/local/share/wlogout/icons/suspend.png"));
+}
+
+#hibernate {
+	margin: 10px;
+	border-radius: 20px;
+	background-image: image(url("/usr/share/wlogout/icons/hibernate.png"), url("/usr/local/share/wlogout/icons/hibernate.png"));
+}
+
+#shutdown {
+	margin: 10px;
+	border-radius: 20px;
+	background-image: image(url("/usr/share/wlogout/icons/shutdown.png"), url("/usr/local/share/wlogout/icons/shutdown.png"));
+}
+
+#reboot {
+	margin: 10px;
+	border-radius: 20px;
+	background-image: image(url("/usr/share/wlogout/icons/reboot.png"), url("/usr/local/share/wlogout/icons/reboot.png"));
+}
\ No newline at end of file
diff --git a/early/.local/bin/Hyprland-wrapped b/early/.local/bin/Hyprland-wrapped
new file mode 100755
index 000000000..56238b120
--- /dev/null
+++ b/early/.local/bin/Hyprland-wrapped
@@ -0,0 +1,18 @@
+#!/bin/sh
+
+cd ~
+
+#export XDG_CURRENT_DESKTOP=GNOME
+#export XDG_SESSION_TYPE=wayland
+#export XDG_SESSION_DESKTOP=GNOME
+#export EDITOR = /usr/bin/gnome-text-editor
+
+export XMODIFIERS=@im=ibus
+export GTK_IM_MODULE=ibus
+export QT_IM_MODULE=ibus
+
+#export QT_QPA_PLATFORMTHEME=qt5ct #QT Theme (for KDE apps)
+export QT_QPA_PLATFORMTHEME=qt5ct
+
+exec Hyprland
+
diff --git a/early/.local/bin/lock.sh b/early/.local/bin/lock.sh
new file mode 100755
index 000000000..df768dd43
--- /dev/null
+++ b/early/.local/bin/lock.sh
@@ -0,0 +1 @@
+swaylock --image /home/end/Pictures/ACE.jpg --clock --indicator --line-color cdd6f4ff --text-color cdd6f4ff --inside-color 1e1e2eff --ring-color 313244ff --line-ver-color cdd6f4ff --text-ver-color cdd6f4ff --inside-ver-color 1e1e2eff --ring-ver-color 313244ff --line-clear-color cdd6f4ff --text-clear-color cdd6f4ff --inside-clear-color 1e1e2eff --ring-clear-color 313244ff --line-clear-color cdd6f4ff --text-wrong-color 313244ff --inside-wrong-color f38ba8ff --ring-wrong-color 313244ff --key-hl-color cba6f7ff
diff --git a/early/.local/bin/record-script-fullscreen.sh b/early/.local/bin/record-script-fullscreen.sh
new file mode 100755
index 000000000..51f723a0f
--- /dev/null
+++ b/early/.local/bin/record-script-fullscreen.sh
@@ -0,0 +1,10 @@
+#/usr/bin/bash
+
+cd /home/end/Videos
+if ["$(pidof wf-recorder)" -ne ""]; then
+    notify-send "wf-recorder" "Starting recording" -a 'wf-recorder'
+    wf-recorder -t -f './recording_'"$(date '+%Y_%m_%_d..%H.%M')"'.mp4' --audio=alsa_output.pci-0000_08_00.6.analog-stereo.monitor
+else
+    /usr/bin/kill --signal SIGINT wf-recorder
+    notify-send "wf-recorder" "Recording Stopped" -a 'wf-recorder'
+fi
diff --git a/early/.local/bin/record-script.sh b/early/.local/bin/record-script.sh
new file mode 100755
index 000000000..2b0bff036
--- /dev/null
+++ b/early/.local/bin/record-script.sh
@@ -0,0 +1,11 @@
+#/usr/bin/bash
+
+cd /home/end/Videos
+if ["$(pidof wf-recorder)" -ne ""]; then
+    rm recording.mp4
+    notify-send "wf-recorder" "Starting recording"
+    wf-recorder --geometry "$(slurp)"
+else
+    /usr/bin/kill --signal SIGINT wf-recorder
+    notify-send "wf-recorder" "Recording Stopped"
+fi
\ No newline at end of file
diff --git a/early/.local/bin/rubyshot b/early/.local/bin/rubyshot
new file mode 100755
index 000000000..8431bd693
--- /dev/null
+++ b/early/.local/bin/rubyshot
@@ -0,0 +1,6 @@
+#!/usr/bin/bash
+
+WORKSPACES="$(hyprctl monitors -j | jq -r 'map(.activeWorkspace.id)')"
+WINDOWS="$(hyprctl clients -j | jq -r --argjson workspaces "$WORKSPACES" 'map(select([.workspace.id] | inside($workspaces)))' )"
+GEOM=$(echo "$WINDOWS" | jq -r '.[] | "\(.at[0]),\(.at[1]) \(.size[0])x\(.size[1])"' | slurp -f '%x %y %w %h')
+wayshot -s "$GEOM" --stdout ${#:+"$@"}
\ No newline at end of file
diff --git a/early/.local/bin/wofi-emoji b/early/.local/bin/wofi-emoji
new file mode 100755
index 000000000..938db3afc
--- /dev/null
+++ b/early/.local/bin/wofi-emoji
@@ -0,0 +1,1858 @@
+#!/bin/bash
+if [ $? -eq 0 ]
+then
+    sed '1,/^### DATA ###$/d' $0 | wofi --show dmenu -i | cut -d ' ' -f 1 | tr -d '\n' | wtype -
+else
+    sed '1,/^### DATA ###$/d' $0 | wofi --show dmenu -i | cut -d ' ' -f 1 | tr -d '\n' | wl-copy
+fi
+exit
+### DATA ###
+😀 grinning face face smile happy joy :D grin
+😃 grinning face with big eyes face happy joy haha :D :) smile funny
+😄 grinning face with smiling eyes face happy joy funny haha laugh like :D :) smile
+😁 beaming face with smiling eyes face happy smile joy kawaii
+😆 grinning squinting face happy joy lol satisfied haha face glad XD laugh
+😅 grinning face with sweat face hot happy laugh sweat smile relief
+🤣 rolling on the floor laughing face rolling floor laughing lol haha rofl
+😂 face with tears of joy face cry tears weep happy happytears haha
+🙂 slightly smiling face face smile
+🙃 upside down face face flipped silly smile
+😉 winking face face happy mischievous secret ;) smile eye
+😊 smiling face with smiling eyes face smile happy flushed crush embarrassed shy joy
+😇 smiling face with halo face angel heaven halo
+🥰 smiling face with hearts face love like affection valentines infatuation crush hearts adore
+😍 smiling face with heart eyes face love like affection valentines infatuation crush heart
+🤩 star struck face smile starry eyes grinning
+😘 face blowing a kiss face love like affection valentines infatuation kiss
+😗 kissing face love like face 3 valentines infatuation kiss
+☺️ smiling face face blush massage happiness
+😚 kissing face with closed eyes face love like affection valentines infatuation kiss
+😙 kissing face with smiling eyes face affection valentines infatuation kiss
+😋 face savoring food happy joy tongue smile face silly yummy nom delicious savouring
+😛 face with tongue face prank childish playful mischievous smile tongue
+😜 winking face with tongue face prank childish playful mischievous smile wink tongue
+🤪 zany face face goofy crazy
+😝 squinting face with tongue face prank playful mischievous smile tongue
+🤑 money mouth face face rich dollar money
+🤗 hugging face face smile hug
+🤭 face with hand over mouth face whoops shock surprise
+🤫 shushing face face quiet shhh
+🤔 thinking face face hmmm think consider
+🤐 zipper mouth face face sealed zipper secret
+🤨 face with raised eyebrow face distrust scepticism disapproval disbelief surprise
+😐 neutral face indifference meh :| neutral
+😑 expressionless face face indifferent - - meh deadpan
+😶 face without mouth face hellokitty
+😏 smirking face face smile mean prank smug sarcasm
+😒 unamused face indifference bored straight face serious sarcasm unimpressed skeptical dubious side eye
+🙄 face with rolling eyes face eyeroll frustrated
+😬 grimacing face face grimace teeth
+🤥 lying face face lie pinocchio
+😌 relieved face face relaxed phew massage happiness
+😔 pensive face face sad depressed upset
+😪 sleepy face face tired rest nap
+🤤 drooling face face
+😴 sleeping face face tired sleepy night zzz
+😷 face with medical mask face sick ill disease
+🤒 face with thermometer sick temperature thermometer cold fever
+🤕 face with head bandage injured clumsy bandage hurt
+🤢 nauseated face face vomit gross green sick throw up ill
+🤮 face vomiting face sick
+🤧 sneezing face face gesundheit sneeze sick allergy
+🥵 hot face face feverish heat red sweating
+🥶 cold face face blue freezing frozen frostbite icicles
+🥴 woozy face face dizzy intoxicated tipsy wavy
+😵 dizzy face spent unconscious xox dizzy
+🤯 exploding head face shocked mind blown
+🤠 cowboy hat face face cowgirl hat
+🥳 partying face face celebration woohoo
+😎 smiling face with sunglasses face cool smile summer beach sunglass
+🤓 nerd face face nerdy geek dork
+🧐 face with monocle face stuffy wealthy
+😕 confused face face indifference huh weird hmmm :/
+😟 worried face face concern nervous :(
+🙁 slightly frowning face face frowning disappointed sad upset
+☹️ frowning face face sad upset frown
+😮 face with open mouth face surprise impressed wow whoa :O
+😯 hushed face face woo shh
+😲 astonished face face xox surprised poisoned
+😳 flushed face face blush shy flattered
+🥺 pleading face face begging mercy
+😦 frowning face with open mouth face aw what
+😧 anguished face face stunned nervous
+😨 fearful face face scared terrified nervous oops huh
+😰 anxious face with sweat face nervous sweat
+😥 sad but relieved face face phew sweat nervous
+😢 crying face face tears sad depressed upset :'(
+😭 loudly crying face face cry tears sad upset depressed
+😱 face screaming in fear face munch scared omg
+😖 confounded face face confused sick unwell oops :S
+😣 persevering face face sick no upset oops
+😞 disappointed face face sad upset depressed :(
+😓 downcast face with sweat face hot sad tired exercise
+😩 weary face face tired sleepy sad frustrated upset
+😫 tired face sick whine upset frustrated
+🥱 yawning face tired sleepy
+😤 face with steam from nose face gas phew proud pride
+😡 pouting face angry mad hate despise
+😠 angry face mad face annoyed frustrated
+🤬 face with symbols on mouth face swearing cursing cussing profanity expletive
+😈 smiling face with horns devil horns
+👿 angry face with horns devil angry horns
+💀 skull dead skeleton creepy death
+☠️ skull and crossbones poison danger deadly scary death pirate evil
+💩 pile of poo hankey shitface fail turd shit
+🤡 clown face face
+👹 ogre monster red mask halloween scary creepy devil demon japanese ogre
+👺 goblin red evil mask monster scary creepy japanese goblin
+👻 ghost halloween spooky scary
+👽 alien UFO paul weird outer space
+👾 alien monster game arcade play
+🤖 robot computer machine bot
+😺 grinning cat animal cats happy smile
+😸 grinning cat with smiling eyes animal cats smile
+😹 cat with tears of joy animal cats haha happy tears
+😻 smiling cat with heart eyes animal love like affection cats valentines heart
+😼 cat with wry smile animal cats smirk
+😽 kissing cat animal cats kiss
+🙀 weary cat animal cats munch scared scream
+😿 crying cat animal tears weep sad cats upset cry
+😾 pouting cat animal cats
+🙈 see no evil monkey monkey animal nature haha
+🙉 hear no evil monkey animal monkey nature
+🙊 speak no evil monkey monkey animal nature omg
+💋 kiss mark face lips love like affection valentines
+💌 love letter email like affection envelope valentines
+💘 heart with arrow love like heart affection valentines
+💝 heart with ribbon love valentines
+💖 sparkling heart love like affection valentines
+💗 growing heart like love affection valentines pink
+💓 beating heart love like affection valentines pink heart
+💞 revolving hearts love like affection valentines
+💕 two hearts love like affection valentines heart
+💟 heart decoration purple-square love like
+❣️ heart exclamation decoration love
+💔 broken heart sad sorry break heart heartbreak
+❤️ red heart love like valentines
+🧡 orange heart love like affection valentines
+💛 yellow heart love like affection valentines
+💚 green heart love like affection valentines
+💙 blue heart love like affection valentines
+💜 purple heart love like affection valentines
+🤎 brown heart coffee
+🖤 black heart evil
+🤍 white heart pure
+💯 hundred points score perfect numbers century exam quiz test pass hundred
+💢 anger symbol angry mad
+💥 collision bomb explode explosion collision blown
+💫 dizzy star sparkle shoot magic
+💦 sweat droplets water drip oops
+💨 dashing away wind air fast shoo fart smoke puff
+🕳️ hole embarrassing
+💣 bomb boom explode explosion terrorism
+💬 speech balloon bubble words message talk chatting
+👁️‍🗨️ eye in speech bubble info
+🗨️ left speech bubble words message talk chatting
+🗯️ right anger bubble caption speech thinking mad
+💭 thought balloon bubble cloud speech thinking dream
+💤 zzz sleepy tired dream
+👋 waving hand hands gesture goodbye solong farewell hello hi palm
+🤚 raised back of hand fingers raised backhand
+🖐️ hand with fingers splayed hand fingers palm
+✋ raised hand fingers stop highfive palm ban
+🖖 vulcan salute hand fingers spock star trek
+👌 ok hand fingers limbs perfect ok okay
+🤏 pinching hand tiny small size
+✌️ victory hand fingers ohyeah hand peace victory two
+🤞 crossed fingers good lucky
+🤟 love you gesture hand fingers gesture
+🤘 sign of the horns hand fingers evil eye sign of horns rock on
+🤙 call me hand hands gesture shaka
+👈 backhand index pointing left direction fingers hand left
+👉 backhand index pointing right fingers hand direction right
+👆 backhand index pointing up fingers hand direction up
+🖕 middle finger hand fingers rude middle flipping
+👇 backhand index pointing down fingers hand direction down
+☝️ index pointing up hand fingers direction up
+👍 thumbs up thumbsup yes awesome good agree accept cool hand like +1
+👎 thumbs down thumbsdown no dislike hand -1
+✊ raised fist fingers hand grasp
+👊 oncoming fist angry violence fist hit attack hand
+🤛 left facing fist hand fistbump
+🤜 right facing fist hand fistbump
+👏 clapping hands hands praise applause congrats yay
+🙌 raising hands gesture hooray yea celebration hands
+👐 open hands fingers butterfly hands open
+🤲 palms up together hands gesture cupped prayer
+🤝 handshake agreement shake
+🙏 folded hands please hope wish namaste highfive pray
+✍️ writing hand lower left ballpoint pen stationery write compose
+💅 nail polish beauty manicure finger fashion nail
+🤳 selfie camera phone
+💪 flexed biceps arm flex hand summer strong biceps
+🦾 mechanical arm accessibility
+🦿 mechanical leg accessibility
+🦵 leg kick limb
+🦶 foot kick stomp
+👂 ear face hear sound listen
+🦻 ear with hearing aid accessibility
+👃 nose smell sniff
+🧠 brain smart intelligent
+🦷 tooth teeth dentist
+🦴 bone skeleton
+👀 eyes look watch stalk peek see
+👁️ eye face look see watch stare
+👅 tongue mouth playful
+👄 mouth mouth kiss
+👶 baby child boy girl toddler
+🧒 child gender-neutral young
+👦 boy man male guy teenager
+👧 girl female woman teenager
+🧑 person gender-neutral person
+👱 person blond hair hairstyle
+👨 man mustache father dad guy classy sir moustache
+🧔 man beard person bewhiskered
+👨‍🦰 man red hair hairstyle
+👨‍🦱 man curly hair hairstyle
+👨‍🦳 man white hair old elder
+👨‍🦲 man bald hairless
+👩 woman female girls lady
+👩‍🦰 woman red hair hairstyle
+🧑‍🦰 person red hair hairstyle
+👩‍🦱 woman curly hair hairstyle
+🧑‍🦱 person curly hair hairstyle
+👩‍🦳 woman white hair old elder
+🧑‍🦳 person white hair elder old
+👩‍🦲 woman bald hairless
+🧑‍🦲 person bald hairless
+👱‍♀️ woman blond hair woman female girl blonde person
+👱‍♂️ man blond hair man male boy blonde guy person
+🧓 older person human elder senior gender-neutral
+👴 old man human male men old elder senior
+👵 old woman human female women lady old elder senior
+🙍 person frowning worried
+🙍‍♂️ man frowning male boy man sad depressed discouraged unhappy
+🙍‍♀️ woman frowning female girl woman sad depressed discouraged unhappy
+🙎 person pouting upset
+🙎‍♂️ man pouting male boy man
+🙎‍♀️ woman pouting female girl woman
+🙅 person gesturing no decline
+🙅‍♂️ man gesturing no male boy man nope
+🙅‍♀️ woman gesturing no female girl woman nope
+🙆 person gesturing ok agree
+🙆‍♂️ man gesturing ok men boy male blue human man
+🙆‍♀️ woman gesturing ok women girl female pink human woman
+💁 person tipping hand information
+💁‍♂️ man tipping hand male boy man human information
+💁‍♀️ woman tipping hand female girl woman human information
+🙋 person raising hand question
+🙋‍♂️ man raising hand male boy man
+🙋‍♀️ woman raising hand female girl woman
+🧏 deaf person accessibility
+🧏‍♂️ deaf man accessibility
+🧏‍♀️ deaf woman accessibility
+🙇 person bowing respectiful
+🙇‍♂️ man bowing man male boy
+🙇‍♀️ woman bowing woman female girl
+🤦 person facepalming disappointed
+🤦‍♂️ man facepalming man male boy disbelief
+🤦‍♀️ woman facepalming woman female girl disbelief
+🤷 person shrugging regardless
+🤷‍♂️ man shrugging man male boy confused indifferent doubt
+🤷‍♀️ woman shrugging woman female girl confused indifferent doubt
+🧑‍⚕️ health worker hospital
+👨‍⚕️ man health worker doctor nurse therapist healthcare man human
+👩‍⚕️ woman health worker doctor nurse therapist healthcare woman human
+🧑‍🎓 student learn
+👨‍🎓 man student graduate man human
+👩‍🎓 woman student graduate woman human
+🧑‍🏫 teacher professor
+👨‍🏫 man teacher instructor professor man human
+👩‍🏫 woman teacher instructor professor woman human
+🧑‍⚖️ judge law
+👨‍⚖️ man judge justice court man human
+👩‍⚖️ woman judge justice court woman human
+🧑‍🌾 farmer crops
+👨‍🌾 man farmer rancher gardener man human
+👩‍🌾 woman farmer rancher gardener woman human
+🧑‍🍳 cook food kitchen culinary
+👨‍🍳 man cook chef man human
+👩‍🍳 woman cook chef woman human
+🧑‍🔧 mechanic worker technician
+👨‍🔧 man mechanic plumber man human wrench
+👩‍🔧 woman mechanic plumber woman human wrench
+🧑‍🏭 factory worker labor
+👨‍🏭 man factory worker assembly industrial man human
+👩‍🏭 woman factory worker assembly industrial woman human
+🧑‍💼 office worker business
+👨‍💼 man office worker business manager man human
+👩‍💼 woman office worker business manager woman human
+🧑‍🔬 scientist chemistry
+👨‍🔬 man scientist biologist chemist engineer physicist man human
+👩‍🔬 woman scientist biologist chemist engineer physicist woman human
+🧑‍💻 technologist computer
+👨‍💻 man technologist coder developer engineer programmer software man human laptop computer
+👩‍💻 woman technologist coder developer engineer programmer software woman human laptop computer
+🧑‍🎤 singer song artist performer
+👨‍🎤 man singer rockstar entertainer man human
+👩‍🎤 woman singer rockstar entertainer woman human
+🧑‍🎨 artist painting draw creativity
+👨‍🎨 man artist painter man human
+👩‍🎨 woman artist painter woman human
+🧑‍✈️ pilot fly plane airplane
+👨‍✈️ man pilot aviator plane man human
+👩‍✈️ woman pilot aviator plane woman human
+🧑‍🚀 astronaut outerspace
+👨‍🚀 man astronaut space rocket man human
+👩‍🚀 woman astronaut space rocket woman human
+🧑‍🚒 firefighter fire
+👨‍🚒 man firefighter fireman man human
+👩‍🚒 woman firefighter fireman woman human
+👮 police officer cop
+👮‍♂️ man police officer man police law legal enforcement arrest 911
+👮‍♀️ woman police officer woman police law legal enforcement arrest 911 female
+🕵️ detective human spy detective
+🕵️‍♂️ man detective crime
+🕵️‍♀️ woman detective human spy detective female woman
+💂 guard protect
+💂‍♂️ man guard uk gb british male guy royal
+💂‍♀️ woman guard uk gb british female royal woman
+👷 construction worker labor build
+👷‍♂️ man construction worker male human wip guy build construction worker labor
+👷‍♀️ woman construction worker female human wip build construction worker labor woman
+🤴 prince boy man male crown royal king
+👸 princess girl woman female blond crown royal queen
+👳 person wearing turban headdress
+👳‍♂️ man wearing turban male indian hinduism arabs
+👳‍♀️ woman wearing turban female indian hinduism arabs woman
+👲 man with skullcap male boy chinese
+🧕 woman with headscarf female hijab mantilla tichel
+🤵 man in tuxedo couple marriage wedding groom
+👰 bride with veil couple marriage wedding woman bride
+🤰 pregnant woman baby
+🤱 breast feeding nursing baby
+👼 baby angel heaven wings halo
+🎅 santa claus festival man male xmas father christmas
+🤶 mrs claus woman female xmas mother christmas
+🦸 superhero marvel
+🦸‍♂️ man superhero man male good hero superpowers
+🦸‍♀️ woman superhero woman female good heroine superpowers
+🦹 supervillain marvel
+🦹‍♂️ man supervillain man male evil bad criminal hero superpowers
+🦹‍♀️ woman supervillain woman female evil bad criminal heroine superpowers
+🧙 mage magic
+🧙‍♂️ man mage man male mage sorcerer
+🧙‍♀️ woman mage woman female mage witch
+🧚 fairy wings magical
+🧚‍♂️ man fairy man male
+🧚‍♀️ woman fairy woman female
+🧛 vampire blood twilight
+🧛‍♂️ man vampire man male dracula
+🧛‍♀️ woman vampire woman female
+🧜 merperson sea
+🧜‍♂️ merman man male triton
+🧜‍♀️ mermaid woman female merwoman ariel
+🧝 elf magical
+🧝‍♂️ man elf man male
+🧝‍♀️ woman elf woman female
+🧞 genie magical wishes
+🧞‍♂️ man genie man male
+🧞‍♀️ woman genie woman female
+🧟 zombie dead
+🧟‍♂️ man zombie man male dracula undead walking dead
+🧟‍♀️ woman zombie woman female undead walking dead
+💆 person getting massage relax
+💆‍♂️ man getting massage male boy man head
+💆‍♀️ woman getting massage female girl woman head
+💇 person getting haircut hairstyle
+💇‍♂️ man getting haircut male boy man
+💇‍♀️ woman getting haircut female girl woman
+🚶 person walking move
+🚶‍♂️ man walking human feet steps
+🚶‍♀️ woman walking human feet steps woman female
+🧍 person standing still
+🧍‍♂️ man standing still
+🧍‍♀️ woman standing still
+🧎 person kneeling pray respectful
+🧎‍♂️ man kneeling pray respectful
+🧎‍♀️ woman kneeling respectful pray
+🧑‍🦯 person with probing cane blind
+👨‍🦯 man with probing cane blind
+👩‍🦯 woman with probing cane blind
+🧑‍🦼 person in motorized wheelchair disability accessibility
+👨‍🦼 man in motorized wheelchair disability accessibility
+👩‍🦼 woman in motorized wheelchair disability accessibility
+🧑‍🦽 person in manual wheelchair disability accessibility
+👨‍🦽 man in manual wheelchair disability accessibility
+👩‍🦽 woman in manual wheelchair disability accessibility
+🏃 person running move
+🏃‍♂️ man running man walking exercise race running
+🏃‍♀️ woman running woman walking exercise race running female
+💃 woman dancing female girl woman fun
+🕺 man dancing male boy fun dancer
+🕴️ man in suit levitating suit business levitate hover jump
+👯 people with bunny ears perform costume
+👯‍♂️ men with bunny ears male bunny men boys
+👯‍♀️ women with bunny ears female bunny women girls
+🧖 person in steamy room relax spa
+🧖‍♂️ man in steamy room male man spa steamroom sauna
+🧖‍♀️ woman in steamy room female woman spa steamroom sauna
+🧗 person climbing sport
+🧗‍♂️ man climbing sports hobby man male rock
+🧗‍♀️ woman climbing sports hobby woman female rock
+🤺 person fencing sports fencing sword
+🏇 horse racing animal betting competition gambling luck
+⛷️ skier sports winter snow
+🏂 snowboarder sports winter
+🏌️ person golfing sports business
+🏌️‍♂️ man golfing sport
+🏌️‍♀️ woman golfing sports business woman female
+🏄 person surfing sport sea
+🏄‍♂️ man surfing sports ocean sea summer beach
+🏄‍♀️ woman surfing sports ocean sea summer beach woman female
+🚣 person rowing boat sport move
+🚣‍♂️ man rowing boat sports hobby water ship
+🚣‍♀️ woman rowing boat sports hobby water ship woman female
+🏊 person swimming sport pool
+🏊‍♂️ man swimming sports exercise human athlete water summer
+🏊‍♀️ woman swimming sports exercise human athlete water summer woman female
+⛹️ person bouncing ball sports human
+⛹️‍♂️ man bouncing ball sport
+⛹️‍♀️ woman bouncing ball sports human woman female
+🏋️ person lifting weights sports training exercise
+🏋️‍♂️ man lifting weights sport
+🏋️‍♀️ woman lifting weights sports training exercise woman female
+🚴 person biking sport move
+🚴‍♂️ man biking sports bike exercise hipster
+🚴‍♀️ woman biking sports bike exercise hipster woman female
+🚵 person mountain biking sport move
+🚵‍♂️ man mountain biking transportation sports human race bike
+🚵‍♀️ woman mountain biking transportation sports human race bike woman female
+🤸 person cartwheeling sport gymnastic
+🤸‍♂️ man cartwheeling gymnastics
+🤸‍♀️ woman cartwheeling gymnastics
+🤼 people wrestling sport
+🤼‍♂️ men wrestling sports wrestlers
+🤼‍♀️ women wrestling sports wrestlers
+🤽 person playing water polo sport
+🤽‍♂️ man playing water polo sports pool
+🤽‍♀️ woman playing water polo sports pool
+🤾 person playing handball sport
+🤾‍♂️ man playing handball sports
+🤾‍♀️ woman playing handball sports
+🤹 person juggling performance balance
+🤹‍♂️ man juggling juggle balance skill multitask
+🤹‍♀️ woman juggling juggle balance skill multitask
+🧘 person in lotus position meditate
+🧘‍♂️ man in lotus position man male meditation yoga serenity zen mindfulness
+🧘‍♀️ woman in lotus position woman female meditation yoga serenity zen mindfulness
+🛀 person taking bath clean shower bathroom
+🛌 person in bed bed rest
+🧑‍🤝‍🧑 people holding hands friendship
+👭 women holding hands pair friendship couple love like female people human
+👫 woman and man holding hands pair people human love date dating like affection valentines marriage
+👬 men holding hands pair couple love like bromance friendship people human
+💏 kiss pair valentines love like dating marriage
+👩‍❤️‍💋‍👨 kiss woman man love
+👨‍❤️‍💋‍👨 kiss man man pair valentines love like dating marriage
+👩‍❤️‍💋‍👩 kiss woman woman pair valentines love like dating marriage
+💑 couple with heart pair love like affection human dating valentines marriage
+👩‍❤️‍👨 couple with heart woman man love
+👨‍❤️‍👨 couple with heart man man pair love like affection human dating valentines marriage
+👩‍❤️‍👩 couple with heart woman woman pair love like affection human dating valentines marriage
+👪 family home parents child mom dad father mother people human
+👨‍👩‍👦 family man woman boy love
+👨‍👩‍👧 family man woman girl home parents people human child
+👨‍👩‍👧‍👦 family man woman girl boy home parents people human children
+👨‍👩‍👦‍👦 family man woman boy boy home parents people human children
+👨‍👩‍👧‍👧 family man woman girl girl home parents people human children
+👨‍👨‍👦 family man man boy home parents people human children
+👨‍👨‍👧 family man man girl home parents people human children
+👨‍👨‍👧‍👦 family man man girl boy home parents people human children
+👨‍👨‍👦‍👦 family man man boy boy home parents people human children
+👨‍👨‍👧‍👧 family man man girl girl home parents people human children
+👩‍👩‍👦 family woman woman boy home parents people human children
+👩‍👩‍👧 family woman woman girl home parents people human children
+👩‍👩‍👧‍👦 family woman woman girl boy home parents people human children
+👩‍👩‍👦‍👦 family woman woman boy boy home parents people human children
+👩‍👩‍👧‍👧 family woman woman girl girl home parents people human children
+👨‍👦 family man boy home parent people human child
+👨‍👦‍👦 family man boy boy home parent people human children
+👨‍👧 family man girl home parent people human child
+👨‍👧‍👦 family man girl boy home parent people human children
+👨‍👧‍👧 family man girl girl home parent people human children
+👩‍👦 family woman boy home parent people human child
+👩‍👦‍👦 family woman boy boy home parent people human children
+👩‍👧 family woman girl home parent people human child
+👩‍👧‍👦 family woman girl boy home parent people human children
+👩‍👧‍👧 family woman girl girl home parent people human children
+🗣️ speaking head user person human sing say talk
+👤 bust in silhouette user person human
+👥 busts in silhouette user person human group team
+👣 footprints feet tracking walking beach
+🐵 monkey face animal nature circus
+🐒 monkey animal nature banana circus
+🦍 gorilla animal nature circus
+🦧 orangutan animal
+🐶 dog face animal friend nature woof puppy pet faithful
+🐕 dog animal nature friend doge pet faithful
+🦮 guide dog animal blind
+🐕‍🦺 service dog blind animal
+🐩 poodle dog animal 101 nature pet
+🐺 wolf animal nature wild
+🦊 fox animal nature face
+🦝 raccoon animal nature
+🐱 cat face animal meow nature pet kitten
+🐈 cat animal meow pet cats
+🦁 lion animal nature
+🐯 tiger face animal cat danger wild nature roar
+🐅 tiger animal nature roar
+🐆 leopard animal nature
+🐴 horse face animal brown nature
+🐎 horse animal gamble luck
+🦄 unicorn animal nature mystical
+🦓 zebra animal nature stripes safari
+🦌 deer animal nature horns venison
+🐮 cow face beef ox animal nature moo milk
+🐂 ox animal cow beef
+🐃 water buffalo animal nature ox cow
+🐄 cow beef ox animal nature moo milk
+🐷 pig face animal oink nature
+🐖 pig animal nature
+🐗 boar animal nature
+🐽 pig nose animal oink
+🐏 ram animal sheep nature
+🐑 ewe animal nature wool shipit
+🐐 goat animal nature
+🐪 camel animal hot desert hump
+🐫 two hump camel animal nature hot desert hump
+🦙 llama animal nature alpaca
+🦒 giraffe animal nature spots safari
+🐘 elephant animal nature nose th circus
+🦏 rhinoceros animal nature horn
+🦛 hippopotamus animal nature
+🐭 mouse face animal nature cheese wedge rodent
+🐁 mouse animal nature rodent
+🐀 rat animal mouse rodent
+🐹 hamster animal nature
+🐰 rabbit face animal nature pet spring magic bunny
+🐇 rabbit animal nature pet magic spring
+🐿️ chipmunk animal nature rodent squirrel
+🦔 hedgehog animal nature spiny
+🦇 bat animal nature blind vampire
+🐻 bear animal nature wild
+🐨 koala animal nature
+🐼 panda animal nature panda
+🦥 sloth animal
+🦦 otter animal
+🦨 skunk animal
+🦘 kangaroo animal nature australia joey hop marsupial
+🦡 badger animal nature honey
+🐾 paw prints animal tracking footprints dog cat pet feet
+🦃 turkey animal bird
+🐔 chicken animal cluck nature bird
+🐓 rooster animal nature chicken
+🐣 hatching chick animal chicken egg born baby bird
+🐤 baby chick animal chicken bird
+🐥 front facing baby chick animal chicken baby bird
+🐦 bird animal nature fly tweet spring
+🐧 penguin animal nature
+🕊️ dove animal bird
+🦅 eagle animal nature bird
+🦆 duck animal nature bird mallard
+🦢 swan animal nature bird
+🦉 owl animal nature bird hoot
+🦩 flamingo animal
+🦚 peacock animal nature peahen bird
+🦜 parrot animal nature bird pirate talk
+🐸 frog animal nature croak toad
+🐊 crocodile animal nature reptile lizard alligator
+🐢 turtle animal slow nature tortoise
+🦎 lizard animal nature reptile
+🐍 snake animal evil nature hiss python
+🐲 dragon face animal myth nature chinese green
+🐉 dragon animal myth nature chinese green
+🦕 sauropod animal nature dinosaur brachiosaurus brontosaurus diplodocus extinct
+🦖 t rex animal nature dinosaur tyrannosaurus extinct
+🐳 spouting whale animal nature sea ocean
+🐋 whale animal nature sea ocean
+🐬 dolphin animal nature fish sea ocean flipper fins beach
+🐟 fish animal food nature
+🐠 tropical fish animal swim ocean beach nemo
+🐡 blowfish animal nature food sea ocean
+🦈 shark animal nature fish sea ocean jaws fins beach
+🐙 octopus animal creature ocean sea nature beach
+🐚 spiral shell nature sea beach
+🐌 snail slow animal shell
+🦋 butterfly animal insect nature caterpillar
+🐛 bug animal insect nature worm
+🐜 ant animal insect nature bug
+🐝 honeybee animal insect nature bug spring honey
+🐞 lady beetle animal insect nature ladybug
+🦗 cricket animal cricket chirp
+🕷️ spider animal arachnid
+🕸️ spider web animal insect arachnid silk
+🦂 scorpion animal arachnid
+🦟 mosquito animal nature insect malaria
+🦠 microbe amoeba bacteria germs virus
+💐 bouquet flowers nature spring
+🌸 cherry blossom nature plant spring flower
+💮 white flower japanese spring
+🏵️ rosette flower decoration military
+🌹 rose flowers valentines love spring
+🥀 wilted flower plant nature flower
+🌺 hibiscus plant vegetable flowers beach
+🌻 sunflower nature plant fall
+🌼 blossom nature flowers yellow
+🌷 tulip flowers plant nature summer spring
+🌱 seedling plant nature grass lawn spring
+🌲 evergreen tree plant nature
+🌳 deciduous tree plant nature
+🌴 palm tree plant vegetable nature summer beach mojito tropical
+🌵 cactus vegetable plant nature
+🌾 sheaf of rice nature plant
+🌿 herb vegetable plant medicine weed grass lawn
+☘️ shamrock vegetable plant nature irish clover
+🍀 four leaf clover vegetable plant nature lucky irish
+🍁 maple leaf nature plant vegetable ca fall
+🍂 fallen leaf nature plant vegetable leaves
+🍃 leaf fluttering in wind nature plant tree vegetable grass lawn spring
+🍇 grapes fruit food wine
+🍈 melon fruit nature food
+🍉 watermelon fruit food picnic summer
+🍊 tangerine food fruit nature orange
+🍋 lemon fruit nature
+🍌 banana fruit food monkey
+🍍 pineapple fruit nature food
+🥭 mango fruit food tropical
+🍎 red apple fruit mac school
+🍏 green apple fruit nature
+🍐 pear fruit nature food
+🍑 peach fruit nature food
+🍒 cherries food fruit
+🍓 strawberry fruit food nature
+🥝 kiwi fruit fruit food
+🍅 tomato fruit vegetable nature food
+🥥 coconut fruit nature food palm
+🥑 avocado fruit food
+🍆 eggplant vegetable nature food aubergine
+🥔 potato food tuber vegatable starch
+🥕 carrot vegetable food orange
+🌽 ear of corn food vegetable plant
+🌶️ hot pepper food spicy chilli chili
+🥒 cucumber fruit food pickle
+🥬 leafy green food vegetable plant bok choy cabbage kale lettuce
+🥦 broccoli fruit food vegetable
+🧄 garlic food spice cook
+🧅 onion cook food spice
+🍄 mushroom plant vegetable
+🥜 peanuts food nut
+🌰 chestnut food squirrel
+🍞 bread food wheat breakfast toast
+🥐 croissant food bread french
+🥖 baguette bread food bread french
+🥨 pretzel food bread twisted
+🥯 bagel food bread bakery schmear
+🥞 pancakes food breakfast flapjacks hotcakes
+🧇 waffle food breakfast
+🧀 cheese wedge food chadder
+🍖 meat on bone good food drumstick
+🍗 poultry leg food meat drumstick bird chicken turkey
+🥩 cut of meat food cow meat cut chop lambchop porkchop
+🥓 bacon food breakfast pork pig meat
+🍔 hamburger meat fast food beef cheeseburger mcdonalds burger king
+🍟 french fries chips snack fast food
+🍕 pizza food party
+🌭 hot dog food frankfurter
+🥪 sandwich food lunch bread
+🌮 taco food mexican
+🌯 burrito food mexican
+🥙 stuffed flatbread food flatbread stuffed gyro
+🧆 falafel food
+🥚 egg food chicken breakfast
+🍳 cooking food breakfast kitchen egg
+🥘 shallow pan of food food cooking casserole paella
+🍲 pot of food food meat soup
+🥣 bowl with spoon food breakfast cereal oatmeal porridge
+🥗 green salad food healthy lettuce
+🍿 popcorn food movie theater films snack
+🧈 butter food cook
+🧂 salt condiment shaker
+🥫 canned food food soup
+🍱 bento box food japanese box
+🍘 rice cracker food japanese
+🍙 rice ball food japanese
+🍚 cooked rice food china asian
+🍛 curry rice food spicy hot indian
+🍜 steaming bowl food japanese noodle chopsticks
+🍝 spaghetti food italian noodle
+🍠 roasted sweet potato food nature
+🍢 oden food japanese
+🍣 sushi food fish japanese rice
+🍤 fried shrimp food animal appetizer summer
+🍥 fish cake with swirl food japan sea beach narutomaki pink swirl kamaboko surimi ramen
+🥮 moon cake food autumn
+🍡 dango food dessert sweet japanese barbecue meat
+🥟 dumpling food empanada pierogi potsticker
+🥠 fortune cookie food prophecy
+🥡 takeout box food leftovers
+🦀 crab animal crustacean
+🦞 lobster animal nature bisque claws seafood
+🦐 shrimp animal ocean nature seafood
+🦑 squid animal nature ocean sea
+🦪 oyster food
+🍦 soft ice cream food hot dessert summer
+🍧 shaved ice hot dessert summer
+🍨 ice cream food hot dessert
+🍩 doughnut food dessert snack sweet donut
+🍪 cookie food snack oreo chocolate sweet dessert
+🎂 birthday cake food dessert cake
+🍰 shortcake food dessert
+🧁 cupcake food dessert bakery sweet
+🥧 pie food dessert pastry
+🍫 chocolate bar food snack dessert sweet
+🍬 candy snack dessert sweet lolly
+🍭 lollipop food snack candy sweet
+🍮 custard dessert food
+🍯 honey pot bees sweet kitchen
+🍼 baby bottle food container milk
+🥛 glass of milk beverage drink cow
+☕ hot beverage beverage caffeine latte espresso coffee
+🍵 teacup without handle drink bowl breakfast green british
+🍶 sake wine drink drunk beverage japanese alcohol booze
+🍾 bottle with popping cork drink wine bottle celebration
+🍷 wine glass drink beverage drunk alcohol booze
+🍸 cocktail glass drink drunk alcohol beverage booze mojito
+🍹 tropical drink beverage cocktail summer beach alcohol booze mojito
+🍺 beer mug relax beverage drink drunk party pub summer alcohol booze
+🍻 clinking beer mugs relax beverage drink drunk party pub summer alcohol booze
+🥂 clinking glasses beverage drink party alcohol celebrate cheers wine champagne toast
+🥃 tumbler glass drink beverage drunk alcohol liquor booze bourbon scotch whisky glass shot
+🥤 cup with straw drink soda
+🧃 beverage box drink
+🧉 mate drink tea beverage
+🧊 ice water cold
+🥢 chopsticks food
+🍽️ fork and knife with plate food eat meal lunch dinner restaurant
+🍴 fork and knife cutlery kitchen
+🥄 spoon cutlery kitchen tableware
+🔪 kitchen knife knife blade cutlery kitchen weapon
+🏺 amphora vase jar
+🌍 globe showing europe africa globe world international
+🌎 globe showing americas globe world USA international
+🌏 globe showing asia australia globe world east international
+🌐 globe with meridians earth international world internet interweb i18n
+🗺️ world map location direction
+🗾 map of japan nation country japanese asia
+🧭 compass magnetic navigation orienteering
+🏔️ snow capped mountain photo nature environment winter cold
+⛰️ mountain photo nature environment
+🌋 volcano photo nature disaster
+🗻 mount fuji photo mountain nature japanese
+🏕️ camping photo outdoors tent
+🏖️ beach with umbrella weather summer sunny sand mojito
+🏜️ desert photo warm saharah
+🏝️ desert island photo tropical mojito
+🏞️ national park photo environment nature
+🏟️ stadium photo place sports concert venue
+🏛️ classical building art culture history
+🏗️ building construction wip working progress
+🧱 brick bricks
+🏘️ houses buildings photo
+🏚️ derelict house abandon evict broken building
+🏠 house building home
+🏡 house with garden home plant nature
+🏢 office building building bureau work
+🏣 japanese post office building envelope communication
+🏤 post office building email
+🏥 hospital building health surgery doctor
+🏦 bank building money sales cash business enterprise
+🏨 hotel building accomodation checkin
+🏩 love hotel like affection dating
+🏪 convenience store building shopping groceries
+🏫 school building student education learn teach
+🏬 department store building shopping mall
+🏭 factory building industry pollution smoke
+🏯 japanese castle photo building
+🏰 castle building royalty history
+💒 wedding love like affection couple marriage bride groom
+🗼 tokyo tower photo japanese
+🗽 statue of liberty american newyork
+⛪ church building religion christ
+🕌 mosque islam worship minaret
+🛕 hindu temple religion
+🕍 synagogue judaism worship temple jewish
+⛩️ shinto shrine temple japan kyoto
+🕋 kaaba mecca mosque islam
+⛲ fountain photo summer water fresh
+⛺ tent photo camping outdoors
+🌁 foggy photo mountain
+🌃 night with stars evening city downtown
+🏙️ cityscape photo night life urban
+🌄 sunrise over mountains view vacation photo
+🌅 sunrise morning view vacation photo
+🌆 cityscape at dusk photo evening sky buildings
+🌇 sunset photo good morning dawn
+🌉 bridge at night photo sanfrancisco
+♨️ hot springs bath warm relax
+🎠 carousel horse photo carnival
+🎡 ferris wheel photo carnival londoneye
+🎢 roller coaster carnival playground photo fun
+💈 barber pole hair salon style
+🎪 circus tent festival carnival party
+🚂 locomotive transportation vehicle train
+🚃 railway car transportation vehicle
+🚄 high speed train transportation vehicle
+🚅 bullet train transportation vehicle speed fast public travel
+🚆 train transportation vehicle
+🚇 metro transportation blue-square mrt underground tube
+🚈 light rail transportation vehicle
+🚉 station transportation vehicle public
+🚊 tram transportation vehicle
+🚝 monorail transportation vehicle
+🚞 mountain railway transportation vehicle
+🚋 tram car transportation vehicle carriage public travel
+🚌 bus car vehicle transportation
+🚍 oncoming bus vehicle transportation
+🚎 trolleybus bart transportation vehicle
+🚐 minibus vehicle car transportation
+🚑 ambulance health 911 hospital
+🚒 fire engine transportation cars vehicle
+🚓 police car vehicle cars transportation law legal enforcement
+🚔 oncoming police car vehicle law legal enforcement 911
+🚕 taxi uber vehicle cars transportation
+🚖 oncoming taxi vehicle cars uber
+🚗 automobile red transportation vehicle
+🚘 oncoming automobile car vehicle transportation
+🚙 sport utility vehicle transportation vehicle
+🚚 delivery truck cars transportation
+🚛 articulated lorry vehicle cars transportation express
+🚜 tractor vehicle car farming agriculture
+🏎️ racing car sports race fast formula f1
+🏍️ motorcycle race sports fast
+🛵 motor scooter vehicle vespa sasha
+🦽 manual wheelchair accessibility
+🦼 motorized wheelchair accessibility
+🛺 auto rickshaw move transportation
+🚲 bicycle sports bicycle exercise hipster
+🛴 kick scooter vehicle kick razor
+🛹 skateboard board
+🚏 bus stop transportation wait
+🛣️ motorway road cupertino interstate highway
+🛤️ railway track train transportation
+🛢️ oil drum barrell
+⛽ fuel pump gas station petroleum
+🚨 police car light police ambulance 911 emergency alert error pinged law legal
+🚥 horizontal traffic light transportation signal
+🚦 vertical traffic light transportation driving
+🛑 stop sign stop
+🚧 construction wip progress caution warning
+⚓ anchor ship ferry sea boat
+⛵ sailboat ship summer transportation water sailing
+🛶 canoe boat paddle water ship
+🚤 speedboat ship transportation vehicle summer
+🛳️ passenger ship yacht cruise ferry
+⛴️ ferry boat ship yacht
+🛥️ motor boat ship
+🚢 ship transportation titanic deploy
+✈️ airplane vehicle transportation flight fly
+🛩️ small airplane flight transportation fly vehicle
+🛫 airplane departure airport flight landing
+🛬 airplane arrival airport flight boarding
+🪂 parachute fly glide
+💺 seat sit airplane transport bus flight fly
+🚁 helicopter transportation vehicle fly
+🚟 suspension railway vehicle transportation
+🚠 mountain cableway transportation vehicle ski
+🚡 aerial tramway transportation vehicle ski
+🛰️ satellite communication gps orbit spaceflight NASA ISS
+🚀 rocket launch ship staffmode NASA outer space outer space fly
+🛸 flying saucer transportation vehicle ufo
+🛎️ bellhop bell service
+🧳 luggage packing travel
+⌛ hourglass done time clock oldschool limit exam quiz test
+⏳ hourglass not done oldschool time countdown
+⌚ watch time accessories
+⏰ alarm clock time wake
+⏱️ stopwatch time deadline
+⏲️ timer clock alarm
+🕰️ mantelpiece clock time
+🕛 twelve o clock time noon midnight midday late early schedule
+🕧 twelve thirty time late early schedule
+🕐 one o clock time late early schedule
+🕜 one thirty time late early schedule
+🕑 two o clock time late early schedule
+🕝 two thirty time late early schedule
+🕒 three o clock time late early schedule
+🕞 three thirty time late early schedule
+🕓 four o clock time late early schedule
+🕟 four thirty time late early schedule
+🕔 five o clock time late early schedule
+🕠 five thirty time late early schedule
+🕕 six o clock time late early schedule dawn dusk
+🕡 six thirty time late early schedule
+🕖 seven o clock time late early schedule
+🕢 seven thirty time late early schedule
+🕗 eight o clock time late early schedule
+🕣 eight thirty time late early schedule
+🕘 nine o clock time late early schedule
+🕤 nine thirty time late early schedule
+🕙 ten o clock time late early schedule
+🕥 ten thirty time late early schedule
+🕚 eleven o clock time late early schedule
+🕦 eleven thirty time late early schedule
+🌑 new moon nature twilight planet space night evening sleep
+🌒 waxing crescent moon nature twilight planet space night evening sleep
+🌓 first quarter moon nature twilight planet space night evening sleep
+🌔 waxing gibbous moon nature night sky gray twilight planet space evening sleep
+🌕 full moon nature yellow twilight planet space night evening sleep
+🌖 waning gibbous moon nature twilight planet space night evening sleep waxing gibbous moon
+🌗 last quarter moon nature twilight planet space night evening sleep
+🌘 waning crescent moon nature twilight planet space night evening sleep
+🌙 crescent moon night sleep sky evening magic
+🌚 new moon face nature twilight planet space night evening sleep
+🌛 first quarter moon face nature twilight planet space night evening sleep
+🌜 last quarter moon face nature twilight planet space night evening sleep
+🌡️ thermometer weather temperature hot cold
+☀️ sun weather nature brightness summer beach spring
+🌝 full moon face nature twilight planet space night evening sleep
+🌞 sun with face nature morning sky
+🪐 ringed planet outerspace
+⭐ star night yellow
+🌟 glowing star night sparkle awesome good magic
+🌠 shooting star night photo
+🌌 milky way photo space stars
+☁️ cloud weather sky
+⛅ sun behind cloud weather nature cloudy morning fall spring
+⛈️ cloud with lightning and rain weather lightning
+🌤️ sun behind small cloud weather
+🌥️ sun behind large cloud weather
+🌦️ sun behind rain cloud weather
+🌧️ cloud with rain weather
+🌨️ cloud with snow weather
+🌩️ cloud with lightning weather thunder
+🌪️ tornado weather cyclone twister
+🌫️ fog weather
+🌬️ wind face gust air
+🌀 cyclone weather swirl blue cloud vortex spiral whirlpool spin tornado hurricane typhoon
+🌈 rainbow nature happy unicorn face photo sky spring
+🌂 closed umbrella weather rain drizzle
+☂️ umbrella weather spring
+☔ umbrella with rain drops rainy weather spring
+⛱️ umbrella on ground weather summer
+⚡ high voltage thunder weather lightning bolt fast
+❄️ snowflake winter season cold weather christmas xmas
+☃️ snowman winter season cold weather christmas xmas frozen
+⛄ snowman without snow winter season cold weather christmas xmas frozen without snow
+☄️ comet space
+🔥 fire hot cook flame
+💧 droplet water drip faucet spring
+🌊 water wave sea water wave nature tsunami disaster
+🎃 jack o lantern halloween light pumpkin creepy fall
+🎄 christmas tree festival vacation december xmas celebration
+🎆 fireworks photo festival carnival congratulations
+🎇 sparkler stars night shine
+🧨 firecracker dynamite boom explode explosion explosive
+✨ sparkles stars shine shiny cool awesome good magic
+🎈 balloon party celebration birthday circus
+🎉 party popper party congratulations birthday magic circus celebration tada
+🎊 confetti ball festival party birthday circus
+🎋 tanabata tree plant nature branch summer
+🎍 pine decoration plant nature vegetable panda pine decoration
+🎎 japanese dolls japanese toy kimono
+🎏 carp streamer fish japanese koinobori carp banner
+🎐 wind chime nature ding spring bell
+🎑 moon viewing ceremony photo japan asia tsukimi
+🧧 red envelope gift
+🎀 ribbon decoration pink girl bowtie
+🎁 wrapped gift present birthday christmas xmas
+🎗️ reminder ribbon sports cause support awareness
+🎟️ admission tickets sports concert entrance
+🎫 ticket event concert pass
+🎖️ military medal award winning army
+🏆 trophy win award contest place ftw ceremony
+🏅 sports medal award winning
+🥇 1st place medal award winning first
+🥈 2nd place medal award second
+🥉 3rd place medal award third
+⚽ soccer ball sports football
+⚾ baseball sports balls
+🥎 softball sports balls
+🏀 basketball sports balls NBA
+🏐 volleyball sports balls
+🏈 american football sports balls NFL
+🏉 rugby football sports team
+🎾 tennis sports balls green
+🥏 flying disc sports frisbee ultimate
+🎳 bowling sports fun play
+🏏 cricket game sports
+🏑 field hockey sports
+🏒 ice hockey sports
+🥍 lacrosse sports ball stick
+🏓 ping pong sports pingpong
+🏸 badminton sports
+🥊 boxing glove sports fighting
+🥋 martial arts uniform judo karate taekwondo
+🥅 goal net sports
+⛳ flag in hole sports business flag hole summer
+⛸️ ice skate sports
+🎣 fishing pole food hobby summer
+🤿 diving mask sport ocean
+🎽 running shirt play pageant
+🎿 skis sports winter cold snow
+🛷 sled sleigh luge toboggan
+🥌 curling stone sports
+🎯 direct hit game play bar target bullseye
+🪀 yo yo toy
+🪁 kite wind fly
+🎱 pool 8 ball pool hobby game luck magic
+🔮 crystal ball disco party magic circus fortune teller
+🧿 nazar amulet bead charm
+🎮 video game play console PS4 controller
+🕹️ joystick game play
+🎰 slot machine bet gamble vegas fruit machine luck casino
+🎲 game die dice random tabletop play luck
+🧩 puzzle piece interlocking puzzle piece
+🧸 teddy bear plush stuffed
+♠️ spade suit poker cards suits magic
+♥️ heart suit poker cards magic suits
+♦️ diamond suit poker cards magic suits
+♣️ club suit poker cards magic suits
+♟️ chess pawn expendable
+🃏 joker poker cards game play magic
+🀄 mahjong red dragon game play chinese kanji
+🎴 flower playing cards game sunset red
+🎭 performing arts acting theater drama
+🖼️ framed picture photography
+🎨 artist palette design paint draw colors
+🧵 thread needle sewing spool string
+🧶 yarn ball crochet knit
+👓 glasses fashion accessories eyesight nerdy dork geek
+🕶️ sunglasses face cool accessories
+🥽 goggles eyes protection safety
+🥼 lab coat doctor experiment scientist chemist
+🦺 safety vest protection
+👔 necktie shirt suitup formal fashion cloth business
+👕 t shirt fashion cloth casual shirt tee
+👖 jeans fashion shopping
+🧣 scarf neck winter clothes
+🧤 gloves hands winter clothes
+🧥 coat jacket
+🧦 socks stockings clothes
+👗 dress clothes fashion shopping
+👘 kimono dress fashion women female japanese
+🥻 sari dress
+🩱 one piece swimsuit fashion
+🩲 briefs clothing
+🩳 shorts clothing
+👙 bikini swimming female woman girl fashion beach summer
+👚 woman s clothes fashion shopping bags female
+👛 purse fashion accessories money sales shopping
+👜 handbag fashion accessory accessories shopping
+👝 clutch bag bag accessories shopping
+🛍️ shopping bags mall buy purchase
+🎒 backpack student education bag backpack
+👞 man s shoe fashion male
+👟 running shoe shoes sports sneakers
+🥾 hiking boot backpacking camping hiking
+🥿 flat shoe ballet slip-on slipper
+👠 high heeled shoe fashion shoes female pumps stiletto
+👡 woman s sandal shoes fashion flip flops
+🩰 ballet shoes dance
+👢 woman s boot shoes fashion
+👑 crown king kod leader royalty lord
+👒 woman s hat fashion accessories female lady spring
+🎩 top hat magic gentleman classy circus
+🎓 graduation cap school college degree university graduation cap hat legal learn education
+🧢 billed cap cap baseball
+⛑️ rescue worker s helmet construction build
+📿 prayer beads dhikr religious
+💄 lipstick female girl fashion woman
+💍 ring wedding propose marriage valentines diamond fashion jewelry gem engagement
+💎 gem stone blue ruby diamond jewelry
+🔇 muted speaker sound volume silence quiet
+🔈 speaker low volume sound volume silence broadcast
+🔉 speaker medium volume volume speaker broadcast
+🔊 speaker high volume volume noise noisy speaker broadcast
+📢 loudspeaker volume sound
+📣 megaphone sound speaker volume
+📯 postal horn instrument music
+🔔 bell sound notification christmas xmas chime
+🔕 bell with slash sound volume mute quiet silent
+🎼 musical score treble clef compose
+🎵 musical note score tone sound
+🎶 musical notes music score
+🎙️ studio microphone sing recording artist talkshow
+🎚️ level slider scale
+🎛️ control knobs dial
+🎤 microphone sound music PA sing talkshow
+🎧 headphone music score gadgets
+📻 radio communication music podcast program
+🎷 saxophone music instrument jazz blues
+🎸 guitar music instrument
+🎹 musical keyboard piano instrument compose
+🎺 trumpet music brass
+🎻 violin music instrument orchestra symphony
+🪕 banjo music instructment
+🥁 drum music instrument drumsticks snare
+📱 mobile phone technology apple gadgets dial
+📲 mobile phone with arrow iphone incoming
+☎️ telephone technology communication dial telephone
+📞 telephone receiver technology communication dial
+📟 pager bbcall oldschool 90s
+📠 fax machine communication technology
+🔋 battery power energy sustain
+🔌 electric plug charger power
+💻 laptop technology laptop screen display monitor
+🖥️ desktop computer technology computing screen
+🖨️ printer paper ink
+⌨️ keyboard technology computer type input text
+🖱️ computer mouse click
+🖲️ trackball technology trackpad
+💽 computer disk technology record data disk 90s
+💾 floppy disk oldschool technology save 90s 80s
+💿 optical disk technology dvd disk disc 90s
+📀 dvd cd disk disc
+🧮 abacus calculation
+🎥 movie camera film record
+🎞️ film frames movie
+📽️ film projector video tape record movie
+🎬 clapper board movie film record
+📺 television technology program oldschool show television
+📷 camera gadgets photography
+📸 camera with flash photography gadgets
+📹 video camera film record
+📼 videocassette record video oldschool 90s 80s
+🔍 magnifying glass tilted left search zoom find detective
+🔎 magnifying glass tilted right search zoom find detective
+🕯️ candle fire wax
+💡 light bulb light electricity idea
+🔦 flashlight dark camping sight night
+🏮 red paper lantern light paper halloween spooky
+🪔 diya lamp lighting
+📔 notebook with decorative cover classroom notes record paper study
+📕 closed book read library knowledge textbook learn
+📖 open book book read library knowledge literature learn study
+📗 green book read library knowledge study
+📘 blue book read library knowledge learn study
+📙 orange book read library knowledge textbook study
+📚 books literature library study
+📓 notebook stationery record notes paper study
+📒 ledger notes paper
+📃 page with curl documents office paper
+📜 scroll documents ancient history paper
+📄 page facing up documents office paper information
+📰 newspaper press headline
+🗞️ rolled up newspaper press headline
+📑 bookmark tabs favorite save order tidy
+🔖 bookmark favorite label save
+🏷️ label sale tag
+💰 money bag dollar payment coins sale
+💴 yen banknote money sales japanese dollar currency
+💵 dollar banknote money sales bill currency
+💶 euro banknote money sales dollar currency
+💷 pound banknote british sterling money sales bills uk england currency
+💸 money with wings dollar bills payment sale
+💳 credit card money sales dollar bill payment shopping
+🧾 receipt accounting expenses
+💹 chart increasing with yen green-square graph presentation stats
+💱 currency exchange money sales dollar travel
+💲 heavy dollar sign money sales payment currency buck
+✉️ envelope letter postal inbox communication
+📧 e mail communication inbox
+📨 incoming envelope email inbox
+📩 envelope with arrow email communication
+📤 outbox tray inbox email
+📥 inbox tray email documents
+📦 package mail gift cardboard box moving
+📫 closed mailbox with raised flag email inbox communication
+📪 closed mailbox with lowered flag email communication inbox
+📬 open mailbox with raised flag email inbox communication
+📭 open mailbox with lowered flag email inbox
+📮 postbox email letter envelope
+🗳️ ballot box with ballot election vote
+✏️ pencil stationery write paper writing school study
+✒️ black nib pen stationery writing write
+🖋️ fountain pen stationery writing write
+🖊️ pen stationery writing write
+🖌️ paintbrush drawing creativity art
+🖍️ crayon drawing creativity
+📝 memo write documents stationery pencil paper writing legal exam quiz test study compose
+💼 briefcase business documents work law legal job career
+📁 file folder documents business office
+📂 open file folder documents load
+🗂️ card index dividers organizing business stationery
+📅 calendar calendar schedule
+📆 tear off calendar schedule date planning
+🗒️ spiral notepad memo stationery
+🗓️ spiral calendar date schedule planning
+📇 card index business stationery
+📈 chart increasing graph presentation stats recovery business economics money sales good success
+📉 chart decreasing graph presentation stats recession business economics money sales bad failure
+📊 bar chart graph presentation stats
+📋 clipboard stationery documents
+📌 pushpin stationery mark here
+📍 round pushpin stationery location map here
+📎 paperclip documents stationery
+🖇️ linked paperclips documents stationery
+📏 straight ruler stationery calculate length math school drawing architect sketch
+📐 triangular ruler stationery math architect sketch
+✂️ scissors stationery cut
+🗃️ card file box business stationery
+🗄️ file cabinet filing organizing
+🗑️ wastebasket bin trash rubbish garbage toss
+🔒 locked security password padlock
+🔓 unlocked privacy security
+🔏 locked with pen security secret
+🔐 locked with key security privacy
+🔑 key lock door password
+🗝️ old key lock door password
+🔨 hammer tools build create
+🪓 axe tool chop cut
+⛏️ pick tools dig
+⚒️ hammer and pick tools build create
+🛠️ hammer and wrench tools build create
+🗡️ dagger weapon
+⚔️ crossed swords weapon
+🔫 pistol violence weapon pistol revolver
+🏹 bow and arrow sports
+🛡️ shield protection security
+🔧 wrench tools diy ikea fix maintainer
+🔩 nut and bolt handy tools fix
+⚙️ gear cog
+🗜️ clamp tool
+⚖️ balance scale law fairness weight
+🦯 probing cane accessibility
+🔗 link rings url
+⛓️ chains lock arrest
+🧰 toolbox tools diy fix maintainer mechanic
+🧲 magnet attraction magnetic
+⚗️ alembic distilling science experiment chemistry
+🧪 test tube chemistry experiment lab science
+🧫 petri dish bacteria biology culture lab
+🧬 dna biologist genetics life
+🔬 microscope laboratory experiment zoomin science study
+🔭 telescope stars space zoom science astronomy
+📡 satellite antenna communication future radio space
+💉 syringe health hospital drugs blood medicine needle doctor nurse
+🩸 drop of blood period hurt harm wound
+💊 pill health medicine doctor pharmacy drug
+🩹 adhesive bandage heal
+🩺 stethoscope health
+🚪 door house entry exit
+🛏️ bed sleep rest
+🛋️ couch and lamp read chill
+🪑 chair sit furniture
+🚽 toilet restroom wc washroom bathroom potty
+🚿 shower clean water bathroom
+🛁 bathtub clean shower bathroom
+🪒 razor cut
+🧴 lotion bottle moisturizer sunscreen
+🧷 safety pin diaper
+🧹 broom cleaning sweeping witch
+🧺 basket laundry
+🧻 roll of paper roll
+🧼 soap bar bathing cleaning lather
+🧽 sponge absorbing cleaning porous
+🧯 fire extinguisher quench
+🛒 shopping cart trolley
+🚬 cigarette kills tobacco cigarette joint smoke
+⚰️ coffin vampire dead die death rip graveyard cemetery casket funeral box
+⚱️ funeral urn dead die death rip ashes
+🗿 moai rock easter island moai
+🏧 atm sign money sales cash blue-square payment bank
+🚮 litter in bin sign blue-square sign human info
+🚰 potable water blue-square liquid restroom cleaning faucet
+♿ wheelchair symbol blue-square disabled accessibility
+🚹 men s room toilet restroom wc blue-square gender male
+🚺 women s room purple-square woman female toilet loo restroom gender
+🚻 restroom blue-square toilet refresh wc gender
+🚼 baby symbol orange-square child
+🚾 water closet toilet restroom blue-square
+🛂 passport control custom blue-square
+🛃 customs passport border blue-square
+🛄 baggage claim blue-square airport transport
+🛅 left luggage blue-square travel
+⚠️ warning exclamation wip alert error problem issue
+🚸 children crossing school warning danger sign driving yellow-diamond
+⛔ no entry limit security privacy bad denied stop circle
+🚫 prohibited forbid stop limit denied disallow circle
+🚳 no bicycles cyclist prohibited circle
+🚭 no smoking cigarette blue-square smell smoke
+🚯 no littering trash bin garbage circle
+🚱 non potable water drink faucet tap circle
+🚷 no pedestrians rules crossing walking circle
+📵 no mobile phones iphone mute circle
+🔞 no one under eighteen 18 drink pub night minor circle
+☢️ radioactive nuclear danger
+☣️ biohazard danger
+⬆️ up arrow blue-square continue top direction
+↗️ up right arrow blue-square point direction diagonal northeast
+➡️ right arrow blue-square next
+↘️ down right arrow blue-square direction diagonal southeast
+⬇️ down arrow blue-square direction bottom
+↙️ down left arrow blue-square direction diagonal southwest
+⬅️ left arrow blue-square previous back
+↖️ up left arrow blue-square point direction diagonal northwest
+↕️ up down arrow blue-square direction way vertical
+↔️ left right arrow shape direction horizontal sideways
+↩️ right arrow curving left back return blue-square undo enter
+↪️ left arrow curving right blue-square return rotate direction
+⤴️ right arrow curving up blue-square direction top
+⤵️ right arrow curving down blue-square direction bottom
+🔃 clockwise vertical arrows sync cycle round repeat
+🔄 counterclockwise arrows button blue-square sync cycle
+🔙 back arrow arrow words return
+🔚 end arrow words arrow
+🔛 on arrow arrow words
+🔜 soon arrow arrow words
+🔝 top arrow words blue-square
+🛐 place of worship religion church temple prayer
+⚛️ atom symbol science physics chemistry
+🕉️ om hinduism buddhism sikhism jainism
+✡️ star of david judaism
+☸️ wheel of dharma hinduism buddhism sikhism jainism
+☯️ yin yang balance
+✝️ latin cross christianity
+☦️ orthodox cross suppedaneum religion
+☪️ star and crescent islam
+☮️ peace symbol hippie
+🕎 menorah hanukkah candles jewish
+🔯 dotted six pointed star purple-square religion jewish hexagram
+♈ aries sign purple-square zodiac astrology
+♉ taurus purple-square sign zodiac astrology
+♊ gemini sign zodiac purple-square astrology
+♋ cancer sign zodiac purple-square astrology
+♌ leo sign purple-square zodiac astrology
+♍ virgo sign zodiac purple-square astrology
+♎ libra sign purple-square zodiac astrology
+♏ scorpio sign zodiac purple-square astrology scorpio
+♐ sagittarius sign zodiac purple-square astrology
+♑ capricorn sign zodiac purple-square astrology
+♒ aquarius sign purple-square zodiac astrology
+♓ pisces purple-square sign zodiac astrology
+⛎ ophiuchus sign purple-square constellation astrology
+🔀 shuffle tracks button blue-square shuffle music random
+🔁 repeat button loop record
+🔂 repeat single button blue-square loop
+▶️ play button blue-square right direction play
+⏩ fast forward button blue-square play speed continue
+⏭️ next track button forward next blue-square
+⏯️ play or pause button blue-square play pause
+◀️ reverse button blue-square left direction
+⏪ fast reverse button play blue-square
+⏮️ last track button backward
+🔼 upwards button blue-square triangle direction point forward top
+⏫ fast up button blue-square direction top
+🔽 downwards button blue-square direction bottom
+⏬ fast down button blue-square direction bottom
+⏸️ pause button pause blue-square
+⏹️ stop button blue-square
+⏺️ record button blue-square
+⏏️ eject button blue-square
+🎦 cinema blue-square record film movie curtain stage theater
+🔅 dim button sun afternoon warm summer
+🔆 bright button sun light
+📶 antenna bars blue-square reception phone internet connection wifi bluetooth bars
+📳 vibration mode orange-square phone
+📴 mobile phone off mute orange-square silence quiet
+♀️ female sign woman women lady girl
+♂️ male sign man boy men
+⚕️ medical symbol health hospital
+♾️ infinity forever
+♻️ recycling symbol arrow environment garbage trash
+⚜️ fleur de lis decorative scout
+🔱 trident emblem weapon spear
+📛 name badge fire forbid
+🔰 japanese symbol for beginner badge shield
+⭕ hollow red circle circle round
+✅ check mark button green-square ok agree vote election answer tick
+☑️ check box with check ok agree confirm black-square vote election yes tick
+✔️ check mark ok nike answer yes tick
+✖️ multiplication sign math calculation
+❌ cross mark no delete remove cancel red
+❎ cross mark button x green-square no deny
+➕ plus sign math calculation addition more increase
+➖ minus sign math calculation subtract less
+➗ division sign divide math calculation
+➰ curly loop scribble draw shape squiggle
+➿ double curly loop tape cassette
+〽️ part alternation mark graph presentation stats business economics bad
+✳️ eight spoked asterisk star sparkle green-square
+✴️ eight pointed star orange-square shape polygon
+❇️ sparkle stars green-square awesome good fireworks
+‼️ double exclamation mark exclamation surprise
+⁉️ exclamation question mark wat punctuation surprise
+❓ question mark doubt confused
+❔ white question mark doubts gray huh confused
+❕ white exclamation mark surprise punctuation gray wow warning
+❗ exclamation mark heavy exclamation mark danger surprise punctuation wow warning
+〰️ wavy dash draw line moustache mustache squiggle scribble
+©️ copyright ip license circle law legal
+®️ registered alphabet circle
+™️ trade mark trademark brand law legal
+#️⃣ keycap  symbol blue-square twitter
+*️⃣ keycap  star keycap
+0️⃣ keycap 0 0 numbers blue-square null
+1️⃣ keycap 1 blue-square numbers 1
+2️⃣ keycap 2 numbers 2 prime blue-square
+3️⃣ keycap 3 3 numbers prime blue-square
+4️⃣ keycap 4 4 numbers blue-square
+5️⃣ keycap 5 5 numbers blue-square prime
+6️⃣ keycap 6 6 numbers blue-square
+7️⃣ keycap 7 7 numbers blue-square prime
+8️⃣ keycap 8 8 blue-square numbers
+9️⃣ keycap 9 blue-square numbers 9
+🔟 keycap 10 numbers 10 blue-square
+🔠 input latin uppercase alphabet words blue-square
+🔡 input latin lowercase blue-square alphabet
+🔢 input numbers numbers blue-square
+🔣 input symbols blue-square music note ampersand percent glyphs characters
+🔤 input latin letters blue-square alphabet
+🅰️ a button red-square alphabet letter
+🆎 ab button red-square alphabet
+🅱️ b button red-square alphabet letter
+🆑 cl button alphabet words red-square
+🆒 cool button words blue-square
+🆓 free button blue-square words
+ℹ️ information blue-square alphabet letter
+🆔 id button purple-square words
+Ⓜ️ circled m alphabet blue-circle letter
+🆕 new button blue-square words start
+🆖 ng button blue-square words shape icon
+🅾️ o button alphabet red-square letter
+🆗 ok button good agree yes blue-square
+🅿️ p button cars blue-square alphabet letter
+🆘 sos button help red-square words emergency 911
+🆙 up button blue-square above high
+🆚 vs button words orange-square
+🈁 japanese here button blue-square here katakana japanese destination
+🈂️ japanese service charge button japanese blue-square katakana
+🈷️ japanese monthly amount button chinese month moon japanese orange-square kanji
+🈶 japanese not free of charge button orange-square chinese have kanji
+🈯 japanese reserved button chinese point green-square kanji
+🉐 japanese bargain button chinese kanji obtain get circle
+🈹 japanese discount button cut divide chinese kanji pink-square
+🈚 japanese free of charge button nothing chinese kanji japanese orange-square
+🈲 japanese prohibited button kanji japanese chinese forbidden limit restricted red-square
+🉑 japanese acceptable button ok good chinese kanji agree yes orange-circle
+🈸 japanese application button chinese japanese kanji orange-square
+🈴 japanese passing grade button japanese chinese join kanji red-square
+🈳 japanese vacancy button kanji japanese chinese empty sky blue-square
+㊗️ japanese congratulations button chinese kanji japanese red-circle
+㊙️ japanese secret button privacy chinese sshh kanji red-circle
+🈺 japanese open for business button japanese opening hours orange-square
+🈵 japanese no vacancy button full chinese japanese red-square kanji
+🔴 red circle shape error danger
+🟠 orange circle round
+🟡 yellow circle round
+🟢 green circle round
+🔵 blue circle shape icon button
+🟣 purple circle round
+🟤 brown circle round
+⚫ black circle shape button round
+⚪ white circle shape round
+🟥 red square
+🟧 orange square
+🟨 yellow square
+🟩 green square
+🟦 blue square
+🟪 purple square
+🟫 brown square
+⬛ black large square shape icon button
+⬜ white large square shape icon stone button
+◼️ black medium square shape button icon
+◻️ white medium square shape stone icon
+◾ black medium small square icon shape button
+◽ white medium small square shape stone icon button
+▪️ black small square shape icon
+▫️ white small square shape icon
+🔶 large orange diamond shape jewel gem
+🔷 large blue diamond shape jewel gem
+🔸 small orange diamond shape jewel gem
+🔹 small blue diamond shape jewel gem
+🔺 red triangle pointed up shape direction up top
+🔻 red triangle pointed down shape direction bottom
+💠 diamond with a dot jewel blue gem crystal fancy
+🔘 radio button input old music circle
+🔳 white square button shape input
+🔲 black square button shape input frame
+🏁 chequered flag contest finishline race gokart
+🚩 triangular flag mark milestone place
+🎌 crossed flags japanese nation country border
+🏴 black flag pirate
+🏳️ white flag losing loser lost surrender give up fail
+🏳️‍🌈 rainbow flag flag rainbow pride gay lgbt glbt queer homosexual lesbian bisexual transgender
+🏴‍☠️ pirate flag skull crossbones flag banner
+🇦🇨 flag ascension island
+🇦🇩 flag andorra ad flag nation country banner andorra
+🇦🇪 flag united arab emirates united arab emirates flag nation country banner united arab emirates
+🇦🇫 flag afghanistan af flag nation country banner afghanistan
+🇦🇬 flag antigua barbuda antigua barbuda flag nation country banner antigua barbuda
+🇦🇮 flag anguilla ai flag nation country banner anguilla
+🇦🇱 flag albania al flag nation country banner albania
+🇦🇲 flag armenia am flag nation country banner armenia
+🇦🇴 flag angola ao flag nation country banner angola
+🇦🇶 flag antarctica aq flag nation country banner antarctica
+🇦🇷 flag argentina ar flag nation country banner argentina
+🇦🇸 flag american samoa american ws flag nation country banner american samoa
+🇦🇹 flag austria at flag nation country banner austria
+🇦🇺 flag australia au flag nation country banner australia
+🇦🇼 flag aruba aw flag nation country banner aruba
+🇦🇽 flag aland islands Åland islands flag nation country banner aland islands
+🇦🇿 flag azerbaijan az flag nation country banner azerbaijan
+🇧🇦 flag bosnia herzegovina bosnia herzegovina flag nation country banner bosnia herzegovina
+🇧🇧 flag barbados bb flag nation country banner barbados
+🇧🇩 flag bangladesh bd flag nation country banner bangladesh
+🇧🇪 flag belgium be flag nation country banner belgium
+🇧🇫 flag burkina faso burkina faso flag nation country banner burkina faso
+🇧🇬 flag bulgaria bg flag nation country banner bulgaria
+🇧🇭 flag bahrain bh flag nation country banner bahrain
+🇧🇮 flag burundi bi flag nation country banner burundi
+🇧🇯 flag benin bj flag nation country banner benin
+🇧🇱 flag st barthelemy saint barthélemy flag nation country banner st barthelemy
+🇧🇲 flag bermuda bm flag nation country banner bermuda
+🇧🇳 flag brunei bn darussalam flag nation country banner brunei
+🇧🇴 flag bolivia bo flag nation country banner bolivia
+🇧🇶 flag caribbean netherlands bonaire flag nation country banner caribbean netherlands
+🇧🇷 flag brazil br flag nation country banner brazil
+🇧🇸 flag bahamas bs flag nation country banner bahamas
+🇧🇹 flag bhutan bt flag nation country banner bhutan
+🇧🇻 flag bouvet island norway
+🇧🇼 flag botswana bw flag nation country banner botswana
+🇧🇾 flag belarus by flag nation country banner belarus
+🇧🇿 flag belize bz flag nation country banner belize
+🇨🇦 flag canada ca flag nation country banner canada
+🇨🇨 flag cocos islands cocos keeling islands flag nation country banner cocos islands
+🇨🇩 flag congo kinshasa congo democratic republic flag nation country banner congo kinshasa
+🇨🇫 flag central african republic central african republic flag nation country banner central african republic
+🇨🇬 flag congo brazzaville congo flag nation country banner congo brazzaville
+🇨🇭 flag switzerland ch flag nation country banner switzerland
+🇨🇮 flag cote d ivoire ivory coast flag nation country banner cote d ivoire
+🇨🇰 flag cook islands cook islands flag nation country banner cook islands
+🇨🇱 flag chile flag nation country banner chile
+🇨🇲 flag cameroon cm flag nation country banner cameroon
+🇨🇳 flag china china chinese prc flag country nation banner china
+🇨🇴 flag colombia co flag nation country banner colombia
+🇨🇵 flag clipperton island
+🇨🇷 flag costa rica costa rica flag nation country banner costa rica
+🇨🇺 flag cuba cu flag nation country banner cuba
+🇨🇻 flag cape verde cabo verde flag nation country banner cape verde
+🇨🇼 flag curacao curaçao flag nation country banner curacao
+🇨🇽 flag christmas island christmas island flag nation country banner christmas island
+🇨🇾 flag cyprus cy flag nation country banner cyprus
+🇨🇿 flag czechia cz flag nation country banner czechia
+🇩🇪 flag germany german nation flag country banner germany
+🇩🇬 flag diego garcia
+🇩🇯 flag djibouti dj flag nation country banner djibouti
+🇩🇰 flag denmark dk flag nation country banner denmark
+🇩🇲 flag dominica dm flag nation country banner dominica
+🇩🇴 flag dominican republic dominican republic flag nation country banner dominican republic
+🇩🇿 flag algeria dz flag nation country banner algeria
+🇪🇦 flag ceuta melilla
+🇪🇨 flag ecuador ec flag nation country banner ecuador
+🇪🇪 flag estonia ee flag nation country banner estonia
+🇪🇬 flag egypt eg flag nation country banner egypt
+🇪🇭 flag western sahara western sahara flag nation country banner western sahara
+🇪🇷 flag eritrea er flag nation country banner eritrea
+🇪🇸 flag spain spain flag nation country banner spain
+🇪🇹 flag ethiopia et flag nation country banner ethiopia
+🇪🇺 flag european union european union flag banner
+🇫🇮 flag finland fi flag nation country banner finland
+🇫🇯 flag fiji fj flag nation country banner fiji
+🇫🇰 flag falkland islands falkland islands malvinas flag nation country banner falkland islands
+🇫🇲 flag micronesia micronesia federated states flag nation country banner micronesia
+🇫🇴 flag faroe islands faroe islands flag nation country banner faroe islands
+🇫🇷 flag france banner flag nation france french country france
+🇬🇦 flag gabon ga flag nation country banner gabon
+🇬🇧 flag united kingdom united kingdom great britain northern ireland flag nation country banner british UK english england union jack united kingdom
+🇬🇩 flag grenada gd flag nation country banner grenada
+🇬🇪 flag georgia ge flag nation country banner georgia
+🇬🇫 flag french guiana french guiana flag nation country banner french guiana
+🇬🇬 flag guernsey gg flag nation country banner guernsey
+🇬🇭 flag ghana gh flag nation country banner ghana
+🇬🇮 flag gibraltar gi flag nation country banner gibraltar
+🇬🇱 flag greenland gl flag nation country banner greenland
+🇬🇲 flag gambia gm flag nation country banner gambia
+🇬🇳 flag guinea gn flag nation country banner guinea
+🇬🇵 flag guadeloupe gp flag nation country banner guadeloupe
+🇬🇶 flag equatorial guinea equatorial gn flag nation country banner equatorial guinea
+🇬🇷 flag greece gr flag nation country banner greece
+🇬🇸 flag south georgia south sandwich islands south georgia sandwich islands flag nation country banner south georgia south sandwich islands
+🇬🇹 flag guatemala gt flag nation country banner guatemala
+🇬🇺 flag guam gu flag nation country banner guam
+🇬🇼 flag guinea bissau gw bissau flag nation country banner guinea bissau
+🇬🇾 flag guyana gy flag nation country banner guyana
+🇭🇰 flag hong kong sar china hong kong flag nation country banner hong kong sar china
+🇭🇲 flag heard mcdonald islands
+🇭🇳 flag honduras hn flag nation country banner honduras
+🇭🇷 flag croatia hr flag nation country banner croatia
+🇭🇹 flag haiti ht flag nation country banner haiti
+🇭🇺 flag hungary hu flag nation country banner hungary
+🇮🇨 flag canary islands canary islands flag nation country banner canary islands
+🇮🇩 flag indonesia flag nation country banner indonesia
+🇮🇪 flag ireland ie flag nation country banner ireland
+🇮🇱 flag israel il flag nation country banner israel
+🇮🇲 flag isle of man isle man flag nation country banner isle of man
+🇮🇳 flag india in flag nation country banner india
+🇮🇴 flag british indian ocean territory british indian ocean territory flag nation country banner british indian ocean territory
+🇮🇶 flag iraq iq flag nation country banner iraq
+🇮🇷 flag iran iran islamic republic flag nation country banner iran
+🇮🇸 flag iceland is flag nation country banner iceland
+🇮🇹 flag italy italy flag nation country banner italy
+🇯🇪 flag jersey je flag nation country banner jersey
+🇯🇲 flag jamaica jm flag nation country banner jamaica
+🇯🇴 flag jordan jo flag nation country banner jordan
+🇯🇵 flag japan japanese nation flag country banner japan
+🇰🇪 flag kenya ke flag nation country banner kenya
+🇰🇬 flag kyrgyzstan kg flag nation country banner kyrgyzstan
+🇰🇭 flag cambodia kh flag nation country banner cambodia
+🇰🇮 flag kiribati ki flag nation country banner kiribati
+🇰🇲 flag comoros km flag nation country banner comoros
+🇰🇳 flag st kitts nevis saint kitts nevis flag nation country banner st kitts nevis
+🇰🇵 flag north korea north korea nation flag country banner north korea
+🇰🇷 flag south korea south korea nation flag country banner south korea
+🇰🇼 flag kuwait kw flag nation country banner kuwait
+🇰🇾 flag cayman islands cayman islands flag nation country banner cayman islands
+🇰🇿 flag kazakhstan kz flag nation country banner kazakhstan
+🇱🇦 flag laos lao democratic republic flag nation country banner laos
+🇱🇧 flag lebanon lb flag nation country banner lebanon
+🇱🇨 flag st lucia saint lucia flag nation country banner st lucia
+🇱🇮 flag liechtenstein li flag nation country banner liechtenstein
+🇱🇰 flag sri lanka sri lanka flag nation country banner sri lanka
+🇱🇷 flag liberia lr flag nation country banner liberia
+🇱🇸 flag lesotho ls flag nation country banner lesotho
+🇱🇹 flag lithuania lt flag nation country banner lithuania
+🇱🇺 flag luxembourg lu flag nation country banner luxembourg
+🇱🇻 flag latvia lv flag nation country banner latvia
+🇱🇾 flag libya ly flag nation country banner libya
+🇲🇦 flag morocco ma flag nation country banner morocco
+🇲🇨 flag monaco mc flag nation country banner monaco
+🇲🇩 flag moldova moldova republic flag nation country banner moldova
+🇲🇪 flag montenegro me flag nation country banner montenegro
+🇲🇫 flag st martin
+🇲🇬 flag madagascar mg flag nation country banner madagascar
+🇲🇭 flag marshall islands marshall islands flag nation country banner marshall islands
+🇲🇰 flag north macedonia macedonia flag nation country banner north macedonia
+🇲🇱 flag mali ml flag nation country banner mali
+🇲🇲 flag myanmar mm flag nation country banner myanmar
+🇲🇳 flag mongolia mn flag nation country banner mongolia
+🇲🇴 flag macao sar china macao flag nation country banner macao sar china
+🇲🇵 flag northern mariana islands northern mariana islands flag nation country banner northern mariana islands
+🇲🇶 flag martinique mq flag nation country banner martinique
+🇲🇷 flag mauritania mr flag nation country banner mauritania
+🇲🇸 flag montserrat ms flag nation country banner montserrat
+🇲🇹 flag malta mt flag nation country banner malta
+🇲🇺 flag mauritius mu flag nation country banner mauritius
+🇲🇻 flag maldives mv flag nation country banner maldives
+🇲🇼 flag malawi mw flag nation country banner malawi
+🇲🇽 flag mexico mx flag nation country banner mexico
+🇲🇾 flag malaysia my flag nation country banner malaysia
+🇲🇿 flag mozambique mz flag nation country banner mozambique
+🇳🇦 flag namibia na flag nation country banner namibia
+🇳🇨 flag new caledonia new caledonia flag nation country banner new caledonia
+🇳🇪 flag niger ne flag nation country banner niger
+🇳🇫 flag norfolk island norfolk island flag nation country banner norfolk island
+🇳🇬 flag nigeria flag nation country banner nigeria
+🇳🇮 flag nicaragua ni flag nation country banner nicaragua
+🇳🇱 flag netherlands nl flag nation country banner netherlands
+🇳🇴 flag norway no flag nation country banner norway
+🇳🇵 flag nepal np flag nation country banner nepal
+🇳🇷 flag nauru nr flag nation country banner nauru
+🇳🇺 flag niue nu flag nation country banner niue
+🇳🇿 flag new zealand new zealand flag nation country banner new zealand
+🇴🇲 flag oman om symbol flag nation country banner oman
+🇵🇦 flag panama pa flag nation country banner panama
+🇵🇪 flag peru pe flag nation country banner peru
+🇵🇫 flag french polynesia french polynesia flag nation country banner french polynesia
+🇵🇬 flag papua new guinea papua new guinea flag nation country banner papua new guinea
+🇵🇭 flag philippines ph flag nation country banner philippines
+🇵🇰 flag pakistan pk flag nation country banner pakistan
+🇵🇱 flag poland pl flag nation country banner poland
+🇵🇲 flag st pierre miquelon saint pierre miquelon flag nation country banner st pierre miquelon
+🇵🇳 flag pitcairn islands pitcairn flag nation country banner pitcairn islands
+🇵🇷 flag puerto rico puerto rico flag nation country banner puerto rico
+🇵🇸 flag palestinian territories palestine palestinian territories flag nation country banner palestinian territories
+🇵🇹 flag portugal pt flag nation country banner portugal
+🇵🇼 flag palau pw flag nation country banner palau
+🇵🇾 flag paraguay py flag nation country banner paraguay
+🇶🇦 flag qatar qa flag nation country banner qatar
+🇷🇪 flag reunion réunion flag nation country banner reunion
+🇷🇴 flag romania ro flag nation country banner romania
+🇷🇸 flag serbia rs flag nation country banner serbia
+🇷🇺 flag russia russian federation flag nation country banner russia
+🇷🇼 flag rwanda rw flag nation country banner rwanda
+🇸🇦 flag saudi arabia flag nation country banner saudi arabia
+🇸🇧 flag solomon islands solomon islands flag nation country banner solomon islands
+🇸🇨 flag seychelles sc flag nation country banner seychelles
+🇸🇩 flag sudan sd flag nation country banner sudan
+🇸🇪 flag sweden se flag nation country banner sweden
+🇸🇬 flag singapore sg flag nation country banner singapore
+🇸🇭 flag st helena saint helena ascension tristan cunha flag nation country banner st helena
+🇸🇮 flag slovenia si flag nation country banner slovenia
+🇸🇯 flag svalbard jan mayen
+🇸🇰 flag slovakia sk flag nation country banner slovakia
+🇸🇱 flag sierra leone sierra leone flag nation country banner sierra leone
+🇸🇲 flag san marino san marino flag nation country banner san marino
+🇸🇳 flag senegal sn flag nation country banner senegal
+🇸🇴 flag somalia so flag nation country banner somalia
+🇸🇷 flag suriname sr flag nation country banner suriname
+🇸🇸 flag south sudan south sd flag nation country banner south sudan
+🇸🇹 flag sao tome principe sao tome principe flag nation country banner sao tome principe
+🇸🇻 flag el salvador el salvador flag nation country banner el salvador
+🇸🇽 flag sint maarten sint maarten dutch flag nation country banner sint maarten
+🇸🇾 flag syria syrian arab republic flag nation country banner syria
+🇸🇿 flag eswatini sz flag nation country banner eswatini
+🇹🇦 flag tristan da cunha
+🇹🇨 flag turks caicos islands turks caicos islands flag nation country banner turks caicos islands
+🇹🇩 flag chad td flag nation country banner chad
+🇹🇫 flag french southern territories french southern territories flag nation country banner french southern territories
+🇹🇬 flag togo tg flag nation country banner togo
+🇹🇭 flag thailand th flag nation country banner thailand
+🇹🇯 flag tajikistan tj flag nation country banner tajikistan
+🇹🇰 flag tokelau tk flag nation country banner tokelau
+🇹🇱 flag timor leste timor leste flag nation country banner timor leste
+🇹🇲 flag turkmenistan flag nation country banner turkmenistan
+🇹🇳 flag tunisia tn flag nation country banner tunisia
+🇹🇴 flag tonga to flag nation country banner tonga
+🇹🇷 flag turkey turkey flag nation country banner turkey
+🇹🇹 flag trinidad tobago trinidad tobago flag nation country banner trinidad tobago
+🇹🇻 flag tuvalu flag nation country banner tuvalu
+🇹🇼 flag taiwan tw flag nation country banner taiwan
+🇹🇿 flag tanzania tanzania united republic flag nation country banner tanzania
+🇺🇦 flag ukraine ua flag nation country banner ukraine
+🇺🇬 flag uganda ug flag nation country banner uganda
+🇺🇲 flag u s outlying islands
+🇺🇳 flag united nations un flag banner
+🇺🇸 flag united states united states america flag nation country banner united states
+🇺🇾 flag uruguay uy flag nation country banner uruguay
+🇺🇿 flag uzbekistan uz flag nation country banner uzbekistan
+🇻🇦 flag vatican city vatican city flag nation country banner vatican city
+🇻🇨 flag st vincent grenadines saint vincent grenadines flag nation country banner st vincent grenadines
+🇻🇪 flag venezuela ve bolivarian republic flag nation country banner venezuela
+🇻🇬 flag british virgin islands british virgin islands bvi flag nation country banner british virgin islands
+🇻🇮 flag u s virgin islands virgin islands us flag nation country banner u s virgin islands
+🇻🇳 flag vietnam viet nam flag nation country banner vietnam
+🇻🇺 flag vanuatu vu flag nation country banner vanuatu
+🇼🇫 flag wallis futuna wallis futuna flag nation country banner wallis futuna
+🇼🇸 flag samoa ws flag nation country banner samoa
+🇽🇰 flag kosovo xk flag nation country banner kosovo
+🇾🇪 flag yemen ye flag nation country banner yemen
+🇾🇹 flag mayotte yt flag nation country banner mayotte
+🇿🇦 flag south africa south africa flag nation country banner south africa
+🇿🇲 flag zambia zm flag nation country banner zambia
+🇿🇼 flag zimbabwe zw flag nation country banner zimbabwe
+🏴󠁧󠁢󠁥󠁮󠁧󠁿 flag england flag english
+🏴󠁧󠁢󠁳󠁣󠁴󠁿 flag scotland flag scottish
+🏴󠁧󠁢󠁷󠁬󠁳󠁿 flag wales flag welsh
+🥲 smiling face with tear sad cry pretend
+🥸 disguised face pretent brows glasses moustache
+🤌 pinched fingers size tiny small
+🫀 anatomical heart health heartbeat
+🫁 lungs breathe
+🥷 ninja ninjutsu skills japanese
+🤵‍♂️ man in tuxedo formal fashion
+🤵‍♀️ woman in tuxedo formal fashion
+👰‍♂️ man with veil wedding marriage
+👰‍♀️ woman with veil wedding marriage
+👩‍🍼 woman feeding baby birth food
+👨‍🍼 man feeding baby birth food
+🧑‍🍼 person feeding baby birth food
+🧑‍🎄 mx claus christmas
+🫂 people hugging care
+🐈‍⬛ black cat superstition luck
+🦬 bison ox
+🦣 mammoth elephant tusks
+🦫 beaver animal rodent
+🐻‍❄️ polar bear animal arctic
+🦤 dodo animal bird
+🪶 feather bird fly
+🦭 seal animal creature sea
+🪲 beetle insect
+🪳 cockroach insect pests
+🪰 fly insect
+🪱 worm animal
+🪴 potted plant greenery house
+🫐 blueberries fruit
+🫒 olive fruit
+🫑 bell pepper fruit plant
+🫓 flatbread flour food
+🫔 tamale food masa
+🫕 fondue cheese pot food
+🫖 teapot drink hot
+🧋 bubble tea taiwan boba milk tea straw
+🪨 rock stone
+🪵 wood nature timber trunk
+🛖 hut house structure
+🛻 pickup truck car transportation
+🛼 roller skate footwear sports
+🪄 magic wand supernature power
+🪅 pinata mexico candy celebration
+🪆 nesting dolls matryoshka toy
+🪡 sewing needle stitches
+🪢 knot rope scout
+🩴 thong sandal footwear summer
+🪖 military helmet army protection
+🪗 accordion music
+🪘 long drum music
+🪙 coin money currency
+🪃 boomerang weapon
+🪚 carpentry saw cut chop
+🪛 screwdriver tools
+🪝 hook tools
+🪜 ladder tools
+🛗 elevator lift
+🪞 mirror reflection
+🪟 window scenery
+🪠 plunger toilet
+🪤 mouse trap cheese
+🪣 bucket water container
+🪥 toothbrush hygiene dental
+🪦 headstone death rip grave
+🪧 placard announcement
+⚧️ transgender symbol lgbtq
+🏳️‍⚧️ transgender flag lgbtq
+😶‍🌫️ face in clouds shower steam dream
+😮‍💨 face exhaling relieve relief tired sigh
+😵‍💫 face with spiral eyes sick ill confused nauseous nausea
+❤️‍🔥 heart on fire passionate enthusiastic
+❤️‍🩹 mending heart broken heart bandage wounded
+🧔‍♂️ man beard facial hair
+🧔‍♀️ woman beard facial hair
+🫠 melting face hot heat
+🫢 face with open eyes and hand over mouth silence secret shock surprise
+🫣 face with peeking eye scared frightening embarrassing
+🫡 saluting face respect salute
+🫥 dotted line face invisible lonely isolation depression
+🫤 face with diagonal mouth skeptic confuse frustrated indifferent
+🥹 face holding back tears touched gratitude
+🫱 rightwards hand palm offer
+🫲 leftwards hand palm offer
+🫳 palm down hand palm drop
+🫴 palm up hand lift offer demand
+🫰 hand with index finger and thumb crossed heart love money expensive
+🫵 index pointing at the viewer you recruit
+🫶 heart hands love appreciation support
+🫦 biting lip flirt sexy pain worry
+🫅 person with crown royalty power
+🫃 pregnant man baby belly
+🫄 pregnant person baby belly
+🧌 troll mystical monster
+🪸 coral ocean sea reef
+🪷 lotus flower calm meditation
+🪹 empty nest bird
+🪺 nest with eggs bird
+🫘 beans food
+🫗 pouring liquid cup water
+🫙 jar container sauce
+🛝 playground slide fun park
+🛞 wheel car transport
+🛟 ring buoy life saver life preserver
+🪬 hamsa religion protection
+🪩 mirror ball disco dance party
+🪫 low battery drained dead
+🩼 crutch accessibility assist
+🩻 x-ray skeleton medicine
+🫧 bubbles soap fun carbonation sparkling
+🪪 identification card document
+🟰 heavy equals sign math
diff --git a/early/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/Cached Theme.pak b/early/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/Cached Theme.pak
new file mode 100755
index 000000000..036a8e860
Binary files /dev/null and b/early/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/Cached Theme.pak differ
diff --git a/early/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon128.png b/early/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon128.png
new file mode 100755
index 000000000..fbe2ed7e2
Binary files /dev/null and b/early/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon128.png differ
diff --git a/early/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon16.png b/early/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon16.png
new file mode 100755
index 000000000..75e6ced3b
Binary files /dev/null and b/early/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon16.png differ
diff --git a/early/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon48.png b/early/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon48.png
new file mode 100755
index 000000000..c93cfc794
Binary files /dev/null and b/early/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon48.png differ
diff --git a/early/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/manifest.json b/early/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/manifest.json
new file mode 100755
index 000000000..0e4fd0f9e
--- /dev/null
+++ b/early/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/manifest.json	
@@ -0,0 +1,35 @@
+{
+  "manifest_version": 3,
+  "name": "Catppuccin Chrome Theme - Mocha - Colorful",
+  "description": "Soothing pastel theme for Google Chrome - Catppuccin Mocha",
+  "version": "3.0",
+  "icons": {
+    "16": "images/icon16.png",
+    "48": "images/icon48.png",
+    "128": "images/icon128.png"
+  },
+  "theme": {
+    "colors": {
+      "frame": [30, 30, 46],
+      "frame_inactive": [30, 30, 46],
+      "frame_incognito": [30, 30, 46],
+      "frame_incognito_inactive": [30, 30, 46],
+      "bookmark_text": [137, 180, 250],
+      "tab_background_text": [186, 194, 222],
+      "tab_background_text_inactive": [186, 194, 222],
+      "tab_background_text_incognito": [203, 166, 247],
+      "tab_background_text_incognito_inactive": [137, 180, 250],
+      "tab_text": [203, 166, 247],
+      "toolbar": [65, 72, 104],
+      "toolbar_button_icon": [203, 166, 247],
+      "omnibox_text": [203, 166, 247],
+      "omnibox_background": [49, 50, 68],
+      "ntp_background": [30, 30, 46],
+      "ntp_link": [203, 166, 247],
+      "ntp_text": [203, 166, 247],
+      "ntp_link_underline": [30, 30, 46],
+      "ntp_section_link_underline": [30, 30, 46],
+      "button_background": [65, 72, 104]
+    }
+  }
+}
diff --git a/early/Import Manually/chromethemes/EverForest-Dark-B/Cached Theme.pak b/early/Import Manually/chromethemes/EverForest-Dark-B/Cached Theme.pak
new file mode 100755
index 000000000..6cb19536f
Binary files /dev/null and b/early/Import Manually/chromethemes/EverForest-Dark-B/Cached Theme.pak differ
diff --git a/early/Import Manually/chromethemes/EverForest-Dark-B/images/icon128.png b/early/Import Manually/chromethemes/EverForest-Dark-B/images/icon128.png
new file mode 100755
index 000000000..fbe2ed7e2
Binary files /dev/null and b/early/Import Manually/chromethemes/EverForest-Dark-B/images/icon128.png differ
diff --git a/early/Import Manually/chromethemes/EverForest-Dark-B/images/icon16.png b/early/Import Manually/chromethemes/EverForest-Dark-B/images/icon16.png
new file mode 100755
index 000000000..75e6ced3b
Binary files /dev/null and b/early/Import Manually/chromethemes/EverForest-Dark-B/images/icon16.png differ
diff --git a/early/Import Manually/chromethemes/EverForest-Dark-B/images/icon48.png b/early/Import Manually/chromethemes/EverForest-Dark-B/images/icon48.png
new file mode 100755
index 000000000..c93cfc794
Binary files /dev/null and b/early/Import Manually/chromethemes/EverForest-Dark-B/images/icon48.png differ
diff --git a/early/Import Manually/chromethemes/EverForest-Dark-B/manifest.json b/early/Import Manually/chromethemes/EverForest-Dark-B/manifest.json
new file mode 100755
index 000000000..6f2f5bd69
--- /dev/null
+++ b/early/Import Manually/chromethemes/EverForest-Dark-B/manifest.json	
@@ -0,0 +1,35 @@
+{
+  "manifest_version": 3,
+  "name": "Everforest Dark B",
+  "description": "Forest.",
+  "version": "3.0",
+  "icons": {
+    "16": "images/icon16.png",
+    "48": "images/icon48.png",
+    "128": "images/icon128.png"
+  },
+  "theme": {
+    "colors": {
+      "frame": [28, 32, 33],
+      "frame_inactive": [30, 32, 31],
+      "frame_incognito": [28, 32, 33],
+      "frame_incognito_inactive": [30, 32, 31],
+      "bookmark_text": [211, 198, 170],
+      "tab_background_text": [161, 152, 131], 
+      "tab_background_text_inactive": [211, 198, 170],
+      "tab_background_text_incognito": [161, 152, 131],
+      "tab_background_text_incognito_inactive": [211, 198, 170],
+      "tab_text": [168, 179, 112],
+      "toolbar": [48, 49, 52],
+      "toolbar_button_icon": [168, 179, 112],
+      "omnibox_text": [168, 179, 112],
+      "omnibox_background": [28, 32, 33],
+      "ntp_background": [28, 32, 33],
+      "ntp_link": [168, 179, 112],
+      "ntp_text": [168, 179, 112],
+      "ntp_link_underline": [28, 32, 33],
+      "ntp_section_link_underline": [28, 32, 33],
+      "button_background": [48, 49, 52]
+    }
+  }
+}
diff --git a/early/Import Manually/chromethemes/README.md b/early/Import Manually/chromethemes/README.md
new file mode 100644
index 000000000..8c35b6a95
--- /dev/null
+++ b/early/Import Manually/chromethemes/README.md	
@@ -0,0 +1,4 @@
+## Chrome themes
+- Go to chrome:extensions (might be different depending on your chromium browser)
+- Click "Load Unpacked"
+- Go to one of the folders in this directory and choose it
\ No newline at end of file
diff --git a/early/Import Manually/chromethemes/TokyoNight/Cached Theme.pak b/early/Import Manually/chromethemes/TokyoNight/Cached Theme.pak
new file mode 100755
index 000000000..72a3c406a
Binary files /dev/null and b/early/Import Manually/chromethemes/TokyoNight/Cached Theme.pak differ
diff --git a/early/Import Manually/chromethemes/TokyoNight/images/icon128.png b/early/Import Manually/chromethemes/TokyoNight/images/icon128.png
new file mode 100755
index 000000000..fbe2ed7e2
Binary files /dev/null and b/early/Import Manually/chromethemes/TokyoNight/images/icon128.png differ
diff --git a/early/Import Manually/chromethemes/TokyoNight/images/icon16.png b/early/Import Manually/chromethemes/TokyoNight/images/icon16.png
new file mode 100755
index 000000000..75e6ced3b
Binary files /dev/null and b/early/Import Manually/chromethemes/TokyoNight/images/icon16.png differ
diff --git a/early/Import Manually/chromethemes/TokyoNight/images/icon48.png b/early/Import Manually/chromethemes/TokyoNight/images/icon48.png
new file mode 100755
index 000000000..c93cfc794
Binary files /dev/null and b/early/Import Manually/chromethemes/TokyoNight/images/icon48.png differ
diff --git a/early/Import Manually/chromethemes/TokyoNight/manifest.json b/early/Import Manually/chromethemes/TokyoNight/manifest.json
new file mode 100755
index 000000000..9f9e5ed0a
--- /dev/null
+++ b/early/Import Manually/chromethemes/TokyoNight/manifest.json	
@@ -0,0 +1,35 @@
+{
+  "manifest_version": 3,
+  "name": "TokyoNight-Dark",
+  "description": "Dark",
+  "version": "3.0",
+  "icons": {
+    "16": "images/icon16.png",
+    "48": "images/icon48.png",
+    "128": "images/icon128.png"
+  },
+  "theme": {
+    "colors": {
+      "frame": [26, 27, 38],
+      "frame_inactive": [26, 27, 38],
+      "frame_incognito": [26, 27, 38],
+      "frame_incognito_inactive": [26, 27, 38],
+      "bookmark_text": [192, 202, 245],
+      "tab_background_text": [192, 202, 245],
+      "tab_background_text_inactive": [192, 202, 245],
+      "tab_background_text_incognito": [192, 202, 245],
+      "tab_background_text_incognito_inactive": [192, 202, 245],
+      "tab_text": [13, 183, 212],
+      "toolbar": [46, 47, 66],
+      "toolbar_button_icon": [192, 202, 245],
+      "omnibox_text": [13, 183, 212],
+      "omnibox_background": [26, 27, 38],
+      "ntp_background": [46, 47, 66],
+      "ntp_link": [13, 183, 212],
+      "ntp_text": [13, 183, 212],
+      "ntp_link_underline": [13, 183, 212],
+      "ntp_section_link_underline": [13, 183, 212],
+      "button_background": [30, 30, 46]
+    }
+  }
+}
diff --git a/early/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-frappe.xml b/early/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-frappe.xml
new file mode 100755
index 000000000..76b043e82
--- /dev/null
+++ b/early/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-frappe.xml	
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="catppuccin_frappe" _name="Catppuccin frappe" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Soothing pastel theme for Gedit</_description>
+
+  <!-- Catppuccin Palette -->
+  <color name="frappe_rosewater" value="#f2d5cf"/>
+  <color name="frappe_flamingo"  value="#eebebe"/>
+  <color name="frappe_pink"      value="#f4b8e4"/>
+  <color name="frappe_mauve"     value="#ca9ee6"/>
+  <color name="frappe_red"       value="#e78284"/>
+  <color name="frappe_maroon"    value="#ea999c"/>
+  <color name="frappe_peach"     value="#ef9f76"/>
+  <color name="frappe_yellow"    value="#e5c890"/>
+  <color name="frappe_green"     value="#a6d189"/>
+  <color name="frappe_teal"      value="#81c8be"/>
+  <color name="frappe_sky"       value="#99d1db"/>
+  <color name="frappe_sapphire"  value="#85c1dc"/>
+  <color name="frappe_blue"      value="#8caaee"/>
+  <color name="frappe_lavender"  value="#babbf1"/>
+  <color name="frappe_text"      value="#c6d0f5"/>
+  <color name="frappe_subtext1"  value="#b5bfe2"/>
+  <color name="frappe_subtext0"  value="#a5adce"/>
+  <color name="frappe_overlay2"  value="#949cbb"/>
+  <color name="frappe_overlay1"  value="#838ba7"/>
+  <color name="frappe_overlay0"  value="#737994"/>
+  <color name="frappe_surface2"  value="#626880"/>
+  <color name="frappe_surface1"  value="#51576d"/>
+  <color name="frappe_surface0"  value="#51576d"/>
+  <color name="frappe_base"      value="#303446"/>
+  <color name="frappe_mantle"    value="#292c3c"/>
+  <color name="frappe_crust"     value="#232634"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="frappe_text" background = "frappe_base"/>
+  <style name="selection"                   foreground="frappe_text" background="frappe_surface2"/>
+  <style name="cursor"                      foreground="frappe_rosewater"/>
+  <style name="secondary-cursor"            foreground="frappe_rosewater"/>
+  <style name="current-line"                background="frappe_surface0"/>
+  <style name="line-numbers"                foreground="frappe_text" background="frappe_crust"/>
+  <style name="draw-spaces"                 foreground="frappe_text"/>
+  <style name="background-pattern"          background="frappe_base"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="frappe_mauve"/>
+  <style name="bracket-mismatch"            foreground="frappe_text" background="frappe_peach"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="frappe_text" background="frappe_crust"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="frappe_text" background="frappe_blue"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="frappe_overlay0"/>
+  <style name="def:shebang"                 foreground="frappe_overlay0" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="frappe_green"/>
+  <style name="def:string"                  foreground="frappe_green"/>
+  <style name="def:special-char"            foreground="frappe_lavender"/>
+  <style name="def:special-constant"        foreground="frappe_lavender"/>
+  <style name="def:floating-point"          foreground="frappe_lavender"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="frappe_blue"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="frappe_sapphire" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="frappe_maroon" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="frappe_yellow" bold="true"/>
+  <style name="def:inline-code"             foreground="frappe_green"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="frappe_rosewater"/>
+  <style name="def:link-symbol"             foreground="frappe_blue" bold="true"/>
+  <style name="def:link-destination"        foreground="frappe_blue" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="frappe_teal" bold="true"/>
+  <style name="def:thematic-break"          foreground="frappe_green" bold="true"/>
+  <style name="def:preformatted-section"    foreground="frappe_green"/>
+  <style name="def:list-marker"             foreground="frappe_teal" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="frappe_teal"/>
+  <style name="def:error"                   foreground="frappe_maroon" bold="true"/>
+  <style name="def:warning"                 foreground="frappe_peach"/>
+  <style name="def:note"                    foreground="frappe_blue" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/early/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-latte.xml b/early/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-latte.xml
new file mode 100755
index 000000000..1d6e3b5fc
--- /dev/null
+++ b/early/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-latte.xml	
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="catppuccin_latte" _name="Catppuccin latte" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Soothing pastel theme for Gedit</_description>
+
+  <!-- Catppuccin Palette -->
+  <color name="latte_rosewater" value="#dc8a78"/>
+  <color name="latte_flamingo"  value="#dd7878"/>
+  <color name="latte_pink"      value="#ea76cb"/>
+  <color name="latte_mauve"     value="#8839ef"/>
+  <color name="latte_red"       value="#d20f39"/>
+  <color name="latte_maroon"    value="#e64553"/>
+  <color name="latte_peach"     value="#fe640b"/>
+  <color name="latte_yellow"    value="#df8e1d"/>
+  <color name="latte_green"     value="#40a02b"/>
+  <color name="latte_teal"      value="#179299"/>
+  <color name="latte_sky"       value="#04a5e5"/>
+  <color name="latte_sapphire"  value="#209fb5"/>
+  <color name="latte_blue"      value="#1e66f5"/>
+  <color name="latte_lavender"  value="#7287fd"/>
+  <color name="latte_text"      value="#4c4f69"/>
+  <color name="latte_subtext1"  value="#5c5f77"/>
+  <color name="latte_subtext0"  value="#6c6f85"/>
+  <color name="latte_overlay2"  value="#7c7f93"/>
+  <color name="latte_overlay1"  value="#8c8fa1"/>
+  <color name="latte_overlay0"  value="#9ca0b0"/>
+  <color name="latte_surface2"  value="#acb0be"/>
+  <color name="latte_surface1"  value="#bcc0cc"/>
+  <color name="latte_surface0"  value="#ccd0da"/>
+  <color name="latte_base"      value="#eff1f5"/>
+  <color name="latte_mantle"    value="#e6e9ef"/>
+  <color name="latte_crust"     value="#dce0e8"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="latte_text" background = "latte_base"/>
+  <style name="selection"                   foreground="latte_text" background="latte_surface2"/>
+  <style name="cursor"                      foreground="latte_rosewater"/>
+  <style name="secondary-cursor"            foreground="latte_rosewater"/>
+  <style name="current-line"                background="latte_surface0"/>
+  <style name="line-numbers"                foreground="latte_text" background="latte_crust"/>
+  <style name="draw-spaces"                 foreground="latte_text"/>
+  <style name="background-pattern"          background="latte_base"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="latte_mauve"/>
+  <style name="bracket-mismatch"            foreground="latte_text" background="latte_peach"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="latte_text" background="latte_crust"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="latte_text" background="latte_blue"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="latte_overlay0"/>
+  <style name="def:shebang"                 foreground="latte_overlay0" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="latte_green"/>
+  <style name="def:string"                  foreground="latte_green"/>
+  <style name="def:special-char"            foreground="latte_lavender"/>
+  <style name="def:special-constant"        foreground="latte_lavender"/>
+  <style name="def:floating-point"          foreground="latte_lavender"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="latte_blue"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="latte_sapphire" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="latte_maroon" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="latte_yellow" bold="true"/>
+  <style name="def:inline-code"             foreground="latte_green"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="latte_rosewater"/>
+  <style name="def:link-symbol"             foreground="latte_blue" bold="true"/>
+  <style name="def:link-destination"        foreground="latte_blue" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="latte_teal" bold="true"/>
+  <style name="def:thematic-break"          foreground="latte_green" bold="true"/>
+  <style name="def:preformatted-section"    foreground="latte_green"/>
+  <style name="def:list-marker"             foreground="latte_teal" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="latte_teal"/>
+  <style name="def:error"                   foreground="latte_maroon" bold="true"/>
+  <style name="def:warning"                 foreground="latte_peach"/>
+  <style name="def:note"                    foreground="latte_blue" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/early/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-macchiato.xml b/early/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-macchiato.xml
new file mode 100755
index 000000000..5e3bffe69
--- /dev/null
+++ b/early/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-macchiato.xml	
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="catppuccin_macchiato" _name="Catppuccin macchiato" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Soothing pastel theme for Gedit</_description>
+
+  <!-- Catppuccin Palette -->
+<color name="macchiato_rosewater" value="#f4dbd6"/>
+<color name="macchiato_flamingo"  value="#f0c6c6"/>
+<color name="macchiato_pink"      value="#f5bde6"/>
+<color name="macchiato_mauve"     value="#c6a0f6"/>
+<color name="macchiato_red"       value="#ed8796"/>
+<color name="macchiato_maroon"    value="#ee99a0"/>
+<color name="macchiato_peach"     value="#f5a97f"/>
+<color name="macchiato_yellow"    value="#eed49f"/>
+<color name="macchiato_green"     value="#a6da95"/>
+<color name="macchiato_teal"      value="#8bd5ca"/>
+<color name="macchiato_sky"       value="#91d7e3"/>
+<color name="macchiato_sapphire"  value="#7dc4e4"/>
+<color name="macchiato_blue"      value="#8aadf4"/>
+<color name="macchiato_lavender"  value="#b7bdf8"/>
+<color name="macchiato_text"      value="#cad3f5"/>
+<color name="macchiato_subtext1"  value="#b8c0e0"/>
+<color name="macchiato_subtext0"  value="#a5adcb"/>
+<color name="macchiato_overlay2"  value="#939ab7"/>
+<color name="macchiato_overlay1"  value="#8087a2"/>
+<color name="macchiato_overlay0"  value="#6e738d"/>
+<color name="macchiato_surface2"  value="#5b6078"/>
+<color name="macchiato_surface1"  value="#494d64"/>
+<color name="macchiato_surface0"  value="#363a4f"/>
+<color name="macchiato_base"      value="#24273a"/>
+<color name="macchiato_mantle"    value="#1e2030"/>
+<color name="macchiato_crust"     value="#181926"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="macchiato_text" background = "macchiato_base"/>
+  <style name="selection"                   foreground="macchiato_text" background="macchiato_surface2"/>
+  <style name="cursor"                      foreground="macchiato_rosewater"/>
+  <style name="secondary-cursor"            foreground="macchiato_rosewater"/>
+  <style name="current-line"                background="macchiato_surface0"/>
+  <style name="line-numbers"                foreground="macchiato_text" background="macchiato_crust"/>
+  <style name="draw-spaces"                 foreground="macchiato_text"/>
+  <style name="background-pattern"          background="macchiato_mantle"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="macchiato_mauve"/>
+  <style name="bracket-mismatch"            foreground="macchiato_text" background="macchiato_peach"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="macchiato_text" background="crust"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="macchiato_text" background="macchiato_blue"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="macchiato_overlay0"/>
+  <style name="def:shebang"                 foreground="macchiato_overlay0" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="macchiato_green"/>
+  <style name="def:string"                  foreground="macchiato_green"/>
+  <style name="def:special-char"            foreground="macchiato_lavender"/>
+  <style name="def:special-constant"        foreground="macchiato_lavender"/>
+  <style name="def:floating-point"          foreground="macchiato_lavender"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="macchiato_blue"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="macchiato_sapphire" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="macchiato_maroon" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="macchiato_yellow" bold="true"/>
+  <style name="def:inline-code"             foreground="macchiato_green"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="macchiato_rosewater"/>
+  <style name="def:link-symbol"             foreground="macchiato_blue" bold="true"/>
+  <style name="def:link-destination"        foreground="macchiato_blue" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="macchiato_teal" bold="true"/>
+  <style name="def:thematic-break"          foreground="macciato_green" bold="true"/>
+  <style name="def:preformatted-section"    foreground="macchiato_green"/>
+  <style name="def:list-marker"             foreground="macchiato_teal" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="macchiato_teal"/>
+  <style name="def:error"                   foreground="macchiato_maroon" bold="true"/>
+  <style name="def:warning"                 foreground="macchiato_peach"/>
+  <style name="def:note"                    foreground="macchiato_blue" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/early/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-mocha.xml b/early/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-mocha.xml
new file mode 100755
index 000000000..0fb5a5b60
--- /dev/null
+++ b/early/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-mocha.xml	
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="catppuccin_mocha" _name="Catppuccin Mocha" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Soothing pastel theme for Gedit</_description>
+
+  <!-- Tango Palette -->
+  <color name="mocha_rosewater" value="#f5e0dc"/>
+  <color name="mocha_flamingo"  value="#f2cdcd"/>
+  <color name="mocha_pink"      value="#f5c2e7"/>
+  <color name="mocha_mauve"     value="#cba6f7"/>
+  <color name="mocha_red"       value="#f38ba8"/>
+  <color name="mocha_maroon"    value="#eba0ac"/>
+  <color name="mocha_peach"     value="#fab387"/>
+  <color name="mocha_yellow"    value="#f9e2af"/>
+  <color name="mocha_green"     value="#a6e3a1"/>
+  <color name="mocha_teal"      value="#94e2d5"/>
+  <color name="mocha_sky"       value="#89dceb"/>
+  <color name="mocha_sapphire"  value="#74c7ec"/>
+  <color name="mocha_blue"      value="#89b4fa"/>
+  <color name="mocha_lavender"  value="#b4befe"/>
+  <color name="mocha_text"      value="#cdd6f4"/>
+  <color name="mocha_subtext1"  value="#bac2de"/>
+  <color name="mocha_subtext0"  value="#a6adc8"/>
+  <color name="mocha_overlay2"  value="#9399b2"/>
+  <color name="mocha_overlay1"  value="#7f849c"/>
+  <color name="mocha_overlay0"  value="#6c7086"/>
+  <color name="mocha_surface2"  value="#585b70"/>
+  <color name="mocha_surface1"  value="#45475a"/>
+  <color name="mocha_surface0"  value="#313244"/>
+  <color name="mocha_base"      value="#1e1e2e"/>
+  <color name="mocha_mantle"    value="#181825"/>
+  <color name="mocha_crust"     value="#11111b"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="mocha_text" background = "mocha_base"/>
+  <style name="selection"                   foreground="mocha_text" background="mocha_surface2"/>
+  <style name="cursor"                      foreground="mocha_rosewater"/>
+  <style name="secondary-cursor"            foreground="mocha_rosewater"/>
+  <style name="current-line"                background="mocha_surface0"/>
+  <style name="line-numbers"                foreground="mocha_text" background="mocha_crust"/>
+  <style name="draw-spaces"                 foreground="mocha_text"/>
+  <style name="background-pattern"          background="mocha_mantle"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="mocha_mauve"/>
+  <style name="bracket-mismatch"            foreground="mocha_text" background="mocha_peach"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="mocha_text" background="mocha_crust"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="mocha_text" background="mocha_blue"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="mocha_overlay0"/>
+  <style name="def:shebang"                 foreground="mocha_overlay0" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="mocha_green"/>
+  <style name="def:string"                  foreground="mocha_green"/>
+  <style name="def:special-char"            foreground="mocha_lavender"/>
+  <style name="def:special-constant"        foreground="mocha_lavender"/>
+  <style name="def:floating-point"          foreground="mocha_lavender"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="mocha_blue"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="mocha_sapphire" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="mocha_maroon" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="mocha_yellow" bold="true"/>
+  <style name="def:inline-code"             foreground="mocha_green"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="mocha_rosewater"/>
+  <style name="def:link-symbol"             foreground="mocha_blue" bold="true"/>
+  <style name="def:link-destination"        foreground="mocha_blue" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="mocha_teal" bold="true"/>
+  <style name="def:thematic-break"          foreground="mocha_green" bold="true"/>
+  <style name="def:preformatted-section"    foreground="mocha_green"/>
+  <style name="def:list-marker"             foreground="mocha_teal" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="mocha_teal"/>
+  <style name="def:error"                   foreground="mocha_maroon" bold="true"/>
+  <style name="def:warning"                 foreground="mocha_peach"/>
+  <style name="def:note"                    foreground="mocha_blue" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/early/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/everforest-b.xml b/early/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/everforest-b.xml
new file mode 100755
index 000000000..f5c22b570
--- /dev/null
+++ b/early/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/everforest-b.xml	
@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="everforest_b" _name="Everforest Dark B" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Everforest</_description>
+
+  <!-- Tango Palette -->
+  <color name="forestgreen" value="#a8b370"/>
+  <color name="forestyellow" value="#8e8370"/>
+  <color name="foresttext" value="#d3c6ab"/>
+  <color name="forestblack" value="#1e201f"/>
+  <color name="forestred" value="#e76c69"/>
+  <color name="forestpink" value="#d698b5"/>
+  <color name="forestorange" value="#e59576"/>
+  <color name="forestgray" value="#75817b"/>
+  <color name="forestgraylight" value="#495156"/>
+  <color name="forestgreendark" value="#7fba90"/>
+  
+  <color name="mocha_rosewater" value="#f5e0dc"/>
+  <color name="mocha_flamingo"  value="#f2cdcd"/>
+  <color name="mocha_pink"      value="#f5c2e7"/>
+  <color name="mocha_mauve"     value="#cba6f7"/>
+  <color name="mocha_red"       value="#f38ba8"/>
+  <color name="mocha_maroon"    value="#eba0ac"/>
+  <color name="mocha_peach"     value="#fab387"/>
+  <color name="mocha_yellow"    value="#f9e2af"/>
+  <color name="mocha_green"     value="#a6e3a1"/>
+  <color name="mocha_teal"      value="#94e2d5"/>
+  <color name="mocha_sky"       value="#89dceb"/>
+  <color name="mocha_sapphire"  value="#74c7ec"/>
+  <color name="mocha_blue"      value="#89b4fa"/>
+  <color name="mocha_lavender"  value="#b4befe"/>
+  <color name="mocha_text"      value="#cdd6f4"/>
+  <color name="mocha_subtext1"  value="#bac2de"/>
+  <color name="mocha_subtext0"  value="#a6adc8"/>
+  <color name="mocha_overlay2"  value="#9399b2"/>
+  <color name="mocha_overlay1"  value="#7f849c"/>
+  <color name="mocha_overlay0"  value="#6c7086"/>
+  <color name="mocha_surface2"  value="#585b70"/>
+  <color name="mocha_surface1"  value="#45475a"/>
+  <color name="mocha_surface0"  value="#313244"/>
+  <color name="mocha_base"      value="#1e1e2e"/>
+  <color name="mocha_mantle"    value="#181825"/>
+  <color name="mocha_crust"     value="#11111b"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="foresttext" background = "forestblack"/>
+  <style name="selection"                   foreground="foresttext" background="forestgray"/>
+  <style name="cursor"                      foreground="forestpink"/>
+  <style name="secondary-cursor"            foreground="forestpink"/>
+  <style name="current-line"                background="forestblack"/>
+  <style name="line-numbers"                foreground="foresttext" background="forestblack"/>
+  <style name="draw-spaces"                 foreground="foresttext"/>
+  <style name="background-pattern"          background="forestblack"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="forestgraylight"/>
+  <style name="bracket-mismatch"            foreground="foresttext" background="forestorange"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="foresttext" background="forestblack"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="foresttext" background="forestgreendark"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="forestgray"/>
+  <style name="def:shebang"                 foreground="forestgray" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="forestgreen"/>
+  <style name="def:string"                  foreground="forestgreen"/>
+  <style name="def:special-char"            foreground="forestpink"/>
+  <style name="def:special-constant"        foreground="forestpink"/>
+  <style name="def:floating-point"          foreground="forestpink"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="forestgreendark"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="forestorange" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="forestred" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="forestyellow" bold="true"/>
+  <style name="def:inline-code"             foreground="forestgreen"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="foresttext"/>
+  <style name="def:link-symbol"             foreground="forestgreendark" bold="true"/>
+  <style name="def:link-destination"        foreground="forestgreendark" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="forest" bold="true"/>
+  <style name="def:thematic-break"          foreground="forestgreendark" bold="true"/>
+  <style name="def:preformatted-section"    foreground="forestgreen"/>
+  <style name="def:list-marker"             foreground="forestorange" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="forestred"/>
+  <style name="def:error"                   foreground="forestred" bold="true"/>
+  <style name="def:warning"                 foreground="forestorange"/>
+  <style name="def:note"                    foreground="forestgreendark" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/early/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_dark.xml b/early/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_dark.xml
new file mode 100644
index 000000000..3e345f89c
--- /dev/null
+++ b/early/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_dark.xml	
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<style-scheme id="tokyo_night_dark" _name="Tokyo_Night_Dark" version="1.0">
+  <author>fkorpsvart</author>
+  <_description>Tokyo Night Dark theme for Gedit</_description>
+
+<!-- Colors -->
+
+  <color name="off_white" value="#c0caf5"/>
+  <color name="off_white2" value="#9aa5ce"/>
+  <color name="black_grey" value="#1a1b26"/>
+  <color name="tinted_grey" value="#24283b"/>
+  <color name="dark_grey" value="#414868"/>
+  <color name="med_grey" value="#565f89"/>
+  <color name="light_grey" value="#565a6e"/>
+  <color name="olive_green" value="#9ece6a"/>
+  <color name="washed_orange" value="#ff9e64"/>
+  <color name="faded_violet" value="#9d7cd8"/>
+  <color name="faded_cornwall" value="#ff007c"/>
+  <color name="pink_sandstone" value="#f7768e"/>
+  <color name="steelblue3" value="#7aa2f7"/>
+  <color name="light_brown" value="#bb9af7"/>
+  <color name="super_faded_orange" value="#e0af68"/>
+  <color name="dark_maroon" value="#41a6b5"/>
+  <color name="yellow" value="#f9ee98"/>
+
+<!-- Global Settings -->
+
+  <style name="text" foreground="off_white" background="black_grey"/>
+  <style name="cursor" foreground="off_white"/>
+  <style name="current-line" background="tinted_grey"/>
+  <style name="line-numbers" foreground="med_grey" background="black_grey" bold="true" />
+  <style name="selection" foreground="off_white2" background="tinted_grey" />
+  <style name="selection-unfocused" foreground="off_white2" background="tinted_grey" />
+
+<!-- Bracket Matching -->
+  <style name="bracket-match" background="steelblue3"/>
+  <style name="bracket-mismatch" background="dark_maroon" bold="true"/>
+  <style name="search-match" foreground="off_white" background="steelblue3"/>
+
+<!-- Comments -->
+  <style name="def:comment" foreground="light_grey" italic="true"/>
+  <style name="def:shebang" foreground="light_grey" italic="true"/>
+  <style name="def:doc-comment-element" foreground="dark_grey" bold="true"/>
+
+<!-- Constants and Variables-->
+  <style name="def:constant" foreground="faded_cornwall"/>
+  <style name="def:string" foreground="olive_green"/>
+  <style name="def:special-char" foreground="faded_cornwall"/>
+  <style name="def:special-constant" foreground="washed_orange" bold="true"/>
+  <style name="def:boolean" foreground="pink_sandstone"/>
+  <style name="def:number" foreground="pink_sandstone"/>
+  <style name="def:floating-point" foreground="pink_sandstone"/>
+  <style name="def:keyword" foreground="washed_orange" bold="true"/>
+  <style name="def:builtin" foreground="washed_orange" bold="true"/>
+  <style name="def:variable" foreground="faded_cornwall"/>
+
+<!-- Identifiers -->
+  <style name="def:identifier" foreground="faded_cornwall"/>
+
+<!-- Statements -->
+  <style name="def:statement" foreground="washed_orange"/>
+
+<!-- Types -->
+  <style name="def:type" foreground="faded_violet"/>
+
+<!-- Others -->
+  <style name="def:error" foreground="off_white" background="dark_maroon" bold="true"/>
+  <style name="def:note" foreground="yellow" bold="true"/>
+  <style name="def:net-address-in-comment" foreground="steelblue3" italic="false" underline="true"/>
+  <style name="def:preprocessor" foreground="light_grey"/>
+  <style name="def:function" foreground="off_white" underline="true"/>
+
+<!-- Unknown? -->
+  <style name="def:specials" background="faded_cornwall"/>
+
+<!-- C Styles -->
+  <style name="c:preprocessor" map-to="def:special-char"/>
+
+<!-- Diff Styles -->
+  <style name="diff:ignore" foreground="med_grey"/>
+
+<!-- Ruby Styles -->
+  <style name="ruby:module-handler" foreground="washed_orange"/>
+  <style name="ruby:symbol" foreground="pink_sandstone"/>
+  <style name="ruby:regex" foreground="super_faded_orange"/>
+
+<!-- SH Styles -->
+  <style name="sh:others" map-to="text"/>
+
+<!-- XML Styles -->
+  <style name="xml:attribute-name" foreground="light_brown"/>
+  <style name="xml:element-name" foreground="faded_cornwall"/>
+
+</style-scheme>
diff --git a/early/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_storm.xml b/early/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_storm.xml
new file mode 100644
index 000000000..eba507872
--- /dev/null
+++ b/early/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_storm.xml	
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<style-scheme id="tokyo_night_storm" _name="Tokyo_Night_Storm" version="1.0">
+  <author>fkorpsvart</author>
+  <_description>Tokyo Night Storm theme for Gedit</_description>
+
+<!-- Colors -->
+
+  <color name="off_white" value="#c0caf5"/>
+  <color name="off_white2" value="#9aa5ce"/>
+  <color name="black_grey" value="#1a1b26"/>
+  <color name="tinted_grey" value="#24283b"/>
+  <color name="dark_grey" value="#414868"/>
+  <color name="med_grey" value="#565f89"/>
+  <color name="light_grey" value="#565a6e"/>
+  <color name="olive_green" value="#9ece6a"/>
+  <color name="washed_orange" value="#ff9e64"/>
+  <color name="faded_violet" value="#9d7cd8"/>
+  <color name="faded_cornwall" value="#ff007c"/>
+  <color name="pink_sandstone" value="#f7768e"/>
+  <color name="steelblue3" value="#7aa2f7"/>
+  <color name="light_brown" value="#bb9af7"/>
+  <color name="super_faded_orange" value="#e0af68"/>
+  <color name="dark_maroon" value="#41a6b5"/>
+  <color name="yellow" value="#f9ee98"/>
+
+<!-- Global Settings -->
+
+  <style name="text" foreground="off_white" background="tinted_grey"/>
+  <style name="cursor" foreground="off_white"/>
+  <style name="current-line" background="black_grey"/>
+  <style name="line-numbers" foreground="med_grey" background="tinted_grey" bold="true" />
+  <style name="selection" foreground="off_white2" background="black_grey" />
+  <style name="selection-unfocused" foreground="off_white2" background="black_grey" />
+
+<!-- Bracket Matching -->
+  <style name="bracket-match" background="steelblue3"/>
+  <style name="bracket-mismatch" background="dark_maroon" bold="true"/>
+  <style name="search-match" foreground="off_white" background="steelblue3"/>
+
+<!-- Comments -->
+  <style name="def:comment" foreground="light_grey" italic="true"/>
+  <style name="def:shebang" foreground="light_grey" italic="true"/>
+  <style name="def:doc-comment-element" foreground="dark_grey" bold="true"/>
+
+<!-- Constants and Variables-->
+  <style name="def:constant" foreground="faded_cornwall"/>
+  <style name="def:string" foreground="olive_green"/>
+  <style name="def:special-char" foreground="faded_cornwall"/>
+  <style name="def:special-constant" foreground="washed_orange" bold="true"/>
+  <style name="def:boolean" foreground="pink_sandstone"/>
+  <style name="def:number" foreground="pink_sandstone"/>
+  <style name="def:floating-point" foreground="pink_sandstone"/>
+  <style name="def:keyword" foreground="washed_orange" bold="true"/>
+  <style name="def:builtin" foreground="washed_orange" bold="true"/>
+  <style name="def:variable" foreground="faded_cornwall"/>
+
+<!-- Identifiers -->
+  <style name="def:identifier" foreground="faded_cornwall"/>
+
+<!-- Statements -->
+  <style name="def:statement" foreground="washed_orange"/>
+
+<!-- Types -->
+  <style name="def:type" foreground="faded_violet"/>
+
+<!-- Others -->
+  <style name="def:error" foreground="off_white" background="dark_maroon" bold="true"/>
+  <style name="def:note" foreground="yellow" bold="true"/>
+  <style name="def:net-address-in-comment" foreground="steelblue3" italic="false" underline="true"/>
+  <style name="def:preprocessor" foreground="light_grey"/>
+  <style name="def:function" foreground="off_white" underline="true"/>
+
+<!-- Unknown? -->
+  <style name="def:specials" background="faded_cornwall"/>
+
+<!-- C Styles -->
+  <style name="c:preprocessor" map-to="def:special-char"/>
+
+<!-- Diff Styles -->
+  <style name="diff:ignore" foreground="med_grey"/>
+
+<!-- Ruby Styles -->
+  <style name="ruby:module-handler" foreground="washed_orange"/>
+  <style name="ruby:symbol" foreground="pink_sandstone"/>
+  <style name="ruby:regex" foreground="super_faded_orange"/>
+
+<!-- SH Styles -->
+  <style name="sh:others" map-to="text"/>
+
+<!-- XML Styles -->
+  <style name="xml:attribute-name" foreground="light_brown"/>
+  <style name="xml:element-name" foreground="faded_cornwall"/>
+
+</style-scheme>
diff --git a/early/Import Manually/tabliss/tabliss.json b/early/Import Manually/tabliss/tabliss.json
new file mode 100644
index 000000000..f86f84f50
--- /dev/null
+++ b/early/Import Manually/tabliss/tabliss.json	
@@ -0,0 +1 @@
+{"background":{"id":"AlVnN3ZSpf3i","key":"background/image","display":{"blur":0,"luminosity":-0.2}},"data/default-time":{"mode":"digital","hour12":false,"showDate":true,"showMinutes":true,"showSeconds":false,"showDayPeriod":true,"timeZone":null},"focus":false,"widget/JVcm-ptH22CB":null,"widget/default-greeting":null,"widget/default-time":{"id":"default-time","key":"widget/time","order":0,"display":{"position":"middleCentre","fontFamily":"Gabarito","fontSize":22}},"data/Oe8h0ATqABMw":{"username":"end-4","showSummary":false},"widget/Oe8h0ATqABMw":{"id":"Oe8h0ATqABMw","key":"widget/github","order":1,"display":{"position":"bottomCentre"}},"widget/u2ZuwyqO-tka":null,"widget/TbRxrpl9QgjK":{"id":"TbRxrpl9QgjK","key":"widget/quote","order":2,"display":{"position":"middleCentre"}},"widget/2J2Q2Cw962KN":null,"widget/tK_0dJhtQXPS":null,"widget/OwW65aQzXLLs":{"id":"OwW65aQzXLLs","key":"widget/links","order":3,"display":{"position":"middleCentre","fontFamily":"JetBrainsMono Nerd Font"}},"data/OwW65aQzXLLs":{"columns":6,"links":[{"url":"https://www.facebook.com/messages/","name":"󰈌"},{"url":"https://discord.com/app","name":"󰙯 ","icon":""},{"url":"https://youtube.com","icon":"","name":""},{"url":"https://soundcloud.com","icon":"","name":""},{"url":"https://github.com","icon":"","name":""},{"url":"https://reddit.com","icon":"","name":" "}],"visible":true,"linkOpenStyle":false},"locale":"en","timeZone":null,"version":3}
\ No newline at end of file
diff --git a/hybrid-summer/.config/btop/btop.conf b/hybrid-summer/.config/btop/btop.conf
new file mode 100644
index 000000000..e37a07ae1
--- /dev/null
+++ b/hybrid-summer/.config/btop/btop.conf
@@ -0,0 +1,212 @@
+#? Config file for btop v. 1.2.13
+
+#* Name of a btop++/bpytop/bashtop formatted ".theme" file, "Default" and "TTY" for builtin themes.
+#* Themes should be placed in "../share/btop/themes" relative to binary or "$HOME/.config/btop/themes"
+color_theme = "TTY"
+
+#* If the theme set background should be shown, set to False if you want terminal background transparency.
+theme_background = False
+
+#* Sets if 24-bit truecolor should be used, will convert 24-bit colors to 256 color (6x6x6 color cube) if false.
+truecolor = True
+
+#* Set to true to force tty mode regardless if a real tty has been detected or not.
+#* Will force 16-color mode and TTY theme, set all graph symbols to "tty" and swap out other non tty friendly symbols.
+force_tty = False
+
+#* Define presets for the layout of the boxes. Preset 0 is always all boxes shown with default settings. Max 9 presets.
+#* Format: "box_name:P:G,box_name:P:G" P=(0 or 1) for alternate positions, G=graph symbol to use for box.
+#* Use whitespace " " as separator between different presets.
+#* Example: "cpu:0:default,mem:0:tty,proc:1:default cpu:0:braille,proc:0:tty"
+presets = "cpu:1:default,proc:0:default cpu:0:default,mem:0:default,net:0:default cpu:0:block,net:0:tty"
+
+#* Set to True to enable "h,j,k,l,g,G" keys for directional control in lists.
+#* Conflicting keys for h:"help" and k:"kill" is accessible while holding shift.
+vim_keys = False
+
+#* Rounded corners on boxes, is ignored if TTY mode is ON.
+rounded_corners = True
+
+#* Default symbols to use for graph creation, "braille", "block" or "tty".
+#* "braille" offers the highest resolution but might not be included in all fonts.
+#* "block" has half the resolution of braille but uses more common characters.
+#* "tty" uses only 3 different symbols but will work with most fonts and should work in a real TTY.
+#* Note that "tty" only has half the horizontal resolution of the other two, so will show a shorter historical view.
+graph_symbol = "braille"
+
+# Graph symbol to use for graphs in cpu box, "default", "braille", "block" or "tty".
+graph_symbol_cpu = "default"
+
+# Graph symbol to use for graphs in cpu box, "default", "braille", "block" or "tty".
+graph_symbol_mem = "default"
+
+# Graph symbol to use for graphs in cpu box, "default", "braille", "block" or "tty".
+graph_symbol_net = "default"
+
+# Graph symbol to use for graphs in cpu box, "default", "braille", "block" or "tty".
+graph_symbol_proc = "default"
+
+#* Manually set which boxes to show. Available values are "cpu mem net proc", separate values with whitespace.
+shown_boxes = "cpu mem net proc"
+
+#* Update time in milliseconds, recommended 2000 ms or above for better sample times for graphs.
+update_ms = 1000
+
+#* Processes sorting, "pid" "program" "arguments" "threads" "user" "memory" "cpu lazy" "cpu direct",
+#* "cpu lazy" sorts top process over time (easier to follow), "cpu direct" updates top process directly.
+proc_sorting = "memory"
+
+#* Reverse sorting order, True or False.
+proc_reversed = False
+
+#* Show processes as a tree.
+proc_tree = False
+
+#* Use the cpu graph colors in the process list.
+proc_colors = True
+
+#* Use a darkening gradient in the process list.
+proc_gradient = True
+
+#* If process cpu usage should be of the core it's running on or usage of the total available cpu power.
+proc_per_core = False
+
+#* Show process memory as bytes instead of percent.
+proc_mem_bytes = True
+
+#* Show cpu graph for each process.
+proc_cpu_graphs = True
+
+#* Use /proc/[pid]/smaps for memory information in the process info box (very slow but more accurate)
+proc_info_smaps = False
+
+#* Show proc box on left side of screen instead of right.
+proc_left = False
+
+#* (Linux) Filter processes tied to the Linux kernel(similar behavior to htop).
+proc_filter_kernel = False
+
+#* Sets the CPU stat shown in upper half of the CPU graph, "total" is always available.
+#* Select from a list of detected attributes from the options menu.
+cpu_graph_upper = "total"
+
+#* Sets the CPU stat shown in lower half of the CPU graph, "total" is always available.
+#* Select from a list of detected attributes from the options menu.
+cpu_graph_lower = "total"
+
+#* Toggles if the lower CPU graph should be inverted.
+cpu_invert_lower = True
+
+#* Set to True to completely disable the lower CPU graph.
+cpu_single_graph = False
+
+#* Show cpu box at bottom of screen instead of top.
+cpu_bottom = False
+
+#* Shows the system uptime in the CPU box.
+show_uptime = True
+
+#* Show cpu temperature.
+check_temp = True
+
+#* Which sensor to use for cpu temperature, use options menu to select from list of available sensors.
+cpu_sensor = "Auto"
+
+#* Show temperatures for cpu cores also if check_temp is True and sensors has been found.
+show_coretemp = True
+
+#* Set a custom mapping between core and coretemp, can be needed on certain cpus to get correct temperature for correct core.
+#* Use lm-sensors or similar to see which cores are reporting temperatures on your machine.
+#* Format "x:y" x=core with wrong temp, y=core with correct temp, use space as separator between multiple entries.
+#* Example: "4:0 5:1 6:3"
+cpu_core_map = ""
+
+#* Which temperature scale to use, available values: "celsius", "fahrenheit", "kelvin" and "rankine".
+temp_scale = "celsius"
+
+#* Use base 10 for bits/bytes sizes, KB = 1000 instead of KiB = 1024.
+base_10_sizes = False
+
+#* Show CPU frequency.
+show_cpu_freq = True
+
+#* Draw a clock at top of screen, formatting according to strftime, empty string to disable.
+#* Special formatting: /host = hostname | /user = username | /uptime = system uptime
+clock_format = "%X"
+
+#* Update main ui in background when menus are showing, set this to false if the menus is flickering too much for comfort.
+background_update = True
+
+#* Custom cpu model name, empty string to disable.
+custom_cpu_name = ""
+
+#* Optional filter for shown disks, should be full path of a mountpoint, separate multiple values with whitespace " ".
+#* Begin line with "exclude=" to change to exclude filter, otherwise defaults to "most include" filter. Example: disks_filter="exclude=/boot /home/user".
+disks_filter = ""
+
+#* Show graphs instead of meters for memory values.
+mem_graphs = True
+
+#* Show mem box below net box instead of above.
+mem_below_net = False
+
+#* Count ZFS ARC in cached and available memory.
+zfs_arc_cached = True
+
+#* If swap memory should be shown in memory box.
+show_swap = True
+
+#* Show swap as a disk, ignores show_swap value above, inserts itself after first disk.
+swap_disk = True
+
+#* If mem box should be split to also show disks info.
+show_disks = True
+
+#* Filter out non physical disks. Set this to False to include network disks, RAM disks and similar.
+only_physical = True
+
+#* Read disks list from /etc/fstab. This also disables only_physical.
+use_fstab = True
+
+#* Setting this to True will hide all datasets, and only show ZFS pools. (IO stats will be calculated per-pool)
+zfs_hide_datasets = False
+
+#* Set to true to show available disk space for privileged users.
+disk_free_priv = False
+
+#* Toggles if io activity % (disk busy time) should be shown in regular disk usage view.
+show_io_stat = True
+
+#* Toggles io mode for disks, showing big graphs for disk read/write speeds.
+io_mode = False
+
+#* Set to True to show combined read/write io graphs in io mode.
+io_graph_combined = False
+
+#* Set the top speed for the io graphs in MiB/s (100 by default), use format "mountpoint:speed" separate disks with whitespace " ".
+#* Example: "/mnt/media:100 /:20 /boot:1".
+io_graph_speeds = ""
+
+#* Set fixed values for network graphs in Mebibits. Is only used if net_auto is also set to False.
+net_download = 100
+
+net_upload = 100
+
+#* Use network graphs auto rescaling mode, ignores any values set above and rescales down to 10 Kibibytes at the lowest.
+net_auto = True
+
+#* Sync the auto scaling for download and upload to whichever currently has the highest scale.
+net_sync = True
+
+#* Starts with the Network Interface specified here.
+net_iface = ""
+
+#* Show battery stats in top right if battery is present.
+show_battery = True
+
+#* Which battery to use if multiple are present. "Auto" for auto detection.
+selected_battery = "Auto"
+
+#* Set loglevel for "~/.config/btop/btop.log" levels are: "ERROR" "WARNING" "INFO" "DEBUG".
+#* The level set includes all lower levels, i.e. "DEBUG" will show all logging info.
+log_level = "WARNING"
\ No newline at end of file
diff --git a/hybrid-summer/.config/dunst/dunstrc b/hybrid-summer/.config/dunst/dunstrc
new file mode 100755
index 000000000..ba0fa272f
--- /dev/null
+++ b/hybrid-summer/.config/dunst/dunstrc
@@ -0,0 +1,59 @@
+[global]
+monitor = 0
+follow = mouse
+origin = top-right offset = 20x73
+offset = 20x73
+geometry = "280x50-20+200"
+indicate_hidden = no
+shrink = no
+separator_height = 4
+separator_color = yes
+padding = 20
+horizontal_padding = 20
+frame_width = 2
+sort = no
+idle_threshold = 120
+font = Rubik 13
+line_height = 4
+markup = full
+format = "<b>%s</b>\n%b"
+alignment = left
+show_age_threshold = 60
+word_wrap = yes
+ignore_newline = no
+stack_duplicates = false
+hide_duplicate_count = yes
+show_indicators = no
+icon_position = left
+max_icon_size = 48
+sticky_history = no
+history_length = 20
+browser = firefox
+always_run_script = true
+title = Dunst
+class = Dunst
+corner_radius = 10
+
+[shortcuts]
+close = ctrl+shift+space
+close_all = ctrl+shift+space
+history = ctrl+grave
+context = ctrl+shift+period
+
+[urgency_low]
+timeout = 4
+background = "#282828"
+foreground = "#EBDBB2"
+frame_color = "#B3925F"
+
+[urgency_normal]
+timeout = 8
+background = "#282828"
+foreground = "#EBDBB2"
+frame_color = "#B3925F"
+
+[urgency_critical]
+timeout = 0
+background = "#1D2021"
+foreground = "#EEAA00"
+frame_color = "#EEAA00"
diff --git a/hybrid-summer/.config/eww/.vscode/c_cpp_properties.json b/hybrid-summer/.config/eww/.vscode/c_cpp_properties.json
new file mode 100644
index 000000000..a2461ad1a
--- /dev/null
+++ b/hybrid-summer/.config/eww/.vscode/c_cpp_properties.json
@@ -0,0 +1,18 @@
+{
+    "configurations": [
+        {
+            "name": "Linux",
+            "includePath": [
+                "${workspaceFolder}/**",
+                "/usr/include/**"
+            ],
+            "defines": [],
+            "compilerPath": "/usr/bin/clang",
+            "cStandard": "c17",
+            "cppStandard": "c++17",
+            "intelliSenseMode": "linux-clang-x64",
+            "configurationProvider": "ms-vscode.makefile-tools",
+        }
+    ],
+    "version": 4
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/.vscode/settings.json b/hybrid-summer/.config/eww/.vscode/settings.json
new file mode 100644
index 000000000..abe6dad5e
--- /dev/null
+++ b/hybrid-summer/.config/eww/.vscode/settings.json
@@ -0,0 +1,56 @@
+{
+    "files.associations": {
+        "optional": "cpp",
+        "system_error": "cpp",
+        "fstream": "cpp",
+        "iosfwd": "cpp",
+        "string_view": "cpp",
+        "string": "cpp",
+        "any": "cpp",
+        "array": "cpp",
+        "bit": "cpp",
+        "*.tcc": "cpp",
+        "cctype": "cpp",
+        "clocale": "cpp",
+        "cmath": "cpp",
+        "codecvt": "cpp",
+        "compare": "cpp",
+        "concepts": "cpp",
+        "cstddef": "cpp",
+        "cstdint": "cpp",
+        "cstdio": "cpp",
+        "cstdlib": "cpp",
+        "cstring": "cpp",
+        "ctime": "cpp",
+        "cwchar": "cpp",
+        "cwctype": "cpp",
+        "deque": "cpp",
+        "forward_list": "cpp",
+        "map": "cpp",
+        "unordered_map": "cpp",
+        "vector": "cpp",
+        "exception": "cpp",
+        "functional": "cpp",
+        "initializer_list": "cpp",
+        "iomanip": "cpp",
+        "iostream": "cpp",
+        "istream": "cpp",
+        "limits": "cpp",
+        "memory": "cpp",
+        "new": "cpp",
+        "numbers": "cpp",
+        "numeric": "cpp",
+        "ostream": "cpp",
+        "ranges": "cpp",
+        "ratio": "cpp",
+        "span": "cpp",
+        "sstream": "cpp",
+        "stdexcept": "cpp",
+        "streambuf": "cpp",
+        "type_traits": "cpp",
+        "tuple": "cpp",
+        "typeinfo": "cpp",
+        "utility": "cpp",
+        "valarray": "cpp"
+    }
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/.vscode/tasks.json b/hybrid-summer/.config/eww/.vscode/tasks.json
new file mode 100644
index 000000000..2cd0264c6
--- /dev/null
+++ b/hybrid-summer/.config/eww/.vscode/tasks.json
@@ -0,0 +1,30 @@
+{
+    "tasks": [
+        {
+            "type": "cppbuild",
+            "label": "C/C++: g++ build active file",
+            "command": "/usr/bin/g++",
+            "args": [
+                "-fdiagnostics-color=always",
+                "-g",
+                "${file}",
+                "-o",
+                "${fileDirname}/${fileBasenameNoExtension}",
+                "-lboost_iostreams",
+                "`pkg-config --libs boost_iostreams`"
+            ],
+            "options": {
+                "cwd": "${fileDirname}"
+            },
+            "problemMatcher": [
+                "$gcc"
+            ],
+            "group": {
+                "kind": "build",
+                "isDefault": true
+            },
+            "detail": "Task generated by Debugger."
+        }
+    ],
+    "version": "2.0.0"
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/css/_bgdecor.scss b/hybrid-summer/.config/eww/css/_bgdecor.scss
new file mode 100755
index 000000000..9ca03cd64
--- /dev/null
+++ b/hybrid-summer/.config/eww/css/_bgdecor.scss
@@ -0,0 +1,125 @@
+.bg-decor-dow {
+  color: $onPrimaryContainer;
+  font-family: Rubik;
+  font-size: 35pt;
+}
+
+.bg-decor-date {
+  color: $onPrimaryContainer;
+  font-family: Rubik;
+  font-size: 20pt;
+}
+
+.bg-module {
+  // background-color: shade($colorbg, 10%);
+  border-radius: 30px;
+  padding: 20px;
+  margin: 5px;
+}
+
+.bg-text {
+  text-shadow: -1px -1px 0 $primaryContainer,
+    1px -1px 0 $primaryContainer,
+    -1px 1px 0 $primaryContainer,
+    1px 1px 0 $primaryContainer;
+  color: $onPrimaryContainer;
+  font-family: 'Rubik';
+}
+
+.bg-icon {
+  margin-bottom: 9px;
+  color: $onSecondaryContainer;
+  font-family: 'Material Symbols Rounded';
+  font-size: 15pt;
+  min-width: 40px;
+  min-height: 40px;
+  background-color: $secondaryContainer;
+  border-radius: 13px;
+}
+
+.bg-title {
+  text-shadow: -1px -1px 0 $primaryContainer,
+    1px -1px 0 $primaryContainer,
+    -1px 1px 0 $primaryContainer,
+    1px 1px 0 $primaryContainer;
+  color: $onPrimaryContainer;
+  font-size: 16pt;
+  margin: 5px;
+  padding-bottom: 10px;
+  padding-left: 5px;
+}
+
+.bg-cool-text {
+  color: $onPrimaryContainer;
+  font-family: 'Rubik';
+  font-size: 13pt;
+  margin: 5px;
+  text-shadow: -1px -1px 0 $primaryContainer,
+    1px -1px 0 $primaryContainer,
+    -1px 1px 0 $primaryContainer,
+    1px 1px 0 $primaryContainer;
+}
+
+.bg-progress {
+  margin: 5px;
+  min-width: 450px;
+
+  trough {
+    border-radius: 9999px;
+    background-color: #24222A;
+    min-height: 10px;
+  }
+
+  highlight {
+    border-radius: 9999px;
+    background-color: $color3;
+  }
+}
+
+.bg-graph-container {
+  min-width: 150px;
+  min-height: 30px;
+  padding-bottom: 4px;
+  padding-top: 4px;
+  border-radius: 8px;
+  border: 1px solid $onPrimaryContainer;
+  margin: 5px;
+  box-shadow: -1px -1px 0 $primaryContainer,
+    1px -1px 0 $primaryContainer,
+    -1px 1px 0 $primaryContainer,
+    1px 1px 0 $primaryContainer;
+}
+
+.bg-graph {
+  color: $color3;
+  // background-color: $color3;
+}
+
+.bg-date {
+  min-width: 500px;
+}
+
+.bg-decor-input-left {
+  border-top-left-radius: 999px;
+  border-bottom-left-radius: 999px;
+  margin-top: 30px;
+  padding-left: 20px;
+  padding-right: 20px;
+  font-size: 15pt;
+  min-height: 50px;
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.bg-decor-input-right {
+  border-top-right-radius: 999px;
+  border-bottom-right-radius: 999px;
+  margin-top: 30px;
+  padding-left: 20px;
+  padding-right: 20px;
+  // padding-top: 5px;
+  // padding-bottom: 5px;
+  font-size: 15pt;
+  min-height: 50px;
+  background-color: rgba(255, 255, 255, 0.2);
+  color: rgba(255, 255, 255, 0.2);
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/css/_bottombar.scss b/hybrid-summer/.config/eww/css/_bottombar.scss
new file mode 100755
index 000000000..561196de1
--- /dev/null
+++ b/hybrid-summer/.config/eww/css/_bottombar.scss
@@ -0,0 +1,59 @@
+.bottombar-closed-hitbox {
+  min-width: 1920px;
+  background-color: mix(rgba(30, 30, 30, 0.5), $colorbg, 50%);
+}
+.bottombar-bg {
+  min-width: 1920px;
+  min-height: 300px;
+  border-top-left-radius: 26px;
+  border-top-right-radius: 26px;
+  background-color: shade($colorbg, 70%);
+  background-size: 100% auto;
+  background-position: center center;
+}
+
+.bottombar-bg-front {
+  min-width: 1920px;
+  min-height: 300px;
+  border-top-left-radius: 26px;
+  border-top-right-radius: 26px;
+  background-color: mix(rgba(30, 30, 30, 0.5), $colorbg, 50%);
+  background-size: 100% 100%;
+}
+
+.cava-column {
+  // background-image: linear-gradient($color1, $color3);
+  background-color: rgb(176, 226, 247);
+  border-top-left-radius: 99px;
+  border-top-right-radius: 99px;
+  margin: 6px;
+  margin-bottom: 0px;
+}
+
+.bottombar-musicinfo-box {
+  margin-left: 50px;
+  margin-top: 50px;
+}
+
+.bottombar-title {
+  font-family: 'Gabarito';
+  font-size: 30pt;
+  font-weight: 700;
+  text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
+}
+
+.bottombar-artist {
+  font-family: 'Gabarito';
+  font-size: 16pt;
+  font-weight: 700;
+  text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
+}
+
+.bottombar-music-cover {
+  border-radius: 15px;
+  min-height: 200px;
+  min-width: 200px;
+  background-size: auto 100%;
+  background-position: center;
+  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/css/_calendar.scss b/hybrid-summer/.config/eww/css/_calendar.scss
new file mode 100755
index 000000000..e22548ba9
--- /dev/null
+++ b/hybrid-summer/.config/eww/css/_calendar.scss
@@ -0,0 +1,125 @@
+.calendar-win {
+  @include window;
+  background-color: $colorbarbg;
+  border: 3px solid $color3;
+  border-radius: 15px;
+  color: $colortext;
+  padding: .2em;
+  font-family: 'Rubik';
+  margin: 14px;
+}
+
+calendar {
+  * {
+    padding-top: 10px;
+    color: $primary;
+  }
+
+  :selected {
+    color: $onPrimary;
+    font-weight: bolder;
+    background-color: $primary;
+    border-radius: 8px;
+  }
+
+  .header {
+    color: $colortext;
+    margin: 15px;
+    min-height: 400px;
+  }
+
+  .highlight {
+    color: $onTertiaryContainer;
+    font-weight: bold;
+  }
+
+  .button {
+    color: $colortext;
+    padding-top: 10px;
+  }
+
+  :indeterminate {
+    color: $onBackground;
+  }
+}
+
+.calendarwin-title {
+  border-radius: 9999px;
+  font-size: 15pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  margin: 1px;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.calendarwin-button {
+  border-radius: 9999px;
+  font-size: 12pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  margin: 1px;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.calendarwin-text {
+  border-radius: 9999px;
+  font-size: 11pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.calendarwin-icon {
+  background-position: center;
+  min-height: 42px;
+  min-width: 30px;
+}
+
+.calendarwin-text {
+  border-radius: 9999px;
+  font-size: 12pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  min-height: 50px;
+  min-width: 50px;
+  margin: 3px;
+}
+
+.calendarwin-day-1 {
+  background-color: transparent;
+  color: #7C7C7C;
+}
+
+.calendarwin-day0 {
+  background-color: transparent;
+  color: white;
+}
+
+.calendarwin-day1 {
+  background-color: $primary;
+  color: black;
+}
+
+.calendarwin-day0:hover {
+  background-color: rgba(75, 75, 75, 0.5);
+}
+
+.calendarwin-day0:active {
+  background-color: tint(rgba(75, 75, 75, 0.5), 10%);
+}
+
+.calendarwin-day1:hover {
+  background-color: tint($color4, 10%);
+  color: black;
+}
+
+.calendarwin-day1:active {
+  background-color: tint($color4, 20%);
+  color: black;
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/css/_colors.scss b/hybrid-summer/.config/eww/css/_colors.scss
new file mode 100755
index 000000000..7e7546543
--- /dev/null
+++ b/hybrid-summer/.config/eww/css/_colors.scss
@@ -0,0 +1,77 @@
+
+
+$rosewater: #f5e0dc;
+$flamingo: #f2cdcd;
+$pink: #f5c2e7;
+$mauve: #cba6f7;
+$red: #f38ba8;
+// $red:         #EF738A;
+$maroon: #eba0ac;
+$peach: #fab387;
+$yellow: #f9e2af;
+$green: #a6e3a1;
+$teal: #94e2d5;
+$sky: #89dceb;
+$sapphire: #74c7ec;
+$blue: #89b4fa;
+$lavender: #b4befe;
+$true: #EF738A;
+$false: #A9B1D6;
+
+
+$forestgreen: #A8B468;
+$forestyellow : #8e8370;
+$foresttext : #d3c6ab;
+$forestblack : #1e201f;
+$forestred : #e76c69;
+$forestpink : #d698b5;
+$forestorange : #e59576;
+$forestgray : #75817b;
+$forestgraylight: #495156;
+$forestgreendark: #7fba90;
+$forestblue: #77AEA7;
+
+$tokyobluedark: #1A1B26;
+$tokyobluelessdark: #1f212e;
+$tokyotext: #a9b1d6;
+$tokyopink: #ff79b1; //nah theres no pink in tokyonight, but i need one so added
+$tokyored: #EF738A;
+$tokyoorange: #FF9E64;
+$tokyoyellow: #E0AF68;
+$tokyogreen: #9ECE6A;
+$tokyoturquoise: #73daca;
+$tokyoice: #b4f9f8;
+$tokyocyan: #0DB9D7;
+$tokyoblue: #7AA2F7;
+$tokyopurple: #9778D0;
+$tokyogrey: #444B6A;
+$catbg: #1E1E2E;
+
+$text: $tokyotext;
+$subtext1: #868dac;
+$subtext0: #a6adc8;
+$overlay2: #9399b2;
+$overlay1: #7f849c;
+$overlay0: rgba(108, 112, 134, 0.4);
+$overlayedge: rgba(108, 112, 134, 0.15);
+
+$hover0: rgba(200, 200, 200, 0.3);
+
+$surface2: rgba(88, 91, 112, 0.7);
+$surface1: rgba(69, 71, 90, 0.7);
+// $surface0: rgba(28, 28, 48, 0.5); //Needs dynamic change
+// $surface0: #24222A; //Needs dynamic change
+
+
+$base: #1E201F;
+$mantle: #181825;
+$crust: #121415;
+
+$fg: $tokyotext;
+$bg: #171726;
+$barbg: #131426;
+$shadow: $crust;
+
+// $battcolor: $tokyogreen;
+// $memcolor: $tokyoorange;
+// $cpucolor: $tokyoblue;
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/css/_colorscheme.scss b/hybrid-summer/.config/eww/css/_colorscheme.scss
new file mode 100755
index 000000000..0d7028c2c
--- /dev/null
+++ b/hybrid-summer/.config/eww/css/_colorscheme.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #1f1207;
+$colorbg: rgba(31,18,7,0.75);
+$colortext: #cad7db;
+$color0: #AF8D61;
+$color1: #CEB153;
+$color2: #D99C69;
+$color3: #7B8387;
+$color4: #E4A794;
+$color5: #EFD69C;
+$color6: #cad7db;
+$color7: #7B8387;
diff --git a/hybrid-summer/.config/eww/css/_colorscheme_default.scss b/hybrid-summer/.config/eww/css/_colorscheme_default.scss
new file mode 100755
index 000000000..37aaee4c4
--- /dev/null
+++ b/hybrid-summer/.config/eww/css/_colorscheme_default.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000653264299-7lydij-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #090727;
+$colorbg: rgba(9,7,39,0.7);
+$colortext: #e1e4f1;
+$color0: #926AC9;
+$color1: #2994E6;
+$color2: #5E9EE8;
+$color3: #5BC3E9;
+$color4: #9EA8E4;
+$color5: #AEC4E9;
+$color6: #e1e4f1;
+$color7: #5BC3E9;
diff --git a/hybrid-summer/.config/eww/css/_colorscheme_osu.scss b/hybrid-summer/.config/eww/css/_colorscheme_osu.scss
new file mode 100755
index 000000000..48bb59f78
--- /dev/null
+++ b/hybrid-summer/.config/eww/css/_colorscheme_osu.scss
@@ -0,0 +1,11 @@
+$colorbg: #0f0e11;   //Get from color0
+$colortext: white; //Get from color4
+$color0: #8C66FF;
+$color1: #CC3378;
+$color2: #5933CC;
+$color3: #EEAA00;
+$color4: white;
+$color5: white;
+$color6: white;
+$color7: white; //Get from color4 (border)
+$colormusic: white;
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/css/_dashboard.scss b/hybrid-summer/.config/eww/css/_dashboard.scss
new file mode 100755
index 000000000..4f5d533e3
--- /dev/null
+++ b/hybrid-summer/.config/eww/css/_dashboard.scss
@@ -0,0 +1,236 @@
+.dash-window {
+  background-color: transparent;
+}
+
+.dash-title {
+  color: $primary;
+  font-size: 18pt;
+}
+
+.dash-subtitle {
+  color: $color5;
+  font-size: 13pt;
+}
+
+.dash {
+  min-height: 50px;
+  min-width: 50px;
+  background-color: $colorbarbg;
+  border-radius: 15px;
+  padding: 20px;
+  margin: 5px;
+}
+
+.dash-profile {
+  min-width: 300px;
+  min-height: 228px;
+}
+
+.dash-user-pic {
+  margin: 20px;
+  min-width: 150px;
+  min-height: 150px;
+  background-repeat: no-repeat;
+  background-size: 100%;
+  border-radius: 1500px;
+  background-position: center;
+}
+
+.dash-fetch {
+  color: $colortext;
+  font-size: 15pt;
+}
+
+.dash-fetch-icon {
+  color: $colortext;
+  font-size: 16pt;
+  margin: 3px;
+  font-family: Material Symbols Rounded;
+}
+
+.dash-fetch-icon-nerd {
+  color: $colortext;
+  font-size: 16pt;
+  margin: 3px;
+  font-family: JetBrainsMono Nerd Font Regular;
+}
+
+.dash-icon {
+  font-size: 24pt;
+  font-weight: bold;
+  font-family: Material Symbols Rounded;
+}
+
+.dash-button {
+  border-radius: 15px;
+}
+
+.dash-button:hover {
+  background-color: tint($colorbarbg, 10%);
+}
+
+.dash-button:focus {
+  background-color: tint($colorbarbg, 10%);
+}
+
+.dash-button:active {
+  background-color: tint($colorbarbg, 20%);
+}
+
+.dash-quote-content {
+  margin: 2px;
+  color: $colortext;
+  font-size: 14pt;
+}
+
+.dash-quote-author {
+  margin: 2px;
+  color: $colortext;
+  font-size: 12pt;
+}
+
+.dash-tile {
+  min-width: 800px;
+}
+
+.dash-input-icon {
+  padding-left: 15px;
+  padding-right: 15px;
+  min-width: 30px;
+  margin: -5px;
+  margin-left: 15px;
+  background-color: $colorbarbg;
+  border: 2px solid tint($colorbarbg, 10%);
+  border-radius: 10px;
+  color: $colortext;
+  font-size: 19pt;
+}
+
+.dash-input {
+  padding-left: 15px;
+  padding-right: 15px;
+  min-width: 860px;
+  margin: -5px;
+  background-color: $colorbarbg;
+  border: 2px solid tint($colorbarbg, 10%);
+  border-radius: 10px;
+  color: $colortext;
+  font-size: 15pt;
+  caret-color: $colortext;
+
+  selection {
+    background-color: rgba(154, 152, 152, 0.5);
+  }
+}
+
+.dash-time {
+  color: $primary;
+  font-size: 35pt;
+}
+
+.dash-date {
+  color: $primary;
+  font-size: 18pt;
+}
+
+.dash-clock-text-area {
+  min-width: 200px;
+}
+
+.dash-clock-circle-area {
+  // margin-left: 10px;
+}
+
+.dash-clock-circle {
+  background-color: $surface0;
+}
+
+.dash-clock-inner {
+  padding: 36px;
+}
+
+.dash-clock-circle-minute {
+  margin: 10px;
+  background-color: $overlay0;
+}
+
+.dash-debug-area {
+  background-color: rgba(214, 28, 50, 0.3);
+}
+
+.dash-dir-area {
+  min-width: 198px;
+}
+
+.dash-dir {
+  font-size: 15pt;
+  padding: 10px;
+  padding-left: 15px;
+}
+
+.dash-resources {
+  min-width: 198px;
+  min-height: 122px;
+}
+
+.dash-resouce-icon {
+  font-size: 99pt;
+}
+
+.dash-resource-inner {
+  padding: 30px;
+}
+
+.dash-resource-text {
+  font-size: 15pt;
+  margin: 3px;
+}
+
+.dash-resource-title {
+  font-size: 15pt;
+}
+
+.dash-resource-tile {
+  // background-color: tint($colorbarbg, 20%);
+  border-radius: 12px;
+  padding-left: 15px;
+  padding-right: 15px;
+  padding-top: 11px;
+  // padding: 15px;
+}
+
+.clrt {
+  color: $colortext;
+}
+
+.clr0 {
+  color: $primary;
+}
+
+.clr1 {
+  color: $secondary;
+}
+
+.clr2 {
+  color: $tertiary;
+}
+
+.clr3 {
+  color: $primary;
+}
+
+.clr4 {
+  color: $secondary;
+}
+
+.clr5 {
+  color: $tertiary;
+}
+
+.clr6 {
+  color: $primary;
+}
+
+.clr7 {
+  color: $secondary;
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/css/_dashfs.scss b/hybrid-summer/.config/eww/css/_dashfs.scss
new file mode 100755
index 000000000..183c10e68
--- /dev/null
+++ b/hybrid-summer/.config/eww/css/_dashfs.scss
@@ -0,0 +1,338 @@
+.dashfs-bg {
+  background-color: rgba(20, 20, 20, 0.7);
+}
+
+.dashfs-greet {
+  border-radius: 10px;
+  margin-top: 40px;
+  margin-left: 40px;
+  border: 3px solid transparent;
+  border-left: 3px solid $color5;
+  padding: 10px;
+}
+
+.dashfs-greet-text {
+  font-family: 'Rubik';
+  font-size: 20pt;
+  color: $color5;
+}
+
+.dashfs-clock {
+  border-radius: 10px;
+  margin-top: 40px;
+  margin-right: 40px;
+  border: 3px solid transparent;
+  border-right: 3px solid $color4;
+  padding: 15px;
+}
+
+.dashfs-clock-time {
+  margin-top: -15px;
+  font-family: 'Rubik';
+  font-size: 45pt;
+  color: $color4;
+}
+
+.dashfs-clock-date {
+  font-family: 'Rubik';
+  font-size: 22pt;
+  color: $color4;
+}
+
+.dashfs-calendar-title {
+  border-radius: 9999px;
+  font-size: 15pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  margin: 1px;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.dashfs-calendar-button {
+  border-radius: 9999px;
+  font-size: 12pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  margin: 1px;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.dashfs-calendar-text {
+  border-radius: 9999px;
+  font-size: 11pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.dashfs-section-nopad {
+  border-radius: 10px;
+  border: 3px solid transparent;
+  border-top: 3px solid $color4;
+}
+
+.dashfs-section {
+  border-radius: 10px;
+  border: 3px solid transparent;
+  border-top: 3px solid $color1;
+  padding: 10px;
+  min-width: 200px;
+}
+
+.dashfs-section-title {
+  color: $color1;
+  font-size: 18pt;
+  font-family: 'Rubik';
+  margin-bottom: 5px;
+}
+
+.dashfs-fetch {
+  color: $color1;
+  font-size: 15pt;
+  font-family: 'Rubik';
+}
+
+.dashfs-fetch-icon {
+  color: $color1;
+  font-size: 16pt;
+  margin: 5px 0px;
+  margin-right: 10px;
+  font-family: 'Material Symbols Rounded';
+}
+
+.dashfs-section-button {
+  border-radius: 8px;
+  padding: 0 10px;
+}
+
+.dashfs-section-button:hover {
+  background-color: $overlay0;
+}
+
+.dashfs-calendar-icon {
+  background-position: center;
+  min-height: 42px;
+  min-width: 30px;
+}
+
+.dashfs-monthbutton {
+  // background-size: 80% auto;
+  background-color: transparent;
+  background-position: center;
+  border-radius: 6px;
+  margin: 12px 3px;
+  margin-top: 0px;
+  padding: 6px;
+  min-width: 20px;
+  min-height: 20px;
+}
+
+.dashfs-monthbutton:hover {
+  background-color: rgba(95, 95, 95, 0.4);
+}
+
+.dashfs-calendar-text {
+  border-radius: 9999px;
+  font-size: 12pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.dashfs-nerd-icon {
+  color: $color1;
+  font-size: 16pt;
+  margin: 5px 0px;
+  margin-right: 10px;
+  font-family: 'JetBrainsMono Nerd Font';
+}
+
+.dashfs-button-only {
+  :first-child {
+    :first-child {
+      border-radius: 10px;
+      border: 1px solid transparent;
+      border-top: 1px solid transparent;
+    }
+  }
+}
+
+.dashfs-button-only:hover {
+  :first-child {
+    :first-child {
+      background-color: shade($overlay0, 2%);
+      border: 1px solid $overlayedge;
+      border-top: 1px solid tint($overlayedge, 5%);
+    }
+  }
+}
+
+.dashfs-button-pad {
+  padding: 3px;
+  // min-width: 42px;
+  min-height: 42px;
+}
+
+.dashfs-taskbaricon {
+  background-size: 60%;
+  background-position: center;
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 10px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.dashfs-taskbaricon-false {
+  background-size: 70%;
+  background-position: center;
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 10px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.dashfs-taskbaricon-true {
+  background-size: 70%;
+  background-position: center;
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.dashfs-taskbar-indicator-true {
+  border-radius: 10px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+  margin-bottom: 4px;
+  margin-top: 65px;
+  margin-left: 25px;
+  margin-right: 25px;
+  background-color: $color4;
+}
+
+.dashfs-taskbar-indicator-false {
+  border-radius: 10px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+  margin-bottom: 4px;
+  margin-top: 65px;
+  margin-left: 32px;
+  margin-right: 32px;
+  background-color: #9C98A3;
+}
+
+.dashfs-day-1 {
+  background-color: transparent;
+  color: #7C7C7C;
+}
+
+.dashfs-day0 {
+  background-color: transparent;
+  color: white;
+}
+
+.dashfs-day1 {
+  background-color: tint($color4, 20%);
+  color: black;
+}
+
+.dashfs-day0:hover {
+  background-color: rgba(75, 75, 75, 0.5);
+}
+
+.dashfs-day0:active {
+  background-color: tint(rgba(75, 75, 75, 0.5), 10%);
+}
+
+.dashfs-day1:hover {
+  background-color: tint($color4, 10%);
+  color: black;
+}
+
+.dashfs-day1:active {
+  background-color: tint($color4, 20%);
+  color: black;
+}
+
+.dashfs-music-cover {
+  border-radius: 10px;
+  min-height: 50px;
+  min-width: 50px;
+  background-size: auto 100%;
+  background-position: center;
+}
+
+.dashfs-resource-title {
+  color: $tertiary;
+  font-size: 18pt;
+  font-family: 'Rubik';
+  margin-bottom: 5px;
+}
+
+.dashfs-resource-box {
+  border-radius: 10px;
+  border: 3px solid transparent;
+  border-top: 3px solid $tertiary;
+  padding: 20px 5px;
+  min-width: 110px;
+}
+
+.dashfs-resource-circle {
+  color: $tertiary;
+  background-color: #5B5A5C;
+}
+
+.dashfs-resource-icon {
+  color: $tertiary;
+  font-size: 30pt;
+  font-family: 'Material Symbols Rounded';
+}
+
+.dashfs-resource-label {
+  color: $onTertiary;
+  background-color: $tertiary;
+  font-size: 13pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  padding: 3px 8px;
+  border-radius: 9999px;
+  min-width: 50px;
+}
+
+.dashfs-graph {
+  background-image: url('images/svg/graph.svg');
+  background-size: 100% 100%;
+  background-position: center;
+}
+
+.dashfs-cava-column {
+  background-color: rgba(176, 226, 247, 0.1);
+  border-radius: 9999px;
+  margin: 5px 0;
+}
+
+.dashfs-quote-content {
+  font-family: 'Space Grotesk';
+  font-weight: 500;
+  font-size: 16pt;
+  color: $primary;
+}
+
+.dashfs-quote-author {
+  font-family: 'Space Grotesk';
+  font-weight: 500;
+  font-size: 14pt;
+  color: $primary;
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/css/_editmode.scss b/hybrid-summer/.config/eww/css/_editmode.scss
new file mode 100755
index 000000000..3733a2095
--- /dev/null
+++ b/hybrid-summer/.config/eww/css/_editmode.scss
@@ -0,0 +1,18 @@
+.edit-mode-checkbox-false {
+  min-height: 53px;
+  min-width: 53px;
+  // background-image: url('images/svg/tournaments.svg');
+  background-size: auto 65%;
+  background-position: center;
+  color: transparent;
+}
+
+.edit-mode-checkbox-true {
+  min-height: 53px;
+  min-width: 53px;
+  background-color: $overlay0;
+  // background-image: url('images/svg/tournaments.svg');
+  background-size: auto 65%;
+  background-position: center;
+  color: transparent;
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/css/_iconcolor.txt b/hybrid-summer/.config/eww/css/_iconcolor.txt
new file mode 100755
index 000000000..61e55c5c0
--- /dev/null
+++ b/hybrid-summer/.config/eww/css/_iconcolor.txt
@@ -0,0 +1,6 @@
+#ffdbc4
+#caca93
+#92360F
+#A7683C
+#DA681D
+#DA681D
diff --git a/hybrid-summer/.config/eww/css/_iconcolor_default.txt b/hybrid-summer/.config/eww/css/_iconcolor_default.txt
new file mode 100755
index 000000000..3d888e238
--- /dev/null
+++ b/hybrid-summer/.config/eww/css/_iconcolor_default.txt
@@ -0,0 +1 @@
+#e1e4f1
diff --git a/hybrid-summer/.config/eww/css/_material.scss b/hybrid-summer/.config/eww/css/_material.scss
new file mode 100644
index 000000000..76fa24ab2
--- /dev/null
+++ b/hybrid-summer/.config/eww/css/_material.scss
@@ -0,0 +1,27 @@
+$primary: #ffb684;
+$onPrimary: #512300;
+$primaryContainer: #733500;
+$onPrimaryContainer: #ffdbc4;
+$secondary: #e5bfa8;
+$onSecondary: #432b1b;
+$secondaryContainer: #5b4130;
+$onSecondaryContainer: #ffdbc4;
+$tertiary: #caca93;
+$onTertiary: #31320a;
+$tertiaryContainer: #48491e;
+$onTertiaryContainer: #e6e6ad;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #201a17;
+$onBackground: #ece0da;
+$surface: #201a17;
+$onSurface: #ece0da;
+$surfaceVariant: #52443c;
+$onSurfaceVariant: #d7c3b8;
+$outline: #9f8d83;
+$shadow: #000000;
+$inverseSurface: #ece0da;
+$inverseOnSurface: #362f2b;
+$inversePrimary: #954905;
diff --git a/hybrid-summer/.config/eww/css/_music.scss b/hybrid-summer/.config/eww/css/_music.scss
new file mode 100755
index 000000000..5f120c08d
--- /dev/null
+++ b/hybrid-summer/.config/eww/css/_music.scss
@@ -0,0 +1,305 @@
+.music-area {
+  padding: 10px;
+  @include rounding;
+}
+
+.song-cover-art {
+  @include rounding;
+  background-position: center;
+  background-size: 100%;
+  margin: 4px 5px 4px 0;
+  min-height: 24px;
+  min-width: 24px;
+}
+
+.music-window {
+  @include window;
+  @include rounding;
+  background-color: $colorbarbg;
+  border: 3px solid;
+  color: $colortext;
+  margin: 3px;
+}
+
+.music-cover-art {
+  @include rounding;
+  background-color: transparent;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-image: url("eww_covers/cover_art_default");
+  background-position: 50% 15%;
+  // border-radius: 5px;
+  // margin: 1em;
+  // min-height: 200px;
+  min-width: 200px;
+}
+
+.music-box {
+  @include rounding;
+  padding-top: 24px;
+  background-color: rgba(0, 0, 0, 0.4);
+  background-position: top;
+}
+
+.music-title {
+  // font-weight: bold;
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  min-height: 39px;
+  font-size: 19pt;
+  color: $colortext;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+.music-title-hover {
+  // font-weight: bold;
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  font-size: 19pt;
+  color: $colortext;
+  background-color: $overlay0;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+.music-title-bar {
+  font-family: 'Rubik';
+  font-size: 15pt;
+  color: $colorbar;
+  padding-left: 10px;
+  padding-right: 10px;
+
+}
+
+.music-artist-bar {
+  color: $colorbar;
+  padding-left: 10px;
+  padding-right: 10px;
+  font-family: 'Rubik';
+  font-size: 11pt;
+}
+
+.music-artist {
+  color: $colortext;
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  font-weight: bold;
+  margin-bottom: 5px;
+  min-height: 25px;
+}
+
+.music-button label {
+  font-family: 'Material Symbols Rounded';
+  // color: $text;
+  font-size: 2rem;
+  font-family: SF Mono Nerd Font;
+  padding: 8px;
+}
+
+.music-time {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  color: $color1;
+  margin: 0 1rem;
+}
+
+.music-bar scale {
+  font-family: 'Material Symbols Rounded';
+  font-family: SF Mono Nerd Font;
+
+  highlight {
+    background-color: $color1;
+    border-radius: 24px;
+  }
+
+  trough {
+    background-color: $surface0;
+    border-radius: 24px;
+    min-height: 10px;
+    min-width: 170px;
+  }
+}
+
+.music-ctl {
+  border-radius: 0px;
+  color: $color1;
+  // padding-right: 10px;
+  min-height: 53px;
+}
+
+.music-icon {
+  padding-top: 5px; //Because the music icon is a bit high
+  padding-left: 16px;
+  padding-right: 16px;
+  color: $color1;
+  background-image: url("images/LinageMusic.png");
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.music-ctl-revealer {
+  margin-top: -4px;
+  // transition: 200ms cubic-bezier(0.3, 0, 0.8, 0.15);
+}
+
+.music-ctl-revealer-false {
+  // padding-left: 10px;
+}
+
+.music-ctl-revealer-true {
+  background-color: $overlay0;
+}
+
+.music-media-source {
+  border-top-left-radius: 10px;
+  border-bottom-right-radius: 15px;
+  min-width: 40px;
+  min-height: 20px;
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.music-source-icon {
+  font-family: 'JetBrainsMono Nerd Font';
+  font-size: 16pt;
+  margin-right: 5px;
+}
+
+.song-button {
+  color: $colortext;
+  border-radius: 9999px;
+  margin: 3px 3px;
+  min-width: 52px;
+  font-size: 32pt;
+}
+
+.song-button:hover {
+  background-color: $overlay0;
+}
+
+.music-button-box {
+  font-family: 'Material Symbols Rounded';
+  color: $colortext;
+  min-width: 160px;
+  margin-top: 6px;
+  margin-bottom: 6px;
+  padding-bottom: 0px;
+  background-color: rgba(0, 0, 0, 0.6);
+  border-radius: 9999px;
+}
+
+.osu-music-box {
+  // min-width: 75px;
+  min-height: 53px;
+  background-size: auto 65%;
+  background-position: 50% 50%;
+  // background-image: url('images/svg/beatmaps.svg');
+  // background-color: $colorbarbg;
+  background-repeat: no-repeat;
+  padding-left: 15px;
+}
+
+.osu-music-box-dummy {
+  min-width: 50px;
+  min-height: 53px;
+  margin-right: -6px;
+  margin-left: 6px;
+}
+
+.osu-music-slider {
+  margin-top: 9px;
+  margin-bottom: 9px;
+  min-height: 6px;
+  padding-left: 13px;
+
+  trough {
+    border-radius: 9999px;
+    background-color: #5c5b5b;
+    min-height: 6px;
+    // margin-left: 32px;
+    // margin-right: 32px;
+    // min-width: 70px;
+    min-width: 3px;
+  }
+
+  highlight {
+    min-width: 3px;
+    border-radius: 9999px;
+    background-color: $colorbar;
+  }
+}
+
+.track-scale {
+  @include rounding;
+
+  trough {
+    border-bottom-left-radius: 9999px;
+    border-bottom-right-radius: 9999px;
+    background-color: rgba(0, 0, 0, 0.8);
+    min-height: 8px;
+    // margin-left: 32px;
+    // margin-right: 32px;
+    // min-width: 70px;
+    min-width: 3px;
+  }
+
+  highlight {
+    min-width: 8px;
+    border-bottom-left-radius: 9999px;
+    border-bottom-right-radius: 9999px;
+    background-color: $color0;
+  }
+}
+
+.bar-music-cover {
+  border-radius: 10px;
+  min-height: 45px;
+  min-width: 45px;
+  background-size: auto 100%;
+  background-position: center;
+}
+
+.bar-music-state {
+  font-family: 'Material Symbols Rounded';
+  color: $color6;
+  background-color: rgba(0, 0, 0, 0.7);
+  border-radius: 9999px;
+  min-width: 30px;
+  min-height: 30px;
+}
+
+.music-cava-column {
+  background-color: $color0;
+  margin: 0 3px;
+  margin-bottom: 8px;
+  border-top-left-radius: 99px;
+  border-top-right-radius: 99px;
+}
+
+.music-time-label {
+  color: $colorbar;
+  background-color: rgba(0, 0, 0, 0.6);
+  font-size: 13pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  padding: 3px 8px;
+  border-radius: 9999px;
+  min-width: 50px;
+}
+
+.music-button-box-bar {
+  font-family: 'Material Symbols Rounded';
+  color: $colortext;
+  min-width: 160px;
+  margin: 0 0px;
+  border-radius: 9999px;
+}
+
+.song-button-bar {
+  color: $colortext;
+  border-radius: 9999px;
+  // margin: 3px;
+  min-width: 52px;
+  font-size: 32pt;
+}
+
+.song-button-bar:hover {
+  background-color: rgba(0, 0, 0, 0.4);
+}
diff --git a/hybrid-summer/.config/eww/css/_notification.scss b/hybrid-summer/.config/eww/css/_notification.scss
new file mode 100755
index 000000000..c289fd471
--- /dev/null
+++ b/hybrid-summer/.config/eww/css/_notification.scss
@@ -0,0 +1,84 @@
+.notifications-box {
+  // @include window;
+  // padding: 1rem;
+  font-family: 'Rubik';
+}
+
+.notification {
+  // @include rounding;
+  border-radius: 8px;
+  font-size: 12pt;
+  font-family: 'Rubik';
+  background-color: $surface0;
+  // border-bottom: 3px solid $colorbg;
+  padding: .7rem;
+  margin-top: 5px;
+  margin-bottom: 5px;
+
+  // box {
+  //    margin-bottom: .5rem;
+  // }
+
+  label {
+    font-size: 1rem;
+  }
+
+  &:hover {
+    border: 3px solid $color7;
+  }
+
+  .appname {
+    font-size: 13pt;
+    color: $color0;
+    font-weight: bold;
+  }
+
+  .summary {
+    font-size: 13pt;
+    color: $colortext;
+    font-weight: bold;
+  }
+
+  .body {
+    color: $colortext;
+  }
+}
+
+// .container {
+//   &:first-child {
+//     border-radius: 8px 8px 0 0;
+//   }
+
+//   ;
+
+//   &:last-child {
+//     border-radius: 0 0 8px 8px;
+//   }
+
+//   ;
+// }
+
+.notification-header {
+  margin-bottom: 1rem;
+}
+
+.notification-label {
+  color: $colortext;
+  font-size: 1.5rem;
+}
+
+.notification-action {
+  border-radius: 50%;
+  margin-top: 33px;
+  margin-bottom: 9px;
+  padding: 0 .3rem;
+
+  label {
+    color: $colortext;
+    font-size: 1.4rem;
+  }
+
+  &:hover {
+    background: $surface0;
+  }
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/css/_osd.scss b/hybrid-summer/.config/eww/css/_osd.scss
new file mode 100755
index 000000000..11b6bc65e
--- /dev/null
+++ b/hybrid-summer/.config/eww/css/_osd.scss
@@ -0,0 +1,43 @@
+.osd-window {
+    margin: 5px;
+    border-radius: 9999px;
+    min-width: 10px;
+    min-height: 40px;
+}
+
+.osd-var {
+    margin-left: 5px;
+    margin-right: 5px;
+    background-color: $surface;
+    border-radius: 9999px;
+    min-width: 100px;
+    min-height: 37px;
+    padding: 7px;
+}
+
+.osd-circle {
+    // margin-left: 14px;
+    background-color: #5c5b5b;
+    color: $colortext;
+}
+
+.osd-incircle {
+    font-size: 19pt;
+    padding: 6px;
+    font-family: "Material Symbols Rounded"; //AAAAAAAAAGGGHHH
+    color: $colortext;
+}
+
+.osd-incircle-bright {
+    font-size: 19pt;
+    padding: 6px;
+    font-family: "Material Symbols Rounded"; //AAAAAAAAAGGGHHH
+    color: $colortext;
+}
+
+.osd-text {
+    font-size: 15pt;
+    font-family: "Rubik"; //AAAAAAAAAGGGHHH
+    color: $colortext;
+    padding-right: 5px;
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/css/_osettings.scss b/hybrid-summer/.config/eww/css/_osettings.scss
new file mode 100755
index 000000000..2afc5e7e4
--- /dev/null
+++ b/hybrid-summer/.config/eww/css/_osettings.scss
@@ -0,0 +1,439 @@
+.osettings-window {
+    min-width: 501px;
+    padding-top: 20px;
+    background-color: shade($colorbarbg, 4%);
+    color: $onBackground;
+    font-family: Rubik;
+    margin: 7px;
+    margin-left: 0px;
+    border-top-right-radius: 53px;
+
+    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
+        url('images/pictures/beach_smoothie.jpg');
+    background-position: top;
+    background-repeat: no-repeat;
+    background-size: 100% auto;
+}
+
+.onotify-window {
+    min-width: 529px;
+    background-color: shade($colorbarbg, 5%);
+    color: $onBackground;
+    font-family: Rubik;
+    margin: 7px;
+    margin-right: 0px;
+    border-top-left-radius: 53px;
+
+    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
+        url('images/pictures/beach_drinks.jpeg');
+    background-position: top;
+    background-repeat: no-repeat;
+    background-size: 100% auto;
+}
+
+.osettings-separator {
+    background-color: shade($colorbarbg, 5%);
+    min-height: 6px;
+    margin-top: 27px;
+}
+
+.osettings-content {
+    // padding-top: 13px;
+    margin-top: 27px;
+    padding-bottom: 8px;
+    padding-top: 8px;
+    font-family: Rubik;
+    color: $onBackground;
+    background-color: shade($colorbarbg, 5%);
+    border-top-right-radius: 53px;
+}
+
+.onotify-content {
+    // padding-top: 13px;
+    margin-top: 27px;
+    padding-top: 8px;
+    padding-bottom: 16px;
+    font-family: Rubik;
+    color: $onBackground;
+    background-color: shade($colorbarbg, 5%);
+    border-top-left-radius: 53px;
+}
+
+.osettings-heading {
+    padding-left: 28px;
+    padding-right: 28px;
+    color: $onBackground;
+    font-family: Rubik;
+}
+
+.osettings-title {
+    color: $onBackground;
+    font-family: Rubik;
+    font-size: 30pt;
+}
+
+.osettings-subtitle {
+    color: $onSecondaryContainer;
+    font-family: Rubik;
+    font-size: 14pt;
+}
+
+.osettings-section-icon {
+    margin-top: 33px;
+    margin-bottom: 9px;
+    color: $onSecondaryContainer;
+    font-family: 'Material Symbols Rounded';
+    font-size: 20pt;
+    min-width: 50px;
+    min-height: 50px;
+    background-color: $secondaryContainer;
+    border-radius: 16px;
+}
+
+.osettings-section {
+    margin-top: 33px;
+    margin-bottom: 9px;
+    color: $onSecondaryContainer;
+    font-family: Rubik;
+    font-size: 20pt;
+}
+
+.osettings-text {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    color: $onBackground;
+    font-family: Rubik;
+    font-size: 14pt;
+}
+
+.osettings-text-icon {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    color: $onBackground;
+    font-family: 'Material Symbols Rounded';
+    font-size: 14pt;
+    min-width: 50px;
+}
+
+.osettings-search {
+    margin-left: 28px;
+    margin-right: 28px;
+    margin-top: 35px;
+    background-color: tint($colorbarbg, 4%);
+    border: 2px solid $onSurfaceVariant;
+    color: $onBackground;
+    border-radius: 10px;
+    font-size: 11pt;
+    min-height: 45px;
+    caret-color: $onBackground;
+
+    selection {
+        background-color: rgba(154, 152, 152, 0.5);
+    }
+}
+
+.osettings-search-text {
+    color: $onSurfaceVariant;
+    padding: 10px;
+    font-size: 13pt;
+    min-width: 420px;
+}
+
+.osettings-search-icon {
+    color: $onSurfaceVariant;
+    padding: 6px;
+    padding-left: 0px;
+    font-size: 20pt;
+}
+
+.osettings-scroll-bg {
+    padding-left: 28px;
+    padding-right: 28px;
+}
+
+.osettings-scroll-bg-colored {
+    padding-left: 28px;
+    padding-right: 28px;
+    background-color: shade($colorbarbg, 5%);
+}
+
+.osettings-btn {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    border-radius: 9999px;
+    min-height: 50px;
+    font-weight: normal;
+    font-size: 13pt;
+}
+
+.osettings-btn {
+    font-weight: bold;
+}
+
+.osettings-btn-destructive {
+    color: $onTertiary;
+    background-color: $tertiary;
+    background-image: linear-gradient(45deg, shade($color4, 5%) 58%, tint($color4, 10%) 58%);
+    background-size: 300% 300%;
+    background-position: 50% 50%;
+}
+
+.osettings-btn-neutral {
+    color: $onPrimary;
+    background-color: $primary;
+    background-image: linear-gradient(45deg, shade($color1, 5%) 58%, tint($color1, 10%) 58%);
+    background-size: 300% 300%;
+    background-position: 50% 50%;
+}
+
+.osettings-btn-informative {
+    color: $onSecondary;
+    background-color: $secondary;
+    background-image: linear-gradient(45deg, shade($color5, 5%) 58%, tint($color5, 10%) 58%);
+    background-size: 300% 300%;
+    background-position: 50% 50%;
+}
+
+.osettings-btn-neutral:hover,
+.osettings-btn-neutral:focus {
+    background-color: tint($primary, 10%);
+    // background-image: linear-gradient(135deg, $color3 75%, $color3 75%);
+    background-position: 70% 0%;
+}
+
+.osettings-btn-destructive:hover,
+.osettings-btn-destructive:focus {
+    background-color: tint($tertiary, 10%);
+    // background-image: linear-gradient(135deg, tint($color4, 10%) 75%, tint($color4, 10%) 75%);
+    background-position: 70% 0%;
+}
+
+.osettings-btn-informative:hover,
+.osettings-btn-informative:focus {
+    background-color: tint($secondary, 10%);
+    // background-image: linear-gradient(135deg, tint($color5, 10%) 75%, tint($color5, 10%) 75%);
+    background-position: 70% 0%;
+}
+
+.osettings-btn-neutral:active {
+    background-color: tint($primary, 10%);
+    // background-image: linear-gradient(135deg, $color3 75%, $color3 75%);
+    background-position: 100% 50%;
+}
+
+.osettings-btn-destructive:active {
+    background-color: tint($tertiary, 10%);
+    // background-image: linear-gradient(135deg, tint($color4, 10%) 75%, tint($color4, 10%) 75%);
+    background-position: 100% 50%;
+}
+
+.osettings-btn-informative:active {
+    background-color: tint($secondary, 10%);
+    // background-image: linear-gradient(135deg, tint($color5, 10%) 75%, tint($color5, 10%) 75%);
+    background-position: 100% 50%;
+}
+
+.rounder {
+    border-radius: 9999px;
+}
+
+.osettings-slider {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    min-height: 6px;
+    border-radius: 9999px;
+    background-image: linear-gradient(45deg, $primary 50%, tint($colorbarbg, 15%) 50%);
+    padding: 0px;
+
+    trough {
+        border-radius: 9999px;
+        background-color: tint($colorbarbg, 15%);
+        min-height: 6px;
+        margin-left: 32px;
+        margin-right: 32px;
+        // min-width: 70px;
+    }
+
+    highlight {
+        border-radius: 9999px;
+        background-color: $primary;
+        background-image: linear-gradient(45deg, $primary 0%, $primary 100%);
+    }
+
+    slider {
+        border-radius: 9999px;
+        min-height: 20px;
+        min-width: 65px;
+        background-color: $primary;
+        margin: -8px;
+    }
+
+    slider:hover {
+        background-color: $primary;
+    }
+}
+
+.osettings-checkbox {
+    border-radius: 9999px;
+    // min-height: 20px;
+    // min-height: 6px;
+    min-width: 60px;
+    background-color: transparent;
+    color: transparent;
+    border: 3px solid $primary;
+
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+.osettings-checkbox-1 {
+    border-radius: 9999px;
+    // min-height: 20px;
+    // min-height: 6px;
+    min-width: 60px;
+    background-color: $primary;
+    color: transparent;
+    border: 3px solid $primary;
+
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+.osettings-checkbox-0 {
+    border-radius: 9999px;
+    // min-height: 20px;
+    // min-height: 6px;
+    min-width: 60px;
+    background-color: transparent;
+    color: transparent;
+    border: 3px solid $primary;
+
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+.osettings-checkbox:checked {
+    border-radius: 9999px;
+    background-color: $primary;
+    color: $primary;
+}
+
+.osettings-waifu {
+    margin-top: 30px;
+    min-width: 350px;
+    min-height: 350px;
+    border-radius: 20px;
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-position: center center;
+}
+
+.onotify-app-icon {
+    margin: 9px 5px;
+
+    color: $onSecondaryContainer;
+    font-family: 'Material Symbols Rounded';
+    font-size: 20pt;
+    min-width: 40px;
+    min-height: 40px;
+    background-color: $secondaryContainer;
+    border-radius: 14px;
+}
+
+.onotify-app-name {
+    margin-top: 5px;
+    margin-bottom: 5px;
+    color: $onSecondaryContainer;
+    font-family: Rubik;
+    font-size: 15pt;
+}
+
+.onotify-app-text {
+    color: $onSecondaryContainer;
+    font-family: Rubik;
+    font-size: 13pt;
+}
+
+.onotify-app-ser {
+    color: $onSecondaryContainer;
+    font-family: Rubik;
+    font-size: 13pt;
+}
+
+.onotify-app-vol-circle {
+    background-color: #5c5b5b;
+    color: $primary;
+}
+
+.onotify-app-volbox {
+    margin: 9px 5px;
+    padding: 5px;
+
+    color: $onSecondaryContainer;
+    font-family: 'Material Symbols Rounded';
+    font-size: 20pt;
+    min-width: 40px;
+    min-height: 40px;
+    background-color: $secondaryContainer;
+    border-radius: 14px;
+}
+
+.osettings-tag {
+    color: $onTertiary;
+    background-color: $tertiary;
+    font-size: 13pt;
+    font-family: 'Rubik';
+    font-weight: 500;
+    padding: 3px 8px;
+    border-radius: 9999px;
+    min-width: 50px;
+    margin-top: 25px;
+}
+
+.osettings-tag:hover {
+    background-color: tint($tertiary, 20%);
+}
+
+.osettings-tag:active {
+    background-color: tint($tertiary, 40%);
+}
+
+.osettings-tag-nerd {
+    color: $onTertiary;
+    background-color: $tertiary;
+    font-size: 13pt;
+    font-family: 'JetBrainsMono Nerd Font';
+    font-weight: 500;
+    padding: 3px 8px;
+    border-radius: 9999px;
+    min-width: 50px;
+    margin-top: 25px;
+}
+
+.osettings-tag-nerd:hover {
+    background-color: tint($tertiary, 20%);
+}
+
+.osettings-tag-nerd:active {
+    background-color: tint($tertiary, 40%);
+}
+
+.osettings-tag-material {
+    color: $onTertiary;
+    background-color: $tertiary;
+    font-size: 13pt;
+    font-family: 'Material Symbols Rounded';
+    font-weight: 500;
+    padding: 3px 8px;
+    border-radius: 9999px;
+    // min-width: 25px;
+    margin-top: 25px;
+}
+
+.osettings-tag-material:hover {
+    background-color: tint($tertiary, 20%);
+}
+
+.osettings-tag-material:active {
+    background-color: tint($tertiary, 40%);
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/css/_overview.scss b/hybrid-summer/.config/eww/css/_overview.scss
new file mode 100755
index 000000000..1d36a3027
--- /dev/null
+++ b/hybrid-summer/.config/eww/css/_overview.scss
@@ -0,0 +1,198 @@
+.overview-window {
+  @include window;
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  border-radius: 22px;
+  background-color: shade($colorbarbg, 4%);
+  // background-color: transparent;
+  // border: 3px solid $color0;
+  //padding: 5px;
+}
+
+.overview-window-title {
+  font-size: 15pt;
+  color: $onPrimaryContainer;
+  border-radius: 15px;
+  background-color: tint($surface, 5%);
+  margin: 4px;
+  padding: 4px;
+  min-height: 30px;
+  background-image: linear-gradient(135deg, $onSecondary 15%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 33%, $onSecondary 33%, $onSecondary 68%, rgba(0, 0, 0, 0) 68%, rgba(0, 0, 0, 0) 95%, $onSecondary 95%);
+}
+
+.overview-window-top {
+  @include rounding;
+  background-color: transparent;
+  border: 3px solid transparent;
+  //padding: 5px;
+}
+
+.overview-ws {
+  border: 2px solid;
+  border-radius: 15px;
+  background-color: tint($surface, 2%);
+  margin: 4px;
+}
+
+.overview-ws-true {
+  color: $primary;
+}
+
+.overview-ws-false {
+  color: transparent;
+}
+
+.overview-ws-window {
+  // border: 2px solid transparent;
+  // background-color: rgba(108, 112, 134, 1);
+  border-radius: 15px;
+  background-color: shade($surface0, 2%);
+  border: 1px solid $surface0;
+  border-top: 1px solid tint($surface0, 5%);
+  // //margin: 3px; 
+}
+
+.overview-ws-window-content {
+  border-radius: 11px;
+  // background-color: rgba(135, 147, 163, 0.7);
+}
+
+.overview-topbar-icon {
+  min-width: 30px;
+  min-height: 30px;
+  margin: 5px;
+  background-size: contain;
+}
+
+.overview-topbar-button {
+  min-width: 30px;
+  min-height: 30px;
+  margin: 5px;
+  border-radius: 8px;
+}
+
+.overview-topbar-button:hover {
+  background-color: $overlay0;
+}
+
+.overview-icon {
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.overview-background {
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 100%;
+  border-radius: 15px;
+}
+
+.overview-ws-text {
+  //padding-left: 5px;
+  font-size: 13pt;
+}
+
+.overview-ws-subtext {
+  //padding-left: 5px;
+  font-size: 9pt;
+}
+
+.overview-ws-number {
+  //Note: height 100px width 356px
+  font-size: 25pt;
+  border-radius: 11px;
+  background-color: $overlay0;
+  color: $onBackground;
+  //margin: 10px;
+  min-height: 40px;
+  min-width: 40px;
+}
+
+.overview-title {
+  font-weight: bold;
+  font-size: 15pt;
+  //padding-top: .6rem;
+  //padding-bottom: .6rem;
+}
+
+.overview-search-box {
+  border: 2px solid;
+  border-radius: 9999px;
+  background-color: tint($colorbarbg, 4%);
+  color: $onBackground;
+  font-size: 15pt;
+  min-height: 45px;
+  min-width: 130px;
+
+  margin: 20px 20px;
+  padding: 2px 17px;
+
+  caret-color: $onBackground;
+
+  selection {
+    background-color: rgba(154, 152, 152, 0.5);
+  }
+}
+
+.overview-search-box:focus {
+  color: $tertiary;
+}
+
+.overview-results {
+  // background-color: $surface;
+  padding: 10px 5px;
+  border-radius: 20px;
+}
+
+.overview-search-result {
+  border-radius: 9999px;
+  background-color: $onTertiary;
+  color: $onBackground;
+  font-size: 15pt;
+  min-height: 47px;
+  min-width: 400px;
+  padding: 2px 12px;
+  padding-left: 57px;
+  margin: 0px 5px;
+
+  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 60%, tint($tertiaryContainer, 10%) 60%);
+  background-size: 400% auto;
+  background-position: 40% 50%;
+
+  caret-color: transparent;
+
+  selection {
+    background-color: transparent;
+  }
+}
+
+.overview-search-result-icon {
+  background-color: $tertiaryContainer;
+  border-radius: 9999px;
+  min-height: 51px;
+  min-width: 51px;
+  // padding: 2px 12px;
+}
+
+.overview-search-result:focus {
+  color: $onTertiaryContainer;
+  // background-color: $tertiaryContainer;
+  background-position: 65% 50%;
+}
+
+.overview-search-result:active {
+  color: $onTertiaryContainer;
+  // background-color: $tertiaryContainer;
+  background-position: 100% 50%;
+}
+
+.overview-search-typetosearch-pad {
+  min-width: 160px;
+  margin: 20px 20px;
+  padding: 2px 12px;
+}
+
+.overview-search-typetosearch-text {
+  margin: 13px 13px;
+  font-size: 15pt;
+  color: #CCCCCC;
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/css/_sidebar.scss b/hybrid-summer/.config/eww/css/_sidebar.scss
new file mode 100755
index 000000000..1667f702f
--- /dev/null
+++ b/hybrid-summer/.config/eww/css/_sidebar.scss
@@ -0,0 +1,170 @@
+.system-menu-box {
+  @include window;
+  background-color: $colorbarbg;
+  border: 3px solid $border;
+  // color: $colortext;
+}
+
+.separator {
+  font-size: 1rem;
+}
+
+.top-row {
+  margin: 1rem 1.5rem 0;
+
+  .time {
+    font-size: 2rem;
+  }
+
+  .date-box {
+    margin: 0 1rem;
+
+    label {
+      font-size: 1.1rem;
+    }
+
+    .date {
+      background: unset;
+      margin: 0 .5rem 0 0;
+      padding: 0;
+    }
+  }
+}
+
+.system-row {
+  font-family: Rubik;
+  // margin: .5rem .7rem;
+  margin-top: 27px;
+
+  .airplane-box button {
+    padding: 1rem 3rem;
+  }
+
+  .power-box button {
+    padding-left: 30px;
+    padding-right: 30px;
+  }
+
+  label {
+    font-size: 1rem;
+  }
+}
+
+.element {
+  font-family: 'Rubik';
+  border-top-left-radius: 31px;
+  border-top-right-radius: 31px;
+  border-bottom-left-radius: 31px;
+  border-bottom-right-radius: 10px;
+  background-color: $secondaryContainer;
+  color: $onSecondaryContainer;
+  margin: .3rem;
+
+  button {
+    border-top-left-radius: 31px;
+    border-top-right-radius: 31px;
+    border-bottom-left-radius: 31px;
+    border-bottom-right-radius: 10px;
+    padding: 1rem;
+
+    label {
+      font-size: 1.5rem;
+    }
+
+    &:hover {
+      background: $overlay0;
+    }
+  }
+}
+
+.sliders {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  @include rounding;
+  background-color: $surface0;
+  margin: .5rem 1rem;
+  padding: .6rem 1rem;
+
+  scale {
+    margin-right: -1rem;
+    min-width: 25.8rem;
+  }
+
+  scale trough {
+    background-color: $bg1;
+    border-radius: 24px;
+    margin: 0 1rem;
+    min-height: 10px;
+    min-width: 70px;
+  }
+
+  box {
+    margin: .2rem 0;
+  }
+
+  label {
+    font-size: 1.2rem;
+  }
+}
+
+.sliderbg {
+  background-color: transparent;
+  padding: 0px;
+}
+
+.volume-bar highlight {
+  font-family: SF Mono Nerd Font;
+  @include rounding;
+  background: $color6;
+  // background-image: linear-gradient(to right, $tokyocyan 30%, $tokyopurple 100%);
+}
+
+.volume-slider-box scale highlight {
+  @include rounding;
+  background: $color6;
+  // background-image: linear-gradient(to right, $tokyocyan 30%, $tokyopurple 100%);
+  // border: 2px solid;
+  min-height: 0.9rem;
+}
+
+// .volume-slider-box scale {
+//   @include rounding;
+//   background-color: #1A1B26;
+//   border: 2px solid;
+// }
+
+.bottom-row {
+  margin: .5rem 1rem;
+
+  .battery-icon {
+    font-size: 2rem;
+  }
+
+  .battery-wattage {
+    color: $color7;
+  }
+
+  .battery-status {
+    color: $colortext;
+    margin: 0 .5rem;
+  }
+
+  button {
+    background-color: $surface0;
+    border-radius: 50%;
+    margin-bottom: .1rem;
+    padding: 0 .5rem;
+
+    label {
+      font-size: 1.5rem;
+    }
+
+    &:hover {
+      background: $overlay0;
+    }
+  }
+}
+
+.power-button {
+  min-height: 2.5rem;
+  // min-width: 2.5rem;
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/css/_system.scss b/hybrid-summer/.config/eww/css/_system.scss
new file mode 100755
index 000000000..0bba21fed
--- /dev/null
+++ b/hybrid-summer/.config/eww/css/_system.scss
@@ -0,0 +1,194 @@
+.membar {
+  color: $color5;
+}
+
+.cpubar {
+  color: $color4;
+}
+
+.batbar {
+  color: $color6;
+  padding-right: 4px;
+}
+
+.cpubar-circle {
+  background-color: #5c5b5b;
+}
+.membar-circle {
+  background-color: #5c5b5b;
+}
+.batbar-circle {
+  background-color: #5c5b5b;
+}
+
+// .batbar-circle {
+//   color: $battcolor;
+//   padding-right: 4px;
+// }
+
+// .membar,
+// .cpubar,
+// .batbar {
+//   // background-color: transparent;
+//   padding: 0px;
+// }
+
+.membar:hover,
+.cpubar:hover,
+.batbar:hover {
+  // border-top: 2px solid;
+}
+
+.batt-percentage {
+  color: $color6;
+  padding-right: 5px;
+  padding-left: 4px;
+}
+
+.batt-low {
+  background-color: #B5E8E0;
+  color: #161320;
+  animation-name: blink;
+  animation-duration: 0.5s;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-direction: alternate;
+}
+
+.sys-menu-charge {
+  padding-left: 2px;
+  color: $colorbar;
+}
+
+.iconmem {
+  color: $color5;
+}
+
+.iconcpu {
+  color: $color4;
+}
+
+.icon-text {
+  font-size: 3rem;
+  padding: .7rem;
+}
+
+.sys-text-sub {
+  color: $onBackground;
+}
+
+.sys-text-mem,
+.sys-text-cpu {
+  font-size: 1rem;
+  font-weight: bold;
+}
+
+.sys-icon-mem,
+.sys-icon-cpu {
+  font-size: 1.5rem;
+  margin: 1.5rem;
+}
+
+.system-info-box {
+  @include rounding;
+  background-color: $surface0;
+  margin: .5rem 1rem;
+  // padding: .5rem;
+}
+
+.sys-mem,
+.sys-cpu {
+  background-color: $colorbg;
+}
+
+.sys-icon-mem,
+.sys-text-mem,
+.sys-mem {
+  color: $memcolor;
+}
+
+.sys-icon-cpu,
+.sys-text-cpu,
+.sys-cpu {
+  color: $cpucolor;
+}
+
+.sys-box {
+  margin: .3em;
+  // background-color: tint($colorbarbg, 7%);
+  // border-radius: 20px;
+  // padding: 35px;
+
+  box {
+    margin-left: 1rem;
+  }
+}
+
+.cpu-menu {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  color: $color4;
+  padding-left: 5px;
+}
+
+.mem-menu {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  color: $color5;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+.mem-menu-left {
+  color: $color5;
+  padding-left: 5px;
+  padding-right: 0px;
+}
+
+.mem-menu-mid {
+  color: $color5;
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+.mem-menu-right {
+  color: $color5;
+  padding-left: 0px;
+  padding-right: 5px;
+}
+
+.sys-menu {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  color: $battcolor;
+  margin: 0px;
+  padding: 0px;
+}
+
+.sys-menu-button {
+  color: $colorbar;
+  margin: 0px;
+  padding-left: 16px;
+  padding-right: 16px;
+  background-image: url("images/LinageSettings.png");
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+// .volume-bar, .brightness-slider, .slider {
+// background-color: #16161E;
+// border: 2px solid #7C9FF5;
+// border-radius: 99px;
+// }
+
+.sys-toggle {
+  font-size: 3pt;
+}
+
+.inside-circle {
+  min-height: 27px;
+  min-width: 27px;
+}
+
+.sys-circle-inner {
+  font-size: 15pt;
+  padding: 5px;
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/css/_taskbar.scss b/hybrid-summer/.config/eww/css/_taskbar.scss
new file mode 100644
index 000000000..6387da2fa
--- /dev/null
+++ b/hybrid-summer/.config/eww/css/_taskbar.scss
@@ -0,0 +1,87 @@
+.taskbaricon {
+  background-size: 60%;
+  background-position: center;
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.taskbaricon-false {
+  background-size: 70%;
+  background-position: center;
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.taskbaricon-true {
+  background-size: 70%;
+  background-position: center;
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.taskbar-indicator-true {
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+  margin-bottom: 4px;
+  margin-top: 43px;
+  margin-left: 16px;
+  margin-right: 16px;
+  background-color: $primary;
+}
+
+.taskbar-indicator-false {
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+  margin-bottom: 4px;
+  margin-top: 43px;
+  margin-left: 22px;
+  margin-right: 22px;
+  background-color: #9C98A3;
+}
+
+.taskbar-button-only {
+  :first-child {
+    :first-child {
+      border-radius: 6px;
+      border: 1px solid transparent;
+      border-top: 1px solid transparent;
+    }
+  }
+}
+
+.taskbar-button-only:hover {
+  :first-child {
+    :first-child {
+      background-color: shade($overlay0, 2%);
+      border: 1px solid $overlayedge;
+      border-top: 1px solid tint($overlayedge, 5%);
+    }
+  }
+}
+
+.taskbar-button-only:active {
+  :first-child {
+    :first-child {
+      background-color: tint($overlay0, 8%);
+      border: 1px solid tint($overlayedge, 10%);
+      border-top: 1px solid tint($overlayedge, 15%);
+    }
+  }
+}
+
+.taskbar-button-pad {
+  padding: 3px;
+  // min-width: 42px;
+  min-height: 42px;
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/css/_themer.scss b/hybrid-summer/.config/eww/css/_themer.scss
new file mode 100755
index 000000000..b2aafc963
--- /dev/null
+++ b/hybrid-summer/.config/eww/css/_themer.scss
@@ -0,0 +1,205 @@
+.themer-button {
+    min-height: 53px;
+    min-width: 53px;
+    color: $colortext;
+    font-family: Material Symbols Rounded;
+    // background-image: url('images/svg/beatmappacks.svg');
+    // background-size: auto 65%;
+    // background-position: center;
+}
+
+
+.themer-button-false {
+    min-height: 53px;
+    min-width: 53px;
+    color: $colortext;
+    font-family: Material Symbols Rounded;
+    // background-image: url('images/svg/beatmappacks.svg');
+    // background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
+    // background-size: 400% auto;
+    // background-position: 90% 50%;
+}
+
+.themer-button-true {
+    min-height: 53px;
+    min-width: 53px;
+    color: $colortext;
+    font-family: Material Symbols Rounded;
+    background-color: $overlay0;
+    // background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
+    // background-size: 400% auto;
+    // background-position: 90% 50%;
+}
+
+.themer-action-button {
+    @include rounding;
+    min-height: 53px;
+    min-width: 53px;
+    color: $colortext;
+    font-family: Material Symbols Rounded;
+}
+
+.themer-action-button:hover {
+    background-color: $overlay0;
+}
+
+.themer-action-button:active {
+    background-color: $overlay0;
+}
+
+.themer-action-button:focus {
+    border: 2px solid $overlay0;
+}
+
+.themer-menu-box {
+    @include window;
+    @include rounding;
+    border-radius: 15px;
+    background-color: shade($colorbarbg, 4%);
+    margin: 14px;
+    transition: 250ms cubic-bezier(0.05, 0.7, 0.1, 1);
+    // box-shadow: 2px 2px 6px #16161E;
+}
+
+.themer-title {
+    font-family: 'Rubik', 'Material Symbols Rounded';
+    font-size: 15pt;
+    padding: .6rem;
+    color: $colortext;
+    font-size: 14pt;
+}
+
+.themer-prompt {
+    color: $colortext;
+    font-family: 'Rubik', 'Material Symbols Rounded';
+    font-size: 12pt;
+    padding: .6rem;
+}
+
+.themer-input {
+    font-family: 'Rubik', 'Material Symbols Rounded';
+    // background-color: $surface0;
+    background-color: tint($colorbarbg, 4%);
+    color: $colortext;
+    border-radius: 10px;
+    padding: 7px;
+    margin-top: 2px;
+    margin-bottom: 2px;
+    border: 2px solid $overlay0;
+    caret-color: $colortext;
+
+    selection {
+        background-color: rgba(154, 152, 152, 0.5);
+    }
+}
+
+.themer-input:focus {
+    border: 2px solid $colortext;
+}
+
+.themer-color-preview-section {
+    @include rounding;
+}
+
+.themer-color-preview {
+    min-height: 25px;
+    min-width: 25px;
+    border-radius: 5px;
+    border-width: 55px;
+}
+
+.preview-0 {
+    background-color: $color0;
+}
+
+.preview-1 {
+    background-color: $color1;
+}
+
+.preview-2 {
+    background-color: $color2;
+}
+
+.preview-3 {
+    background-color: $color3;
+}
+
+.preview-4 {
+    background-color: $color4;
+}
+
+.preview-5 {
+    background-color: $color5;
+}
+
+.preview-6 {
+    background-color: $color6;
+}
+
+.preview-7 {
+    background-color: $color7;
+}
+
+.preview-primary {
+    background-color: $primary;
+}
+
+.preview-onPrimary {
+    background-color: $onPrimary;
+}
+
+.preview-primaryContainer {
+    background-color: $primaryContainer;
+}
+
+.preview-onPrimaryContainer {
+    background-color: $onPrimaryContainer;
+}
+
+.preview-secondary {
+    background-color: $secondary;
+}
+
+.preview-onSecondary {
+    background-color: $onSecondary;
+}
+
+.preview-secondaryContainer {
+    background-color: $secondaryContainer;
+}
+
+.preview-onSecondaryContainer {
+    background-color: $onSecondaryContainer;
+}
+
+.preview-tertiary {
+    background-color: $tertiary;
+}
+
+.preview-onTertiary {
+    background-color: $onTertiary;
+}
+
+.preview-tertiaryContainer {
+    background-color: $tertiaryContainer;
+}
+
+.preview-onTertiaryContainer {
+    background-color: $onTertiaryContainer;
+}
+
+.preview-background {
+    background-color: $colorbarbg;
+}
+
+.preview-onBackground {
+    background-color: $onBackground;
+}
+
+.preview-surface {
+    background-color: $surface;
+}
+
+.preview-onSurface {
+    background-color: $onSurface;
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/css/_volume.scss b/hybrid-summer/.config/eww/css/_volume.scss
new file mode 100755
index 000000000..fd7acf507
--- /dev/null
+++ b/hybrid-summer/.config/eww/css/_volume.scss
@@ -0,0 +1,29 @@
+.vol-icon {
+  color: $color6;
+  padding-right: 2px;
+}
+
+// .vol-icon {
+//   color: $tokyocyan;
+//   padding-right: 2px;
+// }
+
+.volbar highlight {
+  background-image: linear-gradient(to right, $teal 30%, $sky 100%);
+  border-radius: 10px;
+}
+
+
+.vol-menu {
+  font-size: 1pt;
+  color: $color6;
+  padding-right: 2px;
+  padding-top: 4px;
+}
+
+.vol-menu:hover {
+  border-top: 2px solid;
+}
+.vol-icon:hover {
+  border-top: 2px solid;
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/css/_winctl.scss b/hybrid-summer/.config/eww/css/_winctl.scss
new file mode 100755
index 000000000..12c27eb36
--- /dev/null
+++ b/hybrid-summer/.config/eww/css/_winctl.scss
@@ -0,0 +1,55 @@
+.winctl {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  padding-left: 3px;
+  padding-right: 3px;
+  color: $color0;
+  padding-top: 4px;
+}
+
+.winctl:hover {
+  border-top: 2px solid;
+}
+
+.winws {
+  @include rounding;
+  background-color: $surface0;
+  margin: .4rem .8rem;
+  padding: .3rem .5rem;
+  min-width: 31rem;
+}
+
+.winws-title {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  font-weight: bold;
+  font-size: 15pt;
+  padding-top: .6rem;
+  padding-bottom: .6rem;
+}
+
+.wintext {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  font-size: 13pt;
+}
+.winsubtext {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  font-size: 10pt;
+}
+
+.winws-workspace {
+  padding: 0px;
+  margin: 0px;
+}
+
+.appicon {
+  background-size: 90%;
+  background-repeat: no-repeat;
+  background-position: center;
+  padding-left: 22px;
+  padding-right: 22px;
+  margin-right: 10px;
+}
+
+.wschoose {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  font-size: 14pt;
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/css/_winstuff.scss b/hybrid-summer/.config/eww/css/_winstuff.scss
new file mode 100644
index 000000000..89a548d61
--- /dev/null
+++ b/hybrid-summer/.config/eww/css/_winstuff.scss
@@ -0,0 +1,1574 @@
+.winwin {
+  background: rgba(40, 40, 40, 0.6);
+  border-radius: 12px;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-top: 1px solid rgba(64, 64, 64, 0.5);
+  margin: 12px;
+}
+
+.winwin-center {
+  background: rgba(40, 40, 40, 0.6);
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-bottom: 0px solid transparent;
+  border-top: 1px solid rgba(30, 30, 30, 0.5);
+  margin: 0px 12px;
+}
+
+.winwin-center-noseparator {
+  background: rgba(40, 40, 40, 0.6);
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-bottom: 0px solid transparent;
+  border-top: 0px solid transparent;
+  margin: 0px 12px;
+}
+
+.winwin-topbar {
+  background: rgba(28, 28, 28, 0.6);
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-bottom: 0px solid transparent;
+  margin: 12px;
+  margin-bottom: 0px;
+}
+
+.winwin-top {
+  transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  background: rgba(40, 40, 40, 0.6);
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-top: 1px solid rgba(64, 64, 64, 0.5);
+  border-bottom: 0px solid transparent;
+  margin: 12px;
+  margin-bottom: 0px;
+}
+
+.winwin-bottom {
+  background: rgba(28, 28, 28, 0.6);
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-top: 1px solid rgba(30, 30, 30, 0.5);
+  margin: 12px;
+  margin-top: 0px;
+}
+
+.winwin-bottom-light {
+  transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  background: rgba(40, 40, 40, 0.6);
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-top: 0px solid transparent;
+  margin: 12px;
+  margin-top: 0px;
+}
+
+.winwin-bottom-pad {
+  padding: 6px 12px;
+}
+
+.winstart-bottom-pad {
+  padding: 0px 43px;
+}
+
+.winbar-bg {
+  background: rgba(30, 30, 30, 0.25);
+  background-image: url('images/textures/acrylic.png');
+  background-blend-mode: luminosity;
+
+  min-height: 50px;
+  border-top: 1px solid rgba(64, 64, 64, 0.8);
+  animation-name: flyin-bottom;
+  animation-duration: 350ms;
+  animation-timing-function: cubic-bezier(0.05, 0.7, 0.1, 1);
+  animation-iteration-count: 1;
+}
+
+.winbutton-pad {
+  padding: 3px;
+  // min-width: 42px;
+  min-height: 42px;
+}
+
+.winbutton-only {
+  :first-child {
+    :first-child {
+      border-radius: 6px;
+      border: 1px solid transparent;
+      border-top: 1px solid transparent;
+    }
+  }
+}
+
+.winbutton-only:hover {
+  :first-child {
+    :first-child {
+      background-color: shade($overlay0, 2%);
+      border: 1px solid $overlayedge;
+      border-top: 1px solid tint($overlayedge, 5%);
+    }
+  }
+}
+
+.winbutton-only:active {
+  :first-child {
+    :first-child {
+      background-color: tint($overlay0, 8%);
+      border: 1px solid tint($overlayedge, 10%);
+      border-top: 1px solid tint($overlayedge, 15%);
+    }
+  }
+}
+
+.winnotif-text {
+  background-color: transparent;
+  font-size: 12pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  margin: 1px;
+}
+
+.winnotif-bodytext {
+  color: #CDCDCD;
+}
+
+.winbartext {
+  background-color: transparent;
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+}
+
+.wintoggle-text {
+  background-color: transparent;
+  font-size: 10pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+}
+
+.winstarticon-true {
+  background-size: 60%;
+  background-position: center;
+  background-image: url('images/icons/win.png');
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.winstarticon-false {
+  background-size: 60%;
+  background-position: center;
+  background-image: url('images/icons/win-inactive.png');
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.winnewsicon {
+  background-size: 60%;
+  background-position: center;
+  // background-image: url('images/icons/winnews.png');
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.thewinbutton:active {
+  :first-child {
+    :first-child {
+      background-size: 50%;
+      background-image: url('images/icons/win-clicked.png');
+    }
+  }
+}
+
+.wintaskbaricon {
+  background-size: 60%;
+  background-position: center;
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.wintaskbaricon-false {
+  background-size: 70%;
+  background-position: center;
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.wintaskbaricon-true {
+  background-size: 70%;
+  background-position: center;
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.wintaskbar-indicator-true {
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+  margin-bottom: 4px;
+  margin-top: 43px;
+  margin-left: 16px;
+  margin-right: 16px;
+  background-color: $primary;
+}
+
+.wintaskbar-indicator-false {
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+  margin-bottom: 4px;
+  margin-top: 43px;
+  margin-left: 22px;
+  margin-right: 22px;
+  background-color: #9C98A3;
+}
+
+.winbutton-only:active {
+  :first-child {
+    :first-child {
+      background-size: 50%;
+    }
+  }
+}
+
+.wintimedate {
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+  padding: 0 10px;
+}
+
+.winbutton-true {
+  background-color: shade($overlay0, 2%);
+  border: 1px solid $overlayedge;
+  border-top: 1px solid tint($overlayedge, 5%);
+}
+
+.winicon {
+  background-position: center;
+  min-height: 42px;
+  min-width: 30px;
+}
+
+.winwifi {
+  background-image: url('images/svg/dark/wifi.svg');
+}
+
+.winwifi1 {
+  background-image: url('images/svg/dark/wifi1.svg');
+}
+
+.winwifi2 {
+  background-image: url('images/svg/dark/wifi2.svg');
+}
+
+.winwifi3 {
+  background-image: url('images/svg/dark/wifi3.svg');
+}
+
+.winwifi4 {
+  background-image: url('images/svg/dark/wifi4.svg');
+}
+
+.winwifi-activated {
+  background-image: url('images/svg/light/wifi.svg');
+}
+
+.winwifi1-activated {
+  background-image: url('images/svg/light/wifi1.svg');
+}
+
+.winwifi2-activated {
+  background-image: url('images/svg/light/wifi2.svg');
+}
+
+.winwifi3-activated {
+  background-image: url('images/svg/light/wifi3.svg');
+}
+
+.winwifi4-activated {
+  background-image: url('images/svg/light/wifi4.svg');
+}
+
+.winbat0 {
+  background-image: url('images/svg/dark/bat0.svg');
+}
+
+.winbat1 {
+  background-image: url('images/svg/dark/bat1.svg');
+}
+
+.winbat2 {
+  background-image: url('images/svg/dark/bat2.svg');
+}
+
+.winbat3 {
+  background-image: url('images/svg/dark/bat3.svg');
+}
+
+.winbat4 {
+  background-image: url('images/svg/dark/bat4.svg');
+}
+
+.winbat5 {
+  background-image: url('images/svg/dark/bat5.svg');
+}
+
+.winbat6 {
+  background-image: url('images/svg/dark/bat6.svg');
+}
+
+.winbat7 {
+  background-image: url('images/svg/dark/bat7.svg');
+}
+
+.winbat8 {
+  background-image: url('images/svg/dark/bat8.svg');
+}
+
+.winbat9 {
+  background-image: url('images/svg/dark/bat9.svg');
+}
+
+.winbat10 {
+  background-image: url('images/svg/dark/bat10.svg');
+}
+
+.winbatcharge {
+  background-image: url('images/svg/dark/batcharge.svg');
+}
+
+.winvol0 {
+  background-image: url('images/svg/dark/vol0.svg');
+}
+
+.winvol1 {
+  background-image: url('images/svg/dark/vol1.svg');
+}
+
+.winvol2 {
+  background-image: url('images/svg/dark/vol2.svg');
+}
+
+.winvol3 {
+  background-image: url('images/svg/dark/vol3.svg');
+}
+
+.winvolmute {
+  background-image: url('images/svg/dark/volmute.svg');
+}
+
+.winbrightness {
+  background-image: url('images/svg/dark/brightness.svg');
+}
+
+.winbluetooth {
+  background-image: url('images/svg/dark/bluetooth.svg');
+}
+
+.winbluetooth-false {
+  background-image: url('images/svg/dark/bluetoothfalse.svg');
+}
+
+.winbluetooth-true {
+  background-image: url('images/svg/light/bluetoothtrue.svg');
+}
+
+.winbluetooth {
+  background-image: url('images/svg/light/bluetooth.svg');
+}
+
+.winbluetooth-false {
+  background-image: url('images/svg/dark/bluetoothfalse.svg');
+}
+
+.winbluetooth-true {
+  background-image: url('images/svg/dark/bluetoothtrue.svg');
+}
+
+.winactions-airplane {
+  background-image: url('images/svg/dark/airplane.svg');
+}
+
+.winactions-nightlight-activated {
+  background-image: url('images/svg/light/night.svg');
+}
+
+.winactions-nightlight {
+  background-image: url('images/svg/dark/brightness.svg');
+}
+
+.wincog {
+  background-image: url('images/svg/dark/cog.svg');
+}
+
+.winbell {
+  background-image: url('images/svg/dark/notif.svg');
+}
+
+.winreset {
+  background-image: url('images/svg/dark/reset.svg');
+}
+
+.winnotifsnooze {
+  background-image: url('images/svg/dark/notifsnooze.svg');
+}
+
+.winapp {
+  background-image: url('images/svg/dark/app.svg');
+}
+
+.wincaretup {
+  background-image: url('images/svg/dark/caretup.svg');
+}
+
+.wincaretdown {
+  background-image: url('images/svg/dark/caretdown.svg');
+}
+
+.winsearch-icon {
+  background-image: url('images/svg/dark/search-fluent.svg');
+}
+
+.winstart-search-searchbox-icon {
+  background-size: 100%;
+  background-position: center;
+  min-height: 21px;
+  min-width: 21px;
+  margin-left: 4px;
+  margin-right: 10px;
+}
+
+.winactions-togglerow {
+  margin: 12px;
+  margin-bottom: 0px;
+}
+
+.winactions-sliderrow {
+  margin: 0 12px;
+}
+
+.winactions-toggle {
+  background-color: shade($overlay0, 2%);
+  border-radius: 6px;
+  border: 1px solid $overlayedge;
+  border-top: 1px solid tint($overlayedge, 5%);
+  margin: 12px;
+  min-height: 50px;
+  min-width: 98px;
+}
+
+.winactions-toggle-true {
+  background-color: $primary;
+}
+
+.winactions-toggle-icon {
+  min-width: 21px;
+  min-height: 21px;
+  background-position: center;
+  background-repeat: no-repeat;
+  // background-size: auto 45%;
+}
+
+.winactions-toggle-icon:hover {
+  background-color: $hover0;
+}
+
+.winactions-toggle-icon:active {
+  background-color: tint($hover0, 10%);
+}
+
+.winactions-toggle-icon-center {
+  border-radius: 6px;
+}
+
+.winactions-toggle-icon-left {
+  min-width: 21px;
+  min-height: 21px;
+  background-position: center;
+  background-repeat: no-repeat;
+  // background-size: auto 45%;
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+  border-right: 1px solid tint($overlayedge, 5%);
+}
+
+.winactions-toggle-icon-right {
+  min-width: 21px;
+  min-height: 21px;
+  background-position: center;
+  background-repeat: no-repeat;
+  // background-size: auto 45%;
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+  border-right: 1px solid tint($overlayedge, 5%);
+}
+
+.winactions-toggle-icon-left:hover {
+  background-color: $hover0;
+}
+
+.winactions-toggle-icon-right:hover {
+  background-color: $hover0;
+}
+
+.winactions-toggle-icon-left:active {
+  background-color: tint($hover0, 10%);
+}
+
+.winactions-toggle-icon-right:active {
+  background-color: tint($hover0, 10%)
+}
+
+.winactions-toggle-arrow {
+  background-image: url('images/svg/dark/rightarrow.svg');
+  background-position: center;
+  background-repeat: no-repeat;
+  // background-size: 40%;
+}
+
+.winactions-toggle-arrow-activated {
+  background-image: url('images/svg/light/rightarrow.svg');
+  background-position: center;
+  background-repeat: no-repeat;
+  // background-size: 40%;
+}
+
+.winactions-element {
+  margin: 12px;
+}
+
+.winslider {
+  border-radius: 9999px;
+  transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+
+  trough {
+    border-radius: 9999px;
+    background-color: #A69999;
+    min-height: 4px;
+    transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  }
+
+  highlight {
+    border-radius: 9999px;
+    background-color: $primary;
+    background-image: linear-gradient(45deg, $primary 0%, $primary 100%);
+    transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  }
+
+  slider {
+    border-radius: 9999px;
+    border: 5px solid #454545;
+    min-height: 11px;
+    min-width: 11px;
+    background-color: $primary;
+    margin: -8px;
+    transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  }
+
+  slider:hover {
+    border-radius: 9999px;
+    border: 4px solid #454545;
+    min-height: 13px;
+    min-width: 13px;
+    background-color: $primary;
+    margin: -8px;
+  }
+
+  slider:active {
+    border-radius: 9999px;
+    border: 6px solid #454545;
+    min-height: 9px;
+    min-width: 9px;
+    background-color: $primary;
+    margin: -8px;
+  }
+
+  // slider:focus {
+  //     background-color: $primary;
+  // }
+}
+
+.winslider-winactions {
+  margin: 0 9px;
+
+  trough {
+    min-width: 287px;
+  }
+}
+
+.winnotif-badge {
+  border-radius: 9999px;
+  min-width: 20px;
+  min-height: 20px;
+  background-color: $primary;
+  color: #000000;
+  margin-left: 10px;
+}
+
+.winnotif-notif {
+  background-color: rgba(75, 75, 75, 0.25);
+  border-radius: 6px;
+  border: 1px solid rgba(30, 30, 30, 0.5);
+  margin: 4px;
+  padding: 13px;
+}
+
+.winnotif-notif-icon {
+  background-position: center center;
+  min-height: 20px;
+  min-width: 20px;
+  margin: 8px;
+}
+
+.winnotif-appname {
+  margin: 8px;
+  background-color: transparent;
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+}
+
+.winnotif-title {
+  margin: 17px;
+}
+
+.winnotif-button {
+  background-size: 50% auto;
+  background-color: rgba(75, 75, 75, 0.25);
+  background-position: center;
+  border-radius: 6px;
+  border: 1px solid $overlayedge;
+  border-top: 1px solid tint($overlayedge, 5%);
+  margin: 12px 3px;
+  padding: 6px;
+  min-width: 20px;
+  min-height: 20px;
+}
+
+.winnotif-button:hover {
+  background-color: rgba(95, 95, 95, 0.4);
+}
+
+.winnotif-button:active {
+  background-color: tint(rgba(95, 95, 95, 0.4), 20%);
+}
+
+.wincalendar-title {
+  border-radius: 9999px;
+  font-size: 12pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  margin: 1px;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.wincalendar-button {
+  border-radius: 9999px;
+  font-size: 12pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  margin: 1px;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.wincalendar-text {
+  border-radius: 9999px;
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.day-1 {
+  background-color: transparent;
+  color: #7C7C7C;
+}
+
+.day0 {
+  background-color: transparent;
+  color: white;
+}
+
+.day-1:hover {
+  background-color: rgba(75, 75, 75, 0.5);
+}
+
+.day0:hover {
+  background-color: rgba(75, 75, 75, 0.5);
+}
+
+.day-1:active {
+  background-color: tint(rgba(75, 75, 75, 0.5), 10%);
+}
+
+.day0:active {
+  background-color: tint(rgba(75, 75, 75, 0.5), 10%);
+}
+
+.day1 {
+  background-color: $primary;
+  color: #000000;
+}
+
+.day1:hover {
+  background-color: tint($primary, 10%);
+}
+
+.day1:active {
+  background-color: tint($primary, 20%);
+}
+
+.winarrow-up {
+  background-image: url('images/svg/dark/uparrow.svg');
+}
+
+.winarrow-down {
+  background-image: url('images/svg/dark/downarrow.svg');
+}
+
+.winactions-bottom-button {
+  background-color: transparent;
+  border-radius: 6px;
+  // border: 1px solid transparent;
+  // border-top: 1px solid transparent;
+  min-width: 42px;
+  min-height: 42px;
+}
+
+.winactions-bottom-button:hover {
+  background-color: rgba(75, 75, 75, 0.5);
+}
+
+.winactions-bottom-button:active {
+  background-color: tint(rgba(75, 75, 75, 0.5), 10%);
+}
+
+.winnotif-calendar {
+  background: rgba(40, 40, 40, 0.6);
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-bottom: 0px solid transparent;
+  border-top: 1px solid rgba(30, 30, 30, 0.5);
+  margin: 0px 12px;
+}
+
+.winnotif-monthbutton {
+  // background-size: 80% auto;
+  background-color: transparent;
+  background-position: center;
+  border-radius: 6px;
+  margin: 12px 3px;
+  padding: 6px;
+  min-width: 20px;
+  min-height: 20px;
+}
+
+.winnotif-monthbutton:hover {
+  background-color: rgba(95, 95, 95, 0.4);
+}
+
+.winnotif-monthbutton:active {
+  background-color: tint(rgba(95, 95, 95, 0.4), 10%);
+}
+
+.winstart-search-contents {
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  background-color: transparent;
+  border-radius: 6px;
+  border: 0px solid transparent;
+  padding: 11px;
+  margin: 34px;
+  margin-left: 69px;
+
+  selection {
+    background-color: tint($primary, 50%);
+    color: #1e1e1e;
+  }
+}
+
+.winstart-search-accent {
+  min-height: 2px;
+  background-color: $primary;
+  border-bottom-left-radius: 99px;
+  border-bottom-right-radius: 99px;
+  margin: 34px 36px;
+  margin-bottom: 34px;
+}
+
+.winstart-search-prompt {
+  background-color: rgba(34, 32, 39, 0.5);
+  border-radius: 6px;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  padding: 11px;
+  margin: 34px;
+}
+
+.winstart-search-prompt-text {
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  color: #CCCCCC;
+}
+
+.winstart-button-allapps {
+  background-color: rgba(75, 75, 75, 0.25);
+  border-radius: 6px;
+  border: 1px solid $overlayedge;
+  border-top: 1px solid tint($overlayedge, 5%);
+  padding: 6px;
+  min-width: 20px;
+  min-height: 20px;
+}
+
+.winstart-button-allapps:hover {
+  background-color: rgba(95, 95, 95, 0.4);
+}
+
+.winstart-button-allapps:active {
+  background-color: tint(rgba(95, 95, 95, 0.4), 20%);
+}
+
+.winstart-allapps-arrow {
+  background-image: url('images/svg/dark/rightarrow.svg');
+  background-position: center;
+  background-repeat: no-repeat;
+  min-width: 15px;
+  min-width: 15px;
+  margin-left: 8px;
+  background-size: 90%;
+}
+
+.winstart-allapps-icon {
+  font-family: 'Material Symbols Rounded';
+  font-size: 13pt;
+  font-weight: 300;
+}
+
+.winstart-section {
+  background-color: transparent;
+  font-size: 11.4pt;
+  font-family: 'Cantarell';
+  font-weight: 700;
+}
+
+.winstart-pinnedapps {
+  margin: 12px 34px;
+}
+
+.winsearch-section-box {
+  margin: 0 72px;
+  margin-bottom: 12px;
+}
+
+.winstart-pinnedapps-entry-pad {
+  padding-top: 11px;
+}
+
+.winstart-pinnedapps-entry {
+  min-width: 101px;
+  min-height: 88px;
+  border-radius: 6px;
+}
+
+.winstart-pinnedapps-entry:hover {
+  background-color: rgba(49, 49, 49, 0.45);
+}
+
+.winstart-pinnedapps-icon {
+  min-width: 33px;
+  min-height: 33px;
+}
+
+.winstart-recommended {
+  margin: 0px 60px;
+  margin-bottom: 33px;
+}
+
+.winstart-recommended-entry {
+  // min-width: 285.67px;
+  min-height: 59px;
+  border-radius: 6px;
+}
+
+.winstart-recommended-entry:hover {
+  background-color: rgba(49, 49, 49, 0.45);
+}
+
+.winstart-recommended-entry-pad {
+  min-width: 266.67px;
+  min-height: 59px;
+  border-radius: 6px;
+}
+
+.winstart-recommended-icon {
+  min-width: 33px;
+  min-height: 33px;
+  margin: 13px;
+}
+
+.winstart-recommended-text {
+  margin: 13px 0px;
+}
+
+.winstart-recommended-name {
+  color: white;
+}
+
+.winstart-recommended-subtext {
+  color: #C1C1C1;
+}
+
+.winstart-user {
+  border-radius: 6px;
+  padding: 5px 16px;
+  margin: 14px;
+}
+
+.winstart-user:hover {
+  background-color: rgba(49, 49, 49, 0.7);
+}
+
+.winstart-user-icon {
+  min-width: 33px;
+  min-height: 33px;
+  border-radius: 9999px;
+  background: white;
+  background-image: url('images/svg/light/user.svg');
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+.winstart-power-icon {
+  background-size: 53%;
+  // background-image: url('images/svg/dark/power.svg');
+  background-position: center;
+  background-repeat: no-repeat;
+  min-width: 43px;
+  min-height: 43px;
+  border-radius: 6px;
+  margin: 14px;
+}
+
+.winstart-power-icon-true {
+  background-color: rgba(49, 49, 49, 0.7);
+}
+
+.winstart-power-icon:hover {
+  background-color: rgba(49, 49, 49, 0.7);
+}
+
+.winstart-allapps-box {
+  padding: 0 55px;
+}
+
+.winstart-allapps-app-pad {
+  padding-top: 11px;
+}
+
+.winstart-allapps-app {
+  border-radius: 6px;
+  min-height: 42px;
+  min-width: 564px;
+}
+
+.winstart-allapps-app:hover {
+  background-color: rgba(49, 49, 49, 0.45);
+}
+
+.winstart-allapps-app-icon {
+  margin: 8px;
+}
+
+.winstart-allapps-appname {
+  margin-left: 15px;
+}
+
+.winsearch-pad {
+  margin-left: 34px;
+  margin-right: 34px;
+}
+
+.winsearch-actions-box {
+  background-color: rgba(73, 73, 73, 0.25);
+  border-radius: 12px;
+}
+
+.winsearch-tag-strip {
+  min-height: 34px;
+  margin: 0 34px;
+  margin-bottom: 3px;
+}
+
+.winsearch-tag {
+  background-color: rgba(73, 73, 73, 0.25);
+  border-radius: 9999px;
+  padding: 10px 15px;
+  margin: 0 3px;
+}
+
+.winsearch-tag-false {
+  background-color: rgba(73, 73, 73, 0.25);
+  border-radius: 9999px;
+  padding: 10px 15px;
+  margin: 0 3px;
+}
+
+.winsearch-tag-true {
+  background-color: $primary;
+  color: $onPrimary;
+  border-radius: 9999px;
+  padding: 10px 15px;
+  margin: 0 3px;
+}
+
+.winsearch-result {
+  border-radius: 6px;
+  margin: 2px;
+  min-height: 42px;
+  padding: 0 12px;
+  padding-left: 57px;
+  caret-color: transparent;
+
+  border-left: 3px solid transparent;
+  // border-top: 2px solid transparent;
+  // border-bottom: 2px solid transparent;
+
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+
+  selection {
+    background-color: transparent;
+  }
+
+  background-position: -0.5% center;
+  background-size: auto 65%;
+  background-image: url('images/svg/linetransparent.svg');
+}
+
+.winsearch-result:focus {
+  background-color: rgba(73, 73, 73, 0.25);
+  background-position: -0.5% center;
+  background-size: auto 65%;
+  background-image: url('images/svg/linevertical.svg');
+
+  // border-left: 3px solid $primary;
+  // border-top: 2px solid transparent;
+  // border-bottom: 2px solid transparent;
+}
+
+.winsearch-result-icon {
+  margin-left: 13px;
+}
+
+.winsearch-result-icon-big {
+  margin-top: 34px;
+  margin-bottom: 14px;
+}
+
+.winsearch-section {
+  min-height: 38px;
+  margin-left: 13px;
+}
+
+.winsearch-result-actions-title {
+  font-size: 13pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  color: white;
+}
+
+.winsearch-result-actions-subtext {
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  color: #8E8D8F;
+  margin-bottom: 8px;
+}
+
+.winsearch-separator {
+  min-height: 3px;
+  background-color: rgba(73, 73, 73, 0.25);
+  border: 1px rgba(73, 73, 73, 0.4);
+  margin: 21px 17px;
+}
+
+.winsearch-actions-icon {
+  margin-left: 13px;
+}
+
+.winsearch-actions-button {
+  border-radius: 6px;
+  min-height: 34px;
+  margin: 0 17px;
+}
+
+.winsearch-actions-button:hover {
+  background-color: rgba(108, 108, 108, 0.25);
+}
+
+.winsearch-actions-button:focus {
+  background-color: rgba(108, 108, 108, 0.25);
+}
+
+.winsearch-actions-button:active {
+  background-color: tint(rgba(108, 108, 108, 0.25), 5%);
+}
+
+.winosd-window {
+  margin: 5px;
+  border-radius: 12px;
+  min-width: 10px;
+  min-height: 40px;
+}
+
+.winosd-var-shape {
+  padding: 7px;
+  min-width: 100px;
+  min-height: 37px;
+  border-radius: 12px;
+  margin: 12px;
+}
+
+.winosd-var {
+  padding: 7px;
+  min-width: 100px;
+  min-height: 37px;
+  background: rgba(45, 46, 48, 0.8);
+  background-image: url('images/textures/acrylic.png');
+  border-radius: 15px;
+  // border: 1px solid rgba(60, 60, 60, 0.4);
+  // border-top: 1px solid rgba(64, 64, 64, 0.5);
+  border: 1px solid rgba(34, 35, 38, 0.5);
+  margin: 14px;
+}
+
+.winslider-osd {
+  border-radius: 9999px;
+  margin: 0 9px;
+  transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+
+  trough {
+    border-radius: 9999px;
+    background-color: #A69999;
+    min-height: 4px;
+    min-width: 116px;
+    transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  }
+
+  highlight {
+    border-radius: 9999px;
+    background-color: $primary;
+    background-image: linear-gradient(45deg, $primary 0%, $primary 100%);
+    transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  }
+}
+
+.win-segoeicon {
+  font-family: 'Segoe Fluent Icons';
+  font-weight: bold;
+}
+
+.winpower-window {
+  padding: 5px;
+}
+
+.winpower-buttonicon {
+  padding: 10px;
+  min-width: 20px;
+  min-height: 20px;
+}
+
+.winpower-button {
+  background-color: transparent;
+  border-radius: 6px;
+  // border: 1px solid transparent;
+  // border-top: 1px solid transparent;
+  min-width: 42px;
+  min-height: 42px;
+  // margin: 0 5px;
+}
+
+.winpower-button:hover {
+  background-color: rgba(75, 75, 75, 0.5);
+}
+
+.winpower-button:active {
+  background-color: tint(rgba(75, 75, 75, 0.5), 10%);
+}
+
+.wingamebar-overlay {
+  // background-color: rgba(25, 25, 25, 0.1);
+}
+
+.wingamebar-window {
+  background: #252525;
+  border-radius: 10px;
+  border: 1px solid $overlay0;
+  transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
+}
+
+.wingamebar-titlebar {
+  background: #1C1C1C;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+  border: 2px $overlay0;
+  padding: 10px;
+}
+
+.wingamebar-icon {
+  font-family: 'Segoe Fluent Icons';
+  font-size: 10pt;
+  font-weight: bold;
+}
+
+.wingamebar-text {
+  font-family: 'Bahnschrift';
+  font-size: 12pt;
+  font-weight: 500;
+}
+
+.wingamebar-text-small {
+  font-size: 10pt;
+}
+
+.wingamebar-text-clock {
+  font-size: 17pt;
+  margin: 17px;
+}
+
+.wingamebar-text-bigmetric {
+  font-size: 25pt;
+}
+
+.wingamebar-content {
+  padding: 8px 17px;
+}
+
+.wingamebar-capture {
+  padding: 17px;
+}
+
+.wingamebar-capture-button {
+  min-width: 59px;
+  min-height: 59px;
+  background: #3A3A3A;
+  border-radius: 9999px;
+}
+
+.wingamebar-capture-button-unavailable {
+  min-width: 59px;
+  min-height: 59px;
+  background: #282828;
+  border-radius: 9999px;
+}
+
+.wingamebar-subtext {
+  color: #A8A8A8;
+}
+
+.wingamebar-capture-bottom {
+  border-top: 1px solid #373737;
+  padding: 8px 17px;
+  color: #DEDEDE;
+}
+
+.wingamebar-button-pad:hover {
+  :first-child {
+    background-color: $overlay0;
+  }
+}
+
+.wingamebar-button:hover {
+  background-color: $overlay0;
+}
+
+.wingamebar-capture-bottom {
+  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 8px;
+}
+
+.wingamebar-navbar {
+  min-height: 35px;
+  border-bottom: 2px solid #333333;
+  padding: 0 17px;
+}
+
+.wingamebar-navbar-button {
+  min-height: 35px;
+  min-width: 75px;
+  margin-bottom: -2px;
+  background-image: url('images/svg/dark/linehorizontal.svg');
+  background-position: bottom;
+  background-size: 100% auto;
+}
+
+.wingamebar-audio-sys {
+  padding: 17px;
+  border-bottom: 2px solid #333333;
+}
+
+.winslider-gamebar-sys {
+  margin: 0 5px;
+
+  trough {
+    min-width: 260px;
+  }
+}
+
+.winslider-gamebar-app {
+
+  // margin: 0 5px;
+  trough {
+    min-width: 205px;
+    margin: 0 3px;
+  }
+}
+
+.wingamebar-audio-appicon {
+  margin-left: 17px;
+  margin-bottom: 5px;
+}
+
+.wingamebar-control-button {
+  min-width: 59px;
+  min-height: 59px;
+  border-radius: 6px;
+  margin: 5px;
+}
+
+.wingamebar-control-button:hover {
+  background-color: $hover0;
+}
+
+.wingamebar-control-button-active {
+  min-width: 59px;
+  min-height: 59px;
+  border-radius: 6px;
+  margin: 5px;
+  background-size: auto 4%;
+  background-position: 0% 93%;
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 21%, $primary 21%, $primary 79%, rgba(0, 0, 0, 0) 79%, rgba(0, 0, 0, 0) 100%);
+}
+
+.wingamebar-control-button-active:hover {
+  background-color: $hover0;
+}
+
+.wingamebar-control-sidesection-left {
+  background-color: #1C1C1C;
+  min-height: 68px;
+  min-width: 68px;
+  border-top-left-radius: 10px;
+  border-bottom-left-radius: 10px;
+}
+
+.wingamebar-control-sidesection-right {
+  background-color: #1C1C1C;
+  min-height: 68px;
+  min-width: 68px;
+  border-top-right-radius: 10px;
+  border-bottom-right-radius: 10px;
+}
+
+.wingamebar-control-button {
+  font-size: 15pt;
+}
+
+.wingamebar-performance-metricscolumn {
+  min-width: 100px;
+}
+
+.wingamebar-performance-metric-false {
+  min-height: 25px;
+  padding: 0 17px;
+}
+
+.wingamebar-performance-metric-true {
+  min-height: 25px;
+  background-color: #3C3C3C;
+  padding: 0 17px;
+}
+
+.wingamebar-performance-grapharea {
+  border-bottom-right-radius: 10px;
+}
+
+.wingamebar-performance-graphpad {
+  padding: 17px;
+}
+
+.wingamebar-performance-graph-graphpad {
+  padding-top: 37px;
+  padding-bottom: 37px;
+  padding-left: 17px;
+  padding-right: 17px;
+}
+
+.wingamebar-graph {
+  color: $primary;
+}
+
+.winnews-topbar {
+  margin: 25px;
+  margin-bottom: 13px;
+}
+
+.winnews-user {
+  border-radius: 9999px;
+}
+
+.winnews-user:hover {
+  background-color: rgba(49, 49, 49, 0.7);
+}
+
+.winnews-clock {
+  font-family: 'Cantarell';
+  font-size: 12pt;
+  font-weight: 500;
+  font-size: 16pt;
+  margin-right: 20px;
+}
+
+.winnews-search-prompt {
+  background-color: rgba(34, 32, 39, 0.5);
+  border-radius: 9999px;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  padding: 5px;
+}
+
+.winnews-search-prompt-text {
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  color: #CCCCCC;
+}
+
+.winnews-search-contents {
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  background-color: transparent;
+  border-radius: 6px;
+  border: 0px solid transparent;
+  // padding: 11px;
+  // margin: 34px;
+  margin-left: 37px;
+
+  selection {
+    background-color: tint($primary, 50%);
+    color: #1e1e1e;
+  }
+}
+
+.winnews-widgets {
+  margin: 0 46px;
+  margin-top: 4px;
+}
+
+.winnews-section-icon {
+  color: $onSecondaryContainer;
+  font-family: 'Material Symbols Rounded';
+  font-size: 20pt;
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  margin: 5px;
+}
+
+.winnews-widget {
+  border-radius: 12px;
+  background-color: $onSecondary;
+}
+
+.winnews-section {
+  color: $onSecondaryContainer;
+  font-family: 'Cantarell';
+  font-size: 15pt;
+  font-weight: bold;
+  margin: 5px;
+}
+
+.winnews-text {
+  margin: 5px 0px;
+  background-repeat: no-repeat;
+  color: $onBackground;
+  font-family: 'Cantarell';
+  font-size: 12pt;
+}
+
+.winnews-option {
+  padding: 0 17px;
+}
+
+.winslider-winnews {
+  margin: 0 5px;
+  min-height: 21px;
+
+  trough {
+    min-width: 260px;
+  }
+}
+
+.win-checkbox-0 {
+  margin: 5px 0px;
+  border-radius: 9999px;
+  min-width: 26px;
+  min-height: 26px;
+  background: url('images/svg/checkbox_no.svg');
+  background-repeat: no-repeat;
+  color: transparent;
+}
+
+.win-checkbox-1 {
+  margin: 5px 0px;
+  border-radius: 9999px;
+  min-width: 26px;
+  min-height: 26px;
+  background: url('images/svg/checkbox.svg');
+  background-repeat: no-repeat;
+  color: transparent;
+}
+
+.winnews-fetch-pad {
+  padding: 0 17px;
+  padding-left: 15px;
+}
+
+.winnews-fetch-icon {
+  color: $primary;
+  font-size: 16pt;
+  font-family: Material Symbols Rounded;
+}
+.winnews-fetch {
+  font-size: 15pt;
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/eww.scss b/hybrid-summer/.config/eww/eww.scss
new file mode 100755
index 000000000..f261a835c
--- /dev/null
+++ b/hybrid-summer/.config/eww/eww.scss
@@ -0,0 +1,646 @@
+@import 'css/colors';
+@import 'css/colorscheme';
+@import 'css/material';
+@import 'images/svg/color.scss';
+
+@function tint($color, $percentage) {
+  @return mix(rgb(245, 250, 255), $color, $percentage);
+}
+
+@function shade($color, $percentage) {
+  @return mix(rgb(0, 7, 18), $color, $percentage);
+}
+
+$battcolor: $color6;
+$memcolor: $color5;
+$cpucolor: $color4;
+$border: $color7;
+$surface0: tint($colorbg, 10%);
+$bg1: $surface0;
+
+//thanks flick0!
+@keyframes gradient {
+  0% {
+    background-position: 0% 50%;
+  }
+
+  50% {
+    background-position: 100% 50%;
+  }
+
+  100% {
+    background-position: 0% 50%;
+  }
+}
+
+//also thanks to him
+@keyframes blink {
+  to {
+    background-color: #f9e2af;
+    color: #96804e;
+  }
+}
+
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes flyin-bottom {
+  from {
+    margin-bottom: -55px;
+    margin-top: 55px;
+  }
+
+  to {
+    margin-bottom: 0px;
+    margin-top: 0px;
+  }
+}
+
+@keyframes flyin-top {
+  from {
+    margin-bottom: 55px;
+    margin-top: -55px;
+  }
+
+  to {
+    margin-bottom: 0px;
+    margin-top: 0px;
+  }
+}
+
+@mixin rounding {
+  border-radius: 10px;
+}
+
+@mixin filter {
+  saturate {
+    filter: saturate(3);
+  }
+
+  grayscale {
+    filter: grayscale(100%);
+  }
+
+  contrast {
+    filter: contrast(160%);
+  }
+
+  brightness {
+    filter: brightness(0.25);
+  }
+
+  blur {
+    filter: blur(3px);
+  }
+
+  invert {
+    filter: invert(100%);
+  }
+
+  .sepia {
+    filter: sepia(100%);
+  }
+
+  huerotate {
+    filter: hue-rotate(180deg);
+  }
+
+  rss.opacity {
+    filter: opacity(50%);
+  }
+}
+
+@mixin window {
+  border: 3px solid $primary;
+  // box-shadow: 0 2px 3px $shadow;
+  margin: 5px 5px 10px;
+  @include rounding;
+}
+
+* {
+  all: unset;
+  transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  // font-family: 'Rubik', 'Material Symbols Rounded';
+  background-repeat: no-repeat;
+}
+
+.scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.progress slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.music-ctl-revealer {
+  font-family: Material Symbols Rounded;
+}
+
+@import 'css/bottombar';
+@import 'css/bgdecor';
+@import 'css/calendar';
+@import 'css/dashboard';
+@import 'css/dashfs';
+@import 'css/editmode';
+@import 'css/music';
+@import 'css/notification';
+@import 'css/overview';
+@import 'css/osd';
+@import 'css/osettings';
+@import 'css/sidebar';
+@import 'css/system';
+@import 'css/themer';
+@import 'css/taskbar';
+@import 'css/volume';
+@import 'css/winctl';
+@import 'css/winstuff';
+
+.module-group {
+  // background-color: $colorbg;
+  min-height: 53px;
+  color: $fg;
+  border-bottom-right-radius: 26px;
+  border-bottom-left-radius: 26px;
+}
+
+.bar-bg-only {
+  margin-top: 8px;
+  margin-bottom: 8px;
+  margin-right: -1911px;
+  margin-left: 8px;
+  border-radius: 26px;
+  background-color: shade($colorbg, 75%); //because dark background makes colors pop
+  background-image: linear-gradient(135deg, shade($onTertiary, 47%) 18%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0) 37%, shade($onTertiary, 47%) 37%, shade($onTertiary, 47%) 63%, rgba(0, 0, 0, 0) 63%, rgba(0, 0, 0, 0) 85%, shade($onTertiary, 47%) 85%);
+}
+
+.bar-bg-only-compact {
+  margin-right: -1920px;
+  background-color: shade($colorbg, 75%); //because dark background makes colors pop
+  background-image: linear-gradient(135deg, shade($onTertiary, 47%) 18%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0) 37%, shade($onTertiary, 47%) 37%, shade($onTertiary, 47%) 63%, rgba(0, 0, 0, 0) 63%, rgba(0, 0, 0, 0) 85%, shade($onTertiary, 47%) 85%);
+}
+
+.bar-normal {
+  // margin: 8px;
+  // border-radius: 26px;
+  // background-color: shade($colorbg, 75%); //because dark background makes colors pop
+  min-height: 53px;
+  color: $fg;
+  border-bottom-right-radius: 26px;
+  border-bottom-left-radius: 26px;
+
+  // background-image: linear-gradient(to right,
+  //     rgba(0, 0, 0, 0) 0%,
+  //     rgba(0, 0, 0, 0) 4.322916667%,
+  //     shade($colorbg, 75%) 4.322916667%,
+  //     shade($colorbg, 75%) 96.82291667%,
+  //     rgba(0, 0, 0, 0) 96.82291667%,
+  //     rgba(0, 0, 0, 0) 100%,
+  //   );
+
+  label {
+    font-size: 1.2rem;
+  }
+
+  font-family: 'Rubik';
+  // animation-name: flyin-top;
+  // animation-duration: 350ms;
+  // animation-timing-function: cubic-bezier(0.05, 0.7, 0.1, 1);
+  // animation-iteration-count: 1;
+}
+
+.bar-compact {
+  background-color: shade($colorbg, 70%); //because dark background makes colors pop
+  border-bottom: 1px solid $primary;
+  min-height: 53px;
+  color: $fg;
+
+  label {
+    font-size: 1.2rem;
+  }
+
+  font-family: 'Rubik';
+}
+
+tooltip {
+  background: $colorbarbg;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-radius: 8px;
+  color: white;
+
+  label {
+    font-family: 'Cantarell';
+    font-size: 13pt;
+  }
+}
+
+.music-module {
+  font-family: Material Symbols Rounded;
+}
+
+.icon {
+  font-family: Material Symbols Rounded;
+  // padding-left: 4px;
+  // padding-right: 4px;
+}
+
+.module {
+  font-family: Material Symbols Rounded;
+  min-height: 53px;
+}
+
+.module-timedate {
+  padding-left: 13px;
+  padding-right: 13px;
+}
+
+.hour {
+  // font-weight: bold;
+  // padding-left: 13px;
+  color: $colorbar;
+  font-size: 20pt;
+}
+
+.clock {
+  color: $color2;
+  font-family: 'Rubik';
+  font-size: 19pt;
+}
+
+// .clock-module:hover {
+//   border-top: 2px solid $color5;
+// }
+
+.minute {
+  color: $color2;
+  font-family: 'Rubik', 'Material Symbols Rounded';
+}
+
+.timedate-time {
+  label {
+    font-size: 16pt;
+  }
+}
+
+.date {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  color: $color2;
+
+  // margin-top: -2px;
+  label {
+    font-size: 12pt;
+  }
+}
+
+.bright-icon {
+  color: $color2;
+  padding-right: 4px;
+  padding-top: 4px;
+}
+
+// .bright-icon:hover {
+//   border-top: 2px solid;
+// }
+
+.module-bt {
+  font-size: 1.2rem;
+}
+
+.workspaces {
+  // margin-left: 10px;
+  background-color: transparent;
+}
+
+.player-controls {
+  font-family: Material Symbols Rounded;
+}
+
+.volume-icon {
+  padding-left: 3px;
+  padding-right: 3px;
+}
+
+.net-icon {
+  color: $color7;
+  font-family: Material Symbols Rounded;
+  padding-left: 4px;
+  padding-right: 4px;
+  padding-top: 4px;
+}
+
+// .net-icon:hover {
+//   border-top: 2px solid;
+// }
+
+.my-separator {
+  padding-left: 15px;
+  padding-right: 15px;
+  color: $onBackground;
+  min-height: 53px;
+}
+
+.ws {
+  font-size: 6rem;
+  transition: 75ms cubic-bezier(0.05, 0.9, 0.1, 1); //Hyprland, no overshot
+  // transition: 400ms cubic-bezier(0.2, 0.0, 0, 1.0); //Material 3
+}
+
+.ws-top {
+  // padding-top: 9px;
+}
+
+.ws-active-top {
+  
+}
+
+.ws-text {
+  font-size: 16pt;
+  font-family: Rubik;
+  border-radius: 9999px;
+  // padding-left: 3px;
+  // padding-right: 3px;
+  min-width: 27px;
+  min-height: 27px;
+  color: $colorbarbg;
+  margin-top: 13px;
+  margin-bottom: 13px;
+  margin-left: 2px;
+  margin-right: 2px;
+}
+
+.ws-text-top {
+  // font-size: 16pt;
+  // font-family: Rubik;
+  border-radius: 9999px;
+  // padding-left: 3px;
+  // padding-right: 3px;
+  min-width: 27px;
+  min-height: 5px;
+  color: $colorbarbg;
+  margin-left: 2px;
+  margin-right: 2px;
+}
+
+.ws-text-active {
+  background-color: $colorbar;
+}
+
+.ws:hover {
+  :first-child {
+    color: $tertiary;
+  }
+}
+
+.ws-active {
+  background-color: $onBackground;
+}
+
+.ws-inactive {
+  // background-color: tint($colorbg, 37%);
+  background-color: rgba(194, 192, 192, 0.7);
+}
+
+.ws-empty {
+  // background-color: tint($colorbg, 10%);
+  background-color: rgba(146, 145, 145, 0.3);
+}
+
+.activewin {
+  color: $colorbar;
+  // padding-left: 8px;
+  // padding-right: 8px;
+}
+
+// .themer-get {
+//   padding-top: 4px;
+//   padding-left: 10px;
+//   padding-right: 10px;
+//   background-image: url("images/grayscale/Add.png");
+//   background-repeat: no-repeat;
+//   background-position: center;
+//   background-size: 100%;
+// }
+
+// .themer-restore {
+//   padding-top: 7px;
+//   padding-left: 10px;
+//   padding-right: 10px;
+//   padding-bottom: 16px;
+//   background-image: url("images/grayscale/Backup.png");
+//   background-repeat: no-repeat;
+//   background-position: center;
+//   background-size: 100%;
+// }
+
+
+.icon,
+.icon,
+.icon-text,
+.vol-icon label {
+  font-family: "Material Symbols Rounded";
+}
+
+.username {
+  color: $onBackground;
+}
+
+.userpic {
+  margin: 5px;
+  min-height: 42px;
+  min-width: 42px;
+  background-size: 100%;
+  border-radius: 5px;
+  background-repeat: no-repeat;
+}
+
+.osettings-toggle-button-false {
+  :first-child {
+    :first-child {
+      padding: 0px 11px;
+      min-width: 53px;
+      min-height: 53px;
+      background-color: transparent;
+      // background-image: url('images/svg/settings.svg');
+      background-size: 400% auto;
+      background-repeat: no-repeat;
+      background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
+      border-radius: 26px;
+
+      :active {
+        background-color: $overlay0;
+        background-position: 90% 50%;
+      }
+    }
+  }
+}
+
+.osettings-toggle-button-false:hover {
+  :first-child {
+    :first-child {
+      background-color: $overlay0;
+      background-position: 60% 50%;
+    }
+  }
+}
+
+.osettings-toggle-button-true {
+  :first-child {
+    :first-child {
+      padding: 0px 11px;
+      min-width: 53px;
+      min-height: 53px;
+      background-color: $overlay0;
+      background-position: 90% 50%;
+      background-repeat: no-repeat;
+      background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
+      background-size: 400% auto;
+      border-radius: 26px;
+    }
+  }
+}
+
+.module-button-pad {
+  margin: 8px 0;
+  border-radius: 26px;
+  // background-color: shade($colorbg, 75%);
+}
+
+.module-button-pad-left {
+  margin: 8px 0;
+  margin-left: 8px;
+  // background-color: shade($colorbg, 75%);
+  border-top-left-radius: 26px;
+  border-bottom-left-radius: 26px;
+}
+
+.module-button-pad-center {
+  margin: 8px 0;
+  // background-color: shade($colorbg, 75%);
+}
+
+.module-button-pad-right {
+  margin: 8px 0;
+  margin-right: 8px;
+  // background-color: shade($colorbg, 75%);
+  border-bottom-right-radius: 26px;
+  border-top-right-radius: 26px;
+}
+
+.module-button-pad-right-nomargin {
+  // background-color: shade($colorbg, 75%);
+  border-bottom-right-radius: 26px;
+  border-top-right-radius: 26px;
+}
+
+.onotify-toggle-button-false {
+  min-width: 53px;
+  min-height: 53px;
+  background-color: transparent;
+  background-repeat: no-repeat;
+  background-size: auto 65%;
+  background-position: center;
+
+  :hover {
+    background-color: $overlay0;
+    // background-image: url('./images/lazer_icons/notifications_hover.png');
+  }
+
+  border-radius: 26px;
+}
+
+.onotify-toggle-button-true {
+  min-width: 53px;
+  min-height: 53px;
+  background-color: $overlay0;
+  // background-image: url('./images/lazer_icons/notifications_hover.png');
+  background-repeat: no-repeat;
+  background-size: auto 65%;
+  background-position: center;
+}
+
+.real-onotify-toggle-button {
+  min-width: 53px;
+  min-height: 53px;
+  // background-image: url('./images/svg/forum.svg');
+  background-repeat: no-repeat;
+  background-size: auto 65%;
+  background-position: center;
+
+  :hover {
+    background-color: $overlay0;
+  }
+}
+
+.real-onotify-toggle-button-true {
+  min-width: 53px;
+  min-height: 53px;
+  background-color: $overlay0;
+  background-size: auto 65%;
+  background-position: center;
+  // background-image: url('./images/svg/forum.svg');
+  background-repeat: no-repeat;
+}
+
+.module-button {
+  transition: 500ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  border-radius: 26px;
+  padding: 0px 5px;
+  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
+  background-size: 400% auto;
+  background-position: 40% 50%;
+}
+
+.module-button-hover {
+  transition: 500ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  border-radius: 26px;
+  padding: 0px 5px;
+  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
+  background-size: 400% auto;
+  background-color: $overlay0;
+  background-position: 60% 50%;
+}
+
+.module-button:hover {
+  background-color: $overlay0;
+  background-position: 60% 50%;
+}
+
+.module-button:active {
+  background-color: $overlay0;
+  background-position: 100% 50%;
+}
+
+.module-button-true {
+  border-radius: 26px;
+  padding: 0px 5px;
+  background-color: $overlay0;
+  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
+  background-size: 400% auto;
+  background-position: 90% 50%;
+}
+
+.dynbg-image {
+  transition: 900ms cubic-bezier(0.05, 0.9, 0.1, 1); // Hyprland default bezier but no overshot
+}
+
+progressbar>trough {
+  min-width: 30px;
+}
+
+.box-that-is-there {
+  background-color: transparent;
+}
+
+.search-button {
+  min-height: 53px;
+  min-width: 65px;
+  color: $colortext;
+  font-family: Material Symbols Rounded;
+}
+
+.workspaces-top {
+  min-width: 306px;
+  min-height: 5px;
+} 
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/eww.yuck b/hybrid-summer/.config/eww/eww.yuck
new file mode 100755
index 000000000..49dd9b400
--- /dev/null
+++ b/hybrid-summer/.config/eww/eww.yuck
@@ -0,0 +1,224 @@
+;##################### Modules #########################
+(include "./modules/activewindow.yuck")
+(include "./modules/audiolevels.yuck")
+(include "./modules/bluetooth.yuck")
+(include "./modules/bright.yuck")
+(include "./modules/clock.yuck")
+(include "./modules/editmode.yuck")
+(include "./modules/music.yuck")
+; (include "./modules/net.yuck")
+(include "./modules/searchbutton.yuck")
+(include "./modules/sys.yuck")
+(include "./modules/taskbar.yuck")
+(include "./modules/variables.yuck")
+(include "./modules/user.yuck")
+; (include "./modules/volume.yuck")
+(include "./modules/winstuff.yuck")
+(include "./modules/workspaces.yuck")
+
+;##################### Windows #########################
+(include "./windows/bottombar.yuck")
+(include "./windows/bg-decor.yuck")
+(include "./windows/dynamic-bg.yuck")
+(include "./windows/dashboard.yuck")
+(include "./windows/dashfs.yuck")
+(include "./windows/calendar.yuck")
+(include "./windows/music.yuck")
+(include "./windows/overview.yuck")
+(include "./windows/osd.yuck")
+(include "./windows/osettings.yuck")
+(include "./windows/onotify.yuck")
+; (include "./windows/system-menu.yuck")
+(include "./windows/themer.yuck")
+(include "./windows/winactions.yuck")
+(include "./windows/winosd.yuck")
+(include "./windows/winnews.yuck")
+(include "./windows/winnotif.yuck")
+(include "./windows/winpowermenu.yuck")
+(include "./windows/winstart.yuck")
+(include "./windows/winoverview.yuck")
+(include "./windows/wingamebar.yuck")
+
+(defwidget separator []
+  (box
+    :valign "start"
+    (label
+      :class "my-separator"
+      :text "|"
+    )
+  )
+)
+
+(defwidget left []
+  (eventbox
+    :onhover "${EWW_CMD} update music_reveal=true"
+    :onhoverlost "${EWW_CMD} update music_reveal=false"
+    (box
+      :space-evenly false :spacing 5
+      :valign "start" :halign "start"
+      (box :space-evenly false :class "module-group"
+        (osettings-button)
+        (osu-music-module)
+      )
+      ; (box :space-evenly false :class "module-group"
+        ;   (taskbar)
+      ; )
+      (revealer
+        :reveal false
+        :transition "slideright"
+        (label
+          :text "${volume.audio} ${brightness.level} ${wsjsona[0][0].at} ${wsjsonb[0][0].at}" ; Dummy to keep listeners active
+        )
+      )
+    )
+  )
+)
+
+(defwidget right []
+  (eventbox
+    :onhover "${EWW_CMD} update right_hover=true"
+    :onhoverlost "${EWW_CMD} update right_hover=false"
+    (box
+      :space-evenly false :spacing 5
+      :halign "end" :valign "start"
+      (box :space-evenly false :class "module-group"
+        ; (editmode)
+        (themer)
+      )
+      ; (user)
+      (box :space-evenly false :class "module-group"
+        (onotify-button)
+      )
+    )
+  )
+)
+
+(defwidget center []
+  (box
+    :space-evenly false :orientation "v"
+    ; (revealer
+    ;   :transition "slidedown"
+    ;   :duration "0ms"
+    ;   :reveal {!(rev_center_ws || awin.title == 'null')}
+    ;   ; :reveal true
+    ;   (workspaces_top)
+    ; )
+    (box
+      :valign "start"
+      :space-evenly false :spacing 5
+      :halign "center"
+      ; :style "${!(rev_center_ws || awin.title == 'null') ? 'margin-top: -15px; transition: 0px;' : 'transition: 0px;'}"
+      (box
+        :space-evenly false :space-evenly false
+        :spacing 5 :class "module-group" :style "padding-right: 10px;"
+        (searchbutton)
+        (revealer
+          :reveal {rev_center_ws || awin.title == 'null'}
+          ; :reveal false
+          :transition "slideright"
+          :duration "0ms"
+          (workspaces)
+        )
+        (revealer
+          :reveal {!(rev_center_ws || awin.title == 'null')}
+          ; :reveal true
+          :transition "slideright"
+          :duration "0ms"
+          (activewindow)
+        )
+      )
+    )
+  )
+)
+
+(defwidget bar [] ; Class .bar applies automatically
+  (box
+    :space-evenly false
+    :orientation "h"
+    (box
+      :class "bar-bg-only${compact ? '-compact' : ''}"
+      :style "
+      margin-right: -${RES_WIDTH - 9}px;
+      "
+    )
+    (centerbox
+      :class "bar-${compact ? 'compact' : 'normal'}"
+      :width {RES_WIDTH}
+      (left)
+      (center)
+      (right)
+    )
+  )
+)
+
+(defwidget winbar []
+  (centerbox
+    :class "winbar-bg"
+    (box
+      :space-evenly false
+      (winnews-button)
+      (eventbox
+        :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+        (box
+          :space-evenly false
+          :style "margin-left: ${RES_WIDTH / 2 - 75 - (25 * arraylength(tasks))}px;"
+          (winstarticon)
+          (wintaskbar)
+          (revealer
+            :reveal false
+            :transition "slideright"
+            (label
+              :text "${net.level} ${brightness.level} ${wsjsona[0][0].at} ${wsjsonb[0][0].at}" ; Dummy to keep listeners active
+            )
+          )
+        )
+      )
+    )
+    (box
+      
+    )
+    (box
+      :halign "end"
+      :space-evenly false
+      (winactions)
+      (windate)
+    )
+  )
+)
+
+(defwindow bar
+  :stacking "fg"
+  :wm-ignore true
+  :monitor 0
+  :geometry (geometry
+    :x "0%"
+    :y "0%"
+    :width "100%"
+    :height "53px"
+    ; :width "53px"
+    ; :height "100%"
+    :anchor "top center"
+  )
+  ; :stacking "fg"
+  :exclusive false
+  (bar)
+)
+
+(defwindow winbar
+  :stacking "fg"
+  :monitor 0
+  :exclusive true
+  :geometry (geometry
+    :x "0%"
+    :y "0%"
+    :width "100%"
+    ; :height "53px"
+    ; :width "53px"
+    ; :height "100%"
+    :anchor "bottom center"
+  )
+  ; :stacking "fg"
+  :exclusive false
+  (winbar)
+)
+
diff --git a/hybrid-summer/.config/eww/eww_covers/cover_art_default b/hybrid-summer/.config/eww/eww_covers/cover_art_default
new file mode 100644
index 000000000..f607b5ae0
Binary files /dev/null and b/hybrid-summer/.config/eww/eww_covers/cover_art_default differ
diff --git a/hybrid-summer/.config/eww/eww_covers/cover_art_error b/hybrid-summer/.config/eww/eww_covers/cover_art_error
new file mode 100755
index 000000000..09715b548
Binary files /dev/null and b/hybrid-summer/.config/eww/eww_covers/cover_art_error differ
diff --git a/hybrid-summer/.config/eww/images/icons/lazer_icons/beatmaps.png b/hybrid-summer/.config/eww/images/icons/lazer_icons/beatmaps.png
new file mode 100755
index 000000000..6790f713c
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/lazer_icons/beatmaps.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/lazer_icons/changelog.png b/hybrid-summer/.config/eww/images/icons/lazer_icons/changelog.png
new file mode 100755
index 000000000..33bad1bee
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/lazer_icons/changelog.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/lazer_icons/dashboard.png b/hybrid-summer/.config/eww/images/icons/lazer_icons/dashboard.png
new file mode 100755
index 000000000..d3bd65852
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/lazer_icons/dashboard.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/lazer_icons/dashboard_hover.png b/hybrid-summer/.config/eww/images/icons/lazer_icons/dashboard_hover.png
new file mode 100644
index 000000000..5a444383d
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/lazer_icons/dashboard_hover.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/lazer_icons/forum.png b/hybrid-summer/.config/eww/images/icons/lazer_icons/forum.png
new file mode 100755
index 000000000..cbf58770b
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/lazer_icons/forum.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/lazer_icons/music.png b/hybrid-summer/.config/eww/images/icons/lazer_icons/music.png
new file mode 100755
index 000000000..2c3898f7c
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/lazer_icons/music.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/lazer_icons/music_hover.png b/hybrid-summer/.config/eww/images/icons/lazer_icons/music_hover.png
new file mode 100644
index 000000000..942a6521d
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/lazer_icons/music_hover.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/lazer_icons/music_hover_reference.png b/hybrid-summer/.config/eww/images/icons/lazer_icons/music_hover_reference.png
new file mode 100644
index 000000000..369f8cdce
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/lazer_icons/music_hover_reference.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/lazer_icons/music_reference.png b/hybrid-summer/.config/eww/images/icons/lazer_icons/music_reference.png
new file mode 100755
index 000000000..2ee032bba
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/lazer_icons/music_reference.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/lazer_icons/news.png b/hybrid-summer/.config/eww/images/icons/lazer_icons/news.png
new file mode 100755
index 000000000..c07bd0c1f
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/lazer_icons/news.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/lazer_icons/notifications.png b/hybrid-summer/.config/eww/images/icons/lazer_icons/notifications.png
new file mode 100755
index 000000000..50ea3d40b
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/lazer_icons/notifications.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/lazer_icons/notifications_hover.png b/hybrid-summer/.config/eww/images/icons/lazer_icons/notifications_hover.png
new file mode 100755
index 000000000..0ef188ca1
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/lazer_icons/notifications_hover.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/lazer_icons/options.png b/hybrid-summer/.config/eww/images/icons/lazer_icons/options.png
new file mode 100755
index 000000000..cec497cd9
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/lazer_icons/options.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/lazer_icons/options_hover.png b/hybrid-summer/.config/eww/images/icons/lazer_icons/options_hover.png
new file mode 100755
index 000000000..42439b642
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/lazer_icons/options_hover.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/lazer_icons/rankings.png b/hybrid-summer/.config/eww/images/icons/lazer_icons/rankings.png
new file mode 100755
index 000000000..d7210d3d0
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/lazer_icons/rankings.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/beatmappacks.png b/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/beatmappacks.png
new file mode 100644
index 000000000..29722cb97
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/beatmappacks.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/beatmaps.png b/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/beatmaps.png
new file mode 100644
index 000000000..4fea440a3
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/beatmaps.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/changelog.png b/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/changelog.png
new file mode 100644
index 000000000..1f2f16c67
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/changelog.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/chat.png b/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/chat.png
new file mode 100644
index 000000000..d823c584d
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/chat.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/contests.png b/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/contests.png
new file mode 100644
index 000000000..994d5632c
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/contests.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/forum.png b/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/forum.png
new file mode 100644
index 000000000..d39b6fe21
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/forum.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/home.png b/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/home.png
new file mode 100644
index 000000000..cfd881e46
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/home.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/news.png b/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/news.png
new file mode 100644
index 000000000..05e5d4dc7
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/news.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/rankings.png b/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/rankings.png
new file mode 100644
index 000000000..04191ae5b
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/rankings.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/search.png b/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/search.png
new file mode 100644
index 000000000..a061f307a
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/search.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/settings.png b/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/settings.png
new file mode 100644
index 000000000..a74388e9a
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/settings.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/store.png b/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/store.png
new file mode 100644
index 000000000..b6c02fb37
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/store.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/tournaments.png b/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/tournaments.png
new file mode 100644
index 000000000..de1a29bda
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/tournaments.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/wiki.png b/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/wiki.png
new file mode 100644
index 000000000..405e287a5
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/lazer_icons/transparent/wiki.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/lazer_icons/wiki.png b/hybrid-summer/.config/eww/images/icons/lazer_icons/wiki.png
new file mode 100755
index 000000000..6d6c7ba91
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/lazer_icons/wiki.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/win-clicked.png b/hybrid-summer/.config/eww/images/icons/win-clicked.png
new file mode 100644
index 000000000..a65486725
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/win-clicked.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/win-inactive.png b/hybrid-summer/.config/eww/images/icons/win-inactive.png
new file mode 100644
index 000000000..37328e3e5
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/win-inactive.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/win.png b/hybrid-summer/.config/eww/images/icons/win.png
new file mode 100644
index 000000000..88b1a19de
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/win.png differ
diff --git a/hybrid-summer/.config/eww/images/icons/winnews.png b/hybrid-summer/.config/eww/images/icons/winnews.png
new file mode 100644
index 000000000..7829fd79e
Binary files /dev/null and b/hybrid-summer/.config/eww/images/icons/winnews.png differ
diff --git a/hybrid-summer/.config/eww/images/pictures/beach_drinks.jpeg b/hybrid-summer/.config/eww/images/pictures/beach_drinks.jpeg
new file mode 100644
index 000000000..43ba66abb
Binary files /dev/null and b/hybrid-summer/.config/eww/images/pictures/beach_drinks.jpeg differ
diff --git a/hybrid-summer/.config/eww/images/pictures/beach_smoothie.jpg b/hybrid-summer/.config/eww/images/pictures/beach_smoothie.jpg
new file mode 100644
index 000000000..29f84f797
Binary files /dev/null and b/hybrid-summer/.config/eww/images/pictures/beach_smoothie.jpg differ
diff --git a/hybrid-summer/.config/eww/images/svg/__mode_light_dark.txt b/hybrid-summer/.config/eww/images/svg/__mode_light_dark.txt
new file mode 100644
index 000000000..e69de29bb
diff --git a/hybrid-summer/.config/eww/images/svg/airplane.svg b/hybrid-summer/.config/eww/images/svg/airplane.svg
new file mode 100644
index 000000000..37a84d1e8
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/airplane.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9.47 9.643 8.768 3.77l-.002-.074c0-.889.72-1.61 1.61-1.61.802 0 1.545.42 1.977 1.135l.087.161 2.945 6.09 3.957-.117a2.6 2.6 0 0 1 2.672 2.53l.001.066a2.602 2.602 0 0 1-2.62 2.597l-3.963-.116-2.992 6.188a2.293 2.293 0 0 1-2.065 1.295c-.889 0-1.609-.72-1.609-1.631l.007-.118.707-5.908-2.132-.063-.27.736a1.946 1.946 0 0 1-1.827 1.278c-.876 0-1.586-.71-1.586-1.587v-.76l-.154-.032a1.92 1.92 0 0 1 0-3.758l.155-.032v-.76c0-.803.597-1.475 1.434-1.579l.151-.008c.745 0 1.423.426 1.765 1.127l.063.15.27.736 2.12-.062Zm.906-6.057c-.06 0-.109.049-.11.087l.887 7.422-4.84.141-.628-1.715-.032-.079c-.075-.152-.23-.25-.354-.251l-.058.002a.086.086 0 0 0-.075.085l.001 1.98-1.35.282a.419.419 0 0 0 0 .821l1.35.281v1.98c0 .047.038.086.085.086a.446.446 0 0 0 .419-.293l.64-1.751 4.854.141-.897 7.471v.03c0 .06.048.108.108.108a.793.793 0 0 0 .714-.448l3.415-7.063 4.914.144c.606 0 1.097-.491 1.097-1.086v-.043a1.097 1.097 0 0 0-1.13-1.064l-4.928.144-3.351-6.932-.053-.099a.793.793 0 0 0-.678-.381Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/app.svg b/hybrid-summer/.config/eww/images/svg/app.svg
new file mode 100644
index 000000000..d0d84b3d0
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/app.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m18.492 2.33 3.179 3.179a2.25 2.25 0 0 1 0 3.182l-2.423 2.422A2.501 2.501 0 0 1 21 13.5v5a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 18.5v-13A2.5 2.5 0 0 1 5.5 3h5c1.121 0 2.07.737 2.387 1.754L15.31 2.33a2.25 2.25 0 0 1 3.182 0ZM11 13H5v5.5a.5.5 0 0 0 .5.5H11v-6Zm7.5 0H13v6h5.5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5Zm-4.06-2.001L13 9.559v1.44h1.44Zm-3.94-6h-5a.5.5 0 0 0-.5.5V11h6V5.5a.5.5 0 0 0-.5-.5Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/appgeneric.svg b/hybrid-summer/.config/eww/images/svg/appgeneric.svg
new file mode 100644
index 000000000..2a6913a9d
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/appgeneric.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m17.751 3 .185.005a3.25 3.25 0 0 1 3.06 3.06l.005.185v11.5l-.005.184A3.25 3.25 0 0 1 17.751 21H6.25a3.25 3.25 0 0 1-3.245-3.066L3 17.75V6.25a3.25 3.25 0 0 1 3.066-3.245L6.25 3h11.501ZM19.5 8H4.501L4.5 17.75a1.75 1.75 0 0 0 1.606 1.744l.144.006h11.501l.144-.006a1.75 1.75 0 0 0 1.6-1.593l.006-.151L19.5 8Zm-9.25 1.5a.75.75 0 0 1 .743.648l.007.102v7a.75.75 0 0 1-.648.743L10.25 18h-3.5a.75.75 0 0 1-.743-.648L6 17.25v-7a.75.75 0 0 1 .648-.743L6.75 9.5h3.5ZM9.5 11h-2v5.5h2V11Zm6.75 1.503a.75.75 0 0 1 .102 1.493l-.102.007h-3.496a.75.75 0 0 1-.101-1.493l.101-.007h3.496Zm1-3.003a.75.75 0 0 1 .102 1.493L17.25 11h-4.496a.75.75 0 0 1-.101-1.493l.101-.007h4.496Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/applycolor.svg b/hybrid-summer/.config/eww/images/svg/applycolor.svg
new file mode 100644
index 000000000..1ffe181fa
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/applycolor.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M2 12.414V17.5A2.5 2.5 0 0 0 4.5 20h15a2.5 2.5 0 0 0 2.5-2.5v-11A2.5 2.5 0 0 0 19.5 4h-8.944l1.5 1.5H19.5a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1v-3.586l-1.5-1.5Z" fill="#ffdbc4"/><path d="M6 1.75a.75.75 0 1 1 1.5 0v1.265c.45.04.89.233 1.235.578l3.536 3.536a2 2 0 0 1 0 2.828L8.027 14.2a2 2 0 0 1-2.829 0l-3.535-3.536a2 2 0 0 1 0-2.828l4.243-4.243c.03-.03.061-.06.093-.087V1.75Zm0 4.5v-.629l-2.89 2.89h8.245a.498.498 0 0 0-.145-.322L7.674 4.654A.498.498 0 0 0 7.5 4.54v1.71a.75.75 0 0 1-1.5 0Zm-2.868 3.76 3.128 3.13a.5.5 0 0 0 .707 0l3.129-3.13H3.132ZM11 13.375c0-.493.154-.972.342-1.381.19-.416.438-.806.673-1.134.238-.331.474-.613.65-.812.085-.097.24-.261.299-.323l.005-.005a.75.75 0 0 1 1.061 0l.305.328c.176.199.412.48.649.812.236.328.483.718.674 1.134.188.409.342.888.342 1.381C16 14.765 14.97 16 13.5 16c-1.471 0-2.5-1.235-2.5-2.625Zm2.234-1.64c-.202.28-.392.585-.53.885-.14.305-.204.56-.204.755 0 .691.48 1.125 1 1.125.519 0 1-.434 1-1.125 0-.194-.065-.45-.205-.755a5.494 5.494 0 0 0-.53-.886 8.417 8.417 0 0 0-.265-.35 8.33 8.33 0 0 0-.266.35Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/bat0.svg b/hybrid-summer/.config/eww/images/svg/bat0.svg
new file mode 100644
index 000000000..b8ff6a028
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/bat0.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/bat1.svg b/hybrid-summer/.config/eww/images/svg/bat1.svg
new file mode 100644
index 000000000..bbc4a313f
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/bat1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6.003 8.999H7a1 1 0 0 1 .993.883L8 10v4a1 1 0 0 1-.883.993L7 14.999h-.997a1 1 0 0 1-.993-.884L5.003 14v-4a1 1 0 0 1 .883-.994L6.003 9H7h-.997Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/bat10.svg b/hybrid-summer/.config/eww/images/svg/bat10.svg
new file mode 100644
index 000000000..1c9877250
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/bat10.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h10a1 1 0 0 1 .993.883L17 10v4a1 1 0 0 1-.883.993L16 15H6a1 1 0 0 1-.993-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h10H6Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/bat2.svg b/hybrid-summer/.config/eww/images/svg/bat2.svg
new file mode 100644
index 000000000..33279884d
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/bat2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9.003 8 9a1 1 0 0 1 .993.883L9 10v4a1 1 0 0 1-.883.993L8 15l-2 .003a1 1 0 0 1-.993-.883L5 14.003v-4a1 1 0 0 1 .883-.993L6 9.003 8 9l-2 .003Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/bat3.svg b/hybrid-summer/.config/eww/images/svg/bat3.svg
new file mode 100644
index 000000000..29489bd21
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/bat3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6.017 9H9a1 1 0 0 1 .993.883L10 10v4a1 1 0 0 1-.883.993L9 15H6.017a1 1 0 0 1-.994-.883L5.017 14v-4a1 1 0 0 1 .883-.993L6.017 9H9 6.017Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/bat4.svg b/hybrid-summer/.config/eww/images/svg/bat4.svg
new file mode 100644
index 000000000..0add3b519
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/bat4.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h4a1 1 0 0 1 .993.883L11 10v4a1 1 0 0 1-.883.993L10 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h4-4Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/bat5.svg b/hybrid-summer/.config/eww/images/svg/bat5.svg
new file mode 100644
index 000000000..d9083a952
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/bat5.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h5a1 1 0 0 1 .993.883L12 10v4a1 1 0 0 1-.883.993L11 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h5-5Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/bat6.svg b/hybrid-summer/.config/eww/images/svg/bat6.svg
new file mode 100644
index 000000000..c88b64265
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/bat6.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h6a1 1 0 0 1 .993.883L13 10v4a1 1 0 0 1-.883.993L12 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h6-6Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/bat7.svg b/hybrid-summer/.config/eww/images/svg/bat7.svg
new file mode 100644
index 000000000..c5de316e3
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/bat7.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h7a1 1 0 0 1 .993.883L14 10v4a1 1 0 0 1-.883.993L13 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h7-7Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/bat8.svg b/hybrid-summer/.config/eww/images/svg/bat8.svg
new file mode 100644
index 000000000..f17f2d995
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/bat8.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h8a1 1 0 0 1 .993.883L15 10v4a1 1 0 0 1-.883.993L14 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h8-8Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/bat9.svg b/hybrid-summer/.config/eww/images/svg/bat9.svg
new file mode 100644
index 000000000..2b3d6124a
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/bat9.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h9a1 1 0 0 1 .993.883L16 10v4a1 1 0 0 1-.883.993L15 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h9-9Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/batcharge.svg b/hybrid-summer/.config/eww/images/svg/batcharge.svg
new file mode 100644
index 000000000..441fc9e9a
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/batcharge.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.75 6H17a3 3 0 0 1 2.995 2.824L20 9v1l1 .018a1 1 0 0 1 .993.879l.008.12v2a1 1 0 0 1-.866.992l-.134.009L20 14v1a3 3 0 0 1-2.824 2.995L17 18H7.998a.75.75 0 0 1-.102-1.493l.102-.007H17a1.5 1.5 0 0 0 1.493-1.355L18.5 15V9a1.5 1.5 0 0 0-1.355-1.493L17 7.5h-6.25a.75.75 0 0 1-.102-1.493L10.75 6H17h-6.25Zm-4.499 4.998v6.252a.75.75 0 0 1-1.492.102l-.007-.102v-6.252H3.75A1.75 1.75 0 0 1 2 9.249V6.75A.75.75 0 0 1 2.75 6h.751V4.75a.75.75 0 0 1 .648-.743L4.251 4a.75.75 0 0 1 .743.648l.007.102V6h.995V4.75a.75.75 0 0 1 .65-.743l.1-.007a.75.75 0 0 1 .744.648l.007.102L7.496 6h.758a.75.75 0 0 1 .75.75v2.499a1.75 1.75 0 0 1-1.75 1.75l-1.003-.001v6.252-6.252ZM7.504 7.5H3.5v1.749c0 .138.112.25.25.25h3.504a.25.25 0 0 0 .25-.25V7.5Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/beach/beatmappacks.svg b/hybrid-summer/.config/eww/images/svg/beach/beatmappacks.svg
new file mode 100644
index 000000000..7ed628d4a
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/beach/beatmappacks.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="#C3C3EB"/>
+<path d="M45.8333 49.0106C45.4883 49.0106 45.1433 48.9575 44.8248 48.8248L25.3715 40.863C24.3365 40.4384 23.673 39.3768 23.7261 38.2622C23.7792 37.121 24.5488 36.1656 25.6369 35.8471L53.6093 27.8853C54.1932 27.7261 54.7771 27.7526 55.3344 27.9915L74.7877 35.9533C75.8227 36.3779 76.4862 37.4395 76.4331 38.5541C76.38 39.6953 75.6104 40.6507 74.5223 40.9692L46.5764 48.931C46.3376 48.9841 46.0987 49.0106 45.8333 49.0106ZM34.5011 38.8461L46.0191 43.5435L65.6847 37.9437L54.1667 33.2463L34.5011 38.8461Z" fill="#C3C3EB"/>
+<path d="M45.8333 74.1698C45.4883 74.1698 45.1433 74.1168 44.8248 73.9841L25.3715 66.0223C24.3365 65.5977 23.673 64.5361 23.7261 63.4214C23.7792 62.2802 24.5488 61.3248 25.6369 61.0064L53.5828 53.0446C54.1667 52.8853 54.7505 52.9119 55.3079 53.1507L74.7612 61.1125C75.7962 61.5372 76.4597 62.5987 76.4066 63.7134C76.3535 64.8546 75.5839 65.81 74.4958 66.1284L46.5499 74.0902C46.3376 74.1433 46.0987 74.1698 45.8333 74.1698ZM34.5011 64.0053L46.0191 68.7028L65.6847 63.103L54.1667 58.4055L34.5011 64.0053Z" fill="#C3C3EB"/>
+<path d="M26.4597 66.1285C25 66.1285 23.8057 64.9342 23.8057 63.4745V38.3153C23.8057 36.8556 25 35.6614 26.4597 35.6614C27.9193 35.6614 29.1136 36.8556 29.1136 38.3153V63.4745C29.1136 64.9342 27.9193 66.1285 26.4597 66.1285Z" fill="#C3C3EB"/>
+<path d="M45.9395 74.1433C44.4799 74.1433 43.2856 72.949 43.2856 71.4894V46.3301C43.2856 44.8705 44.4799 43.6762 45.9395 43.6762C47.3992 43.6762 48.5934 44.8705 48.5934 46.3301V71.4894C48.5934 72.949 47.3992 74.1433 45.9395 74.1433Z" fill="#C3C3EB"/>
+<path d="M54.4055 57.7421C52.9459 57.7421 51.7516 56.5478 51.7516 55.0881V30.4862C51.7516 29.0265 52.9459 27.8323 54.4055 27.8323C55.8652 27.8323 57.0594 29.0265 57.0594 30.4862V55.0881C57.0594 56.5478 55.8652 57.7421 54.4055 57.7421Z" fill="#C3C3EB"/>
+<path d="M73.8854 66.1285C72.4257 66.1285 71.2314 64.9342 71.2314 63.4745V38.8726C71.2314 37.413 72.4257 36.2187 73.8854 36.2187C75.345 36.2187 76.5393 37.413 76.5393 38.8726V63.4745C76.5393 64.9342 75.345 66.1285 73.8854 66.1285Z" fill="#C3C3EB"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#C3C3EB" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/beach/forum.svg b/hybrid-summer/.config/eww/images/svg/beach/forum.svg
new file mode 100644
index 000000000..d5dabd69f
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/beach/forum.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.28849C70.2493 9.28849 75.0795 12.0649 77.6803 16.5602L92.7281 42.5266C95.3289 47.0219 95.3289 52.5748 92.7281 57.07L77.6803 83.0365C75.0795 87.5317 70.2493 90.3082 65.0476 90.3082H34.9521C29.7504 90.3082 24.9203 87.5317 22.3194 83.0365L7.27165 57.07C4.6708 52.5748 4.6708 47.0219 7.27165 42.5266L22.3194 16.5602C24.9203 12.0649 29.7504 9.28849 34.9521 9.28849H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.78127 17.7016 13.9159L2.65381 39.8824C-0.902448 46.0171 -0.902448 53.5796 2.65381 59.7142L17.7016 85.6807C21.2578 91.8154 27.8396 95.5966 34.9521 95.5966H65.0476C72.1602 95.5966 78.7419 91.8154 82.2982 85.6807L97.3459 59.7142C100.902 53.5796 100.902 46.0171 97.3459 39.8824L82.2716 13.9159C78.7419 7.78127 72.1602 4 65.0476 4Z" fill="#92CBF6"/>
+<path d="M66.9851 40.8079C69.1837 40.8079 70.966 39.0321 70.966 36.8415C70.966 34.651 69.1837 32.8752 66.9851 32.8752C64.7865 32.8752 63.0042 34.651 63.0042 36.8415C63.0042 39.0321 64.7865 40.8079 66.9851 40.8079Z" fill="#92CBF6"/>
+<path d="M51.327 40.8079H34.6072C32.4045 40.8079 30.6263 39.0362 30.6263 36.8415C30.6263 34.6468 32.4045 32.8752 34.6072 32.8752H51.327C53.5297 32.8752 55.3079 34.6468 55.3079 36.8415C55.3079 39.0362 53.5297 40.8079 51.327 40.8079Z" fill="#92CBF6"/>
+<path d="M66.9851 67.2503C69.1837 67.2503 70.966 65.4745 70.966 63.284C70.966 61.0934 69.1837 59.3176 66.9851 59.3176C64.7865 59.3176 63.0042 61.0934 63.0042 63.284C63.0042 65.4745 64.7865 67.2503 66.9851 67.2503Z" fill="#92CBF6"/>
+<path d="M51.327 67.2503H34.6072C32.4045 67.2503 30.6263 65.4787 30.6263 63.284C30.6263 61.0892 32.4045 59.3176 34.6072 59.3176H51.327C53.5297 59.3176 55.3079 61.0892 55.3079 63.284C55.3079 65.4787 53.5297 67.2503 51.327 67.2503Z" fill="#92CBF6"/>
+<path d="M34.8726 54.0291C37.0712 54.0291 38.8535 52.2533 38.8535 50.0627C38.8535 47.8722 37.0712 46.0964 34.8726 46.0964C32.674 46.0964 30.8917 47.8722 30.8917 50.0627C30.8917 52.2533 32.674 54.0291 34.8726 54.0291Z" fill="#92CBF6"/>
+<path d="M67.2505 54.0291H50.5308C48.328 54.0291 46.5499 52.2575 46.5499 50.0627C46.5499 47.868 48.328 46.0964 50.5308 46.0964H67.2505C69.4533 46.0964 71.2314 47.868 71.2314 50.0627C71.2314 52.2575 69.4533 54.0291 67.2505 54.0291Z" fill="#92CBF6"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.5966" fill="#92CBF6" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/beach/search.svg b/hybrid-summer/.config/eww/images/svg/beach/search.svg
new file mode 100644
index 000000000..94bd29803
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/beach/search.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0481 9.31178C70.2498 9.31178 75.08 12.1005 77.6808 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6808 83.3845C75.08 87.8995 70.2498 90.6882 65.0481 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27214 57.3037C4.67129 52.7887 4.67129 47.2113 7.27214 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0481ZM65.0481 4H34.9526C27.8401 4 21.2583 7.79792 17.7021 13.9596L2.6543 40.0404C-0.90196 46.2021 -0.90196 53.7979 2.6543 59.9596L17.7021 86.0404C21.2583 92.2021 27.8401 96 34.9526 96H65.0481C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3464 59.9596C100.903 53.7979 100.903 46.2021 97.3464 40.0404L82.2721 13.9596C78.7424 7.79792 72.1607 4 65.0481 4Z" fill="#B0E2F7"/>
+<path d="M67.0382 71.0612C66.0297 71.0612 64.9947 70.6628 64.225 69.8926L54.2728 59.933C52.707 58.3661 52.707 55.843 54.2728 54.3025C55.8386 52.7356 58.3599 52.7356 59.8991 54.3025L69.8514 64.2621C71.4172 65.8291 71.4172 68.3522 69.8514 69.8926C69.0817 70.6628 68.0732 71.0612 67.0382 71.0612Z" fill="#B0E2F7"/>
+<path d="M46.2049 63.4919C36.7038 63.4919 28.9544 55.7367 28.9544 46.2286C28.9544 36.7206 36.7038 28.9654 46.2049 28.9654C55.706 28.9654 63.4554 36.7206 63.4554 46.2286C63.4554 55.7367 55.7325 63.4919 46.2049 63.4919ZM46.2049 36.933C41.0828 36.933 36.9162 41.1028 36.9162 46.2286C36.9162 51.3545 41.0828 55.5243 46.2049 55.5243C51.327 55.5243 55.4937 51.3545 55.4937 46.2286C55.4937 41.1028 51.327 36.933 46.2049 36.933Z" fill="#B0E2F7"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#B0E2F7" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/beach/settings.svg b/hybrid-summer/.config/eww/images/svg/beach/settings.svg
new file mode 100644
index 000000000..2ae0bf40b
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/beach/settings.svg
@@ -0,0 +1,23 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.31178C70.2493 9.31178 75.0795 12.1005 77.6803 16.6155L92.7281 42.6963C95.329 47.2113 95.329 52.7887 92.7281 57.3037L77.6803 83.3845C75.0795 87.8995 70.2493 90.6882 65.0476 90.6882H34.9521C29.7504 90.6882 24.9203 87.8995 22.3194 83.3845L7.27163 57.3037C4.67078 52.7887 4.67078 47.2113 7.27163 42.6963L22.3194 16.6155C24.9203 12.1005 29.7504 9.31178 34.9521 9.31178H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.79792 17.7016 13.9596L2.6538 40.0404C-0.902467 46.2021 -0.902467 53.7979 2.6538 59.9596L17.7016 86.0404C21.2578 92.2021 27.8396 96 34.9521 96H65.0476C72.1602 96 78.7419 92.2021 82.2982 86.0404L97.3459 59.9596C100.902 53.7979 100.902 46.2021 97.3459 40.0404L82.2716 13.9596C78.7419 7.79792 72.1602 4 65.0476 4Z" fill="#E7D2D7"/>
+<path d="M50 72.0704C37.9246 72.0704 28.1051 62.2436 28.1051 50.1593C28.1051 38.0751 37.9246 28.2483 50 28.2483C62.0754 28.2483 71.8949 38.0751 71.8949 50.1593C71.8949 62.2436 62.0754 72.0704 50 72.0704ZM50 36.2159C42.3036 36.2159 36.0669 42.4838 36.0669 50.1593C36.0669 57.8349 42.3302 64.1028 50 64.1028C57.6699 64.1028 63.9331 57.8349 63.9331 50.1593C63.9331 42.4838 57.6699 36.2159 50 36.2159Z" fill="#E7D2D7"/>
+<path d="M50 35.8441C47.7972 35.8441 46.0191 34.0647 46.0191 31.8603V28.4873C46.0191 26.2829 47.7972 24.5035 50 24.5035C52.2028 24.5035 53.9809 26.2829 53.9809 28.4873V31.8603C53.9809 34.0647 52.2028 35.8441 50 35.8441Z" fill="#E7D2D7"/>
+<path d="M58.9968 38.5531C58.2537 38.5531 57.5106 38.3407 56.8206 37.9157C54.9894 36.7206 54.4586 34.2506 55.6529 32.418L57.6699 29.3106C58.8641 27.4781 61.3323 26.9469 63.1635 28.142C64.9947 29.3372 65.5255 31.8072 64.3312 33.6397L62.3142 36.7471C61.5711 37.9157 60.2973 38.5531 58.9968 38.5531Z" fill="#E7D2D7"/>
+<path d="M65.7378 45.5116C64.3843 45.5116 63.0839 44.821 62.3408 43.5993C61.1996 41.7136 61.81 39.2702 63.6943 38.1282L67.0382 36.1097C68.9225 34.9677 71.3641 35.5785 72.5053 37.4642C73.6465 39.3499 73.0361 41.7933 71.1518 42.9353L67.8079 44.9538C67.1444 45.3256 66.4278 45.5116 65.7378 45.5116Z" fill="#E7D2D7"/>
+<path d="M32.0064 54.515H27.9724C25.7696 54.515 23.9915 52.7356 23.9915 50.5312C23.9915 48.3268 25.7696 46.5473 27.9724 46.5473H32.0064C34.2091 46.5473 35.9873 48.3268 35.9873 50.5312C35.9873 52.7356 34.2091 54.515 32.0064 54.515Z" fill="#E7D2D7"/>
+<path d="M69.0817 65.537C68.3917 65.537 67.7017 65.3511 67.0648 64.9792L63.2696 62.7217C61.3854 61.6062 60.7484 59.1628 61.8631 57.2506C62.9777 55.3649 65.4193 54.7275 67.3302 55.843L71.1253 58.1005C73.0096 59.2159 73.6465 61.6594 72.5319 63.5716C71.7622 64.8464 70.4353 65.537 69.0817 65.537Z" fill="#E7D2D7"/>
+<path d="M34.2622 45.5116C33.5722 45.5116 32.8556 45.3257 32.1921 44.9273L28.8482 42.9088C26.9639 41.7668 26.3535 39.3233 27.4947 37.4377C28.6359 35.552 31.0775 34.9411 32.9618 36.0832L36.3057 38.1016C38.19 39.2437 38.8004 41.6871 37.6592 43.5728C36.9161 44.8476 35.6157 45.5116 34.2622 45.5116Z" fill="#E7D2D7"/>
+<path d="M40.7909 38.7656C39.3843 38.7656 38.0043 37.9954 37.2877 36.6675L35.483 33.321C34.448 31.3822 35.1646 28.9654 37.1019 27.9296C39.0393 26.8938 41.4544 27.6109 42.4894 29.5497L44.2941 32.8961C45.3291 34.8349 44.6125 37.2517 42.6752 38.2875C42.0648 38.6063 41.4278 38.7656 40.7909 38.7656Z" fill="#E7D2D7"/>
+<path d="M72.0276 54.515H67.9936C65.7909 54.515 64.0127 52.7356 64.0127 50.5312C64.0127 48.3268 65.7909 46.5473 67.9936 46.5473H72.0276C74.2303 46.5473 76.0085 48.3268 76.0085 50.5312C76.0085 52.7356 74.2303 54.515 72.0276 54.515Z" fill="#E7D2D7"/>
+<path d="M61.0138 73.6109C59.6603 73.6109 58.3333 72.9203 57.5902 71.6455L55.3344 67.8476C54.2198 65.9619 54.8302 63.5185 56.741 62.3765C58.6253 61.261 61.0669 61.8718 62.2081 63.7841L64.4639 67.582C65.5786 69.4677 64.9682 71.9111 63.0573 73.0531C62.3938 73.425 61.7038 73.6109 61.0138 73.6109Z" fill="#E7D2D7"/>
+<path d="M50 76.5589C47.7972 76.5589 46.0191 74.7795 46.0191 72.5751V68.0866C46.0191 65.8822 47.7972 64.1028 50 64.1028C52.2028 64.1028 53.9809 65.8822 53.9809 68.0866V72.5751C53.9809 74.7795 52.2028 76.5589 50 76.5589Z" fill="#E7D2D7"/>
+<path d="M30.9183 65.537C29.5648 65.537 28.2643 64.8464 27.5212 63.6247C26.3801 61.739 26.9905 59.2956 28.8747 58.1536L32.2187 56.1351C34.103 54.9931 36.5446 55.6039 37.6858 57.4896C38.827 59.3753 38.2166 61.8187 36.3323 62.9607L32.9883 64.9792C32.3514 65.351 31.6348 65.537 30.9183 65.537Z" fill="#E7D2D7"/>
+<path d="M38.9862 73.6108C38.2962 73.6108 37.6062 73.4249 36.9692 73.0531C35.0849 71.9376 34.448 69.4942 35.5626 67.582L37.8185 63.7841C38.9331 61.8984 41.3747 61.261 43.2856 62.3764C45.1699 63.4919 45.8068 65.9353 44.6921 67.8476L42.4363 71.6455C41.6667 72.9203 40.3397 73.6108 38.9862 73.6108Z" fill="#E7D2D7"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#E7D2D7" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/beach/tournaments.svg b/hybrid-summer/.config/eww/images/svg/beach/tournaments.svg
new file mode 100644
index 000000000..3373bc0ae
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/beach/tournaments.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="#E7D2D7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.3119 52.4749C24.9451 51.108 24.9451 48.892 26.3119 47.5251L47.5251 26.3119C48.8919 24.9451 51.108 24.9451 52.4749 26.3119L73.6881 47.5251C75.0549 48.892 75.0549 51.108 73.6881 52.4749L52.4749 73.6881C51.108 75.0549 48.8919 75.0549 47.5251 73.6881L26.3119 52.4749ZM33.7365 50L50 66.2635L66.2634 50L50 33.7365L33.7365 50Z" fill="#E7D2D7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.5251 27.5251C28.892 26.1583 31.108 26.1583 32.4749 27.5251L72.4749 67.5251C73.8417 68.892 73.8417 71.108 72.4749 72.4749C71.108 73.8417 68.892 73.8417 67.5251 72.4749L27.5251 32.4749C26.1583 31.108 26.1583 28.892 27.5251 27.5251Z" fill="#E7D2D7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M72.4749 27.5251C73.8417 28.892 73.8417 31.108 72.4749 32.4749L32.4749 72.4749C31.108 73.8417 28.892 73.8417 27.5251 72.4749C26.1583 71.108 26.1583 68.892 27.5251 67.5251L67.5251 27.5251C68.892 26.1583 71.108 26.1583 72.4749 27.5251Z" fill="#E7D2D7"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#E7D2D7" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/beatmappacks.svg b/hybrid-summer/.config/eww/images/svg/beatmappacks.svg
new file mode 100644
index 000000000..e7716f832
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/beatmappacks.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="#caca93"/>
+<path d="M45.8333 49.0106C45.4883 49.0106 45.1433 48.9575 44.8248 48.8248L25.3715 40.863C24.3365 40.4384 23.673 39.3768 23.7261 38.2622C23.7792 37.121 24.5488 36.1656 25.6369 35.8471L53.6093 27.8853C54.1932 27.7261 54.7771 27.7526 55.3344 27.9915L74.7877 35.9533C75.8227 36.3779 76.4862 37.4395 76.4331 38.5541C76.38 39.6953 75.6104 40.6507 74.5223 40.9692L46.5764 48.931C46.3376 48.9841 46.0987 49.0106 45.8333 49.0106ZM34.5011 38.8461L46.0191 43.5435L65.6847 37.9437L54.1667 33.2463L34.5011 38.8461Z" fill="#caca93"/>
+<path d="M45.8333 74.1698C45.4883 74.1698 45.1433 74.1168 44.8248 73.9841L25.3715 66.0223C24.3365 65.5977 23.673 64.5361 23.7261 63.4214C23.7792 62.2802 24.5488 61.3248 25.6369 61.0064L53.5828 53.0446C54.1667 52.8853 54.7505 52.9119 55.3079 53.1507L74.7612 61.1125C75.7962 61.5372 76.4597 62.5987 76.4066 63.7134C76.3535 64.8546 75.5839 65.81 74.4958 66.1284L46.5499 74.0902C46.3376 74.1433 46.0987 74.1698 45.8333 74.1698ZM34.5011 64.0053L46.0191 68.7028L65.6847 63.103L54.1667 58.4055L34.5011 64.0053Z" fill="#caca93"/>
+<path d="M26.4597 66.1285C25 66.1285 23.8057 64.9342 23.8057 63.4745V38.3153C23.8057 36.8556 25 35.6614 26.4597 35.6614C27.9193 35.6614 29.1136 36.8556 29.1136 38.3153V63.4745C29.1136 64.9342 27.9193 66.1285 26.4597 66.1285Z" fill="#caca93"/>
+<path d="M45.9395 74.1433C44.4799 74.1433 43.2856 72.949 43.2856 71.4894V46.3301C43.2856 44.8705 44.4799 43.6762 45.9395 43.6762C47.3992 43.6762 48.5934 44.8705 48.5934 46.3301V71.4894C48.5934 72.949 47.3992 74.1433 45.9395 74.1433Z" fill="#caca93"/>
+<path d="M54.4055 57.7421C52.9459 57.7421 51.7516 56.5478 51.7516 55.0881V30.4862C51.7516 29.0265 52.9459 27.8323 54.4055 27.8323C55.8652 27.8323 57.0594 29.0265 57.0594 30.4862V55.0881C57.0594 56.5478 55.8652 57.7421 54.4055 57.7421Z" fill="#caca93"/>
+<path d="M73.8854 66.1285C72.4257 66.1285 71.2314 64.9342 71.2314 63.4745V38.8726C71.2314 37.413 72.4257 36.2187 73.8854 36.2187C75.345 36.2187 76.5393 37.413 76.5393 38.8726V63.4745C76.5393 64.9342 75.345 66.1285 73.8854 66.1285Z" fill="#caca93"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#caca93" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/beatmaps.svg b/hybrid-summer/.config/eww/images/svg/beatmaps.svg
new file mode 100644
index 000000000..a9532018a
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/beatmaps.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="#ffdbc4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7375 27.0672C49.7375 22.2087 55.5763 19.7364 59.0652 23.1177L64.1858 28.0804C65.5739 29.4257 65.6086 31.6415 64.2633 33.0296C62.9181 34.4176 60.7023 34.4523 59.3142 33.1071L56.7375 30.6098V54.0937C56.7375 56.0267 55.1705 57.5937 53.2375 57.5937C51.3045 57.5937 49.7375 56.0267 49.7375 54.0937V27.0672Z" fill="#ffdbc4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M47.9008 55.8953C48.8125 55.8953 49.5516 55.1562 49.5516 54.2445C49.5516 53.3328 48.8125 52.5938 47.9008 52.5938C46.9891 52.5938 46.25 53.3328 46.25 54.2445C46.25 55.1562 46.9891 55.8953 47.9008 55.8953ZM47.9008 62.8953C52.6785 62.8953 56.5516 59.0222 56.5516 54.2445C56.5516 49.4668 52.6785 45.5938 47.9008 45.5938C43.1231 45.5938 39.25 49.4668 39.25 54.2445C39.25 59.0222 43.1231 62.8953 47.9008 62.8953Z" fill="#ffdbc4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.3186 33.2126C47.6854 34.5795 47.6854 36.7955 46.3186 38.1624L31.9479 52.5331C31.3621 53.1189 31.3621 54.0686 31.9479 54.6544L48.9393 71.6458C49.5251 72.2316 50.4748 72.2316 51.0606 71.6458L68.0521 54.6544C68.6379 54.0686 68.6379 53.1189 68.0521 52.5331L59.8376 44.3186C58.4708 42.9518 58.4708 40.7357 59.8376 39.3689C61.2044 38.002 63.4205 38.002 64.7873 39.3689L73.0018 47.5833C76.3213 50.9028 76.3213 56.2847 73.0018 59.6042L56.0104 76.5956C52.6909 79.915 47.309 79.915 43.9896 76.5956L26.9981 59.6042C23.6787 56.2847 23.6787 50.9028 26.9981 47.5833L41.3689 33.2126C42.7357 31.8458 44.9518 31.8458 46.3186 33.2126Z" fill="#ffdbc4"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#ffdbc4" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/bluetooth.svg b/hybrid-summer/.config/eww/images/svg/bluetooth.svg
new file mode 100644
index 000000000..ed87c2bc4
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/bluetooth.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m11.698 12.974 2.682 2.237-2.876 3.117v-5.193l.194-.161Zm1.171-.976 3.077-2.564a.75.75 0 0 0 .071-1.085l-4.711-5.104a.75.75 0 0 0-1.302.508v5.855l-1.12-.934a.75.75 0 1 0-.96 1.152l2.08 1.735v.871l-2.08 1.734a.75.75 0 0 0 .96 1.152l1.12-.934v5.863a.75.75 0 0 0 1.302.508l4.711-5.106a.75.75 0 0 0-.07-1.085l-3.078-2.566Zm-1.17-.977-.195-.162V5.672l2.876 3.115-2.682 2.234Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/bluetoothfalse.svg b/hybrid-summer/.config/eww/images/svg/bluetoothfalse.svg
new file mode 100644
index 000000000..a9dd9e9e2
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/bluetoothfalse.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.28 2.22a.75.75 0 1 0-1.06 1.06L10 11.06v.498l.004.003v.871l-2.08 1.734a.75.75 0 0 0 .96 1.152l1.12-.934v5.863a.75.75 0 0 0 1.302.508l4.025-4.363 5.388 5.389a.75.75 0 0 0 1.061-1.061L3.28 2.22Zm8.222 10.343 2.768 2.768-2.766 2.997v-5.193l-.002-.572ZM15.946 9.434l-1.816 1.514-1.066-1.065 1.316-1.096-2.876-3.115v2.65l-1.5-1.5V3.754a.75.75 0 0 1 1.302-.508l4.711 5.104a.75.75 0 0 1-.07 1.085Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/bluetoothtrue.svg b/hybrid-summer/.config/eww/images/svg/bluetoothtrue.svg
new file mode 100644
index 000000000..1e855705b
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/bluetoothtrue.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.004 9.608V3.753c0-.646.752-.974 1.225-.58l.076.072 4.712 5.104a.75.75 0 0 1 .005 1.012l-.076.073-3.077 2.564 3.077 2.566a.75.75 0 0 1 .137 1.002l-.066.083-4.711 5.106c-.44.476-1.214.207-1.295-.404l-.007-.104v-5.863l-1.12.934a.75.75 0 0 1-1.04-1.075l.08-.077 2.08-1.734v-.87l-2.08-1.736a.75.75 0 0 1 .87-1.217l.09.065 1.12.934V3.753v5.855Zm1.694 3.366-.194.16v5.194l2.876-3.117-2.682-2.237ZM17 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2ZM6 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm5.504-5.328v5.187l.194.162 2.682-2.234-2.876-3.115Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/bright0.svg b/hybrid-summer/.config/eww/images/svg/bright0.svg
new file mode 100644
index 000000000..b8ff6a028
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/bright0.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/brightness.svg b/hybrid-summer/.config/eww/images/svg/brightness.svg
new file mode 100644
index 000000000..42cd5713c
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/brightness.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M11.996 19.01a.75.75 0 0 1 .743.649l.007.102v1.5a.75.75 0 0 1-1.493.101l-.007-.101v-1.5a.75.75 0 0 1 .75-.75Zm6.022-2.072 1.06 1.06a.75.75 0 1 1-1.06 1.061l-1.06-1.06a.75.75 0 0 1 1.06-1.061Zm-10.983 0a.75.75 0 0 1 0 1.06L5.974 19.06a.75.75 0 0 1-1.06-1.06l1.06-1.061a.75.75 0 0 1 1.06 0ZM12 6.475a5.525 5.525 0 1 1 0 11.05 5.525 5.525 0 0 1 0-11.05Zm0 1.5a4.025 4.025 0 1 0 0 8.05 4.025 4.025 0 0 0 0-8.05Zm9.25 3.293a.75.75 0 0 1 .102 1.493l-.102.007h-1.5a.75.75 0 0 1-.102-1.493l.102-.007h1.5Zm-17-.029a.75.75 0 0 1 .102 1.494l-.102.006h-1.5a.75.75 0 0 1-.102-1.493l.102-.007h1.5Zm1.64-6.37.084.072 1.06 1.06a.75.75 0 0 1-.976 1.134l-.084-.073-1.06-1.06a.75.75 0 0 1 .976-1.134Zm13.188.072a.75.75 0 0 1 .073.977l-.073.084-1.06 1.06a.75.75 0 0 1-1.133-.976l.072-.084 1.06-1.061a.75.75 0 0 1 1.061 0ZM12 1.99a.75.75 0 0 1 .743.648l.007.102v1.5a.75.75 0 0 1-1.493.101l-.007-.102v-1.5a.75.75 0 0 1 .75-.75Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/calculator.svg b/hybrid-summer/.config/eww/images/svg/calculator.svg
new file mode 100644
index 000000000..0f8c0b49d
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/calculator.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7 7a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2V7Zm2-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-.5-.5H9Zm-.75 8a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm1.25 2.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm6.25-2.75a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM17 17.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm-5-2.75a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm1.25 2.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM7.25 2A3.25 3.25 0 0 0 4 5.25v13.5A3.25 3.25 0 0 0 7.25 22h9.5A3.25 3.25 0 0 0 20 18.75V5.25A3.25 3.25 0 0 0 16.75 2h-9.5ZM5.5 5.25c0-.966.784-1.75 1.75-1.75h9.5c.966 0 1.75.784 1.75 1.75v13.5a1.75 1.75 0 0 1-1.75 1.75h-9.5a1.75 1.75 0 0 1-1.75-1.75V5.25Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/caretdown.svg b/hybrid-summer/.config/eww/images/svg/caretdown.svg
new file mode 100644
index 000000000..79e8e1f92
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/caretdown.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.102 8c-1.074 0-1.648 1.265-.94 2.073l5.521 6.31a1.75 1.75 0 0 0 2.634 0l5.522-6.31c.707-.808.133-2.073-.94-2.073H6.101Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/caretup.svg b/hybrid-summer/.config/eww/images/svg/caretup.svg
new file mode 100644
index 000000000..02b307963
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/caretup.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.102 16.981c-1.074 0-1.648-1.265-.94-2.073l5.521-6.31a1.75 1.75 0 0 1 2.634 0l5.522 6.31c.707.809.133 2.073-.94 2.073H6.101Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/changelog.svg b/hybrid-summer/.config/eww/images/svg/changelog.svg
new file mode 100644
index 000000000..f0f6c0e82
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/changelog.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0471 9.31178C70.2488 9.31178 75.0789 12.1005 77.6798 16.6155L92.7275 42.6963C95.3284 47.2113 95.3284 52.7887 92.7275 57.3037L77.6798 83.3845C75.0789 87.8995 70.2488 90.6882 65.0471 90.6882H34.9515C29.7498 90.6882 24.9197 87.8995 22.3188 83.3845L7.27104 57.3037C4.67019 52.7887 4.67019 47.2113 7.27104 42.6963L22.3188 16.6155C24.9197 12.1005 29.7498 9.31178 34.9515 9.31178H65.0471ZM65.0471 4H34.9515C27.839 4 21.2572 7.79792 17.701 13.9596L2.6532 40.0404C-0.903062 46.2021 -0.903062 53.7979 2.6532 59.9596L17.701 86.0404C21.2572 92.2021 27.839 96 34.9515 96H65.0471C72.1596 96 78.7413 92.2021 82.2976 86.0404L97.3454 59.9596C100.902 53.7979 100.902 46.2021 97.3454 40.0404L82.2711 13.9596C78.7413 7.79792 72.1596 4 65.0471 4Z" fill="#ffdbc4"/>
+<path d="M43.0733 72.0439C42.4098 72.0439 41.7198 71.8845 41.0828 71.5127L28.0786 63.9965C25.2389 62.3499 23.4607 59.2956 23.4607 56.0023V43.9977C23.4607 40.7044 25.2389 37.6501 28.0786 36.0035L41.0828 28.4873C42.9936 27.3984 45.4087 28.0358 46.5234 29.948C47.6115 31.8603 46.9745 34.2771 45.0637 35.3926L32.0595 42.9088C31.6614 43.1212 31.4225 43.5462 31.4225 43.9977V56.0023C31.4225 56.4538 31.6614 56.8788 32.0595 57.0912L45.0637 64.6074C46.9745 65.6963 47.6115 68.1397 46.5234 70.052C45.8068 71.3268 44.4533 72.0439 43.0733 72.0439Z" fill="#ffdbc4"/>
+<path d="M56.9002 72.0439C55.5202 72.0439 54.1932 71.3268 53.4501 70.052C52.362 68.1397 52.9989 65.7229 54.9098 64.6074L67.914 57.0912C68.3121 56.8788 68.5509 56.4538 68.5509 56.0023V43.9977C68.5509 43.5462 68.3121 43.1212 67.914 42.9088L54.9098 35.3926C52.9989 34.3037 52.362 31.8603 53.4501 29.948C54.5382 28.0358 56.9798 27.3984 58.8907 28.4873L71.8949 36.0035C74.7346 37.6501 76.5127 40.7044 76.5127 43.9977V56.0023C76.5127 59.2956 74.7346 62.3499 71.8949 63.9965L58.8907 71.5127C58.2803 71.8845 57.5902 72.0439 56.9002 72.0439Z" fill="#ffdbc4"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#ffdbc4" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/chat.svg b/hybrid-summer/.config/eww/images/svg/chat.svg
new file mode 100644
index 000000000..f0fc145ab
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/chat.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0482 9.31178C70.2499 9.31178 75.08 12.1005 77.6809 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6809 83.3845C75.08 87.8995 70.2499 90.6882 65.0482 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27215 57.3037C4.6713 52.7887 4.6713 47.2113 7.27215 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0482ZM65.0482 4H34.9526C27.8401 4 21.2584 7.79792 17.7021 13.9596L2.65432 40.0404C-0.901944 46.2021 -0.901944 53.7979 2.65432 59.9596L17.7021 86.0404C21.2584 92.2021 27.8401 96 34.9526 96H65.0482C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3465 59.9596C100.903 53.7979 100.903 46.2021 97.3465 40.0404L82.2722 13.9596C78.7424 7.79792 72.1607 4 65.0482 4Z" fill="#ffdbc4"/>
+<g clip-path="url(#clip1)">
+<path d="M46.9436 72C44.9758 72 43.3872 70.4427 43.3872 68.5136C43.3872 67.7233 43.6718 66.9331 44.1697 66.3288L51.0453 57.9614C53.108 55.428 56.2376 53.9637 59.5332 53.987H64.3224C65.176 53.987 65.8635 53.2897 65.8635 52.4529L65.8161 39.4836C65.8161 38.6468 65.1286 37.9728 64.275 37.9728H36.725C35.8714 37.9728 35.1839 38.6468 35.1602 39.4836L35.1128 52.4065C35.1128 52.8248 35.2787 53.1967 35.5632 53.4989C35.8714 53.7778 36.2508 53.9405 36.6776 53.9405L40.2576 53.894H40.3051C42.2729 53.894 43.8614 55.428 43.8851 57.3571C43.9089 59.2863 42.3203 60.8435 40.3525 60.8668L36.7724 60.89C31.9831 60.9597 28.0711 57.1944 28 52.4994C28 52.4529 28 52.4065 28 52.36L28.0474 39.4371C28.0711 34.7885 31.9594 31 36.725 31H64.2987C69.0643 31 72.9289 34.7885 72.9526 39.4603L73 52.4297C73.0237 57.1247 69.1591 60.9365 64.3699 60.9597H64.3462H59.5569C58.4189 60.9597 57.3282 61.4711 56.617 62.3543L49.7413 70.7216C49.0537 71.5351 48.0342 72.0232 46.9436 72Z" fill="#ffdbc4"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#ffdbc4" transform="translate(0 4)"/>
+</clipPath>
+<clipPath id="clip1">
+<rect width="45" height="41" fill="#ffdbc4" transform="translate(28 31)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/checkbox.svg b/hybrid-summer/.config/eww/images/svg/checkbox.svg
new file mode 100644
index 000000000..ed8d1cdfa
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/checkbox.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.25 3A3.25 3.25 0 0 0 3 6.25v11.5A3.25 3.25 0 0 0 6.25 21h11.5A3.25 3.25 0 0 0 21 17.75V6.25A3.25 3.25 0 0 0 17.75 3H6.25Zm10.03 6.78-5 5a.75.75 0 0 1-1.06 0l-2.004-2.004a.75.75 0 1 1 1.06-1.06l1.474 1.473 4.47-4.47a.75.75 0 1 1 1.06 1.061Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/checkbox_no.svg b/hybrid-summer/.config/eww/images/svg/checkbox_no.svg
new file mode 100644
index 000000000..1d3e0467f
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/checkbox_no.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6 3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3Zm0 2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H6Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/cog.svg b/hybrid-summer/.config/eww/images/svg/cog.svg
new file mode 100644
index 000000000..4f4972271
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/cog.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.012 2.25c.734.008 1.465.093 2.182.253a.75.75 0 0 1 .582.649l.17 1.527a1.384 1.384 0 0 0 1.927 1.116l1.401-.615a.75.75 0 0 1 .85.174 9.792 9.792 0 0 1 2.204 3.792.75.75 0 0 1-.271.825l-1.242.916a1.381 1.381 0 0 0 0 2.226l1.243.915a.75.75 0 0 1 .272.826 9.797 9.797 0 0 1-2.204 3.792.75.75 0 0 1-.848.175l-1.407-.617a1.38 1.38 0 0 0-1.926 1.114l-.169 1.526a.75.75 0 0 1-.572.647 9.518 9.518 0 0 1-4.406 0 .75.75 0 0 1-.572-.647l-.168-1.524a1.382 1.382 0 0 0-1.926-1.11l-1.406.616a.75.75 0 0 1-.849-.175 9.798 9.798 0 0 1-2.204-3.796.75.75 0 0 1 .272-.826l1.243-.916a1.38 1.38 0 0 0 0-2.226l-1.243-.914a.75.75 0 0 1-.271-.826 9.793 9.793 0 0 1 2.204-3.792.75.75 0 0 1 .85-.174l1.4.615a1.387 1.387 0 0 0 1.93-1.118l.17-1.526a.75.75 0 0 1 .583-.65c.717-.159 1.45-.243 2.201-.252Zm0 1.5a9.135 9.135 0 0 0-1.354.117l-.109.977A2.886 2.886 0 0 1 6.525 7.17l-.898-.394a8.293 8.293 0 0 0-1.348 2.317l.798.587a2.881 2.881 0 0 1 0 4.643l-.799.588c.32.842.776 1.626 1.348 2.322l.905-.397a2.882 2.882 0 0 1 4.017 2.318l.11.984c.889.15 1.798.15 2.687 0l.11-.984a2.881 2.881 0 0 1 4.018-2.322l.905.396a8.296 8.296 0 0 0 1.347-2.318l-.798-.588a2.881 2.881 0 0 1 0-4.643l.796-.587a8.293 8.293 0 0 0-1.348-2.317l-.896.393a2.884 2.884 0 0 1-4.023-2.324l-.11-.976a8.988 8.988 0 0 0-1.333-.117ZM12 8.25a3.75 3.75 0 1 1 0 7.5 3.75 3.75 0 0 1 0-7.5Zm0 1.5a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/color.scss b/hybrid-summer/.config/eww/images/svg/color.scss
new file mode 100644
index 000000000..5fa42450c
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/color.scss
@@ -0,0 +1 @@
+$colorbar: #ffdbc4;
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/color.txt b/hybrid-summer/.config/eww/images/svg/color.txt
new file mode 100644
index 000000000..39d514104
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/color.txt
@@ -0,0 +1 @@
+#ffdbc4
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/contests.svg b/hybrid-summer/.config/eww/images/svg/contests.svg
new file mode 100644
index 000000000..8a3129b5c
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/contests.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0478 9.30786C70.2495 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.3291 47.1794 95.3291 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2495 90.6242 65.0478 90.6242H34.9522C29.7505 90.6242 24.9204 87.8376 22.3195 83.3259L7.27175 57.2643C4.67091 52.7527 4.67091 47.1794 7.27175 42.6677L22.3195 16.6062C24.9204 12.0945 29.7505 9.30786 34.9522 9.30786H65.0478ZM65.0478 4H34.9522C27.8397 4 21.258 7.79512 17.7017 13.9522L2.65392 40.0138C-0.902341 46.1709 -0.902341 53.7611 2.65392 59.9183L17.7017 85.9798C21.258 92.1369 27.8397 95.9321 34.9522 95.9321H65.0478C72.1603 95.9321 78.742 92.1369 82.2983 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1603 4 65.0478 4Z" fill="#ffdbc4"/>
+<path d="M50 76.7707C47.7972 76.7707 46.0191 74.9925 46.0191 72.7898V53.9469C46.0191 51.7441 47.7972 49.966 50 49.966C52.2028 49.966 53.9809 51.7441 53.9809 53.9469V72.7898C53.9809 74.9925 52.2028 76.7707 50 76.7707Z" fill="#ffdbc4"/>
+<path d="M36.7304 71.9936C34.5276 71.9936 32.7495 70.2155 32.7495 68.0127V61.1125C32.7495 58.9098 34.5276 57.1316 36.7304 57.1316C38.9331 57.1316 40.7113 58.9098 40.7113 61.1125V68.0127C40.7113 70.2155 38.9331 71.9936 36.7304 71.9936Z" fill="#ffdbc4"/>
+<path d="M36.7304 51.8238C36.5977 51.8238 36.465 51.8238 36.3323 51.7973C36.1996 51.7973 36.0669 51.7707 35.9342 51.7442C35.8015 51.7176 35.6688 51.6911 35.5626 51.638C35.4299 51.5849 35.3238 51.5584 35.1911 51.5053C35.0849 51.4522 34.9522 51.3992 34.8461 51.3461C34.7399 51.293 34.6072 51.2134 34.5011 51.1338C34.3949 51.0542 34.2887 50.9745 34.1826 50.8949C34.0764 50.8153 33.9703 50.7091 33.8906 50.6295C33.811 50.5234 33.7049 50.4438 33.6253 50.3376C33.5456 50.2314 33.466 50.1253 33.3864 50.0191C33.3068 49.913 33.2537 49.8068 33.1741 49.6741C33.121 49.568 33.0679 49.4353 33.0149 49.3291C32.9618 49.223 32.9087 49.0903 32.8822 48.9576C32.8556 48.8249 32.8025 48.6922 32.776 48.586C32.7495 48.4533 32.7229 48.3206 32.7229 48.2145C32.6964 48.0818 32.6964 47.9491 32.6964 47.8164C32.6964 47.6837 32.6964 47.551 32.7229 47.4183C32.7229 47.2856 32.7495 47.1529 32.776 47.0202C32.8025 46.8875 32.8291 46.7548 32.8822 46.6486C32.9087 46.5159 32.9618 46.4098 33.0149 46.2771C33.0679 46.1709 33.121 46.0382 33.1741 45.9321C33.2272 45.8259 33.3068 45.6932 33.3864 45.5871C33.466 45.4809 33.5456 45.3748 33.6253 45.2686C33.7049 45.1624 33.7845 45.0563 33.8906 44.9767C33.9968 44.897 34.0764 44.7909 34.1826 44.7113C34.2887 44.6317 34.3949 44.552 34.5011 44.4724C34.6072 44.3928 34.7134 44.3397 34.8461 44.2601C34.9522 44.207 35.0849 44.1539 35.1911 44.1009C35.3238 44.0478 35.4299 43.9947 35.5626 43.9682C35.6953 43.9416 35.828 43.8886 35.9342 43.862C36.0669 43.8355 36.1996 43.8089 36.3323 43.8089C36.5977 43.7824 36.8631 43.7824 37.1019 43.8089C37.2346 43.8089 37.3673 43.8355 37.5 43.862C37.6327 43.8886 37.7654 43.9151 37.8715 43.9682C38.0042 43.9947 38.1104 44.0478 38.2431 44.1009C38.3758 44.1539 38.4819 44.207 38.5881 44.2601C38.6943 44.3132 38.827 44.3928 38.9331 44.4724C39.0393 44.552 39.1454 44.6317 39.2516 44.7113C39.3577 44.7909 39.4639 44.8705 39.5435 44.9767C39.6231 45.0828 39.7293 45.1624 39.8089 45.2686C39.8885 45.3748 39.9681 45.4809 40.0478 45.5871C40.1274 45.6932 40.1805 45.7994 40.2601 45.9321C40.3132 46.0382 40.3662 46.1709 40.4193 46.2771C40.4724 46.4098 40.4989 46.5159 40.552 46.6486C40.5786 46.7813 40.6316 46.914 40.6582 47.0202C40.6847 47.1529 40.7112 47.2856 40.7112 47.4183C40.7378 47.551 40.7378 47.6837 40.7378 47.8164C40.7378 47.9491 40.7378 48.0818 40.7112 48.2145C40.7112 48.3472 40.6847 48.4799 40.6582 48.586C40.6316 48.7187 40.6051 48.8514 40.552 48.9576C40.4989 49.0903 40.4724 49.1964 40.4193 49.3291C40.3662 49.4618 40.3132 49.568 40.2601 49.6741C40.207 49.7803 40.1274 49.913 40.0478 50.0191C39.9681 50.1253 39.8885 50.2314 39.8089 50.3376C39.7293 50.4438 39.6231 50.5499 39.5435 50.6295C39.4374 50.7091 39.3577 50.8153 39.2516 50.8949C39.1454 50.9745 39.0393 51.0542 38.9331 51.1338C38.827 51.2134 38.7208 51.2665 38.5881 51.3461C38.4819 51.3992 38.3493 51.4522 38.2431 51.5053C38.1369 51.5584 38.0042 51.5849 37.8715 51.638C37.7388 51.6646 37.6327 51.7176 37.5 51.7442C37.3673 51.7707 37.2346 51.7973 37.1019 51.7973C36.9957 51.8238 36.863 51.8238 36.7304 51.8238Z" fill="#ffdbc4"/>
+<path d="M63.2696 71.9936C61.0669 71.9936 59.2887 70.2155 59.2887 68.0127V61.1125C59.2887 58.9098 61.0669 57.1316 63.2696 57.1316C65.4724 57.1316 67.2505 58.9098 67.2505 61.1125V68.0127C67.2505 70.2155 65.4724 71.9936 63.2696 71.9936Z" fill="#ffdbc4"/>
+<path d="M63.2696 51.8238C63.1369 51.8238 63.0043 51.8238 62.8716 51.7973C62.7389 51.7973 62.6062 51.7707 62.4735 51.7442C62.3408 51.7176 62.2081 51.6911 62.1019 51.638C61.9692 51.5849 61.8631 51.5584 61.7304 51.5053C61.6242 51.4522 61.4915 51.3992 61.3854 51.3461C61.2792 51.293 61.1465 51.2134 61.0403 51.1338C60.9342 51.0542 60.828 50.9745 60.7219 50.8949C60.6157 50.8153 60.5096 50.7091 60.4299 50.6295C60.3503 50.5234 60.2442 50.4438 60.1645 50.3376C60.0849 50.2314 60.0053 50.1253 59.9257 50.0191C59.8461 49.913 59.793 49.8068 59.7134 49.6741C59.6603 49.568 59.6072 49.4353 59.5541 49.3291C59.5011 49.223 59.448 49.0903 59.4214 48.9576C59.3949 48.8249 59.3418 48.6922 59.3153 48.586C59.2888 48.4533 59.2622 48.3206 59.2622 48.2145C59.2622 48.0818 59.2357 47.9491 59.2357 47.8164C59.2357 47.6837 59.2357 47.551 59.2622 47.4183C59.2622 47.2856 59.2888 47.1529 59.3153 47.0202C59.3418 46.8875 59.3684 46.7548 59.4214 46.6486C59.448 46.5159 59.5011 46.4098 59.5541 46.2771C59.6072 46.1709 59.6603 46.0382 59.7134 45.9321C59.7665 45.8259 59.8461 45.6932 59.9257 45.5871C60.0053 45.4809 60.0849 45.3748 60.1645 45.2686C60.2442 45.1624 60.3238 45.0563 60.4299 44.9767C60.5361 44.897 60.6157 44.7909 60.7219 44.7113C60.828 44.6317 60.9342 44.552 61.0403 44.4724C61.1465 44.3928 61.2527 44.3397 61.3854 44.2601C61.4915 44.207 61.6242 44.1539 61.7304 44.1009C61.8631 44.0478 61.9692 43.9947 62.1019 43.9682C62.2346 43.9416 62.3673 43.8886 62.4735 43.862C62.6062 43.8355 62.7389 43.8089 62.8716 43.8089C63.1369 43.7824 63.4023 43.7824 63.6677 43.8089C63.8004 43.8089 63.9331 43.8355 64.0393 43.862C64.172 43.8886 64.3047 43.9151 64.4108 43.9682C64.5435 43.9947 64.6497 44.0478 64.7824 44.1009C64.9151 44.1539 65.0212 44.207 65.1274 44.2601C65.2336 44.3132 65.3663 44.3928 65.4724 44.4724C65.5786 44.552 65.6847 44.6317 65.7909 44.7113C65.897 44.7909 66.0032 44.8705 66.0828 44.9767C66.1624 45.0828 66.2686 45.1624 66.3482 45.2686C66.4278 45.3748 66.5074 45.4809 66.5871 45.5871C66.6667 45.6932 66.7198 45.7994 66.7994 45.9321C66.8525 46.0382 66.9055 46.1709 66.9586 46.2771C67.0117 46.4098 67.0382 46.5159 67.0913 46.6486C67.1178 46.7813 67.1709 46.914 67.1975 47.0202C67.224 47.1529 67.2505 47.2856 67.2505 47.4183C67.2771 47.551 67.2771 47.6837 67.2771 47.8164C67.2771 47.9491 67.2771 48.0818 67.2505 48.2145C67.2505 48.3472 67.224 48.4799 67.1975 48.586C67.1709 48.7187 67.1444 48.8514 67.0913 48.9576C67.0382 49.0903 67.0117 49.1964 66.9586 49.3291C66.9055 49.4618 66.8525 49.568 66.7994 49.6741C66.7463 49.7803 66.6667 49.913 66.5871 50.0191C66.5074 50.1253 66.4278 50.2314 66.3482 50.3376C66.2686 50.4438 66.1624 50.5499 66.0828 50.6295C65.9767 50.7091 65.897 50.8153 65.7909 50.8949C65.6847 50.9745 65.5786 51.0542 65.4724 51.1338C65.3663 51.2134 65.2601 51.2665 65.1274 51.3461C65.0212 51.3992 64.8885 51.4522 64.7824 51.5053C64.6762 51.5584 64.5435 51.5849 64.4108 51.638C64.2781 51.6646 64.172 51.7176 64.0393 51.7442C63.9066 51.7707 63.7739 51.7973 63.6677 51.7973C63.535 51.8238 63.4023 51.8238 63.2696 51.8238Z" fill="#ffdbc4"/>
+<path d="M50 44.7909C44.1348 44.7909 39.3843 40.0403 39.3843 34.1752C39.3843 28.31 44.1348 23.5594 50 23.5594C55.8652 23.5594 60.6157 28.31 60.6157 34.1752C60.6157 40.0403 55.8652 44.7909 50 44.7909ZM50 31.5212C48.5403 31.5212 47.3461 32.7155 47.3461 34.1752C47.3461 35.6348 48.5403 36.8291 50 36.8291C51.4597 36.8291 52.6539 35.6348 52.6539 34.1752C52.6539 32.7155 51.4597 31.5212 50 31.5212Z" fill="#ffdbc4"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#ffdbc4" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/copy.svg b/hybrid-summer/.config/eww/images/svg/copy.svg
new file mode 100644
index 000000000..c732a6ed7
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/copy.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5.503 4.627 5.5 6.75v10.504a3.25 3.25 0 0 0 3.25 3.25h8.616a2.251 2.251 0 0 1-2.122 1.5H8.75A4.75 4.75 0 0 1 4 17.254V6.75c0-.98.627-1.815 1.503-2.123ZM17.75 2A2.25 2.25 0 0 1 20 4.25v13a2.25 2.25 0 0 1-2.25 2.25h-9a2.25 2.25 0 0 1-2.25-2.25v-13A2.25 2.25 0 0 1 8.75 2h9Zm0 1.5h-9a.75.75 0 0 0-.75.75v13c0 .414.336.75.75.75h9a.75.75 0 0 0 .75-.75v-13a.75.75 0 0 0-.75-.75Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/airplane.svg b/hybrid-summer/.config/eww/images/svg/dark/airplane.svg
new file mode 100644
index 000000000..c289fd7cb
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/airplane.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9.47 9.643 8.768 3.77l-.002-.074c0-.889.72-1.61 1.61-1.61.802 0 1.545.42 1.977 1.135l.087.161 2.945 6.09 3.957-.117a2.6 2.6 0 0 1 2.672 2.53l.001.066a2.602 2.602 0 0 1-2.62 2.597l-3.963-.116-2.992 6.188a2.293 2.293 0 0 1-2.065 1.295c-.889 0-1.609-.72-1.609-1.631l.007-.118.707-5.908-2.132-.063-.27.736a1.946 1.946 0 0 1-1.827 1.278c-.876 0-1.586-.71-1.586-1.587v-.76l-.154-.032a1.92 1.92 0 0 1 0-3.758l.155-.032v-.76c0-.803.597-1.475 1.434-1.579l.151-.008c.745 0 1.423.426 1.765 1.127l.063.15.27.736 2.12-.062Zm.906-6.057c-.06 0-.109.049-.11.087l.887 7.422-4.84.141-.628-1.715-.032-.079c-.075-.152-.23-.25-.354-.251l-.058.002a.086.086 0 0 0-.075.085l.001 1.98-1.35.282a.419.419 0 0 0 0 .821l1.35.281v1.98c0 .047.038.086.085.086a.446.446 0 0 0 .419-.293l.64-1.751 4.854.141-.897 7.471v.03c0 .06.048.108.108.108a.793.793 0 0 0 .714-.448l3.415-7.063 4.914.144c.606 0 1.097-.491 1.097-1.086v-.043a1.097 1.097 0 0 0-1.13-1.064l-4.928.144-3.351-6.932-.053-.099a.793.793 0 0 0-.678-.381Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/app.svg b/hybrid-summer/.config/eww/images/svg/dark/app.svg
new file mode 100644
index 000000000..b2a2169f0
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/app.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m18.492 2.33 3.179 3.179a2.25 2.25 0 0 1 0 3.182l-2.423 2.422A2.501 2.501 0 0 1 21 13.5v5a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 18.5v-13A2.5 2.5 0 0 1 5.5 3h5c1.121 0 2.07.737 2.387 1.754L15.31 2.33a2.25 2.25 0 0 1 3.182 0ZM11 13H5v5.5a.5.5 0 0 0 .5.5H11v-6Zm7.5 0H13v6h5.5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5Zm-4.06-2.001L13 9.559v1.44h1.44Zm-3.94-6h-5a.5.5 0 0 0-.5.5V11h6V5.5a.5.5 0 0 0-.5-.5Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/appgeneric.svg b/hybrid-summer/.config/eww/images/svg/dark/appgeneric.svg
new file mode 100644
index 000000000..70f378c96
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/appgeneric.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m17.751 3 .185.005a3.25 3.25 0 0 1 3.06 3.06l.005.185v11.5l-.005.184A3.25 3.25 0 0 1 17.751 21H6.25a3.25 3.25 0 0 1-3.245-3.066L3 17.75V6.25a3.25 3.25 0 0 1 3.066-3.245L6.25 3h11.501ZM19.5 8H4.501L4.5 17.75a1.75 1.75 0 0 0 1.606 1.744l.144.006h11.501l.144-.006a1.75 1.75 0 0 0 1.6-1.593l.006-.151L19.5 8Zm-9.25 1.5a.75.75 0 0 1 .743.648l.007.102v7a.75.75 0 0 1-.648.743L10.25 18h-3.5a.75.75 0 0 1-.743-.648L6 17.25v-7a.75.75 0 0 1 .648-.743L6.75 9.5h3.5ZM9.5 11h-2v5.5h2V11Zm6.75 1.503a.75.75 0 0 1 .102 1.493l-.102.007h-3.496a.75.75 0 0 1-.101-1.493l.101-.007h3.496Zm1-3.003a.75.75 0 0 1 .102 1.493L17.25 11h-4.496a.75.75 0 0 1-.101-1.493l.101-.007h4.496Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/applycolor.svg b/hybrid-summer/.config/eww/images/svg/dark/applycolor.svg
new file mode 100644
index 000000000..70d163583
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/applycolor.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M2 12.414V17.5A2.5 2.5 0 0 0 4.5 20h15a2.5 2.5 0 0 0 2.5-2.5v-11A2.5 2.5 0 0 0 19.5 4h-8.944l1.5 1.5H19.5a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1v-3.586l-1.5-1.5Z" fill="white"/><path d="M6 1.75a.75.75 0 1 1 1.5 0v1.265c.45.04.89.233 1.235.578l3.536 3.536a2 2 0 0 1 0 2.828L8.027 14.2a2 2 0 0 1-2.829 0l-3.535-3.536a2 2 0 0 1 0-2.828l4.243-4.243c.03-.03.061-.06.093-.087V1.75Zm0 4.5v-.629l-2.89 2.89h8.245a.498.498 0 0 0-.145-.322L7.674 4.654A.498.498 0 0 0 7.5 4.54v1.71a.75.75 0 0 1-1.5 0Zm-2.868 3.76 3.128 3.13a.5.5 0 0 0 .707 0l3.129-3.13H3.132ZM11 13.375c0-.493.154-.972.342-1.381.19-.416.438-.806.673-1.134.238-.331.474-.613.65-.812.085-.097.24-.261.299-.323l.005-.005a.75.75 0 0 1 1.061 0l.305.328c.176.199.412.48.649.812.236.328.483.718.674 1.134.188.409.342.888.342 1.381C16 14.765 14.97 16 13.5 16c-1.471 0-2.5-1.235-2.5-2.625Zm2.234-1.64c-.202.28-.392.585-.53.885-.14.305-.204.56-.204.755 0 .691.48 1.125 1 1.125.519 0 1-.434 1-1.125 0-.194-.065-.45-.205-.755a5.494 5.494 0 0 0-.53-.886 8.417 8.417 0 0 0-.265-.35 8.33 8.33 0 0 0-.266.35Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/bat0.svg b/hybrid-summer/.config/eww/images/svg/dark/bat0.svg
new file mode 100644
index 000000000..5a4b54eaf
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/bat0.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/bat1.svg b/hybrid-summer/.config/eww/images/svg/dark/bat1.svg
new file mode 100644
index 000000000..d0fee08cf
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/bat1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6.003 8.999H7a1 1 0 0 1 .993.883L8 10v4a1 1 0 0 1-.883.993L7 14.999h-.997a1 1 0 0 1-.993-.884L5.003 14v-4a1 1 0 0 1 .883-.994L6.003 9H7h-.997Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/bat10.svg b/hybrid-summer/.config/eww/images/svg/dark/bat10.svg
new file mode 100644
index 000000000..6518b5510
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/bat10.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h10a1 1 0 0 1 .993.883L17 10v4a1 1 0 0 1-.883.993L16 15H6a1 1 0 0 1-.993-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h10H6Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/bat2.svg b/hybrid-summer/.config/eww/images/svg/dark/bat2.svg
new file mode 100644
index 000000000..359e89591
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/bat2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9.003 8 9a1 1 0 0 1 .993.883L9 10v4a1 1 0 0 1-.883.993L8 15l-2 .003a1 1 0 0 1-.993-.883L5 14.003v-4a1 1 0 0 1 .883-.993L6 9.003 8 9l-2 .003Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/bat3.svg b/hybrid-summer/.config/eww/images/svg/dark/bat3.svg
new file mode 100644
index 000000000..71d54b711
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/bat3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6.017 9H9a1 1 0 0 1 .993.883L10 10v4a1 1 0 0 1-.883.993L9 15H6.017a1 1 0 0 1-.994-.883L5.017 14v-4a1 1 0 0 1 .883-.993L6.017 9H9 6.017Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/bat4.svg b/hybrid-summer/.config/eww/images/svg/dark/bat4.svg
new file mode 100644
index 000000000..fccf41179
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/bat4.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h4a1 1 0 0 1 .993.883L11 10v4a1 1 0 0 1-.883.993L10 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h4-4Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/bat5.svg b/hybrid-summer/.config/eww/images/svg/dark/bat5.svg
new file mode 100644
index 000000000..f038d856b
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/bat5.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h5a1 1 0 0 1 .993.883L12 10v4a1 1 0 0 1-.883.993L11 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h5-5Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/bat6.svg b/hybrid-summer/.config/eww/images/svg/dark/bat6.svg
new file mode 100644
index 000000000..1e78412ea
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/bat6.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h6a1 1 0 0 1 .993.883L13 10v4a1 1 0 0 1-.883.993L12 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h6-6Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/bat7.svg b/hybrid-summer/.config/eww/images/svg/dark/bat7.svg
new file mode 100644
index 000000000..e2ac822f8
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/bat7.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h7a1 1 0 0 1 .993.883L14 10v4a1 1 0 0 1-.883.993L13 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h7-7Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/bat8.svg b/hybrid-summer/.config/eww/images/svg/dark/bat8.svg
new file mode 100644
index 000000000..ab8433e94
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/bat8.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h8a1 1 0 0 1 .993.883L15 10v4a1 1 0 0 1-.883.993L14 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h8-8Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/bat9.svg b/hybrid-summer/.config/eww/images/svg/dark/bat9.svg
new file mode 100644
index 000000000..bbe514d7b
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/bat9.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h9a1 1 0 0 1 .993.883L16 10v4a1 1 0 0 1-.883.993L15 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h9-9Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/batcharge.svg b/hybrid-summer/.config/eww/images/svg/dark/batcharge.svg
new file mode 100644
index 000000000..eb76029ba
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/batcharge.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.75 6H17a3 3 0 0 1 2.995 2.824L20 9v1l1 .018a1 1 0 0 1 .993.879l.008.12v2a1 1 0 0 1-.866.992l-.134.009L20 14v1a3 3 0 0 1-2.824 2.995L17 18H7.998a.75.75 0 0 1-.102-1.493l.102-.007H17a1.5 1.5 0 0 0 1.493-1.355L18.5 15V9a1.5 1.5 0 0 0-1.355-1.493L17 7.5h-6.25a.75.75 0 0 1-.102-1.493L10.75 6H17h-6.25Zm-4.499 4.998v6.252a.75.75 0 0 1-1.492.102l-.007-.102v-6.252H3.75A1.75 1.75 0 0 1 2 9.249V6.75A.75.75 0 0 1 2.75 6h.751V4.75a.75.75 0 0 1 .648-.743L4.251 4a.75.75 0 0 1 .743.648l.007.102V6h.995V4.75a.75.75 0 0 1 .65-.743l.1-.007a.75.75 0 0 1 .744.648l.007.102L7.496 6h.758a.75.75 0 0 1 .75.75v2.499a1.75 1.75 0 0 1-1.75 1.75l-1.003-.001v6.252-6.252ZM7.504 7.5H3.5v1.749c0 .138.112.25.25.25h3.504a.25.25 0 0 0 .25-.25V7.5Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/beatmappacks.svg b/hybrid-summer/.config/eww/images/svg/dark/beatmappacks.svg
new file mode 100644
index 000000000..4f4bc4bd2
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/beatmappacks.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="white"/>
+<path d="M45.8333 49.0106C45.4883 49.0106 45.1433 48.9575 44.8248 48.8248L25.3715 40.863C24.3365 40.4384 23.673 39.3768 23.7261 38.2622C23.7792 37.121 24.5488 36.1656 25.6369 35.8471L53.6093 27.8853C54.1932 27.7261 54.7771 27.7526 55.3344 27.9915L74.7877 35.9533C75.8227 36.3779 76.4862 37.4395 76.4331 38.5541C76.38 39.6953 75.6104 40.6507 74.5223 40.9692L46.5764 48.931C46.3376 48.9841 46.0987 49.0106 45.8333 49.0106ZM34.5011 38.8461L46.0191 43.5435L65.6847 37.9437L54.1667 33.2463L34.5011 38.8461Z" fill="white"/>
+<path d="M45.8333 74.1698C45.4883 74.1698 45.1433 74.1168 44.8248 73.9841L25.3715 66.0223C24.3365 65.5977 23.673 64.5361 23.7261 63.4214C23.7792 62.2802 24.5488 61.3248 25.6369 61.0064L53.5828 53.0446C54.1667 52.8853 54.7505 52.9119 55.3079 53.1507L74.7612 61.1125C75.7962 61.5372 76.4597 62.5987 76.4066 63.7134C76.3535 64.8546 75.5839 65.81 74.4958 66.1284L46.5499 74.0902C46.3376 74.1433 46.0987 74.1698 45.8333 74.1698ZM34.5011 64.0053L46.0191 68.7028L65.6847 63.103L54.1667 58.4055L34.5011 64.0053Z" fill="white"/>
+<path d="M26.4597 66.1285C25 66.1285 23.8057 64.9342 23.8057 63.4745V38.3153C23.8057 36.8556 25 35.6614 26.4597 35.6614C27.9193 35.6614 29.1136 36.8556 29.1136 38.3153V63.4745C29.1136 64.9342 27.9193 66.1285 26.4597 66.1285Z" fill="white"/>
+<path d="M45.9395 74.1433C44.4799 74.1433 43.2856 72.949 43.2856 71.4894V46.3301C43.2856 44.8705 44.4799 43.6762 45.9395 43.6762C47.3992 43.6762 48.5934 44.8705 48.5934 46.3301V71.4894C48.5934 72.949 47.3992 74.1433 45.9395 74.1433Z" fill="white"/>
+<path d="M54.4055 57.7421C52.9459 57.7421 51.7516 56.5478 51.7516 55.0881V30.4862C51.7516 29.0265 52.9459 27.8323 54.4055 27.8323C55.8652 27.8323 57.0594 29.0265 57.0594 30.4862V55.0881C57.0594 56.5478 55.8652 57.7421 54.4055 57.7421Z" fill="white"/>
+<path d="M73.8854 66.1285C72.4257 66.1285 71.2314 64.9342 71.2314 63.4745V38.8726C71.2314 37.413 72.4257 36.2187 73.8854 36.2187C75.345 36.2187 76.5393 37.413 76.5393 38.8726V63.4745C76.5393 64.9342 75.345 66.1285 73.8854 66.1285Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/beatmaps.svg b/hybrid-summer/.config/eww/images/svg/dark/beatmaps.svg
new file mode 100644
index 000000000..34aca1b69
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/beatmaps.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7375 27.0672C49.7375 22.2087 55.5763 19.7364 59.0652 23.1177L64.1858 28.0804C65.5739 29.4257 65.6086 31.6415 64.2633 33.0296C62.9181 34.4176 60.7023 34.4523 59.3142 33.1071L56.7375 30.6098V54.0937C56.7375 56.0267 55.1705 57.5937 53.2375 57.5937C51.3045 57.5937 49.7375 56.0267 49.7375 54.0937V27.0672Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M47.9008 55.8953C48.8125 55.8953 49.5516 55.1562 49.5516 54.2445C49.5516 53.3328 48.8125 52.5938 47.9008 52.5938C46.9891 52.5938 46.25 53.3328 46.25 54.2445C46.25 55.1562 46.9891 55.8953 47.9008 55.8953ZM47.9008 62.8953C52.6785 62.8953 56.5516 59.0222 56.5516 54.2445C56.5516 49.4668 52.6785 45.5938 47.9008 45.5938C43.1231 45.5938 39.25 49.4668 39.25 54.2445C39.25 59.0222 43.1231 62.8953 47.9008 62.8953Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.3186 33.2126C47.6854 34.5795 47.6854 36.7955 46.3186 38.1624L31.9479 52.5331C31.3621 53.1189 31.3621 54.0686 31.9479 54.6544L48.9393 71.6458C49.5251 72.2316 50.4748 72.2316 51.0606 71.6458L68.0521 54.6544C68.6379 54.0686 68.6379 53.1189 68.0521 52.5331L59.8376 44.3186C58.4708 42.9518 58.4708 40.7357 59.8376 39.3689C61.2044 38.002 63.4205 38.002 64.7873 39.3689L73.0018 47.5833C76.3213 50.9028 76.3213 56.2847 73.0018 59.6042L56.0104 76.5956C52.6909 79.915 47.309 79.915 43.9896 76.5956L26.9981 59.6042C23.6787 56.2847 23.6787 50.9028 26.9981 47.5833L41.3689 33.2126C42.7357 31.8458 44.9518 31.8458 46.3186 33.2126Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/bluetooth.svg b/hybrid-summer/.config/eww/images/svg/dark/bluetooth.svg
new file mode 100644
index 000000000..3320f9394
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/bluetooth.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m11.698 12.974 2.682 2.237-2.876 3.117v-5.193l.194-.161Zm1.171-.976 3.077-2.564a.75.75 0 0 0 .071-1.085l-4.711-5.104a.75.75 0 0 0-1.302.508v5.855l-1.12-.934a.75.75 0 1 0-.96 1.152l2.08 1.735v.871l-2.08 1.734a.75.75 0 0 0 .96 1.152l1.12-.934v5.863a.75.75 0 0 0 1.302.508l4.711-5.106a.75.75 0 0 0-.07-1.085l-3.078-2.566Zm-1.17-.977-.195-.162V5.672l2.876 3.115-2.682 2.234Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/bluetoothfalse.svg b/hybrid-summer/.config/eww/images/svg/dark/bluetoothfalse.svg
new file mode 100644
index 000000000..50742113a
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/bluetoothfalse.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.28 2.22a.75.75 0 1 0-1.06 1.06L10 11.06v.498l.004.003v.871l-2.08 1.734a.75.75 0 0 0 .96 1.152l1.12-.934v5.863a.75.75 0 0 0 1.302.508l4.025-4.363 5.388 5.389a.75.75 0 0 0 1.061-1.061L3.28 2.22Zm8.222 10.343 2.768 2.768-2.766 2.997v-5.193l-.002-.572ZM15.946 9.434l-1.816 1.514-1.066-1.065 1.316-1.096-2.876-3.115v2.65l-1.5-1.5V3.754a.75.75 0 0 1 1.302-.508l4.711 5.104a.75.75 0 0 1-.07 1.085Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/bluetoothtrue.svg b/hybrid-summer/.config/eww/images/svg/dark/bluetoothtrue.svg
new file mode 100644
index 000000000..a13c122a6
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/bluetoothtrue.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.004 9.608V3.753c0-.646.752-.974 1.225-.58l.076.072 4.712 5.104a.75.75 0 0 1 .005 1.012l-.076.073-3.077 2.564 3.077 2.566a.75.75 0 0 1 .137 1.002l-.066.083-4.711 5.106c-.44.476-1.214.207-1.295-.404l-.007-.104v-5.863l-1.12.934a.75.75 0 0 1-1.04-1.075l.08-.077 2.08-1.734v-.87l-2.08-1.736a.75.75 0 0 1 .87-1.217l.09.065 1.12.934V3.753v5.855Zm1.694 3.366-.194.16v5.194l2.876-3.117-2.682-2.237ZM17 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2ZM6 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm5.504-5.328v5.187l.194.162 2.682-2.234-2.876-3.115Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/bright0.svg b/hybrid-summer/.config/eww/images/svg/dark/bright0.svg
new file mode 100644
index 000000000..5a4b54eaf
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/bright0.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/brightness.svg b/hybrid-summer/.config/eww/images/svg/dark/brightness.svg
new file mode 100644
index 000000000..7c9ded244
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/brightness.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M11.996 19.01a.75.75 0 0 1 .743.649l.007.102v1.5a.75.75 0 0 1-1.493.101l-.007-.101v-1.5a.75.75 0 0 1 .75-.75Zm6.022-2.072 1.06 1.06a.75.75 0 1 1-1.06 1.061l-1.06-1.06a.75.75 0 0 1 1.06-1.061Zm-10.983 0a.75.75 0 0 1 0 1.06L5.974 19.06a.75.75 0 0 1-1.06-1.06l1.06-1.061a.75.75 0 0 1 1.06 0ZM12 6.475a5.525 5.525 0 1 1 0 11.05 5.525 5.525 0 0 1 0-11.05Zm0 1.5a4.025 4.025 0 1 0 0 8.05 4.025 4.025 0 0 0 0-8.05Zm9.25 3.293a.75.75 0 0 1 .102 1.493l-.102.007h-1.5a.75.75 0 0 1-.102-1.493l.102-.007h1.5Zm-17-.029a.75.75 0 0 1 .102 1.494l-.102.006h-1.5a.75.75 0 0 1-.102-1.493l.102-.007h1.5Zm1.64-6.37.084.072 1.06 1.06a.75.75 0 0 1-.976 1.134l-.084-.073-1.06-1.06a.75.75 0 0 1 .976-1.134Zm13.188.072a.75.75 0 0 1 .073.977l-.073.084-1.06 1.06a.75.75 0 0 1-1.133-.976l.072-.084 1.06-1.061a.75.75 0 0 1 1.061 0ZM12 1.99a.75.75 0 0 1 .743.648l.007.102v1.5a.75.75 0 0 1-1.493.101l-.007-.102v-1.5a.75.75 0 0 1 .75-.75Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/calculator.svg b/hybrid-summer/.config/eww/images/svg/dark/calculator.svg
new file mode 100644
index 000000000..0a8f53dd1
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/calculator.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7 7a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2V7Zm2-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-.5-.5H9Zm-.75 8a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm1.25 2.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm6.25-2.75a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM17 17.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm-5-2.75a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm1.25 2.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM7.25 2A3.25 3.25 0 0 0 4 5.25v13.5A3.25 3.25 0 0 0 7.25 22h9.5A3.25 3.25 0 0 0 20 18.75V5.25A3.25 3.25 0 0 0 16.75 2h-9.5ZM5.5 5.25c0-.966.784-1.75 1.75-1.75h9.5c.966 0 1.75.784 1.75 1.75v13.5a1.75 1.75 0 0 1-1.75 1.75h-9.5a1.75 1.75 0 0 1-1.75-1.75V5.25Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/caretdown.svg b/hybrid-summer/.config/eww/images/svg/dark/caretdown.svg
new file mode 100644
index 000000000..75b3c59f0
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/caretdown.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.102 8c-1.074 0-1.648 1.265-.94 2.073l5.521 6.31a1.75 1.75 0 0 0 2.634 0l5.522-6.31c.707-.808.133-2.073-.94-2.073H6.101Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/caretup.svg b/hybrid-summer/.config/eww/images/svg/dark/caretup.svg
new file mode 100644
index 000000000..aecea9e57
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/caretup.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.102 16.981c-1.074 0-1.648-1.265-.94-2.073l5.521-6.31a1.75 1.75 0 0 1 2.634 0l5.522 6.31c.707.809.133 2.073-.94 2.073H6.101Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/changelog.svg b/hybrid-summer/.config/eww/images/svg/dark/changelog.svg
new file mode 100644
index 000000000..4d610ba10
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/changelog.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0471 9.31178C70.2488 9.31178 75.0789 12.1005 77.6798 16.6155L92.7275 42.6963C95.3284 47.2113 95.3284 52.7887 92.7275 57.3037L77.6798 83.3845C75.0789 87.8995 70.2488 90.6882 65.0471 90.6882H34.9515C29.7498 90.6882 24.9197 87.8995 22.3188 83.3845L7.27104 57.3037C4.67019 52.7887 4.67019 47.2113 7.27104 42.6963L22.3188 16.6155C24.9197 12.1005 29.7498 9.31178 34.9515 9.31178H65.0471ZM65.0471 4H34.9515C27.839 4 21.2572 7.79792 17.701 13.9596L2.6532 40.0404C-0.903062 46.2021 -0.903062 53.7979 2.6532 59.9596L17.701 86.0404C21.2572 92.2021 27.839 96 34.9515 96H65.0471C72.1596 96 78.7413 92.2021 82.2976 86.0404L97.3454 59.9596C100.902 53.7979 100.902 46.2021 97.3454 40.0404L82.2711 13.9596C78.7413 7.79792 72.1596 4 65.0471 4Z" fill="white"/>
+<path d="M43.0733 72.0439C42.4098 72.0439 41.7198 71.8845 41.0828 71.5127L28.0786 63.9965C25.2389 62.3499 23.4607 59.2956 23.4607 56.0023V43.9977C23.4607 40.7044 25.2389 37.6501 28.0786 36.0035L41.0828 28.4873C42.9936 27.3984 45.4087 28.0358 46.5234 29.948C47.6115 31.8603 46.9745 34.2771 45.0637 35.3926L32.0595 42.9088C31.6614 43.1212 31.4225 43.5462 31.4225 43.9977V56.0023C31.4225 56.4538 31.6614 56.8788 32.0595 57.0912L45.0637 64.6074C46.9745 65.6963 47.6115 68.1397 46.5234 70.052C45.8068 71.3268 44.4533 72.0439 43.0733 72.0439Z" fill="white"/>
+<path d="M56.9002 72.0439C55.5202 72.0439 54.1932 71.3268 53.4501 70.052C52.362 68.1397 52.9989 65.7229 54.9098 64.6074L67.914 57.0912C68.3121 56.8788 68.5509 56.4538 68.5509 56.0023V43.9977C68.5509 43.5462 68.3121 43.1212 67.914 42.9088L54.9098 35.3926C52.9989 34.3037 52.362 31.8603 53.4501 29.948C54.5382 28.0358 56.9798 27.3984 58.8907 28.4873L71.8949 36.0035C74.7346 37.6501 76.5127 40.7044 76.5127 43.9977V56.0023C76.5127 59.2956 74.7346 62.3499 71.8949 63.9965L58.8907 71.5127C58.2803 71.8845 57.5902 72.0439 56.9002 72.0439Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/chat.svg b/hybrid-summer/.config/eww/images/svg/dark/chat.svg
new file mode 100644
index 000000000..c0b632db2
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/chat.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0482 9.31178C70.2499 9.31178 75.08 12.1005 77.6809 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6809 83.3845C75.08 87.8995 70.2499 90.6882 65.0482 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27215 57.3037C4.6713 52.7887 4.6713 47.2113 7.27215 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0482ZM65.0482 4H34.9526C27.8401 4 21.2584 7.79792 17.7021 13.9596L2.65432 40.0404C-0.901944 46.2021 -0.901944 53.7979 2.65432 59.9596L17.7021 86.0404C21.2584 92.2021 27.8401 96 34.9526 96H65.0482C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3465 59.9596C100.903 53.7979 100.903 46.2021 97.3465 40.0404L82.2722 13.9596C78.7424 7.79792 72.1607 4 65.0482 4Z" fill="white"/>
+<g clip-path="url(#clip1)">
+<path d="M46.9436 72C44.9758 72 43.3872 70.4427 43.3872 68.5136C43.3872 67.7233 43.6718 66.9331 44.1697 66.3288L51.0453 57.9614C53.108 55.428 56.2376 53.9637 59.5332 53.987H64.3224C65.176 53.987 65.8635 53.2897 65.8635 52.4529L65.8161 39.4836C65.8161 38.6468 65.1286 37.9728 64.275 37.9728H36.725C35.8714 37.9728 35.1839 38.6468 35.1602 39.4836L35.1128 52.4065C35.1128 52.8248 35.2787 53.1967 35.5632 53.4989C35.8714 53.7778 36.2508 53.9405 36.6776 53.9405L40.2576 53.894H40.3051C42.2729 53.894 43.8614 55.428 43.8851 57.3571C43.9089 59.2863 42.3203 60.8435 40.3525 60.8668L36.7724 60.89C31.9831 60.9597 28.0711 57.1944 28 52.4994C28 52.4529 28 52.4065 28 52.36L28.0474 39.4371C28.0711 34.7885 31.9594 31 36.725 31H64.2987C69.0643 31 72.9289 34.7885 72.9526 39.4603L73 52.4297C73.0237 57.1247 69.1591 60.9365 64.3699 60.9597H64.3462H59.5569C58.4189 60.9597 57.3282 61.4711 56.617 62.3543L49.7413 70.7216C49.0537 71.5351 48.0342 72.0232 46.9436 72Z" fill="white"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+<clipPath id="clip1">
+<rect width="45" height="41" fill="white" transform="translate(28 31)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/checkbox.svg b/hybrid-summer/.config/eww/images/svg/dark/checkbox.svg
new file mode 100644
index 000000000..dde43be39
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/checkbox.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.25 3A3.25 3.25 0 0 0 3 6.25v11.5A3.25 3.25 0 0 0 6.25 21h11.5A3.25 3.25 0 0 0 21 17.75V6.25A3.25 3.25 0 0 0 17.75 3H6.25Zm10.03 6.78-5 5a.75.75 0 0 1-1.06 0l-2.004-2.004a.75.75 0 1 1 1.06-1.06l1.474 1.473 4.47-4.47a.75.75 0 1 1 1.06 1.061Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/checkbox_no.svg b/hybrid-summer/.config/eww/images/svg/dark/checkbox_no.svg
new file mode 100644
index 000000000..773954a56
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/checkbox_no.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6 3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3Zm0 2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H6Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/cog.svg b/hybrid-summer/.config/eww/images/svg/dark/cog.svg
new file mode 100644
index 000000000..fd8990e30
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/cog.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.012 2.25c.734.008 1.465.093 2.182.253a.75.75 0 0 1 .582.649l.17 1.527a1.384 1.384 0 0 0 1.927 1.116l1.401-.615a.75.75 0 0 1 .85.174 9.792 9.792 0 0 1 2.204 3.792.75.75 0 0 1-.271.825l-1.242.916a1.381 1.381 0 0 0 0 2.226l1.243.915a.75.75 0 0 1 .272.826 9.797 9.797 0 0 1-2.204 3.792.75.75 0 0 1-.848.175l-1.407-.617a1.38 1.38 0 0 0-1.926 1.114l-.169 1.526a.75.75 0 0 1-.572.647 9.518 9.518 0 0 1-4.406 0 .75.75 0 0 1-.572-.647l-.168-1.524a1.382 1.382 0 0 0-1.926-1.11l-1.406.616a.75.75 0 0 1-.849-.175 9.798 9.798 0 0 1-2.204-3.796.75.75 0 0 1 .272-.826l1.243-.916a1.38 1.38 0 0 0 0-2.226l-1.243-.914a.75.75 0 0 1-.271-.826 9.793 9.793 0 0 1 2.204-3.792.75.75 0 0 1 .85-.174l1.4.615a1.387 1.387 0 0 0 1.93-1.118l.17-1.526a.75.75 0 0 1 .583-.65c.717-.159 1.45-.243 2.201-.252Zm0 1.5a9.135 9.135 0 0 0-1.354.117l-.109.977A2.886 2.886 0 0 1 6.525 7.17l-.898-.394a8.293 8.293 0 0 0-1.348 2.317l.798.587a2.881 2.881 0 0 1 0 4.643l-.799.588c.32.842.776 1.626 1.348 2.322l.905-.397a2.882 2.882 0 0 1 4.017 2.318l.11.984c.889.15 1.798.15 2.687 0l.11-.984a2.881 2.881 0 0 1 4.018-2.322l.905.396a8.296 8.296 0 0 0 1.347-2.318l-.798-.588a2.881 2.881 0 0 1 0-4.643l.796-.587a8.293 8.293 0 0 0-1.348-2.317l-.896.393a2.884 2.884 0 0 1-4.023-2.324l-.11-.976a8.988 8.988 0 0 0-1.333-.117ZM12 8.25a3.75 3.75 0 1 1 0 7.5 3.75 3.75 0 0 1 0-7.5Zm0 1.5a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/color.scss b/hybrid-summer/.config/eww/images/svg/dark/color.scss
new file mode 100644
index 000000000..e96f7e758
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/color.scss
@@ -0,0 +1 @@
+$colorbar: white;
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/color.txt b/hybrid-summer/.config/eww/images/svg/dark/color.txt
new file mode 100644
index 000000000..65c27486f
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/color.txt
@@ -0,0 +1 @@
+white
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/contests.svg b/hybrid-summer/.config/eww/images/svg/dark/contests.svg
new file mode 100644
index 000000000..ee97f1e25
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/contests.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0478 9.30786C70.2495 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.3291 47.1794 95.3291 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2495 90.6242 65.0478 90.6242H34.9522C29.7505 90.6242 24.9204 87.8376 22.3195 83.3259L7.27175 57.2643C4.67091 52.7527 4.67091 47.1794 7.27175 42.6677L22.3195 16.6062C24.9204 12.0945 29.7505 9.30786 34.9522 9.30786H65.0478ZM65.0478 4H34.9522C27.8397 4 21.258 7.79512 17.7017 13.9522L2.65392 40.0138C-0.902341 46.1709 -0.902341 53.7611 2.65392 59.9183L17.7017 85.9798C21.258 92.1369 27.8397 95.9321 34.9522 95.9321H65.0478C72.1603 95.9321 78.742 92.1369 82.2983 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1603 4 65.0478 4Z" fill="white"/>
+<path d="M50 76.7707C47.7972 76.7707 46.0191 74.9925 46.0191 72.7898V53.9469C46.0191 51.7441 47.7972 49.966 50 49.966C52.2028 49.966 53.9809 51.7441 53.9809 53.9469V72.7898C53.9809 74.9925 52.2028 76.7707 50 76.7707Z" fill="white"/>
+<path d="M36.7304 71.9936C34.5276 71.9936 32.7495 70.2155 32.7495 68.0127V61.1125C32.7495 58.9098 34.5276 57.1316 36.7304 57.1316C38.9331 57.1316 40.7113 58.9098 40.7113 61.1125V68.0127C40.7113 70.2155 38.9331 71.9936 36.7304 71.9936Z" fill="white"/>
+<path d="M36.7304 51.8238C36.5977 51.8238 36.465 51.8238 36.3323 51.7973C36.1996 51.7973 36.0669 51.7707 35.9342 51.7442C35.8015 51.7176 35.6688 51.6911 35.5626 51.638C35.4299 51.5849 35.3238 51.5584 35.1911 51.5053C35.0849 51.4522 34.9522 51.3992 34.8461 51.3461C34.7399 51.293 34.6072 51.2134 34.5011 51.1338C34.3949 51.0542 34.2887 50.9745 34.1826 50.8949C34.0764 50.8153 33.9703 50.7091 33.8906 50.6295C33.811 50.5234 33.7049 50.4438 33.6253 50.3376C33.5456 50.2314 33.466 50.1253 33.3864 50.0191C33.3068 49.913 33.2537 49.8068 33.1741 49.6741C33.121 49.568 33.0679 49.4353 33.0149 49.3291C32.9618 49.223 32.9087 49.0903 32.8822 48.9576C32.8556 48.8249 32.8025 48.6922 32.776 48.586C32.7495 48.4533 32.7229 48.3206 32.7229 48.2145C32.6964 48.0818 32.6964 47.9491 32.6964 47.8164C32.6964 47.6837 32.6964 47.551 32.7229 47.4183C32.7229 47.2856 32.7495 47.1529 32.776 47.0202C32.8025 46.8875 32.8291 46.7548 32.8822 46.6486C32.9087 46.5159 32.9618 46.4098 33.0149 46.2771C33.0679 46.1709 33.121 46.0382 33.1741 45.9321C33.2272 45.8259 33.3068 45.6932 33.3864 45.5871C33.466 45.4809 33.5456 45.3748 33.6253 45.2686C33.7049 45.1624 33.7845 45.0563 33.8906 44.9767C33.9968 44.897 34.0764 44.7909 34.1826 44.7113C34.2887 44.6317 34.3949 44.552 34.5011 44.4724C34.6072 44.3928 34.7134 44.3397 34.8461 44.2601C34.9522 44.207 35.0849 44.1539 35.1911 44.1009C35.3238 44.0478 35.4299 43.9947 35.5626 43.9682C35.6953 43.9416 35.828 43.8886 35.9342 43.862C36.0669 43.8355 36.1996 43.8089 36.3323 43.8089C36.5977 43.7824 36.8631 43.7824 37.1019 43.8089C37.2346 43.8089 37.3673 43.8355 37.5 43.862C37.6327 43.8886 37.7654 43.9151 37.8715 43.9682C38.0042 43.9947 38.1104 44.0478 38.2431 44.1009C38.3758 44.1539 38.4819 44.207 38.5881 44.2601C38.6943 44.3132 38.827 44.3928 38.9331 44.4724C39.0393 44.552 39.1454 44.6317 39.2516 44.7113C39.3577 44.7909 39.4639 44.8705 39.5435 44.9767C39.6231 45.0828 39.7293 45.1624 39.8089 45.2686C39.8885 45.3748 39.9681 45.4809 40.0478 45.5871C40.1274 45.6932 40.1805 45.7994 40.2601 45.9321C40.3132 46.0382 40.3662 46.1709 40.4193 46.2771C40.4724 46.4098 40.4989 46.5159 40.552 46.6486C40.5786 46.7813 40.6316 46.914 40.6582 47.0202C40.6847 47.1529 40.7112 47.2856 40.7112 47.4183C40.7378 47.551 40.7378 47.6837 40.7378 47.8164C40.7378 47.9491 40.7378 48.0818 40.7112 48.2145C40.7112 48.3472 40.6847 48.4799 40.6582 48.586C40.6316 48.7187 40.6051 48.8514 40.552 48.9576C40.4989 49.0903 40.4724 49.1964 40.4193 49.3291C40.3662 49.4618 40.3132 49.568 40.2601 49.6741C40.207 49.7803 40.1274 49.913 40.0478 50.0191C39.9681 50.1253 39.8885 50.2314 39.8089 50.3376C39.7293 50.4438 39.6231 50.5499 39.5435 50.6295C39.4374 50.7091 39.3577 50.8153 39.2516 50.8949C39.1454 50.9745 39.0393 51.0542 38.9331 51.1338C38.827 51.2134 38.7208 51.2665 38.5881 51.3461C38.4819 51.3992 38.3493 51.4522 38.2431 51.5053C38.1369 51.5584 38.0042 51.5849 37.8715 51.638C37.7388 51.6646 37.6327 51.7176 37.5 51.7442C37.3673 51.7707 37.2346 51.7973 37.1019 51.7973C36.9957 51.8238 36.863 51.8238 36.7304 51.8238Z" fill="white"/>
+<path d="M63.2696 71.9936C61.0669 71.9936 59.2887 70.2155 59.2887 68.0127V61.1125C59.2887 58.9098 61.0669 57.1316 63.2696 57.1316C65.4724 57.1316 67.2505 58.9098 67.2505 61.1125V68.0127C67.2505 70.2155 65.4724 71.9936 63.2696 71.9936Z" fill="white"/>
+<path d="M63.2696 51.8238C63.1369 51.8238 63.0043 51.8238 62.8716 51.7973C62.7389 51.7973 62.6062 51.7707 62.4735 51.7442C62.3408 51.7176 62.2081 51.6911 62.1019 51.638C61.9692 51.5849 61.8631 51.5584 61.7304 51.5053C61.6242 51.4522 61.4915 51.3992 61.3854 51.3461C61.2792 51.293 61.1465 51.2134 61.0403 51.1338C60.9342 51.0542 60.828 50.9745 60.7219 50.8949C60.6157 50.8153 60.5096 50.7091 60.4299 50.6295C60.3503 50.5234 60.2442 50.4438 60.1645 50.3376C60.0849 50.2314 60.0053 50.1253 59.9257 50.0191C59.8461 49.913 59.793 49.8068 59.7134 49.6741C59.6603 49.568 59.6072 49.4353 59.5541 49.3291C59.5011 49.223 59.448 49.0903 59.4214 48.9576C59.3949 48.8249 59.3418 48.6922 59.3153 48.586C59.2888 48.4533 59.2622 48.3206 59.2622 48.2145C59.2622 48.0818 59.2357 47.9491 59.2357 47.8164C59.2357 47.6837 59.2357 47.551 59.2622 47.4183C59.2622 47.2856 59.2888 47.1529 59.3153 47.0202C59.3418 46.8875 59.3684 46.7548 59.4214 46.6486C59.448 46.5159 59.5011 46.4098 59.5541 46.2771C59.6072 46.1709 59.6603 46.0382 59.7134 45.9321C59.7665 45.8259 59.8461 45.6932 59.9257 45.5871C60.0053 45.4809 60.0849 45.3748 60.1645 45.2686C60.2442 45.1624 60.3238 45.0563 60.4299 44.9767C60.5361 44.897 60.6157 44.7909 60.7219 44.7113C60.828 44.6317 60.9342 44.552 61.0403 44.4724C61.1465 44.3928 61.2527 44.3397 61.3854 44.2601C61.4915 44.207 61.6242 44.1539 61.7304 44.1009C61.8631 44.0478 61.9692 43.9947 62.1019 43.9682C62.2346 43.9416 62.3673 43.8886 62.4735 43.862C62.6062 43.8355 62.7389 43.8089 62.8716 43.8089C63.1369 43.7824 63.4023 43.7824 63.6677 43.8089C63.8004 43.8089 63.9331 43.8355 64.0393 43.862C64.172 43.8886 64.3047 43.9151 64.4108 43.9682C64.5435 43.9947 64.6497 44.0478 64.7824 44.1009C64.9151 44.1539 65.0212 44.207 65.1274 44.2601C65.2336 44.3132 65.3663 44.3928 65.4724 44.4724C65.5786 44.552 65.6847 44.6317 65.7909 44.7113C65.897 44.7909 66.0032 44.8705 66.0828 44.9767C66.1624 45.0828 66.2686 45.1624 66.3482 45.2686C66.4278 45.3748 66.5074 45.4809 66.5871 45.5871C66.6667 45.6932 66.7198 45.7994 66.7994 45.9321C66.8525 46.0382 66.9055 46.1709 66.9586 46.2771C67.0117 46.4098 67.0382 46.5159 67.0913 46.6486C67.1178 46.7813 67.1709 46.914 67.1975 47.0202C67.224 47.1529 67.2505 47.2856 67.2505 47.4183C67.2771 47.551 67.2771 47.6837 67.2771 47.8164C67.2771 47.9491 67.2771 48.0818 67.2505 48.2145C67.2505 48.3472 67.224 48.4799 67.1975 48.586C67.1709 48.7187 67.1444 48.8514 67.0913 48.9576C67.0382 49.0903 67.0117 49.1964 66.9586 49.3291C66.9055 49.4618 66.8525 49.568 66.7994 49.6741C66.7463 49.7803 66.6667 49.913 66.5871 50.0191C66.5074 50.1253 66.4278 50.2314 66.3482 50.3376C66.2686 50.4438 66.1624 50.5499 66.0828 50.6295C65.9767 50.7091 65.897 50.8153 65.7909 50.8949C65.6847 50.9745 65.5786 51.0542 65.4724 51.1338C65.3663 51.2134 65.2601 51.2665 65.1274 51.3461C65.0212 51.3992 64.8885 51.4522 64.7824 51.5053C64.6762 51.5584 64.5435 51.5849 64.4108 51.638C64.2781 51.6646 64.172 51.7176 64.0393 51.7442C63.9066 51.7707 63.7739 51.7973 63.6677 51.7973C63.535 51.8238 63.4023 51.8238 63.2696 51.8238Z" fill="white"/>
+<path d="M50 44.7909C44.1348 44.7909 39.3843 40.0403 39.3843 34.1752C39.3843 28.31 44.1348 23.5594 50 23.5594C55.8652 23.5594 60.6157 28.31 60.6157 34.1752C60.6157 40.0403 55.8652 44.7909 50 44.7909ZM50 31.5212C48.5403 31.5212 47.3461 32.7155 47.3461 34.1752C47.3461 35.6348 48.5403 36.8291 50 36.8291C51.4597 36.8291 52.6539 35.6348 52.6539 34.1752C52.6539 32.7155 51.4597 31.5212 50 31.5212Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/copy.svg b/hybrid-summer/.config/eww/images/svg/dark/copy.svg
new file mode 100644
index 000000000..dfc96f75f
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/copy.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5.503 4.627 5.5 6.75v10.504a3.25 3.25 0 0 0 3.25 3.25h8.616a2.251 2.251 0 0 1-2.122 1.5H8.75A4.75 4.75 0 0 1 4 17.254V6.75c0-.98.627-1.815 1.503-2.123ZM17.75 2A2.25 2.25 0 0 1 20 4.25v13a2.25 2.25 0 0 1-2.25 2.25h-9a2.25 2.25 0 0 1-2.25-2.25v-13A2.25 2.25 0 0 1 8.75 2h9Zm0 1.5h-9a.75.75 0 0 0-.75.75v13c0 .414.336.75.75.75h9a.75.75 0 0 0 .75-.75v-13a.75.75 0 0 0-.75-.75Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/downarrow.svg b/hybrid-summer/.config/eww/images/svg/dark/downarrow.svg
new file mode 100644
index 000000000..8007c824d
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/downarrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.293 8.293a1 1 0 0 1 1.414 0L12 14.586l6.293-6.293a1 1 0 1 1 1.414 1.414l-7 7a1 1 0 0 1-1.414 0l-7-7a1 1 0 0 1 0-1.414Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/folderopen.svg b/hybrid-summer/.config/eww/images/svg/dark/folderopen.svg
new file mode 100644
index 000000000..7a13e37ce
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/folderopen.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 9.502V8.75a2.25 2.25 0 0 0-2.25-2.25h-5.725l-2.38-1.98A2.25 2.25 0 0 0 8.204 4H4.25A2.25 2.25 0 0 0 2 6.25l-.004 11.5A2.25 2.25 0 0 0 4.246 20H18.47a1.75 1.75 0 0 0 1.698-1.325l1.75-6.998a1.75 1.75 0 0 0-1.698-2.175H20ZM4.25 5.5h3.956a.75.75 0 0 1 .48.173l2.588 2.154a.75.75 0 0 0 .48.173h5.996a.75.75 0 0 1 .75.75v.752H6.424a2.25 2.25 0 0 0-2.183 1.704l-.744 2.978L3.5 6.25a.75.75 0 0 1 .75-.75Zm1.447 6.07a.75.75 0 0 1 .727-.568H20.22a.25.25 0 0 1 .242.31l-1.75 6.999a.25.25 0 0 1-.242.189H4.285a.25.25 0 0 1-.243-.31l1.655-6.62Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/forum.svg b/hybrid-summer/.config/eww/images/svg/dark/forum.svg
new file mode 100644
index 000000000..d498ef84e
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/forum.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.28849C70.2493 9.28849 75.0795 12.0649 77.6803 16.5602L92.7281 42.5266C95.3289 47.0219 95.3289 52.5748 92.7281 57.07L77.6803 83.0365C75.0795 87.5317 70.2493 90.3082 65.0476 90.3082H34.9521C29.7504 90.3082 24.9203 87.5317 22.3194 83.0365L7.27165 57.07C4.6708 52.5748 4.6708 47.0219 7.27165 42.5266L22.3194 16.5602C24.9203 12.0649 29.7504 9.28849 34.9521 9.28849H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.78127 17.7016 13.9159L2.65381 39.8824C-0.902448 46.0171 -0.902448 53.5796 2.65381 59.7142L17.7016 85.6807C21.2578 91.8154 27.8396 95.5966 34.9521 95.5966H65.0476C72.1602 95.5966 78.7419 91.8154 82.2982 85.6807L97.3459 59.7142C100.902 53.5796 100.902 46.0171 97.3459 39.8824L82.2716 13.9159C78.7419 7.78127 72.1602 4 65.0476 4Z" fill="white"/>
+<path d="M66.9851 40.8079C69.1837 40.8079 70.966 39.0321 70.966 36.8415C70.966 34.651 69.1837 32.8752 66.9851 32.8752C64.7865 32.8752 63.0042 34.651 63.0042 36.8415C63.0042 39.0321 64.7865 40.8079 66.9851 40.8079Z" fill="white"/>
+<path d="M51.327 40.8079H34.6072C32.4045 40.8079 30.6263 39.0362 30.6263 36.8415C30.6263 34.6468 32.4045 32.8752 34.6072 32.8752H51.327C53.5297 32.8752 55.3079 34.6468 55.3079 36.8415C55.3079 39.0362 53.5297 40.8079 51.327 40.8079Z" fill="white"/>
+<path d="M66.9851 67.2503C69.1837 67.2503 70.966 65.4745 70.966 63.284C70.966 61.0934 69.1837 59.3176 66.9851 59.3176C64.7865 59.3176 63.0042 61.0934 63.0042 63.284C63.0042 65.4745 64.7865 67.2503 66.9851 67.2503Z" fill="white"/>
+<path d="M51.327 67.2503H34.6072C32.4045 67.2503 30.6263 65.4787 30.6263 63.284C30.6263 61.0892 32.4045 59.3176 34.6072 59.3176H51.327C53.5297 59.3176 55.3079 61.0892 55.3079 63.284C55.3079 65.4787 53.5297 67.2503 51.327 67.2503Z" fill="white"/>
+<path d="M34.8726 54.0291C37.0712 54.0291 38.8535 52.2533 38.8535 50.0627C38.8535 47.8722 37.0712 46.0964 34.8726 46.0964C32.674 46.0964 30.8917 47.8722 30.8917 50.0627C30.8917 52.2533 32.674 54.0291 34.8726 54.0291Z" fill="white"/>
+<path d="M67.2505 54.0291H50.5308C48.328 54.0291 46.5499 52.2575 46.5499 50.0627C46.5499 47.868 48.328 46.0964 50.5308 46.0964H67.2505C69.4533 46.0964 71.2314 47.868 71.2314 50.0627C71.2314 52.2575 69.4533 54.0291 67.2505 54.0291Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.5966" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/graph.svg b/hybrid-summer/.config/eww/images/svg/dark/graph.svg
new file mode 100644
index 000000000..dce5d1733
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/graph.svg
@@ -0,0 +1,16 @@
+<svg width="1920" height="1080">
+  <circle cx="225" cy="350" r="40" stroke="white" stroke-width="3" fill="none" />
+  <circle cx="525" cy="250" r="40" stroke="white" stroke-width="3" fill="none" />
+  <circle cx="825" cy="350" r="40" stroke="white" stroke-width="3" fill="none" />
+  <circle cx="1125" cy="250" r="40" stroke="white" stroke-width="3" fill="none" />
+  <line x1="225" y1="350" x2="525" y2="250" stroke="white" stroke-width="3" 
+    stroke-linecap="round"/>
+  <line x1="525" y1="250" x2="825" y2="350" stroke="white" stroke-width="3" 
+    stroke-linecap="round"/>
+  <line x1="825" y1="350" x2="1125" y2="250" stroke="white" stroke-width="3" 
+    stroke-linecap="round"/>
+  <circle cx="225" cy="350" r="20" stroke="white" stroke-width="3" fill="white" />
+  <circle cx="525" cy="250" r="20" stroke="white" stroke-width="3" fill="white" />
+  <circle cx="825" cy="350" r="20" stroke="white" stroke-width="3" fill="white" />
+  <circle cx="1125" cy="250" r="20" stroke="white" stroke-width="3" fill="white" />
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/home.svg b/hybrid-summer/.config/eww/images/svg/dark/home.svg
new file mode 100644
index 000000000..83014e4d2
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/home.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0478 9.30786C70.2495 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.3291 47.1794 95.3291 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2495 90.6242 65.0478 90.6242H34.9522C29.7505 90.6242 24.9204 87.8376 22.3195 83.3259L7.27175 57.2643C4.67091 52.7527 4.67091 47.1794 7.27175 42.6677L22.3195 16.6062C24.9204 12.0945 29.7505 9.30786 34.9522 9.30786H65.0478ZM65.0478 4H34.9522C27.8397 4 21.258 7.79512 17.7017 13.9522L2.65392 40.0138C-0.902341 46.1709 -0.902341 53.7611 2.65392 59.9183L17.7017 85.9798C21.258 92.1369 27.8397 95.9321 34.9522 95.9321H65.0478C72.1603 95.9321 78.742 92.1369 82.2983 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1603 4 65.0478 4Z" fill="white"/>
+<path d="M68.5775 43.2781C68.0998 43.2781 67.5956 43.1985 67.1178 42.9862L50 36.2187L32.8822 42.9862C30.8386 43.7824 28.5297 42.8004 27.707 40.7569C26.9108 38.7134 27.8928 36.4045 29.9363 35.5817L48.5138 28.2304C49.4427 27.8588 50.5043 27.8588 51.4331 28.2304L70.0106 35.5817C72.0541 36.3779 73.0626 38.7134 72.2399 40.7569C71.6561 42.3227 70.1699 43.2781 68.5775 43.2781Z" fill="white"/>
+<path d="M57.3248 71.9671H42.7017C39.4108 71.9671 36.7569 69.2866 36.7569 66.0223V51.3991C36.7569 48.1083 39.4374 45.4543 42.7017 45.4543H57.3248C60.6157 45.4543 63.2696 48.1348 63.2696 51.3991V66.0223C63.2696 69.3132 60.5892 71.9671 57.3248 71.9671ZM44.6921 64.0053H55.3078V53.3896H44.6921V64.0053Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/icosahedron.svg b/hybrid-summer/.config/eww/images/svg/dark/icosahedron.svg
new file mode 100644
index 000000000..c73725b17
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/icosahedron.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Created Sat Nov  1 22:06:13 2008 by ./xy2svg -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-1.862747 -1.862747 3.957948 3.957948"> 
+<g style="stroke:white" stroke-width=".015">
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="0.039227" y2="-0.287147"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.296790" y1="-1.531823" x2="1.278419" y2="-0.824517"/>
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="0.340080" y2="-1.463535"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="1.466545" y1="0.232765" x2="1.278419" y2="-0.824517"/>
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="1.278419" y1="0.586062" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="1.466545" y1="0.232765" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="0.340080" y1="1.755256" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="1.278419" y1="0.586062" x2="-0.296790" y2="1.277236"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="0.039227" y2="-0.287147"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="-1.189639" y2="-0.188816"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.296790" y1="-1.531823" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="-1.451475" y1="-0.665396" x2="-1.189639" y2="-0.188816"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-0.296790" y2="1.277236"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="-1.451475" y2="0.936129"/>
+<line stroke-linecap="round" x1="-1.451475" y1="0.936129" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="0.340080" y1="1.755256" x2="-0.055029" y2="0.402814"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="-1.451475" y2="0.936129"/>
+<line stroke-linecap="round" x1="-1.451475" y1="0.936129" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="-1.451475" y1="-0.665396" x2="-0.055029" y2="0.402814"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="0.340080" y2="-1.463535"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-1.451475" y2="0.936129"/>
+<!-- <line x1="5.340754" y1="-0.810999" x2="4.164357" y2="-0.285624"/>
+<line x1="4.164357" y1="-0.285624" x2="3.760373" y2="-1.532918"/>
+<line x1="3.760373" y1="-1.532918" x2="5.340754" y2="-0.810999"/>
+<line x1="5.340754" y1="-0.810999" x2="4.275964" y2="-1.462090"/>
+<line x1="4.275964" y1="-1.462090" x2="5.376515" y2="0.260659"/>
+<line x1="5.376515" y1="0.260659" x2="5.340754" y2="-0.810999"/>
+<line x1="5.340754" y1="-0.810999" x2="5.340754" y2="0.615801"/>
+<line x1="5.340754" y1="0.615801" x2="5.376515" y2="0.260659"/>
+<line x1="5.376515" y1="0.260659" x2="4.275964" y2="1.765372"/>
+<line x1="4.275964" y1="1.765372" x2="5.340754" y2="0.615801"/>
+<line x1="5.340754" y1="0.615801" x2="3.760373" y2="1.269571"/>
+<line x1="3.760373" y1="1.269571" x2="4.275964" y2="1.765372"/>
+<line x1="3.760373" y1="1.269571" x2="4.164357" y2="-0.285624"/>
+<line x1="4.164357" y1="-0.285624" x2="5.340754" y2="0.615801"/>
+<line x1="4.164357" y1="-0.285624" x2="2.908099" y2="-0.206764"/>
+<line x1="2.908099" y1="-0.206764" x2="3.760373" y2="-1.532918"/>
+<line x1="3.760373" y1="-1.532918" x2="2.514237" y2="-0.682403"/>
+<line x1="2.514237" y1="-0.682403" x2="2.908099" y2="-0.206764"/>
+<line x1="2.908099" y1="-0.206764" x2="3.760373" y2="1.269571"/>
+<line x1="3.760373" y1="1.269571" x2="2.514237" y2="0.898713"/>
+<line x1="2.514237" y1="0.898713" x2="4.275964" y2="1.765372"/>
+<line x1="4.275964" y1="1.765372" x2="3.769930" y2="0.399824"/>
+<line x1="3.769930" y1="0.399824" x2="2.514237" y2="0.898713"/>
+<line x1="2.514237" y1="0.898713" x2="2.514237" y2="-0.682403"/>
+<line x1="2.514237" y1="-0.682403" x2="3.769930" y2="0.399824"/>
+<line x1="3.769930" y1="0.399824" x2="4.275964" y2="-1.462090"/>
+<line x1="4.275964" y1="-1.462090" x2="2.514237" y2="-0.682403"/>
+<line x1="4.275964" y1="-1.462090" x2="3.760373" y2="-1.532918"/>
+<line x1="3.769930" y1="0.399824" x2="5.376515" y2="0.260659"/>
+<line x1="2.908099" y1="-0.206764" x2="2.514237" y2="0.898713"/> -->
+</g>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/linehorizontal.svg b/hybrid-summer/.config/eww/images/svg/dark/linehorizontal.svg
new file mode 100644
index 000000000..7d8af77a0
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/linehorizontal.svg
@@ -0,0 +1,3 @@
+<svg height="3" width="75">
+  <line x1="1.5" y1="1.5" x2="73.5" y2="1.5" stroke="white" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/linetransparent.svg b/hybrid-summer/.config/eww/images/svg/dark/linetransparent.svg
new file mode 100644
index 000000000..9be840a61
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/linetransparent.svg
@@ -0,0 +1,3 @@
+<svg height="26.5" width="3">
+  <line x1="1.5" y1="1.5" x2="1.5" y2="25" stroke="transparent" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/linevertical.svg b/hybrid-summer/.config/eww/images/svg/dark/linevertical.svg
new file mode 100644
index 000000000..1c823058c
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/linevertical.svg
@@ -0,0 +1,3 @@
+<svg height="26.5" width="3">
+  <line x1="1.5" y1="1.5" x2="1.5" y2="25" stroke="white" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/moon.svg b/hybrid-summer/.config/eww/images/svg/dark/moon.svg
new file mode 100644
index 000000000..83a0417d9
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/moon.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.026 17.001c-2.762 4.784-8.879 6.423-13.663 3.661a9.964 9.964 0 0 1-3.234-2.983.75.75 0 0 1 .365-1.131c3.767-1.348 5.785-2.911 6.956-5.146 1.232-2.353 1.551-4.93.689-8.464a.75.75 0 0 1 .769-.926 9.961 9.961 0 0 1 4.457 1.327C21.149 6.1 22.788 12.217 20.025 17Zm-8.248-4.903c-1.25 2.388-3.31 4.099-6.817 5.499a8.492 8.492 0 0 0 2.152 1.766 8.501 8.501 0 1 0 8.502-14.725 8.485 8.485 0 0 0-2.792-1.016c.647 3.384.23 6.044-1.045 8.476Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/news.svg b/hybrid-summer/.config/eww/images/svg/dark/news.svg
new file mode 100644
index 000000000..3368f9490
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/news.svg
@@ -0,0 +1,18 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0468 9.31178C70.2485 9.31178 75.0786 12.1005 77.6795 16.6155L92.7272 42.6963C95.3281 47.2113 95.3281 52.7887 92.7272 57.3037L77.6795 83.3845C75.0786 87.8995 70.2485 90.6882 65.0468 90.6882H34.9512C29.7495 90.6882 24.9194 87.8995 22.3185 83.3845L7.27075 57.3037C4.6699 52.7887 4.6699 47.2113 7.27075 42.6963L22.3185 16.6155C24.9194 12.1005 29.7495 9.31178 34.9512 9.31178H65.0468ZM65.0468 4H34.9512C27.8387 4 21.2569 7.79792 17.7007 13.9596L2.65292 40.0404C-0.903348 46.2021 -0.903348 53.7979 2.65292 59.9596L17.7007 86.0404C21.2569 92.2021 27.8387 96 34.9512 96H65.0468C72.1593 96 78.741 92.2021 82.2973 86.0404L97.3451 59.9596C100.901 53.7979 100.901 46.2021 97.3451 40.0404L82.2707 13.9596C78.741 7.79792 72.1593 4 65.0468 4Z" fill="white"/>
+<path d="M73.8854 53.9838H66.9851C64.7824 53.9838 63.0042 52.2044 63.0042 50C63.0042 47.7956 64.7824 46.0162 66.9851 46.0162H73.8854C76.0881 46.0162 77.8663 47.7956 77.8663 50C77.8663 52.2044 76.0881 53.9838 73.8854 53.9838Z" fill="white"/>
+<path d="M50 77.8868C47.7972 77.8868 46.0191 76.1074 46.0191 73.903V66.9977C46.0191 64.7933 47.7972 63.0139 50 63.0139C52.2028 63.0139 53.9809 64.7933 53.9809 66.9977V73.903C53.9809 76.1074 52.2028 77.8868 50 77.8868Z" fill="white"/>
+<path d="M66.879 70.8753C65.8705 70.8753 64.8355 70.4769 64.0658 69.7067L59.1295 64.7667C57.5637 63.1998 57.5637 60.6767 59.1295 59.1363C60.6953 57.5693 63.2166 57.5693 64.7558 59.1363L69.6922 64.0762C71.258 65.6432 71.258 68.1663 69.6922 69.7067C68.9225 70.5035 67.914 70.8753 66.879 70.8753Z" fill="white"/>
+<path d="M33.121 70.8753C32.1125 70.8753 31.0775 70.4769 30.3078 69.7067C28.742 68.1397 28.742 65.6166 30.3078 64.0762L35.2442 59.1363C36.81 57.5693 39.3312 57.5693 40.8705 59.1363C42.4363 60.7032 42.4363 63.2263 40.8705 64.7667L35.9342 69.7067C35.138 70.5035 34.1295 70.8753 33.121 70.8753Z" fill="white"/>
+<path d="M61.9427 42.0323C60.9342 42.0323 59.8992 41.634 59.1295 40.8637C57.5637 39.2968 57.5637 36.7737 59.1295 35.2333L64.0658 30.2933C65.6316 28.7263 68.1529 28.7263 69.6922 30.2933C71.258 31.8603 71.258 34.3834 69.6922 35.9238L64.7558 40.8637C63.9862 41.634 62.9512 42.0323 61.9427 42.0323Z" fill="white"/>
+<path d="M50 36.9861C47.7972 36.9861 46.0191 35.2067 46.0191 33.0023V26.097C46.0191 23.8926 47.7972 22.1132 50 22.1132C52.2028 22.1132 53.9809 23.8926 53.9809 26.097V33.0023C53.9809 35.2067 52.2028 36.9861 50 36.9861Z" fill="white"/>
+<path d="M33.0149 53.9838H26.1147C23.9119 53.9838 22.1338 52.2044 22.1338 50C22.1338 47.7956 23.9119 46.0162 26.1147 46.0162H33.0149C35.2176 46.0162 36.9958 47.7956 36.9958 50C36.9958 52.2044 35.2176 53.9838 33.0149 53.9838Z" fill="white"/>
+<path d="M38.0573 42.0323C37.0488 42.0323 36.0138 41.634 35.2442 40.8637L30.3078 35.9238C28.742 34.3568 28.742 31.8337 30.3078 30.2933C31.8737 28.7263 34.3949 28.7263 35.9342 30.2933L40.8705 35.2333C42.4363 36.8002 42.4363 39.3233 40.8705 40.8637C40.1008 41.634 39.0658 42.0323 38.0573 42.0323Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/night.svg b/hybrid-summer/.config/eww/images/svg/dark/night.svg
new file mode 100644
index 000000000..1e0aacb7e
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/night.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.026 17.001c-2.762 4.784-8.879 6.423-13.663 3.661A9.965 9.965 0 0 1 3.13 17.68a.75.75 0 0 1 .365-1.132c3.767-1.348 5.785-2.91 6.956-5.146 1.232-2.353 1.551-4.93.689-8.463a.75.75 0 0 1 .769-.927 9.961 9.961 0 0 1 4.457 1.327c4.784 2.762 6.423 8.879 3.66 13.662Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/notif.svg b/hybrid-summer/.config/eww/images/svg/dark/notif.svg
new file mode 100644
index 000000000..27b31c32a
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/notif.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1.996a7.49 7.49 0 0 1 7.496 7.25l.004.25v4.097l1.38 3.156a1.25 1.25 0 0 1-1.145 1.75L15 18.502a3 3 0 0 1-5.995.177L9 18.499H4.275a1.251 1.251 0 0 1-1.147-1.747L4.5 13.594V9.496c0-4.155 3.352-7.5 7.5-7.5ZM13.5 18.5l-3 .002a1.5 1.5 0 0 0 2.993.145l.006-.147ZM12 3.496c-3.32 0-6 2.674-6 6v4.41L4.656 17h14.697L18 13.907V9.509l-.004-.225A5.988 5.988 0 0 0 12 3.496Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/notifsnooze.svg b/hybrid-summer/.config/eww/images/svg/dark/notifsnooze.svg
new file mode 100644
index 000000000..14b47c028
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/notifsnooze.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 3.5c-3.104 0-6 2.432-6 6.25v4.153L4.682 17h14.67l-1.354-3.093V11.75a.75.75 0 0 1 1.5 0v1.843l1.381 3.156a1.25 1.25 0 0 1-1.145 1.751H15a3.002 3.002 0 0 1-6.003 0H4.305a1.25 1.25 0 0 1-1.15-1.739l1.344-3.164V9.75C4.5 5.068 8.103 2 12 2c.86 0 1.705.15 2.5.432a.75.75 0 0 1-.502 1.413A5.964 5.964 0 0 0 12 3.5ZM12 20c.828 0 1.5-.671 1.501-1.5h-3.003c0 .829.673 1.5 1.502 1.5Z" fill="white"/><path d="M15.25 7h-2.5l-.101.007A.75.75 0 0 0 12.75 8.5h1.043l-1.653 2.314-.055.09A.75.75 0 0 0 12.75 12h2.5l.102-.007a.75.75 0 0 0-.102-1.493h-1.042l1.653-2.314.055-.09A.75.75 0 0 0 15.25 7ZM21.25 2h-3.5l-.101.007A.75.75 0 0 0 17.75 3.5h2.134l-2.766 4.347-.05.09A.75.75 0 0 0 17.75 9h3.5l.102-.007A.75.75 0 0 0 21.25 7.5h-2.133l2.766-4.347.05-.09A.75.75 0 0 0 21.25 2Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/open.svg b/hybrid-summer/.config/eww/images/svg/dark/open.svg
new file mode 100644
index 000000000..f2d77ca1b
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/open.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.25 4.5A1.75 1.75 0 0 0 4.5 6.25v11.5c0 .966.783 1.75 1.75 1.75h11.5a1.75 1.75 0 0 0 1.75-1.75v-4a.75.75 0 0 1 1.5 0v4A3.25 3.25 0 0 1 17.75 21H6.25A3.25 3.25 0 0 1 3 17.75V6.25A3.25 3.25 0 0 1 6.25 3h4a.75.75 0 0 1 0 1.5h-4ZM13 3.75a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 .75.75v6.5a.75.75 0 0 1-1.5 0V5.56l-5.22 5.22a.75.75 0 0 1-1.06-1.06l5.22-5.22h-4.69a.75.75 0 0 1-.75-.75Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/power.svg b/hybrid-summer/.config/eww/images/svg/dark/power.svg
new file mode 100644
index 000000000..ea17b7eeb
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/power.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.204 4.82a.75.75 0 0 1 .634 1.36A7.51 7.51 0 0 0 4.5 12.991c0 4.148 3.358 7.51 7.499 7.51s7.499-3.362 7.499-7.51a7.51 7.51 0 0 0-4.323-6.804.75.75 0 1 1 .637-1.358 9.01 9.01 0 0 1 5.186 8.162c0 4.976-4.029 9.01-9 9.01C7.029 22 3 17.966 3 12.99a9.01 9.01 0 0 1 5.204-8.17ZM12 2.496a.75.75 0 0 1 .743.648l.007.102v7.5a.75.75 0 0 1-1.493.102l-.007-.102v-7.5a.75.75 0 0 1 .75-.75Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/protocol.svg b/hybrid-summer/.config/eww/images/svg/dark/protocol.svg
new file mode 100644
index 000000000..716cacbb5
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/protocol.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m13.732 17.732-1.025-1.025 1.06-1.06 1.026 1.025a1 1 0 0 0 1.414 0l3.965-3.965a1 1 0 0 0 0-1.414l-3.965-3.964a1 1 0 0 0-1.414 0l-1.025 1.025-1.06-1.061 1.024-1.025a2.5 2.5 0 0 1 3.536 0l3.964 3.964a2.5 2.5 0 0 1 0 3.536l-3.964 3.964a2.5 2.5 0 0 1-3.536 0Z" fill="white"/><path d="m6.732 6.268-3.964 3.964a2.5 2.5 0 0 0 0 3.536l3.964 3.964a2.5 2.5 0 0 0 3.536 0l3.964-3.964a2.5 2.5 0 0 0 0-3.536l-3.964-3.964a2.5 2.5 0 0 0-3.536 0ZM3.83 11.293l3.964-3.964a1 1 0 0 1 1.414 0l3.965 3.964a1 1 0 0 1 0 1.414l-3.965 3.965a1 1 0 0 1-1.414 0l-3.964-3.965a1 1 0 0 1 0-1.414Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/radiobutton.svg b/hybrid-summer/.config/eww/images/svg/dark/radiobutton.svg
new file mode 100644
index 000000000..1ed6e36b2
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/radiobutton.svg
@@ -0,0 +1,3 @@
+<svg height="23" width="23" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="11.5" cy="11.5" r="8.5" stroke="white" stroke-width="5" fill="none"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/rankings.svg b/hybrid-summer/.config/eww/images/svg/dark/rankings.svg
new file mode 100644
index 000000000..4534694db
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/rankings.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M68.5775 44.3397C68.0998 44.3397 67.5955 44.2601 67.1178 44.0478L50 37.2802L32.8821 44.0743C30.8386 44.8705 28.5297 43.8885 27.707 41.845C26.9108 39.8015 27.8928 37.4926 29.9363 36.6698L48.5138 29.3185C49.4427 28.9469 50.5042 28.9469 51.4331 29.3185L70.0106 36.6698C72.0541 37.466 73.0626 39.8015 72.2399 41.845C71.656 43.3843 70.1698 44.3397 68.5775 44.3397Z" fill="white"/>
+<path d="M68.5775 57.6093C68.0998 57.6093 67.5955 57.5297 67.1178 57.3174L50 50.5499L32.8821 57.3439C30.8386 58.1401 28.5297 57.1581 27.707 55.1146C26.9108 53.0711 27.8928 50.7622 29.9363 49.9395L48.5138 42.5881C49.4427 42.2165 50.5042 42.2165 51.4331 42.5881L70.0106 49.9395C72.0541 50.7356 73.0626 53.0711 72.2399 55.1146C71.656 56.6539 70.1698 57.6093 68.5775 57.6093Z" fill="white"/>
+<path d="M68.5775 70.879C68.0998 70.879 67.5955 70.7993 67.1178 70.587L50 63.8195L32.8821 70.6136C30.8386 71.4098 28.5297 70.4278 27.707 68.3843C26.9108 66.3408 27.8928 64.0318 29.9363 63.2091L48.5138 55.8577C49.4427 55.4862 50.5042 55.4862 51.4331 55.8577L70.0106 63.2091C72.0541 64.0053 73.0626 66.3408 72.2399 68.3843C71.656 69.9236 70.1698 70.879 68.5775 70.879Z" fill="white"/>
+<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/reset.svg b/hybrid-summer/.config/eww/images/svg/dark/reset.svg
new file mode 100644
index 000000000..1d866ae5c
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/reset.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.78 2.72a.75.75 0 0 1 0 1.06L4.56 6h8.69a7.75 7.75 0 1 1-7.75 7.75.75.75 0 0 1 1.5 0 6.25 6.25 0 1 0 6.25-6.25H4.56l2.22 2.22a.75.75 0 1 1-1.06 1.06l-3.5-3.5a.75.75 0 0 1 0-1.06l3.5-3.5a.75.75 0 0 1 1.06 0Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/rightarrow.svg b/hybrid-summer/.config/eww/images/svg/dark/rightarrow.svg
new file mode 100644
index 000000000..6fd1d98eb
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/rightarrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.47 4.22a.75.75 0 0 0 0 1.06L15.19 12l-6.72 6.72a.75.75 0 1 0 1.06 1.06l7.25-7.25a.75.75 0 0 0 0-1.06L9.53 4.22a.75.75 0 0 0-1.06 0Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/root.svg b/hybrid-summer/.config/eww/images/svg/dark/root.svg
new file mode 100644
index 000000000..306fd7f39
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/root.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.744 1.996a2.25 2.25 0 0 1 2.245 2.096l.005.154v15.498A2.25 2.25 0 0 1 17.9 21.99l-.155.005h-11.5A2.25 2.25 0 0 1 4 19.898l-.005-.154V4.246A2.25 2.25 0 0 1 6.09 2.001l.154-.005h11.5Zm0 1.5h-11.5a.75.75 0 0 0-.743.648l-.006.102v15.498c0 .38.282.694.648.743l.102.007h11.5a.75.75 0 0 0 .743-.648l.006-.102V4.246a.75.75 0 0 0-.648-.743l-.102-.007Z" fill="white"/><path d="M13.019 16.02a.75.75 0 0 1-.624-.859l.105-.66h-1.482l-.141.895a.75.75 0 1 1-1.482-.235l.105-.66h-.75a.75.75 0 0 1 0-1.5h.987l.238-1.5H9.25a.75.75 0 0 1 0-1.5h.962l.2-1.26a.75.75 0 1 1 1.481.235L11.731 10h1.481l.2-1.259a.75.75 0 1 1 1.481.235L14.731 10h.519a.75.75 0 0 1 0 1.5h-.757l-.237 1.5h.494a.75.75 0 0 1 0 1.5h-.732l-.141.896a.75.75 0 0 1-.858.623Zm-1.526-4.52-.237 1.5h1.481l.238-1.5h-1.482Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/search-fluent.svg b/hybrid-summer/.config/eww/images/svg/dark/search-fluent.svg
new file mode 100644
index 000000000..d06ad1ac9
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/search-fluent.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10 2.75a7.25 7.25 0 0 1 5.63 11.819l4.9 4.9a.75.75 0 0 1-.976 1.134l-.084-.073-4.901-4.9A7.25 7.25 0 1 1 10 2.75Zm0 1.5a5.75 5.75 0 1 0 0 11.5 5.75 5.75 0 0 0 0-11.5Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/search.svg b/hybrid-summer/.config/eww/images/svg/dark/search.svg
new file mode 100644
index 000000000..4542bf491
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/search.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0481 9.31178C70.2498 9.31178 75.08 12.1005 77.6808 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6808 83.3845C75.08 87.8995 70.2498 90.6882 65.0481 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27214 57.3037C4.67129 52.7887 4.67129 47.2113 7.27214 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0481ZM65.0481 4H34.9526C27.8401 4 21.2583 7.79792 17.7021 13.9596L2.6543 40.0404C-0.90196 46.2021 -0.90196 53.7979 2.6543 59.9596L17.7021 86.0404C21.2583 92.2021 27.8401 96 34.9526 96H65.0481C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3464 59.9596C100.903 53.7979 100.903 46.2021 97.3464 40.0404L82.2721 13.9596C78.7424 7.79792 72.1607 4 65.0481 4Z" fill="white"/>
+<path d="M67.0382 71.0612C66.0297 71.0612 64.9947 70.6628 64.225 69.8926L54.2728 59.933C52.707 58.3661 52.707 55.843 54.2728 54.3025C55.8386 52.7356 58.3599 52.7356 59.8991 54.3025L69.8514 64.2621C71.4172 65.8291 71.4172 68.3522 69.8514 69.8926C69.0817 70.6628 68.0732 71.0612 67.0382 71.0612Z" fill="white"/>
+<path d="M46.2049 63.4919C36.7038 63.4919 28.9544 55.7367 28.9544 46.2286C28.9544 36.7206 36.7038 28.9654 46.2049 28.9654C55.706 28.9654 63.4554 36.7206 63.4554 46.2286C63.4554 55.7367 55.7325 63.4919 46.2049 63.4919ZM46.2049 36.933C41.0828 36.933 36.9162 41.1028 36.9162 46.2286C36.9162 51.3545 41.0828 55.5243 46.2049 55.5243C51.327 55.5243 55.4937 51.3545 55.4937 46.2286C55.4937 41.1028 51.327 36.933 46.2049 36.933Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/settings.svg b/hybrid-summer/.config/eww/images/svg/dark/settings.svg
new file mode 100644
index 000000000..c69c6a3a6
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/settings.svg
@@ -0,0 +1,23 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.31178C70.2493 9.31178 75.0795 12.1005 77.6803 16.6155L92.7281 42.6963C95.329 47.2113 95.329 52.7887 92.7281 57.3037L77.6803 83.3845C75.0795 87.8995 70.2493 90.6882 65.0476 90.6882H34.9521C29.7504 90.6882 24.9203 87.8995 22.3194 83.3845L7.27163 57.3037C4.67078 52.7887 4.67078 47.2113 7.27163 42.6963L22.3194 16.6155C24.9203 12.1005 29.7504 9.31178 34.9521 9.31178H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.79792 17.7016 13.9596L2.6538 40.0404C-0.902467 46.2021 -0.902467 53.7979 2.6538 59.9596L17.7016 86.0404C21.2578 92.2021 27.8396 96 34.9521 96H65.0476C72.1602 96 78.7419 92.2021 82.2982 86.0404L97.3459 59.9596C100.902 53.7979 100.902 46.2021 97.3459 40.0404L82.2716 13.9596C78.7419 7.79792 72.1602 4 65.0476 4Z" fill="white"/>
+<path d="M50 72.0704C37.9246 72.0704 28.1051 62.2436 28.1051 50.1593C28.1051 38.0751 37.9246 28.2483 50 28.2483C62.0754 28.2483 71.8949 38.0751 71.8949 50.1593C71.8949 62.2436 62.0754 72.0704 50 72.0704ZM50 36.2159C42.3036 36.2159 36.0669 42.4838 36.0669 50.1593C36.0669 57.8349 42.3302 64.1028 50 64.1028C57.6699 64.1028 63.9331 57.8349 63.9331 50.1593C63.9331 42.4838 57.6699 36.2159 50 36.2159Z" fill="white"/>
+<path d="M50 35.8441C47.7972 35.8441 46.0191 34.0647 46.0191 31.8603V28.4873C46.0191 26.2829 47.7972 24.5035 50 24.5035C52.2028 24.5035 53.9809 26.2829 53.9809 28.4873V31.8603C53.9809 34.0647 52.2028 35.8441 50 35.8441Z" fill="white"/>
+<path d="M58.9968 38.5531C58.2537 38.5531 57.5106 38.3407 56.8206 37.9157C54.9894 36.7206 54.4586 34.2506 55.6529 32.418L57.6699 29.3106C58.8641 27.4781 61.3323 26.9469 63.1635 28.142C64.9947 29.3372 65.5255 31.8072 64.3312 33.6397L62.3142 36.7471C61.5711 37.9157 60.2973 38.5531 58.9968 38.5531Z" fill="white"/>
+<path d="M65.7378 45.5116C64.3843 45.5116 63.0839 44.821 62.3408 43.5993C61.1996 41.7136 61.81 39.2702 63.6943 38.1282L67.0382 36.1097C68.9225 34.9677 71.3641 35.5785 72.5053 37.4642C73.6465 39.3499 73.0361 41.7933 71.1518 42.9353L67.8079 44.9538C67.1444 45.3256 66.4278 45.5116 65.7378 45.5116Z" fill="white"/>
+<path d="M32.0064 54.515H27.9724C25.7696 54.515 23.9915 52.7356 23.9915 50.5312C23.9915 48.3268 25.7696 46.5473 27.9724 46.5473H32.0064C34.2091 46.5473 35.9873 48.3268 35.9873 50.5312C35.9873 52.7356 34.2091 54.515 32.0064 54.515Z" fill="white"/>
+<path d="M69.0817 65.537C68.3917 65.537 67.7017 65.3511 67.0648 64.9792L63.2696 62.7217C61.3854 61.6062 60.7484 59.1628 61.8631 57.2506C62.9777 55.3649 65.4193 54.7275 67.3302 55.843L71.1253 58.1005C73.0096 59.2159 73.6465 61.6594 72.5319 63.5716C71.7622 64.8464 70.4353 65.537 69.0817 65.537Z" fill="white"/>
+<path d="M34.2622 45.5116C33.5722 45.5116 32.8556 45.3257 32.1921 44.9273L28.8482 42.9088C26.9639 41.7668 26.3535 39.3233 27.4947 37.4377C28.6359 35.552 31.0775 34.9411 32.9618 36.0832L36.3057 38.1016C38.19 39.2437 38.8004 41.6871 37.6592 43.5728C36.9161 44.8476 35.6157 45.5116 34.2622 45.5116Z" fill="white"/>
+<path d="M40.7909 38.7656C39.3843 38.7656 38.0043 37.9954 37.2877 36.6675L35.483 33.321C34.448 31.3822 35.1646 28.9654 37.1019 27.9296C39.0393 26.8938 41.4544 27.6109 42.4894 29.5497L44.2941 32.8961C45.3291 34.8349 44.6125 37.2517 42.6752 38.2875C42.0648 38.6063 41.4278 38.7656 40.7909 38.7656Z" fill="white"/>
+<path d="M72.0276 54.515H67.9936C65.7909 54.515 64.0127 52.7356 64.0127 50.5312C64.0127 48.3268 65.7909 46.5473 67.9936 46.5473H72.0276C74.2303 46.5473 76.0085 48.3268 76.0085 50.5312C76.0085 52.7356 74.2303 54.515 72.0276 54.515Z" fill="white"/>
+<path d="M61.0138 73.6109C59.6603 73.6109 58.3333 72.9203 57.5902 71.6455L55.3344 67.8476C54.2198 65.9619 54.8302 63.5185 56.741 62.3765C58.6253 61.261 61.0669 61.8718 62.2081 63.7841L64.4639 67.582C65.5786 69.4677 64.9682 71.9111 63.0573 73.0531C62.3938 73.425 61.7038 73.6109 61.0138 73.6109Z" fill="white"/>
+<path d="M50 76.5589C47.7972 76.5589 46.0191 74.7795 46.0191 72.5751V68.0866C46.0191 65.8822 47.7972 64.1028 50 64.1028C52.2028 64.1028 53.9809 65.8822 53.9809 68.0866V72.5751C53.9809 74.7795 52.2028 76.5589 50 76.5589Z" fill="white"/>
+<path d="M30.9183 65.537C29.5648 65.537 28.2643 64.8464 27.5212 63.6247C26.3801 61.739 26.9905 59.2956 28.8747 58.1536L32.2187 56.1351C34.103 54.9931 36.5446 55.6039 37.6858 57.4896C38.827 59.3753 38.2166 61.8187 36.3323 62.9607L32.9883 64.9792C32.3514 65.351 31.6348 65.537 30.9183 65.537Z" fill="white"/>
+<path d="M38.9862 73.6108C38.2962 73.6108 37.6062 73.4249 36.9692 73.0531C35.0849 71.9376 34.448 69.4942 35.5626 67.582L37.8185 63.7841C38.9331 61.8984 41.3747 61.261 43.2856 62.3764C45.1699 63.4919 45.8068 65.9353 44.6921 67.8476L42.4363 71.6455C41.6667 72.9203 40.3397 73.6108 38.9862 73.6108Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/store.svg b/hybrid-summer/.config/eww/images/svg/dark/store.svg
new file mode 100644
index 000000000..e4ac6edd5
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/store.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0479 9.31178C70.2496 9.31178 75.0797 12.1005 77.6806 16.6155L92.7283 42.6963C95.3292 47.2113 95.3292 52.7887 92.7283 57.3037L77.6806 83.3845C75.0797 87.8995 70.2496 90.6882 65.0479 90.6882H34.9523C29.7506 90.6882 24.9205 87.8995 22.3196 83.3845L7.27184 57.3037C4.67099 52.7887 4.67099 47.2113 7.27184 42.6963L22.3196 16.6155C24.9205 12.1005 29.7506 9.31178 34.9523 9.31178H65.0479ZM65.0479 4H34.9523C27.8398 4 21.258 7.79792 17.7018 13.9596L2.65401 40.0404C-0.902257 46.2021 -0.902257 53.7979 2.65401 59.9596L17.7018 86.0404C21.258 92.2021 27.8398 96 34.9523 96H65.0479C72.1604 96 78.7421 92.2021 82.2984 86.0404L97.3462 59.9596C100.902 53.7979 100.902 46.2021 97.3462 40.0404L82.2719 13.9596C78.7421 7.79792 72.1604 4 65.0479 4Z" fill="white"/>
+<path d="M69.3737 62.5889H35.828C33.6253 62.5889 31.8471 60.8095 31.8471 58.6051V36.8799L26.1412 31.7009C24.5223 30.2136 24.3896 27.7171 25.8758 26.0704C27.362 24.4503 29.8567 24.3175 31.5021 25.8048L38.5085 32.1524C39.3312 32.8961 39.8089 33.985 39.8089 35.1005V54.6212H65.3928V43.1478L49.2038 40.97C47.0276 40.6778 45.4883 38.6593 45.7803 36.4815C46.0722 34.3037 48.0626 32.7633 50.2654 33.0554L69.9045 35.6847C71.8684 35.9503 73.3546 37.6501 73.3546 39.642V58.5785C73.3546 60.8095 71.5764 62.5889 69.3737 62.5889Z" fill="white"/>
+<path d="M65.1274 75.2309C67.326 75.2309 69.1083 73.4473 69.1083 71.2471C69.1083 69.0469 67.326 67.2633 65.1274 67.2633C62.9288 67.2633 61.1465 69.0469 61.1465 71.2471C61.1465 73.4473 62.9288 75.2309 65.1274 75.2309Z" fill="white"/>
+<path d="M39.1189 75.2309C41.3175 75.2309 43.0998 73.4473 43.0998 71.2471C43.0998 69.0469 41.3175 67.2633 39.1189 67.2633C36.9203 67.2633 35.138 69.0469 35.138 71.2471C35.138 73.4473 36.9203 75.2309 39.1189 75.2309Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/tournaments.svg b/hybrid-summer/.config/eww/images/svg/dark/tournaments.svg
new file mode 100644
index 000000000..cd0f69268
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/tournaments.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.3119 52.4749C24.9451 51.108 24.9451 48.892 26.3119 47.5251L47.5251 26.3119C48.8919 24.9451 51.108 24.9451 52.4749 26.3119L73.6881 47.5251C75.0549 48.892 75.0549 51.108 73.6881 52.4749L52.4749 73.6881C51.108 75.0549 48.8919 75.0549 47.5251 73.6881L26.3119 52.4749ZM33.7365 50L50 66.2635L66.2634 50L50 33.7365L33.7365 50Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.5251 27.5251C28.892 26.1583 31.108 26.1583 32.4749 27.5251L72.4749 67.5251C73.8417 68.892 73.8417 71.108 72.4749 72.4749C71.108 73.8417 68.892 73.8417 67.5251 72.4749L27.5251 32.4749C26.1583 31.108 26.1583 28.892 27.5251 27.5251Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M72.4749 27.5251C73.8417 28.892 73.8417 31.108 72.4749 32.4749L32.4749 72.4749C31.108 73.8417 28.892 73.8417 27.5251 72.4749C26.1583 71.108 26.1583 68.892 27.5251 67.5251L67.5251 27.5251C68.892 26.1583 71.108 26.1583 72.4749 27.5251Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/uparrow.svg b/hybrid-summer/.config/eww/images/svg/dark/uparrow.svg
new file mode 100644
index 000000000..5ea8ae99a
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/uparrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.293 15.707a1 1 0 0 0 1.414 0L12 9.414l6.293 6.293a1 1 0 0 0 1.414-1.414l-7-7a1 1 0 0 0-1.414 0l-7 7a1 1 0 0 0 0 1.414Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/user.svg b/hybrid-summer/.config/eww/images/svg/dark/user.svg
new file mode 100644
index 000000000..5127e451a
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/user.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.754 14a2.249 2.249 0 0 1 2.25 2.249v.918a2.75 2.75 0 0 1-.513 1.599C17.945 20.929 15.42 22 12 22c-3.422 0-5.945-1.072-7.487-3.237a2.75 2.75 0 0 1-.51-1.595v-.92a2.249 2.249 0 0 1 2.249-2.25h11.501ZM12 2.004a5 5 0 1 1 0 10 5 5 0 0 1 0-10Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/vol0.svg b/hybrid-summer/.config/eww/images/svg/dark/vol0.svg
new file mode 100644
index 000000000..036a79126
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/vol0.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.704 3.441c.191.226.296.512.296.808V19.75a1.25 1.25 0 0 1-2.058.954l-4.967-4.206H4.25A2.25 2.25 0 0 1 2 14.248v-4.5a2.25 2.25 0 0 1 2.25-2.25h3.725l4.968-4.204a1.25 1.25 0 0 1 1.761.147ZM13.5 4.788l-4.975 4.21H4.25a.75.75 0 0 0-.75.75v4.5c0 .415.336.75.75.75h4.275l4.975 4.213V4.788Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/vol1.svg b/hybrid-summer/.config/eww/images/svg/dark/vol1.svg
new file mode 100644
index 000000000..96d5570a5
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/vol1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.704 3.442c.191.226.296.512.296.808v15.502a1.25 1.25 0 0 1-2.058.954L7.975 16.5H4.25A2.25 2.25 0 0 1 2 14.25v-4.5A2.25 2.25 0 0 1 4.25 7.5h3.725l4.968-4.204a1.25 1.25 0 0 1 1.761.147ZM13.5 4.79 8.525 9H4.25a.75.75 0 0 0-.75.75v4.5c0 .415.336.75.75.75h4.275l4.975 4.213V4.79Zm3.604 3.851a.75.75 0 0 1 1.03.25c.574.94.862 1.992.862 3.14 0 1.149-.288 2.201-.862 3.141a.75.75 0 1 1-1.28-.781c.428-.702.642-1.483.642-2.36 0-.876-.214-1.657-.642-2.359a.75.75 0 0 1 .25-1.03Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/vol2.svg b/hybrid-summer/.config/eww/images/svg/dark/vol2.svg
new file mode 100644
index 000000000..a090e3c39
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/vol2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 4.25c0-1.079-1.274-1.65-2.08-.934L8.427 7.309a.75.75 0 0 1-.498.19H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V4.25ZM9.425 8.43 13.5 4.807v14.382l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.68a2.25 2.25 0 0 0 1.495-.569ZM18.992 5.897a.75.75 0 0 1 1.049.157A9.959 9.959 0 0 1 22 12a9.96 9.96 0 0 1-1.96 5.946.75.75 0 0 1-1.205-.892A8.459 8.459 0 0 0 20.5 12a8.459 8.459 0 0 0-1.665-5.054.75.75 0 0 1 .157-1.049Z" fill="white"/><path d="M17.143 8.37a.75.75 0 0 1 1.017.302c.536.99.84 2.125.84 3.328a6.973 6.973 0 0 1-.84 3.328.75.75 0 0 1-1.32-.714c.42-.777.66-1.666.66-2.614s-.24-1.837-.66-2.614a.75.75 0 0 1 .303-1.017Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/vol3.svg b/hybrid-summer/.config/eww/images/svg/dark/vol3.svg
new file mode 100644
index 000000000..a090e3c39
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/vol3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 4.25c0-1.079-1.274-1.65-2.08-.934L8.427 7.309a.75.75 0 0 1-.498.19H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V4.25ZM9.425 8.43 13.5 4.807v14.382l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.68a2.25 2.25 0 0 0 1.495-.569ZM18.992 5.897a.75.75 0 0 1 1.049.157A9.959 9.959 0 0 1 22 12a9.96 9.96 0 0 1-1.96 5.946.75.75 0 0 1-1.205-.892A8.459 8.459 0 0 0 20.5 12a8.459 8.459 0 0 0-1.665-5.054.75.75 0 0 1 .157-1.049Z" fill="white"/><path d="M17.143 8.37a.75.75 0 0 1 1.017.302c.536.99.84 2.125.84 3.328a6.973 6.973 0 0 1-.84 3.328.75.75 0 0 1-1.32-.714c.42-.777.66-1.666.66-2.614s-.24-1.837-.66-2.614a.75.75 0 0 1 .303-1.017Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/volmute.svg b/hybrid-summer/.config/eww/images/svg/dark/volmute.svg
new file mode 100644
index 000000000..474a67cb0
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/volmute.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.28 2.22a.75.75 0 1 0-1.06 1.06L6.438 7.5H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V16.06l5.72 5.72a.75.75 0 0 0 1.06-1.061L3.28 2.22ZM13.5 14.56v4.629l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.688L13.5 14.56ZM13.5 4.807v5.511l1.5 1.5V4.25c0-1.079-1.274-1.65-2.08-.934l-3.4 3.022 1.063 1.063L13.5 4.807ZM17.141 13.96l1.138 1.137A6.974 6.974 0 0 0 19 12a6.973 6.973 0 0 0-.84-3.328.75.75 0 0 0-1.32.714c.42.777.66 1.666.66 2.614 0 .691-.127 1.351-.359 1.96ZM19.388 16.206l1.093 1.094A9.955 9.955 0 0 0 22 12a9.959 9.959 0 0 0-1.96-5.946.75.75 0 0 0-1.205.892A8.46 8.46 0 0 1 20.5 12a8.458 8.458 0 0 1-1.112 4.206Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/wifi.svg b/hybrid-summer/.config/eww/images/svg/dark/wifi.svg
new file mode 100644
index 000000000..bd7500be3
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/wifi.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m12.858 14.273 7.434 7.434a1 1 0 0 0 1.414-1.414l-17.999-18a1 1 0 1 0-1.414 1.414L5.39 6.804c-.643.429-1.254.927-1.821 1.495a12.382 12.382 0 0 0-1.39 1.683 1 1 0 0 0 1.644 1.14c.363-.524.761-1.01 1.16-1.41a9.94 9.94 0 0 1 1.855-1.46L7.99 9.405a8.14 8.14 0 0 0-3.203 3.377 1 1 0 0 0 1.784.903 6.08 6.08 0 0 1 1.133-1.563 6.116 6.116 0 0 1 1.77-1.234l1.407 1.407A5.208 5.208 0 0 0 8.336 13.7a5.25 5.25 0 0 0-1.09 1.612 1 1 0 0 0 1.832.802c.167-.381.394-.722.672-1a3.23 3.23 0 0 1 3.108-.841Zm-1.332-5.93 2.228 2.229a6.1 6.1 0 0 1 2.616 1.55c.444.444.837.995 1.137 1.582a1 1 0 1 0 1.78-.911 8.353 8.353 0 0 0-1.503-2.085 8.108 8.108 0 0 0-6.258-2.365ZM8.51 5.327l1.651 1.651a9.904 9.904 0 0 1 10.016 4.148 1 1 0 1 0 1.646-1.136A11.912 11.912 0 0 0 8.51 5.327Zm4.552 11.114a1.501 1.501 0 1 1-2.123 2.123 1.501 1.501 0 0 1 2.123-2.123Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/wifi1.svg b/hybrid-summer/.config/eww/images/svg/dark/wifi1.svg
new file mode 100644
index 000000000..e77cb492f
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/wifi1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.96 18.568a1.501 1.501 0 1 0 2.122-2.123 1.501 1.501 0 0 0-2.123 2.123Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/wifi2.svg b/hybrid-summer/.config/eww/images/svg/dark/wifi2.svg
new file mode 100644
index 000000000..9bd4c1127
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/wifi2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.938 16.446a1.501 1.501 0 1 1 2.123 2.123 1.501 1.501 0 0 1-2.123-2.123Zm-2.603-2.742a5.233 5.233 0 0 1 7.4 0c.46.461.838 1.025 1.101 1.625a1 1 0 0 1-1.832.803 3.356 3.356 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.255 3.255 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.613Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/wifi3.svg b/hybrid-summer/.config/eww/images/svg/dark/wifi3.svg
new file mode 100644
index 000000000..15147e602
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/wifi3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.96 16.44a1.501 1.501 0 1 1 2.122 2.122 1.501 1.501 0 0 1-2.123-2.122Zm-2.604-2.742a5.233 5.233 0 0 1 7.4 0c.46.461.838 1.025 1.101 1.625a1 1 0 1 1-1.832.803 3.358 3.358 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.254 3.254 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.613ZM6.31 10.707a8.128 8.128 0 0 1 11.495 0 8.353 8.353 0 0 1 1.503 2.085 1 1 0 0 1-1.78.91 6.357 6.357 0 0 0-1.137-1.581 6.128 6.128 0 0 0-9.8 1.562 1 1 0 1 1-1.785-.902 8.08 8.08 0 0 1 1.504-2.074Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/wifi4.svg b/hybrid-summer/.config/eww/images/svg/dark/wifi4.svg
new file mode 100644
index 000000000..360b10868
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/wifi4.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.784 10.708a8.35 8.35 0 0 1 1.504 2.085 1 1 0 0 1-1.781.91 6.353 6.353 0 0 0-1.137-1.58 6.128 6.128 0 0 0-9.8 1.562 1 1 0 0 1-1.784-.903 8.128 8.128 0 0 1 12.998-2.074ZM15.735 13.7c.46.46.838 1.024 1.101 1.624a1 1 0 1 1-1.832.803 3.36 3.36 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.257 3.257 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.612 5.233 5.233 0 0 1 7.4 0Zm4.684-5.401c.508.508.987 1.087 1.404 1.691a1 1 0 0 1-1.646 1.136c-.35-.506-.752-.993-1.172-1.413-3.872-3.872-10.15-3.872-14.023 0-.4.399-.797.886-1.16 1.41a1 1 0 0 1-1.644-1.14c.428-.618.9-1.195 1.39-1.684 4.653-4.654 12.198-4.654 16.851 0Zm-7.358 8.142a1.501 1.501 0 1 1-2.122 2.123 1.501 1.501 0 0 1 2.122-2.123Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/dark/wiki.svg b/hybrid-summer/.config/eww/images/svg/dark/wiki.svg
new file mode 100644
index 000000000..a2d8358b6
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/dark/wiki.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0482 9.31178C70.2499 9.31178 75.08 12.1005 77.6809 16.6155L92.7287 42.6963C95.3295 47.2113 95.3295 52.7887 92.7287 57.3037L77.6809 83.3845C75.08 87.8995 70.2499 90.6882 65.0482 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27217 57.3037C4.67132 52.7887 4.67132 47.2113 7.27217 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0482ZM65.0482 4H34.9526C27.8401 4 21.2584 7.79792 17.7021 13.9596L2.65433 40.0404C-0.901929 46.2021 -0.901929 53.7979 2.65433 59.9596L17.7021 86.0404C21.2584 92.2021 27.8401 96 34.9526 96H65.0482C72.1607 96 78.7425 92.2021 82.2987 86.0404L97.3465 59.9596C100.903 53.7979 100.903 46.2021 97.3465 40.0404L82.2722 13.9596C78.7424 7.79792 72.1607 4 65.0482 4Z" fill="white"/>
+<path d="M50 48.3799C44.1348 48.3799 39.3843 43.6259 39.3843 37.7563C39.3843 31.8868 44.1348 27.1328 50 27.1328C55.8652 27.1328 60.6157 31.8868 60.6157 37.7563C60.6157 43.6259 55.8652 48.3799 50 48.3799ZM50 35.1005C48.5403 35.1005 47.3461 36.2956 47.3461 37.7563C47.3461 39.2171 48.5403 40.4122 50 40.4122C51.4596 40.4122 52.6539 39.2171 52.6539 37.7563C52.6539 36.2956 51.4596 35.1005 50 35.1005Z" fill="white"/>
+<path d="M38.7208 72.8672C37.7123 72.8672 36.6773 72.4688 35.9076 71.6986L24.7611 60.5439C23.1953 58.9769 23.1953 56.4538 24.7611 54.9134C26.327 53.3464 28.8482 53.3464 30.3875 54.9134L38.7208 63.2529L47.0807 54.8868C48.6465 53.3198 51.1677 53.3198 52.707 54.8868L61.0138 63.1997L69.4267 54.7806C70.9925 53.2136 73.5138 53.2136 75.053 54.7806C76.6189 56.3476 76.6189 58.8706 75.053 60.4111L63.8004 71.672C62.2346 73.239 59.7134 73.239 58.1741 71.672L49.8673 63.3591L41.5074 71.7251C40.7643 72.4688 39.7558 72.8672 38.7208 72.8672Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/downarrow.svg b/hybrid-summer/.config/eww/images/svg/downarrow.svg
new file mode 100644
index 000000000..42b6fd5bd
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/downarrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.293 8.293a1 1 0 0 1 1.414 0L12 14.586l6.293-6.293a1 1 0 1 1 1.414 1.414l-7 7a1 1 0 0 1-1.414 0l-7-7a1 1 0 0 1 0-1.414Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/folderopen.svg b/hybrid-summer/.config/eww/images/svg/folderopen.svg
new file mode 100644
index 000000000..01c3f761d
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/folderopen.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 9.502V8.75a2.25 2.25 0 0 0-2.25-2.25h-5.725l-2.38-1.98A2.25 2.25 0 0 0 8.204 4H4.25A2.25 2.25 0 0 0 2 6.25l-.004 11.5A2.25 2.25 0 0 0 4.246 20H18.47a1.75 1.75 0 0 0 1.698-1.325l1.75-6.998a1.75 1.75 0 0 0-1.698-2.175H20ZM4.25 5.5h3.956a.75.75 0 0 1 .48.173l2.588 2.154a.75.75 0 0 0 .48.173h5.996a.75.75 0 0 1 .75.75v.752H6.424a2.25 2.25 0 0 0-2.183 1.704l-.744 2.978L3.5 6.25a.75.75 0 0 1 .75-.75Zm1.447 6.07a.75.75 0 0 1 .727-.568H20.22a.25.25 0 0 1 .242.31l-1.75 6.999a.25.25 0 0 1-.242.189H4.285a.25.25 0 0 1-.243-.31l1.655-6.62Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/forum.svg b/hybrid-summer/.config/eww/images/svg/forum.svg
new file mode 100644
index 000000000..344eeebba
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/forum.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.28849C70.2493 9.28849 75.0795 12.0649 77.6803 16.5602L92.7281 42.5266C95.3289 47.0219 95.3289 52.5748 92.7281 57.07L77.6803 83.0365C75.0795 87.5317 70.2493 90.3082 65.0476 90.3082H34.9521C29.7504 90.3082 24.9203 87.5317 22.3194 83.0365L7.27165 57.07C4.6708 52.5748 4.6708 47.0219 7.27165 42.5266L22.3194 16.5602C24.9203 12.0649 29.7504 9.28849 34.9521 9.28849H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.78127 17.7016 13.9159L2.65381 39.8824C-0.902448 46.0171 -0.902448 53.5796 2.65381 59.7142L17.7016 85.6807C21.2578 91.8154 27.8396 95.5966 34.9521 95.5966H65.0476C72.1602 95.5966 78.7419 91.8154 82.2982 85.6807L97.3459 59.7142C100.902 53.5796 100.902 46.0171 97.3459 39.8824L82.2716 13.9159C78.7419 7.78127 72.1602 4 65.0476 4Z" fill="#CEB153"/>
+<path d="M66.9851 40.8079C69.1837 40.8079 70.966 39.0321 70.966 36.8415C70.966 34.651 69.1837 32.8752 66.9851 32.8752C64.7865 32.8752 63.0042 34.651 63.0042 36.8415C63.0042 39.0321 64.7865 40.8079 66.9851 40.8079Z" fill="#CEB153"/>
+<path d="M51.327 40.8079H34.6072C32.4045 40.8079 30.6263 39.0362 30.6263 36.8415C30.6263 34.6468 32.4045 32.8752 34.6072 32.8752H51.327C53.5297 32.8752 55.3079 34.6468 55.3079 36.8415C55.3079 39.0362 53.5297 40.8079 51.327 40.8079Z" fill="#CEB153"/>
+<path d="M66.9851 67.2503C69.1837 67.2503 70.966 65.4745 70.966 63.284C70.966 61.0934 69.1837 59.3176 66.9851 59.3176C64.7865 59.3176 63.0042 61.0934 63.0042 63.284C63.0042 65.4745 64.7865 67.2503 66.9851 67.2503Z" fill="#CEB153"/>
+<path d="M51.327 67.2503H34.6072C32.4045 67.2503 30.6263 65.4787 30.6263 63.284C30.6263 61.0892 32.4045 59.3176 34.6072 59.3176H51.327C53.5297 59.3176 55.3079 61.0892 55.3079 63.284C55.3079 65.4787 53.5297 67.2503 51.327 67.2503Z" fill="#CEB153"/>
+<path d="M34.8726 54.0291C37.0712 54.0291 38.8535 52.2533 38.8535 50.0627C38.8535 47.8722 37.0712 46.0964 34.8726 46.0964C32.674 46.0964 30.8917 47.8722 30.8917 50.0627C30.8917 52.2533 32.674 54.0291 34.8726 54.0291Z" fill="#CEB153"/>
+<path d="M67.2505 54.0291H50.5308C48.328 54.0291 46.5499 52.2575 46.5499 50.0627C46.5499 47.868 48.328 46.0964 50.5308 46.0964H67.2505C69.4533 46.0964 71.2314 47.868 71.2314 50.0627C71.2314 52.2575 69.4533 54.0291 67.2505 54.0291Z" fill="#CEB153"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.5966" fill="#CEB153" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/graph.svg b/hybrid-summer/.config/eww/images/svg/graph.svg
new file mode 100644
index 000000000..63c8852fc
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/graph.svg
@@ -0,0 +1,16 @@
+<svg width="1920" height="1080">
+  <circle cx="225" cy="350" r="40" stroke="#ffdbc4" stroke-width="3" fill="none" />
+  <circle cx="525" cy="250" r="40" stroke="#ffdbc4" stroke-width="3" fill="none" />
+  <circle cx="825" cy="350" r="40" stroke="#ffdbc4" stroke-width="3" fill="none" />
+  <circle cx="1125" cy="250" r="40" stroke="#ffdbc4" stroke-width="3" fill="none" />
+  <line x1="225" y1="350" x2="525" y2="250" stroke="#ffdbc4" stroke-width="3" 
+    stroke-linecap="round"/>
+  <line x1="525" y1="250" x2="825" y2="350" stroke="#ffdbc4" stroke-width="3" 
+    stroke-linecap="round"/>
+  <line x1="825" y1="350" x2="1125" y2="250" stroke="#ffdbc4" stroke-width="3" 
+    stroke-linecap="round"/>
+  <circle cx="225" cy="350" r="20" stroke="#ffdbc4" stroke-width="3" fill="#ffdbc4" />
+  <circle cx="525" cy="250" r="20" stroke="#ffdbc4" stroke-width="3" fill="#ffdbc4" />
+  <circle cx="825" cy="350" r="20" stroke="#ffdbc4" stroke-width="3" fill="#ffdbc4" />
+  <circle cx="1125" cy="250" r="20" stroke="#ffdbc4" stroke-width="3" fill="#ffdbc4" />
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/gruv/beatmappacks.svg b/hybrid-summer/.config/eww/images/svg/gruv/beatmappacks.svg
new file mode 100644
index 000000000..e7716f832
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/gruv/beatmappacks.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="#caca93"/>
+<path d="M45.8333 49.0106C45.4883 49.0106 45.1433 48.9575 44.8248 48.8248L25.3715 40.863C24.3365 40.4384 23.673 39.3768 23.7261 38.2622C23.7792 37.121 24.5488 36.1656 25.6369 35.8471L53.6093 27.8853C54.1932 27.7261 54.7771 27.7526 55.3344 27.9915L74.7877 35.9533C75.8227 36.3779 76.4862 37.4395 76.4331 38.5541C76.38 39.6953 75.6104 40.6507 74.5223 40.9692L46.5764 48.931C46.3376 48.9841 46.0987 49.0106 45.8333 49.0106ZM34.5011 38.8461L46.0191 43.5435L65.6847 37.9437L54.1667 33.2463L34.5011 38.8461Z" fill="#caca93"/>
+<path d="M45.8333 74.1698C45.4883 74.1698 45.1433 74.1168 44.8248 73.9841L25.3715 66.0223C24.3365 65.5977 23.673 64.5361 23.7261 63.4214C23.7792 62.2802 24.5488 61.3248 25.6369 61.0064L53.5828 53.0446C54.1667 52.8853 54.7505 52.9119 55.3079 53.1507L74.7612 61.1125C75.7962 61.5372 76.4597 62.5987 76.4066 63.7134C76.3535 64.8546 75.5839 65.81 74.4958 66.1284L46.5499 74.0902C46.3376 74.1433 46.0987 74.1698 45.8333 74.1698ZM34.5011 64.0053L46.0191 68.7028L65.6847 63.103L54.1667 58.4055L34.5011 64.0053Z" fill="#caca93"/>
+<path d="M26.4597 66.1285C25 66.1285 23.8057 64.9342 23.8057 63.4745V38.3153C23.8057 36.8556 25 35.6614 26.4597 35.6614C27.9193 35.6614 29.1136 36.8556 29.1136 38.3153V63.4745C29.1136 64.9342 27.9193 66.1285 26.4597 66.1285Z" fill="#caca93"/>
+<path d="M45.9395 74.1433C44.4799 74.1433 43.2856 72.949 43.2856 71.4894V46.3301C43.2856 44.8705 44.4799 43.6762 45.9395 43.6762C47.3992 43.6762 48.5934 44.8705 48.5934 46.3301V71.4894C48.5934 72.949 47.3992 74.1433 45.9395 74.1433Z" fill="#caca93"/>
+<path d="M54.4055 57.7421C52.9459 57.7421 51.7516 56.5478 51.7516 55.0881V30.4862C51.7516 29.0265 52.9459 27.8323 54.4055 27.8323C55.8652 27.8323 57.0594 29.0265 57.0594 30.4862V55.0881C57.0594 56.5478 55.8652 57.7421 54.4055 57.7421Z" fill="#caca93"/>
+<path d="M73.8854 66.1285C72.4257 66.1285 71.2314 64.9342 71.2314 63.4745V38.8726C71.2314 37.413 72.4257 36.2187 73.8854 36.2187C75.345 36.2187 76.5393 37.413 76.5393 38.8726V63.4745C76.5393 64.9342 75.345 66.1285 73.8854 66.1285Z" fill="#caca93"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#caca93" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/gruv/beatmaps.svg b/hybrid-summer/.config/eww/images/svg/gruv/beatmaps.svg
new file mode 100644
index 000000000..a9532018a
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/gruv/beatmaps.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="#ffdbc4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7375 27.0672C49.7375 22.2087 55.5763 19.7364 59.0652 23.1177L64.1858 28.0804C65.5739 29.4257 65.6086 31.6415 64.2633 33.0296C62.9181 34.4176 60.7023 34.4523 59.3142 33.1071L56.7375 30.6098V54.0937C56.7375 56.0267 55.1705 57.5937 53.2375 57.5937C51.3045 57.5937 49.7375 56.0267 49.7375 54.0937V27.0672Z" fill="#ffdbc4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M47.9008 55.8953C48.8125 55.8953 49.5516 55.1562 49.5516 54.2445C49.5516 53.3328 48.8125 52.5938 47.9008 52.5938C46.9891 52.5938 46.25 53.3328 46.25 54.2445C46.25 55.1562 46.9891 55.8953 47.9008 55.8953ZM47.9008 62.8953C52.6785 62.8953 56.5516 59.0222 56.5516 54.2445C56.5516 49.4668 52.6785 45.5938 47.9008 45.5938C43.1231 45.5938 39.25 49.4668 39.25 54.2445C39.25 59.0222 43.1231 62.8953 47.9008 62.8953Z" fill="#ffdbc4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.3186 33.2126C47.6854 34.5795 47.6854 36.7955 46.3186 38.1624L31.9479 52.5331C31.3621 53.1189 31.3621 54.0686 31.9479 54.6544L48.9393 71.6458C49.5251 72.2316 50.4748 72.2316 51.0606 71.6458L68.0521 54.6544C68.6379 54.0686 68.6379 53.1189 68.0521 52.5331L59.8376 44.3186C58.4708 42.9518 58.4708 40.7357 59.8376 39.3689C61.2044 38.002 63.4205 38.002 64.7873 39.3689L73.0018 47.5833C76.3213 50.9028 76.3213 56.2847 73.0018 59.6042L56.0104 76.5956C52.6909 79.915 47.309 79.915 43.9896 76.5956L26.9981 59.6042C23.6787 56.2847 23.6787 50.9028 26.9981 47.5833L41.3689 33.2126C42.7357 31.8458 44.9518 31.8458 46.3186 33.2126Z" fill="#ffdbc4"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#ffdbc4" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/gruv/contests.svg b/hybrid-summer/.config/eww/images/svg/gruv/contests.svg
new file mode 100644
index 000000000..8a3129b5c
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/gruv/contests.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0478 9.30786C70.2495 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.3291 47.1794 95.3291 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2495 90.6242 65.0478 90.6242H34.9522C29.7505 90.6242 24.9204 87.8376 22.3195 83.3259L7.27175 57.2643C4.67091 52.7527 4.67091 47.1794 7.27175 42.6677L22.3195 16.6062C24.9204 12.0945 29.7505 9.30786 34.9522 9.30786H65.0478ZM65.0478 4H34.9522C27.8397 4 21.258 7.79512 17.7017 13.9522L2.65392 40.0138C-0.902341 46.1709 -0.902341 53.7611 2.65392 59.9183L17.7017 85.9798C21.258 92.1369 27.8397 95.9321 34.9522 95.9321H65.0478C72.1603 95.9321 78.742 92.1369 82.2983 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1603 4 65.0478 4Z" fill="#ffdbc4"/>
+<path d="M50 76.7707C47.7972 76.7707 46.0191 74.9925 46.0191 72.7898V53.9469C46.0191 51.7441 47.7972 49.966 50 49.966C52.2028 49.966 53.9809 51.7441 53.9809 53.9469V72.7898C53.9809 74.9925 52.2028 76.7707 50 76.7707Z" fill="#ffdbc4"/>
+<path d="M36.7304 71.9936C34.5276 71.9936 32.7495 70.2155 32.7495 68.0127V61.1125C32.7495 58.9098 34.5276 57.1316 36.7304 57.1316C38.9331 57.1316 40.7113 58.9098 40.7113 61.1125V68.0127C40.7113 70.2155 38.9331 71.9936 36.7304 71.9936Z" fill="#ffdbc4"/>
+<path d="M36.7304 51.8238C36.5977 51.8238 36.465 51.8238 36.3323 51.7973C36.1996 51.7973 36.0669 51.7707 35.9342 51.7442C35.8015 51.7176 35.6688 51.6911 35.5626 51.638C35.4299 51.5849 35.3238 51.5584 35.1911 51.5053C35.0849 51.4522 34.9522 51.3992 34.8461 51.3461C34.7399 51.293 34.6072 51.2134 34.5011 51.1338C34.3949 51.0542 34.2887 50.9745 34.1826 50.8949C34.0764 50.8153 33.9703 50.7091 33.8906 50.6295C33.811 50.5234 33.7049 50.4438 33.6253 50.3376C33.5456 50.2314 33.466 50.1253 33.3864 50.0191C33.3068 49.913 33.2537 49.8068 33.1741 49.6741C33.121 49.568 33.0679 49.4353 33.0149 49.3291C32.9618 49.223 32.9087 49.0903 32.8822 48.9576C32.8556 48.8249 32.8025 48.6922 32.776 48.586C32.7495 48.4533 32.7229 48.3206 32.7229 48.2145C32.6964 48.0818 32.6964 47.9491 32.6964 47.8164C32.6964 47.6837 32.6964 47.551 32.7229 47.4183C32.7229 47.2856 32.7495 47.1529 32.776 47.0202C32.8025 46.8875 32.8291 46.7548 32.8822 46.6486C32.9087 46.5159 32.9618 46.4098 33.0149 46.2771C33.0679 46.1709 33.121 46.0382 33.1741 45.9321C33.2272 45.8259 33.3068 45.6932 33.3864 45.5871C33.466 45.4809 33.5456 45.3748 33.6253 45.2686C33.7049 45.1624 33.7845 45.0563 33.8906 44.9767C33.9968 44.897 34.0764 44.7909 34.1826 44.7113C34.2887 44.6317 34.3949 44.552 34.5011 44.4724C34.6072 44.3928 34.7134 44.3397 34.8461 44.2601C34.9522 44.207 35.0849 44.1539 35.1911 44.1009C35.3238 44.0478 35.4299 43.9947 35.5626 43.9682C35.6953 43.9416 35.828 43.8886 35.9342 43.862C36.0669 43.8355 36.1996 43.8089 36.3323 43.8089C36.5977 43.7824 36.8631 43.7824 37.1019 43.8089C37.2346 43.8089 37.3673 43.8355 37.5 43.862C37.6327 43.8886 37.7654 43.9151 37.8715 43.9682C38.0042 43.9947 38.1104 44.0478 38.2431 44.1009C38.3758 44.1539 38.4819 44.207 38.5881 44.2601C38.6943 44.3132 38.827 44.3928 38.9331 44.4724C39.0393 44.552 39.1454 44.6317 39.2516 44.7113C39.3577 44.7909 39.4639 44.8705 39.5435 44.9767C39.6231 45.0828 39.7293 45.1624 39.8089 45.2686C39.8885 45.3748 39.9681 45.4809 40.0478 45.5871C40.1274 45.6932 40.1805 45.7994 40.2601 45.9321C40.3132 46.0382 40.3662 46.1709 40.4193 46.2771C40.4724 46.4098 40.4989 46.5159 40.552 46.6486C40.5786 46.7813 40.6316 46.914 40.6582 47.0202C40.6847 47.1529 40.7112 47.2856 40.7112 47.4183C40.7378 47.551 40.7378 47.6837 40.7378 47.8164C40.7378 47.9491 40.7378 48.0818 40.7112 48.2145C40.7112 48.3472 40.6847 48.4799 40.6582 48.586C40.6316 48.7187 40.6051 48.8514 40.552 48.9576C40.4989 49.0903 40.4724 49.1964 40.4193 49.3291C40.3662 49.4618 40.3132 49.568 40.2601 49.6741C40.207 49.7803 40.1274 49.913 40.0478 50.0191C39.9681 50.1253 39.8885 50.2314 39.8089 50.3376C39.7293 50.4438 39.6231 50.5499 39.5435 50.6295C39.4374 50.7091 39.3577 50.8153 39.2516 50.8949C39.1454 50.9745 39.0393 51.0542 38.9331 51.1338C38.827 51.2134 38.7208 51.2665 38.5881 51.3461C38.4819 51.3992 38.3493 51.4522 38.2431 51.5053C38.1369 51.5584 38.0042 51.5849 37.8715 51.638C37.7388 51.6646 37.6327 51.7176 37.5 51.7442C37.3673 51.7707 37.2346 51.7973 37.1019 51.7973C36.9957 51.8238 36.863 51.8238 36.7304 51.8238Z" fill="#ffdbc4"/>
+<path d="M63.2696 71.9936C61.0669 71.9936 59.2887 70.2155 59.2887 68.0127V61.1125C59.2887 58.9098 61.0669 57.1316 63.2696 57.1316C65.4724 57.1316 67.2505 58.9098 67.2505 61.1125V68.0127C67.2505 70.2155 65.4724 71.9936 63.2696 71.9936Z" fill="#ffdbc4"/>
+<path d="M63.2696 51.8238C63.1369 51.8238 63.0043 51.8238 62.8716 51.7973C62.7389 51.7973 62.6062 51.7707 62.4735 51.7442C62.3408 51.7176 62.2081 51.6911 62.1019 51.638C61.9692 51.5849 61.8631 51.5584 61.7304 51.5053C61.6242 51.4522 61.4915 51.3992 61.3854 51.3461C61.2792 51.293 61.1465 51.2134 61.0403 51.1338C60.9342 51.0542 60.828 50.9745 60.7219 50.8949C60.6157 50.8153 60.5096 50.7091 60.4299 50.6295C60.3503 50.5234 60.2442 50.4438 60.1645 50.3376C60.0849 50.2314 60.0053 50.1253 59.9257 50.0191C59.8461 49.913 59.793 49.8068 59.7134 49.6741C59.6603 49.568 59.6072 49.4353 59.5541 49.3291C59.5011 49.223 59.448 49.0903 59.4214 48.9576C59.3949 48.8249 59.3418 48.6922 59.3153 48.586C59.2888 48.4533 59.2622 48.3206 59.2622 48.2145C59.2622 48.0818 59.2357 47.9491 59.2357 47.8164C59.2357 47.6837 59.2357 47.551 59.2622 47.4183C59.2622 47.2856 59.2888 47.1529 59.3153 47.0202C59.3418 46.8875 59.3684 46.7548 59.4214 46.6486C59.448 46.5159 59.5011 46.4098 59.5541 46.2771C59.6072 46.1709 59.6603 46.0382 59.7134 45.9321C59.7665 45.8259 59.8461 45.6932 59.9257 45.5871C60.0053 45.4809 60.0849 45.3748 60.1645 45.2686C60.2442 45.1624 60.3238 45.0563 60.4299 44.9767C60.5361 44.897 60.6157 44.7909 60.7219 44.7113C60.828 44.6317 60.9342 44.552 61.0403 44.4724C61.1465 44.3928 61.2527 44.3397 61.3854 44.2601C61.4915 44.207 61.6242 44.1539 61.7304 44.1009C61.8631 44.0478 61.9692 43.9947 62.1019 43.9682C62.2346 43.9416 62.3673 43.8886 62.4735 43.862C62.6062 43.8355 62.7389 43.8089 62.8716 43.8089C63.1369 43.7824 63.4023 43.7824 63.6677 43.8089C63.8004 43.8089 63.9331 43.8355 64.0393 43.862C64.172 43.8886 64.3047 43.9151 64.4108 43.9682C64.5435 43.9947 64.6497 44.0478 64.7824 44.1009C64.9151 44.1539 65.0212 44.207 65.1274 44.2601C65.2336 44.3132 65.3663 44.3928 65.4724 44.4724C65.5786 44.552 65.6847 44.6317 65.7909 44.7113C65.897 44.7909 66.0032 44.8705 66.0828 44.9767C66.1624 45.0828 66.2686 45.1624 66.3482 45.2686C66.4278 45.3748 66.5074 45.4809 66.5871 45.5871C66.6667 45.6932 66.7198 45.7994 66.7994 45.9321C66.8525 46.0382 66.9055 46.1709 66.9586 46.2771C67.0117 46.4098 67.0382 46.5159 67.0913 46.6486C67.1178 46.7813 67.1709 46.914 67.1975 47.0202C67.224 47.1529 67.2505 47.2856 67.2505 47.4183C67.2771 47.551 67.2771 47.6837 67.2771 47.8164C67.2771 47.9491 67.2771 48.0818 67.2505 48.2145C67.2505 48.3472 67.224 48.4799 67.1975 48.586C67.1709 48.7187 67.1444 48.8514 67.0913 48.9576C67.0382 49.0903 67.0117 49.1964 66.9586 49.3291C66.9055 49.4618 66.8525 49.568 66.7994 49.6741C66.7463 49.7803 66.6667 49.913 66.5871 50.0191C66.5074 50.1253 66.4278 50.2314 66.3482 50.3376C66.2686 50.4438 66.1624 50.5499 66.0828 50.6295C65.9767 50.7091 65.897 50.8153 65.7909 50.8949C65.6847 50.9745 65.5786 51.0542 65.4724 51.1338C65.3663 51.2134 65.2601 51.2665 65.1274 51.3461C65.0212 51.3992 64.8885 51.4522 64.7824 51.5053C64.6762 51.5584 64.5435 51.5849 64.4108 51.638C64.2781 51.6646 64.172 51.7176 64.0393 51.7442C63.9066 51.7707 63.7739 51.7973 63.6677 51.7973C63.535 51.8238 63.4023 51.8238 63.2696 51.8238Z" fill="#ffdbc4"/>
+<path d="M50 44.7909C44.1348 44.7909 39.3843 40.0403 39.3843 34.1752C39.3843 28.31 44.1348 23.5594 50 23.5594C55.8652 23.5594 60.6157 28.31 60.6157 34.1752C60.6157 40.0403 55.8652 44.7909 50 44.7909ZM50 31.5212C48.5403 31.5212 47.3461 32.7155 47.3461 34.1752C47.3461 35.6348 48.5403 36.8291 50 36.8291C51.4597 36.8291 52.6539 35.6348 52.6539 34.1752C52.6539 32.7155 51.4597 31.5212 50 31.5212Z" fill="#ffdbc4"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#ffdbc4" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/gruv/forum.svg b/hybrid-summer/.config/eww/images/svg/gruv/forum.svg
new file mode 100644
index 000000000..344eeebba
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/gruv/forum.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.28849C70.2493 9.28849 75.0795 12.0649 77.6803 16.5602L92.7281 42.5266C95.3289 47.0219 95.3289 52.5748 92.7281 57.07L77.6803 83.0365C75.0795 87.5317 70.2493 90.3082 65.0476 90.3082H34.9521C29.7504 90.3082 24.9203 87.5317 22.3194 83.0365L7.27165 57.07C4.6708 52.5748 4.6708 47.0219 7.27165 42.5266L22.3194 16.5602C24.9203 12.0649 29.7504 9.28849 34.9521 9.28849H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.78127 17.7016 13.9159L2.65381 39.8824C-0.902448 46.0171 -0.902448 53.5796 2.65381 59.7142L17.7016 85.6807C21.2578 91.8154 27.8396 95.5966 34.9521 95.5966H65.0476C72.1602 95.5966 78.7419 91.8154 82.2982 85.6807L97.3459 59.7142C100.902 53.5796 100.902 46.0171 97.3459 39.8824L82.2716 13.9159C78.7419 7.78127 72.1602 4 65.0476 4Z" fill="#CEB153"/>
+<path d="M66.9851 40.8079C69.1837 40.8079 70.966 39.0321 70.966 36.8415C70.966 34.651 69.1837 32.8752 66.9851 32.8752C64.7865 32.8752 63.0042 34.651 63.0042 36.8415C63.0042 39.0321 64.7865 40.8079 66.9851 40.8079Z" fill="#CEB153"/>
+<path d="M51.327 40.8079H34.6072C32.4045 40.8079 30.6263 39.0362 30.6263 36.8415C30.6263 34.6468 32.4045 32.8752 34.6072 32.8752H51.327C53.5297 32.8752 55.3079 34.6468 55.3079 36.8415C55.3079 39.0362 53.5297 40.8079 51.327 40.8079Z" fill="#CEB153"/>
+<path d="M66.9851 67.2503C69.1837 67.2503 70.966 65.4745 70.966 63.284C70.966 61.0934 69.1837 59.3176 66.9851 59.3176C64.7865 59.3176 63.0042 61.0934 63.0042 63.284C63.0042 65.4745 64.7865 67.2503 66.9851 67.2503Z" fill="#CEB153"/>
+<path d="M51.327 67.2503H34.6072C32.4045 67.2503 30.6263 65.4787 30.6263 63.284C30.6263 61.0892 32.4045 59.3176 34.6072 59.3176H51.327C53.5297 59.3176 55.3079 61.0892 55.3079 63.284C55.3079 65.4787 53.5297 67.2503 51.327 67.2503Z" fill="#CEB153"/>
+<path d="M34.8726 54.0291C37.0712 54.0291 38.8535 52.2533 38.8535 50.0627C38.8535 47.8722 37.0712 46.0964 34.8726 46.0964C32.674 46.0964 30.8917 47.8722 30.8917 50.0627C30.8917 52.2533 32.674 54.0291 34.8726 54.0291Z" fill="#CEB153"/>
+<path d="M67.2505 54.0291H50.5308C48.328 54.0291 46.5499 52.2575 46.5499 50.0627C46.5499 47.868 48.328 46.0964 50.5308 46.0964H67.2505C69.4533 46.0964 71.2314 47.868 71.2314 50.0627C71.2314 52.2575 69.4533 54.0291 67.2505 54.0291Z" fill="#CEB153"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.5966" fill="#CEB153" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/gruv/graph.svg b/hybrid-summer/.config/eww/images/svg/gruv/graph.svg
new file mode 100644
index 000000000..63c8852fc
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/gruv/graph.svg
@@ -0,0 +1,16 @@
+<svg width="1920" height="1080">
+  <circle cx="225" cy="350" r="40" stroke="#ffdbc4" stroke-width="3" fill="none" />
+  <circle cx="525" cy="250" r="40" stroke="#ffdbc4" stroke-width="3" fill="none" />
+  <circle cx="825" cy="350" r="40" stroke="#ffdbc4" stroke-width="3" fill="none" />
+  <circle cx="1125" cy="250" r="40" stroke="#ffdbc4" stroke-width="3" fill="none" />
+  <line x1="225" y1="350" x2="525" y2="250" stroke="#ffdbc4" stroke-width="3" 
+    stroke-linecap="round"/>
+  <line x1="525" y1="250" x2="825" y2="350" stroke="#ffdbc4" stroke-width="3" 
+    stroke-linecap="round"/>
+  <line x1="825" y1="350" x2="1125" y2="250" stroke="#ffdbc4" stroke-width="3" 
+    stroke-linecap="round"/>
+  <circle cx="225" cy="350" r="20" stroke="#ffdbc4" stroke-width="3" fill="#ffdbc4" />
+  <circle cx="525" cy="250" r="20" stroke="#ffdbc4" stroke-width="3" fill="#ffdbc4" />
+  <circle cx="825" cy="350" r="20" stroke="#ffdbc4" stroke-width="3" fill="#ffdbc4" />
+  <circle cx="1125" cy="250" r="20" stroke="#ffdbc4" stroke-width="3" fill="#ffdbc4" />
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/gruv/search.svg b/hybrid-summer/.config/eww/images/svg/gruv/search.svg
new file mode 100644
index 000000000..c87f5f101
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/gruv/search.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0481 9.31178C70.2498 9.31178 75.08 12.1005 77.6808 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6808 83.3845C75.08 87.8995 70.2498 90.6882 65.0481 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27214 57.3037C4.67129 52.7887 4.67129 47.2113 7.27214 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0481ZM65.0481 4H34.9526C27.8401 4 21.2583 7.79792 17.7021 13.9596L2.6543 40.0404C-0.90196 46.2021 -0.90196 53.7979 2.6543 59.9596L17.7021 86.0404C21.2583 92.2021 27.8401 96 34.9526 96H65.0481C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3464 59.9596C100.903 53.7979 100.903 46.2021 97.3464 40.0404L82.2721 13.9596C78.7424 7.79792 72.1607 4 65.0481 4Z" fill="#caca93"/>
+<path d="M67.0382 71.0612C66.0297 71.0612 64.9947 70.6628 64.225 69.8926L54.2728 59.933C52.707 58.3661 52.707 55.843 54.2728 54.3025C55.8386 52.7356 58.3599 52.7356 59.8991 54.3025L69.8514 64.2621C71.4172 65.8291 71.4172 68.3522 69.8514 69.8926C69.0817 70.6628 68.0732 71.0612 67.0382 71.0612Z" fill="#caca93"/>
+<path d="M46.2049 63.4919C36.7038 63.4919 28.9544 55.7367 28.9544 46.2286C28.9544 36.7206 36.7038 28.9654 46.2049 28.9654C55.706 28.9654 63.4554 36.7206 63.4554 46.2286C63.4554 55.7367 55.7325 63.4919 46.2049 63.4919ZM46.2049 36.933C41.0828 36.933 36.9162 41.1028 36.9162 46.2286C36.9162 51.3545 41.0828 55.5243 46.2049 55.5243C51.327 55.5243 55.4937 51.3545 55.4937 46.2286C55.4937 41.1028 51.327 36.933 46.2049 36.933Z" fill="#caca93"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#caca93" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/gruv/settings.svg b/hybrid-summer/.config/eww/images/svg/gruv/settings.svg
new file mode 100644
index 000000000..e0b0586cf
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/gruv/settings.svg
@@ -0,0 +1,23 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.31178C70.2493 9.31178 75.0795 12.1005 77.6803 16.6155L92.7281 42.6963C95.329 47.2113 95.329 52.7887 92.7281 57.3037L77.6803 83.3845C75.0795 87.8995 70.2493 90.6882 65.0476 90.6882H34.9521C29.7504 90.6882 24.9203 87.8995 22.3194 83.3845L7.27163 57.3037C4.67078 52.7887 4.67078 47.2113 7.27163 42.6963L22.3194 16.6155C24.9203 12.1005 29.7504 9.31178 34.9521 9.31178H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.79792 17.7016 13.9596L2.6538 40.0404C-0.902467 46.2021 -0.902467 53.7979 2.6538 59.9596L17.7016 86.0404C21.2578 92.2021 27.8396 96 34.9521 96H65.0476C72.1602 96 78.7419 92.2021 82.2982 86.0404L97.3459 59.9596C100.902 53.7979 100.902 46.2021 97.3459 40.0404L82.2716 13.9596C78.7419 7.79792 72.1602 4 65.0476 4Z" fill="#EFD69C"/>
+<path d="M50 72.0704C37.9246 72.0704 28.1051 62.2436 28.1051 50.1593C28.1051 38.0751 37.9246 28.2483 50 28.2483C62.0754 28.2483 71.8949 38.0751 71.8949 50.1593C71.8949 62.2436 62.0754 72.0704 50 72.0704ZM50 36.2159C42.3036 36.2159 36.0669 42.4838 36.0669 50.1593C36.0669 57.8349 42.3302 64.1028 50 64.1028C57.6699 64.1028 63.9331 57.8349 63.9331 50.1593C63.9331 42.4838 57.6699 36.2159 50 36.2159Z" fill="#EFD69C"/>
+<path d="M50 35.8441C47.7972 35.8441 46.0191 34.0647 46.0191 31.8603V28.4873C46.0191 26.2829 47.7972 24.5035 50 24.5035C52.2028 24.5035 53.9809 26.2829 53.9809 28.4873V31.8603C53.9809 34.0647 52.2028 35.8441 50 35.8441Z" fill="#EFD69C"/>
+<path d="M58.9968 38.5531C58.2537 38.5531 57.5106 38.3407 56.8206 37.9157C54.9894 36.7206 54.4586 34.2506 55.6529 32.418L57.6699 29.3106C58.8641 27.4781 61.3323 26.9469 63.1635 28.142C64.9947 29.3372 65.5255 31.8072 64.3312 33.6397L62.3142 36.7471C61.5711 37.9157 60.2973 38.5531 58.9968 38.5531Z" fill="#EFD69C"/>
+<path d="M65.7378 45.5116C64.3843 45.5116 63.0839 44.821 62.3408 43.5993C61.1996 41.7136 61.81 39.2702 63.6943 38.1282L67.0382 36.1097C68.9225 34.9677 71.3641 35.5785 72.5053 37.4642C73.6465 39.3499 73.0361 41.7933 71.1518 42.9353L67.8079 44.9538C67.1444 45.3256 66.4278 45.5116 65.7378 45.5116Z" fill="#EFD69C"/>
+<path d="M32.0064 54.515H27.9724C25.7696 54.515 23.9915 52.7356 23.9915 50.5312C23.9915 48.3268 25.7696 46.5473 27.9724 46.5473H32.0064C34.2091 46.5473 35.9873 48.3268 35.9873 50.5312C35.9873 52.7356 34.2091 54.515 32.0064 54.515Z" fill="#EFD69C"/>
+<path d="M69.0817 65.537C68.3917 65.537 67.7017 65.3511 67.0648 64.9792L63.2696 62.7217C61.3854 61.6062 60.7484 59.1628 61.8631 57.2506C62.9777 55.3649 65.4193 54.7275 67.3302 55.843L71.1253 58.1005C73.0096 59.2159 73.6465 61.6594 72.5319 63.5716C71.7622 64.8464 70.4353 65.537 69.0817 65.537Z" fill="#EFD69C"/>
+<path d="M34.2622 45.5116C33.5722 45.5116 32.8556 45.3257 32.1921 44.9273L28.8482 42.9088C26.9639 41.7668 26.3535 39.3233 27.4947 37.4377C28.6359 35.552 31.0775 34.9411 32.9618 36.0832L36.3057 38.1016C38.19 39.2437 38.8004 41.6871 37.6592 43.5728C36.9161 44.8476 35.6157 45.5116 34.2622 45.5116Z" fill="#EFD69C"/>
+<path d="M40.7909 38.7656C39.3843 38.7656 38.0043 37.9954 37.2877 36.6675L35.483 33.321C34.448 31.3822 35.1646 28.9654 37.1019 27.9296C39.0393 26.8938 41.4544 27.6109 42.4894 29.5497L44.2941 32.8961C45.3291 34.8349 44.6125 37.2517 42.6752 38.2875C42.0648 38.6063 41.4278 38.7656 40.7909 38.7656Z" fill="#EFD69C"/>
+<path d="M72.0276 54.515H67.9936C65.7909 54.515 64.0127 52.7356 64.0127 50.5312C64.0127 48.3268 65.7909 46.5473 67.9936 46.5473H72.0276C74.2303 46.5473 76.0085 48.3268 76.0085 50.5312C76.0085 52.7356 74.2303 54.515 72.0276 54.515Z" fill="#EFD69C"/>
+<path d="M61.0138 73.6109C59.6603 73.6109 58.3333 72.9203 57.5902 71.6455L55.3344 67.8476C54.2198 65.9619 54.8302 63.5185 56.741 62.3765C58.6253 61.261 61.0669 61.8718 62.2081 63.7841L64.4639 67.582C65.5786 69.4677 64.9682 71.9111 63.0573 73.0531C62.3938 73.425 61.7038 73.6109 61.0138 73.6109Z" fill="#EFD69C"/>
+<path d="M50 76.5589C47.7972 76.5589 46.0191 74.7795 46.0191 72.5751V68.0866C46.0191 65.8822 47.7972 64.1028 50 64.1028C52.2028 64.1028 53.9809 65.8822 53.9809 68.0866V72.5751C53.9809 74.7795 52.2028 76.5589 50 76.5589Z" fill="#EFD69C"/>
+<path d="M30.9183 65.537C29.5648 65.537 28.2643 64.8464 27.5212 63.6247C26.3801 61.739 26.9905 59.2956 28.8747 58.1536L32.2187 56.1351C34.103 54.9931 36.5446 55.6039 37.6858 57.4896C38.827 59.3753 38.2166 61.8187 36.3323 62.9607L32.9883 64.9792C32.3514 65.351 31.6348 65.537 30.9183 65.537Z" fill="#EFD69C"/>
+<path d="M38.9862 73.6108C38.2962 73.6108 37.6062 73.4249 36.9692 73.0531C35.0849 71.9376 34.448 69.4942 35.5626 67.582L37.8185 63.7841C38.9331 61.8984 41.3747 61.261 43.2856 62.3764C45.1699 63.4919 45.8068 65.9353 44.6921 67.8476L42.4363 71.6455C41.6667 72.9203 40.3397 73.6108 38.9862 73.6108Z" fill="#EFD69C"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#EFD69C" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/gruv/tournaments.svg b/hybrid-summer/.config/eww/images/svg/gruv/tournaments.svg
new file mode 100644
index 000000000..6c270463f
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/gruv/tournaments.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="#DA681D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.3119 52.4749C24.9451 51.108 24.9451 48.892 26.3119 47.5251L47.5251 26.3119C48.8919 24.9451 51.108 24.9451 52.4749 26.3119L73.6881 47.5251C75.0549 48.892 75.0549 51.108 73.6881 52.4749L52.4749 73.6881C51.108 75.0549 48.8919 75.0549 47.5251 73.6881L26.3119 52.4749ZM33.7365 50L50 66.2635L66.2634 50L50 33.7365L33.7365 50Z" fill="#DA681D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.5251 27.5251C28.892 26.1583 31.108 26.1583 32.4749 27.5251L72.4749 67.5251C73.8417 68.892 73.8417 71.108 72.4749 72.4749C71.108 73.8417 68.892 73.8417 67.5251 72.4749L27.5251 32.4749C26.1583 31.108 26.1583 28.892 27.5251 27.5251Z" fill="#DA681D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M72.4749 27.5251C73.8417 28.892 73.8417 31.108 72.4749 32.4749L32.4749 72.4749C31.108 73.8417 28.892 73.8417 27.5251 72.4749C26.1583 71.108 26.1583 68.892 27.5251 67.5251L67.5251 27.5251C68.892 26.1583 71.108 26.1583 72.4749 27.5251Z" fill="#DA681D"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#DA681D" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/gruv/wiki.svg b/hybrid-summer/.config/eww/images/svg/gruv/wiki.svg
new file mode 100644
index 000000000..e7d3a8c67
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/gruv/wiki.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0482 9.31178C70.2499 9.31178 75.08 12.1005 77.6809 16.6155L92.7287 42.6963C95.3295 47.2113 95.3295 52.7887 92.7287 57.3037L77.6809 83.3845C75.08 87.8995 70.2499 90.6882 65.0482 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27217 57.3037C4.67132 52.7887 4.67132 47.2113 7.27217 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0482ZM65.0482 4H34.9526C27.8401 4 21.2584 7.79792 17.7021 13.9596L2.65433 40.0404C-0.901929 46.2021 -0.901929 53.7979 2.65433 59.9596L17.7021 86.0404C21.2584 92.2021 27.8401 96 34.9526 96H65.0482C72.1607 96 78.7425 92.2021 82.2987 86.0404L97.3465 59.9596C100.903 53.7979 100.903 46.2021 97.3465 40.0404L82.2722 13.9596C78.7424 7.79792 72.1607 4 65.0482 4Z" fill="#ffdbc4"/>
+<path d="M50 48.3799C44.1348 48.3799 39.3843 43.6259 39.3843 37.7563C39.3843 31.8868 44.1348 27.1328 50 27.1328C55.8652 27.1328 60.6157 31.8868 60.6157 37.7563C60.6157 43.6259 55.8652 48.3799 50 48.3799ZM50 35.1005C48.5403 35.1005 47.3461 36.2956 47.3461 37.7563C47.3461 39.2171 48.5403 40.4122 50 40.4122C51.4596 40.4122 52.6539 39.2171 52.6539 37.7563C52.6539 36.2956 51.4596 35.1005 50 35.1005Z" fill="#ffdbc4"/>
+<path d="M38.7208 72.8672C37.7123 72.8672 36.6773 72.4688 35.9076 71.6986L24.7611 60.5439C23.1953 58.9769 23.1953 56.4538 24.7611 54.9134C26.327 53.3464 28.8482 53.3464 30.3875 54.9134L38.7208 63.2529L47.0807 54.8868C48.6465 53.3198 51.1677 53.3198 52.707 54.8868L61.0138 63.1997L69.4267 54.7806C70.9925 53.2136 73.5138 53.2136 75.053 54.7806C76.6189 56.3476 76.6189 58.8706 75.053 60.4111L63.8004 71.672C62.2346 73.239 59.7134 73.239 58.1741 71.672L49.8673 63.3591L41.5074 71.7251C40.7643 72.4688 39.7558 72.8672 38.7208 72.8672Z" fill="#ffdbc4"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#ffdbc4" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/home.svg b/hybrid-summer/.config/eww/images/svg/home.svg
new file mode 100644
index 000000000..0f957ffad
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/home.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0478 9.30786C70.2495 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.3291 47.1794 95.3291 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2495 90.6242 65.0478 90.6242H34.9522C29.7505 90.6242 24.9204 87.8376 22.3195 83.3259L7.27175 57.2643C4.67091 52.7527 4.67091 47.1794 7.27175 42.6677L22.3195 16.6062C24.9204 12.0945 29.7505 9.30786 34.9522 9.30786H65.0478ZM65.0478 4H34.9522C27.8397 4 21.258 7.79512 17.7017 13.9522L2.65392 40.0138C-0.902341 46.1709 -0.902341 53.7611 2.65392 59.9183L17.7017 85.9798C21.258 92.1369 27.8397 95.9321 34.9522 95.9321H65.0478C72.1603 95.9321 78.742 92.1369 82.2983 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1603 4 65.0478 4Z" fill="#ffdbc4"/>
+<path d="M68.5775 43.2781C68.0998 43.2781 67.5956 43.1985 67.1178 42.9862L50 36.2187L32.8822 42.9862C30.8386 43.7824 28.5297 42.8004 27.707 40.7569C26.9108 38.7134 27.8928 36.4045 29.9363 35.5817L48.5138 28.2304C49.4427 27.8588 50.5043 27.8588 51.4331 28.2304L70.0106 35.5817C72.0541 36.3779 73.0626 38.7134 72.2399 40.7569C71.6561 42.3227 70.1699 43.2781 68.5775 43.2781Z" fill="#ffdbc4"/>
+<path d="M57.3248 71.9671H42.7017C39.4108 71.9671 36.7569 69.2866 36.7569 66.0223V51.3991C36.7569 48.1083 39.4374 45.4543 42.7017 45.4543H57.3248C60.6157 45.4543 63.2696 48.1348 63.2696 51.3991V66.0223C63.2696 69.3132 60.5892 71.9671 57.3248 71.9671ZM44.6921 64.0053H55.3078V53.3896H44.6921V64.0053Z" fill="#ffdbc4"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#ffdbc4" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/icosahedron.svg b/hybrid-summer/.config/eww/images/svg/icosahedron.svg
new file mode 100644
index 000000000..5dfab7306
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/icosahedron.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Created Sat Nov  1 22:06:13 2008 by ./xy2svg -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-1.862747 -1.862747 3.957948 3.957948"> 
+<g style="stroke:#ffdbc4" stroke-width=".015">
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="0.039227" y2="-0.287147"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.296790" y1="-1.531823" x2="1.278419" y2="-0.824517"/>
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="0.340080" y2="-1.463535"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="1.466545" y1="0.232765" x2="1.278419" y2="-0.824517"/>
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="1.278419" y1="0.586062" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="1.466545" y1="0.232765" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="0.340080" y1="1.755256" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="1.278419" y1="0.586062" x2="-0.296790" y2="1.277236"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="0.039227" y2="-0.287147"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="-1.189639" y2="-0.188816"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.296790" y1="-1.531823" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="-1.451475" y1="-0.665396" x2="-1.189639" y2="-0.188816"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-0.296790" y2="1.277236"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="-1.451475" y2="0.936129"/>
+<line stroke-linecap="round" x1="-1.451475" y1="0.936129" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="0.340080" y1="1.755256" x2="-0.055029" y2="0.402814"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="-1.451475" y2="0.936129"/>
+<line stroke-linecap="round" x1="-1.451475" y1="0.936129" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="-1.451475" y1="-0.665396" x2="-0.055029" y2="0.402814"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="0.340080" y2="-1.463535"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-1.451475" y2="0.936129"/>
+<!-- <line x1="5.340754" y1="-0.810999" x2="4.164357" y2="-0.285624"/>
+<line x1="4.164357" y1="-0.285624" x2="3.760373" y2="-1.532918"/>
+<line x1="3.760373" y1="-1.532918" x2="5.340754" y2="-0.810999"/>
+<line x1="5.340754" y1="-0.810999" x2="4.275964" y2="-1.462090"/>
+<line x1="4.275964" y1="-1.462090" x2="5.376515" y2="0.260659"/>
+<line x1="5.376515" y1="0.260659" x2="5.340754" y2="-0.810999"/>
+<line x1="5.340754" y1="-0.810999" x2="5.340754" y2="0.615801"/>
+<line x1="5.340754" y1="0.615801" x2="5.376515" y2="0.260659"/>
+<line x1="5.376515" y1="0.260659" x2="4.275964" y2="1.765372"/>
+<line x1="4.275964" y1="1.765372" x2="5.340754" y2="0.615801"/>
+<line x1="5.340754" y1="0.615801" x2="3.760373" y2="1.269571"/>
+<line x1="3.760373" y1="1.269571" x2="4.275964" y2="1.765372"/>
+<line x1="3.760373" y1="1.269571" x2="4.164357" y2="-0.285624"/>
+<line x1="4.164357" y1="-0.285624" x2="5.340754" y2="0.615801"/>
+<line x1="4.164357" y1="-0.285624" x2="2.908099" y2="-0.206764"/>
+<line x1="2.908099" y1="-0.206764" x2="3.760373" y2="-1.532918"/>
+<line x1="3.760373" y1="-1.532918" x2="2.514237" y2="-0.682403"/>
+<line x1="2.514237" y1="-0.682403" x2="2.908099" y2="-0.206764"/>
+<line x1="2.908099" y1="-0.206764" x2="3.760373" y2="1.269571"/>
+<line x1="3.760373" y1="1.269571" x2="2.514237" y2="0.898713"/>
+<line x1="2.514237" y1="0.898713" x2="4.275964" y2="1.765372"/>
+<line x1="4.275964" y1="1.765372" x2="3.769930" y2="0.399824"/>
+<line x1="3.769930" y1="0.399824" x2="2.514237" y2="0.898713"/>
+<line x1="2.514237" y1="0.898713" x2="2.514237" y2="-0.682403"/>
+<line x1="2.514237" y1="-0.682403" x2="3.769930" y2="0.399824"/>
+<line x1="3.769930" y1="0.399824" x2="4.275964" y2="-1.462090"/>
+<line x1="4.275964" y1="-1.462090" x2="2.514237" y2="-0.682403"/>
+<line x1="4.275964" y1="-1.462090" x2="3.760373" y2="-1.532918"/>
+<line x1="3.769930" y1="0.399824" x2="5.376515" y2="0.260659"/>
+<line x1="2.908099" y1="-0.206764" x2="2.514237" y2="0.898713"/> -->
+</g>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/airplane.svg b/hybrid-summer/.config/eww/images/svg/light/airplane.svg
new file mode 100644
index 000000000..7d16cd031
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/airplane.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9.47 9.643 8.768 3.77l-.002-.074c0-.889.72-1.61 1.61-1.61.802 0 1.545.42 1.977 1.135l.087.161 2.945 6.09 3.957-.117a2.6 2.6 0 0 1 2.672 2.53l.001.066a2.602 2.602 0 0 1-2.62 2.597l-3.963-.116-2.992 6.188a2.293 2.293 0 0 1-2.065 1.295c-.889 0-1.609-.72-1.609-1.631l.007-.118.707-5.908-2.132-.063-.27.736a1.946 1.946 0 0 1-1.827 1.278c-.876 0-1.586-.71-1.586-1.587v-.76l-.154-.032a1.92 1.92 0 0 1 0-3.758l.155-.032v-.76c0-.803.597-1.475 1.434-1.579l.151-.008c.745 0 1.423.426 1.765 1.127l.063.15.27.736 2.12-.062Zm.906-6.057c-.06 0-.109.049-.11.087l.887 7.422-4.84.141-.628-1.715-.032-.079c-.075-.152-.23-.25-.354-.251l-.058.002a.086.086 0 0 0-.075.085l.001 1.98-1.35.282a.419.419 0 0 0 0 .821l1.35.281v1.98c0 .047.038.086.085.086a.446.446 0 0 0 .419-.293l.64-1.751 4.854.141-.897 7.471v.03c0 .06.048.108.108.108a.793.793 0 0 0 .714-.448l3.415-7.063 4.914.144c.606 0 1.097-.491 1.097-1.086v-.043a1.097 1.097 0 0 0-1.13-1.064l-4.928.144-3.351-6.932-.053-.099a.793.793 0 0 0-.678-.381Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/app.svg b/hybrid-summer/.config/eww/images/svg/light/app.svg
new file mode 100644
index 000000000..ce93fdea2
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/app.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m18.492 2.33 3.179 3.179a2.25 2.25 0 0 1 0 3.182l-2.423 2.422A2.501 2.501 0 0 1 21 13.5v5a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 18.5v-13A2.5 2.5 0 0 1 5.5 3h5c1.121 0 2.07.737 2.387 1.754L15.31 2.33a2.25 2.25 0 0 1 3.182 0ZM11 13H5v5.5a.5.5 0 0 0 .5.5H11v-6Zm7.5 0H13v6h5.5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5Zm-4.06-2.001L13 9.559v1.44h1.44Zm-3.94-6h-5a.5.5 0 0 0-.5.5V11h6V5.5a.5.5 0 0 0-.5-.5Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/appgeneric.svg b/hybrid-summer/.config/eww/images/svg/light/appgeneric.svg
new file mode 100644
index 000000000..251cac6bd
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/appgeneric.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m17.751 3 .185.005a3.25 3.25 0 0 1 3.06 3.06l.005.185v11.5l-.005.184A3.25 3.25 0 0 1 17.751 21H6.25a3.25 3.25 0 0 1-3.245-3.066L3 17.75V6.25a3.25 3.25 0 0 1 3.066-3.245L6.25 3h11.501ZM19.5 8H4.501L4.5 17.75a1.75 1.75 0 0 0 1.606 1.744l.144.006h11.501l.144-.006a1.75 1.75 0 0 0 1.6-1.593l.006-.151L19.5 8Zm-9.25 1.5a.75.75 0 0 1 .743.648l.007.102v7a.75.75 0 0 1-.648.743L10.25 18h-3.5a.75.75 0 0 1-.743-.648L6 17.25v-7a.75.75 0 0 1 .648-.743L6.75 9.5h3.5ZM9.5 11h-2v5.5h2V11Zm6.75 1.503a.75.75 0 0 1 .102 1.493l-.102.007h-3.496a.75.75 0 0 1-.101-1.493l.101-.007h3.496Zm1-3.003a.75.75 0 0 1 .102 1.493L17.25 11h-4.496a.75.75 0 0 1-.101-1.493l.101-.007h4.496Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/applycolor.svg b/hybrid-summer/.config/eww/images/svg/light/applycolor.svg
new file mode 100644
index 000000000..695583a97
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/applycolor.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M2 12.414V17.5A2.5 2.5 0 0 0 4.5 20h15a2.5 2.5 0 0 0 2.5-2.5v-11A2.5 2.5 0 0 0 19.5 4h-8.944l1.5 1.5H19.5a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1v-3.586l-1.5-1.5Z" fill="#000000"/><path d="M6 1.75a.75.75 0 1 1 1.5 0v1.265c.45.04.89.233 1.235.578l3.536 3.536a2 2 0 0 1 0 2.828L8.027 14.2a2 2 0 0 1-2.829 0l-3.535-3.536a2 2 0 0 1 0-2.828l4.243-4.243c.03-.03.061-.06.093-.087V1.75Zm0 4.5v-.629l-2.89 2.89h8.245a.498.498 0 0 0-.145-.322L7.674 4.654A.498.498 0 0 0 7.5 4.54v1.71a.75.75 0 0 1-1.5 0Zm-2.868 3.76 3.128 3.13a.5.5 0 0 0 .707 0l3.129-3.13H3.132ZM11 13.375c0-.493.154-.972.342-1.381.19-.416.438-.806.673-1.134.238-.331.474-.613.65-.812.085-.097.24-.261.299-.323l.005-.005a.75.75 0 0 1 1.061 0l.305.328c.176.199.412.48.649.812.236.328.483.718.674 1.134.188.409.342.888.342 1.381C16 14.765 14.97 16 13.5 16c-1.471 0-2.5-1.235-2.5-2.625Zm2.234-1.64c-.202.28-.392.585-.53.885-.14.305-.204.56-.204.755 0 .691.48 1.125 1 1.125.519 0 1-.434 1-1.125 0-.194-.065-.45-.205-.755a5.494 5.494 0 0 0-.53-.886 8.417 8.417 0 0 0-.265-.35 8.33 8.33 0 0 0-.266.35Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/bat0.svg b/hybrid-summer/.config/eww/images/svg/light/bat0.svg
new file mode 100644
index 000000000..9bcffe06d
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/bat0.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/bat1.svg b/hybrid-summer/.config/eww/images/svg/light/bat1.svg
new file mode 100644
index 000000000..c00e2b58d
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/bat1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6.003 8.999H7a1 1 0 0 1 .993.883L8 10v4a1 1 0 0 1-.883.993L7 14.999h-.997a1 1 0 0 1-.993-.884L5.003 14v-4a1 1 0 0 1 .883-.994L6.003 9H7h-.997Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/bat10.svg b/hybrid-summer/.config/eww/images/svg/light/bat10.svg
new file mode 100644
index 000000000..80d559853
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/bat10.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h10a1 1 0 0 1 .993.883L17 10v4a1 1 0 0 1-.883.993L16 15H6a1 1 0 0 1-.993-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h10H6Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/bat2.svg b/hybrid-summer/.config/eww/images/svg/light/bat2.svg
new file mode 100644
index 000000000..9a912d0bd
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/bat2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9.003 8 9a1 1 0 0 1 .993.883L9 10v4a1 1 0 0 1-.883.993L8 15l-2 .003a1 1 0 0 1-.993-.883L5 14.003v-4a1 1 0 0 1 .883-.993L6 9.003 8 9l-2 .003Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/bat3.svg b/hybrid-summer/.config/eww/images/svg/light/bat3.svg
new file mode 100644
index 000000000..edc5afece
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/bat3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6.017 9H9a1 1 0 0 1 .993.883L10 10v4a1 1 0 0 1-.883.993L9 15H6.017a1 1 0 0 1-.994-.883L5.017 14v-4a1 1 0 0 1 .883-.993L6.017 9H9 6.017Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/bat4.svg b/hybrid-summer/.config/eww/images/svg/light/bat4.svg
new file mode 100644
index 000000000..05b2c815b
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/bat4.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h4a1 1 0 0 1 .993.883L11 10v4a1 1 0 0 1-.883.993L10 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h4-4Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/bat5.svg b/hybrid-summer/.config/eww/images/svg/light/bat5.svg
new file mode 100644
index 000000000..287e71cb4
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/bat5.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h5a1 1 0 0 1 .993.883L12 10v4a1 1 0 0 1-.883.993L11 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h5-5Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/bat6.svg b/hybrid-summer/.config/eww/images/svg/light/bat6.svg
new file mode 100644
index 000000000..c6c2d92d2
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/bat6.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h6a1 1 0 0 1 .993.883L13 10v4a1 1 0 0 1-.883.993L12 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h6-6Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/bat7.svg b/hybrid-summer/.config/eww/images/svg/light/bat7.svg
new file mode 100644
index 000000000..c3dd369a6
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/bat7.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h7a1 1 0 0 1 .993.883L14 10v4a1 1 0 0 1-.883.993L13 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h7-7Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/bat8.svg b/hybrid-summer/.config/eww/images/svg/light/bat8.svg
new file mode 100644
index 000000000..b2f433242
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/bat8.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h8a1 1 0 0 1 .993.883L15 10v4a1 1 0 0 1-.883.993L14 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h8-8Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/bat9.svg b/hybrid-summer/.config/eww/images/svg/light/bat9.svg
new file mode 100644
index 000000000..7b3c8ec77
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/bat9.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h9a1 1 0 0 1 .993.883L16 10v4a1 1 0 0 1-.883.993L15 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h9-9Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/batcharge.svg b/hybrid-summer/.config/eww/images/svg/light/batcharge.svg
new file mode 100644
index 000000000..55be957f9
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/batcharge.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.75 6H17a3 3 0 0 1 2.995 2.824L20 9v1l1 .018a1 1 0 0 1 .993.879l.008.12v2a1 1 0 0 1-.866.992l-.134.009L20 14v1a3 3 0 0 1-2.824 2.995L17 18H7.998a.75.75 0 0 1-.102-1.493l.102-.007H17a1.5 1.5 0 0 0 1.493-1.355L18.5 15V9a1.5 1.5 0 0 0-1.355-1.493L17 7.5h-6.25a.75.75 0 0 1-.102-1.493L10.75 6H17h-6.25Zm-4.499 4.998v6.252a.75.75 0 0 1-1.492.102l-.007-.102v-6.252H3.75A1.75 1.75 0 0 1 2 9.249V6.75A.75.75 0 0 1 2.75 6h.751V4.75a.75.75 0 0 1 .648-.743L4.251 4a.75.75 0 0 1 .743.648l.007.102V6h.995V4.75a.75.75 0 0 1 .65-.743l.1-.007a.75.75 0 0 1 .744.648l.007.102L7.496 6h.758a.75.75 0 0 1 .75.75v2.499a1.75 1.75 0 0 1-1.75 1.75l-1.003-.001v6.252-6.252ZM7.504 7.5H3.5v1.749c0 .138.112.25.25.25h3.504a.25.25 0 0 0 .25-.25V7.5Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/beatmappacks.svg b/hybrid-summer/.config/eww/images/svg/light/beatmappacks.svg
new file mode 100644
index 000000000..a37a07de5
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/beatmappacks.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="#000000"/>
+<path d="M45.8333 49.0106C45.4883 49.0106 45.1433 48.9575 44.8248 48.8248L25.3715 40.863C24.3365 40.4384 23.673 39.3768 23.7261 38.2622C23.7792 37.121 24.5488 36.1656 25.6369 35.8471L53.6093 27.8853C54.1932 27.7261 54.7771 27.7526 55.3344 27.9915L74.7877 35.9533C75.8227 36.3779 76.4862 37.4395 76.4331 38.5541C76.38 39.6953 75.6104 40.6507 74.5223 40.9692L46.5764 48.931C46.3376 48.9841 46.0987 49.0106 45.8333 49.0106ZM34.5011 38.8461L46.0191 43.5435L65.6847 37.9437L54.1667 33.2463L34.5011 38.8461Z" fill="#000000"/>
+<path d="M45.8333 74.1698C45.4883 74.1698 45.1433 74.1168 44.8248 73.9841L25.3715 66.0223C24.3365 65.5977 23.673 64.5361 23.7261 63.4214C23.7792 62.2802 24.5488 61.3248 25.6369 61.0064L53.5828 53.0446C54.1667 52.8853 54.7505 52.9119 55.3079 53.1507L74.7612 61.1125C75.7962 61.5372 76.4597 62.5987 76.4066 63.7134C76.3535 64.8546 75.5839 65.81 74.4958 66.1284L46.5499 74.0902C46.3376 74.1433 46.0987 74.1698 45.8333 74.1698ZM34.5011 64.0053L46.0191 68.7028L65.6847 63.103L54.1667 58.4055L34.5011 64.0053Z" fill="#000000"/>
+<path d="M26.4597 66.1285C25 66.1285 23.8057 64.9342 23.8057 63.4745V38.3153C23.8057 36.8556 25 35.6614 26.4597 35.6614C27.9193 35.6614 29.1136 36.8556 29.1136 38.3153V63.4745C29.1136 64.9342 27.9193 66.1285 26.4597 66.1285Z" fill="#000000"/>
+<path d="M45.9395 74.1433C44.4799 74.1433 43.2856 72.949 43.2856 71.4894V46.3301C43.2856 44.8705 44.4799 43.6762 45.9395 43.6762C47.3992 43.6762 48.5934 44.8705 48.5934 46.3301V71.4894C48.5934 72.949 47.3992 74.1433 45.9395 74.1433Z" fill="#000000"/>
+<path d="M54.4055 57.7421C52.9459 57.7421 51.7516 56.5478 51.7516 55.0881V30.4862C51.7516 29.0265 52.9459 27.8323 54.4055 27.8323C55.8652 27.8323 57.0594 29.0265 57.0594 30.4862V55.0881C57.0594 56.5478 55.8652 57.7421 54.4055 57.7421Z" fill="#000000"/>
+<path d="M73.8854 66.1285C72.4257 66.1285 71.2314 64.9342 71.2314 63.4745V38.8726C71.2314 37.413 72.4257 36.2187 73.8854 36.2187C75.345 36.2187 76.5393 37.413 76.5393 38.8726V63.4745C76.5393 64.9342 75.345 66.1285 73.8854 66.1285Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/beatmaps.svg b/hybrid-summer/.config/eww/images/svg/light/beatmaps.svg
new file mode 100644
index 000000000..5c8bcedbd
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/beatmaps.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="#000000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7375 27.0672C49.7375 22.2087 55.5763 19.7364 59.0652 23.1177L64.1858 28.0804C65.5739 29.4257 65.6086 31.6415 64.2633 33.0296C62.9181 34.4176 60.7023 34.4523 59.3142 33.1071L56.7375 30.6098V54.0937C56.7375 56.0267 55.1705 57.5937 53.2375 57.5937C51.3045 57.5937 49.7375 56.0267 49.7375 54.0937V27.0672Z" fill="#000000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M47.9008 55.8953C48.8125 55.8953 49.5516 55.1562 49.5516 54.2445C49.5516 53.3328 48.8125 52.5938 47.9008 52.5938C46.9891 52.5938 46.25 53.3328 46.25 54.2445C46.25 55.1562 46.9891 55.8953 47.9008 55.8953ZM47.9008 62.8953C52.6785 62.8953 56.5516 59.0222 56.5516 54.2445C56.5516 49.4668 52.6785 45.5938 47.9008 45.5938C43.1231 45.5938 39.25 49.4668 39.25 54.2445C39.25 59.0222 43.1231 62.8953 47.9008 62.8953Z" fill="#000000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.3186 33.2126C47.6854 34.5795 47.6854 36.7955 46.3186 38.1624L31.9479 52.5331C31.3621 53.1189 31.3621 54.0686 31.9479 54.6544L48.9393 71.6458C49.5251 72.2316 50.4748 72.2316 51.0606 71.6458L68.0521 54.6544C68.6379 54.0686 68.6379 53.1189 68.0521 52.5331L59.8376 44.3186C58.4708 42.9518 58.4708 40.7357 59.8376 39.3689C61.2044 38.002 63.4205 38.002 64.7873 39.3689L73.0018 47.5833C76.3213 50.9028 76.3213 56.2847 73.0018 59.6042L56.0104 76.5956C52.6909 79.915 47.309 79.915 43.9896 76.5956L26.9981 59.6042C23.6787 56.2847 23.6787 50.9028 26.9981 47.5833L41.3689 33.2126C42.7357 31.8458 44.9518 31.8458 46.3186 33.2126Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/bluetooth.svg b/hybrid-summer/.config/eww/images/svg/light/bluetooth.svg
new file mode 100644
index 000000000..91a7988a8
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/bluetooth.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m11.698 12.974 2.682 2.237-2.876 3.117v-5.193l.194-.161Zm1.171-.976 3.077-2.564a.75.75 0 0 0 .071-1.085l-4.711-5.104a.75.75 0 0 0-1.302.508v5.855l-1.12-.934a.75.75 0 1 0-.96 1.152l2.08 1.735v.871l-2.08 1.734a.75.75 0 0 0 .96 1.152l1.12-.934v5.863a.75.75 0 0 0 1.302.508l4.711-5.106a.75.75 0 0 0-.07-1.085l-3.078-2.566Zm-1.17-.977-.195-.162V5.672l2.876 3.115-2.682 2.234Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/bluetoothfalse.svg b/hybrid-summer/.config/eww/images/svg/light/bluetoothfalse.svg
new file mode 100644
index 000000000..1e01de0af
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/bluetoothfalse.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.28 2.22a.75.75 0 1 0-1.06 1.06L10 11.06v.498l.004.003v.871l-2.08 1.734a.75.75 0 0 0 .96 1.152l1.12-.934v5.863a.75.75 0 0 0 1.302.508l4.025-4.363 5.388 5.389a.75.75 0 0 0 1.061-1.061L3.28 2.22Zm8.222 10.343 2.768 2.768-2.766 2.997v-5.193l-.002-.572ZM15.946 9.434l-1.816 1.514-1.066-1.065 1.316-1.096-2.876-3.115v2.65l-1.5-1.5V3.754a.75.75 0 0 1 1.302-.508l4.711 5.104a.75.75 0 0 1-.07 1.085Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/bluetoothtrue.svg b/hybrid-summer/.config/eww/images/svg/light/bluetoothtrue.svg
new file mode 100644
index 000000000..34f93fb9f
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/bluetoothtrue.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.004 9.608V3.753c0-.646.752-.974 1.225-.58l.076.072 4.712 5.104a.75.75 0 0 1 .005 1.012l-.076.073-3.077 2.564 3.077 2.566a.75.75 0 0 1 .137 1.002l-.066.083-4.711 5.106c-.44.476-1.214.207-1.295-.404l-.007-.104v-5.863l-1.12.934a.75.75 0 0 1-1.04-1.075l.08-.077 2.08-1.734v-.87l-2.08-1.736a.75.75 0 0 1 .87-1.217l.09.065 1.12.934V3.753v5.855Zm1.694 3.366-.194.16v5.194l2.876-3.117-2.682-2.237ZM17 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2ZM6 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm5.504-5.328v5.187l.194.162 2.682-2.234-2.876-3.115Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/brightness.svg b/hybrid-summer/.config/eww/images/svg/light/brightness.svg
new file mode 100644
index 000000000..3a3704d3c
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/brightness.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M11.996 19.01a.75.75 0 0 1 .743.649l.007.102v1.5a.75.75 0 0 1-1.493.101l-.007-.101v-1.5a.75.75 0 0 1 .75-.75Zm6.022-2.072 1.06 1.06a.75.75 0 1 1-1.06 1.061l-1.06-1.06a.75.75 0 0 1 1.06-1.061Zm-10.983 0a.75.75 0 0 1 0 1.06L5.974 19.06a.75.75 0 0 1-1.06-1.06l1.06-1.061a.75.75 0 0 1 1.06 0ZM12 6.475a5.525 5.525 0 1 1 0 11.05 5.525 5.525 0 0 1 0-11.05Zm0 1.5a4.025 4.025 0 1 0 0 8.05 4.025 4.025 0 0 0 0-8.05Zm9.25 3.293a.75.75 0 0 1 .102 1.493l-.102.007h-1.5a.75.75 0 0 1-.102-1.493l.102-.007h1.5Zm-17-.029a.75.75 0 0 1 .102 1.494l-.102.006h-1.5a.75.75 0 0 1-.102-1.493l.102-.007h1.5Zm1.64-6.37.084.072 1.06 1.06a.75.75 0 0 1-.976 1.134l-.084-.073-1.06-1.06a.75.75 0 0 1 .976-1.134Zm13.188.072a.75.75 0 0 1 .073.977l-.073.084-1.06 1.06a.75.75 0 0 1-1.133-.976l.072-.084 1.06-1.061a.75.75 0 0 1 1.061 0ZM12 1.99a.75.75 0 0 1 .743.648l.007.102v1.5a.75.75 0 0 1-1.493.101l-.007-.102v-1.5a.75.75 0 0 1 .75-.75Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/calculator.svg b/hybrid-summer/.config/eww/images/svg/light/calculator.svg
new file mode 100644
index 000000000..d1a6a8e2a
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/calculator.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7 7a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2V7Zm2-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-.5-.5H9Zm-.75 8a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm1.25 2.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm6.25-2.75a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM17 17.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm-5-2.75a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm1.25 2.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM7.25 2A3.25 3.25 0 0 0 4 5.25v13.5A3.25 3.25 0 0 0 7.25 22h9.5A3.25 3.25 0 0 0 20 18.75V5.25A3.25 3.25 0 0 0 16.75 2h-9.5ZM5.5 5.25c0-.966.784-1.75 1.75-1.75h9.5c.966 0 1.75.784 1.75 1.75v13.5a1.75 1.75 0 0 1-1.75 1.75h-9.5a1.75 1.75 0 0 1-1.75-1.75V5.25Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/caretdown.svg b/hybrid-summer/.config/eww/images/svg/light/caretdown.svg
new file mode 100644
index 000000000..d4a1baf5f
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/caretdown.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.102 8c-1.074 0-1.648 1.265-.94 2.073l5.521 6.31a1.75 1.75 0 0 0 2.634 0l5.522-6.31c.707-.808.133-2.073-.94-2.073H6.101Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/caretup.svg b/hybrid-summer/.config/eww/images/svg/light/caretup.svg
new file mode 100644
index 000000000..d316a3a52
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/caretup.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.102 16.981c-1.074 0-1.648-1.265-.94-2.073l5.521-6.31a1.75 1.75 0 0 1 2.634 0l5.522 6.31c.707.809.133 2.073-.94 2.073H6.101Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/changelog.svg b/hybrid-summer/.config/eww/images/svg/light/changelog.svg
new file mode 100644
index 000000000..bb55ed079
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/changelog.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0471 9.31178C70.2488 9.31178 75.0789 12.1005 77.6798 16.6155L92.7275 42.6963C95.3284 47.2113 95.3284 52.7887 92.7275 57.3037L77.6798 83.3845C75.0789 87.8995 70.2488 90.6882 65.0471 90.6882H34.9515C29.7498 90.6882 24.9197 87.8995 22.3188 83.3845L7.27104 57.3037C4.67019 52.7887 4.67019 47.2113 7.27104 42.6963L22.3188 16.6155C24.9197 12.1005 29.7498 9.31178 34.9515 9.31178H65.0471ZM65.0471 4H34.9515C27.839 4 21.2572 7.79792 17.701 13.9596L2.6532 40.0404C-0.903062 46.2021 -0.903062 53.7979 2.6532 59.9596L17.701 86.0404C21.2572 92.2021 27.839 96 34.9515 96H65.0471C72.1596 96 78.7413 92.2021 82.2976 86.0404L97.3454 59.9596C100.902 53.7979 100.902 46.2021 97.3454 40.0404L82.2711 13.9596C78.7413 7.79792 72.1596 4 65.0471 4Z" fill="#000000"/>
+<path d="M43.0733 72.0439C42.4098 72.0439 41.7198 71.8845 41.0828 71.5127L28.0786 63.9965C25.2389 62.3499 23.4607 59.2956 23.4607 56.0023V43.9977C23.4607 40.7044 25.2389 37.6501 28.0786 36.0035L41.0828 28.4873C42.9936 27.3984 45.4087 28.0358 46.5234 29.948C47.6115 31.8603 46.9745 34.2771 45.0637 35.3926L32.0595 42.9088C31.6614 43.1212 31.4225 43.5462 31.4225 43.9977V56.0023C31.4225 56.4538 31.6614 56.8788 32.0595 57.0912L45.0637 64.6074C46.9745 65.6963 47.6115 68.1397 46.5234 70.052C45.8068 71.3268 44.4533 72.0439 43.0733 72.0439Z" fill="#000000"/>
+<path d="M56.9002 72.0439C55.5202 72.0439 54.1932 71.3268 53.4501 70.052C52.362 68.1397 52.9989 65.7229 54.9098 64.6074L67.914 57.0912C68.3121 56.8788 68.5509 56.4538 68.5509 56.0023V43.9977C68.5509 43.5462 68.3121 43.1212 67.914 42.9088L54.9098 35.3926C52.9989 34.3037 52.362 31.8603 53.4501 29.948C54.5382 28.0358 56.9798 27.3984 58.8907 28.4873L71.8949 36.0035C74.7346 37.6501 76.5127 40.7044 76.5127 43.9977V56.0023C76.5127 59.2956 74.7346 62.3499 71.8949 63.9965L58.8907 71.5127C58.2803 71.8845 57.5902 72.0439 56.9002 72.0439Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/chat.svg b/hybrid-summer/.config/eww/images/svg/light/chat.svg
new file mode 100644
index 000000000..6f3a9e386
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/chat.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0482 9.31178C70.2499 9.31178 75.08 12.1005 77.6809 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6809 83.3845C75.08 87.8995 70.2499 90.6882 65.0482 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27215 57.3037C4.6713 52.7887 4.6713 47.2113 7.27215 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0482ZM65.0482 4H34.9526C27.8401 4 21.2584 7.79792 17.7021 13.9596L2.65432 40.0404C-0.901944 46.2021 -0.901944 53.7979 2.65432 59.9596L17.7021 86.0404C21.2584 92.2021 27.8401 96 34.9526 96H65.0482C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3465 59.9596C100.903 53.7979 100.903 46.2021 97.3465 40.0404L82.2722 13.9596C78.7424 7.79792 72.1607 4 65.0482 4Z" fill="#000000"/>
+<g clip-path="url(#clip1)">
+<path d="M46.9436 72C44.9758 72 43.3872 70.4427 43.3872 68.5136C43.3872 67.7233 43.6718 66.9331 44.1697 66.3288L51.0453 57.9614C53.108 55.428 56.2376 53.9637 59.5332 53.987H64.3224C65.176 53.987 65.8635 53.2897 65.8635 52.4529L65.8161 39.4836C65.8161 38.6468 65.1286 37.9728 64.275 37.9728H36.725C35.8714 37.9728 35.1839 38.6468 35.1602 39.4836L35.1128 52.4065C35.1128 52.8248 35.2787 53.1967 35.5632 53.4989C35.8714 53.7778 36.2508 53.9405 36.6776 53.9405L40.2576 53.894H40.3051C42.2729 53.894 43.8614 55.428 43.8851 57.3571C43.9089 59.2863 42.3203 60.8435 40.3525 60.8668L36.7724 60.89C31.9831 60.9597 28.0711 57.1944 28 52.4994C28 52.4529 28 52.4065 28 52.36L28.0474 39.4371C28.0711 34.7885 31.9594 31 36.725 31H64.2987C69.0643 31 72.9289 34.7885 72.9526 39.4603L73 52.4297C73.0237 57.1247 69.1591 60.9365 64.3699 60.9597H64.3462H59.5569C58.4189 60.9597 57.3282 61.4711 56.617 62.3543L49.7413 70.7216C49.0537 71.5351 48.0342 72.0232 46.9436 72Z" fill="#000000"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+<clipPath id="clip1">
+<rect width="45" height="41" fill="#000000" transform="translate(28 31)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/checkbox.svg b/hybrid-summer/.config/eww/images/svg/light/checkbox.svg
new file mode 100644
index 000000000..931aef1e9
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/checkbox.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.25 3A3.25 3.25 0 0 0 3 6.25v11.5A3.25 3.25 0 0 0 6.25 21h11.5A3.25 3.25 0 0 0 21 17.75V6.25A3.25 3.25 0 0 0 17.75 3H6.25Zm10.03 6.78-5 5a.75.75 0 0 1-1.06 0l-2.004-2.004a.75.75 0 1 1 1.06-1.06l1.474 1.473 4.47-4.47a.75.75 0 1 1 1.06 1.061Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/checkbox_no.svg b/hybrid-summer/.config/eww/images/svg/light/checkbox_no.svg
new file mode 100644
index 000000000..dee077c1a
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/checkbox_no.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6 3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3Zm0 2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H6Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/cog.svg b/hybrid-summer/.config/eww/images/svg/light/cog.svg
new file mode 100644
index 000000000..fe00d1b58
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/cog.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.012 2.25c.734.008 1.465.093 2.182.253a.75.75 0 0 1 .582.649l.17 1.527a1.384 1.384 0 0 0 1.927 1.116l1.401-.615a.75.75 0 0 1 .85.174 9.792 9.792 0 0 1 2.204 3.792.75.75 0 0 1-.271.825l-1.242.916a1.381 1.381 0 0 0 0 2.226l1.243.915a.75.75 0 0 1 .272.826 9.797 9.797 0 0 1-2.204 3.792.75.75 0 0 1-.848.175l-1.407-.617a1.38 1.38 0 0 0-1.926 1.114l-.169 1.526a.75.75 0 0 1-.572.647 9.518 9.518 0 0 1-4.406 0 .75.75 0 0 1-.572-.647l-.168-1.524a1.382 1.382 0 0 0-1.926-1.11l-1.406.616a.75.75 0 0 1-.849-.175 9.798 9.798 0 0 1-2.204-3.796.75.75 0 0 1 .272-.826l1.243-.916a1.38 1.38 0 0 0 0-2.226l-1.243-.914a.75.75 0 0 1-.271-.826 9.793 9.793 0 0 1 2.204-3.792.75.75 0 0 1 .85-.174l1.4.615a1.387 1.387 0 0 0 1.93-1.118l.17-1.526a.75.75 0 0 1 .583-.65c.717-.159 1.45-.243 2.201-.252Zm0 1.5a9.135 9.135 0 0 0-1.354.117l-.109.977A2.886 2.886 0 0 1 6.525 7.17l-.898-.394a8.293 8.293 0 0 0-1.348 2.317l.798.587a2.881 2.881 0 0 1 0 4.643l-.799.588c.32.842.776 1.626 1.348 2.322l.905-.397a2.882 2.882 0 0 1 4.017 2.318l.11.984c.889.15 1.798.15 2.687 0l.11-.984a2.881 2.881 0 0 1 4.018-2.322l.905.396a8.296 8.296 0 0 0 1.347-2.318l-.798-.588a2.881 2.881 0 0 1 0-4.643l.796-.587a8.293 8.293 0 0 0-1.348-2.317l-.896.393a2.884 2.884 0 0 1-4.023-2.324l-.11-.976a8.988 8.988 0 0 0-1.333-.117ZM12 8.25a3.75 3.75 0 1 1 0 7.5 3.75 3.75 0 0 1 0-7.5Zm0 1.5a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/color.scss b/hybrid-summer/.config/eww/images/svg/light/color.scss
new file mode 100644
index 000000000..dd580d4ee
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/color.scss
@@ -0,0 +1 @@
+$colorbar: #000000;
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/color.txt b/hybrid-summer/.config/eww/images/svg/light/color.txt
new file mode 100644
index 000000000..c0abf774f
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/color.txt
@@ -0,0 +1 @@
+#000000
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/contests.svg b/hybrid-summer/.config/eww/images/svg/light/contests.svg
new file mode 100644
index 000000000..efd5b94e7
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/contests.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0478 9.30786C70.2495 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.3291 47.1794 95.3291 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2495 90.6242 65.0478 90.6242H34.9522C29.7505 90.6242 24.9204 87.8376 22.3195 83.3259L7.27175 57.2643C4.67091 52.7527 4.67091 47.1794 7.27175 42.6677L22.3195 16.6062C24.9204 12.0945 29.7505 9.30786 34.9522 9.30786H65.0478ZM65.0478 4H34.9522C27.8397 4 21.258 7.79512 17.7017 13.9522L2.65392 40.0138C-0.902341 46.1709 -0.902341 53.7611 2.65392 59.9183L17.7017 85.9798C21.258 92.1369 27.8397 95.9321 34.9522 95.9321H65.0478C72.1603 95.9321 78.742 92.1369 82.2983 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1603 4 65.0478 4Z" fill="#000000"/>
+<path d="M50 76.7707C47.7972 76.7707 46.0191 74.9925 46.0191 72.7898V53.9469C46.0191 51.7441 47.7972 49.966 50 49.966C52.2028 49.966 53.9809 51.7441 53.9809 53.9469V72.7898C53.9809 74.9925 52.2028 76.7707 50 76.7707Z" fill="#000000"/>
+<path d="M36.7304 71.9936C34.5276 71.9936 32.7495 70.2155 32.7495 68.0127V61.1125C32.7495 58.9098 34.5276 57.1316 36.7304 57.1316C38.9331 57.1316 40.7113 58.9098 40.7113 61.1125V68.0127C40.7113 70.2155 38.9331 71.9936 36.7304 71.9936Z" fill="#000000"/>
+<path d="M36.7304 51.8238C36.5977 51.8238 36.465 51.8238 36.3323 51.7973C36.1996 51.7973 36.0669 51.7707 35.9342 51.7442C35.8015 51.7176 35.6688 51.6911 35.5626 51.638C35.4299 51.5849 35.3238 51.5584 35.1911 51.5053C35.0849 51.4522 34.9522 51.3992 34.8461 51.3461C34.7399 51.293 34.6072 51.2134 34.5011 51.1338C34.3949 51.0542 34.2887 50.9745 34.1826 50.8949C34.0764 50.8153 33.9703 50.7091 33.8906 50.6295C33.811 50.5234 33.7049 50.4438 33.6253 50.3376C33.5456 50.2314 33.466 50.1253 33.3864 50.0191C33.3068 49.913 33.2537 49.8068 33.1741 49.6741C33.121 49.568 33.0679 49.4353 33.0149 49.3291C32.9618 49.223 32.9087 49.0903 32.8822 48.9576C32.8556 48.8249 32.8025 48.6922 32.776 48.586C32.7495 48.4533 32.7229 48.3206 32.7229 48.2145C32.6964 48.0818 32.6964 47.9491 32.6964 47.8164C32.6964 47.6837 32.6964 47.551 32.7229 47.4183C32.7229 47.2856 32.7495 47.1529 32.776 47.0202C32.8025 46.8875 32.8291 46.7548 32.8822 46.6486C32.9087 46.5159 32.9618 46.4098 33.0149 46.2771C33.0679 46.1709 33.121 46.0382 33.1741 45.9321C33.2272 45.8259 33.3068 45.6932 33.3864 45.5871C33.466 45.4809 33.5456 45.3748 33.6253 45.2686C33.7049 45.1624 33.7845 45.0563 33.8906 44.9767C33.9968 44.897 34.0764 44.7909 34.1826 44.7113C34.2887 44.6317 34.3949 44.552 34.5011 44.4724C34.6072 44.3928 34.7134 44.3397 34.8461 44.2601C34.9522 44.207 35.0849 44.1539 35.1911 44.1009C35.3238 44.0478 35.4299 43.9947 35.5626 43.9682C35.6953 43.9416 35.828 43.8886 35.9342 43.862C36.0669 43.8355 36.1996 43.8089 36.3323 43.8089C36.5977 43.7824 36.8631 43.7824 37.1019 43.8089C37.2346 43.8089 37.3673 43.8355 37.5 43.862C37.6327 43.8886 37.7654 43.9151 37.8715 43.9682C38.0042 43.9947 38.1104 44.0478 38.2431 44.1009C38.3758 44.1539 38.4819 44.207 38.5881 44.2601C38.6943 44.3132 38.827 44.3928 38.9331 44.4724C39.0393 44.552 39.1454 44.6317 39.2516 44.7113C39.3577 44.7909 39.4639 44.8705 39.5435 44.9767C39.6231 45.0828 39.7293 45.1624 39.8089 45.2686C39.8885 45.3748 39.9681 45.4809 40.0478 45.5871C40.1274 45.6932 40.1805 45.7994 40.2601 45.9321C40.3132 46.0382 40.3662 46.1709 40.4193 46.2771C40.4724 46.4098 40.4989 46.5159 40.552 46.6486C40.5786 46.7813 40.6316 46.914 40.6582 47.0202C40.6847 47.1529 40.7112 47.2856 40.7112 47.4183C40.7378 47.551 40.7378 47.6837 40.7378 47.8164C40.7378 47.9491 40.7378 48.0818 40.7112 48.2145C40.7112 48.3472 40.6847 48.4799 40.6582 48.586C40.6316 48.7187 40.6051 48.8514 40.552 48.9576C40.4989 49.0903 40.4724 49.1964 40.4193 49.3291C40.3662 49.4618 40.3132 49.568 40.2601 49.6741C40.207 49.7803 40.1274 49.913 40.0478 50.0191C39.9681 50.1253 39.8885 50.2314 39.8089 50.3376C39.7293 50.4438 39.6231 50.5499 39.5435 50.6295C39.4374 50.7091 39.3577 50.8153 39.2516 50.8949C39.1454 50.9745 39.0393 51.0542 38.9331 51.1338C38.827 51.2134 38.7208 51.2665 38.5881 51.3461C38.4819 51.3992 38.3493 51.4522 38.2431 51.5053C38.1369 51.5584 38.0042 51.5849 37.8715 51.638C37.7388 51.6646 37.6327 51.7176 37.5 51.7442C37.3673 51.7707 37.2346 51.7973 37.1019 51.7973C36.9957 51.8238 36.863 51.8238 36.7304 51.8238Z" fill="#000000"/>
+<path d="M63.2696 71.9936C61.0669 71.9936 59.2887 70.2155 59.2887 68.0127V61.1125C59.2887 58.9098 61.0669 57.1316 63.2696 57.1316C65.4724 57.1316 67.2505 58.9098 67.2505 61.1125V68.0127C67.2505 70.2155 65.4724 71.9936 63.2696 71.9936Z" fill="#000000"/>
+<path d="M63.2696 51.8238C63.1369 51.8238 63.0043 51.8238 62.8716 51.7973C62.7389 51.7973 62.6062 51.7707 62.4735 51.7442C62.3408 51.7176 62.2081 51.6911 62.1019 51.638C61.9692 51.5849 61.8631 51.5584 61.7304 51.5053C61.6242 51.4522 61.4915 51.3992 61.3854 51.3461C61.2792 51.293 61.1465 51.2134 61.0403 51.1338C60.9342 51.0542 60.828 50.9745 60.7219 50.8949C60.6157 50.8153 60.5096 50.7091 60.4299 50.6295C60.3503 50.5234 60.2442 50.4438 60.1645 50.3376C60.0849 50.2314 60.0053 50.1253 59.9257 50.0191C59.8461 49.913 59.793 49.8068 59.7134 49.6741C59.6603 49.568 59.6072 49.4353 59.5541 49.3291C59.5011 49.223 59.448 49.0903 59.4214 48.9576C59.3949 48.8249 59.3418 48.6922 59.3153 48.586C59.2888 48.4533 59.2622 48.3206 59.2622 48.2145C59.2622 48.0818 59.2357 47.9491 59.2357 47.8164C59.2357 47.6837 59.2357 47.551 59.2622 47.4183C59.2622 47.2856 59.2888 47.1529 59.3153 47.0202C59.3418 46.8875 59.3684 46.7548 59.4214 46.6486C59.448 46.5159 59.5011 46.4098 59.5541 46.2771C59.6072 46.1709 59.6603 46.0382 59.7134 45.9321C59.7665 45.8259 59.8461 45.6932 59.9257 45.5871C60.0053 45.4809 60.0849 45.3748 60.1645 45.2686C60.2442 45.1624 60.3238 45.0563 60.4299 44.9767C60.5361 44.897 60.6157 44.7909 60.7219 44.7113C60.828 44.6317 60.9342 44.552 61.0403 44.4724C61.1465 44.3928 61.2527 44.3397 61.3854 44.2601C61.4915 44.207 61.6242 44.1539 61.7304 44.1009C61.8631 44.0478 61.9692 43.9947 62.1019 43.9682C62.2346 43.9416 62.3673 43.8886 62.4735 43.862C62.6062 43.8355 62.7389 43.8089 62.8716 43.8089C63.1369 43.7824 63.4023 43.7824 63.6677 43.8089C63.8004 43.8089 63.9331 43.8355 64.0393 43.862C64.172 43.8886 64.3047 43.9151 64.4108 43.9682C64.5435 43.9947 64.6497 44.0478 64.7824 44.1009C64.9151 44.1539 65.0212 44.207 65.1274 44.2601C65.2336 44.3132 65.3663 44.3928 65.4724 44.4724C65.5786 44.552 65.6847 44.6317 65.7909 44.7113C65.897 44.7909 66.0032 44.8705 66.0828 44.9767C66.1624 45.0828 66.2686 45.1624 66.3482 45.2686C66.4278 45.3748 66.5074 45.4809 66.5871 45.5871C66.6667 45.6932 66.7198 45.7994 66.7994 45.9321C66.8525 46.0382 66.9055 46.1709 66.9586 46.2771C67.0117 46.4098 67.0382 46.5159 67.0913 46.6486C67.1178 46.7813 67.1709 46.914 67.1975 47.0202C67.224 47.1529 67.2505 47.2856 67.2505 47.4183C67.2771 47.551 67.2771 47.6837 67.2771 47.8164C67.2771 47.9491 67.2771 48.0818 67.2505 48.2145C67.2505 48.3472 67.224 48.4799 67.1975 48.586C67.1709 48.7187 67.1444 48.8514 67.0913 48.9576C67.0382 49.0903 67.0117 49.1964 66.9586 49.3291C66.9055 49.4618 66.8525 49.568 66.7994 49.6741C66.7463 49.7803 66.6667 49.913 66.5871 50.0191C66.5074 50.1253 66.4278 50.2314 66.3482 50.3376C66.2686 50.4438 66.1624 50.5499 66.0828 50.6295C65.9767 50.7091 65.897 50.8153 65.7909 50.8949C65.6847 50.9745 65.5786 51.0542 65.4724 51.1338C65.3663 51.2134 65.2601 51.2665 65.1274 51.3461C65.0212 51.3992 64.8885 51.4522 64.7824 51.5053C64.6762 51.5584 64.5435 51.5849 64.4108 51.638C64.2781 51.6646 64.172 51.7176 64.0393 51.7442C63.9066 51.7707 63.7739 51.7973 63.6677 51.7973C63.535 51.8238 63.4023 51.8238 63.2696 51.8238Z" fill="#000000"/>
+<path d="M50 44.7909C44.1348 44.7909 39.3843 40.0403 39.3843 34.1752C39.3843 28.31 44.1348 23.5594 50 23.5594C55.8652 23.5594 60.6157 28.31 60.6157 34.1752C60.6157 40.0403 55.8652 44.7909 50 44.7909ZM50 31.5212C48.5403 31.5212 47.3461 32.7155 47.3461 34.1752C47.3461 35.6348 48.5403 36.8291 50 36.8291C51.4597 36.8291 52.6539 35.6348 52.6539 34.1752C52.6539 32.7155 51.4597 31.5212 50 31.5212Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/copy.svg b/hybrid-summer/.config/eww/images/svg/light/copy.svg
new file mode 100644
index 000000000..646e5c69c
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/copy.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5.503 4.627 5.5 6.75v10.504a3.25 3.25 0 0 0 3.25 3.25h8.616a2.251 2.251 0 0 1-2.122 1.5H8.75A4.75 4.75 0 0 1 4 17.254V6.75c0-.98.627-1.815 1.503-2.123ZM17.75 2A2.25 2.25 0 0 1 20 4.25v13a2.25 2.25 0 0 1-2.25 2.25h-9a2.25 2.25 0 0 1-2.25-2.25v-13A2.25 2.25 0 0 1 8.75 2h9Zm0 1.5h-9a.75.75 0 0 0-.75.75v13c0 .414.336.75.75.75h9a.75.75 0 0 0 .75-.75v-13a.75.75 0 0 0-.75-.75Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/downarrow.svg b/hybrid-summer/.config/eww/images/svg/light/downarrow.svg
new file mode 100644
index 000000000..9a444f159
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/downarrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.293 8.293a1 1 0 0 1 1.414 0L12 14.586l6.293-6.293a1 1 0 1 1 1.414 1.414l-7 7a1 1 0 0 1-1.414 0l-7-7a1 1 0 0 1 0-1.414Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/folderopen.svg b/hybrid-summer/.config/eww/images/svg/light/folderopen.svg
new file mode 100644
index 000000000..b7516348d
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/folderopen.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 9.502V8.75a2.25 2.25 0 0 0-2.25-2.25h-5.725l-2.38-1.98A2.25 2.25 0 0 0 8.204 4H4.25A2.25 2.25 0 0 0 2 6.25l-.004 11.5A2.25 2.25 0 0 0 4.246 20H18.47a1.75 1.75 0 0 0 1.698-1.325l1.75-6.998a1.75 1.75 0 0 0-1.698-2.175H20ZM4.25 5.5h3.956a.75.75 0 0 1 .48.173l2.588 2.154a.75.75 0 0 0 .48.173h5.996a.75.75 0 0 1 .75.75v.752H6.424a2.25 2.25 0 0 0-2.183 1.704l-.744 2.978L3.5 6.25a.75.75 0 0 1 .75-.75Zm1.447 6.07a.75.75 0 0 1 .727-.568H20.22a.25.25 0 0 1 .242.31l-1.75 6.999a.25.25 0 0 1-.242.189H4.285a.25.25 0 0 1-.243-.31l1.655-6.62Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/forum.svg b/hybrid-summer/.config/eww/images/svg/light/forum.svg
new file mode 100644
index 000000000..f743df8e9
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/forum.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.28849C70.2493 9.28849 75.0795 12.0649 77.6803 16.5602L92.7281 42.5266C95.3289 47.0219 95.3289 52.5748 92.7281 57.07L77.6803 83.0365C75.0795 87.5317 70.2493 90.3082 65.0476 90.3082H34.9521C29.7504 90.3082 24.9203 87.5317 22.3194 83.0365L7.27165 57.07C4.6708 52.5748 4.6708 47.0219 7.27165 42.5266L22.3194 16.5602C24.9203 12.0649 29.7504 9.28849 34.9521 9.28849H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.78127 17.7016 13.9159L2.65381 39.8824C-0.902448 46.0171 -0.902448 53.5796 2.65381 59.7142L17.7016 85.6807C21.2578 91.8154 27.8396 95.5966 34.9521 95.5966H65.0476C72.1602 95.5966 78.7419 91.8154 82.2982 85.6807L97.3459 59.7142C100.902 53.5796 100.902 46.0171 97.3459 39.8824L82.2716 13.9159C78.7419 7.78127 72.1602 4 65.0476 4Z" fill="#000000"/>
+<path d="M66.9851 40.8079C69.1837 40.8079 70.966 39.0321 70.966 36.8415C70.966 34.651 69.1837 32.8752 66.9851 32.8752C64.7865 32.8752 63.0042 34.651 63.0042 36.8415C63.0042 39.0321 64.7865 40.8079 66.9851 40.8079Z" fill="#000000"/>
+<path d="M51.327 40.8079H34.6072C32.4045 40.8079 30.6263 39.0362 30.6263 36.8415C30.6263 34.6468 32.4045 32.8752 34.6072 32.8752H51.327C53.5297 32.8752 55.3079 34.6468 55.3079 36.8415C55.3079 39.0362 53.5297 40.8079 51.327 40.8079Z" fill="#000000"/>
+<path d="M66.9851 67.2503C69.1837 67.2503 70.966 65.4745 70.966 63.284C70.966 61.0934 69.1837 59.3176 66.9851 59.3176C64.7865 59.3176 63.0042 61.0934 63.0042 63.284C63.0042 65.4745 64.7865 67.2503 66.9851 67.2503Z" fill="#000000"/>
+<path d="M51.327 67.2503H34.6072C32.4045 67.2503 30.6263 65.4787 30.6263 63.284C30.6263 61.0892 32.4045 59.3176 34.6072 59.3176H51.327C53.5297 59.3176 55.3079 61.0892 55.3079 63.284C55.3079 65.4787 53.5297 67.2503 51.327 67.2503Z" fill="#000000"/>
+<path d="M34.8726 54.0291C37.0712 54.0291 38.8535 52.2533 38.8535 50.0627C38.8535 47.8722 37.0712 46.0964 34.8726 46.0964C32.674 46.0964 30.8917 47.8722 30.8917 50.0627C30.8917 52.2533 32.674 54.0291 34.8726 54.0291Z" fill="#000000"/>
+<path d="M67.2505 54.0291H50.5308C48.328 54.0291 46.5499 52.2575 46.5499 50.0627C46.5499 47.868 48.328 46.0964 50.5308 46.0964H67.2505C69.4533 46.0964 71.2314 47.868 71.2314 50.0627C71.2314 52.2575 69.4533 54.0291 67.2505 54.0291Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.5966" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/graph.svg b/hybrid-summer/.config/eww/images/svg/light/graph.svg
new file mode 100644
index 000000000..68c74ee66
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/graph.svg
@@ -0,0 +1,16 @@
+<svg width="1920" height="1080">
+  <circle cx="225" cy="350" r="40" stroke="#000000" stroke-width="3" fill="none" />
+  <circle cx="525" cy="250" r="40" stroke="#000000" stroke-width="3" fill="none" />
+  <circle cx="825" cy="350" r="40" stroke="#000000" stroke-width="3" fill="none" />
+  <circle cx="1125" cy="250" r="40" stroke="#000000" stroke-width="3" fill="none" />
+  <line x1="225" y1="350" x2="525" y2="250" stroke="#000000" stroke-width="3" 
+    stroke-linecap="round"/>
+  <line x1="525" y1="250" x2="825" y2="350" stroke="#000000" stroke-width="3" 
+    stroke-linecap="round"/>
+  <line x1="825" y1="350" x2="1125" y2="250" stroke="#000000" stroke-width="3" 
+    stroke-linecap="round"/>
+  <circle cx="225" cy="350" r="20" stroke="#000000" stroke-width="3" fill="#000000" />
+  <circle cx="525" cy="250" r="20" stroke="#000000" stroke-width="3" fill="#000000" />
+  <circle cx="825" cy="350" r="20" stroke="#000000" stroke-width="3" fill="#000000" />
+  <circle cx="1125" cy="250" r="20" stroke="#000000" stroke-width="3" fill="#000000" />
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/home.svg b/hybrid-summer/.config/eww/images/svg/light/home.svg
new file mode 100644
index 000000000..50eb4a235
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/home.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0478 9.30786C70.2495 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.3291 47.1794 95.3291 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2495 90.6242 65.0478 90.6242H34.9522C29.7505 90.6242 24.9204 87.8376 22.3195 83.3259L7.27175 57.2643C4.67091 52.7527 4.67091 47.1794 7.27175 42.6677L22.3195 16.6062C24.9204 12.0945 29.7505 9.30786 34.9522 9.30786H65.0478ZM65.0478 4H34.9522C27.8397 4 21.258 7.79512 17.7017 13.9522L2.65392 40.0138C-0.902341 46.1709 -0.902341 53.7611 2.65392 59.9183L17.7017 85.9798C21.258 92.1369 27.8397 95.9321 34.9522 95.9321H65.0478C72.1603 95.9321 78.742 92.1369 82.2983 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1603 4 65.0478 4Z" fill="#000000"/>
+<path d="M68.5775 43.2781C68.0998 43.2781 67.5956 43.1985 67.1178 42.9862L50 36.2187L32.8822 42.9862C30.8386 43.7824 28.5297 42.8004 27.707 40.7569C26.9108 38.7134 27.8928 36.4045 29.9363 35.5817L48.5138 28.2304C49.4427 27.8588 50.5043 27.8588 51.4331 28.2304L70.0106 35.5817C72.0541 36.3779 73.0626 38.7134 72.2399 40.7569C71.6561 42.3227 70.1699 43.2781 68.5775 43.2781Z" fill="#000000"/>
+<path d="M57.3248 71.9671H42.7017C39.4108 71.9671 36.7569 69.2866 36.7569 66.0223V51.3991C36.7569 48.1083 39.4374 45.4543 42.7017 45.4543H57.3248C60.6157 45.4543 63.2696 48.1348 63.2696 51.3991V66.0223C63.2696 69.3132 60.5892 71.9671 57.3248 71.9671ZM44.6921 64.0053H55.3078V53.3896H44.6921V64.0053Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/icosahedron.svg b/hybrid-summer/.config/eww/images/svg/light/icosahedron.svg
new file mode 100644
index 000000000..c443f2a56
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/icosahedron.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Created Sat Nov  1 22:06:13 2008 by ./xy2svg -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-1.862747 -1.862747 3.957948 3.957948"> 
+<g style="stroke:#000000" stroke-width=".015">
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="0.039227" y2="-0.287147"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.296790" y1="-1.531823" x2="1.278419" y2="-0.824517"/>
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="0.340080" y2="-1.463535"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="1.466545" y1="0.232765" x2="1.278419" y2="-0.824517"/>
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="1.278419" y1="0.586062" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="1.466545" y1="0.232765" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="0.340080" y1="1.755256" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="1.278419" y1="0.586062" x2="-0.296790" y2="1.277236"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="0.039227" y2="-0.287147"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="-1.189639" y2="-0.188816"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.296790" y1="-1.531823" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="-1.451475" y1="-0.665396" x2="-1.189639" y2="-0.188816"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-0.296790" y2="1.277236"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="-1.451475" y2="0.936129"/>
+<line stroke-linecap="round" x1="-1.451475" y1="0.936129" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="0.340080" y1="1.755256" x2="-0.055029" y2="0.402814"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="-1.451475" y2="0.936129"/>
+<line stroke-linecap="round" x1="-1.451475" y1="0.936129" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="-1.451475" y1="-0.665396" x2="-0.055029" y2="0.402814"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="0.340080" y2="-1.463535"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-1.451475" y2="0.936129"/>
+<!-- <line x1="5.340754" y1="-0.810999" x2="4.164357" y2="-0.285624"/>
+<line x1="4.164357" y1="-0.285624" x2="3.760373" y2="-1.532918"/>
+<line x1="3.760373" y1="-1.532918" x2="5.340754" y2="-0.810999"/>
+<line x1="5.340754" y1="-0.810999" x2="4.275964" y2="-1.462090"/>
+<line x1="4.275964" y1="-1.462090" x2="5.376515" y2="0.260659"/>
+<line x1="5.376515" y1="0.260659" x2="5.340754" y2="-0.810999"/>
+<line x1="5.340754" y1="-0.810999" x2="5.340754" y2="0.615801"/>
+<line x1="5.340754" y1="0.615801" x2="5.376515" y2="0.260659"/>
+<line x1="5.376515" y1="0.260659" x2="4.275964" y2="1.765372"/>
+<line x1="4.275964" y1="1.765372" x2="5.340754" y2="0.615801"/>
+<line x1="5.340754" y1="0.615801" x2="3.760373" y2="1.269571"/>
+<line x1="3.760373" y1="1.269571" x2="4.275964" y2="1.765372"/>
+<line x1="3.760373" y1="1.269571" x2="4.164357" y2="-0.285624"/>
+<line x1="4.164357" y1="-0.285624" x2="5.340754" y2="0.615801"/>
+<line x1="4.164357" y1="-0.285624" x2="2.908099" y2="-0.206764"/>
+<line x1="2.908099" y1="-0.206764" x2="3.760373" y2="-1.532918"/>
+<line x1="3.760373" y1="-1.532918" x2="2.514237" y2="-0.682403"/>
+<line x1="2.514237" y1="-0.682403" x2="2.908099" y2="-0.206764"/>
+<line x1="2.908099" y1="-0.206764" x2="3.760373" y2="1.269571"/>
+<line x1="3.760373" y1="1.269571" x2="2.514237" y2="0.898713"/>
+<line x1="2.514237" y1="0.898713" x2="4.275964" y2="1.765372"/>
+<line x1="4.275964" y1="1.765372" x2="3.769930" y2="0.399824"/>
+<line x1="3.769930" y1="0.399824" x2="2.514237" y2="0.898713"/>
+<line x1="2.514237" y1="0.898713" x2="2.514237" y2="-0.682403"/>
+<line x1="2.514237" y1="-0.682403" x2="3.769930" y2="0.399824"/>
+<line x1="3.769930" y1="0.399824" x2="4.275964" y2="-1.462090"/>
+<line x1="4.275964" y1="-1.462090" x2="2.514237" y2="-0.682403"/>
+<line x1="4.275964" y1="-1.462090" x2="3.760373" y2="-1.532918"/>
+<line x1="3.769930" y1="0.399824" x2="5.376515" y2="0.260659"/>
+<line x1="2.908099" y1="-0.206764" x2="2.514237" y2="0.898713"/> -->
+</g>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/linehorizontal.svg b/hybrid-summer/.config/eww/images/svg/light/linehorizontal.svg
new file mode 100644
index 000000000..81ead10da
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/linehorizontal.svg
@@ -0,0 +1,3 @@
+<svg height="3" width="75">
+  <line x1="1.5" y1="1.5" x2="73.5" y2="1.5" stroke="#000000" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/linetransparent.svg b/hybrid-summer/.config/eww/images/svg/light/linetransparent.svg
new file mode 100644
index 000000000..9be840a61
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/linetransparent.svg
@@ -0,0 +1,3 @@
+<svg height="26.5" width="3">
+  <line x1="1.5" y1="1.5" x2="1.5" y2="25" stroke="transparent" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/linevertical.svg b/hybrid-summer/.config/eww/images/svg/light/linevertical.svg
new file mode 100644
index 000000000..ff695f8c9
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/linevertical.svg
@@ -0,0 +1,3 @@
+<svg height="26.5" width="3">
+  <line x1="1.5" y1="1.5" x2="1.5" y2="25" stroke="#000000" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/moon.svg b/hybrid-summer/.config/eww/images/svg/light/moon.svg
new file mode 100644
index 000000000..76b35d988
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/moon.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.026 17.001c-2.762 4.784-8.879 6.423-13.663 3.661a9.964 9.964 0 0 1-3.234-2.983.75.75 0 0 1 .365-1.131c3.767-1.348 5.785-2.911 6.956-5.146 1.232-2.353 1.551-4.93.689-8.464a.75.75 0 0 1 .769-.926 9.961 9.961 0 0 1 4.457 1.327C21.149 6.1 22.788 12.217 20.025 17Zm-8.248-4.903c-1.25 2.388-3.31 4.099-6.817 5.499a8.492 8.492 0 0 0 2.152 1.766 8.501 8.501 0 1 0 8.502-14.725 8.485 8.485 0 0 0-2.792-1.016c.647 3.384.23 6.044-1.045 8.476Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/news.svg b/hybrid-summer/.config/eww/images/svg/light/news.svg
new file mode 100644
index 000000000..057a49a14
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/news.svg
@@ -0,0 +1,18 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0468 9.31178C70.2485 9.31178 75.0786 12.1005 77.6795 16.6155L92.7272 42.6963C95.3281 47.2113 95.3281 52.7887 92.7272 57.3037L77.6795 83.3845C75.0786 87.8995 70.2485 90.6882 65.0468 90.6882H34.9512C29.7495 90.6882 24.9194 87.8995 22.3185 83.3845L7.27075 57.3037C4.6699 52.7887 4.6699 47.2113 7.27075 42.6963L22.3185 16.6155C24.9194 12.1005 29.7495 9.31178 34.9512 9.31178H65.0468ZM65.0468 4H34.9512C27.8387 4 21.2569 7.79792 17.7007 13.9596L2.65292 40.0404C-0.903348 46.2021 -0.903348 53.7979 2.65292 59.9596L17.7007 86.0404C21.2569 92.2021 27.8387 96 34.9512 96H65.0468C72.1593 96 78.741 92.2021 82.2973 86.0404L97.3451 59.9596C100.901 53.7979 100.901 46.2021 97.3451 40.0404L82.2707 13.9596C78.741 7.79792 72.1593 4 65.0468 4Z" fill="#000000"/>
+<path d="M73.8854 53.9838H66.9851C64.7824 53.9838 63.0042 52.2044 63.0042 50C63.0042 47.7956 64.7824 46.0162 66.9851 46.0162H73.8854C76.0881 46.0162 77.8663 47.7956 77.8663 50C77.8663 52.2044 76.0881 53.9838 73.8854 53.9838Z" fill="#000000"/>
+<path d="M50 77.8868C47.7972 77.8868 46.0191 76.1074 46.0191 73.903V66.9977C46.0191 64.7933 47.7972 63.0139 50 63.0139C52.2028 63.0139 53.9809 64.7933 53.9809 66.9977V73.903C53.9809 76.1074 52.2028 77.8868 50 77.8868Z" fill="#000000"/>
+<path d="M66.879 70.8753C65.8705 70.8753 64.8355 70.4769 64.0658 69.7067L59.1295 64.7667C57.5637 63.1998 57.5637 60.6767 59.1295 59.1363C60.6953 57.5693 63.2166 57.5693 64.7558 59.1363L69.6922 64.0762C71.258 65.6432 71.258 68.1663 69.6922 69.7067C68.9225 70.5035 67.914 70.8753 66.879 70.8753Z" fill="#000000"/>
+<path d="M33.121 70.8753C32.1125 70.8753 31.0775 70.4769 30.3078 69.7067C28.742 68.1397 28.742 65.6166 30.3078 64.0762L35.2442 59.1363C36.81 57.5693 39.3312 57.5693 40.8705 59.1363C42.4363 60.7032 42.4363 63.2263 40.8705 64.7667L35.9342 69.7067C35.138 70.5035 34.1295 70.8753 33.121 70.8753Z" fill="#000000"/>
+<path d="M61.9427 42.0323C60.9342 42.0323 59.8992 41.634 59.1295 40.8637C57.5637 39.2968 57.5637 36.7737 59.1295 35.2333L64.0658 30.2933C65.6316 28.7263 68.1529 28.7263 69.6922 30.2933C71.258 31.8603 71.258 34.3834 69.6922 35.9238L64.7558 40.8637C63.9862 41.634 62.9512 42.0323 61.9427 42.0323Z" fill="#000000"/>
+<path d="M50 36.9861C47.7972 36.9861 46.0191 35.2067 46.0191 33.0023V26.097C46.0191 23.8926 47.7972 22.1132 50 22.1132C52.2028 22.1132 53.9809 23.8926 53.9809 26.097V33.0023C53.9809 35.2067 52.2028 36.9861 50 36.9861Z" fill="#000000"/>
+<path d="M33.0149 53.9838H26.1147C23.9119 53.9838 22.1338 52.2044 22.1338 50C22.1338 47.7956 23.9119 46.0162 26.1147 46.0162H33.0149C35.2176 46.0162 36.9958 47.7956 36.9958 50C36.9958 52.2044 35.2176 53.9838 33.0149 53.9838Z" fill="#000000"/>
+<path d="M38.0573 42.0323C37.0488 42.0323 36.0138 41.634 35.2442 40.8637L30.3078 35.9238C28.742 34.3568 28.742 31.8337 30.3078 30.2933C31.8737 28.7263 34.3949 28.7263 35.9342 30.2933L40.8705 35.2333C42.4363 36.8002 42.4363 39.3233 40.8705 40.8637C40.1008 41.634 39.0658 42.0323 38.0573 42.0323Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/night.svg b/hybrid-summer/.config/eww/images/svg/light/night.svg
new file mode 100644
index 000000000..053a6c46e
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/night.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.026 17.001c-2.762 4.784-8.879 6.423-13.663 3.661A9.965 9.965 0 0 1 3.13 17.68a.75.75 0 0 1 .365-1.132c3.767-1.348 5.785-2.91 6.956-5.146 1.232-2.353 1.551-4.93.689-8.463a.75.75 0 0 1 .769-.927 9.961 9.961 0 0 1 4.457 1.327c4.784 2.762 6.423 8.879 3.66 13.662Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/notif.svg b/hybrid-summer/.config/eww/images/svg/light/notif.svg
new file mode 100644
index 000000000..0903c73a0
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/notif.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1.996a7.49 7.49 0 0 1 7.496 7.25l.004.25v4.097l1.38 3.156a1.25 1.25 0 0 1-1.145 1.75L15 18.502a3 3 0 0 1-5.995.177L9 18.499H4.275a1.251 1.251 0 0 1-1.147-1.747L4.5 13.594V9.496c0-4.155 3.352-7.5 7.5-7.5ZM13.5 18.5l-3 .002a1.5 1.5 0 0 0 2.993.145l.006-.147ZM12 3.496c-3.32 0-6 2.674-6 6v4.41L4.656 17h14.697L18 13.907V9.509l-.004-.225A5.988 5.988 0 0 0 12 3.496Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/notifsnooze.svg b/hybrid-summer/.config/eww/images/svg/light/notifsnooze.svg
new file mode 100644
index 000000000..e6b23f29f
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/notifsnooze.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 3.5c-3.104 0-6 2.432-6 6.25v4.153L4.682 17h14.67l-1.354-3.093V11.75a.75.75 0 0 1 1.5 0v1.843l1.381 3.156a1.25 1.25 0 0 1-1.145 1.751H15a3.002 3.002 0 0 1-6.003 0H4.305a1.25 1.25 0 0 1-1.15-1.739l1.344-3.164V9.75C4.5 5.068 8.103 2 12 2c.86 0 1.705.15 2.5.432a.75.75 0 0 1-.502 1.413A5.964 5.964 0 0 0 12 3.5ZM12 20c.828 0 1.5-.671 1.501-1.5h-3.003c0 .829.673 1.5 1.502 1.5Z" fill="#000000"/><path d="M15.25 7h-2.5l-.101.007A.75.75 0 0 0 12.75 8.5h1.043l-1.653 2.314-.055.09A.75.75 0 0 0 12.75 12h2.5l.102-.007a.75.75 0 0 0-.102-1.493h-1.042l1.653-2.314.055-.09A.75.75 0 0 0 15.25 7ZM21.25 2h-3.5l-.101.007A.75.75 0 0 0 17.75 3.5h2.134l-2.766 4.347-.05.09A.75.75 0 0 0 17.75 9h3.5l.102-.007A.75.75 0 0 0 21.25 7.5h-2.133l2.766-4.347.05-.09A.75.75 0 0 0 21.25 2Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/open.svg b/hybrid-summer/.config/eww/images/svg/light/open.svg
new file mode 100644
index 000000000..5b1267935
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/open.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.25 4.5A1.75 1.75 0 0 0 4.5 6.25v11.5c0 .966.783 1.75 1.75 1.75h11.5a1.75 1.75 0 0 0 1.75-1.75v-4a.75.75 0 0 1 1.5 0v4A3.25 3.25 0 0 1 17.75 21H6.25A3.25 3.25 0 0 1 3 17.75V6.25A3.25 3.25 0 0 1 6.25 3h4a.75.75 0 0 1 0 1.5h-4ZM13 3.75a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 .75.75v6.5a.75.75 0 0 1-1.5 0V5.56l-5.22 5.22a.75.75 0 0 1-1.06-1.06l5.22-5.22h-4.69a.75.75 0 0 1-.75-.75Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/power.svg b/hybrid-summer/.config/eww/images/svg/light/power.svg
new file mode 100644
index 000000000..0d12dd7c0
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/power.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.204 4.82a.75.75 0 0 1 .634 1.36A7.51 7.51 0 0 0 4.5 12.991c0 4.148 3.358 7.51 7.499 7.51s7.499-3.362 7.499-7.51a7.51 7.51 0 0 0-4.323-6.804.75.75 0 1 1 .637-1.358 9.01 9.01 0 0 1 5.186 8.162c0 4.976-4.029 9.01-9 9.01C7.029 22 3 17.966 3 12.99a9.01 9.01 0 0 1 5.204-8.17ZM12 2.496a.75.75 0 0 1 .743.648l.007.102v7.5a.75.75 0 0 1-1.493.102l-.007-.102v-7.5a.75.75 0 0 1 .75-.75Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/protocol.svg b/hybrid-summer/.config/eww/images/svg/light/protocol.svg
new file mode 100644
index 000000000..92fe7abe2
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/protocol.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m13.732 17.732-1.025-1.025 1.06-1.06 1.026 1.025a1 1 0 0 0 1.414 0l3.965-3.965a1 1 0 0 0 0-1.414l-3.965-3.964a1 1 0 0 0-1.414 0l-1.025 1.025-1.06-1.061 1.024-1.025a2.5 2.5 0 0 1 3.536 0l3.964 3.964a2.5 2.5 0 0 1 0 3.536l-3.964 3.964a2.5 2.5 0 0 1-3.536 0Z" fill="#000000"/><path d="m6.732 6.268-3.964 3.964a2.5 2.5 0 0 0 0 3.536l3.964 3.964a2.5 2.5 0 0 0 3.536 0l3.964-3.964a2.5 2.5 0 0 0 0-3.536l-3.964-3.964a2.5 2.5 0 0 0-3.536 0ZM3.83 11.293l3.964-3.964a1 1 0 0 1 1.414 0l3.965 3.964a1 1 0 0 1 0 1.414l-3.965 3.965a1 1 0 0 1-1.414 0l-3.964-3.965a1 1 0 0 1 0-1.414Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/radiobutton.svg b/hybrid-summer/.config/eww/images/svg/light/radiobutton.svg
new file mode 100644
index 000000000..80513fb32
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/radiobutton.svg
@@ -0,0 +1,3 @@
+<svg height="23" width="23" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="11.5" cy="11.5" r="8.5" stroke="#000000" stroke-width="5" fill="none"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/rankings.svg b/hybrid-summer/.config/eww/images/svg/light/rankings.svg
new file mode 100644
index 000000000..9b322c401
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/rankings.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M68.5775 44.3397C68.0998 44.3397 67.5955 44.2601 67.1178 44.0478L50 37.2802L32.8821 44.0743C30.8386 44.8705 28.5297 43.8885 27.707 41.845C26.9108 39.8015 27.8928 37.4926 29.9363 36.6698L48.5138 29.3185C49.4427 28.9469 50.5042 28.9469 51.4331 29.3185L70.0106 36.6698C72.0541 37.466 73.0626 39.8015 72.2399 41.845C71.656 43.3843 70.1698 44.3397 68.5775 44.3397Z" fill="#000000"/>
+<path d="M68.5775 57.6093C68.0998 57.6093 67.5955 57.5297 67.1178 57.3174L50 50.5499L32.8821 57.3439C30.8386 58.1401 28.5297 57.1581 27.707 55.1146C26.9108 53.0711 27.8928 50.7622 29.9363 49.9395L48.5138 42.5881C49.4427 42.2165 50.5042 42.2165 51.4331 42.5881L70.0106 49.9395C72.0541 50.7356 73.0626 53.0711 72.2399 55.1146C71.656 56.6539 70.1698 57.6093 68.5775 57.6093Z" fill="#000000"/>
+<path d="M68.5775 70.879C68.0998 70.879 67.5955 70.7993 67.1178 70.587L50 63.8195L32.8821 70.6136C30.8386 71.4098 28.5297 70.4278 27.707 68.3843C26.9108 66.3408 27.8928 64.0318 29.9363 63.2091L48.5138 55.8577C49.4427 55.4862 50.5042 55.4862 51.4331 55.8577L70.0106 63.2091C72.0541 64.0053 73.0626 66.3408 72.2399 68.3843C71.656 69.9236 70.1698 70.879 68.5775 70.879Z" fill="#000000"/>
+<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/reset.svg b/hybrid-summer/.config/eww/images/svg/light/reset.svg
new file mode 100644
index 000000000..c9cdbcd84
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/reset.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.78 2.72a.75.75 0 0 1 0 1.06L4.56 6h8.69a7.75 7.75 0 1 1-7.75 7.75.75.75 0 0 1 1.5 0 6.25 6.25 0 1 0 6.25-6.25H4.56l2.22 2.22a.75.75 0 1 1-1.06 1.06l-3.5-3.5a.75.75 0 0 1 0-1.06l3.5-3.5a.75.75 0 0 1 1.06 0Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/rightarrow.svg b/hybrid-summer/.config/eww/images/svg/light/rightarrow.svg
new file mode 100644
index 000000000..4bfb1349b
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/rightarrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.47 4.22a.75.75 0 0 0 0 1.06L15.19 12l-6.72 6.72a.75.75 0 1 0 1.06 1.06l7.25-7.25a.75.75 0 0 0 0-1.06L9.53 4.22a.75.75 0 0 0-1.06 0Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/root.svg b/hybrid-summer/.config/eww/images/svg/light/root.svg
new file mode 100644
index 000000000..2dedab277
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/root.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.744 1.996a2.25 2.25 0 0 1 2.245 2.096l.005.154v15.498A2.25 2.25 0 0 1 17.9 21.99l-.155.005h-11.5A2.25 2.25 0 0 1 4 19.898l-.005-.154V4.246A2.25 2.25 0 0 1 6.09 2.001l.154-.005h11.5Zm0 1.5h-11.5a.75.75 0 0 0-.743.648l-.006.102v15.498c0 .38.282.694.648.743l.102.007h11.5a.75.75 0 0 0 .743-.648l.006-.102V4.246a.75.75 0 0 0-.648-.743l-.102-.007Z" fill="#000000"/><path d="M13.019 16.02a.75.75 0 0 1-.624-.859l.105-.66h-1.482l-.141.895a.75.75 0 1 1-1.482-.235l.105-.66h-.75a.75.75 0 0 1 0-1.5h.987l.238-1.5H9.25a.75.75 0 0 1 0-1.5h.962l.2-1.26a.75.75 0 1 1 1.481.235L11.731 10h1.481l.2-1.259a.75.75 0 1 1 1.481.235L14.731 10h.519a.75.75 0 0 1 0 1.5h-.757l-.237 1.5h.494a.75.75 0 0 1 0 1.5h-.732l-.141.896a.75.75 0 0 1-.858.623Zm-1.526-4.52-.237 1.5h1.481l.238-1.5h-1.482Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/search-fluent.svg b/hybrid-summer/.config/eww/images/svg/light/search-fluent.svg
new file mode 100644
index 000000000..bbcd5f5b4
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/search-fluent.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10 2.75a7.25 7.25 0 0 1 5.63 11.819l4.9 4.9a.75.75 0 0 1-.976 1.134l-.084-.073-4.901-4.9A7.25 7.25 0 1 1 10 2.75Zm0 1.5a5.75 5.75 0 1 0 0 11.5 5.75 5.75 0 0 0 0-11.5Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/search.svg b/hybrid-summer/.config/eww/images/svg/light/search.svg
new file mode 100644
index 000000000..cf0ea4678
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/search.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0481 9.31178C70.2498 9.31178 75.08 12.1005 77.6808 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6808 83.3845C75.08 87.8995 70.2498 90.6882 65.0481 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27214 57.3037C4.67129 52.7887 4.67129 47.2113 7.27214 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0481ZM65.0481 4H34.9526C27.8401 4 21.2583 7.79792 17.7021 13.9596L2.6543 40.0404C-0.90196 46.2021 -0.90196 53.7979 2.6543 59.9596L17.7021 86.0404C21.2583 92.2021 27.8401 96 34.9526 96H65.0481C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3464 59.9596C100.903 53.7979 100.903 46.2021 97.3464 40.0404L82.2721 13.9596C78.7424 7.79792 72.1607 4 65.0481 4Z" fill="#000000"/>
+<path d="M67.0382 71.0612C66.0297 71.0612 64.9947 70.6628 64.225 69.8926L54.2728 59.933C52.707 58.3661 52.707 55.843 54.2728 54.3025C55.8386 52.7356 58.3599 52.7356 59.8991 54.3025L69.8514 64.2621C71.4172 65.8291 71.4172 68.3522 69.8514 69.8926C69.0817 70.6628 68.0732 71.0612 67.0382 71.0612Z" fill="#000000"/>
+<path d="M46.2049 63.4919C36.7038 63.4919 28.9544 55.7367 28.9544 46.2286C28.9544 36.7206 36.7038 28.9654 46.2049 28.9654C55.706 28.9654 63.4554 36.7206 63.4554 46.2286C63.4554 55.7367 55.7325 63.4919 46.2049 63.4919ZM46.2049 36.933C41.0828 36.933 36.9162 41.1028 36.9162 46.2286C36.9162 51.3545 41.0828 55.5243 46.2049 55.5243C51.327 55.5243 55.4937 51.3545 55.4937 46.2286C55.4937 41.1028 51.327 36.933 46.2049 36.933Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/settings.svg b/hybrid-summer/.config/eww/images/svg/light/settings.svg
new file mode 100644
index 000000000..c8e51e41e
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/settings.svg
@@ -0,0 +1,23 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.31178C70.2493 9.31178 75.0795 12.1005 77.6803 16.6155L92.7281 42.6963C95.329 47.2113 95.329 52.7887 92.7281 57.3037L77.6803 83.3845C75.0795 87.8995 70.2493 90.6882 65.0476 90.6882H34.9521C29.7504 90.6882 24.9203 87.8995 22.3194 83.3845L7.27163 57.3037C4.67078 52.7887 4.67078 47.2113 7.27163 42.6963L22.3194 16.6155C24.9203 12.1005 29.7504 9.31178 34.9521 9.31178H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.79792 17.7016 13.9596L2.6538 40.0404C-0.902467 46.2021 -0.902467 53.7979 2.6538 59.9596L17.7016 86.0404C21.2578 92.2021 27.8396 96 34.9521 96H65.0476C72.1602 96 78.7419 92.2021 82.2982 86.0404L97.3459 59.9596C100.902 53.7979 100.902 46.2021 97.3459 40.0404L82.2716 13.9596C78.7419 7.79792 72.1602 4 65.0476 4Z" fill="#000000"/>
+<path d="M50 72.0704C37.9246 72.0704 28.1051 62.2436 28.1051 50.1593C28.1051 38.0751 37.9246 28.2483 50 28.2483C62.0754 28.2483 71.8949 38.0751 71.8949 50.1593C71.8949 62.2436 62.0754 72.0704 50 72.0704ZM50 36.2159C42.3036 36.2159 36.0669 42.4838 36.0669 50.1593C36.0669 57.8349 42.3302 64.1028 50 64.1028C57.6699 64.1028 63.9331 57.8349 63.9331 50.1593C63.9331 42.4838 57.6699 36.2159 50 36.2159Z" fill="#000000"/>
+<path d="M50 35.8441C47.7972 35.8441 46.0191 34.0647 46.0191 31.8603V28.4873C46.0191 26.2829 47.7972 24.5035 50 24.5035C52.2028 24.5035 53.9809 26.2829 53.9809 28.4873V31.8603C53.9809 34.0647 52.2028 35.8441 50 35.8441Z" fill="#000000"/>
+<path d="M58.9968 38.5531C58.2537 38.5531 57.5106 38.3407 56.8206 37.9157C54.9894 36.7206 54.4586 34.2506 55.6529 32.418L57.6699 29.3106C58.8641 27.4781 61.3323 26.9469 63.1635 28.142C64.9947 29.3372 65.5255 31.8072 64.3312 33.6397L62.3142 36.7471C61.5711 37.9157 60.2973 38.5531 58.9968 38.5531Z" fill="#000000"/>
+<path d="M65.7378 45.5116C64.3843 45.5116 63.0839 44.821 62.3408 43.5993C61.1996 41.7136 61.81 39.2702 63.6943 38.1282L67.0382 36.1097C68.9225 34.9677 71.3641 35.5785 72.5053 37.4642C73.6465 39.3499 73.0361 41.7933 71.1518 42.9353L67.8079 44.9538C67.1444 45.3256 66.4278 45.5116 65.7378 45.5116Z" fill="#000000"/>
+<path d="M32.0064 54.515H27.9724C25.7696 54.515 23.9915 52.7356 23.9915 50.5312C23.9915 48.3268 25.7696 46.5473 27.9724 46.5473H32.0064C34.2091 46.5473 35.9873 48.3268 35.9873 50.5312C35.9873 52.7356 34.2091 54.515 32.0064 54.515Z" fill="#000000"/>
+<path d="M69.0817 65.537C68.3917 65.537 67.7017 65.3511 67.0648 64.9792L63.2696 62.7217C61.3854 61.6062 60.7484 59.1628 61.8631 57.2506C62.9777 55.3649 65.4193 54.7275 67.3302 55.843L71.1253 58.1005C73.0096 59.2159 73.6465 61.6594 72.5319 63.5716C71.7622 64.8464 70.4353 65.537 69.0817 65.537Z" fill="#000000"/>
+<path d="M34.2622 45.5116C33.5722 45.5116 32.8556 45.3257 32.1921 44.9273L28.8482 42.9088C26.9639 41.7668 26.3535 39.3233 27.4947 37.4377C28.6359 35.552 31.0775 34.9411 32.9618 36.0832L36.3057 38.1016C38.19 39.2437 38.8004 41.6871 37.6592 43.5728C36.9161 44.8476 35.6157 45.5116 34.2622 45.5116Z" fill="#000000"/>
+<path d="M40.7909 38.7656C39.3843 38.7656 38.0043 37.9954 37.2877 36.6675L35.483 33.321C34.448 31.3822 35.1646 28.9654 37.1019 27.9296C39.0393 26.8938 41.4544 27.6109 42.4894 29.5497L44.2941 32.8961C45.3291 34.8349 44.6125 37.2517 42.6752 38.2875C42.0648 38.6063 41.4278 38.7656 40.7909 38.7656Z" fill="#000000"/>
+<path d="M72.0276 54.515H67.9936C65.7909 54.515 64.0127 52.7356 64.0127 50.5312C64.0127 48.3268 65.7909 46.5473 67.9936 46.5473H72.0276C74.2303 46.5473 76.0085 48.3268 76.0085 50.5312C76.0085 52.7356 74.2303 54.515 72.0276 54.515Z" fill="#000000"/>
+<path d="M61.0138 73.6109C59.6603 73.6109 58.3333 72.9203 57.5902 71.6455L55.3344 67.8476C54.2198 65.9619 54.8302 63.5185 56.741 62.3765C58.6253 61.261 61.0669 61.8718 62.2081 63.7841L64.4639 67.582C65.5786 69.4677 64.9682 71.9111 63.0573 73.0531C62.3938 73.425 61.7038 73.6109 61.0138 73.6109Z" fill="#000000"/>
+<path d="M50 76.5589C47.7972 76.5589 46.0191 74.7795 46.0191 72.5751V68.0866C46.0191 65.8822 47.7972 64.1028 50 64.1028C52.2028 64.1028 53.9809 65.8822 53.9809 68.0866V72.5751C53.9809 74.7795 52.2028 76.5589 50 76.5589Z" fill="#000000"/>
+<path d="M30.9183 65.537C29.5648 65.537 28.2643 64.8464 27.5212 63.6247C26.3801 61.739 26.9905 59.2956 28.8747 58.1536L32.2187 56.1351C34.103 54.9931 36.5446 55.6039 37.6858 57.4896C38.827 59.3753 38.2166 61.8187 36.3323 62.9607L32.9883 64.9792C32.3514 65.351 31.6348 65.537 30.9183 65.537Z" fill="#000000"/>
+<path d="M38.9862 73.6108C38.2962 73.6108 37.6062 73.4249 36.9692 73.0531C35.0849 71.9376 34.448 69.4942 35.5626 67.582L37.8185 63.7841C38.9331 61.8984 41.3747 61.261 43.2856 62.3764C45.1699 63.4919 45.8068 65.9353 44.6921 67.8476L42.4363 71.6455C41.6667 72.9203 40.3397 73.6108 38.9862 73.6108Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/store.svg b/hybrid-summer/.config/eww/images/svg/light/store.svg
new file mode 100644
index 000000000..0e8b78cec
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/store.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0479 9.31178C70.2496 9.31178 75.0797 12.1005 77.6806 16.6155L92.7283 42.6963C95.3292 47.2113 95.3292 52.7887 92.7283 57.3037L77.6806 83.3845C75.0797 87.8995 70.2496 90.6882 65.0479 90.6882H34.9523C29.7506 90.6882 24.9205 87.8995 22.3196 83.3845L7.27184 57.3037C4.67099 52.7887 4.67099 47.2113 7.27184 42.6963L22.3196 16.6155C24.9205 12.1005 29.7506 9.31178 34.9523 9.31178H65.0479ZM65.0479 4H34.9523C27.8398 4 21.258 7.79792 17.7018 13.9596L2.65401 40.0404C-0.902257 46.2021 -0.902257 53.7979 2.65401 59.9596L17.7018 86.0404C21.258 92.2021 27.8398 96 34.9523 96H65.0479C72.1604 96 78.7421 92.2021 82.2984 86.0404L97.3462 59.9596C100.902 53.7979 100.902 46.2021 97.3462 40.0404L82.2719 13.9596C78.7421 7.79792 72.1604 4 65.0479 4Z" fill="#000000"/>
+<path d="M69.3737 62.5889H35.828C33.6253 62.5889 31.8471 60.8095 31.8471 58.6051V36.8799L26.1412 31.7009C24.5223 30.2136 24.3896 27.7171 25.8758 26.0704C27.362 24.4503 29.8567 24.3175 31.5021 25.8048L38.5085 32.1524C39.3312 32.8961 39.8089 33.985 39.8089 35.1005V54.6212H65.3928V43.1478L49.2038 40.97C47.0276 40.6778 45.4883 38.6593 45.7803 36.4815C46.0722 34.3037 48.0626 32.7633 50.2654 33.0554L69.9045 35.6847C71.8684 35.9503 73.3546 37.6501 73.3546 39.642V58.5785C73.3546 60.8095 71.5764 62.5889 69.3737 62.5889Z" fill="#000000"/>
+<path d="M65.1274 75.2309C67.326 75.2309 69.1083 73.4473 69.1083 71.2471C69.1083 69.0469 67.326 67.2633 65.1274 67.2633C62.9288 67.2633 61.1465 69.0469 61.1465 71.2471C61.1465 73.4473 62.9288 75.2309 65.1274 75.2309Z" fill="#000000"/>
+<path d="M39.1189 75.2309C41.3175 75.2309 43.0998 73.4473 43.0998 71.2471C43.0998 69.0469 41.3175 67.2633 39.1189 67.2633C36.9203 67.2633 35.138 69.0469 35.138 71.2471C35.138 73.4473 36.9203 75.2309 39.1189 75.2309Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/tournaments.svg b/hybrid-summer/.config/eww/images/svg/light/tournaments.svg
new file mode 100644
index 000000000..cc0e1a95f
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/tournaments.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="#000000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.3119 52.4749C24.9451 51.108 24.9451 48.892 26.3119 47.5251L47.5251 26.3119C48.8919 24.9451 51.108 24.9451 52.4749 26.3119L73.6881 47.5251C75.0549 48.892 75.0549 51.108 73.6881 52.4749L52.4749 73.6881C51.108 75.0549 48.8919 75.0549 47.5251 73.6881L26.3119 52.4749ZM33.7365 50L50 66.2635L66.2634 50L50 33.7365L33.7365 50Z" fill="#000000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.5251 27.5251C28.892 26.1583 31.108 26.1583 32.4749 27.5251L72.4749 67.5251C73.8417 68.892 73.8417 71.108 72.4749 72.4749C71.108 73.8417 68.892 73.8417 67.5251 72.4749L27.5251 32.4749C26.1583 31.108 26.1583 28.892 27.5251 27.5251Z" fill="#000000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M72.4749 27.5251C73.8417 28.892 73.8417 31.108 72.4749 32.4749L32.4749 72.4749C31.108 73.8417 28.892 73.8417 27.5251 72.4749C26.1583 71.108 26.1583 68.892 27.5251 67.5251L67.5251 27.5251C68.892 26.1583 71.108 26.1583 72.4749 27.5251Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/uparrow.svg b/hybrid-summer/.config/eww/images/svg/light/uparrow.svg
new file mode 100644
index 000000000..f27adb950
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/uparrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.293 15.707a1 1 0 0 0 1.414 0L12 9.414l6.293 6.293a1 1 0 0 0 1.414-1.414l-7-7a1 1 0 0 0-1.414 0l-7 7a1 1 0 0 0 0 1.414Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/user.svg b/hybrid-summer/.config/eww/images/svg/light/user.svg
new file mode 100644
index 000000000..ee072b7b9
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/user.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.754 14a2.249 2.249 0 0 1 2.25 2.249v.918a2.75 2.75 0 0 1-.513 1.599C17.945 20.929 15.42 22 12 22c-3.422 0-5.945-1.072-7.487-3.237a2.75 2.75 0 0 1-.51-1.595v-.92a2.249 2.249 0 0 1 2.249-2.25h11.501ZM12 2.004a5 5 0 1 1 0 10 5 5 0 0 1 0-10Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/vol0.svg b/hybrid-summer/.config/eww/images/svg/light/vol0.svg
new file mode 100644
index 000000000..2f724a3d5
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/vol0.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.704 3.441c.191.226.296.512.296.808V19.75a1.25 1.25 0 0 1-2.058.954l-4.967-4.206H4.25A2.25 2.25 0 0 1 2 14.248v-4.5a2.25 2.25 0 0 1 2.25-2.25h3.725l4.968-4.204a1.25 1.25 0 0 1 1.761.147ZM13.5 4.788l-4.975 4.21H4.25a.75.75 0 0 0-.75.75v4.5c0 .415.336.75.75.75h4.275l4.975 4.213V4.788Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/vol1.svg b/hybrid-summer/.config/eww/images/svg/light/vol1.svg
new file mode 100644
index 000000000..43938e063
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/vol1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.704 3.442c.191.226.296.512.296.808v15.502a1.25 1.25 0 0 1-2.058.954L7.975 16.5H4.25A2.25 2.25 0 0 1 2 14.25v-4.5A2.25 2.25 0 0 1 4.25 7.5h3.725l4.968-4.204a1.25 1.25 0 0 1 1.761.147ZM13.5 4.79 8.525 9H4.25a.75.75 0 0 0-.75.75v4.5c0 .415.336.75.75.75h4.275l4.975 4.213V4.79Zm3.604 3.851a.75.75 0 0 1 1.03.25c.574.94.862 1.992.862 3.14 0 1.149-.288 2.201-.862 3.141a.75.75 0 1 1-1.28-.781c.428-.702.642-1.483.642-2.36 0-.876-.214-1.657-.642-2.359a.75.75 0 0 1 .25-1.03Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/vol2.svg b/hybrid-summer/.config/eww/images/svg/light/vol2.svg
new file mode 100644
index 000000000..0e1ae1921
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/vol2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 4.25c0-1.079-1.274-1.65-2.08-.934L8.427 7.309a.75.75 0 0 1-.498.19H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V4.25ZM9.425 8.43 13.5 4.807v14.382l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.68a2.25 2.25 0 0 0 1.495-.569ZM18.992 5.897a.75.75 0 0 1 1.049.157A9.959 9.959 0 0 1 22 12a9.96 9.96 0 0 1-1.96 5.946.75.75 0 0 1-1.205-.892A8.459 8.459 0 0 0 20.5 12a8.459 8.459 0 0 0-1.665-5.054.75.75 0 0 1 .157-1.049Z" fill="#000000"/><path d="M17.143 8.37a.75.75 0 0 1 1.017.302c.536.99.84 2.125.84 3.328a6.973 6.973 0 0 1-.84 3.328.75.75 0 0 1-1.32-.714c.42-.777.66-1.666.66-2.614s-.24-1.837-.66-2.614a.75.75 0 0 1 .303-1.017Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/vol3.svg b/hybrid-summer/.config/eww/images/svg/light/vol3.svg
new file mode 100644
index 000000000..0e1ae1921
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/vol3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 4.25c0-1.079-1.274-1.65-2.08-.934L8.427 7.309a.75.75 0 0 1-.498.19H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V4.25ZM9.425 8.43 13.5 4.807v14.382l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.68a2.25 2.25 0 0 0 1.495-.569ZM18.992 5.897a.75.75 0 0 1 1.049.157A9.959 9.959 0 0 1 22 12a9.96 9.96 0 0 1-1.96 5.946.75.75 0 0 1-1.205-.892A8.459 8.459 0 0 0 20.5 12a8.459 8.459 0 0 0-1.665-5.054.75.75 0 0 1 .157-1.049Z" fill="#000000"/><path d="M17.143 8.37a.75.75 0 0 1 1.017.302c.536.99.84 2.125.84 3.328a6.973 6.973 0 0 1-.84 3.328.75.75 0 0 1-1.32-.714c.42-.777.66-1.666.66-2.614s-.24-1.837-.66-2.614a.75.75 0 0 1 .303-1.017Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/volmute.svg b/hybrid-summer/.config/eww/images/svg/light/volmute.svg
new file mode 100644
index 000000000..ac61db6f5
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/volmute.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.28 2.22a.75.75 0 1 0-1.06 1.06L6.438 7.5H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V16.06l5.72 5.72a.75.75 0 0 0 1.06-1.061L3.28 2.22ZM13.5 14.56v4.629l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.688L13.5 14.56ZM13.5 4.807v5.511l1.5 1.5V4.25c0-1.079-1.274-1.65-2.08-.934l-3.4 3.022 1.063 1.063L13.5 4.807ZM17.141 13.96l1.138 1.137A6.974 6.974 0 0 0 19 12a6.973 6.973 0 0 0-.84-3.328.75.75 0 0 0-1.32.714c.42.777.66 1.666.66 2.614 0 .691-.127 1.351-.359 1.96ZM19.388 16.206l1.093 1.094A9.955 9.955 0 0 0 22 12a9.959 9.959 0 0 0-1.96-5.946.75.75 0 0 0-1.205.892A8.46 8.46 0 0 1 20.5 12a8.458 8.458 0 0 1-1.112 4.206Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/wifi.svg b/hybrid-summer/.config/eww/images/svg/light/wifi.svg
new file mode 100644
index 000000000..1ad75251f
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/wifi.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m12.858 14.273 7.434 7.434a1 1 0 0 0 1.414-1.414l-17.999-18a1 1 0 1 0-1.414 1.414L5.39 6.804c-.643.429-1.254.927-1.821 1.495a12.382 12.382 0 0 0-1.39 1.683 1 1 0 0 0 1.644 1.14c.363-.524.761-1.01 1.16-1.41a9.94 9.94 0 0 1 1.855-1.46L7.99 9.405a8.14 8.14 0 0 0-3.203 3.377 1 1 0 0 0 1.784.903 6.08 6.08 0 0 1 1.133-1.563 6.116 6.116 0 0 1 1.77-1.234l1.407 1.407A5.208 5.208 0 0 0 8.336 13.7a5.25 5.25 0 0 0-1.09 1.612 1 1 0 0 0 1.832.802c.167-.381.394-.722.672-1a3.23 3.23 0 0 1 3.108-.841Zm-1.332-5.93 2.228 2.229a6.1 6.1 0 0 1 2.616 1.55c.444.444.837.995 1.137 1.582a1 1 0 1 0 1.78-.911 8.353 8.353 0 0 0-1.503-2.085 8.108 8.108 0 0 0-6.258-2.365ZM8.51 5.327l1.651 1.651a9.904 9.904 0 0 1 10.016 4.148 1 1 0 1 0 1.646-1.136A11.912 11.912 0 0 0 8.51 5.327Zm4.552 11.114a1.501 1.501 0 1 1-2.123 2.123 1.501 1.501 0 0 1 2.123-2.123Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/wifi1.svg b/hybrid-summer/.config/eww/images/svg/light/wifi1.svg
new file mode 100644
index 000000000..875b72537
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/wifi1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.96 18.568a1.501 1.501 0 1 0 2.122-2.123 1.501 1.501 0 0 0-2.123 2.123Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/wifi2.svg b/hybrid-summer/.config/eww/images/svg/light/wifi2.svg
new file mode 100644
index 000000000..b5650c541
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/wifi2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.938 16.446a1.501 1.501 0 1 1 2.123 2.123 1.501 1.501 0 0 1-2.123-2.123Zm-2.603-2.742a5.233 5.233 0 0 1 7.4 0c.46.461.838 1.025 1.101 1.625a1 1 0 0 1-1.832.803 3.356 3.356 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.255 3.255 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.613Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/wifi3.svg b/hybrid-summer/.config/eww/images/svg/light/wifi3.svg
new file mode 100644
index 000000000..72b566f01
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/wifi3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.96 16.44a1.501 1.501 0 1 1 2.122 2.122 1.501 1.501 0 0 1-2.123-2.122Zm-2.604-2.742a5.233 5.233 0 0 1 7.4 0c.46.461.838 1.025 1.101 1.625a1 1 0 1 1-1.832.803 3.358 3.358 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.254 3.254 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.613ZM6.31 10.707a8.128 8.128 0 0 1 11.495 0 8.353 8.353 0 0 1 1.503 2.085 1 1 0 0 1-1.78.91 6.357 6.357 0 0 0-1.137-1.581 6.128 6.128 0 0 0-9.8 1.562 1 1 0 1 1-1.785-.902 8.08 8.08 0 0 1 1.504-2.074Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/wifi4.svg b/hybrid-summer/.config/eww/images/svg/light/wifi4.svg
new file mode 100644
index 000000000..792fd532e
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/wifi4.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.784 10.708a8.35 8.35 0 0 1 1.504 2.085 1 1 0 0 1-1.781.91 6.353 6.353 0 0 0-1.137-1.58 6.128 6.128 0 0 0-9.8 1.562 1 1 0 0 1-1.784-.903 8.128 8.128 0 0 1 12.998-2.074ZM15.735 13.7c.46.46.838 1.024 1.101 1.624a1 1 0 1 1-1.832.803 3.36 3.36 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.257 3.257 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.612 5.233 5.233 0 0 1 7.4 0Zm4.684-5.401c.508.508.987 1.087 1.404 1.691a1 1 0 0 1-1.646 1.136c-.35-.506-.752-.993-1.172-1.413-3.872-3.872-10.15-3.872-14.023 0-.4.399-.797.886-1.16 1.41a1 1 0 0 1-1.644-1.14c.428-.618.9-1.195 1.39-1.684 4.653-4.654 12.198-4.654 16.851 0Zm-7.358 8.142a1.501 1.501 0 1 1-2.122 2.123 1.501 1.501 0 0 1 2.122-2.123Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/light/wiki.svg b/hybrid-summer/.config/eww/images/svg/light/wiki.svg
new file mode 100644
index 000000000..1eb3de640
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/light/wiki.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0482 9.31178C70.2499 9.31178 75.08 12.1005 77.6809 16.6155L92.7287 42.6963C95.3295 47.2113 95.3295 52.7887 92.7287 57.3037L77.6809 83.3845C75.08 87.8995 70.2499 90.6882 65.0482 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27217 57.3037C4.67132 52.7887 4.67132 47.2113 7.27217 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0482ZM65.0482 4H34.9526C27.8401 4 21.2584 7.79792 17.7021 13.9596L2.65433 40.0404C-0.901929 46.2021 -0.901929 53.7979 2.65433 59.9596L17.7021 86.0404C21.2584 92.2021 27.8401 96 34.9526 96H65.0482C72.1607 96 78.7425 92.2021 82.2987 86.0404L97.3465 59.9596C100.903 53.7979 100.903 46.2021 97.3465 40.0404L82.2722 13.9596C78.7424 7.79792 72.1607 4 65.0482 4Z" fill="#000000"/>
+<path d="M50 48.3799C44.1348 48.3799 39.3843 43.6259 39.3843 37.7563C39.3843 31.8868 44.1348 27.1328 50 27.1328C55.8652 27.1328 60.6157 31.8868 60.6157 37.7563C60.6157 43.6259 55.8652 48.3799 50 48.3799ZM50 35.1005C48.5403 35.1005 47.3461 36.2956 47.3461 37.7563C47.3461 39.2171 48.5403 40.4122 50 40.4122C51.4596 40.4122 52.6539 39.2171 52.6539 37.7563C52.6539 36.2956 51.4596 35.1005 50 35.1005Z" fill="#000000"/>
+<path d="M38.7208 72.8672C37.7123 72.8672 36.6773 72.4688 35.9076 71.6986L24.7611 60.5439C23.1953 58.9769 23.1953 56.4538 24.7611 54.9134C26.327 53.3464 28.8482 53.3464 30.3875 54.9134L38.7208 63.2529L47.0807 54.8868C48.6465 53.3198 51.1677 53.3198 52.707 54.8868L61.0138 63.1997L69.4267 54.7806C70.9925 53.2136 73.5138 53.2136 75.053 54.7806C76.6189 56.3476 76.6189 58.8706 75.053 60.4111L63.8004 71.672C62.2346 73.239 59.7134 73.239 58.1741 71.672L49.8673 63.3591L41.5074 71.7251C40.7643 72.4688 39.7558 72.8672 38.7208 72.8672Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/linehorizontal.svg b/hybrid-summer/.config/eww/images/svg/linehorizontal.svg
new file mode 100644
index 000000000..40cf3be07
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/linehorizontal.svg
@@ -0,0 +1,3 @@
+<svg height="3" width="75">
+  <line x1="1.5" y1="1.5" x2="73.5" y2="1.5" stroke="#ffdbc4" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/linetransparent.svg b/hybrid-summer/.config/eww/images/svg/linetransparent.svg
new file mode 100644
index 000000000..9be840a61
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/linetransparent.svg
@@ -0,0 +1,3 @@
+<svg height="26.5" width="3">
+  <line x1="1.5" y1="1.5" x2="1.5" y2="25" stroke="transparent" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/linevertical.svg b/hybrid-summer/.config/eww/images/svg/linevertical.svg
new file mode 100644
index 000000000..42437d726
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/linevertical.svg
@@ -0,0 +1,3 @@
+<svg height="26.5" width="3">
+  <line x1="1.5" y1="1.5" x2="1.5" y2="25" stroke="#ffdbc4" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/moon.svg b/hybrid-summer/.config/eww/images/svg/moon.svg
new file mode 100644
index 000000000..740eb3c1b
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/moon.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.026 17.001c-2.762 4.784-8.879 6.423-13.663 3.661a9.964 9.964 0 0 1-3.234-2.983.75.75 0 0 1 .365-1.131c3.767-1.348 5.785-2.911 6.956-5.146 1.232-2.353 1.551-4.93.689-8.464a.75.75 0 0 1 .769-.926 9.961 9.961 0 0 1 4.457 1.327C21.149 6.1 22.788 12.217 20.025 17Zm-8.248-4.903c-1.25 2.388-3.31 4.099-6.817 5.499a8.492 8.492 0 0 0 2.152 1.766 8.501 8.501 0 1 0 8.502-14.725 8.485 8.485 0 0 0-2.792-1.016c.647 3.384.23 6.044-1.045 8.476Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/news.svg b/hybrid-summer/.config/eww/images/svg/news.svg
new file mode 100644
index 000000000..ba3d1d84b
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/news.svg
@@ -0,0 +1,18 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0468 9.31178C70.2485 9.31178 75.0786 12.1005 77.6795 16.6155L92.7272 42.6963C95.3281 47.2113 95.3281 52.7887 92.7272 57.3037L77.6795 83.3845C75.0786 87.8995 70.2485 90.6882 65.0468 90.6882H34.9512C29.7495 90.6882 24.9194 87.8995 22.3185 83.3845L7.27075 57.3037C4.6699 52.7887 4.6699 47.2113 7.27075 42.6963L22.3185 16.6155C24.9194 12.1005 29.7495 9.31178 34.9512 9.31178H65.0468ZM65.0468 4H34.9512C27.8387 4 21.2569 7.79792 17.7007 13.9596L2.65292 40.0404C-0.903348 46.2021 -0.903348 53.7979 2.65292 59.9596L17.7007 86.0404C21.2569 92.2021 27.8387 96 34.9512 96H65.0468C72.1593 96 78.741 92.2021 82.2973 86.0404L97.3451 59.9596C100.901 53.7979 100.901 46.2021 97.3451 40.0404L82.2707 13.9596C78.741 7.79792 72.1593 4 65.0468 4Z" fill="#ffdbc4"/>
+<path d="M73.8854 53.9838H66.9851C64.7824 53.9838 63.0042 52.2044 63.0042 50C63.0042 47.7956 64.7824 46.0162 66.9851 46.0162H73.8854C76.0881 46.0162 77.8663 47.7956 77.8663 50C77.8663 52.2044 76.0881 53.9838 73.8854 53.9838Z" fill="#ffdbc4"/>
+<path d="M50 77.8868C47.7972 77.8868 46.0191 76.1074 46.0191 73.903V66.9977C46.0191 64.7933 47.7972 63.0139 50 63.0139C52.2028 63.0139 53.9809 64.7933 53.9809 66.9977V73.903C53.9809 76.1074 52.2028 77.8868 50 77.8868Z" fill="#ffdbc4"/>
+<path d="M66.879 70.8753C65.8705 70.8753 64.8355 70.4769 64.0658 69.7067L59.1295 64.7667C57.5637 63.1998 57.5637 60.6767 59.1295 59.1363C60.6953 57.5693 63.2166 57.5693 64.7558 59.1363L69.6922 64.0762C71.258 65.6432 71.258 68.1663 69.6922 69.7067C68.9225 70.5035 67.914 70.8753 66.879 70.8753Z" fill="#ffdbc4"/>
+<path d="M33.121 70.8753C32.1125 70.8753 31.0775 70.4769 30.3078 69.7067C28.742 68.1397 28.742 65.6166 30.3078 64.0762L35.2442 59.1363C36.81 57.5693 39.3312 57.5693 40.8705 59.1363C42.4363 60.7032 42.4363 63.2263 40.8705 64.7667L35.9342 69.7067C35.138 70.5035 34.1295 70.8753 33.121 70.8753Z" fill="#ffdbc4"/>
+<path d="M61.9427 42.0323C60.9342 42.0323 59.8992 41.634 59.1295 40.8637C57.5637 39.2968 57.5637 36.7737 59.1295 35.2333L64.0658 30.2933C65.6316 28.7263 68.1529 28.7263 69.6922 30.2933C71.258 31.8603 71.258 34.3834 69.6922 35.9238L64.7558 40.8637C63.9862 41.634 62.9512 42.0323 61.9427 42.0323Z" fill="#ffdbc4"/>
+<path d="M50 36.9861C47.7972 36.9861 46.0191 35.2067 46.0191 33.0023V26.097C46.0191 23.8926 47.7972 22.1132 50 22.1132C52.2028 22.1132 53.9809 23.8926 53.9809 26.097V33.0023C53.9809 35.2067 52.2028 36.9861 50 36.9861Z" fill="#ffdbc4"/>
+<path d="M33.0149 53.9838H26.1147C23.9119 53.9838 22.1338 52.2044 22.1338 50C22.1338 47.7956 23.9119 46.0162 26.1147 46.0162H33.0149C35.2176 46.0162 36.9958 47.7956 36.9958 50C36.9958 52.2044 35.2176 53.9838 33.0149 53.9838Z" fill="#ffdbc4"/>
+<path d="M38.0573 42.0323C37.0488 42.0323 36.0138 41.634 35.2442 40.8637L30.3078 35.9238C28.742 34.3568 28.742 31.8337 30.3078 30.2933C31.8737 28.7263 34.3949 28.7263 35.9342 30.2933L40.8705 35.2333C42.4363 36.8002 42.4363 39.3233 40.8705 40.8637C40.1008 41.634 39.0658 42.0323 38.0573 42.0323Z" fill="#ffdbc4"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#ffdbc4" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/night.svg b/hybrid-summer/.config/eww/images/svg/night.svg
new file mode 100644
index 000000000..27d72d362
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/night.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.026 17.001c-2.762 4.784-8.879 6.423-13.663 3.661A9.965 9.965 0 0 1 3.13 17.68a.75.75 0 0 1 .365-1.132c3.767-1.348 5.785-2.91 6.956-5.146 1.232-2.353 1.551-4.93.689-8.463a.75.75 0 0 1 .769-.927 9.961 9.961 0 0 1 4.457 1.327c4.784 2.762 6.423 8.879 3.66 13.662Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/notif-snooze.svg b/hybrid-summer/.config/eww/images/svg/notif-snooze.svg
new file mode 100644
index 000000000..e72c0282c
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/notif-snooze.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 3.5c-3.104 0-6 2.432-6 6.25v4.153L4.682 17h14.67l-1.354-3.093V11.75a.75.75 0 0 1 1.5 0v1.843l1.381 3.156a1.25 1.25 0 0 1-1.145 1.751H15a3.002 3.002 0 0 1-6.003 0H4.305a1.25 1.25 0 0 1-1.15-1.739l1.344-3.164V9.75C4.5 5.068 8.103 2 12 2c.86 0 1.705.15 2.5.432a.75.75 0 0 1-.502 1.413A5.964 5.964 0 0 0 12 3.5ZM12 20c.828 0 1.5-.671 1.501-1.5h-3.003c0 .829.673 1.5 1.502 1.5Z" fill="#fff"/><path d="M15.25 7h-2.5l-.101.007A.75.75 0 0 0 12.75 8.5h1.043l-1.653 2.314-.055.09A.75.75 0 0 0 12.75 12h2.5l.102-.007a.75.75 0 0 0-.102-1.493h-1.042l1.653-2.314.055-.09A.75.75 0 0 0 15.25 7ZM21.25 2h-3.5l-.101.007A.75.75 0 0 0 17.75 3.5h2.134l-2.766 4.347-.05.09A.75.75 0 0 0 17.75 9h3.5l.102-.007A.75.75 0 0 0 21.25 7.5h-2.133l2.766-4.347.05-.09A.75.75 0 0 0 21.25 2Z" fill="#cf9fd6"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/notif.svg b/hybrid-summer/.config/eww/images/svg/notif.svg
new file mode 100644
index 000000000..968255cc4
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/notif.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1.996a7.49 7.49 0 0 1 7.496 7.25l.004.25v4.097l1.38 3.156a1.25 1.25 0 0 1-1.145 1.75L15 18.502a3 3 0 0 1-5.995.177L9 18.499H4.275a1.251 1.251 0 0 1-1.147-1.747L4.5 13.594V9.496c0-4.155 3.352-7.5 7.5-7.5ZM13.5 18.5l-3 .002a1.5 1.5 0 0 0 2.993.145l.006-.147ZM12 3.496c-3.32 0-6 2.674-6 6v4.41L4.656 17h14.697L18 13.907V9.509l-.004-.225A5.988 5.988 0 0 0 12 3.496Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/notifsnooze.svg b/hybrid-summer/.config/eww/images/svg/notifsnooze.svg
new file mode 100644
index 000000000..3d130b632
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/notifsnooze.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 3.5c-3.104 0-6 2.432-6 6.25v4.153L4.682 17h14.67l-1.354-3.093V11.75a.75.75 0 0 1 1.5 0v1.843l1.381 3.156a1.25 1.25 0 0 1-1.145 1.751H15a3.002 3.002 0 0 1-6.003 0H4.305a1.25 1.25 0 0 1-1.15-1.739l1.344-3.164V9.75C4.5 5.068 8.103 2 12 2c.86 0 1.705.15 2.5.432a.75.75 0 0 1-.502 1.413A5.964 5.964 0 0 0 12 3.5ZM12 20c.828 0 1.5-.671 1.501-1.5h-3.003c0 .829.673 1.5 1.502 1.5Z" fill="#ffdbc4"/><path d="M15.25 7h-2.5l-.101.007A.75.75 0 0 0 12.75 8.5h1.043l-1.653 2.314-.055.09A.75.75 0 0 0 12.75 12h2.5l.102-.007a.75.75 0 0 0-.102-1.493h-1.042l1.653-2.314.055-.09A.75.75 0 0 0 15.25 7ZM21.25 2h-3.5l-.101.007A.75.75 0 0 0 17.75 3.5h2.134l-2.766 4.347-.05.09A.75.75 0 0 0 17.75 9h3.5l.102-.007A.75.75 0 0 0 21.25 7.5h-2.133l2.766-4.347.05-.09A.75.75 0 0 0 21.25 2Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/open.svg b/hybrid-summer/.config/eww/images/svg/open.svg
new file mode 100644
index 000000000..3e4c94f9d
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/open.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.25 4.5A1.75 1.75 0 0 0 4.5 6.25v11.5c0 .966.783 1.75 1.75 1.75h11.5a1.75 1.75 0 0 0 1.75-1.75v-4a.75.75 0 0 1 1.5 0v4A3.25 3.25 0 0 1 17.75 21H6.25A3.25 3.25 0 0 1 3 17.75V6.25A3.25 3.25 0 0 1 6.25 3h4a.75.75 0 0 1 0 1.5h-4ZM13 3.75a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 .75.75v6.5a.75.75 0 0 1-1.5 0V5.56l-5.22 5.22a.75.75 0 0 1-1.06-1.06l5.22-5.22h-4.69a.75.75 0 0 1-.75-.75Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/power.svg b/hybrid-summer/.config/eww/images/svg/power.svg
new file mode 100644
index 000000000..cd417d1d7
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/power.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.204 4.82a.75.75 0 0 1 .634 1.36A7.51 7.51 0 0 0 4.5 12.991c0 4.148 3.358 7.51 7.499 7.51s7.499-3.362 7.499-7.51a7.51 7.51 0 0 0-4.323-6.804.75.75 0 1 1 .637-1.358 9.01 9.01 0 0 1 5.186 8.162c0 4.976-4.029 9.01-9 9.01C7.029 22 3 17.966 3 12.99a9.01 9.01 0 0 1 5.204-8.17ZM12 2.496a.75.75 0 0 1 .743.648l.007.102v7.5a.75.75 0 0 1-1.493.102l-.007-.102v-7.5a.75.75 0 0 1 .75-.75Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/protocol.svg b/hybrid-summer/.config/eww/images/svg/protocol.svg
new file mode 100644
index 000000000..a6d61eb9a
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/protocol.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m13.732 17.732-1.025-1.025 1.06-1.06 1.026 1.025a1 1 0 0 0 1.414 0l3.965-3.965a1 1 0 0 0 0-1.414l-3.965-3.964a1 1 0 0 0-1.414 0l-1.025 1.025-1.06-1.061 1.024-1.025a2.5 2.5 0 0 1 3.536 0l3.964 3.964a2.5 2.5 0 0 1 0 3.536l-3.964 3.964a2.5 2.5 0 0 1-3.536 0Z" fill="#ffdbc4"/><path d="m6.732 6.268-3.964 3.964a2.5 2.5 0 0 0 0 3.536l3.964 3.964a2.5 2.5 0 0 0 3.536 0l3.964-3.964a2.5 2.5 0 0 0 0-3.536l-3.964-3.964a2.5 2.5 0 0 0-3.536 0ZM3.83 11.293l3.964-3.964a1 1 0 0 1 1.414 0l3.965 3.964a1 1 0 0 1 0 1.414l-3.965 3.965a1 1 0 0 1-1.414 0l-3.964-3.965a1 1 0 0 1 0-1.414Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/radiobutton.svg b/hybrid-summer/.config/eww/images/svg/radiobutton.svg
new file mode 100644
index 000000000..e09623d4f
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/radiobutton.svg
@@ -0,0 +1,3 @@
+<svg height="23" width="23" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="11.5" cy="11.5" r="8.5" stroke="#ffdbc4" stroke-width="5" fill="none"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/rankings.svg b/hybrid-summer/.config/eww/images/svg/rankings.svg
new file mode 100644
index 000000000..6b3588c00
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/rankings.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M68.5775 44.3397C68.0998 44.3397 67.5955 44.2601 67.1178 44.0478L50 37.2802L32.8821 44.0743C30.8386 44.8705 28.5297 43.8885 27.707 41.845C26.9108 39.8015 27.8928 37.4926 29.9363 36.6698L48.5138 29.3185C49.4427 28.9469 50.5042 28.9469 51.4331 29.3185L70.0106 36.6698C72.0541 37.466 73.0626 39.8015 72.2399 41.845C71.656 43.3843 70.1698 44.3397 68.5775 44.3397Z" fill="#ffdbc4"/>
+<path d="M68.5775 57.6093C68.0998 57.6093 67.5955 57.5297 67.1178 57.3174L50 50.5499L32.8821 57.3439C30.8386 58.1401 28.5297 57.1581 27.707 55.1146C26.9108 53.0711 27.8928 50.7622 29.9363 49.9395L48.5138 42.5881C49.4427 42.2165 50.5042 42.2165 51.4331 42.5881L70.0106 49.9395C72.0541 50.7356 73.0626 53.0711 72.2399 55.1146C71.656 56.6539 70.1698 57.6093 68.5775 57.6093Z" fill="#ffdbc4"/>
+<path d="M68.5775 70.879C68.0998 70.879 67.5955 70.7993 67.1178 70.587L50 63.8195L32.8821 70.6136C30.8386 71.4098 28.5297 70.4278 27.707 68.3843C26.9108 66.3408 27.8928 64.0318 29.9363 63.2091L48.5138 55.8577C49.4427 55.4862 50.5042 55.4862 51.4331 55.8577L70.0106 63.2091C72.0541 64.0053 73.0626 66.3408 72.2399 68.3843C71.656 69.9236 70.1698 70.879 68.5775 70.879Z" fill="#ffdbc4"/>
+<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="#ffdbc4"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#ffdbc4" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/reset.svg b/hybrid-summer/.config/eww/images/svg/reset.svg
new file mode 100644
index 000000000..e7828fd06
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/reset.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.78 2.72a.75.75 0 0 1 0 1.06L4.56 6h8.69a7.75 7.75 0 1 1-7.75 7.75.75.75 0 0 1 1.5 0 6.25 6.25 0 1 0 6.25-6.25H4.56l2.22 2.22a.75.75 0 1 1-1.06 1.06l-3.5-3.5a.75.75 0 0 1 0-1.06l3.5-3.5a.75.75 0 0 1 1.06 0Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/rightarrow.svg b/hybrid-summer/.config/eww/images/svg/rightarrow.svg
new file mode 100644
index 000000000..4fa4e1dca
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/rightarrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.47 4.22a.75.75 0 0 0 0 1.06L15.19 12l-6.72 6.72a.75.75 0 1 0 1.06 1.06l7.25-7.25a.75.75 0 0 0 0-1.06L9.53 4.22a.75.75 0 0 0-1.06 0Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/root.svg b/hybrid-summer/.config/eww/images/svg/root.svg
new file mode 100644
index 000000000..7df88361c
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/root.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.744 1.996a2.25 2.25 0 0 1 2.245 2.096l.005.154v15.498A2.25 2.25 0 0 1 17.9 21.99l-.155.005h-11.5A2.25 2.25 0 0 1 4 19.898l-.005-.154V4.246A2.25 2.25 0 0 1 6.09 2.001l.154-.005h11.5Zm0 1.5h-11.5a.75.75 0 0 0-.743.648l-.006.102v15.498c0 .38.282.694.648.743l.102.007h11.5a.75.75 0 0 0 .743-.648l.006-.102V4.246a.75.75 0 0 0-.648-.743l-.102-.007Z" fill="#ffdbc4"/><path d="M13.019 16.02a.75.75 0 0 1-.624-.859l.105-.66h-1.482l-.141.895a.75.75 0 1 1-1.482-.235l.105-.66h-.75a.75.75 0 0 1 0-1.5h.987l.238-1.5H9.25a.75.75 0 0 1 0-1.5h.962l.2-1.26a.75.75 0 1 1 1.481.235L11.731 10h1.481l.2-1.259a.75.75 0 1 1 1.481.235L14.731 10h.519a.75.75 0 0 1 0 1.5h-.757l-.237 1.5h.494a.75.75 0 0 1 0 1.5h-.732l-.141.896a.75.75 0 0 1-.858.623Zm-1.526-4.52-.237 1.5h1.481l.238-1.5h-1.482Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/search-fluent.svg b/hybrid-summer/.config/eww/images/svg/search-fluent.svg
new file mode 100644
index 000000000..8696a927a
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/search-fluent.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10 2.75a7.25 7.25 0 0 1 5.63 11.819l4.9 4.9a.75.75 0 0 1-.976 1.134l-.084-.073-4.901-4.9A7.25 7.25 0 1 1 10 2.75Zm0 1.5a5.75 5.75 0 1 0 0 11.5 5.75 5.75 0 0 0 0-11.5Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/search.svg b/hybrid-summer/.config/eww/images/svg/search.svg
new file mode 100644
index 000000000..c87f5f101
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/search.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0481 9.31178C70.2498 9.31178 75.08 12.1005 77.6808 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6808 83.3845C75.08 87.8995 70.2498 90.6882 65.0481 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27214 57.3037C4.67129 52.7887 4.67129 47.2113 7.27214 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0481ZM65.0481 4H34.9526C27.8401 4 21.2583 7.79792 17.7021 13.9596L2.6543 40.0404C-0.90196 46.2021 -0.90196 53.7979 2.6543 59.9596L17.7021 86.0404C21.2583 92.2021 27.8401 96 34.9526 96H65.0481C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3464 59.9596C100.903 53.7979 100.903 46.2021 97.3464 40.0404L82.2721 13.9596C78.7424 7.79792 72.1607 4 65.0481 4Z" fill="#caca93"/>
+<path d="M67.0382 71.0612C66.0297 71.0612 64.9947 70.6628 64.225 69.8926L54.2728 59.933C52.707 58.3661 52.707 55.843 54.2728 54.3025C55.8386 52.7356 58.3599 52.7356 59.8991 54.3025L69.8514 64.2621C71.4172 65.8291 71.4172 68.3522 69.8514 69.8926C69.0817 70.6628 68.0732 71.0612 67.0382 71.0612Z" fill="#caca93"/>
+<path d="M46.2049 63.4919C36.7038 63.4919 28.9544 55.7367 28.9544 46.2286C28.9544 36.7206 36.7038 28.9654 46.2049 28.9654C55.706 28.9654 63.4554 36.7206 63.4554 46.2286C63.4554 55.7367 55.7325 63.4919 46.2049 63.4919ZM46.2049 36.933C41.0828 36.933 36.9162 41.1028 36.9162 46.2286C36.9162 51.3545 41.0828 55.5243 46.2049 55.5243C51.327 55.5243 55.4937 51.3545 55.4937 46.2286C55.4937 41.1028 51.327 36.933 46.2049 36.933Z" fill="#caca93"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#caca93" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/settings.svg b/hybrid-summer/.config/eww/images/svg/settings.svg
new file mode 100644
index 000000000..e0b0586cf
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/settings.svg
@@ -0,0 +1,23 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.31178C70.2493 9.31178 75.0795 12.1005 77.6803 16.6155L92.7281 42.6963C95.329 47.2113 95.329 52.7887 92.7281 57.3037L77.6803 83.3845C75.0795 87.8995 70.2493 90.6882 65.0476 90.6882H34.9521C29.7504 90.6882 24.9203 87.8995 22.3194 83.3845L7.27163 57.3037C4.67078 52.7887 4.67078 47.2113 7.27163 42.6963L22.3194 16.6155C24.9203 12.1005 29.7504 9.31178 34.9521 9.31178H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.79792 17.7016 13.9596L2.6538 40.0404C-0.902467 46.2021 -0.902467 53.7979 2.6538 59.9596L17.7016 86.0404C21.2578 92.2021 27.8396 96 34.9521 96H65.0476C72.1602 96 78.7419 92.2021 82.2982 86.0404L97.3459 59.9596C100.902 53.7979 100.902 46.2021 97.3459 40.0404L82.2716 13.9596C78.7419 7.79792 72.1602 4 65.0476 4Z" fill="#EFD69C"/>
+<path d="M50 72.0704C37.9246 72.0704 28.1051 62.2436 28.1051 50.1593C28.1051 38.0751 37.9246 28.2483 50 28.2483C62.0754 28.2483 71.8949 38.0751 71.8949 50.1593C71.8949 62.2436 62.0754 72.0704 50 72.0704ZM50 36.2159C42.3036 36.2159 36.0669 42.4838 36.0669 50.1593C36.0669 57.8349 42.3302 64.1028 50 64.1028C57.6699 64.1028 63.9331 57.8349 63.9331 50.1593C63.9331 42.4838 57.6699 36.2159 50 36.2159Z" fill="#EFD69C"/>
+<path d="M50 35.8441C47.7972 35.8441 46.0191 34.0647 46.0191 31.8603V28.4873C46.0191 26.2829 47.7972 24.5035 50 24.5035C52.2028 24.5035 53.9809 26.2829 53.9809 28.4873V31.8603C53.9809 34.0647 52.2028 35.8441 50 35.8441Z" fill="#EFD69C"/>
+<path d="M58.9968 38.5531C58.2537 38.5531 57.5106 38.3407 56.8206 37.9157C54.9894 36.7206 54.4586 34.2506 55.6529 32.418L57.6699 29.3106C58.8641 27.4781 61.3323 26.9469 63.1635 28.142C64.9947 29.3372 65.5255 31.8072 64.3312 33.6397L62.3142 36.7471C61.5711 37.9157 60.2973 38.5531 58.9968 38.5531Z" fill="#EFD69C"/>
+<path d="M65.7378 45.5116C64.3843 45.5116 63.0839 44.821 62.3408 43.5993C61.1996 41.7136 61.81 39.2702 63.6943 38.1282L67.0382 36.1097C68.9225 34.9677 71.3641 35.5785 72.5053 37.4642C73.6465 39.3499 73.0361 41.7933 71.1518 42.9353L67.8079 44.9538C67.1444 45.3256 66.4278 45.5116 65.7378 45.5116Z" fill="#EFD69C"/>
+<path d="M32.0064 54.515H27.9724C25.7696 54.515 23.9915 52.7356 23.9915 50.5312C23.9915 48.3268 25.7696 46.5473 27.9724 46.5473H32.0064C34.2091 46.5473 35.9873 48.3268 35.9873 50.5312C35.9873 52.7356 34.2091 54.515 32.0064 54.515Z" fill="#EFD69C"/>
+<path d="M69.0817 65.537C68.3917 65.537 67.7017 65.3511 67.0648 64.9792L63.2696 62.7217C61.3854 61.6062 60.7484 59.1628 61.8631 57.2506C62.9777 55.3649 65.4193 54.7275 67.3302 55.843L71.1253 58.1005C73.0096 59.2159 73.6465 61.6594 72.5319 63.5716C71.7622 64.8464 70.4353 65.537 69.0817 65.537Z" fill="#EFD69C"/>
+<path d="M34.2622 45.5116C33.5722 45.5116 32.8556 45.3257 32.1921 44.9273L28.8482 42.9088C26.9639 41.7668 26.3535 39.3233 27.4947 37.4377C28.6359 35.552 31.0775 34.9411 32.9618 36.0832L36.3057 38.1016C38.19 39.2437 38.8004 41.6871 37.6592 43.5728C36.9161 44.8476 35.6157 45.5116 34.2622 45.5116Z" fill="#EFD69C"/>
+<path d="M40.7909 38.7656C39.3843 38.7656 38.0043 37.9954 37.2877 36.6675L35.483 33.321C34.448 31.3822 35.1646 28.9654 37.1019 27.9296C39.0393 26.8938 41.4544 27.6109 42.4894 29.5497L44.2941 32.8961C45.3291 34.8349 44.6125 37.2517 42.6752 38.2875C42.0648 38.6063 41.4278 38.7656 40.7909 38.7656Z" fill="#EFD69C"/>
+<path d="M72.0276 54.515H67.9936C65.7909 54.515 64.0127 52.7356 64.0127 50.5312C64.0127 48.3268 65.7909 46.5473 67.9936 46.5473H72.0276C74.2303 46.5473 76.0085 48.3268 76.0085 50.5312C76.0085 52.7356 74.2303 54.515 72.0276 54.515Z" fill="#EFD69C"/>
+<path d="M61.0138 73.6109C59.6603 73.6109 58.3333 72.9203 57.5902 71.6455L55.3344 67.8476C54.2198 65.9619 54.8302 63.5185 56.741 62.3765C58.6253 61.261 61.0669 61.8718 62.2081 63.7841L64.4639 67.582C65.5786 69.4677 64.9682 71.9111 63.0573 73.0531C62.3938 73.425 61.7038 73.6109 61.0138 73.6109Z" fill="#EFD69C"/>
+<path d="M50 76.5589C47.7972 76.5589 46.0191 74.7795 46.0191 72.5751V68.0866C46.0191 65.8822 47.7972 64.1028 50 64.1028C52.2028 64.1028 53.9809 65.8822 53.9809 68.0866V72.5751C53.9809 74.7795 52.2028 76.5589 50 76.5589Z" fill="#EFD69C"/>
+<path d="M30.9183 65.537C29.5648 65.537 28.2643 64.8464 27.5212 63.6247C26.3801 61.739 26.9905 59.2956 28.8747 58.1536L32.2187 56.1351C34.103 54.9931 36.5446 55.6039 37.6858 57.4896C38.827 59.3753 38.2166 61.8187 36.3323 62.9607L32.9883 64.9792C32.3514 65.351 31.6348 65.537 30.9183 65.537Z" fill="#EFD69C"/>
+<path d="M38.9862 73.6108C38.2962 73.6108 37.6062 73.4249 36.9692 73.0531C35.0849 71.9376 34.448 69.4942 35.5626 67.582L37.8185 63.7841C38.9331 61.8984 41.3747 61.261 43.2856 62.3764C45.1699 63.4919 45.8068 65.9353 44.6921 67.8476L42.4363 71.6455C41.6667 72.9203 40.3397 73.6108 38.9862 73.6108Z" fill="#EFD69C"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#EFD69C" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/store.svg b/hybrid-summer/.config/eww/images/svg/store.svg
new file mode 100644
index 000000000..b30cc5c98
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/store.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0479 9.31178C70.2496 9.31178 75.0797 12.1005 77.6806 16.6155L92.7283 42.6963C95.3292 47.2113 95.3292 52.7887 92.7283 57.3037L77.6806 83.3845C75.0797 87.8995 70.2496 90.6882 65.0479 90.6882H34.9523C29.7506 90.6882 24.9205 87.8995 22.3196 83.3845L7.27184 57.3037C4.67099 52.7887 4.67099 47.2113 7.27184 42.6963L22.3196 16.6155C24.9205 12.1005 29.7506 9.31178 34.9523 9.31178H65.0479ZM65.0479 4H34.9523C27.8398 4 21.258 7.79792 17.7018 13.9596L2.65401 40.0404C-0.902257 46.2021 -0.902257 53.7979 2.65401 59.9596L17.7018 86.0404C21.258 92.2021 27.8398 96 34.9523 96H65.0479C72.1604 96 78.7421 92.2021 82.2984 86.0404L97.3462 59.9596C100.902 53.7979 100.902 46.2021 97.3462 40.0404L82.2719 13.9596C78.7421 7.79792 72.1604 4 65.0479 4Z" fill="#ffdbc4"/>
+<path d="M69.3737 62.5889H35.828C33.6253 62.5889 31.8471 60.8095 31.8471 58.6051V36.8799L26.1412 31.7009C24.5223 30.2136 24.3896 27.7171 25.8758 26.0704C27.362 24.4503 29.8567 24.3175 31.5021 25.8048L38.5085 32.1524C39.3312 32.8961 39.8089 33.985 39.8089 35.1005V54.6212H65.3928V43.1478L49.2038 40.97C47.0276 40.6778 45.4883 38.6593 45.7803 36.4815C46.0722 34.3037 48.0626 32.7633 50.2654 33.0554L69.9045 35.6847C71.8684 35.9503 73.3546 37.6501 73.3546 39.642V58.5785C73.3546 60.8095 71.5764 62.5889 69.3737 62.5889Z" fill="#ffdbc4"/>
+<path d="M65.1274 75.2309C67.326 75.2309 69.1083 73.4473 69.1083 71.2471C69.1083 69.0469 67.326 67.2633 65.1274 67.2633C62.9288 67.2633 61.1465 69.0469 61.1465 71.2471C61.1465 73.4473 62.9288 75.2309 65.1274 75.2309Z" fill="#ffdbc4"/>
+<path d="M39.1189 75.2309C41.3175 75.2309 43.0998 73.4473 43.0998 71.2471C43.0998 69.0469 41.3175 67.2633 39.1189 67.2633C36.9203 67.2633 35.138 69.0469 35.138 71.2471C35.138 73.4473 36.9203 75.2309 39.1189 75.2309Z" fill="#ffdbc4"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#ffdbc4" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/tournaments.svg b/hybrid-summer/.config/eww/images/svg/tournaments.svg
new file mode 100644
index 000000000..6c270463f
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/tournaments.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="#DA681D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.3119 52.4749C24.9451 51.108 24.9451 48.892 26.3119 47.5251L47.5251 26.3119C48.8919 24.9451 51.108 24.9451 52.4749 26.3119L73.6881 47.5251C75.0549 48.892 75.0549 51.108 73.6881 52.4749L52.4749 73.6881C51.108 75.0549 48.8919 75.0549 47.5251 73.6881L26.3119 52.4749ZM33.7365 50L50 66.2635L66.2634 50L50 33.7365L33.7365 50Z" fill="#DA681D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.5251 27.5251C28.892 26.1583 31.108 26.1583 32.4749 27.5251L72.4749 67.5251C73.8417 68.892 73.8417 71.108 72.4749 72.4749C71.108 73.8417 68.892 73.8417 67.5251 72.4749L27.5251 32.4749C26.1583 31.108 26.1583 28.892 27.5251 27.5251Z" fill="#DA681D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M72.4749 27.5251C73.8417 28.892 73.8417 31.108 72.4749 32.4749L32.4749 72.4749C31.108 73.8417 28.892 73.8417 27.5251 72.4749C26.1583 71.108 26.1583 68.892 27.5251 67.5251L67.5251 27.5251C68.892 26.1583 71.108 26.1583 72.4749 27.5251Z" fill="#DA681D"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#DA681D" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/uparrow.svg b/hybrid-summer/.config/eww/images/svg/uparrow.svg
new file mode 100644
index 000000000..a87c95c88
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/uparrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.293 15.707a1 1 0 0 0 1.414 0L12 9.414l6.293 6.293a1 1 0 0 0 1.414-1.414l-7-7a1 1 0 0 0-1.414 0l-7 7a1 1 0 0 0 0 1.414Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/user.svg b/hybrid-summer/.config/eww/images/svg/user.svg
new file mode 100644
index 000000000..7de0e1953
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/user.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.754 14a2.249 2.249 0 0 1 2.25 2.249v.918a2.75 2.75 0 0 1-.513 1.599C17.945 20.929 15.42 22 12 22c-3.422 0-5.945-1.072-7.487-3.237a2.75 2.75 0 0 1-.51-1.595v-.92a2.249 2.249 0 0 1 2.249-2.25h11.501ZM12 2.004a5 5 0 1 1 0 10 5 5 0 0 1 0-10Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/vol0.svg b/hybrid-summer/.config/eww/images/svg/vol0.svg
new file mode 100644
index 000000000..02da12b17
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/vol0.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.704 3.441c.191.226.296.512.296.808V19.75a1.25 1.25 0 0 1-2.058.954l-4.967-4.206H4.25A2.25 2.25 0 0 1 2 14.248v-4.5a2.25 2.25 0 0 1 2.25-2.25h3.725l4.968-4.204a1.25 1.25 0 0 1 1.761.147ZM13.5 4.788l-4.975 4.21H4.25a.75.75 0 0 0-.75.75v4.5c0 .415.336.75.75.75h4.275l4.975 4.213V4.788Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/vol1.svg b/hybrid-summer/.config/eww/images/svg/vol1.svg
new file mode 100644
index 000000000..7162b0d6c
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/vol1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.704 3.442c.191.226.296.512.296.808v15.502a1.25 1.25 0 0 1-2.058.954L7.975 16.5H4.25A2.25 2.25 0 0 1 2 14.25v-4.5A2.25 2.25 0 0 1 4.25 7.5h3.725l4.968-4.204a1.25 1.25 0 0 1 1.761.147ZM13.5 4.79 8.525 9H4.25a.75.75 0 0 0-.75.75v4.5c0 .415.336.75.75.75h4.275l4.975 4.213V4.79Zm3.604 3.851a.75.75 0 0 1 1.03.25c.574.94.862 1.992.862 3.14 0 1.149-.288 2.201-.862 3.141a.75.75 0 1 1-1.28-.781c.428-.702.642-1.483.642-2.36 0-.876-.214-1.657-.642-2.359a.75.75 0 0 1 .25-1.03Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/vol2.svg b/hybrid-summer/.config/eww/images/svg/vol2.svg
new file mode 100644
index 000000000..785d86975
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/vol2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 4.25c0-1.079-1.274-1.65-2.08-.934L8.427 7.309a.75.75 0 0 1-.498.19H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V4.25ZM9.425 8.43 13.5 4.807v14.382l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.68a2.25 2.25 0 0 0 1.495-.569ZM18.992 5.897a.75.75 0 0 1 1.049.157A9.959 9.959 0 0 1 22 12a9.96 9.96 0 0 1-1.96 5.946.75.75 0 0 1-1.205-.892A8.459 8.459 0 0 0 20.5 12a8.459 8.459 0 0 0-1.665-5.054.75.75 0 0 1 .157-1.049Z" fill="#ffdbc4"/><path d="M17.143 8.37a.75.75 0 0 1 1.017.302c.536.99.84 2.125.84 3.328a6.973 6.973 0 0 1-.84 3.328.75.75 0 0 1-1.32-.714c.42-.777.66-1.666.66-2.614s-.24-1.837-.66-2.614a.75.75 0 0 1 .303-1.017Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/vol3.svg b/hybrid-summer/.config/eww/images/svg/vol3.svg
new file mode 100644
index 000000000..785d86975
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/vol3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 4.25c0-1.079-1.274-1.65-2.08-.934L8.427 7.309a.75.75 0 0 1-.498.19H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V4.25ZM9.425 8.43 13.5 4.807v14.382l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.68a2.25 2.25 0 0 0 1.495-.569ZM18.992 5.897a.75.75 0 0 1 1.049.157A9.959 9.959 0 0 1 22 12a9.96 9.96 0 0 1-1.96 5.946.75.75 0 0 1-1.205-.892A8.459 8.459 0 0 0 20.5 12a8.459 8.459 0 0 0-1.665-5.054.75.75 0 0 1 .157-1.049Z" fill="#ffdbc4"/><path d="M17.143 8.37a.75.75 0 0 1 1.017.302c.536.99.84 2.125.84 3.328a6.973 6.973 0 0 1-.84 3.328.75.75 0 0 1-1.32-.714c.42-.777.66-1.666.66-2.614s-.24-1.837-.66-2.614a.75.75 0 0 1 .303-1.017Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/volmute.svg b/hybrid-summer/.config/eww/images/svg/volmute.svg
new file mode 100644
index 000000000..ebbe60e1f
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/volmute.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.28 2.22a.75.75 0 1 0-1.06 1.06L6.438 7.5H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V16.06l5.72 5.72a.75.75 0 0 0 1.06-1.061L3.28 2.22ZM13.5 14.56v4.629l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.688L13.5 14.56ZM13.5 4.807v5.511l1.5 1.5V4.25c0-1.079-1.274-1.65-2.08-.934l-3.4 3.022 1.063 1.063L13.5 4.807ZM17.141 13.96l1.138 1.137A6.974 6.974 0 0 0 19 12a6.973 6.973 0 0 0-.84-3.328.75.75 0 0 0-1.32.714c.42.777.66 1.666.66 2.614 0 .691-.127 1.351-.359 1.96ZM19.388 16.206l1.093 1.094A9.955 9.955 0 0 0 22 12a9.959 9.959 0 0 0-1.96-5.946.75.75 0 0 0-1.205.892A8.46 8.46 0 0 1 20.5 12a8.458 8.458 0 0 1-1.112 4.206Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/wifi.svg b/hybrid-summer/.config/eww/images/svg/wifi.svg
new file mode 100644
index 000000000..628935bda
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/wifi.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m12.858 14.273 7.434 7.434a1 1 0 0 0 1.414-1.414l-17.999-18a1 1 0 1 0-1.414 1.414L5.39 6.804c-.643.429-1.254.927-1.821 1.495a12.382 12.382 0 0 0-1.39 1.683 1 1 0 0 0 1.644 1.14c.363-.524.761-1.01 1.16-1.41a9.94 9.94 0 0 1 1.855-1.46L7.99 9.405a8.14 8.14 0 0 0-3.203 3.377 1 1 0 0 0 1.784.903 6.08 6.08 0 0 1 1.133-1.563 6.116 6.116 0 0 1 1.77-1.234l1.407 1.407A5.208 5.208 0 0 0 8.336 13.7a5.25 5.25 0 0 0-1.09 1.612 1 1 0 0 0 1.832.802c.167-.381.394-.722.672-1a3.23 3.23 0 0 1 3.108-.841Zm-1.332-5.93 2.228 2.229a6.1 6.1 0 0 1 2.616 1.55c.444.444.837.995 1.137 1.582a1 1 0 1 0 1.78-.911 8.353 8.353 0 0 0-1.503-2.085 8.108 8.108 0 0 0-6.258-2.365ZM8.51 5.327l1.651 1.651a9.904 9.904 0 0 1 10.016 4.148 1 1 0 1 0 1.646-1.136A11.912 11.912 0 0 0 8.51 5.327Zm4.552 11.114a1.501 1.501 0 1 1-2.123 2.123 1.501 1.501 0 0 1 2.123-2.123Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/wifi1.svg b/hybrid-summer/.config/eww/images/svg/wifi1.svg
new file mode 100644
index 000000000..2350199a4
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/wifi1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.96 18.568a1.501 1.501 0 1 0 2.122-2.123 1.501 1.501 0 0 0-2.123 2.123Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/wifi2.svg b/hybrid-summer/.config/eww/images/svg/wifi2.svg
new file mode 100644
index 000000000..1bba911da
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/wifi2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.938 16.446a1.501 1.501 0 1 1 2.123 2.123 1.501 1.501 0 0 1-2.123-2.123Zm-2.603-2.742a5.233 5.233 0 0 1 7.4 0c.46.461.838 1.025 1.101 1.625a1 1 0 0 1-1.832.803 3.356 3.356 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.255 3.255 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.613Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/wifi3.svg b/hybrid-summer/.config/eww/images/svg/wifi3.svg
new file mode 100644
index 000000000..cddecd0e3
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/wifi3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.96 16.44a1.501 1.501 0 1 1 2.122 2.122 1.501 1.501 0 0 1-2.123-2.122Zm-2.604-2.742a5.233 5.233 0 0 1 7.4 0c.46.461.838 1.025 1.101 1.625a1 1 0 1 1-1.832.803 3.358 3.358 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.254 3.254 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.613ZM6.31 10.707a8.128 8.128 0 0 1 11.495 0 8.353 8.353 0 0 1 1.503 2.085 1 1 0 0 1-1.78.91 6.357 6.357 0 0 0-1.137-1.581 6.128 6.128 0 0 0-9.8 1.562 1 1 0 1 1-1.785-.902 8.08 8.08 0 0 1 1.504-2.074Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/wifi4.svg b/hybrid-summer/.config/eww/images/svg/wifi4.svg
new file mode 100644
index 000000000..763bcdfa4
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/wifi4.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.784 10.708a8.35 8.35 0 0 1 1.504 2.085 1 1 0 0 1-1.781.91 6.353 6.353 0 0 0-1.137-1.58 6.128 6.128 0 0 0-9.8 1.562 1 1 0 0 1-1.784-.903 8.128 8.128 0 0 1 12.998-2.074ZM15.735 13.7c.46.46.838 1.024 1.101 1.624a1 1 0 1 1-1.832.803 3.36 3.36 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.257 3.257 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.612 5.233 5.233 0 0 1 7.4 0Zm4.684-5.401c.508.508.987 1.087 1.404 1.691a1 1 0 0 1-1.646 1.136c-.35-.506-.752-.993-1.172-1.413-3.872-3.872-10.15-3.872-14.023 0-.4.399-.797.886-1.16 1.41a1 1 0 0 1-1.644-1.14c.428-.618.9-1.195 1.39-1.684 4.653-4.654 12.198-4.654 16.851 0Zm-7.358 8.142a1.501 1.501 0 1 1-2.122 2.123 1.501 1.501 0 0 1 2.122-2.123Z" fill="#ffdbc4"/></svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/svg/wiki.svg b/hybrid-summer/.config/eww/images/svg/wiki.svg
new file mode 100644
index 000000000..e7d3a8c67
--- /dev/null
+++ b/hybrid-summer/.config/eww/images/svg/wiki.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0482 9.31178C70.2499 9.31178 75.08 12.1005 77.6809 16.6155L92.7287 42.6963C95.3295 47.2113 95.3295 52.7887 92.7287 57.3037L77.6809 83.3845C75.08 87.8995 70.2499 90.6882 65.0482 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27217 57.3037C4.67132 52.7887 4.67132 47.2113 7.27217 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0482ZM65.0482 4H34.9526C27.8401 4 21.2584 7.79792 17.7021 13.9596L2.65433 40.0404C-0.901929 46.2021 -0.901929 53.7979 2.65433 59.9596L17.7021 86.0404C21.2584 92.2021 27.8401 96 34.9526 96H65.0482C72.1607 96 78.7425 92.2021 82.2987 86.0404L97.3465 59.9596C100.903 53.7979 100.903 46.2021 97.3465 40.0404L82.2722 13.9596C78.7424 7.79792 72.1607 4 65.0482 4Z" fill="#ffdbc4"/>
+<path d="M50 48.3799C44.1348 48.3799 39.3843 43.6259 39.3843 37.7563C39.3843 31.8868 44.1348 27.1328 50 27.1328C55.8652 27.1328 60.6157 31.8868 60.6157 37.7563C60.6157 43.6259 55.8652 48.3799 50 48.3799ZM50 35.1005C48.5403 35.1005 47.3461 36.2956 47.3461 37.7563C47.3461 39.2171 48.5403 40.4122 50 40.4122C51.4596 40.4122 52.6539 39.2171 52.6539 37.7563C52.6539 36.2956 51.4596 35.1005 50 35.1005Z" fill="#ffdbc4"/>
+<path d="M38.7208 72.8672C37.7123 72.8672 36.6773 72.4688 35.9076 71.6986L24.7611 60.5439C23.1953 58.9769 23.1953 56.4538 24.7611 54.9134C26.327 53.3464 28.8482 53.3464 30.3875 54.9134L38.7208 63.2529L47.0807 54.8868C48.6465 53.3198 51.1677 53.3198 52.707 54.8868L61.0138 63.1997L69.4267 54.7806C70.9925 53.2136 73.5138 53.2136 75.053 54.7806C76.6189 56.3476 76.6189 58.8706 75.053 60.4111L63.8004 71.672C62.2346 73.239 59.7134 73.239 58.1741 71.672L49.8673 63.3591L41.5074 71.7251C40.7643 72.4688 39.7558 72.8672 38.7208 72.8672Z" fill="#ffdbc4"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#ffdbc4" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/images/textures/acrylic.png b/hybrid-summer/.config/eww/images/textures/acrylic.png
new file mode 100644
index 000000000..028b188b5
Binary files /dev/null and b/hybrid-summer/.config/eww/images/textures/acrylic.png differ
diff --git a/hybrid-summer/.config/eww/images/wallpaper/wallpaper b/hybrid-summer/.config/eww/images/wallpaper/wallpaper
new file mode 100644
index 000000000..abf8dbb23
Binary files /dev/null and b/hybrid-summer/.config/eww/images/wallpaper/wallpaper differ
diff --git a/hybrid-summer/.config/eww/modules/activewindow.yuck b/hybrid-summer/.config/eww/modules/activewindow.yuck
new file mode 100755
index 000000000..6e510dddd
--- /dev/null
+++ b/hybrid-summer/.config/eww/modules/activewindow.yuck
@@ -0,0 +1,26 @@
+(defwidget activewindow []
+  (box
+    :valign "center"
+    :space-evenly false
+    :orientation "v"
+    (box
+      (eventbox
+        :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+        :onhover "${EWW_CMD} update rev_center_ws=true"
+        (box
+          :space-evenly false
+          :class "activewin"
+          (revealer
+            :transition "slideright"
+            :reveal "${!music_reveal}"
+            :duration "300ms"
+            (label
+              :limit-width 40
+              :text "${awin.title}"
+            )
+          )
+        )
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/modules/audiolevels.yuck b/hybrid-summer/.config/eww/modules/audiolevels.yuck
new file mode 100755
index 000000000..da529c3a6
--- /dev/null
+++ b/hybrid-summer/.config/eww/modules/audiolevels.yuck
@@ -0,0 +1,71 @@
+(defwidget audiolevels[]
+  (box
+    :space-evenly false
+    :orientation "v"
+    :class "sliders"
+    (label
+      :text "Volume mixer"
+      :xalign 0
+      :style "font-weight: bold;"
+    )
+    (for i in audiojson
+      (eventbox
+        :onscroll "pactl set-sink-input-volume ${i.sink} $(echo {} | sed -e \"s/up/+10/g\" -e \"s/down/-10/g\")% &"
+        :onrightclick "pactl set-sink-input-volume ${i.sink} 100%"
+        (box
+          :space-evenly false
+          :orientation "v"
+          ; (label :class "time" :text "DEBUG:${i}")
+          (centerbox
+            :space-evenly false
+            :orientation "h"
+            ; :halign "center"
+            (label
+              :xalign 0
+              :class "audiotext"
+              :limit-width 42
+              :style "font-size: 13pt; padding-bottom: 2px;"
+              :text "${i.name} (#${i.sink})"
+            )
+            (label
+              :xalign 0
+              :class "audiotext"
+              :limit-width 30
+              :style "font-size: 13pt; padding-bottom: 2px;"
+              :text ""
+            )
+            (box :orientation "v"
+              (label
+                :xalign 1
+                :class "audiotext"
+                :style "font-size: 13pt; padding-bottom: 2px;"
+                :text "${i.volume}%"
+              )
+            )
+          )
+          (box
+            :class "volume-slider-box"
+            :space-evenly false
+            (eventbox
+              ; :class "volume-icon"
+              :onclick "pactl set-sink-input-volume ${i.sink} 0%"
+              :onscroll "pactl set-sink-input-volume ${i.sink} $(echo {} | sed -e \"s/up/+10/g\" -e \"s/down/-10/g\")%"
+              :onrightclick "pactl set-sink-input-volume ${i.sink} 100%"
+              (label
+                :style "font-family: 'Material Symbols Rounded';"
+                :text "${volume.icon}"
+              )
+            )
+            (scale
+              :class "sliderbg"
+              :value {i.volume}
+              :class "volume-bar slider"
+              :onchange "pactl set-sink-input-volume ${i.sink} {}%"
+              :tooltip "${i.name}: ${i.volume}%"
+            )
+          )
+        )
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/modules/bluetooth.yuck b/hybrid-summer/.config/eww/modules/bluetooth.yuck
new file mode 100755
index 000000000..bb84e9668
--- /dev/null
+++ b/hybrid-summer/.config/eww/modules/bluetooth.yuck
@@ -0,0 +1,13 @@
+(defwidget bluetooth []
+  (eventbox
+    :onrightclick "gnome-control-center bluetooth"
+    (button
+      :class "module-bt module icon"
+      :onclick "blueberry"
+      :onrightclick "gnome-control-center bluetooth"
+      :tooltip "${bluetooth.text} ${bluetooth.batt_icon}"
+      :style "color: ${bluetooth.color};"
+      {bluetooth.icon}
+    )
+  )
+)
diff --git a/hybrid-summer/.config/eww/modules/bright.yuck b/hybrid-summer/.config/eww/modules/bright.yuck
new file mode 100755
index 000000000..d45bfcaaf
--- /dev/null
+++ b/hybrid-summer/.config/eww/modules/bright.yuck
@@ -0,0 +1,15 @@
+(defwidget bright []
+  (box
+    :class "module"
+    (eventbox
+      :class "bright-icon"
+      :onscroll "echo $(echo {} | sed -e 's/down/-U 5/g' -e 's/up/-A 5/g' | xargs light) && scripts/bright osd"
+      (label
+        :valign "start"
+        :text {brightness.icon}
+        :class "bright-icon icon"
+        :tooltip "brightness ${round(brightness.level, 0)}%"
+      )
+    )
+  )
+)
diff --git a/hybrid-summer/.config/eww/modules/clock.yuck b/hybrid-summer/.config/eww/modules/clock.yuck
new file mode 100755
index 000000000..1a93b3890
--- /dev/null
+++ b/hybrid-summer/.config/eww/modules/clock.yuck
@@ -0,0 +1,51 @@
+(defwidget clock_module []
+  (eventbox
+    :onclick "${EWW_CMD} update popup='calendar'"
+    :class "${popup == 'calendar' ? 'calendar-win' : ''}"
+    :style "${rev_ontf ? 'background-color: #838383;' : ''}"
+    ; clock-module
+    (box
+      :space-evenly false
+      :orientation "v"
+      (box
+        :class "module"
+        :valign "start"
+        :orientation "v"
+        :style "min-width: 115px;"
+        (box
+          :space-evenly false
+          :halign "start"
+          (label :text "${time.hour}" :class "clock hour")
+          (label :text ":" :class "clock")
+          (label :text {time.minute} :class "clock minute")
+        )
+        (button
+          :style "background"
+          :halign "start"
+          :valign "start"
+          :class "date-clock"
+          :onclick "${EWW_CMD} update popup='calendar'"
+          "${time.day}, ${time.date}"
+        )
+        
+      )
+      (revealer
+        :reveal "${popup == 'calendar'}"
+        :transition "slideright"
+        :duration "0ms"
+        (revealer
+          :reveal "${popup == 'calendar'}"
+          :transition "crossfade"
+          :duration "0ms"
+          (revealer
+            :reveal "${popup == 'calendar'}"
+            :transition "slidedown"
+            :duration "0ms"
+            (calendar)
+          )
+        )
+      )
+    )
+  )
+)
+
diff --git a/hybrid-summer/.config/eww/modules/editmode.yuck b/hybrid-summer/.config/eww/modules/editmode.yuck
new file mode 100755
index 000000000..24a9b89c7
--- /dev/null
+++ b/hybrid-summer/.config/eww/modules/editmode.yuck
@@ -0,0 +1,24 @@
+(defwidget editmode []
+  (eventbox
+    :cursor "col-resize"
+    :onhover "${EWW_CMD} update edit_hover=true"
+    :onhoverlost "${EWW_CMD} update edit_hover=false"
+    :onscroll "hyprctl dispatch splitratio $(echo {} | sed -e \"s/up/-0.1/g\" -e \"s/down/+0.1/g\")"
+    :onmiddleclick "scripts/toggle-compactmode.sh"
+    :onrightclick "scripts/toggle-compactmode.sh --toggle --border 0"
+    (checkbox
+      :class "module-button${editing ? '-true' : (edit_hover ? '-hover' : '')} edit-mode-checkbox-${editing}"
+      :onchecked "scripts/editmode.sh enable"
+      :onunchecked "scripts/editmode.sh disable"
+      :tooltip "Edit mode (middle-click to move, right-click to resize windows)"
+      (image
+        :path "images/svg/tournaments.svg"
+        :image-height 33
+        :image-width 33
+        :style "
+        margin-left: -5.5px;
+        "
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/modules/gamebar.json b/hybrid-summer/.config/eww/modules/gamebar.json
new file mode 100644
index 000000000..efb2c03f8
--- /dev/null
+++ b/hybrid-summer/.config/eww/modules/gamebar.json
@@ -0,0 +1,42 @@
+{
+    "controls": {
+        "at": [
+            960,
+            65
+        ],
+        "size": [
+            530,
+            70
+        ]
+    },
+    "capture": {
+        "at": [
+            202,
+            131.5
+        ],
+        "size": [
+            338,
+            197
+        ]
+    },
+    "audio": {
+        "at": [
+            202,
+            644.5
+        ],
+        "size": [
+            338,
+            789
+        ]
+    },
+    "performance": {
+        "at": [
+            1718,
+            932
+        ],
+        "size": [
+            338,
+            230
+        ]
+    }
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/modules/gamebar_topleft_size.json b/hybrid-summer/.config/eww/modules/gamebar_topleft_size.json
new file mode 100644
index 000000000..9635a8ef7
--- /dev/null
+++ b/hybrid-summer/.config/eww/modules/gamebar_topleft_size.json
@@ -0,0 +1,42 @@
+{
+    "controls": {
+        "at": [
+            495,
+            30
+        ],
+        "size": [
+            930,
+            70
+        ]
+    },
+    "capture": {
+        "at": [
+            33,
+            33
+        ],
+        "size": [
+            338,
+            197
+        ]
+    },
+    "audio": {
+        "at": [
+            33,
+            250
+        ],
+        "size": [
+            338,
+            589
+        ]
+    },
+    "performance": {
+        "at": [
+            1250,
+            604
+        ],
+        "size": [
+            338,
+            230
+        ]
+    }
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/modules/music.yuck b/hybrid-summer/.config/eww/modules/music.yuck
new file mode 100755
index 000000000..10267390f
--- /dev/null
+++ b/hybrid-summer/.config/eww/modules/music.yuck
@@ -0,0 +1,142 @@
+(defwidget osu-music-module []
+  (eventbox
+    :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+    :onclick "scripts/toggle-music.sh &"
+    :onmiddleclick "playerctl play-pause"
+    :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+    :onhover "${EWW_CMD} update music_hover=true"
+    :onhoverlost "${EWW_CMD} update music_hover=false"
+    (box
+      :space-evenly false
+      :class "module-button-pad-center"
+      (box
+        :space-evenly false 
+        :class "module-button${music_open ? '-true' : (music_hover ? '-hover' : '')}"
+        (revealer ; dummy keep alive
+          :reveal false
+          :duration "0ms"
+          :transition "slideright"
+          (label :text "${mcover.image} ${cavajson[0]}")
+        )
+        (box
+          :space-evenly false
+          :valign "start"
+          ; :class "osu-music-box"
+          :class "osu-music-box"
+          ; (image
+            ;   :path "images/svg/beatmaps.svg"
+            ;   :image-width 33
+            ;   :image-height 33
+            ;   :class "osu-music-box-dummy"
+          ; )
+          (overlay
+            (box
+              :halign "center" :valign "center"
+              :class "bar-music-cover"
+              :style "background-image: url('eww_covers/cover_art_default')"
+            )
+            (box
+              :halign "center" :valign "center"
+              :class "bar-music-cover"
+              :style "background-image: url('${mcover.image}')"
+            )
+            (label
+              :class "bar-music-state"
+              :halign "center" :valign "center"
+              :style "
+              font-size: 18pt;
+              margin-bottom: -1px;
+              color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};
+              "
+              :text "${mplay == 'Playing' ? '' : ''}"
+            )
+          )
+        )
+        (revealer
+          :transition "slideright"
+          ; :reveal "${(music_reveal || osd_vol || (mname.title != '')) && !focus}"
+          :reveal true
+          :duration "300ms"
+          :class "music-ctl-revealer"
+          :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+          :limit-width 20
+          (eventbox
+            :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+            (box
+              :space-evenly false :orientation "h"
+              :width 421
+              (box
+                :space-evenly false :orientation "v"
+                :valign "center"
+                :class "music-ctl-revealer"
+                :hexpand true
+                (label
+                  :class "music-title-bar"
+                  :limit-width 50
+                  :xalign 0
+                  :style "
+                  color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};
+                  "
+                  :text "${mname.title == '' ? 'Not playing' : mname.title}"
+                )
+                (revealer
+                  :transition "slidedown"
+                  :reveal "${mname.artist != ''}"
+                  :duration "20ms"
+                  (label
+                    :class "music-artist-bar"
+                    :limit-width 50
+                    :xalign 0
+                    :style "font-size: 11pt; font-family: 'Rubik';
+                    color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};
+                    "
+                    :text "${mname.artist}"
+                  )
+                )
+              )
+              (revealer
+                :reveal {music_hover}
+                :transition "slideleft"
+                :duration "400ms"
+                (revealer
+                  :reveal {music_hover}
+                  :transition "crossfade"
+                  :duration "400ms"
+                  (centerbox
+                    :class "music-button-box-bar"
+                    (button
+                      :class "song-button-bar"
+                      :style "
+                      font-size: 30pt;
+                      color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};
+                      "
+                      :onclick "playerctl previous" ""
+                    )
+                    (button
+                      :class "song-button-bar"
+                      :style "
+                      font-size: 30pt;
+                      color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};
+                      "
+                      :onclick "playerctl play-pause"
+                      "${music.status != '' ? music.status : ''}"
+                    )
+                    (button
+                      :class "song-button-bar"
+                      :style "
+                      font-size: 30pt;
+                      color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};
+                      "
+                      :onclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+                      ""
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/modules/net.yuck b/hybrid-summer/.config/eww/modules/net.yuck
new file mode 100755
index 000000000..4a9adad73
--- /dev/null
+++ b/hybrid-summer/.config/eww/modules/net.yuck
@@ -0,0 +1,19 @@
+(defwidget net []
+  (box
+    :class "module"
+    (eventbox
+      :class "net-icon"
+      :onclick "iwgtk &"
+      :onrightclick "gnome-control-center network &"
+      :tooltip {net.essid}
+      ; :style "color: ${net.color};"
+      (label
+        :valign "start"
+        :text {net.icon}
+        :class "net-icon"
+        :tooltip {net.essid}
+        ; :style "color: ${net.color};"
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/modules/pinned-apps.json b/hybrid-summer/.config/eww/modules/pinned-apps.json
new file mode 100644
index 000000000..a127007bd
--- /dev/null
+++ b/hybrid-summer/.config/eww/modules/pinned-apps.json
@@ -0,0 +1,21 @@
+[ 
+    [
+        {"name": "File Explorer", "exec": "gtk-launch org.gnome.Nautilus.desktop &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/nautilus.svg"},
+        {"name": "Firefox", "exec": "gtk-launch firefox &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/firefox.svg"},
+        {"name": "Terminal", "exec": "gtk-launch org.codeberg.dnkl.foot.desktop &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/foot.svg"},
+        {"name": "Paint", "exec": "gtk-launch org.kde.kolourpaint.desktop &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/kolourpaint.svg"},
+        {"name": "Settings", "exec": "gtk-launch org.gnome.Settings.desktop &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/gnome-control-center.svg"},
+        {"name": "Notepad", "exec": "gtk-launch org.gnome.TextEditor &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/org.gnome.TextEditor.svg"}
+    ],
+    [
+        {"name": "Clock", "exec": "gtk-launch org.gnome.clocks &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/gnome-clocks.svg"},
+        {"name": "Edge", "exec": "/usr/bin/microsoft-edge-stable --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland --gtk-version=4 &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/microsoft-edge.svg"},
+        {"name": "Visual Studio Code", "exec": "code --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/code.svg"},
+        {"name": "Calculator", "exec": "gtk-launch org.gnome.Calculator &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/org.gnome.Calculator.svg"},
+        {"name": "GitHub Desktop", "exec": "gtk-launch github-desktop &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/github-desktop.svg"},
+        {"name": "Photos", "exec": "gtk-launch org.gnome.eog &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/eog.svg"}
+    ],
+    [
+        {"name": "VLC Media Player", "exec": "gtk-launch vlc &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/vlc.svg"}
+    ]
+]
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/modules/recommended.json b/hybrid-summer/.config/eww/modules/recommended.json
new file mode 100644
index 000000000..c8ff0f2d2
--- /dev/null
+++ b/hybrid-summer/.config/eww/modules/recommended.json
@@ -0,0 +1,9 @@
+[ 
+    [
+        {"name": "This is NOT Windows 11", "subtext": "Check out my configs", "exec": "xdg-open 'https://github.com/end-4/dots-hyprland/tree/main' &", "icon": "images/icons/github.svg"},
+        {"name": "Get Hyprland help", "subtext": "+ chance to be called a retard", "exec": "xdg-open 'https://discord.com/invite/hQ9XvMUjjr' &", "icon": "images/icons/discord.png"}
+    ],
+    [
+        {"name": "r/unixporn", "subtext": "The best kinda porn", "exec": "xdg-open 'https://www.reddit.com/r/unixporn/' &", "icon": "images/icons/reddit.svg"}
+    ]
+]
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/modules/searchbutton.yuck b/hybrid-summer/.config/eww/modules/searchbutton.yuck
new file mode 100755
index 000000000..35922f07d
--- /dev/null
+++ b/hybrid-summer/.config/eww/modules/searchbutton.yuck
@@ -0,0 +1,17 @@
+(defwidget searchbutton []
+  (eventbox
+    :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    :class "osettings-toggle-button-${open_overview}"
+    :onclick "scripts/toggle-overview.sh"
+    :onmiddleclick "scripts/toggle-overview.sh"
+    :onrightclick "scripts/toggle-overview.sh"
+    (box
+      :class "module-button-pad-center"
+      (image
+        :path "images/svg/search.svg"
+        :image-width 33
+        :image-height 33
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/modules/sys.yuck b/hybrid-summer/.config/eww/modules/sys.yuck
new file mode 100755
index 000000000..74aff928a
--- /dev/null
+++ b/hybrid-summer/.config/eww/modules/sys.yuck
@@ -0,0 +1,370 @@
+(defwidget sys []
+  (eventbox
+    :class "${popup == 'system-menu' ? 'system-menu-box' : 'sysbar'}"
+    ; :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+    (box
+      :space-evenly false
+      :orientation "v"
+      (box
+        :class "module"
+        :space-evenly false
+        :spacing 5
+        :halign "end"
+        (syscpu)
+        (sysmem)
+        (sysbatt)
+        ; (settingscog)
+      )
+      (revealer
+        :reveal "${popup == 'system-menu'}"
+        :transition "slideright"
+        :duration "0ms"
+        (revealer
+          :reveal "${popup == 'system-menu'}"
+          :transition "crossfade"
+          :duration "0ms"
+          (revealer
+            :reveal "${popup == 'system-menu'}"
+            :transition "slidedown"
+            :duration "0ms"
+            (box
+              :space-evenly false
+              (box
+                ; :class "system-menu-box"
+                :space-evenly false
+                :orientation "v"
+                (box
+                  :class "top-row"
+                  :space-evenly false
+                  (label :class "time" :text "${time.hour}:${time.minute}")
+                  (box
+                    :class "date-box"
+                    :space-evenly false
+                    (label :class "date" :text "${time.day},")
+                    (label :class "date" :text "${time.date}")
+                  )
+                )
+                
+                (box
+                  :class "system-row"
+                  :space-evenly false
+                  (box
+                    :class "wifi-box"
+                    :space-evenly false
+                    :orientation "v"
+                    (box
+                      :class "element"
+                      :space-evenly false
+                      (button
+                        ; :class "wifi-button"
+                        :onclick "scripts/net toggle"
+                        :style "font-family: Material Symbols Rounded;"
+                        {net.icon}
+                      )
+                      (label :class "separator" :text "|")
+                      (button
+                        :class "wifi-arrow-btn"
+                        :style "font-family: Material Symbols Rounded;"
+                        :onclick "nm-connection-editor &"
+                        ""
+                      )
+                    )
+                    (label :style "font-size: 12pt;" :class "sys-toggle" :text {net.essid} :xalign 0.5 :limit-width 15)
+                  )
+                  
+                  (box
+                    :class "bluetooth-box"
+                    :space-evenly false
+                    :orientation "v"
+                    (box
+                      :class "element icon"
+                      :space-evenly false
+                      (button
+                        :class "bluetooth-button"
+                        :onclick "scripts/bluetooth toggle"
+                        :style "font-family: 'Material Symbols Rounded';"
+                        {bluetooth.icon}
+                      )
+                      (label :class "separator" :text "|")
+                      (button
+                        :class "bluetooth-arrow-btn"
+                        :onclick "blueberry"
+                        ""
+                      )
+                    )
+                    (label
+                      :style "font-size: 12pt;"
+                      :text {bluetooth.text}
+                      :xalign 0.5
+                      :class "sys-toggle"
+                      :tooltip "${bluetooth.text} ${bluetooth.batt_icon}"
+                      :limit-width 15
+                    )
+                  )
+                  
+                  (box
+                    :class "airplane-box"
+                    :space-evenly false
+                    :orientation "v"
+                    (box
+                      :class "element"
+                      (button
+                        :class "airplane-button"
+                        :onclick "scripts/airplane toggle"
+                        airplane
+                      )
+                    )
+                    (label :style "font-size: 12pt;" :text "Airplane Mode" :xalign 0.5 :limit-width 16)
+                  )
+                  
+                  (box
+                    :space-evenly false
+                    :orientation "v"
+                    (box
+                      :class "element"
+                      (button
+                        :halign "end"
+                        :onclick "wlogout -p layer-shell &"
+                        ""
+                      )
+                    )
+                    (label
+                      :style "font-size: 12pt;"
+                      :text "Power"
+                      :class "sys-toggle"
+                      :xalign 0.5
+                      :limit-width 16
+                    )
+                  )
+                )
+                (audiolevels)
+                (box
+                  :class "system-info-box"
+                  :style "margin-bottom: 17px;"
+                  ; cpu
+                  (box
+                    :class "sys-box"
+                    :space-evenly false
+                    :halign "start"
+                    (circular-progress
+                      :value "${EWW_CPU.avg}"
+                      :class "sys-cpu"
+                      :thickness 3
+                      (label
+                        :text ""
+                      :class "sys-icon-cpu icon")
+                    )
+                    (box
+                      :orientation "v"
+                      :vexpand false
+                      (label
+                        :text "CPU"
+                        :halign "start"
+                        :class "sys-text-cpu"
+                        :style "font-size: 12pt;"
+                      )
+                      (label
+                        :text "${round(EWW_CPU.avg,2)}%"
+                        :halign "start"
+                        :class "sys-text-sub"
+                        :style "font-size: 12pt;"
+                      )
+                      (label
+                        :text "${EWW_CPU.cores[0].freq} MHz"
+                        :halign "start"
+                        :class "sys-text-sub"
+                        :style "font-size: 12pt;"
+                      )
+                    )
+                  )
+                  
+                  ; memory
+                  (box
+                    :class "sys-box"
+                    :space-evenly false
+                    :halign "end"
+                    (circular-progress
+                      :value {memory.percentage}
+                      :class "sys-mem"
+                      :thickness 3
+                      (label
+                        :text ""
+                        :class "sys-icon-mem icon"
+                      )
+                    )
+                    (box
+                      :orientation "v"
+                      (label :style "font-size: 12pt;" :text "Memory" :halign "start" :class "sys-text-mem")
+                      (label :style "font-size: 12pt;" :text "${memory.used} / ${memory.total}" :halign "start" :class "sys-text-sub")
+                      (label :style "font-size: 12pt;" :text "Swap ${memory.swapused} / ${memory.swaptotal}" :halign "start" :class "sys-text-sub")
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget syscpu []
+  (revealer
+    :reveal "${((popup == 'system-menu' || EWW_CPU.avg>= 50) || force_sys_rev)}"
+    :transition "slideleft"
+    :duration "300ms"
+    :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+    (eventbox
+      :class "cpubar"
+      :space-evenly false
+      (box
+        :class "cpubar"
+        :space-evenly false
+        (circular-progress
+          :value "${EWW_CPU.avg}"
+          :class "cpubar-circle"
+          :thickness 4
+          :start-at 75
+          (box
+            :tooltip "CPU: ${round(EWW_CPU.avg,0)}%"
+            :class "inside-circle"
+            (label :class "icon-text" :text "")
+          )
+        )
+        (revealer
+          :transition "slideright"
+          :reveal "${sys_rev || popup == 'system-menu' || force_sys_rev  || EWW_CPU.avg>= 50}"
+          :duration "300ms"
+          :class "sys-menu"
+          :onclick "${EWW_CMD} update popup='system-menu'"
+          (cpumenu)
+        )
+      )
+    )
+  )
+)
+
+(defwidget sysmem []
+  (eventbox
+    :class "membar"
+    :space-evenly false
+    (box
+      :class "membar"
+      :space-evenly false
+      (circular-progress
+        :value {memory.percentage}
+        :class "membar-circle"
+        :thickness 4
+        :start-at 75
+        (box
+          :class "inside-circle"
+          :tooltip "RAM: ${round(memory.percentage,0)}%"
+          (label :class "icon-text" :text "")
+        )
+      )
+      (revealer
+        :transition "slideright"
+        :reveal "${sys_rev || force_sys_rev || memory.percentage + memory.swappercentage >= 120}"
+        :duration "300ms"
+        :class "sys-menu"
+        :onclick "${EWW_CMD} update popup='system-menu'"
+        (memmenu)
+      )
+    )
+  )
+)
+
+(defwidget sysbatt []
+  (eventbox
+    :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+    :class "batbar"
+    :space-evenly false
+    (box
+      :class "batbar"
+      :space-evenly false
+      (circular-progress
+        :value "${EWW_BATTERY["BATT"].capacity}"
+        :class "batbar-circle"
+        :thickness 4
+        :start-at 75
+        :style "border-radius: 99px; color: ${battery.circolor};"
+        (box
+          :class "inside-circle"
+          :tooltip "Battery: ${EWW_BATTERY["BATT"].capacity}%"
+          :onclick "${EWW_CMD} update popup='system-menu'"
+          :style "border-radius: 99px; color: ${battery.color}; background-color: ${battery.bgcolor};"
+          (label :class "icon-text" :text "")
+        )
+      )
+      (revealer
+        :transition "slideright"
+        :reveal true
+        :duration "300ms"
+        :class "sys-menu"
+        (sysmenu)
+      )
+    )
+  )
+)
+
+(defwidget cpumenu[]
+  (eventbox
+    :class "cpu-menu"
+    (box
+      :orientation "h"
+      :space-evenly false
+      (label :class "cpu-menu icon" :text "")
+      (label :class "cpu-menu" :text "${round(EWW_CPU.avg,0)}%")
+    )
+  )
+)
+
+(defwidget memmenu[]
+  (eventbox
+    (box
+      :space-evenly false
+      (label :class "mem-menu-left" :text "")
+      (label :class "mem-menu-left" :text "${memory.used}")
+      (label :class "mem-menu-mid" :text "")
+      (label :class "mem-menu-right" :text "${memory.swapused}")
+    )
+  )
+)
+
+(defwidget sysmenu[]
+  (eventbox
+    :class "sys-menu"
+    :style "color: ${battery.color}"
+    (box
+      :space-evenly false
+      (label :class "sys-menu-charge" :text "${battery.quickicon}")
+      (label :class "batt-percentage" :text "${EWW_BATTERY["BATT"].capacity}%")
+      ; (revealer
+        ;   :reveal "${popup == 'system-menu' || force_sys_rev}"
+        ;   :transition "slideright"
+        ;   :duration "300ms"
+        ;   :class "sys-menu"
+        ;   (label :class "batt-percentage" :text " | ${battery.wattage} | ${battery.status}")
+      ; )
+    )
+  )
+)
+
+(defwidget settingscog[]
+  (eventbox
+    :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+    :class "settings-icon"
+    (revealer
+      :transition "slideright"
+      :reveal true
+      :duration "300ms"
+      :onclick "${EWW_CMD} update popup='system-menu'"
+      (button
+        :class "sys-menu-button"
+        :onclick "${EWW_CMD} update popup='system-menu'"
+        " "
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/modules/taskbar.json b/hybrid-summer/.config/eww/modules/taskbar.json
new file mode 100644
index 000000000..eb76c2c3d
--- /dev/null
+++ b/hybrid-summer/.config/eww/modules/taskbar.json
@@ -0,0 +1,34 @@
+[
+    {
+        "address": [],
+        "class": "org.gnome.Nautilus",
+        "count": 0,
+        "icon": "/usr/share/icons/Win11-dark/apps/scalable/nautilus.svg",
+        "workspace": [],
+        "exec": "nautilus --new-window &"
+    },
+    {
+        "address": [],
+        "class": "firefox",
+        "count": 0,
+        "icon": "/usr/share/icons/Win11-dark/apps/scalable/firefox.svg",
+        "workspace": [],
+        "exec": "firefox &"
+    },
+    {
+        "address": [],
+        "class": "code-url-handler",
+        "count": 0,
+        "icon": "/usr/share/icons/Win11-dark/apps/scalable/code.svg",
+        "workspace": [],
+        "exec": "code --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland &"
+    },
+    {
+        "address": [],
+        "class": "foot",
+        "count": 0,
+        "icon": "/usr/share/icons/Win11-dark/apps/scalable/foot.svg",
+        "workspace": [],
+        "exec": "foot &"
+    }
+]
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/modules/taskbar.yuck b/hybrid-summer/.config/eww/modules/taskbar.yuck
new file mode 100755
index 000000000..df7b18a88
--- /dev/null
+++ b/hybrid-summer/.config/eww/modules/taskbar.yuck
@@ -0,0 +1,30 @@
+(defwidget taskbar []
+  (box
+    :orientation "h"
+    :space-evenly false
+    :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    (for app in tasks
+      (overlay
+        (eventbox
+          :class "taskbar-button-only"
+          :onclick "${app.count > 0 ? ('hyprctl dispatch workspace ' + app.workspace[0] + ' &') : (app.exec)}"
+          ; :tooltip "${app.class}"
+          ; :onclick "hyprctl dispatch workspace ${app.workspace[0]} && hyprctl dispatch focusdow address:${app.address[0]} &"
+          (box
+            :class "taskbar-button-pad"
+            (box
+              :class "taskbaricon"
+              :style "
+              background-image: url('${app.icon}');
+              ${app.class == awin.class ? 'background-color: rgba(108, 112, 134, 0.4); border: 1px solid rgba(108, 112, 134, 0.15); border-top: 1px solid rgba(108, 112, 134, 0.15);' : ''}
+              "
+            )
+          )
+        )
+        (box :class "taskbar-indicator-${app.class == awin.class ? 'true' : (app.count > 0 ? 'false' : 'none')}")
+      )
+    )
+    ; Dummy keep alive
+    (revealer :transition "slideright" :reveal false (label :text {awin.class}))
+  )
+)
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/modules/user.yuck b/hybrid-summer/.config/eww/modules/user.yuck
new file mode 100755
index 000000000..1a30d25be
--- /dev/null
+++ b/hybrid-summer/.config/eww/modules/user.yuck
@@ -0,0 +1,16 @@
+(defwidget user []
+  (box
+    :space-evenly false
+    :orientation "h"
+    :style "padding-left: 28px; padding-right: 22px;"
+    (label 
+      :class "username"
+      :style "margin-right: 5px;"
+      :text "${username == "" ? username_default : username}"
+    )
+    (box
+      :class "userpic"
+      :style "background-image: url('/var/lib/AccountsService/icons/${username == "" ? username_default : username}');"
+    )
+  )
+)
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/modules/variables.yuck b/hybrid-summer/.config/eww/modules/variables.yuck
new file mode 100755
index 000000000..132a63b9f
--- /dev/null
+++ b/hybrid-summer/.config/eww/modules/variables.yuck
@@ -0,0 +1,146 @@
+; Const and bg scripts
+(defvar FILE_BROWSER "nautilus")
+(defvar RES_WIDTH 1920)
+(defvar RES_HEIGHT 1080)
+(defvar BG_ZOOM 1.2)
+(defvar OVERVIEW_SCALE 0.18)
+(defvar OVERVIEW_SCALE_TEXT 0.45)
+(defvar OVERVIEW_SCALE_SUBTEXT 0.35)
+(defvar wsloop "[0, 1, 2, 3, 4, 5, 6, 7, 8, 9]")
+(defvar weekdays '[{"day":"Mo","today":"0"},{"day":"Tu","today":"0"},{"day":"We","today":"0"},{"day":"Th","today":"0"},{"day":"Fr","today":"0"},{"day":"Sa","today":"0"},{"day":"Su","today":"0"}]')
+(defvar ws-icons '["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"]')
+(deflisten ICON_GET `scripts/get_open_icons`)
+
+; Vars
+(defvar music_reveal false)
+(defvar oquery "")
+(defvar sys_menu_open true)
+(defvar date_rev false)
+(defvar sys_rev false)
+(defvar force_sys_rev true)
+(defvar editing false)
+(defvar osd_track false)
+(defvar osd_vol false)
+(defvar osd_bright false)
+(defvar selected '')
+(defvar overview_hover_name "Activities Overview")
+(defvar overview_query "")
+(defvar overview_results "")
+(defvar open_overview false)
+(defvar popup "none")
+(defvar right_hover false)
+(defvar ontf_hover false)
+(defvar music_hover false)
+(defvar edit_hover false)
+(defvar themer_hover false)
+(defvar calendar_hover false)
+(defvar rev_center_ws true)
+(defvar music_open false)
+(defvar themer_open false)
+(defvar focus false)
+(defvar win_hover false)
+(defvar winnotif_hover false)
+(defvar winactions_hover false)
+(defvar winstart_allapps false)
+(defvar monthshift 0)
+(defvar calendartitle '')
+(defvar winsearch '')
+(defvar winsearch_results "")
+(defvar winsearch_actions "")
+(defvar winsearch_actions_type "")
+(defvar winsearch_prefix "")
+(defvar allapps '')
+(defvar allapps_get '')
+(defvar compact false)
+(defvar resource_metric "cpu")
+
+; Dynamic animation: different for open and close
+(defvar rev_wincalendar true)
+(defvar rev_winactions false)
+(defvar rev_winnotif false)
+(defvar rev_winstart false)
+(defvar rev_winpowermenu false)
+(defvar rev_ostg false)
+(defvar rev_ontf false)
+(defvar rev_themer false)
+(defvar rev_dash false)
+(defvar rev_calendar false)
+(defvar rev_wingamebar false)
+(defvar rev_winnews false)
+(defvar rev_dashfs false)
+(defvar rev_bottombar false)
+
+(defvar anim_open_ostg true)
+(defvar anim_open_ontf true)
+(defvar anim_open_search true)
+(defvar anim_open_themer true)
+(defvar anim_open_music true)
+(defvar anim_open_dash true)
+(defvar anim_open_calendar true)
+(defvar anim_open_winactions true)
+(defvar anim_open_winnotif true)
+(defvar anim_open_winstart true)
+(defvar anim_open_winpowermenu true)
+(defvar anim_open_wingamebar true)
+(defvar anim_open_winnews true)
+(defvar anim_open_dashfs true)
+(defvar anim_open_bottombar true)
+
+; Time
+(defpoll time :interval "5s" `date +'{"date": "%d/%m", "hour": "%H", "minute": "%M", "monthname": "%B", "day": "%A", "year": "%Y"}'`)
+(defpoll day_only :interval "5s" "date '+%e' | sed 's/ //g'")
+(defpoll time12 :interval "10s" `date '+%l:%M %^P' | sed 's/am/AM/g' | sed 's/pm/PM/g'`)
+
+; Listeners
+(deflisten airplane "scripts/airplane")
+(deflisten battery "scripts/battery")
+(deflisten bluetooth "scripts/bluetooth")
+(deflisten brightness "scripts/brightness")
+(deflisten memory "scripts/memory")
+(deflisten music "scripts/music")
+(deflisten music_cover "scripts/music cover")
+(deflisten notifications "scripts/notifications")
+(deflisten notif_icons :initial `{"icon": "󰆄", "paused": false, "toggle_icon": ""}` "scripts/notifications icons")
+(deflisten net "scripts/net")
+(deflisten volume "scripts/volume")
+(deflisten workspace "scripts/workspaces")
+(deflisten winjson "scripts/winlist")
+(deflisten winicons "scripts/appicons")
+(deflisten winnums "scripts/winnumbers")
+(deflisten hyprjson "scripts/hyprsettings")
+(deflisten awin "scripts/activewin")
+(deflisten audiojson "scripts/audiolevels")
+(deflisten mcover "scripts/music cover")
+(deflisten mname "scripts/music name")
+(deflisten mplay "playerctl -F metadata -f '{{status}}'")
+(deflisten wsjsona "scripts/overview-wrapper1")
+(deflisten wsjsonb "scripts/overview-wrapper2")
+; (deflisten appoverview "scripts/overview-wrapper")
+; (deflisten wsthumbs "scripts/overview-thumbnails") ; slow, so nope
+(deflisten activews :initial 1 "scripts/activews")
+(deflisten tasks "scripts/taskbarloop")
+(deflisten pinnedapps "cat modules/pinned-apps.json | gojq -c -M")
+(deflisten recommended "cat modules/recommended.json | gojq -c -M")
+(deflisten gamebarwidgets "cat modules/gamebar.json | gojq -c -M")
+(deflisten audiodevice `pactl --format=json list sinks | gojq -c -r '.[0]["description"]'`)
+(deflisten cavajson `scripts/cavajson`)
+(deflisten mousepos `scripts/mousetrack`)
+
+(defvar username_default "username")
+(defvar quote_content `["haha pointers hee hee i love pointe-\\\nProcess Vaxry exited with signal SIGSEGV", "I have a hentai anal gif playing in my base", "Amazing XXXmas. Cute femboy was fucked\\\nin the ass under the Christmas tree"]`)
+(defvar quote_author `["- vaxry", "- vaxry", "- Hyprland community, 2022"]`)
+
+; Fetch stuff
+(defpoll uptime :interval "1m" "uptime -p | sed -e 's/up //;s/ hours,/h/;s/ minutes/m/'")
+(defpoll packages :interval "5m" `pacman -Q | wc -l`)
+(defpoll kernel :interval "5m" `uname -r`)
+(defpoll username :interval "5m" :initial "username" `whoami`)
+(defpoll hostname :interval "5m" :initial "distro" `uname -n`)
+(defpoll wm :interval "5m" :initial "Hyprland" `echo $XDG_CURRENT_DESKTOP`)
+(defpoll diskfreepercent :interval "5m" `echo $(df --output=pcent / | tr -dc '0-9')`)
+(defpoll diskused :interval "5m" `df -h --output=used / | awk 'NR==2{print $1}'`)
+(defpoll diskfree :interval "5m" `df -h --output=avail / | awk 'NR==2{print $1}'`)
+(defpoll disksize :interval "5m" `df -h --output=size / | awk 'NR==2{print $1}'`)
+(deflisten cpuname `cat /proc/cpuinfo | grep 'model name' | awk -F: '{print $2}' | head -n 1`)
+(defpoll waifu_get :interval "5m" `python3 scripts/waifupics.py`)
+(defpoll calendar :interval "15m" `eww update monthshift=0 && eww update calendartitle="$(date '+%B %Y')" && scripts/calendarlayout`)
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/modules/volume.yuck b/hybrid-summer/.config/eww/modules/volume.yuck
new file mode 100755
index 000000000..af4970df2
--- /dev/null
+++ b/hybrid-summer/.config/eww/modules/volume.yuck
@@ -0,0 +1,33 @@
+(defwidget volume-module []
+  (box
+    :class "vol-menu"
+    (eventbox
+      ; :class "vol-menu"
+      :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+      :onrightclick "pavucontrol"
+      :onclick "scripts/volume mute SINK"
+      (box
+        (label
+          ; :class "vol-menu"
+          :tooltip "volume ${volume.percent}%"
+          :style "font-family: 'Material Symbols Rounded';"
+          :text "${volume.icon}"
+          :valign "start"
+        )
+        (label :valign "start" :text "${volume.percent}%")
+      )
+    )
+    ; (volmenu)
+  )
+)
+
+(defwidget volmenu[]
+  (eventbox
+    :class "vol-menu"
+    :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+    :onrightclick "pavucontrol"
+    :onclick "scripts/volume mute SINK"
+    :valign "start"
+    (label :class "vol-menu" :text "${volume.percent}%")
+  )
+)
diff --git a/hybrid-summer/.config/eww/modules/winctl.yuck b/hybrid-summer/.config/eww/modules/winctl.yuck
new file mode 100755
index 000000000..7750ff9aa
--- /dev/null
+++ b/hybrid-summer/.config/eww/modules/winctl.yuck
@@ -0,0 +1,99 @@
+(defwidget win-ws[]
+  (eventbox
+    ; :onhoverlost "${EWW_CMD} close win-workspace"
+    (box
+      :space-evenly false
+      :orientation "v"
+      :class "system-menu-box"
+      ; :style "background-color: $bg; color: #A9B1D6; padding-bottom: .6rem; background-color: ${awin == winjson[i].title ? '#7AA2F7' : '$bg'};"
+      :style "background-color: $bg; color: #A9B1D6; padding-bottom: .6rem; background-color: $bg};"
+      ; (label :text "${winjson}" ) ; DEBUG
+      (label
+        :class "winws-title"
+        :text "Activities"
+        :xalign 0.5
+      )
+      (for i in winnums
+        (eventbox
+          :class "winws-evbox"
+          :onscroll "hyprctl dispatch movetoworkspacesilent $((${winjson[i].workspace.id}$(echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\"))),address:${winjson[i].address}"
+          :onclick "hyprctl dispatch focuswindow address:${winjson[i].address} && ${EWW_CMD} close win-workspace"
+          :onmiddleclick "hyprctl dispatch closewindow address:${winjson[i].address}"
+          (centerbox ;App icon & info
+            :class "winws"
+            :space-evenly false
+            :orientation "h"
+            (box
+              :space-evenly false
+              :orientation "h"
+              (label
+                :class "appicon"
+                :style "background-image: url(\"${winicons[i]}\");"
+                :text ""
+              )
+              (box
+                :space-evenly false
+                :orientation "v"
+                (label
+                  :halign "start"
+                  :class "wintext"
+                  :text "${winjson[i].title}"
+                  :limit-width 44
+                  :xalign 0
+                )
+                (label
+                  :halign "start"
+                  :class "winsubtext"
+                  :text "${winjson[i].class}"
+                  :limit-width 35
+                  :xalign 0
+                )
+              )
+            )
+            (label
+              :class "wintext"
+              :text ""
+              :limit-width 1
+              :xalign 0
+            )
+            (box ; Workspace number
+              :space-evenly false
+              :orientation "h"
+              :halign "end"
+              :style "padding-left: 30px;"
+              (label
+                :halign "end"
+                :class "wintext"
+                ; :text "[ ${winjson[i].workspace.id} ]"
+                :xalign 1
+              )
+              (for w in wsloop
+                (button
+                  :onclick "hyprctl dispatch movetoworkspacesilent ${w+1},address:${winjson[i].address}"
+                  :class "wschoose"
+                  :style "font-size: 16pt; color: ${(winjson[i].workspace.id == w+1) ? mcover.color.colors.color7 : 'rgba(108, 112, 134, 0.5)'};"
+                  ; "hyprctl dispatch movetoworkspacesilent ${w},address:${winjson[i].address}"
+                  "${ws-icons[w]}"
+                  ; "●"
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget winctl []
+  (box
+    :space-evenly false
+    :orientation "h"
+    (eventbox
+      :valign "start"
+      ; :class "winctl module"
+      :onscroll "hyprctl dispatch splitratio $(echo {} | sed -e \"s/up/-0.1/g\" -e \"s/down/+0.1/g\")"
+      (label :class "winctl" :text "[ Split ]")
+    )
+  )
+)
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/modules/winstuff.yuck b/hybrid-summer/.config/eww/modules/winstuff.yuck
new file mode 100755
index 000000000..d1fe37b22
--- /dev/null
+++ b/hybrid-summer/.config/eww/modules/winstuff.yuck
@@ -0,0 +1,115 @@
+(defwidget winstarticon []
+  (eventbox
+    :class "winbutton-only thewinbutton"
+    :onclick "scripts/toggle-winstart.sh &"
+    :onmiddleclick "playerctl play-pause"
+    :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+    :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+    (box
+      :class "winbutton-pad"
+      (box
+        :class "winstarticon-${rev_winstart} winbutton-${rev_winstart}"
+      )
+    )
+  )
+)
+
+(defwidget winactions []
+  (eventbox
+    :class "winbutton"
+    :onhover "${EWW_CMD} update winactions_hover=true &"
+    :onhoverlost "${EWW_CMD} update winactions_hover=false &"
+    :onclick "scripts/toggle-winactions.sh &" 
+    :onscroll "echo $(echo {} | sed -e 's/down/-U 3/g' -e 's/up/-A 3/g' | xargs light) && scripts/brightness osd &"
+    (box
+      :class "winbutton-pad"
+      (box
+        :class "wintimedate winbutton-${winactions_hover || rev_winactions}"
+        :space-evenly false
+        (box
+          :orientation "h"
+          :space-evenly false
+          (image :class "winicon" :path "images/svg/dark/wifi${net.level}.svg")
+          (image :class "winicon" :path "images/svg/dark/vol${volume.audio == 1 ? round(volume.percent / 33, 0) : 'mute'}.svg")
+          (image :class "winicon" :path "images/svg/dark/bat${round(battery.percentage / 10, 0)}.svg")
+        )
+      )
+    )
+  )
+)
+
+(defwidget windate []
+  (eventbox
+    :class "winbutton"
+    :onhover "${EWW_CMD} update winnotif_hover=true &"
+    :onhoverlost "${EWW_CMD} update winnotif_hover=false &"
+    :onclick "scripts/toggle-winnotif.sh &"
+    :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+    (box
+      :class "winbutton-pad"
+      (box
+        :class "wintimedate winbutton-${winnotif_hover || rev_winnotif}"
+        :space-evenly false
+        (box
+          :orientation "v"
+          :space-evenly false
+          (box
+            :space-evenly false
+            :halign "end"
+            :class "wintime"
+            (label :text "${time.hour}" :class "winbartext")
+            (label :text ":" :class "winbartext")
+            (label :text {time.minute} :class "winbartext")
+          )
+          (label
+            :class "winbartext"
+            :text "${time.date}/${time.year}"
+          )
+        )
+        (revealer
+          :reveal {arraylength(notifications) > 0}
+          :transition "slideleft"
+          :duration "200ms"
+          :class "dummy${notifications[0].id}"
+          (box
+            :halign "center"
+            :valign "center"
+            :class "winnotif-badge"
+            (label :class "winbartext" :text "${arraylength(notifications)}")
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget wintaskbar []
+  (box
+    :orientation "h"
+    :space-evenly false
+    :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    (for app in tasks
+      (overlay
+        (eventbox
+          :class "winbutton-only"
+          :onclick "${app.count > 0 ? ('hyprctl dispatch workspace ' + app.workspace[0] + ' &') : (app.exec)}"
+          ; :tooltip "${app.class}"
+          ; :onclick "hyprctl dispatch workspace ${app.workspace[0]} && hyprctl dispatch focuswindow address:${app.address[0]} &"
+          (box
+            :class "winbutton-pad"
+            (box
+              :class "wintaskbaricon"
+              :style "
+              background-image: url('${app.icon}');
+              ${app.class == awin.class ? 'background-color: rgba(108, 112, 134, 0.4); border: 1px solid rgba(108, 112, 134, 0.15); border-top: 1px solid rgba(108, 112, 134, 0.15);' : ''}
+              "
+            )
+          )
+        )
+        (box :class "wintaskbar-indicator-${app.class == awin.class ? 'true' : (app.count > 0 ? 'false' : 'none')}")
+      )
+    )
+    ; Dummy keep alive
+    (revealer :transition "slideright" :reveal false (label :text {awin.class}))
+  )
+)
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/modules/workspaces.yuck b/hybrid-summer/.config/eww/modules/workspaces.yuck
new file mode 100755
index 000000000..6ace33d8b
--- /dev/null
+++ b/hybrid-summer/.config/eww/modules/workspaces.yuck
@@ -0,0 +1,92 @@
+(defwidget workspaces []
+  (eventbox
+    :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    :onmiddleclick "scripts/toggle-overview.sh &"
+    :onrightclick "scripts/toggle-overview.sh &"
+    (overlay
+      ; Only displays workspace state (has windows or not)
+      (box
+        :class "module workspaces"
+        :spacing 0
+        :space-evenly false
+        (for i in workspace
+          (button
+            :onclick "hyprctl dispatch workspace ${i.num}"
+            :class "ws"
+            (label
+              :valign "center"
+              :class "ws-text"
+              :style "font-size: 13pt; background-color: ${i.clr};"
+              :text "${ws-icons[i.num - 1]}"
+            )
+            ; "●"
+          )
+        )
+      )
+      ; Use a separate indicator for active workspace (animations, yay) (and more performant)
+      (button
+        :class "ws"
+        :style "
+        margin-left:  ${31 * (activews - 1)}px;
+        margin-right: ${31 * (10 - activews)}px;
+        "
+        (label
+          :valign "center"
+          :class "ws-text ws-text-active"
+          :style "font-size: 13pt;"
+          :text "${activews}"
+        )
+        ; "●"
+      )
+    )
+  )
+)
+
+(defwidget workspaces_top []
+  (box
+    (eventbox
+      :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+      :onmiddleclick "scripts/toggle-overview.sh &"
+      :onrightclick "scripts/toggle-overview.sh &"
+      :halign "center"
+      (box
+        :space-evenly false
+        :orientation "v"
+        ; Only displays workspace state (has windows or not)
+        (box
+          :class "workspaces-top"
+          :spacing 0
+          :space-evenly false
+          (for i in workspace
+            (button
+              :onclick "hyprctl dispatch workspace ${i.num}"
+              :class "ws-top"
+              :valign "end"
+              (label
+                :valign "center"
+                :class "ws-text-top"
+                :style "font-size: 1pt; background-color: ${i.clr};"
+              )
+            )
+          )
+        )
+        ; Use a separate indicator for active workspace (animations, yay) (and more performant)
+        (button
+          :class "ws-active-top"
+          :style "
+          margin-left:  ${31 * (activews - 1)}px;
+          margin-right: ${31 * (10 - activews)}px;
+          margin-top: -5px;
+          "
+          (label
+            :valign "center"
+            :class "ws-text-top ws-text-active"
+            :style "font-size: 1pt;"
+          )
+        )
+      )
+    )
+  )
+)
+
+; ①②③④⑤⑥⑦⑧⑨⑩
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/activewin b/hybrid-summer/.config/eww/scripts/activewin
new file mode 100755
index 000000000..8019a5188
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/activewin
@@ -0,0 +1,12 @@
+#!/usr/bin/bash
+
+hyprctl activewindow -j | gojq -c -M
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    hyprctl activewindow -j | gojq -c -M
+  done
+fi
+
diff --git a/hybrid-summer/.config/eww/scripts/activews b/hybrid-summer/.config/eww/scripts/activews
new file mode 100755
index 000000000..e5264b221
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/activews
@@ -0,0 +1,22 @@
+#!/usr/bin/bash
+
+focusedws=$(hyprctl activewindow -j | gojq -c -M '.workspace.id')
+echo $focusedws
+
+if [[ "$focusedws" == 'null' ]]; then
+  echo 1
+fi
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "workspace>>" | while read -r line; do
+    case ${line%>>*} in
+      "workspace")
+        focusedws=${line#*>>}
+        echo $focusedws
+        ;;
+    esac  
+  done
+fi
+
diff --git a/hybrid-summer/.config/eww/scripts/airplane b/hybrid-summer/.config/eww/scripts/airplane
new file mode 100755
index 000000000..81c9e0b1c
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/airplane
@@ -0,0 +1,31 @@
+#!/bin/sh
+
+STATUS="$(rfkill list | sed -n 2p | awk '{print $3}')"
+
+icon() {
+  if [[ $STATUS == "no" ]]; then
+    echo ""
+  else
+    echo ""
+  fi
+}
+
+toggle() {
+  if [[ $STATUS == "no" ]]; then
+    rfkill block all
+    notify-send --urgency=normal -i airplane-mode-symbolic "Airplane Mode" "Airplane mode has been turned on!"
+  else
+    rfkill unblock all
+    notify-send --urgency=normal  -i airplane-mode-disabled-symbolic "Airplane Mode" "Airplane mode has been turned off!"
+  fi
+}
+
+if [[ $1 == "toggle" ]]; then
+  toggle
+else
+  while true; do
+    STATUS="$(rfkill list | sed -n 2p | awk '{print $3}')"
+    icon
+    sleep 3;
+  done
+fi
diff --git a/hybrid-summer/.config/eww/scripts/allappnames.cpp b/hybrid-summer/.config/eww/scripts/allappnames.cpp
new file mode 100755
index 000000000..3a1f54854
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/allappnames.cpp
@@ -0,0 +1,137 @@
+#include <pwd.h>
+#include <unistd.h>
+
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+// A simple struct to store the name and exec properties of a desktop entry
+struct DesktopEntry {
+    string name;
+    string exec;
+    string icon;
+    bool show;
+};
+
+string username;
+vector<DesktopEntry> allApps;
+json apps;
+int mode = 0;  // 0: Object, 1: Array
+
+// A function that reads a .desktop file and returns a DesktopEntry struct
+DesktopEntry read_desktop_file(const string& filename) {
+    DesktopEntry entry;
+    entry.show = true;
+
+    ifstream file(filename);
+    if (file.is_open()) {
+        string line;
+        while (getline(file, line)) {
+            // Skip comments and empty lines
+            if (line.empty() || line[0] == '#') {
+                continue;
+            }
+            if (line.substr(0, 1) == "[" &&
+                line.substr(0, 15) == "[Desktop Action")
+                break;
+            // Split the line by '=' and store the key-value pair
+            size_t pos = line.find('=');
+            if (pos != string::npos) {
+                string key = line.substr(0, pos);
+                string value = line.substr(pos + 1);
+                // Store the name and exec properties
+                if (key == "Name") {
+                    entry.name = value;
+                } else if (key == "Exec") {
+                    entry.exec = value;
+                } else if (key == "Icon") {
+                    entry.icon = value;
+                } else if (key == "NoDisplay" && value == "true") {
+                    entry.show = false;
+                }
+            }
+        }
+        // cout << entry.name << " " << entry.exec << " " << entry.icon << "\n";
+        file.close();
+    }
+    return entry;
+}
+
+bool lf(DesktopEntry a, DesktopEntry b) { return a.name < b.name; }
+
+// A function that prints out all desktop entry names and exec properties in a
+// given directory
+void get_desktop_entries(const string& dirname) {
+    // Check if the directory exists
+    if (!filesystem::exists(dirname) || !filesystem::is_directory(dirname)) {
+        return;
+    }
+    // Iterate over all files in the directory
+    for (const auto& entry : filesystem::directory_iterator(dirname)) {
+        // Check if the file has a .desktop extension
+        if (entry.path().extension() == ".desktop") {
+            DesktopEntry thisEntry = read_desktop_file(entry.path());
+            if (thisEntry.show) allApps.push_back(thisEntry);
+        }
+    }
+}
+
+void to_json() {
+    sort(allApps.begin(), allApps.end(), lf);
+    for (const auto& entry : allApps) {
+        json thisApp;
+        thisApp["name"] = entry.name;
+        thisApp["icon"] = entry.icon;
+        thisApp["exec"] = entry.exec;
+        // Get
+        if (mode == 0)
+            apps[entry.name] = thisApp;
+        else
+            apps.push_back(thisApp);
+    }
+}
+
+string get_username() {
+    uid_t uid = geteuid();
+    struct passwd* pw = getpwuid(uid);
+    return pw->pw_name;
+}
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+
+    if (argc == 3 && string(argv[1]) == "--mode") {
+        if (string(argv[2]) == "object")
+            mode = 0;
+        else if (string(argv[2]) == "array")
+            mode = 1;
+        else
+            mode = stoi(string(argv[2]));
+    }
+
+    username = get_username();
+    // Print all desktop entries in /usr/share/applications/
+    string entryDirs[3] = {"/usr/share/applications/",
+                           "/home/" + username + "/.local/share/applications",
+                           "/var/lib/flatpak/exports/share/applications"};
+    for (string directory : entryDirs) {
+        if (filesystem::exists(directory))
+            get_desktop_entries(directory);
+    }
+
+    // Get em in the json object
+    to_json();
+    // Print
+    for (const auto& entry : allApps) {
+        cout << entry.name << '\n';
+    }
+
+    return 0;
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/allapps.cpp b/hybrid-summer/.config/eww/scripts/allapps.cpp
new file mode 100755
index 000000000..26813fa03
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/allapps.cpp
@@ -0,0 +1,254 @@
+#include <pwd.h>
+#include <sys/stat.h>
+#include <unistd.h>
+
+#include <algorithm>
+#include <cctype>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+// A simple struct to store the name and exec properties of a desktop entry
+struct DesktopEntry {
+    string name;
+    string exec;
+    string icon;
+    string filename;
+    string filepath;
+    bool show;
+};
+
+string username;
+vector<DesktopEntry> allApps;
+json apps;
+int mode = 0;  // 0: Object, 1: Array, 2: Start (Contains JSON for letters)
+string iconTheme = "";
+
+// Returns the file name from a path
+std::string getFileName(const std::string& path) {
+    // Find the last position of '/' or '\' in the path
+    size_t pos = path.find_last_of("/\\");
+    // If none is found, return the whole path
+    if (pos == std::string::npos) return path;
+    // Otherwise, return the substring after the last slash
+    return path.substr(pos + 1);
+}
+
+// Returns the file name without extension from a path
+string getFileNameNoExt(const string& path) {
+    string filename = getFileName(path);  // Get file name (with extension)
+    size_t pos = filename.find_last_of(".");
+    if (pos == string::npos) return filename;  // Name found
+    return filename.substr(0, pos);
+}
+
+// Function to check if file exists, if yes read it
+string readIfExists(const string& name) {
+    ifstream f(name.c_str());
+    stringstream buffer;
+    if (f) {                  // check if the file was opened successfully
+        buffer << f.rdbuf();  // read the whole file into a string stream
+        f.close();            // close the file when done
+    }
+    return buffer.str();  // return the string stream as a string
+}
+
+void writeToFile(const string& name, const string& content) {
+    ofstream f(name.c_str(), ios::app);  // open the file in append mode
+    if (f) {                   // check if the file was opened successfully
+        f << content << "\n";  // write the content to the file
+        f.close();             // close the file when done
+    } else {
+        cerr << "Error: could not open " << name
+             << "\n";  // print an error message to the standard error
+    }
+}
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+string getIconPath(string iconname) {
+    if (iconTheme == "") {
+        iconTheme =
+            exec(string("gsettings get org.gnome.desktop.interface icon-theme")
+                     .c_str());
+        iconTheme.pop_back();
+        // cout << "icon theme: " << iconTheme << '\n';
+    }
+    if (iconname.size() == 0) {
+        return "";
+    } else if (iconname[0] == '/') {
+        return iconname;  // Already absolute path
+    } else if (iconname[0] == '\n') {
+        return "";  // wtf
+    }
+    string path = readIfExists("/home/" + username + "/.config/eww/scripts/cache/" + iconname);
+    if (path == "") {
+        path = exec(string("geticons -t " + iconTheme + " " + string(iconname) +
+                           " | head -n 1")
+                        .c_str());
+        // cout << "path: " << path << '\n';
+        writeToFile("/home/" + username + "/.config/eww/scripts/cache/" + iconname, path);
+        // cout << "icon name: " << iconname << '\n';
+        // cout << "path: " << path << '\n';
+    }
+    while (path.size() > 0 && *path.rbegin() == '\n')
+        path.pop_back();  // Remove '\n'
+    return path;
+}
+
+// A function that reads a .desktop file and returns a DesktopEntry struct
+DesktopEntry readDesktopFile(const string& filename) {
+    DesktopEntry entry;
+    entry.show = true;
+    entry.filename = getFileNameNoExt(filename);
+    entry.filepath = filename;
+
+    ifstream file(filename);
+    if (file.is_open()) {
+        string line;
+        while (getline(file, line)) {
+            // Skip comments and empty lines
+            if (line.empty() || line[0] == '#') {
+                continue;
+            }
+            if (line.substr(0, 1) == "[" &&
+                line.substr(0, 15) == "[Desktop Action")
+                break;
+            // Split the line by '=' and store the key-value pair
+            size_t pos = line.find('=');
+            if (pos != string::npos) {
+                string key = line.substr(0, pos);
+                string value = line.substr(pos + 1);
+                // Store properties
+                if (key == "Name") {
+                    entry.name = value;
+                } else if (key == "Exec") {
+                    entry.exec = value;
+                } else if (key == "Icon") {
+                    entry.icon = getIconPath(value);
+                } else if (key == "NoDisplay" && value == "true") {
+                    entry.show = false;
+                }
+            }
+        }
+        file.close();
+    }
+    return entry;
+}
+
+string lowercaseOf(string s) {
+    for (char& c : s) {
+        c = tolower(c);
+    }
+    return s;
+}
+
+bool lf(DesktopEntry a, DesktopEntry b) {
+    if (tolower(a.name[0]) == tolower(b.name[0]))
+        return a.name < b.name;
+    else
+        return tolower(a.name[0]) < tolower(b.name[0]);
+}
+
+// A function that prints out all desktop entry names and exec properties in a
+// given directory
+void getDesktopEntries(const string& dirname) {
+    // Iterate over all files in the directory
+    for (const auto& entry : filesystem::directory_iterator(dirname)) {
+        // Check if the file has a .desktop extension
+        if (entry.path().extension() == ".desktop") {
+            // Read the file and print its name and exec properties
+            DesktopEntry thisEntry = readDesktopFile(entry.path());
+            // cout << thisEntry.name << " [icon: " << thisEntry.icon << "]\n";
+            if (thisEntry.show) allApps.push_back(thisEntry);
+        }
+    }
+}
+
+void toJson() {
+    sort(allApps.begin(), allApps.end(), lf);
+    int i = -1;
+    for (const auto& entry : allApps) {
+        i++;
+        // cout << entry.name << ", ";
+        json thisApp;
+        thisApp["name"] = entry.name;
+        thisApp["icon"] = entry.icon;
+        thisApp["exec"] = entry.exec;
+        if (mode != 2) {
+            thisApp["filename"] = entry.filename;
+            thisApp["filepath"] = entry.filepath;
+        }
+        // Get
+        if (mode == 0)
+            apps[entry.name] = thisApp;
+        else if (mode == 1)
+            apps.push_back(thisApp);
+        else if (mode == 2) {
+            apps.push_back(thisApp);
+        }
+    }
+    cout << apps << '\n';
+}
+
+string getUsername() {
+    uid_t uid = geteuid();
+    struct passwd* pw = getpwuid(uid);
+    return pw->pw_name;
+}
+
+void addLetters() {
+    for (char c = 'A'; c <= 'Z'; c++) {
+        DesktopEntry thisLetter;
+        thisLetter.name = c;
+        thisLetter.exec = "";
+        thisLetter.icon = "_letter";
+        allApps.push_back(thisLetter);
+    }
+}
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+
+    if (argc == 3 && string(argv[1]) == "--mode") {
+        if (string(argv[2]) == "object")
+            mode = 0;
+        else if (string(argv[2]) == "array")
+            mode = 1;
+        else if (string(argv[2]) == "start")
+            mode = 2;
+        else
+            mode = stoi(string(argv[2]));
+    }
+
+    username = getUsername();
+    // Print all desktop entries in common locations
+    string entryDirs[3] = {"/usr/share/applications/",
+                           "/home/" + username + "/.local/share/applications",
+                           "/var/lib/flatpak/exports/share/applications"};
+    for (string directory : entryDirs) {
+        if (filesystem::exists(directory))
+            getDesktopEntries(directory);
+    }
+    if (mode == 2) addLetters();
+    // Get a json and print
+    toJson();
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/appicons b/hybrid-summer/.config/eww/scripts/appicons
new file mode 100755
index 000000000..5d7cff5a5
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/appicons
@@ -0,0 +1,64 @@
+#!/usr/bin/bash
+
+geticonlist() {
+    classes=$(hyprctl clients | grep -e 'class: ' | sed 's/\tclass: //')
+    addresses=$(hyprctl clients | grep -e ' -> ')
+    # echo "$classes"
+    IFS=$'\n'
+    classarr=($(echo "$classes"))
+    addressarr=($(echo "$addresses"))
+    iconarr=($(echo "$classes"))
+
+    for i in "${!classarr[@]}"; do
+        addressarr[i]=$(echo "0x${addressarr[i]% -> *}" | sed 's/Window //')
+        # echo "${addressarr[i]}"
+    done
+
+    for i in "${!classarr[@]}"; do
+        classarr[i]=$(echo ${classarr[i]})
+        if [ -f "scripts/cache/${classarr[i]}" ]; then
+            iconarr[i]=$(cat scripts/cache/${classarr[i]})
+            if [ ! -f "${iconarr[i]}" ]; then # Cache refresh if icon doesnt exist
+                iconarr[i]=$(scripts/get-icon.py "${classarr[i]}")
+                echo "${iconarr[i]}" > "scripts/cache/${classarr[i]}"
+            fi
+        else
+            iconarr[i]=$(scripts/get-icon.py "${classarr[i]}")
+            echo "${iconarr[i]}" > "scripts/cache/${classarr[i]}"
+        fi
+        if [[ ${iconarr[i]} = "not found" ]]; then
+          iconarr[i]=$(scripts/get-icon.py "$(echo "${classarr[i]##*.}" | tr '[:upper:]' '[:lower:]')")
+          if [[ ! ${iconarr[i]} = "not found" ]]; then
+            rm "scripts/cache/${classarr[i]}"
+            echo "${iconarr[i]}" > "scripts/cache/${classarr[i]}"
+          else 
+            iconarr[i]="/home/$USER/.local/share/icons/candy-icons/mimetypes/scalable/application-x-theme.svg"
+            rm "scripts/cache/${classarr[i]}"
+            echo "${iconarr[i]}" > "scripts/cache/${classarr[i]}"
+          fi
+        fi
+    done
+
+    printf '['
+    for i in "${!classarr[@]}"; do
+        if [ $i -ne 0 ]; then
+          printf ', '
+        fi
+        # printf '{'
+        # printf "\"${addressarr[i]}\": \"${iconarr[i]}\""
+        # printf '}'
+        printf "\"${iconarr[i]}\""
+    done
+    printf ']\n'
+}
+
+geticonlist
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | while read -r line; do
+    geticonlist
+  done
+fi
+
diff --git a/hybrid-summer/.config/eww/scripts/applycolor b/hybrid-summer/.config/eww/scripts/applycolor
new file mode 100755
index 000000000..167e732ed
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/applycolor
@@ -0,0 +1,24 @@
+#!/usr/bin/env bash
+cp -r images/svg/dark/* images/svg/
+
+filelist=$(ls 'images/svg' -p | grep -v /)
+
+IFS=$'\n'
+filearr=($(echo "$filelist"))
+
+c1=$(cat css/_iconcolor.txt | head -2 | tail -1)
+c2=$(cat css/_iconcolor.txt | head -3 | tail -1)
+c3=$(cat css/_iconcolor.txt | head -2 | tail -1)
+c4=$(cat css/_iconcolor.txt | head -5 | tail -1)
+c5=$(cat css/_iconcolor.txt | head -6 | tail -1)
+
+sed -i "s/white/$c1/gi" "images/svg/beatmappacks.svg"
+sed -i "s/white/$c2/gi" "images/svg/forum.svg"
+sed -i "s/white/$c3/gi" "images/svg/search.svg"
+sed -i "s/white/$c4/gi" "images/svg/settings.svg"
+sed -i "s/white/$c5/gi" "images/svg/tournaments.svg"
+
+for i in "${!filearr[@]}"; do
+  # echo "images/svg/${filearr[$i]}"
+  sed -i "s/white/$1/gi" "images/svg/${filearr[$i]}"
+done
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/appsearch b/hybrid-summer/.config/eww/scripts/appsearch
new file mode 100755
index 000000000..546d751a5
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/appsearch
@@ -0,0 +1,146 @@
+#!/usr/bin/bash
+
+IFS=$'\n'
+entrynames=( $(cat 'scripts/cache/entrynames.txt' | fzf --filter="$1" | head -n 10) )
+entries=( $(cat 'scripts/cache/entries.txt') )
+
+addedNewActions=false
+
+geticonof() {
+  clientclass=''
+  clientclass=$1
+  iconpath=''
+  # Get app icon
+  if [ -f "scripts/cache/$clientclass" ]; then
+      iconpath=$(cat scripts/cache/$clientclass)
+      if [ ! -f "${iconpath}" ]; then # Cache refresh if icon doesnt exist
+          iconpath=$(geticons -t "$(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g")" "$clientclass" | head -n 1)
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+      fi
+  else
+      iconpath=$(geticons -t "$(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g")" "$clientclass" | head -n 1)
+      echo "${iconpath}" > "scripts/cache/$clientclass"
+  fi
+  if [[ ${iconpath} == "" ]]; then
+    # Retry with lowercase if icon not found
+    iconpath=$(geticons -t "$(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g")" $(echo "$clientclass" | tr '[:upper:]' '[:lower:]' | sed 's/\ /-/g') | head -n 1)
+
+    if [[ ! ${iconpath} = "" ]]; then
+      rm "scripts/cache/$clientclass"
+      echo "${iconpath}" > "scripts/cache/$clientclass"
+    else 
+      newname=$(scripts/iconpatch $clientclass)
+      iconpath=$(geticons -t "$(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g")" "$newname" | head -n 1)
+      if [[ ! ${iconpath} = "" ]]; then
+        rm "scripts/cache/$clientclass"
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+      else
+        # Fallback app icon, replace the path below to the fallback icon of your choice
+        # iconpath="/usr/share/icons/Win11-dark/mimes/48/application-x-executable.svg"
+        iconpath=$(geticons -t "$(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g")" "application-x-executable" | head -n 1)
+        rm "scripts/cache/$clientclass"
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+      fi
+    fi
+  fi
+  echo "$iconpath"
+}
+
+quiteSureNotMath() {
+  if [[ ${1:0:1} != "0" \
+  && ${1:0:1} != "1" \
+  && ${1:0:1} != "2" \
+  && ${1:0:1} != "3" \
+  && ${1:0:1} != "4" \
+  && ${1:0:1} != "5" \
+  && ${1:0:1} != "6" \
+  && ${1:0:1} != "7" \
+  && ${1:0:1} != "8" \
+  && ${1:0:1} != "9" \
+  && ${1:0:1} != "(" \
+  && ${1:0:1} != ")" \
+  ]]; then
+    echo 'true'
+  else
+    echo 'false'
+  fi
+}
+
+# Search inits: math
+if [[ "$1" == "--calculator" ]]; then
+  echo -n '[{"name":"Calculator - Type something!","icon":"images/svg/dark/calculator.svg","exec":"wl-copy \"Clipboard contents ;)\""}]'
+  eww update winsearch_actions='{"name":"Calculator - Type something!","icon":"images/svg/dark/calculator.svg","exec":"wl-copy \"Clipboard contents ;)\""}'
+  eww update winsearch_actions_type='Math result'
+  addedNewActions=true
+  exit 0
+fi
+
+# Quick commands
+if [[ "$1" == ">"* ]]; then
+  cd ~/.config/eww 
+  if [[ "$1" == ">load"* ]]; then
+    searching=$(echo "$1" | sed 's/>load //g'  | sed 's/>load//g')
+    profilenames=( $(ls css/savedcolors/ | grep .txt | sed 's/_iconcolor_//g' | sed 's/.txt//g' | fzf --filter="$searching") )
+    echo -n '['
+    for x in "${!profilenames[@]}"; do
+      if [ "$x" != "0" ]; then
+        printf ','
+      fi
+      profilejson='{"name": "'"${profilenames[x]}"'", "exec": ">load '"${profilenames[x]}"'"}'
+      if (( x == 0 )); then
+        eww update winsearch_actions="$profilejson"
+        eww update winsearch_actions_type='Color theme'
+        addedNewActions=true
+      fi
+
+      echo -n "$profilejson"
+    done
+    echo -n ']'
+  else
+    echo '[]'
+  fi
+  exit 0
+fi
+
+# Do math
+if [[ $(quiteSureNotMath "$1") == "false" ]]; then
+  mathAns=$(qalc $1 | head -n 1)
+  mathAns="${mathAns#*= }"
+  mathAns="${mathAns#*≈ }"
+  if [[ "$mathAns" == *"error"* || "$mathAns" == *"warning"* ]]; then
+    echo '[{"name":"Invalid math","icon":"images/svg/dark/calculator.svg","exec":"wl-copy \"Clipboard contents ;)\""}]'
+    exit 0
+  else
+    ansjson='{"name": "'"$mathAns"'","icon":"images/svg/dark/calculator.svg","exec": "wl-copy \"'"$mathAns"'\""}'
+    eww update winsearch_actions="$ansjson"
+    eww update winsearch_actions_type='Math result'
+    addedNewActions=true
+    echo '['"$ansjson"']'
+  fi
+  exit 0
+fi
+
+# Application search
+printf '['
+
+for x in "${!entrynames[@]}"; do
+  if [ "$x" != "0" ]; then
+    printf ','
+  fi
+  appjson=$(echo $entries | gojq -c -M '."'"${entrynames[x]}"'"')
+  if (( x == 0 )); then
+    eww update winsearch_actions="$appjson"
+    eww update winsearch_actions_type='Application'
+    addedNewActions=true
+  fi
+  # iconname=$(echo "$appjson" | gojq -r -c -M '.icon')
+  # appjson=$(echo "$appjson" | gojq '.icon = "'$(geticonof "$iconname")'"')
+  echo -n "$appjson"
+done
+
+printf ']'
+
+if [[ "$addedNewActions" == "false" ]]; then
+  eww update winsearch_actions='{"name":"'"$1"'","icon":"images/svg/dark/protocol.svg","exec":"wl-copy \"Clipboard contents ;)\""}'
+  eww update winsearch_actions_type='Run command'
+fi
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/audioapps.cpp b/hybrid-summer/.config/eww/scripts/audioapps.cpp
new file mode 100644
index 000000000..1a82c968d
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/audioapps.cpp
@@ -0,0 +1,133 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+string clients;
+json clientjson, apps;
+string iconTheme = "";
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+// Function to check if file exists, if yes read it
+string readIfExists(const string& name) {
+    ifstream f(name.c_str());
+    stringstream buffer;
+    if (f) {                  // check if the file was opened successfully
+        buffer << f.rdbuf();  // read the whole file into a string stream
+        f.close();            // close the file when done
+    }
+    return buffer.str();  // return the string stream as a string
+}
+
+void writeToFile(const string& name, const string& content) {
+    ofstream f(name.c_str(), ios::app);  // open the file in append mode
+    if (f) {                   // check if the file was opened successfully
+        f << content << "\n";  // write the content to the file
+        f.close();             // close the file when done
+    } else {
+        cerr << "Error: could not open " << name
+             << "\n";  // print an error message to the standard error
+    }
+}
+
+string getIconPath(string iconname) {
+    if (iconTheme == "") {
+        iconTheme =
+            exec(string("gsettings get org.gnome.desktop.interface icon-theme")
+                     .c_str());
+        iconTheme.pop_back();
+        // cout << "icon theme: " << iconTheme << '\n';
+    }
+    if (iconname.size() == 0) {
+        return "";
+    } else if (iconname[0] == '/') {
+        return iconname;  // Already absolute path
+    } else if (iconname[0] == '\n') {
+        return "";  // wtf
+    }
+    string path = readIfExists("scripts/cache/" + iconname);
+    if (path == "") {
+        path = exec(
+            string("geticons -t " + iconTheme + " " + string(iconname) + " | head -n 1").c_str());
+        writeToFile("scripts/cache/" + iconname, path);
+        // cout << "icon name: " << iconname << '\n';
+        // cout << "path: " << path << '\n';
+    }
+    while (path.size() > 0 && *path.rbegin() == '\n')
+        path.pop_back();  // Remove '\n'
+    return path;
+}
+
+void addApp(json& client) {
+    string volumestr = client["volume"]["front-left"]["value_percent"];
+    volumestr.pop_back();
+    int volume = stoi(volumestr);
+    client = client["properties"];
+
+    bool found = false;
+    for (json& obj : apps) {
+        auto it = obj.find("name");
+        if (it != obj.end() && *it == client["application.name"]) {
+            found = true;
+            obj["count"] = int(obj["count"]) + 1;
+            obj["volume"].push_back(
+                json::array({client["object.serial"], volume}));
+            break;
+        }
+    }
+    if (!found) {
+        json newApp =
+            R"({"name": "", "count": 1, "volume": [], "icon": ""})"_json;
+        newApp["name"] = client["application.name"];
+        newApp["volume"].push_back(
+            json::array({client["object.serial"], volume}));
+
+        string iconpath;
+        auto it = client.find("application.icon_name");
+        if (it != client.end())
+            iconpath = getIconPath(client["application.icon_name"]);
+        else {
+            iconpath = getIconPath(client["application.process.binary"]);
+        }
+        newApp["icon"] = iconpath;
+
+        apps.push_back(newApp);
+    }
+}
+
+void getAudioClients() {
+    clients = exec("pactl --format json list sink-inputs");
+    clientjson = json::parse(clients);
+    for (json client : clientjson) {
+        addApp(client);
+        // cout << client << '\n';
+    }
+}
+
+int main() {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+
+    getAudioClients();
+    cout << apps << '\n';
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/audiolevels b/hybrid-summer/.config/eww/scripts/audiolevels
new file mode 100755
index 000000000..ba001d09d
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/audiolevels
@@ -0,0 +1,84 @@
+#!/usr/bin/bash
+dostuff(){
+  sinks=$(pactl list sink-inputs  \
+          | grep -e "Sink Input" \
+          | sed 's/Sink Input #//')
+  names=$(pactl list sink-inputs \
+          | sed 's/"//g' \
+          | sed 's/application-name://'  \
+          | grep -e "application.name" \
+          | sed 's/application.name = //' \
+          | sed 's/\t\t//' )
+  vols=$(pactl list sink-inputs  \
+          | grep -e "Volume:" \
+          | sed 's/Volume: front-left: //' \
+          | sed 's/front-right: //' \
+          | sed 's/front-right: //' \
+          | tr " " "\n" \
+          | grep -e % \
+          | sed 's/%//g' )
+  binaries=$(pactl list sink-inputs \
+          | grep -e 'application.process.binary' -e 'application.icon_name' \
+          | sed 's/\t//g' \
+          | sed 's/application.process.binary = //g' \
+          | sed 's/application.icon_name = //g' \
+          | sed 's/"//g' )
+  
+  # echo "-=-=-=-=-=-=-=-=- Debug: Raw value -=-=-=-=-=-=-=-=-"
+  # echo "$sinks"
+  # echo "$names"
+  # echo "$vols"
+  
+  IFS=$'\n'
+  sinkarr=($(echo "$sinks"))
+  namearr=($(echo "$names"))
+  volarr=($(echo "$vols"))
+  iconarr=($(echo "$binaries"))
+
+  # Get icons
+  for i in "${!iconarr[@]}"; do
+    iconarr[$i]=$(geticons -t "$(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g")" ${iconarr[i]} | head -n 1)
+  done
+  
+  # Functions
+  sanitize() {
+      echo "$1" | sed 's/"/\"/g'
+  }
+  
+  geticon() {
+  #     notify-send "${volarr[$((i*2))]}"
+      if [ "${volarr[$(($1*2))]}" -eq "0" ]; then
+          echo ""
+      else 
+          echo ""
+      fi
+  }
+  
+  # Print final JSON
+  printf '['
+  for i in "${!sinkarr[@]}"; do
+      if [ $i -ne 0 ]; then
+          printf ', '
+      fi
+      echo -n '{''"sink": "'"${sinkarr[$i]}"'", "name": "'"${namearr[$i]}"'", "volume": "'"${volarr[$((i*2))]}"'"}'
+    #   echo -n '{''"sink": "'"${sinkarr[$i]}"'", "icon": "'"${iconarr[$i]}"'", "name": "'"${namearr[$i]}"'", "volume": "'"${volarr[$((i*2))]}"'"}'
+  done
+  printf ']\n'
+  
+  # echo "$sinks"
+  # echo "$names"
+  # echo "$vols"
+}
+
+
+cd ~/.config/eww
+# dostuff
+scripts/audioapps
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+    pactl subscribe | rg --line-buffered "on sink" | while read -r _; do
+        scripts/audioapps
+    done
+fi
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/battery b/hybrid-summer/.config/eww/scripts/battery
new file mode 100755
index 000000000..52b98c297
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/battery
@@ -0,0 +1,133 @@
+#!/usr/bin/env bash
+
+icons=("" "" "" "" "" "" "" "")
+
+gettime() {
+	FULL=$(cat /sys/class/power_supply/BATT/charge_full)
+	NOW=$(cat /sys/class/power_supply/BATT/charge_now)
+
+	if [ "$RATE" -gt 0 ]; then
+		if [ "$STATE" = "Discharging" ]; then
+			EX="$NOW / $RATE"
+		else
+			EX="($FULL - $NOW) / $RATE"
+		fi
+		date -u -d@"$(bc -l <<< "$EX * 3600")" +%H:%M
+	fi
+}
+
+geticon() {
+	if [ "$STATE" = "Charging" ]; then
+    level=$(awk -v n="$CAPACITY" 'BEGIN{print int((n-1)/12)}')
+		echo "${icons[$level]}"
+	else
+    level=$(awk -v n="$CAPACITY" 'BEGIN{print int((n-1)/12)}')
+		echo "${icons[$level]}"
+	fi
+}
+
+status() {
+	if [ "$STATE" = "Charging" ]; then
+		echo -n "charging"
+
+		if [ "$RATE" -gt 0 ]; then
+			echo ", $(gettime) left"
+		else
+			echo ""
+		fi
+	elif [ "$STATE" = "Discharging" ]; then
+		echo "$(gettime)h left"
+	else
+		echo "fully charged"
+	fi
+}
+
+statch() {
+	if [ "$STATE" = "Discharging" ]; then #Not charging, below 20%
+		if [ "$CAPACITY" -le 5 ]; then
+			echo 'deadly'
+		elif [ "$CAPACITY" -le 10 ]; then
+			echo 'critical'
+		elif [ "$CAPACITY" -le 30 ]; then
+			echo 'low'
+		else 
+			echo 'normal'
+		fi
+	else 
+		echo 'charging'
+	fi
+}
+
+chargestatus() {
+	if [ "$STATE" = "Charging" ]; then
+		echo -n ""
+	elif [ "$STATE" = "Discharging" ]; then
+		echo -n ""
+	fi
+}
+
+circolor() {
+	if [[ "$CAPACITY" -le 20 && "$STATE" = "Discharging" ]]; then
+		cat images/svg/color.txt
+	else
+		cat images/svg/color.txt
+	fi
+}
+
+cirbgcolor() {
+	if [[ "$CAPACITY" -le 20 && "$STATE" = "Discharging" ]]; then
+		echo '#EF738A'
+	else
+		echo 'transparent'
+	fi
+}
+
+color() {
+	if [ "$CAPACITY" -le 20 ]; then
+		echo '#EF738A'
+	else
+		echo 'white'
+	fi
+}
+
+bgcolor() {
+	if [ "$CAPACITY" -le 20 ]; then
+		echo '#EF738A'
+	else
+		echo 'transparent'
+	fi
+}
+
+wattage() {
+	echo "$(bc -l <<< "scale=1; $RATE / 1000000") W"
+}
+
+warnedlow=0
+
+while true; do
+	RATE=$(cat /sys/class/power_supply/BATT/voltage_now)
+	CAPACITY=$(cat /sys/class/power_supply/BATT/capacity)
+	STATE=$(cat /sys/class/power_supply/BATT/status)
+
+	if [[ "$CAPACITY" -le 5 && "$STATE" = "Discharging" ]]; then
+		if [ $warnedlow == 0 ]; then 
+			warnedlow=1
+			notify-send 'FREAKING PLUG IN THE CHARGER ALREADY' '!!111!!1!123!!!' -u critical -a 'eww'
+		fi
+	elif [[ "$CAPACITY" -le 10 && "$STATE" = "Discharging" ]]; then
+		if [ $warnedlow == 0 ]; then 
+			warnedlow=1
+			notify-send 'Battery verrry low' 'Hello?' -u critical -a 'eww'
+		fi
+	elif [[ "$CAPACITY" -le 20 && "$STATE" = "Discharging" ]]; then
+		if [ $warnedlow == 0 ]; then 
+			warnedlow=1
+			notify-send 'Battery low' 'Plug in your charger pweeeeaaase :>' -u critical -a 'eww'
+		fi
+	else
+	    warnedlow=0
+	fi
+
+	echo '{"quickicon": "'"$(chargestatus)"'", "icon": "'"$(geticon)"'", "percentage": '"$CAPACITY"', "wattage": "'"$(wattage)"'", "status": "'"$(status)"'", "circolor": "'"$(circolor)"'", "cirbgcolor": "'"$(cirbgcolor)"'", "color": "'"$(color)"'", "bgcolor": "'"$(bgcolor)"'" }'
+	sleep 3
+done
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/bluetooth b/hybrid-summer/.config/eww/scripts/bluetooth
new file mode 100755
index 000000000..112069540
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/bluetooth
@@ -0,0 +1,51 @@
+#!/usr/bin/env bash
+
+declare -A baticon=([10]="󰤾" [20]="󰤿" [30]="󰥀" [40]="󰥁" [50]="󰥂" [60]="󰥃" [70]="󰥄" [80]="󰥅" [90]="󰥆" [100]="󰥈")
+
+toggle() {
+  status=$(rfkill -J | jq -r '.rfkilldevices[] | select(.type == "bluetooth") | .soft' | head -1)
+
+  if [ "$status" = "unblocked" ]; then
+    rfkill block bluetooth
+  else
+    rfkill unblock bluetooth
+  fi
+}
+
+if [ "$1" = "toggle" ]; then
+  toggle
+else
+  while true; do
+    powered=$(bluetoothctl show | rg Powered | cut -f 2- -d ' ')
+    status=$(bluetoothctl info)
+    name=$(echo "$status" | rg Name | cut -f 2- -d ' ')
+    mac=$(echo "$status" | head -1 | awk '{print $2}' | tr ':' '_')
+
+    if [[ "$(echo "$status" | rg Percentage)" != "" ]]; then
+      battery=$(upower -i /org/freedesktop/UPower/devices/headset_dev_"$mac" | rg percentage | awk '{print $2}' | cut -f 1 -d '%')
+      batt_icon=${baticon[$battery]}
+    else
+      batt_icon=""
+    fi
+
+    if [ "$powered" = "yes" ]; then
+      if [ "$status" != "Missing device address argument" ]; then
+        text="$name"
+        icon=""
+        color="#89b4fa"
+      else
+        icon=""
+        text="Disconnected"
+        color="#45475a"
+      fi
+    else
+      icon=""
+      text="Bluetooth off"
+      color="#45475a"
+    fi
+
+    echo '{ "icon": "'"$icon"'", "batt_icon": "'"$batt_icon"'", "text": "'"$text"'", "color": "'"$color"'" }'
+
+    sleep 3
+  done
+fi
diff --git a/hybrid-summer/.config/eww/scripts/brightness b/hybrid-summer/.config/eww/scripts/brightness
new file mode 100755
index 000000000..1f79bec25
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/brightness
@@ -0,0 +1,59 @@
+#!/usr/bin/env bash
+cd ~/.config/eww 
+
+icons=("" "" "")
+XDG_CACHE_HOME="$HOME/.cache"
+date="$XDG_CACHE_HOME/eww/osd_brightness.date"
+lock=0
+
+showhide() {
+  # get dates
+  rundate=$(cat "$date")
+  currentdate=$(date +%s)
+
+  # handle showing
+  if [ "$rundate" = "$currentdate" ] && [ "$lock" -eq 0 ]; then
+    scripts/toggle-osd-bright.sh --open
+    lock=1
+  elif [ $((currentdate - rundate)) -ge 2 ] && [ "$lock" -eq 1 ]; then
+    scripts/toggle-osd-bright.sh --close > /dev/null
+    lock=0
+  fi
+}
+
+osd() {
+  if [ ! -f "$date" ]; then
+    mkdir -p "$XDG_CACHE_HOME/eww"
+  fi
+  date +%s > "$date"
+  # showhide
+}
+
+osd_handler() {
+  lock=0
+  rundate=0
+  if [ ! -f "$date" ]; then
+    mkdir -p "$XDG_CACHE_HOME/eww"
+    echo 0 > "$date"
+  fi
+
+  while true; do
+    showhide
+    sleep 0.1
+  done
+}
+
+if [ "$1" = "osd" ]; then
+  osd
+else
+  # initial
+  icon=${icons[$(awk -v n="$(light)" 'BEGIN{print int(n/34)}')]}
+  echo '{ "level": '"$(light)"', "icon": "'"$icon"'" }'
+
+  osd_handler &
+  udevadm monitor | rg --line-buffered "backlight" | while read -r _; do
+    icon="${icons[$(awk -v n="$(light)" 'BEGIN{print int(n/34)}')]}"
+
+    echo '{ "level": '"$(light)"', "icon": "'"$icon"'" }'
+  done
+fi
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/calendarlayout.cpp b/hybrid-summer/.config/eww/scripts/calendarlayout.cpp
new file mode 100644
index 000000000..cb3100f11
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/calendarlayout.cpp
@@ -0,0 +1,138 @@
+#include <chrono>
+#include <ctime>
+#include <iostream>
+#include <string>
+using namespace std;
+
+int year, month, day, weekday, weekdayOfMonthFirst;
+bool leapYear;
+int daysInMonth, daysInLastMonth, daysInNextMonth;
+bool highlight = true;
+
+int calendar[6][7];
+int today[6][7];
+
+void getTime() {
+    // Time
+    time_t now = time(0);
+    tm* ltm = localtime(&now);
+    // To vars
+    year = 1900 + ltm->tm_year;
+    month = 1 + ltm->tm_mon;
+    day = ltm->tm_mday;
+    weekday = ltm->tm_wday - 1;
+    weekdayOfMonthFirst = (weekday + 35 - (day - 1)) % 7;
+    // cout << weekday << ", " << day << '/' << month << '/' << year << '\n';
+}
+
+void setTime(int wd, int d, int m, int y) {
+    wd--;
+    highlight = false;
+    year = y;
+    month = m;
+    day = d;
+    weekday = wd;
+    weekdayOfMonthFirst = (weekday + 35 - (day - 1)) % 7;
+    // cout << weekday << ", " << day << '/' << month << '/' << year << '\n';
+}
+
+void checkLeapYear() {
+    if (year % 400 == 0 || (year % 4 == 0 && year % 100 != 0))
+        leapYear = true;
+    else
+        leapYear = false;
+}
+
+void getMonthDays() {
+    // Days in this month
+    if ((month <= 7 && month % 2 == 1) || (month >= 8 && month % 2 == 0))
+        daysInMonth = 31;
+    else if (month == 2 && leapYear)
+        daysInMonth = 29;
+    else if (month == 2 && !leapYear)
+        daysInMonth = 28;
+    else
+        daysInMonth = 30;
+    // Days in next month
+    if (month == 1 && leapYear)
+        daysInNextMonth = 29;
+    else if (month == 1 && !leapYear)
+        daysInNextMonth = 28;
+    else if ((month <= 7 && month % 2 == 1) || (month >= 8 && month % 2 == 0))
+        daysInNextMonth = 30;
+    else
+        daysInNextMonth = 31;
+    // Days in last month
+    if (month == 3 && leapYear)
+        daysInLastMonth = 29;
+    else if (month == 3 && !leapYear)
+        daysInLastMonth = 28;
+    else if ((month <= 7 && month % 2 == 1) || (month >= 8 && month % 2 == 0))
+        daysInLastMonth = 30;
+    else
+        daysInLastMonth = 31;
+}
+
+void calcCalendar() {
+    int monthDiff = (weekdayOfMonthFirst == 0 ? 0 : -1);
+    int dim = daysInLastMonth;
+    int i = 0, j = 0;
+    int toFill = (weekdayOfMonthFirst == 0
+                      ? 1
+                      : (daysInLastMonth - (weekdayOfMonthFirst - 1)));
+
+    while (i < 6 && j < 7) {
+        // Fill it
+        calendar[i][j] = toFill;
+        if (toFill == day && monthDiff == 0 && highlight)
+            today[i][j] = 1;
+        else if (monthDiff == 0)
+            today[i][j] = 0;
+        else
+            today[i][j] = -1;
+        // Next day
+        toFill++;
+        if (toFill > dim) {
+            monthDiff++;
+            if (monthDiff == 0)
+                dim = daysInMonth;
+            else if (monthDiff == 1)
+                dim = daysInNextMonth;
+            toFill = 1;
+        }
+        // Next tile
+        j++;
+        if (j == 7) {
+            j = 0;
+            i++;
+        }
+    }
+}
+
+void printCalendar() {
+    cout << '[';
+    for (int i = 0; i < 6; i++) {
+        cout << '[';
+        for (int j = 0; j < 7; j++) {
+            cout << "{\"day\":" << calendar[i][j]
+                 << ",\"today\":" << today[i][j] << "}";
+            if (j < 7 - 1) cout << ',';
+        }
+        cout << ']';
+        if (i < 6 - 1) cout << ',';
+    }
+    cout << ']';
+}
+
+int main(int argc, char* argv[]) {
+    if (argc == 1)
+        getTime();
+    else if(argc == 5)
+        setTime(stoi(argv[1]), stoi(argv[2]), stoi(argv[3]), stoi(argv[4]));
+    else 
+        cout << " - Run \"calendarlayout\" to get calendar for today\n - Run\"calendarlayout <weekday> <day> <month> <year>\" to get calendar of the day specified";
+    checkLeapYear();
+    getMonthDays();
+    calcCalendar();
+    printCalendar();
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/cavajson.cpp b/hybrid-summer/.config/eww/scripts/cavajson.cpp
new file mode 100644
index 000000000..60b98d84c
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/cavajson.cpp
@@ -0,0 +1,30 @@
+#include <boost/iostreams/device/file_descriptor.hpp>
+#include <boost/iostreams/stream.hpp>
+#include <cstdio>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+
+void cavaToJson(std::string& s) {
+    for(int i = 0; i < s.size(); i++){
+        if(s[i] == ';') s[i] = ',';
+    }
+    s.pop_back();
+}
+
+int main()
+{
+    std::unique_ptr<FILE, decltype(&pclose)> pipe(popen("cava -p ~/.config/eww/scripts/custom_configs/cava", "r"), pclose);
+    if (!pipe) {
+        throw std::runtime_error("popen() failed!");
+    }
+    boost::iostreams::file_descriptor_source fd(fileno(pipe.get()), boost::iostreams::never_close_handle);
+    boost::iostreams::stream<boost::iostreams::file_descriptor_source> is(fd);
+    std::string line;
+    while (std::getline(is, line)) {
+        cavaToJson(line);
+        std::cout << '[' << line << ']' << std::endl; // print the output line by line
+    }
+    return 0;
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/checkcjk b/hybrid-summer/.config/eww/scripts/checkcjk
new file mode 100755
index 000000000..459e93029
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/checkcjk
@@ -0,0 +1,24 @@
+#!/bin/python3
+
+# Import the re module
+import re
+
+# Define a function that takes a string as an argument and returns True if it contains CJK characters, False otherwise
+def check_cjk(string):
+  # Use a regular expression that matches any of these Unicode ranges: U+3040 - U+30FF (hiragana and katakana), U+3400 - U+4DBF (CJK unified ideographs extension A), U+4E00 - U+9FFF (CJK unified ideographs), U+F900 - U+FAFF (CJK compatibility ideographs), U+FF66 - U+FF9F (half-width katakana)
+  pattern = r' [\\u3040-\\u30ff\\u3400-\\u4dbf\\u4e00-\\u9fff\\uf900-\\ufaff\\uff66-\\uff9f]'
+  # Search for the pattern in the string
+  match = re.search(pattern, string)
+  # Return True if there is a match, False otherwise
+  return bool(match)
+
+# Read a string from standard input
+input = input("Enter a string: ")
+
+# Call the function and print the result
+if check_cjk(input):
+  print("The string contains CJK characters.")
+else:
+  print("The string does not contain CJK characters.")
+
+  ・インザナイト
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/colorgen b/hybrid-summer/.config/eww/scripts/colorgen
new file mode 100755
index 000000000..56a9bedd4
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/colorgen
@@ -0,0 +1,97 @@
+#!/usr/bin/bash
+
+OPACITY=0.75
+
+IMGPATH=$1
+coverurl=$2
+
+coverpath="$IMGPATH"
+# Generate colors
+wal -c
+lightdark=$(cat scripts/workdir/__mode_light_dark.txt)
+wal -i "$IMGPATH" -n -t -s -e $lightdark -q
+
+themejson=$(cat ~/.cache/wal/colors.json | gojq -c -M)
+themejson="${themejson::-1}"
+themejson="$themejson"',"source":"'"$3"'"}'
+echo $themejson
+
+maincol="$(printf "$themejson" | gojq -c -M -r '.colors.color4')"
+# scripts/material_colors.py --path "$IMGPATH" $lightdark > tmp/_material.colorpallete
+scripts/material_colors.py --color "$maincol" "$lightdark" > tmp/_material.colorpallete &
+accent=$(scripts/material_colors.py --color "$maincol" "$lightdark" | grep '$onPrimaryContainer: ' | sed 's/$onPrimaryContainer: //g' | sed 's/;//g')
+tertiary=$(scripts/material_colors.py --color "$maincol" "$lightdark" | grep '$tertiary: ' | sed 's/$tertiary: //g' | sed 's/;//g')
+
+printf '{"image": "'"$coverpath"'", "color": '"$themejson"'}\n'
+
+# Get color in rgb
+colorsreg=$(cat ~/.cache/wal/colors-putty.reg)
+rgb_bg=$(echo $colorsreg | tr ' ' '\n' | grep 'Colour3')
+rgb_bg="${rgb_bg#*=}"
+rgb_bg="${rgb_bg#*\"}"
+rgb_bg="${rgb_bg::-1}"
+rgb_bg='rgba('"$rgb_bg"','"$OPACITY"')'
+# echo $rgb_bg
+
+# notify-send 'eww' 'i found a url!'
+
+# Write to scss
+echo '//Auto generated color theme for image at:' "$coverurl" > './tmp/_colorscheme.colorpallete'
+echo '@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }' >> './tmp/_colorscheme.colorpallete'
+echo '@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }' >> './tmp/_colorscheme.colorpallete'
+printf '$colorbarbg: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.special.background' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$colorbg: ' >> './tmp/_colorscheme.colorpallete'
+printf "$rgb_bg"';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$colortext: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.special.foreground' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color0: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color1' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color1: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color2' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color2: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color3' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color3: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color4' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color4: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color5' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color5: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color6' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color6: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color7' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color7: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color4' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+
+
+gradient1=$(echo -n "$themejson" | gojq -r '.colors.color1')
+gradient2=$(echo -n "$themejson" | gojq -r '.colors.color2')
+gradient3=$(echo -n "$themejson" | gojq -r '.colors.color4')
+
+# Write hyprland color config
+echo '# Auto generated color theme for image at:' "$coverurl" > './tmp/colors_generated.conf'
+echo 'general {' >> './tmp/colors_generated.conf'
+echo '    col.active_border = rgba('"${gradient1#*#}FF"') rgba('"${gradient2#*#}FF"') rgba('"${gradient3#*#}FF"') 45deg' >> './tmp/colors_generated.conf'
+echo '    col.inactive_border = rgba('"${gradient1#*#}66"')' >> './tmp/colors_generated.conf'
+echo '}' >> './tmp/colors_generated.conf'
+
+# Print json to stdout
+echo "$accent" > 'tmp/_iconcolor.txt'
+echo "$tertiary" >> 'tmp/_iconcolor.txt'
+printf "$themejson" | gojq -r '.colors.color2' >> 'tmp/_iconcolor.txt'
+printf "$themejson" | gojq -r '.colors.color4' >> 'tmp/_iconcolor.txt'
+printf "$themejson" | gojq -r '.colors.color5' >> 'tmp/_iconcolor.txt'
+printf "$themejson" | gojq -r '.colors.color5' >> 'tmp/_iconcolor.txt'
+
+# beatmappacks tertiary, forum color1, search color3, search color4, tournaments color4
+# 
diff --git a/hybrid-summer/.config/eww/scripts/colormanage b/hybrid-summer/.config/eww/scripts/colormanage
new file mode 100755
index 000000000..924011c60
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/colormanage
@@ -0,0 +1,40 @@
+#!/usr/bin/bash
+
+cd ~/.config/eww/ || exit
+
+if [ $1 == "get" ]; then
+  hyprctl keyword misc:disable_autoreload true
+  cp './tmp/_iconcolor.txt' './css/_iconcolor.txt'
+  cp './tmp/_colorscheme.colorpallete' './css/_colorscheme.scss'
+  cp './tmp/_material.colorpallete' './css/_material.scss'
+  cp './tmp/colors_generated.conf' ~/.config/hypr/colors.conf
+  applycolor=$(cat './css/_iconcolor.txt' | head -1)
+  scripts/applycolor "$applycolor"
+elif [ $1 == "default" ]; then
+  hyprctl keyword misc:disable_autoreload true
+  cp './css/_iconcolor_default.txt' './css/_iconcolor.txt'
+  cp css/_colorscheme_default.scss css/_colorscheme.scss
+  cp css/_material_default.scss css/_material.scss
+  cp ~/.config/hypr/colors_default.conf ~/.config/hypr/colors.conf
+  applycolor=$(cat css/_iconcolor.txt | head -1)
+  scripts/applycolor "$applycolor"
+elif [ $1 == "save" ]; then
+  eww close themer 
+  eww update themer_open=false 
+  cp "css/_iconcolor.txt" "css/savedcolors/_iconcolor_$2.txt" 
+  cp "css/_colorscheme.scss" "css/savedcolors/_colorscheme_$2.scss" 
+  cp "css/_material.scss" "css/savedcolors/_material_$2.scss" 
+  cp ~/.config/hypr/colors.conf ~/.config/hypr/savedcolors/colors_$2.conf
+elif [ $1 == "load" ]; then
+  hyprctl keyword misc:disable_autoreload true
+  eww close themer 
+  eww update themer_open=false 
+  cp "css/savedcolors/_iconcolor_$2.txt" "css/_iconcolor.txt"
+  cp "css/savedcolors/_colorscheme_$2.scss"  "css/_colorscheme.scss"
+  cp "css/savedcolors/_material_$2.scss"  "css/_material.scss"
+  cp ~/.config/hypr/savedcolors/colors_$2.conf ~/.config/hypr/colors.conf
+  applycolor=$(cat css/_iconcolor.txt | head -1)
+  scripts/applycolor "$applycolor"
+fi
+
+hyprctl reload
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/custom_configs/cava b/hybrid-summer/.config/eww/scripts/custom_configs/cava
new file mode 100644
index 000000000..4dc79a133
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/custom_configs/cava
@@ -0,0 +1,22 @@
+[general]
+mode = waves
+framerate = 60
+autosens = 1
+bars = 90
+
+[output]
+method = raw
+raw_target = /dev/stdout
+data_format = ascii
+
+[color]
+gradient = 1
+
+gradient_color_1 = '#99B5DE'
+gradient_color_2 = '#92CBF6'
+gradient_color_3 = '#ACD7F7'
+gradient_color_4 = '#B0E2F7'
+gradient_color_5 = '#DFEDF5'
+gradient_color_6 = '#FDEBD4'
+gradient_color_7 = '#E7D2D7'
+gradient_color_8 = '#C1838E'
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/dashactivate b/hybrid-summer/.config/eww/scripts/dashactivate
new file mode 100755
index 000000000..81c8619e7
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/dashactivate
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+cd ~
+eww close dashboard
+
+if [[ "$1" == "--web" ]]; then
+    app=$2
+    eval "${app%\%*}" &
+else
+    app=$1
+    eval "${app%\%*}" &
+    pkill dashactivate
+fi
+
diff --git a/hybrid-summer/.config/eww/scripts/editmode.sh b/hybrid-summer/.config/eww/scripts/editmode.sh
new file mode 100755
index 000000000..c14b92876
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/editmode.sh
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+if [ "$1" == "enable" ]; then
+    hyprctl keyword bindm ,mouse:273,resizewindow
+    hyprctl keyword bindm ,mouse:274,movewindow
+    hyprctl keyword bind ,mouse_up,workspace,+1
+    hyprctl keyword bind ,mouse_down,workspace,-1
+    eww update editing=true
+elif [ "$1" == "disable" ]; then 
+    hyprctl keyword unbind ,mouse:273
+    hyprctl keyword unbind ,mouse:274
+    hyprctl keyword unbind ,mouse_up
+    hyprctl keyword unbind ,mouse_down
+    eww update editing=false
+fi
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/focuswindow b/hybrid-summer/.config/eww/scripts/focuswindow
new file mode 100755
index 000000000..9cc77c6bf
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/focuswindow
@@ -0,0 +1,6 @@
+#!/usr/bin/bash
+if [[ $1 == '_none' ]]; then
+  hyprctl dispatch workspace $2
+else 
+  hyprctl dispatch focuswindow address:$1
+fi
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/get-icon.py b/hybrid-summer/.config/eww/scripts/get-icon.py
new file mode 100755
index 000000000..f95956ec5
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/get-icon.py
@@ -0,0 +1,31 @@
+#!/usr/bin/env python3
+import gi
+import sys
+gi.require_version('Gtk', '3.0')
+from gi.repository import Gtk
+
+# Predefine class corrections
+if sys.argv[1] == 'Code':
+    sys.argv[1] = 'code'
+elif sys.argv[1] == 'code-url-handler':
+    sys.argv[1] = 'code'
+elif sys.argv[1] == 'Microsoft-edge':
+    sys.argv[1] = 'microsoft-edge'
+elif sys.argv[1] == 'GitHub Desktop':
+    sys.argv[1] = 'github-desktop'
+elif sys.argv[1] == 'org.kde.kolourpaint':
+    sys.argv[1] = 'kolourpaint'
+elif sys.argv[1] == 'osu!':
+    sys.argv[1] = 'osu'
+elif sys.argv[1].find("Minecraft") != -1:
+    sys.argv[1] = 'minecraft'
+# elif sys.argv[1] == 'ru-turikhay-tlauncher-bootstrap-Bootstrap':
+#     sys.argv[1] = 'minecraft'
+
+icon_name = sys.argv[1]
+icon_theme = Gtk.IconTheme.get_default()
+icon = icon_theme.lookup_icon(icon_name, 48, 0)
+if icon:
+    print(icon.get_filename())
+else:
+    print("not found")
diff --git a/hybrid-summer/.config/eww/scripts/get_open_icons b/hybrid-summer/.config/eww/scripts/get_open_icons
new file mode 100755
index 000000000..d7d73383e
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/get_open_icons
@@ -0,0 +1,77 @@
+#!/usr/bin/bash
+
+cd ~/.config/eww
+
+getwins() {
+  hyprctlclients=$(hyprctl clients -j \
+    | grep -v '"mapped": ' \
+    | grep -v '"hidden": ' \
+    | grep -v '"floating": ' \
+    | grep -v '"monitor": ' \
+    | grep -v '"pid": ' \
+    | grep -v '"xwayland": ' \
+    | grep -v '"pinned":' \
+    | grep -v '"fullscreen": ' \
+    | grep -v '"fullscreenMode": ' \
+    | grep -v '"fakeFullscreen": ' \
+    | grep -v '"grouped": ')
+
+  # echo $hyprctlclients | gojq -c '.[]'
+
+  IFS=$'\n'
+  clientsarr=( $(echo $hyprctlclients | gojq -c -M '.[]') )
+
+  #For every window
+  for client in "${clientsarr[@]}"; do
+    iconpath=''
+    clientclass=$(echo "$client" | gojq -r '.class')
+    if [[ "$clientclass" == "" ]]; then 
+      continue
+    fi
+
+    # Get app icon
+    if [ -f "scripts/cache/$clientclass" ]; then
+        iconpath=$(cat scripts/cache/$clientclass)
+        if [ ! -f "${iconpath}" ]; then # Cache refresh if icon doesnt exist
+            iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$clientclass" | head -n 1)
+            echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+    else
+        iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$clientclass" | head -n 1)
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+    fi
+    if [[ ${iconpath} == "" ]]; then
+      # Retry with lowercase if icon not found
+      iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") $(echo "$clientclass" | tr '[:upper:]' '[:lower:]' | sed 's/\ /-/g') | head -n 1)
+
+      if [[ ! ${iconpath} = "" ]]; then
+        rm "scripts/cache/$clientclass"
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+      else 
+        newname=$(scripts/iconpatch $clientclass)
+        iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$newname" | head -n 1)
+        if [[ ! ${iconpath} = "" ]]; then
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        else
+          # Fallback app icon, replace the path below to the fallback icon of your choice
+          # iconpath="/usr/share/icons/Win11-dark/mimes/48/application-x-executable.svg"
+          iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "application-x-executable" | head -n 1)
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+      fi
+    fi
+  done
+}
+
+# Do stuff here
+getwins
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    getwins
+  done
+fi
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/getallicons.cpp b/hybrid-summer/.config/eww/scripts/getallicons.cpp
new file mode 100644
index 000000000..1e47daf4d
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/getallicons.cpp
@@ -0,0 +1,21 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <regex>
+#include <stdexcept>
+#include <string>
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+
+    entries = exec("hyprctl clients -j | gojq -c -M");
+    
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/getfirstdayofmonth b/hybrid-summer/.config/eww/scripts/getfirstdayofmonth
new file mode 100755
index 000000000..e75171fe4
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/getfirstdayofmonth
@@ -0,0 +1,39 @@
+#!/bin/bash
+# Thanks Bing!
+
+# Check if the argument is a valid number
+if [[ ! $1 =~ ^-?[0-9]+$ ]]; then
+  echo "Invalid argument: $1"
+  echo "Usage: getfirstdayofmonth [NUMBER]"
+  exit 1
+fi
+
+# Get the current month and year
+current_month=$(date +%m)
+current_year=$(date +%Y)
+
+# Add the argument to the current month and adjust the year if needed
+if [[ $1 -gt 0 ]]; then
+  next_month=$((current_month + $1))
+  next_year=$((current_year + ((next_month-1) / 12)))
+  next_month=$((current_month + ($1 % 12)))
+else
+  next_month=$((current_month + $1))
+  next_year=$((current_year + ((next_month-12) / 12)))
+  next_month=$((current_month + ($1 % 12)))
+fi
+
+if ((next_month > 12)); then
+  next_month=$((next_month % 12))
+elif ((next_month == 0)); then
+  next_month=12
+  # next_year=$((next_year - 1))
+elif ((next_month < 1)); then
+  next_month=$(( (next_month + 12) % 12 ))
+fi
+
+# Get the weekday name (%A), day number (%d), month name (%B) and year (%Y) of the first day of the next month
+first_day=$(date -d "$next_year-$next_month-01" '+%u %d %m %Y')
+
+# Print the result
+echo $first_day
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/hyprsettings b/hybrid-summer/.config/eww/scripts/hyprsettings
new file mode 100755
index 000000000..f98e29bba
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/hyprsettings
@@ -0,0 +1,51 @@
+#!/usr/bin/bash
+getoptions(){
+  rounding=$(hyprctl getoption decoration:rounding -j | gojq -r -c '.int')
+  gaps_in=$(hyprctl getoption general:gaps_in -j | gojq -r -c '.int')
+  gaps_out=$(hyprctl getoption general:gaps_out -j | gojq -r -c '.int')
+  border_size=$(hyprctl getoption general:border_size -j | gojq -r -c '.int')
+  force_no_accel=$(hyprctl getoption input:force_no_accel -j | gojq -r -c '.int')
+  input_sensitivity=$(hyprctl getoption input:sensitivity -j | gojq -r -c '.float')
+  touchpad_disable_while_typing=$(hyprctl getoption input:touchpad:disable_while_typing -j | gojq -r -c '.int')
+  touchpad_clickfinger_behavior=$(hyprctl getoption input:touchpad:clickfinger_behavior -j | gojq -r -c '.int')
+  blur=$(hyprctl getoption decoration:blur -j | gojq -r -c '.int')
+  blur_size=$(hyprctl getoption decoration:blur_size -j | gojq -r -c '.int')
+  blur_passes=$(hyprctl getoption decoration:blur_passes -j | gojq -r -c '.int')
+  blur_xray=$(hyprctl getoption decoration:blur_xray -j | gojq -r -c '.int')
+  nightlight=$(hyprctl getoption decoration:screen_shader -j | gojq -r -c '.str')
+  if [[ "$nightlight" == *"nothing.frag" ]]; then
+    nightlight='false'
+  else
+    nightlight='true'
+  fi
+
+  echo -n '{'
+  echo -n "\"rounding\":$rounding,"
+  echo -n "\"gaps_in\":$gaps_in,"
+  echo -n "\"gaps_out\":$gaps_out,"
+  echo -n "\"border_size\":$border_size,"
+  echo -n "\"force_no_accel\":$force_no_accel,"
+  echo -n "\"input_sensitivity\":$input_sensitivity,"
+  echo -n "\"touchpad_disable_while_typing\":$touchpad_disable_while_typing,"
+  echo -n "\"touchpad_clickfinger_behavior\":$touchpad_clickfinger_behavior,"
+  echo -n "\"blur\":$blur,"
+  echo -n "\"blur_size\":$blur_size,"
+  echo -n "\"blur_passes\":$blur_passes,"
+  echo -n "\"blur_xray\":$blur_xray,"
+  echo -n "\"nightlight\":$nightlight,"
+
+  echo '"dummy":0}'
+}
+
+getoptions
+
+if [ "$1" == "--once" ]; then
+  exit 0
+elif [ "$1" == "tickle" ]; then
+  hyprctl keyword input:force_no_accel $(hyprctl getoption input:force_no_accel -j | gojq -r -c '.int')
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "activelayout>>" | while read -r line; do
+    # echo $line
+    getoptions
+  done
+fi
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/hyprtest b/hybrid-summer/.config/eww/scripts/hyprtest
new file mode 100755
index 000000000..593c665f6
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/hyprtest
@@ -0,0 +1,10 @@
+#!/usr/bin/bash
+
+geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "firefox" | head -n 1
+
+socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | while read -r line; do
+  echo "$line"
+done
+
+
+
diff --git a/hybrid-summer/.config/eww/scripts/hyprview.sh b/hybrid-summer/.config/eww/scripts/hyprview.sh
new file mode 100755
index 000000000..d28d2b059
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/hyprview.sh
@@ -0,0 +1,9 @@
+#!/usr/bin/bash
+
+if [[ "$1" == "--close" ]]; then
+    hyprctl keyword monitor eDP-1,1920x1080@60,0x0,1
+    hyprctl keyword monitor eDP-1,addreserved,61,0,0,0
+else
+    hyprctl keyword monitor eDP-1,1920x1080@60,0x0,0.5
+    hyprctl keyword monitor eDP-1,addreserved,533,600,960,960
+fi
diff --git a/hybrid-summer/.config/eww/scripts/iconpatch b/hybrid-summer/.config/eww/scripts/iconpatch
new file mode 100755
index 000000000..542f4c164
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/iconpatch
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+appname=$1
+
+if [[ "$1" == "code-url-handler" ]];then
+  echo 'code'
+elif [[ "$1" == "gnome-tweaks" ]];then
+  echo 'org.gnome.tweaks'
+elif [[ "$1" == "org."* ]];then
+  appname="${appname#*.}"
+  appname="${appname#*.}"
+  echo $appname
+fi
+
diff --git a/hybrid-summer/.config/eww/scripts/isopen.sh b/hybrid-summer/.config/eww/scripts/isopen.sh
new file mode 100755
index 000000000..03075a619
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/isopen.sh
@@ -0,0 +1,12 @@
+#!/bin/sh
+
+getopen(){
+  ans=$(eww windows | grep -e "$1")
+  if [ "${ans:0:1}" == "*" ]; then
+    echo "true"
+  else 
+    echo "false"
+  fi
+}
+
+getopen $1
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/launchapp b/hybrid-summer/.config/eww/scripts/launchapp
new file mode 100755
index 000000000..7a30072a8
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/launchapp
@@ -0,0 +1,38 @@
+#!/usr/bin/bash
+
+~/.config/eww/scripts/toggle-overview.sh --close &
+~/.config/eww/scripts/toggle-winstart.sh --close &
+
+if [[ "$1" == ">"* ]]; then
+    args=( $1 )
+    if [[ "${args[0]}" == ">music" ]]; then
+        scripts/colormanage get
+    elif [[ "${args[0]}" == ">load" ]]; then
+        scripts/colormanage load "${args[1]}"
+    elif [[ "${args[0]}" == ">save" ]]; then
+        scripts/colormanage save "${args[1]}"
+    elif [[ "${args[0]}" == ">light" ]]; then
+        scripts/togglelight light
+    elif [[ "${args[0]}" == ">dark" ]]; then
+        scripts/togglelight dark
+    elif [[ "${args[0]}" == ">wall" ]]; then
+        scripts/colorgen 'images/wallpaper/wallpaper' '[Local wallpaper]' ''
+        scripts/colormanage get
+    elif [[ "${args[0]}" == ">segs" ]]; then
+        python3 scripts/waifupics.py --segs
+    elif [[ "${args[0]}" == ">uwu" ]]; then
+        python3 scripts/waifupics.py
+    elif [[ "${args[0]}" == ">r" ]]; then
+        pkill eww && eww daemon && eww open bar && eww open dynamic-bg && eww open bottomline
+    else
+        # notify-send 'eww' 'Invalid command!'
+        false
+    fi
+else 
+    cd ~
+    app=$1
+    eval "${app%\%*}" &
+    pkill launchapp
+fi
+
+
diff --git a/hybrid-summer/.config/eww/scripts/limitlen.py b/hybrid-summer/.config/eww/scripts/limitlen.py
new file mode 100755
index 000000000..20ed07a8d
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/limitlen.py
@@ -0,0 +1,26 @@
+#!/bin/python3
+import sys
+
+def limit_length(s, newlength):
+    # Use len() function to get number of characters in s
+    char_count = 0
+    newstr = ''
+    # Use unicodedata.east_asian_width() function to check for double-width characters
+    import unicodedata
+    for c in s:
+        char_count += 1
+        if unicodedata.east_asian_width(c) == 'W':
+            char_count += 1
+        if char_count <= newlength:
+            newstr += c
+        else:
+            newstr = newstr + '...'
+            break
+    # Add double-width count to character count to get display length
+    return newstr
+
+original = sys.argv[1]
+newlen = int(sys.argv[2])
+newstr = limit_length(original, newlen)
+
+print(newstr)
diff --git a/hybrid-summer/.config/eww/scripts/listentries.py b/hybrid-summer/.config/eww/scripts/listentries.py
new file mode 100755
index 000000000..2e69e917b
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/listentries.py
@@ -0,0 +1,71 @@
+#!/usr/bin/python3
+
+import desktop_entry_lib
+import os
+import json
+import subprocess
+
+full_output = {}
+
+def read(target_file) -> None:
+    entry = desktop_entry_lib.DesktopEntry.from_file(target_file)
+
+    print("Name: " + str(entry.Name.default_text))
+    print("Comment: " + str(entry.Comment.default_text))
+    print("Exec: " + str(entry.Exec))
+
+
+def getProperties(target_file) -> None:
+    entry = desktop_entry_lib.DesktopEntry.from_file(target_file)
+
+    # iconcmd = "/usr/bin/geticons " + str(entry.Icon)
+    # iconcmd = "/usr/bin/geticons"
+    # iconpath = str(subprocess.check_output(str(iconcmd), shell=True))
+    dirs = target_file.split('/')
+    entryname = dirs[-1]
+
+    # return
+    props = {
+        "name": str(entry.Name.default_text),
+        # "icon": str(entry.Icon),
+        "exec": str('gtk-launch ' + entryname)
+    }
+    return props
+
+
+if __name__ == "__main__":
+    entryFile = open("scripts/cache/entries.txt", "w")
+    # Get files
+    entries = list(str(s) for s in os.listdir("/usr/share/applications"))
+    entries_flatpak = list(str(s) for s in os.listdir("/var/lib/flatpak/exports/share/applications"))
+    entries_local = list(str('../../.local/share/applications/' + s) for s in os.listdir("../../.local/share/applications/"))
+    
+    for app in entries:
+        alreadythere = False
+        for localized in entries_local:
+            if app in localized:
+                alreadythere = True
+
+        if not(alreadythere):
+            entries_local.append(str('/usr/share/applications/'+app))
+
+    for app in entries_flatpak:
+        alreadythere = False
+        for localized in entries_local:
+            if app in localized:
+                alreadythere = True
+
+        if not(alreadythere):
+            entries_local.append(str('/var/lib/flatpak/exports/share/applications/'+app))
+
+    # Get properties
+    for app in entries_local:
+        if app.find('.desktop') == -1: # Skip files that aren't desktop entries
+            continue
+        this_entry = getProperties(app)
+
+        full_output[this_entry['name']] = (this_entry)
+
+        # output=json.dumps(this_entry)
+        # print(output)
+    entryFile.write(json.dumps(full_output))
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/listentrynames.py b/hybrid-summer/.config/eww/scripts/listentrynames.py
new file mode 100755
index 000000000..99ae84a22
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/listentrynames.py
@@ -0,0 +1,63 @@
+#!/usr/bin/python3
+
+import desktop_entry_lib
+import os
+import json
+# from fuzzysearch import find_near_matches
+
+def read(target_file) -> None:
+    entry = desktop_entry_lib.DesktopEntry.from_file(target_file)
+
+    print("Name: " + str(entry.Name.default_text))
+    print("Comment: " + str(entry.Comment.default_text))
+    print("Exec: " + str(entry.Exec))
+
+
+def getProperties(target_file) -> None:
+    entry = desktop_entry_lib.DesktopEntry.from_file(target_file)
+
+    # return
+    props = {
+        "name": str(entry.Name.default_text),
+        "comment": str(entry.Comment.default_text),
+        "exec": str(entry.Exec),
+        "icon": str(entry.Icon)
+    }
+    return props
+
+
+if __name__ == "__main__":
+    entryFile = open("scripts/cache/entrynames.txt", "w")
+    # Get files
+    entries = list(str(s) for s in os.listdir("/usr/share/applications"))
+    entries_flatpak = list(str(s) for s in os.listdir("/var/lib/flatpak/exports/share/applications"))
+    entries_local = list(str('../../.local/share/applications/' + s) for s in os.listdir("../../.local/share/applications/"))
+    
+    for app in entries:
+        alreadythere = False
+        for localized in entries_local:
+            if app in localized:
+                alreadythere = True
+
+        if not(alreadythere):
+            entries_local.append(str('/usr/share/applications/'+app))
+            
+    for app in entries_flatpak:
+        alreadythere = False
+        for localized in entries_local:
+            if app in localized:
+                alreadythere = True
+
+        if not(alreadythere):
+            entries_local.append(str('/var/lib/flatpak/exports/share/applications/'+app))
+
+    # Get properties
+    for app in entries_local:
+        if app.find('.desktop') == -1: # Skip files that aren't desktop entries
+            continue
+
+        thisEntry = getProperties(app)
+
+        entryFile.write(thisEntry['name'])
+        entryFile.write('\n')
+
diff --git a/hybrid-summer/.config/eww/scripts/material_colors.py b/hybrid-summer/.config/eww/scripts/material_colors.py
new file mode 100755
index 000000000..6823412ce
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/material_colors.py
@@ -0,0 +1,87 @@
+#!/bin/python3
+from material_color_utilities_python import *
+from pathlib import Path
+import sys
+
+img = 0
+newtheme=0
+if len(sys.argv) > 1 and sys.argv[1] == '--path':
+    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)
+elif len(sys.argv) > 1 and sys.argv[1] == '--color':
+    colorstr = sys.argv[2]
+    newtheme = themeFromSourceColor(argbFromHex(colorstr))
+else:
+    img = Image.open(str(Path.home())+'/.config/eww/images/wallpaper/wallpaper')
+    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)
+
+colorscheme=0
+if("-l" in sys.argv):
+    colorscheme = newtheme.get('schemes').get('light')
+else:
+    colorscheme = newtheme.get('schemes').get('dark')
+
+primary = colorscheme.get_primary()
+onPrimary = colorscheme.get_onPrimary()
+primaryContainer = colorscheme.get_primaryContainer()
+onPrimaryContainer = colorscheme.get_onPrimaryContainer()
+secondary = colorscheme.get_secondary()
+onSecondary = colorscheme.get_onSecondary()
+secondaryContainer = colorscheme.get_secondaryContainer()
+onSecondaryContainer = colorscheme.get_onSecondaryContainer()
+tertiary = colorscheme.get_tertiary()
+onTertiary = colorscheme.get_onTertiary()
+tertiaryContainer = colorscheme.get_tertiaryContainer()
+onTertiaryContainer = colorscheme.get_onTertiaryContainer()
+error = colorscheme.get_error()
+onError = colorscheme.get_onError()
+errorContainer = colorscheme.get_errorContainer()
+onErrorContainer = colorscheme.get_onErrorContainer()
+background = colorscheme.get_background()
+onBackground = colorscheme.get_onBackground()
+surface = colorscheme.get_surface()
+onSurface = colorscheme.get_onSurface()
+surfaceVariant = colorscheme.get_surfaceVariant()
+onSurfaceVariant = colorscheme.get_onSurfaceVariant()
+outline = colorscheme.get_outline()
+shadow = colorscheme.get_shadow()
+inverseSurface = colorscheme.get_inverseSurface()
+inverseOnSurface = colorscheme.get_inverseOnSurface()
+inversePrimary = colorscheme.get_inversePrimary()
+
+
+print('$primary: ' + hexFromArgb(primary) + ';')
+print('$onPrimary: ' + hexFromArgb(onPrimary) + ';')
+print('$primaryContainer: ' + hexFromArgb(primaryContainer) + ';')
+print('$onPrimaryContainer: ' + hexFromArgb(onPrimaryContainer) + ';')
+print('$secondary: ' + hexFromArgb(secondary) + ';')
+print('$onSecondary: ' + hexFromArgb(onSecondary) + ';')
+print('$secondaryContainer: ' + hexFromArgb(secondaryContainer) + ';')
+print('$onSecondaryContainer: ' + hexFromArgb(onSecondaryContainer) + ';')
+print('$tertiary: ' + hexFromArgb(tertiary) + ';')
+print('$onTertiary: ' + hexFromArgb(onTertiary) + ';')
+print('$tertiaryContainer: ' + hexFromArgb(tertiaryContainer) + ';')
+print('$onTertiaryContainer: ' + hexFromArgb(onTertiaryContainer) + ';')
+print('$error: ' + hexFromArgb(error) + ';')
+print('$onError: ' + hexFromArgb(onError) + ';')
+print('$errorContainer: ' + hexFromArgb(errorContainer) + ';')
+print('$onErrorContainer: ' + hexFromArgb(onErrorContainer) + ';')
+print('$colorbarbg: ' + hexFromArgb(background) + ';')
+print('$onBackground: ' + hexFromArgb(onBackground) + ';')
+print('$surface: ' + hexFromArgb(surface) + ';')
+print('$onSurface: ' + hexFromArgb(onSurface) + ';')
+print('$surfaceVariant: ' + hexFromArgb(surfaceVariant) + ';')
+print('$onSurfaceVariant: ' + hexFromArgb(onSurfaceVariant) + ';')
+print('$outline: ' + hexFromArgb(outline) + ';')
+print('$shadow: ' + hexFromArgb(shadow) + ';')
+print('$inverseSurface: ' + hexFromArgb(inverseSurface) + ';')
+print('$inverseOnSurface: ' + hexFromArgb(inverseOnSurface) + ';')
+print('$inversePrimary: ' + hexFromArgb(inversePrimary) + ';')
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/memory b/hybrid-summer/.config/eww/scripts/memory
new file mode 100755
index 000000000..d2856d98a
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/memory
@@ -0,0 +1,30 @@
+#!/usr/bin/env bash
+
+while true; do    
+  # human-readable
+  freeH=$(free -h --si | rg "Mem:")
+  swapfreeH=$(free -h --si | rg "Swap:")
+  # non-human-readable
+  freeN=$(free --mega | rg "Mem:")
+  swapfreeN=$(free --mega | rg "Swap:")
+
+  total="$(echo "$freeH" | awk '{ print $2 }')"
+  used="$(echo "$freeH" | awk '{ print $3 }')"
+  t="$(echo "$freeN" | awk '{ print $2 }')"
+  u="$(echo "$freeN" | awk '{ print $3 }')"
+
+  swaptotal="$(echo "$swapfreeH" | awk '{ print $2 }')"
+  swapused="$(echo "$swapfreeH" | awk '{ print $3 }')"
+  swapt="$(echo "$swapfreeN" | awk '{ print $2 }')"
+  swapu="$(echo "$swapfreeN" | awk '{ print $3 }')"
+
+  free=$(printf '%.1fG' "$(bc -l <<< "($t - $u) / 1000")")
+  perc=$(printf '%.1f' "$(free -m | rg Mem | awk '{print ($3/$2)*100}')")
+
+  swapfree=$(printf '%.1fG' "$(bc -l <<< "($swapt - $swapu) / 1000")")
+  swapperc=$(printf '%.1f' "$(free -m | rg Swap | awk '{print ($3/$2)*100}')")
+
+  echo '{ "total": "'"$total"'", "used": "'"$used"'", "free": "'"$free"'", "swaptotal": "'"$swaptotal"'", "swapused": "'"$swapused"'", "swappercentage": '"$swapperc"', "swapfree": "'"$swapfree"'", "percentage": '"$perc"' }'
+
+  sleep 3
+done
diff --git a/hybrid-summer/.config/eww/scripts/mousetrack.cpp b/hybrid-summer/.config/eww/scripts/mousetrack.cpp
new file mode 100644
index 000000000..f8c5df702
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/mousetrack.cpp
@@ -0,0 +1,52 @@
+#include <boost/iostreams/device/file_descriptor.hpp>
+#include <boost/iostreams/stream.hpp>
+#include <cstdio>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+using namespace std;
+
+void cavaToJson(std::string& s) {
+    for(int i = 0; i < s.size(); i++){
+        if(s[i] == ';') s[i] = ',';
+    }
+    s.pop_back();
+}
+
+void cursorPosToJson(std::string& s) {
+    for(int i = 0; i < s.size(); i++){
+        if(s[i] == ';') s[i] = ',';
+    }
+    s.pop_back();
+}
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+int main()
+{
+    std::unique_ptr<FILE, decltype(&pclose)> pipe(popen("cava -p ~/.config/eww/scripts/custom_configs/cava", "r"), pclose);
+    if (!pipe) {
+        throw std::runtime_error("popen() failed!");
+    }
+    boost::iostreams::file_descriptor_source fd(fileno(pipe.get()), boost::iostreams::never_close_handle);
+    boost::iostreams::stream<boost::iostreams::file_descriptor_source> is(fd);
+    std::string line;
+    while (std::getline(is, line)) {
+        string st = exec("hyprctl cursorpos");
+        st.pop_back();
+        cout << '[' << st << ']' << endl;
+    }
+    return 0;
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/music b/hybrid-summer/.config/eww/scripts/music
new file mode 100755
index 000000000..e89effa7f
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/music
@@ -0,0 +1,158 @@
+#!/usr/bin/env bash
+
+prevtitle=''
+prevartist=''
+
+get_status() {
+	s=$1
+	if [ "$s" = "Playing" ]; then
+		echo ""
+	else
+		echo ""
+	fi
+}
+
+get_length_sec() {
+	len=$1
+	if [ -z "$len" ]; then
+		echo 0
+	else
+		bc <<< "$len / 1000000"
+	fi
+}
+
+get_length_time() {
+	len=$1
+	if [ -n "$len" ]; then
+		len=$(bc <<< "$len / 1000000 + 1")
+		date -d@"$len" +%M:%S
+	else
+		echo ""
+	fi
+}
+
+get_position() {
+	pos=$1
+	len=$2
+	if [ -n "$pos" ]; then
+		bc -l <<< "$pos / $len * 100"
+	else
+		echo 0
+	fi
+}
+
+get_position_time() {
+	pos=$1
+	if [ -n "$pos" ]; then
+		date -d@"$(bc <<< "$pos / 1000000")" +%M:%S
+	else
+		echo ""
+	fi
+}
+
+get_cover() {
+	# COVER_URL=$1
+	mkdir -p "eww_covers"
+	cd "eww_covers" || exit
+
+	IMGPATH="cover_art"
+	echo '{"image": "eww_covers/cover_art_default", "color": {"alpha":"100","colors":{"color0":"#111215","color1":"#2B698F","color10":"#597591","color11":"#447CC0","color12":"#3A9FB7","color13":"#6192A6","color14":"#60ABCC","color15":"#c4c6ca","color2":"#597591","color3":"#447CC0","color4":"#3A9FB7","color5":"#6192A6","color6":"#60ABCC","color7":"#c4c6ca","color8":"#898a8d","color9":"#2B698F"},"special":{"background":"#111215","cursor":"#c4c6ca","foreground":"#c4c6ca"},"wallpaper":"~/.config/eww/eww_covers/cover_art","source":"󰗃"}}'
+
+	playerctl -F metadata mpris:artUrl 2>/dev/null | while read -r COVER_URL; do
+		music_source='󰐍'
+		if [[ "$COVER_URL" = https* ]]; then
+			music_source='󰖟'
+			coverurl="$(playerctl metadata mpris:artUrl)"
+			coverurl_highres_yt="$(echo $coverurl | sed 's/hqdefault/maxresdefault/g')"
+			coverurl_highres_soundcloud="$(echo $coverurl | sed 's/80x80/500x500/g')"
+
+			# SoundCloud
+			if [[ "$coverurl" == *"sndcdn"* ]]; then
+				music_source='󰓀'
+				curl --silent --output "$IMGPATH""_soundcloud" "$coverurl_highres_soundcloud" -q –read-timeout=0.1
+				cp "$IMGPATH""_soundcloud" "$IMGPATH"
+				imgsize=$(echo $(du -b ~/.config/eww/eww_covers/cover_art | tr '\t' '\n' | grep -v 'cover_art'))	
+			# Youtube
+			elif [[ "$coverurl" == *"ytimg"* ]]; then
+				music_source='󰗃'
+				curl --silent --output "$IMGPATH""_yt" "$coverurl_highres_yt" -q –read-timeout=0.1
+				cp "$IMGPATH""_yt" "$IMGPATH"
+				imgsize=$(echo $(du -b ~/.config/eww/eww_covers/cover_art | tr '\t' '\n' | grep -v 'cover_art'))
+			# Likely YT Music
+			elif [[ "$coverurl" == *"googleusercontent"* ]]; then
+				music_source=''
+				curl --silent --output "$IMGPATH""_other" "$coverurl" -q –read-timeout=0.1
+				cp "$IMGPATH""_other" "$IMGPATH"
+				imgsize=$(echo $(du -b ~/.config/eww/eww_covers/cover_art | tr '\t' '\n' | grep -v 'cover_art'))
+			# Any other
+			else
+				curl --silent --output "$IMGPATH""_other" "$coverurl" -q –read-timeout=0.1
+				cp "$IMGPATH""_other" "$IMGPATH"
+				imgsize=$(echo $(du -b ~/.config/eww/eww_covers/cover_art | tr '\t' '\n' | grep -v 'cover_art'))
+			fi
+			# Fallback
+			if [ "$imgsize" == "0" ] || [ ! "$(diff ~/.config/eww/eww_covers/cover_art ~/.config/eww/eww_covers/cover_art_error)" ]; then
+				curl --silent --output "$IMGPATH""_lowres" "$coverurl" -q –read-timeout=0.1
+				cp "$IMGPATH""_lowres" "$IMGPATH"
+			fi
+
+			#Generate colors
+			cd ..
+			scripts/colorgen 'eww_covers/'$IMGPATH $coverurl "$music_source"
+			cd "eww_covers"
+		elif [ "$COVER_URL" = "" ]; then
+		    echo '{"image": "", "color": "$bg"}'
+		else
+			COVER_URL="${COVER_URL:7}"
+			cp "$COVER_URL"  "$IMGPATH"
+			
+			cd ..
+			scripts/colorgen '"eww_covers/'$IMGPATH'"' $coverurl "$music_source"
+			cd "eww_covers"
+		fi
+	done
+}
+
+# SANITIZE FIX
+sanitize() {
+	echo "$1" | sed 's/"/\"/g'
+}
+
+if [ "$1" = "cover" ]; then
+	get_cover
+elif [ "$1" = "name" ]; then
+	echo '{"artist": "", "title": ""}'
+	playerctl -F metadata -f '{{title}}\{{artist}}\' 2>/dev/null | while IFS="$(printf '\\')" read -r title artist; do
+	
+		if [[ "$title" == *" - YouTube"* && "$artist" == "" ]]; then
+			continue
+		fi
+		title=$(scripts/limitlen.py "$title" 41)
+		
+		gojq --null-input -r -c \
+			--arg artist "$(sanitize "$artist")" \
+			--arg title "$(sanitize "$title")" \
+			'{"artist": $artist, "title": $title}'
+		
+	done
+else
+	echo '{"artist": "", "title": "", "status": "", "position": "", "position_time": "", "length": ""}'
+	playerctl -F metadata -f '{{title}}\{{artist}}\{{status}}\{{position}}\' 2>/dev/null | while IFS="$(printf '\\')" read -r title artist status position; do
+	
+		if [[ "$title" == *" - YouTube" && "$artist" == "" ]]; then
+			continue
+		fi
+		len=$(playerctl metadata mpris:length)
+		title=$(scripts/limitlen.py "$title" 40)
+
+		gojq --null-input -r -c \
+			--arg artist "$(sanitize "$artist")" \
+			--arg title "$(sanitize "$title")" \
+			--arg status "$(get_status "$status")" \
+			--arg pos "$(get_position "$position" "$len")" \
+			--arg pos_time "$(get_position_time "$position")" \
+			--arg length "$(get_length_time "$len")" \
+			'{"artist": $artist, "title": $title, "status": $status, "position": $pos, "position_time": $pos_time, "length": $length}'
+		
+	done
+fi
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/net b/hybrid-summer/.config/eww/scripts/net
new file mode 100755
index 000000000..fc1d97df7
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/net
@@ -0,0 +1,40 @@
+#!/usr/bin/env bash
+
+toggle() {
+  status=$(rfkill -J | jaq -r '.rfkilldevices[] | select(.type == "wlan") | .soft' | head -1)
+
+  if [ "$status" = "unblocked" ]; then
+    rfkill block wlan
+  else
+    rfkill unblock wlan
+  fi
+}
+
+if [ "$1" = "toggle" ]; then
+  toggle
+else
+  while true; do
+    status=$(nmcli g | tail -n 1 | awk '{print $1}')
+    signal=$(nmcli -f in-use,signal dev wifi | rg "\*" | awk '{ print $2 }')
+    essid=$(nmcli -t -f NAME connection show --active | head -n1 | sed 's/\"/\\"/g')
+
+    icons=("" "" "" "" "")
+
+    if [ "$status" = "disconnected" ] ; then
+      icon=""
+      color="#988ba2"
+    else
+      level=$(awk -v n="$signal" 'BEGIN{print int((n-1)/20)}')
+      if [ "$level" -gt 4 ]; then
+        level=4
+      fi
+
+      icon=${icons[$level]}
+      color="#cba6f7"
+    fi
+
+    echo '{ "essid": "'"$essid"'", "icon": "'"$icon"'", "color": "'"$color"'", "level": "'"$level"'" }'
+
+    sleep 4
+  done
+fi
diff --git a/hybrid-summer/.config/eww/scripts/notifications b/hybrid-summer/.config/eww/scripts/notifications
new file mode 100755
index 000000000..d8680f279
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/notifications
@@ -0,0 +1,95 @@
+#!/usr/bin/env bash
+
+tmp=scripts/cache/dunst-history.json
+lock="scripts/cache/dunst-toggle.lock"
+lockinfo="scripts/cache/dunst-lock-info"
+cd ~/.config/eww
+
+touch $lockinfo
+
+declare ids
+export toggle_icon=""
+
+sanitize() {
+  retstr=$(echo $1 | sed 's/\\\\/\\\\\\\\/g' | sed 's/"/\\"/g')
+
+  # echo "original: $1"
+  echo "$retstr"
+  # echo 'sanitized'
+}
+
+get_ids() {
+  mapfile -t ids < <(dunstctl history | gojq -r ".data[] | .[] | select(.appname.data != \"Spotify\") | .id.data")
+}
+
+get_notif() {
+  echo -n '['
+
+  for id in "${ids[@]}"; do
+      mapfile -t n < <(gojq -r ".data[] | .[] | select(.id.data == $id) | .appname.data, .summary.data, .body.data" "$tmp" | sed -r '/^\s*$/d' | sed -e 's/\%/ percent/g')
+      ohkay=$(sanitize "${n[1]}")
+      # echo $ohkay
+      echo -n ''$([ $id -eq ${ids[0]} ] || echo ,)' { '
+      echo -n '"id": "'"$id"'", "appname": "'"${n[0]}"'", "summary": "'"$ohkay"'", "body": "'"${n[2]}"'"'
+      echo -n '}' 
+  done
+
+  echo ']'
+}
+
+toggle() {
+  dunstctl set-paused toggle
+
+  if [ ! -f "$lock" ]; then
+    export toggle_icon=""
+    touch "$lock"
+  else
+    export toggle_icon=""
+    rm "$lock"
+  fi
+
+  echo "icon_change" > $lockinfo
+}
+
+clear() {
+  dunstctl history-clear
+  echo "icon_change" > $lockinfo
+}
+
+get_icon() {
+  if [ ${#ids[@]} -eq 0 ]; then
+    echo ""
+  else
+    echo ""
+  fi
+}
+
+if [ "$1" == "--once" ]; then
+  dunstctl history > "$tmp"
+  get_ids
+  get_notif
+elif [ "$1" == "toggle" ]; then
+  toggle
+  dunstctl history > "$tmp"
+elif [ "$1" == "clear" ]; then
+  clear
+  dunstctl history > "$tmp"
+elif [ "$1" == "icons" ]; then
+  dunstctl history > "$tmp"
+  get_ids
+  is_paused=$(dunstctl is-paused)
+  echo '{"toggle_icon": "'"$toggle_icon"'", "paused": '"$is_paused"', "icon": "'"$(get_icon)"'"}'
+  tail -f "$lockinfo" | while read -r; do
+    get_ids
+    is_paused=$(dunstctl is-paused)
+    echo '{"toggle_icon": "'"$toggle_icon"'", "paused": '"$is_paused"', "icon": "'"$(get_icon)"'"}'
+  done
+else
+  dunstctl history > "$tmp"
+  get_ids
+  get_notif
+  tail -f "$tmp" 2>/dev/null | rg --line-buffered "aa\{sv\}" | while read -r; do
+    get_ids
+    get_notif
+  done
+fi
diff --git a/hybrid-summer/.config/eww/scripts/open-blurred.sh b/hybrid-summer/.config/eww/scripts/open-blurred.sh
new file mode 100755
index 000000000..81d2b27d9
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/open-blurred.sh
@@ -0,0 +1,9 @@
+#!/usr/bin/bash
+
+exit 0 # BLURS ARE FUCKING UNSTABLE AAAAAAA
+
+current_addresses=("$(hyprctl layers -j | jq -r '.[] | .levels | ."2" | .[] | select(.namespace == "gtk-layer-shell") | .address')")
+for current_address in ${current_addresses[@]}; do
+      hyprctl keyword layerrule "blur,address:$current_address"
+      hyprctl keyword layerrule "ignorezero,address:$current_address"
+done
diff --git a/hybrid-summer/.config/eww/scripts/overview-thumbnails b/hybrid-summer/.config/eww/scripts/overview-thumbnails
new file mode 100755
index 000000000..cfe8e7967
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/overview-thumbnails
@@ -0,0 +1,94 @@
+#!/usr/bin/bash
+dummy='{"thumbnail": null}'
+
+getwins() {
+  overviewopen=$(scripts/isopen.sh overview)
+  if [ "$overviewopen" == "true" ]; then
+    return 
+  fi
+
+  focusedws=$(hyprctl -j monitors | gojq -r '.[] | select(.focused == true) | .activeWorkspace.id')
+  hyprctlclients=$(hyprctl clients -j \
+    | grep -v '"xwayland": ' \
+    | grep -v '"grouped": ' \
+    | grep -v '"pid": ' \
+    | grep -v '"fullscreenMode": ' \
+    | grep -v '"monitor": ' \
+    | grep -v '"floating": ' \
+    | grep -v '"fullscreen": ' \
+    | grep -v '"pinned":') # | grep -v ""name":")
+  # echo '-=-=-=- final output -=-=-=-'
+  # echo "$toprint"
+  # echo $(echo "$hyprctlclients")  # Print on one line only
+
+  workspace=('[' '[' '[' '[' '[' '[' '[' '[' '[' '[')
+  workspacecnt=(1 1 1 1 1 1 1 1 1 1)
+  outputstring='{'
+
+  wsid=0
+
+  # echo $hyprctlclients | gojq -c '.[]'
+
+  IFS=$'\n'
+  clientsarr=( $(echo $hyprctlclients | gojq -c -M '.[]') )
+
+  #For every window
+  for client in "${clientsarr[@]}"; do
+    wsid=$(echo $client | gojq -c -M '.workspace.id')
+    ((wsid-=1))
+    if [[ "$wsid" == "-100" ]]; then 
+      continue
+    fi
+    if [[ "${workspacecnt[wsid]}" != "0" ]]; then 
+      workspace[wsid]+=","
+    fi
+
+    clientclass=$(echo $client | gojq -r '.class')
+    iconpath=''
+    thumbnailpath=''
+
+    # Get thumbnail
+    clientaddress=$(echo $client | gojq -r '.address')
+    atx=$(echo $client | gojq -c '.at[0]')
+    aty=$(echo $client | gojq -c '.at[1]')
+    sizex=$(echo $client | gojq -c '.size[0]')
+    sizey=$(echo $client | gojq -c '.size[1]')
+    if [ "$(( wsid + 1 ))" == "$focusedws" ]; then
+      grim -g "$atx,$aty ""$sizex"'x'"$sizey" "scripts/cache/thumbnails/$clientaddress.png" -q 1 -t png -l 9
+    fi
+
+    # If thumbnail available
+    if [ -f "scripts/cache/thumbnails/$clientaddress.png" ]; then
+      thumbnailpath="scripts/cache/thumbnails/$clientaddress.png"
+    fi
+
+    client="\"$clientaddress\": \"$thumbnailpath\","
+    outputstring+="$client"
+
+    # echo -n "Window: $clientclass"
+    # echo '; icon path: '"$iconpath"
+    
+
+    # echo "Count: ${workspacecnt[wsid]}"
+    # echo 'ADDED TO: workspace '"$wsid"
+    # echo ' --> '"${workspace[wsid]}"
+    ((workspacecnt[wsid]+=1))
+  done
+
+  outputstring=${outputstring::-1}
+  outputstring+='}'
+
+  # echo $outputstring
+}
+
+# Do stuff here
+getwins
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  while true; do
+    getwins
+    sleep 0.8
+  done
+fi
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/overview-wrapper b/hybrid-summer/.config/eww/scripts/overview-wrapper
new file mode 100755
index 000000000..b48d0769a
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/overview-wrapper
@@ -0,0 +1,11 @@
+#!/usr/bin/bash
+
+scripts/overview "$1"
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | while read -r line; do
+    scripts/overview "$1"
+  done
+fi
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/overview-wrapper1 b/hybrid-summer/.config/eww/scripts/overview-wrapper1
new file mode 100755
index 000000000..482bd688f
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/overview-wrapper1
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+scripts/overview --row 1
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    # This sleep is necessary! 
+    # It prevents the script from being faster than hyprctl lmao
+    sleep 0.025
+    scripts/overview --row 1
+  done
+fi
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/overview-wrapper2 b/hybrid-summer/.config/eww/scripts/overview-wrapper2
new file mode 100755
index 000000000..2ef074e71
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/overview-wrapper2
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+scripts/overview --row 2
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    # This sleep is necessary! 
+    # It prevents the script from being faster than hyprctl lmao
+    sleep 0.025
+    scripts/overview --row 2
+  done
+fi
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/overview.cpp b/hybrid-summer/.config/eww/scripts/overview.cpp
new file mode 100644
index 000000000..2202e3bed
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/overview.cpp
@@ -0,0 +1,102 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <regex>
+#include <stdexcept>
+#include <string>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+#define ROWS 2
+#define COLS 5
+
+string clients;
+json clientjson, apps;
+json workspaces;
+string workspaceInitTemplate =
+    "[{\"address\":\"_none\",\"at\":[0,0],\"class\":\"workspace\",\"size\":["
+    "1920,1080],\"title\":\"__WORKSPACE_ID\",\"workspace\":{\"id\":__WORKSPACE_"
+    "ID,\"name\":\"__WORKSPACE_ID\"}}]";
+vector<string> appnames;
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+void initWorkspaces() {
+    for (int i = 0; i < ROWS; i++) {
+        workspaces.push_back(json::array({})); // []
+        for (int j = 0; j < COLS; j++) {
+            int workspaceNum = i * COLS + j + 1;  // Note: Workspaces are 1-base
+            string workspaceInitString =
+                regex_replace(workspaceInitTemplate, regex("__WORKSPACE_ID"),
+                              to_string(workspaceNum));
+            json thisWorkspaceInit = json::parse(workspaceInitString);
+            workspaces[i].push_back(thisWorkspaceInit);
+        }
+    }
+}
+
+void addApp(json& client) {
+    // Calculate position in overview tile
+    int workspaceNum = int(client["workspace"]["id"]) - 1;  // 1-base to 0-base
+    if(workspaceNum < 0) return; //Skip scratchpads/specials, as they have negative ids
+    int i = workspaceNum / COLS, j = workspaceNum % COLS;
+
+    // New JSON for app
+    json newApp =
+        R"({"class": "", "workspace": {"id": 8, "name": "8"}, "title": "", "at": [0, 0], "size": [0, 0], "address": [], "icon": ""})"_json;
+    // Add normal stuff
+    newApp["class"] = client["class"];
+    newApp["address"] = client["address"];
+    newApp["workspace"] = client["workspace"];
+    newApp["title"] = client["title"];
+    newApp["at"] = client["at"];
+    newApp["size"] = client["size"];
+    // Icon path
+    string filename = string("./scripts/cache/" + string(client["class"]));
+    std::ifstream ifs(filename);
+    std::string iconpath((std::istreambuf_iterator<char>(ifs)),
+                         (std::istreambuf_iterator<char>()));
+    while (iconpath.size() > 0 && *iconpath.rbegin() == '\n') iconpath.pop_back();  // Remove '\n'
+    newApp["icon"] = iconpath;
+
+    workspaces[i][j].push_back(newApp);
+}
+
+void getApps() {
+    // Get clients
+    clients = exec("hyprctl clients -j | gojq -c -M");
+    clientjson = json::parse(clients);
+
+    // Access the values
+    for (json client : clientjson) {
+        addApp(client);
+    }
+}
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+
+    initWorkspaces();
+    getApps();
+    if (argc == 2) cout << workspaces[0][stoi(argv[1]) - 1] << '\n';
+    if (argc == 3 && string(argv[1]) == "--row" && stoi(argv[2]) >= 1 && stoi(argv[2]) <= ROWS) {
+        cout << workspaces[stoi(argv[2]) - 1] << '\n';
+    } else
+        cout << workspaces << '\n';
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/overview1 b/hybrid-summer/.config/eww/scripts/overview1
new file mode 100755
index 000000000..8c1e4f34a
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/overview1
@@ -0,0 +1,129 @@
+#!/usr/bin/bash
+dummy='{"address":"_none","at":[0,0],"class":"workspace","size":[1920,1080],"title":"<___overview_workspace>","workspace":{"id":<___overview_workspace>, "name": "<___overview_workspace>"}}'
+
+getwins() {
+  hyprctlclients=$(hyprctl clients -j \
+    | grep -v '"mapped": ' \
+    | grep -v '"hidden": ' \
+    | grep -v '"floating": ' \
+    | grep -v '"monitor": ' \
+    | grep -v '"pid": ' \
+    | grep -v '"xwayland": ' \
+    | grep -v '"pinned":' \
+    | grep -v '"fullscreen": ' \
+    | grep -v '"fullscreenMode": ' \
+    | grep -v '"fakeFullscreen": ' \
+    | grep -v '"grouped": ')
+
+  workspace=('[' '[' '[' '[' '[' '[' '[' '[' '[' '[')
+  workspacecnt=(1 1 1 1 1 1 1 1 1 1)
+
+  wsid=0
+  for i in 0 1 2 3 4; do
+    workspace[i]+=$(echo $dummy | sed "s/<___overview_workspace>/$((i+1))/g")
+  done
+
+  # echo $hyprctlclients | gojq -c '.[]'
+
+  IFS=$'\n'
+  clientsarr=( $(echo $hyprctlclients | gojq -c -M '.[]') )
+
+  #For every window
+  for client in "${clientsarr[@]}"; do
+    wsid=$(echo $client | gojq -c -M '.workspace.id')
+    if [[ $wsid -gt 5 ]]; then
+      continue
+    fi
+    ((wsid-=1))
+    iconpath=''
+    clientclass=$(echo "$client" | gojq -r '.class')
+    if [[ "$clientclass" == "" ]]; then 
+      continue
+    fi
+    if [[ "$wsid" == "-100" ]]; then 
+      continue
+    fi
+    if [[ "${workspacecnt[wsid]}" != "0" ]]; then 
+      workspace[wsid]+=","
+    fi
+
+    # If thumbnail available
+    # if [ -f "scripts/cache/thumbnails/$clientaddress.png" ]; then
+    #   thumbnailpath="scripts/cache/thumbnails/$clientaddress.png"
+    # fi
+    
+    # Get app icon
+    if [ -f "scripts/cache/$clientclass" ]; then
+        iconpath=$(cat scripts/cache/$clientclass)
+        if [ ! -f "${iconpath}" ]; then # Cache refresh if icon doesnt exist
+            iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$clientclass" | head -n 1)
+            echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+    else
+        iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$clientclass" | head -n 1)
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+    fi
+    if [[ ${iconpath} == "" ]]; then
+      # Retry with lowercase if icon not found
+      iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") $(echo "$clientclass" | tr '[:upper:]' '[:lower:]' | sed 's/\ /-/g') | head -n 1)
+
+      if [[ ! ${iconpath} = "" ]]; then
+        rm "scripts/cache/$clientclass"
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+      else 
+        newname=$(scripts/iconpatch $clientclass)
+        iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$newname" | head -n 1)
+        if [[ ! ${iconpath} = "" ]]; then
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        else
+          # Fallback app icon, replace the path below to the fallback icon of your choice
+          # iconpath="/usr/share/icons/Win11-dark/mimes/48/application-x-executable.svg"
+          iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "application-x-executable" | head -n 1)
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+      fi
+    fi
+
+    client=${client::-1}
+    client+=",\"icon\": \"$iconpath\"}"
+    workspace[wsid]+="$client" # Add window to workspace JSON
+
+    # echo -n "Window: $clientclass"
+    # echo '; icon path: '"$iconpath"
+    
+
+    # echo "Count: ${workspacecnt[wsid]}"
+    # echo 'ADDED TO: workspace '"$wsid"
+    # echo ' --> '"${workspace[wsid]}"
+    ((workspacecnt[wsid]+=1))
+  done
+
+  for i in 0 1 2 3 4; do
+    workspace[i]+=']'
+  done
+
+  # echo '-=-=-=-=-=- Summary -=-=-=-=-=-'
+
+  # -=-=-=-=-=-=-=-=-=-=-=-=-=-=- PRINT STUFF HERE -=-=-=-=-=-=-=-=-=-=-=-=-=-=-
+  echo -n '['
+  for i in 0 1 2 3 4; do
+    if [[ $i != 0 ]]; then
+      echo -n ','
+    fi
+    echo -n "${workspace[i]}"
+  done
+  echo ']'
+}
+
+# Do stuff here
+getwins
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    getwins
+  done
+fi
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/overview2 b/hybrid-summer/.config/eww/scripts/overview2
new file mode 100755
index 000000000..97aa1c15b
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/overview2
@@ -0,0 +1,123 @@
+#!/usr/bin/bash
+dummy='{"address":"_none","at":[0,0],"class":"workspace","size":[1920,1080],"title":"<___overview_workspace>","workspace":{"id":<___overview_workspace>, "name": "<___overview_workspace>"}}'
+
+getwins() {
+  hyprctlclients=$(hyprctl clients -j \
+    | grep -v '"mapped": ' \
+    | grep -v '"hidden": ' \
+    | grep -v '"floating": ' \
+    | grep -v '"monitor": ' \
+    | grep -v '"pid": ' \
+    | grep -v '"xwayland": ' \
+    | grep -v '"pinned":' \
+    | grep -v '"fullscreen": ' \
+    | grep -v '"fullscreenMode": ' \
+    | grep -v '"fakeFullscreen": ' \
+    | grep -v '"grouped": ')
+
+  
+
+  workspace=('[' '[' '[' '[' '[' '[' '[' '[' '[' '[')
+  workspacecnt=(1 1 1 1 1 1 1 1 1 1)
+
+  wsid=0
+  for i in 5 6 7 8 9; do
+    workspace[i]+=$(echo $dummy | sed "s/<___overview_workspace>/$((i+1))/g")
+  done
+
+  # echo $hyprctlclients | gojq -c '.[]'
+
+  IFS=$'\n'
+  clientsarr=( $(echo $hyprctlclients | gojq -c -M '.[]') )
+  for client in "${clientsarr[@]}"; do
+    wsid=$(echo $client | gojq -c -M '.workspace.id')
+    if [[ $wsid -lt 6 ]]; then
+      continue
+    fi
+    ((wsid-=1))
+    iconpath=''
+    clientclass=$(echo $client | gojq -r '.class')
+    if [[ "$clientclass" == "" ]]; then 
+      continue
+    fi
+    if [[ "$wsid" == "-100" ]]; then 
+      continue
+    fi
+    if [[ "${workspacecnt[wsid]}" != "0" ]]; then 
+      workspace[wsid]+=","
+    fi
+
+    # Get app icon
+    if [ -f "scripts/cache/$clientclass" ]; then
+        iconpath=$(cat scripts/cache/$clientclass)
+        if [ ! -f "${iconpath}" ]; then # Cache refresh if icon doesnt exist
+            iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$clientclass" | head -n 1)
+            echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+    else
+        iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$clientclass" | head -n 1)
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+    fi
+    if [[ ${iconpath} == "" ]]; then
+      # Retry with lowercase if icon not found
+      iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") $(echo "$clientclass" | tr '[:upper:]' '[:lower:]' | sed 's/\ /-/g') | head -n 1)
+      if [[ ! ${iconpath} = "" ]]; then
+        rm "scripts/cache/$clientclass"
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+      else 
+        newname=$(scripts/iconpatch $clientclass)
+        iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$newname" | head -n 1)
+        if [[ ! ${iconpath} = "" ]]; then
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        else
+          # Fallback app icon, replace the path below to the fallback icon of your choice
+          # iconpath="/usr/share/icons/Win11-dark/mimes/48/application-x-executable.svg"
+          iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "application-x-executable" | head -n 1)
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+      fi
+    fi
+
+    client=${client::-1}
+    client+=",\"icon\": \"$iconpath\"}"
+    workspace[wsid]+="$client" # Add window to workspace JSON
+
+    # echo -n "Window: $clientclass"
+    # echo '; icon path: '"$iconpath"
+    
+
+    # echo "Count: ${workspacecnt[wsid]}"
+    # echo 'ADDED TO: workspace '"$wsid"
+    # echo ' --> '"${workspace[wsid]}"
+    ((workspacecnt[wsid]+=1))
+  done
+
+  for i in 5 6 7 8 9; do
+    workspace[i]+=']'
+  done
+
+  # echo '-=-=-=-=-=- Summary -=-=-=-=-=-'
+
+  # -=-=-=-=-=-=-=-=-=-=-=-=-=-=- PRINT STUFF HERE -=-=-=-=-=-=-=-=-=-=-=-=-=-=-
+  echo -n '['
+  for i in 5 6 7 8 9; do
+    if [[ $i != 5 ]]; then
+      echo -n ','
+    fi
+    echo -n "${workspace[i]}"
+  done
+  echo ']'
+}
+
+# Do stuff here
+getwins
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    getwins
+  done
+fi
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/scrollmonth b/hybrid-summer/.config/eww/scripts/scrollmonth
new file mode 100755
index 000000000..52e23fece
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/scrollmonth
@@ -0,0 +1,21 @@
+#!/usr/bin/env bash
+
+# Get month diff
+diffmonth=$(eww get monthshift)
+if [[ "$1" == "up" ]]; then
+  diffmonth=$(( $diffmonth - 1 ))
+else
+  diffmonth=$(( $diffmonth + 1 ))
+fi
+eww update monthshift="$diffmonth" &
+
+# Get dates
+dates=$(scripts/getfirstdayofmonth "$diffmonth")
+dateSplitted=( $dates )
+newTitle=$(date -d "${dateSplitted[3]}-${dateSplitted[2]}-${dateSplitted[1]}" "+%B %Y")
+
+if [[ "$diffmonth" == "0" ]]; then
+  dates=''
+fi
+eww update calendartitle="$newTitle" &
+eww update calendar="$(scripts/calendarlayout $dates)"
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/search_items.txt b/hybrid-summer/.config/eww/scripts/search_items.txt
new file mode 100644
index 000000000..411e47b04
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/search_items.txt
@@ -0,0 +1 @@
+(box :orientation "v" :spacing 5 :class "apps" :halign "center" :valign "center"  (button :class "item" :onclick "4channels &" "4channels") (button :class "item" :onclick "7za &" "7za") (button :class "item" :onclick "a52dec &" "a52dec") (button :class "item" :onclick "aafire &" "aafire") (button :class "item" :onclick "aainfo &" "aainfo") (button :class "item" :onclick "aalib-config &" "aalib-config") (button :class "item" :onclick "aasavefont &" "aasavefont") (button :class "item" :onclick "aatest &" "aatest") (button :class "item" :onclick "abw2html &" "abw2html") (button :class "item" :onclick "abw2raw &" "abw2raw"))
diff --git a/hybrid-summer/.config/eww/scripts/selectwindow b/hybrid-summer/.config/eww/scripts/selectwindow
new file mode 100755
index 000000000..2f88d9099
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/selectwindow
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+selected=$(eval $2 get selected)
+
+
+if [[ $selected == "_none" ]] || [[ $selected == "" ]]; then
+  eval "$2 update selected=$1"
+  selected=$(eval $2 get selected)
+else
+  hyprctl dispatch movetoworkspacesilent $3,address:$selected
+
+  eval "$2 update selected=_none"
+  selected=$(eval $2 get selected)
+fi
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/supersecretsettings/culture b/hybrid-summer/.config/eww/scripts/supersecretsettings/culture
new file mode 100755
index 000000000..28c5c0abf
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/supersecretsettings/culture
@@ -0,0 +1,18 @@
+#!/usr/bin/env bash
+plugged=0
+
+swaybg -i images/wallpaper/wallpaper-cultured &
+
+while true; do
+	STATE=$(cat /sys/class/power_supply/BATT/status)
+    if [[ "$STATE" = "Charging" ]]; then 
+        if [ "$plugged" -eq "0" ]; then 
+            plugged=1
+            notify-send 'Aghh~~~~'
+            play scripts/supersecretsettings/culture.mp3
+        fi
+    else 
+        plugged=0
+    fi      
+	sleep 1
+done
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/supersecretsettings/culture.mp3 b/hybrid-summer/.config/eww/scripts/supersecretsettings/culture.mp3
new file mode 100644
index 000000000..3614f93f1
Binary files /dev/null and b/hybrid-summer/.config/eww/scripts/supersecretsettings/culture.mp3 differ
diff --git a/hybrid-summer/.config/eww/scripts/supersecretsettings/doreload b/hybrid-summer/.config/eww/scripts/supersecretsettings/doreload
new file mode 100755
index 000000000..363dbedbc
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/supersecretsettings/doreload
@@ -0,0 +1,10 @@
+#!/bin/sh
+
+
+cp ~/.config/hypr/hyprland.conf temporary_config.conf && cp temporary_config.conf ~/.config/hypr/hyprland.conf
+rm temporary_config.conf
+
+pkill swaybg
+swaybg -i images/wallpaper/wallpaper-normal
+
+kill $(pidof eww) && eww open bar && eww open bg-decor
diff --git a/hybrid-summer/.config/eww/scripts/taskbar.cpp b/hybrid-summer/.config/eww/scripts/taskbar.cpp
new file mode 100644
index 000000000..99301a12a
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/taskbar.cpp
@@ -0,0 +1,84 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+string clients, pinned;
+json clientjson, apps;
+vector<string> appnames;
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+void addApp(json& client) {
+    bool found = false;
+    for (json& obj : apps) {
+        auto it = obj.find("class");
+        if (it != obj.end() && *it == client["class"]) {
+            found = true;
+            obj["count"] = int(obj["count"]) + 1;
+            obj["address"].push_back(client["address"]);
+            obj["workspace"].push_back(client["workspace"]["id"]);
+            break;
+        }
+    }
+    if (!found) {
+        json newApp =
+            R"({"class": "", "count": 1, "workspace": [], "address": [], "icon": ""})"_json;
+        newApp["class"] = client["class"];
+        newApp["address"].push_back(client["address"]);
+        newApp["workspace"].push_back(client["workspace"]["id"]);
+        string filename = string("./scripts/cache/" + string(client["class"]));
+        std::ifstream ifs(filename);
+        std::string iconpath((std::istreambuf_iterator<char>(ifs)),
+                             (std::istreambuf_iterator<char>()));
+        // cout << "PATH: " << filename << " | ICON PATH: " << iconpath << '\n';
+        while (iconpath.size() > 0 && *iconpath.rbegin() == '\n') iconpath.pop_back();  // Remove '\n'
+        newApp["icon"] = iconpath;
+
+        apps.push_back(newApp);
+    }
+}
+
+void getAppNameAndCount() {
+    // Get clients
+    clients = exec("hyprctl clients -j | gojq -c -M");
+    pinned = exec("cat modules/taskbar.json | gojq -c -M");
+    clientjson = json::parse(clients);
+    apps = json::parse(pinned);
+
+    // Access the values
+    for (json client : clientjson) {
+        addApp(client);
+        // cout << client << '\n';
+    }
+}
+
+void getAppIcon() {}
+
+int main() {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+    
+    getAppNameAndCount();
+    getAppIcon();
+    cout << apps << '\n';
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/taskbarloop b/hybrid-summer/.config/eww/scripts/taskbarloop
new file mode 100755
index 000000000..edec3a371
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/taskbarloop
@@ -0,0 +1,13 @@
+#!/usr/bin/bash
+
+scripts/taskbar
+
+if [ "$1" == "--once" ]; then
+  scripts/taskbar
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    scripts/taskbar
+    echo
+  done
+fi
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/taskviewlayout.cpp b/hybrid-summer/.config/eww/scripts/taskviewlayout.cpp
new file mode 100644
index 000000000..e3c5b1873
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/taskviewlayout.cpp
@@ -0,0 +1,102 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <regex>
+#include <stdexcept>
+#include <string>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+#define ROWS 2
+#define COLS 5
+
+string clients;
+json clientjson, apps;
+json workspaces;
+string workspaceInitTemplate =
+    "[{\"address\":\"_none\",\"at\":[0,0],\"class\":\"workspace\",\"size\":["
+    "1920,1080],\"title\":\"__WORKSPACE_ID\",\"workspace\":{\"id\":__WORKSPACE_"
+    "ID,\"name\":\"__WORKSPACE_ID\"}}]";
+vector<string> appnames;
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+void initWorkspaces() {
+    for (int i = 0; i < ROWS; i++) {
+        workspaces.push_back(json::array({}));  // []
+        for (int j = 0; j < COLS; j++) {
+            int workspaceNum = i * COLS + j + 1;  // Note: Workspaces are 1-base
+            string workspaceInitString =
+                regex_replace(workspaceInitTemplate, regex("__WORKSPACE_ID"),
+                              to_string(workspaceNum));
+            json thisWorkspaceInit = json::parse(workspaceInitString);
+            workspaces[i].push_back(thisWorkspaceInit);
+        }
+    }
+}
+
+void addApp(json& client) {
+    // Calculate position in overview tile
+    int workspaceNum = int(client["workspace"]["id"]) - 1;  // 1-base to 0-base
+    if (workspaceNum < 0)
+        return;  // Skip scratchpads/specials, as they have negative ids
+    int i = workspaceNum / COLS, j = workspaceNum % COLS;
+
+    // New JSON for app
+    json newApp =
+        R"({"class": "", "workspace": {"id": 8, "name": "8"}, "title": "", "at": [0, 0], "size": [0, 0], "address": [], "icon": ""})"_json;
+    // Add normal stuff
+    newApp["class"] = client["class"];
+    newApp["address"] = client["address"];
+    newApp["workspace"] = client["workspace"];
+    newApp["title"] = client["title"];
+    newApp["at"] = client["at"];
+    newApp["size"] = client["size"];
+    // Icon path
+    string filename = string("./scripts/cache/" + string(client["class"]));
+    std::ifstream ifs(filename);
+    std::string iconpath((std::istreambuf_iterator<char>(ifs)),
+                         (std::istreambuf_iterator<char>()));
+    while (iconpath.size() > 0 && *iconpath.rbegin() == '\n')
+        iconpath.pop_back();  // Remove '\n'
+    newApp["icon"] = iconpath;
+
+    workspaces[i][j].push_back(newApp);
+}
+
+void getApps() {
+    // Get clients
+    clients = exec("hyprctl clients -j | gojq -c -M");
+    clientjson = json::parse(clients);
+
+    // Access the values
+    for (json client : clientjson) {
+        addApp(client);
+    }
+}
+
+int main(int argc, char* argv[]) {
+    // ios::sync_with_stdio(false);
+    // cin.tie(nullptr);
+
+    // Get rekt uggh i mean windows in workspaces
+    initWorkspaces();
+    getApps();
+
+    
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/toggle-allapps.sh b/hybrid-summer/.config/eww/scripts/toggle-allapps.sh
new file mode 100755
index 000000000..d41f83695
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/toggle-allapps.sh
@@ -0,0 +1,11 @@
+#!/usr/bin/bash
+state=$(eww get winstart_allapps)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update winstart_allapps=false
+else
+    eww update winstart_allapps=true
+    # This sleep is necessary for it to animate smoothly!
+    sleep 0.2
+    eww update allapps="$(eww get allapps_get)"
+fi
diff --git a/hybrid-summer/.config/eww/scripts/toggle-bottombar.sh b/hybrid-summer/.config/eww/scripts/toggle-bottombar.sh
new file mode 100755
index 000000000..ab6fcd9ba
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/toggle-bottombar.sh
@@ -0,0 +1,18 @@
+#!/usr/bin/bash
+state=$(eww get rev_bottombar)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_bottombar=false
+    eww update rev_bottombar=false
+    # eww update force_sys_rev=false
+    sleep 0.15
+    eww close bottombar
+    eww close bottombar-back
+    eww update cavajson=''
+else
+    eww update anim_open_bottombar=true
+    eww open bottombar-back
+    eww open bottombar
+    eww update rev_bottombar=true
+    # eww update force_sys_rev=true &
+fi
diff --git a/hybrid-summer/.config/eww/scripts/toggle-calendar.sh b/hybrid-summer/.config/eww/scripts/toggle-calendar.sh
new file mode 100755
index 000000000..20e907f26
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/toggle-calendar.sh
@@ -0,0 +1,13 @@
+#!/usr/bin/bash
+state=$(eww get rev_calendar)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_calendar=false
+    eww update rev_calendar=false
+    sleep 0.15
+    eww close calendar
+else
+    eww update anim_open_calendar=true
+    eww open calendar
+    eww update rev_calendar=true
+fi
diff --git a/hybrid-summer/.config/eww/scripts/toggle-compactmode.sh b/hybrid-summer/.config/eww/scripts/toggle-compactmode.sh
new file mode 100755
index 000000000..fc8d65195
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/toggle-compactmode.sh
@@ -0,0 +1,19 @@
+#!/bin/bash
+
+state=$(hyprctl getoption decoration:rounding -j | gojq '.int')
+
+if [[ "$state" != "0" || "$1" == "--enable" ]]; then
+    eww update compact=true &
+    hyprctl keyword decoration:rounding 0 
+    hyprctl keyword general:gaps_in 0 
+    hyprctl keyword general:gaps_out 0
+    hyprctl keyword monitor eDP-1,addreserved,69,0,0,0  
+    if [[ "$2" == "--border" ]]; then
+        hyprctl keyword general:border_size "$3"
+    else
+        hyprctl keyword general:border_size 1
+    fi
+else
+    eww update compact=false &
+    hyprctl reload
+fi
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/toggle-dash.sh b/hybrid-summer/.config/eww/scripts/toggle-dash.sh
new file mode 100755
index 000000000..9ca20abd7
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/toggle-dash.sh
@@ -0,0 +1,23 @@
+#!/usr/bin/bash
+reserves=$(hyprctl monitors -j | gojq -r -c '.[0]["reserved"]')
+if [[ "$1" == "--keypress" && "$reserves" == "[0,0,0,50]" ]]; then
+    cd ~/.config/eww
+    scripts/toggle-winactions.sh
+    exit
+fi
+
+state=$(eww get rev_dash)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_dash=false
+    eww update rev_dash=false
+    sleep 0.08
+    eww close dashboard
+else
+    scripts/toggle-overview.sh --close &
+    scripts/toggle-osettings.sh --close &
+    scripts/toggle-onotify.sh --close &
+    eww update anim_open_dash=true
+    eww open dashboard
+    eww update rev_dash=true
+fi
diff --git a/hybrid-summer/.config/eww/scripts/toggle-dashfs.sh b/hybrid-summer/.config/eww/scripts/toggle-dashfs.sh
new file mode 100755
index 000000000..a819c6628
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/toggle-dashfs.sh
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+state=$(eww get rev_dashfs)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_dashfs=false
+    eww update rev_dashfs=false
+    sleep 0.15
+    eww close dashfs 
+    eww update cavajson=''
+else
+    eww update anim_open_dashfs=true
+    eww open dashfs
+    eww update rev_dashfs=true 
+fi
diff --git a/hybrid-summer/.config/eww/scripts/toggle-music.sh b/hybrid-summer/.config/eww/scripts/toggle-music.sh
new file mode 100755
index 000000000..baa63b066
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/toggle-music.sh
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+state=$(eww get music_open)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_music=false
+    eww update music_open=false
+    sleep 0.2
+    eww close music
+    eww update cavajson=''
+else
+    eww update anim_open_music=true
+    eww open music
+    eww update music_open=true
+fi
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/toggle-nightlight.sh b/hybrid-summer/.config/eww/scripts/toggle-nightlight.sh
new file mode 100755
index 000000000..6b3090340
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/toggle-nightlight.sh
@@ -0,0 +1,10 @@
+#!/usr/bin/bash
+currentshader=$(hyprctl getoption decoration:screen_shader -j | gojq -r '.str')
+
+if [[ "$currentshader" != *"extradark.frag" ]]; then
+    hyprctl keyword decoration:screen_shader '~/.config/hypr/shaders/extradark.frag'
+else
+    hyprctl keyword decoration:screen_shader '~/.config/hypr/shaders/nothing.frag'
+fi
+
+scripts/hyprsettings tickle
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/toggle-onotify.sh b/hybrid-summer/.config/eww/scripts/toggle-onotify.sh
new file mode 100755
index 000000000..0a139c6ae
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/toggle-onotify.sh
@@ -0,0 +1,22 @@
+#!/usr/bin/bash
+reserves=$(hyprctl monitors -j | gojq -r -c '.[0]["reserved"]')
+if [[ "$1" == "--keypress" && "$reserves" == "[0,0,0,50]" ]]; then
+    cd ~/.config/eww
+    scripts/toggle-winnotif.sh
+    exit
+fi
+
+state=$(eww get rev_ontf)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_ontf=false
+    eww update rev_ontf=false
+    # eww update force_sys_rev=false
+    sleep 0.15
+    eww close onotify 
+else
+    eww update anim_open_ontf=true
+    eww open onotify
+    eww update rev_ontf=true &
+    # eww update force_sys_rev=true &
+fi
diff --git a/hybrid-summer/.config/eww/scripts/toggle-osd-bright.sh b/hybrid-summer/.config/eww/scripts/toggle-osd-bright.sh
new file mode 100755
index 000000000..fd54db13a
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/toggle-osd-bright.sh
@@ -0,0 +1,51 @@
+#!/usr/bin/bash
+cd ~/.config/eww
+reserves=$(hyprctl monitors -j | gojq -r -c '.[0]["reserved"]')
+state=$(eww get osd_vol)
+
+closewinvol() {
+    eww update osd_vol=false
+    sleep 0.2
+    eww close winosd_vol
+}
+closewinosd() {
+    eww update osd_bright=false
+    sleep 0.2
+    eww close winosd_bright
+}
+openwinosd() {
+    if [ "$state" = "true" ]; then
+        closewinvol
+    fi
+    eww open winosd_bright
+    eww update osd_bright=true
+}
+closeosd() {
+    eww update osd_bright=false
+    sleep 0.2
+    eww close osd
+}
+openosd() {
+    eww open osd
+    eww update osd_bright=true
+}
+
+if [ "$reserves" = "[0,0,0,50]" ]; then # windoes mode active
+    eww close osd &
+    if [[ "$1" == "--open" ]]; then
+        openwinosd
+    else
+        closewinosd
+    fi
+    exit 0
+fi
+
+eww close winosd_vol &
+eww close winosd_bright &
+if [[ "$1" == "--open" ]]; then 
+    openosd
+elif [[ "$1" == "--close" ]]; then
+    closeosd
+else
+    closeosd
+fi
diff --git a/hybrid-summer/.config/eww/scripts/toggle-osd-vol.sh b/hybrid-summer/.config/eww/scripts/toggle-osd-vol.sh
new file mode 100755
index 000000000..54658a294
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/toggle-osd-vol.sh
@@ -0,0 +1,51 @@
+#!/usr/bin/bash
+cd ~/.config/eww
+reserves=$(hyprctl monitors -j | gojq -r -c '.[0]["reserved"]')
+state=$(eww get osd_bright)
+
+closewinbright() {
+    eww update osd_bright=false
+    sleep 0.2
+    eww close winosd_bright
+}
+closewinosd() {
+    eww update osd_vol=false
+    sleep 0.2
+    eww close winosd_vol
+}
+openwinosd() {
+    if [ "$state" = "true" ]; then
+        closewinbright
+    fi
+    eww open winosd_vol
+    eww update osd_vol=true
+}
+closeosd() {
+    eww update osd_vol=false
+    sleep 0.2
+    eww close osd
+}
+openosd() {
+    eww open osd
+    eww update osd_vol=true
+}
+
+if [ "$reserves" = "[0,0,0,50]" ]; then # windoes mode active
+    eww close osd &
+    if [[ "$1" == "--open" ]]; then
+        openwinosd
+    else
+        closewinosd
+    fi
+    exit 0
+fi
+
+eww close winosd_vol &
+eww close winosd_bright &
+if [[ "$1" == "--open" ]]; then 
+    openosd
+elif [[ "$1" == "--close" ]]; then
+    closeosd
+else
+    closeosd
+fi
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/toggle-osettings.sh b/hybrid-summer/.config/eww/scripts/toggle-osettings.sh
new file mode 100755
index 000000000..784d6fe00
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/toggle-osettings.sh
@@ -0,0 +1,23 @@
+#!/usr/bin/bash
+reserves=$(hyprctl monitors -j | gojq -r -c '.[0]["reserved"]')
+if [[ "$1" == "--keypress" && "$reserves" == "[0,0,0,50]" ]]; then
+    cd ~/.config/eww
+    scripts/toggle-winnews.sh
+    exit
+fi
+
+
+state=$(eww get rev_ostg)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_ostg=false
+    eww update rev_ostg=false
+    sleep 0.15
+    eww close osettings 
+    eww update oquery=''
+else # state = false
+    eww update anim_open_ostg=true
+    eww update oquery='' &
+    eww open osettings
+    eww update rev_ostg=true &
+fi
diff --git a/hybrid-summer/.config/eww/scripts/toggle-overview.sh b/hybrid-summer/.config/eww/scripts/toggle-overview.sh
new file mode 100755
index 000000000..bebe319fc
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/toggle-overview.sh
@@ -0,0 +1,23 @@
+#!/usr/bin/bash
+cd ~/.config/eww
+
+reserves=$(hyprctl monitors -j | gojq -r -c '.[0]["reserved"]')
+if [[ "$1" == "--keypress" && "$reserves" == "[0,0,0,50]" ]]; then
+    scripts/toggle-winstart.sh
+    exit
+fi
+
+state=$(eww get open_overview)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then 
+    eww close overview &
+    eww update overview_query='' &
+    eww update open_overview=false &
+else
+    scripts/allapps > scripts/cache/entries.txt &
+    scripts/allappnames > scripts/cache/entrynames.txt &
+    eww update overview_query=''  &
+    eww update overview_hover_name='{"class":"LMB: Focus | MMB: Close | RMB: Select/Move","title":"Activities Overview","workspace":{"id":5,"name":"5"},"icon": "/usr/share/icons/breeze-dark/actions/16/window.svg"}' &
+    eww open overview
+    eww update open_overview=true
+fi
diff --git a/hybrid-summer/.config/eww/scripts/toggle-themer.sh b/hybrid-summer/.config/eww/scripts/toggle-themer.sh
new file mode 100755
index 000000000..38446da43
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/toggle-themer.sh
@@ -0,0 +1,13 @@
+#!/usr/bin/bash
+state=$(eww get rev_themer)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_themer=false
+    eww update rev_themer=false
+    sleep 0.25
+    eww close themer
+else
+    eww update anim_open_themer=true
+    eww open themer
+    eww update rev_themer=true
+fi
diff --git a/hybrid-summer/.config/eww/scripts/toggle-winactions.sh b/hybrid-summer/.config/eww/scripts/toggle-winactions.sh
new file mode 100755
index 000000000..e6db7a909
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/toggle-winactions.sh
@@ -0,0 +1,19 @@
+#!/usr/bin/bash
+state=$(eww get rev_winactions)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    if [[ "$2" == "settings" ]]; then
+        gnome-control-center &
+    fi
+    if [[ "$2" == "power" ]]; then
+        gnome-control-center power &
+    fi
+    eww update anim_open_winactions=false
+    eww update rev_winactions=false
+    sleep 0.15
+    eww close winactions
+else
+    eww update anim_open_winactions=true
+    eww open winactions
+    eww update rev_winactions=true
+fi
diff --git a/hybrid-summer/.config/eww/scripts/toggle-wingamebar.sh b/hybrid-summer/.config/eww/scripts/toggle-wingamebar.sh
new file mode 100755
index 000000000..92a06d58f
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/toggle-wingamebar.sh
@@ -0,0 +1,12 @@
+#!/usr/bin/bash
+state=$(eww get rev_wingamebar)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww close wingamebar
+    eww update anim_open_wingamebar=false
+    eww update rev_wingamebar=false
+else
+    eww update anim_open_wingamebar=true
+    eww open wingamebar
+    eww update rev_wingamebar=true
+fi
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/toggle-winmode.sh b/hybrid-summer/.config/eww/scripts/toggle-winmode.sh
new file mode 100755
index 000000000..8d718023b
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/toggle-winmode.sh
@@ -0,0 +1,26 @@
+#!/usr/bin/bash
+reserves=$(hyprctl monitors -j | gojq -r -c '.[0]["reserved"]')
+
+if [[ "$reserves" == "[0,61,0,0]" ]]; then
+    eww open winbar &
+    eww close bar &
+    hyprctl keyword monitor eDP-1,addreserved,0,50,0,0
+
+    hyprctl keyword decoration:rounding 0 
+    hyprctl keyword general:gaps_in 0 
+    hyprctl keyword general:gaps_out 0
+    hyprctl keyword general:border_size 0
+    hyprctl keyword windowrulev2 'rounding 15, floating:1'
+    hyprctl keyword decoration:drop_shadow true
+else
+    eww close winbar &
+    eww open bar &
+    hyprctl keyword monitor eDP-1,addreserved,61,0,0,0
+
+    hyprctl keyword decoration:rounding 17 
+    hyprctl keyword general:gaps_in 4 
+    hyprctl keyword general:gaps_out 8
+    hyprctl keyword general:border_size 2
+    hyprctl keyword windowrulev2 'unset, floating:1'
+    hyprctl keyword decoration:drop_shadow false
+fi
diff --git a/hybrid-summer/.config/eww/scripts/toggle-winnews.sh b/hybrid-summer/.config/eww/scripts/toggle-winnews.sh
new file mode 100755
index 000000000..eb7673d3d
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/toggle-winnews.sh
@@ -0,0 +1,15 @@
+#!/usr/bin/bash
+state=$(eww get rev_winnews)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_winnews=false
+    eww update rev_winnews=false
+    sleep 0.15
+    eww close winnews
+    eww update oquery=''
+else
+    eww update anim_open_winnews=true
+    eww update oquery='' &
+    eww open winnews
+    eww update rev_winnews=true
+fi
diff --git a/hybrid-summer/.config/eww/scripts/toggle-winnotif.sh b/hybrid-summer/.config/eww/scripts/toggle-winnotif.sh
new file mode 100755
index 000000000..8b9d14a86
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/toggle-winnotif.sh
@@ -0,0 +1,13 @@
+#!/usr/bin/bash
+state=$(eww get rev_winnotif)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_winnotif=false
+    eww update rev_winnotif=false
+    sleep 0.2
+    eww close winnotif
+else
+    eww update anim_open_winnotif=true
+    eww open winnotif
+    eww update rev_winnotif=true
+fi
diff --git a/hybrid-summer/.config/eww/scripts/toggle-winpowermenu.sh b/hybrid-summer/.config/eww/scripts/toggle-winpowermenu.sh
new file mode 100755
index 000000000..56b0a9a12
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/toggle-winpowermenu.sh
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+state=$(eww get rev_winpowermenu)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_winpowermenu=false
+    eww update rev_winpowermenu=false
+    eww update winsearch='' &
+    sleep 0.15
+    eww close winpowermenu
+else
+    eww update anim_open_winpowermenu=true
+    eww open winpowermenu
+    eww update rev_winpowermenu=true
+fi
diff --git a/hybrid-summer/.config/eww/scripts/toggle-winstart.sh b/hybrid-summer/.config/eww/scripts/toggle-winstart.sh
new file mode 100755
index 000000000..16836777d
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/toggle-winstart.sh
@@ -0,0 +1,21 @@
+#!/usr/bin/bash
+state=$(eww get rev_winstart)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    scripts/toggle-winpowermenu.sh --close &
+    eww update anim_open_winstart=false
+    eww update rev_winstart=false
+    sleep 0.1
+    eww close winstart
+    eww update winsearch=''
+    eww update winsearch_prefix=''
+    eww update winstart_allapps=false
+    eww update allapps=''
+else
+    scripts/allapps > scripts/cache/entries.txt &
+    scripts/allappnames > scripts/cache/entrynames.txt &
+    eww update anim_open_winstart=true
+    eww open winstart
+    eww update rev_winstart=true
+    eww update allapps_get="$(scripts/allapps --mode 2)" &
+fi
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/togglelight b/hybrid-summer/.config/eww/scripts/togglelight
new file mode 100755
index 000000000..96dd9b58f
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/togglelight
@@ -0,0 +1,9 @@
+#!/usr/bin/bash
+
+if [ "$1" == "light" ]; then
+  echo -n '-l' > 'scripts/workdir/__mode_light_dark.txt'
+  cp css/savedcolors/_iconcolor_default.txt css/_iconcolor_default.txt
+else
+  echo -n '' > 'scripts/workdir/__mode_light_dark.txt'
+  cp css/savedcolors/_iconcolor_default.txt css/_iconcolor_default.txt
+fi
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/volume b/hybrid-summer/.config/eww/scripts/volume
new file mode 100755
index 000000000..b4f2821f6
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/volume
@@ -0,0 +1,133 @@
+#!/usr/bin/env bash
+cd ~/.config/eww
+
+volicons=("" "" "")
+XDG_CACHE_HOME="$HOME/.cache"
+date="$XDG_CACHE_HOME/eww/osd_vol.date"
+lock=0
+
+showhide() {
+  # get dates
+  rundate=$(cat "$date")
+  currentdate=$(date +%s)
+
+  # handle showing
+  if [ "$rundate" = "$currentdate" ] && [ "$lock" -eq 0 ]; then
+    scripts/toggle-osd-vol.sh --open
+    lock=1
+  elif [ $((currentdate - rundate)) -ge 2 ] && [ "$lock" -eq 1 ]; then
+    scripts/toggle-osd-vol.sh --close > /dev/null
+    lock=0
+  fi
+}
+
+osd() {
+  if [ ! -f "$date" ]; then
+    mkdir -p "$XDG_CACHE_HOME/eww"
+  fi
+  date +%s > "$date"
+  showhide
+}
+
+osd_handler() {
+  lock=0
+  rundate=0
+  if [ ! -f "$date" ]; then
+    mkdir -p "$XDG_CACHE_HOME/eww"
+    echo 0 > "$date"
+  fi
+
+  while true; do
+    showhide
+    sleep 0.1
+  done
+}
+
+vol() {
+  wpctl get-volume @DEFAULT_AUDIO_$1@ | awk '{print int($2*100)}'
+}
+ismuted() {
+  wpctl get-volume @DEFAULT_AUDIO_"$1"@ | rg -i muted
+  echo $?
+}
+setvol() {
+  wpctl set-volume @DEFAULT_AUDIO_"$1"@ "$(awk -v n="$2" 'BEGIN{print (n / 100)}')"
+}
+setmute() {
+  wpctl set-mute @DEFAULT_AUDIO_"$1"@ toggle
+}
+
+if [ "$1" = "--once" ]; then
+  lvl=$(awk -v n="$(vol "SINK")" 'BEGIN{print int(n/34)}')
+    ismuted=$(ismuted "SINK")
+
+    if [ "$ismuted" = 1 ]; then
+    	icon="${volicons[$lvl]}"
+    else
+      icon=""
+    fi
+    audio=1
+    if [ "$(wpctl status | grep 'MUTED')" == "" ]; then
+      audio=1
+    else 
+      audio=0
+    fi
+
+    echo '{"icon":"'"$icon"'","audio":"'"$audio"'","percent":"'"$(vol "SINK")"'","microphone":"'"$(vol "SOURCE")"'"}'
+    exit 0
+fi
+
+if [ "$1" = "mute" ]; then
+  if [ "$2" != "SOURCE" ] && [ "$2" != "SINK" ]; then
+    echo "Can only mute SINK or SOURCE"; exit 1
+  fi
+  setmute "$2"
+elif [ "$1" = "setvol" ]; then
+  if [ "$2" != "SOURCE" ] && [ "$2" != "SINK" ]; then
+    echo "Can only set volume for SINK or SOURCE"; exit 1
+  elif [ "$3" -lt 1 ] || [ "$3" -gt 100 ]; then
+    echo "Volume must be between 1 and 100"; exit 1
+  fi
+  setvol "$2" "$3"
+elif [ "$1" = "osd" ]; then
+  osd
+else
+  # initial values
+  lvl=$(awk -v n="$(vol "SINK")" 'BEGIN{print int(n/34)}')
+  ismuted=$(ismuted "SINK")
+
+  if [ "$ismuted" = 1 ]; then
+  	icon="${volicons[$lvl]}"
+  else
+    icon=""
+  fi
+  audio=1
+  if [ "$(wpctl status | grep 'MUTED')" == "" ]; then
+    audio=1
+  else 
+    audio=0
+  fi
+
+  echo '{"icon":"'"$icon"'","audio":"'"$audio"'","percent":"'"$(vol "SINK")"'","microphone":"'"$(vol "SOURCE")"'"}'
+
+  osd_handler &
+  # event loop
+  pactl subscribe | rg --line-buffered "on sink" | while read -r _; do
+    lvl=$(awk -v n="$(vol "SINK")" 'BEGIN{print int(n/34)}')
+    ismuted=$(ismuted "SINK")
+
+    if [ "$ismuted" = 1 ]; then
+    	icon="${volicons[$lvl]}"
+    else
+      icon=""
+    fi
+    audio=1
+    if [ "$(wpctl status | grep 'MUTED')" == "" ]; then
+      audio=1
+    else 
+      audio=0
+    fi
+
+    echo '{"icon":"'"$icon"'","audio":"'"$audio"'","percent":"'"$(vol "SINK")"'","microphone":"'"$(vol "SOURCE")"'"}'
+  done
+fi
diff --git a/hybrid-summer/.config/eww/scripts/waifupics.py b/hybrid-summer/.config/eww/scripts/waifupics.py
new file mode 100755
index 000000000..0044facee
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/waifupics.py
@@ -0,0 +1,26 @@
+# Import the requests module
+import requests
+import json
+import os
+import sys
+
+# Define the URL to send the GET request
+url = "https://api.waifu.pics/sfw/waifu"
+if len(sys.argv) > 1 and sys.argv[1] == '--segs':
+    url = "https://api.waifu.pics/nsfw/waifu"
+else:
+    url = "https://api.waifu.pics/sfw/waifu"    
+
+# Send the GET request and store the response object
+response = requests.get(url)
+
+# Check if the request was successful
+if response.status_code == 200:
+    # Print the received data as JSON
+    results = response.json()
+    link=results['url']
+    os.system('wget -O "{0}" "{1}" -q –read-timeout=0.1'.format('eww_covers/waifu_tmp', link))
+    os.system('mv ./eww_covers/waifu_tmp ./eww_covers/waifu')
+else:
+    # Print an error message
+    print("Something went wrong. Status code:", response.status_code)
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/winlist b/hybrid-summer/.config/eww/scripts/winlist
new file mode 100755
index 000000000..97217c8a3
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/winlist
@@ -0,0 +1,27 @@
+#!/usr/bin/bash
+getwinlist(){
+  toprint=$(hyprctl clients -j \
+    | grep -v '"xwayland": ' \
+    | grep -v '"grouped": ' \
+    | grep -v '"pid": ' \
+    | grep -v '"fullscreenMode": ' \
+    | grep -v '"monitor": ' \
+    | grep -v '"floating": ' \
+    | grep -v '"fullscreen": ' \
+    | grep -v '"at": ' \
+    | grep -v '"pinned":') # | grep -v ""name":")
+  # echo '-=-=-=- final output -=-=-=-'
+  # echo "$toprint"
+  echo $(echo "$toprint")  # Print on one line only
+}
+
+getwinlist
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    # echo $line
+    getwinlist
+  done
+fi
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/scripts/winnumbers b/hybrid-summer/.config/eww/scripts/winnumbers
new file mode 100755
index 000000000..079870c4e
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/winnumbers
@@ -0,0 +1,29 @@
+#!/usr/bin/bash
+
+geticonlist() {
+    classes=$(hyprctl clients | grep -e 'class: ' | sed 's/class: Code/class: code/' | sed 's/\tclass: //')
+    addresses=$(hyprctl clients | grep -e ' -> ')
+    # echo "$classes"
+    IFS=$'\n'
+    classarr=($(echo "$classes"))
+    
+    printf '['
+    for i in "${!classarr[@]}"; do
+        if [ $i -ne 0 ]; then
+            printf ', '
+        fi
+        printf "$i"
+    done
+    echo ']'
+}
+
+geticonlist
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    geticonlist
+  done
+fi
+
diff --git a/hybrid-summer/.config/eww/scripts/workdir/__mode_light_dark.txt b/hybrid-summer/.config/eww/scripts/workdir/__mode_light_dark.txt
new file mode 100644
index 000000000..e69de29bb
diff --git a/hybrid-summer/.config/eww/scripts/workspaces b/hybrid-summer/.config/eww/scripts/workspaces
new file mode 100755
index 000000000..bb41b2003
--- /dev/null
+++ b/hybrid-summer/.config/eww/scripts/workspaces
@@ -0,0 +1,153 @@
+#!/usr/bin/env bash
+
+# define colors
+colors=("#FFFFFF" "#fab387" "#a6e3a1" "#89b4fa") # Active Workspaces
+dimmed=("rgba(174,172,182,0.7)" "#f9e2af" "#94e2d5" "#b4befe") # Inactive workspaces
+empty='rgba(146,145,145,0.5)' # Empty workspaces
+
+# get initial focused workspace
+focusedws=$(hyprctl -j monitors | gojq -r '.[] | select(.focused == true) | .activeWorkspace.id')
+
+declare -A o=([1]=0 [2]=0 [3]=0 [4]=0 [5]=0 [6]=0 [7]=0 [8]=0 [9]=0 [10]=0)
+declare -A monitormap
+declare -A workspaces
+
+# set color for each workspace
+status() {
+  if [ "${o[$1]}" -eq 1 ]; then 
+    mon=${monitormap[${workspaces[$1]}]}
+    echo -n "${dimmed[$mon]}"
+  else
+    echo -n "$empty"
+  fi
+}
+
+status_activity() {
+  if [ "${o[$1]}" -eq 1 ]; then 
+    mon=${monitormap[${workspaces[$1]}]}
+
+    if [ $focusedws -eq "$1" ]; then
+      echo -n "active"
+    else
+      echo -n "inactive"
+    fi
+  else
+    echo -n "empty"
+  fi
+}
+
+# handle workspace create/destroy
+workspace_event() {
+  if (( $1 <= 10 )); then
+    o[$1]=$2
+    while read -r k v; do workspaces[$k]="$v"; done < <(hyprctl -j workspaces | gojq -r '.[]|"\(.id) \(.monitor)"')
+  fi
+  if [ "$2" == "0" ]; then
+    unset "workspaces[$1]"
+  fi
+}
+# handle monitor (dis)connects
+monitor_event() {
+  while read -r k v; do monitormap["$k"]=$v; done < <(hyprctl -j monitors | gojq -r '.[]|"\(.name) \(.id) "')
+}
+
+# generate the json for eww
+generate() {
+  echo -n '['
+
+  for i in {1..10}; do
+    echo -n ''$([ $i -eq 1 ] || echo ,)'{"num":"'$i'","clr":"'$(status "$i")'"}'
+    # echo -n ''$([ $i -eq 1 ] || echo ,) '{ "number": "'"$i"'", "activity": "'"$(status_activity $i)"'", "color": "'$(status "$i")'" }'
+  done
+
+  # echo -n ',{"num":"'$focusedws'","clr":"'$(status "$focusedws")'"}'
+
+  echo ']'
+}
+
+# setup
+
+# add monitors
+monitor_event
+
+# add workspaces
+while read -r k v; do workspaces[$k]="$v"; done < <(hyprctl -j workspaces | gojq -r '.[]|"\(.id) \(.monitor)"')
+
+# check occupied workspaces
+for num in "${!workspaces[@]}"; do
+  o[$num]=1
+done
+# generate initial widget
+generate
+
+socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | while read -r line; do
+  # echo "${#workspaces[@]} ${#o[@]}"
+  # echo $line
+  case ${line%>>*} in
+    "focusedmon")
+      focusedws=${line#*,}
+      generate
+      ;;
+    "createworkspace")
+      # workspace_event "${line#*>>}" 1
+      o=([1]=0 [2]=0 [3]=0 [4]=0 [5]=0 [6]=0 [7]=0 [8]=0 [9]=0 [10]=0)
+      workspaces=()
+      # add workspaces
+      while read -r k v; do workspaces[$k]="$v"; done < <(hyprctl -j workspaces | gojq -r '.[]|"\(.id) \(.monitor)"')
+      # check occupied workspaces
+      for num in "${!workspaces[@]}"; do
+        o[$num]=1
+      done
+      # focusedws=${line#*>>}
+      generate
+      ;;
+    "movewindow")
+      generate
+      ;;
+    "destroyworkspace")
+      # workspace_event "${line#*>>}" 0
+      o=([1]=0 [2]=0 [3]=0 [4]=0 [5]=0 [6]=0 [7]=0 [8]=0 [9]=0 [10]=0)
+      workspaces=()
+      # add workspaces
+      while read -r k v; do workspaces[$k]="$v"; done < <(hyprctl -j workspaces | gojq -r '.[]|"\(.id) \(.monitor)"')
+      # check occupied workspaces
+      for num in "${!workspaces[@]}"; do
+        o[$num]=1
+      done
+      generate
+      ;;
+    "monitor"*)
+      monitor_event
+      generate
+      ;;
+  esac
+  # echo $line
+  # generate
+done
+
+# main loop
+# socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "workspace|mon(itor)?" | while read -r line; do
+#   case ${line%>>*} in
+#     "workspace")
+#       focusedws=${line#*>>}
+#       generate
+#       ;;
+#     "focusedmon")
+#       focusedws=${line#*,}
+#       generate
+#       ;;
+#     "createworkspace")
+#       workspace_event "${line#*>>}" 1
+#       focusedws=${line#*>>}
+#       # generate
+#       ;;
+#     "destroyworkspace")
+#       workspace_event "${line#*>>}" 0
+#       generate
+#       ;;
+#     "monitor"*)
+#       monitor_event
+#       generate
+#       ;;
+#   esac
+# done
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/windows/bg-decor.yuck b/hybrid-summer/.config/eww/windows/bg-decor.yuck
new file mode 100755
index 000000000..4dfa01022
--- /dev/null
+++ b/hybrid-summer/.config/eww/windows/bg-decor.yuck
@@ -0,0 +1,313 @@
+(defwidget mycpu [coreid]
+  (box
+    :space-evenly false
+    :orientation "v"
+    (label
+      :class "bg-cool-text"
+      :text "Core ${coreid}"
+    )
+    (box
+      :class "bg-graph-container"
+      (graph
+        :class "bg-graph"
+        :width 100
+        :height 50
+        :thickness 3
+        :min 0
+        :max 100
+        :value {EWW_CPU.cores[coreid].usage}
+        :time-range "30s"
+        :line-style "round"
+      )
+    )
+  )
+)
+
+(defwidget bgdecors []
+  (centerbox
+    :space-evenly false
+    :orientation "h"
+    (box
+      :space-evenly false
+      :orientation "v"
+      :valign "center"
+      (box
+        :space-evenly false
+        :orientation "v"
+        :halign "start"
+        :class "bg-module"
+        (centerbox
+          (box
+            :orientation "h"
+            :space-evenly false
+            (label :xalign 0.5 :class "bg-icon" :text "")
+            (label :xalign 0 :class "bg-text bg-title" :text "CPU x${arraylength(EWW_CPU.cores)}")
+          )
+          (box)
+          (box
+            :orientation "h"
+            :space-evenly false
+            (label :xalign 1 :class "bg-text" :text "${cpuname}")
+          )
+        )
+        (box
+          :space-evenly false
+          :orientation "v"
+          ; :valign "center"
+          :width 150
+          :height 30
+          (box
+            :space-evenly false
+            :orientation "h"
+            (mycpu :coreid 0)
+            (mycpu :coreid 1)
+            (mycpu :coreid 2)
+          )
+          (box
+            :space-evenly false
+            :orientation "h"
+            (mycpu :coreid 3)
+            (mycpu :coreid 4)
+            (mycpu :coreid 5)
+          )
+          (box
+            :space-evenly false
+            :orientation "h"
+            (mycpu :coreid 6)
+            (mycpu :coreid 7)
+            (mycpu :coreid 8)
+          )
+          (box
+            :space-evenly false
+            :orientation "h"
+            (mycpu :coreid 9)
+            (mycpu :coreid 10)
+            (mycpu :coreid 11)
+          )
+        )
+      )
+      (box
+        :space-evenly false
+        :orientation "v"
+        :valign "end"
+        (box
+          :class "bg-module bg-date"
+          :space-evenly false
+          :orientation "v"
+          :halign "start"
+          :valign "end"
+          (label
+            :xalign 0
+            :class "bg-decor-dow" ; Hyperland maybe?
+            :text "${time.day}"
+          )
+          (label
+            :xalign 0
+            :class "bg-decor-date"
+            :text "${time.date}"
+          )
+        )
+      )
+    )
+    (box
+      :space-evenly false
+      :orientation "v"
+      :valign "center"
+      :width 150
+      :height 30
+      ; (graph
+        ;   :class "bg-graph"
+        ;   :width 155
+        ;   :height 25
+        ;   :thickness 3
+        ;   :value {EWW_CPU.cores[0].usage}
+        ;   :time-range "30s"
+        ;   ; :line-style "round"
+      ; )
+    )
+    (box
+      :space-evenly false
+      :orientation "v"
+      :halign "end"
+      :valign "center"
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "bg-module"
+        :valign "end"
+        (centerbox
+          (box
+            :orientation "h"
+            :space-evenly false
+            (label :xalign 0.5 :class "bg-icon" :text "")
+            (label :xalign 0 :class "bg-text bg-title" :text "Network")
+          )
+          (box)
+          (box)
+        )
+        (box
+          :orientation "h"
+          (label :halign "start" :xalign 0 :class "bg-cool-text" :text "Up: ${EWW_NET["wlan0"].NET_UP} bytes")
+        )
+        (button ; Button to make this not draggable
+          (box
+            :class "bg-graph-container"
+            (graph
+              :class "bg-graph"
+              :width 100
+              :height 50
+              :thickness 3
+              :dynamic true
+              :value {EWW_NET["wlan0"].NET_UP}
+              :time-range "30s"
+              :line-style "round"
+            )
+          )
+        )
+        (box
+          :orientation "h"
+          (label :halign "start" :xalign 0 :class "bg-cool-text" :text "Down: ${EWW_NET["wlan0"].NET_DOWN} bytes")
+        )
+        (button ; Button to make this not draggable
+          (box
+            :class "bg-graph-container"
+            (graph
+              :class "bg-graph"
+              :width 100
+              :height 50
+              :thickness 3
+              :dynamic true
+              :value {EWW_NET["wlan0"].NET_DOWN}
+              :time-range "30s"
+              :line-style "round"
+            )
+          )
+        )
+      )
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "bg-module"
+        :valign "end"
+        (centerbox
+          (box
+            :orientation "h"
+            :space-evenly false
+            (label :xalign 0.5 :class "bg-icon" :text "")
+            (label :xalign 0 :class "bg-text bg-title" :text "Memory")
+          )
+          (box)
+          (box
+            :orientation "h"
+            (label :xalign 1 :class "bg-text bg-title" :text "(${memory.total})")
+          )
+        )
+        (box
+          :orientation "h"
+          (label :halign "start" :xalign 0 :class "bg-cool-text" :text "+${memory.used}")
+          (label :halign "end" :xalign 1 :class "bg-cool-text" :text "-${memory.free}")
+        )
+        (button ; Button to make this not draggable
+          (box
+            :class "bg-graph-container"
+            (graph
+              :class "bg-graph"
+              :width 100
+              :height 50
+              :thickness 3
+              :min 0
+              :max 100
+              :value {memory.percentage}
+              :time-range "30s"
+              :line-style "round"
+            )
+          )
+        )
+        (centerbox
+          (box
+            :orientation "h"
+            :space-evenly false
+            (label :xalign 0.5 :class "bg-icon" :text "")
+            (label :xalign 0 :class "bg-text bg-title" :text "Swap")
+          )
+          (box)
+          (box
+            :orientation "h"
+            (label :xalign 1 :class "bg-text bg-title" :text "(${memory.swaptotal})")
+          )
+        )
+        (box
+          :orientation "h"
+          (label :halign "start" :xalign 0 :class "bg-cool-text" :text "+${memory.swapused}")
+          (label :halign "end" :xalign 1 :class "bg-cool-text" :text "-${memory.swapfree}")
+        )
+        (button ; Button to make this not draggable
+          ; (scale
+          ;   :class "bg-progress"
+          ;   :value {memory.swappercentage}
+          ; )
+          (box
+            :class "bg-graph-container"
+            (graph
+              :class "bg-graph"
+              :width 100
+              :height 50
+              :thickness 3
+              :min 0
+              :max 100
+              :value {memory.swappercentage}
+              :time-range "30s"
+              :line-style "round"
+            )
+          )
+        )
+      )
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "bg-module"
+        :valign "end"
+        (centerbox
+          (box
+            :orientation "h"
+            :space-evenly false
+            (label :xalign 0.5 :class "bg-icon" :text "")
+            (label :xalign 0 :class "bg-text bg-title" :text "Disk usage")
+          )
+          (box)
+          (box
+            :orientation "h"
+            (label :xalign 1 :class "bg-text bg-title" :text "(${disksize})")
+          )
+        )
+        (box
+          :orientation "h"
+          (label :halign "start" :xalign 0 :class "bg-cool-text" :text "+${diskused}")
+          (label :halign "end" :xalign 1 :class "bg-cool-text" :text "-${diskfree}")
+        )
+        (button ; Button to make this not draggable
+          (scale
+            :class "bg-progress"
+            :value {diskfreepercent}
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow bg-decor
+  :focusable false
+  :stacking "bottom"
+  :windowtype "normal"
+  :wm-ignore true
+  :geometry (geometry
+    :x 0
+    :y 0
+    :width "100%"
+    :height "100%"
+    :anchor "left center"
+  )
+  :monitor 0
+  (bgdecors)
+)
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/windows/bottombar.yuck b/hybrid-summer/.config/eww/windows/bottombar.yuck
new file mode 100755
index 000000000..448046c49
--- /dev/null
+++ b/hybrid-summer/.config/eww/windows/bottombar.yuck
@@ -0,0 +1,399 @@
+(defwidget mycpu_bottombar [coreid]
+  (box
+    :space-evenly false
+    :orientation "v"
+    (label
+      :class "bg-cool-text"
+      :text "Core ${coreid}"
+    )
+    (box
+      :class "bg-graph-container"
+      (graph
+        :class "bg-graph"
+        :width 100
+        :height 50
+        :thickness 3
+        :min 0
+        :max 100
+        :value {EWW_CPU.cores[coreid].usage}
+        :time-range "30s"
+        :line-style "round"
+      )
+    )
+  )
+)
+
+(defwidget cavacol [nth dir]
+  (box
+    :valign "${dir == 'up' ? 'end' : (
+      dir == 'down' ? 'start' : 'fill'
+    )}"
+    :halign "${dir == 'right' ? 'start' : (
+      dir == 'left' ? 'end' : 'fill'
+    )}"
+    :class "cava-column"
+    ; background-color: mix(
+      ;     ${mcover.color.colors.color4 == 'null' ? 'white' : mcover.color.colors.color4},
+      ;     rgba(40, 40, 40, 0.7),
+      ;     {(((nth / 90 * RES_WIDTH) > mousepos[0] ? ((nth / 90 * RES_WIDTH) - mousepos[0]) : (mousepos[0] - (nth / 90 * RES_WIDTH))) / RES_WIDTH)}
+    ; );
+    :style "
+    background-color: ${mcover.color.colors.color4 == 'null' ? 'white' : mcover.color.colors.color4};
+    transition: 0ms;
+    min-${dir == 'up' || dir == 'down' ? 'height' : 'width'}: ${cavajson[nth] / 4}px;
+    "
+  )
+)
+
+(defwidget bottomline_widget []
+  (eventbox
+    :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    :onclick "scripts/toggle-bottombar.sh &"
+    (box
+      :class "bottombar-closed-hitbox"
+      :width {RES_WIDTH} :height 1
+      (revealer :reveal false
+        :transition "slideup"
+        ; (label :text "${cavajson[0]}")
+      )
+    )
+  )
+)
+
+(defwidget bottombar_widget []
+  (box
+    :orientation "v"
+    :space-evenly false
+    :style "
+    transition: ${anim_open_bottombar ? MD3_DECEL : MD3_ACCEL};
+    ${rev_bottombar ? '' : 'margin-bottom: -500px; margin-top: 500px;'}
+    "
+    (eventbox
+      :onclick "scripts/toggle-bottombar.sh --close &"
+      :onmiddleclick "scripts/toggle-bottombar.sh --close &"
+      :onrightclick "scripts/toggle-bottombar.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 1px;"
+      )
+    )
+    (overlay
+      ; Background
+      (box
+        :class "bottombar-bg-front"
+        ; (label
+          ;   :text {(((40 / 90 * RES_WIDTH) > mousepos[0] ? ((40 / 90 * RES_WIDTH) - mousepos[0]) : (mousepos[0] - (40 / 90 * RES_WIDTH))) / RES_WIDTH)}
+        ; )
+      )
+      ; Cava
+      (box
+        ; :class "bottombar-bg"
+        (box :orientation "h"
+          ; it IS necessary NOT to use a for loop
+          (cavacol :dir "up" :nth 0)
+          (cavacol :dir "up" :nth 1)
+          (cavacol :dir "up" :nth 2)
+          (cavacol :dir "up" :nth 3)
+          (cavacol :dir "up" :nth 4)
+          (cavacol :dir "up" :nth 5)
+          (cavacol :dir "up" :nth 6)
+          (cavacol :dir "up" :nth 7)
+          (cavacol :dir "up" :nth 8)
+          (cavacol :dir "up" :nth 9)
+          (cavacol :dir "up" :nth 10)
+          (cavacol :dir "up" :nth 11)
+          (cavacol :dir "up" :nth 12)
+          (cavacol :dir "up" :nth 13)
+          (cavacol :dir "up" :nth 14)
+          (cavacol :dir "up" :nth 15)
+          (cavacol :dir "up" :nth 16)
+          (cavacol :dir "up" :nth 17)
+          (cavacol :dir "up" :nth 18)
+          (cavacol :dir "up" :nth 19)
+          (cavacol :dir "up" :nth 20)
+          (cavacol :dir "up" :nth 21)
+          (cavacol :dir "up" :nth 22)
+          (cavacol :dir "up" :nth 23)
+          (cavacol :dir "up" :nth 24)
+          (cavacol :dir "up" :nth 25)
+          (cavacol :dir "up" :nth 26)
+          (cavacol :dir "up" :nth 27)
+          (cavacol :dir "up" :nth 28)
+          (cavacol :dir "up" :nth 29)
+          (cavacol :dir "up" :nth 30)
+          (cavacol :dir "up" :nth 31)
+          (cavacol :dir "up" :nth 32)
+          (cavacol :dir "up" :nth 33)
+          (cavacol :dir "up" :nth 34)
+          (cavacol :dir "up" :nth 35)
+          (cavacol :dir "up" :nth 36)
+          (cavacol :dir "up" :nth 37)
+          (cavacol :dir "up" :nth 38)
+          (cavacol :dir "up" :nth 39)
+          (cavacol :dir "up" :nth 40)
+          (cavacol :dir "up" :nth 41)
+          (cavacol :dir "up" :nth 42)
+          (cavacol :dir "up" :nth 43)
+          (cavacol :dir "up" :nth 44)
+          (cavacol :dir "up" :nth 45)
+          (cavacol :dir "up" :nth 46)
+          (cavacol :dir "up" :nth 47)
+          (cavacol :dir "up" :nth 48)
+          (cavacol :dir "up" :nth 49)
+          (cavacol :dir "up" :nth 50)
+          (cavacol :dir "up" :nth 51)
+          (cavacol :dir "up" :nth 52)
+          (cavacol :dir "up" :nth 53)
+          (cavacol :dir "up" :nth 54)
+          (cavacol :dir "up" :nth 55)
+          (cavacol :dir "up" :nth 56)
+          (cavacol :dir "up" :nth 57)
+          (cavacol :dir "up" :nth 58)
+          (cavacol :dir "up" :nth 59)
+          (cavacol :dir "up" :nth 60)
+          (cavacol :dir "up" :nth 61)
+          (cavacol :dir "up" :nth 62)
+          (cavacol :dir "up" :nth 63)
+          (cavacol :dir "up" :nth 64)
+          (cavacol :dir "up" :nth 65)
+          (cavacol :dir "up" :nth 66)
+          (cavacol :dir "up" :nth 67)
+          (cavacol :dir "up" :nth 68)
+          (cavacol :dir "up" :nth 69)
+          (cavacol :dir "up" :nth 70)
+          (cavacol :dir "up" :nth 71)
+          (cavacol :dir "up" :nth 72)
+          (cavacol :dir "up" :nth 73)
+          (cavacol :dir "up" :nth 74)
+          (cavacol :dir "up" :nth 75)
+          (cavacol :dir "up" :nth 76)
+          (cavacol :dir "up" :nth 77)
+          (cavacol :dir "up" :nth 78)
+          (cavacol :dir "up" :nth 79)
+          (cavacol :dir "up" :nth 80)
+          (cavacol :dir "up" :nth 81)
+          (cavacol :dir "up" :nth 82)
+          (cavacol :dir "up" :nth 83)
+          (cavacol :dir "up" :nth 84)
+          (cavacol :dir "up" :nth 85)
+          (cavacol :dir "up" :nth 86)
+          (cavacol :dir "up" :nth 87)
+          (cavacol :dir "up" :nth 88)
+          (cavacol :dir "up" :nth 89)
+        )
+      )
+      ; Track time
+      (box
+        :space-evenly false :orientation "h"
+        :halign "center" :valign "end"
+        :style "margin-bottom: 5px;"
+        (label
+          :halign "start"  :valign "center"
+          :class "music-time-label"
+          :style "
+          margin-top: 5px;
+          color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};
+          "
+          :text "${music.position_time} / ${music.length}"
+        )
+      )
+      ; Track name
+      (box
+        :space-evenly false :orientation "h" :spacing 20
+        :halign "start" :valign "start"
+        :class "bottombar-musicinfo-box"
+        (box
+          :valign "center"
+          :class "bottombar-music-cover"
+          :style "background-image: url('${mcover.image}')"
+        )
+        (box
+          :space-evenly false :orientation "v"
+          :spacing 5
+          (label :xalign 0
+            :class "bottombar-title"
+            :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+            :text {mname.title}
+          )
+          (label
+            :halign "start" :valign "end"
+            :xalign 0
+            :class "bottombar-artist"
+            :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+            :text "${mname.artist}"
+          )
+          (centerbox
+            :halign "start"
+            :class "music-button-box"
+            ; :style "margin-top: 5px;"
+            (button
+              :class "song-button"
+              :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+              :onclick "playerctl previous" ""
+            )
+            (button
+              :class "song-button"
+              :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+              :onclick "playerctl play-pause"
+              "${music.status != '' ? music.status : ''}"
+            )
+            (button
+              :class "song-button"
+              :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+              :onclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+              ""
+            )
+          )
+        )
+      )
+    )
+    (box
+      :class "bottombar-mixer-bg"
+      :halign "end"
+      :width 650
+      :style "
+      margin-top: -300px;
+      margin-right: 10px;
+      "
+      (scroll
+        :width 650
+        :hscroll true
+        :vscroll false
+        (box
+          :space-evenly false
+          :orientation "h"
+          :halign "end"
+          ; :class "sliders"
+          (for app in audiojson
+            (box
+              :orientation "v" :space-evenly false
+              (image
+                :class "onotify-app-icon"
+                :path {app.icon}
+                :image-width 25
+                :image-height 25
+              )
+              (box
+                :orientation "v"
+                :space-evenly false
+                (scroll
+                  :vscroll false
+                  :hscroll true
+                  :style "min-width: 150px;"
+                  (box
+                    :orientation "v"
+                    ; :space-evenly false
+                    (for ser in {app["volume"]}
+                      (eventbox
+                        :onscroll "pactl set-sink-input-volume ${ser[0]} $(echo {} | sed -e \"s/up/+5/g\" -e \"s/down/-5/g\")%"
+                        :onrightclick "pactl set-sink-input-volume ${ser[0]} 100%"
+                        :onclick "pactl set-sink-input-volume ${ser[0]} 0%"
+                        (centerbox
+                          :space-evenly false
+                          :orientation "h"
+                          :class "onotify-app-volbox"
+                          :style "min-width: 69px;"
+                          (label
+                            :xalign "${app.count > 3 ? '0.5' : '0'}"
+                            :class "onotify-app-ser"
+                            :style "
+                            ${app.count > 3 ? 'margin-bottom: 5px;' : 'padding: 0 5px;'}
+                            "
+                            :text "#${ser[0]}"
+                          )
+                          (box)
+                          (circular-progress
+                            :halign "${app.count > 3 ? 'center' : 'end'}"
+                            :value {ser[1] <= 100 ? ser[1] : 100}
+                            :class "onotify-app-vol-circle"
+                            :thickness 4
+                            :start-at 75
+                            :width 45
+                            :height 45
+                            (label :class "onotify-app-text" :text "${ser[1]}")
+                          )
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget bottombar_bg_widget []
+  (box
+    :orientation "v"
+    :space-evenly false
+    :style "
+    transition: ${anim_open_bottombar ? MD3_DECEL : MD3_ACCEL};
+    ${rev_bottombar ? '' : 'margin-bottom: -500px; margin-top: 500px;'}
+    "
+    (box
+      :class "bottombar-bg"
+      :style "
+      background-image: url('${mcover.image}');
+      "
+      (box :space-evenly false :orientation "v"
+        :halign "start" :valign "start"
+        :class "bottombar-musicinfo-box"
+        (label :xalign 0
+          :class "bottombar-title"
+          :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+          :text {mname.title}
+        )
+        (label :xalign 0
+          :class "bottombar-artist"
+          :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+          :text "${mname.artist}"
+        )
+      )
+    )
+  )
+)
+
+(defwindow bottombar
+  :stacking "fg"
+  :windowtype "normal"
+  :wm-ignore true
+  :geometry (geometry
+    :x 0
+    :y 0
+    :width "100%"
+    :anchor "center bottom"
+  )
+  :monitor 0
+  (bottombar_widget)
+)
+
+(defwindow bottombar-back
+  :stacking "fg"
+  :windowtype "normal"
+  :wm-ignore true
+  :geometry (geometry
+    :x 0
+    :y 0
+    :width "100%"
+    :anchor "center bottom"
+  )
+  :monitor 0
+  (bottombar_bg_widget)
+)
+
+(defwindow bottomline
+  :stacking "overlay"
+  :windowtype "normal"
+  :wm-ignore true
+  :geometry (geometry
+    :x 0
+    :y 0
+    :width "100%"
+    :anchor "center bottom"
+  )
+  :monitor 0
+  (bottomline_widget)
+)
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/windows/calendar.yuck b/hybrid-summer/.config/eww/windows/calendar.yuck
new file mode 100755
index 000000000..d8a084367
--- /dev/null
+++ b/hybrid-summer/.config/eww/windows/calendar.yuck
@@ -0,0 +1,93 @@
+(defwidget calendar-win []
+  (eventbox
+    :onclick "scripts/toggle-calendar.sh --close &"
+    (box
+      :class "calendar-win"
+      :style "
+      ${rev_calendar ? '' : 'margin-top: -900px; margin-bottom: 900px;'}
+      ${anim_open_calendar ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+      min-height: 1px;
+      "
+      ; (calendar)
+      ; Calendar
+      (box
+        :space-evenly false :orientation "v"
+        :halign "end" :valign "center"
+        (box
+          :space-evenly false :orientation "v"
+          (eventbox
+            :onscroll "scripts/scrollmonth {} &"
+            (box
+              :orientation "v"
+              :space-evenly false
+              (centerbox
+                :style "padding: 0 12px;"
+                (label :xalign 0 :class "calendarwin-title" :text "${calendartitle}")
+                (box)
+                (box
+                  :halign "end" :valign "center"
+                  (box
+                    :halign "end" :valign "center"
+                    (button
+                      :onclick "scripts/scrollmonth up &"
+                      :halign "end" :valign "center"
+                      :class "winicon dashfs-monthbutton"
+                      (image
+                        :valign "center"
+                        :path "images/svg/dark/caretup.svg"
+                      )
+                    )
+                    (button
+                      :onclick "scripts/scrollmonth down &"
+                      :halign "end" :valign "center"
+                      :class "winicon dashfs-monthbutton"
+                      (image
+                        :valign "center"
+                        :path "images/svg/dark/caretdown.svg"
+                      )
+                    )
+                  )
+                )
+              )
+              (box :space-evenly false :orientation "v"
+                ; :class "dashfs-section-nopad"
+                (box
+                  (for day in weekdays
+                    (box
+                      :class "calendarwin-button day${day.today}"
+                      (label :class "calendarwin-text" :text "${day.day}")
+                    )
+                  )
+                )
+                (for week in calendar
+                  (box
+                    (for day in week
+                      (button
+                        :class "calendarwin-button calendarwin-day${day.today}"
+                        (label :class "calendarwin-text" :text "${day.day}")
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow calendar
+  :wm-ignore true
+  :monitor 0
+  :focusable true
+  :geometry (geometry
+    :x "350px"
+    :y "61px"
+    :anchor "top right"
+    :width "0px"
+    :height "0px"
+  )
+  (calendar-win)
+)
diff --git a/hybrid-summer/.config/eww/windows/dashboard.yuck b/hybrid-summer/.config/eww/windows/dashboard.yuck
new file mode 100755
index 000000000..4703e0575
--- /dev/null
+++ b/hybrid-summer/.config/eww/windows/dashboard.yuck
@@ -0,0 +1,319 @@
+(defvar dash_curve_in "transition: 150ms cubic-bezier(0.05, 0.9, 0.1, 1.0);")
+(defvar dash_curve_out "transition: 80ms cubic-bezier(0.3, 0, 0.8, 0.15);")
+
+(defwidget dashboard-contents []
+  (box
+    :class "dash-window"
+    :orientation "v"
+    :space-evenly false
+    (eventbox ; Close when clicking outside
+      :onclick "scripts/toggle-dash.sh &"
+      :onmiddleclick "scripts/toggle-dash.sh &"
+      :onrightclick "scripts/toggle-dash.sh &"
+    )
+    (box ; All the stuff go here
+      :orientation "v"
+      :space-evenly false
+      (box ; Description
+        :orientation "v"
+        :space-evenly false
+        :class "dash"
+        :halign "start"
+        :style "
+        ${anim_open_dash ? dash_curve_in : dash_curve_out}
+        ${rev_dash ? '' : 'margin-left: -1100px; margin-right: 1100px;'}
+        "
+        (label :angle 0 :xalign 0 :class "dash-title" :text "Dashboard")
+        (label :angle 0 :xalign 0 :class "dash-subtitle" :text "Serves the sole purpose of showing off to awesomewm users ;)")
+      )
+      (box
+        :orientation "h"
+        :space-evenly false
+        (box
+          :orientation "v"
+          :space-evenly false
+          (box
+            :orientation "h"
+            :space-evenly false
+            :class "dash dash-tile"
+            :style "
+            ${anim_open_dash ? dash_curve_in : dash_curve_out}
+            ${rev_dash ? '' : 'margin-left: -1010px; margin-right: 1010px;'}
+            "
+            (input
+              :class "dash-input"
+              :onaccept "scripts/dashactivate --web 'firefox \"https://www.google.com/search?q={}\"' && hyprctl dispatch focuswindow firefox &"
+            )
+            (button
+              :class "dash-input-icon dash-button"
+              :onclick "scripts/dashactivate --web 'firefox \"https://www.google.com/search?q=\"' && hyprctl dispatch focuswindow firefox &"
+              ""
+            )
+          )
+          (box ; Row 1
+            :orientation "h"
+            :space-evenly false
+            (box ; Col 1
+              :orientation "v"
+              :space-evenly false
+              (box ; User
+                :orientation "h"
+                :space-evenly false
+                :class "dash dash-profile"
+                :style "
+                ${anim_open_dash ? dash_curve_in : dash_curve_out}
+                ${rev_dash ? '' : 'margin-left: -500px; margin-right: 500px;'}
+                "
+                (box
+                  :valign "center"
+                  :class "dash-user-pic"
+                  :style "background-image: url('/var/lib/AccountsService/icons/${username == "" ? username_default : username}');"
+                  ; :style "background-image: url('${waifu}');"
+                )
+                (box
+                  :orientation "v" :space-evenly false :valign "center"
+                  (box
+                    :orientation "h" :space-evenly false
+                    (label :class "dash-fetch-icon" :text "")
+                    (label :class "dash-fetch" :text "${username + '@' + hostname}")
+                  )
+                  (box
+                    :orientation "h" :space-evenly false
+                    (label :class "dash-fetch-icon" :text "")
+                    (label :class "dash-fetch" :text "${kernel}")
+                  )
+                  (box
+                    :orientation "h" :space-evenly false
+                    (label :class "dash-fetch-icon" :text "")
+                    (label :class "dash-fetch" :text "${uptime}")
+                  )
+                  (box
+                    :orientation "h" :space-evenly false
+                    (label :class "dash-fetch-icon" :text "")
+                    (label :class "dash-fetch" :text "${wm}")
+                  )
+                  (box
+                    :orientation "h" :space-evenly false
+                    (label :class "dash-fetch-icon" :text "")
+                    (label :class "dash-fetch" :text "${packages}")
+                  )
+                )
+              )
+              (box
+                :orientation "v"
+                :space-evenly false
+                :class "dash"
+                :height 124
+                :style "
+                ${anim_open_dash ? dash_curve_in : dash_curve_out}
+                ${rev_dash ? '' : 'margin-bottom: -1000px; margin-top: 1000px;'}
+                "
+                (label :xalign 0 :class "dash-quote-content clr3" :text "${quote_content[1]}")
+                (label :xalign 1 :class "dash-quote-author clr4" :text "${quote_author[1]}")
+              )
+            )
+            (box ; Col 2
+              :orientation "v"
+              :space-evenly false
+              (box ; Clock
+                :orientation "h"
+                :space-evenly false
+                :class "dash"
+                :style "
+                ${anim_open_dash ? dash_curve_in : dash_curve_out}
+                ${rev_dash ? '' : 'margin-top: -500px; margin-bottom: 500px;'}
+                "
+                (box ; Clock numbers
+                  :orientation "v"
+                  :space-evenly false
+                  :class "dash-clock-text-area"
+                  (box ; Clock time
+                    :orientation "h"
+                    :space-evenly false
+                    :halign "center"
+                    (label :xalign 0.5 :class "dash-time clr1" :text "${time.hour}")
+                    (label :xalign 0.5 :class "dash-time clrt" :text ":")
+                    (label :xalign 0.5 :class "dash-time clr3" :text "${time.minute}")
+                  )
+                  (box ; Clock date
+                    :orientation "h"
+                    :space-evenly false
+                    :halign "center"
+                    (label :xalign 0.5 :class "dash-date clr6" :text "${time.day}, ${time.date}")
+                  )
+                )
+                (box
+                  :class "dash-clock-circle-area"
+                  (circular-progress
+                    :value "${time.minute / 60 * 100}"
+                    :thickness 7
+                    :start-at 75
+                    :class "clr3 dash-clock-circle"
+                    (circular-progress
+                      :value "${time.hour % 12 / 12 * 100}"
+                      :thickness 7
+                      :start-at 75
+                      :class "clr1 dash-clock-circle dash-clock-circle-minute"
+                      (label
+                        :text ""
+                      :class "dash-clock-inner")
+                    )
+                  )
+                )
+              )
+              (box ; Calendar
+                :orientation "v"
+                :space-evenly false
+                :class "dash"
+                :style "
+                ${anim_open_dash ? dash_curve_in : dash_curve_out}
+                ${rev_dash ? '' : 'margin-bottom: -500px; margin-top: 500px;'}
+                "
+                (calendar
+                  :height 210
+                  :ihatethiswidget true
+                  :style "
+                  padding-top: 2px;
+                  font-family: Rubik;
+                  
+                  "
+                )
+              )
+            )
+            (box ; Col 3
+              :orientation "v"
+              :space-evenly false
+              (box ; Calendar
+                :orientation "v"
+                :space-evenly false
+                :class "dash dash-dir-area"
+                :style "
+                ${anim_open_dash ? dash_curve_in : dash_curve_out}
+                ${rev_dash ? '' : 'margin-right: -500px; margin-left: 500px;'}
+                "
+                (button
+                  :class "dash-dir dash-button"
+                  :onclick "scripts/dashactivate '${FILE_BROWSER} ~/Documents' &"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :class "clrt"
+                    (label :xalign 0 :text " " :class "icon")
+                    (label :xalign 0 :text "documents")
+                  )
+                )
+                (button
+                  :class "dash-dir dash-button"
+                  :onclick "scripts/dashactivate '${FILE_BROWSER} ~/Downloads' &"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :class "clrt"
+                    (label :xalign 0 :text " " :class "icon")
+                    (label :xalign 0 :text "downloads")
+                  )
+                )
+                (button
+                  :class "dash-dir dash-button"
+                  :onclick "scripts/dashactivate '${FILE_BROWSER} ~/Pictures' &"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :class "clrt"
+                    (label :xalign 0 :text " " :class "icon")
+                    (label :xalign 0 :text "pictures")
+                  )
+                )
+                (button
+                  :class "dash-dir dash-button"
+                  :onclick "scripts/dashactivate '${FILE_BROWSER} ~/Videos' &"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :class "clrt"
+                    (label :xalign 0 :text " " :class "icon")
+                    (label :xalign 0 :text "videos")
+                  )
+                )
+              )
+              
+              
+              (box ; Resources
+                :orientation "v"
+                :space-evenly false
+                :class "dash dash-resources"
+                :style "
+                ${anim_open_dash ? dash_curve_in : dash_curve_out}
+                ${rev_dash ? '' : 'margin-top: -700px; margin-bottom: 700px;'}
+                "
+                (label :text "Memory" :class "dash-resource-title clr3")
+                (box
+                  :orientation "h"
+                  :space-evenly false
+                  ; :style "background-color: red;"
+                  (box ; RAM
+                    :orientation "v"
+                    :space-evenly false
+                    :class "dash-resource-tile"
+                    (circular-progress
+                      :value "${memory.percentage}"
+                      :thickness 7
+                      :start-at 75
+                      :class "clr3 dash-clock-circle"
+                      (box :class "dash-resource-inner")
+                    )
+                    (label :class "dash-resource-text" :text "${memory.used}")
+                  )
+                  (label :yalign 0.34 :class "dash-resource-icon" :style "font-size: 20pt;" :text "")
+                  (box ; Swap
+                    :orientation "v"
+                    :space-evenly false
+                    :class "dash-resource-tile"
+                    (circular-progress
+                      :value "${memory.swappercentage}"
+                      :thickness 7
+                      :start-at 75
+                      :class "clr3 dash-clock-circle"
+                      (box :class "dash-resource-inner")
+                    )
+                    (label :class "dash-resource-text" :text "${memory.swapused}")
+                  )
+                )
+              )
+            )
+          )
+        )
+        (box ;Actinos
+          :orientation "v"
+          :space-evenly false
+          (box
+            :orientation "v"
+            :space-evenly false
+            :style "
+            ${anim_open_dash ? dash_curve_in : dash_curve_out}
+            ${rev_dash ? '' : 'margin-right: -100px; margin-left: 100px;'}
+            "
+            (button :onclick "scripts/dashactivate '~/.local/bin/lock.sh' &" :class "dash clr4 dash-icon dash-button"          (label :class "icon" :text "") )
+            (button :onclick "scripts/dashactivate 'systemctl suspend' &" :class "dash clr3 dash-icon dash-button"             (label :class "icon" :text "") )
+            (button :onclick "scripts/dashactivate 'loginctl terminate-user $USER' &" :class "dash clr2 dash-icon dash-button" (label :class "icon" :text "") )
+            (button :onclick "scripts/dashactivate 'systemctl reboot' &" :class "dash clr1 dash-icon dash-button"              (label :class "icon" :text "") )
+            (button :onclick "scripts/dashactivate 'systemctl poweroff' &" :class "dash clr0 dash-icon dash-button"            (label :class "icon" :text "") )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow dashboard
+  :focusable true
+  :windowtype "normal"
+  :wm-ignore true
+  :geometry (geometry
+    :x 0
+    :y 0
+    :anchor "center center"
+  )
+  :monitor 0
+  (dashboard-contents)
+)
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/windows/dashfs.yuck b/hybrid-summer/.config/eww/windows/dashfs.yuck
new file mode 100755
index 000000000..6d45b86ce
--- /dev/null
+++ b/hybrid-summer/.config/eww/windows/dashfs.yuck
@@ -0,0 +1,601 @@
+(defvar MD3_DECEL "400ms cubic-bezier(0.05, 0.7, 0.1, 1)")
+(defvar MD3_ACCEL "150ms cubic-bezier(0.3, 0, 0.8, 0.15)")
+
+(defwidget dashfs_resource [value unit icon name]
+  (box
+    :space-evenly false :orientation "v"
+    (label :class "dashfs-resource-title" :text {name})
+    (box
+      :space-evenly false :orientation "v"
+      :class "dashfs-resource-box"
+      :spacing 10
+      (circular-progress
+        :width 80 :height 80
+        :start-at 75
+        :class "dashfs-resource-circle"
+        :value {value}
+        :thickness 4
+        (label :class "dashfs-resource-icon" :text {icon})
+      )
+      (label
+        :halign "center"
+        :class "dashfs-resource-label"
+        :text "${value}${unit}"
+      )
+    )
+  )
+)
+
+(defwidget cavacol_dashfs [nth dir]
+  (box
+    :valign "${dir == 'up' ? 'end' : (
+      dir == 'down' ? 'start' : 'fill'
+    )}"
+    :halign "${dir == 'right' ? 'start' : (
+      dir == 'left' ? 'end' : 'fill'
+    )}"
+    ; :width 20
+    :height 24
+    :class "dashfs-cava-column"
+    :style "
+    transition: 0ms;
+    min-${dir == 'up' || dir == 'down' ? 'height' : 'width'}: ${cavajson[nth] / 3}px;
+    "
+  )
+)
+
+(defwidget dashfs_widget []
+  (eventbox
+    :onclick "scripts/toggle-dashfs.sh --close &"
+    (box :width RES_WIDTH :height RES_HEIGHT
+      :class "dashfs-bg"
+      (overlay
+        (box :space-evenly false :orientation "v"
+          :width 1920 :height 1080
+          :class "dashfs-graph"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? '' : 'margin-left: -1300px; margin-right: 1300px;'}
+          "
+        )
+        ; Cava (left)
+        (box
+          :orientation "v"
+          :halign "start" :valign "center"
+          :height {RES_HEIGHT}
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-left: -24px' : 'margin-right: 400px; margin-left: -400px;'}
+          "
+          (cavacol_dashfs :dir "right" :nth 0)
+          (cavacol_dashfs :dir "right" :nth 1)
+          (cavacol_dashfs :dir "right" :nth 2)
+          (cavacol_dashfs :dir "right" :nth 3)
+          (cavacol_dashfs :dir "right" :nth 4)
+          (cavacol_dashfs :dir "right" :nth 5)
+          (cavacol_dashfs :dir "right" :nth 6)
+          (cavacol_dashfs :dir "right" :nth 7)
+          (cavacol_dashfs :dir "right" :nth 8)
+          (cavacol_dashfs :dir "right" :nth 9)
+          (cavacol_dashfs :dir "right" :nth 10)
+          (cavacol_dashfs :dir "right" :nth 11)
+          (cavacol_dashfs :dir "right" :nth 12)
+          (cavacol_dashfs :dir "right" :nth 13)
+          (cavacol_dashfs :dir "right" :nth 14)
+          (cavacol_dashfs :dir "right" :nth 15)
+          (cavacol_dashfs :dir "right" :nth 16)
+          (cavacol_dashfs :dir "right" :nth 17)
+          (cavacol_dashfs :dir "right" :nth 18)
+          (cavacol_dashfs :dir "right" :nth 19)
+          (cavacol_dashfs :dir "right" :nth 20)
+          (cavacol_dashfs :dir "right" :nth 21)
+          (cavacol_dashfs :dir "right" :nth 22)
+          (cavacol_dashfs :dir "right" :nth 23)
+          (cavacol_dashfs :dir "right" :nth 24)
+          (cavacol_dashfs :dir "right" :nth 25)
+          (cavacol_dashfs :dir "right" :nth 26)
+          (cavacol_dashfs :dir "right" :nth 27)
+          (cavacol_dashfs :dir "right" :nth 28)
+          (cavacol_dashfs :dir "right" :nth 29)
+          (cavacol_dashfs :dir "right" :nth 30)
+          (cavacol_dashfs :dir "right" :nth 31)
+          (cavacol_dashfs :dir "right" :nth 32)
+          (cavacol_dashfs :dir "right" :nth 33)
+          (cavacol_dashfs :dir "right" :nth 34)
+          (cavacol_dashfs :dir "right" :nth 35)
+          (cavacol_dashfs :dir "right" :nth 36)
+          (cavacol_dashfs :dir "right" :nth 37)
+          (cavacol_dashfs :dir "right" :nth 38)
+          (cavacol_dashfs :dir "right" :nth 39)
+          (cavacol_dashfs :dir "right" :nth 40)
+          (cavacol_dashfs :dir "right" :nth 41)
+          (cavacol_dashfs :dir "right" :nth 42)
+          (cavacol_dashfs :dir "right" :nth 43)
+          (cavacol_dashfs :dir "right" :nth 44)
+        )
+        ; Cava (right)
+        (box
+          :orientation "v" :space-evenly false
+          :halign "end" :valign "center"
+          :height {RES_HEIGHT}
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-right: -24px;' : 'margin-left: 400px; margin-right: -400px;'}
+          "
+          (cavacol_dashfs :dir "left" :nth 49)
+          (cavacol_dashfs :dir "left" :nth 48)
+          (cavacol_dashfs :dir "left" :nth 47)
+          (cavacol_dashfs :dir "left" :nth 46)
+          (cavacol_dashfs :dir "left" :nth 45)
+          (cavacol_dashfs :dir "left" :nth 44)
+          (cavacol_dashfs :dir "left" :nth 43)
+          (cavacol_dashfs :dir "left" :nth 42)
+          (cavacol_dashfs :dir "left" :nth 41)
+          (cavacol_dashfs :dir "left" :nth 40)
+          (cavacol_dashfs :dir "left" :nth 39)
+          (cavacol_dashfs :dir "left" :nth 38)
+          (cavacol_dashfs :dir "left" :nth 37)
+          (cavacol_dashfs :dir "left" :nth 36)
+          (cavacol_dashfs :dir "left" :nth 35)
+          (cavacol_dashfs :dir "left" :nth 34)
+          (cavacol_dashfs :dir "left" :nth 33)
+          (cavacol_dashfs :dir "left" :nth 32)
+          (cavacol_dashfs :dir "left" :nth 31)
+          (cavacol_dashfs :dir "left" :nth 30)
+          (cavacol_dashfs :dir "left" :nth 29)
+          (cavacol_dashfs :dir "left" :nth 28)
+          (cavacol_dashfs :dir "left" :nth 27)
+          (cavacol_dashfs :dir "left" :nth 26)
+          (cavacol_dashfs :dir "left" :nth 25)
+          (cavacol_dashfs :dir "left" :nth 24)
+          (cavacol_dashfs :dir "left" :nth 23)
+          (cavacol_dashfs :dir "left" :nth 22)
+          (cavacol_dashfs :dir "left" :nth 21)
+          (cavacol_dashfs :dir "left" :nth 20)
+          (cavacol_dashfs :dir "left" :nth 19)
+          (cavacol_dashfs :dir "left" :nth 18)
+          (cavacol_dashfs :dir "left" :nth 17)
+          (cavacol_dashfs :dir "left" :nth 16)
+          (cavacol_dashfs :dir "left" :nth 15)
+          (cavacol_dashfs :dir "left" :nth 14)
+          (cavacol_dashfs :dir "left" :nth 13)
+          (cavacol_dashfs :dir "left" :nth 12)
+          (cavacol_dashfs :dir "left" :nth 11)
+          (cavacol_dashfs :dir "left" :nth 10)
+          (cavacol_dashfs :dir "left" :nth 9)
+          (cavacol_dashfs :dir "left" :nth 8)
+          (cavacol_dashfs :dir "left" :nth 7)
+          (cavacol_dashfs :dir "left" :nth 6)
+          (cavacol_dashfs :dir "left" :nth 5)
+          (cavacol_dashfs :dir "left" :nth 4)
+          (cavacol_dashfs :dir "left" :nth 3)
+          (cavacol_dashfs :dir "left" :nth 2)
+          (cavacol_dashfs :dir "left" :nth 1)
+          (cavacol_dashfs :dir "left" :nth 0)
+        )
+        ; Greet
+        (box :space-evenly false :orientation "v"
+          :halign "start" :valign "start"
+          :class "dashfs-greet"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? '' : 'margin-left: -533px;'}
+          "
+          (label :xalign 0 :class "dashfs-greet-text"
+            :text "${time.hour >= 21 ? 'Good night' : (
+              time.hour >= 18 ? 'Good evening' : (
+                time.hour >= 12 ? 'Good afternoon' : (
+                  time.hour >= 5 ? 'Good morning' : 'Go to sleep'
+                )
+              )
+            )
+            } ${username}!"
+          )
+        )
+        ; Time
+        (box :space-evenly false :orientation "v"
+          :halign "end" :valign "start"
+          :class "dashfs-clock"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? '' : 'margin-right: -533px;'}
+          "
+          (label :xalign 1 :class "dashfs-clock-time" :text "${time.hour}:${time.minute}")
+          (label :xalign 1 :class "dashfs-clock-date" :text "${time.day}, ${time.date}")
+        )
+        ; Calendar
+        (box
+          :space-evenly false :orientation "v"
+          :halign "end" :valign "center"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-right: 40px;' : 'margin-right: -533px;'}
+          margin-bottom: 200px;
+          "
+          (box
+            :space-evenly false :orientation "v"
+            (eventbox
+              :onscroll "scripts/scrollmonth {} &"
+              (box
+                :orientation "v"
+                :space-evenly false
+                (centerbox
+                  :style "padding: 0 12px;"
+                  (label :xalign 0 :class "dashfs-calendar-title" :text "${calendartitle}")
+                  (box)
+                  (box
+                    :halign "end" :valign "center"
+                    (box
+                      :halign "end" :valign "center"
+                      (button
+                        :onclick "scripts/scrollmonth up &"
+                        :halign "end" :valign "center"
+                        :class "winicon dashfs-monthbutton"
+                        (image
+                          :valign "center"
+                          :path "images/svg/dark/caretup.svg"
+                        )
+                      )
+                      (button
+                        :onclick "scripts/scrollmonth down &"
+                        :halign "end" :valign "center"
+                        :class "winicon dashfs-monthbutton"
+                        (image
+                          :valign "center"
+                          :path "images/svg/dark/caretdown.svg"
+                        )
+                      )
+                    )
+                  )
+                )
+                (box :space-evenly false :orientation "v"
+                  :class "dashfs-section-nopad"
+                  (box
+                    (for day in weekdays
+                      (box
+                        :class "dashfs-calendar-button day${day.today}"
+                        (label :class "dashfs-calendar-text" :text "${day.day}")
+                      )
+                    )
+                  )
+                  (for week in calendar
+                    (box
+                      (for day in week
+                        (button
+                          :class "dashfs-calendar-button dashfs-day${day.today}"
+                          (label :class "dashfs-calendar-text" :text "${day.day}")
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+        ; Fetch
+        (box
+          :orientation "v" :space-evenly false
+          :halign "start" :valign "start"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-left: 100px;' : 'margin-left: -533px;'}
+          margin-top: 450px;
+          "
+          (label :class "dashfs-section-title" :text "# System")
+          (box :space-evenly false :orientation "v"
+            :class "dashfs-section"
+            (box
+              :orientation "h" :space-evenly false
+              (label :class "dashfs-fetch-icon" :text "")
+              (label :class "dashfs-fetch" :text "${username + '@' + hostname}")
+            )
+            (box
+              :orientation "h" :space-evenly false
+              (label :class "dashfs-fetch-icon" :text "")
+              (label :class "dashfs-fetch" :text "${kernel}")
+            )
+            (box
+              :orientation "h" :space-evenly false
+              (label :class "dashfs-fetch-icon" :text "")
+              (label :class "dashfs-fetch" :text "${uptime}")
+            )
+            (box
+              :orientation "h" :space-evenly false
+              (label :class "dashfs-fetch-icon" :text "")
+              (label :class "dashfs-fetch" :text "${wm}")
+            )
+            (box
+              :orientation "h" :space-evenly false
+              (label :class "dashfs-fetch-icon" :text "")
+              (label :class "dashfs-fetch" :text "${packages}")
+            )
+          )
+        )
+        ; Session
+        (box
+          :orientation "v" :space-evenly false
+          :halign "start" :valign "start"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-left: 400px;' : 'margin-left: -533px;'}
+          margin-top: 350px;
+          "
+          (label :class "dashfs-section-title" :text "# Session")
+          (box :space-evenly false :orientation "v"
+            :class "dashfs-section"
+            (button :class "dashfs-section-button"
+              :onclick "scripts/dashactivate '~/.local/bin/lock.sh' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Lock")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/dashactivate 'systemctl suspend' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Sleep")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/dashactivate 'loginctl terminate-user $USER' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Logout")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/dashactivate 'systemctl reboot' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Reboot")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/dashactivate 'systemctl poweroff' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Shutdown")
+              )
+            )
+          )
+        )
+        ; Quick dirs
+        (box
+          :orientation "v" :space-evenly false
+          :halign "start" :valign "start"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-left: 700px;' : 'margin-left: -533px;'}
+          margin-top: 450px;
+          "
+          (label :class "dashfs-section-title" :text "# Quick dirs")
+          (box :space-evenly false :orientation "v"
+            :class "dashfs-section"
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open ~/Documents &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Documents")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open ~/Downloads &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Downloads")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open ~/Music &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Music")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open ~/Pictures &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Pictures")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open ~/Videos &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Videos")
+              )
+            )
+          )
+        )
+        ; Quick links
+        (box
+          :orientation "v" :space-evenly false
+          :halign "start" :valign "start"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-left: 1000px;' : 'margin-left: -533px;'}
+          margin-top: 350px;
+          "
+          (label :class "dashfs-section-title" :text "# Quick links")
+          (box :space-evenly false :orientation "v"
+            :class "dashfs-section"
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open 'https://discord.com/app' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-nerd-icon" :text "󰙯 ")
+                (label :class "dashfs-fetch" :text "Discord")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open 'https://reddit.com' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-nerd-icon" :text " ")
+                (label :class "dashfs-fetch" :text "Reddit")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open 'https://github.com' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-nerd-icon" :text " ")
+                (label :class "dashfs-fetch" :text "GitHub")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open 'https://youtube.com' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-nerd-icon" :text " ")
+                (label :class "dashfs-fetch" :text "Youtube")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open 'https://soundcloud.com' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-nerd-icon" :text " ")
+                (label :class "dashfs-fetch" :text "SoundCloud")
+              )
+            )
+          )
+        )
+        ; Taskbar
+        ; (box :orientation "h" :space-evenly false
+          ;   :halign "center" :valign "end"
+          ;   :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+          ;   :style "
+          ;   transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ;   ${rev_dashfs ? '' : 'margin-bottom: -70px;'}
+          ;   "
+          ;   (for app in tasks
+            ;     (overlay
+              ;       (eventbox
+                ;         :class "dashfs-button-only"
+                ;         :onclick "${app.count > 0 ? ('hyprctl dispatch workspace ' + app.workspace[0] + ' &') : (app.exec)}& scripts/toggle-dashfs.sh --close &"
+                ;         (box
+                  ;           :class "dashfs-button-pad"
+                  ;           (box
+                    ;             :class "dashfs-taskbaricon"
+                    ;             :style "
+                    ;             background-image: url('${app.icon}');
+                    ;             ${app.class == awin.class ? 'background-color: rgba(108, 112, 134, 0.4); border: 1px solid rgba(108, 112, 134, 0.15); border-top: 1px solid rgba(108, 112, 134, 0.15);' : ''}
+                    ;             "
+                  ;           )
+                ;         )
+              ;       )
+              ;       (box :class "dashfs-taskbar-indicator-${app.class == awin.class ? 'true' : (app.count > 0 ? 'false' : 'none')}")
+            ;     )
+          ;   )
+          ;   ; Dummy keep alive
+          ;   (revealer :transition "slideright" :reveal false (label :text {awin.class}))
+        ; )
+        ; Music
+        (box
+          :space-evenly false :orientation "h"
+          :halign "center" :valign "start"
+          :class "dashfs-music"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-top: 40px;' : 'margin-top: -200px; margin-bottom: 200px;'}
+          "
+          (box
+            :class "dashfs-music-cover"
+            :style "background-image: url('${mcover.image}')"
+          )
+          (eventbox
+            :class "music-ctl-revealer"
+            :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+            (box
+              :space-evenly false
+              :class "music-ctl-revealer"
+              :orientation "v"
+              :valign "center"
+              (label
+                :class "music-title-bar"
+                :limit-width 50
+                :xalign 0
+                :style "font-size: 15pt; font-family: 'Rubik';" ;color: ${mcover.color.colors.color7};
+                :text "${mname.title == '' ? 'Not playing' : mname.title}"
+              )
+              (revealer
+                :transition "slidedown"
+                :reveal "${mname.artist != ''}"
+                :duration "20ms"
+                (label
+                  :class "music-artist-bar"
+                  :limit-width 50
+                  :xalign 0
+                  :style "font-size: 11pt; font-family: 'Rubik';"
+                  :text "${mname.artist}"
+                )
+              )
+            )
+          )
+        )
+        ; Resources
+        (box :orientation "h" :space-evenly false :spacing 30
+          :halign "center" :valign "end"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-bottom: 100px;' : 'margin-bottom: -500px;'}
+          "
+          (dashfs_resource :value {round(EWW_CPU.avg, 0)} :unit "%" :icon "" :name "CPU")
+          (dashfs_resource :value {round(memory.percentage, 0)} :unit "% (${memory.used})" :icon "" :name "RAM")
+          (dashfs_resource :value {round(memory.swappercentage, 0)} :unit "% (${memory.swapused})" :icon "" :name "Swap")
+          (dashfs_resource :value {battery.percentage} :unit "%" :icon "" :name "Battery")
+          (dashfs_resource :value {diskfreepercent} :unit "%" :icon "" :name "Free space")
+        )
+        ; Icosahedron
+        (image :orientation "h" :space-evenly false :spacing 30
+          :halign "end" :valign "end"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-bottom: -250px; margin-right: -150px;' : 'margin-bottom: -900px; margin-top: 900px; margin-right: -900px; margin-left: 900px;'}
+          "
+          :path "images/svg/icosahedron.svg"
+          :image-height 600
+          :image-width 600
+        )
+        ; Music
+        (box
+          :space-evenly false :orientation "v"
+          :halign "start" :valign "end"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-left: 40px; margin-bottom: 40px;' : 'margin-bottom: -200px; margin-top: 200px;'}
+          "
+          (label :xalign 0 :class "dashfs-quote-content" :text "${quote_content[0]}")
+          (label :xalign 1 :class "dashfs-quote-author" :text "${quote_author[0]}")
+        )
+      )
+    )
+  )
+)
+
+(defwindow dashfs
+  :focusable true
+  :windowtype "normal"
+  :wm-ignore true
+  :geometry (geometry
+    :width 1920
+    :height 1080
+    :anchor "center center"
+  )
+  :monitor 0
+  (dashfs_widget)
+)
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/windows/dynamic-bg.yuck b/hybrid-summer/.config/eww/windows/dynamic-bg.yuck
new file mode 100755
index 000000000..6ba9a082b
--- /dev/null
+++ b/hybrid-summer/.config/eww/windows/dynamic-bg.yuck
@@ -0,0 +1,32 @@
+(defvar MOVEMULTIPLIER 30)
+(defvar morebgoffset 4)
+
+(defwidget dynbg []
+  (image
+    :class "dynbg-image"
+    ; :style "background-position: ${(activews - 5)*MOVEMULTIPLIER > 50 ? 100 : 50+(activews - 5)*MOVEMULTIPLIER}% 20%"
+    :style "
+    margin-left: ${(5 - (activews > 10 ? 10 : activews))*MOVEMULTIPLIER}px;
+    margin-right: ${((activews > 10 ? 10 : activews) - 5)*MOVEMULTIPLIER}px;
+    "
+    :path "images/wallpaper/wallpaper"
+    :image-width {RES_WIDTH*BG_ZOOM}
+    :image-height {RES_HEIGHT*BG_ZOOM}
+  )
+)
+
+(defwindow dynamic-bg
+  :focusable false
+  :stacking "bg"
+  :windowtype "normal"
+  :wm-ignore true
+  :geometry (geometry
+    :x 0
+    :y 0
+    :width "100%"
+    :height "100%"
+    :anchor "center center"
+  )
+  :monitor 0
+  (dynbg)
+)
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/windows/music.yuck b/hybrid-summer/.config/eww/windows/music.yuck
new file mode 100755
index 000000000..8ffa38894
--- /dev/null
+++ b/hybrid-summer/.config/eww/windows/music.yuck
@@ -0,0 +1,174 @@
+(defwidget cavacol_musicwin [nth dir]
+  (box
+    :valign "${dir == 'up' ? 'end' : (
+      dir == 'down' ? 'start' : (
+        dir == 'virt' ? 'center' : 'fill'
+      )
+    )}"
+    :halign "${dir == 'right' ? 'start' : (
+      dir == 'left' ? 'end' : (
+        dir == 'hori' ? 'center' : 'fill'
+      )
+    )}"
+    :width 15
+    :class "music-cava-column"
+    :style "
+    background-color: ${mcover.color.colors.color4 == 'null' ? 'white' : mcover.color.colors.color4};
+    transition: 0ms;
+    min-${dir == 'up' || dir == 'down' ? 'height' : 'width'}: ${cavajson[nth] / 7}px;
+    "
+  )
+)
+
+(defwidget music []
+  (eventbox
+    :onhoverlost "scripts/toggle-music.sh --close &"
+    (box
+      :class "music-area"
+      :style "
+      ${music_open ? '' : 'margin-top: -233px; margin-bottom: 233px;'}
+      ${anim_open_music ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+      "
+      (overlay
+        (box ; Fallback
+          :class "music-cover-art"
+        )
+        (box ; Cover art
+          :class "music-cover-art"
+          :style "background-image: url('${mcover.image}');"
+        )
+        (box :space-evenly true :orientation "h"
+          (cavacol_musicwin :dir "up" :nth 0)
+          (cavacol_musicwin :dir "up" :nth 1)
+          (cavacol_musicwin :dir "up" :nth 2)
+          (cavacol_musicwin :dir "up" :nth 3)
+          (cavacol_musicwin :dir "up" :nth 4)
+          (cavacol_musicwin :dir "up" :nth 5)
+          (cavacol_musicwin :dir "up" :nth 6)
+          (cavacol_musicwin :dir "up" :nth 7)
+          (cavacol_musicwin :dir "up" :nth 8)
+          (cavacol_musicwin :dir "up" :nth 9)
+          (cavacol_musicwin :dir "up" :nth 10)
+          (cavacol_musicwin :dir "up" :nth 11)
+          (cavacol_musicwin :dir "up" :nth 12)
+          (cavacol_musicwin :dir "up" :nth 13)
+          (cavacol_musicwin :dir "up" :nth 14)
+          (cavacol_musicwin :dir "up" :nth 15)
+          (cavacol_musicwin :dir "up" :nth 16)
+          (cavacol_musicwin :dir "up" :nth 17)
+          (cavacol_musicwin :dir "up" :nth 18)
+          (cavacol_musicwin :dir "up" :nth 19)
+          (cavacol_musicwin :dir "up" :nth 20)
+          (cavacol_musicwin :dir "up" :nth 21)
+          (cavacol_musicwin :dir "up" :nth 22)
+          (cavacol_musicwin :dir "up" :nth 23)
+          (cavacol_musicwin :dir "up" :nth 24)
+          (cavacol_musicwin :dir "up" :nth 25)
+          (cavacol_musicwin :dir "up" :nth 26)
+          (cavacol_musicwin :dir "up" :nth 27)
+          (cavacol_musicwin :dir "up" :nth 28)
+          (cavacol_musicwin :dir "up" :nth 29)
+          (cavacol_musicwin :dir "up" :nth 30)
+          (cavacol_musicwin :dir "up" :nth 31)
+          (cavacol_musicwin :dir "up" :nth 32)
+          (cavacol_musicwin :dir "up" :nth 33)
+          (cavacol_musicwin :dir "up" :nth 34)
+          (cavacol_musicwin :dir "up" :nth 35)
+          (cavacol_musicwin :dir "up" :nth 36)
+          (cavacol_musicwin :dir "up" :nth 37)
+          (cavacol_musicwin :dir "up" :nth 38)
+          (cavacol_musicwin :dir "up" :nth 39)
+          (cavacol_musicwin :dir "up" :nth 40)
+          (cavacol_musicwin :dir "up" :nth 41)
+          (cavacol_musicwin :dir "up" :nth 42)
+          (cavacol_musicwin :dir "up" :nth 43)
+          (cavacol_musicwin :dir "up" :nth 44)
+          (cavacol_musicwin :dir "up" :nth 45)
+        )
+        (box ;
+          :orientation "v"
+          :class "music-box"
+          :space-evenly false
+          (label
+            :class "music-title"
+            :wrap false
+            :text "${music.title == '' ? 'Not playing' : music.title}"
+            :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+            :limit-width 35
+          )
+          (label
+            :class "music-artist"
+            :wrap true
+            :text "${music.artist}"
+            :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+          )
+          (centerbox
+            (box
+              (label
+                :halign "center"  :valign "center"
+                :class "music-time-label"
+                :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+                :text {music.position_time}
+              )
+            )
+            (centerbox
+              :class "music-button-box"
+              (button
+                :class "song-button"
+                :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+                :onclick "playerctl previous" ""
+              )
+              (button
+                :class "song-button"
+                :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+                :onclick "playerctl play-pause"
+                "${music.status != '' ? music.status : ''}"
+              )
+              (button
+                :class "song-button"
+                :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+                :onclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+                ""
+              )
+            )
+            (box
+              (label
+                :halign "center"  :valign "center"
+                :class "music-time-label"
+                :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+                :text {music.length}
+              )
+            )
+          )
+          (scale
+            :valign "end"
+            :value {music.position}
+            :class "track-scale"
+            :onchange "playerctl position `bc <<< \"{} * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+            :style "highlight {background-color: ${mcover.color.colors.color4};}"
+          )
+        )
+        (box
+          :class "music-media-source"
+          :halign "start"
+          :valign "start"
+          :orientation "h"
+          (label :class "music-source-icon" :text "${mcover.color.source}" :style "color: ${mcover.color.colors.color4};")
+        )
+      )
+    )
+  )
+)
+
+(defwindow music
+  :wm-ignore true
+  :stacking "overlay"
+  :monitor 0
+  :geometry (geometry
+    :x "15px"
+    :y "61px"
+    :width "558px"
+    :height "191px"
+  :anchor "top left")
+  (music)
+)
diff --git a/hybrid-summer/.config/eww/windows/onotify.yuck b/hybrid-summer/.config/eww/windows/onotify.yuck
new file mode 100755
index 000000000..f8f9efdba
--- /dev/null
+++ b/hybrid-summer/.config/eww/windows/onotify.yuck
@@ -0,0 +1,488 @@
+(defwidget volume_mixer []
+  (box
+    :space-evenly false
+    :orientation "v"
+    ; :class "sliders"
+    (box
+      :orientation "h"
+      :space-evenly false
+      :spacing 10
+      (label
+        :halign "start"
+        :class "osettings-section-icon"
+        :text ""
+      )
+      (label
+        :halign "start"
+        :wrap true
+        :class "osettings-section"
+        :text "Volume mixer"
+      )
+    )
+    (for app in audiojson
+      (box
+        :orientation "v" :space-evenly false
+        (box
+          :orientation "h" :space-evenly false
+          :spacing 10
+          (image
+            :class "onotify-app-icon"
+            :path {app.icon}
+            :image-width 25
+            :image-height 25
+          )
+          (label
+            :xalign 0
+            :valign "center"
+            :class "onotify-app-name"
+            :limit-width 42
+            :text {app.name}
+          )
+        )
+        (box
+          :orientation "v"
+          :space-evenly false
+          (scroll
+            :vscroll false
+            :hscroll true
+            (box
+              :orientation "h"
+              ; :space-evenly false
+              (for ser in {app["volume"]}
+                (eventbox
+                  :onscroll "pactl set-sink-input-volume ${ser[0]} $(echo {} | sed -e \"s/up/+5/g\" -e \"s/down/-5/g\")%"
+                  :onrightclick "pactl set-sink-input-volume ${ser[0]} 100%"
+                  :onclick "pactl set-sink-input-volume ${ser[0]} 0%"
+                  (centerbox
+                    :space-evenly false
+                    :orientation "${app.count > 3 ? 'v' : 'h'}"
+                    :class "onotify-app-volbox"
+                    (label
+                      :xalign "${app.count > 3 ? '0.5' : '0'}"
+                      :class "onotify-app-ser"
+                      :style "
+                      ${app.count > 3 ? 'margin-bottom: 5px;' : 'padding: 0 5px;'}
+                      "
+                      :text "#${ser[0]}"
+                    )
+                    (box)
+                    (circular-progress
+                      :halign "${app.count > 3 ? 'center' : 'end'}"
+                      :value {ser[1] <= 100 ? ser[1] : 100}
+                      :class "onotify-app-vol-circle"
+                      :thickness 4
+                      :start-at 75
+                      :width 45
+                      :height 45
+                      (label :class "onotify-app-text" :text "${ser[1]}")
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget onotify []
+  (box
+    :orientation "v"
+    :space-evenly false
+    :style "
+    ${anim_open_ontf ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_ontf ? '' : 'margin-right: -533px;'}
+    "
+    (eventbox
+      :onclick "scripts/toggle-onotify.sh --close &"
+      :onmiddleclick "scripts/toggle-onotify.sh --close &"
+      :onrightclick "scripts/toggle-onotify.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 1px;"
+      )
+    )
+    (eventbox
+      ; :onhoverlost "scripts/toggle-onotify.sh --close &"
+      (box
+        :orientation "v"
+        :space-evenly false
+        :class "onotify-window"
+        (box
+          :class "system-row"
+          :space-evenly false
+          :halign "center"
+          (box
+            :class "wifi-box"
+            :space-evenly false
+            :orientation "v"
+            (box
+              :class "element"
+              :space-evenly false
+              (button
+                ; :class "wifi-button"
+                :onclick "scripts/net toggle"
+                :style "font-family: Material Symbols Rounded;"
+                {net.icon}
+              )
+              (label :class "separator" :text "|")
+              (button
+                :class "wifi-arrow-btn"
+                :style "font-family: Material Symbols Rounded;"
+                :onclick "gnome-control-center wifi &"
+                ""
+              )
+            )
+            (label :style "font-size: 12pt;" :class "sys-toggle" :text {net.essid} :xalign 0.5 :limit-width 15)
+          )
+          
+          (box
+            :class "bluetooth-box"
+            :space-evenly false
+            :orientation "v"
+            (box
+              :class "element icon"
+              :space-evenly false
+              (button
+                :class "bluetooth-button"
+                :onclick "scripts/bluetooth toggle &"
+                :style "font-family: 'Material Symbols Rounded';"
+                {bluetooth.icon}
+              )
+              (label :class "separator" :text "|")
+              (button
+                :class "bluetooth-arrow-btn"
+                :onclick "blueberry &"
+                ""
+              )
+            )
+            (label
+              :style "font-size: 12pt;"
+              :text {bluetooth.text}
+              :xalign 0.5
+              :class "sys-toggle"
+              :tooltip "${bluetooth.text} ${bluetooth.batt_icon}"
+              :limit-width 15
+            )
+          )
+          (box
+            :class "airplane-box"
+            :space-evenly false
+            :orientation "v"
+            (box
+              :class "element icon"
+              (button
+                :class "airplane-button"
+                :onclick "scripts/airplane toggle &"
+                airplane
+              )
+            )
+            (label :style "font-size: 12pt;" :text "Airplane Mode" :xalign 0.5 :limit-width 16)
+          )
+          (box
+            :class "power-box"
+            :space-evenly false
+            :orientation "v"
+            (box
+              :class "element icon"
+              (button
+                :halign "end"
+                ; :onclick "wlogout &"
+                :onclick "wlogout -p layer-shell &"
+                ""
+              )
+            )
+            (label
+              :style "font-size: 12pt;"
+              :text "Power"
+              :class "sys-toggle"
+              :xalign 0.5
+              :limit-width 16
+            )
+          )
+        )
+        (scroll
+          ; :vscroll true
+          ; :hscroll false
+          ; :halign "fill"
+          :class "onotify-content"
+          :valign "fill"
+          :style "min-height: 317px;"
+          (box
+            :halign "fill"
+            :class "osettings-scroll-bg"
+            :space-evenly false
+            :spacing 20
+            :orientation "v"
+            ; Volume mixer
+            ; (volume_mixer)
+            ; Notifications
+            (box
+              :space-evenly false :orientation "v"
+              (centerbox
+                (box
+                  :orientation "h"
+                  :space-evenly false
+                  :spacing 10
+                  (label
+                    :halign "start"
+                    :class "osettings-section-icon"
+                    :text ""
+                  )
+                  (label
+                    :halign "start"
+                    :class "osettings-section"
+                    :text "Notifications"
+                  )
+                )
+                (box)
+                ; (box
+                  ;   :class "icon"
+                  ;   :halign "end" :valign "center"
+                  ;   :space-evenly false
+                  ;   :spacing 10
+                  ;   (button
+                    ;     :class "notification-action"
+                    ;     :tooltip "Refresh"
+                    ;     :onclick "dunstctl history > $XDG_CACHE_HOME/dunst-history.json &"
+                    ;     ""
+                  ;   )
+                  ;   (button
+                    ;     :class "notification-action"
+                    ;     :tooltip "Pause/Resume Notifications"
+                    ;     :onclick "scripts/notifications toggle &"
+                    ;     {notif_icons.toggle_icon}
+                  ;   )
+                  ;   (button
+                    ;     :class "notification-action"
+                    ;     :tooltip "Clear Notifications"
+                    ;     :onclick "scripts/notifications clear &"
+                    ;     ""
+                  ;   )
+                ; )
+                (box
+                  :orientation "h" :space-evenly false
+                  :halign "end" :spacing 4
+                  :style "margin-left: 9px;"
+                  (button :valign "center" :yalign 0.5
+                    :class "osettings-tag-material"
+                    :tooltip "Refresh"
+                    :onclick "dunstctl history > $XDG_CACHE_HOME/dunst-history.json &"
+                    "Refresh"
+                  )
+                  (button :valign "center" :yalign 0.5
+                    :class "osettings-tag-material"
+                    :tooltip "Pause/Resume Notifications"
+                    :onclick "scripts/notifications toggle && eww update notifications='$(scripts/notifications --once)' &"
+                    "Pause"
+                  )
+                  (button :valign "center" :yalign 0.5
+                    :class "osettings-tag-material"
+                    :tooltip "Clear Notifications"
+                    :onclick "scripts/notifications clear &"
+                    "Clear"
+                  )
+                )
+              )
+              (box
+                :class "container"
+                :orientation "v"
+                :space-evenly false
+                (for i in notifications
+                  (eventbox
+                    :onclick "dunstctl history-pop ${i.id} && dunstctl action 0 && dunstctl close"
+                    (box
+                      :class "notification"
+                      :orientation "v" :space-evenly false
+                      :width 300
+                      (centerbox
+                        :space-evenly false
+                        (label
+                          :xalign 0
+                          :wrap true
+                          :class "summary"
+                          :text {i.summary}
+                        )
+                        (label)
+                        (label
+                          :xalign 1
+                          :wrap true
+                          :class "appname"
+                          :text {i.appname}
+                        )
+                      )
+                      (label
+                        :xalign 0
+                        :wrap true
+                        :class "body"
+                        :text {i.body}
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+        ; Calendar
+        (box
+          :space-evenly false :orientation "v"
+          :class "osettings-scroll-bg-colored"
+          (box :space-evenly false
+            (box
+              :orientation "h" :space-evenly false :spacing 10
+              :hexpand true
+              (label
+                :halign "start"
+                :class "osettings-section-icon"
+                :text ""
+              )
+              (label
+                :halign "start"
+                :wrap true
+                :class "osettings-section"
+                :text "${calendartitle}"
+              )
+            )
+            (box
+              :orientation "h" :space-evenly false
+              :halign "end" :spacing 4
+              (button :valign "center" :yalign 0.5
+                :class "osettings-tag-material"
+                :tooltip "Refresh"
+                :onclick "scripts/scrollmonth up &"
+                "Remove"
+              )
+              (button :valign "center" :yalign 0.5
+                :class "osettings-tag-material"
+                :tooltip "Pause/Resume Notifications"
+                :onclick "scripts/scrollmonth down &"
+                "Add"
+              )
+            )
+          )
+          (box
+            :space-evenly false :orientation "v"
+            (eventbox
+              :onscroll "scripts/scrollmonth {} &"
+              (box
+                :orientation "v"
+                :space-evenly false
+                (box
+                  :space-evenly false :orientation "v"
+                  :halign "center"
+                  (box
+                    (for day in weekdays
+                      (box
+                        :class "calendarwin-button day${day.today}"
+                        (label :class "calendarwin-text" :text "${day.day}")
+                      )
+                    )
+                  )
+                  (for week in calendar
+                    (box
+                      (for day in week
+                        (button
+                          :class "calendarwin-button calendarwin-day${day.today}"
+                          (label :class "calendarwin-text" :text "${day.day}")
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow onotify
+  :wm-ignore true
+  :monitor 0
+  :focusable true
+  :geometry (geometry
+    :x "0px"
+    :y "61px"
+    :width "0px"
+    :height "1019px"
+    :anchor "top right"
+  )
+  (onotify)
+)
+
+(defwidget onotify-button []
+  (eventbox
+    :halign "end"
+    (box
+      :space-evenly false
+      :halign "end"
+      (eventbox
+        :onmiddleclick "scripts/toggle-dashfs.sh &"
+        :onrightclick "scripts/toggle-dashfs.sh &"
+        :onscroll "echo $(echo {} | sed -e 's/down/-U 3/g' -e 's/up/-A 3/g' | xargs light) && scripts/brightness osd"
+        :onclick "scripts/toggle-onotify.sh &"
+        :onhover "${EWW_CMD} update calendar_hover=true"
+        :onhoverlost "${EWW_CMD} update calendar_hover=false"
+        (box
+          :class "module-button-pad-center"
+          ; Time and date
+          (box
+            :orientation "v" :space-evenly false
+            :valign "center"
+            :class "module-timedate module module-button${rev_calendar ? '-true' : (calendar_hover ? '-hover' : '')}"
+            :style "padding: 0 10px;"
+            (box
+              :space-evenly false
+              :halign "end"
+              :class "timedate-time"
+              (label :text "${time.hour}" :class "clock hour")
+              ; (label :text "${time.hour % 12}" :class "clock hour")
+              (label :text ":" :class "clock")
+              (label :text {time.minute} :class "clock minute")
+              ; (label :text "${time.hour >= 12 ? 'pm' : 'am'}" :class "clock minute")
+            )
+            (box
+              :class "date"
+              :onclick "${EWW_CMD} update popup='calendar'"
+              "${time.day}, ${time.date}"
+            )
+          )
+        )
+      )
+      (eventbox
+        :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd &"
+        :onclick "scripts/toggle-onotify.sh &"
+        :onmiddleclick "scripts/toggle-dashfs.sh &"
+        :onrightclick "scripts/toggle-dashfs.sh &"
+        :onhover "${EWW_CMD} update ontf_hover=true"
+        :onhoverlost "${EWW_CMD} update ontf_hover=false"
+        (box
+          :orientation "h"
+          :space-evenly false
+          :class "module-button${rev_ontf ? '-true' : (ontf_hover ? '-hover' : '')}"
+          :style "padding-left: 10px; padding-right: 10px; margin: 8px 0; margin-right: 8px;"
+          (box
+            ; :class "module"
+            :space-evenly false
+            :spacing 5
+            :halign "end"
+            (syscpu)
+            (sysmem)
+            (sysbatt)
+          )
+          (image
+            :class "real-onotify-toggle-button module-button-pad-right-nomargin"
+            ; :class "real-onotify-toggle-button"
+            :path "images/svg/forum.svg"
+            :image-height 33
+            :image-width 33
+          )
+        )
+      )
+    )
+  )
+)
diff --git a/hybrid-summer/.config/eww/windows/osd.yuck b/hybrid-summer/.config/eww/windows/osd.yuck
new file mode 100755
index 000000000..8a0ecaa24
--- /dev/null
+++ b/hybrid-summer/.config/eww/windows/osd.yuck
@@ -0,0 +1,69 @@
+(defwidget osdwidget []
+  (box
+    :class "osd-window"
+    :orientation "h"
+    :space-evenly false
+    (revealer
+      :reveal {osd_vol}
+      :transition "slideright"
+      :duration "80ms"
+      (centerbox
+        :class "osd-var"
+        :orientation "h"
+        :space-evenly false
+        (circular-progress
+          :value {volume.percent}
+          :class "osd-circle"
+          :thickness 4
+          :start-at 75
+          :halign "start"
+          (button
+            :class "inside-circle"
+            (label :xalign "0.5" :yalign "0.5" :halign "center" :valign "center" :class "osd-incircle" :text "${volume.icon}")
+          )
+        )
+        (box)
+        (label :xalign 0.5 :halign "end" :class "osd-text" :text "${volume.percent}")
+      )
+    )
+    (revealer
+      :reveal {osd_bright}
+      :transition "slideright"
+      :duration "80ms"
+      (centerbox
+        :class "osd-var"
+        :orientation "h"
+        :space-evenly false
+        (circular-progress
+          :value {brightness.level}
+          :class "osd-circle"
+          :thickness 4
+          :start-at 75
+          :halign "start"
+          (button
+            :class "inside-circle"
+            (label :xalign "0.5" :yalign "0.5" :halign "center" :valign "center" :class "osd-incircle-bright" :text "${brightness.icon}")
+          )
+        )
+        (box)
+        (label :xalign 0.5 :class "osd-text" :text "${brightness.level}")
+      )
+    )
+  )
+)
+
+(defwindow osd
+  :stacking "overlay"
+  :wm-ignore true
+  :monitor 0
+  :geometry (geometry
+    :x "0%"
+    :y "53px"
+    :width "100px"
+    :height "53px"
+    :anchor "top center"
+  )
+  :stacking "fg"
+  :exclusive false
+  (osdwidget)
+)
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/windows/osettings.yuck b/hybrid-summer/.config/eww/windows/osettings.yuck
new file mode 100755
index 000000000..35603bfc3
--- /dev/null
+++ b/hybrid-summer/.config/eww/windows/osettings.yuck
@@ -0,0 +1,1005 @@
+(defwidget checkboxhyprctl [value changevalue]
+  (eventbox
+    :cursor "pointer"
+    :onclick "hyprctl keyword ${changevalue} ${1 - value} && scripts/hyprsettings tickle &"
+    (box
+      :class "osettings-checkbox-${value}"
+      :halign "end"
+    )
+  )
+)
+
+(defwidget checkboxcmd [value changecmd]
+  (eventbox
+    :onclick "${changecmd}"
+    (box
+      :class "osettings-checkbox-${value}"
+      :halign "end"
+    )
+  )
+)
+
+(defwidget osettings []
+  (box
+    :orientation "v"
+    :space-evenly false
+    :style "
+    ${anim_open_ostg ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_ostg ? '' : 'margin-left: -533px; margin-right: 533px;'}
+    "
+    (eventbox
+      :onclick "scripts/toggle-osettings.sh --close &"
+      :onmiddleclick "scripts/toggle-osettings.sh --close &"
+      :onrightclick "scripts/toggle-osettings.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 1px;"
+      )
+    )
+    (eventbox
+      ; :onhoverlost "scripts/toggle-osettings.sh --close &"
+      (box
+        :orientation "v"
+        :space-evenly false
+        :class "osettings-window"
+        (box
+          :orientation "v"
+          :space-evenly false
+          (box
+            :class "osettings-heading"
+            :orientation "v"
+            :space-evenly false
+            (label
+              :halign "start"
+              :wrap true
+              :class "osettings-title"
+              :text "# settings"
+            )
+            (label
+              :halign "start"
+              :wrap true
+              :class "osettings-subtitle"
+              :text "🍹 Tweak your experience"
+            )
+          )
+          (box
+            :spacing 0
+            :space-evenly false
+            :class "osettings-search"
+            :orientation "h"
+            (input
+              :halign "start"
+              :class "osettings-search-text"
+              :onchange "${EWW_CMD} update oquery=\"$(echo {} | tr [:upper:] [:lower:])\""
+            )
+            (box)
+            (button
+              :halign "end"
+              :class "osettings-search-icon"
+              :style "font-weight: bolder;"
+              ""
+            )
+          )
+        )
+        (scroll
+          ; :vscroll true
+          ; :hscroll false
+          ; :halign "fill"
+          :class "osettings-content"
+          :style "min-height: 792px;"
+          (box
+            :halign "fill"
+            :class "osettings-scroll-bg"
+            :space-evenly false
+            :spacing 20
+            :orientation "v"
+            (box
+              :class "osettings-settings"
+              :orientation "v"
+              :space-evenly false
+              ; Quick settings
+              (revealer
+                :reveal "${matches('quick settings volume audio brightness',oquery)}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :orientation "v"
+                  :space-evenly false
+                  (centerbox
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :spacing 10
+                      (label
+                        :halign "start"
+                        :class "osettings-section-icon"
+                        :text ""
+                      )
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-section"
+                        :text "Quick values"
+                      )
+                    )
+                    (box)
+                    (box
+                      :orientation "h" :space-evenly false
+                      :halign "end" :spacing 4
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag"
+                        :onclick "wpctl set-volume @DEFAULT_AUDIO_SINK@ 23% &"
+                        "󰎈 music"
+                      )
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag"
+                        :onclick "wpctl set-volume @DEFAULT_AUDIO_SINK@ 50% &"
+                        " asmr"
+                      )
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag-material"
+                        :onclick "light -S 40 &"
+                        ""
+                      )
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag-material"
+                        :onclick "light -S 5 &"
+                        ""
+                      )
+                    )
+                    ; (button :valign "center" :yalign 0.5
+                      ;   :class "osettings-tag"
+                      ;   :onclick "wpctl set-volume @DEFAULT_AUDIO_SINK@ 50% &"
+                      ;   "night"
+                    ; )
+                  )
+                  (revealer
+                    :reveal "${matches('quick settings volume audio',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (eventbox
+                      :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+                      (box
+                        :orientation "h"
+                        :space-evenly false
+                        :spacing 10
+                        (label
+                          :wrap true
+                          :class "osettings-text-icon"
+                          :text ""
+                        )
+                        (box
+                          :orientation "v"
+                          :space-evenly false
+                          (centerbox
+                            :orientation "h"
+                            :space-evenly false
+                            :style "min-width: 417px;"
+                            (label
+                              :halign "start"
+                              :wrap true
+                              :class "osettings-text"
+                              :text "Volume"
+                            )
+                            (box)
+                            ; (checkbox
+                              ;   :halign "end"
+                              ;   :class "osettings-checkbox"
+                              ;   :onchecked "scripts/volume mute SINK"
+                              ;   :onunchecked "scripts/volume mute SINK"
+                            ; )
+                            (checkboxcmd
+                              :value "${volume.audio}"
+                              :changecmd "scripts/volume mute SINK"
+                            )
+                          )
+                          (scale
+                            :halign "fill"
+                            :class "osettings-slider"
+                            :value "${volume.percent}"
+                            :tooltip "volume on ${volume.percent}%"
+                            :onchange "scripts/volume setvol SINK {}"
+                          )
+                        )
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('quick settings brightness',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :spacing 10
+                      (label
+                        :wrap true
+                        :class "osettings-text-icon"
+                        :text ""
+                      )
+                      (box
+                        :orientation "v"
+                        :space-evenly false
+                        :style "min-width: 417px;"
+                        (label
+                          :halign "start"
+                          :wrap true
+                          :class "osettings-text"
+                          :text "Brightness"
+                        )
+                        (scale
+                          :class "osettings-slider"
+                          :value "${brightness.level}"
+                          :onchange "light -S {}"
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+              ; Mouse
+              (revealer
+                :reveal "${matches('mouse and touchpad touch pad mouse speed mouse acceleration osu raw input sensitivity disable while typing disable_while_typing tap to click clickfinger_behavior',oquery)}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :spacing 10
+                    (label
+                      :halign "start"
+                      :class "osettings-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "osettings-section"
+                      :text "Mouse/Touchpad"
+                    )
+                    (box
+                      :orientation "h" :space-evenly false
+                      :halign "end" :spacing 4
+                      :style "margin-left: 16px;"
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag"
+                        :onclick "hyprctl keyword input:force_no_accel true &"
+                        "󰐾 osu"
+                      )
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag"
+                        :onclick "hyprctl keyword input:touchpad:disable_while_typing false &"
+                        "󰆧 minecraft"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('mouse and touchpad touch pad speed mouse acceleration osu raw input sensitivity',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (centerbox
+                        :orientation "h"
+                        :space-evenly false
+                        :halign "fill"
+                        (label
+                          :halign "start"
+                          :wrap true
+                          :class "osettings-text"
+                          :text "Raw input"
+                        )
+                        (box)
+                        (checkboxhyprctl
+                          :value "${hyprjson.force_no_accel}"
+                          :changevalue "input:force_no_accel"
+                          :halign "end"
+                          :class "osettings-checkbox"
+                        )
+                      )
+                      (eventbox
+                        :onrightclick "hyprctl keyword input:sensitivity 0"
+                        (box
+                          :space-evenly false
+                          :orientation "v"
+                          (label
+                            :halign "start"
+                            :wrap true
+                            :class "osettings-text"
+                            :text "Sensitivity"
+                          )
+                          (scale
+                            :class "osettings-slider"
+                            :value "${hyprjson.input_sensitivity * 50 + 50}"
+                            :onchange "hyprctl keyword input:sensitivity $(echo - | awk '{print {} / 50 - 1}') && scripts/hyprsettings tickle"
+                          )
+                        )
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('mouse and touch pad touchpad disable while typing disable_while_typing',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (centerbox
+                        :orientation "h"
+                        :space-evenly false
+                        :halign "fill"
+                        (label
+                          :halign "start"
+                          :class "osettings-text"
+                          :text "Disable touchpad while typing"
+                        )
+                        (box)
+                        (checkboxhyprctl
+                          :value "${hyprjson.touchpad_disable_while_typing}"
+                          :changevalue "input:touchpad:disable_while_typing"
+                          :class "osettings-checkbox"
+                        )
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('mouse and touchpad touch pad tap to click clickfinger_behavior',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (centerbox
+                        :orientation "h"
+                        :space-evenly false
+                        :halign "fill"
+                        (label
+                          :halign "start"
+                          :class "osettings-text"
+                          :text "Tap to click"
+                        )
+                        (box)
+                        (checkboxhyprctl
+                          :value "${hyprjson.touchpad_clickfinger_behavior}"
+                          :changevalue "input:touchpad:clickfinger_behavior"
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+              ; Appearance
+              (revealer
+                :reveal "${matches('appearance looks customization blur size blur passes blur strength blur xray',oquery)}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  (centerbox
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :spacing 10
+                      (label
+                        :halign "start"
+                        :class "osettings-section-icon"
+                        :text ""
+                      )
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-section"
+                        :text "Blur"
+                      )
+                    )
+                    (box)
+                    (box
+                      :orientation "h" :space-evenly false
+                      :halign "end" :spacing 4
+                      :style "margin-left: 9px;"
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag"
+                        :onclick "hyprctl keyword decoration:blur false && scripts/hyprsettings tickle &"
+                        "no blur"
+                      )
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag"
+                        :onclick "hyprctl keyword decoration:blur true && \
+                        hyprctl keyword decoration:blur_size 7 && \
+                        hyprctl keyword decoration:blur_passes 4 && \
+                        scripts/hyprsettings tickle &"
+                        "intense"
+                      )
+                    )
+                  )
+                  (centerbox
+                    :orientation "h"
+                    :space-evenly false
+                    :halign "fill"
+                    (label
+                      :halign "start"
+                      :class "osettings-text"
+                      :text "Enable blur"
+                    )
+                    (box)
+                    (checkboxhyprctl
+                      :value "${hyprjson.blur}"
+                      :changevalue "decoration:blur"
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization blur size blur strength',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-text"
+                        :text "Blur size"
+                      )
+                      (scale
+                        :class "osettings-slider"
+                        :value "${hyprjson.blur_size}"
+                        :tooltip "Blur size: ${hyprjson.blur_size}"
+                        :onchange "hyprctl keyword decoration:blur_size {}  && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization blur passes blur strength',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-text"
+                        :text "Blur passes"
+                      )
+                      (scale
+                        :class "osettings-slider"
+                        :value "${hyprjson.blur_passes * 10}"
+                        :tooltip "Blur passes: ${hyprjson.blur_passes}"
+                        :onchange "hyprctl keyword decoration:blur_passes $(({} / 10))  && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization blur xray',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (centerbox
+                        :orientation "h"
+                        :space-evenly false
+                        :halign "fill"
+                        (label
+                          :halign "start"
+                          :class "osettings-text"
+                          :text "Blur xray"
+                        )
+                        (box)
+                        (checkboxhyprctl
+                          :value "${hyprjson.blur_xray}"
+                          :changevalue "decoration:blur_xray"
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+              (revealer
+                :reveal "${matches('appearance looks customization gaps gaps_in inner gaps: inner gaps_out outer gaps: outer space border_size border size border thickness',oquery)}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  (centerbox
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :spacing 10
+                      (label
+                        :halign "start"
+                        :class "osettings-section-icon"
+                        :text ""
+                      )
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-section"
+                        :text "Gaps/Borders"
+                      )
+                    )
+                    (box)
+                    (box
+                      :orientation "h" :space-evenly false
+                      :halign "end" :spacing 4
+                      :style "margin-left: 9px;"
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag"
+                        :onclick "hyprctl keyword general:gaps_in 0 && \
+                        hyprctl keyword general:gaps_out 0 && \
+                        hyprctl keyword general:border_size 0 && \
+                        hyprctl keyword decoration:rounding 0 && \
+                        hyprctl keyword monitor eDP-1,addreserved,69,0,0,0 && \
+                        eww update compact=true && \
+                        scripts/hyprsettings tickle &"
+                        "none"
+                      )
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag"
+                        :onclick "hyprctl keyword general:gaps_in 0 && \
+                        hyprctl keyword general:gaps_out 0 && \
+                        hyprctl keyword general:border_size 1 && \
+                        hyprctl keyword decoration:rounding 0 && \
+                        hyprctl keyword monitor eDP-1,addreserved,69,0,0,0 && \
+                        eww update compact=true && \
+                        scripts/hyprsettings tickle &"
+                        "borders"
+                      )
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag"
+                        :onclick "hyprctl keyword general:gaps_in 4 && \
+                        hyprctl keyword general:gaps_out 8 && \
+                        hyprctl keyword general:border_size 1 && \
+                        hyprctl keyword decoration:rounding 17 && \
+                        hyprctl keyword monitor eDP-1,addreserved,61,0,0,0 && \
+                        eww update compact=false && \
+                        scripts/hyprsettings tickle &"
+                        "comfy"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization gaps_in inner gaps: inner space',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-text"
+                        :text "Gaps: Inner"
+                      )
+                      (scale
+                        :class "osettings-slider"
+                        :value "${hyprjson.gaps_in}"
+                        :tooltip "Inner gaps: ${hyprjson.gaps_in}"
+                        :onchange "hyprctl keyword general:gaps_in {} && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization gaps_out outer gaps: outer space',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-text"
+                        :text "Gaps: Outer"
+                      )
+                      (scale
+                        :class "osettings-slider"
+                        :value "${hyprjson.gaps_out}"
+                        :tooltip "Outer gaps: ${hyprjson.gaps_out}"
+                        :onchange "hyprctl keyword general:gaps_out {} && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization border_size border size border thickness',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-text"
+                        :text "Border size"
+                      )
+                      (scale
+                        :class "osettings-slider"
+                        :value "${hyprjson.border_size}"
+                        :tooltip "Border size: ${hyprjson.border_size}"
+                        :onchange "hyprctl keyword general:border_size {} && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization rounding corner',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-text"
+                        :text "Rounding"
+                      )
+                      (scale
+                        :class "osettings-slider"
+                        :value "${hyprjson.rounding}"
+                        :tooltip "Border size: ${hyprjson.rounding}"
+                        :onchange "hyprctl keyword decoration:rounding {} && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                )
+              )
+              ; Hyperland
+              (revealer
+                :reveal "${matches(oquery, 'hyperland')}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :spacing 10
+                    (label
+                      :halign "start"
+                      :class "osettings-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "osettings-section"
+                      :text "Hyperland"
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches(oquery, 'hyperland')}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-neutral"
+                        :onclick "notify-send whyyyyyyy 😭"
+                        "Check the spelling and try again"
+                      )
+                    )
+                  )
+                )
+              )
+              ; Session control
+              (revealer
+                :reveal "${matches('session lock logout suspend log out shutdown shut down poweroff power off',oquery)}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :spacing 10
+                    (label
+                      :halign "start"
+                      :class "osettings-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "osettings-section"
+                      :text "Session"
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('session lock',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :orientation "v"
+                      :space-evenly false
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-neutral"
+                        :onclick "~/.local/bin/lock.sh &"
+                        "Lock"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('session suspend',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :orientation "v"
+                      :space-evenly false
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-neutral"
+                        :onclick "systemctl suspend &"
+                        "Suspend"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('session logout log out',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :orientation "v"
+                      :space-evenly false
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-destructive"
+                        :onclick "pkill Hyprland &"
+                        "Logout"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('session shutdown shut down poweroff power off',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :orientation "v"
+                      :space-evenly false
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-destructive"
+                        :onclick "systemctl poweroff &"
+                        "Shutdown"
+                      )
+                    )
+                  )
+                )
+              )
+              ; Hyprland
+              (revealer
+                :reveal "${matches('hyprland options open the wiki guide help social hypr development discord reload config configuration',oquery)}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :spacing 10
+                    (label
+                      :halign "start"
+                      :class "osettings-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "osettings-section"
+                      :text "Hyprland"
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('hyprland options reload config configuration',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-neutral"
+                        :onclick "cp ~/.config/hypr/hyprland.conf temporary_config.conf && cp temporary_config.conf ~/.config/hypr/hyprland.conf && rm temporary_config.conf &"
+                        "Reload config"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('hyprland open the wiki guide help',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-informative"
+                        :onclick "scripts/toggle-osettings.sh && xdg-open https://wiki.hyprland.org &"
+                        "Open the wiki"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('hyprland help social hypr development discord',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-informative"
+                        :onclick "scripts/toggle-osettings.sh xdg-open https://discord.com/invite/hQ9XvMUjjr &"
+                        "Hypr Development Discord"
+                      )
+                    )
+                  )
+                )
+              )
+              ; Calendar
+              (revealer
+                :reveal "${'calendar' == oquery}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :orientation "v"
+                  :space-evenly false
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :spacing 10
+                    (label
+                      :halign "start"
+                      :class "osettings-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "osettings-section"
+                      :text "Calendar"
+                    )
+                  )
+                  (calendar)
+                )
+              )
+              ; Super secret settings
+              (revealer
+                :reveal "${oquery == '!secret' || oquery == '!sekret'}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :orientation "v"
+                  :space-evenly false
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :spacing 10
+                    (label
+                      :halign "start"
+                      :class "osettings-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "osettings-section"
+                      :text "Super secret settings"
+                    )
+                  )
+                  (button
+                    :halign "fill"
+                    :wrap true
+                    :class "osettings-btn osettings-btn-informative"
+                    :onclick "scripts/supersecretsettings/culture &"
+                    "Activate culture mode"
+                  )
+                  (button
+                    :halign "fill"
+                    :wrap true
+                    :class "osettings-btn osettings-btn-informative"
+                    :onclick "scripts/supersecretsettings/doreload &"
+                    "Reset these stuff"
+                  )
+                  (button
+                    :halign "fill"
+                    :wrap true
+                    :class "osettings-btn osettings-btn-destructive"
+                    :onclick "hyprctl keyword bind ,c,exec,wtype k"
+                    "Bekome a KDE developer"
+                  )
+                  (button
+                    :halign "fill"
+                    :wrap true
+                    :class "osettings-btn osettings-btn-destructive"
+                    :onclick "hyprctl keyword unbind ,c"
+                    "Un-become a KDE developer"
+                  )
+                )
+              )
+              ; Waifu
+              ; (revealer
+                ;   :reveal "${oquery == 'uwu' || oquery == 'sex'}"
+                ;   :transition "slidedown"
+                ;   :duration "200ms"
+                ;   (box
+                  ;     :space-evenly false
+                  ;     :orientation "v"
+                  ;     (input
+                    ;       :wrap true
+                    ;       :class "osettings-btn osettings-btn-neutral"
+                    ;       :style "padding: 0 20px;"
+                    ;       :onaccept "python3 scripts/waifupics.py &"
+                    ;       "segs"
+                  ;     )
+                  ;     (box
+                    ;       :valign "center"
+                    ;       :width 400
+                    ;       :height 400
+                    ;       :class "osettings-waifu"
+                    ;       :style "
+                    ;       background-image: url('eww_covers/waifu');
+                    ;       "
+                  ;     )
+                ;   )
+              ; )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+
+(defwindow osettings
+  :wm-ignore true
+  :monitor 0
+  :focusable true
+  :exclusive true
+  :geometry (geometry
+    :x "0px"
+    :y "61px"
+    :height "1019px"
+    :anchor "top left"
+  )
+  (osettings)
+)
+
+(defwidget osettings-button []
+  (eventbox
+    :class "osettings-toggle-button-${rev_ostg}"
+    :onmiddleclick "playerctl play-pause"
+    :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+    :onclick "scripts/toggle-osettings.sh &"
+    :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+    (box
+      :class "module-button-pad-left"
+      (image
+        :path "images/svg/settings.svg"
+        :image-height 33
+        :image-width 33
+      )
+    )
+  )
+)
+
diff --git a/hybrid-summer/.config/eww/windows/overview.yuck b/hybrid-summer/.config/eww/windows/overview.yuck
new file mode 100755
index 000000000..97e99d6db
--- /dev/null
+++ b/hybrid-summer/.config/eww/windows/overview.yuck
@@ -0,0 +1,246 @@
+(defwidget workspacebox [wspace]
+  (box ; Note: height 100px width 356px
+    :class "overview-ws overview-ws-${wspace[0].workspace.id == activews}"
+    (box
+      :space-evenly false
+      :orientation "h"
+      :style "
+      min-width: ${RES_WIDTH * OVERVIEW_SCALE}px;
+      min-height: ${RES_HEIGHT * OVERVIEW_SCALE}px;
+      "
+      (for ws-window in wspace
+        (box
+          :class "${ws-window.class == 'workspace' ? '' : 'overview-ws-window'}"
+          :style "
+          ${ws-window.address == selected ? 'border: 1px solid #FFFFFF' : ''};
+          ${ws-window.address == '_none' ? 'border: none' : ''};
+          margin-left: ${ws-window.at[0] * OVERVIEW_SCALE}px;
+          margin-top: ${ws-window.at[1] * OVERVIEW_SCALE}px;
+          margin-right: -${(ws-window.at[0] + ws-window.size[0]) * OVERVIEW_SCALE}px;
+          margin-bottom: ${RES_HEIGHT * OVERVIEW_SCALE - ((ws-window.at[1] + ws-window.size[1]) * OVERVIEW_SCALE)};
+          "
+          (eventbox
+            :onrightclick "scripts/selectwindow ${ws-window.address} '${EWW_CMD}' ${ws-window.workspace.id}"
+            :onmiddleclick "hyprctl dispatch closewindow address:${ws-window.address}"
+            :onclick "scripts/focuswindow ${ws-window.address} ${ws-window.workspace.id} && scripts/toggle-overview.sh --close &"
+            :onhover "${ws-window.class == 'workspace' ? '' : (EWW_CMD + ' update overview_hover_name=\'' + ws-window + '\'')}"
+            (box
+              :class "overview-background"
+              ; Uncomment below to enable thumbnail previews (VERY SLOW)
+              ; :style "
+              ; background-image: url('scripts/cache/thumbnails/${ws-window.address }.png');
+              ; "
+              (image
+                :class "overview-icon"
+                :path {ws-window.icon}
+                ; :image-width {round(ws-window.size[0] > ws-window.size[1] ? (ws-window.size[1] * 45 / 100 * OVERVIEW_SCALE) : (ws-window.size[0] * 45 / 100 * OVERVIEW_SCALE))}
+                ; :image-height {round(ws-window.size[0] > ws-window.size[1] ? (ws-window.size[1] * 45 / 100 * OVERVIEW_SCALE) : (ws-window.size[0] * 45 / 100 * OVERVIEW_SCALE))}
+                :image-width {round(ws-window.size[0] * OVERVIEW_SCALE * 45 / 100, 0)}
+                :image-height {round(ws-window.size[1] * OVERVIEW_SCALE * 45 / 100, 0)}
+                
+                ; :style "
+                ; background-size: ${ws-window.size[0] > ws-window.size[1] ? 'auto 45%' : '45% auto'};
+                ; background-image: url('${ws-window.icon}')
+                ; ;
+                ; "
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget overview []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :class "thewholething"
+    (eventbox
+      :onclick "scripts/toggle-overview.sh --close &"
+      :onmiddleclick "scripts/toggle-overview.sh --close &"
+      :onrightclick "scripts/toggle-overview.sh --close &"
+      :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    )
+    ; Search bar
+    (overlay
+      (box
+        :class "overview-search-area"
+        :space-evenly false
+        :halign "center"
+        :orientation "v"
+        (input
+          :class "overview-search-box"
+          :onchange "${EWW_CMD} update overview_query=\"{}\" && ${EWW_CMD} update overview_results=\"$(scripts/appsearch '{}')\" &"
+          :onaccept "scripts/launchapp '${overview_results == '[]' ? {} : overview_results[0].exec}' &"
+          :style "
+          border-radius: ${overview_query == '' ? 99 : 20}px;
+          min-width: ${overview_query == '' ? 130 : 445}px;
+          "
+        )
+        (revealer
+          :reveal false
+          :transition "slidedown"
+          (label
+            :text {ICON_GET} ; Dummy to keep listeners active
+          )
+        )
+      )
+      (box
+        :class "overview-search-typetosearch-pad"
+        :space-evenly false
+        :halign "center"
+        :orientation "v"
+        (revealer
+          :reveal "${overview_query == ''}"
+          :duration "0ms"
+          (label
+            :class "overview-search-typetosearch-text"
+            :xalign 0
+            :text "Type to search"
+          )
+        )
+      )
+    )
+    ; The overview
+    (eventbox
+      :onhoverlost `eww update overview_hover_name='{"class":"LMB: Focus | MMB: Close | RMB: Select/Move","title":"Activities Overview","workspace":{"id":5,"name":"5"},"icon": "/usr/share/icons/breeze-dark/actions/16/window.svg"}' &`
+      :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+      (revealer
+        :reveal "${overview_query == ''}"
+        :transition "slidedown"
+        :duration "${overview_query == '' ? '200ms cubic-bezier(0.05, 0.7, 0.1, 1)' : '100ms cubic-bezier(0.3, 0, 0.8, 0.15)'}"
+        :style "
+        transition: ${overview_query == '' ? '200ms cubic-bezier(0.05, 0.7, 0.1, 1)' : '100ms cubic-bezier(0.3, 0, 0.8, 0.15)'};
+        "
+        (revealer
+          :reveal "${overview_query == ''}"
+          :transition "crossfade"
+          :duration "${overview_query == '' ? '200ms cubic-bezier(0.05, 0.7, 0.1, 1)' : '100ms cubic-bezier(0.3, 0, 0.8, 0.15)'}"
+          :style "
+          transition: ${overview_query == '' ? '200ms cubic-bezier(0.05, 0.7, 0.1, 1)' : '100ms cubic-bezier(0.3, 0, 0.8, 0.15)'};
+          "
+          (box
+            :space-evenly false
+            :orientation "v"
+            :class "overview-window"
+            ; :space-evenly false
+            ; (label :text "${wsjsona}")
+            ; (label :text "${selected}")
+            (centerbox
+              :class "overview-window-title"
+              (label :halign "start" :style "margin: 5px;" :text "${overview_hover_name.class}")
+              (box
+                :space-evenly false
+                :orientation "h"
+                (image
+                  :class "overview-topbar-icon overview-icon"
+                  :path {overview_hover_name.icon}
+                  :image-height 30
+                  :image-width 30
+                  ; :style "
+                  ; background-image: url('${overview_hover_name.icon}');
+                  ; "
+                )
+                (label :text "${overview_hover_name.title}")
+              )
+              (button
+                :halign "end"
+                :class "overview-topbar-button"
+                :onclick "scripts/toggle-overview.sh --close"
+                (label :text "")
+              )
+            )
+            (box
+              :orientation "h"
+              (for wspace in wsjsona
+                (workspacebox
+                  :wspace {wspace}
+                )
+              )
+            )
+            (box
+              :orientation "h"
+              (for wspace in wsjsonb
+                (workspacebox
+                  :wspace {wspace}
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+    ; Search Results
+    (box
+      :class "overview-search-area"
+      :space-evenly false
+      :halign "center"
+      :orientation "v"
+      (revealer
+        :reveal "${overview_query != ''}"
+        :transition "slidedown"
+        :duration "${overview_query == '' ? '100ms cubic-bezier(0.3, 0, 0.8, 0.15)' : '200ms cubic-bezier(0.05, 0.7, 0.1, 1)'}"
+        :style "
+        transition: ${overview_query == '' ? '100ms cubic-bezier(0.3, 0, 0.8, 0.15)' : '200ms cubic-bezier(0.05, 0.7, 0.1, 1)'};
+        "
+        (revealer
+          :reveal "${overview_query != ''}"
+          :transition "crossfade"
+          :duration "${overview_query == '' ? '100ms cubic-bezier(0.3, 0, 0.8, 0.15)' : '200ms cubic-bezier(0.05, 0.7, 0.1, 1)'}"
+          :style "
+          transition: ${overview_query == '' ? '100ms cubic-bezier(0.3, 0, 0.8, 0.15)' : '200ms cubic-bezier(0.05, 0.7, 0.1, 1)'};
+          "
+          (scroll
+            :width 502
+            :height 547
+            (box
+              :halign "center"
+              :orientation "v"
+              :class "overview-results"
+              :spacing 2
+              :space-evenly false
+              (for entry in overview_results
+                (overlay
+                  :orientation "h"
+                  :space-evenly false
+                  (input
+                    :value "${entry.name}"
+                    :class "overview-search-result"
+                    :onaccept "scripts/launchapp '${entry.exec}' &"
+                  )
+                  (image
+                    :halign "start"
+                    :class "overview-search-result-icon"
+                    :path {(entry.icon != '_letter' && entry.icon != '') ? entry.icon : 'images/svg/dark/app.svg'}
+                    :image-width 33
+                    :image-height 33
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow overview
+  :stacking "overlay"
+  :focusable true
+  :wm-ignore true
+  :monitor 0
+  :geometry (geometry
+    ; :height 1080
+    ; :width 1920
+    :y "153px"
+    :anchor "top center"
+    ; :y "0px"
+    ; :anchor "center center"
+  )
+  ; (testing)
+  (overview)
+)
+
diff --git a/hybrid-summer/.config/eww/windows/system-menu.yuck b/hybrid-summer/.config/eww/windows/system-menu.yuck
new file mode 100755
index 000000000..575e29f30
--- /dev/null
+++ b/hybrid-summer/.config/eww/windows/system-menu.yuck
@@ -0,0 +1,187 @@
+(defwidget system-menu []
+  (eventbox
+    :onhoverlost "${EWW_CMD} close system-menu"
+    (box
+      :class "system-menu-box"
+      :space-evenly false
+      :orientation "v"
+      (box
+        :class "module"
+        :space-evenly false
+        :spacing 5
+        :halign "end"
+        (syscpu)
+        (sysmem)
+        (sysbatt)
+        (settingscog)
+      )
+      (box
+        :class "top-row"
+        :space-evenly false
+        (label :class "time" :text "${time.hour}:${time.minute}")
+        (box
+          :class "date-box"
+          :space-evenly false
+          (label :class "date" :text "${time.day},")
+          (label :class "date" :text "${time.date}")
+        )
+      )
+      
+      (box
+        :class "system-row"
+        :space-evenly false
+        (box
+          :class "wifi-box"
+          :space-evenly false
+          :orientation "v"
+          (box
+            :class "element icon"
+            :space-evenly false
+            (button
+              :class "wifi-button"
+              :onclick "scripts/net toggle"
+              {net.icon}
+            )
+            (label :class "separator" :text "|")
+            (button
+              :class "wifi-arrow-btn"
+              :onclick "eww close system-menu && nm-connection-editor &"
+              ""
+            )
+          )
+          (label :text {net.essid} :xalign 0.5 :limit-width 15)
+        )
+        
+        (box
+          :class "bluetooth-box"
+          :space-evenly false
+          :orientation "v"
+          (box
+            :class "element icon"
+            :space-evenly false
+            (button
+              :class "bluetooth-button"
+              :onclick "scripts/bluetooth toggle"
+              {bluetooth.icon}
+            )
+            (label :class "separator" :text "|")
+            (button
+              :class "bluetooth-arrow-btn"
+              :onclick "eww close system-menu && blueberry"
+              ""
+            )
+          )
+          (label
+            :text {bluetooth.text}
+            :xalign 0.5
+            :tooltip "${bluetooth.text} ${bluetooth.batt_icon}"
+            :limit-width 15
+          )
+        )
+        
+        (box
+          :class "airplane-box"
+          :space-evenly false
+          :orientation "v"
+          (box
+            :class "element"
+            (button
+              :class "airplane-button"
+              :onclick "scripts/airplane toggle"
+              airplane
+            )
+          )
+          (label :text "Airplane Mode" :xalign 0.5 :limit-width 16)
+        )
+        
+        (box
+          :space-evenly false
+          :orientation "v"
+          (box
+            :class "element"
+            (button
+              :halign "end"
+              ; :onclick "wlogout -p layer-shell &"
+              :onclick "wlogout"
+              ""
+            )
+          )
+          (label
+            :text "Power"
+            :xalign 0.5
+            :limit-width 16
+          )
+        )
+      )
+      (audiolevels)
+      (box
+        :class "system-info-box"
+        
+        ; cpu
+        (box
+          :class "sys-box"
+          :space-evenly false
+          :halign "start"
+          (circular-progress
+            :value "${EWW_CPU.avg}"
+            :class "sys-cpu"
+            :thickness 3
+            (label
+              :text ""
+            :class "sys-icon-cpu icon"))
+          (box
+            :orientation "v"
+            :vexpand false
+            (label
+              :text "CPU"
+              :halign "start"
+            :class "sys-text-cpu")
+            (label
+              :text "${round(EWW_CPU.avg,2)}%"
+              :halign "start"
+            :class "sys-text-sub")
+            (label
+              :text "${EWW_CPU.cores[0].freq} MHz"
+              :halign "start"
+            :class "sys-text-sub")))
+        
+        ; memory
+        (box
+          :class "sys-box"
+          :space-evenly false
+          :halign "end"
+          (circular-progress
+            :value {memory.percentage}
+            :class "sys-mem"
+            :thickness 3
+            (label
+              :text ""
+              :class "sys-icon-mem icon"
+            )
+          )
+          (box
+            :orientation "v"
+            (label :text "Memory" :halign "start" :class "sys-text-mem")
+            (label :text "${memory.used} / ${memory.total}" :halign "start" :class "sys-text-sub")
+            (label :text "Swap ${memory.swapused} / ${memory.swaptotal}" :halign "start" :class "sys-text-sub")
+          )
+        )
+      )
+    )
+  )
+)
+
+;; windows
+(defwindow system-menu
+  :wm-ignore true
+  :monitor 0
+  ; :focusable true
+  :geometry (geometry
+    :x "0"
+    :y "0"
+    :width "0%"
+    :height "0%"
+  :anchor "right top")
+  (system-menu)
+)
+
diff --git a/hybrid-summer/.config/eww/windows/themer.yuck b/hybrid-summer/.config/eww/windows/themer.yuck
new file mode 100755
index 000000000..02e933c03
--- /dev/null
+++ b/hybrid-summer/.config/eww/windows/themer.yuck
@@ -0,0 +1,186 @@
+(defwidget themer_widget []
+  (box
+    :orientation "v"
+    :space-evenly false
+    :halign "fill"
+    :valign "fill"
+    (eventbox
+      :onclick "scripts/toggle-themer.sh --close &"
+      (box
+        :style "
+        ${rev_themer ? '' : 'margin-top: -600px;'}
+        ${anim_open_themer ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+        min-height: 1px;
+        "
+      )
+    )
+    (eventbox
+      ; :onhoverlost "${EWW_CMD} close themer && ${EWW_CMD} update themer_open=false"
+      (box
+        :space-evenly false
+        :orientation "h"
+        :class "themer-menu-box"
+        :style "
+        ${rev_themer ? '' : 'margin-top: -600px;'}
+        ${anim_open_themer ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+        "
+        (box
+          :space-evenly false :orientation "v"
+          (box
+            :style "padding-left: 10px; padding-right: 10px; padding-top: 10px; font-size: 15pt;"
+            :valign "start"
+            :space-evenly false
+            :spacing 4
+            (button
+              :class "themer-action-button themer-get"
+              :onclick "scripts/colormanage get &"
+              ""
+            )
+            (button
+              :class "themer-action-button themer-restore"
+              :onclick "scripts/colormanage default &"
+              ""
+            )
+            (button
+              :class "themer-action-button"
+              :onclick "scripts/togglelight light &"
+              :tooltip "Light mode (for generating new themes)"
+              ""
+            )
+            (button
+              :class "themer-action-button"
+              :onclick "scripts/togglelight dark &"
+              :tooltip "Dark mode (for generating new themes)"
+              ""
+            )
+          )
+          (label
+            :class "themer-title"
+            :text "Color profiles"
+            :xalign 0
+          )
+          (box
+            :space-evenly false
+            :orientation "h"
+            :halign "center"
+            (label
+              :hexpand true
+              :class "themer-prompt"
+              :text "Save "
+            )
+            (input
+              :class "themer-input"
+              :onaccept "scripts/colormanage save {}"
+            )
+          )
+          (box
+            :halign "center"
+            :space-evenly false
+            :orientation "h"
+            (label
+              :hexpand true
+              :class "themer-prompt"
+              :text "Load "
+            )
+            (input
+              :class "themer-input"
+              :onaccept "scripts/colormanage load {}"
+            )
+          )
+        )
+        ; colors
+        (box
+          :space-evenly false :orientation "v"
+          (label
+            :class "themer-title"
+            :text "Pywal Colors"
+            :xalign 0
+          )
+          (box
+            :spacing 3
+            :orientation "h"
+            :style "padding: 7px;"
+            (box :class "themer-color-preview preview-0" )
+            (box :class "themer-color-preview preview-1" )
+            (box :class "themer-color-preview preview-2" )
+            (box :class "themer-color-preview preview-3" )
+            (box :class "themer-color-preview preview-4" )
+            (box :class "themer-color-preview preview-5" )
+            (box :class "themer-color-preview preview-6" )
+            (box :class "themer-color-preview preview-7" )
+          )
+          (label
+            :class "themer-title"
+            :text "Primary, secondary"
+            :xalign 0
+          )
+          (box
+            :spacing 3
+            :orientation "h"
+            :style "padding: 7px;"
+            (box :class "themer-color-preview preview-primary" )
+            (box :class "themer-color-preview preview-onPrimary" )
+            (box :class "themer-color-preview preview-primaryContainer" )
+            (box :class "themer-color-preview preview-onPrimaryContainer" )
+            (box :class "themer-color-preview preview-secondary" )
+            (box :class "themer-color-preview preview-onSecondary" )
+            (box :class "themer-color-preview preview-secondaryContainer" )
+            (box :class "themer-color-preview preview-onSecondaryContainer" )
+          )
+          (label
+            :class "themer-title"
+            :text "Tertiary, bg, surface"
+            :xalign 0
+          )
+          (box
+            :spacing 3
+            :orientation "h"
+            :style "padding: 7px;"
+            (box :class "themer-color-preview preview-tertiary" )
+            (box :class "themer-color-preview preview-onTertiary" )
+            (box :class "themer-color-preview preview-tertiaryContainer" )
+            (box :class "themer-color-preview preview-onTertiaryContainer" )
+            (box :class "themer-color-preview preview-background" )
+            (box :class "themer-color-preview preview-onBackground" )
+            (box :class "themer-color-preview preview-surface" )
+            (box :class "themer-color-preview preview-onSurface" )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow themer
+  :wm-ignore true
+  :stacking "overlay"
+  :monitor 0
+  :geometry (geometry
+    :x "400px"
+    :y "61px"
+    :anchor "top right"
+    ; :width "0px"
+    ; :height "0px"
+  )
+  :focusable true
+  (themer_widget)
+)
+
+(defwidget themer []
+  (eventbox
+    :onscroll "hyprctl dispatch splitratio $(echo {} | sed -e \"s/up/-0.1/g\" -e \"s/down/+0.1/g\")"
+    :onhover "${EWW_CMD} update themer_hover=true"
+    :onhoverlost "${EWW_CMD} update themer_hover=false"
+    :class "osettings-toggle-button-${rev_themer}"
+    :onclick "scripts/toggle-themer.sh &"
+    (box
+      :class "module-button-pad-center"
+      :style "min-width: 53px;"
+      (image
+        :path "images/svg/beatmappacks.svg"
+        :image-width 33
+        :image-height 33
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/windows/win-workspace.yuck b/hybrid-summer/.config/eww/windows/win-workspace.yuck
new file mode 100755
index 000000000..2ca19625f
--- /dev/null
+++ b/hybrid-summer/.config/eww/windows/win-workspace.yuck
@@ -0,0 +1,13 @@
+(defwindow win-workspace
+  :wm-ignore true
+  :focusable false
+  :monitor 0
+  :geometry (geometry
+    :x "0%"
+    :y "53px"
+    :width "0%"
+    :height "0%"
+    :anchor "top center"
+  )
+  (win-ws)
+)
diff --git a/hybrid-summer/.config/eww/windows/winactions.yuck b/hybrid-summer/.config/eww/windows/winactions.yuck
new file mode 100755
index 000000000..758cb2928
--- /dev/null
+++ b/hybrid-summer/.config/eww/windows/winactions.yuck
@@ -0,0 +1,154 @@
+(defwidget winacts []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :style "
+    ${anim_open_winactions ? 'transition: 150ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_winactions ? '' : 'margin-bottom: -700px;'}
+    "
+    (eventbox
+      :onclick "scripts/toggle-winactions.sh --close &"
+      :onmiddleclick "scripts/toggle-winactions.sh --close &"
+      :onrightclick "scripts/toggle-winactions.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 1px;"
+      )
+    )
+    (box
+      :class "winwin-top"
+      :space-evenly false
+      :orientation "v"
+      ; Row 1: Network, Bluetooth, Airplane
+      (box
+        :class "winactions-togglerow"
+        :space-evenly false
+        (box :orientation "v" :space-evenly false
+          (box
+            :class "winactions-toggle winactions-toggle-${net.level != '0' && net.essid != 'lo'}"
+            :orientation "h"
+            (button
+              :onclick "scripts/net toggle"
+              :class "winactions-toggle-icon winactions-toggle-icon-left winwifi${net.level}${net.essid != 'lo' ? '-activated' : ''}"
+            )
+            (button
+              :onclick "gnome-control-center wifi &"
+              :class "winactions-toggle-icon winactions-toggle-arrow${(net.essid != 'lo') ? '-activated' : ''}"
+            )
+          )
+          (label :class "wintoggle-text" :text "${net.essid}")
+        )
+        (box :orientation "v" :space-evenly false
+          (box
+            :class "winactions-toggle winactions-toggle${bluetooth.text == 'Bluetooth off' ? '' : '-true'}"
+            :orientation "h"
+            (button
+              :onclick "scripts/bluetooth toggle &"
+              :class "winactions winactions-toggle-icon-left winbluetooth${bluetooth.text == 'Disconnected' ? '' : (bluetooth.text == 'Bluetooth off' ? '-false' : '-true')}"
+            )
+            (button
+              :onclick "blueberry &"
+              :class "winactions-toggle-icon-right winactions-toggle-arrow${bluetooth.text == 'Bluetooth off' ? '' : '-activated'}"
+            )
+          )
+          (label :class "wintoggle-text" :text "${bluetooth.text}")
+        )
+        (box :orientation "v" :space-evenly false
+          (box
+            :class "winactions-toggle winactions-toggle-center"
+            (button
+              :onclick "scripts/airplane toggle &"
+              :class "winactions-toggle-icon winactions-toggle-icon-center winactions-airplane"
+            )
+          )
+          (label :class "wintoggle-text" :text "Flight Mode")
+        )
+      )
+      ; Row 2: Night light
+      (box
+        :class "winactions-togglerow"
+        :space-evenly false
+        (box
+          :orientation "v" :space-evenly false
+          (box
+            :class "winactions-toggle winactions-toggle-center winactions-toggle-${hyprjson.nightlight}"
+            (button
+              :onclick "scripts/toggle-nightlight.sh &"
+              :class "winactions-toggle-icon winactions-toggle-icon-center winactions-nightlight${hyprjson.nightlight ? '-activated' : ''}"
+            )
+          )
+          (label :class "wintoggle-text" :text "Night Light")
+        )
+      )
+      (box :height 30)
+      ; Slider 1: brightness
+      (box
+        :space-evenly false
+        :orientation "h"
+        :class "winactions-sliderrow "
+        (box :class "winicon winbrightness winactions-element")
+        (scale
+          :value "${brightness.level}"
+          :onchange "light -S {}"
+          :class "winslider winslider-winactions"
+        )
+      )
+      ; Slider 1: Volume
+      (box
+        :space-evenly false
+        :orientation "h"
+        :class "winactions-sliderrow"
+        (button
+          :class "winicon winvol${volume.audio == 1 ? round(volume.percent / 33, 0) : 'mute'} winactions-element"
+          :onclick "scripts/volume mute SINK &"
+        )
+        (scale
+          :value "${volume.percent}"
+          :onchange "scripts/volume setvol SINK {}"
+          :class "winslider winslider-winactions"
+        )
+      )
+    )
+    (box
+      :class "winwin-bottom"
+      :space-evenly false
+      :orientation "v"
+      (centerbox
+        :space-evenly false
+        :orientation "h"
+        :class "winwin-bottom-pad"
+        (button
+          :class "winactions-bottom-button"
+          :halign "start"
+          :style "padding: 0 13px;"
+          :onclick "scripts/toggle-winactions.sh --close power &"
+          (box
+            :space-evenly false
+            :orientation "h"
+            (box :class "winicon winbat${round(battery.percentage / 10, 0)}")
+            (label :class "wintoggle winbartext" :text "${battery.percentage}%")
+          )
+        )
+        (box)
+        (box
+          (button
+            :halign "end"
+            :onclick "scripts/toggle-winactions.sh --close settings &"
+            :class "winactions-bottom-button wincog winicon"
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow winactions
+  :wm-ignore true
+  :monitor 0
+  :focusable true
+  :geometry (geometry
+    :x "0px"
+    :y "50px"
+    :anchor "bottom right"
+  )
+  (winacts)
+)
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/windows/wingamebar.yuck b/hybrid-summer/.config/eww/windows/wingamebar.yuck
new file mode 100755
index 000000000..55d5cf8af
--- /dev/null
+++ b/hybrid-summer/.config/eww/windows/wingamebar.yuck
@@ -0,0 +1,388 @@
+(defwidget wingamebarwidget []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :class "thewholething"
+    :height 1080
+    :width 1920
+    (overlay
+      (box
+        :height 1080
+        :width 1920
+        :class "wingamebar-overlay"
+      )
+      ; Controls
+      (eventbox
+        :onclick "scripts/toggle-wingamebar.sh --close"
+        :onrightclick "scripts/toggle-wingamebar.sh --close"
+        :onmiddleclick "scripts/toggle-wingamebar.sh --close"
+        (box :space-evenly false
+          :style "
+          margin-left: ${RES_WIDTH / 2 + ((gamebarwidgets.controls.at[0] - (RES_WIDTH / 2)) * (rev_wingamebar ? 1 : 1.03)) - (gamebarwidgets.controls.size[0] / 2)};
+          margin-top: ${RES_HEIGHT / 2 + ((gamebarwidgets.controls.at[1] - (RES_HEIGHT / 2)) * (rev_wingamebar ? 1 : 1.03)) - (gamebarwidgets.controls.size[1] / 2)};
+          margin-right: ${RES_WIDTH - (RES_WIDTH / 2 + ((gamebarwidgets.controls.at[0] - (RES_WIDTH / 2)) * (rev_wingamebar ? 1 : 1.03)) + (gamebarwidgets.controls.size[0] / 2))};
+          margin-bottom: ${RES_HEIGHT - (RES_HEIGHT / 2 + ((gamebarwidgets.controls.at[1] - (RES_HEIGHT / 2)) * (rev_wingamebar ? 1 : 1.03)) + (gamebarwidgets.controls.size[1] / 2))};
+          "
+          :class "wingamebar-window"
+          :halign "center"
+          (box :space-evenly false :orientation "h"
+            :class "wingamebar-control-sidesection-left"
+            (button
+              :class "wingamebar-control-button"
+              (label :class "win-segoeicon wingamebar-control-button" :text "")
+            )
+          )
+          (box
+            :class "wingamebar-control-appsection"
+            (button
+              :class "wingamebar-control-button-active"
+              (label :class "win-segoeicon wingamebar-control-button" :text "")
+            )
+            (button
+              :class "wingamebar-control-button-active"
+              (label :class "win-segoeicon wingamebar-control-button" :text "")
+            )
+            (button
+              :class "wingamebar-control-button-active"
+              (label :class "win-segoeicon wingamebar-control-button" :text "")
+            )
+          )
+          (box :space-evenly false :orientation "h"
+            :class "wingamebar-control-sidesection-right"
+            (label :class "wingamebar-text wingamebar-text-clock" :text {time12})
+          )
+        )
+      )
+      ; Capture
+      (box
+        :style "
+        margin-left: ${RES_WIDTH / 2 + ((gamebarwidgets.capture.at[0] - (RES_WIDTH / 2)) * (rev_wingamebar ? 1 : 1.03)) - (gamebarwidgets.capture.size[0] / 2)};
+        margin-top: ${RES_HEIGHT / 2 + ((gamebarwidgets.capture.at[1] - (RES_HEIGHT / 2)) * (rev_wingamebar ? 1 : 1.03)) - (gamebarwidgets.capture.size[1] / 2)};
+        margin-right: ${RES_WIDTH - (RES_WIDTH / 2 + ((gamebarwidgets.capture.at[0] - (RES_WIDTH / 2)) * (rev_wingamebar ? 1 : 1.03)) + (gamebarwidgets.capture.size[0] / 2))};
+        margin-bottom: ${RES_HEIGHT - (RES_HEIGHT / 2 + ((gamebarwidgets.capture.at[1] - (RES_HEIGHT / 2)) * (rev_wingamebar ? 1 : 1.03)) + (gamebarwidgets.capture.size[1] / 2))};
+        "
+        :class "wingamebar-window"
+        :orientation "v" :space-evenly false
+        (centerbox
+          :class "wingamebar-titlebar"
+          :valign "start" :height 33
+          (box
+            :space-evenly false :spacing 10
+            (label :xalign 0 :class "wingamebar-icon" :text "")
+            (label :xalign 0 :class "wingamebar-text" :text "Capture")
+          )
+          (box)
+          (label :halign "end" :xalign 1 :class "wingamebar-title" :text "")
+        )
+        (box
+          :class "wingamebar-capture"
+          :space-evenly false :spacing 21
+          (button
+            :valign "start"
+            :class "wingamebar-capture-button wingamebar-button"
+            :onclick "scripts/toggle-wingamebar.sh --close && grim ~/Pictures/Screenshots/screenshot_$(date '+%Y_%m_%_d..%H.%M').png &"
+            (label :class "win-segoeicon" :text "")
+          )
+          (button
+            :valign "start"
+            :class "wingamebar-capture-button-unavailable"
+            (label :class "win-segoeicon" :text "")
+          )
+          (button
+            :valign "start"
+            :class "wingamebar-capture-button wingamebar-button"
+            :onclick "scripts/toggle-wingamebar.sh --close && ~/.local/bin/record-script.sh &"
+            (label :class "win-segoeicon" :text "")
+          )
+          (button
+            :valign "start"
+            :class "wingamebar-capture-button wingamebar-button"
+            (label :class "win-segoeicon" :text "")
+          )
+        )
+        (label :xalign 0 :class "wingamebar-content wingamebar-text wingamebar-subtext" :text {awin.title} :limit-width 38)
+        (eventbox
+          :class "wingamebar-button-pad"
+          :onclick "scripts/toggle-wingamebar.sh --close && xdg-open ~/Videos &"
+          (box
+            :class "wingamebar-content wingamebar-capture-bottom"
+            :space-evenly false :spacing 8
+            (label :class "win-segoeicon" :text "")
+            (label :class "wingamebar-text" :text "See my captures")
+          )
+        )
+      )
+      ; Autio
+      (box
+        :style "
+        margin-left: ${RES_WIDTH / 2 + ((gamebarwidgets.audio.at[0] - (RES_WIDTH / 2)) * (rev_wingamebar ? 1 : 1.03)) - (gamebarwidgets.audio.size[0] / 2)};
+        margin-top: ${RES_HEIGHT / 2 + ((gamebarwidgets.audio.at[1] - (RES_HEIGHT / 2)) * (rev_wingamebar ? 1 : 1.03)) - (gamebarwidgets.audio.size[1] / 2)};
+        margin-right: ${RES_WIDTH - (RES_WIDTH / 2 + ((gamebarwidgets.audio.at[0] - (RES_WIDTH / 2)) * (rev_wingamebar ? 1 : 1.03)) + (gamebarwidgets.audio.size[0] / 2))};
+        margin-bottom: ${RES_HEIGHT - (RES_HEIGHT / 2 + ((gamebarwidgets.audio.at[1] - (RES_HEIGHT / 2)) * (rev_wingamebar ? 1 : 1.03)) + (gamebarwidgets.audio.size[1] / 2))};
+        "
+        :orientation "v" :space-evenly false
+        :class "wingamebar-window"
+        (centerbox
+          :class "wingamebar-titlebar"
+          :valign "start" :height 33
+          (box
+            :space-evenly false :spacing 10
+            (label :xalign 0 :class "wingamebar-icon" :text "")
+            (label :xalign 0 :class "wingamebar-text" :text "Audio")
+          )
+          (box)
+          (label :halign "end" :xalign 1 :class "wingamebar-title" :text "")
+        )
+        ; Select audio/mic
+        (box
+          :space-evenly false :orientation "h"
+          :class "wingamebar-navbar"
+          (button
+            :class "wingamebar-navbar-button"
+            (label :class "wingamebar-text" :text "MIX")
+          )
+        )
+        ; System volume
+        (box
+          :space-evenly false :orientation "v"
+          :class "wingamebar-audio-sys"
+          (label :xalign 0 :class "wingamebar-text wingamebar-text-small wingamebar-subtext"
+            :text "DEFAULT  OUTPUT"
+          )
+          (label :xalign 0 :class "wingamebar-text" :style "padding-top: 21px; padding-bottom: 7px;"
+            :text {audiodevice} :limit-width 37
+          )
+          (box
+            :space-evenly false :orientation "h"
+            (button
+              :class "winicon winvol${volume.audio == 1 ? round(volume.percent / 33, 0) : 'mute'}"
+              :onclick "scripts/volume mute SINK &"
+            )
+            (scale
+              :value "${volume.percent}"
+              :onchange "scripts/volume setvol SINK {}"
+              :class "winslider winslider-gamebar-sys"
+            )
+          )
+        )
+        ; (scroll
+          ;   :height 576
+          (box
+            :space-evenly false :orientation "v"
+            (for app in audiojson
+              (box
+                :orientation "v" :space-evenly false :spacing 17
+                :style "margin-top: 17px;"
+                (for ser in {app["volume"]}
+                  (eventbox
+                    :onscroll "pactl set-sink-input-volume ${ser[0]} $(echo {} | sed -e \"s/up/+5/g\" -e \"s/down/-5/g\")%"
+                    :onrightclick "pactl set-sink-input-volume ${ser[0]} 100%"
+                    :onclick "pactl set-sink-input-volume ${ser[0]} 0%"
+                    (box :orientation "h" :space-evenly false :spacing 17
+                      (image :class "wingamebar-audio-appicon" :image-width 37 :image-height 37
+                        :path {app.icon}
+                      )
+                      (box :space-evenly false :orientation "v"
+                        (label :xalign 0 :class "wingamebar-text" :text "${app.name} #${ser[0]}")
+                        (box
+                          :space-evenly false :orientation "h"
+                          (button
+                            :class "winicon winvol${round((ser[1] < 100 ? ser[1] : 100) / 33, 0)}"
+                            :style "margin-right: 2px;"
+                          )
+                          (scale
+                            :value {ser[1] <= 100 ? ser[1] : 100}
+                            :onchange "pactl set-sink-input-volume ${ser[0]} {}%"
+                            :class "winslider winslider-gamebar-app"
+                          )
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          ; )
+        )
+      )
+      ; Performancee
+      (box :orientation "v" :space-evenly false
+        :style "
+        margin-left: ${RES_WIDTH / 2 + ((gamebarwidgets.performance.at[0] - (RES_WIDTH / 2)) * (rev_wingamebar ? 1 : 1.03)) - (gamebarwidgets.performance.size[0] / 2)};
+        margin-top: ${RES_HEIGHT / 2 + ((gamebarwidgets.performance.at[1] - (RES_HEIGHT / 2)) * (rev_wingamebar ? 1 : 1.03)) - (gamebarwidgets.performance.size[1] / 2)};
+        margin-right: ${RES_WIDTH - (RES_WIDTH / 2 + ((gamebarwidgets.performance.at[0] - (RES_WIDTH / 2)) * (rev_wingamebar ? 1 : 1.03)) + (gamebarwidgets.performance.size[0] / 2))};
+        margin-bottom: ${RES_HEIGHT - (RES_HEIGHT / 2 + ((gamebarwidgets.performance.at[1] - (RES_HEIGHT / 2)) * (rev_wingamebar ? 1 : 1.03)) + (gamebarwidgets.performance.size[1] / 2))};
+        "
+        :class "wingamebar-window"
+        (centerbox
+          :class "wingamebar-titlebar"
+          :valign "start" :height 33
+          (box
+            :space-evenly false :spacing 10
+            (label :xalign 0 :class "wingamebar-icon" :text "")
+            (label :xalign 0 :class "wingamebar-text" :text "Performance")
+          )
+          (box)
+          (label :halign "end" :xalign 1 :class "wingamebar-title" :text "")
+        )
+        (box :orientation "h" :space-evenly false
+          (box :orientation "v" :space-evenly false
+            :class "wingamebar-performance-metricscolumn"
+            (button
+              :class "wingamebar-performance-metric-${resource_metric == 'cpu'}"
+              :onclick "${EWW_CMD} update resource_metric='cpu' &"
+              (label :xalign 0 :class "wingamebar-text"
+                :text "CPU ${round(EWW_CPU.avg, 0)}%"
+              )
+            )
+            (button
+              :class "wingamebar-performance-metric-${resource_metric == 'ram'}"
+              :onclick "${EWW_CMD} update resource_metric='ram' &"
+              (label :xalign 0 :class "wingamebar-text"
+                :text "RAM ${round(memory.percentage, 0)}%"
+              )
+            )
+            (button
+              :class "wingamebar-performance-metric-${resource_metric == 'swap'}"
+              :onclick "${EWW_CMD} update resource_metric='swap' &"
+              (label :xalign 0 :class "wingamebar-text"
+                :text "SWAP ${round(memory.swappercentage, 0)}%"
+              )
+            )
+          )
+          ; Graph
+          (box :width 236 :height 191 :space-evenly false
+            :class "wingamebar-performance-grapharea"
+            (revealer :reveal {resource_metric == 'cpu'}
+              :transition "slideright" :duration "0ms"
+              (overlay
+                (box
+                  :width 236 :height 191
+                  :orientation "v" :space-evenly false
+                  :class "wingamebar-performance-graph-graphpad"
+                  (graph
+                    :width 202 :height 117
+                    :class "wingamebar-graph"
+                    :value {round(EWW_CPU.avg, 0)}
+                    :thickness 3
+                    :time-range "30s"
+                    :line-style "round"
+                  )
+                )
+                (centerbox
+                  :width 236 :height 191
+                  :orientation "v" :space-evenly false
+                  :class "wingamebar-performance-graphpad"
+                  (box :space-evenly false :orientation "v"
+                    (centerbox
+                      (label :xalign 0 :class "wingamebar-text wingamebar-text-bigmetric" :text "${round(EWW_CPU.avg, 0)}%")
+                      (box)
+                      (label :xalign 1 :yalign 0 :class "wingamebar-text wingamebar-text-small" :text "100")
+                    )
+                    (label :xalign 0 :class "wingamebar-text wingamebar-subtext wingamebar-text-small" :text "${EWW_CPU['cores'][0]['freq']} MHz")
+                  )
+                  (box)
+                  (centerbox
+                    :valign "end"
+                    (label :xalign 0 :class "wingamebar-text wingamebar-subtext wingamebar-text-small" :text "30 SECONDS")
+                    (box)
+                    (label :xalign 1 :yalign 1 :class "wingamebar-text wingamebar-text-small" :text "0")
+                  )
+                )
+              )
+            )
+            (revealer :reveal {resource_metric == 'ram'}
+              :transition "slideright" :duration "0ms"
+              (overlay
+                (box
+                  :width 236 :height 191
+                  :orientation "v" :space-evenly false
+                  :class "wingamebar-performance-graph-graphpad"
+                  (graph
+                    :width 202 :height 117
+                    :class "wingamebar-graph"
+                    :value {round(memory.percentage, 0)}
+                    :thickness 3
+                    :time-range "30s"
+                    :line-style "round"
+                  )
+                )
+                (centerbox
+                  :width 236 :height 191
+                  :orientation "v" :space-evenly false
+                  :class "wingamebar-performance-graphpad"
+                  (box :space-evenly false :orientation "v"
+                    (centerbox
+                      (label :xalign 0 :class "wingamebar-text wingamebar-text-bigmetric" :text "${round(memory.percentage, 0)}%")
+                      (box)
+                      (label :xalign 1 :yalign 0 :class "wingamebar-text wingamebar-text-small" :text "100")
+                    )
+                    (label :xalign 0 :class "wingamebar-text wingamebar-subtext wingamebar-text-small" :text "${memory.used}b")
+                  )
+                  (box)
+                  (centerbox
+                    :valign "end"
+                    (label :xalign 0 :class "wingamebar-text wingamebar-subtext wingamebar-text-small" :text "30 SECONDS")
+                    (box)
+                    (label :xalign 1 :yalign 1 :class "wingamebar-text wingamebar-text-small" :text "0")
+                  )
+                )
+              )
+            )
+            (revealer :reveal {resource_metric == 'swap'}
+              :transition "slideright" :duration "0ms"
+              (overlay
+                (box
+                  :width 236 :height 191
+                  :orientation "v" :space-evenly false
+                  :class "wingamebar-performance-graph-graphpad"
+                  (graph
+                    :width 202 :height 117
+                    :class "wingamebar-graph"
+                    :value {round(memory.swappercentage, 0)}
+                    :thickness 3
+                    :time-range "30s"
+                    :line-style "round"
+                  )
+                )
+                (centerbox
+                  :width 236 :height 191
+                  :orientation "v" :space-evenly false
+                  :class "wingamebar-performance-graphpad"
+                  (box :space-evenly false :orientation "v"
+                    (centerbox
+                      (label :xalign 0 :class "wingamebar-text wingamebar-text-bigmetric" :text "${round(memory.swappercentage, 0)}%")
+                      (box)
+                      (label :xalign 1 :yalign 0 :class "wingamebar-text wingamebar-text-small" :text "100")
+                    )
+                    (label :xalign 0 :class "wingamebar-text wingamebar-subtext wingamebar-text-small" :text "${memory.swapused}b")
+                  )
+                  (box)
+                  (centerbox
+                    :valign "end"
+                    (label :xalign 0 :class "wingamebar-text wingamebar-subtext wingamebar-text-small" :text "30 SECONDS")
+                    (box)
+                    (label :xalign 1 :yalign 1 :class "wingamebar-text wingamebar-text-small" :text "0")
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow wingamebar
+  :stacking "overlay"
+  :focusable true
+  :wm-ignore true
+  :monitor 0
+  :geometry (geometry
+    :height 1080
+    :width 1920
+    :anchor "center center"
+  )
+  (wingamebarwidget)
+)
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/windows/winnews.yuck b/hybrid-summer/.config/eww/windows/winnews.yuck
new file mode 100755
index 000000000..4a5b7093e
--- /dev/null
+++ b/hybrid-summer/.config/eww/windows/winnews.yuck
@@ -0,0 +1,287 @@
+(defwidget checkboxhyprctl-win [value changevalue]
+  (eventbox
+    :cursor "pointer"
+    :onclick "hyprctl keyword ${changevalue} ${1 - value} && scripts/hyprsettings tickle"
+    (box
+      :class "win-checkbox-${value}"
+      :halign "end"
+    )
+  )
+)
+
+(defwidget winnewspanel []
+  (box
+    :orientation "v" :space-evenly false
+    :width {RES_WIDTH / 2}
+    :height {RES_HEIGHT - 51}
+    :style "
+    ${anim_open_winnews ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_winnews ? '' : 'margin-left: -960px; margin-right: 960px;'}
+    "
+    (eventbox
+      :onclick "scripts/toggle-winnews.sh --close &"
+      :onmiddleclick "scripts/toggle-winnews.sh --close &"
+      :onrightclick "scripts/toggle-winnews.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 0px;"
+      )
+    )
+    (box :space-evenly false :orientation "v"
+      :width {RES_WIDTH / 2 - 24}
+      :height {RES_HEIGHT - 51}
+      :class "winwin"
+      (centerbox
+        :class "winnews-topbar"
+        :height 35
+        (box :space-evenly false :height 35
+          (label :class "winnews-clock" :text "Widgets")
+        )
+        (box :space-evenly false :height 35
+          (overlay
+            (box :space-evenly false
+              :class "winnews-search-prompt"
+              :height 33 :width 500
+              (box
+                :halign "start"
+                :class "winsearch-icon winstart-search-searchbox-icon"
+                :style "margin-left: 5px;"
+              )
+              (revealer
+                :reveal {oquery == ''}
+                :halign "start"
+                :duration "0ms"
+                (label :class "winnews-search-prompt-text" :xalign 0 :text "Search Widgets")
+              )
+            )
+            (input
+              :class "winnews-search-contents"
+              :onchange "${EWW_CMD} update oquery='{}' &"
+            )
+          )
+        )
+        (box :space-evenly false :height 35
+          :halign "end"
+          (label :class "winnews-clock" :text {time12})
+          (button
+            :halign "end"
+            :space-evenly false
+            :class "winnews-user"
+            :onclick "scripts/toggle-winnews.sh --close && gnome-control-center user-accounts &"
+            (box :height 35 :width 35
+              :class "winstart-user-icon"
+            )
+          )
+        )
+      )
+      (scroll
+        :height 930
+        (box :orientation "h" :spacing 12
+          :class "winnews-widgets"
+          (box :orientation "v" :spacing 12 :space-evenly false
+            ; Mouse and touchpad
+            (revealer
+              :reveal "${matches('mouse and touchpad touch pad mouse speed mouse acceleration osu raw input sensitivity disable while typing disable_while_typing tap to click clickfinger_behavior',oquery)}"
+              :transition "slidedown"
+              :duration "0ms"
+              (box :orientation "v" :space-evenly false
+                :class "winnews-widget"
+                (box
+                  :orientation "h"
+                  :space-evenly false
+                  (label
+                    :halign "start"
+                    :class "winnews-section-icon"
+                    :text ""
+                  )
+                  (label
+                    :halign "start"
+                    :wrap true
+                    :class "winnews-section"
+                    :text "Mouse & Touchpad"
+                  )
+                )
+                (revealer
+                  :reveal "${matches('mouse and touchpad touch pad speed mouse acceleration osu raw input sensitivity',oquery)}"
+                  :transition "slidedown"
+                  :duration "0ms"
+                  (box
+                    :space-evenly false
+                    :orientation "v"
+                    (eventbox
+                      :onrightclick "hyprctl keyword input:sensitivity 0"
+                      (box
+                        :space-evenly false
+                        :orientation "v"
+                        :class "winnews-option"
+                        (label
+                          :halign "start"
+                          :wrap true
+                          :class "winnews-text"
+                          :text "Sensitivity"
+                        )
+                        (scale
+                          :class "winslider winslider-winnews"
+                          :value "${hyprjson.input_sensitivity * 50 + 50}"
+                          :onchange "hyprctl keyword input:sensitivity $(echo - | awk '{print {} / 50 - 1}') && scripts/hyprsettings tickle"
+                        )
+                      )
+                    )
+                    (centerbox :orientation "h" :space-evenly false
+                      :halign "fill"
+                      :class "winnews-option"
+                      (label
+                        :xalign 0
+                        :wrap true
+                        :class "winnews-text"
+                        :text "Raw input"
+                      )
+                      (box)
+                      (checkboxhyprctl-win
+                        :value "${hyprjson.force_no_accel}"
+                        :changevalue "input:force_no_accel"
+                        :halign "end"
+                        :class "win-checkbox"
+                      )
+                    )
+                  )
+                )
+                (revealer
+                  :reveal "${matches('mouse and touch pad touchpad disable while typing disable_while_typing',oquery)}"
+                  :transition "slidedown"
+                  :duration "0ms"
+                  (box
+                    :space-evenly false
+                    :orientation "v"
+                    (centerbox
+                      :class "winnews-option"
+                      :orientation "h"
+                      :space-evenly false
+                      :halign "fill"
+                      (label
+                        :halign "start"
+                        :class "winnews-text"
+                        :text "Disable touchpad while typing"
+                      )
+                      (box)
+                      (checkboxhyprctl-win
+                        :value "${hyprjson.touchpad_disable_while_typing}"
+                        :changevalue "input:touchpad:disable_while_typing"
+                        :class "win-checkbox"
+                      )
+                    )
+                  )
+                )
+                (revealer
+                  :reveal "${matches('mouse and touchpad touch pad tap to click clickfinger_behavior',oquery)}"
+                  :transition "slidedown"
+                  :duration "0ms"
+                  (box
+                    :space-evenly false
+                    :orientation "v"
+                    (centerbox :orientation "h" :space-evenly false
+                      :halign "fill"
+                      :class "winnews-option"
+                      (label
+                        :halign "start"
+                        :class "winnews-text"
+                        :text "Tap to click"
+                      )
+                      (box)
+                      (checkboxhyprctl-win
+                        :value "${hyprjson.touchpad_clickfinger_behavior}"
+                        :changevalue "input:touchpad:clickfinger_behavior"
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+          (box :orientation "v" :spacing 12 :space-evenly false
+            (revealer
+              :reveal "${matches('fetch system information user distro kernel uptime de desktop packages',oquery)}"
+              :transition "slidedown"
+              :duration "0ms"
+              (box :orientation "v" :space-evenly false
+                :class "winnews-widget"
+                (box
+                  :orientation "h"
+                  :space-evenly false
+                  (label
+                    :halign "start"
+                    :class "winnews-section-icon"
+                    :text ""
+                  )
+                  (label
+                    :halign "start"
+                    :wrap true
+                    :class "winnews-section"
+                    :text "System info"
+                  )
+                )
+                (box
+                  :orientation "v" :space-evenly false :valign "center"
+                  :class "winnews-fetch-pad"
+                  (box
+                    :orientation "h" :space-evenly false :spacing 10
+                    (label :class "winnews-fetch-icon" :text "")
+                    (label :class "winnews-text" :text "${username + '@' + hostname}")
+                  )
+                  (box
+                    :orientation "h" :space-evenly false :spacing 10
+                    (label :class "winnews-fetch-icon" :text "")
+                    (label :class "winnews-text" :text "${kernel}")
+                  )
+                  (box
+                    :orientation "h" :space-evenly false :spacing 10
+                    (label :class "winnews-fetch-icon" :text "")
+                    (label :class "winnews-text" :text "${uptime}")
+                  )
+                  (box
+                    :orientation "h" :space-evenly false :spacing 10
+                    (label :class "winnews-fetch-icon" :text "")
+                    (label :class "winnews-text" :text "${wm}")
+                  )
+                  (box
+                    :orientation "h" :space-evenly false :spacing 10
+                    (label :class "winnews-fetch-icon" :text "")
+                    (label :class "winnews-text" :text "${packages}")
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow winnews
+  :wm-ignore true
+  :focusable true
+  :monitor 0
+  :geometry (geometry
+    :width "50%"
+    ; :height "0%"
+    :anchor "top left"
+  )
+  (winnewspanel)
+)
+
+(defwidget winnews-button []
+  (eventbox
+    :class "winbutton-only thewinbutton"
+    :onclick "scripts/toggle-winnews.sh &"
+    :onmiddleclick "playerctl play-pause"
+    :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+    :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+    (box
+      :class "winbutton-pad"
+      (image
+        :class "winnewsicon winbutton-${rev_winnews}"
+        :path "images/icons/winnews.png"
+      )
+    )
+  )
+)
diff --git a/hybrid-summer/.config/eww/windows/winnotif.yuck b/hybrid-summer/.config/eww/windows/winnotif.yuck
new file mode 100755
index 000000000..32950d9cd
--- /dev/null
+++ b/hybrid-summer/.config/eww/windows/winnotif.yuck
@@ -0,0 +1,231 @@
+(defwidget winnotifs []
+  (centerbox
+    :space-evenly false
+    :orientation "v"
+    :style "
+    ${anim_open_winnotif ? 'transition: 150ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_winnotif ? '' : 'margin-right: -700px;'}
+    min-height: 1033px;
+    "
+    (box
+      :space-evenly false
+      :orientation "v"
+      :halign "start"
+      (eventbox
+        :valign "start"
+        :onclick "scripts/toggle-winnotif.sh --close &"
+        :onmiddleclick "scripts/toggle-winnotif.sh --close &"
+        :onrightclick "scripts/toggle-winnotif.sh --close &"
+        (box
+          :class "box-that-is-there" :style "min-height: 1px;"
+        )
+      )
+      (box
+        :class "winwin"
+        :space-evenly false
+        :orientation "v"
+        :style "margin-bottom:6px;"
+        (centerbox
+          (box
+            :orientation "h"
+            :space-evenly false
+            :spacing 10
+            (label
+              :halign "start"
+              :class "winnotif-text winnotif-title"
+              :text "Notifications"
+            )
+          )
+          (box)
+          (box
+            :class "icon"
+            :halign "end"
+            :space-evenly false
+            :style "margin-right: 12px;"
+            (button
+              :class "winnotif-button"
+              :tooltip "Refresh"
+              :onclick "dunstctl history > $XDG_CACHE_HOME/dunst-history.json &"
+              (image
+                :path "images/svg/dark/reset.svg"
+                :image-width 19
+                :image-height 19
+              )
+            )
+            (button
+              :class "winnotif-button"
+              :tooltip "Pause/Resume Notifications"
+              :onclick "scripts/notifications toggle &"
+              {notif_icons.toggle_icon}
+            )
+            (button
+              :class "wintoggle-text winnotif-button"
+              :tooltip "Clear Notifications"
+              :onclick "scripts/notifications clear &"
+              "Clear all"
+            )
+          )
+        )
+        (scroll
+          :width 400
+          :valign "start"
+          :style "
+          min-height: ${rev_wincalendar ? 357 : 811}px;
+          transition: 150ms cubic-bezier(0.05, 0.7, 0.1, 1);
+          "
+          (box
+            :space-evenly false
+            :orientation "v"
+            (for i in notifications
+              (eventbox
+                :onclick "dunstctl history-pop ${i.id} && dunstctl action 0 && dunstctl close"
+                (box
+                  :orientation "v"
+                  :width 400
+                  :space-evenly false
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :class "winwin-bottom-pad"
+                    (image :class "winapp winnotif-notif-icon" :path "images/svg/dark/app.svg")
+                    (label :class "winnotif-appname" :text {i.appname})
+                  )
+                  (box
+                    :orientation "v"
+                    :space-evenly false
+                    :class "winnotif-notif"
+                    (label
+                      :xalign 0
+                      :wrap true
+                      :class "winnotif-text"
+                      :text {i.summary}
+                    )
+                    (label
+                      :xalign 0
+                      :wrap true
+                      :class "winnotif-text winnotif-bodytext"
+                      :text {i.body}
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+    (box :valign "center")
+    ; Calendar
+    (box
+      :space-evenly false
+      :orientation "v"
+      :valign "end"
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "winwin-topbar"
+        :style "margin-top: 6px;"
+        (centerbox
+          :space-evenly false
+          :orientation "h"
+          :style "padding: 0 12px;"
+          (label :xalign 0 :class "wincalendar-title" :text "${time.day}, ${time.monthname} ${day_only}")
+          (box)
+          (button
+            :halign "end"
+            :class "winnotif-button winarrow-${rev_wincalendar ? 'down' : 'up'}"
+            :tooltip "Show/Hide Calendar"
+            :onclick "${EWW_CMD} update rev_wincalendar=${!rev_wincalendar}"
+          )
+        )
+      )
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "winnotif-calendar"
+        :style "
+        min-height: ${rev_wincalendar ? 408 : 0}px;
+        transition: ${rev_wincalendar ? '152ms' : '149ms'} cubic-bezier(0.05, 0.7, 0.1, 1);
+        "
+        (revealer
+          :reveal {rev_wincalendar}
+          :transition "slideup"
+          :duration "${rev_wincalendar ? '0ms' : '149ms'}"
+          (eventbox
+            :onscroll "scripts/scrollmonth {} &"
+            (box
+              :orientation "v"
+              :space-evenly false
+              (centerbox
+                :style "padding: 0 12px;"
+                (label :xalign 0 :class "wincalendar-title" :text "${calendartitle}")
+                (box)
+                (box
+                  :halign "end"
+                  (button
+                    :onclick "scripts/scrollmonth up &"
+                    :halign "end"
+                    :class "winicon winnotif-monthbutton"
+                    (image
+                      :path "images/svg/dark/caretup.svg"
+                    )
+                  )
+                  (button
+                    :onclick "scripts/scrollmonth down &"
+                    :halign "end"
+                    :class "winicon winnotif-monthbutton"
+                    (image
+                      :path "images/svg/dark/caretdown.svg"
+                    )
+                  )
+                )
+              )
+              (box
+                (for day in weekdays
+                  (box
+                    :class "wincalendar-button day${day.today}"
+                    (label :class "wincalendar-text" :text "${day.day}")
+                  )
+                )
+              )
+              (for week in calendar
+                (box
+                  (for day in week
+                    (button
+                      :class "wincalendar-button day${day.today}"
+                      (label :class "wincalendar-text" :text "${day.day}")
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "winwin-bottom"
+        (box
+          :space-evenly false
+          :orientation "h"
+          :class "winwin-bottom-pad"
+          (label :xalign 0 :class "wincalendar-title" :text "Calendar")
+        )
+      )
+    )
+  )
+)
+
+(defwindow winnotif
+  :wm-ignore true
+  :monitor 0
+  :focusable true
+  :geometry (geometry
+    :x "0px"
+    :y "51px"
+    :height 1029
+    :anchor "bottom right"
+  )
+  (winnotifs)
+)
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/windows/winosd.yuck b/hybrid-summer/.config/eww/windows/winosd.yuck
new file mode 100755
index 000000000..09838e9ac
--- /dev/null
+++ b/hybrid-summer/.config/eww/windows/winosd.yuck
@@ -0,0 +1,77 @@
+(defwidget winosdwidget_vol []
+  (box
+    :class "winosd-var"
+    :orientation "h"
+    :space-evenly false
+    :style "
+    ${osd_vol ? '' : 'margin-bottom: -90px; margin-top: 90px;'}
+    ${osd_vol ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    "
+    (box
+      :space-evenly false
+      :orientation "h"
+      :class "winactions-sliderrow"
+      (image :class "winicon" :path "images/svg/dark/vol${volume.audio == 1 ? round(volume.percent / 33, 0) : 'mute'}.svg")
+      (scale
+        :value {volume.percent}
+        :onchange "scripts/volume setvol SINK {} &"
+        :class "winslider-osd"
+      )
+    )
+  )
+)
+
+(defwidget winosdwidget_bright []
+  (box
+    :class "winosd-var"
+    :orientation "h"
+    :space-evenly false
+    :style "
+    ${osd_bright ? '' : 'margin-bottom: -90px; margin-top: 90px;'}
+    ${osd_bright ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    "
+    (box
+      :space-evenly false
+      :orientation "h"
+      :class "winactions-sliderrow"
+      (image :class "winicon" :path "images/svg/dark/brightness.svg")
+      (scale
+        :value {brightness.level}
+        :onchange "light -S {} && scripts/brightness osd &"
+        :class "winslider-osd"
+      )
+    )
+  )
+)
+
+(defwindow winosd_vol
+  :stacking "overlay"
+  :wm-ignore true
+  :monitor 0
+  :geometry (geometry
+    :x "0%"
+    :y "50px"
+    :width "100px"
+    :height "53px"
+    :anchor "bottom center"
+  )
+  :stacking "fg"
+  :exclusive false
+  (winosdwidget_vol)
+)
+
+(defwindow winosd_bright
+  :stacking "overlay"
+  :wm-ignore true
+  :monitor 0
+  :geometry (geometry
+    :x "0%"
+    :y "50px"
+    :width "100px"
+    :height "53px"
+    :anchor "bottom center"
+  )
+  :stacking "fg"
+  :exclusive false
+  (winosdwidget_bright)
+)
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/windows/winoverview.yuck b/hybrid-summer/.config/eww/windows/winoverview.yuck
new file mode 100755
index 000000000..76ed78a11
--- /dev/null
+++ b/hybrid-summer/.config/eww/windows/winoverview.yuck
@@ -0,0 +1,137 @@
+(defwidget workspacebox [wspace]
+  (box ; Note: height 100px width 356px
+    :class "overview-ws overview-ws-${wspace[0].workspace.id == activews}"
+    (box
+      :space-evenly false
+      :orientation "h"
+      :style "
+      min-width: ${RES_WIDTH * OVERVIEW_SCALE}px;
+      min-height: ${RES_HEIGHT * OVERVIEW_SCALE}px;
+      "
+      (for ws-window in wspace
+        (box
+          :class "${ws-window.class == 'workspace' ? '' : 'overview-ws-window'}"
+          :style "
+          ${ws-window.address == selected ? 'border: 1px solid #FFFFFF' : ''};
+          ${ws-window.address == '_none' ? 'border: none' : ''};
+          margin-left: ${ws-window.at[0] * OVERVIEW_SCALE}px;
+          margin-top: ${ws-window.at[1] * OVERVIEW_SCALE}px;
+          margin-right: -${(ws-window.at[0] + ws-window.size[0]) * OVERVIEW_SCALE}px;
+          margin-bottom: ${RES_HEIGHT * OVERVIEW_SCALE - ((ws-window.at[1] + ws-window.size[1]) * OVERVIEW_SCALE)};
+          "
+          (eventbox
+            :onrightclick "scripts/selectwindow ${ws-window.address} '${EWW_CMD}' ${ws-window.workspace.id}"
+            :onmiddleclick "hyprctl dispatch closewindow address:${ws-window.address}"
+            :onclick "scripts/focuswindow ${ws-window.address} ${ws-window.workspace.id} && scripts/toggle-overview.sh --close &"
+            :onhover "${ws-window.class == 'workspace' ? '' : (EWW_CMD + ' update overview_hover_name=\'' + ws-window + '\'')}"
+            (box
+              :class "overview-background"
+              ; Uncomment below to enable thumbnail previews (VERY SLOW)
+              ; :style "
+              ; background-image: url('scripts/cache/thumbnails/${ws-window.address }.png');
+              ; "
+              (image
+                :class "overview-icon"
+                :path {ws-window.icon}
+                ; :image-width {round(ws-window.size[0] > ws-window.size[1] ? (ws-window.size[1] * 45 / 100 * OVERVIEW_SCALE) : (ws-window.size[0] * 45 / 100 * OVERVIEW_SCALE))}
+                ; :image-height {round(ws-window.size[0] > ws-window.size[1] ? (ws-window.size[1] * 45 / 100 * OVERVIEW_SCALE) : (ws-window.size[0] * 45 / 100 * OVERVIEW_SCALE))}
+                :image-width {round(ws-window.size[0] * OVERVIEW_SCALE * 45 / 100, 0)}
+                :image-height {round(ws-window.size[1] * OVERVIEW_SCALE * 45 / 100, 0)}
+                
+                ; :style "
+                ; background-size: ${ws-window.size[0] > ws-window.size[1] ? 'auto 45%' : '45% auto'};
+                ; background-image: url('${ws-window.icon}')
+                ; ;
+                ; "
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget winoverview_widget []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :class "thewholething"
+    (eventbox
+      :onclick "scripts/toggle-overview.sh --close &"
+      :onmiddleclick "scripts/toggle-overview.sh --close &"
+      :onrightclick "scripts/toggle-overview.sh --close &"
+      :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    )
+    (eventbox
+      :onhoverlost `eww update overview_hover_name='{"class":"LMB: Focus | MMB: Close | RMB: Select/Move","title":"Activities Overview","workspace":{"id":5,"name":"5"},"icon": "/usr/share/icons/breeze-dark/actions/16/window.svg"}' &`
+      :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "overview-window"
+        ; :space-evenly false
+        ; (label :text "${wsjsona}")
+        ; (label :text "${selected}")
+        (centerbox
+          :class "overview-window-title"
+          (label :halign "start" :style "margin: 5px;" :text "${overview_hover_name.class}")
+          (box
+            :space-evenly false
+            :orientation "h"
+            (image
+              :class "overview-topbar-icon overview-icon"
+              :path {overview_hover_name.icon}
+              :image-height 30
+              :image-width 30
+              ; :style "
+              ; background-image: url('${overview_hover_name.icon}');
+              ; "
+            )
+            (label :text "${overview_hover_name.title}")
+          )
+          (button
+            :halign "end"
+            :class "overview-topbar-button"
+            :onclick "scripts/toggle-overview.sh --close"
+            (label :text "")
+          )
+        )
+        (box
+          :orientation "h"
+          (for wspace in wsjsona
+            (workspacebox
+              :wspace {wspace}
+            )
+          )
+        )
+        (box
+          :orientation "h"
+          (for wspace in wsjsonb
+            (workspacebox
+              :wspace {wspace}
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow winoverview
+  :stacking "overlay"
+  :focusable true
+  :wm-ignore true
+  :monitor 0
+  :geometry (geometry
+    ; :height 1080
+    ; :width 1920
+    ; :y "103px"
+    :anchor "bottom center"
+    ; :y "0px"
+    ; :anchor "center center"
+  )
+  ; (testing)
+  (winoverview_widget)
+)
+
diff --git a/hybrid-summer/.config/eww/windows/winpowermenu.yuck b/hybrid-summer/.config/eww/windows/winpowermenu.yuck
new file mode 100755
index 000000000..191bc7a3a
--- /dev/null
+++ b/hybrid-summer/.config/eww/windows/winpowermenu.yuck
@@ -0,0 +1,69 @@
+(defwidget winpower []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :style "
+    ${anim_open_winpowermenu ? 'transition: 150ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 100ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_winpowermenu ? '' : 'margin-bottom: -700px; margin-top: 700px;'}
+    "
+    (eventbox
+      :valign "start"
+      :onclick "scripts/toggle-winpowermenu.sh --close &"
+      :onmiddleclick "scripts/toggle-winpowermenu.sh --close &"
+      :onrightclick "scripts/toggle-winpowermenu.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 1px;"
+      )
+    )
+    (box
+      :class "winwin winpower-window"
+      :orientation "v"
+      :width 161
+      :space-evenly false
+      (button
+        :onclick "systemctl suspend &"
+        :class "winpower-button"
+        (box
+          :space-evenly false
+          (image :class "win-segoeicon"
+            :class "winpower-buttonicon"
+            :path "images/svg/dark/moon.svg"
+            :image-width 20 :image-height 20
+          )
+          (label :class "winbartext" :text "Sleep")
+        )
+      )
+      (button
+        :onclick "systemctl poweroff &"
+        :class "winpower-button"
+        (box
+          :space-evenly false
+          (label :xalign 0 :class "winpower-buttonicon win-segoeicon" :text "")
+          (label :xalign 0 :class "winbartext" :text "Shut down")
+        )
+      )
+      (button
+        :onclick "systemctl reboot &"
+        :class "winpower-button"
+        (box
+          :space-evenly false
+          (label :xalign 0 :class "winpower-buttonicon win-segoeicon" :text "")
+          (label :xalign 0 :class "winbartext" :text "Restart")
+        )
+      )
+    )
+  )
+)
+
+(defwindow winpowermenu
+  :wm-ignore true
+  :monitor 0
+  :focusable true
+  :geometry (geometry
+    :x "1140px"
+    :y "126px"
+    :width 161
+    :anchor "bottom left"
+  )
+  (winpower)
+)
\ No newline at end of file
diff --git a/hybrid-summer/.config/eww/windows/winstart.yuck b/hybrid-summer/.config/eww/windows/winstart.yuck
new file mode 100755
index 000000000..51f1730e4
--- /dev/null
+++ b/hybrid-summer/.config/eww/windows/winstart.yuck
@@ -0,0 +1,583 @@
+(defwidget winmenu []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :style "
+    ${anim_open_winstart ? 'transition: 150ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 100ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_winstart ? '' : 'margin-bottom: -900px;'}
+    "
+    (eventbox
+      :valign "start"
+      :onclick "scripts/toggle-winstart.sh --close &"
+      :onmiddleclick "scripts/toggle-winstart.sh --close &"
+      :onrightclick "scripts/toggle-winstart.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 1px;"
+      )
+    )
+    (box
+      :space-evenly false
+      :orientation "v"
+      :class "winwin-top"
+      :height 113
+      :width 676
+      :style "
+      ${winsearch != '' ? 'min-width: 811px;' : 'min-width: 676px;'}
+      "
+      (overlay
+        (box
+          :valign "end"
+          :space-evenly false
+          :class "winstart-search-prompt"
+          (box
+            :halign "start"
+            :class "winsearch-icon winstart-search-searchbox-icon"
+          )
+          (revealer
+            :reveal {winsearch == ''}
+            :halign "start"
+            :duration "0ms"
+            (label :class "winstart-search-prompt-text" :xalign 0 :text "Type to search")
+          )
+        )
+        (box
+          :valign "end"
+          :class "winstart-search-accent"
+        )
+        (input
+          :class "winstart-search-contents"
+          :onchange "${EWW_CMD} update winsearch='${winsearch_prefix}{}' && ${EWW_CMD} update winsearch_results=\"$(scripts/appsearch '${winsearch_prefix}{}')\" &"
+          :onaccept "scripts/launchapp '${winsearch_results == '[]' ? (winsearch_prefix + {}) : winsearch_results[0].exec}' &"
+        )
+      )
+    )
+    (revealer
+      :reveal {winsearch != ''}
+      :transition "slidedown"
+      :duration "0ms"
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "winwin-bottom-light"
+        :height 682
+        :width 676
+        :style "
+        ${winsearch != '' ? 'min-width: 811px;' : 'min-width: 676px;'}
+        "
+        ; Tag strip
+        (box
+          :class "winsearch-tag-strip"
+          :space-evenly false
+          (eventbox
+            :onclick "${EWW_CMD} update winsearch_prefix='' && ${EWW_CMD} update winsearch='${winsearch_prefix} ' && ${EWW_CMD} update winsearch_results=\"$(scripts/appsearch ' ')\" &"
+            (box :class "winsearch-tag-${winsearch_prefix == ''}"
+              (label :class "wintoggle-text" :text "All")
+            )
+          )
+          (eventbox
+            :onclick "${EWW_CMD} update winsearch_prefix='>load ' && ${EWW_CMD} update winsearch='${winsearch_prefix} ' && ${EWW_CMD} update winsearch_results=\"$(scripts/appsearch '>load ')\" &"
+            (box :class "winsearch-tag-${winsearch_prefix == '>load '}"
+              (label :class "wintoggle-text" :text "Load theme")
+            )
+          )
+          (eventbox
+            :onclick "${EWW_CMD} update winsearch_prefix='1*' && ${EWW_CMD} update winsearch='${winsearch_prefix} ' && ${EWW_CMD} update winsearch_results=\"$(scripts/appsearch --calculator)\" &"
+            (box :class "winsearch-tag-${winsearch_prefix == '1*'}"
+              (label :class "wintoggle-text" :text "Calculate")
+            )
+          )
+          ; (eventbox
+            ;   :onclick "${EWW_CMD} update winsearch_prefix='>_ ' && ${EWW_CMD} update winsearch='${winsearch_prefix}${winsearch}' && ${EWW_CMD} update winsearch_results=\"$(scripts/appsearch '${winsearch_prefix}${winsearch}')\" &"
+            ;   (box :class "winsearch-tag-${winsearch_prefix == '>_ '}"
+              ;     (label :class "wintoggle-text" :text "Execute")
+            ;   )
+          ; )
+        )
+        (box
+          :height 627
+          :space-evenly false
+          :orientation "h"
+          :class "winsearch-pad"
+          :spacing 11
+          ; Search results list
+          (scroll
+            :width 404
+            (box
+              :width 404
+              :space-evenly false
+              :orientation "v"
+              :class "winsearch-result-list"
+              (revealer
+                :reveal {winsearch_results != '[]'}
+                :transition "slidedown"
+                :duration "0ms"
+                (label
+                  :halign "start"
+                  :class "winstart-section winsearch-section"
+                  :text "${winsearch_prefix == '' ? 'Results' :
+                  (winsearch_prefix == '>load ' ? 'Themes' :
+                    (winsearch_prefix == '1*' ? 'Calculator' : 'Execute'))}"
+                )
+              )
+              (box
+                :space-evenly false
+                :orientation "v"
+                (for result in winsearch_results
+                  (overlay
+                    :space-evenly false
+                    (input
+                      :value "${result.name}"
+                      :class "winsearch-result"
+                      :style "
+                      background-position: -0.5% center;
+                      background-size: auto 65%;
+                      "
+                      :onaccept "scripts/launchapp '${result.exec}' && scripts/toggle-winstart.sh --close &"
+                    )
+                    (image
+                      :halign "start"
+                      :class "winsearch-result-icon"
+                      :path {(result.icon != '' && result.icon != 'null') ? result.icon : 'images/svg/dark/appgeneric.svg'}
+                      :image-width 28
+                      :image-height 28
+                    )
+                  )
+                )
+              )
+              (label
+                :halign "start"
+                :class "winstart-section winsearch-section"
+                :text "Run command"
+              )
+              (overlay
+                :orientation "h"
+                :space-evenly false
+                (input
+                  :value {winsearch}
+                  :class "winsearch-result"
+                  :onaccept "scripts/launchapp '${winsearch_prefix}{}' &"
+                )
+                (image
+                  :halign "start"
+                  :class "winsearch-result-icon"
+                  :path "images/svg/dark/protocol.svg"
+                  :image-width 28
+                  :image-height 28
+                )
+              )
+              (label
+                :halign "start"
+                :class "winstart-section winsearch-section"
+                :text "Search the web"
+              )
+              (overlay
+                :orientation "h"
+                :space-evenly false
+                (input
+                  :value {winsearch}
+                  :class "winsearch-result"
+                  :onaccept "xdg-open 'https://www.google.com/search?q={}' && scripts/toggle-winstart.sh --close &"
+                )
+                (image
+                  :halign "start"
+                  :class "winsearch-result-icon"
+                  :path "images/svg/dark/search-fluent.svg"
+                  :image-width 28
+                  :image-height 28
+                )
+              )
+            )
+          )
+          ; More options
+          (revealer
+            :reveal {winsearch != ''}
+            :transition "slideleft"
+            :duration "50ms"
+            ; Entry actions panel
+            (box
+              :orientation "v"
+              :space-evenly false
+              :class "winsearch-actions-box"
+              :width 404
+              (image
+                :halign "center"
+                :class "winsearch-result-icon-big"
+                :path {(winsearch_actions.icon != '' && winsearch_actions.icon != 'null') ? winsearch_actions.icon : 'images/svg/dark/appgeneric.svg'}
+                :image-width 67
+                :image-height 67
+              )
+              (label
+                :class "winsearch-result-actions-title"
+                :text {winsearch_actions.name}
+              )
+              (label
+                :class "winsearch-result-actions-subtext"
+                :text {winsearch_actions_type}
+              )
+              (box
+                :class "winsearch-separator"
+              )
+              ; Actions
+              (box
+                :orientation "v"
+                :space-evenly false
+                (revealer
+                  :reveal {winsearch_actions_type == 'Application'}
+                  :transition "slidedown"
+                  :duration "0ms"
+                  (button
+                    :class "winsearch-actions-button"
+                    :onclick "scripts/launchapp '${winsearch_actions.exec}' &"
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :spacing 13
+                      (image
+                        :class "winsearch-actions-icon"
+                        :path "images/svg/open.svg"
+                        :image-width 20
+                        :image-height 20
+                      )
+                      (label :text "Run")
+                    )
+                  )
+                )
+                (revealer
+                  :reveal {winsearch_actions_type == 'Application'}
+                  :transition "slidedown"
+                  :duration "0ms"
+                  (button
+                    :class "winsearch-actions-button"
+                    :onclick "scripts/launchapp 'xdg-open ${winsearch_actions.filepath}'&"
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :spacing 13
+                      (image
+                        :class "winsearch-actions-icon"
+                        :path "images/svg/folderopen.svg"
+                        :image-width 20
+                        :image-height 20
+                      )
+                      (label :text "Open desktop entry")
+                    )
+                  )
+                )
+                (revealer
+                  :reveal {winsearch_actions_type == 'Math result'}
+                  :transition "slidedown"
+                  :duration "0ms"
+                  (button
+                    :class "winsearch-actions-button"
+                    :onclick "scripts/launchapp '${winsearch_actions.exec}' &"
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :spacing 13
+                      (image
+                        :class "winsearch-actions-icon"
+                        :path "images/svg/copy.svg"
+                        :image-width 20
+                        :image-height 20
+                      )
+                      (label :text "Copy result")
+                    )
+                  )
+                )
+                (revealer
+                  :reveal {winsearch_actions_type == 'Color theme'}
+                  :transition "slidedown"
+                  :duration "0ms"
+                  (button
+                    :class "winsearch-actions-button"
+                    :onclick "scripts/launchapp '${winsearch_actions.exec}' &"
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :spacing 13
+                      (image
+                        :class "winsearch-actions-icon"
+                        :path "images/svg/applycolor.svg"
+                        :image-width 20
+                        :image-height 20
+                      )
+                      (label :text "Apply colorscheme")
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+    (revealer
+      :reveal {winsearch == ''}
+      :transition "slidedown"
+      :duration "0ms"
+      (box
+        :space-evenly false
+        :orientation "v"
+        (box
+          :space-evenly false
+          :orientation "v"
+          :class "winwin-center-noseparator"
+          :height 581
+          :style "
+          ${winsearch != '' ? 'min-width: 811px;' : 'min-width: 676px;'}
+          "
+          (box
+            :space-evenly false
+            :orientation "h"
+            (revealer
+              :reveal {!winstart_allapps}
+              :transition "slideright"
+              :duration "250ms"
+              (box
+                :space-evenly false
+                :orientation "v"
+                :width 674
+                (centerbox
+                  :orientation "h"
+                  :class "winsearch-section-box"
+                  (label
+                    :halign "start"
+                    :class "winstart-section"
+                    :text "Pinned"
+                  )
+                  (box)
+                  (button
+                    :halign "end"
+                    :class "wintoggle-text winstart-button-allapps"
+                    :onclick "scripts/toggle-allapps.sh --open &"
+                    (box
+                      :space-evenly false
+                      :spacing 6
+                      (label :text "All apps" :style "padding: 0 2px;")
+                      (label :class "winstart-allapps-icon" :text "")
+                      ; (box
+                        ;   :class "winstart-allapps-arrow"
+                      ; )
+                    )
+                  )
+                )
+                (box
+                  :class "winstart-pinnedapps"
+                  :height 293
+                  :orientation "v"
+                  :space-evenly false
+                  (for row in pinnedapps
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      (for app in row
+                        (eventbox
+                          :class "winstart-pinnedapps-entry"
+                          :onclick "scripts/toggle-winstart.sh --close && ${app.exec}"
+                          (box
+                            :orientation "v"
+                            :space-evenly false
+                            :class "winstart-pinnedapps-entry-pad"
+                            :width 101
+                            :height 88
+                            (box
+                              :class "winstart-pinnedapps-icon"
+                              :style "
+                              min-width: 33px;
+                              min-height: 33px;
+                              background-image: url('${app.icon}');
+                              background-position: center;
+                              background-size: auto 100%;
+                              "
+                            )
+                            (label
+                              :limit-width 12
+                              :class "wintoggle-text"
+                              :style "margin-top: 4px;"
+                              :text "${app.name}"
+                            )
+                          )
+                        )
+                      )
+                    )
+                  )
+                )
+                (centerbox
+                  :orientation "h"
+                  :class "winsearch-section-box"
+                  (label
+                    :halign "start"
+                    :class "winstart-section"
+                    :text "Recommended"
+                  )
+                  (box)
+                  (box)
+                )
+                (box
+                  :class "winstart-recommended"
+                  :height 222
+                  :orientation "v"
+                  :space-evenly false
+                  :valign "start"
+                  (for recrow in recommended
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :valign "start"
+                      :spacing 20
+                      (for entry in recrow
+                        (eventbox
+                          :class "winstart-recommended-entry"
+                          :onclick "scripts/toggle-winstart.sh --close && ${entry.exec}"
+                          (box
+                            :valign "start"
+                            :orientation "h"
+                            :space-evenly false
+                            :width 285.67
+                            :height 66
+                            :class "winstart-recommended-entry-pad"
+                            ; Recommended tile contents here
+                            (box
+                              :halign "start"
+                              :class "winstart-recommended-icon"
+                              :style "
+                              min-width: 33px;
+                              min-height: 33px;
+                              background-image: url('${entry.icon}');
+                              background-position: center;
+                              background-size: 100% auto;
+                              "
+                            )
+                            (box
+                              :orientation "v"
+                              :space-evenly false
+                              :class "winstart-recommended-text"
+                              (label :xalign 0 :class "wintoggle-text winstart-recommended-name" :text "${entry.name}" :limit-width 26)
+                              (label :xalign 0 :class "wintoggle-text winstart-recommended-subtext" :text "${entry.subtext}" :limit-width 26)
+                            )
+                          )
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            )
+            (revealer
+              :reveal {winstart_allapps}
+              :transition "slideleft"
+              :duration "250ms"
+              (box
+                :space-evenly false
+                :transition "slideleft"
+                :orientation "v"
+                :width 674
+                (centerbox
+                  :orientation "h"
+                  :class "winsearch-section-box"
+                  (label
+                    :halign "start"
+                    :class "winstart-section"
+                    :text "All apps"
+                  )
+                  (box)
+                  (button
+                    :halign "end"
+                    :class "wintoggle-text winstart-button-allapps"
+                    :onclick "scripts/toggle-allapps.sh --close"
+                    (box
+                      :space-evenly false
+                      :spacing 6
+                      (label :class "winstart-allapps-icon" :text "")
+                      (label :text "Back" :style "padding: 0 2px;")
+                      ; (box
+                        ;   :class "winstart-allapps-arrow"
+                      ; )
+                    )
+                  )
+                )
+                (scroll
+                  :height 549
+                  (box
+                    :space-evenly false
+                    :orientation "v"
+                    :class "winstart-allapps-box"
+                    (for app in allapps
+                      (button
+                        :class "winstart-allapps-app"
+                        :onclick "scripts/toggle-winstart.sh --close && gtk-launch ${app.filename} &"
+                        (box
+                          :space-evenly false
+                          :orientation "h"
+                          (revealer
+                            :transition "slideright"
+                            :duration "0ms"
+                            :reveal {app.icon != '_letter'}
+                            (image
+                              :class "winstart-allapps-app-icon"
+                              :path {(app.icon != '_letter' && app.icon != '') ? app.icon : 'images/svg/dark/app.svg'}
+                              :image-height 25
+                              :image-width 25
+                            )
+                          )
+                          (label
+                            :class "winbartext winstart-allapps-appname"
+                            :text {app.name}
+                          )
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+        (centerbox
+          :space-evenly false
+          :orientation "h"
+          :class "winwin-bottom winstart-bottom-pad"
+          :height 67
+          (button
+            :halign "start"
+            :space-evenly false
+            :class "winstart-user"
+            :onclick "scripts/toggle-winstart.sh --close && gnome-control-center user-accounts &"
+            (box
+              :space-evenly false
+              :orientation "h"
+              :spacing 16
+              (box
+                :class "winstart-user-icon"
+              )
+              (label :class "wintoggle-text" :text "${username}")
+            )
+          )
+          (box)
+          (button
+            :halign "end"
+            :class "winstart-power-icon winstart-power-icon-${rev_winpowermenu}"
+            :onclick "scripts/toggle-winpowermenu.sh &"
+            (image
+              :path "images/svg/dark/power.svg"
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow winstart
+  :wm-ignore true
+  :monitor 0
+  :focusable true
+  :geometry (geometry
+    :x "0px"
+    :y "51px"
+    ; :height 788
+    :width 673
+    :anchor "bottom center"
+  )
+  (winmenu)
+)
\ No newline at end of file
diff --git a/hybrid-summer/.config/fish/completions/fisher.fish b/hybrid-summer/.config/fish/completions/fisher.fish
new file mode 100755
index 000000000..6d23ce490
--- /dev/null
+++ b/hybrid-summer/.config/fish/completions/fisher.fish
@@ -0,0 +1,7 @@
+complete --command fisher --exclusive --long help --description "Print help"
+complete --command fisher --exclusive --long version --description "Print version"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments install --description "Install plugins"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments update --description "Update installed plugins"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments remove --description "Remove installed plugins"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments list --description "List installed plugins matching regex"
+complete --command fisher --exclusive --condition "__fish_seen_subcommand_from update remove" --arguments "(fisher list)"
diff --git a/hybrid-summer/.config/fish/config.fish b/hybrid-summer/.config/fish/config.fish
new file mode 100755
index 000000000..bfa2bf74c
--- /dev/null
+++ b/hybrid-summer/.config/fish/config.fish
@@ -0,0 +1,20 @@
+function fish_prompt -d "Write out the prompt"
+    # This shows up as USER@HOST /home/user/ >, with the directory colored
+    # $USER and $hostname are set by fish, so you can just use them
+    # instead of using `whoami` and `hostname`
+    printf '%s@%s %s%s%s > ' $USER $hostname \
+        (set_color $fish_color_cwd) (prompt_pwd) (set_color normal)
+end
+
+if status is-interactive
+    # Commands to run in interactive sessions can go here
+    set fish_greeting
+
+end
+
+starship init fish | source
+
+# function fish_prompt
+#   set_color cyan; echo (pwd) 
+#   set_color green; echo '> '
+# end
\ No newline at end of file
diff --git a/hybrid-summer/.config/fish/fish_plugins b/hybrid-summer/.config/fish/fish_plugins
new file mode 100755
index 000000000..594dfc033
--- /dev/null
+++ b/hybrid-summer/.config/fish/fish_plugins
@@ -0,0 +1 @@
+jorgebucaran/fisher
diff --git a/hybrid-summer/.config/fish/fish_variables b/hybrid-summer/.config/fish/fish_variables
new file mode 100755
index 000000000..479710902
--- /dev/null
+++ b/hybrid-summer/.config/fish/fish_variables
@@ -0,0 +1,34 @@
+# This file contains fish universal variable definitions.
+# VERSION: 3.0
+SETUVAR __fish_initialized:3400
+SETUVAR _fisher_jorgebucaran_2F_fisher_files:\x7e/\x2econfig/fish/functions/fisher\x2efish\x1e\x7e/\x2econfig/fish/completions/fisher\x2efish
+SETUVAR _fisher_plugins:jorgebucaran/fisher
+SETUVAR _fisher_upgraded_to_4_4:\x1d
+SETUVAR fish_color_autosuggestion:555\x1ebrblack
+SETUVAR fish_color_cancel:\x2dr
+SETUVAR fish_color_command:blue
+SETUVAR fish_color_comment:red
+SETUVAR fish_color_cwd:green
+SETUVAR fish_color_cwd_root:red
+SETUVAR fish_color_end:green
+SETUVAR fish_color_error:brred
+SETUVAR fish_color_escape:brcyan
+SETUVAR fish_color_history_current:\x2d\x2dbold
+SETUVAR fish_color_host:normal
+SETUVAR fish_color_host_remote:yellow
+SETUVAR fish_color_normal:normal
+SETUVAR fish_color_operator:brcyan
+SETUVAR fish_color_param:cyan
+SETUVAR fish_color_quote:yellow
+SETUVAR fish_color_redirection:cyan\x1e\x2d\x2dbold
+SETUVAR fish_color_search_match:\x2d\x2dbackground\x3d111
+SETUVAR fish_color_selection:white\x1e\x2d\x2dbold\x1e\x2d\x2dbackground\x3dbrblack
+SETUVAR fish_color_status:red
+SETUVAR fish_color_user:brgreen
+SETUVAR fish_color_valid_path:\x2d\x2dunderline
+SETUVAR fish_key_bindings:fish_default_key_bindings
+SETUVAR fish_pager_color_completion:normal
+SETUVAR fish_pager_color_description:B3A06D\x1eyellow\x1e\x2di
+SETUVAR fish_pager_color_prefix:cyan\x1e\x2d\x2dbold\x1e\x2d\x2dunderline
+SETUVAR fish_pager_color_progress:brwhite\x1e\x2d\x2dbackground\x3dcyan
+SETUVAR fish_pager_color_selected_background:\x2dr
diff --git a/hybrid-summer/.config/fish/functions/fisher.fish b/hybrid-summer/.config/fish/functions/fisher.fish
new file mode 100755
index 000000000..c0a86fa4e
--- /dev/null
+++ b/hybrid-summer/.config/fish/functions/fisher.fish
@@ -0,0 +1,240 @@
+function fisher --argument-names cmd --description "A plugin manager for Fish"
+    set --query fisher_path || set --local fisher_path $__fish_config_dir
+    set --local fisher_version 4.4.3
+    set --local fish_plugins $__fish_config_dir/fish_plugins
+
+    switch "$cmd"
+        case -v --version
+            echo "fisher, version $fisher_version"
+        case "" -h --help
+            echo "Usage: fisher install <plugins...>  Install plugins"
+            echo "       fisher remove  <plugins...>  Remove installed plugins"
+            echo "       fisher update  <plugins...>  Update installed plugins"
+            echo "       fisher update                Update all installed plugins"
+            echo "       fisher list    [<regex>]     List installed plugins matching regex"
+            echo "Options:"
+            echo "       -v or --version  Print version"
+            echo "       -h or --help     Print this help message"
+            echo "Variables:"
+            echo "       \$fisher_path  Plugin installation path. Default: $__fish_config_dir" | string replace --regex -- $HOME \~
+        case ls list
+            string match --entire --regex -- "$argv[2]" $_fisher_plugins
+        case install update remove
+            isatty || read --local --null --array stdin && set --append argv $stdin
+
+            set --local install_plugins
+            set --local update_plugins
+            set --local remove_plugins
+            set --local arg_plugins $argv[2..-1]
+            set --local old_plugins $_fisher_plugins
+            set --local new_plugins
+
+            test -e $fish_plugins && set --local file_plugins (string match --regex -- '^[^\s]+$' <$fish_plugins)
+
+            if ! set --query argv[2]
+                if test "$cmd" != update
+                    echo "fisher: Not enough arguments for command: \"$cmd\"" >&2 && return 1
+                else if ! set --query file_plugins
+                    echo "fisher: \"$fish_plugins\" file not found: \"$cmd\"" >&2 && return 1
+                end
+                set arg_plugins $file_plugins
+            end
+
+            for plugin in $arg_plugins
+                set plugin (test -e "$plugin" && realpath $plugin || string lower -- $plugin)
+                contains -- "$plugin" $new_plugins || set --append new_plugins $plugin
+            end
+
+            if set --query argv[2]
+                for plugin in $new_plugins
+                    if contains -- "$plugin" $old_plugins
+                        test "$cmd" = remove &&
+                            set --append remove_plugins $plugin ||
+                            set --append update_plugins $plugin
+                    else if test "$cmd" = install
+                        set --append install_plugins $plugin
+                    else
+                        echo "fisher: Plugin not installed: \"$plugin\"" >&2 && return 1
+                    end
+                end
+            else
+                for plugin in $new_plugins
+                    contains -- "$plugin" $old_plugins &&
+                        set --append update_plugins $plugin ||
+                        set --append install_plugins $plugin
+                end
+
+                for plugin in $old_plugins
+                    contains -- "$plugin" $new_plugins || set --append remove_plugins $plugin
+                end
+            end
+
+            set --local pid_list
+            set --local source_plugins
+            set --local fetch_plugins $update_plugins $install_plugins
+            set --local fish_path (status fish-path)
+
+            echo (set_color --bold)fisher $cmd version $fisher_version(set_color normal)
+
+            for plugin in $fetch_plugins
+                set --local source (command mktemp -d)
+                set --append source_plugins $source
+
+                command mkdir -p $source/{completions,conf.d,themes,functions}
+
+                $fish_path --command "
+                    if test -e $plugin
+                        command cp -Rf $plugin/* $source
+                    else
+                        set temp (command mktemp -d)
+                        set repo (string split -- \@ $plugin) || set repo[2] HEAD
+
+                        if set path (string replace --regex -- '^(https://)?gitlab.com/' '' \$repo[1])
+                            set name (string split -- / \$path)[-1]
+                            set url https://gitlab.com/\$path/-/archive/\$repo[2]/\$name-\$repo[2].tar.gz
+                        else
+                            set url https://api.github.com/repos/\$repo[1]/tarball/\$repo[2]
+                        end
+
+                        echo Fetching (set_color --underline)\$url(set_color normal)
+
+                        if curl --silent -L \$url | tar -xzC \$temp -f - 2>/dev/null
+                            command cp -Rf \$temp/*/* $source
+                        else
+                            echo fisher: Invalid plugin name or host unavailable: \\\"$plugin\\\" >&2
+                            command rm -rf $source
+                        end
+
+                        command rm -rf \$temp
+                    end
+
+                    set files $source/* && string match --quiet --regex -- .+\.fish\\\$ \$files
+                " &
+
+                set --append pid_list (jobs --last --pid)
+            end
+
+            wait $pid_list 2>/dev/null
+
+            for plugin in $fetch_plugins
+                if set --local source $source_plugins[(contains --index -- "$plugin" $fetch_plugins)] && test ! -e $source
+                    if set --local index (contains --index -- "$plugin" $install_plugins)
+                        set --erase install_plugins[$index]
+                    else
+                        set --erase update_plugins[(contains --index -- "$plugin" $update_plugins)]
+                    end
+                end
+            end
+
+            for plugin in $update_plugins $remove_plugins
+                if set --local index (contains --index -- "$plugin" $_fisher_plugins)
+                    set --local plugin_files_var _fisher_(string escape --style=var -- $plugin)_files
+
+                    if contains -- "$plugin" $remove_plugins
+                        for name in (string replace --filter --regex -- '.+/conf\.d/([^/]+)\.fish$' '$1' $$plugin_files_var)
+                            emit {$name}_uninstall
+                        end
+                        printf "%s\n" Removing\ (set_color red --bold)$plugin(set_color normal) "         "$$plugin_files_var | string replace -- \~ ~
+                        set --erase _fisher_plugins[$index]
+                    end
+
+                    command rm -rf (string replace -- \~ ~ $$plugin_files_var)
+
+                    functions --erase (string replace --filter --regex -- '.+/functions/([^/]+)\.fish$' '$1' $$plugin_files_var)
+
+                    for name in (string replace --filter --regex -- '.+/completions/([^/]+)\.fish$' '$1' $$plugin_files_var)
+                        complete --erase --command $name
+                    end
+
+                    set --erase $plugin_files_var
+                end
+            end
+
+            if set --query update_plugins[1] || set --query install_plugins[1]
+                command mkdir -p $fisher_path/{functions,themes,conf.d,completions}
+            end
+
+            for plugin in $update_plugins $install_plugins
+                set --local source $source_plugins[(contains --index -- "$plugin" $fetch_plugins)]
+                set --local files $source/{functions,themes,conf.d,completions}/*
+
+                if set --local index (contains --index -- $plugin $install_plugins)
+                    set --local user_files $fisher_path/{functions,themes,conf.d,completions}/*
+                    set --local conflict_files
+
+                    for file in (string replace -- $source/ $fisher_path/ $files)
+                        contains -- $file $user_files && set --append conflict_files $file
+                    end
+
+                    if set --query conflict_files[1] && set --erase install_plugins[$index]
+                        echo -s "fisher: Cannot install \"$plugin\": please remove or move conflicting files first:" \n"        "$conflict_files >&2
+                        continue
+                    end
+                end
+
+                for file in (string replace -- $source/ "" $files)
+                    command cp -RLf $source/$file $fisher_path/$file
+                end
+
+                set --local plugin_files_var _fisher_(string escape --style=var -- $plugin)_files
+
+                set --query files[1] && set --universal $plugin_files_var (string replace -- $source $fisher_path $files | string replace -- ~ \~)
+
+                contains -- $plugin $_fisher_plugins || set --universal --append _fisher_plugins $plugin
+                contains -- $plugin $install_plugins && set --local event install || set --local event update
+
+                printf "%s\n" Installing\ (set_color --bold)$plugin(set_color normal) "           "$$plugin_files_var | string replace -- \~ ~
+
+                for file in (string match --regex -- '.+/[^/]+\.fish$' $$plugin_files_var | string replace -- \~ ~)
+                    source $file
+                    if set --local name (string replace --regex -- '.+conf\.d/([^/]+)\.fish$' '$1' $file)
+                        emit {$name}_$event
+                    end
+                end
+            end
+
+            command rm -rf $source_plugins
+
+            if set --query _fisher_plugins[1]
+                set --local commit_plugins
+
+                for plugin in $file_plugins
+                    contains -- (string lower -- $plugin) (string lower -- $_fisher_plugins) && set --append commit_plugins $plugin
+                end
+
+                for plugin in $_fisher_plugins
+                    contains -- (string lower -- $plugin) (string lower -- $commit_plugins) || set --append commit_plugins $plugin
+                end
+
+                printf "%s\n" $commit_plugins >$fish_plugins
+            else
+                set --erase _fisher_plugins
+                command rm -f $fish_plugins
+            end
+
+            set --local total (count $install_plugins) (count $update_plugins) (count $remove_plugins)
+
+            test "$total" != "0 0 0" && echo (string join ", " (
+                test $total[1] = 0 || echo "Installed $total[1]") (
+                test $total[2] = 0 || echo "Updated $total[2]") (
+                test $total[3] = 0 || echo "Removed $total[3]")
+            ) plugin/s
+        case \*
+            echo "fisher: Unknown command: \"$cmd\"" >&2 && return 1
+    end
+end
+
+if ! set --query _fisher_upgraded_to_4_4
+    set --universal _fisher_upgraded_to_4_4
+    if functions --query _fisher_list
+        set --query XDG_DATA_HOME[1] || set --local XDG_DATA_HOME ~/.local/share
+        command rm -rf $XDG_DATA_HOME/fisher
+        functions --erase _fisher_{list,plugin_parse}
+        fisher update >/dev/null 2>/dev/null
+    else
+        for var in (set --names | string match --entire --regex '^_fisher_.+_files$')
+            set $var (string replace -- ~ \~ $$var)
+        end
+        functions --erase _fisher_fish_postexec
+    end
+end
diff --git a/hybrid-summer/.config/fish/tokyonight_day.fish b/hybrid-summer/.config/fish/tokyonight_day.fish
new file mode 100644
index 000000000..0a73a06a5
--- /dev/null
+++ b/hybrid-summer/.config/fish/tokyonight_day.fish
@@ -0,0 +1,36 @@
+    # TokyoNight Color Palette
+    set -l foreground 3760bf
+    set -l selection 99a7df
+    set -l comment 848cb5
+    set -l red f52a65
+    set -l orange b15c00
+    set -l yellow 8c6c3e
+    set -l green 587539
+    set -l purple 7847bd
+    set -l cyan 007197
+    set -l pink 9854f1
+
+    # Syntax Highlighting Colors
+    set -g fish_color_normal $foreground
+    set -g fish_color_command $cyan
+    set -g fish_color_keyword $pink
+    set -g fish_color_quote $yellow
+    set -g fish_color_redirection $foreground
+    set -g fish_color_end $orange
+    set -g fish_color_error $red
+    set -g fish_color_param $purple
+    set -g fish_color_comment $comment
+    set -g fish_color_selection --background=$selection
+    set -g fish_color_search_match --background=$selection
+    set -g fish_color_operator $green
+    set -g fish_color_escape $pink
+    set -g fish_color_autosuggestion $comment
+
+    # Completion Pager Colors
+    set -g fish_pager_color_progress $comment
+    set -g fish_pager_color_prefix $cyan
+    set -g fish_pager_color_completion $foreground
+    set -g fish_pager_color_description $comment
+    set -g fish_pager_color_selected_background --background=$selection
+
+  
\ No newline at end of file
diff --git a/hybrid-summer/.config/fish/tokyonight_moon.fish b/hybrid-summer/.config/fish/tokyonight_moon.fish
new file mode 100644
index 000000000..2acc461b3
--- /dev/null
+++ b/hybrid-summer/.config/fish/tokyonight_moon.fish
@@ -0,0 +1,36 @@
+    # TokyoNight Color Palette
+    set -l foreground c8d3f5
+    set -l selection 3654a7
+    set -l comment 7a88cf
+    set -l red ff757f
+    set -l orange ff966c
+    set -l yellow ffc777
+    set -l green c3e88d
+    set -l purple fca7ea
+    set -l cyan 86e1fc
+    set -l pink c099ff
+
+    # Syntax Highlighting Colors
+    set -g fish_color_normal $foreground
+    set -g fish_color_command $cyan
+    set -g fish_color_keyword $pink
+    set -g fish_color_quote $yellow
+    set -g fish_color_redirection $foreground
+    set -g fish_color_end $orange
+    set -g fish_color_error $red
+    set -g fish_color_param $purple
+    set -g fish_color_comment $comment
+    set -g fish_color_selection --background=$selection
+    set -g fish_color_search_match --background=$selection
+    set -g fish_color_operator $green
+    set -g fish_color_escape $pink
+    set -g fish_color_autosuggestion $comment
+
+    # Completion Pager Colors
+    set -g fish_pager_color_progress $comment
+    set -g fish_pager_color_prefix $cyan
+    set -g fish_pager_color_completion $foreground
+    set -g fish_pager_color_description $comment
+    set -g fish_pager_color_selected_background --background=$selection
+
+  
\ No newline at end of file
diff --git a/hybrid-summer/.config/fish/tokyonight_night.fish b/hybrid-summer/.config/fish/tokyonight_night.fish
new file mode 100644
index 000000000..58edd99b3
--- /dev/null
+++ b/hybrid-summer/.config/fish/tokyonight_night.fish
@@ -0,0 +1,36 @@
+    # TokyoNight Color Palette
+    set -l foreground c0caf5
+    set -l selection 33467c
+    set -l comment 565f89
+    set -l red f7768e
+    set -l orange ff9e64
+    set -l yellow e0af68
+    set -l green 9ece6a
+    set -l purple 9d7cd8
+    set -l cyan 7dcfff
+    set -l pink bb9af7
+
+    # Syntax Highlighting Colors
+    set -g fish_color_normal $foreground
+    set -g fish_color_command $cyan
+    set -g fish_color_keyword $pink
+    set -g fish_color_quote $yellow
+    set -g fish_color_redirection $foreground
+    set -g fish_color_end $orange
+    set -g fish_color_error $red
+    set -g fish_color_param $purple
+    set -g fish_color_comment $comment
+    set -g fish_color_selection --background=$selection
+    set -g fish_color_search_match --background=$selection
+    set -g fish_color_operator $green
+    set -g fish_color_escape $pink
+    set -g fish_color_autosuggestion $comment
+
+    # Completion Pager Colors
+    set -g fish_pager_color_progress $comment
+    set -g fish_pager_color_prefix $cyan
+    set -g fish_pager_color_completion $foreground
+    set -g fish_pager_color_description $comment
+    set -g fish_pager_color_selected_background --background=$selection
+
+  
\ No newline at end of file
diff --git a/hybrid-summer/.config/fish/tokyonight_storm.fish b/hybrid-summer/.config/fish/tokyonight_storm.fish
new file mode 100644
index 000000000..0fd59a748
--- /dev/null
+++ b/hybrid-summer/.config/fish/tokyonight_storm.fish
@@ -0,0 +1,36 @@
+    # TokyoNight Color Palette
+    set -l foreground c0caf5
+    set -l selection 364a82
+    set -l comment 565f89
+    set -l red f7768e
+    set -l orange ff9e64
+    set -l yellow e0af68
+    set -l green 9ece6a
+    set -l purple 9d7cd8
+    set -l cyan 7dcfff
+    set -l pink bb9af7
+
+    # Syntax Highlighting Colors
+    set -g fish_color_normal $foreground
+    set -g fish_color_command $cyan
+    set -g fish_color_keyword $pink
+    set -g fish_color_quote $yellow
+    set -g fish_color_redirection $foreground
+    set -g fish_color_end $orange
+    set -g fish_color_error $red
+    set -g fish_color_param $purple
+    set -g fish_color_comment $comment
+    set -g fish_color_selection --background=$selection
+    set -g fish_color_search_match --background=$selection
+    set -g fish_color_operator $green
+    set -g fish_color_escape $pink
+    set -g fish_color_autosuggestion $comment
+
+    # Completion Pager Colors
+    set -g fish_pager_color_progress $comment
+    set -g fish_pager_color_prefix $cyan
+    set -g fish_pager_color_completion $foreground
+    set -g fish_pager_color_description $comment
+    set -g fish_pager_color_selected_background --background=$selection
+
+  
\ No newline at end of file
diff --git a/hybrid-summer/.config/foot/foot.ini b/hybrid-summer/.config/foot/foot.ini
new file mode 100755
index 000000000..e4ff60012
--- /dev/null
+++ b/hybrid-summer/.config/foot/foot.ini
@@ -0,0 +1,320 @@
+# -*- 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=monospace:size=11
+font=JetBrainsMono Nerd Font:size=12
+# 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=30x30                             # optionally append 'center'
+# resize-delay-ms=100
+
+# notify=notify-send -a ${app-id} -i ${app-id} ${title} ${body}
+
+bold-text-in-bright=no
+# bell=none
+# 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=block
+# color=111111 dcdccc
+color=282a36 f8f8f2
+# blink=no
+# beam-thickness=1.5
+# underline-thickness=<font underline thickness>
+
+[mouse]
+# hide-when-typing=no
+# alternate-scroll-mode=yes
+
+#DoomOne Colors
+#[colors]
+#alpha=0.3
+#foreground=bbc2cf
+#background=444444
+#regular0=282c34  # black
+#regular1=ff6c6b  # red
+#regular2=98be65  # green
+#regular3=ecbe7b  # yellow
+#regular4=51afef  # blue
+#regular5=c678dd  # magenta
+#regular6=46d9ff  # cyan
+#regular7=bfbfbf  # white
+#bright0=666666   # bright black
+#bright1=da8548   # bright red
+#bright2=4db5bd   # bright green
+#bright3=ECBE7B   # bright yellow
+#bright4=51afef   # bright blue
+#bright5=c678dd   # bright magenta
+#bright6=46D9FF   # bright cyan
+#bright7=dfdfdf   # bright white
+# 16 = <256-color palette #16>
+# ...
+# 255 = <256-color palette #255>
+# selection-foreground=<inverse foreground/background>
+# selection-background=<inverse foreground/background>
+# jump-labels=<regular0> <regular3>
+# urls=<regular3>
+
+##Dracula Colors
+# [colors]
+# alpha=0.3
+# foreground=f8f8f2
+# background=444444
+# regular0=000000  # black
+# regular1=ff5555  # red
+# regular2=50fa7b  # green
+# regular3=f1fa8c  # yellow
+# regular4=bd93f9  # blue
+# regular5=ff79c6  # magenta
+# regular6=8be9fd  # cyan
+# regular7=bfbfbf  # white
+# bright0=4d4d4d   # bright black
+# bright1=ff6e67   # bright red
+# bright2=5af78e   # bright green
+# bright3=f4f99d   # bright yellow
+# bright4=caa9fa   # bright blue
+# bright5=ff92d0   # bright magenta
+# bright6=9aedfe   # bright cyan
+# bright7=e6e6e6   # bright white
+
+# Catppuccin Colors
+[colors]
+alpha=0.5
+foreground=a9b1d6
+background=1a1b26
+regular0=414868  # black
+regular1=f7768e  # red
+regular2=73daca  # green
+regular3=e0af68  # yellow
+regular4=7aa2f7  # blue
+regular5=bb9af7  # magenta
+regular6=7dcfff  # cyan
+regular7=c0caf5  # white
+bright0=414868  # black
+bright1=f7768e  # red
+bright2=73daca  # green
+bright3=e0af68  # yellow
+bright4=7aa2f7  # blue
+bright5=bb9af7  # magenta
+bright6=7dcfff  # cyan
+bright7=c0caf5  # white
+
+# Ice colors
+# [colors]
+# alpha=0.5
+# foreground=90D1F6
+# background=162546
+# regular0=68ABE3  # black
+# regular1=BB9AF7  # red
+# regular2=90D1F6  # green
+# regular3=90D1F6  # yellow
+# regular4=AED6F7  # blue
+# regular5=AEE5FA  # magenta
+# regular6=DEECF5  # cyan
+# regular7=90D1F6  # white
+# bright0=68ABE3  # black
+# bright1=F7768E  # red
+# bright2=8DB5E3  # green
+# bright3=90D1F6  # yellow
+# bright4=AED6F7  # blue
+# bright5=AEE5FA  # magenta
+# bright6=DEECF5  # cyan
+# bright7=90D1F6  # white
+
+##Lovelace Colors
+# [colors]
+# alpha=0.3
+# foreground=f8f8f2
+# background=444444
+# regular0=282A36  # black
+# regular1=F37F97  # red
+# regular2=5ADECD  # green
+# regular3=F2A272  # yellow
+# regular4=8897F4  # blue
+# regular5=C574DD  # magenta
+# regular6=79E6F3  # cyan
+# regular7=FDFDFD  # white
+#  bright0=414458  # bright black
+#  bright1=FF4971  # bright red
+#  bright2=18E3C8  # bright green
+#  bright3=FF8037  # bright yellow
+#  bright4=556FFF  # bright blue
+#  bright5=B043D1  # bright magenta
+#  bright6=3FDCEE  # bright cyan
+#  bright7=BEBEC1  # bright white
+
+##Amarena Colors
+# [colors]
+# alpha=0.3
+# foreground=FFFFFF
+# background=1A2026
+# regular0=242D35 #black
+# regular1=FB6396 #red
+# regular2=94CF95 #green
+# regular3=F692B2 #yellow
+# regular4=6EC1D6 #blue
+# regular5=CD84C8 #magenta
+# regular6=7FE4D2 #cyan
+# regular7=FFFFFF #white
+#  bright0=526170 #bright black
+#  bright1=F92D72 #bright red
+#  bright2=6CCB6E #bright green
+#  bright3=F26190 #bright yellow
+#  bright4=4CB9D6 #bright blue
+#  bright5=C269BC #bright magenta
+#  bright6=58D6BF #bright cyan
+#  bright7=F4F5F2 #bright white
+  
+#Catpuccin Frappe
+#[colors]
+#    alpha=0.3
+#    foreground=c6d0f5 # Text
+#    background=444444 # Base
+#    regular0=51576d   # Surface 1
+#    regular1=e78284   # red
+#    regular2=a6d189   # green
+#    regular3=e5c890   # yellow
+#    regular4=8caaee   # blue
+#    regular5=f4b8e4   # pink
+#    regular6=81c8be   # teal
+#    regular7=b5bfe2   # Subtext 1
+#    bright0=626880    # Surface 2
+#    bright1=e78284    # red
+#    bright2=a6d189    # green
+#    bright3=e5c890    # yellow
+#    bright4=8caaee    # blue
+#    bright5=f4b8e4    # pink
+#    bright6=81c8be    # teal
+#    bright7=a5adce    # Subtext 0
+
+##Catpuccin Latte
+#[colors]
+#    alpha=0.3
+#    foreground=4c4f69 # Text
+#    background=444444 # Base
+#    regular0=5c5f77   # Subtext 1
+#    regular1=d20f39   # red
+#    regular2=40a02b   # green
+#    regular3=df8e1d   # yellow
+#    regular4=1e66f5   # blue
+#    regular5=ea76cb   # pink
+#    regular6=179299   # teal
+#    regular7=acb0be   # Surface 2
+#    bright0=6c6f85    # Subtext 0
+#    bright1=d20f39    # red
+#    bright2=40a02b    # green
+#    bright3=df8e1d    # yellow
+#    bright4=1e66f5    # blue
+#    bright5=ea76cb    # pink
+#    bright6=179299    # teal
+#    bright7=bcc0cc    # Surface 1
+
+[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=Mod1+BackSpace 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
diff --git a/hybrid-summer/.config/hypr/colors.conf b/hybrid-summer/.config/hypr/colors.conf
new file mode 100755
index 000000000..909d9c2b5
--- /dev/null
+++ b/hybrid-summer/.config/hypr/colors.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(AF8D61FF) rgba(CEB153FF) rgba(7B8387FF) 45deg
+    col.inactive_border = rgba(AF8D6166)
+}
diff --git a/hybrid-summer/.config/hypr/colors_default.conf b/hybrid-summer/.config/hypr/colors_default.conf
new file mode 100755
index 000000000..09e7115b6
--- /dev/null
+++ b/hybrid-summer/.config/hypr/colors_default.conf
@@ -0,0 +1,4 @@
+general {
+    col.active_border = rgba(0DB7D4FF) rgba(7AA2F7FF) rgba(9778D0FF) 45deg
+    col.inactive_border = rgba(04404aaa)
+}
diff --git a/hybrid-summer/.config/hypr/env.conf b/hybrid-summer/.config/hypr/env.conf
new file mode 100755
index 000000000..44fce7445
--- /dev/null
+++ b/hybrid-summer/.config/hypr/env.conf
@@ -0,0 +1,5 @@
+env = XMODIFIERS, @im, ibus
+env = GTK_IM_MODULE, ibus
+env = QT_IM_MODULE, ibus
+env = QT_QPA_PLATFORMTHEME, qt5ct
+env = WLR_NO_HARDWARE_CURSORS, 1
diff --git a/hybrid-summer/.config/hypr/execs.conf b/hybrid-summer/.config/hypr/execs.conf
new file mode 100755
index 000000000..97fc5764b
--- /dev/null
+++ b/hybrid-summer/.config/hypr/execs.conf
@@ -0,0 +1,29 @@
+# Wallpaper
+exec-once = swaybg -i ~/.config/eww/images/wallpaper/wallpaper
+
+# Status bar
+#exec-once = waybar
+exec-once = eww daemon && eww open bar && eww open bottomline # && eww open dynamic-bg
+exec-once = ~/.config/eww/scripts/get_open_icons &
+#exec-once = eww daemon && eww open winbar &
+
+# Language Switch
+exec-once = ibus-daemon --xim -d -r
+exec-once = ibus engine xkb:us::eng
+
+# Core components (authentication, lock screen, notification daemon)
+exec-once = dbus-update-activation-environment --all
+exec-once = /usr/bin/gnome-keyring-daemon --start --components=secrets
+exec-once = /usr/lib/polkit-gnome/polkit-gnome-authentication-agent-1 &
+exec-once = dunst &
+exec-once = swayidle -w timeout 300 '$HOME/.local/bin/lock.sh' before-sleep '$HOME/.local/bin/lock.sh' &
+exec-once = swayidle -w timeout 450 'systemctl suspend'
+
+# Clipboard history
+exec-once = wl-paste --watch cliphist store
+
+# Cursor and Touchpad gestures
+exec-once = hyprctl setcursor Bibata-Modern-Classic 24
+exec-once = libinput-gestures-setup start
+
+exec-once = sleep 1 && dbus-update-activation-environment --systemd WAYLAND_DISPLAY XDG_CURRENT_DESKTOP
diff --git a/hybrid-summer/.config/hypr/hypr.conf b/hybrid-summer/.config/hypr/hypr.conf
new file mode 100755
index 000000000..9e8af1936
--- /dev/null
+++ b/hybrid-summer/.config/hypr/hypr.conf
@@ -0,0 +1,148 @@
+###################################################
+#    This is the config for Hypr, not Hyprland!   #
+#       that abandoned Xorg window manager..      #
+###################################################
+
+gaps_in=4
+border_size=3
+gaps_out=8
+rounding=17
+max_fps=60 # max fps for updates of config & animations
+focus_when_hover=1 # 0 - do not switch the focus when hover (only for tiling)
+main_mod=SUPER # For moving, resizing
+intelligent_transients=1 # keeps transients always on top.
+no_unmap_saving=1 # disables saving unmapped windows (seems to break sometimes)
+scratchpad_mon=0 # self-explanatory # no its not
+
+# Execs
+exec-once=nitrogen --set-centered ~/.config/eww/images/wallpaper/wallpaper
+exec-once=/usr/bin/gnome-keyring-daemon --start --components=secrets
+exec-once=/usr/libexec/polkit-gnome-authentication-agent-1 &
+exec-once=ibus-daemon --xim -d -r
+exec-once=picom
+#exec-once=ibus-daemon &
+exec-once=ibus engine Bamboo::Us
+bind=SUPERSHIFT,V,exec,ibus engine Bamboo::Us
+bind=SUPERSHIFT,E,exec,ibus engine xkb:us::eng
+
+# Layout
+layout=0 # 0 - dwindle (default), 1 - master
+layout {
+    no_gaps_when_only=0 # disables gaps and borders when only window on screen
+}
+
+# Bar config
+Bar {
+    height=20
+    monitor=0
+    enabled=1
+    mod_pad_in=8
+    no_tray_saving=1 # using this doesnt save the tray between reloads but fixes an issue with the bar disappearing.
+
+    font.main=Noto Sans
+    font.secondary=Noto Sans
+
+    col.bg=0xff111111
+    col.high=0xffff3333
+
+    module=left,X,0xff8000ff,0xffffffff,1,workspaces
+    module=pad,left,10
+    module=left,,0xff7000dd,0xff7000dd,1,tray
+    module=right,X,0xffffffff,0xff00ff33,1000,$date +%a,\ %b\ %Y\ \ %I:%M\ %p$
+}
+
+# colors
+col.active_border=0xff7348e0
+col.inactive_border=0x77222222
+
+# status command
+# deprecated
+# status_command=date +%a,\ %b\ %Y\ \ %I:%M\ %p
+#
+
+# animations
+Animations {
+    enabled=1
+    speed=8
+    window_resize_speed=1
+    cheap=1 # highly recommended
+    borders=1
+    workspaces=1
+}
+
+# example window rules, more in the wiki
+
+# windowrule=float,class:krunner
+# windowrule=float,role:pop-up
+# windowrule=float,role:task_dialog
+# windowrule=monitor 0,class:krunner
+# windowrule=size 500 50,class:krunner
+# windowrule=move 700 500,class:krunner
+# windowrule=pseudo,class:discord
+
+# keybinds
+bind=CTRLALT,119,exec,kill Xorg
+bind=SUPER,R,exec,dmenu_run
+bind=SUPER,T,exec,kitty fish
+# bind=SUPER,W,exec,microsoft-edge --password-store=gnome --enable-features=UseOzonePlatform --gtk-version=4
+bind=SUPER,W,exec,firefox
+bind=SUPER,A,exec,rofi -show drun
+bind=SUPER,ESCAPE,exec,kitty btop
+bind=SUPER,E,exec,nautilus --new-window
+bind=SUPER,G,exec,gnome-text-editor --new-window
+
+bind=SUPER,Q,killactive,
+
+bind=SUPERSHIFT,LEFT,movewindow,l
+bind=SUPERSHIFT,RIGHT,movewindow,r
+bind=SUPERSHIFT,UP,movewindow,u
+bind=SUPERSHIFT,DOWN,movewindow,d
+
+bind=SUPER,LEFT,movefocus,l
+bind=SUPER,RIGHT,movefocus,r
+bind=SUPER,UP,movefocus,u
+bind=SUPER,DOWN,movefocus,d
+
+bind=SUPER,F,fullscreen,
+
+bind=SUPER,1,workspace,1
+bind=SUPER,2,workspace,2
+bind=SUPER,3,workspace,3
+bind=SUPER,4,workspace,4
+bind=SUPER,5,workspace,5
+bind=SUPER,6,workspace,6
+bind=SUPER,7,workspace,7
+bind=SUPER,8,workspace,8
+bind=SUPER,9,workspace,9
+bind=SUPER,0,workspace,10
+
+bind=CTRLSUPER,left,lastworkspace,-
+bind=CTRLSUPER,right,nextworkspace,+
+bind=CTRLSUPER,Prior,lastworkspace,-
+bind=CTRLSUPER,Next,nextworkspace,+
+bind=SUPER,Prior,lastworkspace,-
+bind=SUPER,Next,nextworkspace,+
+bind=CTRLSUPER,H,lastworkspace,
+bind=CTRLSUPER,L,nextworkspace,
+
+bind=CTRLSUPERSHIFT,left,movetorelativeworkspace,-
+bind=CTRLSUPERSHIFT,right,movetorelativeworkspace,+
+
+bind=SUPERALT,1,movetoworkspace,1
+bind=SUPERALT,2,movetoworkspace,2
+bind=SUPERALT,3,movetoworkspace,3
+bind=SUPERALT,4,movetoworkspace,4
+bind=SUPERALT,5,movetoworkspace,5
+bind=SUPERALT,6,movetoworkspace,6
+bind=SUPERALT,7,movetoworkspace,7
+bind=SUPERALT,8,movetoworkspace,8
+bind=SUPERALT,9,movetoworkspace,9
+bind=SUPERALT,0,movetoworkspace,10
+
+bind=SUPERSHIFT,S,movetoworkspace,scratchpad
+bind=SUPER,S,scratchpad,
+
+bind=SUPERALT,SPACE,togglefloating,
+
+bind=SUPER,equal,splitratio,+0.15
+bind=SUPER,minus,splitratio,-0.15
diff --git a/hybrid-summer/.config/hypr/hyprland.conf b/hybrid-summer/.config/hypr/hyprland.conf
new file mode 100755
index 000000000..f15f9af7c
--- /dev/null
+++ b/hybrid-summer/.config/hypr/hyprland.conf
@@ -0,0 +1,191 @@
+# This file contains general customization options 
+# For Environment variables see env.conf
+# For Keybinds variables see keybinds.conf 
+# For Auto-run stuff see execs.conf
+#autogenerated = 1
+
+# I haven't updated yet but prepared
+# source=~/.config/hypr/env.conf
+
+# Monitor: reserve space for eww bar
+monitor=eDP-1,1920x1080@60,0x0,1
+monitor=eDP-1, addreserved, 61, 0, 0, 0
+monitor=HDMI-A-1,1920x1080@60,1920x0,1,mirror,eDP-1
+
+#################### Core components (authentication, idle daemon and stuff) ##############
+source=~/.config/hypr/execs.conf
+
+############################# Keybinds ############################
+source=~/.config/hypr/keybinds.conf
+
+############################## Input ##############################
+input {
+    # Mouse
+    # accel_profile = adaptive
+    force_no_accel = false
+    #sensitivity = 0
+    # osu
+    # force_no_accel = true
+    # sensitivity = -0.23 
+
+    # Keyboard
+    kb_layout = us
+    follow_mouse = 1
+    numlock_by_default = true
+
+    touchpad {
+        natural_scroll = yes
+        disable_while_typing = true
+        clickfinger_behavior = true
+        scroll_factor = 0.7
+    }
+    scroll_method = 2fg
+}
+gestures {
+    # See https://wiki.hyprland.org/Configuring/Variables/ for more
+    workspace_swipe = true
+    workspace_swipe_distance = 1200px
+    workspace_swipe_fingers = 4
+    workspace_swipe_cancel_ratio = 0.2
+    workspace_swipe_min_speed_to_force = 5
+    workspace_swipe_create_new = true
+}
+
+general {
+    # Gaps and border
+    gaps_in = 4
+    gaps_out = 8
+    border_size = 2
+    
+    # Fallback colors
+    col.active_border = rgba(0DB7D4FF) rgba(7AA2F7FF) rgba(9778D0FF) 45deg
+    col.inactive_border = rgba(04404aaa)
+
+    # Functionality
+    # resize_on_border = true
+    layout = dwindle
+}
+
+
+decoration {
+	# Blur rules
+	# blurls=gtk-layer-shell
+	rounding = 17
+    
+    # Blur
+    blur = yes
+    blur_size = 7
+    blur_passes = 4
+    blur_new_optimizations = on
+    blur_ignore_opacity = false
+    #blur_xray = true
+    # Shadow
+    drop_shadow = no
+    shadow_range = 30
+    shadow_render_power = 3
+    col.shadow = rgba(01010166)
+    
+    # Opacity
+    	
+    
+    # Shader
+    # screen_shader = ~/.config/hypr/shaders/nothing.frag
+    
+    # Dim
+    dim_inactive = false
+    dim_strength = 0.1
+    dim_special = 0
+}
+
+animations {
+    enabled = yes
+    # Animation curves
+    
+    bezier = md3_standard, 0.2, 0.0, 0, 1.0
+    bezier = md3_decel, 0.05, 0.7, 0.1, 1
+    bezier = md3_accel, 0.3, 0, 0.8, 0.15
+    bezier = overshot, 0.05, 0.9, 0.1, 1.05
+    bezier = hyprnostretch, 0.05, 0.9, 0.1, 1.0
+    bezier = win10, 0, 0, 0, 1
+    bezier = gnome, 0, 0.85, 0.3, 1
+    bezier = funky, 0.46, 0.35, -0.2, 1.2
+    # Animation configs
+    animation = windows, 1, 2, overshot, slide
+    animation = border, 1, 10, default
+    animation = fade, 1, 0.0000001, default
+    animation = workspaces, 1, 4, md3_decel, slide
+}
+
+misc {
+    vfr = 1
+    vrr = 0
+    focus_on_activate = true
+	animate_manual_resizes = true
+	animate_mouse_windowdragging = true
+	#suppress_portal_warnings = true
+	enable_swallow = true
+}
+debug {
+	#overlay = true
+}
+dwindle {
+	preserve_split = true # you probably want this
+	#no_gaps_when_only = true
+}
+
+decoration {
+  #screen_shader = ~/.config/hypr/shaders/drugs.frag
+  #screen_shader = ~/.config/hypr/shaders/crt.frag
+}
+debug {
+  #damage_tracking=0
+}
+
+# Efficiency
+#general {
+#	gaps_in = 0
+#    gaps_out = 0
+#	border_size = 2
+#}
+#decoration {
+#	rounding = 0
+#}
+#monitor=eDP-1, addreserved, 32, 0, 0, 0
+
+######## Window rules ########
+#windowrule = float, ^(firefox)$
+windowrule = float, ^(steam)$
+windowrule = float, ^(guifetch)$
+
+#windowrule = opacity 0.9 override 0.9 override, ^(firefox)$
+# Dialogs
+windowrule=float,title:^(Open File)(.*)$
+windowrule=float,title:^(Open Folder)(.*)$
+windowrule=float,title:^(Save As)(.*)$
+windowrule=float,title:^(Library)(.*)$ 
+windowrulev2 = float, class:^com.github.hluk.copyq$
+
+windowrulev2 = rounding 10, floating:1
+######## Layer rules ########
+layerrule = blur, gtk-layer-shell
+layerrule = ignorezero, gtk-layer-shell
+layerrule = blur, waybar
+layerrule = ignorezero, waybar
+
+plugin {
+    hyprbars {
+        bar_color = rgba(090727FF)
+        bar_height = 20
+        bar_text_size = 10
+        bar_text_color = rgba(7775D0FF)
+    }
+    borders-plus-plus {
+        add_borders = 2 # 0 - 2
+        col.border_1 = rgb(82E6F5) # example col for border 1
+        col.border_2 = rgb(2222ff) # example col for border 2
+    }
+}
+
+
+# Dynamic colors are written here
+source=~/.config/hypr/colors.conf
diff --git a/hybrid-summer/.config/hypr/keybinds.conf b/hybrid-summer/.config/hypr/keybinds.conf
new file mode 100755
index 000000000..9d82e08e6
--- /dev/null
+++ b/hybrid-summer/.config/hypr/keybinds.conf
@@ -0,0 +1,199 @@
+########################## Language ############################
+bind = SUPERSHIFT, V, exec, ibus engine Bamboo::Us
+bind = SUPERSHIFT, E, exec, ibus engine xkb:us::eng
+
+#################### It just works™ keybinds ###################
+# Volume
+bindl = ,XF86AudioMute, exec, pactl set-sink-mute @DEFAULT_SINK@ toggle
+bindle=, XF86AudioRaiseVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%+
+bindle=, XF86AudioLowerVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%-
+bindle = , XF86AudioRaiseVolume, exec, ~/.config/eww/scripts/volume osd &
+bindle = , XF86AudioLowerVolume, exec, ~/.config/eww/scripts/volume osd &
+bindl = , XF86AudioMute, exec, ~/.config/eww/scripts/volume osd &
+
+# Brightness
+bindle=, XF86MonBrightnessUp, exec, light -A 3 && ~/.config/eww/scripts/brightness osd &
+bindle=, XF86MonBrightnessDown, exec, light -U 3 && ~/.config/eww/scripts/brightness osd &
+
+######################################## Keybinds ########################################
+# Apps: just normal apps
+bind = SUPER, C, exec, code --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland
+bind = CONTROLSHIFTALT, Y, exec, yuzu
+bind = SUPER, T, exec, foot --override shell=fish
+bind = SUPERALT, T, exec, wezterm
+bind = SUPER, Return, exec, kitty
+bind = SUPER, E, exec, nautilus --new-window
+bind = SUPER, W, exec, firefox
+bind = CONTROLSUPERALT, E, exec, /usr/bin/microsoft-edge-stable --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland --gtk-version=4
+bind = SUPER, X, exec, gnome-text-editor --new-window
+bind = SUPERSHIFT, W, exec, wps
+
+#Apps: Settings and config
+bind = SUPER, I, exec, gnome-control-center
+bind = CONTROLSUPER, V, exec, pavucontrol 
+bind = CONTROLSHIFT, Escape, exec, gnome-system-monitor
+bind = CONTROLALTSHIFT, Escape, exec, foot -T 'btop' btop
+bind = SUPERSHIFT, I, exec, ~/.local/bin/guifetch
+
+
+# Actions 
+bind = SUPERSHIFT, Period, exec, pkill wofi || wofi-emoji
+bind = SUPER, Period, exec, pkill fuzzel || ~/.local/bin/fuzzel-emoji
+bind = SUPER, Q, killactive,
+bind = SUPERALT, Space, togglefloating, 
+bind = SHIFTSUPERALT, Q, exec, hyprctl kill
+bind = CONTROLALT, Delete, exec, pkill wlogout || wlogout -p layer-shell
+bind = CONTROLSHIFTALTSUPER, Delete, exec, systemctl poweroff
+
+# Screenshot, Record, OCR (Optical Character Recognition), Color picker, Clipboard history
+bind = SUPERSHIFT, D, exec,~/.local/bin/rubyshot | wl-copy
+bind = SUPERSHIFTALT, S, exec, grim -g "$(slurp)" - | swappy -f -
+bindl =,Print,exec,grim - | wl-copy
+bind = SUPERSHIFT, S, exec, grim -g "$(slurp)" - | wl-copy
+bind = SUPERALT, R, exec, ~/.local/bin/record-script.sh
+bind = CONTROLALT, R, exec, ~/.local/bin/record-script.sh --sound
+bind = SUPERSHIFTALT, R, exec, ~/.local/bin/record-script-fullscreen.sh
+bind = CONTROLSUPERSHIFT,S,exec,grim -g "$(slurp)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+bind = SUPERSHIFT,T,exec,grim -g "$(slurp)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+bind = SUPERSHIFT, C, exec, hyprpicker -a
+bind = SUPER, B, exec, copyq menu 
+bind = SUPER, V, exec, pkill fuzzel || cliphist list | fuzzel --no-fuzzy --icon-theme=candy-icons --background-color=1D1D27ee --text-color=cdd6f4ff --match-color=AC16C7FF --border-width=3 --border-radius=10 --border-color=8701E7FF	 --selection-color=585b70ff --selection-text-color=cdd6f4ff --selection-match-color=AC16C7FF --font="Rubik"  --prompt="   " --dmenu | cliphist decode | wl-copy
+# Media
+bind = SUPERSHIFT, N, exec, playerctl next || playerctl position `bc <<< "100 * $(playerctl metadata mpris:length) / 1000000 / 100"`
+bind = SUPERSHIFT, B, exec, playerctl previous
+bind = SUPERSHIFT, P, exec, playerctl play-pause
+#Lock screen  |  blur: --effect-blur=20x20
+bind = SUPER, L, exec, ~/.local/bin/lock.sh
+bind = SUPERSHIFT, L, exec, ~/.local/bin/lock.sh
+bindl = SUPERSHIFT, L, exec, sleep 0.1 && systemctl suspend
+# App launcher
+bindr = SUPER, SUPER_L, exec, ~/.config/eww/scripts/toggle-overview.sh --keypress &
+bind = SUPER, Slash, exec, pkill fuzzel || fuzzel --icon-theme=candy-icons --background-color=1D1D27ee --text-color=cdd6f4ff --match-color=AC16C7FF --border-width=3 --border-radius=10 --border-color=8701E7FF	 --selection-color=585b70ff --selection-text-color=cdd6f4ff --selection-match-color=AC16C7FF --font="Rubik"  --prompt="    "
+#bindr = SUPER, SUPER_L, exec, pkill rofi || rofi -show drun
+
+################################# eww keybinds ################################
+bindr = CONTROLSUPER, R, exec, pkill eww && eww daemon && eww open bar && eww open bg-decor
+bind = SUPER, Tab, exec, ~/.config/eww/scripts/toggle-overview.sh
+bind = SUPER, O, exec, ~/.config/eww/scripts/toggle-osettings.sh --keypress
+bind = CONTROLSUPER, O, exec, ~/.config/eww/scripts/toggle-osettings.sh --keypress
+bind = SUPER, M, exec, ~/.config/eww/scripts/toggle-bottombar.sh
+bind = SUPER, N, exec, ~/.config/eww/scripts/toggle-onotify.sh --keypress
+bind = SUPER, Comma, exec, ~/.config/eww/scripts/toggle-themer.sh
+bind = SUPER, D, exec, ~/.config/eww/scripts/toggle-dash.sh --keypress
+bind = SUPER, A, exec, ~/.config/eww/scripts/toggle-dashfs.sh
+bind = SUPER, G, exec, ~/.config/eww/scripts/toggle-wingamebar.sh
+
+bind = CONTROLSUPER, Tab, exec, ~/.config/eww/scripts/toggle-compactmode.sh
+bind = SUPERALT, W, exec, ~/.config/eww/scripts/toggle-winmode.sh
+
+############################ Keybinds for Hyprland ############################
+# Swap windows
+bind=SUPERSHIFT,left,movewindow,l
+bind=SUPERSHIFT,right,movewindow,r
+bind=SUPERSHIFT,up,movewindow,u
+bind=SUPERSHIFT,down,movewindow,d
+# Move focus
+bind = SUPER, left, movefocus, l
+bind = SUPER, right, movefocus, r
+bind = SUPER, up, movefocus, u
+bind = SUPER, down, movefocus, d
+bind = SUPER, BracketLeft, movefocus, l
+bind = SUPER, BracketRight, movefocus, r
+# Window title
+bind = SUPER, left, exec, eww update rev_center_ws=false
+bind = SUPER, right, exec, eww update rev_center_ws=false
+bind = SUPER, up, exec, eww update rev_center_ws=false
+bind = SUPER, down, exec, eww update rev_center_ws=false
+bind = SUPER, BracketLeft, exec, eww update rev_center_ws=false
+bind = SUPER, BracketRight, exec, eww update rev_center_ws=false
+bind = ALT, Tab, exec, eww update rev_center_ws=false
+
+# Workspace, window, tab switch with keyboard
+bind = CONTROLSUPER, right, workspace, +1
+bind = CONTROLSUPER, left, workspace, -1
+bind = CONTROLSUPER, BracketLeft, workspace, -1
+bind = CONTROLSUPER, BracketRight, workspace, +1
+bind = CONTROLSUPER, up, workspace, -5
+bind = CONTROLSUPER, down, workspace, +5
+bind = SUPER, Page_Down, workspace, +1
+bind = SUPER, Page_Up, workspace, -1
+bind = CONTROLSUPER, Page_Down, workspace, +1
+bind = CONTROLSUPER, Page_Up, workspace, -1
+bind = SUPERSHIFT, Page_Down, movetoworkspace, +1
+bind = SUPERSHIFT, Page_Up, movetoworkspace, -1
+bind = CONTROLSUPERSHIFT, Right, movetoworkspace, +1
+bind = CONTROLSUPERSHIFT, Left, movetoworkspace, -1
+bind = SUPERSHIFT, mouse_down, movetoworkspace, -1
+bind = SUPERSHIFT, mouse_up, movetoworkspace, +1
+
+# Show workspaces module
+bind = CONTROLSUPER, right, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, left, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, BracketLeft, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, BracketRight, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, down, exec, eww update rev_center_ws=true
+bind = SUPER, Page_Down, exec, eww update rev_center_ws=true
+bind = SUPER, Page_Up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, Page_Down, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, Page_Up, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, Page_Down, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, Page_Up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPERSHIFT, Right, exec, eww update rev_center_ws=true
+bind = CONTROLSUPERSHIFT, Left, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, mouse_down, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, mouse_up, exec, eww update rev_center_ws=true
+
+# Window split ratio
+binde = SUPER, Minus, splitratio, -0.1
+binde = SUPER, Equal, splitratio, 0.1
+binde = SUPER, Semicolon, splitratio, -0.1
+binde = SUPER, Apostrophe, splitratio, 0.1
+# Fullscreen
+bind = SUPER, F, fullscreen
+# Switching
+bind = SUPER, 1, workspace, 1
+bind = SUPER, 2, workspace, 2
+bind = SUPER, 3, workspace, 3
+bind = SUPER, 4, workspace, 4
+bind = SUPER, 5, workspace, 5
+bind = SUPER, 6, workspace, 6
+bind = SUPER, 7, workspace, 7
+bind = SUPER, 8, workspace, 8
+bind = SUPER, 9, workspace, 9
+bind = SUPER, 0, workspace, 10
+bind = SUPER, S, togglespecialworkspace,
+bind = CONTROLSUPER, S, togglespecialworkspace,
+bind = ALT, Tab, cyclenext # Why is this even here?
+bind = ALT, Tab, bringactivetotop,   # bring it to the top
+# Move window to workspace Super + Alt + [0-9]
+bind = SUPER ALT, 1, movetoworkspacesilent, 1
+bind = SUPER ALT, 2, movetoworkspacesilent, 2
+bind = SUPER ALT, 3, movetoworkspacesilent, 3
+bind = SUPER ALT, 4, movetoworkspacesilent, 4
+bind = SUPER ALT, 5, movetoworkspacesilent, 5
+bind = SUPER ALT, 6, movetoworkspacesilent, 6
+bind = SUPER ALT, 7, movetoworkspacesilent, 7
+bind = SUPER ALT, 8, movetoworkspacesilent, 8
+bind = SUPER ALT, 9, movetoworkspacesilent, 9
+bind = SUPER ALT, 0, movetoworkspacesilent, 10
+bind = CONTROLSHIFTSUPER, Up, movetoworkspacesilent, special
+bind = SUPERALT, S, movetoworkspacesilent, special
+# Scroll through existing workspaces with (Control) + Super + scroll
+bind = SUPER, mouse_up, workspace, +1
+bind = SUPER, mouse_down, workspace, -1
+bind = CONTROLSUPER, mouse_up, workspace, +1
+bind = CONTROLSUPER, mouse_down, workspace, -1
+# Move/resize windows with Super + LMB/RMB and dragging
+bindm = SUPER, mouse:272, movewindow
+bindm = SUPER, mouse:273, resizewindow
+bindm = SUPER, mouse:274, movewindow
+bindm = SUPER, Z, movewindow
+bind = CONTROLSUPER, Backslash, resizeactive, exact 640 480
+
+# trying vim-like stuff
+binde = SUPER_ALT, I, exec, wtype -k Up
+binde = SUPER_ALT, K, exec, wtype -P Down
+binde = SUPER_ALT, J, exec, wtype -P Left
+binde = SUPER_ALT, L, exec, wtype -P Right
+
diff --git a/hybrid-summer/.config/hypr/shaders/bluefilter.frag b/hybrid-summer/.config/hypr/shaders/bluefilter.frag
new file mode 100755
index 000000000..5469af9c6
--- /dev/null
+++ b/hybrid-summer/.config/hypr/shaders/bluefilter.frag
@@ -0,0 +1,20 @@
+// vim: set ft=glsl:
+// blue light filter shader
+// values from https://reshade.me/forum/shader-discussion/3673-blue-light-filter-similar-to-f-lux
+
+precision mediump float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+
+void main() {
+
+    vec4 pixColor = texture2D(tex, v_texcoord);
+
+    // green
+    pixColor[1] *= 0.855;
+
+    // blue
+    pixColor[2] *= 0.725;
+
+    gl_FragColor = pixColor;
+}
diff --git a/hybrid-summer/.config/hypr/shaders/crt.frag b/hybrid-summer/.config/hypr/shaders/crt.frag
new file mode 100644
index 000000000..a37ff9fb2
--- /dev/null
+++ b/hybrid-summer/.config/hypr/shaders/crt.frag
@@ -0,0 +1,511 @@
+#version 100
+precision highp float;
+varying highp vec2 v_texcoord;
+varying highp vec3 v_pos;
+uniform highp sampler2D tex;
+uniform lowp float time;
+
+#define BORDER_COLOR vec4(vec3(0.0, 0.0, 0.0), 1.0) // black border
+#define BORDER_RADIUS 1.0 // larger vignette radius
+#define BORDER_SIZE 0.01 // small border size
+#define CHROMATIC_ABERRATION_STRENGTH 0.00
+#define DENOISE_INTENSITY 0.0001 //
+#define DISTORTION_AMOUNT 0.00 // moderate distortion amount
+#define HDR_BLOOM 0.75 // bloom intensity
+#define HDR_BRIGHTNESS 0.011 // brightness
+#define HDR_CONTRAST 0.011 // contrast
+#define HDR_SATURATION 1.0// saturation
+#define LENS_DISTORTION_AMOUNT 0.0
+#define NOISE_THRESHOLD 0.0001
+#define PHOSPHOR_BLUR_AMOUNT 0.77 // Amount of blur for phosphor glow
+#define PHOSPHOR_GLOW_AMOUNT 0.77 // Amount of phosphor glow
+#define SAMPLING_RADIUS 0.0001
+#define SCANLINE_FREQUENCY 540.0
+#define SCANLINE_THICKNESS 0.0507
+#define SCANLINE_TIME time * 471.24
+#define SHARPNESS 0.25
+#define SUPERSAMPLING_SAMPLES 16.0
+#define VIGNETTE_RADIUS 0.0 // larger vignette radius
+#define PI 3.14159265359
+#define TWOPI 6.28318530718
+
+vec2 applyBarrelDistortion(vec2 coord, float amt) {
+    vec2 p = coord.xy / vec2(1.0);
+    vec2 v = p * 2.0 - vec2(1.0);
+    float r = dot(v, v);
+    float k = 1.0 + pow(r, 2.0) * pow(amt, 2.0);
+    vec2 result = v * k;
+    return vec2(0.5, 0.5) + 0.5 * result.xy;
+}
+
+vec4 applyColorCorrection(vec4 color) {
+    color.rgb *= vec3(1.0, 0.79, 0.89);
+    return vec4(color.rgb, 1.0);
+}
+
+vec4 applyBorder(vec2 tc, vec4 color, float borderSize, vec4 borderColor) {
+    float dist_x = min(tc.x, 1.0 - tc.x);
+    float dist_y = min(tc.y, 1.0 - tc.y);
+    float dist = min(dist_x, dist_y) * -1.0;
+    float border = smoothstep(borderSize, 0.0, dist);
+    border += smoothstep(borderSize, 0.0, dist);
+    return mix(color, borderColor, border);
+}
+
+vec4 applyFakeHDR(vec4 color, float brightness, float contrast, float saturation, float bloom) {
+    color.rgb = (color.rgb - vec3(0.5)) * exp2(brightness) + vec3(0.5);
+    vec3 crtfactor = vec3(1.05, 0.92, 1.0);
+    color.rgb = pow(color.rgb, crtfactor);
+    // // NTSC
+    // vec3 lumCoeff = vec3(0.2125, 0.7154, 0.0721);
+
+    // // BT.709
+    // vec3 lumCoeff = vec3(0.299, 0.587, 0.114);
+
+    // BT.2020
+    vec3 lumCoeff = vec3(0.2627, 0.6780, 0.0593);
+
+    // // Warm NTSC
+    // vec3 lumCoeff = vec3(0.2125, 0.7010, 0.0865);
+
+    float luminance = dot(color.rgb, lumCoeff);
+    luminance = pow(luminance, 2.2);
+    color.rgb = mix(vec3(luminance), color.rgb, saturation);
+    color.rgb = mix(color.rgb, vec3(1.0), pow(max(0.0, luminance - 1.0 + bloom), 4.0));
+    return color;
+}
+
+vec4 applyVignette(vec4 color) {
+    vec2 center = vec2(0.5, 0.5); // center of screen
+    float radius = VIGNETTE_RADIUS; // radius of vignette effect
+    float softness = 1.0; // softness of vignette effect
+    float intensity = 0.7; // intensity of vignette effect
+    vec2 offset = v_texcoord - center; // offset from center of screen
+    float distance = length(offset); // distance from center of screen
+    float alpha = smoothstep(radius, radius - radius * softness, distance) * intensity; // calculate alpha value for vignette effect
+    return mix(vec4(0.0, 0.0, 0.0, alpha), color, alpha); // mix black with color using calculated alpha value
+}
+
+vec4 applyPhosphorGlow(vec2 tc, vec4 color, sampler2D tex) {
+    // Calculate average color value of the texture
+    vec4 texelColor = color;
+    float averageColor = (texelColor.r + texelColor.g + texelColor.b) / 3.0;
+
+    // Determine brightness-dependent color factor
+    float factor = mix(
+        mix(0.09,
+            mix(0.005, 0.0075, (averageColor - 0.1) / 0.1),
+            step(0.01, averageColor)), 0.0005,
+        step(0.02, averageColor));
+    // Apply phosphor glow effect
+    vec4 sum = vec4(0.0);
+    vec4 pixels[9];
+    pixels[0] = texture2D(tex, tc - vec2(0.001, 0.001));
+    pixels[1] = texture2D(tex, tc - vec2(0.001, 0.0));
+    pixels[2] = texture2D(tex, tc - vec2(0.001, -0.001));
+    pixels[3] = texture2D(tex, tc - vec2(0.0, 0.001));
+    pixels[4] = texture2D(tex, tc);
+    pixels[5] = texture2D(tex, tc + vec2(0.001, 0.001));
+    pixels[6] = texture2D(tex, tc + vec2(0.001, 0.0));
+    pixels[7] = texture2D(tex, tc + vec2(0.001, -0.001));
+    pixels[8] = texture2D(tex, tc + vec2(0.0, 0.001));
+
+// Perform operations on input pixels in parallel
+    sum = pixels[0]
+        + pixels[1]
+        + pixels[2]
+        + pixels[3]
+        + pixels[4]
+        + pixels[5]
+        + pixels[6]
+        + pixels[7]
+        + pixels[8];
+    sum /= 9.0;
+    sum += texture2D(tex, tc - vec2(0.01, 0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(0.0, 0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(-0.01, 0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(0.01, 0.0)) * 0.001;
+    sum += color * PHOSPHOR_BLUR_AMOUNT;
+    sum += texture2D(tex, tc - vec2(-0.01, 0.0)) * 0.001;
+    sum += texture2D(tex, tc - vec2(0.01, -0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(0.0, -0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(-0.01, -0.01)) * 0.001;
+    sum *= PHOSPHOR_GLOW_AMOUNT;
+
+    // Initialize sum_sum_factor to zero
+    vec4 sum_sum_factor = vec4(0.0);
+    // Compute sum_j for i = -1
+    vec4 sum_j = vec4(0.0);
+    sum_j += texture2D(tex, tc + vec2(-1, -1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, -1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, -1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(-1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(-1, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 1) * 0.01);
+    sum_sum_factor += sum_j * vec4(0.011);
+
+    // Compute sum_j for i = 0
+    sum_j = vec4(0.0);
+    sum_j += texture2D(tex, tc + vec2(-1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(-1, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 1) * 0.01);
+    sum_sum_factor += sum_j * vec4(0.011);
+
+    // Compute sum_j for i = 1
+    sum_j = vec4(0.0);
+    sum_j += texture2D(tex, tc + vec2(-1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(-1, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 1) * 0.01);
+    sum_sum_factor += sum_j * vec4(0.011);
+    color += mix(sum_sum_factor * sum_sum_factor * vec4(factor), sum, 0.5);
+    return color;
+}
+
+vec4 applyAdaptiveSharpen(vec2 tc, vec4 color, sampler2D tex) {
+    vec4 color_tl = texture2D(tex, tc + vec2(-1.0, -1.0) * 0.5 / 2160.0);
+    vec4 color_tr = texture2D(tex, tc + vec2(1.0, -1.0) * 0.5 / 2160.0);
+    vec4 color_bl = texture2D(tex, tc + vec2(-1.0, 1.0) * 0.5 / 2160.0);
+    vec4 color_br = texture2D(tex, tc + vec2(1.0, 1.0) * 0.5 / 2160.0);
+    float sharpness = SHARPNESS;
+    vec3 color_no_alpha = color.rgb;
+    vec3 color_tl_no_alpha = color_tl.rgb;
+    vec3 color_tr_no_alpha = color_tr.rgb;
+    vec3 color_bl_no_alpha = color_bl.rgb;
+    vec3 color_br_no_alpha = color_br.rgb;
+    float delta = (dot(color_no_alpha, vec3(0.333333)) + dot(color_tl_no_alpha, vec3(0.333333)) + dot(color_tr_no_alpha, vec3(0.333333)) + dot(color_bl_no_alpha, vec3(0.333333)) + dot(color_br_no_alpha, vec3(0.333333))) * 0.2 - dot(color_no_alpha, vec3(0.333333));
+    vec3 sharp_color_no_alpha = color_no_alpha + min(vec3(0.0), vec3(delta * sharpness));
+    vec4 sharp_color = vec4(sharp_color_no_alpha, color.a);
+    return sharp_color;
+}
+
+vec4 applyScanlines(vec2 tc, vec4 color) {
+    float scanline = (cos(tc.y * SCANLINE_FREQUENCY + SCANLINE_TIME) *
+                      sin(tc.y * SCANLINE_FREQUENCY + SCANLINE_TIME)) * SCANLINE_THICKNESS;
+    float alpha = clamp(1.0 - abs(scanline), 0.0, 1.0);
+    return vec4(color.rgb * alpha, color.a);
+}
+
+vec4 applyChromaticAberration(vec2 uv, vec4 color) {
+    vec2 center = vec2(0.5, 0.5); // center of the screen
+    vec2 offset = (uv - center) * CHROMATIC_ABERRATION_STRENGTH; // calculate the offset from the center
+
+    // apply lens distortion
+    float rSquared = dot(offset, offset);
+    float distortion = 1.0 + LENS_DISTORTION_AMOUNT * rSquared;
+    vec2 distortedOffset = offset * distortion;
+
+    // apply chromatic aberration
+    vec2 redOffset = vec2(distortedOffset.x * 1.00, distortedOffset.y * 1.00);
+    vec2 blueOffset = vec2(distortedOffset.x * 1.00, distortedOffset.y * 1.00);
+
+    vec4 redColor = texture2D(tex, uv + redOffset);
+    vec4 blueColor = texture2D(tex, uv + blueOffset);
+
+    vec4 result = vec4(redColor.r, color.g, blueColor.b, color.a);
+
+    return result;
+}
+
+vec4 reduceGlare(vec4 color) {
+    // Calculate the intensity of the color by taking the average of the RGB components
+    float intensity = (color.r + color.g + color.b) / 3.0;
+    // Set the maximum intensity that can be considered for glare
+    float maxIntensity = 0.98;
+    // Use smoothstep to create a smooth transition from no glare to full glare
+    // based on the intensity of the color and the maximum intensity
+    float glareIntensity = smoothstep(maxIntensity - 0.02, maxIntensity, intensity);
+    // Set the amount of glare to apply to the color
+    float glareAmount = 0.02;
+    // Mix the original color with the reduced color that has glare applied to it
+    vec3 reducedColor = mix(color.rgb, vec3(glareIntensity), glareAmount);
+    // Return the reduced color with the original alpha value
+    return vec4(reducedColor, color.a);
+}
+
+// Apply a fake HDR effect to the input color.
+// Parameters:
+// - inputColor: the color to apply the effect to.
+// - brightness: the brightness of the image. Should be a value between 0 and 1.
+// - contrast: the contrast of the image. Should be a value between 0 and 1.
+// - saturation: the saturation of the image. Should be a value between 0 and 2.
+// - bloom: the intensity of the bloom effect. Should be a value between 0 and 1.
+vec4 applyFakeHDREffect(vec4 inputColor, float brightness, float contrast, float saturation, float bloom) {
+    const float minBrightness = 0.0;
+    const float maxBrightness = 1.0;
+    const float minContrast = 0.0;
+    const float maxContrast = 1.0;
+    const float minSaturation = 0.0;
+    const float maxSaturation = 2.0;
+    const float minBloom = 0.0;
+    const float maxBloom = 1.0;
+
+    // Check input parameters for validity
+    if (brightness < minBrightness || brightness > maxBrightness) {
+        return vec4(0.0, 0.0, 0.0, 1.0); // Return black with alpha of 1.0 to indicate error
+    }
+    if (contrast < minContrast || contrast > maxContrast) {
+        return vec4(0.0, 0.0, 0.0, 1.0);
+    }
+    if (saturation < minSaturation || saturation > maxSaturation) {
+        return vec4(0.0, 0.0, 0.0, 1.0);
+    }
+    if (bloom < minBloom || bloom > maxBloom) {
+        return vec4(0.0, 0.0, 0.0, 1.0);
+    }
+
+    // Apply brightness and contrast
+    vec3 color = inputColor.rgb;
+    color = (color - vec3(0.5)) * exp2(brightness * 10.0) + vec3(0.5);
+    color = mix(vec3(0.5), color, pow(contrast * 4.0 + 1.0, 2.0));
+
+    // // NTSC
+    // vec3 lumCoeff = vec3(0.2125, 0.7154, 0.0721);
+
+    // // BT.709
+    // vec3 lumCoeff = vec3(0.299, 0.587, 0.114);
+
+    // // BT.2020
+    // vec3 lumCoeff = vec3(0.2627, 0.6780, 0.0593);
+
+    // Warm NTSC
+    vec3 lumCoeff = vec3(0.2125, 0.7010, 0.0865);
+
+    // Apply saturation
+    float luminance = dot(color, lumCoeff);
+    vec3 grey = vec3(luminance);
+    color = mix(grey, color, saturation);
+
+    // Apply bloom effect
+    float threshold = 1.0 - bloom;
+    vec3 bloomColor = max(color - threshold, vec3(0.0));
+    bloomColor = pow(bloomColor, vec3(2.0));
+    bloomColor = mix(vec3(0.0), bloomColor, pow(min(luminance, threshold), 4.0));
+    color += bloomColor;
+
+    return vec4(color, inputColor.a);
+}
+
+vec4 bilateralFilter(sampler2D tex, vec2 uv, vec4 color, float sampleRadius, float noiseThreshold, float intensity) {
+    vec4 filteredColor = vec4(0.0);
+    float totalWeight = 0.0;
+
+    // Top-left pixel
+    vec4 sample = texture2D(tex, uv + vec2(-1.0, -1.0));
+    float dist = length(vec2(-1.0, -1.0));
+    float colorDist = length(sample - color);
+    float weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Top pixel
+    sample = texture2D(tex, uv + vec2(0.0, -1.0));
+    dist = length(vec2(0.0, -1.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Top-right pixel
+    sample = texture2D(tex, uv + vec2(1.0, -1.0));
+    dist = length(vec2(1.0, -1.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Left pixel
+    sample = texture2D(tex, uv + vec2(-1.0, 0.0));
+    dist = length(vec2(-1.0, 0.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Center pixel
+    sample = texture2D(tex, uv);
+    dist = 0.0;
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Right pixel
+    sample = texture2D(tex, uv + vec2(1.0, 0.0));
+    dist = length(vec2(1.0, 0.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Bottom-left pixel
+    sample = texture2D(tex, uv + vec2(-1.0, 1.0));
+    dist = length(vec2(-1.0, 1.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+// Bottom pixel
+    sample = texture2D(tex, uv + vec2(0.0, sampleRadius));
+    dist = length(vec2(0.0, sampleRadius));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    filteredColor /= totalWeight;
+    return mix(color, filteredColor, step(noiseThreshold, length(filteredColor - color)));
+}
+
+vec4 supersample(sampler2D tex, vec2 uv, float sampleRadius, float noiseThreshold, float intensity) {
+    float radiusSq = sampleRadius * sampleRadius;
+    vec2 poissonDisk;
+    vec4 color = vec4(0.0);
+
+    float r1_0 = sqrt(0.0 / 16.0);
+    float r2_0 = fract(1.0 / 3.0);
+    float theta_0 = TWOPI * r2_0;
+    poissonDisk = vec2(r1_0 * cos(theta_0), r1_0 * sin(theta_0));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_1 = sqrt(1.0 / 16.0);
+    float r2_1 = fract(2.0 / 3.0);
+    float theta_1 = TWOPI * r2_1;
+    poissonDisk = vec2(r1_1 * cos(theta_1), r1_1 * sin(theta_1));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_2 = sqrt(2.0 / 16.0);
+    float r2_2 = fract(3.0 / 3.0);
+    float theta_2 = TWOPI * r2_2;
+    poissonDisk = vec2(r1_2 * cos(theta_2), r1_2 * sin(theta_2));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_3 = sqrt(3.0 / 16.0);
+    float r2_3 = fract(4.0 / 3.0);
+    float theta_3 = TWOPI * r2_3;
+    poissonDisk = vec2(r1_3 * cos(theta_3), r1_3 * sin(theta_3));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_4 = sqrt(4.0 / 16.0);
+    float r2_4 = fract(5.0 / 3.0);
+    float theta_4 = TWOPI * r2_4;
+    poissonDisk = vec2(r1_4 * cos(theta_4), r1_4 * sin(theta_4));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_5 = sqrt(5.0 / 16.0);
+    float r2_5 = fract(6.0 / 3.0);
+    float theta_5 = TWOPI * r2_5;
+    poissonDisk = vec2(r1_5 * cos(theta_5), r1_5 * sin(theta_5));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_6 = sqrt(6.0 / 16.0);
+    float r2_6 = fract(7.0 / 3.0);
+    float theta_6 = TWOPI * r2_6;
+    poissonDisk = vec2(r1_6 * cos(theta_6), r1_6 * sin(theta_6));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_7 = sqrt(7.0 / 16.0);
+    float r2_7 = fract(8.0 / 3.0);
+    float theta_7 = TWOPI * r2_7;
+    poissonDisk = vec2(r1_7 * cos(theta_7), r1_7 * sin(theta_7));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_8 = sqrt(8.0 / 16.0);
+    float r2_8 = fract(9.0 / 3.0);
+    float theta_8 = TWOPI * r2_8;
+    poissonDisk = vec2(r1_8 * cos(theta_8), r1_8 * sin(theta_8));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_9 = sqrt(9.0 / 16.0);
+    float r2_9 = fract(10.0 / 3.0);
+    float theta_9 = TWOPI * r2_9;
+    poissonDisk = vec2(r1_9 * cos(theta_9), r1_9 * sin(theta_9));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_10 = sqrt(10.0 / 16.0);
+    float r2_10 = fract(11.0 / 3.0);
+    float theta_10 = TWOPI * r2_10;
+    poissonDisk = vec2(r1_10 * cos(theta_10), r1_10 * sin(theta_10));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_11 = sqrt(11.0 / 16.0);
+    float r2_11 = fract(12.0 / 3.0);
+    float theta_11 = TWOPI * r2_11;
+    poissonDisk = vec2(r1_11 * cos(theta_11), r1_11 * sin(theta_11));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_12 = sqrt(12.0 / 16.0);
+    float r2_12 = fract(13.0 / 3.0);
+    float theta_12 = TWOPI * r2_12;
+    poissonDisk = vec2(r1_12 * cos(theta_12), r1_12 * sin(theta_12));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_13 = sqrt(13.0 / 16.0);
+    float r2_13 = fract(14.0 / 3.0);
+    float theta_13 = TWOPI * r2_13;
+    poissonDisk = vec2(r1_13 * cos(theta_13), r1_13 * sin(theta_13));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_14 = sqrt(14.0 / 16.0);
+    float r2_14 = fract(15.0 / 3.0);
+    float theta_14 = TWOPI * r2_14;
+    poissonDisk = vec2(r1_14 * cos(theta_14), r1_14 * sin(theta_14));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_15 = sqrt(15.0 / 16.0);
+    float r2_15 = fract(16.0 / 3.0);
+    float theta_15 = TWOPI * r2_15;
+    poissonDisk = vec2(r1_15 * cos(theta_15), r1_15 * sin(theta_15));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    return bilateralFilter(tex, uv, color, sampleRadius, noiseThreshold, intensity);
+}
+void main() {
+    vec2 tc_no_dist = v_texcoord;
+
+    vec2 tc = applyBarrelDistortion(tc_no_dist, DISTORTION_AMOUNT);
+
+    // [-1, 1]
+    vec2 tc_no_dist_symmetric = tc_no_dist * 2.0 - 1.0;
+
+    // [0,1]
+    vec2 tc_no_dist_normalized = (tc_no_dist_symmetric + 1.0) / 2.0;
+
+    // vec4 color = texture2D(tex, tc);
+    vec4 color = supersample(tex, tc, SAMPLING_RADIUS, NOISE_THRESHOLD, DENOISE_INTENSITY);
+
+    color = applyAdaptiveSharpen(tc, color, tex);
+
+    color = applyPhosphorGlow(tc, color, tex);
+
+    color = reduceGlare(color);
+
+    color = mix(applyFakeHDREffect(color, HDR_BRIGHTNESS, HDR_CONTRAST, HDR_SATURATION, HDR_BLOOM), color, 0.5);
+
+    color = applyColorCorrection(color);
+
+    color /= SUPERSAMPLING_SAMPLES;
+
+    color = mix(applyChromaticAberration(tc, color), color, 0.25);
+
+    color = mix(color, applyVignette(color), 0.37);
+
+    color = applyBorder(tc_no_dist_normalized, color, 1.0 - BORDER_SIZE * BORDER_RADIUS, BORDER_COLOR);
+
+    color = mix(applyBorder(tc, color, BORDER_SIZE, BORDER_COLOR), color, 0.05);
+
+    color = applyScanlines(tc, color);
+
+    gl_FragColor = color;
+    gl_FragColor.a = 1.0;
+}
+
diff --git a/hybrid-summer/.config/hypr/shaders/drugs.frag b/hybrid-summer/.config/hypr/shaders/drugs.frag
new file mode 100644
index 000000000..1190ed03c
--- /dev/null
+++ b/hybrid-summer/.config/hypr/shaders/drugs.frag
@@ -0,0 +1,42 @@
+
+precision highp float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+uniform float time;
+
+void warpco(inout vec2 tc) {
+    tc -= 0.5;
+    tc *= length(tc) * 2.0;
+    tc += 0.5;
+}
+
+float rand1d(float seed) {
+   return sin(seed*1454.0); 
+}
+
+float rand2d(vec2 co)
+{
+  return fract(sin(dot(co.xy, vec2(12.9898,78.233))) * 43758.5453);
+}
+
+vec3 rgb(in vec2 tc, float freq, float amp, inout vec4 centre) {
+    vec2 off = vec2(1.0/800.0, 0.0) * sin(tc.t * freq + time) * amp;
+    vec2 off2 = vec2(1.0/800.0, 0.0) * sin(tc.t * freq - time * 1.5) * amp;
+    centre = texture2D(tex, tc);
+    return vec3(texture2D(tex, tc-off).r, centre.g, texture2D(tex, tc+off2).b);
+}
+
+void main() {
+    // vec2 px = 1.0 / textureSize(tex, 0).st;
+    vec2 tc = v_texcoord;
+    warpco(tc);
+    tc = mix(v_texcoord, tc, sin(time * 2.0)*0.07);
+    tc.x += rand2d(floor(tc * 20.0 + floor(time * 2.5))) * 0.01;
+    tc.x += rand1d(floor(tc.x * 40.0)) * 0.005 * rand1d(time * 0.001);
+    tc.y += sin(tc.x + time) * 0.02;
+    vec4 centre;
+    vec3 bent = rgb(tc, 100.0, 5.0, centre);
+    vec3 col = mix(centre.rgb, bent, sin(time));
+    gl_FragColor = vec4(col, centre.a);
+    // gl_FragColor = vec4(texture2D(tex, v_texcoord));
+}
\ No newline at end of file
diff --git a/hybrid-summer/.config/hypr/shaders/extradark.frag b/hybrid-summer/.config/hypr/shaders/extradark.frag
new file mode 100755
index 000000000..089ee8149
--- /dev/null
+++ b/hybrid-summer/.config/hypr/shaders/extradark.frag
@@ -0,0 +1,21 @@
+// vim: set ft=glsl:
+// blue light filter shader
+// values from https://reshade.me/forum/shader-discussion/3673-blue-light-filter-similar-to-f-lux
+
+precision mediump float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+
+void main() {
+
+    vec4 pixColor = texture2D(tex, v_texcoord);
+
+    // red
+    pixColor[0] *= 0.7;
+    // green
+    pixColor[1] *= 0.6;
+    // blue
+    pixColor[2] *= 0.5;
+
+    gl_FragColor = pixColor;
+}
diff --git a/hybrid-summer/.config/hypr/shaders/nothing.frag b/hybrid-summer/.config/hypr/shaders/nothing.frag
new file mode 100755
index 000000000..163e6003a
--- /dev/null
+++ b/hybrid-summer/.config/hypr/shaders/nothing.frag
@@ -0,0 +1,14 @@
+// vim: set ft=glsl:
+// blue light filter shader
+// values from https://reshade.me/forum/shader-discussion/3673-blue-light-filter-similar-to-f-lux
+
+precision mediump float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+
+void main() {
+
+    vec4 pixColor = texture2D(tex, v_texcoord);
+
+    gl_FragColor = pixColor;
+}
diff --git a/hybrid-summer/.config/hypr/shaders/solarized.frag b/hybrid-summer/.config/hypr/shaders/solarized.frag
new file mode 100644
index 000000000..1c37f2cc0
--- /dev/null
+++ b/hybrid-summer/.config/hypr/shaders/solarized.frag
@@ -0,0 +1,41 @@
+// -*- mode:c -*-
+precision lowp float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+
+float distanceSquared(vec3 pixColor, vec3 solarizedColor) {
+	vec3 distanceVector = pixColor - solarizedColor;
+	return dot(distanceVector, distanceVector);
+}
+
+void main() {
+	vec3 solarized[16];
+	solarized[0]  = vec3(0.,0.169,0.212);
+	solarized[1]  = vec3(0.027,0.212,0.259);
+	solarized[2]  = vec3(0.345,0.431,0.459);
+	solarized[3]  = vec3(0.396,0.482,0.514);
+	solarized[4]  = vec3(0.514,0.58,0.588);
+	solarized[5]  = vec3(0.576,0.631,0.631);
+	solarized[6]  = vec3(0.933,0.91,0.835);
+	solarized[7]  = vec3(0.992,0.965,0.89);
+	solarized[8]  = vec3(0.71,0.537,0.);
+	solarized[9]  = vec3(0.796,0.294,0.086);
+	solarized[10] = vec3(0.863,0.196,0.184);
+	solarized[11] = vec3(0.827,0.212,0.51);
+	solarized[12] = vec3(0.424,0.443,0.769);
+	solarized[13] = vec3(0.149,0.545,0.824);
+	solarized[14] = vec3(0.165,0.631,0.596);
+	solarized[15] = vec3(0.522,0.6,0.);
+
+	vec3 pixColor = vec3(texture2D(tex, v_texcoord));
+	int closest = 0;
+	float closestDistanceSquared = distanceSquared(pixColor, solarized[0]);
+	for (int i = 1; i < 15; i++) {
+		float newDistanceSquared = distanceSquared(pixColor, solarized[i]);
+		if (newDistanceSquared < closestDistanceSquared) {
+			closest = i;
+			closestDistanceSquared = newDistanceSquared;
+		}
+	}
+	gl_FragColor = vec4(solarized[closest], 1.);
+}
diff --git a/hybrid-summer/.config/starship.toml b/hybrid-summer/.config/starship.toml
new file mode 100644
index 000000000..4ef021903
--- /dev/null
+++ b/hybrid-summer/.config/starship.toml
@@ -0,0 +1,96 @@
+# Don't print a new line at the start of the prompt
+add_newline = false
+# Pipes ╰─ ╭─
+# Powerline symbols                                     
+# Wedges 🭧🭒 🭣🭧🭓
+# Random noise 🬖🬥🬔🬗
+
+right_format = """\
+$cmd_duration
+"""
+
+format = """
+$username$hostname$directory
+$character
+"""
+
+# Replace the "❯" symbol in the prompt with "➜"
+[character]                            # The name of the module we are configuring is "character"
+success_symbol = "[🭧🭒](bold fg:blue)[ ➜ ](bold bg:blue fg:#000000)[](bold fg:blue)"
+
+error_symbol = "[🭧🭒](bold fg:red)[ ✗ ](bold bg:red fg:#000000)[](bold fg:red)"
+# Disable the package module, hiding it from the prompt completely
+[package]
+disabled = true
+
+[git_branch]
+symbol = "🌱 "
+truncation_length = 4
+truncation_symbol = ""
+
+[git_commit]
+commit_hash_length = 4
+tag_symbol = "🔖 "
+
+[git_state]
+format = '[\($state( $progress_current of $progress_total)\)]($style) '
+cherry_pick = "[🍒 PICKING](bold red)"
+
+[git_status]
+conflicted = " 🏳 "
+ahead = " 🏎💨 "
+behind = " 😰 "
+diverged = " 😵 "
+untracked = " 🤷 ‍"
+stashed = " 📦 "
+modified = " 📝 "
+staged = '[++\($count\)](blue)'
+renamed = " ✍️ "
+deleted = " 🗑 "
+
+[hostname]
+ssh_only = false
+format =  "[ ](bold bg:yellow fg:blue)[$hostname](bg:yellow bold fg:#000000)[ ](bold fg:yellow bg:green)"
+trim_at = ".companyname.com"
+disabled = false
+
+[line_break]
+disabled = false
+
+[memory_usage]
+disabled = true
+threshold = -1
+symbol = " "
+style = "bold dimmed blue"
+
+[time]
+disabled = true
+format = '🕙[\[ $time \]]($style) '
+time_format = "%T"
+
+[username]
+style_user = "bold bg:blue fg:#000000"
+style_root = "red bold"
+format = "[🭃](bold fg:blue)[$user]($style)"
+disabled = false
+show_always = true
+
+[directory]
+home_symbol = " "
+read_only = "  "
+style = "bold bg:green  fg:#000000"
+truncation_length = 2
+truncation_symbol = "./"
+format = '[$path]($style)[🭞](fg:green )'
+
+
+[directory.substitutions]
+"Documents" = " "
+"/" = "  "
+"Downloads" = " "
+"Music" = " "
+"Pictures" = " "
+
+[cmd_duration]
+min_time = 0
+format = '[🬈🬖🬥🬅 ](bold bg:cyan fg:#000000)[time:$duration](bold bg:cyan fg:#000000)[ 🬖🬥🬔🬗](bold bg:cyan fg:#000000)'
diff --git a/hybrid-summer/.local/bin/Hyprland-wrapped b/hybrid-summer/.local/bin/Hyprland-wrapped
new file mode 100755
index 000000000..56238b120
--- /dev/null
+++ b/hybrid-summer/.local/bin/Hyprland-wrapped
@@ -0,0 +1,18 @@
+#!/bin/sh
+
+cd ~
+
+#export XDG_CURRENT_DESKTOP=GNOME
+#export XDG_SESSION_TYPE=wayland
+#export XDG_SESSION_DESKTOP=GNOME
+#export EDITOR = /usr/bin/gnome-text-editor
+
+export XMODIFIERS=@im=ibus
+export GTK_IM_MODULE=ibus
+export QT_IM_MODULE=ibus
+
+#export QT_QPA_PLATFORMTHEME=qt5ct #QT Theme (for KDE apps)
+export QT_QPA_PLATFORMTHEME=qt5ct
+
+exec Hyprland
+
diff --git a/hybrid-summer/.local/bin/lock.sh b/hybrid-summer/.local/bin/lock.sh
new file mode 100755
index 000000000..df768dd43
--- /dev/null
+++ b/hybrid-summer/.local/bin/lock.sh
@@ -0,0 +1 @@
+swaylock --image /home/end/Pictures/ACE.jpg --clock --indicator --line-color cdd6f4ff --text-color cdd6f4ff --inside-color 1e1e2eff --ring-color 313244ff --line-ver-color cdd6f4ff --text-ver-color cdd6f4ff --inside-ver-color 1e1e2eff --ring-ver-color 313244ff --line-clear-color cdd6f4ff --text-clear-color cdd6f4ff --inside-clear-color 1e1e2eff --ring-clear-color 313244ff --line-clear-color cdd6f4ff --text-wrong-color 313244ff --inside-wrong-color f38ba8ff --ring-wrong-color 313244ff --key-hl-color cba6f7ff
diff --git a/hybrid-summer/.local/bin/record-script-fullscreen.sh b/hybrid-summer/.local/bin/record-script-fullscreen.sh
new file mode 100755
index 000000000..51f723a0f
--- /dev/null
+++ b/hybrid-summer/.local/bin/record-script-fullscreen.sh
@@ -0,0 +1,10 @@
+#/usr/bin/bash
+
+cd /home/end/Videos
+if ["$(pidof wf-recorder)" -ne ""]; then
+    notify-send "wf-recorder" "Starting recording" -a 'wf-recorder'
+    wf-recorder -t -f './recording_'"$(date '+%Y_%m_%_d..%H.%M')"'.mp4' --audio=alsa_output.pci-0000_08_00.6.analog-stereo.monitor
+else
+    /usr/bin/kill --signal SIGINT wf-recorder
+    notify-send "wf-recorder" "Recording Stopped" -a 'wf-recorder'
+fi
diff --git a/hybrid-summer/.local/bin/record-script.sh b/hybrid-summer/.local/bin/record-script.sh
new file mode 100755
index 000000000..2b0bff036
--- /dev/null
+++ b/hybrid-summer/.local/bin/record-script.sh
@@ -0,0 +1,11 @@
+#/usr/bin/bash
+
+cd /home/end/Videos
+if ["$(pidof wf-recorder)" -ne ""]; then
+    rm recording.mp4
+    notify-send "wf-recorder" "Starting recording"
+    wf-recorder --geometry "$(slurp)"
+else
+    /usr/bin/kill --signal SIGINT wf-recorder
+    notify-send "wf-recorder" "Recording Stopped"
+fi
\ No newline at end of file
diff --git a/hybrid-summer/.local/bin/rubyshot b/hybrid-summer/.local/bin/rubyshot
new file mode 100755
index 000000000..8431bd693
--- /dev/null
+++ b/hybrid-summer/.local/bin/rubyshot
@@ -0,0 +1,6 @@
+#!/usr/bin/bash
+
+WORKSPACES="$(hyprctl monitors -j | jq -r 'map(.activeWorkspace.id)')"
+WINDOWS="$(hyprctl clients -j | jq -r --argjson workspaces "$WORKSPACES" 'map(select([.workspace.id] | inside($workspaces)))' )"
+GEOM=$(echo "$WINDOWS" | jq -r '.[] | "\(.at[0]),\(.at[1]) \(.size[0])x\(.size[1])"' | slurp -f '%x %y %w %h')
+wayshot -s "$GEOM" --stdout ${#:+"$@"}
\ No newline at end of file
diff --git a/hybrid-summer/.local/bin/wofi-emoji b/hybrid-summer/.local/bin/wofi-emoji
new file mode 100755
index 000000000..938db3afc
--- /dev/null
+++ b/hybrid-summer/.local/bin/wofi-emoji
@@ -0,0 +1,1858 @@
+#!/bin/bash
+if [ $? -eq 0 ]
+then
+    sed '1,/^### DATA ###$/d' $0 | wofi --show dmenu -i | cut -d ' ' -f 1 | tr -d '\n' | wtype -
+else
+    sed '1,/^### DATA ###$/d' $0 | wofi --show dmenu -i | cut -d ' ' -f 1 | tr -d '\n' | wl-copy
+fi
+exit
+### DATA ###
+😀 grinning face face smile happy joy :D grin
+😃 grinning face with big eyes face happy joy haha :D :) smile funny
+😄 grinning face with smiling eyes face happy joy funny haha laugh like :D :) smile
+😁 beaming face with smiling eyes face happy smile joy kawaii
+😆 grinning squinting face happy joy lol satisfied haha face glad XD laugh
+😅 grinning face with sweat face hot happy laugh sweat smile relief
+🤣 rolling on the floor laughing face rolling floor laughing lol haha rofl
+😂 face with tears of joy face cry tears weep happy happytears haha
+🙂 slightly smiling face face smile
+🙃 upside down face face flipped silly smile
+😉 winking face face happy mischievous secret ;) smile eye
+😊 smiling face with smiling eyes face smile happy flushed crush embarrassed shy joy
+😇 smiling face with halo face angel heaven halo
+🥰 smiling face with hearts face love like affection valentines infatuation crush hearts adore
+😍 smiling face with heart eyes face love like affection valentines infatuation crush heart
+🤩 star struck face smile starry eyes grinning
+😘 face blowing a kiss face love like affection valentines infatuation kiss
+😗 kissing face love like face 3 valentines infatuation kiss
+☺️ smiling face face blush massage happiness
+😚 kissing face with closed eyes face love like affection valentines infatuation kiss
+😙 kissing face with smiling eyes face affection valentines infatuation kiss
+😋 face savoring food happy joy tongue smile face silly yummy nom delicious savouring
+😛 face with tongue face prank childish playful mischievous smile tongue
+😜 winking face with tongue face prank childish playful mischievous smile wink tongue
+🤪 zany face face goofy crazy
+😝 squinting face with tongue face prank playful mischievous smile tongue
+🤑 money mouth face face rich dollar money
+🤗 hugging face face smile hug
+🤭 face with hand over mouth face whoops shock surprise
+🤫 shushing face face quiet shhh
+🤔 thinking face face hmmm think consider
+🤐 zipper mouth face face sealed zipper secret
+🤨 face with raised eyebrow face distrust scepticism disapproval disbelief surprise
+😐 neutral face indifference meh :| neutral
+😑 expressionless face face indifferent - - meh deadpan
+😶 face without mouth face hellokitty
+😏 smirking face face smile mean prank smug sarcasm
+😒 unamused face indifference bored straight face serious sarcasm unimpressed skeptical dubious side eye
+🙄 face with rolling eyes face eyeroll frustrated
+😬 grimacing face face grimace teeth
+🤥 lying face face lie pinocchio
+😌 relieved face face relaxed phew massage happiness
+😔 pensive face face sad depressed upset
+😪 sleepy face face tired rest nap
+🤤 drooling face face
+😴 sleeping face face tired sleepy night zzz
+😷 face with medical mask face sick ill disease
+🤒 face with thermometer sick temperature thermometer cold fever
+🤕 face with head bandage injured clumsy bandage hurt
+🤢 nauseated face face vomit gross green sick throw up ill
+🤮 face vomiting face sick
+🤧 sneezing face face gesundheit sneeze sick allergy
+🥵 hot face face feverish heat red sweating
+🥶 cold face face blue freezing frozen frostbite icicles
+🥴 woozy face face dizzy intoxicated tipsy wavy
+😵 dizzy face spent unconscious xox dizzy
+🤯 exploding head face shocked mind blown
+🤠 cowboy hat face face cowgirl hat
+🥳 partying face face celebration woohoo
+😎 smiling face with sunglasses face cool smile summer beach sunglass
+🤓 nerd face face nerdy geek dork
+🧐 face with monocle face stuffy wealthy
+😕 confused face face indifference huh weird hmmm :/
+😟 worried face face concern nervous :(
+🙁 slightly frowning face face frowning disappointed sad upset
+☹️ frowning face face sad upset frown
+😮 face with open mouth face surprise impressed wow whoa :O
+😯 hushed face face woo shh
+😲 astonished face face xox surprised poisoned
+😳 flushed face face blush shy flattered
+🥺 pleading face face begging mercy
+😦 frowning face with open mouth face aw what
+😧 anguished face face stunned nervous
+😨 fearful face face scared terrified nervous oops huh
+😰 anxious face with sweat face nervous sweat
+😥 sad but relieved face face phew sweat nervous
+😢 crying face face tears sad depressed upset :'(
+😭 loudly crying face face cry tears sad upset depressed
+😱 face screaming in fear face munch scared omg
+😖 confounded face face confused sick unwell oops :S
+😣 persevering face face sick no upset oops
+😞 disappointed face face sad upset depressed :(
+😓 downcast face with sweat face hot sad tired exercise
+😩 weary face face tired sleepy sad frustrated upset
+😫 tired face sick whine upset frustrated
+🥱 yawning face tired sleepy
+😤 face with steam from nose face gas phew proud pride
+😡 pouting face angry mad hate despise
+😠 angry face mad face annoyed frustrated
+🤬 face with symbols on mouth face swearing cursing cussing profanity expletive
+😈 smiling face with horns devil horns
+👿 angry face with horns devil angry horns
+💀 skull dead skeleton creepy death
+☠️ skull and crossbones poison danger deadly scary death pirate evil
+💩 pile of poo hankey shitface fail turd shit
+🤡 clown face face
+👹 ogre monster red mask halloween scary creepy devil demon japanese ogre
+👺 goblin red evil mask monster scary creepy japanese goblin
+👻 ghost halloween spooky scary
+👽 alien UFO paul weird outer space
+👾 alien monster game arcade play
+🤖 robot computer machine bot
+😺 grinning cat animal cats happy smile
+😸 grinning cat with smiling eyes animal cats smile
+😹 cat with tears of joy animal cats haha happy tears
+😻 smiling cat with heart eyes animal love like affection cats valentines heart
+😼 cat with wry smile animal cats smirk
+😽 kissing cat animal cats kiss
+🙀 weary cat animal cats munch scared scream
+😿 crying cat animal tears weep sad cats upset cry
+😾 pouting cat animal cats
+🙈 see no evil monkey monkey animal nature haha
+🙉 hear no evil monkey animal monkey nature
+🙊 speak no evil monkey monkey animal nature omg
+💋 kiss mark face lips love like affection valentines
+💌 love letter email like affection envelope valentines
+💘 heart with arrow love like heart affection valentines
+💝 heart with ribbon love valentines
+💖 sparkling heart love like affection valentines
+💗 growing heart like love affection valentines pink
+💓 beating heart love like affection valentines pink heart
+💞 revolving hearts love like affection valentines
+💕 two hearts love like affection valentines heart
+💟 heart decoration purple-square love like
+❣️ heart exclamation decoration love
+💔 broken heart sad sorry break heart heartbreak
+❤️ red heart love like valentines
+🧡 orange heart love like affection valentines
+💛 yellow heart love like affection valentines
+💚 green heart love like affection valentines
+💙 blue heart love like affection valentines
+💜 purple heart love like affection valentines
+🤎 brown heart coffee
+🖤 black heart evil
+🤍 white heart pure
+💯 hundred points score perfect numbers century exam quiz test pass hundred
+💢 anger symbol angry mad
+💥 collision bomb explode explosion collision blown
+💫 dizzy star sparkle shoot magic
+💦 sweat droplets water drip oops
+💨 dashing away wind air fast shoo fart smoke puff
+🕳️ hole embarrassing
+💣 bomb boom explode explosion terrorism
+💬 speech balloon bubble words message talk chatting
+👁️‍🗨️ eye in speech bubble info
+🗨️ left speech bubble words message talk chatting
+🗯️ right anger bubble caption speech thinking mad
+💭 thought balloon bubble cloud speech thinking dream
+💤 zzz sleepy tired dream
+👋 waving hand hands gesture goodbye solong farewell hello hi palm
+🤚 raised back of hand fingers raised backhand
+🖐️ hand with fingers splayed hand fingers palm
+✋ raised hand fingers stop highfive palm ban
+🖖 vulcan salute hand fingers spock star trek
+👌 ok hand fingers limbs perfect ok okay
+🤏 pinching hand tiny small size
+✌️ victory hand fingers ohyeah hand peace victory two
+🤞 crossed fingers good lucky
+🤟 love you gesture hand fingers gesture
+🤘 sign of the horns hand fingers evil eye sign of horns rock on
+🤙 call me hand hands gesture shaka
+👈 backhand index pointing left direction fingers hand left
+👉 backhand index pointing right fingers hand direction right
+👆 backhand index pointing up fingers hand direction up
+🖕 middle finger hand fingers rude middle flipping
+👇 backhand index pointing down fingers hand direction down
+☝️ index pointing up hand fingers direction up
+👍 thumbs up thumbsup yes awesome good agree accept cool hand like +1
+👎 thumbs down thumbsdown no dislike hand -1
+✊ raised fist fingers hand grasp
+👊 oncoming fist angry violence fist hit attack hand
+🤛 left facing fist hand fistbump
+🤜 right facing fist hand fistbump
+👏 clapping hands hands praise applause congrats yay
+🙌 raising hands gesture hooray yea celebration hands
+👐 open hands fingers butterfly hands open
+🤲 palms up together hands gesture cupped prayer
+🤝 handshake agreement shake
+🙏 folded hands please hope wish namaste highfive pray
+✍️ writing hand lower left ballpoint pen stationery write compose
+💅 nail polish beauty manicure finger fashion nail
+🤳 selfie camera phone
+💪 flexed biceps arm flex hand summer strong biceps
+🦾 mechanical arm accessibility
+🦿 mechanical leg accessibility
+🦵 leg kick limb
+🦶 foot kick stomp
+👂 ear face hear sound listen
+🦻 ear with hearing aid accessibility
+👃 nose smell sniff
+🧠 brain smart intelligent
+🦷 tooth teeth dentist
+🦴 bone skeleton
+👀 eyes look watch stalk peek see
+👁️ eye face look see watch stare
+👅 tongue mouth playful
+👄 mouth mouth kiss
+👶 baby child boy girl toddler
+🧒 child gender-neutral young
+👦 boy man male guy teenager
+👧 girl female woman teenager
+🧑 person gender-neutral person
+👱 person blond hair hairstyle
+👨 man mustache father dad guy classy sir moustache
+🧔 man beard person bewhiskered
+👨‍🦰 man red hair hairstyle
+👨‍🦱 man curly hair hairstyle
+👨‍🦳 man white hair old elder
+👨‍🦲 man bald hairless
+👩 woman female girls lady
+👩‍🦰 woman red hair hairstyle
+🧑‍🦰 person red hair hairstyle
+👩‍🦱 woman curly hair hairstyle
+🧑‍🦱 person curly hair hairstyle
+👩‍🦳 woman white hair old elder
+🧑‍🦳 person white hair elder old
+👩‍🦲 woman bald hairless
+🧑‍🦲 person bald hairless
+👱‍♀️ woman blond hair woman female girl blonde person
+👱‍♂️ man blond hair man male boy blonde guy person
+🧓 older person human elder senior gender-neutral
+👴 old man human male men old elder senior
+👵 old woman human female women lady old elder senior
+🙍 person frowning worried
+🙍‍♂️ man frowning male boy man sad depressed discouraged unhappy
+🙍‍♀️ woman frowning female girl woman sad depressed discouraged unhappy
+🙎 person pouting upset
+🙎‍♂️ man pouting male boy man
+🙎‍♀️ woman pouting female girl woman
+🙅 person gesturing no decline
+🙅‍♂️ man gesturing no male boy man nope
+🙅‍♀️ woman gesturing no female girl woman nope
+🙆 person gesturing ok agree
+🙆‍♂️ man gesturing ok men boy male blue human man
+🙆‍♀️ woman gesturing ok women girl female pink human woman
+💁 person tipping hand information
+💁‍♂️ man tipping hand male boy man human information
+💁‍♀️ woman tipping hand female girl woman human information
+🙋 person raising hand question
+🙋‍♂️ man raising hand male boy man
+🙋‍♀️ woman raising hand female girl woman
+🧏 deaf person accessibility
+🧏‍♂️ deaf man accessibility
+🧏‍♀️ deaf woman accessibility
+🙇 person bowing respectiful
+🙇‍♂️ man bowing man male boy
+🙇‍♀️ woman bowing woman female girl
+🤦 person facepalming disappointed
+🤦‍♂️ man facepalming man male boy disbelief
+🤦‍♀️ woman facepalming woman female girl disbelief
+🤷 person shrugging regardless
+🤷‍♂️ man shrugging man male boy confused indifferent doubt
+🤷‍♀️ woman shrugging woman female girl confused indifferent doubt
+🧑‍⚕️ health worker hospital
+👨‍⚕️ man health worker doctor nurse therapist healthcare man human
+👩‍⚕️ woman health worker doctor nurse therapist healthcare woman human
+🧑‍🎓 student learn
+👨‍🎓 man student graduate man human
+👩‍🎓 woman student graduate woman human
+🧑‍🏫 teacher professor
+👨‍🏫 man teacher instructor professor man human
+👩‍🏫 woman teacher instructor professor woman human
+🧑‍⚖️ judge law
+👨‍⚖️ man judge justice court man human
+👩‍⚖️ woman judge justice court woman human
+🧑‍🌾 farmer crops
+👨‍🌾 man farmer rancher gardener man human
+👩‍🌾 woman farmer rancher gardener woman human
+🧑‍🍳 cook food kitchen culinary
+👨‍🍳 man cook chef man human
+👩‍🍳 woman cook chef woman human
+🧑‍🔧 mechanic worker technician
+👨‍🔧 man mechanic plumber man human wrench
+👩‍🔧 woman mechanic plumber woman human wrench
+🧑‍🏭 factory worker labor
+👨‍🏭 man factory worker assembly industrial man human
+👩‍🏭 woman factory worker assembly industrial woman human
+🧑‍💼 office worker business
+👨‍💼 man office worker business manager man human
+👩‍💼 woman office worker business manager woman human
+🧑‍🔬 scientist chemistry
+👨‍🔬 man scientist biologist chemist engineer physicist man human
+👩‍🔬 woman scientist biologist chemist engineer physicist woman human
+🧑‍💻 technologist computer
+👨‍💻 man technologist coder developer engineer programmer software man human laptop computer
+👩‍💻 woman technologist coder developer engineer programmer software woman human laptop computer
+🧑‍🎤 singer song artist performer
+👨‍🎤 man singer rockstar entertainer man human
+👩‍🎤 woman singer rockstar entertainer woman human
+🧑‍🎨 artist painting draw creativity
+👨‍🎨 man artist painter man human
+👩‍🎨 woman artist painter woman human
+🧑‍✈️ pilot fly plane airplane
+👨‍✈️ man pilot aviator plane man human
+👩‍✈️ woman pilot aviator plane woman human
+🧑‍🚀 astronaut outerspace
+👨‍🚀 man astronaut space rocket man human
+👩‍🚀 woman astronaut space rocket woman human
+🧑‍🚒 firefighter fire
+👨‍🚒 man firefighter fireman man human
+👩‍🚒 woman firefighter fireman woman human
+👮 police officer cop
+👮‍♂️ man police officer man police law legal enforcement arrest 911
+👮‍♀️ woman police officer woman police law legal enforcement arrest 911 female
+🕵️ detective human spy detective
+🕵️‍♂️ man detective crime
+🕵️‍♀️ woman detective human spy detective female woman
+💂 guard protect
+💂‍♂️ man guard uk gb british male guy royal
+💂‍♀️ woman guard uk gb british female royal woman
+👷 construction worker labor build
+👷‍♂️ man construction worker male human wip guy build construction worker labor
+👷‍♀️ woman construction worker female human wip build construction worker labor woman
+🤴 prince boy man male crown royal king
+👸 princess girl woman female blond crown royal queen
+👳 person wearing turban headdress
+👳‍♂️ man wearing turban male indian hinduism arabs
+👳‍♀️ woman wearing turban female indian hinduism arabs woman
+👲 man with skullcap male boy chinese
+🧕 woman with headscarf female hijab mantilla tichel
+🤵 man in tuxedo couple marriage wedding groom
+👰 bride with veil couple marriage wedding woman bride
+🤰 pregnant woman baby
+🤱 breast feeding nursing baby
+👼 baby angel heaven wings halo
+🎅 santa claus festival man male xmas father christmas
+🤶 mrs claus woman female xmas mother christmas
+🦸 superhero marvel
+🦸‍♂️ man superhero man male good hero superpowers
+🦸‍♀️ woman superhero woman female good heroine superpowers
+🦹 supervillain marvel
+🦹‍♂️ man supervillain man male evil bad criminal hero superpowers
+🦹‍♀️ woman supervillain woman female evil bad criminal heroine superpowers
+🧙 mage magic
+🧙‍♂️ man mage man male mage sorcerer
+🧙‍♀️ woman mage woman female mage witch
+🧚 fairy wings magical
+🧚‍♂️ man fairy man male
+🧚‍♀️ woman fairy woman female
+🧛 vampire blood twilight
+🧛‍♂️ man vampire man male dracula
+🧛‍♀️ woman vampire woman female
+🧜 merperson sea
+🧜‍♂️ merman man male triton
+🧜‍♀️ mermaid woman female merwoman ariel
+🧝 elf magical
+🧝‍♂️ man elf man male
+🧝‍♀️ woman elf woman female
+🧞 genie magical wishes
+🧞‍♂️ man genie man male
+🧞‍♀️ woman genie woman female
+🧟 zombie dead
+🧟‍♂️ man zombie man male dracula undead walking dead
+🧟‍♀️ woman zombie woman female undead walking dead
+💆 person getting massage relax
+💆‍♂️ man getting massage male boy man head
+💆‍♀️ woman getting massage female girl woman head
+💇 person getting haircut hairstyle
+💇‍♂️ man getting haircut male boy man
+💇‍♀️ woman getting haircut female girl woman
+🚶 person walking move
+🚶‍♂️ man walking human feet steps
+🚶‍♀️ woman walking human feet steps woman female
+🧍 person standing still
+🧍‍♂️ man standing still
+🧍‍♀️ woman standing still
+🧎 person kneeling pray respectful
+🧎‍♂️ man kneeling pray respectful
+🧎‍♀️ woman kneeling respectful pray
+🧑‍🦯 person with probing cane blind
+👨‍🦯 man with probing cane blind
+👩‍🦯 woman with probing cane blind
+🧑‍🦼 person in motorized wheelchair disability accessibility
+👨‍🦼 man in motorized wheelchair disability accessibility
+👩‍🦼 woman in motorized wheelchair disability accessibility
+🧑‍🦽 person in manual wheelchair disability accessibility
+👨‍🦽 man in manual wheelchair disability accessibility
+👩‍🦽 woman in manual wheelchair disability accessibility
+🏃 person running move
+🏃‍♂️ man running man walking exercise race running
+🏃‍♀️ woman running woman walking exercise race running female
+💃 woman dancing female girl woman fun
+🕺 man dancing male boy fun dancer
+🕴️ man in suit levitating suit business levitate hover jump
+👯 people with bunny ears perform costume
+👯‍♂️ men with bunny ears male bunny men boys
+👯‍♀️ women with bunny ears female bunny women girls
+🧖 person in steamy room relax spa
+🧖‍♂️ man in steamy room male man spa steamroom sauna
+🧖‍♀️ woman in steamy room female woman spa steamroom sauna
+🧗 person climbing sport
+🧗‍♂️ man climbing sports hobby man male rock
+🧗‍♀️ woman climbing sports hobby woman female rock
+🤺 person fencing sports fencing sword
+🏇 horse racing animal betting competition gambling luck
+⛷️ skier sports winter snow
+🏂 snowboarder sports winter
+🏌️ person golfing sports business
+🏌️‍♂️ man golfing sport
+🏌️‍♀️ woman golfing sports business woman female
+🏄 person surfing sport sea
+🏄‍♂️ man surfing sports ocean sea summer beach
+🏄‍♀️ woman surfing sports ocean sea summer beach woman female
+🚣 person rowing boat sport move
+🚣‍♂️ man rowing boat sports hobby water ship
+🚣‍♀️ woman rowing boat sports hobby water ship woman female
+🏊 person swimming sport pool
+🏊‍♂️ man swimming sports exercise human athlete water summer
+🏊‍♀️ woman swimming sports exercise human athlete water summer woman female
+⛹️ person bouncing ball sports human
+⛹️‍♂️ man bouncing ball sport
+⛹️‍♀️ woman bouncing ball sports human woman female
+🏋️ person lifting weights sports training exercise
+🏋️‍♂️ man lifting weights sport
+🏋️‍♀️ woman lifting weights sports training exercise woman female
+🚴 person biking sport move
+🚴‍♂️ man biking sports bike exercise hipster
+🚴‍♀️ woman biking sports bike exercise hipster woman female
+🚵 person mountain biking sport move
+🚵‍♂️ man mountain biking transportation sports human race bike
+🚵‍♀️ woman mountain biking transportation sports human race bike woman female
+🤸 person cartwheeling sport gymnastic
+🤸‍♂️ man cartwheeling gymnastics
+🤸‍♀️ woman cartwheeling gymnastics
+🤼 people wrestling sport
+🤼‍♂️ men wrestling sports wrestlers
+🤼‍♀️ women wrestling sports wrestlers
+🤽 person playing water polo sport
+🤽‍♂️ man playing water polo sports pool
+🤽‍♀️ woman playing water polo sports pool
+🤾 person playing handball sport
+🤾‍♂️ man playing handball sports
+🤾‍♀️ woman playing handball sports
+🤹 person juggling performance balance
+🤹‍♂️ man juggling juggle balance skill multitask
+🤹‍♀️ woman juggling juggle balance skill multitask
+🧘 person in lotus position meditate
+🧘‍♂️ man in lotus position man male meditation yoga serenity zen mindfulness
+🧘‍♀️ woman in lotus position woman female meditation yoga serenity zen mindfulness
+🛀 person taking bath clean shower bathroom
+🛌 person in bed bed rest
+🧑‍🤝‍🧑 people holding hands friendship
+👭 women holding hands pair friendship couple love like female people human
+👫 woman and man holding hands pair people human love date dating like affection valentines marriage
+👬 men holding hands pair couple love like bromance friendship people human
+💏 kiss pair valentines love like dating marriage
+👩‍❤️‍💋‍👨 kiss woman man love
+👨‍❤️‍💋‍👨 kiss man man pair valentines love like dating marriage
+👩‍❤️‍💋‍👩 kiss woman woman pair valentines love like dating marriage
+💑 couple with heart pair love like affection human dating valentines marriage
+👩‍❤️‍👨 couple with heart woman man love
+👨‍❤️‍👨 couple with heart man man pair love like affection human dating valentines marriage
+👩‍❤️‍👩 couple with heart woman woman pair love like affection human dating valentines marriage
+👪 family home parents child mom dad father mother people human
+👨‍👩‍👦 family man woman boy love
+👨‍👩‍👧 family man woman girl home parents people human child
+👨‍👩‍👧‍👦 family man woman girl boy home parents people human children
+👨‍👩‍👦‍👦 family man woman boy boy home parents people human children
+👨‍👩‍👧‍👧 family man woman girl girl home parents people human children
+👨‍👨‍👦 family man man boy home parents people human children
+👨‍👨‍👧 family man man girl home parents people human children
+👨‍👨‍👧‍👦 family man man girl boy home parents people human children
+👨‍👨‍👦‍👦 family man man boy boy home parents people human children
+👨‍👨‍👧‍👧 family man man girl girl home parents people human children
+👩‍👩‍👦 family woman woman boy home parents people human children
+👩‍👩‍👧 family woman woman girl home parents people human children
+👩‍👩‍👧‍👦 family woman woman girl boy home parents people human children
+👩‍👩‍👦‍👦 family woman woman boy boy home parents people human children
+👩‍👩‍👧‍👧 family woman woman girl girl home parents people human children
+👨‍👦 family man boy home parent people human child
+👨‍👦‍👦 family man boy boy home parent people human children
+👨‍👧 family man girl home parent people human child
+👨‍👧‍👦 family man girl boy home parent people human children
+👨‍👧‍👧 family man girl girl home parent people human children
+👩‍👦 family woman boy home parent people human child
+👩‍👦‍👦 family woman boy boy home parent people human children
+👩‍👧 family woman girl home parent people human child
+👩‍👧‍👦 family woman girl boy home parent people human children
+👩‍👧‍👧 family woman girl girl home parent people human children
+🗣️ speaking head user person human sing say talk
+👤 bust in silhouette user person human
+👥 busts in silhouette user person human group team
+👣 footprints feet tracking walking beach
+🐵 monkey face animal nature circus
+🐒 monkey animal nature banana circus
+🦍 gorilla animal nature circus
+🦧 orangutan animal
+🐶 dog face animal friend nature woof puppy pet faithful
+🐕 dog animal nature friend doge pet faithful
+🦮 guide dog animal blind
+🐕‍🦺 service dog blind animal
+🐩 poodle dog animal 101 nature pet
+🐺 wolf animal nature wild
+🦊 fox animal nature face
+🦝 raccoon animal nature
+🐱 cat face animal meow nature pet kitten
+🐈 cat animal meow pet cats
+🦁 lion animal nature
+🐯 tiger face animal cat danger wild nature roar
+🐅 tiger animal nature roar
+🐆 leopard animal nature
+🐴 horse face animal brown nature
+🐎 horse animal gamble luck
+🦄 unicorn animal nature mystical
+🦓 zebra animal nature stripes safari
+🦌 deer animal nature horns venison
+🐮 cow face beef ox animal nature moo milk
+🐂 ox animal cow beef
+🐃 water buffalo animal nature ox cow
+🐄 cow beef ox animal nature moo milk
+🐷 pig face animal oink nature
+🐖 pig animal nature
+🐗 boar animal nature
+🐽 pig nose animal oink
+🐏 ram animal sheep nature
+🐑 ewe animal nature wool shipit
+🐐 goat animal nature
+🐪 camel animal hot desert hump
+🐫 two hump camel animal nature hot desert hump
+🦙 llama animal nature alpaca
+🦒 giraffe animal nature spots safari
+🐘 elephant animal nature nose th circus
+🦏 rhinoceros animal nature horn
+🦛 hippopotamus animal nature
+🐭 mouse face animal nature cheese wedge rodent
+🐁 mouse animal nature rodent
+🐀 rat animal mouse rodent
+🐹 hamster animal nature
+🐰 rabbit face animal nature pet spring magic bunny
+🐇 rabbit animal nature pet magic spring
+🐿️ chipmunk animal nature rodent squirrel
+🦔 hedgehog animal nature spiny
+🦇 bat animal nature blind vampire
+🐻 bear animal nature wild
+🐨 koala animal nature
+🐼 panda animal nature panda
+🦥 sloth animal
+🦦 otter animal
+🦨 skunk animal
+🦘 kangaroo animal nature australia joey hop marsupial
+🦡 badger animal nature honey
+🐾 paw prints animal tracking footprints dog cat pet feet
+🦃 turkey animal bird
+🐔 chicken animal cluck nature bird
+🐓 rooster animal nature chicken
+🐣 hatching chick animal chicken egg born baby bird
+🐤 baby chick animal chicken bird
+🐥 front facing baby chick animal chicken baby bird
+🐦 bird animal nature fly tweet spring
+🐧 penguin animal nature
+🕊️ dove animal bird
+🦅 eagle animal nature bird
+🦆 duck animal nature bird mallard
+🦢 swan animal nature bird
+🦉 owl animal nature bird hoot
+🦩 flamingo animal
+🦚 peacock animal nature peahen bird
+🦜 parrot animal nature bird pirate talk
+🐸 frog animal nature croak toad
+🐊 crocodile animal nature reptile lizard alligator
+🐢 turtle animal slow nature tortoise
+🦎 lizard animal nature reptile
+🐍 snake animal evil nature hiss python
+🐲 dragon face animal myth nature chinese green
+🐉 dragon animal myth nature chinese green
+🦕 sauropod animal nature dinosaur brachiosaurus brontosaurus diplodocus extinct
+🦖 t rex animal nature dinosaur tyrannosaurus extinct
+🐳 spouting whale animal nature sea ocean
+🐋 whale animal nature sea ocean
+🐬 dolphin animal nature fish sea ocean flipper fins beach
+🐟 fish animal food nature
+🐠 tropical fish animal swim ocean beach nemo
+🐡 blowfish animal nature food sea ocean
+🦈 shark animal nature fish sea ocean jaws fins beach
+🐙 octopus animal creature ocean sea nature beach
+🐚 spiral shell nature sea beach
+🐌 snail slow animal shell
+🦋 butterfly animal insect nature caterpillar
+🐛 bug animal insect nature worm
+🐜 ant animal insect nature bug
+🐝 honeybee animal insect nature bug spring honey
+🐞 lady beetle animal insect nature ladybug
+🦗 cricket animal cricket chirp
+🕷️ spider animal arachnid
+🕸️ spider web animal insect arachnid silk
+🦂 scorpion animal arachnid
+🦟 mosquito animal nature insect malaria
+🦠 microbe amoeba bacteria germs virus
+💐 bouquet flowers nature spring
+🌸 cherry blossom nature plant spring flower
+💮 white flower japanese spring
+🏵️ rosette flower decoration military
+🌹 rose flowers valentines love spring
+🥀 wilted flower plant nature flower
+🌺 hibiscus plant vegetable flowers beach
+🌻 sunflower nature plant fall
+🌼 blossom nature flowers yellow
+🌷 tulip flowers plant nature summer spring
+🌱 seedling plant nature grass lawn spring
+🌲 evergreen tree plant nature
+🌳 deciduous tree plant nature
+🌴 palm tree plant vegetable nature summer beach mojito tropical
+🌵 cactus vegetable plant nature
+🌾 sheaf of rice nature plant
+🌿 herb vegetable plant medicine weed grass lawn
+☘️ shamrock vegetable plant nature irish clover
+🍀 four leaf clover vegetable plant nature lucky irish
+🍁 maple leaf nature plant vegetable ca fall
+🍂 fallen leaf nature plant vegetable leaves
+🍃 leaf fluttering in wind nature plant tree vegetable grass lawn spring
+🍇 grapes fruit food wine
+🍈 melon fruit nature food
+🍉 watermelon fruit food picnic summer
+🍊 tangerine food fruit nature orange
+🍋 lemon fruit nature
+🍌 banana fruit food monkey
+🍍 pineapple fruit nature food
+🥭 mango fruit food tropical
+🍎 red apple fruit mac school
+🍏 green apple fruit nature
+🍐 pear fruit nature food
+🍑 peach fruit nature food
+🍒 cherries food fruit
+🍓 strawberry fruit food nature
+🥝 kiwi fruit fruit food
+🍅 tomato fruit vegetable nature food
+🥥 coconut fruit nature food palm
+🥑 avocado fruit food
+🍆 eggplant vegetable nature food aubergine
+🥔 potato food tuber vegatable starch
+🥕 carrot vegetable food orange
+🌽 ear of corn food vegetable plant
+🌶️ hot pepper food spicy chilli chili
+🥒 cucumber fruit food pickle
+🥬 leafy green food vegetable plant bok choy cabbage kale lettuce
+🥦 broccoli fruit food vegetable
+🧄 garlic food spice cook
+🧅 onion cook food spice
+🍄 mushroom plant vegetable
+🥜 peanuts food nut
+🌰 chestnut food squirrel
+🍞 bread food wheat breakfast toast
+🥐 croissant food bread french
+🥖 baguette bread food bread french
+🥨 pretzel food bread twisted
+🥯 bagel food bread bakery schmear
+🥞 pancakes food breakfast flapjacks hotcakes
+🧇 waffle food breakfast
+🧀 cheese wedge food chadder
+🍖 meat on bone good food drumstick
+🍗 poultry leg food meat drumstick bird chicken turkey
+🥩 cut of meat food cow meat cut chop lambchop porkchop
+🥓 bacon food breakfast pork pig meat
+🍔 hamburger meat fast food beef cheeseburger mcdonalds burger king
+🍟 french fries chips snack fast food
+🍕 pizza food party
+🌭 hot dog food frankfurter
+🥪 sandwich food lunch bread
+🌮 taco food mexican
+🌯 burrito food mexican
+🥙 stuffed flatbread food flatbread stuffed gyro
+🧆 falafel food
+🥚 egg food chicken breakfast
+🍳 cooking food breakfast kitchen egg
+🥘 shallow pan of food food cooking casserole paella
+🍲 pot of food food meat soup
+🥣 bowl with spoon food breakfast cereal oatmeal porridge
+🥗 green salad food healthy lettuce
+🍿 popcorn food movie theater films snack
+🧈 butter food cook
+🧂 salt condiment shaker
+🥫 canned food food soup
+🍱 bento box food japanese box
+🍘 rice cracker food japanese
+🍙 rice ball food japanese
+🍚 cooked rice food china asian
+🍛 curry rice food spicy hot indian
+🍜 steaming bowl food japanese noodle chopsticks
+🍝 spaghetti food italian noodle
+🍠 roasted sweet potato food nature
+🍢 oden food japanese
+🍣 sushi food fish japanese rice
+🍤 fried shrimp food animal appetizer summer
+🍥 fish cake with swirl food japan sea beach narutomaki pink swirl kamaboko surimi ramen
+🥮 moon cake food autumn
+🍡 dango food dessert sweet japanese barbecue meat
+🥟 dumpling food empanada pierogi potsticker
+🥠 fortune cookie food prophecy
+🥡 takeout box food leftovers
+🦀 crab animal crustacean
+🦞 lobster animal nature bisque claws seafood
+🦐 shrimp animal ocean nature seafood
+🦑 squid animal nature ocean sea
+🦪 oyster food
+🍦 soft ice cream food hot dessert summer
+🍧 shaved ice hot dessert summer
+🍨 ice cream food hot dessert
+🍩 doughnut food dessert snack sweet donut
+🍪 cookie food snack oreo chocolate sweet dessert
+🎂 birthday cake food dessert cake
+🍰 shortcake food dessert
+🧁 cupcake food dessert bakery sweet
+🥧 pie food dessert pastry
+🍫 chocolate bar food snack dessert sweet
+🍬 candy snack dessert sweet lolly
+🍭 lollipop food snack candy sweet
+🍮 custard dessert food
+🍯 honey pot bees sweet kitchen
+🍼 baby bottle food container milk
+🥛 glass of milk beverage drink cow
+☕ hot beverage beverage caffeine latte espresso coffee
+🍵 teacup without handle drink bowl breakfast green british
+🍶 sake wine drink drunk beverage japanese alcohol booze
+🍾 bottle with popping cork drink wine bottle celebration
+🍷 wine glass drink beverage drunk alcohol booze
+🍸 cocktail glass drink drunk alcohol beverage booze mojito
+🍹 tropical drink beverage cocktail summer beach alcohol booze mojito
+🍺 beer mug relax beverage drink drunk party pub summer alcohol booze
+🍻 clinking beer mugs relax beverage drink drunk party pub summer alcohol booze
+🥂 clinking glasses beverage drink party alcohol celebrate cheers wine champagne toast
+🥃 tumbler glass drink beverage drunk alcohol liquor booze bourbon scotch whisky glass shot
+🥤 cup with straw drink soda
+🧃 beverage box drink
+🧉 mate drink tea beverage
+🧊 ice water cold
+🥢 chopsticks food
+🍽️ fork and knife with plate food eat meal lunch dinner restaurant
+🍴 fork and knife cutlery kitchen
+🥄 spoon cutlery kitchen tableware
+🔪 kitchen knife knife blade cutlery kitchen weapon
+🏺 amphora vase jar
+🌍 globe showing europe africa globe world international
+🌎 globe showing americas globe world USA international
+🌏 globe showing asia australia globe world east international
+🌐 globe with meridians earth international world internet interweb i18n
+🗺️ world map location direction
+🗾 map of japan nation country japanese asia
+🧭 compass magnetic navigation orienteering
+🏔️ snow capped mountain photo nature environment winter cold
+⛰️ mountain photo nature environment
+🌋 volcano photo nature disaster
+🗻 mount fuji photo mountain nature japanese
+🏕️ camping photo outdoors tent
+🏖️ beach with umbrella weather summer sunny sand mojito
+🏜️ desert photo warm saharah
+🏝️ desert island photo tropical mojito
+🏞️ national park photo environment nature
+🏟️ stadium photo place sports concert venue
+🏛️ classical building art culture history
+🏗️ building construction wip working progress
+🧱 brick bricks
+🏘️ houses buildings photo
+🏚️ derelict house abandon evict broken building
+🏠 house building home
+🏡 house with garden home plant nature
+🏢 office building building bureau work
+🏣 japanese post office building envelope communication
+🏤 post office building email
+🏥 hospital building health surgery doctor
+🏦 bank building money sales cash business enterprise
+🏨 hotel building accomodation checkin
+🏩 love hotel like affection dating
+🏪 convenience store building shopping groceries
+🏫 school building student education learn teach
+🏬 department store building shopping mall
+🏭 factory building industry pollution smoke
+🏯 japanese castle photo building
+🏰 castle building royalty history
+💒 wedding love like affection couple marriage bride groom
+🗼 tokyo tower photo japanese
+🗽 statue of liberty american newyork
+⛪ church building religion christ
+🕌 mosque islam worship minaret
+🛕 hindu temple religion
+🕍 synagogue judaism worship temple jewish
+⛩️ shinto shrine temple japan kyoto
+🕋 kaaba mecca mosque islam
+⛲ fountain photo summer water fresh
+⛺ tent photo camping outdoors
+🌁 foggy photo mountain
+🌃 night with stars evening city downtown
+🏙️ cityscape photo night life urban
+🌄 sunrise over mountains view vacation photo
+🌅 sunrise morning view vacation photo
+🌆 cityscape at dusk photo evening sky buildings
+🌇 sunset photo good morning dawn
+🌉 bridge at night photo sanfrancisco
+♨️ hot springs bath warm relax
+🎠 carousel horse photo carnival
+🎡 ferris wheel photo carnival londoneye
+🎢 roller coaster carnival playground photo fun
+💈 barber pole hair salon style
+🎪 circus tent festival carnival party
+🚂 locomotive transportation vehicle train
+🚃 railway car transportation vehicle
+🚄 high speed train transportation vehicle
+🚅 bullet train transportation vehicle speed fast public travel
+🚆 train transportation vehicle
+🚇 metro transportation blue-square mrt underground tube
+🚈 light rail transportation vehicle
+🚉 station transportation vehicle public
+🚊 tram transportation vehicle
+🚝 monorail transportation vehicle
+🚞 mountain railway transportation vehicle
+🚋 tram car transportation vehicle carriage public travel
+🚌 bus car vehicle transportation
+🚍 oncoming bus vehicle transportation
+🚎 trolleybus bart transportation vehicle
+🚐 minibus vehicle car transportation
+🚑 ambulance health 911 hospital
+🚒 fire engine transportation cars vehicle
+🚓 police car vehicle cars transportation law legal enforcement
+🚔 oncoming police car vehicle law legal enforcement 911
+🚕 taxi uber vehicle cars transportation
+🚖 oncoming taxi vehicle cars uber
+🚗 automobile red transportation vehicle
+🚘 oncoming automobile car vehicle transportation
+🚙 sport utility vehicle transportation vehicle
+🚚 delivery truck cars transportation
+🚛 articulated lorry vehicle cars transportation express
+🚜 tractor vehicle car farming agriculture
+🏎️ racing car sports race fast formula f1
+🏍️ motorcycle race sports fast
+🛵 motor scooter vehicle vespa sasha
+🦽 manual wheelchair accessibility
+🦼 motorized wheelchair accessibility
+🛺 auto rickshaw move transportation
+🚲 bicycle sports bicycle exercise hipster
+🛴 kick scooter vehicle kick razor
+🛹 skateboard board
+🚏 bus stop transportation wait
+🛣️ motorway road cupertino interstate highway
+🛤️ railway track train transportation
+🛢️ oil drum barrell
+⛽ fuel pump gas station petroleum
+🚨 police car light police ambulance 911 emergency alert error pinged law legal
+🚥 horizontal traffic light transportation signal
+🚦 vertical traffic light transportation driving
+🛑 stop sign stop
+🚧 construction wip progress caution warning
+⚓ anchor ship ferry sea boat
+⛵ sailboat ship summer transportation water sailing
+🛶 canoe boat paddle water ship
+🚤 speedboat ship transportation vehicle summer
+🛳️ passenger ship yacht cruise ferry
+⛴️ ferry boat ship yacht
+🛥️ motor boat ship
+🚢 ship transportation titanic deploy
+✈️ airplane vehicle transportation flight fly
+🛩️ small airplane flight transportation fly vehicle
+🛫 airplane departure airport flight landing
+🛬 airplane arrival airport flight boarding
+🪂 parachute fly glide
+💺 seat sit airplane transport bus flight fly
+🚁 helicopter transportation vehicle fly
+🚟 suspension railway vehicle transportation
+🚠 mountain cableway transportation vehicle ski
+🚡 aerial tramway transportation vehicle ski
+🛰️ satellite communication gps orbit spaceflight NASA ISS
+🚀 rocket launch ship staffmode NASA outer space outer space fly
+🛸 flying saucer transportation vehicle ufo
+🛎️ bellhop bell service
+🧳 luggage packing travel
+⌛ hourglass done time clock oldschool limit exam quiz test
+⏳ hourglass not done oldschool time countdown
+⌚ watch time accessories
+⏰ alarm clock time wake
+⏱️ stopwatch time deadline
+⏲️ timer clock alarm
+🕰️ mantelpiece clock time
+🕛 twelve o clock time noon midnight midday late early schedule
+🕧 twelve thirty time late early schedule
+🕐 one o clock time late early schedule
+🕜 one thirty time late early schedule
+🕑 two o clock time late early schedule
+🕝 two thirty time late early schedule
+🕒 three o clock time late early schedule
+🕞 three thirty time late early schedule
+🕓 four o clock time late early schedule
+🕟 four thirty time late early schedule
+🕔 five o clock time late early schedule
+🕠 five thirty time late early schedule
+🕕 six o clock time late early schedule dawn dusk
+🕡 six thirty time late early schedule
+🕖 seven o clock time late early schedule
+🕢 seven thirty time late early schedule
+🕗 eight o clock time late early schedule
+🕣 eight thirty time late early schedule
+🕘 nine o clock time late early schedule
+🕤 nine thirty time late early schedule
+🕙 ten o clock time late early schedule
+🕥 ten thirty time late early schedule
+🕚 eleven o clock time late early schedule
+🕦 eleven thirty time late early schedule
+🌑 new moon nature twilight planet space night evening sleep
+🌒 waxing crescent moon nature twilight planet space night evening sleep
+🌓 first quarter moon nature twilight planet space night evening sleep
+🌔 waxing gibbous moon nature night sky gray twilight planet space evening sleep
+🌕 full moon nature yellow twilight planet space night evening sleep
+🌖 waning gibbous moon nature twilight planet space night evening sleep waxing gibbous moon
+🌗 last quarter moon nature twilight planet space night evening sleep
+🌘 waning crescent moon nature twilight planet space night evening sleep
+🌙 crescent moon night sleep sky evening magic
+🌚 new moon face nature twilight planet space night evening sleep
+🌛 first quarter moon face nature twilight planet space night evening sleep
+🌜 last quarter moon face nature twilight planet space night evening sleep
+🌡️ thermometer weather temperature hot cold
+☀️ sun weather nature brightness summer beach spring
+🌝 full moon face nature twilight planet space night evening sleep
+🌞 sun with face nature morning sky
+🪐 ringed planet outerspace
+⭐ star night yellow
+🌟 glowing star night sparkle awesome good magic
+🌠 shooting star night photo
+🌌 milky way photo space stars
+☁️ cloud weather sky
+⛅ sun behind cloud weather nature cloudy morning fall spring
+⛈️ cloud with lightning and rain weather lightning
+🌤️ sun behind small cloud weather
+🌥️ sun behind large cloud weather
+🌦️ sun behind rain cloud weather
+🌧️ cloud with rain weather
+🌨️ cloud with snow weather
+🌩️ cloud with lightning weather thunder
+🌪️ tornado weather cyclone twister
+🌫️ fog weather
+🌬️ wind face gust air
+🌀 cyclone weather swirl blue cloud vortex spiral whirlpool spin tornado hurricane typhoon
+🌈 rainbow nature happy unicorn face photo sky spring
+🌂 closed umbrella weather rain drizzle
+☂️ umbrella weather spring
+☔ umbrella with rain drops rainy weather spring
+⛱️ umbrella on ground weather summer
+⚡ high voltage thunder weather lightning bolt fast
+❄️ snowflake winter season cold weather christmas xmas
+☃️ snowman winter season cold weather christmas xmas frozen
+⛄ snowman without snow winter season cold weather christmas xmas frozen without snow
+☄️ comet space
+🔥 fire hot cook flame
+💧 droplet water drip faucet spring
+🌊 water wave sea water wave nature tsunami disaster
+🎃 jack o lantern halloween light pumpkin creepy fall
+🎄 christmas tree festival vacation december xmas celebration
+🎆 fireworks photo festival carnival congratulations
+🎇 sparkler stars night shine
+🧨 firecracker dynamite boom explode explosion explosive
+✨ sparkles stars shine shiny cool awesome good magic
+🎈 balloon party celebration birthday circus
+🎉 party popper party congratulations birthday magic circus celebration tada
+🎊 confetti ball festival party birthday circus
+🎋 tanabata tree plant nature branch summer
+🎍 pine decoration plant nature vegetable panda pine decoration
+🎎 japanese dolls japanese toy kimono
+🎏 carp streamer fish japanese koinobori carp banner
+🎐 wind chime nature ding spring bell
+🎑 moon viewing ceremony photo japan asia tsukimi
+🧧 red envelope gift
+🎀 ribbon decoration pink girl bowtie
+🎁 wrapped gift present birthday christmas xmas
+🎗️ reminder ribbon sports cause support awareness
+🎟️ admission tickets sports concert entrance
+🎫 ticket event concert pass
+🎖️ military medal award winning army
+🏆 trophy win award contest place ftw ceremony
+🏅 sports medal award winning
+🥇 1st place medal award winning first
+🥈 2nd place medal award second
+🥉 3rd place medal award third
+⚽ soccer ball sports football
+⚾ baseball sports balls
+🥎 softball sports balls
+🏀 basketball sports balls NBA
+🏐 volleyball sports balls
+🏈 american football sports balls NFL
+🏉 rugby football sports team
+🎾 tennis sports balls green
+🥏 flying disc sports frisbee ultimate
+🎳 bowling sports fun play
+🏏 cricket game sports
+🏑 field hockey sports
+🏒 ice hockey sports
+🥍 lacrosse sports ball stick
+🏓 ping pong sports pingpong
+🏸 badminton sports
+🥊 boxing glove sports fighting
+🥋 martial arts uniform judo karate taekwondo
+🥅 goal net sports
+⛳ flag in hole sports business flag hole summer
+⛸️ ice skate sports
+🎣 fishing pole food hobby summer
+🤿 diving mask sport ocean
+🎽 running shirt play pageant
+🎿 skis sports winter cold snow
+🛷 sled sleigh luge toboggan
+🥌 curling stone sports
+🎯 direct hit game play bar target bullseye
+🪀 yo yo toy
+🪁 kite wind fly
+🎱 pool 8 ball pool hobby game luck magic
+🔮 crystal ball disco party magic circus fortune teller
+🧿 nazar amulet bead charm
+🎮 video game play console PS4 controller
+🕹️ joystick game play
+🎰 slot machine bet gamble vegas fruit machine luck casino
+🎲 game die dice random tabletop play luck
+🧩 puzzle piece interlocking puzzle piece
+🧸 teddy bear plush stuffed
+♠️ spade suit poker cards suits magic
+♥️ heart suit poker cards magic suits
+♦️ diamond suit poker cards magic suits
+♣️ club suit poker cards magic suits
+♟️ chess pawn expendable
+🃏 joker poker cards game play magic
+🀄 mahjong red dragon game play chinese kanji
+🎴 flower playing cards game sunset red
+🎭 performing arts acting theater drama
+🖼️ framed picture photography
+🎨 artist palette design paint draw colors
+🧵 thread needle sewing spool string
+🧶 yarn ball crochet knit
+👓 glasses fashion accessories eyesight nerdy dork geek
+🕶️ sunglasses face cool accessories
+🥽 goggles eyes protection safety
+🥼 lab coat doctor experiment scientist chemist
+🦺 safety vest protection
+👔 necktie shirt suitup formal fashion cloth business
+👕 t shirt fashion cloth casual shirt tee
+👖 jeans fashion shopping
+🧣 scarf neck winter clothes
+🧤 gloves hands winter clothes
+🧥 coat jacket
+🧦 socks stockings clothes
+👗 dress clothes fashion shopping
+👘 kimono dress fashion women female japanese
+🥻 sari dress
+🩱 one piece swimsuit fashion
+🩲 briefs clothing
+🩳 shorts clothing
+👙 bikini swimming female woman girl fashion beach summer
+👚 woman s clothes fashion shopping bags female
+👛 purse fashion accessories money sales shopping
+👜 handbag fashion accessory accessories shopping
+👝 clutch bag bag accessories shopping
+🛍️ shopping bags mall buy purchase
+🎒 backpack student education bag backpack
+👞 man s shoe fashion male
+👟 running shoe shoes sports sneakers
+🥾 hiking boot backpacking camping hiking
+🥿 flat shoe ballet slip-on slipper
+👠 high heeled shoe fashion shoes female pumps stiletto
+👡 woman s sandal shoes fashion flip flops
+🩰 ballet shoes dance
+👢 woman s boot shoes fashion
+👑 crown king kod leader royalty lord
+👒 woman s hat fashion accessories female lady spring
+🎩 top hat magic gentleman classy circus
+🎓 graduation cap school college degree university graduation cap hat legal learn education
+🧢 billed cap cap baseball
+⛑️ rescue worker s helmet construction build
+📿 prayer beads dhikr religious
+💄 lipstick female girl fashion woman
+💍 ring wedding propose marriage valentines diamond fashion jewelry gem engagement
+💎 gem stone blue ruby diamond jewelry
+🔇 muted speaker sound volume silence quiet
+🔈 speaker low volume sound volume silence broadcast
+🔉 speaker medium volume volume speaker broadcast
+🔊 speaker high volume volume noise noisy speaker broadcast
+📢 loudspeaker volume sound
+📣 megaphone sound speaker volume
+📯 postal horn instrument music
+🔔 bell sound notification christmas xmas chime
+🔕 bell with slash sound volume mute quiet silent
+🎼 musical score treble clef compose
+🎵 musical note score tone sound
+🎶 musical notes music score
+🎙️ studio microphone sing recording artist talkshow
+🎚️ level slider scale
+🎛️ control knobs dial
+🎤 microphone sound music PA sing talkshow
+🎧 headphone music score gadgets
+📻 radio communication music podcast program
+🎷 saxophone music instrument jazz blues
+🎸 guitar music instrument
+🎹 musical keyboard piano instrument compose
+🎺 trumpet music brass
+🎻 violin music instrument orchestra symphony
+🪕 banjo music instructment
+🥁 drum music instrument drumsticks snare
+📱 mobile phone technology apple gadgets dial
+📲 mobile phone with arrow iphone incoming
+☎️ telephone technology communication dial telephone
+📞 telephone receiver technology communication dial
+📟 pager bbcall oldschool 90s
+📠 fax machine communication technology
+🔋 battery power energy sustain
+🔌 electric plug charger power
+💻 laptop technology laptop screen display monitor
+🖥️ desktop computer technology computing screen
+🖨️ printer paper ink
+⌨️ keyboard technology computer type input text
+🖱️ computer mouse click
+🖲️ trackball technology trackpad
+💽 computer disk technology record data disk 90s
+💾 floppy disk oldschool technology save 90s 80s
+💿 optical disk technology dvd disk disc 90s
+📀 dvd cd disk disc
+🧮 abacus calculation
+🎥 movie camera film record
+🎞️ film frames movie
+📽️ film projector video tape record movie
+🎬 clapper board movie film record
+📺 television technology program oldschool show television
+📷 camera gadgets photography
+📸 camera with flash photography gadgets
+📹 video camera film record
+📼 videocassette record video oldschool 90s 80s
+🔍 magnifying glass tilted left search zoom find detective
+🔎 magnifying glass tilted right search zoom find detective
+🕯️ candle fire wax
+💡 light bulb light electricity idea
+🔦 flashlight dark camping sight night
+🏮 red paper lantern light paper halloween spooky
+🪔 diya lamp lighting
+📔 notebook with decorative cover classroom notes record paper study
+📕 closed book read library knowledge textbook learn
+📖 open book book read library knowledge literature learn study
+📗 green book read library knowledge study
+📘 blue book read library knowledge learn study
+📙 orange book read library knowledge textbook study
+📚 books literature library study
+📓 notebook stationery record notes paper study
+📒 ledger notes paper
+📃 page with curl documents office paper
+📜 scroll documents ancient history paper
+📄 page facing up documents office paper information
+📰 newspaper press headline
+🗞️ rolled up newspaper press headline
+📑 bookmark tabs favorite save order tidy
+🔖 bookmark favorite label save
+🏷️ label sale tag
+💰 money bag dollar payment coins sale
+💴 yen banknote money sales japanese dollar currency
+💵 dollar banknote money sales bill currency
+💶 euro banknote money sales dollar currency
+💷 pound banknote british sterling money sales bills uk england currency
+💸 money with wings dollar bills payment sale
+💳 credit card money sales dollar bill payment shopping
+🧾 receipt accounting expenses
+💹 chart increasing with yen green-square graph presentation stats
+💱 currency exchange money sales dollar travel
+💲 heavy dollar sign money sales payment currency buck
+✉️ envelope letter postal inbox communication
+📧 e mail communication inbox
+📨 incoming envelope email inbox
+📩 envelope with arrow email communication
+📤 outbox tray inbox email
+📥 inbox tray email documents
+📦 package mail gift cardboard box moving
+📫 closed mailbox with raised flag email inbox communication
+📪 closed mailbox with lowered flag email communication inbox
+📬 open mailbox with raised flag email inbox communication
+📭 open mailbox with lowered flag email inbox
+📮 postbox email letter envelope
+🗳️ ballot box with ballot election vote
+✏️ pencil stationery write paper writing school study
+✒️ black nib pen stationery writing write
+🖋️ fountain pen stationery writing write
+🖊️ pen stationery writing write
+🖌️ paintbrush drawing creativity art
+🖍️ crayon drawing creativity
+📝 memo write documents stationery pencil paper writing legal exam quiz test study compose
+💼 briefcase business documents work law legal job career
+📁 file folder documents business office
+📂 open file folder documents load
+🗂️ card index dividers organizing business stationery
+📅 calendar calendar schedule
+📆 tear off calendar schedule date planning
+🗒️ spiral notepad memo stationery
+🗓️ spiral calendar date schedule planning
+📇 card index business stationery
+📈 chart increasing graph presentation stats recovery business economics money sales good success
+📉 chart decreasing graph presentation stats recession business economics money sales bad failure
+📊 bar chart graph presentation stats
+📋 clipboard stationery documents
+📌 pushpin stationery mark here
+📍 round pushpin stationery location map here
+📎 paperclip documents stationery
+🖇️ linked paperclips documents stationery
+📏 straight ruler stationery calculate length math school drawing architect sketch
+📐 triangular ruler stationery math architect sketch
+✂️ scissors stationery cut
+🗃️ card file box business stationery
+🗄️ file cabinet filing organizing
+🗑️ wastebasket bin trash rubbish garbage toss
+🔒 locked security password padlock
+🔓 unlocked privacy security
+🔏 locked with pen security secret
+🔐 locked with key security privacy
+🔑 key lock door password
+🗝️ old key lock door password
+🔨 hammer tools build create
+🪓 axe tool chop cut
+⛏️ pick tools dig
+⚒️ hammer and pick tools build create
+🛠️ hammer and wrench tools build create
+🗡️ dagger weapon
+⚔️ crossed swords weapon
+🔫 pistol violence weapon pistol revolver
+🏹 bow and arrow sports
+🛡️ shield protection security
+🔧 wrench tools diy ikea fix maintainer
+🔩 nut and bolt handy tools fix
+⚙️ gear cog
+🗜️ clamp tool
+⚖️ balance scale law fairness weight
+🦯 probing cane accessibility
+🔗 link rings url
+⛓️ chains lock arrest
+🧰 toolbox tools diy fix maintainer mechanic
+🧲 magnet attraction magnetic
+⚗️ alembic distilling science experiment chemistry
+🧪 test tube chemistry experiment lab science
+🧫 petri dish bacteria biology culture lab
+🧬 dna biologist genetics life
+🔬 microscope laboratory experiment zoomin science study
+🔭 telescope stars space zoom science astronomy
+📡 satellite antenna communication future radio space
+💉 syringe health hospital drugs blood medicine needle doctor nurse
+🩸 drop of blood period hurt harm wound
+💊 pill health medicine doctor pharmacy drug
+🩹 adhesive bandage heal
+🩺 stethoscope health
+🚪 door house entry exit
+🛏️ bed sleep rest
+🛋️ couch and lamp read chill
+🪑 chair sit furniture
+🚽 toilet restroom wc washroom bathroom potty
+🚿 shower clean water bathroom
+🛁 bathtub clean shower bathroom
+🪒 razor cut
+🧴 lotion bottle moisturizer sunscreen
+🧷 safety pin diaper
+🧹 broom cleaning sweeping witch
+🧺 basket laundry
+🧻 roll of paper roll
+🧼 soap bar bathing cleaning lather
+🧽 sponge absorbing cleaning porous
+🧯 fire extinguisher quench
+🛒 shopping cart trolley
+🚬 cigarette kills tobacco cigarette joint smoke
+⚰️ coffin vampire dead die death rip graveyard cemetery casket funeral box
+⚱️ funeral urn dead die death rip ashes
+🗿 moai rock easter island moai
+🏧 atm sign money sales cash blue-square payment bank
+🚮 litter in bin sign blue-square sign human info
+🚰 potable water blue-square liquid restroom cleaning faucet
+♿ wheelchair symbol blue-square disabled accessibility
+🚹 men s room toilet restroom wc blue-square gender male
+🚺 women s room purple-square woman female toilet loo restroom gender
+🚻 restroom blue-square toilet refresh wc gender
+🚼 baby symbol orange-square child
+🚾 water closet toilet restroom blue-square
+🛂 passport control custom blue-square
+🛃 customs passport border blue-square
+🛄 baggage claim blue-square airport transport
+🛅 left luggage blue-square travel
+⚠️ warning exclamation wip alert error problem issue
+🚸 children crossing school warning danger sign driving yellow-diamond
+⛔ no entry limit security privacy bad denied stop circle
+🚫 prohibited forbid stop limit denied disallow circle
+🚳 no bicycles cyclist prohibited circle
+🚭 no smoking cigarette blue-square smell smoke
+🚯 no littering trash bin garbage circle
+🚱 non potable water drink faucet tap circle
+🚷 no pedestrians rules crossing walking circle
+📵 no mobile phones iphone mute circle
+🔞 no one under eighteen 18 drink pub night minor circle
+☢️ radioactive nuclear danger
+☣️ biohazard danger
+⬆️ up arrow blue-square continue top direction
+↗️ up right arrow blue-square point direction diagonal northeast
+➡️ right arrow blue-square next
+↘️ down right arrow blue-square direction diagonal southeast
+⬇️ down arrow blue-square direction bottom
+↙️ down left arrow blue-square direction diagonal southwest
+⬅️ left arrow blue-square previous back
+↖️ up left arrow blue-square point direction diagonal northwest
+↕️ up down arrow blue-square direction way vertical
+↔️ left right arrow shape direction horizontal sideways
+↩️ right arrow curving left back return blue-square undo enter
+↪️ left arrow curving right blue-square return rotate direction
+⤴️ right arrow curving up blue-square direction top
+⤵️ right arrow curving down blue-square direction bottom
+🔃 clockwise vertical arrows sync cycle round repeat
+🔄 counterclockwise arrows button blue-square sync cycle
+🔙 back arrow arrow words return
+🔚 end arrow words arrow
+🔛 on arrow arrow words
+🔜 soon arrow arrow words
+🔝 top arrow words blue-square
+🛐 place of worship religion church temple prayer
+⚛️ atom symbol science physics chemistry
+🕉️ om hinduism buddhism sikhism jainism
+✡️ star of david judaism
+☸️ wheel of dharma hinduism buddhism sikhism jainism
+☯️ yin yang balance
+✝️ latin cross christianity
+☦️ orthodox cross suppedaneum religion
+☪️ star and crescent islam
+☮️ peace symbol hippie
+🕎 menorah hanukkah candles jewish
+🔯 dotted six pointed star purple-square religion jewish hexagram
+♈ aries sign purple-square zodiac astrology
+♉ taurus purple-square sign zodiac astrology
+♊ gemini sign zodiac purple-square astrology
+♋ cancer sign zodiac purple-square astrology
+♌ leo sign purple-square zodiac astrology
+♍ virgo sign zodiac purple-square astrology
+♎ libra sign purple-square zodiac astrology
+♏ scorpio sign zodiac purple-square astrology scorpio
+♐ sagittarius sign zodiac purple-square astrology
+♑ capricorn sign zodiac purple-square astrology
+♒ aquarius sign purple-square zodiac astrology
+♓ pisces purple-square sign zodiac astrology
+⛎ ophiuchus sign purple-square constellation astrology
+🔀 shuffle tracks button blue-square shuffle music random
+🔁 repeat button loop record
+🔂 repeat single button blue-square loop
+▶️ play button blue-square right direction play
+⏩ fast forward button blue-square play speed continue
+⏭️ next track button forward next blue-square
+⏯️ play or pause button blue-square play pause
+◀️ reverse button blue-square left direction
+⏪ fast reverse button play blue-square
+⏮️ last track button backward
+🔼 upwards button blue-square triangle direction point forward top
+⏫ fast up button blue-square direction top
+🔽 downwards button blue-square direction bottom
+⏬ fast down button blue-square direction bottom
+⏸️ pause button pause blue-square
+⏹️ stop button blue-square
+⏺️ record button blue-square
+⏏️ eject button blue-square
+🎦 cinema blue-square record film movie curtain stage theater
+🔅 dim button sun afternoon warm summer
+🔆 bright button sun light
+📶 antenna bars blue-square reception phone internet connection wifi bluetooth bars
+📳 vibration mode orange-square phone
+📴 mobile phone off mute orange-square silence quiet
+♀️ female sign woman women lady girl
+♂️ male sign man boy men
+⚕️ medical symbol health hospital
+♾️ infinity forever
+♻️ recycling symbol arrow environment garbage trash
+⚜️ fleur de lis decorative scout
+🔱 trident emblem weapon spear
+📛 name badge fire forbid
+🔰 japanese symbol for beginner badge shield
+⭕ hollow red circle circle round
+✅ check mark button green-square ok agree vote election answer tick
+☑️ check box with check ok agree confirm black-square vote election yes tick
+✔️ check mark ok nike answer yes tick
+✖️ multiplication sign math calculation
+❌ cross mark no delete remove cancel red
+❎ cross mark button x green-square no deny
+➕ plus sign math calculation addition more increase
+➖ minus sign math calculation subtract less
+➗ division sign divide math calculation
+➰ curly loop scribble draw shape squiggle
+➿ double curly loop tape cassette
+〽️ part alternation mark graph presentation stats business economics bad
+✳️ eight spoked asterisk star sparkle green-square
+✴️ eight pointed star orange-square shape polygon
+❇️ sparkle stars green-square awesome good fireworks
+‼️ double exclamation mark exclamation surprise
+⁉️ exclamation question mark wat punctuation surprise
+❓ question mark doubt confused
+❔ white question mark doubts gray huh confused
+❕ white exclamation mark surprise punctuation gray wow warning
+❗ exclamation mark heavy exclamation mark danger surprise punctuation wow warning
+〰️ wavy dash draw line moustache mustache squiggle scribble
+©️ copyright ip license circle law legal
+®️ registered alphabet circle
+™️ trade mark trademark brand law legal
+#️⃣ keycap  symbol blue-square twitter
+*️⃣ keycap  star keycap
+0️⃣ keycap 0 0 numbers blue-square null
+1️⃣ keycap 1 blue-square numbers 1
+2️⃣ keycap 2 numbers 2 prime blue-square
+3️⃣ keycap 3 3 numbers prime blue-square
+4️⃣ keycap 4 4 numbers blue-square
+5️⃣ keycap 5 5 numbers blue-square prime
+6️⃣ keycap 6 6 numbers blue-square
+7️⃣ keycap 7 7 numbers blue-square prime
+8️⃣ keycap 8 8 blue-square numbers
+9️⃣ keycap 9 blue-square numbers 9
+🔟 keycap 10 numbers 10 blue-square
+🔠 input latin uppercase alphabet words blue-square
+🔡 input latin lowercase blue-square alphabet
+🔢 input numbers numbers blue-square
+🔣 input symbols blue-square music note ampersand percent glyphs characters
+🔤 input latin letters blue-square alphabet
+🅰️ a button red-square alphabet letter
+🆎 ab button red-square alphabet
+🅱️ b button red-square alphabet letter
+🆑 cl button alphabet words red-square
+🆒 cool button words blue-square
+🆓 free button blue-square words
+ℹ️ information blue-square alphabet letter
+🆔 id button purple-square words
+Ⓜ️ circled m alphabet blue-circle letter
+🆕 new button blue-square words start
+🆖 ng button blue-square words shape icon
+🅾️ o button alphabet red-square letter
+🆗 ok button good agree yes blue-square
+🅿️ p button cars blue-square alphabet letter
+🆘 sos button help red-square words emergency 911
+🆙 up button blue-square above high
+🆚 vs button words orange-square
+🈁 japanese here button blue-square here katakana japanese destination
+🈂️ japanese service charge button japanese blue-square katakana
+🈷️ japanese monthly amount button chinese month moon japanese orange-square kanji
+🈶 japanese not free of charge button orange-square chinese have kanji
+🈯 japanese reserved button chinese point green-square kanji
+🉐 japanese bargain button chinese kanji obtain get circle
+🈹 japanese discount button cut divide chinese kanji pink-square
+🈚 japanese free of charge button nothing chinese kanji japanese orange-square
+🈲 japanese prohibited button kanji japanese chinese forbidden limit restricted red-square
+🉑 japanese acceptable button ok good chinese kanji agree yes orange-circle
+🈸 japanese application button chinese japanese kanji orange-square
+🈴 japanese passing grade button japanese chinese join kanji red-square
+🈳 japanese vacancy button kanji japanese chinese empty sky blue-square
+㊗️ japanese congratulations button chinese kanji japanese red-circle
+㊙️ japanese secret button privacy chinese sshh kanji red-circle
+🈺 japanese open for business button japanese opening hours orange-square
+🈵 japanese no vacancy button full chinese japanese red-square kanji
+🔴 red circle shape error danger
+🟠 orange circle round
+🟡 yellow circle round
+🟢 green circle round
+🔵 blue circle shape icon button
+🟣 purple circle round
+🟤 brown circle round
+⚫ black circle shape button round
+⚪ white circle shape round
+🟥 red square
+🟧 orange square
+🟨 yellow square
+🟩 green square
+🟦 blue square
+🟪 purple square
+🟫 brown square
+⬛ black large square shape icon button
+⬜ white large square shape icon stone button
+◼️ black medium square shape button icon
+◻️ white medium square shape stone icon
+◾ black medium small square icon shape button
+◽ white medium small square shape stone icon button
+▪️ black small square shape icon
+▫️ white small square shape icon
+🔶 large orange diamond shape jewel gem
+🔷 large blue diamond shape jewel gem
+🔸 small orange diamond shape jewel gem
+🔹 small blue diamond shape jewel gem
+🔺 red triangle pointed up shape direction up top
+🔻 red triangle pointed down shape direction bottom
+💠 diamond with a dot jewel blue gem crystal fancy
+🔘 radio button input old music circle
+🔳 white square button shape input
+🔲 black square button shape input frame
+🏁 chequered flag contest finishline race gokart
+🚩 triangular flag mark milestone place
+🎌 crossed flags japanese nation country border
+🏴 black flag pirate
+🏳️ white flag losing loser lost surrender give up fail
+🏳️‍🌈 rainbow flag flag rainbow pride gay lgbt glbt queer homosexual lesbian bisexual transgender
+🏴‍☠️ pirate flag skull crossbones flag banner
+🇦🇨 flag ascension island
+🇦🇩 flag andorra ad flag nation country banner andorra
+🇦🇪 flag united arab emirates united arab emirates flag nation country banner united arab emirates
+🇦🇫 flag afghanistan af flag nation country banner afghanistan
+🇦🇬 flag antigua barbuda antigua barbuda flag nation country banner antigua barbuda
+🇦🇮 flag anguilla ai flag nation country banner anguilla
+🇦🇱 flag albania al flag nation country banner albania
+🇦🇲 flag armenia am flag nation country banner armenia
+🇦🇴 flag angola ao flag nation country banner angola
+🇦🇶 flag antarctica aq flag nation country banner antarctica
+🇦🇷 flag argentina ar flag nation country banner argentina
+🇦🇸 flag american samoa american ws flag nation country banner american samoa
+🇦🇹 flag austria at flag nation country banner austria
+🇦🇺 flag australia au flag nation country banner australia
+🇦🇼 flag aruba aw flag nation country banner aruba
+🇦🇽 flag aland islands Åland islands flag nation country banner aland islands
+🇦🇿 flag azerbaijan az flag nation country banner azerbaijan
+🇧🇦 flag bosnia herzegovina bosnia herzegovina flag nation country banner bosnia herzegovina
+🇧🇧 flag barbados bb flag nation country banner barbados
+🇧🇩 flag bangladesh bd flag nation country banner bangladesh
+🇧🇪 flag belgium be flag nation country banner belgium
+🇧🇫 flag burkina faso burkina faso flag nation country banner burkina faso
+🇧🇬 flag bulgaria bg flag nation country banner bulgaria
+🇧🇭 flag bahrain bh flag nation country banner bahrain
+🇧🇮 flag burundi bi flag nation country banner burundi
+🇧🇯 flag benin bj flag nation country banner benin
+🇧🇱 flag st barthelemy saint barthélemy flag nation country banner st barthelemy
+🇧🇲 flag bermuda bm flag nation country banner bermuda
+🇧🇳 flag brunei bn darussalam flag nation country banner brunei
+🇧🇴 flag bolivia bo flag nation country banner bolivia
+🇧🇶 flag caribbean netherlands bonaire flag nation country banner caribbean netherlands
+🇧🇷 flag brazil br flag nation country banner brazil
+🇧🇸 flag bahamas bs flag nation country banner bahamas
+🇧🇹 flag bhutan bt flag nation country banner bhutan
+🇧🇻 flag bouvet island norway
+🇧🇼 flag botswana bw flag nation country banner botswana
+🇧🇾 flag belarus by flag nation country banner belarus
+🇧🇿 flag belize bz flag nation country banner belize
+🇨🇦 flag canada ca flag nation country banner canada
+🇨🇨 flag cocos islands cocos keeling islands flag nation country banner cocos islands
+🇨🇩 flag congo kinshasa congo democratic republic flag nation country banner congo kinshasa
+🇨🇫 flag central african republic central african republic flag nation country banner central african republic
+🇨🇬 flag congo brazzaville congo flag nation country banner congo brazzaville
+🇨🇭 flag switzerland ch flag nation country banner switzerland
+🇨🇮 flag cote d ivoire ivory coast flag nation country banner cote d ivoire
+🇨🇰 flag cook islands cook islands flag nation country banner cook islands
+🇨🇱 flag chile flag nation country banner chile
+🇨🇲 flag cameroon cm flag nation country banner cameroon
+🇨🇳 flag china china chinese prc flag country nation banner china
+🇨🇴 flag colombia co flag nation country banner colombia
+🇨🇵 flag clipperton island
+🇨🇷 flag costa rica costa rica flag nation country banner costa rica
+🇨🇺 flag cuba cu flag nation country banner cuba
+🇨🇻 flag cape verde cabo verde flag nation country banner cape verde
+🇨🇼 flag curacao curaçao flag nation country banner curacao
+🇨🇽 flag christmas island christmas island flag nation country banner christmas island
+🇨🇾 flag cyprus cy flag nation country banner cyprus
+🇨🇿 flag czechia cz flag nation country banner czechia
+🇩🇪 flag germany german nation flag country banner germany
+🇩🇬 flag diego garcia
+🇩🇯 flag djibouti dj flag nation country banner djibouti
+🇩🇰 flag denmark dk flag nation country banner denmark
+🇩🇲 flag dominica dm flag nation country banner dominica
+🇩🇴 flag dominican republic dominican republic flag nation country banner dominican republic
+🇩🇿 flag algeria dz flag nation country banner algeria
+🇪🇦 flag ceuta melilla
+🇪🇨 flag ecuador ec flag nation country banner ecuador
+🇪🇪 flag estonia ee flag nation country banner estonia
+🇪🇬 flag egypt eg flag nation country banner egypt
+🇪🇭 flag western sahara western sahara flag nation country banner western sahara
+🇪🇷 flag eritrea er flag nation country banner eritrea
+🇪🇸 flag spain spain flag nation country banner spain
+🇪🇹 flag ethiopia et flag nation country banner ethiopia
+🇪🇺 flag european union european union flag banner
+🇫🇮 flag finland fi flag nation country banner finland
+🇫🇯 flag fiji fj flag nation country banner fiji
+🇫🇰 flag falkland islands falkland islands malvinas flag nation country banner falkland islands
+🇫🇲 flag micronesia micronesia federated states flag nation country banner micronesia
+🇫🇴 flag faroe islands faroe islands flag nation country banner faroe islands
+🇫🇷 flag france banner flag nation france french country france
+🇬🇦 flag gabon ga flag nation country banner gabon
+🇬🇧 flag united kingdom united kingdom great britain northern ireland flag nation country banner british UK english england union jack united kingdom
+🇬🇩 flag grenada gd flag nation country banner grenada
+🇬🇪 flag georgia ge flag nation country banner georgia
+🇬🇫 flag french guiana french guiana flag nation country banner french guiana
+🇬🇬 flag guernsey gg flag nation country banner guernsey
+🇬🇭 flag ghana gh flag nation country banner ghana
+🇬🇮 flag gibraltar gi flag nation country banner gibraltar
+🇬🇱 flag greenland gl flag nation country banner greenland
+🇬🇲 flag gambia gm flag nation country banner gambia
+🇬🇳 flag guinea gn flag nation country banner guinea
+🇬🇵 flag guadeloupe gp flag nation country banner guadeloupe
+🇬🇶 flag equatorial guinea equatorial gn flag nation country banner equatorial guinea
+🇬🇷 flag greece gr flag nation country banner greece
+🇬🇸 flag south georgia south sandwich islands south georgia sandwich islands flag nation country banner south georgia south sandwich islands
+🇬🇹 flag guatemala gt flag nation country banner guatemala
+🇬🇺 flag guam gu flag nation country banner guam
+🇬🇼 flag guinea bissau gw bissau flag nation country banner guinea bissau
+🇬🇾 flag guyana gy flag nation country banner guyana
+🇭🇰 flag hong kong sar china hong kong flag nation country banner hong kong sar china
+🇭🇲 flag heard mcdonald islands
+🇭🇳 flag honduras hn flag nation country banner honduras
+🇭🇷 flag croatia hr flag nation country banner croatia
+🇭🇹 flag haiti ht flag nation country banner haiti
+🇭🇺 flag hungary hu flag nation country banner hungary
+🇮🇨 flag canary islands canary islands flag nation country banner canary islands
+🇮🇩 flag indonesia flag nation country banner indonesia
+🇮🇪 flag ireland ie flag nation country banner ireland
+🇮🇱 flag israel il flag nation country banner israel
+🇮🇲 flag isle of man isle man flag nation country banner isle of man
+🇮🇳 flag india in flag nation country banner india
+🇮🇴 flag british indian ocean territory british indian ocean territory flag nation country banner british indian ocean territory
+🇮🇶 flag iraq iq flag nation country banner iraq
+🇮🇷 flag iran iran islamic republic flag nation country banner iran
+🇮🇸 flag iceland is flag nation country banner iceland
+🇮🇹 flag italy italy flag nation country banner italy
+🇯🇪 flag jersey je flag nation country banner jersey
+🇯🇲 flag jamaica jm flag nation country banner jamaica
+🇯🇴 flag jordan jo flag nation country banner jordan
+🇯🇵 flag japan japanese nation flag country banner japan
+🇰🇪 flag kenya ke flag nation country banner kenya
+🇰🇬 flag kyrgyzstan kg flag nation country banner kyrgyzstan
+🇰🇭 flag cambodia kh flag nation country banner cambodia
+🇰🇮 flag kiribati ki flag nation country banner kiribati
+🇰🇲 flag comoros km flag nation country banner comoros
+🇰🇳 flag st kitts nevis saint kitts nevis flag nation country banner st kitts nevis
+🇰🇵 flag north korea north korea nation flag country banner north korea
+🇰🇷 flag south korea south korea nation flag country banner south korea
+🇰🇼 flag kuwait kw flag nation country banner kuwait
+🇰🇾 flag cayman islands cayman islands flag nation country banner cayman islands
+🇰🇿 flag kazakhstan kz flag nation country banner kazakhstan
+🇱🇦 flag laos lao democratic republic flag nation country banner laos
+🇱🇧 flag lebanon lb flag nation country banner lebanon
+🇱🇨 flag st lucia saint lucia flag nation country banner st lucia
+🇱🇮 flag liechtenstein li flag nation country banner liechtenstein
+🇱🇰 flag sri lanka sri lanka flag nation country banner sri lanka
+🇱🇷 flag liberia lr flag nation country banner liberia
+🇱🇸 flag lesotho ls flag nation country banner lesotho
+🇱🇹 flag lithuania lt flag nation country banner lithuania
+🇱🇺 flag luxembourg lu flag nation country banner luxembourg
+🇱🇻 flag latvia lv flag nation country banner latvia
+🇱🇾 flag libya ly flag nation country banner libya
+🇲🇦 flag morocco ma flag nation country banner morocco
+🇲🇨 flag monaco mc flag nation country banner monaco
+🇲🇩 flag moldova moldova republic flag nation country banner moldova
+🇲🇪 flag montenegro me flag nation country banner montenegro
+🇲🇫 flag st martin
+🇲🇬 flag madagascar mg flag nation country banner madagascar
+🇲🇭 flag marshall islands marshall islands flag nation country banner marshall islands
+🇲🇰 flag north macedonia macedonia flag nation country banner north macedonia
+🇲🇱 flag mali ml flag nation country banner mali
+🇲🇲 flag myanmar mm flag nation country banner myanmar
+🇲🇳 flag mongolia mn flag nation country banner mongolia
+🇲🇴 flag macao sar china macao flag nation country banner macao sar china
+🇲🇵 flag northern mariana islands northern mariana islands flag nation country banner northern mariana islands
+🇲🇶 flag martinique mq flag nation country banner martinique
+🇲🇷 flag mauritania mr flag nation country banner mauritania
+🇲🇸 flag montserrat ms flag nation country banner montserrat
+🇲🇹 flag malta mt flag nation country banner malta
+🇲🇺 flag mauritius mu flag nation country banner mauritius
+🇲🇻 flag maldives mv flag nation country banner maldives
+🇲🇼 flag malawi mw flag nation country banner malawi
+🇲🇽 flag mexico mx flag nation country banner mexico
+🇲🇾 flag malaysia my flag nation country banner malaysia
+🇲🇿 flag mozambique mz flag nation country banner mozambique
+🇳🇦 flag namibia na flag nation country banner namibia
+🇳🇨 flag new caledonia new caledonia flag nation country banner new caledonia
+🇳🇪 flag niger ne flag nation country banner niger
+🇳🇫 flag norfolk island norfolk island flag nation country banner norfolk island
+🇳🇬 flag nigeria flag nation country banner nigeria
+🇳🇮 flag nicaragua ni flag nation country banner nicaragua
+🇳🇱 flag netherlands nl flag nation country banner netherlands
+🇳🇴 flag norway no flag nation country banner norway
+🇳🇵 flag nepal np flag nation country banner nepal
+🇳🇷 flag nauru nr flag nation country banner nauru
+🇳🇺 flag niue nu flag nation country banner niue
+🇳🇿 flag new zealand new zealand flag nation country banner new zealand
+🇴🇲 flag oman om symbol flag nation country banner oman
+🇵🇦 flag panama pa flag nation country banner panama
+🇵🇪 flag peru pe flag nation country banner peru
+🇵🇫 flag french polynesia french polynesia flag nation country banner french polynesia
+🇵🇬 flag papua new guinea papua new guinea flag nation country banner papua new guinea
+🇵🇭 flag philippines ph flag nation country banner philippines
+🇵🇰 flag pakistan pk flag nation country banner pakistan
+🇵🇱 flag poland pl flag nation country banner poland
+🇵🇲 flag st pierre miquelon saint pierre miquelon flag nation country banner st pierre miquelon
+🇵🇳 flag pitcairn islands pitcairn flag nation country banner pitcairn islands
+🇵🇷 flag puerto rico puerto rico flag nation country banner puerto rico
+🇵🇸 flag palestinian territories palestine palestinian territories flag nation country banner palestinian territories
+🇵🇹 flag portugal pt flag nation country banner portugal
+🇵🇼 flag palau pw flag nation country banner palau
+🇵🇾 flag paraguay py flag nation country banner paraguay
+🇶🇦 flag qatar qa flag nation country banner qatar
+🇷🇪 flag reunion réunion flag nation country banner reunion
+🇷🇴 flag romania ro flag nation country banner romania
+🇷🇸 flag serbia rs flag nation country banner serbia
+🇷🇺 flag russia russian federation flag nation country banner russia
+🇷🇼 flag rwanda rw flag nation country banner rwanda
+🇸🇦 flag saudi arabia flag nation country banner saudi arabia
+🇸🇧 flag solomon islands solomon islands flag nation country banner solomon islands
+🇸🇨 flag seychelles sc flag nation country banner seychelles
+🇸🇩 flag sudan sd flag nation country banner sudan
+🇸🇪 flag sweden se flag nation country banner sweden
+🇸🇬 flag singapore sg flag nation country banner singapore
+🇸🇭 flag st helena saint helena ascension tristan cunha flag nation country banner st helena
+🇸🇮 flag slovenia si flag nation country banner slovenia
+🇸🇯 flag svalbard jan mayen
+🇸🇰 flag slovakia sk flag nation country banner slovakia
+🇸🇱 flag sierra leone sierra leone flag nation country banner sierra leone
+🇸🇲 flag san marino san marino flag nation country banner san marino
+🇸🇳 flag senegal sn flag nation country banner senegal
+🇸🇴 flag somalia so flag nation country banner somalia
+🇸🇷 flag suriname sr flag nation country banner suriname
+🇸🇸 flag south sudan south sd flag nation country banner south sudan
+🇸🇹 flag sao tome principe sao tome principe flag nation country banner sao tome principe
+🇸🇻 flag el salvador el salvador flag nation country banner el salvador
+🇸🇽 flag sint maarten sint maarten dutch flag nation country banner sint maarten
+🇸🇾 flag syria syrian arab republic flag nation country banner syria
+🇸🇿 flag eswatini sz flag nation country banner eswatini
+🇹🇦 flag tristan da cunha
+🇹🇨 flag turks caicos islands turks caicos islands flag nation country banner turks caicos islands
+🇹🇩 flag chad td flag nation country banner chad
+🇹🇫 flag french southern territories french southern territories flag nation country banner french southern territories
+🇹🇬 flag togo tg flag nation country banner togo
+🇹🇭 flag thailand th flag nation country banner thailand
+🇹🇯 flag tajikistan tj flag nation country banner tajikistan
+🇹🇰 flag tokelau tk flag nation country banner tokelau
+🇹🇱 flag timor leste timor leste flag nation country banner timor leste
+🇹🇲 flag turkmenistan flag nation country banner turkmenistan
+🇹🇳 flag tunisia tn flag nation country banner tunisia
+🇹🇴 flag tonga to flag nation country banner tonga
+🇹🇷 flag turkey turkey flag nation country banner turkey
+🇹🇹 flag trinidad tobago trinidad tobago flag nation country banner trinidad tobago
+🇹🇻 flag tuvalu flag nation country banner tuvalu
+🇹🇼 flag taiwan tw flag nation country banner taiwan
+🇹🇿 flag tanzania tanzania united republic flag nation country banner tanzania
+🇺🇦 flag ukraine ua flag nation country banner ukraine
+🇺🇬 flag uganda ug flag nation country banner uganda
+🇺🇲 flag u s outlying islands
+🇺🇳 flag united nations un flag banner
+🇺🇸 flag united states united states america flag nation country banner united states
+🇺🇾 flag uruguay uy flag nation country banner uruguay
+🇺🇿 flag uzbekistan uz flag nation country banner uzbekistan
+🇻🇦 flag vatican city vatican city flag nation country banner vatican city
+🇻🇨 flag st vincent grenadines saint vincent grenadines flag nation country banner st vincent grenadines
+🇻🇪 flag venezuela ve bolivarian republic flag nation country banner venezuela
+🇻🇬 flag british virgin islands british virgin islands bvi flag nation country banner british virgin islands
+🇻🇮 flag u s virgin islands virgin islands us flag nation country banner u s virgin islands
+🇻🇳 flag vietnam viet nam flag nation country banner vietnam
+🇻🇺 flag vanuatu vu flag nation country banner vanuatu
+🇼🇫 flag wallis futuna wallis futuna flag nation country banner wallis futuna
+🇼🇸 flag samoa ws flag nation country banner samoa
+🇽🇰 flag kosovo xk flag nation country banner kosovo
+🇾🇪 flag yemen ye flag nation country banner yemen
+🇾🇹 flag mayotte yt flag nation country banner mayotte
+🇿🇦 flag south africa south africa flag nation country banner south africa
+🇿🇲 flag zambia zm flag nation country banner zambia
+🇿🇼 flag zimbabwe zw flag nation country banner zimbabwe
+🏴󠁧󠁢󠁥󠁮󠁧󠁿 flag england flag english
+🏴󠁧󠁢󠁳󠁣󠁴󠁿 flag scotland flag scottish
+🏴󠁧󠁢󠁷󠁬󠁳󠁿 flag wales flag welsh
+🥲 smiling face with tear sad cry pretend
+🥸 disguised face pretent brows glasses moustache
+🤌 pinched fingers size tiny small
+🫀 anatomical heart health heartbeat
+🫁 lungs breathe
+🥷 ninja ninjutsu skills japanese
+🤵‍♂️ man in tuxedo formal fashion
+🤵‍♀️ woman in tuxedo formal fashion
+👰‍♂️ man with veil wedding marriage
+👰‍♀️ woman with veil wedding marriage
+👩‍🍼 woman feeding baby birth food
+👨‍🍼 man feeding baby birth food
+🧑‍🍼 person feeding baby birth food
+🧑‍🎄 mx claus christmas
+🫂 people hugging care
+🐈‍⬛ black cat superstition luck
+🦬 bison ox
+🦣 mammoth elephant tusks
+🦫 beaver animal rodent
+🐻‍❄️ polar bear animal arctic
+🦤 dodo animal bird
+🪶 feather bird fly
+🦭 seal animal creature sea
+🪲 beetle insect
+🪳 cockroach insect pests
+🪰 fly insect
+🪱 worm animal
+🪴 potted plant greenery house
+🫐 blueberries fruit
+🫒 olive fruit
+🫑 bell pepper fruit plant
+🫓 flatbread flour food
+🫔 tamale food masa
+🫕 fondue cheese pot food
+🫖 teapot drink hot
+🧋 bubble tea taiwan boba milk tea straw
+🪨 rock stone
+🪵 wood nature timber trunk
+🛖 hut house structure
+🛻 pickup truck car transportation
+🛼 roller skate footwear sports
+🪄 magic wand supernature power
+🪅 pinata mexico candy celebration
+🪆 nesting dolls matryoshka toy
+🪡 sewing needle stitches
+🪢 knot rope scout
+🩴 thong sandal footwear summer
+🪖 military helmet army protection
+🪗 accordion music
+🪘 long drum music
+🪙 coin money currency
+🪃 boomerang weapon
+🪚 carpentry saw cut chop
+🪛 screwdriver tools
+🪝 hook tools
+🪜 ladder tools
+🛗 elevator lift
+🪞 mirror reflection
+🪟 window scenery
+🪠 plunger toilet
+🪤 mouse trap cheese
+🪣 bucket water container
+🪥 toothbrush hygiene dental
+🪦 headstone death rip grave
+🪧 placard announcement
+⚧️ transgender symbol lgbtq
+🏳️‍⚧️ transgender flag lgbtq
+😶‍🌫️ face in clouds shower steam dream
+😮‍💨 face exhaling relieve relief tired sigh
+😵‍💫 face with spiral eyes sick ill confused nauseous nausea
+❤️‍🔥 heart on fire passionate enthusiastic
+❤️‍🩹 mending heart broken heart bandage wounded
+🧔‍♂️ man beard facial hair
+🧔‍♀️ woman beard facial hair
+🫠 melting face hot heat
+🫢 face with open eyes and hand over mouth silence secret shock surprise
+🫣 face with peeking eye scared frightening embarrassing
+🫡 saluting face respect salute
+🫥 dotted line face invisible lonely isolation depression
+🫤 face with diagonal mouth skeptic confuse frustrated indifferent
+🥹 face holding back tears touched gratitude
+🫱 rightwards hand palm offer
+🫲 leftwards hand palm offer
+🫳 palm down hand palm drop
+🫴 palm up hand lift offer demand
+🫰 hand with index finger and thumb crossed heart love money expensive
+🫵 index pointing at the viewer you recruit
+🫶 heart hands love appreciation support
+🫦 biting lip flirt sexy pain worry
+🫅 person with crown royalty power
+🫃 pregnant man baby belly
+🫄 pregnant person baby belly
+🧌 troll mystical monster
+🪸 coral ocean sea reef
+🪷 lotus flower calm meditation
+🪹 empty nest bird
+🪺 nest with eggs bird
+🫘 beans food
+🫗 pouring liquid cup water
+🫙 jar container sauce
+🛝 playground slide fun park
+🛞 wheel car transport
+🛟 ring buoy life saver life preserver
+🪬 hamsa religion protection
+🪩 mirror ball disco dance party
+🪫 low battery drained dead
+🩼 crutch accessibility assist
+🩻 x-ray skeleton medicine
+🫧 bubbles soap fun carbonation sparkling
+🪪 identification card document
+🟰 heavy equals sign math
diff --git a/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/builder-dark.xml b/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/builder-dark.xml
new file mode 100644
index 000000000..cfcd001a9
--- /dev/null
+++ b/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/builder-dark.xml	
@@ -0,0 +1,226 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+ This file is part of GtkSourceView
+
+ Copyright (C) 2007 GtkSourceView team
+ Author: Paolo Borelli <pborelli@gnome.org>
+
+ GtkSourceView is free software; you can redistribute it and/or
+ modify it under the terms of the GNU Lesser General Public
+ License as published by the Free Software Foundation; either
+ version 2.1 of the License, or (at your option) any later version.
+
+ GtkSourceView is distributed in the hope that it will be useful,
+ but WITHOUT ANY WARRANTY; without even the implied warranty of
+ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
+ Lesser General Public License for more details.
+
+ You should have received a copy of the GNU Lesser General Public
+ License along with this library; if not, write to the Free Software
+ Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
+
+-->
+
+<style-scheme id="builder-dark" name="Builder Dark" version="1.0">
+
+  <author>Paolo Borelli, Christian Hergert</author>
+  <description>Dark color scheme for Builder using the Tango color palette</description>
+
+  <metadata>
+    <property name="variant">dark</property>
+    <property name="light-variant">builder</property>
+    <property name="accent_bg_color">#4186A8</property>
+    <property name="accent_fg_color">#eeeeec</property>
+    <property name="window_fg_color">#eeeeec</property>
+    <property name="headerbar_fg_color">#eeeeec</property>
+  </metadata>
+
+  <!-- Tango Palette -->
+  <color name="butter1"                     value="#fce94f"/>
+  <color name="butter2"                     value="#edd400"/>
+  <color name="butter3"                     value="#c4a000"/>
+  <color name="chameleon1"                  value="#8ae234"/>
+  <color name="chameleon2"                  value="#73d216"/>
+  <color name="chameleon3"                  value="#4e9a06"/>
+  <color name="orange1"                     value="#fcaf3e"/>
+  <color name="orange2"                     value="#f57900"/>
+  <color name="orange3"                     value="#ce5c00"/>
+  <color name="skyblue1"                    value="#729fcf"/>
+  <color name="skyblue2"                    value="#3465a4"/>
+  <color name="skyblue3"                    value="#204a87"/>
+  <color name="plum1"                       value="#ad7fa8"/>
+  <color name="plum2"                       value="#75507b"/>
+  <color name="plum3"                       value="#5c3566"/>
+  <color name="chocolate1"                  value="#e9b96e"/>
+  <color name="chocolate2"                  value="#c17d11"/>
+  <color name="chocolate3"                  value="#8f5902"/>
+  <color name="scarletred1"                 value="#ef2929"/>
+  <color name="scarletred2"                 value="#cc0000"/>
+  <color name="scarletred3"                 value="#a40000"/>
+  <color name="aluminium1"                  value="#eeeeec"/>
+  <color name="aluminium2"                  value="#d3d7cf"/>
+  <color name="aluminium3"                  value="#babdb6"/>
+  <color name="aluminium4"                  value="#888a85"/>
+  <color name="aluminium5"                  value="#555753"/>
+  <color name="aluminium6"                  value="#2e3436"/>
+  <color name="white"                       value="#ffffff"/>
+  <color name="pink1"                       value="#dd4a68"/>
+  <color name="red1"                        value="#ff0000"/>
+
+  <color name="dark1"                       value="#1e1e1e"/>
+  <color name="dark2"                       value="#303030"/>
+
+  <color name="transparent"                 value="#rgba(0,0,0,0)"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="aluminium3" background="dark1"/>
+  <style name="selection"                   background="#rgba(136,138,133,1)" foreground="white"/>
+  <style name="cursor"                      foreground="aluminium2"/>
+  <style name="current-line"                background="dark2"/>
+  <style name="current-line-number"         background="dark2"/>
+  <style name="line-numbers"                foreground="aluminium5" background="dark1"/>
+  <style name="draw-spaces"                 foreground="aluminium5"/>
+  <style name="background-pattern"          background="#202020"/>
+  <style name="map-overlay"                 background="#rgba(136,138,133,0.25)"/>
+  <style name="snippet-focus"               background="orange3" foreground="aluminium6"/>
+
+  <!-- Builder Overrides -->
+  <style name="-Builder:deprecated"         underline="error" underline-color="aluminium3"/>
+  <style name="-Builder:unused"             underline="error" underline-color="chocolate2"/>
+  <style name="-Builder:error"              underline="error" underline-color="red1"/>
+  <style name="-Builder:note"               underline="error" underline-color="skyblue1"/>
+  <style name="-Builder:warning"            underline="error" underline-color="orange1"/>
+  <style name="-Builder:current-breakpoint" foreground="#2e3436" line-background="#fcaf3e"/>
+  <style name="-Builder:breakpoint"         foreground="#ffffff" line-background="#204a87"/>
+  <style name="-Builder:hover-definition"   background="#41464c" underline="true"/>
+  <style name="-Builder:label"              foreground="#000000" background="#D5E7FC"/>
+  <style name="-Builder:id"                 foreground="#000000" background="#D9E7BD"/>
+  <style name="-Builder:style-class"        foreground="#000000" background="#DFCD9B"/>
+  <style name="-Builder:type"               foreground="#000000" background="#F4DAC3"/>
+  <style name="-Builder:parent"             foreground="#000000" background="#DEBECF"/>
+  <style name="-Builder:class"              foreground="#000000" background="#FFEF98"/>
+  <style name="-Builder:attribute"          foreground="#000000" background="#F0E68C"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="chocolate2" bold="true"/>
+  <style name="bracket-mismatch"            foreground="aluminium1" background="scarletred2" bold="true"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="#484749" background="#484749"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="aluminium1" background="chameleon3"/>
+  <style name="quick-highlight-match"       background="#rgba(78,154,6,.25)"/>
+
+  <!-- Search Shadow -->
+  <style name="search-shadow"               background="#rgba(0,0,0,0.4)"/>
+
+  <!-- Spellchecker Matching -->
+  <style name="misspelled-match"            foreground="#000000" background="#b3d4fc"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="aluminium4"/>
+  <style name="def:shebang"                 foreground="aluminium4" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="butter2"/>
+  <style name="def:string"                  foreground="#0077aa"/>
+  <style name="def:special-char"            foreground="#dd4a68"/>
+  <style name="def:special-constant"        foreground="plum1"/>
+  <style name="def:floating-point"          foreground="orange3"/>
+  <style name="def:function"                foreground="#4186A8"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="skyblue1"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="white" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="chameleon1" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="white" bold="true"/>
+  <style name="def:inline-code"             foreground="skyblue1"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="aluminium4"/>
+  <style name="def:link-symbol"             foreground="aluminium4" bold="true"/>
+  <style name="def:link-destination"        italic="true" underline="true"/>
+  <style name="def:heading"                 foreground="chameleon1" bold="true"/>
+  <style name="def:thematic-break"          foreground="chameleon1" bold="true"/>
+  <style name="def:preformatted-section"    foreground="skyblue1"/>
+  <style name="def:list-marker"             foreground="white" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="#dd4a68"/>
+  <style name="def:error"                   foreground="aluminium1" background="scarletred2" bold="true"/>
+  <style name="def:warning"                 foreground="aluminium1" background="plum1"/>
+  <style name="def:note"                    background="butter1" foreground="aluminium4" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="true"/>
+
+  <!-- Heading styles, uncomment to enable -->
+  <!--
+  <style name="def:heading0"                scale="5.0"/>
+  <style name="def:heading1"                scale="2.5"/>
+  <style name="def:heading2"                scale="2.0"/>
+  <style name="def:heading3"                scale="1.7"/>
+  <style name="def:heading4"                scale="1.5"/>
+  <style name="def:heading5"                scale="1.3"/>
+  <style name="def:heading6"                scale="1.2"/>
+  -->
+
+  <!-- Language specific -->
+  <style name="c:comment"                   foreground="#8b9eab"/>
+  <style name="c:preprocessor"              foreground="#8194a6" bold="false"/>
+  <style name="c:boolean"                   foreground="#0077aa"/>
+  <style name="c:keyword"                   foreground="#0077aa" bold="true"/>
+  <style name="c:string"                    foreground="#669900"/>
+  <style name="c:included-file"             foreground="orange3"/>
+  <style name="c:storage-class"             foreground="orange3" bold="true"/>
+  <style name="c:type"                      foreground="#669900" bold="true"/>
+  <style name="c:macro-name"                foreground="#677685" bold="false"/>
+  <style name="c:enum-name"                 foreground="#dd4a68" bold="false"/>
+
+  <style name="diff:added-line"             foreground="chameleon2"/>
+  <style name="diff:removed-line"           foreground="plum1"/>
+  <style name="diff:diff-file"              foreground="chameleon1" bold="true"/>
+  <style name="diff:location"               foreground="chameleon1"/>
+  <style name="diff:special-case"           foreground="white" bold="true"/>
+
+  <!-- GTK Doc -->
+  <style name="gtk-doc:function-name"       bold="true"/>
+  <style name="gtk-doc:function"            bold="true"/>
+  <style name="gtk-doc:parameter"           bold="true"/>
+  <style name="gtk-doc:constant"            bold="true"/>
+  <style name="gtk-doc:type"                bold="true"/>
+  <style name="gtk-doc:since"               bold="true"/>
+  <style name="gtk-doc:return"              bold="true"/>
+  <style name="gtk-doc:deprecated"          bold="true"/>
+  <style name="gtk-doc:signal-name"         bold="true"/>
+  <style name="gtk-doc:property-name"       bold="true"/>
+
+  <style name="gutter:added-line"           foreground="chameleon2"/>
+  <style name="gutter:changed-line"         foreground="butter3"/>
+  <style name="gutter:removed-line"         foreground="scarletred3"/>
+
+  <style name="js:built-in-constructor"     foreground="pink1"/>
+  <style name="js:keyword"                  foreground="#2b85aa"/>
+  <style name="js:string"                   foreground="#669900"/>
+  <style name="js:template-literal"         foreground="#669900"/>
+  <style name="js:built-in-function"        foreground="pink1"/>
+  <style name="js:built-in-method"          foreground="pink1"/>
+
+  <style name="latex:command"               foreground="chameleon1" bold="true"/>
+  <style name="latex:include"               use-style="def:preprocessor"/>
+
+  <style name="xml:comment"                 foreground="#8b9eab"/>
+  <style name="xml:attribute-name"          foreground="#orange3" bold="false"/>
+  <style name="xml:attribute-value"         foreground="#669900"/>
+  <style name="xml:tag-match"               background="#rgba(114,159,207,.20)"/>
+
+</style-scheme>
+
diff --git a/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/builder.xml b/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/builder.xml
new file mode 100644
index 000000000..8d632cf4f
--- /dev/null
+++ b/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/builder.xml	
@@ -0,0 +1,217 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Copyright 2022 Christian Hergert
+
+  GtkSourceView is free software; you can redistribute it and/or
+  modify it under the terms of the GNU Lesser General Public
+  License as published by the Free Software Foundation; either
+  version 2.1 of the License, or (at your option) any later version.
+
+  GtkSourceView is distributed in the hope that it will be useful,
+  but WITHOUT ANY WARRANTY; without even the implied warranty of
+  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
+  Lesser General Public License for more details.
+
+  You should have received a copy of the GNU Lesser General Public License
+  along with this library; if not, see <http://www.gnu.org/licenses/>.
+
+-->
+<style-scheme id="builder" _name="Builder" version="1.0">
+  <author>Christian Hergert</author>
+  <_description>The default color scheme for Builder</_description>
+
+  <metadata>
+    <property name="variant">light</property>
+    <property name="dark-variant">builder-dark</property>
+    <property name="accent_bg_color">#0077aa</property>
+    <property name="accent_fg_color">#eeeeec</property>
+    <property name="window_fg_color">#2a2a2a</property>
+  </metadata>
+
+  <!-- Named Colors -->
+  <color name="aluminium1"                value="#EEEEEC"/>
+  <color name="aluminium2"                value="#D3D7CF"/>
+  <color name="aluminium3"                value="#BABDB6"/>
+  <color name="aluminium4"                value="#888A85"/>
+  <color name="aluminium5"                value="#555753"/>
+  <color name="aluminium6"                value="#2E3436"/>
+  <color name="bg1"                       value="#EDEBE9"/>
+  <color name="bg2"                       value="#DBD7D3"/>
+  <color name="blue1"                     value="#708090"/>
+  <color name="blue2"                     value="#0077AA"/>
+  <color name="brown1"                    value="#A67F59"/>
+  <color name="butter1"                   value="#FCE94F"/>
+  <color name="butter2"                   value="#EDD400"/>
+  <color name="butter3"                   value="#C4A000"/>
+  <color name="chameleon1"                value="#8AE234"/>
+  <color name="chameleon2"                value="#73D216"/>
+  <color name="chameleon3"                value="#4E9A06"/>
+  <color name="chocolate1"                value="#E9B96E"/>
+  <color name="chocolate2"                value="#C17D11"/>
+  <color name="chocolate3"                value="#8F5902"/>
+  <color name="gr1"                       value="#709831"/>
+  <color name="green1"                    value="#669900"/>
+  <color name="line1"                     value="#A2A3A3"/>
+  <color name="og1"                       value="#D75D1B"/>
+  <color name="orange1"                   value="#FCAF3E"/>
+  <color name="orange2"                   value="#F57900"/>
+  <color name="orange3"                   value="#CE5C00"/>
+  <color name="pink1"                     value="#DD4A68"/>
+  <color name="pink2"                     value="#EBCAD2"/>
+  <color name="plum1"                     value="#AD7FA8"/>
+  <color name="plum2"                     value="#75507B"/>
+  <color name="plum3"                     value="#5C3566"/>
+  <color name="purple1"                   value="#990055"/>
+  <color name="red1"                      value="#FF0000"/>
+  <color name="scarletred1"               value="#EF2929"/>
+  <color name="scarletred2"               value="#CC0000"/>
+  <color name="scarletred3"               value="#A40000"/>
+  <color name="selection1"                value="#B3D4FC"/>
+  <color name="skyblue1"                  value="#729FCF"/>
+  <color name="skyblue2"                  value="#3465A4"/>
+  <color name="skyblue3"                  value="#204A87"/>
+  <color name="text1"                     value="#4D4E53"/>
+  <color name="white"                     value="#FFFFFF"/>
+  <color name="black"                     value="#000000"/>
+  <color name="yellow1"                   value="#FFF9E5"/>
+
+  <!-- Global Styles -->
+  <style name="background-pattern"        background="#F3F3F3"/>
+  <style name="bracket-match"             background="aluminium3" foreground="text1" bold="true"/>
+  <style name="bracket-mismatch"          background="scarletred3" foreground="aluminium1" bold="true"/>
+  <style name="current-line"              background="aluminium1"/>
+  <style name="current-line-number"       background="aluminium1" foreground="aluminium4" bold="true"/>
+  <style name="cursor"                    foreground="aluminium4"/>
+  <style name="draw-spaces"               foreground="aluminium3"/>
+  <style name="line-numbers"              background="#FAFAFA" foreground="aluminium3"/>
+  <style name="map-overlay"               background="#rgba(193,203,210,0.55)"/>
+  <style name="misspelled-match"          background="selection1" foreground="aluminium5"/>
+  <style name="quick-highlight"           background="#rgba(221,74,104,0.15)"/>
+  <style name="quick-highlight-match"     background="#rgba(221,74,104,0.15)"/>
+  <style name="right-margin"              background="bg2" foreground="aluminium3"/>
+  <style name="search-match"              background="pink1" foreground="white"/>
+  <style name="search-shadow"             background="#rgba(0,0,0,0.2)"/>
+  <style name="selection"                 background="selection1" foreground="aluminium5"/>
+  <style name="snippet-focus"             background="orange1" foreground="text1"/>
+  <style name="text"                      background="#FAFAFA" foreground="text1"/>
+
+  <!-- Builder Overrides -->
+  <style name="-Builder:added-line"       foreground="chameleon1"/>
+  <style name="-Builder:changed-line"     foreground="orange1"/>
+  <style name="-Builder:removed-line"     foreground="scarletred1"/>
+  <style name="-Builder:current-breakpoint" line-background="#f5c211" foreground="black"/>
+  <style name="-Builder:breakpoint"         line-background="#4A90D9" foreground="white"/>
+  <style name="-Builder:deprecated"       underline="error" underline-color="aluminium3"/>
+  <style name="-Builder:error"            underline="error" underline-color="red1"/>
+  <style name="-Builder:note"             underline="error" underline-color="blue1"/>
+  <style name="-Builder:unused"           underline="error" underline-color="chocolate3"/>
+  <style name="-Builder:warning"          underline="error" underline-color="orange1"/>
+  <style name="-Builder:hover-definition" background="#D2E0E8" underline="single"/>
+  <style name="-Builder:area"             background="#rgba(32,74,135,0.1)"/>
+  <style name="-Builder:attribute"        background="#F0E68C" foreground="#000000"/>
+  <style name="-Builder:class"            background="#FFEF98" foreground="#000000"/>
+  <style name="-Builder:id"               background="#D9E7BD" foreground="#000000"/>
+  <style name="-Builder:label"            background="#D5E7FC" foreground="#000000"/>
+  <style name="-Builder:parent"           background="#DEBECF" foreground="#000000"/>
+  <style name="-Builder:style-class"      background="#DFCD9B" foreground="#000000"/>
+  <style name="-Builder:type"             background="#F4DAC3" foreground="#000000"/>
+
+  <!-- Defaults -->
+  <style name="def:base-n-integer"        foreground="blue2"/>
+  <style name="def:boolean"               foreground="pink1"/>
+  <style name="def:comment"               foreground="blue1"/>
+  <style name="def:constant"              foreground="pink1"/>
+  <style name="def:decimal"               foreground="purple1"/>
+  <style name="def:deletion"              strikethrough="true"/>
+  <style name="def:doc-comment-element"   italic="true"/>
+  <style name="def:emphasis"              italic="true"/>
+  <style name="def:error"                 line-background="#rgba(235,202,210,0.4)"/>
+  <style name="def:floating-point"        foreground="blue2"/>
+  <style name="def:function"              foreground="#4186A8"/>
+  <style name="def:heading"               foreground="gr1" bold="true"/>
+  <style name="def:identifier"            foreground="purple1"/>
+  <style name="def:inline-code"           foreground="purple1"/>
+  <style name="def:insertion"             underline="single"/>
+  <style name="def:keyword"               foreground="gr1" bold="true"/>
+  <style name="def:link-destination"      italic="true" underline="single"/>
+  <style name="def:link-symbol"           foreground="blue1" bold="true"/>
+  <style name="def:link-text"             foreground="blue1"/>
+  <style name="def:list-marker"           foreground="green1" bold="true"/>
+  <style name="def:net-address"           italic="true" underline="single"/>
+  <style name="def:note"                  background="orange1" bold="true"/>
+  <style name="def:operator"              foreground="brown1"/>
+  <style name="def:preformatted-section"  foreground="purple1"/>
+  <style name="def:preprocessor"          foreground="pink1"/>
+  <style name="def:shebang"               foreground="blue1" bold="true"/>
+  <style name="def:special-char"          foreground="pink1"/>
+  <style name="def:special-constant"      foreground="purple1"/>
+  <style name="def:statement"             foreground="green1" bold="true"/>
+  <style name="def:string"                foreground="blue2"/>
+  <style name="def:strong-emphasis"       foreground="green1" bold="true"/>
+  <style name="def:thematic-break"        foreground="gr1" bold="true"/>
+  <style name="def:type"                  foreground="gr1" bold="true"/>
+  <style name="def:warning"               background="yellow1"/>
+
+  <!-- C -->
+  <style name="c:boolean"                 foreground="blue2"/>
+  <style name="c:comment"                 foreground="#8B9EAB"/>
+  <style name="c:enum-name"               foreground="pink1" bold="false"/>
+  <style name="c:included-file"           foreground="orange3"/>
+  <style name="c:keyword"                 foreground="blue2" bold="true"/>
+  <style name="c:macro-name"              foreground="#677685" bold="false"/>
+  <style name="c:preprocessor"            foreground="#8194A6" bold="false"/>
+  <style name="c:storage-class"           foreground="orange3" bold="true"/>
+  <style name="c:string"                  foreground="green1"/>
+  <style name="c:type"                    foreground="green1" bold="true"/>
+
+  <!-- Diff -->
+  <style name="diff:added-line"           foreground="chameleon3"/>
+  <style name="diff:changed-line"         foreground="orange3"/>
+  <style name="diff:diff-file"            bold="true"/>
+  <style name="diff:location"             use-style="def:statement"/>
+  <style name="diff:removed-line"         foreground="pink1"/>
+  <style name="diff:special-case"         use-style="def:constant"/>
+
+  <!-- gtk-doc -->
+  <style name="gtk-doc:constant"          bold="true"/>
+  <style name="gtk-doc:deprecated"        bold="true"/>
+  <style name="gtk-doc:function"          bold="true"/>
+  <style name="gtk-doc:function-name"     bold="true"/>
+  <style name="gtk-doc:parameter"         bold="true"/>
+  <style name="gtk-doc:property-name"     bold="true"/>
+  <style name="gtk-doc:return"            bold="true"/>
+  <style name="gtk-doc:signal-name"       bold="true"/>
+  <style name="gtk-doc:since"             bold="true"/>
+  <style name="gtk-doc:type"              bold="true"/>
+
+  <!-- JavaScript -->
+  <style name="js:built-in-constructor"   foreground="pink1"/>
+  <style name="js:built-in-function"      foreground="pink1"/>
+  <style name="js:built-in-method"        foreground="pink1"/>
+  <style name="js:keyword"                foreground="blue2"/>
+  <style name="js:string"                 foreground="green1"/>
+  <style name="js:template-literal"       foreground="green1"/>
+
+  <!-- LaTeX -->
+  <style name="latex:command"             foreground="chameleon3" bold="true"/>
+  <style name="latex:display-math"        foreground="plum3"/>
+  <style name="latex:include"             use-style="def:preprocessor"/>
+  <style name="latex:special-char"        use-style="def:constant"/>
+
+  <!-- Python 2 -->
+  <style name="python:builtin-object"     foreground="og1"/>
+  <style name="python:function-name"      foreground="pink1"/>
+  <style name="python:keyword"            foreground="green1" bold="false"/>
+  <style name="python:module-handler"     foreground="purple1" bold="false"/>
+
+  <!-- sh -->
+  <style name="sh:variable"               foreground="plum3"/>
+  <style name="sh:variable-definition"    foreground="chameleon3"/>
+
+  <!-- XML -->
+  <style name="xml:namespace"             bold="true"/>
+  <style name="xml:tag-match"             background="#rgba(153,0,85,0.07)"/>
+  <style name="xml:tags"                  foreground="chameleon3"/>
+
+</style-scheme>
diff --git a/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-frappe.xml b/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-frappe.xml
new file mode 100755
index 000000000..76b043e82
--- /dev/null
+++ b/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-frappe.xml	
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="catppuccin_frappe" _name="Catppuccin frappe" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Soothing pastel theme for Gedit</_description>
+
+  <!-- Catppuccin Palette -->
+  <color name="frappe_rosewater" value="#f2d5cf"/>
+  <color name="frappe_flamingo"  value="#eebebe"/>
+  <color name="frappe_pink"      value="#f4b8e4"/>
+  <color name="frappe_mauve"     value="#ca9ee6"/>
+  <color name="frappe_red"       value="#e78284"/>
+  <color name="frappe_maroon"    value="#ea999c"/>
+  <color name="frappe_peach"     value="#ef9f76"/>
+  <color name="frappe_yellow"    value="#e5c890"/>
+  <color name="frappe_green"     value="#a6d189"/>
+  <color name="frappe_teal"      value="#81c8be"/>
+  <color name="frappe_sky"       value="#99d1db"/>
+  <color name="frappe_sapphire"  value="#85c1dc"/>
+  <color name="frappe_blue"      value="#8caaee"/>
+  <color name="frappe_lavender"  value="#babbf1"/>
+  <color name="frappe_text"      value="#c6d0f5"/>
+  <color name="frappe_subtext1"  value="#b5bfe2"/>
+  <color name="frappe_subtext0"  value="#a5adce"/>
+  <color name="frappe_overlay2"  value="#949cbb"/>
+  <color name="frappe_overlay1"  value="#838ba7"/>
+  <color name="frappe_overlay0"  value="#737994"/>
+  <color name="frappe_surface2"  value="#626880"/>
+  <color name="frappe_surface1"  value="#51576d"/>
+  <color name="frappe_surface0"  value="#51576d"/>
+  <color name="frappe_base"      value="#303446"/>
+  <color name="frappe_mantle"    value="#292c3c"/>
+  <color name="frappe_crust"     value="#232634"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="frappe_text" background = "frappe_base"/>
+  <style name="selection"                   foreground="frappe_text" background="frappe_surface2"/>
+  <style name="cursor"                      foreground="frappe_rosewater"/>
+  <style name="secondary-cursor"            foreground="frappe_rosewater"/>
+  <style name="current-line"                background="frappe_surface0"/>
+  <style name="line-numbers"                foreground="frappe_text" background="frappe_crust"/>
+  <style name="draw-spaces"                 foreground="frappe_text"/>
+  <style name="background-pattern"          background="frappe_base"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="frappe_mauve"/>
+  <style name="bracket-mismatch"            foreground="frappe_text" background="frappe_peach"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="frappe_text" background="frappe_crust"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="frappe_text" background="frappe_blue"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="frappe_overlay0"/>
+  <style name="def:shebang"                 foreground="frappe_overlay0" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="frappe_green"/>
+  <style name="def:string"                  foreground="frappe_green"/>
+  <style name="def:special-char"            foreground="frappe_lavender"/>
+  <style name="def:special-constant"        foreground="frappe_lavender"/>
+  <style name="def:floating-point"          foreground="frappe_lavender"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="frappe_blue"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="frappe_sapphire" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="frappe_maroon" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="frappe_yellow" bold="true"/>
+  <style name="def:inline-code"             foreground="frappe_green"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="frappe_rosewater"/>
+  <style name="def:link-symbol"             foreground="frappe_blue" bold="true"/>
+  <style name="def:link-destination"        foreground="frappe_blue" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="frappe_teal" bold="true"/>
+  <style name="def:thematic-break"          foreground="frappe_green" bold="true"/>
+  <style name="def:preformatted-section"    foreground="frappe_green"/>
+  <style name="def:list-marker"             foreground="frappe_teal" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="frappe_teal"/>
+  <style name="def:error"                   foreground="frappe_maroon" bold="true"/>
+  <style name="def:warning"                 foreground="frappe_peach"/>
+  <style name="def:note"                    foreground="frappe_blue" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-latte.xml b/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-latte.xml
new file mode 100755
index 000000000..1d6e3b5fc
--- /dev/null
+++ b/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-latte.xml	
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="catppuccin_latte" _name="Catppuccin latte" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Soothing pastel theme for Gedit</_description>
+
+  <!-- Catppuccin Palette -->
+  <color name="latte_rosewater" value="#dc8a78"/>
+  <color name="latte_flamingo"  value="#dd7878"/>
+  <color name="latte_pink"      value="#ea76cb"/>
+  <color name="latte_mauve"     value="#8839ef"/>
+  <color name="latte_red"       value="#d20f39"/>
+  <color name="latte_maroon"    value="#e64553"/>
+  <color name="latte_peach"     value="#fe640b"/>
+  <color name="latte_yellow"    value="#df8e1d"/>
+  <color name="latte_green"     value="#40a02b"/>
+  <color name="latte_teal"      value="#179299"/>
+  <color name="latte_sky"       value="#04a5e5"/>
+  <color name="latte_sapphire"  value="#209fb5"/>
+  <color name="latte_blue"      value="#1e66f5"/>
+  <color name="latte_lavender"  value="#7287fd"/>
+  <color name="latte_text"      value="#4c4f69"/>
+  <color name="latte_subtext1"  value="#5c5f77"/>
+  <color name="latte_subtext0"  value="#6c6f85"/>
+  <color name="latte_overlay2"  value="#7c7f93"/>
+  <color name="latte_overlay1"  value="#8c8fa1"/>
+  <color name="latte_overlay0"  value="#9ca0b0"/>
+  <color name="latte_surface2"  value="#acb0be"/>
+  <color name="latte_surface1"  value="#bcc0cc"/>
+  <color name="latte_surface0"  value="#ccd0da"/>
+  <color name="latte_base"      value="#eff1f5"/>
+  <color name="latte_mantle"    value="#e6e9ef"/>
+  <color name="latte_crust"     value="#dce0e8"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="latte_text" background = "latte_base"/>
+  <style name="selection"                   foreground="latte_text" background="latte_surface2"/>
+  <style name="cursor"                      foreground="latte_rosewater"/>
+  <style name="secondary-cursor"            foreground="latte_rosewater"/>
+  <style name="current-line"                background="latte_surface0"/>
+  <style name="line-numbers"                foreground="latte_text" background="latte_crust"/>
+  <style name="draw-spaces"                 foreground="latte_text"/>
+  <style name="background-pattern"          background="latte_base"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="latte_mauve"/>
+  <style name="bracket-mismatch"            foreground="latte_text" background="latte_peach"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="latte_text" background="latte_crust"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="latte_text" background="latte_blue"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="latte_overlay0"/>
+  <style name="def:shebang"                 foreground="latte_overlay0" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="latte_green"/>
+  <style name="def:string"                  foreground="latte_green"/>
+  <style name="def:special-char"            foreground="latte_lavender"/>
+  <style name="def:special-constant"        foreground="latte_lavender"/>
+  <style name="def:floating-point"          foreground="latte_lavender"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="latte_blue"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="latte_sapphire" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="latte_maroon" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="latte_yellow" bold="true"/>
+  <style name="def:inline-code"             foreground="latte_green"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="latte_rosewater"/>
+  <style name="def:link-symbol"             foreground="latte_blue" bold="true"/>
+  <style name="def:link-destination"        foreground="latte_blue" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="latte_teal" bold="true"/>
+  <style name="def:thematic-break"          foreground="latte_green" bold="true"/>
+  <style name="def:preformatted-section"    foreground="latte_green"/>
+  <style name="def:list-marker"             foreground="latte_teal" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="latte_teal"/>
+  <style name="def:error"                   foreground="latte_maroon" bold="true"/>
+  <style name="def:warning"                 foreground="latte_peach"/>
+  <style name="def:note"                    foreground="latte_blue" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-macchiato.xml b/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-macchiato.xml
new file mode 100755
index 000000000..5e3bffe69
--- /dev/null
+++ b/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-macchiato.xml	
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="catppuccin_macchiato" _name="Catppuccin macchiato" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Soothing pastel theme for Gedit</_description>
+
+  <!-- Catppuccin Palette -->
+<color name="macchiato_rosewater" value="#f4dbd6"/>
+<color name="macchiato_flamingo"  value="#f0c6c6"/>
+<color name="macchiato_pink"      value="#f5bde6"/>
+<color name="macchiato_mauve"     value="#c6a0f6"/>
+<color name="macchiato_red"       value="#ed8796"/>
+<color name="macchiato_maroon"    value="#ee99a0"/>
+<color name="macchiato_peach"     value="#f5a97f"/>
+<color name="macchiato_yellow"    value="#eed49f"/>
+<color name="macchiato_green"     value="#a6da95"/>
+<color name="macchiato_teal"      value="#8bd5ca"/>
+<color name="macchiato_sky"       value="#91d7e3"/>
+<color name="macchiato_sapphire"  value="#7dc4e4"/>
+<color name="macchiato_blue"      value="#8aadf4"/>
+<color name="macchiato_lavender"  value="#b7bdf8"/>
+<color name="macchiato_text"      value="#cad3f5"/>
+<color name="macchiato_subtext1"  value="#b8c0e0"/>
+<color name="macchiato_subtext0"  value="#a5adcb"/>
+<color name="macchiato_overlay2"  value="#939ab7"/>
+<color name="macchiato_overlay1"  value="#8087a2"/>
+<color name="macchiato_overlay0"  value="#6e738d"/>
+<color name="macchiato_surface2"  value="#5b6078"/>
+<color name="macchiato_surface1"  value="#494d64"/>
+<color name="macchiato_surface0"  value="#363a4f"/>
+<color name="macchiato_base"      value="#24273a"/>
+<color name="macchiato_mantle"    value="#1e2030"/>
+<color name="macchiato_crust"     value="#181926"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="macchiato_text" background = "macchiato_base"/>
+  <style name="selection"                   foreground="macchiato_text" background="macchiato_surface2"/>
+  <style name="cursor"                      foreground="macchiato_rosewater"/>
+  <style name="secondary-cursor"            foreground="macchiato_rosewater"/>
+  <style name="current-line"                background="macchiato_surface0"/>
+  <style name="line-numbers"                foreground="macchiato_text" background="macchiato_crust"/>
+  <style name="draw-spaces"                 foreground="macchiato_text"/>
+  <style name="background-pattern"          background="macchiato_mantle"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="macchiato_mauve"/>
+  <style name="bracket-mismatch"            foreground="macchiato_text" background="macchiato_peach"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="macchiato_text" background="crust"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="macchiato_text" background="macchiato_blue"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="macchiato_overlay0"/>
+  <style name="def:shebang"                 foreground="macchiato_overlay0" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="macchiato_green"/>
+  <style name="def:string"                  foreground="macchiato_green"/>
+  <style name="def:special-char"            foreground="macchiato_lavender"/>
+  <style name="def:special-constant"        foreground="macchiato_lavender"/>
+  <style name="def:floating-point"          foreground="macchiato_lavender"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="macchiato_blue"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="macchiato_sapphire" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="macchiato_maroon" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="macchiato_yellow" bold="true"/>
+  <style name="def:inline-code"             foreground="macchiato_green"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="macchiato_rosewater"/>
+  <style name="def:link-symbol"             foreground="macchiato_blue" bold="true"/>
+  <style name="def:link-destination"        foreground="macchiato_blue" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="macchiato_teal" bold="true"/>
+  <style name="def:thematic-break"          foreground="macciato_green" bold="true"/>
+  <style name="def:preformatted-section"    foreground="macchiato_green"/>
+  <style name="def:list-marker"             foreground="macchiato_teal" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="macchiato_teal"/>
+  <style name="def:error"                   foreground="macchiato_maroon" bold="true"/>
+  <style name="def:warning"                 foreground="macchiato_peach"/>
+  <style name="def:note"                    foreground="macchiato_blue" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-mocha.xml b/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-mocha.xml
new file mode 100755
index 000000000..0fb5a5b60
--- /dev/null
+++ b/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-mocha.xml	
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="catppuccin_mocha" _name="Catppuccin Mocha" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Soothing pastel theme for Gedit</_description>
+
+  <!-- Tango Palette -->
+  <color name="mocha_rosewater" value="#f5e0dc"/>
+  <color name="mocha_flamingo"  value="#f2cdcd"/>
+  <color name="mocha_pink"      value="#f5c2e7"/>
+  <color name="mocha_mauve"     value="#cba6f7"/>
+  <color name="mocha_red"       value="#f38ba8"/>
+  <color name="mocha_maroon"    value="#eba0ac"/>
+  <color name="mocha_peach"     value="#fab387"/>
+  <color name="mocha_yellow"    value="#f9e2af"/>
+  <color name="mocha_green"     value="#a6e3a1"/>
+  <color name="mocha_teal"      value="#94e2d5"/>
+  <color name="mocha_sky"       value="#89dceb"/>
+  <color name="mocha_sapphire"  value="#74c7ec"/>
+  <color name="mocha_blue"      value="#89b4fa"/>
+  <color name="mocha_lavender"  value="#b4befe"/>
+  <color name="mocha_text"      value="#cdd6f4"/>
+  <color name="mocha_subtext1"  value="#bac2de"/>
+  <color name="mocha_subtext0"  value="#a6adc8"/>
+  <color name="mocha_overlay2"  value="#9399b2"/>
+  <color name="mocha_overlay1"  value="#7f849c"/>
+  <color name="mocha_overlay0"  value="#6c7086"/>
+  <color name="mocha_surface2"  value="#585b70"/>
+  <color name="mocha_surface1"  value="#45475a"/>
+  <color name="mocha_surface0"  value="#313244"/>
+  <color name="mocha_base"      value="#1e1e2e"/>
+  <color name="mocha_mantle"    value="#181825"/>
+  <color name="mocha_crust"     value="#11111b"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="mocha_text" background = "mocha_base"/>
+  <style name="selection"                   foreground="mocha_text" background="mocha_surface2"/>
+  <style name="cursor"                      foreground="mocha_rosewater"/>
+  <style name="secondary-cursor"            foreground="mocha_rosewater"/>
+  <style name="current-line"                background="mocha_surface0"/>
+  <style name="line-numbers"                foreground="mocha_text" background="mocha_crust"/>
+  <style name="draw-spaces"                 foreground="mocha_text"/>
+  <style name="background-pattern"          background="mocha_mantle"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="mocha_mauve"/>
+  <style name="bracket-mismatch"            foreground="mocha_text" background="mocha_peach"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="mocha_text" background="mocha_crust"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="mocha_text" background="mocha_blue"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="mocha_overlay0"/>
+  <style name="def:shebang"                 foreground="mocha_overlay0" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="mocha_green"/>
+  <style name="def:string"                  foreground="mocha_green"/>
+  <style name="def:special-char"            foreground="mocha_lavender"/>
+  <style name="def:special-constant"        foreground="mocha_lavender"/>
+  <style name="def:floating-point"          foreground="mocha_lavender"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="mocha_blue"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="mocha_sapphire" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="mocha_maroon" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="mocha_yellow" bold="true"/>
+  <style name="def:inline-code"             foreground="mocha_green"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="mocha_rosewater"/>
+  <style name="def:link-symbol"             foreground="mocha_blue" bold="true"/>
+  <style name="def:link-destination"        foreground="mocha_blue" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="mocha_teal" bold="true"/>
+  <style name="def:thematic-break"          foreground="mocha_green" bold="true"/>
+  <style name="def:preformatted-section"    foreground="mocha_green"/>
+  <style name="def:list-marker"             foreground="mocha_teal" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="mocha_teal"/>
+  <style name="def:error"                   foreground="mocha_maroon" bold="true"/>
+  <style name="def:warning"                 foreground="mocha_peach"/>
+  <style name="def:note"                    foreground="mocha_blue" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/everforest-b.xml b/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/everforest-b.xml
new file mode 100755
index 000000000..f5c22b570
--- /dev/null
+++ b/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/everforest-b.xml	
@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="everforest_b" _name="Everforest Dark B" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Everforest</_description>
+
+  <!-- Tango Palette -->
+  <color name="forestgreen" value="#a8b370"/>
+  <color name="forestyellow" value="#8e8370"/>
+  <color name="foresttext" value="#d3c6ab"/>
+  <color name="forestblack" value="#1e201f"/>
+  <color name="forestred" value="#e76c69"/>
+  <color name="forestpink" value="#d698b5"/>
+  <color name="forestorange" value="#e59576"/>
+  <color name="forestgray" value="#75817b"/>
+  <color name="forestgraylight" value="#495156"/>
+  <color name="forestgreendark" value="#7fba90"/>
+  
+  <color name="mocha_rosewater" value="#f5e0dc"/>
+  <color name="mocha_flamingo"  value="#f2cdcd"/>
+  <color name="mocha_pink"      value="#f5c2e7"/>
+  <color name="mocha_mauve"     value="#cba6f7"/>
+  <color name="mocha_red"       value="#f38ba8"/>
+  <color name="mocha_maroon"    value="#eba0ac"/>
+  <color name="mocha_peach"     value="#fab387"/>
+  <color name="mocha_yellow"    value="#f9e2af"/>
+  <color name="mocha_green"     value="#a6e3a1"/>
+  <color name="mocha_teal"      value="#94e2d5"/>
+  <color name="mocha_sky"       value="#89dceb"/>
+  <color name="mocha_sapphire"  value="#74c7ec"/>
+  <color name="mocha_blue"      value="#89b4fa"/>
+  <color name="mocha_lavender"  value="#b4befe"/>
+  <color name="mocha_text"      value="#cdd6f4"/>
+  <color name="mocha_subtext1"  value="#bac2de"/>
+  <color name="mocha_subtext0"  value="#a6adc8"/>
+  <color name="mocha_overlay2"  value="#9399b2"/>
+  <color name="mocha_overlay1"  value="#7f849c"/>
+  <color name="mocha_overlay0"  value="#6c7086"/>
+  <color name="mocha_surface2"  value="#585b70"/>
+  <color name="mocha_surface1"  value="#45475a"/>
+  <color name="mocha_surface0"  value="#313244"/>
+  <color name="mocha_base"      value="#1e1e2e"/>
+  <color name="mocha_mantle"    value="#181825"/>
+  <color name="mocha_crust"     value="#11111b"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="foresttext" background = "forestblack"/>
+  <style name="selection"                   foreground="foresttext" background="forestgray"/>
+  <style name="cursor"                      foreground="forestpink"/>
+  <style name="secondary-cursor"            foreground="forestpink"/>
+  <style name="current-line"                background="forestblack"/>
+  <style name="line-numbers"                foreground="foresttext" background="forestblack"/>
+  <style name="draw-spaces"                 foreground="foresttext"/>
+  <style name="background-pattern"          background="forestblack"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="forestgraylight"/>
+  <style name="bracket-mismatch"            foreground="foresttext" background="forestorange"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="foresttext" background="forestblack"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="foresttext" background="forestgreendark"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="forestgray"/>
+  <style name="def:shebang"                 foreground="forestgray" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="forestgreen"/>
+  <style name="def:string"                  foreground="forestgreen"/>
+  <style name="def:special-char"            foreground="forestpink"/>
+  <style name="def:special-constant"        foreground="forestpink"/>
+  <style name="def:floating-point"          foreground="forestpink"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="forestgreendark"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="forestorange" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="forestred" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="forestyellow" bold="true"/>
+  <style name="def:inline-code"             foreground="forestgreen"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="foresttext"/>
+  <style name="def:link-symbol"             foreground="forestgreendark" bold="true"/>
+  <style name="def:link-destination"        foreground="forestgreendark" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="forest" bold="true"/>
+  <style name="def:thematic-break"          foreground="forestgreendark" bold="true"/>
+  <style name="def:preformatted-section"    foreground="forestgreen"/>
+  <style name="def:list-marker"             foreground="forestorange" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="forestred"/>
+  <style name="def:error"                   foreground="forestred" bold="true"/>
+  <style name="def:warning"                 foreground="forestorange"/>
+  <style name="def:note"                    foreground="forestgreendark" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/gruvbox-dark.xml b/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/gruvbox-dark.xml
new file mode 100644
index 000000000..e1940f1ae
--- /dev/null
+++ b/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/gruvbox-dark.xml	
@@ -0,0 +1,126 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+
+ This file is part of GtkSourceView
+
+ Copyright (C) 2016 Jean-Patrick Guerrero <jeanpatrick.guerrero@gmail.com>
+ Color scheme by morhetz - https://github.com/morhetz/gruvbox
+
+ GtkSourceView is free software; you can redistribute it and/or
+ modify it under the terms of the GNU Lesser General Public
+ License as published by the Free Software Foundation; either
+ version 2.1 of the License, or (at your option) any later version.
+
+ GtkSourceView is distributed in the hope that it will be useful,
+ but WITHOUT ANY WARRANTY; without even the implied warranty of
+ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
+ Lesser General Public License for more details.
+
+ You should have received a copy of the GNU Lesser General Public
+ License along with this library; if not, write to the Free Software
+ Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
+
+-->
+
+<style-scheme id="gruvbox-dark" _name="Gruvbox-Dark" version="1.0">
+
+  <author>Jean-Patrick Guerrero</author>
+  <_description>Dark color scheme using the Gruvbox color palette</_description>
+
+  <!-- Gruvbox Palette -->
+
+  <color name="dark0_hard"	value="#1d2021"/>
+  <color name="dark0"		value="#282828"/>
+  <color name="dark0_soft"	value="#32302f"/>
+  <color name="dark1"		value="#3c3836"/>
+  <color name="dark2"		value="#504945"/>
+  <color name="dark3"		value="#665c54"/>
+  <color name="dark4"		value="#7c6f64"/>
+
+  <color name="gray"		value="#928374"/>
+
+  <color name="light0_hard"	value="#f9f5d7"/>
+  <color name="light0"		value="#fbf1c7"/>
+  <color name="light0_soft"	value="#f2e5bc"/>
+  <color name="light1"		value="#ebdbb2"/>
+  <color name="light2"		value="#d5c4a1"/>
+  <color name="light3"		value="#bdae93"/>
+  <color name="light4"		value="#a89984"/>
+
+  <color name="bright_red"	value="#fb4934"/>
+  <color name="bright_green"	value="#b8bb26"/>
+  <color name="bright_yellow"	value="#fabd2f"/>
+  <color name="bright_blue"	value="#83a598"/>
+  <color name="bright_purple"	value="#d3869b"/>
+  <color name="bright_aqua"	value="#8ec07c"/>
+  <color name="bright_orange"	value="#fe8019"/>
+
+  <color name="neutral_red"	value="#cc241d"/>
+  <color name="neutral_green"	value="#98971a"/>
+  <color name="neutral_yellow"	value="#d79921"/>
+  <color name="neutral_blue"	value="#458588"/>
+  <color name="neutral_purple"	value="#b16286"/>
+  <color name="neutral_aqua"	value="#689d6a"/>
+  <color name="neutral_orange"	value="#d65d0e"/>
+
+  <color name="faded_red"	value="#9d0006"/>
+  <color name="faded_green"	value="#79740e"/>
+  <color name="faded_yellow"	value="#b57614"/>
+  <color name="faded_blue"	value="#076678"/>
+  <color name="faded_purple"	value="#8f3f71"/>
+  <color name="faded_aqua"	value="#427b58"/>
+  <color name="faded_orange"	value="#af3a03"/>
+
+
+  <!-- Global Settings -->
+  <style name="text"			foreground="light0" background="dark0"/>
+  <style name="selection"		foreground="light0" background="dark4"/>
+  <style name="cursor"			foreground="light1"/>
+  <style name="secondary-cursor"	foreground="light1"/>
+  <style name="current-line"		background="dark1"/>
+  <style name="line-numbers"		foreground="dark4" background="dark0_hard"/>
+  <style name="draw-spaces"		foreground="light2"/>
+  <style name="background-pattern"	background="#2e2c2b"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"		foreground="bright_orange"/>
+  <style name="bracket-mismatch"	foreground="dark0" background="bright_red"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"		foreground="light0" background="light1"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"		foreground="dark0" background="bright_orange"/>
+
+  <!-- Code -->
+  <style name="def:base-n-integer"	foreground="bright_purple"/>
+  <style name="def:boolean"		foreground="bright_purple"/>
+  <style name="def:builtin"		foreground="bright_orange"/>
+  <style name="def:character"		foreground="bright_purple"/>
+  <style name="def:comment"		foreground="gray"/>
+  <style name="def:complex"		foreground="bright_purple"/>
+  <style name="def:decimal"		foreground="bright_purple"/>
+  <style name="def:doc-comment"		foreground="gray"/>
+  <style name="def:doc-comment-element" italic="true"/>
+  <style name="def:error"		foreground="dark0" background="bright_red" bold="true"/>
+  <style name="def:floating-point"	foreground="bright_purple"/>
+  <style name="def:function"		foreground="bright_green"/>
+  <style name="def:identifier"		foreground="bright_blue"/>
+  <style name="def:keyword"		foreground="bright_orange"/>
+  <style name="def:note"		foreground="gray"/>
+  <style name="def:number"		foreground="bright_purple"/>
+  <style name="def:operator"		foreground="bright_purple"/>
+  <style name="def:preprocessor"	foreground="bright_aqua"/>
+  <style name="def:reserved"		foreground="bright_aqua"/>
+  <style name="def:shebang"		foreground="gray"/>
+  <style name="def:special-char"	foreground="bright_orange"/>
+  <style name="def:special-constant"	foreground="bright_purple"/>
+  <style name="def:statement"		foreground="bright_orange"/>
+  <style name="def:string"		foreground="bright_green"/>
+  <style name="def:type"		foreground="bright_yellow"/>
+  <style name="def:underlined"		italic="true" underline="single"/>
+  <style name="def:warning"		foreground="dark0" background="bright_red"/>
+
+</style-scheme>
+
diff --git a/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/peninsula-dark.xml b/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/peninsula-dark.xml
new file mode 100644
index 000000000..a857a527b
--- /dev/null
+++ b/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/peninsula-dark.xml	
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Copyright 2021 Christian Hergert <chergert@redhat.com>
+                                                                      
+  This program is free software: you can redistribute it and/or modify
+  it under the terms of the GNU General Public License as published by
+  the Free Software Foundation, either version 3 of the License, or
+  (at your option) any later version.
+                                                                      
+  This program is distributed in the hope that it will be useful,
+  but WITHOUT ANY WARRANTY; without even the implied warranty of
+  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+  GNU General Public License for more details.
+                                                                      
+  You should have received a copy of the GNU General Public License
+  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+-->
+<style-scheme id="peninsula-dark" name="Peninsula Dark" version="1.0">
+  <author>Christian Hergert</author>
+
+  <metadata>
+    <property name="variant">dark</property>
+    <property name="dark-variant">peninsula-light</property>
+  </metadata>
+
+  <style name="text"                        foreground="#dfdfe0" background="#292a30"/>
+  <style name="selection"                   background="#3169b0"/>
+  <style name="search-match"                background="#3169b0"/>
+  <style name="cursor"                      foreground="#dfdfe0"/>
+  <style name="current-line"                background="#dfdfe011"/>
+  <style name="current-line-number"         background="#dfdfe011"/>
+  <style name="line-numbers"                foreground="#dfdfe0" background="#292a30"/>
+  <style name="draw-spaces"                 foreground="#4f535f"/>
+  <style name="background-pattern"          background="#2f2f2f"/>
+  <style name="bracket-match"               background="#585859" bold="true"/>
+  <style name="bracket-mismatch"            underline="error" bold="true"/>
+  <style name="right-margin"                foreground="#9a9a9a" background="#9a9a9a"/>
+  <style name="map-overlay"                 background="#9a9a9a"/>
+  <style name="def:string"                  foreground="#ff806c"/>
+  <style name="def:type"                    foreground="#ff78b2" bold="true"/>
+  <style name="def:comment"                 foreground="#7f8c99"/>
+  <style name="def:list-marker"             foreground="#d9c880" bold="true"/>
+  <style name="def:heading"                 bold="true"/>
+  <style name="def:identifier"              foreground="#75c2b3"/>
+  <style name="def:preprocessor"            foreground="#8d8e95"/>
+  <style name="def:keyword"                 foreground="#ff78b2" bold="true"/>
+  <style name="def:variable"                foreground="#75c2b3"/>
+  <style name="def:special-constant"        foreground="#ffa245" bold="true"/>
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         italic="true" bold="true"/>
+  <style name="def:net-address"             foreground="#3e8ee3"/>
+  <style name="def:link-destination"        foreground="#3e8ee3"/>
+  <style name="def:link-text"               foreground="#3e8ee3"/>
+  <style name="def:floating-point"          foreground="#d7c781"/>
+  <style name="def:decimal"                 foreground="#d7c781"/>
+  <style name="def:base-n-integer"          foreground="#d7c781"/>
+  <style name="def:boolean"                 foreground="#ff78b2"/>
+  <style name="gtk-doc:function-name"       foreground="#75c2b3"/>
+  <style name="gtk-doc:function"            foreground="#75c2b3"/>
+  <style name="gtk-doc:parameter"           bold="true"/>
+  <style name="gtk-doc:constant"            bold="true"/>
+  <style name="gtk-doc:type"                bold="true"/>
+  <style name="gtk-doc:since"               bold="true"/>
+  <style name="gtk-doc:return"              bold="true"/>
+  <style name="gtk-doc:deprecated"          bold="true"/>
+  <style name="gtk-doc:signal-name"         bold="true"/>
+  <style name="gtk-doc:property-name"       bold="true"/>
+
+</style-scheme>
diff --git a/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/peninsula.xml b/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/peninsula.xml
new file mode 100644
index 000000000..68b042c80
--- /dev/null
+++ b/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/peninsula.xml	
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Copyright 2021 Christian Hergert <chergert@redhat.com>
+                                                                      
+  This program is free software: you can redistribute it and/or modify
+  it under the terms of the GNU General Public License as published by
+  the Free Software Foundation, either version 3 of the License, or
+  (at your option) any later version.
+                                                                      
+  This program is distributed in the hope that it will be useful,
+  but WITHOUT ANY WARRANTY; without even the implied warranty of
+  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+  GNU General Public License for more details.
+                                                                      
+  You should have received a copy of the GNU General Public License
+  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+-->
+<style-scheme id="peninsula" name="Peninsula" version="1.0">
+  <author>Christian Hergert</author>
+
+  <metadata>
+    <property name="variant">light</property>
+    <property name="dark-variant">peninsula-dark</property>
+    <property name="headerbar_bg_color">#f6f2f4</property>
+    <property name="headerbar_fg_color">#4c4c4c</property>
+  </metadata>
+
+  <color name="dark1"                       value="#232526"/>
+  <color name="dark2"                       value="#262626"/>
+  <color name="dark3"                       value="#4a4a4a"/>
+  <color name="dark4"                       value="#707f8c"/>
+  <color name="dark5"                       value="#9a9a9a"/>
+  <color name="dark6"                       value="#a6a6a6"/>
+
+  <color name="light1"                      value="#e3e3e3"/>
+  <color name="light2"                      value="#edf5ff"/>
+  <color name="light3"                      value="#eaeaea"/>
+
+  <color name="blue1"                       value="#007bff"/>
+  <color name="blue2"                       value="#1437ff"/>
+  <color name="brown"                       value="#78492a"/>
+  <color name="magenta"                     value="#ad3da4"/>
+  <color name="purple"                      value="#210460"/>
+  <color name="red"                         value="#d12f1b"/>
+  <color name="teal"                        value="#1180b2"/>
+  <color name="white"                       value="#ffffff"/>
+
+  <style name="text"                        foreground="dark2" background="white"/>
+  <style name="selection"                   background="blue1"/>
+  <style name="search-match"                foreground="white" background="blue1"/>
+  <style name="cursor"                      foreground="dark3"/>
+  <style name="current-line"                background="light2"/>
+  <style name="current-line-number"         background="light2" foreground="dark1" bold="false"/>
+  <style name="line-numbers"                foreground="dark6" background="white"/>
+  <style name="draw-spaces"                 foreground="light3"/>
+  <style name="background-pattern"          foreground="light1"/>
+  <style name="bracket-match"               bold="true"/>
+  <style name="bracket-mismatch"            underline="error" bold="true"/>
+  <style name="right-margin"                foreground="dark5" background="dark5"/>
+  <style name="map-overlay"                 background="dark5"/>
+  <style name="def:string"                  foreground="red"/>
+  <style name="def:type"                    foreground="magenta" bold="true"/>
+  <style name="def:comment"                 foreground="dark4"/>
+  <style name="def:list-marker"             foreground="brown" bold="true"/>
+  <style name="def:heading"                 bold="true"/>
+  <style name="def:identifier"              foreground="teal"/>
+  <style name="def:preprocessor"            foreground="brown"/>
+  <style name="def:keyword"                 foreground="magenta" bold="true"/>
+  <style name="def:variable"                foreground="blue1"/>
+  <style name="def:special-constant"        foreground="magenta" bold="true"/>
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         italic="true" bold="true"/>
+  <style name="def:net-address"             foreground="blue2"/>
+  <style name="def:link-destination"        foreground="blue2"/>
+  <style name="def:link-text"               foreground="red"/>
+  <style name="def:floating-point"          foreground="blue1"/>
+  <style name="def:decimal"                 foreground="blue1"/>
+  <style name="def:boolean"                 foreground="magenta"/>
+  <style name="def:base-n-integer"          foreground="blue1"/>
+  <style name="gtk-doc:function-name"       foreground="teal"/>
+  <style name="gtk-doc:function"            foreground="teal"/>
+  <style name="gtk-doc:parameter"           bold="true"/>
+  <style name="gtk-doc:constant"            bold="true"/>
+  <style name="gtk-doc:type"                bold="true"/>
+  <style name="gtk-doc:since"               bold="true"/>
+  <style name="gtk-doc:return"              bold="true"/>
+  <style name="gtk-doc:deprecated"          bold="true"/>
+  <style name="gtk-doc:signal-name"         bold="true"/>
+  <style name="gtk-doc:property-name"       bold="true"/>
+
+</style-scheme>
diff --git a/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/printing.xml b/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/printing.xml
new file mode 100644
index 000000000..ec618d6ae
--- /dev/null
+++ b/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/printing.xml	
@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Copyright 2022 Christian Hergert
+
+  GtkSourceView is free software; you can redistribute it and/or
+  modify it under the terms of the GNU Lesser General Public
+  License as published by the Free Software Foundation; either
+  version 2.1 of the License, or (at your option) any later version.
+
+  GtkSourceView is distributed in the hope that it will be useful,
+  but WITHOUT ANY WARRANTY; without even the implied warranty of
+  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
+  Lesser General Public License for more details.
+
+  You should have received a copy of the GNU Lesser General Public License
+  along with this library; if not, see <http://www.gnu.org/licenses/>.
+
+-->
+<style-scheme id="printing" _name="Printing" version="1.0">
+  <author>Christian Hergert</author>
+  <_description>A style scheme focused on print-quality</_description>
+
+  <metadata>
+    <property name="variant">light</property>
+  </metadata>
+
+  <!-- Named Colors -->
+  <color name="black"                    value="#000000"/>
+  <color name="gray-01"                  value="#101010"/>
+  <color name="gray-02"                  value="#202020"/>
+  <color name="gray-03"                  value="#303030"/>
+  <color name="gray-04"                  value="#404040"/>
+  <color name="gray-05"                  value="#505050"/>
+  <color name="gray-06"                  value="#606060"/>
+  <color name="gray-07"                  value="#707070"/>
+  <color name="gray-08"                  value="#808080"/>
+  <color name="gray-09"                  value="#909090"/>
+  <color name="gray-10"                  value="#a0a0a0"/>
+  <color name="gray-11"                  value="#b0b0b0"/>
+  <color name="gray-12"                  value="#c0c0c0"/>
+  <color name="gray-13"                  value="#d0d0d0"/>
+  <color name="gray-14"                  value="#e0e0e0"/>
+  <color name="gray-15"                  value="#f0f0f0"/>
+  <color name="gray-16"                  value="#f6f6f6"/>
+  <color name="white"                    value="#ffffff"/>
+
+  <!-- Global Styles -->
+  <style name="background-pattern"       background="gray-16"/>
+  <style name="current-line"             background="gray-16"/>
+  <style name="current-line-number"      background="gray-16" foreground="gray-04" bold="false"/>
+  <style name="draw-spaces"              foreground="gray-14"/>
+  <style name="line-numbers"             foreground="gray-13"/>
+  <style name="map-overlay"              background="gray-03"/>
+  <style name="right-margin"             background="gray-04" foreground="gray-02"/>
+  <style name="text"                     background="white" foreground="gray-03"/>
+
+  <!-- Defaults -->
+  <style name="def:base-n-integer"       foreground="black"/>
+  <style name="def:boolean"              foreground="gray-02"/>
+  <style name="def:comment"              foreground="gray-09"/>
+  <style name="def:decimal"              foreground="black"/>
+  <style name="def:doc-comment"          foreground="gray-07"/>
+  <style name="def:doc-comment-element"  foreground="gray-04" bold="false" italic="false"/>
+  <style name="def:floating-point"       foreground="black" italic="false"/>
+  <style name="def:heading"              bold="true"/>
+  <style name="def:keyword"              bold="true"/>
+  <style name="def:link-destination"     underline="low"/>
+  <style name="def:link-text"            bold="true"/>
+  <style name="def:net-address"          underline="low"/>
+  <style name="def:note"                 foreground="gray-05" bold="true"/>
+  <style name="def:preformatted-section" foreground="gray-06"/>
+  <style name="def:preprocessor"         foreground="gray-07"/>
+  <style name="def:shebang"              foreground="gray-06" bold="true"/>
+  <style name="def:special-char"         foreground="gray-01" bold="true"/>
+  <style name="def:special-constant"     foreground="black" bold="false"/>
+  <style name="def:string"               foreground="gray-07" bold="false"/>
+  <style name="def:type"                 bold="true"/>
+  <style name="def:warning"              underline="error" underline-color="gray-10"/>
+
+</style-scheme>
\ No newline at end of file
diff --git a/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_dark.xml b/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_dark.xml
new file mode 100755
index 000000000..3e345f89c
--- /dev/null
+++ b/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_dark.xml	
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<style-scheme id="tokyo_night_dark" _name="Tokyo_Night_Dark" version="1.0">
+  <author>fkorpsvart</author>
+  <_description>Tokyo Night Dark theme for Gedit</_description>
+
+<!-- Colors -->
+
+  <color name="off_white" value="#c0caf5"/>
+  <color name="off_white2" value="#9aa5ce"/>
+  <color name="black_grey" value="#1a1b26"/>
+  <color name="tinted_grey" value="#24283b"/>
+  <color name="dark_grey" value="#414868"/>
+  <color name="med_grey" value="#565f89"/>
+  <color name="light_grey" value="#565a6e"/>
+  <color name="olive_green" value="#9ece6a"/>
+  <color name="washed_orange" value="#ff9e64"/>
+  <color name="faded_violet" value="#9d7cd8"/>
+  <color name="faded_cornwall" value="#ff007c"/>
+  <color name="pink_sandstone" value="#f7768e"/>
+  <color name="steelblue3" value="#7aa2f7"/>
+  <color name="light_brown" value="#bb9af7"/>
+  <color name="super_faded_orange" value="#e0af68"/>
+  <color name="dark_maroon" value="#41a6b5"/>
+  <color name="yellow" value="#f9ee98"/>
+
+<!-- Global Settings -->
+
+  <style name="text" foreground="off_white" background="black_grey"/>
+  <style name="cursor" foreground="off_white"/>
+  <style name="current-line" background="tinted_grey"/>
+  <style name="line-numbers" foreground="med_grey" background="black_grey" bold="true" />
+  <style name="selection" foreground="off_white2" background="tinted_grey" />
+  <style name="selection-unfocused" foreground="off_white2" background="tinted_grey" />
+
+<!-- Bracket Matching -->
+  <style name="bracket-match" background="steelblue3"/>
+  <style name="bracket-mismatch" background="dark_maroon" bold="true"/>
+  <style name="search-match" foreground="off_white" background="steelblue3"/>
+
+<!-- Comments -->
+  <style name="def:comment" foreground="light_grey" italic="true"/>
+  <style name="def:shebang" foreground="light_grey" italic="true"/>
+  <style name="def:doc-comment-element" foreground="dark_grey" bold="true"/>
+
+<!-- Constants and Variables-->
+  <style name="def:constant" foreground="faded_cornwall"/>
+  <style name="def:string" foreground="olive_green"/>
+  <style name="def:special-char" foreground="faded_cornwall"/>
+  <style name="def:special-constant" foreground="washed_orange" bold="true"/>
+  <style name="def:boolean" foreground="pink_sandstone"/>
+  <style name="def:number" foreground="pink_sandstone"/>
+  <style name="def:floating-point" foreground="pink_sandstone"/>
+  <style name="def:keyword" foreground="washed_orange" bold="true"/>
+  <style name="def:builtin" foreground="washed_orange" bold="true"/>
+  <style name="def:variable" foreground="faded_cornwall"/>
+
+<!-- Identifiers -->
+  <style name="def:identifier" foreground="faded_cornwall"/>
+
+<!-- Statements -->
+  <style name="def:statement" foreground="washed_orange"/>
+
+<!-- Types -->
+  <style name="def:type" foreground="faded_violet"/>
+
+<!-- Others -->
+  <style name="def:error" foreground="off_white" background="dark_maroon" bold="true"/>
+  <style name="def:note" foreground="yellow" bold="true"/>
+  <style name="def:net-address-in-comment" foreground="steelblue3" italic="false" underline="true"/>
+  <style name="def:preprocessor" foreground="light_grey"/>
+  <style name="def:function" foreground="off_white" underline="true"/>
+
+<!-- Unknown? -->
+  <style name="def:specials" background="faded_cornwall"/>
+
+<!-- C Styles -->
+  <style name="c:preprocessor" map-to="def:special-char"/>
+
+<!-- Diff Styles -->
+  <style name="diff:ignore" foreground="med_grey"/>
+
+<!-- Ruby Styles -->
+  <style name="ruby:module-handler" foreground="washed_orange"/>
+  <style name="ruby:symbol" foreground="pink_sandstone"/>
+  <style name="ruby:regex" foreground="super_faded_orange"/>
+
+<!-- SH Styles -->
+  <style name="sh:others" map-to="text"/>
+
+<!-- XML Styles -->
+  <style name="xml:attribute-name" foreground="light_brown"/>
+  <style name="xml:element-name" foreground="faded_cornwall"/>
+
+</style-scheme>
diff --git a/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_storm.xml b/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_storm.xml
new file mode 100755
index 000000000..eba507872
--- /dev/null
+++ b/hybrid-summer/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_storm.xml	
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<style-scheme id="tokyo_night_storm" _name="Tokyo_Night_Storm" version="1.0">
+  <author>fkorpsvart</author>
+  <_description>Tokyo Night Storm theme for Gedit</_description>
+
+<!-- Colors -->
+
+  <color name="off_white" value="#c0caf5"/>
+  <color name="off_white2" value="#9aa5ce"/>
+  <color name="black_grey" value="#1a1b26"/>
+  <color name="tinted_grey" value="#24283b"/>
+  <color name="dark_grey" value="#414868"/>
+  <color name="med_grey" value="#565f89"/>
+  <color name="light_grey" value="#565a6e"/>
+  <color name="olive_green" value="#9ece6a"/>
+  <color name="washed_orange" value="#ff9e64"/>
+  <color name="faded_violet" value="#9d7cd8"/>
+  <color name="faded_cornwall" value="#ff007c"/>
+  <color name="pink_sandstone" value="#f7768e"/>
+  <color name="steelblue3" value="#7aa2f7"/>
+  <color name="light_brown" value="#bb9af7"/>
+  <color name="super_faded_orange" value="#e0af68"/>
+  <color name="dark_maroon" value="#41a6b5"/>
+  <color name="yellow" value="#f9ee98"/>
+
+<!-- Global Settings -->
+
+  <style name="text" foreground="off_white" background="tinted_grey"/>
+  <style name="cursor" foreground="off_white"/>
+  <style name="current-line" background="black_grey"/>
+  <style name="line-numbers" foreground="med_grey" background="tinted_grey" bold="true" />
+  <style name="selection" foreground="off_white2" background="black_grey" />
+  <style name="selection-unfocused" foreground="off_white2" background="black_grey" />
+
+<!-- Bracket Matching -->
+  <style name="bracket-match" background="steelblue3"/>
+  <style name="bracket-mismatch" background="dark_maroon" bold="true"/>
+  <style name="search-match" foreground="off_white" background="steelblue3"/>
+
+<!-- Comments -->
+  <style name="def:comment" foreground="light_grey" italic="true"/>
+  <style name="def:shebang" foreground="light_grey" italic="true"/>
+  <style name="def:doc-comment-element" foreground="dark_grey" bold="true"/>
+
+<!-- Constants and Variables-->
+  <style name="def:constant" foreground="faded_cornwall"/>
+  <style name="def:string" foreground="olive_green"/>
+  <style name="def:special-char" foreground="faded_cornwall"/>
+  <style name="def:special-constant" foreground="washed_orange" bold="true"/>
+  <style name="def:boolean" foreground="pink_sandstone"/>
+  <style name="def:number" foreground="pink_sandstone"/>
+  <style name="def:floating-point" foreground="pink_sandstone"/>
+  <style name="def:keyword" foreground="washed_orange" bold="true"/>
+  <style name="def:builtin" foreground="washed_orange" bold="true"/>
+  <style name="def:variable" foreground="faded_cornwall"/>
+
+<!-- Identifiers -->
+  <style name="def:identifier" foreground="faded_cornwall"/>
+
+<!-- Statements -->
+  <style name="def:statement" foreground="washed_orange"/>
+
+<!-- Types -->
+  <style name="def:type" foreground="faded_violet"/>
+
+<!-- Others -->
+  <style name="def:error" foreground="off_white" background="dark_maroon" bold="true"/>
+  <style name="def:note" foreground="yellow" bold="true"/>
+  <style name="def:net-address-in-comment" foreground="steelblue3" italic="false" underline="true"/>
+  <style name="def:preprocessor" foreground="light_grey"/>
+  <style name="def:function" foreground="off_white" underline="true"/>
+
+<!-- Unknown? -->
+  <style name="def:specials" background="faded_cornwall"/>
+
+<!-- C Styles -->
+  <style name="c:preprocessor" map-to="def:special-char"/>
+
+<!-- Diff Styles -->
+  <style name="diff:ignore" foreground="med_grey"/>
+
+<!-- Ruby Styles -->
+  <style name="ruby:module-handler" foreground="washed_orange"/>
+  <style name="ruby:symbol" foreground="pink_sandstone"/>
+  <style name="ruby:regex" foreground="super_faded_orange"/>
+
+<!-- SH Styles -->
+  <style name="sh:others" map-to="text"/>
+
+<!-- XML Styles -->
+  <style name="xml:attribute-name" foreground="light_brown"/>
+  <style name="xml:element-name" foreground="faded_cornwall"/>
+
+</style-scheme>
diff --git a/hybrid-summer/Import Manually/tabliss (firefox start page extension)/tabliss.json b/hybrid-summer/Import Manually/tabliss (firefox start page extension)/tabliss.json
new file mode 100644
index 000000000..f86f84f50
--- /dev/null
+++ b/hybrid-summer/Import Manually/tabliss (firefox start page extension)/tabliss.json	
@@ -0,0 +1 @@
+{"background":{"id":"AlVnN3ZSpf3i","key":"background/image","display":{"blur":0,"luminosity":-0.2}},"data/default-time":{"mode":"digital","hour12":false,"showDate":true,"showMinutes":true,"showSeconds":false,"showDayPeriod":true,"timeZone":null},"focus":false,"widget/JVcm-ptH22CB":null,"widget/default-greeting":null,"widget/default-time":{"id":"default-time","key":"widget/time","order":0,"display":{"position":"middleCentre","fontFamily":"Gabarito","fontSize":22}},"data/Oe8h0ATqABMw":{"username":"end-4","showSummary":false},"widget/Oe8h0ATqABMw":{"id":"Oe8h0ATqABMw","key":"widget/github","order":1,"display":{"position":"bottomCentre"}},"widget/u2ZuwyqO-tka":null,"widget/TbRxrpl9QgjK":{"id":"TbRxrpl9QgjK","key":"widget/quote","order":2,"display":{"position":"middleCentre"}},"widget/2J2Q2Cw962KN":null,"widget/tK_0dJhtQXPS":null,"widget/OwW65aQzXLLs":{"id":"OwW65aQzXLLs","key":"widget/links","order":3,"display":{"position":"middleCentre","fontFamily":"JetBrainsMono Nerd Font"}},"data/OwW65aQzXLLs":{"columns":6,"links":[{"url":"https://www.facebook.com/messages/","name":"󰈌"},{"url":"https://discord.com/app","name":"󰙯 ","icon":""},{"url":"https://youtube.com","icon":"","name":""},{"url":"https://soundcloud.com","icon":"","name":""},{"url":"https://github.com","icon":"","name":""},{"url":"https://reddit.com","icon":"","name":" "}],"visible":true,"linkOpenStyle":false},"locale":"en","timeZone":null,"version":3}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/btop/btop.conf b/hybrid-vertical/.config/btop/btop.conf
new file mode 100644
index 000000000..e37a07ae1
--- /dev/null
+++ b/hybrid-vertical/.config/btop/btop.conf
@@ -0,0 +1,212 @@
+#? Config file for btop v. 1.2.13
+
+#* Name of a btop++/bpytop/bashtop formatted ".theme" file, "Default" and "TTY" for builtin themes.
+#* Themes should be placed in "../share/btop/themes" relative to binary or "$HOME/.config/btop/themes"
+color_theme = "TTY"
+
+#* If the theme set background should be shown, set to False if you want terminal background transparency.
+theme_background = False
+
+#* Sets if 24-bit truecolor should be used, will convert 24-bit colors to 256 color (6x6x6 color cube) if false.
+truecolor = True
+
+#* Set to true to force tty mode regardless if a real tty has been detected or not.
+#* Will force 16-color mode and TTY theme, set all graph symbols to "tty" and swap out other non tty friendly symbols.
+force_tty = False
+
+#* Define presets for the layout of the boxes. Preset 0 is always all boxes shown with default settings. Max 9 presets.
+#* Format: "box_name:P:G,box_name:P:G" P=(0 or 1) for alternate positions, G=graph symbol to use for box.
+#* Use whitespace " " as separator between different presets.
+#* Example: "cpu:0:default,mem:0:tty,proc:1:default cpu:0:braille,proc:0:tty"
+presets = "cpu:1:default,proc:0:default cpu:0:default,mem:0:default,net:0:default cpu:0:block,net:0:tty"
+
+#* Set to True to enable "h,j,k,l,g,G" keys for directional control in lists.
+#* Conflicting keys for h:"help" and k:"kill" is accessible while holding shift.
+vim_keys = False
+
+#* Rounded corners on boxes, is ignored if TTY mode is ON.
+rounded_corners = True
+
+#* Default symbols to use for graph creation, "braille", "block" or "tty".
+#* "braille" offers the highest resolution but might not be included in all fonts.
+#* "block" has half the resolution of braille but uses more common characters.
+#* "tty" uses only 3 different symbols but will work with most fonts and should work in a real TTY.
+#* Note that "tty" only has half the horizontal resolution of the other two, so will show a shorter historical view.
+graph_symbol = "braille"
+
+# Graph symbol to use for graphs in cpu box, "default", "braille", "block" or "tty".
+graph_symbol_cpu = "default"
+
+# Graph symbol to use for graphs in cpu box, "default", "braille", "block" or "tty".
+graph_symbol_mem = "default"
+
+# Graph symbol to use for graphs in cpu box, "default", "braille", "block" or "tty".
+graph_symbol_net = "default"
+
+# Graph symbol to use for graphs in cpu box, "default", "braille", "block" or "tty".
+graph_symbol_proc = "default"
+
+#* Manually set which boxes to show. Available values are "cpu mem net proc", separate values with whitespace.
+shown_boxes = "cpu mem net proc"
+
+#* Update time in milliseconds, recommended 2000 ms or above for better sample times for graphs.
+update_ms = 1000
+
+#* Processes sorting, "pid" "program" "arguments" "threads" "user" "memory" "cpu lazy" "cpu direct",
+#* "cpu lazy" sorts top process over time (easier to follow), "cpu direct" updates top process directly.
+proc_sorting = "memory"
+
+#* Reverse sorting order, True or False.
+proc_reversed = False
+
+#* Show processes as a tree.
+proc_tree = False
+
+#* Use the cpu graph colors in the process list.
+proc_colors = True
+
+#* Use a darkening gradient in the process list.
+proc_gradient = True
+
+#* If process cpu usage should be of the core it's running on or usage of the total available cpu power.
+proc_per_core = False
+
+#* Show process memory as bytes instead of percent.
+proc_mem_bytes = True
+
+#* Show cpu graph for each process.
+proc_cpu_graphs = True
+
+#* Use /proc/[pid]/smaps for memory information in the process info box (very slow but more accurate)
+proc_info_smaps = False
+
+#* Show proc box on left side of screen instead of right.
+proc_left = False
+
+#* (Linux) Filter processes tied to the Linux kernel(similar behavior to htop).
+proc_filter_kernel = False
+
+#* Sets the CPU stat shown in upper half of the CPU graph, "total" is always available.
+#* Select from a list of detected attributes from the options menu.
+cpu_graph_upper = "total"
+
+#* Sets the CPU stat shown in lower half of the CPU graph, "total" is always available.
+#* Select from a list of detected attributes from the options menu.
+cpu_graph_lower = "total"
+
+#* Toggles if the lower CPU graph should be inverted.
+cpu_invert_lower = True
+
+#* Set to True to completely disable the lower CPU graph.
+cpu_single_graph = False
+
+#* Show cpu box at bottom of screen instead of top.
+cpu_bottom = False
+
+#* Shows the system uptime in the CPU box.
+show_uptime = True
+
+#* Show cpu temperature.
+check_temp = True
+
+#* Which sensor to use for cpu temperature, use options menu to select from list of available sensors.
+cpu_sensor = "Auto"
+
+#* Show temperatures for cpu cores also if check_temp is True and sensors has been found.
+show_coretemp = True
+
+#* Set a custom mapping between core and coretemp, can be needed on certain cpus to get correct temperature for correct core.
+#* Use lm-sensors or similar to see which cores are reporting temperatures on your machine.
+#* Format "x:y" x=core with wrong temp, y=core with correct temp, use space as separator between multiple entries.
+#* Example: "4:0 5:1 6:3"
+cpu_core_map = ""
+
+#* Which temperature scale to use, available values: "celsius", "fahrenheit", "kelvin" and "rankine".
+temp_scale = "celsius"
+
+#* Use base 10 for bits/bytes sizes, KB = 1000 instead of KiB = 1024.
+base_10_sizes = False
+
+#* Show CPU frequency.
+show_cpu_freq = True
+
+#* Draw a clock at top of screen, formatting according to strftime, empty string to disable.
+#* Special formatting: /host = hostname | /user = username | /uptime = system uptime
+clock_format = "%X"
+
+#* Update main ui in background when menus are showing, set this to false if the menus is flickering too much for comfort.
+background_update = True
+
+#* Custom cpu model name, empty string to disable.
+custom_cpu_name = ""
+
+#* Optional filter for shown disks, should be full path of a mountpoint, separate multiple values with whitespace " ".
+#* Begin line with "exclude=" to change to exclude filter, otherwise defaults to "most include" filter. Example: disks_filter="exclude=/boot /home/user".
+disks_filter = ""
+
+#* Show graphs instead of meters for memory values.
+mem_graphs = True
+
+#* Show mem box below net box instead of above.
+mem_below_net = False
+
+#* Count ZFS ARC in cached and available memory.
+zfs_arc_cached = True
+
+#* If swap memory should be shown in memory box.
+show_swap = True
+
+#* Show swap as a disk, ignores show_swap value above, inserts itself after first disk.
+swap_disk = True
+
+#* If mem box should be split to also show disks info.
+show_disks = True
+
+#* Filter out non physical disks. Set this to False to include network disks, RAM disks and similar.
+only_physical = True
+
+#* Read disks list from /etc/fstab. This also disables only_physical.
+use_fstab = True
+
+#* Setting this to True will hide all datasets, and only show ZFS pools. (IO stats will be calculated per-pool)
+zfs_hide_datasets = False
+
+#* Set to true to show available disk space for privileged users.
+disk_free_priv = False
+
+#* Toggles if io activity % (disk busy time) should be shown in regular disk usage view.
+show_io_stat = True
+
+#* Toggles io mode for disks, showing big graphs for disk read/write speeds.
+io_mode = False
+
+#* Set to True to show combined read/write io graphs in io mode.
+io_graph_combined = False
+
+#* Set the top speed for the io graphs in MiB/s (100 by default), use format "mountpoint:speed" separate disks with whitespace " ".
+#* Example: "/mnt/media:100 /:20 /boot:1".
+io_graph_speeds = ""
+
+#* Set fixed values for network graphs in Mebibits. Is only used if net_auto is also set to False.
+net_download = 100
+
+net_upload = 100
+
+#* Use network graphs auto rescaling mode, ignores any values set above and rescales down to 10 Kibibytes at the lowest.
+net_auto = True
+
+#* Sync the auto scaling for download and upload to whichever currently has the highest scale.
+net_sync = True
+
+#* Starts with the Network Interface specified here.
+net_iface = ""
+
+#* Show battery stats in top right if battery is present.
+show_battery = True
+
+#* Which battery to use if multiple are present. "Auto" for auto detection.
+selected_battery = "Auto"
+
+#* Set loglevel for "~/.config/btop/btop.log" levels are: "ERROR" "WARNING" "INFO" "DEBUG".
+#* The level set includes all lower levels, i.e. "DEBUG" will show all logging info.
+log_level = "WARNING"
\ No newline at end of file
diff --git a/hybrid-vertical/.config/dunst/dunstrc b/hybrid-vertical/.config/dunst/dunstrc
new file mode 100755
index 000000000..bd41b1275
--- /dev/null
+++ b/hybrid-vertical/.config/dunst/dunstrc
@@ -0,0 +1,60 @@
+[global]
+monitor = 0
+follow = mouse
+geometry = "280x50-20+90"
+indicate_hidden = no
+shrink = no
+separator_height = 4
+separator_color = yes
+padding = 20
+horizontal_padding = 20
+frame_width = 3
+sort = no
+idle_threshold = 120
+font = Rubik 13
+line_height = 4
+markup = full
+format = "<b>%s</b>\n%b"
+alignment = left
+show_age_threshold = 60
+word_wrap = yes
+ignore_newline = no
+stack_duplicates = false
+hide_duplicate_count = yes
+show_indicators = no
+icon_position = left
+icon_path = "/home/end/.config/eww/images/linageOS Icons/1G.png"
+max_icon_size = 48
+sticky_history = yes
+history_length = 20
+browser = x-www-browser -new-tab
+always_run_script = true
+title = Dunst
+class = Dunst
+corner_radius = 10
+origin = top-right
+offset = 8x69
+
+[shortcuts]
+close = ctrl+shift+space
+close_all = ctrl+shift+space
+history = ctrl+grave
+context = ctrl+shift+period
+
+[urgency_low]
+timeout = 4
+background = "#1A1B2699"
+foreground = "#A4D7F1"
+frame_color = "#A4D7F1"
+
+[urgency_normal]
+timeout = 8
+background = "#1A1B2699"
+foreground = "#A4D7F1"
+frame_color = "#A4D7F1"
+
+[urgency_critical]
+timeout = 0
+background = "#1A1B2699"
+foreground = "#FDDC74"
+frame_color = "#FDDC74"
diff --git a/hybrid-vertical/.config/eww/.vscode/c_cpp_properties.json b/hybrid-vertical/.config/eww/.vscode/c_cpp_properties.json
new file mode 100644
index 000000000..a2461ad1a
--- /dev/null
+++ b/hybrid-vertical/.config/eww/.vscode/c_cpp_properties.json
@@ -0,0 +1,18 @@
+{
+    "configurations": [
+        {
+            "name": "Linux",
+            "includePath": [
+                "${workspaceFolder}/**",
+                "/usr/include/**"
+            ],
+            "defines": [],
+            "compilerPath": "/usr/bin/clang",
+            "cStandard": "c17",
+            "cppStandard": "c++17",
+            "intelliSenseMode": "linux-clang-x64",
+            "configurationProvider": "ms-vscode.makefile-tools",
+        }
+    ],
+    "version": 4
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/.vscode/settings.json b/hybrid-vertical/.config/eww/.vscode/settings.json
new file mode 100644
index 000000000..abe6dad5e
--- /dev/null
+++ b/hybrid-vertical/.config/eww/.vscode/settings.json
@@ -0,0 +1,56 @@
+{
+    "files.associations": {
+        "optional": "cpp",
+        "system_error": "cpp",
+        "fstream": "cpp",
+        "iosfwd": "cpp",
+        "string_view": "cpp",
+        "string": "cpp",
+        "any": "cpp",
+        "array": "cpp",
+        "bit": "cpp",
+        "*.tcc": "cpp",
+        "cctype": "cpp",
+        "clocale": "cpp",
+        "cmath": "cpp",
+        "codecvt": "cpp",
+        "compare": "cpp",
+        "concepts": "cpp",
+        "cstddef": "cpp",
+        "cstdint": "cpp",
+        "cstdio": "cpp",
+        "cstdlib": "cpp",
+        "cstring": "cpp",
+        "ctime": "cpp",
+        "cwchar": "cpp",
+        "cwctype": "cpp",
+        "deque": "cpp",
+        "forward_list": "cpp",
+        "map": "cpp",
+        "unordered_map": "cpp",
+        "vector": "cpp",
+        "exception": "cpp",
+        "functional": "cpp",
+        "initializer_list": "cpp",
+        "iomanip": "cpp",
+        "iostream": "cpp",
+        "istream": "cpp",
+        "limits": "cpp",
+        "memory": "cpp",
+        "new": "cpp",
+        "numbers": "cpp",
+        "numeric": "cpp",
+        "ostream": "cpp",
+        "ranges": "cpp",
+        "ratio": "cpp",
+        "span": "cpp",
+        "sstream": "cpp",
+        "stdexcept": "cpp",
+        "streambuf": "cpp",
+        "type_traits": "cpp",
+        "tuple": "cpp",
+        "typeinfo": "cpp",
+        "utility": "cpp",
+        "valarray": "cpp"
+    }
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/.vscode/tasks.json b/hybrid-vertical/.config/eww/.vscode/tasks.json
new file mode 100644
index 000000000..2cd0264c6
--- /dev/null
+++ b/hybrid-vertical/.config/eww/.vscode/tasks.json
@@ -0,0 +1,30 @@
+{
+    "tasks": [
+        {
+            "type": "cppbuild",
+            "label": "C/C++: g++ build active file",
+            "command": "/usr/bin/g++",
+            "args": [
+                "-fdiagnostics-color=always",
+                "-g",
+                "${file}",
+                "-o",
+                "${fileDirname}/${fileBasenameNoExtension}",
+                "-lboost_iostreams",
+                "`pkg-config --libs boost_iostreams`"
+            ],
+            "options": {
+                "cwd": "${fileDirname}"
+            },
+            "problemMatcher": [
+                "$gcc"
+            ],
+            "group": {
+                "kind": "build",
+                "isDefault": true
+            },
+            "detail": "Task generated by Debugger."
+        }
+    ],
+    "version": "2.0.0"
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/css/_bgdecor.scss b/hybrid-vertical/.config/eww/css/_bgdecor.scss
new file mode 100755
index 000000000..9ca03cd64
--- /dev/null
+++ b/hybrid-vertical/.config/eww/css/_bgdecor.scss
@@ -0,0 +1,125 @@
+.bg-decor-dow {
+  color: $onPrimaryContainer;
+  font-family: Rubik;
+  font-size: 35pt;
+}
+
+.bg-decor-date {
+  color: $onPrimaryContainer;
+  font-family: Rubik;
+  font-size: 20pt;
+}
+
+.bg-module {
+  // background-color: shade($colorbg, 10%);
+  border-radius: 30px;
+  padding: 20px;
+  margin: 5px;
+}
+
+.bg-text {
+  text-shadow: -1px -1px 0 $primaryContainer,
+    1px -1px 0 $primaryContainer,
+    -1px 1px 0 $primaryContainer,
+    1px 1px 0 $primaryContainer;
+  color: $onPrimaryContainer;
+  font-family: 'Rubik';
+}
+
+.bg-icon {
+  margin-bottom: 9px;
+  color: $onSecondaryContainer;
+  font-family: 'Material Symbols Rounded';
+  font-size: 15pt;
+  min-width: 40px;
+  min-height: 40px;
+  background-color: $secondaryContainer;
+  border-radius: 13px;
+}
+
+.bg-title {
+  text-shadow: -1px -1px 0 $primaryContainer,
+    1px -1px 0 $primaryContainer,
+    -1px 1px 0 $primaryContainer,
+    1px 1px 0 $primaryContainer;
+  color: $onPrimaryContainer;
+  font-size: 16pt;
+  margin: 5px;
+  padding-bottom: 10px;
+  padding-left: 5px;
+}
+
+.bg-cool-text {
+  color: $onPrimaryContainer;
+  font-family: 'Rubik';
+  font-size: 13pt;
+  margin: 5px;
+  text-shadow: -1px -1px 0 $primaryContainer,
+    1px -1px 0 $primaryContainer,
+    -1px 1px 0 $primaryContainer,
+    1px 1px 0 $primaryContainer;
+}
+
+.bg-progress {
+  margin: 5px;
+  min-width: 450px;
+
+  trough {
+    border-radius: 9999px;
+    background-color: #24222A;
+    min-height: 10px;
+  }
+
+  highlight {
+    border-radius: 9999px;
+    background-color: $color3;
+  }
+}
+
+.bg-graph-container {
+  min-width: 150px;
+  min-height: 30px;
+  padding-bottom: 4px;
+  padding-top: 4px;
+  border-radius: 8px;
+  border: 1px solid $onPrimaryContainer;
+  margin: 5px;
+  box-shadow: -1px -1px 0 $primaryContainer,
+    1px -1px 0 $primaryContainer,
+    -1px 1px 0 $primaryContainer,
+    1px 1px 0 $primaryContainer;
+}
+
+.bg-graph {
+  color: $color3;
+  // background-color: $color3;
+}
+
+.bg-date {
+  min-width: 500px;
+}
+
+.bg-decor-input-left {
+  border-top-left-radius: 999px;
+  border-bottom-left-radius: 999px;
+  margin-top: 30px;
+  padding-left: 20px;
+  padding-right: 20px;
+  font-size: 15pt;
+  min-height: 50px;
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.bg-decor-input-right {
+  border-top-right-radius: 999px;
+  border-bottom-right-radius: 999px;
+  margin-top: 30px;
+  padding-left: 20px;
+  padding-right: 20px;
+  // padding-top: 5px;
+  // padding-bottom: 5px;
+  font-size: 15pt;
+  min-height: 50px;
+  background-color: rgba(255, 255, 255, 0.2);
+  color: rgba(255, 255, 255, 0.2);
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/css/_bottombar.scss b/hybrid-vertical/.config/eww/css/_bottombar.scss
new file mode 100755
index 000000000..5fe57e8ba
--- /dev/null
+++ b/hybrid-vertical/.config/eww/css/_bottombar.scss
@@ -0,0 +1,61 @@
+.bottombar-closed-hitbox {
+  min-width: 1920px;
+  background-color: mix(rgba(30, 30, 30, 0.5), $colorbg, 50%);
+}
+.bottombar-bg {
+  min-width: 1920px;
+  min-height: 300px;
+  border-top-left-radius: 26px;
+  border-top-right-radius: 26px;
+  background-color: shade($colorbg, 70%);
+  background-size: 100% auto;
+  background-position: center center;
+}
+
+.bottombar-bg-front {
+  min-width: 1920px;
+  min-height: 300px;
+  border-top-left-radius: 26px;
+  border-top-right-radius: 26px;
+  border: 2px solid $primary;
+  border-bottom: 0px solid transparent;
+  background-color: mix(rgba(30, 30, 30, 0.5), $colorbg, 50%);
+  background-size: 100% 100%;
+}
+
+.cava-column {
+  // background-image: linear-gradient($color1, $color3);
+  background-color: rgb(176, 226, 247);
+  border-top-left-radius: 99px;
+  border-top-right-radius: 99px;
+  margin: 6px;
+  margin-bottom: 0px;
+}
+
+.bottombar-musicinfo-box {
+  margin-left: 50px;
+  margin-top: 50px;
+}
+
+.bottombar-title {
+  font-family: 'Gabarito';
+  font-size: 30pt;
+  font-weight: 700;
+  text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
+}
+
+.bottombar-artist {
+  font-family: 'Gabarito';
+  font-size: 16pt;
+  font-weight: 700;
+  text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
+}
+
+.bottombar-music-cover {
+  border-radius: 15px;
+  min-height: 200px;
+  min-width: 200px;
+  background-size: auto 100%;
+  background-position: center;
+  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/css/_calendar.scss b/hybrid-vertical/.config/eww/css/_calendar.scss
new file mode 100755
index 000000000..e22548ba9
--- /dev/null
+++ b/hybrid-vertical/.config/eww/css/_calendar.scss
@@ -0,0 +1,125 @@
+.calendar-win {
+  @include window;
+  background-color: $colorbarbg;
+  border: 3px solid $color3;
+  border-radius: 15px;
+  color: $colortext;
+  padding: .2em;
+  font-family: 'Rubik';
+  margin: 14px;
+}
+
+calendar {
+  * {
+    padding-top: 10px;
+    color: $primary;
+  }
+
+  :selected {
+    color: $onPrimary;
+    font-weight: bolder;
+    background-color: $primary;
+    border-radius: 8px;
+  }
+
+  .header {
+    color: $colortext;
+    margin: 15px;
+    min-height: 400px;
+  }
+
+  .highlight {
+    color: $onTertiaryContainer;
+    font-weight: bold;
+  }
+
+  .button {
+    color: $colortext;
+    padding-top: 10px;
+  }
+
+  :indeterminate {
+    color: $onBackground;
+  }
+}
+
+.calendarwin-title {
+  border-radius: 9999px;
+  font-size: 15pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  margin: 1px;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.calendarwin-button {
+  border-radius: 9999px;
+  font-size: 12pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  margin: 1px;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.calendarwin-text {
+  border-radius: 9999px;
+  font-size: 11pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.calendarwin-icon {
+  background-position: center;
+  min-height: 42px;
+  min-width: 30px;
+}
+
+.calendarwin-text {
+  border-radius: 9999px;
+  font-size: 12pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  min-height: 50px;
+  min-width: 50px;
+  margin: 3px;
+}
+
+.calendarwin-day-1 {
+  background-color: transparent;
+  color: #7C7C7C;
+}
+
+.calendarwin-day0 {
+  background-color: transparent;
+  color: white;
+}
+
+.calendarwin-day1 {
+  background-color: $primary;
+  color: black;
+}
+
+.calendarwin-day0:hover {
+  background-color: rgba(75, 75, 75, 0.5);
+}
+
+.calendarwin-day0:active {
+  background-color: tint(rgba(75, 75, 75, 0.5), 10%);
+}
+
+.calendarwin-day1:hover {
+  background-color: tint($color4, 10%);
+  color: black;
+}
+
+.calendarwin-day1:active {
+  background-color: tint($color4, 20%);
+  color: black;
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/css/_colors.scss b/hybrid-vertical/.config/eww/css/_colors.scss
new file mode 100755
index 000000000..7e7546543
--- /dev/null
+++ b/hybrid-vertical/.config/eww/css/_colors.scss
@@ -0,0 +1,77 @@
+
+
+$rosewater: #f5e0dc;
+$flamingo: #f2cdcd;
+$pink: #f5c2e7;
+$mauve: #cba6f7;
+$red: #f38ba8;
+// $red:         #EF738A;
+$maroon: #eba0ac;
+$peach: #fab387;
+$yellow: #f9e2af;
+$green: #a6e3a1;
+$teal: #94e2d5;
+$sky: #89dceb;
+$sapphire: #74c7ec;
+$blue: #89b4fa;
+$lavender: #b4befe;
+$true: #EF738A;
+$false: #A9B1D6;
+
+
+$forestgreen: #A8B468;
+$forestyellow : #8e8370;
+$foresttext : #d3c6ab;
+$forestblack : #1e201f;
+$forestred : #e76c69;
+$forestpink : #d698b5;
+$forestorange : #e59576;
+$forestgray : #75817b;
+$forestgraylight: #495156;
+$forestgreendark: #7fba90;
+$forestblue: #77AEA7;
+
+$tokyobluedark: #1A1B26;
+$tokyobluelessdark: #1f212e;
+$tokyotext: #a9b1d6;
+$tokyopink: #ff79b1; //nah theres no pink in tokyonight, but i need one so added
+$tokyored: #EF738A;
+$tokyoorange: #FF9E64;
+$tokyoyellow: #E0AF68;
+$tokyogreen: #9ECE6A;
+$tokyoturquoise: #73daca;
+$tokyoice: #b4f9f8;
+$tokyocyan: #0DB9D7;
+$tokyoblue: #7AA2F7;
+$tokyopurple: #9778D0;
+$tokyogrey: #444B6A;
+$catbg: #1E1E2E;
+
+$text: $tokyotext;
+$subtext1: #868dac;
+$subtext0: #a6adc8;
+$overlay2: #9399b2;
+$overlay1: #7f849c;
+$overlay0: rgba(108, 112, 134, 0.4);
+$overlayedge: rgba(108, 112, 134, 0.15);
+
+$hover0: rgba(200, 200, 200, 0.3);
+
+$surface2: rgba(88, 91, 112, 0.7);
+$surface1: rgba(69, 71, 90, 0.7);
+// $surface0: rgba(28, 28, 48, 0.5); //Needs dynamic change
+// $surface0: #24222A; //Needs dynamic change
+
+
+$base: #1E201F;
+$mantle: #181825;
+$crust: #121415;
+
+$fg: $tokyotext;
+$bg: #171726;
+$barbg: #131426;
+$shadow: $crust;
+
+// $battcolor: $tokyogreen;
+// $memcolor: $tokyoorange;
+// $cpucolor: $tokyoblue;
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/css/_colorscheme.scss b/hybrid-vertical/.config/eww/css/_colorscheme.scss
new file mode 100755
index 000000000..eca473230
--- /dev/null
+++ b/hybrid-vertical/.config/eww/css/_colorscheme.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #1f252d;
+$colorbg: rgba(31,37,45,0.75);
+$colortext: #e6e2e7;
+$color0: #60C4F1;
+$color1: #9F9BAB;
+$color2: #DBB4AD;
+$color3: #A2AECF;
+$color4: #CFB7CE;
+$color5: #A4D7F1;
+$color6: #e6e2e7;
+$color7: #A2AECF;
diff --git a/hybrid-vertical/.config/eww/css/_colorscheme_default.scss b/hybrid-vertical/.config/eww/css/_colorscheme_default.scss
new file mode 100755
index 000000000..37aaee4c4
--- /dev/null
+++ b/hybrid-vertical/.config/eww/css/_colorscheme_default.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000653264299-7lydij-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #090727;
+$colorbg: rgba(9,7,39,0.7);
+$colortext: #e1e4f1;
+$color0: #926AC9;
+$color1: #2994E6;
+$color2: #5E9EE8;
+$color3: #5BC3E9;
+$color4: #9EA8E4;
+$color5: #AEC4E9;
+$color6: #e1e4f1;
+$color7: #5BC3E9;
diff --git a/hybrid-vertical/.config/eww/css/_colorscheme_osu.scss b/hybrid-vertical/.config/eww/css/_colorscheme_osu.scss
new file mode 100755
index 000000000..48bb59f78
--- /dev/null
+++ b/hybrid-vertical/.config/eww/css/_colorscheme_osu.scss
@@ -0,0 +1,11 @@
+$colorbg: #0f0e11;   //Get from color0
+$colortext: white; //Get from color4
+$color0: #8C66FF;
+$color1: #CC3378;
+$color2: #5933CC;
+$color3: #EEAA00;
+$color4: white;
+$color5: white;
+$color6: white;
+$color7: white; //Get from color4 (border)
+$colormusic: white;
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/css/_dashboard.scss b/hybrid-vertical/.config/eww/css/_dashboard.scss
new file mode 100755
index 000000000..4f5d533e3
--- /dev/null
+++ b/hybrid-vertical/.config/eww/css/_dashboard.scss
@@ -0,0 +1,236 @@
+.dash-window {
+  background-color: transparent;
+}
+
+.dash-title {
+  color: $primary;
+  font-size: 18pt;
+}
+
+.dash-subtitle {
+  color: $color5;
+  font-size: 13pt;
+}
+
+.dash {
+  min-height: 50px;
+  min-width: 50px;
+  background-color: $colorbarbg;
+  border-radius: 15px;
+  padding: 20px;
+  margin: 5px;
+}
+
+.dash-profile {
+  min-width: 300px;
+  min-height: 228px;
+}
+
+.dash-user-pic {
+  margin: 20px;
+  min-width: 150px;
+  min-height: 150px;
+  background-repeat: no-repeat;
+  background-size: 100%;
+  border-radius: 1500px;
+  background-position: center;
+}
+
+.dash-fetch {
+  color: $colortext;
+  font-size: 15pt;
+}
+
+.dash-fetch-icon {
+  color: $colortext;
+  font-size: 16pt;
+  margin: 3px;
+  font-family: Material Symbols Rounded;
+}
+
+.dash-fetch-icon-nerd {
+  color: $colortext;
+  font-size: 16pt;
+  margin: 3px;
+  font-family: JetBrainsMono Nerd Font Regular;
+}
+
+.dash-icon {
+  font-size: 24pt;
+  font-weight: bold;
+  font-family: Material Symbols Rounded;
+}
+
+.dash-button {
+  border-radius: 15px;
+}
+
+.dash-button:hover {
+  background-color: tint($colorbarbg, 10%);
+}
+
+.dash-button:focus {
+  background-color: tint($colorbarbg, 10%);
+}
+
+.dash-button:active {
+  background-color: tint($colorbarbg, 20%);
+}
+
+.dash-quote-content {
+  margin: 2px;
+  color: $colortext;
+  font-size: 14pt;
+}
+
+.dash-quote-author {
+  margin: 2px;
+  color: $colortext;
+  font-size: 12pt;
+}
+
+.dash-tile {
+  min-width: 800px;
+}
+
+.dash-input-icon {
+  padding-left: 15px;
+  padding-right: 15px;
+  min-width: 30px;
+  margin: -5px;
+  margin-left: 15px;
+  background-color: $colorbarbg;
+  border: 2px solid tint($colorbarbg, 10%);
+  border-radius: 10px;
+  color: $colortext;
+  font-size: 19pt;
+}
+
+.dash-input {
+  padding-left: 15px;
+  padding-right: 15px;
+  min-width: 860px;
+  margin: -5px;
+  background-color: $colorbarbg;
+  border: 2px solid tint($colorbarbg, 10%);
+  border-radius: 10px;
+  color: $colortext;
+  font-size: 15pt;
+  caret-color: $colortext;
+
+  selection {
+    background-color: rgba(154, 152, 152, 0.5);
+  }
+}
+
+.dash-time {
+  color: $primary;
+  font-size: 35pt;
+}
+
+.dash-date {
+  color: $primary;
+  font-size: 18pt;
+}
+
+.dash-clock-text-area {
+  min-width: 200px;
+}
+
+.dash-clock-circle-area {
+  // margin-left: 10px;
+}
+
+.dash-clock-circle {
+  background-color: $surface0;
+}
+
+.dash-clock-inner {
+  padding: 36px;
+}
+
+.dash-clock-circle-minute {
+  margin: 10px;
+  background-color: $overlay0;
+}
+
+.dash-debug-area {
+  background-color: rgba(214, 28, 50, 0.3);
+}
+
+.dash-dir-area {
+  min-width: 198px;
+}
+
+.dash-dir {
+  font-size: 15pt;
+  padding: 10px;
+  padding-left: 15px;
+}
+
+.dash-resources {
+  min-width: 198px;
+  min-height: 122px;
+}
+
+.dash-resouce-icon {
+  font-size: 99pt;
+}
+
+.dash-resource-inner {
+  padding: 30px;
+}
+
+.dash-resource-text {
+  font-size: 15pt;
+  margin: 3px;
+}
+
+.dash-resource-title {
+  font-size: 15pt;
+}
+
+.dash-resource-tile {
+  // background-color: tint($colorbarbg, 20%);
+  border-radius: 12px;
+  padding-left: 15px;
+  padding-right: 15px;
+  padding-top: 11px;
+  // padding: 15px;
+}
+
+.clrt {
+  color: $colortext;
+}
+
+.clr0 {
+  color: $primary;
+}
+
+.clr1 {
+  color: $secondary;
+}
+
+.clr2 {
+  color: $tertiary;
+}
+
+.clr3 {
+  color: $primary;
+}
+
+.clr4 {
+  color: $secondary;
+}
+
+.clr5 {
+  color: $tertiary;
+}
+
+.clr6 {
+  color: $primary;
+}
+
+.clr7 {
+  color: $secondary;
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/css/_dashfs.scss b/hybrid-vertical/.config/eww/css/_dashfs.scss
new file mode 100755
index 000000000..183c10e68
--- /dev/null
+++ b/hybrid-vertical/.config/eww/css/_dashfs.scss
@@ -0,0 +1,338 @@
+.dashfs-bg {
+  background-color: rgba(20, 20, 20, 0.7);
+}
+
+.dashfs-greet {
+  border-radius: 10px;
+  margin-top: 40px;
+  margin-left: 40px;
+  border: 3px solid transparent;
+  border-left: 3px solid $color5;
+  padding: 10px;
+}
+
+.dashfs-greet-text {
+  font-family: 'Rubik';
+  font-size: 20pt;
+  color: $color5;
+}
+
+.dashfs-clock {
+  border-radius: 10px;
+  margin-top: 40px;
+  margin-right: 40px;
+  border: 3px solid transparent;
+  border-right: 3px solid $color4;
+  padding: 15px;
+}
+
+.dashfs-clock-time {
+  margin-top: -15px;
+  font-family: 'Rubik';
+  font-size: 45pt;
+  color: $color4;
+}
+
+.dashfs-clock-date {
+  font-family: 'Rubik';
+  font-size: 22pt;
+  color: $color4;
+}
+
+.dashfs-calendar-title {
+  border-radius: 9999px;
+  font-size: 15pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  margin: 1px;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.dashfs-calendar-button {
+  border-radius: 9999px;
+  font-size: 12pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  margin: 1px;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.dashfs-calendar-text {
+  border-radius: 9999px;
+  font-size: 11pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.dashfs-section-nopad {
+  border-radius: 10px;
+  border: 3px solid transparent;
+  border-top: 3px solid $color4;
+}
+
+.dashfs-section {
+  border-radius: 10px;
+  border: 3px solid transparent;
+  border-top: 3px solid $color1;
+  padding: 10px;
+  min-width: 200px;
+}
+
+.dashfs-section-title {
+  color: $color1;
+  font-size: 18pt;
+  font-family: 'Rubik';
+  margin-bottom: 5px;
+}
+
+.dashfs-fetch {
+  color: $color1;
+  font-size: 15pt;
+  font-family: 'Rubik';
+}
+
+.dashfs-fetch-icon {
+  color: $color1;
+  font-size: 16pt;
+  margin: 5px 0px;
+  margin-right: 10px;
+  font-family: 'Material Symbols Rounded';
+}
+
+.dashfs-section-button {
+  border-radius: 8px;
+  padding: 0 10px;
+}
+
+.dashfs-section-button:hover {
+  background-color: $overlay0;
+}
+
+.dashfs-calendar-icon {
+  background-position: center;
+  min-height: 42px;
+  min-width: 30px;
+}
+
+.dashfs-monthbutton {
+  // background-size: 80% auto;
+  background-color: transparent;
+  background-position: center;
+  border-radius: 6px;
+  margin: 12px 3px;
+  margin-top: 0px;
+  padding: 6px;
+  min-width: 20px;
+  min-height: 20px;
+}
+
+.dashfs-monthbutton:hover {
+  background-color: rgba(95, 95, 95, 0.4);
+}
+
+.dashfs-calendar-text {
+  border-radius: 9999px;
+  font-size: 12pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.dashfs-nerd-icon {
+  color: $color1;
+  font-size: 16pt;
+  margin: 5px 0px;
+  margin-right: 10px;
+  font-family: 'JetBrainsMono Nerd Font';
+}
+
+.dashfs-button-only {
+  :first-child {
+    :first-child {
+      border-radius: 10px;
+      border: 1px solid transparent;
+      border-top: 1px solid transparent;
+    }
+  }
+}
+
+.dashfs-button-only:hover {
+  :first-child {
+    :first-child {
+      background-color: shade($overlay0, 2%);
+      border: 1px solid $overlayedge;
+      border-top: 1px solid tint($overlayedge, 5%);
+    }
+  }
+}
+
+.dashfs-button-pad {
+  padding: 3px;
+  // min-width: 42px;
+  min-height: 42px;
+}
+
+.dashfs-taskbaricon {
+  background-size: 60%;
+  background-position: center;
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 10px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.dashfs-taskbaricon-false {
+  background-size: 70%;
+  background-position: center;
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 10px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.dashfs-taskbaricon-true {
+  background-size: 70%;
+  background-position: center;
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.dashfs-taskbar-indicator-true {
+  border-radius: 10px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+  margin-bottom: 4px;
+  margin-top: 65px;
+  margin-left: 25px;
+  margin-right: 25px;
+  background-color: $color4;
+}
+
+.dashfs-taskbar-indicator-false {
+  border-radius: 10px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+  margin-bottom: 4px;
+  margin-top: 65px;
+  margin-left: 32px;
+  margin-right: 32px;
+  background-color: #9C98A3;
+}
+
+.dashfs-day-1 {
+  background-color: transparent;
+  color: #7C7C7C;
+}
+
+.dashfs-day0 {
+  background-color: transparent;
+  color: white;
+}
+
+.dashfs-day1 {
+  background-color: tint($color4, 20%);
+  color: black;
+}
+
+.dashfs-day0:hover {
+  background-color: rgba(75, 75, 75, 0.5);
+}
+
+.dashfs-day0:active {
+  background-color: tint(rgba(75, 75, 75, 0.5), 10%);
+}
+
+.dashfs-day1:hover {
+  background-color: tint($color4, 10%);
+  color: black;
+}
+
+.dashfs-day1:active {
+  background-color: tint($color4, 20%);
+  color: black;
+}
+
+.dashfs-music-cover {
+  border-radius: 10px;
+  min-height: 50px;
+  min-width: 50px;
+  background-size: auto 100%;
+  background-position: center;
+}
+
+.dashfs-resource-title {
+  color: $tertiary;
+  font-size: 18pt;
+  font-family: 'Rubik';
+  margin-bottom: 5px;
+}
+
+.dashfs-resource-box {
+  border-radius: 10px;
+  border: 3px solid transparent;
+  border-top: 3px solid $tertiary;
+  padding: 20px 5px;
+  min-width: 110px;
+}
+
+.dashfs-resource-circle {
+  color: $tertiary;
+  background-color: #5B5A5C;
+}
+
+.dashfs-resource-icon {
+  color: $tertiary;
+  font-size: 30pt;
+  font-family: 'Material Symbols Rounded';
+}
+
+.dashfs-resource-label {
+  color: $onTertiary;
+  background-color: $tertiary;
+  font-size: 13pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  padding: 3px 8px;
+  border-radius: 9999px;
+  min-width: 50px;
+}
+
+.dashfs-graph {
+  background-image: url('images/svg/graph.svg');
+  background-size: 100% 100%;
+  background-position: center;
+}
+
+.dashfs-cava-column {
+  background-color: rgba(176, 226, 247, 0.1);
+  border-radius: 9999px;
+  margin: 5px 0;
+}
+
+.dashfs-quote-content {
+  font-family: 'Space Grotesk';
+  font-weight: 500;
+  font-size: 16pt;
+  color: $primary;
+}
+
+.dashfs-quote-author {
+  font-family: 'Space Grotesk';
+  font-weight: 500;
+  font-size: 14pt;
+  color: $primary;
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/css/_editmode.scss b/hybrid-vertical/.config/eww/css/_editmode.scss
new file mode 100755
index 000000000..3733a2095
--- /dev/null
+++ b/hybrid-vertical/.config/eww/css/_editmode.scss
@@ -0,0 +1,18 @@
+.edit-mode-checkbox-false {
+  min-height: 53px;
+  min-width: 53px;
+  // background-image: url('images/svg/tournaments.svg');
+  background-size: auto 65%;
+  background-position: center;
+  color: transparent;
+}
+
+.edit-mode-checkbox-true {
+  min-height: 53px;
+  min-width: 53px;
+  background-color: $overlay0;
+  // background-image: url('images/svg/tournaments.svg');
+  background-size: auto 65%;
+  background-position: center;
+  color: transparent;
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/css/_iconcolor.txt b/hybrid-vertical/.config/eww/css/_iconcolor.txt
new file mode 100755
index 000000000..75c915a19
--- /dev/null
+++ b/hybrid-vertical/.config/eww/css/_iconcolor.txt
@@ -0,0 +1,6 @@
+#d7e2ff
+#dfbbde
+#9F9BAB
+#A2AECF
+#CFB7CE
+#CFB7CE
diff --git a/hybrid-vertical/.config/eww/css/_iconcolor_default.txt b/hybrid-vertical/.config/eww/css/_iconcolor_default.txt
new file mode 100755
index 000000000..3d888e238
--- /dev/null
+++ b/hybrid-vertical/.config/eww/css/_iconcolor_default.txt
@@ -0,0 +1 @@
+#e1e4f1
diff --git a/hybrid-vertical/.config/eww/css/_material.scss b/hybrid-vertical/.config/eww/css/_material.scss
new file mode 100644
index 000000000..15525e274
--- /dev/null
+++ b/hybrid-vertical/.config/eww/css/_material.scss
@@ -0,0 +1,27 @@
+$primary: #adc6ff;
+$onPrimary: #002d6f;
+$primaryContainer: #17448f;
+$onPrimaryContainer: #d7e2ff;
+$secondary: #bfc6dd;
+$onSecondary: #293041;
+$secondaryContainer: #3f4659;
+$onSecondaryContainer: #dbe2f9;
+$tertiary: #dfbbde;
+$onTertiary: #412743;
+$tertiaryContainer: #593e5a;
+$onTertiaryContainer: #fcd7fa;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1b1b1e;
+$onBackground: #e4e2e6;
+$surface: #1b1b1e;
+$onSurface: #e4e2e6;
+$surfaceVariant: #44464e;
+$onSurfaceVariant: #c5c6d0;
+$outline: #8e9099;
+$shadow: #000000;
+$inverseSurface: #e4e2e6;
+$inverseOnSurface: #303033;
+$inversePrimary: #355ca8;
diff --git a/hybrid-vertical/.config/eww/css/_music.scss b/hybrid-vertical/.config/eww/css/_music.scss
new file mode 100755
index 000000000..53c0304bb
--- /dev/null
+++ b/hybrid-vertical/.config/eww/css/_music.scss
@@ -0,0 +1,298 @@
+.music-area {
+  padding: 10px;
+  @include rounding;
+}
+
+.song-cover-art {
+  @include rounding;
+  background-position: center;
+  background-size: 100%;
+  margin: 4px 5px 4px 0;
+  min-height: 24px;
+  min-width: 24px;
+}
+
+.music-window {
+  @include window;
+  @include rounding;
+  background-color: $colorbarbg;
+  border: 3px solid;
+  color: $colortext;
+  margin: 3px;
+}
+
+.music-cover-art {
+  @include rounding;
+  background-color: transparent;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-image: url("eww_covers/cover_art_default");
+  background-position: 50% 15%;
+  // border-radius: 5px;
+  // margin: 1em;
+  // min-height: 200px;
+  min-width: 200px;
+}
+
+.music-box {
+  @include rounding;
+  padding-top: 24px;
+  background-color: rgba(0, 0, 0, 0.4);
+  background-position: top;
+}
+
+.music-title {
+  // font-weight: bold;
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  min-height: 39px;
+  font-size: 19pt;
+  color: $colortext;
+  padding: 10px 0;
+}
+
+.music-title-hover {
+  // font-weight: bold;
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  font-size: 19pt;
+  color: $colortext;
+  background-color: $overlay0;
+  padding: 10px 0;
+}
+
+.music-title-bar {
+  font-family: 'Rubik';
+  font-size: 15pt;
+  color: $colorbar;
+  padding: 10px 0;
+}
+
+.music-artist-bar {
+  color: $colorbar;
+  padding: 10px 0;
+  font-family: 'Rubik';
+  font-size: 11pt;
+}
+
+.music-artist {
+  color: $colortext;
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  font-weight: bold;
+  margin-bottom: 5px;
+  min-height: 25px;
+}
+
+.music-button label {
+  font-family: 'Material Symbols Rounded';
+  // color: $text;
+  font-size: 2rem;
+  font-family: SF Mono Nerd Font;
+  padding: 8px;
+}
+
+.music-time {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  color: $color1;
+  margin: 0 1rem;
+}
+
+.music-bar scale {
+  font-family: 'Material Symbols Rounded';
+  font-family: SF Mono Nerd Font;
+
+  highlight {
+    background-color: $color1;
+    border-radius: 24px;
+  }
+
+  trough {
+    background-color: $surface0;
+    border-radius: 24px;
+    min-height: 10px;
+    min-width: 170px;
+  }
+}
+
+.music-ctl {
+  border-radius: 0px;
+  color: $color1;
+  // padding-right: 10px;
+  min-width: 53px;
+}
+
+.music-icon {
+  padding-top: 5px; //Because the music icon is a bit high
+  padding-left: 16px;
+  padding-right: 16px;
+  color: $color1;
+  background-image: url("images/LinageMusic.png");
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.music-ctl-revealer {
+  margin-top: -4px;
+  // transition: 200ms cubic-bezier(0.3, 0, 0.8, 0.15);
+}
+
+.music-ctl-revealer-false {
+  // padding-left: 10px;
+}
+
+.music-ctl-revealer-true {
+  background-color: $overlay0;
+}
+
+.music-media-source {
+  border-top-left-radius: 10px;
+  border-bottom-right-radius: 15px;
+  min-width: 40px;
+  min-height: 20px;
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.music-source-icon {
+  font-family: 'JetBrainsMono Nerd Font';
+  font-size: 16pt;
+  margin-right: 5px;
+}
+
+.song-button {
+  color: $colortext;
+  border-radius: 9999px;
+  margin: 3px 3px;
+  min-width: 52px;
+  font-size: 32pt;
+}
+
+.song-button:hover {
+  background-color: $overlay0;
+}
+
+.music-button-box {
+  font-family: 'Material Symbols Rounded';
+  color: $colortext;
+  min-width: 160px;
+  margin-top: 6px;
+  margin-bottom: 6px;
+  padding-bottom: 0px;
+  background-color: rgba(0, 0, 0, 0.6);
+  border-radius: 9999px;
+}
+
+.osu-music-box {
+  // min-width: 75px;
+  min-width: 53px;
+  background-size: 65% auto;
+  background-position: 50% 50%;
+  // background-image: url('images/svg/beatmaps.svg');
+  // background-color: $colorbarbg;
+  background-repeat: no-repeat;
+}
+
+.osu-music-box-dummy {
+  min-width: 50px;
+  min-height: 53px;
+  margin-bottom: -6px;
+  margin-top: 6px;
+}
+
+.osu-music-slider {
+  margin-top: 9px;
+  margin-bottom: 9px;
+  min-height: 6px;
+  padding-left: 13px;
+
+  trough {
+    border-radius: 9999px;
+    background-color: #5c5b5b;
+    min-height: 6px;
+    // margin-left: 32px;
+    // margin-right: 32px;
+    // min-width: 70px;
+    min-width: 3px;
+  }
+
+  highlight {
+    min-width: 3px;
+    border-radius: 9999px;
+    background-color: $colorbar;
+  }
+}
+
+.track-scale {
+  @include rounding;
+
+  trough {
+    border-bottom-left-radius: 9999px;
+    border-bottom-right-radius: 9999px;
+    background-color: rgba(0, 0, 0, 0.8);
+    min-height: 8px;
+    // margin-left: 32px;
+    // margin-right: 32px;
+    // min-width: 70px;
+    min-width: 3px;
+  }
+
+  highlight {
+    min-width: 8px;
+    border-bottom-left-radius: 9999px;
+    border-bottom-right-radius: 9999px;
+    background-color: $color0;
+  }
+}
+
+.bar-music-cover {
+  border-radius: 99px;
+  min-height: 45px;
+  min-width: 45px;
+  background-size: auto 100%;
+  background-position: center;
+}
+
+.bar-music-state {
+  font-family: 'Material Symbols Rounded';
+  color: $color6;
+  background-color: rgba(0, 0, 0, 0.7);
+  border-radius: 9999px;
+  min-width: 30px;
+  min-height: 30px;
+}
+
+.music-cava-column {
+  background-color: $color0;
+  margin: 0 3px;
+  margin-bottom: 8px;
+  border-top-left-radius: 99px;
+  border-top-right-radius: 99px;
+}
+
+.music-time-label {
+  color: $colorbar;
+  background-color: rgba(0, 0, 0, 0.6);
+  font-size: 13pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  padding: 3px 8px;
+  border-radius: 9999px;
+  min-height: 50px;
+}
+
+.music-button-box-bar {
+  font-family: 'Material Symbols Rounded';
+  color: $colortext;
+  min-height: 160px;
+  border-radius: 9999px;
+}
+
+.song-button-bar {
+  color: $colortext;
+  border-radius: 9999px;
+  // margin: 3px;
+  min-height: 52px;
+  font-size: 32pt;
+}
+
+.song-button-bar:hover {
+  background-color: rgba(0, 0, 0, 0.4);
+}
diff --git a/hybrid-vertical/.config/eww/css/_notification.scss b/hybrid-vertical/.config/eww/css/_notification.scss
new file mode 100755
index 000000000..c289fd471
--- /dev/null
+++ b/hybrid-vertical/.config/eww/css/_notification.scss
@@ -0,0 +1,84 @@
+.notifications-box {
+  // @include window;
+  // padding: 1rem;
+  font-family: 'Rubik';
+}
+
+.notification {
+  // @include rounding;
+  border-radius: 8px;
+  font-size: 12pt;
+  font-family: 'Rubik';
+  background-color: $surface0;
+  // border-bottom: 3px solid $colorbg;
+  padding: .7rem;
+  margin-top: 5px;
+  margin-bottom: 5px;
+
+  // box {
+  //    margin-bottom: .5rem;
+  // }
+
+  label {
+    font-size: 1rem;
+  }
+
+  &:hover {
+    border: 3px solid $color7;
+  }
+
+  .appname {
+    font-size: 13pt;
+    color: $color0;
+    font-weight: bold;
+  }
+
+  .summary {
+    font-size: 13pt;
+    color: $colortext;
+    font-weight: bold;
+  }
+
+  .body {
+    color: $colortext;
+  }
+}
+
+// .container {
+//   &:first-child {
+//     border-radius: 8px 8px 0 0;
+//   }
+
+//   ;
+
+//   &:last-child {
+//     border-radius: 0 0 8px 8px;
+//   }
+
+//   ;
+// }
+
+.notification-header {
+  margin-bottom: 1rem;
+}
+
+.notification-label {
+  color: $colortext;
+  font-size: 1.5rem;
+}
+
+.notification-action {
+  border-radius: 50%;
+  margin-top: 33px;
+  margin-bottom: 9px;
+  padding: 0 .3rem;
+
+  label {
+    color: $colortext;
+    font-size: 1.4rem;
+  }
+
+  &:hover {
+    background: $surface0;
+  }
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/css/_osd.scss b/hybrid-vertical/.config/eww/css/_osd.scss
new file mode 100755
index 000000000..11b6bc65e
--- /dev/null
+++ b/hybrid-vertical/.config/eww/css/_osd.scss
@@ -0,0 +1,43 @@
+.osd-window {
+    margin: 5px;
+    border-radius: 9999px;
+    min-width: 10px;
+    min-height: 40px;
+}
+
+.osd-var {
+    margin-left: 5px;
+    margin-right: 5px;
+    background-color: $surface;
+    border-radius: 9999px;
+    min-width: 100px;
+    min-height: 37px;
+    padding: 7px;
+}
+
+.osd-circle {
+    // margin-left: 14px;
+    background-color: #5c5b5b;
+    color: $colortext;
+}
+
+.osd-incircle {
+    font-size: 19pt;
+    padding: 6px;
+    font-family: "Material Symbols Rounded"; //AAAAAAAAAGGGHHH
+    color: $colortext;
+}
+
+.osd-incircle-bright {
+    font-size: 19pt;
+    padding: 6px;
+    font-family: "Material Symbols Rounded"; //AAAAAAAAAGGGHHH
+    color: $colortext;
+}
+
+.osd-text {
+    font-size: 15pt;
+    font-family: "Rubik"; //AAAAAAAAAGGGHHH
+    color: $colortext;
+    padding-right: 5px;
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/css/_osettings.scss b/hybrid-vertical/.config/eww/css/_osettings.scss
new file mode 100755
index 000000000..d71fbf58f
--- /dev/null
+++ b/hybrid-vertical/.config/eww/css/_osettings.scss
@@ -0,0 +1,442 @@
+.osettings-window {
+    min-width: 501px;
+    padding-top: 20px;
+    background-color: shade($colorbarbg, 4%);
+    color: $onBackground;
+    font-family: Rubik;
+    margin: 7px;
+    margin-left: 0px;
+    border-radius: 17px;
+    border: 2px solid $color0;
+
+    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
+        url('images/pictures/beach_smoothie.jpg');
+    background-position: top;
+    background-repeat: no-repeat;
+    background-size: 100% auto;
+}
+
+.onotify-window {
+    min-width: 529px;
+    background-color: shade($colorbarbg, 5%);
+    color: $onBackground;
+    font-family: Rubik;
+    margin: 7px;
+    margin-right: 0px;
+    border-radius: 17px;
+    border: 2px solid $color0;
+
+    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
+        url('images/pictures/beach_drinks.jpeg');
+    background-position: top;
+    background-repeat: no-repeat;
+    background-size: 100% auto;
+}
+
+.osettings-separator {
+    background-color: shade($colorbarbg, 5%);
+    min-height: 6px;
+    margin-top: 27px;
+}
+
+.osettings-content {
+    // padding-top: 13px;
+    margin-top: 27px;
+    padding-bottom: 8px;
+    padding-top: 8px;
+    font-family: Rubik;
+    color: $onBackground;
+    background-color: shade($colorbarbg, 5%);
+    border-radius: 17px;
+}
+
+.onotify-content {
+    // padding-top: 13px;
+    margin-top: 27px;
+    padding-top: 8px;
+    padding-bottom: 16px;
+    font-family: Rubik;
+    color: $onBackground;
+    background-color: shade($colorbarbg, 5%);
+    border-radius: 17px;
+}
+
+.osettings-heading {
+    padding-left: 28px;
+    padding-right: 28px;
+    color: $onBackground;
+    font-family: Rubik;
+}
+
+.osettings-title {
+    color: $onBackground;
+    font-family: Rubik;
+    font-size: 30pt;
+}
+
+.osettings-subtitle {
+    color: $onSecondaryContainer;
+    font-family: Rubik;
+    font-size: 14pt;
+}
+
+.osettings-section-icon {
+    margin-top: 33px;
+    margin-bottom: 9px;
+    color: $onSecondaryContainer;
+    font-family: 'Material Symbols Rounded';
+    font-size: 20pt;
+    min-width: 50px;
+    min-height: 50px;
+    background-color: $secondaryContainer;
+    border-radius: 16px;
+}
+
+.osettings-section {
+    margin-top: 33px;
+    margin-bottom: 9px;
+    color: $onSecondaryContainer;
+    font-family: Rubik;
+    font-size: 20pt;
+}
+
+.osettings-text {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    color: $onBackground;
+    font-family: Rubik;
+    font-size: 14pt;
+}
+
+.osettings-text-icon {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    color: $onBackground;
+    font-family: 'Material Symbols Rounded';
+    font-size: 14pt;
+    min-width: 50px;
+}
+
+.osettings-search {
+    margin-left: 28px;
+    margin-right: 28px;
+    margin-top: 35px;
+    background-color: tint($colorbarbg, 4%);
+    border: 2px solid $onSurfaceVariant;
+    color: $onBackground;
+    border-radius: 10px;
+    font-size: 11pt;
+    min-height: 45px;
+    caret-color: $onBackground;
+
+    selection {
+        background-color: rgba(154, 152, 152, 0.5);
+    }
+}
+
+.osettings-search-text {
+    color: $onSurfaceVariant;
+    padding: 10px;
+    font-size: 13pt;
+    min-width: 420px;
+}
+
+.osettings-search-icon {
+    color: $onSurfaceVariant;
+    padding: 6px;
+    padding-left: 0px;
+    font-size: 20pt;
+}
+
+.osettings-scroll-bg {
+    padding-left: 28px;
+    padding-right: 28px;
+}
+
+.osettings-scroll-bg-colored {
+    padding-left: 28px;
+    padding-right: 28px;
+    background-color: shade($colorbarbg, 5%);
+    border-radius: 17px;
+}
+
+.osettings-btn {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    border-radius: 9999px;
+    min-height: 50px;
+    font-weight: normal;
+    font-size: 13pt;
+}
+
+.osettings-btn {
+    font-weight: bold;
+}
+
+.osettings-btn-destructive {
+    color: $onTertiary;
+    background-color: $tertiary;
+    background-image: linear-gradient(45deg, shade($color4, 5%) 58%, tint($color4, 10%) 58%);
+    background-size: 300% 300%;
+    background-position: 50% 50%;
+}
+
+.osettings-btn-neutral {
+    color: $onPrimary;
+    background-color: $primary;
+    background-image: linear-gradient(45deg, shade($color1, 5%) 58%, tint($color1, 10%) 58%);
+    background-size: 300% 300%;
+    background-position: 50% 50%;
+}
+
+.osettings-btn-informative {
+    color: $onSecondary;
+    background-color: $secondary;
+    background-image: linear-gradient(45deg, shade($color5, 5%) 58%, tint($color5, 10%) 58%);
+    background-size: 300% 300%;
+    background-position: 50% 50%;
+}
+
+.osettings-btn-neutral:hover,
+.osettings-btn-neutral:focus {
+    background-color: tint($primary, 10%);
+    // background-image: linear-gradient(135deg, $color3 75%, $color3 75%);
+    background-position: 70% 0%;
+}
+
+.osettings-btn-destructive:hover,
+.osettings-btn-destructive:focus {
+    background-color: tint($tertiary, 10%);
+    // background-image: linear-gradient(135deg, tint($color4, 10%) 75%, tint($color4, 10%) 75%);
+    background-position: 70% 0%;
+}
+
+.osettings-btn-informative:hover,
+.osettings-btn-informative:focus {
+    background-color: tint($secondary, 10%);
+    // background-image: linear-gradient(135deg, tint($color5, 10%) 75%, tint($color5, 10%) 75%);
+    background-position: 70% 0%;
+}
+
+.osettings-btn-neutral:active {
+    background-color: tint($primary, 10%);
+    // background-image: linear-gradient(135deg, $color3 75%, $color3 75%);
+    background-position: 100% 50%;
+}
+
+.osettings-btn-destructive:active {
+    background-color: tint($tertiary, 10%);
+    // background-image: linear-gradient(135deg, tint($color4, 10%) 75%, tint($color4, 10%) 75%);
+    background-position: 100% 50%;
+}
+
+.osettings-btn-informative:active {
+    background-color: tint($secondary, 10%);
+    // background-image: linear-gradient(135deg, tint($color5, 10%) 75%, tint($color5, 10%) 75%);
+    background-position: 100% 50%;
+}
+
+.rounder {
+    border-radius: 9999px;
+}
+
+.osettings-slider {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    min-height: 6px;
+    border-radius: 9999px;
+    background-image: linear-gradient(45deg, $primary 50%, tint($colorbarbg, 15%) 50%);
+    padding: 0px;
+
+    trough {
+        border-radius: 9999px;
+        background-color: tint($colorbarbg, 15%);
+        min-height: 6px;
+        margin-left: 32px;
+        margin-right: 32px;
+        // min-width: 70px;
+    }
+
+    highlight {
+        border-radius: 9999px;
+        background-color: $primary;
+        background-image: linear-gradient(45deg, $primary 0%, $primary 100%);
+    }
+
+    slider {
+        border-radius: 9999px;
+        min-height: 20px;
+        min-width: 65px;
+        background-color: $primary;
+        margin: -8px;
+    }
+
+    slider:hover {
+        background-color: $primary;
+    }
+}
+
+.osettings-checkbox {
+    border-radius: 9999px;
+    // min-height: 20px;
+    // min-height: 6px;
+    min-width: 60px;
+    background-color: transparent;
+    color: transparent;
+    border: 3px solid $primary;
+
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+.osettings-checkbox-1 {
+    border-radius: 9999px;
+    // min-height: 20px;
+    // min-height: 6px;
+    min-width: 60px;
+    background-color: $primary;
+    color: transparent;
+    border: 3px solid $primary;
+
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+.osettings-checkbox-0 {
+    border-radius: 9999px;
+    // min-height: 20px;
+    // min-height: 6px;
+    min-width: 60px;
+    background-color: transparent;
+    color: transparent;
+    border: 3px solid $primary;
+
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+.osettings-checkbox:checked {
+    border-radius: 9999px;
+    background-color: $primary;
+    color: $primary;
+}
+
+.osettings-waifu {
+    margin-top: 30px;
+    min-width: 350px;
+    min-height: 350px;
+    border-radius: 20px;
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-position: center center;
+}
+
+.onotify-app-icon {
+    margin: 9px 5px;
+
+    color: $onSecondaryContainer;
+    font-family: 'Material Symbols Rounded';
+    font-size: 20pt;
+    min-width: 40px;
+    min-height: 40px;
+    background-color: $secondaryContainer;
+    border-radius: 14px;
+}
+
+.onotify-app-name {
+    margin-top: 5px;
+    margin-bottom: 5px;
+    color: $onSecondaryContainer;
+    font-family: Rubik;
+    font-size: 15pt;
+}
+
+.onotify-app-text {
+    color: $onSecondaryContainer;
+    font-family: Rubik;
+    font-size: 13pt;
+}
+
+.onotify-app-ser {
+    color: $onSecondaryContainer;
+    font-family: Rubik;
+    font-size: 13pt;
+}
+
+.onotify-app-vol-circle {
+    background-color: #5c5b5b;
+    color: $primary;
+}
+
+.onotify-app-volbox {
+    margin: 9px 5px;
+    padding: 5px;
+
+    color: $onSecondaryContainer;
+    font-family: 'Material Symbols Rounded';
+    font-size: 20pt;
+    min-width: 40px;
+    min-height: 40px;
+    background-color: $secondaryContainer;
+    border-radius: 14px;
+}
+
+.osettings-tag {
+    color: $onTertiary;
+    background-color: $tertiary;
+    font-size: 13pt;
+    font-family: 'Rubik';
+    font-weight: 500;
+    padding: 3px 8px;
+    border-radius: 9999px;
+    min-width: 50px;
+    margin-top: 25px;
+}
+
+.osettings-tag:hover {
+    background-color: tint($tertiary, 20%);
+}
+
+.osettings-tag:active {
+    background-color: tint($tertiary, 40%);
+}
+
+.osettings-tag-nerd {
+    color: $onTertiary;
+    background-color: $tertiary;
+    font-size: 13pt;
+    font-family: 'JetBrainsMono Nerd Font';
+    font-weight: 500;
+    padding: 3px 8px;
+    border-radius: 9999px;
+    min-width: 50px;
+    margin-top: 25px;
+}
+
+.osettings-tag-nerd:hover {
+    background-color: tint($tertiary, 20%);
+}
+
+.osettings-tag-nerd:active {
+    background-color: tint($tertiary, 40%);
+}
+
+.osettings-tag-material {
+    color: $onTertiary;
+    background-color: $tertiary;
+    font-size: 13pt;
+    font-family: 'Material Symbols Rounded';
+    font-weight: 500;
+    padding: 3px 8px;
+    border-radius: 9999px;
+    // min-width: 25px;
+    margin-top: 25px;
+}
+
+.osettings-tag-material:hover {
+    background-color: tint($tertiary, 20%);
+}
+
+.osettings-tag-material:active {
+    background-color: tint($tertiary, 40%);
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/css/_overview.scss b/hybrid-vertical/.config/eww/css/_overview.scss
new file mode 100755
index 000000000..1d36a3027
--- /dev/null
+++ b/hybrid-vertical/.config/eww/css/_overview.scss
@@ -0,0 +1,198 @@
+.overview-window {
+  @include window;
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  border-radius: 22px;
+  background-color: shade($colorbarbg, 4%);
+  // background-color: transparent;
+  // border: 3px solid $color0;
+  //padding: 5px;
+}
+
+.overview-window-title {
+  font-size: 15pt;
+  color: $onPrimaryContainer;
+  border-radius: 15px;
+  background-color: tint($surface, 5%);
+  margin: 4px;
+  padding: 4px;
+  min-height: 30px;
+  background-image: linear-gradient(135deg, $onSecondary 15%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 33%, $onSecondary 33%, $onSecondary 68%, rgba(0, 0, 0, 0) 68%, rgba(0, 0, 0, 0) 95%, $onSecondary 95%);
+}
+
+.overview-window-top {
+  @include rounding;
+  background-color: transparent;
+  border: 3px solid transparent;
+  //padding: 5px;
+}
+
+.overview-ws {
+  border: 2px solid;
+  border-radius: 15px;
+  background-color: tint($surface, 2%);
+  margin: 4px;
+}
+
+.overview-ws-true {
+  color: $primary;
+}
+
+.overview-ws-false {
+  color: transparent;
+}
+
+.overview-ws-window {
+  // border: 2px solid transparent;
+  // background-color: rgba(108, 112, 134, 1);
+  border-radius: 15px;
+  background-color: shade($surface0, 2%);
+  border: 1px solid $surface0;
+  border-top: 1px solid tint($surface0, 5%);
+  // //margin: 3px; 
+}
+
+.overview-ws-window-content {
+  border-radius: 11px;
+  // background-color: rgba(135, 147, 163, 0.7);
+}
+
+.overview-topbar-icon {
+  min-width: 30px;
+  min-height: 30px;
+  margin: 5px;
+  background-size: contain;
+}
+
+.overview-topbar-button {
+  min-width: 30px;
+  min-height: 30px;
+  margin: 5px;
+  border-radius: 8px;
+}
+
+.overview-topbar-button:hover {
+  background-color: $overlay0;
+}
+
+.overview-icon {
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.overview-background {
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 100%;
+  border-radius: 15px;
+}
+
+.overview-ws-text {
+  //padding-left: 5px;
+  font-size: 13pt;
+}
+
+.overview-ws-subtext {
+  //padding-left: 5px;
+  font-size: 9pt;
+}
+
+.overview-ws-number {
+  //Note: height 100px width 356px
+  font-size: 25pt;
+  border-radius: 11px;
+  background-color: $overlay0;
+  color: $onBackground;
+  //margin: 10px;
+  min-height: 40px;
+  min-width: 40px;
+}
+
+.overview-title {
+  font-weight: bold;
+  font-size: 15pt;
+  //padding-top: .6rem;
+  //padding-bottom: .6rem;
+}
+
+.overview-search-box {
+  border: 2px solid;
+  border-radius: 9999px;
+  background-color: tint($colorbarbg, 4%);
+  color: $onBackground;
+  font-size: 15pt;
+  min-height: 45px;
+  min-width: 130px;
+
+  margin: 20px 20px;
+  padding: 2px 17px;
+
+  caret-color: $onBackground;
+
+  selection {
+    background-color: rgba(154, 152, 152, 0.5);
+  }
+}
+
+.overview-search-box:focus {
+  color: $tertiary;
+}
+
+.overview-results {
+  // background-color: $surface;
+  padding: 10px 5px;
+  border-radius: 20px;
+}
+
+.overview-search-result {
+  border-radius: 9999px;
+  background-color: $onTertiary;
+  color: $onBackground;
+  font-size: 15pt;
+  min-height: 47px;
+  min-width: 400px;
+  padding: 2px 12px;
+  padding-left: 57px;
+  margin: 0px 5px;
+
+  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 60%, tint($tertiaryContainer, 10%) 60%);
+  background-size: 400% auto;
+  background-position: 40% 50%;
+
+  caret-color: transparent;
+
+  selection {
+    background-color: transparent;
+  }
+}
+
+.overview-search-result-icon {
+  background-color: $tertiaryContainer;
+  border-radius: 9999px;
+  min-height: 51px;
+  min-width: 51px;
+  // padding: 2px 12px;
+}
+
+.overview-search-result:focus {
+  color: $onTertiaryContainer;
+  // background-color: $tertiaryContainer;
+  background-position: 65% 50%;
+}
+
+.overview-search-result:active {
+  color: $onTertiaryContainer;
+  // background-color: $tertiaryContainer;
+  background-position: 100% 50%;
+}
+
+.overview-search-typetosearch-pad {
+  min-width: 160px;
+  margin: 20px 20px;
+  padding: 2px 12px;
+}
+
+.overview-search-typetosearch-text {
+  margin: 13px 13px;
+  font-size: 15pt;
+  color: #CCCCCC;
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/css/_sidebar.scss b/hybrid-vertical/.config/eww/css/_sidebar.scss
new file mode 100755
index 000000000..1667f702f
--- /dev/null
+++ b/hybrid-vertical/.config/eww/css/_sidebar.scss
@@ -0,0 +1,170 @@
+.system-menu-box {
+  @include window;
+  background-color: $colorbarbg;
+  border: 3px solid $border;
+  // color: $colortext;
+}
+
+.separator {
+  font-size: 1rem;
+}
+
+.top-row {
+  margin: 1rem 1.5rem 0;
+
+  .time {
+    font-size: 2rem;
+  }
+
+  .date-box {
+    margin: 0 1rem;
+
+    label {
+      font-size: 1.1rem;
+    }
+
+    .date {
+      background: unset;
+      margin: 0 .5rem 0 0;
+      padding: 0;
+    }
+  }
+}
+
+.system-row {
+  font-family: Rubik;
+  // margin: .5rem .7rem;
+  margin-top: 27px;
+
+  .airplane-box button {
+    padding: 1rem 3rem;
+  }
+
+  .power-box button {
+    padding-left: 30px;
+    padding-right: 30px;
+  }
+
+  label {
+    font-size: 1rem;
+  }
+}
+
+.element {
+  font-family: 'Rubik';
+  border-top-left-radius: 31px;
+  border-top-right-radius: 31px;
+  border-bottom-left-radius: 31px;
+  border-bottom-right-radius: 10px;
+  background-color: $secondaryContainer;
+  color: $onSecondaryContainer;
+  margin: .3rem;
+
+  button {
+    border-top-left-radius: 31px;
+    border-top-right-radius: 31px;
+    border-bottom-left-radius: 31px;
+    border-bottom-right-radius: 10px;
+    padding: 1rem;
+
+    label {
+      font-size: 1.5rem;
+    }
+
+    &:hover {
+      background: $overlay0;
+    }
+  }
+}
+
+.sliders {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  @include rounding;
+  background-color: $surface0;
+  margin: .5rem 1rem;
+  padding: .6rem 1rem;
+
+  scale {
+    margin-right: -1rem;
+    min-width: 25.8rem;
+  }
+
+  scale trough {
+    background-color: $bg1;
+    border-radius: 24px;
+    margin: 0 1rem;
+    min-height: 10px;
+    min-width: 70px;
+  }
+
+  box {
+    margin: .2rem 0;
+  }
+
+  label {
+    font-size: 1.2rem;
+  }
+}
+
+.sliderbg {
+  background-color: transparent;
+  padding: 0px;
+}
+
+.volume-bar highlight {
+  font-family: SF Mono Nerd Font;
+  @include rounding;
+  background: $color6;
+  // background-image: linear-gradient(to right, $tokyocyan 30%, $tokyopurple 100%);
+}
+
+.volume-slider-box scale highlight {
+  @include rounding;
+  background: $color6;
+  // background-image: linear-gradient(to right, $tokyocyan 30%, $tokyopurple 100%);
+  // border: 2px solid;
+  min-height: 0.9rem;
+}
+
+// .volume-slider-box scale {
+//   @include rounding;
+//   background-color: #1A1B26;
+//   border: 2px solid;
+// }
+
+.bottom-row {
+  margin: .5rem 1rem;
+
+  .battery-icon {
+    font-size: 2rem;
+  }
+
+  .battery-wattage {
+    color: $color7;
+  }
+
+  .battery-status {
+    color: $colortext;
+    margin: 0 .5rem;
+  }
+
+  button {
+    background-color: $surface0;
+    border-radius: 50%;
+    margin-bottom: .1rem;
+    padding: 0 .5rem;
+
+    label {
+      font-size: 1.5rem;
+    }
+
+    &:hover {
+      background: $overlay0;
+    }
+  }
+}
+
+.power-button {
+  min-height: 2.5rem;
+  // min-width: 2.5rem;
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/css/_system.scss b/hybrid-vertical/.config/eww/css/_system.scss
new file mode 100755
index 000000000..d20863b88
--- /dev/null
+++ b/hybrid-vertical/.config/eww/css/_system.scss
@@ -0,0 +1,188 @@
+.membar {
+  color: $color5;
+}
+
+.cpubar {
+  color: $color4;
+}
+
+.batbar {
+  color: $color6;
+  padding-bottom: 4px;
+}
+
+.cpubar-circle {
+  background-color: #5c5b5b;
+}
+.membar-circle {
+  background-color: #5c5b5b;
+}
+.batbar-circle {
+  background-color: #5c5b5b;
+}
+
+// .batbar-circle {
+//   color: $battcolor;
+//   padding-right: 4px;
+// }
+
+// .membar,
+// .cpubar,
+// .batbar {
+//   // background-color: transparent;
+//   padding: 0px;
+// }
+
+.membar:hover,
+.cpubar:hover,
+.batbar:hover {
+  // border-top: 2px solid;
+}
+
+.batt-percentage {
+  color: $color6;
+}
+
+.batt-low {
+  background-color: #B5E8E0;
+  color: #161320;
+  animation-name: blink;
+  animation-duration: 0.5s;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-direction: alternate;
+}
+
+.sys-menu-charge {
+  color: $colorbar;
+}
+
+.iconmem {
+  color: $color5;
+}
+
+.iconcpu {
+  color: $color4;
+}
+
+.icon-text {
+  font-size: 3rem;
+  padding: .7rem;
+}
+
+.sys-text-sub {
+  color: $onBackground;
+}
+
+.sys-text-mem,
+.sys-text-cpu {
+  font-size: 1rem;
+  font-weight: bold;
+}
+
+.sys-icon-mem,
+.sys-icon-cpu {
+  font-size: 1.5rem;
+  margin: 1.5rem;
+}
+
+.system-info-box {
+  @include rounding;
+  background-color: $surface0;
+  margin: .5rem 1rem;
+  // padding: .5rem;
+}
+
+.sys-mem,
+.sys-cpu {
+  background-color: $colorbg;
+}
+
+.sys-icon-mem,
+.sys-text-mem,
+.sys-mem {
+  color: $memcolor;
+}
+
+.sys-icon-cpu,
+.sys-text-cpu,
+.sys-cpu {
+  color: $cpucolor;
+}
+
+.sys-box {
+  margin: .3em;
+  // background-color: tint($colorbarbg, 7%);
+  // border-radius: 20px;
+  // padding: 35px;
+
+  box {
+    margin-top: 1rem;
+  }
+}
+
+.cpu-menu {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  color: $color4;
+  padding-top: 5px;
+}
+
+.mem-menu {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  color: $color5;
+  padding: 5px 0;
+}
+
+.mem-menu-left {
+  color: $color5;
+  padding-top: 5px;
+  padding-bottom: 0px;
+}
+
+.mem-menu-mid {
+  color: $color5;
+}
+
+.mem-menu-right {
+  color: $color5;
+  padding-top: 0px;
+  padding-bottom: 5px;
+}
+
+.sys-menu {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  color: $battcolor;
+}
+
+.sys-menu-button {
+  color: $colorbar;
+  padding: 16px 0;
+  background-image: url("images/LinageSettings.png");
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+// .volume-bar, .brightness-slider, .slider {
+// background-color: #16161E;
+// border: 2px solid #7C9FF5;
+// border-radius: 99px;
+// }
+
+.sys-toggle {
+  font-size: 3pt;
+}
+
+.inside-circle {
+  min-height: 27px;
+  min-width: 27px;
+}
+
+.sys-circle-inner {
+  font-size: 15pt;
+  padding: 5px;
+}
+
+.sys-batt-charge-box {
+  margin: 5px 0;
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/css/_taskbar.scss b/hybrid-vertical/.config/eww/css/_taskbar.scss
new file mode 100644
index 000000000..6387da2fa
--- /dev/null
+++ b/hybrid-vertical/.config/eww/css/_taskbar.scss
@@ -0,0 +1,87 @@
+.taskbaricon {
+  background-size: 60%;
+  background-position: center;
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.taskbaricon-false {
+  background-size: 70%;
+  background-position: center;
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.taskbaricon-true {
+  background-size: 70%;
+  background-position: center;
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.taskbar-indicator-true {
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+  margin-bottom: 4px;
+  margin-top: 43px;
+  margin-left: 16px;
+  margin-right: 16px;
+  background-color: $primary;
+}
+
+.taskbar-indicator-false {
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+  margin-bottom: 4px;
+  margin-top: 43px;
+  margin-left: 22px;
+  margin-right: 22px;
+  background-color: #9C98A3;
+}
+
+.taskbar-button-only {
+  :first-child {
+    :first-child {
+      border-radius: 6px;
+      border: 1px solid transparent;
+      border-top: 1px solid transparent;
+    }
+  }
+}
+
+.taskbar-button-only:hover {
+  :first-child {
+    :first-child {
+      background-color: shade($overlay0, 2%);
+      border: 1px solid $overlayedge;
+      border-top: 1px solid tint($overlayedge, 5%);
+    }
+  }
+}
+
+.taskbar-button-only:active {
+  :first-child {
+    :first-child {
+      background-color: tint($overlay0, 8%);
+      border: 1px solid tint($overlayedge, 10%);
+      border-top: 1px solid tint($overlayedge, 15%);
+    }
+  }
+}
+
+.taskbar-button-pad {
+  padding: 3px;
+  // min-width: 42px;
+  min-height: 42px;
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/css/_themer.scss b/hybrid-vertical/.config/eww/css/_themer.scss
new file mode 100755
index 000000000..b2aafc963
--- /dev/null
+++ b/hybrid-vertical/.config/eww/css/_themer.scss
@@ -0,0 +1,205 @@
+.themer-button {
+    min-height: 53px;
+    min-width: 53px;
+    color: $colortext;
+    font-family: Material Symbols Rounded;
+    // background-image: url('images/svg/beatmappacks.svg');
+    // background-size: auto 65%;
+    // background-position: center;
+}
+
+
+.themer-button-false {
+    min-height: 53px;
+    min-width: 53px;
+    color: $colortext;
+    font-family: Material Symbols Rounded;
+    // background-image: url('images/svg/beatmappacks.svg');
+    // background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
+    // background-size: 400% auto;
+    // background-position: 90% 50%;
+}
+
+.themer-button-true {
+    min-height: 53px;
+    min-width: 53px;
+    color: $colortext;
+    font-family: Material Symbols Rounded;
+    background-color: $overlay0;
+    // background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
+    // background-size: 400% auto;
+    // background-position: 90% 50%;
+}
+
+.themer-action-button {
+    @include rounding;
+    min-height: 53px;
+    min-width: 53px;
+    color: $colortext;
+    font-family: Material Symbols Rounded;
+}
+
+.themer-action-button:hover {
+    background-color: $overlay0;
+}
+
+.themer-action-button:active {
+    background-color: $overlay0;
+}
+
+.themer-action-button:focus {
+    border: 2px solid $overlay0;
+}
+
+.themer-menu-box {
+    @include window;
+    @include rounding;
+    border-radius: 15px;
+    background-color: shade($colorbarbg, 4%);
+    margin: 14px;
+    transition: 250ms cubic-bezier(0.05, 0.7, 0.1, 1);
+    // box-shadow: 2px 2px 6px #16161E;
+}
+
+.themer-title {
+    font-family: 'Rubik', 'Material Symbols Rounded';
+    font-size: 15pt;
+    padding: .6rem;
+    color: $colortext;
+    font-size: 14pt;
+}
+
+.themer-prompt {
+    color: $colortext;
+    font-family: 'Rubik', 'Material Symbols Rounded';
+    font-size: 12pt;
+    padding: .6rem;
+}
+
+.themer-input {
+    font-family: 'Rubik', 'Material Symbols Rounded';
+    // background-color: $surface0;
+    background-color: tint($colorbarbg, 4%);
+    color: $colortext;
+    border-radius: 10px;
+    padding: 7px;
+    margin-top: 2px;
+    margin-bottom: 2px;
+    border: 2px solid $overlay0;
+    caret-color: $colortext;
+
+    selection {
+        background-color: rgba(154, 152, 152, 0.5);
+    }
+}
+
+.themer-input:focus {
+    border: 2px solid $colortext;
+}
+
+.themer-color-preview-section {
+    @include rounding;
+}
+
+.themer-color-preview {
+    min-height: 25px;
+    min-width: 25px;
+    border-radius: 5px;
+    border-width: 55px;
+}
+
+.preview-0 {
+    background-color: $color0;
+}
+
+.preview-1 {
+    background-color: $color1;
+}
+
+.preview-2 {
+    background-color: $color2;
+}
+
+.preview-3 {
+    background-color: $color3;
+}
+
+.preview-4 {
+    background-color: $color4;
+}
+
+.preview-5 {
+    background-color: $color5;
+}
+
+.preview-6 {
+    background-color: $color6;
+}
+
+.preview-7 {
+    background-color: $color7;
+}
+
+.preview-primary {
+    background-color: $primary;
+}
+
+.preview-onPrimary {
+    background-color: $onPrimary;
+}
+
+.preview-primaryContainer {
+    background-color: $primaryContainer;
+}
+
+.preview-onPrimaryContainer {
+    background-color: $onPrimaryContainer;
+}
+
+.preview-secondary {
+    background-color: $secondary;
+}
+
+.preview-onSecondary {
+    background-color: $onSecondary;
+}
+
+.preview-secondaryContainer {
+    background-color: $secondaryContainer;
+}
+
+.preview-onSecondaryContainer {
+    background-color: $onSecondaryContainer;
+}
+
+.preview-tertiary {
+    background-color: $tertiary;
+}
+
+.preview-onTertiary {
+    background-color: $onTertiary;
+}
+
+.preview-tertiaryContainer {
+    background-color: $tertiaryContainer;
+}
+
+.preview-onTertiaryContainer {
+    background-color: $onTertiaryContainer;
+}
+
+.preview-background {
+    background-color: $colorbarbg;
+}
+
+.preview-onBackground {
+    background-color: $onBackground;
+}
+
+.preview-surface {
+    background-color: $surface;
+}
+
+.preview-onSurface {
+    background-color: $onSurface;
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/css/_volume.scss b/hybrid-vertical/.config/eww/css/_volume.scss
new file mode 100755
index 000000000..fd7acf507
--- /dev/null
+++ b/hybrid-vertical/.config/eww/css/_volume.scss
@@ -0,0 +1,29 @@
+.vol-icon {
+  color: $color6;
+  padding-right: 2px;
+}
+
+// .vol-icon {
+//   color: $tokyocyan;
+//   padding-right: 2px;
+// }
+
+.volbar highlight {
+  background-image: linear-gradient(to right, $teal 30%, $sky 100%);
+  border-radius: 10px;
+}
+
+
+.vol-menu {
+  font-size: 1pt;
+  color: $color6;
+  padding-right: 2px;
+  padding-top: 4px;
+}
+
+.vol-menu:hover {
+  border-top: 2px solid;
+}
+.vol-icon:hover {
+  border-top: 2px solid;
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/css/_winctl.scss b/hybrid-vertical/.config/eww/css/_winctl.scss
new file mode 100755
index 000000000..12c27eb36
--- /dev/null
+++ b/hybrid-vertical/.config/eww/css/_winctl.scss
@@ -0,0 +1,55 @@
+.winctl {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  padding-left: 3px;
+  padding-right: 3px;
+  color: $color0;
+  padding-top: 4px;
+}
+
+.winctl:hover {
+  border-top: 2px solid;
+}
+
+.winws {
+  @include rounding;
+  background-color: $surface0;
+  margin: .4rem .8rem;
+  padding: .3rem .5rem;
+  min-width: 31rem;
+}
+
+.winws-title {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  font-weight: bold;
+  font-size: 15pt;
+  padding-top: .6rem;
+  padding-bottom: .6rem;
+}
+
+.wintext {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  font-size: 13pt;
+}
+.winsubtext {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  font-size: 10pt;
+}
+
+.winws-workspace {
+  padding: 0px;
+  margin: 0px;
+}
+
+.appicon {
+  background-size: 90%;
+  background-repeat: no-repeat;
+  background-position: center;
+  padding-left: 22px;
+  padding-right: 22px;
+  margin-right: 10px;
+}
+
+.wschoose {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  font-size: 14pt;
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/css/_winstuff.scss b/hybrid-vertical/.config/eww/css/_winstuff.scss
new file mode 100644
index 000000000..6a55aeb7c
--- /dev/null
+++ b/hybrid-vertical/.config/eww/css/_winstuff.scss
@@ -0,0 +1,1584 @@
+.winwin {
+  background: rgba(40, 40, 40, 0.6);
+  border-radius: 12px;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-top: 1px solid rgba(64, 64, 64, 0.5);
+  margin: 12px;
+}
+
+.winwin-center {
+  background: rgba(40, 40, 40, 0.6);
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-bottom: 0px solid transparent;
+  border-top: 1px solid rgba(30, 30, 30, 0.5);
+  margin: 0px 12px;
+}
+
+.winwin-center-noseparator {
+  background: rgba(40, 40, 40, 0.6);
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-bottom: 0px solid transparent;
+  border-top: 0px solid transparent;
+  margin: 0px 12px;
+}
+
+.winwin-topbar {
+  background: rgba(28, 28, 28, 0.6);
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-bottom: 0px solid transparent;
+  margin: 12px;
+  margin-bottom: 0px;
+}
+
+.winwin-top {
+  transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  background: rgba(40, 40, 40, 0.6);
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-top: 1px solid rgba(64, 64, 64, 0.5);
+  border-bottom: 0px solid transparent;
+  margin: 12px;
+  margin-bottom: 0px;
+}
+
+.winwin-bottom {
+  background: rgba(28, 28, 28, 0.6);
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-top: 1px solid rgba(30, 30, 30, 0.5);
+  margin: 12px;
+  margin-top: 0px;
+}
+
+.winwin-bottom-light {
+  transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  background: rgba(40, 40, 40, 0.6);
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-top: 0px solid transparent;
+  margin: 12px;
+  margin-top: 0px;
+}
+
+.winwin-bottom-pad {
+  padding: 6px 12px;
+}
+
+.winstart-bottom-pad {
+  padding: 0px 43px;
+}
+
+.winbar-bg {
+  background: rgba(30, 30, 30, 0.25);
+  background-image: url('images/textures/acrylic.png');
+  background-blend-mode: luminosity;
+
+  min-height: 50px;
+  border-top: 1px solid rgba(64, 64, 64, 0.8);
+  animation-name: flyin-bottom;
+  animation-duration: 350ms;
+  animation-timing-function: cubic-bezier(0.05, 0.7, 0.1, 1);
+  animation-iteration-count: 1;
+}
+
+.winbutton-pad {
+  padding: 3px;
+  // min-width: 42px;
+  min-height: 42px;
+}
+
+.winbutton-only {
+  :first-child {
+    :first-child {
+      border-radius: 6px;
+      border: 1px solid transparent;
+      border-top: 1px solid transparent;
+    }
+  }
+}
+
+.winbutton-only:hover {
+  :first-child {
+    :first-child {
+      background-color: shade($overlay0, 2%);
+      border: 1px solid $overlayedge;
+      border-top: 1px solid tint($overlayedge, 5%);
+    }
+  }
+}
+
+.winbutton-only:active {
+  :first-child {
+    :first-child {
+      background-color: tint($overlay0, 8%);
+      border: 1px solid tint($overlayedge, 10%);
+      border-top: 1px solid tint($overlayedge, 15%);
+    }
+  }
+}
+
+.winnotif-text {
+  background-color: transparent;
+  font-size: 12pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  margin: 1px;
+}
+
+.winnotif-bodytext {
+  color: #CDCDCD;
+}
+
+.winbartext {
+  background-color: transparent;
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+}
+
+.wintoggle-text {
+  background-color: transparent;
+  font-size: 10pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+}
+
+.winstarticon-true {
+  background-size: 60%;
+  background-position: center;
+  background-image: url('images/icons/win.png');
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.winstarticon-false {
+  background-size: 60%;
+  background-position: center;
+  background-image: url('images/icons/win-inactive.png');
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.winnewsicon {
+  background-size: 60%;
+  background-position: center;
+  // background-image: url('images/icons/winnews.png');
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.thewinbutton:active {
+  :first-child {
+    :first-child {
+      background-size: 50%;
+      background-image: url('images/icons/win-clicked.png');
+    }
+  }
+}
+
+.wintaskbaricon {
+  background-size: 60%;
+  background-position: center;
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.wintaskbaricon-false {
+  background-size: 70%;
+  background-position: center;
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.wintaskbaricon-true {
+  background-size: 70%;
+  background-position: center;
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.wintaskbar-indicator-true {
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+  margin-bottom: 4px;
+  margin-top: 43px;
+  margin-left: 16px;
+  margin-right: 16px;
+  background-color: $primary;
+}
+
+.wintaskbar-indicator-false {
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+  margin-bottom: 4px;
+  margin-top: 43px;
+  margin-left: 22px;
+  margin-right: 22px;
+  background-color: #9C98A3;
+}
+
+.winbutton-only:active {
+  :first-child {
+    :first-child {
+      background-size: 50%;
+    }
+  }
+}
+
+.wintimedate {
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+  padding: 0 10px;
+}
+
+.winbutton-true {
+  background-color: shade($overlay0, 2%);
+  border: 1px solid $overlayedge;
+  border-top: 1px solid tint($overlayedge, 5%);
+}
+
+.winicon {
+  background-position: center;
+  min-height: 42px;
+  min-width: 30px;
+}
+
+.winwifi {
+  background-image: url('images/svg/dark/wifi.svg');
+}
+
+.winwifi1 {
+  background-image: url('images/svg/dark/wifi1.svg');
+}
+
+.winwifi2 {
+  background-image: url('images/svg/dark/wifi2.svg');
+}
+
+.winwifi3 {
+  background-image: url('images/svg/dark/wifi3.svg');
+}
+
+.winwifi4 {
+  background-image: url('images/svg/dark/wifi4.svg');
+}
+
+.winwifi-activated {
+  background-image: url('images/svg/light/wifi.svg');
+}
+
+.winwifi1-activated {
+  background-image: url('images/svg/light/wifi1.svg');
+}
+
+.winwifi2-activated {
+  background-image: url('images/svg/light/wifi2.svg');
+}
+
+.winwifi3-activated {
+  background-image: url('images/svg/light/wifi3.svg');
+}
+
+.winwifi4-activated {
+  background-image: url('images/svg/light/wifi4.svg');
+}
+
+.winbat0 {
+  background-image: url('images/svg/dark/bat0.svg');
+}
+
+.winbat1 {
+  background-image: url('images/svg/dark/bat1.svg');
+}
+
+.winbat2 {
+  background-image: url('images/svg/dark/bat2.svg');
+}
+
+.winbat3 {
+  background-image: url('images/svg/dark/bat3.svg');
+}
+
+.winbat4 {
+  background-image: url('images/svg/dark/bat4.svg');
+}
+
+.winbat5 {
+  background-image: url('images/svg/dark/bat5.svg');
+}
+
+.winbat6 {
+  background-image: url('images/svg/dark/bat6.svg');
+}
+
+.winbat7 {
+  background-image: url('images/svg/dark/bat7.svg');
+}
+
+.winbat8 {
+  background-image: url('images/svg/dark/bat8.svg');
+}
+
+.winbat9 {
+  background-image: url('images/svg/dark/bat9.svg');
+}
+
+.winbat10 {
+  background-image: url('images/svg/dark/bat10.svg');
+}
+
+.winbatcharge {
+  background-image: url('images/svg/dark/batcharge.svg');
+}
+
+.winvol0 {
+  background-image: url('images/svg/dark/vol0.svg');
+}
+
+.winvol1 {
+  background-image: url('images/svg/dark/vol1.svg');
+}
+
+.winvol2 {
+  background-image: url('images/svg/dark/vol2.svg');
+}
+
+.winvol3 {
+  background-image: url('images/svg/dark/vol3.svg');
+}
+
+.winvolmute {
+  background-image: url('images/svg/dark/volmute.svg');
+}
+
+.winbrightness {
+  background-image: url('images/svg/dark/brightness.svg');
+}
+
+.winbluetooth {
+  background-image: url('images/svg/dark/bluetooth.svg');
+}
+
+.winbluetooth-false {
+  background-image: url('images/svg/dark/bluetoothfalse.svg');
+}
+
+.winbluetooth-true {
+  background-image: url('images/svg/light/bluetoothtrue.svg');
+}
+
+.winbluetooth {
+  background-image: url('images/svg/light/bluetooth.svg');
+}
+
+.winbluetooth-false {
+  background-image: url('images/svg/dark/bluetoothfalse.svg');
+}
+
+.winbluetooth-true {
+  background-image: url('images/svg/dark/bluetoothtrue.svg');
+}
+
+.winactions-airplane {
+  background-image: url('images/svg/dark/airplane.svg');
+}
+
+.winactions-nightlight-activated {
+  background-image: url('images/svg/light/night.svg');
+}
+
+.winactions-nightlight {
+  background-image: url('images/svg/dark/brightness.svg');
+}
+
+.wincog {
+  background-image: url('images/svg/dark/cog.svg');
+}
+
+.winbell {
+  background-image: url('images/svg/dark/notif.svg');
+}
+
+.winreset {
+  background-image: url('images/svg/dark/reset.svg');
+}
+
+.winnotifsnooze {
+  background-image: url('images/svg/dark/notifsnooze.svg');
+}
+
+.winapp {
+  background-image: url('images/svg/dark/app.svg');
+}
+
+.wincaretup {
+  background-image: url('images/svg/dark/caretup.svg');
+}
+
+.wincaretdown {
+  background-image: url('images/svg/dark/caretdown.svg');
+}
+
+.winsearch-icon {
+  background-image: url('images/svg/dark/search-fluent.svg');
+}
+
+.winstart-search-searchbox-icon {
+  background-size: 100%;
+  background-position: center;
+  min-height: 21px;
+  min-width: 21px;
+  margin-left: 4px;
+  margin-right: 10px;
+}
+
+.winactions-togglerow {
+  margin: 12px;
+  margin-bottom: 0px;
+}
+
+.winactions-sliderrow {
+  margin: 0 12px;
+}
+
+.winactions-toggle {
+  background-color: shade($overlay0, 2%);
+  border-radius: 6px;
+  border: 1px solid $overlayedge;
+  border-top: 1px solid tint($overlayedge, 5%);
+  margin: 12px;
+  min-height: 50px;
+  min-width: 98px;
+}
+
+.winactions-toggle-true {
+  background-color: $primary;
+}
+
+.winactions-toggle-icon {
+  min-width: 21px;
+  min-height: 21px;
+  background-position: center;
+  background-repeat: no-repeat;
+  // background-size: auto 45%;
+}
+
+.winactions-toggle-icon:hover {
+  background-color: $hover0;
+}
+
+.winactions-toggle-icon:active {
+  background-color: tint($hover0, 10%);
+}
+
+.winactions-toggle-icon-center {
+  border-radius: 6px;
+}
+
+.winactions-toggle-icon-left {
+  min-width: 21px;
+  min-height: 21px;
+  background-position: center;
+  background-repeat: no-repeat;
+  // background-size: auto 45%;
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+  border-right: 1px solid tint($overlayedge, 5%);
+}
+
+.winactions-toggle-icon-right {
+  min-width: 21px;
+  min-height: 21px;
+  background-position: center;
+  background-repeat: no-repeat;
+  // background-size: auto 45%;
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+  border-right: 1px solid tint($overlayedge, 5%);
+}
+
+.winactions-toggle-icon-left:hover {
+  background-color: $hover0;
+}
+
+.winactions-toggle-icon-right:hover {
+  background-color: $hover0;
+}
+
+.winactions-toggle-icon-left:active {
+  background-color: tint($hover0, 10%);
+}
+
+.winactions-toggle-icon-right:active {
+  background-color: tint($hover0, 10%)
+}
+
+.winactions-toggle-arrow {
+  background-image: url('images/svg/dark/rightarrow.svg');
+  background-position: center;
+  background-repeat: no-repeat;
+  // background-size: 40%;
+}
+
+.winactions-toggle-arrow-activated {
+  background-image: url('images/svg/light/rightarrow.svg');
+  background-position: center;
+  background-repeat: no-repeat;
+  // background-size: 40%;
+}
+
+.winactions-element {
+  margin: 12px;
+}
+
+.winslider {
+  border-radius: 9999px;
+  transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+
+  trough {
+    border-radius: 9999px;
+    background-color: #A69999;
+    min-height: 4px;
+    transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  }
+
+  highlight {
+    border-radius: 9999px;
+    background-color: $primary;
+    background-image: linear-gradient(45deg, $primary 0%, $primary 100%);
+    transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  }
+
+  slider {
+    border-radius: 9999px;
+    border: 5px solid #454545;
+    min-height: 11px;
+    min-width: 11px;
+    background-color: $primary;
+    margin: -8px;
+    transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  }
+
+  slider:hover {
+    border-radius: 9999px;
+    border: 4px solid #454545;
+    min-height: 13px;
+    min-width: 13px;
+    background-color: $primary;
+    margin: -8px;
+  }
+
+  slider:active {
+    border-radius: 9999px;
+    border: 6px solid #454545;
+    min-height: 9px;
+    min-width: 9px;
+    background-color: $primary;
+    margin: -8px;
+  }
+
+  // slider:focus {
+  //     background-color: $primary;
+  // }
+}
+
+.winslider-winactions {
+  margin: 0 9px;
+
+  trough {
+    min-width: 287px;
+  }
+}
+
+.winnotif-badge {
+  border-radius: 9999px;
+  min-width: 20px;
+  min-height: 20px;
+  background-color: $primary;
+  color: #000000;
+  margin-left: 10px;
+}
+
+.winnotif-notif {
+  background-color: rgba(75, 75, 75, 0.25);
+  border-radius: 6px;
+  border: 1px solid rgba(30, 30, 30, 0.5);
+  margin: 4px;
+  padding: 13px;
+}
+
+.winnotif-notif-icon {
+  background-position: center center;
+  min-height: 20px;
+  min-width: 20px;
+  margin: 8px;
+}
+
+.winnotif-appname {
+  margin: 8px;
+  background-color: transparent;
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+}
+
+.winnotif-title {
+  margin: 17px;
+}
+
+.winnotif-button {
+  background-size: 50% auto;
+  background-color: rgba(75, 75, 75, 0.25);
+  background-position: center;
+  border-radius: 6px;
+  border: 1px solid $overlayedge;
+  border-top: 1px solid tint($overlayedge, 5%);
+  margin: 12px 3px;
+  padding: 6px;
+  min-width: 20px;
+  min-height: 20px;
+}
+
+.winnotif-button:hover {
+  background-color: rgba(95, 95, 95, 0.4);
+}
+
+.winnotif-button:active {
+  background-color: tint(rgba(95, 95, 95, 0.4), 20%);
+}
+
+.wincalendar-title {
+  border-radius: 9999px;
+  font-size: 12pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  margin: 1px;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.wincalendar-button {
+  border-radius: 9999px;
+  font-size: 12pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  margin: 1px;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.wincalendar-text {
+  border-radius: 9999px;
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.day-1 {
+  background-color: transparent;
+  color: #7C7C7C;
+}
+
+.day0 {
+  background-color: transparent;
+  color: white;
+}
+
+.day-1:hover {
+  background-color: rgba(75, 75, 75, 0.5);
+}
+
+.day0:hover {
+  background-color: rgba(75, 75, 75, 0.5);
+}
+
+.day-1:active {
+  background-color: tint(rgba(75, 75, 75, 0.5), 10%);
+}
+
+.day0:active {
+  background-color: tint(rgba(75, 75, 75, 0.5), 10%);
+}
+
+.day1 {
+  background-color: $primary;
+  color: #000000;
+}
+
+.day1:hover {
+  background-color: tint($primary, 10%);
+}
+
+.day1:active {
+  background-color: tint($primary, 20%);
+}
+
+.winarrow-up {
+  background-image: url('images/svg/dark/uparrow.svg');
+}
+
+.winarrow-down {
+  background-image: url('images/svg/dark/downarrow.svg');
+}
+
+.winactions-bottom-button {
+  background-color: transparent;
+  border-radius: 6px;
+  // border: 1px solid transparent;
+  // border-top: 1px solid transparent;
+  min-width: 42px;
+  min-height: 42px;
+}
+
+.winactions-bottom-button:hover {
+  background-color: rgba(75, 75, 75, 0.5);
+}
+
+.winactions-bottom-button:active {
+  background-color: tint(rgba(75, 75, 75, 0.5), 10%);
+}
+
+.winnotif-calendar {
+  background: rgba(40, 40, 40, 0.6);
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-bottom: 0px solid transparent;
+  border-top: 1px solid rgba(30, 30, 30, 0.5);
+  margin: 0px 12px;
+}
+
+.winnotif-monthbutton {
+  // background-size: 80% auto;
+  background-color: transparent;
+  background-position: center;
+  border-radius: 6px;
+  margin: 12px 3px;
+  padding: 6px;
+  min-width: 20px;
+  min-height: 20px;
+}
+
+.winnotif-monthbutton:hover {
+  background-color: rgba(95, 95, 95, 0.4);
+}
+
+.winnotif-monthbutton:active {
+  background-color: tint(rgba(95, 95, 95, 0.4), 10%);
+}
+
+.winstart-search-contents {
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  background-color: transparent;
+  border-radius: 6px;
+  border: 0px solid transparent;
+  padding: 11px;
+  margin: 34px;
+  margin-left: 69px;
+
+  selection {
+    background-color: tint($primary, 50%);
+    color: #1e1e1e;
+  }
+}
+
+.winstart-search-accent {
+  min-height: 2px;
+  background-color: $primary;
+  border-bottom-left-radius: 99px;
+  border-bottom-right-radius: 99px;
+  margin: 34px 36px;
+  margin-bottom: 34px;
+}
+
+.winstart-search-prompt {
+  background-color: rgba(34, 32, 39, 0.5);
+  border-radius: 6px;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  padding: 11px;
+  margin: 34px;
+}
+
+.winstart-search-prompt-text {
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  color: #CCCCCC;
+}
+
+.winstart-button-allapps {
+  background-color: rgba(75, 75, 75, 0.25);
+  border-radius: 6px;
+  border: 1px solid $overlayedge;
+  border-top: 1px solid tint($overlayedge, 5%);
+  padding: 6px;
+  min-width: 20px;
+  min-height: 20px;
+}
+
+.winstart-button-allapps:hover {
+  background-color: rgba(95, 95, 95, 0.4);
+}
+
+.winstart-button-allapps:active {
+  background-color: tint(rgba(95, 95, 95, 0.4), 20%);
+}
+
+.winstart-allapps-arrow {
+  background-image: url('images/svg/dark/rightarrow.svg');
+  background-position: center;
+  background-repeat: no-repeat;
+  min-width: 15px;
+  min-width: 15px;
+  margin-left: 8px;
+  background-size: 90%;
+}
+
+.winstart-allapps-icon {
+  font-family: 'Material Symbols Rounded';
+  font-size: 13pt;
+  font-weight: 300;
+}
+
+.winstart-section {
+  background-color: transparent;
+  font-size: 11.4pt;
+  font-family: 'Cantarell';
+  font-weight: 700;
+}
+
+.winstart-pinnedapps {
+  margin: 12px 34px;
+}
+
+.winsearch-section-box {
+  margin: 0 72px;
+  margin-bottom: 12px;
+}
+
+.winstart-pinnedapps-entry-pad {
+  padding-top: 11px;
+}
+
+.winstart-pinnedapps-entry {
+  min-width: 101px;
+  min-height: 88px;
+  border-radius: 6px;
+}
+
+.winstart-pinnedapps-entry:hover {
+  background-color: rgba(49, 49, 49, 0.45);
+}
+
+.winstart-pinnedapps-icon {
+  min-width: 33px;
+  min-height: 33px;
+}
+
+.winstart-recommended {
+  margin: 0px 60px;
+  margin-bottom: 33px;
+}
+
+.winstart-recommended-entry {
+  // min-width: 285.67px;
+  min-height: 59px;
+  border-radius: 6px;
+}
+
+.winstart-recommended-entry:hover {
+  background-color: rgba(49, 49, 49, 0.45);
+}
+
+.winstart-recommended-entry-pad {
+  min-width: 266.67px;
+  min-height: 59px;
+  border-radius: 6px;
+}
+
+.winstart-recommended-icon {
+  min-width: 33px;
+  min-height: 33px;
+  margin: 13px;
+}
+
+.winstart-recommended-text {
+  margin: 13px 0px;
+}
+
+.winstart-recommended-name {
+  color: white;
+}
+
+.winstart-recommended-subtext {
+  color: #C1C1C1;
+}
+
+.winstart-user {
+  border-radius: 6px;
+  padding: 5px 16px;
+  margin: 14px;
+}
+
+.winstart-user:hover {
+  background-color: rgba(49, 49, 49, 0.7);
+}
+
+.winstart-user-icon {
+  min-width: 33px;
+  min-height: 33px;
+  border-radius: 9999px;
+  background: white;
+  background-image: url('images/svg/light/user.svg');
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+.winstart-power-icon {
+  background-size: 53%;
+  // background-image: url('images/svg/dark/power.svg');
+  background-position: center;
+  background-repeat: no-repeat;
+  min-width: 43px;
+  min-height: 43px;
+  border-radius: 6px;
+  margin: 14px;
+}
+
+.winstart-power-icon-true {
+  background-color: rgba(49, 49, 49, 0.7);
+}
+
+.winstart-power-icon:hover {
+  background-color: rgba(49, 49, 49, 0.7);
+}
+
+.winstart-allapps-box {
+  padding: 0 55px;
+}
+
+.winstart-allapps-app-pad {
+  padding-top: 11px;
+}
+
+.winstart-allapps-app {
+  border-radius: 6px;
+  min-height: 42px;
+  min-width: 564px;
+}
+
+.winstart-allapps-app:hover {
+  background-color: rgba(49, 49, 49, 0.45);
+}
+
+.winstart-allapps-app-icon {
+  margin: 8px;
+}
+
+.winstart-allapps-appname {
+  margin-left: 15px;
+}
+
+.winsearch-pad {
+  margin-left: 34px;
+  margin-right: 34px;
+}
+
+.winsearch-actions-box {
+  background-color: rgba(73, 73, 73, 0.25);
+  border-radius: 12px;
+}
+
+.winsearch-tag-strip {
+  min-height: 34px;
+  margin: 0 34px;
+  margin-bottom: 3px;
+}
+
+.winsearch-tag {
+  background-color: rgba(73, 73, 73, 0.25);
+  border-radius: 9999px;
+  padding: 10px 15px;
+  margin: 0 3px;
+}
+
+.winsearch-tag-false {
+  background-color: rgba(73, 73, 73, 0.25);
+  border-radius: 9999px;
+  padding: 10px 15px;
+  margin: 0 3px;
+}
+
+.winsearch-tag-true {
+  background-color: $primary;
+  color: $onPrimary;
+  border-radius: 9999px;
+  padding: 10px 15px;
+  margin: 0 3px;
+}
+
+.winsearch-result {
+  border-radius: 6px;
+  margin: 2px;
+  min-height: 42px;
+  padding: 0 12px;
+  padding-left: 57px;
+  caret-color: transparent;
+
+  border-left: 3px solid transparent;
+  // border-top: 2px solid transparent;
+  // border-bottom: 2px solid transparent;
+
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+
+  selection {
+    background-color: transparent;
+  }
+
+  background-position: -0.5% center;
+  background-size: auto 65%;
+  background-image: url('images/svg/linetransparent.svg');
+}
+
+.winsearch-result:focus {
+  background-color: rgba(73, 73, 73, 0.25);
+  background-position: -0.5% center;
+  background-size: auto 65%;
+  background-image: url('images/svg/linevertical.svg');
+
+  // border-left: 3px solid $primary;
+  // border-top: 2px solid transparent;
+  // border-bottom: 2px solid transparent;
+}
+
+.winsearch-result-icon {
+  margin-left: 13px;
+}
+
+.winsearch-result-icon-big {
+  margin-top: 34px;
+  margin-bottom: 14px;
+}
+
+.winsearch-section {
+  min-height: 38px;
+  margin-left: 13px;
+}
+
+.winsearch-result-actions-title {
+  font-size: 13pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  color: white;
+}
+
+.winsearch-result-actions-subtext {
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  color: #8E8D8F;
+  margin-bottom: 8px;
+}
+
+.winsearch-separator {
+  min-height: 3px;
+  background-color: rgba(73, 73, 73, 0.25);
+  border: 1px rgba(73, 73, 73, 0.4);
+  margin: 21px 17px;
+}
+
+.winsearch-actions-icon {
+  margin-left: 13px;
+}
+
+.winsearch-actions-button {
+  border-radius: 6px;
+  min-height: 34px;
+  margin: 0 17px;
+}
+
+.winsearch-actions-button:hover {
+  background-color: rgba(108, 108, 108, 0.25);
+}
+
+.winsearch-actions-button:focus {
+  background-color: rgba(108, 108, 108, 0.25);
+}
+
+.winsearch-actions-button:active {
+  background-color: tint(rgba(108, 108, 108, 0.25), 5%);
+}
+
+.winosd-window {
+  margin: 5px;
+  border-radius: 12px;
+  min-width: 10px;
+  min-height: 40px;
+}
+
+.winosd-var-shape {
+  padding: 7px;
+  min-width: 100px;
+  min-height: 37px;
+  border-radius: 12px;
+  margin: 12px;
+}
+
+.winosd-var {
+  padding: 7px;
+  min-width: 100px;
+  min-height: 37px;
+  background: rgba(45, 46, 48, 0.8);
+  background-image: url('images/textures/acrylic.png');
+  border-radius: 15px;
+  // border: 1px solid rgba(60, 60, 60, 0.4);
+  // border-top: 1px solid rgba(64, 64, 64, 0.5);
+  border: 1px solid rgba(34, 35, 38, 0.5);
+  margin: 14px;
+}
+
+.winslider-osd {
+  border-radius: 9999px;
+  margin: 0 9px;
+  transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+
+  trough {
+    border-radius: 9999px;
+    background-color: #A69999;
+    min-height: 4px;
+    min-width: 116px;
+    transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  }
+
+  highlight {
+    border-radius: 9999px;
+    background-color: $primary;
+    background-image: linear-gradient(45deg, $primary 0%, $primary 100%);
+    transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  }
+}
+
+.win-segoeicon {
+  font-family: 'Segoe Fluent Icons';
+  font-weight: bold;
+}
+
+.winpower-window {
+  padding: 5px;
+}
+
+.winpower-buttonicon {
+  padding: 10px;
+  min-width: 20px;
+  min-height: 20px;
+}
+
+.winpower-button {
+  background-color: transparent;
+  border-radius: 6px;
+  // border: 1px solid transparent;
+  // border-top: 1px solid transparent;
+  min-width: 42px;
+  min-height: 42px;
+  // margin: 0 5px;
+}
+
+.winpower-button:hover {
+  background-color: rgba(75, 75, 75, 0.5);
+}
+
+.winpower-button:active {
+  background-color: tint(rgba(75, 75, 75, 0.5), 10%);
+}
+
+.wingamebar-overlay {
+  // background-color: rgba(25, 25, 25, 0.1);
+}
+
+.wingamebar-window {
+  background: #252525;
+  border-radius: 10px;
+  border: 1px solid $overlay0;
+  transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
+}
+
+.wingamebar-titlebar {
+  background: #1C1C1C;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+  border: 2px $overlay0;
+  padding: 10px;
+}
+
+.wingamebar-icon {
+  font-family: 'Segoe Fluent Icons';
+  font-size: 10pt;
+  font-weight: bold;
+}
+
+.wingamebar-text {
+  font-family: 'Bahnschrift';
+  font-size: 12pt;
+  font-weight: 500;
+}
+
+.wingamebar-text-small {
+  font-size: 10pt;
+}
+
+.wingamebar-text-clock {
+  font-size: 17pt;
+  margin: 17px;
+}
+
+.wingamebar-text-bigmetric {
+  font-size: 25pt;
+}
+
+.wingamebar-content {
+  padding: 8px 17px;
+}
+
+.wingamebar-capture {
+  padding: 17px;
+}
+
+.wingamebar-capture-button {
+  min-width: 59px;
+  min-height: 59px;
+  background: #3A3A3A;
+  border-radius: 9999px;
+}
+
+.wingamebar-capture-button-unavailable {
+  min-width: 59px;
+  min-height: 59px;
+  background: #282828;
+  border-radius: 9999px;
+}
+
+.wingamebar-subtext {
+  color: #A8A8A8;
+}
+
+.wingamebar-capture-bottom {
+  border-top: 1px solid #373737;
+  padding: 8px 17px;
+  color: #DEDEDE;
+}
+
+.wingamebar-button-pad:hover {
+  :first-child {
+    background-color: $overlay0;
+  }
+}
+
+.wingamebar-button:hover {
+  background-color: $overlay0;
+}
+
+.wingamebar-capture-bottom {
+  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 8px;
+}
+
+.wingamebar-navbar {
+  min-height: 35px;
+  border-bottom: 2px solid #333333;
+  padding: 0 17px;
+}
+
+.wingamebar-navbar-button {
+  min-height: 35px;
+  min-width: 75px;
+  margin-bottom: -2px;
+  background-image: url('images/svg/dark/linehorizontal.svg');
+  background-position: bottom;
+  background-size: 100% auto;
+}
+
+.wingamebar-audio-sys {
+  padding: 17px;
+  border-bottom: 2px solid #333333;
+}
+
+.winslider-gamebar-sys {
+  margin: 0 5px;
+
+  trough {
+    min-width: 260px;
+  }
+}
+
+.winslider-gamebar-app {
+
+  // margin: 0 5px;
+  trough {
+    min-width: 205px;
+    margin: 0 3px;
+  }
+}
+
+.wingamebar-audio-appicon {
+  margin-left: 17px;
+  margin-bottom: 5px;
+}
+
+.wingamebar-control-button {
+  min-width: 59px;
+  min-height: 59px;
+  border-radius: 6px;
+  margin: 5px;
+}
+
+.wingamebar-control-button:hover {
+  background-color: $hover0;
+}
+
+.wingamebar-control-button-active {
+  min-width: 59px;
+  min-height: 59px;
+  border-radius: 6px;
+  margin: 5px;
+  background-size: auto 4%;
+  background-position: 0% 93%;
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 21%, $primary 21%, $primary 79%, rgba(0, 0, 0, 0) 79%, rgba(0, 0, 0, 0) 100%);
+}
+
+.wingamebar-control-button-active:hover {
+  background-color: $hover0;
+}
+
+.wingamebar-control-sidesection-left {
+  background-color: #1C1C1C;
+  min-height: 68px;
+  min-width: 68px;
+  border-top-left-radius: 10px;
+  border-bottom-left-radius: 10px;
+}
+
+.wingamebar-control-sidesection-right {
+  background-color: #1C1C1C;
+  min-height: 68px;
+  min-width: 68px;
+  border-top-right-radius: 10px;
+  border-bottom-right-radius: 10px;
+}
+
+.wingamebar-control-button {
+  font-size: 15pt;
+}
+
+.wingamebar-performance-metricscolumn {
+  min-width: 100px;
+}
+
+.wingamebar-performance-metric-false {
+  min-height: 25px;
+  padding: 0 17px;
+}
+
+.wingamebar-performance-metric-true {
+  min-height: 25px;
+  background-color: #3C3C3C;
+  padding: 0 17px;
+}
+
+.wingamebar-performance-grapharea {
+  border-bottom-right-radius: 10px;
+}
+
+.wingamebar-performance-graphpad {
+  padding: 17px;
+}
+
+.wingamebar-performance-graph-graphpad {
+  padding-top: 37px;
+  padding-bottom: 37px;
+  padding-left: 17px;
+  padding-right: 17px;
+}
+
+.wingamebar-graph {
+  color: $primary;
+}
+
+.winnews-topbar {
+  margin: 25px;
+  margin-bottom: 13px;
+}
+
+.winnews-user {
+  border-radius: 9999px;
+}
+
+.winnews-user:hover {
+  background-color: rgba(49, 49, 49, 0.7);
+}
+
+.winnews-title {
+  font-family: 'Cantarell';
+  font-size: 12pt;
+  font-weight: bold;
+  font-size: 16pt;
+  margin-right: 20px;
+}
+
+.winnews-clock {
+  font-family: 'Cantarell';
+  font-size: 12pt;
+  font-weight: 500;
+  font-size: 16pt;
+  margin-right: 20px;
+}
+
+.winnews-search-prompt {
+  background-color: rgba(34, 32, 39, 0.5);
+  border-radius: 9999px;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  padding: 5px;
+}
+
+.winnews-search-prompt-text {
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  color: #CCCCCC;
+}
+
+.winnews-search-contents {
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  background-color: transparent;
+  border-radius: 6px;
+  border: 0px solid transparent;
+  // padding: 11px;
+  // margin: 34px;
+  margin-left: 37px;
+
+  selection {
+    background-color: tint($primary, 50%);
+    color: #1e1e1e;
+  }
+}
+
+.winnews-widgets {
+  margin: 0 46px;
+  margin-top: 4px;
+}
+
+.winnews-section-icon {
+  color: $onSecondaryContainer;
+  font-family: 'Material Symbols Rounded';
+  font-size: 20pt;
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  margin: 5px;
+}
+
+.winnews-widget {
+  border-radius: 12px;
+  background-color: $onSecondary;
+  padding-bottom: 10px;
+}
+
+.winnews-section {
+  color: $onSecondaryContainer;
+  font-family: 'Cantarell';
+  font-size: 15pt;
+  font-weight: bold;
+  margin: 5px;
+}
+
+.winnews-text {
+  margin: 5px 0px;
+  background-repeat: no-repeat;
+  color: $onBackground;
+  font-family: 'Cantarell';
+  font-size: 12pt;
+}
+
+.winnews-option {
+  padding: 0 17px;
+  margin-left: 43px;
+}
+
+.winslider-winnews {
+  margin: 0 5px;
+  min-height: 21px;
+
+  trough {
+    min-width: 260px;
+  }
+}
+
+.win-checkbox-0 {
+  margin: 5px 0px;
+  border-radius: 9999px;
+  min-width: 26px;
+  min-height: 26px;
+  background: url('images/svg/checkbox_no.svg');
+  background-repeat: no-repeat;
+  color: transparent;
+}
+
+.win-checkbox-1 {
+  margin: 5px 0px;
+  border-radius: 9999px;
+  min-width: 26px;
+  min-height: 26px;
+  background: url('images/svg/checkbox.svg');
+  background-repeat: no-repeat;
+  color: transparent;
+}
+
+.winnews-fetch-pad {
+  padding: 0 17px;
+  padding-left: 15px;
+}
+
+.winnews-fetch-icon {
+  color: $primary;
+  font-size: 16pt;
+  font-family: Material Symbols Rounded;
+}
+.winnews-fetch {
+  font-size: 15pt;
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/eww.scss b/hybrid-vertical/.config/eww/eww.scss
new file mode 100755
index 000000000..42181cace
--- /dev/null
+++ b/hybrid-vertical/.config/eww/eww.scss
@@ -0,0 +1,634 @@
+@import 'css/colors';
+@import 'css/colorscheme';
+@import 'css/material';
+@import 'images/svg/color.scss';
+
+@function tint($color, $percentage) {
+  @return mix(rgb(245, 250, 255), $color, $percentage);
+}
+
+@function shade($color, $percentage) {
+  @return mix(rgb(0, 7, 18), $color, $percentage);
+}
+
+$battcolor: $color6;
+$memcolor: $color5;
+$cpucolor: $color4;
+$border: $color7;
+$surface0: tint($colorbg, 10%);
+$bg1: $surface0;
+
+//thanks flick0!
+@keyframes gradient {
+  0% {
+    background-position: 0% 50%;
+  }
+
+  50% {
+    background-position: 100% 50%;
+  }
+
+  100% {
+    background-position: 0% 50%;
+  }
+}
+
+//also thanks to him
+@keyframes blink {
+  to {
+    background-color: #f9e2af;
+    color: #96804e;
+  }
+}
+
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes flyin-bottom {
+  from {
+    margin-bottom: -55px;
+    margin-top: 55px;
+  }
+
+  to {
+    margin-bottom: 0px;
+    margin-top: 0px;
+  }
+}
+
+@keyframes flyin-top {
+  from {
+    margin-bottom: 55px;
+    margin-top: -55px;
+  }
+
+  to {
+    margin-bottom: 0px;
+    margin-top: 0px;
+  }
+}
+
+@mixin rounding {
+  border-radius: 10px;
+}
+
+@mixin filter {
+  saturate {
+    filter: saturate(3);
+  }
+
+  grayscale {
+    filter: grayscale(100%);
+  }
+
+  contrast {
+    filter: contrast(160%);
+  }
+
+  brightness {
+    filter: brightness(0.25);
+  }
+
+  blur {
+    filter: blur(3px);
+  }
+
+  invert {
+    filter: invert(100%);
+  }
+
+  .sepia {
+    filter: sepia(100%);
+  }
+
+  huerotate {
+    filter: hue-rotate(180deg);
+  }
+
+  rss.opacity {
+    filter: opacity(50%);
+  }
+}
+
+@mixin window {
+  border: 3px solid $primary;
+  // box-shadow: 0 2px 3px $shadow;
+  margin: 5px 5px 10px;
+  @include rounding;
+}
+
+* {
+  all: unset;
+  transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  // font-family: 'Rubik', 'Material Symbols Rounded';
+  background-repeat: no-repeat;
+}
+
+.scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.progress slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.music-ctl-revealer {
+  font-family: Material Symbols Rounded;
+}
+
+@import 'css/bottombar';
+@import 'css/bgdecor';
+@import 'css/calendar';
+@import 'css/dashboard';
+@import 'css/dashfs';
+@import 'css/editmode';
+@import 'css/music';
+@import 'css/notification';
+@import 'css/overview';
+@import 'css/osd';
+@import 'css/osettings';
+@import 'css/sidebar';
+@import 'css/system';
+@import 'css/themer';
+@import 'css/taskbar';
+@import 'css/volume';
+@import 'css/winctl';
+@import 'css/winstuff';
+
+.module-group {
+  // background-color: $colorbg;
+  min-width: 53px;
+  color: $fg;
+  border-bottom-right-radius: 26px;
+  border-bottom-left-radius: 26px;
+}
+
+.bar-bg-only {
+  margin: 10px;
+  margin-bottom: -1069px;
+  border-radius: 26px;
+  background-color: shade($colorbg, 75%); 
+  background-image: linear-gradient(45deg, shade($onTertiary, 47%) 18%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0) 37%, shade($onTertiary, 47%) 37%, shade($onTertiary, 47%) 63%, rgba(0, 0, 0, 0) 63%, rgba(0, 0, 0, 0) 85%, shade($onTertiary, 47%) 85%);
+  // border: 2px solid transparent;
+}
+
+.bar-bg-border-only {
+  margin: 8px;
+  margin-bottom: -1071px;
+  border-radius: 26px;
+  background-image: linear-gradient(45deg, $color0 30%, $color2 60%, $color4 100%);
+}
+
+.bar-bg-only-compact {
+  margin-bottom: -1080px;
+  background-color: shade($colorbg, 75%);
+  background-image: linear-gradient(45deg, shade($onTertiary, 47%) 18%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0) 37%, shade($onTertiary, 47%) 37%, shade($onTertiary, 47%) 63%, rgba(0, 0, 0, 0) 63%, rgba(0, 0, 0, 0) 85%, shade($onTertiary, 47%) 85%);
+}
+
+.bar-normal {
+  // margin: 8px;
+  min-width: 53px;
+  color: $fg;
+
+  label {
+    font-size: 1.2rem;
+  }
+
+  font-family: 'Rubik';
+  // animation-name: flyin-top;
+  // animation-duration: 350ms;
+  // animation-timing-function: cubic-bezier(0.05, 0.7, 0.1, 1);
+  // animation-iteration-count: 1;
+}
+
+.bar-compact {
+  background-color: shade($colorbg, 70%); //because dark background makes colors pop
+  border-bottom: 1px solid $primary;
+  min-width: 53px;
+  color: $fg;
+
+  label {
+    font-size: 1.2rem;
+  }
+
+  font-family: 'Rubik';
+}
+
+tooltip {
+  background: $colorbarbg;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-radius: 8px;
+  color: white;
+
+  label {
+    font-family: 'Rubik';
+    font-size: 13pt;
+  }
+}
+
+.music-module {
+  font-family: Material Symbols Rounded;
+}
+
+.icon {
+  font-family: Material Symbols Rounded;
+  // padding-left: 4px;
+  // padding-right: 4px;
+}
+
+.module {
+  font-family: Material Symbols Rounded;
+  min-height: 53px;
+}
+
+.module-timedate {
+  padding-left: 13px;
+  padding-right: 13px;
+}
+
+.hour {
+  // font-weight: bold;
+  // padding-left: 13px;
+  color: $colorbar;
+  font-size: 20pt;
+}
+
+.clock {
+  color: $color2;
+  font-family: 'Rubik';
+  font-size: 19pt;
+}
+
+// .clock-module:hover {
+//   border-top: 2px solid $color5;
+// }
+
+.minute {
+  color: $color2;
+  font-family: 'Rubik', 'Material Symbols Rounded';
+}
+
+.timedate-time {
+  label {
+    font-size: 16pt;
+  }
+}
+
+.date {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  color: $color2;
+
+  // margin-top: -2px;
+  label {
+    font-size: 12pt;
+  }
+}
+
+.bright-icon {
+  color: $color2;
+  padding-right: 4px;
+  padding-top: 4px;
+}
+
+// .bright-icon:hover {
+//   border-top: 2px solid;
+// }
+
+.module-bt {
+  font-size: 1.2rem;
+}
+
+.workspaces {
+  // margin-left: 10px;
+  background-color: transparent;
+}
+
+.player-controls {
+  font-family: Material Symbols Rounded;
+}
+
+.volume-icon {
+  padding-left: 3px;
+  padding-right: 3px;
+}
+
+.net-icon {
+  color: $color7;
+  font-family: Material Symbols Rounded;
+  padding-left: 4px;
+  padding-right: 4px;
+  padding-top: 4px;
+}
+
+// .net-icon:hover {
+//   border-top: 2px solid;
+// }
+
+.my-separator {
+  padding-left: 15px;
+  padding-right: 15px;
+  color: $onBackground;
+  min-height: 53px;
+}
+
+.ws {
+  font-size: 6rem;
+  transition: 75ms cubic-bezier(0.05, 0.9, 0.1, 1); //Hyprland, no overshot
+  // transition: 400ms cubic-bezier(0.2, 0.0, 0, 1.0); //Material 3
+}
+
+.ws-top {
+  // padding-top: 9px;
+}
+
+.ws-active-top {
+  
+}
+
+.ws-text {
+  font-size: 16pt;
+  font-family: Rubik;
+  border-radius: 9999px;
+  // padding-left: 3px;
+  // padding-right: 3px;
+  min-width: 27px;
+  min-height: 27px;
+  color: $colorbarbg;
+  margin: 2px 21px;
+}
+
+.ws-text-top {
+  // font-size: 16pt;
+  // font-family: Rubik;
+  border-radius: 9999px;
+  // padding-left: 3px;
+  // padding-right: 3px;
+  min-width: 27px;
+  min-height: 5px;
+  color: $colorbarbg;
+  margin-left: 2px;
+  margin-right: 2px;
+}
+
+.ws-text-active {
+  background-color: $colorbar;
+}
+
+.ws:hover {
+  :first-child {
+    color: $tertiary;
+  }
+}
+
+.ws-active {
+  background-color: $onBackground;
+}
+
+.ws-inactive {
+  // background-color: tint($colorbg, 37%);
+  background-color: rgba(194, 192, 192, 0.7);
+}
+
+.ws-empty {
+  // background-color: tint($colorbg, 10%);
+  background-color: rgba(146, 145, 145, 0.3);
+}
+
+.activewin {
+  color: $colorbar;
+  // padding-left: 8px;
+  // padding-right: 8px;
+}
+
+// .themer-get {
+//   padding-top: 4px;
+//   padding-left: 10px;
+//   padding-right: 10px;
+//   background-image: url("images/grayscale/Add.png");
+//   background-repeat: no-repeat;
+//   background-position: center;
+//   background-size: 100%;
+// }
+
+// .themer-restore {
+//   padding-top: 7px;
+//   padding-left: 10px;
+//   padding-right: 10px;
+//   padding-bottom: 16px;
+//   background-image: url("images/grayscale/Backup.png");
+//   background-repeat: no-repeat;
+//   background-position: center;
+//   background-size: 100%;
+// }
+
+
+.icon,
+.icon,
+.icon-text,
+.vol-icon label {
+  font-family: "Material Symbols Rounded";
+}
+
+.username {
+  color: $onBackground;
+}
+
+.userpic {
+  margin: 5px;
+  min-height: 42px;
+  min-width: 42px;
+  background-size: 100%;
+  border-radius: 5px;
+  background-repeat: no-repeat;
+}
+
+.osettings-toggle-button-false {
+  :first-child {
+    :first-child {
+      min-width: 53px;
+      min-height: 53px;
+      background-color: transparent;
+      // background-image: url('images/svg/settings.svg');
+      background-size: auto 400%;
+      background-repeat: no-repeat;
+      background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
+      border-radius: 26px;
+
+      :active {
+        background-color: $overlay0;
+        background-position: 50% 90%;
+      }
+    }
+  }
+}
+
+.osettings-toggle-button-false:hover {
+  :first-child {
+    :first-child {
+      background-color: $overlay0;
+      background-position: 60% 50%;
+    }
+  }
+}
+
+.osettings-toggle-button-true {
+  :first-child {
+    :first-child {
+      min-width: 53px;
+      min-height: 53px;
+      background-color: $overlay0;
+      background-position: 50% 90%;
+      background-repeat: no-repeat;
+      background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
+      background-size: auto 400%;
+      border-radius: 26px;
+    }
+  }
+}
+
+.module-button-pad {
+  margin: 8px 0;
+  border-radius: 26px;
+  // background-color: shade($colorbg, 75%);
+}
+
+.module-button-pad-left {
+  margin: 0 8px;
+  margin-top: 8px;
+  // background-color: shade($colorbg, 75%);
+  border-top-left-radius: 26px;
+  border-bottom-left-radius: 26px;
+}
+
+.module-button-pad-center {
+  margin: 0 8px;
+  // background-color: shade($colorbg, 75%);
+}
+
+.module-button-pad-right {
+  margin: 0 8px;
+  margin-bottom: 8px;
+  // background-color: shade($colorbg, 75%);
+  border-bottom-right-radius: 26px;
+  border-top-right-radius: 26px;
+}
+
+.module-button-pad-right-nomargin {
+  // background-color: shade($colorbg, 75%);
+  border-bottom-right-radius: 26px;
+  border-top-right-radius: 26px;
+}
+
+.onotify-toggle-button-false {
+  min-width: 53px;
+  min-height: 53px;
+  background-color: transparent;
+  background-repeat: no-repeat;
+  background-size: auto 65%;
+  background-position: center;
+
+  :hover {
+    background-color: $overlay0;
+    // background-image: url('./images/lazer_icons/notifications_hover.png');
+  }
+
+  border-radius: 26px;
+}
+
+.onotify-toggle-button-true {
+  min-width: 53px;
+  min-height: 53px;
+  background-color: $overlay0;
+  // background-image: url('./images/lazer_icons/notifications_hover.png');
+  background-repeat: no-repeat;
+  background-size: auto 65%;
+  background-position: center;
+}
+
+.real-onotify-toggle-button {
+  min-width: 53px;
+  min-height: 53px;
+  // background-image: url('./images/svg/forum.svg');
+  background-repeat: no-repeat;
+  background-size: auto 65%;
+  background-position: center;
+
+  :hover {
+    background-color: $overlay0;
+  }
+}
+
+.real-onotify-toggle-button-true {
+  min-width: 53px;
+  min-height: 53px;
+  background-color: $overlay0;
+  background-size: auto 65%;
+  background-position: center;
+  // background-image: url('./images/svg/forum.svg');
+  background-repeat: no-repeat;
+}
+
+.module-button {
+  transition: 500ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  border-radius: 26px;
+  padding: 5px 0;
+  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
+  background-size: auto 400%;
+  background-position: 50% 40%;
+}
+
+.module-button-hover {
+  transition: 500ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  border-radius: 26px;
+  padding: 5px 0;
+  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
+  background-size: auto 400%;
+  background-color: $overlay0;
+  background-position: 50% 60%;
+}
+
+.module-button:hover {
+  background-color: $overlay0;
+  background-position: 50% 60%;
+}
+
+.module-button:active {
+  background-color: $overlay0;
+  background-position: 50% 100%;
+}
+
+.module-button-true {
+  border-radius: 26px;
+  padding: 5px 0;
+  background-color: $overlay0;
+  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
+  background-size: auto 400%;
+  background-position: 50% 90%;
+}
+
+.dynbg-image {
+  transition: 900ms cubic-bezier(0.05, 0.9, 0.1, 1); // Hyprland default bezier but no overshot
+}
+
+progressbar>trough {
+  min-width: 30px;
+}
+
+.box-that-is-there {
+  background-color: transparent;
+}
+
+.search-button {
+  min-height: 53px;
+  min-width: 65px;
+  color: $colortext;
+  font-family: Material Symbols Rounded;
+}
+
+.workspaces-top {
+  min-width: 306px;
+  min-height: 5px;
+} 
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/eww.yuck b/hybrid-vertical/.config/eww/eww.yuck
new file mode 100755
index 000000000..3abd794d7
--- /dev/null
+++ b/hybrid-vertical/.config/eww/eww.yuck
@@ -0,0 +1,204 @@
+;##################### Modules #########################
+(include "./modules/activewindow.yuck")
+(include "./modules/audiolevels.yuck")
+(include "./modules/bluetooth.yuck")
+(include "./modules/bright.yuck")
+(include "./modules/clock.yuck")
+(include "./modules/editmode.yuck")
+(include "./modules/music.yuck")
+; (include "./modules/net.yuck")
+(include "./modules/searchbutton.yuck")
+(include "./modules/sys.yuck")
+(include "./modules/taskbar.yuck")
+(include "./modules/variables.yuck")
+(include "./modules/user.yuck")
+; (include "./modules/volume.yuck")
+(include "./modules/winstuff.yuck")
+(include "./modules/workspaces.yuck")
+
+;##################### Windows #########################
+(include "./windows/bottombar.yuck")
+(include "./windows/bg-decor.yuck")
+(include "./windows/dynamic-bg.yuck")
+(include "./windows/dashboard.yuck")
+(include "./windows/dashfs.yuck")
+(include "./windows/calendar.yuck")
+(include "./windows/music.yuck")
+(include "./windows/overview.yuck")
+(include "./windows/osd.yuck")
+(include "./windows/osettings.yuck")
+(include "./windows/onotify.yuck")
+; (include "./windows/system-menu.yuck")
+(include "./windows/themer.yuck")
+(include "./windows/winactions.yuck")
+(include "./windows/winosd.yuck")
+(include "./windows/winnews.yuck")
+(include "./windows/winnotif.yuck")
+(include "./windows/winpowermenu.yuck")
+(include "./windows/winstart.yuck")
+(include "./windows/winoverview.yuck")
+(include "./windows/wingamebar.yuck")
+
+(defwidget separator []
+  (box
+    :valign "start"
+    (label
+      :class "my-separator"
+      :text "|"
+    )
+  )
+)
+
+(defwidget left []
+  (eventbox
+    :onhover "${EWW_CMD} update music_reveal=true"
+    :onhoverlost "${EWW_CMD} update music_reveal=false"
+    (box
+      :space-evenly false
+      :spacing 5
+      :valign "start" :halign "start"
+      :orientation "v"
+      (osettings-button)
+      (revealer
+        :reveal false
+        :transition "slidedown"
+        (revealer
+          :reveal false
+          :transition "slidedown"
+          (label
+            :text :angle 270 "${volume.audio} ${brightness.level} ${wsjsona[0][0].at} ${wsjsonb[0][0].at}" ; Dummy to keep listeners active
+          )
+        )
+      )
+      (clock_module)
+      (osu-music-module)
+    )
+  )
+)
+
+(defwidget right []
+  (eventbox
+    :onhover "${EWW_CMD} update right_hover=true"
+    :onhoverlost "${EWW_CMD} update right_hover=false"
+    (box
+      :space-evenly false
+      :spacing 5
+      :halign "start" :valign "end"
+      :orientation "v"
+      (themer)
+      (onotify-button)
+    )
+  )
+)
+
+(defwidget center []
+  (box
+    :space-evenly false
+    :spacing 5
+    :valign "center"
+    :orientation "v"
+    ; (searchbutton)
+    (revealer
+      :reveal {rev_center_ws || awin.title == 'null'}
+      ; :reveal false
+      :transition "slidedown"
+      :duration "0ms"
+      (workspaces)
+    )
+    ; (revealer
+      ;   :reveal {!(rev_center_ws || awin.title == 'null')}
+      ;   ; :reveal true
+      ;   :transition "slidedown"
+      ;   :duration "0ms"
+      ;   (activewindow)
+    ; )
+  )
+)
+
+(defwidget bar [] ; Class .bar applies automatically
+  (box
+    :space-evenly false
+    :orientation "v"
+    (box
+      :class "bar-bg-border-only"
+    )
+    (box
+      :class "bar-bg-only"
+    )
+    (centerbox
+      :orientation "v"
+      :class "bar-${compact ? 'compact' : 'normal'}"
+      :height {RES_HEIGHT}
+      (left)
+      (center)
+      (right)
+    )
+  )
+)
+
+(defwidget winbar []
+  (centerbox
+    :class "winbar-bg"
+    (box
+      :space-evenly false
+      (winnews-button)
+      (eventbox
+        :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+        (box
+          :space-evenly false
+          :style "margin-left: ${RES_WIDTH / 2 - 75 - (25 * arraylength(tasks))}px;"
+          (winstarticon)
+          (wintaskbar)
+          (revealer
+            :reveal false
+            :transition "slideright"
+            (label
+              :text "${net.level} ${brightness.level} ${wsjsona[0][0].at} ${wsjsonb[0][0].at}" ; Dummy to keep listeners active
+            )
+          )
+        )
+      )
+    )
+    (box)
+    (box
+      :halign "end"
+      :space-evenly false
+      (winactions)
+      (windate)
+    )
+  )
+)
+
+(defwindow bar
+  :stacking "fg"
+  :wm-ignore true
+  :monitor 0
+  :geometry (geometry
+    :x "0%"
+    :y "0%"
+    :width "69px"
+    :height "100%"
+    :anchor "center left"
+  )
+  :exclusive false
+  (bar)
+)
+
+(defwindow winbar
+  :stacking "fg"
+  :monitor 0
+  :exclusive true
+  :geometry (geometry
+    :x "0%"
+    :y "0%"
+    :width "100%"
+    ; :height "53px"
+    ; :width "53px"
+    ; :height "100%"
+    :anchor "bottom center"
+  )
+  ; :stacking "fg"
+  :exclusive false
+  (winbar)
+)
+
diff --git a/hybrid-vertical/.config/eww/eww_covers/cover_art_default b/hybrid-vertical/.config/eww/eww_covers/cover_art_default
new file mode 100644
index 000000000..e99ac882a
Binary files /dev/null and b/hybrid-vertical/.config/eww/eww_covers/cover_art_default differ
diff --git a/hybrid-vertical/.config/eww/eww_covers/cover_art_error b/hybrid-vertical/.config/eww/eww_covers/cover_art_error
new file mode 100644
index 000000000..09715b548
Binary files /dev/null and b/hybrid-vertical/.config/eww/eww_covers/cover_art_error differ
diff --git a/hybrid-vertical/.config/eww/images/icons/lazer_icons/beatmaps.png b/hybrid-vertical/.config/eww/images/icons/lazer_icons/beatmaps.png
new file mode 100755
index 000000000..6790f713c
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/lazer_icons/beatmaps.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/lazer_icons/changelog.png b/hybrid-vertical/.config/eww/images/icons/lazer_icons/changelog.png
new file mode 100755
index 000000000..33bad1bee
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/lazer_icons/changelog.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/lazer_icons/dashboard.png b/hybrid-vertical/.config/eww/images/icons/lazer_icons/dashboard.png
new file mode 100755
index 000000000..d3bd65852
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/lazer_icons/dashboard.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/lazer_icons/dashboard_hover.png b/hybrid-vertical/.config/eww/images/icons/lazer_icons/dashboard_hover.png
new file mode 100755
index 000000000..5a444383d
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/lazer_icons/dashboard_hover.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/lazer_icons/forum.png b/hybrid-vertical/.config/eww/images/icons/lazer_icons/forum.png
new file mode 100755
index 000000000..cbf58770b
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/lazer_icons/forum.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/lazer_icons/music.png b/hybrid-vertical/.config/eww/images/icons/lazer_icons/music.png
new file mode 100755
index 000000000..2c3898f7c
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/lazer_icons/music.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/lazer_icons/music_hover.png b/hybrid-vertical/.config/eww/images/icons/lazer_icons/music_hover.png
new file mode 100755
index 000000000..942a6521d
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/lazer_icons/music_hover.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/lazer_icons/music_hover_reference.png b/hybrid-vertical/.config/eww/images/icons/lazer_icons/music_hover_reference.png
new file mode 100755
index 000000000..369f8cdce
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/lazer_icons/music_hover_reference.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/lazer_icons/music_reference.png b/hybrid-vertical/.config/eww/images/icons/lazer_icons/music_reference.png
new file mode 100755
index 000000000..2ee032bba
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/lazer_icons/music_reference.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/lazer_icons/news.png b/hybrid-vertical/.config/eww/images/icons/lazer_icons/news.png
new file mode 100755
index 000000000..c07bd0c1f
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/lazer_icons/news.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/lazer_icons/notifications.png b/hybrid-vertical/.config/eww/images/icons/lazer_icons/notifications.png
new file mode 100755
index 000000000..50ea3d40b
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/lazer_icons/notifications.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/lazer_icons/notifications_hover.png b/hybrid-vertical/.config/eww/images/icons/lazer_icons/notifications_hover.png
new file mode 100755
index 000000000..0ef188ca1
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/lazer_icons/notifications_hover.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/lazer_icons/options.png b/hybrid-vertical/.config/eww/images/icons/lazer_icons/options.png
new file mode 100755
index 000000000..cec497cd9
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/lazer_icons/options.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/lazer_icons/options_hover.png b/hybrid-vertical/.config/eww/images/icons/lazer_icons/options_hover.png
new file mode 100755
index 000000000..42439b642
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/lazer_icons/options_hover.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/lazer_icons/rankings.png b/hybrid-vertical/.config/eww/images/icons/lazer_icons/rankings.png
new file mode 100755
index 000000000..d7210d3d0
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/lazer_icons/rankings.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/beatmappacks.png b/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/beatmappacks.png
new file mode 100755
index 000000000..29722cb97
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/beatmappacks.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/beatmaps.png b/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/beatmaps.png
new file mode 100755
index 000000000..4fea440a3
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/beatmaps.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/changelog.png b/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/changelog.png
new file mode 100755
index 000000000..1f2f16c67
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/changelog.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/chat.png b/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/chat.png
new file mode 100755
index 000000000..d823c584d
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/chat.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/contests.png b/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/contests.png
new file mode 100755
index 000000000..994d5632c
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/contests.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/forum.png b/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/forum.png
new file mode 100755
index 000000000..d39b6fe21
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/forum.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/home.png b/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/home.png
new file mode 100755
index 000000000..cfd881e46
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/home.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/news.png b/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/news.png
new file mode 100755
index 000000000..05e5d4dc7
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/news.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/rankings.png b/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/rankings.png
new file mode 100755
index 000000000..04191ae5b
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/rankings.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/search.png b/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/search.png
new file mode 100755
index 000000000..a061f307a
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/search.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/settings.png b/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/settings.png
new file mode 100755
index 000000000..a74388e9a
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/settings.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/store.png b/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/store.png
new file mode 100755
index 000000000..b6c02fb37
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/store.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/tournaments.png b/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/tournaments.png
new file mode 100755
index 000000000..de1a29bda
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/tournaments.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/wiki.png b/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/wiki.png
new file mode 100755
index 000000000..405e287a5
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/lazer_icons/transparent/wiki.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/lazer_icons/wiki.png b/hybrid-vertical/.config/eww/images/icons/lazer_icons/wiki.png
new file mode 100755
index 000000000..6d6c7ba91
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/lazer_icons/wiki.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/win-clicked.png b/hybrid-vertical/.config/eww/images/icons/win-clicked.png
new file mode 100644
index 000000000..a65486725
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/win-clicked.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/win-inactive.png b/hybrid-vertical/.config/eww/images/icons/win-inactive.png
new file mode 100644
index 000000000..37328e3e5
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/win-inactive.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/win.png b/hybrid-vertical/.config/eww/images/icons/win.png
new file mode 100644
index 000000000..88b1a19de
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/win.png differ
diff --git a/hybrid-vertical/.config/eww/images/icons/winnews.png b/hybrid-vertical/.config/eww/images/icons/winnews.png
new file mode 100644
index 000000000..7829fd79e
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/icons/winnews.png differ
diff --git a/hybrid-vertical/.config/eww/images/pictures/beach_drinks.jpeg b/hybrid-vertical/.config/eww/images/pictures/beach_drinks.jpeg
new file mode 100644
index 000000000..43ba66abb
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/pictures/beach_drinks.jpeg differ
diff --git a/hybrid-vertical/.config/eww/images/pictures/beach_smoothie.jpg b/hybrid-vertical/.config/eww/images/pictures/beach_smoothie.jpg
new file mode 100644
index 000000000..29f84f797
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/pictures/beach_smoothie.jpg differ
diff --git a/hybrid-vertical/.config/eww/images/svg/__mode_light_dark.txt b/hybrid-vertical/.config/eww/images/svg/__mode_light_dark.txt
new file mode 100644
index 000000000..e69de29bb
diff --git a/hybrid-vertical/.config/eww/images/svg/airplane.svg b/hybrid-vertical/.config/eww/images/svg/airplane.svg
new file mode 100644
index 000000000..11b593e1f
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/airplane.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9.47 9.643 8.768 3.77l-.002-.074c0-.889.72-1.61 1.61-1.61.802 0 1.545.42 1.977 1.135l.087.161 2.945 6.09 3.957-.117a2.6 2.6 0 0 1 2.672 2.53l.001.066a2.602 2.602 0 0 1-2.62 2.597l-3.963-.116-2.992 6.188a2.293 2.293 0 0 1-2.065 1.295c-.889 0-1.609-.72-1.609-1.631l.007-.118.707-5.908-2.132-.063-.27.736a1.946 1.946 0 0 1-1.827 1.278c-.876 0-1.586-.71-1.586-1.587v-.76l-.154-.032a1.92 1.92 0 0 1 0-3.758l.155-.032v-.76c0-.803.597-1.475 1.434-1.579l.151-.008c.745 0 1.423.426 1.765 1.127l.063.15.27.736 2.12-.062Zm.906-6.057c-.06 0-.109.049-.11.087l.887 7.422-4.84.141-.628-1.715-.032-.079c-.075-.152-.23-.25-.354-.251l-.058.002a.086.086 0 0 0-.075.085l.001 1.98-1.35.282a.419.419 0 0 0 0 .821l1.35.281v1.98c0 .047.038.086.085.086a.446.446 0 0 0 .419-.293l.64-1.751 4.854.141-.897 7.471v.03c0 .06.048.108.108.108a.793.793 0 0 0 .714-.448l3.415-7.063 4.914.144c.606 0 1.097-.491 1.097-1.086v-.043a1.097 1.097 0 0 0-1.13-1.064l-4.928.144-3.351-6.932-.053-.099a.793.793 0 0 0-.678-.381Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/app.svg b/hybrid-vertical/.config/eww/images/svg/app.svg
new file mode 100644
index 000000000..64e2d1378
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/app.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m18.492 2.33 3.179 3.179a2.25 2.25 0 0 1 0 3.182l-2.423 2.422A2.501 2.501 0 0 1 21 13.5v5a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 18.5v-13A2.5 2.5 0 0 1 5.5 3h5c1.121 0 2.07.737 2.387 1.754L15.31 2.33a2.25 2.25 0 0 1 3.182 0ZM11 13H5v5.5a.5.5 0 0 0 .5.5H11v-6Zm7.5 0H13v6h5.5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5Zm-4.06-2.001L13 9.559v1.44h1.44Zm-3.94-6h-5a.5.5 0 0 0-.5.5V11h6V5.5a.5.5 0 0 0-.5-.5Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/appgeneric.svg b/hybrid-vertical/.config/eww/images/svg/appgeneric.svg
new file mode 100644
index 000000000..c7456466c
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/appgeneric.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m17.751 3 .185.005a3.25 3.25 0 0 1 3.06 3.06l.005.185v11.5l-.005.184A3.25 3.25 0 0 1 17.751 21H6.25a3.25 3.25 0 0 1-3.245-3.066L3 17.75V6.25a3.25 3.25 0 0 1 3.066-3.245L6.25 3h11.501ZM19.5 8H4.501L4.5 17.75a1.75 1.75 0 0 0 1.606 1.744l.144.006h11.501l.144-.006a1.75 1.75 0 0 0 1.6-1.593l.006-.151L19.5 8Zm-9.25 1.5a.75.75 0 0 1 .743.648l.007.102v7a.75.75 0 0 1-.648.743L10.25 18h-3.5a.75.75 0 0 1-.743-.648L6 17.25v-7a.75.75 0 0 1 .648-.743L6.75 9.5h3.5ZM9.5 11h-2v5.5h2V11Zm6.75 1.503a.75.75 0 0 1 .102 1.493l-.102.007h-3.496a.75.75 0 0 1-.101-1.493l.101-.007h3.496Zm1-3.003a.75.75 0 0 1 .102 1.493L17.25 11h-4.496a.75.75 0 0 1-.101-1.493l.101-.007h4.496Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/applycolor.svg b/hybrid-vertical/.config/eww/images/svg/applycolor.svg
new file mode 100644
index 000000000..07b2f25de
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/applycolor.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M2 12.414V17.5A2.5 2.5 0 0 0 4.5 20h15a2.5 2.5 0 0 0 2.5-2.5v-11A2.5 2.5 0 0 0 19.5 4h-8.944l1.5 1.5H19.5a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1v-3.586l-1.5-1.5Z" fill="#d7e2ff"/><path d="M6 1.75a.75.75 0 1 1 1.5 0v1.265c.45.04.89.233 1.235.578l3.536 3.536a2 2 0 0 1 0 2.828L8.027 14.2a2 2 0 0 1-2.829 0l-3.535-3.536a2 2 0 0 1 0-2.828l4.243-4.243c.03-.03.061-.06.093-.087V1.75Zm0 4.5v-.629l-2.89 2.89h8.245a.498.498 0 0 0-.145-.322L7.674 4.654A.498.498 0 0 0 7.5 4.54v1.71a.75.75 0 0 1-1.5 0Zm-2.868 3.76 3.128 3.13a.5.5 0 0 0 .707 0l3.129-3.13H3.132ZM11 13.375c0-.493.154-.972.342-1.381.19-.416.438-.806.673-1.134.238-.331.474-.613.65-.812.085-.097.24-.261.299-.323l.005-.005a.75.75 0 0 1 1.061 0l.305.328c.176.199.412.48.649.812.236.328.483.718.674 1.134.188.409.342.888.342 1.381C16 14.765 14.97 16 13.5 16c-1.471 0-2.5-1.235-2.5-2.625Zm2.234-1.64c-.202.28-.392.585-.53.885-.14.305-.204.56-.204.755 0 .691.48 1.125 1 1.125.519 0 1-.434 1-1.125 0-.194-.065-.45-.205-.755a5.494 5.494 0 0 0-.53-.886 8.417 8.417 0 0 0-.265-.35 8.33 8.33 0 0 0-.266.35Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/bat0.svg b/hybrid-vertical/.config/eww/images/svg/bat0.svg
new file mode 100644
index 000000000..7fe10e0eb
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/bat0.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/bat1.svg b/hybrid-vertical/.config/eww/images/svg/bat1.svg
new file mode 100644
index 000000000..3e41578b6
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/bat1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6.003 8.999H7a1 1 0 0 1 .993.883L8 10v4a1 1 0 0 1-.883.993L7 14.999h-.997a1 1 0 0 1-.993-.884L5.003 14v-4a1 1 0 0 1 .883-.994L6.003 9H7h-.997Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/bat10.svg b/hybrid-vertical/.config/eww/images/svg/bat10.svg
new file mode 100644
index 000000000..5c2739e21
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/bat10.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h10a1 1 0 0 1 .993.883L17 10v4a1 1 0 0 1-.883.993L16 15H6a1 1 0 0 1-.993-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h10H6Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/bat2.svg b/hybrid-vertical/.config/eww/images/svg/bat2.svg
new file mode 100644
index 000000000..4b73e100f
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/bat2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9.003 8 9a1 1 0 0 1 .993.883L9 10v4a1 1 0 0 1-.883.993L8 15l-2 .003a1 1 0 0 1-.993-.883L5 14.003v-4a1 1 0 0 1 .883-.993L6 9.003 8 9l-2 .003Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/bat3.svg b/hybrid-vertical/.config/eww/images/svg/bat3.svg
new file mode 100644
index 000000000..86b718597
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/bat3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6.017 9H9a1 1 0 0 1 .993.883L10 10v4a1 1 0 0 1-.883.993L9 15H6.017a1 1 0 0 1-.994-.883L5.017 14v-4a1 1 0 0 1 .883-.993L6.017 9H9 6.017Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/bat4.svg b/hybrid-vertical/.config/eww/images/svg/bat4.svg
new file mode 100644
index 000000000..ff67b8500
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/bat4.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h4a1 1 0 0 1 .993.883L11 10v4a1 1 0 0 1-.883.993L10 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h4-4Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/bat5.svg b/hybrid-vertical/.config/eww/images/svg/bat5.svg
new file mode 100644
index 000000000..994659647
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/bat5.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h5a1 1 0 0 1 .993.883L12 10v4a1 1 0 0 1-.883.993L11 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h5-5Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/bat6.svg b/hybrid-vertical/.config/eww/images/svg/bat6.svg
new file mode 100644
index 000000000..ee151c925
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/bat6.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h6a1 1 0 0 1 .993.883L13 10v4a1 1 0 0 1-.883.993L12 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h6-6Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/bat7.svg b/hybrid-vertical/.config/eww/images/svg/bat7.svg
new file mode 100644
index 000000000..d441ac926
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/bat7.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h7a1 1 0 0 1 .993.883L14 10v4a1 1 0 0 1-.883.993L13 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h7-7Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/bat8.svg b/hybrid-vertical/.config/eww/images/svg/bat8.svg
new file mode 100644
index 000000000..e4220079f
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/bat8.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h8a1 1 0 0 1 .993.883L15 10v4a1 1 0 0 1-.883.993L14 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h8-8Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/bat9.svg b/hybrid-vertical/.config/eww/images/svg/bat9.svg
new file mode 100644
index 000000000..9c32b2e6e
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/bat9.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h9a1 1 0 0 1 .993.883L16 10v4a1 1 0 0 1-.883.993L15 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h9-9Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/batcharge.svg b/hybrid-vertical/.config/eww/images/svg/batcharge.svg
new file mode 100644
index 000000000..61e66bb8a
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/batcharge.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.75 6H17a3 3 0 0 1 2.995 2.824L20 9v1l1 .018a1 1 0 0 1 .993.879l.008.12v2a1 1 0 0 1-.866.992l-.134.009L20 14v1a3 3 0 0 1-2.824 2.995L17 18H7.998a.75.75 0 0 1-.102-1.493l.102-.007H17a1.5 1.5 0 0 0 1.493-1.355L18.5 15V9a1.5 1.5 0 0 0-1.355-1.493L17 7.5h-6.25a.75.75 0 0 1-.102-1.493L10.75 6H17h-6.25Zm-4.499 4.998v6.252a.75.75 0 0 1-1.492.102l-.007-.102v-6.252H3.75A1.75 1.75 0 0 1 2 9.249V6.75A.75.75 0 0 1 2.75 6h.751V4.75a.75.75 0 0 1 .648-.743L4.251 4a.75.75 0 0 1 .743.648l.007.102V6h.995V4.75a.75.75 0 0 1 .65-.743l.1-.007a.75.75 0 0 1 .744.648l.007.102L7.496 6h.758a.75.75 0 0 1 .75.75v2.499a1.75 1.75 0 0 1-1.75 1.75l-1.003-.001v6.252-6.252ZM7.504 7.5H3.5v1.749c0 .138.112.25.25.25h3.504a.25.25 0 0 0 .25-.25V7.5Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/beach/beatmappacks.svg b/hybrid-vertical/.config/eww/images/svg/beach/beatmappacks.svg
new file mode 100644
index 000000000..7ed628d4a
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/beach/beatmappacks.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="#C3C3EB"/>
+<path d="M45.8333 49.0106C45.4883 49.0106 45.1433 48.9575 44.8248 48.8248L25.3715 40.863C24.3365 40.4384 23.673 39.3768 23.7261 38.2622C23.7792 37.121 24.5488 36.1656 25.6369 35.8471L53.6093 27.8853C54.1932 27.7261 54.7771 27.7526 55.3344 27.9915L74.7877 35.9533C75.8227 36.3779 76.4862 37.4395 76.4331 38.5541C76.38 39.6953 75.6104 40.6507 74.5223 40.9692L46.5764 48.931C46.3376 48.9841 46.0987 49.0106 45.8333 49.0106ZM34.5011 38.8461L46.0191 43.5435L65.6847 37.9437L54.1667 33.2463L34.5011 38.8461Z" fill="#C3C3EB"/>
+<path d="M45.8333 74.1698C45.4883 74.1698 45.1433 74.1168 44.8248 73.9841L25.3715 66.0223C24.3365 65.5977 23.673 64.5361 23.7261 63.4214C23.7792 62.2802 24.5488 61.3248 25.6369 61.0064L53.5828 53.0446C54.1667 52.8853 54.7505 52.9119 55.3079 53.1507L74.7612 61.1125C75.7962 61.5372 76.4597 62.5987 76.4066 63.7134C76.3535 64.8546 75.5839 65.81 74.4958 66.1284L46.5499 74.0902C46.3376 74.1433 46.0987 74.1698 45.8333 74.1698ZM34.5011 64.0053L46.0191 68.7028L65.6847 63.103L54.1667 58.4055L34.5011 64.0053Z" fill="#C3C3EB"/>
+<path d="M26.4597 66.1285C25 66.1285 23.8057 64.9342 23.8057 63.4745V38.3153C23.8057 36.8556 25 35.6614 26.4597 35.6614C27.9193 35.6614 29.1136 36.8556 29.1136 38.3153V63.4745C29.1136 64.9342 27.9193 66.1285 26.4597 66.1285Z" fill="#C3C3EB"/>
+<path d="M45.9395 74.1433C44.4799 74.1433 43.2856 72.949 43.2856 71.4894V46.3301C43.2856 44.8705 44.4799 43.6762 45.9395 43.6762C47.3992 43.6762 48.5934 44.8705 48.5934 46.3301V71.4894C48.5934 72.949 47.3992 74.1433 45.9395 74.1433Z" fill="#C3C3EB"/>
+<path d="M54.4055 57.7421C52.9459 57.7421 51.7516 56.5478 51.7516 55.0881V30.4862C51.7516 29.0265 52.9459 27.8323 54.4055 27.8323C55.8652 27.8323 57.0594 29.0265 57.0594 30.4862V55.0881C57.0594 56.5478 55.8652 57.7421 54.4055 57.7421Z" fill="#C3C3EB"/>
+<path d="M73.8854 66.1285C72.4257 66.1285 71.2314 64.9342 71.2314 63.4745V38.8726C71.2314 37.413 72.4257 36.2187 73.8854 36.2187C75.345 36.2187 76.5393 37.413 76.5393 38.8726V63.4745C76.5393 64.9342 75.345 66.1285 73.8854 66.1285Z" fill="#C3C3EB"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#C3C3EB" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/beach/forum.svg b/hybrid-vertical/.config/eww/images/svg/beach/forum.svg
new file mode 100644
index 000000000..d5dabd69f
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/beach/forum.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.28849C70.2493 9.28849 75.0795 12.0649 77.6803 16.5602L92.7281 42.5266C95.3289 47.0219 95.3289 52.5748 92.7281 57.07L77.6803 83.0365C75.0795 87.5317 70.2493 90.3082 65.0476 90.3082H34.9521C29.7504 90.3082 24.9203 87.5317 22.3194 83.0365L7.27165 57.07C4.6708 52.5748 4.6708 47.0219 7.27165 42.5266L22.3194 16.5602C24.9203 12.0649 29.7504 9.28849 34.9521 9.28849H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.78127 17.7016 13.9159L2.65381 39.8824C-0.902448 46.0171 -0.902448 53.5796 2.65381 59.7142L17.7016 85.6807C21.2578 91.8154 27.8396 95.5966 34.9521 95.5966H65.0476C72.1602 95.5966 78.7419 91.8154 82.2982 85.6807L97.3459 59.7142C100.902 53.5796 100.902 46.0171 97.3459 39.8824L82.2716 13.9159C78.7419 7.78127 72.1602 4 65.0476 4Z" fill="#92CBF6"/>
+<path d="M66.9851 40.8079C69.1837 40.8079 70.966 39.0321 70.966 36.8415C70.966 34.651 69.1837 32.8752 66.9851 32.8752C64.7865 32.8752 63.0042 34.651 63.0042 36.8415C63.0042 39.0321 64.7865 40.8079 66.9851 40.8079Z" fill="#92CBF6"/>
+<path d="M51.327 40.8079H34.6072C32.4045 40.8079 30.6263 39.0362 30.6263 36.8415C30.6263 34.6468 32.4045 32.8752 34.6072 32.8752H51.327C53.5297 32.8752 55.3079 34.6468 55.3079 36.8415C55.3079 39.0362 53.5297 40.8079 51.327 40.8079Z" fill="#92CBF6"/>
+<path d="M66.9851 67.2503C69.1837 67.2503 70.966 65.4745 70.966 63.284C70.966 61.0934 69.1837 59.3176 66.9851 59.3176C64.7865 59.3176 63.0042 61.0934 63.0042 63.284C63.0042 65.4745 64.7865 67.2503 66.9851 67.2503Z" fill="#92CBF6"/>
+<path d="M51.327 67.2503H34.6072C32.4045 67.2503 30.6263 65.4787 30.6263 63.284C30.6263 61.0892 32.4045 59.3176 34.6072 59.3176H51.327C53.5297 59.3176 55.3079 61.0892 55.3079 63.284C55.3079 65.4787 53.5297 67.2503 51.327 67.2503Z" fill="#92CBF6"/>
+<path d="M34.8726 54.0291C37.0712 54.0291 38.8535 52.2533 38.8535 50.0627C38.8535 47.8722 37.0712 46.0964 34.8726 46.0964C32.674 46.0964 30.8917 47.8722 30.8917 50.0627C30.8917 52.2533 32.674 54.0291 34.8726 54.0291Z" fill="#92CBF6"/>
+<path d="M67.2505 54.0291H50.5308C48.328 54.0291 46.5499 52.2575 46.5499 50.0627C46.5499 47.868 48.328 46.0964 50.5308 46.0964H67.2505C69.4533 46.0964 71.2314 47.868 71.2314 50.0627C71.2314 52.2575 69.4533 54.0291 67.2505 54.0291Z" fill="#92CBF6"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.5966" fill="#92CBF6" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/beach/search.svg b/hybrid-vertical/.config/eww/images/svg/beach/search.svg
new file mode 100644
index 000000000..94bd29803
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/beach/search.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0481 9.31178C70.2498 9.31178 75.08 12.1005 77.6808 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6808 83.3845C75.08 87.8995 70.2498 90.6882 65.0481 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27214 57.3037C4.67129 52.7887 4.67129 47.2113 7.27214 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0481ZM65.0481 4H34.9526C27.8401 4 21.2583 7.79792 17.7021 13.9596L2.6543 40.0404C-0.90196 46.2021 -0.90196 53.7979 2.6543 59.9596L17.7021 86.0404C21.2583 92.2021 27.8401 96 34.9526 96H65.0481C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3464 59.9596C100.903 53.7979 100.903 46.2021 97.3464 40.0404L82.2721 13.9596C78.7424 7.79792 72.1607 4 65.0481 4Z" fill="#B0E2F7"/>
+<path d="M67.0382 71.0612C66.0297 71.0612 64.9947 70.6628 64.225 69.8926L54.2728 59.933C52.707 58.3661 52.707 55.843 54.2728 54.3025C55.8386 52.7356 58.3599 52.7356 59.8991 54.3025L69.8514 64.2621C71.4172 65.8291 71.4172 68.3522 69.8514 69.8926C69.0817 70.6628 68.0732 71.0612 67.0382 71.0612Z" fill="#B0E2F7"/>
+<path d="M46.2049 63.4919C36.7038 63.4919 28.9544 55.7367 28.9544 46.2286C28.9544 36.7206 36.7038 28.9654 46.2049 28.9654C55.706 28.9654 63.4554 36.7206 63.4554 46.2286C63.4554 55.7367 55.7325 63.4919 46.2049 63.4919ZM46.2049 36.933C41.0828 36.933 36.9162 41.1028 36.9162 46.2286C36.9162 51.3545 41.0828 55.5243 46.2049 55.5243C51.327 55.5243 55.4937 51.3545 55.4937 46.2286C55.4937 41.1028 51.327 36.933 46.2049 36.933Z" fill="#B0E2F7"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#B0E2F7" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/beach/settings.svg b/hybrid-vertical/.config/eww/images/svg/beach/settings.svg
new file mode 100644
index 000000000..2ae0bf40b
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/beach/settings.svg
@@ -0,0 +1,23 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.31178C70.2493 9.31178 75.0795 12.1005 77.6803 16.6155L92.7281 42.6963C95.329 47.2113 95.329 52.7887 92.7281 57.3037L77.6803 83.3845C75.0795 87.8995 70.2493 90.6882 65.0476 90.6882H34.9521C29.7504 90.6882 24.9203 87.8995 22.3194 83.3845L7.27163 57.3037C4.67078 52.7887 4.67078 47.2113 7.27163 42.6963L22.3194 16.6155C24.9203 12.1005 29.7504 9.31178 34.9521 9.31178H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.79792 17.7016 13.9596L2.6538 40.0404C-0.902467 46.2021 -0.902467 53.7979 2.6538 59.9596L17.7016 86.0404C21.2578 92.2021 27.8396 96 34.9521 96H65.0476C72.1602 96 78.7419 92.2021 82.2982 86.0404L97.3459 59.9596C100.902 53.7979 100.902 46.2021 97.3459 40.0404L82.2716 13.9596C78.7419 7.79792 72.1602 4 65.0476 4Z" fill="#E7D2D7"/>
+<path d="M50 72.0704C37.9246 72.0704 28.1051 62.2436 28.1051 50.1593C28.1051 38.0751 37.9246 28.2483 50 28.2483C62.0754 28.2483 71.8949 38.0751 71.8949 50.1593C71.8949 62.2436 62.0754 72.0704 50 72.0704ZM50 36.2159C42.3036 36.2159 36.0669 42.4838 36.0669 50.1593C36.0669 57.8349 42.3302 64.1028 50 64.1028C57.6699 64.1028 63.9331 57.8349 63.9331 50.1593C63.9331 42.4838 57.6699 36.2159 50 36.2159Z" fill="#E7D2D7"/>
+<path d="M50 35.8441C47.7972 35.8441 46.0191 34.0647 46.0191 31.8603V28.4873C46.0191 26.2829 47.7972 24.5035 50 24.5035C52.2028 24.5035 53.9809 26.2829 53.9809 28.4873V31.8603C53.9809 34.0647 52.2028 35.8441 50 35.8441Z" fill="#E7D2D7"/>
+<path d="M58.9968 38.5531C58.2537 38.5531 57.5106 38.3407 56.8206 37.9157C54.9894 36.7206 54.4586 34.2506 55.6529 32.418L57.6699 29.3106C58.8641 27.4781 61.3323 26.9469 63.1635 28.142C64.9947 29.3372 65.5255 31.8072 64.3312 33.6397L62.3142 36.7471C61.5711 37.9157 60.2973 38.5531 58.9968 38.5531Z" fill="#E7D2D7"/>
+<path d="M65.7378 45.5116C64.3843 45.5116 63.0839 44.821 62.3408 43.5993C61.1996 41.7136 61.81 39.2702 63.6943 38.1282L67.0382 36.1097C68.9225 34.9677 71.3641 35.5785 72.5053 37.4642C73.6465 39.3499 73.0361 41.7933 71.1518 42.9353L67.8079 44.9538C67.1444 45.3256 66.4278 45.5116 65.7378 45.5116Z" fill="#E7D2D7"/>
+<path d="M32.0064 54.515H27.9724C25.7696 54.515 23.9915 52.7356 23.9915 50.5312C23.9915 48.3268 25.7696 46.5473 27.9724 46.5473H32.0064C34.2091 46.5473 35.9873 48.3268 35.9873 50.5312C35.9873 52.7356 34.2091 54.515 32.0064 54.515Z" fill="#E7D2D7"/>
+<path d="M69.0817 65.537C68.3917 65.537 67.7017 65.3511 67.0648 64.9792L63.2696 62.7217C61.3854 61.6062 60.7484 59.1628 61.8631 57.2506C62.9777 55.3649 65.4193 54.7275 67.3302 55.843L71.1253 58.1005C73.0096 59.2159 73.6465 61.6594 72.5319 63.5716C71.7622 64.8464 70.4353 65.537 69.0817 65.537Z" fill="#E7D2D7"/>
+<path d="M34.2622 45.5116C33.5722 45.5116 32.8556 45.3257 32.1921 44.9273L28.8482 42.9088C26.9639 41.7668 26.3535 39.3233 27.4947 37.4377C28.6359 35.552 31.0775 34.9411 32.9618 36.0832L36.3057 38.1016C38.19 39.2437 38.8004 41.6871 37.6592 43.5728C36.9161 44.8476 35.6157 45.5116 34.2622 45.5116Z" fill="#E7D2D7"/>
+<path d="M40.7909 38.7656C39.3843 38.7656 38.0043 37.9954 37.2877 36.6675L35.483 33.321C34.448 31.3822 35.1646 28.9654 37.1019 27.9296C39.0393 26.8938 41.4544 27.6109 42.4894 29.5497L44.2941 32.8961C45.3291 34.8349 44.6125 37.2517 42.6752 38.2875C42.0648 38.6063 41.4278 38.7656 40.7909 38.7656Z" fill="#E7D2D7"/>
+<path d="M72.0276 54.515H67.9936C65.7909 54.515 64.0127 52.7356 64.0127 50.5312C64.0127 48.3268 65.7909 46.5473 67.9936 46.5473H72.0276C74.2303 46.5473 76.0085 48.3268 76.0085 50.5312C76.0085 52.7356 74.2303 54.515 72.0276 54.515Z" fill="#E7D2D7"/>
+<path d="M61.0138 73.6109C59.6603 73.6109 58.3333 72.9203 57.5902 71.6455L55.3344 67.8476C54.2198 65.9619 54.8302 63.5185 56.741 62.3765C58.6253 61.261 61.0669 61.8718 62.2081 63.7841L64.4639 67.582C65.5786 69.4677 64.9682 71.9111 63.0573 73.0531C62.3938 73.425 61.7038 73.6109 61.0138 73.6109Z" fill="#E7D2D7"/>
+<path d="M50 76.5589C47.7972 76.5589 46.0191 74.7795 46.0191 72.5751V68.0866C46.0191 65.8822 47.7972 64.1028 50 64.1028C52.2028 64.1028 53.9809 65.8822 53.9809 68.0866V72.5751C53.9809 74.7795 52.2028 76.5589 50 76.5589Z" fill="#E7D2D7"/>
+<path d="M30.9183 65.537C29.5648 65.537 28.2643 64.8464 27.5212 63.6247C26.3801 61.739 26.9905 59.2956 28.8747 58.1536L32.2187 56.1351C34.103 54.9931 36.5446 55.6039 37.6858 57.4896C38.827 59.3753 38.2166 61.8187 36.3323 62.9607L32.9883 64.9792C32.3514 65.351 31.6348 65.537 30.9183 65.537Z" fill="#E7D2D7"/>
+<path d="M38.9862 73.6108C38.2962 73.6108 37.6062 73.4249 36.9692 73.0531C35.0849 71.9376 34.448 69.4942 35.5626 67.582L37.8185 63.7841C38.9331 61.8984 41.3747 61.261 43.2856 62.3764C45.1699 63.4919 45.8068 65.9353 44.6921 67.8476L42.4363 71.6455C41.6667 72.9203 40.3397 73.6108 38.9862 73.6108Z" fill="#E7D2D7"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#E7D2D7" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/beach/tournaments.svg b/hybrid-vertical/.config/eww/images/svg/beach/tournaments.svg
new file mode 100644
index 000000000..3373bc0ae
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/beach/tournaments.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="#E7D2D7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.3119 52.4749C24.9451 51.108 24.9451 48.892 26.3119 47.5251L47.5251 26.3119C48.8919 24.9451 51.108 24.9451 52.4749 26.3119L73.6881 47.5251C75.0549 48.892 75.0549 51.108 73.6881 52.4749L52.4749 73.6881C51.108 75.0549 48.8919 75.0549 47.5251 73.6881L26.3119 52.4749ZM33.7365 50L50 66.2635L66.2634 50L50 33.7365L33.7365 50Z" fill="#E7D2D7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.5251 27.5251C28.892 26.1583 31.108 26.1583 32.4749 27.5251L72.4749 67.5251C73.8417 68.892 73.8417 71.108 72.4749 72.4749C71.108 73.8417 68.892 73.8417 67.5251 72.4749L27.5251 32.4749C26.1583 31.108 26.1583 28.892 27.5251 27.5251Z" fill="#E7D2D7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M72.4749 27.5251C73.8417 28.892 73.8417 31.108 72.4749 32.4749L32.4749 72.4749C31.108 73.8417 28.892 73.8417 27.5251 72.4749C26.1583 71.108 26.1583 68.892 27.5251 67.5251L67.5251 27.5251C68.892 26.1583 71.108 26.1583 72.4749 27.5251Z" fill="#E7D2D7"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#E7D2D7" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/beatmappacks.svg b/hybrid-vertical/.config/eww/images/svg/beatmappacks.svg
new file mode 100644
index 000000000..1cfed8c97
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/beatmappacks.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="#dfbbde"/>
+<path d="M45.8333 49.0106C45.4883 49.0106 45.1433 48.9575 44.8248 48.8248L25.3715 40.863C24.3365 40.4384 23.673 39.3768 23.7261 38.2622C23.7792 37.121 24.5488 36.1656 25.6369 35.8471L53.6093 27.8853C54.1932 27.7261 54.7771 27.7526 55.3344 27.9915L74.7877 35.9533C75.8227 36.3779 76.4862 37.4395 76.4331 38.5541C76.38 39.6953 75.6104 40.6507 74.5223 40.9692L46.5764 48.931C46.3376 48.9841 46.0987 49.0106 45.8333 49.0106ZM34.5011 38.8461L46.0191 43.5435L65.6847 37.9437L54.1667 33.2463L34.5011 38.8461Z" fill="#dfbbde"/>
+<path d="M45.8333 74.1698C45.4883 74.1698 45.1433 74.1168 44.8248 73.9841L25.3715 66.0223C24.3365 65.5977 23.673 64.5361 23.7261 63.4214C23.7792 62.2802 24.5488 61.3248 25.6369 61.0064L53.5828 53.0446C54.1667 52.8853 54.7505 52.9119 55.3079 53.1507L74.7612 61.1125C75.7962 61.5372 76.4597 62.5987 76.4066 63.7134C76.3535 64.8546 75.5839 65.81 74.4958 66.1284L46.5499 74.0902C46.3376 74.1433 46.0987 74.1698 45.8333 74.1698ZM34.5011 64.0053L46.0191 68.7028L65.6847 63.103L54.1667 58.4055L34.5011 64.0053Z" fill="#dfbbde"/>
+<path d="M26.4597 66.1285C25 66.1285 23.8057 64.9342 23.8057 63.4745V38.3153C23.8057 36.8556 25 35.6614 26.4597 35.6614C27.9193 35.6614 29.1136 36.8556 29.1136 38.3153V63.4745C29.1136 64.9342 27.9193 66.1285 26.4597 66.1285Z" fill="#dfbbde"/>
+<path d="M45.9395 74.1433C44.4799 74.1433 43.2856 72.949 43.2856 71.4894V46.3301C43.2856 44.8705 44.4799 43.6762 45.9395 43.6762C47.3992 43.6762 48.5934 44.8705 48.5934 46.3301V71.4894C48.5934 72.949 47.3992 74.1433 45.9395 74.1433Z" fill="#dfbbde"/>
+<path d="M54.4055 57.7421C52.9459 57.7421 51.7516 56.5478 51.7516 55.0881V30.4862C51.7516 29.0265 52.9459 27.8323 54.4055 27.8323C55.8652 27.8323 57.0594 29.0265 57.0594 30.4862V55.0881C57.0594 56.5478 55.8652 57.7421 54.4055 57.7421Z" fill="#dfbbde"/>
+<path d="M73.8854 66.1285C72.4257 66.1285 71.2314 64.9342 71.2314 63.4745V38.8726C71.2314 37.413 72.4257 36.2187 73.8854 36.2187C75.345 36.2187 76.5393 37.413 76.5393 38.8726V63.4745C76.5393 64.9342 75.345 66.1285 73.8854 66.1285Z" fill="#dfbbde"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#dfbbde" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/beatmaps.svg b/hybrid-vertical/.config/eww/images/svg/beatmaps.svg
new file mode 100644
index 000000000..bf32972dc
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/beatmaps.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="#d7e2ff"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7375 27.0672C49.7375 22.2087 55.5763 19.7364 59.0652 23.1177L64.1858 28.0804C65.5739 29.4257 65.6086 31.6415 64.2633 33.0296C62.9181 34.4176 60.7023 34.4523 59.3142 33.1071L56.7375 30.6098V54.0937C56.7375 56.0267 55.1705 57.5937 53.2375 57.5937C51.3045 57.5937 49.7375 56.0267 49.7375 54.0937V27.0672Z" fill="#d7e2ff"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M47.9008 55.8953C48.8125 55.8953 49.5516 55.1562 49.5516 54.2445C49.5516 53.3328 48.8125 52.5938 47.9008 52.5938C46.9891 52.5938 46.25 53.3328 46.25 54.2445C46.25 55.1562 46.9891 55.8953 47.9008 55.8953ZM47.9008 62.8953C52.6785 62.8953 56.5516 59.0222 56.5516 54.2445C56.5516 49.4668 52.6785 45.5938 47.9008 45.5938C43.1231 45.5938 39.25 49.4668 39.25 54.2445C39.25 59.0222 43.1231 62.8953 47.9008 62.8953Z" fill="#d7e2ff"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.3186 33.2126C47.6854 34.5795 47.6854 36.7955 46.3186 38.1624L31.9479 52.5331C31.3621 53.1189 31.3621 54.0686 31.9479 54.6544L48.9393 71.6458C49.5251 72.2316 50.4748 72.2316 51.0606 71.6458L68.0521 54.6544C68.6379 54.0686 68.6379 53.1189 68.0521 52.5331L59.8376 44.3186C58.4708 42.9518 58.4708 40.7357 59.8376 39.3689C61.2044 38.002 63.4205 38.002 64.7873 39.3689L73.0018 47.5833C76.3213 50.9028 76.3213 56.2847 73.0018 59.6042L56.0104 76.5956C52.6909 79.915 47.309 79.915 43.9896 76.5956L26.9981 59.6042C23.6787 56.2847 23.6787 50.9028 26.9981 47.5833L41.3689 33.2126C42.7357 31.8458 44.9518 31.8458 46.3186 33.2126Z" fill="#d7e2ff"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#d7e2ff" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/bluetooth.svg b/hybrid-vertical/.config/eww/images/svg/bluetooth.svg
new file mode 100644
index 000000000..a07d4ea33
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/bluetooth.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m11.698 12.974 2.682 2.237-2.876 3.117v-5.193l.194-.161Zm1.171-.976 3.077-2.564a.75.75 0 0 0 .071-1.085l-4.711-5.104a.75.75 0 0 0-1.302.508v5.855l-1.12-.934a.75.75 0 1 0-.96 1.152l2.08 1.735v.871l-2.08 1.734a.75.75 0 0 0 .96 1.152l1.12-.934v5.863a.75.75 0 0 0 1.302.508l4.711-5.106a.75.75 0 0 0-.07-1.085l-3.078-2.566Zm-1.17-.977-.195-.162V5.672l2.876 3.115-2.682 2.234Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/bluetoothfalse.svg b/hybrid-vertical/.config/eww/images/svg/bluetoothfalse.svg
new file mode 100644
index 000000000..2c8c3b8ff
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/bluetoothfalse.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.28 2.22a.75.75 0 1 0-1.06 1.06L10 11.06v.498l.004.003v.871l-2.08 1.734a.75.75 0 0 0 .96 1.152l1.12-.934v5.863a.75.75 0 0 0 1.302.508l4.025-4.363 5.388 5.389a.75.75 0 0 0 1.061-1.061L3.28 2.22Zm8.222 10.343 2.768 2.768-2.766 2.997v-5.193l-.002-.572ZM15.946 9.434l-1.816 1.514-1.066-1.065 1.316-1.096-2.876-3.115v2.65l-1.5-1.5V3.754a.75.75 0 0 1 1.302-.508l4.711 5.104a.75.75 0 0 1-.07 1.085Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/bluetoothtrue.svg b/hybrid-vertical/.config/eww/images/svg/bluetoothtrue.svg
new file mode 100644
index 000000000..f705be95e
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/bluetoothtrue.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.004 9.608V3.753c0-.646.752-.974 1.225-.58l.076.072 4.712 5.104a.75.75 0 0 1 .005 1.012l-.076.073-3.077 2.564 3.077 2.566a.75.75 0 0 1 .137 1.002l-.066.083-4.711 5.106c-.44.476-1.214.207-1.295-.404l-.007-.104v-5.863l-1.12.934a.75.75 0 0 1-1.04-1.075l.08-.077 2.08-1.734v-.87l-2.08-1.736a.75.75 0 0 1 .87-1.217l.09.065 1.12.934V3.753v5.855Zm1.694 3.366-.194.16v5.194l2.876-3.117-2.682-2.237ZM17 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2ZM6 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm5.504-5.328v5.187l.194.162 2.682-2.234-2.876-3.115Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/bright0.svg b/hybrid-vertical/.config/eww/images/svg/bright0.svg
new file mode 100644
index 000000000..7fe10e0eb
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/bright0.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/brightness.svg b/hybrid-vertical/.config/eww/images/svg/brightness.svg
new file mode 100644
index 000000000..eb68c1859
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/brightness.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M11.996 19.01a.75.75 0 0 1 .743.649l.007.102v1.5a.75.75 0 0 1-1.493.101l-.007-.101v-1.5a.75.75 0 0 1 .75-.75Zm6.022-2.072 1.06 1.06a.75.75 0 1 1-1.06 1.061l-1.06-1.06a.75.75 0 0 1 1.06-1.061Zm-10.983 0a.75.75 0 0 1 0 1.06L5.974 19.06a.75.75 0 0 1-1.06-1.06l1.06-1.061a.75.75 0 0 1 1.06 0ZM12 6.475a5.525 5.525 0 1 1 0 11.05 5.525 5.525 0 0 1 0-11.05Zm0 1.5a4.025 4.025 0 1 0 0 8.05 4.025 4.025 0 0 0 0-8.05Zm9.25 3.293a.75.75 0 0 1 .102 1.493l-.102.007h-1.5a.75.75 0 0 1-.102-1.493l.102-.007h1.5Zm-17-.029a.75.75 0 0 1 .102 1.494l-.102.006h-1.5a.75.75 0 0 1-.102-1.493l.102-.007h1.5Zm1.64-6.37.084.072 1.06 1.06a.75.75 0 0 1-.976 1.134l-.084-.073-1.06-1.06a.75.75 0 0 1 .976-1.134Zm13.188.072a.75.75 0 0 1 .073.977l-.073.084-1.06 1.06a.75.75 0 0 1-1.133-.976l.072-.084 1.06-1.061a.75.75 0 0 1 1.061 0ZM12 1.99a.75.75 0 0 1 .743.648l.007.102v1.5a.75.75 0 0 1-1.493.101l-.007-.102v-1.5a.75.75 0 0 1 .75-.75Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/calculator.svg b/hybrid-vertical/.config/eww/images/svg/calculator.svg
new file mode 100644
index 000000000..03322ce39
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/calculator.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7 7a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2V7Zm2-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-.5-.5H9Zm-.75 8a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm1.25 2.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm6.25-2.75a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM17 17.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm-5-2.75a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm1.25 2.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM7.25 2A3.25 3.25 0 0 0 4 5.25v13.5A3.25 3.25 0 0 0 7.25 22h9.5A3.25 3.25 0 0 0 20 18.75V5.25A3.25 3.25 0 0 0 16.75 2h-9.5ZM5.5 5.25c0-.966.784-1.75 1.75-1.75h9.5c.966 0 1.75.784 1.75 1.75v13.5a1.75 1.75 0 0 1-1.75 1.75h-9.5a1.75 1.75 0 0 1-1.75-1.75V5.25Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/caretdown.svg b/hybrid-vertical/.config/eww/images/svg/caretdown.svg
new file mode 100644
index 000000000..983cf2eab
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/caretdown.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.102 8c-1.074 0-1.648 1.265-.94 2.073l5.521 6.31a1.75 1.75 0 0 0 2.634 0l5.522-6.31c.707-.808.133-2.073-.94-2.073H6.101Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/caretup.svg b/hybrid-vertical/.config/eww/images/svg/caretup.svg
new file mode 100644
index 000000000..82236a6a2
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/caretup.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.102 16.981c-1.074 0-1.648-1.265-.94-2.073l5.521-6.31a1.75 1.75 0 0 1 2.634 0l5.522 6.31c.707.809.133 2.073-.94 2.073H6.101Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/changelog.svg b/hybrid-vertical/.config/eww/images/svg/changelog.svg
new file mode 100644
index 000000000..9d6e39562
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/changelog.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0471 9.31178C70.2488 9.31178 75.0789 12.1005 77.6798 16.6155L92.7275 42.6963C95.3284 47.2113 95.3284 52.7887 92.7275 57.3037L77.6798 83.3845C75.0789 87.8995 70.2488 90.6882 65.0471 90.6882H34.9515C29.7498 90.6882 24.9197 87.8995 22.3188 83.3845L7.27104 57.3037C4.67019 52.7887 4.67019 47.2113 7.27104 42.6963L22.3188 16.6155C24.9197 12.1005 29.7498 9.31178 34.9515 9.31178H65.0471ZM65.0471 4H34.9515C27.839 4 21.2572 7.79792 17.701 13.9596L2.6532 40.0404C-0.903062 46.2021 -0.903062 53.7979 2.6532 59.9596L17.701 86.0404C21.2572 92.2021 27.839 96 34.9515 96H65.0471C72.1596 96 78.7413 92.2021 82.2976 86.0404L97.3454 59.9596C100.902 53.7979 100.902 46.2021 97.3454 40.0404L82.2711 13.9596C78.7413 7.79792 72.1596 4 65.0471 4Z" fill="#d7e2ff"/>
+<path d="M43.0733 72.0439C42.4098 72.0439 41.7198 71.8845 41.0828 71.5127L28.0786 63.9965C25.2389 62.3499 23.4607 59.2956 23.4607 56.0023V43.9977C23.4607 40.7044 25.2389 37.6501 28.0786 36.0035L41.0828 28.4873C42.9936 27.3984 45.4087 28.0358 46.5234 29.948C47.6115 31.8603 46.9745 34.2771 45.0637 35.3926L32.0595 42.9088C31.6614 43.1212 31.4225 43.5462 31.4225 43.9977V56.0023C31.4225 56.4538 31.6614 56.8788 32.0595 57.0912L45.0637 64.6074C46.9745 65.6963 47.6115 68.1397 46.5234 70.052C45.8068 71.3268 44.4533 72.0439 43.0733 72.0439Z" fill="#d7e2ff"/>
+<path d="M56.9002 72.0439C55.5202 72.0439 54.1932 71.3268 53.4501 70.052C52.362 68.1397 52.9989 65.7229 54.9098 64.6074L67.914 57.0912C68.3121 56.8788 68.5509 56.4538 68.5509 56.0023V43.9977C68.5509 43.5462 68.3121 43.1212 67.914 42.9088L54.9098 35.3926C52.9989 34.3037 52.362 31.8603 53.4501 29.948C54.5382 28.0358 56.9798 27.3984 58.8907 28.4873L71.8949 36.0035C74.7346 37.6501 76.5127 40.7044 76.5127 43.9977V56.0023C76.5127 59.2956 74.7346 62.3499 71.8949 63.9965L58.8907 71.5127C58.2803 71.8845 57.5902 72.0439 56.9002 72.0439Z" fill="#d7e2ff"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#d7e2ff" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/chat.svg b/hybrid-vertical/.config/eww/images/svg/chat.svg
new file mode 100644
index 000000000..9876d2e85
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/chat.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0482 9.31178C70.2499 9.31178 75.08 12.1005 77.6809 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6809 83.3845C75.08 87.8995 70.2499 90.6882 65.0482 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27215 57.3037C4.6713 52.7887 4.6713 47.2113 7.27215 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0482ZM65.0482 4H34.9526C27.8401 4 21.2584 7.79792 17.7021 13.9596L2.65432 40.0404C-0.901944 46.2021 -0.901944 53.7979 2.65432 59.9596L17.7021 86.0404C21.2584 92.2021 27.8401 96 34.9526 96H65.0482C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3465 59.9596C100.903 53.7979 100.903 46.2021 97.3465 40.0404L82.2722 13.9596C78.7424 7.79792 72.1607 4 65.0482 4Z" fill="#d7e2ff"/>
+<g clip-path="url(#clip1)">
+<path d="M46.9436 72C44.9758 72 43.3872 70.4427 43.3872 68.5136C43.3872 67.7233 43.6718 66.9331 44.1697 66.3288L51.0453 57.9614C53.108 55.428 56.2376 53.9637 59.5332 53.987H64.3224C65.176 53.987 65.8635 53.2897 65.8635 52.4529L65.8161 39.4836C65.8161 38.6468 65.1286 37.9728 64.275 37.9728H36.725C35.8714 37.9728 35.1839 38.6468 35.1602 39.4836L35.1128 52.4065C35.1128 52.8248 35.2787 53.1967 35.5632 53.4989C35.8714 53.7778 36.2508 53.9405 36.6776 53.9405L40.2576 53.894H40.3051C42.2729 53.894 43.8614 55.428 43.8851 57.3571C43.9089 59.2863 42.3203 60.8435 40.3525 60.8668L36.7724 60.89C31.9831 60.9597 28.0711 57.1944 28 52.4994C28 52.4529 28 52.4065 28 52.36L28.0474 39.4371C28.0711 34.7885 31.9594 31 36.725 31H64.2987C69.0643 31 72.9289 34.7885 72.9526 39.4603L73 52.4297C73.0237 57.1247 69.1591 60.9365 64.3699 60.9597H64.3462H59.5569C58.4189 60.9597 57.3282 61.4711 56.617 62.3543L49.7413 70.7216C49.0537 71.5351 48.0342 72.0232 46.9436 72Z" fill="#d7e2ff"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#d7e2ff" transform="translate(0 4)"/>
+</clipPath>
+<clipPath id="clip1">
+<rect width="45" height="41" fill="#d7e2ff" transform="translate(28 31)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/checkbox.svg b/hybrid-vertical/.config/eww/images/svg/checkbox.svg
new file mode 100644
index 000000000..8de017a32
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/checkbox.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.25 3A3.25 3.25 0 0 0 3 6.25v11.5A3.25 3.25 0 0 0 6.25 21h11.5A3.25 3.25 0 0 0 21 17.75V6.25A3.25 3.25 0 0 0 17.75 3H6.25Zm10.03 6.78-5 5a.75.75 0 0 1-1.06 0l-2.004-2.004a.75.75 0 1 1 1.06-1.06l1.474 1.473 4.47-4.47a.75.75 0 1 1 1.06 1.061Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/checkbox_no.svg b/hybrid-vertical/.config/eww/images/svg/checkbox_no.svg
new file mode 100644
index 000000000..7cf715419
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/checkbox_no.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6 3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3Zm0 2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H6Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/cog.svg b/hybrid-vertical/.config/eww/images/svg/cog.svg
new file mode 100644
index 000000000..176f37680
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/cog.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.012 2.25c.734.008 1.465.093 2.182.253a.75.75 0 0 1 .582.649l.17 1.527a1.384 1.384 0 0 0 1.927 1.116l1.401-.615a.75.75 0 0 1 .85.174 9.792 9.792 0 0 1 2.204 3.792.75.75 0 0 1-.271.825l-1.242.916a1.381 1.381 0 0 0 0 2.226l1.243.915a.75.75 0 0 1 .272.826 9.797 9.797 0 0 1-2.204 3.792.75.75 0 0 1-.848.175l-1.407-.617a1.38 1.38 0 0 0-1.926 1.114l-.169 1.526a.75.75 0 0 1-.572.647 9.518 9.518 0 0 1-4.406 0 .75.75 0 0 1-.572-.647l-.168-1.524a1.382 1.382 0 0 0-1.926-1.11l-1.406.616a.75.75 0 0 1-.849-.175 9.798 9.798 0 0 1-2.204-3.796.75.75 0 0 1 .272-.826l1.243-.916a1.38 1.38 0 0 0 0-2.226l-1.243-.914a.75.75 0 0 1-.271-.826 9.793 9.793 0 0 1 2.204-3.792.75.75 0 0 1 .85-.174l1.4.615a1.387 1.387 0 0 0 1.93-1.118l.17-1.526a.75.75 0 0 1 .583-.65c.717-.159 1.45-.243 2.201-.252Zm0 1.5a9.135 9.135 0 0 0-1.354.117l-.109.977A2.886 2.886 0 0 1 6.525 7.17l-.898-.394a8.293 8.293 0 0 0-1.348 2.317l.798.587a2.881 2.881 0 0 1 0 4.643l-.799.588c.32.842.776 1.626 1.348 2.322l.905-.397a2.882 2.882 0 0 1 4.017 2.318l.11.984c.889.15 1.798.15 2.687 0l.11-.984a2.881 2.881 0 0 1 4.018-2.322l.905.396a8.296 8.296 0 0 0 1.347-2.318l-.798-.588a2.881 2.881 0 0 1 0-4.643l.796-.587a8.293 8.293 0 0 0-1.348-2.317l-.896.393a2.884 2.884 0 0 1-4.023-2.324l-.11-.976a8.988 8.988 0 0 0-1.333-.117ZM12 8.25a3.75 3.75 0 1 1 0 7.5 3.75 3.75 0 0 1 0-7.5Zm0 1.5a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/color.scss b/hybrid-vertical/.config/eww/images/svg/color.scss
new file mode 100644
index 000000000..d5bef1bc5
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/color.scss
@@ -0,0 +1 @@
+$colorbar: #d7e2ff;
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/color.txt b/hybrid-vertical/.config/eww/images/svg/color.txt
new file mode 100644
index 000000000..bd3f7fb13
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/color.txt
@@ -0,0 +1 @@
+#d7e2ff
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/contests.svg b/hybrid-vertical/.config/eww/images/svg/contests.svg
new file mode 100644
index 000000000..5c45ddf82
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/contests.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0478 9.30786C70.2495 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.3291 47.1794 95.3291 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2495 90.6242 65.0478 90.6242H34.9522C29.7505 90.6242 24.9204 87.8376 22.3195 83.3259L7.27175 57.2643C4.67091 52.7527 4.67091 47.1794 7.27175 42.6677L22.3195 16.6062C24.9204 12.0945 29.7505 9.30786 34.9522 9.30786H65.0478ZM65.0478 4H34.9522C27.8397 4 21.258 7.79512 17.7017 13.9522L2.65392 40.0138C-0.902341 46.1709 -0.902341 53.7611 2.65392 59.9183L17.7017 85.9798C21.258 92.1369 27.8397 95.9321 34.9522 95.9321H65.0478C72.1603 95.9321 78.742 92.1369 82.2983 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1603 4 65.0478 4Z" fill="#d7e2ff"/>
+<path d="M50 76.7707C47.7972 76.7707 46.0191 74.9925 46.0191 72.7898V53.9469C46.0191 51.7441 47.7972 49.966 50 49.966C52.2028 49.966 53.9809 51.7441 53.9809 53.9469V72.7898C53.9809 74.9925 52.2028 76.7707 50 76.7707Z" fill="#d7e2ff"/>
+<path d="M36.7304 71.9936C34.5276 71.9936 32.7495 70.2155 32.7495 68.0127V61.1125C32.7495 58.9098 34.5276 57.1316 36.7304 57.1316C38.9331 57.1316 40.7113 58.9098 40.7113 61.1125V68.0127C40.7113 70.2155 38.9331 71.9936 36.7304 71.9936Z" fill="#d7e2ff"/>
+<path d="M36.7304 51.8238C36.5977 51.8238 36.465 51.8238 36.3323 51.7973C36.1996 51.7973 36.0669 51.7707 35.9342 51.7442C35.8015 51.7176 35.6688 51.6911 35.5626 51.638C35.4299 51.5849 35.3238 51.5584 35.1911 51.5053C35.0849 51.4522 34.9522 51.3992 34.8461 51.3461C34.7399 51.293 34.6072 51.2134 34.5011 51.1338C34.3949 51.0542 34.2887 50.9745 34.1826 50.8949C34.0764 50.8153 33.9703 50.7091 33.8906 50.6295C33.811 50.5234 33.7049 50.4438 33.6253 50.3376C33.5456 50.2314 33.466 50.1253 33.3864 50.0191C33.3068 49.913 33.2537 49.8068 33.1741 49.6741C33.121 49.568 33.0679 49.4353 33.0149 49.3291C32.9618 49.223 32.9087 49.0903 32.8822 48.9576C32.8556 48.8249 32.8025 48.6922 32.776 48.586C32.7495 48.4533 32.7229 48.3206 32.7229 48.2145C32.6964 48.0818 32.6964 47.9491 32.6964 47.8164C32.6964 47.6837 32.6964 47.551 32.7229 47.4183C32.7229 47.2856 32.7495 47.1529 32.776 47.0202C32.8025 46.8875 32.8291 46.7548 32.8822 46.6486C32.9087 46.5159 32.9618 46.4098 33.0149 46.2771C33.0679 46.1709 33.121 46.0382 33.1741 45.9321C33.2272 45.8259 33.3068 45.6932 33.3864 45.5871C33.466 45.4809 33.5456 45.3748 33.6253 45.2686C33.7049 45.1624 33.7845 45.0563 33.8906 44.9767C33.9968 44.897 34.0764 44.7909 34.1826 44.7113C34.2887 44.6317 34.3949 44.552 34.5011 44.4724C34.6072 44.3928 34.7134 44.3397 34.8461 44.2601C34.9522 44.207 35.0849 44.1539 35.1911 44.1009C35.3238 44.0478 35.4299 43.9947 35.5626 43.9682C35.6953 43.9416 35.828 43.8886 35.9342 43.862C36.0669 43.8355 36.1996 43.8089 36.3323 43.8089C36.5977 43.7824 36.8631 43.7824 37.1019 43.8089C37.2346 43.8089 37.3673 43.8355 37.5 43.862C37.6327 43.8886 37.7654 43.9151 37.8715 43.9682C38.0042 43.9947 38.1104 44.0478 38.2431 44.1009C38.3758 44.1539 38.4819 44.207 38.5881 44.2601C38.6943 44.3132 38.827 44.3928 38.9331 44.4724C39.0393 44.552 39.1454 44.6317 39.2516 44.7113C39.3577 44.7909 39.4639 44.8705 39.5435 44.9767C39.6231 45.0828 39.7293 45.1624 39.8089 45.2686C39.8885 45.3748 39.9681 45.4809 40.0478 45.5871C40.1274 45.6932 40.1805 45.7994 40.2601 45.9321C40.3132 46.0382 40.3662 46.1709 40.4193 46.2771C40.4724 46.4098 40.4989 46.5159 40.552 46.6486C40.5786 46.7813 40.6316 46.914 40.6582 47.0202C40.6847 47.1529 40.7112 47.2856 40.7112 47.4183C40.7378 47.551 40.7378 47.6837 40.7378 47.8164C40.7378 47.9491 40.7378 48.0818 40.7112 48.2145C40.7112 48.3472 40.6847 48.4799 40.6582 48.586C40.6316 48.7187 40.6051 48.8514 40.552 48.9576C40.4989 49.0903 40.4724 49.1964 40.4193 49.3291C40.3662 49.4618 40.3132 49.568 40.2601 49.6741C40.207 49.7803 40.1274 49.913 40.0478 50.0191C39.9681 50.1253 39.8885 50.2314 39.8089 50.3376C39.7293 50.4438 39.6231 50.5499 39.5435 50.6295C39.4374 50.7091 39.3577 50.8153 39.2516 50.8949C39.1454 50.9745 39.0393 51.0542 38.9331 51.1338C38.827 51.2134 38.7208 51.2665 38.5881 51.3461C38.4819 51.3992 38.3493 51.4522 38.2431 51.5053C38.1369 51.5584 38.0042 51.5849 37.8715 51.638C37.7388 51.6646 37.6327 51.7176 37.5 51.7442C37.3673 51.7707 37.2346 51.7973 37.1019 51.7973C36.9957 51.8238 36.863 51.8238 36.7304 51.8238Z" fill="#d7e2ff"/>
+<path d="M63.2696 71.9936C61.0669 71.9936 59.2887 70.2155 59.2887 68.0127V61.1125C59.2887 58.9098 61.0669 57.1316 63.2696 57.1316C65.4724 57.1316 67.2505 58.9098 67.2505 61.1125V68.0127C67.2505 70.2155 65.4724 71.9936 63.2696 71.9936Z" fill="#d7e2ff"/>
+<path d="M63.2696 51.8238C63.1369 51.8238 63.0043 51.8238 62.8716 51.7973C62.7389 51.7973 62.6062 51.7707 62.4735 51.7442C62.3408 51.7176 62.2081 51.6911 62.1019 51.638C61.9692 51.5849 61.8631 51.5584 61.7304 51.5053C61.6242 51.4522 61.4915 51.3992 61.3854 51.3461C61.2792 51.293 61.1465 51.2134 61.0403 51.1338C60.9342 51.0542 60.828 50.9745 60.7219 50.8949C60.6157 50.8153 60.5096 50.7091 60.4299 50.6295C60.3503 50.5234 60.2442 50.4438 60.1645 50.3376C60.0849 50.2314 60.0053 50.1253 59.9257 50.0191C59.8461 49.913 59.793 49.8068 59.7134 49.6741C59.6603 49.568 59.6072 49.4353 59.5541 49.3291C59.5011 49.223 59.448 49.0903 59.4214 48.9576C59.3949 48.8249 59.3418 48.6922 59.3153 48.586C59.2888 48.4533 59.2622 48.3206 59.2622 48.2145C59.2622 48.0818 59.2357 47.9491 59.2357 47.8164C59.2357 47.6837 59.2357 47.551 59.2622 47.4183C59.2622 47.2856 59.2888 47.1529 59.3153 47.0202C59.3418 46.8875 59.3684 46.7548 59.4214 46.6486C59.448 46.5159 59.5011 46.4098 59.5541 46.2771C59.6072 46.1709 59.6603 46.0382 59.7134 45.9321C59.7665 45.8259 59.8461 45.6932 59.9257 45.5871C60.0053 45.4809 60.0849 45.3748 60.1645 45.2686C60.2442 45.1624 60.3238 45.0563 60.4299 44.9767C60.5361 44.897 60.6157 44.7909 60.7219 44.7113C60.828 44.6317 60.9342 44.552 61.0403 44.4724C61.1465 44.3928 61.2527 44.3397 61.3854 44.2601C61.4915 44.207 61.6242 44.1539 61.7304 44.1009C61.8631 44.0478 61.9692 43.9947 62.1019 43.9682C62.2346 43.9416 62.3673 43.8886 62.4735 43.862C62.6062 43.8355 62.7389 43.8089 62.8716 43.8089C63.1369 43.7824 63.4023 43.7824 63.6677 43.8089C63.8004 43.8089 63.9331 43.8355 64.0393 43.862C64.172 43.8886 64.3047 43.9151 64.4108 43.9682C64.5435 43.9947 64.6497 44.0478 64.7824 44.1009C64.9151 44.1539 65.0212 44.207 65.1274 44.2601C65.2336 44.3132 65.3663 44.3928 65.4724 44.4724C65.5786 44.552 65.6847 44.6317 65.7909 44.7113C65.897 44.7909 66.0032 44.8705 66.0828 44.9767C66.1624 45.0828 66.2686 45.1624 66.3482 45.2686C66.4278 45.3748 66.5074 45.4809 66.5871 45.5871C66.6667 45.6932 66.7198 45.7994 66.7994 45.9321C66.8525 46.0382 66.9055 46.1709 66.9586 46.2771C67.0117 46.4098 67.0382 46.5159 67.0913 46.6486C67.1178 46.7813 67.1709 46.914 67.1975 47.0202C67.224 47.1529 67.2505 47.2856 67.2505 47.4183C67.2771 47.551 67.2771 47.6837 67.2771 47.8164C67.2771 47.9491 67.2771 48.0818 67.2505 48.2145C67.2505 48.3472 67.224 48.4799 67.1975 48.586C67.1709 48.7187 67.1444 48.8514 67.0913 48.9576C67.0382 49.0903 67.0117 49.1964 66.9586 49.3291C66.9055 49.4618 66.8525 49.568 66.7994 49.6741C66.7463 49.7803 66.6667 49.913 66.5871 50.0191C66.5074 50.1253 66.4278 50.2314 66.3482 50.3376C66.2686 50.4438 66.1624 50.5499 66.0828 50.6295C65.9767 50.7091 65.897 50.8153 65.7909 50.8949C65.6847 50.9745 65.5786 51.0542 65.4724 51.1338C65.3663 51.2134 65.2601 51.2665 65.1274 51.3461C65.0212 51.3992 64.8885 51.4522 64.7824 51.5053C64.6762 51.5584 64.5435 51.5849 64.4108 51.638C64.2781 51.6646 64.172 51.7176 64.0393 51.7442C63.9066 51.7707 63.7739 51.7973 63.6677 51.7973C63.535 51.8238 63.4023 51.8238 63.2696 51.8238Z" fill="#d7e2ff"/>
+<path d="M50 44.7909C44.1348 44.7909 39.3843 40.0403 39.3843 34.1752C39.3843 28.31 44.1348 23.5594 50 23.5594C55.8652 23.5594 60.6157 28.31 60.6157 34.1752C60.6157 40.0403 55.8652 44.7909 50 44.7909ZM50 31.5212C48.5403 31.5212 47.3461 32.7155 47.3461 34.1752C47.3461 35.6348 48.5403 36.8291 50 36.8291C51.4597 36.8291 52.6539 35.6348 52.6539 34.1752C52.6539 32.7155 51.4597 31.5212 50 31.5212Z" fill="#d7e2ff"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#d7e2ff" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/copy.svg b/hybrid-vertical/.config/eww/images/svg/copy.svg
new file mode 100644
index 000000000..c77000c87
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/copy.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5.503 4.627 5.5 6.75v10.504a3.25 3.25 0 0 0 3.25 3.25h8.616a2.251 2.251 0 0 1-2.122 1.5H8.75A4.75 4.75 0 0 1 4 17.254V6.75c0-.98.627-1.815 1.503-2.123ZM17.75 2A2.25 2.25 0 0 1 20 4.25v13a2.25 2.25 0 0 1-2.25 2.25h-9a2.25 2.25 0 0 1-2.25-2.25v-13A2.25 2.25 0 0 1 8.75 2h9Zm0 1.5h-9a.75.75 0 0 0-.75.75v13c0 .414.336.75.75.75h9a.75.75 0 0 0 .75-.75v-13a.75.75 0 0 0-.75-.75Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/airplane.svg b/hybrid-vertical/.config/eww/images/svg/dark/airplane.svg
new file mode 100644
index 000000000..c289fd7cb
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/airplane.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9.47 9.643 8.768 3.77l-.002-.074c0-.889.72-1.61 1.61-1.61.802 0 1.545.42 1.977 1.135l.087.161 2.945 6.09 3.957-.117a2.6 2.6 0 0 1 2.672 2.53l.001.066a2.602 2.602 0 0 1-2.62 2.597l-3.963-.116-2.992 6.188a2.293 2.293 0 0 1-2.065 1.295c-.889 0-1.609-.72-1.609-1.631l.007-.118.707-5.908-2.132-.063-.27.736a1.946 1.946 0 0 1-1.827 1.278c-.876 0-1.586-.71-1.586-1.587v-.76l-.154-.032a1.92 1.92 0 0 1 0-3.758l.155-.032v-.76c0-.803.597-1.475 1.434-1.579l.151-.008c.745 0 1.423.426 1.765 1.127l.063.15.27.736 2.12-.062Zm.906-6.057c-.06 0-.109.049-.11.087l.887 7.422-4.84.141-.628-1.715-.032-.079c-.075-.152-.23-.25-.354-.251l-.058.002a.086.086 0 0 0-.075.085l.001 1.98-1.35.282a.419.419 0 0 0 0 .821l1.35.281v1.98c0 .047.038.086.085.086a.446.446 0 0 0 .419-.293l.64-1.751 4.854.141-.897 7.471v.03c0 .06.048.108.108.108a.793.793 0 0 0 .714-.448l3.415-7.063 4.914.144c.606 0 1.097-.491 1.097-1.086v-.043a1.097 1.097 0 0 0-1.13-1.064l-4.928.144-3.351-6.932-.053-.099a.793.793 0 0 0-.678-.381Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/app.svg b/hybrid-vertical/.config/eww/images/svg/dark/app.svg
new file mode 100644
index 000000000..b2a2169f0
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/app.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m18.492 2.33 3.179 3.179a2.25 2.25 0 0 1 0 3.182l-2.423 2.422A2.501 2.501 0 0 1 21 13.5v5a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 18.5v-13A2.5 2.5 0 0 1 5.5 3h5c1.121 0 2.07.737 2.387 1.754L15.31 2.33a2.25 2.25 0 0 1 3.182 0ZM11 13H5v5.5a.5.5 0 0 0 .5.5H11v-6Zm7.5 0H13v6h5.5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5Zm-4.06-2.001L13 9.559v1.44h1.44Zm-3.94-6h-5a.5.5 0 0 0-.5.5V11h6V5.5a.5.5 0 0 0-.5-.5Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/appgeneric.svg b/hybrid-vertical/.config/eww/images/svg/dark/appgeneric.svg
new file mode 100644
index 000000000..70f378c96
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/appgeneric.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m17.751 3 .185.005a3.25 3.25 0 0 1 3.06 3.06l.005.185v11.5l-.005.184A3.25 3.25 0 0 1 17.751 21H6.25a3.25 3.25 0 0 1-3.245-3.066L3 17.75V6.25a3.25 3.25 0 0 1 3.066-3.245L6.25 3h11.501ZM19.5 8H4.501L4.5 17.75a1.75 1.75 0 0 0 1.606 1.744l.144.006h11.501l.144-.006a1.75 1.75 0 0 0 1.6-1.593l.006-.151L19.5 8Zm-9.25 1.5a.75.75 0 0 1 .743.648l.007.102v7a.75.75 0 0 1-.648.743L10.25 18h-3.5a.75.75 0 0 1-.743-.648L6 17.25v-7a.75.75 0 0 1 .648-.743L6.75 9.5h3.5ZM9.5 11h-2v5.5h2V11Zm6.75 1.503a.75.75 0 0 1 .102 1.493l-.102.007h-3.496a.75.75 0 0 1-.101-1.493l.101-.007h3.496Zm1-3.003a.75.75 0 0 1 .102 1.493L17.25 11h-4.496a.75.75 0 0 1-.101-1.493l.101-.007h4.496Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/applycolor.svg b/hybrid-vertical/.config/eww/images/svg/dark/applycolor.svg
new file mode 100644
index 000000000..70d163583
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/applycolor.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M2 12.414V17.5A2.5 2.5 0 0 0 4.5 20h15a2.5 2.5 0 0 0 2.5-2.5v-11A2.5 2.5 0 0 0 19.5 4h-8.944l1.5 1.5H19.5a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1v-3.586l-1.5-1.5Z" fill="white"/><path d="M6 1.75a.75.75 0 1 1 1.5 0v1.265c.45.04.89.233 1.235.578l3.536 3.536a2 2 0 0 1 0 2.828L8.027 14.2a2 2 0 0 1-2.829 0l-3.535-3.536a2 2 0 0 1 0-2.828l4.243-4.243c.03-.03.061-.06.093-.087V1.75Zm0 4.5v-.629l-2.89 2.89h8.245a.498.498 0 0 0-.145-.322L7.674 4.654A.498.498 0 0 0 7.5 4.54v1.71a.75.75 0 0 1-1.5 0Zm-2.868 3.76 3.128 3.13a.5.5 0 0 0 .707 0l3.129-3.13H3.132ZM11 13.375c0-.493.154-.972.342-1.381.19-.416.438-.806.673-1.134.238-.331.474-.613.65-.812.085-.097.24-.261.299-.323l.005-.005a.75.75 0 0 1 1.061 0l.305.328c.176.199.412.48.649.812.236.328.483.718.674 1.134.188.409.342.888.342 1.381C16 14.765 14.97 16 13.5 16c-1.471 0-2.5-1.235-2.5-2.625Zm2.234-1.64c-.202.28-.392.585-.53.885-.14.305-.204.56-.204.755 0 .691.48 1.125 1 1.125.519 0 1-.434 1-1.125 0-.194-.065-.45-.205-.755a5.494 5.494 0 0 0-.53-.886 8.417 8.417 0 0 0-.265-.35 8.33 8.33 0 0 0-.266.35Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/bat0.svg b/hybrid-vertical/.config/eww/images/svg/dark/bat0.svg
new file mode 100644
index 000000000..5a4b54eaf
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/bat0.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/bat1.svg b/hybrid-vertical/.config/eww/images/svg/dark/bat1.svg
new file mode 100644
index 000000000..d0fee08cf
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/bat1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6.003 8.999H7a1 1 0 0 1 .993.883L8 10v4a1 1 0 0 1-.883.993L7 14.999h-.997a1 1 0 0 1-.993-.884L5.003 14v-4a1 1 0 0 1 .883-.994L6.003 9H7h-.997Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/bat10.svg b/hybrid-vertical/.config/eww/images/svg/dark/bat10.svg
new file mode 100644
index 000000000..6518b5510
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/bat10.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h10a1 1 0 0 1 .993.883L17 10v4a1 1 0 0 1-.883.993L16 15H6a1 1 0 0 1-.993-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h10H6Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/bat2.svg b/hybrid-vertical/.config/eww/images/svg/dark/bat2.svg
new file mode 100644
index 000000000..359e89591
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/bat2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9.003 8 9a1 1 0 0 1 .993.883L9 10v4a1 1 0 0 1-.883.993L8 15l-2 .003a1 1 0 0 1-.993-.883L5 14.003v-4a1 1 0 0 1 .883-.993L6 9.003 8 9l-2 .003Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/bat3.svg b/hybrid-vertical/.config/eww/images/svg/dark/bat3.svg
new file mode 100644
index 000000000..71d54b711
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/bat3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6.017 9H9a1 1 0 0 1 .993.883L10 10v4a1 1 0 0 1-.883.993L9 15H6.017a1 1 0 0 1-.994-.883L5.017 14v-4a1 1 0 0 1 .883-.993L6.017 9H9 6.017Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/bat4.svg b/hybrid-vertical/.config/eww/images/svg/dark/bat4.svg
new file mode 100644
index 000000000..fccf41179
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/bat4.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h4a1 1 0 0 1 .993.883L11 10v4a1 1 0 0 1-.883.993L10 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h4-4Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/bat5.svg b/hybrid-vertical/.config/eww/images/svg/dark/bat5.svg
new file mode 100644
index 000000000..f038d856b
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/bat5.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h5a1 1 0 0 1 .993.883L12 10v4a1 1 0 0 1-.883.993L11 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h5-5Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/bat6.svg b/hybrid-vertical/.config/eww/images/svg/dark/bat6.svg
new file mode 100644
index 000000000..1e78412ea
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/bat6.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h6a1 1 0 0 1 .993.883L13 10v4a1 1 0 0 1-.883.993L12 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h6-6Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/bat7.svg b/hybrid-vertical/.config/eww/images/svg/dark/bat7.svg
new file mode 100644
index 000000000..e2ac822f8
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/bat7.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h7a1 1 0 0 1 .993.883L14 10v4a1 1 0 0 1-.883.993L13 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h7-7Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/bat8.svg b/hybrid-vertical/.config/eww/images/svg/dark/bat8.svg
new file mode 100644
index 000000000..ab8433e94
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/bat8.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h8a1 1 0 0 1 .993.883L15 10v4a1 1 0 0 1-.883.993L14 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h8-8Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/bat9.svg b/hybrid-vertical/.config/eww/images/svg/dark/bat9.svg
new file mode 100644
index 000000000..bbe514d7b
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/bat9.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h9a1 1 0 0 1 .993.883L16 10v4a1 1 0 0 1-.883.993L15 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h9-9Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/batcharge.svg b/hybrid-vertical/.config/eww/images/svg/dark/batcharge.svg
new file mode 100644
index 000000000..eb76029ba
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/batcharge.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.75 6H17a3 3 0 0 1 2.995 2.824L20 9v1l1 .018a1 1 0 0 1 .993.879l.008.12v2a1 1 0 0 1-.866.992l-.134.009L20 14v1a3 3 0 0 1-2.824 2.995L17 18H7.998a.75.75 0 0 1-.102-1.493l.102-.007H17a1.5 1.5 0 0 0 1.493-1.355L18.5 15V9a1.5 1.5 0 0 0-1.355-1.493L17 7.5h-6.25a.75.75 0 0 1-.102-1.493L10.75 6H17h-6.25Zm-4.499 4.998v6.252a.75.75 0 0 1-1.492.102l-.007-.102v-6.252H3.75A1.75 1.75 0 0 1 2 9.249V6.75A.75.75 0 0 1 2.75 6h.751V4.75a.75.75 0 0 1 .648-.743L4.251 4a.75.75 0 0 1 .743.648l.007.102V6h.995V4.75a.75.75 0 0 1 .65-.743l.1-.007a.75.75 0 0 1 .744.648l.007.102L7.496 6h.758a.75.75 0 0 1 .75.75v2.499a1.75 1.75 0 0 1-1.75 1.75l-1.003-.001v6.252-6.252ZM7.504 7.5H3.5v1.749c0 .138.112.25.25.25h3.504a.25.25 0 0 0 .25-.25V7.5Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/beatmappacks.svg b/hybrid-vertical/.config/eww/images/svg/dark/beatmappacks.svg
new file mode 100644
index 000000000..4f4bc4bd2
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/beatmappacks.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="white"/>
+<path d="M45.8333 49.0106C45.4883 49.0106 45.1433 48.9575 44.8248 48.8248L25.3715 40.863C24.3365 40.4384 23.673 39.3768 23.7261 38.2622C23.7792 37.121 24.5488 36.1656 25.6369 35.8471L53.6093 27.8853C54.1932 27.7261 54.7771 27.7526 55.3344 27.9915L74.7877 35.9533C75.8227 36.3779 76.4862 37.4395 76.4331 38.5541C76.38 39.6953 75.6104 40.6507 74.5223 40.9692L46.5764 48.931C46.3376 48.9841 46.0987 49.0106 45.8333 49.0106ZM34.5011 38.8461L46.0191 43.5435L65.6847 37.9437L54.1667 33.2463L34.5011 38.8461Z" fill="white"/>
+<path d="M45.8333 74.1698C45.4883 74.1698 45.1433 74.1168 44.8248 73.9841L25.3715 66.0223C24.3365 65.5977 23.673 64.5361 23.7261 63.4214C23.7792 62.2802 24.5488 61.3248 25.6369 61.0064L53.5828 53.0446C54.1667 52.8853 54.7505 52.9119 55.3079 53.1507L74.7612 61.1125C75.7962 61.5372 76.4597 62.5987 76.4066 63.7134C76.3535 64.8546 75.5839 65.81 74.4958 66.1284L46.5499 74.0902C46.3376 74.1433 46.0987 74.1698 45.8333 74.1698ZM34.5011 64.0053L46.0191 68.7028L65.6847 63.103L54.1667 58.4055L34.5011 64.0053Z" fill="white"/>
+<path d="M26.4597 66.1285C25 66.1285 23.8057 64.9342 23.8057 63.4745V38.3153C23.8057 36.8556 25 35.6614 26.4597 35.6614C27.9193 35.6614 29.1136 36.8556 29.1136 38.3153V63.4745C29.1136 64.9342 27.9193 66.1285 26.4597 66.1285Z" fill="white"/>
+<path d="M45.9395 74.1433C44.4799 74.1433 43.2856 72.949 43.2856 71.4894V46.3301C43.2856 44.8705 44.4799 43.6762 45.9395 43.6762C47.3992 43.6762 48.5934 44.8705 48.5934 46.3301V71.4894C48.5934 72.949 47.3992 74.1433 45.9395 74.1433Z" fill="white"/>
+<path d="M54.4055 57.7421C52.9459 57.7421 51.7516 56.5478 51.7516 55.0881V30.4862C51.7516 29.0265 52.9459 27.8323 54.4055 27.8323C55.8652 27.8323 57.0594 29.0265 57.0594 30.4862V55.0881C57.0594 56.5478 55.8652 57.7421 54.4055 57.7421Z" fill="white"/>
+<path d="M73.8854 66.1285C72.4257 66.1285 71.2314 64.9342 71.2314 63.4745V38.8726C71.2314 37.413 72.4257 36.2187 73.8854 36.2187C75.345 36.2187 76.5393 37.413 76.5393 38.8726V63.4745C76.5393 64.9342 75.345 66.1285 73.8854 66.1285Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/beatmaps.svg b/hybrid-vertical/.config/eww/images/svg/dark/beatmaps.svg
new file mode 100644
index 000000000..34aca1b69
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/beatmaps.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7375 27.0672C49.7375 22.2087 55.5763 19.7364 59.0652 23.1177L64.1858 28.0804C65.5739 29.4257 65.6086 31.6415 64.2633 33.0296C62.9181 34.4176 60.7023 34.4523 59.3142 33.1071L56.7375 30.6098V54.0937C56.7375 56.0267 55.1705 57.5937 53.2375 57.5937C51.3045 57.5937 49.7375 56.0267 49.7375 54.0937V27.0672Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M47.9008 55.8953C48.8125 55.8953 49.5516 55.1562 49.5516 54.2445C49.5516 53.3328 48.8125 52.5938 47.9008 52.5938C46.9891 52.5938 46.25 53.3328 46.25 54.2445C46.25 55.1562 46.9891 55.8953 47.9008 55.8953ZM47.9008 62.8953C52.6785 62.8953 56.5516 59.0222 56.5516 54.2445C56.5516 49.4668 52.6785 45.5938 47.9008 45.5938C43.1231 45.5938 39.25 49.4668 39.25 54.2445C39.25 59.0222 43.1231 62.8953 47.9008 62.8953Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.3186 33.2126C47.6854 34.5795 47.6854 36.7955 46.3186 38.1624L31.9479 52.5331C31.3621 53.1189 31.3621 54.0686 31.9479 54.6544L48.9393 71.6458C49.5251 72.2316 50.4748 72.2316 51.0606 71.6458L68.0521 54.6544C68.6379 54.0686 68.6379 53.1189 68.0521 52.5331L59.8376 44.3186C58.4708 42.9518 58.4708 40.7357 59.8376 39.3689C61.2044 38.002 63.4205 38.002 64.7873 39.3689L73.0018 47.5833C76.3213 50.9028 76.3213 56.2847 73.0018 59.6042L56.0104 76.5956C52.6909 79.915 47.309 79.915 43.9896 76.5956L26.9981 59.6042C23.6787 56.2847 23.6787 50.9028 26.9981 47.5833L41.3689 33.2126C42.7357 31.8458 44.9518 31.8458 46.3186 33.2126Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/bluetooth.svg b/hybrid-vertical/.config/eww/images/svg/dark/bluetooth.svg
new file mode 100644
index 000000000..3320f9394
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/bluetooth.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m11.698 12.974 2.682 2.237-2.876 3.117v-5.193l.194-.161Zm1.171-.976 3.077-2.564a.75.75 0 0 0 .071-1.085l-4.711-5.104a.75.75 0 0 0-1.302.508v5.855l-1.12-.934a.75.75 0 1 0-.96 1.152l2.08 1.735v.871l-2.08 1.734a.75.75 0 0 0 .96 1.152l1.12-.934v5.863a.75.75 0 0 0 1.302.508l4.711-5.106a.75.75 0 0 0-.07-1.085l-3.078-2.566Zm-1.17-.977-.195-.162V5.672l2.876 3.115-2.682 2.234Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/bluetoothfalse.svg b/hybrid-vertical/.config/eww/images/svg/dark/bluetoothfalse.svg
new file mode 100644
index 000000000..50742113a
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/bluetoothfalse.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.28 2.22a.75.75 0 1 0-1.06 1.06L10 11.06v.498l.004.003v.871l-2.08 1.734a.75.75 0 0 0 .96 1.152l1.12-.934v5.863a.75.75 0 0 0 1.302.508l4.025-4.363 5.388 5.389a.75.75 0 0 0 1.061-1.061L3.28 2.22Zm8.222 10.343 2.768 2.768-2.766 2.997v-5.193l-.002-.572ZM15.946 9.434l-1.816 1.514-1.066-1.065 1.316-1.096-2.876-3.115v2.65l-1.5-1.5V3.754a.75.75 0 0 1 1.302-.508l4.711 5.104a.75.75 0 0 1-.07 1.085Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/bluetoothtrue.svg b/hybrid-vertical/.config/eww/images/svg/dark/bluetoothtrue.svg
new file mode 100644
index 000000000..a13c122a6
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/bluetoothtrue.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.004 9.608V3.753c0-.646.752-.974 1.225-.58l.076.072 4.712 5.104a.75.75 0 0 1 .005 1.012l-.076.073-3.077 2.564 3.077 2.566a.75.75 0 0 1 .137 1.002l-.066.083-4.711 5.106c-.44.476-1.214.207-1.295-.404l-.007-.104v-5.863l-1.12.934a.75.75 0 0 1-1.04-1.075l.08-.077 2.08-1.734v-.87l-2.08-1.736a.75.75 0 0 1 .87-1.217l.09.065 1.12.934V3.753v5.855Zm1.694 3.366-.194.16v5.194l2.876-3.117-2.682-2.237ZM17 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2ZM6 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm5.504-5.328v5.187l.194.162 2.682-2.234-2.876-3.115Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/bright0.svg b/hybrid-vertical/.config/eww/images/svg/dark/bright0.svg
new file mode 100644
index 000000000..5a4b54eaf
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/bright0.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/brightness.svg b/hybrid-vertical/.config/eww/images/svg/dark/brightness.svg
new file mode 100644
index 000000000..7c9ded244
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/brightness.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M11.996 19.01a.75.75 0 0 1 .743.649l.007.102v1.5a.75.75 0 0 1-1.493.101l-.007-.101v-1.5a.75.75 0 0 1 .75-.75Zm6.022-2.072 1.06 1.06a.75.75 0 1 1-1.06 1.061l-1.06-1.06a.75.75 0 0 1 1.06-1.061Zm-10.983 0a.75.75 0 0 1 0 1.06L5.974 19.06a.75.75 0 0 1-1.06-1.06l1.06-1.061a.75.75 0 0 1 1.06 0ZM12 6.475a5.525 5.525 0 1 1 0 11.05 5.525 5.525 0 0 1 0-11.05Zm0 1.5a4.025 4.025 0 1 0 0 8.05 4.025 4.025 0 0 0 0-8.05Zm9.25 3.293a.75.75 0 0 1 .102 1.493l-.102.007h-1.5a.75.75 0 0 1-.102-1.493l.102-.007h1.5Zm-17-.029a.75.75 0 0 1 .102 1.494l-.102.006h-1.5a.75.75 0 0 1-.102-1.493l.102-.007h1.5Zm1.64-6.37.084.072 1.06 1.06a.75.75 0 0 1-.976 1.134l-.084-.073-1.06-1.06a.75.75 0 0 1 .976-1.134Zm13.188.072a.75.75 0 0 1 .073.977l-.073.084-1.06 1.06a.75.75 0 0 1-1.133-.976l.072-.084 1.06-1.061a.75.75 0 0 1 1.061 0ZM12 1.99a.75.75 0 0 1 .743.648l.007.102v1.5a.75.75 0 0 1-1.493.101l-.007-.102v-1.5a.75.75 0 0 1 .75-.75Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/calculator.svg b/hybrid-vertical/.config/eww/images/svg/dark/calculator.svg
new file mode 100644
index 000000000..0a8f53dd1
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/calculator.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7 7a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2V7Zm2-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-.5-.5H9Zm-.75 8a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm1.25 2.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm6.25-2.75a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM17 17.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm-5-2.75a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm1.25 2.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM7.25 2A3.25 3.25 0 0 0 4 5.25v13.5A3.25 3.25 0 0 0 7.25 22h9.5A3.25 3.25 0 0 0 20 18.75V5.25A3.25 3.25 0 0 0 16.75 2h-9.5ZM5.5 5.25c0-.966.784-1.75 1.75-1.75h9.5c.966 0 1.75.784 1.75 1.75v13.5a1.75 1.75 0 0 1-1.75 1.75h-9.5a1.75 1.75 0 0 1-1.75-1.75V5.25Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/caretdown.svg b/hybrid-vertical/.config/eww/images/svg/dark/caretdown.svg
new file mode 100644
index 000000000..75b3c59f0
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/caretdown.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.102 8c-1.074 0-1.648 1.265-.94 2.073l5.521 6.31a1.75 1.75 0 0 0 2.634 0l5.522-6.31c.707-.808.133-2.073-.94-2.073H6.101Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/caretup.svg b/hybrid-vertical/.config/eww/images/svg/dark/caretup.svg
new file mode 100644
index 000000000..aecea9e57
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/caretup.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.102 16.981c-1.074 0-1.648-1.265-.94-2.073l5.521-6.31a1.75 1.75 0 0 1 2.634 0l5.522 6.31c.707.809.133 2.073-.94 2.073H6.101Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/changelog.svg b/hybrid-vertical/.config/eww/images/svg/dark/changelog.svg
new file mode 100644
index 000000000..4d610ba10
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/changelog.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0471 9.31178C70.2488 9.31178 75.0789 12.1005 77.6798 16.6155L92.7275 42.6963C95.3284 47.2113 95.3284 52.7887 92.7275 57.3037L77.6798 83.3845C75.0789 87.8995 70.2488 90.6882 65.0471 90.6882H34.9515C29.7498 90.6882 24.9197 87.8995 22.3188 83.3845L7.27104 57.3037C4.67019 52.7887 4.67019 47.2113 7.27104 42.6963L22.3188 16.6155C24.9197 12.1005 29.7498 9.31178 34.9515 9.31178H65.0471ZM65.0471 4H34.9515C27.839 4 21.2572 7.79792 17.701 13.9596L2.6532 40.0404C-0.903062 46.2021 -0.903062 53.7979 2.6532 59.9596L17.701 86.0404C21.2572 92.2021 27.839 96 34.9515 96H65.0471C72.1596 96 78.7413 92.2021 82.2976 86.0404L97.3454 59.9596C100.902 53.7979 100.902 46.2021 97.3454 40.0404L82.2711 13.9596C78.7413 7.79792 72.1596 4 65.0471 4Z" fill="white"/>
+<path d="M43.0733 72.0439C42.4098 72.0439 41.7198 71.8845 41.0828 71.5127L28.0786 63.9965C25.2389 62.3499 23.4607 59.2956 23.4607 56.0023V43.9977C23.4607 40.7044 25.2389 37.6501 28.0786 36.0035L41.0828 28.4873C42.9936 27.3984 45.4087 28.0358 46.5234 29.948C47.6115 31.8603 46.9745 34.2771 45.0637 35.3926L32.0595 42.9088C31.6614 43.1212 31.4225 43.5462 31.4225 43.9977V56.0023C31.4225 56.4538 31.6614 56.8788 32.0595 57.0912L45.0637 64.6074C46.9745 65.6963 47.6115 68.1397 46.5234 70.052C45.8068 71.3268 44.4533 72.0439 43.0733 72.0439Z" fill="white"/>
+<path d="M56.9002 72.0439C55.5202 72.0439 54.1932 71.3268 53.4501 70.052C52.362 68.1397 52.9989 65.7229 54.9098 64.6074L67.914 57.0912C68.3121 56.8788 68.5509 56.4538 68.5509 56.0023V43.9977C68.5509 43.5462 68.3121 43.1212 67.914 42.9088L54.9098 35.3926C52.9989 34.3037 52.362 31.8603 53.4501 29.948C54.5382 28.0358 56.9798 27.3984 58.8907 28.4873L71.8949 36.0035C74.7346 37.6501 76.5127 40.7044 76.5127 43.9977V56.0023C76.5127 59.2956 74.7346 62.3499 71.8949 63.9965L58.8907 71.5127C58.2803 71.8845 57.5902 72.0439 56.9002 72.0439Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/chat.svg b/hybrid-vertical/.config/eww/images/svg/dark/chat.svg
new file mode 100644
index 000000000..c0b632db2
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/chat.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0482 9.31178C70.2499 9.31178 75.08 12.1005 77.6809 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6809 83.3845C75.08 87.8995 70.2499 90.6882 65.0482 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27215 57.3037C4.6713 52.7887 4.6713 47.2113 7.27215 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0482ZM65.0482 4H34.9526C27.8401 4 21.2584 7.79792 17.7021 13.9596L2.65432 40.0404C-0.901944 46.2021 -0.901944 53.7979 2.65432 59.9596L17.7021 86.0404C21.2584 92.2021 27.8401 96 34.9526 96H65.0482C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3465 59.9596C100.903 53.7979 100.903 46.2021 97.3465 40.0404L82.2722 13.9596C78.7424 7.79792 72.1607 4 65.0482 4Z" fill="white"/>
+<g clip-path="url(#clip1)">
+<path d="M46.9436 72C44.9758 72 43.3872 70.4427 43.3872 68.5136C43.3872 67.7233 43.6718 66.9331 44.1697 66.3288L51.0453 57.9614C53.108 55.428 56.2376 53.9637 59.5332 53.987H64.3224C65.176 53.987 65.8635 53.2897 65.8635 52.4529L65.8161 39.4836C65.8161 38.6468 65.1286 37.9728 64.275 37.9728H36.725C35.8714 37.9728 35.1839 38.6468 35.1602 39.4836L35.1128 52.4065C35.1128 52.8248 35.2787 53.1967 35.5632 53.4989C35.8714 53.7778 36.2508 53.9405 36.6776 53.9405L40.2576 53.894H40.3051C42.2729 53.894 43.8614 55.428 43.8851 57.3571C43.9089 59.2863 42.3203 60.8435 40.3525 60.8668L36.7724 60.89C31.9831 60.9597 28.0711 57.1944 28 52.4994C28 52.4529 28 52.4065 28 52.36L28.0474 39.4371C28.0711 34.7885 31.9594 31 36.725 31H64.2987C69.0643 31 72.9289 34.7885 72.9526 39.4603L73 52.4297C73.0237 57.1247 69.1591 60.9365 64.3699 60.9597H64.3462H59.5569C58.4189 60.9597 57.3282 61.4711 56.617 62.3543L49.7413 70.7216C49.0537 71.5351 48.0342 72.0232 46.9436 72Z" fill="white"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+<clipPath id="clip1">
+<rect width="45" height="41" fill="white" transform="translate(28 31)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/checkbox.svg b/hybrid-vertical/.config/eww/images/svg/dark/checkbox.svg
new file mode 100644
index 000000000..dde43be39
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/checkbox.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.25 3A3.25 3.25 0 0 0 3 6.25v11.5A3.25 3.25 0 0 0 6.25 21h11.5A3.25 3.25 0 0 0 21 17.75V6.25A3.25 3.25 0 0 0 17.75 3H6.25Zm10.03 6.78-5 5a.75.75 0 0 1-1.06 0l-2.004-2.004a.75.75 0 1 1 1.06-1.06l1.474 1.473 4.47-4.47a.75.75 0 1 1 1.06 1.061Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/checkbox_no.svg b/hybrid-vertical/.config/eww/images/svg/dark/checkbox_no.svg
new file mode 100644
index 000000000..773954a56
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/checkbox_no.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6 3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3Zm0 2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H6Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/cog.svg b/hybrid-vertical/.config/eww/images/svg/dark/cog.svg
new file mode 100644
index 000000000..fd8990e30
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/cog.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.012 2.25c.734.008 1.465.093 2.182.253a.75.75 0 0 1 .582.649l.17 1.527a1.384 1.384 0 0 0 1.927 1.116l1.401-.615a.75.75 0 0 1 .85.174 9.792 9.792 0 0 1 2.204 3.792.75.75 0 0 1-.271.825l-1.242.916a1.381 1.381 0 0 0 0 2.226l1.243.915a.75.75 0 0 1 .272.826 9.797 9.797 0 0 1-2.204 3.792.75.75 0 0 1-.848.175l-1.407-.617a1.38 1.38 0 0 0-1.926 1.114l-.169 1.526a.75.75 0 0 1-.572.647 9.518 9.518 0 0 1-4.406 0 .75.75 0 0 1-.572-.647l-.168-1.524a1.382 1.382 0 0 0-1.926-1.11l-1.406.616a.75.75 0 0 1-.849-.175 9.798 9.798 0 0 1-2.204-3.796.75.75 0 0 1 .272-.826l1.243-.916a1.38 1.38 0 0 0 0-2.226l-1.243-.914a.75.75 0 0 1-.271-.826 9.793 9.793 0 0 1 2.204-3.792.75.75 0 0 1 .85-.174l1.4.615a1.387 1.387 0 0 0 1.93-1.118l.17-1.526a.75.75 0 0 1 .583-.65c.717-.159 1.45-.243 2.201-.252Zm0 1.5a9.135 9.135 0 0 0-1.354.117l-.109.977A2.886 2.886 0 0 1 6.525 7.17l-.898-.394a8.293 8.293 0 0 0-1.348 2.317l.798.587a2.881 2.881 0 0 1 0 4.643l-.799.588c.32.842.776 1.626 1.348 2.322l.905-.397a2.882 2.882 0 0 1 4.017 2.318l.11.984c.889.15 1.798.15 2.687 0l.11-.984a2.881 2.881 0 0 1 4.018-2.322l.905.396a8.296 8.296 0 0 0 1.347-2.318l-.798-.588a2.881 2.881 0 0 1 0-4.643l.796-.587a8.293 8.293 0 0 0-1.348-2.317l-.896.393a2.884 2.884 0 0 1-4.023-2.324l-.11-.976a8.988 8.988 0 0 0-1.333-.117ZM12 8.25a3.75 3.75 0 1 1 0 7.5 3.75 3.75 0 0 1 0-7.5Zm0 1.5a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/color.scss b/hybrid-vertical/.config/eww/images/svg/dark/color.scss
new file mode 100644
index 000000000..e96f7e758
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/color.scss
@@ -0,0 +1 @@
+$colorbar: white;
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/color.txt b/hybrid-vertical/.config/eww/images/svg/dark/color.txt
new file mode 100644
index 000000000..65c27486f
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/color.txt
@@ -0,0 +1 @@
+white
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/contests.svg b/hybrid-vertical/.config/eww/images/svg/dark/contests.svg
new file mode 100644
index 000000000..ee97f1e25
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/contests.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0478 9.30786C70.2495 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.3291 47.1794 95.3291 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2495 90.6242 65.0478 90.6242H34.9522C29.7505 90.6242 24.9204 87.8376 22.3195 83.3259L7.27175 57.2643C4.67091 52.7527 4.67091 47.1794 7.27175 42.6677L22.3195 16.6062C24.9204 12.0945 29.7505 9.30786 34.9522 9.30786H65.0478ZM65.0478 4H34.9522C27.8397 4 21.258 7.79512 17.7017 13.9522L2.65392 40.0138C-0.902341 46.1709 -0.902341 53.7611 2.65392 59.9183L17.7017 85.9798C21.258 92.1369 27.8397 95.9321 34.9522 95.9321H65.0478C72.1603 95.9321 78.742 92.1369 82.2983 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1603 4 65.0478 4Z" fill="white"/>
+<path d="M50 76.7707C47.7972 76.7707 46.0191 74.9925 46.0191 72.7898V53.9469C46.0191 51.7441 47.7972 49.966 50 49.966C52.2028 49.966 53.9809 51.7441 53.9809 53.9469V72.7898C53.9809 74.9925 52.2028 76.7707 50 76.7707Z" fill="white"/>
+<path d="M36.7304 71.9936C34.5276 71.9936 32.7495 70.2155 32.7495 68.0127V61.1125C32.7495 58.9098 34.5276 57.1316 36.7304 57.1316C38.9331 57.1316 40.7113 58.9098 40.7113 61.1125V68.0127C40.7113 70.2155 38.9331 71.9936 36.7304 71.9936Z" fill="white"/>
+<path d="M36.7304 51.8238C36.5977 51.8238 36.465 51.8238 36.3323 51.7973C36.1996 51.7973 36.0669 51.7707 35.9342 51.7442C35.8015 51.7176 35.6688 51.6911 35.5626 51.638C35.4299 51.5849 35.3238 51.5584 35.1911 51.5053C35.0849 51.4522 34.9522 51.3992 34.8461 51.3461C34.7399 51.293 34.6072 51.2134 34.5011 51.1338C34.3949 51.0542 34.2887 50.9745 34.1826 50.8949C34.0764 50.8153 33.9703 50.7091 33.8906 50.6295C33.811 50.5234 33.7049 50.4438 33.6253 50.3376C33.5456 50.2314 33.466 50.1253 33.3864 50.0191C33.3068 49.913 33.2537 49.8068 33.1741 49.6741C33.121 49.568 33.0679 49.4353 33.0149 49.3291C32.9618 49.223 32.9087 49.0903 32.8822 48.9576C32.8556 48.8249 32.8025 48.6922 32.776 48.586C32.7495 48.4533 32.7229 48.3206 32.7229 48.2145C32.6964 48.0818 32.6964 47.9491 32.6964 47.8164C32.6964 47.6837 32.6964 47.551 32.7229 47.4183C32.7229 47.2856 32.7495 47.1529 32.776 47.0202C32.8025 46.8875 32.8291 46.7548 32.8822 46.6486C32.9087 46.5159 32.9618 46.4098 33.0149 46.2771C33.0679 46.1709 33.121 46.0382 33.1741 45.9321C33.2272 45.8259 33.3068 45.6932 33.3864 45.5871C33.466 45.4809 33.5456 45.3748 33.6253 45.2686C33.7049 45.1624 33.7845 45.0563 33.8906 44.9767C33.9968 44.897 34.0764 44.7909 34.1826 44.7113C34.2887 44.6317 34.3949 44.552 34.5011 44.4724C34.6072 44.3928 34.7134 44.3397 34.8461 44.2601C34.9522 44.207 35.0849 44.1539 35.1911 44.1009C35.3238 44.0478 35.4299 43.9947 35.5626 43.9682C35.6953 43.9416 35.828 43.8886 35.9342 43.862C36.0669 43.8355 36.1996 43.8089 36.3323 43.8089C36.5977 43.7824 36.8631 43.7824 37.1019 43.8089C37.2346 43.8089 37.3673 43.8355 37.5 43.862C37.6327 43.8886 37.7654 43.9151 37.8715 43.9682C38.0042 43.9947 38.1104 44.0478 38.2431 44.1009C38.3758 44.1539 38.4819 44.207 38.5881 44.2601C38.6943 44.3132 38.827 44.3928 38.9331 44.4724C39.0393 44.552 39.1454 44.6317 39.2516 44.7113C39.3577 44.7909 39.4639 44.8705 39.5435 44.9767C39.6231 45.0828 39.7293 45.1624 39.8089 45.2686C39.8885 45.3748 39.9681 45.4809 40.0478 45.5871C40.1274 45.6932 40.1805 45.7994 40.2601 45.9321C40.3132 46.0382 40.3662 46.1709 40.4193 46.2771C40.4724 46.4098 40.4989 46.5159 40.552 46.6486C40.5786 46.7813 40.6316 46.914 40.6582 47.0202C40.6847 47.1529 40.7112 47.2856 40.7112 47.4183C40.7378 47.551 40.7378 47.6837 40.7378 47.8164C40.7378 47.9491 40.7378 48.0818 40.7112 48.2145C40.7112 48.3472 40.6847 48.4799 40.6582 48.586C40.6316 48.7187 40.6051 48.8514 40.552 48.9576C40.4989 49.0903 40.4724 49.1964 40.4193 49.3291C40.3662 49.4618 40.3132 49.568 40.2601 49.6741C40.207 49.7803 40.1274 49.913 40.0478 50.0191C39.9681 50.1253 39.8885 50.2314 39.8089 50.3376C39.7293 50.4438 39.6231 50.5499 39.5435 50.6295C39.4374 50.7091 39.3577 50.8153 39.2516 50.8949C39.1454 50.9745 39.0393 51.0542 38.9331 51.1338C38.827 51.2134 38.7208 51.2665 38.5881 51.3461C38.4819 51.3992 38.3493 51.4522 38.2431 51.5053C38.1369 51.5584 38.0042 51.5849 37.8715 51.638C37.7388 51.6646 37.6327 51.7176 37.5 51.7442C37.3673 51.7707 37.2346 51.7973 37.1019 51.7973C36.9957 51.8238 36.863 51.8238 36.7304 51.8238Z" fill="white"/>
+<path d="M63.2696 71.9936C61.0669 71.9936 59.2887 70.2155 59.2887 68.0127V61.1125C59.2887 58.9098 61.0669 57.1316 63.2696 57.1316C65.4724 57.1316 67.2505 58.9098 67.2505 61.1125V68.0127C67.2505 70.2155 65.4724 71.9936 63.2696 71.9936Z" fill="white"/>
+<path d="M63.2696 51.8238C63.1369 51.8238 63.0043 51.8238 62.8716 51.7973C62.7389 51.7973 62.6062 51.7707 62.4735 51.7442C62.3408 51.7176 62.2081 51.6911 62.1019 51.638C61.9692 51.5849 61.8631 51.5584 61.7304 51.5053C61.6242 51.4522 61.4915 51.3992 61.3854 51.3461C61.2792 51.293 61.1465 51.2134 61.0403 51.1338C60.9342 51.0542 60.828 50.9745 60.7219 50.8949C60.6157 50.8153 60.5096 50.7091 60.4299 50.6295C60.3503 50.5234 60.2442 50.4438 60.1645 50.3376C60.0849 50.2314 60.0053 50.1253 59.9257 50.0191C59.8461 49.913 59.793 49.8068 59.7134 49.6741C59.6603 49.568 59.6072 49.4353 59.5541 49.3291C59.5011 49.223 59.448 49.0903 59.4214 48.9576C59.3949 48.8249 59.3418 48.6922 59.3153 48.586C59.2888 48.4533 59.2622 48.3206 59.2622 48.2145C59.2622 48.0818 59.2357 47.9491 59.2357 47.8164C59.2357 47.6837 59.2357 47.551 59.2622 47.4183C59.2622 47.2856 59.2888 47.1529 59.3153 47.0202C59.3418 46.8875 59.3684 46.7548 59.4214 46.6486C59.448 46.5159 59.5011 46.4098 59.5541 46.2771C59.6072 46.1709 59.6603 46.0382 59.7134 45.9321C59.7665 45.8259 59.8461 45.6932 59.9257 45.5871C60.0053 45.4809 60.0849 45.3748 60.1645 45.2686C60.2442 45.1624 60.3238 45.0563 60.4299 44.9767C60.5361 44.897 60.6157 44.7909 60.7219 44.7113C60.828 44.6317 60.9342 44.552 61.0403 44.4724C61.1465 44.3928 61.2527 44.3397 61.3854 44.2601C61.4915 44.207 61.6242 44.1539 61.7304 44.1009C61.8631 44.0478 61.9692 43.9947 62.1019 43.9682C62.2346 43.9416 62.3673 43.8886 62.4735 43.862C62.6062 43.8355 62.7389 43.8089 62.8716 43.8089C63.1369 43.7824 63.4023 43.7824 63.6677 43.8089C63.8004 43.8089 63.9331 43.8355 64.0393 43.862C64.172 43.8886 64.3047 43.9151 64.4108 43.9682C64.5435 43.9947 64.6497 44.0478 64.7824 44.1009C64.9151 44.1539 65.0212 44.207 65.1274 44.2601C65.2336 44.3132 65.3663 44.3928 65.4724 44.4724C65.5786 44.552 65.6847 44.6317 65.7909 44.7113C65.897 44.7909 66.0032 44.8705 66.0828 44.9767C66.1624 45.0828 66.2686 45.1624 66.3482 45.2686C66.4278 45.3748 66.5074 45.4809 66.5871 45.5871C66.6667 45.6932 66.7198 45.7994 66.7994 45.9321C66.8525 46.0382 66.9055 46.1709 66.9586 46.2771C67.0117 46.4098 67.0382 46.5159 67.0913 46.6486C67.1178 46.7813 67.1709 46.914 67.1975 47.0202C67.224 47.1529 67.2505 47.2856 67.2505 47.4183C67.2771 47.551 67.2771 47.6837 67.2771 47.8164C67.2771 47.9491 67.2771 48.0818 67.2505 48.2145C67.2505 48.3472 67.224 48.4799 67.1975 48.586C67.1709 48.7187 67.1444 48.8514 67.0913 48.9576C67.0382 49.0903 67.0117 49.1964 66.9586 49.3291C66.9055 49.4618 66.8525 49.568 66.7994 49.6741C66.7463 49.7803 66.6667 49.913 66.5871 50.0191C66.5074 50.1253 66.4278 50.2314 66.3482 50.3376C66.2686 50.4438 66.1624 50.5499 66.0828 50.6295C65.9767 50.7091 65.897 50.8153 65.7909 50.8949C65.6847 50.9745 65.5786 51.0542 65.4724 51.1338C65.3663 51.2134 65.2601 51.2665 65.1274 51.3461C65.0212 51.3992 64.8885 51.4522 64.7824 51.5053C64.6762 51.5584 64.5435 51.5849 64.4108 51.638C64.2781 51.6646 64.172 51.7176 64.0393 51.7442C63.9066 51.7707 63.7739 51.7973 63.6677 51.7973C63.535 51.8238 63.4023 51.8238 63.2696 51.8238Z" fill="white"/>
+<path d="M50 44.7909C44.1348 44.7909 39.3843 40.0403 39.3843 34.1752C39.3843 28.31 44.1348 23.5594 50 23.5594C55.8652 23.5594 60.6157 28.31 60.6157 34.1752C60.6157 40.0403 55.8652 44.7909 50 44.7909ZM50 31.5212C48.5403 31.5212 47.3461 32.7155 47.3461 34.1752C47.3461 35.6348 48.5403 36.8291 50 36.8291C51.4597 36.8291 52.6539 35.6348 52.6539 34.1752C52.6539 32.7155 51.4597 31.5212 50 31.5212Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/copy.svg b/hybrid-vertical/.config/eww/images/svg/dark/copy.svg
new file mode 100644
index 000000000..dfc96f75f
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/copy.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5.503 4.627 5.5 6.75v10.504a3.25 3.25 0 0 0 3.25 3.25h8.616a2.251 2.251 0 0 1-2.122 1.5H8.75A4.75 4.75 0 0 1 4 17.254V6.75c0-.98.627-1.815 1.503-2.123ZM17.75 2A2.25 2.25 0 0 1 20 4.25v13a2.25 2.25 0 0 1-2.25 2.25h-9a2.25 2.25 0 0 1-2.25-2.25v-13A2.25 2.25 0 0 1 8.75 2h9Zm0 1.5h-9a.75.75 0 0 0-.75.75v13c0 .414.336.75.75.75h9a.75.75 0 0 0 .75-.75v-13a.75.75 0 0 0-.75-.75Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/downarrow.svg b/hybrid-vertical/.config/eww/images/svg/dark/downarrow.svg
new file mode 100644
index 000000000..8007c824d
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/downarrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.293 8.293a1 1 0 0 1 1.414 0L12 14.586l6.293-6.293a1 1 0 1 1 1.414 1.414l-7 7a1 1 0 0 1-1.414 0l-7-7a1 1 0 0 1 0-1.414Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/folderopen.svg b/hybrid-vertical/.config/eww/images/svg/dark/folderopen.svg
new file mode 100644
index 000000000..7a13e37ce
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/folderopen.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 9.502V8.75a2.25 2.25 0 0 0-2.25-2.25h-5.725l-2.38-1.98A2.25 2.25 0 0 0 8.204 4H4.25A2.25 2.25 0 0 0 2 6.25l-.004 11.5A2.25 2.25 0 0 0 4.246 20H18.47a1.75 1.75 0 0 0 1.698-1.325l1.75-6.998a1.75 1.75 0 0 0-1.698-2.175H20ZM4.25 5.5h3.956a.75.75 0 0 1 .48.173l2.588 2.154a.75.75 0 0 0 .48.173h5.996a.75.75 0 0 1 .75.75v.752H6.424a2.25 2.25 0 0 0-2.183 1.704l-.744 2.978L3.5 6.25a.75.75 0 0 1 .75-.75Zm1.447 6.07a.75.75 0 0 1 .727-.568H20.22a.25.25 0 0 1 .242.31l-1.75 6.999a.25.25 0 0 1-.242.189H4.285a.25.25 0 0 1-.243-.31l1.655-6.62Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/forum.svg b/hybrid-vertical/.config/eww/images/svg/dark/forum.svg
new file mode 100644
index 000000000..d498ef84e
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/forum.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.28849C70.2493 9.28849 75.0795 12.0649 77.6803 16.5602L92.7281 42.5266C95.3289 47.0219 95.3289 52.5748 92.7281 57.07L77.6803 83.0365C75.0795 87.5317 70.2493 90.3082 65.0476 90.3082H34.9521C29.7504 90.3082 24.9203 87.5317 22.3194 83.0365L7.27165 57.07C4.6708 52.5748 4.6708 47.0219 7.27165 42.5266L22.3194 16.5602C24.9203 12.0649 29.7504 9.28849 34.9521 9.28849H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.78127 17.7016 13.9159L2.65381 39.8824C-0.902448 46.0171 -0.902448 53.5796 2.65381 59.7142L17.7016 85.6807C21.2578 91.8154 27.8396 95.5966 34.9521 95.5966H65.0476C72.1602 95.5966 78.7419 91.8154 82.2982 85.6807L97.3459 59.7142C100.902 53.5796 100.902 46.0171 97.3459 39.8824L82.2716 13.9159C78.7419 7.78127 72.1602 4 65.0476 4Z" fill="white"/>
+<path d="M66.9851 40.8079C69.1837 40.8079 70.966 39.0321 70.966 36.8415C70.966 34.651 69.1837 32.8752 66.9851 32.8752C64.7865 32.8752 63.0042 34.651 63.0042 36.8415C63.0042 39.0321 64.7865 40.8079 66.9851 40.8079Z" fill="white"/>
+<path d="M51.327 40.8079H34.6072C32.4045 40.8079 30.6263 39.0362 30.6263 36.8415C30.6263 34.6468 32.4045 32.8752 34.6072 32.8752H51.327C53.5297 32.8752 55.3079 34.6468 55.3079 36.8415C55.3079 39.0362 53.5297 40.8079 51.327 40.8079Z" fill="white"/>
+<path d="M66.9851 67.2503C69.1837 67.2503 70.966 65.4745 70.966 63.284C70.966 61.0934 69.1837 59.3176 66.9851 59.3176C64.7865 59.3176 63.0042 61.0934 63.0042 63.284C63.0042 65.4745 64.7865 67.2503 66.9851 67.2503Z" fill="white"/>
+<path d="M51.327 67.2503H34.6072C32.4045 67.2503 30.6263 65.4787 30.6263 63.284C30.6263 61.0892 32.4045 59.3176 34.6072 59.3176H51.327C53.5297 59.3176 55.3079 61.0892 55.3079 63.284C55.3079 65.4787 53.5297 67.2503 51.327 67.2503Z" fill="white"/>
+<path d="M34.8726 54.0291C37.0712 54.0291 38.8535 52.2533 38.8535 50.0627C38.8535 47.8722 37.0712 46.0964 34.8726 46.0964C32.674 46.0964 30.8917 47.8722 30.8917 50.0627C30.8917 52.2533 32.674 54.0291 34.8726 54.0291Z" fill="white"/>
+<path d="M67.2505 54.0291H50.5308C48.328 54.0291 46.5499 52.2575 46.5499 50.0627C46.5499 47.868 48.328 46.0964 50.5308 46.0964H67.2505C69.4533 46.0964 71.2314 47.868 71.2314 50.0627C71.2314 52.2575 69.4533 54.0291 67.2505 54.0291Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.5966" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/graph.svg b/hybrid-vertical/.config/eww/images/svg/dark/graph.svg
new file mode 100644
index 000000000..dce5d1733
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/graph.svg
@@ -0,0 +1,16 @@
+<svg width="1920" height="1080">
+  <circle cx="225" cy="350" r="40" stroke="white" stroke-width="3" fill="none" />
+  <circle cx="525" cy="250" r="40" stroke="white" stroke-width="3" fill="none" />
+  <circle cx="825" cy="350" r="40" stroke="white" stroke-width="3" fill="none" />
+  <circle cx="1125" cy="250" r="40" stroke="white" stroke-width="3" fill="none" />
+  <line x1="225" y1="350" x2="525" y2="250" stroke="white" stroke-width="3" 
+    stroke-linecap="round"/>
+  <line x1="525" y1="250" x2="825" y2="350" stroke="white" stroke-width="3" 
+    stroke-linecap="round"/>
+  <line x1="825" y1="350" x2="1125" y2="250" stroke="white" stroke-width="3" 
+    stroke-linecap="round"/>
+  <circle cx="225" cy="350" r="20" stroke="white" stroke-width="3" fill="white" />
+  <circle cx="525" cy="250" r="20" stroke="white" stroke-width="3" fill="white" />
+  <circle cx="825" cy="350" r="20" stroke="white" stroke-width="3" fill="white" />
+  <circle cx="1125" cy="250" r="20" stroke="white" stroke-width="3" fill="white" />
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/home.svg b/hybrid-vertical/.config/eww/images/svg/dark/home.svg
new file mode 100644
index 000000000..83014e4d2
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/home.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0478 9.30786C70.2495 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.3291 47.1794 95.3291 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2495 90.6242 65.0478 90.6242H34.9522C29.7505 90.6242 24.9204 87.8376 22.3195 83.3259L7.27175 57.2643C4.67091 52.7527 4.67091 47.1794 7.27175 42.6677L22.3195 16.6062C24.9204 12.0945 29.7505 9.30786 34.9522 9.30786H65.0478ZM65.0478 4H34.9522C27.8397 4 21.258 7.79512 17.7017 13.9522L2.65392 40.0138C-0.902341 46.1709 -0.902341 53.7611 2.65392 59.9183L17.7017 85.9798C21.258 92.1369 27.8397 95.9321 34.9522 95.9321H65.0478C72.1603 95.9321 78.742 92.1369 82.2983 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1603 4 65.0478 4Z" fill="white"/>
+<path d="M68.5775 43.2781C68.0998 43.2781 67.5956 43.1985 67.1178 42.9862L50 36.2187L32.8822 42.9862C30.8386 43.7824 28.5297 42.8004 27.707 40.7569C26.9108 38.7134 27.8928 36.4045 29.9363 35.5817L48.5138 28.2304C49.4427 27.8588 50.5043 27.8588 51.4331 28.2304L70.0106 35.5817C72.0541 36.3779 73.0626 38.7134 72.2399 40.7569C71.6561 42.3227 70.1699 43.2781 68.5775 43.2781Z" fill="white"/>
+<path d="M57.3248 71.9671H42.7017C39.4108 71.9671 36.7569 69.2866 36.7569 66.0223V51.3991C36.7569 48.1083 39.4374 45.4543 42.7017 45.4543H57.3248C60.6157 45.4543 63.2696 48.1348 63.2696 51.3991V66.0223C63.2696 69.3132 60.5892 71.9671 57.3248 71.9671ZM44.6921 64.0053H55.3078V53.3896H44.6921V64.0053Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/icosahedron.svg b/hybrid-vertical/.config/eww/images/svg/dark/icosahedron.svg
new file mode 100644
index 000000000..c73725b17
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/icosahedron.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Created Sat Nov  1 22:06:13 2008 by ./xy2svg -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-1.862747 -1.862747 3.957948 3.957948"> 
+<g style="stroke:white" stroke-width=".015">
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="0.039227" y2="-0.287147"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.296790" y1="-1.531823" x2="1.278419" y2="-0.824517"/>
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="0.340080" y2="-1.463535"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="1.466545" y1="0.232765" x2="1.278419" y2="-0.824517"/>
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="1.278419" y1="0.586062" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="1.466545" y1="0.232765" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="0.340080" y1="1.755256" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="1.278419" y1="0.586062" x2="-0.296790" y2="1.277236"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="0.039227" y2="-0.287147"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="-1.189639" y2="-0.188816"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.296790" y1="-1.531823" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="-1.451475" y1="-0.665396" x2="-1.189639" y2="-0.188816"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-0.296790" y2="1.277236"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="-1.451475" y2="0.936129"/>
+<line stroke-linecap="round" x1="-1.451475" y1="0.936129" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="0.340080" y1="1.755256" x2="-0.055029" y2="0.402814"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="-1.451475" y2="0.936129"/>
+<line stroke-linecap="round" x1="-1.451475" y1="0.936129" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="-1.451475" y1="-0.665396" x2="-0.055029" y2="0.402814"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="0.340080" y2="-1.463535"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-1.451475" y2="0.936129"/>
+<!-- <line x1="5.340754" y1="-0.810999" x2="4.164357" y2="-0.285624"/>
+<line x1="4.164357" y1="-0.285624" x2="3.760373" y2="-1.532918"/>
+<line x1="3.760373" y1="-1.532918" x2="5.340754" y2="-0.810999"/>
+<line x1="5.340754" y1="-0.810999" x2="4.275964" y2="-1.462090"/>
+<line x1="4.275964" y1="-1.462090" x2="5.376515" y2="0.260659"/>
+<line x1="5.376515" y1="0.260659" x2="5.340754" y2="-0.810999"/>
+<line x1="5.340754" y1="-0.810999" x2="5.340754" y2="0.615801"/>
+<line x1="5.340754" y1="0.615801" x2="5.376515" y2="0.260659"/>
+<line x1="5.376515" y1="0.260659" x2="4.275964" y2="1.765372"/>
+<line x1="4.275964" y1="1.765372" x2="5.340754" y2="0.615801"/>
+<line x1="5.340754" y1="0.615801" x2="3.760373" y2="1.269571"/>
+<line x1="3.760373" y1="1.269571" x2="4.275964" y2="1.765372"/>
+<line x1="3.760373" y1="1.269571" x2="4.164357" y2="-0.285624"/>
+<line x1="4.164357" y1="-0.285624" x2="5.340754" y2="0.615801"/>
+<line x1="4.164357" y1="-0.285624" x2="2.908099" y2="-0.206764"/>
+<line x1="2.908099" y1="-0.206764" x2="3.760373" y2="-1.532918"/>
+<line x1="3.760373" y1="-1.532918" x2="2.514237" y2="-0.682403"/>
+<line x1="2.514237" y1="-0.682403" x2="2.908099" y2="-0.206764"/>
+<line x1="2.908099" y1="-0.206764" x2="3.760373" y2="1.269571"/>
+<line x1="3.760373" y1="1.269571" x2="2.514237" y2="0.898713"/>
+<line x1="2.514237" y1="0.898713" x2="4.275964" y2="1.765372"/>
+<line x1="4.275964" y1="1.765372" x2="3.769930" y2="0.399824"/>
+<line x1="3.769930" y1="0.399824" x2="2.514237" y2="0.898713"/>
+<line x1="2.514237" y1="0.898713" x2="2.514237" y2="-0.682403"/>
+<line x1="2.514237" y1="-0.682403" x2="3.769930" y2="0.399824"/>
+<line x1="3.769930" y1="0.399824" x2="4.275964" y2="-1.462090"/>
+<line x1="4.275964" y1="-1.462090" x2="2.514237" y2="-0.682403"/>
+<line x1="4.275964" y1="-1.462090" x2="3.760373" y2="-1.532918"/>
+<line x1="3.769930" y1="0.399824" x2="5.376515" y2="0.260659"/>
+<line x1="2.908099" y1="-0.206764" x2="2.514237" y2="0.898713"/> -->
+</g>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/linehorizontal.svg b/hybrid-vertical/.config/eww/images/svg/dark/linehorizontal.svg
new file mode 100644
index 000000000..7d8af77a0
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/linehorizontal.svg
@@ -0,0 +1,3 @@
+<svg height="3" width="75">
+  <line x1="1.5" y1="1.5" x2="73.5" y2="1.5" stroke="white" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/linetransparent.svg b/hybrid-vertical/.config/eww/images/svg/dark/linetransparent.svg
new file mode 100644
index 000000000..9be840a61
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/linetransparent.svg
@@ -0,0 +1,3 @@
+<svg height="26.5" width="3">
+  <line x1="1.5" y1="1.5" x2="1.5" y2="25" stroke="transparent" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/linevertical.svg b/hybrid-vertical/.config/eww/images/svg/dark/linevertical.svg
new file mode 100644
index 000000000..1c823058c
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/linevertical.svg
@@ -0,0 +1,3 @@
+<svg height="26.5" width="3">
+  <line x1="1.5" y1="1.5" x2="1.5" y2="25" stroke="white" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/moon.svg b/hybrid-vertical/.config/eww/images/svg/dark/moon.svg
new file mode 100644
index 000000000..83a0417d9
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/moon.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.026 17.001c-2.762 4.784-8.879 6.423-13.663 3.661a9.964 9.964 0 0 1-3.234-2.983.75.75 0 0 1 .365-1.131c3.767-1.348 5.785-2.911 6.956-5.146 1.232-2.353 1.551-4.93.689-8.464a.75.75 0 0 1 .769-.926 9.961 9.961 0 0 1 4.457 1.327C21.149 6.1 22.788 12.217 20.025 17Zm-8.248-4.903c-1.25 2.388-3.31 4.099-6.817 5.499a8.492 8.492 0 0 0 2.152 1.766 8.501 8.501 0 1 0 8.502-14.725 8.485 8.485 0 0 0-2.792-1.016c.647 3.384.23 6.044-1.045 8.476Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/news.svg b/hybrid-vertical/.config/eww/images/svg/dark/news.svg
new file mode 100644
index 000000000..3368f9490
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/news.svg
@@ -0,0 +1,18 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0468 9.31178C70.2485 9.31178 75.0786 12.1005 77.6795 16.6155L92.7272 42.6963C95.3281 47.2113 95.3281 52.7887 92.7272 57.3037L77.6795 83.3845C75.0786 87.8995 70.2485 90.6882 65.0468 90.6882H34.9512C29.7495 90.6882 24.9194 87.8995 22.3185 83.3845L7.27075 57.3037C4.6699 52.7887 4.6699 47.2113 7.27075 42.6963L22.3185 16.6155C24.9194 12.1005 29.7495 9.31178 34.9512 9.31178H65.0468ZM65.0468 4H34.9512C27.8387 4 21.2569 7.79792 17.7007 13.9596L2.65292 40.0404C-0.903348 46.2021 -0.903348 53.7979 2.65292 59.9596L17.7007 86.0404C21.2569 92.2021 27.8387 96 34.9512 96H65.0468C72.1593 96 78.741 92.2021 82.2973 86.0404L97.3451 59.9596C100.901 53.7979 100.901 46.2021 97.3451 40.0404L82.2707 13.9596C78.741 7.79792 72.1593 4 65.0468 4Z" fill="white"/>
+<path d="M73.8854 53.9838H66.9851C64.7824 53.9838 63.0042 52.2044 63.0042 50C63.0042 47.7956 64.7824 46.0162 66.9851 46.0162H73.8854C76.0881 46.0162 77.8663 47.7956 77.8663 50C77.8663 52.2044 76.0881 53.9838 73.8854 53.9838Z" fill="white"/>
+<path d="M50 77.8868C47.7972 77.8868 46.0191 76.1074 46.0191 73.903V66.9977C46.0191 64.7933 47.7972 63.0139 50 63.0139C52.2028 63.0139 53.9809 64.7933 53.9809 66.9977V73.903C53.9809 76.1074 52.2028 77.8868 50 77.8868Z" fill="white"/>
+<path d="M66.879 70.8753C65.8705 70.8753 64.8355 70.4769 64.0658 69.7067L59.1295 64.7667C57.5637 63.1998 57.5637 60.6767 59.1295 59.1363C60.6953 57.5693 63.2166 57.5693 64.7558 59.1363L69.6922 64.0762C71.258 65.6432 71.258 68.1663 69.6922 69.7067C68.9225 70.5035 67.914 70.8753 66.879 70.8753Z" fill="white"/>
+<path d="M33.121 70.8753C32.1125 70.8753 31.0775 70.4769 30.3078 69.7067C28.742 68.1397 28.742 65.6166 30.3078 64.0762L35.2442 59.1363C36.81 57.5693 39.3312 57.5693 40.8705 59.1363C42.4363 60.7032 42.4363 63.2263 40.8705 64.7667L35.9342 69.7067C35.138 70.5035 34.1295 70.8753 33.121 70.8753Z" fill="white"/>
+<path d="M61.9427 42.0323C60.9342 42.0323 59.8992 41.634 59.1295 40.8637C57.5637 39.2968 57.5637 36.7737 59.1295 35.2333L64.0658 30.2933C65.6316 28.7263 68.1529 28.7263 69.6922 30.2933C71.258 31.8603 71.258 34.3834 69.6922 35.9238L64.7558 40.8637C63.9862 41.634 62.9512 42.0323 61.9427 42.0323Z" fill="white"/>
+<path d="M50 36.9861C47.7972 36.9861 46.0191 35.2067 46.0191 33.0023V26.097C46.0191 23.8926 47.7972 22.1132 50 22.1132C52.2028 22.1132 53.9809 23.8926 53.9809 26.097V33.0023C53.9809 35.2067 52.2028 36.9861 50 36.9861Z" fill="white"/>
+<path d="M33.0149 53.9838H26.1147C23.9119 53.9838 22.1338 52.2044 22.1338 50C22.1338 47.7956 23.9119 46.0162 26.1147 46.0162H33.0149C35.2176 46.0162 36.9958 47.7956 36.9958 50C36.9958 52.2044 35.2176 53.9838 33.0149 53.9838Z" fill="white"/>
+<path d="M38.0573 42.0323C37.0488 42.0323 36.0138 41.634 35.2442 40.8637L30.3078 35.9238C28.742 34.3568 28.742 31.8337 30.3078 30.2933C31.8737 28.7263 34.3949 28.7263 35.9342 30.2933L40.8705 35.2333C42.4363 36.8002 42.4363 39.3233 40.8705 40.8637C40.1008 41.634 39.0658 42.0323 38.0573 42.0323Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/night.svg b/hybrid-vertical/.config/eww/images/svg/dark/night.svg
new file mode 100644
index 000000000..1e0aacb7e
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/night.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.026 17.001c-2.762 4.784-8.879 6.423-13.663 3.661A9.965 9.965 0 0 1 3.13 17.68a.75.75 0 0 1 .365-1.132c3.767-1.348 5.785-2.91 6.956-5.146 1.232-2.353 1.551-4.93.689-8.463a.75.75 0 0 1 .769-.927 9.961 9.961 0 0 1 4.457 1.327c4.784 2.762 6.423 8.879 3.66 13.662Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/notif.svg b/hybrid-vertical/.config/eww/images/svg/dark/notif.svg
new file mode 100644
index 000000000..27b31c32a
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/notif.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1.996a7.49 7.49 0 0 1 7.496 7.25l.004.25v4.097l1.38 3.156a1.25 1.25 0 0 1-1.145 1.75L15 18.502a3 3 0 0 1-5.995.177L9 18.499H4.275a1.251 1.251 0 0 1-1.147-1.747L4.5 13.594V9.496c0-4.155 3.352-7.5 7.5-7.5ZM13.5 18.5l-3 .002a1.5 1.5 0 0 0 2.993.145l.006-.147ZM12 3.496c-3.32 0-6 2.674-6 6v4.41L4.656 17h14.697L18 13.907V9.509l-.004-.225A5.988 5.988 0 0 0 12 3.496Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/notifsnooze.svg b/hybrid-vertical/.config/eww/images/svg/dark/notifsnooze.svg
new file mode 100644
index 000000000..14b47c028
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/notifsnooze.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 3.5c-3.104 0-6 2.432-6 6.25v4.153L4.682 17h14.67l-1.354-3.093V11.75a.75.75 0 0 1 1.5 0v1.843l1.381 3.156a1.25 1.25 0 0 1-1.145 1.751H15a3.002 3.002 0 0 1-6.003 0H4.305a1.25 1.25 0 0 1-1.15-1.739l1.344-3.164V9.75C4.5 5.068 8.103 2 12 2c.86 0 1.705.15 2.5.432a.75.75 0 0 1-.502 1.413A5.964 5.964 0 0 0 12 3.5ZM12 20c.828 0 1.5-.671 1.501-1.5h-3.003c0 .829.673 1.5 1.502 1.5Z" fill="white"/><path d="M15.25 7h-2.5l-.101.007A.75.75 0 0 0 12.75 8.5h1.043l-1.653 2.314-.055.09A.75.75 0 0 0 12.75 12h2.5l.102-.007a.75.75 0 0 0-.102-1.493h-1.042l1.653-2.314.055-.09A.75.75 0 0 0 15.25 7ZM21.25 2h-3.5l-.101.007A.75.75 0 0 0 17.75 3.5h2.134l-2.766 4.347-.05.09A.75.75 0 0 0 17.75 9h3.5l.102-.007A.75.75 0 0 0 21.25 7.5h-2.133l2.766-4.347.05-.09A.75.75 0 0 0 21.25 2Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/open.svg b/hybrid-vertical/.config/eww/images/svg/dark/open.svg
new file mode 100644
index 000000000..f2d77ca1b
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/open.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.25 4.5A1.75 1.75 0 0 0 4.5 6.25v11.5c0 .966.783 1.75 1.75 1.75h11.5a1.75 1.75 0 0 0 1.75-1.75v-4a.75.75 0 0 1 1.5 0v4A3.25 3.25 0 0 1 17.75 21H6.25A3.25 3.25 0 0 1 3 17.75V6.25A3.25 3.25 0 0 1 6.25 3h4a.75.75 0 0 1 0 1.5h-4ZM13 3.75a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 .75.75v6.5a.75.75 0 0 1-1.5 0V5.56l-5.22 5.22a.75.75 0 0 1-1.06-1.06l5.22-5.22h-4.69a.75.75 0 0 1-.75-.75Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/power.svg b/hybrid-vertical/.config/eww/images/svg/dark/power.svg
new file mode 100644
index 000000000..ea17b7eeb
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/power.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.204 4.82a.75.75 0 0 1 .634 1.36A7.51 7.51 0 0 0 4.5 12.991c0 4.148 3.358 7.51 7.499 7.51s7.499-3.362 7.499-7.51a7.51 7.51 0 0 0-4.323-6.804.75.75 0 1 1 .637-1.358 9.01 9.01 0 0 1 5.186 8.162c0 4.976-4.029 9.01-9 9.01C7.029 22 3 17.966 3 12.99a9.01 9.01 0 0 1 5.204-8.17ZM12 2.496a.75.75 0 0 1 .743.648l.007.102v7.5a.75.75 0 0 1-1.493.102l-.007-.102v-7.5a.75.75 0 0 1 .75-.75Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/protocol.svg b/hybrid-vertical/.config/eww/images/svg/dark/protocol.svg
new file mode 100644
index 000000000..716cacbb5
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/protocol.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m13.732 17.732-1.025-1.025 1.06-1.06 1.026 1.025a1 1 0 0 0 1.414 0l3.965-3.965a1 1 0 0 0 0-1.414l-3.965-3.964a1 1 0 0 0-1.414 0l-1.025 1.025-1.06-1.061 1.024-1.025a2.5 2.5 0 0 1 3.536 0l3.964 3.964a2.5 2.5 0 0 1 0 3.536l-3.964 3.964a2.5 2.5 0 0 1-3.536 0Z" fill="white"/><path d="m6.732 6.268-3.964 3.964a2.5 2.5 0 0 0 0 3.536l3.964 3.964a2.5 2.5 0 0 0 3.536 0l3.964-3.964a2.5 2.5 0 0 0 0-3.536l-3.964-3.964a2.5 2.5 0 0 0-3.536 0ZM3.83 11.293l3.964-3.964a1 1 0 0 1 1.414 0l3.965 3.964a1 1 0 0 1 0 1.414l-3.965 3.965a1 1 0 0 1-1.414 0l-3.964-3.965a1 1 0 0 1 0-1.414Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/radiobutton.svg b/hybrid-vertical/.config/eww/images/svg/dark/radiobutton.svg
new file mode 100644
index 000000000..1ed6e36b2
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/radiobutton.svg
@@ -0,0 +1,3 @@
+<svg height="23" width="23" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="11.5" cy="11.5" r="8.5" stroke="white" stroke-width="5" fill="none"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/rankings.svg b/hybrid-vertical/.config/eww/images/svg/dark/rankings.svg
new file mode 100644
index 000000000..4534694db
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/rankings.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M68.5775 44.3397C68.0998 44.3397 67.5955 44.2601 67.1178 44.0478L50 37.2802L32.8821 44.0743C30.8386 44.8705 28.5297 43.8885 27.707 41.845C26.9108 39.8015 27.8928 37.4926 29.9363 36.6698L48.5138 29.3185C49.4427 28.9469 50.5042 28.9469 51.4331 29.3185L70.0106 36.6698C72.0541 37.466 73.0626 39.8015 72.2399 41.845C71.656 43.3843 70.1698 44.3397 68.5775 44.3397Z" fill="white"/>
+<path d="M68.5775 57.6093C68.0998 57.6093 67.5955 57.5297 67.1178 57.3174L50 50.5499L32.8821 57.3439C30.8386 58.1401 28.5297 57.1581 27.707 55.1146C26.9108 53.0711 27.8928 50.7622 29.9363 49.9395L48.5138 42.5881C49.4427 42.2165 50.5042 42.2165 51.4331 42.5881L70.0106 49.9395C72.0541 50.7356 73.0626 53.0711 72.2399 55.1146C71.656 56.6539 70.1698 57.6093 68.5775 57.6093Z" fill="white"/>
+<path d="M68.5775 70.879C68.0998 70.879 67.5955 70.7993 67.1178 70.587L50 63.8195L32.8821 70.6136C30.8386 71.4098 28.5297 70.4278 27.707 68.3843C26.9108 66.3408 27.8928 64.0318 29.9363 63.2091L48.5138 55.8577C49.4427 55.4862 50.5042 55.4862 51.4331 55.8577L70.0106 63.2091C72.0541 64.0053 73.0626 66.3408 72.2399 68.3843C71.656 69.9236 70.1698 70.879 68.5775 70.879Z" fill="white"/>
+<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/reset.svg b/hybrid-vertical/.config/eww/images/svg/dark/reset.svg
new file mode 100644
index 000000000..1d866ae5c
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/reset.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.78 2.72a.75.75 0 0 1 0 1.06L4.56 6h8.69a7.75 7.75 0 1 1-7.75 7.75.75.75 0 0 1 1.5 0 6.25 6.25 0 1 0 6.25-6.25H4.56l2.22 2.22a.75.75 0 1 1-1.06 1.06l-3.5-3.5a.75.75 0 0 1 0-1.06l3.5-3.5a.75.75 0 0 1 1.06 0Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/rightarrow.svg b/hybrid-vertical/.config/eww/images/svg/dark/rightarrow.svg
new file mode 100644
index 000000000..6fd1d98eb
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/rightarrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.47 4.22a.75.75 0 0 0 0 1.06L15.19 12l-6.72 6.72a.75.75 0 1 0 1.06 1.06l7.25-7.25a.75.75 0 0 0 0-1.06L9.53 4.22a.75.75 0 0 0-1.06 0Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/root.svg b/hybrid-vertical/.config/eww/images/svg/dark/root.svg
new file mode 100644
index 000000000..306fd7f39
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/root.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.744 1.996a2.25 2.25 0 0 1 2.245 2.096l.005.154v15.498A2.25 2.25 0 0 1 17.9 21.99l-.155.005h-11.5A2.25 2.25 0 0 1 4 19.898l-.005-.154V4.246A2.25 2.25 0 0 1 6.09 2.001l.154-.005h11.5Zm0 1.5h-11.5a.75.75 0 0 0-.743.648l-.006.102v15.498c0 .38.282.694.648.743l.102.007h11.5a.75.75 0 0 0 .743-.648l.006-.102V4.246a.75.75 0 0 0-.648-.743l-.102-.007Z" fill="white"/><path d="M13.019 16.02a.75.75 0 0 1-.624-.859l.105-.66h-1.482l-.141.895a.75.75 0 1 1-1.482-.235l.105-.66h-.75a.75.75 0 0 1 0-1.5h.987l.238-1.5H9.25a.75.75 0 0 1 0-1.5h.962l.2-1.26a.75.75 0 1 1 1.481.235L11.731 10h1.481l.2-1.259a.75.75 0 1 1 1.481.235L14.731 10h.519a.75.75 0 0 1 0 1.5h-.757l-.237 1.5h.494a.75.75 0 0 1 0 1.5h-.732l-.141.896a.75.75 0 0 1-.858.623Zm-1.526-4.52-.237 1.5h1.481l.238-1.5h-1.482Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/search-fluent.svg b/hybrid-vertical/.config/eww/images/svg/dark/search-fluent.svg
new file mode 100644
index 000000000..d06ad1ac9
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/search-fluent.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10 2.75a7.25 7.25 0 0 1 5.63 11.819l4.9 4.9a.75.75 0 0 1-.976 1.134l-.084-.073-4.901-4.9A7.25 7.25 0 1 1 10 2.75Zm0 1.5a5.75 5.75 0 1 0 0 11.5 5.75 5.75 0 0 0 0-11.5Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/search.svg b/hybrid-vertical/.config/eww/images/svg/dark/search.svg
new file mode 100644
index 000000000..4542bf491
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/search.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0481 9.31178C70.2498 9.31178 75.08 12.1005 77.6808 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6808 83.3845C75.08 87.8995 70.2498 90.6882 65.0481 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27214 57.3037C4.67129 52.7887 4.67129 47.2113 7.27214 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0481ZM65.0481 4H34.9526C27.8401 4 21.2583 7.79792 17.7021 13.9596L2.6543 40.0404C-0.90196 46.2021 -0.90196 53.7979 2.6543 59.9596L17.7021 86.0404C21.2583 92.2021 27.8401 96 34.9526 96H65.0481C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3464 59.9596C100.903 53.7979 100.903 46.2021 97.3464 40.0404L82.2721 13.9596C78.7424 7.79792 72.1607 4 65.0481 4Z" fill="white"/>
+<path d="M67.0382 71.0612C66.0297 71.0612 64.9947 70.6628 64.225 69.8926L54.2728 59.933C52.707 58.3661 52.707 55.843 54.2728 54.3025C55.8386 52.7356 58.3599 52.7356 59.8991 54.3025L69.8514 64.2621C71.4172 65.8291 71.4172 68.3522 69.8514 69.8926C69.0817 70.6628 68.0732 71.0612 67.0382 71.0612Z" fill="white"/>
+<path d="M46.2049 63.4919C36.7038 63.4919 28.9544 55.7367 28.9544 46.2286C28.9544 36.7206 36.7038 28.9654 46.2049 28.9654C55.706 28.9654 63.4554 36.7206 63.4554 46.2286C63.4554 55.7367 55.7325 63.4919 46.2049 63.4919ZM46.2049 36.933C41.0828 36.933 36.9162 41.1028 36.9162 46.2286C36.9162 51.3545 41.0828 55.5243 46.2049 55.5243C51.327 55.5243 55.4937 51.3545 55.4937 46.2286C55.4937 41.1028 51.327 36.933 46.2049 36.933Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/settings.svg b/hybrid-vertical/.config/eww/images/svg/dark/settings.svg
new file mode 100644
index 000000000..c69c6a3a6
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/settings.svg
@@ -0,0 +1,23 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.31178C70.2493 9.31178 75.0795 12.1005 77.6803 16.6155L92.7281 42.6963C95.329 47.2113 95.329 52.7887 92.7281 57.3037L77.6803 83.3845C75.0795 87.8995 70.2493 90.6882 65.0476 90.6882H34.9521C29.7504 90.6882 24.9203 87.8995 22.3194 83.3845L7.27163 57.3037C4.67078 52.7887 4.67078 47.2113 7.27163 42.6963L22.3194 16.6155C24.9203 12.1005 29.7504 9.31178 34.9521 9.31178H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.79792 17.7016 13.9596L2.6538 40.0404C-0.902467 46.2021 -0.902467 53.7979 2.6538 59.9596L17.7016 86.0404C21.2578 92.2021 27.8396 96 34.9521 96H65.0476C72.1602 96 78.7419 92.2021 82.2982 86.0404L97.3459 59.9596C100.902 53.7979 100.902 46.2021 97.3459 40.0404L82.2716 13.9596C78.7419 7.79792 72.1602 4 65.0476 4Z" fill="white"/>
+<path d="M50 72.0704C37.9246 72.0704 28.1051 62.2436 28.1051 50.1593C28.1051 38.0751 37.9246 28.2483 50 28.2483C62.0754 28.2483 71.8949 38.0751 71.8949 50.1593C71.8949 62.2436 62.0754 72.0704 50 72.0704ZM50 36.2159C42.3036 36.2159 36.0669 42.4838 36.0669 50.1593C36.0669 57.8349 42.3302 64.1028 50 64.1028C57.6699 64.1028 63.9331 57.8349 63.9331 50.1593C63.9331 42.4838 57.6699 36.2159 50 36.2159Z" fill="white"/>
+<path d="M50 35.8441C47.7972 35.8441 46.0191 34.0647 46.0191 31.8603V28.4873C46.0191 26.2829 47.7972 24.5035 50 24.5035C52.2028 24.5035 53.9809 26.2829 53.9809 28.4873V31.8603C53.9809 34.0647 52.2028 35.8441 50 35.8441Z" fill="white"/>
+<path d="M58.9968 38.5531C58.2537 38.5531 57.5106 38.3407 56.8206 37.9157C54.9894 36.7206 54.4586 34.2506 55.6529 32.418L57.6699 29.3106C58.8641 27.4781 61.3323 26.9469 63.1635 28.142C64.9947 29.3372 65.5255 31.8072 64.3312 33.6397L62.3142 36.7471C61.5711 37.9157 60.2973 38.5531 58.9968 38.5531Z" fill="white"/>
+<path d="M65.7378 45.5116C64.3843 45.5116 63.0839 44.821 62.3408 43.5993C61.1996 41.7136 61.81 39.2702 63.6943 38.1282L67.0382 36.1097C68.9225 34.9677 71.3641 35.5785 72.5053 37.4642C73.6465 39.3499 73.0361 41.7933 71.1518 42.9353L67.8079 44.9538C67.1444 45.3256 66.4278 45.5116 65.7378 45.5116Z" fill="white"/>
+<path d="M32.0064 54.515H27.9724C25.7696 54.515 23.9915 52.7356 23.9915 50.5312C23.9915 48.3268 25.7696 46.5473 27.9724 46.5473H32.0064C34.2091 46.5473 35.9873 48.3268 35.9873 50.5312C35.9873 52.7356 34.2091 54.515 32.0064 54.515Z" fill="white"/>
+<path d="M69.0817 65.537C68.3917 65.537 67.7017 65.3511 67.0648 64.9792L63.2696 62.7217C61.3854 61.6062 60.7484 59.1628 61.8631 57.2506C62.9777 55.3649 65.4193 54.7275 67.3302 55.843L71.1253 58.1005C73.0096 59.2159 73.6465 61.6594 72.5319 63.5716C71.7622 64.8464 70.4353 65.537 69.0817 65.537Z" fill="white"/>
+<path d="M34.2622 45.5116C33.5722 45.5116 32.8556 45.3257 32.1921 44.9273L28.8482 42.9088C26.9639 41.7668 26.3535 39.3233 27.4947 37.4377C28.6359 35.552 31.0775 34.9411 32.9618 36.0832L36.3057 38.1016C38.19 39.2437 38.8004 41.6871 37.6592 43.5728C36.9161 44.8476 35.6157 45.5116 34.2622 45.5116Z" fill="white"/>
+<path d="M40.7909 38.7656C39.3843 38.7656 38.0043 37.9954 37.2877 36.6675L35.483 33.321C34.448 31.3822 35.1646 28.9654 37.1019 27.9296C39.0393 26.8938 41.4544 27.6109 42.4894 29.5497L44.2941 32.8961C45.3291 34.8349 44.6125 37.2517 42.6752 38.2875C42.0648 38.6063 41.4278 38.7656 40.7909 38.7656Z" fill="white"/>
+<path d="M72.0276 54.515H67.9936C65.7909 54.515 64.0127 52.7356 64.0127 50.5312C64.0127 48.3268 65.7909 46.5473 67.9936 46.5473H72.0276C74.2303 46.5473 76.0085 48.3268 76.0085 50.5312C76.0085 52.7356 74.2303 54.515 72.0276 54.515Z" fill="white"/>
+<path d="M61.0138 73.6109C59.6603 73.6109 58.3333 72.9203 57.5902 71.6455L55.3344 67.8476C54.2198 65.9619 54.8302 63.5185 56.741 62.3765C58.6253 61.261 61.0669 61.8718 62.2081 63.7841L64.4639 67.582C65.5786 69.4677 64.9682 71.9111 63.0573 73.0531C62.3938 73.425 61.7038 73.6109 61.0138 73.6109Z" fill="white"/>
+<path d="M50 76.5589C47.7972 76.5589 46.0191 74.7795 46.0191 72.5751V68.0866C46.0191 65.8822 47.7972 64.1028 50 64.1028C52.2028 64.1028 53.9809 65.8822 53.9809 68.0866V72.5751C53.9809 74.7795 52.2028 76.5589 50 76.5589Z" fill="white"/>
+<path d="M30.9183 65.537C29.5648 65.537 28.2643 64.8464 27.5212 63.6247C26.3801 61.739 26.9905 59.2956 28.8747 58.1536L32.2187 56.1351C34.103 54.9931 36.5446 55.6039 37.6858 57.4896C38.827 59.3753 38.2166 61.8187 36.3323 62.9607L32.9883 64.9792C32.3514 65.351 31.6348 65.537 30.9183 65.537Z" fill="white"/>
+<path d="M38.9862 73.6108C38.2962 73.6108 37.6062 73.4249 36.9692 73.0531C35.0849 71.9376 34.448 69.4942 35.5626 67.582L37.8185 63.7841C38.9331 61.8984 41.3747 61.261 43.2856 62.3764C45.1699 63.4919 45.8068 65.9353 44.6921 67.8476L42.4363 71.6455C41.6667 72.9203 40.3397 73.6108 38.9862 73.6108Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/store.svg b/hybrid-vertical/.config/eww/images/svg/dark/store.svg
new file mode 100644
index 000000000..e4ac6edd5
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/store.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0479 9.31178C70.2496 9.31178 75.0797 12.1005 77.6806 16.6155L92.7283 42.6963C95.3292 47.2113 95.3292 52.7887 92.7283 57.3037L77.6806 83.3845C75.0797 87.8995 70.2496 90.6882 65.0479 90.6882H34.9523C29.7506 90.6882 24.9205 87.8995 22.3196 83.3845L7.27184 57.3037C4.67099 52.7887 4.67099 47.2113 7.27184 42.6963L22.3196 16.6155C24.9205 12.1005 29.7506 9.31178 34.9523 9.31178H65.0479ZM65.0479 4H34.9523C27.8398 4 21.258 7.79792 17.7018 13.9596L2.65401 40.0404C-0.902257 46.2021 -0.902257 53.7979 2.65401 59.9596L17.7018 86.0404C21.258 92.2021 27.8398 96 34.9523 96H65.0479C72.1604 96 78.7421 92.2021 82.2984 86.0404L97.3462 59.9596C100.902 53.7979 100.902 46.2021 97.3462 40.0404L82.2719 13.9596C78.7421 7.79792 72.1604 4 65.0479 4Z" fill="white"/>
+<path d="M69.3737 62.5889H35.828C33.6253 62.5889 31.8471 60.8095 31.8471 58.6051V36.8799L26.1412 31.7009C24.5223 30.2136 24.3896 27.7171 25.8758 26.0704C27.362 24.4503 29.8567 24.3175 31.5021 25.8048L38.5085 32.1524C39.3312 32.8961 39.8089 33.985 39.8089 35.1005V54.6212H65.3928V43.1478L49.2038 40.97C47.0276 40.6778 45.4883 38.6593 45.7803 36.4815C46.0722 34.3037 48.0626 32.7633 50.2654 33.0554L69.9045 35.6847C71.8684 35.9503 73.3546 37.6501 73.3546 39.642V58.5785C73.3546 60.8095 71.5764 62.5889 69.3737 62.5889Z" fill="white"/>
+<path d="M65.1274 75.2309C67.326 75.2309 69.1083 73.4473 69.1083 71.2471C69.1083 69.0469 67.326 67.2633 65.1274 67.2633C62.9288 67.2633 61.1465 69.0469 61.1465 71.2471C61.1465 73.4473 62.9288 75.2309 65.1274 75.2309Z" fill="white"/>
+<path d="M39.1189 75.2309C41.3175 75.2309 43.0998 73.4473 43.0998 71.2471C43.0998 69.0469 41.3175 67.2633 39.1189 67.2633C36.9203 67.2633 35.138 69.0469 35.138 71.2471C35.138 73.4473 36.9203 75.2309 39.1189 75.2309Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/tournaments.svg b/hybrid-vertical/.config/eww/images/svg/dark/tournaments.svg
new file mode 100644
index 000000000..cd0f69268
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/tournaments.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.3119 52.4749C24.9451 51.108 24.9451 48.892 26.3119 47.5251L47.5251 26.3119C48.8919 24.9451 51.108 24.9451 52.4749 26.3119L73.6881 47.5251C75.0549 48.892 75.0549 51.108 73.6881 52.4749L52.4749 73.6881C51.108 75.0549 48.8919 75.0549 47.5251 73.6881L26.3119 52.4749ZM33.7365 50L50 66.2635L66.2634 50L50 33.7365L33.7365 50Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.5251 27.5251C28.892 26.1583 31.108 26.1583 32.4749 27.5251L72.4749 67.5251C73.8417 68.892 73.8417 71.108 72.4749 72.4749C71.108 73.8417 68.892 73.8417 67.5251 72.4749L27.5251 32.4749C26.1583 31.108 26.1583 28.892 27.5251 27.5251Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M72.4749 27.5251C73.8417 28.892 73.8417 31.108 72.4749 32.4749L32.4749 72.4749C31.108 73.8417 28.892 73.8417 27.5251 72.4749C26.1583 71.108 26.1583 68.892 27.5251 67.5251L67.5251 27.5251C68.892 26.1583 71.108 26.1583 72.4749 27.5251Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/uparrow.svg b/hybrid-vertical/.config/eww/images/svg/dark/uparrow.svg
new file mode 100644
index 000000000..5ea8ae99a
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/uparrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.293 15.707a1 1 0 0 0 1.414 0L12 9.414l6.293 6.293a1 1 0 0 0 1.414-1.414l-7-7a1 1 0 0 0-1.414 0l-7 7a1 1 0 0 0 0 1.414Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/user.svg b/hybrid-vertical/.config/eww/images/svg/dark/user.svg
new file mode 100644
index 000000000..5127e451a
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/user.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.754 14a2.249 2.249 0 0 1 2.25 2.249v.918a2.75 2.75 0 0 1-.513 1.599C17.945 20.929 15.42 22 12 22c-3.422 0-5.945-1.072-7.487-3.237a2.75 2.75 0 0 1-.51-1.595v-.92a2.249 2.249 0 0 1 2.249-2.25h11.501ZM12 2.004a5 5 0 1 1 0 10 5 5 0 0 1 0-10Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/vol0.svg b/hybrid-vertical/.config/eww/images/svg/dark/vol0.svg
new file mode 100644
index 000000000..036a79126
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/vol0.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.704 3.441c.191.226.296.512.296.808V19.75a1.25 1.25 0 0 1-2.058.954l-4.967-4.206H4.25A2.25 2.25 0 0 1 2 14.248v-4.5a2.25 2.25 0 0 1 2.25-2.25h3.725l4.968-4.204a1.25 1.25 0 0 1 1.761.147ZM13.5 4.788l-4.975 4.21H4.25a.75.75 0 0 0-.75.75v4.5c0 .415.336.75.75.75h4.275l4.975 4.213V4.788Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/vol1.svg b/hybrid-vertical/.config/eww/images/svg/dark/vol1.svg
new file mode 100644
index 000000000..96d5570a5
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/vol1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.704 3.442c.191.226.296.512.296.808v15.502a1.25 1.25 0 0 1-2.058.954L7.975 16.5H4.25A2.25 2.25 0 0 1 2 14.25v-4.5A2.25 2.25 0 0 1 4.25 7.5h3.725l4.968-4.204a1.25 1.25 0 0 1 1.761.147ZM13.5 4.79 8.525 9H4.25a.75.75 0 0 0-.75.75v4.5c0 .415.336.75.75.75h4.275l4.975 4.213V4.79Zm3.604 3.851a.75.75 0 0 1 1.03.25c.574.94.862 1.992.862 3.14 0 1.149-.288 2.201-.862 3.141a.75.75 0 1 1-1.28-.781c.428-.702.642-1.483.642-2.36 0-.876-.214-1.657-.642-2.359a.75.75 0 0 1 .25-1.03Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/vol2.svg b/hybrid-vertical/.config/eww/images/svg/dark/vol2.svg
new file mode 100644
index 000000000..a090e3c39
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/vol2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 4.25c0-1.079-1.274-1.65-2.08-.934L8.427 7.309a.75.75 0 0 1-.498.19H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V4.25ZM9.425 8.43 13.5 4.807v14.382l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.68a2.25 2.25 0 0 0 1.495-.569ZM18.992 5.897a.75.75 0 0 1 1.049.157A9.959 9.959 0 0 1 22 12a9.96 9.96 0 0 1-1.96 5.946.75.75 0 0 1-1.205-.892A8.459 8.459 0 0 0 20.5 12a8.459 8.459 0 0 0-1.665-5.054.75.75 0 0 1 .157-1.049Z" fill="white"/><path d="M17.143 8.37a.75.75 0 0 1 1.017.302c.536.99.84 2.125.84 3.328a6.973 6.973 0 0 1-.84 3.328.75.75 0 0 1-1.32-.714c.42-.777.66-1.666.66-2.614s-.24-1.837-.66-2.614a.75.75 0 0 1 .303-1.017Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/vol3.svg b/hybrid-vertical/.config/eww/images/svg/dark/vol3.svg
new file mode 100644
index 000000000..a090e3c39
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/vol3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 4.25c0-1.079-1.274-1.65-2.08-.934L8.427 7.309a.75.75 0 0 1-.498.19H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V4.25ZM9.425 8.43 13.5 4.807v14.382l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.68a2.25 2.25 0 0 0 1.495-.569ZM18.992 5.897a.75.75 0 0 1 1.049.157A9.959 9.959 0 0 1 22 12a9.96 9.96 0 0 1-1.96 5.946.75.75 0 0 1-1.205-.892A8.459 8.459 0 0 0 20.5 12a8.459 8.459 0 0 0-1.665-5.054.75.75 0 0 1 .157-1.049Z" fill="white"/><path d="M17.143 8.37a.75.75 0 0 1 1.017.302c.536.99.84 2.125.84 3.328a6.973 6.973 0 0 1-.84 3.328.75.75 0 0 1-1.32-.714c.42-.777.66-1.666.66-2.614s-.24-1.837-.66-2.614a.75.75 0 0 1 .303-1.017Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/volmute.svg b/hybrid-vertical/.config/eww/images/svg/dark/volmute.svg
new file mode 100644
index 000000000..474a67cb0
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/volmute.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.28 2.22a.75.75 0 1 0-1.06 1.06L6.438 7.5H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V16.06l5.72 5.72a.75.75 0 0 0 1.06-1.061L3.28 2.22ZM13.5 14.56v4.629l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.688L13.5 14.56ZM13.5 4.807v5.511l1.5 1.5V4.25c0-1.079-1.274-1.65-2.08-.934l-3.4 3.022 1.063 1.063L13.5 4.807ZM17.141 13.96l1.138 1.137A6.974 6.974 0 0 0 19 12a6.973 6.973 0 0 0-.84-3.328.75.75 0 0 0-1.32.714c.42.777.66 1.666.66 2.614 0 .691-.127 1.351-.359 1.96ZM19.388 16.206l1.093 1.094A9.955 9.955 0 0 0 22 12a9.959 9.959 0 0 0-1.96-5.946.75.75 0 0 0-1.205.892A8.46 8.46 0 0 1 20.5 12a8.458 8.458 0 0 1-1.112 4.206Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/wifi.svg b/hybrid-vertical/.config/eww/images/svg/dark/wifi.svg
new file mode 100644
index 000000000..bd7500be3
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/wifi.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m12.858 14.273 7.434 7.434a1 1 0 0 0 1.414-1.414l-17.999-18a1 1 0 1 0-1.414 1.414L5.39 6.804c-.643.429-1.254.927-1.821 1.495a12.382 12.382 0 0 0-1.39 1.683 1 1 0 0 0 1.644 1.14c.363-.524.761-1.01 1.16-1.41a9.94 9.94 0 0 1 1.855-1.46L7.99 9.405a8.14 8.14 0 0 0-3.203 3.377 1 1 0 0 0 1.784.903 6.08 6.08 0 0 1 1.133-1.563 6.116 6.116 0 0 1 1.77-1.234l1.407 1.407A5.208 5.208 0 0 0 8.336 13.7a5.25 5.25 0 0 0-1.09 1.612 1 1 0 0 0 1.832.802c.167-.381.394-.722.672-1a3.23 3.23 0 0 1 3.108-.841Zm-1.332-5.93 2.228 2.229a6.1 6.1 0 0 1 2.616 1.55c.444.444.837.995 1.137 1.582a1 1 0 1 0 1.78-.911 8.353 8.353 0 0 0-1.503-2.085 8.108 8.108 0 0 0-6.258-2.365ZM8.51 5.327l1.651 1.651a9.904 9.904 0 0 1 10.016 4.148 1 1 0 1 0 1.646-1.136A11.912 11.912 0 0 0 8.51 5.327Zm4.552 11.114a1.501 1.501 0 1 1-2.123 2.123 1.501 1.501 0 0 1 2.123-2.123Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/wifi1.svg b/hybrid-vertical/.config/eww/images/svg/dark/wifi1.svg
new file mode 100644
index 000000000..e77cb492f
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/wifi1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.96 18.568a1.501 1.501 0 1 0 2.122-2.123 1.501 1.501 0 0 0-2.123 2.123Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/wifi2.svg b/hybrid-vertical/.config/eww/images/svg/dark/wifi2.svg
new file mode 100644
index 000000000..9bd4c1127
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/wifi2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.938 16.446a1.501 1.501 0 1 1 2.123 2.123 1.501 1.501 0 0 1-2.123-2.123Zm-2.603-2.742a5.233 5.233 0 0 1 7.4 0c.46.461.838 1.025 1.101 1.625a1 1 0 0 1-1.832.803 3.356 3.356 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.255 3.255 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.613Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/wifi3.svg b/hybrid-vertical/.config/eww/images/svg/dark/wifi3.svg
new file mode 100644
index 000000000..15147e602
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/wifi3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.96 16.44a1.501 1.501 0 1 1 2.122 2.122 1.501 1.501 0 0 1-2.123-2.122Zm-2.604-2.742a5.233 5.233 0 0 1 7.4 0c.46.461.838 1.025 1.101 1.625a1 1 0 1 1-1.832.803 3.358 3.358 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.254 3.254 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.613ZM6.31 10.707a8.128 8.128 0 0 1 11.495 0 8.353 8.353 0 0 1 1.503 2.085 1 1 0 0 1-1.78.91 6.357 6.357 0 0 0-1.137-1.581 6.128 6.128 0 0 0-9.8 1.562 1 1 0 1 1-1.785-.902 8.08 8.08 0 0 1 1.504-2.074Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/wifi4.svg b/hybrid-vertical/.config/eww/images/svg/dark/wifi4.svg
new file mode 100644
index 000000000..360b10868
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/wifi4.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.784 10.708a8.35 8.35 0 0 1 1.504 2.085 1 1 0 0 1-1.781.91 6.353 6.353 0 0 0-1.137-1.58 6.128 6.128 0 0 0-9.8 1.562 1 1 0 0 1-1.784-.903 8.128 8.128 0 0 1 12.998-2.074ZM15.735 13.7c.46.46.838 1.024 1.101 1.624a1 1 0 1 1-1.832.803 3.36 3.36 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.257 3.257 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.612 5.233 5.233 0 0 1 7.4 0Zm4.684-5.401c.508.508.987 1.087 1.404 1.691a1 1 0 0 1-1.646 1.136c-.35-.506-.752-.993-1.172-1.413-3.872-3.872-10.15-3.872-14.023 0-.4.399-.797.886-1.16 1.41a1 1 0 0 1-1.644-1.14c.428-.618.9-1.195 1.39-1.684 4.653-4.654 12.198-4.654 16.851 0Zm-7.358 8.142a1.501 1.501 0 1 1-2.122 2.123 1.501 1.501 0 0 1 2.122-2.123Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/dark/wiki.svg b/hybrid-vertical/.config/eww/images/svg/dark/wiki.svg
new file mode 100644
index 000000000..a2d8358b6
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/dark/wiki.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0482 9.31178C70.2499 9.31178 75.08 12.1005 77.6809 16.6155L92.7287 42.6963C95.3295 47.2113 95.3295 52.7887 92.7287 57.3037L77.6809 83.3845C75.08 87.8995 70.2499 90.6882 65.0482 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27217 57.3037C4.67132 52.7887 4.67132 47.2113 7.27217 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0482ZM65.0482 4H34.9526C27.8401 4 21.2584 7.79792 17.7021 13.9596L2.65433 40.0404C-0.901929 46.2021 -0.901929 53.7979 2.65433 59.9596L17.7021 86.0404C21.2584 92.2021 27.8401 96 34.9526 96H65.0482C72.1607 96 78.7425 92.2021 82.2987 86.0404L97.3465 59.9596C100.903 53.7979 100.903 46.2021 97.3465 40.0404L82.2722 13.9596C78.7424 7.79792 72.1607 4 65.0482 4Z" fill="white"/>
+<path d="M50 48.3799C44.1348 48.3799 39.3843 43.6259 39.3843 37.7563C39.3843 31.8868 44.1348 27.1328 50 27.1328C55.8652 27.1328 60.6157 31.8868 60.6157 37.7563C60.6157 43.6259 55.8652 48.3799 50 48.3799ZM50 35.1005C48.5403 35.1005 47.3461 36.2956 47.3461 37.7563C47.3461 39.2171 48.5403 40.4122 50 40.4122C51.4596 40.4122 52.6539 39.2171 52.6539 37.7563C52.6539 36.2956 51.4596 35.1005 50 35.1005Z" fill="white"/>
+<path d="M38.7208 72.8672C37.7123 72.8672 36.6773 72.4688 35.9076 71.6986L24.7611 60.5439C23.1953 58.9769 23.1953 56.4538 24.7611 54.9134C26.327 53.3464 28.8482 53.3464 30.3875 54.9134L38.7208 63.2529L47.0807 54.8868C48.6465 53.3198 51.1677 53.3198 52.707 54.8868L61.0138 63.1997L69.4267 54.7806C70.9925 53.2136 73.5138 53.2136 75.053 54.7806C76.6189 56.3476 76.6189 58.8706 75.053 60.4111L63.8004 71.672C62.2346 73.239 59.7134 73.239 58.1741 71.672L49.8673 63.3591L41.5074 71.7251C40.7643 72.4688 39.7558 72.8672 38.7208 72.8672Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/downarrow.svg b/hybrid-vertical/.config/eww/images/svg/downarrow.svg
new file mode 100644
index 000000000..c431b25a2
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/downarrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.293 8.293a1 1 0 0 1 1.414 0L12 14.586l6.293-6.293a1 1 0 1 1 1.414 1.414l-7 7a1 1 0 0 1-1.414 0l-7-7a1 1 0 0 1 0-1.414Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/folderopen.svg b/hybrid-vertical/.config/eww/images/svg/folderopen.svg
new file mode 100644
index 000000000..b2ecc8c55
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/folderopen.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 9.502V8.75a2.25 2.25 0 0 0-2.25-2.25h-5.725l-2.38-1.98A2.25 2.25 0 0 0 8.204 4H4.25A2.25 2.25 0 0 0 2 6.25l-.004 11.5A2.25 2.25 0 0 0 4.246 20H18.47a1.75 1.75 0 0 0 1.698-1.325l1.75-6.998a1.75 1.75 0 0 0-1.698-2.175H20ZM4.25 5.5h3.956a.75.75 0 0 1 .48.173l2.588 2.154a.75.75 0 0 0 .48.173h5.996a.75.75 0 0 1 .75.75v.752H6.424a2.25 2.25 0 0 0-2.183 1.704l-.744 2.978L3.5 6.25a.75.75 0 0 1 .75-.75Zm1.447 6.07a.75.75 0 0 1 .727-.568H20.22a.25.25 0 0 1 .242.31l-1.75 6.999a.25.25 0 0 1-.242.189H4.285a.25.25 0 0 1-.243-.31l1.655-6.62Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/forum.svg b/hybrid-vertical/.config/eww/images/svg/forum.svg
new file mode 100644
index 000000000..7bf9fd29c
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/forum.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.28849C70.2493 9.28849 75.0795 12.0649 77.6803 16.5602L92.7281 42.5266C95.3289 47.0219 95.3289 52.5748 92.7281 57.07L77.6803 83.0365C75.0795 87.5317 70.2493 90.3082 65.0476 90.3082H34.9521C29.7504 90.3082 24.9203 87.5317 22.3194 83.0365L7.27165 57.07C4.6708 52.5748 4.6708 47.0219 7.27165 42.5266L22.3194 16.5602C24.9203 12.0649 29.7504 9.28849 34.9521 9.28849H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.78127 17.7016 13.9159L2.65381 39.8824C-0.902448 46.0171 -0.902448 53.5796 2.65381 59.7142L17.7016 85.6807C21.2578 91.8154 27.8396 95.5966 34.9521 95.5966H65.0476C72.1602 95.5966 78.7419 91.8154 82.2982 85.6807L97.3459 59.7142C100.902 53.5796 100.902 46.0171 97.3459 39.8824L82.2716 13.9159C78.7419 7.78127 72.1602 4 65.0476 4Z" fill="#9F9BAB"/>
+<path d="M66.9851 40.8079C69.1837 40.8079 70.966 39.0321 70.966 36.8415C70.966 34.651 69.1837 32.8752 66.9851 32.8752C64.7865 32.8752 63.0042 34.651 63.0042 36.8415C63.0042 39.0321 64.7865 40.8079 66.9851 40.8079Z" fill="#9F9BAB"/>
+<path d="M51.327 40.8079H34.6072C32.4045 40.8079 30.6263 39.0362 30.6263 36.8415C30.6263 34.6468 32.4045 32.8752 34.6072 32.8752H51.327C53.5297 32.8752 55.3079 34.6468 55.3079 36.8415C55.3079 39.0362 53.5297 40.8079 51.327 40.8079Z" fill="#9F9BAB"/>
+<path d="M66.9851 67.2503C69.1837 67.2503 70.966 65.4745 70.966 63.284C70.966 61.0934 69.1837 59.3176 66.9851 59.3176C64.7865 59.3176 63.0042 61.0934 63.0042 63.284C63.0042 65.4745 64.7865 67.2503 66.9851 67.2503Z" fill="#9F9BAB"/>
+<path d="M51.327 67.2503H34.6072C32.4045 67.2503 30.6263 65.4787 30.6263 63.284C30.6263 61.0892 32.4045 59.3176 34.6072 59.3176H51.327C53.5297 59.3176 55.3079 61.0892 55.3079 63.284C55.3079 65.4787 53.5297 67.2503 51.327 67.2503Z" fill="#9F9BAB"/>
+<path d="M34.8726 54.0291C37.0712 54.0291 38.8535 52.2533 38.8535 50.0627C38.8535 47.8722 37.0712 46.0964 34.8726 46.0964C32.674 46.0964 30.8917 47.8722 30.8917 50.0627C30.8917 52.2533 32.674 54.0291 34.8726 54.0291Z" fill="#9F9BAB"/>
+<path d="M67.2505 54.0291H50.5308C48.328 54.0291 46.5499 52.2575 46.5499 50.0627C46.5499 47.868 48.328 46.0964 50.5308 46.0964H67.2505C69.4533 46.0964 71.2314 47.868 71.2314 50.0627C71.2314 52.2575 69.4533 54.0291 67.2505 54.0291Z" fill="#9F9BAB"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.5966" fill="#9F9BAB" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/graph.svg b/hybrid-vertical/.config/eww/images/svg/graph.svg
new file mode 100644
index 000000000..b67cd95d4
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/graph.svg
@@ -0,0 +1,16 @@
+<svg width="1920" height="1080">
+  <circle cx="225" cy="350" r="40" stroke="#d7e2ff" stroke-width="3" fill="none" />
+  <circle cx="525" cy="250" r="40" stroke="#d7e2ff" stroke-width="3" fill="none" />
+  <circle cx="825" cy="350" r="40" stroke="#d7e2ff" stroke-width="3" fill="none" />
+  <circle cx="1125" cy="250" r="40" stroke="#d7e2ff" stroke-width="3" fill="none" />
+  <line x1="225" y1="350" x2="525" y2="250" stroke="#d7e2ff" stroke-width="3" 
+    stroke-linecap="round"/>
+  <line x1="525" y1="250" x2="825" y2="350" stroke="#d7e2ff" stroke-width="3" 
+    stroke-linecap="round"/>
+  <line x1="825" y1="350" x2="1125" y2="250" stroke="#d7e2ff" stroke-width="3" 
+    stroke-linecap="round"/>
+  <circle cx="225" cy="350" r="20" stroke="#d7e2ff" stroke-width="3" fill="#d7e2ff" />
+  <circle cx="525" cy="250" r="20" stroke="#d7e2ff" stroke-width="3" fill="#d7e2ff" />
+  <circle cx="825" cy="350" r="20" stroke="#d7e2ff" stroke-width="3" fill="#d7e2ff" />
+  <circle cx="1125" cy="250" r="20" stroke="#d7e2ff" stroke-width="3" fill="#d7e2ff" />
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/gruv/beatmappacks.svg b/hybrid-vertical/.config/eww/images/svg/gruv/beatmappacks.svg
new file mode 100644
index 000000000..e7716f832
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/gruv/beatmappacks.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="#caca93"/>
+<path d="M45.8333 49.0106C45.4883 49.0106 45.1433 48.9575 44.8248 48.8248L25.3715 40.863C24.3365 40.4384 23.673 39.3768 23.7261 38.2622C23.7792 37.121 24.5488 36.1656 25.6369 35.8471L53.6093 27.8853C54.1932 27.7261 54.7771 27.7526 55.3344 27.9915L74.7877 35.9533C75.8227 36.3779 76.4862 37.4395 76.4331 38.5541C76.38 39.6953 75.6104 40.6507 74.5223 40.9692L46.5764 48.931C46.3376 48.9841 46.0987 49.0106 45.8333 49.0106ZM34.5011 38.8461L46.0191 43.5435L65.6847 37.9437L54.1667 33.2463L34.5011 38.8461Z" fill="#caca93"/>
+<path d="M45.8333 74.1698C45.4883 74.1698 45.1433 74.1168 44.8248 73.9841L25.3715 66.0223C24.3365 65.5977 23.673 64.5361 23.7261 63.4214C23.7792 62.2802 24.5488 61.3248 25.6369 61.0064L53.5828 53.0446C54.1667 52.8853 54.7505 52.9119 55.3079 53.1507L74.7612 61.1125C75.7962 61.5372 76.4597 62.5987 76.4066 63.7134C76.3535 64.8546 75.5839 65.81 74.4958 66.1284L46.5499 74.0902C46.3376 74.1433 46.0987 74.1698 45.8333 74.1698ZM34.5011 64.0053L46.0191 68.7028L65.6847 63.103L54.1667 58.4055L34.5011 64.0053Z" fill="#caca93"/>
+<path d="M26.4597 66.1285C25 66.1285 23.8057 64.9342 23.8057 63.4745V38.3153C23.8057 36.8556 25 35.6614 26.4597 35.6614C27.9193 35.6614 29.1136 36.8556 29.1136 38.3153V63.4745C29.1136 64.9342 27.9193 66.1285 26.4597 66.1285Z" fill="#caca93"/>
+<path d="M45.9395 74.1433C44.4799 74.1433 43.2856 72.949 43.2856 71.4894V46.3301C43.2856 44.8705 44.4799 43.6762 45.9395 43.6762C47.3992 43.6762 48.5934 44.8705 48.5934 46.3301V71.4894C48.5934 72.949 47.3992 74.1433 45.9395 74.1433Z" fill="#caca93"/>
+<path d="M54.4055 57.7421C52.9459 57.7421 51.7516 56.5478 51.7516 55.0881V30.4862C51.7516 29.0265 52.9459 27.8323 54.4055 27.8323C55.8652 27.8323 57.0594 29.0265 57.0594 30.4862V55.0881C57.0594 56.5478 55.8652 57.7421 54.4055 57.7421Z" fill="#caca93"/>
+<path d="M73.8854 66.1285C72.4257 66.1285 71.2314 64.9342 71.2314 63.4745V38.8726C71.2314 37.413 72.4257 36.2187 73.8854 36.2187C75.345 36.2187 76.5393 37.413 76.5393 38.8726V63.4745C76.5393 64.9342 75.345 66.1285 73.8854 66.1285Z" fill="#caca93"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#caca93" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/gruv/beatmaps.svg b/hybrid-vertical/.config/eww/images/svg/gruv/beatmaps.svg
new file mode 100644
index 000000000..a9532018a
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/gruv/beatmaps.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="#ffdbc4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7375 27.0672C49.7375 22.2087 55.5763 19.7364 59.0652 23.1177L64.1858 28.0804C65.5739 29.4257 65.6086 31.6415 64.2633 33.0296C62.9181 34.4176 60.7023 34.4523 59.3142 33.1071L56.7375 30.6098V54.0937C56.7375 56.0267 55.1705 57.5937 53.2375 57.5937C51.3045 57.5937 49.7375 56.0267 49.7375 54.0937V27.0672Z" fill="#ffdbc4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M47.9008 55.8953C48.8125 55.8953 49.5516 55.1562 49.5516 54.2445C49.5516 53.3328 48.8125 52.5938 47.9008 52.5938C46.9891 52.5938 46.25 53.3328 46.25 54.2445C46.25 55.1562 46.9891 55.8953 47.9008 55.8953ZM47.9008 62.8953C52.6785 62.8953 56.5516 59.0222 56.5516 54.2445C56.5516 49.4668 52.6785 45.5938 47.9008 45.5938C43.1231 45.5938 39.25 49.4668 39.25 54.2445C39.25 59.0222 43.1231 62.8953 47.9008 62.8953Z" fill="#ffdbc4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.3186 33.2126C47.6854 34.5795 47.6854 36.7955 46.3186 38.1624L31.9479 52.5331C31.3621 53.1189 31.3621 54.0686 31.9479 54.6544L48.9393 71.6458C49.5251 72.2316 50.4748 72.2316 51.0606 71.6458L68.0521 54.6544C68.6379 54.0686 68.6379 53.1189 68.0521 52.5331L59.8376 44.3186C58.4708 42.9518 58.4708 40.7357 59.8376 39.3689C61.2044 38.002 63.4205 38.002 64.7873 39.3689L73.0018 47.5833C76.3213 50.9028 76.3213 56.2847 73.0018 59.6042L56.0104 76.5956C52.6909 79.915 47.309 79.915 43.9896 76.5956L26.9981 59.6042C23.6787 56.2847 23.6787 50.9028 26.9981 47.5833L41.3689 33.2126C42.7357 31.8458 44.9518 31.8458 46.3186 33.2126Z" fill="#ffdbc4"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#ffdbc4" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/gruv/contests.svg b/hybrid-vertical/.config/eww/images/svg/gruv/contests.svg
new file mode 100644
index 000000000..8a3129b5c
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/gruv/contests.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0478 9.30786C70.2495 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.3291 47.1794 95.3291 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2495 90.6242 65.0478 90.6242H34.9522C29.7505 90.6242 24.9204 87.8376 22.3195 83.3259L7.27175 57.2643C4.67091 52.7527 4.67091 47.1794 7.27175 42.6677L22.3195 16.6062C24.9204 12.0945 29.7505 9.30786 34.9522 9.30786H65.0478ZM65.0478 4H34.9522C27.8397 4 21.258 7.79512 17.7017 13.9522L2.65392 40.0138C-0.902341 46.1709 -0.902341 53.7611 2.65392 59.9183L17.7017 85.9798C21.258 92.1369 27.8397 95.9321 34.9522 95.9321H65.0478C72.1603 95.9321 78.742 92.1369 82.2983 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1603 4 65.0478 4Z" fill="#ffdbc4"/>
+<path d="M50 76.7707C47.7972 76.7707 46.0191 74.9925 46.0191 72.7898V53.9469C46.0191 51.7441 47.7972 49.966 50 49.966C52.2028 49.966 53.9809 51.7441 53.9809 53.9469V72.7898C53.9809 74.9925 52.2028 76.7707 50 76.7707Z" fill="#ffdbc4"/>
+<path d="M36.7304 71.9936C34.5276 71.9936 32.7495 70.2155 32.7495 68.0127V61.1125C32.7495 58.9098 34.5276 57.1316 36.7304 57.1316C38.9331 57.1316 40.7113 58.9098 40.7113 61.1125V68.0127C40.7113 70.2155 38.9331 71.9936 36.7304 71.9936Z" fill="#ffdbc4"/>
+<path d="M36.7304 51.8238C36.5977 51.8238 36.465 51.8238 36.3323 51.7973C36.1996 51.7973 36.0669 51.7707 35.9342 51.7442C35.8015 51.7176 35.6688 51.6911 35.5626 51.638C35.4299 51.5849 35.3238 51.5584 35.1911 51.5053C35.0849 51.4522 34.9522 51.3992 34.8461 51.3461C34.7399 51.293 34.6072 51.2134 34.5011 51.1338C34.3949 51.0542 34.2887 50.9745 34.1826 50.8949C34.0764 50.8153 33.9703 50.7091 33.8906 50.6295C33.811 50.5234 33.7049 50.4438 33.6253 50.3376C33.5456 50.2314 33.466 50.1253 33.3864 50.0191C33.3068 49.913 33.2537 49.8068 33.1741 49.6741C33.121 49.568 33.0679 49.4353 33.0149 49.3291C32.9618 49.223 32.9087 49.0903 32.8822 48.9576C32.8556 48.8249 32.8025 48.6922 32.776 48.586C32.7495 48.4533 32.7229 48.3206 32.7229 48.2145C32.6964 48.0818 32.6964 47.9491 32.6964 47.8164C32.6964 47.6837 32.6964 47.551 32.7229 47.4183C32.7229 47.2856 32.7495 47.1529 32.776 47.0202C32.8025 46.8875 32.8291 46.7548 32.8822 46.6486C32.9087 46.5159 32.9618 46.4098 33.0149 46.2771C33.0679 46.1709 33.121 46.0382 33.1741 45.9321C33.2272 45.8259 33.3068 45.6932 33.3864 45.5871C33.466 45.4809 33.5456 45.3748 33.6253 45.2686C33.7049 45.1624 33.7845 45.0563 33.8906 44.9767C33.9968 44.897 34.0764 44.7909 34.1826 44.7113C34.2887 44.6317 34.3949 44.552 34.5011 44.4724C34.6072 44.3928 34.7134 44.3397 34.8461 44.2601C34.9522 44.207 35.0849 44.1539 35.1911 44.1009C35.3238 44.0478 35.4299 43.9947 35.5626 43.9682C35.6953 43.9416 35.828 43.8886 35.9342 43.862C36.0669 43.8355 36.1996 43.8089 36.3323 43.8089C36.5977 43.7824 36.8631 43.7824 37.1019 43.8089C37.2346 43.8089 37.3673 43.8355 37.5 43.862C37.6327 43.8886 37.7654 43.9151 37.8715 43.9682C38.0042 43.9947 38.1104 44.0478 38.2431 44.1009C38.3758 44.1539 38.4819 44.207 38.5881 44.2601C38.6943 44.3132 38.827 44.3928 38.9331 44.4724C39.0393 44.552 39.1454 44.6317 39.2516 44.7113C39.3577 44.7909 39.4639 44.8705 39.5435 44.9767C39.6231 45.0828 39.7293 45.1624 39.8089 45.2686C39.8885 45.3748 39.9681 45.4809 40.0478 45.5871C40.1274 45.6932 40.1805 45.7994 40.2601 45.9321C40.3132 46.0382 40.3662 46.1709 40.4193 46.2771C40.4724 46.4098 40.4989 46.5159 40.552 46.6486C40.5786 46.7813 40.6316 46.914 40.6582 47.0202C40.6847 47.1529 40.7112 47.2856 40.7112 47.4183C40.7378 47.551 40.7378 47.6837 40.7378 47.8164C40.7378 47.9491 40.7378 48.0818 40.7112 48.2145C40.7112 48.3472 40.6847 48.4799 40.6582 48.586C40.6316 48.7187 40.6051 48.8514 40.552 48.9576C40.4989 49.0903 40.4724 49.1964 40.4193 49.3291C40.3662 49.4618 40.3132 49.568 40.2601 49.6741C40.207 49.7803 40.1274 49.913 40.0478 50.0191C39.9681 50.1253 39.8885 50.2314 39.8089 50.3376C39.7293 50.4438 39.6231 50.5499 39.5435 50.6295C39.4374 50.7091 39.3577 50.8153 39.2516 50.8949C39.1454 50.9745 39.0393 51.0542 38.9331 51.1338C38.827 51.2134 38.7208 51.2665 38.5881 51.3461C38.4819 51.3992 38.3493 51.4522 38.2431 51.5053C38.1369 51.5584 38.0042 51.5849 37.8715 51.638C37.7388 51.6646 37.6327 51.7176 37.5 51.7442C37.3673 51.7707 37.2346 51.7973 37.1019 51.7973C36.9957 51.8238 36.863 51.8238 36.7304 51.8238Z" fill="#ffdbc4"/>
+<path d="M63.2696 71.9936C61.0669 71.9936 59.2887 70.2155 59.2887 68.0127V61.1125C59.2887 58.9098 61.0669 57.1316 63.2696 57.1316C65.4724 57.1316 67.2505 58.9098 67.2505 61.1125V68.0127C67.2505 70.2155 65.4724 71.9936 63.2696 71.9936Z" fill="#ffdbc4"/>
+<path d="M63.2696 51.8238C63.1369 51.8238 63.0043 51.8238 62.8716 51.7973C62.7389 51.7973 62.6062 51.7707 62.4735 51.7442C62.3408 51.7176 62.2081 51.6911 62.1019 51.638C61.9692 51.5849 61.8631 51.5584 61.7304 51.5053C61.6242 51.4522 61.4915 51.3992 61.3854 51.3461C61.2792 51.293 61.1465 51.2134 61.0403 51.1338C60.9342 51.0542 60.828 50.9745 60.7219 50.8949C60.6157 50.8153 60.5096 50.7091 60.4299 50.6295C60.3503 50.5234 60.2442 50.4438 60.1645 50.3376C60.0849 50.2314 60.0053 50.1253 59.9257 50.0191C59.8461 49.913 59.793 49.8068 59.7134 49.6741C59.6603 49.568 59.6072 49.4353 59.5541 49.3291C59.5011 49.223 59.448 49.0903 59.4214 48.9576C59.3949 48.8249 59.3418 48.6922 59.3153 48.586C59.2888 48.4533 59.2622 48.3206 59.2622 48.2145C59.2622 48.0818 59.2357 47.9491 59.2357 47.8164C59.2357 47.6837 59.2357 47.551 59.2622 47.4183C59.2622 47.2856 59.2888 47.1529 59.3153 47.0202C59.3418 46.8875 59.3684 46.7548 59.4214 46.6486C59.448 46.5159 59.5011 46.4098 59.5541 46.2771C59.6072 46.1709 59.6603 46.0382 59.7134 45.9321C59.7665 45.8259 59.8461 45.6932 59.9257 45.5871C60.0053 45.4809 60.0849 45.3748 60.1645 45.2686C60.2442 45.1624 60.3238 45.0563 60.4299 44.9767C60.5361 44.897 60.6157 44.7909 60.7219 44.7113C60.828 44.6317 60.9342 44.552 61.0403 44.4724C61.1465 44.3928 61.2527 44.3397 61.3854 44.2601C61.4915 44.207 61.6242 44.1539 61.7304 44.1009C61.8631 44.0478 61.9692 43.9947 62.1019 43.9682C62.2346 43.9416 62.3673 43.8886 62.4735 43.862C62.6062 43.8355 62.7389 43.8089 62.8716 43.8089C63.1369 43.7824 63.4023 43.7824 63.6677 43.8089C63.8004 43.8089 63.9331 43.8355 64.0393 43.862C64.172 43.8886 64.3047 43.9151 64.4108 43.9682C64.5435 43.9947 64.6497 44.0478 64.7824 44.1009C64.9151 44.1539 65.0212 44.207 65.1274 44.2601C65.2336 44.3132 65.3663 44.3928 65.4724 44.4724C65.5786 44.552 65.6847 44.6317 65.7909 44.7113C65.897 44.7909 66.0032 44.8705 66.0828 44.9767C66.1624 45.0828 66.2686 45.1624 66.3482 45.2686C66.4278 45.3748 66.5074 45.4809 66.5871 45.5871C66.6667 45.6932 66.7198 45.7994 66.7994 45.9321C66.8525 46.0382 66.9055 46.1709 66.9586 46.2771C67.0117 46.4098 67.0382 46.5159 67.0913 46.6486C67.1178 46.7813 67.1709 46.914 67.1975 47.0202C67.224 47.1529 67.2505 47.2856 67.2505 47.4183C67.2771 47.551 67.2771 47.6837 67.2771 47.8164C67.2771 47.9491 67.2771 48.0818 67.2505 48.2145C67.2505 48.3472 67.224 48.4799 67.1975 48.586C67.1709 48.7187 67.1444 48.8514 67.0913 48.9576C67.0382 49.0903 67.0117 49.1964 66.9586 49.3291C66.9055 49.4618 66.8525 49.568 66.7994 49.6741C66.7463 49.7803 66.6667 49.913 66.5871 50.0191C66.5074 50.1253 66.4278 50.2314 66.3482 50.3376C66.2686 50.4438 66.1624 50.5499 66.0828 50.6295C65.9767 50.7091 65.897 50.8153 65.7909 50.8949C65.6847 50.9745 65.5786 51.0542 65.4724 51.1338C65.3663 51.2134 65.2601 51.2665 65.1274 51.3461C65.0212 51.3992 64.8885 51.4522 64.7824 51.5053C64.6762 51.5584 64.5435 51.5849 64.4108 51.638C64.2781 51.6646 64.172 51.7176 64.0393 51.7442C63.9066 51.7707 63.7739 51.7973 63.6677 51.7973C63.535 51.8238 63.4023 51.8238 63.2696 51.8238Z" fill="#ffdbc4"/>
+<path d="M50 44.7909C44.1348 44.7909 39.3843 40.0403 39.3843 34.1752C39.3843 28.31 44.1348 23.5594 50 23.5594C55.8652 23.5594 60.6157 28.31 60.6157 34.1752C60.6157 40.0403 55.8652 44.7909 50 44.7909ZM50 31.5212C48.5403 31.5212 47.3461 32.7155 47.3461 34.1752C47.3461 35.6348 48.5403 36.8291 50 36.8291C51.4597 36.8291 52.6539 35.6348 52.6539 34.1752C52.6539 32.7155 51.4597 31.5212 50 31.5212Z" fill="#ffdbc4"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#ffdbc4" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/gruv/forum.svg b/hybrid-vertical/.config/eww/images/svg/gruv/forum.svg
new file mode 100644
index 000000000..344eeebba
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/gruv/forum.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.28849C70.2493 9.28849 75.0795 12.0649 77.6803 16.5602L92.7281 42.5266C95.3289 47.0219 95.3289 52.5748 92.7281 57.07L77.6803 83.0365C75.0795 87.5317 70.2493 90.3082 65.0476 90.3082H34.9521C29.7504 90.3082 24.9203 87.5317 22.3194 83.0365L7.27165 57.07C4.6708 52.5748 4.6708 47.0219 7.27165 42.5266L22.3194 16.5602C24.9203 12.0649 29.7504 9.28849 34.9521 9.28849H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.78127 17.7016 13.9159L2.65381 39.8824C-0.902448 46.0171 -0.902448 53.5796 2.65381 59.7142L17.7016 85.6807C21.2578 91.8154 27.8396 95.5966 34.9521 95.5966H65.0476C72.1602 95.5966 78.7419 91.8154 82.2982 85.6807L97.3459 59.7142C100.902 53.5796 100.902 46.0171 97.3459 39.8824L82.2716 13.9159C78.7419 7.78127 72.1602 4 65.0476 4Z" fill="#CEB153"/>
+<path d="M66.9851 40.8079C69.1837 40.8079 70.966 39.0321 70.966 36.8415C70.966 34.651 69.1837 32.8752 66.9851 32.8752C64.7865 32.8752 63.0042 34.651 63.0042 36.8415C63.0042 39.0321 64.7865 40.8079 66.9851 40.8079Z" fill="#CEB153"/>
+<path d="M51.327 40.8079H34.6072C32.4045 40.8079 30.6263 39.0362 30.6263 36.8415C30.6263 34.6468 32.4045 32.8752 34.6072 32.8752H51.327C53.5297 32.8752 55.3079 34.6468 55.3079 36.8415C55.3079 39.0362 53.5297 40.8079 51.327 40.8079Z" fill="#CEB153"/>
+<path d="M66.9851 67.2503C69.1837 67.2503 70.966 65.4745 70.966 63.284C70.966 61.0934 69.1837 59.3176 66.9851 59.3176C64.7865 59.3176 63.0042 61.0934 63.0042 63.284C63.0042 65.4745 64.7865 67.2503 66.9851 67.2503Z" fill="#CEB153"/>
+<path d="M51.327 67.2503H34.6072C32.4045 67.2503 30.6263 65.4787 30.6263 63.284C30.6263 61.0892 32.4045 59.3176 34.6072 59.3176H51.327C53.5297 59.3176 55.3079 61.0892 55.3079 63.284C55.3079 65.4787 53.5297 67.2503 51.327 67.2503Z" fill="#CEB153"/>
+<path d="M34.8726 54.0291C37.0712 54.0291 38.8535 52.2533 38.8535 50.0627C38.8535 47.8722 37.0712 46.0964 34.8726 46.0964C32.674 46.0964 30.8917 47.8722 30.8917 50.0627C30.8917 52.2533 32.674 54.0291 34.8726 54.0291Z" fill="#CEB153"/>
+<path d="M67.2505 54.0291H50.5308C48.328 54.0291 46.5499 52.2575 46.5499 50.0627C46.5499 47.868 48.328 46.0964 50.5308 46.0964H67.2505C69.4533 46.0964 71.2314 47.868 71.2314 50.0627C71.2314 52.2575 69.4533 54.0291 67.2505 54.0291Z" fill="#CEB153"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.5966" fill="#CEB153" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/gruv/graph.svg b/hybrid-vertical/.config/eww/images/svg/gruv/graph.svg
new file mode 100644
index 000000000..63c8852fc
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/gruv/graph.svg
@@ -0,0 +1,16 @@
+<svg width="1920" height="1080">
+  <circle cx="225" cy="350" r="40" stroke="#ffdbc4" stroke-width="3" fill="none" />
+  <circle cx="525" cy="250" r="40" stroke="#ffdbc4" stroke-width="3" fill="none" />
+  <circle cx="825" cy="350" r="40" stroke="#ffdbc4" stroke-width="3" fill="none" />
+  <circle cx="1125" cy="250" r="40" stroke="#ffdbc4" stroke-width="3" fill="none" />
+  <line x1="225" y1="350" x2="525" y2="250" stroke="#ffdbc4" stroke-width="3" 
+    stroke-linecap="round"/>
+  <line x1="525" y1="250" x2="825" y2="350" stroke="#ffdbc4" stroke-width="3" 
+    stroke-linecap="round"/>
+  <line x1="825" y1="350" x2="1125" y2="250" stroke="#ffdbc4" stroke-width="3" 
+    stroke-linecap="round"/>
+  <circle cx="225" cy="350" r="20" stroke="#ffdbc4" stroke-width="3" fill="#ffdbc4" />
+  <circle cx="525" cy="250" r="20" stroke="#ffdbc4" stroke-width="3" fill="#ffdbc4" />
+  <circle cx="825" cy="350" r="20" stroke="#ffdbc4" stroke-width="3" fill="#ffdbc4" />
+  <circle cx="1125" cy="250" r="20" stroke="#ffdbc4" stroke-width="3" fill="#ffdbc4" />
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/gruv/search.svg b/hybrid-vertical/.config/eww/images/svg/gruv/search.svg
new file mode 100644
index 000000000..c87f5f101
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/gruv/search.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0481 9.31178C70.2498 9.31178 75.08 12.1005 77.6808 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6808 83.3845C75.08 87.8995 70.2498 90.6882 65.0481 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27214 57.3037C4.67129 52.7887 4.67129 47.2113 7.27214 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0481ZM65.0481 4H34.9526C27.8401 4 21.2583 7.79792 17.7021 13.9596L2.6543 40.0404C-0.90196 46.2021 -0.90196 53.7979 2.6543 59.9596L17.7021 86.0404C21.2583 92.2021 27.8401 96 34.9526 96H65.0481C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3464 59.9596C100.903 53.7979 100.903 46.2021 97.3464 40.0404L82.2721 13.9596C78.7424 7.79792 72.1607 4 65.0481 4Z" fill="#caca93"/>
+<path d="M67.0382 71.0612C66.0297 71.0612 64.9947 70.6628 64.225 69.8926L54.2728 59.933C52.707 58.3661 52.707 55.843 54.2728 54.3025C55.8386 52.7356 58.3599 52.7356 59.8991 54.3025L69.8514 64.2621C71.4172 65.8291 71.4172 68.3522 69.8514 69.8926C69.0817 70.6628 68.0732 71.0612 67.0382 71.0612Z" fill="#caca93"/>
+<path d="M46.2049 63.4919C36.7038 63.4919 28.9544 55.7367 28.9544 46.2286C28.9544 36.7206 36.7038 28.9654 46.2049 28.9654C55.706 28.9654 63.4554 36.7206 63.4554 46.2286C63.4554 55.7367 55.7325 63.4919 46.2049 63.4919ZM46.2049 36.933C41.0828 36.933 36.9162 41.1028 36.9162 46.2286C36.9162 51.3545 41.0828 55.5243 46.2049 55.5243C51.327 55.5243 55.4937 51.3545 55.4937 46.2286C55.4937 41.1028 51.327 36.933 46.2049 36.933Z" fill="#caca93"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#caca93" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/gruv/settings.svg b/hybrid-vertical/.config/eww/images/svg/gruv/settings.svg
new file mode 100644
index 000000000..e0b0586cf
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/gruv/settings.svg
@@ -0,0 +1,23 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.31178C70.2493 9.31178 75.0795 12.1005 77.6803 16.6155L92.7281 42.6963C95.329 47.2113 95.329 52.7887 92.7281 57.3037L77.6803 83.3845C75.0795 87.8995 70.2493 90.6882 65.0476 90.6882H34.9521C29.7504 90.6882 24.9203 87.8995 22.3194 83.3845L7.27163 57.3037C4.67078 52.7887 4.67078 47.2113 7.27163 42.6963L22.3194 16.6155C24.9203 12.1005 29.7504 9.31178 34.9521 9.31178H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.79792 17.7016 13.9596L2.6538 40.0404C-0.902467 46.2021 -0.902467 53.7979 2.6538 59.9596L17.7016 86.0404C21.2578 92.2021 27.8396 96 34.9521 96H65.0476C72.1602 96 78.7419 92.2021 82.2982 86.0404L97.3459 59.9596C100.902 53.7979 100.902 46.2021 97.3459 40.0404L82.2716 13.9596C78.7419 7.79792 72.1602 4 65.0476 4Z" fill="#EFD69C"/>
+<path d="M50 72.0704C37.9246 72.0704 28.1051 62.2436 28.1051 50.1593C28.1051 38.0751 37.9246 28.2483 50 28.2483C62.0754 28.2483 71.8949 38.0751 71.8949 50.1593C71.8949 62.2436 62.0754 72.0704 50 72.0704ZM50 36.2159C42.3036 36.2159 36.0669 42.4838 36.0669 50.1593C36.0669 57.8349 42.3302 64.1028 50 64.1028C57.6699 64.1028 63.9331 57.8349 63.9331 50.1593C63.9331 42.4838 57.6699 36.2159 50 36.2159Z" fill="#EFD69C"/>
+<path d="M50 35.8441C47.7972 35.8441 46.0191 34.0647 46.0191 31.8603V28.4873C46.0191 26.2829 47.7972 24.5035 50 24.5035C52.2028 24.5035 53.9809 26.2829 53.9809 28.4873V31.8603C53.9809 34.0647 52.2028 35.8441 50 35.8441Z" fill="#EFD69C"/>
+<path d="M58.9968 38.5531C58.2537 38.5531 57.5106 38.3407 56.8206 37.9157C54.9894 36.7206 54.4586 34.2506 55.6529 32.418L57.6699 29.3106C58.8641 27.4781 61.3323 26.9469 63.1635 28.142C64.9947 29.3372 65.5255 31.8072 64.3312 33.6397L62.3142 36.7471C61.5711 37.9157 60.2973 38.5531 58.9968 38.5531Z" fill="#EFD69C"/>
+<path d="M65.7378 45.5116C64.3843 45.5116 63.0839 44.821 62.3408 43.5993C61.1996 41.7136 61.81 39.2702 63.6943 38.1282L67.0382 36.1097C68.9225 34.9677 71.3641 35.5785 72.5053 37.4642C73.6465 39.3499 73.0361 41.7933 71.1518 42.9353L67.8079 44.9538C67.1444 45.3256 66.4278 45.5116 65.7378 45.5116Z" fill="#EFD69C"/>
+<path d="M32.0064 54.515H27.9724C25.7696 54.515 23.9915 52.7356 23.9915 50.5312C23.9915 48.3268 25.7696 46.5473 27.9724 46.5473H32.0064C34.2091 46.5473 35.9873 48.3268 35.9873 50.5312C35.9873 52.7356 34.2091 54.515 32.0064 54.515Z" fill="#EFD69C"/>
+<path d="M69.0817 65.537C68.3917 65.537 67.7017 65.3511 67.0648 64.9792L63.2696 62.7217C61.3854 61.6062 60.7484 59.1628 61.8631 57.2506C62.9777 55.3649 65.4193 54.7275 67.3302 55.843L71.1253 58.1005C73.0096 59.2159 73.6465 61.6594 72.5319 63.5716C71.7622 64.8464 70.4353 65.537 69.0817 65.537Z" fill="#EFD69C"/>
+<path d="M34.2622 45.5116C33.5722 45.5116 32.8556 45.3257 32.1921 44.9273L28.8482 42.9088C26.9639 41.7668 26.3535 39.3233 27.4947 37.4377C28.6359 35.552 31.0775 34.9411 32.9618 36.0832L36.3057 38.1016C38.19 39.2437 38.8004 41.6871 37.6592 43.5728C36.9161 44.8476 35.6157 45.5116 34.2622 45.5116Z" fill="#EFD69C"/>
+<path d="M40.7909 38.7656C39.3843 38.7656 38.0043 37.9954 37.2877 36.6675L35.483 33.321C34.448 31.3822 35.1646 28.9654 37.1019 27.9296C39.0393 26.8938 41.4544 27.6109 42.4894 29.5497L44.2941 32.8961C45.3291 34.8349 44.6125 37.2517 42.6752 38.2875C42.0648 38.6063 41.4278 38.7656 40.7909 38.7656Z" fill="#EFD69C"/>
+<path d="M72.0276 54.515H67.9936C65.7909 54.515 64.0127 52.7356 64.0127 50.5312C64.0127 48.3268 65.7909 46.5473 67.9936 46.5473H72.0276C74.2303 46.5473 76.0085 48.3268 76.0085 50.5312C76.0085 52.7356 74.2303 54.515 72.0276 54.515Z" fill="#EFD69C"/>
+<path d="M61.0138 73.6109C59.6603 73.6109 58.3333 72.9203 57.5902 71.6455L55.3344 67.8476C54.2198 65.9619 54.8302 63.5185 56.741 62.3765C58.6253 61.261 61.0669 61.8718 62.2081 63.7841L64.4639 67.582C65.5786 69.4677 64.9682 71.9111 63.0573 73.0531C62.3938 73.425 61.7038 73.6109 61.0138 73.6109Z" fill="#EFD69C"/>
+<path d="M50 76.5589C47.7972 76.5589 46.0191 74.7795 46.0191 72.5751V68.0866C46.0191 65.8822 47.7972 64.1028 50 64.1028C52.2028 64.1028 53.9809 65.8822 53.9809 68.0866V72.5751C53.9809 74.7795 52.2028 76.5589 50 76.5589Z" fill="#EFD69C"/>
+<path d="M30.9183 65.537C29.5648 65.537 28.2643 64.8464 27.5212 63.6247C26.3801 61.739 26.9905 59.2956 28.8747 58.1536L32.2187 56.1351C34.103 54.9931 36.5446 55.6039 37.6858 57.4896C38.827 59.3753 38.2166 61.8187 36.3323 62.9607L32.9883 64.9792C32.3514 65.351 31.6348 65.537 30.9183 65.537Z" fill="#EFD69C"/>
+<path d="M38.9862 73.6108C38.2962 73.6108 37.6062 73.4249 36.9692 73.0531C35.0849 71.9376 34.448 69.4942 35.5626 67.582L37.8185 63.7841C38.9331 61.8984 41.3747 61.261 43.2856 62.3764C45.1699 63.4919 45.8068 65.9353 44.6921 67.8476L42.4363 71.6455C41.6667 72.9203 40.3397 73.6108 38.9862 73.6108Z" fill="#EFD69C"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#EFD69C" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/gruv/tournaments.svg b/hybrid-vertical/.config/eww/images/svg/gruv/tournaments.svg
new file mode 100644
index 000000000..6c270463f
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/gruv/tournaments.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="#DA681D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.3119 52.4749C24.9451 51.108 24.9451 48.892 26.3119 47.5251L47.5251 26.3119C48.8919 24.9451 51.108 24.9451 52.4749 26.3119L73.6881 47.5251C75.0549 48.892 75.0549 51.108 73.6881 52.4749L52.4749 73.6881C51.108 75.0549 48.8919 75.0549 47.5251 73.6881L26.3119 52.4749ZM33.7365 50L50 66.2635L66.2634 50L50 33.7365L33.7365 50Z" fill="#DA681D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.5251 27.5251C28.892 26.1583 31.108 26.1583 32.4749 27.5251L72.4749 67.5251C73.8417 68.892 73.8417 71.108 72.4749 72.4749C71.108 73.8417 68.892 73.8417 67.5251 72.4749L27.5251 32.4749C26.1583 31.108 26.1583 28.892 27.5251 27.5251Z" fill="#DA681D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M72.4749 27.5251C73.8417 28.892 73.8417 31.108 72.4749 32.4749L32.4749 72.4749C31.108 73.8417 28.892 73.8417 27.5251 72.4749C26.1583 71.108 26.1583 68.892 27.5251 67.5251L67.5251 27.5251C68.892 26.1583 71.108 26.1583 72.4749 27.5251Z" fill="#DA681D"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#DA681D" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/gruv/wiki.svg b/hybrid-vertical/.config/eww/images/svg/gruv/wiki.svg
new file mode 100644
index 000000000..e7d3a8c67
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/gruv/wiki.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0482 9.31178C70.2499 9.31178 75.08 12.1005 77.6809 16.6155L92.7287 42.6963C95.3295 47.2113 95.3295 52.7887 92.7287 57.3037L77.6809 83.3845C75.08 87.8995 70.2499 90.6882 65.0482 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27217 57.3037C4.67132 52.7887 4.67132 47.2113 7.27217 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0482ZM65.0482 4H34.9526C27.8401 4 21.2584 7.79792 17.7021 13.9596L2.65433 40.0404C-0.901929 46.2021 -0.901929 53.7979 2.65433 59.9596L17.7021 86.0404C21.2584 92.2021 27.8401 96 34.9526 96H65.0482C72.1607 96 78.7425 92.2021 82.2987 86.0404L97.3465 59.9596C100.903 53.7979 100.903 46.2021 97.3465 40.0404L82.2722 13.9596C78.7424 7.79792 72.1607 4 65.0482 4Z" fill="#ffdbc4"/>
+<path d="M50 48.3799C44.1348 48.3799 39.3843 43.6259 39.3843 37.7563C39.3843 31.8868 44.1348 27.1328 50 27.1328C55.8652 27.1328 60.6157 31.8868 60.6157 37.7563C60.6157 43.6259 55.8652 48.3799 50 48.3799ZM50 35.1005C48.5403 35.1005 47.3461 36.2956 47.3461 37.7563C47.3461 39.2171 48.5403 40.4122 50 40.4122C51.4596 40.4122 52.6539 39.2171 52.6539 37.7563C52.6539 36.2956 51.4596 35.1005 50 35.1005Z" fill="#ffdbc4"/>
+<path d="M38.7208 72.8672C37.7123 72.8672 36.6773 72.4688 35.9076 71.6986L24.7611 60.5439C23.1953 58.9769 23.1953 56.4538 24.7611 54.9134C26.327 53.3464 28.8482 53.3464 30.3875 54.9134L38.7208 63.2529L47.0807 54.8868C48.6465 53.3198 51.1677 53.3198 52.707 54.8868L61.0138 63.1997L69.4267 54.7806C70.9925 53.2136 73.5138 53.2136 75.053 54.7806C76.6189 56.3476 76.6189 58.8706 75.053 60.4111L63.8004 71.672C62.2346 73.239 59.7134 73.239 58.1741 71.672L49.8673 63.3591L41.5074 71.7251C40.7643 72.4688 39.7558 72.8672 38.7208 72.8672Z" fill="#ffdbc4"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#ffdbc4" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/home.svg b/hybrid-vertical/.config/eww/images/svg/home.svg
new file mode 100644
index 000000000..0d4a85f53
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/home.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0478 9.30786C70.2495 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.3291 47.1794 95.3291 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2495 90.6242 65.0478 90.6242H34.9522C29.7505 90.6242 24.9204 87.8376 22.3195 83.3259L7.27175 57.2643C4.67091 52.7527 4.67091 47.1794 7.27175 42.6677L22.3195 16.6062C24.9204 12.0945 29.7505 9.30786 34.9522 9.30786H65.0478ZM65.0478 4H34.9522C27.8397 4 21.258 7.79512 17.7017 13.9522L2.65392 40.0138C-0.902341 46.1709 -0.902341 53.7611 2.65392 59.9183L17.7017 85.9798C21.258 92.1369 27.8397 95.9321 34.9522 95.9321H65.0478C72.1603 95.9321 78.742 92.1369 82.2983 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1603 4 65.0478 4Z" fill="#d7e2ff"/>
+<path d="M68.5775 43.2781C68.0998 43.2781 67.5956 43.1985 67.1178 42.9862L50 36.2187L32.8822 42.9862C30.8386 43.7824 28.5297 42.8004 27.707 40.7569C26.9108 38.7134 27.8928 36.4045 29.9363 35.5817L48.5138 28.2304C49.4427 27.8588 50.5043 27.8588 51.4331 28.2304L70.0106 35.5817C72.0541 36.3779 73.0626 38.7134 72.2399 40.7569C71.6561 42.3227 70.1699 43.2781 68.5775 43.2781Z" fill="#d7e2ff"/>
+<path d="M57.3248 71.9671H42.7017C39.4108 71.9671 36.7569 69.2866 36.7569 66.0223V51.3991C36.7569 48.1083 39.4374 45.4543 42.7017 45.4543H57.3248C60.6157 45.4543 63.2696 48.1348 63.2696 51.3991V66.0223C63.2696 69.3132 60.5892 71.9671 57.3248 71.9671ZM44.6921 64.0053H55.3078V53.3896H44.6921V64.0053Z" fill="#d7e2ff"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#d7e2ff" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/icosahedron.svg b/hybrid-vertical/.config/eww/images/svg/icosahedron.svg
new file mode 100644
index 000000000..e0f921696
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/icosahedron.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Created Sat Nov  1 22:06:13 2008 by ./xy2svg -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-1.862747 -1.862747 3.957948 3.957948"> 
+<g style="stroke:#d7e2ff" stroke-width=".015">
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="0.039227" y2="-0.287147"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.296790" y1="-1.531823" x2="1.278419" y2="-0.824517"/>
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="0.340080" y2="-1.463535"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="1.466545" y1="0.232765" x2="1.278419" y2="-0.824517"/>
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="1.278419" y1="0.586062" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="1.466545" y1="0.232765" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="0.340080" y1="1.755256" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="1.278419" y1="0.586062" x2="-0.296790" y2="1.277236"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="0.039227" y2="-0.287147"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="-1.189639" y2="-0.188816"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.296790" y1="-1.531823" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="-1.451475" y1="-0.665396" x2="-1.189639" y2="-0.188816"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-0.296790" y2="1.277236"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="-1.451475" y2="0.936129"/>
+<line stroke-linecap="round" x1="-1.451475" y1="0.936129" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="0.340080" y1="1.755256" x2="-0.055029" y2="0.402814"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="-1.451475" y2="0.936129"/>
+<line stroke-linecap="round" x1="-1.451475" y1="0.936129" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="-1.451475" y1="-0.665396" x2="-0.055029" y2="0.402814"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="0.340080" y2="-1.463535"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-1.451475" y2="0.936129"/>
+<!-- <line x1="5.340754" y1="-0.810999" x2="4.164357" y2="-0.285624"/>
+<line x1="4.164357" y1="-0.285624" x2="3.760373" y2="-1.532918"/>
+<line x1="3.760373" y1="-1.532918" x2="5.340754" y2="-0.810999"/>
+<line x1="5.340754" y1="-0.810999" x2="4.275964" y2="-1.462090"/>
+<line x1="4.275964" y1="-1.462090" x2="5.376515" y2="0.260659"/>
+<line x1="5.376515" y1="0.260659" x2="5.340754" y2="-0.810999"/>
+<line x1="5.340754" y1="-0.810999" x2="5.340754" y2="0.615801"/>
+<line x1="5.340754" y1="0.615801" x2="5.376515" y2="0.260659"/>
+<line x1="5.376515" y1="0.260659" x2="4.275964" y2="1.765372"/>
+<line x1="4.275964" y1="1.765372" x2="5.340754" y2="0.615801"/>
+<line x1="5.340754" y1="0.615801" x2="3.760373" y2="1.269571"/>
+<line x1="3.760373" y1="1.269571" x2="4.275964" y2="1.765372"/>
+<line x1="3.760373" y1="1.269571" x2="4.164357" y2="-0.285624"/>
+<line x1="4.164357" y1="-0.285624" x2="5.340754" y2="0.615801"/>
+<line x1="4.164357" y1="-0.285624" x2="2.908099" y2="-0.206764"/>
+<line x1="2.908099" y1="-0.206764" x2="3.760373" y2="-1.532918"/>
+<line x1="3.760373" y1="-1.532918" x2="2.514237" y2="-0.682403"/>
+<line x1="2.514237" y1="-0.682403" x2="2.908099" y2="-0.206764"/>
+<line x1="2.908099" y1="-0.206764" x2="3.760373" y2="1.269571"/>
+<line x1="3.760373" y1="1.269571" x2="2.514237" y2="0.898713"/>
+<line x1="2.514237" y1="0.898713" x2="4.275964" y2="1.765372"/>
+<line x1="4.275964" y1="1.765372" x2="3.769930" y2="0.399824"/>
+<line x1="3.769930" y1="0.399824" x2="2.514237" y2="0.898713"/>
+<line x1="2.514237" y1="0.898713" x2="2.514237" y2="-0.682403"/>
+<line x1="2.514237" y1="-0.682403" x2="3.769930" y2="0.399824"/>
+<line x1="3.769930" y1="0.399824" x2="4.275964" y2="-1.462090"/>
+<line x1="4.275964" y1="-1.462090" x2="2.514237" y2="-0.682403"/>
+<line x1="4.275964" y1="-1.462090" x2="3.760373" y2="-1.532918"/>
+<line x1="3.769930" y1="0.399824" x2="5.376515" y2="0.260659"/>
+<line x1="2.908099" y1="-0.206764" x2="2.514237" y2="0.898713"/> -->
+</g>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/airplane.svg b/hybrid-vertical/.config/eww/images/svg/light/airplane.svg
new file mode 100644
index 000000000..7d16cd031
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/airplane.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9.47 9.643 8.768 3.77l-.002-.074c0-.889.72-1.61 1.61-1.61.802 0 1.545.42 1.977 1.135l.087.161 2.945 6.09 3.957-.117a2.6 2.6 0 0 1 2.672 2.53l.001.066a2.602 2.602 0 0 1-2.62 2.597l-3.963-.116-2.992 6.188a2.293 2.293 0 0 1-2.065 1.295c-.889 0-1.609-.72-1.609-1.631l.007-.118.707-5.908-2.132-.063-.27.736a1.946 1.946 0 0 1-1.827 1.278c-.876 0-1.586-.71-1.586-1.587v-.76l-.154-.032a1.92 1.92 0 0 1 0-3.758l.155-.032v-.76c0-.803.597-1.475 1.434-1.579l.151-.008c.745 0 1.423.426 1.765 1.127l.063.15.27.736 2.12-.062Zm.906-6.057c-.06 0-.109.049-.11.087l.887 7.422-4.84.141-.628-1.715-.032-.079c-.075-.152-.23-.25-.354-.251l-.058.002a.086.086 0 0 0-.075.085l.001 1.98-1.35.282a.419.419 0 0 0 0 .821l1.35.281v1.98c0 .047.038.086.085.086a.446.446 0 0 0 .419-.293l.64-1.751 4.854.141-.897 7.471v.03c0 .06.048.108.108.108a.793.793 0 0 0 .714-.448l3.415-7.063 4.914.144c.606 0 1.097-.491 1.097-1.086v-.043a1.097 1.097 0 0 0-1.13-1.064l-4.928.144-3.351-6.932-.053-.099a.793.793 0 0 0-.678-.381Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/app.svg b/hybrid-vertical/.config/eww/images/svg/light/app.svg
new file mode 100644
index 000000000..ce93fdea2
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/app.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m18.492 2.33 3.179 3.179a2.25 2.25 0 0 1 0 3.182l-2.423 2.422A2.501 2.501 0 0 1 21 13.5v5a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 18.5v-13A2.5 2.5 0 0 1 5.5 3h5c1.121 0 2.07.737 2.387 1.754L15.31 2.33a2.25 2.25 0 0 1 3.182 0ZM11 13H5v5.5a.5.5 0 0 0 .5.5H11v-6Zm7.5 0H13v6h5.5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5Zm-4.06-2.001L13 9.559v1.44h1.44Zm-3.94-6h-5a.5.5 0 0 0-.5.5V11h6V5.5a.5.5 0 0 0-.5-.5Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/appgeneric.svg b/hybrid-vertical/.config/eww/images/svg/light/appgeneric.svg
new file mode 100644
index 000000000..251cac6bd
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/appgeneric.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m17.751 3 .185.005a3.25 3.25 0 0 1 3.06 3.06l.005.185v11.5l-.005.184A3.25 3.25 0 0 1 17.751 21H6.25a3.25 3.25 0 0 1-3.245-3.066L3 17.75V6.25a3.25 3.25 0 0 1 3.066-3.245L6.25 3h11.501ZM19.5 8H4.501L4.5 17.75a1.75 1.75 0 0 0 1.606 1.744l.144.006h11.501l.144-.006a1.75 1.75 0 0 0 1.6-1.593l.006-.151L19.5 8Zm-9.25 1.5a.75.75 0 0 1 .743.648l.007.102v7a.75.75 0 0 1-.648.743L10.25 18h-3.5a.75.75 0 0 1-.743-.648L6 17.25v-7a.75.75 0 0 1 .648-.743L6.75 9.5h3.5ZM9.5 11h-2v5.5h2V11Zm6.75 1.503a.75.75 0 0 1 .102 1.493l-.102.007h-3.496a.75.75 0 0 1-.101-1.493l.101-.007h3.496Zm1-3.003a.75.75 0 0 1 .102 1.493L17.25 11h-4.496a.75.75 0 0 1-.101-1.493l.101-.007h4.496Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/applycolor.svg b/hybrid-vertical/.config/eww/images/svg/light/applycolor.svg
new file mode 100644
index 000000000..695583a97
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/applycolor.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M2 12.414V17.5A2.5 2.5 0 0 0 4.5 20h15a2.5 2.5 0 0 0 2.5-2.5v-11A2.5 2.5 0 0 0 19.5 4h-8.944l1.5 1.5H19.5a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1v-3.586l-1.5-1.5Z" fill="#000000"/><path d="M6 1.75a.75.75 0 1 1 1.5 0v1.265c.45.04.89.233 1.235.578l3.536 3.536a2 2 0 0 1 0 2.828L8.027 14.2a2 2 0 0 1-2.829 0l-3.535-3.536a2 2 0 0 1 0-2.828l4.243-4.243c.03-.03.061-.06.093-.087V1.75Zm0 4.5v-.629l-2.89 2.89h8.245a.498.498 0 0 0-.145-.322L7.674 4.654A.498.498 0 0 0 7.5 4.54v1.71a.75.75 0 0 1-1.5 0Zm-2.868 3.76 3.128 3.13a.5.5 0 0 0 .707 0l3.129-3.13H3.132ZM11 13.375c0-.493.154-.972.342-1.381.19-.416.438-.806.673-1.134.238-.331.474-.613.65-.812.085-.097.24-.261.299-.323l.005-.005a.75.75 0 0 1 1.061 0l.305.328c.176.199.412.48.649.812.236.328.483.718.674 1.134.188.409.342.888.342 1.381C16 14.765 14.97 16 13.5 16c-1.471 0-2.5-1.235-2.5-2.625Zm2.234-1.64c-.202.28-.392.585-.53.885-.14.305-.204.56-.204.755 0 .691.48 1.125 1 1.125.519 0 1-.434 1-1.125 0-.194-.065-.45-.205-.755a5.494 5.494 0 0 0-.53-.886 8.417 8.417 0 0 0-.265-.35 8.33 8.33 0 0 0-.266.35Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/bat0.svg b/hybrid-vertical/.config/eww/images/svg/light/bat0.svg
new file mode 100644
index 000000000..9bcffe06d
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/bat0.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/bat1.svg b/hybrid-vertical/.config/eww/images/svg/light/bat1.svg
new file mode 100644
index 000000000..c00e2b58d
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/bat1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6.003 8.999H7a1 1 0 0 1 .993.883L8 10v4a1 1 0 0 1-.883.993L7 14.999h-.997a1 1 0 0 1-.993-.884L5.003 14v-4a1 1 0 0 1 .883-.994L6.003 9H7h-.997Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/bat10.svg b/hybrid-vertical/.config/eww/images/svg/light/bat10.svg
new file mode 100644
index 000000000..80d559853
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/bat10.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h10a1 1 0 0 1 .993.883L17 10v4a1 1 0 0 1-.883.993L16 15H6a1 1 0 0 1-.993-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h10H6Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/bat2.svg b/hybrid-vertical/.config/eww/images/svg/light/bat2.svg
new file mode 100644
index 000000000..9a912d0bd
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/bat2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9.003 8 9a1 1 0 0 1 .993.883L9 10v4a1 1 0 0 1-.883.993L8 15l-2 .003a1 1 0 0 1-.993-.883L5 14.003v-4a1 1 0 0 1 .883-.993L6 9.003 8 9l-2 .003Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/bat3.svg b/hybrid-vertical/.config/eww/images/svg/light/bat3.svg
new file mode 100644
index 000000000..edc5afece
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/bat3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6.017 9H9a1 1 0 0 1 .993.883L10 10v4a1 1 0 0 1-.883.993L9 15H6.017a1 1 0 0 1-.994-.883L5.017 14v-4a1 1 0 0 1 .883-.993L6.017 9H9 6.017Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/bat4.svg b/hybrid-vertical/.config/eww/images/svg/light/bat4.svg
new file mode 100644
index 000000000..05b2c815b
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/bat4.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h4a1 1 0 0 1 .993.883L11 10v4a1 1 0 0 1-.883.993L10 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h4-4Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/bat5.svg b/hybrid-vertical/.config/eww/images/svg/light/bat5.svg
new file mode 100644
index 000000000..287e71cb4
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/bat5.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h5a1 1 0 0 1 .993.883L12 10v4a1 1 0 0 1-.883.993L11 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h5-5Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/bat6.svg b/hybrid-vertical/.config/eww/images/svg/light/bat6.svg
new file mode 100644
index 000000000..c6c2d92d2
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/bat6.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h6a1 1 0 0 1 .993.883L13 10v4a1 1 0 0 1-.883.993L12 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h6-6Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/bat7.svg b/hybrid-vertical/.config/eww/images/svg/light/bat7.svg
new file mode 100644
index 000000000..c3dd369a6
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/bat7.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h7a1 1 0 0 1 .993.883L14 10v4a1 1 0 0 1-.883.993L13 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h7-7Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/bat8.svg b/hybrid-vertical/.config/eww/images/svg/light/bat8.svg
new file mode 100644
index 000000000..b2f433242
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/bat8.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h8a1 1 0 0 1 .993.883L15 10v4a1 1 0 0 1-.883.993L14 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h8-8Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/bat9.svg b/hybrid-vertical/.config/eww/images/svg/light/bat9.svg
new file mode 100644
index 000000000..7b3c8ec77
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/bat9.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h9a1 1 0 0 1 .993.883L16 10v4a1 1 0 0 1-.883.993L15 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h9-9Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/batcharge.svg b/hybrid-vertical/.config/eww/images/svg/light/batcharge.svg
new file mode 100644
index 000000000..55be957f9
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/batcharge.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.75 6H17a3 3 0 0 1 2.995 2.824L20 9v1l1 .018a1 1 0 0 1 .993.879l.008.12v2a1 1 0 0 1-.866.992l-.134.009L20 14v1a3 3 0 0 1-2.824 2.995L17 18H7.998a.75.75 0 0 1-.102-1.493l.102-.007H17a1.5 1.5 0 0 0 1.493-1.355L18.5 15V9a1.5 1.5 0 0 0-1.355-1.493L17 7.5h-6.25a.75.75 0 0 1-.102-1.493L10.75 6H17h-6.25Zm-4.499 4.998v6.252a.75.75 0 0 1-1.492.102l-.007-.102v-6.252H3.75A1.75 1.75 0 0 1 2 9.249V6.75A.75.75 0 0 1 2.75 6h.751V4.75a.75.75 0 0 1 .648-.743L4.251 4a.75.75 0 0 1 .743.648l.007.102V6h.995V4.75a.75.75 0 0 1 .65-.743l.1-.007a.75.75 0 0 1 .744.648l.007.102L7.496 6h.758a.75.75 0 0 1 .75.75v2.499a1.75 1.75 0 0 1-1.75 1.75l-1.003-.001v6.252-6.252ZM7.504 7.5H3.5v1.749c0 .138.112.25.25.25h3.504a.25.25 0 0 0 .25-.25V7.5Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/beatmappacks.svg b/hybrid-vertical/.config/eww/images/svg/light/beatmappacks.svg
new file mode 100644
index 000000000..a37a07de5
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/beatmappacks.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="#000000"/>
+<path d="M45.8333 49.0106C45.4883 49.0106 45.1433 48.9575 44.8248 48.8248L25.3715 40.863C24.3365 40.4384 23.673 39.3768 23.7261 38.2622C23.7792 37.121 24.5488 36.1656 25.6369 35.8471L53.6093 27.8853C54.1932 27.7261 54.7771 27.7526 55.3344 27.9915L74.7877 35.9533C75.8227 36.3779 76.4862 37.4395 76.4331 38.5541C76.38 39.6953 75.6104 40.6507 74.5223 40.9692L46.5764 48.931C46.3376 48.9841 46.0987 49.0106 45.8333 49.0106ZM34.5011 38.8461L46.0191 43.5435L65.6847 37.9437L54.1667 33.2463L34.5011 38.8461Z" fill="#000000"/>
+<path d="M45.8333 74.1698C45.4883 74.1698 45.1433 74.1168 44.8248 73.9841L25.3715 66.0223C24.3365 65.5977 23.673 64.5361 23.7261 63.4214C23.7792 62.2802 24.5488 61.3248 25.6369 61.0064L53.5828 53.0446C54.1667 52.8853 54.7505 52.9119 55.3079 53.1507L74.7612 61.1125C75.7962 61.5372 76.4597 62.5987 76.4066 63.7134C76.3535 64.8546 75.5839 65.81 74.4958 66.1284L46.5499 74.0902C46.3376 74.1433 46.0987 74.1698 45.8333 74.1698ZM34.5011 64.0053L46.0191 68.7028L65.6847 63.103L54.1667 58.4055L34.5011 64.0053Z" fill="#000000"/>
+<path d="M26.4597 66.1285C25 66.1285 23.8057 64.9342 23.8057 63.4745V38.3153C23.8057 36.8556 25 35.6614 26.4597 35.6614C27.9193 35.6614 29.1136 36.8556 29.1136 38.3153V63.4745C29.1136 64.9342 27.9193 66.1285 26.4597 66.1285Z" fill="#000000"/>
+<path d="M45.9395 74.1433C44.4799 74.1433 43.2856 72.949 43.2856 71.4894V46.3301C43.2856 44.8705 44.4799 43.6762 45.9395 43.6762C47.3992 43.6762 48.5934 44.8705 48.5934 46.3301V71.4894C48.5934 72.949 47.3992 74.1433 45.9395 74.1433Z" fill="#000000"/>
+<path d="M54.4055 57.7421C52.9459 57.7421 51.7516 56.5478 51.7516 55.0881V30.4862C51.7516 29.0265 52.9459 27.8323 54.4055 27.8323C55.8652 27.8323 57.0594 29.0265 57.0594 30.4862V55.0881C57.0594 56.5478 55.8652 57.7421 54.4055 57.7421Z" fill="#000000"/>
+<path d="M73.8854 66.1285C72.4257 66.1285 71.2314 64.9342 71.2314 63.4745V38.8726C71.2314 37.413 72.4257 36.2187 73.8854 36.2187C75.345 36.2187 76.5393 37.413 76.5393 38.8726V63.4745C76.5393 64.9342 75.345 66.1285 73.8854 66.1285Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/beatmaps.svg b/hybrid-vertical/.config/eww/images/svg/light/beatmaps.svg
new file mode 100644
index 000000000..5c8bcedbd
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/beatmaps.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="#000000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7375 27.0672C49.7375 22.2087 55.5763 19.7364 59.0652 23.1177L64.1858 28.0804C65.5739 29.4257 65.6086 31.6415 64.2633 33.0296C62.9181 34.4176 60.7023 34.4523 59.3142 33.1071L56.7375 30.6098V54.0937C56.7375 56.0267 55.1705 57.5937 53.2375 57.5937C51.3045 57.5937 49.7375 56.0267 49.7375 54.0937V27.0672Z" fill="#000000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M47.9008 55.8953C48.8125 55.8953 49.5516 55.1562 49.5516 54.2445C49.5516 53.3328 48.8125 52.5938 47.9008 52.5938C46.9891 52.5938 46.25 53.3328 46.25 54.2445C46.25 55.1562 46.9891 55.8953 47.9008 55.8953ZM47.9008 62.8953C52.6785 62.8953 56.5516 59.0222 56.5516 54.2445C56.5516 49.4668 52.6785 45.5938 47.9008 45.5938C43.1231 45.5938 39.25 49.4668 39.25 54.2445C39.25 59.0222 43.1231 62.8953 47.9008 62.8953Z" fill="#000000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.3186 33.2126C47.6854 34.5795 47.6854 36.7955 46.3186 38.1624L31.9479 52.5331C31.3621 53.1189 31.3621 54.0686 31.9479 54.6544L48.9393 71.6458C49.5251 72.2316 50.4748 72.2316 51.0606 71.6458L68.0521 54.6544C68.6379 54.0686 68.6379 53.1189 68.0521 52.5331L59.8376 44.3186C58.4708 42.9518 58.4708 40.7357 59.8376 39.3689C61.2044 38.002 63.4205 38.002 64.7873 39.3689L73.0018 47.5833C76.3213 50.9028 76.3213 56.2847 73.0018 59.6042L56.0104 76.5956C52.6909 79.915 47.309 79.915 43.9896 76.5956L26.9981 59.6042C23.6787 56.2847 23.6787 50.9028 26.9981 47.5833L41.3689 33.2126C42.7357 31.8458 44.9518 31.8458 46.3186 33.2126Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/bluetooth.svg b/hybrid-vertical/.config/eww/images/svg/light/bluetooth.svg
new file mode 100644
index 000000000..91a7988a8
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/bluetooth.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m11.698 12.974 2.682 2.237-2.876 3.117v-5.193l.194-.161Zm1.171-.976 3.077-2.564a.75.75 0 0 0 .071-1.085l-4.711-5.104a.75.75 0 0 0-1.302.508v5.855l-1.12-.934a.75.75 0 1 0-.96 1.152l2.08 1.735v.871l-2.08 1.734a.75.75 0 0 0 .96 1.152l1.12-.934v5.863a.75.75 0 0 0 1.302.508l4.711-5.106a.75.75 0 0 0-.07-1.085l-3.078-2.566Zm-1.17-.977-.195-.162V5.672l2.876 3.115-2.682 2.234Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/bluetoothfalse.svg b/hybrid-vertical/.config/eww/images/svg/light/bluetoothfalse.svg
new file mode 100644
index 000000000..1e01de0af
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/bluetoothfalse.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.28 2.22a.75.75 0 1 0-1.06 1.06L10 11.06v.498l.004.003v.871l-2.08 1.734a.75.75 0 0 0 .96 1.152l1.12-.934v5.863a.75.75 0 0 0 1.302.508l4.025-4.363 5.388 5.389a.75.75 0 0 0 1.061-1.061L3.28 2.22Zm8.222 10.343 2.768 2.768-2.766 2.997v-5.193l-.002-.572ZM15.946 9.434l-1.816 1.514-1.066-1.065 1.316-1.096-2.876-3.115v2.65l-1.5-1.5V3.754a.75.75 0 0 1 1.302-.508l4.711 5.104a.75.75 0 0 1-.07 1.085Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/bluetoothtrue.svg b/hybrid-vertical/.config/eww/images/svg/light/bluetoothtrue.svg
new file mode 100644
index 000000000..34f93fb9f
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/bluetoothtrue.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.004 9.608V3.753c0-.646.752-.974 1.225-.58l.076.072 4.712 5.104a.75.75 0 0 1 .005 1.012l-.076.073-3.077 2.564 3.077 2.566a.75.75 0 0 1 .137 1.002l-.066.083-4.711 5.106c-.44.476-1.214.207-1.295-.404l-.007-.104v-5.863l-1.12.934a.75.75 0 0 1-1.04-1.075l.08-.077 2.08-1.734v-.87l-2.08-1.736a.75.75 0 0 1 .87-1.217l.09.065 1.12.934V3.753v5.855Zm1.694 3.366-.194.16v5.194l2.876-3.117-2.682-2.237ZM17 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2ZM6 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm5.504-5.328v5.187l.194.162 2.682-2.234-2.876-3.115Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/brightness.svg b/hybrid-vertical/.config/eww/images/svg/light/brightness.svg
new file mode 100644
index 000000000..3a3704d3c
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/brightness.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M11.996 19.01a.75.75 0 0 1 .743.649l.007.102v1.5a.75.75 0 0 1-1.493.101l-.007-.101v-1.5a.75.75 0 0 1 .75-.75Zm6.022-2.072 1.06 1.06a.75.75 0 1 1-1.06 1.061l-1.06-1.06a.75.75 0 0 1 1.06-1.061Zm-10.983 0a.75.75 0 0 1 0 1.06L5.974 19.06a.75.75 0 0 1-1.06-1.06l1.06-1.061a.75.75 0 0 1 1.06 0ZM12 6.475a5.525 5.525 0 1 1 0 11.05 5.525 5.525 0 0 1 0-11.05Zm0 1.5a4.025 4.025 0 1 0 0 8.05 4.025 4.025 0 0 0 0-8.05Zm9.25 3.293a.75.75 0 0 1 .102 1.493l-.102.007h-1.5a.75.75 0 0 1-.102-1.493l.102-.007h1.5Zm-17-.029a.75.75 0 0 1 .102 1.494l-.102.006h-1.5a.75.75 0 0 1-.102-1.493l.102-.007h1.5Zm1.64-6.37.084.072 1.06 1.06a.75.75 0 0 1-.976 1.134l-.084-.073-1.06-1.06a.75.75 0 0 1 .976-1.134Zm13.188.072a.75.75 0 0 1 .073.977l-.073.084-1.06 1.06a.75.75 0 0 1-1.133-.976l.072-.084 1.06-1.061a.75.75 0 0 1 1.061 0ZM12 1.99a.75.75 0 0 1 .743.648l.007.102v1.5a.75.75 0 0 1-1.493.101l-.007-.102v-1.5a.75.75 0 0 1 .75-.75Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/calculator.svg b/hybrid-vertical/.config/eww/images/svg/light/calculator.svg
new file mode 100644
index 000000000..d1a6a8e2a
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/calculator.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7 7a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2V7Zm2-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-.5-.5H9Zm-.75 8a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm1.25 2.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm6.25-2.75a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM17 17.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm-5-2.75a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm1.25 2.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM7.25 2A3.25 3.25 0 0 0 4 5.25v13.5A3.25 3.25 0 0 0 7.25 22h9.5A3.25 3.25 0 0 0 20 18.75V5.25A3.25 3.25 0 0 0 16.75 2h-9.5ZM5.5 5.25c0-.966.784-1.75 1.75-1.75h9.5c.966 0 1.75.784 1.75 1.75v13.5a1.75 1.75 0 0 1-1.75 1.75h-9.5a1.75 1.75 0 0 1-1.75-1.75V5.25Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/caretdown.svg b/hybrid-vertical/.config/eww/images/svg/light/caretdown.svg
new file mode 100644
index 000000000..d4a1baf5f
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/caretdown.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.102 8c-1.074 0-1.648 1.265-.94 2.073l5.521 6.31a1.75 1.75 0 0 0 2.634 0l5.522-6.31c.707-.808.133-2.073-.94-2.073H6.101Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/caretup.svg b/hybrid-vertical/.config/eww/images/svg/light/caretup.svg
new file mode 100644
index 000000000..d316a3a52
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/caretup.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.102 16.981c-1.074 0-1.648-1.265-.94-2.073l5.521-6.31a1.75 1.75 0 0 1 2.634 0l5.522 6.31c.707.809.133 2.073-.94 2.073H6.101Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/changelog.svg b/hybrid-vertical/.config/eww/images/svg/light/changelog.svg
new file mode 100644
index 000000000..bb55ed079
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/changelog.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0471 9.31178C70.2488 9.31178 75.0789 12.1005 77.6798 16.6155L92.7275 42.6963C95.3284 47.2113 95.3284 52.7887 92.7275 57.3037L77.6798 83.3845C75.0789 87.8995 70.2488 90.6882 65.0471 90.6882H34.9515C29.7498 90.6882 24.9197 87.8995 22.3188 83.3845L7.27104 57.3037C4.67019 52.7887 4.67019 47.2113 7.27104 42.6963L22.3188 16.6155C24.9197 12.1005 29.7498 9.31178 34.9515 9.31178H65.0471ZM65.0471 4H34.9515C27.839 4 21.2572 7.79792 17.701 13.9596L2.6532 40.0404C-0.903062 46.2021 -0.903062 53.7979 2.6532 59.9596L17.701 86.0404C21.2572 92.2021 27.839 96 34.9515 96H65.0471C72.1596 96 78.7413 92.2021 82.2976 86.0404L97.3454 59.9596C100.902 53.7979 100.902 46.2021 97.3454 40.0404L82.2711 13.9596C78.7413 7.79792 72.1596 4 65.0471 4Z" fill="#000000"/>
+<path d="M43.0733 72.0439C42.4098 72.0439 41.7198 71.8845 41.0828 71.5127L28.0786 63.9965C25.2389 62.3499 23.4607 59.2956 23.4607 56.0023V43.9977C23.4607 40.7044 25.2389 37.6501 28.0786 36.0035L41.0828 28.4873C42.9936 27.3984 45.4087 28.0358 46.5234 29.948C47.6115 31.8603 46.9745 34.2771 45.0637 35.3926L32.0595 42.9088C31.6614 43.1212 31.4225 43.5462 31.4225 43.9977V56.0023C31.4225 56.4538 31.6614 56.8788 32.0595 57.0912L45.0637 64.6074C46.9745 65.6963 47.6115 68.1397 46.5234 70.052C45.8068 71.3268 44.4533 72.0439 43.0733 72.0439Z" fill="#000000"/>
+<path d="M56.9002 72.0439C55.5202 72.0439 54.1932 71.3268 53.4501 70.052C52.362 68.1397 52.9989 65.7229 54.9098 64.6074L67.914 57.0912C68.3121 56.8788 68.5509 56.4538 68.5509 56.0023V43.9977C68.5509 43.5462 68.3121 43.1212 67.914 42.9088L54.9098 35.3926C52.9989 34.3037 52.362 31.8603 53.4501 29.948C54.5382 28.0358 56.9798 27.3984 58.8907 28.4873L71.8949 36.0035C74.7346 37.6501 76.5127 40.7044 76.5127 43.9977V56.0023C76.5127 59.2956 74.7346 62.3499 71.8949 63.9965L58.8907 71.5127C58.2803 71.8845 57.5902 72.0439 56.9002 72.0439Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/chat.svg b/hybrid-vertical/.config/eww/images/svg/light/chat.svg
new file mode 100644
index 000000000..6f3a9e386
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/chat.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0482 9.31178C70.2499 9.31178 75.08 12.1005 77.6809 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6809 83.3845C75.08 87.8995 70.2499 90.6882 65.0482 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27215 57.3037C4.6713 52.7887 4.6713 47.2113 7.27215 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0482ZM65.0482 4H34.9526C27.8401 4 21.2584 7.79792 17.7021 13.9596L2.65432 40.0404C-0.901944 46.2021 -0.901944 53.7979 2.65432 59.9596L17.7021 86.0404C21.2584 92.2021 27.8401 96 34.9526 96H65.0482C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3465 59.9596C100.903 53.7979 100.903 46.2021 97.3465 40.0404L82.2722 13.9596C78.7424 7.79792 72.1607 4 65.0482 4Z" fill="#000000"/>
+<g clip-path="url(#clip1)">
+<path d="M46.9436 72C44.9758 72 43.3872 70.4427 43.3872 68.5136C43.3872 67.7233 43.6718 66.9331 44.1697 66.3288L51.0453 57.9614C53.108 55.428 56.2376 53.9637 59.5332 53.987H64.3224C65.176 53.987 65.8635 53.2897 65.8635 52.4529L65.8161 39.4836C65.8161 38.6468 65.1286 37.9728 64.275 37.9728H36.725C35.8714 37.9728 35.1839 38.6468 35.1602 39.4836L35.1128 52.4065C35.1128 52.8248 35.2787 53.1967 35.5632 53.4989C35.8714 53.7778 36.2508 53.9405 36.6776 53.9405L40.2576 53.894H40.3051C42.2729 53.894 43.8614 55.428 43.8851 57.3571C43.9089 59.2863 42.3203 60.8435 40.3525 60.8668L36.7724 60.89C31.9831 60.9597 28.0711 57.1944 28 52.4994C28 52.4529 28 52.4065 28 52.36L28.0474 39.4371C28.0711 34.7885 31.9594 31 36.725 31H64.2987C69.0643 31 72.9289 34.7885 72.9526 39.4603L73 52.4297C73.0237 57.1247 69.1591 60.9365 64.3699 60.9597H64.3462H59.5569C58.4189 60.9597 57.3282 61.4711 56.617 62.3543L49.7413 70.7216C49.0537 71.5351 48.0342 72.0232 46.9436 72Z" fill="#000000"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+<clipPath id="clip1">
+<rect width="45" height="41" fill="#000000" transform="translate(28 31)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/checkbox.svg b/hybrid-vertical/.config/eww/images/svg/light/checkbox.svg
new file mode 100644
index 000000000..931aef1e9
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/checkbox.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.25 3A3.25 3.25 0 0 0 3 6.25v11.5A3.25 3.25 0 0 0 6.25 21h11.5A3.25 3.25 0 0 0 21 17.75V6.25A3.25 3.25 0 0 0 17.75 3H6.25Zm10.03 6.78-5 5a.75.75 0 0 1-1.06 0l-2.004-2.004a.75.75 0 1 1 1.06-1.06l1.474 1.473 4.47-4.47a.75.75 0 1 1 1.06 1.061Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/checkbox_no.svg b/hybrid-vertical/.config/eww/images/svg/light/checkbox_no.svg
new file mode 100644
index 000000000..dee077c1a
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/checkbox_no.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6 3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3Zm0 2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H6Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/cog.svg b/hybrid-vertical/.config/eww/images/svg/light/cog.svg
new file mode 100644
index 000000000..fe00d1b58
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/cog.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.012 2.25c.734.008 1.465.093 2.182.253a.75.75 0 0 1 .582.649l.17 1.527a1.384 1.384 0 0 0 1.927 1.116l1.401-.615a.75.75 0 0 1 .85.174 9.792 9.792 0 0 1 2.204 3.792.75.75 0 0 1-.271.825l-1.242.916a1.381 1.381 0 0 0 0 2.226l1.243.915a.75.75 0 0 1 .272.826 9.797 9.797 0 0 1-2.204 3.792.75.75 0 0 1-.848.175l-1.407-.617a1.38 1.38 0 0 0-1.926 1.114l-.169 1.526a.75.75 0 0 1-.572.647 9.518 9.518 0 0 1-4.406 0 .75.75 0 0 1-.572-.647l-.168-1.524a1.382 1.382 0 0 0-1.926-1.11l-1.406.616a.75.75 0 0 1-.849-.175 9.798 9.798 0 0 1-2.204-3.796.75.75 0 0 1 .272-.826l1.243-.916a1.38 1.38 0 0 0 0-2.226l-1.243-.914a.75.75 0 0 1-.271-.826 9.793 9.793 0 0 1 2.204-3.792.75.75 0 0 1 .85-.174l1.4.615a1.387 1.387 0 0 0 1.93-1.118l.17-1.526a.75.75 0 0 1 .583-.65c.717-.159 1.45-.243 2.201-.252Zm0 1.5a9.135 9.135 0 0 0-1.354.117l-.109.977A2.886 2.886 0 0 1 6.525 7.17l-.898-.394a8.293 8.293 0 0 0-1.348 2.317l.798.587a2.881 2.881 0 0 1 0 4.643l-.799.588c.32.842.776 1.626 1.348 2.322l.905-.397a2.882 2.882 0 0 1 4.017 2.318l.11.984c.889.15 1.798.15 2.687 0l.11-.984a2.881 2.881 0 0 1 4.018-2.322l.905.396a8.296 8.296 0 0 0 1.347-2.318l-.798-.588a2.881 2.881 0 0 1 0-4.643l.796-.587a8.293 8.293 0 0 0-1.348-2.317l-.896.393a2.884 2.884 0 0 1-4.023-2.324l-.11-.976a8.988 8.988 0 0 0-1.333-.117ZM12 8.25a3.75 3.75 0 1 1 0 7.5 3.75 3.75 0 0 1 0-7.5Zm0 1.5a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/color.scss b/hybrid-vertical/.config/eww/images/svg/light/color.scss
new file mode 100644
index 000000000..dd580d4ee
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/color.scss
@@ -0,0 +1 @@
+$colorbar: #000000;
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/color.txt b/hybrid-vertical/.config/eww/images/svg/light/color.txt
new file mode 100644
index 000000000..c0abf774f
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/color.txt
@@ -0,0 +1 @@
+#000000
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/contests.svg b/hybrid-vertical/.config/eww/images/svg/light/contests.svg
new file mode 100644
index 000000000..efd5b94e7
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/contests.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0478 9.30786C70.2495 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.3291 47.1794 95.3291 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2495 90.6242 65.0478 90.6242H34.9522C29.7505 90.6242 24.9204 87.8376 22.3195 83.3259L7.27175 57.2643C4.67091 52.7527 4.67091 47.1794 7.27175 42.6677L22.3195 16.6062C24.9204 12.0945 29.7505 9.30786 34.9522 9.30786H65.0478ZM65.0478 4H34.9522C27.8397 4 21.258 7.79512 17.7017 13.9522L2.65392 40.0138C-0.902341 46.1709 -0.902341 53.7611 2.65392 59.9183L17.7017 85.9798C21.258 92.1369 27.8397 95.9321 34.9522 95.9321H65.0478C72.1603 95.9321 78.742 92.1369 82.2983 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1603 4 65.0478 4Z" fill="#000000"/>
+<path d="M50 76.7707C47.7972 76.7707 46.0191 74.9925 46.0191 72.7898V53.9469C46.0191 51.7441 47.7972 49.966 50 49.966C52.2028 49.966 53.9809 51.7441 53.9809 53.9469V72.7898C53.9809 74.9925 52.2028 76.7707 50 76.7707Z" fill="#000000"/>
+<path d="M36.7304 71.9936C34.5276 71.9936 32.7495 70.2155 32.7495 68.0127V61.1125C32.7495 58.9098 34.5276 57.1316 36.7304 57.1316C38.9331 57.1316 40.7113 58.9098 40.7113 61.1125V68.0127C40.7113 70.2155 38.9331 71.9936 36.7304 71.9936Z" fill="#000000"/>
+<path d="M36.7304 51.8238C36.5977 51.8238 36.465 51.8238 36.3323 51.7973C36.1996 51.7973 36.0669 51.7707 35.9342 51.7442C35.8015 51.7176 35.6688 51.6911 35.5626 51.638C35.4299 51.5849 35.3238 51.5584 35.1911 51.5053C35.0849 51.4522 34.9522 51.3992 34.8461 51.3461C34.7399 51.293 34.6072 51.2134 34.5011 51.1338C34.3949 51.0542 34.2887 50.9745 34.1826 50.8949C34.0764 50.8153 33.9703 50.7091 33.8906 50.6295C33.811 50.5234 33.7049 50.4438 33.6253 50.3376C33.5456 50.2314 33.466 50.1253 33.3864 50.0191C33.3068 49.913 33.2537 49.8068 33.1741 49.6741C33.121 49.568 33.0679 49.4353 33.0149 49.3291C32.9618 49.223 32.9087 49.0903 32.8822 48.9576C32.8556 48.8249 32.8025 48.6922 32.776 48.586C32.7495 48.4533 32.7229 48.3206 32.7229 48.2145C32.6964 48.0818 32.6964 47.9491 32.6964 47.8164C32.6964 47.6837 32.6964 47.551 32.7229 47.4183C32.7229 47.2856 32.7495 47.1529 32.776 47.0202C32.8025 46.8875 32.8291 46.7548 32.8822 46.6486C32.9087 46.5159 32.9618 46.4098 33.0149 46.2771C33.0679 46.1709 33.121 46.0382 33.1741 45.9321C33.2272 45.8259 33.3068 45.6932 33.3864 45.5871C33.466 45.4809 33.5456 45.3748 33.6253 45.2686C33.7049 45.1624 33.7845 45.0563 33.8906 44.9767C33.9968 44.897 34.0764 44.7909 34.1826 44.7113C34.2887 44.6317 34.3949 44.552 34.5011 44.4724C34.6072 44.3928 34.7134 44.3397 34.8461 44.2601C34.9522 44.207 35.0849 44.1539 35.1911 44.1009C35.3238 44.0478 35.4299 43.9947 35.5626 43.9682C35.6953 43.9416 35.828 43.8886 35.9342 43.862C36.0669 43.8355 36.1996 43.8089 36.3323 43.8089C36.5977 43.7824 36.8631 43.7824 37.1019 43.8089C37.2346 43.8089 37.3673 43.8355 37.5 43.862C37.6327 43.8886 37.7654 43.9151 37.8715 43.9682C38.0042 43.9947 38.1104 44.0478 38.2431 44.1009C38.3758 44.1539 38.4819 44.207 38.5881 44.2601C38.6943 44.3132 38.827 44.3928 38.9331 44.4724C39.0393 44.552 39.1454 44.6317 39.2516 44.7113C39.3577 44.7909 39.4639 44.8705 39.5435 44.9767C39.6231 45.0828 39.7293 45.1624 39.8089 45.2686C39.8885 45.3748 39.9681 45.4809 40.0478 45.5871C40.1274 45.6932 40.1805 45.7994 40.2601 45.9321C40.3132 46.0382 40.3662 46.1709 40.4193 46.2771C40.4724 46.4098 40.4989 46.5159 40.552 46.6486C40.5786 46.7813 40.6316 46.914 40.6582 47.0202C40.6847 47.1529 40.7112 47.2856 40.7112 47.4183C40.7378 47.551 40.7378 47.6837 40.7378 47.8164C40.7378 47.9491 40.7378 48.0818 40.7112 48.2145C40.7112 48.3472 40.6847 48.4799 40.6582 48.586C40.6316 48.7187 40.6051 48.8514 40.552 48.9576C40.4989 49.0903 40.4724 49.1964 40.4193 49.3291C40.3662 49.4618 40.3132 49.568 40.2601 49.6741C40.207 49.7803 40.1274 49.913 40.0478 50.0191C39.9681 50.1253 39.8885 50.2314 39.8089 50.3376C39.7293 50.4438 39.6231 50.5499 39.5435 50.6295C39.4374 50.7091 39.3577 50.8153 39.2516 50.8949C39.1454 50.9745 39.0393 51.0542 38.9331 51.1338C38.827 51.2134 38.7208 51.2665 38.5881 51.3461C38.4819 51.3992 38.3493 51.4522 38.2431 51.5053C38.1369 51.5584 38.0042 51.5849 37.8715 51.638C37.7388 51.6646 37.6327 51.7176 37.5 51.7442C37.3673 51.7707 37.2346 51.7973 37.1019 51.7973C36.9957 51.8238 36.863 51.8238 36.7304 51.8238Z" fill="#000000"/>
+<path d="M63.2696 71.9936C61.0669 71.9936 59.2887 70.2155 59.2887 68.0127V61.1125C59.2887 58.9098 61.0669 57.1316 63.2696 57.1316C65.4724 57.1316 67.2505 58.9098 67.2505 61.1125V68.0127C67.2505 70.2155 65.4724 71.9936 63.2696 71.9936Z" fill="#000000"/>
+<path d="M63.2696 51.8238C63.1369 51.8238 63.0043 51.8238 62.8716 51.7973C62.7389 51.7973 62.6062 51.7707 62.4735 51.7442C62.3408 51.7176 62.2081 51.6911 62.1019 51.638C61.9692 51.5849 61.8631 51.5584 61.7304 51.5053C61.6242 51.4522 61.4915 51.3992 61.3854 51.3461C61.2792 51.293 61.1465 51.2134 61.0403 51.1338C60.9342 51.0542 60.828 50.9745 60.7219 50.8949C60.6157 50.8153 60.5096 50.7091 60.4299 50.6295C60.3503 50.5234 60.2442 50.4438 60.1645 50.3376C60.0849 50.2314 60.0053 50.1253 59.9257 50.0191C59.8461 49.913 59.793 49.8068 59.7134 49.6741C59.6603 49.568 59.6072 49.4353 59.5541 49.3291C59.5011 49.223 59.448 49.0903 59.4214 48.9576C59.3949 48.8249 59.3418 48.6922 59.3153 48.586C59.2888 48.4533 59.2622 48.3206 59.2622 48.2145C59.2622 48.0818 59.2357 47.9491 59.2357 47.8164C59.2357 47.6837 59.2357 47.551 59.2622 47.4183C59.2622 47.2856 59.2888 47.1529 59.3153 47.0202C59.3418 46.8875 59.3684 46.7548 59.4214 46.6486C59.448 46.5159 59.5011 46.4098 59.5541 46.2771C59.6072 46.1709 59.6603 46.0382 59.7134 45.9321C59.7665 45.8259 59.8461 45.6932 59.9257 45.5871C60.0053 45.4809 60.0849 45.3748 60.1645 45.2686C60.2442 45.1624 60.3238 45.0563 60.4299 44.9767C60.5361 44.897 60.6157 44.7909 60.7219 44.7113C60.828 44.6317 60.9342 44.552 61.0403 44.4724C61.1465 44.3928 61.2527 44.3397 61.3854 44.2601C61.4915 44.207 61.6242 44.1539 61.7304 44.1009C61.8631 44.0478 61.9692 43.9947 62.1019 43.9682C62.2346 43.9416 62.3673 43.8886 62.4735 43.862C62.6062 43.8355 62.7389 43.8089 62.8716 43.8089C63.1369 43.7824 63.4023 43.7824 63.6677 43.8089C63.8004 43.8089 63.9331 43.8355 64.0393 43.862C64.172 43.8886 64.3047 43.9151 64.4108 43.9682C64.5435 43.9947 64.6497 44.0478 64.7824 44.1009C64.9151 44.1539 65.0212 44.207 65.1274 44.2601C65.2336 44.3132 65.3663 44.3928 65.4724 44.4724C65.5786 44.552 65.6847 44.6317 65.7909 44.7113C65.897 44.7909 66.0032 44.8705 66.0828 44.9767C66.1624 45.0828 66.2686 45.1624 66.3482 45.2686C66.4278 45.3748 66.5074 45.4809 66.5871 45.5871C66.6667 45.6932 66.7198 45.7994 66.7994 45.9321C66.8525 46.0382 66.9055 46.1709 66.9586 46.2771C67.0117 46.4098 67.0382 46.5159 67.0913 46.6486C67.1178 46.7813 67.1709 46.914 67.1975 47.0202C67.224 47.1529 67.2505 47.2856 67.2505 47.4183C67.2771 47.551 67.2771 47.6837 67.2771 47.8164C67.2771 47.9491 67.2771 48.0818 67.2505 48.2145C67.2505 48.3472 67.224 48.4799 67.1975 48.586C67.1709 48.7187 67.1444 48.8514 67.0913 48.9576C67.0382 49.0903 67.0117 49.1964 66.9586 49.3291C66.9055 49.4618 66.8525 49.568 66.7994 49.6741C66.7463 49.7803 66.6667 49.913 66.5871 50.0191C66.5074 50.1253 66.4278 50.2314 66.3482 50.3376C66.2686 50.4438 66.1624 50.5499 66.0828 50.6295C65.9767 50.7091 65.897 50.8153 65.7909 50.8949C65.6847 50.9745 65.5786 51.0542 65.4724 51.1338C65.3663 51.2134 65.2601 51.2665 65.1274 51.3461C65.0212 51.3992 64.8885 51.4522 64.7824 51.5053C64.6762 51.5584 64.5435 51.5849 64.4108 51.638C64.2781 51.6646 64.172 51.7176 64.0393 51.7442C63.9066 51.7707 63.7739 51.7973 63.6677 51.7973C63.535 51.8238 63.4023 51.8238 63.2696 51.8238Z" fill="#000000"/>
+<path d="M50 44.7909C44.1348 44.7909 39.3843 40.0403 39.3843 34.1752C39.3843 28.31 44.1348 23.5594 50 23.5594C55.8652 23.5594 60.6157 28.31 60.6157 34.1752C60.6157 40.0403 55.8652 44.7909 50 44.7909ZM50 31.5212C48.5403 31.5212 47.3461 32.7155 47.3461 34.1752C47.3461 35.6348 48.5403 36.8291 50 36.8291C51.4597 36.8291 52.6539 35.6348 52.6539 34.1752C52.6539 32.7155 51.4597 31.5212 50 31.5212Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/copy.svg b/hybrid-vertical/.config/eww/images/svg/light/copy.svg
new file mode 100644
index 000000000..646e5c69c
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/copy.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5.503 4.627 5.5 6.75v10.504a3.25 3.25 0 0 0 3.25 3.25h8.616a2.251 2.251 0 0 1-2.122 1.5H8.75A4.75 4.75 0 0 1 4 17.254V6.75c0-.98.627-1.815 1.503-2.123ZM17.75 2A2.25 2.25 0 0 1 20 4.25v13a2.25 2.25 0 0 1-2.25 2.25h-9a2.25 2.25 0 0 1-2.25-2.25v-13A2.25 2.25 0 0 1 8.75 2h9Zm0 1.5h-9a.75.75 0 0 0-.75.75v13c0 .414.336.75.75.75h9a.75.75 0 0 0 .75-.75v-13a.75.75 0 0 0-.75-.75Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/downarrow.svg b/hybrid-vertical/.config/eww/images/svg/light/downarrow.svg
new file mode 100644
index 000000000..9a444f159
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/downarrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.293 8.293a1 1 0 0 1 1.414 0L12 14.586l6.293-6.293a1 1 0 1 1 1.414 1.414l-7 7a1 1 0 0 1-1.414 0l-7-7a1 1 0 0 1 0-1.414Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/folderopen.svg b/hybrid-vertical/.config/eww/images/svg/light/folderopen.svg
new file mode 100644
index 000000000..b7516348d
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/folderopen.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 9.502V8.75a2.25 2.25 0 0 0-2.25-2.25h-5.725l-2.38-1.98A2.25 2.25 0 0 0 8.204 4H4.25A2.25 2.25 0 0 0 2 6.25l-.004 11.5A2.25 2.25 0 0 0 4.246 20H18.47a1.75 1.75 0 0 0 1.698-1.325l1.75-6.998a1.75 1.75 0 0 0-1.698-2.175H20ZM4.25 5.5h3.956a.75.75 0 0 1 .48.173l2.588 2.154a.75.75 0 0 0 .48.173h5.996a.75.75 0 0 1 .75.75v.752H6.424a2.25 2.25 0 0 0-2.183 1.704l-.744 2.978L3.5 6.25a.75.75 0 0 1 .75-.75Zm1.447 6.07a.75.75 0 0 1 .727-.568H20.22a.25.25 0 0 1 .242.31l-1.75 6.999a.25.25 0 0 1-.242.189H4.285a.25.25 0 0 1-.243-.31l1.655-6.62Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/forum.svg b/hybrid-vertical/.config/eww/images/svg/light/forum.svg
new file mode 100644
index 000000000..f743df8e9
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/forum.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.28849C70.2493 9.28849 75.0795 12.0649 77.6803 16.5602L92.7281 42.5266C95.3289 47.0219 95.3289 52.5748 92.7281 57.07L77.6803 83.0365C75.0795 87.5317 70.2493 90.3082 65.0476 90.3082H34.9521C29.7504 90.3082 24.9203 87.5317 22.3194 83.0365L7.27165 57.07C4.6708 52.5748 4.6708 47.0219 7.27165 42.5266L22.3194 16.5602C24.9203 12.0649 29.7504 9.28849 34.9521 9.28849H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.78127 17.7016 13.9159L2.65381 39.8824C-0.902448 46.0171 -0.902448 53.5796 2.65381 59.7142L17.7016 85.6807C21.2578 91.8154 27.8396 95.5966 34.9521 95.5966H65.0476C72.1602 95.5966 78.7419 91.8154 82.2982 85.6807L97.3459 59.7142C100.902 53.5796 100.902 46.0171 97.3459 39.8824L82.2716 13.9159C78.7419 7.78127 72.1602 4 65.0476 4Z" fill="#000000"/>
+<path d="M66.9851 40.8079C69.1837 40.8079 70.966 39.0321 70.966 36.8415C70.966 34.651 69.1837 32.8752 66.9851 32.8752C64.7865 32.8752 63.0042 34.651 63.0042 36.8415C63.0042 39.0321 64.7865 40.8079 66.9851 40.8079Z" fill="#000000"/>
+<path d="M51.327 40.8079H34.6072C32.4045 40.8079 30.6263 39.0362 30.6263 36.8415C30.6263 34.6468 32.4045 32.8752 34.6072 32.8752H51.327C53.5297 32.8752 55.3079 34.6468 55.3079 36.8415C55.3079 39.0362 53.5297 40.8079 51.327 40.8079Z" fill="#000000"/>
+<path d="M66.9851 67.2503C69.1837 67.2503 70.966 65.4745 70.966 63.284C70.966 61.0934 69.1837 59.3176 66.9851 59.3176C64.7865 59.3176 63.0042 61.0934 63.0042 63.284C63.0042 65.4745 64.7865 67.2503 66.9851 67.2503Z" fill="#000000"/>
+<path d="M51.327 67.2503H34.6072C32.4045 67.2503 30.6263 65.4787 30.6263 63.284C30.6263 61.0892 32.4045 59.3176 34.6072 59.3176H51.327C53.5297 59.3176 55.3079 61.0892 55.3079 63.284C55.3079 65.4787 53.5297 67.2503 51.327 67.2503Z" fill="#000000"/>
+<path d="M34.8726 54.0291C37.0712 54.0291 38.8535 52.2533 38.8535 50.0627C38.8535 47.8722 37.0712 46.0964 34.8726 46.0964C32.674 46.0964 30.8917 47.8722 30.8917 50.0627C30.8917 52.2533 32.674 54.0291 34.8726 54.0291Z" fill="#000000"/>
+<path d="M67.2505 54.0291H50.5308C48.328 54.0291 46.5499 52.2575 46.5499 50.0627C46.5499 47.868 48.328 46.0964 50.5308 46.0964H67.2505C69.4533 46.0964 71.2314 47.868 71.2314 50.0627C71.2314 52.2575 69.4533 54.0291 67.2505 54.0291Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.5966" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/graph.svg b/hybrid-vertical/.config/eww/images/svg/light/graph.svg
new file mode 100644
index 000000000..68c74ee66
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/graph.svg
@@ -0,0 +1,16 @@
+<svg width="1920" height="1080">
+  <circle cx="225" cy="350" r="40" stroke="#000000" stroke-width="3" fill="none" />
+  <circle cx="525" cy="250" r="40" stroke="#000000" stroke-width="3" fill="none" />
+  <circle cx="825" cy="350" r="40" stroke="#000000" stroke-width="3" fill="none" />
+  <circle cx="1125" cy="250" r="40" stroke="#000000" stroke-width="3" fill="none" />
+  <line x1="225" y1="350" x2="525" y2="250" stroke="#000000" stroke-width="3" 
+    stroke-linecap="round"/>
+  <line x1="525" y1="250" x2="825" y2="350" stroke="#000000" stroke-width="3" 
+    stroke-linecap="round"/>
+  <line x1="825" y1="350" x2="1125" y2="250" stroke="#000000" stroke-width="3" 
+    stroke-linecap="round"/>
+  <circle cx="225" cy="350" r="20" stroke="#000000" stroke-width="3" fill="#000000" />
+  <circle cx="525" cy="250" r="20" stroke="#000000" stroke-width="3" fill="#000000" />
+  <circle cx="825" cy="350" r="20" stroke="#000000" stroke-width="3" fill="#000000" />
+  <circle cx="1125" cy="250" r="20" stroke="#000000" stroke-width="3" fill="#000000" />
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/home.svg b/hybrid-vertical/.config/eww/images/svg/light/home.svg
new file mode 100644
index 000000000..50eb4a235
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/home.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0478 9.30786C70.2495 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.3291 47.1794 95.3291 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2495 90.6242 65.0478 90.6242H34.9522C29.7505 90.6242 24.9204 87.8376 22.3195 83.3259L7.27175 57.2643C4.67091 52.7527 4.67091 47.1794 7.27175 42.6677L22.3195 16.6062C24.9204 12.0945 29.7505 9.30786 34.9522 9.30786H65.0478ZM65.0478 4H34.9522C27.8397 4 21.258 7.79512 17.7017 13.9522L2.65392 40.0138C-0.902341 46.1709 -0.902341 53.7611 2.65392 59.9183L17.7017 85.9798C21.258 92.1369 27.8397 95.9321 34.9522 95.9321H65.0478C72.1603 95.9321 78.742 92.1369 82.2983 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1603 4 65.0478 4Z" fill="#000000"/>
+<path d="M68.5775 43.2781C68.0998 43.2781 67.5956 43.1985 67.1178 42.9862L50 36.2187L32.8822 42.9862C30.8386 43.7824 28.5297 42.8004 27.707 40.7569C26.9108 38.7134 27.8928 36.4045 29.9363 35.5817L48.5138 28.2304C49.4427 27.8588 50.5043 27.8588 51.4331 28.2304L70.0106 35.5817C72.0541 36.3779 73.0626 38.7134 72.2399 40.7569C71.6561 42.3227 70.1699 43.2781 68.5775 43.2781Z" fill="#000000"/>
+<path d="M57.3248 71.9671H42.7017C39.4108 71.9671 36.7569 69.2866 36.7569 66.0223V51.3991C36.7569 48.1083 39.4374 45.4543 42.7017 45.4543H57.3248C60.6157 45.4543 63.2696 48.1348 63.2696 51.3991V66.0223C63.2696 69.3132 60.5892 71.9671 57.3248 71.9671ZM44.6921 64.0053H55.3078V53.3896H44.6921V64.0053Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/icosahedron.svg b/hybrid-vertical/.config/eww/images/svg/light/icosahedron.svg
new file mode 100644
index 000000000..c443f2a56
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/icosahedron.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Created Sat Nov  1 22:06:13 2008 by ./xy2svg -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-1.862747 -1.862747 3.957948 3.957948"> 
+<g style="stroke:#000000" stroke-width=".015">
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="0.039227" y2="-0.287147"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.296790" y1="-1.531823" x2="1.278419" y2="-0.824517"/>
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="0.340080" y2="-1.463535"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="1.466545" y1="0.232765" x2="1.278419" y2="-0.824517"/>
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="1.278419" y1="0.586062" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="1.466545" y1="0.232765" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="0.340080" y1="1.755256" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="1.278419" y1="0.586062" x2="-0.296790" y2="1.277236"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="0.039227" y2="-0.287147"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="-1.189639" y2="-0.188816"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.296790" y1="-1.531823" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="-1.451475" y1="-0.665396" x2="-1.189639" y2="-0.188816"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-0.296790" y2="1.277236"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="-1.451475" y2="0.936129"/>
+<line stroke-linecap="round" x1="-1.451475" y1="0.936129" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="0.340080" y1="1.755256" x2="-0.055029" y2="0.402814"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="-1.451475" y2="0.936129"/>
+<line stroke-linecap="round" x1="-1.451475" y1="0.936129" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="-1.451475" y1="-0.665396" x2="-0.055029" y2="0.402814"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="0.340080" y2="-1.463535"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-1.451475" y2="0.936129"/>
+<!-- <line x1="5.340754" y1="-0.810999" x2="4.164357" y2="-0.285624"/>
+<line x1="4.164357" y1="-0.285624" x2="3.760373" y2="-1.532918"/>
+<line x1="3.760373" y1="-1.532918" x2="5.340754" y2="-0.810999"/>
+<line x1="5.340754" y1="-0.810999" x2="4.275964" y2="-1.462090"/>
+<line x1="4.275964" y1="-1.462090" x2="5.376515" y2="0.260659"/>
+<line x1="5.376515" y1="0.260659" x2="5.340754" y2="-0.810999"/>
+<line x1="5.340754" y1="-0.810999" x2="5.340754" y2="0.615801"/>
+<line x1="5.340754" y1="0.615801" x2="5.376515" y2="0.260659"/>
+<line x1="5.376515" y1="0.260659" x2="4.275964" y2="1.765372"/>
+<line x1="4.275964" y1="1.765372" x2="5.340754" y2="0.615801"/>
+<line x1="5.340754" y1="0.615801" x2="3.760373" y2="1.269571"/>
+<line x1="3.760373" y1="1.269571" x2="4.275964" y2="1.765372"/>
+<line x1="3.760373" y1="1.269571" x2="4.164357" y2="-0.285624"/>
+<line x1="4.164357" y1="-0.285624" x2="5.340754" y2="0.615801"/>
+<line x1="4.164357" y1="-0.285624" x2="2.908099" y2="-0.206764"/>
+<line x1="2.908099" y1="-0.206764" x2="3.760373" y2="-1.532918"/>
+<line x1="3.760373" y1="-1.532918" x2="2.514237" y2="-0.682403"/>
+<line x1="2.514237" y1="-0.682403" x2="2.908099" y2="-0.206764"/>
+<line x1="2.908099" y1="-0.206764" x2="3.760373" y2="1.269571"/>
+<line x1="3.760373" y1="1.269571" x2="2.514237" y2="0.898713"/>
+<line x1="2.514237" y1="0.898713" x2="4.275964" y2="1.765372"/>
+<line x1="4.275964" y1="1.765372" x2="3.769930" y2="0.399824"/>
+<line x1="3.769930" y1="0.399824" x2="2.514237" y2="0.898713"/>
+<line x1="2.514237" y1="0.898713" x2="2.514237" y2="-0.682403"/>
+<line x1="2.514237" y1="-0.682403" x2="3.769930" y2="0.399824"/>
+<line x1="3.769930" y1="0.399824" x2="4.275964" y2="-1.462090"/>
+<line x1="4.275964" y1="-1.462090" x2="2.514237" y2="-0.682403"/>
+<line x1="4.275964" y1="-1.462090" x2="3.760373" y2="-1.532918"/>
+<line x1="3.769930" y1="0.399824" x2="5.376515" y2="0.260659"/>
+<line x1="2.908099" y1="-0.206764" x2="2.514237" y2="0.898713"/> -->
+</g>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/linehorizontal.svg b/hybrid-vertical/.config/eww/images/svg/light/linehorizontal.svg
new file mode 100644
index 000000000..81ead10da
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/linehorizontal.svg
@@ -0,0 +1,3 @@
+<svg height="3" width="75">
+  <line x1="1.5" y1="1.5" x2="73.5" y2="1.5" stroke="#000000" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/linetransparent.svg b/hybrid-vertical/.config/eww/images/svg/light/linetransparent.svg
new file mode 100644
index 000000000..9be840a61
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/linetransparent.svg
@@ -0,0 +1,3 @@
+<svg height="26.5" width="3">
+  <line x1="1.5" y1="1.5" x2="1.5" y2="25" stroke="transparent" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/linevertical.svg b/hybrid-vertical/.config/eww/images/svg/light/linevertical.svg
new file mode 100644
index 000000000..ff695f8c9
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/linevertical.svg
@@ -0,0 +1,3 @@
+<svg height="26.5" width="3">
+  <line x1="1.5" y1="1.5" x2="1.5" y2="25" stroke="#000000" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/moon.svg b/hybrid-vertical/.config/eww/images/svg/light/moon.svg
new file mode 100644
index 000000000..76b35d988
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/moon.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.026 17.001c-2.762 4.784-8.879 6.423-13.663 3.661a9.964 9.964 0 0 1-3.234-2.983.75.75 0 0 1 .365-1.131c3.767-1.348 5.785-2.911 6.956-5.146 1.232-2.353 1.551-4.93.689-8.464a.75.75 0 0 1 .769-.926 9.961 9.961 0 0 1 4.457 1.327C21.149 6.1 22.788 12.217 20.025 17Zm-8.248-4.903c-1.25 2.388-3.31 4.099-6.817 5.499a8.492 8.492 0 0 0 2.152 1.766 8.501 8.501 0 1 0 8.502-14.725 8.485 8.485 0 0 0-2.792-1.016c.647 3.384.23 6.044-1.045 8.476Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/news.svg b/hybrid-vertical/.config/eww/images/svg/light/news.svg
new file mode 100644
index 000000000..057a49a14
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/news.svg
@@ -0,0 +1,18 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0468 9.31178C70.2485 9.31178 75.0786 12.1005 77.6795 16.6155L92.7272 42.6963C95.3281 47.2113 95.3281 52.7887 92.7272 57.3037L77.6795 83.3845C75.0786 87.8995 70.2485 90.6882 65.0468 90.6882H34.9512C29.7495 90.6882 24.9194 87.8995 22.3185 83.3845L7.27075 57.3037C4.6699 52.7887 4.6699 47.2113 7.27075 42.6963L22.3185 16.6155C24.9194 12.1005 29.7495 9.31178 34.9512 9.31178H65.0468ZM65.0468 4H34.9512C27.8387 4 21.2569 7.79792 17.7007 13.9596L2.65292 40.0404C-0.903348 46.2021 -0.903348 53.7979 2.65292 59.9596L17.7007 86.0404C21.2569 92.2021 27.8387 96 34.9512 96H65.0468C72.1593 96 78.741 92.2021 82.2973 86.0404L97.3451 59.9596C100.901 53.7979 100.901 46.2021 97.3451 40.0404L82.2707 13.9596C78.741 7.79792 72.1593 4 65.0468 4Z" fill="#000000"/>
+<path d="M73.8854 53.9838H66.9851C64.7824 53.9838 63.0042 52.2044 63.0042 50C63.0042 47.7956 64.7824 46.0162 66.9851 46.0162H73.8854C76.0881 46.0162 77.8663 47.7956 77.8663 50C77.8663 52.2044 76.0881 53.9838 73.8854 53.9838Z" fill="#000000"/>
+<path d="M50 77.8868C47.7972 77.8868 46.0191 76.1074 46.0191 73.903V66.9977C46.0191 64.7933 47.7972 63.0139 50 63.0139C52.2028 63.0139 53.9809 64.7933 53.9809 66.9977V73.903C53.9809 76.1074 52.2028 77.8868 50 77.8868Z" fill="#000000"/>
+<path d="M66.879 70.8753C65.8705 70.8753 64.8355 70.4769 64.0658 69.7067L59.1295 64.7667C57.5637 63.1998 57.5637 60.6767 59.1295 59.1363C60.6953 57.5693 63.2166 57.5693 64.7558 59.1363L69.6922 64.0762C71.258 65.6432 71.258 68.1663 69.6922 69.7067C68.9225 70.5035 67.914 70.8753 66.879 70.8753Z" fill="#000000"/>
+<path d="M33.121 70.8753C32.1125 70.8753 31.0775 70.4769 30.3078 69.7067C28.742 68.1397 28.742 65.6166 30.3078 64.0762L35.2442 59.1363C36.81 57.5693 39.3312 57.5693 40.8705 59.1363C42.4363 60.7032 42.4363 63.2263 40.8705 64.7667L35.9342 69.7067C35.138 70.5035 34.1295 70.8753 33.121 70.8753Z" fill="#000000"/>
+<path d="M61.9427 42.0323C60.9342 42.0323 59.8992 41.634 59.1295 40.8637C57.5637 39.2968 57.5637 36.7737 59.1295 35.2333L64.0658 30.2933C65.6316 28.7263 68.1529 28.7263 69.6922 30.2933C71.258 31.8603 71.258 34.3834 69.6922 35.9238L64.7558 40.8637C63.9862 41.634 62.9512 42.0323 61.9427 42.0323Z" fill="#000000"/>
+<path d="M50 36.9861C47.7972 36.9861 46.0191 35.2067 46.0191 33.0023V26.097C46.0191 23.8926 47.7972 22.1132 50 22.1132C52.2028 22.1132 53.9809 23.8926 53.9809 26.097V33.0023C53.9809 35.2067 52.2028 36.9861 50 36.9861Z" fill="#000000"/>
+<path d="M33.0149 53.9838H26.1147C23.9119 53.9838 22.1338 52.2044 22.1338 50C22.1338 47.7956 23.9119 46.0162 26.1147 46.0162H33.0149C35.2176 46.0162 36.9958 47.7956 36.9958 50C36.9958 52.2044 35.2176 53.9838 33.0149 53.9838Z" fill="#000000"/>
+<path d="M38.0573 42.0323C37.0488 42.0323 36.0138 41.634 35.2442 40.8637L30.3078 35.9238C28.742 34.3568 28.742 31.8337 30.3078 30.2933C31.8737 28.7263 34.3949 28.7263 35.9342 30.2933L40.8705 35.2333C42.4363 36.8002 42.4363 39.3233 40.8705 40.8637C40.1008 41.634 39.0658 42.0323 38.0573 42.0323Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/night.svg b/hybrid-vertical/.config/eww/images/svg/light/night.svg
new file mode 100644
index 000000000..053a6c46e
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/night.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.026 17.001c-2.762 4.784-8.879 6.423-13.663 3.661A9.965 9.965 0 0 1 3.13 17.68a.75.75 0 0 1 .365-1.132c3.767-1.348 5.785-2.91 6.956-5.146 1.232-2.353 1.551-4.93.689-8.463a.75.75 0 0 1 .769-.927 9.961 9.961 0 0 1 4.457 1.327c4.784 2.762 6.423 8.879 3.66 13.662Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/notif.svg b/hybrid-vertical/.config/eww/images/svg/light/notif.svg
new file mode 100644
index 000000000..0903c73a0
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/notif.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1.996a7.49 7.49 0 0 1 7.496 7.25l.004.25v4.097l1.38 3.156a1.25 1.25 0 0 1-1.145 1.75L15 18.502a3 3 0 0 1-5.995.177L9 18.499H4.275a1.251 1.251 0 0 1-1.147-1.747L4.5 13.594V9.496c0-4.155 3.352-7.5 7.5-7.5ZM13.5 18.5l-3 .002a1.5 1.5 0 0 0 2.993.145l.006-.147ZM12 3.496c-3.32 0-6 2.674-6 6v4.41L4.656 17h14.697L18 13.907V9.509l-.004-.225A5.988 5.988 0 0 0 12 3.496Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/notifsnooze.svg b/hybrid-vertical/.config/eww/images/svg/light/notifsnooze.svg
new file mode 100644
index 000000000..e6b23f29f
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/notifsnooze.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 3.5c-3.104 0-6 2.432-6 6.25v4.153L4.682 17h14.67l-1.354-3.093V11.75a.75.75 0 0 1 1.5 0v1.843l1.381 3.156a1.25 1.25 0 0 1-1.145 1.751H15a3.002 3.002 0 0 1-6.003 0H4.305a1.25 1.25 0 0 1-1.15-1.739l1.344-3.164V9.75C4.5 5.068 8.103 2 12 2c.86 0 1.705.15 2.5.432a.75.75 0 0 1-.502 1.413A5.964 5.964 0 0 0 12 3.5ZM12 20c.828 0 1.5-.671 1.501-1.5h-3.003c0 .829.673 1.5 1.502 1.5Z" fill="#000000"/><path d="M15.25 7h-2.5l-.101.007A.75.75 0 0 0 12.75 8.5h1.043l-1.653 2.314-.055.09A.75.75 0 0 0 12.75 12h2.5l.102-.007a.75.75 0 0 0-.102-1.493h-1.042l1.653-2.314.055-.09A.75.75 0 0 0 15.25 7ZM21.25 2h-3.5l-.101.007A.75.75 0 0 0 17.75 3.5h2.134l-2.766 4.347-.05.09A.75.75 0 0 0 17.75 9h3.5l.102-.007A.75.75 0 0 0 21.25 7.5h-2.133l2.766-4.347.05-.09A.75.75 0 0 0 21.25 2Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/open.svg b/hybrid-vertical/.config/eww/images/svg/light/open.svg
new file mode 100644
index 000000000..5b1267935
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/open.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.25 4.5A1.75 1.75 0 0 0 4.5 6.25v11.5c0 .966.783 1.75 1.75 1.75h11.5a1.75 1.75 0 0 0 1.75-1.75v-4a.75.75 0 0 1 1.5 0v4A3.25 3.25 0 0 1 17.75 21H6.25A3.25 3.25 0 0 1 3 17.75V6.25A3.25 3.25 0 0 1 6.25 3h4a.75.75 0 0 1 0 1.5h-4ZM13 3.75a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 .75.75v6.5a.75.75 0 0 1-1.5 0V5.56l-5.22 5.22a.75.75 0 0 1-1.06-1.06l5.22-5.22h-4.69a.75.75 0 0 1-.75-.75Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/power.svg b/hybrid-vertical/.config/eww/images/svg/light/power.svg
new file mode 100644
index 000000000..0d12dd7c0
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/power.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.204 4.82a.75.75 0 0 1 .634 1.36A7.51 7.51 0 0 0 4.5 12.991c0 4.148 3.358 7.51 7.499 7.51s7.499-3.362 7.499-7.51a7.51 7.51 0 0 0-4.323-6.804.75.75 0 1 1 .637-1.358 9.01 9.01 0 0 1 5.186 8.162c0 4.976-4.029 9.01-9 9.01C7.029 22 3 17.966 3 12.99a9.01 9.01 0 0 1 5.204-8.17ZM12 2.496a.75.75 0 0 1 .743.648l.007.102v7.5a.75.75 0 0 1-1.493.102l-.007-.102v-7.5a.75.75 0 0 1 .75-.75Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/protocol.svg b/hybrid-vertical/.config/eww/images/svg/light/protocol.svg
new file mode 100644
index 000000000..92fe7abe2
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/protocol.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m13.732 17.732-1.025-1.025 1.06-1.06 1.026 1.025a1 1 0 0 0 1.414 0l3.965-3.965a1 1 0 0 0 0-1.414l-3.965-3.964a1 1 0 0 0-1.414 0l-1.025 1.025-1.06-1.061 1.024-1.025a2.5 2.5 0 0 1 3.536 0l3.964 3.964a2.5 2.5 0 0 1 0 3.536l-3.964 3.964a2.5 2.5 0 0 1-3.536 0Z" fill="#000000"/><path d="m6.732 6.268-3.964 3.964a2.5 2.5 0 0 0 0 3.536l3.964 3.964a2.5 2.5 0 0 0 3.536 0l3.964-3.964a2.5 2.5 0 0 0 0-3.536l-3.964-3.964a2.5 2.5 0 0 0-3.536 0ZM3.83 11.293l3.964-3.964a1 1 0 0 1 1.414 0l3.965 3.964a1 1 0 0 1 0 1.414l-3.965 3.965a1 1 0 0 1-1.414 0l-3.964-3.965a1 1 0 0 1 0-1.414Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/radiobutton.svg b/hybrid-vertical/.config/eww/images/svg/light/radiobutton.svg
new file mode 100644
index 000000000..80513fb32
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/radiobutton.svg
@@ -0,0 +1,3 @@
+<svg height="23" width="23" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="11.5" cy="11.5" r="8.5" stroke="#000000" stroke-width="5" fill="none"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/rankings.svg b/hybrid-vertical/.config/eww/images/svg/light/rankings.svg
new file mode 100644
index 000000000..9b322c401
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/rankings.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M68.5775 44.3397C68.0998 44.3397 67.5955 44.2601 67.1178 44.0478L50 37.2802L32.8821 44.0743C30.8386 44.8705 28.5297 43.8885 27.707 41.845C26.9108 39.8015 27.8928 37.4926 29.9363 36.6698L48.5138 29.3185C49.4427 28.9469 50.5042 28.9469 51.4331 29.3185L70.0106 36.6698C72.0541 37.466 73.0626 39.8015 72.2399 41.845C71.656 43.3843 70.1698 44.3397 68.5775 44.3397Z" fill="#000000"/>
+<path d="M68.5775 57.6093C68.0998 57.6093 67.5955 57.5297 67.1178 57.3174L50 50.5499L32.8821 57.3439C30.8386 58.1401 28.5297 57.1581 27.707 55.1146C26.9108 53.0711 27.8928 50.7622 29.9363 49.9395L48.5138 42.5881C49.4427 42.2165 50.5042 42.2165 51.4331 42.5881L70.0106 49.9395C72.0541 50.7356 73.0626 53.0711 72.2399 55.1146C71.656 56.6539 70.1698 57.6093 68.5775 57.6093Z" fill="#000000"/>
+<path d="M68.5775 70.879C68.0998 70.879 67.5955 70.7993 67.1178 70.587L50 63.8195L32.8821 70.6136C30.8386 71.4098 28.5297 70.4278 27.707 68.3843C26.9108 66.3408 27.8928 64.0318 29.9363 63.2091L48.5138 55.8577C49.4427 55.4862 50.5042 55.4862 51.4331 55.8577L70.0106 63.2091C72.0541 64.0053 73.0626 66.3408 72.2399 68.3843C71.656 69.9236 70.1698 70.879 68.5775 70.879Z" fill="#000000"/>
+<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/reset.svg b/hybrid-vertical/.config/eww/images/svg/light/reset.svg
new file mode 100644
index 000000000..c9cdbcd84
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/reset.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.78 2.72a.75.75 0 0 1 0 1.06L4.56 6h8.69a7.75 7.75 0 1 1-7.75 7.75.75.75 0 0 1 1.5 0 6.25 6.25 0 1 0 6.25-6.25H4.56l2.22 2.22a.75.75 0 1 1-1.06 1.06l-3.5-3.5a.75.75 0 0 1 0-1.06l3.5-3.5a.75.75 0 0 1 1.06 0Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/rightarrow.svg b/hybrid-vertical/.config/eww/images/svg/light/rightarrow.svg
new file mode 100644
index 000000000..4bfb1349b
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/rightarrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.47 4.22a.75.75 0 0 0 0 1.06L15.19 12l-6.72 6.72a.75.75 0 1 0 1.06 1.06l7.25-7.25a.75.75 0 0 0 0-1.06L9.53 4.22a.75.75 0 0 0-1.06 0Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/root.svg b/hybrid-vertical/.config/eww/images/svg/light/root.svg
new file mode 100644
index 000000000..2dedab277
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/root.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.744 1.996a2.25 2.25 0 0 1 2.245 2.096l.005.154v15.498A2.25 2.25 0 0 1 17.9 21.99l-.155.005h-11.5A2.25 2.25 0 0 1 4 19.898l-.005-.154V4.246A2.25 2.25 0 0 1 6.09 2.001l.154-.005h11.5Zm0 1.5h-11.5a.75.75 0 0 0-.743.648l-.006.102v15.498c0 .38.282.694.648.743l.102.007h11.5a.75.75 0 0 0 .743-.648l.006-.102V4.246a.75.75 0 0 0-.648-.743l-.102-.007Z" fill="#000000"/><path d="M13.019 16.02a.75.75 0 0 1-.624-.859l.105-.66h-1.482l-.141.895a.75.75 0 1 1-1.482-.235l.105-.66h-.75a.75.75 0 0 1 0-1.5h.987l.238-1.5H9.25a.75.75 0 0 1 0-1.5h.962l.2-1.26a.75.75 0 1 1 1.481.235L11.731 10h1.481l.2-1.259a.75.75 0 1 1 1.481.235L14.731 10h.519a.75.75 0 0 1 0 1.5h-.757l-.237 1.5h.494a.75.75 0 0 1 0 1.5h-.732l-.141.896a.75.75 0 0 1-.858.623Zm-1.526-4.52-.237 1.5h1.481l.238-1.5h-1.482Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/search-fluent.svg b/hybrid-vertical/.config/eww/images/svg/light/search-fluent.svg
new file mode 100644
index 000000000..bbcd5f5b4
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/search-fluent.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10 2.75a7.25 7.25 0 0 1 5.63 11.819l4.9 4.9a.75.75 0 0 1-.976 1.134l-.084-.073-4.901-4.9A7.25 7.25 0 1 1 10 2.75Zm0 1.5a5.75 5.75 0 1 0 0 11.5 5.75 5.75 0 0 0 0-11.5Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/search.svg b/hybrid-vertical/.config/eww/images/svg/light/search.svg
new file mode 100644
index 000000000..cf0ea4678
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/search.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0481 9.31178C70.2498 9.31178 75.08 12.1005 77.6808 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6808 83.3845C75.08 87.8995 70.2498 90.6882 65.0481 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27214 57.3037C4.67129 52.7887 4.67129 47.2113 7.27214 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0481ZM65.0481 4H34.9526C27.8401 4 21.2583 7.79792 17.7021 13.9596L2.6543 40.0404C-0.90196 46.2021 -0.90196 53.7979 2.6543 59.9596L17.7021 86.0404C21.2583 92.2021 27.8401 96 34.9526 96H65.0481C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3464 59.9596C100.903 53.7979 100.903 46.2021 97.3464 40.0404L82.2721 13.9596C78.7424 7.79792 72.1607 4 65.0481 4Z" fill="#000000"/>
+<path d="M67.0382 71.0612C66.0297 71.0612 64.9947 70.6628 64.225 69.8926L54.2728 59.933C52.707 58.3661 52.707 55.843 54.2728 54.3025C55.8386 52.7356 58.3599 52.7356 59.8991 54.3025L69.8514 64.2621C71.4172 65.8291 71.4172 68.3522 69.8514 69.8926C69.0817 70.6628 68.0732 71.0612 67.0382 71.0612Z" fill="#000000"/>
+<path d="M46.2049 63.4919C36.7038 63.4919 28.9544 55.7367 28.9544 46.2286C28.9544 36.7206 36.7038 28.9654 46.2049 28.9654C55.706 28.9654 63.4554 36.7206 63.4554 46.2286C63.4554 55.7367 55.7325 63.4919 46.2049 63.4919ZM46.2049 36.933C41.0828 36.933 36.9162 41.1028 36.9162 46.2286C36.9162 51.3545 41.0828 55.5243 46.2049 55.5243C51.327 55.5243 55.4937 51.3545 55.4937 46.2286C55.4937 41.1028 51.327 36.933 46.2049 36.933Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/settings.svg b/hybrid-vertical/.config/eww/images/svg/light/settings.svg
new file mode 100644
index 000000000..c8e51e41e
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/settings.svg
@@ -0,0 +1,23 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.31178C70.2493 9.31178 75.0795 12.1005 77.6803 16.6155L92.7281 42.6963C95.329 47.2113 95.329 52.7887 92.7281 57.3037L77.6803 83.3845C75.0795 87.8995 70.2493 90.6882 65.0476 90.6882H34.9521C29.7504 90.6882 24.9203 87.8995 22.3194 83.3845L7.27163 57.3037C4.67078 52.7887 4.67078 47.2113 7.27163 42.6963L22.3194 16.6155C24.9203 12.1005 29.7504 9.31178 34.9521 9.31178H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.79792 17.7016 13.9596L2.6538 40.0404C-0.902467 46.2021 -0.902467 53.7979 2.6538 59.9596L17.7016 86.0404C21.2578 92.2021 27.8396 96 34.9521 96H65.0476C72.1602 96 78.7419 92.2021 82.2982 86.0404L97.3459 59.9596C100.902 53.7979 100.902 46.2021 97.3459 40.0404L82.2716 13.9596C78.7419 7.79792 72.1602 4 65.0476 4Z" fill="#000000"/>
+<path d="M50 72.0704C37.9246 72.0704 28.1051 62.2436 28.1051 50.1593C28.1051 38.0751 37.9246 28.2483 50 28.2483C62.0754 28.2483 71.8949 38.0751 71.8949 50.1593C71.8949 62.2436 62.0754 72.0704 50 72.0704ZM50 36.2159C42.3036 36.2159 36.0669 42.4838 36.0669 50.1593C36.0669 57.8349 42.3302 64.1028 50 64.1028C57.6699 64.1028 63.9331 57.8349 63.9331 50.1593C63.9331 42.4838 57.6699 36.2159 50 36.2159Z" fill="#000000"/>
+<path d="M50 35.8441C47.7972 35.8441 46.0191 34.0647 46.0191 31.8603V28.4873C46.0191 26.2829 47.7972 24.5035 50 24.5035C52.2028 24.5035 53.9809 26.2829 53.9809 28.4873V31.8603C53.9809 34.0647 52.2028 35.8441 50 35.8441Z" fill="#000000"/>
+<path d="M58.9968 38.5531C58.2537 38.5531 57.5106 38.3407 56.8206 37.9157C54.9894 36.7206 54.4586 34.2506 55.6529 32.418L57.6699 29.3106C58.8641 27.4781 61.3323 26.9469 63.1635 28.142C64.9947 29.3372 65.5255 31.8072 64.3312 33.6397L62.3142 36.7471C61.5711 37.9157 60.2973 38.5531 58.9968 38.5531Z" fill="#000000"/>
+<path d="M65.7378 45.5116C64.3843 45.5116 63.0839 44.821 62.3408 43.5993C61.1996 41.7136 61.81 39.2702 63.6943 38.1282L67.0382 36.1097C68.9225 34.9677 71.3641 35.5785 72.5053 37.4642C73.6465 39.3499 73.0361 41.7933 71.1518 42.9353L67.8079 44.9538C67.1444 45.3256 66.4278 45.5116 65.7378 45.5116Z" fill="#000000"/>
+<path d="M32.0064 54.515H27.9724C25.7696 54.515 23.9915 52.7356 23.9915 50.5312C23.9915 48.3268 25.7696 46.5473 27.9724 46.5473H32.0064C34.2091 46.5473 35.9873 48.3268 35.9873 50.5312C35.9873 52.7356 34.2091 54.515 32.0064 54.515Z" fill="#000000"/>
+<path d="M69.0817 65.537C68.3917 65.537 67.7017 65.3511 67.0648 64.9792L63.2696 62.7217C61.3854 61.6062 60.7484 59.1628 61.8631 57.2506C62.9777 55.3649 65.4193 54.7275 67.3302 55.843L71.1253 58.1005C73.0096 59.2159 73.6465 61.6594 72.5319 63.5716C71.7622 64.8464 70.4353 65.537 69.0817 65.537Z" fill="#000000"/>
+<path d="M34.2622 45.5116C33.5722 45.5116 32.8556 45.3257 32.1921 44.9273L28.8482 42.9088C26.9639 41.7668 26.3535 39.3233 27.4947 37.4377C28.6359 35.552 31.0775 34.9411 32.9618 36.0832L36.3057 38.1016C38.19 39.2437 38.8004 41.6871 37.6592 43.5728C36.9161 44.8476 35.6157 45.5116 34.2622 45.5116Z" fill="#000000"/>
+<path d="M40.7909 38.7656C39.3843 38.7656 38.0043 37.9954 37.2877 36.6675L35.483 33.321C34.448 31.3822 35.1646 28.9654 37.1019 27.9296C39.0393 26.8938 41.4544 27.6109 42.4894 29.5497L44.2941 32.8961C45.3291 34.8349 44.6125 37.2517 42.6752 38.2875C42.0648 38.6063 41.4278 38.7656 40.7909 38.7656Z" fill="#000000"/>
+<path d="M72.0276 54.515H67.9936C65.7909 54.515 64.0127 52.7356 64.0127 50.5312C64.0127 48.3268 65.7909 46.5473 67.9936 46.5473H72.0276C74.2303 46.5473 76.0085 48.3268 76.0085 50.5312C76.0085 52.7356 74.2303 54.515 72.0276 54.515Z" fill="#000000"/>
+<path d="M61.0138 73.6109C59.6603 73.6109 58.3333 72.9203 57.5902 71.6455L55.3344 67.8476C54.2198 65.9619 54.8302 63.5185 56.741 62.3765C58.6253 61.261 61.0669 61.8718 62.2081 63.7841L64.4639 67.582C65.5786 69.4677 64.9682 71.9111 63.0573 73.0531C62.3938 73.425 61.7038 73.6109 61.0138 73.6109Z" fill="#000000"/>
+<path d="M50 76.5589C47.7972 76.5589 46.0191 74.7795 46.0191 72.5751V68.0866C46.0191 65.8822 47.7972 64.1028 50 64.1028C52.2028 64.1028 53.9809 65.8822 53.9809 68.0866V72.5751C53.9809 74.7795 52.2028 76.5589 50 76.5589Z" fill="#000000"/>
+<path d="M30.9183 65.537C29.5648 65.537 28.2643 64.8464 27.5212 63.6247C26.3801 61.739 26.9905 59.2956 28.8747 58.1536L32.2187 56.1351C34.103 54.9931 36.5446 55.6039 37.6858 57.4896C38.827 59.3753 38.2166 61.8187 36.3323 62.9607L32.9883 64.9792C32.3514 65.351 31.6348 65.537 30.9183 65.537Z" fill="#000000"/>
+<path d="M38.9862 73.6108C38.2962 73.6108 37.6062 73.4249 36.9692 73.0531C35.0849 71.9376 34.448 69.4942 35.5626 67.582L37.8185 63.7841C38.9331 61.8984 41.3747 61.261 43.2856 62.3764C45.1699 63.4919 45.8068 65.9353 44.6921 67.8476L42.4363 71.6455C41.6667 72.9203 40.3397 73.6108 38.9862 73.6108Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/store.svg b/hybrid-vertical/.config/eww/images/svg/light/store.svg
new file mode 100644
index 000000000..0e8b78cec
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/store.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0479 9.31178C70.2496 9.31178 75.0797 12.1005 77.6806 16.6155L92.7283 42.6963C95.3292 47.2113 95.3292 52.7887 92.7283 57.3037L77.6806 83.3845C75.0797 87.8995 70.2496 90.6882 65.0479 90.6882H34.9523C29.7506 90.6882 24.9205 87.8995 22.3196 83.3845L7.27184 57.3037C4.67099 52.7887 4.67099 47.2113 7.27184 42.6963L22.3196 16.6155C24.9205 12.1005 29.7506 9.31178 34.9523 9.31178H65.0479ZM65.0479 4H34.9523C27.8398 4 21.258 7.79792 17.7018 13.9596L2.65401 40.0404C-0.902257 46.2021 -0.902257 53.7979 2.65401 59.9596L17.7018 86.0404C21.258 92.2021 27.8398 96 34.9523 96H65.0479C72.1604 96 78.7421 92.2021 82.2984 86.0404L97.3462 59.9596C100.902 53.7979 100.902 46.2021 97.3462 40.0404L82.2719 13.9596C78.7421 7.79792 72.1604 4 65.0479 4Z" fill="#000000"/>
+<path d="M69.3737 62.5889H35.828C33.6253 62.5889 31.8471 60.8095 31.8471 58.6051V36.8799L26.1412 31.7009C24.5223 30.2136 24.3896 27.7171 25.8758 26.0704C27.362 24.4503 29.8567 24.3175 31.5021 25.8048L38.5085 32.1524C39.3312 32.8961 39.8089 33.985 39.8089 35.1005V54.6212H65.3928V43.1478L49.2038 40.97C47.0276 40.6778 45.4883 38.6593 45.7803 36.4815C46.0722 34.3037 48.0626 32.7633 50.2654 33.0554L69.9045 35.6847C71.8684 35.9503 73.3546 37.6501 73.3546 39.642V58.5785C73.3546 60.8095 71.5764 62.5889 69.3737 62.5889Z" fill="#000000"/>
+<path d="M65.1274 75.2309C67.326 75.2309 69.1083 73.4473 69.1083 71.2471C69.1083 69.0469 67.326 67.2633 65.1274 67.2633C62.9288 67.2633 61.1465 69.0469 61.1465 71.2471C61.1465 73.4473 62.9288 75.2309 65.1274 75.2309Z" fill="#000000"/>
+<path d="M39.1189 75.2309C41.3175 75.2309 43.0998 73.4473 43.0998 71.2471C43.0998 69.0469 41.3175 67.2633 39.1189 67.2633C36.9203 67.2633 35.138 69.0469 35.138 71.2471C35.138 73.4473 36.9203 75.2309 39.1189 75.2309Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/tournaments.svg b/hybrid-vertical/.config/eww/images/svg/light/tournaments.svg
new file mode 100644
index 000000000..cc0e1a95f
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/tournaments.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="#000000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.3119 52.4749C24.9451 51.108 24.9451 48.892 26.3119 47.5251L47.5251 26.3119C48.8919 24.9451 51.108 24.9451 52.4749 26.3119L73.6881 47.5251C75.0549 48.892 75.0549 51.108 73.6881 52.4749L52.4749 73.6881C51.108 75.0549 48.8919 75.0549 47.5251 73.6881L26.3119 52.4749ZM33.7365 50L50 66.2635L66.2634 50L50 33.7365L33.7365 50Z" fill="#000000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.5251 27.5251C28.892 26.1583 31.108 26.1583 32.4749 27.5251L72.4749 67.5251C73.8417 68.892 73.8417 71.108 72.4749 72.4749C71.108 73.8417 68.892 73.8417 67.5251 72.4749L27.5251 32.4749C26.1583 31.108 26.1583 28.892 27.5251 27.5251Z" fill="#000000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M72.4749 27.5251C73.8417 28.892 73.8417 31.108 72.4749 32.4749L32.4749 72.4749C31.108 73.8417 28.892 73.8417 27.5251 72.4749C26.1583 71.108 26.1583 68.892 27.5251 67.5251L67.5251 27.5251C68.892 26.1583 71.108 26.1583 72.4749 27.5251Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/uparrow.svg b/hybrid-vertical/.config/eww/images/svg/light/uparrow.svg
new file mode 100644
index 000000000..f27adb950
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/uparrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.293 15.707a1 1 0 0 0 1.414 0L12 9.414l6.293 6.293a1 1 0 0 0 1.414-1.414l-7-7a1 1 0 0 0-1.414 0l-7 7a1 1 0 0 0 0 1.414Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/user.svg b/hybrid-vertical/.config/eww/images/svg/light/user.svg
new file mode 100644
index 000000000..ee072b7b9
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/user.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.754 14a2.249 2.249 0 0 1 2.25 2.249v.918a2.75 2.75 0 0 1-.513 1.599C17.945 20.929 15.42 22 12 22c-3.422 0-5.945-1.072-7.487-3.237a2.75 2.75 0 0 1-.51-1.595v-.92a2.249 2.249 0 0 1 2.249-2.25h11.501ZM12 2.004a5 5 0 1 1 0 10 5 5 0 0 1 0-10Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/vol0.svg b/hybrid-vertical/.config/eww/images/svg/light/vol0.svg
new file mode 100644
index 000000000..2f724a3d5
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/vol0.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.704 3.441c.191.226.296.512.296.808V19.75a1.25 1.25 0 0 1-2.058.954l-4.967-4.206H4.25A2.25 2.25 0 0 1 2 14.248v-4.5a2.25 2.25 0 0 1 2.25-2.25h3.725l4.968-4.204a1.25 1.25 0 0 1 1.761.147ZM13.5 4.788l-4.975 4.21H4.25a.75.75 0 0 0-.75.75v4.5c0 .415.336.75.75.75h4.275l4.975 4.213V4.788Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/vol1.svg b/hybrid-vertical/.config/eww/images/svg/light/vol1.svg
new file mode 100644
index 000000000..43938e063
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/vol1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.704 3.442c.191.226.296.512.296.808v15.502a1.25 1.25 0 0 1-2.058.954L7.975 16.5H4.25A2.25 2.25 0 0 1 2 14.25v-4.5A2.25 2.25 0 0 1 4.25 7.5h3.725l4.968-4.204a1.25 1.25 0 0 1 1.761.147ZM13.5 4.79 8.525 9H4.25a.75.75 0 0 0-.75.75v4.5c0 .415.336.75.75.75h4.275l4.975 4.213V4.79Zm3.604 3.851a.75.75 0 0 1 1.03.25c.574.94.862 1.992.862 3.14 0 1.149-.288 2.201-.862 3.141a.75.75 0 1 1-1.28-.781c.428-.702.642-1.483.642-2.36 0-.876-.214-1.657-.642-2.359a.75.75 0 0 1 .25-1.03Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/vol2.svg b/hybrid-vertical/.config/eww/images/svg/light/vol2.svg
new file mode 100644
index 000000000..0e1ae1921
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/vol2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 4.25c0-1.079-1.274-1.65-2.08-.934L8.427 7.309a.75.75 0 0 1-.498.19H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V4.25ZM9.425 8.43 13.5 4.807v14.382l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.68a2.25 2.25 0 0 0 1.495-.569ZM18.992 5.897a.75.75 0 0 1 1.049.157A9.959 9.959 0 0 1 22 12a9.96 9.96 0 0 1-1.96 5.946.75.75 0 0 1-1.205-.892A8.459 8.459 0 0 0 20.5 12a8.459 8.459 0 0 0-1.665-5.054.75.75 0 0 1 .157-1.049Z" fill="#000000"/><path d="M17.143 8.37a.75.75 0 0 1 1.017.302c.536.99.84 2.125.84 3.328a6.973 6.973 0 0 1-.84 3.328.75.75 0 0 1-1.32-.714c.42-.777.66-1.666.66-2.614s-.24-1.837-.66-2.614a.75.75 0 0 1 .303-1.017Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/vol3.svg b/hybrid-vertical/.config/eww/images/svg/light/vol3.svg
new file mode 100644
index 000000000..0e1ae1921
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/vol3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 4.25c0-1.079-1.274-1.65-2.08-.934L8.427 7.309a.75.75 0 0 1-.498.19H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V4.25ZM9.425 8.43 13.5 4.807v14.382l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.68a2.25 2.25 0 0 0 1.495-.569ZM18.992 5.897a.75.75 0 0 1 1.049.157A9.959 9.959 0 0 1 22 12a9.96 9.96 0 0 1-1.96 5.946.75.75 0 0 1-1.205-.892A8.459 8.459 0 0 0 20.5 12a8.459 8.459 0 0 0-1.665-5.054.75.75 0 0 1 .157-1.049Z" fill="#000000"/><path d="M17.143 8.37a.75.75 0 0 1 1.017.302c.536.99.84 2.125.84 3.328a6.973 6.973 0 0 1-.84 3.328.75.75 0 0 1-1.32-.714c.42-.777.66-1.666.66-2.614s-.24-1.837-.66-2.614a.75.75 0 0 1 .303-1.017Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/volmute.svg b/hybrid-vertical/.config/eww/images/svg/light/volmute.svg
new file mode 100644
index 000000000..ac61db6f5
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/volmute.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.28 2.22a.75.75 0 1 0-1.06 1.06L6.438 7.5H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V16.06l5.72 5.72a.75.75 0 0 0 1.06-1.061L3.28 2.22ZM13.5 14.56v4.629l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.688L13.5 14.56ZM13.5 4.807v5.511l1.5 1.5V4.25c0-1.079-1.274-1.65-2.08-.934l-3.4 3.022 1.063 1.063L13.5 4.807ZM17.141 13.96l1.138 1.137A6.974 6.974 0 0 0 19 12a6.973 6.973 0 0 0-.84-3.328.75.75 0 0 0-1.32.714c.42.777.66 1.666.66 2.614 0 .691-.127 1.351-.359 1.96ZM19.388 16.206l1.093 1.094A9.955 9.955 0 0 0 22 12a9.959 9.959 0 0 0-1.96-5.946.75.75 0 0 0-1.205.892A8.46 8.46 0 0 1 20.5 12a8.458 8.458 0 0 1-1.112 4.206Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/wifi.svg b/hybrid-vertical/.config/eww/images/svg/light/wifi.svg
new file mode 100644
index 000000000..1ad75251f
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/wifi.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m12.858 14.273 7.434 7.434a1 1 0 0 0 1.414-1.414l-17.999-18a1 1 0 1 0-1.414 1.414L5.39 6.804c-.643.429-1.254.927-1.821 1.495a12.382 12.382 0 0 0-1.39 1.683 1 1 0 0 0 1.644 1.14c.363-.524.761-1.01 1.16-1.41a9.94 9.94 0 0 1 1.855-1.46L7.99 9.405a8.14 8.14 0 0 0-3.203 3.377 1 1 0 0 0 1.784.903 6.08 6.08 0 0 1 1.133-1.563 6.116 6.116 0 0 1 1.77-1.234l1.407 1.407A5.208 5.208 0 0 0 8.336 13.7a5.25 5.25 0 0 0-1.09 1.612 1 1 0 0 0 1.832.802c.167-.381.394-.722.672-1a3.23 3.23 0 0 1 3.108-.841Zm-1.332-5.93 2.228 2.229a6.1 6.1 0 0 1 2.616 1.55c.444.444.837.995 1.137 1.582a1 1 0 1 0 1.78-.911 8.353 8.353 0 0 0-1.503-2.085 8.108 8.108 0 0 0-6.258-2.365ZM8.51 5.327l1.651 1.651a9.904 9.904 0 0 1 10.016 4.148 1 1 0 1 0 1.646-1.136A11.912 11.912 0 0 0 8.51 5.327Zm4.552 11.114a1.501 1.501 0 1 1-2.123 2.123 1.501 1.501 0 0 1 2.123-2.123Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/wifi1.svg b/hybrid-vertical/.config/eww/images/svg/light/wifi1.svg
new file mode 100644
index 000000000..875b72537
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/wifi1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.96 18.568a1.501 1.501 0 1 0 2.122-2.123 1.501 1.501 0 0 0-2.123 2.123Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/wifi2.svg b/hybrid-vertical/.config/eww/images/svg/light/wifi2.svg
new file mode 100644
index 000000000..b5650c541
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/wifi2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.938 16.446a1.501 1.501 0 1 1 2.123 2.123 1.501 1.501 0 0 1-2.123-2.123Zm-2.603-2.742a5.233 5.233 0 0 1 7.4 0c.46.461.838 1.025 1.101 1.625a1 1 0 0 1-1.832.803 3.356 3.356 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.255 3.255 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.613Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/wifi3.svg b/hybrid-vertical/.config/eww/images/svg/light/wifi3.svg
new file mode 100644
index 000000000..72b566f01
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/wifi3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.96 16.44a1.501 1.501 0 1 1 2.122 2.122 1.501 1.501 0 0 1-2.123-2.122Zm-2.604-2.742a5.233 5.233 0 0 1 7.4 0c.46.461.838 1.025 1.101 1.625a1 1 0 1 1-1.832.803 3.358 3.358 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.254 3.254 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.613ZM6.31 10.707a8.128 8.128 0 0 1 11.495 0 8.353 8.353 0 0 1 1.503 2.085 1 1 0 0 1-1.78.91 6.357 6.357 0 0 0-1.137-1.581 6.128 6.128 0 0 0-9.8 1.562 1 1 0 1 1-1.785-.902 8.08 8.08 0 0 1 1.504-2.074Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/wifi4.svg b/hybrid-vertical/.config/eww/images/svg/light/wifi4.svg
new file mode 100644
index 000000000..792fd532e
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/wifi4.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.784 10.708a8.35 8.35 0 0 1 1.504 2.085 1 1 0 0 1-1.781.91 6.353 6.353 0 0 0-1.137-1.58 6.128 6.128 0 0 0-9.8 1.562 1 1 0 0 1-1.784-.903 8.128 8.128 0 0 1 12.998-2.074ZM15.735 13.7c.46.46.838 1.024 1.101 1.624a1 1 0 1 1-1.832.803 3.36 3.36 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.257 3.257 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.612 5.233 5.233 0 0 1 7.4 0Zm4.684-5.401c.508.508.987 1.087 1.404 1.691a1 1 0 0 1-1.646 1.136c-.35-.506-.752-.993-1.172-1.413-3.872-3.872-10.15-3.872-14.023 0-.4.399-.797.886-1.16 1.41a1 1 0 0 1-1.644-1.14c.428-.618.9-1.195 1.39-1.684 4.653-4.654 12.198-4.654 16.851 0Zm-7.358 8.142a1.501 1.501 0 1 1-2.122 2.123 1.501 1.501 0 0 1 2.122-2.123Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/light/wiki.svg b/hybrid-vertical/.config/eww/images/svg/light/wiki.svg
new file mode 100644
index 000000000..1eb3de640
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/light/wiki.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0482 9.31178C70.2499 9.31178 75.08 12.1005 77.6809 16.6155L92.7287 42.6963C95.3295 47.2113 95.3295 52.7887 92.7287 57.3037L77.6809 83.3845C75.08 87.8995 70.2499 90.6882 65.0482 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27217 57.3037C4.67132 52.7887 4.67132 47.2113 7.27217 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0482ZM65.0482 4H34.9526C27.8401 4 21.2584 7.79792 17.7021 13.9596L2.65433 40.0404C-0.901929 46.2021 -0.901929 53.7979 2.65433 59.9596L17.7021 86.0404C21.2584 92.2021 27.8401 96 34.9526 96H65.0482C72.1607 96 78.7425 92.2021 82.2987 86.0404L97.3465 59.9596C100.903 53.7979 100.903 46.2021 97.3465 40.0404L82.2722 13.9596C78.7424 7.79792 72.1607 4 65.0482 4Z" fill="#000000"/>
+<path d="M50 48.3799C44.1348 48.3799 39.3843 43.6259 39.3843 37.7563C39.3843 31.8868 44.1348 27.1328 50 27.1328C55.8652 27.1328 60.6157 31.8868 60.6157 37.7563C60.6157 43.6259 55.8652 48.3799 50 48.3799ZM50 35.1005C48.5403 35.1005 47.3461 36.2956 47.3461 37.7563C47.3461 39.2171 48.5403 40.4122 50 40.4122C51.4596 40.4122 52.6539 39.2171 52.6539 37.7563C52.6539 36.2956 51.4596 35.1005 50 35.1005Z" fill="#000000"/>
+<path d="M38.7208 72.8672C37.7123 72.8672 36.6773 72.4688 35.9076 71.6986L24.7611 60.5439C23.1953 58.9769 23.1953 56.4538 24.7611 54.9134C26.327 53.3464 28.8482 53.3464 30.3875 54.9134L38.7208 63.2529L47.0807 54.8868C48.6465 53.3198 51.1677 53.3198 52.707 54.8868L61.0138 63.1997L69.4267 54.7806C70.9925 53.2136 73.5138 53.2136 75.053 54.7806C76.6189 56.3476 76.6189 58.8706 75.053 60.4111L63.8004 71.672C62.2346 73.239 59.7134 73.239 58.1741 71.672L49.8673 63.3591L41.5074 71.7251C40.7643 72.4688 39.7558 72.8672 38.7208 72.8672Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/linehorizontal.svg b/hybrid-vertical/.config/eww/images/svg/linehorizontal.svg
new file mode 100644
index 000000000..c6750fc04
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/linehorizontal.svg
@@ -0,0 +1,3 @@
+<svg height="3" width="75">
+  <line x1="1.5" y1="1.5" x2="73.5" y2="1.5" stroke="#d7e2ff" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/linetransparent.svg b/hybrid-vertical/.config/eww/images/svg/linetransparent.svg
new file mode 100644
index 000000000..9be840a61
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/linetransparent.svg
@@ -0,0 +1,3 @@
+<svg height="26.5" width="3">
+  <line x1="1.5" y1="1.5" x2="1.5" y2="25" stroke="transparent" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/linevertical.svg b/hybrid-vertical/.config/eww/images/svg/linevertical.svg
new file mode 100644
index 000000000..705cbf429
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/linevertical.svg
@@ -0,0 +1,3 @@
+<svg height="26.5" width="3">
+  <line x1="1.5" y1="1.5" x2="1.5" y2="25" stroke="#d7e2ff" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/moon.svg b/hybrid-vertical/.config/eww/images/svg/moon.svg
new file mode 100644
index 000000000..b4c745e06
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/moon.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.026 17.001c-2.762 4.784-8.879 6.423-13.663 3.661a9.964 9.964 0 0 1-3.234-2.983.75.75 0 0 1 .365-1.131c3.767-1.348 5.785-2.911 6.956-5.146 1.232-2.353 1.551-4.93.689-8.464a.75.75 0 0 1 .769-.926 9.961 9.961 0 0 1 4.457 1.327C21.149 6.1 22.788 12.217 20.025 17Zm-8.248-4.903c-1.25 2.388-3.31 4.099-6.817 5.499a8.492 8.492 0 0 0 2.152 1.766 8.501 8.501 0 1 0 8.502-14.725 8.485 8.485 0 0 0-2.792-1.016c.647 3.384.23 6.044-1.045 8.476Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/news.svg b/hybrid-vertical/.config/eww/images/svg/news.svg
new file mode 100644
index 000000000..a303d6969
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/news.svg
@@ -0,0 +1,18 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0468 9.31178C70.2485 9.31178 75.0786 12.1005 77.6795 16.6155L92.7272 42.6963C95.3281 47.2113 95.3281 52.7887 92.7272 57.3037L77.6795 83.3845C75.0786 87.8995 70.2485 90.6882 65.0468 90.6882H34.9512C29.7495 90.6882 24.9194 87.8995 22.3185 83.3845L7.27075 57.3037C4.6699 52.7887 4.6699 47.2113 7.27075 42.6963L22.3185 16.6155C24.9194 12.1005 29.7495 9.31178 34.9512 9.31178H65.0468ZM65.0468 4H34.9512C27.8387 4 21.2569 7.79792 17.7007 13.9596L2.65292 40.0404C-0.903348 46.2021 -0.903348 53.7979 2.65292 59.9596L17.7007 86.0404C21.2569 92.2021 27.8387 96 34.9512 96H65.0468C72.1593 96 78.741 92.2021 82.2973 86.0404L97.3451 59.9596C100.901 53.7979 100.901 46.2021 97.3451 40.0404L82.2707 13.9596C78.741 7.79792 72.1593 4 65.0468 4Z" fill="#d7e2ff"/>
+<path d="M73.8854 53.9838H66.9851C64.7824 53.9838 63.0042 52.2044 63.0042 50C63.0042 47.7956 64.7824 46.0162 66.9851 46.0162H73.8854C76.0881 46.0162 77.8663 47.7956 77.8663 50C77.8663 52.2044 76.0881 53.9838 73.8854 53.9838Z" fill="#d7e2ff"/>
+<path d="M50 77.8868C47.7972 77.8868 46.0191 76.1074 46.0191 73.903V66.9977C46.0191 64.7933 47.7972 63.0139 50 63.0139C52.2028 63.0139 53.9809 64.7933 53.9809 66.9977V73.903C53.9809 76.1074 52.2028 77.8868 50 77.8868Z" fill="#d7e2ff"/>
+<path d="M66.879 70.8753C65.8705 70.8753 64.8355 70.4769 64.0658 69.7067L59.1295 64.7667C57.5637 63.1998 57.5637 60.6767 59.1295 59.1363C60.6953 57.5693 63.2166 57.5693 64.7558 59.1363L69.6922 64.0762C71.258 65.6432 71.258 68.1663 69.6922 69.7067C68.9225 70.5035 67.914 70.8753 66.879 70.8753Z" fill="#d7e2ff"/>
+<path d="M33.121 70.8753C32.1125 70.8753 31.0775 70.4769 30.3078 69.7067C28.742 68.1397 28.742 65.6166 30.3078 64.0762L35.2442 59.1363C36.81 57.5693 39.3312 57.5693 40.8705 59.1363C42.4363 60.7032 42.4363 63.2263 40.8705 64.7667L35.9342 69.7067C35.138 70.5035 34.1295 70.8753 33.121 70.8753Z" fill="#d7e2ff"/>
+<path d="M61.9427 42.0323C60.9342 42.0323 59.8992 41.634 59.1295 40.8637C57.5637 39.2968 57.5637 36.7737 59.1295 35.2333L64.0658 30.2933C65.6316 28.7263 68.1529 28.7263 69.6922 30.2933C71.258 31.8603 71.258 34.3834 69.6922 35.9238L64.7558 40.8637C63.9862 41.634 62.9512 42.0323 61.9427 42.0323Z" fill="#d7e2ff"/>
+<path d="M50 36.9861C47.7972 36.9861 46.0191 35.2067 46.0191 33.0023V26.097C46.0191 23.8926 47.7972 22.1132 50 22.1132C52.2028 22.1132 53.9809 23.8926 53.9809 26.097V33.0023C53.9809 35.2067 52.2028 36.9861 50 36.9861Z" fill="#d7e2ff"/>
+<path d="M33.0149 53.9838H26.1147C23.9119 53.9838 22.1338 52.2044 22.1338 50C22.1338 47.7956 23.9119 46.0162 26.1147 46.0162H33.0149C35.2176 46.0162 36.9958 47.7956 36.9958 50C36.9958 52.2044 35.2176 53.9838 33.0149 53.9838Z" fill="#d7e2ff"/>
+<path d="M38.0573 42.0323C37.0488 42.0323 36.0138 41.634 35.2442 40.8637L30.3078 35.9238C28.742 34.3568 28.742 31.8337 30.3078 30.2933C31.8737 28.7263 34.3949 28.7263 35.9342 30.2933L40.8705 35.2333C42.4363 36.8002 42.4363 39.3233 40.8705 40.8637C40.1008 41.634 39.0658 42.0323 38.0573 42.0323Z" fill="#d7e2ff"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#d7e2ff" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/night.svg b/hybrid-vertical/.config/eww/images/svg/night.svg
new file mode 100644
index 000000000..183124a11
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/night.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.026 17.001c-2.762 4.784-8.879 6.423-13.663 3.661A9.965 9.965 0 0 1 3.13 17.68a.75.75 0 0 1 .365-1.132c3.767-1.348 5.785-2.91 6.956-5.146 1.232-2.353 1.551-4.93.689-8.463a.75.75 0 0 1 .769-.927 9.961 9.961 0 0 1 4.457 1.327c4.784 2.762 6.423 8.879 3.66 13.662Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/notif-snooze.svg b/hybrid-vertical/.config/eww/images/svg/notif-snooze.svg
new file mode 100644
index 000000000..e72c0282c
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/notif-snooze.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 3.5c-3.104 0-6 2.432-6 6.25v4.153L4.682 17h14.67l-1.354-3.093V11.75a.75.75 0 0 1 1.5 0v1.843l1.381 3.156a1.25 1.25 0 0 1-1.145 1.751H15a3.002 3.002 0 0 1-6.003 0H4.305a1.25 1.25 0 0 1-1.15-1.739l1.344-3.164V9.75C4.5 5.068 8.103 2 12 2c.86 0 1.705.15 2.5.432a.75.75 0 0 1-.502 1.413A5.964 5.964 0 0 0 12 3.5ZM12 20c.828 0 1.5-.671 1.501-1.5h-3.003c0 .829.673 1.5 1.502 1.5Z" fill="#fff"/><path d="M15.25 7h-2.5l-.101.007A.75.75 0 0 0 12.75 8.5h1.043l-1.653 2.314-.055.09A.75.75 0 0 0 12.75 12h2.5l.102-.007a.75.75 0 0 0-.102-1.493h-1.042l1.653-2.314.055-.09A.75.75 0 0 0 15.25 7ZM21.25 2h-3.5l-.101.007A.75.75 0 0 0 17.75 3.5h2.134l-2.766 4.347-.05.09A.75.75 0 0 0 17.75 9h3.5l.102-.007A.75.75 0 0 0 21.25 7.5h-2.133l2.766-4.347.05-.09A.75.75 0 0 0 21.25 2Z" fill="#cf9fd6"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/notif.svg b/hybrid-vertical/.config/eww/images/svg/notif.svg
new file mode 100644
index 000000000..089c7a90c
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/notif.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1.996a7.49 7.49 0 0 1 7.496 7.25l.004.25v4.097l1.38 3.156a1.25 1.25 0 0 1-1.145 1.75L15 18.502a3 3 0 0 1-5.995.177L9 18.499H4.275a1.251 1.251 0 0 1-1.147-1.747L4.5 13.594V9.496c0-4.155 3.352-7.5 7.5-7.5ZM13.5 18.5l-3 .002a1.5 1.5 0 0 0 2.993.145l.006-.147ZM12 3.496c-3.32 0-6 2.674-6 6v4.41L4.656 17h14.697L18 13.907V9.509l-.004-.225A5.988 5.988 0 0 0 12 3.496Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/notifsnooze.svg b/hybrid-vertical/.config/eww/images/svg/notifsnooze.svg
new file mode 100644
index 000000000..32e29b0bc
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/notifsnooze.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 3.5c-3.104 0-6 2.432-6 6.25v4.153L4.682 17h14.67l-1.354-3.093V11.75a.75.75 0 0 1 1.5 0v1.843l1.381 3.156a1.25 1.25 0 0 1-1.145 1.751H15a3.002 3.002 0 0 1-6.003 0H4.305a1.25 1.25 0 0 1-1.15-1.739l1.344-3.164V9.75C4.5 5.068 8.103 2 12 2c.86 0 1.705.15 2.5.432a.75.75 0 0 1-.502 1.413A5.964 5.964 0 0 0 12 3.5ZM12 20c.828 0 1.5-.671 1.501-1.5h-3.003c0 .829.673 1.5 1.502 1.5Z" fill="#d7e2ff"/><path d="M15.25 7h-2.5l-.101.007A.75.75 0 0 0 12.75 8.5h1.043l-1.653 2.314-.055.09A.75.75 0 0 0 12.75 12h2.5l.102-.007a.75.75 0 0 0-.102-1.493h-1.042l1.653-2.314.055-.09A.75.75 0 0 0 15.25 7ZM21.25 2h-3.5l-.101.007A.75.75 0 0 0 17.75 3.5h2.134l-2.766 4.347-.05.09A.75.75 0 0 0 17.75 9h3.5l.102-.007A.75.75 0 0 0 21.25 7.5h-2.133l2.766-4.347.05-.09A.75.75 0 0 0 21.25 2Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/open.svg b/hybrid-vertical/.config/eww/images/svg/open.svg
new file mode 100644
index 000000000..ca0548a74
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/open.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.25 4.5A1.75 1.75 0 0 0 4.5 6.25v11.5c0 .966.783 1.75 1.75 1.75h11.5a1.75 1.75 0 0 0 1.75-1.75v-4a.75.75 0 0 1 1.5 0v4A3.25 3.25 0 0 1 17.75 21H6.25A3.25 3.25 0 0 1 3 17.75V6.25A3.25 3.25 0 0 1 6.25 3h4a.75.75 0 0 1 0 1.5h-4ZM13 3.75a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 .75.75v6.5a.75.75 0 0 1-1.5 0V5.56l-5.22 5.22a.75.75 0 0 1-1.06-1.06l5.22-5.22h-4.69a.75.75 0 0 1-.75-.75Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/power.svg b/hybrid-vertical/.config/eww/images/svg/power.svg
new file mode 100644
index 000000000..7850d5b9e
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/power.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.204 4.82a.75.75 0 0 1 .634 1.36A7.51 7.51 0 0 0 4.5 12.991c0 4.148 3.358 7.51 7.499 7.51s7.499-3.362 7.499-7.51a7.51 7.51 0 0 0-4.323-6.804.75.75 0 1 1 .637-1.358 9.01 9.01 0 0 1 5.186 8.162c0 4.976-4.029 9.01-9 9.01C7.029 22 3 17.966 3 12.99a9.01 9.01 0 0 1 5.204-8.17ZM12 2.496a.75.75 0 0 1 .743.648l.007.102v7.5a.75.75 0 0 1-1.493.102l-.007-.102v-7.5a.75.75 0 0 1 .75-.75Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/protocol.svg b/hybrid-vertical/.config/eww/images/svg/protocol.svg
new file mode 100644
index 000000000..c1e925a49
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/protocol.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m13.732 17.732-1.025-1.025 1.06-1.06 1.026 1.025a1 1 0 0 0 1.414 0l3.965-3.965a1 1 0 0 0 0-1.414l-3.965-3.964a1 1 0 0 0-1.414 0l-1.025 1.025-1.06-1.061 1.024-1.025a2.5 2.5 0 0 1 3.536 0l3.964 3.964a2.5 2.5 0 0 1 0 3.536l-3.964 3.964a2.5 2.5 0 0 1-3.536 0Z" fill="#d7e2ff"/><path d="m6.732 6.268-3.964 3.964a2.5 2.5 0 0 0 0 3.536l3.964 3.964a2.5 2.5 0 0 0 3.536 0l3.964-3.964a2.5 2.5 0 0 0 0-3.536l-3.964-3.964a2.5 2.5 0 0 0-3.536 0ZM3.83 11.293l3.964-3.964a1 1 0 0 1 1.414 0l3.965 3.964a1 1 0 0 1 0 1.414l-3.965 3.965a1 1 0 0 1-1.414 0l-3.964-3.965a1 1 0 0 1 0-1.414Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/radiobutton.svg b/hybrid-vertical/.config/eww/images/svg/radiobutton.svg
new file mode 100644
index 000000000..f6fdaa25f
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/radiobutton.svg
@@ -0,0 +1,3 @@
+<svg height="23" width="23" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="11.5" cy="11.5" r="8.5" stroke="#d7e2ff" stroke-width="5" fill="none"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/rankings.svg b/hybrid-vertical/.config/eww/images/svg/rankings.svg
new file mode 100644
index 000000000..1e9608c1a
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/rankings.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M68.5775 44.3397C68.0998 44.3397 67.5955 44.2601 67.1178 44.0478L50 37.2802L32.8821 44.0743C30.8386 44.8705 28.5297 43.8885 27.707 41.845C26.9108 39.8015 27.8928 37.4926 29.9363 36.6698L48.5138 29.3185C49.4427 28.9469 50.5042 28.9469 51.4331 29.3185L70.0106 36.6698C72.0541 37.466 73.0626 39.8015 72.2399 41.845C71.656 43.3843 70.1698 44.3397 68.5775 44.3397Z" fill="#d7e2ff"/>
+<path d="M68.5775 57.6093C68.0998 57.6093 67.5955 57.5297 67.1178 57.3174L50 50.5499L32.8821 57.3439C30.8386 58.1401 28.5297 57.1581 27.707 55.1146C26.9108 53.0711 27.8928 50.7622 29.9363 49.9395L48.5138 42.5881C49.4427 42.2165 50.5042 42.2165 51.4331 42.5881L70.0106 49.9395C72.0541 50.7356 73.0626 53.0711 72.2399 55.1146C71.656 56.6539 70.1698 57.6093 68.5775 57.6093Z" fill="#d7e2ff"/>
+<path d="M68.5775 70.879C68.0998 70.879 67.5955 70.7993 67.1178 70.587L50 63.8195L32.8821 70.6136C30.8386 71.4098 28.5297 70.4278 27.707 68.3843C26.9108 66.3408 27.8928 64.0318 29.9363 63.2091L48.5138 55.8577C49.4427 55.4862 50.5042 55.4862 51.4331 55.8577L70.0106 63.2091C72.0541 64.0053 73.0626 66.3408 72.2399 68.3843C71.656 69.9236 70.1698 70.879 68.5775 70.879Z" fill="#d7e2ff"/>
+<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="#d7e2ff"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#d7e2ff" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/reset.svg b/hybrid-vertical/.config/eww/images/svg/reset.svg
new file mode 100644
index 000000000..d792b64e2
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/reset.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.78 2.72a.75.75 0 0 1 0 1.06L4.56 6h8.69a7.75 7.75 0 1 1-7.75 7.75.75.75 0 0 1 1.5 0 6.25 6.25 0 1 0 6.25-6.25H4.56l2.22 2.22a.75.75 0 1 1-1.06 1.06l-3.5-3.5a.75.75 0 0 1 0-1.06l3.5-3.5a.75.75 0 0 1 1.06 0Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/rightarrow.svg b/hybrid-vertical/.config/eww/images/svg/rightarrow.svg
new file mode 100644
index 000000000..e9ee4e44d
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/rightarrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.47 4.22a.75.75 0 0 0 0 1.06L15.19 12l-6.72 6.72a.75.75 0 1 0 1.06 1.06l7.25-7.25a.75.75 0 0 0 0-1.06L9.53 4.22a.75.75 0 0 0-1.06 0Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/root.svg b/hybrid-vertical/.config/eww/images/svg/root.svg
new file mode 100644
index 000000000..a065674de
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/root.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.744 1.996a2.25 2.25 0 0 1 2.245 2.096l.005.154v15.498A2.25 2.25 0 0 1 17.9 21.99l-.155.005h-11.5A2.25 2.25 0 0 1 4 19.898l-.005-.154V4.246A2.25 2.25 0 0 1 6.09 2.001l.154-.005h11.5Zm0 1.5h-11.5a.75.75 0 0 0-.743.648l-.006.102v15.498c0 .38.282.694.648.743l.102.007h11.5a.75.75 0 0 0 .743-.648l.006-.102V4.246a.75.75 0 0 0-.648-.743l-.102-.007Z" fill="#d7e2ff"/><path d="M13.019 16.02a.75.75 0 0 1-.624-.859l.105-.66h-1.482l-.141.895a.75.75 0 1 1-1.482-.235l.105-.66h-.75a.75.75 0 0 1 0-1.5h.987l.238-1.5H9.25a.75.75 0 0 1 0-1.5h.962l.2-1.26a.75.75 0 1 1 1.481.235L11.731 10h1.481l.2-1.259a.75.75 0 1 1 1.481.235L14.731 10h.519a.75.75 0 0 1 0 1.5h-.757l-.237 1.5h.494a.75.75 0 0 1 0 1.5h-.732l-.141.896a.75.75 0 0 1-.858.623Zm-1.526-4.52-.237 1.5h1.481l.238-1.5h-1.482Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/search-fluent.svg b/hybrid-vertical/.config/eww/images/svg/search-fluent.svg
new file mode 100644
index 000000000..ac537c2ef
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/search-fluent.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10 2.75a7.25 7.25 0 0 1 5.63 11.819l4.9 4.9a.75.75 0 0 1-.976 1.134l-.084-.073-4.901-4.9A7.25 7.25 0 1 1 10 2.75Zm0 1.5a5.75 5.75 0 1 0 0 11.5 5.75 5.75 0 0 0 0-11.5Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/search.svg b/hybrid-vertical/.config/eww/images/svg/search.svg
new file mode 100644
index 000000000..4fb4aba46
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/search.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0481 9.31178C70.2498 9.31178 75.08 12.1005 77.6808 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6808 83.3845C75.08 87.8995 70.2498 90.6882 65.0481 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27214 57.3037C4.67129 52.7887 4.67129 47.2113 7.27214 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0481ZM65.0481 4H34.9526C27.8401 4 21.2583 7.79792 17.7021 13.9596L2.6543 40.0404C-0.90196 46.2021 -0.90196 53.7979 2.6543 59.9596L17.7021 86.0404C21.2583 92.2021 27.8401 96 34.9526 96H65.0481C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3464 59.9596C100.903 53.7979 100.903 46.2021 97.3464 40.0404L82.2721 13.9596C78.7424 7.79792 72.1607 4 65.0481 4Z" fill="#dfbbde"/>
+<path d="M67.0382 71.0612C66.0297 71.0612 64.9947 70.6628 64.225 69.8926L54.2728 59.933C52.707 58.3661 52.707 55.843 54.2728 54.3025C55.8386 52.7356 58.3599 52.7356 59.8991 54.3025L69.8514 64.2621C71.4172 65.8291 71.4172 68.3522 69.8514 69.8926C69.0817 70.6628 68.0732 71.0612 67.0382 71.0612Z" fill="#dfbbde"/>
+<path d="M46.2049 63.4919C36.7038 63.4919 28.9544 55.7367 28.9544 46.2286C28.9544 36.7206 36.7038 28.9654 46.2049 28.9654C55.706 28.9654 63.4554 36.7206 63.4554 46.2286C63.4554 55.7367 55.7325 63.4919 46.2049 63.4919ZM46.2049 36.933C41.0828 36.933 36.9162 41.1028 36.9162 46.2286C36.9162 51.3545 41.0828 55.5243 46.2049 55.5243C51.327 55.5243 55.4937 51.3545 55.4937 46.2286C55.4937 41.1028 51.327 36.933 46.2049 36.933Z" fill="#dfbbde"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#dfbbde" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/settings.svg b/hybrid-vertical/.config/eww/images/svg/settings.svg
new file mode 100644
index 000000000..16d3221c4
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/settings.svg
@@ -0,0 +1,23 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.31178C70.2493 9.31178 75.0795 12.1005 77.6803 16.6155L92.7281 42.6963C95.329 47.2113 95.329 52.7887 92.7281 57.3037L77.6803 83.3845C75.0795 87.8995 70.2493 90.6882 65.0476 90.6882H34.9521C29.7504 90.6882 24.9203 87.8995 22.3194 83.3845L7.27163 57.3037C4.67078 52.7887 4.67078 47.2113 7.27163 42.6963L22.3194 16.6155C24.9203 12.1005 29.7504 9.31178 34.9521 9.31178H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.79792 17.7016 13.9596L2.6538 40.0404C-0.902467 46.2021 -0.902467 53.7979 2.6538 59.9596L17.7016 86.0404C21.2578 92.2021 27.8396 96 34.9521 96H65.0476C72.1602 96 78.7419 92.2021 82.2982 86.0404L97.3459 59.9596C100.902 53.7979 100.902 46.2021 97.3459 40.0404L82.2716 13.9596C78.7419 7.79792 72.1602 4 65.0476 4Z" fill="#CFB7CE"/>
+<path d="M50 72.0704C37.9246 72.0704 28.1051 62.2436 28.1051 50.1593C28.1051 38.0751 37.9246 28.2483 50 28.2483C62.0754 28.2483 71.8949 38.0751 71.8949 50.1593C71.8949 62.2436 62.0754 72.0704 50 72.0704ZM50 36.2159C42.3036 36.2159 36.0669 42.4838 36.0669 50.1593C36.0669 57.8349 42.3302 64.1028 50 64.1028C57.6699 64.1028 63.9331 57.8349 63.9331 50.1593C63.9331 42.4838 57.6699 36.2159 50 36.2159Z" fill="#CFB7CE"/>
+<path d="M50 35.8441C47.7972 35.8441 46.0191 34.0647 46.0191 31.8603V28.4873C46.0191 26.2829 47.7972 24.5035 50 24.5035C52.2028 24.5035 53.9809 26.2829 53.9809 28.4873V31.8603C53.9809 34.0647 52.2028 35.8441 50 35.8441Z" fill="#CFB7CE"/>
+<path d="M58.9968 38.5531C58.2537 38.5531 57.5106 38.3407 56.8206 37.9157C54.9894 36.7206 54.4586 34.2506 55.6529 32.418L57.6699 29.3106C58.8641 27.4781 61.3323 26.9469 63.1635 28.142C64.9947 29.3372 65.5255 31.8072 64.3312 33.6397L62.3142 36.7471C61.5711 37.9157 60.2973 38.5531 58.9968 38.5531Z" fill="#CFB7CE"/>
+<path d="M65.7378 45.5116C64.3843 45.5116 63.0839 44.821 62.3408 43.5993C61.1996 41.7136 61.81 39.2702 63.6943 38.1282L67.0382 36.1097C68.9225 34.9677 71.3641 35.5785 72.5053 37.4642C73.6465 39.3499 73.0361 41.7933 71.1518 42.9353L67.8079 44.9538C67.1444 45.3256 66.4278 45.5116 65.7378 45.5116Z" fill="#CFB7CE"/>
+<path d="M32.0064 54.515H27.9724C25.7696 54.515 23.9915 52.7356 23.9915 50.5312C23.9915 48.3268 25.7696 46.5473 27.9724 46.5473H32.0064C34.2091 46.5473 35.9873 48.3268 35.9873 50.5312C35.9873 52.7356 34.2091 54.515 32.0064 54.515Z" fill="#CFB7CE"/>
+<path d="M69.0817 65.537C68.3917 65.537 67.7017 65.3511 67.0648 64.9792L63.2696 62.7217C61.3854 61.6062 60.7484 59.1628 61.8631 57.2506C62.9777 55.3649 65.4193 54.7275 67.3302 55.843L71.1253 58.1005C73.0096 59.2159 73.6465 61.6594 72.5319 63.5716C71.7622 64.8464 70.4353 65.537 69.0817 65.537Z" fill="#CFB7CE"/>
+<path d="M34.2622 45.5116C33.5722 45.5116 32.8556 45.3257 32.1921 44.9273L28.8482 42.9088C26.9639 41.7668 26.3535 39.3233 27.4947 37.4377C28.6359 35.552 31.0775 34.9411 32.9618 36.0832L36.3057 38.1016C38.19 39.2437 38.8004 41.6871 37.6592 43.5728C36.9161 44.8476 35.6157 45.5116 34.2622 45.5116Z" fill="#CFB7CE"/>
+<path d="M40.7909 38.7656C39.3843 38.7656 38.0043 37.9954 37.2877 36.6675L35.483 33.321C34.448 31.3822 35.1646 28.9654 37.1019 27.9296C39.0393 26.8938 41.4544 27.6109 42.4894 29.5497L44.2941 32.8961C45.3291 34.8349 44.6125 37.2517 42.6752 38.2875C42.0648 38.6063 41.4278 38.7656 40.7909 38.7656Z" fill="#CFB7CE"/>
+<path d="M72.0276 54.515H67.9936C65.7909 54.515 64.0127 52.7356 64.0127 50.5312C64.0127 48.3268 65.7909 46.5473 67.9936 46.5473H72.0276C74.2303 46.5473 76.0085 48.3268 76.0085 50.5312C76.0085 52.7356 74.2303 54.515 72.0276 54.515Z" fill="#CFB7CE"/>
+<path d="M61.0138 73.6109C59.6603 73.6109 58.3333 72.9203 57.5902 71.6455L55.3344 67.8476C54.2198 65.9619 54.8302 63.5185 56.741 62.3765C58.6253 61.261 61.0669 61.8718 62.2081 63.7841L64.4639 67.582C65.5786 69.4677 64.9682 71.9111 63.0573 73.0531C62.3938 73.425 61.7038 73.6109 61.0138 73.6109Z" fill="#CFB7CE"/>
+<path d="M50 76.5589C47.7972 76.5589 46.0191 74.7795 46.0191 72.5751V68.0866C46.0191 65.8822 47.7972 64.1028 50 64.1028C52.2028 64.1028 53.9809 65.8822 53.9809 68.0866V72.5751C53.9809 74.7795 52.2028 76.5589 50 76.5589Z" fill="#CFB7CE"/>
+<path d="M30.9183 65.537C29.5648 65.537 28.2643 64.8464 27.5212 63.6247C26.3801 61.739 26.9905 59.2956 28.8747 58.1536L32.2187 56.1351C34.103 54.9931 36.5446 55.6039 37.6858 57.4896C38.827 59.3753 38.2166 61.8187 36.3323 62.9607L32.9883 64.9792C32.3514 65.351 31.6348 65.537 30.9183 65.537Z" fill="#CFB7CE"/>
+<path d="M38.9862 73.6108C38.2962 73.6108 37.6062 73.4249 36.9692 73.0531C35.0849 71.9376 34.448 69.4942 35.5626 67.582L37.8185 63.7841C38.9331 61.8984 41.3747 61.261 43.2856 62.3764C45.1699 63.4919 45.8068 65.9353 44.6921 67.8476L42.4363 71.6455C41.6667 72.9203 40.3397 73.6108 38.9862 73.6108Z" fill="#CFB7CE"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#CFB7CE" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/store.svg b/hybrid-vertical/.config/eww/images/svg/store.svg
new file mode 100644
index 000000000..eb28267d0
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/store.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0479 9.31178C70.2496 9.31178 75.0797 12.1005 77.6806 16.6155L92.7283 42.6963C95.3292 47.2113 95.3292 52.7887 92.7283 57.3037L77.6806 83.3845C75.0797 87.8995 70.2496 90.6882 65.0479 90.6882H34.9523C29.7506 90.6882 24.9205 87.8995 22.3196 83.3845L7.27184 57.3037C4.67099 52.7887 4.67099 47.2113 7.27184 42.6963L22.3196 16.6155C24.9205 12.1005 29.7506 9.31178 34.9523 9.31178H65.0479ZM65.0479 4H34.9523C27.8398 4 21.258 7.79792 17.7018 13.9596L2.65401 40.0404C-0.902257 46.2021 -0.902257 53.7979 2.65401 59.9596L17.7018 86.0404C21.258 92.2021 27.8398 96 34.9523 96H65.0479C72.1604 96 78.7421 92.2021 82.2984 86.0404L97.3462 59.9596C100.902 53.7979 100.902 46.2021 97.3462 40.0404L82.2719 13.9596C78.7421 7.79792 72.1604 4 65.0479 4Z" fill="#d7e2ff"/>
+<path d="M69.3737 62.5889H35.828C33.6253 62.5889 31.8471 60.8095 31.8471 58.6051V36.8799L26.1412 31.7009C24.5223 30.2136 24.3896 27.7171 25.8758 26.0704C27.362 24.4503 29.8567 24.3175 31.5021 25.8048L38.5085 32.1524C39.3312 32.8961 39.8089 33.985 39.8089 35.1005V54.6212H65.3928V43.1478L49.2038 40.97C47.0276 40.6778 45.4883 38.6593 45.7803 36.4815C46.0722 34.3037 48.0626 32.7633 50.2654 33.0554L69.9045 35.6847C71.8684 35.9503 73.3546 37.6501 73.3546 39.642V58.5785C73.3546 60.8095 71.5764 62.5889 69.3737 62.5889Z" fill="#d7e2ff"/>
+<path d="M65.1274 75.2309C67.326 75.2309 69.1083 73.4473 69.1083 71.2471C69.1083 69.0469 67.326 67.2633 65.1274 67.2633C62.9288 67.2633 61.1465 69.0469 61.1465 71.2471C61.1465 73.4473 62.9288 75.2309 65.1274 75.2309Z" fill="#d7e2ff"/>
+<path d="M39.1189 75.2309C41.3175 75.2309 43.0998 73.4473 43.0998 71.2471C43.0998 69.0469 41.3175 67.2633 39.1189 67.2633C36.9203 67.2633 35.138 69.0469 35.138 71.2471C35.138 73.4473 36.9203 75.2309 39.1189 75.2309Z" fill="#d7e2ff"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#d7e2ff" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/tournaments.svg b/hybrid-vertical/.config/eww/images/svg/tournaments.svg
new file mode 100644
index 000000000..4958b945a
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/tournaments.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="#CFB7CE"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.3119 52.4749C24.9451 51.108 24.9451 48.892 26.3119 47.5251L47.5251 26.3119C48.8919 24.9451 51.108 24.9451 52.4749 26.3119L73.6881 47.5251C75.0549 48.892 75.0549 51.108 73.6881 52.4749L52.4749 73.6881C51.108 75.0549 48.8919 75.0549 47.5251 73.6881L26.3119 52.4749ZM33.7365 50L50 66.2635L66.2634 50L50 33.7365L33.7365 50Z" fill="#CFB7CE"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.5251 27.5251C28.892 26.1583 31.108 26.1583 32.4749 27.5251L72.4749 67.5251C73.8417 68.892 73.8417 71.108 72.4749 72.4749C71.108 73.8417 68.892 73.8417 67.5251 72.4749L27.5251 32.4749C26.1583 31.108 26.1583 28.892 27.5251 27.5251Z" fill="#CFB7CE"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M72.4749 27.5251C73.8417 28.892 73.8417 31.108 72.4749 32.4749L32.4749 72.4749C31.108 73.8417 28.892 73.8417 27.5251 72.4749C26.1583 71.108 26.1583 68.892 27.5251 67.5251L67.5251 27.5251C68.892 26.1583 71.108 26.1583 72.4749 27.5251Z" fill="#CFB7CE"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#CFB7CE" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/uparrow.svg b/hybrid-vertical/.config/eww/images/svg/uparrow.svg
new file mode 100644
index 000000000..d25dd0fe8
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/uparrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.293 15.707a1 1 0 0 0 1.414 0L12 9.414l6.293 6.293a1 1 0 0 0 1.414-1.414l-7-7a1 1 0 0 0-1.414 0l-7 7a1 1 0 0 0 0 1.414Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/user.svg b/hybrid-vertical/.config/eww/images/svg/user.svg
new file mode 100644
index 000000000..3f9cb15be
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/user.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.754 14a2.249 2.249 0 0 1 2.25 2.249v.918a2.75 2.75 0 0 1-.513 1.599C17.945 20.929 15.42 22 12 22c-3.422 0-5.945-1.072-7.487-3.237a2.75 2.75 0 0 1-.51-1.595v-.92a2.249 2.249 0 0 1 2.249-2.25h11.501ZM12 2.004a5 5 0 1 1 0 10 5 5 0 0 1 0-10Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/vol0.svg b/hybrid-vertical/.config/eww/images/svg/vol0.svg
new file mode 100644
index 000000000..d05654890
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/vol0.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.704 3.441c.191.226.296.512.296.808V19.75a1.25 1.25 0 0 1-2.058.954l-4.967-4.206H4.25A2.25 2.25 0 0 1 2 14.248v-4.5a2.25 2.25 0 0 1 2.25-2.25h3.725l4.968-4.204a1.25 1.25 0 0 1 1.761.147ZM13.5 4.788l-4.975 4.21H4.25a.75.75 0 0 0-.75.75v4.5c0 .415.336.75.75.75h4.275l4.975 4.213V4.788Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/vol1.svg b/hybrid-vertical/.config/eww/images/svg/vol1.svg
new file mode 100644
index 000000000..f8bea12df
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/vol1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.704 3.442c.191.226.296.512.296.808v15.502a1.25 1.25 0 0 1-2.058.954L7.975 16.5H4.25A2.25 2.25 0 0 1 2 14.25v-4.5A2.25 2.25 0 0 1 4.25 7.5h3.725l4.968-4.204a1.25 1.25 0 0 1 1.761.147ZM13.5 4.79 8.525 9H4.25a.75.75 0 0 0-.75.75v4.5c0 .415.336.75.75.75h4.275l4.975 4.213V4.79Zm3.604 3.851a.75.75 0 0 1 1.03.25c.574.94.862 1.992.862 3.14 0 1.149-.288 2.201-.862 3.141a.75.75 0 1 1-1.28-.781c.428-.702.642-1.483.642-2.36 0-.876-.214-1.657-.642-2.359a.75.75 0 0 1 .25-1.03Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/vol2.svg b/hybrid-vertical/.config/eww/images/svg/vol2.svg
new file mode 100644
index 000000000..949646027
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/vol2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 4.25c0-1.079-1.274-1.65-2.08-.934L8.427 7.309a.75.75 0 0 1-.498.19H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V4.25ZM9.425 8.43 13.5 4.807v14.382l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.68a2.25 2.25 0 0 0 1.495-.569ZM18.992 5.897a.75.75 0 0 1 1.049.157A9.959 9.959 0 0 1 22 12a9.96 9.96 0 0 1-1.96 5.946.75.75 0 0 1-1.205-.892A8.459 8.459 0 0 0 20.5 12a8.459 8.459 0 0 0-1.665-5.054.75.75 0 0 1 .157-1.049Z" fill="#d7e2ff"/><path d="M17.143 8.37a.75.75 0 0 1 1.017.302c.536.99.84 2.125.84 3.328a6.973 6.973 0 0 1-.84 3.328.75.75 0 0 1-1.32-.714c.42-.777.66-1.666.66-2.614s-.24-1.837-.66-2.614a.75.75 0 0 1 .303-1.017Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/vol3.svg b/hybrid-vertical/.config/eww/images/svg/vol3.svg
new file mode 100644
index 000000000..949646027
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/vol3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 4.25c0-1.079-1.274-1.65-2.08-.934L8.427 7.309a.75.75 0 0 1-.498.19H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V4.25ZM9.425 8.43 13.5 4.807v14.382l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.68a2.25 2.25 0 0 0 1.495-.569ZM18.992 5.897a.75.75 0 0 1 1.049.157A9.959 9.959 0 0 1 22 12a9.96 9.96 0 0 1-1.96 5.946.75.75 0 0 1-1.205-.892A8.459 8.459 0 0 0 20.5 12a8.459 8.459 0 0 0-1.665-5.054.75.75 0 0 1 .157-1.049Z" fill="#d7e2ff"/><path d="M17.143 8.37a.75.75 0 0 1 1.017.302c.536.99.84 2.125.84 3.328a6.973 6.973 0 0 1-.84 3.328.75.75 0 0 1-1.32-.714c.42-.777.66-1.666.66-2.614s-.24-1.837-.66-2.614a.75.75 0 0 1 .303-1.017Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/volmute.svg b/hybrid-vertical/.config/eww/images/svg/volmute.svg
new file mode 100644
index 000000000..8f770e6cc
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/volmute.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.28 2.22a.75.75 0 1 0-1.06 1.06L6.438 7.5H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V16.06l5.72 5.72a.75.75 0 0 0 1.06-1.061L3.28 2.22ZM13.5 14.56v4.629l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.688L13.5 14.56ZM13.5 4.807v5.511l1.5 1.5V4.25c0-1.079-1.274-1.65-2.08-.934l-3.4 3.022 1.063 1.063L13.5 4.807ZM17.141 13.96l1.138 1.137A6.974 6.974 0 0 0 19 12a6.973 6.973 0 0 0-.84-3.328.75.75 0 0 0-1.32.714c.42.777.66 1.666.66 2.614 0 .691-.127 1.351-.359 1.96ZM19.388 16.206l1.093 1.094A9.955 9.955 0 0 0 22 12a9.959 9.959 0 0 0-1.96-5.946.75.75 0 0 0-1.205.892A8.46 8.46 0 0 1 20.5 12a8.458 8.458 0 0 1-1.112 4.206Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/wifi.svg b/hybrid-vertical/.config/eww/images/svg/wifi.svg
new file mode 100644
index 000000000..3c762bdfa
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/wifi.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m12.858 14.273 7.434 7.434a1 1 0 0 0 1.414-1.414l-17.999-18a1 1 0 1 0-1.414 1.414L5.39 6.804c-.643.429-1.254.927-1.821 1.495a12.382 12.382 0 0 0-1.39 1.683 1 1 0 0 0 1.644 1.14c.363-.524.761-1.01 1.16-1.41a9.94 9.94 0 0 1 1.855-1.46L7.99 9.405a8.14 8.14 0 0 0-3.203 3.377 1 1 0 0 0 1.784.903 6.08 6.08 0 0 1 1.133-1.563 6.116 6.116 0 0 1 1.77-1.234l1.407 1.407A5.208 5.208 0 0 0 8.336 13.7a5.25 5.25 0 0 0-1.09 1.612 1 1 0 0 0 1.832.802c.167-.381.394-.722.672-1a3.23 3.23 0 0 1 3.108-.841Zm-1.332-5.93 2.228 2.229a6.1 6.1 0 0 1 2.616 1.55c.444.444.837.995 1.137 1.582a1 1 0 1 0 1.78-.911 8.353 8.353 0 0 0-1.503-2.085 8.108 8.108 0 0 0-6.258-2.365ZM8.51 5.327l1.651 1.651a9.904 9.904 0 0 1 10.016 4.148 1 1 0 1 0 1.646-1.136A11.912 11.912 0 0 0 8.51 5.327Zm4.552 11.114a1.501 1.501 0 1 1-2.123 2.123 1.501 1.501 0 0 1 2.123-2.123Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/wifi1.svg b/hybrid-vertical/.config/eww/images/svg/wifi1.svg
new file mode 100644
index 000000000..2bf3a821c
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/wifi1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.96 18.568a1.501 1.501 0 1 0 2.122-2.123 1.501 1.501 0 0 0-2.123 2.123Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/wifi2.svg b/hybrid-vertical/.config/eww/images/svg/wifi2.svg
new file mode 100644
index 000000000..5df6581f6
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/wifi2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.938 16.446a1.501 1.501 0 1 1 2.123 2.123 1.501 1.501 0 0 1-2.123-2.123Zm-2.603-2.742a5.233 5.233 0 0 1 7.4 0c.46.461.838 1.025 1.101 1.625a1 1 0 0 1-1.832.803 3.356 3.356 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.255 3.255 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.613Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/wifi3.svg b/hybrid-vertical/.config/eww/images/svg/wifi3.svg
new file mode 100644
index 000000000..f738613b0
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/wifi3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.96 16.44a1.501 1.501 0 1 1 2.122 2.122 1.501 1.501 0 0 1-2.123-2.122Zm-2.604-2.742a5.233 5.233 0 0 1 7.4 0c.46.461.838 1.025 1.101 1.625a1 1 0 1 1-1.832.803 3.358 3.358 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.254 3.254 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.613ZM6.31 10.707a8.128 8.128 0 0 1 11.495 0 8.353 8.353 0 0 1 1.503 2.085 1 1 0 0 1-1.78.91 6.357 6.357 0 0 0-1.137-1.581 6.128 6.128 0 0 0-9.8 1.562 1 1 0 1 1-1.785-.902 8.08 8.08 0 0 1 1.504-2.074Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/wifi4.svg b/hybrid-vertical/.config/eww/images/svg/wifi4.svg
new file mode 100644
index 000000000..6d0807168
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/wifi4.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.784 10.708a8.35 8.35 0 0 1 1.504 2.085 1 1 0 0 1-1.781.91 6.353 6.353 0 0 0-1.137-1.58 6.128 6.128 0 0 0-9.8 1.562 1 1 0 0 1-1.784-.903 8.128 8.128 0 0 1 12.998-2.074ZM15.735 13.7c.46.46.838 1.024 1.101 1.624a1 1 0 1 1-1.832.803 3.36 3.36 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.257 3.257 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.612 5.233 5.233 0 0 1 7.4 0Zm4.684-5.401c.508.508.987 1.087 1.404 1.691a1 1 0 0 1-1.646 1.136c-.35-.506-.752-.993-1.172-1.413-3.872-3.872-10.15-3.872-14.023 0-.4.399-.797.886-1.16 1.41a1 1 0 0 1-1.644-1.14c.428-.618.9-1.195 1.39-1.684 4.653-4.654 12.198-4.654 16.851 0Zm-7.358 8.142a1.501 1.501 0 1 1-2.122 2.123 1.501 1.501 0 0 1 2.122-2.123Z" fill="#d7e2ff"/></svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/svg/wiki.svg b/hybrid-vertical/.config/eww/images/svg/wiki.svg
new file mode 100644
index 000000000..a79a5fa3d
--- /dev/null
+++ b/hybrid-vertical/.config/eww/images/svg/wiki.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0482 9.31178C70.2499 9.31178 75.08 12.1005 77.6809 16.6155L92.7287 42.6963C95.3295 47.2113 95.3295 52.7887 92.7287 57.3037L77.6809 83.3845C75.08 87.8995 70.2499 90.6882 65.0482 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27217 57.3037C4.67132 52.7887 4.67132 47.2113 7.27217 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0482ZM65.0482 4H34.9526C27.8401 4 21.2584 7.79792 17.7021 13.9596L2.65433 40.0404C-0.901929 46.2021 -0.901929 53.7979 2.65433 59.9596L17.7021 86.0404C21.2584 92.2021 27.8401 96 34.9526 96H65.0482C72.1607 96 78.7425 92.2021 82.2987 86.0404L97.3465 59.9596C100.903 53.7979 100.903 46.2021 97.3465 40.0404L82.2722 13.9596C78.7424 7.79792 72.1607 4 65.0482 4Z" fill="#d7e2ff"/>
+<path d="M50 48.3799C44.1348 48.3799 39.3843 43.6259 39.3843 37.7563C39.3843 31.8868 44.1348 27.1328 50 27.1328C55.8652 27.1328 60.6157 31.8868 60.6157 37.7563C60.6157 43.6259 55.8652 48.3799 50 48.3799ZM50 35.1005C48.5403 35.1005 47.3461 36.2956 47.3461 37.7563C47.3461 39.2171 48.5403 40.4122 50 40.4122C51.4596 40.4122 52.6539 39.2171 52.6539 37.7563C52.6539 36.2956 51.4596 35.1005 50 35.1005Z" fill="#d7e2ff"/>
+<path d="M38.7208 72.8672C37.7123 72.8672 36.6773 72.4688 35.9076 71.6986L24.7611 60.5439C23.1953 58.9769 23.1953 56.4538 24.7611 54.9134C26.327 53.3464 28.8482 53.3464 30.3875 54.9134L38.7208 63.2529L47.0807 54.8868C48.6465 53.3198 51.1677 53.3198 52.707 54.8868L61.0138 63.1997L69.4267 54.7806C70.9925 53.2136 73.5138 53.2136 75.053 54.7806C76.6189 56.3476 76.6189 58.8706 75.053 60.4111L63.8004 71.672C62.2346 73.239 59.7134 73.239 58.1741 71.672L49.8673 63.3591L41.5074 71.7251C40.7643 72.4688 39.7558 72.8672 38.7208 72.8672Z" fill="#d7e2ff"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#d7e2ff" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/images/textures/acrylic.png b/hybrid-vertical/.config/eww/images/textures/acrylic.png
new file mode 100644
index 000000000..028b188b5
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/textures/acrylic.png differ
diff --git a/hybrid-vertical/.config/eww/images/wallpaper/wallpaper b/hybrid-vertical/.config/eww/images/wallpaper/wallpaper
new file mode 100755
index 000000000..3ac6974ee
Binary files /dev/null and b/hybrid-vertical/.config/eww/images/wallpaper/wallpaper differ
diff --git a/hybrid-vertical/.config/eww/modules/activewindow.yuck b/hybrid-vertical/.config/eww/modules/activewindow.yuck
new file mode 100755
index 000000000..6e510dddd
--- /dev/null
+++ b/hybrid-vertical/.config/eww/modules/activewindow.yuck
@@ -0,0 +1,26 @@
+(defwidget activewindow []
+  (box
+    :valign "center"
+    :space-evenly false
+    :orientation "v"
+    (box
+      (eventbox
+        :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+        :onhover "${EWW_CMD} update rev_center_ws=true"
+        (box
+          :space-evenly false
+          :class "activewin"
+          (revealer
+            :transition "slideright"
+            :reveal "${!music_reveal}"
+            :duration "300ms"
+            (label
+              :limit-width 40
+              :text "${awin.title}"
+            )
+          )
+        )
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/modules/audiolevels.yuck b/hybrid-vertical/.config/eww/modules/audiolevels.yuck
new file mode 100755
index 000000000..da529c3a6
--- /dev/null
+++ b/hybrid-vertical/.config/eww/modules/audiolevels.yuck
@@ -0,0 +1,71 @@
+(defwidget audiolevels[]
+  (box
+    :space-evenly false
+    :orientation "v"
+    :class "sliders"
+    (label
+      :text "Volume mixer"
+      :xalign 0
+      :style "font-weight: bold;"
+    )
+    (for i in audiojson
+      (eventbox
+        :onscroll "pactl set-sink-input-volume ${i.sink} $(echo {} | sed -e \"s/up/+10/g\" -e \"s/down/-10/g\")% &"
+        :onrightclick "pactl set-sink-input-volume ${i.sink} 100%"
+        (box
+          :space-evenly false
+          :orientation "v"
+          ; (label :class "time" :text "DEBUG:${i}")
+          (centerbox
+            :space-evenly false
+            :orientation "h"
+            ; :halign "center"
+            (label
+              :xalign 0
+              :class "audiotext"
+              :limit-width 42
+              :style "font-size: 13pt; padding-bottom: 2px;"
+              :text "${i.name} (#${i.sink})"
+            )
+            (label
+              :xalign 0
+              :class "audiotext"
+              :limit-width 30
+              :style "font-size: 13pt; padding-bottom: 2px;"
+              :text ""
+            )
+            (box :orientation "v"
+              (label
+                :xalign 1
+                :class "audiotext"
+                :style "font-size: 13pt; padding-bottom: 2px;"
+                :text "${i.volume}%"
+              )
+            )
+          )
+          (box
+            :class "volume-slider-box"
+            :space-evenly false
+            (eventbox
+              ; :class "volume-icon"
+              :onclick "pactl set-sink-input-volume ${i.sink} 0%"
+              :onscroll "pactl set-sink-input-volume ${i.sink} $(echo {} | sed -e \"s/up/+10/g\" -e \"s/down/-10/g\")%"
+              :onrightclick "pactl set-sink-input-volume ${i.sink} 100%"
+              (label
+                :style "font-family: 'Material Symbols Rounded';"
+                :text "${volume.icon}"
+              )
+            )
+            (scale
+              :class "sliderbg"
+              :value {i.volume}
+              :class "volume-bar slider"
+              :onchange "pactl set-sink-input-volume ${i.sink} {}%"
+              :tooltip "${i.name}: ${i.volume}%"
+            )
+          )
+        )
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/modules/bluetooth.yuck b/hybrid-vertical/.config/eww/modules/bluetooth.yuck
new file mode 100755
index 000000000..bb84e9668
--- /dev/null
+++ b/hybrid-vertical/.config/eww/modules/bluetooth.yuck
@@ -0,0 +1,13 @@
+(defwidget bluetooth []
+  (eventbox
+    :onrightclick "gnome-control-center bluetooth"
+    (button
+      :class "module-bt module icon"
+      :onclick "blueberry"
+      :onrightclick "gnome-control-center bluetooth"
+      :tooltip "${bluetooth.text} ${bluetooth.batt_icon}"
+      :style "color: ${bluetooth.color};"
+      {bluetooth.icon}
+    )
+  )
+)
diff --git a/hybrid-vertical/.config/eww/modules/bright.yuck b/hybrid-vertical/.config/eww/modules/bright.yuck
new file mode 100755
index 000000000..d45bfcaaf
--- /dev/null
+++ b/hybrid-vertical/.config/eww/modules/bright.yuck
@@ -0,0 +1,15 @@
+(defwidget bright []
+  (box
+    :class "module"
+    (eventbox
+      :class "bright-icon"
+      :onscroll "echo $(echo {} | sed -e 's/down/-U 5/g' -e 's/up/-A 5/g' | xargs light) && scripts/bright osd"
+      (label
+        :valign "start"
+        :text {brightness.icon}
+        :class "bright-icon icon"
+        :tooltip "brightness ${round(brightness.level, 0)}%"
+      )
+    )
+  )
+)
diff --git a/hybrid-vertical/.config/eww/modules/clock.yuck b/hybrid-vertical/.config/eww/modules/clock.yuck
new file mode 100755
index 000000000..6dcaee48c
--- /dev/null
+++ b/hybrid-vertical/.config/eww/modules/clock.yuck
@@ -0,0 +1,34 @@
+(defwidget clock_module []
+  (eventbox
+    :onmiddleclick "scripts/toggle-dashfs.sh &"
+    :onrightclick "scripts/toggle-dashfs.sh &"
+    :onscroll "echo $(echo {} | sed -e 's/down/-U 3/g' -e 's/up/-A 3/g' | xargs light) && scripts/brightness osd"
+    :onclick "scripts/toggle-onotify.sh &"
+    :onhover "${EWW_CMD} update calendar_hover=true"
+    :onhoverlost "${EWW_CMD} update calendar_hover=false"
+    (box
+      :class "module-button-pad-center"
+      ; Time and date
+      (box
+        :orientation "v" :space-evenly false
+        :valign "center"
+        :class "module-timedate module module-button${rev_calendar ? '-true' : (calendar_hover ? '-hover' : '')}"
+        :style "padding: 0 10px;"
+        (box
+          :space-evenly false :valign "end"
+          :orientation "v"
+          :class "timedate-time"
+          (label :text "${time.hour}" :class "clock hour")
+          (label :text "܅" :class "clock"
+            :style "
+              margin-top: -5px;
+              margin-bottom: -15px;
+            "
+          )
+          (label :text {time.minute} :class "clock minute")
+        )
+      )
+    )
+  )
+)
+
diff --git a/hybrid-vertical/.config/eww/modules/editmode.yuck b/hybrid-vertical/.config/eww/modules/editmode.yuck
new file mode 100755
index 000000000..24a9b89c7
--- /dev/null
+++ b/hybrid-vertical/.config/eww/modules/editmode.yuck
@@ -0,0 +1,24 @@
+(defwidget editmode []
+  (eventbox
+    :cursor "col-resize"
+    :onhover "${EWW_CMD} update edit_hover=true"
+    :onhoverlost "${EWW_CMD} update edit_hover=false"
+    :onscroll "hyprctl dispatch splitratio $(echo {} | sed -e \"s/up/-0.1/g\" -e \"s/down/+0.1/g\")"
+    :onmiddleclick "scripts/toggle-compactmode.sh"
+    :onrightclick "scripts/toggle-compactmode.sh --toggle --border 0"
+    (checkbox
+      :class "module-button${editing ? '-true' : (edit_hover ? '-hover' : '')} edit-mode-checkbox-${editing}"
+      :onchecked "scripts/editmode.sh enable"
+      :onunchecked "scripts/editmode.sh disable"
+      :tooltip "Edit mode (middle-click to move, right-click to resize windows)"
+      (image
+        :path "images/svg/tournaments.svg"
+        :image-height 33
+        :image-width 33
+        :style "
+        margin-left: -5.5px;
+        "
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/modules/gamebar.json b/hybrid-vertical/.config/eww/modules/gamebar.json
new file mode 100644
index 000000000..efb2c03f8
--- /dev/null
+++ b/hybrid-vertical/.config/eww/modules/gamebar.json
@@ -0,0 +1,42 @@
+{
+    "controls": {
+        "at": [
+            960,
+            65
+        ],
+        "size": [
+            530,
+            70
+        ]
+    },
+    "capture": {
+        "at": [
+            202,
+            131.5
+        ],
+        "size": [
+            338,
+            197
+        ]
+    },
+    "audio": {
+        "at": [
+            202,
+            644.5
+        ],
+        "size": [
+            338,
+            789
+        ]
+    },
+    "performance": {
+        "at": [
+            1718,
+            932
+        ],
+        "size": [
+            338,
+            230
+        ]
+    }
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/modules/gamebar_topleft_size.json b/hybrid-vertical/.config/eww/modules/gamebar_topleft_size.json
new file mode 100644
index 000000000..9635a8ef7
--- /dev/null
+++ b/hybrid-vertical/.config/eww/modules/gamebar_topleft_size.json
@@ -0,0 +1,42 @@
+{
+    "controls": {
+        "at": [
+            495,
+            30
+        ],
+        "size": [
+            930,
+            70
+        ]
+    },
+    "capture": {
+        "at": [
+            33,
+            33
+        ],
+        "size": [
+            338,
+            197
+        ]
+    },
+    "audio": {
+        "at": [
+            33,
+            250
+        ],
+        "size": [
+            338,
+            589
+        ]
+    },
+    "performance": {
+        "at": [
+            1250,
+            604
+        ],
+        "size": [
+            338,
+            230
+        ]
+    }
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/modules/music.yuck b/hybrid-vertical/.config/eww/modules/music.yuck
new file mode 100755
index 000000000..351c6e6c0
--- /dev/null
+++ b/hybrid-vertical/.config/eww/modules/music.yuck
@@ -0,0 +1,140 @@
+(defwidget osu-music-module []
+  (eventbox
+    :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+    
+    :onclick "scripts/toggle-music.sh &"
+    :onmiddleclick "playerctl play-pause"
+    :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+    
+    :onhover "${EWW_CMD} update music_hover=true"
+    :onhoverlost "${EWW_CMD} update music_hover=false"
+    
+    (box
+      :space-evenly false :orientation "v"
+      :class "module-button-pad-center"
+      (box
+        :space-evenly false :orientation "v"
+        :class "module-button${music_open ? '-true' : (music_hover ? '-hover' : '')}"
+        (revealer ; dummy keep alive
+          :reveal false
+          :duration "0ms"
+          :transition "slidedown"
+          ; (label :text "${mcover.image} ${cavajson[0]}")
+          (label :angle 270 :text "${mcover.image}")
+        )
+        (box
+          :space-evenly false
+          :valign "start" :orientation "v"
+          :class "osu-music-box"
+          (overlay
+            (box
+              :halign "center" :valign "center"
+              :class "bar-music-cover"
+              :style "background-image: url('eww_covers/cover_art_default')"
+            )
+            (box
+              :halign "center" :valign "center"
+              :class "bar-music-cover"
+              :style "background-image: url('${mcover.image}')"
+            )
+            (label
+              :class "bar-music-state"
+              :halign "center" :valign "center"
+              ; :angle 270
+              :style "
+              font-size: 18pt;
+              margin-bottom: -1px;
+              color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};
+              "
+              :text "${mplay == 'Playing' ? '' : ''}"
+            )
+          )
+        )
+        (revealer
+          :transition "slidedown"
+          ; :reveal "${(music_reveal || osd_vol || (mname.title != '')) && !focus}"
+          :reveal true
+          :duration "300ms"
+          :class "music-ctl-revealer"
+          :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+          (eventbox
+            :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+            (box
+              :space-evenly false :orientation "v"
+              ; (box
+              ;   :space-evenly false :orientation "h"
+              ;   :halign "center"
+              ;   :class "music-ctl-revealer"
+              ;   :vexpand true
+              ;   (label
+              ;     :class "music-title-bar"
+              ;     :limit-width 50 :yalign 0
+              ;     :angle 270
+              ;     :style "
+              ;     color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};
+              ;     "
+              ;     :text "${mname.title == '' ? 'Not playing' : mname.title}"
+              ;   )
+              ;   (revealer
+              ;     :transition "slidedown"
+              ;     :reveal "${mname.artist != ''}"
+              ;     :duration "20ms"
+              ;     (label
+              ;       :class "music-artist-bar"
+              ;       :limit-width 50
+              ;       :yalign 0
+              ;       :angle 270
+              ;       :style "font-size: 11pt; font-family: 'Rubik';
+              ;       color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};
+              ;       "
+              ;       :text "${mname.artist}"
+              ;     )
+              ;   )
+              ; )
+              (revealer
+                :reveal {music_hover}
+                :transition "slideup"
+                :duration "400ms"
+                (revealer
+                  :reveal {music_hover}
+                  :transition "crossfade"
+                  :duration "400ms"
+                  (centerbox
+                    :class "music-button-box-bar"
+                    :orientation "v"
+                    (button
+                      :class "song-button-bar"
+                      :style "
+                      font-size: 30pt;
+                      color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};
+                      "
+                      :onclick "playerctl previous" ""
+                    )
+                    (button
+                      :class "song-button-bar"
+                      :style "
+                      font-size: 30pt;
+                      color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};
+                      "
+                      :onclick "playerctl play-pause"
+                      "${music.status != '' ? music.status : ''}"
+                    )
+                    (button
+                      :class "song-button-bar"
+                      :style "
+                      font-size: 30pt;
+                      color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};
+                      "
+                      :onclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+                      ""
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/modules/net.yuck b/hybrid-vertical/.config/eww/modules/net.yuck
new file mode 100755
index 000000000..4a9adad73
--- /dev/null
+++ b/hybrid-vertical/.config/eww/modules/net.yuck
@@ -0,0 +1,19 @@
+(defwidget net []
+  (box
+    :class "module"
+    (eventbox
+      :class "net-icon"
+      :onclick "iwgtk &"
+      :onrightclick "gnome-control-center network &"
+      :tooltip {net.essid}
+      ; :style "color: ${net.color};"
+      (label
+        :valign "start"
+        :text {net.icon}
+        :class "net-icon"
+        :tooltip {net.essid}
+        ; :style "color: ${net.color};"
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/modules/pinned-apps.json b/hybrid-vertical/.config/eww/modules/pinned-apps.json
new file mode 100644
index 000000000..a127007bd
--- /dev/null
+++ b/hybrid-vertical/.config/eww/modules/pinned-apps.json
@@ -0,0 +1,21 @@
+[ 
+    [
+        {"name": "File Explorer", "exec": "gtk-launch org.gnome.Nautilus.desktop &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/nautilus.svg"},
+        {"name": "Firefox", "exec": "gtk-launch firefox &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/firefox.svg"},
+        {"name": "Terminal", "exec": "gtk-launch org.codeberg.dnkl.foot.desktop &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/foot.svg"},
+        {"name": "Paint", "exec": "gtk-launch org.kde.kolourpaint.desktop &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/kolourpaint.svg"},
+        {"name": "Settings", "exec": "gtk-launch org.gnome.Settings.desktop &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/gnome-control-center.svg"},
+        {"name": "Notepad", "exec": "gtk-launch org.gnome.TextEditor &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/org.gnome.TextEditor.svg"}
+    ],
+    [
+        {"name": "Clock", "exec": "gtk-launch org.gnome.clocks &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/gnome-clocks.svg"},
+        {"name": "Edge", "exec": "/usr/bin/microsoft-edge-stable --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland --gtk-version=4 &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/microsoft-edge.svg"},
+        {"name": "Visual Studio Code", "exec": "code --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/code.svg"},
+        {"name": "Calculator", "exec": "gtk-launch org.gnome.Calculator &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/org.gnome.Calculator.svg"},
+        {"name": "GitHub Desktop", "exec": "gtk-launch github-desktop &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/github-desktop.svg"},
+        {"name": "Photos", "exec": "gtk-launch org.gnome.eog &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/eog.svg"}
+    ],
+    [
+        {"name": "VLC Media Player", "exec": "gtk-launch vlc &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/vlc.svg"}
+    ]
+]
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/modules/recommended.json b/hybrid-vertical/.config/eww/modules/recommended.json
new file mode 100644
index 000000000..c8ff0f2d2
--- /dev/null
+++ b/hybrid-vertical/.config/eww/modules/recommended.json
@@ -0,0 +1,9 @@
+[ 
+    [
+        {"name": "This is NOT Windows 11", "subtext": "Check out my configs", "exec": "xdg-open 'https://github.com/end-4/dots-hyprland/tree/main' &", "icon": "images/icons/github.svg"},
+        {"name": "Get Hyprland help", "subtext": "+ chance to be called a retard", "exec": "xdg-open 'https://discord.com/invite/hQ9XvMUjjr' &", "icon": "images/icons/discord.png"}
+    ],
+    [
+        {"name": "r/unixporn", "subtext": "The best kinda porn", "exec": "xdg-open 'https://www.reddit.com/r/unixporn/' &", "icon": "images/icons/reddit.svg"}
+    ]
+]
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/modules/searchbutton.yuck b/hybrid-vertical/.config/eww/modules/searchbutton.yuck
new file mode 100755
index 000000000..35922f07d
--- /dev/null
+++ b/hybrid-vertical/.config/eww/modules/searchbutton.yuck
@@ -0,0 +1,17 @@
+(defwidget searchbutton []
+  (eventbox
+    :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    :class "osettings-toggle-button-${open_overview}"
+    :onclick "scripts/toggle-overview.sh"
+    :onmiddleclick "scripts/toggle-overview.sh"
+    :onrightclick "scripts/toggle-overview.sh"
+    (box
+      :class "module-button-pad-center"
+      (image
+        :path "images/svg/search.svg"
+        :image-width 33
+        :image-height 33
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/modules/sys.yuck b/hybrid-vertical/.config/eww/modules/sys.yuck
new file mode 100755
index 000000000..5bb0fc9bf
--- /dev/null
+++ b/hybrid-vertical/.config/eww/modules/sys.yuck
@@ -0,0 +1,368 @@
+(defwidget sys []
+  (eventbox
+    :class "${popup == 'system-menu' ? 'system-menu-box' : 'sysbar'}"
+    ; :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+    (box
+      :space-evenly false
+      :orientation "v"
+      (box
+        :class "module"
+        :space-evenly false
+        :spacing 5
+        :valign "end"
+        (syscpu)
+        (sysmem)
+        (sysbatt)
+        ; (settingscog)
+      )
+      (revealer
+        :reveal "${popup == 'system-menu'}"
+        :transition "slideright"
+        :duration "0ms"
+        (revealer
+          :reveal "${popup == 'system-menu'}"
+          :transition "crossfade"
+          :duration "0ms"
+          (revealer
+            :reveal "${popup == 'system-menu'}"
+            :transition "slidedown"
+            :duration "0ms"
+            (box
+              :space-evenly false
+              (box
+                ; :class "system-menu-box"
+                :space-evenly false
+                :orientation "v"
+                (box
+                  :class "top-row"
+                  :space-evenly false
+                  (label :class "time" :text "${time.hour}:${time.minute}")
+                  (box
+                    :class "date-box"
+                    :space-evenly false
+                    (label :class "date" :text "${time.day},")
+                    (label :class "date" :text "${time.date}")
+                  )
+                )
+                
+                (box
+                  :class "system-row"
+                  :space-evenly false
+                  (box
+                    :class "wifi-box"
+                    :space-evenly false
+                    :orientation "v"
+                    (box
+                      :class "element"
+                      :space-evenly false
+                      (button
+                        ; :class "wifi-button"
+                        :onclick "scripts/net toggle"
+                        :style "font-family: Material Symbols Rounded;"
+                        {net.icon}
+                      )
+                      (label :class "separator" :text "|")
+                      (button
+                        :class "wifi-arrow-btn"
+                        :style "font-family: Material Symbols Rounded;"
+                        :onclick "nm-connection-editor &"
+                        ""
+                      )
+                    )
+                    (label :style "font-size: 12pt;" :class "sys-toggle" :text {net.essid} :xalign 0.5 :limit-width 15)
+                  )
+                  
+                  (box
+                    :class "bluetooth-box"
+                    :space-evenly false
+                    :orientation "v"
+                    (box
+                      :class "element icon"
+                      :space-evenly false
+                      (button
+                        :class "bluetooth-button"
+                        :onclick "scripts/bluetooth toggle"
+                        :style "font-family: 'Material Symbols Rounded';"
+                        {bluetooth.icon}
+                      )
+                      (label :class "separator" :text "|")
+                      (button
+                        :class "bluetooth-arrow-btn"
+                        :onclick "blueberry"
+                        ""
+                      )
+                    )
+                    (label
+                      :style "font-size: 12pt;"
+                      :text {bluetooth.text}
+                      :xalign 0.5
+                      :class "sys-toggle"
+                      :tooltip "${bluetooth.text} ${bluetooth.batt_icon}"
+                      :limit-width 15
+                    )
+                  )
+                  
+                  (box
+                    :class "airplane-box"
+                    :space-evenly false
+                    :orientation "v"
+                    (box
+                      :class "element"
+                      (button
+                        :class "airplane-button"
+                        :onclick "scripts/airplane toggle"
+                        airplane
+                      )
+                    )
+                    (label :style "font-size: 12pt;" :text "Airplane Mode" :xalign 0.5 :limit-width 16)
+                  )
+                  
+                  (box
+                    :space-evenly false
+                    :orientation "v"
+                    (box
+                      :class "element"
+                      (button
+                        :valign "end"
+                        :onclick "wlogout -p layer-shell &"
+                        ""
+                      )
+                    )
+                    (label
+                      :style "font-size: 12pt;"
+                      :text "Power"
+                      :class "sys-toggle"
+                      :xalign 0.5
+                      :limit-width 16
+                    )
+                  )
+                )
+                (audiolevels)
+                (box
+                  :class "system-info-box"
+                  :style "margin-bottom: 17px;"
+                  ; cpu
+                  (box
+                    :class "sys-box"
+                    :space-evenly false
+                    :valign "start"
+                    (circular-progress
+                      :value "${EWW_CPU.avg}"
+                      :class "sys-cpu"
+                      :thickness 3
+                      (label
+                        :text ""
+                      :class "sys-icon-cpu icon")
+                    )
+                    (box
+                      :orientation "v"
+                      :vexpand false
+                      (label
+                        :text "CPU"
+                        :valign "start"
+                        :class "sys-text-cpu"
+                        :style "font-size: 12pt;"
+                      )
+                      (label
+                        :text "${round(EWW_CPU.avg,2)}%"
+                        :valign "start"
+                        :class "sys-text-sub"
+                        :style "font-size: 12pt;"
+                      )
+                      (label
+                        :text "${EWW_CPU.cores[0].freq} MHz"
+                        :valign "start"
+                        :class "sys-text-sub"
+                        :style "font-size: 12pt;"
+                      )
+                    )
+                  )
+                  
+                  ; memory
+                  (box
+                    :class "sys-box"
+                    :space-evenly false
+                    :valign "end"
+                    (circular-progress
+                      :value {memory.percentage}
+                      :class "sys-mem"
+                      :thickness 3
+                      (label
+                        :text ""
+                        :class "sys-icon-mem icon"
+                      )
+                    )
+                    (box
+                      :orientation "v"
+                      (label :style "font-size: 12pt;" :text "Memory" :valign "start" :class "sys-text-mem")
+                      (label :style "font-size: 12pt;" :text "${memory.used} / ${memory.total}" :valign "start" :class "sys-text-sub")
+                      (label :style "font-size: 12pt;" :text "Swap ${memory.swapused} / ${memory.swaptotal}" :valign "start" :class "sys-text-sub")
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget syscpu []
+  (revealer
+    :reveal "${((popup == 'system-menu' || EWW_CPU.avg>= 50) || force_sys_rev)}"
+    :transition "slideup"
+    :duration "300ms"
+    :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+    (eventbox
+      :class "cpubar"
+      :space-evenly false
+      (box
+        :class "cpubar"
+        :space-evenly false
+        :orientation "v"
+        (circular-progress
+          :value "${EWW_CPU.avg}"
+          :class "cpubar-circle"
+          :thickness 4
+          :start-at 75
+          (box
+            :tooltip "CPU: ${round(EWW_CPU.avg,0)}%"
+            :class "inside-circle"
+            (label :class "icon-text" :text "")
+          )
+        )
+        (revealer
+          :transition "slidedown"
+          :reveal "${sys_rev || popup == 'system-menu' || force_sys_rev  || EWW_CPU.avg>= 50}"
+          :duration "300ms"
+          :class "sys-menu"
+          :onclick "${EWW_CMD} update popup='system-menu'"
+          (cpumenu)
+        )
+      )
+    )
+  )
+)
+
+(defwidget sysmem []
+  (eventbox
+    :class "membar"
+    :space-evenly false
+    (box
+      :class "membar"
+      :space-evenly false
+      :orientation "v"
+      (circular-progress
+        :value {memory.percentage}
+        :class "membar-circle"
+        :thickness 4
+        :start-at 75
+        (box
+          :class "inside-circle"
+          :tooltip "RAM: ${round(memory.percentage,0)}%"
+          (label :class "icon-text" :text "")
+        )
+      )
+      (revealer
+        :transition "slidedown"
+        :reveal "${sys_rev || force_sys_rev || memory.percentage + memory.swappercentage >= 120}"
+        :duration "300ms"
+        :class "sys-menu"
+        :onclick "${EWW_CMD} update popup='system-menu'"
+        (memmenu)
+      )
+    )
+  )
+)
+
+(defwidget sysbatt []
+  (eventbox
+    :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+    :class "batbar"
+    :space-evenly false
+    (box
+      :orientation "v" :space-evenly false
+      :class "batbar"
+      (circular-progress
+        :value "${EWW_BATTERY["BATT"].capacity}"
+        :class "batbar-circle"
+        :thickness 4
+        :start-at 75
+        :style "border-radius: 99px; color: ${battery.circolor};"
+        (box
+          :class "inside-circle"
+          :tooltip "Battery: ${EWW_BATTERY["BATT"].capacity}%"
+          :onclick "${EWW_CMD} update popup='system-menu'"
+          :style "border-radius: 99px; color: ${battery.color}; background-color: ${battery.bgcolor};"
+          (label :class "icon-text" :text "")
+        )
+      )
+      (revealer
+        :transition "slidedown"
+        :reveal true
+        :duration "300ms"
+        :class "sys-menu"
+        (sysmenu)
+      )
+    )
+  )
+)
+
+(defwidget cpumenu[]
+  (eventbox
+    :class "cpu-menu"
+    (box
+      :orientation "h"
+      :space-evenly false :orientation "v"
+      (label :angle 270 :class "cpu-menu icon" :text "")
+      (label :angle 270 :class "cpu-menu" :text "${round(EWW_CPU.avg,0)}%")
+    )
+  )
+)
+
+(defwidget memmenu[]
+  (eventbox
+    (box
+      :space-evenly false :orientation "v"
+      (label :angle 270 :class "mem-menu-left" :text "")
+      (label :angle 270 :class "mem-menu-left" :text "${memory.used}")
+      (label :angle 270 :class "mem-menu-mid" :text "")
+      (label :angle 270 :class "mem-menu-right" :text "${memory.swapused}")
+    )
+  )
+)
+
+(defwidget sysmenu[]
+  (eventbox
+    :style "color: ${battery.color}"
+    (box
+      :space-evenly false :orientation "h" 
+      :spacing -3
+      :halign "center"
+      :style "margin-left: -5px;"
+      :class "sys-batt-charge-box"
+      (label :class "sys-menu-charge" :text "${battery.quickicon}")
+      (label :class "batt-percentage" :text "${EWW_BATTERY["BATT"].capacity}%")
+    )
+  )
+)
+
+(defwidget settingscog[]
+  (eventbox
+    :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+    :class "settings-icon"
+    (revealer
+      :transition "slidedown"
+      :reveal true
+      :duration "300ms"
+      :onclick "${EWW_CMD} update popup='system-menu'"
+      (button
+        :class "sys-menu-button"
+        :onclick "${EWW_CMD} update popup='system-menu'"
+        " "
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/modules/taskbar.json b/hybrid-vertical/.config/eww/modules/taskbar.json
new file mode 100644
index 000000000..2d9069aeb
--- /dev/null
+++ b/hybrid-vertical/.config/eww/modules/taskbar.json
@@ -0,0 +1,34 @@
+[
+    {
+        "address": [],
+        "class": "org.gnome.Nautilus",
+        "count": 0,
+        "icon": "/usr/share/icons/Win11-dark/apps/scalable/nautilus.svg",
+        "workspace": [],
+        "exec": "nautilus --new-window &"
+    },
+    {
+        "address": [],
+        "class": "firefox",
+        "count": 0,
+        "icon": "/usr/share/icons/Win11-dark/apps/scalable/firefox.svg",
+        "workspace": [],
+        "exec": "firefox &"
+    },
+    {
+        "address": [],
+        "class": "Code",
+        "count": 0,
+        "icon": "/usr/share/icons/Win11-dark/apps/scalable/code.svg",
+        "workspace": [],
+        "exec": "code --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland &"
+    },
+    {
+        "address": [],
+        "class": "foot",
+        "count": 0,
+        "icon": "/usr/share/icons/Win11-dark/apps/scalable/foot.svg",
+        "workspace": [],
+        "exec": "foot &"
+    }
+]
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/modules/taskbar.yuck b/hybrid-vertical/.config/eww/modules/taskbar.yuck
new file mode 100755
index 000000000..df7b18a88
--- /dev/null
+++ b/hybrid-vertical/.config/eww/modules/taskbar.yuck
@@ -0,0 +1,30 @@
+(defwidget taskbar []
+  (box
+    :orientation "h"
+    :space-evenly false
+    :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    (for app in tasks
+      (overlay
+        (eventbox
+          :class "taskbar-button-only"
+          :onclick "${app.count > 0 ? ('hyprctl dispatch workspace ' + app.workspace[0] + ' &') : (app.exec)}"
+          ; :tooltip "${app.class}"
+          ; :onclick "hyprctl dispatch workspace ${app.workspace[0]} && hyprctl dispatch focusdow address:${app.address[0]} &"
+          (box
+            :class "taskbar-button-pad"
+            (box
+              :class "taskbaricon"
+              :style "
+              background-image: url('${app.icon}');
+              ${app.class == awin.class ? 'background-color: rgba(108, 112, 134, 0.4); border: 1px solid rgba(108, 112, 134, 0.15); border-top: 1px solid rgba(108, 112, 134, 0.15);' : ''}
+              "
+            )
+          )
+        )
+        (box :class "taskbar-indicator-${app.class == awin.class ? 'true' : (app.count > 0 ? 'false' : 'none')}")
+      )
+    )
+    ; Dummy keep alive
+    (revealer :transition "slideright" :reveal false (label :text {awin.class}))
+  )
+)
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/modules/user.yuck b/hybrid-vertical/.config/eww/modules/user.yuck
new file mode 100755
index 000000000..1a30d25be
--- /dev/null
+++ b/hybrid-vertical/.config/eww/modules/user.yuck
@@ -0,0 +1,16 @@
+(defwidget user []
+  (box
+    :space-evenly false
+    :orientation "h"
+    :style "padding-left: 28px; padding-right: 22px;"
+    (label 
+      :class "username"
+      :style "margin-right: 5px;"
+      :text "${username == "" ? username_default : username}"
+    )
+    (box
+      :class "userpic"
+      :style "background-image: url('/var/lib/AccountsService/icons/${username == "" ? username_default : username}');"
+    )
+  )
+)
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/modules/variables.yuck b/hybrid-vertical/.config/eww/modules/variables.yuck
new file mode 100755
index 000000000..18fd40f67
--- /dev/null
+++ b/hybrid-vertical/.config/eww/modules/variables.yuck
@@ -0,0 +1,146 @@
+; Const and bg scripts
+(defvar FILE_BROWSER "nautilus")
+(defvar RES_WIDTH 1920)
+(defvar RES_HEIGHT 1080)
+(defvar BG_ZOOM 1.2)
+(defvar OVERVIEW_SCALE 0.18)
+(defvar OVERVIEW_SCALE_TEXT 0.45)
+(defvar OVERVIEW_SCALE_SUBTEXT 0.35)
+(defvar wsloop "[0, 1, 2, 3, 4, 5, 6, 7, 8, 9]")
+(defvar weekdays '[{"day":"Mo","today":"0"},{"day":"Tu","today":"0"},{"day":"We","today":"0"},{"day":"Th","today":"0"},{"day":"Fr","today":"0"},{"day":"Sa","today":"0"},{"day":"Su","today":"0"}]')
+(defvar ws-icons '["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"]')
+(deflisten ICON_GET `scripts/get_open_icons`)
+
+; Vars
+(defvar music_reveal false)
+(defvar oquery "")
+(defvar sys_menu_open true)
+(defvar date_rev false)
+(defvar sys_rev false)
+(defvar force_sys_rev false)
+(defvar editing false)
+(defvar osd_track false)
+(defvar osd_vol false)
+(defvar osd_bright false)
+(defvar selected '')
+(defvar overview_hover_name "Activities Overview")
+(defvar overview_query "")
+(defvar overview_results "")
+(defvar open_overview false)
+(defvar popup "none")
+(defvar right_hover false)
+(defvar ontf_hover false)
+(defvar music_hover false)
+(defvar edit_hover false)
+(defvar themer_hover false)
+(defvar calendar_hover false)
+(defvar rev_center_ws true)
+(defvar music_open false)
+(defvar themer_open false)
+(defvar focus false)
+(defvar win_hover false)
+(defvar winnotif_hover false)
+(defvar winactions_hover false)
+(defvar winstart_allapps false)
+(defvar monthshift 0)
+(defvar calendartitle '')
+(defvar winsearch '')
+(defvar winsearch_results "")
+(defvar winsearch_actions "")
+(defvar winsearch_actions_type "")
+(defvar winsearch_prefix "")
+(defvar allapps '')
+(defvar allapps_get '')
+(defvar compact false)
+(defvar resource_metric "cpu")
+
+; Dynamic animation: different for open and close
+(defvar rev_wincalendar true)
+(defvar rev_winactions false)
+(defvar rev_winnotif false)
+(defvar rev_winstart false)
+(defvar rev_winpowermenu false)
+(defvar rev_ostg false)
+(defvar rev_ontf false)
+(defvar rev_themer false)
+(defvar rev_dash false)
+(defvar rev_calendar false)
+(defvar rev_wingamebar false)
+(defvar rev_winnews false)
+(defvar rev_dashfs false)
+(defvar rev_bottombar false)
+
+(defvar anim_open_ostg true)
+(defvar anim_open_ontf true)
+(defvar anim_open_search true)
+(defvar anim_open_themer true)
+(defvar anim_open_music true)
+(defvar anim_open_dash true)
+(defvar anim_open_calendar true)
+(defvar anim_open_winactions true)
+(defvar anim_open_winnotif true)
+(defvar anim_open_winstart true)
+(defvar anim_open_winpowermenu true)
+(defvar anim_open_wingamebar true)
+(defvar anim_open_winnews true)
+(defvar anim_open_dashfs true)
+(defvar anim_open_bottombar true)
+
+; Time
+(defpoll time :interval "5s" `date +'{"date": "%d/%m", "hour": "%H", "minute": "%M", "monthname": "%B", "day": "%A", "year": "%Y"}'`)
+(defpoll day_only :interval "5s" "date '+%e' | sed 's/ //g'")
+(defpoll time12 :interval "10s" `date '+%l:%M %^P' | sed 's/am/AM/g' | sed 's/pm/PM/g'`)
+
+; Listeners
+(deflisten airplane "scripts/airplane")
+(deflisten battery "scripts/battery")
+(deflisten bluetooth "scripts/bluetooth")
+(deflisten brightness "scripts/brightness")
+(deflisten memory "scripts/memory")
+(deflisten music "scripts/music")
+(deflisten music_cover "scripts/music cover")
+(deflisten notifications "scripts/notifications")
+(deflisten notif_icons :initial `{"icon": "󰆄", "paused": false, "toggle_icon": ""}` "scripts/notifications icons")
+(deflisten net "scripts/net")
+(deflisten volume "scripts/volume")
+(deflisten workspace "scripts/workspaces")
+(deflisten winjson "scripts/winlist")
+(deflisten winicons "scripts/appicons")
+(deflisten winnums "scripts/winnumbers")
+(deflisten hyprjson "scripts/hyprsettings")
+(deflisten awin "scripts/activewin")
+(deflisten audiojson "scripts/audiolevels")
+(deflisten mcover "scripts/music cover")
+(deflisten mname "scripts/music name")
+(deflisten mplay "playerctl -F metadata -f '{{status}}'")
+(deflisten wsjsona "scripts/overview-wrapper1")
+(deflisten wsjsonb "scripts/overview-wrapper2")
+; (deflisten appoverview "scripts/overview-wrapper")
+; (deflisten wsthumbs "scripts/overview-thumbnails") ; slow, so nope
+(deflisten activews :initial 1 "scripts/activews")
+(deflisten tasks "scripts/taskbarloop")
+(deflisten pinnedapps "cat modules/pinned-apps.json | gojq -c -M")
+(deflisten recommended "cat modules/recommended.json | gojq -c -M")
+(deflisten gamebarwidgets "cat modules/gamebar.json | gojq -c -M")
+(deflisten audiodevice `pactl --format=json list sinks | gojq -c -r '.[0]["description"]'`)
+(deflisten cavajson `scripts/cavajson`)
+(deflisten mousepos `scripts/mousetrack`)
+
+(defvar username_default "username")
+(defvar quote_content `["haha pointers hee hee i love pointe-\\\nProcess Vaxry exited with signal SIGSEGV", "I have a hentai anal gif playing in my base", "Amazing XXXmas. Cute femboy was fucked\\\nin the ass under the Christmas tree"]`)
+(defvar quote_author `["- vaxry", "- vaxry", "- Hyprland community, 2022"]`)
+
+; Fetch stuff
+(defpoll uptime :interval "1m" "uptime -p | sed -e 's/up //;s/ hours,/h/;s/ minutes/m/'")
+(defpoll packages :interval "5m" `pacman -Q | wc -l`)
+(defpoll kernel :interval "5m" `uname -r`)
+(defpoll username :interval "5m" :initial "username" `whoami`)
+(defpoll hostname :interval "5m" :initial "distro" `uname -n`)
+(defpoll wm :interval "5m" :initial "Hyprland" `echo $XDG_CURRENT_DESKTOP`)
+(defpoll diskfreepercent :interval "5m" `echo $(df --output=pcent / | tr -dc '0-9')`)
+(defpoll diskused :interval "5m" `df -h --output=used / | awk 'NR==2{print $1}'`)
+(defpoll diskfree :interval "5m" `df -h --output=avail / | awk 'NR==2{print $1}'`)
+(defpoll disksize :interval "5m" `df -h --output=size / | awk 'NR==2{print $1}'`)
+(deflisten cpuname `cat /proc/cpuinfo | grep 'model name' | awk -F: '{print $2}' | head -n 1`)
+(defpoll waifu_get :interval "5m" `python3 scripts/waifupics.py`)
+(defpoll calendar :interval "15m" `eww update monthshift=0 && eww update calendartitle="$(date '+%B %Y')" && scripts/calendarlayout`)
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/modules/volume.yuck b/hybrid-vertical/.config/eww/modules/volume.yuck
new file mode 100755
index 000000000..af4970df2
--- /dev/null
+++ b/hybrid-vertical/.config/eww/modules/volume.yuck
@@ -0,0 +1,33 @@
+(defwidget volume-module []
+  (box
+    :class "vol-menu"
+    (eventbox
+      ; :class "vol-menu"
+      :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+      :onrightclick "pavucontrol"
+      :onclick "scripts/volume mute SINK"
+      (box
+        (label
+          ; :class "vol-menu"
+          :tooltip "volume ${volume.percent}%"
+          :style "font-family: 'Material Symbols Rounded';"
+          :text "${volume.icon}"
+          :valign "start"
+        )
+        (label :valign "start" :text "${volume.percent}%")
+      )
+    )
+    ; (volmenu)
+  )
+)
+
+(defwidget volmenu[]
+  (eventbox
+    :class "vol-menu"
+    :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+    :onrightclick "pavucontrol"
+    :onclick "scripts/volume mute SINK"
+    :valign "start"
+    (label :class "vol-menu" :text "${volume.percent}%")
+  )
+)
diff --git a/hybrid-vertical/.config/eww/modules/winctl.yuck b/hybrid-vertical/.config/eww/modules/winctl.yuck
new file mode 100755
index 000000000..7750ff9aa
--- /dev/null
+++ b/hybrid-vertical/.config/eww/modules/winctl.yuck
@@ -0,0 +1,99 @@
+(defwidget win-ws[]
+  (eventbox
+    ; :onhoverlost "${EWW_CMD} close win-workspace"
+    (box
+      :space-evenly false
+      :orientation "v"
+      :class "system-menu-box"
+      ; :style "background-color: $bg; color: #A9B1D6; padding-bottom: .6rem; background-color: ${awin == winjson[i].title ? '#7AA2F7' : '$bg'};"
+      :style "background-color: $bg; color: #A9B1D6; padding-bottom: .6rem; background-color: $bg};"
+      ; (label :text "${winjson}" ) ; DEBUG
+      (label
+        :class "winws-title"
+        :text "Activities"
+        :xalign 0.5
+      )
+      (for i in winnums
+        (eventbox
+          :class "winws-evbox"
+          :onscroll "hyprctl dispatch movetoworkspacesilent $((${winjson[i].workspace.id}$(echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\"))),address:${winjson[i].address}"
+          :onclick "hyprctl dispatch focuswindow address:${winjson[i].address} && ${EWW_CMD} close win-workspace"
+          :onmiddleclick "hyprctl dispatch closewindow address:${winjson[i].address}"
+          (centerbox ;App icon & info
+            :class "winws"
+            :space-evenly false
+            :orientation "h"
+            (box
+              :space-evenly false
+              :orientation "h"
+              (label
+                :class "appicon"
+                :style "background-image: url(\"${winicons[i]}\");"
+                :text ""
+              )
+              (box
+                :space-evenly false
+                :orientation "v"
+                (label
+                  :halign "start"
+                  :class "wintext"
+                  :text "${winjson[i].title}"
+                  :limit-width 44
+                  :xalign 0
+                )
+                (label
+                  :halign "start"
+                  :class "winsubtext"
+                  :text "${winjson[i].class}"
+                  :limit-width 35
+                  :xalign 0
+                )
+              )
+            )
+            (label
+              :class "wintext"
+              :text ""
+              :limit-width 1
+              :xalign 0
+            )
+            (box ; Workspace number
+              :space-evenly false
+              :orientation "h"
+              :halign "end"
+              :style "padding-left: 30px;"
+              (label
+                :halign "end"
+                :class "wintext"
+                ; :text "[ ${winjson[i].workspace.id} ]"
+                :xalign 1
+              )
+              (for w in wsloop
+                (button
+                  :onclick "hyprctl dispatch movetoworkspacesilent ${w+1},address:${winjson[i].address}"
+                  :class "wschoose"
+                  :style "font-size: 16pt; color: ${(winjson[i].workspace.id == w+1) ? mcover.color.colors.color7 : 'rgba(108, 112, 134, 0.5)'};"
+                  ; "hyprctl dispatch movetoworkspacesilent ${w},address:${winjson[i].address}"
+                  "${ws-icons[w]}"
+                  ; "●"
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget winctl []
+  (box
+    :space-evenly false
+    :orientation "h"
+    (eventbox
+      :valign "start"
+      ; :class "winctl module"
+      :onscroll "hyprctl dispatch splitratio $(echo {} | sed -e \"s/up/-0.1/g\" -e \"s/down/+0.1/g\")"
+      (label :class "winctl" :text "[ Split ]")
+    )
+  )
+)
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/modules/winstuff.yuck b/hybrid-vertical/.config/eww/modules/winstuff.yuck
new file mode 100755
index 000000000..d1fe37b22
--- /dev/null
+++ b/hybrid-vertical/.config/eww/modules/winstuff.yuck
@@ -0,0 +1,115 @@
+(defwidget winstarticon []
+  (eventbox
+    :class "winbutton-only thewinbutton"
+    :onclick "scripts/toggle-winstart.sh &"
+    :onmiddleclick "playerctl play-pause"
+    :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+    :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+    (box
+      :class "winbutton-pad"
+      (box
+        :class "winstarticon-${rev_winstart} winbutton-${rev_winstart}"
+      )
+    )
+  )
+)
+
+(defwidget winactions []
+  (eventbox
+    :class "winbutton"
+    :onhover "${EWW_CMD} update winactions_hover=true &"
+    :onhoverlost "${EWW_CMD} update winactions_hover=false &"
+    :onclick "scripts/toggle-winactions.sh &" 
+    :onscroll "echo $(echo {} | sed -e 's/down/-U 3/g' -e 's/up/-A 3/g' | xargs light) && scripts/brightness osd &"
+    (box
+      :class "winbutton-pad"
+      (box
+        :class "wintimedate winbutton-${winactions_hover || rev_winactions}"
+        :space-evenly false
+        (box
+          :orientation "h"
+          :space-evenly false
+          (image :class "winicon" :path "images/svg/dark/wifi${net.level}.svg")
+          (image :class "winicon" :path "images/svg/dark/vol${volume.audio == 1 ? round(volume.percent / 33, 0) : 'mute'}.svg")
+          (image :class "winicon" :path "images/svg/dark/bat${round(battery.percentage / 10, 0)}.svg")
+        )
+      )
+    )
+  )
+)
+
+(defwidget windate []
+  (eventbox
+    :class "winbutton"
+    :onhover "${EWW_CMD} update winnotif_hover=true &"
+    :onhoverlost "${EWW_CMD} update winnotif_hover=false &"
+    :onclick "scripts/toggle-winnotif.sh &"
+    :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+    (box
+      :class "winbutton-pad"
+      (box
+        :class "wintimedate winbutton-${winnotif_hover || rev_winnotif}"
+        :space-evenly false
+        (box
+          :orientation "v"
+          :space-evenly false
+          (box
+            :space-evenly false
+            :halign "end"
+            :class "wintime"
+            (label :text "${time.hour}" :class "winbartext")
+            (label :text ":" :class "winbartext")
+            (label :text {time.minute} :class "winbartext")
+          )
+          (label
+            :class "winbartext"
+            :text "${time.date}/${time.year}"
+          )
+        )
+        (revealer
+          :reveal {arraylength(notifications) > 0}
+          :transition "slideleft"
+          :duration "200ms"
+          :class "dummy${notifications[0].id}"
+          (box
+            :halign "center"
+            :valign "center"
+            :class "winnotif-badge"
+            (label :class "winbartext" :text "${arraylength(notifications)}")
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget wintaskbar []
+  (box
+    :orientation "h"
+    :space-evenly false
+    :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    (for app in tasks
+      (overlay
+        (eventbox
+          :class "winbutton-only"
+          :onclick "${app.count > 0 ? ('hyprctl dispatch workspace ' + app.workspace[0] + ' &') : (app.exec)}"
+          ; :tooltip "${app.class}"
+          ; :onclick "hyprctl dispatch workspace ${app.workspace[0]} && hyprctl dispatch focuswindow address:${app.address[0]} &"
+          (box
+            :class "winbutton-pad"
+            (box
+              :class "wintaskbaricon"
+              :style "
+              background-image: url('${app.icon}');
+              ${app.class == awin.class ? 'background-color: rgba(108, 112, 134, 0.4); border: 1px solid rgba(108, 112, 134, 0.15); border-top: 1px solid rgba(108, 112, 134, 0.15);' : ''}
+              "
+            )
+          )
+        )
+        (box :class "wintaskbar-indicator-${app.class == awin.class ? 'true' : (app.count > 0 ? 'false' : 'none')}")
+      )
+    )
+    ; Dummy keep alive
+    (revealer :transition "slideright" :reveal false (label :text {awin.class}))
+  )
+)
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/modules/workspaces.yuck b/hybrid-vertical/.config/eww/modules/workspaces.yuck
new file mode 100755
index 000000000..7bf2b718d
--- /dev/null
+++ b/hybrid-vertical/.config/eww/modules/workspaces.yuck
@@ -0,0 +1,93 @@
+(defwidget workspaces []
+  (eventbox
+    :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    :onmiddleclick "scripts/toggle-overview.sh &"
+    :onrightclick "scripts/toggle-overview.sh &"
+    (overlay
+      ; Only displays workspace state (has windows or not)
+      (box
+        :class "module workspaces"
+        :spacing 0
+        :space-evenly false
+        :orientation "v"
+        (for i in workspace
+          (button
+            :onclick "hyprctl dispatch workspace ${i.num}"
+            :class "ws"
+            (label
+              :valign "center"
+              :class "ws-text"
+              :style "font-size: 13pt; background-color: ${i.clr};"
+              :text "${ws-icons[i.num - 1]}"
+            )
+            ; "●"
+          )
+        )
+      )
+      ; Use a separate indicator for active workspace (animations, yay) (and more performant)
+      (button
+        :class "ws"
+        :style "
+        margin-top:  ${31 * (activews - 1)}px;
+        margin-bottom: ${31 * (10 - activews)}px;
+        "
+        (label
+          :valign "center"
+          :class "ws-text ws-text-active"
+          :style "font-size: 13pt;"
+          :text "${activews}"
+        )
+        ; "●"
+      )
+    )
+  )
+)
+
+(defwidget workspaces_top []
+  (box
+    (eventbox
+      :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+      :onmiddleclick "scripts/toggle-overview.sh &"
+      :onrightclick "scripts/toggle-overview.sh &"
+      :halign "center"
+      (box
+        :space-evenly false
+        :orientation "v"
+        ; Only displays workspace state (has windows or not)
+        (box
+          :class "workspaces-top"
+          :spacing 0
+          :space-evenly false
+          (for i in workspace
+            (button
+              :onclick "hyprctl dispatch workspace ${i.num}"
+              :class "ws-top"
+              :valign "end"
+              (label
+                :valign "center"
+                :class "ws-text-top"
+                :style "font-size: 1pt; background-color: ${i.clr};"
+              )
+            )
+          )
+        )
+        ; Use a separate indicator for active workspace (animations, yay) (and more performant)
+        (button
+          :class "ws-active-top"
+          :style "
+          margin-left:  ${31 * (activews - 1)}px;
+          margin-right: ${31 * (10 - activews)}px;
+          margin-top: -5px;
+          "
+          (label
+            :valign "center"
+            :class "ws-text-top ws-text-active"
+            :style "font-size: 1pt;"
+          )
+        )
+      )
+    )
+  )
+)
+
+; ①②③④⑤⑥⑦⑧⑨⑩
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/activewin b/hybrid-vertical/.config/eww/scripts/activewin
new file mode 100755
index 000000000..8019a5188
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/activewin
@@ -0,0 +1,12 @@
+#!/usr/bin/bash
+
+hyprctl activewindow -j | gojq -c -M
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    hyprctl activewindow -j | gojq -c -M
+  done
+fi
+
diff --git a/hybrid-vertical/.config/eww/scripts/activews b/hybrid-vertical/.config/eww/scripts/activews
new file mode 100755
index 000000000..e5264b221
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/activews
@@ -0,0 +1,22 @@
+#!/usr/bin/bash
+
+focusedws=$(hyprctl activewindow -j | gojq -c -M '.workspace.id')
+echo $focusedws
+
+if [[ "$focusedws" == 'null' ]]; then
+  echo 1
+fi
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "workspace>>" | while read -r line; do
+    case ${line%>>*} in
+      "workspace")
+        focusedws=${line#*>>}
+        echo $focusedws
+        ;;
+    esac  
+  done
+fi
+
diff --git a/hybrid-vertical/.config/eww/scripts/airplane b/hybrid-vertical/.config/eww/scripts/airplane
new file mode 100755
index 000000000..81c9e0b1c
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/airplane
@@ -0,0 +1,31 @@
+#!/bin/sh
+
+STATUS="$(rfkill list | sed -n 2p | awk '{print $3}')"
+
+icon() {
+  if [[ $STATUS == "no" ]]; then
+    echo ""
+  else
+    echo ""
+  fi
+}
+
+toggle() {
+  if [[ $STATUS == "no" ]]; then
+    rfkill block all
+    notify-send --urgency=normal -i airplane-mode-symbolic "Airplane Mode" "Airplane mode has been turned on!"
+  else
+    rfkill unblock all
+    notify-send --urgency=normal  -i airplane-mode-disabled-symbolic "Airplane Mode" "Airplane mode has been turned off!"
+  fi
+}
+
+if [[ $1 == "toggle" ]]; then
+  toggle
+else
+  while true; do
+    STATUS="$(rfkill list | sed -n 2p | awk '{print $3}')"
+    icon
+    sleep 3;
+  done
+fi
diff --git a/hybrid-vertical/.config/eww/scripts/allappnames.cpp b/hybrid-vertical/.config/eww/scripts/allappnames.cpp
new file mode 100644
index 000000000..d1585b68b
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/allappnames.cpp
@@ -0,0 +1,128 @@
+#include <pwd.h>
+#include <unistd.h>
+
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+// A simple struct to store the name and exec properties of a desktop entry
+struct DesktopEntry {
+    string name;
+    string exec;
+    string icon;
+    bool show;
+};
+
+vector<DesktopEntry> allApps;
+json apps;
+int mode = 0;  // 0: Object, 1: Array
+
+// A function that reads a .desktop file and returns a DesktopEntry struct
+DesktopEntry read_desktop_file(const string& filename) {
+    DesktopEntry entry;
+    entry.show = true;
+
+    ifstream file(filename);
+    if (file.is_open()) {
+        string line;
+        while (getline(file, line)) {
+            // Skip comments and empty lines
+            if (line.empty() || line[0] == '#') {
+                continue;
+            }
+            if (line.substr(0, 1) == "[" &&
+                line.substr(0, 15) == "[Desktop Action")
+                break;
+            // Split the line by '=' and store the key-value pair
+            size_t pos = line.find('=');
+            if (pos != string::npos) {
+                string key = line.substr(0, pos);
+                string value = line.substr(pos + 1);
+                // Store the name and exec properties
+                if (key == "Name") {
+                    entry.name = value;
+                } else if (key == "Exec") {
+                    entry.exec = value;
+                } else if (key == "Icon") {
+                    entry.icon = value;
+                } else if (key == "NoDisplay" && value == "true") {
+                    entry.show = false;
+                }
+            }
+        }
+        // cout << entry.name << " " << entry.exec << " " << entry.icon << "\n";
+        file.close();
+    }
+    return entry;
+}
+
+bool lf(DesktopEntry a, DesktopEntry b) { return a.name < b.name; }
+
+// A function that prints out all desktop entry names and exec properties in a
+// given directory
+void get_desktop_entries(const string& dirname) {
+    // Iterate over all files in the directory
+    for (const auto& entry : filesystem::directory_iterator(dirname)) {
+        // Check if the file has a .desktop extension
+        if (entry.path().extension() == ".desktop") {
+            DesktopEntry thisEntry = read_desktop_file(entry.path());
+            if (thisEntry.show) allApps.push_back(thisEntry);
+        }
+    }
+}
+
+void to_json() {
+    sort(allApps.begin(), allApps.end(), lf);
+    for (const auto& entry : allApps) {
+        json thisApp;
+        thisApp["name"] = entry.name;
+        thisApp["icon"] = entry.icon;
+        thisApp["exec"] = entry.exec;
+        // Get
+        if (mode == 0)
+            apps[entry.name] = thisApp;
+        else
+            apps.push_back(thisApp);
+    }
+}
+
+string get_username() {
+    uid_t uid = geteuid();
+    struct passwd* pw = getpwuid(uid);
+    return pw->pw_name;
+}
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+
+    if (argc == 3 && string(argv[1]) == "--mode") {
+        if (string(argv[2]) == "object")
+            mode = 0;
+        else if (string(argv[2]) == "array")
+            mode = 1;
+        else
+            mode = stoi(string(argv[2]));
+    }
+
+    string username = get_username();
+    // Print all desktop entries in /usr/share/applications/
+    get_desktop_entries("/usr/share/applications/");
+    get_desktop_entries("/home/" + username + "/.local/share/applications");
+    get_desktop_entries("/var/lib/flatpak/exports/share/applications");
+
+    // Get em in the json object
+    to_json();
+    // Print
+    for (const auto& entry : allApps) {
+        cout << entry.name << '\n';
+    }
+
+    return 0;
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/allapps.cpp b/hybrid-vertical/.config/eww/scripts/allapps.cpp
new file mode 100644
index 000000000..fb72f6805
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/allapps.cpp
@@ -0,0 +1,253 @@
+#include <pwd.h>
+#include <sys/stat.h>
+#include <unistd.h>
+
+#include <algorithm>
+#include <cctype>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+// A simple struct to store the name and exec properties of a desktop entry
+struct DesktopEntry {
+    string name;
+    string exec;
+    string icon;
+    string filename;
+    string filepath;
+    bool show;
+};
+
+vector<DesktopEntry> allApps;
+json apps;
+int mode = 0;  // 0: Object, 1: Array, 2: Start (Contains JSON for letters)
+string iconTheme = "";
+
+// Returns the file name from a path
+std::string getFileName(const std::string& path) {
+    // Find the last position of '/' or '\' in the path
+    size_t pos = path.find_last_of("/\\");
+    // If none is found, return the whole path
+    if (pos == std::string::npos) return path;
+    // Otherwise, return the substring after the last slash
+    return path.substr(pos + 1);
+}
+
+// Returns the file name without extension from a path
+string getFileNameNoExt(const string& path) {
+    string filename = getFileName(path);  // Get file name (with extension)
+    size_t pos = filename.find_last_of(".");
+    if (pos == string::npos) return filename;  // Name found
+    return filename.substr(0, pos);
+}
+
+// Function to check if file exists, if yes read it
+string readIfExists(const string& name) {
+    ifstream f(name.c_str());
+    stringstream buffer;
+    if (f) {                  // check if the file was opened successfully
+        buffer << f.rdbuf();  // read the whole file into a string stream
+        f.close();            // close the file when done
+    }
+    return buffer.str();  // return the string stream as a string
+}
+
+void writeToFile(const string& name, const string& content) {
+    ofstream f(name.c_str(), ios::app);  // open the file in append mode
+    if (f) {                   // check if the file was opened successfully
+        f << content << "\n";  // write the content to the file
+        f.close();             // close the file when done
+    } else {
+        cerr << "Error: could not open " << name
+             << "\n";  // print an error message to the standard error
+    }
+}
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+string getIconPath(string iconname) {
+    if (iconTheme == "") {
+        iconTheme =
+            exec(string("gsettings get org.gnome.desktop.interface icon-theme")
+                     .c_str());
+        iconTheme.pop_back();
+        // cout << "icon theme: " << iconTheme << '\n';
+    }
+    if (iconname.size() == 0) {
+        return "";
+    } else if (iconname[0] == '/') {
+        return iconname;  // Already absolute path
+    } else if (iconname[0] == '\n') {
+        return "";  // wtf
+    }
+    string path = readIfExists("scripts/cache/" + iconname);
+    if (path == "") {
+        path = exec(string("geticons -t " + iconTheme + " " + string(iconname) +
+                           " | head -n 1")
+                        .c_str());
+        // cout << "path: " << path << '\n';
+        writeToFile("scripts/cache/" + iconname, path);
+        // cout << "icon name: " << iconname << '\n';
+        // cout << "path: " << path << '\n';
+    }
+    while (path.size() > 0 && *path.rbegin() == '\n')
+        path.pop_back();  // Remove '\n'
+    return path;
+}
+
+// A function that reads a .desktop file and returns a DesktopEntry struct
+DesktopEntry readDesktopFile(const string& filename) {
+    DesktopEntry entry;
+    entry.show = true;
+    entry.filename = getFileNameNoExt(filename);
+    entry.filepath = filename;
+
+    ifstream file(filename);
+    if (file.is_open()) {
+        string line;
+        while (getline(file, line)) {
+            // Skip comments and empty lines
+            if (line.empty() || line[0] == '#') {
+                continue;
+            }
+            if (line.substr(0, 1) == "[" &&
+                line.substr(0, 15) == "[Desktop Action")
+                break;
+            // Split the line by '=' and store the key-value pair
+            size_t pos = line.find('=');
+            if (pos != string::npos) {
+                string key = line.substr(0, pos);
+                string value = line.substr(pos + 1);
+                // Store properties
+                if (key == "Name") {
+                    entry.name = value;
+                } else if (key == "Exec") {
+                    entry.exec = value;
+                } else if (key == "Icon") {
+                    entry.icon = getIconPath(value);
+                } else if (key == "NoDisplay" && value == "true") {
+                    entry.show = false;
+                }
+            }
+        }
+        file.close();
+    }
+    return entry;
+}
+
+string lowercaseOf(string s) {
+    for (char& c : s) {
+        c = tolower(c);
+    }
+    return s;
+}
+
+bool lf(DesktopEntry a, DesktopEntry b) {
+    if (tolower(a.name[0]) == tolower(b.name[0]))
+        return a.name < b.name;
+    else
+        return tolower(a.name[0]) < tolower(b.name[0]);
+}
+
+// A function that prints out all desktop entry names and exec properties in a
+// given directory
+void getDesktopEntries(const string& dirname) {
+    // Iterate over all files in the directory
+    for (const auto& entry : filesystem::directory_iterator(dirname)) {
+        // Check if the file has a .desktop extension
+        if (entry.path().extension() == ".desktop") {
+            // Read the file and print its name and exec properties
+            DesktopEntry thisEntry = readDesktopFile(entry.path());
+            // cout << thisEntry.name << " [icon: " << thisEntry.icon << "]\n";
+            if (thisEntry.show) allApps.push_back(thisEntry);
+        }
+    }
+}
+
+void toJson() {
+    if (mode == 2) cout << '[';
+    sort(allApps.begin(), allApps.end(), lf);
+    int i = -1;
+    for (const auto& entry : allApps) {
+        i++;
+        // cout << entry.name << ", ";
+        json thisApp;
+        thisApp["name"] = entry.name;
+        thisApp["icon"] = entry.icon;
+        thisApp["exec"] = entry.exec;
+        thisApp["filename"] = entry.filename;
+        thisApp["filepath"] = entry.filepath;
+        // Get
+        if (mode == 0)
+            apps[entry.name] = thisApp;
+        else if (mode == 1)
+            apps.push_back(thisApp);
+        else if (mode == 2) {
+            cout << "{\"name\":\"" + entry.name + "\",\"icon\":\"" +
+                        entry.icon + "\",\"exec\":\"" + entry.exec + "\"}";
+            if (i != int(allApps.size()) - 1) cout << ",";
+        }
+    }
+    if (mode == 0 || mode == 1)
+        cout << apps << '\n';
+    else if (mode == 2)
+        cout << ']' << '\n';
+}
+
+string getUsername() {
+    uid_t uid = geteuid();
+    struct passwd* pw = getpwuid(uid);
+    return pw->pw_name;
+}
+
+void addLetters() {
+    for (char c = 'A'; c <= 'Z'; c++) {
+        DesktopEntry thisLetter;
+        thisLetter.name = c;
+        thisLetter.exec = "";
+        thisLetter.icon = "_letter";
+        allApps.push_back(thisLetter);
+    }
+}
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+
+    if (argc == 3 && string(argv[1]) == "--mode") {
+        if (string(argv[2]) == "object")
+            mode = 0;
+        else if (string(argv[2]) == "array")
+            mode = 1;
+        else if (string(argv[2]) == "start")
+            mode = 2;
+        else
+            mode = stoi(string(argv[2]));
+    }
+
+    string username = getUsername();
+    // Print all desktop entries in common locations
+    getDesktopEntries("/usr/share/applications/");
+    getDesktopEntries("/home/" + username + "/.local/share/applications");
+    getDesktopEntries("/var/lib/flatpak/exports/share/applications");
+    if (mode == 2) addLetters();
+    // Get a json and print
+    toJson();
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/appicons b/hybrid-vertical/.config/eww/scripts/appicons
new file mode 100755
index 000000000..5d7cff5a5
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/appicons
@@ -0,0 +1,64 @@
+#!/usr/bin/bash
+
+geticonlist() {
+    classes=$(hyprctl clients | grep -e 'class: ' | sed 's/\tclass: //')
+    addresses=$(hyprctl clients | grep -e ' -> ')
+    # echo "$classes"
+    IFS=$'\n'
+    classarr=($(echo "$classes"))
+    addressarr=($(echo "$addresses"))
+    iconarr=($(echo "$classes"))
+
+    for i in "${!classarr[@]}"; do
+        addressarr[i]=$(echo "0x${addressarr[i]% -> *}" | sed 's/Window //')
+        # echo "${addressarr[i]}"
+    done
+
+    for i in "${!classarr[@]}"; do
+        classarr[i]=$(echo ${classarr[i]})
+        if [ -f "scripts/cache/${classarr[i]}" ]; then
+            iconarr[i]=$(cat scripts/cache/${classarr[i]})
+            if [ ! -f "${iconarr[i]}" ]; then # Cache refresh if icon doesnt exist
+                iconarr[i]=$(scripts/get-icon.py "${classarr[i]}")
+                echo "${iconarr[i]}" > "scripts/cache/${classarr[i]}"
+            fi
+        else
+            iconarr[i]=$(scripts/get-icon.py "${classarr[i]}")
+            echo "${iconarr[i]}" > "scripts/cache/${classarr[i]}"
+        fi
+        if [[ ${iconarr[i]} = "not found" ]]; then
+          iconarr[i]=$(scripts/get-icon.py "$(echo "${classarr[i]##*.}" | tr '[:upper:]' '[:lower:]')")
+          if [[ ! ${iconarr[i]} = "not found" ]]; then
+            rm "scripts/cache/${classarr[i]}"
+            echo "${iconarr[i]}" > "scripts/cache/${classarr[i]}"
+          else 
+            iconarr[i]="/home/$USER/.local/share/icons/candy-icons/mimetypes/scalable/application-x-theme.svg"
+            rm "scripts/cache/${classarr[i]}"
+            echo "${iconarr[i]}" > "scripts/cache/${classarr[i]}"
+          fi
+        fi
+    done
+
+    printf '['
+    for i in "${!classarr[@]}"; do
+        if [ $i -ne 0 ]; then
+          printf ', '
+        fi
+        # printf '{'
+        # printf "\"${addressarr[i]}\": \"${iconarr[i]}\""
+        # printf '}'
+        printf "\"${iconarr[i]}\""
+    done
+    printf ']\n'
+}
+
+geticonlist
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | while read -r line; do
+    geticonlist
+  done
+fi
+
diff --git a/hybrid-vertical/.config/eww/scripts/applycolor b/hybrid-vertical/.config/eww/scripts/applycolor
new file mode 100755
index 000000000..167e732ed
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/applycolor
@@ -0,0 +1,24 @@
+#!/usr/bin/env bash
+cp -r images/svg/dark/* images/svg/
+
+filelist=$(ls 'images/svg' -p | grep -v /)
+
+IFS=$'\n'
+filearr=($(echo "$filelist"))
+
+c1=$(cat css/_iconcolor.txt | head -2 | tail -1)
+c2=$(cat css/_iconcolor.txt | head -3 | tail -1)
+c3=$(cat css/_iconcolor.txt | head -2 | tail -1)
+c4=$(cat css/_iconcolor.txt | head -5 | tail -1)
+c5=$(cat css/_iconcolor.txt | head -6 | tail -1)
+
+sed -i "s/white/$c1/gi" "images/svg/beatmappacks.svg"
+sed -i "s/white/$c2/gi" "images/svg/forum.svg"
+sed -i "s/white/$c3/gi" "images/svg/search.svg"
+sed -i "s/white/$c4/gi" "images/svg/settings.svg"
+sed -i "s/white/$c5/gi" "images/svg/tournaments.svg"
+
+for i in "${!filearr[@]}"; do
+  # echo "images/svg/${filearr[$i]}"
+  sed -i "s/white/$1/gi" "images/svg/${filearr[$i]}"
+done
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/appsearch b/hybrid-vertical/.config/eww/scripts/appsearch
new file mode 100755
index 000000000..546d751a5
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/appsearch
@@ -0,0 +1,146 @@
+#!/usr/bin/bash
+
+IFS=$'\n'
+entrynames=( $(cat 'scripts/cache/entrynames.txt' | fzf --filter="$1" | head -n 10) )
+entries=( $(cat 'scripts/cache/entries.txt') )
+
+addedNewActions=false
+
+geticonof() {
+  clientclass=''
+  clientclass=$1
+  iconpath=''
+  # Get app icon
+  if [ -f "scripts/cache/$clientclass" ]; then
+      iconpath=$(cat scripts/cache/$clientclass)
+      if [ ! -f "${iconpath}" ]; then # Cache refresh if icon doesnt exist
+          iconpath=$(geticons -t "$(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g")" "$clientclass" | head -n 1)
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+      fi
+  else
+      iconpath=$(geticons -t "$(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g")" "$clientclass" | head -n 1)
+      echo "${iconpath}" > "scripts/cache/$clientclass"
+  fi
+  if [[ ${iconpath} == "" ]]; then
+    # Retry with lowercase if icon not found
+    iconpath=$(geticons -t "$(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g")" $(echo "$clientclass" | tr '[:upper:]' '[:lower:]' | sed 's/\ /-/g') | head -n 1)
+
+    if [[ ! ${iconpath} = "" ]]; then
+      rm "scripts/cache/$clientclass"
+      echo "${iconpath}" > "scripts/cache/$clientclass"
+    else 
+      newname=$(scripts/iconpatch $clientclass)
+      iconpath=$(geticons -t "$(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g")" "$newname" | head -n 1)
+      if [[ ! ${iconpath} = "" ]]; then
+        rm "scripts/cache/$clientclass"
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+      else
+        # Fallback app icon, replace the path below to the fallback icon of your choice
+        # iconpath="/usr/share/icons/Win11-dark/mimes/48/application-x-executable.svg"
+        iconpath=$(geticons -t "$(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g")" "application-x-executable" | head -n 1)
+        rm "scripts/cache/$clientclass"
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+      fi
+    fi
+  fi
+  echo "$iconpath"
+}
+
+quiteSureNotMath() {
+  if [[ ${1:0:1} != "0" \
+  && ${1:0:1} != "1" \
+  && ${1:0:1} != "2" \
+  && ${1:0:1} != "3" \
+  && ${1:0:1} != "4" \
+  && ${1:0:1} != "5" \
+  && ${1:0:1} != "6" \
+  && ${1:0:1} != "7" \
+  && ${1:0:1} != "8" \
+  && ${1:0:1} != "9" \
+  && ${1:0:1} != "(" \
+  && ${1:0:1} != ")" \
+  ]]; then
+    echo 'true'
+  else
+    echo 'false'
+  fi
+}
+
+# Search inits: math
+if [[ "$1" == "--calculator" ]]; then
+  echo -n '[{"name":"Calculator - Type something!","icon":"images/svg/dark/calculator.svg","exec":"wl-copy \"Clipboard contents ;)\""}]'
+  eww update winsearch_actions='{"name":"Calculator - Type something!","icon":"images/svg/dark/calculator.svg","exec":"wl-copy \"Clipboard contents ;)\""}'
+  eww update winsearch_actions_type='Math result'
+  addedNewActions=true
+  exit 0
+fi
+
+# Quick commands
+if [[ "$1" == ">"* ]]; then
+  cd ~/.config/eww 
+  if [[ "$1" == ">load"* ]]; then
+    searching=$(echo "$1" | sed 's/>load //g'  | sed 's/>load//g')
+    profilenames=( $(ls css/savedcolors/ | grep .txt | sed 's/_iconcolor_//g' | sed 's/.txt//g' | fzf --filter="$searching") )
+    echo -n '['
+    for x in "${!profilenames[@]}"; do
+      if [ "$x" != "0" ]; then
+        printf ','
+      fi
+      profilejson='{"name": "'"${profilenames[x]}"'", "exec": ">load '"${profilenames[x]}"'"}'
+      if (( x == 0 )); then
+        eww update winsearch_actions="$profilejson"
+        eww update winsearch_actions_type='Color theme'
+        addedNewActions=true
+      fi
+
+      echo -n "$profilejson"
+    done
+    echo -n ']'
+  else
+    echo '[]'
+  fi
+  exit 0
+fi
+
+# Do math
+if [[ $(quiteSureNotMath "$1") == "false" ]]; then
+  mathAns=$(qalc $1 | head -n 1)
+  mathAns="${mathAns#*= }"
+  mathAns="${mathAns#*≈ }"
+  if [[ "$mathAns" == *"error"* || "$mathAns" == *"warning"* ]]; then
+    echo '[{"name":"Invalid math","icon":"images/svg/dark/calculator.svg","exec":"wl-copy \"Clipboard contents ;)\""}]'
+    exit 0
+  else
+    ansjson='{"name": "'"$mathAns"'","icon":"images/svg/dark/calculator.svg","exec": "wl-copy \"'"$mathAns"'\""}'
+    eww update winsearch_actions="$ansjson"
+    eww update winsearch_actions_type='Math result'
+    addedNewActions=true
+    echo '['"$ansjson"']'
+  fi
+  exit 0
+fi
+
+# Application search
+printf '['
+
+for x in "${!entrynames[@]}"; do
+  if [ "$x" != "0" ]; then
+    printf ','
+  fi
+  appjson=$(echo $entries | gojq -c -M '."'"${entrynames[x]}"'"')
+  if (( x == 0 )); then
+    eww update winsearch_actions="$appjson"
+    eww update winsearch_actions_type='Application'
+    addedNewActions=true
+  fi
+  # iconname=$(echo "$appjson" | gojq -r -c -M '.icon')
+  # appjson=$(echo "$appjson" | gojq '.icon = "'$(geticonof "$iconname")'"')
+  echo -n "$appjson"
+done
+
+printf ']'
+
+if [[ "$addedNewActions" == "false" ]]; then
+  eww update winsearch_actions='{"name":"'"$1"'","icon":"images/svg/dark/protocol.svg","exec":"wl-copy \"Clipboard contents ;)\""}'
+  eww update winsearch_actions_type='Run command'
+fi
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/audioapps.cpp b/hybrid-vertical/.config/eww/scripts/audioapps.cpp
new file mode 100644
index 000000000..1a82c968d
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/audioapps.cpp
@@ -0,0 +1,133 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+string clients;
+json clientjson, apps;
+string iconTheme = "";
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+// Function to check if file exists, if yes read it
+string readIfExists(const string& name) {
+    ifstream f(name.c_str());
+    stringstream buffer;
+    if (f) {                  // check if the file was opened successfully
+        buffer << f.rdbuf();  // read the whole file into a string stream
+        f.close();            // close the file when done
+    }
+    return buffer.str();  // return the string stream as a string
+}
+
+void writeToFile(const string& name, const string& content) {
+    ofstream f(name.c_str(), ios::app);  // open the file in append mode
+    if (f) {                   // check if the file was opened successfully
+        f << content << "\n";  // write the content to the file
+        f.close();             // close the file when done
+    } else {
+        cerr << "Error: could not open " << name
+             << "\n";  // print an error message to the standard error
+    }
+}
+
+string getIconPath(string iconname) {
+    if (iconTheme == "") {
+        iconTheme =
+            exec(string("gsettings get org.gnome.desktop.interface icon-theme")
+                     .c_str());
+        iconTheme.pop_back();
+        // cout << "icon theme: " << iconTheme << '\n';
+    }
+    if (iconname.size() == 0) {
+        return "";
+    } else if (iconname[0] == '/') {
+        return iconname;  // Already absolute path
+    } else if (iconname[0] == '\n') {
+        return "";  // wtf
+    }
+    string path = readIfExists("scripts/cache/" + iconname);
+    if (path == "") {
+        path = exec(
+            string("geticons -t " + iconTheme + " " + string(iconname) + " | head -n 1").c_str());
+        writeToFile("scripts/cache/" + iconname, path);
+        // cout << "icon name: " << iconname << '\n';
+        // cout << "path: " << path << '\n';
+    }
+    while (path.size() > 0 && *path.rbegin() == '\n')
+        path.pop_back();  // Remove '\n'
+    return path;
+}
+
+void addApp(json& client) {
+    string volumestr = client["volume"]["front-left"]["value_percent"];
+    volumestr.pop_back();
+    int volume = stoi(volumestr);
+    client = client["properties"];
+
+    bool found = false;
+    for (json& obj : apps) {
+        auto it = obj.find("name");
+        if (it != obj.end() && *it == client["application.name"]) {
+            found = true;
+            obj["count"] = int(obj["count"]) + 1;
+            obj["volume"].push_back(
+                json::array({client["object.serial"], volume}));
+            break;
+        }
+    }
+    if (!found) {
+        json newApp =
+            R"({"name": "", "count": 1, "volume": [], "icon": ""})"_json;
+        newApp["name"] = client["application.name"];
+        newApp["volume"].push_back(
+            json::array({client["object.serial"], volume}));
+
+        string iconpath;
+        auto it = client.find("application.icon_name");
+        if (it != client.end())
+            iconpath = getIconPath(client["application.icon_name"]);
+        else {
+            iconpath = getIconPath(client["application.process.binary"]);
+        }
+        newApp["icon"] = iconpath;
+
+        apps.push_back(newApp);
+    }
+}
+
+void getAudioClients() {
+    clients = exec("pactl --format json list sink-inputs");
+    clientjson = json::parse(clients);
+    for (json client : clientjson) {
+        addApp(client);
+        // cout << client << '\n';
+    }
+}
+
+int main() {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+
+    getAudioClients();
+    cout << apps << '\n';
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/audiolevels b/hybrid-vertical/.config/eww/scripts/audiolevels
new file mode 100755
index 000000000..ba001d09d
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/audiolevels
@@ -0,0 +1,84 @@
+#!/usr/bin/bash
+dostuff(){
+  sinks=$(pactl list sink-inputs  \
+          | grep -e "Sink Input" \
+          | sed 's/Sink Input #//')
+  names=$(pactl list sink-inputs \
+          | sed 's/"//g' \
+          | sed 's/application-name://'  \
+          | grep -e "application.name" \
+          | sed 's/application.name = //' \
+          | sed 's/\t\t//' )
+  vols=$(pactl list sink-inputs  \
+          | grep -e "Volume:" \
+          | sed 's/Volume: front-left: //' \
+          | sed 's/front-right: //' \
+          | sed 's/front-right: //' \
+          | tr " " "\n" \
+          | grep -e % \
+          | sed 's/%//g' )
+  binaries=$(pactl list sink-inputs \
+          | grep -e 'application.process.binary' -e 'application.icon_name' \
+          | sed 's/\t//g' \
+          | sed 's/application.process.binary = //g' \
+          | sed 's/application.icon_name = //g' \
+          | sed 's/"//g' )
+  
+  # echo "-=-=-=-=-=-=-=-=- Debug: Raw value -=-=-=-=-=-=-=-=-"
+  # echo "$sinks"
+  # echo "$names"
+  # echo "$vols"
+  
+  IFS=$'\n'
+  sinkarr=($(echo "$sinks"))
+  namearr=($(echo "$names"))
+  volarr=($(echo "$vols"))
+  iconarr=($(echo "$binaries"))
+
+  # Get icons
+  for i in "${!iconarr[@]}"; do
+    iconarr[$i]=$(geticons -t "$(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g")" ${iconarr[i]} | head -n 1)
+  done
+  
+  # Functions
+  sanitize() {
+      echo "$1" | sed 's/"/\"/g'
+  }
+  
+  geticon() {
+  #     notify-send "${volarr[$((i*2))]}"
+      if [ "${volarr[$(($1*2))]}" -eq "0" ]; then
+          echo ""
+      else 
+          echo ""
+      fi
+  }
+  
+  # Print final JSON
+  printf '['
+  for i in "${!sinkarr[@]}"; do
+      if [ $i -ne 0 ]; then
+          printf ', '
+      fi
+      echo -n '{''"sink": "'"${sinkarr[$i]}"'", "name": "'"${namearr[$i]}"'", "volume": "'"${volarr[$((i*2))]}"'"}'
+    #   echo -n '{''"sink": "'"${sinkarr[$i]}"'", "icon": "'"${iconarr[$i]}"'", "name": "'"${namearr[$i]}"'", "volume": "'"${volarr[$((i*2))]}"'"}'
+  done
+  printf ']\n'
+  
+  # echo "$sinks"
+  # echo "$names"
+  # echo "$vols"
+}
+
+
+cd ~/.config/eww
+# dostuff
+scripts/audioapps
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+    pactl subscribe | rg --line-buffered "on sink" | while read -r _; do
+        scripts/audioapps
+    done
+fi
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/battery b/hybrid-vertical/.config/eww/scripts/battery
new file mode 100755
index 000000000..8f743de0d
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/battery
@@ -0,0 +1,133 @@
+#!/usr/bin/env bash
+
+icons=("" "" "" "" "" "" "" "")
+
+gettime() {
+	FULL=$(cat /sys/class/power_supply/BATT/charge_full)
+	NOW=$(cat /sys/class/power_supply/BATT/charge_now)
+
+	if [ "$RATE" -gt 0 ]; then
+		if [ "$STATE" = "Discharging" ]; then
+			EX="$NOW / $RATE"
+		else
+			EX="($FULL - $NOW) / $RATE"
+		fi
+		date -u -d@"$(bc -l <<< "$EX * 3600")" +%H:%M
+	fi
+}
+
+geticon() {
+	if [ "$STATE" = "Charging" ]; then
+    level=$(awk -v n="$CAPACITY" 'BEGIN{print int((n-1)/12)}')
+		echo "${icons[$level]}"
+	else
+    level=$(awk -v n="$CAPACITY" 'BEGIN{print int((n-1)/12)}')
+		echo "${icons[$level]}"
+	fi
+}
+
+status() {
+	if [ "$STATE" = "Charging" ]; then
+		echo -n "charging"
+
+		if [ "$RATE" -gt 0 ]; then
+			echo ", $(gettime) left"
+		else
+			echo ""
+		fi
+	elif [ "$STATE" = "Discharging" ]; then
+		echo "$(gettime)h left"
+	else
+		echo "fully charged"
+	fi
+}
+
+statch() {
+	if [ "$STATE" = "Discharging" ]; then #Not charging, below 20%
+		if [ "$CAPACITY" -le 5 ]; then
+			echo 'deadly'
+		elif [ "$CAPACITY" -le 10 ]; then
+			echo 'critical'
+		elif [ "$CAPACITY" -le 30 ]; then
+			echo 'low'
+		else 
+			echo 'normal'
+		fi
+	else 
+		echo 'charging'
+	fi
+}
+
+chargestatus() {
+	if [ "$STATE" = "Charging" ]; then
+		echo -n ""
+	elif [ "$STATE" = "Discharging" ]; then
+		echo -n "‎ "
+	fi
+}
+
+circolor() {
+	if [[ "$CAPACITY" -le 20 && "$STATE" = "Discharging" ]]; then
+		cat images/svg/color.txt
+	else
+		cat images/svg/color.txt
+	fi
+}
+
+cirbgcolor() {
+	if [[ "$CAPACITY" -le 20 && "$STATE" = "Discharging" ]]; then
+		echo '#EF738A'
+	else
+		echo 'transparent'
+	fi
+}
+
+color() {
+	if [ "$CAPACITY" -le 20 ]; then
+		echo '#EF738A'
+	else
+		echo 'white'
+	fi
+}
+
+bgcolor() {
+	if [ "$CAPACITY" -le 20 ]; then
+		echo '#EF738A'
+	else
+		echo 'transparent'
+	fi
+}
+
+wattage() {
+	echo "$(bc -l <<< "scale=1; $RATE / 1000000") W"
+}
+
+warnedlow=0
+
+while true; do
+	RATE=$(cat /sys/class/power_supply/BATT/voltage_now)
+	CAPACITY=$(cat /sys/class/power_supply/BATT/capacity)
+	STATE=$(cat /sys/class/power_supply/BATT/status)
+
+	if [[ "$CAPACITY" -le 5 && "$STATE" = "Discharging" ]]; then
+		if [ $warnedlow == 0 ]; then 
+			warnedlow=1
+			notify-send 'FREAKING PLUG IN THE CHARGER ALREADY' '!!111!!1!123!!!' -u critical -a 'eww'
+		fi
+	elif [[ "$CAPACITY" -le 10 && "$STATE" = "Discharging" ]]; then
+		if [ $warnedlow == 0 ]; then 
+			warnedlow=1
+			notify-send 'Battery verrry low' 'Hello?' -u critical -a 'eww'
+		fi
+	elif [[ "$CAPACITY" -le 20 && "$STATE" = "Discharging" ]]; then
+		if [ $warnedlow == 0 ]; then 
+			warnedlow=1
+			notify-send 'Battery low' 'Plug in your charger pweeeeaaase :>' -u critical -a 'eww'
+		fi
+	else
+	    warnedlow=0
+	fi
+
+	echo '{"quickicon": "'"$(chargestatus)"'", "icon": "'"$(geticon)"'", "percentage": '"$CAPACITY"', "wattage": "'"$(wattage)"'", "status": "'"$(status)"'", "circolor": "'"$(circolor)"'", "cirbgcolor": "'"$(cirbgcolor)"'", "color": "'"$(color)"'", "bgcolor": "'"$(bgcolor)"'" }'
+	sleep 3
+done
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/bluetooth b/hybrid-vertical/.config/eww/scripts/bluetooth
new file mode 100755
index 000000000..112069540
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/bluetooth
@@ -0,0 +1,51 @@
+#!/usr/bin/env bash
+
+declare -A baticon=([10]="󰤾" [20]="󰤿" [30]="󰥀" [40]="󰥁" [50]="󰥂" [60]="󰥃" [70]="󰥄" [80]="󰥅" [90]="󰥆" [100]="󰥈")
+
+toggle() {
+  status=$(rfkill -J | jq -r '.rfkilldevices[] | select(.type == "bluetooth") | .soft' | head -1)
+
+  if [ "$status" = "unblocked" ]; then
+    rfkill block bluetooth
+  else
+    rfkill unblock bluetooth
+  fi
+}
+
+if [ "$1" = "toggle" ]; then
+  toggle
+else
+  while true; do
+    powered=$(bluetoothctl show | rg Powered | cut -f 2- -d ' ')
+    status=$(bluetoothctl info)
+    name=$(echo "$status" | rg Name | cut -f 2- -d ' ')
+    mac=$(echo "$status" | head -1 | awk '{print $2}' | tr ':' '_')
+
+    if [[ "$(echo "$status" | rg Percentage)" != "" ]]; then
+      battery=$(upower -i /org/freedesktop/UPower/devices/headset_dev_"$mac" | rg percentage | awk '{print $2}' | cut -f 1 -d '%')
+      batt_icon=${baticon[$battery]}
+    else
+      batt_icon=""
+    fi
+
+    if [ "$powered" = "yes" ]; then
+      if [ "$status" != "Missing device address argument" ]; then
+        text="$name"
+        icon=""
+        color="#89b4fa"
+      else
+        icon=""
+        text="Disconnected"
+        color="#45475a"
+      fi
+    else
+      icon=""
+      text="Bluetooth off"
+      color="#45475a"
+    fi
+
+    echo '{ "icon": "'"$icon"'", "batt_icon": "'"$batt_icon"'", "text": "'"$text"'", "color": "'"$color"'" }'
+
+    sleep 3
+  done
+fi
diff --git a/hybrid-vertical/.config/eww/scripts/brightness b/hybrid-vertical/.config/eww/scripts/brightness
new file mode 100755
index 000000000..1f79bec25
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/brightness
@@ -0,0 +1,59 @@
+#!/usr/bin/env bash
+cd ~/.config/eww 
+
+icons=("" "" "")
+XDG_CACHE_HOME="$HOME/.cache"
+date="$XDG_CACHE_HOME/eww/osd_brightness.date"
+lock=0
+
+showhide() {
+  # get dates
+  rundate=$(cat "$date")
+  currentdate=$(date +%s)
+
+  # handle showing
+  if [ "$rundate" = "$currentdate" ] && [ "$lock" -eq 0 ]; then
+    scripts/toggle-osd-bright.sh --open
+    lock=1
+  elif [ $((currentdate - rundate)) -ge 2 ] && [ "$lock" -eq 1 ]; then
+    scripts/toggle-osd-bright.sh --close > /dev/null
+    lock=0
+  fi
+}
+
+osd() {
+  if [ ! -f "$date" ]; then
+    mkdir -p "$XDG_CACHE_HOME/eww"
+  fi
+  date +%s > "$date"
+  # showhide
+}
+
+osd_handler() {
+  lock=0
+  rundate=0
+  if [ ! -f "$date" ]; then
+    mkdir -p "$XDG_CACHE_HOME/eww"
+    echo 0 > "$date"
+  fi
+
+  while true; do
+    showhide
+    sleep 0.1
+  done
+}
+
+if [ "$1" = "osd" ]; then
+  osd
+else
+  # initial
+  icon=${icons[$(awk -v n="$(light)" 'BEGIN{print int(n/34)}')]}
+  echo '{ "level": '"$(light)"', "icon": "'"$icon"'" }'
+
+  osd_handler &
+  udevadm monitor | rg --line-buffered "backlight" | while read -r _; do
+    icon="${icons[$(awk -v n="$(light)" 'BEGIN{print int(n/34)}')]}"
+
+    echo '{ "level": '"$(light)"', "icon": "'"$icon"'" }'
+  done
+fi
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/calendarlayout.cpp b/hybrid-vertical/.config/eww/scripts/calendarlayout.cpp
new file mode 100644
index 000000000..cb3100f11
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/calendarlayout.cpp
@@ -0,0 +1,138 @@
+#include <chrono>
+#include <ctime>
+#include <iostream>
+#include <string>
+using namespace std;
+
+int year, month, day, weekday, weekdayOfMonthFirst;
+bool leapYear;
+int daysInMonth, daysInLastMonth, daysInNextMonth;
+bool highlight = true;
+
+int calendar[6][7];
+int today[6][7];
+
+void getTime() {
+    // Time
+    time_t now = time(0);
+    tm* ltm = localtime(&now);
+    // To vars
+    year = 1900 + ltm->tm_year;
+    month = 1 + ltm->tm_mon;
+    day = ltm->tm_mday;
+    weekday = ltm->tm_wday - 1;
+    weekdayOfMonthFirst = (weekday + 35 - (day - 1)) % 7;
+    // cout << weekday << ", " << day << '/' << month << '/' << year << '\n';
+}
+
+void setTime(int wd, int d, int m, int y) {
+    wd--;
+    highlight = false;
+    year = y;
+    month = m;
+    day = d;
+    weekday = wd;
+    weekdayOfMonthFirst = (weekday + 35 - (day - 1)) % 7;
+    // cout << weekday << ", " << day << '/' << month << '/' << year << '\n';
+}
+
+void checkLeapYear() {
+    if (year % 400 == 0 || (year % 4 == 0 && year % 100 != 0))
+        leapYear = true;
+    else
+        leapYear = false;
+}
+
+void getMonthDays() {
+    // Days in this month
+    if ((month <= 7 && month % 2 == 1) || (month >= 8 && month % 2 == 0))
+        daysInMonth = 31;
+    else if (month == 2 && leapYear)
+        daysInMonth = 29;
+    else if (month == 2 && !leapYear)
+        daysInMonth = 28;
+    else
+        daysInMonth = 30;
+    // Days in next month
+    if (month == 1 && leapYear)
+        daysInNextMonth = 29;
+    else if (month == 1 && !leapYear)
+        daysInNextMonth = 28;
+    else if ((month <= 7 && month % 2 == 1) || (month >= 8 && month % 2 == 0))
+        daysInNextMonth = 30;
+    else
+        daysInNextMonth = 31;
+    // Days in last month
+    if (month == 3 && leapYear)
+        daysInLastMonth = 29;
+    else if (month == 3 && !leapYear)
+        daysInLastMonth = 28;
+    else if ((month <= 7 && month % 2 == 1) || (month >= 8 && month % 2 == 0))
+        daysInLastMonth = 30;
+    else
+        daysInLastMonth = 31;
+}
+
+void calcCalendar() {
+    int monthDiff = (weekdayOfMonthFirst == 0 ? 0 : -1);
+    int dim = daysInLastMonth;
+    int i = 0, j = 0;
+    int toFill = (weekdayOfMonthFirst == 0
+                      ? 1
+                      : (daysInLastMonth - (weekdayOfMonthFirst - 1)));
+
+    while (i < 6 && j < 7) {
+        // Fill it
+        calendar[i][j] = toFill;
+        if (toFill == day && monthDiff == 0 && highlight)
+            today[i][j] = 1;
+        else if (monthDiff == 0)
+            today[i][j] = 0;
+        else
+            today[i][j] = -1;
+        // Next day
+        toFill++;
+        if (toFill > dim) {
+            monthDiff++;
+            if (monthDiff == 0)
+                dim = daysInMonth;
+            else if (monthDiff == 1)
+                dim = daysInNextMonth;
+            toFill = 1;
+        }
+        // Next tile
+        j++;
+        if (j == 7) {
+            j = 0;
+            i++;
+        }
+    }
+}
+
+void printCalendar() {
+    cout << '[';
+    for (int i = 0; i < 6; i++) {
+        cout << '[';
+        for (int j = 0; j < 7; j++) {
+            cout << "{\"day\":" << calendar[i][j]
+                 << ",\"today\":" << today[i][j] << "}";
+            if (j < 7 - 1) cout << ',';
+        }
+        cout << ']';
+        if (i < 6 - 1) cout << ',';
+    }
+    cout << ']';
+}
+
+int main(int argc, char* argv[]) {
+    if (argc == 1)
+        getTime();
+    else if(argc == 5)
+        setTime(stoi(argv[1]), stoi(argv[2]), stoi(argv[3]), stoi(argv[4]));
+    else 
+        cout << " - Run \"calendarlayout\" to get calendar for today\n - Run\"calendarlayout <weekday> <day> <month> <year>\" to get calendar of the day specified";
+    checkLeapYear();
+    getMonthDays();
+    calcCalendar();
+    printCalendar();
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/cavajson.cpp b/hybrid-vertical/.config/eww/scripts/cavajson.cpp
new file mode 100644
index 000000000..60b98d84c
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/cavajson.cpp
@@ -0,0 +1,30 @@
+#include <boost/iostreams/device/file_descriptor.hpp>
+#include <boost/iostreams/stream.hpp>
+#include <cstdio>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+
+void cavaToJson(std::string& s) {
+    for(int i = 0; i < s.size(); i++){
+        if(s[i] == ';') s[i] = ',';
+    }
+    s.pop_back();
+}
+
+int main()
+{
+    std::unique_ptr<FILE, decltype(&pclose)> pipe(popen("cava -p ~/.config/eww/scripts/custom_configs/cava", "r"), pclose);
+    if (!pipe) {
+        throw std::runtime_error("popen() failed!");
+    }
+    boost::iostreams::file_descriptor_source fd(fileno(pipe.get()), boost::iostreams::never_close_handle);
+    boost::iostreams::stream<boost::iostreams::file_descriptor_source> is(fd);
+    std::string line;
+    while (std::getline(is, line)) {
+        cavaToJson(line);
+        std::cout << '[' << line << ']' << std::endl; // print the output line by line
+    }
+    return 0;
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/checkcjk b/hybrid-vertical/.config/eww/scripts/checkcjk
new file mode 100755
index 000000000..459e93029
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/checkcjk
@@ -0,0 +1,24 @@
+#!/bin/python3
+
+# Import the re module
+import re
+
+# Define a function that takes a string as an argument and returns True if it contains CJK characters, False otherwise
+def check_cjk(string):
+  # Use a regular expression that matches any of these Unicode ranges: U+3040 - U+30FF (hiragana and katakana), U+3400 - U+4DBF (CJK unified ideographs extension A), U+4E00 - U+9FFF (CJK unified ideographs), U+F900 - U+FAFF (CJK compatibility ideographs), U+FF66 - U+FF9F (half-width katakana)
+  pattern = r' [\\u3040-\\u30ff\\u3400-\\u4dbf\\u4e00-\\u9fff\\uf900-\\ufaff\\uff66-\\uff9f]'
+  # Search for the pattern in the string
+  match = re.search(pattern, string)
+  # Return True if there is a match, False otherwise
+  return bool(match)
+
+# Read a string from standard input
+input = input("Enter a string: ")
+
+# Call the function and print the result
+if check_cjk(input):
+  print("The string contains CJK characters.")
+else:
+  print("The string does not contain CJK characters.")
+
+  ・インザナイト
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/colorgen b/hybrid-vertical/.config/eww/scripts/colorgen
new file mode 100755
index 000000000..56a9bedd4
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/colorgen
@@ -0,0 +1,97 @@
+#!/usr/bin/bash
+
+OPACITY=0.75
+
+IMGPATH=$1
+coverurl=$2
+
+coverpath="$IMGPATH"
+# Generate colors
+wal -c
+lightdark=$(cat scripts/workdir/__mode_light_dark.txt)
+wal -i "$IMGPATH" -n -t -s -e $lightdark -q
+
+themejson=$(cat ~/.cache/wal/colors.json | gojq -c -M)
+themejson="${themejson::-1}"
+themejson="$themejson"',"source":"'"$3"'"}'
+echo $themejson
+
+maincol="$(printf "$themejson" | gojq -c -M -r '.colors.color4')"
+# scripts/material_colors.py --path "$IMGPATH" $lightdark > tmp/_material.colorpallete
+scripts/material_colors.py --color "$maincol" "$lightdark" > tmp/_material.colorpallete &
+accent=$(scripts/material_colors.py --color "$maincol" "$lightdark" | grep '$onPrimaryContainer: ' | sed 's/$onPrimaryContainer: //g' | sed 's/;//g')
+tertiary=$(scripts/material_colors.py --color "$maincol" "$lightdark" | grep '$tertiary: ' | sed 's/$tertiary: //g' | sed 's/;//g')
+
+printf '{"image": "'"$coverpath"'", "color": '"$themejson"'}\n'
+
+# Get color in rgb
+colorsreg=$(cat ~/.cache/wal/colors-putty.reg)
+rgb_bg=$(echo $colorsreg | tr ' ' '\n' | grep 'Colour3')
+rgb_bg="${rgb_bg#*=}"
+rgb_bg="${rgb_bg#*\"}"
+rgb_bg="${rgb_bg::-1}"
+rgb_bg='rgba('"$rgb_bg"','"$OPACITY"')'
+# echo $rgb_bg
+
+# notify-send 'eww' 'i found a url!'
+
+# Write to scss
+echo '//Auto generated color theme for image at:' "$coverurl" > './tmp/_colorscheme.colorpallete'
+echo '@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }' >> './tmp/_colorscheme.colorpallete'
+echo '@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }' >> './tmp/_colorscheme.colorpallete'
+printf '$colorbarbg: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.special.background' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$colorbg: ' >> './tmp/_colorscheme.colorpallete'
+printf "$rgb_bg"';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$colortext: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.special.foreground' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color0: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color1' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color1: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color2' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color2: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color3' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color3: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color4' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color4: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color5' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color5: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color6' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color6: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color7' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color7: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color4' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+
+
+gradient1=$(echo -n "$themejson" | gojq -r '.colors.color1')
+gradient2=$(echo -n "$themejson" | gojq -r '.colors.color2')
+gradient3=$(echo -n "$themejson" | gojq -r '.colors.color4')
+
+# Write hyprland color config
+echo '# Auto generated color theme for image at:' "$coverurl" > './tmp/colors_generated.conf'
+echo 'general {' >> './tmp/colors_generated.conf'
+echo '    col.active_border = rgba('"${gradient1#*#}FF"') rgba('"${gradient2#*#}FF"') rgba('"${gradient3#*#}FF"') 45deg' >> './tmp/colors_generated.conf'
+echo '    col.inactive_border = rgba('"${gradient1#*#}66"')' >> './tmp/colors_generated.conf'
+echo '}' >> './tmp/colors_generated.conf'
+
+# Print json to stdout
+echo "$accent" > 'tmp/_iconcolor.txt'
+echo "$tertiary" >> 'tmp/_iconcolor.txt'
+printf "$themejson" | gojq -r '.colors.color2' >> 'tmp/_iconcolor.txt'
+printf "$themejson" | gojq -r '.colors.color4' >> 'tmp/_iconcolor.txt'
+printf "$themejson" | gojq -r '.colors.color5' >> 'tmp/_iconcolor.txt'
+printf "$themejson" | gojq -r '.colors.color5' >> 'tmp/_iconcolor.txt'
+
+# beatmappacks tertiary, forum color1, search color3, search color4, tournaments color4
+# 
diff --git a/hybrid-vertical/.config/eww/scripts/colormanage b/hybrid-vertical/.config/eww/scripts/colormanage
new file mode 100755
index 000000000..924011c60
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/colormanage
@@ -0,0 +1,40 @@
+#!/usr/bin/bash
+
+cd ~/.config/eww/ || exit
+
+if [ $1 == "get" ]; then
+  hyprctl keyword misc:disable_autoreload true
+  cp './tmp/_iconcolor.txt' './css/_iconcolor.txt'
+  cp './tmp/_colorscheme.colorpallete' './css/_colorscheme.scss'
+  cp './tmp/_material.colorpallete' './css/_material.scss'
+  cp './tmp/colors_generated.conf' ~/.config/hypr/colors.conf
+  applycolor=$(cat './css/_iconcolor.txt' | head -1)
+  scripts/applycolor "$applycolor"
+elif [ $1 == "default" ]; then
+  hyprctl keyword misc:disable_autoreload true
+  cp './css/_iconcolor_default.txt' './css/_iconcolor.txt'
+  cp css/_colorscheme_default.scss css/_colorscheme.scss
+  cp css/_material_default.scss css/_material.scss
+  cp ~/.config/hypr/colors_default.conf ~/.config/hypr/colors.conf
+  applycolor=$(cat css/_iconcolor.txt | head -1)
+  scripts/applycolor "$applycolor"
+elif [ $1 == "save" ]; then
+  eww close themer 
+  eww update themer_open=false 
+  cp "css/_iconcolor.txt" "css/savedcolors/_iconcolor_$2.txt" 
+  cp "css/_colorscheme.scss" "css/savedcolors/_colorscheme_$2.scss" 
+  cp "css/_material.scss" "css/savedcolors/_material_$2.scss" 
+  cp ~/.config/hypr/colors.conf ~/.config/hypr/savedcolors/colors_$2.conf
+elif [ $1 == "load" ]; then
+  hyprctl keyword misc:disable_autoreload true
+  eww close themer 
+  eww update themer_open=false 
+  cp "css/savedcolors/_iconcolor_$2.txt" "css/_iconcolor.txt"
+  cp "css/savedcolors/_colorscheme_$2.scss"  "css/_colorscheme.scss"
+  cp "css/savedcolors/_material_$2.scss"  "css/_material.scss"
+  cp ~/.config/hypr/savedcolors/colors_$2.conf ~/.config/hypr/colors.conf
+  applycolor=$(cat css/_iconcolor.txt | head -1)
+  scripts/applycolor "$applycolor"
+fi
+
+hyprctl reload
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/custom_configs/cava b/hybrid-vertical/.config/eww/scripts/custom_configs/cava
new file mode 100644
index 000000000..4dc79a133
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/custom_configs/cava
@@ -0,0 +1,22 @@
+[general]
+mode = waves
+framerate = 60
+autosens = 1
+bars = 90
+
+[output]
+method = raw
+raw_target = /dev/stdout
+data_format = ascii
+
+[color]
+gradient = 1
+
+gradient_color_1 = '#99B5DE'
+gradient_color_2 = '#92CBF6'
+gradient_color_3 = '#ACD7F7'
+gradient_color_4 = '#B0E2F7'
+gradient_color_5 = '#DFEDF5'
+gradient_color_6 = '#FDEBD4'
+gradient_color_7 = '#E7D2D7'
+gradient_color_8 = '#C1838E'
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/dashactivate b/hybrid-vertical/.config/eww/scripts/dashactivate
new file mode 100755
index 000000000..81c8619e7
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/dashactivate
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+cd ~
+eww close dashboard
+
+if [[ "$1" == "--web" ]]; then
+    app=$2
+    eval "${app%\%*}" &
+else
+    app=$1
+    eval "${app%\%*}" &
+    pkill dashactivate
+fi
+
diff --git a/hybrid-vertical/.config/eww/scripts/editmode.sh b/hybrid-vertical/.config/eww/scripts/editmode.sh
new file mode 100755
index 000000000..c14b92876
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/editmode.sh
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+if [ "$1" == "enable" ]; then
+    hyprctl keyword bindm ,mouse:273,resizewindow
+    hyprctl keyword bindm ,mouse:274,movewindow
+    hyprctl keyword bind ,mouse_up,workspace,+1
+    hyprctl keyword bind ,mouse_down,workspace,-1
+    eww update editing=true
+elif [ "$1" == "disable" ]; then 
+    hyprctl keyword unbind ,mouse:273
+    hyprctl keyword unbind ,mouse:274
+    hyprctl keyword unbind ,mouse_up
+    hyprctl keyword unbind ,mouse_down
+    eww update editing=false
+fi
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/focuswindow b/hybrid-vertical/.config/eww/scripts/focuswindow
new file mode 100755
index 000000000..9cc77c6bf
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/focuswindow
@@ -0,0 +1,6 @@
+#!/usr/bin/bash
+if [[ $1 == '_none' ]]; then
+  hyprctl dispatch workspace $2
+else 
+  hyprctl dispatch focuswindow address:$1
+fi
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/get-icon.py b/hybrid-vertical/.config/eww/scripts/get-icon.py
new file mode 100755
index 000000000..f95956ec5
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/get-icon.py
@@ -0,0 +1,31 @@
+#!/usr/bin/env python3
+import gi
+import sys
+gi.require_version('Gtk', '3.0')
+from gi.repository import Gtk
+
+# Predefine class corrections
+if sys.argv[1] == 'Code':
+    sys.argv[1] = 'code'
+elif sys.argv[1] == 'code-url-handler':
+    sys.argv[1] = 'code'
+elif sys.argv[1] == 'Microsoft-edge':
+    sys.argv[1] = 'microsoft-edge'
+elif sys.argv[1] == 'GitHub Desktop':
+    sys.argv[1] = 'github-desktop'
+elif sys.argv[1] == 'org.kde.kolourpaint':
+    sys.argv[1] = 'kolourpaint'
+elif sys.argv[1] == 'osu!':
+    sys.argv[1] = 'osu'
+elif sys.argv[1].find("Minecraft") != -1:
+    sys.argv[1] = 'minecraft'
+# elif sys.argv[1] == 'ru-turikhay-tlauncher-bootstrap-Bootstrap':
+#     sys.argv[1] = 'minecraft'
+
+icon_name = sys.argv[1]
+icon_theme = Gtk.IconTheme.get_default()
+icon = icon_theme.lookup_icon(icon_name, 48, 0)
+if icon:
+    print(icon.get_filename())
+else:
+    print("not found")
diff --git a/hybrid-vertical/.config/eww/scripts/get_open_icons b/hybrid-vertical/.config/eww/scripts/get_open_icons
new file mode 100755
index 000000000..d7d73383e
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/get_open_icons
@@ -0,0 +1,77 @@
+#!/usr/bin/bash
+
+cd ~/.config/eww
+
+getwins() {
+  hyprctlclients=$(hyprctl clients -j \
+    | grep -v '"mapped": ' \
+    | grep -v '"hidden": ' \
+    | grep -v '"floating": ' \
+    | grep -v '"monitor": ' \
+    | grep -v '"pid": ' \
+    | grep -v '"xwayland": ' \
+    | grep -v '"pinned":' \
+    | grep -v '"fullscreen": ' \
+    | grep -v '"fullscreenMode": ' \
+    | grep -v '"fakeFullscreen": ' \
+    | grep -v '"grouped": ')
+
+  # echo $hyprctlclients | gojq -c '.[]'
+
+  IFS=$'\n'
+  clientsarr=( $(echo $hyprctlclients | gojq -c -M '.[]') )
+
+  #For every window
+  for client in "${clientsarr[@]}"; do
+    iconpath=''
+    clientclass=$(echo "$client" | gojq -r '.class')
+    if [[ "$clientclass" == "" ]]; then 
+      continue
+    fi
+
+    # Get app icon
+    if [ -f "scripts/cache/$clientclass" ]; then
+        iconpath=$(cat scripts/cache/$clientclass)
+        if [ ! -f "${iconpath}" ]; then # Cache refresh if icon doesnt exist
+            iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$clientclass" | head -n 1)
+            echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+    else
+        iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$clientclass" | head -n 1)
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+    fi
+    if [[ ${iconpath} == "" ]]; then
+      # Retry with lowercase if icon not found
+      iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") $(echo "$clientclass" | tr '[:upper:]' '[:lower:]' | sed 's/\ /-/g') | head -n 1)
+
+      if [[ ! ${iconpath} = "" ]]; then
+        rm "scripts/cache/$clientclass"
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+      else 
+        newname=$(scripts/iconpatch $clientclass)
+        iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$newname" | head -n 1)
+        if [[ ! ${iconpath} = "" ]]; then
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        else
+          # Fallback app icon, replace the path below to the fallback icon of your choice
+          # iconpath="/usr/share/icons/Win11-dark/mimes/48/application-x-executable.svg"
+          iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "application-x-executable" | head -n 1)
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+      fi
+    fi
+  done
+}
+
+# Do stuff here
+getwins
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    getwins
+  done
+fi
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/getallicons.cpp b/hybrid-vertical/.config/eww/scripts/getallicons.cpp
new file mode 100644
index 000000000..1e47daf4d
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/getallicons.cpp
@@ -0,0 +1,21 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <regex>
+#include <stdexcept>
+#include <string>
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+
+    entries = exec("hyprctl clients -j | gojq -c -M");
+    
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/getfirstdayofmonth b/hybrid-vertical/.config/eww/scripts/getfirstdayofmonth
new file mode 100755
index 000000000..e75171fe4
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/getfirstdayofmonth
@@ -0,0 +1,39 @@
+#!/bin/bash
+# Thanks Bing!
+
+# Check if the argument is a valid number
+if [[ ! $1 =~ ^-?[0-9]+$ ]]; then
+  echo "Invalid argument: $1"
+  echo "Usage: getfirstdayofmonth [NUMBER]"
+  exit 1
+fi
+
+# Get the current month and year
+current_month=$(date +%m)
+current_year=$(date +%Y)
+
+# Add the argument to the current month and adjust the year if needed
+if [[ $1 -gt 0 ]]; then
+  next_month=$((current_month + $1))
+  next_year=$((current_year + ((next_month-1) / 12)))
+  next_month=$((current_month + ($1 % 12)))
+else
+  next_month=$((current_month + $1))
+  next_year=$((current_year + ((next_month-12) / 12)))
+  next_month=$((current_month + ($1 % 12)))
+fi
+
+if ((next_month > 12)); then
+  next_month=$((next_month % 12))
+elif ((next_month == 0)); then
+  next_month=12
+  # next_year=$((next_year - 1))
+elif ((next_month < 1)); then
+  next_month=$(( (next_month + 12) % 12 ))
+fi
+
+# Get the weekday name (%A), day number (%d), month name (%B) and year (%Y) of the first day of the next month
+first_day=$(date -d "$next_year-$next_month-01" '+%u %d %m %Y')
+
+# Print the result
+echo $first_day
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/hyprsettings b/hybrid-vertical/.config/eww/scripts/hyprsettings
new file mode 100755
index 000000000..f98e29bba
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/hyprsettings
@@ -0,0 +1,51 @@
+#!/usr/bin/bash
+getoptions(){
+  rounding=$(hyprctl getoption decoration:rounding -j | gojq -r -c '.int')
+  gaps_in=$(hyprctl getoption general:gaps_in -j | gojq -r -c '.int')
+  gaps_out=$(hyprctl getoption general:gaps_out -j | gojq -r -c '.int')
+  border_size=$(hyprctl getoption general:border_size -j | gojq -r -c '.int')
+  force_no_accel=$(hyprctl getoption input:force_no_accel -j | gojq -r -c '.int')
+  input_sensitivity=$(hyprctl getoption input:sensitivity -j | gojq -r -c '.float')
+  touchpad_disable_while_typing=$(hyprctl getoption input:touchpad:disable_while_typing -j | gojq -r -c '.int')
+  touchpad_clickfinger_behavior=$(hyprctl getoption input:touchpad:clickfinger_behavior -j | gojq -r -c '.int')
+  blur=$(hyprctl getoption decoration:blur -j | gojq -r -c '.int')
+  blur_size=$(hyprctl getoption decoration:blur_size -j | gojq -r -c '.int')
+  blur_passes=$(hyprctl getoption decoration:blur_passes -j | gojq -r -c '.int')
+  blur_xray=$(hyprctl getoption decoration:blur_xray -j | gojq -r -c '.int')
+  nightlight=$(hyprctl getoption decoration:screen_shader -j | gojq -r -c '.str')
+  if [[ "$nightlight" == *"nothing.frag" ]]; then
+    nightlight='false'
+  else
+    nightlight='true'
+  fi
+
+  echo -n '{'
+  echo -n "\"rounding\":$rounding,"
+  echo -n "\"gaps_in\":$gaps_in,"
+  echo -n "\"gaps_out\":$gaps_out,"
+  echo -n "\"border_size\":$border_size,"
+  echo -n "\"force_no_accel\":$force_no_accel,"
+  echo -n "\"input_sensitivity\":$input_sensitivity,"
+  echo -n "\"touchpad_disable_while_typing\":$touchpad_disable_while_typing,"
+  echo -n "\"touchpad_clickfinger_behavior\":$touchpad_clickfinger_behavior,"
+  echo -n "\"blur\":$blur,"
+  echo -n "\"blur_size\":$blur_size,"
+  echo -n "\"blur_passes\":$blur_passes,"
+  echo -n "\"blur_xray\":$blur_xray,"
+  echo -n "\"nightlight\":$nightlight,"
+
+  echo '"dummy":0}'
+}
+
+getoptions
+
+if [ "$1" == "--once" ]; then
+  exit 0
+elif [ "$1" == "tickle" ]; then
+  hyprctl keyword input:force_no_accel $(hyprctl getoption input:force_no_accel -j | gojq -r -c '.int')
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "activelayout>>" | while read -r line; do
+    # echo $line
+    getoptions
+  done
+fi
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/hyprtest b/hybrid-vertical/.config/eww/scripts/hyprtest
new file mode 100755
index 000000000..593c665f6
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/hyprtest
@@ -0,0 +1,10 @@
+#!/usr/bin/bash
+
+geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "firefox" | head -n 1
+
+socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | while read -r line; do
+  echo "$line"
+done
+
+
+
diff --git a/hybrid-vertical/.config/eww/scripts/hyprview.sh b/hybrid-vertical/.config/eww/scripts/hyprview.sh
new file mode 100755
index 000000000..d28d2b059
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/hyprview.sh
@@ -0,0 +1,9 @@
+#!/usr/bin/bash
+
+if [[ "$1" == "--close" ]]; then
+    hyprctl keyword monitor eDP-1,1920x1080@60,0x0,1
+    hyprctl keyword monitor eDP-1,addreserved,61,0,0,0
+else
+    hyprctl keyword monitor eDP-1,1920x1080@60,0x0,0.5
+    hyprctl keyword monitor eDP-1,addreserved,533,600,960,960
+fi
diff --git a/hybrid-vertical/.config/eww/scripts/iconpatch b/hybrid-vertical/.config/eww/scripts/iconpatch
new file mode 100755
index 000000000..542f4c164
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/iconpatch
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+appname=$1
+
+if [[ "$1" == "code-url-handler" ]];then
+  echo 'code'
+elif [[ "$1" == "gnome-tweaks" ]];then
+  echo 'org.gnome.tweaks'
+elif [[ "$1" == "org."* ]];then
+  appname="${appname#*.}"
+  appname="${appname#*.}"
+  echo $appname
+fi
+
diff --git a/hybrid-vertical/.config/eww/scripts/isopen.sh b/hybrid-vertical/.config/eww/scripts/isopen.sh
new file mode 100755
index 000000000..03075a619
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/isopen.sh
@@ -0,0 +1,12 @@
+#!/bin/sh
+
+getopen(){
+  ans=$(eww windows | grep -e "$1")
+  if [ "${ans:0:1}" == "*" ]; then
+    echo "true"
+  else 
+    echo "false"
+  fi
+}
+
+getopen $1
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/launchapp b/hybrid-vertical/.config/eww/scripts/launchapp
new file mode 100755
index 000000000..7a30072a8
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/launchapp
@@ -0,0 +1,38 @@
+#!/usr/bin/bash
+
+~/.config/eww/scripts/toggle-overview.sh --close &
+~/.config/eww/scripts/toggle-winstart.sh --close &
+
+if [[ "$1" == ">"* ]]; then
+    args=( $1 )
+    if [[ "${args[0]}" == ">music" ]]; then
+        scripts/colormanage get
+    elif [[ "${args[0]}" == ">load" ]]; then
+        scripts/colormanage load "${args[1]}"
+    elif [[ "${args[0]}" == ">save" ]]; then
+        scripts/colormanage save "${args[1]}"
+    elif [[ "${args[0]}" == ">light" ]]; then
+        scripts/togglelight light
+    elif [[ "${args[0]}" == ">dark" ]]; then
+        scripts/togglelight dark
+    elif [[ "${args[0]}" == ">wall" ]]; then
+        scripts/colorgen 'images/wallpaper/wallpaper' '[Local wallpaper]' ''
+        scripts/colormanage get
+    elif [[ "${args[0]}" == ">segs" ]]; then
+        python3 scripts/waifupics.py --segs
+    elif [[ "${args[0]}" == ">uwu" ]]; then
+        python3 scripts/waifupics.py
+    elif [[ "${args[0]}" == ">r" ]]; then
+        pkill eww && eww daemon && eww open bar && eww open dynamic-bg && eww open bottomline
+    else
+        # notify-send 'eww' 'Invalid command!'
+        false
+    fi
+else 
+    cd ~
+    app=$1
+    eval "${app%\%*}" &
+    pkill launchapp
+fi
+
+
diff --git a/hybrid-vertical/.config/eww/scripts/limitlen.py b/hybrid-vertical/.config/eww/scripts/limitlen.py
new file mode 100755
index 000000000..20ed07a8d
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/limitlen.py
@@ -0,0 +1,26 @@
+#!/bin/python3
+import sys
+
+def limit_length(s, newlength):
+    # Use len() function to get number of characters in s
+    char_count = 0
+    newstr = ''
+    # Use unicodedata.east_asian_width() function to check for double-width characters
+    import unicodedata
+    for c in s:
+        char_count += 1
+        if unicodedata.east_asian_width(c) == 'W':
+            char_count += 1
+        if char_count <= newlength:
+            newstr += c
+        else:
+            newstr = newstr + '...'
+            break
+    # Add double-width count to character count to get display length
+    return newstr
+
+original = sys.argv[1]
+newlen = int(sys.argv[2])
+newstr = limit_length(original, newlen)
+
+print(newstr)
diff --git a/hybrid-vertical/.config/eww/scripts/listentries.py b/hybrid-vertical/.config/eww/scripts/listentries.py
new file mode 100755
index 000000000..2e69e917b
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/listentries.py
@@ -0,0 +1,71 @@
+#!/usr/bin/python3
+
+import desktop_entry_lib
+import os
+import json
+import subprocess
+
+full_output = {}
+
+def read(target_file) -> None:
+    entry = desktop_entry_lib.DesktopEntry.from_file(target_file)
+
+    print("Name: " + str(entry.Name.default_text))
+    print("Comment: " + str(entry.Comment.default_text))
+    print("Exec: " + str(entry.Exec))
+
+
+def getProperties(target_file) -> None:
+    entry = desktop_entry_lib.DesktopEntry.from_file(target_file)
+
+    # iconcmd = "/usr/bin/geticons " + str(entry.Icon)
+    # iconcmd = "/usr/bin/geticons"
+    # iconpath = str(subprocess.check_output(str(iconcmd), shell=True))
+    dirs = target_file.split('/')
+    entryname = dirs[-1]
+
+    # return
+    props = {
+        "name": str(entry.Name.default_text),
+        # "icon": str(entry.Icon),
+        "exec": str('gtk-launch ' + entryname)
+    }
+    return props
+
+
+if __name__ == "__main__":
+    entryFile = open("scripts/cache/entries.txt", "w")
+    # Get files
+    entries = list(str(s) for s in os.listdir("/usr/share/applications"))
+    entries_flatpak = list(str(s) for s in os.listdir("/var/lib/flatpak/exports/share/applications"))
+    entries_local = list(str('../../.local/share/applications/' + s) for s in os.listdir("../../.local/share/applications/"))
+    
+    for app in entries:
+        alreadythere = False
+        for localized in entries_local:
+            if app in localized:
+                alreadythere = True
+
+        if not(alreadythere):
+            entries_local.append(str('/usr/share/applications/'+app))
+
+    for app in entries_flatpak:
+        alreadythere = False
+        for localized in entries_local:
+            if app in localized:
+                alreadythere = True
+
+        if not(alreadythere):
+            entries_local.append(str('/var/lib/flatpak/exports/share/applications/'+app))
+
+    # Get properties
+    for app in entries_local:
+        if app.find('.desktop') == -1: # Skip files that aren't desktop entries
+            continue
+        this_entry = getProperties(app)
+
+        full_output[this_entry['name']] = (this_entry)
+
+        # output=json.dumps(this_entry)
+        # print(output)
+    entryFile.write(json.dumps(full_output))
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/listentrynames.py b/hybrid-vertical/.config/eww/scripts/listentrynames.py
new file mode 100755
index 000000000..99ae84a22
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/listentrynames.py
@@ -0,0 +1,63 @@
+#!/usr/bin/python3
+
+import desktop_entry_lib
+import os
+import json
+# from fuzzysearch import find_near_matches
+
+def read(target_file) -> None:
+    entry = desktop_entry_lib.DesktopEntry.from_file(target_file)
+
+    print("Name: " + str(entry.Name.default_text))
+    print("Comment: " + str(entry.Comment.default_text))
+    print("Exec: " + str(entry.Exec))
+
+
+def getProperties(target_file) -> None:
+    entry = desktop_entry_lib.DesktopEntry.from_file(target_file)
+
+    # return
+    props = {
+        "name": str(entry.Name.default_text),
+        "comment": str(entry.Comment.default_text),
+        "exec": str(entry.Exec),
+        "icon": str(entry.Icon)
+    }
+    return props
+
+
+if __name__ == "__main__":
+    entryFile = open("scripts/cache/entrynames.txt", "w")
+    # Get files
+    entries = list(str(s) for s in os.listdir("/usr/share/applications"))
+    entries_flatpak = list(str(s) for s in os.listdir("/var/lib/flatpak/exports/share/applications"))
+    entries_local = list(str('../../.local/share/applications/' + s) for s in os.listdir("../../.local/share/applications/"))
+    
+    for app in entries:
+        alreadythere = False
+        for localized in entries_local:
+            if app in localized:
+                alreadythere = True
+
+        if not(alreadythere):
+            entries_local.append(str('/usr/share/applications/'+app))
+            
+    for app in entries_flatpak:
+        alreadythere = False
+        for localized in entries_local:
+            if app in localized:
+                alreadythere = True
+
+        if not(alreadythere):
+            entries_local.append(str('/var/lib/flatpak/exports/share/applications/'+app))
+
+    # Get properties
+    for app in entries_local:
+        if app.find('.desktop') == -1: # Skip files that aren't desktop entries
+            continue
+
+        thisEntry = getProperties(app)
+
+        entryFile.write(thisEntry['name'])
+        entryFile.write('\n')
+
diff --git a/hybrid-vertical/.config/eww/scripts/material_colors.py b/hybrid-vertical/.config/eww/scripts/material_colors.py
new file mode 100755
index 000000000..6823412ce
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/material_colors.py
@@ -0,0 +1,87 @@
+#!/bin/python3
+from material_color_utilities_python import *
+from pathlib import Path
+import sys
+
+img = 0
+newtheme=0
+if len(sys.argv) > 1 and sys.argv[1] == '--path':
+    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)
+elif len(sys.argv) > 1 and sys.argv[1] == '--color':
+    colorstr = sys.argv[2]
+    newtheme = themeFromSourceColor(argbFromHex(colorstr))
+else:
+    img = Image.open(str(Path.home())+'/.config/eww/images/wallpaper/wallpaper')
+    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)
+
+colorscheme=0
+if("-l" in sys.argv):
+    colorscheme = newtheme.get('schemes').get('light')
+else:
+    colorscheme = newtheme.get('schemes').get('dark')
+
+primary = colorscheme.get_primary()
+onPrimary = colorscheme.get_onPrimary()
+primaryContainer = colorscheme.get_primaryContainer()
+onPrimaryContainer = colorscheme.get_onPrimaryContainer()
+secondary = colorscheme.get_secondary()
+onSecondary = colorscheme.get_onSecondary()
+secondaryContainer = colorscheme.get_secondaryContainer()
+onSecondaryContainer = colorscheme.get_onSecondaryContainer()
+tertiary = colorscheme.get_tertiary()
+onTertiary = colorscheme.get_onTertiary()
+tertiaryContainer = colorscheme.get_tertiaryContainer()
+onTertiaryContainer = colorscheme.get_onTertiaryContainer()
+error = colorscheme.get_error()
+onError = colorscheme.get_onError()
+errorContainer = colorscheme.get_errorContainer()
+onErrorContainer = colorscheme.get_onErrorContainer()
+background = colorscheme.get_background()
+onBackground = colorscheme.get_onBackground()
+surface = colorscheme.get_surface()
+onSurface = colorscheme.get_onSurface()
+surfaceVariant = colorscheme.get_surfaceVariant()
+onSurfaceVariant = colorscheme.get_onSurfaceVariant()
+outline = colorscheme.get_outline()
+shadow = colorscheme.get_shadow()
+inverseSurface = colorscheme.get_inverseSurface()
+inverseOnSurface = colorscheme.get_inverseOnSurface()
+inversePrimary = colorscheme.get_inversePrimary()
+
+
+print('$primary: ' + hexFromArgb(primary) + ';')
+print('$onPrimary: ' + hexFromArgb(onPrimary) + ';')
+print('$primaryContainer: ' + hexFromArgb(primaryContainer) + ';')
+print('$onPrimaryContainer: ' + hexFromArgb(onPrimaryContainer) + ';')
+print('$secondary: ' + hexFromArgb(secondary) + ';')
+print('$onSecondary: ' + hexFromArgb(onSecondary) + ';')
+print('$secondaryContainer: ' + hexFromArgb(secondaryContainer) + ';')
+print('$onSecondaryContainer: ' + hexFromArgb(onSecondaryContainer) + ';')
+print('$tertiary: ' + hexFromArgb(tertiary) + ';')
+print('$onTertiary: ' + hexFromArgb(onTertiary) + ';')
+print('$tertiaryContainer: ' + hexFromArgb(tertiaryContainer) + ';')
+print('$onTertiaryContainer: ' + hexFromArgb(onTertiaryContainer) + ';')
+print('$error: ' + hexFromArgb(error) + ';')
+print('$onError: ' + hexFromArgb(onError) + ';')
+print('$errorContainer: ' + hexFromArgb(errorContainer) + ';')
+print('$onErrorContainer: ' + hexFromArgb(onErrorContainer) + ';')
+print('$colorbarbg: ' + hexFromArgb(background) + ';')
+print('$onBackground: ' + hexFromArgb(onBackground) + ';')
+print('$surface: ' + hexFromArgb(surface) + ';')
+print('$onSurface: ' + hexFromArgb(onSurface) + ';')
+print('$surfaceVariant: ' + hexFromArgb(surfaceVariant) + ';')
+print('$onSurfaceVariant: ' + hexFromArgb(onSurfaceVariant) + ';')
+print('$outline: ' + hexFromArgb(outline) + ';')
+print('$shadow: ' + hexFromArgb(shadow) + ';')
+print('$inverseSurface: ' + hexFromArgb(inverseSurface) + ';')
+print('$inverseOnSurface: ' + hexFromArgb(inverseOnSurface) + ';')
+print('$inversePrimary: ' + hexFromArgb(inversePrimary) + ';')
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/memory b/hybrid-vertical/.config/eww/scripts/memory
new file mode 100755
index 000000000..d2856d98a
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/memory
@@ -0,0 +1,30 @@
+#!/usr/bin/env bash
+
+while true; do    
+  # human-readable
+  freeH=$(free -h --si | rg "Mem:")
+  swapfreeH=$(free -h --si | rg "Swap:")
+  # non-human-readable
+  freeN=$(free --mega | rg "Mem:")
+  swapfreeN=$(free --mega | rg "Swap:")
+
+  total="$(echo "$freeH" | awk '{ print $2 }')"
+  used="$(echo "$freeH" | awk '{ print $3 }')"
+  t="$(echo "$freeN" | awk '{ print $2 }')"
+  u="$(echo "$freeN" | awk '{ print $3 }')"
+
+  swaptotal="$(echo "$swapfreeH" | awk '{ print $2 }')"
+  swapused="$(echo "$swapfreeH" | awk '{ print $3 }')"
+  swapt="$(echo "$swapfreeN" | awk '{ print $2 }')"
+  swapu="$(echo "$swapfreeN" | awk '{ print $3 }')"
+
+  free=$(printf '%.1fG' "$(bc -l <<< "($t - $u) / 1000")")
+  perc=$(printf '%.1f' "$(free -m | rg Mem | awk '{print ($3/$2)*100}')")
+
+  swapfree=$(printf '%.1fG' "$(bc -l <<< "($swapt - $swapu) / 1000")")
+  swapperc=$(printf '%.1f' "$(free -m | rg Swap | awk '{print ($3/$2)*100}')")
+
+  echo '{ "total": "'"$total"'", "used": "'"$used"'", "free": "'"$free"'", "swaptotal": "'"$swaptotal"'", "swapused": "'"$swapused"'", "swappercentage": '"$swapperc"', "swapfree": "'"$swapfree"'", "percentage": '"$perc"' }'
+
+  sleep 3
+done
diff --git a/hybrid-vertical/.config/eww/scripts/mousetrack.cpp b/hybrid-vertical/.config/eww/scripts/mousetrack.cpp
new file mode 100644
index 000000000..f8c5df702
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/mousetrack.cpp
@@ -0,0 +1,52 @@
+#include <boost/iostreams/device/file_descriptor.hpp>
+#include <boost/iostreams/stream.hpp>
+#include <cstdio>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+using namespace std;
+
+void cavaToJson(std::string& s) {
+    for(int i = 0; i < s.size(); i++){
+        if(s[i] == ';') s[i] = ',';
+    }
+    s.pop_back();
+}
+
+void cursorPosToJson(std::string& s) {
+    for(int i = 0; i < s.size(); i++){
+        if(s[i] == ';') s[i] = ',';
+    }
+    s.pop_back();
+}
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+int main()
+{
+    std::unique_ptr<FILE, decltype(&pclose)> pipe(popen("cava -p ~/.config/eww/scripts/custom_configs/cava", "r"), pclose);
+    if (!pipe) {
+        throw std::runtime_error("popen() failed!");
+    }
+    boost::iostreams::file_descriptor_source fd(fileno(pipe.get()), boost::iostreams::never_close_handle);
+    boost::iostreams::stream<boost::iostreams::file_descriptor_source> is(fd);
+    std::string line;
+    while (std::getline(is, line)) {
+        string st = exec("hyprctl cursorpos");
+        st.pop_back();
+        cout << '[' << st << ']' << endl;
+    }
+    return 0;
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/music b/hybrid-vertical/.config/eww/scripts/music
new file mode 100755
index 000000000..e89effa7f
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/music
@@ -0,0 +1,158 @@
+#!/usr/bin/env bash
+
+prevtitle=''
+prevartist=''
+
+get_status() {
+	s=$1
+	if [ "$s" = "Playing" ]; then
+		echo ""
+	else
+		echo ""
+	fi
+}
+
+get_length_sec() {
+	len=$1
+	if [ -z "$len" ]; then
+		echo 0
+	else
+		bc <<< "$len / 1000000"
+	fi
+}
+
+get_length_time() {
+	len=$1
+	if [ -n "$len" ]; then
+		len=$(bc <<< "$len / 1000000 + 1")
+		date -d@"$len" +%M:%S
+	else
+		echo ""
+	fi
+}
+
+get_position() {
+	pos=$1
+	len=$2
+	if [ -n "$pos" ]; then
+		bc -l <<< "$pos / $len * 100"
+	else
+		echo 0
+	fi
+}
+
+get_position_time() {
+	pos=$1
+	if [ -n "$pos" ]; then
+		date -d@"$(bc <<< "$pos / 1000000")" +%M:%S
+	else
+		echo ""
+	fi
+}
+
+get_cover() {
+	# COVER_URL=$1
+	mkdir -p "eww_covers"
+	cd "eww_covers" || exit
+
+	IMGPATH="cover_art"
+	echo '{"image": "eww_covers/cover_art_default", "color": {"alpha":"100","colors":{"color0":"#111215","color1":"#2B698F","color10":"#597591","color11":"#447CC0","color12":"#3A9FB7","color13":"#6192A6","color14":"#60ABCC","color15":"#c4c6ca","color2":"#597591","color3":"#447CC0","color4":"#3A9FB7","color5":"#6192A6","color6":"#60ABCC","color7":"#c4c6ca","color8":"#898a8d","color9":"#2B698F"},"special":{"background":"#111215","cursor":"#c4c6ca","foreground":"#c4c6ca"},"wallpaper":"~/.config/eww/eww_covers/cover_art","source":"󰗃"}}'
+
+	playerctl -F metadata mpris:artUrl 2>/dev/null | while read -r COVER_URL; do
+		music_source='󰐍'
+		if [[ "$COVER_URL" = https* ]]; then
+			music_source='󰖟'
+			coverurl="$(playerctl metadata mpris:artUrl)"
+			coverurl_highres_yt="$(echo $coverurl | sed 's/hqdefault/maxresdefault/g')"
+			coverurl_highres_soundcloud="$(echo $coverurl | sed 's/80x80/500x500/g')"
+
+			# SoundCloud
+			if [[ "$coverurl" == *"sndcdn"* ]]; then
+				music_source='󰓀'
+				curl --silent --output "$IMGPATH""_soundcloud" "$coverurl_highres_soundcloud" -q –read-timeout=0.1
+				cp "$IMGPATH""_soundcloud" "$IMGPATH"
+				imgsize=$(echo $(du -b ~/.config/eww/eww_covers/cover_art | tr '\t' '\n' | grep -v 'cover_art'))	
+			# Youtube
+			elif [[ "$coverurl" == *"ytimg"* ]]; then
+				music_source='󰗃'
+				curl --silent --output "$IMGPATH""_yt" "$coverurl_highres_yt" -q –read-timeout=0.1
+				cp "$IMGPATH""_yt" "$IMGPATH"
+				imgsize=$(echo $(du -b ~/.config/eww/eww_covers/cover_art | tr '\t' '\n' | grep -v 'cover_art'))
+			# Likely YT Music
+			elif [[ "$coverurl" == *"googleusercontent"* ]]; then
+				music_source=''
+				curl --silent --output "$IMGPATH""_other" "$coverurl" -q –read-timeout=0.1
+				cp "$IMGPATH""_other" "$IMGPATH"
+				imgsize=$(echo $(du -b ~/.config/eww/eww_covers/cover_art | tr '\t' '\n' | grep -v 'cover_art'))
+			# Any other
+			else
+				curl --silent --output "$IMGPATH""_other" "$coverurl" -q –read-timeout=0.1
+				cp "$IMGPATH""_other" "$IMGPATH"
+				imgsize=$(echo $(du -b ~/.config/eww/eww_covers/cover_art | tr '\t' '\n' | grep -v 'cover_art'))
+			fi
+			# Fallback
+			if [ "$imgsize" == "0" ] || [ ! "$(diff ~/.config/eww/eww_covers/cover_art ~/.config/eww/eww_covers/cover_art_error)" ]; then
+				curl --silent --output "$IMGPATH""_lowres" "$coverurl" -q –read-timeout=0.1
+				cp "$IMGPATH""_lowres" "$IMGPATH"
+			fi
+
+			#Generate colors
+			cd ..
+			scripts/colorgen 'eww_covers/'$IMGPATH $coverurl "$music_source"
+			cd "eww_covers"
+		elif [ "$COVER_URL" = "" ]; then
+		    echo '{"image": "", "color": "$bg"}'
+		else
+			COVER_URL="${COVER_URL:7}"
+			cp "$COVER_URL"  "$IMGPATH"
+			
+			cd ..
+			scripts/colorgen '"eww_covers/'$IMGPATH'"' $coverurl "$music_source"
+			cd "eww_covers"
+		fi
+	done
+}
+
+# SANITIZE FIX
+sanitize() {
+	echo "$1" | sed 's/"/\"/g'
+}
+
+if [ "$1" = "cover" ]; then
+	get_cover
+elif [ "$1" = "name" ]; then
+	echo '{"artist": "", "title": ""}'
+	playerctl -F metadata -f '{{title}}\{{artist}}\' 2>/dev/null | while IFS="$(printf '\\')" read -r title artist; do
+	
+		if [[ "$title" == *" - YouTube"* && "$artist" == "" ]]; then
+			continue
+		fi
+		title=$(scripts/limitlen.py "$title" 41)
+		
+		gojq --null-input -r -c \
+			--arg artist "$(sanitize "$artist")" \
+			--arg title "$(sanitize "$title")" \
+			'{"artist": $artist, "title": $title}'
+		
+	done
+else
+	echo '{"artist": "", "title": "", "status": "", "position": "", "position_time": "", "length": ""}'
+	playerctl -F metadata -f '{{title}}\{{artist}}\{{status}}\{{position}}\' 2>/dev/null | while IFS="$(printf '\\')" read -r title artist status position; do
+	
+		if [[ "$title" == *" - YouTube" && "$artist" == "" ]]; then
+			continue
+		fi
+		len=$(playerctl metadata mpris:length)
+		title=$(scripts/limitlen.py "$title" 40)
+
+		gojq --null-input -r -c \
+			--arg artist "$(sanitize "$artist")" \
+			--arg title "$(sanitize "$title")" \
+			--arg status "$(get_status "$status")" \
+			--arg pos "$(get_position "$position" "$len")" \
+			--arg pos_time "$(get_position_time "$position")" \
+			--arg length "$(get_length_time "$len")" \
+			'{"artist": $artist, "title": $title, "status": $status, "position": $pos, "position_time": $pos_time, "length": $length}'
+		
+	done
+fi
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/net b/hybrid-vertical/.config/eww/scripts/net
new file mode 100755
index 000000000..fc1d97df7
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/net
@@ -0,0 +1,40 @@
+#!/usr/bin/env bash
+
+toggle() {
+  status=$(rfkill -J | jaq -r '.rfkilldevices[] | select(.type == "wlan") | .soft' | head -1)
+
+  if [ "$status" = "unblocked" ]; then
+    rfkill block wlan
+  else
+    rfkill unblock wlan
+  fi
+}
+
+if [ "$1" = "toggle" ]; then
+  toggle
+else
+  while true; do
+    status=$(nmcli g | tail -n 1 | awk '{print $1}')
+    signal=$(nmcli -f in-use,signal dev wifi | rg "\*" | awk '{ print $2 }')
+    essid=$(nmcli -t -f NAME connection show --active | head -n1 | sed 's/\"/\\"/g')
+
+    icons=("" "" "" "" "")
+
+    if [ "$status" = "disconnected" ] ; then
+      icon=""
+      color="#988ba2"
+    else
+      level=$(awk -v n="$signal" 'BEGIN{print int((n-1)/20)}')
+      if [ "$level" -gt 4 ]; then
+        level=4
+      fi
+
+      icon=${icons[$level]}
+      color="#cba6f7"
+    fi
+
+    echo '{ "essid": "'"$essid"'", "icon": "'"$icon"'", "color": "'"$color"'", "level": "'"$level"'" }'
+
+    sleep 4
+  done
+fi
diff --git a/hybrid-vertical/.config/eww/scripts/notifications b/hybrid-vertical/.config/eww/scripts/notifications
new file mode 100755
index 000000000..857cb9751
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/notifications
@@ -0,0 +1,90 @@
+#!/usr/bin/env bash
+
+tmp=scripts/cache/dunst-history.json
+lock="scripts/cache/dunst-toggle.lock"
+lockinfo="scripts/cache/dunst-lock-info"
+
+touch $lockinfo
+
+declare ids
+export toggle_icon=""
+
+sanitize() {
+  retstr=$(echo $1 | sed 's/\\\\/\\\\\\\\/g' | sed 's/"/\\"/g')
+
+  # echo "original: $1"
+  echo "$retstr"
+  # echo 'sanitized'
+}
+
+get_ids() {
+  mapfile -t ids < <(dunstctl history | gojq -r ".data[] | .[] | select(.appname.data != \"Spotify\") | .id.data")
+}
+
+get_notif() {
+  echo -n '['
+
+  for id in "${ids[@]}"; do
+      mapfile -t n < <(gojq -r ".data[] | .[] | select(.id.data == $id) | .appname.data, .summary.data, .body.data" "$tmp" | sed -r '/^\s*$/d' | sed -e 's/\%/ percent/g')
+      ohkay=$(sanitize "${n[1]}")
+      # echo $ohkay
+      echo -n ''$([ $id -eq ${ids[0]} ] || echo ,)' { '
+      echo -n '"id": "'"$id"'", "appname": "'"${n[0]}"'", "summary": "'"$ohkay"'", "body": "'"${n[2]}"'"'
+      echo -n '}' 
+  done
+
+  echo ']'
+}
+
+toggle() {
+  dunstctl set-paused toggle
+
+  if [ ! -f "$lock" ]; then
+    export toggle_icon=""
+    touch "$lock"
+  else
+    export toggle_icon=""
+    rm "$lock"
+  fi
+
+  echo "icon_change" > $lockinfo
+}
+
+clear() {
+  dunstctl history-clear
+  echo "icon_change" > $lockinfo
+}
+
+get_icon() {
+  if [ ${#ids[@]} -eq 0 ]; then
+    echo ""
+  else
+    echo ""
+  fi
+}
+
+if [ "$1" == "toggle" ]; then
+  toggle
+  dunstctl history > "$tmp"
+elif [ "$1" == "clear" ]; then
+  clear
+  dunstctl history > "$tmp"
+elif [ "$1" == "icons" ]; then
+  dunstctl history > "$tmp"
+  get_ids
+  is_paused=$(dunstctl is-paused)
+  echo '{"toggle_icon": "'"$toggle_icon"'", "paused": '$is_paused', "icon": "'"$(get_icon)"'"}'
+  tail -f "$lockinfo" | while read -r; do
+    get_ids
+    is_paused=$(dunstctl is-paused)
+    echo '{"toggle_icon": "'"$toggle_icon"'", "paused": '$is_paused', "icon": "'"$(get_icon)"'"}'
+  done
+else
+  dunstctl history > "$tmp"
+  get_ids
+  get_notif
+  tail -f "$tmp" 2>/dev/null | rg --line-buffered "aa\{sv\}" | while read -r; do
+    get_ids
+    get_notif
+  done
+fi
diff --git a/hybrid-vertical/.config/eww/scripts/open-blurred.sh b/hybrid-vertical/.config/eww/scripts/open-blurred.sh
new file mode 100755
index 000000000..81d2b27d9
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/open-blurred.sh
@@ -0,0 +1,9 @@
+#!/usr/bin/bash
+
+exit 0 # BLURS ARE FUCKING UNSTABLE AAAAAAA
+
+current_addresses=("$(hyprctl layers -j | jq -r '.[] | .levels | ."2" | .[] | select(.namespace == "gtk-layer-shell") | .address')")
+for current_address in ${current_addresses[@]}; do
+      hyprctl keyword layerrule "blur,address:$current_address"
+      hyprctl keyword layerrule "ignorezero,address:$current_address"
+done
diff --git a/hybrid-vertical/.config/eww/scripts/overview-thumbnails b/hybrid-vertical/.config/eww/scripts/overview-thumbnails
new file mode 100755
index 000000000..cfe8e7967
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/overview-thumbnails
@@ -0,0 +1,94 @@
+#!/usr/bin/bash
+dummy='{"thumbnail": null}'
+
+getwins() {
+  overviewopen=$(scripts/isopen.sh overview)
+  if [ "$overviewopen" == "true" ]; then
+    return 
+  fi
+
+  focusedws=$(hyprctl -j monitors | gojq -r '.[] | select(.focused == true) | .activeWorkspace.id')
+  hyprctlclients=$(hyprctl clients -j \
+    | grep -v '"xwayland": ' \
+    | grep -v '"grouped": ' \
+    | grep -v '"pid": ' \
+    | grep -v '"fullscreenMode": ' \
+    | grep -v '"monitor": ' \
+    | grep -v '"floating": ' \
+    | grep -v '"fullscreen": ' \
+    | grep -v '"pinned":') # | grep -v ""name":")
+  # echo '-=-=-=- final output -=-=-=-'
+  # echo "$toprint"
+  # echo $(echo "$hyprctlclients")  # Print on one line only
+
+  workspace=('[' '[' '[' '[' '[' '[' '[' '[' '[' '[')
+  workspacecnt=(1 1 1 1 1 1 1 1 1 1)
+  outputstring='{'
+
+  wsid=0
+
+  # echo $hyprctlclients | gojq -c '.[]'
+
+  IFS=$'\n'
+  clientsarr=( $(echo $hyprctlclients | gojq -c -M '.[]') )
+
+  #For every window
+  for client in "${clientsarr[@]}"; do
+    wsid=$(echo $client | gojq -c -M '.workspace.id')
+    ((wsid-=1))
+    if [[ "$wsid" == "-100" ]]; then 
+      continue
+    fi
+    if [[ "${workspacecnt[wsid]}" != "0" ]]; then 
+      workspace[wsid]+=","
+    fi
+
+    clientclass=$(echo $client | gojq -r '.class')
+    iconpath=''
+    thumbnailpath=''
+
+    # Get thumbnail
+    clientaddress=$(echo $client | gojq -r '.address')
+    atx=$(echo $client | gojq -c '.at[0]')
+    aty=$(echo $client | gojq -c '.at[1]')
+    sizex=$(echo $client | gojq -c '.size[0]')
+    sizey=$(echo $client | gojq -c '.size[1]')
+    if [ "$(( wsid + 1 ))" == "$focusedws" ]; then
+      grim -g "$atx,$aty ""$sizex"'x'"$sizey" "scripts/cache/thumbnails/$clientaddress.png" -q 1 -t png -l 9
+    fi
+
+    # If thumbnail available
+    if [ -f "scripts/cache/thumbnails/$clientaddress.png" ]; then
+      thumbnailpath="scripts/cache/thumbnails/$clientaddress.png"
+    fi
+
+    client="\"$clientaddress\": \"$thumbnailpath\","
+    outputstring+="$client"
+
+    # echo -n "Window: $clientclass"
+    # echo '; icon path: '"$iconpath"
+    
+
+    # echo "Count: ${workspacecnt[wsid]}"
+    # echo 'ADDED TO: workspace '"$wsid"
+    # echo ' --> '"${workspace[wsid]}"
+    ((workspacecnt[wsid]+=1))
+  done
+
+  outputstring=${outputstring::-1}
+  outputstring+='}'
+
+  # echo $outputstring
+}
+
+# Do stuff here
+getwins
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  while true; do
+    getwins
+    sleep 0.8
+  done
+fi
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/overview-wrapper b/hybrid-vertical/.config/eww/scripts/overview-wrapper
new file mode 100755
index 000000000..b48d0769a
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/overview-wrapper
@@ -0,0 +1,11 @@
+#!/usr/bin/bash
+
+scripts/overview "$1"
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | while read -r line; do
+    scripts/overview "$1"
+  done
+fi
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/overview-wrapper1 b/hybrid-vertical/.config/eww/scripts/overview-wrapper1
new file mode 100755
index 000000000..482bd688f
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/overview-wrapper1
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+scripts/overview --row 1
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    # This sleep is necessary! 
+    # It prevents the script from being faster than hyprctl lmao
+    sleep 0.025
+    scripts/overview --row 1
+  done
+fi
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/overview-wrapper2 b/hybrid-vertical/.config/eww/scripts/overview-wrapper2
new file mode 100755
index 000000000..2ef074e71
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/overview-wrapper2
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+scripts/overview --row 2
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    # This sleep is necessary! 
+    # It prevents the script from being faster than hyprctl lmao
+    sleep 0.025
+    scripts/overview --row 2
+  done
+fi
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/overview.cpp b/hybrid-vertical/.config/eww/scripts/overview.cpp
new file mode 100644
index 000000000..2202e3bed
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/overview.cpp
@@ -0,0 +1,102 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <regex>
+#include <stdexcept>
+#include <string>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+#define ROWS 2
+#define COLS 5
+
+string clients;
+json clientjson, apps;
+json workspaces;
+string workspaceInitTemplate =
+    "[{\"address\":\"_none\",\"at\":[0,0],\"class\":\"workspace\",\"size\":["
+    "1920,1080],\"title\":\"__WORKSPACE_ID\",\"workspace\":{\"id\":__WORKSPACE_"
+    "ID,\"name\":\"__WORKSPACE_ID\"}}]";
+vector<string> appnames;
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+void initWorkspaces() {
+    for (int i = 0; i < ROWS; i++) {
+        workspaces.push_back(json::array({})); // []
+        for (int j = 0; j < COLS; j++) {
+            int workspaceNum = i * COLS + j + 1;  // Note: Workspaces are 1-base
+            string workspaceInitString =
+                regex_replace(workspaceInitTemplate, regex("__WORKSPACE_ID"),
+                              to_string(workspaceNum));
+            json thisWorkspaceInit = json::parse(workspaceInitString);
+            workspaces[i].push_back(thisWorkspaceInit);
+        }
+    }
+}
+
+void addApp(json& client) {
+    // Calculate position in overview tile
+    int workspaceNum = int(client["workspace"]["id"]) - 1;  // 1-base to 0-base
+    if(workspaceNum < 0) return; //Skip scratchpads/specials, as they have negative ids
+    int i = workspaceNum / COLS, j = workspaceNum % COLS;
+
+    // New JSON for app
+    json newApp =
+        R"({"class": "", "workspace": {"id": 8, "name": "8"}, "title": "", "at": [0, 0], "size": [0, 0], "address": [], "icon": ""})"_json;
+    // Add normal stuff
+    newApp["class"] = client["class"];
+    newApp["address"] = client["address"];
+    newApp["workspace"] = client["workspace"];
+    newApp["title"] = client["title"];
+    newApp["at"] = client["at"];
+    newApp["size"] = client["size"];
+    // Icon path
+    string filename = string("./scripts/cache/" + string(client["class"]));
+    std::ifstream ifs(filename);
+    std::string iconpath((std::istreambuf_iterator<char>(ifs)),
+                         (std::istreambuf_iterator<char>()));
+    while (iconpath.size() > 0 && *iconpath.rbegin() == '\n') iconpath.pop_back();  // Remove '\n'
+    newApp["icon"] = iconpath;
+
+    workspaces[i][j].push_back(newApp);
+}
+
+void getApps() {
+    // Get clients
+    clients = exec("hyprctl clients -j | gojq -c -M");
+    clientjson = json::parse(clients);
+
+    // Access the values
+    for (json client : clientjson) {
+        addApp(client);
+    }
+}
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+
+    initWorkspaces();
+    getApps();
+    if (argc == 2) cout << workspaces[0][stoi(argv[1]) - 1] << '\n';
+    if (argc == 3 && string(argv[1]) == "--row" && stoi(argv[2]) >= 1 && stoi(argv[2]) <= ROWS) {
+        cout << workspaces[stoi(argv[2]) - 1] << '\n';
+    } else
+        cout << workspaces << '\n';
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/overview1 b/hybrid-vertical/.config/eww/scripts/overview1
new file mode 100755
index 000000000..8c1e4f34a
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/overview1
@@ -0,0 +1,129 @@
+#!/usr/bin/bash
+dummy='{"address":"_none","at":[0,0],"class":"workspace","size":[1920,1080],"title":"<___overview_workspace>","workspace":{"id":<___overview_workspace>, "name": "<___overview_workspace>"}}'
+
+getwins() {
+  hyprctlclients=$(hyprctl clients -j \
+    | grep -v '"mapped": ' \
+    | grep -v '"hidden": ' \
+    | grep -v '"floating": ' \
+    | grep -v '"monitor": ' \
+    | grep -v '"pid": ' \
+    | grep -v '"xwayland": ' \
+    | grep -v '"pinned":' \
+    | grep -v '"fullscreen": ' \
+    | grep -v '"fullscreenMode": ' \
+    | grep -v '"fakeFullscreen": ' \
+    | grep -v '"grouped": ')
+
+  workspace=('[' '[' '[' '[' '[' '[' '[' '[' '[' '[')
+  workspacecnt=(1 1 1 1 1 1 1 1 1 1)
+
+  wsid=0
+  for i in 0 1 2 3 4; do
+    workspace[i]+=$(echo $dummy | sed "s/<___overview_workspace>/$((i+1))/g")
+  done
+
+  # echo $hyprctlclients | gojq -c '.[]'
+
+  IFS=$'\n'
+  clientsarr=( $(echo $hyprctlclients | gojq -c -M '.[]') )
+
+  #For every window
+  for client in "${clientsarr[@]}"; do
+    wsid=$(echo $client | gojq -c -M '.workspace.id')
+    if [[ $wsid -gt 5 ]]; then
+      continue
+    fi
+    ((wsid-=1))
+    iconpath=''
+    clientclass=$(echo "$client" | gojq -r '.class')
+    if [[ "$clientclass" == "" ]]; then 
+      continue
+    fi
+    if [[ "$wsid" == "-100" ]]; then 
+      continue
+    fi
+    if [[ "${workspacecnt[wsid]}" != "0" ]]; then 
+      workspace[wsid]+=","
+    fi
+
+    # If thumbnail available
+    # if [ -f "scripts/cache/thumbnails/$clientaddress.png" ]; then
+    #   thumbnailpath="scripts/cache/thumbnails/$clientaddress.png"
+    # fi
+    
+    # Get app icon
+    if [ -f "scripts/cache/$clientclass" ]; then
+        iconpath=$(cat scripts/cache/$clientclass)
+        if [ ! -f "${iconpath}" ]; then # Cache refresh if icon doesnt exist
+            iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$clientclass" | head -n 1)
+            echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+    else
+        iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$clientclass" | head -n 1)
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+    fi
+    if [[ ${iconpath} == "" ]]; then
+      # Retry with lowercase if icon not found
+      iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") $(echo "$clientclass" | tr '[:upper:]' '[:lower:]' | sed 's/\ /-/g') | head -n 1)
+
+      if [[ ! ${iconpath} = "" ]]; then
+        rm "scripts/cache/$clientclass"
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+      else 
+        newname=$(scripts/iconpatch $clientclass)
+        iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$newname" | head -n 1)
+        if [[ ! ${iconpath} = "" ]]; then
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        else
+          # Fallback app icon, replace the path below to the fallback icon of your choice
+          # iconpath="/usr/share/icons/Win11-dark/mimes/48/application-x-executable.svg"
+          iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "application-x-executable" | head -n 1)
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+      fi
+    fi
+
+    client=${client::-1}
+    client+=",\"icon\": \"$iconpath\"}"
+    workspace[wsid]+="$client" # Add window to workspace JSON
+
+    # echo -n "Window: $clientclass"
+    # echo '; icon path: '"$iconpath"
+    
+
+    # echo "Count: ${workspacecnt[wsid]}"
+    # echo 'ADDED TO: workspace '"$wsid"
+    # echo ' --> '"${workspace[wsid]}"
+    ((workspacecnt[wsid]+=1))
+  done
+
+  for i in 0 1 2 3 4; do
+    workspace[i]+=']'
+  done
+
+  # echo '-=-=-=-=-=- Summary -=-=-=-=-=-'
+
+  # -=-=-=-=-=-=-=-=-=-=-=-=-=-=- PRINT STUFF HERE -=-=-=-=-=-=-=-=-=-=-=-=-=-=-
+  echo -n '['
+  for i in 0 1 2 3 4; do
+    if [[ $i != 0 ]]; then
+      echo -n ','
+    fi
+    echo -n "${workspace[i]}"
+  done
+  echo ']'
+}
+
+# Do stuff here
+getwins
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    getwins
+  done
+fi
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/overview2 b/hybrid-vertical/.config/eww/scripts/overview2
new file mode 100755
index 000000000..97aa1c15b
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/overview2
@@ -0,0 +1,123 @@
+#!/usr/bin/bash
+dummy='{"address":"_none","at":[0,0],"class":"workspace","size":[1920,1080],"title":"<___overview_workspace>","workspace":{"id":<___overview_workspace>, "name": "<___overview_workspace>"}}'
+
+getwins() {
+  hyprctlclients=$(hyprctl clients -j \
+    | grep -v '"mapped": ' \
+    | grep -v '"hidden": ' \
+    | grep -v '"floating": ' \
+    | grep -v '"monitor": ' \
+    | grep -v '"pid": ' \
+    | grep -v '"xwayland": ' \
+    | grep -v '"pinned":' \
+    | grep -v '"fullscreen": ' \
+    | grep -v '"fullscreenMode": ' \
+    | grep -v '"fakeFullscreen": ' \
+    | grep -v '"grouped": ')
+
+  
+
+  workspace=('[' '[' '[' '[' '[' '[' '[' '[' '[' '[')
+  workspacecnt=(1 1 1 1 1 1 1 1 1 1)
+
+  wsid=0
+  for i in 5 6 7 8 9; do
+    workspace[i]+=$(echo $dummy | sed "s/<___overview_workspace>/$((i+1))/g")
+  done
+
+  # echo $hyprctlclients | gojq -c '.[]'
+
+  IFS=$'\n'
+  clientsarr=( $(echo $hyprctlclients | gojq -c -M '.[]') )
+  for client in "${clientsarr[@]}"; do
+    wsid=$(echo $client | gojq -c -M '.workspace.id')
+    if [[ $wsid -lt 6 ]]; then
+      continue
+    fi
+    ((wsid-=1))
+    iconpath=''
+    clientclass=$(echo $client | gojq -r '.class')
+    if [[ "$clientclass" == "" ]]; then 
+      continue
+    fi
+    if [[ "$wsid" == "-100" ]]; then 
+      continue
+    fi
+    if [[ "${workspacecnt[wsid]}" != "0" ]]; then 
+      workspace[wsid]+=","
+    fi
+
+    # Get app icon
+    if [ -f "scripts/cache/$clientclass" ]; then
+        iconpath=$(cat scripts/cache/$clientclass)
+        if [ ! -f "${iconpath}" ]; then # Cache refresh if icon doesnt exist
+            iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$clientclass" | head -n 1)
+            echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+    else
+        iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$clientclass" | head -n 1)
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+    fi
+    if [[ ${iconpath} == "" ]]; then
+      # Retry with lowercase if icon not found
+      iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") $(echo "$clientclass" | tr '[:upper:]' '[:lower:]' | sed 's/\ /-/g') | head -n 1)
+      if [[ ! ${iconpath} = "" ]]; then
+        rm "scripts/cache/$clientclass"
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+      else 
+        newname=$(scripts/iconpatch $clientclass)
+        iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$newname" | head -n 1)
+        if [[ ! ${iconpath} = "" ]]; then
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        else
+          # Fallback app icon, replace the path below to the fallback icon of your choice
+          # iconpath="/usr/share/icons/Win11-dark/mimes/48/application-x-executable.svg"
+          iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "application-x-executable" | head -n 1)
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+      fi
+    fi
+
+    client=${client::-1}
+    client+=",\"icon\": \"$iconpath\"}"
+    workspace[wsid]+="$client" # Add window to workspace JSON
+
+    # echo -n "Window: $clientclass"
+    # echo '; icon path: '"$iconpath"
+    
+
+    # echo "Count: ${workspacecnt[wsid]}"
+    # echo 'ADDED TO: workspace '"$wsid"
+    # echo ' --> '"${workspace[wsid]}"
+    ((workspacecnt[wsid]+=1))
+  done
+
+  for i in 5 6 7 8 9; do
+    workspace[i]+=']'
+  done
+
+  # echo '-=-=-=-=-=- Summary -=-=-=-=-=-'
+
+  # -=-=-=-=-=-=-=-=-=-=-=-=-=-=- PRINT STUFF HERE -=-=-=-=-=-=-=-=-=-=-=-=-=-=-
+  echo -n '['
+  for i in 5 6 7 8 9; do
+    if [[ $i != 5 ]]; then
+      echo -n ','
+    fi
+    echo -n "${workspace[i]}"
+  done
+  echo ']'
+}
+
+# Do stuff here
+getwins
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    getwins
+  done
+fi
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/scrollmonth b/hybrid-vertical/.config/eww/scripts/scrollmonth
new file mode 100755
index 000000000..52e23fece
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/scrollmonth
@@ -0,0 +1,21 @@
+#!/usr/bin/env bash
+
+# Get month diff
+diffmonth=$(eww get monthshift)
+if [[ "$1" == "up" ]]; then
+  diffmonth=$(( $diffmonth - 1 ))
+else
+  diffmonth=$(( $diffmonth + 1 ))
+fi
+eww update monthshift="$diffmonth" &
+
+# Get dates
+dates=$(scripts/getfirstdayofmonth "$diffmonth")
+dateSplitted=( $dates )
+newTitle=$(date -d "${dateSplitted[3]}-${dateSplitted[2]}-${dateSplitted[1]}" "+%B %Y")
+
+if [[ "$diffmonth" == "0" ]]; then
+  dates=''
+fi
+eww update calendartitle="$newTitle" &
+eww update calendar="$(scripts/calendarlayout $dates)"
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/search_items.txt b/hybrid-vertical/.config/eww/scripts/search_items.txt
new file mode 100644
index 000000000..411e47b04
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/search_items.txt
@@ -0,0 +1 @@
+(box :orientation "v" :spacing 5 :class "apps" :halign "center" :valign "center"  (button :class "item" :onclick "4channels &" "4channels") (button :class "item" :onclick "7za &" "7za") (button :class "item" :onclick "a52dec &" "a52dec") (button :class "item" :onclick "aafire &" "aafire") (button :class "item" :onclick "aainfo &" "aainfo") (button :class "item" :onclick "aalib-config &" "aalib-config") (button :class "item" :onclick "aasavefont &" "aasavefont") (button :class "item" :onclick "aatest &" "aatest") (button :class "item" :onclick "abw2html &" "abw2html") (button :class "item" :onclick "abw2raw &" "abw2raw"))
diff --git a/hybrid-vertical/.config/eww/scripts/selectwindow b/hybrid-vertical/.config/eww/scripts/selectwindow
new file mode 100755
index 000000000..2f88d9099
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/selectwindow
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+selected=$(eval $2 get selected)
+
+
+if [[ $selected == "_none" ]] || [[ $selected == "" ]]; then
+  eval "$2 update selected=$1"
+  selected=$(eval $2 get selected)
+else
+  hyprctl dispatch movetoworkspacesilent $3,address:$selected
+
+  eval "$2 update selected=_none"
+  selected=$(eval $2 get selected)
+fi
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/supersecretsettings/culture b/hybrid-vertical/.config/eww/scripts/supersecretsettings/culture
new file mode 100755
index 000000000..28c5c0abf
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/supersecretsettings/culture
@@ -0,0 +1,18 @@
+#!/usr/bin/env bash
+plugged=0
+
+swaybg -i images/wallpaper/wallpaper-cultured &
+
+while true; do
+	STATE=$(cat /sys/class/power_supply/BATT/status)
+    if [[ "$STATE" = "Charging" ]]; then 
+        if [ "$plugged" -eq "0" ]; then 
+            plugged=1
+            notify-send 'Aghh~~~~'
+            play scripts/supersecretsettings/culture.mp3
+        fi
+    else 
+        plugged=0
+    fi      
+	sleep 1
+done
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/supersecretsettings/culture.mp3 b/hybrid-vertical/.config/eww/scripts/supersecretsettings/culture.mp3
new file mode 100644
index 000000000..3614f93f1
Binary files /dev/null and b/hybrid-vertical/.config/eww/scripts/supersecretsettings/culture.mp3 differ
diff --git a/hybrid-vertical/.config/eww/scripts/supersecretsettings/doreload b/hybrid-vertical/.config/eww/scripts/supersecretsettings/doreload
new file mode 100755
index 000000000..363dbedbc
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/supersecretsettings/doreload
@@ -0,0 +1,10 @@
+#!/bin/sh
+
+
+cp ~/.config/hypr/hyprland.conf temporary_config.conf && cp temporary_config.conf ~/.config/hypr/hyprland.conf
+rm temporary_config.conf
+
+pkill swaybg
+swaybg -i images/wallpaper/wallpaper-normal
+
+kill $(pidof eww) && eww open bar && eww open bg-decor
diff --git a/hybrid-vertical/.config/eww/scripts/taskbar.cpp b/hybrid-vertical/.config/eww/scripts/taskbar.cpp
new file mode 100644
index 000000000..99301a12a
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/taskbar.cpp
@@ -0,0 +1,84 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+string clients, pinned;
+json clientjson, apps;
+vector<string> appnames;
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+void addApp(json& client) {
+    bool found = false;
+    for (json& obj : apps) {
+        auto it = obj.find("class");
+        if (it != obj.end() && *it == client["class"]) {
+            found = true;
+            obj["count"] = int(obj["count"]) + 1;
+            obj["address"].push_back(client["address"]);
+            obj["workspace"].push_back(client["workspace"]["id"]);
+            break;
+        }
+    }
+    if (!found) {
+        json newApp =
+            R"({"class": "", "count": 1, "workspace": [], "address": [], "icon": ""})"_json;
+        newApp["class"] = client["class"];
+        newApp["address"].push_back(client["address"]);
+        newApp["workspace"].push_back(client["workspace"]["id"]);
+        string filename = string("./scripts/cache/" + string(client["class"]));
+        std::ifstream ifs(filename);
+        std::string iconpath((std::istreambuf_iterator<char>(ifs)),
+                             (std::istreambuf_iterator<char>()));
+        // cout << "PATH: " << filename << " | ICON PATH: " << iconpath << '\n';
+        while (iconpath.size() > 0 && *iconpath.rbegin() == '\n') iconpath.pop_back();  // Remove '\n'
+        newApp["icon"] = iconpath;
+
+        apps.push_back(newApp);
+    }
+}
+
+void getAppNameAndCount() {
+    // Get clients
+    clients = exec("hyprctl clients -j | gojq -c -M");
+    pinned = exec("cat modules/taskbar.json | gojq -c -M");
+    clientjson = json::parse(clients);
+    apps = json::parse(pinned);
+
+    // Access the values
+    for (json client : clientjson) {
+        addApp(client);
+        // cout << client << '\n';
+    }
+}
+
+void getAppIcon() {}
+
+int main() {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+    
+    getAppNameAndCount();
+    getAppIcon();
+    cout << apps << '\n';
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/taskbarloop b/hybrid-vertical/.config/eww/scripts/taskbarloop
new file mode 100755
index 000000000..edec3a371
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/taskbarloop
@@ -0,0 +1,13 @@
+#!/usr/bin/bash
+
+scripts/taskbar
+
+if [ "$1" == "--once" ]; then
+  scripts/taskbar
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    scripts/taskbar
+    echo
+  done
+fi
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/taskviewlayout.cpp b/hybrid-vertical/.config/eww/scripts/taskviewlayout.cpp
new file mode 100644
index 000000000..e3c5b1873
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/taskviewlayout.cpp
@@ -0,0 +1,102 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <regex>
+#include <stdexcept>
+#include <string>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+#define ROWS 2
+#define COLS 5
+
+string clients;
+json clientjson, apps;
+json workspaces;
+string workspaceInitTemplate =
+    "[{\"address\":\"_none\",\"at\":[0,0],\"class\":\"workspace\",\"size\":["
+    "1920,1080],\"title\":\"__WORKSPACE_ID\",\"workspace\":{\"id\":__WORKSPACE_"
+    "ID,\"name\":\"__WORKSPACE_ID\"}}]";
+vector<string> appnames;
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+void initWorkspaces() {
+    for (int i = 0; i < ROWS; i++) {
+        workspaces.push_back(json::array({}));  // []
+        for (int j = 0; j < COLS; j++) {
+            int workspaceNum = i * COLS + j + 1;  // Note: Workspaces are 1-base
+            string workspaceInitString =
+                regex_replace(workspaceInitTemplate, regex("__WORKSPACE_ID"),
+                              to_string(workspaceNum));
+            json thisWorkspaceInit = json::parse(workspaceInitString);
+            workspaces[i].push_back(thisWorkspaceInit);
+        }
+    }
+}
+
+void addApp(json& client) {
+    // Calculate position in overview tile
+    int workspaceNum = int(client["workspace"]["id"]) - 1;  // 1-base to 0-base
+    if (workspaceNum < 0)
+        return;  // Skip scratchpads/specials, as they have negative ids
+    int i = workspaceNum / COLS, j = workspaceNum % COLS;
+
+    // New JSON for app
+    json newApp =
+        R"({"class": "", "workspace": {"id": 8, "name": "8"}, "title": "", "at": [0, 0], "size": [0, 0], "address": [], "icon": ""})"_json;
+    // Add normal stuff
+    newApp["class"] = client["class"];
+    newApp["address"] = client["address"];
+    newApp["workspace"] = client["workspace"];
+    newApp["title"] = client["title"];
+    newApp["at"] = client["at"];
+    newApp["size"] = client["size"];
+    // Icon path
+    string filename = string("./scripts/cache/" + string(client["class"]));
+    std::ifstream ifs(filename);
+    std::string iconpath((std::istreambuf_iterator<char>(ifs)),
+                         (std::istreambuf_iterator<char>()));
+    while (iconpath.size() > 0 && *iconpath.rbegin() == '\n')
+        iconpath.pop_back();  // Remove '\n'
+    newApp["icon"] = iconpath;
+
+    workspaces[i][j].push_back(newApp);
+}
+
+void getApps() {
+    // Get clients
+    clients = exec("hyprctl clients -j | gojq -c -M");
+    clientjson = json::parse(clients);
+
+    // Access the values
+    for (json client : clientjson) {
+        addApp(client);
+    }
+}
+
+int main(int argc, char* argv[]) {
+    // ios::sync_with_stdio(false);
+    // cin.tie(nullptr);
+
+    // Get rekt uggh i mean windows in workspaces
+    initWorkspaces();
+    getApps();
+
+    
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/toggle-allapps.sh b/hybrid-vertical/.config/eww/scripts/toggle-allapps.sh
new file mode 100755
index 000000000..d41f83695
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/toggle-allapps.sh
@@ -0,0 +1,11 @@
+#!/usr/bin/bash
+state=$(eww get winstart_allapps)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update winstart_allapps=false
+else
+    eww update winstart_allapps=true
+    # This sleep is necessary for it to animate smoothly!
+    sleep 0.2
+    eww update allapps="$(eww get allapps_get)"
+fi
diff --git a/hybrid-vertical/.config/eww/scripts/toggle-bottombar.sh b/hybrid-vertical/.config/eww/scripts/toggle-bottombar.sh
new file mode 100755
index 000000000..ab6fcd9ba
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/toggle-bottombar.sh
@@ -0,0 +1,18 @@
+#!/usr/bin/bash
+state=$(eww get rev_bottombar)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_bottombar=false
+    eww update rev_bottombar=false
+    # eww update force_sys_rev=false
+    sleep 0.15
+    eww close bottombar
+    eww close bottombar-back
+    eww update cavajson=''
+else
+    eww update anim_open_bottombar=true
+    eww open bottombar-back
+    eww open bottombar
+    eww update rev_bottombar=true
+    # eww update force_sys_rev=true &
+fi
diff --git a/hybrid-vertical/.config/eww/scripts/toggle-calendar.sh b/hybrid-vertical/.config/eww/scripts/toggle-calendar.sh
new file mode 100755
index 000000000..20e907f26
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/toggle-calendar.sh
@@ -0,0 +1,13 @@
+#!/usr/bin/bash
+state=$(eww get rev_calendar)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_calendar=false
+    eww update rev_calendar=false
+    sleep 0.15
+    eww close calendar
+else
+    eww update anim_open_calendar=true
+    eww open calendar
+    eww update rev_calendar=true
+fi
diff --git a/hybrid-vertical/.config/eww/scripts/toggle-compactmode.sh b/hybrid-vertical/.config/eww/scripts/toggle-compactmode.sh
new file mode 100755
index 000000000..fc8d65195
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/toggle-compactmode.sh
@@ -0,0 +1,19 @@
+#!/bin/bash
+
+state=$(hyprctl getoption decoration:rounding -j | gojq '.int')
+
+if [[ "$state" != "0" || "$1" == "--enable" ]]; then
+    eww update compact=true &
+    hyprctl keyword decoration:rounding 0 
+    hyprctl keyword general:gaps_in 0 
+    hyprctl keyword general:gaps_out 0
+    hyprctl keyword monitor eDP-1,addreserved,69,0,0,0  
+    if [[ "$2" == "--border" ]]; then
+        hyprctl keyword general:border_size "$3"
+    else
+        hyprctl keyword general:border_size 1
+    fi
+else
+    eww update compact=false &
+    hyprctl reload
+fi
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/toggle-dash.sh b/hybrid-vertical/.config/eww/scripts/toggle-dash.sh
new file mode 100755
index 000000000..9ca20abd7
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/toggle-dash.sh
@@ -0,0 +1,23 @@
+#!/usr/bin/bash
+reserves=$(hyprctl monitors -j | gojq -r -c '.[0]["reserved"]')
+if [[ "$1" == "--keypress" && "$reserves" == "[0,0,0,50]" ]]; then
+    cd ~/.config/eww
+    scripts/toggle-winactions.sh
+    exit
+fi
+
+state=$(eww get rev_dash)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_dash=false
+    eww update rev_dash=false
+    sleep 0.08
+    eww close dashboard
+else
+    scripts/toggle-overview.sh --close &
+    scripts/toggle-osettings.sh --close &
+    scripts/toggle-onotify.sh --close &
+    eww update anim_open_dash=true
+    eww open dashboard
+    eww update rev_dash=true
+fi
diff --git a/hybrid-vertical/.config/eww/scripts/toggle-dashfs.sh b/hybrid-vertical/.config/eww/scripts/toggle-dashfs.sh
new file mode 100755
index 000000000..a819c6628
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/toggle-dashfs.sh
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+state=$(eww get rev_dashfs)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_dashfs=false
+    eww update rev_dashfs=false
+    sleep 0.15
+    eww close dashfs 
+    eww update cavajson=''
+else
+    eww update anim_open_dashfs=true
+    eww open dashfs
+    eww update rev_dashfs=true 
+fi
diff --git a/hybrid-vertical/.config/eww/scripts/toggle-music.sh b/hybrid-vertical/.config/eww/scripts/toggle-music.sh
new file mode 100755
index 000000000..baa63b066
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/toggle-music.sh
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+state=$(eww get music_open)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_music=false
+    eww update music_open=false
+    sleep 0.2
+    eww close music
+    eww update cavajson=''
+else
+    eww update anim_open_music=true
+    eww open music
+    eww update music_open=true
+fi
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/toggle-nightlight.sh b/hybrid-vertical/.config/eww/scripts/toggle-nightlight.sh
new file mode 100755
index 000000000..6b3090340
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/toggle-nightlight.sh
@@ -0,0 +1,10 @@
+#!/usr/bin/bash
+currentshader=$(hyprctl getoption decoration:screen_shader -j | gojq -r '.str')
+
+if [[ "$currentshader" != *"extradark.frag" ]]; then
+    hyprctl keyword decoration:screen_shader '~/.config/hypr/shaders/extradark.frag'
+else
+    hyprctl keyword decoration:screen_shader '~/.config/hypr/shaders/nothing.frag'
+fi
+
+scripts/hyprsettings tickle
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/toggle-onotify.sh b/hybrid-vertical/.config/eww/scripts/toggle-onotify.sh
new file mode 100755
index 000000000..0a139c6ae
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/toggle-onotify.sh
@@ -0,0 +1,22 @@
+#!/usr/bin/bash
+reserves=$(hyprctl monitors -j | gojq -r -c '.[0]["reserved"]')
+if [[ "$1" == "--keypress" && "$reserves" == "[0,0,0,50]" ]]; then
+    cd ~/.config/eww
+    scripts/toggle-winnotif.sh
+    exit
+fi
+
+state=$(eww get rev_ontf)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_ontf=false
+    eww update rev_ontf=false
+    # eww update force_sys_rev=false
+    sleep 0.15
+    eww close onotify 
+else
+    eww update anim_open_ontf=true
+    eww open onotify
+    eww update rev_ontf=true &
+    # eww update force_sys_rev=true &
+fi
diff --git a/hybrid-vertical/.config/eww/scripts/toggle-osd-bright.sh b/hybrid-vertical/.config/eww/scripts/toggle-osd-bright.sh
new file mode 100755
index 000000000..fd54db13a
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/toggle-osd-bright.sh
@@ -0,0 +1,51 @@
+#!/usr/bin/bash
+cd ~/.config/eww
+reserves=$(hyprctl monitors -j | gojq -r -c '.[0]["reserved"]')
+state=$(eww get osd_vol)
+
+closewinvol() {
+    eww update osd_vol=false
+    sleep 0.2
+    eww close winosd_vol
+}
+closewinosd() {
+    eww update osd_bright=false
+    sleep 0.2
+    eww close winosd_bright
+}
+openwinosd() {
+    if [ "$state" = "true" ]; then
+        closewinvol
+    fi
+    eww open winosd_bright
+    eww update osd_bright=true
+}
+closeosd() {
+    eww update osd_bright=false
+    sleep 0.2
+    eww close osd
+}
+openosd() {
+    eww open osd
+    eww update osd_bright=true
+}
+
+if [ "$reserves" = "[0,0,0,50]" ]; then # windoes mode active
+    eww close osd &
+    if [[ "$1" == "--open" ]]; then
+        openwinosd
+    else
+        closewinosd
+    fi
+    exit 0
+fi
+
+eww close winosd_vol &
+eww close winosd_bright &
+if [[ "$1" == "--open" ]]; then 
+    openosd
+elif [[ "$1" == "--close" ]]; then
+    closeosd
+else
+    closeosd
+fi
diff --git a/hybrid-vertical/.config/eww/scripts/toggle-osd-vol.sh b/hybrid-vertical/.config/eww/scripts/toggle-osd-vol.sh
new file mode 100755
index 000000000..54658a294
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/toggle-osd-vol.sh
@@ -0,0 +1,51 @@
+#!/usr/bin/bash
+cd ~/.config/eww
+reserves=$(hyprctl monitors -j | gojq -r -c '.[0]["reserved"]')
+state=$(eww get osd_bright)
+
+closewinbright() {
+    eww update osd_bright=false
+    sleep 0.2
+    eww close winosd_bright
+}
+closewinosd() {
+    eww update osd_vol=false
+    sleep 0.2
+    eww close winosd_vol
+}
+openwinosd() {
+    if [ "$state" = "true" ]; then
+        closewinbright
+    fi
+    eww open winosd_vol
+    eww update osd_vol=true
+}
+closeosd() {
+    eww update osd_vol=false
+    sleep 0.2
+    eww close osd
+}
+openosd() {
+    eww open osd
+    eww update osd_vol=true
+}
+
+if [ "$reserves" = "[0,0,0,50]" ]; then # windoes mode active
+    eww close osd &
+    if [[ "$1" == "--open" ]]; then
+        openwinosd
+    else
+        closewinosd
+    fi
+    exit 0
+fi
+
+eww close winosd_vol &
+eww close winosd_bright &
+if [[ "$1" == "--open" ]]; then 
+    openosd
+elif [[ "$1" == "--close" ]]; then
+    closeosd
+else
+    closeosd
+fi
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/toggle-osettings.sh b/hybrid-vertical/.config/eww/scripts/toggle-osettings.sh
new file mode 100755
index 000000000..784d6fe00
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/toggle-osettings.sh
@@ -0,0 +1,23 @@
+#!/usr/bin/bash
+reserves=$(hyprctl monitors -j | gojq -r -c '.[0]["reserved"]')
+if [[ "$1" == "--keypress" && "$reserves" == "[0,0,0,50]" ]]; then
+    cd ~/.config/eww
+    scripts/toggle-winnews.sh
+    exit
+fi
+
+
+state=$(eww get rev_ostg)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_ostg=false
+    eww update rev_ostg=false
+    sleep 0.15
+    eww close osettings 
+    eww update oquery=''
+else # state = false
+    eww update anim_open_ostg=true
+    eww update oquery='' &
+    eww open osettings
+    eww update rev_ostg=true &
+fi
diff --git a/hybrid-vertical/.config/eww/scripts/toggle-overview.sh b/hybrid-vertical/.config/eww/scripts/toggle-overview.sh
new file mode 100755
index 000000000..bebe319fc
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/toggle-overview.sh
@@ -0,0 +1,23 @@
+#!/usr/bin/bash
+cd ~/.config/eww
+
+reserves=$(hyprctl monitors -j | gojq -r -c '.[0]["reserved"]')
+if [[ "$1" == "--keypress" && "$reserves" == "[0,0,0,50]" ]]; then
+    scripts/toggle-winstart.sh
+    exit
+fi
+
+state=$(eww get open_overview)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then 
+    eww close overview &
+    eww update overview_query='' &
+    eww update open_overview=false &
+else
+    scripts/allapps > scripts/cache/entries.txt &
+    scripts/allappnames > scripts/cache/entrynames.txt &
+    eww update overview_query=''  &
+    eww update overview_hover_name='{"class":"LMB: Focus | MMB: Close | RMB: Select/Move","title":"Activities Overview","workspace":{"id":5,"name":"5"},"icon": "/usr/share/icons/breeze-dark/actions/16/window.svg"}' &
+    eww open overview
+    eww update open_overview=true
+fi
diff --git a/hybrid-vertical/.config/eww/scripts/toggle-themer.sh b/hybrid-vertical/.config/eww/scripts/toggle-themer.sh
new file mode 100755
index 000000000..38446da43
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/toggle-themer.sh
@@ -0,0 +1,13 @@
+#!/usr/bin/bash
+state=$(eww get rev_themer)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_themer=false
+    eww update rev_themer=false
+    sleep 0.25
+    eww close themer
+else
+    eww update anim_open_themer=true
+    eww open themer
+    eww update rev_themer=true
+fi
diff --git a/hybrid-vertical/.config/eww/scripts/toggle-winactions.sh b/hybrid-vertical/.config/eww/scripts/toggle-winactions.sh
new file mode 100755
index 000000000..e6db7a909
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/toggle-winactions.sh
@@ -0,0 +1,19 @@
+#!/usr/bin/bash
+state=$(eww get rev_winactions)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    if [[ "$2" == "settings" ]]; then
+        gnome-control-center &
+    fi
+    if [[ "$2" == "power" ]]; then
+        gnome-control-center power &
+    fi
+    eww update anim_open_winactions=false
+    eww update rev_winactions=false
+    sleep 0.15
+    eww close winactions
+else
+    eww update anim_open_winactions=true
+    eww open winactions
+    eww update rev_winactions=true
+fi
diff --git a/hybrid-vertical/.config/eww/scripts/toggle-wingamebar.sh b/hybrid-vertical/.config/eww/scripts/toggle-wingamebar.sh
new file mode 100755
index 000000000..92a06d58f
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/toggle-wingamebar.sh
@@ -0,0 +1,12 @@
+#!/usr/bin/bash
+state=$(eww get rev_wingamebar)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww close wingamebar
+    eww update anim_open_wingamebar=false
+    eww update rev_wingamebar=false
+else
+    eww update anim_open_wingamebar=true
+    eww open wingamebar
+    eww update rev_wingamebar=true
+fi
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/toggle-winmode.sh b/hybrid-vertical/.config/eww/scripts/toggle-winmode.sh
new file mode 100755
index 000000000..b116aec78
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/toggle-winmode.sh
@@ -0,0 +1,28 @@
+#!/usr/bin/bash
+reserves=$(hyprctl monitors -j | gojq -r -c '.[0]["reserved"]')
+
+if [[ "$reserves" == "[0,61,0,0]" ]]; then
+    eww close bottomline
+    eww open winbar
+    eww close bar
+    hyprctl keyword monitor eDP-1,addreserved,0,50,0,0
+
+    hyprctl keyword decoration:rounding 0
+    hyprctl keyword general:gaps_in 0
+    hyprctl keyword general:gaps_out 0
+    hyprctl keyword general:border_size 0
+    hyprctl keyword windowrulev2 'rounding 15, floating:1'
+    hyprctl keyword decoration:drop_shadow true
+else
+    eww close winbar
+    eww open bar
+    eww open bottomline
+    hyprctl keyword monitor eDP-1,addreserved,61,0,0,0
+
+    hyprctl keyword decoration:rounding 17 
+    hyprctl keyword general:gaps_in 4 
+    hyprctl keyword general:gaps_out 8
+    hyprctl keyword general:border_size 2
+    hyprctl keyword windowrulev2 'unset, floating:1'
+    hyprctl keyword decoration:drop_shadow false
+fi
diff --git a/hybrid-vertical/.config/eww/scripts/toggle-winnews.sh b/hybrid-vertical/.config/eww/scripts/toggle-winnews.sh
new file mode 100755
index 000000000..eb7673d3d
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/toggle-winnews.sh
@@ -0,0 +1,15 @@
+#!/usr/bin/bash
+state=$(eww get rev_winnews)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_winnews=false
+    eww update rev_winnews=false
+    sleep 0.15
+    eww close winnews
+    eww update oquery=''
+else
+    eww update anim_open_winnews=true
+    eww update oquery='' &
+    eww open winnews
+    eww update rev_winnews=true
+fi
diff --git a/hybrid-vertical/.config/eww/scripts/toggle-winnotif.sh b/hybrid-vertical/.config/eww/scripts/toggle-winnotif.sh
new file mode 100755
index 000000000..8b9d14a86
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/toggle-winnotif.sh
@@ -0,0 +1,13 @@
+#!/usr/bin/bash
+state=$(eww get rev_winnotif)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_winnotif=false
+    eww update rev_winnotif=false
+    sleep 0.2
+    eww close winnotif
+else
+    eww update anim_open_winnotif=true
+    eww open winnotif
+    eww update rev_winnotif=true
+fi
diff --git a/hybrid-vertical/.config/eww/scripts/toggle-winpowermenu.sh b/hybrid-vertical/.config/eww/scripts/toggle-winpowermenu.sh
new file mode 100755
index 000000000..56b0a9a12
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/toggle-winpowermenu.sh
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+state=$(eww get rev_winpowermenu)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_winpowermenu=false
+    eww update rev_winpowermenu=false
+    eww update winsearch='' &
+    sleep 0.15
+    eww close winpowermenu
+else
+    eww update anim_open_winpowermenu=true
+    eww open winpowermenu
+    eww update rev_winpowermenu=true
+fi
diff --git a/hybrid-vertical/.config/eww/scripts/toggle-winstart.sh b/hybrid-vertical/.config/eww/scripts/toggle-winstart.sh
new file mode 100755
index 000000000..16836777d
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/toggle-winstart.sh
@@ -0,0 +1,21 @@
+#!/usr/bin/bash
+state=$(eww get rev_winstart)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    scripts/toggle-winpowermenu.sh --close &
+    eww update anim_open_winstart=false
+    eww update rev_winstart=false
+    sleep 0.1
+    eww close winstart
+    eww update winsearch=''
+    eww update winsearch_prefix=''
+    eww update winstart_allapps=false
+    eww update allapps=''
+else
+    scripts/allapps > scripts/cache/entries.txt &
+    scripts/allappnames > scripts/cache/entrynames.txt &
+    eww update anim_open_winstart=true
+    eww open winstart
+    eww update rev_winstart=true
+    eww update allapps_get="$(scripts/allapps --mode 2)" &
+fi
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/togglelight b/hybrid-vertical/.config/eww/scripts/togglelight
new file mode 100755
index 000000000..96dd9b58f
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/togglelight
@@ -0,0 +1,9 @@
+#!/usr/bin/bash
+
+if [ "$1" == "light" ]; then
+  echo -n '-l' > 'scripts/workdir/__mode_light_dark.txt'
+  cp css/savedcolors/_iconcolor_default.txt css/_iconcolor_default.txt
+else
+  echo -n '' > 'scripts/workdir/__mode_light_dark.txt'
+  cp css/savedcolors/_iconcolor_default.txt css/_iconcolor_default.txt
+fi
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/volume b/hybrid-vertical/.config/eww/scripts/volume
new file mode 100755
index 000000000..b4f2821f6
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/volume
@@ -0,0 +1,133 @@
+#!/usr/bin/env bash
+cd ~/.config/eww
+
+volicons=("" "" "")
+XDG_CACHE_HOME="$HOME/.cache"
+date="$XDG_CACHE_HOME/eww/osd_vol.date"
+lock=0
+
+showhide() {
+  # get dates
+  rundate=$(cat "$date")
+  currentdate=$(date +%s)
+
+  # handle showing
+  if [ "$rundate" = "$currentdate" ] && [ "$lock" -eq 0 ]; then
+    scripts/toggle-osd-vol.sh --open
+    lock=1
+  elif [ $((currentdate - rundate)) -ge 2 ] && [ "$lock" -eq 1 ]; then
+    scripts/toggle-osd-vol.sh --close > /dev/null
+    lock=0
+  fi
+}
+
+osd() {
+  if [ ! -f "$date" ]; then
+    mkdir -p "$XDG_CACHE_HOME/eww"
+  fi
+  date +%s > "$date"
+  showhide
+}
+
+osd_handler() {
+  lock=0
+  rundate=0
+  if [ ! -f "$date" ]; then
+    mkdir -p "$XDG_CACHE_HOME/eww"
+    echo 0 > "$date"
+  fi
+
+  while true; do
+    showhide
+    sleep 0.1
+  done
+}
+
+vol() {
+  wpctl get-volume @DEFAULT_AUDIO_$1@ | awk '{print int($2*100)}'
+}
+ismuted() {
+  wpctl get-volume @DEFAULT_AUDIO_"$1"@ | rg -i muted
+  echo $?
+}
+setvol() {
+  wpctl set-volume @DEFAULT_AUDIO_"$1"@ "$(awk -v n="$2" 'BEGIN{print (n / 100)}')"
+}
+setmute() {
+  wpctl set-mute @DEFAULT_AUDIO_"$1"@ toggle
+}
+
+if [ "$1" = "--once" ]; then
+  lvl=$(awk -v n="$(vol "SINK")" 'BEGIN{print int(n/34)}')
+    ismuted=$(ismuted "SINK")
+
+    if [ "$ismuted" = 1 ]; then
+    	icon="${volicons[$lvl]}"
+    else
+      icon=""
+    fi
+    audio=1
+    if [ "$(wpctl status | grep 'MUTED')" == "" ]; then
+      audio=1
+    else 
+      audio=0
+    fi
+
+    echo '{"icon":"'"$icon"'","audio":"'"$audio"'","percent":"'"$(vol "SINK")"'","microphone":"'"$(vol "SOURCE")"'"}'
+    exit 0
+fi
+
+if [ "$1" = "mute" ]; then
+  if [ "$2" != "SOURCE" ] && [ "$2" != "SINK" ]; then
+    echo "Can only mute SINK or SOURCE"; exit 1
+  fi
+  setmute "$2"
+elif [ "$1" = "setvol" ]; then
+  if [ "$2" != "SOURCE" ] && [ "$2" != "SINK" ]; then
+    echo "Can only set volume for SINK or SOURCE"; exit 1
+  elif [ "$3" -lt 1 ] || [ "$3" -gt 100 ]; then
+    echo "Volume must be between 1 and 100"; exit 1
+  fi
+  setvol "$2" "$3"
+elif [ "$1" = "osd" ]; then
+  osd
+else
+  # initial values
+  lvl=$(awk -v n="$(vol "SINK")" 'BEGIN{print int(n/34)}')
+  ismuted=$(ismuted "SINK")
+
+  if [ "$ismuted" = 1 ]; then
+  	icon="${volicons[$lvl]}"
+  else
+    icon=""
+  fi
+  audio=1
+  if [ "$(wpctl status | grep 'MUTED')" == "" ]; then
+    audio=1
+  else 
+    audio=0
+  fi
+
+  echo '{"icon":"'"$icon"'","audio":"'"$audio"'","percent":"'"$(vol "SINK")"'","microphone":"'"$(vol "SOURCE")"'"}'
+
+  osd_handler &
+  # event loop
+  pactl subscribe | rg --line-buffered "on sink" | while read -r _; do
+    lvl=$(awk -v n="$(vol "SINK")" 'BEGIN{print int(n/34)}')
+    ismuted=$(ismuted "SINK")
+
+    if [ "$ismuted" = 1 ]; then
+    	icon="${volicons[$lvl]}"
+    else
+      icon=""
+    fi
+    audio=1
+    if [ "$(wpctl status | grep 'MUTED')" == "" ]; then
+      audio=1
+    else 
+      audio=0
+    fi
+
+    echo '{"icon":"'"$icon"'","audio":"'"$audio"'","percent":"'"$(vol "SINK")"'","microphone":"'"$(vol "SOURCE")"'"}'
+  done
+fi
diff --git a/hybrid-vertical/.config/eww/scripts/waifupics.py b/hybrid-vertical/.config/eww/scripts/waifupics.py
new file mode 100755
index 000000000..0044facee
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/waifupics.py
@@ -0,0 +1,26 @@
+# Import the requests module
+import requests
+import json
+import os
+import sys
+
+# Define the URL to send the GET request
+url = "https://api.waifu.pics/sfw/waifu"
+if len(sys.argv) > 1 and sys.argv[1] == '--segs':
+    url = "https://api.waifu.pics/nsfw/waifu"
+else:
+    url = "https://api.waifu.pics/sfw/waifu"    
+
+# Send the GET request and store the response object
+response = requests.get(url)
+
+# Check if the request was successful
+if response.status_code == 200:
+    # Print the received data as JSON
+    results = response.json()
+    link=results['url']
+    os.system('wget -O "{0}" "{1}" -q –read-timeout=0.1'.format('eww_covers/waifu_tmp', link))
+    os.system('mv ./eww_covers/waifu_tmp ./eww_covers/waifu')
+else:
+    # Print an error message
+    print("Something went wrong. Status code:", response.status_code)
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/winlist b/hybrid-vertical/.config/eww/scripts/winlist
new file mode 100755
index 000000000..97217c8a3
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/winlist
@@ -0,0 +1,27 @@
+#!/usr/bin/bash
+getwinlist(){
+  toprint=$(hyprctl clients -j \
+    | grep -v '"xwayland": ' \
+    | grep -v '"grouped": ' \
+    | grep -v '"pid": ' \
+    | grep -v '"fullscreenMode": ' \
+    | grep -v '"monitor": ' \
+    | grep -v '"floating": ' \
+    | grep -v '"fullscreen": ' \
+    | grep -v '"at": ' \
+    | grep -v '"pinned":') # | grep -v ""name":")
+  # echo '-=-=-=- final output -=-=-=-'
+  # echo "$toprint"
+  echo $(echo "$toprint")  # Print on one line only
+}
+
+getwinlist
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    # echo $line
+    getwinlist
+  done
+fi
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/scripts/winnumbers b/hybrid-vertical/.config/eww/scripts/winnumbers
new file mode 100755
index 000000000..079870c4e
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/winnumbers
@@ -0,0 +1,29 @@
+#!/usr/bin/bash
+
+geticonlist() {
+    classes=$(hyprctl clients | grep -e 'class: ' | sed 's/class: Code/class: code/' | sed 's/\tclass: //')
+    addresses=$(hyprctl clients | grep -e ' -> ')
+    # echo "$classes"
+    IFS=$'\n'
+    classarr=($(echo "$classes"))
+    
+    printf '['
+    for i in "${!classarr[@]}"; do
+        if [ $i -ne 0 ]; then
+            printf ', '
+        fi
+        printf "$i"
+    done
+    echo ']'
+}
+
+geticonlist
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    geticonlist
+  done
+fi
+
diff --git a/hybrid-vertical/.config/eww/scripts/workdir/__mode_light_dark.txt b/hybrid-vertical/.config/eww/scripts/workdir/__mode_light_dark.txt
new file mode 100644
index 000000000..e69de29bb
diff --git a/hybrid-vertical/.config/eww/scripts/workspaces b/hybrid-vertical/.config/eww/scripts/workspaces
new file mode 100755
index 000000000..bb41b2003
--- /dev/null
+++ b/hybrid-vertical/.config/eww/scripts/workspaces
@@ -0,0 +1,153 @@
+#!/usr/bin/env bash
+
+# define colors
+colors=("#FFFFFF" "#fab387" "#a6e3a1" "#89b4fa") # Active Workspaces
+dimmed=("rgba(174,172,182,0.7)" "#f9e2af" "#94e2d5" "#b4befe") # Inactive workspaces
+empty='rgba(146,145,145,0.5)' # Empty workspaces
+
+# get initial focused workspace
+focusedws=$(hyprctl -j monitors | gojq -r '.[] | select(.focused == true) | .activeWorkspace.id')
+
+declare -A o=([1]=0 [2]=0 [3]=0 [4]=0 [5]=0 [6]=0 [7]=0 [8]=0 [9]=0 [10]=0)
+declare -A monitormap
+declare -A workspaces
+
+# set color for each workspace
+status() {
+  if [ "${o[$1]}" -eq 1 ]; then 
+    mon=${monitormap[${workspaces[$1]}]}
+    echo -n "${dimmed[$mon]}"
+  else
+    echo -n "$empty"
+  fi
+}
+
+status_activity() {
+  if [ "${o[$1]}" -eq 1 ]; then 
+    mon=${monitormap[${workspaces[$1]}]}
+
+    if [ $focusedws -eq "$1" ]; then
+      echo -n "active"
+    else
+      echo -n "inactive"
+    fi
+  else
+    echo -n "empty"
+  fi
+}
+
+# handle workspace create/destroy
+workspace_event() {
+  if (( $1 <= 10 )); then
+    o[$1]=$2
+    while read -r k v; do workspaces[$k]="$v"; done < <(hyprctl -j workspaces | gojq -r '.[]|"\(.id) \(.monitor)"')
+  fi
+  if [ "$2" == "0" ]; then
+    unset "workspaces[$1]"
+  fi
+}
+# handle monitor (dis)connects
+monitor_event() {
+  while read -r k v; do monitormap["$k"]=$v; done < <(hyprctl -j monitors | gojq -r '.[]|"\(.name) \(.id) "')
+}
+
+# generate the json for eww
+generate() {
+  echo -n '['
+
+  for i in {1..10}; do
+    echo -n ''$([ $i -eq 1 ] || echo ,)'{"num":"'$i'","clr":"'$(status "$i")'"}'
+    # echo -n ''$([ $i -eq 1 ] || echo ,) '{ "number": "'"$i"'", "activity": "'"$(status_activity $i)"'", "color": "'$(status "$i")'" }'
+  done
+
+  # echo -n ',{"num":"'$focusedws'","clr":"'$(status "$focusedws")'"}'
+
+  echo ']'
+}
+
+# setup
+
+# add monitors
+monitor_event
+
+# add workspaces
+while read -r k v; do workspaces[$k]="$v"; done < <(hyprctl -j workspaces | gojq -r '.[]|"\(.id) \(.monitor)"')
+
+# check occupied workspaces
+for num in "${!workspaces[@]}"; do
+  o[$num]=1
+done
+# generate initial widget
+generate
+
+socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | while read -r line; do
+  # echo "${#workspaces[@]} ${#o[@]}"
+  # echo $line
+  case ${line%>>*} in
+    "focusedmon")
+      focusedws=${line#*,}
+      generate
+      ;;
+    "createworkspace")
+      # workspace_event "${line#*>>}" 1
+      o=([1]=0 [2]=0 [3]=0 [4]=0 [5]=0 [6]=0 [7]=0 [8]=0 [9]=0 [10]=0)
+      workspaces=()
+      # add workspaces
+      while read -r k v; do workspaces[$k]="$v"; done < <(hyprctl -j workspaces | gojq -r '.[]|"\(.id) \(.monitor)"')
+      # check occupied workspaces
+      for num in "${!workspaces[@]}"; do
+        o[$num]=1
+      done
+      # focusedws=${line#*>>}
+      generate
+      ;;
+    "movewindow")
+      generate
+      ;;
+    "destroyworkspace")
+      # workspace_event "${line#*>>}" 0
+      o=([1]=0 [2]=0 [3]=0 [4]=0 [5]=0 [6]=0 [7]=0 [8]=0 [9]=0 [10]=0)
+      workspaces=()
+      # add workspaces
+      while read -r k v; do workspaces[$k]="$v"; done < <(hyprctl -j workspaces | gojq -r '.[]|"\(.id) \(.monitor)"')
+      # check occupied workspaces
+      for num in "${!workspaces[@]}"; do
+        o[$num]=1
+      done
+      generate
+      ;;
+    "monitor"*)
+      monitor_event
+      generate
+      ;;
+  esac
+  # echo $line
+  # generate
+done
+
+# main loop
+# socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "workspace|mon(itor)?" | while read -r line; do
+#   case ${line%>>*} in
+#     "workspace")
+#       focusedws=${line#*>>}
+#       generate
+#       ;;
+#     "focusedmon")
+#       focusedws=${line#*,}
+#       generate
+#       ;;
+#     "createworkspace")
+#       workspace_event "${line#*>>}" 1
+#       focusedws=${line#*>>}
+#       # generate
+#       ;;
+#     "destroyworkspace")
+#       workspace_event "${line#*>>}" 0
+#       generate
+#       ;;
+#     "monitor"*)
+#       monitor_event
+#       generate
+#       ;;
+#   esac
+# done
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/tmp/_colorscheme.colorpallete b/hybrid-vertical/.config/eww/tmp/_colorscheme.colorpallete
new file mode 100644
index 000000000..073a40618
--- /dev/null
+++ b/hybrid-vertical/.config/eww/tmp/_colorscheme.colorpallete
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/EKUUKRGwI2E/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLD3WNrKtwyJgTeqLs1rF9cx4iOi3A
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0B0B11;
+$colorbg: rgba(11,11,17,0.75);
+$colortext: #e5e8f5;
+$color0: #7889A9;
+$color1: #9294AF;
+$color2: #ACB1D3;
+$color3: #BBC3E5;
+$color4: #C9CADD;
+$color5: #CFD3F5;
+$color6: #e5e8f5;
+$color7: #BBC3E5;
diff --git a/hybrid-vertical/.config/eww/tmp/_iconcolor.txt b/hybrid-vertical/.config/eww/tmp/_iconcolor.txt
new file mode 100644
index 000000000..47850a674
--- /dev/null
+++ b/hybrid-vertical/.config/eww/tmp/_iconcolor.txt
@@ -0,0 +1,6 @@
+#dae1ff
+#e2badb
+#9294AF
+#BBC3E5
+#C9CADD
+#C9CADD
diff --git a/hybrid-vertical/.config/eww/tmp/_material.colorpallete b/hybrid-vertical/.config/eww/tmp/_material.colorpallete
new file mode 100644
index 000000000..11d15367d
--- /dev/null
+++ b/hybrid-vertical/.config/eww/tmp/_material.colorpallete
@@ -0,0 +1,27 @@
+$primary: #b3c5ff;
+$onPrimary: #012978;
+$primaryContainer: #244290;
+$onPrimaryContainer: #dae1ff;
+$secondary: #c1c5dc;
+$onSecondary: #2b3042;
+$secondaryContainer: #414659;
+$onSecondaryContainer: #dde1f9;
+$tertiary: #e2badb;
+$onTertiary: #422740;
+$tertiaryContainer: #5a3d57;
+$onTertiaryContainer: #ffd7f8;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1b1b1f;
+$onBackground: #e3e1e6;
+$surface: #1b1b1f;
+$onSurface: #e3e1e6;
+$surfaceVariant: #45464f;
+$onSurfaceVariant: #c6c6d0;
+$outline: #8f909a;
+$shadow: #000000;
+$inverseSurface: #e3e1e6;
+$inverseOnSurface: #303033;
+$inversePrimary: #3f5aa9;
diff --git a/hybrid-vertical/.config/eww/tmp/colors_generated.conf b/hybrid-vertical/.config/eww/tmp/colors_generated.conf
new file mode 100644
index 000000000..0725ecbb8
--- /dev/null
+++ b/hybrid-vertical/.config/eww/tmp/colors_generated.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/EKUUKRGwI2E/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLD3WNrKtwyJgTeqLs1rF9cx4iOi3A
+general {
+    col.active_border = rgba(7889A9FF) rgba(9294AFFF) rgba(BBC3E5FF) 45deg
+    col.inactive_border = rgba(7889A966)
+}
diff --git a/hybrid-vertical/.config/eww/tmp/material.scss b/hybrid-vertical/.config/eww/tmp/material.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/hybrid-vertical/.config/eww/windows/bg-decor.yuck b/hybrid-vertical/.config/eww/windows/bg-decor.yuck
new file mode 100755
index 000000000..4dfa01022
--- /dev/null
+++ b/hybrid-vertical/.config/eww/windows/bg-decor.yuck
@@ -0,0 +1,313 @@
+(defwidget mycpu [coreid]
+  (box
+    :space-evenly false
+    :orientation "v"
+    (label
+      :class "bg-cool-text"
+      :text "Core ${coreid}"
+    )
+    (box
+      :class "bg-graph-container"
+      (graph
+        :class "bg-graph"
+        :width 100
+        :height 50
+        :thickness 3
+        :min 0
+        :max 100
+        :value {EWW_CPU.cores[coreid].usage}
+        :time-range "30s"
+        :line-style "round"
+      )
+    )
+  )
+)
+
+(defwidget bgdecors []
+  (centerbox
+    :space-evenly false
+    :orientation "h"
+    (box
+      :space-evenly false
+      :orientation "v"
+      :valign "center"
+      (box
+        :space-evenly false
+        :orientation "v"
+        :halign "start"
+        :class "bg-module"
+        (centerbox
+          (box
+            :orientation "h"
+            :space-evenly false
+            (label :xalign 0.5 :class "bg-icon" :text "")
+            (label :xalign 0 :class "bg-text bg-title" :text "CPU x${arraylength(EWW_CPU.cores)}")
+          )
+          (box)
+          (box
+            :orientation "h"
+            :space-evenly false
+            (label :xalign 1 :class "bg-text" :text "${cpuname}")
+          )
+        )
+        (box
+          :space-evenly false
+          :orientation "v"
+          ; :valign "center"
+          :width 150
+          :height 30
+          (box
+            :space-evenly false
+            :orientation "h"
+            (mycpu :coreid 0)
+            (mycpu :coreid 1)
+            (mycpu :coreid 2)
+          )
+          (box
+            :space-evenly false
+            :orientation "h"
+            (mycpu :coreid 3)
+            (mycpu :coreid 4)
+            (mycpu :coreid 5)
+          )
+          (box
+            :space-evenly false
+            :orientation "h"
+            (mycpu :coreid 6)
+            (mycpu :coreid 7)
+            (mycpu :coreid 8)
+          )
+          (box
+            :space-evenly false
+            :orientation "h"
+            (mycpu :coreid 9)
+            (mycpu :coreid 10)
+            (mycpu :coreid 11)
+          )
+        )
+      )
+      (box
+        :space-evenly false
+        :orientation "v"
+        :valign "end"
+        (box
+          :class "bg-module bg-date"
+          :space-evenly false
+          :orientation "v"
+          :halign "start"
+          :valign "end"
+          (label
+            :xalign 0
+            :class "bg-decor-dow" ; Hyperland maybe?
+            :text "${time.day}"
+          )
+          (label
+            :xalign 0
+            :class "bg-decor-date"
+            :text "${time.date}"
+          )
+        )
+      )
+    )
+    (box
+      :space-evenly false
+      :orientation "v"
+      :valign "center"
+      :width 150
+      :height 30
+      ; (graph
+        ;   :class "bg-graph"
+        ;   :width 155
+        ;   :height 25
+        ;   :thickness 3
+        ;   :value {EWW_CPU.cores[0].usage}
+        ;   :time-range "30s"
+        ;   ; :line-style "round"
+      ; )
+    )
+    (box
+      :space-evenly false
+      :orientation "v"
+      :halign "end"
+      :valign "center"
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "bg-module"
+        :valign "end"
+        (centerbox
+          (box
+            :orientation "h"
+            :space-evenly false
+            (label :xalign 0.5 :class "bg-icon" :text "")
+            (label :xalign 0 :class "bg-text bg-title" :text "Network")
+          )
+          (box)
+          (box)
+        )
+        (box
+          :orientation "h"
+          (label :halign "start" :xalign 0 :class "bg-cool-text" :text "Up: ${EWW_NET["wlan0"].NET_UP} bytes")
+        )
+        (button ; Button to make this not draggable
+          (box
+            :class "bg-graph-container"
+            (graph
+              :class "bg-graph"
+              :width 100
+              :height 50
+              :thickness 3
+              :dynamic true
+              :value {EWW_NET["wlan0"].NET_UP}
+              :time-range "30s"
+              :line-style "round"
+            )
+          )
+        )
+        (box
+          :orientation "h"
+          (label :halign "start" :xalign 0 :class "bg-cool-text" :text "Down: ${EWW_NET["wlan0"].NET_DOWN} bytes")
+        )
+        (button ; Button to make this not draggable
+          (box
+            :class "bg-graph-container"
+            (graph
+              :class "bg-graph"
+              :width 100
+              :height 50
+              :thickness 3
+              :dynamic true
+              :value {EWW_NET["wlan0"].NET_DOWN}
+              :time-range "30s"
+              :line-style "round"
+            )
+          )
+        )
+      )
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "bg-module"
+        :valign "end"
+        (centerbox
+          (box
+            :orientation "h"
+            :space-evenly false
+            (label :xalign 0.5 :class "bg-icon" :text "")
+            (label :xalign 0 :class "bg-text bg-title" :text "Memory")
+          )
+          (box)
+          (box
+            :orientation "h"
+            (label :xalign 1 :class "bg-text bg-title" :text "(${memory.total})")
+          )
+        )
+        (box
+          :orientation "h"
+          (label :halign "start" :xalign 0 :class "bg-cool-text" :text "+${memory.used}")
+          (label :halign "end" :xalign 1 :class "bg-cool-text" :text "-${memory.free}")
+        )
+        (button ; Button to make this not draggable
+          (box
+            :class "bg-graph-container"
+            (graph
+              :class "bg-graph"
+              :width 100
+              :height 50
+              :thickness 3
+              :min 0
+              :max 100
+              :value {memory.percentage}
+              :time-range "30s"
+              :line-style "round"
+            )
+          )
+        )
+        (centerbox
+          (box
+            :orientation "h"
+            :space-evenly false
+            (label :xalign 0.5 :class "bg-icon" :text "")
+            (label :xalign 0 :class "bg-text bg-title" :text "Swap")
+          )
+          (box)
+          (box
+            :orientation "h"
+            (label :xalign 1 :class "bg-text bg-title" :text "(${memory.swaptotal})")
+          )
+        )
+        (box
+          :orientation "h"
+          (label :halign "start" :xalign 0 :class "bg-cool-text" :text "+${memory.swapused}")
+          (label :halign "end" :xalign 1 :class "bg-cool-text" :text "-${memory.swapfree}")
+        )
+        (button ; Button to make this not draggable
+          ; (scale
+          ;   :class "bg-progress"
+          ;   :value {memory.swappercentage}
+          ; )
+          (box
+            :class "bg-graph-container"
+            (graph
+              :class "bg-graph"
+              :width 100
+              :height 50
+              :thickness 3
+              :min 0
+              :max 100
+              :value {memory.swappercentage}
+              :time-range "30s"
+              :line-style "round"
+            )
+          )
+        )
+      )
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "bg-module"
+        :valign "end"
+        (centerbox
+          (box
+            :orientation "h"
+            :space-evenly false
+            (label :xalign 0.5 :class "bg-icon" :text "")
+            (label :xalign 0 :class "bg-text bg-title" :text "Disk usage")
+          )
+          (box)
+          (box
+            :orientation "h"
+            (label :xalign 1 :class "bg-text bg-title" :text "(${disksize})")
+          )
+        )
+        (box
+          :orientation "h"
+          (label :halign "start" :xalign 0 :class "bg-cool-text" :text "+${diskused}")
+          (label :halign "end" :xalign 1 :class "bg-cool-text" :text "-${diskfree}")
+        )
+        (button ; Button to make this not draggable
+          (scale
+            :class "bg-progress"
+            :value {diskfreepercent}
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow bg-decor
+  :focusable false
+  :stacking "bottom"
+  :windowtype "normal"
+  :wm-ignore true
+  :geometry (geometry
+    :x 0
+    :y 0
+    :width "100%"
+    :height "100%"
+    :anchor "left center"
+  )
+  :monitor 0
+  (bgdecors)
+)
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/windows/bottombar.yuck b/hybrid-vertical/.config/eww/windows/bottombar.yuck
new file mode 100755
index 000000000..448046c49
--- /dev/null
+++ b/hybrid-vertical/.config/eww/windows/bottombar.yuck
@@ -0,0 +1,399 @@
+(defwidget mycpu_bottombar [coreid]
+  (box
+    :space-evenly false
+    :orientation "v"
+    (label
+      :class "bg-cool-text"
+      :text "Core ${coreid}"
+    )
+    (box
+      :class "bg-graph-container"
+      (graph
+        :class "bg-graph"
+        :width 100
+        :height 50
+        :thickness 3
+        :min 0
+        :max 100
+        :value {EWW_CPU.cores[coreid].usage}
+        :time-range "30s"
+        :line-style "round"
+      )
+    )
+  )
+)
+
+(defwidget cavacol [nth dir]
+  (box
+    :valign "${dir == 'up' ? 'end' : (
+      dir == 'down' ? 'start' : 'fill'
+    )}"
+    :halign "${dir == 'right' ? 'start' : (
+      dir == 'left' ? 'end' : 'fill'
+    )}"
+    :class "cava-column"
+    ; background-color: mix(
+      ;     ${mcover.color.colors.color4 == 'null' ? 'white' : mcover.color.colors.color4},
+      ;     rgba(40, 40, 40, 0.7),
+      ;     {(((nth / 90 * RES_WIDTH) > mousepos[0] ? ((nth / 90 * RES_WIDTH) - mousepos[0]) : (mousepos[0] - (nth / 90 * RES_WIDTH))) / RES_WIDTH)}
+    ; );
+    :style "
+    background-color: ${mcover.color.colors.color4 == 'null' ? 'white' : mcover.color.colors.color4};
+    transition: 0ms;
+    min-${dir == 'up' || dir == 'down' ? 'height' : 'width'}: ${cavajson[nth] / 4}px;
+    "
+  )
+)
+
+(defwidget bottomline_widget []
+  (eventbox
+    :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    :onclick "scripts/toggle-bottombar.sh &"
+    (box
+      :class "bottombar-closed-hitbox"
+      :width {RES_WIDTH} :height 1
+      (revealer :reveal false
+        :transition "slideup"
+        ; (label :text "${cavajson[0]}")
+      )
+    )
+  )
+)
+
+(defwidget bottombar_widget []
+  (box
+    :orientation "v"
+    :space-evenly false
+    :style "
+    transition: ${anim_open_bottombar ? MD3_DECEL : MD3_ACCEL};
+    ${rev_bottombar ? '' : 'margin-bottom: -500px; margin-top: 500px;'}
+    "
+    (eventbox
+      :onclick "scripts/toggle-bottombar.sh --close &"
+      :onmiddleclick "scripts/toggle-bottombar.sh --close &"
+      :onrightclick "scripts/toggle-bottombar.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 1px;"
+      )
+    )
+    (overlay
+      ; Background
+      (box
+        :class "bottombar-bg-front"
+        ; (label
+          ;   :text {(((40 / 90 * RES_WIDTH) > mousepos[0] ? ((40 / 90 * RES_WIDTH) - mousepos[0]) : (mousepos[0] - (40 / 90 * RES_WIDTH))) / RES_WIDTH)}
+        ; )
+      )
+      ; Cava
+      (box
+        ; :class "bottombar-bg"
+        (box :orientation "h"
+          ; it IS necessary NOT to use a for loop
+          (cavacol :dir "up" :nth 0)
+          (cavacol :dir "up" :nth 1)
+          (cavacol :dir "up" :nth 2)
+          (cavacol :dir "up" :nth 3)
+          (cavacol :dir "up" :nth 4)
+          (cavacol :dir "up" :nth 5)
+          (cavacol :dir "up" :nth 6)
+          (cavacol :dir "up" :nth 7)
+          (cavacol :dir "up" :nth 8)
+          (cavacol :dir "up" :nth 9)
+          (cavacol :dir "up" :nth 10)
+          (cavacol :dir "up" :nth 11)
+          (cavacol :dir "up" :nth 12)
+          (cavacol :dir "up" :nth 13)
+          (cavacol :dir "up" :nth 14)
+          (cavacol :dir "up" :nth 15)
+          (cavacol :dir "up" :nth 16)
+          (cavacol :dir "up" :nth 17)
+          (cavacol :dir "up" :nth 18)
+          (cavacol :dir "up" :nth 19)
+          (cavacol :dir "up" :nth 20)
+          (cavacol :dir "up" :nth 21)
+          (cavacol :dir "up" :nth 22)
+          (cavacol :dir "up" :nth 23)
+          (cavacol :dir "up" :nth 24)
+          (cavacol :dir "up" :nth 25)
+          (cavacol :dir "up" :nth 26)
+          (cavacol :dir "up" :nth 27)
+          (cavacol :dir "up" :nth 28)
+          (cavacol :dir "up" :nth 29)
+          (cavacol :dir "up" :nth 30)
+          (cavacol :dir "up" :nth 31)
+          (cavacol :dir "up" :nth 32)
+          (cavacol :dir "up" :nth 33)
+          (cavacol :dir "up" :nth 34)
+          (cavacol :dir "up" :nth 35)
+          (cavacol :dir "up" :nth 36)
+          (cavacol :dir "up" :nth 37)
+          (cavacol :dir "up" :nth 38)
+          (cavacol :dir "up" :nth 39)
+          (cavacol :dir "up" :nth 40)
+          (cavacol :dir "up" :nth 41)
+          (cavacol :dir "up" :nth 42)
+          (cavacol :dir "up" :nth 43)
+          (cavacol :dir "up" :nth 44)
+          (cavacol :dir "up" :nth 45)
+          (cavacol :dir "up" :nth 46)
+          (cavacol :dir "up" :nth 47)
+          (cavacol :dir "up" :nth 48)
+          (cavacol :dir "up" :nth 49)
+          (cavacol :dir "up" :nth 50)
+          (cavacol :dir "up" :nth 51)
+          (cavacol :dir "up" :nth 52)
+          (cavacol :dir "up" :nth 53)
+          (cavacol :dir "up" :nth 54)
+          (cavacol :dir "up" :nth 55)
+          (cavacol :dir "up" :nth 56)
+          (cavacol :dir "up" :nth 57)
+          (cavacol :dir "up" :nth 58)
+          (cavacol :dir "up" :nth 59)
+          (cavacol :dir "up" :nth 60)
+          (cavacol :dir "up" :nth 61)
+          (cavacol :dir "up" :nth 62)
+          (cavacol :dir "up" :nth 63)
+          (cavacol :dir "up" :nth 64)
+          (cavacol :dir "up" :nth 65)
+          (cavacol :dir "up" :nth 66)
+          (cavacol :dir "up" :nth 67)
+          (cavacol :dir "up" :nth 68)
+          (cavacol :dir "up" :nth 69)
+          (cavacol :dir "up" :nth 70)
+          (cavacol :dir "up" :nth 71)
+          (cavacol :dir "up" :nth 72)
+          (cavacol :dir "up" :nth 73)
+          (cavacol :dir "up" :nth 74)
+          (cavacol :dir "up" :nth 75)
+          (cavacol :dir "up" :nth 76)
+          (cavacol :dir "up" :nth 77)
+          (cavacol :dir "up" :nth 78)
+          (cavacol :dir "up" :nth 79)
+          (cavacol :dir "up" :nth 80)
+          (cavacol :dir "up" :nth 81)
+          (cavacol :dir "up" :nth 82)
+          (cavacol :dir "up" :nth 83)
+          (cavacol :dir "up" :nth 84)
+          (cavacol :dir "up" :nth 85)
+          (cavacol :dir "up" :nth 86)
+          (cavacol :dir "up" :nth 87)
+          (cavacol :dir "up" :nth 88)
+          (cavacol :dir "up" :nth 89)
+        )
+      )
+      ; Track time
+      (box
+        :space-evenly false :orientation "h"
+        :halign "center" :valign "end"
+        :style "margin-bottom: 5px;"
+        (label
+          :halign "start"  :valign "center"
+          :class "music-time-label"
+          :style "
+          margin-top: 5px;
+          color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};
+          "
+          :text "${music.position_time} / ${music.length}"
+        )
+      )
+      ; Track name
+      (box
+        :space-evenly false :orientation "h" :spacing 20
+        :halign "start" :valign "start"
+        :class "bottombar-musicinfo-box"
+        (box
+          :valign "center"
+          :class "bottombar-music-cover"
+          :style "background-image: url('${mcover.image}')"
+        )
+        (box
+          :space-evenly false :orientation "v"
+          :spacing 5
+          (label :xalign 0
+            :class "bottombar-title"
+            :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+            :text {mname.title}
+          )
+          (label
+            :halign "start" :valign "end"
+            :xalign 0
+            :class "bottombar-artist"
+            :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+            :text "${mname.artist}"
+          )
+          (centerbox
+            :halign "start"
+            :class "music-button-box"
+            ; :style "margin-top: 5px;"
+            (button
+              :class "song-button"
+              :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+              :onclick "playerctl previous" ""
+            )
+            (button
+              :class "song-button"
+              :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+              :onclick "playerctl play-pause"
+              "${music.status != '' ? music.status : ''}"
+            )
+            (button
+              :class "song-button"
+              :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+              :onclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+              ""
+            )
+          )
+        )
+      )
+    )
+    (box
+      :class "bottombar-mixer-bg"
+      :halign "end"
+      :width 650
+      :style "
+      margin-top: -300px;
+      margin-right: 10px;
+      "
+      (scroll
+        :width 650
+        :hscroll true
+        :vscroll false
+        (box
+          :space-evenly false
+          :orientation "h"
+          :halign "end"
+          ; :class "sliders"
+          (for app in audiojson
+            (box
+              :orientation "v" :space-evenly false
+              (image
+                :class "onotify-app-icon"
+                :path {app.icon}
+                :image-width 25
+                :image-height 25
+              )
+              (box
+                :orientation "v"
+                :space-evenly false
+                (scroll
+                  :vscroll false
+                  :hscroll true
+                  :style "min-width: 150px;"
+                  (box
+                    :orientation "v"
+                    ; :space-evenly false
+                    (for ser in {app["volume"]}
+                      (eventbox
+                        :onscroll "pactl set-sink-input-volume ${ser[0]} $(echo {} | sed -e \"s/up/+5/g\" -e \"s/down/-5/g\")%"
+                        :onrightclick "pactl set-sink-input-volume ${ser[0]} 100%"
+                        :onclick "pactl set-sink-input-volume ${ser[0]} 0%"
+                        (centerbox
+                          :space-evenly false
+                          :orientation "h"
+                          :class "onotify-app-volbox"
+                          :style "min-width: 69px;"
+                          (label
+                            :xalign "${app.count > 3 ? '0.5' : '0'}"
+                            :class "onotify-app-ser"
+                            :style "
+                            ${app.count > 3 ? 'margin-bottom: 5px;' : 'padding: 0 5px;'}
+                            "
+                            :text "#${ser[0]}"
+                          )
+                          (box)
+                          (circular-progress
+                            :halign "${app.count > 3 ? 'center' : 'end'}"
+                            :value {ser[1] <= 100 ? ser[1] : 100}
+                            :class "onotify-app-vol-circle"
+                            :thickness 4
+                            :start-at 75
+                            :width 45
+                            :height 45
+                            (label :class "onotify-app-text" :text "${ser[1]}")
+                          )
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget bottombar_bg_widget []
+  (box
+    :orientation "v"
+    :space-evenly false
+    :style "
+    transition: ${anim_open_bottombar ? MD3_DECEL : MD3_ACCEL};
+    ${rev_bottombar ? '' : 'margin-bottom: -500px; margin-top: 500px;'}
+    "
+    (box
+      :class "bottombar-bg"
+      :style "
+      background-image: url('${mcover.image}');
+      "
+      (box :space-evenly false :orientation "v"
+        :halign "start" :valign "start"
+        :class "bottombar-musicinfo-box"
+        (label :xalign 0
+          :class "bottombar-title"
+          :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+          :text {mname.title}
+        )
+        (label :xalign 0
+          :class "bottombar-artist"
+          :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+          :text "${mname.artist}"
+        )
+      )
+    )
+  )
+)
+
+(defwindow bottombar
+  :stacking "fg"
+  :windowtype "normal"
+  :wm-ignore true
+  :geometry (geometry
+    :x 0
+    :y 0
+    :width "100%"
+    :anchor "center bottom"
+  )
+  :monitor 0
+  (bottombar_widget)
+)
+
+(defwindow bottombar-back
+  :stacking "fg"
+  :windowtype "normal"
+  :wm-ignore true
+  :geometry (geometry
+    :x 0
+    :y 0
+    :width "100%"
+    :anchor "center bottom"
+  )
+  :monitor 0
+  (bottombar_bg_widget)
+)
+
+(defwindow bottomline
+  :stacking "overlay"
+  :windowtype "normal"
+  :wm-ignore true
+  :geometry (geometry
+    :x 0
+    :y 0
+    :width "100%"
+    :anchor "center bottom"
+  )
+  :monitor 0
+  (bottomline_widget)
+)
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/windows/calendar.yuck b/hybrid-vertical/.config/eww/windows/calendar.yuck
new file mode 100755
index 000000000..d8a084367
--- /dev/null
+++ b/hybrid-vertical/.config/eww/windows/calendar.yuck
@@ -0,0 +1,93 @@
+(defwidget calendar-win []
+  (eventbox
+    :onclick "scripts/toggle-calendar.sh --close &"
+    (box
+      :class "calendar-win"
+      :style "
+      ${rev_calendar ? '' : 'margin-top: -900px; margin-bottom: 900px;'}
+      ${anim_open_calendar ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+      min-height: 1px;
+      "
+      ; (calendar)
+      ; Calendar
+      (box
+        :space-evenly false :orientation "v"
+        :halign "end" :valign "center"
+        (box
+          :space-evenly false :orientation "v"
+          (eventbox
+            :onscroll "scripts/scrollmonth {} &"
+            (box
+              :orientation "v"
+              :space-evenly false
+              (centerbox
+                :style "padding: 0 12px;"
+                (label :xalign 0 :class "calendarwin-title" :text "${calendartitle}")
+                (box)
+                (box
+                  :halign "end" :valign "center"
+                  (box
+                    :halign "end" :valign "center"
+                    (button
+                      :onclick "scripts/scrollmonth up &"
+                      :halign "end" :valign "center"
+                      :class "winicon dashfs-monthbutton"
+                      (image
+                        :valign "center"
+                        :path "images/svg/dark/caretup.svg"
+                      )
+                    )
+                    (button
+                      :onclick "scripts/scrollmonth down &"
+                      :halign "end" :valign "center"
+                      :class "winicon dashfs-monthbutton"
+                      (image
+                        :valign "center"
+                        :path "images/svg/dark/caretdown.svg"
+                      )
+                    )
+                  )
+                )
+              )
+              (box :space-evenly false :orientation "v"
+                ; :class "dashfs-section-nopad"
+                (box
+                  (for day in weekdays
+                    (box
+                      :class "calendarwin-button day${day.today}"
+                      (label :class "calendarwin-text" :text "${day.day}")
+                    )
+                  )
+                )
+                (for week in calendar
+                  (box
+                    (for day in week
+                      (button
+                        :class "calendarwin-button calendarwin-day${day.today}"
+                        (label :class "calendarwin-text" :text "${day.day}")
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow calendar
+  :wm-ignore true
+  :monitor 0
+  :focusable true
+  :geometry (geometry
+    :x "350px"
+    :y "61px"
+    :anchor "top right"
+    :width "0px"
+    :height "0px"
+  )
+  (calendar-win)
+)
diff --git a/hybrid-vertical/.config/eww/windows/dashboard.yuck b/hybrid-vertical/.config/eww/windows/dashboard.yuck
new file mode 100755
index 000000000..4703e0575
--- /dev/null
+++ b/hybrid-vertical/.config/eww/windows/dashboard.yuck
@@ -0,0 +1,319 @@
+(defvar dash_curve_in "transition: 150ms cubic-bezier(0.05, 0.9, 0.1, 1.0);")
+(defvar dash_curve_out "transition: 80ms cubic-bezier(0.3, 0, 0.8, 0.15);")
+
+(defwidget dashboard-contents []
+  (box
+    :class "dash-window"
+    :orientation "v"
+    :space-evenly false
+    (eventbox ; Close when clicking outside
+      :onclick "scripts/toggle-dash.sh &"
+      :onmiddleclick "scripts/toggle-dash.sh &"
+      :onrightclick "scripts/toggle-dash.sh &"
+    )
+    (box ; All the stuff go here
+      :orientation "v"
+      :space-evenly false
+      (box ; Description
+        :orientation "v"
+        :space-evenly false
+        :class "dash"
+        :halign "start"
+        :style "
+        ${anim_open_dash ? dash_curve_in : dash_curve_out}
+        ${rev_dash ? '' : 'margin-left: -1100px; margin-right: 1100px;'}
+        "
+        (label :angle 0 :xalign 0 :class "dash-title" :text "Dashboard")
+        (label :angle 0 :xalign 0 :class "dash-subtitle" :text "Serves the sole purpose of showing off to awesomewm users ;)")
+      )
+      (box
+        :orientation "h"
+        :space-evenly false
+        (box
+          :orientation "v"
+          :space-evenly false
+          (box
+            :orientation "h"
+            :space-evenly false
+            :class "dash dash-tile"
+            :style "
+            ${anim_open_dash ? dash_curve_in : dash_curve_out}
+            ${rev_dash ? '' : 'margin-left: -1010px; margin-right: 1010px;'}
+            "
+            (input
+              :class "dash-input"
+              :onaccept "scripts/dashactivate --web 'firefox \"https://www.google.com/search?q={}\"' && hyprctl dispatch focuswindow firefox &"
+            )
+            (button
+              :class "dash-input-icon dash-button"
+              :onclick "scripts/dashactivate --web 'firefox \"https://www.google.com/search?q=\"' && hyprctl dispatch focuswindow firefox &"
+              ""
+            )
+          )
+          (box ; Row 1
+            :orientation "h"
+            :space-evenly false
+            (box ; Col 1
+              :orientation "v"
+              :space-evenly false
+              (box ; User
+                :orientation "h"
+                :space-evenly false
+                :class "dash dash-profile"
+                :style "
+                ${anim_open_dash ? dash_curve_in : dash_curve_out}
+                ${rev_dash ? '' : 'margin-left: -500px; margin-right: 500px;'}
+                "
+                (box
+                  :valign "center"
+                  :class "dash-user-pic"
+                  :style "background-image: url('/var/lib/AccountsService/icons/${username == "" ? username_default : username}');"
+                  ; :style "background-image: url('${waifu}');"
+                )
+                (box
+                  :orientation "v" :space-evenly false :valign "center"
+                  (box
+                    :orientation "h" :space-evenly false
+                    (label :class "dash-fetch-icon" :text "")
+                    (label :class "dash-fetch" :text "${username + '@' + hostname}")
+                  )
+                  (box
+                    :orientation "h" :space-evenly false
+                    (label :class "dash-fetch-icon" :text "")
+                    (label :class "dash-fetch" :text "${kernel}")
+                  )
+                  (box
+                    :orientation "h" :space-evenly false
+                    (label :class "dash-fetch-icon" :text "")
+                    (label :class "dash-fetch" :text "${uptime}")
+                  )
+                  (box
+                    :orientation "h" :space-evenly false
+                    (label :class "dash-fetch-icon" :text "")
+                    (label :class "dash-fetch" :text "${wm}")
+                  )
+                  (box
+                    :orientation "h" :space-evenly false
+                    (label :class "dash-fetch-icon" :text "")
+                    (label :class "dash-fetch" :text "${packages}")
+                  )
+                )
+              )
+              (box
+                :orientation "v"
+                :space-evenly false
+                :class "dash"
+                :height 124
+                :style "
+                ${anim_open_dash ? dash_curve_in : dash_curve_out}
+                ${rev_dash ? '' : 'margin-bottom: -1000px; margin-top: 1000px;'}
+                "
+                (label :xalign 0 :class "dash-quote-content clr3" :text "${quote_content[1]}")
+                (label :xalign 1 :class "dash-quote-author clr4" :text "${quote_author[1]}")
+              )
+            )
+            (box ; Col 2
+              :orientation "v"
+              :space-evenly false
+              (box ; Clock
+                :orientation "h"
+                :space-evenly false
+                :class "dash"
+                :style "
+                ${anim_open_dash ? dash_curve_in : dash_curve_out}
+                ${rev_dash ? '' : 'margin-top: -500px; margin-bottom: 500px;'}
+                "
+                (box ; Clock numbers
+                  :orientation "v"
+                  :space-evenly false
+                  :class "dash-clock-text-area"
+                  (box ; Clock time
+                    :orientation "h"
+                    :space-evenly false
+                    :halign "center"
+                    (label :xalign 0.5 :class "dash-time clr1" :text "${time.hour}")
+                    (label :xalign 0.5 :class "dash-time clrt" :text ":")
+                    (label :xalign 0.5 :class "dash-time clr3" :text "${time.minute}")
+                  )
+                  (box ; Clock date
+                    :orientation "h"
+                    :space-evenly false
+                    :halign "center"
+                    (label :xalign 0.5 :class "dash-date clr6" :text "${time.day}, ${time.date}")
+                  )
+                )
+                (box
+                  :class "dash-clock-circle-area"
+                  (circular-progress
+                    :value "${time.minute / 60 * 100}"
+                    :thickness 7
+                    :start-at 75
+                    :class "clr3 dash-clock-circle"
+                    (circular-progress
+                      :value "${time.hour % 12 / 12 * 100}"
+                      :thickness 7
+                      :start-at 75
+                      :class "clr1 dash-clock-circle dash-clock-circle-minute"
+                      (label
+                        :text ""
+                      :class "dash-clock-inner")
+                    )
+                  )
+                )
+              )
+              (box ; Calendar
+                :orientation "v"
+                :space-evenly false
+                :class "dash"
+                :style "
+                ${anim_open_dash ? dash_curve_in : dash_curve_out}
+                ${rev_dash ? '' : 'margin-bottom: -500px; margin-top: 500px;'}
+                "
+                (calendar
+                  :height 210
+                  :ihatethiswidget true
+                  :style "
+                  padding-top: 2px;
+                  font-family: Rubik;
+                  
+                  "
+                )
+              )
+            )
+            (box ; Col 3
+              :orientation "v"
+              :space-evenly false
+              (box ; Calendar
+                :orientation "v"
+                :space-evenly false
+                :class "dash dash-dir-area"
+                :style "
+                ${anim_open_dash ? dash_curve_in : dash_curve_out}
+                ${rev_dash ? '' : 'margin-right: -500px; margin-left: 500px;'}
+                "
+                (button
+                  :class "dash-dir dash-button"
+                  :onclick "scripts/dashactivate '${FILE_BROWSER} ~/Documents' &"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :class "clrt"
+                    (label :xalign 0 :text " " :class "icon")
+                    (label :xalign 0 :text "documents")
+                  )
+                )
+                (button
+                  :class "dash-dir dash-button"
+                  :onclick "scripts/dashactivate '${FILE_BROWSER} ~/Downloads' &"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :class "clrt"
+                    (label :xalign 0 :text " " :class "icon")
+                    (label :xalign 0 :text "downloads")
+                  )
+                )
+                (button
+                  :class "dash-dir dash-button"
+                  :onclick "scripts/dashactivate '${FILE_BROWSER} ~/Pictures' &"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :class "clrt"
+                    (label :xalign 0 :text " " :class "icon")
+                    (label :xalign 0 :text "pictures")
+                  )
+                )
+                (button
+                  :class "dash-dir dash-button"
+                  :onclick "scripts/dashactivate '${FILE_BROWSER} ~/Videos' &"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :class "clrt"
+                    (label :xalign 0 :text " " :class "icon")
+                    (label :xalign 0 :text "videos")
+                  )
+                )
+              )
+              
+              
+              (box ; Resources
+                :orientation "v"
+                :space-evenly false
+                :class "dash dash-resources"
+                :style "
+                ${anim_open_dash ? dash_curve_in : dash_curve_out}
+                ${rev_dash ? '' : 'margin-top: -700px; margin-bottom: 700px;'}
+                "
+                (label :text "Memory" :class "dash-resource-title clr3")
+                (box
+                  :orientation "h"
+                  :space-evenly false
+                  ; :style "background-color: red;"
+                  (box ; RAM
+                    :orientation "v"
+                    :space-evenly false
+                    :class "dash-resource-tile"
+                    (circular-progress
+                      :value "${memory.percentage}"
+                      :thickness 7
+                      :start-at 75
+                      :class "clr3 dash-clock-circle"
+                      (box :class "dash-resource-inner")
+                    )
+                    (label :class "dash-resource-text" :text "${memory.used}")
+                  )
+                  (label :yalign 0.34 :class "dash-resource-icon" :style "font-size: 20pt;" :text "")
+                  (box ; Swap
+                    :orientation "v"
+                    :space-evenly false
+                    :class "dash-resource-tile"
+                    (circular-progress
+                      :value "${memory.swappercentage}"
+                      :thickness 7
+                      :start-at 75
+                      :class "clr3 dash-clock-circle"
+                      (box :class "dash-resource-inner")
+                    )
+                    (label :class "dash-resource-text" :text "${memory.swapused}")
+                  )
+                )
+              )
+            )
+          )
+        )
+        (box ;Actinos
+          :orientation "v"
+          :space-evenly false
+          (box
+            :orientation "v"
+            :space-evenly false
+            :style "
+            ${anim_open_dash ? dash_curve_in : dash_curve_out}
+            ${rev_dash ? '' : 'margin-right: -100px; margin-left: 100px;'}
+            "
+            (button :onclick "scripts/dashactivate '~/.local/bin/lock.sh' &" :class "dash clr4 dash-icon dash-button"          (label :class "icon" :text "") )
+            (button :onclick "scripts/dashactivate 'systemctl suspend' &" :class "dash clr3 dash-icon dash-button"             (label :class "icon" :text "") )
+            (button :onclick "scripts/dashactivate 'loginctl terminate-user $USER' &" :class "dash clr2 dash-icon dash-button" (label :class "icon" :text "") )
+            (button :onclick "scripts/dashactivate 'systemctl reboot' &" :class "dash clr1 dash-icon dash-button"              (label :class "icon" :text "") )
+            (button :onclick "scripts/dashactivate 'systemctl poweroff' &" :class "dash clr0 dash-icon dash-button"            (label :class "icon" :text "") )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow dashboard
+  :focusable true
+  :windowtype "normal"
+  :wm-ignore true
+  :geometry (geometry
+    :x 0
+    :y 0
+    :anchor "center center"
+  )
+  :monitor 0
+  (dashboard-contents)
+)
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/windows/dashfs.yuck b/hybrid-vertical/.config/eww/windows/dashfs.yuck
new file mode 100755
index 000000000..6d45b86ce
--- /dev/null
+++ b/hybrid-vertical/.config/eww/windows/dashfs.yuck
@@ -0,0 +1,601 @@
+(defvar MD3_DECEL "400ms cubic-bezier(0.05, 0.7, 0.1, 1)")
+(defvar MD3_ACCEL "150ms cubic-bezier(0.3, 0, 0.8, 0.15)")
+
+(defwidget dashfs_resource [value unit icon name]
+  (box
+    :space-evenly false :orientation "v"
+    (label :class "dashfs-resource-title" :text {name})
+    (box
+      :space-evenly false :orientation "v"
+      :class "dashfs-resource-box"
+      :spacing 10
+      (circular-progress
+        :width 80 :height 80
+        :start-at 75
+        :class "dashfs-resource-circle"
+        :value {value}
+        :thickness 4
+        (label :class "dashfs-resource-icon" :text {icon})
+      )
+      (label
+        :halign "center"
+        :class "dashfs-resource-label"
+        :text "${value}${unit}"
+      )
+    )
+  )
+)
+
+(defwidget cavacol_dashfs [nth dir]
+  (box
+    :valign "${dir == 'up' ? 'end' : (
+      dir == 'down' ? 'start' : 'fill'
+    )}"
+    :halign "${dir == 'right' ? 'start' : (
+      dir == 'left' ? 'end' : 'fill'
+    )}"
+    ; :width 20
+    :height 24
+    :class "dashfs-cava-column"
+    :style "
+    transition: 0ms;
+    min-${dir == 'up' || dir == 'down' ? 'height' : 'width'}: ${cavajson[nth] / 3}px;
+    "
+  )
+)
+
+(defwidget dashfs_widget []
+  (eventbox
+    :onclick "scripts/toggle-dashfs.sh --close &"
+    (box :width RES_WIDTH :height RES_HEIGHT
+      :class "dashfs-bg"
+      (overlay
+        (box :space-evenly false :orientation "v"
+          :width 1920 :height 1080
+          :class "dashfs-graph"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? '' : 'margin-left: -1300px; margin-right: 1300px;'}
+          "
+        )
+        ; Cava (left)
+        (box
+          :orientation "v"
+          :halign "start" :valign "center"
+          :height {RES_HEIGHT}
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-left: -24px' : 'margin-right: 400px; margin-left: -400px;'}
+          "
+          (cavacol_dashfs :dir "right" :nth 0)
+          (cavacol_dashfs :dir "right" :nth 1)
+          (cavacol_dashfs :dir "right" :nth 2)
+          (cavacol_dashfs :dir "right" :nth 3)
+          (cavacol_dashfs :dir "right" :nth 4)
+          (cavacol_dashfs :dir "right" :nth 5)
+          (cavacol_dashfs :dir "right" :nth 6)
+          (cavacol_dashfs :dir "right" :nth 7)
+          (cavacol_dashfs :dir "right" :nth 8)
+          (cavacol_dashfs :dir "right" :nth 9)
+          (cavacol_dashfs :dir "right" :nth 10)
+          (cavacol_dashfs :dir "right" :nth 11)
+          (cavacol_dashfs :dir "right" :nth 12)
+          (cavacol_dashfs :dir "right" :nth 13)
+          (cavacol_dashfs :dir "right" :nth 14)
+          (cavacol_dashfs :dir "right" :nth 15)
+          (cavacol_dashfs :dir "right" :nth 16)
+          (cavacol_dashfs :dir "right" :nth 17)
+          (cavacol_dashfs :dir "right" :nth 18)
+          (cavacol_dashfs :dir "right" :nth 19)
+          (cavacol_dashfs :dir "right" :nth 20)
+          (cavacol_dashfs :dir "right" :nth 21)
+          (cavacol_dashfs :dir "right" :nth 22)
+          (cavacol_dashfs :dir "right" :nth 23)
+          (cavacol_dashfs :dir "right" :nth 24)
+          (cavacol_dashfs :dir "right" :nth 25)
+          (cavacol_dashfs :dir "right" :nth 26)
+          (cavacol_dashfs :dir "right" :nth 27)
+          (cavacol_dashfs :dir "right" :nth 28)
+          (cavacol_dashfs :dir "right" :nth 29)
+          (cavacol_dashfs :dir "right" :nth 30)
+          (cavacol_dashfs :dir "right" :nth 31)
+          (cavacol_dashfs :dir "right" :nth 32)
+          (cavacol_dashfs :dir "right" :nth 33)
+          (cavacol_dashfs :dir "right" :nth 34)
+          (cavacol_dashfs :dir "right" :nth 35)
+          (cavacol_dashfs :dir "right" :nth 36)
+          (cavacol_dashfs :dir "right" :nth 37)
+          (cavacol_dashfs :dir "right" :nth 38)
+          (cavacol_dashfs :dir "right" :nth 39)
+          (cavacol_dashfs :dir "right" :nth 40)
+          (cavacol_dashfs :dir "right" :nth 41)
+          (cavacol_dashfs :dir "right" :nth 42)
+          (cavacol_dashfs :dir "right" :nth 43)
+          (cavacol_dashfs :dir "right" :nth 44)
+        )
+        ; Cava (right)
+        (box
+          :orientation "v" :space-evenly false
+          :halign "end" :valign "center"
+          :height {RES_HEIGHT}
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-right: -24px;' : 'margin-left: 400px; margin-right: -400px;'}
+          "
+          (cavacol_dashfs :dir "left" :nth 49)
+          (cavacol_dashfs :dir "left" :nth 48)
+          (cavacol_dashfs :dir "left" :nth 47)
+          (cavacol_dashfs :dir "left" :nth 46)
+          (cavacol_dashfs :dir "left" :nth 45)
+          (cavacol_dashfs :dir "left" :nth 44)
+          (cavacol_dashfs :dir "left" :nth 43)
+          (cavacol_dashfs :dir "left" :nth 42)
+          (cavacol_dashfs :dir "left" :nth 41)
+          (cavacol_dashfs :dir "left" :nth 40)
+          (cavacol_dashfs :dir "left" :nth 39)
+          (cavacol_dashfs :dir "left" :nth 38)
+          (cavacol_dashfs :dir "left" :nth 37)
+          (cavacol_dashfs :dir "left" :nth 36)
+          (cavacol_dashfs :dir "left" :nth 35)
+          (cavacol_dashfs :dir "left" :nth 34)
+          (cavacol_dashfs :dir "left" :nth 33)
+          (cavacol_dashfs :dir "left" :nth 32)
+          (cavacol_dashfs :dir "left" :nth 31)
+          (cavacol_dashfs :dir "left" :nth 30)
+          (cavacol_dashfs :dir "left" :nth 29)
+          (cavacol_dashfs :dir "left" :nth 28)
+          (cavacol_dashfs :dir "left" :nth 27)
+          (cavacol_dashfs :dir "left" :nth 26)
+          (cavacol_dashfs :dir "left" :nth 25)
+          (cavacol_dashfs :dir "left" :nth 24)
+          (cavacol_dashfs :dir "left" :nth 23)
+          (cavacol_dashfs :dir "left" :nth 22)
+          (cavacol_dashfs :dir "left" :nth 21)
+          (cavacol_dashfs :dir "left" :nth 20)
+          (cavacol_dashfs :dir "left" :nth 19)
+          (cavacol_dashfs :dir "left" :nth 18)
+          (cavacol_dashfs :dir "left" :nth 17)
+          (cavacol_dashfs :dir "left" :nth 16)
+          (cavacol_dashfs :dir "left" :nth 15)
+          (cavacol_dashfs :dir "left" :nth 14)
+          (cavacol_dashfs :dir "left" :nth 13)
+          (cavacol_dashfs :dir "left" :nth 12)
+          (cavacol_dashfs :dir "left" :nth 11)
+          (cavacol_dashfs :dir "left" :nth 10)
+          (cavacol_dashfs :dir "left" :nth 9)
+          (cavacol_dashfs :dir "left" :nth 8)
+          (cavacol_dashfs :dir "left" :nth 7)
+          (cavacol_dashfs :dir "left" :nth 6)
+          (cavacol_dashfs :dir "left" :nth 5)
+          (cavacol_dashfs :dir "left" :nth 4)
+          (cavacol_dashfs :dir "left" :nth 3)
+          (cavacol_dashfs :dir "left" :nth 2)
+          (cavacol_dashfs :dir "left" :nth 1)
+          (cavacol_dashfs :dir "left" :nth 0)
+        )
+        ; Greet
+        (box :space-evenly false :orientation "v"
+          :halign "start" :valign "start"
+          :class "dashfs-greet"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? '' : 'margin-left: -533px;'}
+          "
+          (label :xalign 0 :class "dashfs-greet-text"
+            :text "${time.hour >= 21 ? 'Good night' : (
+              time.hour >= 18 ? 'Good evening' : (
+                time.hour >= 12 ? 'Good afternoon' : (
+                  time.hour >= 5 ? 'Good morning' : 'Go to sleep'
+                )
+              )
+            )
+            } ${username}!"
+          )
+        )
+        ; Time
+        (box :space-evenly false :orientation "v"
+          :halign "end" :valign "start"
+          :class "dashfs-clock"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? '' : 'margin-right: -533px;'}
+          "
+          (label :xalign 1 :class "dashfs-clock-time" :text "${time.hour}:${time.minute}")
+          (label :xalign 1 :class "dashfs-clock-date" :text "${time.day}, ${time.date}")
+        )
+        ; Calendar
+        (box
+          :space-evenly false :orientation "v"
+          :halign "end" :valign "center"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-right: 40px;' : 'margin-right: -533px;'}
+          margin-bottom: 200px;
+          "
+          (box
+            :space-evenly false :orientation "v"
+            (eventbox
+              :onscroll "scripts/scrollmonth {} &"
+              (box
+                :orientation "v"
+                :space-evenly false
+                (centerbox
+                  :style "padding: 0 12px;"
+                  (label :xalign 0 :class "dashfs-calendar-title" :text "${calendartitle}")
+                  (box)
+                  (box
+                    :halign "end" :valign "center"
+                    (box
+                      :halign "end" :valign "center"
+                      (button
+                        :onclick "scripts/scrollmonth up &"
+                        :halign "end" :valign "center"
+                        :class "winicon dashfs-monthbutton"
+                        (image
+                          :valign "center"
+                          :path "images/svg/dark/caretup.svg"
+                        )
+                      )
+                      (button
+                        :onclick "scripts/scrollmonth down &"
+                        :halign "end" :valign "center"
+                        :class "winicon dashfs-monthbutton"
+                        (image
+                          :valign "center"
+                          :path "images/svg/dark/caretdown.svg"
+                        )
+                      )
+                    )
+                  )
+                )
+                (box :space-evenly false :orientation "v"
+                  :class "dashfs-section-nopad"
+                  (box
+                    (for day in weekdays
+                      (box
+                        :class "dashfs-calendar-button day${day.today}"
+                        (label :class "dashfs-calendar-text" :text "${day.day}")
+                      )
+                    )
+                  )
+                  (for week in calendar
+                    (box
+                      (for day in week
+                        (button
+                          :class "dashfs-calendar-button dashfs-day${day.today}"
+                          (label :class "dashfs-calendar-text" :text "${day.day}")
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+        ; Fetch
+        (box
+          :orientation "v" :space-evenly false
+          :halign "start" :valign "start"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-left: 100px;' : 'margin-left: -533px;'}
+          margin-top: 450px;
+          "
+          (label :class "dashfs-section-title" :text "# System")
+          (box :space-evenly false :orientation "v"
+            :class "dashfs-section"
+            (box
+              :orientation "h" :space-evenly false
+              (label :class "dashfs-fetch-icon" :text "")
+              (label :class "dashfs-fetch" :text "${username + '@' + hostname}")
+            )
+            (box
+              :orientation "h" :space-evenly false
+              (label :class "dashfs-fetch-icon" :text "")
+              (label :class "dashfs-fetch" :text "${kernel}")
+            )
+            (box
+              :orientation "h" :space-evenly false
+              (label :class "dashfs-fetch-icon" :text "")
+              (label :class "dashfs-fetch" :text "${uptime}")
+            )
+            (box
+              :orientation "h" :space-evenly false
+              (label :class "dashfs-fetch-icon" :text "")
+              (label :class "dashfs-fetch" :text "${wm}")
+            )
+            (box
+              :orientation "h" :space-evenly false
+              (label :class "dashfs-fetch-icon" :text "")
+              (label :class "dashfs-fetch" :text "${packages}")
+            )
+          )
+        )
+        ; Session
+        (box
+          :orientation "v" :space-evenly false
+          :halign "start" :valign "start"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-left: 400px;' : 'margin-left: -533px;'}
+          margin-top: 350px;
+          "
+          (label :class "dashfs-section-title" :text "# Session")
+          (box :space-evenly false :orientation "v"
+            :class "dashfs-section"
+            (button :class "dashfs-section-button"
+              :onclick "scripts/dashactivate '~/.local/bin/lock.sh' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Lock")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/dashactivate 'systemctl suspend' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Sleep")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/dashactivate 'loginctl terminate-user $USER' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Logout")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/dashactivate 'systemctl reboot' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Reboot")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/dashactivate 'systemctl poweroff' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Shutdown")
+              )
+            )
+          )
+        )
+        ; Quick dirs
+        (box
+          :orientation "v" :space-evenly false
+          :halign "start" :valign "start"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-left: 700px;' : 'margin-left: -533px;'}
+          margin-top: 450px;
+          "
+          (label :class "dashfs-section-title" :text "# Quick dirs")
+          (box :space-evenly false :orientation "v"
+            :class "dashfs-section"
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open ~/Documents &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Documents")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open ~/Downloads &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Downloads")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open ~/Music &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Music")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open ~/Pictures &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Pictures")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open ~/Videos &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Videos")
+              )
+            )
+          )
+        )
+        ; Quick links
+        (box
+          :orientation "v" :space-evenly false
+          :halign "start" :valign "start"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-left: 1000px;' : 'margin-left: -533px;'}
+          margin-top: 350px;
+          "
+          (label :class "dashfs-section-title" :text "# Quick links")
+          (box :space-evenly false :orientation "v"
+            :class "dashfs-section"
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open 'https://discord.com/app' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-nerd-icon" :text "󰙯 ")
+                (label :class "dashfs-fetch" :text "Discord")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open 'https://reddit.com' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-nerd-icon" :text " ")
+                (label :class "dashfs-fetch" :text "Reddit")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open 'https://github.com' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-nerd-icon" :text " ")
+                (label :class "dashfs-fetch" :text "GitHub")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open 'https://youtube.com' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-nerd-icon" :text " ")
+                (label :class "dashfs-fetch" :text "Youtube")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open 'https://soundcloud.com' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-nerd-icon" :text " ")
+                (label :class "dashfs-fetch" :text "SoundCloud")
+              )
+            )
+          )
+        )
+        ; Taskbar
+        ; (box :orientation "h" :space-evenly false
+          ;   :halign "center" :valign "end"
+          ;   :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+          ;   :style "
+          ;   transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ;   ${rev_dashfs ? '' : 'margin-bottom: -70px;'}
+          ;   "
+          ;   (for app in tasks
+            ;     (overlay
+              ;       (eventbox
+                ;         :class "dashfs-button-only"
+                ;         :onclick "${app.count > 0 ? ('hyprctl dispatch workspace ' + app.workspace[0] + ' &') : (app.exec)}& scripts/toggle-dashfs.sh --close &"
+                ;         (box
+                  ;           :class "dashfs-button-pad"
+                  ;           (box
+                    ;             :class "dashfs-taskbaricon"
+                    ;             :style "
+                    ;             background-image: url('${app.icon}');
+                    ;             ${app.class == awin.class ? 'background-color: rgba(108, 112, 134, 0.4); border: 1px solid rgba(108, 112, 134, 0.15); border-top: 1px solid rgba(108, 112, 134, 0.15);' : ''}
+                    ;             "
+                  ;           )
+                ;         )
+              ;       )
+              ;       (box :class "dashfs-taskbar-indicator-${app.class == awin.class ? 'true' : (app.count > 0 ? 'false' : 'none')}")
+            ;     )
+          ;   )
+          ;   ; Dummy keep alive
+          ;   (revealer :transition "slideright" :reveal false (label :text {awin.class}))
+        ; )
+        ; Music
+        (box
+          :space-evenly false :orientation "h"
+          :halign "center" :valign "start"
+          :class "dashfs-music"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-top: 40px;' : 'margin-top: -200px; margin-bottom: 200px;'}
+          "
+          (box
+            :class "dashfs-music-cover"
+            :style "background-image: url('${mcover.image}')"
+          )
+          (eventbox
+            :class "music-ctl-revealer"
+            :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+            (box
+              :space-evenly false
+              :class "music-ctl-revealer"
+              :orientation "v"
+              :valign "center"
+              (label
+                :class "music-title-bar"
+                :limit-width 50
+                :xalign 0
+                :style "font-size: 15pt; font-family: 'Rubik';" ;color: ${mcover.color.colors.color7};
+                :text "${mname.title == '' ? 'Not playing' : mname.title}"
+              )
+              (revealer
+                :transition "slidedown"
+                :reveal "${mname.artist != ''}"
+                :duration "20ms"
+                (label
+                  :class "music-artist-bar"
+                  :limit-width 50
+                  :xalign 0
+                  :style "font-size: 11pt; font-family: 'Rubik';"
+                  :text "${mname.artist}"
+                )
+              )
+            )
+          )
+        )
+        ; Resources
+        (box :orientation "h" :space-evenly false :spacing 30
+          :halign "center" :valign "end"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-bottom: 100px;' : 'margin-bottom: -500px;'}
+          "
+          (dashfs_resource :value {round(EWW_CPU.avg, 0)} :unit "%" :icon "" :name "CPU")
+          (dashfs_resource :value {round(memory.percentage, 0)} :unit "% (${memory.used})" :icon "" :name "RAM")
+          (dashfs_resource :value {round(memory.swappercentage, 0)} :unit "% (${memory.swapused})" :icon "" :name "Swap")
+          (dashfs_resource :value {battery.percentage} :unit "%" :icon "" :name "Battery")
+          (dashfs_resource :value {diskfreepercent} :unit "%" :icon "" :name "Free space")
+        )
+        ; Icosahedron
+        (image :orientation "h" :space-evenly false :spacing 30
+          :halign "end" :valign "end"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-bottom: -250px; margin-right: -150px;' : 'margin-bottom: -900px; margin-top: 900px; margin-right: -900px; margin-left: 900px;'}
+          "
+          :path "images/svg/icosahedron.svg"
+          :image-height 600
+          :image-width 600
+        )
+        ; Music
+        (box
+          :space-evenly false :orientation "v"
+          :halign "start" :valign "end"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-left: 40px; margin-bottom: 40px;' : 'margin-bottom: -200px; margin-top: 200px;'}
+          "
+          (label :xalign 0 :class "dashfs-quote-content" :text "${quote_content[0]}")
+          (label :xalign 1 :class "dashfs-quote-author" :text "${quote_author[0]}")
+        )
+      )
+    )
+  )
+)
+
+(defwindow dashfs
+  :focusable true
+  :windowtype "normal"
+  :wm-ignore true
+  :geometry (geometry
+    :width 1920
+    :height 1080
+    :anchor "center center"
+  )
+  :monitor 0
+  (dashfs_widget)
+)
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/windows/dynamic-bg.yuck b/hybrid-vertical/.config/eww/windows/dynamic-bg.yuck
new file mode 100755
index 000000000..6ba9a082b
--- /dev/null
+++ b/hybrid-vertical/.config/eww/windows/dynamic-bg.yuck
@@ -0,0 +1,32 @@
+(defvar MOVEMULTIPLIER 30)
+(defvar morebgoffset 4)
+
+(defwidget dynbg []
+  (image
+    :class "dynbg-image"
+    ; :style "background-position: ${(activews - 5)*MOVEMULTIPLIER > 50 ? 100 : 50+(activews - 5)*MOVEMULTIPLIER}% 20%"
+    :style "
+    margin-left: ${(5 - (activews > 10 ? 10 : activews))*MOVEMULTIPLIER}px;
+    margin-right: ${((activews > 10 ? 10 : activews) - 5)*MOVEMULTIPLIER}px;
+    "
+    :path "images/wallpaper/wallpaper"
+    :image-width {RES_WIDTH*BG_ZOOM}
+    :image-height {RES_HEIGHT*BG_ZOOM}
+  )
+)
+
+(defwindow dynamic-bg
+  :focusable false
+  :stacking "bg"
+  :windowtype "normal"
+  :wm-ignore true
+  :geometry (geometry
+    :x 0
+    :y 0
+    :width "100%"
+    :height "100%"
+    :anchor "center center"
+  )
+  :monitor 0
+  (dynbg)
+)
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/windows/music.yuck b/hybrid-vertical/.config/eww/windows/music.yuck
new file mode 100755
index 000000000..5a77da572
--- /dev/null
+++ b/hybrid-vertical/.config/eww/windows/music.yuck
@@ -0,0 +1,174 @@
+(defwidget cavacol_musicwin [nth dir]
+  (box
+    :valign "${dir == 'up' ? 'end' : (
+      dir == 'down' ? 'start' : (
+        dir == 'virt' ? 'center' : 'fill'
+      )
+    )}"
+    :halign "${dir == 'right' ? 'start' : (
+      dir == 'left' ? 'end' : (
+        dir == 'hori' ? 'center' : 'fill'
+      )
+    )}"
+    :width 15
+    :class "music-cava-column"
+    :style "
+    background-color: ${mcover.color.colors.color4 == 'null' ? 'white' : mcover.color.colors.color4};
+    transition: 0ms;
+    min-${dir == 'up' || dir == 'down' ? 'height' : 'width'}: ${cavajson[nth] / 7}px;
+    "
+  )
+)
+
+(defwidget music []
+  (eventbox
+    :onhoverlost "scripts/toggle-music.sh --close &"
+    (box
+      :class "music-area"
+      :style "
+      ${music_open ? '' : 'margin-left: -700px; margin-right: 700px;'}
+      ${anim_open_music ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+      "
+      (overlay
+        (box ; Fallback
+          :class "music-cover-art"
+        )
+        (box ; Cover art
+          :class "music-cover-art"
+          :style "background-image: url('${mcover.image}');"
+        )
+        (box :space-evenly true :orientation "h"
+          (cavacol_musicwin :dir "up" :nth 0)
+          (cavacol_musicwin :dir "up" :nth 1)
+          (cavacol_musicwin :dir "up" :nth 2)
+          (cavacol_musicwin :dir "up" :nth 3)
+          (cavacol_musicwin :dir "up" :nth 4)
+          (cavacol_musicwin :dir "up" :nth 5)
+          (cavacol_musicwin :dir "up" :nth 6)
+          (cavacol_musicwin :dir "up" :nth 7)
+          (cavacol_musicwin :dir "up" :nth 8)
+          (cavacol_musicwin :dir "up" :nth 9)
+          (cavacol_musicwin :dir "up" :nth 10)
+          (cavacol_musicwin :dir "up" :nth 11)
+          (cavacol_musicwin :dir "up" :nth 12)
+          (cavacol_musicwin :dir "up" :nth 13)
+          (cavacol_musicwin :dir "up" :nth 14)
+          (cavacol_musicwin :dir "up" :nth 15)
+          (cavacol_musicwin :dir "up" :nth 16)
+          (cavacol_musicwin :dir "up" :nth 17)
+          (cavacol_musicwin :dir "up" :nth 18)
+          (cavacol_musicwin :dir "up" :nth 19)
+          (cavacol_musicwin :dir "up" :nth 20)
+          (cavacol_musicwin :dir "up" :nth 21)
+          (cavacol_musicwin :dir "up" :nth 22)
+          (cavacol_musicwin :dir "up" :nth 23)
+          (cavacol_musicwin :dir "up" :nth 24)
+          (cavacol_musicwin :dir "up" :nth 25)
+          (cavacol_musicwin :dir "up" :nth 26)
+          (cavacol_musicwin :dir "up" :nth 27)
+          (cavacol_musicwin :dir "up" :nth 28)
+          (cavacol_musicwin :dir "up" :nth 29)
+          (cavacol_musicwin :dir "up" :nth 30)
+          (cavacol_musicwin :dir "up" :nth 31)
+          (cavacol_musicwin :dir "up" :nth 32)
+          (cavacol_musicwin :dir "up" :nth 33)
+          (cavacol_musicwin :dir "up" :nth 34)
+          (cavacol_musicwin :dir "up" :nth 35)
+          (cavacol_musicwin :dir "up" :nth 36)
+          (cavacol_musicwin :dir "up" :nth 37)
+          (cavacol_musicwin :dir "up" :nth 38)
+          (cavacol_musicwin :dir "up" :nth 39)
+          (cavacol_musicwin :dir "up" :nth 40)
+          (cavacol_musicwin :dir "up" :nth 41)
+          (cavacol_musicwin :dir "up" :nth 42)
+          (cavacol_musicwin :dir "up" :nth 43)
+          (cavacol_musicwin :dir "up" :nth 44)
+          (cavacol_musicwin :dir "up" :nth 45)
+        )
+        (box ;
+          :orientation "v"
+          :class "music-box"
+          :space-evenly false
+          (label
+            :class "music-title"
+            :wrap false
+            :text "${music.title == '' ? 'Not playing' : music.title}"
+            :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+            :limit-width 35
+          )
+          (label
+            :class "music-artist"
+            :wrap true
+            :text "${music.artist}"
+            :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+          )
+          (centerbox
+            (box
+              (label
+                :halign "center"  :valign "center"
+                :class "music-time-label"
+                :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+                :text {music.position_time}
+              )
+            )
+            (centerbox
+              :class "music-button-box"
+              (button
+                :class "song-button"
+                :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+                :onclick "playerctl previous" ""
+              )
+              (button
+                :class "song-button"
+                :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+                :onclick "playerctl play-pause"
+                "${music.status != '' ? music.status : ''}"
+              )
+              (button
+                :class "song-button"
+                :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+                :onclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+                ""
+              )
+            )
+            (box
+              (label
+                :halign "center"  :valign "center"
+                :class "music-time-label"
+                :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+                :text {music.length}
+              )
+            )
+          )
+          (scale
+            :valign "end"
+            :value {music.position}
+            :class "track-scale"
+            :onchange "playerctl position `bc <<< \"{} * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+            :style "highlight {background-color: ${mcover.color.colors.color4};}"
+          )
+        )
+        (box
+          :class "music-media-source"
+          :halign "start"
+          :valign "start"
+          :orientation "h"
+          (label :class "music-source-icon" :text "${mcover.color.source}" :style "color: ${mcover.color.colors.color4};")
+        )
+      )
+    )
+  )
+)
+
+(defwindow music
+  :wm-ignore true
+  :stacking "overlay"
+  :monitor 0
+  :geometry (geometry
+    :x "69px"
+    :y "61px"
+    :width "558px"
+    :height "191px"
+  :anchor "top left")
+  (music)
+)
diff --git a/hybrid-vertical/.config/eww/windows/onotify.yuck b/hybrid-vertical/.config/eww/windows/onotify.yuck
new file mode 100755
index 000000000..0b5298b22
--- /dev/null
+++ b/hybrid-vertical/.config/eww/windows/onotify.yuck
@@ -0,0 +1,456 @@
+(defwidget volume_mixer []
+  (box
+    :space-evenly false
+    :orientation "v"
+    ; :class "sliders"
+    (box
+      :orientation "h"
+      :space-evenly false
+      :spacing 10
+      (label
+        :halign "start"
+        :class "osettings-section-icon"
+        :text ""
+      )
+      (label
+        :halign "start"
+        :wrap true
+        :class "osettings-section"
+        :text "Volume mixer"
+      )
+    )
+    (for app in audiojson
+      (box
+        :orientation "v" :space-evenly false
+        (box
+          :orientation "h" :space-evenly false
+          :spacing 10
+          (image
+            :class "onotify-app-icon"
+            :path {app.icon}
+            :image-width 25
+            :image-height 25
+          )
+          (label
+            :xalign 0
+            :valign "center"
+            :class "onotify-app-name"
+            :limit-width 42
+            :text {app.name}
+          )
+        )
+        (box
+          :orientation "v"
+          :space-evenly false
+          (scroll
+            :vscroll false
+            :hscroll true
+            (box
+              :orientation "h"
+              ; :space-evenly false
+              (for ser in {app["volume"]}
+                (eventbox
+                  :onscroll "pactl set-sink-input-volume ${ser[0]} $(echo {} | sed -e \"s/up/+5/g\" -e \"s/down/-5/g\")%"
+                  :onrightclick "pactl set-sink-input-volume ${ser[0]} 100%"
+                  :onclick "pactl set-sink-input-volume ${ser[0]} 0%"
+                  (centerbox
+                    :space-evenly false
+                    :orientation "${app.count > 3 ? 'v' : 'h'}"
+                    :class "onotify-app-volbox"
+                    (label
+                      :xalign "${app.count > 3 ? '0.5' : '0'}"
+                      :class "onotify-app-ser"
+                      :style "
+                      ${app.count > 3 ? 'margin-bottom: 5px;' : 'padding: 0 5px;'}
+                      "
+                      :text "#${ser[0]}"
+                    )
+                    (box)
+                    (circular-progress
+                      :halign "${app.count > 3 ? 'center' : 'end'}"
+                      :value {ser[1] <= 100 ? ser[1] : 100}
+                      :class "onotify-app-vol-circle"
+                      :thickness 4
+                      :start-at 75
+                      :width 45
+                      :height 45
+                      (label :class "onotify-app-text" :text "${ser[1]}")
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget onotify []
+  (box
+    :orientation "v"
+    :space-evenly false
+    :style "
+    ${anim_open_ontf ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_ontf ? '' : 'margin-right: -533px;'}
+    "
+    (eventbox
+      :onclick "scripts/toggle-onotify.sh --close &"
+      :onmiddleclick "scripts/toggle-onotify.sh --close &"
+      :onrightclick "scripts/toggle-onotify.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 1px;"
+      )
+    )
+    (eventbox
+      ; :onhoverlost "scripts/toggle-onotify.sh --close &"
+      (box
+        :orientation "v"
+        :space-evenly false
+        :class "onotify-window"
+        (box
+          :class "system-row"
+          :space-evenly false
+          :halign "center"
+          (box
+            :class "wifi-box"
+            :space-evenly false
+            :orientation "v"
+            (box
+              :class "element"
+              :space-evenly false
+              (button
+                ; :class "wifi-button"
+                :onclick "scripts/net toggle"
+                :style "font-family: Material Symbols Rounded;"
+                {net.icon}
+              )
+              (label :class "separator" :text "|")
+              (button
+                :class "wifi-arrow-btn"
+                :style "font-family: Material Symbols Rounded;"
+                :onclick "gnome-control-center wifi &"
+                ""
+              )
+            )
+            (label :style "font-size: 12pt;" :class "sys-toggle" :text {net.essid} :xalign 0.5 :limit-width 15)
+          )
+          
+          (box
+            :class "bluetooth-box"
+            :space-evenly false
+            :orientation "v"
+            (box
+              :class "element icon"
+              :space-evenly false
+              (button
+                :class "bluetooth-button"
+                :onclick "scripts/bluetooth toggle &"
+                :style "font-family: 'Material Symbols Rounded';"
+                {bluetooth.icon}
+              )
+              (label :class "separator" :text "|")
+              (button
+                :class "bluetooth-arrow-btn"
+                :onclick "blueberry &"
+                ""
+              )
+            )
+            (label
+              :style "font-size: 12pt;"
+              :text {bluetooth.text}
+              :xalign 0.5
+              :class "sys-toggle"
+              :tooltip "${bluetooth.text} ${bluetooth.batt_icon}"
+              :limit-width 15
+            )
+          )
+          (box
+            :class "airplane-box"
+            :space-evenly false
+            :orientation "v"
+            (box
+              :class "element icon"
+              (button
+                :class "airplane-button"
+                :onclick "scripts/airplane toggle &"
+                airplane
+              )
+            )
+            (label :style "font-size: 12pt;" :text "Airplane Mode" :xalign 0.5 :limit-width 16)
+          )
+          (box
+            :class "power-box"
+            :space-evenly false
+            :orientation "v"
+            (box
+              :class "element icon"
+              (button
+                :valign "end"
+                ; :onclick "wlogout &"
+                :onclick "wlogout -p layer-shell &"
+                ""
+              )
+            )
+            (label
+              :style "font-size: 12pt;"
+              :text "Power"
+              :class "sys-toggle"
+              :xalign 0.5
+              :limit-width 16
+            )
+          )
+        )
+        (scroll
+          ; :vscroll true
+          ; :hscroll false
+          ; :halign "fill"
+          :class "onotify-content"
+          :valign "fill"
+          :style "min-height: 365px;"
+          (box
+            :valign "fill"
+            :class "osettings-scroll-bg"
+            :space-evenly false
+            :spacing 20
+            :orientation "v"
+            ; Volume mixer
+            ; (volume_mixer)
+            ; Notifications
+            (box
+              :space-evenly false :orientation "v"
+              (centerbox
+                (box
+                  :orientation "h"
+                  :space-evenly false
+                  :spacing 10
+                  (label
+                    :valign "start"
+                    :class "osettings-section-icon"
+                    :text ""
+                  )
+                  (label
+                    :halign "start"
+                    :class "osettings-section"
+                    :text "Notifications"
+                  )
+                )
+                (box)
+                ; (box
+                  ;   :class "icon"
+                  ;   :halign "end" :valign "center"
+                  ;   :space-evenly false
+                  ;   :spacing 10
+                  ;   (button
+                    ;     :class "notification-action"
+                    ;     :tooltip "Refresh"
+                    ;     :onclick "dunstctl history > $XDG_CACHE_HOME/dunst-history.json &"
+                    ;     ""
+                  ;   )
+                  ;   (button
+                    ;     :class "notification-action"
+                    ;     :tooltip "Pause/Resume Notifications"
+                    ;     :onclick "scripts/notifications toggle &"
+                    ;     {notif_icons.toggle_icon}
+                  ;   )
+                  ;   (button
+                    ;     :class "notification-action"
+                    ;     :tooltip "Clear Notifications"
+                    ;     :onclick "scripts/notifications clear &"
+                    ;     ""
+                  ;   )
+                ; )
+                (box
+                  :orientation "h" :space-evenly false
+                  :halign "end" :spacing 4
+                  :style "margin-left: 9px;"
+                  (button :valign "center" :yalign 0.5
+                    :class "osettings-tag-material"
+                    :tooltip "Refresh"
+                    :onclick "dunstctl history > $XDG_CACHE_HOME/dunst-history.json &"
+                    "Refresh"
+                  )
+                  (button :valign "center" :yalign 0.5
+                    :class "osettings-tag-material"
+                    :tooltip "Pause/Resume Notifications"
+                    :onclick "scripts/notifications toggle &"
+                    "Pause"
+                  )
+                  (button :valign "center" :yalign 0.5
+                    :class "osettings-tag-material"
+                    :tooltip "Clear Notifications"
+                    :onclick "scripts/notifications clear &"
+                    "Clear"
+                  )
+                )
+              )
+              (box
+                :class "container"
+                :orientation "v"
+                :space-evenly false
+                (for i in notifications
+                  (eventbox
+                    :onclick "dunstctl history-pop ${i.id} && dunstctl action 0 && dunstctl close"
+                    (box
+                      :class "notification"
+                      :orientation "v" :space-evenly false
+                      :width 300
+                      (centerbox
+                        :space-evenly false
+                        (label
+                          :xalign 0
+                          :wrap true
+                          :class "summary"
+                          :text {i.summary}
+                        )
+                        (label)
+                        (label
+                          :xalign 1
+                          :wrap true
+                          :class "appname"
+                          :text {i.appname}
+                        )
+                      )
+                      (label
+                        :xalign 0
+                        :wrap true
+                        :class "body"
+                        :text {i.body}
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+        ; Calendar
+        (box
+          :space-evenly false :orientation "v"
+          :class "osettings-scroll-bg-colored"
+          (box :space-evenly false
+            (box
+              :orientation "h" :space-evenly false :spacing 10
+              :hexpand true
+              (label
+                :valign "start"
+                :class "osettings-section-icon"
+                :text ""
+              )
+              (label
+                :valign "start"
+                :wrap true
+                :class "osettings-section"
+                :text "${calendartitle}"
+              )
+            )
+            (box
+              :orientation "h" :space-evenly false
+              :valign "end" :spacing 4
+              (button :valign "center" :yalign 0.5
+                :class "osettings-tag-material"
+                :tooltip "Refresh"
+                :onclick "scripts/scrollmonth up &"
+                "Remove"
+              )
+              (button :valign "center" :yalign 0.5
+                :class "osettings-tag-material"
+                :tooltip "Pause/Resume Notifications"
+                :onclick "scripts/scrollmonth down &"
+                "Add"
+              )
+            )
+          )
+          (box
+            :space-evenly false :orientation "v"
+            (eventbox
+              :onscroll "scripts/scrollmonth {} &"
+              (box
+                :orientation "v"
+                :space-evenly false
+                (box
+                  :space-evenly false :orientation "v"
+                  :valign "center"
+                  (box
+                    (for day in weekdays
+                      (box
+                        :class "calendarwin-button day${day.today}"
+                        (label :class "calendarwin-text" :text "${day.day}")
+                      )
+                    )
+                  )
+                  (for week in calendar
+                    (box
+                      (for day in week
+                        (button
+                          :class "calendarwin-button calendarwin-day${day.today}"
+                          (label :class "calendarwin-text" :text "${day.day}")
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow onotify
+  :wm-ignore true
+  :monitor 0
+  :focusable true
+  :geometry (geometry
+    :x "8px"
+    :y "61px"
+    :width "0px"
+    :height "1064px"
+    :anchor "center right"
+  )
+  (onotify)
+)
+
+(defwidget onotify-button []
+  (eventbox
+    :valign "end"
+    (box
+      :space-evenly false :valign "end"
+      :orientation "v"
+      (eventbox
+        :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd &"
+        :onclick "scripts/toggle-onotify.sh &"
+        :onmiddleclick "scripts/toggle-dashfs.sh &"
+        :onrightclick "scripts/toggle-dashfs.sh &"
+        :onhover "${EWW_CMD} update ontf_hover=true"
+        :onhoverlost "${EWW_CMD} update ontf_hover=false"
+        (box
+          :space-evenly false
+          :orientation "v"
+          :class "module-button${rev_ontf ? '-true' : (ontf_hover ? '-hover' : '')}"
+          :style "padding-top: 10px; padding-bottom: 10px; margin: 0 8px; margin-bottom: 8px;"
+          (box
+            ; :class "module"
+            :space-evenly false
+            :spacing 5
+            :valign "end"
+            :orientation "v"
+            (syscpu)
+            (sysmem)
+            (sysbatt)
+          )
+          (image
+            ; :class "real-onotify-toggle-button module-button-pad-right-nomargin"
+            ; :class "real-onotify-toggle-button"
+            :path "images/svg/forum.svg"
+            :image-height 33
+            :image-width 33
+          )
+        )
+      )
+    )
+  )
+)
diff --git a/hybrid-vertical/.config/eww/windows/osd.yuck b/hybrid-vertical/.config/eww/windows/osd.yuck
new file mode 100755
index 000000000..8a0ecaa24
--- /dev/null
+++ b/hybrid-vertical/.config/eww/windows/osd.yuck
@@ -0,0 +1,69 @@
+(defwidget osdwidget []
+  (box
+    :class "osd-window"
+    :orientation "h"
+    :space-evenly false
+    (revealer
+      :reveal {osd_vol}
+      :transition "slideright"
+      :duration "80ms"
+      (centerbox
+        :class "osd-var"
+        :orientation "h"
+        :space-evenly false
+        (circular-progress
+          :value {volume.percent}
+          :class "osd-circle"
+          :thickness 4
+          :start-at 75
+          :halign "start"
+          (button
+            :class "inside-circle"
+            (label :xalign "0.5" :yalign "0.5" :halign "center" :valign "center" :class "osd-incircle" :text "${volume.icon}")
+          )
+        )
+        (box)
+        (label :xalign 0.5 :halign "end" :class "osd-text" :text "${volume.percent}")
+      )
+    )
+    (revealer
+      :reveal {osd_bright}
+      :transition "slideright"
+      :duration "80ms"
+      (centerbox
+        :class "osd-var"
+        :orientation "h"
+        :space-evenly false
+        (circular-progress
+          :value {brightness.level}
+          :class "osd-circle"
+          :thickness 4
+          :start-at 75
+          :halign "start"
+          (button
+            :class "inside-circle"
+            (label :xalign "0.5" :yalign "0.5" :halign "center" :valign "center" :class "osd-incircle-bright" :text "${brightness.icon}")
+          )
+        )
+        (box)
+        (label :xalign 0.5 :class "osd-text" :text "${brightness.level}")
+      )
+    )
+  )
+)
+
+(defwindow osd
+  :stacking "overlay"
+  :wm-ignore true
+  :monitor 0
+  :geometry (geometry
+    :x "0%"
+    :y "53px"
+    :width "100px"
+    :height "53px"
+    :anchor "top center"
+  )
+  :stacking "fg"
+  :exclusive false
+  (osdwidget)
+)
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/windows/osettings.yuck b/hybrid-vertical/.config/eww/windows/osettings.yuck
new file mode 100755
index 000000000..a93b6a795
--- /dev/null
+++ b/hybrid-vertical/.config/eww/windows/osettings.yuck
@@ -0,0 +1,1005 @@
+(defwidget checkboxhyprctl [value changevalue]
+  (eventbox
+    :cursor "pointer"
+    :onclick "hyprctl keyword ${changevalue} ${1 - value} && scripts/hyprsettings tickle &"
+    (box
+      :class "osettings-checkbox-${value}"
+      :halign "end"
+    )
+  )
+)
+
+(defwidget checkboxcmd [value changecmd]
+  (eventbox
+    :onclick "${changecmd}"
+    (box
+      :class "osettings-checkbox-${value}"
+      :halign "end"
+    )
+  )
+)
+
+(defwidget osettings []
+  (box
+    :orientation "v"
+    :space-evenly false
+    :style "
+    ${anim_open_ostg ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_ostg ? '' : 'margin-left: -533px; margin-right: 533px;'}
+    "
+    (eventbox
+      :onclick "scripts/toggle-osettings.sh --close &"
+      :onmiddleclick "scripts/toggle-osettings.sh --close &"
+      :onrightclick "scripts/toggle-osettings.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 1px;"
+      )
+    )
+    (eventbox
+      ; :onhoverlost "scripts/toggle-osettings.sh --close &"
+      (box
+        :orientation "v"
+        :space-evenly false
+        :class "osettings-window"
+        (box
+          :orientation "v"
+          :space-evenly false
+          (box
+            :class "osettings-heading"
+            :orientation "v"
+            :space-evenly false
+            (label
+              :halign "start"
+              :wrap true
+              :class "osettings-title"
+              :text "# settings"
+            )
+            (label
+              :halign "start"
+              :wrap true
+              :class "osettings-subtitle"
+              :text "Tweak your experience"
+            )
+          )
+          (box
+            :spacing 0
+            :space-evenly false
+            :class "osettings-search"
+            :orientation "h"
+            (input
+              :halign "start"
+              :class "osettings-search-text"
+              :onchange "${EWW_CMD} update oquery=\"$(echo {} | tr [:upper:] [:lower:])\""
+            )
+            (box)
+            (button
+              :halign "end"
+              :class "osettings-search-icon"
+              :style "font-weight: bolder;"
+              ""
+            )
+          )
+        )
+        (scroll
+          ; :vscroll true
+          ; :hscroll false
+          ; :halign "fill"
+          :class "osettings-content"
+          :style "min-height: 842px;"
+          (box
+            :halign "fill"
+            :class "osettings-scroll-bg"
+            :space-evenly false
+            :spacing 20
+            :orientation "v"
+            (box
+              :class "osettings-settings"
+              :orientation "v"
+              :space-evenly false
+              ; Quick settings
+              (revealer
+                :reveal "${matches('quick settings volume audio brightness',oquery)}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :orientation "v"
+                  :space-evenly false
+                  (centerbox
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :spacing 10
+                      (label
+                        :halign "start"
+                        :class "osettings-section-icon"
+                        :text ""
+                      )
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-section"
+                        :text "Quick values"
+                      )
+                    )
+                    (box)
+                    (box
+                      :orientation "h" :space-evenly false
+                      :halign "end" :spacing 4
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag"
+                        :onclick "wpctl set-volume @DEFAULT_AUDIO_SINK@ 23% &"
+                        "󰎈 music"
+                      )
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag"
+                        :onclick "wpctl set-volume @DEFAULT_AUDIO_SINK@ 50% &"
+                        " asmr"
+                      )
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag-material"
+                        :onclick "light -S 40 &"
+                        ""
+                      )
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag-material"
+                        :onclick "light -S 5 &"
+                        ""
+                      )
+                    )
+                    ; (button :valign "center" :yalign 0.5
+                      ;   :class "osettings-tag"
+                      ;   :onclick "wpctl set-volume @DEFAULT_AUDIO_SINK@ 50% &"
+                      ;   "night"
+                    ; )
+                  )
+                  (revealer
+                    :reveal "${matches('quick settings volume audio',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (eventbox
+                      :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+                      (box
+                        :orientation "h"
+                        :space-evenly false
+                        :spacing 10
+                        (label
+                          :wrap true
+                          :class "osettings-text-icon"
+                          :text ""
+                        )
+                        (box
+                          :orientation "v"
+                          :space-evenly false
+                          (centerbox
+                            :orientation "h"
+                            :space-evenly false
+                            :style "min-width: 417px;"
+                            (label
+                              :halign "start"
+                              :wrap true
+                              :class "osettings-text"
+                              :text "Volume"
+                            )
+                            (box)
+                            ; (checkbox
+                              ;   :halign "end"
+                              ;   :class "osettings-checkbox"
+                              ;   :onchecked "scripts/volume mute SINK"
+                              ;   :onunchecked "scripts/volume mute SINK"
+                            ; )
+                            (checkboxcmd
+                              :value "${volume.audio}"
+                              :changecmd "scripts/volume mute SINK"
+                            )
+                          )
+                          (scale
+                            :halign "fill"
+                            :class "osettings-slider"
+                            :value "${volume.percent}"
+                            :tooltip "volume on ${volume.percent}%"
+                            :onchange "scripts/volume setvol SINK {}"
+                          )
+                        )
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('quick settings brightness',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :spacing 10
+                      (label
+                        :wrap true
+                        :class "osettings-text-icon"
+                        :text ""
+                      )
+                      (box
+                        :orientation "v"
+                        :space-evenly false
+                        :style "min-width: 417px;"
+                        (label
+                          :halign "start"
+                          :wrap true
+                          :class "osettings-text"
+                          :text "Brightness"
+                        )
+                        (scale
+                          :class "osettings-slider"
+                          :value "${brightness.level}"
+                          :onchange "light -S {}"
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+              ; Mouse
+              (revealer
+                :reveal "${matches('mouse and touchpad touch pad mouse speed mouse acceleration osu raw input sensitivity disable while typing disable_while_typing tap to click clickfinger_behavior',oquery)}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :spacing 10
+                    (label
+                      :halign "start"
+                      :class "osettings-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "osettings-section"
+                      :text "Mouse/Touchpad"
+                    )
+                    (box
+                      :orientation "h" :space-evenly false
+                      :halign "end" :spacing 4
+                      :style "margin-left: 16px;"
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag"
+                        :onclick "hyprctl keyword input:force_no_accel true &"
+                        "󰐾 osu"
+                      )
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag"
+                        :onclick "hyprctl keyword input:touchpad:disable_while_typing false &"
+                        "󰆧 minecraft"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('mouse and touchpad touch pad speed mouse acceleration osu raw input sensitivity',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (centerbox
+                        :orientation "h"
+                        :space-evenly false
+                        :halign "fill"
+                        (label
+                          :halign "start"
+                          :wrap true
+                          :class "osettings-text"
+                          :text "Raw input"
+                        )
+                        (box)
+                        (checkboxhyprctl
+                          :value "${hyprjson.force_no_accel}"
+                          :changevalue "input:force_no_accel"
+                          :halign "end"
+                          :class "osettings-checkbox"
+                        )
+                      )
+                      (eventbox
+                        :onrightclick "hyprctl keyword input:sensitivity 0"
+                        (box
+                          :space-evenly false
+                          :orientation "v"
+                          (label
+                            :halign "start"
+                            :wrap true
+                            :class "osettings-text"
+                            :text "Sensitivity"
+                          )
+                          (scale
+                            :class "osettings-slider"
+                            :value "${hyprjson.input_sensitivity * 50 + 50}"
+                            :onchange "hyprctl keyword input:sensitivity $(echo - | awk '{print {} / 50 - 1}') && scripts/hyprsettings tickle"
+                          )
+                        )
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('mouse and touch pad touchpad disable while typing disable_while_typing',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (centerbox
+                        :orientation "h"
+                        :space-evenly false
+                        :halign "fill"
+                        (label
+                          :halign "start"
+                          :class "osettings-text"
+                          :text "Disable touchpad while typing"
+                        )
+                        (box)
+                        (checkboxhyprctl
+                          :value "${hyprjson.touchpad_disable_while_typing}"
+                          :changevalue "input:touchpad:disable_while_typing"
+                          :class "osettings-checkbox"
+                        )
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('mouse and touchpad touch pad tap to click clickfinger_behavior',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (centerbox
+                        :orientation "h"
+                        :space-evenly false
+                        :halign "fill"
+                        (label
+                          :halign "start"
+                          :class "osettings-text"
+                          :text "Tap to click"
+                        )
+                        (box)
+                        (checkboxhyprctl
+                          :value "${hyprjson.touchpad_clickfinger_behavior}"
+                          :changevalue "input:touchpad:clickfinger_behavior"
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+              ; Appearance
+              (revealer
+                :reveal "${matches('appearance looks customization blur size blur passes blur strength blur xray',oquery)}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  (centerbox
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :spacing 10
+                      (label
+                        :halign "start"
+                        :class "osettings-section-icon"
+                        :text ""
+                      )
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-section"
+                        :text "Blur"
+                      )
+                    )
+                    (box)
+                    (box
+                      :orientation "h" :space-evenly false
+                      :halign "end" :spacing 4
+                      :style "margin-left: 9px;"
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag"
+                        :onclick "hyprctl keyword decoration:blur false && scripts/hyprsettings tickle &"
+                        "no blur"
+                      )
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag"
+                        :onclick "hyprctl keyword decoration:blur true && \
+                        hyprctl keyword decoration:blur_size 7 && \
+                        hyprctl keyword decoration:blur_passes 4 && \
+                        scripts/hyprsettings tickle &"
+                        "intense"
+                      )
+                    )
+                  )
+                  (centerbox
+                    :orientation "h"
+                    :space-evenly false
+                    :halign "fill"
+                    (label
+                      :halign "start"
+                      :class "osettings-text"
+                      :text "Enable blur"
+                    )
+                    (box)
+                    (checkboxhyprctl
+                      :value "${hyprjson.blur}"
+                      :changevalue "decoration:blur"
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization blur size blur strength',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-text"
+                        :text "Blur size"
+                      )
+                      (scale
+                        :class "osettings-slider"
+                        :value "${hyprjson.blur_size}"
+                        :tooltip "Blur size: ${hyprjson.blur_size}"
+                        :onchange "hyprctl keyword decoration:blur_size {}  && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization blur passes blur strength',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-text"
+                        :text "Blur passes"
+                      )
+                      (scale
+                        :class "osettings-slider"
+                        :value "${hyprjson.blur_passes * 10}"
+                        :tooltip "Blur passes: ${hyprjson.blur_passes}"
+                        :onchange "hyprctl keyword decoration:blur_passes $(({} / 10))  && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization blur xray',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (centerbox
+                        :orientation "h"
+                        :space-evenly false
+                        :halign "fill"
+                        (label
+                          :halign "start"
+                          :class "osettings-text"
+                          :text "Blur xray"
+                        )
+                        (box)
+                        (checkboxhyprctl
+                          :value "${hyprjson.blur_xray}"
+                          :changevalue "decoration:blur_xray"
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+              ; Gaps and borders
+              (revealer
+                :reveal "${matches('appearance looks customization gaps gaps_in inner gaps: inner gaps_out outer gaps: outer space border_size border size border thickness',oquery)}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  (centerbox
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :spacing 10
+                      (label
+                        :halign "start"
+                        :class "osettings-section-icon"
+                        :text ""
+                      )
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-section"
+                        :text "Gaps/Borders"
+                      )
+                    )
+                    (box)
+                    (box
+                      :orientation "h" :space-evenly false
+                      :halign "end" :spacing 4
+                      :style "margin-left: 9px;"
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag"
+                        :onclick "hyprctl keyword general:gaps_in 0 && \
+                        hyprctl keyword general:gaps_out 0 && \
+                        hyprctl keyword general:border_size 0 && \
+                        hyprctl keyword decoration:rounding 0 && \
+                        hyprctl keyword monitor eDP-1,addreserved,69,0,0,0 && \
+                        eww update compact=true && \
+                        scripts/hyprsettings tickle &"
+                        "none"
+                      )
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag"
+                        :onclick "hyprctl keyword general:gaps_in 0 && \
+                        hyprctl keyword general:gaps_out 0 && \
+                        hyprctl keyword general:border_size 1 && \
+                        hyprctl keyword decoration:rounding 0 && \
+                        hyprctl keyword monitor eDP-1,addreserved,69,0,0,0 && \
+                        eww update compact=true && \
+                        scripts/hyprsettings tickle &"
+                        "borders"
+                      )
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag"
+                        :onclick "hyprctl keyword general:gaps_in 4 && \
+                        hyprctl keyword general:gaps_out 8 && \
+                        hyprctl keyword general:border_size 1 && \
+                        hyprctl keyword decoration:rounding 17 && \
+                        hyprctl keyword monitor eDP-1,addreserved,61,0,0,0 && \
+                        eww update compact=false && \
+                        scripts/hyprsettings tickle &"
+                        "comfy"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization gaps_in inner gaps: inner space',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-text"
+                        :text "Gaps: Inner"
+                      )
+                      (scale
+                        :class "osettings-slider"
+                        :value "${hyprjson.gaps_in}"
+                        :tooltip "Inner gaps: ${hyprjson.gaps_in}"
+                        :onchange "hyprctl keyword general:gaps_in {} && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization gaps_out outer gaps: outer space',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-text"
+                        :text "Gaps: Outer"
+                      )
+                      (scale
+                        :class "osettings-slider"
+                        :value "${hyprjson.gaps_out}"
+                        :tooltip "Outer gaps: ${hyprjson.gaps_out}"
+                        :onchange "hyprctl keyword general:gaps_out {} && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization border_size border size border thickness',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-text"
+                        :text "Border size"
+                      )
+                      (scale
+                        :class "osettings-slider"
+                        :value "${hyprjson.border_size}"
+                        :tooltip "Border size: ${hyprjson.border_size}"
+                        :onchange "hyprctl keyword general:border_size {} && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization rounding corner',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-text"
+                        :text "Rounding"
+                      )
+                      (scale
+                        :class "osettings-slider"
+                        :value "${hyprjson.rounding}"
+                        :tooltip "Border size: ${hyprjson.rounding}"
+                        :onchange "hyprctl keyword decoration:rounding {} && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                )
+              )
+              ; Hyperland
+              (revealer
+                :reveal "${matches(oquery, 'hyperland')}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :spacing 10
+                    (label
+                      :halign "start"
+                      :class "osettings-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "osettings-section"
+                      :text "Hyperland"
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches(oquery, 'hyperland')}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-neutral"
+                        :onclick "notify-send whyyyyyyy 😭"
+                        "Check the spelling and try again"
+                      )
+                    )
+                  )
+                )
+              )
+              ; Session control
+              (revealer
+                :reveal "${matches('session lock logout suspend log out shutdown shut down poweroff power off',oquery)}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :spacing 10
+                    (label
+                      :halign "start"
+                      :class "osettings-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "osettings-section"
+                      :text "Session"
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('session lock',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :orientation "v"
+                      :space-evenly false
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-neutral"
+                        :onclick "~/.local/bin/lock.sh &"
+                        "Lock"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('session suspend',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :orientation "v"
+                      :space-evenly false
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-neutral"
+                        :onclick "systemctl suspend &"
+                        "Suspend"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('session logout log out',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :orientation "v"
+                      :space-evenly false
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-destructive"
+                        :onclick "pkill Hyprland &"
+                        "Logout"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('session shutdown shut down poweroff power off',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :orientation "v"
+                      :space-evenly false
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-destructive"
+                        :onclick "systemctl poweroff &"
+                        "Shutdown"
+                      )
+                    )
+                  )
+                )
+              )
+              ; Hyprland
+              (revealer
+                :reveal "${matches('hyprland options open the wiki guide help social hypr development discord reload config configuration',oquery)}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :spacing 10
+                    (label
+                      :halign "start"
+                      :class "osettings-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "osettings-section"
+                      :text "Hyprland"
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('hyprland options reload config configuration',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-neutral"
+                        :onclick "cp ~/.config/hypr/hyprland.conf temporary_config.conf && cp temporary_config.conf ~/.config/hypr/hyprland.conf && rm temporary_config.conf &"
+                        "Reload config"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('hyprland open the wiki guide help',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-informative"
+                        :onclick "scripts/toggle-osettings.sh && xdg-open https://wiki.hyprland.org &"
+                        "Open the wiki"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('hyprland help social hypr development discord',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-informative"
+                        :onclick "scripts/toggle-osettings.sh xdg-open https://discord.com/invite/hQ9XvMUjjr &"
+                        "Hypr Development Discord"
+                      )
+                    )
+                  )
+                )
+              )
+              ; Calendar
+              (revealer
+                :reveal "${'calendar' == oquery}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :orientation "v"
+                  :space-evenly false
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :spacing 10
+                    (label
+                      :halign "start"
+                      :class "osettings-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "osettings-section"
+                      :text "Calendar"
+                    )
+                  )
+                  (calendar)
+                )
+              )
+              ; Super secret settings
+              (revealer
+                :reveal "${oquery == '!secret' || oquery == '!sekret'}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :orientation "v"
+                  :space-evenly false
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :spacing 10
+                    (label
+                      :halign "start"
+                      :class "osettings-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "osettings-section"
+                      :text "Super secret settings"
+                    )
+                  )
+                  (button
+                    :halign "fill"
+                    :wrap true
+                    :class "osettings-btn osettings-btn-informative"
+                    :onclick "scripts/supersecretsettings/culture &"
+                    "Activate culture mode"
+                  )
+                  (button
+                    :halign "fill"
+                    :wrap true
+                    :class "osettings-btn osettings-btn-informative"
+                    :onclick "scripts/supersecretsettings/doreload &"
+                    "Reset these stuff"
+                  )
+                  (button
+                    :halign "fill"
+                    :wrap true
+                    :class "osettings-btn osettings-btn-destructive"
+                    :onclick "hyprctl keyword bind ,c,exec,wtype k"
+                    "Bekome a KDE developer"
+                  )
+                  (button
+                    :halign "fill"
+                    :wrap true
+                    :class "osettings-btn osettings-btn-destructive"
+                    :onclick "hyprctl keyword unbind ,c"
+                    "Un-become a KDE developer"
+                  )
+                )
+              )
+              ; Waifu
+              ; (revealer
+                ;   :reveal "${oquery == 'uwu' || oquery == 'sex'}"
+                ;   :transition "slidedown"
+                ;   :duration "200ms"
+                ;   (box
+                  ;     :space-evenly false
+                  ;     :orientation "v"
+                  ;     (input
+                    ;       :wrap true
+                    ;       :class "osettings-btn osettings-btn-neutral"
+                    ;       :style "padding: 0 20px;"
+                    ;       :onaccept "python3 scripts/waifupics.py &"
+                    ;       "segs"
+                  ;     )
+                  ;     (box
+                    ;       :valign "center"
+                    ;       :width 400
+                    ;       :height 400
+                    ;       :class "osettings-waifu"
+                    ;       :style "
+                    ;       background-image: url('eww_covers/waifu');
+                    ;       "
+                  ;     )
+                ;   )
+              ; )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+
+(defwindow osettings
+  :wm-ignore true
+  :monitor 0
+  :focusable true
+  :geometry (geometry
+    :x "69px"
+    :y "61px"
+    :height "1064px"
+    :anchor "center left"
+  )
+  (osettings)
+)
+
+(defwidget osettings-button []
+  (eventbox
+    :class "osettings-toggle-button-${rev_ostg}"
+    :onmiddleclick "playerctl play-pause"
+    :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+    :onclick "scripts/toggle-osettings.sh &"
+    :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+    (box
+      :class "module-button-pad-left"
+      (image
+        :path "images/svg/settings.svg"
+        :image-height 33
+        :image-width 33
+      )
+    )
+  )
+)
+
diff --git a/hybrid-vertical/.config/eww/windows/overview.yuck b/hybrid-vertical/.config/eww/windows/overview.yuck
new file mode 100755
index 000000000..97e99d6db
--- /dev/null
+++ b/hybrid-vertical/.config/eww/windows/overview.yuck
@@ -0,0 +1,246 @@
+(defwidget workspacebox [wspace]
+  (box ; Note: height 100px width 356px
+    :class "overview-ws overview-ws-${wspace[0].workspace.id == activews}"
+    (box
+      :space-evenly false
+      :orientation "h"
+      :style "
+      min-width: ${RES_WIDTH * OVERVIEW_SCALE}px;
+      min-height: ${RES_HEIGHT * OVERVIEW_SCALE}px;
+      "
+      (for ws-window in wspace
+        (box
+          :class "${ws-window.class == 'workspace' ? '' : 'overview-ws-window'}"
+          :style "
+          ${ws-window.address == selected ? 'border: 1px solid #FFFFFF' : ''};
+          ${ws-window.address == '_none' ? 'border: none' : ''};
+          margin-left: ${ws-window.at[0] * OVERVIEW_SCALE}px;
+          margin-top: ${ws-window.at[1] * OVERVIEW_SCALE}px;
+          margin-right: -${(ws-window.at[0] + ws-window.size[0]) * OVERVIEW_SCALE}px;
+          margin-bottom: ${RES_HEIGHT * OVERVIEW_SCALE - ((ws-window.at[1] + ws-window.size[1]) * OVERVIEW_SCALE)};
+          "
+          (eventbox
+            :onrightclick "scripts/selectwindow ${ws-window.address} '${EWW_CMD}' ${ws-window.workspace.id}"
+            :onmiddleclick "hyprctl dispatch closewindow address:${ws-window.address}"
+            :onclick "scripts/focuswindow ${ws-window.address} ${ws-window.workspace.id} && scripts/toggle-overview.sh --close &"
+            :onhover "${ws-window.class == 'workspace' ? '' : (EWW_CMD + ' update overview_hover_name=\'' + ws-window + '\'')}"
+            (box
+              :class "overview-background"
+              ; Uncomment below to enable thumbnail previews (VERY SLOW)
+              ; :style "
+              ; background-image: url('scripts/cache/thumbnails/${ws-window.address }.png');
+              ; "
+              (image
+                :class "overview-icon"
+                :path {ws-window.icon}
+                ; :image-width {round(ws-window.size[0] > ws-window.size[1] ? (ws-window.size[1] * 45 / 100 * OVERVIEW_SCALE) : (ws-window.size[0] * 45 / 100 * OVERVIEW_SCALE))}
+                ; :image-height {round(ws-window.size[0] > ws-window.size[1] ? (ws-window.size[1] * 45 / 100 * OVERVIEW_SCALE) : (ws-window.size[0] * 45 / 100 * OVERVIEW_SCALE))}
+                :image-width {round(ws-window.size[0] * OVERVIEW_SCALE * 45 / 100, 0)}
+                :image-height {round(ws-window.size[1] * OVERVIEW_SCALE * 45 / 100, 0)}
+                
+                ; :style "
+                ; background-size: ${ws-window.size[0] > ws-window.size[1] ? 'auto 45%' : '45% auto'};
+                ; background-image: url('${ws-window.icon}')
+                ; ;
+                ; "
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget overview []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :class "thewholething"
+    (eventbox
+      :onclick "scripts/toggle-overview.sh --close &"
+      :onmiddleclick "scripts/toggle-overview.sh --close &"
+      :onrightclick "scripts/toggle-overview.sh --close &"
+      :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    )
+    ; Search bar
+    (overlay
+      (box
+        :class "overview-search-area"
+        :space-evenly false
+        :halign "center"
+        :orientation "v"
+        (input
+          :class "overview-search-box"
+          :onchange "${EWW_CMD} update overview_query=\"{}\" && ${EWW_CMD} update overview_results=\"$(scripts/appsearch '{}')\" &"
+          :onaccept "scripts/launchapp '${overview_results == '[]' ? {} : overview_results[0].exec}' &"
+          :style "
+          border-radius: ${overview_query == '' ? 99 : 20}px;
+          min-width: ${overview_query == '' ? 130 : 445}px;
+          "
+        )
+        (revealer
+          :reveal false
+          :transition "slidedown"
+          (label
+            :text {ICON_GET} ; Dummy to keep listeners active
+          )
+        )
+      )
+      (box
+        :class "overview-search-typetosearch-pad"
+        :space-evenly false
+        :halign "center"
+        :orientation "v"
+        (revealer
+          :reveal "${overview_query == ''}"
+          :duration "0ms"
+          (label
+            :class "overview-search-typetosearch-text"
+            :xalign 0
+            :text "Type to search"
+          )
+        )
+      )
+    )
+    ; The overview
+    (eventbox
+      :onhoverlost `eww update overview_hover_name='{"class":"LMB: Focus | MMB: Close | RMB: Select/Move","title":"Activities Overview","workspace":{"id":5,"name":"5"},"icon": "/usr/share/icons/breeze-dark/actions/16/window.svg"}' &`
+      :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+      (revealer
+        :reveal "${overview_query == ''}"
+        :transition "slidedown"
+        :duration "${overview_query == '' ? '200ms cubic-bezier(0.05, 0.7, 0.1, 1)' : '100ms cubic-bezier(0.3, 0, 0.8, 0.15)'}"
+        :style "
+        transition: ${overview_query == '' ? '200ms cubic-bezier(0.05, 0.7, 0.1, 1)' : '100ms cubic-bezier(0.3, 0, 0.8, 0.15)'};
+        "
+        (revealer
+          :reveal "${overview_query == ''}"
+          :transition "crossfade"
+          :duration "${overview_query == '' ? '200ms cubic-bezier(0.05, 0.7, 0.1, 1)' : '100ms cubic-bezier(0.3, 0, 0.8, 0.15)'}"
+          :style "
+          transition: ${overview_query == '' ? '200ms cubic-bezier(0.05, 0.7, 0.1, 1)' : '100ms cubic-bezier(0.3, 0, 0.8, 0.15)'};
+          "
+          (box
+            :space-evenly false
+            :orientation "v"
+            :class "overview-window"
+            ; :space-evenly false
+            ; (label :text "${wsjsona}")
+            ; (label :text "${selected}")
+            (centerbox
+              :class "overview-window-title"
+              (label :halign "start" :style "margin: 5px;" :text "${overview_hover_name.class}")
+              (box
+                :space-evenly false
+                :orientation "h"
+                (image
+                  :class "overview-topbar-icon overview-icon"
+                  :path {overview_hover_name.icon}
+                  :image-height 30
+                  :image-width 30
+                  ; :style "
+                  ; background-image: url('${overview_hover_name.icon}');
+                  ; "
+                )
+                (label :text "${overview_hover_name.title}")
+              )
+              (button
+                :halign "end"
+                :class "overview-topbar-button"
+                :onclick "scripts/toggle-overview.sh --close"
+                (label :text "")
+              )
+            )
+            (box
+              :orientation "h"
+              (for wspace in wsjsona
+                (workspacebox
+                  :wspace {wspace}
+                )
+              )
+            )
+            (box
+              :orientation "h"
+              (for wspace in wsjsonb
+                (workspacebox
+                  :wspace {wspace}
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+    ; Search Results
+    (box
+      :class "overview-search-area"
+      :space-evenly false
+      :halign "center"
+      :orientation "v"
+      (revealer
+        :reveal "${overview_query != ''}"
+        :transition "slidedown"
+        :duration "${overview_query == '' ? '100ms cubic-bezier(0.3, 0, 0.8, 0.15)' : '200ms cubic-bezier(0.05, 0.7, 0.1, 1)'}"
+        :style "
+        transition: ${overview_query == '' ? '100ms cubic-bezier(0.3, 0, 0.8, 0.15)' : '200ms cubic-bezier(0.05, 0.7, 0.1, 1)'};
+        "
+        (revealer
+          :reveal "${overview_query != ''}"
+          :transition "crossfade"
+          :duration "${overview_query == '' ? '100ms cubic-bezier(0.3, 0, 0.8, 0.15)' : '200ms cubic-bezier(0.05, 0.7, 0.1, 1)'}"
+          :style "
+          transition: ${overview_query == '' ? '100ms cubic-bezier(0.3, 0, 0.8, 0.15)' : '200ms cubic-bezier(0.05, 0.7, 0.1, 1)'};
+          "
+          (scroll
+            :width 502
+            :height 547
+            (box
+              :halign "center"
+              :orientation "v"
+              :class "overview-results"
+              :spacing 2
+              :space-evenly false
+              (for entry in overview_results
+                (overlay
+                  :orientation "h"
+                  :space-evenly false
+                  (input
+                    :value "${entry.name}"
+                    :class "overview-search-result"
+                    :onaccept "scripts/launchapp '${entry.exec}' &"
+                  )
+                  (image
+                    :halign "start"
+                    :class "overview-search-result-icon"
+                    :path {(entry.icon != '_letter' && entry.icon != '') ? entry.icon : 'images/svg/dark/app.svg'}
+                    :image-width 33
+                    :image-height 33
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow overview
+  :stacking "overlay"
+  :focusable true
+  :wm-ignore true
+  :monitor 0
+  :geometry (geometry
+    ; :height 1080
+    ; :width 1920
+    :y "153px"
+    :anchor "top center"
+    ; :y "0px"
+    ; :anchor "center center"
+  )
+  ; (testing)
+  (overview)
+)
+
diff --git a/hybrid-vertical/.config/eww/windows/system-menu.yuck b/hybrid-vertical/.config/eww/windows/system-menu.yuck
new file mode 100755
index 000000000..575e29f30
--- /dev/null
+++ b/hybrid-vertical/.config/eww/windows/system-menu.yuck
@@ -0,0 +1,187 @@
+(defwidget system-menu []
+  (eventbox
+    :onhoverlost "${EWW_CMD} close system-menu"
+    (box
+      :class "system-menu-box"
+      :space-evenly false
+      :orientation "v"
+      (box
+        :class "module"
+        :space-evenly false
+        :spacing 5
+        :halign "end"
+        (syscpu)
+        (sysmem)
+        (sysbatt)
+        (settingscog)
+      )
+      (box
+        :class "top-row"
+        :space-evenly false
+        (label :class "time" :text "${time.hour}:${time.minute}")
+        (box
+          :class "date-box"
+          :space-evenly false
+          (label :class "date" :text "${time.day},")
+          (label :class "date" :text "${time.date}")
+        )
+      )
+      
+      (box
+        :class "system-row"
+        :space-evenly false
+        (box
+          :class "wifi-box"
+          :space-evenly false
+          :orientation "v"
+          (box
+            :class "element icon"
+            :space-evenly false
+            (button
+              :class "wifi-button"
+              :onclick "scripts/net toggle"
+              {net.icon}
+            )
+            (label :class "separator" :text "|")
+            (button
+              :class "wifi-arrow-btn"
+              :onclick "eww close system-menu && nm-connection-editor &"
+              ""
+            )
+          )
+          (label :text {net.essid} :xalign 0.5 :limit-width 15)
+        )
+        
+        (box
+          :class "bluetooth-box"
+          :space-evenly false
+          :orientation "v"
+          (box
+            :class "element icon"
+            :space-evenly false
+            (button
+              :class "bluetooth-button"
+              :onclick "scripts/bluetooth toggle"
+              {bluetooth.icon}
+            )
+            (label :class "separator" :text "|")
+            (button
+              :class "bluetooth-arrow-btn"
+              :onclick "eww close system-menu && blueberry"
+              ""
+            )
+          )
+          (label
+            :text {bluetooth.text}
+            :xalign 0.5
+            :tooltip "${bluetooth.text} ${bluetooth.batt_icon}"
+            :limit-width 15
+          )
+        )
+        
+        (box
+          :class "airplane-box"
+          :space-evenly false
+          :orientation "v"
+          (box
+            :class "element"
+            (button
+              :class "airplane-button"
+              :onclick "scripts/airplane toggle"
+              airplane
+            )
+          )
+          (label :text "Airplane Mode" :xalign 0.5 :limit-width 16)
+        )
+        
+        (box
+          :space-evenly false
+          :orientation "v"
+          (box
+            :class "element"
+            (button
+              :halign "end"
+              ; :onclick "wlogout -p layer-shell &"
+              :onclick "wlogout"
+              ""
+            )
+          )
+          (label
+            :text "Power"
+            :xalign 0.5
+            :limit-width 16
+          )
+        )
+      )
+      (audiolevels)
+      (box
+        :class "system-info-box"
+        
+        ; cpu
+        (box
+          :class "sys-box"
+          :space-evenly false
+          :halign "start"
+          (circular-progress
+            :value "${EWW_CPU.avg}"
+            :class "sys-cpu"
+            :thickness 3
+            (label
+              :text ""
+            :class "sys-icon-cpu icon"))
+          (box
+            :orientation "v"
+            :vexpand false
+            (label
+              :text "CPU"
+              :halign "start"
+            :class "sys-text-cpu")
+            (label
+              :text "${round(EWW_CPU.avg,2)}%"
+              :halign "start"
+            :class "sys-text-sub")
+            (label
+              :text "${EWW_CPU.cores[0].freq} MHz"
+              :halign "start"
+            :class "sys-text-sub")))
+        
+        ; memory
+        (box
+          :class "sys-box"
+          :space-evenly false
+          :halign "end"
+          (circular-progress
+            :value {memory.percentage}
+            :class "sys-mem"
+            :thickness 3
+            (label
+              :text ""
+              :class "sys-icon-mem icon"
+            )
+          )
+          (box
+            :orientation "v"
+            (label :text "Memory" :halign "start" :class "sys-text-mem")
+            (label :text "${memory.used} / ${memory.total}" :halign "start" :class "sys-text-sub")
+            (label :text "Swap ${memory.swapused} / ${memory.swaptotal}" :halign "start" :class "sys-text-sub")
+          )
+        )
+      )
+    )
+  )
+)
+
+;; windows
+(defwindow system-menu
+  :wm-ignore true
+  :monitor 0
+  ; :focusable true
+  :geometry (geometry
+    :x "0"
+    :y "0"
+    :width "0%"
+    :height "0%"
+  :anchor "right top")
+  (system-menu)
+)
+
diff --git a/hybrid-vertical/.config/eww/windows/themer.yuck b/hybrid-vertical/.config/eww/windows/themer.yuck
new file mode 100755
index 000000000..e0c84513e
--- /dev/null
+++ b/hybrid-vertical/.config/eww/windows/themer.yuck
@@ -0,0 +1,185 @@
+(defwidget themer_widget []
+  (box
+    :orientation "v"
+    :space-evenly false
+    :halign "fill"
+    :valign "fill"
+    (eventbox
+      :onclick "scripts/toggle-themer.sh --close &"
+      (box
+        :style "
+        ${rev_themer ? '' : 'margin-left: -600px; margin-right: 600px;'}
+        ${anim_open_themer ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+        min-height: 1px;
+        "
+      )
+    )
+    (eventbox
+      ; :onhoverlost "${EWW_CMD} close themer && ${EWW_CMD} update themer_open=false"
+      (box
+        :space-evenly false
+        :orientation "h"
+        :class "themer-menu-box"
+        :style "
+        ${rev_themer ? '' : 'margin-left: -600px; margin-right: 600px;'}
+        ${anim_open_themer ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+        "
+        (box
+          :space-evenly false :orientation "v"
+          (box
+            :style "padding-left: 10px; padding-right: 10px; padding-top: 10px; font-size: 15pt;"
+            :valign "start"
+            :space-evenly false
+            :spacing 4
+            (button
+              :class "themer-action-button themer-get"
+              :onclick "scripts/colormanage get &"
+              ""
+            )
+            (button
+              :class "themer-action-button themer-restore"
+              :onclick "scripts/colormanage default &"
+              ""
+            )
+            (button
+              :class "themer-action-button"
+              :onclick "scripts/togglelight light &"
+              :tooltip "Light mode (for generating new themes)"
+              ""
+            )
+            (button
+              :class "themer-action-button"
+              :onclick "scripts/togglelight dark &"
+              :tooltip "Dark mode (for generating new themes)"
+              ""
+            )
+          )
+          (label
+            :class "themer-title"
+            :text "Color profiles"
+            :xalign 0
+          )
+          (box
+            :space-evenly false
+            :orientation "h"
+            :halign "center"
+            (label
+              :hexpand true
+              :class "themer-prompt"
+              :text "Save "
+            )
+            (input
+              :class "themer-input"
+              :onaccept "scripts/colormanage save {}"
+            )
+          )
+          (box
+            :halign "center"
+            :space-evenly false
+            :orientation "h"
+            (label
+              :hexpand true
+              :class "themer-prompt"
+              :text "Load "
+            )
+            (input
+              :class "themer-input"
+              :onaccept "scripts/colormanage load {}"
+            )
+          )
+        )
+        ; colors
+        (box
+          :space-evenly false :orientation "v"
+          (label
+            :class "themer-title"
+            :text "Pywal Colors"
+            :xalign 0
+          )
+          (box
+            :spacing 3
+            :orientation "h"
+            :style "padding: 7px;"
+            (box :class "themer-color-preview preview-0" )
+            (box :class "themer-color-preview preview-1" )
+            (box :class "themer-color-preview preview-2" )
+            (box :class "themer-color-preview preview-3" )
+            (box :class "themer-color-preview preview-4" )
+            (box :class "themer-color-preview preview-5" )
+            (box :class "themer-color-preview preview-6" )
+            (box :class "themer-color-preview preview-7" )
+          )
+          (label
+            :class "themer-title"
+            :text "Primary, secondary"
+            :xalign 0
+          )
+          (box
+            :spacing 3
+            :orientation "h"
+            :style "padding: 7px;"
+            (box :class "themer-color-preview preview-primary" )
+            (box :class "themer-color-preview preview-onPrimary" )
+            (box :class "themer-color-preview preview-primaryContainer" )
+            (box :class "themer-color-preview preview-onPrimaryContainer" )
+            (box :class "themer-color-preview preview-secondary" )
+            (box :class "themer-color-preview preview-onSecondary" )
+            (box :class "themer-color-preview preview-secondaryContainer" )
+            (box :class "themer-color-preview preview-onSecondaryContainer" )
+          )
+          (label
+            :class "themer-title"
+            :text "Tertiary, bg, surface"
+            :xalign 0
+          )
+          (box
+            :spacing 3
+            :orientation "h"
+            :style "padding: 7px;"
+            (box :class "themer-color-preview preview-tertiary" )
+            (box :class "themer-color-preview preview-onTertiary" )
+            (box :class "themer-color-preview preview-tertiaryContainer" )
+            (box :class "themer-color-preview preview-onTertiaryContainer" )
+            (box :class "themer-color-preview preview-background" )
+            (box :class "themer-color-preview preview-onBackground" )
+            (box :class "themer-color-preview preview-surface" )
+            (box :class "themer-color-preview preview-onSurface" )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow themer
+  :wm-ignore true
+  :stacking "overlay"
+  :monitor 0
+  :geometry (geometry
+    :x "69px"
+    :y "61px"
+    :anchor "bottom left"
+    ; :width "0px"
+    ; :height "0px"
+  )
+  :focusable true
+  (themer_widget)
+)
+
+(defwidget themer []
+  (eventbox
+    :onscroll "hyprctl dispatch splitratio $(echo {} | sed -e \"s/up/-0.1/g\" -e \"s/down/+0.1/g\")"
+    :onhover "${EWW_CMD} update themer_hover=true"
+    :onhoverlost "${EWW_CMD} update themer_hover=false"
+    :class "osettings-toggle-button-${rev_themer}"
+    :onclick "scripts/toggle-themer.sh &"
+    (box
+      :class "module-button-pad-center"
+      (image
+        :path "images/svg/beatmappacks.svg"
+        :image-width 33
+        :image-height 33
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/windows/win-workspace.yuck b/hybrid-vertical/.config/eww/windows/win-workspace.yuck
new file mode 100755
index 000000000..2ca19625f
--- /dev/null
+++ b/hybrid-vertical/.config/eww/windows/win-workspace.yuck
@@ -0,0 +1,13 @@
+(defwindow win-workspace
+  :wm-ignore true
+  :focusable false
+  :monitor 0
+  :geometry (geometry
+    :x "0%"
+    :y "53px"
+    :width "0%"
+    :height "0%"
+    :anchor "top center"
+  )
+  (win-ws)
+)
diff --git a/hybrid-vertical/.config/eww/windows/winactions.yuck b/hybrid-vertical/.config/eww/windows/winactions.yuck
new file mode 100755
index 000000000..758cb2928
--- /dev/null
+++ b/hybrid-vertical/.config/eww/windows/winactions.yuck
@@ -0,0 +1,154 @@
+(defwidget winacts []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :style "
+    ${anim_open_winactions ? 'transition: 150ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_winactions ? '' : 'margin-bottom: -700px;'}
+    "
+    (eventbox
+      :onclick "scripts/toggle-winactions.sh --close &"
+      :onmiddleclick "scripts/toggle-winactions.sh --close &"
+      :onrightclick "scripts/toggle-winactions.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 1px;"
+      )
+    )
+    (box
+      :class "winwin-top"
+      :space-evenly false
+      :orientation "v"
+      ; Row 1: Network, Bluetooth, Airplane
+      (box
+        :class "winactions-togglerow"
+        :space-evenly false
+        (box :orientation "v" :space-evenly false
+          (box
+            :class "winactions-toggle winactions-toggle-${net.level != '0' && net.essid != 'lo'}"
+            :orientation "h"
+            (button
+              :onclick "scripts/net toggle"
+              :class "winactions-toggle-icon winactions-toggle-icon-left winwifi${net.level}${net.essid != 'lo' ? '-activated' : ''}"
+            )
+            (button
+              :onclick "gnome-control-center wifi &"
+              :class "winactions-toggle-icon winactions-toggle-arrow${(net.essid != 'lo') ? '-activated' : ''}"
+            )
+          )
+          (label :class "wintoggle-text" :text "${net.essid}")
+        )
+        (box :orientation "v" :space-evenly false
+          (box
+            :class "winactions-toggle winactions-toggle${bluetooth.text == 'Bluetooth off' ? '' : '-true'}"
+            :orientation "h"
+            (button
+              :onclick "scripts/bluetooth toggle &"
+              :class "winactions winactions-toggle-icon-left winbluetooth${bluetooth.text == 'Disconnected' ? '' : (bluetooth.text == 'Bluetooth off' ? '-false' : '-true')}"
+            )
+            (button
+              :onclick "blueberry &"
+              :class "winactions-toggle-icon-right winactions-toggle-arrow${bluetooth.text == 'Bluetooth off' ? '' : '-activated'}"
+            )
+          )
+          (label :class "wintoggle-text" :text "${bluetooth.text}")
+        )
+        (box :orientation "v" :space-evenly false
+          (box
+            :class "winactions-toggle winactions-toggle-center"
+            (button
+              :onclick "scripts/airplane toggle &"
+              :class "winactions-toggle-icon winactions-toggle-icon-center winactions-airplane"
+            )
+          )
+          (label :class "wintoggle-text" :text "Flight Mode")
+        )
+      )
+      ; Row 2: Night light
+      (box
+        :class "winactions-togglerow"
+        :space-evenly false
+        (box
+          :orientation "v" :space-evenly false
+          (box
+            :class "winactions-toggle winactions-toggle-center winactions-toggle-${hyprjson.nightlight}"
+            (button
+              :onclick "scripts/toggle-nightlight.sh &"
+              :class "winactions-toggle-icon winactions-toggle-icon-center winactions-nightlight${hyprjson.nightlight ? '-activated' : ''}"
+            )
+          )
+          (label :class "wintoggle-text" :text "Night Light")
+        )
+      )
+      (box :height 30)
+      ; Slider 1: brightness
+      (box
+        :space-evenly false
+        :orientation "h"
+        :class "winactions-sliderrow "
+        (box :class "winicon winbrightness winactions-element")
+        (scale
+          :value "${brightness.level}"
+          :onchange "light -S {}"
+          :class "winslider winslider-winactions"
+        )
+      )
+      ; Slider 1: Volume
+      (box
+        :space-evenly false
+        :orientation "h"
+        :class "winactions-sliderrow"
+        (button
+          :class "winicon winvol${volume.audio == 1 ? round(volume.percent / 33, 0) : 'mute'} winactions-element"
+          :onclick "scripts/volume mute SINK &"
+        )
+        (scale
+          :value "${volume.percent}"
+          :onchange "scripts/volume setvol SINK {}"
+          :class "winslider winslider-winactions"
+        )
+      )
+    )
+    (box
+      :class "winwin-bottom"
+      :space-evenly false
+      :orientation "v"
+      (centerbox
+        :space-evenly false
+        :orientation "h"
+        :class "winwin-bottom-pad"
+        (button
+          :class "winactions-bottom-button"
+          :halign "start"
+          :style "padding: 0 13px;"
+          :onclick "scripts/toggle-winactions.sh --close power &"
+          (box
+            :space-evenly false
+            :orientation "h"
+            (box :class "winicon winbat${round(battery.percentage / 10, 0)}")
+            (label :class "wintoggle winbartext" :text "${battery.percentage}%")
+          )
+        )
+        (box)
+        (box
+          (button
+            :halign "end"
+            :onclick "scripts/toggle-winactions.sh --close settings &"
+            :class "winactions-bottom-button wincog winicon"
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow winactions
+  :wm-ignore true
+  :monitor 0
+  :focusable true
+  :geometry (geometry
+    :x "0px"
+    :y "50px"
+    :anchor "bottom right"
+  )
+  (winacts)
+)
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/windows/wingamebar.yuck b/hybrid-vertical/.config/eww/windows/wingamebar.yuck
new file mode 100755
index 000000000..55d5cf8af
--- /dev/null
+++ b/hybrid-vertical/.config/eww/windows/wingamebar.yuck
@@ -0,0 +1,388 @@
+(defwidget wingamebarwidget []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :class "thewholething"
+    :height 1080
+    :width 1920
+    (overlay
+      (box
+        :height 1080
+        :width 1920
+        :class "wingamebar-overlay"
+      )
+      ; Controls
+      (eventbox
+        :onclick "scripts/toggle-wingamebar.sh --close"
+        :onrightclick "scripts/toggle-wingamebar.sh --close"
+        :onmiddleclick "scripts/toggle-wingamebar.sh --close"
+        (box :space-evenly false
+          :style "
+          margin-left: ${RES_WIDTH / 2 + ((gamebarwidgets.controls.at[0] - (RES_WIDTH / 2)) * (rev_wingamebar ? 1 : 1.03)) - (gamebarwidgets.controls.size[0] / 2)};
+          margin-top: ${RES_HEIGHT / 2 + ((gamebarwidgets.controls.at[1] - (RES_HEIGHT / 2)) * (rev_wingamebar ? 1 : 1.03)) - (gamebarwidgets.controls.size[1] / 2)};
+          margin-right: ${RES_WIDTH - (RES_WIDTH / 2 + ((gamebarwidgets.controls.at[0] - (RES_WIDTH / 2)) * (rev_wingamebar ? 1 : 1.03)) + (gamebarwidgets.controls.size[0] / 2))};
+          margin-bottom: ${RES_HEIGHT - (RES_HEIGHT / 2 + ((gamebarwidgets.controls.at[1] - (RES_HEIGHT / 2)) * (rev_wingamebar ? 1 : 1.03)) + (gamebarwidgets.controls.size[1] / 2))};
+          "
+          :class "wingamebar-window"
+          :halign "center"
+          (box :space-evenly false :orientation "h"
+            :class "wingamebar-control-sidesection-left"
+            (button
+              :class "wingamebar-control-button"
+              (label :class "win-segoeicon wingamebar-control-button" :text "")
+            )
+          )
+          (box
+            :class "wingamebar-control-appsection"
+            (button
+              :class "wingamebar-control-button-active"
+              (label :class "win-segoeicon wingamebar-control-button" :text "")
+            )
+            (button
+              :class "wingamebar-control-button-active"
+              (label :class "win-segoeicon wingamebar-control-button" :text "")
+            )
+            (button
+              :class "wingamebar-control-button-active"
+              (label :class "win-segoeicon wingamebar-control-button" :text "")
+            )
+          )
+          (box :space-evenly false :orientation "h"
+            :class "wingamebar-control-sidesection-right"
+            (label :class "wingamebar-text wingamebar-text-clock" :text {time12})
+          )
+        )
+      )
+      ; Capture
+      (box
+        :style "
+        margin-left: ${RES_WIDTH / 2 + ((gamebarwidgets.capture.at[0] - (RES_WIDTH / 2)) * (rev_wingamebar ? 1 : 1.03)) - (gamebarwidgets.capture.size[0] / 2)};
+        margin-top: ${RES_HEIGHT / 2 + ((gamebarwidgets.capture.at[1] - (RES_HEIGHT / 2)) * (rev_wingamebar ? 1 : 1.03)) - (gamebarwidgets.capture.size[1] / 2)};
+        margin-right: ${RES_WIDTH - (RES_WIDTH / 2 + ((gamebarwidgets.capture.at[0] - (RES_WIDTH / 2)) * (rev_wingamebar ? 1 : 1.03)) + (gamebarwidgets.capture.size[0] / 2))};
+        margin-bottom: ${RES_HEIGHT - (RES_HEIGHT / 2 + ((gamebarwidgets.capture.at[1] - (RES_HEIGHT / 2)) * (rev_wingamebar ? 1 : 1.03)) + (gamebarwidgets.capture.size[1] / 2))};
+        "
+        :class "wingamebar-window"
+        :orientation "v" :space-evenly false
+        (centerbox
+          :class "wingamebar-titlebar"
+          :valign "start" :height 33
+          (box
+            :space-evenly false :spacing 10
+            (label :xalign 0 :class "wingamebar-icon" :text "")
+            (label :xalign 0 :class "wingamebar-text" :text "Capture")
+          )
+          (box)
+          (label :halign "end" :xalign 1 :class "wingamebar-title" :text "")
+        )
+        (box
+          :class "wingamebar-capture"
+          :space-evenly false :spacing 21
+          (button
+            :valign "start"
+            :class "wingamebar-capture-button wingamebar-button"
+            :onclick "scripts/toggle-wingamebar.sh --close && grim ~/Pictures/Screenshots/screenshot_$(date '+%Y_%m_%_d..%H.%M').png &"
+            (label :class "win-segoeicon" :text "")
+          )
+          (button
+            :valign "start"
+            :class "wingamebar-capture-button-unavailable"
+            (label :class "win-segoeicon" :text "")
+          )
+          (button
+            :valign "start"
+            :class "wingamebar-capture-button wingamebar-button"
+            :onclick "scripts/toggle-wingamebar.sh --close && ~/.local/bin/record-script.sh &"
+            (label :class "win-segoeicon" :text "")
+          )
+          (button
+            :valign "start"
+            :class "wingamebar-capture-button wingamebar-button"
+            (label :class "win-segoeicon" :text "")
+          )
+        )
+        (label :xalign 0 :class "wingamebar-content wingamebar-text wingamebar-subtext" :text {awin.title} :limit-width 38)
+        (eventbox
+          :class "wingamebar-button-pad"
+          :onclick "scripts/toggle-wingamebar.sh --close && xdg-open ~/Videos &"
+          (box
+            :class "wingamebar-content wingamebar-capture-bottom"
+            :space-evenly false :spacing 8
+            (label :class "win-segoeicon" :text "")
+            (label :class "wingamebar-text" :text "See my captures")
+          )
+        )
+      )
+      ; Autio
+      (box
+        :style "
+        margin-left: ${RES_WIDTH / 2 + ((gamebarwidgets.audio.at[0] - (RES_WIDTH / 2)) * (rev_wingamebar ? 1 : 1.03)) - (gamebarwidgets.audio.size[0] / 2)};
+        margin-top: ${RES_HEIGHT / 2 + ((gamebarwidgets.audio.at[1] - (RES_HEIGHT / 2)) * (rev_wingamebar ? 1 : 1.03)) - (gamebarwidgets.audio.size[1] / 2)};
+        margin-right: ${RES_WIDTH - (RES_WIDTH / 2 + ((gamebarwidgets.audio.at[0] - (RES_WIDTH / 2)) * (rev_wingamebar ? 1 : 1.03)) + (gamebarwidgets.audio.size[0] / 2))};
+        margin-bottom: ${RES_HEIGHT - (RES_HEIGHT / 2 + ((gamebarwidgets.audio.at[1] - (RES_HEIGHT / 2)) * (rev_wingamebar ? 1 : 1.03)) + (gamebarwidgets.audio.size[1] / 2))};
+        "
+        :orientation "v" :space-evenly false
+        :class "wingamebar-window"
+        (centerbox
+          :class "wingamebar-titlebar"
+          :valign "start" :height 33
+          (box
+            :space-evenly false :spacing 10
+            (label :xalign 0 :class "wingamebar-icon" :text "")
+            (label :xalign 0 :class "wingamebar-text" :text "Audio")
+          )
+          (box)
+          (label :halign "end" :xalign 1 :class "wingamebar-title" :text "")
+        )
+        ; Select audio/mic
+        (box
+          :space-evenly false :orientation "h"
+          :class "wingamebar-navbar"
+          (button
+            :class "wingamebar-navbar-button"
+            (label :class "wingamebar-text" :text "MIX")
+          )
+        )
+        ; System volume
+        (box
+          :space-evenly false :orientation "v"
+          :class "wingamebar-audio-sys"
+          (label :xalign 0 :class "wingamebar-text wingamebar-text-small wingamebar-subtext"
+            :text "DEFAULT  OUTPUT"
+          )
+          (label :xalign 0 :class "wingamebar-text" :style "padding-top: 21px; padding-bottom: 7px;"
+            :text {audiodevice} :limit-width 37
+          )
+          (box
+            :space-evenly false :orientation "h"
+            (button
+              :class "winicon winvol${volume.audio == 1 ? round(volume.percent / 33, 0) : 'mute'}"
+              :onclick "scripts/volume mute SINK &"
+            )
+            (scale
+              :value "${volume.percent}"
+              :onchange "scripts/volume setvol SINK {}"
+              :class "winslider winslider-gamebar-sys"
+            )
+          )
+        )
+        ; (scroll
+          ;   :height 576
+          (box
+            :space-evenly false :orientation "v"
+            (for app in audiojson
+              (box
+                :orientation "v" :space-evenly false :spacing 17
+                :style "margin-top: 17px;"
+                (for ser in {app["volume"]}
+                  (eventbox
+                    :onscroll "pactl set-sink-input-volume ${ser[0]} $(echo {} | sed -e \"s/up/+5/g\" -e \"s/down/-5/g\")%"
+                    :onrightclick "pactl set-sink-input-volume ${ser[0]} 100%"
+                    :onclick "pactl set-sink-input-volume ${ser[0]} 0%"
+                    (box :orientation "h" :space-evenly false :spacing 17
+                      (image :class "wingamebar-audio-appicon" :image-width 37 :image-height 37
+                        :path {app.icon}
+                      )
+                      (box :space-evenly false :orientation "v"
+                        (label :xalign 0 :class "wingamebar-text" :text "${app.name} #${ser[0]}")
+                        (box
+                          :space-evenly false :orientation "h"
+                          (button
+                            :class "winicon winvol${round((ser[1] < 100 ? ser[1] : 100) / 33, 0)}"
+                            :style "margin-right: 2px;"
+                          )
+                          (scale
+                            :value {ser[1] <= 100 ? ser[1] : 100}
+                            :onchange "pactl set-sink-input-volume ${ser[0]} {}%"
+                            :class "winslider winslider-gamebar-app"
+                          )
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          ; )
+        )
+      )
+      ; Performancee
+      (box :orientation "v" :space-evenly false
+        :style "
+        margin-left: ${RES_WIDTH / 2 + ((gamebarwidgets.performance.at[0] - (RES_WIDTH / 2)) * (rev_wingamebar ? 1 : 1.03)) - (gamebarwidgets.performance.size[0] / 2)};
+        margin-top: ${RES_HEIGHT / 2 + ((gamebarwidgets.performance.at[1] - (RES_HEIGHT / 2)) * (rev_wingamebar ? 1 : 1.03)) - (gamebarwidgets.performance.size[1] / 2)};
+        margin-right: ${RES_WIDTH - (RES_WIDTH / 2 + ((gamebarwidgets.performance.at[0] - (RES_WIDTH / 2)) * (rev_wingamebar ? 1 : 1.03)) + (gamebarwidgets.performance.size[0] / 2))};
+        margin-bottom: ${RES_HEIGHT - (RES_HEIGHT / 2 + ((gamebarwidgets.performance.at[1] - (RES_HEIGHT / 2)) * (rev_wingamebar ? 1 : 1.03)) + (gamebarwidgets.performance.size[1] / 2))};
+        "
+        :class "wingamebar-window"
+        (centerbox
+          :class "wingamebar-titlebar"
+          :valign "start" :height 33
+          (box
+            :space-evenly false :spacing 10
+            (label :xalign 0 :class "wingamebar-icon" :text "")
+            (label :xalign 0 :class "wingamebar-text" :text "Performance")
+          )
+          (box)
+          (label :halign "end" :xalign 1 :class "wingamebar-title" :text "")
+        )
+        (box :orientation "h" :space-evenly false
+          (box :orientation "v" :space-evenly false
+            :class "wingamebar-performance-metricscolumn"
+            (button
+              :class "wingamebar-performance-metric-${resource_metric == 'cpu'}"
+              :onclick "${EWW_CMD} update resource_metric='cpu' &"
+              (label :xalign 0 :class "wingamebar-text"
+                :text "CPU ${round(EWW_CPU.avg, 0)}%"
+              )
+            )
+            (button
+              :class "wingamebar-performance-metric-${resource_metric == 'ram'}"
+              :onclick "${EWW_CMD} update resource_metric='ram' &"
+              (label :xalign 0 :class "wingamebar-text"
+                :text "RAM ${round(memory.percentage, 0)}%"
+              )
+            )
+            (button
+              :class "wingamebar-performance-metric-${resource_metric == 'swap'}"
+              :onclick "${EWW_CMD} update resource_metric='swap' &"
+              (label :xalign 0 :class "wingamebar-text"
+                :text "SWAP ${round(memory.swappercentage, 0)}%"
+              )
+            )
+          )
+          ; Graph
+          (box :width 236 :height 191 :space-evenly false
+            :class "wingamebar-performance-grapharea"
+            (revealer :reveal {resource_metric == 'cpu'}
+              :transition "slideright" :duration "0ms"
+              (overlay
+                (box
+                  :width 236 :height 191
+                  :orientation "v" :space-evenly false
+                  :class "wingamebar-performance-graph-graphpad"
+                  (graph
+                    :width 202 :height 117
+                    :class "wingamebar-graph"
+                    :value {round(EWW_CPU.avg, 0)}
+                    :thickness 3
+                    :time-range "30s"
+                    :line-style "round"
+                  )
+                )
+                (centerbox
+                  :width 236 :height 191
+                  :orientation "v" :space-evenly false
+                  :class "wingamebar-performance-graphpad"
+                  (box :space-evenly false :orientation "v"
+                    (centerbox
+                      (label :xalign 0 :class "wingamebar-text wingamebar-text-bigmetric" :text "${round(EWW_CPU.avg, 0)}%")
+                      (box)
+                      (label :xalign 1 :yalign 0 :class "wingamebar-text wingamebar-text-small" :text "100")
+                    )
+                    (label :xalign 0 :class "wingamebar-text wingamebar-subtext wingamebar-text-small" :text "${EWW_CPU['cores'][0]['freq']} MHz")
+                  )
+                  (box)
+                  (centerbox
+                    :valign "end"
+                    (label :xalign 0 :class "wingamebar-text wingamebar-subtext wingamebar-text-small" :text "30 SECONDS")
+                    (box)
+                    (label :xalign 1 :yalign 1 :class "wingamebar-text wingamebar-text-small" :text "0")
+                  )
+                )
+              )
+            )
+            (revealer :reveal {resource_metric == 'ram'}
+              :transition "slideright" :duration "0ms"
+              (overlay
+                (box
+                  :width 236 :height 191
+                  :orientation "v" :space-evenly false
+                  :class "wingamebar-performance-graph-graphpad"
+                  (graph
+                    :width 202 :height 117
+                    :class "wingamebar-graph"
+                    :value {round(memory.percentage, 0)}
+                    :thickness 3
+                    :time-range "30s"
+                    :line-style "round"
+                  )
+                )
+                (centerbox
+                  :width 236 :height 191
+                  :orientation "v" :space-evenly false
+                  :class "wingamebar-performance-graphpad"
+                  (box :space-evenly false :orientation "v"
+                    (centerbox
+                      (label :xalign 0 :class "wingamebar-text wingamebar-text-bigmetric" :text "${round(memory.percentage, 0)}%")
+                      (box)
+                      (label :xalign 1 :yalign 0 :class "wingamebar-text wingamebar-text-small" :text "100")
+                    )
+                    (label :xalign 0 :class "wingamebar-text wingamebar-subtext wingamebar-text-small" :text "${memory.used}b")
+                  )
+                  (box)
+                  (centerbox
+                    :valign "end"
+                    (label :xalign 0 :class "wingamebar-text wingamebar-subtext wingamebar-text-small" :text "30 SECONDS")
+                    (box)
+                    (label :xalign 1 :yalign 1 :class "wingamebar-text wingamebar-text-small" :text "0")
+                  )
+                )
+              )
+            )
+            (revealer :reveal {resource_metric == 'swap'}
+              :transition "slideright" :duration "0ms"
+              (overlay
+                (box
+                  :width 236 :height 191
+                  :orientation "v" :space-evenly false
+                  :class "wingamebar-performance-graph-graphpad"
+                  (graph
+                    :width 202 :height 117
+                    :class "wingamebar-graph"
+                    :value {round(memory.swappercentage, 0)}
+                    :thickness 3
+                    :time-range "30s"
+                    :line-style "round"
+                  )
+                )
+                (centerbox
+                  :width 236 :height 191
+                  :orientation "v" :space-evenly false
+                  :class "wingamebar-performance-graphpad"
+                  (box :space-evenly false :orientation "v"
+                    (centerbox
+                      (label :xalign 0 :class "wingamebar-text wingamebar-text-bigmetric" :text "${round(memory.swappercentage, 0)}%")
+                      (box)
+                      (label :xalign 1 :yalign 0 :class "wingamebar-text wingamebar-text-small" :text "100")
+                    )
+                    (label :xalign 0 :class "wingamebar-text wingamebar-subtext wingamebar-text-small" :text "${memory.swapused}b")
+                  )
+                  (box)
+                  (centerbox
+                    :valign "end"
+                    (label :xalign 0 :class "wingamebar-text wingamebar-subtext wingamebar-text-small" :text "30 SECONDS")
+                    (box)
+                    (label :xalign 1 :yalign 1 :class "wingamebar-text wingamebar-text-small" :text "0")
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow wingamebar
+  :stacking "overlay"
+  :focusable true
+  :wm-ignore true
+  :monitor 0
+  :geometry (geometry
+    :height 1080
+    :width 1920
+    :anchor "center center"
+  )
+  (wingamebarwidget)
+)
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/windows/winnews.yuck b/hybrid-vertical/.config/eww/windows/winnews.yuck
new file mode 100755
index 000000000..b9a4c27f5
--- /dev/null
+++ b/hybrid-vertical/.config/eww/windows/winnews.yuck
@@ -0,0 +1,502 @@
+(defwidget checkboxhyprctl-win [value changevalue]
+  (eventbox
+    :cursor "pointer"
+    :onclick "hyprctl keyword ${changevalue} ${1 - value} && scripts/hyprsettings tickle"
+    (box
+      :class "win-checkbox-${value}"
+      :halign "end"
+    )
+  )
+)
+
+(defwidget winnewspanel []
+  (box
+    :orientation "v" :space-evenly false
+    :width {RES_WIDTH / 2}
+    :height {RES_HEIGHT - 51}
+    :style "
+    ${anim_open_winnews ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_winnews ? '' : 'margin-left: -960px; margin-right: 960px;'}
+    "
+    (eventbox
+      :onclick "scripts/toggle-winnews.sh --close &"
+      :onmiddleclick "scripts/toggle-winnews.sh --close &"
+      :onrightclick "scripts/toggle-winnews.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 0px;"
+      )
+    )
+    (box :space-evenly false :orientation "v"
+      :width {RES_WIDTH / 2 - 24}
+      :height {RES_HEIGHT - 51}
+      :class "winwin"
+      (centerbox
+        :class "winnews-topbar"
+        :height 35
+        (box :space-evenly false :height 35
+          (label :class "winnews-clock" :text "Widgets")
+        )
+        (box :space-evenly false :height 35
+          (overlay
+            (box :space-evenly false
+              :class "winnews-search-prompt"
+              :height 33 :width 500
+              (box
+                :halign "start"
+                :class "winsearch-icon winstart-search-searchbox-icon"
+                :style "margin-left: 5px;"
+              )
+              (revealer
+                :reveal {oquery == ''}
+                :halign "start"
+                :duration "100ms"
+                (label :class "winnews-search-prompt-text" :xalign 0 :text "Search Widgets")
+              )
+            )
+            (input
+              :class "winnews-search-contents"
+              :onchange "${EWW_CMD} update oquery='{}' &"
+            )
+          )
+        )
+        (box :space-evenly false :height 35
+          :halign "end"
+          (label :class "winnews-clock" :text {time12})
+          (button
+            :halign "end"
+            :space-evenly false
+            :class "winnews-user"
+            :onclick "scripts/toggle-winnews.sh --close && gnome-control-center user-accounts &"
+            (box :height 35 :width 35
+              :class "winstart-user-icon"
+            )
+          )
+        )
+      )
+      (scroll
+        :height 930
+        (box :orientation "h" :spacing 12
+          :class "winnews-widgets"
+          (box :orientation "v" :spacing 12 :space-evenly false
+            ; Mouse and touchpad
+            (revealer
+              :reveal "${matches('mouse and touchpad touch pad mouse speed mouse acceleration osu raw input sensitivity disable while typing disable_while_typing tap to click clickfinger_behavior',oquery)}"
+              :transition "slidedown"
+              :duration "200ms"
+              (box :orientation "v" :space-evenly false
+                :class "winnews-widget"
+                (box
+                  :orientation "h" :space-evenly false
+                  (label
+                    :halign "start"
+                    :class "winnews-section-icon"
+                    :text ""
+                  )
+                  (label
+                    :halign "start"
+                    :wrap true
+                    :class "winnews-section"
+                    :text "Mouse & Touchpad"
+                  )
+                )
+                (revealer
+                  :reveal "${matches('mouse and touchpad touch pad speed mouse acceleration osu raw input sensitivity',oquery)}"
+                  :transition "slidedown"
+                  :duration "200ms"
+                  (box
+                    :space-evenly false
+                    :orientation "v"
+                    (eventbox
+                      :onrightclick "hyprctl keyword input:sensitivity 0"
+                      (box
+                        :space-evenly false
+                        :orientation "v"
+                        :class "winnews-option"
+                        (label
+                          :halign "start"
+                          :wrap true
+                          :class "winnews-text"
+                          :text "Sensitivity"
+                        )
+                        (scale
+                          :class "winslider winslider-winnews"
+                          :value "${hyprjson.input_sensitivity * 50 + 50}"
+                          :onchange "hyprctl keyword input:sensitivity $(echo - | awk '{print {} / 50 - 1}') && scripts/hyprsettings tickle"
+                        )
+                      )
+                    )
+                    (centerbox :orientation "h" :space-evenly false
+                      :halign "fill"
+                      :class "winnews-option"
+                      (label
+                        :xalign 0
+                        :wrap true
+                        :class "winnews-text"
+                        :text "Raw input"
+                      )
+                      (box)
+                      (checkboxhyprctl-win
+                        :value "${hyprjson.force_no_accel}"
+                        :changevalue "input:force_no_accel"
+                        :halign "end"
+                        :class "win-checkbox"
+                      )
+                    )
+                  )
+                )
+                (revealer
+                  :reveal "${matches('mouse and touch pad touchpad disable while typing disable_while_typing',oquery)}"
+                  :transition "slidedown"
+                  :duration "200ms"
+                  (box
+                    :space-evenly false
+                    :orientation "v"
+                    (centerbox
+                      :class "winnews-option"
+                      :orientation "h"
+                      :space-evenly false
+                      :halign "fill"
+                      (label
+                        :halign "start"
+                        :class "winnews-text"
+                        :text "Disable touchpad while typing"
+                      )
+                      (box)
+                      (checkboxhyprctl-win
+                        :value "${hyprjson.touchpad_disable_while_typing}"
+                        :changevalue "input:touchpad:disable_while_typing"
+                        :class "win-checkbox"
+                      )
+                    )
+                  )
+                )
+                (revealer
+                  :reveal "${matches('mouse and touchpad touch pad tap to click clickfinger_behavior',oquery)}"
+                  :transition "slidedown"
+                  :duration "200ms"
+                  (box
+                    :space-evenly false
+                    :orientation "v"
+                    (centerbox :orientation "h" :space-evenly false
+                      :halign "fill"
+                      :class "winnews-option"
+                      (label
+                        :halign "start"
+                        :class "winnews-text"
+                        :text "Tap to click"
+                      )
+                      (box)
+                      (checkboxhyprctl-win
+                        :value "${hyprjson.touchpad_clickfinger_behavior}"
+                        :changevalue "input:touchpad:clickfinger_behavior"
+                      )
+                    )
+                  )
+                )
+              )
+            )
+            ; Appearance
+            (revealer
+              :reveal "${matches('appearance looks customization blur size blur passes blur strength blur xray',oquery)}"
+              :transition "slidedown"
+              :duration "200ms"
+              (box
+                :space-evenly false :orientation "v"
+                :class "winnews-widget"
+                (box
+                  :orientation "h" :space-evenly false
+                  (label
+                    :halign "start"
+                    :class "winnews-section-icon"
+                    :text ""
+                  )
+                  (label
+                    :halign "start"
+                    :wrap true
+                    :class "winnews-section"
+                    :text "Blur"
+                  )
+                )
+                (centerbox
+                  :orientation "h" :space-evenly false
+                  :halign "fill"
+                  :class "winnews-option"
+                  (label
+                    :halign "start"
+                    :class "winnews-text"
+                    :text "Enable blur"
+                  )
+                  (box)
+                  (checkboxhyprctl-win
+                    :value "${hyprjson.blur}"
+                    :changevalue "decoration:blur"
+                  )
+                )
+                (revealer
+                  :reveal "${matches('appearance looks customization blur size blur strength',oquery)}"
+                  :transition "slidedown"
+                  :duration "200ms"
+                  (box
+                    :space-evenly false
+                    :orientation "v"
+                    :class "winnews-option"
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "winnews-text"
+                      :text "Blur size"
+                    )
+                    (scale
+                      :class "winslider winslider-winnews"
+                      :value "${hyprjson.blur_size}"
+                      :tooltip "Blur size: ${hyprjson.blur_size}"
+                      :onchange "hyprctl keyword decoration:blur_size {}  && scripts/hyprsettings tickle"
+                    )
+                  )
+                )
+                (revealer
+                  :reveal "${matches('appearance looks customization blur passes blur strength',oquery)}"
+                  :transition "slidedown"
+                  :duration "200ms"
+                  (box
+                    :space-evenly false :orientation "v"
+                    :class "winnews-option"
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "winnews-text"
+                      :text "Blur passes"
+                    )
+                    (scale
+                      :class "winslider winslider-winnews"
+                      :value "${hyprjson.blur_passes * 10}"
+                      :tooltip "Blur passes: ${hyprjson.blur_passes}"
+                      :onchange "hyprctl keyword decoration:blur_passes $(({} / 10))  && scripts/hyprsettings tickle"
+                    )
+                  )
+                )
+                (revealer
+                  :reveal "${matches('appearance looks customization blur xray',oquery)}"
+                  :transition "slidedown"
+                  :duration "200ms"
+                  (box
+                    :space-evenly false :orientation "v"
+                    :class "winnews-option"
+                    (centerbox
+                      :orientation "h"
+                      :space-evenly false
+                      :halign "fill"
+                      (label
+                        :halign "start"
+                        :class "winnews-text"
+                        :text "Blur xray"
+                      )
+                      (box)
+                      (checkboxhyprctl-win
+                        :value "${hyprjson.blur_xray}"
+                        :changevalue "decoration:blur_xray"
+                      )
+                    )
+                  )
+                )
+              )
+            ) ; Revealer
+            (revealer
+              :reveal "${matches('appearance looks customization gaps gaps_in inner gaps: inner gaps_out outer gaps: outer space border_size border size border thickness',oquery)}"
+              :transition "slidedown"
+              :duration "200ms"
+              (box
+                :space-evenly false :orientation "v"
+                :class "winnews-widget"
+                (box
+                  :orientation "h"
+                  :space-evenly false
+                  :spacing 10
+                  (label
+                    :halign "start"
+                    :class "winnews-section-icon"
+                    :text ""
+                  )
+                  (label
+                    :halign "start"
+                    :wrap true
+                    :class "winnews-section"
+                    :text "Gaps/Borders"
+                  )
+                )
+                (revealer
+                  :reveal "${matches('appearance looks customization gaps_in inner gaps: inner space',oquery)}"
+                  :transition "slidedown"
+                  :duration "200ms"
+                  (box
+                    :space-evenly false :orientation "v"
+                    :class "winnews-option"
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "winnews-text"
+                      :text "Gaps: Inner"
+                    )
+                    (scale
+                      :class "winslider winslider-winnews"
+                      :value "${hyprjson.gaps_in}"
+                      :tooltip "Inner gaps: ${hyprjson.gaps_in}"
+                      :onchange "hyprctl keyword general:gaps_in {} && scripts/hyprsettings tickle"
+                    )
+                  )
+                )
+                (revealer
+                  :reveal "${matches('appearance looks customization gaps_out outer gaps: outer space',oquery)}"
+                  :transition "slidedown"
+                  :duration "200ms"
+                  (box
+                    :space-evenly false :orientation "v"
+                    :class "winnews-option"
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "winnews-text"
+                      :text "Gaps: Outer"
+                    )
+                    (scale
+                      :class "winslider winslider-winnews"
+                      :value "${hyprjson.gaps_out}"
+                      :tooltip "Outer gaps: ${hyprjson.gaps_out}"
+                      :onchange "hyprctl keyword general:gaps_out {} && scripts/hyprsettings tickle"
+                    )
+                  )
+                )
+                (revealer
+                  :reveal "${matches('appearance looks customization border_size border size border thickness',oquery)}"
+                  :transition "slidedown"
+                  :duration "200ms"
+                  (box
+                    :space-evenly false :orientation "v"
+                    :class "winnews-option"
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "winnews-text"
+                      :text "Border size"
+                    )
+                    (scale
+                      :class "winslider winslider-winnews"
+                      :value "${hyprjson.border_size}"
+                      :tooltip "Border size: ${hyprjson.border_size}"
+                      :onchange "hyprctl keyword general:border_size {} && scripts/hyprsettings tickle"
+                    )
+                  )
+                )
+                (revealer
+                  :reveal "${matches('appearance looks customization rounding corner',oquery)}"
+                  :transition "slidedown"
+                  :duration "200ms"
+                  (box
+                    :space-evenly false :orientation "v"
+                    :class "winnews-option"
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "winnews-text"
+                      :text "Rounding"
+                    )
+                    (scale
+                      :class "winslider winslider-winnews"
+                      :value "${hyprjson.rounding}"
+                      :tooltip "Border size: ${hyprjson.rounding}"
+                      :onchange "hyprctl keyword decoration:rounding {} && scripts/hyprsettings tickle"
+                    )
+                  )
+                )
+              )
+            ) ; Revealer
+          )
+          ; 2nd column
+          (box :orientation "v" :spacing 12 :space-evenly false
+            (revealer
+              :reveal "${matches('fetch system information user distro kernel uptime de desktop packages',oquery)}"
+              :transition "slidedown"
+              :duration "200ms"
+              (box :orientation "v" :space-evenly false
+                :class "winnews-widget"
+                (box
+                  :orientation "h"
+                  :space-evenly false
+                  (label
+                    :halign "start"
+                    :class "winnews-section-icon"
+                    :text ""
+                  )
+                  (label
+                    :halign "start"
+                    :wrap true
+                    :class "winnews-section"
+                    :text "System info"
+                  )
+                )
+                (box
+                  :orientation "v" :space-evenly false :valign "center"
+                  :class "winnews-fetch-pad"
+                  (box
+                    :orientation "h" :space-evenly false :spacing 20
+                    (label :class "winnews-fetch-icon" :text "")
+                    (label :class "winnews-text" :text "${username + '@' + hostname}")
+                  )
+                  (box
+                    :orientation "h" :space-evenly false :spacing 20
+                    (label :class "winnews-fetch-icon" :text "")
+                    (label :class "winnews-text" :text "${kernel}")
+                  )
+                  (box
+                    :orientation "h" :space-evenly false :spacing 20
+                    (label :class "winnews-fetch-icon" :text "")
+                    (label :class "winnews-text" :text "${uptime}")
+                  )
+                  (box
+                    :orientation "h" :space-evenly false :spacing 20
+                    (label :class "winnews-fetch-icon" :text "")
+                    (label :class "winnews-text" :text "${wm}")
+                  )
+                  (box
+                    :orientation "h" :space-evenly false :spacing 20
+                    (label :class "winnews-fetch-icon" :text "")
+                    (label :class "winnews-text" :text "${packages}")
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow winnews
+  :wm-ignore true
+  :focusable true
+  :monitor 0
+  :geometry (geometry
+    :width "50%"
+    ; :height "0%"
+    :anchor "top left"
+  )
+  (winnewspanel)
+)
+
+(defwidget winnews-button []
+  (eventbox
+    :class "winbutton-only thewinbutton"
+    :onclick "scripts/toggle-winnews.sh &"
+    :onmiddleclick "playerctl play-pause"
+    :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+    :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+    (box
+      :class "winbutton-pad"
+      (image
+        :class "winnewsicon winbutton-${rev_winnews}"
+        :path "images/icons/winnews.png"
+      )
+    )
+  )
+)
diff --git a/hybrid-vertical/.config/eww/windows/winnotif.yuck b/hybrid-vertical/.config/eww/windows/winnotif.yuck
new file mode 100755
index 000000000..32950d9cd
--- /dev/null
+++ b/hybrid-vertical/.config/eww/windows/winnotif.yuck
@@ -0,0 +1,231 @@
+(defwidget winnotifs []
+  (centerbox
+    :space-evenly false
+    :orientation "v"
+    :style "
+    ${anim_open_winnotif ? 'transition: 150ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_winnotif ? '' : 'margin-right: -700px;'}
+    min-height: 1033px;
+    "
+    (box
+      :space-evenly false
+      :orientation "v"
+      :halign "start"
+      (eventbox
+        :valign "start"
+        :onclick "scripts/toggle-winnotif.sh --close &"
+        :onmiddleclick "scripts/toggle-winnotif.sh --close &"
+        :onrightclick "scripts/toggle-winnotif.sh --close &"
+        (box
+          :class "box-that-is-there" :style "min-height: 1px;"
+        )
+      )
+      (box
+        :class "winwin"
+        :space-evenly false
+        :orientation "v"
+        :style "margin-bottom:6px;"
+        (centerbox
+          (box
+            :orientation "h"
+            :space-evenly false
+            :spacing 10
+            (label
+              :halign "start"
+              :class "winnotif-text winnotif-title"
+              :text "Notifications"
+            )
+          )
+          (box)
+          (box
+            :class "icon"
+            :halign "end"
+            :space-evenly false
+            :style "margin-right: 12px;"
+            (button
+              :class "winnotif-button"
+              :tooltip "Refresh"
+              :onclick "dunstctl history > $XDG_CACHE_HOME/dunst-history.json &"
+              (image
+                :path "images/svg/dark/reset.svg"
+                :image-width 19
+                :image-height 19
+              )
+            )
+            (button
+              :class "winnotif-button"
+              :tooltip "Pause/Resume Notifications"
+              :onclick "scripts/notifications toggle &"
+              {notif_icons.toggle_icon}
+            )
+            (button
+              :class "wintoggle-text winnotif-button"
+              :tooltip "Clear Notifications"
+              :onclick "scripts/notifications clear &"
+              "Clear all"
+            )
+          )
+        )
+        (scroll
+          :width 400
+          :valign "start"
+          :style "
+          min-height: ${rev_wincalendar ? 357 : 811}px;
+          transition: 150ms cubic-bezier(0.05, 0.7, 0.1, 1);
+          "
+          (box
+            :space-evenly false
+            :orientation "v"
+            (for i in notifications
+              (eventbox
+                :onclick "dunstctl history-pop ${i.id} && dunstctl action 0 && dunstctl close"
+                (box
+                  :orientation "v"
+                  :width 400
+                  :space-evenly false
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :class "winwin-bottom-pad"
+                    (image :class "winapp winnotif-notif-icon" :path "images/svg/dark/app.svg")
+                    (label :class "winnotif-appname" :text {i.appname})
+                  )
+                  (box
+                    :orientation "v"
+                    :space-evenly false
+                    :class "winnotif-notif"
+                    (label
+                      :xalign 0
+                      :wrap true
+                      :class "winnotif-text"
+                      :text {i.summary}
+                    )
+                    (label
+                      :xalign 0
+                      :wrap true
+                      :class "winnotif-text winnotif-bodytext"
+                      :text {i.body}
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+    (box :valign "center")
+    ; Calendar
+    (box
+      :space-evenly false
+      :orientation "v"
+      :valign "end"
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "winwin-topbar"
+        :style "margin-top: 6px;"
+        (centerbox
+          :space-evenly false
+          :orientation "h"
+          :style "padding: 0 12px;"
+          (label :xalign 0 :class "wincalendar-title" :text "${time.day}, ${time.monthname} ${day_only}")
+          (box)
+          (button
+            :halign "end"
+            :class "winnotif-button winarrow-${rev_wincalendar ? 'down' : 'up'}"
+            :tooltip "Show/Hide Calendar"
+            :onclick "${EWW_CMD} update rev_wincalendar=${!rev_wincalendar}"
+          )
+        )
+      )
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "winnotif-calendar"
+        :style "
+        min-height: ${rev_wincalendar ? 408 : 0}px;
+        transition: ${rev_wincalendar ? '152ms' : '149ms'} cubic-bezier(0.05, 0.7, 0.1, 1);
+        "
+        (revealer
+          :reveal {rev_wincalendar}
+          :transition "slideup"
+          :duration "${rev_wincalendar ? '0ms' : '149ms'}"
+          (eventbox
+            :onscroll "scripts/scrollmonth {} &"
+            (box
+              :orientation "v"
+              :space-evenly false
+              (centerbox
+                :style "padding: 0 12px;"
+                (label :xalign 0 :class "wincalendar-title" :text "${calendartitle}")
+                (box)
+                (box
+                  :halign "end"
+                  (button
+                    :onclick "scripts/scrollmonth up &"
+                    :halign "end"
+                    :class "winicon winnotif-monthbutton"
+                    (image
+                      :path "images/svg/dark/caretup.svg"
+                    )
+                  )
+                  (button
+                    :onclick "scripts/scrollmonth down &"
+                    :halign "end"
+                    :class "winicon winnotif-monthbutton"
+                    (image
+                      :path "images/svg/dark/caretdown.svg"
+                    )
+                  )
+                )
+              )
+              (box
+                (for day in weekdays
+                  (box
+                    :class "wincalendar-button day${day.today}"
+                    (label :class "wincalendar-text" :text "${day.day}")
+                  )
+                )
+              )
+              (for week in calendar
+                (box
+                  (for day in week
+                    (button
+                      :class "wincalendar-button day${day.today}"
+                      (label :class "wincalendar-text" :text "${day.day}")
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "winwin-bottom"
+        (box
+          :space-evenly false
+          :orientation "h"
+          :class "winwin-bottom-pad"
+          (label :xalign 0 :class "wincalendar-title" :text "Calendar")
+        )
+      )
+    )
+  )
+)
+
+(defwindow winnotif
+  :wm-ignore true
+  :monitor 0
+  :focusable true
+  :geometry (geometry
+    :x "0px"
+    :y "51px"
+    :height 1029
+    :anchor "bottom right"
+  )
+  (winnotifs)
+)
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/windows/winosd.yuck b/hybrid-vertical/.config/eww/windows/winosd.yuck
new file mode 100755
index 000000000..09838e9ac
--- /dev/null
+++ b/hybrid-vertical/.config/eww/windows/winosd.yuck
@@ -0,0 +1,77 @@
+(defwidget winosdwidget_vol []
+  (box
+    :class "winosd-var"
+    :orientation "h"
+    :space-evenly false
+    :style "
+    ${osd_vol ? '' : 'margin-bottom: -90px; margin-top: 90px;'}
+    ${osd_vol ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    "
+    (box
+      :space-evenly false
+      :orientation "h"
+      :class "winactions-sliderrow"
+      (image :class "winicon" :path "images/svg/dark/vol${volume.audio == 1 ? round(volume.percent / 33, 0) : 'mute'}.svg")
+      (scale
+        :value {volume.percent}
+        :onchange "scripts/volume setvol SINK {} &"
+        :class "winslider-osd"
+      )
+    )
+  )
+)
+
+(defwidget winosdwidget_bright []
+  (box
+    :class "winosd-var"
+    :orientation "h"
+    :space-evenly false
+    :style "
+    ${osd_bright ? '' : 'margin-bottom: -90px; margin-top: 90px;'}
+    ${osd_bright ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    "
+    (box
+      :space-evenly false
+      :orientation "h"
+      :class "winactions-sliderrow"
+      (image :class "winicon" :path "images/svg/dark/brightness.svg")
+      (scale
+        :value {brightness.level}
+        :onchange "light -S {} && scripts/brightness osd &"
+        :class "winslider-osd"
+      )
+    )
+  )
+)
+
+(defwindow winosd_vol
+  :stacking "overlay"
+  :wm-ignore true
+  :monitor 0
+  :geometry (geometry
+    :x "0%"
+    :y "50px"
+    :width "100px"
+    :height "53px"
+    :anchor "bottom center"
+  )
+  :stacking "fg"
+  :exclusive false
+  (winosdwidget_vol)
+)
+
+(defwindow winosd_bright
+  :stacking "overlay"
+  :wm-ignore true
+  :monitor 0
+  :geometry (geometry
+    :x "0%"
+    :y "50px"
+    :width "100px"
+    :height "53px"
+    :anchor "bottom center"
+  )
+  :stacking "fg"
+  :exclusive false
+  (winosdwidget_bright)
+)
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/windows/winoverview.yuck b/hybrid-vertical/.config/eww/windows/winoverview.yuck
new file mode 100755
index 000000000..76ed78a11
--- /dev/null
+++ b/hybrid-vertical/.config/eww/windows/winoverview.yuck
@@ -0,0 +1,137 @@
+(defwidget workspacebox [wspace]
+  (box ; Note: height 100px width 356px
+    :class "overview-ws overview-ws-${wspace[0].workspace.id == activews}"
+    (box
+      :space-evenly false
+      :orientation "h"
+      :style "
+      min-width: ${RES_WIDTH * OVERVIEW_SCALE}px;
+      min-height: ${RES_HEIGHT * OVERVIEW_SCALE}px;
+      "
+      (for ws-window in wspace
+        (box
+          :class "${ws-window.class == 'workspace' ? '' : 'overview-ws-window'}"
+          :style "
+          ${ws-window.address == selected ? 'border: 1px solid #FFFFFF' : ''};
+          ${ws-window.address == '_none' ? 'border: none' : ''};
+          margin-left: ${ws-window.at[0] * OVERVIEW_SCALE}px;
+          margin-top: ${ws-window.at[1] * OVERVIEW_SCALE}px;
+          margin-right: -${(ws-window.at[0] + ws-window.size[0]) * OVERVIEW_SCALE}px;
+          margin-bottom: ${RES_HEIGHT * OVERVIEW_SCALE - ((ws-window.at[1] + ws-window.size[1]) * OVERVIEW_SCALE)};
+          "
+          (eventbox
+            :onrightclick "scripts/selectwindow ${ws-window.address} '${EWW_CMD}' ${ws-window.workspace.id}"
+            :onmiddleclick "hyprctl dispatch closewindow address:${ws-window.address}"
+            :onclick "scripts/focuswindow ${ws-window.address} ${ws-window.workspace.id} && scripts/toggle-overview.sh --close &"
+            :onhover "${ws-window.class == 'workspace' ? '' : (EWW_CMD + ' update overview_hover_name=\'' + ws-window + '\'')}"
+            (box
+              :class "overview-background"
+              ; Uncomment below to enable thumbnail previews (VERY SLOW)
+              ; :style "
+              ; background-image: url('scripts/cache/thumbnails/${ws-window.address }.png');
+              ; "
+              (image
+                :class "overview-icon"
+                :path {ws-window.icon}
+                ; :image-width {round(ws-window.size[0] > ws-window.size[1] ? (ws-window.size[1] * 45 / 100 * OVERVIEW_SCALE) : (ws-window.size[0] * 45 / 100 * OVERVIEW_SCALE))}
+                ; :image-height {round(ws-window.size[0] > ws-window.size[1] ? (ws-window.size[1] * 45 / 100 * OVERVIEW_SCALE) : (ws-window.size[0] * 45 / 100 * OVERVIEW_SCALE))}
+                :image-width {round(ws-window.size[0] * OVERVIEW_SCALE * 45 / 100, 0)}
+                :image-height {round(ws-window.size[1] * OVERVIEW_SCALE * 45 / 100, 0)}
+                
+                ; :style "
+                ; background-size: ${ws-window.size[0] > ws-window.size[1] ? 'auto 45%' : '45% auto'};
+                ; background-image: url('${ws-window.icon}')
+                ; ;
+                ; "
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget winoverview_widget []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :class "thewholething"
+    (eventbox
+      :onclick "scripts/toggle-overview.sh --close &"
+      :onmiddleclick "scripts/toggle-overview.sh --close &"
+      :onrightclick "scripts/toggle-overview.sh --close &"
+      :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    )
+    (eventbox
+      :onhoverlost `eww update overview_hover_name='{"class":"LMB: Focus | MMB: Close | RMB: Select/Move","title":"Activities Overview","workspace":{"id":5,"name":"5"},"icon": "/usr/share/icons/breeze-dark/actions/16/window.svg"}' &`
+      :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "overview-window"
+        ; :space-evenly false
+        ; (label :text "${wsjsona}")
+        ; (label :text "${selected}")
+        (centerbox
+          :class "overview-window-title"
+          (label :halign "start" :style "margin: 5px;" :text "${overview_hover_name.class}")
+          (box
+            :space-evenly false
+            :orientation "h"
+            (image
+              :class "overview-topbar-icon overview-icon"
+              :path {overview_hover_name.icon}
+              :image-height 30
+              :image-width 30
+              ; :style "
+              ; background-image: url('${overview_hover_name.icon}');
+              ; "
+            )
+            (label :text "${overview_hover_name.title}")
+          )
+          (button
+            :halign "end"
+            :class "overview-topbar-button"
+            :onclick "scripts/toggle-overview.sh --close"
+            (label :text "")
+          )
+        )
+        (box
+          :orientation "h"
+          (for wspace in wsjsona
+            (workspacebox
+              :wspace {wspace}
+            )
+          )
+        )
+        (box
+          :orientation "h"
+          (for wspace in wsjsonb
+            (workspacebox
+              :wspace {wspace}
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow winoverview
+  :stacking "overlay"
+  :focusable true
+  :wm-ignore true
+  :monitor 0
+  :geometry (geometry
+    ; :height 1080
+    ; :width 1920
+    ; :y "103px"
+    :anchor "bottom center"
+    ; :y "0px"
+    ; :anchor "center center"
+  )
+  ; (testing)
+  (winoverview_widget)
+)
+
diff --git a/hybrid-vertical/.config/eww/windows/winpowermenu.yuck b/hybrid-vertical/.config/eww/windows/winpowermenu.yuck
new file mode 100755
index 000000000..191bc7a3a
--- /dev/null
+++ b/hybrid-vertical/.config/eww/windows/winpowermenu.yuck
@@ -0,0 +1,69 @@
+(defwidget winpower []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :style "
+    ${anim_open_winpowermenu ? 'transition: 150ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 100ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_winpowermenu ? '' : 'margin-bottom: -700px; margin-top: 700px;'}
+    "
+    (eventbox
+      :valign "start"
+      :onclick "scripts/toggle-winpowermenu.sh --close &"
+      :onmiddleclick "scripts/toggle-winpowermenu.sh --close &"
+      :onrightclick "scripts/toggle-winpowermenu.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 1px;"
+      )
+    )
+    (box
+      :class "winwin winpower-window"
+      :orientation "v"
+      :width 161
+      :space-evenly false
+      (button
+        :onclick "systemctl suspend &"
+        :class "winpower-button"
+        (box
+          :space-evenly false
+          (image :class "win-segoeicon"
+            :class "winpower-buttonicon"
+            :path "images/svg/dark/moon.svg"
+            :image-width 20 :image-height 20
+          )
+          (label :class "winbartext" :text "Sleep")
+        )
+      )
+      (button
+        :onclick "systemctl poweroff &"
+        :class "winpower-button"
+        (box
+          :space-evenly false
+          (label :xalign 0 :class "winpower-buttonicon win-segoeicon" :text "")
+          (label :xalign 0 :class "winbartext" :text "Shut down")
+        )
+      )
+      (button
+        :onclick "systemctl reboot &"
+        :class "winpower-button"
+        (box
+          :space-evenly false
+          (label :xalign 0 :class "winpower-buttonicon win-segoeicon" :text "")
+          (label :xalign 0 :class "winbartext" :text "Restart")
+        )
+      )
+    )
+  )
+)
+
+(defwindow winpowermenu
+  :wm-ignore true
+  :monitor 0
+  :focusable true
+  :geometry (geometry
+    :x "1140px"
+    :y "126px"
+    :width 161
+    :anchor "bottom left"
+  )
+  (winpower)
+)
\ No newline at end of file
diff --git a/hybrid-vertical/.config/eww/windows/winstart.yuck b/hybrid-vertical/.config/eww/windows/winstart.yuck
new file mode 100755
index 000000000..51f1730e4
--- /dev/null
+++ b/hybrid-vertical/.config/eww/windows/winstart.yuck
@@ -0,0 +1,583 @@
+(defwidget winmenu []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :style "
+    ${anim_open_winstart ? 'transition: 150ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 100ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_winstart ? '' : 'margin-bottom: -900px;'}
+    "
+    (eventbox
+      :valign "start"
+      :onclick "scripts/toggle-winstart.sh --close &"
+      :onmiddleclick "scripts/toggle-winstart.sh --close &"
+      :onrightclick "scripts/toggle-winstart.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 1px;"
+      )
+    )
+    (box
+      :space-evenly false
+      :orientation "v"
+      :class "winwin-top"
+      :height 113
+      :width 676
+      :style "
+      ${winsearch != '' ? 'min-width: 811px;' : 'min-width: 676px;'}
+      "
+      (overlay
+        (box
+          :valign "end"
+          :space-evenly false
+          :class "winstart-search-prompt"
+          (box
+            :halign "start"
+            :class "winsearch-icon winstart-search-searchbox-icon"
+          )
+          (revealer
+            :reveal {winsearch == ''}
+            :halign "start"
+            :duration "0ms"
+            (label :class "winstart-search-prompt-text" :xalign 0 :text "Type to search")
+          )
+        )
+        (box
+          :valign "end"
+          :class "winstart-search-accent"
+        )
+        (input
+          :class "winstart-search-contents"
+          :onchange "${EWW_CMD} update winsearch='${winsearch_prefix}{}' && ${EWW_CMD} update winsearch_results=\"$(scripts/appsearch '${winsearch_prefix}{}')\" &"
+          :onaccept "scripts/launchapp '${winsearch_results == '[]' ? (winsearch_prefix + {}) : winsearch_results[0].exec}' &"
+        )
+      )
+    )
+    (revealer
+      :reveal {winsearch != ''}
+      :transition "slidedown"
+      :duration "0ms"
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "winwin-bottom-light"
+        :height 682
+        :width 676
+        :style "
+        ${winsearch != '' ? 'min-width: 811px;' : 'min-width: 676px;'}
+        "
+        ; Tag strip
+        (box
+          :class "winsearch-tag-strip"
+          :space-evenly false
+          (eventbox
+            :onclick "${EWW_CMD} update winsearch_prefix='' && ${EWW_CMD} update winsearch='${winsearch_prefix} ' && ${EWW_CMD} update winsearch_results=\"$(scripts/appsearch ' ')\" &"
+            (box :class "winsearch-tag-${winsearch_prefix == ''}"
+              (label :class "wintoggle-text" :text "All")
+            )
+          )
+          (eventbox
+            :onclick "${EWW_CMD} update winsearch_prefix='>load ' && ${EWW_CMD} update winsearch='${winsearch_prefix} ' && ${EWW_CMD} update winsearch_results=\"$(scripts/appsearch '>load ')\" &"
+            (box :class "winsearch-tag-${winsearch_prefix == '>load '}"
+              (label :class "wintoggle-text" :text "Load theme")
+            )
+          )
+          (eventbox
+            :onclick "${EWW_CMD} update winsearch_prefix='1*' && ${EWW_CMD} update winsearch='${winsearch_prefix} ' && ${EWW_CMD} update winsearch_results=\"$(scripts/appsearch --calculator)\" &"
+            (box :class "winsearch-tag-${winsearch_prefix == '1*'}"
+              (label :class "wintoggle-text" :text "Calculate")
+            )
+          )
+          ; (eventbox
+            ;   :onclick "${EWW_CMD} update winsearch_prefix='>_ ' && ${EWW_CMD} update winsearch='${winsearch_prefix}${winsearch}' && ${EWW_CMD} update winsearch_results=\"$(scripts/appsearch '${winsearch_prefix}${winsearch}')\" &"
+            ;   (box :class "winsearch-tag-${winsearch_prefix == '>_ '}"
+              ;     (label :class "wintoggle-text" :text "Execute")
+            ;   )
+          ; )
+        )
+        (box
+          :height 627
+          :space-evenly false
+          :orientation "h"
+          :class "winsearch-pad"
+          :spacing 11
+          ; Search results list
+          (scroll
+            :width 404
+            (box
+              :width 404
+              :space-evenly false
+              :orientation "v"
+              :class "winsearch-result-list"
+              (revealer
+                :reveal {winsearch_results != '[]'}
+                :transition "slidedown"
+                :duration "0ms"
+                (label
+                  :halign "start"
+                  :class "winstart-section winsearch-section"
+                  :text "${winsearch_prefix == '' ? 'Results' :
+                  (winsearch_prefix == '>load ' ? 'Themes' :
+                    (winsearch_prefix == '1*' ? 'Calculator' : 'Execute'))}"
+                )
+              )
+              (box
+                :space-evenly false
+                :orientation "v"
+                (for result in winsearch_results
+                  (overlay
+                    :space-evenly false
+                    (input
+                      :value "${result.name}"
+                      :class "winsearch-result"
+                      :style "
+                      background-position: -0.5% center;
+                      background-size: auto 65%;
+                      "
+                      :onaccept "scripts/launchapp '${result.exec}' && scripts/toggle-winstart.sh --close &"
+                    )
+                    (image
+                      :halign "start"
+                      :class "winsearch-result-icon"
+                      :path {(result.icon != '' && result.icon != 'null') ? result.icon : 'images/svg/dark/appgeneric.svg'}
+                      :image-width 28
+                      :image-height 28
+                    )
+                  )
+                )
+              )
+              (label
+                :halign "start"
+                :class "winstart-section winsearch-section"
+                :text "Run command"
+              )
+              (overlay
+                :orientation "h"
+                :space-evenly false
+                (input
+                  :value {winsearch}
+                  :class "winsearch-result"
+                  :onaccept "scripts/launchapp '${winsearch_prefix}{}' &"
+                )
+                (image
+                  :halign "start"
+                  :class "winsearch-result-icon"
+                  :path "images/svg/dark/protocol.svg"
+                  :image-width 28
+                  :image-height 28
+                )
+              )
+              (label
+                :halign "start"
+                :class "winstart-section winsearch-section"
+                :text "Search the web"
+              )
+              (overlay
+                :orientation "h"
+                :space-evenly false
+                (input
+                  :value {winsearch}
+                  :class "winsearch-result"
+                  :onaccept "xdg-open 'https://www.google.com/search?q={}' && scripts/toggle-winstart.sh --close &"
+                )
+                (image
+                  :halign "start"
+                  :class "winsearch-result-icon"
+                  :path "images/svg/dark/search-fluent.svg"
+                  :image-width 28
+                  :image-height 28
+                )
+              )
+            )
+          )
+          ; More options
+          (revealer
+            :reveal {winsearch != ''}
+            :transition "slideleft"
+            :duration "50ms"
+            ; Entry actions panel
+            (box
+              :orientation "v"
+              :space-evenly false
+              :class "winsearch-actions-box"
+              :width 404
+              (image
+                :halign "center"
+                :class "winsearch-result-icon-big"
+                :path {(winsearch_actions.icon != '' && winsearch_actions.icon != 'null') ? winsearch_actions.icon : 'images/svg/dark/appgeneric.svg'}
+                :image-width 67
+                :image-height 67
+              )
+              (label
+                :class "winsearch-result-actions-title"
+                :text {winsearch_actions.name}
+              )
+              (label
+                :class "winsearch-result-actions-subtext"
+                :text {winsearch_actions_type}
+              )
+              (box
+                :class "winsearch-separator"
+              )
+              ; Actions
+              (box
+                :orientation "v"
+                :space-evenly false
+                (revealer
+                  :reveal {winsearch_actions_type == 'Application'}
+                  :transition "slidedown"
+                  :duration "0ms"
+                  (button
+                    :class "winsearch-actions-button"
+                    :onclick "scripts/launchapp '${winsearch_actions.exec}' &"
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :spacing 13
+                      (image
+                        :class "winsearch-actions-icon"
+                        :path "images/svg/open.svg"
+                        :image-width 20
+                        :image-height 20
+                      )
+                      (label :text "Run")
+                    )
+                  )
+                )
+                (revealer
+                  :reveal {winsearch_actions_type == 'Application'}
+                  :transition "slidedown"
+                  :duration "0ms"
+                  (button
+                    :class "winsearch-actions-button"
+                    :onclick "scripts/launchapp 'xdg-open ${winsearch_actions.filepath}'&"
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :spacing 13
+                      (image
+                        :class "winsearch-actions-icon"
+                        :path "images/svg/folderopen.svg"
+                        :image-width 20
+                        :image-height 20
+                      )
+                      (label :text "Open desktop entry")
+                    )
+                  )
+                )
+                (revealer
+                  :reveal {winsearch_actions_type == 'Math result'}
+                  :transition "slidedown"
+                  :duration "0ms"
+                  (button
+                    :class "winsearch-actions-button"
+                    :onclick "scripts/launchapp '${winsearch_actions.exec}' &"
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :spacing 13
+                      (image
+                        :class "winsearch-actions-icon"
+                        :path "images/svg/copy.svg"
+                        :image-width 20
+                        :image-height 20
+                      )
+                      (label :text "Copy result")
+                    )
+                  )
+                )
+                (revealer
+                  :reveal {winsearch_actions_type == 'Color theme'}
+                  :transition "slidedown"
+                  :duration "0ms"
+                  (button
+                    :class "winsearch-actions-button"
+                    :onclick "scripts/launchapp '${winsearch_actions.exec}' &"
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :spacing 13
+                      (image
+                        :class "winsearch-actions-icon"
+                        :path "images/svg/applycolor.svg"
+                        :image-width 20
+                        :image-height 20
+                      )
+                      (label :text "Apply colorscheme")
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+    (revealer
+      :reveal {winsearch == ''}
+      :transition "slidedown"
+      :duration "0ms"
+      (box
+        :space-evenly false
+        :orientation "v"
+        (box
+          :space-evenly false
+          :orientation "v"
+          :class "winwin-center-noseparator"
+          :height 581
+          :style "
+          ${winsearch != '' ? 'min-width: 811px;' : 'min-width: 676px;'}
+          "
+          (box
+            :space-evenly false
+            :orientation "h"
+            (revealer
+              :reveal {!winstart_allapps}
+              :transition "slideright"
+              :duration "250ms"
+              (box
+                :space-evenly false
+                :orientation "v"
+                :width 674
+                (centerbox
+                  :orientation "h"
+                  :class "winsearch-section-box"
+                  (label
+                    :halign "start"
+                    :class "winstart-section"
+                    :text "Pinned"
+                  )
+                  (box)
+                  (button
+                    :halign "end"
+                    :class "wintoggle-text winstart-button-allapps"
+                    :onclick "scripts/toggle-allapps.sh --open &"
+                    (box
+                      :space-evenly false
+                      :spacing 6
+                      (label :text "All apps" :style "padding: 0 2px;")
+                      (label :class "winstart-allapps-icon" :text "")
+                      ; (box
+                        ;   :class "winstart-allapps-arrow"
+                      ; )
+                    )
+                  )
+                )
+                (box
+                  :class "winstart-pinnedapps"
+                  :height 293
+                  :orientation "v"
+                  :space-evenly false
+                  (for row in pinnedapps
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      (for app in row
+                        (eventbox
+                          :class "winstart-pinnedapps-entry"
+                          :onclick "scripts/toggle-winstart.sh --close && ${app.exec}"
+                          (box
+                            :orientation "v"
+                            :space-evenly false
+                            :class "winstart-pinnedapps-entry-pad"
+                            :width 101
+                            :height 88
+                            (box
+                              :class "winstart-pinnedapps-icon"
+                              :style "
+                              min-width: 33px;
+                              min-height: 33px;
+                              background-image: url('${app.icon}');
+                              background-position: center;
+                              background-size: auto 100%;
+                              "
+                            )
+                            (label
+                              :limit-width 12
+                              :class "wintoggle-text"
+                              :style "margin-top: 4px;"
+                              :text "${app.name}"
+                            )
+                          )
+                        )
+                      )
+                    )
+                  )
+                )
+                (centerbox
+                  :orientation "h"
+                  :class "winsearch-section-box"
+                  (label
+                    :halign "start"
+                    :class "winstart-section"
+                    :text "Recommended"
+                  )
+                  (box)
+                  (box)
+                )
+                (box
+                  :class "winstart-recommended"
+                  :height 222
+                  :orientation "v"
+                  :space-evenly false
+                  :valign "start"
+                  (for recrow in recommended
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :valign "start"
+                      :spacing 20
+                      (for entry in recrow
+                        (eventbox
+                          :class "winstart-recommended-entry"
+                          :onclick "scripts/toggle-winstart.sh --close && ${entry.exec}"
+                          (box
+                            :valign "start"
+                            :orientation "h"
+                            :space-evenly false
+                            :width 285.67
+                            :height 66
+                            :class "winstart-recommended-entry-pad"
+                            ; Recommended tile contents here
+                            (box
+                              :halign "start"
+                              :class "winstart-recommended-icon"
+                              :style "
+                              min-width: 33px;
+                              min-height: 33px;
+                              background-image: url('${entry.icon}');
+                              background-position: center;
+                              background-size: 100% auto;
+                              "
+                            )
+                            (box
+                              :orientation "v"
+                              :space-evenly false
+                              :class "winstart-recommended-text"
+                              (label :xalign 0 :class "wintoggle-text winstart-recommended-name" :text "${entry.name}" :limit-width 26)
+                              (label :xalign 0 :class "wintoggle-text winstart-recommended-subtext" :text "${entry.subtext}" :limit-width 26)
+                            )
+                          )
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            )
+            (revealer
+              :reveal {winstart_allapps}
+              :transition "slideleft"
+              :duration "250ms"
+              (box
+                :space-evenly false
+                :transition "slideleft"
+                :orientation "v"
+                :width 674
+                (centerbox
+                  :orientation "h"
+                  :class "winsearch-section-box"
+                  (label
+                    :halign "start"
+                    :class "winstart-section"
+                    :text "All apps"
+                  )
+                  (box)
+                  (button
+                    :halign "end"
+                    :class "wintoggle-text winstart-button-allapps"
+                    :onclick "scripts/toggle-allapps.sh --close"
+                    (box
+                      :space-evenly false
+                      :spacing 6
+                      (label :class "winstart-allapps-icon" :text "")
+                      (label :text "Back" :style "padding: 0 2px;")
+                      ; (box
+                        ;   :class "winstart-allapps-arrow"
+                      ; )
+                    )
+                  )
+                )
+                (scroll
+                  :height 549
+                  (box
+                    :space-evenly false
+                    :orientation "v"
+                    :class "winstart-allapps-box"
+                    (for app in allapps
+                      (button
+                        :class "winstart-allapps-app"
+                        :onclick "scripts/toggle-winstart.sh --close && gtk-launch ${app.filename} &"
+                        (box
+                          :space-evenly false
+                          :orientation "h"
+                          (revealer
+                            :transition "slideright"
+                            :duration "0ms"
+                            :reveal {app.icon != '_letter'}
+                            (image
+                              :class "winstart-allapps-app-icon"
+                              :path {(app.icon != '_letter' && app.icon != '') ? app.icon : 'images/svg/dark/app.svg'}
+                              :image-height 25
+                              :image-width 25
+                            )
+                          )
+                          (label
+                            :class "winbartext winstart-allapps-appname"
+                            :text {app.name}
+                          )
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+        (centerbox
+          :space-evenly false
+          :orientation "h"
+          :class "winwin-bottom winstart-bottom-pad"
+          :height 67
+          (button
+            :halign "start"
+            :space-evenly false
+            :class "winstart-user"
+            :onclick "scripts/toggle-winstart.sh --close && gnome-control-center user-accounts &"
+            (box
+              :space-evenly false
+              :orientation "h"
+              :spacing 16
+              (box
+                :class "winstart-user-icon"
+              )
+              (label :class "wintoggle-text" :text "${username}")
+            )
+          )
+          (box)
+          (button
+            :halign "end"
+            :class "winstart-power-icon winstart-power-icon-${rev_winpowermenu}"
+            :onclick "scripts/toggle-winpowermenu.sh &"
+            (image
+              :path "images/svg/dark/power.svg"
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow winstart
+  :wm-ignore true
+  :monitor 0
+  :focusable true
+  :geometry (geometry
+    :x "0px"
+    :y "51px"
+    ; :height 788
+    :width 673
+    :anchor "bottom center"
+  )
+  (winmenu)
+)
\ No newline at end of file
diff --git a/hybrid-vertical/.config/fish/completions/fisher.fish b/hybrid-vertical/.config/fish/completions/fisher.fish
new file mode 100755
index 000000000..6d23ce490
--- /dev/null
+++ b/hybrid-vertical/.config/fish/completions/fisher.fish
@@ -0,0 +1,7 @@
+complete --command fisher --exclusive --long help --description "Print help"
+complete --command fisher --exclusive --long version --description "Print version"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments install --description "Install plugins"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments update --description "Update installed plugins"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments remove --description "Remove installed plugins"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments list --description "List installed plugins matching regex"
+complete --command fisher --exclusive --condition "__fish_seen_subcommand_from update remove" --arguments "(fisher list)"
diff --git a/hybrid-vertical/.config/fish/config.fish b/hybrid-vertical/.config/fish/config.fish
new file mode 100755
index 000000000..bfa2bf74c
--- /dev/null
+++ b/hybrid-vertical/.config/fish/config.fish
@@ -0,0 +1,20 @@
+function fish_prompt -d "Write out the prompt"
+    # This shows up as USER@HOST /home/user/ >, with the directory colored
+    # $USER and $hostname are set by fish, so you can just use them
+    # instead of using `whoami` and `hostname`
+    printf '%s@%s %s%s%s > ' $USER $hostname \
+        (set_color $fish_color_cwd) (prompt_pwd) (set_color normal)
+end
+
+if status is-interactive
+    # Commands to run in interactive sessions can go here
+    set fish_greeting
+
+end
+
+starship init fish | source
+
+# function fish_prompt
+#   set_color cyan; echo (pwd) 
+#   set_color green; echo '> '
+# end
\ No newline at end of file
diff --git a/hybrid-vertical/.config/fish/fish_plugins b/hybrid-vertical/.config/fish/fish_plugins
new file mode 100755
index 000000000..594dfc033
--- /dev/null
+++ b/hybrid-vertical/.config/fish/fish_plugins
@@ -0,0 +1 @@
+jorgebucaran/fisher
diff --git a/hybrid-vertical/.config/fish/fish_variables b/hybrid-vertical/.config/fish/fish_variables
new file mode 100755
index 000000000..479710902
--- /dev/null
+++ b/hybrid-vertical/.config/fish/fish_variables
@@ -0,0 +1,34 @@
+# This file contains fish universal variable definitions.
+# VERSION: 3.0
+SETUVAR __fish_initialized:3400
+SETUVAR _fisher_jorgebucaran_2F_fisher_files:\x7e/\x2econfig/fish/functions/fisher\x2efish\x1e\x7e/\x2econfig/fish/completions/fisher\x2efish
+SETUVAR _fisher_plugins:jorgebucaran/fisher
+SETUVAR _fisher_upgraded_to_4_4:\x1d
+SETUVAR fish_color_autosuggestion:555\x1ebrblack
+SETUVAR fish_color_cancel:\x2dr
+SETUVAR fish_color_command:blue
+SETUVAR fish_color_comment:red
+SETUVAR fish_color_cwd:green
+SETUVAR fish_color_cwd_root:red
+SETUVAR fish_color_end:green
+SETUVAR fish_color_error:brred
+SETUVAR fish_color_escape:brcyan
+SETUVAR fish_color_history_current:\x2d\x2dbold
+SETUVAR fish_color_host:normal
+SETUVAR fish_color_host_remote:yellow
+SETUVAR fish_color_normal:normal
+SETUVAR fish_color_operator:brcyan
+SETUVAR fish_color_param:cyan
+SETUVAR fish_color_quote:yellow
+SETUVAR fish_color_redirection:cyan\x1e\x2d\x2dbold
+SETUVAR fish_color_search_match:\x2d\x2dbackground\x3d111
+SETUVAR fish_color_selection:white\x1e\x2d\x2dbold\x1e\x2d\x2dbackground\x3dbrblack
+SETUVAR fish_color_status:red
+SETUVAR fish_color_user:brgreen
+SETUVAR fish_color_valid_path:\x2d\x2dunderline
+SETUVAR fish_key_bindings:fish_default_key_bindings
+SETUVAR fish_pager_color_completion:normal
+SETUVAR fish_pager_color_description:B3A06D\x1eyellow\x1e\x2di
+SETUVAR fish_pager_color_prefix:cyan\x1e\x2d\x2dbold\x1e\x2d\x2dunderline
+SETUVAR fish_pager_color_progress:brwhite\x1e\x2d\x2dbackground\x3dcyan
+SETUVAR fish_pager_color_selected_background:\x2dr
diff --git a/hybrid-vertical/.config/fish/functions/fisher.fish b/hybrid-vertical/.config/fish/functions/fisher.fish
new file mode 100755
index 000000000..c0a86fa4e
--- /dev/null
+++ b/hybrid-vertical/.config/fish/functions/fisher.fish
@@ -0,0 +1,240 @@
+function fisher --argument-names cmd --description "A plugin manager for Fish"
+    set --query fisher_path || set --local fisher_path $__fish_config_dir
+    set --local fisher_version 4.4.3
+    set --local fish_plugins $__fish_config_dir/fish_plugins
+
+    switch "$cmd"
+        case -v --version
+            echo "fisher, version $fisher_version"
+        case "" -h --help
+            echo "Usage: fisher install <plugins...>  Install plugins"
+            echo "       fisher remove  <plugins...>  Remove installed plugins"
+            echo "       fisher update  <plugins...>  Update installed plugins"
+            echo "       fisher update                Update all installed plugins"
+            echo "       fisher list    [<regex>]     List installed plugins matching regex"
+            echo "Options:"
+            echo "       -v or --version  Print version"
+            echo "       -h or --help     Print this help message"
+            echo "Variables:"
+            echo "       \$fisher_path  Plugin installation path. Default: $__fish_config_dir" | string replace --regex -- $HOME \~
+        case ls list
+            string match --entire --regex -- "$argv[2]" $_fisher_plugins
+        case install update remove
+            isatty || read --local --null --array stdin && set --append argv $stdin
+
+            set --local install_plugins
+            set --local update_plugins
+            set --local remove_plugins
+            set --local arg_plugins $argv[2..-1]
+            set --local old_plugins $_fisher_plugins
+            set --local new_plugins
+
+            test -e $fish_plugins && set --local file_plugins (string match --regex -- '^[^\s]+$' <$fish_plugins)
+
+            if ! set --query argv[2]
+                if test "$cmd" != update
+                    echo "fisher: Not enough arguments for command: \"$cmd\"" >&2 && return 1
+                else if ! set --query file_plugins
+                    echo "fisher: \"$fish_plugins\" file not found: \"$cmd\"" >&2 && return 1
+                end
+                set arg_plugins $file_plugins
+            end
+
+            for plugin in $arg_plugins
+                set plugin (test -e "$plugin" && realpath $plugin || string lower -- $plugin)
+                contains -- "$plugin" $new_plugins || set --append new_plugins $plugin
+            end
+
+            if set --query argv[2]
+                for plugin in $new_plugins
+                    if contains -- "$plugin" $old_plugins
+                        test "$cmd" = remove &&
+                            set --append remove_plugins $plugin ||
+                            set --append update_plugins $plugin
+                    else if test "$cmd" = install
+                        set --append install_plugins $plugin
+                    else
+                        echo "fisher: Plugin not installed: \"$plugin\"" >&2 && return 1
+                    end
+                end
+            else
+                for plugin in $new_plugins
+                    contains -- "$plugin" $old_plugins &&
+                        set --append update_plugins $plugin ||
+                        set --append install_plugins $plugin
+                end
+
+                for plugin in $old_plugins
+                    contains -- "$plugin" $new_plugins || set --append remove_plugins $plugin
+                end
+            end
+
+            set --local pid_list
+            set --local source_plugins
+            set --local fetch_plugins $update_plugins $install_plugins
+            set --local fish_path (status fish-path)
+
+            echo (set_color --bold)fisher $cmd version $fisher_version(set_color normal)
+
+            for plugin in $fetch_plugins
+                set --local source (command mktemp -d)
+                set --append source_plugins $source
+
+                command mkdir -p $source/{completions,conf.d,themes,functions}
+
+                $fish_path --command "
+                    if test -e $plugin
+                        command cp -Rf $plugin/* $source
+                    else
+                        set temp (command mktemp -d)
+                        set repo (string split -- \@ $plugin) || set repo[2] HEAD
+
+                        if set path (string replace --regex -- '^(https://)?gitlab.com/' '' \$repo[1])
+                            set name (string split -- / \$path)[-1]
+                            set url https://gitlab.com/\$path/-/archive/\$repo[2]/\$name-\$repo[2].tar.gz
+                        else
+                            set url https://api.github.com/repos/\$repo[1]/tarball/\$repo[2]
+                        end
+
+                        echo Fetching (set_color --underline)\$url(set_color normal)
+
+                        if curl --silent -L \$url | tar -xzC \$temp -f - 2>/dev/null
+                            command cp -Rf \$temp/*/* $source
+                        else
+                            echo fisher: Invalid plugin name or host unavailable: \\\"$plugin\\\" >&2
+                            command rm -rf $source
+                        end
+
+                        command rm -rf \$temp
+                    end
+
+                    set files $source/* && string match --quiet --regex -- .+\.fish\\\$ \$files
+                " &
+
+                set --append pid_list (jobs --last --pid)
+            end
+
+            wait $pid_list 2>/dev/null
+
+            for plugin in $fetch_plugins
+                if set --local source $source_plugins[(contains --index -- "$plugin" $fetch_plugins)] && test ! -e $source
+                    if set --local index (contains --index -- "$plugin" $install_plugins)
+                        set --erase install_plugins[$index]
+                    else
+                        set --erase update_plugins[(contains --index -- "$plugin" $update_plugins)]
+                    end
+                end
+            end
+
+            for plugin in $update_plugins $remove_plugins
+                if set --local index (contains --index -- "$plugin" $_fisher_plugins)
+                    set --local plugin_files_var _fisher_(string escape --style=var -- $plugin)_files
+
+                    if contains -- "$plugin" $remove_plugins
+                        for name in (string replace --filter --regex -- '.+/conf\.d/([^/]+)\.fish$' '$1' $$plugin_files_var)
+                            emit {$name}_uninstall
+                        end
+                        printf "%s\n" Removing\ (set_color red --bold)$plugin(set_color normal) "         "$$plugin_files_var | string replace -- \~ ~
+                        set --erase _fisher_plugins[$index]
+                    end
+
+                    command rm -rf (string replace -- \~ ~ $$plugin_files_var)
+
+                    functions --erase (string replace --filter --regex -- '.+/functions/([^/]+)\.fish$' '$1' $$plugin_files_var)
+
+                    for name in (string replace --filter --regex -- '.+/completions/([^/]+)\.fish$' '$1' $$plugin_files_var)
+                        complete --erase --command $name
+                    end
+
+                    set --erase $plugin_files_var
+                end
+            end
+
+            if set --query update_plugins[1] || set --query install_plugins[1]
+                command mkdir -p $fisher_path/{functions,themes,conf.d,completions}
+            end
+
+            for plugin in $update_plugins $install_plugins
+                set --local source $source_plugins[(contains --index -- "$plugin" $fetch_plugins)]
+                set --local files $source/{functions,themes,conf.d,completions}/*
+
+                if set --local index (contains --index -- $plugin $install_plugins)
+                    set --local user_files $fisher_path/{functions,themes,conf.d,completions}/*
+                    set --local conflict_files
+
+                    for file in (string replace -- $source/ $fisher_path/ $files)
+                        contains -- $file $user_files && set --append conflict_files $file
+                    end
+
+                    if set --query conflict_files[1] && set --erase install_plugins[$index]
+                        echo -s "fisher: Cannot install \"$plugin\": please remove or move conflicting files first:" \n"        "$conflict_files >&2
+                        continue
+                    end
+                end
+
+                for file in (string replace -- $source/ "" $files)
+                    command cp -RLf $source/$file $fisher_path/$file
+                end
+
+                set --local plugin_files_var _fisher_(string escape --style=var -- $plugin)_files
+
+                set --query files[1] && set --universal $plugin_files_var (string replace -- $source $fisher_path $files | string replace -- ~ \~)
+
+                contains -- $plugin $_fisher_plugins || set --universal --append _fisher_plugins $plugin
+                contains -- $plugin $install_plugins && set --local event install || set --local event update
+
+                printf "%s\n" Installing\ (set_color --bold)$plugin(set_color normal) "           "$$plugin_files_var | string replace -- \~ ~
+
+                for file in (string match --regex -- '.+/[^/]+\.fish$' $$plugin_files_var | string replace -- \~ ~)
+                    source $file
+                    if set --local name (string replace --regex -- '.+conf\.d/([^/]+)\.fish$' '$1' $file)
+                        emit {$name}_$event
+                    end
+                end
+            end
+
+            command rm -rf $source_plugins
+
+            if set --query _fisher_plugins[1]
+                set --local commit_plugins
+
+                for plugin in $file_plugins
+                    contains -- (string lower -- $plugin) (string lower -- $_fisher_plugins) && set --append commit_plugins $plugin
+                end
+
+                for plugin in $_fisher_plugins
+                    contains -- (string lower -- $plugin) (string lower -- $commit_plugins) || set --append commit_plugins $plugin
+                end
+
+                printf "%s\n" $commit_plugins >$fish_plugins
+            else
+                set --erase _fisher_plugins
+                command rm -f $fish_plugins
+            end
+
+            set --local total (count $install_plugins) (count $update_plugins) (count $remove_plugins)
+
+            test "$total" != "0 0 0" && echo (string join ", " (
+                test $total[1] = 0 || echo "Installed $total[1]") (
+                test $total[2] = 0 || echo "Updated $total[2]") (
+                test $total[3] = 0 || echo "Removed $total[3]")
+            ) plugin/s
+        case \*
+            echo "fisher: Unknown command: \"$cmd\"" >&2 && return 1
+    end
+end
+
+if ! set --query _fisher_upgraded_to_4_4
+    set --universal _fisher_upgraded_to_4_4
+    if functions --query _fisher_list
+        set --query XDG_DATA_HOME[1] || set --local XDG_DATA_HOME ~/.local/share
+        command rm -rf $XDG_DATA_HOME/fisher
+        functions --erase _fisher_{list,plugin_parse}
+        fisher update >/dev/null 2>/dev/null
+    else
+        for var in (set --names | string match --entire --regex '^_fisher_.+_files$')
+            set $var (string replace -- ~ \~ $$var)
+        end
+        functions --erase _fisher_fish_postexec
+    end
+end
diff --git a/hybrid-vertical/.config/fish/tokyonight_day.fish b/hybrid-vertical/.config/fish/tokyonight_day.fish
new file mode 100644
index 000000000..0a73a06a5
--- /dev/null
+++ b/hybrid-vertical/.config/fish/tokyonight_day.fish
@@ -0,0 +1,36 @@
+    # TokyoNight Color Palette
+    set -l foreground 3760bf
+    set -l selection 99a7df
+    set -l comment 848cb5
+    set -l red f52a65
+    set -l orange b15c00
+    set -l yellow 8c6c3e
+    set -l green 587539
+    set -l purple 7847bd
+    set -l cyan 007197
+    set -l pink 9854f1
+
+    # Syntax Highlighting Colors
+    set -g fish_color_normal $foreground
+    set -g fish_color_command $cyan
+    set -g fish_color_keyword $pink
+    set -g fish_color_quote $yellow
+    set -g fish_color_redirection $foreground
+    set -g fish_color_end $orange
+    set -g fish_color_error $red
+    set -g fish_color_param $purple
+    set -g fish_color_comment $comment
+    set -g fish_color_selection --background=$selection
+    set -g fish_color_search_match --background=$selection
+    set -g fish_color_operator $green
+    set -g fish_color_escape $pink
+    set -g fish_color_autosuggestion $comment
+
+    # Completion Pager Colors
+    set -g fish_pager_color_progress $comment
+    set -g fish_pager_color_prefix $cyan
+    set -g fish_pager_color_completion $foreground
+    set -g fish_pager_color_description $comment
+    set -g fish_pager_color_selected_background --background=$selection
+
+  
\ No newline at end of file
diff --git a/hybrid-vertical/.config/fish/tokyonight_moon.fish b/hybrid-vertical/.config/fish/tokyonight_moon.fish
new file mode 100644
index 000000000..2acc461b3
--- /dev/null
+++ b/hybrid-vertical/.config/fish/tokyonight_moon.fish
@@ -0,0 +1,36 @@
+    # TokyoNight Color Palette
+    set -l foreground c8d3f5
+    set -l selection 3654a7
+    set -l comment 7a88cf
+    set -l red ff757f
+    set -l orange ff966c
+    set -l yellow ffc777
+    set -l green c3e88d
+    set -l purple fca7ea
+    set -l cyan 86e1fc
+    set -l pink c099ff
+
+    # Syntax Highlighting Colors
+    set -g fish_color_normal $foreground
+    set -g fish_color_command $cyan
+    set -g fish_color_keyword $pink
+    set -g fish_color_quote $yellow
+    set -g fish_color_redirection $foreground
+    set -g fish_color_end $orange
+    set -g fish_color_error $red
+    set -g fish_color_param $purple
+    set -g fish_color_comment $comment
+    set -g fish_color_selection --background=$selection
+    set -g fish_color_search_match --background=$selection
+    set -g fish_color_operator $green
+    set -g fish_color_escape $pink
+    set -g fish_color_autosuggestion $comment
+
+    # Completion Pager Colors
+    set -g fish_pager_color_progress $comment
+    set -g fish_pager_color_prefix $cyan
+    set -g fish_pager_color_completion $foreground
+    set -g fish_pager_color_description $comment
+    set -g fish_pager_color_selected_background --background=$selection
+
+  
\ No newline at end of file
diff --git a/hybrid-vertical/.config/fish/tokyonight_night.fish b/hybrid-vertical/.config/fish/tokyonight_night.fish
new file mode 100644
index 000000000..58edd99b3
--- /dev/null
+++ b/hybrid-vertical/.config/fish/tokyonight_night.fish
@@ -0,0 +1,36 @@
+    # TokyoNight Color Palette
+    set -l foreground c0caf5
+    set -l selection 33467c
+    set -l comment 565f89
+    set -l red f7768e
+    set -l orange ff9e64
+    set -l yellow e0af68
+    set -l green 9ece6a
+    set -l purple 9d7cd8
+    set -l cyan 7dcfff
+    set -l pink bb9af7
+
+    # Syntax Highlighting Colors
+    set -g fish_color_normal $foreground
+    set -g fish_color_command $cyan
+    set -g fish_color_keyword $pink
+    set -g fish_color_quote $yellow
+    set -g fish_color_redirection $foreground
+    set -g fish_color_end $orange
+    set -g fish_color_error $red
+    set -g fish_color_param $purple
+    set -g fish_color_comment $comment
+    set -g fish_color_selection --background=$selection
+    set -g fish_color_search_match --background=$selection
+    set -g fish_color_operator $green
+    set -g fish_color_escape $pink
+    set -g fish_color_autosuggestion $comment
+
+    # Completion Pager Colors
+    set -g fish_pager_color_progress $comment
+    set -g fish_pager_color_prefix $cyan
+    set -g fish_pager_color_completion $foreground
+    set -g fish_pager_color_description $comment
+    set -g fish_pager_color_selected_background --background=$selection
+
+  
\ No newline at end of file
diff --git a/hybrid-vertical/.config/fish/tokyonight_storm.fish b/hybrid-vertical/.config/fish/tokyonight_storm.fish
new file mode 100644
index 000000000..0fd59a748
--- /dev/null
+++ b/hybrid-vertical/.config/fish/tokyonight_storm.fish
@@ -0,0 +1,36 @@
+    # TokyoNight Color Palette
+    set -l foreground c0caf5
+    set -l selection 364a82
+    set -l comment 565f89
+    set -l red f7768e
+    set -l orange ff9e64
+    set -l yellow e0af68
+    set -l green 9ece6a
+    set -l purple 9d7cd8
+    set -l cyan 7dcfff
+    set -l pink bb9af7
+
+    # Syntax Highlighting Colors
+    set -g fish_color_normal $foreground
+    set -g fish_color_command $cyan
+    set -g fish_color_keyword $pink
+    set -g fish_color_quote $yellow
+    set -g fish_color_redirection $foreground
+    set -g fish_color_end $orange
+    set -g fish_color_error $red
+    set -g fish_color_param $purple
+    set -g fish_color_comment $comment
+    set -g fish_color_selection --background=$selection
+    set -g fish_color_search_match --background=$selection
+    set -g fish_color_operator $green
+    set -g fish_color_escape $pink
+    set -g fish_color_autosuggestion $comment
+
+    # Completion Pager Colors
+    set -g fish_pager_color_progress $comment
+    set -g fish_pager_color_prefix $cyan
+    set -g fish_pager_color_completion $foreground
+    set -g fish_pager_color_description $comment
+    set -g fish_pager_color_selected_background --background=$selection
+
+  
\ No newline at end of file
diff --git a/hybrid-vertical/.config/foot/foot.ini b/hybrid-vertical/.config/foot/foot.ini
new file mode 100755
index 000000000..e4ff60012
--- /dev/null
+++ b/hybrid-vertical/.config/foot/foot.ini
@@ -0,0 +1,320 @@
+# -*- 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=monospace:size=11
+font=JetBrainsMono Nerd Font:size=12
+# 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=30x30                             # optionally append 'center'
+# resize-delay-ms=100
+
+# notify=notify-send -a ${app-id} -i ${app-id} ${title} ${body}
+
+bold-text-in-bright=no
+# bell=none
+# 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=block
+# color=111111 dcdccc
+color=282a36 f8f8f2
+# blink=no
+# beam-thickness=1.5
+# underline-thickness=<font underline thickness>
+
+[mouse]
+# hide-when-typing=no
+# alternate-scroll-mode=yes
+
+#DoomOne Colors
+#[colors]
+#alpha=0.3
+#foreground=bbc2cf
+#background=444444
+#regular0=282c34  # black
+#regular1=ff6c6b  # red
+#regular2=98be65  # green
+#regular3=ecbe7b  # yellow
+#regular4=51afef  # blue
+#regular5=c678dd  # magenta
+#regular6=46d9ff  # cyan
+#regular7=bfbfbf  # white
+#bright0=666666   # bright black
+#bright1=da8548   # bright red
+#bright2=4db5bd   # bright green
+#bright3=ECBE7B   # bright yellow
+#bright4=51afef   # bright blue
+#bright5=c678dd   # bright magenta
+#bright6=46D9FF   # bright cyan
+#bright7=dfdfdf   # bright white
+# 16 = <256-color palette #16>
+# ...
+# 255 = <256-color palette #255>
+# selection-foreground=<inverse foreground/background>
+# selection-background=<inverse foreground/background>
+# jump-labels=<regular0> <regular3>
+# urls=<regular3>
+
+##Dracula Colors
+# [colors]
+# alpha=0.3
+# foreground=f8f8f2
+# background=444444
+# regular0=000000  # black
+# regular1=ff5555  # red
+# regular2=50fa7b  # green
+# regular3=f1fa8c  # yellow
+# regular4=bd93f9  # blue
+# regular5=ff79c6  # magenta
+# regular6=8be9fd  # cyan
+# regular7=bfbfbf  # white
+# bright0=4d4d4d   # bright black
+# bright1=ff6e67   # bright red
+# bright2=5af78e   # bright green
+# bright3=f4f99d   # bright yellow
+# bright4=caa9fa   # bright blue
+# bright5=ff92d0   # bright magenta
+# bright6=9aedfe   # bright cyan
+# bright7=e6e6e6   # bright white
+
+# Catppuccin Colors
+[colors]
+alpha=0.5
+foreground=a9b1d6
+background=1a1b26
+regular0=414868  # black
+regular1=f7768e  # red
+regular2=73daca  # green
+regular3=e0af68  # yellow
+regular4=7aa2f7  # blue
+regular5=bb9af7  # magenta
+regular6=7dcfff  # cyan
+regular7=c0caf5  # white
+bright0=414868  # black
+bright1=f7768e  # red
+bright2=73daca  # green
+bright3=e0af68  # yellow
+bright4=7aa2f7  # blue
+bright5=bb9af7  # magenta
+bright6=7dcfff  # cyan
+bright7=c0caf5  # white
+
+# Ice colors
+# [colors]
+# alpha=0.5
+# foreground=90D1F6
+# background=162546
+# regular0=68ABE3  # black
+# regular1=BB9AF7  # red
+# regular2=90D1F6  # green
+# regular3=90D1F6  # yellow
+# regular4=AED6F7  # blue
+# regular5=AEE5FA  # magenta
+# regular6=DEECF5  # cyan
+# regular7=90D1F6  # white
+# bright0=68ABE3  # black
+# bright1=F7768E  # red
+# bright2=8DB5E3  # green
+# bright3=90D1F6  # yellow
+# bright4=AED6F7  # blue
+# bright5=AEE5FA  # magenta
+# bright6=DEECF5  # cyan
+# bright7=90D1F6  # white
+
+##Lovelace Colors
+# [colors]
+# alpha=0.3
+# foreground=f8f8f2
+# background=444444
+# regular0=282A36  # black
+# regular1=F37F97  # red
+# regular2=5ADECD  # green
+# regular3=F2A272  # yellow
+# regular4=8897F4  # blue
+# regular5=C574DD  # magenta
+# regular6=79E6F3  # cyan
+# regular7=FDFDFD  # white
+#  bright0=414458  # bright black
+#  bright1=FF4971  # bright red
+#  bright2=18E3C8  # bright green
+#  bright3=FF8037  # bright yellow
+#  bright4=556FFF  # bright blue
+#  bright5=B043D1  # bright magenta
+#  bright6=3FDCEE  # bright cyan
+#  bright7=BEBEC1  # bright white
+
+##Amarena Colors
+# [colors]
+# alpha=0.3
+# foreground=FFFFFF
+# background=1A2026
+# regular0=242D35 #black
+# regular1=FB6396 #red
+# regular2=94CF95 #green
+# regular3=F692B2 #yellow
+# regular4=6EC1D6 #blue
+# regular5=CD84C8 #magenta
+# regular6=7FE4D2 #cyan
+# regular7=FFFFFF #white
+#  bright0=526170 #bright black
+#  bright1=F92D72 #bright red
+#  bright2=6CCB6E #bright green
+#  bright3=F26190 #bright yellow
+#  bright4=4CB9D6 #bright blue
+#  bright5=C269BC #bright magenta
+#  bright6=58D6BF #bright cyan
+#  bright7=F4F5F2 #bright white
+  
+#Catpuccin Frappe
+#[colors]
+#    alpha=0.3
+#    foreground=c6d0f5 # Text
+#    background=444444 # Base
+#    regular0=51576d   # Surface 1
+#    regular1=e78284   # red
+#    regular2=a6d189   # green
+#    regular3=e5c890   # yellow
+#    regular4=8caaee   # blue
+#    regular5=f4b8e4   # pink
+#    regular6=81c8be   # teal
+#    regular7=b5bfe2   # Subtext 1
+#    bright0=626880    # Surface 2
+#    bright1=e78284    # red
+#    bright2=a6d189    # green
+#    bright3=e5c890    # yellow
+#    bright4=8caaee    # blue
+#    bright5=f4b8e4    # pink
+#    bright6=81c8be    # teal
+#    bright7=a5adce    # Subtext 0
+
+##Catpuccin Latte
+#[colors]
+#    alpha=0.3
+#    foreground=4c4f69 # Text
+#    background=444444 # Base
+#    regular0=5c5f77   # Subtext 1
+#    regular1=d20f39   # red
+#    regular2=40a02b   # green
+#    regular3=df8e1d   # yellow
+#    regular4=1e66f5   # blue
+#    regular5=ea76cb   # pink
+#    regular6=179299   # teal
+#    regular7=acb0be   # Surface 2
+#    bright0=6c6f85    # Subtext 0
+#    bright1=d20f39    # red
+#    bright2=40a02b    # green
+#    bright3=df8e1d    # yellow
+#    bright4=1e66f5    # blue
+#    bright5=ea76cb    # pink
+#    bright6=179299    # teal
+#    bright7=bcc0cc    # Surface 1
+
+[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=Mod1+BackSpace 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
diff --git a/hybrid-vertical/.config/gtklock/background.jpg b/hybrid-vertical/.config/gtklock/background.jpg
new file mode 100644
index 000000000..0baf605b1
Binary files /dev/null and b/hybrid-vertical/.config/gtklock/background.jpg differ
diff --git a/hybrid-vertical/.config/gtklock/config.ini b/hybrid-vertical/.config/gtklock/config.ini
new file mode 100644
index 000000000..9369e4131
--- /dev/null
+++ b/hybrid-vertical/.config/gtklock/config.ini
@@ -0,0 +1,3 @@
+[main]
+gtk-theme=Tokyonight-Dark-BL-LB
+modules=/usr/lib/gtklock/userinfo-module.so;/usr/lib/gtklock/powerbar-module.so;/usr/lib/gtklock/playerctl-module.so
\ No newline at end of file
diff --git a/hybrid-vertical/.config/gtklock/style.css b/hybrid-vertical/.config/gtklock/style.css
new file mode 100644
index 000000000..f4910162d
--- /dev/null
+++ b/hybrid-vertical/.config/gtklock/style.css
@@ -0,0 +1,96 @@
+* {
+    border: 0px;
+}
+
+window {
+    /* background: transparent; */
+    background-color: #1A1B26;
+    background-image: url("background.jpg");
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center;
+}
+
+#window-box {
+    /* background-color: #1A1B26; */
+    border-radius: 1.5rem;
+    padding: 1.5rem;
+    /* border: 4px solid #7E64C5; */
+    border: 0px solid black;
+}
+
+#input-label {
+    font-size: 1.5rem;
+    color: transparent;
+    background-color: transparent;
+    margin: -20rem;
+    border: 0px solid black;
+}
+
+#input-field {
+    background-color: rgba(26, 27, 38, 1);
+    border-radius: 1.2rem;
+    font-size: 1.4rem;
+    padding: 0.5rem;
+    padding-left: 0.7rem;
+    margin: 0.6rem;
+}
+
+#unlock-button {
+    margin: -20rem;
+    color: transparent;
+    background-color: transparent;
+}
+
+#error-label {
+    color: #F38BA8;
+}
+
+/* #clock-label {
+    font-family: Gabarito;
+    font-size: 3.5rem;
+    color: transparent;
+    border-radius: 9999px;
+    min-height: 150px;
+    min-width: 150px;
+    background-image: url('/var/lib/AccountsService/icons/end');
+    background-size: 100% auto;
+    box-shadow: 2px 2px 4px #16161E;
+} */
+
+#clock-label {
+    font-family: 'Gabarito';
+    font-size: 6rem;
+    /* background-color: rgba(26, 27, 38, 1); */
+    border-radius: 1.2rem;
+    padding: 0.5rem;
+    padding-left: 0.7rem;
+    margin: 0.6rem;
+    margin-top: -40rem;
+    /* border: 0.2rem solid #7E64C5; */
+    color: #a2d5f8;
+    text-shadow: 2px 2px 4px #16161E;
+}
+
+#user-image {
+    /* min-width: 200px;
+    min-height: 200px; */
+}
+
+#powerbar-box {
+    border-radius: 9999px;
+    background-color: rgba(26, 27, 38, 1);
+    padding: 0.3rem;
+}
+#poweroff-button {
+    min-width: 2rem;
+    min-height: 2rem;
+}
+#suspend-button {
+    min-width: 2rem;
+    min-height: 2rem;
+}
+#reboot-button {
+    min-width: 2rem;
+    min-height: 2rem;
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/hypr/colors.conf b/hybrid-vertical/.config/hypr/colors.conf
new file mode 100755
index 000000000..9385950b1
--- /dev/null
+++ b/hybrid-vertical/.config/hypr/colors.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(60C4F1FF) rgba(9F9BABFF) rgba(A2AECFFF) 45deg
+    col.inactive_border = rgba(60C4F166)
+}
diff --git a/hybrid-vertical/.config/hypr/colors_default.conf b/hybrid-vertical/.config/hypr/colors_default.conf
new file mode 100755
index 000000000..09e7115b6
--- /dev/null
+++ b/hybrid-vertical/.config/hypr/colors_default.conf
@@ -0,0 +1,4 @@
+general {
+    col.active_border = rgba(0DB7D4FF) rgba(7AA2F7FF) rgba(9778D0FF) 45deg
+    col.inactive_border = rgba(04404aaa)
+}
diff --git a/hybrid-vertical/.config/hypr/env.conf b/hybrid-vertical/.config/hypr/env.conf
new file mode 100755
index 000000000..44fce7445
--- /dev/null
+++ b/hybrid-vertical/.config/hypr/env.conf
@@ -0,0 +1,5 @@
+env = XMODIFIERS, @im, ibus
+env = GTK_IM_MODULE, ibus
+env = QT_IM_MODULE, ibus
+env = QT_QPA_PLATFORMTHEME, qt5ct
+env = WLR_NO_HARDWARE_CURSORS, 1
diff --git a/hybrid-vertical/.config/hypr/execs.conf b/hybrid-vertical/.config/hypr/execs.conf
new file mode 100755
index 000000000..cc72a02a9
--- /dev/null
+++ b/hybrid-vertical/.config/hypr/execs.conf
@@ -0,0 +1,29 @@
+# Wallpaper
+exec-once = swaybg -i ~/.config/eww/images/wallpaper/wallpaper
+
+# Status bar
+#exec-once = waybar
+exec-once = eww daemon && eww open bar
+exec-once = ~/.config/eww/scripts/get_open_icons &
+#exec-once = eww daemon && eww open winbar &
+
+# Language Switch
+exec-once = ibus-daemon --xim -d -r
+exec-once = ibus engine xkb:us::eng
+
+# Core components (authentication, lock screen, notification daemon)
+exec-once = dbus-update-activation-environment --all
+exec-once = /usr/bin/gnome-keyring-daemon --start --components=secrets
+exec-once = /usr/lib/polkit-gnome/polkit-gnome-authentication-agent-1 &
+exec-once = dunst &
+exec-once = swayidle -w timeout 300 '$HOME/.local/bin/lock.sh' before-sleep '$HOME/.local/bin/lock.sh' &
+exec-once = swayidle -w timeout 450 'systemctl suspend'
+
+# Clipboard history
+exec-once = wl-paste --watch cliphist store
+
+# Cursor and Touchpad gestures
+exec-once = hyprctl setcursor Bibata-Modern-Classic 24
+
+# Sleep
+exec-once = sleep 1 && dbus-update-activation-environment --systemd WAYLAND_DISPLAY XDG_CURRENT_DESKTOP
diff --git a/hybrid-vertical/.config/hypr/hypr.conf b/hybrid-vertical/.config/hypr/hypr.conf
new file mode 100755
index 000000000..9e8af1936
--- /dev/null
+++ b/hybrid-vertical/.config/hypr/hypr.conf
@@ -0,0 +1,148 @@
+###################################################
+#    This is the config for Hypr, not Hyprland!   #
+#       that abandoned Xorg window manager..      #
+###################################################
+
+gaps_in=4
+border_size=3
+gaps_out=8
+rounding=17
+max_fps=60 # max fps for updates of config & animations
+focus_when_hover=1 # 0 - do not switch the focus when hover (only for tiling)
+main_mod=SUPER # For moving, resizing
+intelligent_transients=1 # keeps transients always on top.
+no_unmap_saving=1 # disables saving unmapped windows (seems to break sometimes)
+scratchpad_mon=0 # self-explanatory # no its not
+
+# Execs
+exec-once=nitrogen --set-centered ~/.config/eww/images/wallpaper/wallpaper
+exec-once=/usr/bin/gnome-keyring-daemon --start --components=secrets
+exec-once=/usr/libexec/polkit-gnome-authentication-agent-1 &
+exec-once=ibus-daemon --xim -d -r
+exec-once=picom
+#exec-once=ibus-daemon &
+exec-once=ibus engine Bamboo::Us
+bind=SUPERSHIFT,V,exec,ibus engine Bamboo::Us
+bind=SUPERSHIFT,E,exec,ibus engine xkb:us::eng
+
+# Layout
+layout=0 # 0 - dwindle (default), 1 - master
+layout {
+    no_gaps_when_only=0 # disables gaps and borders when only window on screen
+}
+
+# Bar config
+Bar {
+    height=20
+    monitor=0
+    enabled=1
+    mod_pad_in=8
+    no_tray_saving=1 # using this doesnt save the tray between reloads but fixes an issue with the bar disappearing.
+
+    font.main=Noto Sans
+    font.secondary=Noto Sans
+
+    col.bg=0xff111111
+    col.high=0xffff3333
+
+    module=left,X,0xff8000ff,0xffffffff,1,workspaces
+    module=pad,left,10
+    module=left,,0xff7000dd,0xff7000dd,1,tray
+    module=right,X,0xffffffff,0xff00ff33,1000,$date +%a,\ %b\ %Y\ \ %I:%M\ %p$
+}
+
+# colors
+col.active_border=0xff7348e0
+col.inactive_border=0x77222222
+
+# status command
+# deprecated
+# status_command=date +%a,\ %b\ %Y\ \ %I:%M\ %p
+#
+
+# animations
+Animations {
+    enabled=1
+    speed=8
+    window_resize_speed=1
+    cheap=1 # highly recommended
+    borders=1
+    workspaces=1
+}
+
+# example window rules, more in the wiki
+
+# windowrule=float,class:krunner
+# windowrule=float,role:pop-up
+# windowrule=float,role:task_dialog
+# windowrule=monitor 0,class:krunner
+# windowrule=size 500 50,class:krunner
+# windowrule=move 700 500,class:krunner
+# windowrule=pseudo,class:discord
+
+# keybinds
+bind=CTRLALT,119,exec,kill Xorg
+bind=SUPER,R,exec,dmenu_run
+bind=SUPER,T,exec,kitty fish
+# bind=SUPER,W,exec,microsoft-edge --password-store=gnome --enable-features=UseOzonePlatform --gtk-version=4
+bind=SUPER,W,exec,firefox
+bind=SUPER,A,exec,rofi -show drun
+bind=SUPER,ESCAPE,exec,kitty btop
+bind=SUPER,E,exec,nautilus --new-window
+bind=SUPER,G,exec,gnome-text-editor --new-window
+
+bind=SUPER,Q,killactive,
+
+bind=SUPERSHIFT,LEFT,movewindow,l
+bind=SUPERSHIFT,RIGHT,movewindow,r
+bind=SUPERSHIFT,UP,movewindow,u
+bind=SUPERSHIFT,DOWN,movewindow,d
+
+bind=SUPER,LEFT,movefocus,l
+bind=SUPER,RIGHT,movefocus,r
+bind=SUPER,UP,movefocus,u
+bind=SUPER,DOWN,movefocus,d
+
+bind=SUPER,F,fullscreen,
+
+bind=SUPER,1,workspace,1
+bind=SUPER,2,workspace,2
+bind=SUPER,3,workspace,3
+bind=SUPER,4,workspace,4
+bind=SUPER,5,workspace,5
+bind=SUPER,6,workspace,6
+bind=SUPER,7,workspace,7
+bind=SUPER,8,workspace,8
+bind=SUPER,9,workspace,9
+bind=SUPER,0,workspace,10
+
+bind=CTRLSUPER,left,lastworkspace,-
+bind=CTRLSUPER,right,nextworkspace,+
+bind=CTRLSUPER,Prior,lastworkspace,-
+bind=CTRLSUPER,Next,nextworkspace,+
+bind=SUPER,Prior,lastworkspace,-
+bind=SUPER,Next,nextworkspace,+
+bind=CTRLSUPER,H,lastworkspace,
+bind=CTRLSUPER,L,nextworkspace,
+
+bind=CTRLSUPERSHIFT,left,movetorelativeworkspace,-
+bind=CTRLSUPERSHIFT,right,movetorelativeworkspace,+
+
+bind=SUPERALT,1,movetoworkspace,1
+bind=SUPERALT,2,movetoworkspace,2
+bind=SUPERALT,3,movetoworkspace,3
+bind=SUPERALT,4,movetoworkspace,4
+bind=SUPERALT,5,movetoworkspace,5
+bind=SUPERALT,6,movetoworkspace,6
+bind=SUPERALT,7,movetoworkspace,7
+bind=SUPERALT,8,movetoworkspace,8
+bind=SUPERALT,9,movetoworkspace,9
+bind=SUPERALT,0,movetoworkspace,10
+
+bind=SUPERSHIFT,S,movetoworkspace,scratchpad
+bind=SUPER,S,scratchpad,
+
+bind=SUPERALT,SPACE,togglefloating,
+
+bind=SUPER,equal,splitratio,+0.15
+bind=SUPER,minus,splitratio,-0.15
diff --git a/hybrid-vertical/.config/hypr/hyprland.conf b/hybrid-vertical/.config/hypr/hyprland.conf
new file mode 100755
index 000000000..864f364d4
--- /dev/null
+++ b/hybrid-vertical/.config/hypr/hyprland.conf
@@ -0,0 +1,193 @@
+# This file contains general customization options 
+# For Environment variables see env.conf
+# For Keybinds variables see keybinds.conf 
+# For Auto-run stuff see execs.conf
+#autogenerated = 1
+
+# I haven't updated yet but prepared
+# source=~/.config/hypr/env.conf
+
+# Monitor: reserve space for eww bar
+monitor=eDP-1,1920x1080@60,0x0,1
+monitor=eDP-1, addreserved, 1, 1, 61, 1
+monitor=HDMI-A-1,1920x1080@60,1920x0,1,mirror,eDP-1
+
+#################### Core components (authentication, idle daemon and stuff) ##############
+source=~/.config/hypr/execs.conf
+
+############################# Keybinds ############################
+source=~/.config/hypr/keybinds.conf
+
+############################## Input ##############################
+input {
+    # Mouse
+    # accel_profile = adaptive
+    force_no_accel = false
+    #sensitivity = 0
+    # osu
+    # force_no_accel = true
+    # sensitivity = -0.23 
+
+    # Keyboard
+    kb_layout = us
+    follow_mouse = 1
+    numlock_by_default = true
+
+    touchpad {
+        natural_scroll = yes
+        disable_while_typing = true
+        clickfinger_behavior = true
+        scroll_factor = 0.7
+    }
+    scroll_method = 2fg
+}
+gestures {
+    # See https://wiki.hyprland.org/Configuring/Variables/ for more
+    workspace_swipe = true
+    workspace_swipe_distance = 1000px
+    workspace_swipe_fingers = 4
+    workspace_swipe_cancel_ratio = 0.05
+    workspace_swipe_min_speed_to_force = 5
+    workspace_swipe_create_new = true
+}
+
+general {
+    # Gaps and border
+    gaps_in = 4
+    gaps_out = 7
+    border_size = 2
+    
+    # Fallback colors
+    col.active_border = rgba(0DB7D4FF) rgba(7AA2F7FF) rgba(9778D0FF) 45deg
+    col.inactive_border = rgba(04404aaa)
+
+    # Functionality
+    # resize_on_border = true
+    layout = dwindle
+}
+
+
+decoration {
+	# Blur rules
+	# blurls=gtk-layer-shell
+	rounding = 17
+    
+    # Blur
+    blur = yes
+    blur_size = 7
+    blur_passes = 4
+    blur_new_optimizations = on
+    blur_ignore_opacity = false
+    #blur_xray = true
+    # Shadow
+    drop_shadow = no
+    shadow_range = 30
+    shadow_render_power = 3
+    col.shadow = rgba(01010166)
+    
+    # Opacity
+    	
+    
+    # Shader
+    # screen_shader = ~/.config/hypr/shaders/nothing.frag
+    
+    # Dim
+    dim_inactive = false
+    dim_strength = 0.1
+    dim_special = 0
+}
+
+animations {
+    enabled = yes
+    # Animation curves
+    
+    bezier = md3_standard, 0.2, 0.0, 0, 1.0
+    bezier = md3_decel, 0.05, 0.7, 0.1, 1
+    bezier = md3_accel, 0.3, 0, 0.8, 0.15
+    bezier = overshot, 0.05, 0.9, 0.1, 1.05
+    bezier = hyprnostretch, 0.05, 0.9, 0.1, 1.0
+    bezier = win10, 0, 0, 0, 1
+    bezier = gnome, 0, 0.85, 0.3, 1
+    bezier = funky, 0.46, 0.35, -0.2, 1.2
+    # Animation configs
+    animation = windows, 1, 2, md3_decel, slide
+    animation = border, 1, 10, default
+    animation = fade, 1, 0.0000001, default
+    animation = workspaces, 1, 4, md3_decel, slidevert
+}
+
+misc {
+    vfr = 1
+    vrr = 0
+    focus_on_activate = true
+	animate_manual_resizes = true
+	animate_mouse_windowdragging = true
+	#suppress_portal_warnings = true
+	enable_swallow = true
+}
+debug {
+	#overlay = true
+}
+dwindle {
+	preserve_split = true # you probably want this
+	#no_gaps_when_only = true
+}
+
+decoration {
+  #screen_shader = ~/.config/hypr/shaders/drugs.frag
+  #screen_shader = ~/.config/hypr/shaders/crt.frag
+}
+debug {
+  #damage_tracking=0
+}
+
+# Efficiency
+#general {
+#	gaps_in = 0
+#    gaps_out = 0
+#	border_size = 2
+#}
+#decoration {
+#	rounding = 0
+#}
+#monitor=eDP-1, addreserved, 32, 0, 0, 0
+
+######## Window rules ########
+#windowrule = float, ^(firefox)$
+windowrule = float, ^(steam)$
+windowrule = float, ^(guifetch)$
+
+#windowrule = opacity 0.9 override 0.9 override, ^(firefox)$
+# Dialogs
+windowrule=float,title:^(Open File)(.*)$
+windowrule=float,title:^(Open Folder)(.*)$
+windowrule=float,title:^(Save As)(.*)$
+windowrule=float,title:^(Library)(.*)$ 
+windowrulev2 = float, class:^com.github.hluk.copyq$
+
+windowrulev2 = rounding 10, floating:1
+######## Layer rules ########
+layerrule = blur, gtk-layer-shell
+layerrule = ignorezero, gtk-layer-shell
+layerrule = blur, notifications
+layerrule = ignorezero, notifications
+layerrule = blur, waybar
+layerrule = ignorezero, waybar
+
+plugin {
+    hyprbars {
+        bar_color = rgba(090727FF)
+        bar_height = 20
+        bar_text_size = 10
+        bar_text_color = rgba(7775D0FF)
+    }
+    borders-plus-plus {
+        add_borders = 2 # 0 - 2
+        col.border_1 = rgb(82E6F5) # example col for border 1
+        col.border_2 = rgb(2222ff) # example col for border 2
+    }
+}
+
+
+# Dynamic colors are written here
+source=~/.config/hypr/colors.conf
diff --git a/hybrid-vertical/.config/hypr/keybinds.conf b/hybrid-vertical/.config/hypr/keybinds.conf
new file mode 100755
index 000000000..2d761ba00
--- /dev/null
+++ b/hybrid-vertical/.config/hypr/keybinds.conf
@@ -0,0 +1,198 @@
+########################## Language ############################
+bind = SUPERSHIFT, V, exec, ibus engine Bamboo::Us
+bind = SUPERSHIFT, E, exec, ibus engine xkb:us::eng
+
+#################### It just works™ keybinds ###################
+# Volume
+bindl = ,XF86AudioMute, exec, pactl set-sink-mute @DEFAULT_SINK@ toggle
+bindle=, XF86AudioRaiseVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%+
+bindle=, XF86AudioLowerVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%-
+bindle = , XF86AudioRaiseVolume, exec, ~/.config/eww/scripts/volume osd &
+bindle = , XF86AudioLowerVolume, exec, ~/.config/eww/scripts/volume osd &
+bindl = , XF86AudioMute, exec, ~/.config/eww/scripts/volume osd &
+
+# Brightness
+bindle=, XF86MonBrightnessUp, exec, light -A 3 && ~/.config/eww/scripts/brightness osd &
+bindle=, XF86MonBrightnessDown, exec, light -U 3 && ~/.config/eww/scripts/brightness osd &
+
+######################################## Keybinds ########################################
+# Apps: just normal apps
+bind = SUPER, C, exec, code --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland
+bind = CONTROLSHIFTALT, Y, exec, yuzu
+bind = SUPER, T, exec, foot --override shell=fish
+bind = SUPERALT, T, exec, wezterm
+bind = SUPER, Return, exec, kitty
+bind = SUPER, E, exec, nautilus --new-window
+bind = SUPER, W, exec, firefox
+bind = CONTROLSUPERALT, E, exec, /usr/bin/microsoft-edge-stable --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland --gtk-version=4
+bind = SUPER, X, exec, gnome-text-editor --new-window
+bind = SUPERSHIFT, W, exec, wps
+
+#Apps: Settings and config
+bind = SUPER, I, exec, gnome-control-center
+bind = CONTROLSUPER, V, exec, pavucontrol 
+bind = CONTROLSHIFT, Escape, exec, gnome-system-monitor
+bind = CONTROLALTSHIFT, Escape, exec, foot -T 'btop' btop
+bind = SUPERSHIFT, I, exec, ~/.local/bin/guifetch
+
+
+# Actions 
+bind = SUPERSHIFT, Period, exec, pkill wofi || wofi-emoji
+bind = SUPER, Period, exec, pkill fuzzel || ~/.local/bin/fuzzel-emoji
+bind = SUPER, Q, killactive,
+bind = SUPERALT, Space, togglefloating, 
+bind = SHIFTSUPERALT, Q, exec, hyprctl kill
+bind = CONTROLALT, Delete, exec, pkill wlogout || wlogout -p layer-shell
+bind = CONTROLSHIFTALTSUPER, Delete, exec, systemctl poweroff
+
+# Screenshot, Record, OCR (Optical Character Recognition), Color picker, Clipboard history
+bind = SUPERSHIFT, D, exec,~/.local/bin/rubyshot | wl-copy
+bind = SUPERSHIFTALT, S, exec, grim -g "$(slurp)" - | swappy -f -
+bindl =,Print,exec,grim - | wl-copy
+bind = SUPERSHIFT, S, exec, grim -g "$(slurp)" - | wl-copy
+bind = SUPERALT, R, exec, ~/.local/bin/record-script.sh
+bind = CONTROLALT, R, exec, ~/.local/bin/record-script.sh --sound
+bind = SUPERSHIFTALT, R, exec, ~/.local/bin/record-script-fullscreen.sh
+bind = CONTROLSUPERSHIFT,S,exec,grim -g "$(slurp)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+bind = SUPERSHIFT,T,exec,grim -g "$(slurp)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+bind = SUPERSHIFT, C, exec, hyprpicker -a
+bind = SUPER, B, exec, copyq menu 
+bind = SUPER, V, exec, pkill fuzzel || cliphist list | fuzzel --no-fuzzy --icon-theme=candy-icons --background-color=1D1D27ee --text-color=cdd6f4ff --match-color=AC16C7FF --border-width=3 --border-radius=10 --border-color=8701E7FF	 --selection-color=585b70ff --selection-text-color=cdd6f4ff --selection-match-color=AC16C7FF --font="Rubik"  --prompt="   " --dmenu | cliphist decode | wl-copy
+# Media
+bind = SUPERSHIFT, N, exec, playerctl next || playerctl position `bc <<< "100 * $(playerctl metadata mpris:length) / 1000000 / 100"`
+bind = SUPERSHIFT, B, exec, playerctl previous
+bind = SUPERSHIFT, P, exec, playerctl play-pause
+#Lock screen  |  blur: --effect-blur=20x20
+bind = SUPER, L, exec, ~/.local/bin/lock.sh
+bind = SUPERSHIFT, L, exec, ~/.local/bin/lock.sh
+bindl = SUPERSHIFT, L, exec, sleep 0.1 && systemctl suspend
+# App launcher
+bindr = SUPER, SUPER_L, exec, ~/.config/eww/scripts/toggle-overview.sh --keypress &
+bind = SUPER, Slash, exec, pkill fuzzel || fuzzel --icon-theme=candy-icons --background-color=1D1D27ee --text-color=cdd6f4ff --match-color=AC16C7FF --border-width=3 --border-radius=10 --border-color=8701E7FF	 --selection-color=585b70ff --selection-text-color=cdd6f4ff --selection-match-color=AC16C7FF --font="Rubik"  --prompt="    "
+#bindr = SUPER, SUPER_L, exec, pkill rofi || rofi -show drun
+
+################################# eww keybinds ################################
+bindr = CONTROLSUPER, R, exec, pkill eww && eww daemon && eww open bar && eww open bg-decor &
+bind = SUPER, Tab, exec, ~/.config/eww/scripts/toggle-overview.sh &
+bind = SUPER, O, exec, ~/.config/eww/scripts/toggle-osettings.sh --keypress &
+bind = CONTROLSUPER, O, exec, ~/.config/eww/scripts/toggle-osettings.sh --keypress &
+bind = SUPER, M, exec, ~/.config/eww/scripts/toggle-bottombar.sh &
+bind = SUPER, N, exec, ~/.config/eww/scripts/toggle-onotify.sh --keypress &
+bind = SUPER, Comma, exec, ~/.config/eww/scripts/toggle-themer.sh &
+bind = SUPER, D, exec, ~/.config/eww/scripts/toggle-dash.sh --keypress &
+bind = SUPER, A, exec, ~/.config/eww/scripts/toggle-dashfs.sh &
+bind = SUPER, G, exec, ~/.config/eww/scripts/toggle-wingamebar.sh &
+
+bind = CONTROLSUPER, Tab, exec, ~/.config/eww/scripts/toggle-compactmode.sh &
+bind = SUPERALT, W, exec, ~/.config/eww/scripts/toggle-winmode.sh &
+
+############################ Keybinds for Hyprland ############################
+# Swap windows
+bind=SUPERSHIFT,left,movewindow,l
+bind=SUPERSHIFT,right,movewindow,r
+bind=SUPERSHIFT,up,movewindow,u
+bind=SUPERSHIFT,down,movewindow,d
+# Move focus
+bind = SUPER, left, movefocus, l
+bind = SUPER, right, movefocus, r
+bind = SUPER, up, movefocus, u
+bind = SUPER, down, movefocus, d
+bind = SUPER, BracketLeft, movefocus, l
+bind = SUPER, BracketRight, movefocus, r
+# Window title
+bind = SUPER, left, exec, eww update rev_center_ws=false
+bind = SUPER, right, exec, eww update rev_center_ws=false
+bind = SUPER, up, exec, eww update rev_center_ws=false
+bind = SUPER, down, exec, eww update rev_center_ws=false
+bind = SUPER, BracketLeft, exec, eww update rev_center_ws=false
+bind = SUPER, BracketRight, exec, eww update rev_center_ws=false
+bind = ALT, Tab, exec, eww update rev_center_ws=false
+
+# Workspace, window, tab switch with keyboard
+bind = CONTROLSUPER, right, workspace, +1
+bind = CONTROLSUPER, left, workspace, -1
+bind = CONTROLSUPER, BracketLeft, workspace, -1
+bind = CONTROLSUPER, BracketRight, workspace, +1
+bind = CONTROLSUPER, up, workspace, -1
+bind = CONTROLSUPER, down, workspace, +1
+bind = SUPER, Page_Down, workspace, +1
+bind = SUPER, Page_Up, workspace, -1
+bind = CONTROLSUPER, Page_Down, workspace, +1
+bind = CONTROLSUPER, Page_Up, workspace, -1
+bind = SUPERSHIFT, Page_Down, movetoworkspace, +1
+bind = SUPERSHIFT, Page_Up, movetoworkspace, -1
+bind = CONTROLSUPERSHIFT, Right, movetoworkspace, +1
+bind = CONTROLSUPERSHIFT, Left, movetoworkspace, -1
+bind = SUPERSHIFT, mouse_down, movetoworkspace, -1
+bind = SUPERSHIFT, mouse_up, movetoworkspace, +1
+
+# Show workspaces module
+bind = CONTROLSUPER, right, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, left, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, BracketLeft, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, BracketRight, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, down, exec, eww update rev_center_ws=true
+bind = SUPER, Page_Down, exec, eww update rev_center_ws=true
+bind = SUPER, Page_Up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, Page_Down, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, Page_Up, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, Page_Down, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, Page_Up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPERSHIFT, Right, exec, eww update rev_center_ws=true
+bind = CONTROLSUPERSHIFT, Left, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, mouse_down, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, mouse_up, exec, eww update rev_center_ws=true
+
+# Window split ratio
+binde = SUPER, Minus, splitratio, -0.1
+binde = SUPER, Equal, splitratio, 0.1
+binde = SUPER, Semicolon, splitratio, -0.1
+binde = SUPER, Apostrophe, splitratio, 0.1
+# Fullscreen
+bind = SUPER, F, fullscreen
+# Switching
+bind = SUPER, 1, workspace, 1
+bind = SUPER, 2, workspace, 2
+bind = SUPER, 3, workspace, 3
+bind = SUPER, 4, workspace, 4
+bind = SUPER, 5, workspace, 5
+bind = SUPER, 6, workspace, 6
+bind = SUPER, 7, workspace, 7
+bind = SUPER, 8, workspace, 8
+bind = SUPER, 9, workspace, 9
+bind = SUPER, 0, workspace, 10
+bind = SUPER, S, togglespecialworkspace,
+bind = CONTROLSUPER, S, togglespecialworkspace,
+bind = ALT, Tab, cyclenext # Why is this even here?
+bind = ALT, Tab, bringactivetotop,   # bring it to the top
+# Move window to workspace Super + Alt + [0-9]
+bind = SUPER ALT, 1, movetoworkspacesilent, 1
+bind = SUPER ALT, 2, movetoworkspacesilent, 2
+bind = SUPER ALT, 3, movetoworkspacesilent, 3
+bind = SUPER ALT, 4, movetoworkspacesilent, 4
+bind = SUPER ALT, 5, movetoworkspacesilent, 5
+bind = SUPER ALT, 6, movetoworkspacesilent, 6
+bind = SUPER ALT, 7, movetoworkspacesilent, 7
+bind = SUPER ALT, 8, movetoworkspacesilent, 8
+bind = SUPER ALT, 9, movetoworkspacesilent, 9
+bind = SUPER ALT, 0, movetoworkspacesilent, 10
+bind = SUPERALT, S, movetoworkspacesilent, special
+# Scroll through existing workspaces with (Control) + Super + scroll
+bind = SUPER, mouse_up, workspace, +1
+bind = SUPER, mouse_down, workspace, -1
+bind = CONTROLSUPER, mouse_up, workspace, +1
+bind = CONTROLSUPER, mouse_down, workspace, -1
+# Move/resize windows with Super + LMB/RMB and dragging
+bindm = SUPER, mouse:272, movewindow
+bindm = SUPER, mouse:273, resizewindow
+bindm = SUPER, mouse:274, movewindow
+bindm = SUPER, Z, movewindow
+bind = CONTROLSUPER, Backslash, resizeactive, exact 640 480
+
+# trying vim-like stuff
+binde = SUPER_ALT, I, exec, wtype -k Up
+binde = SUPER_ALT, K, exec, wtype -P Down
+binde = SUPER_ALT, J, exec, wtype -P Left
+binde = SUPER_ALT, L, exec, wtype -P Right
+
diff --git a/hybrid-vertical/.config/hypr/shaders/bluefilter.frag b/hybrid-vertical/.config/hypr/shaders/bluefilter.frag
new file mode 100755
index 000000000..5469af9c6
--- /dev/null
+++ b/hybrid-vertical/.config/hypr/shaders/bluefilter.frag
@@ -0,0 +1,20 @@
+// vim: set ft=glsl:
+// blue light filter shader
+// values from https://reshade.me/forum/shader-discussion/3673-blue-light-filter-similar-to-f-lux
+
+precision mediump float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+
+void main() {
+
+    vec4 pixColor = texture2D(tex, v_texcoord);
+
+    // green
+    pixColor[1] *= 0.855;
+
+    // blue
+    pixColor[2] *= 0.725;
+
+    gl_FragColor = pixColor;
+}
diff --git a/hybrid-vertical/.config/hypr/shaders/crt.frag b/hybrid-vertical/.config/hypr/shaders/crt.frag
new file mode 100644
index 000000000..a37ff9fb2
--- /dev/null
+++ b/hybrid-vertical/.config/hypr/shaders/crt.frag
@@ -0,0 +1,511 @@
+#version 100
+precision highp float;
+varying highp vec2 v_texcoord;
+varying highp vec3 v_pos;
+uniform highp sampler2D tex;
+uniform lowp float time;
+
+#define BORDER_COLOR vec4(vec3(0.0, 0.0, 0.0), 1.0) // black border
+#define BORDER_RADIUS 1.0 // larger vignette radius
+#define BORDER_SIZE 0.01 // small border size
+#define CHROMATIC_ABERRATION_STRENGTH 0.00
+#define DENOISE_INTENSITY 0.0001 //
+#define DISTORTION_AMOUNT 0.00 // moderate distortion amount
+#define HDR_BLOOM 0.75 // bloom intensity
+#define HDR_BRIGHTNESS 0.011 // brightness
+#define HDR_CONTRAST 0.011 // contrast
+#define HDR_SATURATION 1.0// saturation
+#define LENS_DISTORTION_AMOUNT 0.0
+#define NOISE_THRESHOLD 0.0001
+#define PHOSPHOR_BLUR_AMOUNT 0.77 // Amount of blur for phosphor glow
+#define PHOSPHOR_GLOW_AMOUNT 0.77 // Amount of phosphor glow
+#define SAMPLING_RADIUS 0.0001
+#define SCANLINE_FREQUENCY 540.0
+#define SCANLINE_THICKNESS 0.0507
+#define SCANLINE_TIME time * 471.24
+#define SHARPNESS 0.25
+#define SUPERSAMPLING_SAMPLES 16.0
+#define VIGNETTE_RADIUS 0.0 // larger vignette radius
+#define PI 3.14159265359
+#define TWOPI 6.28318530718
+
+vec2 applyBarrelDistortion(vec2 coord, float amt) {
+    vec2 p = coord.xy / vec2(1.0);
+    vec2 v = p * 2.0 - vec2(1.0);
+    float r = dot(v, v);
+    float k = 1.0 + pow(r, 2.0) * pow(amt, 2.0);
+    vec2 result = v * k;
+    return vec2(0.5, 0.5) + 0.5 * result.xy;
+}
+
+vec4 applyColorCorrection(vec4 color) {
+    color.rgb *= vec3(1.0, 0.79, 0.89);
+    return vec4(color.rgb, 1.0);
+}
+
+vec4 applyBorder(vec2 tc, vec4 color, float borderSize, vec4 borderColor) {
+    float dist_x = min(tc.x, 1.0 - tc.x);
+    float dist_y = min(tc.y, 1.0 - tc.y);
+    float dist = min(dist_x, dist_y) * -1.0;
+    float border = smoothstep(borderSize, 0.0, dist);
+    border += smoothstep(borderSize, 0.0, dist);
+    return mix(color, borderColor, border);
+}
+
+vec4 applyFakeHDR(vec4 color, float brightness, float contrast, float saturation, float bloom) {
+    color.rgb = (color.rgb - vec3(0.5)) * exp2(brightness) + vec3(0.5);
+    vec3 crtfactor = vec3(1.05, 0.92, 1.0);
+    color.rgb = pow(color.rgb, crtfactor);
+    // // NTSC
+    // vec3 lumCoeff = vec3(0.2125, 0.7154, 0.0721);
+
+    // // BT.709
+    // vec3 lumCoeff = vec3(0.299, 0.587, 0.114);
+
+    // BT.2020
+    vec3 lumCoeff = vec3(0.2627, 0.6780, 0.0593);
+
+    // // Warm NTSC
+    // vec3 lumCoeff = vec3(0.2125, 0.7010, 0.0865);
+
+    float luminance = dot(color.rgb, lumCoeff);
+    luminance = pow(luminance, 2.2);
+    color.rgb = mix(vec3(luminance), color.rgb, saturation);
+    color.rgb = mix(color.rgb, vec3(1.0), pow(max(0.0, luminance - 1.0 + bloom), 4.0));
+    return color;
+}
+
+vec4 applyVignette(vec4 color) {
+    vec2 center = vec2(0.5, 0.5); // center of screen
+    float radius = VIGNETTE_RADIUS; // radius of vignette effect
+    float softness = 1.0; // softness of vignette effect
+    float intensity = 0.7; // intensity of vignette effect
+    vec2 offset = v_texcoord - center; // offset from center of screen
+    float distance = length(offset); // distance from center of screen
+    float alpha = smoothstep(radius, radius - radius * softness, distance) * intensity; // calculate alpha value for vignette effect
+    return mix(vec4(0.0, 0.0, 0.0, alpha), color, alpha); // mix black with color using calculated alpha value
+}
+
+vec4 applyPhosphorGlow(vec2 tc, vec4 color, sampler2D tex) {
+    // Calculate average color value of the texture
+    vec4 texelColor = color;
+    float averageColor = (texelColor.r + texelColor.g + texelColor.b) / 3.0;
+
+    // Determine brightness-dependent color factor
+    float factor = mix(
+        mix(0.09,
+            mix(0.005, 0.0075, (averageColor - 0.1) / 0.1),
+            step(0.01, averageColor)), 0.0005,
+        step(0.02, averageColor));
+    // Apply phosphor glow effect
+    vec4 sum = vec4(0.0);
+    vec4 pixels[9];
+    pixels[0] = texture2D(tex, tc - vec2(0.001, 0.001));
+    pixels[1] = texture2D(tex, tc - vec2(0.001, 0.0));
+    pixels[2] = texture2D(tex, tc - vec2(0.001, -0.001));
+    pixels[3] = texture2D(tex, tc - vec2(0.0, 0.001));
+    pixels[4] = texture2D(tex, tc);
+    pixels[5] = texture2D(tex, tc + vec2(0.001, 0.001));
+    pixels[6] = texture2D(tex, tc + vec2(0.001, 0.0));
+    pixels[7] = texture2D(tex, tc + vec2(0.001, -0.001));
+    pixels[8] = texture2D(tex, tc + vec2(0.0, 0.001));
+
+// Perform operations on input pixels in parallel
+    sum = pixels[0]
+        + pixels[1]
+        + pixels[2]
+        + pixels[3]
+        + pixels[4]
+        + pixels[5]
+        + pixels[6]
+        + pixels[7]
+        + pixels[8];
+    sum /= 9.0;
+    sum += texture2D(tex, tc - vec2(0.01, 0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(0.0, 0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(-0.01, 0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(0.01, 0.0)) * 0.001;
+    sum += color * PHOSPHOR_BLUR_AMOUNT;
+    sum += texture2D(tex, tc - vec2(-0.01, 0.0)) * 0.001;
+    sum += texture2D(tex, tc - vec2(0.01, -0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(0.0, -0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(-0.01, -0.01)) * 0.001;
+    sum *= PHOSPHOR_GLOW_AMOUNT;
+
+    // Initialize sum_sum_factor to zero
+    vec4 sum_sum_factor = vec4(0.0);
+    // Compute sum_j for i = -1
+    vec4 sum_j = vec4(0.0);
+    sum_j += texture2D(tex, tc + vec2(-1, -1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, -1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, -1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(-1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(-1, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 1) * 0.01);
+    sum_sum_factor += sum_j * vec4(0.011);
+
+    // Compute sum_j for i = 0
+    sum_j = vec4(0.0);
+    sum_j += texture2D(tex, tc + vec2(-1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(-1, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 1) * 0.01);
+    sum_sum_factor += sum_j * vec4(0.011);
+
+    // Compute sum_j for i = 1
+    sum_j = vec4(0.0);
+    sum_j += texture2D(tex, tc + vec2(-1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(-1, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 1) * 0.01);
+    sum_sum_factor += sum_j * vec4(0.011);
+    color += mix(sum_sum_factor * sum_sum_factor * vec4(factor), sum, 0.5);
+    return color;
+}
+
+vec4 applyAdaptiveSharpen(vec2 tc, vec4 color, sampler2D tex) {
+    vec4 color_tl = texture2D(tex, tc + vec2(-1.0, -1.0) * 0.5 / 2160.0);
+    vec4 color_tr = texture2D(tex, tc + vec2(1.0, -1.0) * 0.5 / 2160.0);
+    vec4 color_bl = texture2D(tex, tc + vec2(-1.0, 1.0) * 0.5 / 2160.0);
+    vec4 color_br = texture2D(tex, tc + vec2(1.0, 1.0) * 0.5 / 2160.0);
+    float sharpness = SHARPNESS;
+    vec3 color_no_alpha = color.rgb;
+    vec3 color_tl_no_alpha = color_tl.rgb;
+    vec3 color_tr_no_alpha = color_tr.rgb;
+    vec3 color_bl_no_alpha = color_bl.rgb;
+    vec3 color_br_no_alpha = color_br.rgb;
+    float delta = (dot(color_no_alpha, vec3(0.333333)) + dot(color_tl_no_alpha, vec3(0.333333)) + dot(color_tr_no_alpha, vec3(0.333333)) + dot(color_bl_no_alpha, vec3(0.333333)) + dot(color_br_no_alpha, vec3(0.333333))) * 0.2 - dot(color_no_alpha, vec3(0.333333));
+    vec3 sharp_color_no_alpha = color_no_alpha + min(vec3(0.0), vec3(delta * sharpness));
+    vec4 sharp_color = vec4(sharp_color_no_alpha, color.a);
+    return sharp_color;
+}
+
+vec4 applyScanlines(vec2 tc, vec4 color) {
+    float scanline = (cos(tc.y * SCANLINE_FREQUENCY + SCANLINE_TIME) *
+                      sin(tc.y * SCANLINE_FREQUENCY + SCANLINE_TIME)) * SCANLINE_THICKNESS;
+    float alpha = clamp(1.0 - abs(scanline), 0.0, 1.0);
+    return vec4(color.rgb * alpha, color.a);
+}
+
+vec4 applyChromaticAberration(vec2 uv, vec4 color) {
+    vec2 center = vec2(0.5, 0.5); // center of the screen
+    vec2 offset = (uv - center) * CHROMATIC_ABERRATION_STRENGTH; // calculate the offset from the center
+
+    // apply lens distortion
+    float rSquared = dot(offset, offset);
+    float distortion = 1.0 + LENS_DISTORTION_AMOUNT * rSquared;
+    vec2 distortedOffset = offset * distortion;
+
+    // apply chromatic aberration
+    vec2 redOffset = vec2(distortedOffset.x * 1.00, distortedOffset.y * 1.00);
+    vec2 blueOffset = vec2(distortedOffset.x * 1.00, distortedOffset.y * 1.00);
+
+    vec4 redColor = texture2D(tex, uv + redOffset);
+    vec4 blueColor = texture2D(tex, uv + blueOffset);
+
+    vec4 result = vec4(redColor.r, color.g, blueColor.b, color.a);
+
+    return result;
+}
+
+vec4 reduceGlare(vec4 color) {
+    // Calculate the intensity of the color by taking the average of the RGB components
+    float intensity = (color.r + color.g + color.b) / 3.0;
+    // Set the maximum intensity that can be considered for glare
+    float maxIntensity = 0.98;
+    // Use smoothstep to create a smooth transition from no glare to full glare
+    // based on the intensity of the color and the maximum intensity
+    float glareIntensity = smoothstep(maxIntensity - 0.02, maxIntensity, intensity);
+    // Set the amount of glare to apply to the color
+    float glareAmount = 0.02;
+    // Mix the original color with the reduced color that has glare applied to it
+    vec3 reducedColor = mix(color.rgb, vec3(glareIntensity), glareAmount);
+    // Return the reduced color with the original alpha value
+    return vec4(reducedColor, color.a);
+}
+
+// Apply a fake HDR effect to the input color.
+// Parameters:
+// - inputColor: the color to apply the effect to.
+// - brightness: the brightness of the image. Should be a value between 0 and 1.
+// - contrast: the contrast of the image. Should be a value between 0 and 1.
+// - saturation: the saturation of the image. Should be a value between 0 and 2.
+// - bloom: the intensity of the bloom effect. Should be a value between 0 and 1.
+vec4 applyFakeHDREffect(vec4 inputColor, float brightness, float contrast, float saturation, float bloom) {
+    const float minBrightness = 0.0;
+    const float maxBrightness = 1.0;
+    const float minContrast = 0.0;
+    const float maxContrast = 1.0;
+    const float minSaturation = 0.0;
+    const float maxSaturation = 2.0;
+    const float minBloom = 0.0;
+    const float maxBloom = 1.0;
+
+    // Check input parameters for validity
+    if (brightness < minBrightness || brightness > maxBrightness) {
+        return vec4(0.0, 0.0, 0.0, 1.0); // Return black with alpha of 1.0 to indicate error
+    }
+    if (contrast < minContrast || contrast > maxContrast) {
+        return vec4(0.0, 0.0, 0.0, 1.0);
+    }
+    if (saturation < minSaturation || saturation > maxSaturation) {
+        return vec4(0.0, 0.0, 0.0, 1.0);
+    }
+    if (bloom < minBloom || bloom > maxBloom) {
+        return vec4(0.0, 0.0, 0.0, 1.0);
+    }
+
+    // Apply brightness and contrast
+    vec3 color = inputColor.rgb;
+    color = (color - vec3(0.5)) * exp2(brightness * 10.0) + vec3(0.5);
+    color = mix(vec3(0.5), color, pow(contrast * 4.0 + 1.0, 2.0));
+
+    // // NTSC
+    // vec3 lumCoeff = vec3(0.2125, 0.7154, 0.0721);
+
+    // // BT.709
+    // vec3 lumCoeff = vec3(0.299, 0.587, 0.114);
+
+    // // BT.2020
+    // vec3 lumCoeff = vec3(0.2627, 0.6780, 0.0593);
+
+    // Warm NTSC
+    vec3 lumCoeff = vec3(0.2125, 0.7010, 0.0865);
+
+    // Apply saturation
+    float luminance = dot(color, lumCoeff);
+    vec3 grey = vec3(luminance);
+    color = mix(grey, color, saturation);
+
+    // Apply bloom effect
+    float threshold = 1.0 - bloom;
+    vec3 bloomColor = max(color - threshold, vec3(0.0));
+    bloomColor = pow(bloomColor, vec3(2.0));
+    bloomColor = mix(vec3(0.0), bloomColor, pow(min(luminance, threshold), 4.0));
+    color += bloomColor;
+
+    return vec4(color, inputColor.a);
+}
+
+vec4 bilateralFilter(sampler2D tex, vec2 uv, vec4 color, float sampleRadius, float noiseThreshold, float intensity) {
+    vec4 filteredColor = vec4(0.0);
+    float totalWeight = 0.0;
+
+    // Top-left pixel
+    vec4 sample = texture2D(tex, uv + vec2(-1.0, -1.0));
+    float dist = length(vec2(-1.0, -1.0));
+    float colorDist = length(sample - color);
+    float weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Top pixel
+    sample = texture2D(tex, uv + vec2(0.0, -1.0));
+    dist = length(vec2(0.0, -1.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Top-right pixel
+    sample = texture2D(tex, uv + vec2(1.0, -1.0));
+    dist = length(vec2(1.0, -1.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Left pixel
+    sample = texture2D(tex, uv + vec2(-1.0, 0.0));
+    dist = length(vec2(-1.0, 0.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Center pixel
+    sample = texture2D(tex, uv);
+    dist = 0.0;
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Right pixel
+    sample = texture2D(tex, uv + vec2(1.0, 0.0));
+    dist = length(vec2(1.0, 0.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Bottom-left pixel
+    sample = texture2D(tex, uv + vec2(-1.0, 1.0));
+    dist = length(vec2(-1.0, 1.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+// Bottom pixel
+    sample = texture2D(tex, uv + vec2(0.0, sampleRadius));
+    dist = length(vec2(0.0, sampleRadius));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    filteredColor /= totalWeight;
+    return mix(color, filteredColor, step(noiseThreshold, length(filteredColor - color)));
+}
+
+vec4 supersample(sampler2D tex, vec2 uv, float sampleRadius, float noiseThreshold, float intensity) {
+    float radiusSq = sampleRadius * sampleRadius;
+    vec2 poissonDisk;
+    vec4 color = vec4(0.0);
+
+    float r1_0 = sqrt(0.0 / 16.0);
+    float r2_0 = fract(1.0 / 3.0);
+    float theta_0 = TWOPI * r2_0;
+    poissonDisk = vec2(r1_0 * cos(theta_0), r1_0 * sin(theta_0));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_1 = sqrt(1.0 / 16.0);
+    float r2_1 = fract(2.0 / 3.0);
+    float theta_1 = TWOPI * r2_1;
+    poissonDisk = vec2(r1_1 * cos(theta_1), r1_1 * sin(theta_1));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_2 = sqrt(2.0 / 16.0);
+    float r2_2 = fract(3.0 / 3.0);
+    float theta_2 = TWOPI * r2_2;
+    poissonDisk = vec2(r1_2 * cos(theta_2), r1_2 * sin(theta_2));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_3 = sqrt(3.0 / 16.0);
+    float r2_3 = fract(4.0 / 3.0);
+    float theta_3 = TWOPI * r2_3;
+    poissonDisk = vec2(r1_3 * cos(theta_3), r1_3 * sin(theta_3));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_4 = sqrt(4.0 / 16.0);
+    float r2_4 = fract(5.0 / 3.0);
+    float theta_4 = TWOPI * r2_4;
+    poissonDisk = vec2(r1_4 * cos(theta_4), r1_4 * sin(theta_4));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_5 = sqrt(5.0 / 16.0);
+    float r2_5 = fract(6.0 / 3.0);
+    float theta_5 = TWOPI * r2_5;
+    poissonDisk = vec2(r1_5 * cos(theta_5), r1_5 * sin(theta_5));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_6 = sqrt(6.0 / 16.0);
+    float r2_6 = fract(7.0 / 3.0);
+    float theta_6 = TWOPI * r2_6;
+    poissonDisk = vec2(r1_6 * cos(theta_6), r1_6 * sin(theta_6));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_7 = sqrt(7.0 / 16.0);
+    float r2_7 = fract(8.0 / 3.0);
+    float theta_7 = TWOPI * r2_7;
+    poissonDisk = vec2(r1_7 * cos(theta_7), r1_7 * sin(theta_7));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_8 = sqrt(8.0 / 16.0);
+    float r2_8 = fract(9.0 / 3.0);
+    float theta_8 = TWOPI * r2_8;
+    poissonDisk = vec2(r1_8 * cos(theta_8), r1_8 * sin(theta_8));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_9 = sqrt(9.0 / 16.0);
+    float r2_9 = fract(10.0 / 3.0);
+    float theta_9 = TWOPI * r2_9;
+    poissonDisk = vec2(r1_9 * cos(theta_9), r1_9 * sin(theta_9));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_10 = sqrt(10.0 / 16.0);
+    float r2_10 = fract(11.0 / 3.0);
+    float theta_10 = TWOPI * r2_10;
+    poissonDisk = vec2(r1_10 * cos(theta_10), r1_10 * sin(theta_10));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_11 = sqrt(11.0 / 16.0);
+    float r2_11 = fract(12.0 / 3.0);
+    float theta_11 = TWOPI * r2_11;
+    poissonDisk = vec2(r1_11 * cos(theta_11), r1_11 * sin(theta_11));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_12 = sqrt(12.0 / 16.0);
+    float r2_12 = fract(13.0 / 3.0);
+    float theta_12 = TWOPI * r2_12;
+    poissonDisk = vec2(r1_12 * cos(theta_12), r1_12 * sin(theta_12));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_13 = sqrt(13.0 / 16.0);
+    float r2_13 = fract(14.0 / 3.0);
+    float theta_13 = TWOPI * r2_13;
+    poissonDisk = vec2(r1_13 * cos(theta_13), r1_13 * sin(theta_13));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_14 = sqrt(14.0 / 16.0);
+    float r2_14 = fract(15.0 / 3.0);
+    float theta_14 = TWOPI * r2_14;
+    poissonDisk = vec2(r1_14 * cos(theta_14), r1_14 * sin(theta_14));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_15 = sqrt(15.0 / 16.0);
+    float r2_15 = fract(16.0 / 3.0);
+    float theta_15 = TWOPI * r2_15;
+    poissonDisk = vec2(r1_15 * cos(theta_15), r1_15 * sin(theta_15));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    return bilateralFilter(tex, uv, color, sampleRadius, noiseThreshold, intensity);
+}
+void main() {
+    vec2 tc_no_dist = v_texcoord;
+
+    vec2 tc = applyBarrelDistortion(tc_no_dist, DISTORTION_AMOUNT);
+
+    // [-1, 1]
+    vec2 tc_no_dist_symmetric = tc_no_dist * 2.0 - 1.0;
+
+    // [0,1]
+    vec2 tc_no_dist_normalized = (tc_no_dist_symmetric + 1.0) / 2.0;
+
+    // vec4 color = texture2D(tex, tc);
+    vec4 color = supersample(tex, tc, SAMPLING_RADIUS, NOISE_THRESHOLD, DENOISE_INTENSITY);
+
+    color = applyAdaptiveSharpen(tc, color, tex);
+
+    color = applyPhosphorGlow(tc, color, tex);
+
+    color = reduceGlare(color);
+
+    color = mix(applyFakeHDREffect(color, HDR_BRIGHTNESS, HDR_CONTRAST, HDR_SATURATION, HDR_BLOOM), color, 0.5);
+
+    color = applyColorCorrection(color);
+
+    color /= SUPERSAMPLING_SAMPLES;
+
+    color = mix(applyChromaticAberration(tc, color), color, 0.25);
+
+    color = mix(color, applyVignette(color), 0.37);
+
+    color = applyBorder(tc_no_dist_normalized, color, 1.0 - BORDER_SIZE * BORDER_RADIUS, BORDER_COLOR);
+
+    color = mix(applyBorder(tc, color, BORDER_SIZE, BORDER_COLOR), color, 0.05);
+
+    color = applyScanlines(tc, color);
+
+    gl_FragColor = color;
+    gl_FragColor.a = 1.0;
+}
+
diff --git a/hybrid-vertical/.config/hypr/shaders/drugs.frag b/hybrid-vertical/.config/hypr/shaders/drugs.frag
new file mode 100644
index 000000000..1190ed03c
--- /dev/null
+++ b/hybrid-vertical/.config/hypr/shaders/drugs.frag
@@ -0,0 +1,42 @@
+
+precision highp float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+uniform float time;
+
+void warpco(inout vec2 tc) {
+    tc -= 0.5;
+    tc *= length(tc) * 2.0;
+    tc += 0.5;
+}
+
+float rand1d(float seed) {
+   return sin(seed*1454.0); 
+}
+
+float rand2d(vec2 co)
+{
+  return fract(sin(dot(co.xy, vec2(12.9898,78.233))) * 43758.5453);
+}
+
+vec3 rgb(in vec2 tc, float freq, float amp, inout vec4 centre) {
+    vec2 off = vec2(1.0/800.0, 0.0) * sin(tc.t * freq + time) * amp;
+    vec2 off2 = vec2(1.0/800.0, 0.0) * sin(tc.t * freq - time * 1.5) * amp;
+    centre = texture2D(tex, tc);
+    return vec3(texture2D(tex, tc-off).r, centre.g, texture2D(tex, tc+off2).b);
+}
+
+void main() {
+    // vec2 px = 1.0 / textureSize(tex, 0).st;
+    vec2 tc = v_texcoord;
+    warpco(tc);
+    tc = mix(v_texcoord, tc, sin(time * 2.0)*0.07);
+    tc.x += rand2d(floor(tc * 20.0 + floor(time * 2.5))) * 0.01;
+    tc.x += rand1d(floor(tc.x * 40.0)) * 0.005 * rand1d(time * 0.001);
+    tc.y += sin(tc.x + time) * 0.02;
+    vec4 centre;
+    vec3 bent = rgb(tc, 100.0, 5.0, centre);
+    vec3 col = mix(centre.rgb, bent, sin(time));
+    gl_FragColor = vec4(col, centre.a);
+    // gl_FragColor = vec4(texture2D(tex, v_texcoord));
+}
\ No newline at end of file
diff --git a/hybrid-vertical/.config/hypr/shaders/extradark.frag b/hybrid-vertical/.config/hypr/shaders/extradark.frag
new file mode 100755
index 000000000..089ee8149
--- /dev/null
+++ b/hybrid-vertical/.config/hypr/shaders/extradark.frag
@@ -0,0 +1,21 @@
+// vim: set ft=glsl:
+// blue light filter shader
+// values from https://reshade.me/forum/shader-discussion/3673-blue-light-filter-similar-to-f-lux
+
+precision mediump float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+
+void main() {
+
+    vec4 pixColor = texture2D(tex, v_texcoord);
+
+    // red
+    pixColor[0] *= 0.7;
+    // green
+    pixColor[1] *= 0.6;
+    // blue
+    pixColor[2] *= 0.5;
+
+    gl_FragColor = pixColor;
+}
diff --git a/hybrid-vertical/.config/hypr/shaders/nothing.frag b/hybrid-vertical/.config/hypr/shaders/nothing.frag
new file mode 100755
index 000000000..163e6003a
--- /dev/null
+++ b/hybrid-vertical/.config/hypr/shaders/nothing.frag
@@ -0,0 +1,14 @@
+// vim: set ft=glsl:
+// blue light filter shader
+// values from https://reshade.me/forum/shader-discussion/3673-blue-light-filter-similar-to-f-lux
+
+precision mediump float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+
+void main() {
+
+    vec4 pixColor = texture2D(tex, v_texcoord);
+
+    gl_FragColor = pixColor;
+}
diff --git a/hybrid-vertical/.config/hypr/shaders/solarized.frag b/hybrid-vertical/.config/hypr/shaders/solarized.frag
new file mode 100644
index 000000000..1c37f2cc0
--- /dev/null
+++ b/hybrid-vertical/.config/hypr/shaders/solarized.frag
@@ -0,0 +1,41 @@
+// -*- mode:c -*-
+precision lowp float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+
+float distanceSquared(vec3 pixColor, vec3 solarizedColor) {
+	vec3 distanceVector = pixColor - solarizedColor;
+	return dot(distanceVector, distanceVector);
+}
+
+void main() {
+	vec3 solarized[16];
+	solarized[0]  = vec3(0.,0.169,0.212);
+	solarized[1]  = vec3(0.027,0.212,0.259);
+	solarized[2]  = vec3(0.345,0.431,0.459);
+	solarized[3]  = vec3(0.396,0.482,0.514);
+	solarized[4]  = vec3(0.514,0.58,0.588);
+	solarized[5]  = vec3(0.576,0.631,0.631);
+	solarized[6]  = vec3(0.933,0.91,0.835);
+	solarized[7]  = vec3(0.992,0.965,0.89);
+	solarized[8]  = vec3(0.71,0.537,0.);
+	solarized[9]  = vec3(0.796,0.294,0.086);
+	solarized[10] = vec3(0.863,0.196,0.184);
+	solarized[11] = vec3(0.827,0.212,0.51);
+	solarized[12] = vec3(0.424,0.443,0.769);
+	solarized[13] = vec3(0.149,0.545,0.824);
+	solarized[14] = vec3(0.165,0.631,0.596);
+	solarized[15] = vec3(0.522,0.6,0.);
+
+	vec3 pixColor = vec3(texture2D(tex, v_texcoord));
+	int closest = 0;
+	float closestDistanceSquared = distanceSquared(pixColor, solarized[0]);
+	for (int i = 1; i < 15; i++) {
+		float newDistanceSquared = distanceSquared(pixColor, solarized[i]);
+		if (newDistanceSquared < closestDistanceSquared) {
+			closest = i;
+			closestDistanceSquared = newDistanceSquared;
+		}
+	}
+	gl_FragColor = vec4(solarized[closest], 1.);
+}
diff --git a/hybrid-vertical/.config/starship.toml b/hybrid-vertical/.config/starship.toml
new file mode 100644
index 000000000..4ef021903
--- /dev/null
+++ b/hybrid-vertical/.config/starship.toml
@@ -0,0 +1,96 @@
+# Don't print a new line at the start of the prompt
+add_newline = false
+# Pipes ╰─ ╭─
+# Powerline symbols                                     
+# Wedges 🭧🭒 🭣🭧🭓
+# Random noise 🬖🬥🬔🬗
+
+right_format = """\
+$cmd_duration
+"""
+
+format = """
+$username$hostname$directory
+$character
+"""
+
+# Replace the "❯" symbol in the prompt with "➜"
+[character]                            # The name of the module we are configuring is "character"
+success_symbol = "[🭧🭒](bold fg:blue)[ ➜ ](bold bg:blue fg:#000000)[](bold fg:blue)"
+
+error_symbol = "[🭧🭒](bold fg:red)[ ✗ ](bold bg:red fg:#000000)[](bold fg:red)"
+# Disable the package module, hiding it from the prompt completely
+[package]
+disabled = true
+
+[git_branch]
+symbol = "🌱 "
+truncation_length = 4
+truncation_symbol = ""
+
+[git_commit]
+commit_hash_length = 4
+tag_symbol = "🔖 "
+
+[git_state]
+format = '[\($state( $progress_current of $progress_total)\)]($style) '
+cherry_pick = "[🍒 PICKING](bold red)"
+
+[git_status]
+conflicted = " 🏳 "
+ahead = " 🏎💨 "
+behind = " 😰 "
+diverged = " 😵 "
+untracked = " 🤷 ‍"
+stashed = " 📦 "
+modified = " 📝 "
+staged = '[++\($count\)](blue)'
+renamed = " ✍️ "
+deleted = " 🗑 "
+
+[hostname]
+ssh_only = false
+format =  "[ ](bold bg:yellow fg:blue)[$hostname](bg:yellow bold fg:#000000)[ ](bold fg:yellow bg:green)"
+trim_at = ".companyname.com"
+disabled = false
+
+[line_break]
+disabled = false
+
+[memory_usage]
+disabled = true
+threshold = -1
+symbol = " "
+style = "bold dimmed blue"
+
+[time]
+disabled = true
+format = '🕙[\[ $time \]]($style) '
+time_format = "%T"
+
+[username]
+style_user = "bold bg:blue fg:#000000"
+style_root = "red bold"
+format = "[🭃](bold fg:blue)[$user]($style)"
+disabled = false
+show_always = true
+
+[directory]
+home_symbol = " "
+read_only = "  "
+style = "bold bg:green  fg:#000000"
+truncation_length = 2
+truncation_symbol = "./"
+format = '[$path]($style)[🭞](fg:green )'
+
+
+[directory.substitutions]
+"Documents" = " "
+"/" = "  "
+"Downloads" = " "
+"Music" = " "
+"Pictures" = " "
+
+[cmd_duration]
+min_time = 0
+format = '[🬈🬖🬥🬅 ](bold bg:cyan fg:#000000)[time:$duration](bold bg:cyan fg:#000000)[ 🬖🬥🬔🬗](bold bg:cyan fg:#000000)'
diff --git a/hybrid-vertical/.local/bin/Hyprland-wrapped b/hybrid-vertical/.local/bin/Hyprland-wrapped
new file mode 100755
index 000000000..56238b120
--- /dev/null
+++ b/hybrid-vertical/.local/bin/Hyprland-wrapped
@@ -0,0 +1,18 @@
+#!/bin/sh
+
+cd ~
+
+#export XDG_CURRENT_DESKTOP=GNOME
+#export XDG_SESSION_TYPE=wayland
+#export XDG_SESSION_DESKTOP=GNOME
+#export EDITOR = /usr/bin/gnome-text-editor
+
+export XMODIFIERS=@im=ibus
+export GTK_IM_MODULE=ibus
+export QT_IM_MODULE=ibus
+
+#export QT_QPA_PLATFORMTHEME=qt5ct #QT Theme (for KDE apps)
+export QT_QPA_PLATFORMTHEME=qt5ct
+
+exec Hyprland
+
diff --git a/hybrid-vertical/.local/bin/lock.sh b/hybrid-vertical/.local/bin/lock.sh
new file mode 100755
index 000000000..df768dd43
--- /dev/null
+++ b/hybrid-vertical/.local/bin/lock.sh
@@ -0,0 +1 @@
+swaylock --image /home/end/Pictures/ACE.jpg --clock --indicator --line-color cdd6f4ff --text-color cdd6f4ff --inside-color 1e1e2eff --ring-color 313244ff --line-ver-color cdd6f4ff --text-ver-color cdd6f4ff --inside-ver-color 1e1e2eff --ring-ver-color 313244ff --line-clear-color cdd6f4ff --text-clear-color cdd6f4ff --inside-clear-color 1e1e2eff --ring-clear-color 313244ff --line-clear-color cdd6f4ff --text-wrong-color 313244ff --inside-wrong-color f38ba8ff --ring-wrong-color 313244ff --key-hl-color cba6f7ff
diff --git a/hybrid-vertical/.local/bin/record-script-fullscreen.sh b/hybrid-vertical/.local/bin/record-script-fullscreen.sh
new file mode 100755
index 000000000..51f723a0f
--- /dev/null
+++ b/hybrid-vertical/.local/bin/record-script-fullscreen.sh
@@ -0,0 +1,10 @@
+#/usr/bin/bash
+
+cd /home/end/Videos
+if ["$(pidof wf-recorder)" -ne ""]; then
+    notify-send "wf-recorder" "Starting recording" -a 'wf-recorder'
+    wf-recorder -t -f './recording_'"$(date '+%Y_%m_%_d..%H.%M')"'.mp4' --audio=alsa_output.pci-0000_08_00.6.analog-stereo.monitor
+else
+    /usr/bin/kill --signal SIGINT wf-recorder
+    notify-send "wf-recorder" "Recording Stopped" -a 'wf-recorder'
+fi
diff --git a/hybrid-vertical/.local/bin/record-script.sh b/hybrid-vertical/.local/bin/record-script.sh
new file mode 100755
index 000000000..2b0bff036
--- /dev/null
+++ b/hybrid-vertical/.local/bin/record-script.sh
@@ -0,0 +1,11 @@
+#/usr/bin/bash
+
+cd /home/end/Videos
+if ["$(pidof wf-recorder)" -ne ""]; then
+    rm recording.mp4
+    notify-send "wf-recorder" "Starting recording"
+    wf-recorder --geometry "$(slurp)"
+else
+    /usr/bin/kill --signal SIGINT wf-recorder
+    notify-send "wf-recorder" "Recording Stopped"
+fi
\ No newline at end of file
diff --git a/hybrid-vertical/.local/bin/rubyshot b/hybrid-vertical/.local/bin/rubyshot
new file mode 100755
index 000000000..8431bd693
--- /dev/null
+++ b/hybrid-vertical/.local/bin/rubyshot
@@ -0,0 +1,6 @@
+#!/usr/bin/bash
+
+WORKSPACES="$(hyprctl monitors -j | jq -r 'map(.activeWorkspace.id)')"
+WINDOWS="$(hyprctl clients -j | jq -r --argjson workspaces "$WORKSPACES" 'map(select([.workspace.id] | inside($workspaces)))' )"
+GEOM=$(echo "$WINDOWS" | jq -r '.[] | "\(.at[0]),\(.at[1]) \(.size[0])x\(.size[1])"' | slurp -f '%x %y %w %h')
+wayshot -s "$GEOM" --stdout ${#:+"$@"}
\ No newline at end of file
diff --git a/hybrid-vertical/.local/bin/wofi-emoji b/hybrid-vertical/.local/bin/wofi-emoji
new file mode 100755
index 000000000..938db3afc
--- /dev/null
+++ b/hybrid-vertical/.local/bin/wofi-emoji
@@ -0,0 +1,1858 @@
+#!/bin/bash
+if [ $? -eq 0 ]
+then
+    sed '1,/^### DATA ###$/d' $0 | wofi --show dmenu -i | cut -d ' ' -f 1 | tr -d '\n' | wtype -
+else
+    sed '1,/^### DATA ###$/d' $0 | wofi --show dmenu -i | cut -d ' ' -f 1 | tr -d '\n' | wl-copy
+fi
+exit
+### DATA ###
+😀 grinning face face smile happy joy :D grin
+😃 grinning face with big eyes face happy joy haha :D :) smile funny
+😄 grinning face with smiling eyes face happy joy funny haha laugh like :D :) smile
+😁 beaming face with smiling eyes face happy smile joy kawaii
+😆 grinning squinting face happy joy lol satisfied haha face glad XD laugh
+😅 grinning face with sweat face hot happy laugh sweat smile relief
+🤣 rolling on the floor laughing face rolling floor laughing lol haha rofl
+😂 face with tears of joy face cry tears weep happy happytears haha
+🙂 slightly smiling face face smile
+🙃 upside down face face flipped silly smile
+😉 winking face face happy mischievous secret ;) smile eye
+😊 smiling face with smiling eyes face smile happy flushed crush embarrassed shy joy
+😇 smiling face with halo face angel heaven halo
+🥰 smiling face with hearts face love like affection valentines infatuation crush hearts adore
+😍 smiling face with heart eyes face love like affection valentines infatuation crush heart
+🤩 star struck face smile starry eyes grinning
+😘 face blowing a kiss face love like affection valentines infatuation kiss
+😗 kissing face love like face 3 valentines infatuation kiss
+☺️ smiling face face blush massage happiness
+😚 kissing face with closed eyes face love like affection valentines infatuation kiss
+😙 kissing face with smiling eyes face affection valentines infatuation kiss
+😋 face savoring food happy joy tongue smile face silly yummy nom delicious savouring
+😛 face with tongue face prank childish playful mischievous smile tongue
+😜 winking face with tongue face prank childish playful mischievous smile wink tongue
+🤪 zany face face goofy crazy
+😝 squinting face with tongue face prank playful mischievous smile tongue
+🤑 money mouth face face rich dollar money
+🤗 hugging face face smile hug
+🤭 face with hand over mouth face whoops shock surprise
+🤫 shushing face face quiet shhh
+🤔 thinking face face hmmm think consider
+🤐 zipper mouth face face sealed zipper secret
+🤨 face with raised eyebrow face distrust scepticism disapproval disbelief surprise
+😐 neutral face indifference meh :| neutral
+😑 expressionless face face indifferent - - meh deadpan
+😶 face without mouth face hellokitty
+😏 smirking face face smile mean prank smug sarcasm
+😒 unamused face indifference bored straight face serious sarcasm unimpressed skeptical dubious side eye
+🙄 face with rolling eyes face eyeroll frustrated
+😬 grimacing face face grimace teeth
+🤥 lying face face lie pinocchio
+😌 relieved face face relaxed phew massage happiness
+😔 pensive face face sad depressed upset
+😪 sleepy face face tired rest nap
+🤤 drooling face face
+😴 sleeping face face tired sleepy night zzz
+😷 face with medical mask face sick ill disease
+🤒 face with thermometer sick temperature thermometer cold fever
+🤕 face with head bandage injured clumsy bandage hurt
+🤢 nauseated face face vomit gross green sick throw up ill
+🤮 face vomiting face sick
+🤧 sneezing face face gesundheit sneeze sick allergy
+🥵 hot face face feverish heat red sweating
+🥶 cold face face blue freezing frozen frostbite icicles
+🥴 woozy face face dizzy intoxicated tipsy wavy
+😵 dizzy face spent unconscious xox dizzy
+🤯 exploding head face shocked mind blown
+🤠 cowboy hat face face cowgirl hat
+🥳 partying face face celebration woohoo
+😎 smiling face with sunglasses face cool smile summer beach sunglass
+🤓 nerd face face nerdy geek dork
+🧐 face with monocle face stuffy wealthy
+😕 confused face face indifference huh weird hmmm :/
+😟 worried face face concern nervous :(
+🙁 slightly frowning face face frowning disappointed sad upset
+☹️ frowning face face sad upset frown
+😮 face with open mouth face surprise impressed wow whoa :O
+😯 hushed face face woo shh
+😲 astonished face face xox surprised poisoned
+😳 flushed face face blush shy flattered
+🥺 pleading face face begging mercy
+😦 frowning face with open mouth face aw what
+😧 anguished face face stunned nervous
+😨 fearful face face scared terrified nervous oops huh
+😰 anxious face with sweat face nervous sweat
+😥 sad but relieved face face phew sweat nervous
+😢 crying face face tears sad depressed upset :'(
+😭 loudly crying face face cry tears sad upset depressed
+😱 face screaming in fear face munch scared omg
+😖 confounded face face confused sick unwell oops :S
+😣 persevering face face sick no upset oops
+😞 disappointed face face sad upset depressed :(
+😓 downcast face with sweat face hot sad tired exercise
+😩 weary face face tired sleepy sad frustrated upset
+😫 tired face sick whine upset frustrated
+🥱 yawning face tired sleepy
+😤 face with steam from nose face gas phew proud pride
+😡 pouting face angry mad hate despise
+😠 angry face mad face annoyed frustrated
+🤬 face with symbols on mouth face swearing cursing cussing profanity expletive
+😈 smiling face with horns devil horns
+👿 angry face with horns devil angry horns
+💀 skull dead skeleton creepy death
+☠️ skull and crossbones poison danger deadly scary death pirate evil
+💩 pile of poo hankey shitface fail turd shit
+🤡 clown face face
+👹 ogre monster red mask halloween scary creepy devil demon japanese ogre
+👺 goblin red evil mask monster scary creepy japanese goblin
+👻 ghost halloween spooky scary
+👽 alien UFO paul weird outer space
+👾 alien monster game arcade play
+🤖 robot computer machine bot
+😺 grinning cat animal cats happy smile
+😸 grinning cat with smiling eyes animal cats smile
+😹 cat with tears of joy animal cats haha happy tears
+😻 smiling cat with heart eyes animal love like affection cats valentines heart
+😼 cat with wry smile animal cats smirk
+😽 kissing cat animal cats kiss
+🙀 weary cat animal cats munch scared scream
+😿 crying cat animal tears weep sad cats upset cry
+😾 pouting cat animal cats
+🙈 see no evil monkey monkey animal nature haha
+🙉 hear no evil monkey animal monkey nature
+🙊 speak no evil monkey monkey animal nature omg
+💋 kiss mark face lips love like affection valentines
+💌 love letter email like affection envelope valentines
+💘 heart with arrow love like heart affection valentines
+💝 heart with ribbon love valentines
+💖 sparkling heart love like affection valentines
+💗 growing heart like love affection valentines pink
+💓 beating heart love like affection valentines pink heart
+💞 revolving hearts love like affection valentines
+💕 two hearts love like affection valentines heart
+💟 heart decoration purple-square love like
+❣️ heart exclamation decoration love
+💔 broken heart sad sorry break heart heartbreak
+❤️ red heart love like valentines
+🧡 orange heart love like affection valentines
+💛 yellow heart love like affection valentines
+💚 green heart love like affection valentines
+💙 blue heart love like affection valentines
+💜 purple heart love like affection valentines
+🤎 brown heart coffee
+🖤 black heart evil
+🤍 white heart pure
+💯 hundred points score perfect numbers century exam quiz test pass hundred
+💢 anger symbol angry mad
+💥 collision bomb explode explosion collision blown
+💫 dizzy star sparkle shoot magic
+💦 sweat droplets water drip oops
+💨 dashing away wind air fast shoo fart smoke puff
+🕳️ hole embarrassing
+💣 bomb boom explode explosion terrorism
+💬 speech balloon bubble words message talk chatting
+👁️‍🗨️ eye in speech bubble info
+🗨️ left speech bubble words message talk chatting
+🗯️ right anger bubble caption speech thinking mad
+💭 thought balloon bubble cloud speech thinking dream
+💤 zzz sleepy tired dream
+👋 waving hand hands gesture goodbye solong farewell hello hi palm
+🤚 raised back of hand fingers raised backhand
+🖐️ hand with fingers splayed hand fingers palm
+✋ raised hand fingers stop highfive palm ban
+🖖 vulcan salute hand fingers spock star trek
+👌 ok hand fingers limbs perfect ok okay
+🤏 pinching hand tiny small size
+✌️ victory hand fingers ohyeah hand peace victory two
+🤞 crossed fingers good lucky
+🤟 love you gesture hand fingers gesture
+🤘 sign of the horns hand fingers evil eye sign of horns rock on
+🤙 call me hand hands gesture shaka
+👈 backhand index pointing left direction fingers hand left
+👉 backhand index pointing right fingers hand direction right
+👆 backhand index pointing up fingers hand direction up
+🖕 middle finger hand fingers rude middle flipping
+👇 backhand index pointing down fingers hand direction down
+☝️ index pointing up hand fingers direction up
+👍 thumbs up thumbsup yes awesome good agree accept cool hand like +1
+👎 thumbs down thumbsdown no dislike hand -1
+✊ raised fist fingers hand grasp
+👊 oncoming fist angry violence fist hit attack hand
+🤛 left facing fist hand fistbump
+🤜 right facing fist hand fistbump
+👏 clapping hands hands praise applause congrats yay
+🙌 raising hands gesture hooray yea celebration hands
+👐 open hands fingers butterfly hands open
+🤲 palms up together hands gesture cupped prayer
+🤝 handshake agreement shake
+🙏 folded hands please hope wish namaste highfive pray
+✍️ writing hand lower left ballpoint pen stationery write compose
+💅 nail polish beauty manicure finger fashion nail
+🤳 selfie camera phone
+💪 flexed biceps arm flex hand summer strong biceps
+🦾 mechanical arm accessibility
+🦿 mechanical leg accessibility
+🦵 leg kick limb
+🦶 foot kick stomp
+👂 ear face hear sound listen
+🦻 ear with hearing aid accessibility
+👃 nose smell sniff
+🧠 brain smart intelligent
+🦷 tooth teeth dentist
+🦴 bone skeleton
+👀 eyes look watch stalk peek see
+👁️ eye face look see watch stare
+👅 tongue mouth playful
+👄 mouth mouth kiss
+👶 baby child boy girl toddler
+🧒 child gender-neutral young
+👦 boy man male guy teenager
+👧 girl female woman teenager
+🧑 person gender-neutral person
+👱 person blond hair hairstyle
+👨 man mustache father dad guy classy sir moustache
+🧔 man beard person bewhiskered
+👨‍🦰 man red hair hairstyle
+👨‍🦱 man curly hair hairstyle
+👨‍🦳 man white hair old elder
+👨‍🦲 man bald hairless
+👩 woman female girls lady
+👩‍🦰 woman red hair hairstyle
+🧑‍🦰 person red hair hairstyle
+👩‍🦱 woman curly hair hairstyle
+🧑‍🦱 person curly hair hairstyle
+👩‍🦳 woman white hair old elder
+🧑‍🦳 person white hair elder old
+👩‍🦲 woman bald hairless
+🧑‍🦲 person bald hairless
+👱‍♀️ woman blond hair woman female girl blonde person
+👱‍♂️ man blond hair man male boy blonde guy person
+🧓 older person human elder senior gender-neutral
+👴 old man human male men old elder senior
+👵 old woman human female women lady old elder senior
+🙍 person frowning worried
+🙍‍♂️ man frowning male boy man sad depressed discouraged unhappy
+🙍‍♀️ woman frowning female girl woman sad depressed discouraged unhappy
+🙎 person pouting upset
+🙎‍♂️ man pouting male boy man
+🙎‍♀️ woman pouting female girl woman
+🙅 person gesturing no decline
+🙅‍♂️ man gesturing no male boy man nope
+🙅‍♀️ woman gesturing no female girl woman nope
+🙆 person gesturing ok agree
+🙆‍♂️ man gesturing ok men boy male blue human man
+🙆‍♀️ woman gesturing ok women girl female pink human woman
+💁 person tipping hand information
+💁‍♂️ man tipping hand male boy man human information
+💁‍♀️ woman tipping hand female girl woman human information
+🙋 person raising hand question
+🙋‍♂️ man raising hand male boy man
+🙋‍♀️ woman raising hand female girl woman
+🧏 deaf person accessibility
+🧏‍♂️ deaf man accessibility
+🧏‍♀️ deaf woman accessibility
+🙇 person bowing respectiful
+🙇‍♂️ man bowing man male boy
+🙇‍♀️ woman bowing woman female girl
+🤦 person facepalming disappointed
+🤦‍♂️ man facepalming man male boy disbelief
+🤦‍♀️ woman facepalming woman female girl disbelief
+🤷 person shrugging regardless
+🤷‍♂️ man shrugging man male boy confused indifferent doubt
+🤷‍♀️ woman shrugging woman female girl confused indifferent doubt
+🧑‍⚕️ health worker hospital
+👨‍⚕️ man health worker doctor nurse therapist healthcare man human
+👩‍⚕️ woman health worker doctor nurse therapist healthcare woman human
+🧑‍🎓 student learn
+👨‍🎓 man student graduate man human
+👩‍🎓 woman student graduate woman human
+🧑‍🏫 teacher professor
+👨‍🏫 man teacher instructor professor man human
+👩‍🏫 woman teacher instructor professor woman human
+🧑‍⚖️ judge law
+👨‍⚖️ man judge justice court man human
+👩‍⚖️ woman judge justice court woman human
+🧑‍🌾 farmer crops
+👨‍🌾 man farmer rancher gardener man human
+👩‍🌾 woman farmer rancher gardener woman human
+🧑‍🍳 cook food kitchen culinary
+👨‍🍳 man cook chef man human
+👩‍🍳 woman cook chef woman human
+🧑‍🔧 mechanic worker technician
+👨‍🔧 man mechanic plumber man human wrench
+👩‍🔧 woman mechanic plumber woman human wrench
+🧑‍🏭 factory worker labor
+👨‍🏭 man factory worker assembly industrial man human
+👩‍🏭 woman factory worker assembly industrial woman human
+🧑‍💼 office worker business
+👨‍💼 man office worker business manager man human
+👩‍💼 woman office worker business manager woman human
+🧑‍🔬 scientist chemistry
+👨‍🔬 man scientist biologist chemist engineer physicist man human
+👩‍🔬 woman scientist biologist chemist engineer physicist woman human
+🧑‍💻 technologist computer
+👨‍💻 man technologist coder developer engineer programmer software man human laptop computer
+👩‍💻 woman technologist coder developer engineer programmer software woman human laptop computer
+🧑‍🎤 singer song artist performer
+👨‍🎤 man singer rockstar entertainer man human
+👩‍🎤 woman singer rockstar entertainer woman human
+🧑‍🎨 artist painting draw creativity
+👨‍🎨 man artist painter man human
+👩‍🎨 woman artist painter woman human
+🧑‍✈️ pilot fly plane airplane
+👨‍✈️ man pilot aviator plane man human
+👩‍✈️ woman pilot aviator plane woman human
+🧑‍🚀 astronaut outerspace
+👨‍🚀 man astronaut space rocket man human
+👩‍🚀 woman astronaut space rocket woman human
+🧑‍🚒 firefighter fire
+👨‍🚒 man firefighter fireman man human
+👩‍🚒 woman firefighter fireman woman human
+👮 police officer cop
+👮‍♂️ man police officer man police law legal enforcement arrest 911
+👮‍♀️ woman police officer woman police law legal enforcement arrest 911 female
+🕵️ detective human spy detective
+🕵️‍♂️ man detective crime
+🕵️‍♀️ woman detective human spy detective female woman
+💂 guard protect
+💂‍♂️ man guard uk gb british male guy royal
+💂‍♀️ woman guard uk gb british female royal woman
+👷 construction worker labor build
+👷‍♂️ man construction worker male human wip guy build construction worker labor
+👷‍♀️ woman construction worker female human wip build construction worker labor woman
+🤴 prince boy man male crown royal king
+👸 princess girl woman female blond crown royal queen
+👳 person wearing turban headdress
+👳‍♂️ man wearing turban male indian hinduism arabs
+👳‍♀️ woman wearing turban female indian hinduism arabs woman
+👲 man with skullcap male boy chinese
+🧕 woman with headscarf female hijab mantilla tichel
+🤵 man in tuxedo couple marriage wedding groom
+👰 bride with veil couple marriage wedding woman bride
+🤰 pregnant woman baby
+🤱 breast feeding nursing baby
+👼 baby angel heaven wings halo
+🎅 santa claus festival man male xmas father christmas
+🤶 mrs claus woman female xmas mother christmas
+🦸 superhero marvel
+🦸‍♂️ man superhero man male good hero superpowers
+🦸‍♀️ woman superhero woman female good heroine superpowers
+🦹 supervillain marvel
+🦹‍♂️ man supervillain man male evil bad criminal hero superpowers
+🦹‍♀️ woman supervillain woman female evil bad criminal heroine superpowers
+🧙 mage magic
+🧙‍♂️ man mage man male mage sorcerer
+🧙‍♀️ woman mage woman female mage witch
+🧚 fairy wings magical
+🧚‍♂️ man fairy man male
+🧚‍♀️ woman fairy woman female
+🧛 vampire blood twilight
+🧛‍♂️ man vampire man male dracula
+🧛‍♀️ woman vampire woman female
+🧜 merperson sea
+🧜‍♂️ merman man male triton
+🧜‍♀️ mermaid woman female merwoman ariel
+🧝 elf magical
+🧝‍♂️ man elf man male
+🧝‍♀️ woman elf woman female
+🧞 genie magical wishes
+🧞‍♂️ man genie man male
+🧞‍♀️ woman genie woman female
+🧟 zombie dead
+🧟‍♂️ man zombie man male dracula undead walking dead
+🧟‍♀️ woman zombie woman female undead walking dead
+💆 person getting massage relax
+💆‍♂️ man getting massage male boy man head
+💆‍♀️ woman getting massage female girl woman head
+💇 person getting haircut hairstyle
+💇‍♂️ man getting haircut male boy man
+💇‍♀️ woman getting haircut female girl woman
+🚶 person walking move
+🚶‍♂️ man walking human feet steps
+🚶‍♀️ woman walking human feet steps woman female
+🧍 person standing still
+🧍‍♂️ man standing still
+🧍‍♀️ woman standing still
+🧎 person kneeling pray respectful
+🧎‍♂️ man kneeling pray respectful
+🧎‍♀️ woman kneeling respectful pray
+🧑‍🦯 person with probing cane blind
+👨‍🦯 man with probing cane blind
+👩‍🦯 woman with probing cane blind
+🧑‍🦼 person in motorized wheelchair disability accessibility
+👨‍🦼 man in motorized wheelchair disability accessibility
+👩‍🦼 woman in motorized wheelchair disability accessibility
+🧑‍🦽 person in manual wheelchair disability accessibility
+👨‍🦽 man in manual wheelchair disability accessibility
+👩‍🦽 woman in manual wheelchair disability accessibility
+🏃 person running move
+🏃‍♂️ man running man walking exercise race running
+🏃‍♀️ woman running woman walking exercise race running female
+💃 woman dancing female girl woman fun
+🕺 man dancing male boy fun dancer
+🕴️ man in suit levitating suit business levitate hover jump
+👯 people with bunny ears perform costume
+👯‍♂️ men with bunny ears male bunny men boys
+👯‍♀️ women with bunny ears female bunny women girls
+🧖 person in steamy room relax spa
+🧖‍♂️ man in steamy room male man spa steamroom sauna
+🧖‍♀️ woman in steamy room female woman spa steamroom sauna
+🧗 person climbing sport
+🧗‍♂️ man climbing sports hobby man male rock
+🧗‍♀️ woman climbing sports hobby woman female rock
+🤺 person fencing sports fencing sword
+🏇 horse racing animal betting competition gambling luck
+⛷️ skier sports winter snow
+🏂 snowboarder sports winter
+🏌️ person golfing sports business
+🏌️‍♂️ man golfing sport
+🏌️‍♀️ woman golfing sports business woman female
+🏄 person surfing sport sea
+🏄‍♂️ man surfing sports ocean sea summer beach
+🏄‍♀️ woman surfing sports ocean sea summer beach woman female
+🚣 person rowing boat sport move
+🚣‍♂️ man rowing boat sports hobby water ship
+🚣‍♀️ woman rowing boat sports hobby water ship woman female
+🏊 person swimming sport pool
+🏊‍♂️ man swimming sports exercise human athlete water summer
+🏊‍♀️ woman swimming sports exercise human athlete water summer woman female
+⛹️ person bouncing ball sports human
+⛹️‍♂️ man bouncing ball sport
+⛹️‍♀️ woman bouncing ball sports human woman female
+🏋️ person lifting weights sports training exercise
+🏋️‍♂️ man lifting weights sport
+🏋️‍♀️ woman lifting weights sports training exercise woman female
+🚴 person biking sport move
+🚴‍♂️ man biking sports bike exercise hipster
+🚴‍♀️ woman biking sports bike exercise hipster woman female
+🚵 person mountain biking sport move
+🚵‍♂️ man mountain biking transportation sports human race bike
+🚵‍♀️ woman mountain biking transportation sports human race bike woman female
+🤸 person cartwheeling sport gymnastic
+🤸‍♂️ man cartwheeling gymnastics
+🤸‍♀️ woman cartwheeling gymnastics
+🤼 people wrestling sport
+🤼‍♂️ men wrestling sports wrestlers
+🤼‍♀️ women wrestling sports wrestlers
+🤽 person playing water polo sport
+🤽‍♂️ man playing water polo sports pool
+🤽‍♀️ woman playing water polo sports pool
+🤾 person playing handball sport
+🤾‍♂️ man playing handball sports
+🤾‍♀️ woman playing handball sports
+🤹 person juggling performance balance
+🤹‍♂️ man juggling juggle balance skill multitask
+🤹‍♀️ woman juggling juggle balance skill multitask
+🧘 person in lotus position meditate
+🧘‍♂️ man in lotus position man male meditation yoga serenity zen mindfulness
+🧘‍♀️ woman in lotus position woman female meditation yoga serenity zen mindfulness
+🛀 person taking bath clean shower bathroom
+🛌 person in bed bed rest
+🧑‍🤝‍🧑 people holding hands friendship
+👭 women holding hands pair friendship couple love like female people human
+👫 woman and man holding hands pair people human love date dating like affection valentines marriage
+👬 men holding hands pair couple love like bromance friendship people human
+💏 kiss pair valentines love like dating marriage
+👩‍❤️‍💋‍👨 kiss woman man love
+👨‍❤️‍💋‍👨 kiss man man pair valentines love like dating marriage
+👩‍❤️‍💋‍👩 kiss woman woman pair valentines love like dating marriage
+💑 couple with heart pair love like affection human dating valentines marriage
+👩‍❤️‍👨 couple with heart woman man love
+👨‍❤️‍👨 couple with heart man man pair love like affection human dating valentines marriage
+👩‍❤️‍👩 couple with heart woman woman pair love like affection human dating valentines marriage
+👪 family home parents child mom dad father mother people human
+👨‍👩‍👦 family man woman boy love
+👨‍👩‍👧 family man woman girl home parents people human child
+👨‍👩‍👧‍👦 family man woman girl boy home parents people human children
+👨‍👩‍👦‍👦 family man woman boy boy home parents people human children
+👨‍👩‍👧‍👧 family man woman girl girl home parents people human children
+👨‍👨‍👦 family man man boy home parents people human children
+👨‍👨‍👧 family man man girl home parents people human children
+👨‍👨‍👧‍👦 family man man girl boy home parents people human children
+👨‍👨‍👦‍👦 family man man boy boy home parents people human children
+👨‍👨‍👧‍👧 family man man girl girl home parents people human children
+👩‍👩‍👦 family woman woman boy home parents people human children
+👩‍👩‍👧 family woman woman girl home parents people human children
+👩‍👩‍👧‍👦 family woman woman girl boy home parents people human children
+👩‍👩‍👦‍👦 family woman woman boy boy home parents people human children
+👩‍👩‍👧‍👧 family woman woman girl girl home parents people human children
+👨‍👦 family man boy home parent people human child
+👨‍👦‍👦 family man boy boy home parent people human children
+👨‍👧 family man girl home parent people human child
+👨‍👧‍👦 family man girl boy home parent people human children
+👨‍👧‍👧 family man girl girl home parent people human children
+👩‍👦 family woman boy home parent people human child
+👩‍👦‍👦 family woman boy boy home parent people human children
+👩‍👧 family woman girl home parent people human child
+👩‍👧‍👦 family woman girl boy home parent people human children
+👩‍👧‍👧 family woman girl girl home parent people human children
+🗣️ speaking head user person human sing say talk
+👤 bust in silhouette user person human
+👥 busts in silhouette user person human group team
+👣 footprints feet tracking walking beach
+🐵 monkey face animal nature circus
+🐒 monkey animal nature banana circus
+🦍 gorilla animal nature circus
+🦧 orangutan animal
+🐶 dog face animal friend nature woof puppy pet faithful
+🐕 dog animal nature friend doge pet faithful
+🦮 guide dog animal blind
+🐕‍🦺 service dog blind animal
+🐩 poodle dog animal 101 nature pet
+🐺 wolf animal nature wild
+🦊 fox animal nature face
+🦝 raccoon animal nature
+🐱 cat face animal meow nature pet kitten
+🐈 cat animal meow pet cats
+🦁 lion animal nature
+🐯 tiger face animal cat danger wild nature roar
+🐅 tiger animal nature roar
+🐆 leopard animal nature
+🐴 horse face animal brown nature
+🐎 horse animal gamble luck
+🦄 unicorn animal nature mystical
+🦓 zebra animal nature stripes safari
+🦌 deer animal nature horns venison
+🐮 cow face beef ox animal nature moo milk
+🐂 ox animal cow beef
+🐃 water buffalo animal nature ox cow
+🐄 cow beef ox animal nature moo milk
+🐷 pig face animal oink nature
+🐖 pig animal nature
+🐗 boar animal nature
+🐽 pig nose animal oink
+🐏 ram animal sheep nature
+🐑 ewe animal nature wool shipit
+🐐 goat animal nature
+🐪 camel animal hot desert hump
+🐫 two hump camel animal nature hot desert hump
+🦙 llama animal nature alpaca
+🦒 giraffe animal nature spots safari
+🐘 elephant animal nature nose th circus
+🦏 rhinoceros animal nature horn
+🦛 hippopotamus animal nature
+🐭 mouse face animal nature cheese wedge rodent
+🐁 mouse animal nature rodent
+🐀 rat animal mouse rodent
+🐹 hamster animal nature
+🐰 rabbit face animal nature pet spring magic bunny
+🐇 rabbit animal nature pet magic spring
+🐿️ chipmunk animal nature rodent squirrel
+🦔 hedgehog animal nature spiny
+🦇 bat animal nature blind vampire
+🐻 bear animal nature wild
+🐨 koala animal nature
+🐼 panda animal nature panda
+🦥 sloth animal
+🦦 otter animal
+🦨 skunk animal
+🦘 kangaroo animal nature australia joey hop marsupial
+🦡 badger animal nature honey
+🐾 paw prints animal tracking footprints dog cat pet feet
+🦃 turkey animal bird
+🐔 chicken animal cluck nature bird
+🐓 rooster animal nature chicken
+🐣 hatching chick animal chicken egg born baby bird
+🐤 baby chick animal chicken bird
+🐥 front facing baby chick animal chicken baby bird
+🐦 bird animal nature fly tweet spring
+🐧 penguin animal nature
+🕊️ dove animal bird
+🦅 eagle animal nature bird
+🦆 duck animal nature bird mallard
+🦢 swan animal nature bird
+🦉 owl animal nature bird hoot
+🦩 flamingo animal
+🦚 peacock animal nature peahen bird
+🦜 parrot animal nature bird pirate talk
+🐸 frog animal nature croak toad
+🐊 crocodile animal nature reptile lizard alligator
+🐢 turtle animal slow nature tortoise
+🦎 lizard animal nature reptile
+🐍 snake animal evil nature hiss python
+🐲 dragon face animal myth nature chinese green
+🐉 dragon animal myth nature chinese green
+🦕 sauropod animal nature dinosaur brachiosaurus brontosaurus diplodocus extinct
+🦖 t rex animal nature dinosaur tyrannosaurus extinct
+🐳 spouting whale animal nature sea ocean
+🐋 whale animal nature sea ocean
+🐬 dolphin animal nature fish sea ocean flipper fins beach
+🐟 fish animal food nature
+🐠 tropical fish animal swim ocean beach nemo
+🐡 blowfish animal nature food sea ocean
+🦈 shark animal nature fish sea ocean jaws fins beach
+🐙 octopus animal creature ocean sea nature beach
+🐚 spiral shell nature sea beach
+🐌 snail slow animal shell
+🦋 butterfly animal insect nature caterpillar
+🐛 bug animal insect nature worm
+🐜 ant animal insect nature bug
+🐝 honeybee animal insect nature bug spring honey
+🐞 lady beetle animal insect nature ladybug
+🦗 cricket animal cricket chirp
+🕷️ spider animal arachnid
+🕸️ spider web animal insect arachnid silk
+🦂 scorpion animal arachnid
+🦟 mosquito animal nature insect malaria
+🦠 microbe amoeba bacteria germs virus
+💐 bouquet flowers nature spring
+🌸 cherry blossom nature plant spring flower
+💮 white flower japanese spring
+🏵️ rosette flower decoration military
+🌹 rose flowers valentines love spring
+🥀 wilted flower plant nature flower
+🌺 hibiscus plant vegetable flowers beach
+🌻 sunflower nature plant fall
+🌼 blossom nature flowers yellow
+🌷 tulip flowers plant nature summer spring
+🌱 seedling plant nature grass lawn spring
+🌲 evergreen tree plant nature
+🌳 deciduous tree plant nature
+🌴 palm tree plant vegetable nature summer beach mojito tropical
+🌵 cactus vegetable plant nature
+🌾 sheaf of rice nature plant
+🌿 herb vegetable plant medicine weed grass lawn
+☘️ shamrock vegetable plant nature irish clover
+🍀 four leaf clover vegetable plant nature lucky irish
+🍁 maple leaf nature plant vegetable ca fall
+🍂 fallen leaf nature plant vegetable leaves
+🍃 leaf fluttering in wind nature plant tree vegetable grass lawn spring
+🍇 grapes fruit food wine
+🍈 melon fruit nature food
+🍉 watermelon fruit food picnic summer
+🍊 tangerine food fruit nature orange
+🍋 lemon fruit nature
+🍌 banana fruit food monkey
+🍍 pineapple fruit nature food
+🥭 mango fruit food tropical
+🍎 red apple fruit mac school
+🍏 green apple fruit nature
+🍐 pear fruit nature food
+🍑 peach fruit nature food
+🍒 cherries food fruit
+🍓 strawberry fruit food nature
+🥝 kiwi fruit fruit food
+🍅 tomato fruit vegetable nature food
+🥥 coconut fruit nature food palm
+🥑 avocado fruit food
+🍆 eggplant vegetable nature food aubergine
+🥔 potato food tuber vegatable starch
+🥕 carrot vegetable food orange
+🌽 ear of corn food vegetable plant
+🌶️ hot pepper food spicy chilli chili
+🥒 cucumber fruit food pickle
+🥬 leafy green food vegetable plant bok choy cabbage kale lettuce
+🥦 broccoli fruit food vegetable
+🧄 garlic food spice cook
+🧅 onion cook food spice
+🍄 mushroom plant vegetable
+🥜 peanuts food nut
+🌰 chestnut food squirrel
+🍞 bread food wheat breakfast toast
+🥐 croissant food bread french
+🥖 baguette bread food bread french
+🥨 pretzel food bread twisted
+🥯 bagel food bread bakery schmear
+🥞 pancakes food breakfast flapjacks hotcakes
+🧇 waffle food breakfast
+🧀 cheese wedge food chadder
+🍖 meat on bone good food drumstick
+🍗 poultry leg food meat drumstick bird chicken turkey
+🥩 cut of meat food cow meat cut chop lambchop porkchop
+🥓 bacon food breakfast pork pig meat
+🍔 hamburger meat fast food beef cheeseburger mcdonalds burger king
+🍟 french fries chips snack fast food
+🍕 pizza food party
+🌭 hot dog food frankfurter
+🥪 sandwich food lunch bread
+🌮 taco food mexican
+🌯 burrito food mexican
+🥙 stuffed flatbread food flatbread stuffed gyro
+🧆 falafel food
+🥚 egg food chicken breakfast
+🍳 cooking food breakfast kitchen egg
+🥘 shallow pan of food food cooking casserole paella
+🍲 pot of food food meat soup
+🥣 bowl with spoon food breakfast cereal oatmeal porridge
+🥗 green salad food healthy lettuce
+🍿 popcorn food movie theater films snack
+🧈 butter food cook
+🧂 salt condiment shaker
+🥫 canned food food soup
+🍱 bento box food japanese box
+🍘 rice cracker food japanese
+🍙 rice ball food japanese
+🍚 cooked rice food china asian
+🍛 curry rice food spicy hot indian
+🍜 steaming bowl food japanese noodle chopsticks
+🍝 spaghetti food italian noodle
+🍠 roasted sweet potato food nature
+🍢 oden food japanese
+🍣 sushi food fish japanese rice
+🍤 fried shrimp food animal appetizer summer
+🍥 fish cake with swirl food japan sea beach narutomaki pink swirl kamaboko surimi ramen
+🥮 moon cake food autumn
+🍡 dango food dessert sweet japanese barbecue meat
+🥟 dumpling food empanada pierogi potsticker
+🥠 fortune cookie food prophecy
+🥡 takeout box food leftovers
+🦀 crab animal crustacean
+🦞 lobster animal nature bisque claws seafood
+🦐 shrimp animal ocean nature seafood
+🦑 squid animal nature ocean sea
+🦪 oyster food
+🍦 soft ice cream food hot dessert summer
+🍧 shaved ice hot dessert summer
+🍨 ice cream food hot dessert
+🍩 doughnut food dessert snack sweet donut
+🍪 cookie food snack oreo chocolate sweet dessert
+🎂 birthday cake food dessert cake
+🍰 shortcake food dessert
+🧁 cupcake food dessert bakery sweet
+🥧 pie food dessert pastry
+🍫 chocolate bar food snack dessert sweet
+🍬 candy snack dessert sweet lolly
+🍭 lollipop food snack candy sweet
+🍮 custard dessert food
+🍯 honey pot bees sweet kitchen
+🍼 baby bottle food container milk
+🥛 glass of milk beverage drink cow
+☕ hot beverage beverage caffeine latte espresso coffee
+🍵 teacup without handle drink bowl breakfast green british
+🍶 sake wine drink drunk beverage japanese alcohol booze
+🍾 bottle with popping cork drink wine bottle celebration
+🍷 wine glass drink beverage drunk alcohol booze
+🍸 cocktail glass drink drunk alcohol beverage booze mojito
+🍹 tropical drink beverage cocktail summer beach alcohol booze mojito
+🍺 beer mug relax beverage drink drunk party pub summer alcohol booze
+🍻 clinking beer mugs relax beverage drink drunk party pub summer alcohol booze
+🥂 clinking glasses beverage drink party alcohol celebrate cheers wine champagne toast
+🥃 tumbler glass drink beverage drunk alcohol liquor booze bourbon scotch whisky glass shot
+🥤 cup with straw drink soda
+🧃 beverage box drink
+🧉 mate drink tea beverage
+🧊 ice water cold
+🥢 chopsticks food
+🍽️ fork and knife with plate food eat meal lunch dinner restaurant
+🍴 fork and knife cutlery kitchen
+🥄 spoon cutlery kitchen tableware
+🔪 kitchen knife knife blade cutlery kitchen weapon
+🏺 amphora vase jar
+🌍 globe showing europe africa globe world international
+🌎 globe showing americas globe world USA international
+🌏 globe showing asia australia globe world east international
+🌐 globe with meridians earth international world internet interweb i18n
+🗺️ world map location direction
+🗾 map of japan nation country japanese asia
+🧭 compass magnetic navigation orienteering
+🏔️ snow capped mountain photo nature environment winter cold
+⛰️ mountain photo nature environment
+🌋 volcano photo nature disaster
+🗻 mount fuji photo mountain nature japanese
+🏕️ camping photo outdoors tent
+🏖️ beach with umbrella weather summer sunny sand mojito
+🏜️ desert photo warm saharah
+🏝️ desert island photo tropical mojito
+🏞️ national park photo environment nature
+🏟️ stadium photo place sports concert venue
+🏛️ classical building art culture history
+🏗️ building construction wip working progress
+🧱 brick bricks
+🏘️ houses buildings photo
+🏚️ derelict house abandon evict broken building
+🏠 house building home
+🏡 house with garden home plant nature
+🏢 office building building bureau work
+🏣 japanese post office building envelope communication
+🏤 post office building email
+🏥 hospital building health surgery doctor
+🏦 bank building money sales cash business enterprise
+🏨 hotel building accomodation checkin
+🏩 love hotel like affection dating
+🏪 convenience store building shopping groceries
+🏫 school building student education learn teach
+🏬 department store building shopping mall
+🏭 factory building industry pollution smoke
+🏯 japanese castle photo building
+🏰 castle building royalty history
+💒 wedding love like affection couple marriage bride groom
+🗼 tokyo tower photo japanese
+🗽 statue of liberty american newyork
+⛪ church building religion christ
+🕌 mosque islam worship minaret
+🛕 hindu temple religion
+🕍 synagogue judaism worship temple jewish
+⛩️ shinto shrine temple japan kyoto
+🕋 kaaba mecca mosque islam
+⛲ fountain photo summer water fresh
+⛺ tent photo camping outdoors
+🌁 foggy photo mountain
+🌃 night with stars evening city downtown
+🏙️ cityscape photo night life urban
+🌄 sunrise over mountains view vacation photo
+🌅 sunrise morning view vacation photo
+🌆 cityscape at dusk photo evening sky buildings
+🌇 sunset photo good morning dawn
+🌉 bridge at night photo sanfrancisco
+♨️ hot springs bath warm relax
+🎠 carousel horse photo carnival
+🎡 ferris wheel photo carnival londoneye
+🎢 roller coaster carnival playground photo fun
+💈 barber pole hair salon style
+🎪 circus tent festival carnival party
+🚂 locomotive transportation vehicle train
+🚃 railway car transportation vehicle
+🚄 high speed train transportation vehicle
+🚅 bullet train transportation vehicle speed fast public travel
+🚆 train transportation vehicle
+🚇 metro transportation blue-square mrt underground tube
+🚈 light rail transportation vehicle
+🚉 station transportation vehicle public
+🚊 tram transportation vehicle
+🚝 monorail transportation vehicle
+🚞 mountain railway transportation vehicle
+🚋 tram car transportation vehicle carriage public travel
+🚌 bus car vehicle transportation
+🚍 oncoming bus vehicle transportation
+🚎 trolleybus bart transportation vehicle
+🚐 minibus vehicle car transportation
+🚑 ambulance health 911 hospital
+🚒 fire engine transportation cars vehicle
+🚓 police car vehicle cars transportation law legal enforcement
+🚔 oncoming police car vehicle law legal enforcement 911
+🚕 taxi uber vehicle cars transportation
+🚖 oncoming taxi vehicle cars uber
+🚗 automobile red transportation vehicle
+🚘 oncoming automobile car vehicle transportation
+🚙 sport utility vehicle transportation vehicle
+🚚 delivery truck cars transportation
+🚛 articulated lorry vehicle cars transportation express
+🚜 tractor vehicle car farming agriculture
+🏎️ racing car sports race fast formula f1
+🏍️ motorcycle race sports fast
+🛵 motor scooter vehicle vespa sasha
+🦽 manual wheelchair accessibility
+🦼 motorized wheelchair accessibility
+🛺 auto rickshaw move transportation
+🚲 bicycle sports bicycle exercise hipster
+🛴 kick scooter vehicle kick razor
+🛹 skateboard board
+🚏 bus stop transportation wait
+🛣️ motorway road cupertino interstate highway
+🛤️ railway track train transportation
+🛢️ oil drum barrell
+⛽ fuel pump gas station petroleum
+🚨 police car light police ambulance 911 emergency alert error pinged law legal
+🚥 horizontal traffic light transportation signal
+🚦 vertical traffic light transportation driving
+🛑 stop sign stop
+🚧 construction wip progress caution warning
+⚓ anchor ship ferry sea boat
+⛵ sailboat ship summer transportation water sailing
+🛶 canoe boat paddle water ship
+🚤 speedboat ship transportation vehicle summer
+🛳️ passenger ship yacht cruise ferry
+⛴️ ferry boat ship yacht
+🛥️ motor boat ship
+🚢 ship transportation titanic deploy
+✈️ airplane vehicle transportation flight fly
+🛩️ small airplane flight transportation fly vehicle
+🛫 airplane departure airport flight landing
+🛬 airplane arrival airport flight boarding
+🪂 parachute fly glide
+💺 seat sit airplane transport bus flight fly
+🚁 helicopter transportation vehicle fly
+🚟 suspension railway vehicle transportation
+🚠 mountain cableway transportation vehicle ski
+🚡 aerial tramway transportation vehicle ski
+🛰️ satellite communication gps orbit spaceflight NASA ISS
+🚀 rocket launch ship staffmode NASA outer space outer space fly
+🛸 flying saucer transportation vehicle ufo
+🛎️ bellhop bell service
+🧳 luggage packing travel
+⌛ hourglass done time clock oldschool limit exam quiz test
+⏳ hourglass not done oldschool time countdown
+⌚ watch time accessories
+⏰ alarm clock time wake
+⏱️ stopwatch time deadline
+⏲️ timer clock alarm
+🕰️ mantelpiece clock time
+🕛 twelve o clock time noon midnight midday late early schedule
+🕧 twelve thirty time late early schedule
+🕐 one o clock time late early schedule
+🕜 one thirty time late early schedule
+🕑 two o clock time late early schedule
+🕝 two thirty time late early schedule
+🕒 three o clock time late early schedule
+🕞 three thirty time late early schedule
+🕓 four o clock time late early schedule
+🕟 four thirty time late early schedule
+🕔 five o clock time late early schedule
+🕠 five thirty time late early schedule
+🕕 six o clock time late early schedule dawn dusk
+🕡 six thirty time late early schedule
+🕖 seven o clock time late early schedule
+🕢 seven thirty time late early schedule
+🕗 eight o clock time late early schedule
+🕣 eight thirty time late early schedule
+🕘 nine o clock time late early schedule
+🕤 nine thirty time late early schedule
+🕙 ten o clock time late early schedule
+🕥 ten thirty time late early schedule
+🕚 eleven o clock time late early schedule
+🕦 eleven thirty time late early schedule
+🌑 new moon nature twilight planet space night evening sleep
+🌒 waxing crescent moon nature twilight planet space night evening sleep
+🌓 first quarter moon nature twilight planet space night evening sleep
+🌔 waxing gibbous moon nature night sky gray twilight planet space evening sleep
+🌕 full moon nature yellow twilight planet space night evening sleep
+🌖 waning gibbous moon nature twilight planet space night evening sleep waxing gibbous moon
+🌗 last quarter moon nature twilight planet space night evening sleep
+🌘 waning crescent moon nature twilight planet space night evening sleep
+🌙 crescent moon night sleep sky evening magic
+🌚 new moon face nature twilight planet space night evening sleep
+🌛 first quarter moon face nature twilight planet space night evening sleep
+🌜 last quarter moon face nature twilight planet space night evening sleep
+🌡️ thermometer weather temperature hot cold
+☀️ sun weather nature brightness summer beach spring
+🌝 full moon face nature twilight planet space night evening sleep
+🌞 sun with face nature morning sky
+🪐 ringed planet outerspace
+⭐ star night yellow
+🌟 glowing star night sparkle awesome good magic
+🌠 shooting star night photo
+🌌 milky way photo space stars
+☁️ cloud weather sky
+⛅ sun behind cloud weather nature cloudy morning fall spring
+⛈️ cloud with lightning and rain weather lightning
+🌤️ sun behind small cloud weather
+🌥️ sun behind large cloud weather
+🌦️ sun behind rain cloud weather
+🌧️ cloud with rain weather
+🌨️ cloud with snow weather
+🌩️ cloud with lightning weather thunder
+🌪️ tornado weather cyclone twister
+🌫️ fog weather
+🌬️ wind face gust air
+🌀 cyclone weather swirl blue cloud vortex spiral whirlpool spin tornado hurricane typhoon
+🌈 rainbow nature happy unicorn face photo sky spring
+🌂 closed umbrella weather rain drizzle
+☂️ umbrella weather spring
+☔ umbrella with rain drops rainy weather spring
+⛱️ umbrella on ground weather summer
+⚡ high voltage thunder weather lightning bolt fast
+❄️ snowflake winter season cold weather christmas xmas
+☃️ snowman winter season cold weather christmas xmas frozen
+⛄ snowman without snow winter season cold weather christmas xmas frozen without snow
+☄️ comet space
+🔥 fire hot cook flame
+💧 droplet water drip faucet spring
+🌊 water wave sea water wave nature tsunami disaster
+🎃 jack o lantern halloween light pumpkin creepy fall
+🎄 christmas tree festival vacation december xmas celebration
+🎆 fireworks photo festival carnival congratulations
+🎇 sparkler stars night shine
+🧨 firecracker dynamite boom explode explosion explosive
+✨ sparkles stars shine shiny cool awesome good magic
+🎈 balloon party celebration birthday circus
+🎉 party popper party congratulations birthday magic circus celebration tada
+🎊 confetti ball festival party birthday circus
+🎋 tanabata tree plant nature branch summer
+🎍 pine decoration plant nature vegetable panda pine decoration
+🎎 japanese dolls japanese toy kimono
+🎏 carp streamer fish japanese koinobori carp banner
+🎐 wind chime nature ding spring bell
+🎑 moon viewing ceremony photo japan asia tsukimi
+🧧 red envelope gift
+🎀 ribbon decoration pink girl bowtie
+🎁 wrapped gift present birthday christmas xmas
+🎗️ reminder ribbon sports cause support awareness
+🎟️ admission tickets sports concert entrance
+🎫 ticket event concert pass
+🎖️ military medal award winning army
+🏆 trophy win award contest place ftw ceremony
+🏅 sports medal award winning
+🥇 1st place medal award winning first
+🥈 2nd place medal award second
+🥉 3rd place medal award third
+⚽ soccer ball sports football
+⚾ baseball sports balls
+🥎 softball sports balls
+🏀 basketball sports balls NBA
+🏐 volleyball sports balls
+🏈 american football sports balls NFL
+🏉 rugby football sports team
+🎾 tennis sports balls green
+🥏 flying disc sports frisbee ultimate
+🎳 bowling sports fun play
+🏏 cricket game sports
+🏑 field hockey sports
+🏒 ice hockey sports
+🥍 lacrosse sports ball stick
+🏓 ping pong sports pingpong
+🏸 badminton sports
+🥊 boxing glove sports fighting
+🥋 martial arts uniform judo karate taekwondo
+🥅 goal net sports
+⛳ flag in hole sports business flag hole summer
+⛸️ ice skate sports
+🎣 fishing pole food hobby summer
+🤿 diving mask sport ocean
+🎽 running shirt play pageant
+🎿 skis sports winter cold snow
+🛷 sled sleigh luge toboggan
+🥌 curling stone sports
+🎯 direct hit game play bar target bullseye
+🪀 yo yo toy
+🪁 kite wind fly
+🎱 pool 8 ball pool hobby game luck magic
+🔮 crystal ball disco party magic circus fortune teller
+🧿 nazar amulet bead charm
+🎮 video game play console PS4 controller
+🕹️ joystick game play
+🎰 slot machine bet gamble vegas fruit machine luck casino
+🎲 game die dice random tabletop play luck
+🧩 puzzle piece interlocking puzzle piece
+🧸 teddy bear plush stuffed
+♠️ spade suit poker cards suits magic
+♥️ heart suit poker cards magic suits
+♦️ diamond suit poker cards magic suits
+♣️ club suit poker cards magic suits
+♟️ chess pawn expendable
+🃏 joker poker cards game play magic
+🀄 mahjong red dragon game play chinese kanji
+🎴 flower playing cards game sunset red
+🎭 performing arts acting theater drama
+🖼️ framed picture photography
+🎨 artist palette design paint draw colors
+🧵 thread needle sewing spool string
+🧶 yarn ball crochet knit
+👓 glasses fashion accessories eyesight nerdy dork geek
+🕶️ sunglasses face cool accessories
+🥽 goggles eyes protection safety
+🥼 lab coat doctor experiment scientist chemist
+🦺 safety vest protection
+👔 necktie shirt suitup formal fashion cloth business
+👕 t shirt fashion cloth casual shirt tee
+👖 jeans fashion shopping
+🧣 scarf neck winter clothes
+🧤 gloves hands winter clothes
+🧥 coat jacket
+🧦 socks stockings clothes
+👗 dress clothes fashion shopping
+👘 kimono dress fashion women female japanese
+🥻 sari dress
+🩱 one piece swimsuit fashion
+🩲 briefs clothing
+🩳 shorts clothing
+👙 bikini swimming female woman girl fashion beach summer
+👚 woman s clothes fashion shopping bags female
+👛 purse fashion accessories money sales shopping
+👜 handbag fashion accessory accessories shopping
+👝 clutch bag bag accessories shopping
+🛍️ shopping bags mall buy purchase
+🎒 backpack student education bag backpack
+👞 man s shoe fashion male
+👟 running shoe shoes sports sneakers
+🥾 hiking boot backpacking camping hiking
+🥿 flat shoe ballet slip-on slipper
+👠 high heeled shoe fashion shoes female pumps stiletto
+👡 woman s sandal shoes fashion flip flops
+🩰 ballet shoes dance
+👢 woman s boot shoes fashion
+👑 crown king kod leader royalty lord
+👒 woman s hat fashion accessories female lady spring
+🎩 top hat magic gentleman classy circus
+🎓 graduation cap school college degree university graduation cap hat legal learn education
+🧢 billed cap cap baseball
+⛑️ rescue worker s helmet construction build
+📿 prayer beads dhikr religious
+💄 lipstick female girl fashion woman
+💍 ring wedding propose marriage valentines diamond fashion jewelry gem engagement
+💎 gem stone blue ruby diamond jewelry
+🔇 muted speaker sound volume silence quiet
+🔈 speaker low volume sound volume silence broadcast
+🔉 speaker medium volume volume speaker broadcast
+🔊 speaker high volume volume noise noisy speaker broadcast
+📢 loudspeaker volume sound
+📣 megaphone sound speaker volume
+📯 postal horn instrument music
+🔔 bell sound notification christmas xmas chime
+🔕 bell with slash sound volume mute quiet silent
+🎼 musical score treble clef compose
+🎵 musical note score tone sound
+🎶 musical notes music score
+🎙️ studio microphone sing recording artist talkshow
+🎚️ level slider scale
+🎛️ control knobs dial
+🎤 microphone sound music PA sing talkshow
+🎧 headphone music score gadgets
+📻 radio communication music podcast program
+🎷 saxophone music instrument jazz blues
+🎸 guitar music instrument
+🎹 musical keyboard piano instrument compose
+🎺 trumpet music brass
+🎻 violin music instrument orchestra symphony
+🪕 banjo music instructment
+🥁 drum music instrument drumsticks snare
+📱 mobile phone technology apple gadgets dial
+📲 mobile phone with arrow iphone incoming
+☎️ telephone technology communication dial telephone
+📞 telephone receiver technology communication dial
+📟 pager bbcall oldschool 90s
+📠 fax machine communication technology
+🔋 battery power energy sustain
+🔌 electric plug charger power
+💻 laptop technology laptop screen display monitor
+🖥️ desktop computer technology computing screen
+🖨️ printer paper ink
+⌨️ keyboard technology computer type input text
+🖱️ computer mouse click
+🖲️ trackball technology trackpad
+💽 computer disk technology record data disk 90s
+💾 floppy disk oldschool technology save 90s 80s
+💿 optical disk technology dvd disk disc 90s
+📀 dvd cd disk disc
+🧮 abacus calculation
+🎥 movie camera film record
+🎞️ film frames movie
+📽️ film projector video tape record movie
+🎬 clapper board movie film record
+📺 television technology program oldschool show television
+📷 camera gadgets photography
+📸 camera with flash photography gadgets
+📹 video camera film record
+📼 videocassette record video oldschool 90s 80s
+🔍 magnifying glass tilted left search zoom find detective
+🔎 magnifying glass tilted right search zoom find detective
+🕯️ candle fire wax
+💡 light bulb light electricity idea
+🔦 flashlight dark camping sight night
+🏮 red paper lantern light paper halloween spooky
+🪔 diya lamp lighting
+📔 notebook with decorative cover classroom notes record paper study
+📕 closed book read library knowledge textbook learn
+📖 open book book read library knowledge literature learn study
+📗 green book read library knowledge study
+📘 blue book read library knowledge learn study
+📙 orange book read library knowledge textbook study
+📚 books literature library study
+📓 notebook stationery record notes paper study
+📒 ledger notes paper
+📃 page with curl documents office paper
+📜 scroll documents ancient history paper
+📄 page facing up documents office paper information
+📰 newspaper press headline
+🗞️ rolled up newspaper press headline
+📑 bookmark tabs favorite save order tidy
+🔖 bookmark favorite label save
+🏷️ label sale tag
+💰 money bag dollar payment coins sale
+💴 yen banknote money sales japanese dollar currency
+💵 dollar banknote money sales bill currency
+💶 euro banknote money sales dollar currency
+💷 pound banknote british sterling money sales bills uk england currency
+💸 money with wings dollar bills payment sale
+💳 credit card money sales dollar bill payment shopping
+🧾 receipt accounting expenses
+💹 chart increasing with yen green-square graph presentation stats
+💱 currency exchange money sales dollar travel
+💲 heavy dollar sign money sales payment currency buck
+✉️ envelope letter postal inbox communication
+📧 e mail communication inbox
+📨 incoming envelope email inbox
+📩 envelope with arrow email communication
+📤 outbox tray inbox email
+📥 inbox tray email documents
+📦 package mail gift cardboard box moving
+📫 closed mailbox with raised flag email inbox communication
+📪 closed mailbox with lowered flag email communication inbox
+📬 open mailbox with raised flag email inbox communication
+📭 open mailbox with lowered flag email inbox
+📮 postbox email letter envelope
+🗳️ ballot box with ballot election vote
+✏️ pencil stationery write paper writing school study
+✒️ black nib pen stationery writing write
+🖋️ fountain pen stationery writing write
+🖊️ pen stationery writing write
+🖌️ paintbrush drawing creativity art
+🖍️ crayon drawing creativity
+📝 memo write documents stationery pencil paper writing legal exam quiz test study compose
+💼 briefcase business documents work law legal job career
+📁 file folder documents business office
+📂 open file folder documents load
+🗂️ card index dividers organizing business stationery
+📅 calendar calendar schedule
+📆 tear off calendar schedule date planning
+🗒️ spiral notepad memo stationery
+🗓️ spiral calendar date schedule planning
+📇 card index business stationery
+📈 chart increasing graph presentation stats recovery business economics money sales good success
+📉 chart decreasing graph presentation stats recession business economics money sales bad failure
+📊 bar chart graph presentation stats
+📋 clipboard stationery documents
+📌 pushpin stationery mark here
+📍 round pushpin stationery location map here
+📎 paperclip documents stationery
+🖇️ linked paperclips documents stationery
+📏 straight ruler stationery calculate length math school drawing architect sketch
+📐 triangular ruler stationery math architect sketch
+✂️ scissors stationery cut
+🗃️ card file box business stationery
+🗄️ file cabinet filing organizing
+🗑️ wastebasket bin trash rubbish garbage toss
+🔒 locked security password padlock
+🔓 unlocked privacy security
+🔏 locked with pen security secret
+🔐 locked with key security privacy
+🔑 key lock door password
+🗝️ old key lock door password
+🔨 hammer tools build create
+🪓 axe tool chop cut
+⛏️ pick tools dig
+⚒️ hammer and pick tools build create
+🛠️ hammer and wrench tools build create
+🗡️ dagger weapon
+⚔️ crossed swords weapon
+🔫 pistol violence weapon pistol revolver
+🏹 bow and arrow sports
+🛡️ shield protection security
+🔧 wrench tools diy ikea fix maintainer
+🔩 nut and bolt handy tools fix
+⚙️ gear cog
+🗜️ clamp tool
+⚖️ balance scale law fairness weight
+🦯 probing cane accessibility
+🔗 link rings url
+⛓️ chains lock arrest
+🧰 toolbox tools diy fix maintainer mechanic
+🧲 magnet attraction magnetic
+⚗️ alembic distilling science experiment chemistry
+🧪 test tube chemistry experiment lab science
+🧫 petri dish bacteria biology culture lab
+🧬 dna biologist genetics life
+🔬 microscope laboratory experiment zoomin science study
+🔭 telescope stars space zoom science astronomy
+📡 satellite antenna communication future radio space
+💉 syringe health hospital drugs blood medicine needle doctor nurse
+🩸 drop of blood period hurt harm wound
+💊 pill health medicine doctor pharmacy drug
+🩹 adhesive bandage heal
+🩺 stethoscope health
+🚪 door house entry exit
+🛏️ bed sleep rest
+🛋️ couch and lamp read chill
+🪑 chair sit furniture
+🚽 toilet restroom wc washroom bathroom potty
+🚿 shower clean water bathroom
+🛁 bathtub clean shower bathroom
+🪒 razor cut
+🧴 lotion bottle moisturizer sunscreen
+🧷 safety pin diaper
+🧹 broom cleaning sweeping witch
+🧺 basket laundry
+🧻 roll of paper roll
+🧼 soap bar bathing cleaning lather
+🧽 sponge absorbing cleaning porous
+🧯 fire extinguisher quench
+🛒 shopping cart trolley
+🚬 cigarette kills tobacco cigarette joint smoke
+⚰️ coffin vampire dead die death rip graveyard cemetery casket funeral box
+⚱️ funeral urn dead die death rip ashes
+🗿 moai rock easter island moai
+🏧 atm sign money sales cash blue-square payment bank
+🚮 litter in bin sign blue-square sign human info
+🚰 potable water blue-square liquid restroom cleaning faucet
+♿ wheelchair symbol blue-square disabled accessibility
+🚹 men s room toilet restroom wc blue-square gender male
+🚺 women s room purple-square woman female toilet loo restroom gender
+🚻 restroom blue-square toilet refresh wc gender
+🚼 baby symbol orange-square child
+🚾 water closet toilet restroom blue-square
+🛂 passport control custom blue-square
+🛃 customs passport border blue-square
+🛄 baggage claim blue-square airport transport
+🛅 left luggage blue-square travel
+⚠️ warning exclamation wip alert error problem issue
+🚸 children crossing school warning danger sign driving yellow-diamond
+⛔ no entry limit security privacy bad denied stop circle
+🚫 prohibited forbid stop limit denied disallow circle
+🚳 no bicycles cyclist prohibited circle
+🚭 no smoking cigarette blue-square smell smoke
+🚯 no littering trash bin garbage circle
+🚱 non potable water drink faucet tap circle
+🚷 no pedestrians rules crossing walking circle
+📵 no mobile phones iphone mute circle
+🔞 no one under eighteen 18 drink pub night minor circle
+☢️ radioactive nuclear danger
+☣️ biohazard danger
+⬆️ up arrow blue-square continue top direction
+↗️ up right arrow blue-square point direction diagonal northeast
+➡️ right arrow blue-square next
+↘️ down right arrow blue-square direction diagonal southeast
+⬇️ down arrow blue-square direction bottom
+↙️ down left arrow blue-square direction diagonal southwest
+⬅️ left arrow blue-square previous back
+↖️ up left arrow blue-square point direction diagonal northwest
+↕️ up down arrow blue-square direction way vertical
+↔️ left right arrow shape direction horizontal sideways
+↩️ right arrow curving left back return blue-square undo enter
+↪️ left arrow curving right blue-square return rotate direction
+⤴️ right arrow curving up blue-square direction top
+⤵️ right arrow curving down blue-square direction bottom
+🔃 clockwise vertical arrows sync cycle round repeat
+🔄 counterclockwise arrows button blue-square sync cycle
+🔙 back arrow arrow words return
+🔚 end arrow words arrow
+🔛 on arrow arrow words
+🔜 soon arrow arrow words
+🔝 top arrow words blue-square
+🛐 place of worship religion church temple prayer
+⚛️ atom symbol science physics chemistry
+🕉️ om hinduism buddhism sikhism jainism
+✡️ star of david judaism
+☸️ wheel of dharma hinduism buddhism sikhism jainism
+☯️ yin yang balance
+✝️ latin cross christianity
+☦️ orthodox cross suppedaneum religion
+☪️ star and crescent islam
+☮️ peace symbol hippie
+🕎 menorah hanukkah candles jewish
+🔯 dotted six pointed star purple-square religion jewish hexagram
+♈ aries sign purple-square zodiac astrology
+♉ taurus purple-square sign zodiac astrology
+♊ gemini sign zodiac purple-square astrology
+♋ cancer sign zodiac purple-square astrology
+♌ leo sign purple-square zodiac astrology
+♍ virgo sign zodiac purple-square astrology
+♎ libra sign purple-square zodiac astrology
+♏ scorpio sign zodiac purple-square astrology scorpio
+♐ sagittarius sign zodiac purple-square astrology
+♑ capricorn sign zodiac purple-square astrology
+♒ aquarius sign purple-square zodiac astrology
+♓ pisces purple-square sign zodiac astrology
+⛎ ophiuchus sign purple-square constellation astrology
+🔀 shuffle tracks button blue-square shuffle music random
+🔁 repeat button loop record
+🔂 repeat single button blue-square loop
+▶️ play button blue-square right direction play
+⏩ fast forward button blue-square play speed continue
+⏭️ next track button forward next blue-square
+⏯️ play or pause button blue-square play pause
+◀️ reverse button blue-square left direction
+⏪ fast reverse button play blue-square
+⏮️ last track button backward
+🔼 upwards button blue-square triangle direction point forward top
+⏫ fast up button blue-square direction top
+🔽 downwards button blue-square direction bottom
+⏬ fast down button blue-square direction bottom
+⏸️ pause button pause blue-square
+⏹️ stop button blue-square
+⏺️ record button blue-square
+⏏️ eject button blue-square
+🎦 cinema blue-square record film movie curtain stage theater
+🔅 dim button sun afternoon warm summer
+🔆 bright button sun light
+📶 antenna bars blue-square reception phone internet connection wifi bluetooth bars
+📳 vibration mode orange-square phone
+📴 mobile phone off mute orange-square silence quiet
+♀️ female sign woman women lady girl
+♂️ male sign man boy men
+⚕️ medical symbol health hospital
+♾️ infinity forever
+♻️ recycling symbol arrow environment garbage trash
+⚜️ fleur de lis decorative scout
+🔱 trident emblem weapon spear
+📛 name badge fire forbid
+🔰 japanese symbol for beginner badge shield
+⭕ hollow red circle circle round
+✅ check mark button green-square ok agree vote election answer tick
+☑️ check box with check ok agree confirm black-square vote election yes tick
+✔️ check mark ok nike answer yes tick
+✖️ multiplication sign math calculation
+❌ cross mark no delete remove cancel red
+❎ cross mark button x green-square no deny
+➕ plus sign math calculation addition more increase
+➖ minus sign math calculation subtract less
+➗ division sign divide math calculation
+➰ curly loop scribble draw shape squiggle
+➿ double curly loop tape cassette
+〽️ part alternation mark graph presentation stats business economics bad
+✳️ eight spoked asterisk star sparkle green-square
+✴️ eight pointed star orange-square shape polygon
+❇️ sparkle stars green-square awesome good fireworks
+‼️ double exclamation mark exclamation surprise
+⁉️ exclamation question mark wat punctuation surprise
+❓ question mark doubt confused
+❔ white question mark doubts gray huh confused
+❕ white exclamation mark surprise punctuation gray wow warning
+❗ exclamation mark heavy exclamation mark danger surprise punctuation wow warning
+〰️ wavy dash draw line moustache mustache squiggle scribble
+©️ copyright ip license circle law legal
+®️ registered alphabet circle
+™️ trade mark trademark brand law legal
+#️⃣ keycap  symbol blue-square twitter
+*️⃣ keycap  star keycap
+0️⃣ keycap 0 0 numbers blue-square null
+1️⃣ keycap 1 blue-square numbers 1
+2️⃣ keycap 2 numbers 2 prime blue-square
+3️⃣ keycap 3 3 numbers prime blue-square
+4️⃣ keycap 4 4 numbers blue-square
+5️⃣ keycap 5 5 numbers blue-square prime
+6️⃣ keycap 6 6 numbers blue-square
+7️⃣ keycap 7 7 numbers blue-square prime
+8️⃣ keycap 8 8 blue-square numbers
+9️⃣ keycap 9 blue-square numbers 9
+🔟 keycap 10 numbers 10 blue-square
+🔠 input latin uppercase alphabet words blue-square
+🔡 input latin lowercase blue-square alphabet
+🔢 input numbers numbers blue-square
+🔣 input symbols blue-square music note ampersand percent glyphs characters
+🔤 input latin letters blue-square alphabet
+🅰️ a button red-square alphabet letter
+🆎 ab button red-square alphabet
+🅱️ b button red-square alphabet letter
+🆑 cl button alphabet words red-square
+🆒 cool button words blue-square
+🆓 free button blue-square words
+ℹ️ information blue-square alphabet letter
+🆔 id button purple-square words
+Ⓜ️ circled m alphabet blue-circle letter
+🆕 new button blue-square words start
+🆖 ng button blue-square words shape icon
+🅾️ o button alphabet red-square letter
+🆗 ok button good agree yes blue-square
+🅿️ p button cars blue-square alphabet letter
+🆘 sos button help red-square words emergency 911
+🆙 up button blue-square above high
+🆚 vs button words orange-square
+🈁 japanese here button blue-square here katakana japanese destination
+🈂️ japanese service charge button japanese blue-square katakana
+🈷️ japanese monthly amount button chinese month moon japanese orange-square kanji
+🈶 japanese not free of charge button orange-square chinese have kanji
+🈯 japanese reserved button chinese point green-square kanji
+🉐 japanese bargain button chinese kanji obtain get circle
+🈹 japanese discount button cut divide chinese kanji pink-square
+🈚 japanese free of charge button nothing chinese kanji japanese orange-square
+🈲 japanese prohibited button kanji japanese chinese forbidden limit restricted red-square
+🉑 japanese acceptable button ok good chinese kanji agree yes orange-circle
+🈸 japanese application button chinese japanese kanji orange-square
+🈴 japanese passing grade button japanese chinese join kanji red-square
+🈳 japanese vacancy button kanji japanese chinese empty sky blue-square
+㊗️ japanese congratulations button chinese kanji japanese red-circle
+㊙️ japanese secret button privacy chinese sshh kanji red-circle
+🈺 japanese open for business button japanese opening hours orange-square
+🈵 japanese no vacancy button full chinese japanese red-square kanji
+🔴 red circle shape error danger
+🟠 orange circle round
+🟡 yellow circle round
+🟢 green circle round
+🔵 blue circle shape icon button
+🟣 purple circle round
+🟤 brown circle round
+⚫ black circle shape button round
+⚪ white circle shape round
+🟥 red square
+🟧 orange square
+🟨 yellow square
+🟩 green square
+🟦 blue square
+🟪 purple square
+🟫 brown square
+⬛ black large square shape icon button
+⬜ white large square shape icon stone button
+◼️ black medium square shape button icon
+◻️ white medium square shape stone icon
+◾ black medium small square icon shape button
+◽ white medium small square shape stone icon button
+▪️ black small square shape icon
+▫️ white small square shape icon
+🔶 large orange diamond shape jewel gem
+🔷 large blue diamond shape jewel gem
+🔸 small orange diamond shape jewel gem
+🔹 small blue diamond shape jewel gem
+🔺 red triangle pointed up shape direction up top
+🔻 red triangle pointed down shape direction bottom
+💠 diamond with a dot jewel blue gem crystal fancy
+🔘 radio button input old music circle
+🔳 white square button shape input
+🔲 black square button shape input frame
+🏁 chequered flag contest finishline race gokart
+🚩 triangular flag mark milestone place
+🎌 crossed flags japanese nation country border
+🏴 black flag pirate
+🏳️ white flag losing loser lost surrender give up fail
+🏳️‍🌈 rainbow flag flag rainbow pride gay lgbt glbt queer homosexual lesbian bisexual transgender
+🏴‍☠️ pirate flag skull crossbones flag banner
+🇦🇨 flag ascension island
+🇦🇩 flag andorra ad flag nation country banner andorra
+🇦🇪 flag united arab emirates united arab emirates flag nation country banner united arab emirates
+🇦🇫 flag afghanistan af flag nation country banner afghanistan
+🇦🇬 flag antigua barbuda antigua barbuda flag nation country banner antigua barbuda
+🇦🇮 flag anguilla ai flag nation country banner anguilla
+🇦🇱 flag albania al flag nation country banner albania
+🇦🇲 flag armenia am flag nation country banner armenia
+🇦🇴 flag angola ao flag nation country banner angola
+🇦🇶 flag antarctica aq flag nation country banner antarctica
+🇦🇷 flag argentina ar flag nation country banner argentina
+🇦🇸 flag american samoa american ws flag nation country banner american samoa
+🇦🇹 flag austria at flag nation country banner austria
+🇦🇺 flag australia au flag nation country banner australia
+🇦🇼 flag aruba aw flag nation country banner aruba
+🇦🇽 flag aland islands Åland islands flag nation country banner aland islands
+🇦🇿 flag azerbaijan az flag nation country banner azerbaijan
+🇧🇦 flag bosnia herzegovina bosnia herzegovina flag nation country banner bosnia herzegovina
+🇧🇧 flag barbados bb flag nation country banner barbados
+🇧🇩 flag bangladesh bd flag nation country banner bangladesh
+🇧🇪 flag belgium be flag nation country banner belgium
+🇧🇫 flag burkina faso burkina faso flag nation country banner burkina faso
+🇧🇬 flag bulgaria bg flag nation country banner bulgaria
+🇧🇭 flag bahrain bh flag nation country banner bahrain
+🇧🇮 flag burundi bi flag nation country banner burundi
+🇧🇯 flag benin bj flag nation country banner benin
+🇧🇱 flag st barthelemy saint barthélemy flag nation country banner st barthelemy
+🇧🇲 flag bermuda bm flag nation country banner bermuda
+🇧🇳 flag brunei bn darussalam flag nation country banner brunei
+🇧🇴 flag bolivia bo flag nation country banner bolivia
+🇧🇶 flag caribbean netherlands bonaire flag nation country banner caribbean netherlands
+🇧🇷 flag brazil br flag nation country banner brazil
+🇧🇸 flag bahamas bs flag nation country banner bahamas
+🇧🇹 flag bhutan bt flag nation country banner bhutan
+🇧🇻 flag bouvet island norway
+🇧🇼 flag botswana bw flag nation country banner botswana
+🇧🇾 flag belarus by flag nation country banner belarus
+🇧🇿 flag belize bz flag nation country banner belize
+🇨🇦 flag canada ca flag nation country banner canada
+🇨🇨 flag cocos islands cocos keeling islands flag nation country banner cocos islands
+🇨🇩 flag congo kinshasa congo democratic republic flag nation country banner congo kinshasa
+🇨🇫 flag central african republic central african republic flag nation country banner central african republic
+🇨🇬 flag congo brazzaville congo flag nation country banner congo brazzaville
+🇨🇭 flag switzerland ch flag nation country banner switzerland
+🇨🇮 flag cote d ivoire ivory coast flag nation country banner cote d ivoire
+🇨🇰 flag cook islands cook islands flag nation country banner cook islands
+🇨🇱 flag chile flag nation country banner chile
+🇨🇲 flag cameroon cm flag nation country banner cameroon
+🇨🇳 flag china china chinese prc flag country nation banner china
+🇨🇴 flag colombia co flag nation country banner colombia
+🇨🇵 flag clipperton island
+🇨🇷 flag costa rica costa rica flag nation country banner costa rica
+🇨🇺 flag cuba cu flag nation country banner cuba
+🇨🇻 flag cape verde cabo verde flag nation country banner cape verde
+🇨🇼 flag curacao curaçao flag nation country banner curacao
+🇨🇽 flag christmas island christmas island flag nation country banner christmas island
+🇨🇾 flag cyprus cy flag nation country banner cyprus
+🇨🇿 flag czechia cz flag nation country banner czechia
+🇩🇪 flag germany german nation flag country banner germany
+🇩🇬 flag diego garcia
+🇩🇯 flag djibouti dj flag nation country banner djibouti
+🇩🇰 flag denmark dk flag nation country banner denmark
+🇩🇲 flag dominica dm flag nation country banner dominica
+🇩🇴 flag dominican republic dominican republic flag nation country banner dominican republic
+🇩🇿 flag algeria dz flag nation country banner algeria
+🇪🇦 flag ceuta melilla
+🇪🇨 flag ecuador ec flag nation country banner ecuador
+🇪🇪 flag estonia ee flag nation country banner estonia
+🇪🇬 flag egypt eg flag nation country banner egypt
+🇪🇭 flag western sahara western sahara flag nation country banner western sahara
+🇪🇷 flag eritrea er flag nation country banner eritrea
+🇪🇸 flag spain spain flag nation country banner spain
+🇪🇹 flag ethiopia et flag nation country banner ethiopia
+🇪🇺 flag european union european union flag banner
+🇫🇮 flag finland fi flag nation country banner finland
+🇫🇯 flag fiji fj flag nation country banner fiji
+🇫🇰 flag falkland islands falkland islands malvinas flag nation country banner falkland islands
+🇫🇲 flag micronesia micronesia federated states flag nation country banner micronesia
+🇫🇴 flag faroe islands faroe islands flag nation country banner faroe islands
+🇫🇷 flag france banner flag nation france french country france
+🇬🇦 flag gabon ga flag nation country banner gabon
+🇬🇧 flag united kingdom united kingdom great britain northern ireland flag nation country banner british UK english england union jack united kingdom
+🇬🇩 flag grenada gd flag nation country banner grenada
+🇬🇪 flag georgia ge flag nation country banner georgia
+🇬🇫 flag french guiana french guiana flag nation country banner french guiana
+🇬🇬 flag guernsey gg flag nation country banner guernsey
+🇬🇭 flag ghana gh flag nation country banner ghana
+🇬🇮 flag gibraltar gi flag nation country banner gibraltar
+🇬🇱 flag greenland gl flag nation country banner greenland
+🇬🇲 flag gambia gm flag nation country banner gambia
+🇬🇳 flag guinea gn flag nation country banner guinea
+🇬🇵 flag guadeloupe gp flag nation country banner guadeloupe
+🇬🇶 flag equatorial guinea equatorial gn flag nation country banner equatorial guinea
+🇬🇷 flag greece gr flag nation country banner greece
+🇬🇸 flag south georgia south sandwich islands south georgia sandwich islands flag nation country banner south georgia south sandwich islands
+🇬🇹 flag guatemala gt flag nation country banner guatemala
+🇬🇺 flag guam gu flag nation country banner guam
+🇬🇼 flag guinea bissau gw bissau flag nation country banner guinea bissau
+🇬🇾 flag guyana gy flag nation country banner guyana
+🇭🇰 flag hong kong sar china hong kong flag nation country banner hong kong sar china
+🇭🇲 flag heard mcdonald islands
+🇭🇳 flag honduras hn flag nation country banner honduras
+🇭🇷 flag croatia hr flag nation country banner croatia
+🇭🇹 flag haiti ht flag nation country banner haiti
+🇭🇺 flag hungary hu flag nation country banner hungary
+🇮🇨 flag canary islands canary islands flag nation country banner canary islands
+🇮🇩 flag indonesia flag nation country banner indonesia
+🇮🇪 flag ireland ie flag nation country banner ireland
+🇮🇱 flag israel il flag nation country banner israel
+🇮🇲 flag isle of man isle man flag nation country banner isle of man
+🇮🇳 flag india in flag nation country banner india
+🇮🇴 flag british indian ocean territory british indian ocean territory flag nation country banner british indian ocean territory
+🇮🇶 flag iraq iq flag nation country banner iraq
+🇮🇷 flag iran iran islamic republic flag nation country banner iran
+🇮🇸 flag iceland is flag nation country banner iceland
+🇮🇹 flag italy italy flag nation country banner italy
+🇯🇪 flag jersey je flag nation country banner jersey
+🇯🇲 flag jamaica jm flag nation country banner jamaica
+🇯🇴 flag jordan jo flag nation country banner jordan
+🇯🇵 flag japan japanese nation flag country banner japan
+🇰🇪 flag kenya ke flag nation country banner kenya
+🇰🇬 flag kyrgyzstan kg flag nation country banner kyrgyzstan
+🇰🇭 flag cambodia kh flag nation country banner cambodia
+🇰🇮 flag kiribati ki flag nation country banner kiribati
+🇰🇲 flag comoros km flag nation country banner comoros
+🇰🇳 flag st kitts nevis saint kitts nevis flag nation country banner st kitts nevis
+🇰🇵 flag north korea north korea nation flag country banner north korea
+🇰🇷 flag south korea south korea nation flag country banner south korea
+🇰🇼 flag kuwait kw flag nation country banner kuwait
+🇰🇾 flag cayman islands cayman islands flag nation country banner cayman islands
+🇰🇿 flag kazakhstan kz flag nation country banner kazakhstan
+🇱🇦 flag laos lao democratic republic flag nation country banner laos
+🇱🇧 flag lebanon lb flag nation country banner lebanon
+🇱🇨 flag st lucia saint lucia flag nation country banner st lucia
+🇱🇮 flag liechtenstein li flag nation country banner liechtenstein
+🇱🇰 flag sri lanka sri lanka flag nation country banner sri lanka
+🇱🇷 flag liberia lr flag nation country banner liberia
+🇱🇸 flag lesotho ls flag nation country banner lesotho
+🇱🇹 flag lithuania lt flag nation country banner lithuania
+🇱🇺 flag luxembourg lu flag nation country banner luxembourg
+🇱🇻 flag latvia lv flag nation country banner latvia
+🇱🇾 flag libya ly flag nation country banner libya
+🇲🇦 flag morocco ma flag nation country banner morocco
+🇲🇨 flag monaco mc flag nation country banner monaco
+🇲🇩 flag moldova moldova republic flag nation country banner moldova
+🇲🇪 flag montenegro me flag nation country banner montenegro
+🇲🇫 flag st martin
+🇲🇬 flag madagascar mg flag nation country banner madagascar
+🇲🇭 flag marshall islands marshall islands flag nation country banner marshall islands
+🇲🇰 flag north macedonia macedonia flag nation country banner north macedonia
+🇲🇱 flag mali ml flag nation country banner mali
+🇲🇲 flag myanmar mm flag nation country banner myanmar
+🇲🇳 flag mongolia mn flag nation country banner mongolia
+🇲🇴 flag macao sar china macao flag nation country banner macao sar china
+🇲🇵 flag northern mariana islands northern mariana islands flag nation country banner northern mariana islands
+🇲🇶 flag martinique mq flag nation country banner martinique
+🇲🇷 flag mauritania mr flag nation country banner mauritania
+🇲🇸 flag montserrat ms flag nation country banner montserrat
+🇲🇹 flag malta mt flag nation country banner malta
+🇲🇺 flag mauritius mu flag nation country banner mauritius
+🇲🇻 flag maldives mv flag nation country banner maldives
+🇲🇼 flag malawi mw flag nation country banner malawi
+🇲🇽 flag mexico mx flag nation country banner mexico
+🇲🇾 flag malaysia my flag nation country banner malaysia
+🇲🇿 flag mozambique mz flag nation country banner mozambique
+🇳🇦 flag namibia na flag nation country banner namibia
+🇳🇨 flag new caledonia new caledonia flag nation country banner new caledonia
+🇳🇪 flag niger ne flag nation country banner niger
+🇳🇫 flag norfolk island norfolk island flag nation country banner norfolk island
+🇳🇬 flag nigeria flag nation country banner nigeria
+🇳🇮 flag nicaragua ni flag nation country banner nicaragua
+🇳🇱 flag netherlands nl flag nation country banner netherlands
+🇳🇴 flag norway no flag nation country banner norway
+🇳🇵 flag nepal np flag nation country banner nepal
+🇳🇷 flag nauru nr flag nation country banner nauru
+🇳🇺 flag niue nu flag nation country banner niue
+🇳🇿 flag new zealand new zealand flag nation country banner new zealand
+🇴🇲 flag oman om symbol flag nation country banner oman
+🇵🇦 flag panama pa flag nation country banner panama
+🇵🇪 flag peru pe flag nation country banner peru
+🇵🇫 flag french polynesia french polynesia flag nation country banner french polynesia
+🇵🇬 flag papua new guinea papua new guinea flag nation country banner papua new guinea
+🇵🇭 flag philippines ph flag nation country banner philippines
+🇵🇰 flag pakistan pk flag nation country banner pakistan
+🇵🇱 flag poland pl flag nation country banner poland
+🇵🇲 flag st pierre miquelon saint pierre miquelon flag nation country banner st pierre miquelon
+🇵🇳 flag pitcairn islands pitcairn flag nation country banner pitcairn islands
+🇵🇷 flag puerto rico puerto rico flag nation country banner puerto rico
+🇵🇸 flag palestinian territories palestine palestinian territories flag nation country banner palestinian territories
+🇵🇹 flag portugal pt flag nation country banner portugal
+🇵🇼 flag palau pw flag nation country banner palau
+🇵🇾 flag paraguay py flag nation country banner paraguay
+🇶🇦 flag qatar qa flag nation country banner qatar
+🇷🇪 flag reunion réunion flag nation country banner reunion
+🇷🇴 flag romania ro flag nation country banner romania
+🇷🇸 flag serbia rs flag nation country banner serbia
+🇷🇺 flag russia russian federation flag nation country banner russia
+🇷🇼 flag rwanda rw flag nation country banner rwanda
+🇸🇦 flag saudi arabia flag nation country banner saudi arabia
+🇸🇧 flag solomon islands solomon islands flag nation country banner solomon islands
+🇸🇨 flag seychelles sc flag nation country banner seychelles
+🇸🇩 flag sudan sd flag nation country banner sudan
+🇸🇪 flag sweden se flag nation country banner sweden
+🇸🇬 flag singapore sg flag nation country banner singapore
+🇸🇭 flag st helena saint helena ascension tristan cunha flag nation country banner st helena
+🇸🇮 flag slovenia si flag nation country banner slovenia
+🇸🇯 flag svalbard jan mayen
+🇸🇰 flag slovakia sk flag nation country banner slovakia
+🇸🇱 flag sierra leone sierra leone flag nation country banner sierra leone
+🇸🇲 flag san marino san marino flag nation country banner san marino
+🇸🇳 flag senegal sn flag nation country banner senegal
+🇸🇴 flag somalia so flag nation country banner somalia
+🇸🇷 flag suriname sr flag nation country banner suriname
+🇸🇸 flag south sudan south sd flag nation country banner south sudan
+🇸🇹 flag sao tome principe sao tome principe flag nation country banner sao tome principe
+🇸🇻 flag el salvador el salvador flag nation country banner el salvador
+🇸🇽 flag sint maarten sint maarten dutch flag nation country banner sint maarten
+🇸🇾 flag syria syrian arab republic flag nation country banner syria
+🇸🇿 flag eswatini sz flag nation country banner eswatini
+🇹🇦 flag tristan da cunha
+🇹🇨 flag turks caicos islands turks caicos islands flag nation country banner turks caicos islands
+🇹🇩 flag chad td flag nation country banner chad
+🇹🇫 flag french southern territories french southern territories flag nation country banner french southern territories
+🇹🇬 flag togo tg flag nation country banner togo
+🇹🇭 flag thailand th flag nation country banner thailand
+🇹🇯 flag tajikistan tj flag nation country banner tajikistan
+🇹🇰 flag tokelau tk flag nation country banner tokelau
+🇹🇱 flag timor leste timor leste flag nation country banner timor leste
+🇹🇲 flag turkmenistan flag nation country banner turkmenistan
+🇹🇳 flag tunisia tn flag nation country banner tunisia
+🇹🇴 flag tonga to flag nation country banner tonga
+🇹🇷 flag turkey turkey flag nation country banner turkey
+🇹🇹 flag trinidad tobago trinidad tobago flag nation country banner trinidad tobago
+🇹🇻 flag tuvalu flag nation country banner tuvalu
+🇹🇼 flag taiwan tw flag nation country banner taiwan
+🇹🇿 flag tanzania tanzania united republic flag nation country banner tanzania
+🇺🇦 flag ukraine ua flag nation country banner ukraine
+🇺🇬 flag uganda ug flag nation country banner uganda
+🇺🇲 flag u s outlying islands
+🇺🇳 flag united nations un flag banner
+🇺🇸 flag united states united states america flag nation country banner united states
+🇺🇾 flag uruguay uy flag nation country banner uruguay
+🇺🇿 flag uzbekistan uz flag nation country banner uzbekistan
+🇻🇦 flag vatican city vatican city flag nation country banner vatican city
+🇻🇨 flag st vincent grenadines saint vincent grenadines flag nation country banner st vincent grenadines
+🇻🇪 flag venezuela ve bolivarian republic flag nation country banner venezuela
+🇻🇬 flag british virgin islands british virgin islands bvi flag nation country banner british virgin islands
+🇻🇮 flag u s virgin islands virgin islands us flag nation country banner u s virgin islands
+🇻🇳 flag vietnam viet nam flag nation country banner vietnam
+🇻🇺 flag vanuatu vu flag nation country banner vanuatu
+🇼🇫 flag wallis futuna wallis futuna flag nation country banner wallis futuna
+🇼🇸 flag samoa ws flag nation country banner samoa
+🇽🇰 flag kosovo xk flag nation country banner kosovo
+🇾🇪 flag yemen ye flag nation country banner yemen
+🇾🇹 flag mayotte yt flag nation country banner mayotte
+🇿🇦 flag south africa south africa flag nation country banner south africa
+🇿🇲 flag zambia zm flag nation country banner zambia
+🇿🇼 flag zimbabwe zw flag nation country banner zimbabwe
+🏴󠁧󠁢󠁥󠁮󠁧󠁿 flag england flag english
+🏴󠁧󠁢󠁳󠁣󠁴󠁿 flag scotland flag scottish
+🏴󠁧󠁢󠁷󠁬󠁳󠁿 flag wales flag welsh
+🥲 smiling face with tear sad cry pretend
+🥸 disguised face pretent brows glasses moustache
+🤌 pinched fingers size tiny small
+🫀 anatomical heart health heartbeat
+🫁 lungs breathe
+🥷 ninja ninjutsu skills japanese
+🤵‍♂️ man in tuxedo formal fashion
+🤵‍♀️ woman in tuxedo formal fashion
+👰‍♂️ man with veil wedding marriage
+👰‍♀️ woman with veil wedding marriage
+👩‍🍼 woman feeding baby birth food
+👨‍🍼 man feeding baby birth food
+🧑‍🍼 person feeding baby birth food
+🧑‍🎄 mx claus christmas
+🫂 people hugging care
+🐈‍⬛ black cat superstition luck
+🦬 bison ox
+🦣 mammoth elephant tusks
+🦫 beaver animal rodent
+🐻‍❄️ polar bear animal arctic
+🦤 dodo animal bird
+🪶 feather bird fly
+🦭 seal animal creature sea
+🪲 beetle insect
+🪳 cockroach insect pests
+🪰 fly insect
+🪱 worm animal
+🪴 potted plant greenery house
+🫐 blueberries fruit
+🫒 olive fruit
+🫑 bell pepper fruit plant
+🫓 flatbread flour food
+🫔 tamale food masa
+🫕 fondue cheese pot food
+🫖 teapot drink hot
+🧋 bubble tea taiwan boba milk tea straw
+🪨 rock stone
+🪵 wood nature timber trunk
+🛖 hut house structure
+🛻 pickup truck car transportation
+🛼 roller skate footwear sports
+🪄 magic wand supernature power
+🪅 pinata mexico candy celebration
+🪆 nesting dolls matryoshka toy
+🪡 sewing needle stitches
+🪢 knot rope scout
+🩴 thong sandal footwear summer
+🪖 military helmet army protection
+🪗 accordion music
+🪘 long drum music
+🪙 coin money currency
+🪃 boomerang weapon
+🪚 carpentry saw cut chop
+🪛 screwdriver tools
+🪝 hook tools
+🪜 ladder tools
+🛗 elevator lift
+🪞 mirror reflection
+🪟 window scenery
+🪠 plunger toilet
+🪤 mouse trap cheese
+🪣 bucket water container
+🪥 toothbrush hygiene dental
+🪦 headstone death rip grave
+🪧 placard announcement
+⚧️ transgender symbol lgbtq
+🏳️‍⚧️ transgender flag lgbtq
+😶‍🌫️ face in clouds shower steam dream
+😮‍💨 face exhaling relieve relief tired sigh
+😵‍💫 face with spiral eyes sick ill confused nauseous nausea
+❤️‍🔥 heart on fire passionate enthusiastic
+❤️‍🩹 mending heart broken heart bandage wounded
+🧔‍♂️ man beard facial hair
+🧔‍♀️ woman beard facial hair
+🫠 melting face hot heat
+🫢 face with open eyes and hand over mouth silence secret shock surprise
+🫣 face with peeking eye scared frightening embarrassing
+🫡 saluting face respect salute
+🫥 dotted line face invisible lonely isolation depression
+🫤 face with diagonal mouth skeptic confuse frustrated indifferent
+🥹 face holding back tears touched gratitude
+🫱 rightwards hand palm offer
+🫲 leftwards hand palm offer
+🫳 palm down hand palm drop
+🫴 palm up hand lift offer demand
+🫰 hand with index finger and thumb crossed heart love money expensive
+🫵 index pointing at the viewer you recruit
+🫶 heart hands love appreciation support
+🫦 biting lip flirt sexy pain worry
+🫅 person with crown royalty power
+🫃 pregnant man baby belly
+🫄 pregnant person baby belly
+🧌 troll mystical monster
+🪸 coral ocean sea reef
+🪷 lotus flower calm meditation
+🪹 empty nest bird
+🪺 nest with eggs bird
+🫘 beans food
+🫗 pouring liquid cup water
+🫙 jar container sauce
+🛝 playground slide fun park
+🛞 wheel car transport
+🛟 ring buoy life saver life preserver
+🪬 hamsa religion protection
+🪩 mirror ball disco dance party
+🪫 low battery drained dead
+🩼 crutch accessibility assist
+🩻 x-ray skeleton medicine
+🫧 bubbles soap fun carbonation sparkling
+🪪 identification card document
+🟰 heavy equals sign math
diff --git a/hybrid-vertical/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-frappe.xml b/hybrid-vertical/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-frappe.xml
new file mode 100755
index 000000000..76b043e82
--- /dev/null
+++ b/hybrid-vertical/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-frappe.xml	
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="catppuccin_frappe" _name="Catppuccin frappe" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Soothing pastel theme for Gedit</_description>
+
+  <!-- Catppuccin Palette -->
+  <color name="frappe_rosewater" value="#f2d5cf"/>
+  <color name="frappe_flamingo"  value="#eebebe"/>
+  <color name="frappe_pink"      value="#f4b8e4"/>
+  <color name="frappe_mauve"     value="#ca9ee6"/>
+  <color name="frappe_red"       value="#e78284"/>
+  <color name="frappe_maroon"    value="#ea999c"/>
+  <color name="frappe_peach"     value="#ef9f76"/>
+  <color name="frappe_yellow"    value="#e5c890"/>
+  <color name="frappe_green"     value="#a6d189"/>
+  <color name="frappe_teal"      value="#81c8be"/>
+  <color name="frappe_sky"       value="#99d1db"/>
+  <color name="frappe_sapphire"  value="#85c1dc"/>
+  <color name="frappe_blue"      value="#8caaee"/>
+  <color name="frappe_lavender"  value="#babbf1"/>
+  <color name="frappe_text"      value="#c6d0f5"/>
+  <color name="frappe_subtext1"  value="#b5bfe2"/>
+  <color name="frappe_subtext0"  value="#a5adce"/>
+  <color name="frappe_overlay2"  value="#949cbb"/>
+  <color name="frappe_overlay1"  value="#838ba7"/>
+  <color name="frappe_overlay0"  value="#737994"/>
+  <color name="frappe_surface2"  value="#626880"/>
+  <color name="frappe_surface1"  value="#51576d"/>
+  <color name="frappe_surface0"  value="#51576d"/>
+  <color name="frappe_base"      value="#303446"/>
+  <color name="frappe_mantle"    value="#292c3c"/>
+  <color name="frappe_crust"     value="#232634"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="frappe_text" background = "frappe_base"/>
+  <style name="selection"                   foreground="frappe_text" background="frappe_surface2"/>
+  <style name="cursor"                      foreground="frappe_rosewater"/>
+  <style name="secondary-cursor"            foreground="frappe_rosewater"/>
+  <style name="current-line"                background="frappe_surface0"/>
+  <style name="line-numbers"                foreground="frappe_text" background="frappe_crust"/>
+  <style name="draw-spaces"                 foreground="frappe_text"/>
+  <style name="background-pattern"          background="frappe_base"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="frappe_mauve"/>
+  <style name="bracket-mismatch"            foreground="frappe_text" background="frappe_peach"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="frappe_text" background="frappe_crust"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="frappe_text" background="frappe_blue"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="frappe_overlay0"/>
+  <style name="def:shebang"                 foreground="frappe_overlay0" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="frappe_green"/>
+  <style name="def:string"                  foreground="frappe_green"/>
+  <style name="def:special-char"            foreground="frappe_lavender"/>
+  <style name="def:special-constant"        foreground="frappe_lavender"/>
+  <style name="def:floating-point"          foreground="frappe_lavender"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="frappe_blue"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="frappe_sapphire" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="frappe_maroon" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="frappe_yellow" bold="true"/>
+  <style name="def:inline-code"             foreground="frappe_green"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="frappe_rosewater"/>
+  <style name="def:link-symbol"             foreground="frappe_blue" bold="true"/>
+  <style name="def:link-destination"        foreground="frappe_blue" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="frappe_teal" bold="true"/>
+  <style name="def:thematic-break"          foreground="frappe_green" bold="true"/>
+  <style name="def:preformatted-section"    foreground="frappe_green"/>
+  <style name="def:list-marker"             foreground="frappe_teal" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="frappe_teal"/>
+  <style name="def:error"                   foreground="frappe_maroon" bold="true"/>
+  <style name="def:warning"                 foreground="frappe_peach"/>
+  <style name="def:note"                    foreground="frappe_blue" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/hybrid-vertical/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-latte.xml b/hybrid-vertical/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-latte.xml
new file mode 100755
index 000000000..1d6e3b5fc
--- /dev/null
+++ b/hybrid-vertical/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-latte.xml	
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="catppuccin_latte" _name="Catppuccin latte" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Soothing pastel theme for Gedit</_description>
+
+  <!-- Catppuccin Palette -->
+  <color name="latte_rosewater" value="#dc8a78"/>
+  <color name="latte_flamingo"  value="#dd7878"/>
+  <color name="latte_pink"      value="#ea76cb"/>
+  <color name="latte_mauve"     value="#8839ef"/>
+  <color name="latte_red"       value="#d20f39"/>
+  <color name="latte_maroon"    value="#e64553"/>
+  <color name="latte_peach"     value="#fe640b"/>
+  <color name="latte_yellow"    value="#df8e1d"/>
+  <color name="latte_green"     value="#40a02b"/>
+  <color name="latte_teal"      value="#179299"/>
+  <color name="latte_sky"       value="#04a5e5"/>
+  <color name="latte_sapphire"  value="#209fb5"/>
+  <color name="latte_blue"      value="#1e66f5"/>
+  <color name="latte_lavender"  value="#7287fd"/>
+  <color name="latte_text"      value="#4c4f69"/>
+  <color name="latte_subtext1"  value="#5c5f77"/>
+  <color name="latte_subtext0"  value="#6c6f85"/>
+  <color name="latte_overlay2"  value="#7c7f93"/>
+  <color name="latte_overlay1"  value="#8c8fa1"/>
+  <color name="latte_overlay0"  value="#9ca0b0"/>
+  <color name="latte_surface2"  value="#acb0be"/>
+  <color name="latte_surface1"  value="#bcc0cc"/>
+  <color name="latte_surface0"  value="#ccd0da"/>
+  <color name="latte_base"      value="#eff1f5"/>
+  <color name="latte_mantle"    value="#e6e9ef"/>
+  <color name="latte_crust"     value="#dce0e8"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="latte_text" background = "latte_base"/>
+  <style name="selection"                   foreground="latte_text" background="latte_surface2"/>
+  <style name="cursor"                      foreground="latte_rosewater"/>
+  <style name="secondary-cursor"            foreground="latte_rosewater"/>
+  <style name="current-line"                background="latte_surface0"/>
+  <style name="line-numbers"                foreground="latte_text" background="latte_crust"/>
+  <style name="draw-spaces"                 foreground="latte_text"/>
+  <style name="background-pattern"          background="latte_base"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="latte_mauve"/>
+  <style name="bracket-mismatch"            foreground="latte_text" background="latte_peach"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="latte_text" background="latte_crust"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="latte_text" background="latte_blue"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="latte_overlay0"/>
+  <style name="def:shebang"                 foreground="latte_overlay0" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="latte_green"/>
+  <style name="def:string"                  foreground="latte_green"/>
+  <style name="def:special-char"            foreground="latte_lavender"/>
+  <style name="def:special-constant"        foreground="latte_lavender"/>
+  <style name="def:floating-point"          foreground="latte_lavender"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="latte_blue"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="latte_sapphire" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="latte_maroon" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="latte_yellow" bold="true"/>
+  <style name="def:inline-code"             foreground="latte_green"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="latte_rosewater"/>
+  <style name="def:link-symbol"             foreground="latte_blue" bold="true"/>
+  <style name="def:link-destination"        foreground="latte_blue" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="latte_teal" bold="true"/>
+  <style name="def:thematic-break"          foreground="latte_green" bold="true"/>
+  <style name="def:preformatted-section"    foreground="latte_green"/>
+  <style name="def:list-marker"             foreground="latte_teal" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="latte_teal"/>
+  <style name="def:error"                   foreground="latte_maroon" bold="true"/>
+  <style name="def:warning"                 foreground="latte_peach"/>
+  <style name="def:note"                    foreground="latte_blue" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/hybrid-vertical/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-macchiato.xml b/hybrid-vertical/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-macchiato.xml
new file mode 100755
index 000000000..5e3bffe69
--- /dev/null
+++ b/hybrid-vertical/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-macchiato.xml	
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="catppuccin_macchiato" _name="Catppuccin macchiato" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Soothing pastel theme for Gedit</_description>
+
+  <!-- Catppuccin Palette -->
+<color name="macchiato_rosewater" value="#f4dbd6"/>
+<color name="macchiato_flamingo"  value="#f0c6c6"/>
+<color name="macchiato_pink"      value="#f5bde6"/>
+<color name="macchiato_mauve"     value="#c6a0f6"/>
+<color name="macchiato_red"       value="#ed8796"/>
+<color name="macchiato_maroon"    value="#ee99a0"/>
+<color name="macchiato_peach"     value="#f5a97f"/>
+<color name="macchiato_yellow"    value="#eed49f"/>
+<color name="macchiato_green"     value="#a6da95"/>
+<color name="macchiato_teal"      value="#8bd5ca"/>
+<color name="macchiato_sky"       value="#91d7e3"/>
+<color name="macchiato_sapphire"  value="#7dc4e4"/>
+<color name="macchiato_blue"      value="#8aadf4"/>
+<color name="macchiato_lavender"  value="#b7bdf8"/>
+<color name="macchiato_text"      value="#cad3f5"/>
+<color name="macchiato_subtext1"  value="#b8c0e0"/>
+<color name="macchiato_subtext0"  value="#a5adcb"/>
+<color name="macchiato_overlay2"  value="#939ab7"/>
+<color name="macchiato_overlay1"  value="#8087a2"/>
+<color name="macchiato_overlay0"  value="#6e738d"/>
+<color name="macchiato_surface2"  value="#5b6078"/>
+<color name="macchiato_surface1"  value="#494d64"/>
+<color name="macchiato_surface0"  value="#363a4f"/>
+<color name="macchiato_base"      value="#24273a"/>
+<color name="macchiato_mantle"    value="#1e2030"/>
+<color name="macchiato_crust"     value="#181926"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="macchiato_text" background = "macchiato_base"/>
+  <style name="selection"                   foreground="macchiato_text" background="macchiato_surface2"/>
+  <style name="cursor"                      foreground="macchiato_rosewater"/>
+  <style name="secondary-cursor"            foreground="macchiato_rosewater"/>
+  <style name="current-line"                background="macchiato_surface0"/>
+  <style name="line-numbers"                foreground="macchiato_text" background="macchiato_crust"/>
+  <style name="draw-spaces"                 foreground="macchiato_text"/>
+  <style name="background-pattern"          background="macchiato_mantle"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="macchiato_mauve"/>
+  <style name="bracket-mismatch"            foreground="macchiato_text" background="macchiato_peach"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="macchiato_text" background="crust"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="macchiato_text" background="macchiato_blue"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="macchiato_overlay0"/>
+  <style name="def:shebang"                 foreground="macchiato_overlay0" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="macchiato_green"/>
+  <style name="def:string"                  foreground="macchiato_green"/>
+  <style name="def:special-char"            foreground="macchiato_lavender"/>
+  <style name="def:special-constant"        foreground="macchiato_lavender"/>
+  <style name="def:floating-point"          foreground="macchiato_lavender"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="macchiato_blue"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="macchiato_sapphire" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="macchiato_maroon" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="macchiato_yellow" bold="true"/>
+  <style name="def:inline-code"             foreground="macchiato_green"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="macchiato_rosewater"/>
+  <style name="def:link-symbol"             foreground="macchiato_blue" bold="true"/>
+  <style name="def:link-destination"        foreground="macchiato_blue" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="macchiato_teal" bold="true"/>
+  <style name="def:thematic-break"          foreground="macciato_green" bold="true"/>
+  <style name="def:preformatted-section"    foreground="macchiato_green"/>
+  <style name="def:list-marker"             foreground="macchiato_teal" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="macchiato_teal"/>
+  <style name="def:error"                   foreground="macchiato_maroon" bold="true"/>
+  <style name="def:warning"                 foreground="macchiato_peach"/>
+  <style name="def:note"                    foreground="macchiato_blue" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/hybrid-vertical/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-mocha.xml b/hybrid-vertical/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-mocha.xml
new file mode 100755
index 000000000..0fb5a5b60
--- /dev/null
+++ b/hybrid-vertical/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-mocha.xml	
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="catppuccin_mocha" _name="Catppuccin Mocha" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Soothing pastel theme for Gedit</_description>
+
+  <!-- Tango Palette -->
+  <color name="mocha_rosewater" value="#f5e0dc"/>
+  <color name="mocha_flamingo"  value="#f2cdcd"/>
+  <color name="mocha_pink"      value="#f5c2e7"/>
+  <color name="mocha_mauve"     value="#cba6f7"/>
+  <color name="mocha_red"       value="#f38ba8"/>
+  <color name="mocha_maroon"    value="#eba0ac"/>
+  <color name="mocha_peach"     value="#fab387"/>
+  <color name="mocha_yellow"    value="#f9e2af"/>
+  <color name="mocha_green"     value="#a6e3a1"/>
+  <color name="mocha_teal"      value="#94e2d5"/>
+  <color name="mocha_sky"       value="#89dceb"/>
+  <color name="mocha_sapphire"  value="#74c7ec"/>
+  <color name="mocha_blue"      value="#89b4fa"/>
+  <color name="mocha_lavender"  value="#b4befe"/>
+  <color name="mocha_text"      value="#cdd6f4"/>
+  <color name="mocha_subtext1"  value="#bac2de"/>
+  <color name="mocha_subtext0"  value="#a6adc8"/>
+  <color name="mocha_overlay2"  value="#9399b2"/>
+  <color name="mocha_overlay1"  value="#7f849c"/>
+  <color name="mocha_overlay0"  value="#6c7086"/>
+  <color name="mocha_surface2"  value="#585b70"/>
+  <color name="mocha_surface1"  value="#45475a"/>
+  <color name="mocha_surface0"  value="#313244"/>
+  <color name="mocha_base"      value="#1e1e2e"/>
+  <color name="mocha_mantle"    value="#181825"/>
+  <color name="mocha_crust"     value="#11111b"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="mocha_text" background = "mocha_base"/>
+  <style name="selection"                   foreground="mocha_text" background="mocha_surface2"/>
+  <style name="cursor"                      foreground="mocha_rosewater"/>
+  <style name="secondary-cursor"            foreground="mocha_rosewater"/>
+  <style name="current-line"                background="mocha_surface0"/>
+  <style name="line-numbers"                foreground="mocha_text" background="mocha_crust"/>
+  <style name="draw-spaces"                 foreground="mocha_text"/>
+  <style name="background-pattern"          background="mocha_mantle"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="mocha_mauve"/>
+  <style name="bracket-mismatch"            foreground="mocha_text" background="mocha_peach"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="mocha_text" background="mocha_crust"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="mocha_text" background="mocha_blue"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="mocha_overlay0"/>
+  <style name="def:shebang"                 foreground="mocha_overlay0" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="mocha_green"/>
+  <style name="def:string"                  foreground="mocha_green"/>
+  <style name="def:special-char"            foreground="mocha_lavender"/>
+  <style name="def:special-constant"        foreground="mocha_lavender"/>
+  <style name="def:floating-point"          foreground="mocha_lavender"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="mocha_blue"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="mocha_sapphire" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="mocha_maroon" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="mocha_yellow" bold="true"/>
+  <style name="def:inline-code"             foreground="mocha_green"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="mocha_rosewater"/>
+  <style name="def:link-symbol"             foreground="mocha_blue" bold="true"/>
+  <style name="def:link-destination"        foreground="mocha_blue" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="mocha_teal" bold="true"/>
+  <style name="def:thematic-break"          foreground="mocha_green" bold="true"/>
+  <style name="def:preformatted-section"    foreground="mocha_green"/>
+  <style name="def:list-marker"             foreground="mocha_teal" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="mocha_teal"/>
+  <style name="def:error"                   foreground="mocha_maroon" bold="true"/>
+  <style name="def:warning"                 foreground="mocha_peach"/>
+  <style name="def:note"                    foreground="mocha_blue" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/hybrid-vertical/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/everforest-b.xml b/hybrid-vertical/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/everforest-b.xml
new file mode 100755
index 000000000..f5c22b570
--- /dev/null
+++ b/hybrid-vertical/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/everforest-b.xml	
@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="everforest_b" _name="Everforest Dark B" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Everforest</_description>
+
+  <!-- Tango Palette -->
+  <color name="forestgreen" value="#a8b370"/>
+  <color name="forestyellow" value="#8e8370"/>
+  <color name="foresttext" value="#d3c6ab"/>
+  <color name="forestblack" value="#1e201f"/>
+  <color name="forestred" value="#e76c69"/>
+  <color name="forestpink" value="#d698b5"/>
+  <color name="forestorange" value="#e59576"/>
+  <color name="forestgray" value="#75817b"/>
+  <color name="forestgraylight" value="#495156"/>
+  <color name="forestgreendark" value="#7fba90"/>
+  
+  <color name="mocha_rosewater" value="#f5e0dc"/>
+  <color name="mocha_flamingo"  value="#f2cdcd"/>
+  <color name="mocha_pink"      value="#f5c2e7"/>
+  <color name="mocha_mauve"     value="#cba6f7"/>
+  <color name="mocha_red"       value="#f38ba8"/>
+  <color name="mocha_maroon"    value="#eba0ac"/>
+  <color name="mocha_peach"     value="#fab387"/>
+  <color name="mocha_yellow"    value="#f9e2af"/>
+  <color name="mocha_green"     value="#a6e3a1"/>
+  <color name="mocha_teal"      value="#94e2d5"/>
+  <color name="mocha_sky"       value="#89dceb"/>
+  <color name="mocha_sapphire"  value="#74c7ec"/>
+  <color name="mocha_blue"      value="#89b4fa"/>
+  <color name="mocha_lavender"  value="#b4befe"/>
+  <color name="mocha_text"      value="#cdd6f4"/>
+  <color name="mocha_subtext1"  value="#bac2de"/>
+  <color name="mocha_subtext0"  value="#a6adc8"/>
+  <color name="mocha_overlay2"  value="#9399b2"/>
+  <color name="mocha_overlay1"  value="#7f849c"/>
+  <color name="mocha_overlay0"  value="#6c7086"/>
+  <color name="mocha_surface2"  value="#585b70"/>
+  <color name="mocha_surface1"  value="#45475a"/>
+  <color name="mocha_surface0"  value="#313244"/>
+  <color name="mocha_base"      value="#1e1e2e"/>
+  <color name="mocha_mantle"    value="#181825"/>
+  <color name="mocha_crust"     value="#11111b"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="foresttext" background = "forestblack"/>
+  <style name="selection"                   foreground="foresttext" background="forestgray"/>
+  <style name="cursor"                      foreground="forestpink"/>
+  <style name="secondary-cursor"            foreground="forestpink"/>
+  <style name="current-line"                background="forestblack"/>
+  <style name="line-numbers"                foreground="foresttext" background="forestblack"/>
+  <style name="draw-spaces"                 foreground="foresttext"/>
+  <style name="background-pattern"          background="forestblack"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="forestgraylight"/>
+  <style name="bracket-mismatch"            foreground="foresttext" background="forestorange"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="foresttext" background="forestblack"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="foresttext" background="forestgreendark"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="forestgray"/>
+  <style name="def:shebang"                 foreground="forestgray" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="forestgreen"/>
+  <style name="def:string"                  foreground="forestgreen"/>
+  <style name="def:special-char"            foreground="forestpink"/>
+  <style name="def:special-constant"        foreground="forestpink"/>
+  <style name="def:floating-point"          foreground="forestpink"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="forestgreendark"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="forestorange" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="forestred" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="forestyellow" bold="true"/>
+  <style name="def:inline-code"             foreground="forestgreen"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="foresttext"/>
+  <style name="def:link-symbol"             foreground="forestgreendark" bold="true"/>
+  <style name="def:link-destination"        foreground="forestgreendark" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="forest" bold="true"/>
+  <style name="def:thematic-break"          foreground="forestgreendark" bold="true"/>
+  <style name="def:preformatted-section"    foreground="forestgreen"/>
+  <style name="def:list-marker"             foreground="forestorange" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="forestred"/>
+  <style name="def:error"                   foreground="forestred" bold="true"/>
+  <style name="def:warning"                 foreground="forestorange"/>
+  <style name="def:note"                    foreground="forestgreendark" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/hybrid-vertical/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_dark.xml b/hybrid-vertical/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_dark.xml
new file mode 100644
index 000000000..3e345f89c
--- /dev/null
+++ b/hybrid-vertical/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_dark.xml	
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<style-scheme id="tokyo_night_dark" _name="Tokyo_Night_Dark" version="1.0">
+  <author>fkorpsvart</author>
+  <_description>Tokyo Night Dark theme for Gedit</_description>
+
+<!-- Colors -->
+
+  <color name="off_white" value="#c0caf5"/>
+  <color name="off_white2" value="#9aa5ce"/>
+  <color name="black_grey" value="#1a1b26"/>
+  <color name="tinted_grey" value="#24283b"/>
+  <color name="dark_grey" value="#414868"/>
+  <color name="med_grey" value="#565f89"/>
+  <color name="light_grey" value="#565a6e"/>
+  <color name="olive_green" value="#9ece6a"/>
+  <color name="washed_orange" value="#ff9e64"/>
+  <color name="faded_violet" value="#9d7cd8"/>
+  <color name="faded_cornwall" value="#ff007c"/>
+  <color name="pink_sandstone" value="#f7768e"/>
+  <color name="steelblue3" value="#7aa2f7"/>
+  <color name="light_brown" value="#bb9af7"/>
+  <color name="super_faded_orange" value="#e0af68"/>
+  <color name="dark_maroon" value="#41a6b5"/>
+  <color name="yellow" value="#f9ee98"/>
+
+<!-- Global Settings -->
+
+  <style name="text" foreground="off_white" background="black_grey"/>
+  <style name="cursor" foreground="off_white"/>
+  <style name="current-line" background="tinted_grey"/>
+  <style name="line-numbers" foreground="med_grey" background="black_grey" bold="true" />
+  <style name="selection" foreground="off_white2" background="tinted_grey" />
+  <style name="selection-unfocused" foreground="off_white2" background="tinted_grey" />
+
+<!-- Bracket Matching -->
+  <style name="bracket-match" background="steelblue3"/>
+  <style name="bracket-mismatch" background="dark_maroon" bold="true"/>
+  <style name="search-match" foreground="off_white" background="steelblue3"/>
+
+<!-- Comments -->
+  <style name="def:comment" foreground="light_grey" italic="true"/>
+  <style name="def:shebang" foreground="light_grey" italic="true"/>
+  <style name="def:doc-comment-element" foreground="dark_grey" bold="true"/>
+
+<!-- Constants and Variables-->
+  <style name="def:constant" foreground="faded_cornwall"/>
+  <style name="def:string" foreground="olive_green"/>
+  <style name="def:special-char" foreground="faded_cornwall"/>
+  <style name="def:special-constant" foreground="washed_orange" bold="true"/>
+  <style name="def:boolean" foreground="pink_sandstone"/>
+  <style name="def:number" foreground="pink_sandstone"/>
+  <style name="def:floating-point" foreground="pink_sandstone"/>
+  <style name="def:keyword" foreground="washed_orange" bold="true"/>
+  <style name="def:builtin" foreground="washed_orange" bold="true"/>
+  <style name="def:variable" foreground="faded_cornwall"/>
+
+<!-- Identifiers -->
+  <style name="def:identifier" foreground="faded_cornwall"/>
+
+<!-- Statements -->
+  <style name="def:statement" foreground="washed_orange"/>
+
+<!-- Types -->
+  <style name="def:type" foreground="faded_violet"/>
+
+<!-- Others -->
+  <style name="def:error" foreground="off_white" background="dark_maroon" bold="true"/>
+  <style name="def:note" foreground="yellow" bold="true"/>
+  <style name="def:net-address-in-comment" foreground="steelblue3" italic="false" underline="true"/>
+  <style name="def:preprocessor" foreground="light_grey"/>
+  <style name="def:function" foreground="off_white" underline="true"/>
+
+<!-- Unknown? -->
+  <style name="def:specials" background="faded_cornwall"/>
+
+<!-- C Styles -->
+  <style name="c:preprocessor" map-to="def:special-char"/>
+
+<!-- Diff Styles -->
+  <style name="diff:ignore" foreground="med_grey"/>
+
+<!-- Ruby Styles -->
+  <style name="ruby:module-handler" foreground="washed_orange"/>
+  <style name="ruby:symbol" foreground="pink_sandstone"/>
+  <style name="ruby:regex" foreground="super_faded_orange"/>
+
+<!-- SH Styles -->
+  <style name="sh:others" map-to="text"/>
+
+<!-- XML Styles -->
+  <style name="xml:attribute-name" foreground="light_brown"/>
+  <style name="xml:element-name" foreground="faded_cornwall"/>
+
+</style-scheme>
diff --git a/hybrid-vertical/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_storm.xml b/hybrid-vertical/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_storm.xml
new file mode 100644
index 000000000..eba507872
--- /dev/null
+++ b/hybrid-vertical/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_storm.xml	
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<style-scheme id="tokyo_night_storm" _name="Tokyo_Night_Storm" version="1.0">
+  <author>fkorpsvart</author>
+  <_description>Tokyo Night Storm theme for Gedit</_description>
+
+<!-- Colors -->
+
+  <color name="off_white" value="#c0caf5"/>
+  <color name="off_white2" value="#9aa5ce"/>
+  <color name="black_grey" value="#1a1b26"/>
+  <color name="tinted_grey" value="#24283b"/>
+  <color name="dark_grey" value="#414868"/>
+  <color name="med_grey" value="#565f89"/>
+  <color name="light_grey" value="#565a6e"/>
+  <color name="olive_green" value="#9ece6a"/>
+  <color name="washed_orange" value="#ff9e64"/>
+  <color name="faded_violet" value="#9d7cd8"/>
+  <color name="faded_cornwall" value="#ff007c"/>
+  <color name="pink_sandstone" value="#f7768e"/>
+  <color name="steelblue3" value="#7aa2f7"/>
+  <color name="light_brown" value="#bb9af7"/>
+  <color name="super_faded_orange" value="#e0af68"/>
+  <color name="dark_maroon" value="#41a6b5"/>
+  <color name="yellow" value="#f9ee98"/>
+
+<!-- Global Settings -->
+
+  <style name="text" foreground="off_white" background="tinted_grey"/>
+  <style name="cursor" foreground="off_white"/>
+  <style name="current-line" background="black_grey"/>
+  <style name="line-numbers" foreground="med_grey" background="tinted_grey" bold="true" />
+  <style name="selection" foreground="off_white2" background="black_grey" />
+  <style name="selection-unfocused" foreground="off_white2" background="black_grey" />
+
+<!-- Bracket Matching -->
+  <style name="bracket-match" background="steelblue3"/>
+  <style name="bracket-mismatch" background="dark_maroon" bold="true"/>
+  <style name="search-match" foreground="off_white" background="steelblue3"/>
+
+<!-- Comments -->
+  <style name="def:comment" foreground="light_grey" italic="true"/>
+  <style name="def:shebang" foreground="light_grey" italic="true"/>
+  <style name="def:doc-comment-element" foreground="dark_grey" bold="true"/>
+
+<!-- Constants and Variables-->
+  <style name="def:constant" foreground="faded_cornwall"/>
+  <style name="def:string" foreground="olive_green"/>
+  <style name="def:special-char" foreground="faded_cornwall"/>
+  <style name="def:special-constant" foreground="washed_orange" bold="true"/>
+  <style name="def:boolean" foreground="pink_sandstone"/>
+  <style name="def:number" foreground="pink_sandstone"/>
+  <style name="def:floating-point" foreground="pink_sandstone"/>
+  <style name="def:keyword" foreground="washed_orange" bold="true"/>
+  <style name="def:builtin" foreground="washed_orange" bold="true"/>
+  <style name="def:variable" foreground="faded_cornwall"/>
+
+<!-- Identifiers -->
+  <style name="def:identifier" foreground="faded_cornwall"/>
+
+<!-- Statements -->
+  <style name="def:statement" foreground="washed_orange"/>
+
+<!-- Types -->
+  <style name="def:type" foreground="faded_violet"/>
+
+<!-- Others -->
+  <style name="def:error" foreground="off_white" background="dark_maroon" bold="true"/>
+  <style name="def:note" foreground="yellow" bold="true"/>
+  <style name="def:net-address-in-comment" foreground="steelblue3" italic="false" underline="true"/>
+  <style name="def:preprocessor" foreground="light_grey"/>
+  <style name="def:function" foreground="off_white" underline="true"/>
+
+<!-- Unknown? -->
+  <style name="def:specials" background="faded_cornwall"/>
+
+<!-- C Styles -->
+  <style name="c:preprocessor" map-to="def:special-char"/>
+
+<!-- Diff Styles -->
+  <style name="diff:ignore" foreground="med_grey"/>
+
+<!-- Ruby Styles -->
+  <style name="ruby:module-handler" foreground="washed_orange"/>
+  <style name="ruby:symbol" foreground="pink_sandstone"/>
+  <style name="ruby:regex" foreground="super_faded_orange"/>
+
+<!-- SH Styles -->
+  <style name="sh:others" map-to="text"/>
+
+<!-- XML Styles -->
+  <style name="xml:attribute-name" foreground="light_brown"/>
+  <style name="xml:element-name" foreground="faded_cornwall"/>
+
+</style-scheme>
diff --git a/hybrid-vertical/Import Manually/tabliss/tabliss.json b/hybrid-vertical/Import Manually/tabliss/tabliss.json
new file mode 100644
index 000000000..f86f84f50
--- /dev/null
+++ b/hybrid-vertical/Import Manually/tabliss/tabliss.json	
@@ -0,0 +1 @@
+{"background":{"id":"AlVnN3ZSpf3i","key":"background/image","display":{"blur":0,"luminosity":-0.2}},"data/default-time":{"mode":"digital","hour12":false,"showDate":true,"showMinutes":true,"showSeconds":false,"showDayPeriod":true,"timeZone":null},"focus":false,"widget/JVcm-ptH22CB":null,"widget/default-greeting":null,"widget/default-time":{"id":"default-time","key":"widget/time","order":0,"display":{"position":"middleCentre","fontFamily":"Gabarito","fontSize":22}},"data/Oe8h0ATqABMw":{"username":"end-4","showSummary":false},"widget/Oe8h0ATqABMw":{"id":"Oe8h0ATqABMw","key":"widget/github","order":1,"display":{"position":"bottomCentre"}},"widget/u2ZuwyqO-tka":null,"widget/TbRxrpl9QgjK":{"id":"TbRxrpl9QgjK","key":"widget/quote","order":2,"display":{"position":"middleCentre"}},"widget/2J2Q2Cw962KN":null,"widget/tK_0dJhtQXPS":null,"widget/OwW65aQzXLLs":{"id":"OwW65aQzXLLs","key":"widget/links","order":3,"display":{"position":"middleCentre","fontFamily":"JetBrainsMono Nerd Font"}},"data/OwW65aQzXLLs":{"columns":6,"links":[{"url":"https://www.facebook.com/messages/","name":"󰈌"},{"url":"https://discord.com/app","name":"󰙯 ","icon":""},{"url":"https://youtube.com","icon":"","name":""},{"url":"https://soundcloud.com","icon":"","name":""},{"url":"https://github.com","icon":"","name":""},{"url":"https://reddit.com","icon":"","name":" "}],"visible":true,"linkOpenStyle":false},"locale":"en","timeZone":null,"version":3}
\ No newline at end of file
diff --git a/hybrid/.config/dunst/dunstrc b/hybrid/.config/dunst/dunstrc
new file mode 100755
index 000000000..771dd80bc
--- /dev/null
+++ b/hybrid/.config/dunst/dunstrc
@@ -0,0 +1,59 @@
+[global]
+monitor = 0
+follow = mouse
+geometry = "280x50-20+90"
+indicate_hidden = no
+shrink = no
+separator_height = 4
+separator_color = yes
+padding = 20
+horizontal_padding = 20
+frame_width = 3
+sort = no
+idle_threshold = 120
+font = Rubik 13
+line_height = 4
+markup = full
+format = "<b>%s</b>\n%b"
+alignment = left
+show_age_threshold = 60
+word_wrap = yes
+ignore_newline = no
+stack_duplicates = false
+hide_duplicate_count = yes
+show_indicators = no
+icon_position = left
+max_icon_size = 48
+sticky_history = yes
+history_length = 20
+browser = x-www-browser -new-tab
+always_run_script = true
+title = Dunst
+class = Dunst
+corner_radius = 10
+origin = top-right
+offset = 8x69
+
+[shortcuts]
+close = ctrl+shift+space
+close_all = ctrl+shift+space
+history = ctrl+grave
+context = ctrl+shift+period
+
+[urgency_low]
+timeout = 4
+background = "#1A1B2699"
+foreground = "#A4D7F1"
+frame_color = "#A4D7F1"
+
+[urgency_normal]
+timeout = 8
+background = "#1A1B2699"
+foreground = "#A4D7F1"
+frame_color = "#A4D7F1"
+
+[urgency_critical]
+timeout = 0
+background = "#1A1B2699"
+foreground = "#FDDC74"
+frame_color = "#FDDC74"
diff --git a/hybrid/.config/eww/.vscode/c_cpp_properties.json b/hybrid/.config/eww/.vscode/c_cpp_properties.json
new file mode 100755
index 000000000..a2461ad1a
--- /dev/null
+++ b/hybrid/.config/eww/.vscode/c_cpp_properties.json
@@ -0,0 +1,18 @@
+{
+    "configurations": [
+        {
+            "name": "Linux",
+            "includePath": [
+                "${workspaceFolder}/**",
+                "/usr/include/**"
+            ],
+            "defines": [],
+            "compilerPath": "/usr/bin/clang",
+            "cStandard": "c17",
+            "cppStandard": "c++17",
+            "intelliSenseMode": "linux-clang-x64",
+            "configurationProvider": "ms-vscode.makefile-tools",
+        }
+    ],
+    "version": 4
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/.vscode/settings.json b/hybrid/.config/eww/.vscode/settings.json
new file mode 100755
index 000000000..6e9310476
--- /dev/null
+++ b/hybrid/.config/eww/.vscode/settings.json
@@ -0,0 +1,81 @@
+{
+    "files.associations": {
+        "optional": "cpp",
+        "system_error": "cpp",
+        "fstream": "cpp",
+        "iosfwd": "cpp",
+        "string_view": "cpp",
+        "string": "cpp",
+        "any": "cpp",
+        "array": "cpp",
+        "bit": "cpp",
+        "*.tcc": "cpp",
+        "cctype": "cpp",
+        "clocale": "cpp",
+        "cmath": "cpp",
+        "codecvt": "cpp",
+        "compare": "cpp",
+        "concepts": "cpp",
+        "cstddef": "cpp",
+        "cstdint": "cpp",
+        "cstdio": "cpp",
+        "cstdlib": "cpp",
+        "cstring": "cpp",
+        "ctime": "cpp",
+        "cwchar": "cpp",
+        "cwctype": "cpp",
+        "deque": "cpp",
+        "forward_list": "cpp",
+        "map": "cpp",
+        "unordered_map": "cpp",
+        "vector": "cpp",
+        "exception": "cpp",
+        "functional": "cpp",
+        "initializer_list": "cpp",
+        "iomanip": "cpp",
+        "iostream": "cpp",
+        "istream": "cpp",
+        "limits": "cpp",
+        "memory": "cpp",
+        "new": "cpp",
+        "numbers": "cpp",
+        "numeric": "cpp",
+        "ostream": "cpp",
+        "ranges": "cpp",
+        "ratio": "cpp",
+        "span": "cpp",
+        "sstream": "cpp",
+        "stdexcept": "cpp",
+        "streambuf": "cpp",
+        "type_traits": "cpp",
+        "tuple": "cpp",
+        "typeinfo": "cpp",
+        "utility": "cpp",
+        "valarray": "cpp",
+        "csignal": "cpp",
+        "cstdarg": "cpp",
+        "atomic": "cpp",
+        "bitset": "cpp",
+        "charconv": "cpp",
+        "chrono": "cpp",
+        "condition_variable": "cpp",
+        "list": "cpp",
+        "set": "cpp",
+        "unordered_set": "cpp",
+        "algorithm": "cpp",
+        "iterator": "cpp",
+        "memory_resource": "cpp",
+        "random": "cpp",
+        "regex": "cpp",
+        "source_location": "cpp",
+        "format": "cpp",
+        "mutex": "cpp",
+        "semaphore": "cpp",
+        "shared_mutex": "cpp",
+        "stdfloat": "cpp",
+        "stop_token": "cpp",
+        "thread": "cpp",
+        "cinttypes": "cpp",
+        "variant": "cpp"
+    }
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/.vscode/tasks.json b/hybrid/.config/eww/.vscode/tasks.json
new file mode 100755
index 000000000..6e927d6b8
--- /dev/null
+++ b/hybrid/.config/eww/.vscode/tasks.json
@@ -0,0 +1,31 @@
+{
+    "tasks": [
+        {
+            "type": "cppbuild",
+            "label": "C/C++: g++ build active file",
+            "command": "/usr/bin/g++",
+            "args": [
+                "-static",
+                "-fdiagnostics-color=always",
+                "-g",
+                "${file}",
+                "-o",
+                "${fileDirname}/${fileBasenameNoExtension}",
+                "-lboost_iostreams",
+                "`pkg-config --libs boost_iostreams`"
+            ],
+            "options": {
+                "cwd": "${fileDirname}"
+            },
+            "problemMatcher": [
+                "$gcc"
+            ],
+            "group": {
+                "kind": "build",
+                "isDefault": true
+            },
+            "detail": "Task generated by Debugger."
+        }
+    ],
+    "version": "2.0.0"
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/css/_bgdecor.scss b/hybrid/.config/eww/css/_bgdecor.scss
new file mode 100755
index 000000000..9ca03cd64
--- /dev/null
+++ b/hybrid/.config/eww/css/_bgdecor.scss
@@ -0,0 +1,125 @@
+.bg-decor-dow {
+  color: $onPrimaryContainer;
+  font-family: Rubik;
+  font-size: 35pt;
+}
+
+.bg-decor-date {
+  color: $onPrimaryContainer;
+  font-family: Rubik;
+  font-size: 20pt;
+}
+
+.bg-module {
+  // background-color: shade($colorbg, 10%);
+  border-radius: 30px;
+  padding: 20px;
+  margin: 5px;
+}
+
+.bg-text {
+  text-shadow: -1px -1px 0 $primaryContainer,
+    1px -1px 0 $primaryContainer,
+    -1px 1px 0 $primaryContainer,
+    1px 1px 0 $primaryContainer;
+  color: $onPrimaryContainer;
+  font-family: 'Rubik';
+}
+
+.bg-icon {
+  margin-bottom: 9px;
+  color: $onSecondaryContainer;
+  font-family: 'Material Symbols Rounded';
+  font-size: 15pt;
+  min-width: 40px;
+  min-height: 40px;
+  background-color: $secondaryContainer;
+  border-radius: 13px;
+}
+
+.bg-title {
+  text-shadow: -1px -1px 0 $primaryContainer,
+    1px -1px 0 $primaryContainer,
+    -1px 1px 0 $primaryContainer,
+    1px 1px 0 $primaryContainer;
+  color: $onPrimaryContainer;
+  font-size: 16pt;
+  margin: 5px;
+  padding-bottom: 10px;
+  padding-left: 5px;
+}
+
+.bg-cool-text {
+  color: $onPrimaryContainer;
+  font-family: 'Rubik';
+  font-size: 13pt;
+  margin: 5px;
+  text-shadow: -1px -1px 0 $primaryContainer,
+    1px -1px 0 $primaryContainer,
+    -1px 1px 0 $primaryContainer,
+    1px 1px 0 $primaryContainer;
+}
+
+.bg-progress {
+  margin: 5px;
+  min-width: 450px;
+
+  trough {
+    border-radius: 9999px;
+    background-color: #24222A;
+    min-height: 10px;
+  }
+
+  highlight {
+    border-radius: 9999px;
+    background-color: $color3;
+  }
+}
+
+.bg-graph-container {
+  min-width: 150px;
+  min-height: 30px;
+  padding-bottom: 4px;
+  padding-top: 4px;
+  border-radius: 8px;
+  border: 1px solid $onPrimaryContainer;
+  margin: 5px;
+  box-shadow: -1px -1px 0 $primaryContainer,
+    1px -1px 0 $primaryContainer,
+    -1px 1px 0 $primaryContainer,
+    1px 1px 0 $primaryContainer;
+}
+
+.bg-graph {
+  color: $color3;
+  // background-color: $color3;
+}
+
+.bg-date {
+  min-width: 500px;
+}
+
+.bg-decor-input-left {
+  border-top-left-radius: 999px;
+  border-bottom-left-radius: 999px;
+  margin-top: 30px;
+  padding-left: 20px;
+  padding-right: 20px;
+  font-size: 15pt;
+  min-height: 50px;
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.bg-decor-input-right {
+  border-top-right-radius: 999px;
+  border-bottom-right-radius: 999px;
+  margin-top: 30px;
+  padding-left: 20px;
+  padding-right: 20px;
+  // padding-top: 5px;
+  // padding-bottom: 5px;
+  font-size: 15pt;
+  min-height: 50px;
+  background-color: rgba(255, 255, 255, 0.2);
+  color: rgba(255, 255, 255, 0.2);
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/css/_bottombar.scss b/hybrid/.config/eww/css/_bottombar.scss
new file mode 100755
index 000000000..d3671b573
--- /dev/null
+++ b/hybrid/.config/eww/css/_bottombar.scss
@@ -0,0 +1,65 @@
+.bottombar-closed-hitbox {
+  min-width: 1920px;
+  background-color: mix(rgba(30, 30, 30, 0.5), $colorbg, 50%);
+}
+.bottombar-bg {
+  min-width: 1920px;
+  min-height: 300px;
+  border-top-left-radius: 26px;
+  border-top-right-radius: 26px;
+  background-color: shade($colorbg, 70%);
+  background-size: 100% auto;
+  background-position: center center;
+
+  margin-top: 5px; //for shadow
+  box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.5);
+}
+
+.bottombar-bg-front {
+  min-width: 1920px;
+  min-height: 300px;
+  border-top-left-radius: 26px;
+  border-top-right-radius: 26px;
+  border-bottom: 0px solid transparent;
+  background-color: mix(rgba(30, 30, 30, 0.5), $colorbg, 50%);
+  background-size: 100% 100%;
+
+  margin-top: 5px; //for shadow
+}
+
+.cava-column {
+  // background-image: linear-gradient($color1, $color3);
+  background-color: rgb(176, 226, 247);
+  border-top-left-radius: 99px;
+  border-top-right-radius: 99px;
+  margin: 8px;
+  margin-bottom: 0px;
+}
+
+.bottombar-musicinfo-box {
+  margin-left: 50px;
+  margin-top: 50px;
+}
+
+.bottombar-title {
+  font-family: 'Lexend';
+  font-size: 30pt;
+  font-weight: 500;
+  text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
+}
+
+.bottombar-artist {
+  font-family: 'Lexend';
+  font-size: 16pt;
+  font-weight: 500;
+  text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
+}
+
+.bottombar-music-cover {
+  border-radius: 15px;
+  min-height: 200px;
+  min-width: 200px;
+  background-size: auto 100%;
+  background-position: center;
+  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/css/_calendar.scss b/hybrid/.config/eww/css/_calendar.scss
new file mode 100755
index 000000000..e22548ba9
--- /dev/null
+++ b/hybrid/.config/eww/css/_calendar.scss
@@ -0,0 +1,125 @@
+.calendar-win {
+  @include window;
+  background-color: $colorbarbg;
+  border: 3px solid $color3;
+  border-radius: 15px;
+  color: $colortext;
+  padding: .2em;
+  font-family: 'Rubik';
+  margin: 14px;
+}
+
+calendar {
+  * {
+    padding-top: 10px;
+    color: $primary;
+  }
+
+  :selected {
+    color: $onPrimary;
+    font-weight: bolder;
+    background-color: $primary;
+    border-radius: 8px;
+  }
+
+  .header {
+    color: $colortext;
+    margin: 15px;
+    min-height: 400px;
+  }
+
+  .highlight {
+    color: $onTertiaryContainer;
+    font-weight: bold;
+  }
+
+  .button {
+    color: $colortext;
+    padding-top: 10px;
+  }
+
+  :indeterminate {
+    color: $onBackground;
+  }
+}
+
+.calendarwin-title {
+  border-radius: 9999px;
+  font-size: 15pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  margin: 1px;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.calendarwin-button {
+  border-radius: 9999px;
+  font-size: 12pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  margin: 1px;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.calendarwin-text {
+  border-radius: 9999px;
+  font-size: 11pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.calendarwin-icon {
+  background-position: center;
+  min-height: 42px;
+  min-width: 30px;
+}
+
+.calendarwin-text {
+  border-radius: 9999px;
+  font-size: 12pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  min-height: 50px;
+  min-width: 50px;
+  margin: 3px;
+}
+
+.calendarwin-day-1 {
+  background-color: transparent;
+  color: #7C7C7C;
+}
+
+.calendarwin-day0 {
+  background-color: transparent;
+  color: white;
+}
+
+.calendarwin-day1 {
+  background-color: $primary;
+  color: black;
+}
+
+.calendarwin-day0:hover {
+  background-color: rgba(75, 75, 75, 0.5);
+}
+
+.calendarwin-day0:active {
+  background-color: tint(rgba(75, 75, 75, 0.5), 10%);
+}
+
+.calendarwin-day1:hover {
+  background-color: tint($color4, 10%);
+  color: black;
+}
+
+.calendarwin-day1:active {
+  background-color: tint($color4, 20%);
+  color: black;
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/css/_colors.scss b/hybrid/.config/eww/css/_colors.scss
new file mode 100755
index 000000000..7e7546543
--- /dev/null
+++ b/hybrid/.config/eww/css/_colors.scss
@@ -0,0 +1,77 @@
+
+
+$rosewater: #f5e0dc;
+$flamingo: #f2cdcd;
+$pink: #f5c2e7;
+$mauve: #cba6f7;
+$red: #f38ba8;
+// $red:         #EF738A;
+$maroon: #eba0ac;
+$peach: #fab387;
+$yellow: #f9e2af;
+$green: #a6e3a1;
+$teal: #94e2d5;
+$sky: #89dceb;
+$sapphire: #74c7ec;
+$blue: #89b4fa;
+$lavender: #b4befe;
+$true: #EF738A;
+$false: #A9B1D6;
+
+
+$forestgreen: #A8B468;
+$forestyellow : #8e8370;
+$foresttext : #d3c6ab;
+$forestblack : #1e201f;
+$forestred : #e76c69;
+$forestpink : #d698b5;
+$forestorange : #e59576;
+$forestgray : #75817b;
+$forestgraylight: #495156;
+$forestgreendark: #7fba90;
+$forestblue: #77AEA7;
+
+$tokyobluedark: #1A1B26;
+$tokyobluelessdark: #1f212e;
+$tokyotext: #a9b1d6;
+$tokyopink: #ff79b1; //nah theres no pink in tokyonight, but i need one so added
+$tokyored: #EF738A;
+$tokyoorange: #FF9E64;
+$tokyoyellow: #E0AF68;
+$tokyogreen: #9ECE6A;
+$tokyoturquoise: #73daca;
+$tokyoice: #b4f9f8;
+$tokyocyan: #0DB9D7;
+$tokyoblue: #7AA2F7;
+$tokyopurple: #9778D0;
+$tokyogrey: #444B6A;
+$catbg: #1E1E2E;
+
+$text: $tokyotext;
+$subtext1: #868dac;
+$subtext0: #a6adc8;
+$overlay2: #9399b2;
+$overlay1: #7f849c;
+$overlay0: rgba(108, 112, 134, 0.4);
+$overlayedge: rgba(108, 112, 134, 0.15);
+
+$hover0: rgba(200, 200, 200, 0.3);
+
+$surface2: rgba(88, 91, 112, 0.7);
+$surface1: rgba(69, 71, 90, 0.7);
+// $surface0: rgba(28, 28, 48, 0.5); //Needs dynamic change
+// $surface0: #24222A; //Needs dynamic change
+
+
+$base: #1E201F;
+$mantle: #181825;
+$crust: #121415;
+
+$fg: $tokyotext;
+$bg: #171726;
+$barbg: #131426;
+$shadow: $crust;
+
+// $battcolor: $tokyogreen;
+// $memcolor: $tokyoorange;
+// $cpucolor: $tokyoblue;
\ No newline at end of file
diff --git a/hybrid/.config/eww/css/_colorscheme.scss b/hybrid/.config/eww/css/_colorscheme.scss
new file mode 100755
index 000000000..eca473230
--- /dev/null
+++ b/hybrid/.config/eww/css/_colorscheme.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #1f252d;
+$colorbg: rgba(31,37,45,0.75);
+$colortext: #e6e2e7;
+$color0: #60C4F1;
+$color1: #9F9BAB;
+$color2: #DBB4AD;
+$color3: #A2AECF;
+$color4: #CFB7CE;
+$color5: #A4D7F1;
+$color6: #e6e2e7;
+$color7: #A2AECF;
diff --git a/hybrid/.config/eww/css/_colorscheme_default.scss b/hybrid/.config/eww/css/_colorscheme_default.scss
new file mode 100755
index 000000000..eca473230
--- /dev/null
+++ b/hybrid/.config/eww/css/_colorscheme_default.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #1f252d;
+$colorbg: rgba(31,37,45,0.75);
+$colortext: #e6e2e7;
+$color0: #60C4F1;
+$color1: #9F9BAB;
+$color2: #DBB4AD;
+$color3: #A2AECF;
+$color4: #CFB7CE;
+$color5: #A4D7F1;
+$color6: #e6e2e7;
+$color7: #A2AECF;
diff --git a/hybrid/.config/eww/css/_colorscheme_osu.scss b/hybrid/.config/eww/css/_colorscheme_osu.scss
new file mode 100755
index 000000000..48bb59f78
--- /dev/null
+++ b/hybrid/.config/eww/css/_colorscheme_osu.scss
@@ -0,0 +1,11 @@
+$colorbg: #0f0e11;   //Get from color0
+$colortext: white; //Get from color4
+$color0: #8C66FF;
+$color1: #CC3378;
+$color2: #5933CC;
+$color3: #EEAA00;
+$color4: white;
+$color5: white;
+$color6: white;
+$color7: white; //Get from color4 (border)
+$colormusic: white;
\ No newline at end of file
diff --git a/hybrid/.config/eww/css/_dashboard.scss b/hybrid/.config/eww/css/_dashboard.scss
new file mode 100755
index 000000000..4f5d533e3
--- /dev/null
+++ b/hybrid/.config/eww/css/_dashboard.scss
@@ -0,0 +1,236 @@
+.dash-window {
+  background-color: transparent;
+}
+
+.dash-title {
+  color: $primary;
+  font-size: 18pt;
+}
+
+.dash-subtitle {
+  color: $color5;
+  font-size: 13pt;
+}
+
+.dash {
+  min-height: 50px;
+  min-width: 50px;
+  background-color: $colorbarbg;
+  border-radius: 15px;
+  padding: 20px;
+  margin: 5px;
+}
+
+.dash-profile {
+  min-width: 300px;
+  min-height: 228px;
+}
+
+.dash-user-pic {
+  margin: 20px;
+  min-width: 150px;
+  min-height: 150px;
+  background-repeat: no-repeat;
+  background-size: 100%;
+  border-radius: 1500px;
+  background-position: center;
+}
+
+.dash-fetch {
+  color: $colortext;
+  font-size: 15pt;
+}
+
+.dash-fetch-icon {
+  color: $colortext;
+  font-size: 16pt;
+  margin: 3px;
+  font-family: Material Symbols Rounded;
+}
+
+.dash-fetch-icon-nerd {
+  color: $colortext;
+  font-size: 16pt;
+  margin: 3px;
+  font-family: JetBrainsMono Nerd Font Regular;
+}
+
+.dash-icon {
+  font-size: 24pt;
+  font-weight: bold;
+  font-family: Material Symbols Rounded;
+}
+
+.dash-button {
+  border-radius: 15px;
+}
+
+.dash-button:hover {
+  background-color: tint($colorbarbg, 10%);
+}
+
+.dash-button:focus {
+  background-color: tint($colorbarbg, 10%);
+}
+
+.dash-button:active {
+  background-color: tint($colorbarbg, 20%);
+}
+
+.dash-quote-content {
+  margin: 2px;
+  color: $colortext;
+  font-size: 14pt;
+}
+
+.dash-quote-author {
+  margin: 2px;
+  color: $colortext;
+  font-size: 12pt;
+}
+
+.dash-tile {
+  min-width: 800px;
+}
+
+.dash-input-icon {
+  padding-left: 15px;
+  padding-right: 15px;
+  min-width: 30px;
+  margin: -5px;
+  margin-left: 15px;
+  background-color: $colorbarbg;
+  border: 2px solid tint($colorbarbg, 10%);
+  border-radius: 10px;
+  color: $colortext;
+  font-size: 19pt;
+}
+
+.dash-input {
+  padding-left: 15px;
+  padding-right: 15px;
+  min-width: 860px;
+  margin: -5px;
+  background-color: $colorbarbg;
+  border: 2px solid tint($colorbarbg, 10%);
+  border-radius: 10px;
+  color: $colortext;
+  font-size: 15pt;
+  caret-color: $colortext;
+
+  selection {
+    background-color: rgba(154, 152, 152, 0.5);
+  }
+}
+
+.dash-time {
+  color: $primary;
+  font-size: 35pt;
+}
+
+.dash-date {
+  color: $primary;
+  font-size: 18pt;
+}
+
+.dash-clock-text-area {
+  min-width: 200px;
+}
+
+.dash-clock-circle-area {
+  // margin-left: 10px;
+}
+
+.dash-clock-circle {
+  background-color: $surface0;
+}
+
+.dash-clock-inner {
+  padding: 36px;
+}
+
+.dash-clock-circle-minute {
+  margin: 10px;
+  background-color: $overlay0;
+}
+
+.dash-debug-area {
+  background-color: rgba(214, 28, 50, 0.3);
+}
+
+.dash-dir-area {
+  min-width: 198px;
+}
+
+.dash-dir {
+  font-size: 15pt;
+  padding: 10px;
+  padding-left: 15px;
+}
+
+.dash-resources {
+  min-width: 198px;
+  min-height: 122px;
+}
+
+.dash-resouce-icon {
+  font-size: 99pt;
+}
+
+.dash-resource-inner {
+  padding: 30px;
+}
+
+.dash-resource-text {
+  font-size: 15pt;
+  margin: 3px;
+}
+
+.dash-resource-title {
+  font-size: 15pt;
+}
+
+.dash-resource-tile {
+  // background-color: tint($colorbarbg, 20%);
+  border-radius: 12px;
+  padding-left: 15px;
+  padding-right: 15px;
+  padding-top: 11px;
+  // padding: 15px;
+}
+
+.clrt {
+  color: $colortext;
+}
+
+.clr0 {
+  color: $primary;
+}
+
+.clr1 {
+  color: $secondary;
+}
+
+.clr2 {
+  color: $tertiary;
+}
+
+.clr3 {
+  color: $primary;
+}
+
+.clr4 {
+  color: $secondary;
+}
+
+.clr5 {
+  color: $tertiary;
+}
+
+.clr6 {
+  color: $primary;
+}
+
+.clr7 {
+  color: $secondary;
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/css/_dashfs.scss b/hybrid/.config/eww/css/_dashfs.scss
new file mode 100755
index 000000000..5694d7d1e
--- /dev/null
+++ b/hybrid/.config/eww/css/_dashfs.scss
@@ -0,0 +1,344 @@
+.dashfs-bg {
+  background-color: rgba(20, 20, 20, 0.7);
+}
+
+.dashfs-greet {
+  border-radius: 10px;
+  margin-top: 40px;
+  margin-left: 40px;
+  border: 3px solid transparent;
+  border-left: 3px solid $color5;
+  padding: 10px;
+}
+
+.dashfs-greet-text {
+  font-family: 'Rubik';
+  font-size: 20pt;
+  color: $color5;
+}
+
+.dashfs-greet-subtext {
+  font-family: 'Rubik';
+  font-size: 14pt;
+  color: $color5;
+}
+
+.dashfs-clock {
+  border-radius: 10px;
+  margin-top: 40px;
+  margin-right: 40px;
+  border: 3px solid transparent;
+  border-right: 3px solid $color4;
+  padding: 15px;
+}
+
+.dashfs-clock-time {
+  margin-top: -15px;
+  font-family: 'Rubik';
+  font-size: 45pt;
+  color: $color4;
+}
+
+.dashfs-clock-date {
+  font-family: 'Rubik';
+  font-size: 22pt;
+  color: $color4;
+}
+
+.dashfs-calendar-title {
+  border-radius: 9999px;
+  font-size: 15pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  margin: 1px;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.dashfs-calendar-button {
+  border-radius: 9999px;
+  font-size: 12pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  margin: 1px;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.dashfs-calendar-text {
+  border-radius: 9999px;
+  font-size: 11pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.dashfs-section-nopad {
+  border-radius: 10px;
+  border: 3px solid transparent;
+  border-top: 3px solid $color4;
+}
+
+.dashfs-section {
+  border-radius: 10px;
+  border: 3px solid transparent;
+  border-top: 3px solid $color1;
+  padding: 10px;
+  min-width: 200px;
+}
+
+.dashfs-section-title {
+  color: $color1;
+  font-size: 18pt;
+  font-family: 'Rubik';
+  margin-bottom: 5px;
+}
+
+.dashfs-fetch {
+  color: $color1;
+  font-size: 15pt;
+  font-family: 'Rubik';
+}
+
+.dashfs-fetch-icon {
+  color: $color1;
+  font-size: 16pt;
+  margin: 5px 0px;
+  margin-right: 10px;
+  font-family: 'Material Symbols Rounded';
+}
+
+.dashfs-section-button {
+  border-radius: 8px;
+  padding: 0 10px;
+}
+
+.dashfs-section-button:hover {
+  background-color: $overlay0;
+}
+
+.dashfs-calendar-icon {
+  background-position: center;
+  min-height: 42px;
+  min-width: 30px;
+}
+
+.dashfs-monthbutton {
+  // background-size: 80% auto;
+  background-color: transparent;
+  background-position: center;
+  border-radius: 6px;
+  margin: 12px 3px;
+  margin-top: 0px;
+  padding: 6px;
+  min-width: 20px;
+  min-height: 20px;
+}
+
+.dashfs-monthbutton:hover {
+  background-color: rgba(95, 95, 95, 0.4);
+}
+
+.dashfs-calendar-text {
+  border-radius: 9999px;
+  font-size: 12pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.dashfs-nerd-icon {
+  color: $color1;
+  font-size: 16pt;
+  margin: 5px 0px;
+  margin-right: 10px;
+  font-family: 'JetBrainsMono Nerd Font';
+}
+
+.dashfs-button-only {
+  :first-child {
+    :first-child {
+      border-radius: 10px;
+      border: 1px solid transparent;
+      border-top: 1px solid transparent;
+    }
+  }
+}
+
+.dashfs-button-only:hover {
+  :first-child {
+    :first-child {
+      background-color: shade($overlay0, 2%);
+      border: 1px solid $overlayedge;
+      border-top: 1px solid tint($overlayedge, 5%);
+    }
+  }
+}
+
+.dashfs-button-pad {
+  padding: 3px;
+  // min-width: 42px;
+  min-height: 42px;
+}
+
+.dashfs-taskbaricon {
+  background-size: 60%;
+  background-position: center;
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 10px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.dashfs-taskbaricon-false {
+  background-size: 70%;
+  background-position: center;
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 10px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.dashfs-taskbaricon-true {
+  background-size: 70%;
+  background-position: center;
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.dashfs-taskbar-indicator-true {
+  border-radius: 10px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+  margin-bottom: 4px;
+  margin-top: 65px;
+  margin-left: 25px;
+  margin-right: 25px;
+  background-color: $color4;
+}
+
+.dashfs-taskbar-indicator-false {
+  border-radius: 10px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+  margin-bottom: 4px;
+  margin-top: 65px;
+  margin-left: 32px;
+  margin-right: 32px;
+  background-color: #9C98A3;
+}
+
+.dashfs-day-1 {
+  background-color: transparent;
+  color: #7C7C7C;
+}
+
+.dashfs-day0 {
+  background-color: transparent;
+  color: white;
+}
+
+.dashfs-day1 {
+  background-color: tint($color4, 20%);
+  color: black;
+}
+
+.dashfs-day0:hover {
+  background-color: rgba(75, 75, 75, 0.5);
+}
+
+.dashfs-day0:active {
+  background-color: tint(rgba(75, 75, 75, 0.5), 10%);
+}
+
+.dashfs-day1:hover {
+  background-color: tint($color4, 10%);
+  color: black;
+}
+
+.dashfs-day1:active {
+  background-color: tint($color4, 20%);
+  color: black;
+}
+
+.dashfs-music-cover {
+  border-radius: 10px;
+  min-height: 50px;
+  min-width: 50px;
+  background-size: auto 100%;
+  background-position: center;
+}
+
+.dashfs-resource-title {
+  color: $tertiary;
+  font-size: 18pt;
+  font-family: 'Rubik';
+  margin-bottom: 5px;
+}
+
+.dashfs-resource-box {
+  border-radius: 10px;
+  border: 3px solid transparent;
+  border-top: 3px solid $tertiary;
+  padding: 20px 5px;
+  min-width: 110px;
+}
+
+.dashfs-resource-circle {
+  color: $tertiary;
+  background-color: #5B5A5C;
+}
+
+.dashfs-resource-icon {
+  color: $tertiary;
+  font-size: 30pt;
+  font-family: 'Material Symbols Rounded';
+}
+
+.dashfs-resource-label {
+  color: $onTertiary;
+  background-color: $tertiary;
+  font-size: 13pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  padding: 3px 8px;
+  border-radius: 9999px;
+  min-width: 50px;
+}
+
+.dashfs-graph {
+  background-image: url('images/svg/graph.svg');
+  background-size: 100% 100%;
+  background-position: center;
+}
+
+.dashfs-cava-column {
+  background-color: rgba(176, 226, 247, 0.1);
+  border-radius: 9999px;
+  margin: 5px 0;
+}
+
+.dashfs-quote-content {
+  font-family: 'Space Grotesk';
+  font-weight: 500;
+  font-size: 16pt;
+  color: $primary;
+}
+
+.dashfs-quote-author {
+  font-family: 'Space Grotesk';
+  font-weight: 500;
+  font-size: 14pt;
+  color: $primary;
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/css/_editmode.scss b/hybrid/.config/eww/css/_editmode.scss
new file mode 100755
index 000000000..3733a2095
--- /dev/null
+++ b/hybrid/.config/eww/css/_editmode.scss
@@ -0,0 +1,18 @@
+.edit-mode-checkbox-false {
+  min-height: 53px;
+  min-width: 53px;
+  // background-image: url('images/svg/tournaments.svg');
+  background-size: auto 65%;
+  background-position: center;
+  color: transparent;
+}
+
+.edit-mode-checkbox-true {
+  min-height: 53px;
+  min-width: 53px;
+  background-color: $overlay0;
+  // background-image: url('images/svg/tournaments.svg');
+  background-size: auto 65%;
+  background-position: center;
+  color: transparent;
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/css/_iconcolor.txt b/hybrid/.config/eww/css/_iconcolor.txt
new file mode 100755
index 000000000..75c915a19
--- /dev/null
+++ b/hybrid/.config/eww/css/_iconcolor.txt
@@ -0,0 +1,6 @@
+#d7e2ff
+#dfbbde
+#9F9BAB
+#A2AECF
+#CFB7CE
+#CFB7CE
diff --git a/hybrid/.config/eww/css/_iconcolor_default.txt b/hybrid/.config/eww/css/_iconcolor_default.txt
new file mode 100755
index 000000000..75c915a19
--- /dev/null
+++ b/hybrid/.config/eww/css/_iconcolor_default.txt
@@ -0,0 +1,6 @@
+#d7e2ff
+#dfbbde
+#9F9BAB
+#A2AECF
+#CFB7CE
+#CFB7CE
diff --git a/hybrid/.config/eww/css/_material.scss b/hybrid/.config/eww/css/_material.scss
new file mode 100755
index 000000000..15525e274
--- /dev/null
+++ b/hybrid/.config/eww/css/_material.scss
@@ -0,0 +1,27 @@
+$primary: #adc6ff;
+$onPrimary: #002d6f;
+$primaryContainer: #17448f;
+$onPrimaryContainer: #d7e2ff;
+$secondary: #bfc6dd;
+$onSecondary: #293041;
+$secondaryContainer: #3f4659;
+$onSecondaryContainer: #dbe2f9;
+$tertiary: #dfbbde;
+$onTertiary: #412743;
+$tertiaryContainer: #593e5a;
+$onTertiaryContainer: #fcd7fa;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1b1b1e;
+$onBackground: #e4e2e6;
+$surface: #1b1b1e;
+$onSurface: #e4e2e6;
+$surfaceVariant: #44464e;
+$onSurfaceVariant: #c5c6d0;
+$outline: #8e9099;
+$shadow: #000000;
+$inverseSurface: #e4e2e6;
+$inverseOnSurface: #303033;
+$inversePrimary: #355ca8;
diff --git a/hybrid/.config/eww/css/_material_default.scss b/hybrid/.config/eww/css/_material_default.scss
new file mode 100755
index 000000000..15525e274
--- /dev/null
+++ b/hybrid/.config/eww/css/_material_default.scss
@@ -0,0 +1,27 @@
+$primary: #adc6ff;
+$onPrimary: #002d6f;
+$primaryContainer: #17448f;
+$onPrimaryContainer: #d7e2ff;
+$secondary: #bfc6dd;
+$onSecondary: #293041;
+$secondaryContainer: #3f4659;
+$onSecondaryContainer: #dbe2f9;
+$tertiary: #dfbbde;
+$onTertiary: #412743;
+$tertiaryContainer: #593e5a;
+$onTertiaryContainer: #fcd7fa;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1b1b1e;
+$onBackground: #e4e2e6;
+$surface: #1b1b1e;
+$onSurface: #e4e2e6;
+$surfaceVariant: #44464e;
+$onSurfaceVariant: #c5c6d0;
+$outline: #8e9099;
+$shadow: #000000;
+$inverseSurface: #e4e2e6;
+$inverseOnSurface: #303033;
+$inversePrimary: #355ca8;
diff --git a/hybrid/.config/eww/css/_music.scss b/hybrid/.config/eww/css/_music.scss
new file mode 100755
index 000000000..5f120c08d
--- /dev/null
+++ b/hybrid/.config/eww/css/_music.scss
@@ -0,0 +1,305 @@
+.music-area {
+  padding: 10px;
+  @include rounding;
+}
+
+.song-cover-art {
+  @include rounding;
+  background-position: center;
+  background-size: 100%;
+  margin: 4px 5px 4px 0;
+  min-height: 24px;
+  min-width: 24px;
+}
+
+.music-window {
+  @include window;
+  @include rounding;
+  background-color: $colorbarbg;
+  border: 3px solid;
+  color: $colortext;
+  margin: 3px;
+}
+
+.music-cover-art {
+  @include rounding;
+  background-color: transparent;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-image: url("eww_covers/cover_art_default");
+  background-position: 50% 15%;
+  // border-radius: 5px;
+  // margin: 1em;
+  // min-height: 200px;
+  min-width: 200px;
+}
+
+.music-box {
+  @include rounding;
+  padding-top: 24px;
+  background-color: rgba(0, 0, 0, 0.4);
+  background-position: top;
+}
+
+.music-title {
+  // font-weight: bold;
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  min-height: 39px;
+  font-size: 19pt;
+  color: $colortext;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+.music-title-hover {
+  // font-weight: bold;
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  font-size: 19pt;
+  color: $colortext;
+  background-color: $overlay0;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+.music-title-bar {
+  font-family: 'Rubik';
+  font-size: 15pt;
+  color: $colorbar;
+  padding-left: 10px;
+  padding-right: 10px;
+
+}
+
+.music-artist-bar {
+  color: $colorbar;
+  padding-left: 10px;
+  padding-right: 10px;
+  font-family: 'Rubik';
+  font-size: 11pt;
+}
+
+.music-artist {
+  color: $colortext;
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  font-weight: bold;
+  margin-bottom: 5px;
+  min-height: 25px;
+}
+
+.music-button label {
+  font-family: 'Material Symbols Rounded';
+  // color: $text;
+  font-size: 2rem;
+  font-family: SF Mono Nerd Font;
+  padding: 8px;
+}
+
+.music-time {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  color: $color1;
+  margin: 0 1rem;
+}
+
+.music-bar scale {
+  font-family: 'Material Symbols Rounded';
+  font-family: SF Mono Nerd Font;
+
+  highlight {
+    background-color: $color1;
+    border-radius: 24px;
+  }
+
+  trough {
+    background-color: $surface0;
+    border-radius: 24px;
+    min-height: 10px;
+    min-width: 170px;
+  }
+}
+
+.music-ctl {
+  border-radius: 0px;
+  color: $color1;
+  // padding-right: 10px;
+  min-height: 53px;
+}
+
+.music-icon {
+  padding-top: 5px; //Because the music icon is a bit high
+  padding-left: 16px;
+  padding-right: 16px;
+  color: $color1;
+  background-image: url("images/LinageMusic.png");
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.music-ctl-revealer {
+  margin-top: -4px;
+  // transition: 200ms cubic-bezier(0.3, 0, 0.8, 0.15);
+}
+
+.music-ctl-revealer-false {
+  // padding-left: 10px;
+}
+
+.music-ctl-revealer-true {
+  background-color: $overlay0;
+}
+
+.music-media-source {
+  border-top-left-radius: 10px;
+  border-bottom-right-radius: 15px;
+  min-width: 40px;
+  min-height: 20px;
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.music-source-icon {
+  font-family: 'JetBrainsMono Nerd Font';
+  font-size: 16pt;
+  margin-right: 5px;
+}
+
+.song-button {
+  color: $colortext;
+  border-radius: 9999px;
+  margin: 3px 3px;
+  min-width: 52px;
+  font-size: 32pt;
+}
+
+.song-button:hover {
+  background-color: $overlay0;
+}
+
+.music-button-box {
+  font-family: 'Material Symbols Rounded';
+  color: $colortext;
+  min-width: 160px;
+  margin-top: 6px;
+  margin-bottom: 6px;
+  padding-bottom: 0px;
+  background-color: rgba(0, 0, 0, 0.6);
+  border-radius: 9999px;
+}
+
+.osu-music-box {
+  // min-width: 75px;
+  min-height: 53px;
+  background-size: auto 65%;
+  background-position: 50% 50%;
+  // background-image: url('images/svg/beatmaps.svg');
+  // background-color: $colorbarbg;
+  background-repeat: no-repeat;
+  padding-left: 15px;
+}
+
+.osu-music-box-dummy {
+  min-width: 50px;
+  min-height: 53px;
+  margin-right: -6px;
+  margin-left: 6px;
+}
+
+.osu-music-slider {
+  margin-top: 9px;
+  margin-bottom: 9px;
+  min-height: 6px;
+  padding-left: 13px;
+
+  trough {
+    border-radius: 9999px;
+    background-color: #5c5b5b;
+    min-height: 6px;
+    // margin-left: 32px;
+    // margin-right: 32px;
+    // min-width: 70px;
+    min-width: 3px;
+  }
+
+  highlight {
+    min-width: 3px;
+    border-radius: 9999px;
+    background-color: $colorbar;
+  }
+}
+
+.track-scale {
+  @include rounding;
+
+  trough {
+    border-bottom-left-radius: 9999px;
+    border-bottom-right-radius: 9999px;
+    background-color: rgba(0, 0, 0, 0.8);
+    min-height: 8px;
+    // margin-left: 32px;
+    // margin-right: 32px;
+    // min-width: 70px;
+    min-width: 3px;
+  }
+
+  highlight {
+    min-width: 8px;
+    border-bottom-left-radius: 9999px;
+    border-bottom-right-radius: 9999px;
+    background-color: $color0;
+  }
+}
+
+.bar-music-cover {
+  border-radius: 10px;
+  min-height: 45px;
+  min-width: 45px;
+  background-size: auto 100%;
+  background-position: center;
+}
+
+.bar-music-state {
+  font-family: 'Material Symbols Rounded';
+  color: $color6;
+  background-color: rgba(0, 0, 0, 0.7);
+  border-radius: 9999px;
+  min-width: 30px;
+  min-height: 30px;
+}
+
+.music-cava-column {
+  background-color: $color0;
+  margin: 0 3px;
+  margin-bottom: 8px;
+  border-top-left-radius: 99px;
+  border-top-right-radius: 99px;
+}
+
+.music-time-label {
+  color: $colorbar;
+  background-color: rgba(0, 0, 0, 0.6);
+  font-size: 13pt;
+  font-family: 'Rubik';
+  font-weight: 500;
+  padding: 3px 8px;
+  border-radius: 9999px;
+  min-width: 50px;
+}
+
+.music-button-box-bar {
+  font-family: 'Material Symbols Rounded';
+  color: $colortext;
+  min-width: 160px;
+  margin: 0 0px;
+  border-radius: 9999px;
+}
+
+.song-button-bar {
+  color: $colortext;
+  border-radius: 9999px;
+  // margin: 3px;
+  min-width: 52px;
+  font-size: 32pt;
+}
+
+.song-button-bar:hover {
+  background-color: rgba(0, 0, 0, 0.4);
+}
diff --git a/hybrid/.config/eww/css/_notification.scss b/hybrid/.config/eww/css/_notification.scss
new file mode 100755
index 000000000..4becad4de
--- /dev/null
+++ b/hybrid/.config/eww/css/_notification.scss
@@ -0,0 +1,84 @@
+.notifications-box {
+  // @include window;
+  // padding: 1rem;
+  font-family: 'Rubik';
+}
+
+.notification {
+  // @include rounding;
+  border-radius: 12px;
+  font-size: 12pt;
+  font-family: 'Rubik';
+  background-color: $surface0;
+  // border-bottom: 3px solid $colorbg;
+  padding: .7rem;
+  margin-top: 5px;
+  margin-bottom: 5px;
+
+  // box {
+  //    margin-bottom: .5rem;
+  // }
+
+  label {
+    font-size: 1rem;
+  }
+
+  &:hover {
+    border: 3px solid $color7;
+  }
+
+  .appname {
+    font-size: 13pt;
+    color: $color0;
+    font-weight: bold;
+  }
+
+  .summary {
+    font-size: 13pt;
+    color: $colortext;
+    font-weight: bold;
+  }
+
+  .body {
+    color: $colortext;
+  }
+}
+
+// .container {
+//   &:first-child {
+//     border-radius: 8px 8px 0 0;
+//   }
+
+//   ;
+
+//   &:last-child {
+//     border-radius: 0 0 8px 8px;
+//   }
+
+//   ;
+// }
+
+.notification-header {
+  margin-bottom: 1rem;
+}
+
+.notification-label {
+  color: $colortext;
+  font-size: 1.5rem;
+}
+
+.notification-action {
+  border-radius: 50%;
+  margin-top: 33px;
+  margin-bottom: 9px;
+  padding: 0 .3rem;
+
+  label {
+    color: $colortext;
+    font-size: 1.4rem;
+  }
+
+  &:hover {
+    background: $surface0;
+  }
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/css/_osd.scss b/hybrid/.config/eww/css/_osd.scss
new file mode 100755
index 000000000..230464171
--- /dev/null
+++ b/hybrid/.config/eww/css/_osd.scss
@@ -0,0 +1,44 @@
+.osd-window {
+    margin: 5px;
+    border-radius: 9999px;
+    min-width: 10px;
+    min-height: 40px;
+}
+
+.osd-var {
+    margin: 5px;
+    background-color: $surface;
+    border-radius: 9999px;
+    min-width: 100px;
+    min-height: 37px;
+    padding: 7px;
+
+    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
+}
+
+.osd-circle {
+    // margin-left: 14px;
+    background-color: #5c5b5b;
+    color: $colortext;
+}
+
+.osd-incircle {
+    font-size: 19pt;
+    padding: 6px;
+    font-family: "Material Symbols Rounded"; //AAAAAAAAAGGGHHH
+    color: $colortext;
+}
+
+.osd-incircle-bright {
+    font-size: 19pt;
+    padding: 6px;
+    font-family: "Material Symbols Rounded"; //AAAAAAAAAGGGHHH
+    color: $colortext;
+}
+
+.osd-text {
+    font-size: 15pt;
+    font-family: "Rubik"; //AAAAAAAAAGGGHHH
+    color: $colortext;
+    padding-right: 5px;
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/css/_osettings.scss b/hybrid/.config/eww/css/_osettings.scss
new file mode 100755
index 000000000..df2dfd6f0
--- /dev/null
+++ b/hybrid/.config/eww/css/_osettings.scss
@@ -0,0 +1,620 @@
+$bgdetail: $onSecondary;
+$bgdetail2: $onTertiary;
+
+.osettings-window {
+    min-width: 501px;
+    padding-top: 20px;
+    background-color: shade($colorbarbg, 4%);
+    color: $onBackground;
+    font-family: Rubik;
+    margin: 7px;
+    margin-left: 0px;
+    border-top-right-radius: 53px;
+
+    // background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
+    //     url('images/pictures/banner_left');
+
+    background-color: shade($onSecondary, 50%);
+
+    background-image:
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+
+        radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0) 24%, $bgdetail 24%, $bgdetail 24%, $bgdetail 27%, $bgdetail 27%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0) 27%),
+        radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0) 24%, $bgdetail 26%, $bgdetail 26%, $bgdetail 27%, $bgdetail 27%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0) 27%),
+        radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0) 24%, $bgdetail 25%, $bgdetail 25%, $bgdetail 27%, $bgdetail 27%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0) 27%),
+
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 38%, $bgdetail 38%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 38%, $bgdetail 38%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 38%, $bgdetail 38%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 38%, $bgdetail 38%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+
+        linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
+    ;
+    background-size:
+        15px 30px, 15px 30px, 15px 30px, 15px 30px,
+        15px 30px, 15px 30px, 15px 30px, 15px 30px,
+        15px 30px, 15px 30px, 15px 30px,
+
+        15px 30px, 15px 30px, 15px 30px, 15px 30px,
+        15px 30px, 15px 30px, 15px 30px, 15px 30px,
+        15px 30px, 15px 30px, 15px 30px, 15px 30px,
+
+        60px 60px, 120px 120px, 90px 90px,
+
+        20px 40px, 20px 40px, 40px 80px, 40px 80px,
+        40px 80px, 40px 80px,
+
+        100% 100%,
+    ;
+    background-position:
+        0px 100px, 15px 100px, 30px 100px, 45px 100px,
+        60px 100px, 75px 100px, 90px 100px, 105px 100px,
+        120px 100px, 135px 100px, 150px 100px,
+
+        550px 40px, 535px 40px, 520px 40px, 505px 40px,
+        490px 40px, 475px 40px, 460px 40px, 445px 40px,
+        430px 40px, 415px 40px, 400px 40px, 385px 40px,
+
+        300px 60px, 165px 135px, 180px 5px,
+
+        360px 190px, 380px 190px, 340px 170px, 380px 170px, 
+        40px -10px, 80px -10px, 
+
+        top,
+    ;
+    background-repeat: no-repeat;
+
+    box-shadow: 2px -4px 4px rgba(0, 0, 0, 0.5);
+}
+
+.onotify-window {
+    min-width: 529px;
+    background-color: shade($colorbarbg, 5%);
+    color: $onBackground;
+    font-family: Rubik;
+    margin: 7px;
+    margin-right: 0px;
+    border-top-left-radius: 53px;
+
+
+    // background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
+    //     url('images/pictures/banner_right');
+
+    background-color: shade($onSecondary, 50%);
+
+    background-image:
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+
+        radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0) 24%, $bgdetail 24%, $bgdetail 24%, $bgdetail 27%, $bgdetail 27%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0) 27%),
+        radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0) 24%, $bgdetail 26%, $bgdetail 26%, $bgdetail 27%, $bgdetail 27%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0) 27%),
+        radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0) 24%, $bgdetail 25%, $bgdetail 25%, $bgdetail 27%, $bgdetail 27%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0) 27%),
+
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, $bgdetail 59%, $bgdetail 61%, rgba(0, 0, 0, 0) 61%),
+        
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 38%, $bgdetail 38%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 38%, $bgdetail 38%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+
+        linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
+    ;
+    background-size:
+        15px 30px, 15px 30px, 15px 30px, 15px 30px,
+        15px 30px, 15px 30px, 15px 30px, 15px 30px,
+        15px 30px, 15px 30px, 15px 30px,
+
+        15px 30px, 15px 30px, 15px 30px, 15px 30px,
+        15px 30px, 15px 30px, 15px 30px, 15px 30px,
+        15px 30px, 15px 30px, 15px 30px, 15px 30px,
+
+        60px 60px, 120px 120px, 90px 90px,
+
+        160px 80px,
+        40px 80px, 40px 80px,
+
+        100% 100%,
+    ;
+    background-position:
+        100px 16px, 115px 16px, 130px 16px, 145px 16px,
+        160px 16px, 175px 16px, 190px 16px, 205px 16px,
+        220px 16px, 235px 16px, 250px 16px,
+
+        550px 90px, 535px 90px, 520px 90px, 505px 90px,
+        490px 90px, 475px 90px, 460px 90px, 445px 90px,
+        430px 90px, 415px 90px, 400px 90px, 385px 90px,
+
+        300px 60px, 165px 135px, 220px 95px,
+
+        -25px 90px, 
+        400px -10px, 440px -10px, 
+
+        top,
+    ;
+    background-repeat: no-repeat;
+
+    box-shadow: -2px -4px 4px rgba(0, 0, 0, 0.5);
+}
+
+.osettings-separator {
+    background-color: shade($colorbarbg, 5%);
+    min-height: 6px;
+    margin-top: 27px;
+}
+
+.osettings-content {
+    // padding-top: 13px;
+    margin-top: 27px;
+    padding-bottom: 8px;
+    padding-top: 8px;
+    font-family: Rubik;
+    color: $onBackground;
+    background-color: shade($colorbarbg, 5%);
+    border-top-right-radius: 53px;
+}
+
+.onotify-content {
+    // padding-top: 13px;
+    margin-top: 27px;
+    padding-top: 8px;
+    padding-bottom: 16px;
+    font-family: Rubik;
+    color: $onPrimaryContainer;
+    background-color: shade($colorbarbg, 5%);
+    border-top-left-radius: 53px;
+}
+
+.osettings-heading {
+    padding-left: 28px;
+    padding-right: 28px;
+    color: $primary;
+    font-family: Rubik;
+}
+
+.osettings-title {
+    color: $onPrimaryContainer;
+    font-family: Rubik;
+    font-size: 30pt;
+    text-shadow: 2px 3px 4px rgba(0, 0, 0, 0.5);
+}
+
+.osettings-subtitle {
+    color: $onSecondaryContainer;
+    font-family: Rubik;
+    font-size: 14pt;
+    text-shadow: 2px 3px 4px rgba(0, 0, 0, 0.5);
+}
+
+.osettings-section-icon {
+    margin-top: 33px;
+    margin-bottom: 9px;
+    color: $onSecondaryContainer;
+    font-family: 'Material Symbols Rounded';
+    font-size: 20pt;
+    min-width: 50px;
+    min-height: 50px;
+    background-color: $secondaryContainer;
+    border-radius: 16px;
+}
+
+.osettings-section {
+    margin-top: 33px;
+    margin-bottom: 9px;
+    color: $onSecondaryContainer;
+    font-family: Rubik;
+    font-size: 20pt;
+}
+
+.osettings-text {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    color: $onBackground;
+    font-family: Rubik;
+    font-size: 14pt;
+}
+
+.osettings-text-icon {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    color: $onBackground;
+    font-family: 'Material Symbols Rounded';
+    font-size: 14pt;
+    min-width: 50px;
+}
+
+.osettings-search {
+    margin-left: 28px;
+    margin-right: 28px;
+    margin-top: 35px;
+    background-color: tint($colorbarbg, 4%);
+    border: 2px solid $tertiary;
+    color: $tertiary;
+    border-radius: 10px;
+    font-size: 11pt;
+    min-height: 45px;
+    caret-color: $tertiary;
+
+    selection {
+        background-color: rgba(154, 152, 152, 0.5);
+    }
+
+    box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.5);
+}
+
+.osettings-search-text {
+    color: $tertiary;
+    padding: 10px;
+    font-size: 13pt;
+    min-width: 420px;
+}
+
+.osettings-search-icon {
+    color: $tertiary;
+    padding: 6px;
+    padding-left: 0px;
+    font-size: 20pt;
+}
+
+.osettings-scroll-bg {
+    padding-left: 28px;
+    padding-right: 28px;
+}
+
+.osettings-scroll-bg-colored {
+    padding-left: 28px;
+    padding-right: 28px;
+    background-color: shade($colorbarbg, 5%);
+}
+
+.osettings-btn {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    border-radius: 9999px;
+    min-height: 50px;
+    font-weight: normal;
+    font-size: 13pt;
+}
+
+.osettings-btn {
+    font-weight: bold;
+}
+
+.osettings-btn-destructive {
+    color: $onTertiary;
+    background-color: $tertiary;
+    background-image: linear-gradient(45deg, shade($color4, 5%) 58%, tint($color4, 10%) 58%);
+    background-size: 300% 300%;
+    background-position: 50% 50%;
+}
+
+.osettings-btn-neutral {
+    color: $onPrimary;
+    background-color: $primary;
+    background-image: linear-gradient(45deg, shade($color1, 5%) 58%, tint($color1, 10%) 58%);
+    background-size: 300% 300%;
+    background-position: 50% 50%;
+}
+
+.osettings-btn-informative {
+    color: $onSecondary;
+    background-color: $secondary;
+    background-image: linear-gradient(45deg, shade($color5, 5%) 58%, tint($color5, 10%) 58%);
+    background-size: 300% 300%;
+    background-position: 50% 50%;
+}
+
+.osettings-btn-neutral:hover,
+.osettings-btn-neutral:focus {
+    background-color: tint($primary, 10%);
+    // background-image: linear-gradient(135deg, $color3 75%, $color3 75%);
+    background-position: 70% 0%;
+}
+
+.osettings-btn-destructive:hover,
+.osettings-btn-destructive:focus {
+    background-color: tint($tertiary, 10%);
+    // background-image: linear-gradient(135deg, tint($color4, 10%) 75%, tint($color4, 10%) 75%);
+    background-position: 70% 0%;
+}
+
+.osettings-btn-informative:hover,
+.osettings-btn-informative:focus {
+    background-color: tint($secondary, 10%);
+    // background-image: linear-gradient(135deg, tint($color5, 10%) 75%, tint($color5, 10%) 75%);
+    background-position: 70% 0%;
+}
+
+.osettings-btn-neutral:active {
+    background-color: tint($primary, 10%);
+    // background-image: linear-gradient(135deg, $color3 75%, $color3 75%);
+    background-position: 100% 50%;
+}
+
+.osettings-btn-destructive:active {
+    background-color: tint($tertiary, 10%);
+    // background-image: linear-gradient(135deg, tint($color4, 10%) 75%, tint($color4, 10%) 75%);
+    background-position: 100% 50%;
+}
+
+.osettings-btn-informative:active {
+    background-color: tint($secondary, 10%);
+    // background-image: linear-gradient(135deg, tint($color5, 10%) 75%, tint($color5, 10%) 75%);
+    background-position: 100% 50%;
+}
+
+.rounder {
+    border-radius: 9999px;
+}
+
+.osettings-slider {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    min-height: 6px;
+    border-radius: 9999px;
+    background-image: linear-gradient(45deg, $primary 50%, tint($colorbarbg, 15%) 50%);
+    padding: 0px;
+
+    trough {
+        border-radius: 9999px;
+        background-color: tint($colorbarbg, 15%);
+        min-height: 6px;
+        margin-left: 32px;
+        margin-right: 32px;
+        // min-width: 70px;
+    }
+
+    highlight {
+        border-radius: 9999px;
+        background-color: $primary;
+        background-image: linear-gradient(45deg, $primary 0%, $primary 100%);
+    }
+
+    slider {
+        border-radius: 9999px;
+        min-height: 20px;
+        min-width: 65px;
+        background-color: $primary;
+        margin: -8px;
+    }
+
+    slider:hover {
+        background-color: $primary;
+    }
+}
+
+.osettings-checkbox {
+    border-radius: 9999px;
+    // min-height: 20px;
+    // min-height: 6px;
+    min-width: 60px;
+    background-color: transparent;
+    color: transparent;
+    border: 3px solid $primary;
+
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+.osettings-checkbox-1 {
+    border-radius: 9999px;
+    // min-height: 20px;
+    // min-height: 6px;
+    min-width: 60px;
+    background-color: $primary;
+    color: transparent;
+    border: 3px solid $primary;
+
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+.osettings-checkbox-0 {
+    border-radius: 9999px;
+    // min-height: 20px;
+    // min-height: 6px;
+    min-width: 60px;
+    background-color: transparent;
+    color: transparent;
+    border: 3px solid $primary;
+
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+.osettings-checkbox:checked {
+    border-radius: 9999px;
+    background-color: $primary;
+    color: $primary;
+}
+
+.osettings-waifu {
+    margin-top: 30px;
+    min-width: 350px;
+    min-height: 350px;
+    border-radius: 20px;
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-position: center center;
+}
+
+.onotify-app-icon {
+    margin: 9px 5px;
+
+    color: $onSecondaryContainer;
+    font-family: 'Material Symbols Rounded';
+    font-size: 20pt;
+    min-width: 40px;
+    min-height: 40px;
+    background-color: $secondaryContainer;
+    border-radius: 14px;
+
+    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.onotify-app-name {
+    margin-top: 5px;
+    margin-bottom: 5px;
+    color: $onSecondaryContainer;
+    font-family: Rubik;
+    font-size: 15pt;
+}
+
+.onotify-app-text {
+    color: $onSecondaryContainer;
+    font-family: Rubik;
+    font-size: 13pt;
+}
+
+.onotify-app-ser {
+    color: $onSecondaryContainer;
+    font-family: Rubik;
+    font-size: 13pt;
+}
+
+.onotify-app-vol-circle {
+    background-color: #5c5b5b;
+    color: $primary;
+}
+
+.onotify-app-volbox {
+    margin: 9px 5px;
+    padding: 5px;
+
+    color: $onSecondaryContainer;
+    font-family: 'Material Symbols Rounded';
+    font-size: 20pt;
+    min-width: 40px;
+    min-height: 40px;
+    background-color: $secondaryContainer;
+    border-radius: 14px;
+
+    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
+}
+
+.osettings-tag {
+    color: $onTertiary;
+    background-color: $tertiary;
+    font-size: 13pt;
+    font-family: 'Rubik';
+    font-weight: 500;
+    padding: 3px 8px;
+    border-radius: 9999px;
+    min-width: 50px;
+    margin-top: 25px;
+}
+
+.osettings-tag:hover {
+    background-color: tint($tertiary, 20%);
+}
+
+.osettings-tag:active {
+    background-color: tint($tertiary, 40%);
+}
+
+.osettings-tag-label-icon-material {
+    font-family: 'Material Symbols Rounded';
+}
+
+.osettings-tag-label-txt {
+    font-family: 'Rubik';
+}
+
+.osettings-tag-nerd {
+    color: $onTertiary;
+    background-color: $tertiary;
+    font-size: 13pt;
+    font-family: 'JetBrainsMono Nerd Font';
+    font-weight: 500;
+    padding: 3px 8px;
+    border-radius: 9999px;
+    min-width: 50px;
+    margin-top: 25px;
+}
+
+.osettings-tag-nerd:hover {
+    background-color: tint($tertiary, 20%);
+}
+
+.osettings-tag-nerd:active {
+    background-color: tint($tertiary, 40%);
+}
+
+.osettings-tag-material {
+    color: $onTertiary;
+    background-color: $tertiary;
+    font-size: 13pt;
+    font-family: 'Material Symbols Rounded';
+    font-weight: 500;
+    padding: 3px 8px;
+    border-radius: 9999px;
+    // min-width: 25px;
+    margin-top: 25px;
+}
+
+.osettings-tag-material:hover {
+    background-color: tint($tertiary, 20%);
+}
+
+.osettings-tag-material:active {
+    background-color: tint($tertiary, 40%);
+}
+
+.notif-indicator {
+    font-family: 'Rubik';
+    font-size: 10pt;
+}
+
+.notif-badge {
+    border-radius: 99px;
+    min-width: 20px;
+    min-height: 20px;
+    background-color: $color1;
+    color: #000000;
+    margin-bottom: 8px;
+    margin-right: 5px;
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/css/_overview.scss b/hybrid/.config/eww/css/_overview.scss
new file mode 100755
index 000000000..6dfd58adf
--- /dev/null
+++ b/hybrid/.config/eww/css/_overview.scss
@@ -0,0 +1,195 @@
+.overview-window {
+  @include window;
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  border-radius: 22px;
+  background-color: shade($colorbarbg, 4%);
+  // background-color: transparent;
+  // border: 3px solid $color0;
+  //padding: 5px;
+}
+
+.overview-window-title {
+  font-size: 15pt;
+  color: $onPrimaryContainer;
+  border-radius: 15px;
+  background-color: tint($surface, 5%);
+  margin: 4px;
+  padding: 4px;
+  min-height: 30px;
+  background-image: linear-gradient(135deg, $onSecondary 15%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 33%, $onSecondary 33%, $onSecondary 68%, rgba(0, 0, 0, 0) 68%, rgba(0, 0, 0, 0) 95%, $onSecondary 95%);
+}
+
+.overview-window-top {
+  @include rounding;
+  background-color: transparent;
+  border: 3px solid transparent;
+  //padding: 5px;
+}
+
+.overview-ws {
+  border: 2px solid;
+  border-radius: 15px;
+  background-color: tint($surface, 2%);
+  margin: 4px;
+}
+
+.overview-ws-true {
+  color: $primary;
+}
+
+.overview-ws-false {
+  color: transparent;
+}
+
+.overview-ws-window {
+  border-radius: 15px;
+  background-color: shade($surface0, 2%);
+  border: 1px solid $surface0;
+  border-top: 1px solid tint($surface0, 5%);
+}
+
+.overview-ws-window-content {
+  border-radius: 11px;
+  // background-color: rgba(135, 147, 163, 0.7);
+}
+
+.overview-topbar-icon {
+  min-width: 30px;
+  min-height: 30px;
+  margin: 5px;
+  background-size: contain;
+}
+
+.overview-topbar-button {
+  min-width: 30px;
+  min-height: 30px;
+  margin: 5px;
+  border-radius: 8px;
+}
+
+.overview-topbar-button:hover {
+  background-color: $overlay0;
+}
+
+.overview-icon {
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.overview-background {
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 100%;
+  border-radius: 15px;
+}
+
+.overview-ws-text {
+  //padding-left: 5px;
+  font-size: 13pt;
+}
+
+.overview-ws-subtext {
+  //padding-left: 5px;
+  font-size: 9pt;
+}
+
+.overview-ws-number {
+  //Note: height 100px width 356px
+  font-size: 25pt;
+  border-radius: 11px;
+  background-color: $overlay0;
+  color: $onBackground;
+  //margin: 10px;
+  min-height: 40px;
+  min-width: 40px;
+}
+
+.overview-title {
+  font-weight: bold;
+  font-size: 15pt;
+  //padding-top: .6rem;
+  //padding-bottom: .6rem;
+}
+
+.overview-search-box {
+  border: 2px solid;
+  border-radius: 9999px;
+  background-color: tint($colorbarbg, 4%);
+  color: $onBackground;
+  font-size: 15pt;
+  min-height: 45px;
+  min-width: 130px;
+
+  margin: 20px 20px;
+  padding: 2px 17px;
+
+  caret-color: $onBackground;
+
+  selection {
+    background-color: rgba(154, 152, 152, 0.5);
+  }
+}
+
+.overview-search-box:focus {
+  color: $tertiary;
+}
+
+.overview-results {
+  // background-color: $surface;
+  padding: 10px 5px;
+  border-radius: 20px;
+}
+
+.overview-search-result {
+  border-radius: 9999px;
+  background-color: $onTertiary;
+  color: $onBackground;
+  font-size: 15pt;
+  min-height: 47px;
+  min-width: 400px;
+  padding: 2px 12px;
+  padding-left: 57px;
+  margin: 0px 5px;
+
+  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 60%, tint($tertiaryContainer, 10%) 60%);
+  background-size: 400% auto;
+  background-position: 40% 50%;
+
+  caret-color: transparent;
+
+  selection {
+    background-color: transparent;
+  }
+}
+
+.overview-search-result-icon {
+  background-color: $tertiaryContainer;
+  border-radius: 9999px;
+  min-height: 51px;
+  min-width: 51px;
+  // padding: 2px 12px;
+}
+
+.overview-search-result:focus {
+  color: $onTertiaryContainer;
+  // background-color: $tertiaryContainer;
+  background-position: 65% 50%;
+}
+
+.overview-search-result:active {
+  color: $onTertiaryContainer;
+  // background-color: $tertiaryContainer;
+  background-position: 100% 50%;
+}
+
+.overview-search-typetosearch-pad {
+  min-width: 160px;
+  margin: 20px 20px;
+  padding: 2px 12px;
+}
+
+.overview-search-typetosearch-text {
+  margin: 13px 13px;
+  font-size: 15pt;
+  color: #CCCCCC;
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/css/_sidebar.scss b/hybrid/.config/eww/css/_sidebar.scss
new file mode 100755
index 000000000..6ff26692c
--- /dev/null
+++ b/hybrid/.config/eww/css/_sidebar.scss
@@ -0,0 +1,171 @@
+.system-menu-box {
+  @include window;
+  background-color: $colorbarbg;
+  border: 3px solid $border;
+  // color: $colortext;
+}
+
+.separator {
+  font-size: 1rem;
+}
+
+.top-row {
+  margin: 1rem 1.5rem 0;
+
+  .time {
+    font-size: 2rem;
+  }
+
+  .date-box {
+    margin: 0 1rem;
+
+    label {
+      font-size: 1.1rem;
+    }
+
+    .date {
+      background: unset;
+      margin: 0 .5rem 0 0;
+      padding: 0;
+    }
+  }
+}
+
+.system-row {
+  font-family: Rubik;
+  // margin: .5rem .7rem;
+  margin-top: 27px;
+
+  .airplane-box button {
+    padding: 1rem 3rem;
+  }
+
+  .power-box button {
+    padding-left: 30px;
+    padding-right: 30px;
+  }
+
+  label {
+    font-size: 1rem;
+  }
+}
+
+.element {
+  font-family: 'Rubik';
+  border-top-left-radius: 31px;
+  border-top-right-radius: 31px;
+  border-bottom-left-radius: 31px;
+  border-bottom-right-radius: 10px;
+  background-color: $secondaryContainer;
+  color: $onSecondaryContainer;
+  margin: .3rem;
+  box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.5);
+
+  button {
+    border-top-left-radius: 31px;
+    border-top-right-radius: 31px;
+    border-bottom-left-radius: 31px;
+    border-bottom-right-radius: 10px;
+    padding: 1rem;
+
+    label {
+      font-size: 1.5rem;
+    }
+
+    &:hover {
+      background: $overlay0;
+    }
+  }
+}
+
+.sliders {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  @include rounding;
+  background-color: $surface0;
+  margin: .5rem 1rem;
+  padding: .6rem 1rem;
+
+  scale {
+    margin-right: -1rem;
+    min-width: 25.8rem;
+  }
+
+  scale trough {
+    background-color: $bg1;
+    border-radius: 24px;
+    margin: 0 1rem;
+    min-height: 10px;
+    min-width: 70px;
+  }
+
+  box {
+    margin: .2rem 0;
+  }
+
+  label {
+    font-size: 1.2rem;
+  }
+}
+
+.sliderbg {
+  background-color: transparent;
+  padding: 0px;
+}
+
+.volume-bar highlight {
+  font-family: SF Mono Nerd Font;
+  @include rounding;
+  background: $color6;
+  // background-image: linear-gradient(to right, $tokyocyan 30%, $tokyopurple 100%);
+}
+
+.volume-slider-box scale highlight {
+  @include rounding;
+  background: $color6;
+  // background-image: linear-gradient(to right, $tokyocyan 30%, $tokyopurple 100%);
+  // border: 2px solid;
+  min-height: 0.9rem;
+}
+
+// .volume-slider-box scale {
+//   @include rounding;
+//   background-color: #1A1B26;
+//   border: 2px solid;
+// }
+
+.bottom-row {
+  margin: .5rem 1rem;
+
+  .battery-icon {
+    font-size: 2rem;
+  }
+
+  .battery-wattage {
+    color: $color7;
+  }
+
+  .battery-status {
+    color: $colortext;
+    margin: 0 .5rem;
+  }
+
+  button {
+    background-color: $surface0;
+    border-radius: 50%;
+    margin-bottom: .1rem;
+    padding: 0 .5rem;
+
+    label {
+      font-size: 1.5rem;
+    }
+
+    &:hover {
+      background: $overlay0;
+    }
+  }
+}
+
+.power-button {
+  min-height: 2.5rem;
+  // min-width: 2.5rem;
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/css/_supercontext.scss b/hybrid/.config/eww/css/_supercontext.scss
new file mode 100755
index 000000000..b65e07e3d
--- /dev/null
+++ b/hybrid/.config/eww/css/_supercontext.scss
@@ -0,0 +1,55 @@
+.supercontext-window {
+  transition: 0ms;
+}
+
+.supercontext-button {
+  transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  border-radius: 99px;
+  background-color: $primary;
+  color: $onPrimary;
+  font-family: 'Material Symbols Rounded';
+  font-size: 21pt;
+  background-image: radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%);
+}
+
+.supercontext-button-number {
+  transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  border-radius: 99px;
+  background-color: $primary;
+  color: $onPrimary;
+  font-family: 'Lexend';
+  font-size: 21pt;
+  background-image: radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%);
+}
+
+.supercontext-button-number-child {
+  :first-child {
+    transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
+    border-radius: 99px;
+    background-color: $primary;
+    color: $onPrimary;
+    font-family: 'Lexend';
+    font-size: 21pt;
+    background-image: radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%);
+  }
+}
+
+.supercontext-button-number-child:hover {
+  :first-child {
+    background-image: radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 15%, tint($primary, 26%) 15%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 15%);
+  }
+}
+
+.supercontext-button-number-child:active {
+  :first-child {
+    background-image: radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 100%, tint($primary, 26%) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
+  }
+}
+
+.supercontext-button:hover {
+  background-image: radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 15%, tint($primary, 26%) 15%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 15%);
+}
+
+.supercontext-button:active {
+  background-image: radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 0%, tint($primary, 26%) 100%, tint($primary, 26%) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/css/_system.scss b/hybrid/.config/eww/css/_system.scss
new file mode 100755
index 000000000..0bba21fed
--- /dev/null
+++ b/hybrid/.config/eww/css/_system.scss
@@ -0,0 +1,194 @@
+.membar {
+  color: $color5;
+}
+
+.cpubar {
+  color: $color4;
+}
+
+.batbar {
+  color: $color6;
+  padding-right: 4px;
+}
+
+.cpubar-circle {
+  background-color: #5c5b5b;
+}
+.membar-circle {
+  background-color: #5c5b5b;
+}
+.batbar-circle {
+  background-color: #5c5b5b;
+}
+
+// .batbar-circle {
+//   color: $battcolor;
+//   padding-right: 4px;
+// }
+
+// .membar,
+// .cpubar,
+// .batbar {
+//   // background-color: transparent;
+//   padding: 0px;
+// }
+
+.membar:hover,
+.cpubar:hover,
+.batbar:hover {
+  // border-top: 2px solid;
+}
+
+.batt-percentage {
+  color: $color6;
+  padding-right: 5px;
+  padding-left: 4px;
+}
+
+.batt-low {
+  background-color: #B5E8E0;
+  color: #161320;
+  animation-name: blink;
+  animation-duration: 0.5s;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-direction: alternate;
+}
+
+.sys-menu-charge {
+  padding-left: 2px;
+  color: $colorbar;
+}
+
+.iconmem {
+  color: $color5;
+}
+
+.iconcpu {
+  color: $color4;
+}
+
+.icon-text {
+  font-size: 3rem;
+  padding: .7rem;
+}
+
+.sys-text-sub {
+  color: $onBackground;
+}
+
+.sys-text-mem,
+.sys-text-cpu {
+  font-size: 1rem;
+  font-weight: bold;
+}
+
+.sys-icon-mem,
+.sys-icon-cpu {
+  font-size: 1.5rem;
+  margin: 1.5rem;
+}
+
+.system-info-box {
+  @include rounding;
+  background-color: $surface0;
+  margin: .5rem 1rem;
+  // padding: .5rem;
+}
+
+.sys-mem,
+.sys-cpu {
+  background-color: $colorbg;
+}
+
+.sys-icon-mem,
+.sys-text-mem,
+.sys-mem {
+  color: $memcolor;
+}
+
+.sys-icon-cpu,
+.sys-text-cpu,
+.sys-cpu {
+  color: $cpucolor;
+}
+
+.sys-box {
+  margin: .3em;
+  // background-color: tint($colorbarbg, 7%);
+  // border-radius: 20px;
+  // padding: 35px;
+
+  box {
+    margin-left: 1rem;
+  }
+}
+
+.cpu-menu {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  color: $color4;
+  padding-left: 5px;
+}
+
+.mem-menu {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  color: $color5;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+.mem-menu-left {
+  color: $color5;
+  padding-left: 5px;
+  padding-right: 0px;
+}
+
+.mem-menu-mid {
+  color: $color5;
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+.mem-menu-right {
+  color: $color5;
+  padding-left: 0px;
+  padding-right: 5px;
+}
+
+.sys-menu {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  color: $battcolor;
+  margin: 0px;
+  padding: 0px;
+}
+
+.sys-menu-button {
+  color: $colorbar;
+  margin: 0px;
+  padding-left: 16px;
+  padding-right: 16px;
+  background-image: url("images/LinageSettings.png");
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+// .volume-bar, .brightness-slider, .slider {
+// background-color: #16161E;
+// border: 2px solid #7C9FF5;
+// border-radius: 99px;
+// }
+
+.sys-toggle {
+  font-size: 3pt;
+}
+
+.inside-circle {
+  min-height: 27px;
+  min-width: 27px;
+}
+
+.sys-circle-inner {
+  font-size: 15pt;
+  padding: 5px;
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/css/_taskbar.scss b/hybrid/.config/eww/css/_taskbar.scss
new file mode 100755
index 000000000..6387da2fa
--- /dev/null
+++ b/hybrid/.config/eww/css/_taskbar.scss
@@ -0,0 +1,87 @@
+.taskbaricon {
+  background-size: 60%;
+  background-position: center;
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.taskbaricon-false {
+  background-size: 70%;
+  background-position: center;
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.taskbaricon-true {
+  background-size: 70%;
+  background-position: center;
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.taskbar-indicator-true {
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+  margin-bottom: 4px;
+  margin-top: 43px;
+  margin-left: 16px;
+  margin-right: 16px;
+  background-color: $primary;
+}
+
+.taskbar-indicator-false {
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+  margin-bottom: 4px;
+  margin-top: 43px;
+  margin-left: 22px;
+  margin-right: 22px;
+  background-color: #9C98A3;
+}
+
+.taskbar-button-only {
+  :first-child {
+    :first-child {
+      border-radius: 6px;
+      border: 1px solid transparent;
+      border-top: 1px solid transparent;
+    }
+  }
+}
+
+.taskbar-button-only:hover {
+  :first-child {
+    :first-child {
+      background-color: shade($overlay0, 2%);
+      border: 1px solid $overlayedge;
+      border-top: 1px solid tint($overlayedge, 5%);
+    }
+  }
+}
+
+.taskbar-button-only:active {
+  :first-child {
+    :first-child {
+      background-color: tint($overlay0, 8%);
+      border: 1px solid tint($overlayedge, 10%);
+      border-top: 1px solid tint($overlayedge, 15%);
+    }
+  }
+}
+
+.taskbar-button-pad {
+  padding: 3px;
+  // min-width: 42px;
+  min-height: 42px;
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/css/_themer.scss b/hybrid/.config/eww/css/_themer.scss
new file mode 100755
index 000000000..b2aafc963
--- /dev/null
+++ b/hybrid/.config/eww/css/_themer.scss
@@ -0,0 +1,205 @@
+.themer-button {
+    min-height: 53px;
+    min-width: 53px;
+    color: $colortext;
+    font-family: Material Symbols Rounded;
+    // background-image: url('images/svg/beatmappacks.svg');
+    // background-size: auto 65%;
+    // background-position: center;
+}
+
+
+.themer-button-false {
+    min-height: 53px;
+    min-width: 53px;
+    color: $colortext;
+    font-family: Material Symbols Rounded;
+    // background-image: url('images/svg/beatmappacks.svg');
+    // background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
+    // background-size: 400% auto;
+    // background-position: 90% 50%;
+}
+
+.themer-button-true {
+    min-height: 53px;
+    min-width: 53px;
+    color: $colortext;
+    font-family: Material Symbols Rounded;
+    background-color: $overlay0;
+    // background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
+    // background-size: 400% auto;
+    // background-position: 90% 50%;
+}
+
+.themer-action-button {
+    @include rounding;
+    min-height: 53px;
+    min-width: 53px;
+    color: $colortext;
+    font-family: Material Symbols Rounded;
+}
+
+.themer-action-button:hover {
+    background-color: $overlay0;
+}
+
+.themer-action-button:active {
+    background-color: $overlay0;
+}
+
+.themer-action-button:focus {
+    border: 2px solid $overlay0;
+}
+
+.themer-menu-box {
+    @include window;
+    @include rounding;
+    border-radius: 15px;
+    background-color: shade($colorbarbg, 4%);
+    margin: 14px;
+    transition: 250ms cubic-bezier(0.05, 0.7, 0.1, 1);
+    // box-shadow: 2px 2px 6px #16161E;
+}
+
+.themer-title {
+    font-family: 'Rubik', 'Material Symbols Rounded';
+    font-size: 15pt;
+    padding: .6rem;
+    color: $colortext;
+    font-size: 14pt;
+}
+
+.themer-prompt {
+    color: $colortext;
+    font-family: 'Rubik', 'Material Symbols Rounded';
+    font-size: 12pt;
+    padding: .6rem;
+}
+
+.themer-input {
+    font-family: 'Rubik', 'Material Symbols Rounded';
+    // background-color: $surface0;
+    background-color: tint($colorbarbg, 4%);
+    color: $colortext;
+    border-radius: 10px;
+    padding: 7px;
+    margin-top: 2px;
+    margin-bottom: 2px;
+    border: 2px solid $overlay0;
+    caret-color: $colortext;
+
+    selection {
+        background-color: rgba(154, 152, 152, 0.5);
+    }
+}
+
+.themer-input:focus {
+    border: 2px solid $colortext;
+}
+
+.themer-color-preview-section {
+    @include rounding;
+}
+
+.themer-color-preview {
+    min-height: 25px;
+    min-width: 25px;
+    border-radius: 5px;
+    border-width: 55px;
+}
+
+.preview-0 {
+    background-color: $color0;
+}
+
+.preview-1 {
+    background-color: $color1;
+}
+
+.preview-2 {
+    background-color: $color2;
+}
+
+.preview-3 {
+    background-color: $color3;
+}
+
+.preview-4 {
+    background-color: $color4;
+}
+
+.preview-5 {
+    background-color: $color5;
+}
+
+.preview-6 {
+    background-color: $color6;
+}
+
+.preview-7 {
+    background-color: $color7;
+}
+
+.preview-primary {
+    background-color: $primary;
+}
+
+.preview-onPrimary {
+    background-color: $onPrimary;
+}
+
+.preview-primaryContainer {
+    background-color: $primaryContainer;
+}
+
+.preview-onPrimaryContainer {
+    background-color: $onPrimaryContainer;
+}
+
+.preview-secondary {
+    background-color: $secondary;
+}
+
+.preview-onSecondary {
+    background-color: $onSecondary;
+}
+
+.preview-secondaryContainer {
+    background-color: $secondaryContainer;
+}
+
+.preview-onSecondaryContainer {
+    background-color: $onSecondaryContainer;
+}
+
+.preview-tertiary {
+    background-color: $tertiary;
+}
+
+.preview-onTertiary {
+    background-color: $onTertiary;
+}
+
+.preview-tertiaryContainer {
+    background-color: $tertiaryContainer;
+}
+
+.preview-onTertiaryContainer {
+    background-color: $onTertiaryContainer;
+}
+
+.preview-background {
+    background-color: $colorbarbg;
+}
+
+.preview-onBackground {
+    background-color: $onBackground;
+}
+
+.preview-surface {
+    background-color: $surface;
+}
+
+.preview-onSurface {
+    background-color: $onSurface;
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/css/_volume.scss b/hybrid/.config/eww/css/_volume.scss
new file mode 100755
index 000000000..fd7acf507
--- /dev/null
+++ b/hybrid/.config/eww/css/_volume.scss
@@ -0,0 +1,29 @@
+.vol-icon {
+  color: $color6;
+  padding-right: 2px;
+}
+
+// .vol-icon {
+//   color: $tokyocyan;
+//   padding-right: 2px;
+// }
+
+.volbar highlight {
+  background-image: linear-gradient(to right, $teal 30%, $sky 100%);
+  border-radius: 10px;
+}
+
+
+.vol-menu {
+  font-size: 1pt;
+  color: $color6;
+  padding-right: 2px;
+  padding-top: 4px;
+}
+
+.vol-menu:hover {
+  border-top: 2px solid;
+}
+.vol-icon:hover {
+  border-top: 2px solid;
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/css/_winstuff.scss b/hybrid/.config/eww/css/_winstuff.scss
new file mode 100755
index 000000000..a144247d4
--- /dev/null
+++ b/hybrid/.config/eww/css/_winstuff.scss
@@ -0,0 +1,2014 @@
+.winwin {
+  background: rgba(40, 40, 40, 0.71);
+  border-radius: 12px;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-top: 1px solid rgba(64, 64, 64, 0.5);
+  margin: 12px;
+}
+
+.winwin-center {
+  background: rgba(40, 40, 40, 0.71);
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-bottom: 0px solid transparent;
+  border-top: 1px solid rgba(30, 30, 30, 0.5);
+  margin: 0px 12px;
+}
+
+.winwin-center-noseparator {
+  background: rgba(40, 40, 40, 0.71);
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-bottom: 0px solid transparent;
+  border-top: 0px solid transparent;
+  margin: 0px 12px;
+}
+
+.winwin-topbar {
+  background: rgba(28, 28, 28, 0.71);
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-bottom: 0px solid transparent;
+  margin: 12px;
+  margin-bottom: 0px;
+}
+
+.winwin-top {
+  transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  background: rgba(40, 40, 40, 0.71);
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-top: 1px solid rgba(64, 64, 64, 0.5);
+  border-bottom: 0px solid transparent;
+  margin: 12px;
+  margin-bottom: 0px;
+}
+
+.winwin-bottom {
+  background: rgba(28, 28, 28, 0.7);
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-top: 1px solid rgba(30, 30, 30, 0.5);
+  margin: 12px;
+  margin-top: 0px;
+}
+
+.winwin-bottom-light {
+  transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  background: rgba(40, 40, 40, 0.71);
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-top: 0px solid transparent;
+  margin: 12px;
+  margin-top: 0px;
+}
+
+.winwin-bottom-pad {
+  padding: 6px 12px;
+}
+
+.winstart-bottom-pad {
+  padding: 0px 43px;
+}
+
+.winbar-bg {
+  background: rgba(25, 25, 25, 0.7);
+  background-image: url('images/textures/acrylic.png');
+  background-blend-mode: luminosity;
+
+  min-height: 50px;
+  border-top: 1px solid rgba(64, 64, 64, 0.8);
+  animation-name: flyin-bottom;
+  animation-duration: 350ms;
+  animation-timing-function: cubic-bezier(0.05, 0.7, 0.1, 1);
+  animation-iteration-count: 1;
+}
+
+.winbutton-pad {
+  padding: 3px;
+  // min-width: 42px;
+  min-height: 42px;
+}
+
+.winbutton-only {
+  :first-child {
+    :first-child {
+      border-radius: 6px;
+      border: 1px solid transparent;
+      border-top: 1px solid transparent;
+    }
+  }
+}
+
+.winbutton-only:hover {
+  :first-child {
+    :first-child {
+      background-color: shade($overlay0, 2%);
+      border: 1px solid $overlayedge;
+      border-top: 1px solid tint($overlayedge, 5%);
+    }
+  }
+}
+
+.winbutton-only:active {
+  :first-child {
+    :first-child {
+      background-color: tint($overlay0, 8%);
+      border: 1px solid tint($overlayedge, 10%);
+      border-top: 1px solid tint($overlayedge, 15%);
+    }
+  }
+}
+
+.winnotif-text {
+  background-color: transparent;
+  font-size: 12pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  margin: 1px;
+}
+
+.winnotif-bodytext {
+  color: #CDCDCD;
+}
+
+.winbartext {
+  background-color: transparent;
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+}
+
+.wintoggle-text {
+  background-color: transparent;
+  font-size: 10pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+}
+
+.winstarticon-true {
+  background-size: 60%;
+  background-position: center;
+  background-image: url('images/icons/win.png');
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.winstarticon-false {
+  background-size: 60%;
+  background-position: center;
+  background-image: url('images/icons/win-inactive.png');
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.winbaricon {
+  background-size: 60%;
+  background-position: center;
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.thewinbutton:active {
+  :first-child {
+    :first-child {
+      background-size: 50%;
+      background-image: url('images/icons/win-clicked.png');
+    }
+  }
+}
+
+.wintaskbaricon {
+  background-size: 60%;
+  background-position: center;
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.wintaskbaricon-false {
+  background-size: 70%;
+  background-position: center;
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.wintaskbaricon-true {
+  background-size: 70%;
+  background-position: center;
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.wintaskbar-indicator-true {
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+  margin-bottom: 4px;
+  margin-top: 43px;
+  margin-left: 16px;
+  margin-right: 16px;
+  background-color: $primary;
+}
+
+.wintaskbar-indicator-false {
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+  margin-bottom: 4px;
+  margin-top: 43px;
+  margin-left: 22px;
+  margin-right: 22px;
+  background-color: #9C98A3;
+}
+
+.winbutton-only:active {
+  :first-child {
+    :first-child {
+      background-size: 50%;
+    }
+  }
+}
+
+.wintimedate {
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+  padding: 0 10px;
+}
+
+.winbutton-true {
+  background-color: shade($overlay0, 2%);
+  border: 1px solid $overlayedge;
+  border-top: 1px solid tint($overlayedge, 5%);
+}
+
+.winicon {
+  background-position: center;
+  min-height: 42px;
+  min-width: 30px;
+}
+
+.winwifi {
+  background-image: url('images/svg/dark/wifi.svg');
+}
+
+.winwifi1 {
+  background-image: url('images/svg/dark/wifi1.svg');
+}
+
+.winwifi2 {
+  background-image: url('images/svg/dark/wifi2.svg');
+}
+
+.winwifi3 {
+  background-image: url('images/svg/dark/wifi3.svg');
+}
+
+.winwifi4 {
+  background-image: url('images/svg/dark/wifi4.svg');
+}
+
+.winwifi-activated {
+  background-image: url('images/svg/light/wifi.svg');
+}
+
+.winwifi1-activated {
+  background-image: url('images/svg/light/wifi1.svg');
+}
+
+.winwifi2-activated {
+  background-image: url('images/svg/light/wifi2.svg');
+}
+
+.winwifi3-activated {
+  background-image: url('images/svg/light/wifi3.svg');
+}
+
+.winwifi4-activated {
+  background-image: url('images/svg/light/wifi4.svg');
+}
+
+.winbat0 {
+  background-image: url('images/svg/dark/bat0.svg');
+}
+
+.winbat1 {
+  background-image: url('images/svg/dark/bat1.svg');
+}
+
+.winbat2 {
+  background-image: url('images/svg/dark/bat2.svg');
+}
+
+.winbat3 {
+  background-image: url('images/svg/dark/bat3.svg');
+}
+
+.winbat4 {
+  background-image: url('images/svg/dark/bat4.svg');
+}
+
+.winbat5 {
+  background-image: url('images/svg/dark/bat5.svg');
+}
+
+.winbat6 {
+  background-image: url('images/svg/dark/bat6.svg');
+}
+
+.winbat7 {
+  background-image: url('images/svg/dark/bat7.svg');
+}
+
+.winbat8 {
+  background-image: url('images/svg/dark/bat8.svg');
+}
+
+.winbat9 {
+  background-image: url('images/svg/dark/bat9.svg');
+}
+
+.winbat10 {
+  background-image: url('images/svg/dark/bat10.svg');
+}
+
+.winbatcharge {
+  background-image: url('images/svg/dark/batcharge.svg');
+}
+
+.winvol0 {
+  background-image: url('images/svg/dark/vol0.svg');
+}
+
+.winvol1 {
+  background-image: url('images/svg/dark/vol1.svg');
+}
+
+.winvol2 {
+  background-image: url('images/svg/dark/vol2.svg');
+}
+
+.winvol3 {
+  background-image: url('images/svg/dark/vol3.svg');
+}
+
+.winvolmute {
+  background-image: url('images/svg/dark/volmute.svg');
+}
+
+.winbrightness {
+  background-image: url('images/svg/dark/brightness.svg');
+}
+
+.winbluetooth {
+  background-image: url('images/svg/dark/bluetooth.svg');
+}
+
+.winbluetooth-false {
+  background-image: url('images/svg/dark/bluetoothfalse.svg');
+}
+
+.winbluetooth-true {
+  background-image: url('images/svg/light/bluetoothtrue.svg');
+}
+
+.winbluetooth {
+  background-image: url('images/svg/light/bluetooth.svg');
+}
+
+.winbluetooth-false {
+  background-image: url('images/svg/dark/bluetoothfalse.svg');
+}
+
+.winbluetooth-true {
+  background-image: url('images/svg/dark/bluetoothtrue.svg');
+}
+
+.winactions-airplane {
+  background-image: url('images/svg/dark/airplane.svg');
+}
+
+.winactions-nightlight-activated {
+  background-image: url('images/svg/light/night.svg');
+}
+
+.winactions-nightlight {
+  background-image: url('images/svg/dark/brightness.svg');
+}
+
+.wincog {
+  background-image: url('images/svg/dark/cog.svg');
+}
+
+.winbell {
+  background-image: url('images/svg/dark/notif.svg');
+}
+
+.winreset {
+  background-image: url('images/svg/dark/reset.svg');
+}
+
+.winnotifsnooze {
+  background-image: url('images/svg/dark/notifsnooze.svg');
+}
+
+.winapp {
+  background-image: url('images/svg/dark/app.svg');
+}
+
+.wincaretup {
+  background-image: url('images/svg/dark/caretup.svg');
+}
+
+.wincaretdown {
+  background-image: url('images/svg/dark/caretdown.svg');
+}
+
+.winsearch-icon {
+  background-image: url('images/svg/dark/search-fluent.svg');
+}
+
+.winstart-search-searchbox-icon {
+  background-size: 100%;
+  background-position: center;
+  min-height: 21px;
+  min-width: 21px;
+  margin-left: 4px;
+  margin-right: 10px;
+}
+
+.winactions-togglerow {
+  margin: 12px;
+  margin-bottom: 0px;
+}
+
+.winactions-sliderrow {
+  margin: 0 12px;
+}
+
+.winactions-media-pad {
+  padding: 25px;
+}
+
+.winactions-toggle {
+  background-color: shade($overlay0, 2%);
+  border-radius: 6px;
+  border: 1px solid $overlayedge;
+  border-top: 1px solid tint($overlayedge, 5%);
+  margin: 12px;
+  min-height: 50px;
+  min-width: 98px;
+}
+
+.winactions-toggle-true {
+  background-color: $primary;
+}
+
+.winactions-toggle-icon {
+  min-width: 21px;
+  min-height: 21px;
+  background-position: center;
+  background-repeat: no-repeat;
+  // background-size: auto 45%;
+}
+
+.winactions-toggle-icon:hover {
+  background-color: $hover0;
+}
+
+.winactions-toggle-icon:active {
+  background-color: tint($hover0, 10%);
+}
+
+.winactions-toggle-icon-center {
+  border-radius: 6px;
+}
+
+.winactions-toggle-icon-left {
+  min-width: 21px;
+  min-height: 21px;
+  background-position: center;
+  background-repeat: no-repeat;
+  // background-size: auto 45%;
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+  border-right: 1px solid tint($overlayedge, 5%);
+}
+
+.winactions-toggle-icon-right {
+  min-width: 21px;
+  min-height: 21px;
+  background-position: center;
+  background-repeat: no-repeat;
+  // background-size: auto 45%;
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+  border-right: 1px solid tint($overlayedge, 5%);
+}
+
+.winactions-toggle-icon-left:hover {
+  background-color: $hover0;
+}
+
+.winactions-toggle-icon-right:hover {
+  background-color: $hover0;
+}
+
+.winactions-toggle-icon-left:active {
+  background-color: tint($hover0, 10%);
+}
+
+.winactions-toggle-icon-right:active {
+  background-color: tint($hover0, 10%)
+}
+
+.winactions-toggle-arrow {
+  background-image: url('images/svg/dark/rightarrow.svg');
+  background-position: center;
+  background-repeat: no-repeat;
+  // background-size: 40%;
+}
+
+.winactions-toggle-arrow-activated {
+  background-image: url('images/svg/light/rightarrow.svg');
+  background-position: center;
+  background-repeat: no-repeat;
+  // background-size: 40%;
+}
+
+.winactions-element {
+  margin: 12px;
+}
+
+.winslider {
+  border-radius: 9999px;
+  transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+
+  trough {
+    border-radius: 9999px;
+    background-color: #A69999;
+    min-height: 4px;
+    transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  }
+
+  highlight {
+    border-radius: 9999px;
+    background-color: $primary;
+    background-image: linear-gradient(45deg, $primary 0%, $primary 100%);
+    transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  }
+
+  slider {
+    border-radius: 9999px;
+    border: 5px solid #454545;
+    min-height: 11px;
+    min-width: 11px;
+    background-color: $primary;
+    margin: -8px;
+    transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  }
+
+  slider:hover {
+    border-radius: 9999px;
+    border: 4px solid #454545;
+    min-height: 13px;
+    min-width: 13px;
+    background-color: $primary;
+    margin: -8px;
+  }
+
+  slider:active {
+    border-radius: 9999px;
+    border: 6px solid #454545;
+    min-height: 9px;
+    min-width: 9px;
+    background-color: $primary;
+    margin: -8px;
+  }
+
+  // slider:focus {
+  //     background-color: $primary;
+  // }
+}
+
+.winslider-winactions {
+  margin: 0 9px;
+
+  trough {
+    min-width: 287px;
+  }
+}
+
+.winnotif-badge {
+  border-radius: 9999px;
+  min-width: 20px;
+  min-height: 20px;
+  background-color: $primary;
+  color: #000000;
+  margin-left: 10px;
+}
+
+.winnotif-notif {
+  background-color: rgba(55, 55, 55, 0.6);
+  border-radius: 6px;
+  border: 1px solid rgba(30, 30, 30, 0.2);
+  margin: 4px;
+  padding: 13px;
+}
+
+.winnotif-notif-icon {
+  background-position: center center;
+  min-height: 20px;
+  min-width: 20px;
+  margin: 8px;
+}
+
+.winnotif-appname {
+  margin: 8px;
+  background-color: transparent;
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+}
+
+.winnotif-title {
+  margin: 17px;
+}
+
+.winnotif-button {
+  background-size: 50% auto;
+  background-color: rgba(75, 75, 75, 0.25);
+  background-position: center;
+  border-radius: 6px;
+  border: 1px solid $overlayedge;
+  border-top: 1px solid tint($overlayedge, 5%);
+  margin: 12px 3px;
+  padding: 6px;
+  min-width: 20px;
+  min-height: 20px;
+}
+
+.winnotif-button:hover {
+  background-color: rgba(95, 95, 95, 0.4);
+}
+
+.winnotif-button:active {
+  background-color: tint(rgba(95, 95, 95, 0.4), 20%);
+}
+
+.wincalendar-title {
+  border-radius: 9999px;
+  font-size: 12pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  margin: 1px;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.wincalendar-button {
+  border-radius: 9999px;
+  font-size: 12pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  margin: 1px;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.wincalendar-text {
+  border-radius: 9999px;
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  min-height: 44px;
+  min-width: 44px;
+  margin: 3px;
+}
+
+.day-1 {
+  background-color: transparent;
+  color: #7C7C7C;
+}
+
+.day0 {
+  background-color: transparent;
+  color: white;
+}
+
+.day-1:hover {
+  background-color: rgba(75, 75, 75, 0.5);
+}
+
+.day0:hover {
+  background-color: rgba(75, 75, 75, 0.5);
+}
+
+.day-1:active {
+  background-color: tint(rgba(75, 75, 75, 0.5), 10%);
+}
+
+.day0:active {
+  background-color: tint(rgba(75, 75, 75, 0.5), 10%);
+}
+
+.day1 {
+  background-color: $primary;
+  color: #000000;
+}
+
+.day1:hover {
+  background-color: tint($primary, 10%);
+}
+
+.day1:active {
+  background-color: tint($primary, 20%);
+}
+
+.winarrow-up {
+  background-image: url('images/svg/dark/uparrow.svg');
+}
+
+.winarrow-down {
+  background-image: url('images/svg/dark/downarrow.svg');
+}
+
+.winactions-bottom-button {
+  background-color: transparent;
+  border-radius: 6px;
+  // border: 1px solid transparent;
+  // border-top: 1px solid transparent;
+  min-width: 42px;
+  min-height: 42px;
+}
+
+.winactions-bottom-button:hover {
+  background-color: rgba(75, 75, 75, 0.5);
+}
+
+.winactions-bottom-button:active {
+  background-color: tint(rgba(75, 75, 75, 0.5), 10%);
+}
+
+.winnotif-calendar {
+  background: rgba(40, 40, 40, 0.6);
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-bottom: 0px solid transparent;
+  border-top: 1px solid rgba(30, 30, 30, 0.5);
+  margin: 0px 12px;
+}
+
+.winnotif-monthbutton {
+  // background-size: 80% auto;
+  background-color: transparent;
+  background-position: center;
+  border-radius: 6px;
+  margin: 12px 3px;
+  padding: 6px;
+  min-width: 20px;
+  min-height: 20px;
+}
+
+.winnotif-monthbutton:hover {
+  background-color: rgba(95, 95, 95, 0.4);
+}
+
+.winnotif-monthbutton:active {
+  background-color: tint(rgba(95, 95, 95, 0.4), 10%);
+}
+
+.winstart-search-contents {
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  background-color: transparent;
+  border-radius: 6px;
+  border: 0px solid transparent;
+  padding: 11px;
+  margin: 34px;
+  margin-left: 69px;
+
+  selection {
+    background-color: tint($primary, 50%);
+    color: #1e1e1e;
+  }
+}
+
+.winstart-search-accent {
+  min-height: 2px;
+  background-color: $primary;
+  border-bottom-left-radius: 99px;
+  border-bottom-right-radius: 99px;
+  margin: 34px 36px;
+  margin-bottom: 34px;
+}
+
+.winstart-search-prompt {
+  background-color: rgba(34, 32, 39, 0.5);
+  border-radius: 6px;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  padding: 11px;
+  margin: 34px;
+}
+
+.winstart-search-prompt-text {
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  color: #CCCCCC;
+}
+
+.winstart-button-allapps {
+  background-color: rgba(75, 75, 75, 0.25);
+  border-radius: 6px;
+  border: 1px solid $overlayedge;
+  border-top: 1px solid tint($overlayedge, 5%);
+  padding: 6px;
+  min-width: 20px;
+  min-height: 20px;
+}
+
+.winstart-button-allapps:hover {
+  background-color: rgba(95, 95, 95, 0.4);
+}
+
+.winstart-button-allapps:active {
+  background-color: tint(rgba(95, 95, 95, 0.4), 20%);
+}
+
+.winstart-allapps-arrow {
+  background-image: url('images/svg/dark/rightarrow.svg');
+  background-position: center;
+  background-repeat: no-repeat;
+  min-width: 15px;
+  min-width: 15px;
+  margin-left: 8px;
+  background-size: 90%;
+}
+
+.winstart-allapps-icon {
+  font-family: 'Material Symbols Rounded';
+  font-size: 13pt;
+  font-weight: 300;
+}
+
+.winstart-section {
+  background-color: transparent;
+  font-size: 11.4pt;
+  font-family: 'Cantarell';
+  font-weight: 700;
+}
+
+.winstart-pinnedapps {
+  margin: 12px 34px;
+}
+
+.winsearch-section-box {
+  margin: 0 72px;
+  margin-bottom: 12px;
+}
+
+.winstart-pinnedapps-entry-pad {
+  padding-top: 11px;
+}
+
+.winstart-pinnedapps-entry {
+  min-width: 101px;
+  min-height: 88px;
+  border-radius: 6px;
+}
+
+.winstart-pinnedapps-entry:hover {
+  background-color: rgba(95, 95, 95, 0.6);
+}
+
+.winstart-pinnedapps-icon {
+  min-width: 33px;
+  min-height: 33px;
+}
+
+.winstart-recommended {
+  margin: 0px 60px;
+  margin-bottom: 33px;
+}
+
+.winstart-recommended-entry {
+  // min-width: 285.67px;
+  min-height: 59px;
+  border-radius: 6px;
+}
+
+.winstart-recommended-entry:hover {
+  background-color: rgba(49, 49, 49, 0.45);
+}
+
+.winstart-recommended-entry-pad {
+  min-width: 266.67px;
+  min-height: 59px;
+  border-radius: 6px;
+}
+
+.winstart-recommended-icon {
+  min-width: 33px;
+  min-height: 33px;
+  margin: 13px;
+}
+
+.winstart-recommended-text {
+  margin: 13px 0px;
+}
+
+.winstart-recommended-name {
+  color: white;
+}
+
+.winstart-recommended-subtext {
+  color: #C1C1C1;
+}
+
+.winstart-user {
+  border-radius: 6px;
+  padding: 5px 16px;
+  margin: 14px;
+}
+
+.winstart-user:hover {
+  background-color: rgba(49, 49, 49, 0.7);
+}
+
+.winstart-user-icon {
+  min-width: 33px;
+  min-height: 33px;
+  border-radius: 9999px;
+  background: white;
+  background-image: url('images/svg/light/user.svg');
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+.winstart-power-icon {
+  background-size: 53%;
+  // background-image: url('images/svg/dark/power.svg');
+  background-position: center;
+  background-repeat: no-repeat;
+  min-width: 43px;
+  min-height: 43px;
+  border-radius: 6px;
+  margin: 14px;
+}
+
+.winstart-power-icon-true {
+  background-color: rgba(49, 49, 49, 0.7);
+}
+
+.winstart-power-icon:hover {
+  background-color: rgba(49, 49, 49, 0.7);
+}
+
+.winstart-allapps-box {
+  padding: 0 55px;
+}
+
+.winstart-allapps-app-pad {
+  padding-top: 11px;
+}
+
+.winstart-allapps-app {
+  border-radius: 6px;
+  min-height: 42px;
+  min-width: 564px;
+}
+
+.winstart-allapps-app:hover {
+  background-color: rgba(49, 49, 49, 0.45);
+}
+
+.winstart-allapps-app-icon {
+  margin: 8px;
+}
+
+.winstart-allapps-appname {
+  margin-left: 15px;
+}
+
+.winsearch-pad {
+  margin-left: 34px;
+  margin-right: 34px;
+}
+
+.winsearch-actions-box {
+  background-color: rgba(73, 73, 73, 0.5);
+  border-radius: 9px;
+}
+
+.winsearch-tag-strip {
+  min-height: 34px;
+  margin: 0 34px;
+  margin-bottom: 3px;
+}
+
+.winsearch-tag {
+  background-color: rgba(73, 73, 73, 0.25);
+  border-radius: 9999px;
+  padding: 10px 15px;
+  margin: 0 3px;
+}
+
+.winsearch-tag-false {
+  background-color: rgba(73, 73, 73, 0.25);
+  border-radius: 9999px;
+  padding: 10px 15px;
+  margin: 0 3px;
+}
+
+.winsearch-tag-true {
+  background-color: $primary;
+  color: $onPrimary;
+  border-radius: 9999px;
+  padding: 10px 15px;
+  margin: 0 3px;
+}
+
+.winsearch-result {
+  border-radius: 6px;
+  margin: 2px;
+  min-height: 42px;
+  padding: 0 12px;
+  padding-left: 57px;
+  caret-color: transparent;
+
+  border-left: 3px solid transparent;
+  // border-top: 2px solid transparent;
+  // border-bottom: 2px solid transparent;
+
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+
+  selection {
+    background-color: transparent;
+  }
+
+  background-position: -0.5% center;
+  background-size: auto 65%;
+  background-image: url('images/svg/linetransparent.svg');
+}
+
+.winsearch-result:focus {
+  background-color: rgba(73, 73, 73, 0.25);
+  background-position: -0.5% center;
+  background-size: auto 65%;
+  background-image: url('images/svg/linevertical.svg');
+
+  // border-left: 3px solid $primary;
+  // border-top: 2px solid transparent;
+  // border-bottom: 2px solid transparent;
+}
+
+.winsearch-result-icon {
+  margin-left: 13px;
+}
+
+.winsearch-result-icon-big {
+  margin-top: 34px;
+  margin-bottom: 14px;
+}
+
+.winsearch-section {
+  min-height: 38px;
+  margin-left: 13px;
+}
+
+.winsearch-result-actions-title {
+  font-size: 13pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  color: white;
+}
+
+.winsearch-result-actions-subtext {
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  color: #8E8D8F;
+  margin-bottom: 8px;
+}
+
+.winsearch-separator {
+  min-height: 3px;
+  background-color: rgba(73, 73, 73, 0.25);
+  border: 1px rgba(73, 73, 73, 0.4);
+  margin: 21px 17px;
+}
+
+.winsearch-actions-icon {
+  margin-left: 13px;
+}
+
+.winsearch-actions-button {
+  border-radius: 6px;
+  min-height: 34px;
+  margin: 0 17px;
+}
+
+.winsearch-actions-button:hover {
+  background-color: rgba(108, 108, 108, 0.25);
+}
+
+.winsearch-actions-button:focus {
+  background-color: rgba(108, 108, 108, 0.25);
+}
+
+.winsearch-actions-button:active {
+  background-color: tint(rgba(108, 108, 108, 0.25), 5%);
+}
+
+.winosd-window {
+  margin: 5px;
+  border-radius: 9px;
+  min-width: 10px;
+  min-height: 40px;
+}
+
+.winosd-var-shape {
+  padding: 7px;
+  min-width: 100px;
+  min-height: 37px;
+  border-radius: 9px;
+  margin: 12px;
+}
+
+.winosd-var {
+  padding: 7px;
+  min-width: 100px;
+  min-height: 37px;
+  background: rgba(45, 46, 48, 0.8);
+  background-image: url('images/textures/acrylic.png');
+  border-radius: 15px;
+  // border: 1px solid rgba(60, 60, 60, 0.4);
+  // border-top: 1px solid rgba(64, 64, 64, 0.5);
+  border: 1px solid rgba(34, 35, 38, 0.5);
+  margin: 14px;
+}
+
+.winslider-osd {
+  border-radius: 9999px;
+  margin: 0 9px;
+  transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+
+  trough {
+    border-radius: 9999px;
+    background-color: #A69999;
+    min-height: 4px;
+    min-width: 116px;
+    transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  }
+
+  highlight {
+    border-radius: 9999px;
+    background-color: $primary;
+    background-image: linear-gradient(45deg, $primary 0%, $primary 100%);
+    transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  }
+}
+
+.win-segoeicon {
+  font-family: 'Segoe Fluent Icons';
+  font-weight: bold;
+}
+
+.winpower-window {
+  padding: 5px;
+  background: rgba(40, 40, 40, 0.71);
+  border-radius: 12px;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-top: 1px solid rgba(64, 64, 64, 0.5);
+  margin: 12px;
+  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.65);
+}
+
+.winpower-buttonicon {
+  padding: 10px;
+  min-width: 20px;
+  min-height: 20px;
+}
+
+.winpower-button {
+  background-color: transparent;
+  border-radius: 6px;
+  // border: 1px solid transparent;
+  // border-top: 1px solid transparent;
+  min-width: 42px;
+  min-height: 42px;
+  // margin: 0 5px;
+}
+
+.winpower-button:hover {
+  background-color: rgba(75, 75, 75, 0.5);
+}
+
+.winpower-button:active {
+  background-color: tint(rgba(75, 75, 75, 0.5), 10%);
+}
+
+.wingamebar-overlay {
+  background-color: rgba(10, 10, 10, 0.4);
+}
+
+.wingamebar-window {
+  background: #252525;
+  border-radius: 10px;
+  border: 1px solid $overlay0;
+  transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
+}
+
+.wingamebar-titlebar {
+  background: #1C1C1C;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+  border: 2px $overlay0;
+  padding: 10px;
+}
+
+.wingamebar-icon {
+  font-family: 'Segoe Fluent Icons';
+  font-size: 10pt;
+  font-weight: bold;
+}
+
+.wingamebar-text {
+  font-family: 'Bahnschrift';
+  font-size: 12pt;
+  font-weight: 500;
+}
+
+.wingamebar-text-small {
+  font-size: 10pt;
+}
+
+.wingamebar-text-clock {
+  font-size: 17pt;
+  margin: 17px;
+}
+
+.wingamebar-text-bigmetric {
+  font-size: 25pt;
+}
+
+.wingamebar-content {
+  padding: 8px 17px;
+}
+
+.wingamebar-capture {
+  padding: 17px;
+}
+
+.wingamebar-capture-button {
+  min-width: 57px;
+  min-height: 57px;
+  background: #3A3A3A;
+  border: 1px solid #3A3A3A;
+  border-radius: 9999px;
+}
+
+.wingamebar-capture-button:hover {
+  border: 1px solid white;
+}
+
+.wingamebar-capture-button-unavailable {
+  min-width: 55px;
+  min-height: 55px;
+  background: #282828;
+  border: 2px solid #282828;
+  border-radius: 9999px;
+}
+
+.wingamebar-subtext {
+  color: #A8A8A8;
+}
+
+.wingamebar-capture-bottom {
+  border-top: 1px solid #373737;
+  padding: 8px 17px;
+  color: #DEDEDE;
+}
+
+.wingamebar-button-pad:hover {
+  :first-child {
+    background-color: $overlay0;
+  }
+}
+
+.wingamebar-button:hover {
+  background-color: $overlay0;
+}
+
+.wingamebar-capture-bottom {
+  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 8px;
+}
+
+.wingamebar-navbar {
+  min-height: 35px;
+  border-bottom: 2px solid #333333;
+  padding: 0 17px;
+}
+
+.wingamebar-navbar-button {
+  min-height: 35px;
+  min-width: 75px;
+  margin-bottom: -2px;
+  background-image: url('images/svg/dark/linehorizontal.svg');
+  background-position: bottom;
+  background-size: 100% auto;
+}
+
+.wingamebar-audio-sys {
+  padding: 17px;
+  border-bottom: 2px solid #333333;
+}
+
+.winslider-gamebar-sys {
+  margin: 0 5px;
+
+  trough {
+    min-width: 260px;
+  }
+}
+
+.winslider-gamebar-app {
+
+  // margin: 0 5px;
+  trough {
+    min-width: 205px;
+    margin: 0 3px;
+  }
+}
+
+.wingamebar-audio-appicon {
+  margin-left: 17px;
+  margin-bottom: 5px;
+}
+
+.wingamebar-control-button {
+  min-width: 59px;
+  min-height: 59px;
+  border-radius: 6px;
+  margin: 5px;
+}
+
+.wingamebar-control-button:hover {
+  background-color: $hover0;
+}
+
+.wingamebar-control-button-active {
+  min-width: 59px;
+  min-height: 59px;
+  border-radius: 6px;
+  margin: 5px;
+  background-size: auto 4%;
+  background-position: 0% 93%;
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 21%, $primary 21%, $primary 79%, rgba(0, 0, 0, 0) 79%, rgba(0, 0, 0, 0) 100%);
+}
+
+.wingamebar-control-button-active:hover {
+  background-color: $hover0;
+}
+
+.wingamebar-control-sidesection-left {
+  background-color: #1C1C1C;
+  min-height: 68px;
+  min-width: 68px;
+  border-top-left-radius: 10px;
+  border-bottom-left-radius: 10px;
+}
+
+.wingamebar-control-sidesection-right {
+  background-color: #1C1C1C;
+  min-height: 68px;
+  min-width: 68px;
+  border-top-right-radius: 10px;
+  border-bottom-right-radius: 10px;
+}
+
+.wingamebar-control-button {
+  font-size: 15pt;
+}
+
+.wingamebar-performance-metricscolumn {
+  min-width: 100px;
+}
+
+.wingamebar-performance-metric-false {
+  min-height: 25px;
+  padding: 0 17px;
+}
+
+.wingamebar-performance-metric-true {
+  min-height: 25px;
+  background-color: #3C3C3C;
+  padding: 0 17px;
+}
+
+.wingamebar-performance-grapharea {
+  border-bottom-right-radius: 10px;
+}
+
+.wingamebar-performance-graphpad {
+  padding: 17px;
+}
+
+.wingamebar-performance-graph-graphpad {
+  padding-top: 37px;
+  padding-bottom: 37px;
+  padding-left: 17px;
+  padding-right: 17px;
+}
+
+.wingamebar-graph {
+  color: $primary;
+}
+
+.winnews-topbar {
+  margin: 25px;
+  margin-bottom: 13px;
+}
+
+.winnews-user {
+  border-radius: 9999px;
+}
+
+.winnews-user:hover {
+  background-color: rgba(49, 49, 49, 0.7);
+}
+
+.winnews-title {
+  font-family: 'Cantarell';
+  font-size: 12pt;
+  font-weight: bold;
+  font-size: 16pt;
+  margin-right: 20px;
+}
+
+.winnews-clock {
+  font-family: 'Cantarell';
+  font-size: 12pt;
+  font-weight: 500;
+  font-size: 16pt;
+  margin-right: 20px;
+}
+
+.winnews-search-prompt {
+  background-color: rgba(34, 32, 39, 0.5);
+  border-radius: 9999px;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  padding: 5px;
+}
+
+.winnews-search-prompt-text {
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  color: #CCCCCC;
+}
+
+.winnews-search-contents {
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  background-color: transparent;
+  border-radius: 6px;
+  border: 0px solid transparent;
+  // padding: 11px;
+  // margin: 34px;
+  margin-left: 37px;
+
+  selection {
+    background-color: tint($primary, 50%);
+    color: #1e1e1e;
+  }
+}
+
+.winnews-widgets {
+  margin: 0 46px;
+  margin-top: 4px;
+}
+
+.winnews-section-icon {
+  color: $onSecondaryContainer;
+  font-family: 'Material Symbols Rounded';
+  font-size: 20pt;
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  margin: 5px;
+}
+
+.winnews-widget {
+  border-radius: 9px;
+  background-color: $onSecondary;
+  padding-bottom: 10px;
+}
+
+.winnews-widget-nopad {
+  border-radius: 9px;
+  background-color: $onSecondary;
+}
+
+.winnews-section {
+  color: $onSecondaryContainer;
+  font-family: 'Cantarell';
+  font-size: 15pt;
+  font-weight: bold;
+  margin: 5px;
+}
+
+.winnews-text {
+  margin: 5px 0px;
+  background-repeat: no-repeat;
+  color: $onBackground;
+  font-family: 'Cantarell';
+  font-size: 12pt;
+}
+
+.winnews-option {
+  padding: 0 17px;
+  margin-left: 43px;
+}
+
+.winslider-winnews {
+  margin: 0 5px;
+  min-height: 21px;
+
+  trough {
+    min-width: 260px;
+  }
+}
+
+.win-checkbox-0 {
+  margin: 5px 0px;
+  border-radius: 9999px;
+  min-width: 26px;
+  min-height: 26px;
+  background: url('images/svg/checkbox_no.svg');
+  background-repeat: no-repeat;
+  color: transparent;
+}
+
+.win-checkbox-1 {
+  margin: 5px 0px;
+  border-radius: 9999px;
+  min-width: 26px;
+  min-height: 26px;
+  background: url('images/svg/checkbox.svg');
+  background-repeat: no-repeat;
+  color: transparent;
+}
+
+.winnews-fetch-pad {
+  padding: 0 17px;
+  padding-left: 15px;
+}
+
+.winnews-fetch-icon {
+  color: $primary;
+  font-size: 16pt;
+  font-family: Material Symbols Rounded;
+}
+
+.winnews-fetch {
+  font-size: 15pt;
+}
+
+.winnews-waifu {
+  min-width: 380px;
+  min-height: 380px;
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+  background-size: 100% auto;
+  background-position: top;
+}
+
+.winnews-title-right {
+  margin-right: 15px;
+}
+
+.winnews-link {
+  color: #89B4FA;
+}
+
+.wintaskview-bg {
+  // background-color: rgba(0, 0, 0, 0.2);
+  background-color: rgba(50, 63, 83, 0.2);
+}
+
+.wintaskview-workspaces-bg {
+  border-radius: 9px;
+  background-color: rgba(15, 15, 15, 0.75);
+  margin: 10px;
+  min-height: 60px;
+  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.65);
+}
+
+.wintaskview-text {
+  background-color: transparent;
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+  margin: 1px;
+  color: white;
+}
+
+.wintaskview-workspace-bg {
+  background-size: 100% auto;
+  background-position: center;
+  border-radius: 5px;
+}
+
+.taskview-ws {
+  margin: 4px;
+  padding: 8px 12px;
+  background-size: 17% 2%;
+  background-position: bottom;
+}
+
+.taskview-ws-true {
+  background-color: rgba(75, 75, 75, 0.6);
+  border-radius: 9px;
+  border: 1px solid $overlayedge;
+  border-top: 1px solid tint($overlayedge, 5%);
+
+  background-image: url('images/svg/linehorizontal.svg');
+}
+
+.taskview-ws-false {
+  background-color: transparent;
+  border-radius: 9px;
+  border: 1px solid transparent;
+}
+
+.taskview-ws-window {
+  border-radius: 5px;
+  background-color: #2C2C2C;
+  border: 1px solid $surface0;
+  border-top: 1px solid tint($surface0, 5%);
+}
+
+.taskview-thisws-window {
+  border-radius: 12px;
+  background-color: rgba(22, 22, 22, 0.85);
+  color: white;
+}
+
+.wintaskview-thisws-window-close {
+  color: white;
+  font-size: 15pt;
+}
+
+.taskview-thisws-window-thumbnail {
+  border-radius: 4px;
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+  background-color: #202020;
+  margin: 1px;
+}
+
+.winactions-media-cover {
+  border-radius: 5px;
+  min-height: 45px;
+  min-width: 45px;
+  background-size: auto 100%;
+  background-position: center;
+}
+
+.winactions-media-title {
+  color: white;
+  background-color: transparent;
+  font-size: 12pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+}
+
+.winactions-media-artist {
+  color: white;
+  background-color: transparent;
+  font-size: 11pt;
+  font-family: 'Cantarell';
+  font-weight: 500;
+}
+
+.winactions-media-button {
+  font-size: 14pt;
+  color: white;
+  border-radius: 5px;
+  padding: 10px;
+  margin: -5px;
+}
+
+.winactions-media-button:hover {
+  background-color: rgba(95, 95, 95, 0.6);
+}
+
+.winactions-media-button:active {
+  background-color: rgba(100, 100, 100, 0.8);
+}
+
+.winwin-shadow {
+  margin: 12px;
+  border-radius: 12px;
+  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.65);
+  // box-shadow: 0px 8px 10px red;
+}
+
+.winwin-topbar-shadow {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+  margin: 12px;
+  margin-bottom: 0px;
+  margin-top: 6px;
+  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.65);
+}
+
+.winwin-center-shadow {
+  margin: 0px 12px;
+  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.65);
+}
+
+.winwin-center-noseparator-shadow {
+  margin: 0px 12px;
+  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.65);
+}
+
+.winwin-topbar-shadow {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+  margin: 12px;
+  margin-bottom: 0px;
+  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.65);
+}
+
+.winwin-top-shadow {
+  transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+  margin: 12px;
+  margin-bottom: 0px;
+  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.65);
+}
+
+.winwin-bottom-shadow {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+  margin: 12px;
+  margin-top: 0px;
+  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.65);
+}
+
+.winwin-bottom-light-shadow {
+  transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+  margin: 12px;
+  margin-top: 0px;
+  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.65);
+}
+
+.winnewsicon {
+  background-position: center;
+  background-image: url('images/icons/winnews.png');
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.winnewsicon-interaction:active {
+  :first-child {
+    :first-child {
+      background-image: url('images/icons/winnews-clicked.png');
+    }
+  }
+}
+
+.wintaskviewicon {
+  background-position: center;
+  background-size: 60%;
+  background-image: url('images/icons/wintaskview.png');
+  min-width: 42px;
+  min-height: 42px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  border-top: 1px solid transparent;
+}
+
+.wintaskviewicon-interaction:active {
+  :first-child {
+    :first-child {
+      background-size: 50%;
+      background-image: url('images/icons/wintaskview-clicked.png');
+    }
+  }
+}
+
+.winbarbutton-h {
+  :first-child {
+    :first-child {
+      border-radius: 6px;
+      border: 1px solid transparent;
+      border-top: 1px solid transparent;
+    }
+  }
+}
+
+.winbarbutton-h:hover {
+  :first-child {
+    :first-child {
+      background-color: shade($overlay0, 2%);
+      border: 1px solid $overlayedge;
+      border-top: 1px solid tint($overlayedge, 5%);
+    }
+  }
+}
+
+.winbarbutton-h:active {
+  :first-child {
+    :first-child {
+      background-color: tint($overlay0, 8%);
+      border: 1px solid tint($overlayedge, 10%);
+      border-top: 1px solid tint($overlayedge, 15%);
+    }
+  }
+}
+
+.wintray-button {
+  border-radius: 6px;
+  border: 1px solid $overlayedge;
+  border-top: 1px solid tint($overlayedge, 5%);
+  padding: 6px;
+  min-width: 20px;
+  min-height: 20px;
+}
+
+.winbarbutton-h-open {
+  :first-child {
+    :first-child {
+      background-color: shade($overlay0, 2%);
+      border: 1px solid $overlayedge;
+      border-top: 1px solid tint($overlayedge, 5%);
+    }
+  }
+}
+
+.winnews-tag-strip {
+  min-height: 34px;
+  margin: 0 15px;
+  // margin-bottom: 3px;
+}
+
+.winnews-tag {
+  border-radius: 9999px;
+  padding: 10px 15px;
+  margin: 0 3px;
+  background-color: $secondaryContainer;
+  color: $onSecondaryContainer;
+}
+
+.winnews-tag:hover {
+  background-color: tint($secondaryContainer, 10%);
+  color: tint($onSecondaryContainer, 10%);
+}
+
+.winnews-tag:active {
+  background-color: tint($secondaryContainer, 20%);
+  color: tint($onSecondaryContainer, 20%);
+}
+
+.winnews-tag-false {
+  background-color: rgba(73, 73, 73, 0.25);
+  border-radius: 9999px;
+  padding: 10px 15px;
+  margin: 0 3px;
+}
+
+.winnews-tag-true {
+  background-color: $primary;
+  color: $onPrimary;
+  border-radius: 9999px;
+  padding: 10px 15px;
+  margin: 0 3px;
+}
+
+.winbsod-background {
+  background-color: #000000;
+}
+
+.winbsod-text {
+  font-family: 'Cantarell';
+}
+
+.winbsod-face {
+  font-size: 150pt;
+}
+
+.winbsod-desc {
+  font-size: 30pt;
+}
+
+.winbsod-technicalinfo {
+  font-size: 15pt;
+}
+
+.winnews-cava-column {
+  background-color: $primary;
+  border-top-left-radius: 99px;
+  border-top-right-radius: 99px;
+  margin: 0 4px;
+}
+
+.winnews-widget-nopad-cava {
+  border-radius: 9px;
+  background-color: $onSecondary;
+
+  :first-child {
+    border-bottom-left-radius: 99px;
+  }
+
+  :last-child {
+    border-bottom-right-radius: 99px;
+  }
+}
+
+.winlang-text {
+  color: white;
+}
+
+.winlang-subtext {
+  color: #C1C1C1;
+}
+
+.winlang-lang-false {
+  padding: 15px;
+  margin: 4px;
+  border-radius: 6px;
+
+  background-position: -0.5% center;
+  background-size: 5px 24px;
+  background-image: url('images/svg/linetransparent.svg');
+}
+
+.winlang-lang-false:hover {
+  background-color: rgba(73, 73, 73, 0.2);
+}
+
+.winlang-lang-true {
+  padding: 15px;
+  margin: 4px;
+  border-radius: 6px;
+
+  background-color: rgba(73, 73, 73, 0.25);
+  background-position: -0.5% center;
+  background-size: 5px 24px;
+  background-image: url('images/svg/linevertical.svg');
+}
+
+.winlang-bottom-button {
+  background-color: transparent;
+  border-radius: 6px;
+  // border: 1px solid transparent;
+  // border-top: 1px solid transparent;
+  min-width: 42px;
+  min-height: 42px;
+}
+
+.winlang-bottom-button:hover {
+  background-color: rgba(75, 75, 75, 0.5);
+}
+
+.winlang-bottom-button:active {
+  background-color: tint(rgba(75, 75, 75, 0.5), 10%);
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_Catppuccin-Mocha.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_Catppuccin-Mocha.scss
new file mode 100755
index 000000000..6db68d8c1
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_Catppuccin-Mocha.scss
@@ -0,0 +1,16 @@
+//Auto generated color theme for Catppuccin Mocha
+@function bluetint($color, $percentage) {  @return mix(#c3b1a1, $color, $percentage); } // beige
+@function blueshade($color, $percentage) { @return mix(#8b7265, $color, $percentage); } // dark brown
+$colorbarbg: #313244; // Surface0
+$colorbg: rgba(30, 30, 46, 0.75); // Base
+$colortext: #cdd6f4; // Text
+$color0: #89b4fa; // Blue
+$color1: #74c7ec; // Sapphire
+$color2: #89dceb; // Sky
+$color3: #94e2d5; // Teal
+$color4: #f9e2af; // Yellow
+$color5: #f38ba8; // Red
+$color6: #f5c2e7; // Pink
+$color7: #f5e0dc; // Rose water``
+
+
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_alive.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_alive.scss
new file mode 100755
index 000000000..d928a76a2
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_alive.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/Igw7x_q_SY8/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLAnBg0FYExCAq5yAvoYoyE3rjhD6w
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #15120c;
+$colorbg: rgba(21,18,12,0.75);
+$colortext: #e5e3de;
+$color0: #D1B043;
+$color1: #E9D463;
+$color2: #ACA597;
+$color3: #C7B89C;
+$color4: #B4CBB1;
+$color5: #E2D69D;
+$color6: #e5e3de;
+$color7: #C7B89C;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_amaryllis.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_amaryllis.scss
new file mode 100755
index 000000000..647818a83
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_amaryllis.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/-aKHRnS1NrY/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLARkaFkCli09IlsqLfdrLkiZrRmNw
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0d101f;
+$colorbg: rgba(13,16,31,0.7);
+$colortext: #d7cdcf;
+$color0: #75728A;
+$color1: #897A89;
+$color2: #C278B1;
+$color3: #8A8592;
+$color4: #A5939F;
+$color5: #B8A7B2;
+$color6: #d7cdcf;
+$color7: #8A8592;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_andromeda.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_andromeda.scss
new file mode 100755
index 000000000..ea9d93aeb
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_andromeda.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000102218806-ducxb5-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #07172C;
+$colorbg: rgba(7,23,44,0.7);
+$colortext: #cbe3df;
+$color0: #AECD77;
+$color1: #3C6D8D;
+$color2: #5E9E96;
+$color3: #5EB2A8;
+$color4: #9ECEB0;
+$color5: #A2C3AD;
+$color6: #cbe3df;
+$color7: #5EB2A8;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_artemis.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_artemis.scss
new file mode 100755
index 000000000..c76d58e25
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_artemis.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-LPvgpz3T7pFKWPBy-ihlbAw-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #041031;
+$colorbg: rgba(4,16,49,0.7);
+$colortext: #a7e2ee;
+$color0: #043094;
+$color1: #3E5EA0;
+$color2: #0D60A0;
+$color3: #0A69CD;
+$color4: #1E9CD7;
+$color5: #44A3C2;
+$color6: #a7e2ee;
+$color7: #0A69CD;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_atermis.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_atermis.scss
new file mode 100755
index 000000000..c76d58e25
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_atermis.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-LPvgpz3T7pFKWPBy-ihlbAw-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #041031;
+$colorbg: rgba(4,16,49,0.7);
+$colortext: #a7e2ee;
+$color0: #043094;
+$color1: #3E5EA0;
+$color2: #0D60A0;
+$color3: #0A69CD;
+$color4: #1E9CD7;
+$color5: #44A3C2;
+$color6: #a7e2ee;
+$color7: #0A69CD;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_berightthere.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_berightthere.scss
new file mode 100755
index 000000000..df9d7a8cc
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_berightthere.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi_webp/eXJqyCgVpjc/mqdefault.webp
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #080304;
+$colorbg: rgba(8,3,4,0.7);
+$colortext: #e6c5cc;
+$color0: #955B6C;
+$color1: #D36572;
+$color2: #A06F8D;
+$color3: #DC728F;
+$color4: #868091;
+$color5: #A78DA1;
+$color6: #e6c5cc;
+$color7: #DC728F;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_bittersweet.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_bittersweet.scss
new file mode 100755
index 000000000..621c7a4d7
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_bittersweet.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/5jvVbbai7qk/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLDyTWGok8rtpE0Dj6rsAY9n03bhkQ
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #3f2130;
+$colorbg: rgba(63,33,48,0.75);
+$colortext: #f0dfdc;
+$color0: #C96F95;
+$color1: #A7868D;
+$color2: #A68D9F;
+$color3: #DB9DAA;
+$color4: #F1D0B8;
+$color5: #E2B1C8;
+$color6: #f0dfdc;
+$color7: #DB9DAA;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_blessingbeat.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_blessingbeat.scss
new file mode 100755
index 000000000..ec6961d6e
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_blessingbeat.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000579642002-mq4kgn-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #881b90;
+$colorbg: rgba(136,27,144,0.3);
+$colortext: #dff1f5;
+$color0: #D3A3F8;
+$color1: #F3B3FA;
+$color2: #9ADEFA;
+$color3: #B1F6FB;
+$color4: #D4CFF9;
+$color5: #F1D0FA;
+$color6: #dff1f5;
+$color7: #B1F6FB;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_bluenation.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_bluenation.scss
new file mode 100755
index 000000000..eca473230
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_bluenation.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #1f252d;
+$colorbg: rgba(31,37,45,0.75);
+$colortext: #e6e2e7;
+$color0: #60C4F1;
+$color1: #9F9BAB;
+$color2: #DBB4AD;
+$color3: #A2AECF;
+$color4: #CFB7CE;
+$color5: #A4D7F1;
+$color6: #e6e2e7;
+$color7: #A2AECF;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_bluenation_purple.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_bluenation_purple.scss
new file mode 100755
index 000000000..66ddd1e9b
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_bluenation_purple.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0A0A12;
+$colorbg: rgba(10,10,18,0.75);
+$colortext: #e5e3e9;
+$color0: #39B1D7;
+$color1: #63A0D4;
+$color2: #C1A2AA;
+$color3: #9BA1CF;
+$color4: #D2B6D5;
+$color5: #A3D9F0;
+$color6: #e5e3e9;
+$color7: #9BA1CF;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_blueroar.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_blueroar.scss
new file mode 100755
index 000000000..d47487c4d
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_blueroar.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/4Me9rKMKIiY/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_gmAAtAFigIMCAAQARgdIGUoYDAP&rs=AOn4CLCTO0d31Dqgq1VrZ7Kyc7QQprKctw
+$colorbarbg: #090713;
+$colorbg: rgba(9,7,19,0.75);
+$colortext: #e2d0e1;
+$color0: #E72DA9;
+$color1: #C24BB3;
+$color2: #40A5C1;
+$color3: #32EBDC;
+$color4: #4FE0DB;
+$color5: #B4B1B4;
+$color6: #e2d0e1;
+$color7: #32EBDC;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_breakaway.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_breakaway.scss
new file mode 100755
index 000000000..a1abbaecb
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_breakaway.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/OdasYzoN7TQ/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCYFcwiVGbaXXSPIUCHH7RG7dYbMQ
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #494194;
+$colorbg: rgba(73,65,148,0.7);
+$colortext: #e0eaf5;
+$color0: #C9B0FD;
+$color1: #E3BCFE;
+$color2: #ABD4FD;
+$color3: #B1D2FD;
+$color4: #CDD2FD;
+$color5: #E5D6FC;
+$color6: #e0eaf5;
+$color7: #B1D2FD;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_bunnygirl.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_bunnygirl.scss
new file mode 100755
index 000000000..988b156c7
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_bunnygirl.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000464639244-hzoi9t-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #060514;
+$colorbg: rgba(6,5,20,0.7);
+$colortext: #96cfeb;
+$color0: #0C30A0;
+$color1: #1A50A5;
+$color2: #1463D3;
+$color3: #5443D2;
+$color4: #AF5CDC;
+$color5: #A259EE;
+$color6: #96cfeb;
+$color7: #5443D2;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_bythesunlitwindow.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_bythesunlitwindow.scss
new file mode 100755
index 000000000..bea613d5c
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_bythesunlitwindow.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/m-imaoaZ9ho/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLBkvbpwGwMXwTM2ezepbUGV05pLFg
+$colorbarbg: #100d21;
+$colorbg: rgba(16,13,33,0.75);
+$colortext: #f5d9f5;
+$color0: #9A6BA7;
+$color1: #AA7AC3;
+$color2: #BF86B9;
+$color3: #B786CE;
+$color4: #D198D6;
+$color5: #F1B7F3;
+$color6: #f5d9f5;
+$color7: #B786CE;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_crystalcave.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_crystalcave.scss
new file mode 100755
index 000000000..f96c059e1
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_crystalcave.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi_webp/4cFD-5w5cyA/mqdefault.webp
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #081229;
+$colorbg: rgba(8,18,41,0.3);
+$colortext: #e4e9ed;
+$color0: #2A9EE5;
+$color1: #4E9DC4;
+$color2: #5CA4E1;
+$color3: #62D9F9;
+$color4: #A2AAD6;
+$color5: #9FE4F8;
+$color6: #e4e9ed;
+$color7: #62D9F9;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_cutelight.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_cutelight.scss
new file mode 100755
index 000000000..e32a111f0
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_cutelight.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/hcbc09-cQaM/mqdefault.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #fdfdfd;
+$colorbg: rgba(253,253,253,0.7);
+$colortext: #4B4752;
+$color0: #A2A1AB;
+$color1: #D8B3B1;
+$color2: #9EB4CC;
+$color3: #B1CADB;
+$color4: #DFC1C1;
+$color5: #CECFD4;
+$color6: #4B4752;
+$color7: #B1CADB;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_cycles.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_cycles.scss
new file mode 100755
index 000000000..4746c072b
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_cycles.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/gmSGmgffLXI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDoJVlARTVsqnvWgL506qzeguKpdw
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #120a0b;
+$colorbg: rgba(18,10,11,0.7);
+$colortext: #ddcdc3;
+$color0: #A56E56;
+$color1: #E37748;
+$color2: #FD843B;
+$color3: #AB8873;
+$color4: #FB8C4C;
+$color5: #F0A068;
+$color6: #ddcdc3;
+$color7: #AB8873;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_decoyworld.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_decoyworld.scss
new file mode 100755
index 000000000..e9f4f3915
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_decoyworld.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000277772429-kb8c52-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0a1318;
+$colorbg: rgba(10,19,24,0.7);
+$colortext: #c5eff0;
+$color0: #4C7192;
+$color1: #A575A5;
+$color2: #318CB3;
+$color3: #39A6CE;
+$color4: #4AB2D2;
+$color5: #4EDEF1;
+$color6: #c5eff0;
+$color7: #39A6CE;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_default.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_default.scss
new file mode 100755
index 000000000..eca473230
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_default.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #1f252d;
+$colorbg: rgba(31,37,45,0.75);
+$colortext: #e6e2e7;
+$color0: #60C4F1;
+$color1: #9F9BAB;
+$color2: #DBB4AD;
+$color3: #A2AECF;
+$color4: #CFB7CE;
+$color5: #A4D7F1;
+$color6: #e6e2e7;
+$color7: #A2AECF;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_disconnectedblue.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_disconnectedblue.scss
new file mode 100755
index 000000000..332e6ed4c
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_disconnectedblue.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/_z1L9alieOI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLA_0euyiuQSHnE8Gn0l5AECOTvFtQ
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #000000;
+$colorbg: rgba(0,0,0,0.7);
+$colortext: #ebe9e4;
+$color0: #727085;
+$color1: #019DB5;
+$color2: #0CA6B6;
+$color3: #5BB8B8;
+$color4: #04A2C9;
+$color5: #BAC5AC;
+$color6: #ebe9e4;
+$color7: #5BB8B8;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_disconnectedblue_dark.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_disconnectedblue_dark.scss
new file mode 100755
index 000000000..b43084431
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_disconnectedblue_dark.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/_z1L9alieOI/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLDk081Hk_24mnKxtawjxKQ64rrQDg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #000000;
+$colorbg: rgba(0,0,0,0.75);
+$colortext: #e8eae5;
+$color0: #767C80;
+$color1: #039CB7;
+$color2: #14A0AC;
+$color3: #5EB6B9;
+$color4: #08A1C9;
+$color5: #BAC8AE;
+$color6: #e8eae5;
+$color7: #5EB6B9;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_eclipse.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_eclipse.scss
new file mode 100755
index 000000000..6134c3d0d
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_eclipse.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #060305;
+$colorbg: rgba(6,3,5,0.7);
+$colortext: #e1ccd3;
+$color0: #F85B13;
+$color1: #A05862;
+$color2: #F2B61A;
+$color3: #7B6985;
+$color4: #9B6F8D;
+$color5: #AA99A2;
+$color6: #e1ccd3;
+$color7: #7B6985;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_eternalmelody.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_eternalmelody.scss
new file mode 100755
index 000000000..7e4e4722d
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_eternalmelody.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0A0518;
+$colorbg: rgba(10,5,24,0.7);
+$colortext: #dec8d0;
+$color0: #905772;
+$color1: #A35161;
+$color2: #7B5C87;
+$color3: #A36D8F;
+$color4: #CA799B;
+$color5: #D79EAB;
+$color6: #dec8d0;
+$color7: #A36D8F;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_euphoria.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_euphoria.scss
new file mode 100755
index 000000000..d3e1bdeb4
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_euphoria.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/7Pyt_xftxM8/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_gmAAtAFigIMCAAQARh_ID0oJDAP&rs=AOn4CLCqLpcalabHrrGdKHYreXbaxo3BMw
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #1b0d07;
+$colorbg: rgba(27,13,7,0.7);
+$colortext: #e9dfab;
+$color0: #985F2B;
+$color1: #AA7133;
+$color2: #B16F45;
+$color3: #B78938;
+$color4: #BD9343;
+$color5: #D1A450;
+$color6: #e9dfab;
+$color7: #B78938;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_everythinggoeson.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_everythinggoeson.scss
new file mode 100755
index 000000000..6fc71e614
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_everythinggoeson.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-JgiEcXItFfvrKUZ9-aVqgEw-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #271626;
+$colorbg: rgba(39,22,38,0.7);
+$colortext: #f5deec;
+$color0: #BBA7A7;
+$color1: #EE91B4;
+$color2: #F88FCD;
+$color3: #FCB0D0;
+$color4: #F5ADE0;
+$color5: #F2C6D9;
+$color6: #f5deec;
+$color7: #FCB0D0;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_finale.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_finale.scss
new file mode 100755
index 000000000..14501b69f
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_finale.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-rs5BJbnE1joHdT19-cy5Ilg-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #4c0f0c;
+$colorbg: rgba(76,15,12,0.3);
+$colortext: #f3dfdd;
+$color0: #F8817E;
+$color1: #BD8683;
+$color2: #F98D89;
+$color3: #F7A49B;
+$color4: #FAB5AA;
+$color5: #FBC5B8;
+$color6: #f3dfdd;
+$color7: #F7A49B;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_flare.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_flare.scss
new file mode 100755
index 000000000..185608576
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_flare.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/51k7SJPDUNo/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB1AaAAuADigIMCAAQARh_IE4oGjAP&rs=AOn4CLATHs_fDDtgQN42Gi-Dwj9AvUCnqQ
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0B0702;
+$colorbg: rgba(11,7,2,0.75);
+$colortext: #ead69c;
+$color0: #696350;
+$color1: #92360F;
+$color2: #9C5823;
+$color3: #A7683C;
+$color4: #DA681D;
+$color5: #F09A2D;
+$color6: #ead69c;
+$color7: #A7683C;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_flate.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_flate.scss
new file mode 100755
index 000000000..185608576
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_flate.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/51k7SJPDUNo/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB1AaAAuADigIMCAAQARh_IE4oGjAP&rs=AOn4CLATHs_fDDtgQN42Gi-Dwj9AvUCnqQ
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0B0702;
+$colorbg: rgba(11,7,2,0.75);
+$colortext: #ead69c;
+$color0: #696350;
+$color1: #92360F;
+$color2: #9C5823;
+$color3: #A7683C;
+$color4: #DA681D;
+$color5: #F09A2D;
+$color6: #ead69c;
+$color7: #A7683C;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_flowers.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_flowers.scss
new file mode 100755
index 000000000..d6fbabb0d
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_flowers.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #212528;
+$colorbg: rgba(33,37,40,0.3);
+$colortext: #e7e4e2;
+$color0: #99798C;
+$color1: #6A87B1;
+$color2: #668FCA;
+$color3: #A39BA5;
+$color4: #97AFD7;
+$color5: #C5BDC5;
+$color6: #e7e4e2;
+$color7: #A39BA5;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_forest_bluegreen.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_forest_bluegreen.scss
new file mode 100755
index 000000000..077deb1b0
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_forest_bluegreen.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: [Local wallpaper]
+$colorbarbg: #0C1013;
+$colorbg: rgba(12,16,19,0.75);
+$colortext: #c4cac3;
+$color0: #7B805D;
+$color1: #BCBD58;
+$color2: #999667;
+$color3: #4C748A;
+$color4: #6B919C;
+$color5: #7BADC4;
+$color6: #c4cac3;
+$color7: #4C748A;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_forever.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_forever.scss
new file mode 100755
index 000000000..88531ad53
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_forever.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/8abwtVLP18Y/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLABvuWZHErcUxghiy_4ZuNZFFoXUA
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #06060F;
+$colorbg: rgba(6,6,15,0.7);
+$colortext: #a1c6e4;
+$color0: #5322A1;
+$color1: #433AA8;
+$color2: #62589F;
+$color3: #691FD5;
+$color4: #8F4FB7;
+$color5: #9262DB;
+$color6: #a1c6e4;
+$color7: #691FD5;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_forsythia.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_forsythia.scss
new file mode 100755
index 000000000..b78a73ad8
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_forsythia.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #2c2d1e;
+$colorbg: rgba(44,45,30,0.7);
+$colortext: #f1ece0;
+$color0: #ECD069;
+$color1: #AFA892;
+$color2: #CFB29F;
+$color3: #BAC59C;
+$color4: #E1D7A8;
+$color5: #EDD9C9;
+$color6: #f1ece0;
+$color7: #BAC59C;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_frozenheart.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_frozenheart.scss
new file mode 100755
index 000000000..a87db2f8e
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_frozenheart.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #1b1516;
+$colorbg: rgba(27,21,22,0.7);
+$colortext: #e9e5e8;
+$color0: #CDAEB2;
+$color1: #CDBFC2;
+$color2: #D1BCC3;
+$color3: #D9CBD2;
+$color4: #E7D3D4;
+$color5: #E3DBE0;
+$color6: #e9e5e8;
+$color7: #D9CBD2;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_genshinbeach.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_genshinbeach.scss
new file mode 100755
index 000000000..3db72c6ff
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_genshinbeach.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #161c30;
+$colorbg: rgba(22,28,48,0.75);
+$colortext: #dfedf5;
+$color0: #99B5DE;
+$color1: #92CBF6;
+$color2: #ACD7F7;
+$color3: #B0E2F7;
+$color4: #E7D2D7;
+$color5: #FDEBD4;
+$color6: #dfedf5;
+$color7: #B0E2F7;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_godrays.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_godrays.scss
new file mode 100755
index 000000000..2e4edf3e7
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_godrays.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: [Local wallpaper]
+$colorbarbg: #081304;
+$colorbg: rgba(8,19,4,0.75);
+$colortext: #d2d9cd;
+$color0: #3C5749;
+$color1: #8B7521;
+$color2: #897949;
+$color3: #9F8F28;
+$color4: #B9AA4C;
+$color5: #5B8B80;
+$color6: #d2d9cd;
+$color7: #9F8F28;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_green.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_green.scss
new file mode 100755
index 000000000..b9e81f908
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_green.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #10100f;
+$colorbg: rgba(16,16,15,0.75);
+$colortext: #cbccc8;
+$color0: #656B5A;
+$color1: #70736B;
+$color2: #817E7D;
+$color3: #7C836D;
+$color4: #858B79;
+$color5: #90928B;
+$color6: #cbccc8;
+$color7: #7C836D;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_ice.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_ice.scss
new file mode 100755
index 000000000..fb7458878
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_ice.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000141682356-dsvdol-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0c1d33;
+$colorbg: rgba(12,29,51,0.7);
+$colortext: #dee6ed;
+$color0: #4977AC;
+$color1: #5F8AB8;
+$color2: #739BC5;
+$color3: #849FBF;
+$color4: #92B1D2;
+$color5: #B1C9E2;
+$color6: #dee6ed;
+$color7: #849FBF;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_innovation.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_innovation.scss
new file mode 100755
index 000000000..d5bee16dd
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_innovation.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-VzJtkezGcHZPTQwV-sj8hyg-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #1d1525;
+$colorbg: rgba(29,21,37,0.7);
+$colortext: #e8dfec;
+$color0: #891A8B;
+$color1: #9726AD;
+$color2: #AF48BD;
+$color3: #D55FD7;
+$color4: #7392CA;
+$color5: #CA9CD4;
+$color6: #e8dfec;
+$color7: #D55FD7;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_iswear.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_iswear.scss
new file mode 100755
index 000000000..52931b096
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_iswear.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/pLQGfSQUuCM/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAxjZ9gSU45DvSy7J__T2odBUct4w
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #150f0f;
+$colorbg: rgba(21,15,15,0.7);
+$colortext: #f5eae1;
+$color0: #CF8A77;
+$color1: #B29890;
+$color2: #E5AB94;
+$color3: #DAC6AF;
+$color4: #F4D0B6;
+$color5: #F7DCC5;
+$color6: #f5eae1;
+$color7: #DAC6AF;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_iwillpickyouup.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_iwillpickyouup.scss
new file mode 100755
index 000000000..9d0febf8f
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_iwillpickyouup.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000058034277-sq9814-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0A0C09;
+$colorbg: rgba(10,12,9,0.3);
+$colortext: #d6d6d6;
+$color0: #7F7E7E;
+$color1: #1BAC6D;
+$color2: #57938D;
+$color3: #02FA97;
+$color4: #969595;
+$color5: #AEADAD;
+$color6: #d6d6d6;
+$color7: #02FA97;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_kurumi.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_kurumi.scss
new file mode 100755
index 000000000..8262516da
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_kurumi.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-viSbRZk1zikdSKYq-C4WdAw-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #171216;
+$colorbg: rgba(23,18,22,0.7);
+$colortext: #e8e1e3;
+$color0: #995A5D;
+$color1: #DF5A5D;
+$color2: #5F5C8F;
+$color3: #AC7492;
+$color4: #918C90;
+$color5: #C2A6AE;
+$color6: #e8e1e3;
+$color7: #AC7492;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_lazertrack.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_lazertrack.scss
new file mode 100755
index 000000000..9f8ea2dfa
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_lazertrack.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000499340190-zt5zgv-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #1c1c25;
+$colorbg: rgba(28,28,37,0.7);
+$colortext: #e8d0dd;
+$color0: #A5528A;
+$color1: #C36192;
+$color2: #82828E;
+$color3: #A792A0;
+$color4: #D79EA1;
+$color5: #D1D3B5;
+$color6: #e8d0dd;
+$color7: #A792A0;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_lullaby.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_lullaby.scss
new file mode 100755
index 000000000..a66f99d18
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_lullaby.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-cAla9lDzW6P2WRRA-yJp1yg-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0B1B29;
+$colorbg: rgba(11,27,41,0.7);
+$colortext: #9fd7d5;
+$color0: #174F6A;
+$color1: #634F64;
+$color2: #9D1D14;
+$color3: #D32509;
+$color4: #BA5341;
+$color5: #226D88;
+$color6: #9fd7d5;
+$color7: #D32509;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_meltdown.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_meltdown.scss
new file mode 100755
index 000000000..704f454e6
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_meltdown.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/Ym0VhyO0ajM/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLAnOkNUJDDk6eA2RagDI-cOWNqthw
+$colorbarbg: #09253A;
+$colorbg: rgba(9,37,58,0.75);
+$colortext: #9acee4;
+$color0: #1E649F;
+$color1: #106FAF;
+$color2: #1576CE;
+$color3: #2B89B4;
+$color4: #3AAED8;
+$color5: #229EE6;
+$color6: #9acee4;
+$color7: #2B89B4;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_mirror.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_mirror.scss
new file mode 100755
index 000000000..d97951d93
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_mirror.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/co1QafXwo4g/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAncOMlDFU5jwlz8_EJITJPz1xaxQ
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0a0614;
+$colorbg: rgba(10,6,20,0.7);
+$colortext: #e2e4f0;
+$color0: #5F1DD9;
+$color1: #334AC7;
+$color2: #625CE0;
+$color3: #924CC2;
+$color4: #4EA3E3;
+$color5: #A6B1E4;
+$color6: #e2e4f0;
+$color7: #924CC2;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_monster.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_monster.scss
new file mode 100755
index 000000000..f798b073c
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_monster.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/0CuTOGKMWW0/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBkQ9ETNGNv538s2qddDWjrEvW4-A
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #09020A;
+$colorbg: rgba(9,2,10,0.7);
+$colortext: #e5f0e2;
+$color0: #059687;
+$color1: #02B091;
+$color2: #01CB9A;
+$color3: #13F3A9;
+$color4: #5CD8A6;
+$color5: #A2E4BC;
+$color6: #e5f0e2;
+$color7: #13F3A9;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_moonlight.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_moonlight.scss
new file mode 100755
index 000000000..d7e3ebb23
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_moonlight.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/zJ9NHv9UIHI/mqdefault.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0f071d;
+$colorbg: rgba(15,7,29,0.7);
+$colortext: #a7bbe0;
+$color0: #E99A71;
+$color1: #592D9A;
+$color2: #5B549F;
+$color3: #5D57C1;
+$color4: #A254B2;
+$color5: #9B61D1;
+$color6: #a7bbe0;
+$color7: #5D57C1;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_multi.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_multi.scss
new file mode 100755
index 000000000..ea9d93aeb
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_multi.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000102218806-ducxb5-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #07172C;
+$colorbg: rgba(7,23,44,0.7);
+$colortext: #cbe3df;
+$color0: #AECD77;
+$color1: #3C6D8D;
+$color2: #5E9E96;
+$color3: #5EB2A8;
+$color4: #9ECEB0;
+$color5: #A2C3AD;
+$color6: #cbe3df;
+$color7: #5EB2A8;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_neon_bluered.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_neon_bluered.scss
new file mode 100755
index 000000000..f4739d271
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_neon_bluered.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #05040A;
+$colorbg: rgba(5,4,10,0.75);
+$colortext: #83cbe3;
+$color0: #46315F;
+$color1: #BD2925;
+$color2: #E6A567;
+$color3: #0B4B90;
+$color4: #1C5095;
+$color5: #1263AA;
+$color6: #83cbe3;
+$color7: #0B4B90;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_notfound.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_notfound.scss
new file mode 100755
index 000000000..a46fd755e
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_notfound.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/VPAbyHafVq4/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBPcSDAncsROkuIMYJHgZwUbfZGMg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #251923;
+$colorbg: rgba(37,25,35,0.7);
+$colortext: #ecdedf;
+$color0: #E26A78;
+$color1: #827590;
+$color2: #A67087;
+$color3: #E57485;
+$color4: #BD9DA2;
+$color5: #E5A0A2;
+$color6: #ecdedf;
+$color7: #E57485;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_nova.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_nova.scss
new file mode 100755
index 000000000..31cf85f1b
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_nova.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/OnVNcl7mX_Q/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBh9_sgGX3UhmFVI4HmgNskpjRy6w
+$colorbarbg: #070C12;
+$colorbg: rgba(7,12,18,0.75);
+$colortext: #e3e7ea;
+$color0: #32678E;
+$color1: #636790;
+$color2: #947694;
+$color3: #68A5C0;
+$color4: #A7A5B5;
+$color5: #95E2EB;
+$color6: #e3e7ea;
+$color7: #68A5C0;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_nowthatitstrue.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_nowthatitstrue.scss
new file mode 100755
index 000000000..7304109ea
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_nowthatitstrue.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-ztgvVI8fjqhzocM1-cFVrJw-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #17303c;
+$colorbg: rgba(23,48,60,0.7);
+$colortext: #e3eaee;
+$color0: #6FAED0;
+$color1: #8DAAB7;
+$color2: #A8C1BE;
+$color3: #8FB3CB;
+$color4: #9CBCD2;
+$color5: #A4D1E3;
+$color6: #e3eaee;
+$color7: #8FB3CB;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_outbreaker.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_outbreaker.scss
new file mode 100755
index 000000000..b7a097906
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_outbreaker.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: https://lh3.googleusercontent.com/mjuSrFmUlV0OV07Jwp8t4djDxzT2NHHTYP5e-lX3Al6GPJU2ZeB42W6zah4PsLaRYyRj0CgLpiKwAYg=w544-h544-l90-rj
+$colorbarbg: #18130e;
+$colorbg: rgba(24,19,14,0.75);
+$colortext: #e6e6df;
+$color0: #968F71;
+$color1: #CCA856;
+$color2: #387489;
+$color3: #5E8F8B;
+$color4: #9DA894;
+$color5: #D0CDA5;
+$color6: #e6e6df;
+$color7: #5E8F8B;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_outer.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_outer.scss
new file mode 100755
index 000000000..036867c94
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_outer.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/JkQ0izNVq6w/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLBWz3L9h6QvOBRnl4EQ25BULuM6zg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0d121b;
+$colorbg: rgba(13,18,27,0.75);
+$colortext: #a0bfbf;
+$color0: #465453;
+$color1: #57665B;
+$color2: #4A6D6D;
+$color3: #5A8875;
+$color4: #437B84;
+$color5: #3E8B95;
+$color6: #a0bfbf;
+$color7: #5A8875;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_pagoda.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_pagoda.scss
new file mode 100755
index 000000000..c83feb86d
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_pagoda.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000440501349-15fy1j-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0F1C30;
+$colorbg: rgba(15,28,48,0.7);
+$colortext: #c5e4ec;
+$color0: #556F93;
+$color1: #5F90AA;
+$color2: #3699C6;
+$color3: #5CABD3;
+$color4: #69D3EB;
+$color5: #9EA5B5;
+$color6: #c5e4ec;
+$color7: #5CABD3;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_piano.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_piano.scss
new file mode 100755
index 000000000..84c0528e1
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_piano.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #040E12;
+$colorbg: rgba(4,14,18,0.7);
+$colortext: #82e6f5;
+$color0: #405359;
+$color1: #07548B;
+$color2: #0A6DA3;
+$color3: #066BC8;
+$color4: #209FC4;
+$color5: #0C9DE0;
+$color6: #82e6f5;
+$color7: #066BC8;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_purpleplanet.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_purpleplanet.scss
new file mode 100755
index 000000000..4eedcf75f
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_purpleplanet.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000145811820-tdcxea-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #020204;
+$colorbg: rgba(2,2,4,0.7);
+$colortext: #eeddf4;
+$color0: #6F6BCF;
+$color1: #857AD7;
+$color2: #7E81DD;
+$color3: #9B87BB;
+$color4: #A198F2;
+$color5: #CBB6FA;
+$color6: #eeddf4;
+$color7: #9B87BB;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_questions.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_questions.scss
new file mode 100755
index 000000000..a554a0caf
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_questions.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/zvuFqUO0lVI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBBWCjrEnW6fFvusjyR20ghqVkuRQ
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0b0a2b;
+$colorbg: rgba(11,10,43,0.7);
+$colortext: #ece6e7;
+$color0: #974DEC;
+$color1: #679AD7;
+$color2: #78BED7;
+$color3: #A0A1D9;
+$color4: #BFACD9;
+$color5: #A1D7E2;
+$color6: #ece6e7;
+$color7: #A0A1D9;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_quicksand.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_quicksand.scss
new file mode 100755
index 000000000..18424f079
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_quicksand.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/sgfF7QXhNPA/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDCzrCG50-ll2-ilsgYtJI-YL8_iw
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #24253d;
+$colorbg: rgba(36,37,61,0.7);
+$colortext: #ece2e5;
+$color0: #62B3D4;
+$color1: #6CD0D0;
+$color2: #72E1DD;
+$color3: #E997AE;
+$color4: #C7ADC5;
+$color5: #9BDDDF;
+$color6: #ece2e5;
+$color7: #E997AE;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_raindrops.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_raindrops.scss
new file mode 100755
index 000000000..e3db8d541
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_raindrops.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/bQPEwCqhBjQ/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLC-aefrQSi8LgVWH_FeTG7Yrl7b-g
+$colorbarbg: #071E23;
+$colorbg: rgba(7,30,35,0.75);
+$colortext: #d9d4dc;
+$color0: #505F63;
+$color1: #727B84;
+$color2: #897F88;
+$color3: #78838B;
+$color4: #9E9BA7;
+$color5: #BBB5C5;
+$color6: #d9d4dc;
+$color7: #78838B;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_rebootcode.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_rebootcode.scss
new file mode 100755
index 000000000..0e87ff9fc
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_rebootcode.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-PkAvHpDy3ypruTdy-C5m8rA-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #091c22;
+$colorbg: rgba(9,28,34,0.3);
+$colortext: #c5d8d3;
+$color0: #159DA2;
+$color1: #5B9FA2;
+$color2: #1FC7B8;
+$color3: #5ECEBA;
+$color4: #2FC9C6;
+$color5: #62D7C9;
+$color6: #c5d8d3;
+$color7: #5ECEBA;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_red.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_red.scss
new file mode 100755
index 000000000..f0505380a
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_red.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-vz229DA99tPFdm3E-eDLGdQ-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #330a09;
+$colorbg: rgba(51,10,9,0.7);
+$colortext: #ebc9c4;
+$color0: #E93B2F;
+$color1: #B74037;
+$color2: #DF4C37;
+$color3: #EA4737;
+$color4: #E86155;
+$color5: #E78A75;
+$color6: #ebc9c4;
+$color7: #EA4737;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_ripples.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_ripples.scss
new file mode 100755
index 000000000..5f7a1638f
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_ripples.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/iwc8xXoL3WM/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBCdzgc6r9qvldRzSjRoZGX_vCpwg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #161a2e;
+$colorbg: rgba(22,26,46,0.7);
+$colortext: #e3ebf1;
+$color0: #31E3F5;
+$color1: #54DCF6;
+$color2: #6FE7FB;
+$color3: #CBA6D3;
+$color4: #91EBFB;
+$color5: #ACEBF6;
+$color6: #e3ebf1;
+$color7: #CBA6D3;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_running.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_running.scss
new file mode 100755
index 000000000..e0974b6c7
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_running.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/Crlc6AQr61M/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLDdQPef0Ec5x28JLgLCyT4Qa9JeqQ
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #201d2b;
+$colorbg: rgba(32,29,43,0.75);
+$colortext: #cbdee0;
+$color0: #8C77B7;
+$color1: #718C8F;
+$color2: #679D97;
+$color3: #4ED0C4;
+$color4: #91A8AD;
+$color5: #AAB4C7;
+$color6: #cbdee0;
+$color7: #4ED0C4;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_s73.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_s73.scss
new file mode 100755
index 000000000..e20accf94
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_s73.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000117563971-vx726i-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #110e0f;
+$colorbg: rgba(17,14,15,0.7);
+$colortext: #eee8e1;
+$color0: #A29EA5;
+$color1: #E499B3;
+$color2: #B1B8C5;
+$color3: #F79AC3;
+$color4: #93D0F2;
+$color5: #ECD8CF;
+$color6: #eee8e1;
+$color7: #F79AC3;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_shelter.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_shelter.scss
new file mode 100755
index 000000000..a480ff79d
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_shelter.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000189983181-azrg5q-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #121e2a;
+$colorbg: rgba(18,30,42,0.7);
+$colortext: #eeeac9;
+$color0: #ABB472;
+$color1: #5FAD9E;
+$color2: #2FECAD;
+$color3: #5DE9B0;
+$color4: #61FACD;
+$color5: #A3CAAA;
+$color6: #eeeac9;
+$color7: #5DE9B0;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_shiny.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_shiny.scss
new file mode 100755
index 000000000..2e38eefba
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_shiny.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0D0F2B;
+$colorbg: rgba(13,15,43,0.7);
+$colortext: #e2ecf5;
+$color0: #5C6ADF;
+$color1: #B650B9;
+$color2: #6798EE;
+$color3: #40C3F0;
+$color4: #999DE3;
+$color5: #BBC9EC;
+$color6: #e2ecf5;
+$color7: #40C3F0;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_something.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_something.scss
new file mode 100755
index 000000000..790a742b1
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_something.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-nL66GQT0mV6xB0sq-VWO0IQ-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #141030;
+$colorbg: rgba(20,16,48,0.7);
+$colortext: #e2e4e9;
+$color0: #C74DD3;
+$color1: #D14EED;
+$color2: #DA5BEE;
+$color3: #47D3F2;
+$color4: #B4BAD8;
+$color5: #CAACD3;
+$color6: #e2e4e9;
+$color7: #47D3F2;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_spacepark.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_spacepark.scss
new file mode 100755
index 000000000..772becf18
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_spacepark.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/4a7IQMXRTjo/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLAbgVnnrFumMO52CQqoOH07NAAoiw
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #180c09;
+$colorbg: rgba(24,12,9,0.75);
+$colortext: #efe1de;
+$color0: #D5754A;
+$color1: #D29156;
+$color2: #E9995F;
+$color3: #A49A98;
+$color4: #ECB19B;
+$color5: #F9C7B3;
+$color6: #efe1de;
+$color7: #A49A98;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_store.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_store.scss
new file mode 100755
index 000000000..0d7028c2c
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_store.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #1f1207;
+$colorbg: rgba(31,18,7,0.75);
+$colortext: #cad7db;
+$color0: #AF8D61;
+$color1: #CEB153;
+$color2: #D99C69;
+$color3: #7B8387;
+$color4: #E4A794;
+$color5: #EFD69C;
+$color6: #cad7db;
+$color7: #7B8387;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_stray.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_stray.scss
new file mode 100755
index 000000000..ad37ecac3
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_stray.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/wmxTC1Ekdl0/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLC3jHf2azRr9sX7Uf9X4jkA-WBouw
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #020408;
+$colorbg: rgba(2,4,8,0.7);
+$colortext: #96e7cb;
+$color0: #2A6D69;
+$color1: #4A736A;
+$color2: #1C8E6F;
+$color3: #56A264;
+$color4: #8EA36F;
+$color5: #28A58C;
+$color6: #96e7cb;
+$color7: #56A264;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_thinkingaboutyou.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_thinkingaboutyou.scss
new file mode 100755
index 000000000..cde93cadb
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_thinkingaboutyou.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-vh98Q4s3QFJT23EV-FvvRqg-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0a0115;
+$colorbg: rgba(10,1,21,0.7);
+$colortext: #a5e7ec;
+$color0: #265B9D;
+$color1: #5363A2;
+$color2: #416BCC;
+$color3: #9763B1;
+$color4: #2FAAC9;
+$color5: #5DA2D9;
+$color6: #a5e7ec;
+$color7: #9763B1;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_towerofheaven.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_towerofheaven.scss
new file mode 100755
index 000000000..519b30ae3
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_towerofheaven.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/z-sAl3S5qB8/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDzRfHxWNw0j06WF2biOQ-VbcUoTw
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #050908;
+$colorbg: rgba(5,9,8,0.7);
+$colortext: #e6eee7;
+$color0: #BDB85E;
+$color1: #376993;
+$color2: #639B9B;
+$color3: #43B9BF;
+$color4: #09ABE4;
+$color5: #ADCBBD;
+$color6: #e6eee7;
+$color7: #43B9BF;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_treecity.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_treecity.scss
new file mode 100755
index 000000000..78f49ceed
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_treecity.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #10100f;
+$colorbg: rgba(16,16,15,0.3);
+$colortext: #cececd;
+$color0: #70736B;
+$color1: #807E7D;
+$color2: #7C836E;
+$color3: #858B79;
+$color4: #90928C;
+$color5: #A1A596;
+$color6: #cececd;
+$color7: #858B79;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_ureshii.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_ureshii.scss
new file mode 100755
index 000000000..aae3af0ec
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_ureshii.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/wbKCxh6Cbas/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBGivzPsRD2wlU0kfKvi78QajjbbQ
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #191316;
+$colorbg: rgba(25,19,22,0.7);
+$colortext: #e2eef4;
+$color0: #57AED7;
+$color1: #ACA5AB;
+$color2: #E8A2AA;
+$color3: #F2B9C6;
+$color4: #ACDCF3;
+$color5: #EED1D4;
+$color6: #e2eef4;
+$color7: #F2B9C6;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_vacuumtrack.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_vacuumtrack.scss
new file mode 100755
index 000000000..0f681e589
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_vacuumtrack.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/1pS7H0idJok/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLArWcsuqPN1TEVR4A0ipjGuM69bsA
+$colorbarbg: #05070C;
+$colorbg: rgba(5,7,12,0.75);
+$colortext: #e1ecef;
+$color0: #60A15F;
+$color1: #2F728D;
+$color2: #50A0A6;
+$color3: #9AA8AB;
+$color4: #A9D4DF;
+$color5: #CDD7DB;
+$color6: #e1ecef;
+$color7: #9AA8AB;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_valhalla.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_valhalla.scss
new file mode 100755
index 000000000..cbe0dae5a
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_valhalla.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/-EDhOHxUYBI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDwfUPyaJr5NC-mDW_CQfTR2BzQgw
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0c0906;
+$colorbg: rgba(12,9,6,0.7);
+$colortext: #eae7df;
+$color0: #668C76;
+$color1: #A5916F;
+$color2: #C79C75;
+$color3: #ABA793;
+$color4: #CBB195;
+$color5: #D6CBAF;
+$color6: #eae7df;
+$color7: #ABA793;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_vertigo.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_vertigo.scss
new file mode 100755
index 000000000..ec4e8ac72
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_vertigo.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/TJB0vBURJu8/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBSn25aezZvjIetBF8GVsTMPat0Zw
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #1e133f;
+$colorbg: rgba(30,19,63,0.7);
+$colortext: #e9e1ed;
+$color0: #9D62AA;
+$color1: #B570BE;
+$color2: #B28EB6;
+$color3: #AE9FD6;
+$color4: #B692D2;
+$color5: #D0A1D9;
+$color6: #e9e1ed;
+$color7: #AE9FD6;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_viking.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_viking.scss
new file mode 100755
index 000000000..7c54645a3
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_viking.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000133005283-3v8p3y-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #071A1B;
+$colorbg: rgba(7,26,27,0.7);
+$colortext: #c5dddd;
+$color0: #43807F;
+$color1: #3F8181;
+$color2: #518F8F;
+$color3: #6FAAA9;
+$color4: #8CB6B6;
+$color5: #89C0C0;
+$color6: #c5dddd;
+$color7: #6FAAA9;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_virtuality_yellow.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_virtuality_yellow.scss
new file mode 100755
index 000000000..ffafc2eca
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_virtuality_yellow.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000206124670-565xt2-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0a0604;
+$colorbg: rgba(10,6,4,0.3);
+$colortext: #e9e2a8;
+$color0: #64544E;
+$color1: #8F6A1E;
+$color2: #9A6A4F;
+$color3: #A39716;
+$color4: #BFAF39;
+$color5: #978969;
+$color6: #e9e2a8;
+$color7: #A39716;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_wayfire.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_wayfire.scss
new file mode 100755
index 000000000..7e9325bdc
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_wayfire.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0d0c0b;
+$colorbg: rgba(13,12,11,0.7);
+$colortext: #b0b2bf;
+$color0: #5D522D;
+$color1: #4F4A4B;
+$color2: #6C6159;
+$color3: #8E6D47;
+$color4: #A4965A;
+$color5: #B8A642;
+$color6: #b0b2bf;
+$color7: #8E6D47;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_winglow.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_winglow.scss
new file mode 100755
index 000000000..7164b2653
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_winglow.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0a010c;
+$colorbg: rgba(10,1,12,0.3);
+$colortext: #cf9fd6;
+$color0: #A33449;
+$color1: #941463;
+$color2: #F48F79;
+$color3: #63059A;
+$color4: #4E10A3;
+$color5: #960CA4;
+$color6: #cf9fd6;
+$color7: #63059A;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_wontletyougo.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_wontletyougo.scss
new file mode 100755
index 000000000..78ed56f18
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_wontletyougo.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-TjOvf5O3gR9APB4i-XDwyyQ-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #010102;
+$colorbg: rgba(1,1,2,0.7);
+$colortext: #e7e0f2;
+$color0: #7B8AD7;
+$color1: #8FA5AB;
+$color2: #97C5B8;
+$color3: #A7A2E4;
+$color4: #CEADF7;
+$color5: #ADC8E1;
+$color6: #e7e0f2;
+$color7: #A7A2E4;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_yae.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_yae.scss
new file mode 100755
index 000000000..a3ae4199f
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_yae.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/_WUbjkbo_68/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLD21OKbXXt2noW8DCM03zaAWn4ayw
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #25212e;
+$colorbg: rgba(37,33,46,0.7);
+$colortext: #ebe5e4;
+$color0: #A59AA1;
+$color1: #EA9EA6;
+$color2: #EDD2AD;
+$color3: #B9AFCB;
+$color4: #E0B7C9;
+$color5: #F9CFCD;
+$color6: #ebe5e4;
+$color7: #B9AFCB;
diff --git a/hybrid/.config/eww/css/savedcolors/_colorscheme_zoetrope.scss b/hybrid/.config/eww/css/savedcolors/_colorscheme_zoetrope.scss
new file mode 100755
index 000000000..a0576d37b
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_colorscheme_zoetrope.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/VFQJtOWvLj8/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLAhXM1ytyNZdqR6WDnwGXH2ennWHQ
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #33212e;
+$colorbg: rgba(51,33,46,0.3);
+$colortext: #e7e1e0;
+$color0: #A9959D;
+$color1: #D7A2A6;
+$color2: #D0B1B3;
+$color3: #E3C5BC;
+$color4: #D3BDC3;
+$color5: #EBD2CE;
+$color6: #e7e1e0;
+$color7: #E3C5BC;
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_Catppuccin-Mocha.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_Catppuccin-Mocha.txt
new file mode 100755
index 000000000..abede6734
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_Catppuccin-Mocha.txt
@@ -0,0 +1,6 @@
+#d2ccc4
+#a68f81
+#8b7265
+#e0dbd1
+#c3b1a1
+#c3b1a1
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_alive.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_alive.txt
new file mode 100755
index 000000000..595527edd
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_alive.txt
@@ -0,0 +1 @@
+#ffdf95
\ No newline at end of file
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_amaryllis.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_amaryllis.txt
new file mode 100755
index 000000000..31301d25f
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_amaryllis.txt
@@ -0,0 +1 @@
+#d7cdcf
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_andromeda.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_andromeda.txt
new file mode 100755
index 000000000..0dba228f3
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_andromeda.txt
@@ -0,0 +1 @@
+#cbe3df
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_artemis.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_artemis.txt
new file mode 100755
index 000000000..21f41f9d2
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_artemis.txt
@@ -0,0 +1 @@
+#a7e2ee
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_atermis.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_atermis.txt
new file mode 100755
index 000000000..21f41f9d2
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_atermis.txt
@@ -0,0 +1 @@
+#a7e2ee
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_berightthere.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_berightthere.txt
new file mode 100755
index 000000000..5c7449ce3
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_berightthere.txt
@@ -0,0 +1 @@
+#e6c5cc
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_bittersweet.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_bittersweet.txt
new file mode 100755
index 000000000..bf0cf0602
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_bittersweet.txt
@@ -0,0 +1 @@
+#ffd9e1
\ No newline at end of file
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_blessingbeat.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_blessingbeat.txt
new file mode 100755
index 000000000..897e606b7
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_blessingbeat.txt
@@ -0,0 +1 @@
+#6ff6ff
\ No newline at end of file
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_bluenation.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_bluenation.txt
new file mode 100755
index 000000000..75c915a19
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_bluenation.txt
@@ -0,0 +1,6 @@
+#d7e2ff
+#dfbbde
+#9F9BAB
+#A2AECF
+#CFB7CE
+#CFB7CE
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_bluenation_purple.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_bluenation_purple.txt
new file mode 100755
index 000000000..5f4ff17b9
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_bluenation_purple.txt
@@ -0,0 +1,6 @@
+#dde0ff
+#e5bad7
+#63A0D4
+#9BA1CF
+#D2B6D5
+#D2B6D5
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_blueroar.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_blueroar.txt
new file mode 100755
index 000000000..123e84280
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_blueroar.txt
@@ -0,0 +1,6 @@
+#4bfbeb
+#aec9e6
+#C24BB3
+#32EBDC
+#4FE0DB
+#4FE0DB
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_breakaway.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_breakaway.txt
new file mode 100755
index 000000000..8713ee1e6
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_breakaway.txt
@@ -0,0 +1 @@
+#e0eaf5
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_bunnygirl.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_bunnygirl.txt
new file mode 100755
index 000000000..bb64bfbd2
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_bunnygirl.txt
@@ -0,0 +1 @@
+#96cfeb
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_bythesunlitwindow.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_bythesunlitwindow.txt
new file mode 100755
index 000000000..330755cf1
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_bythesunlitwindow.txt
@@ -0,0 +1,6 @@
+#f7d9ff
+#f4b7b6
+#AA7AC3
+#B786CE
+#D198D6
+#D198D6
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_crystalcave.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_crystalcave.txt
new file mode 100755
index 000000000..ecfa0a4a7
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_crystalcave.txt
@@ -0,0 +1 @@
+#e4e9ed
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_cutelight.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_cutelight.txt
new file mode 100755
index 000000000..1def8a16a
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_cutelight.txt
@@ -0,0 +1 @@
+#4B4752
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_cycles.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_cycles.txt
new file mode 100755
index 000000000..aac163791
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_cycles.txt
@@ -0,0 +1 @@
+#ddcdc3
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_decoyworld.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_decoyworld.txt
new file mode 100755
index 000000000..7a248511c
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_decoyworld.txt
@@ -0,0 +1 @@
+#c5eff0
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_default.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_default.txt
new file mode 100755
index 000000000..75c915a19
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_default.txt
@@ -0,0 +1,6 @@
+#d7e2ff
+#dfbbde
+#9F9BAB
+#A2AECF
+#CFB7CE
+#CFB7CE
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_disconnectedblue.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_disconnectedblue.txt
new file mode 100755
index 000000000..38ea0f973
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_disconnectedblue.txt
@@ -0,0 +1 @@
+#ebe9e4
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_disconnectedblue_dark.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_disconnectedblue_dark.txt
new file mode 100755
index 000000000..f2f9c622f
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_disconnectedblue_dark.txt
@@ -0,0 +1 @@
+#6ef6fb
\ No newline at end of file
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_eclipse.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_eclipse.txt
new file mode 100755
index 000000000..5f87838cd
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_eclipse.txt
@@ -0,0 +1 @@
+#e1ccd3
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_eternalmelody.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_eternalmelody.txt
new file mode 100755
index 000000000..bc7977f37
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_eternalmelody.txt
@@ -0,0 +1 @@
+#dec8d0
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_euphoria.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_euphoria.txt
new file mode 100755
index 000000000..0c55b37b7
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_euphoria.txt
@@ -0,0 +1 @@
+#e9dfab
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_everythinggoeson.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_everythinggoeson.txt
new file mode 100755
index 000000000..142a387de
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_everythinggoeson.txt
@@ -0,0 +1 @@
+#f5deec
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_finale.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_finale.txt
new file mode 100755
index 000000000..f5816098c
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_finale.txt
@@ -0,0 +1 @@
+#ffdad4
\ No newline at end of file
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_flare.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_flare.txt
new file mode 100755
index 000000000..61e55c5c0
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_flare.txt
@@ -0,0 +1,6 @@
+#ffdbc4
+#caca93
+#92360F
+#A7683C
+#DA681D
+#DA681D
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_flate.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_flate.txt
new file mode 100755
index 000000000..61e55c5c0
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_flate.txt
@@ -0,0 +1,6 @@
+#ffdbc4
+#caca93
+#92360F
+#A7683C
+#DA681D
+#DA681D
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_flowers.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_flowers.txt
new file mode 100755
index 000000000..b932cb347
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_flowers.txt
@@ -0,0 +1 @@
+#e7e4e2
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_forest_bluegreen.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_forest_bluegreen.txt
new file mode 100755
index 000000000..247ae7045
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_forest_bluegreen.txt
@@ -0,0 +1,6 @@
+#c0e8ff
+#c9c1ea
+#BCBD58
+#4C748A
+#6B919C
+#6B919C
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_forever.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_forever.txt
new file mode 100755
index 000000000..c3b1616ef
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_forever.txt
@@ -0,0 +1 @@
+#a1c6e4
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_forsythia.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_forsythia.txt
new file mode 100755
index 000000000..9fc138a74
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_forsythia.txt
@@ -0,0 +1 @@
+#f1ece0
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_frozenheart.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_frozenheart.txt
new file mode 100755
index 000000000..2d20fd7db
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_frozenheart.txt
@@ -0,0 +1 @@
+#e9e5e8
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_genshinbeach.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_genshinbeach.txt
new file mode 100755
index 000000000..5d64895c6
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_genshinbeach.txt
@@ -0,0 +1,6 @@
+#b5eaff
+#c3c3eb
+#92CBF6
+#B0E2F7
+#E7D2D7
+#E7D2D7
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_godrays.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_godrays.txt
new file mode 100755
index 000000000..dc393fea8
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_godrays.txt
@@ -0,0 +1,6 @@
+#f9e467
+#a7d0b5
+#8B7521
+#9F8F28
+#B9AA4C
+#B9AA4C
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_green.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_green.txt
new file mode 100755
index 000000000..9cffb064b
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_green.txt
@@ -0,0 +1 @@
+#c9f089
\ No newline at end of file
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_ice.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_ice.txt
new file mode 100755
index 000000000..efd783667
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_ice.txt
@@ -0,0 +1 @@
+#dee6ed
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_innovation.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_innovation.txt
new file mode 100755
index 000000000..683889c6a
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_innovation.txt
@@ -0,0 +1 @@
+#e8dfec
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_iswear.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_iswear.txt
new file mode 100755
index 000000000..d47004ea0
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_iswear.txt
@@ -0,0 +1 @@
+#f5eae1
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_iwillpickyouup.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_iwillpickyouup.txt
new file mode 100755
index 000000000..16a49eeec
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_iwillpickyouup.txt
@@ -0,0 +1 @@
+#d6d6d6
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_kurumi.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_kurumi.txt
new file mode 100755
index 000000000..2af9eb4db
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_kurumi.txt
@@ -0,0 +1 @@
+#e8e1e3
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_lazertrack.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_lazertrack.txt
new file mode 100755
index 000000000..4174d0be4
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_lazertrack.txt
@@ -0,0 +1 @@
+#e8d0dd
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_lullaby.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_lullaby.txt
new file mode 100755
index 000000000..3ae8cc77b
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_lullaby.txt
@@ -0,0 +1 @@
+#9fd7d5
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_meltdown.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_meltdown.txt
new file mode 100755
index 000000000..a81219eab
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_meltdown.txt
@@ -0,0 +1,6 @@
+#c3e7ff
+#cac1e9
+#106FAF
+#2B89B4
+#3AAED8
+#3AAED8
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_mirror.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_mirror.txt
new file mode 100755
index 000000000..1ef2957f8
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_mirror.txt
@@ -0,0 +1 @@
+#e2e4f0
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_monster.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_monster.txt
new file mode 100755
index 000000000..c73191d97
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_monster.txt
@@ -0,0 +1 @@
+#e5f0e2
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_moonlight.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_moonlight.txt
new file mode 100755
index 000000000..8cc1b612b
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_moonlight.txt
@@ -0,0 +1 @@
+#a7bbe0
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_multi.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_multi.txt
new file mode 100755
index 000000000..0dba228f3
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_multi.txt
@@ -0,0 +1 @@
+#cbe3df
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_neon_bluered.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_neon_bluered.txt
new file mode 100755
index 000000000..791bffab9
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_neon_bluered.txt
@@ -0,0 +1 @@
+#d5e3ff
\ No newline at end of file
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_notfound.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_notfound.txt
new file mode 100755
index 000000000..e032375c0
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_notfound.txt
@@ -0,0 +1 @@
+#ecdedf
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_nova.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_nova.txt
new file mode 100755
index 000000000..fae2f3967
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_nova.txt
@@ -0,0 +1,6 @@
+#bae9ff
+#c6c3ea
+#636790
+#68A5C0
+#A7A5B5
+#A7A5B5
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_nowthatitstrue.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_nowthatitstrue.txt
new file mode 100755
index 000000000..285d90252
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_nowthatitstrue.txt
@@ -0,0 +1 @@
+#e3eaee
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_outbreaker.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_outbreaker.txt
new file mode 100755
index 000000000..ce0324384
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_outbreaker.txt
@@ -0,0 +1,6 @@
+#71f7ef
+#b0c9e7
+#CCA856
+#5E8F8B
+#9DA894
+#9DA894
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_outer.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_outer.txt
new file mode 100755
index 000000000..645ff371f
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_outer.txt
@@ -0,0 +1,6 @@
+#84f8cd
+#a7cce0
+#57665B
+#5A8875
+#437B84
+#437B84
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_pagoda.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_pagoda.txt
new file mode 100755
index 000000000..f8be0e86d
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_pagoda.txt
@@ -0,0 +1 @@
+#c5e4ec
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_piano.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_piano.txt
new file mode 100755
index 000000000..6e94c049f
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_piano.txt
@@ -0,0 +1 @@
+#82e6f5
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_purpleplanet.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_purpleplanet.txt
new file mode 100755
index 000000000..03a837cec
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_purpleplanet.txt
@@ -0,0 +1 @@
+#eeddf4
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_questions.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_questions.txt
new file mode 100755
index 000000000..f8b53f6ef
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_questions.txt
@@ -0,0 +1 @@
+#ece6e7
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_quicksand.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_quicksand.txt
new file mode 100755
index 000000000..87cf03468
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_quicksand.txt
@@ -0,0 +1 @@
+#ece2e5
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_raindrops.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_raindrops.txt
new file mode 100755
index 000000000..cc8552b8b
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_raindrops.txt
@@ -0,0 +1,6 @@
+#c3e8ff
+#cac1ea
+#727B84
+#78838B
+#9E9BA7
+#9E9BA7
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_rebootcode.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_rebootcode.txt
new file mode 100755
index 000000000..a130b854f
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_rebootcode.txt
@@ -0,0 +1 @@
+#c5d8d3
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_red.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_red.txt
new file mode 100755
index 000000000..f6d8db313
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_red.txt
@@ -0,0 +1 @@
+#ebc9c4
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_ripples.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_ripples.txt
new file mode 100755
index 000000000..c70141b00
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_ripples.txt
@@ -0,0 +1 @@
+#e3ebf1
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_running.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_running.txt
new file mode 100755
index 000000000..a65223a34
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_running.txt
@@ -0,0 +1 @@
+#72f7ea
\ No newline at end of file
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_s73.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_s73.txt
new file mode 100755
index 000000000..249c3c52c
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_s73.txt
@@ -0,0 +1 @@
+#eee8e1
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_shelter.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_shelter.txt
new file mode 100755
index 000000000..31a5b7ea8
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_shelter.txt
@@ -0,0 +1 @@
+#eeeac9
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_shiny.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_shiny.txt
new file mode 100755
index 000000000..250e2a702
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_shiny.txt
@@ -0,0 +1 @@
+#e2ecf5
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_something.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_something.txt
new file mode 100755
index 000000000..93cdd741d
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_something.txt
@@ -0,0 +1 @@
+#e2e4e9
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_spacepark.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_spacepark.txt
new file mode 100755
index 000000000..61983944b
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_spacepark.txt
@@ -0,0 +1 @@
+#ffdad1
\ No newline at end of file
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_store.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_store.txt
new file mode 100755
index 000000000..61e55c5c0
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_store.txt
@@ -0,0 +1,6 @@
+#ffdbc4
+#caca93
+#92360F
+#A7683C
+#DA681D
+#DA681D
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_stray.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_stray.txt
new file mode 100755
index 000000000..0a1458c40
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_stray.txt
@@ -0,0 +1 @@
+#96e7cb
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_thinkingaboutyou.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_thinkingaboutyou.txt
new file mode 100755
index 000000000..d97e7b38c
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_thinkingaboutyou.txt
@@ -0,0 +1 @@
+#a5e7ec
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_towerofheaven.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_towerofheaven.txt
new file mode 100755
index 000000000..0b4f6e9b9
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_towerofheaven.txt
@@ -0,0 +1 @@
+#e6eee7
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_treecity.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_treecity.txt
new file mode 100755
index 000000000..f1120685e
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_treecity.txt
@@ -0,0 +1 @@
+#c4f08b
\ No newline at end of file
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_ureshii.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_ureshii.txt
new file mode 100755
index 000000000..8fc893997
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_ureshii.txt
@@ -0,0 +1 @@
+#e2eef4
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_vacuumtrack.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_vacuumtrack.txt
new file mode 100755
index 000000000..c83c8d6d3
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_vacuumtrack.txt
@@ -0,0 +1,6 @@
+#97f0ff
+#bbc5ea
+#2F728D
+#9AA8AB
+#A9D4DF
+#A9D4DF
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_valhalla.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_valhalla.txt
new file mode 100755
index 000000000..fd0bc02df
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_valhalla.txt
@@ -0,0 +1 @@
+#eae7df
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_vertigo.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_vertigo.txt
new file mode 100755
index 000000000..471fdce65
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_vertigo.txt
@@ -0,0 +1 @@
+#e9e1ed
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_viking.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_viking.txt
new file mode 100755
index 000000000..f58534ec2
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_viking.txt
@@ -0,0 +1 @@
+#c5dddd
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_virtuality_yellow.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_virtuality_yellow.txt
new file mode 100755
index 000000000..e13e1c817
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_virtuality_yellow.txt
@@ -0,0 +1 @@
+#e9e2a8
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_wayfire.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_wayfire.txt
new file mode 100755
index 000000000..419e223ba
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_wayfire.txt
@@ -0,0 +1 @@
+#b0b2bf
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_winglow.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_winglow.txt
new file mode 100755
index 000000000..06ff4b7b7
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_winglow.txt
@@ -0,0 +1 @@
+#cf9fd6
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_wontletyougo.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_wontletyougo.txt
new file mode 100755
index 000000000..8c7edb085
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_wontletyougo.txt
@@ -0,0 +1 @@
+#e7e0f2
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_yae.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_yae.txt
new file mode 100755
index 000000000..c23614975
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_yae.txt
@@ -0,0 +1 @@
+#ebe5e4
diff --git a/hybrid/.config/eww/css/savedcolors/_iconcolor_zoetrope.txt b/hybrid/.config/eww/css/savedcolors/_iconcolor_zoetrope.txt
new file mode 100755
index 000000000..237c81ae7
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_iconcolor_zoetrope.txt
@@ -0,0 +1 @@
+#ffdbcf
\ No newline at end of file
diff --git a/hybrid/.config/eww/css/savedcolors/_material_Catppuccin-Mocha.scss b/hybrid/.config/eww/css/savedcolors/_material_Catppuccin-Mocha.scss
new file mode 100755
index 000000000..9db7ffad8
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_Catppuccin-Mocha.scss
@@ -0,0 +1,27 @@
+$primary: #89b4fa;
+$onPrimary: #181825;
+$primaryContainer: #74c7ec;
+$onPrimaryContainer: #f5e0dc;
+$secondary: #bac2de;
+$onSecondary: #313244;
+$secondaryContainer: #585b70;
+$onSecondaryContainer: #f5e0dc;
+$tertiary: #f5c2e7;
+$onTertiary: #45475a;
+$tertiaryContainer: #9399b2;
+$onTertiaryContainer: #f5e0dc;
+$error: #fab387;
+$onError: #11111b;
+$errorContainer: #f38ba8;
+$onErrorContainer: #fab387;
+$colorbarbg: #1e1e2e;
+$onBackground: #cdd6f4;
+$surface: #1e1e2e;
+$onSurface: #cdd6f4;
+$surfaceVariant: #585b70;
+$onSurfaceVariant: #bac2de;
+$outline: #9399b2;
+$shadow: #11111b;
+$inverseSurface: #cdd6f4;
+$inverseOnSurface: #313244;
+$inversePrimary: #74c7ec;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_alive.scss b/hybrid/.config/eww/css/savedcolors/_material_alive.scss
new file mode 100755
index 000000000..a02643174
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_alive.scss
@@ -0,0 +1,27 @@
+$primary: #f0c048;
+$onPrimary: #3f2e00;
+$primaryContainer: #5b4300;
+$onPrimaryContainer: #ffdf95;
+$secondary: #d7c4a0;
+$onSecondary: #3a2f16;
+$secondaryContainer: #52452a;
+$onSecondaryContainer: #f4e0ba;
+$tertiary: #b0cfab;
+$onTertiary: #1c361d;
+$tertiaryContainer: #324d31;
+$onTertiaryContainer: #cbebc5;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1e1b16;
+$onBackground: #e8e1d8;
+$surface: #1e1b16;
+$onSurface: #e8e1d8;
+$surfaceVariant: #4d4639;
+$onSurfaceVariant: #d0c5b4;
+$outline: #999080;
+$shadow: #000000;
+$inverseSurface: #e8e1d8;
+$inverseOnSurface: #34302a;
+$inversePrimary: #785900;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_amaryllis.scss b/hybrid/.config/eww/css/savedcolors/_material_amaryllis.scss
new file mode 100755
index 000000000..99d2a132f
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_amaryllis.scss
@@ -0,0 +1,27 @@
+$primary: #f0afff;
+$onPrimary: #4d1661;
+$primaryContainer: #662f79;
+$onPrimaryContainer: #fbd7ff;
+$secondary: #d5c0d7;
+$onSecondary: #3a2c3d;
+$secondaryContainer: #514254;
+$onSecondaryContainer: #f2dcf3;
+$tertiary: #f5b7b3;
+$onTertiary: #4c2523;
+$tertiaryContainer: #663b38;
+$onTertiaryContainer: #ffdad6;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1e1a1e;
+$onBackground: #e8e0e5;
+$surface: #1e1a1e;
+$onSurface: #e8e0e5;
+$surfaceVariant: #4c444d;
+$onSurfaceVariant: #cfc3cd;
+$outline: #988e97;
+$shadow: #000000;
+$inverseSurface: #e8e0e5;
+$inverseOnSurface: #332f33;
+$inversePrimary: #804893;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_berightthere.scss b/hybrid/.config/eww/css/savedcolors/_material_berightthere.scss
new file mode 100755
index 000000000..528f41eb6
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_berightthere.scss
@@ -0,0 +1,27 @@
+$primary: #ffb1c8;
+$onPrimary: #5e1030;
+$primaryContainer: #7b2846;
+$onPrimaryContainer: #ffd9e3;
+$secondary: #e3bcc5;
+$onSecondary: #422930;
+$secondaryContainer: #5a3f46;
+$onSecondaryContainer: #ffd9e1;
+$tertiary: #eebd93;
+$onTertiary: #47290a;
+$tertiaryContainer: #613f1f;
+$onTertiaryContainer: #ffdcbd;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #201a1b;
+$onBackground: #ebe0e1;
+$surface: #201a1b;
+$onSurface: #ebe0e1;
+$surfaceVariant: #514346;
+$onSurfaceVariant: #d6c2c6;
+$outline: #9e8d90;
+$shadow: #000000;
+$inverseSurface: #ebe0e1;
+$inverseOnSurface: #352f30;
+$inversePrimary: #99405e;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_bittersweet.scss b/hybrid/.config/eww/css/savedcolors/_material_bittersweet.scss
new file mode 100755
index 000000000..2219e1097
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_bittersweet.scss
@@ -0,0 +1,27 @@
+$primary: #ffb1c4;
+$onPrimary: #5e112c;
+$primaryContainer: #7c2842;
+$onPrimaryContainer: #ffd9e1;
+$secondary: #e4bdc4;
+$onSecondary: #43292f;
+$secondaryContainer: #5b3f45;
+$onSecondaryContainer: #ffd9e0;
+$tertiary: #edbe91;
+$onTertiary: #462a09;
+$tertiaryContainer: #60401d;
+$onTertiaryContainer: #ffdcba;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #201a1b;
+$onBackground: #ecdfe0;
+$surface: #201a1b;
+$onSurface: #ecdfe0;
+$surfaceVariant: #524346;
+$onSurfaceVariant: #d6c1c4;
+$outline: #9f8c8f;
+$shadow: #000000;
+$inverseSurface: #ecdfe0;
+$inverseOnSurface: #362f30;
+$inversePrimary: #994059;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_blessingbeat.scss b/hybrid/.config/eww/css/savedcolors/_material_blessingbeat.scss
new file mode 100755
index 000000000..78cf651c8
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_blessingbeat.scss
@@ -0,0 +1,27 @@
+$primary: #4cd9e2;
+$onPrimary: #00363a;
+$primaryContainer: #004f54;
+$onPrimaryContainer: #6ff6ff;
+$secondary: #b1ccce;
+$onSecondary: #1b3436;
+$secondaryContainer: #324b4d;
+$onSecondaryContainer: #cce8ea;
+$tertiary: #b6c7ea;
+$onTertiary: #20314c;
+$tertiaryContainer: #364764;
+$onTertiaryContainer: #d5e3ff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1c;
+$onBackground: #e0e3e3;
+$surface: #191c1c;
+$onSurface: #e0e3e3;
+$surfaceVariant: #3f494a;
+$onSurfaceVariant: #bec8c8;
+$outline: #899394;
+$shadow: #000000;
+$inverseSurface: #e0e3e3;
+$inverseOnSurface: #2e3131;
+$inversePrimary: #00696f;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_bluenation.scss b/hybrid/.config/eww/css/savedcolors/_material_bluenation.scss
new file mode 100755
index 000000000..15525e274
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_bluenation.scss
@@ -0,0 +1,27 @@
+$primary: #adc6ff;
+$onPrimary: #002d6f;
+$primaryContainer: #17448f;
+$onPrimaryContainer: #d7e2ff;
+$secondary: #bfc6dd;
+$onSecondary: #293041;
+$secondaryContainer: #3f4659;
+$onSecondaryContainer: #dbe2f9;
+$tertiary: #dfbbde;
+$onTertiary: #412743;
+$tertiaryContainer: #593e5a;
+$onTertiaryContainer: #fcd7fa;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1b1b1e;
+$onBackground: #e4e2e6;
+$surface: #1b1b1e;
+$onSurface: #e4e2e6;
+$surfaceVariant: #44464e;
+$onSurfaceVariant: #c5c6d0;
+$outline: #8e9099;
+$shadow: #000000;
+$inverseSurface: #e4e2e6;
+$inverseOnSurface: #303033;
+$inversePrimary: #355ca8;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_bluenation_purple.scss b/hybrid/.config/eww/css/savedcolors/_material_bluenation_purple.scss
new file mode 100755
index 000000000..9d98756a6
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_bluenation_purple.scss
@@ -0,0 +1,27 @@
+$primary: #b9c3ff;
+$onPrimary: #182779;
+$primaryContainer: #313f90;
+$onPrimaryContainer: #dde0ff;
+$secondary: #c4c5dd;
+$onSecondary: #2d2f42;
+$secondaryContainer: #434559;
+$onSecondaryContainer: #e0e1fa;
+$tertiary: #e5bad7;
+$onTertiary: #44263d;
+$tertiaryContainer: #5d3c55;
+$onTertiaryContainer: #ffd7f3;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1b1b1f;
+$onBackground: #e4e1e6;
+$surface: #1b1b1f;
+$onSurface: #e4e1e6;
+$surfaceVariant: #46464f;
+$onSurfaceVariant: #c6c5cf;
+$outline: #90909a;
+$shadow: #000000;
+$inverseSurface: #e4e1e6;
+$inverseOnSurface: #303034;
+$inversePrimary: #4a58a9;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_blueroar.scss b/hybrid/.config/eww/css/savedcolors/_material_blueroar.scss
new file mode 100755
index 000000000..6a0dba949
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_blueroar.scss
@@ -0,0 +1,27 @@
+$primary: #0adecf;
+$onPrimary: #003732;
+$primaryContainer: #005049;
+$onPrimaryContainer: #4bfbeb;
+$secondary: #b0ccc7;
+$onSecondary: #1b3532;
+$secondaryContainer: #324b48;
+$onSecondaryContainer: #cce9e4;
+$tertiary: #aec9e6;
+$onTertiary: #17324a;
+$tertiaryContainer: #2f4961;
+$onTertiaryContainer: #cce5ff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1c;
+$onBackground: #e0e3e1;
+$surface: #191c1c;
+$onSurface: #e0e3e1;
+$surfaceVariant: #3f4947;
+$onSurfaceVariant: #bec9c6;
+$outline: #889391;
+$shadow: #000000;
+$inverseSurface: #e0e3e1;
+$inverseOnSurface: #2d3130;
+$inversePrimary: #006a62;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_bythesunlitwindow.scss b/hybrid/.config/eww/css/savedcolors/_material_bythesunlitwindow.scss
new file mode 100755
index 000000000..9a683d5ad
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_bythesunlitwindow.scss
@@ -0,0 +1,27 @@
+$primary: #e9b2ff;
+$onPrimary: #4a1765;
+$primaryContainer: #62307c;
+$onPrimaryContainer: #f7d9ff;
+$secondary: #d3c0d7;
+$onSecondary: #392c3e;
+$secondaryContainer: #504255;
+$onSecondaryContainer: #f0dcf4;
+$tertiary: #f4b7b6;
+$onTertiary: #4c2526;
+$tertiaryContainer: #663b3b;
+$onTertiaryContainer: #ffdad9;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1d1b1e;
+$onBackground: #e7e0e4;
+$surface: #1d1b1e;
+$onSurface: #e7e0e4;
+$surfaceVariant: #4b444d;
+$onSurfaceVariant: #cec3ce;
+$outline: #978e97;
+$shadow: #000000;
+$inverseSurface: #e7e0e4;
+$inverseOnSurface: #322f32;
+$inversePrimary: #7c4996;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_crystalcave.scss b/hybrid/.config/eww/css/savedcolors/_material_crystalcave.scss
new file mode 100755
index 000000000..26bb3cb24
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_crystalcave.scss
@@ -0,0 +1,27 @@
+$primary: #58d6f7;
+$onPrimary: #003642;
+$primaryContainer: #004e5f;
+$onPrimaryContainer: #acecff;
+$secondary: #b2cad3;
+$onSecondary: #1d343b;
+$secondaryContainer: #344a51;
+$onSecondaryContainer: #cee7f0;
+$tertiary: #c0c4eb;
+$onTertiary: #2a2e4d;
+$tertiaryContainer: #404565;
+$onTertiaryContainer: #dde0ff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1d;
+$onBackground: #e1e3e4;
+$surface: #191c1d;
+$onSurface: #e1e3e4;
+$surfaceVariant: #40484b;
+$onSurfaceVariant: #bfc8cc;
+$outline: #899295;
+$shadow: #000000;
+$inverseSurface: #e1e3e4;
+$inverseOnSurface: #2e3132;
+$inversePrimary: #00677c;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_cutelight.scss b/hybrid/.config/eww/css/savedcolors/_material_cutelight.scss
new file mode 100755
index 000000000..ac4a127de
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_cutelight.scss
@@ -0,0 +1,27 @@
+$primary: #0062a0;
+$onPrimary: #ffffff;
+$primaryContainer: #cfe5ff;
+$onPrimaryContainer: #001d35;
+$secondary: #526070;
+$onSecondary: #ffffff;
+$secondaryContainer: #d6e4f7;
+$onSecondaryContainer: #0e1d2a;
+$tertiary: #695779;
+$onTertiary: #ffffff;
+$tertiaryContainer: #f1daff;
+$onTertiaryContainer: #241533;
+$error: #ba1b1b;
+$onError: #ffffff;
+$errorContainer: #ffdad4;
+$onErrorContainer: #410001;
+$colorbarbg: #fdfcff;
+$onBackground: #1a1c1e;
+$surface: #fdfcff;
+$onSurface: #1a1c1e;
+$surfaceVariant: #dfe3eb;
+$onSurfaceVariant: #42474e;
+$outline: #73777e;
+$shadow: #000000;
+$inverseSurface: #2f3033;
+$inverseOnSurface: #f0f0f3;
+$inversePrimary: #97cbff;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_default.scss b/hybrid/.config/eww/css/savedcolors/_material_default.scss
new file mode 100755
index 000000000..15525e274
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_default.scss
@@ -0,0 +1,27 @@
+$primary: #adc6ff;
+$onPrimary: #002d6f;
+$primaryContainer: #17448f;
+$onPrimaryContainer: #d7e2ff;
+$secondary: #bfc6dd;
+$onSecondary: #293041;
+$secondaryContainer: #3f4659;
+$onSecondaryContainer: #dbe2f9;
+$tertiary: #dfbbde;
+$onTertiary: #412743;
+$tertiaryContainer: #593e5a;
+$onTertiaryContainer: #fcd7fa;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1b1b1e;
+$onBackground: #e4e2e6;
+$surface: #1b1b1e;
+$onSurface: #e4e2e6;
+$surfaceVariant: #44464e;
+$onSurfaceVariant: #c5c6d0;
+$outline: #8e9099;
+$shadow: #000000;
+$inverseSurface: #e4e2e6;
+$inverseOnSurface: #303033;
+$inversePrimary: #355ca8;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_disconnectedblue_dark.scss b/hybrid/.config/eww/css/savedcolors/_material_disconnectedblue_dark.scss
new file mode 100755
index 000000000..9b7050572
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_disconnectedblue_dark.scss
@@ -0,0 +1,27 @@
+$primary: #4bd9de;
+$onPrimary: #003739;
+$primaryContainer: #004f52;
+$onPrimaryContainer: #6ef6fb;
+$secondary: #b1cccd;
+$onSecondary: #1b3435;
+$secondaryContainer: #324b4c;
+$onSecondaryContainer: #cce8e8;
+$tertiary: #b4c7e9;
+$onTertiary: #1e314c;
+$tertiaryContainer: #354763;
+$onTertiaryContainer: #d3e3ff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1c;
+$onBackground: #e0e3e3;
+$surface: #191c1c;
+$onSurface: #e0e3e3;
+$surfaceVariant: #3f4848;
+$onSurfaceVariant: #bec9c9;
+$outline: #899393;
+$shadow: #000000;
+$inverseSurface: #e0e3e3;
+$inverseOnSurface: #2d3131;
+$inversePrimary: #00696d;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_finale.scss b/hybrid/.config/eww/css/savedcolors/_material_finale.scss
new file mode 100755
index 000000000..2f58e3979
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_finale.scss
@@ -0,0 +1,27 @@
+$primary: #ffb3a9;
+$onPrimary: #5f1411;
+$primaryContainer: #7e2b25;
+$onPrimaryContainer: #ffdad4;
+$secondary: #e8bdb8;
+$onSecondary: #442926;
+$secondaryContainer: #5d3f3c;
+$onSecondaryContainer: #ffdad5;
+$tertiary: #e0c38c;
+$onTertiary: #3f2d04;
+$tertiaryContainer: #584419;
+$onTertiaryContainer: #fedfa6;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #211a19;
+$onBackground: #ede0de;
+$surface: #211a19;
+$onSurface: #ede0de;
+$surfaceVariant: #534341;
+$onSurfaceVariant: #d8c2bf;
+$outline: #a08c8a;
+$shadow: #000000;
+$inverseSurface: #ede0de;
+$inverseOnSurface: #362f2e;
+$inversePrimary: #9d423a;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_flare.scss b/hybrid/.config/eww/css/savedcolors/_material_flare.scss
new file mode 100755
index 000000000..76fa24ab2
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_flare.scss
@@ -0,0 +1,27 @@
+$primary: #ffb684;
+$onPrimary: #512300;
+$primaryContainer: #733500;
+$onPrimaryContainer: #ffdbc4;
+$secondary: #e5bfa8;
+$onSecondary: #432b1b;
+$secondaryContainer: #5b4130;
+$onSecondaryContainer: #ffdbc4;
+$tertiary: #caca93;
+$onTertiary: #31320a;
+$tertiaryContainer: #48491e;
+$onTertiaryContainer: #e6e6ad;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #201a17;
+$onBackground: #ece0da;
+$surface: #201a17;
+$onSurface: #ece0da;
+$surfaceVariant: #52443c;
+$onSurfaceVariant: #d7c3b8;
+$outline: #9f8d83;
+$shadow: #000000;
+$inverseSurface: #ece0da;
+$inverseOnSurface: #362f2b;
+$inversePrimary: #954905;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_flate.scss b/hybrid/.config/eww/css/savedcolors/_material_flate.scss
new file mode 100755
index 000000000..76fa24ab2
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_flate.scss
@@ -0,0 +1,27 @@
+$primary: #ffb684;
+$onPrimary: #512300;
+$primaryContainer: #733500;
+$onPrimaryContainer: #ffdbc4;
+$secondary: #e5bfa8;
+$onSecondary: #432b1b;
+$secondaryContainer: #5b4130;
+$onSecondaryContainer: #ffdbc4;
+$tertiary: #caca93;
+$onTertiary: #31320a;
+$tertiaryContainer: #48491e;
+$onTertiaryContainer: #e6e6ad;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #201a17;
+$onBackground: #ece0da;
+$surface: #201a17;
+$onSurface: #ece0da;
+$surfaceVariant: #52443c;
+$onSurfaceVariant: #d7c3b8;
+$outline: #9f8d83;
+$shadow: #000000;
+$inverseSurface: #ece0da;
+$inverseOnSurface: #362f2b;
+$inversePrimary: #954905;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_flowers.scss b/hybrid/.config/eww/css/savedcolors/_material_flowers.scss
new file mode 100755
index 000000000..07b14fc77
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_flowers.scss
@@ -0,0 +1,27 @@
+$primary: #e0b6ff;
+$onPrimary: #45196a;
+$primaryContainer: #5c3282;
+$onPrimaryContainer: #f2daff;
+$secondary: #d1c1da;
+$onSecondary: #372c3f;
+$secondaryContainer: #4e4356;
+$onSecondaryContainer: #eeddf6;
+$tertiary: #f3b7bc;
+$onTertiary: #4c252a;
+$tertiaryContainer: #653b40;
+$onTertiaryContainer: #ffdade;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1d1b1e;
+$onBackground: #e8e1e6;
+$surface: #1d1b1e;
+$onSurface: #e8e1e6;
+$surfaceVariant: #4b454e;
+$onSurfaceVariant: #cdc4ce;
+$outline: #968e98;
+$shadow: #000000;
+$inverseSurface: #e8e1e6;
+$inverseOnSurface: #322f33;
+$inversePrimary: #754b9b;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_forest_bluegreen.scss b/hybrid/.config/eww/css/savedcolors/_material_forest_bluegreen.scss
new file mode 100755
index 000000000..298b63939
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_forest_bluegreen.scss
@@ -0,0 +1,27 @@
+$primary: #72d1ff;
+$onPrimary: #003549;
+$primaryContainer: #004d68;
+$onPrimaryContainer: #c0e8ff;
+$secondary: #b5c9d6;
+$onSecondary: #20333e;
+$secondaryContainer: #364955;
+$onSecondaryContainer: #d0e5f3;
+$tertiary: #c9c1ea;
+$onTertiary: #312c4c;
+$tertiaryContainer: #484364;
+$onTertiaryContainer: #e6deff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1e;
+$onBackground: #e1e2e5;
+$surface: #191c1e;
+$onSurface: #e1e2e5;
+$surfaceVariant: #41484d;
+$onSurfaceVariant: #c0c7cd;
+$outline: #8b9297;
+$shadow: #000000;
+$inverseSurface: #e1e2e5;
+$inverseOnSurface: #2e3133;
+$inversePrimary: #00668a;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_forever.scss b/hybrid/.config/eww/css/savedcolors/_material_forever.scss
new file mode 100755
index 000000000..2421f1e6e
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_forever.scss
@@ -0,0 +1,27 @@
+$primary: #d0bdff;
+$onPrimary: #371a7c;
+$primaryContainer: #4e3593;
+$onPrimaryContainer: #e9ddff;
+$secondary: #cbc2dc;
+$onSecondary: #322e41;
+$secondaryContainer: #494458;
+$onSecondaryContainer: #e7def8;
+$tertiary: #eeb8c9;
+$onTertiary: #4a2533;
+$tertiaryContainer: #623b49;
+$onTertiaryContainer: #ffd9e5;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1c1b1e;
+$onBackground: #e6e1e6;
+$surface: #1c1b1e;
+$onSurface: #e6e1e6;
+$surfaceVariant: #48454e;
+$onSurfaceVariant: #cac4d0;
+$outline: #938f99;
+$shadow: #000000;
+$inverseSurface: #e6e1e6;
+$inverseOnSurface: #313033;
+$inversePrimary: #664ead;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_genshinbeach.scss b/hybrid/.config/eww/css/savedcolors/_material_genshinbeach.scss
new file mode 100755
index 000000000..96c268489
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_genshinbeach.scss
@@ -0,0 +1,27 @@
+$primary: #5dd4fc;
+$onPrimary: #003544;
+$primaryContainer: #004d62;
+$onPrimaryContainer: #b5eaff;
+$secondary: #b3cad5;
+$onSecondary: #1e333b;
+$secondaryContainer: #354a53;
+$onSecondaryContainer: #cfe6f1;
+$tertiary: #c3c3eb;
+$onTertiary: #2c2d4d;
+$tertiaryContainer: #434465;
+$onTertiaryContainer: #e0e0ff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1d;
+$onBackground: #e1e3e5;
+$surface: #191c1d;
+$onSurface: #e1e3e5;
+$surfaceVariant: #40484c;
+$onSurfaceVariant: #c0c8cc;
+$outline: #8a9296;
+$shadow: #000000;
+$inverseSurface: #e1e3e5;
+$inverseOnSurface: #2e3133;
+$inversePrimary: #006781;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_godrays.scss b/hybrid/.config/eww/css/savedcolors/_material_godrays.scss
new file mode 100755
index 000000000..ae3470e58
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_godrays.scss
@@ -0,0 +1,27 @@
+$primary: #dbc74d;
+$onPrimary: #383000;
+$primaryContainer: #524700;
+$onPrimaryContainer: #f9e467;
+$secondary: #cfc7a2;
+$onSecondary: #353117;
+$secondaryContainer: #4c472b;
+$onSecondaryContainer: #ece3bd;
+$tertiary: #a7d0b5;
+$onTertiary: #123725;
+$tertiaryContainer: #2a4e3a;
+$onTertiaryContainer: #c3ecd1;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1d1c16;
+$onBackground: #e7e2d9;
+$surface: #1d1c16;
+$onSurface: #e7e2d9;
+$surfaceVariant: #4a473a;
+$onSurfaceVariant: #ccc6b4;
+$outline: #969181;
+$shadow: #000000;
+$inverseSurface: #e7e2d9;
+$inverseOnSurface: #32302a;
+$inversePrimary: #6c5e00;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_green.scss b/hybrid/.config/eww/css/savedcolors/_material_green.scss
new file mode 100755
index 000000000..73b85e9f6
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_green.scss
@@ -0,0 +1,27 @@
+$primary: #add370;
+$onPrimary: #213600;
+$primaryContainer: #324f00;
+$onPrimaryContainer: #c9f089;
+$secondary: #c1caac;
+$onSecondary: #2b331e;
+$secondaryContainer: #414a32;
+$onSecondaryContainer: #dde7c6;
+$tertiary: #a0d0ca;
+$onTertiary: #003733;
+$tertiaryContainer: #204e4a;
+$onTertiaryContainer: #bcece6;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1b1c18;
+$onBackground: #e4e3dc;
+$surface: #1b1c18;
+$onSurface: #e4e3dc;
+$surfaceVariant: #45483d;
+$onSurfaceVariant: #c5c8b9;
+$outline: #8f9285;
+$shadow: #000000;
+$inverseSurface: #e4e3dc;
+$inverseOnSurface: #30312c;
+$inversePrimary: #48680e;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_iwillpickyouup.scss b/hybrid/.config/eww/css/savedcolors/_material_iwillpickyouup.scss
new file mode 100755
index 000000000..6bae1eb23
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_iwillpickyouup.scss
@@ -0,0 +1,27 @@
+$primary: #00e386;
+$onPrimary: #00391d;
+$primaryContainer: #00522c;
+$onPrimaryContainer: #50ffa6;
+$secondary: #b6ccba;
+$onSecondary: #213527;
+$secondaryContainer: #384b3d;
+$onSecondaryContainer: #d1e9d5;
+$tertiary: #a2cdda;
+$onTertiary: #033640;
+$tertiaryContainer: #214c57;
+$onTertiaryContainer: #bfeaf8;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1a;
+$onBackground: #e1e3de;
+$surface: #191c1a;
+$onSurface: #e1e3de;
+$surfaceVariant: #414942;
+$onSurfaceVariant: #c1c9c0;
+$outline: #8a938a;
+$shadow: #000000;
+$inverseSurface: #e1e3de;
+$inverseOnSurface: #2e312e;
+$inversePrimary: #006d3d;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_meltdown.scss b/hybrid/.config/eww/css/savedcolors/_material_meltdown.scss
new file mode 100755
index 000000000..3719e6376
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_meltdown.scss
@@ -0,0 +1,27 @@
+$primary: #79d0ff;
+$onPrimary: #00344a;
+$primaryContainer: #004c6a;
+$onPrimaryContainer: #c3e7ff;
+$secondary: #b5c9d7;
+$onSecondary: #20333e;
+$secondaryContainer: #374955;
+$onSecondaryContainer: #d1e5f3;
+$tertiary: #cac1e9;
+$onTertiary: #322c4c;
+$tertiaryContainer: #494264;
+$onTertiaryContainer: #e7deff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1e;
+$onBackground: #e1e2e5;
+$surface: #191c1e;
+$onSurface: #e1e2e5;
+$surfaceVariant: #41484d;
+$onSurfaceVariant: #c0c7cd;
+$outline: #8b9298;
+$shadow: #000000;
+$inverseSurface: #e1e2e5;
+$inverseOnSurface: #2e3133;
+$inversePrimary: #00668b;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_mirror.scss b/hybrid/.config/eww/css/savedcolors/_material_mirror.scss
new file mode 100755
index 000000000..6cb4961c8
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_mirror.scss
@@ -0,0 +1,27 @@
+$primary: #c5c0ff;
+$onPrimary: #1c00a7;
+$primaryContainer: #382bbe;
+$onPrimaryContainer: #e4dfff;
+$secondary: #c7c4dd;
+$onSecondary: #2f2e42;
+$secondaryContainer: #464559;
+$onSecondaryContainer: #e3dff9;
+$tertiary: #eab9d1;
+$onTertiary: #472639;
+$tertiaryContainer: #603c50;
+$onTertiaryContainer: #ffd8eb;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1c1b1f;
+$onBackground: #e5e1e6;
+$surface: #1c1b1f;
+$onSurface: #e5e1e6;
+$surfaceVariant: #47464f;
+$onSurfaceVariant: #c8c5d0;
+$outline: #928f9a;
+$shadow: #000000;
+$inverseSurface: #e5e1e6;
+$inverseOnSurface: #313033;
+$inversePrimary: #5148d7;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_moonlight.scss b/hybrid/.config/eww/css/savedcolors/_material_moonlight.scss
new file mode 100755
index 000000000..f8e55db9a
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_moonlight.scss
@@ -0,0 +1,27 @@
+$primary: #dbb8ff;
+$onPrimary: #460085;
+$primaryContainer: #5e269d;
+$onPrimaryContainer: #efdbff;
+$secondary: #cfc1da;
+$onSecondary: #362d40;
+$secondaryContainer: #4d4357;
+$onSecondaryContainer: #ecddf7;
+$tertiary: #f2b7c0;
+$onTertiary: #4b252c;
+$tertiaryContainer: #653a42;
+$onTertiaryContainer: #ffd9df;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1d1b1e;
+$onBackground: #e7e1e5;
+$surface: #1d1b1e;
+$onSurface: #e7e1e5;
+$surfaceVariant: #4a454e;
+$onSurfaceVariant: #ccc4cf;
+$outline: #958e98;
+$shadow: #000000;
+$inverseSurface: #e7e1e5;
+$inverseOnSurface: #322f33;
+$inversePrimary: #7742b7;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_neon_bluered.scss b/hybrid/.config/eww/css/savedcolors/_material_neon_bluered.scss
new file mode 100755
index 000000000..605822c23
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_neon_bluered.scss
@@ -0,0 +1,27 @@
+$primary: #a7c8ff;
+$onPrimary: #003064;
+$primaryContainer: #00468d;
+$onPrimaryContainer: #d5e3ff;
+$secondary: #bec7dd;
+$onSecondary: #273141;
+$secondaryContainer: #3e4758;
+$onSecondaryContainer: #dae3f9;
+$tertiary: #dcbce1;
+$onTertiary: #3e2845;
+$tertiaryContainer: #563e5d;
+$onTertiaryContainer: #f9d8fe;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1a1c1f;
+$onBackground: #e3e2e6;
+$surface: #1a1c1f;
+$onSurface: #e3e2e6;
+$surfaceVariant: #44474f;
+$onSurfaceVariant: #c4c6cf;
+$outline: #8d9099;
+$shadow: #000000;
+$inverseSurface: #e3e2e6;
+$inverseOnSurface: #2f3033;
+$inversePrimary: #265ea6;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_nova.scss b/hybrid/.config/eww/css/savedcolors/_material_nova.scss
new file mode 100755
index 000000000..7e3674192
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_nova.scss
@@ -0,0 +1,27 @@
+$primary: #63d3ff;
+$onPrimary: #003546;
+$primaryContainer: #004d65;
+$onPrimaryContainer: #bae9ff;
+$secondary: #b4cad6;
+$onSecondary: #1f333c;
+$secondaryContainer: #354a54;
+$onSecondaryContainer: #d0e6f2;
+$tertiary: #c6c3ea;
+$onTertiary: #2e2d4c;
+$tertiaryContainer: #454365;
+$onTertiaryContainer: #e3dfff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1e;
+$onBackground: #e1e2e4;
+$surface: #191c1e;
+$onSurface: #e1e2e4;
+$surfaceVariant: #40484c;
+$onSurfaceVariant: #c0c8cd;
+$outline: #8a9296;
+$shadow: #000000;
+$inverseSurface: #e1e2e4;
+$inverseOnSurface: #2e3133;
+$inversePrimary: #006684;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_outbreaker.scss b/hybrid/.config/eww/css/savedcolors/_material_outbreaker.scss
new file mode 100755
index 000000000..12030d8b2
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_outbreaker.scss
@@ -0,0 +1,27 @@
+$primary: #4fdad2;
+$onPrimary: #003734;
+$primaryContainer: #00504c;
+$onPrimaryContainer: #71f7ef;
+$secondary: #b1ccc9;
+$onSecondary: #1b3533;
+$secondaryContainer: #324b49;
+$onSecondaryContainer: #cce8e5;
+$tertiary: #b0c9e7;
+$onTertiary: #19324a;
+$tertiaryContainer: #304962;
+$onTertiaryContainer: #cfe4ff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1c;
+$onBackground: #e1e3e2;
+$surface: #191c1c;
+$onSurface: #e1e3e2;
+$surfaceVariant: #3f4947;
+$onSurfaceVariant: #bec9c7;
+$outline: #889391;
+$shadow: #000000;
+$inverseSurface: #e1e3e2;
+$inverseOnSurface: #2d3130;
+$inversePrimary: #006a65;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_outer.scss b/hybrid/.config/eww/css/savedcolors/_material_outer.scss
new file mode 100755
index 000000000..e9d4d13d0
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_outer.scss
@@ -0,0 +1,27 @@
+$primary: #66dbb2;
+$onPrimary: #003827;
+$primaryContainer: #00513b;
+$onPrimaryContainer: #84f8cd;
+$secondary: #b2ccbf;
+$onSecondary: #1f352c;
+$secondaryContainer: #354b42;
+$onSecondaryContainer: #cee9db;
+$tertiary: #a7cce0;
+$onTertiary: #0a3445;
+$tertiaryContainer: #264b5c;
+$onTertiaryContainer: #c2e8fd;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1b;
+$onBackground: #e0e3df;
+$surface: #191c1b;
+$onSurface: #e0e3df;
+$surfaceVariant: #3f4944;
+$onSurfaceVariant: #bfc9c2;
+$outline: #89938d;
+$shadow: #000000;
+$inverseSurface: #e0e3df;
+$inverseOnSurface: #2e312f;
+$inversePrimary: #006c4f;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_questions.scss b/hybrid/.config/eww/css/savedcolors/_material_questions.scss
new file mode 100755
index 000000000..c3fa26da6
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_questions.scss
@@ -0,0 +1,27 @@
+$primary: #c4c0ff;
+$onPrimary: #282377;
+$primaryContainer: #3f3c8e;
+$onPrimaryContainer: #e2dfff;
+$secondary: #c7c4dd;
+$onSecondary: #2f2e42;
+$secondaryContainer: #464559;
+$onSecondaryContainer: #e3e0f9;
+$tertiary: #eab8d1;
+$onTertiary: #472639;
+$tertiaryContainer: #603c50;
+$onTertiaryContainer: #ffd8ec;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1c1b1f;
+$onBackground: #e5e1e6;
+$surface: #1c1b1f;
+$onSurface: #e5e1e6;
+$surfaceVariant: #47464f;
+$onSurfaceVariant: #c8c5d0;
+$outline: #928f9a;
+$shadow: #000000;
+$inverseSurface: #e5e1e6;
+$inverseOnSurface: #313033;
+$inversePrimary: #5754a8;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_quicksand.scss b/hybrid/.config/eww/css/savedcolors/_material_quicksand.scss
new file mode 100755
index 000000000..57109b665
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_quicksand.scss
@@ -0,0 +1,27 @@
+$primary: #4cd9dd;
+$onPrimary: #003739;
+$primaryContainer: #004f52;
+$onPrimaryContainer: #6ef6fa;
+$secondary: #b0cccc;
+$onSecondary: #1b3435;
+$secondaryContainer: #324b4c;
+$onSecondaryContainer: #cce8e8;
+$tertiary: #b4c7e9;
+$onTertiary: #1e314c;
+$tertiaryContainer: #354864;
+$onTertiaryContainer: #d3e3ff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1c;
+$onBackground: #e0e3e3;
+$surface: #191c1c;
+$onSurface: #e0e3e3;
+$surfaceVariant: #3f4848;
+$onSurfaceVariant: #bec8c8;
+$outline: #889393;
+$shadow: #000000;
+$inverseSurface: #e0e3e3;
+$inverseOnSurface: #2d3131;
+$inversePrimary: #00696d;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_raindrops.scss b/hybrid/.config/eww/css/savedcolors/_material_raindrops.scss
new file mode 100755
index 000000000..74bbb5fee
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_raindrops.scss
@@ -0,0 +1,27 @@
+$primary: #79d0ff;
+$onPrimary: #013449;
+$primaryContainer: #004c69;
+$onPrimaryContainer: #c3e8ff;
+$secondary: #b5c9d7;
+$onSecondary: #20333e;
+$secondaryContainer: #374955;
+$onSecondaryContainer: #d1e5f3;
+$tertiary: #cac1ea;
+$onTertiary: #322c4c;
+$tertiaryContainer: #484264;
+$onTertiaryContainer: #e7deff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1e;
+$onBackground: #e1e2e5;
+$surface: #191c1e;
+$onSurface: #e1e2e5;
+$surfaceVariant: #41484d;
+$onSurfaceVariant: #c0c7cd;
+$outline: #8b9298;
+$shadow: #000000;
+$inverseSurface: #e1e2e5;
+$inverseOnSurface: #2e3133;
+$inversePrimary: #00658b;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_rebootcode.scss b/hybrid/.config/eww/css/savedcolors/_material_rebootcode.scss
new file mode 100755
index 000000000..96167a27c
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_rebootcode.scss
@@ -0,0 +1,27 @@
+$primary: #57dbc5;
+$onPrimary: #00382f;
+$primaryContainer: #005045;
+$onPrimaryContainer: #77f8e1;
+$secondary: #b1ccc5;
+$onSecondary: #1c3530;
+$secondaryContainer: #334b46;
+$onSecondaryContainer: #cde9e1;
+$tertiary: #abcae4;
+$onTertiary: #133348;
+$tertiaryContainer: #2c4a60;
+$onTertiaryContainer: #c8e6ff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1b;
+$onBackground: #e1e3e1;
+$surface: #191c1b;
+$onSurface: #e1e3e1;
+$surfaceVariant: #3f4946;
+$onSurfaceVariant: #bec9c5;
+$outline: #88938f;
+$shadow: #000000;
+$inverseSurface: #e1e3e1;
+$inverseOnSurface: #2e3130;
+$inversePrimary: #006b5c;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_ripples.scss b/hybrid/.config/eww/css/savedcolors/_material_ripples.scss
new file mode 100755
index 000000000..52b48f684
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_ripples.scss
@@ -0,0 +1,27 @@
+$primary: #1adbec;
+$onPrimary: #00363c;
+$primaryContainer: #004f57;
+$onPrimaryContainer: #80f3ff;
+$secondary: #b1cbcf;
+$onSecondary: #1c3437;
+$secondaryContainer: #334b4e;
+$onSecondaryContainer: #cde8eb;
+$tertiary: #b8c6ea;
+$onTertiary: #22304d;
+$tertiaryContainer: #394764;
+$onTertiaryContainer: #d7e2ff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1d;
+$onBackground: #e0e3e3;
+$surface: #191c1d;
+$onSurface: #e0e3e3;
+$surfaceVariant: #3f494a;
+$onSurfaceVariant: #bfc8ca;
+$outline: #899394;
+$shadow: #000000;
+$inverseSurface: #e0e3e3;
+$inverseOnSurface: #2e3131;
+$inversePrimary: #006973;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_running.scss b/hybrid/.config/eww/css/savedcolors/_material_running.scss
new file mode 100755
index 000000000..726085138
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_running.scss
@@ -0,0 +1,27 @@
+$primary: #50dbce;
+$onPrimary: #003732;
+$primaryContainer: #005049;
+$onPrimaryContainer: #72f7ea;
+$secondary: #b1ccc8;
+$onSecondary: #1b3532;
+$secondaryContainer: #324b48;
+$onSecondaryContainer: #cce9e4;
+$tertiary: #aec9e6;
+$onTertiary: #173249;
+$tertiaryContainer: #2f4961;
+$onTertiaryContainer: #cde5ff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1c;
+$onBackground: #e0e3e1;
+$surface: #191c1c;
+$onSurface: #e0e3e1;
+$surfaceVariant: #3f4947;
+$onSurfaceVariant: #bec8c6;
+$outline: #889391;
+$shadow: #000000;
+$inverseSurface: #e0e3e1;
+$inverseOnSurface: #2d3130;
+$inversePrimary: #006a62;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_spacepark.scss b/hybrid/.config/eww/css/savedcolors/_material_spacepark.scss
new file mode 100755
index 000000000..be7f3c087
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_spacepark.scss
@@ -0,0 +1,27 @@
+$primary: #ffb4a2;
+$onPrimary: #5e1608;
+$primaryContainer: #7d2c1c;
+$onPrimaryContainer: #ffdad1;
+$secondary: #e7bdb4;
+$onSecondary: #442a24;
+$secondaryContainer: #5d3f39;
+$onSecondaryContainer: #ffdad1;
+$tertiary: #dbc48c;
+$onTertiary: #3d2f04;
+$tertiaryContainer: #554519;
+$onTertiaryContainer: #f8e0a6;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #201a19;
+$onBackground: #ede0dd;
+$surface: #201a19;
+$onSurface: #ede0dd;
+$surfaceVariant: #534340;
+$onSurfaceVariant: #d8c2bd;
+$outline: #a08c88;
+$shadow: #000000;
+$inverseSurface: #ede0dd;
+$inverseOnSurface: #362f2d;
+$inversePrimary: #9c4331;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_store.scss b/hybrid/.config/eww/css/savedcolors/_material_store.scss
new file mode 100755
index 000000000..76fa24ab2
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_store.scss
@@ -0,0 +1,27 @@
+$primary: #ffb684;
+$onPrimary: #512300;
+$primaryContainer: #733500;
+$onPrimaryContainer: #ffdbc4;
+$secondary: #e5bfa8;
+$onSecondary: #432b1b;
+$secondaryContainer: #5b4130;
+$onSecondaryContainer: #ffdbc4;
+$tertiary: #caca93;
+$onTertiary: #31320a;
+$tertiaryContainer: #48491e;
+$onTertiaryContainer: #e6e6ad;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #201a17;
+$onBackground: #ece0da;
+$surface: #201a17;
+$onSurface: #ece0da;
+$surfaceVariant: #52443c;
+$onSurfaceVariant: #d7c3b8;
+$outline: #9f8d83;
+$shadow: #000000;
+$inverseSurface: #ece0da;
+$inverseOnSurface: #362f2b;
+$inversePrimary: #954905;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_stray.scss b/hybrid/.config/eww/css/savedcolors/_material_stray.scss
new file mode 100755
index 000000000..e353cc6c6
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_stray.scss
@@ -0,0 +1,27 @@
+$primary: #58dbc4;
+$onPrimary: #00382f;
+$primaryContainer: #005145;
+$onPrimaryContainer: #77f8df;
+$secondary: #b0ccc4;
+$onSecondary: #1d3530;
+$secondaryContainer: #334c46;
+$onSecondaryContainer: #cce8e0;
+$tertiary: #abcae4;
+$onTertiary: #123348;
+$tertiaryContainer: #2c4a60;
+$onTertiaryContainer: #c7e6ff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1b;
+$onBackground: #e1e3e1;
+$surface: #191c1b;
+$onSurface: #e1e3e1;
+$surfaceVariant: #3f4946;
+$onSurfaceVariant: #bec9c5;
+$outline: #88938f;
+$shadow: #000000;
+$inverseSurface: #e1e3e1;
+$inverseOnSurface: #2e3130;
+$inversePrimary: #006b5c;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_treecity.scss b/hybrid/.config/eww/css/savedcolors/_material_treecity.scss
new file mode 100755
index 000000000..da4a1c265
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_treecity.scss
@@ -0,0 +1,27 @@
+$primary: #aad473;
+$onPrimary: #1e3700;
+$primaryContainer: #2e4f00;
+$onPrimaryContainer: #c4f08b;
+$secondary: #c0cbac;
+$onSecondary: #2a331e;
+$secondaryContainer: #404a33;
+$onSecondaryContainer: #dce7c7;
+$tertiary: #a0d0cb;
+$onTertiary: #003734;
+$tertiaryContainer: #1f4e4b;
+$onTertiaryContainer: #bbece7;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1b1c18;
+$onBackground: #e4e3dc;
+$surface: #1b1c18;
+$onSurface: #e4e3dc;
+$surfaceVariant: #44483d;
+$onSurfaceVariant: #c5c8ba;
+$outline: #8f9285;
+$shadow: #000000;
+$inverseSurface: #e4e3dc;
+$inverseOnSurface: #30312d;
+$inversePrimary: #456813;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_vacuumtrack.scss b/hybrid/.config/eww/css/savedcolors/_material_vacuumtrack.scss
new file mode 100755
index 000000000..a4d70c337
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_vacuumtrack.scss
@@ -0,0 +1,27 @@
+$primary: #51d8ee;
+$onPrimary: #00363e;
+$primaryContainer: #004e59;
+$onPrimaryContainer: #97f0ff;
+$secondary: #b1cbd0;
+$onSecondary: #1c3438;
+$secondaryContainer: #334b50;
+$onSecondaryContainer: #cde7ed;
+$tertiary: #bbc5ea;
+$onTertiary: #252f4c;
+$tertiaryContainer: #3c4665;
+$onTertiaryContainer: #dae2ff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1d;
+$onBackground: #e0e3e3;
+$surface: #191c1d;
+$onSurface: #e0e3e3;
+$surfaceVariant: #3f484a;
+$onSurfaceVariant: #bfc8ca;
+$outline: #899294;
+$shadow: #000000;
+$inverseSurface: #e0e3e3;
+$inverseOnSurface: #2d3132;
+$inversePrimary: #006876;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_virtuality_yellow.scss b/hybrid/.config/eww/css/savedcolors/_material_virtuality_yellow.scss
new file mode 100755
index 000000000..3aebea2d2
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_virtuality_yellow.scss
@@ -0,0 +1,27 @@
+$primary: #d7c949;
+$onPrimary: #373100;
+$primaryContainer: #4f4700;
+$onPrimaryContainer: #f3e562;
+$secondary: #cec7a3;
+$onSecondary: #343117;
+$secondaryContainer: #4b472b;
+$onSecondaryContainer: #eae3be;
+$tertiary: #a6d0b8;
+$onTertiary: #0f3726;
+$tertiaryContainer: #284e3c;
+$onTertiaryContainer: #c1ecd3;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1d1c16;
+$onBackground: #e7e2d9;
+$surface: #1d1c16;
+$onSurface: #e7e2d9;
+$surfaceVariant: #49473a;
+$onSurfaceVariant: #ccc7b5;
+$outline: #959181;
+$shadow: #000000;
+$inverseSurface: #e7e2d9;
+$inverseOnSurface: #32302a;
+$inversePrimary: #695f00;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_winglow.scss b/hybrid/.config/eww/css/savedcolors/_material_winglow.scss
new file mode 100755
index 000000000..2f34806b0
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_winglow.scss
@@ -0,0 +1,27 @@
+$primary: #e4b4ff;
+$onPrimary: #4c007b;
+$primaryContainer: #6b16a2;
+$onPrimaryContainer: #f4d9ff;
+$secondary: #d2c1d8;
+$onSecondary: #372c3e;
+$secondaryContainer: #4f4256;
+$onSecondaryContainer: #efddf5;
+$tertiary: #f4b7ba;
+$onTertiary: #4b2528;
+$tertiaryContainer: #663a3d;
+$onTertiaryContainer: #ffd9db;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1d1b1e;
+$onBackground: #e7e0e5;
+$surface: #1d1b1e;
+$onSurface: #e7e0e5;
+$surfaceVariant: #4b454d;
+$onSurfaceVariant: #cdc3ce;
+$outline: #968e98;
+$shadow: #000000;
+$inverseSurface: #e7e0e5;
+$inverseOnSurface: #322f33;
+$inversePrimary: #8436bb;
diff --git a/hybrid/.config/eww/css/savedcolors/_material_zoetrope.scss b/hybrid/.config/eww/css/savedcolors/_material_zoetrope.scss
new file mode 100755
index 000000000..2591e4f85
--- /dev/null
+++ b/hybrid/.config/eww/css/savedcolors/_material_zoetrope.scss
@@ -0,0 +1,27 @@
+$primary: #ffb59b;
+$onPrimary: #5d1800;
+$primaryContainer: #7c2e11;
+$onPrimaryContainer: #ffdbcf;
+$secondary: #e7bdb0;
+$onSecondary: #442a21;
+$secondaryContainer: #5d4036;
+$onSecondaryContainer: #ffdbcf;
+$tertiary: #d7c68d;
+$onTertiary: #3a3005;
+$tertiaryContainer: #51461a;
+$onTertiaryContainer: #f4e2a7;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #211a18;
+$onBackground: #ede0dc;
+$surface: #211a18;
+$onSurface: #ede0dc;
+$surfaceVariant: #53433f;
+$onSurfaceVariant: #d8c2bb;
+$outline: #a08c86;
+$shadow: #000000;
+$inverseSurface: #ede0dc;
+$inverseOnSurface: #362f2d;
+$inversePrimary: #9a4426;
diff --git a/hybrid/.config/eww/eww.scss b/hybrid/.config/eww/eww.scss
new file mode 100755
index 000000000..c3aacdfa2
--- /dev/null
+++ b/hybrid/.config/eww/eww.scss
@@ -0,0 +1,639 @@
+@import 'css/colors';
+@import 'css/colorscheme';
+@import 'css/material';
+@import 'images/svg/color.scss';
+
+@function tint($color, $percentage) {
+  @return mix(rgb(245, 250, 255), $color, $percentage);
+}
+
+@function shade($color, $percentage) {
+  @return mix(rgb(0, 7, 18), $color, $percentage);
+}
+
+$grey: grey;
+$battcolor: $color6;
+$memcolor: $color5;
+$cpucolor: $color4;
+$border: $color7;
+$surface0: tint($colorbg, 10%);
+$bg1: $surface0;
+
+//thanks flick0!
+@keyframes gradient {
+  0% {
+    background-position: 0% 50%;
+  }
+
+  50% {
+    background-position: 100% 50%;
+  }
+
+  100% {
+    background-position: 0% 50%;
+  }
+}
+
+//also thanks to him
+@keyframes blink {
+  to {
+    background-color: #f9e2af;
+    color: #96804e;
+  }
+}
+
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes flyin-bottom {
+  from {
+    margin-bottom: -55px;
+    margin-top: 55px;
+  }
+
+  to {
+    margin-bottom: 0px;
+    margin-top: 0px;
+  }
+}
+
+@keyframes flyin-top {
+  from {
+    margin-bottom: 55px;
+    margin-top: -55px;
+  }
+
+  to {
+    margin-bottom: 0px;
+    margin-top: 0px;
+  }
+}
+
+@mixin rounding {
+  border-radius: 10px;
+}
+
+@mixin filter {
+  saturate {
+    filter: saturate(3);
+  }
+
+  grayscale {
+    filter: grayscale(100%);
+  }
+
+  contrast {
+    filter: contrast(160%);
+  }
+
+  brightness {
+    filter: brightness(0.25);
+  }
+
+  blur {
+    filter: blur(3px);
+  }
+
+  invert {
+    filter: invert(100%);
+  }
+
+  .sepia {
+    filter: sepia(100%);
+  }
+
+  huerotate {
+    filter: hue-rotate(180deg);
+  }
+
+  rss.opacity {
+    filter: opacity(50%);
+  }
+}
+
+@mixin window {
+  border: 3px solid $primary;
+  // box-shadow: 0 2px 3px $shadow;
+  margin: 5px 5px 10px;
+  @include rounding;
+}
+
+* {
+  all: unset;
+  transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  // font-family: 'Rubik', 'Material Symbols Rounded';
+  background-repeat: no-repeat;
+}
+
+.scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.progress slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.music-ctl-revealer {
+  font-family: Material Symbols Rounded;
+}
+
+@import 'css/bottombar';
+@import 'css/bgdecor';
+@import 'css/calendar';
+@import 'css/dashboard';
+@import 'css/dashfs';
+@import 'css/editmode';
+@import 'css/music';
+@import 'css/notification';
+@import 'css/overview';
+@import 'css/osd';
+@import 'css/osettings';
+@import 'css/sidebar';
+@import 'css/supercontext';
+@import 'css/system';
+@import 'css/themer';
+@import 'css/taskbar';
+@import 'css/volume';
+@import 'css/winstuff';
+
+.module-group {
+  // background-color: $colorbg;
+  min-height: 53px;
+  color: $fg;
+  border-bottom-right-radius: 26px;
+  border-bottom-left-radius: 26px;
+}
+
+.bar-bg-only {
+  margin-top: 8px;
+  margin-bottom: 8px;
+  margin-right: -1911px;
+  margin-left: 8px;
+  border-radius: 26px;
+  background-color: mix(shade($colorbarbg, 45%), $primary, 97%); 
+  // background-color: shade($colorbg, 75%); 
+  // background-color: #0B121C;
+  background-image: linear-gradient(135deg, shade($onSecondary, 47%) 18%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0) 37%, shade($onSecondary, 47%) 37%, shade($onSecondary, 47%) 63%, rgba(0, 0, 0, 0) 63%, rgba(0, 0, 0, 0) 85%, shade($onSecondary, 47%) 85%);
+
+  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
+}
+
+.bar-bg-only-compact {
+  margin-right: -1920px;
+  background-color: shade($colorbg, 75%);
+  background-image: linear-gradient(135deg, shade($onSecondary, 47%) 18%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0) 37%, shade($onSecondary, 47%) 37%, shade($onSecondary, 47%) 63%, rgba(0, 0, 0, 0) 63%, rgba(0, 0, 0, 0) 85%, shade($onSecondary, 47%) 85%);
+}
+
+.bar-normal {
+  // margin: 8px;
+  min-height: 53px;
+  color: $fg;
+  border-bottom-right-radius: 26px;
+  border-bottom-left-radius: 26px;
+
+  label {
+    font-size: 1.2rem;
+  }
+
+  font-family: 'Rubik';
+  // animation-name: flyin-top;
+  // animation-duration: 350ms;
+  // animation-timing-function: cubic-bezier(0.05, 0.7, 0.1, 1);
+  // animation-iteration-count: 1;
+}
+
+.bar-compact {
+  background-color: shade($colorbg, 70%); //because dark background makes colors pop
+  border-bottom: 1px solid $primary;
+  min-height: 53px;
+  color: $fg;
+
+  label {
+    font-size: 1.2rem;
+  }
+
+  font-family: 'Rubik';
+}
+
+tooltip {
+  background: $colorbarbg;
+  border: 1px solid rgba(60, 60, 60, 0.4);
+  border-radius: 8px;
+  color: white;
+
+  label {
+    font-size: 13pt;
+  }
+}
+
+.music-module {
+  font-family: Material Symbols Rounded;
+}
+
+.icon {
+  font-family: Material Symbols Rounded;
+  // padding-left: 4px;
+  // padding-right: 4px;
+}
+
+.module {
+  font-family: Material Symbols Rounded;
+  min-height: 53px;
+}
+
+.module-timedate {
+  padding-left: 13px;
+  padding-right: 13px;
+}
+
+.hour {
+  // font-weight: bold;
+  // padding-left: 13px;
+  color: $colorbar;
+  font-size: 20pt;
+}
+
+.clock {
+  color: $color2;
+  font-family: 'Rubik';
+  font-size: 19pt;
+}
+
+// .clock-module:hover {
+//   border-top: 2px solid $color5;
+// }
+
+.minute {
+  color: $color2;
+  font-family: 'Rubik', 'Material Symbols Rounded';
+}
+
+.timedate-time {
+  label {
+    font-size: 16pt;
+  }
+}
+
+.date {
+  font-family: 'Rubik', 'Material Symbols Rounded';
+  color: $color2;
+
+  // margin-top: -2px;
+  label {
+    font-size: 12pt;
+  }
+}
+
+.bright-icon {
+  color: $color2;
+  padding-right: 4px;
+  padding-top: 4px;
+}
+
+// .bright-icon:hover {
+//   border-top: 2px solid;
+// }
+
+.module-bt {
+  font-size: 1.2rem;
+}
+
+.workspaces {
+  // margin-left: 10px;
+  background-color: transparent;
+}
+
+.player-controls {
+  font-family: Material Symbols Rounded;
+}
+
+.volume-icon {
+  padding-left: 3px;
+  padding-right: 3px;
+}
+
+.net-icon {
+  color: $color7;
+  font-family: Material Symbols Rounded;
+  padding-left: 4px;
+  padding-right: 4px;
+  padding-top: 4px;
+}
+
+// .net-icon:hover {
+//   border-top: 2px solid;
+// }
+
+.my-separator {
+  padding-left: 15px;
+  padding-right: 15px;
+  color: $onBackground;
+  min-height: 53px;
+}
+
+.ws {
+  font-size: 6rem;
+  transition: 75ms cubic-bezier(0.05, 0.9, 0.1, 1); //Hyprland, no overshot
+  // transition: 400ms cubic-bezier(0.2, 0.0, 0, 1.0); //Material 3
+}
+
+.ws-top {
+  // padding-top: 9px;
+}
+
+.ws-active-top {
+  
+}
+
+.ws-text {
+  font-size: 16pt;
+  font-family: Rubik;
+  border-radius: 9999px;
+  // padding-left: 3px;
+  // padding-right: 3px;
+  min-width: 27px;
+  min-height: 27px;
+  color: $colorbarbg;
+  margin-top: 13px;
+  margin-bottom: 13px;
+  margin-left: 2px;
+  margin-right: 2px;
+}
+
+.ws-text-top {
+  // font-size: 16pt;
+  // font-family: Rubik;
+  border-radius: 9999px;
+  // padding-left: 3px;
+  // padding-right: 3px;
+  min-width: 27px;
+  min-height: 5px;
+  color: $colorbarbg;
+  margin-left: 2px;
+  margin-right: 2px;
+}
+
+.ws-text-active {
+  background-color: $colorbar;
+}
+
+.ws:hover {
+  :first-child {
+    color: $tertiary;
+  }
+}
+
+.ws-active {
+  background-color: $onBackground;
+}
+
+.ws-inactive {
+  // background-color: tint($colorbg, 37%);
+  background-color: rgba(194, 192, 192, 0.7);
+}
+
+.ws-empty {
+  // background-color: tint($colorbg, 10%);
+  background-color: rgba(146, 145, 145, 0.3);
+}
+
+.activewin {
+  color: $colorbar;
+  // padding-left: 8px;
+  // padding-right: 8px;
+}
+
+// .themer-get {
+//   padding-top: 4px;
+//   padding-left: 10px;
+//   padding-right: 10px;
+//   background-image: url("images/grayscale/Add.png");
+//   background-repeat: no-repeat;
+//   background-position: center;
+//   background-size: 100%;
+// }
+
+// .themer-restore {
+//   padding-top: 7px;
+//   padding-left: 10px;
+//   padding-right: 10px;
+//   padding-bottom: 16px;
+//   background-image: url("images/grayscale/Backup.png");
+//   background-repeat: no-repeat;
+//   background-position: center;
+//   background-size: 100%;
+// }
+
+
+.icon,
+.icon,
+.icon-text,
+.vol-icon label {
+  font-family: "Material Symbols Rounded";
+}
+
+.username {
+  color: $onBackground;
+}
+
+.userpic {
+  margin: 5px;
+  min-height: 42px;
+  min-width: 42px;
+  background-size: 100%;
+  border-radius: 5px;
+  background-repeat: no-repeat;
+}
+
+.osettings-toggle-button-false {
+  :first-child {
+    :first-child {
+      padding: 0px 11px;
+      min-width: 53px;
+      min-height: 53px;
+      background-color: transparent;
+      // background-image: url('images/svg/settings.svg');
+      background-size: 400% auto;
+      background-repeat: no-repeat;
+      background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
+      border-radius: 26px;
+
+      :active {
+        background-color: $overlay0;
+        background-position: 90% 50%;
+      }
+    }
+  }
+}
+
+.osettings-toggle-button-false:hover {
+  :first-child {
+    :first-child {
+      background-color: $overlay0;
+      background-position: 60% 50%;
+    }
+  }
+}
+
+.osettings-toggle-button-true {
+  :first-child {
+    :first-child {
+      padding: 0px 11px;
+      min-width: 53px;
+      min-height: 53px;
+      background-color: $overlay0;
+      background-position: 90% 50%;
+      background-repeat: no-repeat;
+      background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
+      background-size: 400% auto;
+      border-radius: 26px;
+    }
+  }
+}
+
+.module-button-pad {
+  margin: 8px 0;
+  border-radius: 26px;
+  // background-color: shade($colorbg, 75%);
+}
+
+.module-button-pad-left {
+  margin: 8px 0;
+  margin-left: 8px;
+  // background-color: shade($colorbg, 75%);
+  border-top-left-radius: 26px;
+  border-bottom-left-radius: 26px;
+}
+
+.module-button-pad-center {
+  margin: 8px 0;
+  // background-color: shade($colorbg, 75%);
+}
+
+.module-button-pad-right {
+  margin: 8px 0;
+  margin-right: 8px;
+  // background-color: shade($colorbg, 75%);
+  border-bottom-right-radius: 26px;
+  border-top-right-radius: 26px;
+}
+
+.module-button-pad-right-nomargin {
+  // background-color: shade($colorbg, 75%);
+  border-bottom-right-radius: 26px;
+  border-top-right-radius: 26px;
+}
+
+.onotify-toggle-button-false {
+  min-width: 53px;
+  min-height: 53px;
+  background-color: transparent;
+  background-repeat: no-repeat;
+  background-size: auto 65%;
+  background-position: center;
+
+  :hover {
+    background-color: $overlay0;
+    // background-image: url('./images/lazer_icons/notifications_hover.png');
+  }
+
+  border-radius: 26px;
+}
+
+.onotify-toggle-button-true {
+  min-width: 53px;
+  min-height: 53px;
+  background-color: $overlay0;
+  // background-image: url('./images/lazer_icons/notifications_hover.png');
+  background-repeat: no-repeat;
+  background-size: auto 65%;
+  background-position: center;
+}
+
+.real-onotify-toggle-button {
+  min-width: 53px;
+  min-height: 53px;
+  // background-image: url('./images/svg/forum.svg');
+  background-repeat: no-repeat;
+  background-size: auto 65%;
+  background-position: center;
+
+  :hover {
+    background-color: $overlay0;
+  }
+}
+
+.real-onotify-toggle-button-true {
+  min-width: 53px;
+  min-height: 53px;
+  background-color: $overlay0;
+  background-size: auto 65%;
+  background-position: center;
+  // background-image: url('./images/svg/forum.svg');
+  background-repeat: no-repeat;
+}
+
+.module-button {
+  transition: 500ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  border-radius: 26px;
+  padding: 0px 5px;
+  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
+  background-size: 400% auto;
+  background-position: 40% 50%;
+}
+
+.module-button-hover {
+  transition: 500ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  border-radius: 26px;
+  padding: 0px 5px;
+  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
+  background-size: 400% auto;
+  background-color: $overlay0;
+  background-position: 60% 50%;
+}
+
+.module-button:hover {
+  background-color: $overlay0;
+  background-position: 60% 50%;
+}
+
+.module-button:active {
+  background-color: $overlay0;
+  background-position: 100% 50%;
+}
+
+.module-button-true {
+  border-radius: 26px;
+  padding: 0px 5px;
+  background-color: $overlay0;
+  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 60%, tint($overlay0, 10%) 60%);
+  background-size: 400% auto;
+  background-position: 90% 50%;
+}
+
+.dynbg-image {
+  transition: 900ms cubic-bezier(0.05, 0.9, 0.1, 1); // Hyprland default bezier but no overshot
+}
+
+progressbar>trough {
+  min-width: 30px;
+}
+
+.box-that-is-there {
+  background-color: transparent;
+}
+
+.search-button {
+  min-height: 53px;
+  min-width: 65px;
+  color: $colortext;
+  font-family: Material Symbols Rounded;
+}
+
+.workspaces-top {
+  min-width: 306px;
+  min-height: 5px;
+} 
\ No newline at end of file
diff --git a/hybrid/.config/eww/eww.yuck b/hybrid/.config/eww/eww.yuck
new file mode 100755
index 000000000..df7bc23bd
--- /dev/null
+++ b/hybrid/.config/eww/eww.yuck
@@ -0,0 +1,233 @@
+(include "./variables.yuck")
+;##################### Modules #########################
+(include "./modules/activewindow.yuck")
+(include "./modules/audiolevels.yuck")
+(include "./modules/bluetooth.yuck")
+(include "./modules/bright.yuck")
+(include "./modules/clock.yuck")
+(include "./modules/editmode.yuck")
+(include "./modules/music.yuck")
+; (include "./modules/net.yuck")
+(include "./modules/searchbutton.yuck")
+(include "./modules/sys.yuck")
+(include "./modules/taskbar.yuck")
+(include "./modules/user.yuck")
+; (include "./modules/volume.yuck")
+(include "./modules/winstuff.yuck")
+(include "./modules/workspaces.yuck")
+
+;##################### Windows #########################
+; Normal stuff
+(include "./windows/bottombar.yuck")
+(include "./windows/bg-decor.yuck")
+(include "./windows/dynamic-bg.yuck")
+(include "./windows/dashboard.yuck")
+(include "./windows/dashfs.yuck")
+(include "./windows/calendar.yuck")
+(include "./windows/music.yuck")
+(include "./windows/overview.yuck")
+(include "./windows/osd.yuck")
+(include "./windows/osettings.yuck")
+(include "./windows/onotify.yuck")
+; (include "./windows/system-menu.yuck")
+(include "./windows/supercontext.yuck")
+(include "./windows/themer.yuck")
+
+; Windows 11 stuff
+(include "./windows/winactions.yuck")
+(include "./windows/winbsod.yuck")
+(include "./windows/wingamebar.yuck")
+(include "./windows/winlang.yuck")
+(include "./windows/winnews.yuck")
+(include "./windows/winnotif.yuck")
+(include "./windows/winosd.yuck")
+(include "./windows/winoverview.yuck")
+(include "./windows/winpowermenu.yuck")
+(include "./windows/winshadows.yuck")
+(include "./windows/winstart.yuck")
+(include "./windows/wintaskview.yuck")
+
+(defwidget separator []
+  (box
+    :valign "start"
+    (label
+      :class "my-separator"
+      :text "|"
+    )
+  )
+)
+
+(defwidget left []
+  (eventbox
+    :onhover "${EWW_CMD} update music_reveal=true"
+    :onhoverlost "${EWW_CMD} update music_reveal=false"
+    (box
+      :space-evenly false :spacing 5
+      :valign "start" :halign "start"
+      (box :space-evenly false :class "module-group"
+        (osettings-button)
+        (osu-music-module)
+      )
+      ; (box :space-evenly false :class "module-group"
+        ;   (taskbar)
+      ; )
+      (revealer
+        :reveal false
+        :transition "slideright"
+        (label
+          :text "${volume.audio} ${brightness.level} ${wsjsona[0][0].at} ${wsjsonb[0][0].at}" ; Dummy to keep listeners active
+        )
+      )
+    )
+  )
+)
+
+(defwidget right []
+  (eventbox
+    :onhover "${EWW_CMD} update right_hover=true"
+    :onhoverlost "${EWW_CMD} update right_hover=false"
+    (box
+      :space-evenly false :spacing 5
+      :halign "end" :valign "start"
+      (box :space-evenly false :class "module-group"
+        ; (editmode)
+        (themer)
+      )
+      ; (user)
+      (box :space-evenly false :class "module-group"
+        (onotify-button)
+      )
+    )
+  )
+)
+
+(defwidget center []
+  (box
+    :space-evenly false :orientation "v"
+    ; (revealer
+      ;   :transition "slidedown"
+      ;   :duration "0ms"
+      ;   :reveal {!(rev_center_ws || awin.title == 'null')}
+      ;   ; :reveal true
+      ;   (workspaces_top)
+    ; )
+    (box
+      :valign "start"
+      :space-evenly false :spacing 5
+      :halign "center"
+      ; :style "${!(rev_center_ws || awin.title == 'null') ? 'margin-top: -15px; transition: 0px;' : 'transition: 0px;'}"
+      (box
+        :space-evenly false :space-evenly false
+        :spacing 5 :class "module-group" :style "padding-right: 10px;"
+        (searchbutton)
+        (revealer
+          :reveal {rev_center_ws || awin.title == 'null'}
+          ; :reveal false
+          :transition "slideright"
+          :duration "0ms"
+          (workspaces)
+        )
+        (revealer
+          :reveal {!(rev_center_ws || awin.title == 'null')}
+          ; :reveal true
+          :transition "slideright"
+          :duration "0ms"
+          (activewindow)
+        )
+      )
+    )
+  )
+)
+
+(defwidget bar [] ; Class .bar applies automatically
+  (box
+    :space-evenly false
+    :orientation "h"
+    (box
+      :class "bar-bg-only${compact ? '-compact' : ''}"
+      :style "
+      margin-right: -${RES_WIDTH - 9}px;
+      "
+    )
+    (centerbox
+      :class "bar-${compact ? 'compact' : 'normal'}"
+      :width {RES_WIDTH}
+      (left)
+      (center)
+      (right)
+    )
+  )
+)
+
+(defwidget winbar []
+  (centerbox
+    :class "winbar-bg"
+    (box
+      :space-evenly false
+      (winnews-button)
+      (eventbox
+        :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+        (box
+          :space-evenly false
+          :style "margin-left: ${RES_WIDTH / 2 - 100 - (25 * arraylength(tasks))}px;"
+          (winstarticon)
+          (wintaskview-button)
+          (wintaskbar)
+          (revealer
+            :reveal false
+            :transition "slideright"
+            (label
+              :text "${lang_ibus.name_abbr} ${activews} ${mcover.source} ${mname_win.title} ${net.level} ${brightness.level} ${wsjsona[0][0].at} ${wsjsonb[0][0].at}" ; Dummy to keep listeners active
+            )
+          )
+        )
+      )
+    )
+    (box
+      
+    )
+    (box
+      :halign "end"
+      :space-evenly false
+      (wintray-button)
+      (winlang)
+      (winactions)
+      (windate)
+    )
+  )
+)
+
+(defwindow bar
+  :stacking "fg"
+  :wm-ignore true
+  :monitor 0
+  :namespace "bar"
+  :geometry (geometry
+    :x "0%"
+    :y "0%"
+    :width "100%"
+    :height "69px"
+    :anchor "top center"
+  )
+  :exclusive false
+  (bar)
+)
+
+(defwindow winbar
+  :stacking "fg"
+  :monitor 0
+  :exclusive true
+  :geometry (geometry
+    :x "0%"
+    :y "0%"
+    :width "100%"
+    ; :height "53px"
+    ; :width "53px"
+    ; :height "100%"
+    :anchor "bottom center"
+  )
+  ; :stacking "fg"
+  :exclusive false
+  (winbar)
+)
+
diff --git a/hybrid/.config/eww/eww_covers/cover_art b/hybrid/.config/eww/eww_covers/cover_art
new file mode 100755
index 000000000..e75c9952f
Binary files /dev/null and b/hybrid/.config/eww/eww_covers/cover_art differ
diff --git a/hybrid/.config/eww/eww_covers/cover_art_default b/hybrid/.config/eww/eww_covers/cover_art_default
new file mode 100755
index 000000000..e99ac882a
Binary files /dev/null and b/hybrid/.config/eww/eww_covers/cover_art_default differ
diff --git a/hybrid/.config/eww/eww_covers/cover_art_error b/hybrid/.config/eww/eww_covers/cover_art_error
new file mode 100755
index 000000000..09715b548
Binary files /dev/null and b/hybrid/.config/eww/eww_covers/cover_art_error differ
diff --git a/hybrid/.config/eww/images/icons/discord.png b/hybrid/.config/eww/images/icons/discord.png
new file mode 100755
index 000000000..149f06417
Binary files /dev/null and b/hybrid/.config/eww/images/icons/discord.png differ
diff --git a/hybrid/.config/eww/images/icons/lazer_icons/beatmaps.png b/hybrid/.config/eww/images/icons/lazer_icons/beatmaps.png
new file mode 100755
index 000000000..6790f713c
Binary files /dev/null and b/hybrid/.config/eww/images/icons/lazer_icons/beatmaps.png differ
diff --git a/hybrid/.config/eww/images/icons/lazer_icons/changelog.png b/hybrid/.config/eww/images/icons/lazer_icons/changelog.png
new file mode 100755
index 000000000..33bad1bee
Binary files /dev/null and b/hybrid/.config/eww/images/icons/lazer_icons/changelog.png differ
diff --git a/hybrid/.config/eww/images/icons/lazer_icons/dashboard.png b/hybrid/.config/eww/images/icons/lazer_icons/dashboard.png
new file mode 100755
index 000000000..d3bd65852
Binary files /dev/null and b/hybrid/.config/eww/images/icons/lazer_icons/dashboard.png differ
diff --git a/hybrid/.config/eww/images/icons/lazer_icons/dashboard_hover.png b/hybrid/.config/eww/images/icons/lazer_icons/dashboard_hover.png
new file mode 100755
index 000000000..5a444383d
Binary files /dev/null and b/hybrid/.config/eww/images/icons/lazer_icons/dashboard_hover.png differ
diff --git a/hybrid/.config/eww/images/icons/lazer_icons/forum.png b/hybrid/.config/eww/images/icons/lazer_icons/forum.png
new file mode 100755
index 000000000..cbf58770b
Binary files /dev/null and b/hybrid/.config/eww/images/icons/lazer_icons/forum.png differ
diff --git a/hybrid/.config/eww/images/icons/lazer_icons/music.png b/hybrid/.config/eww/images/icons/lazer_icons/music.png
new file mode 100755
index 000000000..2c3898f7c
Binary files /dev/null and b/hybrid/.config/eww/images/icons/lazer_icons/music.png differ
diff --git a/hybrid/.config/eww/images/icons/lazer_icons/music_hover.png b/hybrid/.config/eww/images/icons/lazer_icons/music_hover.png
new file mode 100755
index 000000000..942a6521d
Binary files /dev/null and b/hybrid/.config/eww/images/icons/lazer_icons/music_hover.png differ
diff --git a/hybrid/.config/eww/images/icons/lazer_icons/music_hover_reference.png b/hybrid/.config/eww/images/icons/lazer_icons/music_hover_reference.png
new file mode 100755
index 000000000..369f8cdce
Binary files /dev/null and b/hybrid/.config/eww/images/icons/lazer_icons/music_hover_reference.png differ
diff --git a/hybrid/.config/eww/images/icons/lazer_icons/music_reference.png b/hybrid/.config/eww/images/icons/lazer_icons/music_reference.png
new file mode 100755
index 000000000..2ee032bba
Binary files /dev/null and b/hybrid/.config/eww/images/icons/lazer_icons/music_reference.png differ
diff --git a/hybrid/.config/eww/images/icons/lazer_icons/news.png b/hybrid/.config/eww/images/icons/lazer_icons/news.png
new file mode 100755
index 000000000..c07bd0c1f
Binary files /dev/null and b/hybrid/.config/eww/images/icons/lazer_icons/news.png differ
diff --git a/hybrid/.config/eww/images/icons/lazer_icons/notifications.png b/hybrid/.config/eww/images/icons/lazer_icons/notifications.png
new file mode 100755
index 000000000..50ea3d40b
Binary files /dev/null and b/hybrid/.config/eww/images/icons/lazer_icons/notifications.png differ
diff --git a/hybrid/.config/eww/images/icons/lazer_icons/notifications_hover.png b/hybrid/.config/eww/images/icons/lazer_icons/notifications_hover.png
new file mode 100755
index 000000000..0ef188ca1
Binary files /dev/null and b/hybrid/.config/eww/images/icons/lazer_icons/notifications_hover.png differ
diff --git a/hybrid/.config/eww/images/icons/lazer_icons/options.png b/hybrid/.config/eww/images/icons/lazer_icons/options.png
new file mode 100755
index 000000000..cec497cd9
Binary files /dev/null and b/hybrid/.config/eww/images/icons/lazer_icons/options.png differ
diff --git a/hybrid/.config/eww/images/icons/lazer_icons/options_hover.png b/hybrid/.config/eww/images/icons/lazer_icons/options_hover.png
new file mode 100755
index 000000000..42439b642
Binary files /dev/null and b/hybrid/.config/eww/images/icons/lazer_icons/options_hover.png differ
diff --git a/hybrid/.config/eww/images/icons/lazer_icons/rankings.png b/hybrid/.config/eww/images/icons/lazer_icons/rankings.png
new file mode 100755
index 000000000..d7210d3d0
Binary files /dev/null and b/hybrid/.config/eww/images/icons/lazer_icons/rankings.png differ
diff --git a/hybrid/.config/eww/images/icons/lazer_icons/transparent/beatmappacks.png b/hybrid/.config/eww/images/icons/lazer_icons/transparent/beatmappacks.png
new file mode 100755
index 000000000..29722cb97
Binary files /dev/null and b/hybrid/.config/eww/images/icons/lazer_icons/transparent/beatmappacks.png differ
diff --git a/hybrid/.config/eww/images/icons/lazer_icons/transparent/beatmaps.png b/hybrid/.config/eww/images/icons/lazer_icons/transparent/beatmaps.png
new file mode 100755
index 000000000..4fea440a3
Binary files /dev/null and b/hybrid/.config/eww/images/icons/lazer_icons/transparent/beatmaps.png differ
diff --git a/hybrid/.config/eww/images/icons/lazer_icons/transparent/changelog.png b/hybrid/.config/eww/images/icons/lazer_icons/transparent/changelog.png
new file mode 100755
index 000000000..1f2f16c67
Binary files /dev/null and b/hybrid/.config/eww/images/icons/lazer_icons/transparent/changelog.png differ
diff --git a/hybrid/.config/eww/images/icons/lazer_icons/transparent/chat.png b/hybrid/.config/eww/images/icons/lazer_icons/transparent/chat.png
new file mode 100755
index 000000000..d823c584d
Binary files /dev/null and b/hybrid/.config/eww/images/icons/lazer_icons/transparent/chat.png differ
diff --git a/hybrid/.config/eww/images/icons/lazer_icons/transparent/contests.png b/hybrid/.config/eww/images/icons/lazer_icons/transparent/contests.png
new file mode 100755
index 000000000..994d5632c
Binary files /dev/null and b/hybrid/.config/eww/images/icons/lazer_icons/transparent/contests.png differ
diff --git a/hybrid/.config/eww/images/icons/lazer_icons/transparent/forum.png b/hybrid/.config/eww/images/icons/lazer_icons/transparent/forum.png
new file mode 100755
index 000000000..d39b6fe21
Binary files /dev/null and b/hybrid/.config/eww/images/icons/lazer_icons/transparent/forum.png differ
diff --git a/hybrid/.config/eww/images/icons/lazer_icons/transparent/home.png b/hybrid/.config/eww/images/icons/lazer_icons/transparent/home.png
new file mode 100755
index 000000000..cfd881e46
Binary files /dev/null and b/hybrid/.config/eww/images/icons/lazer_icons/transparent/home.png differ
diff --git a/hybrid/.config/eww/images/icons/lazer_icons/transparent/news.png b/hybrid/.config/eww/images/icons/lazer_icons/transparent/news.png
new file mode 100755
index 000000000..05e5d4dc7
Binary files /dev/null and b/hybrid/.config/eww/images/icons/lazer_icons/transparent/news.png differ
diff --git a/hybrid/.config/eww/images/icons/lazer_icons/transparent/rankings.png b/hybrid/.config/eww/images/icons/lazer_icons/transparent/rankings.png
new file mode 100755
index 000000000..04191ae5b
Binary files /dev/null and b/hybrid/.config/eww/images/icons/lazer_icons/transparent/rankings.png differ
diff --git a/hybrid/.config/eww/images/icons/lazer_icons/transparent/search.png b/hybrid/.config/eww/images/icons/lazer_icons/transparent/search.png
new file mode 100755
index 000000000..a061f307a
Binary files /dev/null and b/hybrid/.config/eww/images/icons/lazer_icons/transparent/search.png differ
diff --git a/hybrid/.config/eww/images/icons/lazer_icons/transparent/settings.png b/hybrid/.config/eww/images/icons/lazer_icons/transparent/settings.png
new file mode 100755
index 000000000..a74388e9a
Binary files /dev/null and b/hybrid/.config/eww/images/icons/lazer_icons/transparent/settings.png differ
diff --git a/hybrid/.config/eww/images/icons/lazer_icons/transparent/store.png b/hybrid/.config/eww/images/icons/lazer_icons/transparent/store.png
new file mode 100755
index 000000000..b6c02fb37
Binary files /dev/null and b/hybrid/.config/eww/images/icons/lazer_icons/transparent/store.png differ
diff --git a/hybrid/.config/eww/images/icons/lazer_icons/transparent/tournaments.png b/hybrid/.config/eww/images/icons/lazer_icons/transparent/tournaments.png
new file mode 100755
index 000000000..de1a29bda
Binary files /dev/null and b/hybrid/.config/eww/images/icons/lazer_icons/transparent/tournaments.png differ
diff --git a/hybrid/.config/eww/images/icons/lazer_icons/transparent/wiki.png b/hybrid/.config/eww/images/icons/lazer_icons/transparent/wiki.png
new file mode 100755
index 000000000..405e287a5
Binary files /dev/null and b/hybrid/.config/eww/images/icons/lazer_icons/transparent/wiki.png differ
diff --git a/hybrid/.config/eww/images/icons/lazer_icons/wiki.png b/hybrid/.config/eww/images/icons/lazer_icons/wiki.png
new file mode 100755
index 000000000..6d6c7ba91
Binary files /dev/null and b/hybrid/.config/eww/images/icons/lazer_icons/wiki.png differ
diff --git a/hybrid/.config/eww/images/icons/win-clicked.png b/hybrid/.config/eww/images/icons/win-clicked.png
new file mode 100755
index 000000000..a65486725
Binary files /dev/null and b/hybrid/.config/eww/images/icons/win-clicked.png differ
diff --git a/hybrid/.config/eww/images/icons/win-inactive.png b/hybrid/.config/eww/images/icons/win-inactive.png
new file mode 100755
index 000000000..37328e3e5
Binary files /dev/null and b/hybrid/.config/eww/images/icons/win-inactive.png differ
diff --git a/hybrid/.config/eww/images/icons/win.png b/hybrid/.config/eww/images/icons/win.png
new file mode 100755
index 000000000..88b1a19de
Binary files /dev/null and b/hybrid/.config/eww/images/icons/win.png differ
diff --git a/hybrid/.config/eww/images/icons/winnews-clicked.png b/hybrid/.config/eww/images/icons/winnews-clicked.png
new file mode 100755
index 000000000..2605b1741
Binary files /dev/null and b/hybrid/.config/eww/images/icons/winnews-clicked.png differ
diff --git a/hybrid/.config/eww/images/icons/winnews.png b/hybrid/.config/eww/images/icons/winnews.png
new file mode 100755
index 000000000..7829fd79e
Binary files /dev/null and b/hybrid/.config/eww/images/icons/winnews.png differ
diff --git a/hybrid/.config/eww/images/icons/wintaskview-clicked.png b/hybrid/.config/eww/images/icons/wintaskview-clicked.png
new file mode 100644
index 000000000..7600a58a6
Binary files /dev/null and b/hybrid/.config/eww/images/icons/wintaskview-clicked.png differ
diff --git a/hybrid/.config/eww/images/icons/wintaskview.png b/hybrid/.config/eww/images/icons/wintaskview.png
new file mode 100755
index 000000000..89847d551
Binary files /dev/null and b/hybrid/.config/eww/images/icons/wintaskview.png differ
diff --git a/hybrid/.config/eww/images/pictures/banner_left b/hybrid/.config/eww/images/pictures/banner_left
new file mode 100755
index 000000000..0989c19ea
Binary files /dev/null and b/hybrid/.config/eww/images/pictures/banner_left differ
diff --git a/hybrid/.config/eww/images/pictures/banner_right b/hybrid/.config/eww/images/pictures/banner_right
new file mode 100755
index 000000000..faa9a0c09
Binary files /dev/null and b/hybrid/.config/eww/images/pictures/banner_right differ
diff --git a/hybrid/.config/eww/images/pictures/qr_aur.png b/hybrid/.config/eww/images/pictures/qr_aur.png
new file mode 100644
index 000000000..23e4efbdb
Binary files /dev/null and b/hybrid/.config/eww/images/pictures/qr_aur.png differ
diff --git a/hybrid/.config/eww/images/svg/__mode_light_dark.txt b/hybrid/.config/eww/images/svg/__mode_light_dark.txt
new file mode 100755
index 000000000..e69de29bb
diff --git a/hybrid/.config/eww/images/svg/airplane.svg b/hybrid/.config/eww/images/svg/airplane.svg
new file mode 100755
index 000000000..9be02b882
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/airplane.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9.47 9.643 8.768 3.77l-.002-.074c0-.889.72-1.61 1.61-1.61.802 0 1.545.42 1.977 1.135l.087.161 2.945 6.09 3.957-.117a2.6 2.6 0 0 1 2.672 2.53l.001.066a2.602 2.602 0 0 1-2.62 2.597l-3.963-.116-2.992 6.188a2.293 2.293 0 0 1-2.065 1.295c-.889 0-1.609-.72-1.609-1.631l.007-.118.707-5.908-2.132-.063-.27.736a1.946 1.946 0 0 1-1.827 1.278c-.876 0-1.586-.71-1.586-1.587v-.76l-.154-.032a1.92 1.92 0 0 1 0-3.758l.155-.032v-.76c0-.803.597-1.475 1.434-1.579l.151-.008c.745 0 1.423.426 1.765 1.127l.063.15.27.736 2.12-.062Zm.906-6.057c-.06 0-.109.049-.11.087l.887 7.422-4.84.141-.628-1.715-.032-.079c-.075-.152-.23-.25-.354-.251l-.058.002a.086.086 0 0 0-.075.085l.001 1.98-1.35.282a.419.419 0 0 0 0 .821l1.35.281v1.98c0 .047.038.086.085.086a.446.446 0 0 0 .419-.293l.64-1.751 4.854.141-.897 7.471v.03c0 .06.048.108.108.108a.793.793 0 0 0 .714-.448l3.415-7.063 4.914.144c.606 0 1.097-.491 1.097-1.086v-.043a1.097 1.097 0 0 0-1.13-1.064l-4.928.144-3.351-6.932-.053-.099a.793.793 0 0 0-.678-.381Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/app.svg b/hybrid/.config/eww/images/svg/app.svg
new file mode 100755
index 000000000..902a256e6
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/app.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m18.492 2.33 3.179 3.179a2.25 2.25 0 0 1 0 3.182l-2.423 2.422A2.501 2.501 0 0 1 21 13.5v5a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 18.5v-13A2.5 2.5 0 0 1 5.5 3h5c1.121 0 2.07.737 2.387 1.754L15.31 2.33a2.25 2.25 0 0 1 3.182 0ZM11 13H5v5.5a.5.5 0 0 0 .5.5H11v-6Zm7.5 0H13v6h5.5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5Zm-4.06-2.001L13 9.559v1.44h1.44Zm-3.94-6h-5a.5.5 0 0 0-.5.5V11h6V5.5a.5.5 0 0 0-.5-.5Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/appgeneric.svg b/hybrid/.config/eww/images/svg/appgeneric.svg
new file mode 100755
index 000000000..bb2a60be6
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/appgeneric.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m17.751 3 .185.005a3.25 3.25 0 0 1 3.06 3.06l.005.185v11.5l-.005.184A3.25 3.25 0 0 1 17.751 21H6.25a3.25 3.25 0 0 1-3.245-3.066L3 17.75V6.25a3.25 3.25 0 0 1 3.066-3.245L6.25 3h11.501ZM19.5 8H4.501L4.5 17.75a1.75 1.75 0 0 0 1.606 1.744l.144.006h11.501l.144-.006a1.75 1.75 0 0 0 1.6-1.593l.006-.151L19.5 8Zm-9.25 1.5a.75.75 0 0 1 .743.648l.007.102v7a.75.75 0 0 1-.648.743L10.25 18h-3.5a.75.75 0 0 1-.743-.648L6 17.25v-7a.75.75 0 0 1 .648-.743L6.75 9.5h3.5ZM9.5 11h-2v5.5h2V11Zm6.75 1.503a.75.75 0 0 1 .102 1.493l-.102.007h-3.496a.75.75 0 0 1-.101-1.493l.101-.007h3.496Zm1-3.003a.75.75 0 0 1 .102 1.493L17.25 11h-4.496a.75.75 0 0 1-.101-1.493l.101-.007h4.496Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/applycolor.svg b/hybrid/.config/eww/images/svg/applycolor.svg
new file mode 100755
index 000000000..ce146b5d6
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/applycolor.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M2 12.414V17.5A2.5 2.5 0 0 0 4.5 20h15a2.5 2.5 0 0 0 2.5-2.5v-11A2.5 2.5 0 0 0 19.5 4h-8.944l1.5 1.5H19.5a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1v-3.586l-1.5-1.5Z" fill="#cae6ff"/><path d="M6 1.75a.75.75 0 1 1 1.5 0v1.265c.45.04.89.233 1.235.578l3.536 3.536a2 2 0 0 1 0 2.828L8.027 14.2a2 2 0 0 1-2.829 0l-3.535-3.536a2 2 0 0 1 0-2.828l4.243-4.243c.03-.03.061-.06.093-.087V1.75Zm0 4.5v-.629l-2.89 2.89h8.245a.498.498 0 0 0-.145-.322L7.674 4.654A.498.498 0 0 0 7.5 4.54v1.71a.75.75 0 0 1-1.5 0Zm-2.868 3.76 3.128 3.13a.5.5 0 0 0 .707 0l3.129-3.13H3.132ZM11 13.375c0-.493.154-.972.342-1.381.19-.416.438-.806.673-1.134.238-.331.474-.613.65-.812.085-.097.24-.261.299-.323l.005-.005a.75.75 0 0 1 1.061 0l.305.328c.176.199.412.48.649.812.236.328.483.718.674 1.134.188.409.342.888.342 1.381C16 14.765 14.97 16 13.5 16c-1.471 0-2.5-1.235-2.5-2.625Zm2.234-1.64c-.202.28-.392.585-.53.885-.14.305-.204.56-.204.755 0 .691.48 1.125 1 1.125.519 0 1-.434 1-1.125 0-.194-.065-.45-.205-.755a5.494 5.494 0 0 0-.53-.886 8.417 8.417 0 0 0-.265-.35 8.33 8.33 0 0 0-.266.35Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/bat0.svg b/hybrid/.config/eww/images/svg/bat0.svg
new file mode 100755
index 000000000..071130ce1
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/bat0.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/bat1.svg b/hybrid/.config/eww/images/svg/bat1.svg
new file mode 100755
index 000000000..4c5573501
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/bat1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6.003 8.999H7a1 1 0 0 1 .993.883L8 10v4a1 1 0 0 1-.883.993L7 14.999h-.997a1 1 0 0 1-.993-.884L5.003 14v-4a1 1 0 0 1 .883-.994L6.003 9H7h-.997Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/bat10.svg b/hybrid/.config/eww/images/svg/bat10.svg
new file mode 100755
index 000000000..21a416823
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/bat10.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h10a1 1 0 0 1 .993.883L17 10v4a1 1 0 0 1-.883.993L16 15H6a1 1 0 0 1-.993-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h10H6Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/bat2.svg b/hybrid/.config/eww/images/svg/bat2.svg
new file mode 100755
index 000000000..13b665db1
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/bat2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9.003 8 9a1 1 0 0 1 .993.883L9 10v4a1 1 0 0 1-.883.993L8 15l-2 .003a1 1 0 0 1-.993-.883L5 14.003v-4a1 1 0 0 1 .883-.993L6 9.003 8 9l-2 .003Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/bat3.svg b/hybrid/.config/eww/images/svg/bat3.svg
new file mode 100755
index 000000000..09223537e
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/bat3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6.017 9H9a1 1 0 0 1 .993.883L10 10v4a1 1 0 0 1-.883.993L9 15H6.017a1 1 0 0 1-.994-.883L5.017 14v-4a1 1 0 0 1 .883-.993L6.017 9H9 6.017Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/bat4.svg b/hybrid/.config/eww/images/svg/bat4.svg
new file mode 100755
index 000000000..e6fe1b53d
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/bat4.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h4a1 1 0 0 1 .993.883L11 10v4a1 1 0 0 1-.883.993L10 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h4-4Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/bat5.svg b/hybrid/.config/eww/images/svg/bat5.svg
new file mode 100755
index 000000000..34d2a651f
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/bat5.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h5a1 1 0 0 1 .993.883L12 10v4a1 1 0 0 1-.883.993L11 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h5-5Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/bat6.svg b/hybrid/.config/eww/images/svg/bat6.svg
new file mode 100755
index 000000000..7026c0260
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/bat6.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h6a1 1 0 0 1 .993.883L13 10v4a1 1 0 0 1-.883.993L12 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h6-6Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/bat7.svg b/hybrid/.config/eww/images/svg/bat7.svg
new file mode 100755
index 000000000..f7b02980d
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/bat7.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h7a1 1 0 0 1 .993.883L14 10v4a1 1 0 0 1-.883.993L13 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h7-7Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/bat8.svg b/hybrid/.config/eww/images/svg/bat8.svg
new file mode 100755
index 000000000..81de8fd6e
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/bat8.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h8a1 1 0 0 1 .993.883L15 10v4a1 1 0 0 1-.883.993L14 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h8-8Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/bat9.svg b/hybrid/.config/eww/images/svg/bat9.svg
new file mode 100755
index 000000000..b3578c241
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/bat9.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h9a1 1 0 0 1 .993.883L16 10v4a1 1 0 0 1-.883.993L15 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h9-9Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/batcharge.svg b/hybrid/.config/eww/images/svg/batcharge.svg
new file mode 100755
index 000000000..0ed1d46b0
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/batcharge.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.75 6H17a3 3 0 0 1 2.995 2.824L20 9v1l1 .018a1 1 0 0 1 .993.879l.008.12v2a1 1 0 0 1-.866.992l-.134.009L20 14v1a3 3 0 0 1-2.824 2.995L17 18H7.998a.75.75 0 0 1-.102-1.493l.102-.007H17a1.5 1.5 0 0 0 1.493-1.355L18.5 15V9a1.5 1.5 0 0 0-1.355-1.493L17 7.5h-6.25a.75.75 0 0 1-.102-1.493L10.75 6H17h-6.25Zm-4.499 4.998v6.252a.75.75 0 0 1-1.492.102l-.007-.102v-6.252H3.75A1.75 1.75 0 0 1 2 9.249V6.75A.75.75 0 0 1 2.75 6h.751V4.75a.75.75 0 0 1 .648-.743L4.251 4a.75.75 0 0 1 .743.648l.007.102V6h.995V4.75a.75.75 0 0 1 .65-.743l.1-.007a.75.75 0 0 1 .744.648l.007.102L7.496 6h.758a.75.75 0 0 1 .75.75v2.499a1.75 1.75 0 0 1-1.75 1.75l-1.003-.001v6.252-6.252ZM7.504 7.5H3.5v1.749c0 .138.112.25.25.25h3.504a.25.25 0 0 0 .25-.25V7.5Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/beatmappacks.svg b/hybrid/.config/eww/images/svg/beatmappacks.svg
new file mode 100755
index 000000000..9db49d439
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/beatmappacks.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="#cae6ff"/>
+<path d="M45.8333 49.0106C45.4883 49.0106 45.1433 48.9575 44.8248 48.8248L25.3715 40.863C24.3365 40.4384 23.673 39.3768 23.7261 38.2622C23.7792 37.121 24.5488 36.1656 25.6369 35.8471L53.6093 27.8853C54.1932 27.7261 54.7771 27.7526 55.3344 27.9915L74.7877 35.9533C75.8227 36.3779 76.4862 37.4395 76.4331 38.5541C76.38 39.6953 75.6104 40.6507 74.5223 40.9692L46.5764 48.931C46.3376 48.9841 46.0987 49.0106 45.8333 49.0106ZM34.5011 38.8461L46.0191 43.5435L65.6847 37.9437L54.1667 33.2463L34.5011 38.8461Z" fill="#cae6ff"/>
+<path d="M45.8333 74.1698C45.4883 74.1698 45.1433 74.1168 44.8248 73.9841L25.3715 66.0223C24.3365 65.5977 23.673 64.5361 23.7261 63.4214C23.7792 62.2802 24.5488 61.3248 25.6369 61.0064L53.5828 53.0446C54.1667 52.8853 54.7505 52.9119 55.3079 53.1507L74.7612 61.1125C75.7962 61.5372 76.4597 62.5987 76.4066 63.7134C76.3535 64.8546 75.5839 65.81 74.4958 66.1284L46.5499 74.0902C46.3376 74.1433 46.0987 74.1698 45.8333 74.1698ZM34.5011 64.0053L46.0191 68.7028L65.6847 63.103L54.1667 58.4055L34.5011 64.0053Z" fill="#cae6ff"/>
+<path d="M26.4597 66.1285C25 66.1285 23.8057 64.9342 23.8057 63.4745V38.3153C23.8057 36.8556 25 35.6614 26.4597 35.6614C27.9193 35.6614 29.1136 36.8556 29.1136 38.3153V63.4745C29.1136 64.9342 27.9193 66.1285 26.4597 66.1285Z" fill="#cae6ff"/>
+<path d="M45.9395 74.1433C44.4799 74.1433 43.2856 72.949 43.2856 71.4894V46.3301C43.2856 44.8705 44.4799 43.6762 45.9395 43.6762C47.3992 43.6762 48.5934 44.8705 48.5934 46.3301V71.4894C48.5934 72.949 47.3992 74.1433 45.9395 74.1433Z" fill="#cae6ff"/>
+<path d="M54.4055 57.7421C52.9459 57.7421 51.7516 56.5478 51.7516 55.0881V30.4862C51.7516 29.0265 52.9459 27.8323 54.4055 27.8323C55.8652 27.8323 57.0594 29.0265 57.0594 30.4862V55.0881C57.0594 56.5478 55.8652 57.7421 54.4055 57.7421Z" fill="#cae6ff"/>
+<path d="M73.8854 66.1285C72.4257 66.1285 71.2314 64.9342 71.2314 63.4745V38.8726C71.2314 37.413 72.4257 36.2187 73.8854 36.2187C75.345 36.2187 76.5393 37.413 76.5393 38.8726V63.4745C76.5393 64.9342 75.345 66.1285 73.8854 66.1285Z" fill="#cae6ff"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#cae6ff" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/beatmaps.svg b/hybrid/.config/eww/images/svg/beatmaps.svg
new file mode 100755
index 000000000..09a19c942
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/beatmaps.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="#cae6ff"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7375 27.0672C49.7375 22.2087 55.5763 19.7364 59.0652 23.1177L64.1858 28.0804C65.5739 29.4257 65.6086 31.6415 64.2633 33.0296C62.9181 34.4176 60.7023 34.4523 59.3142 33.1071L56.7375 30.6098V54.0937C56.7375 56.0267 55.1705 57.5937 53.2375 57.5937C51.3045 57.5937 49.7375 56.0267 49.7375 54.0937V27.0672Z" fill="#cae6ff"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M47.9008 55.8953C48.8125 55.8953 49.5516 55.1562 49.5516 54.2445C49.5516 53.3328 48.8125 52.5938 47.9008 52.5938C46.9891 52.5938 46.25 53.3328 46.25 54.2445C46.25 55.1562 46.9891 55.8953 47.9008 55.8953ZM47.9008 62.8953C52.6785 62.8953 56.5516 59.0222 56.5516 54.2445C56.5516 49.4668 52.6785 45.5938 47.9008 45.5938C43.1231 45.5938 39.25 49.4668 39.25 54.2445C39.25 59.0222 43.1231 62.8953 47.9008 62.8953Z" fill="#cae6ff"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.3186 33.2126C47.6854 34.5795 47.6854 36.7955 46.3186 38.1624L31.9479 52.5331C31.3621 53.1189 31.3621 54.0686 31.9479 54.6544L48.9393 71.6458C49.5251 72.2316 50.4748 72.2316 51.0606 71.6458L68.0521 54.6544C68.6379 54.0686 68.6379 53.1189 68.0521 52.5331L59.8376 44.3186C58.4708 42.9518 58.4708 40.7357 59.8376 39.3689C61.2044 38.002 63.4205 38.002 64.7873 39.3689L73.0018 47.5833C76.3213 50.9028 76.3213 56.2847 73.0018 59.6042L56.0104 76.5956C52.6909 79.915 47.309 79.915 43.9896 76.5956L26.9981 59.6042C23.6787 56.2847 23.6787 50.9028 26.9981 47.5833L41.3689 33.2126C42.7357 31.8458 44.9518 31.8458 46.3186 33.2126Z" fill="#cae6ff"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#cae6ff" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/bluetooth.svg b/hybrid/.config/eww/images/svg/bluetooth.svg
new file mode 100755
index 000000000..1903c8307
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/bluetooth.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m11.698 12.974 2.682 2.237-2.876 3.117v-5.193l.194-.161Zm1.171-.976 3.077-2.564a.75.75 0 0 0 .071-1.085l-4.711-5.104a.75.75 0 0 0-1.302.508v5.855l-1.12-.934a.75.75 0 1 0-.96 1.152l2.08 1.735v.871l-2.08 1.734a.75.75 0 0 0 .96 1.152l1.12-.934v5.863a.75.75 0 0 0 1.302.508l4.711-5.106a.75.75 0 0 0-.07-1.085l-3.078-2.566Zm-1.17-.977-.195-.162V5.672l2.876 3.115-2.682 2.234Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/bluetoothfalse.svg b/hybrid/.config/eww/images/svg/bluetoothfalse.svg
new file mode 100755
index 000000000..d9b6907b3
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/bluetoothfalse.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.28 2.22a.75.75 0 1 0-1.06 1.06L10 11.06v.498l.004.003v.871l-2.08 1.734a.75.75 0 0 0 .96 1.152l1.12-.934v5.863a.75.75 0 0 0 1.302.508l4.025-4.363 5.388 5.389a.75.75 0 0 0 1.061-1.061L3.28 2.22Zm8.222 10.343 2.768 2.768-2.766 2.997v-5.193l-.002-.572ZM15.946 9.434l-1.816 1.514-1.066-1.065 1.316-1.096-2.876-3.115v2.65l-1.5-1.5V3.754a.75.75 0 0 1 1.302-.508l4.711 5.104a.75.75 0 0 1-.07 1.085Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/bluetoothtrue.svg b/hybrid/.config/eww/images/svg/bluetoothtrue.svg
new file mode 100755
index 000000000..5f0d3c8b5
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/bluetoothtrue.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.004 9.608V3.753c0-.646.752-.974 1.225-.58l.076.072 4.712 5.104a.75.75 0 0 1 .005 1.012l-.076.073-3.077 2.564 3.077 2.566a.75.75 0 0 1 .137 1.002l-.066.083-4.711 5.106c-.44.476-1.214.207-1.295-.404l-.007-.104v-5.863l-1.12.934a.75.75 0 0 1-1.04-1.075l.08-.077 2.08-1.734v-.87l-2.08-1.736a.75.75 0 0 1 .87-1.217l.09.065 1.12.934V3.753v5.855Zm1.694 3.366-.194.16v5.194l2.876-3.117-2.682-2.237ZM17 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2ZM6 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm5.504-5.328v5.187l.194.162 2.682-2.234-2.876-3.115Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/bright0.svg b/hybrid/.config/eww/images/svg/bright0.svg
new file mode 100755
index 000000000..071130ce1
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/bright0.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/brightness.svg b/hybrid/.config/eww/images/svg/brightness.svg
new file mode 100755
index 000000000..1720c5197
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/brightness.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M11.996 19.01a.75.75 0 0 1 .743.649l.007.102v1.5a.75.75 0 0 1-1.493.101l-.007-.101v-1.5a.75.75 0 0 1 .75-.75Zm6.022-2.072 1.06 1.06a.75.75 0 1 1-1.06 1.061l-1.06-1.06a.75.75 0 0 1 1.06-1.061Zm-10.983 0a.75.75 0 0 1 0 1.06L5.974 19.06a.75.75 0 0 1-1.06-1.06l1.06-1.061a.75.75 0 0 1 1.06 0ZM12 6.475a5.525 5.525 0 1 1 0 11.05 5.525 5.525 0 0 1 0-11.05Zm0 1.5a4.025 4.025 0 1 0 0 8.05 4.025 4.025 0 0 0 0-8.05Zm9.25 3.293a.75.75 0 0 1 .102 1.493l-.102.007h-1.5a.75.75 0 0 1-.102-1.493l.102-.007h1.5Zm-17-.029a.75.75 0 0 1 .102 1.494l-.102.006h-1.5a.75.75 0 0 1-.102-1.493l.102-.007h1.5Zm1.64-6.37.084.072 1.06 1.06a.75.75 0 0 1-.976 1.134l-.084-.073-1.06-1.06a.75.75 0 0 1 .976-1.134Zm13.188.072a.75.75 0 0 1 .073.977l-.073.084-1.06 1.06a.75.75 0 0 1-1.133-.976l.072-.084 1.06-1.061a.75.75 0 0 1 1.061 0ZM12 1.99a.75.75 0 0 1 .743.648l.007.102v1.5a.75.75 0 0 1-1.493.101l-.007-.102v-1.5a.75.75 0 0 1 .75-.75Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/calculator.svg b/hybrid/.config/eww/images/svg/calculator.svg
new file mode 100755
index 000000000..80f18480e
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/calculator.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7 7a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2V7Zm2-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-.5-.5H9Zm-.75 8a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm1.25 2.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm6.25-2.75a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM17 17.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm-5-2.75a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm1.25 2.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM7.25 2A3.25 3.25 0 0 0 4 5.25v13.5A3.25 3.25 0 0 0 7.25 22h9.5A3.25 3.25 0 0 0 20 18.75V5.25A3.25 3.25 0 0 0 16.75 2h-9.5ZM5.5 5.25c0-.966.784-1.75 1.75-1.75h9.5c.966 0 1.75.784 1.75 1.75v13.5a1.75 1.75 0 0 1-1.75 1.75h-9.5a1.75 1.75 0 0 1-1.75-1.75V5.25Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/caretdown.svg b/hybrid/.config/eww/images/svg/caretdown.svg
new file mode 100755
index 000000000..115dcbb21
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/caretdown.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.102 8c-1.074 0-1.648 1.265-.94 2.073l5.521 6.31a1.75 1.75 0 0 0 2.634 0l5.522-6.31c.707-.808.133-2.073-.94-2.073H6.101Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/caretup.svg b/hybrid/.config/eww/images/svg/caretup.svg
new file mode 100755
index 000000000..c4c5081a9
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/caretup.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.102 16.981c-1.074 0-1.648-1.265-.94-2.073l5.521-6.31a1.75 1.75 0 0 1 2.634 0l5.522 6.31c.707.809.133 2.073-.94 2.073H6.101Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/changelog.svg b/hybrid/.config/eww/images/svg/changelog.svg
new file mode 100755
index 000000000..b70a868ac
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/changelog.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0471 9.31178C70.2488 9.31178 75.0789 12.1005 77.6798 16.6155L92.7275 42.6963C95.3284 47.2113 95.3284 52.7887 92.7275 57.3037L77.6798 83.3845C75.0789 87.8995 70.2488 90.6882 65.0471 90.6882H34.9515C29.7498 90.6882 24.9197 87.8995 22.3188 83.3845L7.27104 57.3037C4.67019 52.7887 4.67019 47.2113 7.27104 42.6963L22.3188 16.6155C24.9197 12.1005 29.7498 9.31178 34.9515 9.31178H65.0471ZM65.0471 4H34.9515C27.839 4 21.2572 7.79792 17.701 13.9596L2.6532 40.0404C-0.903062 46.2021 -0.903062 53.7979 2.6532 59.9596L17.701 86.0404C21.2572 92.2021 27.839 96 34.9515 96H65.0471C72.1596 96 78.7413 92.2021 82.2976 86.0404L97.3454 59.9596C100.902 53.7979 100.902 46.2021 97.3454 40.0404L82.2711 13.9596C78.7413 7.79792 72.1596 4 65.0471 4Z" fill="#cae6ff"/>
+<path d="M43.0733 72.0439C42.4098 72.0439 41.7198 71.8845 41.0828 71.5127L28.0786 63.9965C25.2389 62.3499 23.4607 59.2956 23.4607 56.0023V43.9977C23.4607 40.7044 25.2389 37.6501 28.0786 36.0035L41.0828 28.4873C42.9936 27.3984 45.4087 28.0358 46.5234 29.948C47.6115 31.8603 46.9745 34.2771 45.0637 35.3926L32.0595 42.9088C31.6614 43.1212 31.4225 43.5462 31.4225 43.9977V56.0023C31.4225 56.4538 31.6614 56.8788 32.0595 57.0912L45.0637 64.6074C46.9745 65.6963 47.6115 68.1397 46.5234 70.052C45.8068 71.3268 44.4533 72.0439 43.0733 72.0439Z" fill="#cae6ff"/>
+<path d="M56.9002 72.0439C55.5202 72.0439 54.1932 71.3268 53.4501 70.052C52.362 68.1397 52.9989 65.7229 54.9098 64.6074L67.914 57.0912C68.3121 56.8788 68.5509 56.4538 68.5509 56.0023V43.9977C68.5509 43.5462 68.3121 43.1212 67.914 42.9088L54.9098 35.3926C52.9989 34.3037 52.362 31.8603 53.4501 29.948C54.5382 28.0358 56.9798 27.3984 58.8907 28.4873L71.8949 36.0035C74.7346 37.6501 76.5127 40.7044 76.5127 43.9977V56.0023C76.5127 59.2956 74.7346 62.3499 71.8949 63.9965L58.8907 71.5127C58.2803 71.8845 57.5902 72.0439 56.9002 72.0439Z" fill="#cae6ff"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#cae6ff" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/chat.svg b/hybrid/.config/eww/images/svg/chat.svg
new file mode 100755
index 000000000..b63e9b9af
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/chat.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0482 9.31178C70.2499 9.31178 75.08 12.1005 77.6809 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6809 83.3845C75.08 87.8995 70.2499 90.6882 65.0482 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27215 57.3037C4.6713 52.7887 4.6713 47.2113 7.27215 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0482ZM65.0482 4H34.9526C27.8401 4 21.2584 7.79792 17.7021 13.9596L2.65432 40.0404C-0.901944 46.2021 -0.901944 53.7979 2.65432 59.9596L17.7021 86.0404C21.2584 92.2021 27.8401 96 34.9526 96H65.0482C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3465 59.9596C100.903 53.7979 100.903 46.2021 97.3465 40.0404L82.2722 13.9596C78.7424 7.79792 72.1607 4 65.0482 4Z" fill="#cae6ff"/>
+<g clip-path="url(#clip1)">
+<path d="M46.9436 72C44.9758 72 43.3872 70.4427 43.3872 68.5136C43.3872 67.7233 43.6718 66.9331 44.1697 66.3288L51.0453 57.9614C53.108 55.428 56.2376 53.9637 59.5332 53.987H64.3224C65.176 53.987 65.8635 53.2897 65.8635 52.4529L65.8161 39.4836C65.8161 38.6468 65.1286 37.9728 64.275 37.9728H36.725C35.8714 37.9728 35.1839 38.6468 35.1602 39.4836L35.1128 52.4065C35.1128 52.8248 35.2787 53.1967 35.5632 53.4989C35.8714 53.7778 36.2508 53.9405 36.6776 53.9405L40.2576 53.894H40.3051C42.2729 53.894 43.8614 55.428 43.8851 57.3571C43.9089 59.2863 42.3203 60.8435 40.3525 60.8668L36.7724 60.89C31.9831 60.9597 28.0711 57.1944 28 52.4994C28 52.4529 28 52.4065 28 52.36L28.0474 39.4371C28.0711 34.7885 31.9594 31 36.725 31H64.2987C69.0643 31 72.9289 34.7885 72.9526 39.4603L73 52.4297C73.0237 57.1247 69.1591 60.9365 64.3699 60.9597H64.3462H59.5569C58.4189 60.9597 57.3282 61.4711 56.617 62.3543L49.7413 70.7216C49.0537 71.5351 48.0342 72.0232 46.9436 72Z" fill="#cae6ff"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#cae6ff" transform="translate(0 4)"/>
+</clipPath>
+<clipPath id="clip1">
+<rect width="45" height="41" fill="#cae6ff" transform="translate(28 31)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/checkbox.svg b/hybrid/.config/eww/images/svg/checkbox.svg
new file mode 100755
index 000000000..19dafd000
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/checkbox.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.25 3A3.25 3.25 0 0 0 3 6.25v11.5A3.25 3.25 0 0 0 6.25 21h11.5A3.25 3.25 0 0 0 21 17.75V6.25A3.25 3.25 0 0 0 17.75 3H6.25Zm10.03 6.78-5 5a.75.75 0 0 1-1.06 0l-2.004-2.004a.75.75 0 1 1 1.06-1.06l1.474 1.473 4.47-4.47a.75.75 0 1 1 1.06 1.061Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/checkbox_no.svg b/hybrid/.config/eww/images/svg/checkbox_no.svg
new file mode 100755
index 000000000..daee02274
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/checkbox_no.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6 3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3Zm0 2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H6Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/cog.svg b/hybrid/.config/eww/images/svg/cog.svg
new file mode 100755
index 000000000..fa36eabdb
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/cog.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.012 2.25c.734.008 1.465.093 2.182.253a.75.75 0 0 1 .582.649l.17 1.527a1.384 1.384 0 0 0 1.927 1.116l1.401-.615a.75.75 0 0 1 .85.174 9.792 9.792 0 0 1 2.204 3.792.75.75 0 0 1-.271.825l-1.242.916a1.381 1.381 0 0 0 0 2.226l1.243.915a.75.75 0 0 1 .272.826 9.797 9.797 0 0 1-2.204 3.792.75.75 0 0 1-.848.175l-1.407-.617a1.38 1.38 0 0 0-1.926 1.114l-.169 1.526a.75.75 0 0 1-.572.647 9.518 9.518 0 0 1-4.406 0 .75.75 0 0 1-.572-.647l-.168-1.524a1.382 1.382 0 0 0-1.926-1.11l-1.406.616a.75.75 0 0 1-.849-.175 9.798 9.798 0 0 1-2.204-3.796.75.75 0 0 1 .272-.826l1.243-.916a1.38 1.38 0 0 0 0-2.226l-1.243-.914a.75.75 0 0 1-.271-.826 9.793 9.793 0 0 1 2.204-3.792.75.75 0 0 1 .85-.174l1.4.615a1.387 1.387 0 0 0 1.93-1.118l.17-1.526a.75.75 0 0 1 .583-.65c.717-.159 1.45-.243 2.201-.252Zm0 1.5a9.135 9.135 0 0 0-1.354.117l-.109.977A2.886 2.886 0 0 1 6.525 7.17l-.898-.394a8.293 8.293 0 0 0-1.348 2.317l.798.587a2.881 2.881 0 0 1 0 4.643l-.799.588c.32.842.776 1.626 1.348 2.322l.905-.397a2.882 2.882 0 0 1 4.017 2.318l.11.984c.889.15 1.798.15 2.687 0l.11-.984a2.881 2.881 0 0 1 4.018-2.322l.905.396a8.296 8.296 0 0 0 1.347-2.318l-.798-.588a2.881 2.881 0 0 1 0-4.643l.796-.587a8.293 8.293 0 0 0-1.348-2.317l-.896.393a2.884 2.884 0 0 1-4.023-2.324l-.11-.976a8.988 8.988 0 0 0-1.333-.117ZM12 8.25a3.75 3.75 0 1 1 0 7.5 3.75 3.75 0 0 1 0-7.5Zm0 1.5a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/color.scss b/hybrid/.config/eww/images/svg/color.scss
new file mode 100755
index 000000000..b70786fef
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/color.scss
@@ -0,0 +1 @@
+$colorbar: #cae6ff;
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/color.txt b/hybrid/.config/eww/images/svg/color.txt
new file mode 100755
index 000000000..a516a6b1e
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/color.txt
@@ -0,0 +1 @@
+#cae6ff
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/contests.svg b/hybrid/.config/eww/images/svg/contests.svg
new file mode 100755
index 000000000..f908378c4
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/contests.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0478 9.30786C70.2495 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.3291 47.1794 95.3291 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2495 90.6242 65.0478 90.6242H34.9522C29.7505 90.6242 24.9204 87.8376 22.3195 83.3259L7.27175 57.2643C4.67091 52.7527 4.67091 47.1794 7.27175 42.6677L22.3195 16.6062C24.9204 12.0945 29.7505 9.30786 34.9522 9.30786H65.0478ZM65.0478 4H34.9522C27.8397 4 21.258 7.79512 17.7017 13.9522L2.65392 40.0138C-0.902341 46.1709 -0.902341 53.7611 2.65392 59.9183L17.7017 85.9798C21.258 92.1369 27.8397 95.9321 34.9522 95.9321H65.0478C72.1603 95.9321 78.742 92.1369 82.2983 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1603 4 65.0478 4Z" fill="#cae6ff"/>
+<path d="M50 76.7707C47.7972 76.7707 46.0191 74.9925 46.0191 72.7898V53.9469C46.0191 51.7441 47.7972 49.966 50 49.966C52.2028 49.966 53.9809 51.7441 53.9809 53.9469V72.7898C53.9809 74.9925 52.2028 76.7707 50 76.7707Z" fill="#cae6ff"/>
+<path d="M36.7304 71.9936C34.5276 71.9936 32.7495 70.2155 32.7495 68.0127V61.1125C32.7495 58.9098 34.5276 57.1316 36.7304 57.1316C38.9331 57.1316 40.7113 58.9098 40.7113 61.1125V68.0127C40.7113 70.2155 38.9331 71.9936 36.7304 71.9936Z" fill="#cae6ff"/>
+<path d="M36.7304 51.8238C36.5977 51.8238 36.465 51.8238 36.3323 51.7973C36.1996 51.7973 36.0669 51.7707 35.9342 51.7442C35.8015 51.7176 35.6688 51.6911 35.5626 51.638C35.4299 51.5849 35.3238 51.5584 35.1911 51.5053C35.0849 51.4522 34.9522 51.3992 34.8461 51.3461C34.7399 51.293 34.6072 51.2134 34.5011 51.1338C34.3949 51.0542 34.2887 50.9745 34.1826 50.8949C34.0764 50.8153 33.9703 50.7091 33.8906 50.6295C33.811 50.5234 33.7049 50.4438 33.6253 50.3376C33.5456 50.2314 33.466 50.1253 33.3864 50.0191C33.3068 49.913 33.2537 49.8068 33.1741 49.6741C33.121 49.568 33.0679 49.4353 33.0149 49.3291C32.9618 49.223 32.9087 49.0903 32.8822 48.9576C32.8556 48.8249 32.8025 48.6922 32.776 48.586C32.7495 48.4533 32.7229 48.3206 32.7229 48.2145C32.6964 48.0818 32.6964 47.9491 32.6964 47.8164C32.6964 47.6837 32.6964 47.551 32.7229 47.4183C32.7229 47.2856 32.7495 47.1529 32.776 47.0202C32.8025 46.8875 32.8291 46.7548 32.8822 46.6486C32.9087 46.5159 32.9618 46.4098 33.0149 46.2771C33.0679 46.1709 33.121 46.0382 33.1741 45.9321C33.2272 45.8259 33.3068 45.6932 33.3864 45.5871C33.466 45.4809 33.5456 45.3748 33.6253 45.2686C33.7049 45.1624 33.7845 45.0563 33.8906 44.9767C33.9968 44.897 34.0764 44.7909 34.1826 44.7113C34.2887 44.6317 34.3949 44.552 34.5011 44.4724C34.6072 44.3928 34.7134 44.3397 34.8461 44.2601C34.9522 44.207 35.0849 44.1539 35.1911 44.1009C35.3238 44.0478 35.4299 43.9947 35.5626 43.9682C35.6953 43.9416 35.828 43.8886 35.9342 43.862C36.0669 43.8355 36.1996 43.8089 36.3323 43.8089C36.5977 43.7824 36.8631 43.7824 37.1019 43.8089C37.2346 43.8089 37.3673 43.8355 37.5 43.862C37.6327 43.8886 37.7654 43.9151 37.8715 43.9682C38.0042 43.9947 38.1104 44.0478 38.2431 44.1009C38.3758 44.1539 38.4819 44.207 38.5881 44.2601C38.6943 44.3132 38.827 44.3928 38.9331 44.4724C39.0393 44.552 39.1454 44.6317 39.2516 44.7113C39.3577 44.7909 39.4639 44.8705 39.5435 44.9767C39.6231 45.0828 39.7293 45.1624 39.8089 45.2686C39.8885 45.3748 39.9681 45.4809 40.0478 45.5871C40.1274 45.6932 40.1805 45.7994 40.2601 45.9321C40.3132 46.0382 40.3662 46.1709 40.4193 46.2771C40.4724 46.4098 40.4989 46.5159 40.552 46.6486C40.5786 46.7813 40.6316 46.914 40.6582 47.0202C40.6847 47.1529 40.7112 47.2856 40.7112 47.4183C40.7378 47.551 40.7378 47.6837 40.7378 47.8164C40.7378 47.9491 40.7378 48.0818 40.7112 48.2145C40.7112 48.3472 40.6847 48.4799 40.6582 48.586C40.6316 48.7187 40.6051 48.8514 40.552 48.9576C40.4989 49.0903 40.4724 49.1964 40.4193 49.3291C40.3662 49.4618 40.3132 49.568 40.2601 49.6741C40.207 49.7803 40.1274 49.913 40.0478 50.0191C39.9681 50.1253 39.8885 50.2314 39.8089 50.3376C39.7293 50.4438 39.6231 50.5499 39.5435 50.6295C39.4374 50.7091 39.3577 50.8153 39.2516 50.8949C39.1454 50.9745 39.0393 51.0542 38.9331 51.1338C38.827 51.2134 38.7208 51.2665 38.5881 51.3461C38.4819 51.3992 38.3493 51.4522 38.2431 51.5053C38.1369 51.5584 38.0042 51.5849 37.8715 51.638C37.7388 51.6646 37.6327 51.7176 37.5 51.7442C37.3673 51.7707 37.2346 51.7973 37.1019 51.7973C36.9957 51.8238 36.863 51.8238 36.7304 51.8238Z" fill="#cae6ff"/>
+<path d="M63.2696 71.9936C61.0669 71.9936 59.2887 70.2155 59.2887 68.0127V61.1125C59.2887 58.9098 61.0669 57.1316 63.2696 57.1316C65.4724 57.1316 67.2505 58.9098 67.2505 61.1125V68.0127C67.2505 70.2155 65.4724 71.9936 63.2696 71.9936Z" fill="#cae6ff"/>
+<path d="M63.2696 51.8238C63.1369 51.8238 63.0043 51.8238 62.8716 51.7973C62.7389 51.7973 62.6062 51.7707 62.4735 51.7442C62.3408 51.7176 62.2081 51.6911 62.1019 51.638C61.9692 51.5849 61.8631 51.5584 61.7304 51.5053C61.6242 51.4522 61.4915 51.3992 61.3854 51.3461C61.2792 51.293 61.1465 51.2134 61.0403 51.1338C60.9342 51.0542 60.828 50.9745 60.7219 50.8949C60.6157 50.8153 60.5096 50.7091 60.4299 50.6295C60.3503 50.5234 60.2442 50.4438 60.1645 50.3376C60.0849 50.2314 60.0053 50.1253 59.9257 50.0191C59.8461 49.913 59.793 49.8068 59.7134 49.6741C59.6603 49.568 59.6072 49.4353 59.5541 49.3291C59.5011 49.223 59.448 49.0903 59.4214 48.9576C59.3949 48.8249 59.3418 48.6922 59.3153 48.586C59.2888 48.4533 59.2622 48.3206 59.2622 48.2145C59.2622 48.0818 59.2357 47.9491 59.2357 47.8164C59.2357 47.6837 59.2357 47.551 59.2622 47.4183C59.2622 47.2856 59.2888 47.1529 59.3153 47.0202C59.3418 46.8875 59.3684 46.7548 59.4214 46.6486C59.448 46.5159 59.5011 46.4098 59.5541 46.2771C59.6072 46.1709 59.6603 46.0382 59.7134 45.9321C59.7665 45.8259 59.8461 45.6932 59.9257 45.5871C60.0053 45.4809 60.0849 45.3748 60.1645 45.2686C60.2442 45.1624 60.3238 45.0563 60.4299 44.9767C60.5361 44.897 60.6157 44.7909 60.7219 44.7113C60.828 44.6317 60.9342 44.552 61.0403 44.4724C61.1465 44.3928 61.2527 44.3397 61.3854 44.2601C61.4915 44.207 61.6242 44.1539 61.7304 44.1009C61.8631 44.0478 61.9692 43.9947 62.1019 43.9682C62.2346 43.9416 62.3673 43.8886 62.4735 43.862C62.6062 43.8355 62.7389 43.8089 62.8716 43.8089C63.1369 43.7824 63.4023 43.7824 63.6677 43.8089C63.8004 43.8089 63.9331 43.8355 64.0393 43.862C64.172 43.8886 64.3047 43.9151 64.4108 43.9682C64.5435 43.9947 64.6497 44.0478 64.7824 44.1009C64.9151 44.1539 65.0212 44.207 65.1274 44.2601C65.2336 44.3132 65.3663 44.3928 65.4724 44.4724C65.5786 44.552 65.6847 44.6317 65.7909 44.7113C65.897 44.7909 66.0032 44.8705 66.0828 44.9767C66.1624 45.0828 66.2686 45.1624 66.3482 45.2686C66.4278 45.3748 66.5074 45.4809 66.5871 45.5871C66.6667 45.6932 66.7198 45.7994 66.7994 45.9321C66.8525 46.0382 66.9055 46.1709 66.9586 46.2771C67.0117 46.4098 67.0382 46.5159 67.0913 46.6486C67.1178 46.7813 67.1709 46.914 67.1975 47.0202C67.224 47.1529 67.2505 47.2856 67.2505 47.4183C67.2771 47.551 67.2771 47.6837 67.2771 47.8164C67.2771 47.9491 67.2771 48.0818 67.2505 48.2145C67.2505 48.3472 67.224 48.4799 67.1975 48.586C67.1709 48.7187 67.1444 48.8514 67.0913 48.9576C67.0382 49.0903 67.0117 49.1964 66.9586 49.3291C66.9055 49.4618 66.8525 49.568 66.7994 49.6741C66.7463 49.7803 66.6667 49.913 66.5871 50.0191C66.5074 50.1253 66.4278 50.2314 66.3482 50.3376C66.2686 50.4438 66.1624 50.5499 66.0828 50.6295C65.9767 50.7091 65.897 50.8153 65.7909 50.8949C65.6847 50.9745 65.5786 51.0542 65.4724 51.1338C65.3663 51.2134 65.2601 51.2665 65.1274 51.3461C65.0212 51.3992 64.8885 51.4522 64.7824 51.5053C64.6762 51.5584 64.5435 51.5849 64.4108 51.638C64.2781 51.6646 64.172 51.7176 64.0393 51.7442C63.9066 51.7707 63.7739 51.7973 63.6677 51.7973C63.535 51.8238 63.4023 51.8238 63.2696 51.8238Z" fill="#cae6ff"/>
+<path d="M50 44.7909C44.1348 44.7909 39.3843 40.0403 39.3843 34.1752C39.3843 28.31 44.1348 23.5594 50 23.5594C55.8652 23.5594 60.6157 28.31 60.6157 34.1752C60.6157 40.0403 55.8652 44.7909 50 44.7909ZM50 31.5212C48.5403 31.5212 47.3461 32.7155 47.3461 34.1752C47.3461 35.6348 48.5403 36.8291 50 36.8291C51.4597 36.8291 52.6539 35.6348 52.6539 34.1752C52.6539 32.7155 51.4597 31.5212 50 31.5212Z" fill="#cae6ff"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#cae6ff" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/copy.svg b/hybrid/.config/eww/images/svg/copy.svg
new file mode 100755
index 000000000..3ca6198c3
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/copy.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5.503 4.627 5.5 6.75v10.504a3.25 3.25 0 0 0 3.25 3.25h8.616a2.251 2.251 0 0 1-2.122 1.5H8.75A4.75 4.75 0 0 1 4 17.254V6.75c0-.98.627-1.815 1.503-2.123ZM17.75 2A2.25 2.25 0 0 1 20 4.25v13a2.25 2.25 0 0 1-2.25 2.25h-9a2.25 2.25 0 0 1-2.25-2.25v-13A2.25 2.25 0 0 1 8.75 2h9Zm0 1.5h-9a.75.75 0 0 0-.75.75v13c0 .414.336.75.75.75h9a.75.75 0 0 0 .75-.75v-13a.75.75 0 0 0-.75-.75Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/airplane.svg b/hybrid/.config/eww/images/svg/dark/airplane.svg
new file mode 100755
index 000000000..c289fd7cb
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/airplane.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9.47 9.643 8.768 3.77l-.002-.074c0-.889.72-1.61 1.61-1.61.802 0 1.545.42 1.977 1.135l.087.161 2.945 6.09 3.957-.117a2.6 2.6 0 0 1 2.672 2.53l.001.066a2.602 2.602 0 0 1-2.62 2.597l-3.963-.116-2.992 6.188a2.293 2.293 0 0 1-2.065 1.295c-.889 0-1.609-.72-1.609-1.631l.007-.118.707-5.908-2.132-.063-.27.736a1.946 1.946 0 0 1-1.827 1.278c-.876 0-1.586-.71-1.586-1.587v-.76l-.154-.032a1.92 1.92 0 0 1 0-3.758l.155-.032v-.76c0-.803.597-1.475 1.434-1.579l.151-.008c.745 0 1.423.426 1.765 1.127l.063.15.27.736 2.12-.062Zm.906-6.057c-.06 0-.109.049-.11.087l.887 7.422-4.84.141-.628-1.715-.032-.079c-.075-.152-.23-.25-.354-.251l-.058.002a.086.086 0 0 0-.075.085l.001 1.98-1.35.282a.419.419 0 0 0 0 .821l1.35.281v1.98c0 .047.038.086.085.086a.446.446 0 0 0 .419-.293l.64-1.751 4.854.141-.897 7.471v.03c0 .06.048.108.108.108a.793.793 0 0 0 .714-.448l3.415-7.063 4.914.144c.606 0 1.097-.491 1.097-1.086v-.043a1.097 1.097 0 0 0-1.13-1.064l-4.928.144-3.351-6.932-.053-.099a.793.793 0 0 0-.678-.381Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/app.svg b/hybrid/.config/eww/images/svg/dark/app.svg
new file mode 100755
index 000000000..b2a2169f0
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/app.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m18.492 2.33 3.179 3.179a2.25 2.25 0 0 1 0 3.182l-2.423 2.422A2.501 2.501 0 0 1 21 13.5v5a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 18.5v-13A2.5 2.5 0 0 1 5.5 3h5c1.121 0 2.07.737 2.387 1.754L15.31 2.33a2.25 2.25 0 0 1 3.182 0ZM11 13H5v5.5a.5.5 0 0 0 .5.5H11v-6Zm7.5 0H13v6h5.5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5Zm-4.06-2.001L13 9.559v1.44h1.44Zm-3.94-6h-5a.5.5 0 0 0-.5.5V11h6V5.5a.5.5 0 0 0-.5-.5Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/appgeneric.svg b/hybrid/.config/eww/images/svg/dark/appgeneric.svg
new file mode 100755
index 000000000..70f378c96
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/appgeneric.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m17.751 3 .185.005a3.25 3.25 0 0 1 3.06 3.06l.005.185v11.5l-.005.184A3.25 3.25 0 0 1 17.751 21H6.25a3.25 3.25 0 0 1-3.245-3.066L3 17.75V6.25a3.25 3.25 0 0 1 3.066-3.245L6.25 3h11.501ZM19.5 8H4.501L4.5 17.75a1.75 1.75 0 0 0 1.606 1.744l.144.006h11.501l.144-.006a1.75 1.75 0 0 0 1.6-1.593l.006-.151L19.5 8Zm-9.25 1.5a.75.75 0 0 1 .743.648l.007.102v7a.75.75 0 0 1-.648.743L10.25 18h-3.5a.75.75 0 0 1-.743-.648L6 17.25v-7a.75.75 0 0 1 .648-.743L6.75 9.5h3.5ZM9.5 11h-2v5.5h2V11Zm6.75 1.503a.75.75 0 0 1 .102 1.493l-.102.007h-3.496a.75.75 0 0 1-.101-1.493l.101-.007h3.496Zm1-3.003a.75.75 0 0 1 .102 1.493L17.25 11h-4.496a.75.75 0 0 1-.101-1.493l.101-.007h4.496Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/applycolor.svg b/hybrid/.config/eww/images/svg/dark/applycolor.svg
new file mode 100755
index 000000000..70d163583
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/applycolor.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M2 12.414V17.5A2.5 2.5 0 0 0 4.5 20h15a2.5 2.5 0 0 0 2.5-2.5v-11A2.5 2.5 0 0 0 19.5 4h-8.944l1.5 1.5H19.5a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1v-3.586l-1.5-1.5Z" fill="white"/><path d="M6 1.75a.75.75 0 1 1 1.5 0v1.265c.45.04.89.233 1.235.578l3.536 3.536a2 2 0 0 1 0 2.828L8.027 14.2a2 2 0 0 1-2.829 0l-3.535-3.536a2 2 0 0 1 0-2.828l4.243-4.243c.03-.03.061-.06.093-.087V1.75Zm0 4.5v-.629l-2.89 2.89h8.245a.498.498 0 0 0-.145-.322L7.674 4.654A.498.498 0 0 0 7.5 4.54v1.71a.75.75 0 0 1-1.5 0Zm-2.868 3.76 3.128 3.13a.5.5 0 0 0 .707 0l3.129-3.13H3.132ZM11 13.375c0-.493.154-.972.342-1.381.19-.416.438-.806.673-1.134.238-.331.474-.613.65-.812.085-.097.24-.261.299-.323l.005-.005a.75.75 0 0 1 1.061 0l.305.328c.176.199.412.48.649.812.236.328.483.718.674 1.134.188.409.342.888.342 1.381C16 14.765 14.97 16 13.5 16c-1.471 0-2.5-1.235-2.5-2.625Zm2.234-1.64c-.202.28-.392.585-.53.885-.14.305-.204.56-.204.755 0 .691.48 1.125 1 1.125.519 0 1-.434 1-1.125 0-.194-.065-.45-.205-.755a5.494 5.494 0 0 0-.53-.886 8.417 8.417 0 0 0-.265-.35 8.33 8.33 0 0 0-.266.35Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/bat0.svg b/hybrid/.config/eww/images/svg/dark/bat0.svg
new file mode 100755
index 000000000..5a4b54eaf
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/bat0.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/bat1.svg b/hybrid/.config/eww/images/svg/dark/bat1.svg
new file mode 100755
index 000000000..d0fee08cf
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/bat1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6.003 8.999H7a1 1 0 0 1 .993.883L8 10v4a1 1 0 0 1-.883.993L7 14.999h-.997a1 1 0 0 1-.993-.884L5.003 14v-4a1 1 0 0 1 .883-.994L6.003 9H7h-.997Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/bat10.svg b/hybrid/.config/eww/images/svg/dark/bat10.svg
new file mode 100755
index 000000000..6518b5510
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/bat10.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h10a1 1 0 0 1 .993.883L17 10v4a1 1 0 0 1-.883.993L16 15H6a1 1 0 0 1-.993-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h10H6Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/bat2.svg b/hybrid/.config/eww/images/svg/dark/bat2.svg
new file mode 100755
index 000000000..359e89591
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/bat2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9.003 8 9a1 1 0 0 1 .993.883L9 10v4a1 1 0 0 1-.883.993L8 15l-2 .003a1 1 0 0 1-.993-.883L5 14.003v-4a1 1 0 0 1 .883-.993L6 9.003 8 9l-2 .003Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/bat3.svg b/hybrid/.config/eww/images/svg/dark/bat3.svg
new file mode 100755
index 000000000..71d54b711
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/bat3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6.017 9H9a1 1 0 0 1 .993.883L10 10v4a1 1 0 0 1-.883.993L9 15H6.017a1 1 0 0 1-.994-.883L5.017 14v-4a1 1 0 0 1 .883-.993L6.017 9H9 6.017Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/bat4.svg b/hybrid/.config/eww/images/svg/dark/bat4.svg
new file mode 100755
index 000000000..fccf41179
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/bat4.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h4a1 1 0 0 1 .993.883L11 10v4a1 1 0 0 1-.883.993L10 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h4-4Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/bat5.svg b/hybrid/.config/eww/images/svg/dark/bat5.svg
new file mode 100755
index 000000000..f038d856b
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/bat5.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h5a1 1 0 0 1 .993.883L12 10v4a1 1 0 0 1-.883.993L11 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h5-5Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/bat6.svg b/hybrid/.config/eww/images/svg/dark/bat6.svg
new file mode 100755
index 000000000..1e78412ea
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/bat6.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h6a1 1 0 0 1 .993.883L13 10v4a1 1 0 0 1-.883.993L12 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h6-6Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/bat7.svg b/hybrid/.config/eww/images/svg/dark/bat7.svg
new file mode 100755
index 000000000..e2ac822f8
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/bat7.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h7a1 1 0 0 1 .993.883L14 10v4a1 1 0 0 1-.883.993L13 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h7-7Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/bat8.svg b/hybrid/.config/eww/images/svg/dark/bat8.svg
new file mode 100755
index 000000000..ab8433e94
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/bat8.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h8a1 1 0 0 1 .993.883L15 10v4a1 1 0 0 1-.883.993L14 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h8-8Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/bat9.svg b/hybrid/.config/eww/images/svg/dark/bat9.svg
new file mode 100755
index 000000000..bbe514d7b
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/bat9.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h9a1 1 0 0 1 .993.883L16 10v4a1 1 0 0 1-.883.993L15 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h9-9Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/batcharge.svg b/hybrid/.config/eww/images/svg/dark/batcharge.svg
new file mode 100755
index 000000000..eb76029ba
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/batcharge.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.75 6H17a3 3 0 0 1 2.995 2.824L20 9v1l1 .018a1 1 0 0 1 .993.879l.008.12v2a1 1 0 0 1-.866.992l-.134.009L20 14v1a3 3 0 0 1-2.824 2.995L17 18H7.998a.75.75 0 0 1-.102-1.493l.102-.007H17a1.5 1.5 0 0 0 1.493-1.355L18.5 15V9a1.5 1.5 0 0 0-1.355-1.493L17 7.5h-6.25a.75.75 0 0 1-.102-1.493L10.75 6H17h-6.25Zm-4.499 4.998v6.252a.75.75 0 0 1-1.492.102l-.007-.102v-6.252H3.75A1.75 1.75 0 0 1 2 9.249V6.75A.75.75 0 0 1 2.75 6h.751V4.75a.75.75 0 0 1 .648-.743L4.251 4a.75.75 0 0 1 .743.648l.007.102V6h.995V4.75a.75.75 0 0 1 .65-.743l.1-.007a.75.75 0 0 1 .744.648l.007.102L7.496 6h.758a.75.75 0 0 1 .75.75v2.499a1.75 1.75 0 0 1-1.75 1.75l-1.003-.001v6.252-6.252ZM7.504 7.5H3.5v1.749c0 .138.112.25.25.25h3.504a.25.25 0 0 0 .25-.25V7.5Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/beatmappacks.svg b/hybrid/.config/eww/images/svg/dark/beatmappacks.svg
new file mode 100755
index 000000000..4f4bc4bd2
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/beatmappacks.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="white"/>
+<path d="M45.8333 49.0106C45.4883 49.0106 45.1433 48.9575 44.8248 48.8248L25.3715 40.863C24.3365 40.4384 23.673 39.3768 23.7261 38.2622C23.7792 37.121 24.5488 36.1656 25.6369 35.8471L53.6093 27.8853C54.1932 27.7261 54.7771 27.7526 55.3344 27.9915L74.7877 35.9533C75.8227 36.3779 76.4862 37.4395 76.4331 38.5541C76.38 39.6953 75.6104 40.6507 74.5223 40.9692L46.5764 48.931C46.3376 48.9841 46.0987 49.0106 45.8333 49.0106ZM34.5011 38.8461L46.0191 43.5435L65.6847 37.9437L54.1667 33.2463L34.5011 38.8461Z" fill="white"/>
+<path d="M45.8333 74.1698C45.4883 74.1698 45.1433 74.1168 44.8248 73.9841L25.3715 66.0223C24.3365 65.5977 23.673 64.5361 23.7261 63.4214C23.7792 62.2802 24.5488 61.3248 25.6369 61.0064L53.5828 53.0446C54.1667 52.8853 54.7505 52.9119 55.3079 53.1507L74.7612 61.1125C75.7962 61.5372 76.4597 62.5987 76.4066 63.7134C76.3535 64.8546 75.5839 65.81 74.4958 66.1284L46.5499 74.0902C46.3376 74.1433 46.0987 74.1698 45.8333 74.1698ZM34.5011 64.0053L46.0191 68.7028L65.6847 63.103L54.1667 58.4055L34.5011 64.0053Z" fill="white"/>
+<path d="M26.4597 66.1285C25 66.1285 23.8057 64.9342 23.8057 63.4745V38.3153C23.8057 36.8556 25 35.6614 26.4597 35.6614C27.9193 35.6614 29.1136 36.8556 29.1136 38.3153V63.4745C29.1136 64.9342 27.9193 66.1285 26.4597 66.1285Z" fill="white"/>
+<path d="M45.9395 74.1433C44.4799 74.1433 43.2856 72.949 43.2856 71.4894V46.3301C43.2856 44.8705 44.4799 43.6762 45.9395 43.6762C47.3992 43.6762 48.5934 44.8705 48.5934 46.3301V71.4894C48.5934 72.949 47.3992 74.1433 45.9395 74.1433Z" fill="white"/>
+<path d="M54.4055 57.7421C52.9459 57.7421 51.7516 56.5478 51.7516 55.0881V30.4862C51.7516 29.0265 52.9459 27.8323 54.4055 27.8323C55.8652 27.8323 57.0594 29.0265 57.0594 30.4862V55.0881C57.0594 56.5478 55.8652 57.7421 54.4055 57.7421Z" fill="white"/>
+<path d="M73.8854 66.1285C72.4257 66.1285 71.2314 64.9342 71.2314 63.4745V38.8726C71.2314 37.413 72.4257 36.2187 73.8854 36.2187C75.345 36.2187 76.5393 37.413 76.5393 38.8726V63.4745C76.5393 64.9342 75.345 66.1285 73.8854 66.1285Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/beatmaps.svg b/hybrid/.config/eww/images/svg/dark/beatmaps.svg
new file mode 100755
index 000000000..34aca1b69
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/beatmaps.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7375 27.0672C49.7375 22.2087 55.5763 19.7364 59.0652 23.1177L64.1858 28.0804C65.5739 29.4257 65.6086 31.6415 64.2633 33.0296C62.9181 34.4176 60.7023 34.4523 59.3142 33.1071L56.7375 30.6098V54.0937C56.7375 56.0267 55.1705 57.5937 53.2375 57.5937C51.3045 57.5937 49.7375 56.0267 49.7375 54.0937V27.0672Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M47.9008 55.8953C48.8125 55.8953 49.5516 55.1562 49.5516 54.2445C49.5516 53.3328 48.8125 52.5938 47.9008 52.5938C46.9891 52.5938 46.25 53.3328 46.25 54.2445C46.25 55.1562 46.9891 55.8953 47.9008 55.8953ZM47.9008 62.8953C52.6785 62.8953 56.5516 59.0222 56.5516 54.2445C56.5516 49.4668 52.6785 45.5938 47.9008 45.5938C43.1231 45.5938 39.25 49.4668 39.25 54.2445C39.25 59.0222 43.1231 62.8953 47.9008 62.8953Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.3186 33.2126C47.6854 34.5795 47.6854 36.7955 46.3186 38.1624L31.9479 52.5331C31.3621 53.1189 31.3621 54.0686 31.9479 54.6544L48.9393 71.6458C49.5251 72.2316 50.4748 72.2316 51.0606 71.6458L68.0521 54.6544C68.6379 54.0686 68.6379 53.1189 68.0521 52.5331L59.8376 44.3186C58.4708 42.9518 58.4708 40.7357 59.8376 39.3689C61.2044 38.002 63.4205 38.002 64.7873 39.3689L73.0018 47.5833C76.3213 50.9028 76.3213 56.2847 73.0018 59.6042L56.0104 76.5956C52.6909 79.915 47.309 79.915 43.9896 76.5956L26.9981 59.6042C23.6787 56.2847 23.6787 50.9028 26.9981 47.5833L41.3689 33.2126C42.7357 31.8458 44.9518 31.8458 46.3186 33.2126Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/bluetooth.svg b/hybrid/.config/eww/images/svg/dark/bluetooth.svg
new file mode 100755
index 000000000..3320f9394
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/bluetooth.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m11.698 12.974 2.682 2.237-2.876 3.117v-5.193l.194-.161Zm1.171-.976 3.077-2.564a.75.75 0 0 0 .071-1.085l-4.711-5.104a.75.75 0 0 0-1.302.508v5.855l-1.12-.934a.75.75 0 1 0-.96 1.152l2.08 1.735v.871l-2.08 1.734a.75.75 0 0 0 .96 1.152l1.12-.934v5.863a.75.75 0 0 0 1.302.508l4.711-5.106a.75.75 0 0 0-.07-1.085l-3.078-2.566Zm-1.17-.977-.195-.162V5.672l2.876 3.115-2.682 2.234Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/bluetoothfalse.svg b/hybrid/.config/eww/images/svg/dark/bluetoothfalse.svg
new file mode 100755
index 000000000..50742113a
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/bluetoothfalse.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.28 2.22a.75.75 0 1 0-1.06 1.06L10 11.06v.498l.004.003v.871l-2.08 1.734a.75.75 0 0 0 .96 1.152l1.12-.934v5.863a.75.75 0 0 0 1.302.508l4.025-4.363 5.388 5.389a.75.75 0 0 0 1.061-1.061L3.28 2.22Zm8.222 10.343 2.768 2.768-2.766 2.997v-5.193l-.002-.572ZM15.946 9.434l-1.816 1.514-1.066-1.065 1.316-1.096-2.876-3.115v2.65l-1.5-1.5V3.754a.75.75 0 0 1 1.302-.508l4.711 5.104a.75.75 0 0 1-.07 1.085Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/bluetoothtrue.svg b/hybrid/.config/eww/images/svg/dark/bluetoothtrue.svg
new file mode 100755
index 000000000..a13c122a6
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/bluetoothtrue.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.004 9.608V3.753c0-.646.752-.974 1.225-.58l.076.072 4.712 5.104a.75.75 0 0 1 .005 1.012l-.076.073-3.077 2.564 3.077 2.566a.75.75 0 0 1 .137 1.002l-.066.083-4.711 5.106c-.44.476-1.214.207-1.295-.404l-.007-.104v-5.863l-1.12.934a.75.75 0 0 1-1.04-1.075l.08-.077 2.08-1.734v-.87l-2.08-1.736a.75.75 0 0 1 .87-1.217l.09.065 1.12.934V3.753v5.855Zm1.694 3.366-.194.16v5.194l2.876-3.117-2.682-2.237ZM17 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2ZM6 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm5.504-5.328v5.187l.194.162 2.682-2.234-2.876-3.115Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/bright0.svg b/hybrid/.config/eww/images/svg/dark/bright0.svg
new file mode 100755
index 000000000..5a4b54eaf
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/bright0.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/brightness.svg b/hybrid/.config/eww/images/svg/dark/brightness.svg
new file mode 100755
index 000000000..7c9ded244
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/brightness.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M11.996 19.01a.75.75 0 0 1 .743.649l.007.102v1.5a.75.75 0 0 1-1.493.101l-.007-.101v-1.5a.75.75 0 0 1 .75-.75Zm6.022-2.072 1.06 1.06a.75.75 0 1 1-1.06 1.061l-1.06-1.06a.75.75 0 0 1 1.06-1.061Zm-10.983 0a.75.75 0 0 1 0 1.06L5.974 19.06a.75.75 0 0 1-1.06-1.06l1.06-1.061a.75.75 0 0 1 1.06 0ZM12 6.475a5.525 5.525 0 1 1 0 11.05 5.525 5.525 0 0 1 0-11.05Zm0 1.5a4.025 4.025 0 1 0 0 8.05 4.025 4.025 0 0 0 0-8.05Zm9.25 3.293a.75.75 0 0 1 .102 1.493l-.102.007h-1.5a.75.75 0 0 1-.102-1.493l.102-.007h1.5Zm-17-.029a.75.75 0 0 1 .102 1.494l-.102.006h-1.5a.75.75 0 0 1-.102-1.493l.102-.007h1.5Zm1.64-6.37.084.072 1.06 1.06a.75.75 0 0 1-.976 1.134l-.084-.073-1.06-1.06a.75.75 0 0 1 .976-1.134Zm13.188.072a.75.75 0 0 1 .073.977l-.073.084-1.06 1.06a.75.75 0 0 1-1.133-.976l.072-.084 1.06-1.061a.75.75 0 0 1 1.061 0ZM12 1.99a.75.75 0 0 1 .743.648l.007.102v1.5a.75.75 0 0 1-1.493.101l-.007-.102v-1.5a.75.75 0 0 1 .75-.75Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/calculator.svg b/hybrid/.config/eww/images/svg/dark/calculator.svg
new file mode 100755
index 000000000..0a8f53dd1
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/calculator.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7 7a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2V7Zm2-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-.5-.5H9Zm-.75 8a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm1.25 2.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm6.25-2.75a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM17 17.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm-5-2.75a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm1.25 2.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM7.25 2A3.25 3.25 0 0 0 4 5.25v13.5A3.25 3.25 0 0 0 7.25 22h9.5A3.25 3.25 0 0 0 20 18.75V5.25A3.25 3.25 0 0 0 16.75 2h-9.5ZM5.5 5.25c0-.966.784-1.75 1.75-1.75h9.5c.966 0 1.75.784 1.75 1.75v13.5a1.75 1.75 0 0 1-1.75 1.75h-9.5a1.75 1.75 0 0 1-1.75-1.75V5.25Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/caretdown.svg b/hybrid/.config/eww/images/svg/dark/caretdown.svg
new file mode 100755
index 000000000..75b3c59f0
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/caretdown.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.102 8c-1.074 0-1.648 1.265-.94 2.073l5.521 6.31a1.75 1.75 0 0 0 2.634 0l5.522-6.31c.707-.808.133-2.073-.94-2.073H6.101Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/caretup.svg b/hybrid/.config/eww/images/svg/dark/caretup.svg
new file mode 100755
index 000000000..aecea9e57
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/caretup.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.102 16.981c-1.074 0-1.648-1.265-.94-2.073l5.521-6.31a1.75 1.75 0 0 1 2.634 0l5.522 6.31c.707.809.133 2.073-.94 2.073H6.101Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/changelog.svg b/hybrid/.config/eww/images/svg/dark/changelog.svg
new file mode 100755
index 000000000..4d610ba10
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/changelog.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0471 9.31178C70.2488 9.31178 75.0789 12.1005 77.6798 16.6155L92.7275 42.6963C95.3284 47.2113 95.3284 52.7887 92.7275 57.3037L77.6798 83.3845C75.0789 87.8995 70.2488 90.6882 65.0471 90.6882H34.9515C29.7498 90.6882 24.9197 87.8995 22.3188 83.3845L7.27104 57.3037C4.67019 52.7887 4.67019 47.2113 7.27104 42.6963L22.3188 16.6155C24.9197 12.1005 29.7498 9.31178 34.9515 9.31178H65.0471ZM65.0471 4H34.9515C27.839 4 21.2572 7.79792 17.701 13.9596L2.6532 40.0404C-0.903062 46.2021 -0.903062 53.7979 2.6532 59.9596L17.701 86.0404C21.2572 92.2021 27.839 96 34.9515 96H65.0471C72.1596 96 78.7413 92.2021 82.2976 86.0404L97.3454 59.9596C100.902 53.7979 100.902 46.2021 97.3454 40.0404L82.2711 13.9596C78.7413 7.79792 72.1596 4 65.0471 4Z" fill="white"/>
+<path d="M43.0733 72.0439C42.4098 72.0439 41.7198 71.8845 41.0828 71.5127L28.0786 63.9965C25.2389 62.3499 23.4607 59.2956 23.4607 56.0023V43.9977C23.4607 40.7044 25.2389 37.6501 28.0786 36.0035L41.0828 28.4873C42.9936 27.3984 45.4087 28.0358 46.5234 29.948C47.6115 31.8603 46.9745 34.2771 45.0637 35.3926L32.0595 42.9088C31.6614 43.1212 31.4225 43.5462 31.4225 43.9977V56.0023C31.4225 56.4538 31.6614 56.8788 32.0595 57.0912L45.0637 64.6074C46.9745 65.6963 47.6115 68.1397 46.5234 70.052C45.8068 71.3268 44.4533 72.0439 43.0733 72.0439Z" fill="white"/>
+<path d="M56.9002 72.0439C55.5202 72.0439 54.1932 71.3268 53.4501 70.052C52.362 68.1397 52.9989 65.7229 54.9098 64.6074L67.914 57.0912C68.3121 56.8788 68.5509 56.4538 68.5509 56.0023V43.9977C68.5509 43.5462 68.3121 43.1212 67.914 42.9088L54.9098 35.3926C52.9989 34.3037 52.362 31.8603 53.4501 29.948C54.5382 28.0358 56.9798 27.3984 58.8907 28.4873L71.8949 36.0035C74.7346 37.6501 76.5127 40.7044 76.5127 43.9977V56.0023C76.5127 59.2956 74.7346 62.3499 71.8949 63.9965L58.8907 71.5127C58.2803 71.8845 57.5902 72.0439 56.9002 72.0439Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/chat.svg b/hybrid/.config/eww/images/svg/dark/chat.svg
new file mode 100755
index 000000000..c0b632db2
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/chat.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0482 9.31178C70.2499 9.31178 75.08 12.1005 77.6809 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6809 83.3845C75.08 87.8995 70.2499 90.6882 65.0482 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27215 57.3037C4.6713 52.7887 4.6713 47.2113 7.27215 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0482ZM65.0482 4H34.9526C27.8401 4 21.2584 7.79792 17.7021 13.9596L2.65432 40.0404C-0.901944 46.2021 -0.901944 53.7979 2.65432 59.9596L17.7021 86.0404C21.2584 92.2021 27.8401 96 34.9526 96H65.0482C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3465 59.9596C100.903 53.7979 100.903 46.2021 97.3465 40.0404L82.2722 13.9596C78.7424 7.79792 72.1607 4 65.0482 4Z" fill="white"/>
+<g clip-path="url(#clip1)">
+<path d="M46.9436 72C44.9758 72 43.3872 70.4427 43.3872 68.5136C43.3872 67.7233 43.6718 66.9331 44.1697 66.3288L51.0453 57.9614C53.108 55.428 56.2376 53.9637 59.5332 53.987H64.3224C65.176 53.987 65.8635 53.2897 65.8635 52.4529L65.8161 39.4836C65.8161 38.6468 65.1286 37.9728 64.275 37.9728H36.725C35.8714 37.9728 35.1839 38.6468 35.1602 39.4836L35.1128 52.4065C35.1128 52.8248 35.2787 53.1967 35.5632 53.4989C35.8714 53.7778 36.2508 53.9405 36.6776 53.9405L40.2576 53.894H40.3051C42.2729 53.894 43.8614 55.428 43.8851 57.3571C43.9089 59.2863 42.3203 60.8435 40.3525 60.8668L36.7724 60.89C31.9831 60.9597 28.0711 57.1944 28 52.4994C28 52.4529 28 52.4065 28 52.36L28.0474 39.4371C28.0711 34.7885 31.9594 31 36.725 31H64.2987C69.0643 31 72.9289 34.7885 72.9526 39.4603L73 52.4297C73.0237 57.1247 69.1591 60.9365 64.3699 60.9597H64.3462H59.5569C58.4189 60.9597 57.3282 61.4711 56.617 62.3543L49.7413 70.7216C49.0537 71.5351 48.0342 72.0232 46.9436 72Z" fill="white"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+<clipPath id="clip1">
+<rect width="45" height="41" fill="white" transform="translate(28 31)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/checkbox.svg b/hybrid/.config/eww/images/svg/dark/checkbox.svg
new file mode 100755
index 000000000..dde43be39
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/checkbox.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.25 3A3.25 3.25 0 0 0 3 6.25v11.5A3.25 3.25 0 0 0 6.25 21h11.5A3.25 3.25 0 0 0 21 17.75V6.25A3.25 3.25 0 0 0 17.75 3H6.25Zm10.03 6.78-5 5a.75.75 0 0 1-1.06 0l-2.004-2.004a.75.75 0 1 1 1.06-1.06l1.474 1.473 4.47-4.47a.75.75 0 1 1 1.06 1.061Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/checkbox_no.svg b/hybrid/.config/eww/images/svg/dark/checkbox_no.svg
new file mode 100755
index 000000000..773954a56
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/checkbox_no.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6 3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3Zm0 2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H6Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/cog.svg b/hybrid/.config/eww/images/svg/dark/cog.svg
new file mode 100755
index 000000000..fd8990e30
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/cog.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.012 2.25c.734.008 1.465.093 2.182.253a.75.75 0 0 1 .582.649l.17 1.527a1.384 1.384 0 0 0 1.927 1.116l1.401-.615a.75.75 0 0 1 .85.174 9.792 9.792 0 0 1 2.204 3.792.75.75 0 0 1-.271.825l-1.242.916a1.381 1.381 0 0 0 0 2.226l1.243.915a.75.75 0 0 1 .272.826 9.797 9.797 0 0 1-2.204 3.792.75.75 0 0 1-.848.175l-1.407-.617a1.38 1.38 0 0 0-1.926 1.114l-.169 1.526a.75.75 0 0 1-.572.647 9.518 9.518 0 0 1-4.406 0 .75.75 0 0 1-.572-.647l-.168-1.524a1.382 1.382 0 0 0-1.926-1.11l-1.406.616a.75.75 0 0 1-.849-.175 9.798 9.798 0 0 1-2.204-3.796.75.75 0 0 1 .272-.826l1.243-.916a1.38 1.38 0 0 0 0-2.226l-1.243-.914a.75.75 0 0 1-.271-.826 9.793 9.793 0 0 1 2.204-3.792.75.75 0 0 1 .85-.174l1.4.615a1.387 1.387 0 0 0 1.93-1.118l.17-1.526a.75.75 0 0 1 .583-.65c.717-.159 1.45-.243 2.201-.252Zm0 1.5a9.135 9.135 0 0 0-1.354.117l-.109.977A2.886 2.886 0 0 1 6.525 7.17l-.898-.394a8.293 8.293 0 0 0-1.348 2.317l.798.587a2.881 2.881 0 0 1 0 4.643l-.799.588c.32.842.776 1.626 1.348 2.322l.905-.397a2.882 2.882 0 0 1 4.017 2.318l.11.984c.889.15 1.798.15 2.687 0l.11-.984a2.881 2.881 0 0 1 4.018-2.322l.905.396a8.296 8.296 0 0 0 1.347-2.318l-.798-.588a2.881 2.881 0 0 1 0-4.643l.796-.587a8.293 8.293 0 0 0-1.348-2.317l-.896.393a2.884 2.884 0 0 1-4.023-2.324l-.11-.976a8.988 8.988 0 0 0-1.333-.117ZM12 8.25a3.75 3.75 0 1 1 0 7.5 3.75 3.75 0 0 1 0-7.5Zm0 1.5a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/color.scss b/hybrid/.config/eww/images/svg/dark/color.scss
new file mode 100755
index 000000000..e96f7e758
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/color.scss
@@ -0,0 +1 @@
+$colorbar: white;
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/color.txt b/hybrid/.config/eww/images/svg/dark/color.txt
new file mode 100755
index 000000000..65c27486f
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/color.txt
@@ -0,0 +1 @@
+white
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/contests.svg b/hybrid/.config/eww/images/svg/dark/contests.svg
new file mode 100755
index 000000000..ee97f1e25
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/contests.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0478 9.30786C70.2495 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.3291 47.1794 95.3291 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2495 90.6242 65.0478 90.6242H34.9522C29.7505 90.6242 24.9204 87.8376 22.3195 83.3259L7.27175 57.2643C4.67091 52.7527 4.67091 47.1794 7.27175 42.6677L22.3195 16.6062C24.9204 12.0945 29.7505 9.30786 34.9522 9.30786H65.0478ZM65.0478 4H34.9522C27.8397 4 21.258 7.79512 17.7017 13.9522L2.65392 40.0138C-0.902341 46.1709 -0.902341 53.7611 2.65392 59.9183L17.7017 85.9798C21.258 92.1369 27.8397 95.9321 34.9522 95.9321H65.0478C72.1603 95.9321 78.742 92.1369 82.2983 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1603 4 65.0478 4Z" fill="white"/>
+<path d="M50 76.7707C47.7972 76.7707 46.0191 74.9925 46.0191 72.7898V53.9469C46.0191 51.7441 47.7972 49.966 50 49.966C52.2028 49.966 53.9809 51.7441 53.9809 53.9469V72.7898C53.9809 74.9925 52.2028 76.7707 50 76.7707Z" fill="white"/>
+<path d="M36.7304 71.9936C34.5276 71.9936 32.7495 70.2155 32.7495 68.0127V61.1125C32.7495 58.9098 34.5276 57.1316 36.7304 57.1316C38.9331 57.1316 40.7113 58.9098 40.7113 61.1125V68.0127C40.7113 70.2155 38.9331 71.9936 36.7304 71.9936Z" fill="white"/>
+<path d="M36.7304 51.8238C36.5977 51.8238 36.465 51.8238 36.3323 51.7973C36.1996 51.7973 36.0669 51.7707 35.9342 51.7442C35.8015 51.7176 35.6688 51.6911 35.5626 51.638C35.4299 51.5849 35.3238 51.5584 35.1911 51.5053C35.0849 51.4522 34.9522 51.3992 34.8461 51.3461C34.7399 51.293 34.6072 51.2134 34.5011 51.1338C34.3949 51.0542 34.2887 50.9745 34.1826 50.8949C34.0764 50.8153 33.9703 50.7091 33.8906 50.6295C33.811 50.5234 33.7049 50.4438 33.6253 50.3376C33.5456 50.2314 33.466 50.1253 33.3864 50.0191C33.3068 49.913 33.2537 49.8068 33.1741 49.6741C33.121 49.568 33.0679 49.4353 33.0149 49.3291C32.9618 49.223 32.9087 49.0903 32.8822 48.9576C32.8556 48.8249 32.8025 48.6922 32.776 48.586C32.7495 48.4533 32.7229 48.3206 32.7229 48.2145C32.6964 48.0818 32.6964 47.9491 32.6964 47.8164C32.6964 47.6837 32.6964 47.551 32.7229 47.4183C32.7229 47.2856 32.7495 47.1529 32.776 47.0202C32.8025 46.8875 32.8291 46.7548 32.8822 46.6486C32.9087 46.5159 32.9618 46.4098 33.0149 46.2771C33.0679 46.1709 33.121 46.0382 33.1741 45.9321C33.2272 45.8259 33.3068 45.6932 33.3864 45.5871C33.466 45.4809 33.5456 45.3748 33.6253 45.2686C33.7049 45.1624 33.7845 45.0563 33.8906 44.9767C33.9968 44.897 34.0764 44.7909 34.1826 44.7113C34.2887 44.6317 34.3949 44.552 34.5011 44.4724C34.6072 44.3928 34.7134 44.3397 34.8461 44.2601C34.9522 44.207 35.0849 44.1539 35.1911 44.1009C35.3238 44.0478 35.4299 43.9947 35.5626 43.9682C35.6953 43.9416 35.828 43.8886 35.9342 43.862C36.0669 43.8355 36.1996 43.8089 36.3323 43.8089C36.5977 43.7824 36.8631 43.7824 37.1019 43.8089C37.2346 43.8089 37.3673 43.8355 37.5 43.862C37.6327 43.8886 37.7654 43.9151 37.8715 43.9682C38.0042 43.9947 38.1104 44.0478 38.2431 44.1009C38.3758 44.1539 38.4819 44.207 38.5881 44.2601C38.6943 44.3132 38.827 44.3928 38.9331 44.4724C39.0393 44.552 39.1454 44.6317 39.2516 44.7113C39.3577 44.7909 39.4639 44.8705 39.5435 44.9767C39.6231 45.0828 39.7293 45.1624 39.8089 45.2686C39.8885 45.3748 39.9681 45.4809 40.0478 45.5871C40.1274 45.6932 40.1805 45.7994 40.2601 45.9321C40.3132 46.0382 40.3662 46.1709 40.4193 46.2771C40.4724 46.4098 40.4989 46.5159 40.552 46.6486C40.5786 46.7813 40.6316 46.914 40.6582 47.0202C40.6847 47.1529 40.7112 47.2856 40.7112 47.4183C40.7378 47.551 40.7378 47.6837 40.7378 47.8164C40.7378 47.9491 40.7378 48.0818 40.7112 48.2145C40.7112 48.3472 40.6847 48.4799 40.6582 48.586C40.6316 48.7187 40.6051 48.8514 40.552 48.9576C40.4989 49.0903 40.4724 49.1964 40.4193 49.3291C40.3662 49.4618 40.3132 49.568 40.2601 49.6741C40.207 49.7803 40.1274 49.913 40.0478 50.0191C39.9681 50.1253 39.8885 50.2314 39.8089 50.3376C39.7293 50.4438 39.6231 50.5499 39.5435 50.6295C39.4374 50.7091 39.3577 50.8153 39.2516 50.8949C39.1454 50.9745 39.0393 51.0542 38.9331 51.1338C38.827 51.2134 38.7208 51.2665 38.5881 51.3461C38.4819 51.3992 38.3493 51.4522 38.2431 51.5053C38.1369 51.5584 38.0042 51.5849 37.8715 51.638C37.7388 51.6646 37.6327 51.7176 37.5 51.7442C37.3673 51.7707 37.2346 51.7973 37.1019 51.7973C36.9957 51.8238 36.863 51.8238 36.7304 51.8238Z" fill="white"/>
+<path d="M63.2696 71.9936C61.0669 71.9936 59.2887 70.2155 59.2887 68.0127V61.1125C59.2887 58.9098 61.0669 57.1316 63.2696 57.1316C65.4724 57.1316 67.2505 58.9098 67.2505 61.1125V68.0127C67.2505 70.2155 65.4724 71.9936 63.2696 71.9936Z" fill="white"/>
+<path d="M63.2696 51.8238C63.1369 51.8238 63.0043 51.8238 62.8716 51.7973C62.7389 51.7973 62.6062 51.7707 62.4735 51.7442C62.3408 51.7176 62.2081 51.6911 62.1019 51.638C61.9692 51.5849 61.8631 51.5584 61.7304 51.5053C61.6242 51.4522 61.4915 51.3992 61.3854 51.3461C61.2792 51.293 61.1465 51.2134 61.0403 51.1338C60.9342 51.0542 60.828 50.9745 60.7219 50.8949C60.6157 50.8153 60.5096 50.7091 60.4299 50.6295C60.3503 50.5234 60.2442 50.4438 60.1645 50.3376C60.0849 50.2314 60.0053 50.1253 59.9257 50.0191C59.8461 49.913 59.793 49.8068 59.7134 49.6741C59.6603 49.568 59.6072 49.4353 59.5541 49.3291C59.5011 49.223 59.448 49.0903 59.4214 48.9576C59.3949 48.8249 59.3418 48.6922 59.3153 48.586C59.2888 48.4533 59.2622 48.3206 59.2622 48.2145C59.2622 48.0818 59.2357 47.9491 59.2357 47.8164C59.2357 47.6837 59.2357 47.551 59.2622 47.4183C59.2622 47.2856 59.2888 47.1529 59.3153 47.0202C59.3418 46.8875 59.3684 46.7548 59.4214 46.6486C59.448 46.5159 59.5011 46.4098 59.5541 46.2771C59.6072 46.1709 59.6603 46.0382 59.7134 45.9321C59.7665 45.8259 59.8461 45.6932 59.9257 45.5871C60.0053 45.4809 60.0849 45.3748 60.1645 45.2686C60.2442 45.1624 60.3238 45.0563 60.4299 44.9767C60.5361 44.897 60.6157 44.7909 60.7219 44.7113C60.828 44.6317 60.9342 44.552 61.0403 44.4724C61.1465 44.3928 61.2527 44.3397 61.3854 44.2601C61.4915 44.207 61.6242 44.1539 61.7304 44.1009C61.8631 44.0478 61.9692 43.9947 62.1019 43.9682C62.2346 43.9416 62.3673 43.8886 62.4735 43.862C62.6062 43.8355 62.7389 43.8089 62.8716 43.8089C63.1369 43.7824 63.4023 43.7824 63.6677 43.8089C63.8004 43.8089 63.9331 43.8355 64.0393 43.862C64.172 43.8886 64.3047 43.9151 64.4108 43.9682C64.5435 43.9947 64.6497 44.0478 64.7824 44.1009C64.9151 44.1539 65.0212 44.207 65.1274 44.2601C65.2336 44.3132 65.3663 44.3928 65.4724 44.4724C65.5786 44.552 65.6847 44.6317 65.7909 44.7113C65.897 44.7909 66.0032 44.8705 66.0828 44.9767C66.1624 45.0828 66.2686 45.1624 66.3482 45.2686C66.4278 45.3748 66.5074 45.4809 66.5871 45.5871C66.6667 45.6932 66.7198 45.7994 66.7994 45.9321C66.8525 46.0382 66.9055 46.1709 66.9586 46.2771C67.0117 46.4098 67.0382 46.5159 67.0913 46.6486C67.1178 46.7813 67.1709 46.914 67.1975 47.0202C67.224 47.1529 67.2505 47.2856 67.2505 47.4183C67.2771 47.551 67.2771 47.6837 67.2771 47.8164C67.2771 47.9491 67.2771 48.0818 67.2505 48.2145C67.2505 48.3472 67.224 48.4799 67.1975 48.586C67.1709 48.7187 67.1444 48.8514 67.0913 48.9576C67.0382 49.0903 67.0117 49.1964 66.9586 49.3291C66.9055 49.4618 66.8525 49.568 66.7994 49.6741C66.7463 49.7803 66.6667 49.913 66.5871 50.0191C66.5074 50.1253 66.4278 50.2314 66.3482 50.3376C66.2686 50.4438 66.1624 50.5499 66.0828 50.6295C65.9767 50.7091 65.897 50.8153 65.7909 50.8949C65.6847 50.9745 65.5786 51.0542 65.4724 51.1338C65.3663 51.2134 65.2601 51.2665 65.1274 51.3461C65.0212 51.3992 64.8885 51.4522 64.7824 51.5053C64.6762 51.5584 64.5435 51.5849 64.4108 51.638C64.2781 51.6646 64.172 51.7176 64.0393 51.7442C63.9066 51.7707 63.7739 51.7973 63.6677 51.7973C63.535 51.8238 63.4023 51.8238 63.2696 51.8238Z" fill="white"/>
+<path d="M50 44.7909C44.1348 44.7909 39.3843 40.0403 39.3843 34.1752C39.3843 28.31 44.1348 23.5594 50 23.5594C55.8652 23.5594 60.6157 28.31 60.6157 34.1752C60.6157 40.0403 55.8652 44.7909 50 44.7909ZM50 31.5212C48.5403 31.5212 47.3461 32.7155 47.3461 34.1752C47.3461 35.6348 48.5403 36.8291 50 36.8291C51.4597 36.8291 52.6539 35.6348 52.6539 34.1752C52.6539 32.7155 51.4597 31.5212 50 31.5212Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/copy.svg b/hybrid/.config/eww/images/svg/dark/copy.svg
new file mode 100755
index 000000000..dfc96f75f
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/copy.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5.503 4.627 5.5 6.75v10.504a3.25 3.25 0 0 0 3.25 3.25h8.616a2.251 2.251 0 0 1-2.122 1.5H8.75A4.75 4.75 0 0 1 4 17.254V6.75c0-.98.627-1.815 1.503-2.123ZM17.75 2A2.25 2.25 0 0 1 20 4.25v13a2.25 2.25 0 0 1-2.25 2.25h-9a2.25 2.25 0 0 1-2.25-2.25v-13A2.25 2.25 0 0 1 8.75 2h9Zm0 1.5h-9a.75.75 0 0 0-.75.75v13c0 .414.336.75.75.75h9a.75.75 0 0 0 .75-.75v-13a.75.75 0 0 0-.75-.75Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/downarrow.svg b/hybrid/.config/eww/images/svg/dark/downarrow.svg
new file mode 100755
index 000000000..8007c824d
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/downarrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.293 8.293a1 1 0 0 1 1.414 0L12 14.586l6.293-6.293a1 1 0 1 1 1.414 1.414l-7 7a1 1 0 0 1-1.414 0l-7-7a1 1 0 0 1 0-1.414Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/folderopen.svg b/hybrid/.config/eww/images/svg/dark/folderopen.svg
new file mode 100755
index 000000000..7a13e37ce
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/folderopen.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 9.502V8.75a2.25 2.25 0 0 0-2.25-2.25h-5.725l-2.38-1.98A2.25 2.25 0 0 0 8.204 4H4.25A2.25 2.25 0 0 0 2 6.25l-.004 11.5A2.25 2.25 0 0 0 4.246 20H18.47a1.75 1.75 0 0 0 1.698-1.325l1.75-6.998a1.75 1.75 0 0 0-1.698-2.175H20ZM4.25 5.5h3.956a.75.75 0 0 1 .48.173l2.588 2.154a.75.75 0 0 0 .48.173h5.996a.75.75 0 0 1 .75.75v.752H6.424a2.25 2.25 0 0 0-2.183 1.704l-.744 2.978L3.5 6.25a.75.75 0 0 1 .75-.75Zm1.447 6.07a.75.75 0 0 1 .727-.568H20.22a.25.25 0 0 1 .242.31l-1.75 6.999a.25.25 0 0 1-.242.189H4.285a.25.25 0 0 1-.243-.31l1.655-6.62Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/forum.svg b/hybrid/.config/eww/images/svg/dark/forum.svg
new file mode 100755
index 000000000..d498ef84e
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/forum.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.28849C70.2493 9.28849 75.0795 12.0649 77.6803 16.5602L92.7281 42.5266C95.3289 47.0219 95.3289 52.5748 92.7281 57.07L77.6803 83.0365C75.0795 87.5317 70.2493 90.3082 65.0476 90.3082H34.9521C29.7504 90.3082 24.9203 87.5317 22.3194 83.0365L7.27165 57.07C4.6708 52.5748 4.6708 47.0219 7.27165 42.5266L22.3194 16.5602C24.9203 12.0649 29.7504 9.28849 34.9521 9.28849H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.78127 17.7016 13.9159L2.65381 39.8824C-0.902448 46.0171 -0.902448 53.5796 2.65381 59.7142L17.7016 85.6807C21.2578 91.8154 27.8396 95.5966 34.9521 95.5966H65.0476C72.1602 95.5966 78.7419 91.8154 82.2982 85.6807L97.3459 59.7142C100.902 53.5796 100.902 46.0171 97.3459 39.8824L82.2716 13.9159C78.7419 7.78127 72.1602 4 65.0476 4Z" fill="white"/>
+<path d="M66.9851 40.8079C69.1837 40.8079 70.966 39.0321 70.966 36.8415C70.966 34.651 69.1837 32.8752 66.9851 32.8752C64.7865 32.8752 63.0042 34.651 63.0042 36.8415C63.0042 39.0321 64.7865 40.8079 66.9851 40.8079Z" fill="white"/>
+<path d="M51.327 40.8079H34.6072C32.4045 40.8079 30.6263 39.0362 30.6263 36.8415C30.6263 34.6468 32.4045 32.8752 34.6072 32.8752H51.327C53.5297 32.8752 55.3079 34.6468 55.3079 36.8415C55.3079 39.0362 53.5297 40.8079 51.327 40.8079Z" fill="white"/>
+<path d="M66.9851 67.2503C69.1837 67.2503 70.966 65.4745 70.966 63.284C70.966 61.0934 69.1837 59.3176 66.9851 59.3176C64.7865 59.3176 63.0042 61.0934 63.0042 63.284C63.0042 65.4745 64.7865 67.2503 66.9851 67.2503Z" fill="white"/>
+<path d="M51.327 67.2503H34.6072C32.4045 67.2503 30.6263 65.4787 30.6263 63.284C30.6263 61.0892 32.4045 59.3176 34.6072 59.3176H51.327C53.5297 59.3176 55.3079 61.0892 55.3079 63.284C55.3079 65.4787 53.5297 67.2503 51.327 67.2503Z" fill="white"/>
+<path d="M34.8726 54.0291C37.0712 54.0291 38.8535 52.2533 38.8535 50.0627C38.8535 47.8722 37.0712 46.0964 34.8726 46.0964C32.674 46.0964 30.8917 47.8722 30.8917 50.0627C30.8917 52.2533 32.674 54.0291 34.8726 54.0291Z" fill="white"/>
+<path d="M67.2505 54.0291H50.5308C48.328 54.0291 46.5499 52.2575 46.5499 50.0627C46.5499 47.868 48.328 46.0964 50.5308 46.0964H67.2505C69.4533 46.0964 71.2314 47.868 71.2314 50.0627C71.2314 52.2575 69.4533 54.0291 67.2505 54.0291Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.5966" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/graph.svg b/hybrid/.config/eww/images/svg/dark/graph.svg
new file mode 100755
index 000000000..dce5d1733
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/graph.svg
@@ -0,0 +1,16 @@
+<svg width="1920" height="1080">
+  <circle cx="225" cy="350" r="40" stroke="white" stroke-width="3" fill="none" />
+  <circle cx="525" cy="250" r="40" stroke="white" stroke-width="3" fill="none" />
+  <circle cx="825" cy="350" r="40" stroke="white" stroke-width="3" fill="none" />
+  <circle cx="1125" cy="250" r="40" stroke="white" stroke-width="3" fill="none" />
+  <line x1="225" y1="350" x2="525" y2="250" stroke="white" stroke-width="3" 
+    stroke-linecap="round"/>
+  <line x1="525" y1="250" x2="825" y2="350" stroke="white" stroke-width="3" 
+    stroke-linecap="round"/>
+  <line x1="825" y1="350" x2="1125" y2="250" stroke="white" stroke-width="3" 
+    stroke-linecap="round"/>
+  <circle cx="225" cy="350" r="20" stroke="white" stroke-width="3" fill="white" />
+  <circle cx="525" cy="250" r="20" stroke="white" stroke-width="3" fill="white" />
+  <circle cx="825" cy="350" r="20" stroke="white" stroke-width="3" fill="white" />
+  <circle cx="1125" cy="250" r="20" stroke="white" stroke-width="3" fill="white" />
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/home.svg b/hybrid/.config/eww/images/svg/dark/home.svg
new file mode 100755
index 000000000..83014e4d2
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/home.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0478 9.30786C70.2495 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.3291 47.1794 95.3291 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2495 90.6242 65.0478 90.6242H34.9522C29.7505 90.6242 24.9204 87.8376 22.3195 83.3259L7.27175 57.2643C4.67091 52.7527 4.67091 47.1794 7.27175 42.6677L22.3195 16.6062C24.9204 12.0945 29.7505 9.30786 34.9522 9.30786H65.0478ZM65.0478 4H34.9522C27.8397 4 21.258 7.79512 17.7017 13.9522L2.65392 40.0138C-0.902341 46.1709 -0.902341 53.7611 2.65392 59.9183L17.7017 85.9798C21.258 92.1369 27.8397 95.9321 34.9522 95.9321H65.0478C72.1603 95.9321 78.742 92.1369 82.2983 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1603 4 65.0478 4Z" fill="white"/>
+<path d="M68.5775 43.2781C68.0998 43.2781 67.5956 43.1985 67.1178 42.9862L50 36.2187L32.8822 42.9862C30.8386 43.7824 28.5297 42.8004 27.707 40.7569C26.9108 38.7134 27.8928 36.4045 29.9363 35.5817L48.5138 28.2304C49.4427 27.8588 50.5043 27.8588 51.4331 28.2304L70.0106 35.5817C72.0541 36.3779 73.0626 38.7134 72.2399 40.7569C71.6561 42.3227 70.1699 43.2781 68.5775 43.2781Z" fill="white"/>
+<path d="M57.3248 71.9671H42.7017C39.4108 71.9671 36.7569 69.2866 36.7569 66.0223V51.3991C36.7569 48.1083 39.4374 45.4543 42.7017 45.4543H57.3248C60.6157 45.4543 63.2696 48.1348 63.2696 51.3991V66.0223C63.2696 69.3132 60.5892 71.9671 57.3248 71.9671ZM44.6921 64.0053H55.3078V53.3896H44.6921V64.0053Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/icosahedron.svg b/hybrid/.config/eww/images/svg/dark/icosahedron.svg
new file mode 100755
index 000000000..c73725b17
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/icosahedron.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Created Sat Nov  1 22:06:13 2008 by ./xy2svg -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-1.862747 -1.862747 3.957948 3.957948"> 
+<g style="stroke:white" stroke-width=".015">
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="0.039227" y2="-0.287147"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.296790" y1="-1.531823" x2="1.278419" y2="-0.824517"/>
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="0.340080" y2="-1.463535"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="1.466545" y1="0.232765" x2="1.278419" y2="-0.824517"/>
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="1.278419" y1="0.586062" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="1.466545" y1="0.232765" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="0.340080" y1="1.755256" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="1.278419" y1="0.586062" x2="-0.296790" y2="1.277236"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="0.039227" y2="-0.287147"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="-1.189639" y2="-0.188816"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.296790" y1="-1.531823" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="-1.451475" y1="-0.665396" x2="-1.189639" y2="-0.188816"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-0.296790" y2="1.277236"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="-1.451475" y2="0.936129"/>
+<line stroke-linecap="round" x1="-1.451475" y1="0.936129" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="0.340080" y1="1.755256" x2="-0.055029" y2="0.402814"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="-1.451475" y2="0.936129"/>
+<line stroke-linecap="round" x1="-1.451475" y1="0.936129" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="-1.451475" y1="-0.665396" x2="-0.055029" y2="0.402814"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="0.340080" y2="-1.463535"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-1.451475" y2="0.936129"/>
+<!-- <line x1="5.340754" y1="-0.810999" x2="4.164357" y2="-0.285624"/>
+<line x1="4.164357" y1="-0.285624" x2="3.760373" y2="-1.532918"/>
+<line x1="3.760373" y1="-1.532918" x2="5.340754" y2="-0.810999"/>
+<line x1="5.340754" y1="-0.810999" x2="4.275964" y2="-1.462090"/>
+<line x1="4.275964" y1="-1.462090" x2="5.376515" y2="0.260659"/>
+<line x1="5.376515" y1="0.260659" x2="5.340754" y2="-0.810999"/>
+<line x1="5.340754" y1="-0.810999" x2="5.340754" y2="0.615801"/>
+<line x1="5.340754" y1="0.615801" x2="5.376515" y2="0.260659"/>
+<line x1="5.376515" y1="0.260659" x2="4.275964" y2="1.765372"/>
+<line x1="4.275964" y1="1.765372" x2="5.340754" y2="0.615801"/>
+<line x1="5.340754" y1="0.615801" x2="3.760373" y2="1.269571"/>
+<line x1="3.760373" y1="1.269571" x2="4.275964" y2="1.765372"/>
+<line x1="3.760373" y1="1.269571" x2="4.164357" y2="-0.285624"/>
+<line x1="4.164357" y1="-0.285624" x2="5.340754" y2="0.615801"/>
+<line x1="4.164357" y1="-0.285624" x2="2.908099" y2="-0.206764"/>
+<line x1="2.908099" y1="-0.206764" x2="3.760373" y2="-1.532918"/>
+<line x1="3.760373" y1="-1.532918" x2="2.514237" y2="-0.682403"/>
+<line x1="2.514237" y1="-0.682403" x2="2.908099" y2="-0.206764"/>
+<line x1="2.908099" y1="-0.206764" x2="3.760373" y2="1.269571"/>
+<line x1="3.760373" y1="1.269571" x2="2.514237" y2="0.898713"/>
+<line x1="2.514237" y1="0.898713" x2="4.275964" y2="1.765372"/>
+<line x1="4.275964" y1="1.765372" x2="3.769930" y2="0.399824"/>
+<line x1="3.769930" y1="0.399824" x2="2.514237" y2="0.898713"/>
+<line x1="2.514237" y1="0.898713" x2="2.514237" y2="-0.682403"/>
+<line x1="2.514237" y1="-0.682403" x2="3.769930" y2="0.399824"/>
+<line x1="3.769930" y1="0.399824" x2="4.275964" y2="-1.462090"/>
+<line x1="4.275964" y1="-1.462090" x2="2.514237" y2="-0.682403"/>
+<line x1="4.275964" y1="-1.462090" x2="3.760373" y2="-1.532918"/>
+<line x1="3.769930" y1="0.399824" x2="5.376515" y2="0.260659"/>
+<line x1="2.908099" y1="-0.206764" x2="2.514237" y2="0.898713"/> -->
+</g>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/linehorizontal.svg b/hybrid/.config/eww/images/svg/dark/linehorizontal.svg
new file mode 100755
index 000000000..7d8af77a0
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/linehorizontal.svg
@@ -0,0 +1,3 @@
+<svg height="3" width="75">
+  <line x1="1.5" y1="1.5" x2="73.5" y2="1.5" stroke="white" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/linetransparent.svg b/hybrid/.config/eww/images/svg/dark/linetransparent.svg
new file mode 100755
index 000000000..9be840a61
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/linetransparent.svg
@@ -0,0 +1,3 @@
+<svg height="26.5" width="3">
+  <line x1="1.5" y1="1.5" x2="1.5" y2="25" stroke="transparent" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/linevertical.svg b/hybrid/.config/eww/images/svg/dark/linevertical.svg
new file mode 100755
index 000000000..1c823058c
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/linevertical.svg
@@ -0,0 +1,3 @@
+<svg height="26.5" width="3">
+  <line x1="1.5" y1="1.5" x2="1.5" y2="25" stroke="white" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/moon.svg b/hybrid/.config/eww/images/svg/dark/moon.svg
new file mode 100755
index 000000000..83a0417d9
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/moon.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.026 17.001c-2.762 4.784-8.879 6.423-13.663 3.661a9.964 9.964 0 0 1-3.234-2.983.75.75 0 0 1 .365-1.131c3.767-1.348 5.785-2.911 6.956-5.146 1.232-2.353 1.551-4.93.689-8.464a.75.75 0 0 1 .769-.926 9.961 9.961 0 0 1 4.457 1.327C21.149 6.1 22.788 12.217 20.025 17Zm-8.248-4.903c-1.25 2.388-3.31 4.099-6.817 5.499a8.492 8.492 0 0 0 2.152 1.766 8.501 8.501 0 1 0 8.502-14.725 8.485 8.485 0 0 0-2.792-1.016c.647 3.384.23 6.044-1.045 8.476Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/news.svg b/hybrid/.config/eww/images/svg/dark/news.svg
new file mode 100755
index 000000000..3368f9490
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/news.svg
@@ -0,0 +1,18 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0468 9.31178C70.2485 9.31178 75.0786 12.1005 77.6795 16.6155L92.7272 42.6963C95.3281 47.2113 95.3281 52.7887 92.7272 57.3037L77.6795 83.3845C75.0786 87.8995 70.2485 90.6882 65.0468 90.6882H34.9512C29.7495 90.6882 24.9194 87.8995 22.3185 83.3845L7.27075 57.3037C4.6699 52.7887 4.6699 47.2113 7.27075 42.6963L22.3185 16.6155C24.9194 12.1005 29.7495 9.31178 34.9512 9.31178H65.0468ZM65.0468 4H34.9512C27.8387 4 21.2569 7.79792 17.7007 13.9596L2.65292 40.0404C-0.903348 46.2021 -0.903348 53.7979 2.65292 59.9596L17.7007 86.0404C21.2569 92.2021 27.8387 96 34.9512 96H65.0468C72.1593 96 78.741 92.2021 82.2973 86.0404L97.3451 59.9596C100.901 53.7979 100.901 46.2021 97.3451 40.0404L82.2707 13.9596C78.741 7.79792 72.1593 4 65.0468 4Z" fill="white"/>
+<path d="M73.8854 53.9838H66.9851C64.7824 53.9838 63.0042 52.2044 63.0042 50C63.0042 47.7956 64.7824 46.0162 66.9851 46.0162H73.8854C76.0881 46.0162 77.8663 47.7956 77.8663 50C77.8663 52.2044 76.0881 53.9838 73.8854 53.9838Z" fill="white"/>
+<path d="M50 77.8868C47.7972 77.8868 46.0191 76.1074 46.0191 73.903V66.9977C46.0191 64.7933 47.7972 63.0139 50 63.0139C52.2028 63.0139 53.9809 64.7933 53.9809 66.9977V73.903C53.9809 76.1074 52.2028 77.8868 50 77.8868Z" fill="white"/>
+<path d="M66.879 70.8753C65.8705 70.8753 64.8355 70.4769 64.0658 69.7067L59.1295 64.7667C57.5637 63.1998 57.5637 60.6767 59.1295 59.1363C60.6953 57.5693 63.2166 57.5693 64.7558 59.1363L69.6922 64.0762C71.258 65.6432 71.258 68.1663 69.6922 69.7067C68.9225 70.5035 67.914 70.8753 66.879 70.8753Z" fill="white"/>
+<path d="M33.121 70.8753C32.1125 70.8753 31.0775 70.4769 30.3078 69.7067C28.742 68.1397 28.742 65.6166 30.3078 64.0762L35.2442 59.1363C36.81 57.5693 39.3312 57.5693 40.8705 59.1363C42.4363 60.7032 42.4363 63.2263 40.8705 64.7667L35.9342 69.7067C35.138 70.5035 34.1295 70.8753 33.121 70.8753Z" fill="white"/>
+<path d="M61.9427 42.0323C60.9342 42.0323 59.8992 41.634 59.1295 40.8637C57.5637 39.2968 57.5637 36.7737 59.1295 35.2333L64.0658 30.2933C65.6316 28.7263 68.1529 28.7263 69.6922 30.2933C71.258 31.8603 71.258 34.3834 69.6922 35.9238L64.7558 40.8637C63.9862 41.634 62.9512 42.0323 61.9427 42.0323Z" fill="white"/>
+<path d="M50 36.9861C47.7972 36.9861 46.0191 35.2067 46.0191 33.0023V26.097C46.0191 23.8926 47.7972 22.1132 50 22.1132C52.2028 22.1132 53.9809 23.8926 53.9809 26.097V33.0023C53.9809 35.2067 52.2028 36.9861 50 36.9861Z" fill="white"/>
+<path d="M33.0149 53.9838H26.1147C23.9119 53.9838 22.1338 52.2044 22.1338 50C22.1338 47.7956 23.9119 46.0162 26.1147 46.0162H33.0149C35.2176 46.0162 36.9958 47.7956 36.9958 50C36.9958 52.2044 35.2176 53.9838 33.0149 53.9838Z" fill="white"/>
+<path d="M38.0573 42.0323C37.0488 42.0323 36.0138 41.634 35.2442 40.8637L30.3078 35.9238C28.742 34.3568 28.742 31.8337 30.3078 30.2933C31.8737 28.7263 34.3949 28.7263 35.9342 30.2933L40.8705 35.2333C42.4363 36.8002 42.4363 39.3233 40.8705 40.8637C40.1008 41.634 39.0658 42.0323 38.0573 42.0323Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/night.svg b/hybrid/.config/eww/images/svg/dark/night.svg
new file mode 100755
index 000000000..1e0aacb7e
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/night.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.026 17.001c-2.762 4.784-8.879 6.423-13.663 3.661A9.965 9.965 0 0 1 3.13 17.68a.75.75 0 0 1 .365-1.132c3.767-1.348 5.785-2.91 6.956-5.146 1.232-2.353 1.551-4.93.689-8.463a.75.75 0 0 1 .769-.927 9.961 9.961 0 0 1 4.457 1.327c4.784 2.762 6.423 8.879 3.66 13.662Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/notif.svg b/hybrid/.config/eww/images/svg/dark/notif.svg
new file mode 100755
index 000000000..27b31c32a
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/notif.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1.996a7.49 7.49 0 0 1 7.496 7.25l.004.25v4.097l1.38 3.156a1.25 1.25 0 0 1-1.145 1.75L15 18.502a3 3 0 0 1-5.995.177L9 18.499H4.275a1.251 1.251 0 0 1-1.147-1.747L4.5 13.594V9.496c0-4.155 3.352-7.5 7.5-7.5ZM13.5 18.5l-3 .002a1.5 1.5 0 0 0 2.993.145l.006-.147ZM12 3.496c-3.32 0-6 2.674-6 6v4.41L4.656 17h14.697L18 13.907V9.509l-.004-.225A5.988 5.988 0 0 0 12 3.496Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/notifsnooze.svg b/hybrid/.config/eww/images/svg/dark/notifsnooze.svg
new file mode 100755
index 000000000..14b47c028
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/notifsnooze.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 3.5c-3.104 0-6 2.432-6 6.25v4.153L4.682 17h14.67l-1.354-3.093V11.75a.75.75 0 0 1 1.5 0v1.843l1.381 3.156a1.25 1.25 0 0 1-1.145 1.751H15a3.002 3.002 0 0 1-6.003 0H4.305a1.25 1.25 0 0 1-1.15-1.739l1.344-3.164V9.75C4.5 5.068 8.103 2 12 2c.86 0 1.705.15 2.5.432a.75.75 0 0 1-.502 1.413A5.964 5.964 0 0 0 12 3.5ZM12 20c.828 0 1.5-.671 1.501-1.5h-3.003c0 .829.673 1.5 1.502 1.5Z" fill="white"/><path d="M15.25 7h-2.5l-.101.007A.75.75 0 0 0 12.75 8.5h1.043l-1.653 2.314-.055.09A.75.75 0 0 0 12.75 12h2.5l.102-.007a.75.75 0 0 0-.102-1.493h-1.042l1.653-2.314.055-.09A.75.75 0 0 0 15.25 7ZM21.25 2h-3.5l-.101.007A.75.75 0 0 0 17.75 3.5h2.134l-2.766 4.347-.05.09A.75.75 0 0 0 17.75 9h3.5l.102-.007A.75.75 0 0 0 21.25 7.5h-2.133l2.766-4.347.05-.09A.75.75 0 0 0 21.25 2Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/open.svg b/hybrid/.config/eww/images/svg/dark/open.svg
new file mode 100755
index 000000000..f2d77ca1b
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/open.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.25 4.5A1.75 1.75 0 0 0 4.5 6.25v11.5c0 .966.783 1.75 1.75 1.75h11.5a1.75 1.75 0 0 0 1.75-1.75v-4a.75.75 0 0 1 1.5 0v4A3.25 3.25 0 0 1 17.75 21H6.25A3.25 3.25 0 0 1 3 17.75V6.25A3.25 3.25 0 0 1 6.25 3h4a.75.75 0 0 1 0 1.5h-4ZM13 3.75a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 .75.75v6.5a.75.75 0 0 1-1.5 0V5.56l-5.22 5.22a.75.75 0 0 1-1.06-1.06l5.22-5.22h-4.69a.75.75 0 0 1-.75-.75Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/power.svg b/hybrid/.config/eww/images/svg/dark/power.svg
new file mode 100755
index 000000000..ea17b7eeb
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/power.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.204 4.82a.75.75 0 0 1 .634 1.36A7.51 7.51 0 0 0 4.5 12.991c0 4.148 3.358 7.51 7.499 7.51s7.499-3.362 7.499-7.51a7.51 7.51 0 0 0-4.323-6.804.75.75 0 1 1 .637-1.358 9.01 9.01 0 0 1 5.186 8.162c0 4.976-4.029 9.01-9 9.01C7.029 22 3 17.966 3 12.99a9.01 9.01 0 0 1 5.204-8.17ZM12 2.496a.75.75 0 0 1 .743.648l.007.102v7.5a.75.75 0 0 1-1.493.102l-.007-.102v-7.5a.75.75 0 0 1 .75-.75Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/protocol.svg b/hybrid/.config/eww/images/svg/dark/protocol.svg
new file mode 100755
index 000000000..716cacbb5
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/protocol.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m13.732 17.732-1.025-1.025 1.06-1.06 1.026 1.025a1 1 0 0 0 1.414 0l3.965-3.965a1 1 0 0 0 0-1.414l-3.965-3.964a1 1 0 0 0-1.414 0l-1.025 1.025-1.06-1.061 1.024-1.025a2.5 2.5 0 0 1 3.536 0l3.964 3.964a2.5 2.5 0 0 1 0 3.536l-3.964 3.964a2.5 2.5 0 0 1-3.536 0Z" fill="white"/><path d="m6.732 6.268-3.964 3.964a2.5 2.5 0 0 0 0 3.536l3.964 3.964a2.5 2.5 0 0 0 3.536 0l3.964-3.964a2.5 2.5 0 0 0 0-3.536l-3.964-3.964a2.5 2.5 0 0 0-3.536 0ZM3.83 11.293l3.964-3.964a1 1 0 0 1 1.414 0l3.965 3.964a1 1 0 0 1 0 1.414l-3.965 3.965a1 1 0 0 1-1.414 0l-3.964-3.965a1 1 0 0 1 0-1.414Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/radiobutton.svg b/hybrid/.config/eww/images/svg/dark/radiobutton.svg
new file mode 100755
index 000000000..1ed6e36b2
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/radiobutton.svg
@@ -0,0 +1,3 @@
+<svg height="23" width="23" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="11.5" cy="11.5" r="8.5" stroke="white" stroke-width="5" fill="none"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/rankings.svg b/hybrid/.config/eww/images/svg/dark/rankings.svg
new file mode 100755
index 000000000..4534694db
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/rankings.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M68.5775 44.3397C68.0998 44.3397 67.5955 44.2601 67.1178 44.0478L50 37.2802L32.8821 44.0743C30.8386 44.8705 28.5297 43.8885 27.707 41.845C26.9108 39.8015 27.8928 37.4926 29.9363 36.6698L48.5138 29.3185C49.4427 28.9469 50.5042 28.9469 51.4331 29.3185L70.0106 36.6698C72.0541 37.466 73.0626 39.8015 72.2399 41.845C71.656 43.3843 70.1698 44.3397 68.5775 44.3397Z" fill="white"/>
+<path d="M68.5775 57.6093C68.0998 57.6093 67.5955 57.5297 67.1178 57.3174L50 50.5499L32.8821 57.3439C30.8386 58.1401 28.5297 57.1581 27.707 55.1146C26.9108 53.0711 27.8928 50.7622 29.9363 49.9395L48.5138 42.5881C49.4427 42.2165 50.5042 42.2165 51.4331 42.5881L70.0106 49.9395C72.0541 50.7356 73.0626 53.0711 72.2399 55.1146C71.656 56.6539 70.1698 57.6093 68.5775 57.6093Z" fill="white"/>
+<path d="M68.5775 70.879C68.0998 70.879 67.5955 70.7993 67.1178 70.587L50 63.8195L32.8821 70.6136C30.8386 71.4098 28.5297 70.4278 27.707 68.3843C26.9108 66.3408 27.8928 64.0318 29.9363 63.2091L48.5138 55.8577C49.4427 55.4862 50.5042 55.4862 51.4331 55.8577L70.0106 63.2091C72.0541 64.0053 73.0626 66.3408 72.2399 68.3843C71.656 69.9236 70.1698 70.879 68.5775 70.879Z" fill="white"/>
+<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/reset.svg b/hybrid/.config/eww/images/svg/dark/reset.svg
new file mode 100755
index 000000000..1d866ae5c
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/reset.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.78 2.72a.75.75 0 0 1 0 1.06L4.56 6h8.69a7.75 7.75 0 1 1-7.75 7.75.75.75 0 0 1 1.5 0 6.25 6.25 0 1 0 6.25-6.25H4.56l2.22 2.22a.75.75 0 1 1-1.06 1.06l-3.5-3.5a.75.75 0 0 1 0-1.06l3.5-3.5a.75.75 0 0 1 1.06 0Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/rightarrow.svg b/hybrid/.config/eww/images/svg/dark/rightarrow.svg
new file mode 100755
index 000000000..6fd1d98eb
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/rightarrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.47 4.22a.75.75 0 0 0 0 1.06L15.19 12l-6.72 6.72a.75.75 0 1 0 1.06 1.06l7.25-7.25a.75.75 0 0 0 0-1.06L9.53 4.22a.75.75 0 0 0-1.06 0Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/root.svg b/hybrid/.config/eww/images/svg/dark/root.svg
new file mode 100755
index 000000000..306fd7f39
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/root.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.744 1.996a2.25 2.25 0 0 1 2.245 2.096l.005.154v15.498A2.25 2.25 0 0 1 17.9 21.99l-.155.005h-11.5A2.25 2.25 0 0 1 4 19.898l-.005-.154V4.246A2.25 2.25 0 0 1 6.09 2.001l.154-.005h11.5Zm0 1.5h-11.5a.75.75 0 0 0-.743.648l-.006.102v15.498c0 .38.282.694.648.743l.102.007h11.5a.75.75 0 0 0 .743-.648l.006-.102V4.246a.75.75 0 0 0-.648-.743l-.102-.007Z" fill="white"/><path d="M13.019 16.02a.75.75 0 0 1-.624-.859l.105-.66h-1.482l-.141.895a.75.75 0 1 1-1.482-.235l.105-.66h-.75a.75.75 0 0 1 0-1.5h.987l.238-1.5H9.25a.75.75 0 0 1 0-1.5h.962l.2-1.26a.75.75 0 1 1 1.481.235L11.731 10h1.481l.2-1.259a.75.75 0 1 1 1.481.235L14.731 10h.519a.75.75 0 0 1 0 1.5h-.757l-.237 1.5h.494a.75.75 0 0 1 0 1.5h-.732l-.141.896a.75.75 0 0 1-.858.623Zm-1.526-4.52-.237 1.5h1.481l.238-1.5h-1.482Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/search-fluent.svg b/hybrid/.config/eww/images/svg/dark/search-fluent.svg
new file mode 100755
index 000000000..d06ad1ac9
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/search-fluent.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10 2.75a7.25 7.25 0 0 1 5.63 11.819l4.9 4.9a.75.75 0 0 1-.976 1.134l-.084-.073-4.901-4.9A7.25 7.25 0 1 1 10 2.75Zm0 1.5a5.75 5.75 0 1 0 0 11.5 5.75 5.75 0 0 0 0-11.5Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/search.svg b/hybrid/.config/eww/images/svg/dark/search.svg
new file mode 100755
index 000000000..4542bf491
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/search.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0481 9.31178C70.2498 9.31178 75.08 12.1005 77.6808 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6808 83.3845C75.08 87.8995 70.2498 90.6882 65.0481 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27214 57.3037C4.67129 52.7887 4.67129 47.2113 7.27214 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0481ZM65.0481 4H34.9526C27.8401 4 21.2583 7.79792 17.7021 13.9596L2.6543 40.0404C-0.90196 46.2021 -0.90196 53.7979 2.6543 59.9596L17.7021 86.0404C21.2583 92.2021 27.8401 96 34.9526 96H65.0481C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3464 59.9596C100.903 53.7979 100.903 46.2021 97.3464 40.0404L82.2721 13.9596C78.7424 7.79792 72.1607 4 65.0481 4Z" fill="white"/>
+<path d="M67.0382 71.0612C66.0297 71.0612 64.9947 70.6628 64.225 69.8926L54.2728 59.933C52.707 58.3661 52.707 55.843 54.2728 54.3025C55.8386 52.7356 58.3599 52.7356 59.8991 54.3025L69.8514 64.2621C71.4172 65.8291 71.4172 68.3522 69.8514 69.8926C69.0817 70.6628 68.0732 71.0612 67.0382 71.0612Z" fill="white"/>
+<path d="M46.2049 63.4919C36.7038 63.4919 28.9544 55.7367 28.9544 46.2286C28.9544 36.7206 36.7038 28.9654 46.2049 28.9654C55.706 28.9654 63.4554 36.7206 63.4554 46.2286C63.4554 55.7367 55.7325 63.4919 46.2049 63.4919ZM46.2049 36.933C41.0828 36.933 36.9162 41.1028 36.9162 46.2286C36.9162 51.3545 41.0828 55.5243 46.2049 55.5243C51.327 55.5243 55.4937 51.3545 55.4937 46.2286C55.4937 41.1028 51.327 36.933 46.2049 36.933Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/settings.svg b/hybrid/.config/eww/images/svg/dark/settings.svg
new file mode 100755
index 000000000..c69c6a3a6
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/settings.svg
@@ -0,0 +1,23 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.31178C70.2493 9.31178 75.0795 12.1005 77.6803 16.6155L92.7281 42.6963C95.329 47.2113 95.329 52.7887 92.7281 57.3037L77.6803 83.3845C75.0795 87.8995 70.2493 90.6882 65.0476 90.6882H34.9521C29.7504 90.6882 24.9203 87.8995 22.3194 83.3845L7.27163 57.3037C4.67078 52.7887 4.67078 47.2113 7.27163 42.6963L22.3194 16.6155C24.9203 12.1005 29.7504 9.31178 34.9521 9.31178H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.79792 17.7016 13.9596L2.6538 40.0404C-0.902467 46.2021 -0.902467 53.7979 2.6538 59.9596L17.7016 86.0404C21.2578 92.2021 27.8396 96 34.9521 96H65.0476C72.1602 96 78.7419 92.2021 82.2982 86.0404L97.3459 59.9596C100.902 53.7979 100.902 46.2021 97.3459 40.0404L82.2716 13.9596C78.7419 7.79792 72.1602 4 65.0476 4Z" fill="white"/>
+<path d="M50 72.0704C37.9246 72.0704 28.1051 62.2436 28.1051 50.1593C28.1051 38.0751 37.9246 28.2483 50 28.2483C62.0754 28.2483 71.8949 38.0751 71.8949 50.1593C71.8949 62.2436 62.0754 72.0704 50 72.0704ZM50 36.2159C42.3036 36.2159 36.0669 42.4838 36.0669 50.1593C36.0669 57.8349 42.3302 64.1028 50 64.1028C57.6699 64.1028 63.9331 57.8349 63.9331 50.1593C63.9331 42.4838 57.6699 36.2159 50 36.2159Z" fill="white"/>
+<path d="M50 35.8441C47.7972 35.8441 46.0191 34.0647 46.0191 31.8603V28.4873C46.0191 26.2829 47.7972 24.5035 50 24.5035C52.2028 24.5035 53.9809 26.2829 53.9809 28.4873V31.8603C53.9809 34.0647 52.2028 35.8441 50 35.8441Z" fill="white"/>
+<path d="M58.9968 38.5531C58.2537 38.5531 57.5106 38.3407 56.8206 37.9157C54.9894 36.7206 54.4586 34.2506 55.6529 32.418L57.6699 29.3106C58.8641 27.4781 61.3323 26.9469 63.1635 28.142C64.9947 29.3372 65.5255 31.8072 64.3312 33.6397L62.3142 36.7471C61.5711 37.9157 60.2973 38.5531 58.9968 38.5531Z" fill="white"/>
+<path d="M65.7378 45.5116C64.3843 45.5116 63.0839 44.821 62.3408 43.5993C61.1996 41.7136 61.81 39.2702 63.6943 38.1282L67.0382 36.1097C68.9225 34.9677 71.3641 35.5785 72.5053 37.4642C73.6465 39.3499 73.0361 41.7933 71.1518 42.9353L67.8079 44.9538C67.1444 45.3256 66.4278 45.5116 65.7378 45.5116Z" fill="white"/>
+<path d="M32.0064 54.515H27.9724C25.7696 54.515 23.9915 52.7356 23.9915 50.5312C23.9915 48.3268 25.7696 46.5473 27.9724 46.5473H32.0064C34.2091 46.5473 35.9873 48.3268 35.9873 50.5312C35.9873 52.7356 34.2091 54.515 32.0064 54.515Z" fill="white"/>
+<path d="M69.0817 65.537C68.3917 65.537 67.7017 65.3511 67.0648 64.9792L63.2696 62.7217C61.3854 61.6062 60.7484 59.1628 61.8631 57.2506C62.9777 55.3649 65.4193 54.7275 67.3302 55.843L71.1253 58.1005C73.0096 59.2159 73.6465 61.6594 72.5319 63.5716C71.7622 64.8464 70.4353 65.537 69.0817 65.537Z" fill="white"/>
+<path d="M34.2622 45.5116C33.5722 45.5116 32.8556 45.3257 32.1921 44.9273L28.8482 42.9088C26.9639 41.7668 26.3535 39.3233 27.4947 37.4377C28.6359 35.552 31.0775 34.9411 32.9618 36.0832L36.3057 38.1016C38.19 39.2437 38.8004 41.6871 37.6592 43.5728C36.9161 44.8476 35.6157 45.5116 34.2622 45.5116Z" fill="white"/>
+<path d="M40.7909 38.7656C39.3843 38.7656 38.0043 37.9954 37.2877 36.6675L35.483 33.321C34.448 31.3822 35.1646 28.9654 37.1019 27.9296C39.0393 26.8938 41.4544 27.6109 42.4894 29.5497L44.2941 32.8961C45.3291 34.8349 44.6125 37.2517 42.6752 38.2875C42.0648 38.6063 41.4278 38.7656 40.7909 38.7656Z" fill="white"/>
+<path d="M72.0276 54.515H67.9936C65.7909 54.515 64.0127 52.7356 64.0127 50.5312C64.0127 48.3268 65.7909 46.5473 67.9936 46.5473H72.0276C74.2303 46.5473 76.0085 48.3268 76.0085 50.5312C76.0085 52.7356 74.2303 54.515 72.0276 54.515Z" fill="white"/>
+<path d="M61.0138 73.6109C59.6603 73.6109 58.3333 72.9203 57.5902 71.6455L55.3344 67.8476C54.2198 65.9619 54.8302 63.5185 56.741 62.3765C58.6253 61.261 61.0669 61.8718 62.2081 63.7841L64.4639 67.582C65.5786 69.4677 64.9682 71.9111 63.0573 73.0531C62.3938 73.425 61.7038 73.6109 61.0138 73.6109Z" fill="white"/>
+<path d="M50 76.5589C47.7972 76.5589 46.0191 74.7795 46.0191 72.5751V68.0866C46.0191 65.8822 47.7972 64.1028 50 64.1028C52.2028 64.1028 53.9809 65.8822 53.9809 68.0866V72.5751C53.9809 74.7795 52.2028 76.5589 50 76.5589Z" fill="white"/>
+<path d="M30.9183 65.537C29.5648 65.537 28.2643 64.8464 27.5212 63.6247C26.3801 61.739 26.9905 59.2956 28.8747 58.1536L32.2187 56.1351C34.103 54.9931 36.5446 55.6039 37.6858 57.4896C38.827 59.3753 38.2166 61.8187 36.3323 62.9607L32.9883 64.9792C32.3514 65.351 31.6348 65.537 30.9183 65.537Z" fill="white"/>
+<path d="M38.9862 73.6108C38.2962 73.6108 37.6062 73.4249 36.9692 73.0531C35.0849 71.9376 34.448 69.4942 35.5626 67.582L37.8185 63.7841C38.9331 61.8984 41.3747 61.261 43.2856 62.3764C45.1699 63.4919 45.8068 65.9353 44.6921 67.8476L42.4363 71.6455C41.6667 72.9203 40.3397 73.6108 38.9862 73.6108Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/store.svg b/hybrid/.config/eww/images/svg/dark/store.svg
new file mode 100755
index 000000000..e4ac6edd5
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/store.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0479 9.31178C70.2496 9.31178 75.0797 12.1005 77.6806 16.6155L92.7283 42.6963C95.3292 47.2113 95.3292 52.7887 92.7283 57.3037L77.6806 83.3845C75.0797 87.8995 70.2496 90.6882 65.0479 90.6882H34.9523C29.7506 90.6882 24.9205 87.8995 22.3196 83.3845L7.27184 57.3037C4.67099 52.7887 4.67099 47.2113 7.27184 42.6963L22.3196 16.6155C24.9205 12.1005 29.7506 9.31178 34.9523 9.31178H65.0479ZM65.0479 4H34.9523C27.8398 4 21.258 7.79792 17.7018 13.9596L2.65401 40.0404C-0.902257 46.2021 -0.902257 53.7979 2.65401 59.9596L17.7018 86.0404C21.258 92.2021 27.8398 96 34.9523 96H65.0479C72.1604 96 78.7421 92.2021 82.2984 86.0404L97.3462 59.9596C100.902 53.7979 100.902 46.2021 97.3462 40.0404L82.2719 13.9596C78.7421 7.79792 72.1604 4 65.0479 4Z" fill="white"/>
+<path d="M69.3737 62.5889H35.828C33.6253 62.5889 31.8471 60.8095 31.8471 58.6051V36.8799L26.1412 31.7009C24.5223 30.2136 24.3896 27.7171 25.8758 26.0704C27.362 24.4503 29.8567 24.3175 31.5021 25.8048L38.5085 32.1524C39.3312 32.8961 39.8089 33.985 39.8089 35.1005V54.6212H65.3928V43.1478L49.2038 40.97C47.0276 40.6778 45.4883 38.6593 45.7803 36.4815C46.0722 34.3037 48.0626 32.7633 50.2654 33.0554L69.9045 35.6847C71.8684 35.9503 73.3546 37.6501 73.3546 39.642V58.5785C73.3546 60.8095 71.5764 62.5889 69.3737 62.5889Z" fill="white"/>
+<path d="M65.1274 75.2309C67.326 75.2309 69.1083 73.4473 69.1083 71.2471C69.1083 69.0469 67.326 67.2633 65.1274 67.2633C62.9288 67.2633 61.1465 69.0469 61.1465 71.2471C61.1465 73.4473 62.9288 75.2309 65.1274 75.2309Z" fill="white"/>
+<path d="M39.1189 75.2309C41.3175 75.2309 43.0998 73.4473 43.0998 71.2471C43.0998 69.0469 41.3175 67.2633 39.1189 67.2633C36.9203 67.2633 35.138 69.0469 35.138 71.2471C35.138 73.4473 36.9203 75.2309 39.1189 75.2309Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/tournaments.svg b/hybrid/.config/eww/images/svg/dark/tournaments.svg
new file mode 100755
index 000000000..cd0f69268
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/tournaments.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.3119 52.4749C24.9451 51.108 24.9451 48.892 26.3119 47.5251L47.5251 26.3119C48.8919 24.9451 51.108 24.9451 52.4749 26.3119L73.6881 47.5251C75.0549 48.892 75.0549 51.108 73.6881 52.4749L52.4749 73.6881C51.108 75.0549 48.8919 75.0549 47.5251 73.6881L26.3119 52.4749ZM33.7365 50L50 66.2635L66.2634 50L50 33.7365L33.7365 50Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.5251 27.5251C28.892 26.1583 31.108 26.1583 32.4749 27.5251L72.4749 67.5251C73.8417 68.892 73.8417 71.108 72.4749 72.4749C71.108 73.8417 68.892 73.8417 67.5251 72.4749L27.5251 32.4749C26.1583 31.108 26.1583 28.892 27.5251 27.5251Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M72.4749 27.5251C73.8417 28.892 73.8417 31.108 72.4749 32.4749L32.4749 72.4749C31.108 73.8417 28.892 73.8417 27.5251 72.4749C26.1583 71.108 26.1583 68.892 27.5251 67.5251L67.5251 27.5251C68.892 26.1583 71.108 26.1583 72.4749 27.5251Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/uparrow.svg b/hybrid/.config/eww/images/svg/dark/uparrow.svg
new file mode 100755
index 000000000..5ea8ae99a
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/uparrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.293 15.707a1 1 0 0 0 1.414 0L12 9.414l6.293 6.293a1 1 0 0 0 1.414-1.414l-7-7a1 1 0 0 0-1.414 0l-7 7a1 1 0 0 0 0 1.414Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/user.svg b/hybrid/.config/eww/images/svg/dark/user.svg
new file mode 100755
index 000000000..5127e451a
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/user.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.754 14a2.249 2.249 0 0 1 2.25 2.249v.918a2.75 2.75 0 0 1-.513 1.599C17.945 20.929 15.42 22 12 22c-3.422 0-5.945-1.072-7.487-3.237a2.75 2.75 0 0 1-.51-1.595v-.92a2.249 2.249 0 0 1 2.249-2.25h11.501ZM12 2.004a5 5 0 1 1 0 10 5 5 0 0 1 0-10Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/vol0.svg b/hybrid/.config/eww/images/svg/dark/vol0.svg
new file mode 100755
index 000000000..036a79126
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/vol0.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.704 3.441c.191.226.296.512.296.808V19.75a1.25 1.25 0 0 1-2.058.954l-4.967-4.206H4.25A2.25 2.25 0 0 1 2 14.248v-4.5a2.25 2.25 0 0 1 2.25-2.25h3.725l4.968-4.204a1.25 1.25 0 0 1 1.761.147ZM13.5 4.788l-4.975 4.21H4.25a.75.75 0 0 0-.75.75v4.5c0 .415.336.75.75.75h4.275l4.975 4.213V4.788Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/vol1.svg b/hybrid/.config/eww/images/svg/dark/vol1.svg
new file mode 100755
index 000000000..96d5570a5
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/vol1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.704 3.442c.191.226.296.512.296.808v15.502a1.25 1.25 0 0 1-2.058.954L7.975 16.5H4.25A2.25 2.25 0 0 1 2 14.25v-4.5A2.25 2.25 0 0 1 4.25 7.5h3.725l4.968-4.204a1.25 1.25 0 0 1 1.761.147ZM13.5 4.79 8.525 9H4.25a.75.75 0 0 0-.75.75v4.5c0 .415.336.75.75.75h4.275l4.975 4.213V4.79Zm3.604 3.851a.75.75 0 0 1 1.03.25c.574.94.862 1.992.862 3.14 0 1.149-.288 2.201-.862 3.141a.75.75 0 1 1-1.28-.781c.428-.702.642-1.483.642-2.36 0-.876-.214-1.657-.642-2.359a.75.75 0 0 1 .25-1.03Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/vol2.svg b/hybrid/.config/eww/images/svg/dark/vol2.svg
new file mode 100755
index 000000000..a090e3c39
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/vol2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 4.25c0-1.079-1.274-1.65-2.08-.934L8.427 7.309a.75.75 0 0 1-.498.19H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V4.25ZM9.425 8.43 13.5 4.807v14.382l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.68a2.25 2.25 0 0 0 1.495-.569ZM18.992 5.897a.75.75 0 0 1 1.049.157A9.959 9.959 0 0 1 22 12a9.96 9.96 0 0 1-1.96 5.946.75.75 0 0 1-1.205-.892A8.459 8.459 0 0 0 20.5 12a8.459 8.459 0 0 0-1.665-5.054.75.75 0 0 1 .157-1.049Z" fill="white"/><path d="M17.143 8.37a.75.75 0 0 1 1.017.302c.536.99.84 2.125.84 3.328a6.973 6.973 0 0 1-.84 3.328.75.75 0 0 1-1.32-.714c.42-.777.66-1.666.66-2.614s-.24-1.837-.66-2.614a.75.75 0 0 1 .303-1.017Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/vol3.svg b/hybrid/.config/eww/images/svg/dark/vol3.svg
new file mode 100755
index 000000000..a090e3c39
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/vol3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 4.25c0-1.079-1.274-1.65-2.08-.934L8.427 7.309a.75.75 0 0 1-.498.19H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V4.25ZM9.425 8.43 13.5 4.807v14.382l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.68a2.25 2.25 0 0 0 1.495-.569ZM18.992 5.897a.75.75 0 0 1 1.049.157A9.959 9.959 0 0 1 22 12a9.96 9.96 0 0 1-1.96 5.946.75.75 0 0 1-1.205-.892A8.459 8.459 0 0 0 20.5 12a8.459 8.459 0 0 0-1.665-5.054.75.75 0 0 1 .157-1.049Z" fill="white"/><path d="M17.143 8.37a.75.75 0 0 1 1.017.302c.536.99.84 2.125.84 3.328a6.973 6.973 0 0 1-.84 3.328.75.75 0 0 1-1.32-.714c.42-.777.66-1.666.66-2.614s-.24-1.837-.66-2.614a.75.75 0 0 1 .303-1.017Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/volmute.svg b/hybrid/.config/eww/images/svg/dark/volmute.svg
new file mode 100755
index 000000000..474a67cb0
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/volmute.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.28 2.22a.75.75 0 1 0-1.06 1.06L6.438 7.5H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V16.06l5.72 5.72a.75.75 0 0 0 1.06-1.061L3.28 2.22ZM13.5 14.56v4.629l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.688L13.5 14.56ZM13.5 4.807v5.511l1.5 1.5V4.25c0-1.079-1.274-1.65-2.08-.934l-3.4 3.022 1.063 1.063L13.5 4.807ZM17.141 13.96l1.138 1.137A6.974 6.974 0 0 0 19 12a6.973 6.973 0 0 0-.84-3.328.75.75 0 0 0-1.32.714c.42.777.66 1.666.66 2.614 0 .691-.127 1.351-.359 1.96ZM19.388 16.206l1.093 1.094A9.955 9.955 0 0 0 22 12a9.959 9.959 0 0 0-1.96-5.946.75.75 0 0 0-1.205.892A8.46 8.46 0 0 1 20.5 12a8.458 8.458 0 0 1-1.112 4.206Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/wifi.svg b/hybrid/.config/eww/images/svg/dark/wifi.svg
new file mode 100755
index 000000000..bd7500be3
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/wifi.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m12.858 14.273 7.434 7.434a1 1 0 0 0 1.414-1.414l-17.999-18a1 1 0 1 0-1.414 1.414L5.39 6.804c-.643.429-1.254.927-1.821 1.495a12.382 12.382 0 0 0-1.39 1.683 1 1 0 0 0 1.644 1.14c.363-.524.761-1.01 1.16-1.41a9.94 9.94 0 0 1 1.855-1.46L7.99 9.405a8.14 8.14 0 0 0-3.203 3.377 1 1 0 0 0 1.784.903 6.08 6.08 0 0 1 1.133-1.563 6.116 6.116 0 0 1 1.77-1.234l1.407 1.407A5.208 5.208 0 0 0 8.336 13.7a5.25 5.25 0 0 0-1.09 1.612 1 1 0 0 0 1.832.802c.167-.381.394-.722.672-1a3.23 3.23 0 0 1 3.108-.841Zm-1.332-5.93 2.228 2.229a6.1 6.1 0 0 1 2.616 1.55c.444.444.837.995 1.137 1.582a1 1 0 1 0 1.78-.911 8.353 8.353 0 0 0-1.503-2.085 8.108 8.108 0 0 0-6.258-2.365ZM8.51 5.327l1.651 1.651a9.904 9.904 0 0 1 10.016 4.148 1 1 0 1 0 1.646-1.136A11.912 11.912 0 0 0 8.51 5.327Zm4.552 11.114a1.501 1.501 0 1 1-2.123 2.123 1.501 1.501 0 0 1 2.123-2.123Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/wifi1.svg b/hybrid/.config/eww/images/svg/dark/wifi1.svg
new file mode 100755
index 000000000..e77cb492f
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/wifi1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.96 18.568a1.501 1.501 0 1 0 2.122-2.123 1.501 1.501 0 0 0-2.123 2.123Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/wifi2.svg b/hybrid/.config/eww/images/svg/dark/wifi2.svg
new file mode 100755
index 000000000..9bd4c1127
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/wifi2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.938 16.446a1.501 1.501 0 1 1 2.123 2.123 1.501 1.501 0 0 1-2.123-2.123Zm-2.603-2.742a5.233 5.233 0 0 1 7.4 0c.46.461.838 1.025 1.101 1.625a1 1 0 0 1-1.832.803 3.356 3.356 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.255 3.255 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.613Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/wifi3.svg b/hybrid/.config/eww/images/svg/dark/wifi3.svg
new file mode 100755
index 000000000..15147e602
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/wifi3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.96 16.44a1.501 1.501 0 1 1 2.122 2.122 1.501 1.501 0 0 1-2.123-2.122Zm-2.604-2.742a5.233 5.233 0 0 1 7.4 0c.46.461.838 1.025 1.101 1.625a1 1 0 1 1-1.832.803 3.358 3.358 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.254 3.254 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.613ZM6.31 10.707a8.128 8.128 0 0 1 11.495 0 8.353 8.353 0 0 1 1.503 2.085 1 1 0 0 1-1.78.91 6.357 6.357 0 0 0-1.137-1.581 6.128 6.128 0 0 0-9.8 1.562 1 1 0 1 1-1.785-.902 8.08 8.08 0 0 1 1.504-2.074Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/wifi4.svg b/hybrid/.config/eww/images/svg/dark/wifi4.svg
new file mode 100755
index 000000000..360b10868
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/wifi4.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.784 10.708a8.35 8.35 0 0 1 1.504 2.085 1 1 0 0 1-1.781.91 6.353 6.353 0 0 0-1.137-1.58 6.128 6.128 0 0 0-9.8 1.562 1 1 0 0 1-1.784-.903 8.128 8.128 0 0 1 12.998-2.074ZM15.735 13.7c.46.46.838 1.024 1.101 1.624a1 1 0 1 1-1.832.803 3.36 3.36 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.257 3.257 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.612 5.233 5.233 0 0 1 7.4 0Zm4.684-5.401c.508.508.987 1.087 1.404 1.691a1 1 0 0 1-1.646 1.136c-.35-.506-.752-.993-1.172-1.413-3.872-3.872-10.15-3.872-14.023 0-.4.399-.797.886-1.16 1.41a1 1 0 0 1-1.644-1.14c.428-.618.9-1.195 1.39-1.684 4.653-4.654 12.198-4.654 16.851 0Zm-7.358 8.142a1.501 1.501 0 1 1-2.122 2.123 1.501 1.501 0 0 1 2.122-2.123Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/dark/wiki.svg b/hybrid/.config/eww/images/svg/dark/wiki.svg
new file mode 100755
index 000000000..a2d8358b6
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/dark/wiki.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0482 9.31178C70.2499 9.31178 75.08 12.1005 77.6809 16.6155L92.7287 42.6963C95.3295 47.2113 95.3295 52.7887 92.7287 57.3037L77.6809 83.3845C75.08 87.8995 70.2499 90.6882 65.0482 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27217 57.3037C4.67132 52.7887 4.67132 47.2113 7.27217 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0482ZM65.0482 4H34.9526C27.8401 4 21.2584 7.79792 17.7021 13.9596L2.65433 40.0404C-0.901929 46.2021 -0.901929 53.7979 2.65433 59.9596L17.7021 86.0404C21.2584 92.2021 27.8401 96 34.9526 96H65.0482C72.1607 96 78.7425 92.2021 82.2987 86.0404L97.3465 59.9596C100.903 53.7979 100.903 46.2021 97.3465 40.0404L82.2722 13.9596C78.7424 7.79792 72.1607 4 65.0482 4Z" fill="white"/>
+<path d="M50 48.3799C44.1348 48.3799 39.3843 43.6259 39.3843 37.7563C39.3843 31.8868 44.1348 27.1328 50 27.1328C55.8652 27.1328 60.6157 31.8868 60.6157 37.7563C60.6157 43.6259 55.8652 48.3799 50 48.3799ZM50 35.1005C48.5403 35.1005 47.3461 36.2956 47.3461 37.7563C47.3461 39.2171 48.5403 40.4122 50 40.4122C51.4596 40.4122 52.6539 39.2171 52.6539 37.7563C52.6539 36.2956 51.4596 35.1005 50 35.1005Z" fill="white"/>
+<path d="M38.7208 72.8672C37.7123 72.8672 36.6773 72.4688 35.9076 71.6986L24.7611 60.5439C23.1953 58.9769 23.1953 56.4538 24.7611 54.9134C26.327 53.3464 28.8482 53.3464 30.3875 54.9134L38.7208 63.2529L47.0807 54.8868C48.6465 53.3198 51.1677 53.3198 52.707 54.8868L61.0138 63.1997L69.4267 54.7806C70.9925 53.2136 73.5138 53.2136 75.053 54.7806C76.6189 56.3476 76.6189 58.8706 75.053 60.4111L63.8004 71.672C62.2346 73.239 59.7134 73.239 58.1741 71.672L49.8673 63.3591L41.5074 71.7251C40.7643 72.4688 39.7558 72.8672 38.7208 72.8672Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/downarrow.svg b/hybrid/.config/eww/images/svg/downarrow.svg
new file mode 100755
index 000000000..e2ca48cb0
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/downarrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.293 8.293a1 1 0 0 1 1.414 0L12 14.586l6.293-6.293a1 1 0 1 1 1.414 1.414l-7 7a1 1 0 0 1-1.414 0l-7-7a1 1 0 0 1 0-1.414Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/folderopen.svg b/hybrid/.config/eww/images/svg/folderopen.svg
new file mode 100755
index 000000000..468f7c9b0
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/folderopen.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 9.502V8.75a2.25 2.25 0 0 0-2.25-2.25h-5.725l-2.38-1.98A2.25 2.25 0 0 0 8.204 4H4.25A2.25 2.25 0 0 0 2 6.25l-.004 11.5A2.25 2.25 0 0 0 4.246 20H18.47a1.75 1.75 0 0 0 1.698-1.325l1.75-6.998a1.75 1.75 0 0 0-1.698-2.175H20ZM4.25 5.5h3.956a.75.75 0 0 1 .48.173l2.588 2.154a.75.75 0 0 0 .48.173h5.996a.75.75 0 0 1 .75.75v.752H6.424a2.25 2.25 0 0 0-2.183 1.704l-.744 2.978L3.5 6.25a.75.75 0 0 1 .75-.75Zm1.447 6.07a.75.75 0 0 1 .727-.568H20.22a.25.25 0 0 1 .242.31l-1.75 6.999a.25.25 0 0 1-.242.189H4.285a.25.25 0 0 1-.243-.31l1.655-6.62Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/forum.svg b/hybrid/.config/eww/images/svg/forum.svg
new file mode 100755
index 000000000..aeecdd4e6
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/forum.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.28849C70.2493 9.28849 75.0795 12.0649 77.6803 16.5602L92.7281 42.5266C95.3289 47.0219 95.3289 52.5748 92.7281 57.07L77.6803 83.0365C75.0795 87.5317 70.2493 90.3082 65.0476 90.3082H34.9521C29.7504 90.3082 24.9203 87.5317 22.3194 83.0365L7.27165 57.07C4.6708 52.5748 4.6708 47.0219 7.27165 42.5266L22.3194 16.5602C24.9203 12.0649 29.7504 9.28849 34.9521 9.28849H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.78127 17.7016 13.9159L2.65381 39.8824C-0.902448 46.0171 -0.902448 53.5796 2.65381 59.7142L17.7016 85.6807C21.2578 91.8154 27.8396 95.5966 34.9521 95.5966H65.0476C72.1602 95.5966 78.7419 91.8154 82.2982 85.6807L97.3459 59.7142C100.902 53.5796 100.902 46.0171 97.3459 39.8824L82.2716 13.9159C78.7419 7.78127 72.1602 4 65.0476 4Z" fill="#cae6ff"/>
+<path d="M66.9851 40.8079C69.1837 40.8079 70.966 39.0321 70.966 36.8415C70.966 34.651 69.1837 32.8752 66.9851 32.8752C64.7865 32.8752 63.0042 34.651 63.0042 36.8415C63.0042 39.0321 64.7865 40.8079 66.9851 40.8079Z" fill="#cae6ff"/>
+<path d="M51.327 40.8079H34.6072C32.4045 40.8079 30.6263 39.0362 30.6263 36.8415C30.6263 34.6468 32.4045 32.8752 34.6072 32.8752H51.327C53.5297 32.8752 55.3079 34.6468 55.3079 36.8415C55.3079 39.0362 53.5297 40.8079 51.327 40.8079Z" fill="#cae6ff"/>
+<path d="M66.9851 67.2503C69.1837 67.2503 70.966 65.4745 70.966 63.284C70.966 61.0934 69.1837 59.3176 66.9851 59.3176C64.7865 59.3176 63.0042 61.0934 63.0042 63.284C63.0042 65.4745 64.7865 67.2503 66.9851 67.2503Z" fill="#cae6ff"/>
+<path d="M51.327 67.2503H34.6072C32.4045 67.2503 30.6263 65.4787 30.6263 63.284C30.6263 61.0892 32.4045 59.3176 34.6072 59.3176H51.327C53.5297 59.3176 55.3079 61.0892 55.3079 63.284C55.3079 65.4787 53.5297 67.2503 51.327 67.2503Z" fill="#cae6ff"/>
+<path d="M34.8726 54.0291C37.0712 54.0291 38.8535 52.2533 38.8535 50.0627C38.8535 47.8722 37.0712 46.0964 34.8726 46.0964C32.674 46.0964 30.8917 47.8722 30.8917 50.0627C30.8917 52.2533 32.674 54.0291 34.8726 54.0291Z" fill="#cae6ff"/>
+<path d="M67.2505 54.0291H50.5308C48.328 54.0291 46.5499 52.2575 46.5499 50.0627C46.5499 47.868 48.328 46.0964 50.5308 46.0964H67.2505C69.4533 46.0964 71.2314 47.868 71.2314 50.0627C71.2314 52.2575 69.4533 54.0291 67.2505 54.0291Z" fill="#cae6ff"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.5966" fill="#cae6ff" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/graph.svg b/hybrid/.config/eww/images/svg/graph.svg
new file mode 100755
index 000000000..ae887ab4c
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/graph.svg
@@ -0,0 +1,16 @@
+<svg width="1920" height="1080">
+  <circle cx="225" cy="350" r="40" stroke="#cae6ff" stroke-width="3" fill="none" />
+  <circle cx="525" cy="250" r="40" stroke="#cae6ff" stroke-width="3" fill="none" />
+  <circle cx="825" cy="350" r="40" stroke="#cae6ff" stroke-width="3" fill="none" />
+  <circle cx="1125" cy="250" r="40" stroke="#cae6ff" stroke-width="3" fill="none" />
+  <line x1="225" y1="350" x2="525" y2="250" stroke="#cae6ff" stroke-width="3" 
+    stroke-linecap="round"/>
+  <line x1="525" y1="250" x2="825" y2="350" stroke="#cae6ff" stroke-width="3" 
+    stroke-linecap="round"/>
+  <line x1="825" y1="350" x2="1125" y2="250" stroke="#cae6ff" stroke-width="3" 
+    stroke-linecap="round"/>
+  <circle cx="225" cy="350" r="20" stroke="#cae6ff" stroke-width="3" fill="#cae6ff" />
+  <circle cx="525" cy="250" r="20" stroke="#cae6ff" stroke-width="3" fill="#cae6ff" />
+  <circle cx="825" cy="350" r="20" stroke="#cae6ff" stroke-width="3" fill="#cae6ff" />
+  <circle cx="1125" cy="250" r="20" stroke="#cae6ff" stroke-width="3" fill="#cae6ff" />
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/home.svg b/hybrid/.config/eww/images/svg/home.svg
new file mode 100755
index 000000000..27eef9dd9
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/home.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0478 9.30786C70.2495 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.3291 47.1794 95.3291 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2495 90.6242 65.0478 90.6242H34.9522C29.7505 90.6242 24.9204 87.8376 22.3195 83.3259L7.27175 57.2643C4.67091 52.7527 4.67091 47.1794 7.27175 42.6677L22.3195 16.6062C24.9204 12.0945 29.7505 9.30786 34.9522 9.30786H65.0478ZM65.0478 4H34.9522C27.8397 4 21.258 7.79512 17.7017 13.9522L2.65392 40.0138C-0.902341 46.1709 -0.902341 53.7611 2.65392 59.9183L17.7017 85.9798C21.258 92.1369 27.8397 95.9321 34.9522 95.9321H65.0478C72.1603 95.9321 78.742 92.1369 82.2983 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1603 4 65.0478 4Z" fill="#cae6ff"/>
+<path d="M68.5775 43.2781C68.0998 43.2781 67.5956 43.1985 67.1178 42.9862L50 36.2187L32.8822 42.9862C30.8386 43.7824 28.5297 42.8004 27.707 40.7569C26.9108 38.7134 27.8928 36.4045 29.9363 35.5817L48.5138 28.2304C49.4427 27.8588 50.5043 27.8588 51.4331 28.2304L70.0106 35.5817C72.0541 36.3779 73.0626 38.7134 72.2399 40.7569C71.6561 42.3227 70.1699 43.2781 68.5775 43.2781Z" fill="#cae6ff"/>
+<path d="M57.3248 71.9671H42.7017C39.4108 71.9671 36.7569 69.2866 36.7569 66.0223V51.3991C36.7569 48.1083 39.4374 45.4543 42.7017 45.4543H57.3248C60.6157 45.4543 63.2696 48.1348 63.2696 51.3991V66.0223C63.2696 69.3132 60.5892 71.9671 57.3248 71.9671ZM44.6921 64.0053H55.3078V53.3896H44.6921V64.0053Z" fill="#cae6ff"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#cae6ff" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/icosahedron.svg b/hybrid/.config/eww/images/svg/icosahedron.svg
new file mode 100755
index 000000000..9a2d26db4
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/icosahedron.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Created Sat Nov  1 22:06:13 2008 by ./xy2svg -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-1.862747 -1.862747 3.957948 3.957948"> 
+<g style="stroke:#cae6ff" stroke-width=".015">
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="0.039227" y2="-0.287147"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.296790" y1="-1.531823" x2="1.278419" y2="-0.824517"/>
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="0.340080" y2="-1.463535"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="1.466545" y1="0.232765" x2="1.278419" y2="-0.824517"/>
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="1.278419" y1="0.586062" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="1.466545" y1="0.232765" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="0.340080" y1="1.755256" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="1.278419" y1="0.586062" x2="-0.296790" y2="1.277236"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="0.039227" y2="-0.287147"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="-1.189639" y2="-0.188816"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.296790" y1="-1.531823" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="-1.451475" y1="-0.665396" x2="-1.189639" y2="-0.188816"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-0.296790" y2="1.277236"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="-1.451475" y2="0.936129"/>
+<line stroke-linecap="round" x1="-1.451475" y1="0.936129" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="0.340080" y1="1.755256" x2="-0.055029" y2="0.402814"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="-1.451475" y2="0.936129"/>
+<line stroke-linecap="round" x1="-1.451475" y1="0.936129" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="-1.451475" y1="-0.665396" x2="-0.055029" y2="0.402814"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="0.340080" y2="-1.463535"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-1.451475" y2="0.936129"/>
+<!-- <line x1="5.340754" y1="-0.810999" x2="4.164357" y2="-0.285624"/>
+<line x1="4.164357" y1="-0.285624" x2="3.760373" y2="-1.532918"/>
+<line x1="3.760373" y1="-1.532918" x2="5.340754" y2="-0.810999"/>
+<line x1="5.340754" y1="-0.810999" x2="4.275964" y2="-1.462090"/>
+<line x1="4.275964" y1="-1.462090" x2="5.376515" y2="0.260659"/>
+<line x1="5.376515" y1="0.260659" x2="5.340754" y2="-0.810999"/>
+<line x1="5.340754" y1="-0.810999" x2="5.340754" y2="0.615801"/>
+<line x1="5.340754" y1="0.615801" x2="5.376515" y2="0.260659"/>
+<line x1="5.376515" y1="0.260659" x2="4.275964" y2="1.765372"/>
+<line x1="4.275964" y1="1.765372" x2="5.340754" y2="0.615801"/>
+<line x1="5.340754" y1="0.615801" x2="3.760373" y2="1.269571"/>
+<line x1="3.760373" y1="1.269571" x2="4.275964" y2="1.765372"/>
+<line x1="3.760373" y1="1.269571" x2="4.164357" y2="-0.285624"/>
+<line x1="4.164357" y1="-0.285624" x2="5.340754" y2="0.615801"/>
+<line x1="4.164357" y1="-0.285624" x2="2.908099" y2="-0.206764"/>
+<line x1="2.908099" y1="-0.206764" x2="3.760373" y2="-1.532918"/>
+<line x1="3.760373" y1="-1.532918" x2="2.514237" y2="-0.682403"/>
+<line x1="2.514237" y1="-0.682403" x2="2.908099" y2="-0.206764"/>
+<line x1="2.908099" y1="-0.206764" x2="3.760373" y2="1.269571"/>
+<line x1="3.760373" y1="1.269571" x2="2.514237" y2="0.898713"/>
+<line x1="2.514237" y1="0.898713" x2="4.275964" y2="1.765372"/>
+<line x1="4.275964" y1="1.765372" x2="3.769930" y2="0.399824"/>
+<line x1="3.769930" y1="0.399824" x2="2.514237" y2="0.898713"/>
+<line x1="2.514237" y1="0.898713" x2="2.514237" y2="-0.682403"/>
+<line x1="2.514237" y1="-0.682403" x2="3.769930" y2="0.399824"/>
+<line x1="3.769930" y1="0.399824" x2="4.275964" y2="-1.462090"/>
+<line x1="4.275964" y1="-1.462090" x2="2.514237" y2="-0.682403"/>
+<line x1="4.275964" y1="-1.462090" x2="3.760373" y2="-1.532918"/>
+<line x1="3.769930" y1="0.399824" x2="5.376515" y2="0.260659"/>
+<line x1="2.908099" y1="-0.206764" x2="2.514237" y2="0.898713"/> -->
+</g>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/airplane.svg b/hybrid/.config/eww/images/svg/light/airplane.svg
new file mode 100755
index 000000000..7d16cd031
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/airplane.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9.47 9.643 8.768 3.77l-.002-.074c0-.889.72-1.61 1.61-1.61.802 0 1.545.42 1.977 1.135l.087.161 2.945 6.09 3.957-.117a2.6 2.6 0 0 1 2.672 2.53l.001.066a2.602 2.602 0 0 1-2.62 2.597l-3.963-.116-2.992 6.188a2.293 2.293 0 0 1-2.065 1.295c-.889 0-1.609-.72-1.609-1.631l.007-.118.707-5.908-2.132-.063-.27.736a1.946 1.946 0 0 1-1.827 1.278c-.876 0-1.586-.71-1.586-1.587v-.76l-.154-.032a1.92 1.92 0 0 1 0-3.758l.155-.032v-.76c0-.803.597-1.475 1.434-1.579l.151-.008c.745 0 1.423.426 1.765 1.127l.063.15.27.736 2.12-.062Zm.906-6.057c-.06 0-.109.049-.11.087l.887 7.422-4.84.141-.628-1.715-.032-.079c-.075-.152-.23-.25-.354-.251l-.058.002a.086.086 0 0 0-.075.085l.001 1.98-1.35.282a.419.419 0 0 0 0 .821l1.35.281v1.98c0 .047.038.086.085.086a.446.446 0 0 0 .419-.293l.64-1.751 4.854.141-.897 7.471v.03c0 .06.048.108.108.108a.793.793 0 0 0 .714-.448l3.415-7.063 4.914.144c.606 0 1.097-.491 1.097-1.086v-.043a1.097 1.097 0 0 0-1.13-1.064l-4.928.144-3.351-6.932-.053-.099a.793.793 0 0 0-.678-.381Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/app.svg b/hybrid/.config/eww/images/svg/light/app.svg
new file mode 100755
index 000000000..ce93fdea2
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/app.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m18.492 2.33 3.179 3.179a2.25 2.25 0 0 1 0 3.182l-2.423 2.422A2.501 2.501 0 0 1 21 13.5v5a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 18.5v-13A2.5 2.5 0 0 1 5.5 3h5c1.121 0 2.07.737 2.387 1.754L15.31 2.33a2.25 2.25 0 0 1 3.182 0ZM11 13H5v5.5a.5.5 0 0 0 .5.5H11v-6Zm7.5 0H13v6h5.5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5Zm-4.06-2.001L13 9.559v1.44h1.44Zm-3.94-6h-5a.5.5 0 0 0-.5.5V11h6V5.5a.5.5 0 0 0-.5-.5Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/appgeneric.svg b/hybrid/.config/eww/images/svg/light/appgeneric.svg
new file mode 100755
index 000000000..251cac6bd
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/appgeneric.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m17.751 3 .185.005a3.25 3.25 0 0 1 3.06 3.06l.005.185v11.5l-.005.184A3.25 3.25 0 0 1 17.751 21H6.25a3.25 3.25 0 0 1-3.245-3.066L3 17.75V6.25a3.25 3.25 0 0 1 3.066-3.245L6.25 3h11.501ZM19.5 8H4.501L4.5 17.75a1.75 1.75 0 0 0 1.606 1.744l.144.006h11.501l.144-.006a1.75 1.75 0 0 0 1.6-1.593l.006-.151L19.5 8Zm-9.25 1.5a.75.75 0 0 1 .743.648l.007.102v7a.75.75 0 0 1-.648.743L10.25 18h-3.5a.75.75 0 0 1-.743-.648L6 17.25v-7a.75.75 0 0 1 .648-.743L6.75 9.5h3.5ZM9.5 11h-2v5.5h2V11Zm6.75 1.503a.75.75 0 0 1 .102 1.493l-.102.007h-3.496a.75.75 0 0 1-.101-1.493l.101-.007h3.496Zm1-3.003a.75.75 0 0 1 .102 1.493L17.25 11h-4.496a.75.75 0 0 1-.101-1.493l.101-.007h4.496Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/applycolor.svg b/hybrid/.config/eww/images/svg/light/applycolor.svg
new file mode 100755
index 000000000..695583a97
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/applycolor.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M2 12.414V17.5A2.5 2.5 0 0 0 4.5 20h15a2.5 2.5 0 0 0 2.5-2.5v-11A2.5 2.5 0 0 0 19.5 4h-8.944l1.5 1.5H19.5a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1v-3.586l-1.5-1.5Z" fill="#000000"/><path d="M6 1.75a.75.75 0 1 1 1.5 0v1.265c.45.04.89.233 1.235.578l3.536 3.536a2 2 0 0 1 0 2.828L8.027 14.2a2 2 0 0 1-2.829 0l-3.535-3.536a2 2 0 0 1 0-2.828l4.243-4.243c.03-.03.061-.06.093-.087V1.75Zm0 4.5v-.629l-2.89 2.89h8.245a.498.498 0 0 0-.145-.322L7.674 4.654A.498.498 0 0 0 7.5 4.54v1.71a.75.75 0 0 1-1.5 0Zm-2.868 3.76 3.128 3.13a.5.5 0 0 0 .707 0l3.129-3.13H3.132ZM11 13.375c0-.493.154-.972.342-1.381.19-.416.438-.806.673-1.134.238-.331.474-.613.65-.812.085-.097.24-.261.299-.323l.005-.005a.75.75 0 0 1 1.061 0l.305.328c.176.199.412.48.649.812.236.328.483.718.674 1.134.188.409.342.888.342 1.381C16 14.765 14.97 16 13.5 16c-1.471 0-2.5-1.235-2.5-2.625Zm2.234-1.64c-.202.28-.392.585-.53.885-.14.305-.204.56-.204.755 0 .691.48 1.125 1 1.125.519 0 1-.434 1-1.125 0-.194-.065-.45-.205-.755a5.494 5.494 0 0 0-.53-.886 8.417 8.417 0 0 0-.265-.35 8.33 8.33 0 0 0-.266.35Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/bat0.svg b/hybrid/.config/eww/images/svg/light/bat0.svg
new file mode 100755
index 000000000..9bcffe06d
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/bat0.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/bat1.svg b/hybrid/.config/eww/images/svg/light/bat1.svg
new file mode 100755
index 000000000..c00e2b58d
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/bat1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6.003 8.999H7a1 1 0 0 1 .993.883L8 10v4a1 1 0 0 1-.883.993L7 14.999h-.997a1 1 0 0 1-.993-.884L5.003 14v-4a1 1 0 0 1 .883-.994L6.003 9H7h-.997Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/bat10.svg b/hybrid/.config/eww/images/svg/light/bat10.svg
new file mode 100755
index 000000000..80d559853
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/bat10.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h10a1 1 0 0 1 .993.883L17 10v4a1 1 0 0 1-.883.993L16 15H6a1 1 0 0 1-.993-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h10H6Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/bat2.svg b/hybrid/.config/eww/images/svg/light/bat2.svg
new file mode 100755
index 000000000..9a912d0bd
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/bat2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9.003 8 9a1 1 0 0 1 .993.883L9 10v4a1 1 0 0 1-.883.993L8 15l-2 .003a1 1 0 0 1-.993-.883L5 14.003v-4a1 1 0 0 1 .883-.993L6 9.003 8 9l-2 .003Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/bat3.svg b/hybrid/.config/eww/images/svg/light/bat3.svg
new file mode 100755
index 000000000..edc5afece
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/bat3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6.017 9H9a1 1 0 0 1 .993.883L10 10v4a1 1 0 0 1-.883.993L9 15H6.017a1 1 0 0 1-.994-.883L5.017 14v-4a1 1 0 0 1 .883-.993L6.017 9H9 6.017Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/bat4.svg b/hybrid/.config/eww/images/svg/light/bat4.svg
new file mode 100755
index 000000000..05b2c815b
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/bat4.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.493 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h4a1 1 0 0 1 .993.883L11 10v4a1 1 0 0 1-.883.993L10 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h4-4Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/bat5.svg b/hybrid/.config/eww/images/svg/light/bat5.svg
new file mode 100755
index 000000000..287e71cb4
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/bat5.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h5a1 1 0 0 1 .993.883L12 10v4a1 1 0 0 1-.883.993L11 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h5-5Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/bat6.svg b/hybrid/.config/eww/images/svg/light/bat6.svg
new file mode 100755
index 000000000..c6c2d92d2
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/bat6.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h6a1 1 0 0 1 .993.883L13 10v4a1 1 0 0 1-.883.993L12 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h6-6Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/bat7.svg b/hybrid/.config/eww/images/svg/light/bat7.svg
new file mode 100755
index 000000000..c3dd369a6
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/bat7.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h7a1 1 0 0 1 .993.883L14 10v4a1 1 0 0 1-.883.993L13 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h7-7Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/bat8.svg b/hybrid/.config/eww/images/svg/light/bat8.svg
new file mode 100755
index 000000000..b2f433242
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/bat8.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h8a1 1 0 0 1 .993.883L15 10v4a1 1 0 0 1-.883.993L14 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h8-8Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/bat9.svg b/hybrid/.config/eww/images/svg/light/bat9.svg
new file mode 100755
index 000000000..7b3c8ec77
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/bat9.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 6a3 3 0 0 1 3 3v1h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-.002 1.5H5a1.5 1.5 0 0 0-1.494 1.356L3.5 9v6a1.5 1.5 0 0 0 1.355 1.493L5 16.5h11.998a1.5 1.5 0 0 0 1.493-1.355l.007-.145V9a1.5 1.5 0 0 0-1.355-1.493l-.145-.007ZM6 9h9a1 1 0 0 1 .993.883L16 10v4a1 1 0 0 1-.883.993L15 15H6a1 1 0 0 1-.994-.883L5 14v-4a1 1 0 0 1 .883-.993L6 9h9-9Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/batcharge.svg b/hybrid/.config/eww/images/svg/light/batcharge.svg
new file mode 100755
index 000000000..55be957f9
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/batcharge.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.75 6H17a3 3 0 0 1 2.995 2.824L20 9v1l1 .018a1 1 0 0 1 .993.879l.008.12v2a1 1 0 0 1-.866.992l-.134.009L20 14v1a3 3 0 0 1-2.824 2.995L17 18H7.998a.75.75 0 0 1-.102-1.493l.102-.007H17a1.5 1.5 0 0 0 1.493-1.355L18.5 15V9a1.5 1.5 0 0 0-1.355-1.493L17 7.5h-6.25a.75.75 0 0 1-.102-1.493L10.75 6H17h-6.25Zm-4.499 4.998v6.252a.75.75 0 0 1-1.492.102l-.007-.102v-6.252H3.75A1.75 1.75 0 0 1 2 9.249V6.75A.75.75 0 0 1 2.75 6h.751V4.75a.75.75 0 0 1 .648-.743L4.251 4a.75.75 0 0 1 .743.648l.007.102V6h.995V4.75a.75.75 0 0 1 .65-.743l.1-.007a.75.75 0 0 1 .744.648l.007.102L7.496 6h.758a.75.75 0 0 1 .75.75v2.499a1.75 1.75 0 0 1-1.75 1.75l-1.003-.001v6.252-6.252ZM7.504 7.5H3.5v1.749c0 .138.112.25.25.25h3.504a.25.25 0 0 0 .25-.25V7.5Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/beatmappacks.svg b/hybrid/.config/eww/images/svg/light/beatmappacks.svg
new file mode 100755
index 000000000..a37a07de5
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/beatmappacks.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="#000000"/>
+<path d="M45.8333 49.0106C45.4883 49.0106 45.1433 48.9575 44.8248 48.8248L25.3715 40.863C24.3365 40.4384 23.673 39.3768 23.7261 38.2622C23.7792 37.121 24.5488 36.1656 25.6369 35.8471L53.6093 27.8853C54.1932 27.7261 54.7771 27.7526 55.3344 27.9915L74.7877 35.9533C75.8227 36.3779 76.4862 37.4395 76.4331 38.5541C76.38 39.6953 75.6104 40.6507 74.5223 40.9692L46.5764 48.931C46.3376 48.9841 46.0987 49.0106 45.8333 49.0106ZM34.5011 38.8461L46.0191 43.5435L65.6847 37.9437L54.1667 33.2463L34.5011 38.8461Z" fill="#000000"/>
+<path d="M45.8333 74.1698C45.4883 74.1698 45.1433 74.1168 44.8248 73.9841L25.3715 66.0223C24.3365 65.5977 23.673 64.5361 23.7261 63.4214C23.7792 62.2802 24.5488 61.3248 25.6369 61.0064L53.5828 53.0446C54.1667 52.8853 54.7505 52.9119 55.3079 53.1507L74.7612 61.1125C75.7962 61.5372 76.4597 62.5987 76.4066 63.7134C76.3535 64.8546 75.5839 65.81 74.4958 66.1284L46.5499 74.0902C46.3376 74.1433 46.0987 74.1698 45.8333 74.1698ZM34.5011 64.0053L46.0191 68.7028L65.6847 63.103L54.1667 58.4055L34.5011 64.0053Z" fill="#000000"/>
+<path d="M26.4597 66.1285C25 66.1285 23.8057 64.9342 23.8057 63.4745V38.3153C23.8057 36.8556 25 35.6614 26.4597 35.6614C27.9193 35.6614 29.1136 36.8556 29.1136 38.3153V63.4745C29.1136 64.9342 27.9193 66.1285 26.4597 66.1285Z" fill="#000000"/>
+<path d="M45.9395 74.1433C44.4799 74.1433 43.2856 72.949 43.2856 71.4894V46.3301C43.2856 44.8705 44.4799 43.6762 45.9395 43.6762C47.3992 43.6762 48.5934 44.8705 48.5934 46.3301V71.4894C48.5934 72.949 47.3992 74.1433 45.9395 74.1433Z" fill="#000000"/>
+<path d="M54.4055 57.7421C52.9459 57.7421 51.7516 56.5478 51.7516 55.0881V30.4862C51.7516 29.0265 52.9459 27.8323 54.4055 27.8323C55.8652 27.8323 57.0594 29.0265 57.0594 30.4862V55.0881C57.0594 56.5478 55.8652 57.7421 54.4055 57.7421Z" fill="#000000"/>
+<path d="M73.8854 66.1285C72.4257 66.1285 71.2314 64.9342 71.2314 63.4745V38.8726C71.2314 37.413 72.4257 36.2187 73.8854 36.2187C75.345 36.2187 76.5393 37.413 76.5393 38.8726V63.4745C76.5393 64.9342 75.345 66.1285 73.8854 66.1285Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/beatmaps.svg b/hybrid/.config/eww/images/svg/light/beatmaps.svg
new file mode 100755
index 000000000..5c8bcedbd
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/beatmaps.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="#000000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7375 27.0672C49.7375 22.2087 55.5763 19.7364 59.0652 23.1177L64.1858 28.0804C65.5739 29.4257 65.6086 31.6415 64.2633 33.0296C62.9181 34.4176 60.7023 34.4523 59.3142 33.1071L56.7375 30.6098V54.0937C56.7375 56.0267 55.1705 57.5937 53.2375 57.5937C51.3045 57.5937 49.7375 56.0267 49.7375 54.0937V27.0672Z" fill="#000000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M47.9008 55.8953C48.8125 55.8953 49.5516 55.1562 49.5516 54.2445C49.5516 53.3328 48.8125 52.5938 47.9008 52.5938C46.9891 52.5938 46.25 53.3328 46.25 54.2445C46.25 55.1562 46.9891 55.8953 47.9008 55.8953ZM47.9008 62.8953C52.6785 62.8953 56.5516 59.0222 56.5516 54.2445C56.5516 49.4668 52.6785 45.5938 47.9008 45.5938C43.1231 45.5938 39.25 49.4668 39.25 54.2445C39.25 59.0222 43.1231 62.8953 47.9008 62.8953Z" fill="#000000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.3186 33.2126C47.6854 34.5795 47.6854 36.7955 46.3186 38.1624L31.9479 52.5331C31.3621 53.1189 31.3621 54.0686 31.9479 54.6544L48.9393 71.6458C49.5251 72.2316 50.4748 72.2316 51.0606 71.6458L68.0521 54.6544C68.6379 54.0686 68.6379 53.1189 68.0521 52.5331L59.8376 44.3186C58.4708 42.9518 58.4708 40.7357 59.8376 39.3689C61.2044 38.002 63.4205 38.002 64.7873 39.3689L73.0018 47.5833C76.3213 50.9028 76.3213 56.2847 73.0018 59.6042L56.0104 76.5956C52.6909 79.915 47.309 79.915 43.9896 76.5956L26.9981 59.6042C23.6787 56.2847 23.6787 50.9028 26.9981 47.5833L41.3689 33.2126C42.7357 31.8458 44.9518 31.8458 46.3186 33.2126Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/bluetooth.svg b/hybrid/.config/eww/images/svg/light/bluetooth.svg
new file mode 100755
index 000000000..91a7988a8
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/bluetooth.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m11.698 12.974 2.682 2.237-2.876 3.117v-5.193l.194-.161Zm1.171-.976 3.077-2.564a.75.75 0 0 0 .071-1.085l-4.711-5.104a.75.75 0 0 0-1.302.508v5.855l-1.12-.934a.75.75 0 1 0-.96 1.152l2.08 1.735v.871l-2.08 1.734a.75.75 0 0 0 .96 1.152l1.12-.934v5.863a.75.75 0 0 0 1.302.508l4.711-5.106a.75.75 0 0 0-.07-1.085l-3.078-2.566Zm-1.17-.977-.195-.162V5.672l2.876 3.115-2.682 2.234Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/bluetoothfalse.svg b/hybrid/.config/eww/images/svg/light/bluetoothfalse.svg
new file mode 100755
index 000000000..1e01de0af
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/bluetoothfalse.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.28 2.22a.75.75 0 1 0-1.06 1.06L10 11.06v.498l.004.003v.871l-2.08 1.734a.75.75 0 0 0 .96 1.152l1.12-.934v5.863a.75.75 0 0 0 1.302.508l4.025-4.363 5.388 5.389a.75.75 0 0 0 1.061-1.061L3.28 2.22Zm8.222 10.343 2.768 2.768-2.766 2.997v-5.193l-.002-.572ZM15.946 9.434l-1.816 1.514-1.066-1.065 1.316-1.096-2.876-3.115v2.65l-1.5-1.5V3.754a.75.75 0 0 1 1.302-.508l4.711 5.104a.75.75 0 0 1-.07 1.085Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/bluetoothtrue.svg b/hybrid/.config/eww/images/svg/light/bluetoothtrue.svg
new file mode 100755
index 000000000..34f93fb9f
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/bluetoothtrue.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.004 9.608V3.753c0-.646.752-.974 1.225-.58l.076.072 4.712 5.104a.75.75 0 0 1 .005 1.012l-.076.073-3.077 2.564 3.077 2.566a.75.75 0 0 1 .137 1.002l-.066.083-4.711 5.106c-.44.476-1.214.207-1.295-.404l-.007-.104v-5.863l-1.12.934a.75.75 0 0 1-1.04-1.075l.08-.077 2.08-1.734v-.87l-2.08-1.736a.75.75 0 0 1 .87-1.217l.09.065 1.12.934V3.753v5.855Zm1.694 3.366-.194.16v5.194l2.876-3.117-2.682-2.237ZM17 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2ZM6 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm5.504-5.328v5.187l.194.162 2.682-2.234-2.876-3.115Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/brightness.svg b/hybrid/.config/eww/images/svg/light/brightness.svg
new file mode 100755
index 000000000..3a3704d3c
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/brightness.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M11.996 19.01a.75.75 0 0 1 .743.649l.007.102v1.5a.75.75 0 0 1-1.493.101l-.007-.101v-1.5a.75.75 0 0 1 .75-.75Zm6.022-2.072 1.06 1.06a.75.75 0 1 1-1.06 1.061l-1.06-1.06a.75.75 0 0 1 1.06-1.061Zm-10.983 0a.75.75 0 0 1 0 1.06L5.974 19.06a.75.75 0 0 1-1.06-1.06l1.06-1.061a.75.75 0 0 1 1.06 0ZM12 6.475a5.525 5.525 0 1 1 0 11.05 5.525 5.525 0 0 1 0-11.05Zm0 1.5a4.025 4.025 0 1 0 0 8.05 4.025 4.025 0 0 0 0-8.05Zm9.25 3.293a.75.75 0 0 1 .102 1.493l-.102.007h-1.5a.75.75 0 0 1-.102-1.493l.102-.007h1.5Zm-17-.029a.75.75 0 0 1 .102 1.494l-.102.006h-1.5a.75.75 0 0 1-.102-1.493l.102-.007h1.5Zm1.64-6.37.084.072 1.06 1.06a.75.75 0 0 1-.976 1.134l-.084-.073-1.06-1.06a.75.75 0 0 1 .976-1.134Zm13.188.072a.75.75 0 0 1 .073.977l-.073.084-1.06 1.06a.75.75 0 0 1-1.133-.976l.072-.084 1.06-1.061a.75.75 0 0 1 1.061 0ZM12 1.99a.75.75 0 0 1 .743.648l.007.102v1.5a.75.75 0 0 1-1.493.101l-.007-.102v-1.5a.75.75 0 0 1 .75-.75Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/calculator.svg b/hybrid/.config/eww/images/svg/light/calculator.svg
new file mode 100755
index 000000000..d1a6a8e2a
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/calculator.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7 7a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2V7Zm2-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-.5-.5H9Zm-.75 8a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm1.25 2.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm6.25-2.75a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM17 17.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm-5-2.75a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm1.25 2.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM7.25 2A3.25 3.25 0 0 0 4 5.25v13.5A3.25 3.25 0 0 0 7.25 22h9.5A3.25 3.25 0 0 0 20 18.75V5.25A3.25 3.25 0 0 0 16.75 2h-9.5ZM5.5 5.25c0-.966.784-1.75 1.75-1.75h9.5c.966 0 1.75.784 1.75 1.75v13.5a1.75 1.75 0 0 1-1.75 1.75h-9.5a1.75 1.75 0 0 1-1.75-1.75V5.25Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/caretdown.svg b/hybrid/.config/eww/images/svg/light/caretdown.svg
new file mode 100755
index 000000000..d4a1baf5f
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/caretdown.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.102 8c-1.074 0-1.648 1.265-.94 2.073l5.521 6.31a1.75 1.75 0 0 0 2.634 0l5.522-6.31c.707-.808.133-2.073-.94-2.073H6.101Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/caretup.svg b/hybrid/.config/eww/images/svg/light/caretup.svg
new file mode 100755
index 000000000..d316a3a52
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/caretup.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.102 16.981c-1.074 0-1.648-1.265-.94-2.073l5.521-6.31a1.75 1.75 0 0 1 2.634 0l5.522 6.31c.707.809.133 2.073-.94 2.073H6.101Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/changelog.svg b/hybrid/.config/eww/images/svg/light/changelog.svg
new file mode 100755
index 000000000..bb55ed079
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/changelog.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0471 9.31178C70.2488 9.31178 75.0789 12.1005 77.6798 16.6155L92.7275 42.6963C95.3284 47.2113 95.3284 52.7887 92.7275 57.3037L77.6798 83.3845C75.0789 87.8995 70.2488 90.6882 65.0471 90.6882H34.9515C29.7498 90.6882 24.9197 87.8995 22.3188 83.3845L7.27104 57.3037C4.67019 52.7887 4.67019 47.2113 7.27104 42.6963L22.3188 16.6155C24.9197 12.1005 29.7498 9.31178 34.9515 9.31178H65.0471ZM65.0471 4H34.9515C27.839 4 21.2572 7.79792 17.701 13.9596L2.6532 40.0404C-0.903062 46.2021 -0.903062 53.7979 2.6532 59.9596L17.701 86.0404C21.2572 92.2021 27.839 96 34.9515 96H65.0471C72.1596 96 78.7413 92.2021 82.2976 86.0404L97.3454 59.9596C100.902 53.7979 100.902 46.2021 97.3454 40.0404L82.2711 13.9596C78.7413 7.79792 72.1596 4 65.0471 4Z" fill="#000000"/>
+<path d="M43.0733 72.0439C42.4098 72.0439 41.7198 71.8845 41.0828 71.5127L28.0786 63.9965C25.2389 62.3499 23.4607 59.2956 23.4607 56.0023V43.9977C23.4607 40.7044 25.2389 37.6501 28.0786 36.0035L41.0828 28.4873C42.9936 27.3984 45.4087 28.0358 46.5234 29.948C47.6115 31.8603 46.9745 34.2771 45.0637 35.3926L32.0595 42.9088C31.6614 43.1212 31.4225 43.5462 31.4225 43.9977V56.0023C31.4225 56.4538 31.6614 56.8788 32.0595 57.0912L45.0637 64.6074C46.9745 65.6963 47.6115 68.1397 46.5234 70.052C45.8068 71.3268 44.4533 72.0439 43.0733 72.0439Z" fill="#000000"/>
+<path d="M56.9002 72.0439C55.5202 72.0439 54.1932 71.3268 53.4501 70.052C52.362 68.1397 52.9989 65.7229 54.9098 64.6074L67.914 57.0912C68.3121 56.8788 68.5509 56.4538 68.5509 56.0023V43.9977C68.5509 43.5462 68.3121 43.1212 67.914 42.9088L54.9098 35.3926C52.9989 34.3037 52.362 31.8603 53.4501 29.948C54.5382 28.0358 56.9798 27.3984 58.8907 28.4873L71.8949 36.0035C74.7346 37.6501 76.5127 40.7044 76.5127 43.9977V56.0023C76.5127 59.2956 74.7346 62.3499 71.8949 63.9965L58.8907 71.5127C58.2803 71.8845 57.5902 72.0439 56.9002 72.0439Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/chat.svg b/hybrid/.config/eww/images/svg/light/chat.svg
new file mode 100755
index 000000000..6f3a9e386
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/chat.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0482 9.31178C70.2499 9.31178 75.08 12.1005 77.6809 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6809 83.3845C75.08 87.8995 70.2499 90.6882 65.0482 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27215 57.3037C4.6713 52.7887 4.6713 47.2113 7.27215 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0482ZM65.0482 4H34.9526C27.8401 4 21.2584 7.79792 17.7021 13.9596L2.65432 40.0404C-0.901944 46.2021 -0.901944 53.7979 2.65432 59.9596L17.7021 86.0404C21.2584 92.2021 27.8401 96 34.9526 96H65.0482C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3465 59.9596C100.903 53.7979 100.903 46.2021 97.3465 40.0404L82.2722 13.9596C78.7424 7.79792 72.1607 4 65.0482 4Z" fill="#000000"/>
+<g clip-path="url(#clip1)">
+<path d="M46.9436 72C44.9758 72 43.3872 70.4427 43.3872 68.5136C43.3872 67.7233 43.6718 66.9331 44.1697 66.3288L51.0453 57.9614C53.108 55.428 56.2376 53.9637 59.5332 53.987H64.3224C65.176 53.987 65.8635 53.2897 65.8635 52.4529L65.8161 39.4836C65.8161 38.6468 65.1286 37.9728 64.275 37.9728H36.725C35.8714 37.9728 35.1839 38.6468 35.1602 39.4836L35.1128 52.4065C35.1128 52.8248 35.2787 53.1967 35.5632 53.4989C35.8714 53.7778 36.2508 53.9405 36.6776 53.9405L40.2576 53.894H40.3051C42.2729 53.894 43.8614 55.428 43.8851 57.3571C43.9089 59.2863 42.3203 60.8435 40.3525 60.8668L36.7724 60.89C31.9831 60.9597 28.0711 57.1944 28 52.4994C28 52.4529 28 52.4065 28 52.36L28.0474 39.4371C28.0711 34.7885 31.9594 31 36.725 31H64.2987C69.0643 31 72.9289 34.7885 72.9526 39.4603L73 52.4297C73.0237 57.1247 69.1591 60.9365 64.3699 60.9597H64.3462H59.5569C58.4189 60.9597 57.3282 61.4711 56.617 62.3543L49.7413 70.7216C49.0537 71.5351 48.0342 72.0232 46.9436 72Z" fill="#000000"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+<clipPath id="clip1">
+<rect width="45" height="41" fill="#000000" transform="translate(28 31)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/checkbox.svg b/hybrid/.config/eww/images/svg/light/checkbox.svg
new file mode 100755
index 000000000..931aef1e9
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/checkbox.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.25 3A3.25 3.25 0 0 0 3 6.25v11.5A3.25 3.25 0 0 0 6.25 21h11.5A3.25 3.25 0 0 0 21 17.75V6.25A3.25 3.25 0 0 0 17.75 3H6.25Zm10.03 6.78-5 5a.75.75 0 0 1-1.06 0l-2.004-2.004a.75.75 0 1 1 1.06-1.06l1.474 1.473 4.47-4.47a.75.75 0 1 1 1.06 1.061Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/checkbox_no.svg b/hybrid/.config/eww/images/svg/light/checkbox_no.svg
new file mode 100755
index 000000000..dee077c1a
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/checkbox_no.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6 3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3Zm0 2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H6Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/cog.svg b/hybrid/.config/eww/images/svg/light/cog.svg
new file mode 100755
index 000000000..fe00d1b58
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/cog.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.012 2.25c.734.008 1.465.093 2.182.253a.75.75 0 0 1 .582.649l.17 1.527a1.384 1.384 0 0 0 1.927 1.116l1.401-.615a.75.75 0 0 1 .85.174 9.792 9.792 0 0 1 2.204 3.792.75.75 0 0 1-.271.825l-1.242.916a1.381 1.381 0 0 0 0 2.226l1.243.915a.75.75 0 0 1 .272.826 9.797 9.797 0 0 1-2.204 3.792.75.75 0 0 1-.848.175l-1.407-.617a1.38 1.38 0 0 0-1.926 1.114l-.169 1.526a.75.75 0 0 1-.572.647 9.518 9.518 0 0 1-4.406 0 .75.75 0 0 1-.572-.647l-.168-1.524a1.382 1.382 0 0 0-1.926-1.11l-1.406.616a.75.75 0 0 1-.849-.175 9.798 9.798 0 0 1-2.204-3.796.75.75 0 0 1 .272-.826l1.243-.916a1.38 1.38 0 0 0 0-2.226l-1.243-.914a.75.75 0 0 1-.271-.826 9.793 9.793 0 0 1 2.204-3.792.75.75 0 0 1 .85-.174l1.4.615a1.387 1.387 0 0 0 1.93-1.118l.17-1.526a.75.75 0 0 1 .583-.65c.717-.159 1.45-.243 2.201-.252Zm0 1.5a9.135 9.135 0 0 0-1.354.117l-.109.977A2.886 2.886 0 0 1 6.525 7.17l-.898-.394a8.293 8.293 0 0 0-1.348 2.317l.798.587a2.881 2.881 0 0 1 0 4.643l-.799.588c.32.842.776 1.626 1.348 2.322l.905-.397a2.882 2.882 0 0 1 4.017 2.318l.11.984c.889.15 1.798.15 2.687 0l.11-.984a2.881 2.881 0 0 1 4.018-2.322l.905.396a8.296 8.296 0 0 0 1.347-2.318l-.798-.588a2.881 2.881 0 0 1 0-4.643l.796-.587a8.293 8.293 0 0 0-1.348-2.317l-.896.393a2.884 2.884 0 0 1-4.023-2.324l-.11-.976a8.988 8.988 0 0 0-1.333-.117ZM12 8.25a3.75 3.75 0 1 1 0 7.5 3.75 3.75 0 0 1 0-7.5Zm0 1.5a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/color.scss b/hybrid/.config/eww/images/svg/light/color.scss
new file mode 100755
index 000000000..dd580d4ee
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/color.scss
@@ -0,0 +1 @@
+$colorbar: #000000;
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/color.txt b/hybrid/.config/eww/images/svg/light/color.txt
new file mode 100755
index 000000000..c0abf774f
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/color.txt
@@ -0,0 +1 @@
+#000000
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/contests.svg b/hybrid/.config/eww/images/svg/light/contests.svg
new file mode 100755
index 000000000..efd5b94e7
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/contests.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0478 9.30786C70.2495 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.3291 47.1794 95.3291 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2495 90.6242 65.0478 90.6242H34.9522C29.7505 90.6242 24.9204 87.8376 22.3195 83.3259L7.27175 57.2643C4.67091 52.7527 4.67091 47.1794 7.27175 42.6677L22.3195 16.6062C24.9204 12.0945 29.7505 9.30786 34.9522 9.30786H65.0478ZM65.0478 4H34.9522C27.8397 4 21.258 7.79512 17.7017 13.9522L2.65392 40.0138C-0.902341 46.1709 -0.902341 53.7611 2.65392 59.9183L17.7017 85.9798C21.258 92.1369 27.8397 95.9321 34.9522 95.9321H65.0478C72.1603 95.9321 78.742 92.1369 82.2983 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1603 4 65.0478 4Z" fill="#000000"/>
+<path d="M50 76.7707C47.7972 76.7707 46.0191 74.9925 46.0191 72.7898V53.9469C46.0191 51.7441 47.7972 49.966 50 49.966C52.2028 49.966 53.9809 51.7441 53.9809 53.9469V72.7898C53.9809 74.9925 52.2028 76.7707 50 76.7707Z" fill="#000000"/>
+<path d="M36.7304 71.9936C34.5276 71.9936 32.7495 70.2155 32.7495 68.0127V61.1125C32.7495 58.9098 34.5276 57.1316 36.7304 57.1316C38.9331 57.1316 40.7113 58.9098 40.7113 61.1125V68.0127C40.7113 70.2155 38.9331 71.9936 36.7304 71.9936Z" fill="#000000"/>
+<path d="M36.7304 51.8238C36.5977 51.8238 36.465 51.8238 36.3323 51.7973C36.1996 51.7973 36.0669 51.7707 35.9342 51.7442C35.8015 51.7176 35.6688 51.6911 35.5626 51.638C35.4299 51.5849 35.3238 51.5584 35.1911 51.5053C35.0849 51.4522 34.9522 51.3992 34.8461 51.3461C34.7399 51.293 34.6072 51.2134 34.5011 51.1338C34.3949 51.0542 34.2887 50.9745 34.1826 50.8949C34.0764 50.8153 33.9703 50.7091 33.8906 50.6295C33.811 50.5234 33.7049 50.4438 33.6253 50.3376C33.5456 50.2314 33.466 50.1253 33.3864 50.0191C33.3068 49.913 33.2537 49.8068 33.1741 49.6741C33.121 49.568 33.0679 49.4353 33.0149 49.3291C32.9618 49.223 32.9087 49.0903 32.8822 48.9576C32.8556 48.8249 32.8025 48.6922 32.776 48.586C32.7495 48.4533 32.7229 48.3206 32.7229 48.2145C32.6964 48.0818 32.6964 47.9491 32.6964 47.8164C32.6964 47.6837 32.6964 47.551 32.7229 47.4183C32.7229 47.2856 32.7495 47.1529 32.776 47.0202C32.8025 46.8875 32.8291 46.7548 32.8822 46.6486C32.9087 46.5159 32.9618 46.4098 33.0149 46.2771C33.0679 46.1709 33.121 46.0382 33.1741 45.9321C33.2272 45.8259 33.3068 45.6932 33.3864 45.5871C33.466 45.4809 33.5456 45.3748 33.6253 45.2686C33.7049 45.1624 33.7845 45.0563 33.8906 44.9767C33.9968 44.897 34.0764 44.7909 34.1826 44.7113C34.2887 44.6317 34.3949 44.552 34.5011 44.4724C34.6072 44.3928 34.7134 44.3397 34.8461 44.2601C34.9522 44.207 35.0849 44.1539 35.1911 44.1009C35.3238 44.0478 35.4299 43.9947 35.5626 43.9682C35.6953 43.9416 35.828 43.8886 35.9342 43.862C36.0669 43.8355 36.1996 43.8089 36.3323 43.8089C36.5977 43.7824 36.8631 43.7824 37.1019 43.8089C37.2346 43.8089 37.3673 43.8355 37.5 43.862C37.6327 43.8886 37.7654 43.9151 37.8715 43.9682C38.0042 43.9947 38.1104 44.0478 38.2431 44.1009C38.3758 44.1539 38.4819 44.207 38.5881 44.2601C38.6943 44.3132 38.827 44.3928 38.9331 44.4724C39.0393 44.552 39.1454 44.6317 39.2516 44.7113C39.3577 44.7909 39.4639 44.8705 39.5435 44.9767C39.6231 45.0828 39.7293 45.1624 39.8089 45.2686C39.8885 45.3748 39.9681 45.4809 40.0478 45.5871C40.1274 45.6932 40.1805 45.7994 40.2601 45.9321C40.3132 46.0382 40.3662 46.1709 40.4193 46.2771C40.4724 46.4098 40.4989 46.5159 40.552 46.6486C40.5786 46.7813 40.6316 46.914 40.6582 47.0202C40.6847 47.1529 40.7112 47.2856 40.7112 47.4183C40.7378 47.551 40.7378 47.6837 40.7378 47.8164C40.7378 47.9491 40.7378 48.0818 40.7112 48.2145C40.7112 48.3472 40.6847 48.4799 40.6582 48.586C40.6316 48.7187 40.6051 48.8514 40.552 48.9576C40.4989 49.0903 40.4724 49.1964 40.4193 49.3291C40.3662 49.4618 40.3132 49.568 40.2601 49.6741C40.207 49.7803 40.1274 49.913 40.0478 50.0191C39.9681 50.1253 39.8885 50.2314 39.8089 50.3376C39.7293 50.4438 39.6231 50.5499 39.5435 50.6295C39.4374 50.7091 39.3577 50.8153 39.2516 50.8949C39.1454 50.9745 39.0393 51.0542 38.9331 51.1338C38.827 51.2134 38.7208 51.2665 38.5881 51.3461C38.4819 51.3992 38.3493 51.4522 38.2431 51.5053C38.1369 51.5584 38.0042 51.5849 37.8715 51.638C37.7388 51.6646 37.6327 51.7176 37.5 51.7442C37.3673 51.7707 37.2346 51.7973 37.1019 51.7973C36.9957 51.8238 36.863 51.8238 36.7304 51.8238Z" fill="#000000"/>
+<path d="M63.2696 71.9936C61.0669 71.9936 59.2887 70.2155 59.2887 68.0127V61.1125C59.2887 58.9098 61.0669 57.1316 63.2696 57.1316C65.4724 57.1316 67.2505 58.9098 67.2505 61.1125V68.0127C67.2505 70.2155 65.4724 71.9936 63.2696 71.9936Z" fill="#000000"/>
+<path d="M63.2696 51.8238C63.1369 51.8238 63.0043 51.8238 62.8716 51.7973C62.7389 51.7973 62.6062 51.7707 62.4735 51.7442C62.3408 51.7176 62.2081 51.6911 62.1019 51.638C61.9692 51.5849 61.8631 51.5584 61.7304 51.5053C61.6242 51.4522 61.4915 51.3992 61.3854 51.3461C61.2792 51.293 61.1465 51.2134 61.0403 51.1338C60.9342 51.0542 60.828 50.9745 60.7219 50.8949C60.6157 50.8153 60.5096 50.7091 60.4299 50.6295C60.3503 50.5234 60.2442 50.4438 60.1645 50.3376C60.0849 50.2314 60.0053 50.1253 59.9257 50.0191C59.8461 49.913 59.793 49.8068 59.7134 49.6741C59.6603 49.568 59.6072 49.4353 59.5541 49.3291C59.5011 49.223 59.448 49.0903 59.4214 48.9576C59.3949 48.8249 59.3418 48.6922 59.3153 48.586C59.2888 48.4533 59.2622 48.3206 59.2622 48.2145C59.2622 48.0818 59.2357 47.9491 59.2357 47.8164C59.2357 47.6837 59.2357 47.551 59.2622 47.4183C59.2622 47.2856 59.2888 47.1529 59.3153 47.0202C59.3418 46.8875 59.3684 46.7548 59.4214 46.6486C59.448 46.5159 59.5011 46.4098 59.5541 46.2771C59.6072 46.1709 59.6603 46.0382 59.7134 45.9321C59.7665 45.8259 59.8461 45.6932 59.9257 45.5871C60.0053 45.4809 60.0849 45.3748 60.1645 45.2686C60.2442 45.1624 60.3238 45.0563 60.4299 44.9767C60.5361 44.897 60.6157 44.7909 60.7219 44.7113C60.828 44.6317 60.9342 44.552 61.0403 44.4724C61.1465 44.3928 61.2527 44.3397 61.3854 44.2601C61.4915 44.207 61.6242 44.1539 61.7304 44.1009C61.8631 44.0478 61.9692 43.9947 62.1019 43.9682C62.2346 43.9416 62.3673 43.8886 62.4735 43.862C62.6062 43.8355 62.7389 43.8089 62.8716 43.8089C63.1369 43.7824 63.4023 43.7824 63.6677 43.8089C63.8004 43.8089 63.9331 43.8355 64.0393 43.862C64.172 43.8886 64.3047 43.9151 64.4108 43.9682C64.5435 43.9947 64.6497 44.0478 64.7824 44.1009C64.9151 44.1539 65.0212 44.207 65.1274 44.2601C65.2336 44.3132 65.3663 44.3928 65.4724 44.4724C65.5786 44.552 65.6847 44.6317 65.7909 44.7113C65.897 44.7909 66.0032 44.8705 66.0828 44.9767C66.1624 45.0828 66.2686 45.1624 66.3482 45.2686C66.4278 45.3748 66.5074 45.4809 66.5871 45.5871C66.6667 45.6932 66.7198 45.7994 66.7994 45.9321C66.8525 46.0382 66.9055 46.1709 66.9586 46.2771C67.0117 46.4098 67.0382 46.5159 67.0913 46.6486C67.1178 46.7813 67.1709 46.914 67.1975 47.0202C67.224 47.1529 67.2505 47.2856 67.2505 47.4183C67.2771 47.551 67.2771 47.6837 67.2771 47.8164C67.2771 47.9491 67.2771 48.0818 67.2505 48.2145C67.2505 48.3472 67.224 48.4799 67.1975 48.586C67.1709 48.7187 67.1444 48.8514 67.0913 48.9576C67.0382 49.0903 67.0117 49.1964 66.9586 49.3291C66.9055 49.4618 66.8525 49.568 66.7994 49.6741C66.7463 49.7803 66.6667 49.913 66.5871 50.0191C66.5074 50.1253 66.4278 50.2314 66.3482 50.3376C66.2686 50.4438 66.1624 50.5499 66.0828 50.6295C65.9767 50.7091 65.897 50.8153 65.7909 50.8949C65.6847 50.9745 65.5786 51.0542 65.4724 51.1338C65.3663 51.2134 65.2601 51.2665 65.1274 51.3461C65.0212 51.3992 64.8885 51.4522 64.7824 51.5053C64.6762 51.5584 64.5435 51.5849 64.4108 51.638C64.2781 51.6646 64.172 51.7176 64.0393 51.7442C63.9066 51.7707 63.7739 51.7973 63.6677 51.7973C63.535 51.8238 63.4023 51.8238 63.2696 51.8238Z" fill="#000000"/>
+<path d="M50 44.7909C44.1348 44.7909 39.3843 40.0403 39.3843 34.1752C39.3843 28.31 44.1348 23.5594 50 23.5594C55.8652 23.5594 60.6157 28.31 60.6157 34.1752C60.6157 40.0403 55.8652 44.7909 50 44.7909ZM50 31.5212C48.5403 31.5212 47.3461 32.7155 47.3461 34.1752C47.3461 35.6348 48.5403 36.8291 50 36.8291C51.4597 36.8291 52.6539 35.6348 52.6539 34.1752C52.6539 32.7155 51.4597 31.5212 50 31.5212Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/copy.svg b/hybrid/.config/eww/images/svg/light/copy.svg
new file mode 100755
index 000000000..646e5c69c
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/copy.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5.503 4.627 5.5 6.75v10.504a3.25 3.25 0 0 0 3.25 3.25h8.616a2.251 2.251 0 0 1-2.122 1.5H8.75A4.75 4.75 0 0 1 4 17.254V6.75c0-.98.627-1.815 1.503-2.123ZM17.75 2A2.25 2.25 0 0 1 20 4.25v13a2.25 2.25 0 0 1-2.25 2.25h-9a2.25 2.25 0 0 1-2.25-2.25v-13A2.25 2.25 0 0 1 8.75 2h9Zm0 1.5h-9a.75.75 0 0 0-.75.75v13c0 .414.336.75.75.75h9a.75.75 0 0 0 .75-.75v-13a.75.75 0 0 0-.75-.75Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/downarrow.svg b/hybrid/.config/eww/images/svg/light/downarrow.svg
new file mode 100755
index 000000000..9a444f159
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/downarrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.293 8.293a1 1 0 0 1 1.414 0L12 14.586l6.293-6.293a1 1 0 1 1 1.414 1.414l-7 7a1 1 0 0 1-1.414 0l-7-7a1 1 0 0 1 0-1.414Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/folderopen.svg b/hybrid/.config/eww/images/svg/light/folderopen.svg
new file mode 100755
index 000000000..b7516348d
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/folderopen.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 9.502V8.75a2.25 2.25 0 0 0-2.25-2.25h-5.725l-2.38-1.98A2.25 2.25 0 0 0 8.204 4H4.25A2.25 2.25 0 0 0 2 6.25l-.004 11.5A2.25 2.25 0 0 0 4.246 20H18.47a1.75 1.75 0 0 0 1.698-1.325l1.75-6.998a1.75 1.75 0 0 0-1.698-2.175H20ZM4.25 5.5h3.956a.75.75 0 0 1 .48.173l2.588 2.154a.75.75 0 0 0 .48.173h5.996a.75.75 0 0 1 .75.75v.752H6.424a2.25 2.25 0 0 0-2.183 1.704l-.744 2.978L3.5 6.25a.75.75 0 0 1 .75-.75Zm1.447 6.07a.75.75 0 0 1 .727-.568H20.22a.25.25 0 0 1 .242.31l-1.75 6.999a.25.25 0 0 1-.242.189H4.285a.25.25 0 0 1-.243-.31l1.655-6.62Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/forum.svg b/hybrid/.config/eww/images/svg/light/forum.svg
new file mode 100755
index 000000000..f743df8e9
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/forum.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.28849C70.2493 9.28849 75.0795 12.0649 77.6803 16.5602L92.7281 42.5266C95.3289 47.0219 95.3289 52.5748 92.7281 57.07L77.6803 83.0365C75.0795 87.5317 70.2493 90.3082 65.0476 90.3082H34.9521C29.7504 90.3082 24.9203 87.5317 22.3194 83.0365L7.27165 57.07C4.6708 52.5748 4.6708 47.0219 7.27165 42.5266L22.3194 16.5602C24.9203 12.0649 29.7504 9.28849 34.9521 9.28849H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.78127 17.7016 13.9159L2.65381 39.8824C-0.902448 46.0171 -0.902448 53.5796 2.65381 59.7142L17.7016 85.6807C21.2578 91.8154 27.8396 95.5966 34.9521 95.5966H65.0476C72.1602 95.5966 78.7419 91.8154 82.2982 85.6807L97.3459 59.7142C100.902 53.5796 100.902 46.0171 97.3459 39.8824L82.2716 13.9159C78.7419 7.78127 72.1602 4 65.0476 4Z" fill="#000000"/>
+<path d="M66.9851 40.8079C69.1837 40.8079 70.966 39.0321 70.966 36.8415C70.966 34.651 69.1837 32.8752 66.9851 32.8752C64.7865 32.8752 63.0042 34.651 63.0042 36.8415C63.0042 39.0321 64.7865 40.8079 66.9851 40.8079Z" fill="#000000"/>
+<path d="M51.327 40.8079H34.6072C32.4045 40.8079 30.6263 39.0362 30.6263 36.8415C30.6263 34.6468 32.4045 32.8752 34.6072 32.8752H51.327C53.5297 32.8752 55.3079 34.6468 55.3079 36.8415C55.3079 39.0362 53.5297 40.8079 51.327 40.8079Z" fill="#000000"/>
+<path d="M66.9851 67.2503C69.1837 67.2503 70.966 65.4745 70.966 63.284C70.966 61.0934 69.1837 59.3176 66.9851 59.3176C64.7865 59.3176 63.0042 61.0934 63.0042 63.284C63.0042 65.4745 64.7865 67.2503 66.9851 67.2503Z" fill="#000000"/>
+<path d="M51.327 67.2503H34.6072C32.4045 67.2503 30.6263 65.4787 30.6263 63.284C30.6263 61.0892 32.4045 59.3176 34.6072 59.3176H51.327C53.5297 59.3176 55.3079 61.0892 55.3079 63.284C55.3079 65.4787 53.5297 67.2503 51.327 67.2503Z" fill="#000000"/>
+<path d="M34.8726 54.0291C37.0712 54.0291 38.8535 52.2533 38.8535 50.0627C38.8535 47.8722 37.0712 46.0964 34.8726 46.0964C32.674 46.0964 30.8917 47.8722 30.8917 50.0627C30.8917 52.2533 32.674 54.0291 34.8726 54.0291Z" fill="#000000"/>
+<path d="M67.2505 54.0291H50.5308C48.328 54.0291 46.5499 52.2575 46.5499 50.0627C46.5499 47.868 48.328 46.0964 50.5308 46.0964H67.2505C69.4533 46.0964 71.2314 47.868 71.2314 50.0627C71.2314 52.2575 69.4533 54.0291 67.2505 54.0291Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.5966" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/graph.svg b/hybrid/.config/eww/images/svg/light/graph.svg
new file mode 100755
index 000000000..68c74ee66
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/graph.svg
@@ -0,0 +1,16 @@
+<svg width="1920" height="1080">
+  <circle cx="225" cy="350" r="40" stroke="#000000" stroke-width="3" fill="none" />
+  <circle cx="525" cy="250" r="40" stroke="#000000" stroke-width="3" fill="none" />
+  <circle cx="825" cy="350" r="40" stroke="#000000" stroke-width="3" fill="none" />
+  <circle cx="1125" cy="250" r="40" stroke="#000000" stroke-width="3" fill="none" />
+  <line x1="225" y1="350" x2="525" y2="250" stroke="#000000" stroke-width="3" 
+    stroke-linecap="round"/>
+  <line x1="525" y1="250" x2="825" y2="350" stroke="#000000" stroke-width="3" 
+    stroke-linecap="round"/>
+  <line x1="825" y1="350" x2="1125" y2="250" stroke="#000000" stroke-width="3" 
+    stroke-linecap="round"/>
+  <circle cx="225" cy="350" r="20" stroke="#000000" stroke-width="3" fill="#000000" />
+  <circle cx="525" cy="250" r="20" stroke="#000000" stroke-width="3" fill="#000000" />
+  <circle cx="825" cy="350" r="20" stroke="#000000" stroke-width="3" fill="#000000" />
+  <circle cx="1125" cy="250" r="20" stroke="#000000" stroke-width="3" fill="#000000" />
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/home.svg b/hybrid/.config/eww/images/svg/light/home.svg
new file mode 100755
index 000000000..50eb4a235
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/home.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0478 9.30786C70.2495 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.3291 47.1794 95.3291 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2495 90.6242 65.0478 90.6242H34.9522C29.7505 90.6242 24.9204 87.8376 22.3195 83.3259L7.27175 57.2643C4.67091 52.7527 4.67091 47.1794 7.27175 42.6677L22.3195 16.6062C24.9204 12.0945 29.7505 9.30786 34.9522 9.30786H65.0478ZM65.0478 4H34.9522C27.8397 4 21.258 7.79512 17.7017 13.9522L2.65392 40.0138C-0.902341 46.1709 -0.902341 53.7611 2.65392 59.9183L17.7017 85.9798C21.258 92.1369 27.8397 95.9321 34.9522 95.9321H65.0478C72.1603 95.9321 78.742 92.1369 82.2983 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1603 4 65.0478 4Z" fill="#000000"/>
+<path d="M68.5775 43.2781C68.0998 43.2781 67.5956 43.1985 67.1178 42.9862L50 36.2187L32.8822 42.9862C30.8386 43.7824 28.5297 42.8004 27.707 40.7569C26.9108 38.7134 27.8928 36.4045 29.9363 35.5817L48.5138 28.2304C49.4427 27.8588 50.5043 27.8588 51.4331 28.2304L70.0106 35.5817C72.0541 36.3779 73.0626 38.7134 72.2399 40.7569C71.6561 42.3227 70.1699 43.2781 68.5775 43.2781Z" fill="#000000"/>
+<path d="M57.3248 71.9671H42.7017C39.4108 71.9671 36.7569 69.2866 36.7569 66.0223V51.3991C36.7569 48.1083 39.4374 45.4543 42.7017 45.4543H57.3248C60.6157 45.4543 63.2696 48.1348 63.2696 51.3991V66.0223C63.2696 69.3132 60.5892 71.9671 57.3248 71.9671ZM44.6921 64.0053H55.3078V53.3896H44.6921V64.0053Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/icosahedron.svg b/hybrid/.config/eww/images/svg/light/icosahedron.svg
new file mode 100755
index 000000000..c443f2a56
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/icosahedron.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Created Sat Nov  1 22:06:13 2008 by ./xy2svg -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-1.862747 -1.862747 3.957948 3.957948"> 
+<g style="stroke:#000000" stroke-width=".015">
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="0.039227" y2="-0.287147"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.296790" y1="-1.531823" x2="1.278419" y2="-0.824517"/>
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="0.340080" y2="-1.463535"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="1.466545" y1="0.232765" x2="1.278419" y2="-0.824517"/>
+<line stroke-linecap="round" x1="1.278419" y1="-0.824517" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="1.278419" y1="0.586062" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="1.466545" y1="0.232765" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="0.340080" y1="1.755256" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="1.278419" y1="0.586062" x2="-0.296790" y2="1.277236"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="0.039227" y2="-0.287147"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="1.278419" y2="0.586062"/>
+<line stroke-linecap="round" x1="0.039227" y1="-0.287147" x2="-1.189639" y2="-0.188816"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.296790" y1="-1.531823" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="-1.451475" y1="-0.665396" x2="-1.189639" y2="-0.188816"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-0.296790" y2="1.277236"/>
+<line stroke-linecap="round" x1="-0.296790" y1="1.277236" x2="-1.451475" y2="0.936129"/>
+<line stroke-linecap="round" x1="-1.451475" y1="0.936129" x2="0.340080" y2="1.755256"/>
+<line stroke-linecap="round" x1="0.340080" y1="1.755256" x2="-0.055029" y2="0.402814"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="-1.451475" y2="0.936129"/>
+<line stroke-linecap="round" x1="-1.451475" y1="0.936129" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="-1.451475" y1="-0.665396" x2="-0.055029" y2="0.402814"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="0.340080" y2="-1.463535"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="-1.451475" y2="-0.665396"/>
+<line stroke-linecap="round" x1="0.340080" y1="-1.463535" x2="-0.296790" y2="-1.531823"/>
+<line stroke-linecap="round" x1="-0.055029" y1="0.402814" x2="1.466545" y2="0.232765"/>
+<line stroke-linecap="round" x1="-1.189639" y1="-0.188816" x2="-1.451475" y2="0.936129"/>
+<!-- <line x1="5.340754" y1="-0.810999" x2="4.164357" y2="-0.285624"/>
+<line x1="4.164357" y1="-0.285624" x2="3.760373" y2="-1.532918"/>
+<line x1="3.760373" y1="-1.532918" x2="5.340754" y2="-0.810999"/>
+<line x1="5.340754" y1="-0.810999" x2="4.275964" y2="-1.462090"/>
+<line x1="4.275964" y1="-1.462090" x2="5.376515" y2="0.260659"/>
+<line x1="5.376515" y1="0.260659" x2="5.340754" y2="-0.810999"/>
+<line x1="5.340754" y1="-0.810999" x2="5.340754" y2="0.615801"/>
+<line x1="5.340754" y1="0.615801" x2="5.376515" y2="0.260659"/>
+<line x1="5.376515" y1="0.260659" x2="4.275964" y2="1.765372"/>
+<line x1="4.275964" y1="1.765372" x2="5.340754" y2="0.615801"/>
+<line x1="5.340754" y1="0.615801" x2="3.760373" y2="1.269571"/>
+<line x1="3.760373" y1="1.269571" x2="4.275964" y2="1.765372"/>
+<line x1="3.760373" y1="1.269571" x2="4.164357" y2="-0.285624"/>
+<line x1="4.164357" y1="-0.285624" x2="5.340754" y2="0.615801"/>
+<line x1="4.164357" y1="-0.285624" x2="2.908099" y2="-0.206764"/>
+<line x1="2.908099" y1="-0.206764" x2="3.760373" y2="-1.532918"/>
+<line x1="3.760373" y1="-1.532918" x2="2.514237" y2="-0.682403"/>
+<line x1="2.514237" y1="-0.682403" x2="2.908099" y2="-0.206764"/>
+<line x1="2.908099" y1="-0.206764" x2="3.760373" y2="1.269571"/>
+<line x1="3.760373" y1="1.269571" x2="2.514237" y2="0.898713"/>
+<line x1="2.514237" y1="0.898713" x2="4.275964" y2="1.765372"/>
+<line x1="4.275964" y1="1.765372" x2="3.769930" y2="0.399824"/>
+<line x1="3.769930" y1="0.399824" x2="2.514237" y2="0.898713"/>
+<line x1="2.514237" y1="0.898713" x2="2.514237" y2="-0.682403"/>
+<line x1="2.514237" y1="-0.682403" x2="3.769930" y2="0.399824"/>
+<line x1="3.769930" y1="0.399824" x2="4.275964" y2="-1.462090"/>
+<line x1="4.275964" y1="-1.462090" x2="2.514237" y2="-0.682403"/>
+<line x1="4.275964" y1="-1.462090" x2="3.760373" y2="-1.532918"/>
+<line x1="3.769930" y1="0.399824" x2="5.376515" y2="0.260659"/>
+<line x1="2.908099" y1="-0.206764" x2="2.514237" y2="0.898713"/> -->
+</g>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/linehorizontal.svg b/hybrid/.config/eww/images/svg/light/linehorizontal.svg
new file mode 100755
index 000000000..81ead10da
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/linehorizontal.svg
@@ -0,0 +1,3 @@
+<svg height="3" width="75">
+  <line x1="1.5" y1="1.5" x2="73.5" y2="1.5" stroke="#000000" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/linetransparent.svg b/hybrid/.config/eww/images/svg/light/linetransparent.svg
new file mode 100755
index 000000000..9be840a61
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/linetransparent.svg
@@ -0,0 +1,3 @@
+<svg height="26.5" width="3">
+  <line x1="1.5" y1="1.5" x2="1.5" y2="25" stroke="transparent" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/linevertical.svg b/hybrid/.config/eww/images/svg/light/linevertical.svg
new file mode 100755
index 000000000..ff695f8c9
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/linevertical.svg
@@ -0,0 +1,3 @@
+<svg height="26.5" width="3">
+  <line x1="1.5" y1="1.5" x2="1.5" y2="25" stroke="#000000" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/moon.svg b/hybrid/.config/eww/images/svg/light/moon.svg
new file mode 100755
index 000000000..76b35d988
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/moon.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.026 17.001c-2.762 4.784-8.879 6.423-13.663 3.661a9.964 9.964 0 0 1-3.234-2.983.75.75 0 0 1 .365-1.131c3.767-1.348 5.785-2.911 6.956-5.146 1.232-2.353 1.551-4.93.689-8.464a.75.75 0 0 1 .769-.926 9.961 9.961 0 0 1 4.457 1.327C21.149 6.1 22.788 12.217 20.025 17Zm-8.248-4.903c-1.25 2.388-3.31 4.099-6.817 5.499a8.492 8.492 0 0 0 2.152 1.766 8.501 8.501 0 1 0 8.502-14.725 8.485 8.485 0 0 0-2.792-1.016c.647 3.384.23 6.044-1.045 8.476Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/news.svg b/hybrid/.config/eww/images/svg/light/news.svg
new file mode 100755
index 000000000..057a49a14
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/news.svg
@@ -0,0 +1,18 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0468 9.31178C70.2485 9.31178 75.0786 12.1005 77.6795 16.6155L92.7272 42.6963C95.3281 47.2113 95.3281 52.7887 92.7272 57.3037L77.6795 83.3845C75.0786 87.8995 70.2485 90.6882 65.0468 90.6882H34.9512C29.7495 90.6882 24.9194 87.8995 22.3185 83.3845L7.27075 57.3037C4.6699 52.7887 4.6699 47.2113 7.27075 42.6963L22.3185 16.6155C24.9194 12.1005 29.7495 9.31178 34.9512 9.31178H65.0468ZM65.0468 4H34.9512C27.8387 4 21.2569 7.79792 17.7007 13.9596L2.65292 40.0404C-0.903348 46.2021 -0.903348 53.7979 2.65292 59.9596L17.7007 86.0404C21.2569 92.2021 27.8387 96 34.9512 96H65.0468C72.1593 96 78.741 92.2021 82.2973 86.0404L97.3451 59.9596C100.901 53.7979 100.901 46.2021 97.3451 40.0404L82.2707 13.9596C78.741 7.79792 72.1593 4 65.0468 4Z" fill="#000000"/>
+<path d="M73.8854 53.9838H66.9851C64.7824 53.9838 63.0042 52.2044 63.0042 50C63.0042 47.7956 64.7824 46.0162 66.9851 46.0162H73.8854C76.0881 46.0162 77.8663 47.7956 77.8663 50C77.8663 52.2044 76.0881 53.9838 73.8854 53.9838Z" fill="#000000"/>
+<path d="M50 77.8868C47.7972 77.8868 46.0191 76.1074 46.0191 73.903V66.9977C46.0191 64.7933 47.7972 63.0139 50 63.0139C52.2028 63.0139 53.9809 64.7933 53.9809 66.9977V73.903C53.9809 76.1074 52.2028 77.8868 50 77.8868Z" fill="#000000"/>
+<path d="M66.879 70.8753C65.8705 70.8753 64.8355 70.4769 64.0658 69.7067L59.1295 64.7667C57.5637 63.1998 57.5637 60.6767 59.1295 59.1363C60.6953 57.5693 63.2166 57.5693 64.7558 59.1363L69.6922 64.0762C71.258 65.6432 71.258 68.1663 69.6922 69.7067C68.9225 70.5035 67.914 70.8753 66.879 70.8753Z" fill="#000000"/>
+<path d="M33.121 70.8753C32.1125 70.8753 31.0775 70.4769 30.3078 69.7067C28.742 68.1397 28.742 65.6166 30.3078 64.0762L35.2442 59.1363C36.81 57.5693 39.3312 57.5693 40.8705 59.1363C42.4363 60.7032 42.4363 63.2263 40.8705 64.7667L35.9342 69.7067C35.138 70.5035 34.1295 70.8753 33.121 70.8753Z" fill="#000000"/>
+<path d="M61.9427 42.0323C60.9342 42.0323 59.8992 41.634 59.1295 40.8637C57.5637 39.2968 57.5637 36.7737 59.1295 35.2333L64.0658 30.2933C65.6316 28.7263 68.1529 28.7263 69.6922 30.2933C71.258 31.8603 71.258 34.3834 69.6922 35.9238L64.7558 40.8637C63.9862 41.634 62.9512 42.0323 61.9427 42.0323Z" fill="#000000"/>
+<path d="M50 36.9861C47.7972 36.9861 46.0191 35.2067 46.0191 33.0023V26.097C46.0191 23.8926 47.7972 22.1132 50 22.1132C52.2028 22.1132 53.9809 23.8926 53.9809 26.097V33.0023C53.9809 35.2067 52.2028 36.9861 50 36.9861Z" fill="#000000"/>
+<path d="M33.0149 53.9838H26.1147C23.9119 53.9838 22.1338 52.2044 22.1338 50C22.1338 47.7956 23.9119 46.0162 26.1147 46.0162H33.0149C35.2176 46.0162 36.9958 47.7956 36.9958 50C36.9958 52.2044 35.2176 53.9838 33.0149 53.9838Z" fill="#000000"/>
+<path d="M38.0573 42.0323C37.0488 42.0323 36.0138 41.634 35.2442 40.8637L30.3078 35.9238C28.742 34.3568 28.742 31.8337 30.3078 30.2933C31.8737 28.7263 34.3949 28.7263 35.9342 30.2933L40.8705 35.2333C42.4363 36.8002 42.4363 39.3233 40.8705 40.8637C40.1008 41.634 39.0658 42.0323 38.0573 42.0323Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/night.svg b/hybrid/.config/eww/images/svg/light/night.svg
new file mode 100755
index 000000000..053a6c46e
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/night.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.026 17.001c-2.762 4.784-8.879 6.423-13.663 3.661A9.965 9.965 0 0 1 3.13 17.68a.75.75 0 0 1 .365-1.132c3.767-1.348 5.785-2.91 6.956-5.146 1.232-2.353 1.551-4.93.689-8.463a.75.75 0 0 1 .769-.927 9.961 9.961 0 0 1 4.457 1.327c4.784 2.762 6.423 8.879 3.66 13.662Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/notif.svg b/hybrid/.config/eww/images/svg/light/notif.svg
new file mode 100755
index 000000000..0903c73a0
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/notif.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1.996a7.49 7.49 0 0 1 7.496 7.25l.004.25v4.097l1.38 3.156a1.25 1.25 0 0 1-1.145 1.75L15 18.502a3 3 0 0 1-5.995.177L9 18.499H4.275a1.251 1.251 0 0 1-1.147-1.747L4.5 13.594V9.496c0-4.155 3.352-7.5 7.5-7.5ZM13.5 18.5l-3 .002a1.5 1.5 0 0 0 2.993.145l.006-.147ZM12 3.496c-3.32 0-6 2.674-6 6v4.41L4.656 17h14.697L18 13.907V9.509l-.004-.225A5.988 5.988 0 0 0 12 3.496Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/notifsnooze.svg b/hybrid/.config/eww/images/svg/light/notifsnooze.svg
new file mode 100755
index 000000000..e6b23f29f
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/notifsnooze.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 3.5c-3.104 0-6 2.432-6 6.25v4.153L4.682 17h14.67l-1.354-3.093V11.75a.75.75 0 0 1 1.5 0v1.843l1.381 3.156a1.25 1.25 0 0 1-1.145 1.751H15a3.002 3.002 0 0 1-6.003 0H4.305a1.25 1.25 0 0 1-1.15-1.739l1.344-3.164V9.75C4.5 5.068 8.103 2 12 2c.86 0 1.705.15 2.5.432a.75.75 0 0 1-.502 1.413A5.964 5.964 0 0 0 12 3.5ZM12 20c.828 0 1.5-.671 1.501-1.5h-3.003c0 .829.673 1.5 1.502 1.5Z" fill="#000000"/><path d="M15.25 7h-2.5l-.101.007A.75.75 0 0 0 12.75 8.5h1.043l-1.653 2.314-.055.09A.75.75 0 0 0 12.75 12h2.5l.102-.007a.75.75 0 0 0-.102-1.493h-1.042l1.653-2.314.055-.09A.75.75 0 0 0 15.25 7ZM21.25 2h-3.5l-.101.007A.75.75 0 0 0 17.75 3.5h2.134l-2.766 4.347-.05.09A.75.75 0 0 0 17.75 9h3.5l.102-.007A.75.75 0 0 0 21.25 7.5h-2.133l2.766-4.347.05-.09A.75.75 0 0 0 21.25 2Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/open.svg b/hybrid/.config/eww/images/svg/light/open.svg
new file mode 100755
index 000000000..5b1267935
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/open.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.25 4.5A1.75 1.75 0 0 0 4.5 6.25v11.5c0 .966.783 1.75 1.75 1.75h11.5a1.75 1.75 0 0 0 1.75-1.75v-4a.75.75 0 0 1 1.5 0v4A3.25 3.25 0 0 1 17.75 21H6.25A3.25 3.25 0 0 1 3 17.75V6.25A3.25 3.25 0 0 1 6.25 3h4a.75.75 0 0 1 0 1.5h-4ZM13 3.75a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 .75.75v6.5a.75.75 0 0 1-1.5 0V5.56l-5.22 5.22a.75.75 0 0 1-1.06-1.06l5.22-5.22h-4.69a.75.75 0 0 1-.75-.75Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/power.svg b/hybrid/.config/eww/images/svg/light/power.svg
new file mode 100755
index 000000000..0d12dd7c0
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/power.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.204 4.82a.75.75 0 0 1 .634 1.36A7.51 7.51 0 0 0 4.5 12.991c0 4.148 3.358 7.51 7.499 7.51s7.499-3.362 7.499-7.51a7.51 7.51 0 0 0-4.323-6.804.75.75 0 1 1 .637-1.358 9.01 9.01 0 0 1 5.186 8.162c0 4.976-4.029 9.01-9 9.01C7.029 22 3 17.966 3 12.99a9.01 9.01 0 0 1 5.204-8.17ZM12 2.496a.75.75 0 0 1 .743.648l.007.102v7.5a.75.75 0 0 1-1.493.102l-.007-.102v-7.5a.75.75 0 0 1 .75-.75Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/protocol.svg b/hybrid/.config/eww/images/svg/light/protocol.svg
new file mode 100755
index 000000000..92fe7abe2
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/protocol.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m13.732 17.732-1.025-1.025 1.06-1.06 1.026 1.025a1 1 0 0 0 1.414 0l3.965-3.965a1 1 0 0 0 0-1.414l-3.965-3.964a1 1 0 0 0-1.414 0l-1.025 1.025-1.06-1.061 1.024-1.025a2.5 2.5 0 0 1 3.536 0l3.964 3.964a2.5 2.5 0 0 1 0 3.536l-3.964 3.964a2.5 2.5 0 0 1-3.536 0Z" fill="#000000"/><path d="m6.732 6.268-3.964 3.964a2.5 2.5 0 0 0 0 3.536l3.964 3.964a2.5 2.5 0 0 0 3.536 0l3.964-3.964a2.5 2.5 0 0 0 0-3.536l-3.964-3.964a2.5 2.5 0 0 0-3.536 0ZM3.83 11.293l3.964-3.964a1 1 0 0 1 1.414 0l3.965 3.964a1 1 0 0 1 0 1.414l-3.965 3.965a1 1 0 0 1-1.414 0l-3.964-3.965a1 1 0 0 1 0-1.414Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/radiobutton.svg b/hybrid/.config/eww/images/svg/light/radiobutton.svg
new file mode 100755
index 000000000..80513fb32
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/radiobutton.svg
@@ -0,0 +1,3 @@
+<svg height="23" width="23" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="11.5" cy="11.5" r="8.5" stroke="#000000" stroke-width="5" fill="none"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/rankings.svg b/hybrid/.config/eww/images/svg/light/rankings.svg
new file mode 100755
index 000000000..9b322c401
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/rankings.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M68.5775 44.3397C68.0998 44.3397 67.5955 44.2601 67.1178 44.0478L50 37.2802L32.8821 44.0743C30.8386 44.8705 28.5297 43.8885 27.707 41.845C26.9108 39.8015 27.8928 37.4926 29.9363 36.6698L48.5138 29.3185C49.4427 28.9469 50.5042 28.9469 51.4331 29.3185L70.0106 36.6698C72.0541 37.466 73.0626 39.8015 72.2399 41.845C71.656 43.3843 70.1698 44.3397 68.5775 44.3397Z" fill="#000000"/>
+<path d="M68.5775 57.6093C68.0998 57.6093 67.5955 57.5297 67.1178 57.3174L50 50.5499L32.8821 57.3439C30.8386 58.1401 28.5297 57.1581 27.707 55.1146C26.9108 53.0711 27.8928 50.7622 29.9363 49.9395L48.5138 42.5881C49.4427 42.2165 50.5042 42.2165 51.4331 42.5881L70.0106 49.9395C72.0541 50.7356 73.0626 53.0711 72.2399 55.1146C71.656 56.6539 70.1698 57.6093 68.5775 57.6093Z" fill="#000000"/>
+<path d="M68.5775 70.879C68.0998 70.879 67.5955 70.7993 67.1178 70.587L50 63.8195L32.8821 70.6136C30.8386 71.4098 28.5297 70.4278 27.707 68.3843C26.9108 66.3408 27.8928 64.0318 29.9363 63.2091L48.5138 55.8577C49.4427 55.4862 50.5042 55.4862 51.4331 55.8577L70.0106 63.2091C72.0541 64.0053 73.0626 66.3408 72.2399 68.3843C71.656 69.9236 70.1698 70.879 68.5775 70.879Z" fill="#000000"/>
+<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/reset.svg b/hybrid/.config/eww/images/svg/light/reset.svg
new file mode 100755
index 000000000..c9cdbcd84
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/reset.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.78 2.72a.75.75 0 0 1 0 1.06L4.56 6h8.69a7.75 7.75 0 1 1-7.75 7.75.75.75 0 0 1 1.5 0 6.25 6.25 0 1 0 6.25-6.25H4.56l2.22 2.22a.75.75 0 1 1-1.06 1.06l-3.5-3.5a.75.75 0 0 1 0-1.06l3.5-3.5a.75.75 0 0 1 1.06 0Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/rightarrow.svg b/hybrid/.config/eww/images/svg/light/rightarrow.svg
new file mode 100755
index 000000000..4bfb1349b
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/rightarrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.47 4.22a.75.75 0 0 0 0 1.06L15.19 12l-6.72 6.72a.75.75 0 1 0 1.06 1.06l7.25-7.25a.75.75 0 0 0 0-1.06L9.53 4.22a.75.75 0 0 0-1.06 0Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/root.svg b/hybrid/.config/eww/images/svg/light/root.svg
new file mode 100755
index 000000000..2dedab277
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/root.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.744 1.996a2.25 2.25 0 0 1 2.245 2.096l.005.154v15.498A2.25 2.25 0 0 1 17.9 21.99l-.155.005h-11.5A2.25 2.25 0 0 1 4 19.898l-.005-.154V4.246A2.25 2.25 0 0 1 6.09 2.001l.154-.005h11.5Zm0 1.5h-11.5a.75.75 0 0 0-.743.648l-.006.102v15.498c0 .38.282.694.648.743l.102.007h11.5a.75.75 0 0 0 .743-.648l.006-.102V4.246a.75.75 0 0 0-.648-.743l-.102-.007Z" fill="#000000"/><path d="M13.019 16.02a.75.75 0 0 1-.624-.859l.105-.66h-1.482l-.141.895a.75.75 0 1 1-1.482-.235l.105-.66h-.75a.75.75 0 0 1 0-1.5h.987l.238-1.5H9.25a.75.75 0 0 1 0-1.5h.962l.2-1.26a.75.75 0 1 1 1.481.235L11.731 10h1.481l.2-1.259a.75.75 0 1 1 1.481.235L14.731 10h.519a.75.75 0 0 1 0 1.5h-.757l-.237 1.5h.494a.75.75 0 0 1 0 1.5h-.732l-.141.896a.75.75 0 0 1-.858.623Zm-1.526-4.52-.237 1.5h1.481l.238-1.5h-1.482Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/search-fluent.svg b/hybrid/.config/eww/images/svg/light/search-fluent.svg
new file mode 100755
index 000000000..bbcd5f5b4
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/search-fluent.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10 2.75a7.25 7.25 0 0 1 5.63 11.819l4.9 4.9a.75.75 0 0 1-.976 1.134l-.084-.073-4.901-4.9A7.25 7.25 0 1 1 10 2.75Zm0 1.5a5.75 5.75 0 1 0 0 11.5 5.75 5.75 0 0 0 0-11.5Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/search.svg b/hybrid/.config/eww/images/svg/light/search.svg
new file mode 100755
index 000000000..cf0ea4678
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/search.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0481 9.31178C70.2498 9.31178 75.08 12.1005 77.6808 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6808 83.3845C75.08 87.8995 70.2498 90.6882 65.0481 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27214 57.3037C4.67129 52.7887 4.67129 47.2113 7.27214 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0481ZM65.0481 4H34.9526C27.8401 4 21.2583 7.79792 17.7021 13.9596L2.6543 40.0404C-0.90196 46.2021 -0.90196 53.7979 2.6543 59.9596L17.7021 86.0404C21.2583 92.2021 27.8401 96 34.9526 96H65.0481C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3464 59.9596C100.903 53.7979 100.903 46.2021 97.3464 40.0404L82.2721 13.9596C78.7424 7.79792 72.1607 4 65.0481 4Z" fill="#000000"/>
+<path d="M67.0382 71.0612C66.0297 71.0612 64.9947 70.6628 64.225 69.8926L54.2728 59.933C52.707 58.3661 52.707 55.843 54.2728 54.3025C55.8386 52.7356 58.3599 52.7356 59.8991 54.3025L69.8514 64.2621C71.4172 65.8291 71.4172 68.3522 69.8514 69.8926C69.0817 70.6628 68.0732 71.0612 67.0382 71.0612Z" fill="#000000"/>
+<path d="M46.2049 63.4919C36.7038 63.4919 28.9544 55.7367 28.9544 46.2286C28.9544 36.7206 36.7038 28.9654 46.2049 28.9654C55.706 28.9654 63.4554 36.7206 63.4554 46.2286C63.4554 55.7367 55.7325 63.4919 46.2049 63.4919ZM46.2049 36.933C41.0828 36.933 36.9162 41.1028 36.9162 46.2286C36.9162 51.3545 41.0828 55.5243 46.2049 55.5243C51.327 55.5243 55.4937 51.3545 55.4937 46.2286C55.4937 41.1028 51.327 36.933 46.2049 36.933Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/settings.svg b/hybrid/.config/eww/images/svg/light/settings.svg
new file mode 100755
index 000000000..c8e51e41e
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/settings.svg
@@ -0,0 +1,23 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.31178C70.2493 9.31178 75.0795 12.1005 77.6803 16.6155L92.7281 42.6963C95.329 47.2113 95.329 52.7887 92.7281 57.3037L77.6803 83.3845C75.0795 87.8995 70.2493 90.6882 65.0476 90.6882H34.9521C29.7504 90.6882 24.9203 87.8995 22.3194 83.3845L7.27163 57.3037C4.67078 52.7887 4.67078 47.2113 7.27163 42.6963L22.3194 16.6155C24.9203 12.1005 29.7504 9.31178 34.9521 9.31178H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.79792 17.7016 13.9596L2.6538 40.0404C-0.902467 46.2021 -0.902467 53.7979 2.6538 59.9596L17.7016 86.0404C21.2578 92.2021 27.8396 96 34.9521 96H65.0476C72.1602 96 78.7419 92.2021 82.2982 86.0404L97.3459 59.9596C100.902 53.7979 100.902 46.2021 97.3459 40.0404L82.2716 13.9596C78.7419 7.79792 72.1602 4 65.0476 4Z" fill="#000000"/>
+<path d="M50 72.0704C37.9246 72.0704 28.1051 62.2436 28.1051 50.1593C28.1051 38.0751 37.9246 28.2483 50 28.2483C62.0754 28.2483 71.8949 38.0751 71.8949 50.1593C71.8949 62.2436 62.0754 72.0704 50 72.0704ZM50 36.2159C42.3036 36.2159 36.0669 42.4838 36.0669 50.1593C36.0669 57.8349 42.3302 64.1028 50 64.1028C57.6699 64.1028 63.9331 57.8349 63.9331 50.1593C63.9331 42.4838 57.6699 36.2159 50 36.2159Z" fill="#000000"/>
+<path d="M50 35.8441C47.7972 35.8441 46.0191 34.0647 46.0191 31.8603V28.4873C46.0191 26.2829 47.7972 24.5035 50 24.5035C52.2028 24.5035 53.9809 26.2829 53.9809 28.4873V31.8603C53.9809 34.0647 52.2028 35.8441 50 35.8441Z" fill="#000000"/>
+<path d="M58.9968 38.5531C58.2537 38.5531 57.5106 38.3407 56.8206 37.9157C54.9894 36.7206 54.4586 34.2506 55.6529 32.418L57.6699 29.3106C58.8641 27.4781 61.3323 26.9469 63.1635 28.142C64.9947 29.3372 65.5255 31.8072 64.3312 33.6397L62.3142 36.7471C61.5711 37.9157 60.2973 38.5531 58.9968 38.5531Z" fill="#000000"/>
+<path d="M65.7378 45.5116C64.3843 45.5116 63.0839 44.821 62.3408 43.5993C61.1996 41.7136 61.81 39.2702 63.6943 38.1282L67.0382 36.1097C68.9225 34.9677 71.3641 35.5785 72.5053 37.4642C73.6465 39.3499 73.0361 41.7933 71.1518 42.9353L67.8079 44.9538C67.1444 45.3256 66.4278 45.5116 65.7378 45.5116Z" fill="#000000"/>
+<path d="M32.0064 54.515H27.9724C25.7696 54.515 23.9915 52.7356 23.9915 50.5312C23.9915 48.3268 25.7696 46.5473 27.9724 46.5473H32.0064C34.2091 46.5473 35.9873 48.3268 35.9873 50.5312C35.9873 52.7356 34.2091 54.515 32.0064 54.515Z" fill="#000000"/>
+<path d="M69.0817 65.537C68.3917 65.537 67.7017 65.3511 67.0648 64.9792L63.2696 62.7217C61.3854 61.6062 60.7484 59.1628 61.8631 57.2506C62.9777 55.3649 65.4193 54.7275 67.3302 55.843L71.1253 58.1005C73.0096 59.2159 73.6465 61.6594 72.5319 63.5716C71.7622 64.8464 70.4353 65.537 69.0817 65.537Z" fill="#000000"/>
+<path d="M34.2622 45.5116C33.5722 45.5116 32.8556 45.3257 32.1921 44.9273L28.8482 42.9088C26.9639 41.7668 26.3535 39.3233 27.4947 37.4377C28.6359 35.552 31.0775 34.9411 32.9618 36.0832L36.3057 38.1016C38.19 39.2437 38.8004 41.6871 37.6592 43.5728C36.9161 44.8476 35.6157 45.5116 34.2622 45.5116Z" fill="#000000"/>
+<path d="M40.7909 38.7656C39.3843 38.7656 38.0043 37.9954 37.2877 36.6675L35.483 33.321C34.448 31.3822 35.1646 28.9654 37.1019 27.9296C39.0393 26.8938 41.4544 27.6109 42.4894 29.5497L44.2941 32.8961C45.3291 34.8349 44.6125 37.2517 42.6752 38.2875C42.0648 38.6063 41.4278 38.7656 40.7909 38.7656Z" fill="#000000"/>
+<path d="M72.0276 54.515H67.9936C65.7909 54.515 64.0127 52.7356 64.0127 50.5312C64.0127 48.3268 65.7909 46.5473 67.9936 46.5473H72.0276C74.2303 46.5473 76.0085 48.3268 76.0085 50.5312C76.0085 52.7356 74.2303 54.515 72.0276 54.515Z" fill="#000000"/>
+<path d="M61.0138 73.6109C59.6603 73.6109 58.3333 72.9203 57.5902 71.6455L55.3344 67.8476C54.2198 65.9619 54.8302 63.5185 56.741 62.3765C58.6253 61.261 61.0669 61.8718 62.2081 63.7841L64.4639 67.582C65.5786 69.4677 64.9682 71.9111 63.0573 73.0531C62.3938 73.425 61.7038 73.6109 61.0138 73.6109Z" fill="#000000"/>
+<path d="M50 76.5589C47.7972 76.5589 46.0191 74.7795 46.0191 72.5751V68.0866C46.0191 65.8822 47.7972 64.1028 50 64.1028C52.2028 64.1028 53.9809 65.8822 53.9809 68.0866V72.5751C53.9809 74.7795 52.2028 76.5589 50 76.5589Z" fill="#000000"/>
+<path d="M30.9183 65.537C29.5648 65.537 28.2643 64.8464 27.5212 63.6247C26.3801 61.739 26.9905 59.2956 28.8747 58.1536L32.2187 56.1351C34.103 54.9931 36.5446 55.6039 37.6858 57.4896C38.827 59.3753 38.2166 61.8187 36.3323 62.9607L32.9883 64.9792C32.3514 65.351 31.6348 65.537 30.9183 65.537Z" fill="#000000"/>
+<path d="M38.9862 73.6108C38.2962 73.6108 37.6062 73.4249 36.9692 73.0531C35.0849 71.9376 34.448 69.4942 35.5626 67.582L37.8185 63.7841C38.9331 61.8984 41.3747 61.261 43.2856 62.3764C45.1699 63.4919 45.8068 65.9353 44.6921 67.8476L42.4363 71.6455C41.6667 72.9203 40.3397 73.6108 38.9862 73.6108Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/store.svg b/hybrid/.config/eww/images/svg/light/store.svg
new file mode 100755
index 000000000..0e8b78cec
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/store.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0479 9.31178C70.2496 9.31178 75.0797 12.1005 77.6806 16.6155L92.7283 42.6963C95.3292 47.2113 95.3292 52.7887 92.7283 57.3037L77.6806 83.3845C75.0797 87.8995 70.2496 90.6882 65.0479 90.6882H34.9523C29.7506 90.6882 24.9205 87.8995 22.3196 83.3845L7.27184 57.3037C4.67099 52.7887 4.67099 47.2113 7.27184 42.6963L22.3196 16.6155C24.9205 12.1005 29.7506 9.31178 34.9523 9.31178H65.0479ZM65.0479 4H34.9523C27.8398 4 21.258 7.79792 17.7018 13.9596L2.65401 40.0404C-0.902257 46.2021 -0.902257 53.7979 2.65401 59.9596L17.7018 86.0404C21.258 92.2021 27.8398 96 34.9523 96H65.0479C72.1604 96 78.7421 92.2021 82.2984 86.0404L97.3462 59.9596C100.902 53.7979 100.902 46.2021 97.3462 40.0404L82.2719 13.9596C78.7421 7.79792 72.1604 4 65.0479 4Z" fill="#000000"/>
+<path d="M69.3737 62.5889H35.828C33.6253 62.5889 31.8471 60.8095 31.8471 58.6051V36.8799L26.1412 31.7009C24.5223 30.2136 24.3896 27.7171 25.8758 26.0704C27.362 24.4503 29.8567 24.3175 31.5021 25.8048L38.5085 32.1524C39.3312 32.8961 39.8089 33.985 39.8089 35.1005V54.6212H65.3928V43.1478L49.2038 40.97C47.0276 40.6778 45.4883 38.6593 45.7803 36.4815C46.0722 34.3037 48.0626 32.7633 50.2654 33.0554L69.9045 35.6847C71.8684 35.9503 73.3546 37.6501 73.3546 39.642V58.5785C73.3546 60.8095 71.5764 62.5889 69.3737 62.5889Z" fill="#000000"/>
+<path d="M65.1274 75.2309C67.326 75.2309 69.1083 73.4473 69.1083 71.2471C69.1083 69.0469 67.326 67.2633 65.1274 67.2633C62.9288 67.2633 61.1465 69.0469 61.1465 71.2471C61.1465 73.4473 62.9288 75.2309 65.1274 75.2309Z" fill="#000000"/>
+<path d="M39.1189 75.2309C41.3175 75.2309 43.0998 73.4473 43.0998 71.2471C43.0998 69.0469 41.3175 67.2633 39.1189 67.2633C36.9203 67.2633 35.138 69.0469 35.138 71.2471C35.138 73.4473 36.9203 75.2309 39.1189 75.2309Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/tournaments.svg b/hybrid/.config/eww/images/svg/light/tournaments.svg
new file mode 100755
index 000000000..cc0e1a95f
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/tournaments.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="#000000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.3119 52.4749C24.9451 51.108 24.9451 48.892 26.3119 47.5251L47.5251 26.3119C48.8919 24.9451 51.108 24.9451 52.4749 26.3119L73.6881 47.5251C75.0549 48.892 75.0549 51.108 73.6881 52.4749L52.4749 73.6881C51.108 75.0549 48.8919 75.0549 47.5251 73.6881L26.3119 52.4749ZM33.7365 50L50 66.2635L66.2634 50L50 33.7365L33.7365 50Z" fill="#000000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.5251 27.5251C28.892 26.1583 31.108 26.1583 32.4749 27.5251L72.4749 67.5251C73.8417 68.892 73.8417 71.108 72.4749 72.4749C71.108 73.8417 68.892 73.8417 67.5251 72.4749L27.5251 32.4749C26.1583 31.108 26.1583 28.892 27.5251 27.5251Z" fill="#000000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M72.4749 27.5251C73.8417 28.892 73.8417 31.108 72.4749 32.4749L32.4749 72.4749C31.108 73.8417 28.892 73.8417 27.5251 72.4749C26.1583 71.108 26.1583 68.892 27.5251 67.5251L67.5251 27.5251C68.892 26.1583 71.108 26.1583 72.4749 27.5251Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/uparrow.svg b/hybrid/.config/eww/images/svg/light/uparrow.svg
new file mode 100755
index 000000000..f27adb950
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/uparrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.293 15.707a1 1 0 0 0 1.414 0L12 9.414l6.293 6.293a1 1 0 0 0 1.414-1.414l-7-7a1 1 0 0 0-1.414 0l-7 7a1 1 0 0 0 0 1.414Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/user.svg b/hybrid/.config/eww/images/svg/light/user.svg
new file mode 100755
index 000000000..ee072b7b9
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/user.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.754 14a2.249 2.249 0 0 1 2.25 2.249v.918a2.75 2.75 0 0 1-.513 1.599C17.945 20.929 15.42 22 12 22c-3.422 0-5.945-1.072-7.487-3.237a2.75 2.75 0 0 1-.51-1.595v-.92a2.249 2.249 0 0 1 2.249-2.25h11.501ZM12 2.004a5 5 0 1 1 0 10 5 5 0 0 1 0-10Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/vol0.svg b/hybrid/.config/eww/images/svg/light/vol0.svg
new file mode 100755
index 000000000..2f724a3d5
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/vol0.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.704 3.441c.191.226.296.512.296.808V19.75a1.25 1.25 0 0 1-2.058.954l-4.967-4.206H4.25A2.25 2.25 0 0 1 2 14.248v-4.5a2.25 2.25 0 0 1 2.25-2.25h3.725l4.968-4.204a1.25 1.25 0 0 1 1.761.147ZM13.5 4.788l-4.975 4.21H4.25a.75.75 0 0 0-.75.75v4.5c0 .415.336.75.75.75h4.275l4.975 4.213V4.788Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/vol1.svg b/hybrid/.config/eww/images/svg/light/vol1.svg
new file mode 100755
index 000000000..43938e063
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/vol1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.704 3.442c.191.226.296.512.296.808v15.502a1.25 1.25 0 0 1-2.058.954L7.975 16.5H4.25A2.25 2.25 0 0 1 2 14.25v-4.5A2.25 2.25 0 0 1 4.25 7.5h3.725l4.968-4.204a1.25 1.25 0 0 1 1.761.147ZM13.5 4.79 8.525 9H4.25a.75.75 0 0 0-.75.75v4.5c0 .415.336.75.75.75h4.275l4.975 4.213V4.79Zm3.604 3.851a.75.75 0 0 1 1.03.25c.574.94.862 1.992.862 3.14 0 1.149-.288 2.201-.862 3.141a.75.75 0 1 1-1.28-.781c.428-.702.642-1.483.642-2.36 0-.876-.214-1.657-.642-2.359a.75.75 0 0 1 .25-1.03Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/vol2.svg b/hybrid/.config/eww/images/svg/light/vol2.svg
new file mode 100755
index 000000000..0e1ae1921
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/vol2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 4.25c0-1.079-1.274-1.65-2.08-.934L8.427 7.309a.75.75 0 0 1-.498.19H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V4.25ZM9.425 8.43 13.5 4.807v14.382l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.68a2.25 2.25 0 0 0 1.495-.569ZM18.992 5.897a.75.75 0 0 1 1.049.157A9.959 9.959 0 0 1 22 12a9.96 9.96 0 0 1-1.96 5.946.75.75 0 0 1-1.205-.892A8.459 8.459 0 0 0 20.5 12a8.459 8.459 0 0 0-1.665-5.054.75.75 0 0 1 .157-1.049Z" fill="#000000"/><path d="M17.143 8.37a.75.75 0 0 1 1.017.302c.536.99.84 2.125.84 3.328a6.973 6.973 0 0 1-.84 3.328.75.75 0 0 1-1.32-.714c.42-.777.66-1.666.66-2.614s-.24-1.837-.66-2.614a.75.75 0 0 1 .303-1.017Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/vol3.svg b/hybrid/.config/eww/images/svg/light/vol3.svg
new file mode 100755
index 000000000..0e1ae1921
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/vol3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 4.25c0-1.079-1.274-1.65-2.08-.934L8.427 7.309a.75.75 0 0 1-.498.19H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V4.25ZM9.425 8.43 13.5 4.807v14.382l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.68a2.25 2.25 0 0 0 1.495-.569ZM18.992 5.897a.75.75 0 0 1 1.049.157A9.959 9.959 0 0 1 22 12a9.96 9.96 0 0 1-1.96 5.946.75.75 0 0 1-1.205-.892A8.459 8.459 0 0 0 20.5 12a8.459 8.459 0 0 0-1.665-5.054.75.75 0 0 1 .157-1.049Z" fill="#000000"/><path d="M17.143 8.37a.75.75 0 0 1 1.017.302c.536.99.84 2.125.84 3.328a6.973 6.973 0 0 1-.84 3.328.75.75 0 0 1-1.32-.714c.42-.777.66-1.666.66-2.614s-.24-1.837-.66-2.614a.75.75 0 0 1 .303-1.017Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/volmute.svg b/hybrid/.config/eww/images/svg/light/volmute.svg
new file mode 100755
index 000000000..ac61db6f5
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/volmute.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.28 2.22a.75.75 0 1 0-1.06 1.06L6.438 7.5H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V16.06l5.72 5.72a.75.75 0 0 0 1.06-1.061L3.28 2.22ZM13.5 14.56v4.629l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.688L13.5 14.56ZM13.5 4.807v5.511l1.5 1.5V4.25c0-1.079-1.274-1.65-2.08-.934l-3.4 3.022 1.063 1.063L13.5 4.807ZM17.141 13.96l1.138 1.137A6.974 6.974 0 0 0 19 12a6.973 6.973 0 0 0-.84-3.328.75.75 0 0 0-1.32.714c.42.777.66 1.666.66 2.614 0 .691-.127 1.351-.359 1.96ZM19.388 16.206l1.093 1.094A9.955 9.955 0 0 0 22 12a9.959 9.959 0 0 0-1.96-5.946.75.75 0 0 0-1.205.892A8.46 8.46 0 0 1 20.5 12a8.458 8.458 0 0 1-1.112 4.206Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/wifi.svg b/hybrid/.config/eww/images/svg/light/wifi.svg
new file mode 100755
index 000000000..1ad75251f
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/wifi.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m12.858 14.273 7.434 7.434a1 1 0 0 0 1.414-1.414l-17.999-18a1 1 0 1 0-1.414 1.414L5.39 6.804c-.643.429-1.254.927-1.821 1.495a12.382 12.382 0 0 0-1.39 1.683 1 1 0 0 0 1.644 1.14c.363-.524.761-1.01 1.16-1.41a9.94 9.94 0 0 1 1.855-1.46L7.99 9.405a8.14 8.14 0 0 0-3.203 3.377 1 1 0 0 0 1.784.903 6.08 6.08 0 0 1 1.133-1.563 6.116 6.116 0 0 1 1.77-1.234l1.407 1.407A5.208 5.208 0 0 0 8.336 13.7a5.25 5.25 0 0 0-1.09 1.612 1 1 0 0 0 1.832.802c.167-.381.394-.722.672-1a3.23 3.23 0 0 1 3.108-.841Zm-1.332-5.93 2.228 2.229a6.1 6.1 0 0 1 2.616 1.55c.444.444.837.995 1.137 1.582a1 1 0 1 0 1.78-.911 8.353 8.353 0 0 0-1.503-2.085 8.108 8.108 0 0 0-6.258-2.365ZM8.51 5.327l1.651 1.651a9.904 9.904 0 0 1 10.016 4.148 1 1 0 1 0 1.646-1.136A11.912 11.912 0 0 0 8.51 5.327Zm4.552 11.114a1.501 1.501 0 1 1-2.123 2.123 1.501 1.501 0 0 1 2.123-2.123Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/wifi1.svg b/hybrid/.config/eww/images/svg/light/wifi1.svg
new file mode 100755
index 000000000..875b72537
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/wifi1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.96 18.568a1.501 1.501 0 1 0 2.122-2.123 1.501 1.501 0 0 0-2.123 2.123Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/wifi2.svg b/hybrid/.config/eww/images/svg/light/wifi2.svg
new file mode 100755
index 000000000..b5650c541
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/wifi2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.938 16.446a1.501 1.501 0 1 1 2.123 2.123 1.501 1.501 0 0 1-2.123-2.123Zm-2.603-2.742a5.233 5.233 0 0 1 7.4 0c.46.461.838 1.025 1.101 1.625a1 1 0 0 1-1.832.803 3.356 3.356 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.255 3.255 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.613Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/wifi3.svg b/hybrid/.config/eww/images/svg/light/wifi3.svg
new file mode 100755
index 000000000..72b566f01
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/wifi3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.96 16.44a1.501 1.501 0 1 1 2.122 2.122 1.501 1.501 0 0 1-2.123-2.122Zm-2.604-2.742a5.233 5.233 0 0 1 7.4 0c.46.461.838 1.025 1.101 1.625a1 1 0 1 1-1.832.803 3.358 3.358 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.254 3.254 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.613ZM6.31 10.707a8.128 8.128 0 0 1 11.495 0 8.353 8.353 0 0 1 1.503 2.085 1 1 0 0 1-1.78.91 6.357 6.357 0 0 0-1.137-1.581 6.128 6.128 0 0 0-9.8 1.562 1 1 0 1 1-1.785-.902 8.08 8.08 0 0 1 1.504-2.074Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/wifi4.svg b/hybrid/.config/eww/images/svg/light/wifi4.svg
new file mode 100755
index 000000000..792fd532e
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/wifi4.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.784 10.708a8.35 8.35 0 0 1 1.504 2.085 1 1 0 0 1-1.781.91 6.353 6.353 0 0 0-1.137-1.58 6.128 6.128 0 0 0-9.8 1.562 1 1 0 0 1-1.784-.903 8.128 8.128 0 0 1 12.998-2.074ZM15.735 13.7c.46.46.838 1.024 1.101 1.624a1 1 0 1 1-1.832.803 3.36 3.36 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.257 3.257 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.612 5.233 5.233 0 0 1 7.4 0Zm4.684-5.401c.508.508.987 1.087 1.404 1.691a1 1 0 0 1-1.646 1.136c-.35-.506-.752-.993-1.172-1.413-3.872-3.872-10.15-3.872-14.023 0-.4.399-.797.886-1.16 1.41a1 1 0 0 1-1.644-1.14c.428-.618.9-1.195 1.39-1.684 4.653-4.654 12.198-4.654 16.851 0Zm-7.358 8.142a1.501 1.501 0 1 1-2.122 2.123 1.501 1.501 0 0 1 2.122-2.123Z" fill="#000000"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/light/wiki.svg b/hybrid/.config/eww/images/svg/light/wiki.svg
new file mode 100755
index 000000000..1eb3de640
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/light/wiki.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0482 9.31178C70.2499 9.31178 75.08 12.1005 77.6809 16.6155L92.7287 42.6963C95.3295 47.2113 95.3295 52.7887 92.7287 57.3037L77.6809 83.3845C75.08 87.8995 70.2499 90.6882 65.0482 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27217 57.3037C4.67132 52.7887 4.67132 47.2113 7.27217 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0482ZM65.0482 4H34.9526C27.8401 4 21.2584 7.79792 17.7021 13.9596L2.65433 40.0404C-0.901929 46.2021 -0.901929 53.7979 2.65433 59.9596L17.7021 86.0404C21.2584 92.2021 27.8401 96 34.9526 96H65.0482C72.1607 96 78.7425 92.2021 82.2987 86.0404L97.3465 59.9596C100.903 53.7979 100.903 46.2021 97.3465 40.0404L82.2722 13.9596C78.7424 7.79792 72.1607 4 65.0482 4Z" fill="#000000"/>
+<path d="M50 48.3799C44.1348 48.3799 39.3843 43.6259 39.3843 37.7563C39.3843 31.8868 44.1348 27.1328 50 27.1328C55.8652 27.1328 60.6157 31.8868 60.6157 37.7563C60.6157 43.6259 55.8652 48.3799 50 48.3799ZM50 35.1005C48.5403 35.1005 47.3461 36.2956 47.3461 37.7563C47.3461 39.2171 48.5403 40.4122 50 40.4122C51.4596 40.4122 52.6539 39.2171 52.6539 37.7563C52.6539 36.2956 51.4596 35.1005 50 35.1005Z" fill="#000000"/>
+<path d="M38.7208 72.8672C37.7123 72.8672 36.6773 72.4688 35.9076 71.6986L24.7611 60.5439C23.1953 58.9769 23.1953 56.4538 24.7611 54.9134C26.327 53.3464 28.8482 53.3464 30.3875 54.9134L38.7208 63.2529L47.0807 54.8868C48.6465 53.3198 51.1677 53.3198 52.707 54.8868L61.0138 63.1997L69.4267 54.7806C70.9925 53.2136 73.5138 53.2136 75.053 54.7806C76.6189 56.3476 76.6189 58.8706 75.053 60.4111L63.8004 71.672C62.2346 73.239 59.7134 73.239 58.1741 71.672L49.8673 63.3591L41.5074 71.7251C40.7643 72.4688 39.7558 72.8672 38.7208 72.8672Z" fill="#000000"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#000000" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/linehorizontal.svg b/hybrid/.config/eww/images/svg/linehorizontal.svg
new file mode 100755
index 000000000..d72cf9a8d
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/linehorizontal.svg
@@ -0,0 +1,3 @@
+<svg height="3" width="75">
+  <line x1="1.5" y1="1.5" x2="73.5" y2="1.5" stroke="#cae6ff" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/linetransparent.svg b/hybrid/.config/eww/images/svg/linetransparent.svg
new file mode 100755
index 000000000..9be840a61
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/linetransparent.svg
@@ -0,0 +1,3 @@
+<svg height="26.5" width="3">
+  <line x1="1.5" y1="1.5" x2="1.5" y2="25" stroke="transparent" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/linevertical.svg b/hybrid/.config/eww/images/svg/linevertical.svg
new file mode 100755
index 000000000..68755d87a
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/linevertical.svg
@@ -0,0 +1,3 @@
+<svg height="26.5" width="3">
+  <line x1="1.5" y1="1.5" x2="1.5" y2="25" stroke="#cae6ff" stroke-width="3" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/moon.svg b/hybrid/.config/eww/images/svg/moon.svg
new file mode 100755
index 000000000..9830044ec
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/moon.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.026 17.001c-2.762 4.784-8.879 6.423-13.663 3.661a9.964 9.964 0 0 1-3.234-2.983.75.75 0 0 1 .365-1.131c3.767-1.348 5.785-2.911 6.956-5.146 1.232-2.353 1.551-4.93.689-8.464a.75.75 0 0 1 .769-.926 9.961 9.961 0 0 1 4.457 1.327C21.149 6.1 22.788 12.217 20.025 17Zm-8.248-4.903c-1.25 2.388-3.31 4.099-6.817 5.499a8.492 8.492 0 0 0 2.152 1.766 8.501 8.501 0 1 0 8.502-14.725 8.485 8.485 0 0 0-2.792-1.016c.647 3.384.23 6.044-1.045 8.476Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/news.svg b/hybrid/.config/eww/images/svg/news.svg
new file mode 100755
index 000000000..24261c9a2
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/news.svg
@@ -0,0 +1,18 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0468 9.31178C70.2485 9.31178 75.0786 12.1005 77.6795 16.6155L92.7272 42.6963C95.3281 47.2113 95.3281 52.7887 92.7272 57.3037L77.6795 83.3845C75.0786 87.8995 70.2485 90.6882 65.0468 90.6882H34.9512C29.7495 90.6882 24.9194 87.8995 22.3185 83.3845L7.27075 57.3037C4.6699 52.7887 4.6699 47.2113 7.27075 42.6963L22.3185 16.6155C24.9194 12.1005 29.7495 9.31178 34.9512 9.31178H65.0468ZM65.0468 4H34.9512C27.8387 4 21.2569 7.79792 17.7007 13.9596L2.65292 40.0404C-0.903348 46.2021 -0.903348 53.7979 2.65292 59.9596L17.7007 86.0404C21.2569 92.2021 27.8387 96 34.9512 96H65.0468C72.1593 96 78.741 92.2021 82.2973 86.0404L97.3451 59.9596C100.901 53.7979 100.901 46.2021 97.3451 40.0404L82.2707 13.9596C78.741 7.79792 72.1593 4 65.0468 4Z" fill="#cae6ff"/>
+<path d="M73.8854 53.9838H66.9851C64.7824 53.9838 63.0042 52.2044 63.0042 50C63.0042 47.7956 64.7824 46.0162 66.9851 46.0162H73.8854C76.0881 46.0162 77.8663 47.7956 77.8663 50C77.8663 52.2044 76.0881 53.9838 73.8854 53.9838Z" fill="#cae6ff"/>
+<path d="M50 77.8868C47.7972 77.8868 46.0191 76.1074 46.0191 73.903V66.9977C46.0191 64.7933 47.7972 63.0139 50 63.0139C52.2028 63.0139 53.9809 64.7933 53.9809 66.9977V73.903C53.9809 76.1074 52.2028 77.8868 50 77.8868Z" fill="#cae6ff"/>
+<path d="M66.879 70.8753C65.8705 70.8753 64.8355 70.4769 64.0658 69.7067L59.1295 64.7667C57.5637 63.1998 57.5637 60.6767 59.1295 59.1363C60.6953 57.5693 63.2166 57.5693 64.7558 59.1363L69.6922 64.0762C71.258 65.6432 71.258 68.1663 69.6922 69.7067C68.9225 70.5035 67.914 70.8753 66.879 70.8753Z" fill="#cae6ff"/>
+<path d="M33.121 70.8753C32.1125 70.8753 31.0775 70.4769 30.3078 69.7067C28.742 68.1397 28.742 65.6166 30.3078 64.0762L35.2442 59.1363C36.81 57.5693 39.3312 57.5693 40.8705 59.1363C42.4363 60.7032 42.4363 63.2263 40.8705 64.7667L35.9342 69.7067C35.138 70.5035 34.1295 70.8753 33.121 70.8753Z" fill="#cae6ff"/>
+<path d="M61.9427 42.0323C60.9342 42.0323 59.8992 41.634 59.1295 40.8637C57.5637 39.2968 57.5637 36.7737 59.1295 35.2333L64.0658 30.2933C65.6316 28.7263 68.1529 28.7263 69.6922 30.2933C71.258 31.8603 71.258 34.3834 69.6922 35.9238L64.7558 40.8637C63.9862 41.634 62.9512 42.0323 61.9427 42.0323Z" fill="#cae6ff"/>
+<path d="M50 36.9861C47.7972 36.9861 46.0191 35.2067 46.0191 33.0023V26.097C46.0191 23.8926 47.7972 22.1132 50 22.1132C52.2028 22.1132 53.9809 23.8926 53.9809 26.097V33.0023C53.9809 35.2067 52.2028 36.9861 50 36.9861Z" fill="#cae6ff"/>
+<path d="M33.0149 53.9838H26.1147C23.9119 53.9838 22.1338 52.2044 22.1338 50C22.1338 47.7956 23.9119 46.0162 26.1147 46.0162H33.0149C35.2176 46.0162 36.9958 47.7956 36.9958 50C36.9958 52.2044 35.2176 53.9838 33.0149 53.9838Z" fill="#cae6ff"/>
+<path d="M38.0573 42.0323C37.0488 42.0323 36.0138 41.634 35.2442 40.8637L30.3078 35.9238C28.742 34.3568 28.742 31.8337 30.3078 30.2933C31.8737 28.7263 34.3949 28.7263 35.9342 30.2933L40.8705 35.2333C42.4363 36.8002 42.4363 39.3233 40.8705 40.8637C40.1008 41.634 39.0658 42.0323 38.0573 42.0323Z" fill="#cae6ff"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#cae6ff" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/night.svg b/hybrid/.config/eww/images/svg/night.svg
new file mode 100755
index 000000000..1815c65bb
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/night.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.026 17.001c-2.762 4.784-8.879 6.423-13.663 3.661A9.965 9.965 0 0 1 3.13 17.68a.75.75 0 0 1 .365-1.132c3.767-1.348 5.785-2.91 6.956-5.146 1.232-2.353 1.551-4.93.689-8.463a.75.75 0 0 1 .769-.927 9.961 9.961 0 0 1 4.457 1.327c4.784 2.762 6.423 8.879 3.66 13.662Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/notif-snooze.svg b/hybrid/.config/eww/images/svg/notif-snooze.svg
new file mode 100755
index 000000000..e72c0282c
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/notif-snooze.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 3.5c-3.104 0-6 2.432-6 6.25v4.153L4.682 17h14.67l-1.354-3.093V11.75a.75.75 0 0 1 1.5 0v1.843l1.381 3.156a1.25 1.25 0 0 1-1.145 1.751H15a3.002 3.002 0 0 1-6.003 0H4.305a1.25 1.25 0 0 1-1.15-1.739l1.344-3.164V9.75C4.5 5.068 8.103 2 12 2c.86 0 1.705.15 2.5.432a.75.75 0 0 1-.502 1.413A5.964 5.964 0 0 0 12 3.5ZM12 20c.828 0 1.5-.671 1.501-1.5h-3.003c0 .829.673 1.5 1.502 1.5Z" fill="#fff"/><path d="M15.25 7h-2.5l-.101.007A.75.75 0 0 0 12.75 8.5h1.043l-1.653 2.314-.055.09A.75.75 0 0 0 12.75 12h2.5l.102-.007a.75.75 0 0 0-.102-1.493h-1.042l1.653-2.314.055-.09A.75.75 0 0 0 15.25 7ZM21.25 2h-3.5l-.101.007A.75.75 0 0 0 17.75 3.5h2.134l-2.766 4.347-.05.09A.75.75 0 0 0 17.75 9h3.5l.102-.007A.75.75 0 0 0 21.25 7.5h-2.133l2.766-4.347.05-.09A.75.75 0 0 0 21.25 2Z" fill="#cf9fd6"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/notif.svg b/hybrid/.config/eww/images/svg/notif.svg
new file mode 100755
index 000000000..995e5e8c9
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/notif.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 1.996a7.49 7.49 0 0 1 7.496 7.25l.004.25v4.097l1.38 3.156a1.25 1.25 0 0 1-1.145 1.75L15 18.502a3 3 0 0 1-5.995.177L9 18.499H4.275a1.251 1.251 0 0 1-1.147-1.747L4.5 13.594V9.496c0-4.155 3.352-7.5 7.5-7.5ZM13.5 18.5l-3 .002a1.5 1.5 0 0 0 2.993.145l.006-.147ZM12 3.496c-3.32 0-6 2.674-6 6v4.41L4.656 17h14.697L18 13.907V9.509l-.004-.225A5.988 5.988 0 0 0 12 3.496Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/notifsnooze.svg b/hybrid/.config/eww/images/svg/notifsnooze.svg
new file mode 100755
index 000000000..8244b5e56
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/notifsnooze.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 3.5c-3.104 0-6 2.432-6 6.25v4.153L4.682 17h14.67l-1.354-3.093V11.75a.75.75 0 0 1 1.5 0v1.843l1.381 3.156a1.25 1.25 0 0 1-1.145 1.751H15a3.002 3.002 0 0 1-6.003 0H4.305a1.25 1.25 0 0 1-1.15-1.739l1.344-3.164V9.75C4.5 5.068 8.103 2 12 2c.86 0 1.705.15 2.5.432a.75.75 0 0 1-.502 1.413A5.964 5.964 0 0 0 12 3.5ZM12 20c.828 0 1.5-.671 1.501-1.5h-3.003c0 .829.673 1.5 1.502 1.5Z" fill="#cae6ff"/><path d="M15.25 7h-2.5l-.101.007A.75.75 0 0 0 12.75 8.5h1.043l-1.653 2.314-.055.09A.75.75 0 0 0 12.75 12h2.5l.102-.007a.75.75 0 0 0-.102-1.493h-1.042l1.653-2.314.055-.09A.75.75 0 0 0 15.25 7ZM21.25 2h-3.5l-.101.007A.75.75 0 0 0 17.75 3.5h2.134l-2.766 4.347-.05.09A.75.75 0 0 0 17.75 9h3.5l.102-.007A.75.75 0 0 0 21.25 7.5h-2.133l2.766-4.347.05-.09A.75.75 0 0 0 21.25 2Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/open.svg b/hybrid/.config/eww/images/svg/open.svg
new file mode 100755
index 000000000..07bb7a46f
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/open.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.25 4.5A1.75 1.75 0 0 0 4.5 6.25v11.5c0 .966.783 1.75 1.75 1.75h11.5a1.75 1.75 0 0 0 1.75-1.75v-4a.75.75 0 0 1 1.5 0v4A3.25 3.25 0 0 1 17.75 21H6.25A3.25 3.25 0 0 1 3 17.75V6.25A3.25 3.25 0 0 1 6.25 3h4a.75.75 0 0 1 0 1.5h-4ZM13 3.75a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 .75.75v6.5a.75.75 0 0 1-1.5 0V5.56l-5.22 5.22a.75.75 0 0 1-1.06-1.06l5.22-5.22h-4.69a.75.75 0 0 1-.75-.75Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/power.svg b/hybrid/.config/eww/images/svg/power.svg
new file mode 100755
index 000000000..297327b19
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/power.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.204 4.82a.75.75 0 0 1 .634 1.36A7.51 7.51 0 0 0 4.5 12.991c0 4.148 3.358 7.51 7.499 7.51s7.499-3.362 7.499-7.51a7.51 7.51 0 0 0-4.323-6.804.75.75 0 1 1 .637-1.358 9.01 9.01 0 0 1 5.186 8.162c0 4.976-4.029 9.01-9 9.01C7.029 22 3 17.966 3 12.99a9.01 9.01 0 0 1 5.204-8.17ZM12 2.496a.75.75 0 0 1 .743.648l.007.102v7.5a.75.75 0 0 1-1.493.102l-.007-.102v-7.5a.75.75 0 0 1 .75-.75Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/protocol.svg b/hybrid/.config/eww/images/svg/protocol.svg
new file mode 100755
index 000000000..71e2c38ac
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/protocol.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m13.732 17.732-1.025-1.025 1.06-1.06 1.026 1.025a1 1 0 0 0 1.414 0l3.965-3.965a1 1 0 0 0 0-1.414l-3.965-3.964a1 1 0 0 0-1.414 0l-1.025 1.025-1.06-1.061 1.024-1.025a2.5 2.5 0 0 1 3.536 0l3.964 3.964a2.5 2.5 0 0 1 0 3.536l-3.964 3.964a2.5 2.5 0 0 1-3.536 0Z" fill="#cae6ff"/><path d="m6.732 6.268-3.964 3.964a2.5 2.5 0 0 0 0 3.536l3.964 3.964a2.5 2.5 0 0 0 3.536 0l3.964-3.964a2.5 2.5 0 0 0 0-3.536l-3.964-3.964a2.5 2.5 0 0 0-3.536 0ZM3.83 11.293l3.964-3.964a1 1 0 0 1 1.414 0l3.965 3.964a1 1 0 0 1 0 1.414l-3.965 3.965a1 1 0 0 1-1.414 0l-3.964-3.965a1 1 0 0 1 0-1.414Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/radiobutton.svg b/hybrid/.config/eww/images/svg/radiobutton.svg
new file mode 100755
index 000000000..760c372a7
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/radiobutton.svg
@@ -0,0 +1,3 @@
+<svg height="23" width="23" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="11.5" cy="11.5" r="8.5" stroke="#cae6ff" stroke-width="5" fill="none"/>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/rankings.svg b/hybrid/.config/eww/images/svg/rankings.svg
new file mode 100755
index 000000000..1cc8e8969
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/rankings.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M68.5775 44.3397C68.0998 44.3397 67.5955 44.2601 67.1178 44.0478L50 37.2802L32.8821 44.0743C30.8386 44.8705 28.5297 43.8885 27.707 41.845C26.9108 39.8015 27.8928 37.4926 29.9363 36.6698L48.5138 29.3185C49.4427 28.9469 50.5042 28.9469 51.4331 29.3185L70.0106 36.6698C72.0541 37.466 73.0626 39.8015 72.2399 41.845C71.656 43.3843 70.1698 44.3397 68.5775 44.3397Z" fill="#cae6ff"/>
+<path d="M68.5775 57.6093C68.0998 57.6093 67.5955 57.5297 67.1178 57.3174L50 50.5499L32.8821 57.3439C30.8386 58.1401 28.5297 57.1581 27.707 55.1146C26.9108 53.0711 27.8928 50.7622 29.9363 49.9395L48.5138 42.5881C49.4427 42.2165 50.5042 42.2165 51.4331 42.5881L70.0106 49.9395C72.0541 50.7356 73.0626 53.0711 72.2399 55.1146C71.656 56.6539 70.1698 57.6093 68.5775 57.6093Z" fill="#cae6ff"/>
+<path d="M68.5775 70.879C68.0998 70.879 67.5955 70.7993 67.1178 70.587L50 63.8195L32.8821 70.6136C30.8386 71.4098 28.5297 70.4278 27.707 68.3843C26.9108 66.3408 27.8928 64.0318 29.9363 63.2091L48.5138 55.8577C49.4427 55.4862 50.5042 55.4862 51.4331 55.8577L70.0106 63.2091C72.0541 64.0053 73.0626 66.3408 72.2399 68.3843C71.656 69.9236 70.1698 70.879 68.5775 70.879Z" fill="#cae6ff"/>
+<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="#cae6ff"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#cae6ff" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/reset.svg b/hybrid/.config/eww/images/svg/reset.svg
new file mode 100755
index 000000000..4df22fd08
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/reset.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.78 2.72a.75.75 0 0 1 0 1.06L4.56 6h8.69a7.75 7.75 0 1 1-7.75 7.75.75.75 0 0 1 1.5 0 6.25 6.25 0 1 0 6.25-6.25H4.56l2.22 2.22a.75.75 0 1 1-1.06 1.06l-3.5-3.5a.75.75 0 0 1 0-1.06l3.5-3.5a.75.75 0 0 1 1.06 0Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/rightarrow.svg b/hybrid/.config/eww/images/svg/rightarrow.svg
new file mode 100755
index 000000000..5368ce2df
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/rightarrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.47 4.22a.75.75 0 0 0 0 1.06L15.19 12l-6.72 6.72a.75.75 0 1 0 1.06 1.06l7.25-7.25a.75.75 0 0 0 0-1.06L9.53 4.22a.75.75 0 0 0-1.06 0Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/root.svg b/hybrid/.config/eww/images/svg/root.svg
new file mode 100755
index 000000000..16cec89cc
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/root.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.744 1.996a2.25 2.25 0 0 1 2.245 2.096l.005.154v15.498A2.25 2.25 0 0 1 17.9 21.99l-.155.005h-11.5A2.25 2.25 0 0 1 4 19.898l-.005-.154V4.246A2.25 2.25 0 0 1 6.09 2.001l.154-.005h11.5Zm0 1.5h-11.5a.75.75 0 0 0-.743.648l-.006.102v15.498c0 .38.282.694.648.743l.102.007h11.5a.75.75 0 0 0 .743-.648l.006-.102V4.246a.75.75 0 0 0-.648-.743l-.102-.007Z" fill="#cae6ff"/><path d="M13.019 16.02a.75.75 0 0 1-.624-.859l.105-.66h-1.482l-.141.895a.75.75 0 1 1-1.482-.235l.105-.66h-.75a.75.75 0 0 1 0-1.5h.987l.238-1.5H9.25a.75.75 0 0 1 0-1.5h.962l.2-1.26a.75.75 0 1 1 1.481.235L11.731 10h1.481l.2-1.259a.75.75 0 1 1 1.481.235L14.731 10h.519a.75.75 0 0 1 0 1.5h-.757l-.237 1.5h.494a.75.75 0 0 1 0 1.5h-.732l-.141.896a.75.75 0 0 1-.858.623Zm-1.526-4.52-.237 1.5h1.481l.238-1.5h-1.482Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/search-fluent.svg b/hybrid/.config/eww/images/svg/search-fluent.svg
new file mode 100755
index 000000000..94e88e487
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/search-fluent.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10 2.75a7.25 7.25 0 0 1 5.63 11.819l4.9 4.9a.75.75 0 0 1-.976 1.134l-.084-.073-4.901-4.9A7.25 7.25 0 1 1 10 2.75Zm0 1.5a5.75 5.75 0 1 0 0 11.5 5.75 5.75 0 0 0 0-11.5Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/search.svg b/hybrid/.config/eww/images/svg/search.svg
new file mode 100755
index 000000000..2a4dcb8a1
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/search.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0481 9.31178C70.2498 9.31178 75.08 12.1005 77.6808 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6808 83.3845C75.08 87.8995 70.2498 90.6882 65.0481 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27214 57.3037C4.67129 52.7887 4.67129 47.2113 7.27214 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0481ZM65.0481 4H34.9526C27.8401 4 21.2583 7.79792 17.7021 13.9596L2.6543 40.0404C-0.90196 46.2021 -0.90196 53.7979 2.6543 59.9596L17.7021 86.0404C21.2583 92.2021 27.8401 96 34.9526 96H65.0481C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3464 59.9596C100.903 53.7979 100.903 46.2021 97.3464 40.0404L82.2721 13.9596C78.7424 7.79792 72.1607 4 65.0481 4Z" fill="#cae6ff"/>
+<path d="M67.0382 71.0612C66.0297 71.0612 64.9947 70.6628 64.225 69.8926L54.2728 59.933C52.707 58.3661 52.707 55.843 54.2728 54.3025C55.8386 52.7356 58.3599 52.7356 59.8991 54.3025L69.8514 64.2621C71.4172 65.8291 71.4172 68.3522 69.8514 69.8926C69.0817 70.6628 68.0732 71.0612 67.0382 71.0612Z" fill="#cae6ff"/>
+<path d="M46.2049 63.4919C36.7038 63.4919 28.9544 55.7367 28.9544 46.2286C28.9544 36.7206 36.7038 28.9654 46.2049 28.9654C55.706 28.9654 63.4554 36.7206 63.4554 46.2286C63.4554 55.7367 55.7325 63.4919 46.2049 63.4919ZM46.2049 36.933C41.0828 36.933 36.9162 41.1028 36.9162 46.2286C36.9162 51.3545 41.0828 55.5243 46.2049 55.5243C51.327 55.5243 55.4937 51.3545 55.4937 46.2286C55.4937 41.1028 51.327 36.933 46.2049 36.933Z" fill="#cae6ff"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#cae6ff" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/settings.svg b/hybrid/.config/eww/images/svg/settings.svg
new file mode 100755
index 000000000..6ed13a28b
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/settings.svg
@@ -0,0 +1,23 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.31178C70.2493 9.31178 75.0795 12.1005 77.6803 16.6155L92.7281 42.6963C95.329 47.2113 95.329 52.7887 92.7281 57.3037L77.6803 83.3845C75.0795 87.8995 70.2493 90.6882 65.0476 90.6882H34.9521C29.7504 90.6882 24.9203 87.8995 22.3194 83.3845L7.27163 57.3037C4.67078 52.7887 4.67078 47.2113 7.27163 42.6963L22.3194 16.6155C24.9203 12.1005 29.7504 9.31178 34.9521 9.31178H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.79792 17.7016 13.9596L2.6538 40.0404C-0.902467 46.2021 -0.902467 53.7979 2.6538 59.9596L17.7016 86.0404C21.2578 92.2021 27.8396 96 34.9521 96H65.0476C72.1602 96 78.7419 92.2021 82.2982 86.0404L97.3459 59.9596C100.902 53.7979 100.902 46.2021 97.3459 40.0404L82.2716 13.9596C78.7419 7.79792 72.1602 4 65.0476 4Z" fill="#cae6ff"/>
+<path d="M50 72.0704C37.9246 72.0704 28.1051 62.2436 28.1051 50.1593C28.1051 38.0751 37.9246 28.2483 50 28.2483C62.0754 28.2483 71.8949 38.0751 71.8949 50.1593C71.8949 62.2436 62.0754 72.0704 50 72.0704ZM50 36.2159C42.3036 36.2159 36.0669 42.4838 36.0669 50.1593C36.0669 57.8349 42.3302 64.1028 50 64.1028C57.6699 64.1028 63.9331 57.8349 63.9331 50.1593C63.9331 42.4838 57.6699 36.2159 50 36.2159Z" fill="#cae6ff"/>
+<path d="M50 35.8441C47.7972 35.8441 46.0191 34.0647 46.0191 31.8603V28.4873C46.0191 26.2829 47.7972 24.5035 50 24.5035C52.2028 24.5035 53.9809 26.2829 53.9809 28.4873V31.8603C53.9809 34.0647 52.2028 35.8441 50 35.8441Z" fill="#cae6ff"/>
+<path d="M58.9968 38.5531C58.2537 38.5531 57.5106 38.3407 56.8206 37.9157C54.9894 36.7206 54.4586 34.2506 55.6529 32.418L57.6699 29.3106C58.8641 27.4781 61.3323 26.9469 63.1635 28.142C64.9947 29.3372 65.5255 31.8072 64.3312 33.6397L62.3142 36.7471C61.5711 37.9157 60.2973 38.5531 58.9968 38.5531Z" fill="#cae6ff"/>
+<path d="M65.7378 45.5116C64.3843 45.5116 63.0839 44.821 62.3408 43.5993C61.1996 41.7136 61.81 39.2702 63.6943 38.1282L67.0382 36.1097C68.9225 34.9677 71.3641 35.5785 72.5053 37.4642C73.6465 39.3499 73.0361 41.7933 71.1518 42.9353L67.8079 44.9538C67.1444 45.3256 66.4278 45.5116 65.7378 45.5116Z" fill="#cae6ff"/>
+<path d="M32.0064 54.515H27.9724C25.7696 54.515 23.9915 52.7356 23.9915 50.5312C23.9915 48.3268 25.7696 46.5473 27.9724 46.5473H32.0064C34.2091 46.5473 35.9873 48.3268 35.9873 50.5312C35.9873 52.7356 34.2091 54.515 32.0064 54.515Z" fill="#cae6ff"/>
+<path d="M69.0817 65.537C68.3917 65.537 67.7017 65.3511 67.0648 64.9792L63.2696 62.7217C61.3854 61.6062 60.7484 59.1628 61.8631 57.2506C62.9777 55.3649 65.4193 54.7275 67.3302 55.843L71.1253 58.1005C73.0096 59.2159 73.6465 61.6594 72.5319 63.5716C71.7622 64.8464 70.4353 65.537 69.0817 65.537Z" fill="#cae6ff"/>
+<path d="M34.2622 45.5116C33.5722 45.5116 32.8556 45.3257 32.1921 44.9273L28.8482 42.9088C26.9639 41.7668 26.3535 39.3233 27.4947 37.4377C28.6359 35.552 31.0775 34.9411 32.9618 36.0832L36.3057 38.1016C38.19 39.2437 38.8004 41.6871 37.6592 43.5728C36.9161 44.8476 35.6157 45.5116 34.2622 45.5116Z" fill="#cae6ff"/>
+<path d="M40.7909 38.7656C39.3843 38.7656 38.0043 37.9954 37.2877 36.6675L35.483 33.321C34.448 31.3822 35.1646 28.9654 37.1019 27.9296C39.0393 26.8938 41.4544 27.6109 42.4894 29.5497L44.2941 32.8961C45.3291 34.8349 44.6125 37.2517 42.6752 38.2875C42.0648 38.6063 41.4278 38.7656 40.7909 38.7656Z" fill="#cae6ff"/>
+<path d="M72.0276 54.515H67.9936C65.7909 54.515 64.0127 52.7356 64.0127 50.5312C64.0127 48.3268 65.7909 46.5473 67.9936 46.5473H72.0276C74.2303 46.5473 76.0085 48.3268 76.0085 50.5312C76.0085 52.7356 74.2303 54.515 72.0276 54.515Z" fill="#cae6ff"/>
+<path d="M61.0138 73.6109C59.6603 73.6109 58.3333 72.9203 57.5902 71.6455L55.3344 67.8476C54.2198 65.9619 54.8302 63.5185 56.741 62.3765C58.6253 61.261 61.0669 61.8718 62.2081 63.7841L64.4639 67.582C65.5786 69.4677 64.9682 71.9111 63.0573 73.0531C62.3938 73.425 61.7038 73.6109 61.0138 73.6109Z" fill="#cae6ff"/>
+<path d="M50 76.5589C47.7972 76.5589 46.0191 74.7795 46.0191 72.5751V68.0866C46.0191 65.8822 47.7972 64.1028 50 64.1028C52.2028 64.1028 53.9809 65.8822 53.9809 68.0866V72.5751C53.9809 74.7795 52.2028 76.5589 50 76.5589Z" fill="#cae6ff"/>
+<path d="M30.9183 65.537C29.5648 65.537 28.2643 64.8464 27.5212 63.6247C26.3801 61.739 26.9905 59.2956 28.8747 58.1536L32.2187 56.1351C34.103 54.9931 36.5446 55.6039 37.6858 57.4896C38.827 59.3753 38.2166 61.8187 36.3323 62.9607L32.9883 64.9792C32.3514 65.351 31.6348 65.537 30.9183 65.537Z" fill="#cae6ff"/>
+<path d="M38.9862 73.6108C38.2962 73.6108 37.6062 73.4249 36.9692 73.0531C35.0849 71.9376 34.448 69.4942 35.5626 67.582L37.8185 63.7841C38.9331 61.8984 41.3747 61.261 43.2856 62.3764C45.1699 63.4919 45.8068 65.9353 44.6921 67.8476L42.4363 71.6455C41.6667 72.9203 40.3397 73.6108 38.9862 73.6108Z" fill="#cae6ff"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#cae6ff" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/store.svg b/hybrid/.config/eww/images/svg/store.svg
new file mode 100755
index 000000000..ab8ea75d2
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/store.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0479 9.31178C70.2496 9.31178 75.0797 12.1005 77.6806 16.6155L92.7283 42.6963C95.3292 47.2113 95.3292 52.7887 92.7283 57.3037L77.6806 83.3845C75.0797 87.8995 70.2496 90.6882 65.0479 90.6882H34.9523C29.7506 90.6882 24.9205 87.8995 22.3196 83.3845L7.27184 57.3037C4.67099 52.7887 4.67099 47.2113 7.27184 42.6963L22.3196 16.6155C24.9205 12.1005 29.7506 9.31178 34.9523 9.31178H65.0479ZM65.0479 4H34.9523C27.8398 4 21.258 7.79792 17.7018 13.9596L2.65401 40.0404C-0.902257 46.2021 -0.902257 53.7979 2.65401 59.9596L17.7018 86.0404C21.258 92.2021 27.8398 96 34.9523 96H65.0479C72.1604 96 78.7421 92.2021 82.2984 86.0404L97.3462 59.9596C100.902 53.7979 100.902 46.2021 97.3462 40.0404L82.2719 13.9596C78.7421 7.79792 72.1604 4 65.0479 4Z" fill="#cae6ff"/>
+<path d="M69.3737 62.5889H35.828C33.6253 62.5889 31.8471 60.8095 31.8471 58.6051V36.8799L26.1412 31.7009C24.5223 30.2136 24.3896 27.7171 25.8758 26.0704C27.362 24.4503 29.8567 24.3175 31.5021 25.8048L38.5085 32.1524C39.3312 32.8961 39.8089 33.985 39.8089 35.1005V54.6212H65.3928V43.1478L49.2038 40.97C47.0276 40.6778 45.4883 38.6593 45.7803 36.4815C46.0722 34.3037 48.0626 32.7633 50.2654 33.0554L69.9045 35.6847C71.8684 35.9503 73.3546 37.6501 73.3546 39.642V58.5785C73.3546 60.8095 71.5764 62.5889 69.3737 62.5889Z" fill="#cae6ff"/>
+<path d="M65.1274 75.2309C67.326 75.2309 69.1083 73.4473 69.1083 71.2471C69.1083 69.0469 67.326 67.2633 65.1274 67.2633C62.9288 67.2633 61.1465 69.0469 61.1465 71.2471C61.1465 73.4473 62.9288 75.2309 65.1274 75.2309Z" fill="#cae6ff"/>
+<path d="M39.1189 75.2309C41.3175 75.2309 43.0998 73.4473 43.0998 71.2471C43.0998 69.0469 41.3175 67.2633 39.1189 67.2633C36.9203 67.2633 35.138 69.0469 35.138 71.2471C35.138 73.4473 36.9203 75.2309 39.1189 75.2309Z" fill="#cae6ff"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#cae6ff" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/tournaments.svg b/hybrid/.config/eww/images/svg/tournaments.svg
new file mode 100755
index 000000000..1bcaa71de
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/tournaments.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="#cae6ff"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.3119 52.4749C24.9451 51.108 24.9451 48.892 26.3119 47.5251L47.5251 26.3119C48.8919 24.9451 51.108 24.9451 52.4749 26.3119L73.6881 47.5251C75.0549 48.892 75.0549 51.108 73.6881 52.4749L52.4749 73.6881C51.108 75.0549 48.8919 75.0549 47.5251 73.6881L26.3119 52.4749ZM33.7365 50L50 66.2635L66.2634 50L50 33.7365L33.7365 50Z" fill="#cae6ff"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.5251 27.5251C28.892 26.1583 31.108 26.1583 32.4749 27.5251L72.4749 67.5251C73.8417 68.892 73.8417 71.108 72.4749 72.4749C71.108 73.8417 68.892 73.8417 67.5251 72.4749L27.5251 32.4749C26.1583 31.108 26.1583 28.892 27.5251 27.5251Z" fill="#cae6ff"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M72.4749 27.5251C73.8417 28.892 73.8417 31.108 72.4749 32.4749L32.4749 72.4749C31.108 73.8417 28.892 73.8417 27.5251 72.4749C26.1583 71.108 26.1583 68.892 27.5251 67.5251L67.5251 27.5251C68.892 26.1583 71.108 26.1583 72.4749 27.5251Z" fill="#cae6ff"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#cae6ff" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/uparrow.svg b/hybrid/.config/eww/images/svg/uparrow.svg
new file mode 100755
index 000000000..5f5b3333b
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/uparrow.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.293 15.707a1 1 0 0 0 1.414 0L12 9.414l6.293 6.293a1 1 0 0 0 1.414-1.414l-7-7a1 1 0 0 0-1.414 0l-7 7a1 1 0 0 0 0 1.414Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/user.svg b/hybrid/.config/eww/images/svg/user.svg
new file mode 100755
index 000000000..62689f41b
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/user.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.754 14a2.249 2.249 0 0 1 2.25 2.249v.918a2.75 2.75 0 0 1-.513 1.599C17.945 20.929 15.42 22 12 22c-3.422 0-5.945-1.072-7.487-3.237a2.75 2.75 0 0 1-.51-1.595v-.92a2.249 2.249 0 0 1 2.249-2.25h11.501ZM12 2.004a5 5 0 1 1 0 10 5 5 0 0 1 0-10Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/vol0.svg b/hybrid/.config/eww/images/svg/vol0.svg
new file mode 100755
index 000000000..ba28642f8
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/vol0.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.704 3.441c.191.226.296.512.296.808V19.75a1.25 1.25 0 0 1-2.058.954l-4.967-4.206H4.25A2.25 2.25 0 0 1 2 14.248v-4.5a2.25 2.25 0 0 1 2.25-2.25h3.725l4.968-4.204a1.25 1.25 0 0 1 1.761.147ZM13.5 4.788l-4.975 4.21H4.25a.75.75 0 0 0-.75.75v4.5c0 .415.336.75.75.75h4.275l4.975 4.213V4.788Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/vol1.svg b/hybrid/.config/eww/images/svg/vol1.svg
new file mode 100755
index 000000000..7f5544b9c
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/vol1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.704 3.442c.191.226.296.512.296.808v15.502a1.25 1.25 0 0 1-2.058.954L7.975 16.5H4.25A2.25 2.25 0 0 1 2 14.25v-4.5A2.25 2.25 0 0 1 4.25 7.5h3.725l4.968-4.204a1.25 1.25 0 0 1 1.761.147ZM13.5 4.79 8.525 9H4.25a.75.75 0 0 0-.75.75v4.5c0 .415.336.75.75.75h4.275l4.975 4.213V4.79Zm3.604 3.851a.75.75 0 0 1 1.03.25c.574.94.862 1.992.862 3.14 0 1.149-.288 2.201-.862 3.141a.75.75 0 1 1-1.28-.781c.428-.702.642-1.483.642-2.36 0-.876-.214-1.657-.642-2.359a.75.75 0 0 1 .25-1.03Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/vol2.svg b/hybrid/.config/eww/images/svg/vol2.svg
new file mode 100755
index 000000000..a8751b01b
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/vol2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 4.25c0-1.079-1.274-1.65-2.08-.934L8.427 7.309a.75.75 0 0 1-.498.19H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V4.25ZM9.425 8.43 13.5 4.807v14.382l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.68a2.25 2.25 0 0 0 1.495-.569ZM18.992 5.897a.75.75 0 0 1 1.049.157A9.959 9.959 0 0 1 22 12a9.96 9.96 0 0 1-1.96 5.946.75.75 0 0 1-1.205-.892A8.459 8.459 0 0 0 20.5 12a8.459 8.459 0 0 0-1.665-5.054.75.75 0 0 1 .157-1.049Z" fill="#cae6ff"/><path d="M17.143 8.37a.75.75 0 0 1 1.017.302c.536.99.84 2.125.84 3.328a6.973 6.973 0 0 1-.84 3.328.75.75 0 0 1-1.32-.714c.42-.777.66-1.666.66-2.614s-.24-1.837-.66-2.614a.75.75 0 0 1 .303-1.017Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/vol3.svg b/hybrid/.config/eww/images/svg/vol3.svg
new file mode 100755
index 000000000..a8751b01b
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/vol3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 4.25c0-1.079-1.274-1.65-2.08-.934L8.427 7.309a.75.75 0 0 1-.498.19H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V4.25ZM9.425 8.43 13.5 4.807v14.382l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.68a2.25 2.25 0 0 0 1.495-.569ZM18.992 5.897a.75.75 0 0 1 1.049.157A9.959 9.959 0 0 1 22 12a9.96 9.96 0 0 1-1.96 5.946.75.75 0 0 1-1.205-.892A8.459 8.459 0 0 0 20.5 12a8.459 8.459 0 0 0-1.665-5.054.75.75 0 0 1 .157-1.049Z" fill="#cae6ff"/><path d="M17.143 8.37a.75.75 0 0 1 1.017.302c.536.99.84 2.125.84 3.328a6.973 6.973 0 0 1-.84 3.328.75.75 0 0 1-1.32-.714c.42-.777.66-1.666.66-2.614s-.24-1.837-.66-2.614a.75.75 0 0 1 .303-1.017Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/volmute.svg b/hybrid/.config/eww/images/svg/volmute.svg
new file mode 100755
index 000000000..8257f4832
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/volmute.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.28 2.22a.75.75 0 1 0-1.06 1.06L6.438 7.5H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V16.06l5.72 5.72a.75.75 0 0 0 1.06-1.061L3.28 2.22ZM13.5 14.56v4.629l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.688L13.5 14.56ZM13.5 4.807v5.511l1.5 1.5V4.25c0-1.079-1.274-1.65-2.08-.934l-3.4 3.022 1.063 1.063L13.5 4.807ZM17.141 13.96l1.138 1.137A6.974 6.974 0 0 0 19 12a6.973 6.973 0 0 0-.84-3.328.75.75 0 0 0-1.32.714c.42.777.66 1.666.66 2.614 0 .691-.127 1.351-.359 1.96ZM19.388 16.206l1.093 1.094A9.955 9.955 0 0 0 22 12a9.959 9.959 0 0 0-1.96-5.946.75.75 0 0 0-1.205.892A8.46 8.46 0 0 1 20.5 12a8.458 8.458 0 0 1-1.112 4.206Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/wifi.svg b/hybrid/.config/eww/images/svg/wifi.svg
new file mode 100755
index 000000000..9d25f6186
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/wifi.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m12.858 14.273 7.434 7.434a1 1 0 0 0 1.414-1.414l-17.999-18a1 1 0 1 0-1.414 1.414L5.39 6.804c-.643.429-1.254.927-1.821 1.495a12.382 12.382 0 0 0-1.39 1.683 1 1 0 0 0 1.644 1.14c.363-.524.761-1.01 1.16-1.41a9.94 9.94 0 0 1 1.855-1.46L7.99 9.405a8.14 8.14 0 0 0-3.203 3.377 1 1 0 0 0 1.784.903 6.08 6.08 0 0 1 1.133-1.563 6.116 6.116 0 0 1 1.77-1.234l1.407 1.407A5.208 5.208 0 0 0 8.336 13.7a5.25 5.25 0 0 0-1.09 1.612 1 1 0 0 0 1.832.802c.167-.381.394-.722.672-1a3.23 3.23 0 0 1 3.108-.841Zm-1.332-5.93 2.228 2.229a6.1 6.1 0 0 1 2.616 1.55c.444.444.837.995 1.137 1.582a1 1 0 1 0 1.78-.911 8.353 8.353 0 0 0-1.503-2.085 8.108 8.108 0 0 0-6.258-2.365ZM8.51 5.327l1.651 1.651a9.904 9.904 0 0 1 10.016 4.148 1 1 0 1 0 1.646-1.136A11.912 11.912 0 0 0 8.51 5.327Zm4.552 11.114a1.501 1.501 0 1 1-2.123 2.123 1.501 1.501 0 0 1 2.123-2.123Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/wifi1.svg b/hybrid/.config/eww/images/svg/wifi1.svg
new file mode 100755
index 000000000..766e47c33
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/wifi1.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.96 18.568a1.501 1.501 0 1 0 2.122-2.123 1.501 1.501 0 0 0-2.123 2.123Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/wifi2.svg b/hybrid/.config/eww/images/svg/wifi2.svg
new file mode 100755
index 000000000..e6001d565
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/wifi2.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.938 16.446a1.501 1.501 0 1 1 2.123 2.123 1.501 1.501 0 0 1-2.123-2.123Zm-2.603-2.742a5.233 5.233 0 0 1 7.4 0c.46.461.838 1.025 1.101 1.625a1 1 0 0 1-1.832.803 3.356 3.356 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.255 3.255 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.613Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/wifi3.svg b/hybrid/.config/eww/images/svg/wifi3.svg
new file mode 100755
index 000000000..711710228
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/wifi3.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.96 16.44a1.501 1.501 0 1 1 2.122 2.122 1.501 1.501 0 0 1-2.123-2.122Zm-2.604-2.742a5.233 5.233 0 0 1 7.4 0c.46.461.838 1.025 1.101 1.625a1 1 0 1 1-1.832.803 3.358 3.358 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.254 3.254 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.613ZM6.31 10.707a8.128 8.128 0 0 1 11.495 0 8.353 8.353 0 0 1 1.503 2.085 1 1 0 0 1-1.78.91 6.357 6.357 0 0 0-1.137-1.581 6.128 6.128 0 0 0-9.8 1.562 1 1 0 1 1-1.785-.902 8.08 8.08 0 0 1 1.504-2.074Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/wifi4.svg b/hybrid/.config/eww/images/svg/wifi4.svg
new file mode 100755
index 000000000..316279349
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/wifi4.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.784 10.708a8.35 8.35 0 0 1 1.504 2.085 1 1 0 0 1-1.781.91 6.353 6.353 0 0 0-1.137-1.58 6.128 6.128 0 0 0-9.8 1.562 1 1 0 0 1-1.784-.903 8.128 8.128 0 0 1 12.998-2.074ZM15.735 13.7c.46.46.838 1.024 1.101 1.624a1 1 0 1 1-1.832.803 3.36 3.36 0 0 0-.683-1.013 3.233 3.233 0 0 0-4.572 0 3.257 3.257 0 0 0-.672 1 1 1 0 1 1-1.832-.802 5.25 5.25 0 0 1 1.09-1.612 5.233 5.233 0 0 1 7.4 0Zm4.684-5.401c.508.508.987 1.087 1.404 1.691a1 1 0 0 1-1.646 1.136c-.35-.506-.752-.993-1.172-1.413-3.872-3.872-10.15-3.872-14.023 0-.4.399-.797.886-1.16 1.41a1 1 0 0 1-1.644-1.14c.428-.618.9-1.195 1.39-1.684 4.653-4.654 12.198-4.654 16.851 0Zm-7.358 8.142a1.501 1.501 0 1 1-2.122 2.123 1.501 1.501 0 0 1 2.122-2.123Z" fill="#cae6ff"/></svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/svg/wiki.svg b/hybrid/.config/eww/images/svg/wiki.svg
new file mode 100755
index 000000000..e34038fe0
--- /dev/null
+++ b/hybrid/.config/eww/images/svg/wiki.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0482 9.31178C70.2499 9.31178 75.08 12.1005 77.6809 16.6155L92.7287 42.6963C95.3295 47.2113 95.3295 52.7887 92.7287 57.3037L77.6809 83.3845C75.08 87.8995 70.2499 90.6882 65.0482 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27217 57.3037C4.67132 52.7887 4.67132 47.2113 7.27217 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0482ZM65.0482 4H34.9526C27.8401 4 21.2584 7.79792 17.7021 13.9596L2.65433 40.0404C-0.901929 46.2021 -0.901929 53.7979 2.65433 59.9596L17.7021 86.0404C21.2584 92.2021 27.8401 96 34.9526 96H65.0482C72.1607 96 78.7425 92.2021 82.2987 86.0404L97.3465 59.9596C100.903 53.7979 100.903 46.2021 97.3465 40.0404L82.2722 13.9596C78.7424 7.79792 72.1607 4 65.0482 4Z" fill="#cae6ff"/>
+<path d="M50 48.3799C44.1348 48.3799 39.3843 43.6259 39.3843 37.7563C39.3843 31.8868 44.1348 27.1328 50 27.1328C55.8652 27.1328 60.6157 31.8868 60.6157 37.7563C60.6157 43.6259 55.8652 48.3799 50 48.3799ZM50 35.1005C48.5403 35.1005 47.3461 36.2956 47.3461 37.7563C47.3461 39.2171 48.5403 40.4122 50 40.4122C51.4596 40.4122 52.6539 39.2171 52.6539 37.7563C52.6539 36.2956 51.4596 35.1005 50 35.1005Z" fill="#cae6ff"/>
+<path d="M38.7208 72.8672C37.7123 72.8672 36.6773 72.4688 35.9076 71.6986L24.7611 60.5439C23.1953 58.9769 23.1953 56.4538 24.7611 54.9134C26.327 53.3464 28.8482 53.3464 30.3875 54.9134L38.7208 63.2529L47.0807 54.8868C48.6465 53.3198 51.1677 53.3198 52.707 54.8868L61.0138 63.1997L69.4267 54.7806C70.9925 53.2136 73.5138 53.2136 75.053 54.7806C76.6189 56.3476 76.6189 58.8706 75.053 60.4111L63.8004 71.672C62.2346 73.239 59.7134 73.239 58.1741 71.672L49.8673 63.3591L41.5074 71.7251C40.7643 72.4688 39.7558 72.8672 38.7208 72.8672Z" fill="#cae6ff"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#cae6ff" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/hybrid/.config/eww/images/textures/acrylic.png b/hybrid/.config/eww/images/textures/acrylic.png
new file mode 100755
index 000000000..028b188b5
Binary files /dev/null and b/hybrid/.config/eww/images/textures/acrylic.png differ
diff --git a/hybrid/.config/eww/images/wallpaper/wallpaper b/hybrid/.config/eww/images/wallpaper/wallpaper
new file mode 100755
index 000000000..3ac6974ee
Binary files /dev/null and b/hybrid/.config/eww/images/wallpaper/wallpaper differ
diff --git a/hybrid/.config/eww/modules/activewindow.yuck b/hybrid/.config/eww/modules/activewindow.yuck
new file mode 100755
index 000000000..6e510dddd
--- /dev/null
+++ b/hybrid/.config/eww/modules/activewindow.yuck
@@ -0,0 +1,26 @@
+(defwidget activewindow []
+  (box
+    :valign "center"
+    :space-evenly false
+    :orientation "v"
+    (box
+      (eventbox
+        :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+        :onhover "${EWW_CMD} update rev_center_ws=true"
+        (box
+          :space-evenly false
+          :class "activewin"
+          (revealer
+            :transition "slideright"
+            :reveal "${!music_reveal}"
+            :duration "300ms"
+            (label
+              :limit-width 40
+              :text "${awin.title}"
+            )
+          )
+        )
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/hybrid/.config/eww/modules/audiolevels.yuck b/hybrid/.config/eww/modules/audiolevels.yuck
new file mode 100755
index 000000000..da529c3a6
--- /dev/null
+++ b/hybrid/.config/eww/modules/audiolevels.yuck
@@ -0,0 +1,71 @@
+(defwidget audiolevels[]
+  (box
+    :space-evenly false
+    :orientation "v"
+    :class "sliders"
+    (label
+      :text "Volume mixer"
+      :xalign 0
+      :style "font-weight: bold;"
+    )
+    (for i in audiojson
+      (eventbox
+        :onscroll "pactl set-sink-input-volume ${i.sink} $(echo {} | sed -e \"s/up/+10/g\" -e \"s/down/-10/g\")% &"
+        :onrightclick "pactl set-sink-input-volume ${i.sink} 100%"
+        (box
+          :space-evenly false
+          :orientation "v"
+          ; (label :class "time" :text "DEBUG:${i}")
+          (centerbox
+            :space-evenly false
+            :orientation "h"
+            ; :halign "center"
+            (label
+              :xalign 0
+              :class "audiotext"
+              :limit-width 42
+              :style "font-size: 13pt; padding-bottom: 2px;"
+              :text "${i.name} (#${i.sink})"
+            )
+            (label
+              :xalign 0
+              :class "audiotext"
+              :limit-width 30
+              :style "font-size: 13pt; padding-bottom: 2px;"
+              :text ""
+            )
+            (box :orientation "v"
+              (label
+                :xalign 1
+                :class "audiotext"
+                :style "font-size: 13pt; padding-bottom: 2px;"
+                :text "${i.volume}%"
+              )
+            )
+          )
+          (box
+            :class "volume-slider-box"
+            :space-evenly false
+            (eventbox
+              ; :class "volume-icon"
+              :onclick "pactl set-sink-input-volume ${i.sink} 0%"
+              :onscroll "pactl set-sink-input-volume ${i.sink} $(echo {} | sed -e \"s/up/+10/g\" -e \"s/down/-10/g\")%"
+              :onrightclick "pactl set-sink-input-volume ${i.sink} 100%"
+              (label
+                :style "font-family: 'Material Symbols Rounded';"
+                :text "${volume.icon}"
+              )
+            )
+            (scale
+              :class "sliderbg"
+              :value {i.volume}
+              :class "volume-bar slider"
+              :onchange "pactl set-sink-input-volume ${i.sink} {}%"
+              :tooltip "${i.name}: ${i.volume}%"
+            )
+          )
+        )
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/hybrid/.config/eww/modules/bluetooth.yuck b/hybrid/.config/eww/modules/bluetooth.yuck
new file mode 100755
index 000000000..bce9a6a29
--- /dev/null
+++ b/hybrid/.config/eww/modules/bluetooth.yuck
@@ -0,0 +1,13 @@
+(defwidget bluetooth []
+  (eventbox
+    :onrightclick "XDG_CURRENT_DESKTOP=GNOME gnome-control-center bluetooth"
+    (button
+      :class "module-bt module icon"
+      :onclick "blueberry"
+      :onrightclick "XDG_CURRENT_DESKTOP=GNOME gnome-control-center bluetooth"
+      :tooltip "${bluetooth.text} ${bluetooth.batt_icon}"
+      :style "color: ${bluetooth.color};"
+      {bluetooth.icon}
+    )
+  )
+)
diff --git a/hybrid/.config/eww/modules/bright.yuck b/hybrid/.config/eww/modules/bright.yuck
new file mode 100755
index 000000000..d45bfcaaf
--- /dev/null
+++ b/hybrid/.config/eww/modules/bright.yuck
@@ -0,0 +1,15 @@
+(defwidget bright []
+  (box
+    :class "module"
+    (eventbox
+      :class "bright-icon"
+      :onscroll "echo $(echo {} | sed -e 's/down/-U 5/g' -e 's/up/-A 5/g' | xargs light) && scripts/bright osd"
+      (label
+        :valign "start"
+        :text {brightness.icon}
+        :class "bright-icon icon"
+        :tooltip "brightness ${round(brightness.level, 0)}%"
+      )
+    )
+  )
+)
diff --git a/hybrid/.config/eww/modules/clock.yuck b/hybrid/.config/eww/modules/clock.yuck
new file mode 100755
index 000000000..1a93b3890
--- /dev/null
+++ b/hybrid/.config/eww/modules/clock.yuck
@@ -0,0 +1,51 @@
+(defwidget clock_module []
+  (eventbox
+    :onclick "${EWW_CMD} update popup='calendar'"
+    :class "${popup == 'calendar' ? 'calendar-win' : ''}"
+    :style "${rev_ontf ? 'background-color: #838383;' : ''}"
+    ; clock-module
+    (box
+      :space-evenly false
+      :orientation "v"
+      (box
+        :class "module"
+        :valign "start"
+        :orientation "v"
+        :style "min-width: 115px;"
+        (box
+          :space-evenly false
+          :halign "start"
+          (label :text "${time.hour}" :class "clock hour")
+          (label :text ":" :class "clock")
+          (label :text {time.minute} :class "clock minute")
+        )
+        (button
+          :style "background"
+          :halign "start"
+          :valign "start"
+          :class "date-clock"
+          :onclick "${EWW_CMD} update popup='calendar'"
+          "${time.day}, ${time.date}"
+        )
+        
+      )
+      (revealer
+        :reveal "${popup == 'calendar'}"
+        :transition "slideright"
+        :duration "0ms"
+        (revealer
+          :reveal "${popup == 'calendar'}"
+          :transition "crossfade"
+          :duration "0ms"
+          (revealer
+            :reveal "${popup == 'calendar'}"
+            :transition "slidedown"
+            :duration "0ms"
+            (calendar)
+          )
+        )
+      )
+    )
+  )
+)
+
diff --git a/hybrid/.config/eww/modules/editmode.yuck b/hybrid/.config/eww/modules/editmode.yuck
new file mode 100755
index 000000000..24a9b89c7
--- /dev/null
+++ b/hybrid/.config/eww/modules/editmode.yuck
@@ -0,0 +1,24 @@
+(defwidget editmode []
+  (eventbox
+    :cursor "col-resize"
+    :onhover "${EWW_CMD} update edit_hover=true"
+    :onhoverlost "${EWW_CMD} update edit_hover=false"
+    :onscroll "hyprctl dispatch splitratio $(echo {} | sed -e \"s/up/-0.1/g\" -e \"s/down/+0.1/g\")"
+    :onmiddleclick "scripts/toggle-compactmode.sh"
+    :onrightclick "scripts/toggle-compactmode.sh --toggle --border 0"
+    (checkbox
+      :class "module-button${editing ? '-true' : (edit_hover ? '-hover' : '')} edit-mode-checkbox-${editing}"
+      :onchecked "scripts/editmode.sh enable"
+      :onunchecked "scripts/editmode.sh disable"
+      :tooltip "Edit mode (middle-click to move, right-click to resize windows)"
+      (image
+        :path "images/svg/tournaments.svg"
+        :image-height 33
+        :image-width 33
+        :style "
+        margin-left: -5.5px;
+        "
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/hybrid/.config/eww/modules/gamebar.json b/hybrid/.config/eww/modules/gamebar.json
new file mode 100755
index 000000000..efb2c03f8
--- /dev/null
+++ b/hybrid/.config/eww/modules/gamebar.json
@@ -0,0 +1,42 @@
+{
+    "controls": {
+        "at": [
+            960,
+            65
+        ],
+        "size": [
+            530,
+            70
+        ]
+    },
+    "capture": {
+        "at": [
+            202,
+            131.5
+        ],
+        "size": [
+            338,
+            197
+        ]
+    },
+    "audio": {
+        "at": [
+            202,
+            644.5
+        ],
+        "size": [
+            338,
+            789
+        ]
+    },
+    "performance": {
+        "at": [
+            1718,
+            932
+        ],
+        "size": [
+            338,
+            230
+        ]
+    }
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/modules/gamebar_topleft_size.json b/hybrid/.config/eww/modules/gamebar_topleft_size.json
new file mode 100755
index 000000000..9635a8ef7
--- /dev/null
+++ b/hybrid/.config/eww/modules/gamebar_topleft_size.json
@@ -0,0 +1,42 @@
+{
+    "controls": {
+        "at": [
+            495,
+            30
+        ],
+        "size": [
+            930,
+            70
+        ]
+    },
+    "capture": {
+        "at": [
+            33,
+            33
+        ],
+        "size": [
+            338,
+            197
+        ]
+    },
+    "audio": {
+        "at": [
+            33,
+            250
+        ],
+        "size": [
+            338,
+            589
+        ]
+    },
+    "performance": {
+        "at": [
+            1250,
+            604
+        ],
+        "size": [
+            338,
+            230
+        ]
+    }
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/modules/langs.json b/hybrid/.config/eww/modules/langs.json
new file mode 100755
index 000000000..3fa2bda59
--- /dev/null
+++ b/hybrid/.config/eww/modules/langs.json
@@ -0,0 +1,14 @@
+[
+    {
+        "name": "English (United States)",
+        "name_method": "US",
+        "name_ibus": "xkb:us::eng",
+        "name_abbr": "ENG"
+    },
+    {
+        "name": "Vietnamese",
+        "name_method": "Vietnamese Telex (Bamboo Engine)",
+        "name_ibus": "Bamboo::Us",
+        "name_abbr": "VIE"
+    }
+]
\ No newline at end of file
diff --git a/hybrid/.config/eww/modules/music.yuck b/hybrid/.config/eww/modules/music.yuck
new file mode 100755
index 000000000..4d9168a4a
--- /dev/null
+++ b/hybrid/.config/eww/modules/music.yuck
@@ -0,0 +1,144 @@
+(defwidget osu-music-module []
+  (eventbox
+    :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+    :onclick "scripts/toggle-music.sh &"
+    :onmiddleclick "playerctl play-pause"
+    :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+    :onhover "${EWW_CMD} update music_hover=true"
+    :onhoverlost "${EWW_CMD} update music_hover=false"
+    (box
+      :space-evenly false
+      :class "module-button-pad-center"
+      (box
+        :space-evenly false
+        :class "module-button${music_open ? '-true' : (music_hover ? '-hover' : '')}"
+        (revealer ; dummy keep alive
+          :reveal false
+          :duration "0ms"
+          :transition "slideright"
+          ; (label :text "${mcover.image} ${cavajson[0]}")
+          (label :text "${mcover.image}")
+        )
+        (box
+          :space-evenly false
+          :valign "start"
+          ; :class "osu-music-box"
+          :class "osu-music-box"
+          ; (image
+            ;   :path "images/svg/beatmaps.svg"
+            ;   :image-width 33
+            ;   :image-height 33
+            ;   :class "osu-music-box-dummy"
+          ; )
+          (overlay
+            (box
+              :halign "center" :valign "center"
+              :class "bar-music-cover"
+              :style "background-image: url('eww_covers/cover_art_default')"
+            )
+            (box
+              :halign "center" :valign "center"
+              :class "bar-music-cover"
+              :style "background-image: url('${mcover.image}')"
+            )
+            (label
+              :class "bar-music-state"
+              :halign "center" :valign "center"
+              :style "
+              font-size: 18pt;
+              margin-bottom: -1px;
+              color: ${colormode == 'one' ? coloraccent : (mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7)};
+              "
+              :text "${mplay == 'Playing' ? '' : ''}"
+            )
+          )
+        )
+        (revealer
+          :transition "slideright"
+          ; :reveal "${(music_reveal || osd_vol || (mname.title != '')) && !focus}"
+          :reveal true
+          :duration "300ms"
+          :class "music-ctl-revealer"
+          :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+          :limit-width 20
+          (eventbox
+            :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+            (box
+              :space-evenly false :orientation "h"
+              :width 421
+              (box
+                :space-evenly false :orientation "v"
+                :valign "center"
+                :class "music-ctl-revealer"
+                :hexpand "true"
+                (label
+                  :class "music-title-bar"
+                  :limit-width 50
+                  :xalign 0
+                  :style "
+                  color: ${colormode == 'one' ? coloraccent : (mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7)};
+                  "
+                  :text {mname.title == '' ? 'Playerctl' : mname.title}
+                )
+                (revealer
+                  :transition "slidedown"
+                  :reveal "${mname.artist != ''}"
+                  :duration "20ms"
+                  (label
+                    :class "music-artist-bar"
+                    :limit-width 50
+                    :xalign 0
+                    :style "font-size: 11pt; font-family: 'Rubik';
+                    color: ${colormode == 'one' ? coloraccent : (mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7)};
+                    "
+                    :text {mname.artist}
+                  )
+                )
+              )
+              (revealer
+                :reveal {music_hover}
+                :transition "slideleft"
+                :duration "400ms"
+                (revealer
+                  :reveal {music_hover}
+                  :transition "crossfade"
+                  :duration "400ms"
+                  (centerbox
+                    :class "music-button-box-bar"
+                    (button
+                      :class "song-button-bar"
+                      :style "
+                      font-size: 30pt;
+                      color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};
+                      "
+                      :onclick "playerctl previous" 
+                      ""
+                    )
+                    (button
+                      :class "song-button-bar"
+                      :style "
+                      font-size: 30pt;
+                      color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};
+                      "
+                      :onclick "playerctl play-pause"
+                      "${music.status != '' ? music.status : ''}"
+                    )
+                    (button
+                      :class "song-button-bar"
+                      :style "
+                      font-size: 30pt;
+                      color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};
+                      "
+                      :onclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+                      ""
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/hybrid/.config/eww/modules/net.yuck b/hybrid/.config/eww/modules/net.yuck
new file mode 100755
index 000000000..2024a5064
--- /dev/null
+++ b/hybrid/.config/eww/modules/net.yuck
@@ -0,0 +1,19 @@
+(defwidget net []
+  (box
+    :class "module"
+    (eventbox
+      :class "net-icon"
+      :onclick "iwgtk &"
+      :onrightclick "XDG_CURRENT_DESKTOP=GNOME gnome-control-center network &"
+      :tooltip {net.essid}
+      ; :style "color: ${net.color};"
+      (label
+        :valign "start"
+        :text {net.icon}
+        :class "net-icon"
+        :tooltip {net.essid}
+        ; :style "color: ${net.color};"
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/hybrid/.config/eww/modules/pinned-apps.json b/hybrid/.config/eww/modules/pinned-apps.json
new file mode 100755
index 000000000..5095cb4e8
--- /dev/null
+++ b/hybrid/.config/eww/modules/pinned-apps.json
@@ -0,0 +1,21 @@
+[ 
+    [
+        {"name": "File Explorer", "exec": "gtk-launch org.gnome.Nautilus.desktop &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/nautilus.svg"},
+        {"name": "Firefox", "exec": "gtk-launch firefox &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/firefox.svg"},
+        {"name": "Terminal", "exec": "gtk-launch org.codeberg.dnkl.foot.desktop &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/foot.svg"},
+        {"name": "Paint", "exec": "gtk-launch org.kde.kolourpaint.desktop &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/kolourpaint.svg"},
+        {"name": "Settings", "exec": "XDG_CURRENT_DESKTOP=GNOME gtk-launch org.gnome.Settings.desktop &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/gnome-control-center.svg"},
+        {"name": "Notepad", "exec": "gtk-launch org.gnome.TextEditor &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/org.gnome.TextEditor.svg"}
+    ],
+    [
+        {"name": "Clock", "exec": "gtk-launch org.gnome.clocks &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/gnome-clocks.svg"},
+        {"name": "Edge", "exec": "/usr/bin/microsoft-edge-stable --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland --gtk-version=4 &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/microsoft-edge.svg"},
+        {"name": "Visual Studio Code", "exec": "code --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/code.svg"},
+        {"name": "Calculator", "exec": "gtk-launch org.gnome.Calculator &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/org.gnome.Calculator.svg"},
+        {"name": "GitHub Desktop", "exec": "gtk-launch github-desktop &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/github-desktop.svg"},
+        {"name": "Photos", "exec": "gtk-launch org.gnome.eog &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/eog.svg"}
+    ],
+    [
+        {"name": "VLC Media Player", "exec": "gtk-launch vlc &", "icon": "/usr/share/icons/Win11-dark/apps/scalable/vlc.svg"}
+    ]
+]
\ No newline at end of file
diff --git a/hybrid/.config/eww/modules/recommended.json b/hybrid/.config/eww/modules/recommended.json
new file mode 100755
index 000000000..78ad1fd00
--- /dev/null
+++ b/hybrid/.config/eww/modules/recommended.json
@@ -0,0 +1,9 @@
+[ 
+    [
+        {"name": "This is NOT Windows 11", "subtext": "end-4/dots-hyprland → windoes", "exec": "xdg-open 'https://github.com/end-4/dots-hyprland/tree/windoes' &", "icon": "images/icons/github.svg"},
+        {"name": "Get Hyprland help", "subtext": "+ chance to be called a retard", "exec": "xdg-open 'https://discord.com/invite/hQ9XvMUjjr' &", "icon": "images/icons/discord.png"}
+    ],
+    [
+        {"name": "r/unixporn", "subtext": "Hot windows n statusbar sex", "exec": "xdg-open 'https://www.reddit.com/r/unixporn/' &", "icon": "images/icons/reddit.svg"}
+    ]
+]
\ No newline at end of file
diff --git a/hybrid/.config/eww/modules/searchbutton.yuck b/hybrid/.config/eww/modules/searchbutton.yuck
new file mode 100755
index 000000000..35922f07d
--- /dev/null
+++ b/hybrid/.config/eww/modules/searchbutton.yuck
@@ -0,0 +1,17 @@
+(defwidget searchbutton []
+  (eventbox
+    :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    :class "osettings-toggle-button-${open_overview}"
+    :onclick "scripts/toggle-overview.sh"
+    :onmiddleclick "scripts/toggle-overview.sh"
+    :onrightclick "scripts/toggle-overview.sh"
+    (box
+      :class "module-button-pad-center"
+      (image
+        :path "images/svg/search.svg"
+        :image-width 33
+        :image-height 33
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/hybrid/.config/eww/modules/sys.yuck b/hybrid/.config/eww/modules/sys.yuck
new file mode 100755
index 000000000..71b168615
--- /dev/null
+++ b/hybrid/.config/eww/modules/sys.yuck
@@ -0,0 +1,388 @@
+(defwidget sys []
+  (eventbox
+    :class "${popup == 'system-menu' ? 'system-menu-box' : 'sysbar'}"
+    ; :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+    (box
+      :space-evenly false
+      :orientation "v"
+      (box
+        :class "module"
+        :space-evenly false
+        :spacing 5
+        :halign "end"
+        (syscpu)
+        (sysmem)
+        (sysbatt)
+        ; (settingscog)
+      )
+      (revealer
+        :reveal "${popup == 'system-menu'}"
+        :transition "slideright"
+        :duration "0ms"
+        (revealer
+          :reveal "${popup == 'system-menu'}"
+          :transition "crossfade"
+          :duration "0ms"
+          (revealer
+            :reveal "${popup == 'system-menu'}"
+            :transition "slidedown"
+            :duration "0ms"
+            (box
+              :space-evenly false
+              (box
+                ; :class "system-menu-box"
+                :space-evenly false
+                :orientation "v"
+                (box
+                  :class "top-row"
+                  :space-evenly false
+                  (label :class "time" :text "${time.hour}:${time.minute}")
+                  (box
+                    :class "date-box"
+                    :space-evenly false
+                    (label :class "date" :text "${time.day},")
+                    (label :class "date" :text "${time.date}")
+                  )
+                )
+                
+                (box
+                  :class "system-row"
+                  :space-evenly false
+                  (box
+                    :class "wifi-box"
+                    :space-evenly false
+                    :orientation "v"
+                    (box
+                      :class "element"
+                      :space-evenly false
+                      (button
+                        ; :class "wifi-button"
+                        :onclick "scripts/net toggle"
+                        :style "font-family: Material Symbols Rounded;"
+                        {net.icon}
+                      )
+                      (label :class "separator" :text "|")
+                      (button
+                        :class "wifi-arrow-btn"
+                        :style "font-family: Material Symbols Rounded;"
+                        :onclick "nm-connection-editor &"
+                        ""
+                      )
+                    )
+                    (label :style "font-size: 12pt;" :class "sys-toggle" :text {net.essid} :xalign 0.5 :limit-width 15)
+                  )
+                  
+                  (box
+                    :class "bluetooth-box"
+                    :space-evenly false
+                    :orientation "v"
+                    (box
+                      :class "element icon"
+                      :space-evenly false
+                      (button
+                        :class "bluetooth-button"
+                        :onclick "scripts/bluetooth toggle"
+                        :style "font-family: 'Material Symbols Rounded';"
+                        {bluetooth.icon}
+                      )
+                      (label :class "separator" :text "|")
+                      (button
+                        :class "bluetooth-arrow-btn"
+                        :onclick "blueberry"
+                        ""
+                      )
+                    )
+                    (label
+                      :style "font-size: 12pt;"
+                      :text {bluetooth.text}
+                      :xalign 0.5
+                      :class "sys-toggle"
+                      :tooltip "${bluetooth.text} ${bluetooth.batt_icon}"
+                      :limit-width 15
+                    )
+                  )
+                  
+                  (box
+                    :class "airplane-box"
+                    :space-evenly false
+                    :orientation "v"
+                    (box
+                      :class "element"
+                      (button
+                        :class "airplane-button"
+                        :onclick "scripts/airplane toggle"
+                        airplane
+                      )
+                    )
+                    (label :style "font-size: 12pt;" :text "Airplane Mode" :xalign 0.5 :limit-width 16)
+                  )
+                  
+                  (box
+                    :space-evenly false
+                    :orientation "v"
+                    (box
+                      :class "element"
+                      (button
+                        :halign "end"
+                        :onclick "wlogout -p layer-shell &"
+                        ""
+                      )
+                    )
+                    (label
+                      :style "font-size: 12pt;"
+                      :text "Power"
+                      :class "sys-toggle"
+                      :xalign 0.5
+                      :limit-width 16
+                    )
+                  )
+                )
+                (audiolevels)
+                (box
+                  :class "system-info-box"
+                  :style "margin-bottom: 17px;"
+                  ; cpu
+                  (box
+                    :class "sys-box"
+                    :space-evenly false
+                    :halign "start"
+                    (circular-progress
+                      :value "${EWW_CPU.avg}"
+                      :class "sys-cpu"
+                      :thickness 3
+                      (label
+                        :text ""
+                      :class "sys-icon-cpu icon")
+                    )
+                    (box
+                      :orientation "v"
+                      :vexpand false
+                      (label
+                        :text "CPU"
+                        :halign "start"
+                        :class "sys-text-cpu"
+                        :style "font-size: 12pt;"
+                      )
+                      (label
+                        :text "${round(EWW_CPU.avg,2)}%"
+                        :halign "start"
+                        :class "sys-text-sub"
+                        :style "font-size: 12pt;"
+                      )
+                      (label
+                        :text "${EWW_CPU.cores[0].freq} MHz"
+                        :halign "start"
+                        :class "sys-text-sub"
+                        :style "font-size: 12pt;"
+                      )
+                    )
+                  )
+                  
+                  ; memory
+                  (box
+                    :class "sys-box"
+                    :space-evenly false
+                    :halign "end"
+                    (circular-progress
+                      :value {memory.percentage}
+                      :class "sys-mem"
+                      :thickness 3
+                      (label
+                        :text ""
+                        :class "sys-icon-mem icon"
+                      )
+                    )
+                    (box
+                      :orientation "v"
+                      (label :style "font-size: 12pt;" :text "Memory" :halign "start" :class "sys-text-mem")
+                      (label :style "font-size: 12pt;" :text "${memory.used} / ${memory.total}" :halign "start" :class "sys-text-sub")
+                      (label :style "font-size: 12pt;" :text "Swap ${memory.swapused} / ${memory.swaptotal}" :halign "start" :class "sys-text-sub")
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget syscpu []
+  (revealer
+    :reveal "${((popup == 'system-menu' || EWW_CPU.avg>= 50) || force_sys_rev)}"
+    :transition "slideleft"
+    :duration "300ms"
+    :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+    (eventbox
+      :class "cpubar"
+      :space-evenly false
+      (box
+        :class "cpubar"
+        :space-evenly false
+        (circular-progress
+          :value "${EWW_CPU.avg}"
+          :class "cpubar-circle"
+          :thickness 4
+          :start-at 75
+          :style "${colormode == 'one' ? ('color: ' + coloraccent + ';') : ''}"
+          (box
+            :tooltip "CPU: ${round(EWW_CPU.avg,0)}%"
+            :class "inside-circle"
+            (label :class "icon-text" :text "")
+          )
+        )
+        (revealer
+          :transition "slideright"
+          :reveal "${sys_rev || popup == 'system-menu' || force_sys_rev  || EWW_CPU.avg>= 50}"
+          :duration "300ms"
+          :class "sys-menu"
+          :onclick "${EWW_CMD} update popup='system-menu'"
+          (cpumenu)
+        )
+      )
+    )
+  )
+)
+
+(defwidget sysmem []
+  (eventbox
+    :class "membar"
+    :space-evenly false
+    (box
+      :class "membar"
+      :space-evenly false
+      (circular-progress
+        :value {memory.percentage}
+        :class "membar-circle"
+        :thickness 4
+        :start-at 75
+        :style "${colormode == 'one' ? ('color: ' + coloraccent + ';') : ''}"
+        (box
+          :class "inside-circle"
+          :tooltip "RAM: ${round(memory.percentage,0)}%"
+          (label :class "icon-text" :text "")
+        )
+      )
+      (revealer
+        :transition "slideright"
+        :reveal "${sys_rev || force_sys_rev || memory.percentage + memory.swappercentage >= 120}"
+        :duration "300ms"
+        :class "sys-menu"
+        :onclick "${EWW_CMD} update popup='system-menu'"
+        (memmenu)
+      )
+    )
+  )
+)
+
+(defwidget sysbatt []
+  (eventbox
+    :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+    :class "batbar"
+    :space-evenly false
+    (box
+      :class "batbar"
+      :space-evenly false
+      (circular-progress
+        :value "${battery.percentage}"
+        :class "batbar-circle"
+        :thickness 4
+        :start-at 75
+        :style "border-radius: 99px; color: ${battery.circolor};"
+        (box
+          :class "inside-circle"
+          :tooltip "Battery: ${battery.percentage}%"
+          :onclick "${EWW_CMD} update popup='system-menu'"
+          :style "border-radius: 99px; color: ${battery.color}; background-color: ${battery.bgcolor};"
+          (label :class "icon-text" :text "")
+        )
+      )
+      (revealer
+        :transition "slideright"
+        :reveal true
+        :duration "300ms"
+        :class "sys-menu"
+        (sysmenu)
+      )
+    )
+  )
+)
+
+(defwidget cpumenu[]
+  (eventbox
+    :class "cpu-menu"
+    (box
+      :orientation "h"
+      :space-evenly false
+      (label :class "cpu-menu icon" :text ""
+        :style "${colormode == 'one' ? ('color: ' + coloraccent + ';') : ''}"
+      )
+      (label :class "cpu-menu" :text "${round(EWW_CPU.avg,0)}%"
+        :style "${colormode == 'one' ? ('color: ' + coloraccent + ';') : ''}"
+      )
+    )
+  )
+)
+
+(defwidget memmenu[]
+  (eventbox
+    (box
+      :space-evenly false
+      (label :class "mem-menu-left" :text ""
+        :style "${colormode == 'one' ? ('color: ' + coloraccent + ';') : ''}"
+      )
+      (label :class "mem-menu-left" :text "${memory.used}"
+        :style "${colormode == 'one' ? ('color: ' + coloraccent + ';') : ''}"
+      )
+      (label :class "mem-menu-mid" :text ""
+        :style "${colormode == 'one' ? ('color: ' + coloraccent + ';') : ''}"
+      )
+      (label :class "mem-menu-right" :text "${memory.swapused}"
+        :style "${colormode == 'one' ? ('color: ' + coloraccent + ';') : ''}"
+      )
+    )
+  )
+)
+
+(defwidget sysmenu[]
+  (eventbox
+    :class "sys-menu"
+    :style "color: ${battery.color}"
+    (box
+      :space-evenly false
+      (label :class "sys-menu-charge" :text "${battery.quickicon}"
+        :style "${colormode == 'one' ? ('color: ' + coloraccent + ';') : ''}"
+      )
+      (label :class "batt-percentage" :text "${battery.percentage}%"
+        :style "${colormode == 'one' ? ('color: ' + coloraccent + ';') : ''}"
+      )
+      ; (revealer
+        ;   :reveal "${popup == 'system-menu' || force_sys_rev}"
+        ;   :transition "slideright"
+        ;   :duration "300ms"
+        ;   :class "sys-menu"
+        ;   (label :class "batt-percentage" :text " | ${battery.wattage} | ${battery.status}")
+      ; )
+    )
+  )
+)
+
+(defwidget settingscog[]
+  (eventbox
+    :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+    :class "settings-icon"
+    (revealer
+      :transition "slideright"
+      :reveal true
+      :duration "300ms"
+      :onclick "${EWW_CMD} update popup='system-menu'"
+      (button
+        :class "sys-menu-button"
+        :onclick "${EWW_CMD} update popup='system-menu'"
+        " "
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/hybrid/.config/eww/modules/taskbar.json b/hybrid/.config/eww/modules/taskbar.json
new file mode 100755
index 000000000..eb76c2c3d
--- /dev/null
+++ b/hybrid/.config/eww/modules/taskbar.json
@@ -0,0 +1,34 @@
+[
+    {
+        "address": [],
+        "class": "org.gnome.Nautilus",
+        "count": 0,
+        "icon": "/usr/share/icons/Win11-dark/apps/scalable/nautilus.svg",
+        "workspace": [],
+        "exec": "nautilus --new-window &"
+    },
+    {
+        "address": [],
+        "class": "firefox",
+        "count": 0,
+        "icon": "/usr/share/icons/Win11-dark/apps/scalable/firefox.svg",
+        "workspace": [],
+        "exec": "firefox &"
+    },
+    {
+        "address": [],
+        "class": "code-url-handler",
+        "count": 0,
+        "icon": "/usr/share/icons/Win11-dark/apps/scalable/code.svg",
+        "workspace": [],
+        "exec": "code --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland &"
+    },
+    {
+        "address": [],
+        "class": "foot",
+        "count": 0,
+        "icon": "/usr/share/icons/Win11-dark/apps/scalable/foot.svg",
+        "workspace": [],
+        "exec": "foot &"
+    }
+]
\ No newline at end of file
diff --git a/hybrid/.config/eww/modules/taskbar.yuck b/hybrid/.config/eww/modules/taskbar.yuck
new file mode 100755
index 000000000..df7b18a88
--- /dev/null
+++ b/hybrid/.config/eww/modules/taskbar.yuck
@@ -0,0 +1,30 @@
+(defwidget taskbar []
+  (box
+    :orientation "h"
+    :space-evenly false
+    :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    (for app in tasks
+      (overlay
+        (eventbox
+          :class "taskbar-button-only"
+          :onclick "${app.count > 0 ? ('hyprctl dispatch workspace ' + app.workspace[0] + ' &') : (app.exec)}"
+          ; :tooltip "${app.class}"
+          ; :onclick "hyprctl dispatch workspace ${app.workspace[0]} && hyprctl dispatch focusdow address:${app.address[0]} &"
+          (box
+            :class "taskbar-button-pad"
+            (box
+              :class "taskbaricon"
+              :style "
+              background-image: url('${app.icon}');
+              ${app.class == awin.class ? 'background-color: rgba(108, 112, 134, 0.4); border: 1px solid rgba(108, 112, 134, 0.15); border-top: 1px solid rgba(108, 112, 134, 0.15);' : ''}
+              "
+            )
+          )
+        )
+        (box :class "taskbar-indicator-${app.class == awin.class ? 'true' : (app.count > 0 ? 'false' : 'none')}")
+      )
+    )
+    ; Dummy keep alive
+    (revealer :transition "slideright" :reveal false (label :text {awin.class}))
+  )
+)
\ No newline at end of file
diff --git a/hybrid/.config/eww/modules/user.yuck b/hybrid/.config/eww/modules/user.yuck
new file mode 100755
index 000000000..1a30d25be
--- /dev/null
+++ b/hybrid/.config/eww/modules/user.yuck
@@ -0,0 +1,16 @@
+(defwidget user []
+  (box
+    :space-evenly false
+    :orientation "h"
+    :style "padding-left: 28px; padding-right: 22px;"
+    (label 
+      :class "username"
+      :style "margin-right: 5px;"
+      :text "${username == "" ? username_default : username}"
+    )
+    (box
+      :class "userpic"
+      :style "background-image: url('/var/lib/AccountsService/icons/${username == "" ? username_default : username}');"
+    )
+  )
+)
\ No newline at end of file
diff --git a/hybrid/.config/eww/modules/volume.yuck b/hybrid/.config/eww/modules/volume.yuck
new file mode 100755
index 000000000..af4970df2
--- /dev/null
+++ b/hybrid/.config/eww/modules/volume.yuck
@@ -0,0 +1,33 @@
+(defwidget volume-module []
+  (box
+    :class "vol-menu"
+    (eventbox
+      ; :class "vol-menu"
+      :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+      :onrightclick "pavucontrol"
+      :onclick "scripts/volume mute SINK"
+      (box
+        (label
+          ; :class "vol-menu"
+          :tooltip "volume ${volume.percent}%"
+          :style "font-family: 'Material Symbols Rounded';"
+          :text "${volume.icon}"
+          :valign "start"
+        )
+        (label :valign "start" :text "${volume.percent}%")
+      )
+    )
+    ; (volmenu)
+  )
+)
+
+(defwidget volmenu[]
+  (eventbox
+    :class "vol-menu"
+    :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+    :onrightclick "pavucontrol"
+    :onclick "scripts/volume mute SINK"
+    :valign "start"
+    (label :class "vol-menu" :text "${volume.percent}%")
+  )
+)
diff --git a/hybrid/.config/eww/modules/winstuff.yuck b/hybrid/.config/eww/modules/winstuff.yuck
new file mode 100755
index 000000000..b56959ef9
--- /dev/null
+++ b/hybrid/.config/eww/modules/winstuff.yuck
@@ -0,0 +1,163 @@
+(defwidget winstarticon []
+  (eventbox
+    :class "winbutton-only thewinbutton"
+    :onclick "scripts/toggle-winstart.sh &"
+    :onmiddleclick "playerctl play-pause"
+    :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+    (box
+      :class "winbutton-pad"
+      (box
+        :class "winstarticon-${rev_winstart} winbutton-${rev_winstart}"
+      )
+    )
+  )
+)
+
+(defwidget winactions []
+  (eventbox
+    :class "winbutton"
+    :onhover "${EWW_CMD} update winactions_hover=true &"
+    :onhoverlost "${EWW_CMD} update winactions_hover=false &"
+    :onclick "scripts/toggle-winactions.sh &"
+    :onscroll "echo $(echo {} | sed -e 's/down/-U 3/g' -e 's/up/-A 3/g' | xargs light) && scripts/brightness osd &"
+    (box
+      :class "winbutton-pad"
+      (box
+        :class "wintimedate winbutton-${winactions_hover || rev_winactions}"
+        :space-evenly false
+        (box
+          :orientation "h"
+          :space-evenly false
+          (image :class "winicon" :path "images/svg/dark/wifi${net.level}.svg")
+          (image :class "winicon" :path "images/svg/dark/vol${volume.audio == 1 ? round(volume.percent / 33, 0) : 'mute'}.svg")
+          (image :class "winicon" :path "images/svg/dark/bat${round(battery.percentage / 10, 0)}.svg")
+        )
+      )
+    )
+  )
+)
+
+(defwidget windate []
+  (eventbox
+    :class "winbutton"
+    :onhover "${EWW_CMD} update winnotif_hover=true &"
+    :onhoverlost "${EWW_CMD} update winnotif_hover=false &"
+    :onclick "scripts/toggle-winnotif.sh &"
+    :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+    (box
+      :class "winbutton-pad"
+      (box
+        :class "wintimedate winbutton-${winnotif_hover || rev_winnotif}"
+        :space-evenly false
+        (box
+          :orientation "v"
+          :space-evenly false
+          (box
+            :space-evenly false
+            :halign "end"
+            :class "wintime"
+            (label :text "${time.hour}" :class "winbartext")
+            (label :text ":" :class "winbartext")
+            (label :text {time.minute} :class "winbartext")
+          )
+          (label
+            :class "winbartext"
+            :text "${time.date}/${time.year}"
+          )
+        )
+        (revealer
+          :reveal {arraylength(notifications) > 0}
+          :transition "slideleft"
+          :duration "200ms"
+          :class "dummy${notifications[0].id}"
+          (box
+            :halign "center"
+            :valign "center"
+            :class "winnotif-badge"
+            (label :class "winbartext" :text "${arraylength(notifications)}")
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget wintaskbar []
+  (box
+    :orientation "h"
+    :space-evenly false
+    :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    (for app in tasks
+      (overlay
+        (eventbox
+          :class "winbutton-only"
+          :onclick "${app.count > 0 ? ('hyprctl dispatch workspace ' + app.workspace[0] + ' &') : (app.exec)}"
+          ; :tooltip "${app.class}"
+          ; :onclick "hyprctl dispatch workspace ${app.workspace[0]} && hyprctl dispatch focuswindow address:${app.address[0]} &"
+          (box
+            :class "winbutton-pad"
+            (box
+              :class "wintaskbaricon"
+              :style "
+              background-image: url('${app.icon}');
+              ${app.class == awin.class ? 'background-color: rgba(108, 112, 134, 0.4); border: 1px solid rgba(108, 112, 134, 0.15); border-top: 1px solid rgba(108, 112, 134, 0.15);' : ''}
+              "
+            )
+          )
+        )
+        (box :class "wintaskbar-indicator-${app.class == awin.class ? 'true' : (app.count > 0 ? 'false' : 'none')}")
+      )
+    )
+    ; Dummy keep alive
+    (revealer :transition "slideright" :reveal false (label :text {awin.class}))
+  )
+)
+
+(defwidget wintaskview-button []
+  (eventbox
+    :class "winbarbutton-h wintaskviewicon-interaction"
+    :onclick "scripts/toggle-wintaskview.sh &"
+    :onmiddleclick "playerctl play-pause"
+    :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+    (box
+      :class "winbutton-pad"
+      (box
+        :class "wintaskviewicon winbutton-${rev_wintaskview}"
+        :path "images/icons/wintaskview.png"
+        :image-width 26
+        :image-height 26
+      )
+    )
+  )
+)
+
+(defwidget wintray-button []
+  (eventbox
+    :class "winbarbutton-h${tray_is_open ? '-open' : ''}"
+    :onclick "pkill waybar || waybar -c ~/.config/eww/scripts/custom_configs/waybar-tray-config/config && sleep 0.9 && scripts/update-tray.sh &"
+    (box
+      :class "winbutton-pad"
+      (image
+        :style "padding: 0 5px;"
+        :path "images/svg/dark/uparrow.svg"
+        :image-width 20
+        :image-height 20
+      )
+    )
+  )
+)
+
+(defwidget winlang []
+  (eventbox
+    :class "winbarbutton-h${rev_winlang ? '-open' : ''}"
+    :onclick "scripts/toggle-winlang.sh"
+    (box
+      :class "winbutton-pad"
+      (label
+        :class "winbartext"
+        :width 40
+        :text "${lang_ibus.name_abbr}"
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/hybrid/.config/eww/modules/workspaces.yuck b/hybrid/.config/eww/modules/workspaces.yuck
new file mode 100755
index 000000000..6ace33d8b
--- /dev/null
+++ b/hybrid/.config/eww/modules/workspaces.yuck
@@ -0,0 +1,92 @@
+(defwidget workspaces []
+  (eventbox
+    :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    :onmiddleclick "scripts/toggle-overview.sh &"
+    :onrightclick "scripts/toggle-overview.sh &"
+    (overlay
+      ; Only displays workspace state (has windows or not)
+      (box
+        :class "module workspaces"
+        :spacing 0
+        :space-evenly false
+        (for i in workspace
+          (button
+            :onclick "hyprctl dispatch workspace ${i.num}"
+            :class "ws"
+            (label
+              :valign "center"
+              :class "ws-text"
+              :style "font-size: 13pt; background-color: ${i.clr};"
+              :text "${ws-icons[i.num - 1]}"
+            )
+            ; "●"
+          )
+        )
+      )
+      ; Use a separate indicator for active workspace (animations, yay) (and more performant)
+      (button
+        :class "ws"
+        :style "
+        margin-left:  ${31 * (activews - 1)}px;
+        margin-right: ${31 * (10 - activews)}px;
+        "
+        (label
+          :valign "center"
+          :class "ws-text ws-text-active"
+          :style "font-size: 13pt;"
+          :text "${activews}"
+        )
+        ; "●"
+      )
+    )
+  )
+)
+
+(defwidget workspaces_top []
+  (box
+    (eventbox
+      :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+      :onmiddleclick "scripts/toggle-overview.sh &"
+      :onrightclick "scripts/toggle-overview.sh &"
+      :halign "center"
+      (box
+        :space-evenly false
+        :orientation "v"
+        ; Only displays workspace state (has windows or not)
+        (box
+          :class "workspaces-top"
+          :spacing 0
+          :space-evenly false
+          (for i in workspace
+            (button
+              :onclick "hyprctl dispatch workspace ${i.num}"
+              :class "ws-top"
+              :valign "end"
+              (label
+                :valign "center"
+                :class "ws-text-top"
+                :style "font-size: 1pt; background-color: ${i.clr};"
+              )
+            )
+          )
+        )
+        ; Use a separate indicator for active workspace (animations, yay) (and more performant)
+        (button
+          :class "ws-active-top"
+          :style "
+          margin-left:  ${31 * (activews - 1)}px;
+          margin-right: ${31 * (10 - activews)}px;
+          margin-top: -5px;
+          "
+          (label
+            :valign "center"
+            :class "ws-text-top ws-text-active"
+            :style "font-size: 1pt;"
+          )
+        )
+      )
+    )
+  )
+)
+
+; ①②③④⑤⑥⑦⑧⑨⑩
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/activewin b/hybrid/.config/eww/scripts/activewin
new file mode 100755
index 000000000..8019a5188
--- /dev/null
+++ b/hybrid/.config/eww/scripts/activewin
@@ -0,0 +1,12 @@
+#!/usr/bin/bash
+
+hyprctl activewindow -j | gojq -c -M
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    hyprctl activewindow -j | gojq -c -M
+  done
+fi
+
diff --git a/hybrid/.config/eww/scripts/activews b/hybrid/.config/eww/scripts/activews
new file mode 100755
index 000000000..e5264b221
--- /dev/null
+++ b/hybrid/.config/eww/scripts/activews
@@ -0,0 +1,22 @@
+#!/usr/bin/bash
+
+focusedws=$(hyprctl activewindow -j | gojq -c -M '.workspace.id')
+echo $focusedws
+
+if [[ "$focusedws" == 'null' ]]; then
+  echo 1
+fi
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "workspace>>" | while read -r line; do
+    case ${line%>>*} in
+      "workspace")
+        focusedws=${line#*>>}
+        echo $focusedws
+        ;;
+    esac  
+  done
+fi
+
diff --git a/hybrid/.config/eww/scripts/airplane b/hybrid/.config/eww/scripts/airplane
new file mode 100755
index 000000000..81c9e0b1c
--- /dev/null
+++ b/hybrid/.config/eww/scripts/airplane
@@ -0,0 +1,31 @@
+#!/bin/sh
+
+STATUS="$(rfkill list | sed -n 2p | awk '{print $3}')"
+
+icon() {
+  if [[ $STATUS == "no" ]]; then
+    echo ""
+  else
+    echo ""
+  fi
+}
+
+toggle() {
+  if [[ $STATUS == "no" ]]; then
+    rfkill block all
+    notify-send --urgency=normal -i airplane-mode-symbolic "Airplane Mode" "Airplane mode has been turned on!"
+  else
+    rfkill unblock all
+    notify-send --urgency=normal  -i airplane-mode-disabled-symbolic "Airplane Mode" "Airplane mode has been turned off!"
+  fi
+}
+
+if [[ $1 == "toggle" ]]; then
+  toggle
+else
+  while true; do
+    STATUS="$(rfkill list | sed -n 2p | awk '{print $3}')"
+    icon
+    sleep 3;
+  done
+fi
diff --git a/hybrid/.config/eww/scripts/allappnames.cpp b/hybrid/.config/eww/scripts/allappnames.cpp
new file mode 100755
index 000000000..3a1f54854
--- /dev/null
+++ b/hybrid/.config/eww/scripts/allappnames.cpp
@@ -0,0 +1,137 @@
+#include <pwd.h>
+#include <unistd.h>
+
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+// A simple struct to store the name and exec properties of a desktop entry
+struct DesktopEntry {
+    string name;
+    string exec;
+    string icon;
+    bool show;
+};
+
+string username;
+vector<DesktopEntry> allApps;
+json apps;
+int mode = 0;  // 0: Object, 1: Array
+
+// A function that reads a .desktop file and returns a DesktopEntry struct
+DesktopEntry read_desktop_file(const string& filename) {
+    DesktopEntry entry;
+    entry.show = true;
+
+    ifstream file(filename);
+    if (file.is_open()) {
+        string line;
+        while (getline(file, line)) {
+            // Skip comments and empty lines
+            if (line.empty() || line[0] == '#') {
+                continue;
+            }
+            if (line.substr(0, 1) == "[" &&
+                line.substr(0, 15) == "[Desktop Action")
+                break;
+            // Split the line by '=' and store the key-value pair
+            size_t pos = line.find('=');
+            if (pos != string::npos) {
+                string key = line.substr(0, pos);
+                string value = line.substr(pos + 1);
+                // Store the name and exec properties
+                if (key == "Name") {
+                    entry.name = value;
+                } else if (key == "Exec") {
+                    entry.exec = value;
+                } else if (key == "Icon") {
+                    entry.icon = value;
+                } else if (key == "NoDisplay" && value == "true") {
+                    entry.show = false;
+                }
+            }
+        }
+        // cout << entry.name << " " << entry.exec << " " << entry.icon << "\n";
+        file.close();
+    }
+    return entry;
+}
+
+bool lf(DesktopEntry a, DesktopEntry b) { return a.name < b.name; }
+
+// A function that prints out all desktop entry names and exec properties in a
+// given directory
+void get_desktop_entries(const string& dirname) {
+    // Check if the directory exists
+    if (!filesystem::exists(dirname) || !filesystem::is_directory(dirname)) {
+        return;
+    }
+    // Iterate over all files in the directory
+    for (const auto& entry : filesystem::directory_iterator(dirname)) {
+        // Check if the file has a .desktop extension
+        if (entry.path().extension() == ".desktop") {
+            DesktopEntry thisEntry = read_desktop_file(entry.path());
+            if (thisEntry.show) allApps.push_back(thisEntry);
+        }
+    }
+}
+
+void to_json() {
+    sort(allApps.begin(), allApps.end(), lf);
+    for (const auto& entry : allApps) {
+        json thisApp;
+        thisApp["name"] = entry.name;
+        thisApp["icon"] = entry.icon;
+        thisApp["exec"] = entry.exec;
+        // Get
+        if (mode == 0)
+            apps[entry.name] = thisApp;
+        else
+            apps.push_back(thisApp);
+    }
+}
+
+string get_username() {
+    uid_t uid = geteuid();
+    struct passwd* pw = getpwuid(uid);
+    return pw->pw_name;
+}
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+
+    if (argc == 3 && string(argv[1]) == "--mode") {
+        if (string(argv[2]) == "object")
+            mode = 0;
+        else if (string(argv[2]) == "array")
+            mode = 1;
+        else
+            mode = stoi(string(argv[2]));
+    }
+
+    username = get_username();
+    // Print all desktop entries in /usr/share/applications/
+    string entryDirs[3] = {"/usr/share/applications/",
+                           "/home/" + username + "/.local/share/applications",
+                           "/var/lib/flatpak/exports/share/applications"};
+    for (string directory : entryDirs) {
+        if (filesystem::exists(directory))
+            get_desktop_entries(directory);
+    }
+
+    // Get em in the json object
+    to_json();
+    // Print
+    for (const auto& entry : allApps) {
+        cout << entry.name << '\n';
+    }
+
+    return 0;
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/allapps.cpp b/hybrid/.config/eww/scripts/allapps.cpp
new file mode 100755
index 000000000..26813fa03
--- /dev/null
+++ b/hybrid/.config/eww/scripts/allapps.cpp
@@ -0,0 +1,254 @@
+#include <pwd.h>
+#include <sys/stat.h>
+#include <unistd.h>
+
+#include <algorithm>
+#include <cctype>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+// A simple struct to store the name and exec properties of a desktop entry
+struct DesktopEntry {
+    string name;
+    string exec;
+    string icon;
+    string filename;
+    string filepath;
+    bool show;
+};
+
+string username;
+vector<DesktopEntry> allApps;
+json apps;
+int mode = 0;  // 0: Object, 1: Array, 2: Start (Contains JSON for letters)
+string iconTheme = "";
+
+// Returns the file name from a path
+std::string getFileName(const std::string& path) {
+    // Find the last position of '/' or '\' in the path
+    size_t pos = path.find_last_of("/\\");
+    // If none is found, return the whole path
+    if (pos == std::string::npos) return path;
+    // Otherwise, return the substring after the last slash
+    return path.substr(pos + 1);
+}
+
+// Returns the file name without extension from a path
+string getFileNameNoExt(const string& path) {
+    string filename = getFileName(path);  // Get file name (with extension)
+    size_t pos = filename.find_last_of(".");
+    if (pos == string::npos) return filename;  // Name found
+    return filename.substr(0, pos);
+}
+
+// Function to check if file exists, if yes read it
+string readIfExists(const string& name) {
+    ifstream f(name.c_str());
+    stringstream buffer;
+    if (f) {                  // check if the file was opened successfully
+        buffer << f.rdbuf();  // read the whole file into a string stream
+        f.close();            // close the file when done
+    }
+    return buffer.str();  // return the string stream as a string
+}
+
+void writeToFile(const string& name, const string& content) {
+    ofstream f(name.c_str(), ios::app);  // open the file in append mode
+    if (f) {                   // check if the file was opened successfully
+        f << content << "\n";  // write the content to the file
+        f.close();             // close the file when done
+    } else {
+        cerr << "Error: could not open " << name
+             << "\n";  // print an error message to the standard error
+    }
+}
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+string getIconPath(string iconname) {
+    if (iconTheme == "") {
+        iconTheme =
+            exec(string("gsettings get org.gnome.desktop.interface icon-theme")
+                     .c_str());
+        iconTheme.pop_back();
+        // cout << "icon theme: " << iconTheme << '\n';
+    }
+    if (iconname.size() == 0) {
+        return "";
+    } else if (iconname[0] == '/') {
+        return iconname;  // Already absolute path
+    } else if (iconname[0] == '\n') {
+        return "";  // wtf
+    }
+    string path = readIfExists("/home/" + username + "/.config/eww/scripts/cache/" + iconname);
+    if (path == "") {
+        path = exec(string("geticons -t " + iconTheme + " " + string(iconname) +
+                           " | head -n 1")
+                        .c_str());
+        // cout << "path: " << path << '\n';
+        writeToFile("/home/" + username + "/.config/eww/scripts/cache/" + iconname, path);
+        // cout << "icon name: " << iconname << '\n';
+        // cout << "path: " << path << '\n';
+    }
+    while (path.size() > 0 && *path.rbegin() == '\n')
+        path.pop_back();  // Remove '\n'
+    return path;
+}
+
+// A function that reads a .desktop file and returns a DesktopEntry struct
+DesktopEntry readDesktopFile(const string& filename) {
+    DesktopEntry entry;
+    entry.show = true;
+    entry.filename = getFileNameNoExt(filename);
+    entry.filepath = filename;
+
+    ifstream file(filename);
+    if (file.is_open()) {
+        string line;
+        while (getline(file, line)) {
+            // Skip comments and empty lines
+            if (line.empty() || line[0] == '#') {
+                continue;
+            }
+            if (line.substr(0, 1) == "[" &&
+                line.substr(0, 15) == "[Desktop Action")
+                break;
+            // Split the line by '=' and store the key-value pair
+            size_t pos = line.find('=');
+            if (pos != string::npos) {
+                string key = line.substr(0, pos);
+                string value = line.substr(pos + 1);
+                // Store properties
+                if (key == "Name") {
+                    entry.name = value;
+                } else if (key == "Exec") {
+                    entry.exec = value;
+                } else if (key == "Icon") {
+                    entry.icon = getIconPath(value);
+                } else if (key == "NoDisplay" && value == "true") {
+                    entry.show = false;
+                }
+            }
+        }
+        file.close();
+    }
+    return entry;
+}
+
+string lowercaseOf(string s) {
+    for (char& c : s) {
+        c = tolower(c);
+    }
+    return s;
+}
+
+bool lf(DesktopEntry a, DesktopEntry b) {
+    if (tolower(a.name[0]) == tolower(b.name[0]))
+        return a.name < b.name;
+    else
+        return tolower(a.name[0]) < tolower(b.name[0]);
+}
+
+// A function that prints out all desktop entry names and exec properties in a
+// given directory
+void getDesktopEntries(const string& dirname) {
+    // Iterate over all files in the directory
+    for (const auto& entry : filesystem::directory_iterator(dirname)) {
+        // Check if the file has a .desktop extension
+        if (entry.path().extension() == ".desktop") {
+            // Read the file and print its name and exec properties
+            DesktopEntry thisEntry = readDesktopFile(entry.path());
+            // cout << thisEntry.name << " [icon: " << thisEntry.icon << "]\n";
+            if (thisEntry.show) allApps.push_back(thisEntry);
+        }
+    }
+}
+
+void toJson() {
+    sort(allApps.begin(), allApps.end(), lf);
+    int i = -1;
+    for (const auto& entry : allApps) {
+        i++;
+        // cout << entry.name << ", ";
+        json thisApp;
+        thisApp["name"] = entry.name;
+        thisApp["icon"] = entry.icon;
+        thisApp["exec"] = entry.exec;
+        if (mode != 2) {
+            thisApp["filename"] = entry.filename;
+            thisApp["filepath"] = entry.filepath;
+        }
+        // Get
+        if (mode == 0)
+            apps[entry.name] = thisApp;
+        else if (mode == 1)
+            apps.push_back(thisApp);
+        else if (mode == 2) {
+            apps.push_back(thisApp);
+        }
+    }
+    cout << apps << '\n';
+}
+
+string getUsername() {
+    uid_t uid = geteuid();
+    struct passwd* pw = getpwuid(uid);
+    return pw->pw_name;
+}
+
+void addLetters() {
+    for (char c = 'A'; c <= 'Z'; c++) {
+        DesktopEntry thisLetter;
+        thisLetter.name = c;
+        thisLetter.exec = "";
+        thisLetter.icon = "_letter";
+        allApps.push_back(thisLetter);
+    }
+}
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+
+    if (argc == 3 && string(argv[1]) == "--mode") {
+        if (string(argv[2]) == "object")
+            mode = 0;
+        else if (string(argv[2]) == "array")
+            mode = 1;
+        else if (string(argv[2]) == "start")
+            mode = 2;
+        else
+            mode = stoi(string(argv[2]));
+    }
+
+    username = getUsername();
+    // Print all desktop entries in common locations
+    string entryDirs[3] = {"/usr/share/applications/",
+                           "/home/" + username + "/.local/share/applications",
+                           "/var/lib/flatpak/exports/share/applications"};
+    for (string directory : entryDirs) {
+        if (filesystem::exists(directory))
+            getDesktopEntries(directory);
+    }
+    if (mode == 2) addLetters();
+    // Get a json and print
+    toJson();
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/applycolor b/hybrid/.config/eww/scripts/applycolor
new file mode 100755
index 000000000..33a4b2680
--- /dev/null
+++ b/hybrid/.config/eww/scripts/applycolor
@@ -0,0 +1,33 @@
+#!/usr/bin/env bash
+cp -r images/svg/dark/* images/svg/
+
+filelist=$(ls 'images/svg' -p | grep -v /)
+
+IFS=$'\n'
+filearr=($(echo "$filelist"))
+
+c0=$(cat css/_iconcolor.txt | head -1)
+c1=$(cat css/_iconcolor.txt | head -2 | tail -1)
+c2=$(cat css/_iconcolor.txt | head -3 | tail -1)
+c3=$(cat css/_iconcolor.txt | head -2 | tail -1)
+c4=$(cat css/_iconcolor.txt | head -5 | tail -1)
+c5=$(cat css/_iconcolor.txt | head -6 | tail -1)
+
+if [[ "$(cat scripts/workdir/__mode_colors.txt | head -1)" == "one" ]]; then
+    c1=$c0
+    c2=$c0
+    c3=$c0
+    c4=$c0
+    c5=$c0
+fi
+
+sed -i "s/white/$c1/gi" "images/svg/beatmappacks.svg"
+sed -i "s/white/$c2/gi" "images/svg/forum.svg"
+sed -i "s/white/$c3/gi" "images/svg/search.svg"
+sed -i "s/white/$c4/gi" "images/svg/settings.svg"
+sed -i "s/white/$c5/gi" "images/svg/tournaments.svg"
+
+for i in "${!filearr[@]}"; do
+    # echo "images/svg/${filearr[$i]}"
+    sed -i "s/white/$1/gi" "images/svg/${filearr[$i]}"
+done
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/appsearch.cpp b/hybrid/.config/eww/scripts/appsearch.cpp
new file mode 100755
index 000000000..61538f7df
--- /dev/null
+++ b/hybrid/.config/eww/scripts/appsearch.cpp
@@ -0,0 +1,203 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+string searchTerm;
+string results;
+vector<string> entryNames;
+json appEntries;
+
+bool updateInfo = false;
+
+void splitString(const std::string& str, const char delimiter,
+                 std::vector<std::string>& result) {
+    std::string line;
+    std::istringstream stream(str);
+    while (std::getline(stream, line)) {
+        if (!line.empty()) {
+            if (line.back() == delimiter) {
+                line.pop_back();
+            }
+            result.push_back(line);
+        }
+    }
+}
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+bool likelyNotMath(const string& expression) {
+    char firstChar = expression[0];
+    if (firstChar >= '0' && firstChar <= '9') return false;
+    return true;
+}
+
+void calcPrompt() {
+    cout << "[{\"name\":\"Calculator - Type "
+            "something!\",\"icon\":\"images/svg/dark/"
+            "calculator.svg\",\"exec\":\"wl-copy \\\"Clipboard contents "
+            ";)\\\"\"}]";
+    exec(
+        "eww update winsearch_actions='{\"name\":\"Calculator - Type "
+        "something!\",\"icon\":\"images/svg/dark/"
+        "calculator.svg\",\"exec\":\"wl-copy \\\"Clipboard contents "
+        ";)\\\"\"}' &");
+    exec("eww update winsearch_actions_type='Math result' &");
+    exit(0);
+}
+
+void getAppNames() {
+    string searchCommand =
+        "cat 'scripts/cache/entrynames.txt' | fzf --filter=\"" + searchTerm +
+        "\" | head -n 10";
+    string results = exec(&searchCommand[0]);
+    splitString(results, '\n', entryNames);
+}
+
+void getAppJson() {
+    ifstream file("scripts/cache/entries.txt");
+    file >> appEntries;
+}
+
+void tryThemeCmd() {
+    if (searchTerm.size() >= 6)
+        searchTerm = searchTerm.substr(6);
+    else
+        searchTerm = " ";
+    string searchCommand =
+        "ls css/savedcolors/ | grep .txt | sed 's/_iconcolor_//g' | sed "
+        "'s/.txt//g' | fzf --filter='" +
+        searchTerm + "'";
+    string results = exec(&searchCommand[0]);
+    splitString(results, '\n', entryNames);
+    cout << '[';
+    for (int i = 0; i < entryNames.size(); i++) {
+        string entryName = entryNames[i];
+        cout << '{';
+        cout << "\"name\":\"" << entryName << "\",\"exec\":\">load "
+             << entryName << "\"";
+        cout << '}';
+        if (i < entryNames.size() - 1) cout << ',';
+    }
+    cout << ']' << endl;
+    if (updateInfo) {
+        string entryName = entryNames[0];
+        string updateCmd = "eww update winsearch_actions='{\"name\":\"" +
+                           entryName + "\",\"exec\":\">load " + entryName +
+                           "\"}'";
+        exec(&updateCmd[0]);
+        exec("eww update winsearch_actions_type='Color theme'");
+    }
+    exit(0);
+}
+
+void tryAppSearch() {
+    if (entryNames.size() == 0) return;  // No app found, skip it
+    cout << '[';
+    for (int i = 0; i < entryNames.size(); i++) {
+        string entryName = entryNames[i];
+        cout << appEntries[entryName];
+        if (i < entryNames.size() - 1) cout << ',';
+    }
+    cout << ']' << endl;
+    if (updateInfo) {
+        string updateCmd = "eww update winsearch_actions='" +
+                           string(appEntries[entryNames[0]].dump()) + "'";
+        exec(&updateCmd[0]);
+        exec("eww update winsearch_actions_type='Application'");
+    }
+    exit(0);
+}
+
+void tryCalculate() {
+    if (likelyNotMath(searchTerm)) return;
+    string calcCommand = "qalc '" + searchTerm + "'";
+    string results = exec(&calcCommand[0]);
+    results = results.substr(results.find_first_of("=") + 2);
+    if(results.back() == '\n') results.pop_back();
+    // cout << results << '\n';
+    cout
+        << "[{\"name\":\"" << results
+        << "\",\"icon\":\"images/svg/dark/calculator.svg\",\"exec\":\"wl-copy '"
+        << results << "'\"}]" << endl;
+    if (updateInfo) {
+        string updateCmd =
+            "eww update "
+            "winsearch_actions='{\"name\":\"'\"" +
+            results +
+            "\"'\",\"icon\":\"images/svg/dark/"
+            "calculator.svg\",\"exec\":\"wl-copy '" +
+            results + "'\"}'";
+        exec(&updateCmd[0]);
+        exec("eww update winsearch_actions_type='Math result'");
+    }
+    exit(0);
+}
+
+void commandOnly() {
+    cout << "[]" << endl;
+    if (updateInfo) {
+        string updateCmd =
+            "eww update "
+            "winsearch_actions='{\"name\":\"'\"" +
+            searchTerm +
+            "\"'\",\"icon\":\"images/svg/dark/"
+            "protocol.svg\",\"exec\":\"" +
+            searchTerm + "\"}'";
+        exec(&updateCmd[0]);
+        exec("eww update winsearch_actions_type='Run command'");
+    }
+    exit(0);
+}
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+
+    // Arguments
+    if (argc == 1) {
+        cout << "[{\"name\": \"Type something!\"}]";
+        return 0;
+    }
+    if (argc > 2 && string(argv[2]) == "--updateinfo") updateInfo = true;
+    searchTerm = argv[1];
+
+    // Special commands
+    if (searchTerm == "--calculator") calcPrompt();
+    if (searchTerm[0] == '>') {
+        if (searchTerm.find(">load") != string::npos)
+            tryThemeCmd();
+        else {
+            cout << "[]" << endl;
+            exit(0);
+        }
+    }
+    // Get app names and entries
+    getAppNames();
+    getAppJson();
+    // Attempt searches in order. Each search will exit if success
+    tryCalculate();
+    tryAppSearch();
+    commandOnly();
+
+    cout << results;
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/appsearch_bash b/hybrid/.config/eww/scripts/appsearch_bash
new file mode 100755
index 000000000..546d751a5
--- /dev/null
+++ b/hybrid/.config/eww/scripts/appsearch_bash
@@ -0,0 +1,146 @@
+#!/usr/bin/bash
+
+IFS=$'\n'
+entrynames=( $(cat 'scripts/cache/entrynames.txt' | fzf --filter="$1" | head -n 10) )
+entries=( $(cat 'scripts/cache/entries.txt') )
+
+addedNewActions=false
+
+geticonof() {
+  clientclass=''
+  clientclass=$1
+  iconpath=''
+  # Get app icon
+  if [ -f "scripts/cache/$clientclass" ]; then
+      iconpath=$(cat scripts/cache/$clientclass)
+      if [ ! -f "${iconpath}" ]; then # Cache refresh if icon doesnt exist
+          iconpath=$(geticons -t "$(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g")" "$clientclass" | head -n 1)
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+      fi
+  else
+      iconpath=$(geticons -t "$(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g")" "$clientclass" | head -n 1)
+      echo "${iconpath}" > "scripts/cache/$clientclass"
+  fi
+  if [[ ${iconpath} == "" ]]; then
+    # Retry with lowercase if icon not found
+    iconpath=$(geticons -t "$(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g")" $(echo "$clientclass" | tr '[:upper:]' '[:lower:]' | sed 's/\ /-/g') | head -n 1)
+
+    if [[ ! ${iconpath} = "" ]]; then
+      rm "scripts/cache/$clientclass"
+      echo "${iconpath}" > "scripts/cache/$clientclass"
+    else 
+      newname=$(scripts/iconpatch $clientclass)
+      iconpath=$(geticons -t "$(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g")" "$newname" | head -n 1)
+      if [[ ! ${iconpath} = "" ]]; then
+        rm "scripts/cache/$clientclass"
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+      else
+        # Fallback app icon, replace the path below to the fallback icon of your choice
+        # iconpath="/usr/share/icons/Win11-dark/mimes/48/application-x-executable.svg"
+        iconpath=$(geticons -t "$(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g")" "application-x-executable" | head -n 1)
+        rm "scripts/cache/$clientclass"
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+      fi
+    fi
+  fi
+  echo "$iconpath"
+}
+
+quiteSureNotMath() {
+  if [[ ${1:0:1} != "0" \
+  && ${1:0:1} != "1" \
+  && ${1:0:1} != "2" \
+  && ${1:0:1} != "3" \
+  && ${1:0:1} != "4" \
+  && ${1:0:1} != "5" \
+  && ${1:0:1} != "6" \
+  && ${1:0:1} != "7" \
+  && ${1:0:1} != "8" \
+  && ${1:0:1} != "9" \
+  && ${1:0:1} != "(" \
+  && ${1:0:1} != ")" \
+  ]]; then
+    echo 'true'
+  else
+    echo 'false'
+  fi
+}
+
+# Search inits: math
+if [[ "$1" == "--calculator" ]]; then
+  echo -n '[{"name":"Calculator - Type something!","icon":"images/svg/dark/calculator.svg","exec":"wl-copy \"Clipboard contents ;)\""}]'
+  eww update winsearch_actions='{"name":"Calculator - Type something!","icon":"images/svg/dark/calculator.svg","exec":"wl-copy \"Clipboard contents ;)\""}'
+  eww update winsearch_actions_type='Math result'
+  addedNewActions=true
+  exit 0
+fi
+
+# Quick commands
+if [[ "$1" == ">"* ]]; then
+  cd ~/.config/eww 
+  if [[ "$1" == ">load"* ]]; then
+    searching=$(echo "$1" | sed 's/>load //g'  | sed 's/>load//g')
+    profilenames=( $(ls css/savedcolors/ | grep .txt | sed 's/_iconcolor_//g' | sed 's/.txt//g' | fzf --filter="$searching") )
+    echo -n '['
+    for x in "${!profilenames[@]}"; do
+      if [ "$x" != "0" ]; then
+        printf ','
+      fi
+      profilejson='{"name": "'"${profilenames[x]}"'", "exec": ">load '"${profilenames[x]}"'"}'
+      if (( x == 0 )); then
+        eww update winsearch_actions="$profilejson"
+        eww update winsearch_actions_type='Color theme'
+        addedNewActions=true
+      fi
+
+      echo -n "$profilejson"
+    done
+    echo -n ']'
+  else
+    echo '[]'
+  fi
+  exit 0
+fi
+
+# Do math
+if [[ $(quiteSureNotMath "$1") == "false" ]]; then
+  mathAns=$(qalc $1 | head -n 1)
+  mathAns="${mathAns#*= }"
+  mathAns="${mathAns#*≈ }"
+  if [[ "$mathAns" == *"error"* || "$mathAns" == *"warning"* ]]; then
+    echo '[{"name":"Invalid math","icon":"images/svg/dark/calculator.svg","exec":"wl-copy \"Clipboard contents ;)\""}]'
+    exit 0
+  else
+    ansjson='{"name": "'"$mathAns"'","icon":"images/svg/dark/calculator.svg","exec": "wl-copy \"'"$mathAns"'\""}'
+    eww update winsearch_actions="$ansjson"
+    eww update winsearch_actions_type='Math result'
+    addedNewActions=true
+    echo '['"$ansjson"']'
+  fi
+  exit 0
+fi
+
+# Application search
+printf '['
+
+for x in "${!entrynames[@]}"; do
+  if [ "$x" != "0" ]; then
+    printf ','
+  fi
+  appjson=$(echo $entries | gojq -c -M '."'"${entrynames[x]}"'"')
+  if (( x == 0 )); then
+    eww update winsearch_actions="$appjson"
+    eww update winsearch_actions_type='Application'
+    addedNewActions=true
+  fi
+  # iconname=$(echo "$appjson" | gojq -r -c -M '.icon')
+  # appjson=$(echo "$appjson" | gojq '.icon = "'$(geticonof "$iconname")'"')
+  echo -n "$appjson"
+done
+
+printf ']'
+
+if [[ "$addedNewActions" == "false" ]]; then
+  eww update winsearch_actions='{"name":"'"$1"'","icon":"images/svg/dark/protocol.svg","exec":"wl-copy \"Clipboard contents ;)\""}'
+  eww update winsearch_actions_type='Run command'
+fi
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/audioapps.cpp b/hybrid/.config/eww/scripts/audioapps.cpp
new file mode 100755
index 000000000..1a82c968d
--- /dev/null
+++ b/hybrid/.config/eww/scripts/audioapps.cpp
@@ -0,0 +1,133 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+string clients;
+json clientjson, apps;
+string iconTheme = "";
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+// Function to check if file exists, if yes read it
+string readIfExists(const string& name) {
+    ifstream f(name.c_str());
+    stringstream buffer;
+    if (f) {                  // check if the file was opened successfully
+        buffer << f.rdbuf();  // read the whole file into a string stream
+        f.close();            // close the file when done
+    }
+    return buffer.str();  // return the string stream as a string
+}
+
+void writeToFile(const string& name, const string& content) {
+    ofstream f(name.c_str(), ios::app);  // open the file in append mode
+    if (f) {                   // check if the file was opened successfully
+        f << content << "\n";  // write the content to the file
+        f.close();             // close the file when done
+    } else {
+        cerr << "Error: could not open " << name
+             << "\n";  // print an error message to the standard error
+    }
+}
+
+string getIconPath(string iconname) {
+    if (iconTheme == "") {
+        iconTheme =
+            exec(string("gsettings get org.gnome.desktop.interface icon-theme")
+                     .c_str());
+        iconTheme.pop_back();
+        // cout << "icon theme: " << iconTheme << '\n';
+    }
+    if (iconname.size() == 0) {
+        return "";
+    } else if (iconname[0] == '/') {
+        return iconname;  // Already absolute path
+    } else if (iconname[0] == '\n') {
+        return "";  // wtf
+    }
+    string path = readIfExists("scripts/cache/" + iconname);
+    if (path == "") {
+        path = exec(
+            string("geticons -t " + iconTheme + " " + string(iconname) + " | head -n 1").c_str());
+        writeToFile("scripts/cache/" + iconname, path);
+        // cout << "icon name: " << iconname << '\n';
+        // cout << "path: " << path << '\n';
+    }
+    while (path.size() > 0 && *path.rbegin() == '\n')
+        path.pop_back();  // Remove '\n'
+    return path;
+}
+
+void addApp(json& client) {
+    string volumestr = client["volume"]["front-left"]["value_percent"];
+    volumestr.pop_back();
+    int volume = stoi(volumestr);
+    client = client["properties"];
+
+    bool found = false;
+    for (json& obj : apps) {
+        auto it = obj.find("name");
+        if (it != obj.end() && *it == client["application.name"]) {
+            found = true;
+            obj["count"] = int(obj["count"]) + 1;
+            obj["volume"].push_back(
+                json::array({client["object.serial"], volume}));
+            break;
+        }
+    }
+    if (!found) {
+        json newApp =
+            R"({"name": "", "count": 1, "volume": [], "icon": ""})"_json;
+        newApp["name"] = client["application.name"];
+        newApp["volume"].push_back(
+            json::array({client["object.serial"], volume}));
+
+        string iconpath;
+        auto it = client.find("application.icon_name");
+        if (it != client.end())
+            iconpath = getIconPath(client["application.icon_name"]);
+        else {
+            iconpath = getIconPath(client["application.process.binary"]);
+        }
+        newApp["icon"] = iconpath;
+
+        apps.push_back(newApp);
+    }
+}
+
+void getAudioClients() {
+    clients = exec("pactl --format json list sink-inputs");
+    clientjson = json::parse(clients);
+    for (json client : clientjson) {
+        addApp(client);
+        // cout << client << '\n';
+    }
+}
+
+int main() {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+
+    getAudioClients();
+    cout << apps << '\n';
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/audiolevels b/hybrid/.config/eww/scripts/audiolevels
new file mode 100755
index 000000000..ba001d09d
--- /dev/null
+++ b/hybrid/.config/eww/scripts/audiolevels
@@ -0,0 +1,84 @@
+#!/usr/bin/bash
+dostuff(){
+  sinks=$(pactl list sink-inputs  \
+          | grep -e "Sink Input" \
+          | sed 's/Sink Input #//')
+  names=$(pactl list sink-inputs \
+          | sed 's/"//g' \
+          | sed 's/application-name://'  \
+          | grep -e "application.name" \
+          | sed 's/application.name = //' \
+          | sed 's/\t\t//' )
+  vols=$(pactl list sink-inputs  \
+          | grep -e "Volume:" \
+          | sed 's/Volume: front-left: //' \
+          | sed 's/front-right: //' \
+          | sed 's/front-right: //' \
+          | tr " " "\n" \
+          | grep -e % \
+          | sed 's/%//g' )
+  binaries=$(pactl list sink-inputs \
+          | grep -e 'application.process.binary' -e 'application.icon_name' \
+          | sed 's/\t//g' \
+          | sed 's/application.process.binary = //g' \
+          | sed 's/application.icon_name = //g' \
+          | sed 's/"//g' )
+  
+  # echo "-=-=-=-=-=-=-=-=- Debug: Raw value -=-=-=-=-=-=-=-=-"
+  # echo "$sinks"
+  # echo "$names"
+  # echo "$vols"
+  
+  IFS=$'\n'
+  sinkarr=($(echo "$sinks"))
+  namearr=($(echo "$names"))
+  volarr=($(echo "$vols"))
+  iconarr=($(echo "$binaries"))
+
+  # Get icons
+  for i in "${!iconarr[@]}"; do
+    iconarr[$i]=$(geticons -t "$(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g")" ${iconarr[i]} | head -n 1)
+  done
+  
+  # Functions
+  sanitize() {
+      echo "$1" | sed 's/"/\"/g'
+  }
+  
+  geticon() {
+  #     notify-send "${volarr[$((i*2))]}"
+      if [ "${volarr[$(($1*2))]}" -eq "0" ]; then
+          echo ""
+      else 
+          echo ""
+      fi
+  }
+  
+  # Print final JSON
+  printf '['
+  for i in "${!sinkarr[@]}"; do
+      if [ $i -ne 0 ]; then
+          printf ', '
+      fi
+      echo -n '{''"sink": "'"${sinkarr[$i]}"'", "name": "'"${namearr[$i]}"'", "volume": "'"${volarr[$((i*2))]}"'"}'
+    #   echo -n '{''"sink": "'"${sinkarr[$i]}"'", "icon": "'"${iconarr[$i]}"'", "name": "'"${namearr[$i]}"'", "volume": "'"${volarr[$((i*2))]}"'"}'
+  done
+  printf ']\n'
+  
+  # echo "$sinks"
+  # echo "$names"
+  # echo "$vols"
+}
+
+
+cd ~/.config/eww
+# dostuff
+scripts/audioapps
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+    pactl subscribe | rg --line-buffered "on sink" | while read -r _; do
+        scripts/audioapps
+    done
+fi
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/battery b/hybrid/.config/eww/scripts/battery
new file mode 100755
index 000000000..27ae7a06c
--- /dev/null
+++ b/hybrid/.config/eww/scripts/battery
@@ -0,0 +1,133 @@
+#!/usr/bin/env bash
+
+icons=("" "" "" "" "" "" "" "")
+
+gettime() {
+	FULL=$(cat /sys/class/power_supply/*/charge_full | head -1)
+	NOW=$(cat /sys/class/power_supply/*/charge_now | head -1)
+
+	if [ "$RATE" -gt 0 ]; then
+		if [ "$STATE" = "Discharging" ]; then
+			EX="$NOW / $RATE"
+		else
+			EX="($FULL - $NOW) / $RATE"
+		fi
+		date -u -d@"$(bc -l <<< "$EX * 3600")" +%H:%M
+	fi
+}
+
+geticon() {
+	if [ "$STATE" = "Charging" ]; then
+    level=$(awk -v n="$CAPACITY" 'BEGIN{print int((n-1)/12)}')
+		echo "${icons[$level]}"
+	else
+    level=$(awk -v n="$CAPACITY" 'BEGIN{print int((n-1)/12)}')
+		echo "${icons[$level]}"
+	fi
+}
+
+status() {
+	if [ "$STATE" = "Charging" ]; then
+		echo -n "charging"
+
+		if [ "$RATE" -gt 0 ]; then
+			echo ", $(gettime) left"
+		else
+			echo ""
+		fi
+	elif [ "$STATE" = "Discharging" ]; then
+		echo "$(gettime)h left"
+	else
+		echo "fully charged"
+	fi
+}
+
+statch() {
+	if [ "$STATE" = "Discharging" ]; then #Not charging, below 20%
+		if [ "$CAPACITY" -le 5 ]; then
+			echo 'deadly'
+		elif [ "$CAPACITY" -le 10 ]; then
+			echo 'critical'
+		elif [ "$CAPACITY" -le 30 ]; then
+			echo 'low'
+		else 
+			echo 'normal'
+		fi
+	else 
+		echo 'charging'
+	fi
+}
+
+chargestatus() {
+	if [ "$STATE" = "Charging" ]; then
+		echo -n ""
+	elif [ "$STATE" = "Discharging" ]; then
+		echo -n ""
+	fi
+}
+
+circolor() {
+	if [[ "$CAPACITY" -le 20 && "$STATE" = "Discharging" ]]; then
+		cat css/_iconcolor.txt | head -1
+	else
+		cat css/_iconcolor.txt | head -1
+	fi
+}
+
+cirbgcolor() {
+	if [[ "$CAPACITY" -le 20 && "$STATE" = "Discharging" ]]; then
+		echo '#EF738A'
+	else
+		echo 'transparent'
+	fi
+}
+
+color() {
+	if [ "$CAPACITY" -le 20 ]; then
+		echo '#EF738A'
+	else
+		echo 'white'
+	fi
+}
+
+bgcolor() {
+	if [ "$CAPACITY" -le 20 ]; then
+		echo '#EF738A'
+	else
+		echo 'transparent'
+	fi
+}
+
+wattage() {
+	echo "$(bc -l <<< "scale=1; $RATE / 1000000") W"
+}
+
+warnedlow=0
+
+while true; do
+	RATE=$(cat /sys/class/power_supply/*/voltage_now | head -1)
+	CAPACITY=$(cat /sys/class/power_supply/*/capacity | head -1)
+	STATE=$(cat /sys/class/power_supply/*/status | head -1)
+
+	if [[ "$CAPACITY" -le 5 && "$STATE" = "Discharging" ]]; then
+		if [ $warnedlow == 0 ]; then 
+			warnedlow=1
+			notify-send 'FREAKING PLUG IN THE CHARGER ALREADY' '!!111!!1!123!!!' -u critical -a 'eww'
+		fi
+	elif [[ "$CAPACITY" -le 10 && "$STATE" = "Discharging" ]]; then
+		if [ $warnedlow == 0 ]; then 
+			warnedlow=1
+			notify-send 'Battery verrry low' 'Hello?' -u critical -a 'eww'
+		fi
+	elif [[ "$CAPACITY" -le 20 && "$STATE" = "Discharging" ]]; then
+		if [ $warnedlow == 0 ]; then 
+			warnedlow=1
+			notify-send 'Battery low' 'Plug in your charger pweeeeaaase :>' -u critical -a 'eww'
+		fi
+	else
+	    warnedlow=0
+	fi
+
+	echo '{"quickicon": "'"$(chargestatus)"'", "icon": "'"$(geticon)"'", "percentage": '"$CAPACITY"', "wattage": "'"$(wattage)"'", "status": "'"$(status)"'", "circolor": "'"$(circolor)"'", "cirbgcolor": "'"$(cirbgcolor)"'", "color": "'"$(color)"'", "bgcolor": "'"$(bgcolor)"'" }'
+	sleep 3
+done
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/bluetooth b/hybrid/.config/eww/scripts/bluetooth
new file mode 100755
index 000000000..112069540
--- /dev/null
+++ b/hybrid/.config/eww/scripts/bluetooth
@@ -0,0 +1,51 @@
+#!/usr/bin/env bash
+
+declare -A baticon=([10]="󰤾" [20]="󰤿" [30]="󰥀" [40]="󰥁" [50]="󰥂" [60]="󰥃" [70]="󰥄" [80]="󰥅" [90]="󰥆" [100]="󰥈")
+
+toggle() {
+  status=$(rfkill -J | jq -r '.rfkilldevices[] | select(.type == "bluetooth") | .soft' | head -1)
+
+  if [ "$status" = "unblocked" ]; then
+    rfkill block bluetooth
+  else
+    rfkill unblock bluetooth
+  fi
+}
+
+if [ "$1" = "toggle" ]; then
+  toggle
+else
+  while true; do
+    powered=$(bluetoothctl show | rg Powered | cut -f 2- -d ' ')
+    status=$(bluetoothctl info)
+    name=$(echo "$status" | rg Name | cut -f 2- -d ' ')
+    mac=$(echo "$status" | head -1 | awk '{print $2}' | tr ':' '_')
+
+    if [[ "$(echo "$status" | rg Percentage)" != "" ]]; then
+      battery=$(upower -i /org/freedesktop/UPower/devices/headset_dev_"$mac" | rg percentage | awk '{print $2}' | cut -f 1 -d '%')
+      batt_icon=${baticon[$battery]}
+    else
+      batt_icon=""
+    fi
+
+    if [ "$powered" = "yes" ]; then
+      if [ "$status" != "Missing device address argument" ]; then
+        text="$name"
+        icon=""
+        color="#89b4fa"
+      else
+        icon=""
+        text="Disconnected"
+        color="#45475a"
+      fi
+    else
+      icon=""
+      text="Bluetooth off"
+      color="#45475a"
+    fi
+
+    echo '{ "icon": "'"$icon"'", "batt_icon": "'"$batt_icon"'", "text": "'"$text"'", "color": "'"$color"'" }'
+
+    sleep 3
+  done
+fi
diff --git a/hybrid/.config/eww/scripts/brightness b/hybrid/.config/eww/scripts/brightness
new file mode 100755
index 000000000..1f79bec25
--- /dev/null
+++ b/hybrid/.config/eww/scripts/brightness
@@ -0,0 +1,59 @@
+#!/usr/bin/env bash
+cd ~/.config/eww 
+
+icons=("" "" "")
+XDG_CACHE_HOME="$HOME/.cache"
+date="$XDG_CACHE_HOME/eww/osd_brightness.date"
+lock=0
+
+showhide() {
+  # get dates
+  rundate=$(cat "$date")
+  currentdate=$(date +%s)
+
+  # handle showing
+  if [ "$rundate" = "$currentdate" ] && [ "$lock" -eq 0 ]; then
+    scripts/toggle-osd-bright.sh --open
+    lock=1
+  elif [ $((currentdate - rundate)) -ge 2 ] && [ "$lock" -eq 1 ]; then
+    scripts/toggle-osd-bright.sh --close > /dev/null
+    lock=0
+  fi
+}
+
+osd() {
+  if [ ! -f "$date" ]; then
+    mkdir -p "$XDG_CACHE_HOME/eww"
+  fi
+  date +%s > "$date"
+  # showhide
+}
+
+osd_handler() {
+  lock=0
+  rundate=0
+  if [ ! -f "$date" ]; then
+    mkdir -p "$XDG_CACHE_HOME/eww"
+    echo 0 > "$date"
+  fi
+
+  while true; do
+    showhide
+    sleep 0.1
+  done
+}
+
+if [ "$1" = "osd" ]; then
+  osd
+else
+  # initial
+  icon=${icons[$(awk -v n="$(light)" 'BEGIN{print int(n/34)}')]}
+  echo '{ "level": '"$(light)"', "icon": "'"$icon"'" }'
+
+  osd_handler &
+  udevadm monitor | rg --line-buffered "backlight" | while read -r _; do
+    icon="${icons[$(awk -v n="$(light)" 'BEGIN{print int(n/34)}')]}"
+
+    echo '{ "level": '"$(light)"', "icon": "'"$icon"'" }'
+  done
+fi
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/calendarlayout.cpp b/hybrid/.config/eww/scripts/calendarlayout.cpp
new file mode 100755
index 000000000..cb3100f11
--- /dev/null
+++ b/hybrid/.config/eww/scripts/calendarlayout.cpp
@@ -0,0 +1,138 @@
+#include <chrono>
+#include <ctime>
+#include <iostream>
+#include <string>
+using namespace std;
+
+int year, month, day, weekday, weekdayOfMonthFirst;
+bool leapYear;
+int daysInMonth, daysInLastMonth, daysInNextMonth;
+bool highlight = true;
+
+int calendar[6][7];
+int today[6][7];
+
+void getTime() {
+    // Time
+    time_t now = time(0);
+    tm* ltm = localtime(&now);
+    // To vars
+    year = 1900 + ltm->tm_year;
+    month = 1 + ltm->tm_mon;
+    day = ltm->tm_mday;
+    weekday = ltm->tm_wday - 1;
+    weekdayOfMonthFirst = (weekday + 35 - (day - 1)) % 7;
+    // cout << weekday << ", " << day << '/' << month << '/' << year << '\n';
+}
+
+void setTime(int wd, int d, int m, int y) {
+    wd--;
+    highlight = false;
+    year = y;
+    month = m;
+    day = d;
+    weekday = wd;
+    weekdayOfMonthFirst = (weekday + 35 - (day - 1)) % 7;
+    // cout << weekday << ", " << day << '/' << month << '/' << year << '\n';
+}
+
+void checkLeapYear() {
+    if (year % 400 == 0 || (year % 4 == 0 && year % 100 != 0))
+        leapYear = true;
+    else
+        leapYear = false;
+}
+
+void getMonthDays() {
+    // Days in this month
+    if ((month <= 7 && month % 2 == 1) || (month >= 8 && month % 2 == 0))
+        daysInMonth = 31;
+    else if (month == 2 && leapYear)
+        daysInMonth = 29;
+    else if (month == 2 && !leapYear)
+        daysInMonth = 28;
+    else
+        daysInMonth = 30;
+    // Days in next month
+    if (month == 1 && leapYear)
+        daysInNextMonth = 29;
+    else if (month == 1 && !leapYear)
+        daysInNextMonth = 28;
+    else if ((month <= 7 && month % 2 == 1) || (month >= 8 && month % 2 == 0))
+        daysInNextMonth = 30;
+    else
+        daysInNextMonth = 31;
+    // Days in last month
+    if (month == 3 && leapYear)
+        daysInLastMonth = 29;
+    else if (month == 3 && !leapYear)
+        daysInLastMonth = 28;
+    else if ((month <= 7 && month % 2 == 1) || (month >= 8 && month % 2 == 0))
+        daysInLastMonth = 30;
+    else
+        daysInLastMonth = 31;
+}
+
+void calcCalendar() {
+    int monthDiff = (weekdayOfMonthFirst == 0 ? 0 : -1);
+    int dim = daysInLastMonth;
+    int i = 0, j = 0;
+    int toFill = (weekdayOfMonthFirst == 0
+                      ? 1
+                      : (daysInLastMonth - (weekdayOfMonthFirst - 1)));
+
+    while (i < 6 && j < 7) {
+        // Fill it
+        calendar[i][j] = toFill;
+        if (toFill == day && monthDiff == 0 && highlight)
+            today[i][j] = 1;
+        else if (monthDiff == 0)
+            today[i][j] = 0;
+        else
+            today[i][j] = -1;
+        // Next day
+        toFill++;
+        if (toFill > dim) {
+            monthDiff++;
+            if (monthDiff == 0)
+                dim = daysInMonth;
+            else if (monthDiff == 1)
+                dim = daysInNextMonth;
+            toFill = 1;
+        }
+        // Next tile
+        j++;
+        if (j == 7) {
+            j = 0;
+            i++;
+        }
+    }
+}
+
+void printCalendar() {
+    cout << '[';
+    for (int i = 0; i < 6; i++) {
+        cout << '[';
+        for (int j = 0; j < 7; j++) {
+            cout << "{\"day\":" << calendar[i][j]
+                 << ",\"today\":" << today[i][j] << "}";
+            if (j < 7 - 1) cout << ',';
+        }
+        cout << ']';
+        if (i < 6 - 1) cout << ',';
+    }
+    cout << ']';
+}
+
+int main(int argc, char* argv[]) {
+    if (argc == 1)
+        getTime();
+    else if(argc == 5)
+        setTime(stoi(argv[1]), stoi(argv[2]), stoi(argv[3]), stoi(argv[4]));
+    else 
+        cout << " - Run \"calendarlayout\" to get calendar for today\n - Run\"calendarlayout <weekday> <day> <month> <year>\" to get calendar of the day specified";
+    checkLeapYear();
+    getMonthDays();
+    calcCalendar();
+    printCalendar();
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/cavajson.cpp b/hybrid/.config/eww/scripts/cavajson.cpp
new file mode 100755
index 000000000..60b98d84c
--- /dev/null
+++ b/hybrid/.config/eww/scripts/cavajson.cpp
@@ -0,0 +1,30 @@
+#include <boost/iostreams/device/file_descriptor.hpp>
+#include <boost/iostreams/stream.hpp>
+#include <cstdio>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+
+void cavaToJson(std::string& s) {
+    for(int i = 0; i < s.size(); i++){
+        if(s[i] == ';') s[i] = ',';
+    }
+    s.pop_back();
+}
+
+int main()
+{
+    std::unique_ptr<FILE, decltype(&pclose)> pipe(popen("cava -p ~/.config/eww/scripts/custom_configs/cava", "r"), pclose);
+    if (!pipe) {
+        throw std::runtime_error("popen() failed!");
+    }
+    boost::iostreams::file_descriptor_source fd(fileno(pipe.get()), boost::iostreams::never_close_handle);
+    boost::iostreams::stream<boost::iostreams::file_descriptor_source> is(fd);
+    std::string line;
+    while (std::getline(is, line)) {
+        cavaToJson(line);
+        std::cout << '[' << line << ']' << std::endl; // print the output line by line
+    }
+    return 0;
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/checkcjk b/hybrid/.config/eww/scripts/checkcjk
new file mode 100755
index 000000000..459e93029
--- /dev/null
+++ b/hybrid/.config/eww/scripts/checkcjk
@@ -0,0 +1,24 @@
+#!/bin/python3
+
+# Import the re module
+import re
+
+# Define a function that takes a string as an argument and returns True if it contains CJK characters, False otherwise
+def check_cjk(string):
+  # Use a regular expression that matches any of these Unicode ranges: U+3040 - U+30FF (hiragana and katakana), U+3400 - U+4DBF (CJK unified ideographs extension A), U+4E00 - U+9FFF (CJK unified ideographs), U+F900 - U+FAFF (CJK compatibility ideographs), U+FF66 - U+FF9F (half-width katakana)
+  pattern = r' [\\u3040-\\u30ff\\u3400-\\u4dbf\\u4e00-\\u9fff\\uf900-\\ufaff\\uff66-\\uff9f]'
+  # Search for the pattern in the string
+  match = re.search(pattern, string)
+  # Return True if there is a match, False otherwise
+  return bool(match)
+
+# Read a string from standard input
+input = input("Enter a string: ")
+
+# Call the function and print the result
+if check_cjk(input):
+  print("The string contains CJK characters.")
+else:
+  print("The string does not contain CJK characters.")
+
+  ・インザナイト
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/colorgen b/hybrid/.config/eww/scripts/colorgen
new file mode 100755
index 000000000..fa2bd30ee
--- /dev/null
+++ b/hybrid/.config/eww/scripts/colorgen
@@ -0,0 +1,95 @@
+#!/usr/bin/bash
+
+OPACITY=0.75
+
+IMGPATH=$1
+coverurl=$2
+
+coverpath="$IMGPATH"
+# Generate colors
+wal -c
+lightdark=$(cat scripts/workdir/__mode_light_dark.txt)
+wal -i "$IMGPATH" -n -t -s -e $lightdark -q
+
+themejson=$(cat ~/.cache/wal/colors.json | gojq -c -M)
+themejson="${themejson::-1}"
+themejson="$themejson"',"source":"'"$3"'"}'
+echo $themejson
+
+maincol="$(printf "$themejson" | gojq -c -M -r '.colors.color4')"
+# scripts/material_colors.py --path "$IMGPATH" $lightdark > tmp/_material.colorpallete
+scripts/material_colors.py --color "$maincol" "$lightdark" > tmp/_material.colorpallete &
+accent=$(scripts/material_colors.py --color "$maincol" "$lightdark" | grep '$onPrimaryContainer: ' | sed 's/$onPrimaryContainer: //g' | sed 's/;//g')
+tertiary=$(scripts/material_colors.py --color "$maincol" "$lightdark" | grep '$tertiary: ' | sed 's/$tertiary: //g' | sed 's/;//g')
+
+printf '{"image": "'$coverpath'", "color": '"$themejson"'}\n'
+
+# Get color in rgb
+colorsreg=$(cat ~/.cache/wal/colors-putty.reg)
+rgb_bg=$(echo $colorsreg | tr ' ' '\n' | grep 'Colour3')
+rgb_bg="${rgb_bg#*=}"
+rgb_bg="${rgb_bg#*\"}"
+rgb_bg="${rgb_bg::-1}"
+rgb_bg='rgba('"$rgb_bg"','"$OPACITY"')'
+# echo $rgb_bg
+
+# notify-send 'eww' 'i found a url!'
+
+# Write to scss
+echo '//Auto generated color theme for image at:' "$coverurl" > './tmp/_colorscheme.colorpallete'
+printf '$colorbarbg: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.special.background' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$colorbg: ' >> './tmp/_colorscheme.colorpallete'
+printf "$rgb_bg"';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$colortext: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.special.foreground' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color0: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color1' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color1: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color2' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color2: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color3' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color3: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color4' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color4: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color5' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color5: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color6' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color6: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color7' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color7: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color4' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+
+
+gradient1=$(echo -n "$themejson" | gojq -r '.colors.color1')
+gradient2=$(echo -n "$themejson" | gojq -r '.colors.color2')
+gradient3=$(echo -n "$themejson" | gojq -r '.colors.color4')
+
+# Write hyprland color config
+echo '# Auto generated color theme for image at:' "$coverurl" > './tmp/colors_generated.conf'
+echo 'general {' >> './tmp/colors_generated.conf'
+echo '    col.active_border = rgba('"${gradient1#*#}FF"') rgba('"${gradient2#*#}FF"') rgba('"${gradient3#*#}FF"') 45deg' >> './tmp/colors_generated.conf'
+echo '    col.inactive_border = rgba('"${gradient1#*#}66"')' >> './tmp/colors_generated.conf'
+echo '}' >> './tmp/colors_generated.conf'
+
+# Print json to stdout
+echo "$accent" > 'tmp/_iconcolor.txt'
+echo "$tertiary" >> 'tmp/_iconcolor.txt'
+printf "$themejson" | gojq -r '.colors.color2' >> 'tmp/_iconcolor.txt'
+printf "$themejson" | gojq -r '.colors.color4' >> 'tmp/_iconcolor.txt'
+printf "$themejson" | gojq -r '.colors.color5' >> 'tmp/_iconcolor.txt'
+printf "$themejson" | gojq -r '.colors.color5' >> 'tmp/_iconcolor.txt'
+
+# beatmappacks tertiary, forum color1, search color3, search color4, tournaments color4
+# 
diff --git a/hybrid/.config/eww/scripts/colormanage b/hybrid/.config/eww/scripts/colormanage
new file mode 100755
index 000000000..df5f18c59
--- /dev/null
+++ b/hybrid/.config/eww/scripts/colormanage
@@ -0,0 +1,40 @@
+#!/usr/bin/bash
+
+cd ~/.config/eww/ || exit
+
+if [ $1 == "get" ]; then
+  hyprctl keyword misc:disable_autoreload true
+  cp './tmp/_iconcolor.txt' './css/_iconcolor.txt'
+  cp './tmp/_colorscheme.colorpallete' './css/_colorscheme.scss'
+  cp './tmp/_material.colorpallete' './css/_material.scss'
+  cp './tmp/colors_generated.conf' ~/.config/hypr/colors.conf
+  applycolor=$(cat './css/_iconcolor.txt' | head -1)
+  scripts/applycolor "$applycolor"
+elif [ $1 == "default" ]; then
+  hyprctl keyword misc:disable_autoreload true
+  cp './css/_iconcolor_default.txt' './css/_iconcolor.txt'
+  cp css/_colorscheme_default.scss css/_colorscheme.scss
+  cp css/_material_default.scss css/_material.scss
+  cp ~/.config/hypr/colors_default.conf ~/.config/hypr/colors.conf
+  applycolor=$(cat css/_iconcolor.txt | head -1)
+  scripts/applycolor "$applycolor"
+elif [ $1 == "save" ]; then
+  eww close themer 2>/dev/null
+  eww update themer_open=false 
+  cp "css/_iconcolor.txt" "css/savedcolors/_iconcolor_$2.txt" 
+  cp "css/_colorscheme.scss" "css/savedcolors/_colorscheme_$2.scss" 
+  cp "css/_material.scss" "css/savedcolors/_material_$2.scss" 
+  cp ~/.config/hypr/colors.conf ~/.config/hypr/savedcolors/colors_$2.conf
+elif [ $1 == "load" ]; then
+  hyprctl keyword misc:disable_autoreload true
+  eww close themer 2>/dev/null
+  eww update themer_open=false 
+  cp "css/savedcolors/_iconcolor_$2.txt" "css/_iconcolor.txt"
+  cp "css/savedcolors/_colorscheme_$2.scss"  "css/_colorscheme.scss"
+  cp "css/savedcolors/_material_$2.scss"  "css/_material.scss"
+  cp ~/.config/hypr/savedcolors/colors_$2.conf ~/.config/hypr/colors.conf
+  applycolor=$(cat css/_iconcolor.txt | head -1)
+  scripts/applycolor "$applycolor"
+fi
+
+hyprctl reload
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/custom_configs/cava b/hybrid/.config/eww/scripts/custom_configs/cava
new file mode 100755
index 000000000..9c15753bc
--- /dev/null
+++ b/hybrid/.config/eww/scripts/custom_configs/cava
@@ -0,0 +1,21 @@
+[general]
+
+mode = normal
+framerate = 60
+autosens = 1
+bars = 70
+
+[output]
+
+method = raw
+raw_target = /dev/stdout
+data_format = ascii
+
+[smoothing]
+monstercat = 1
+gravity = 1000000
+noise_reduction = 34
+
+[input]
+method = pulse
+source = auto
diff --git a/hybrid/.config/eww/scripts/custom_configs/waybar-tray-config/config b/hybrid/.config/eww/scripts/custom_configs/waybar-tray-config/config
new file mode 100755
index 000000000..4b7e7e3cc
--- /dev/null
+++ b/hybrid/.config/eww/scripts/custom_configs/waybar-tray-config/config
@@ -0,0 +1,78 @@
+{
+    "layer": "top",
+    "height": 30,
+    "position": "bottom",
+    "spacing": 0,
+    "exclusive": false,
+    "margin-bottom": 50,
+    "margin-right": 253,
+    "margin-left": 1556,
+    "fixed-center": false,
+
+    "modules-left": [
+        
+    ],
+    
+    "modules-center": [
+        "tray",
+    ],
+    
+    "modules-right": [
+    ],
+    
+    "custom/weather": {
+        "exec": "curl 'https://wttr.in/?format=1' | tr -d '+'",
+        "interval": 1800
+    },
+    
+    "custom/start": {
+        "format": "               ",
+        "on-click": "~/.config/eww/scripts/toggle-overview.sh"
+    },
+    
+    "wlr/taskbar": {
+        "format": "{icon}",
+        "icon-size": 24,
+        "tooltip-format": "{title}",
+        "on-click": "activate",
+        "on-click-middle": "close",
+    },
+    
+    "clock": {
+        "format": "   {:%I:%M %p%n%e/%m/%G}",
+        "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
+        "format-alt": "  {:%Y-%m-%d}"
+    },
+    
+    "tray": {
+        "spacing": 8
+    },
+    
+    "pulseaudio": {
+        "format": "{icon}",
+        "format-bluetooth": "{volume}%  {icon} {format_source}",
+        "format-bluetooth-muted": "  {icon} {format_source}",
+        "format-muted": "  {format_source}",
+        "format-source": "  {volume}",
+        "format-source-muted": "",
+        "format-icons": {
+            "headphone": "",
+            "hands-free": "",
+            "headset": "",
+            "phone": "",
+            "portable": "",
+            "car": "",
+            "default": ["", "", ""]
+        },
+        "tooltip-format": "{format_source}%",
+        "on-click": "easyeffects"
+    },
+    "network": {
+        "format-wifi": "",
+        "format-ethernet": "",
+        "tooltip-format": "{ifname} via {gwaddr} ",
+        "format-linked": "{ifname} (No IP) ",
+        "format-disconnected": "Disconnected ⚠",
+        "on-click": "alacritty -e nmtui"
+    },
+}
diff --git a/hybrid/.config/eww/scripts/custom_configs/waybar-tray-config/style.css b/hybrid/.config/eww/scripts/custom_configs/waybar-tray-config/style.css
new file mode 100755
index 000000000..4808df738
--- /dev/null
+++ b/hybrid/.config/eww/scripts/custom_configs/waybar-tray-config/style.css
@@ -0,0 +1,69 @@
+* {
+    color: #f3f9ff;
+    font-size: 11px;
+    font-family: Segoe-Fluent-Icons, Segoe-UI;
+    font-weight: 500;
+}
+
+window#waybar {
+    background: transparent;
+}
+
+tooltip {
+    background: #141414;
+    border-radius: 4px;
+}
+
+#tray {
+    min-width: 20px;
+    min-height: 20px;
+    font-size: 20px;
+    font-weight: 200;
+    padding: 4px;
+    min-width: 100px;
+    min-height: 37px;
+    background: rgba(45, 46, 48, 1);
+    background-image: url('images/textures/acrylic.png');
+    border-radius: 9px;
+    border: 1px solid rgba(34, 35, 38, 0.5);
+    margin: 14px;
+    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.65);
+}
+
+#window,
+#pulseaudio,
+#network,
+#bluetooth {
+    font-size: 14px;
+    font-weight: 200;
+    padding: 4px;
+}
+
+#custom-weather {
+    padding-left: 12px;
+    font-size: 11px;
+}
+
+#custom-start {
+    background-image: url("./win.png");
+    background-size: 24px 24px;
+    background-position: center;
+    background-repeat: no-repeat;
+}
+
+#taskbar {
+    border-radius: 6px;
+    min-width: 45px;
+    min-height: 45px;
+    /* border-top: 1px solid rgba(64, 64, 64, 0.8); */
+}
+
+#tray,
+#pulseaudio {
+    padding-right: 12px;
+}
+
+#clock {
+    padding-left: 3px;
+    padding-right: 18px;
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/dashactivate b/hybrid/.config/eww/scripts/dashactivate
new file mode 100755
index 000000000..452da2256
--- /dev/null
+++ b/hybrid/.config/eww/scripts/dashactivate
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+cd ~
+eww close dashboard 2>/dev/null
+
+if [[ "$1" == "--web" ]]; then
+    app=$2
+    eval "${app%\%*}" &
+else
+    app=$1
+    eval "${app%\%*}" &
+    pkill dashactivate
+fi
+
diff --git a/hybrid/.config/eww/scripts/editmode.sh b/hybrid/.config/eww/scripts/editmode.sh
new file mode 100755
index 000000000..c14b92876
--- /dev/null
+++ b/hybrid/.config/eww/scripts/editmode.sh
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+if [ "$1" == "enable" ]; then
+    hyprctl keyword bindm ,mouse:273,resizewindow
+    hyprctl keyword bindm ,mouse:274,movewindow
+    hyprctl keyword bind ,mouse_up,workspace,+1
+    hyprctl keyword bind ,mouse_down,workspace,-1
+    eww update editing=true
+elif [ "$1" == "disable" ]; then 
+    hyprctl keyword unbind ,mouse:273
+    hyprctl keyword unbind ,mouse:274
+    hyprctl keyword unbind ,mouse_up
+    hyprctl keyword unbind ,mouse_down
+    eww update editing=false
+fi
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/focuswindow b/hybrid/.config/eww/scripts/focuswindow
new file mode 100755
index 000000000..9cc77c6bf
--- /dev/null
+++ b/hybrid/.config/eww/scripts/focuswindow
@@ -0,0 +1,6 @@
+#!/usr/bin/bash
+if [[ $1 == '_none' ]]; then
+  hyprctl dispatch workspace $2
+else 
+  hyprctl dispatch focuswindow address:$1
+fi
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/get_open_icons b/hybrid/.config/eww/scripts/get_open_icons
new file mode 100755
index 000000000..d7d73383e
--- /dev/null
+++ b/hybrid/.config/eww/scripts/get_open_icons
@@ -0,0 +1,77 @@
+#!/usr/bin/bash
+
+cd ~/.config/eww
+
+getwins() {
+  hyprctlclients=$(hyprctl clients -j \
+    | grep -v '"mapped": ' \
+    | grep -v '"hidden": ' \
+    | grep -v '"floating": ' \
+    | grep -v '"monitor": ' \
+    | grep -v '"pid": ' \
+    | grep -v '"xwayland": ' \
+    | grep -v '"pinned":' \
+    | grep -v '"fullscreen": ' \
+    | grep -v '"fullscreenMode": ' \
+    | grep -v '"fakeFullscreen": ' \
+    | grep -v '"grouped": ')
+
+  # echo $hyprctlclients | gojq -c '.[]'
+
+  IFS=$'\n'
+  clientsarr=( $(echo $hyprctlclients | gojq -c -M '.[]') )
+
+  #For every window
+  for client in "${clientsarr[@]}"; do
+    iconpath=''
+    clientclass=$(echo "$client" | gojq -r '.class')
+    if [[ "$clientclass" == "" ]]; then 
+      continue
+    fi
+
+    # Get app icon
+    if [ -f "scripts/cache/$clientclass" ]; then
+        iconpath=$(cat scripts/cache/$clientclass)
+        if [ ! -f "${iconpath}" ]; then # Cache refresh if icon doesnt exist
+            iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$clientclass" | head -n 1)
+            echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+    else
+        iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$clientclass" | head -n 1)
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+    fi
+    if [[ ${iconpath} == "" ]]; then
+      # Retry with lowercase if icon not found
+      iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") $(echo "$clientclass" | tr '[:upper:]' '[:lower:]' | sed 's/\ /-/g') | head -n 1)
+
+      if [[ ! ${iconpath} = "" ]]; then
+        rm "scripts/cache/$clientclass"
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+      else 
+        newname=$(scripts/iconpatch $clientclass)
+        iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$newname" | head -n 1)
+        if [[ ! ${iconpath} = "" ]]; then
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        else
+          # Fallback app icon, replace the path below to the fallback icon of your choice
+          # iconpath="/usr/share/icons/Win11-dark/mimes/48/application-x-executable.svg"
+          iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "application-x-executable" | head -n 1)
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+      fi
+    fi
+  done
+}
+
+# Do stuff here
+getwins
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    getwins
+  done
+fi
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/getfirstdayofmonth b/hybrid/.config/eww/scripts/getfirstdayofmonth
new file mode 100755
index 000000000..e75171fe4
--- /dev/null
+++ b/hybrid/.config/eww/scripts/getfirstdayofmonth
@@ -0,0 +1,39 @@
+#!/bin/bash
+# Thanks Bing!
+
+# Check if the argument is a valid number
+if [[ ! $1 =~ ^-?[0-9]+$ ]]; then
+  echo "Invalid argument: $1"
+  echo "Usage: getfirstdayofmonth [NUMBER]"
+  exit 1
+fi
+
+# Get the current month and year
+current_month=$(date +%m)
+current_year=$(date +%Y)
+
+# Add the argument to the current month and adjust the year if needed
+if [[ $1 -gt 0 ]]; then
+  next_month=$((current_month + $1))
+  next_year=$((current_year + ((next_month-1) / 12)))
+  next_month=$((current_month + ($1 % 12)))
+else
+  next_month=$((current_month + $1))
+  next_year=$((current_year + ((next_month-12) / 12)))
+  next_month=$((current_month + ($1 % 12)))
+fi
+
+if ((next_month > 12)); then
+  next_month=$((next_month % 12))
+elif ((next_month == 0)); then
+  next_month=12
+  # next_year=$((next_year - 1))
+elif ((next_month < 1)); then
+  next_month=$(( (next_month + 12) % 12 ))
+fi
+
+# Get the weekday name (%A), day number (%d), month name (%B) and year (%Y) of the first day of the next month
+first_day=$(date -d "$next_year-$next_month-01" '+%u %d %m %Y')
+
+# Print the result
+echo $first_day
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/hyprsettings b/hybrid/.config/eww/scripts/hyprsettings
new file mode 100755
index 000000000..d1f482cd5
--- /dev/null
+++ b/hybrid/.config/eww/scripts/hyprsettings
@@ -0,0 +1,51 @@
+#!/usr/bin/bash
+getoptions(){
+  rounding=$(hyprctl getoption decoration:rounding -j | gojq -r -c '.int')
+  gaps_in=$(hyprctl getoption general:gaps_in -j | gojq -r -c '.int')
+  gaps_out=$(hyprctl getoption general:gaps_out -j | gojq -r -c '.int')
+  border_size=$(hyprctl getoption general:border_size -j | gojq -r -c '.int')
+  force_no_accel=$(hyprctl getoption input:force_no_accel -j | gojq -r -c '.int')
+  input_sensitivity=$(hyprctl getoption input:sensitivity -j | gojq -r -c '.float')
+  touchpad_disable_while_typing=$(hyprctl getoption input:touchpad:disable_while_typing -j | gojq -r -c '.int')
+  touchpad_clickfinger_behavior=$(hyprctl getoption input:touchpad:clickfinger_behavior -j | gojq -r -c '.int')
+  blur=$(hyprctl getoption decoration:blur -j | gojq -r -c '.int')
+  blur_size=$(hyprctl getoption decoration:blur_size -j | gojq -r -c '.int')
+  blur_passes=$(hyprctl getoption decoration:blur_passes -j | gojq -r -c '.int')
+  blur_xray=$(hyprctl getoption decoration:blur_xray -j | gojq -r -c '.int')
+  nightlight=$(hyprctl getoption decoration:screen_shader -j | gojq -r -c '.str')
+  if [[ "$nightlight" == *"nothing.frag" || "$nightlight" == "[[EMPTY]]" || "$nightlight" == "" ]]; then
+    nightlight='false'
+  else
+    nightlight='true'
+  fi
+
+  echo -n '{'
+  echo -n "\"rounding\":$rounding,"
+  echo -n "\"gaps_in\":$gaps_in,"
+  echo -n "\"gaps_out\":$gaps_out,"
+  echo -n "\"border_size\":$border_size,"
+  echo -n "\"force_no_accel\":$force_no_accel,"
+  echo -n "\"input_sensitivity\":$input_sensitivity,"
+  echo -n "\"touchpad_disable_while_typing\":$touchpad_disable_while_typing,"
+  echo -n "\"touchpad_clickfinger_behavior\":$touchpad_clickfinger_behavior,"
+  echo -n "\"blur\":$blur,"
+  echo -n "\"blur_size\":$blur_size,"
+  echo -n "\"blur_passes\":$blur_passes,"
+  echo -n "\"blur_xray\":$blur_xray,"
+  echo -n "\"nightlight\":$nightlight,"
+
+  echo '"dummy":0}'
+}
+
+getoptions
+
+if [ "$1" == "--once" ]; then
+  exit 0
+elif [ "$1" == "tickle" ]; then
+  hyprctl keyword input:force_no_accel $(hyprctl getoption input:force_no_accel -j | gojq -r -c '.int')
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "activelayout>>" | while read -r line; do
+    # echo $line
+    getoptions
+  done
+fi
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/hyprtest b/hybrid/.config/eww/scripts/hyprtest
new file mode 100755
index 000000000..593c665f6
--- /dev/null
+++ b/hybrid/.config/eww/scripts/hyprtest
@@ -0,0 +1,10 @@
+#!/usr/bin/bash
+
+geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "firefox" | head -n 1
+
+socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | while read -r line; do
+  echo "$line"
+done
+
+
+
diff --git a/hybrid/.config/eww/scripts/hyprview.sh b/hybrid/.config/eww/scripts/hyprview.sh
new file mode 100755
index 000000000..d28d2b059
--- /dev/null
+++ b/hybrid/.config/eww/scripts/hyprview.sh
@@ -0,0 +1,9 @@
+#!/usr/bin/bash
+
+if [[ "$1" == "--close" ]]; then
+    hyprctl keyword monitor eDP-1,1920x1080@60,0x0,1
+    hyprctl keyword monitor eDP-1,addreserved,61,0,0,0
+else
+    hyprctl keyword monitor eDP-1,1920x1080@60,0x0,0.5
+    hyprctl keyword monitor eDP-1,addreserved,533,600,960,960
+fi
diff --git a/hybrid/.config/eww/scripts/iconpatch b/hybrid/.config/eww/scripts/iconpatch
new file mode 100755
index 000000000..542f4c164
--- /dev/null
+++ b/hybrid/.config/eww/scripts/iconpatch
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+appname=$1
+
+if [[ "$1" == "code-url-handler" ]];then
+  echo 'code'
+elif [[ "$1" == "gnome-tweaks" ]];then
+  echo 'org.gnome.tweaks'
+elif [[ "$1" == "org."* ]];then
+  appname="${appname#*.}"
+  appname="${appname#*.}"
+  echo $appname
+fi
+
diff --git a/hybrid/.config/eww/scripts/isopen.sh b/hybrid/.config/eww/scripts/isopen.sh
new file mode 100755
index 000000000..03075a619
--- /dev/null
+++ b/hybrid/.config/eww/scripts/isopen.sh
@@ -0,0 +1,12 @@
+#!/bin/sh
+
+getopen(){
+  ans=$(eww windows | grep -e "$1")
+  if [ "${ans:0:1}" == "*" ]; then
+    echo "true"
+  else 
+    echo "false"
+  fi
+}
+
+getopen $1
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/language.cpp b/hybrid/.config/eww/scripts/language.cpp
new file mode 100755
index 000000000..afb741f92
--- /dev/null
+++ b/hybrid/.config/eww/scripts/language.cpp
@@ -0,0 +1,99 @@
+#include <unistd.h>
+
+#include <array>
+#include <chrono>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+#include <thread>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+
+#define SLEEP_SECONDS 5
+
+using namespace std;
+using json = nlohmann::json;
+
+string fileContents, currentLang;
+json languages;
+
+string readIfExists(const string& name) {
+    ifstream f(name.c_str());
+    stringstream buffer;
+    if (f) {                  // check if the file was opened successfully
+        buffer << f.rdbuf();  // read the whole file into a string stream
+        f.close();            // close the file when done
+    }
+    return buffer.str();  // return the string stream as a string
+}
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+void switchLang(const json& langJson) {
+    string cmd;
+    cmd = "ibus engine " + string(langJson["name_ibus"]);
+    exec(&cmd[0]);
+    cmd = "eww update lang_ibus='" + string(langJson.dump()) + "'";
+    exec(&cmd[0]);
+}
+
+void cycleLang() {
+    for (int i = 0; i < languages.size(); i++) {
+        json lang = languages[i];
+        if (string(lang["name_ibus"]) == currentLang) {
+            json toSwitchTo = languages[(i + 1) % int(languages.size())];
+            switchLang(toSwitchTo);
+        }
+    }
+}
+
+void getCurrentLang() {
+    for (json lang : languages) {
+        if (string(lang["name_ibus"]) == currentLang) {
+            cout << lang << '\n';
+            break;
+        }
+    }
+}
+
+int main(int argc, char* argv[]) {
+    // Change workdir
+    string workdir = string(getenv("HOME")) + "/.config/eww";
+    chdir(&workdir[0]);
+    // Get lang list, current lang
+    fileContents = readIfExists("modules/langs.json");
+    languages = json::parse(fileContents);
+    currentLang = exec("ibus engine");
+    currentLang.pop_back();  // Remove trailing newline
+    // Cycle?
+    if (argc > 1 && string(argv[1]) == "--cycle") {
+        cycleLang();
+        return 0;
+    }
+    if (argc > 2 && string(argv[1]) == "--switch") {
+        switchLang(json::parse(string(argv[2])));
+        return 0;
+    }
+
+    cout << "{\"name\":\"English (United "
+            "States)\",\"name_abbr\":\"ENG\",\"name_ibus\":\"xkb:us::eng\"}\n";
+    while (true) {
+        getCurrentLang();
+        sleep(5);
+    }
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/launchapp b/hybrid/.config/eww/scripts/launchapp
new file mode 100755
index 000000000..56c879d65
--- /dev/null
+++ b/hybrid/.config/eww/scripts/launchapp
@@ -0,0 +1,46 @@
+#!/usr/bin/bash
+
+~/.config/eww/scripts/toggle-overview.sh --close &
+~/.config/eww/scripts/toggle-winstart.sh --close &
+
+if [[ "$1" == ">"* ]]; then
+    args=( $1 )
+    if [[ "${args[0]}" == ">music" ]]; then
+        scripts/colormanage get
+    elif [[ "${args[0]}" == ">load" ]]; then
+        scripts/colormanage load "${args[1]}"
+    elif [[ "${args[0]}" == ">save" ]]; then
+        scripts/colormanage save "${args[1]}"
+    elif [[ "${args[0]}" == ">swr" ]]; then # basic rice switching
+        ~/.local/bin/switchrice.sh "${args[1]}" "${args[2]}"
+    elif [[ "${args[0]}" == ">light" ]]; then
+        scripts/togglelight light
+    elif [[ "${args[0]}" == ">dark" ]]; then
+        scripts/togglelight dark
+    elif [[ "${args[0]}" == ">multi" ]]; then
+        echo -n 'multi' > 'scripts/workdir/__mode_colors.txt'
+    elif [[ "${args[0]}" == ">one" ]]; then
+        echo -n 'one' > 'scripts/workdir/__mode_colors.txt'
+    elif [[ "${args[0]}" == ">wall" ]]; then
+        scripts/colorgen 'images/wallpaper/wallpaper' '[Local wallpaper]' ''
+        scripts/colormanage get
+    elif [[ "${args[0]}" == ">segs" ]]; then
+        python3 scripts/waifupics.py --segs
+    elif [[ "${args[0]}" == ">uwu" ]]; then
+        python3 scripts/waifupics.py
+    elif [[ "${args[0]}" == ">r" ]]; then
+        pkill eww && eww daemon && eww open bar && eww open bottomline
+    elif [[ "${args[0]}" == ">img" ]]; then
+        scripts/switchwall
+    else
+        # notify-send 'eww' 'Invalid command!'
+        false
+    fi
+else 
+    cd ~
+    app=$1
+    eval "${app%\%*}" &
+    pkill launchapp
+fi
+
+
diff --git a/hybrid/.config/eww/scripts/limitlen.py b/hybrid/.config/eww/scripts/limitlen.py
new file mode 100755
index 000000000..20ed07a8d
--- /dev/null
+++ b/hybrid/.config/eww/scripts/limitlen.py
@@ -0,0 +1,26 @@
+#!/bin/python3
+import sys
+
+def limit_length(s, newlength):
+    # Use len() function to get number of characters in s
+    char_count = 0
+    newstr = ''
+    # Use unicodedata.east_asian_width() function to check for double-width characters
+    import unicodedata
+    for c in s:
+        char_count += 1
+        if unicodedata.east_asian_width(c) == 'W':
+            char_count += 1
+        if char_count <= newlength:
+            newstr += c
+        else:
+            newstr = newstr + '...'
+            break
+    # Add double-width count to character count to get display length
+    return newstr
+
+original = sys.argv[1]
+newlen = int(sys.argv[2])
+newstr = limit_length(original, newlen)
+
+print(newstr)
diff --git a/hybrid/.config/eww/scripts/listentries.py b/hybrid/.config/eww/scripts/listentries.py
new file mode 100755
index 000000000..2e69e917b
--- /dev/null
+++ b/hybrid/.config/eww/scripts/listentries.py
@@ -0,0 +1,71 @@
+#!/usr/bin/python3
+
+import desktop_entry_lib
+import os
+import json
+import subprocess
+
+full_output = {}
+
+def read(target_file) -> None:
+    entry = desktop_entry_lib.DesktopEntry.from_file(target_file)
+
+    print("Name: " + str(entry.Name.default_text))
+    print("Comment: " + str(entry.Comment.default_text))
+    print("Exec: " + str(entry.Exec))
+
+
+def getProperties(target_file) -> None:
+    entry = desktop_entry_lib.DesktopEntry.from_file(target_file)
+
+    # iconcmd = "/usr/bin/geticons " + str(entry.Icon)
+    # iconcmd = "/usr/bin/geticons"
+    # iconpath = str(subprocess.check_output(str(iconcmd), shell=True))
+    dirs = target_file.split('/')
+    entryname = dirs[-1]
+
+    # return
+    props = {
+        "name": str(entry.Name.default_text),
+        # "icon": str(entry.Icon),
+        "exec": str('gtk-launch ' + entryname)
+    }
+    return props
+
+
+if __name__ == "__main__":
+    entryFile = open("scripts/cache/entries.txt", "w")
+    # Get files
+    entries = list(str(s) for s in os.listdir("/usr/share/applications"))
+    entries_flatpak = list(str(s) for s in os.listdir("/var/lib/flatpak/exports/share/applications"))
+    entries_local = list(str('../../.local/share/applications/' + s) for s in os.listdir("../../.local/share/applications/"))
+    
+    for app in entries:
+        alreadythere = False
+        for localized in entries_local:
+            if app in localized:
+                alreadythere = True
+
+        if not(alreadythere):
+            entries_local.append(str('/usr/share/applications/'+app))
+
+    for app in entries_flatpak:
+        alreadythere = False
+        for localized in entries_local:
+            if app in localized:
+                alreadythere = True
+
+        if not(alreadythere):
+            entries_local.append(str('/var/lib/flatpak/exports/share/applications/'+app))
+
+    # Get properties
+    for app in entries_local:
+        if app.find('.desktop') == -1: # Skip files that aren't desktop entries
+            continue
+        this_entry = getProperties(app)
+
+        full_output[this_entry['name']] = (this_entry)
+
+        # output=json.dumps(this_entry)
+        # print(output)
+    entryFile.write(json.dumps(full_output))
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/listentrynames.py b/hybrid/.config/eww/scripts/listentrynames.py
new file mode 100755
index 000000000..99ae84a22
--- /dev/null
+++ b/hybrid/.config/eww/scripts/listentrynames.py
@@ -0,0 +1,63 @@
+#!/usr/bin/python3
+
+import desktop_entry_lib
+import os
+import json
+# from fuzzysearch import find_near_matches
+
+def read(target_file) -> None:
+    entry = desktop_entry_lib.DesktopEntry.from_file(target_file)
+
+    print("Name: " + str(entry.Name.default_text))
+    print("Comment: " + str(entry.Comment.default_text))
+    print("Exec: " + str(entry.Exec))
+
+
+def getProperties(target_file) -> None:
+    entry = desktop_entry_lib.DesktopEntry.from_file(target_file)
+
+    # return
+    props = {
+        "name": str(entry.Name.default_text),
+        "comment": str(entry.Comment.default_text),
+        "exec": str(entry.Exec),
+        "icon": str(entry.Icon)
+    }
+    return props
+
+
+if __name__ == "__main__":
+    entryFile = open("scripts/cache/entrynames.txt", "w")
+    # Get files
+    entries = list(str(s) for s in os.listdir("/usr/share/applications"))
+    entries_flatpak = list(str(s) for s in os.listdir("/var/lib/flatpak/exports/share/applications"))
+    entries_local = list(str('../../.local/share/applications/' + s) for s in os.listdir("../../.local/share/applications/"))
+    
+    for app in entries:
+        alreadythere = False
+        for localized in entries_local:
+            if app in localized:
+                alreadythere = True
+
+        if not(alreadythere):
+            entries_local.append(str('/usr/share/applications/'+app))
+            
+    for app in entries_flatpak:
+        alreadythere = False
+        for localized in entries_local:
+            if app in localized:
+                alreadythere = True
+
+        if not(alreadythere):
+            entries_local.append(str('/var/lib/flatpak/exports/share/applications/'+app))
+
+    # Get properties
+    for app in entries_local:
+        if app.find('.desktop') == -1: # Skip files that aren't desktop entries
+            continue
+
+        thisEntry = getProperties(app)
+
+        entryFile.write(thisEntry['name'])
+        entryFile.write('\n')
+
diff --git a/hybrid/.config/eww/scripts/material_colors.py b/hybrid/.config/eww/scripts/material_colors.py
new file mode 100755
index 000000000..6823412ce
--- /dev/null
+++ b/hybrid/.config/eww/scripts/material_colors.py
@@ -0,0 +1,87 @@
+#!/bin/python3
+from material_color_utilities_python import *
+from pathlib import Path
+import sys
+
+img = 0
+newtheme=0
+if len(sys.argv) > 1 and sys.argv[1] == '--path':
+    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)
+elif len(sys.argv) > 1 and sys.argv[1] == '--color':
+    colorstr = sys.argv[2]
+    newtheme = themeFromSourceColor(argbFromHex(colorstr))
+else:
+    img = Image.open(str(Path.home())+'/.config/eww/images/wallpaper/wallpaper')
+    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)
+
+colorscheme=0
+if("-l" in sys.argv):
+    colorscheme = newtheme.get('schemes').get('light')
+else:
+    colorscheme = newtheme.get('schemes').get('dark')
+
+primary = colorscheme.get_primary()
+onPrimary = colorscheme.get_onPrimary()
+primaryContainer = colorscheme.get_primaryContainer()
+onPrimaryContainer = colorscheme.get_onPrimaryContainer()
+secondary = colorscheme.get_secondary()
+onSecondary = colorscheme.get_onSecondary()
+secondaryContainer = colorscheme.get_secondaryContainer()
+onSecondaryContainer = colorscheme.get_onSecondaryContainer()
+tertiary = colorscheme.get_tertiary()
+onTertiary = colorscheme.get_onTertiary()
+tertiaryContainer = colorscheme.get_tertiaryContainer()
+onTertiaryContainer = colorscheme.get_onTertiaryContainer()
+error = colorscheme.get_error()
+onError = colorscheme.get_onError()
+errorContainer = colorscheme.get_errorContainer()
+onErrorContainer = colorscheme.get_onErrorContainer()
+background = colorscheme.get_background()
+onBackground = colorscheme.get_onBackground()
+surface = colorscheme.get_surface()
+onSurface = colorscheme.get_onSurface()
+surfaceVariant = colorscheme.get_surfaceVariant()
+onSurfaceVariant = colorscheme.get_onSurfaceVariant()
+outline = colorscheme.get_outline()
+shadow = colorscheme.get_shadow()
+inverseSurface = colorscheme.get_inverseSurface()
+inverseOnSurface = colorscheme.get_inverseOnSurface()
+inversePrimary = colorscheme.get_inversePrimary()
+
+
+print('$primary: ' + hexFromArgb(primary) + ';')
+print('$onPrimary: ' + hexFromArgb(onPrimary) + ';')
+print('$primaryContainer: ' + hexFromArgb(primaryContainer) + ';')
+print('$onPrimaryContainer: ' + hexFromArgb(onPrimaryContainer) + ';')
+print('$secondary: ' + hexFromArgb(secondary) + ';')
+print('$onSecondary: ' + hexFromArgb(onSecondary) + ';')
+print('$secondaryContainer: ' + hexFromArgb(secondaryContainer) + ';')
+print('$onSecondaryContainer: ' + hexFromArgb(onSecondaryContainer) + ';')
+print('$tertiary: ' + hexFromArgb(tertiary) + ';')
+print('$onTertiary: ' + hexFromArgb(onTertiary) + ';')
+print('$tertiaryContainer: ' + hexFromArgb(tertiaryContainer) + ';')
+print('$onTertiaryContainer: ' + hexFromArgb(onTertiaryContainer) + ';')
+print('$error: ' + hexFromArgb(error) + ';')
+print('$onError: ' + hexFromArgb(onError) + ';')
+print('$errorContainer: ' + hexFromArgb(errorContainer) + ';')
+print('$onErrorContainer: ' + hexFromArgb(onErrorContainer) + ';')
+print('$colorbarbg: ' + hexFromArgb(background) + ';')
+print('$onBackground: ' + hexFromArgb(onBackground) + ';')
+print('$surface: ' + hexFromArgb(surface) + ';')
+print('$onSurface: ' + hexFromArgb(onSurface) + ';')
+print('$surfaceVariant: ' + hexFromArgb(surfaceVariant) + ';')
+print('$onSurfaceVariant: ' + hexFromArgb(onSurfaceVariant) + ';')
+print('$outline: ' + hexFromArgb(outline) + ';')
+print('$shadow: ' + hexFromArgb(shadow) + ';')
+print('$inverseSurface: ' + hexFromArgb(inverseSurface) + ';')
+print('$inverseOnSurface: ' + hexFromArgb(inverseOnSurface) + ';')
+print('$inversePrimary: ' + hexFromArgb(inversePrimary) + ';')
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/memory b/hybrid/.config/eww/scripts/memory
new file mode 100755
index 000000000..d2856d98a
--- /dev/null
+++ b/hybrid/.config/eww/scripts/memory
@@ -0,0 +1,30 @@
+#!/usr/bin/env bash
+
+while true; do    
+  # human-readable
+  freeH=$(free -h --si | rg "Mem:")
+  swapfreeH=$(free -h --si | rg "Swap:")
+  # non-human-readable
+  freeN=$(free --mega | rg "Mem:")
+  swapfreeN=$(free --mega | rg "Swap:")
+
+  total="$(echo "$freeH" | awk '{ print $2 }')"
+  used="$(echo "$freeH" | awk '{ print $3 }')"
+  t="$(echo "$freeN" | awk '{ print $2 }')"
+  u="$(echo "$freeN" | awk '{ print $3 }')"
+
+  swaptotal="$(echo "$swapfreeH" | awk '{ print $2 }')"
+  swapused="$(echo "$swapfreeH" | awk '{ print $3 }')"
+  swapt="$(echo "$swapfreeN" | awk '{ print $2 }')"
+  swapu="$(echo "$swapfreeN" | awk '{ print $3 }')"
+
+  free=$(printf '%.1fG' "$(bc -l <<< "($t - $u) / 1000")")
+  perc=$(printf '%.1f' "$(free -m | rg Mem | awk '{print ($3/$2)*100}')")
+
+  swapfree=$(printf '%.1fG' "$(bc -l <<< "($swapt - $swapu) / 1000")")
+  swapperc=$(printf '%.1f' "$(free -m | rg Swap | awk '{print ($3/$2)*100}')")
+
+  echo '{ "total": "'"$total"'", "used": "'"$used"'", "free": "'"$free"'", "swaptotal": "'"$swaptotal"'", "swapused": "'"$swapused"'", "swappercentage": '"$swapperc"', "swapfree": "'"$swapfree"'", "percentage": '"$perc"' }'
+
+  sleep 3
+done
diff --git a/hybrid/.config/eww/scripts/mousetrack.cpp b/hybrid/.config/eww/scripts/mousetrack.cpp
new file mode 100755
index 000000000..f8c5df702
--- /dev/null
+++ b/hybrid/.config/eww/scripts/mousetrack.cpp
@@ -0,0 +1,52 @@
+#include <boost/iostreams/device/file_descriptor.hpp>
+#include <boost/iostreams/stream.hpp>
+#include <cstdio>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+using namespace std;
+
+void cavaToJson(std::string& s) {
+    for(int i = 0; i < s.size(); i++){
+        if(s[i] == ';') s[i] = ',';
+    }
+    s.pop_back();
+}
+
+void cursorPosToJson(std::string& s) {
+    for(int i = 0; i < s.size(); i++){
+        if(s[i] == ';') s[i] = ',';
+    }
+    s.pop_back();
+}
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+int main()
+{
+    std::unique_ptr<FILE, decltype(&pclose)> pipe(popen("cava -p ~/.config/eww/scripts/custom_configs/cava", "r"), pclose);
+    if (!pipe) {
+        throw std::runtime_error("popen() failed!");
+    }
+    boost::iostreams::file_descriptor_source fd(fileno(pipe.get()), boost::iostreams::never_close_handle);
+    boost::iostreams::stream<boost::iostreams::file_descriptor_source> is(fd);
+    std::string line;
+    while (std::getline(is, line)) {
+        string st = exec("hyprctl cursorpos");
+        st.pop_back();
+        cout << '[' << st << ']' << endl;
+    }
+    return 0;
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/music b/hybrid/.config/eww/scripts/music
new file mode 100755
index 000000000..973655a56
--- /dev/null
+++ b/hybrid/.config/eww/scripts/music
@@ -0,0 +1,171 @@
+#!/usr/bin/env bash
+
+prevtitle=''
+prevartist=''
+
+get_status() {
+	s=$1
+	if [ "$s" = "Playing" ]; then
+		echo ""
+	else
+		echo ""
+	fi
+}
+
+get_length_sec() {
+	len=$1
+	if [ -z "$len" ]; then
+		echo 0
+	else
+		bc <<< "$len / 1000000"
+	fi
+}
+
+get_length_time() {
+	len=$1
+	if [ -n "$len" ]; then
+		len=$(bc <<< "$len / 1000000 + 1")
+		date -d@"$len" +%M:%S
+	else
+		echo ""
+	fi
+}
+
+get_position() {
+	pos=$1
+	len=$2
+	if [ -n "$pos" ]; then
+		bc -l <<< "$pos / $len * 100"
+	else
+		echo 0
+	fi
+}
+
+get_position_time() {
+	pos=$1
+	if [ -n "$pos" ]; then
+		date -d@"$(bc <<< "$pos / 1000000")" +%M:%S
+	else
+		echo ""
+	fi
+}
+
+get_cover() {
+	# COVER_URL=$1
+	mkdir -p "eww_covers"
+	cd "eww_covers" || exit
+
+	IMGPATH="cover_art"
+	echo '{"image": "eww_covers/cover_art_default", "color": {"alpha":"100","colors":{"color0":"#111215","color1":"#2B698F","color10":"#597591","color11":"#447CC0","color12":"#3A9FB7","color13":"#6192A6","color14":"#60ABCC","color15":"#c4c6ca","color2":"#597591","color3":"#447CC0","color4":"#3A9FB7","color5":"#6192A6","color6":"#60ABCC","color7":"#c4c6ca","color8":"#898a8d","color9":"#2B698F"},"special":{"background":"#111215","cursor":"#c4c6ca","foreground":"#c4c6ca"},"wallpaper":"~/.config/eww/eww_covers/cover_art","source":"󰗃"}}'
+
+	playerctl -F metadata mpris:artUrl 2>/dev/null | while read -r COVER_URL; do
+		music_source='󰐍'
+		COVER_URL=${COVER_URL//blob:/}
+		COVER_URL=${COVER_URL//file:\/\//}
+		COVER_URL=${COVER_URL//%20/ }
+		if [[ "$COVER_URL" = https* ]]; then
+			music_source='󰖟'
+			coverurl="$(playerctl metadata mpris:artUrl)"
+			coverurl_highres_yt="$(echo $coverurl | sed 's/hqdefault/maxresdefault/g')"
+			coverurl_highres_soundcloud="$(echo $coverurl | sed 's/80x80/500x500/g')"
+
+			# SoundCloud
+			if [[ "$coverurl" == *"sndcdn"* ]]; then
+				music_source='󰓀'
+				curl --silent --output "$IMGPATH""_soundcloud" "$coverurl_highres_soundcloud" -q –read-timeout=0.1
+				cp "$IMGPATH""_soundcloud" "$IMGPATH"
+				imgsize=$(echo $(du -b ~/.config/eww/eww_covers/cover_art | tr '\t' '\n' | grep -v 'cover_art'))	
+			# Youtube
+			elif [[ "$coverurl" == *"ytimg"* ]]; then
+				music_source='󰗃'
+				curl --silent --output "$IMGPATH""_yt" "$coverurl_highres_yt" -q –read-timeout=0.1
+				cp "$IMGPATH""_yt" "$IMGPATH"
+				imgsize=$(echo $(du -b ~/.config/eww/eww_covers/cover_art | tr '\t' '\n' | grep -v 'cover_art'))
+			# Likely YT Music
+			elif [[ "$coverurl" == *"googleusercontent"* ]]; then
+				music_source=''
+				curl --silent --output "$IMGPATH""_other" "$coverurl" -q –read-timeout=0.1
+				cp "$IMGPATH""_other" "$IMGPATH"
+				imgsize=$(echo $(du -b ~/.config/eww/eww_covers/cover_art | tr '\t' '\n' | grep -v 'cover_art'))
+			# Any other
+			else
+				curl --silent --output "$IMGPATH""_other" "$coverurl" -q –read-timeout=0.1
+				cp "$IMGPATH""_other" "$IMGPATH"
+				imgsize=$(echo $(du -b ~/.config/eww/eww_covers/cover_art | tr '\t' '\n' | grep -v 'cover_art'))
+			fi
+			# Fallback
+			if [ "$imgsize" == "0" ] || [ ! "$(diff ~/.config/eww/eww_covers/cover_art ~/.config/eww/eww_covers/cover_art_error)" ]; then
+				curl --silent --output "$IMGPATH""_lowres" "$coverurl" -q –read-timeout=0.1
+				cp "$IMGPATH""_lowres" "$IMGPATH"
+			fi
+
+			#Generate colors
+			cd ..
+			scripts/colorgen 'eww_covers/'$IMGPATH $coverurl "$music_source"
+			cd "eww_covers"
+		elif [ "$COVER_URL" = "" ]; then # no cover
+		    echo '{"image": "", "color": "$bg"}'
+		else # local music
+			# echo copying "$COVER_URL" to "$IMGPATH"
+			cp "$COVER_URL"  "$IMGPATH"
+			
+			cd ..
+			scripts/colorgen 'eww_covers/'$IMGPATH "$COVER_URL" "$music_source"
+			cd "eww_covers"
+		fi
+	done
+}
+
+# SANITIZE FIX
+sanitize() {
+	echo "$1" | sed 's/"/\"/g'
+}
+
+if [ "$1" = "cover" ]; then
+	get_cover
+elif [ "$1" == "name" ]; then
+	lentolimit=41
+    if [ "$2" != "" ]; then
+		lentolimit=$2
+	fi
+	echo '{"artist": "", "title": ""}'
+	playerctl -F metadata -f '{{title}}\{{artist}}\' 2>/dev/null | while IFS="$(printf '\\')" read -r title artist; do
+	
+		if [[ "$title" == *" - YouTube"* && "$artist" == "" ]]; then
+			continue
+		elif [[ "$title" == *"YouTube Music" && "$artist" == "" ]]; then
+			continue
+		fi
+		title=$(scripts/limitlen.py "$title" "$lentolimit")
+		artist=$(scripts/limitlen.py "$artist" "$lentolimit")
+		
+		gojq --null-input -r -c \
+			--arg artist "$(sanitize "$artist")" \
+			--arg title "$(sanitize "$title")" \
+			'{"artist": $artist, "title": $title}'
+		
+	done
+else
+	echo '{"artist": "", "title": "", "status": "", "position": "", "position_time": "", "length": ""}'
+	playerctl -F metadata -f '{{title}}\{{artist}}\{{status}}\{{position}}\' 2>/dev/null | while IFS="$(printf '\\')" read -r title artist status position; do
+	
+		if [[ "$title" == *" - YouTube" && "$artist" == "" ]]; then
+			continue
+		elif [[ "$title" == *"YouTube Music" && "$artist" == "" ]]; then
+			continue
+		fi
+		len=$(playerctl metadata mpris:length)
+		title=$(scripts/limitlen.py "$title" 40)
+		artist=$(scripts/limitlen.py "$artist" 40)
+
+		gojq --null-input -r -c \
+			--arg artist "$(sanitize "$artist")" \
+			--arg title "$(sanitize "$title")" \
+			--arg status "$(get_status "$status")" \
+			--arg pos "$(get_position "$position" "$len")" \
+			--arg pos_time "$(get_position_time "$position")" \
+			--arg length "$(get_length_time "$len")" \
+			'{"artist": $artist, "title": $title, "status": $status, "position": $pos, "position_time": $pos_time, "length": $length}'
+		
+	done
+fi
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/net b/hybrid/.config/eww/scripts/net
new file mode 100755
index 000000000..fc1d97df7
--- /dev/null
+++ b/hybrid/.config/eww/scripts/net
@@ -0,0 +1,40 @@
+#!/usr/bin/env bash
+
+toggle() {
+  status=$(rfkill -J | jaq -r '.rfkilldevices[] | select(.type == "wlan") | .soft' | head -1)
+
+  if [ "$status" = "unblocked" ]; then
+    rfkill block wlan
+  else
+    rfkill unblock wlan
+  fi
+}
+
+if [ "$1" = "toggle" ]; then
+  toggle
+else
+  while true; do
+    status=$(nmcli g | tail -n 1 | awk '{print $1}')
+    signal=$(nmcli -f in-use,signal dev wifi | rg "\*" | awk '{ print $2 }')
+    essid=$(nmcli -t -f NAME connection show --active | head -n1 | sed 's/\"/\\"/g')
+
+    icons=("" "" "" "" "")
+
+    if [ "$status" = "disconnected" ] ; then
+      icon=""
+      color="#988ba2"
+    else
+      level=$(awk -v n="$signal" 'BEGIN{print int((n-1)/20)}')
+      if [ "$level" -gt 4 ]; then
+        level=4
+      fi
+
+      icon=${icons[$level]}
+      color="#cba6f7"
+    fi
+
+    echo '{ "essid": "'"$essid"'", "icon": "'"$icon"'", "color": "'"$color"'", "level": "'"$level"'" }'
+
+    sleep 4
+  done
+fi
diff --git a/hybrid/.config/eww/scripts/notifications b/hybrid/.config/eww/scripts/notifications
new file mode 100755
index 000000000..d8680f279
--- /dev/null
+++ b/hybrid/.config/eww/scripts/notifications
@@ -0,0 +1,95 @@
+#!/usr/bin/env bash
+
+tmp=scripts/cache/dunst-history.json
+lock="scripts/cache/dunst-toggle.lock"
+lockinfo="scripts/cache/dunst-lock-info"
+cd ~/.config/eww
+
+touch $lockinfo
+
+declare ids
+export toggle_icon=""
+
+sanitize() {
+  retstr=$(echo $1 | sed 's/\\\\/\\\\\\\\/g' | sed 's/"/\\"/g')
+
+  # echo "original: $1"
+  echo "$retstr"
+  # echo 'sanitized'
+}
+
+get_ids() {
+  mapfile -t ids < <(dunstctl history | gojq -r ".data[] | .[] | select(.appname.data != \"Spotify\") | .id.data")
+}
+
+get_notif() {
+  echo -n '['
+
+  for id in "${ids[@]}"; do
+      mapfile -t n < <(gojq -r ".data[] | .[] | select(.id.data == $id) | .appname.data, .summary.data, .body.data" "$tmp" | sed -r '/^\s*$/d' | sed -e 's/\%/ percent/g')
+      ohkay=$(sanitize "${n[1]}")
+      # echo $ohkay
+      echo -n ''$([ $id -eq ${ids[0]} ] || echo ,)' { '
+      echo -n '"id": "'"$id"'", "appname": "'"${n[0]}"'", "summary": "'"$ohkay"'", "body": "'"${n[2]}"'"'
+      echo -n '}' 
+  done
+
+  echo ']'
+}
+
+toggle() {
+  dunstctl set-paused toggle
+
+  if [ ! -f "$lock" ]; then
+    export toggle_icon=""
+    touch "$lock"
+  else
+    export toggle_icon=""
+    rm "$lock"
+  fi
+
+  echo "icon_change" > $lockinfo
+}
+
+clear() {
+  dunstctl history-clear
+  echo "icon_change" > $lockinfo
+}
+
+get_icon() {
+  if [ ${#ids[@]} -eq 0 ]; then
+    echo ""
+  else
+    echo ""
+  fi
+}
+
+if [ "$1" == "--once" ]; then
+  dunstctl history > "$tmp"
+  get_ids
+  get_notif
+elif [ "$1" == "toggle" ]; then
+  toggle
+  dunstctl history > "$tmp"
+elif [ "$1" == "clear" ]; then
+  clear
+  dunstctl history > "$tmp"
+elif [ "$1" == "icons" ]; then
+  dunstctl history > "$tmp"
+  get_ids
+  is_paused=$(dunstctl is-paused)
+  echo '{"toggle_icon": "'"$toggle_icon"'", "paused": '"$is_paused"', "icon": "'"$(get_icon)"'"}'
+  tail -f "$lockinfo" | while read -r; do
+    get_ids
+    is_paused=$(dunstctl is-paused)
+    echo '{"toggle_icon": "'"$toggle_icon"'", "paused": '"$is_paused"', "icon": "'"$(get_icon)"'"}'
+  done
+else
+  dunstctl history > "$tmp"
+  get_ids
+  get_notif
+  tail -f "$tmp" 2>/dev/null | rg --line-buffered "aa\{sv\}" | while read -r; do
+    get_ids
+    get_notif
+  done
+fi
diff --git a/hybrid/.config/eww/scripts/overview-thumbnails b/hybrid/.config/eww/scripts/overview-thumbnails
new file mode 100755
index 000000000..cfe8e7967
--- /dev/null
+++ b/hybrid/.config/eww/scripts/overview-thumbnails
@@ -0,0 +1,94 @@
+#!/usr/bin/bash
+dummy='{"thumbnail": null}'
+
+getwins() {
+  overviewopen=$(scripts/isopen.sh overview)
+  if [ "$overviewopen" == "true" ]; then
+    return 
+  fi
+
+  focusedws=$(hyprctl -j monitors | gojq -r '.[] | select(.focused == true) | .activeWorkspace.id')
+  hyprctlclients=$(hyprctl clients -j \
+    | grep -v '"xwayland": ' \
+    | grep -v '"grouped": ' \
+    | grep -v '"pid": ' \
+    | grep -v '"fullscreenMode": ' \
+    | grep -v '"monitor": ' \
+    | grep -v '"floating": ' \
+    | grep -v '"fullscreen": ' \
+    | grep -v '"pinned":') # | grep -v ""name":")
+  # echo '-=-=-=- final output -=-=-=-'
+  # echo "$toprint"
+  # echo $(echo "$hyprctlclients")  # Print on one line only
+
+  workspace=('[' '[' '[' '[' '[' '[' '[' '[' '[' '[')
+  workspacecnt=(1 1 1 1 1 1 1 1 1 1)
+  outputstring='{'
+
+  wsid=0
+
+  # echo $hyprctlclients | gojq -c '.[]'
+
+  IFS=$'\n'
+  clientsarr=( $(echo $hyprctlclients | gojq -c -M '.[]') )
+
+  #For every window
+  for client in "${clientsarr[@]}"; do
+    wsid=$(echo $client | gojq -c -M '.workspace.id')
+    ((wsid-=1))
+    if [[ "$wsid" == "-100" ]]; then 
+      continue
+    fi
+    if [[ "${workspacecnt[wsid]}" != "0" ]]; then 
+      workspace[wsid]+=","
+    fi
+
+    clientclass=$(echo $client | gojq -r '.class')
+    iconpath=''
+    thumbnailpath=''
+
+    # Get thumbnail
+    clientaddress=$(echo $client | gojq -r '.address')
+    atx=$(echo $client | gojq -c '.at[0]')
+    aty=$(echo $client | gojq -c '.at[1]')
+    sizex=$(echo $client | gojq -c '.size[0]')
+    sizey=$(echo $client | gojq -c '.size[1]')
+    if [ "$(( wsid + 1 ))" == "$focusedws" ]; then
+      grim -g "$atx,$aty ""$sizex"'x'"$sizey" "scripts/cache/thumbnails/$clientaddress.png" -q 1 -t png -l 9
+    fi
+
+    # If thumbnail available
+    if [ -f "scripts/cache/thumbnails/$clientaddress.png" ]; then
+      thumbnailpath="scripts/cache/thumbnails/$clientaddress.png"
+    fi
+
+    client="\"$clientaddress\": \"$thumbnailpath\","
+    outputstring+="$client"
+
+    # echo -n "Window: $clientclass"
+    # echo '; icon path: '"$iconpath"
+    
+
+    # echo "Count: ${workspacecnt[wsid]}"
+    # echo 'ADDED TO: workspace '"$wsid"
+    # echo ' --> '"${workspace[wsid]}"
+    ((workspacecnt[wsid]+=1))
+  done
+
+  outputstring=${outputstring::-1}
+  outputstring+='}'
+
+  # echo $outputstring
+}
+
+# Do stuff here
+getwins
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  while true; do
+    getwins
+    sleep 0.8
+  done
+fi
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/overview-wrapper b/hybrid/.config/eww/scripts/overview-wrapper
new file mode 100755
index 000000000..b48d0769a
--- /dev/null
+++ b/hybrid/.config/eww/scripts/overview-wrapper
@@ -0,0 +1,11 @@
+#!/usr/bin/bash
+
+scripts/overview "$1"
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | while read -r line; do
+    scripts/overview "$1"
+  done
+fi
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/overview-wrapper1 b/hybrid/.config/eww/scripts/overview-wrapper1
new file mode 100755
index 000000000..42cb0deab
--- /dev/null
+++ b/hybrid/.config/eww/scripts/overview-wrapper1
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+scripts/overview --row 1
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    # This sleep is necessary
+    # It prevents the script from being faster than hyprctl
+    sleep 0.025
+    scripts/overview --row 1
+  done
+fi
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/overview-wrapper2 b/hybrid/.config/eww/scripts/overview-wrapper2
new file mode 100755
index 000000000..22c648bd7
--- /dev/null
+++ b/hybrid/.config/eww/scripts/overview-wrapper2
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+scripts/overview --row 2
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    # This sleep is necessary
+    # It prevents the script from being faster than hyprctl
+    sleep 0.025
+    scripts/overview --row 2
+  done
+fi
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/overview.cpp b/hybrid/.config/eww/scripts/overview.cpp
new file mode 100755
index 000000000..e2f671931
--- /dev/null
+++ b/hybrid/.config/eww/scripts/overview.cpp
@@ -0,0 +1,104 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <regex>
+#include <stdexcept>
+#include <string>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+#define ROWS 2
+#define COLS 5
+
+string clients;
+json clientjson, apps;
+json workspaces;
+string workspaceInitTemplate =
+    "[{\"address\":\"_none\",\"at\":[0,0],\"class\":\"workspace\",\"size\":["
+    "1920,1080],\"title\":\"__WORKSPACE_ID\",\"workspace\":{\"id\":__WORKSPACE_"
+    "ID,\"name\":\"__WORKSPACE_ID\"}}]";
+vector<string> appnames;
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+void initWorkspaces() {
+    for (int i = 0; i < ROWS; i++) {
+        workspaces.push_back(json::array({})); // []
+        for (int j = 0; j < COLS; j++) {
+            int workspaceNum = i * COLS + j + 1;  // Note: Workspaces are 1-base
+            string workspaceInitString =
+                regex_replace(workspaceInitTemplate, regex("__WORKSPACE_ID"),
+                              to_string(workspaceNum));
+            json thisWorkspaceInit = json::parse(workspaceInitString);
+            workspaces[i].push_back(thisWorkspaceInit);
+        }
+    }
+}
+
+void addApp(json& client) {
+    if(string(client["class"]).size() == 0) return;
+    
+    // Calculate position in overview tile
+    int workspaceNum = int(client["workspace"]["id"]) - 1;  // 1-base to 0-base
+    if(workspaceNum < 0) return; //Skip scratchpads/specials, as they have negative ids
+    int i = workspaceNum / COLS, j = workspaceNum % COLS;
+
+    // New JSON for app
+    json newApp =
+        R"({"class": "", "workspace": {"id": 8, "name": "8"}, "title": "", "at": [0, 0], "size": [0, 0], "address": [], "icon": ""})"_json;
+    // Add normal stuff
+    newApp["class"] = client["class"];
+    newApp["address"] = client["address"];
+    newApp["workspace"] = client["workspace"];
+    newApp["title"] = client["title"];
+    newApp["at"] = client["at"];
+    newApp["size"] = client["size"];
+    // Icon path
+    string filename = string("./scripts/cache/" + string(client["class"]));
+    std::ifstream ifs(filename);
+    std::string iconpath((std::istreambuf_iterator<char>(ifs)),
+                         (std::istreambuf_iterator<char>()));
+    while (iconpath.size() > 0 && *iconpath.rbegin() == '\n') iconpath.pop_back();  // Remove '\n'
+    newApp["icon"] = iconpath;
+
+    workspaces[i][j].push_back(newApp);
+}
+
+void getApps() {
+    // Get clients
+    clients = exec("hyprctl clients -j | gojq -c -M");
+    clientjson = json::parse(clients);
+
+    // Access the values
+    for (json client : clientjson) {
+        addApp(client);
+    }
+}
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+
+    initWorkspaces();
+    getApps();
+    if (argc == 2) cout << workspaces[0][stoi(argv[1]) - 1] << '\n';
+    if (argc == 3 && string(argv[1]) == "--row" && stoi(argv[2]) >= 1 && stoi(argv[2]) <= ROWS) {
+        cout << workspaces[stoi(argv[2]) - 1] << '\n';
+    } else
+        cout << workspaces << '\n';
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/overview1 b/hybrid/.config/eww/scripts/overview1
new file mode 100755
index 000000000..8c1e4f34a
--- /dev/null
+++ b/hybrid/.config/eww/scripts/overview1
@@ -0,0 +1,129 @@
+#!/usr/bin/bash
+dummy='{"address":"_none","at":[0,0],"class":"workspace","size":[1920,1080],"title":"<___overview_workspace>","workspace":{"id":<___overview_workspace>, "name": "<___overview_workspace>"}}'
+
+getwins() {
+  hyprctlclients=$(hyprctl clients -j \
+    | grep -v '"mapped": ' \
+    | grep -v '"hidden": ' \
+    | grep -v '"floating": ' \
+    | grep -v '"monitor": ' \
+    | grep -v '"pid": ' \
+    | grep -v '"xwayland": ' \
+    | grep -v '"pinned":' \
+    | grep -v '"fullscreen": ' \
+    | grep -v '"fullscreenMode": ' \
+    | grep -v '"fakeFullscreen": ' \
+    | grep -v '"grouped": ')
+
+  workspace=('[' '[' '[' '[' '[' '[' '[' '[' '[' '[')
+  workspacecnt=(1 1 1 1 1 1 1 1 1 1)
+
+  wsid=0
+  for i in 0 1 2 3 4; do
+    workspace[i]+=$(echo $dummy | sed "s/<___overview_workspace>/$((i+1))/g")
+  done
+
+  # echo $hyprctlclients | gojq -c '.[]'
+
+  IFS=$'\n'
+  clientsarr=( $(echo $hyprctlclients | gojq -c -M '.[]') )
+
+  #For every window
+  for client in "${clientsarr[@]}"; do
+    wsid=$(echo $client | gojq -c -M '.workspace.id')
+    if [[ $wsid -gt 5 ]]; then
+      continue
+    fi
+    ((wsid-=1))
+    iconpath=''
+    clientclass=$(echo "$client" | gojq -r '.class')
+    if [[ "$clientclass" == "" ]]; then 
+      continue
+    fi
+    if [[ "$wsid" == "-100" ]]; then 
+      continue
+    fi
+    if [[ "${workspacecnt[wsid]}" != "0" ]]; then 
+      workspace[wsid]+=","
+    fi
+
+    # If thumbnail available
+    # if [ -f "scripts/cache/thumbnails/$clientaddress.png" ]; then
+    #   thumbnailpath="scripts/cache/thumbnails/$clientaddress.png"
+    # fi
+    
+    # Get app icon
+    if [ -f "scripts/cache/$clientclass" ]; then
+        iconpath=$(cat scripts/cache/$clientclass)
+        if [ ! -f "${iconpath}" ]; then # Cache refresh if icon doesnt exist
+            iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$clientclass" | head -n 1)
+            echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+    else
+        iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$clientclass" | head -n 1)
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+    fi
+    if [[ ${iconpath} == "" ]]; then
+      # Retry with lowercase if icon not found
+      iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") $(echo "$clientclass" | tr '[:upper:]' '[:lower:]' | sed 's/\ /-/g') | head -n 1)
+
+      if [[ ! ${iconpath} = "" ]]; then
+        rm "scripts/cache/$clientclass"
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+      else 
+        newname=$(scripts/iconpatch $clientclass)
+        iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$newname" | head -n 1)
+        if [[ ! ${iconpath} = "" ]]; then
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        else
+          # Fallback app icon, replace the path below to the fallback icon of your choice
+          # iconpath="/usr/share/icons/Win11-dark/mimes/48/application-x-executable.svg"
+          iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "application-x-executable" | head -n 1)
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+      fi
+    fi
+
+    client=${client::-1}
+    client+=",\"icon\": \"$iconpath\"}"
+    workspace[wsid]+="$client" # Add window to workspace JSON
+
+    # echo -n "Window: $clientclass"
+    # echo '; icon path: '"$iconpath"
+    
+
+    # echo "Count: ${workspacecnt[wsid]}"
+    # echo 'ADDED TO: workspace '"$wsid"
+    # echo ' --> '"${workspace[wsid]}"
+    ((workspacecnt[wsid]+=1))
+  done
+
+  for i in 0 1 2 3 4; do
+    workspace[i]+=']'
+  done
+
+  # echo '-=-=-=-=-=- Summary -=-=-=-=-=-'
+
+  # -=-=-=-=-=-=-=-=-=-=-=-=-=-=- PRINT STUFF HERE -=-=-=-=-=-=-=-=-=-=-=-=-=-=-
+  echo -n '['
+  for i in 0 1 2 3 4; do
+    if [[ $i != 0 ]]; then
+      echo -n ','
+    fi
+    echo -n "${workspace[i]}"
+  done
+  echo ']'
+}
+
+# Do stuff here
+getwins
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    getwins
+  done
+fi
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/overview2 b/hybrid/.config/eww/scripts/overview2
new file mode 100755
index 000000000..97aa1c15b
--- /dev/null
+++ b/hybrid/.config/eww/scripts/overview2
@@ -0,0 +1,123 @@
+#!/usr/bin/bash
+dummy='{"address":"_none","at":[0,0],"class":"workspace","size":[1920,1080],"title":"<___overview_workspace>","workspace":{"id":<___overview_workspace>, "name": "<___overview_workspace>"}}'
+
+getwins() {
+  hyprctlclients=$(hyprctl clients -j \
+    | grep -v '"mapped": ' \
+    | grep -v '"hidden": ' \
+    | grep -v '"floating": ' \
+    | grep -v '"monitor": ' \
+    | grep -v '"pid": ' \
+    | grep -v '"xwayland": ' \
+    | grep -v '"pinned":' \
+    | grep -v '"fullscreen": ' \
+    | grep -v '"fullscreenMode": ' \
+    | grep -v '"fakeFullscreen": ' \
+    | grep -v '"grouped": ')
+
+  
+
+  workspace=('[' '[' '[' '[' '[' '[' '[' '[' '[' '[')
+  workspacecnt=(1 1 1 1 1 1 1 1 1 1)
+
+  wsid=0
+  for i in 5 6 7 8 9; do
+    workspace[i]+=$(echo $dummy | sed "s/<___overview_workspace>/$((i+1))/g")
+  done
+
+  # echo $hyprctlclients | gojq -c '.[]'
+
+  IFS=$'\n'
+  clientsarr=( $(echo $hyprctlclients | gojq -c -M '.[]') )
+  for client in "${clientsarr[@]}"; do
+    wsid=$(echo $client | gojq -c -M '.workspace.id')
+    if [[ $wsid -lt 6 ]]; then
+      continue
+    fi
+    ((wsid-=1))
+    iconpath=''
+    clientclass=$(echo $client | gojq -r '.class')
+    if [[ "$clientclass" == "" ]]; then 
+      continue
+    fi
+    if [[ "$wsid" == "-100" ]]; then 
+      continue
+    fi
+    if [[ "${workspacecnt[wsid]}" != "0" ]]; then 
+      workspace[wsid]+=","
+    fi
+
+    # Get app icon
+    if [ -f "scripts/cache/$clientclass" ]; then
+        iconpath=$(cat scripts/cache/$clientclass)
+        if [ ! -f "${iconpath}" ]; then # Cache refresh if icon doesnt exist
+            iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$clientclass" | head -n 1)
+            echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+    else
+        iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$clientclass" | head -n 1)
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+    fi
+    if [[ ${iconpath} == "" ]]; then
+      # Retry with lowercase if icon not found
+      iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") $(echo "$clientclass" | tr '[:upper:]' '[:lower:]' | sed 's/\ /-/g') | head -n 1)
+      if [[ ! ${iconpath} = "" ]]; then
+        rm "scripts/cache/$clientclass"
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+      else 
+        newname=$(scripts/iconpatch $clientclass)
+        iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$newname" | head -n 1)
+        if [[ ! ${iconpath} = "" ]]; then
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        else
+          # Fallback app icon, replace the path below to the fallback icon of your choice
+          # iconpath="/usr/share/icons/Win11-dark/mimes/48/application-x-executable.svg"
+          iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "application-x-executable" | head -n 1)
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+      fi
+    fi
+
+    client=${client::-1}
+    client+=",\"icon\": \"$iconpath\"}"
+    workspace[wsid]+="$client" # Add window to workspace JSON
+
+    # echo -n "Window: $clientclass"
+    # echo '; icon path: '"$iconpath"
+    
+
+    # echo "Count: ${workspacecnt[wsid]}"
+    # echo 'ADDED TO: workspace '"$wsid"
+    # echo ' --> '"${workspace[wsid]}"
+    ((workspacecnt[wsid]+=1))
+  done
+
+  for i in 5 6 7 8 9; do
+    workspace[i]+=']'
+  done
+
+  # echo '-=-=-=-=-=- Summary -=-=-=-=-=-'
+
+  # -=-=-=-=-=-=-=-=-=-=-=-=-=-=- PRINT STUFF HERE -=-=-=-=-=-=-=-=-=-=-=-=-=-=-
+  echo -n '['
+  for i in 5 6 7 8 9; do
+    if [[ $i != 5 ]]; then
+      echo -n ','
+    fi
+    echo -n "${workspace[i]}"
+  done
+  echo ']'
+}
+
+# Do stuff here
+getwins
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    getwins
+  done
+fi
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/scrollmonth b/hybrid/.config/eww/scripts/scrollmonth
new file mode 100755
index 000000000..52e23fece
--- /dev/null
+++ b/hybrid/.config/eww/scripts/scrollmonth
@@ -0,0 +1,21 @@
+#!/usr/bin/env bash
+
+# Get month diff
+diffmonth=$(eww get monthshift)
+if [[ "$1" == "up" ]]; then
+  diffmonth=$(( $diffmonth - 1 ))
+else
+  diffmonth=$(( $diffmonth + 1 ))
+fi
+eww update monthshift="$diffmonth" &
+
+# Get dates
+dates=$(scripts/getfirstdayofmonth "$diffmonth")
+dateSplitted=( $dates )
+newTitle=$(date -d "${dateSplitted[3]}-${dateSplitted[2]}-${dateSplitted[1]}" "+%B %Y")
+
+if [[ "$diffmonth" == "0" ]]; then
+  dates=''
+fi
+eww update calendartitle="$newTitle" &
+eww update calendar="$(scripts/calendarlayout $dates)"
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/selectwindow b/hybrid/.config/eww/scripts/selectwindow
new file mode 100755
index 000000000..2f88d9099
--- /dev/null
+++ b/hybrid/.config/eww/scripts/selectwindow
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+selected=$(eval $2 get selected)
+
+
+if [[ $selected == "_none" ]] || [[ $selected == "" ]]; then
+  eval "$2 update selected=$1"
+  selected=$(eval $2 get selected)
+else
+  hyprctl dispatch movetoworkspacesilent $3,address:$selected
+
+  eval "$2 update selected=_none"
+  selected=$(eval $2 get selected)
+fi
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/supersecretsettings/culture b/hybrid/.config/eww/scripts/supersecretsettings/culture
new file mode 100755
index 000000000..28c5c0abf
--- /dev/null
+++ b/hybrid/.config/eww/scripts/supersecretsettings/culture
@@ -0,0 +1,18 @@
+#!/usr/bin/env bash
+plugged=0
+
+swaybg -i images/wallpaper/wallpaper-cultured &
+
+while true; do
+	STATE=$(cat /sys/class/power_supply/BATT/status)
+    if [[ "$STATE" = "Charging" ]]; then 
+        if [ "$plugged" -eq "0" ]; then 
+            plugged=1
+            notify-send 'Aghh~~~~'
+            play scripts/supersecretsettings/culture.mp3
+        fi
+    else 
+        plugged=0
+    fi      
+	sleep 1
+done
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/supersecretsettings/culture.mp3 b/hybrid/.config/eww/scripts/supersecretsettings/culture.mp3
new file mode 100644
index 000000000..688d96490
Binary files /dev/null and b/hybrid/.config/eww/scripts/supersecretsettings/culture.mp3 differ
diff --git a/hybrid/.config/eww/scripts/supersecretsettings/doreload b/hybrid/.config/eww/scripts/supersecretsettings/doreload
new file mode 100755
index 000000000..363dbedbc
--- /dev/null
+++ b/hybrid/.config/eww/scripts/supersecretsettings/doreload
@@ -0,0 +1,10 @@
+#!/bin/sh
+
+
+cp ~/.config/hypr/hyprland.conf temporary_config.conf && cp temporary_config.conf ~/.config/hypr/hyprland.conf
+rm temporary_config.conf
+
+pkill swaybg
+swaybg -i images/wallpaper/wallpaper-normal
+
+kill $(pidof eww) && eww open bar && eww open bg-decor
diff --git a/hybrid/.config/eww/scripts/swapws.cpp b/hybrid/.config/eww/scripts/swapws.cpp
new file mode 100755
index 000000000..ead7b34e5
--- /dev/null
+++ b/hybrid/.config/eww/scripts/swapws.cpp
@@ -0,0 +1,85 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+int workspace_a, workspace_b;
+string clients;
+json clientjson;
+vector<string> windows_a, windows_b;
+bool output = false;
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+void tryAddApp(const json& client) {
+    if (int(client["workspace"]["id"]) == workspace_a)
+        windows_a.push_back(client["address"]);
+    else if (int(client["workspace"]["id"]) == workspace_b)
+        windows_b.push_back(client["address"]);
+}
+
+void getApps() {
+    // Get clients
+    clients = exec("hyprctl clients -j | gojq -c -M");
+    clientjson = json::parse(clients);
+
+    // Access the values
+    for (json client : clientjson) {
+        tryAddApp(client);
+    }
+}
+
+void swapWorkspaces() {
+    for (string address : windows_a) {
+        string cmd = "hyprctl dispatch movetoworkspacesilent " +
+                     to_string(workspace_b) + ",address:" + address;
+        if (output) cout << cmd << '\n';
+        exec(&cmd[0]);
+    }
+    for (string address : windows_b) {
+        string cmd = "hyprctl dispatch movetoworkspacesilent " +
+                     to_string(workspace_a) + ",address:" + address;
+        if (output) cout << cmd << '\n';
+        exec(&cmd[0]);
+    }
+}
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+
+    if (argc < 3) {
+        cout << "Usage: swapws [WORKSPACE_NUMBER_1] [WORKSPACE_NUMBER_2]"
+             << endl;
+        return 0;
+    }
+    if (argc == 4 && string(argv[3]) == "--output") output = true;
+
+    workspace_a = stoi(string(argv[1]));
+    workspace_b = stoi(string(argv[2]));
+    if (workspace_a <= 0 || workspace_b <= 0 || workspace_a == workspace_b) {
+        cout << "Nahhh that's stupid" << endl;
+        return 0;
+    }
+
+    getApps();
+    swapWorkspaces();
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/switchwall b/hybrid/.config/eww/scripts/switchwall
new file mode 100755
index 000000000..e19e277df
--- /dev/null
+++ b/hybrid/.config/eww/scripts/switchwall
@@ -0,0 +1,26 @@
+#!/usr/bin/bash
+# Switches sww wallpaper
+# Requires: coreutils, xrandr, hyprland
+
+# Select and set image (hyprland)
+imgpath=$(yad --width 1200 --height 800 --file --title='Choose wallpaper')
+screensizey=$(xrandr --current | grep '*' | uniq | awk '{print $1}' | cut -d 'x' -f2)
+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 230 --transition-fps 60 \
+    --transition-type grow --transition-angle 30 --transition-duration 1 \
+    --transition-pos "$cursorposx, $cursorposy_inverted" &
+
+# Generate colors for eww n stuff
+cp "$imgpath" "$HOME/.config/eww/images/wallpaper/wallpaper"
+cd "$HOME/.config/eww" || exit
+./scripts/launchapp '>wall'
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/taskbar.cpp b/hybrid/.config/eww/scripts/taskbar.cpp
new file mode 100755
index 000000000..ea1980006
--- /dev/null
+++ b/hybrid/.config/eww/scripts/taskbar.cpp
@@ -0,0 +1,86 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+string clients, pinned;
+json clientjson, apps;
+vector<string> appnames;
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+void addApp(json& client) {
+    if(string(client["class"]).size() == 0) return;
+    
+    bool found = false;
+    for (json& obj : apps) {
+        auto it = obj.find("class");
+        if (it != obj.end() && *it == client["class"]) {
+            found = true;
+            obj["count"] = int(obj["count"]) + 1;
+            obj["address"].push_back(client["address"]);
+            obj["workspace"].push_back(client["workspace"]["id"]);
+            break;
+        }
+    }
+    if (!found) {
+        json newApp =
+            R"({"class": "", "count": 1, "workspace": [], "address": [], "icon": ""})"_json;
+        newApp["class"] = client["class"];
+        newApp["address"].push_back(client["address"]);
+        newApp["workspace"].push_back(client["workspace"]["id"]);
+        string filename = string("./scripts/cache/" + string(client["class"]));
+        std::ifstream ifs(filename);
+        std::string iconpath((std::istreambuf_iterator<char>(ifs)),
+                             (std::istreambuf_iterator<char>()));
+        // cout << "PATH: " << filename << " | ICON PATH: " << iconpath << '\n';
+        while (iconpath.size() > 0 && *iconpath.rbegin() == '\n') iconpath.pop_back();  // Remove '\n'
+        newApp["icon"] = iconpath;
+
+        apps.push_back(newApp);
+    }
+}
+
+void getAppNameAndCount() {
+    // Get clients
+    clients = exec("hyprctl clients -j | gojq -c -M");
+    pinned = exec("cat modules/taskbar.json | gojq -c -M");
+    clientjson = json::parse(clients);
+    apps = json::parse(pinned);
+
+    // Access the values
+    for (json client : clientjson) {
+        addApp(client);
+        // cout << client << '\n';
+    }
+}
+
+void getAppIcon() {}
+
+int main() {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+    
+    getAppNameAndCount();
+    getAppIcon();
+    cout << apps << '\n';
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/taskbarloop b/hybrid/.config/eww/scripts/taskbarloop
new file mode 100755
index 000000000..edec3a371
--- /dev/null
+++ b/hybrid/.config/eww/scripts/taskbarloop
@@ -0,0 +1,13 @@
+#!/usr/bin/bash
+
+scripts/taskbar
+
+if [ "$1" == "--once" ]; then
+  scripts/taskbar
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    scripts/taskbar
+    echo
+  done
+fi
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/taskviewlayout-wrapper b/hybrid/.config/eww/scripts/taskviewlayout-wrapper
new file mode 100755
index 000000000..bf3e5b967
--- /dev/null
+++ b/hybrid/.config/eww/scripts/taskviewlayout-wrapper
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+scripts/taskviewlayout
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    # This sleep is necessary
+    # It prevents the script from being faster than hyprctl
+    sleep 0.025
+    scripts/taskviewlayout
+  done
+fi
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/taskviewlayout.cpp b/hybrid/.config/eww/scripts/taskviewlayout.cpp
new file mode 100755
index 000000000..465cfb177
--- /dev/null
+++ b/hybrid/.config/eww/scripts/taskviewlayout.cpp
@@ -0,0 +1,187 @@
+#include <array>       // This script tries to show windows of workspaces
+#include <cmath>       // in a reasonable way in Task View
+#include <filesystem>  //
+#include <fstream>     // Goal: all windows on the same row have equal height
+#include <iostream>    //
+#include <memory>      //
+#include <regex>       // binary search -> ok scale
+#include <stdexcept>   // -> sort small-wide windows -> match pairs -> rows
+#include <string>
+
+#include "nlohmann/json.hpp"
+
+using namespace std;
+using json = nlohmann::json;
+
+#define COLS 10
+#define RES_WIDTH 1920
+#define RES_HEIGHT 1080
+#define RESERVED_BOTTOM 250
+#define SPACING 30
+#define TITLEBAR_AND_BORDER_HEIGHT 51
+#define MIN_ROW_HEIGHT 186  // 100px (else scroll down)
+#define MAX_ROW_HEIGHT 300  // 100px (else scroll down)
+const json EMPTY_JSON = R"([])"_json;
+const string workspaceInitTemplate = "[]";
+
+int numOfApps[COLS] = {0, 0, 0, 0, 0, 0, 0, 0, 0, 0};
+string clients;
+json clientjson, workspaces;
+json workspacesArranged;
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+void initWorkspaces() {
+    int i = 0;
+    for (int j = 0; j < COLS; j++) {
+        int workspaceNum = i * COLS + j + 1;  // Note: Workspaces are 1-base
+        string workspaceInitString =
+            regex_replace(workspaceInitTemplate, regex("__WORKSPACE_ID"),
+                          to_string(workspaceNum));
+        json thisWorkspaceInit = json::parse(workspaceInitString);
+        workspaces.push_back(thisWorkspaceInit);
+    }
+}
+
+void addApp(json& client) {
+    if(string(client["class"]).size() == 0) return;
+    // Calculate position in overview tile
+    int workspaceNum = int(client["workspace"]["id"]) - 1;  // 1-base to 0-base
+    if (workspaceNum < 0)
+        return;  // Skip scratchpads/specials, as they have negative ids
+    int i = workspaceNum / COLS, j = workspaceNum % COLS;
+
+    // New JSON for app
+    json newApp =
+        R"({"class": "", "workspace": {"id": 8, "name": "8"}, "title": "", "at": [0, 0], "size": [0, 0], "address": [], "icon": ""})"_json;
+
+    // Add normal stuff
+    newApp["class"] = client["class"];
+    newApp["address"] = client["address"];
+    newApp["workspace"] = client["workspace"];
+    newApp["title"] = client["title"];
+    newApp["size"] = client["size"];
+
+    // Icon path
+    string filename = string("./scripts/cache/" + string(client["class"]));
+    std::ifstream ifs(filename);
+    std::string iconpath((std::istreambuf_iterator<char>(ifs)),
+                         (std::istreambuf_iterator<char>()));
+    while (iconpath.size() > 0 && *iconpath.rbegin() == '\n')
+        iconpath.pop_back();  // Remove '\n'
+    newApp["icon"] = iconpath;
+
+    // Counting
+    int size_x = int(newApp["size"][0]);
+    int size_y = int(newApp["size"][1]);
+    if (size_x <= size_y * 2) {  // Normal
+        newApp["countAs"] = 1;   //     count as 1 window
+    } else {                     // Very wide
+        newApp["countAs"] = 2;   //     count as 2 windows
+    }
+    numOfApps[int(newApp["workspace"]["id"]) - 1] += int(newApp["countAs"]);
+
+    // Push
+    workspaces[j].push_back(newApp);
+}
+
+void getApps() {
+    // Get clients
+    clients = exec("hyprctl clients -j | gojq -c -M");
+    clientjson = json::parse(clients);
+
+    // Access the values
+    for (json client : clientjson) {
+        addApp(client);
+    }
+}
+
+void scaleWindows() {
+    for (int i = 0; i < workspaces.size(); i++) {
+        if (workspaces[i].size() == 0) {
+            workspacesArranged.push_back(EMPTY_JSON);
+            continue;
+        }
+        // Declare
+        int numOfRows = numOfApps[i] > 3 ? int(ceil(sqrt(numOfApps[i]))) : 1;
+        int winsPerRow = (numOfApps[i] + (numOfRows - 1)) / numOfRows;  // ceil
+        json thisWorkspace = EMPTY_JSON;
+        for (int i = 0; i < numOfRows; i++) thisWorkspace.push_back(EMPTY_JSON);
+        int rowHeight =
+            min(max(MIN_ROW_HEIGHT,
+                    (RES_HEIGHT - RESERVED_BOTTOM - SPACING) / numOfRows -
+                        TITLEBAR_AND_BORDER_HEIGHT - SPACING),
+                MAX_ROW_HEIGHT);
+        int thisRowCnt = 0, rowsDone = 0;
+
+        // cout << "Workspace " << i + 1 << " | Rows: " << numOfRows
+        //      << " | Per row: " << winsPerRow << '\n';
+
+        // Scale
+        for (json& window : workspaces[i]) {
+            int cntAs = int(window["countAs"]);
+            if (cntAs == 1) {
+                window["size"][0] = int(window["size"][0]) /
+                                    (float(window["size"][1]) / rowHeight);
+                window["size"][1] = rowHeight;
+            } else {  // cntAs == 2
+                window["size"][1] =
+                    int(float(window["size"][1]) /
+                        (float(window["size"][0]) / (rowHeight * 2)));
+                window["size"][0] = rowHeight * 2;
+            }
+
+            // int minWidth = string(window["title"]).size() * 9;
+            // cout << "Window: " << string(window["title"])
+            //      << ", min width: " << minWidth << '\n';
+            // if (window["size"][0] < minWidth) {
+            //     window["size"][1] = int(window["size"][1]) *
+            //                         (float(minWidth) /
+            //                         int(window["size"][0]));
+            //     window["size"][0] = minWidth;
+            // }
+            // cout << " --> " << window["size"][0] << "x" << window["size"][1]
+            //      << '\n';
+            
+            thisWorkspace[rowsDone].push_back(window);
+            thisRowCnt += int(window["countAs"]);
+            if (thisRowCnt >= winsPerRow) {
+                rowsDone++;
+                thisRowCnt = 0;
+            }
+        }
+
+        workspacesArranged.push_back(thisWorkspace);
+    }
+}
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+
+    // Get windows in workspaces, counting
+    initWorkspaces();
+    getApps();
+
+    // cout << ">>>>>>>> [DEBUG INGO START] >>>>>>>>" << '\n';
+    // cout << workspaces << '\n';
+    // cout << "<<<<<<<< [DEBUG INGO END] <<<<<<<<" << '\n' << '\n';
+
+    // cout << "# of apps: ";
+    // for (int i = 0; i < COLS; i++) cout << numOfApps[i] << ' ';
+    // cout << '\n';
+    // Scaling, arranging
+    scaleWindows();
+
+    cout << workspacesArranged << '\n';
+}
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/toggle-allapps.sh b/hybrid/.config/eww/scripts/toggle-allapps.sh
new file mode 100755
index 000000000..d41f83695
--- /dev/null
+++ b/hybrid/.config/eww/scripts/toggle-allapps.sh
@@ -0,0 +1,11 @@
+#!/usr/bin/bash
+state=$(eww get winstart_allapps)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update winstart_allapps=false
+else
+    eww update winstart_allapps=true
+    # This sleep is necessary for it to animate smoothly!
+    sleep 0.2
+    eww update allapps="$(eww get allapps_get)"
+fi
diff --git a/hybrid/.config/eww/scripts/toggle-bottombar.sh b/hybrid/.config/eww/scripts/toggle-bottombar.sh
new file mode 100755
index 000000000..f6fd9561d
--- /dev/null
+++ b/hybrid/.config/eww/scripts/toggle-bottombar.sh
@@ -0,0 +1,18 @@
+#!/usr/bin/bash
+state=$(eww get rev_bottombar)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_bottombar=false
+    eww update rev_bottombar=false
+    # eww update force_sys_rev=false
+    sleep 0.15
+    eww close bottombar 2>/dev/null
+    eww close bottombar-back 2>/dev/null
+    eww update cavajson=''
+else
+    eww update anim_open_bottombar=true
+    eww open bottombar-back
+    eww open bottombar
+    eww update rev_bottombar=true
+    # eww update force_sys_rev=true &
+fi
diff --git a/hybrid/.config/eww/scripts/toggle-calendar.sh b/hybrid/.config/eww/scripts/toggle-calendar.sh
new file mode 100755
index 000000000..bf4cfb736
--- /dev/null
+++ b/hybrid/.config/eww/scripts/toggle-calendar.sh
@@ -0,0 +1,13 @@
+#!/usr/bin/bash
+state=$(eww get rev_calendar)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_calendar=false
+    eww update rev_calendar=false
+    sleep 0.15
+    eww close calendar 2>/dev/null
+else
+    eww update anim_open_calendar=true
+    eww open calendar
+    eww update rev_calendar=true
+fi
diff --git a/hybrid/.config/eww/scripts/toggle-compactmode.sh b/hybrid/.config/eww/scripts/toggle-compactmode.sh
new file mode 100755
index 000000000..fc8d65195
--- /dev/null
+++ b/hybrid/.config/eww/scripts/toggle-compactmode.sh
@@ -0,0 +1,19 @@
+#!/bin/bash
+
+state=$(hyprctl getoption decoration:rounding -j | gojq '.int')
+
+if [[ "$state" != "0" || "$1" == "--enable" ]]; then
+    eww update compact=true &
+    hyprctl keyword decoration:rounding 0 
+    hyprctl keyword general:gaps_in 0 
+    hyprctl keyword general:gaps_out 0
+    hyprctl keyword monitor eDP-1,addreserved,69,0,0,0  
+    if [[ "$2" == "--border" ]]; then
+        hyprctl keyword general:border_size "$3"
+    else
+        hyprctl keyword general:border_size 1
+    fi
+else
+    eww update compact=false &
+    hyprctl reload
+fi
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/toggle-dash.sh b/hybrid/.config/eww/scripts/toggle-dash.sh
new file mode 100755
index 000000000..de17b1011
--- /dev/null
+++ b/hybrid/.config/eww/scripts/toggle-dash.sh
@@ -0,0 +1,24 @@
+#!/usr/bin/bash
+cd ~/.config/eww || exit
+
+reserves=$(hyprctl monitors -j | gojq -r -c '.[0]["reserved"]')
+if [[ "$1" == "--keypress" && "$reserves" == "[0,0,0,50]" ]]; then
+    scripts/toggle-winactions.sh
+    exit
+fi
+
+state=$(eww get rev_dash)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_dash=false
+    eww update rev_dash=false
+    sleep 0.08
+    eww close dashboard 2>/dev/null
+else
+    scripts/toggle-overview.sh --close &
+    scripts/toggle-osettings.sh --close &
+    scripts/toggle-onotify.sh --close &
+    eww update anim_open_dash=true
+    eww open dashboard
+    eww update rev_dash=true
+fi
diff --git a/hybrid/.config/eww/scripts/toggle-dashfs.sh b/hybrid/.config/eww/scripts/toggle-dashfs.sh
new file mode 100755
index 000000000..978b729f4
--- /dev/null
+++ b/hybrid/.config/eww/scripts/toggle-dashfs.sh
@@ -0,0 +1,22 @@
+#!/usr/bin/bash
+cd ~/.config/eww || exit
+
+reserves=$(hyprctl monitors -j | gojq -r -c '.[0]["reserved"]')
+if [[ "$1" == "--keypress" && "$reserves" == "[0,0,0,50]" ]]; then
+    scripts/toggle-winactions.sh
+    exit
+fi
+
+state=$(eww get rev_dashfs)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_dashfs=false
+    eww update rev_dashfs=false
+    sleep 0.15
+    eww close dashfs 2>/dev/null
+    eww update cavajson=''
+else
+    eww update anim_open_dashfs=true
+    eww open dashfs
+    eww update rev_dashfs=true 
+fi
diff --git a/hybrid/.config/eww/scripts/toggle-music.sh b/hybrid/.config/eww/scripts/toggle-music.sh
new file mode 100755
index 000000000..8b0b7cd7e
--- /dev/null
+++ b/hybrid/.config/eww/scripts/toggle-music.sh
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+state=$(eww get music_open)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_music=false
+    eww update music_open=false
+    sleep 0.2
+    eww close music 2>/dev/null
+    eww update cavajson=''
+else
+    eww update anim_open_music=true
+    eww open music
+    eww update music_open=true
+fi
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/toggle-nightlight.sh b/hybrid/.config/eww/scripts/toggle-nightlight.sh
new file mode 100755
index 000000000..3845d741c
--- /dev/null
+++ b/hybrid/.config/eww/scripts/toggle-nightlight.sh
@@ -0,0 +1,11 @@
+#!/usr/bin/bash
+currentshader=$(hyprctl getoption decoration:screen_shader -j | gojq -r '.str')
+
+if [[ "$currentshader" != *"extradark.frag" ]]; then
+    hyprctl keyword decoration:screen_shader '~/.config/hypr/shaders/extradark.frag'
+else
+    hyprctl keyword decoration:screen_shader ''
+    hyprctl reload
+fi
+
+scripts/hyprsettings tickle
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/toggle-onotify.sh b/hybrid/.config/eww/scripts/toggle-onotify.sh
new file mode 100755
index 000000000..d49c09424
--- /dev/null
+++ b/hybrid/.config/eww/scripts/toggle-onotify.sh
@@ -0,0 +1,23 @@
+#!/usr/bin/bash
+cd ~/.config/eww || exit
+
+reserves=$(hyprctl monitors -j | gojq -r -c '.[0]["reserved"]')
+if [[ "$1" == "--keypress" && "$reserves" == "[0,0,0,50]" ]]; then
+    scripts/toggle-winnotif.sh
+    exit
+fi
+
+state=$(eww get rev_ontf)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_ontf=false
+    eww update rev_ontf=false
+    # eww update force_sys_rev=false
+    sleep 0.15
+    eww close onotify 2>/dev/null
+else
+    eww update anim_open_ontf=true
+    eww open onotify
+    eww update rev_ontf=true &
+    # eww update force_sys_rev=true &
+fi
diff --git a/hybrid/.config/eww/scripts/toggle-osd-bright.sh b/hybrid/.config/eww/scripts/toggle-osd-bright.sh
new file mode 100755
index 000000000..b0733e5b2
--- /dev/null
+++ b/hybrid/.config/eww/scripts/toggle-osd-bright.sh
@@ -0,0 +1,51 @@
+#!/usr/bin/bash
+cd ~/.config/eww
+reserves=$(hyprctl monitors -j | gojq -r -c '.[0]["reserved"]')
+state=$(eww get osd_vol)
+
+closewinvol() {
+    eww update osd_vol=false
+    sleep 0.2
+    eww close winosd_vol 2>/dev/null
+}
+closewinosd() {
+    eww update osd_bright=false
+    sleep 0.2
+    eww close winosd_bright 2>/dev/null
+}
+openwinosd() {
+    if [ "$state" = "true" ]; then
+        closewinvol
+    fi
+    eww open winosd_bright
+    eww update osd_bright=true
+}
+closeosd() {
+    eww update osd_bright=false
+    sleep 0.2
+    eww close osd 2>/dev/null
+}
+openosd() {
+    eww open osd
+    eww update osd_bright=true
+}
+
+if [ "$reserves" = "[0,0,0,50]" ]; then # windoes mode active
+    eww close osd 2>/dev/null &
+    if [[ "$1" == "--open" ]]; then
+        openwinosd
+    else
+        closewinosd
+    fi
+    exit 0
+fi
+
+eww close winosd_vol 2>/dev/null &
+eww close winosd_bright 2>/dev/null &
+if [[ "$1" == "--open" ]]; then 
+    openosd
+elif [[ "$1" == "--close" ]]; then
+    closeosd
+else
+    closeosd
+fi
diff --git a/hybrid/.config/eww/scripts/toggle-osd-vol.sh b/hybrid/.config/eww/scripts/toggle-osd-vol.sh
new file mode 100755
index 000000000..105cf6ca7
--- /dev/null
+++ b/hybrid/.config/eww/scripts/toggle-osd-vol.sh
@@ -0,0 +1,51 @@
+#!/usr/bin/bash
+cd ~/.config/eww || exit
+reserves=$(hyprctl monitors -j | gojq -r -c '.[0]["reserved"]')
+state=$(eww get osd_bright)
+
+closewinbright() {
+    eww update osd_bright=false
+    sleep 0.2
+    eww close winosd_bright 2>/dev/null
+}
+closewinosd() {
+    eww update osd_vol=false
+    sleep 0.2
+    eww close winosd_vol 2>/dev/null
+}
+openwinosd() {
+    if [ "$state" = "true" ]; then
+        closewinbright
+    fi
+    eww open winosd_vol
+    eww update osd_vol=true
+}
+closeosd() {
+    eww update osd_vol=false
+    sleep 0.2
+    eww close osd 2>/dev/null
+}
+openosd() {
+    eww open osd
+    eww update osd_vol=true
+}
+
+if [ "$reserves" = "[0,0,0,50]" ]; then # windoes mode active
+    eww close osd &
+    if [[ "$1" == "--open" ]]; then
+        openwinosd
+    else
+        closewinosd
+    fi
+    exit 0
+fi
+
+eww close winosd_vol 2>/dev/null &
+eww close winosd_bright 2>/dev/null &
+if [[ "$1" == "--open" ]]; then 
+    openosd
+elif [[ "$1" == "--close" ]]; then
+    closeosd
+else
+    closeosd
+fi
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/toggle-osettings.sh b/hybrid/.config/eww/scripts/toggle-osettings.sh
new file mode 100755
index 000000000..256abc001
--- /dev/null
+++ b/hybrid/.config/eww/scripts/toggle-osettings.sh
@@ -0,0 +1,24 @@
+#!/usr/bin/bash
+cd ~/.config/eww || exit
+
+reserves=$(hyprctl monitors -j | gojq -r -c '.[0]["reserved"]')
+if [[ "$1" == "--keypress" && "$reserves" == "[0,0,0,50]" ]]; then
+    scripts/toggle-winnews.sh
+    exit
+fi
+
+
+state=$(eww get rev_ostg)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_ostg=false
+    eww update rev_ostg=false
+    sleep 0.15
+    eww close osettings 2>/dev/null
+    eww update oquery=''
+else # state = false
+    eww update anim_open_ostg=true
+    eww update oquery='' &
+    eww open osettings
+    eww update rev_ostg=true &
+fi
diff --git a/hybrid/.config/eww/scripts/toggle-overview.sh b/hybrid/.config/eww/scripts/toggle-overview.sh
new file mode 100755
index 000000000..eba150db3
--- /dev/null
+++ b/hybrid/.config/eww/scripts/toggle-overview.sh
@@ -0,0 +1,29 @@
+#!/usr/bin/bash
+cd ~/.config/eww || exit
+mkdir -p ~/.config/eww/scripts/cache/
+
+reserves=$(hyprctl monitors -j | gojq -r -c '.[0]["reserved"]')
+if [[ "$reserves" == "[0,0,0,50]" ]]; then
+    if [[ "$1" == "--keypress" ]]; then
+        scripts/toggle-winstart.sh
+        exit
+    elif [[ "$1" == "--overview" && "$reserves" == "[0,0,0,50]" ]]; then
+        scripts/toggle-wintaskview.sh
+        exit
+    fi
+fi
+
+state=$(eww get open_overview)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww close overview 2>/dev/null &
+    eww update overview_query='' &
+    eww update open_overview=false &
+else
+    scripts/allapps > scripts/cache/entries.txt &
+    scripts/allappnames > scripts/cache/entrynames.txt &
+    eww update overview_query=''  &
+    eww update overview_hover_name='{"class":"LMB: Focus | MMB: Close | RMB: Select/Move","title":"Activities Overview","workspace":{"id":5,"name":"5"},"icon": "/usr/share/icons/breeze-dark/actions/16/window.svg"}' &
+    eww open overview
+    eww update open_overview=true
+fi
diff --git a/hybrid/.config/eww/scripts/toggle-supercontext.sh b/hybrid/.config/eww/scripts/toggle-supercontext.sh
new file mode 100755
index 000000000..42850a000
--- /dev/null
+++ b/hybrid/.config/eww/scripts/toggle-supercontext.sh
@@ -0,0 +1,16 @@
+#!/usr/bin/bash
+state=$(eww get rev_supercontext)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_supercontext=false
+    eww update rev_supercontext=false
+    sleep 0.1
+    eww close supercontext 2>/dev/null
+else
+    eww update supercontext_pos_x="$(hyprctl cursorpos -j | gojq '.x')"
+    eww update supercontext_pos_y="$(hyprctl cursorpos -j | gojq '.y')" &
+    eww update anim_open_supercontext=true &
+    eww open supercontext
+    eww update rev_supercontext=true
+    eww update ws_to_swap=0
+fi
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/toggle-themer.sh b/hybrid/.config/eww/scripts/toggle-themer.sh
new file mode 100755
index 000000000..4b5ea1a17
--- /dev/null
+++ b/hybrid/.config/eww/scripts/toggle-themer.sh
@@ -0,0 +1,13 @@
+#!/usr/bin/bash
+state=$(eww get rev_themer)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_themer=false
+    eww update rev_themer=false
+    sleep 0.25
+    eww close themer 2>/dev/null
+else
+    eww update anim_open_themer=true
+    eww open themer
+    eww update rev_themer=true
+fi
diff --git a/hybrid/.config/eww/scripts/toggle-winactions.sh b/hybrid/.config/eww/scripts/toggle-winactions.sh
new file mode 100755
index 000000000..58d7ac88b
--- /dev/null
+++ b/hybrid/.config/eww/scripts/toggle-winactions.sh
@@ -0,0 +1,19 @@
+#!/usr/bin/bash
+state=$(eww get rev_winactions)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    if [[ "$2" == "settings" ]]; then
+        XDG_CURRENT_DESKTOP=GNOME gnome-control-center &
+    fi
+    if [[ "$2" == "power" ]]; then
+        XDG_CURRENT_DESKTOP=GNOME gnome-control-center power &
+    fi
+    eww update anim_open_winactions=false
+    eww update rev_winactions=false
+    sleep 0.1
+    eww close winactions 2>/dev/null
+else
+    eww update anim_open_winactions=true
+    eww open winactions
+    eww update rev_winactions=true
+fi
diff --git a/hybrid/.config/eww/scripts/toggle-wingamebar.sh b/hybrid/.config/eww/scripts/toggle-wingamebar.sh
new file mode 100755
index 000000000..bfc5ca163
--- /dev/null
+++ b/hybrid/.config/eww/scripts/toggle-wingamebar.sh
@@ -0,0 +1,12 @@
+#!/usr/bin/bash
+state=$(eww get rev_wingamebar)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww close wingamebar 2>/dev/null
+    eww update anim_open_wingamebar=false
+    eww update rev_wingamebar=false
+else
+    eww update anim_open_wingamebar=true
+    eww open wingamebar
+    eww update rev_wingamebar=true
+fi
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/toggle-winlang.sh b/hybrid/.config/eww/scripts/toggle-winlang.sh
new file mode 100755
index 000000000..16420ffec
--- /dev/null
+++ b/hybrid/.config/eww/scripts/toggle-winlang.sh
@@ -0,0 +1,13 @@
+#!/usr/bin/bash
+state=$(eww get rev_winlang)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_winlang=false
+    eww update rev_winlang=false
+    sleep 0.1
+    eww close winlang 2>/dev/null
+else
+    eww update anim_open_winlang=true
+    eww open winlang
+    eww update rev_winlang=true
+fi
diff --git a/hybrid/.config/eww/scripts/toggle-winmode.sh b/hybrid/.config/eww/scripts/toggle-winmode.sh
new file mode 100755
index 000000000..3f9809f43
--- /dev/null
+++ b/hybrid/.config/eww/scripts/toggle-winmode.sh
@@ -0,0 +1,23 @@
+#!/usr/bin/bash
+reserves=$(hyprctl monitors -j | gojq -r -c '.[0]["reserved"]')
+
+if [[ "$reserves" == "[0,61,0,0]" ]]; then
+    eww close bottomline 2>/dev/null
+    eww open winbar
+    eww close bar 2>/dev/null
+    hyprctl keyword monitor eDP-1,addreserved,0,50,0,0
+
+    hyprctl keyword decoration:rounding 8
+    hyprctl keyword general:border_size 1
+    hyprctl keyword decoration:drop_shadow true
+
+    hyprctl keyword general:col.active_border 'rgba(494949dd)'
+    hyprctl keyword general:col.inactive_border 'rgba(494949aa)'
+else
+    eww close winbar 2>/dev/null
+    eww open bar
+    eww open bottomline
+    hyprctl keyword monitor eDP-1,addreserved,61,0,0,0
+
+    hyprctl reload
+fi
diff --git a/hybrid/.config/eww/scripts/toggle-winnews.sh b/hybrid/.config/eww/scripts/toggle-winnews.sh
new file mode 100755
index 000000000..c29d319c4
--- /dev/null
+++ b/hybrid/.config/eww/scripts/toggle-winnews.sh
@@ -0,0 +1,15 @@
+#!/usr/bin/bash
+state=$(eww get rev_winnews)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_winnews=false
+    eww update rev_winnews=false
+    sleep 0.15
+    eww close winnews 2>/dev/null
+    eww update oquery=''
+else
+    eww update anim_open_winnews=true
+    eww update oquery='' &
+    eww open winnews
+    eww update rev_winnews=true
+fi
diff --git a/hybrid/.config/eww/scripts/toggle-winnotif.sh b/hybrid/.config/eww/scripts/toggle-winnotif.sh
new file mode 100755
index 000000000..4fdcf1a81
--- /dev/null
+++ b/hybrid/.config/eww/scripts/toggle-winnotif.sh
@@ -0,0 +1,13 @@
+#!/usr/bin/bash
+state=$(eww get rev_winnotif)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_winnotif=false
+    eww update rev_winnotif=false
+    sleep 0.2
+    eww close winnotif 2>/dev/null
+else
+    eww update anim_open_winnotif=true
+    eww open winnotif
+    eww update rev_winnotif=true
+fi
diff --git a/hybrid/.config/eww/scripts/toggle-winpowermenu.sh b/hybrid/.config/eww/scripts/toggle-winpowermenu.sh
new file mode 100755
index 000000000..9388cfb28
--- /dev/null
+++ b/hybrid/.config/eww/scripts/toggle-winpowermenu.sh
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+state=$(eww get rev_winpowermenu)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_winpowermenu=false
+    eww update rev_winpowermenu=false
+    eww update winsearch='' &
+    sleep 0.15
+    eww close winpowermenu 2>/dev/null
+else
+    eww update anim_open_winpowermenu=true
+    eww open winpowermenu
+    eww update rev_winpowermenu=true
+fi
diff --git a/hybrid/.config/eww/scripts/toggle-winstart.sh b/hybrid/.config/eww/scripts/toggle-winstart.sh
new file mode 100755
index 000000000..46e43c2bc
--- /dev/null
+++ b/hybrid/.config/eww/scripts/toggle-winstart.sh
@@ -0,0 +1,22 @@
+#!/usr/bin/bash
+cd ~/.config/eww || exit
+state=$(eww get rev_winstart)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    scripts/toggle-winpowermenu.sh --close &
+    eww update anim_open_winstart=false
+    eww update rev_winstart=false
+    sleep 0.1
+    eww close winstart 2>/dev/null
+    eww update winsearch=''
+    eww update winsearch_prefix=''
+    eww update winstart_allapps=false
+    eww update allapps=''
+else
+    scripts/allapps > scripts/cache/entries.txt &
+    scripts/allappnames > scripts/cache/entrynames.txt &
+    eww update anim_open_winstart=true
+    eww open winstart
+    eww update rev_winstart=true
+    eww update allapps_get="$(scripts/allapps --mode 2)" &
+fi
diff --git a/hybrid/.config/eww/scripts/toggle-wintaskview.sh b/hybrid/.config/eww/scripts/toggle-wintaskview.sh
new file mode 100755
index 000000000..66d0a7433
--- /dev/null
+++ b/hybrid/.config/eww/scripts/toggle-wintaskview.sh
@@ -0,0 +1,15 @@
+#!/usr/bin/bash
+cd ~/.config/eww || exit
+
+state=$(eww get rev_wintaskview)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then 
+    eww update anim_open_wintaskview=false
+    eww update rev_wintaskview=false
+    sleep 0.1
+    eww close wintaskview 2>/dev/null
+else
+    eww update anim_open_wintaskview=true
+    eww open wintaskview
+    eww update rev_wintaskview=true
+fi
diff --git a/hybrid/.config/eww/scripts/togglelight b/hybrid/.config/eww/scripts/togglelight
new file mode 100755
index 000000000..96dd9b58f
--- /dev/null
+++ b/hybrid/.config/eww/scripts/togglelight
@@ -0,0 +1,9 @@
+#!/usr/bin/bash
+
+if [ "$1" == "light" ]; then
+  echo -n '-l' > 'scripts/workdir/__mode_light_dark.txt'
+  cp css/savedcolors/_iconcolor_default.txt css/_iconcolor_default.txt
+else
+  echo -n '' > 'scripts/workdir/__mode_light_dark.txt'
+  cp css/savedcolors/_iconcolor_default.txt css/_iconcolor_default.txt
+fi
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/update-tray.sh b/hybrid/.config/eww/scripts/update-tray.sh
new file mode 100755
index 000000000..20d579824
--- /dev/null
+++ b/hybrid/.config/eww/scripts/update-tray.sh
@@ -0,0 +1,7 @@
+#!/usr/bin/bash
+
+if [[ "$(pidof waybar)" == "" ]]; then
+  eww update tray_is_open=false
+else
+  eww update tray_is_open=true
+fi
diff --git a/hybrid/.config/eww/scripts/volume b/hybrid/.config/eww/scripts/volume
new file mode 100755
index 000000000..b4f2821f6
--- /dev/null
+++ b/hybrid/.config/eww/scripts/volume
@@ -0,0 +1,133 @@
+#!/usr/bin/env bash
+cd ~/.config/eww
+
+volicons=("" "" "")
+XDG_CACHE_HOME="$HOME/.cache"
+date="$XDG_CACHE_HOME/eww/osd_vol.date"
+lock=0
+
+showhide() {
+  # get dates
+  rundate=$(cat "$date")
+  currentdate=$(date +%s)
+
+  # handle showing
+  if [ "$rundate" = "$currentdate" ] && [ "$lock" -eq 0 ]; then
+    scripts/toggle-osd-vol.sh --open
+    lock=1
+  elif [ $((currentdate - rundate)) -ge 2 ] && [ "$lock" -eq 1 ]; then
+    scripts/toggle-osd-vol.sh --close > /dev/null
+    lock=0
+  fi
+}
+
+osd() {
+  if [ ! -f "$date" ]; then
+    mkdir -p "$XDG_CACHE_HOME/eww"
+  fi
+  date +%s > "$date"
+  showhide
+}
+
+osd_handler() {
+  lock=0
+  rundate=0
+  if [ ! -f "$date" ]; then
+    mkdir -p "$XDG_CACHE_HOME/eww"
+    echo 0 > "$date"
+  fi
+
+  while true; do
+    showhide
+    sleep 0.1
+  done
+}
+
+vol() {
+  wpctl get-volume @DEFAULT_AUDIO_$1@ | awk '{print int($2*100)}'
+}
+ismuted() {
+  wpctl get-volume @DEFAULT_AUDIO_"$1"@ | rg -i muted
+  echo $?
+}
+setvol() {
+  wpctl set-volume @DEFAULT_AUDIO_"$1"@ "$(awk -v n="$2" 'BEGIN{print (n / 100)}')"
+}
+setmute() {
+  wpctl set-mute @DEFAULT_AUDIO_"$1"@ toggle
+}
+
+if [ "$1" = "--once" ]; then
+  lvl=$(awk -v n="$(vol "SINK")" 'BEGIN{print int(n/34)}')
+    ismuted=$(ismuted "SINK")
+
+    if [ "$ismuted" = 1 ]; then
+    	icon="${volicons[$lvl]}"
+    else
+      icon=""
+    fi
+    audio=1
+    if [ "$(wpctl status | grep 'MUTED')" == "" ]; then
+      audio=1
+    else 
+      audio=0
+    fi
+
+    echo '{"icon":"'"$icon"'","audio":"'"$audio"'","percent":"'"$(vol "SINK")"'","microphone":"'"$(vol "SOURCE")"'"}'
+    exit 0
+fi
+
+if [ "$1" = "mute" ]; then
+  if [ "$2" != "SOURCE" ] && [ "$2" != "SINK" ]; then
+    echo "Can only mute SINK or SOURCE"; exit 1
+  fi
+  setmute "$2"
+elif [ "$1" = "setvol" ]; then
+  if [ "$2" != "SOURCE" ] && [ "$2" != "SINK" ]; then
+    echo "Can only set volume for SINK or SOURCE"; exit 1
+  elif [ "$3" -lt 1 ] || [ "$3" -gt 100 ]; then
+    echo "Volume must be between 1 and 100"; exit 1
+  fi
+  setvol "$2" "$3"
+elif [ "$1" = "osd" ]; then
+  osd
+else
+  # initial values
+  lvl=$(awk -v n="$(vol "SINK")" 'BEGIN{print int(n/34)}')
+  ismuted=$(ismuted "SINK")
+
+  if [ "$ismuted" = 1 ]; then
+  	icon="${volicons[$lvl]}"
+  else
+    icon=""
+  fi
+  audio=1
+  if [ "$(wpctl status | grep 'MUTED')" == "" ]; then
+    audio=1
+  else 
+    audio=0
+  fi
+
+  echo '{"icon":"'"$icon"'","audio":"'"$audio"'","percent":"'"$(vol "SINK")"'","microphone":"'"$(vol "SOURCE")"'"}'
+
+  osd_handler &
+  # event loop
+  pactl subscribe | rg --line-buffered "on sink" | while read -r _; do
+    lvl=$(awk -v n="$(vol "SINK")" 'BEGIN{print int(n/34)}')
+    ismuted=$(ismuted "SINK")
+
+    if [ "$ismuted" = 1 ]; then
+    	icon="${volicons[$lvl]}"
+    else
+      icon=""
+    fi
+    audio=1
+    if [ "$(wpctl status | grep 'MUTED')" == "" ]; then
+      audio=1
+    else 
+      audio=0
+    fi
+
+    echo '{"icon":"'"$icon"'","audio":"'"$audio"'","percent":"'"$(vol "SINK")"'","microphone":"'"$(vol "SOURCE")"'"}'
+  done
+fi
diff --git a/hybrid/.config/eww/scripts/waifupics.py b/hybrid/.config/eww/scripts/waifupics.py
new file mode 100755
index 000000000..25ca8b5fb
--- /dev/null
+++ b/hybrid/.config/eww/scripts/waifupics.py
@@ -0,0 +1,36 @@
+#!/usr/bin/python3
+# Import the requests module
+import requests
+import json
+import os
+import sys
+
+# Define the URL to send the GET request
+url = "https://api.waifu.pics/sfw/waifu"
+if len(sys.argv) > 1 and sys.argv[1] == '--segs':
+    url = "https://api.waifu.pics/nsfw/"
+    if len(sys.argv) > 2:
+        url += sys.argv[2]
+    else:
+        url += "waifu"
+else:
+    url = "https://api.waifu.pics/sfw/"
+    if len(sys.argv) > 1:
+        url += sys.argv[1]
+    else:
+        url += "waifu"
+
+# Send the GET request and store the response object
+response = requests.get(url)
+
+# Check if the request was successful
+if response.status_code == 200:
+    # Print the received data as JSON
+    results = response.json()
+    link=results['url']
+    os.system('wget -O "{0}" "{1}" -q –read-timeout=0.1'.format('eww_covers/waifu_tmp', link))
+    os.system('mv ./eww_covers/waifu_tmp ./eww_covers/waifu')
+    print('eww_covers/waifu')
+else:
+    # Print an error message
+    print("Something went wrong. Status code:", response.status_code)
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/winnumbers b/hybrid/.config/eww/scripts/winnumbers
new file mode 100755
index 000000000..079870c4e
--- /dev/null
+++ b/hybrid/.config/eww/scripts/winnumbers
@@ -0,0 +1,29 @@
+#!/usr/bin/bash
+
+geticonlist() {
+    classes=$(hyprctl clients | grep -e 'class: ' | sed 's/class: Code/class: code/' | sed 's/\tclass: //')
+    addresses=$(hyprctl clients | grep -e ' -> ')
+    # echo "$classes"
+    IFS=$'\n'
+    classarr=($(echo "$classes"))
+    
+    printf '['
+    for i in "${!classarr[@]}"; do
+        if [ $i -ne 0 ]; then
+            printf ', '
+        fi
+        printf "$i"
+    done
+    echo ']'
+}
+
+geticonlist
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    geticonlist
+  done
+fi
+
diff --git a/hybrid/.config/eww/scripts/workdir/__mode_colors.txt b/hybrid/.config/eww/scripts/workdir/__mode_colors.txt
new file mode 100755
index 000000000..43dd47ea6
--- /dev/null
+++ b/hybrid/.config/eww/scripts/workdir/__mode_colors.txt
@@ -0,0 +1 @@
+one
\ No newline at end of file
diff --git a/hybrid/.config/eww/scripts/workdir/__mode_light_dark.txt b/hybrid/.config/eww/scripts/workdir/__mode_light_dark.txt
new file mode 100755
index 000000000..e69de29bb
diff --git a/hybrid/.config/eww/scripts/workspaces b/hybrid/.config/eww/scripts/workspaces
new file mode 100755
index 000000000..bb41b2003
--- /dev/null
+++ b/hybrid/.config/eww/scripts/workspaces
@@ -0,0 +1,153 @@
+#!/usr/bin/env bash
+
+# define colors
+colors=("#FFFFFF" "#fab387" "#a6e3a1" "#89b4fa") # Active Workspaces
+dimmed=("rgba(174,172,182,0.7)" "#f9e2af" "#94e2d5" "#b4befe") # Inactive workspaces
+empty='rgba(146,145,145,0.5)' # Empty workspaces
+
+# get initial focused workspace
+focusedws=$(hyprctl -j monitors | gojq -r '.[] | select(.focused == true) | .activeWorkspace.id')
+
+declare -A o=([1]=0 [2]=0 [3]=0 [4]=0 [5]=0 [6]=0 [7]=0 [8]=0 [9]=0 [10]=0)
+declare -A monitormap
+declare -A workspaces
+
+# set color for each workspace
+status() {
+  if [ "${o[$1]}" -eq 1 ]; then 
+    mon=${monitormap[${workspaces[$1]}]}
+    echo -n "${dimmed[$mon]}"
+  else
+    echo -n "$empty"
+  fi
+}
+
+status_activity() {
+  if [ "${o[$1]}" -eq 1 ]; then 
+    mon=${monitormap[${workspaces[$1]}]}
+
+    if [ $focusedws -eq "$1" ]; then
+      echo -n "active"
+    else
+      echo -n "inactive"
+    fi
+  else
+    echo -n "empty"
+  fi
+}
+
+# handle workspace create/destroy
+workspace_event() {
+  if (( $1 <= 10 )); then
+    o[$1]=$2
+    while read -r k v; do workspaces[$k]="$v"; done < <(hyprctl -j workspaces | gojq -r '.[]|"\(.id) \(.monitor)"')
+  fi
+  if [ "$2" == "0" ]; then
+    unset "workspaces[$1]"
+  fi
+}
+# handle monitor (dis)connects
+monitor_event() {
+  while read -r k v; do monitormap["$k"]=$v; done < <(hyprctl -j monitors | gojq -r '.[]|"\(.name) \(.id) "')
+}
+
+# generate the json for eww
+generate() {
+  echo -n '['
+
+  for i in {1..10}; do
+    echo -n ''$([ $i -eq 1 ] || echo ,)'{"num":"'$i'","clr":"'$(status "$i")'"}'
+    # echo -n ''$([ $i -eq 1 ] || echo ,) '{ "number": "'"$i"'", "activity": "'"$(status_activity $i)"'", "color": "'$(status "$i")'" }'
+  done
+
+  # echo -n ',{"num":"'$focusedws'","clr":"'$(status "$focusedws")'"}'
+
+  echo ']'
+}
+
+# setup
+
+# add monitors
+monitor_event
+
+# add workspaces
+while read -r k v; do workspaces[$k]="$v"; done < <(hyprctl -j workspaces | gojq -r '.[]|"\(.id) \(.monitor)"')
+
+# check occupied workspaces
+for num in "${!workspaces[@]}"; do
+  o[$num]=1
+done
+# generate initial widget
+generate
+
+socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | while read -r line; do
+  # echo "${#workspaces[@]} ${#o[@]}"
+  # echo $line
+  case ${line%>>*} in
+    "focusedmon")
+      focusedws=${line#*,}
+      generate
+      ;;
+    "createworkspace")
+      # workspace_event "${line#*>>}" 1
+      o=([1]=0 [2]=0 [3]=0 [4]=0 [5]=0 [6]=0 [7]=0 [8]=0 [9]=0 [10]=0)
+      workspaces=()
+      # add workspaces
+      while read -r k v; do workspaces[$k]="$v"; done < <(hyprctl -j workspaces | gojq -r '.[]|"\(.id) \(.monitor)"')
+      # check occupied workspaces
+      for num in "${!workspaces[@]}"; do
+        o[$num]=1
+      done
+      # focusedws=${line#*>>}
+      generate
+      ;;
+    "movewindow")
+      generate
+      ;;
+    "destroyworkspace")
+      # workspace_event "${line#*>>}" 0
+      o=([1]=0 [2]=0 [3]=0 [4]=0 [5]=0 [6]=0 [7]=0 [8]=0 [9]=0 [10]=0)
+      workspaces=()
+      # add workspaces
+      while read -r k v; do workspaces[$k]="$v"; done < <(hyprctl -j workspaces | gojq -r '.[]|"\(.id) \(.monitor)"')
+      # check occupied workspaces
+      for num in "${!workspaces[@]}"; do
+        o[$num]=1
+      done
+      generate
+      ;;
+    "monitor"*)
+      monitor_event
+      generate
+      ;;
+  esac
+  # echo $line
+  # generate
+done
+
+# main loop
+# socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "workspace|mon(itor)?" | while read -r line; do
+#   case ${line%>>*} in
+#     "workspace")
+#       focusedws=${line#*>>}
+#       generate
+#       ;;
+#     "focusedmon")
+#       focusedws=${line#*,}
+#       generate
+#       ;;
+#     "createworkspace")
+#       workspace_event "${line#*>>}" 1
+#       focusedws=${line#*>>}
+#       # generate
+#       ;;
+#     "destroyworkspace")
+#       workspace_event "${line#*>>}" 0
+#       generate
+#       ;;
+#     "monitor"*)
+#       monitor_event
+#       generate
+#       ;;
+#   esac
+# done
\ No newline at end of file
diff --git a/hybrid/.config/eww/variables.yuck b/hybrid/.config/eww/variables.yuck
new file mode 100644
index 000000000..3e3743c2e
--- /dev/null
+++ b/hybrid/.config/eww/variables.yuck
@@ -0,0 +1,170 @@
+; Const vars
+(defvar FILE_BROWSER "nautilus")
+(defpoll RES_WIDTH :initial 1920 :interval "69h" `xrandr --current | grep '*' | uniq | awk '{print $1}' | cut -d 'x' -f1`)
+(defpoll RES_HEIGHT :initial 1080 :interval "69h" `xrandr --current | grep '*' | uniq | awk '{print $1}' | cut -d 'x' -f2`)
+(defvar BG_ZOOM 1.2)
+(defvar OVERVIEW_SCALE 0.18)
+(defvar TASKVIEW_SCALE 0.12)
+(defvar weekdays '[{"day":"Mo","today":"0"},{"day":"Tu","today":"0"},{"day":"We","today":"0"},{"day":"Th","today":"0"},{"day":"Fr","today":"0"},{"day":"Sa","today":"0"},{"day":"Su","today":"0"}]')
+(defvar wsnums `[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]`)
+(defvar ws-icons '["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"]')
+(deflisten ICON_GET `scripts/get_open_icons`)
+(defvar SUPERCONTEXT_WIDTH 300)
+(defvar SUPERCONTEXT_HEIGHT 300)
+(defvar SUPERCONTEXT_OFFSET_X "[75, 23.1, -60.6, -60.6, 23.1]")
+(defvar SUPERCONTEXT_OFFSET_Y "[0, 67.6, 41.8, -41.8, -67.6]")
+(defvar SUPERCONTEXT_BUTTON_RADIUS 30)
+(defvar TASKVIEW_WORKSPACE_NAMES '["Desktop 1", "Desktop 2", "Desktop 3", "Desktop 4", "Desktop 5", "Desktop 6", "Desktop 7", "Desktop 8", "Desktop 9", "Desktop 10", ]')
+(defvar WINTASKVIEW_RESERVED_BOTTOM 250)
+(defvar WINTASKVIEW_SPACING 30)
+(defvar MIN_ROW_HEIGHT 100)
+(defvar WAIFU_TAG_ID `[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,29,30,31,32]`)
+(defvar WAIFU_CATEGORIES `["waifu","waifu segs","neko","neko segs","megumin","shinobu","bully","cuddle","cry","hug","awoo","kiss","lick","pat","smug","bonk","yeet","blush","smile","wave","highfive","handhold","nom","bite","glomp","slap","kill","kick","happy","wink","poke","dance","cringe"]`)
+(defvar WAIFU_CATEGORIES_ARGS `["waifu","--segs waifu","neko","--segs neko","megumin","shinobu","bully","cuddle","cry","hug","awoo","kiss","lick","pat","smug","bonk","yeet","blush","smile","wave","highfive","handhold","nom","bite","glomp","slap","kill","kick","happy","wink","poke","dance","cringe"]`)
+(defvar username_default "username")
+(defvar quote_content `["haha pointers hee hee i love pointe-\\\nProcess Vaxry exited with signal SIGSEGV", "I have a hentai anal gif playing in my base", "Amazing XXXmas. Cute femboy was fucked\\\nin the ass under the Christmas tree", "baaaaaaaaaaaa", "...so Nvidia, fuck you"]`)
+(defvar quote_author `["- vaxry", "- vaxry", "- Hyprland community, 2022", "-vaxer", "- Linus Torvalds"]`)
+
+; Vars
+(defvar music_reveal false)
+(defvar oquery "")
+(defvar sys_menu_open true)
+(defvar date_rev false)
+(defvar sys_rev false)
+(defvar force_sys_rev true)
+(defvar editing false)
+(defvar osd_track false)
+(defvar osd_vol false)
+(defvar osd_bright false)
+(defvar selected '')
+(defvar overview_hover_name "Activities Overview")
+(defvar overview_query "")
+(defvar overview_results "")
+(defvar open_overview false)
+(defvar popup "none")
+(defvar right_hover false)
+(defvar ontf_hover false)
+(defvar music_hover false)
+(defvar edit_hover false)
+(defvar themer_hover false)
+(defvar calendar_hover false)
+(defvar rev_center_ws true)
+(defvar music_open false)
+(defvar themer_open false)
+(defvar focus false)
+(defvar win_hover false)
+(defvar winnotif_hover false)
+(defvar winactions_hover false)
+(defvar winstart_allapps false)
+(defvar monthshift 0)
+(defvar calendartitle '')
+(defvar winsearch '')
+(defvar winsearch_results "")
+(defvar winsearch_actions "")
+(defvar winsearch_actions_type "")
+(defvar winsearch_prefix "")
+(defvar allapps '')
+(defvar allapps_get '')
+(defvar compact false)
+(defvar resource_metric "cpu")
+(defvar record_sound false)
+(defvar supercontext_pos_x 960)
+(defvar supercontext_pos_y 540)
+(defvar ws_to_swap 0)
+(defvar tray_is_open false)
+
+; Dynamic animation: different for open and close
+(defvar rev_wincalendar true)
+(defvar rev_winactions false)
+(defvar rev_winnotif false)
+(defvar rev_winstart false)
+(defvar rev_winpowermenu false)
+(defvar rev_ostg false)
+(defvar rev_ontf false)
+(defvar rev_themer false)
+(defvar rev_dash false)
+(defvar rev_calendar false)
+(defvar rev_wingamebar false)
+(defvar rev_winnews false)
+(defvar rev_dashfs false)
+(defvar rev_bottombar false)
+(defvar rev_supercontext false)
+(defvar rev_wintaskview false)
+(defvar rev_winlang false)
+
+(defvar anim_open_ostg true)
+(defvar anim_open_ontf true)
+(defvar anim_open_search true)
+(defvar anim_open_themer true)
+(defvar anim_open_music true)
+(defvar anim_open_dash true)
+(defvar anim_open_calendar true)
+(defvar anim_open_winactions true)
+(defvar anim_open_winnotif true)
+(defvar anim_open_winstart true)
+(defvar anim_open_winpowermenu true)
+(defvar anim_open_wingamebar true)
+(defvar anim_open_winnews true)
+(defvar anim_open_dashfs true)
+(defvar anim_open_bottombar true)
+(defvar anim_open_supercontext true)
+(defvar anim_open_wintaskview true)
+(defvar anim_open_winlang true)
+
+; Time
+(defpoll time :interval "5s" `date +'{"date": "%d/%m", "hour": "%H", "minute": "%M", "monthname": "%B", "day": "%A", "year": "%Y"}'`)
+(defpoll day_only :interval "5s" "date '+%e' | sed 's/ //g'")
+(defpoll time12 :interval "10s" `date '+%l:%M %^P' | sed 's/am/AM/g' | sed 's/pm/PM/g'`)
+
+; Listeners
+(deflisten airplane "scripts/airplane")
+(deflisten battery "scripts/battery")
+(deflisten bluetooth "scripts/bluetooth")
+(deflisten brightness "scripts/brightness")
+(deflisten memory "scripts/memory")
+(deflisten music "scripts/music")
+(deflisten music_cover "scripts/music cover")
+(deflisten notifications "scripts/notifications")
+(deflisten notif_icons :initial `{"icon": "󰆄", "paused": false, "toggle_icon": ""}` "scripts/notifications icons")
+(deflisten net "scripts/net")
+(deflisten volume "scripts/volume")
+(deflisten workspace "scripts/workspaces")
+(deflisten winnums "scripts/winnumbers")
+(deflisten hyprjson "scripts/hyprsettings")
+(deflisten awin "scripts/activewin")
+(deflisten audiojson "scripts/audiolevels")
+(deflisten mcover "scripts/music cover")
+(deflisten mname "scripts/music name 41")
+(deflisten mname_win "scripts/music name 32")
+(deflisten mplay "playerctl -F metadata -f '{{status}}'")
+(deflisten wsjsona "scripts/overview-wrapper1")
+(deflisten wsjsonb "scripts/overview-wrapper2")
+(deflisten activews :initial 1 "scripts/activews")
+(deflisten tasks "scripts/taskbarloop")
+(deflisten pinnedapps "cat modules/pinned-apps.json | gojq -c -M")
+(deflisten recommended "cat modules/recommended.json | gojq -c -M")
+(deflisten gamebarwidgets "cat modules/gamebar.json | gojq -c -M")
+(deflisten audiodevice `pactl --format=json list sinks | gojq -c -r '.[0]["description"]'`)
+(deflisten cavajson `scripts/cavajson`)
+(deflisten mousepos `scripts/mousetrack`)
+(deflisten taskviewlayout `scripts/taskviewlayout-wrapper`)
+(deflisten lang_ibus :initial "{\"name\":\"English (xkb)\",\"name_abbr\":\"ENG\",\"name_ibus\":\"xkb:us::eng\"}" `scripts/language`)
+(defpoll langs :interval "5m" `cat modules/langs.json | gojq -c -M`)
+(defpoll colormode   :interval "5m" "cat scripts/workdir/__mode_colors.txt")
+(defpoll coloraccent :interval "5m" "cat css/_iconcolor.txt | head -1")
+
+; Fetch stuff
+(defpoll uptime :interval "1m" "uptime -p | sed -e 's/up //;s/ hours,/h/;s/ minutes/m/'")
+(defpoll packages :interval "5m" `pacman -Q | wc -l`)
+(defpoll kernel :interval "5m" `uname -r`)
+(defpoll username :interval "5m" :initial "username" `whoami`)
+(defpoll realname :interval "5m" :initial "realname" `getent passwd "$USER" | cut -d ':' -f 5 | cut -d ',' -f 1`)
+(defpoll hostname :interval "5m" :initial "distro" `uname -n`)
+(defpoll wm :interval "5m" :initial "Hyprland" `echo $XDG_CURRENT_DESKTOP`)
+(defpoll diskfreepercent :interval "5m" `echo $(df --output=pcent / | tr -dc '0-9')`)
+(defpoll diskused :interval "5m" `df -h --output=used / | awk 'NR==2{print $1}'`)
+(defpoll diskfree :interval "5m" `df -h --output=avail / | awk 'NR==2{print $1}'`)
+(defpoll disksize :interval "5m" `df -h --output=size / | awk 'NR==2{print $1}'`)
+(deflisten cpuname `cat /proc/cpuinfo | grep 'model name' | awk -F: '{print $2}' | head -n 1`)
+(defpoll waifu_get :interval "5m" `python3 scripts/waifupics.py`)
+(defpoll calendar :interval "15m" `eww update monthshift=0 && eww update calendartitle="$(date '+%B %Y')" && scripts/calendarlayout`)
diff --git a/hybrid/.config/eww/windows/bg-decor.yuck b/hybrid/.config/eww/windows/bg-decor.yuck
new file mode 100755
index 000000000..4dfa01022
--- /dev/null
+++ b/hybrid/.config/eww/windows/bg-decor.yuck
@@ -0,0 +1,313 @@
+(defwidget mycpu [coreid]
+  (box
+    :space-evenly false
+    :orientation "v"
+    (label
+      :class "bg-cool-text"
+      :text "Core ${coreid}"
+    )
+    (box
+      :class "bg-graph-container"
+      (graph
+        :class "bg-graph"
+        :width 100
+        :height 50
+        :thickness 3
+        :min 0
+        :max 100
+        :value {EWW_CPU.cores[coreid].usage}
+        :time-range "30s"
+        :line-style "round"
+      )
+    )
+  )
+)
+
+(defwidget bgdecors []
+  (centerbox
+    :space-evenly false
+    :orientation "h"
+    (box
+      :space-evenly false
+      :orientation "v"
+      :valign "center"
+      (box
+        :space-evenly false
+        :orientation "v"
+        :halign "start"
+        :class "bg-module"
+        (centerbox
+          (box
+            :orientation "h"
+            :space-evenly false
+            (label :xalign 0.5 :class "bg-icon" :text "")
+            (label :xalign 0 :class "bg-text bg-title" :text "CPU x${arraylength(EWW_CPU.cores)}")
+          )
+          (box)
+          (box
+            :orientation "h"
+            :space-evenly false
+            (label :xalign 1 :class "bg-text" :text "${cpuname}")
+          )
+        )
+        (box
+          :space-evenly false
+          :orientation "v"
+          ; :valign "center"
+          :width 150
+          :height 30
+          (box
+            :space-evenly false
+            :orientation "h"
+            (mycpu :coreid 0)
+            (mycpu :coreid 1)
+            (mycpu :coreid 2)
+          )
+          (box
+            :space-evenly false
+            :orientation "h"
+            (mycpu :coreid 3)
+            (mycpu :coreid 4)
+            (mycpu :coreid 5)
+          )
+          (box
+            :space-evenly false
+            :orientation "h"
+            (mycpu :coreid 6)
+            (mycpu :coreid 7)
+            (mycpu :coreid 8)
+          )
+          (box
+            :space-evenly false
+            :orientation "h"
+            (mycpu :coreid 9)
+            (mycpu :coreid 10)
+            (mycpu :coreid 11)
+          )
+        )
+      )
+      (box
+        :space-evenly false
+        :orientation "v"
+        :valign "end"
+        (box
+          :class "bg-module bg-date"
+          :space-evenly false
+          :orientation "v"
+          :halign "start"
+          :valign "end"
+          (label
+            :xalign 0
+            :class "bg-decor-dow" ; Hyperland maybe?
+            :text "${time.day}"
+          )
+          (label
+            :xalign 0
+            :class "bg-decor-date"
+            :text "${time.date}"
+          )
+        )
+      )
+    )
+    (box
+      :space-evenly false
+      :orientation "v"
+      :valign "center"
+      :width 150
+      :height 30
+      ; (graph
+        ;   :class "bg-graph"
+        ;   :width 155
+        ;   :height 25
+        ;   :thickness 3
+        ;   :value {EWW_CPU.cores[0].usage}
+        ;   :time-range "30s"
+        ;   ; :line-style "round"
+      ; )
+    )
+    (box
+      :space-evenly false
+      :orientation "v"
+      :halign "end"
+      :valign "center"
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "bg-module"
+        :valign "end"
+        (centerbox
+          (box
+            :orientation "h"
+            :space-evenly false
+            (label :xalign 0.5 :class "bg-icon" :text "")
+            (label :xalign 0 :class "bg-text bg-title" :text "Network")
+          )
+          (box)
+          (box)
+        )
+        (box
+          :orientation "h"
+          (label :halign "start" :xalign 0 :class "bg-cool-text" :text "Up: ${EWW_NET["wlan0"].NET_UP} bytes")
+        )
+        (button ; Button to make this not draggable
+          (box
+            :class "bg-graph-container"
+            (graph
+              :class "bg-graph"
+              :width 100
+              :height 50
+              :thickness 3
+              :dynamic true
+              :value {EWW_NET["wlan0"].NET_UP}
+              :time-range "30s"
+              :line-style "round"
+            )
+          )
+        )
+        (box
+          :orientation "h"
+          (label :halign "start" :xalign 0 :class "bg-cool-text" :text "Down: ${EWW_NET["wlan0"].NET_DOWN} bytes")
+        )
+        (button ; Button to make this not draggable
+          (box
+            :class "bg-graph-container"
+            (graph
+              :class "bg-graph"
+              :width 100
+              :height 50
+              :thickness 3
+              :dynamic true
+              :value {EWW_NET["wlan0"].NET_DOWN}
+              :time-range "30s"
+              :line-style "round"
+            )
+          )
+        )
+      )
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "bg-module"
+        :valign "end"
+        (centerbox
+          (box
+            :orientation "h"
+            :space-evenly false
+            (label :xalign 0.5 :class "bg-icon" :text "")
+            (label :xalign 0 :class "bg-text bg-title" :text "Memory")
+          )
+          (box)
+          (box
+            :orientation "h"
+            (label :xalign 1 :class "bg-text bg-title" :text "(${memory.total})")
+          )
+        )
+        (box
+          :orientation "h"
+          (label :halign "start" :xalign 0 :class "bg-cool-text" :text "+${memory.used}")
+          (label :halign "end" :xalign 1 :class "bg-cool-text" :text "-${memory.free}")
+        )
+        (button ; Button to make this not draggable
+          (box
+            :class "bg-graph-container"
+            (graph
+              :class "bg-graph"
+              :width 100
+              :height 50
+              :thickness 3
+              :min 0
+              :max 100
+              :value {memory.percentage}
+              :time-range "30s"
+              :line-style "round"
+            )
+          )
+        )
+        (centerbox
+          (box
+            :orientation "h"
+            :space-evenly false
+            (label :xalign 0.5 :class "bg-icon" :text "")
+            (label :xalign 0 :class "bg-text bg-title" :text "Swap")
+          )
+          (box)
+          (box
+            :orientation "h"
+            (label :xalign 1 :class "bg-text bg-title" :text "(${memory.swaptotal})")
+          )
+        )
+        (box
+          :orientation "h"
+          (label :halign "start" :xalign 0 :class "bg-cool-text" :text "+${memory.swapused}")
+          (label :halign "end" :xalign 1 :class "bg-cool-text" :text "-${memory.swapfree}")
+        )
+        (button ; Button to make this not draggable
+          ; (scale
+          ;   :class "bg-progress"
+          ;   :value {memory.swappercentage}
+          ; )
+          (box
+            :class "bg-graph-container"
+            (graph
+              :class "bg-graph"
+              :width 100
+              :height 50
+              :thickness 3
+              :min 0
+              :max 100
+              :value {memory.swappercentage}
+              :time-range "30s"
+              :line-style "round"
+            )
+          )
+        )
+      )
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "bg-module"
+        :valign "end"
+        (centerbox
+          (box
+            :orientation "h"
+            :space-evenly false
+            (label :xalign 0.5 :class "bg-icon" :text "")
+            (label :xalign 0 :class "bg-text bg-title" :text "Disk usage")
+          )
+          (box)
+          (box
+            :orientation "h"
+            (label :xalign 1 :class "bg-text bg-title" :text "(${disksize})")
+          )
+        )
+        (box
+          :orientation "h"
+          (label :halign "start" :xalign 0 :class "bg-cool-text" :text "+${diskused}")
+          (label :halign "end" :xalign 1 :class "bg-cool-text" :text "-${diskfree}")
+        )
+        (button ; Button to make this not draggable
+          (scale
+            :class "bg-progress"
+            :value {diskfreepercent}
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow bg-decor
+  :focusable false
+  :stacking "bottom"
+  :windowtype "normal"
+  :wm-ignore true
+  :geometry (geometry
+    :x 0
+    :y 0
+    :width "100%"
+    :height "100%"
+    :anchor "left center"
+  )
+  :monitor 0
+  (bgdecors)
+)
\ No newline at end of file
diff --git a/hybrid/.config/eww/windows/bottombar.yuck b/hybrid/.config/eww/windows/bottombar.yuck
new file mode 100755
index 000000000..7bfb0a512
--- /dev/null
+++ b/hybrid/.config/eww/windows/bottombar.yuck
@@ -0,0 +1,380 @@
+(defwidget mycpu_bottombar [coreid]
+  (box
+    :space-evenly false
+    :orientation "v"
+    (label
+      :class "bg-cool-text"
+      :text "Core ${coreid}"
+    )
+    (box
+      :class "bg-graph-container"
+      (graph
+        :class "bg-graph"
+        :width 100
+        :height 50
+        :thickness 3
+        :min 0
+        :max 100
+        :value {EWW_CPU.cores[coreid].usage}
+        :time-range "30s"
+        :line-style "round"
+      )
+    )
+  )
+)
+
+(defwidget cavacol [nth dir]
+  (box
+    :valign "${dir == 'up' ? 'end' : (
+      dir == 'down' ? 'start' : 'fill'
+    )}"
+    :halign "${dir == 'right' ? 'start' : (
+      dir == 'left' ? 'end' : 'fill'
+    )}"
+    :class "cava-column"
+    ; background-color: mix(
+      ;     ${mcover.color.colors.color4 == 'null' ? 'white' : mcover.color.colors.color4},
+      ;     rgba(40, 40, 40, 0.7),
+      ;     {(((nth / 90 * RES_WIDTH) > mousepos[0] ? ((nth / 90 * RES_WIDTH) - mousepos[0]) : (mousepos[0] - (nth / 90 * RES_WIDTH))) / RES_WIDTH)}
+    ; );
+    :style "
+    background-color: ${mcover.color.colors.color4 == 'null' ? 'white' : mcover.color.colors.color4};
+    transition: 0ms;
+    min-${dir == 'up' || dir == 'down' ? 'height' : 'width'}: ${cavajson[nth] / 4}px;
+    "
+  )
+)
+
+(defwidget bottomline_widget []
+  (eventbox
+    :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    :onclick "scripts/toggle-bottombar.sh &"
+    (box
+      :class "bottombar-closed-hitbox"
+      :width {RES_WIDTH} :height 1
+      (revealer :reveal false
+        :transition "slideup"
+        ; (label :text "${cavajson[0]}")
+      )
+    )
+  )
+)
+
+(defwidget bottombar_widget []
+  (box
+    :orientation "v"
+    :space-evenly false
+    :style "
+    transition: ${anim_open_bottombar ? MD3_DECEL : MD3_ACCEL};
+    ${rev_bottombar ? '' : 'margin-bottom: -500px; margin-top: 500px;'}
+    "
+    (eventbox
+      :onclick "scripts/toggle-bottombar.sh --close &"
+      :onmiddleclick "scripts/toggle-bottombar.sh --close &"
+      :onrightclick "scripts/toggle-bottombar.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 1px;"
+      )
+    )
+    (overlay
+      ; Background
+      (box
+        :class "bottombar-bg-front"
+        ; (label
+          ;   :text {(((40 / 90 * RES_WIDTH) > mousepos[0] ? ((40 / 90 * RES_WIDTH) - mousepos[0]) : (mousepos[0] - (40 / 90 * RES_WIDTH))) / RES_WIDTH)}
+        ; )
+      )
+      ; Cava
+      (box
+        ; :class "bottombar-bg"
+        (box :orientation "h"
+          ; it IS necessary NOT to use a for loop
+          (cavacol :dir "up" :nth 0)
+          (cavacol :dir "up" :nth 1)
+          (cavacol :dir "up" :nth 2)
+          (cavacol :dir "up" :nth 3)
+          (cavacol :dir "up" :nth 4)
+          (cavacol :dir "up" :nth 5)
+          (cavacol :dir "up" :nth 6)
+          (cavacol :dir "up" :nth 7)
+          (cavacol :dir "up" :nth 8)
+          (cavacol :dir "up" :nth 9)
+          (cavacol :dir "up" :nth 10)
+          (cavacol :dir "up" :nth 11)
+          (cavacol :dir "up" :nth 12)
+          (cavacol :dir "up" :nth 13)
+          (cavacol :dir "up" :nth 14)
+          (cavacol :dir "up" :nth 15)
+          (cavacol :dir "up" :nth 16)
+          (cavacol :dir "up" :nth 17)
+          (cavacol :dir "up" :nth 18)
+          (cavacol :dir "up" :nth 19)
+          (cavacol :dir "up" :nth 20)
+          (cavacol :dir "up" :nth 21)
+          (cavacol :dir "up" :nth 22)
+          (cavacol :dir "up" :nth 23)
+          (cavacol :dir "up" :nth 24)
+          (cavacol :dir "up" :nth 25)
+          (cavacol :dir "up" :nth 26)
+          (cavacol :dir "up" :nth 27)
+          (cavacol :dir "up" :nth 28)
+          (cavacol :dir "up" :nth 29)
+          (cavacol :dir "up" :nth 30)
+          (cavacol :dir "up" :nth 31)
+          (cavacol :dir "up" :nth 32)
+          (cavacol :dir "up" :nth 33)
+          (cavacol :dir "up" :nth 34)
+          (cavacol :dir "up" :nth 35)
+          (cavacol :dir "up" :nth 36)
+          (cavacol :dir "up" :nth 37)
+          (cavacol :dir "up" :nth 38)
+          (cavacol :dir "up" :nth 39)
+          (cavacol :dir "up" :nth 40)
+          (cavacol :dir "up" :nth 41)
+          (cavacol :dir "up" :nth 42)
+          (cavacol :dir "up" :nth 43)
+          (cavacol :dir "up" :nth 44)
+          (cavacol :dir "up" :nth 45)
+          (cavacol :dir "up" :nth 46)
+          (cavacol :dir "up" :nth 47)
+          (cavacol :dir "up" :nth 48)
+          (cavacol :dir "up" :nth 49)
+          (cavacol :dir "up" :nth 50)
+          (cavacol :dir "up" :nth 51)
+          (cavacol :dir "up" :nth 52)
+          (cavacol :dir "up" :nth 53)
+          (cavacol :dir "up" :nth 54)
+          (cavacol :dir "up" :nth 55)
+          (cavacol :dir "up" :nth 56)
+          (cavacol :dir "up" :nth 57)
+          (cavacol :dir "up" :nth 58)
+          (cavacol :dir "up" :nth 59)
+          (cavacol :dir "up" :nth 60)
+          (cavacol :dir "up" :nth 61)
+          (cavacol :dir "up" :nth 62)
+          (cavacol :dir "up" :nth 63)
+          (cavacol :dir "up" :nth 64)
+          (cavacol :dir "up" :nth 65)
+          (cavacol :dir "up" :nth 66)
+          (cavacol :dir "up" :nth 67)
+          (cavacol :dir "up" :nth 68)
+          (cavacol :dir "up" :nth 69)
+        )
+      )
+      ; Track time
+      (box
+        :space-evenly false :orientation "h"
+        :halign "center" :valign "end"
+        :style "margin-bottom: 5px;"
+        (label
+          :halign "start"  :valign "center"
+          :class "music-time-label"
+          :style "
+          margin-top: 5px;
+          color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};
+          "
+          :text "${music.position_time} / ${music.length}"
+        )
+      )
+      ; Track name
+      (box
+        :space-evenly false :orientation "h" :spacing 20
+        :halign "start" :valign "start"
+        :class "bottombar-musicinfo-box"
+        (box
+          :valign "center"
+          :class "bottombar-music-cover"
+          :style "background-image: url('${mcover.image}')"
+        )
+        (box
+          :space-evenly false :orientation "v"
+          :spacing 5
+          (label :xalign 0
+            :class "bottombar-title"
+            :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+            :text {mname.title == '' ? 'Media controls' : mname.title}
+          )
+          (label
+            :halign "start" :valign "end"
+            :xalign 0
+            :class "bottombar-artist"
+            :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+            :text {mname.title == '' ? 'Nothing...' : mname.artist}
+          )
+          (centerbox
+            :halign "start"
+            :class "music-button-box"
+            ; :style "margin-top: 5px;"
+            (button
+              :class "song-button"
+              :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+              :onclick "playerctl previous" ""
+            )
+            (button
+              :class "song-button"
+              :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+              :onclick "playerctl play-pause"
+              "${music.status != '' ? music.status : ''}"
+            )
+            (button
+              :class "song-button"
+              :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+              :onclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+              ""
+            )
+          )
+        )
+      )
+    )
+    (box
+      :class "bottombar-mixer-bg"
+      :halign "end"
+      :width 650
+      :style "
+      margin-top: -300px;
+      margin-right: 10px;
+      "
+      (scroll
+        :width 650
+        :hscroll true
+        :vscroll false
+        (box
+          :space-evenly false
+          :orientation "h"
+          :halign "end"
+          ; :class "sliders"
+          (for app in audiojson
+            (box
+              :orientation "v" :space-evenly false
+              (image
+                :class "onotify-app-icon"
+                :path {app.icon}
+                :image-width 25
+                :image-height 25
+              )
+              (box
+                :orientation "v"
+                :space-evenly false
+                (scroll
+                  :vscroll false
+                  :hscroll true
+                  :style "min-width: 150px;"
+                  (box
+                    :orientation "v"
+                    ; :space-evenly false
+                    (for ser in {app["volume"]}
+                      (eventbox
+                        :onscroll "pactl set-sink-input-volume ${ser[0]} $(echo {} | sed -e \"s/up/+5/g\" -e \"s/down/-5/g\")%"
+                        :onrightclick "pactl set-sink-input-volume ${ser[0]} 100%"
+                        :onclick "pactl set-sink-input-volume ${ser[0]} 0%"
+                        (centerbox
+                          :space-evenly false
+                          :orientation "h"
+                          :class "onotify-app-volbox"
+                          :style "min-width: 69px;"
+                          (label
+                            :xalign "${app.count > 3 ? '0.5' : '0'}"
+                            :class "onotify-app-ser"
+                            :style "
+                            ${app.count > 3 ? 'margin-bottom: 5px;' : 'padding: 0 5px;'}
+                            "
+                            :text "#${ser[0]}"
+                          )
+                          (box)
+                          (circular-progress
+                            :halign "${app.count > 3 ? 'center' : 'end'}"
+                            :value {ser[1] <= 100 ? ser[1] : 100}
+                            :class "onotify-app-vol-circle"
+                            :thickness 4
+                            :start-at 75
+                            :width 45
+                            :height 45
+                            (label :class "onotify-app-text" :text "${ser[1]}")
+                          )
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget bottombar_bg_widget []
+  (box
+    :orientation "v"
+    :space-evenly false
+    :style "
+    transition: ${anim_open_bottombar ? MD3_DECEL : MD3_ACCEL};
+    ${rev_bottombar ? '' : 'margin-bottom: -500px; margin-top: 500px;'}
+    "
+    (box
+      :class "bottombar-bg"
+      :style "
+      background-image: url('${mcover.image}');
+      "
+      (box :space-evenly false :orientation "v"
+        :halign "start" :valign "start"
+        :class "bottombar-musicinfo-box"
+        (label :xalign 0
+          :class "bottombar-title"
+          :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+          :text {mname.title}
+        )
+        (label :xalign 0
+          :class "bottombar-artist"
+          :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+          :text "${mname.artist}"
+        )
+      )
+    )
+  )
+)
+
+(defwindow bottombar
+  :stacking "fg"
+  :windowtype "normal"
+  :wm-ignore true
+  :geometry (geometry
+    :x 0
+    :y 0
+    :width "100%"
+    :anchor "center bottom"
+  )
+  :monitor 0
+  (bottombar_widget)
+)
+
+(defwindow bottombar-back
+  :stacking "fg"
+  :windowtype "normal"
+  :wm-ignore true
+  :namespace "bottombar-back"
+  :geometry (geometry
+    :x 0
+    :y 0
+    :width "100%"
+    :anchor "center bottom"
+  )
+  :monitor 0
+  (bottombar_bg_widget)
+)
+
+(defwindow bottomline
+  :stacking "overlay"
+  :windowtype "normal"
+  :wm-ignore true
+  :geometry (geometry
+    :x 0
+    :y 0
+    :width "100%"
+    :anchor "center bottom"
+  )
+  :monitor 0
+  (bottomline_widget)
+)
\ No newline at end of file
diff --git a/hybrid/.config/eww/windows/calendar.yuck b/hybrid/.config/eww/windows/calendar.yuck
new file mode 100755
index 000000000..7a21bd5c5
--- /dev/null
+++ b/hybrid/.config/eww/windows/calendar.yuck
@@ -0,0 +1,93 @@
+(defwidget calendar-win []
+  (eventbox
+    :onclick "scripts/toggle-calendar.sh --close &"
+    (box
+      :class "calendar-win"
+      :style "
+      ${rev_calendar ? '' : 'margin-top: -900px; margin-bottom: 900px;'}
+      ${anim_open_calendar ? 'transition: 300ms cubic-bezier(0, 1, 0, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+      min-height: 1px;
+      "
+      ; (calendar)
+      ; Calendar
+      (box
+        :space-evenly false :orientation "v"
+        :halign "end" :valign "center"
+        (box
+          :space-evenly false :orientation "v"
+          (eventbox
+            :onscroll "scripts/scrollmonth {} &"
+            (box
+              :orientation "v"
+              :space-evenly false
+              (centerbox
+                :style "padding: 0 12px;"
+                (label :xalign 0 :class "calendarwin-title" :text "${calendartitle}")
+                (box)
+                (box
+                  :halign "end" :valign "center"
+                  (box
+                    :halign "end" :valign "center"
+                    (button
+                      :onclick "scripts/scrollmonth up &"
+                      :halign "end" :valign "center"
+                      :class "winicon dashfs-monthbutton"
+                      (image
+                        :valign "center"
+                        :path "images/svg/dark/caretup.svg"
+                      )
+                    )
+                    (button
+                      :onclick "scripts/scrollmonth down &"
+                      :halign "end" :valign "center"
+                      :class "winicon dashfs-monthbutton"
+                      (image
+                        :valign "center"
+                        :path "images/svg/dark/caretdown.svg"
+                      )
+                    )
+                  )
+                )
+              )
+              (box :space-evenly false :orientation "v"
+                ; :class "dashfs-section-nopad"
+                (box
+                  (for day in weekdays
+                    (box
+                      :class "calendarwin-button day${day.today}"
+                      (label :class "calendarwin-text" :text "${day.day}")
+                    )
+                  )
+                )
+                (for week in calendar
+                  (box
+                    (for day in week
+                      (button
+                        :class "calendarwin-button calendarwin-day${day.today}"
+                        (label :class "calendarwin-text" :text "${day.day}")
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow calendar
+  :wm-ignore true
+  :monitor 0
+  :focusable true
+  :geometry (geometry
+    :x "350px"
+    :y "61px"
+    :anchor "top right"
+    :width "0px"
+    :height "0px"
+  )
+  (calendar-win)
+)
diff --git a/hybrid/.config/eww/windows/dashboard.yuck b/hybrid/.config/eww/windows/dashboard.yuck
new file mode 100755
index 000000000..84baf2e7f
--- /dev/null
+++ b/hybrid/.config/eww/windows/dashboard.yuck
@@ -0,0 +1,319 @@
+(defvar dash_curve_in "transition: 150ms cubic-bezier(0.05, 0.9, 0.1, 1.0);")
+(defvar dash_curve_out "transition: 80ms cubic-bezier(0.3, 0, 0.8, 0.15);")
+
+(defwidget dashboard-contents []
+  (box
+    :class "dash-window"
+    :orientation "v"
+    :space-evenly false
+    (eventbox ; Close when clicking outside
+      :onclick "scripts/toggle-dash.sh &"
+      :onmiddleclick "scripts/toggle-dash.sh &"
+      :onrightclick "scripts/toggle-dash.sh &"
+    )
+    (box ; All the stuff go here
+      :orientation "v"
+      :space-evenly false
+      (box ; Description
+        :orientation "v"
+        :space-evenly false
+        :class "dash"
+        :halign "start"
+        :style "
+        ${anim_open_dash ? dash_curve_in : dash_curve_out}
+        ${rev_dash ? '' : 'margin-left: -1100px; margin-right: 1100px;'}
+        "
+        (label :angle 0 :xalign 0 :class "dash-title" :text "Classic dashboard")
+        (label :angle 0 :xalign 0 :class "dash-subtitle" :text "That kinda useless random widget porn.")
+      )
+      (box
+        :orientation "h"
+        :space-evenly false
+        (box
+          :orientation "v"
+          :space-evenly false
+          (box
+            :orientation "h"
+            :space-evenly false
+            :class "dash dash-tile"
+            :style "
+            ${anim_open_dash ? dash_curve_in : dash_curve_out}
+            ${rev_dash ? '' : 'margin-left: -1010px; margin-right: 1010px;'}
+            "
+            (input
+              :class "dash-input"
+              :onaccept "scripts/dashactivate --web 'firefox \"https://www.google.com/search?q={}\"' && hyprctl dispatch focuswindow firefox &"
+            )
+            (button
+              :class "dash-input-icon dash-button"
+              :onclick "scripts/dashactivate --web 'firefox \"https://www.google.com/search?q=\"' && hyprctl dispatch focuswindow firefox &"
+              ""
+            )
+          )
+          (box ; Row 1
+            :orientation "h"
+            :space-evenly false
+            (box ; Col 1
+              :orientation "v"
+              :space-evenly false
+              (box ; User
+                :orientation "h"
+                :space-evenly false
+                :class "dash dash-profile"
+                :style "
+                ${anim_open_dash ? dash_curve_in : dash_curve_out}
+                ${rev_dash ? '' : 'margin-left: -500px; margin-right: 500px;'}
+                "
+                (box
+                  :valign "center"
+                  :class "dash-user-pic"
+                  :style "background-image: url('/var/lib/AccountsService/icons/${username == "" ? username_default : username}');"
+                  ; :style "background-image: url('${waifu}');"
+                )
+                (box
+                  :orientation "v" :space-evenly false :valign "center"
+                  (box
+                    :orientation "h" :space-evenly false
+                    (label :class "dash-fetch-icon" :text "")
+                    (label :class "dash-fetch" :text "${username + '@' + hostname}")
+                  )
+                  (box
+                    :orientation "h" :space-evenly false
+                    (label :class "dash-fetch-icon" :text "")
+                    (label :class "dash-fetch" :text "${kernel}")
+                  )
+                  (box
+                    :orientation "h" :space-evenly false
+                    (label :class "dash-fetch-icon" :text "")
+                    (label :class "dash-fetch" :text "${uptime}")
+                  )
+                  (box
+                    :orientation "h" :space-evenly false
+                    (label :class "dash-fetch-icon" :text "")
+                    (label :class "dash-fetch" :text "${wm}")
+                  )
+                  (box
+                    :orientation "h" :space-evenly false
+                    (label :class "dash-fetch-icon" :text "")
+                    (label :class "dash-fetch" :text "${packages}")
+                  )
+                )
+              )
+              (box
+                :orientation "v"
+                :space-evenly false
+                :class "dash"
+                :height 124
+                :style "
+                ${anim_open_dash ? dash_curve_in : dash_curve_out}
+                ${rev_dash ? '' : 'margin-bottom: -1000px; margin-top: 1000px;'}
+                "
+                (label :xalign 0 :class "dash-quote-content clr3" :text "${quote_content[3]}")
+                (label :xalign 1 :class "dash-quote-author clr4" :text "${quote_author[3]}")
+              )
+            )
+            (box ; Col 2
+              :orientation "v"
+              :space-evenly false
+              (box ; Clock
+                :orientation "h"
+                :space-evenly false
+                :class "dash"
+                :style "
+                ${anim_open_dash ? dash_curve_in : dash_curve_out}
+                ${rev_dash ? '' : 'margin-top: -500px; margin-bottom: 500px;'}
+                "
+                (box ; Clock numbers
+                  :orientation "v"
+                  :space-evenly false
+                  :class "dash-clock-text-area"
+                  (box ; Clock time
+                    :orientation "h"
+                    :space-evenly false
+                    :halign "center"
+                    (label :xalign 0.5 :class "dash-time clr1" :text "${time.hour}")
+                    (label :xalign 0.5 :class "dash-time clrt" :text ":")
+                    (label :xalign 0.5 :class "dash-time clr3" :text "${time.minute}")
+                  )
+                  (box ; Clock date
+                    :orientation "h"
+                    :space-evenly false
+                    :halign "center"
+                    (label :xalign 0.5 :class "dash-date clr6" :text "${time.day}, ${time.date}")
+                  )
+                )
+                (box
+                  :class "dash-clock-circle-area"
+                  (circular-progress
+                    :value "${time.minute / 60 * 100}"
+                    :thickness 7
+                    :start-at 75
+                    :class "clr3 dash-clock-circle"
+                    (circular-progress
+                      :value "${time.hour % 12 / 12 * 100}"
+                      :thickness 7
+                      :start-at 75
+                      :class "clr1 dash-clock-circle dash-clock-circle-minute"
+                      (label
+                        :text ""
+                      :class "dash-clock-inner")
+                    )
+                  )
+                )
+              )
+              (box ; Calendar
+                :orientation "v"
+                :space-evenly false
+                :class "dash"
+                :style "
+                ${anim_open_dash ? dash_curve_in : dash_curve_out}
+                ${rev_dash ? '' : 'margin-bottom: -500px; margin-top: 500px;'}
+                "
+                (calendar
+                  :height 210
+                  :ihatethiswidget true
+                  :style "
+                  padding-top: 2px;
+                  font-family: Rubik;
+                  
+                  "
+                )
+              )
+            )
+            (box ; Col 3
+              :orientation "v"
+              :space-evenly false
+              (box ; Calendar
+                :orientation "v"
+                :space-evenly false
+                :class "dash dash-dir-area"
+                :style "
+                ${anim_open_dash ? dash_curve_in : dash_curve_out}
+                ${rev_dash ? '' : 'margin-right: -500px; margin-left: 500px;'}
+                "
+                (button
+                  :class "dash-dir dash-button"
+                  :onclick "scripts/dashactivate '${FILE_BROWSER} ~/Documents' &"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :class "clrt"
+                    (label :xalign 0 :text " " :class "icon")
+                    (label :xalign 0 :text "documents")
+                  )
+                )
+                (button
+                  :class "dash-dir dash-button"
+                  :onclick "scripts/dashactivate '${FILE_BROWSER} ~/Downloads' &"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :class "clrt"
+                    (label :xalign 0 :text " " :class "icon")
+                    (label :xalign 0 :text "downloads")
+                  )
+                )
+                (button
+                  :class "dash-dir dash-button"
+                  :onclick "scripts/dashactivate '${FILE_BROWSER} ~/Pictures' &"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :class "clrt"
+                    (label :xalign 0 :text " " :class "icon")
+                    (label :xalign 0 :text "pictures")
+                  )
+                )
+                (button
+                  :class "dash-dir dash-button"
+                  :onclick "scripts/dashactivate '${FILE_BROWSER} ~/Videos' &"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :class "clrt"
+                    (label :xalign 0 :text " " :class "icon")
+                    (label :xalign 0 :text "videos")
+                  )
+                )
+              )
+              
+              
+              (box ; Resources
+                :orientation "v"
+                :space-evenly false
+                :class "dash dash-resources"
+                :style "
+                ${anim_open_dash ? dash_curve_in : dash_curve_out}
+                ${rev_dash ? '' : 'margin-top: -700px; margin-bottom: 700px;'}
+                "
+                (label :text "Memory" :class "dash-resource-title clr3")
+                (box
+                  :orientation "h"
+                  :space-evenly false
+                  ; :style "background-color: red;"
+                  (box ; RAM
+                    :orientation "v"
+                    :space-evenly false
+                    :class "dash-resource-tile"
+                    (circular-progress
+                      :value "${memory.percentage}"
+                      :thickness 7
+                      :start-at 75
+                      :class "clr3 dash-clock-circle"
+                      (box :class "dash-resource-inner")
+                    )
+                    (label :class "dash-resource-text" :text "${memory.used}")
+                  )
+                  (label :yalign 0.34 :class "dash-resource-icon" :style "font-size: 20pt;" :text "")
+                  (box ; Swap
+                    :orientation "v"
+                    :space-evenly false
+                    :class "dash-resource-tile"
+                    (circular-progress
+                      :value "${memory.swappercentage}"
+                      :thickness 7
+                      :start-at 75
+                      :class "clr3 dash-clock-circle"
+                      (box :class "dash-resource-inner")
+                    )
+                    (label :class "dash-resource-text" :text "${memory.swapused}")
+                  )
+                )
+              )
+            )
+          )
+        )
+        (box ;Actinos
+          :orientation "v"
+          :space-evenly false
+          (box
+            :orientation "v"
+            :space-evenly false
+            :style "
+            ${anim_open_dash ? dash_curve_in : dash_curve_out}
+            ${rev_dash ? '' : 'margin-right: -100px; margin-left: 100px;'}
+            "
+            (button :onclick "scripts/dashactivate '~/.local/bin/lock.sh' &" :class "dash clr4 dash-icon dash-button"          (label :class "icon" :text "") )
+            (button :onclick "scripts/dashactivate 'systemctl suspend' &" :class "dash clr3 dash-icon dash-button"             (label :class "icon" :text "") )
+            (button :onclick "scripts/dashactivate 'loginctl terminate-user $USER' &" :class "dash clr2 dash-icon dash-button" (label :class "icon" :text "") )
+            (button :onclick "scripts/dashactivate 'systemctl reboot' &" :class "dash clr1 dash-icon dash-button"              (label :class "icon" :text "") )
+            (button :onclick "scripts/dashactivate 'systemctl poweroff' &" :class "dash clr0 dash-icon dash-button"            (label :class "icon" :text "") )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow dashboard
+  :focusable true
+  :windowtype "normal"
+  :wm-ignore true
+  :geometry (geometry
+    :x 0
+    :y 0
+    :anchor "center center"
+  )
+  :monitor 0
+  (dashboard-contents)
+)
\ No newline at end of file
diff --git a/hybrid/.config/eww/windows/dashfs.yuck b/hybrid/.config/eww/windows/dashfs.yuck
new file mode 100755
index 000000000..8dbb69786
--- /dev/null
+++ b/hybrid/.config/eww/windows/dashfs.yuck
@@ -0,0 +1,604 @@
+(defvar MD3_DECEL "400ms cubic-bezier(0, 1, 0, 1)")
+(defvar MD3_ACCEL "150ms cubic-bezier(0.3, 0, 0.8, 0.15)")
+
+(defwidget dashfs_resource [value unit icon name]
+  (box
+    :space-evenly false :orientation "v"
+    (label :class "dashfs-resource-title" :text {name})
+    (box
+      :space-evenly false :orientation "v"
+      :class "dashfs-resource-box"
+      :spacing 10
+      (circular-progress
+        :width 80 :height 80
+        :start-at 75
+        :class "dashfs-resource-circle"
+        :value {value}
+        :thickness 4
+        (label :class "dashfs-resource-icon" :text {icon})
+      )
+      (label
+        :halign "center"
+        :class "dashfs-resource-label"
+        :text "${value}${unit}"
+      )
+    )
+  )
+)
+
+(defwidget cavacol_dashfs [nth dir]
+  (box
+    :valign "${dir == 'up' ? 'end' : (
+      dir == 'down' ? 'start' : 'fill'
+    )}"
+    :halign "${dir == 'right' ? 'start' : (
+      dir == 'left' ? 'end' : 'fill'
+    )}"
+    ; :width 20
+    :height 24
+    :class "dashfs-cava-column"
+    :style "
+    transition: 0ms;
+    min-${dir == 'up' || dir == 'down' ? 'height' : 'width'}: ${cavajson[nth] / 3}px;
+    "
+  )
+)
+
+(defwidget dashfs_widget []
+  (eventbox
+    :onclick "scripts/toggle-dashfs.sh --close &"
+    (box :width {RES_WIDTH} :height {RES_HEIGHT}
+      :class "dashfs-bg"
+      (overlay
+        (box :space-evenly false :orientation "v"
+          :width {RES_WIDTH} :height {RES_HEIGHT}
+          :class "dashfs-graph"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? '' : 'margin-left: -${RES_WIDTH}px; margin-right: ${RES_WIDTH}px;'}
+          "
+        )
+        ; Cava (left)
+        (box
+          :orientation "v"
+          :halign "start" :valign "center"
+          :height {RES_HEIGHT}
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-left: -24px' : 'margin-right: 400px; margin-left: -400px;'}
+          "
+          (cavacol_dashfs :dir "right" :nth 0)
+          (cavacol_dashfs :dir "right" :nth 1)
+          (cavacol_dashfs :dir "right" :nth 2)
+          (cavacol_dashfs :dir "right" :nth 3)
+          (cavacol_dashfs :dir "right" :nth 4)
+          (cavacol_dashfs :dir "right" :nth 5)
+          (cavacol_dashfs :dir "right" :nth 6)
+          (cavacol_dashfs :dir "right" :nth 7)
+          (cavacol_dashfs :dir "right" :nth 8)
+          (cavacol_dashfs :dir "right" :nth 9)
+          (cavacol_dashfs :dir "right" :nth 10)
+          (cavacol_dashfs :dir "right" :nth 11)
+          (cavacol_dashfs :dir "right" :nth 12)
+          (cavacol_dashfs :dir "right" :nth 13)
+          (cavacol_dashfs :dir "right" :nth 14)
+          (cavacol_dashfs :dir "right" :nth 15)
+          (cavacol_dashfs :dir "right" :nth 16)
+          (cavacol_dashfs :dir "right" :nth 17)
+          (cavacol_dashfs :dir "right" :nth 18)
+          (cavacol_dashfs :dir "right" :nth 19)
+          (cavacol_dashfs :dir "right" :nth 20)
+          (cavacol_dashfs :dir "right" :nth 21)
+          (cavacol_dashfs :dir "right" :nth 22)
+          (cavacol_dashfs :dir "right" :nth 23)
+          (cavacol_dashfs :dir "right" :nth 24)
+          (cavacol_dashfs :dir "right" :nth 25)
+          (cavacol_dashfs :dir "right" :nth 26)
+          (cavacol_dashfs :dir "right" :nth 27)
+          (cavacol_dashfs :dir "right" :nth 28)
+          (cavacol_dashfs :dir "right" :nth 29)
+          (cavacol_dashfs :dir "right" :nth 30)
+          (cavacol_dashfs :dir "right" :nth 31)
+          (cavacol_dashfs :dir "right" :nth 32)
+          (cavacol_dashfs :dir "right" :nth 33)
+          (cavacol_dashfs :dir "right" :nth 34)
+          (cavacol_dashfs :dir "right" :nth 35)
+          (cavacol_dashfs :dir "right" :nth 36)
+          (cavacol_dashfs :dir "right" :nth 37)
+          (cavacol_dashfs :dir "right" :nth 38)
+          (cavacol_dashfs :dir "right" :nth 39)
+          (cavacol_dashfs :dir "right" :nth 40)
+          (cavacol_dashfs :dir "right" :nth 41)
+          (cavacol_dashfs :dir "right" :nth 42)
+          (cavacol_dashfs :dir "right" :nth 43)
+          (cavacol_dashfs :dir "right" :nth 44)
+        )
+        ; Cava (right)
+        (box
+          :orientation "v" :space-evenly false
+          :halign "end" :valign "center"
+          :height {RES_HEIGHT}
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-right: -24px;' : 'margin-left: 400px; margin-right: -400px;'}
+          "
+          (cavacol_dashfs :dir "left" :nth 49)
+          (cavacol_dashfs :dir "left" :nth 48)
+          (cavacol_dashfs :dir "left" :nth 47)
+          (cavacol_dashfs :dir "left" :nth 46)
+          (cavacol_dashfs :dir "left" :nth 45)
+          (cavacol_dashfs :dir "left" :nth 44)
+          (cavacol_dashfs :dir "left" :nth 43)
+          (cavacol_dashfs :dir "left" :nth 42)
+          (cavacol_dashfs :dir "left" :nth 41)
+          (cavacol_dashfs :dir "left" :nth 40)
+          (cavacol_dashfs :dir "left" :nth 39)
+          (cavacol_dashfs :dir "left" :nth 38)
+          (cavacol_dashfs :dir "left" :nth 37)
+          (cavacol_dashfs :dir "left" :nth 36)
+          (cavacol_dashfs :dir "left" :nth 35)
+          (cavacol_dashfs :dir "left" :nth 34)
+          (cavacol_dashfs :dir "left" :nth 33)
+          (cavacol_dashfs :dir "left" :nth 32)
+          (cavacol_dashfs :dir "left" :nth 31)
+          (cavacol_dashfs :dir "left" :nth 30)
+          (cavacol_dashfs :dir "left" :nth 29)
+          (cavacol_dashfs :dir "left" :nth 28)
+          (cavacol_dashfs :dir "left" :nth 27)
+          (cavacol_dashfs :dir "left" :nth 26)
+          (cavacol_dashfs :dir "left" :nth 25)
+          (cavacol_dashfs :dir "left" :nth 24)
+          (cavacol_dashfs :dir "left" :nth 23)
+          (cavacol_dashfs :dir "left" :nth 22)
+          (cavacol_dashfs :dir "left" :nth 21)
+          (cavacol_dashfs :dir "left" :nth 20)
+          (cavacol_dashfs :dir "left" :nth 19)
+          (cavacol_dashfs :dir "left" :nth 18)
+          (cavacol_dashfs :dir "left" :nth 17)
+          (cavacol_dashfs :dir "left" :nth 16)
+          (cavacol_dashfs :dir "left" :nth 15)
+          (cavacol_dashfs :dir "left" :nth 14)
+          (cavacol_dashfs :dir "left" :nth 13)
+          (cavacol_dashfs :dir "left" :nth 12)
+          (cavacol_dashfs :dir "left" :nth 11)
+          (cavacol_dashfs :dir "left" :nth 10)
+          (cavacol_dashfs :dir "left" :nth 9)
+          (cavacol_dashfs :dir "left" :nth 8)
+          (cavacol_dashfs :dir "left" :nth 7)
+          (cavacol_dashfs :dir "left" :nth 6)
+          (cavacol_dashfs :dir "left" :nth 5)
+          (cavacol_dashfs :dir "left" :nth 4)
+          (cavacol_dashfs :dir "left" :nth 3)
+          (cavacol_dashfs :dir "left" :nth 2)
+          (cavacol_dashfs :dir "left" :nth 1)
+          (cavacol_dashfs :dir "left" :nth 0)
+        )
+        ; Greet
+        (box :space-evenly false :orientation "v"
+          :halign "start" :valign "start"
+          :class "dashfs-greet"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? '' : 'margin-left: -533px;'}
+          "
+          (label :xalign 0 :class "dashfs-greet-text"
+            :text "${time.hour >= 21 ? 'Good night' : (
+              time.hour >= 18 ? 'Good evening' : (
+                time.hour >= 12 ? 'Good afternoon' : (
+                  time.hour >= 5 ? 'Good morning' : 'Go to sleep'
+                )
+              )
+            )
+            } ${realname}!"
+          )
+          (label :xalign 0 :class "dashfs-greet-subtext"
+            :text "It's not awesome, it's Hyprland!"
+          )
+        )
+        ; Time
+        (box :space-evenly false :orientation "v"
+          :halign "end" :valign "start"
+          :class "dashfs-clock"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? '' : 'margin-right: -533px;'}
+          "
+          (label :xalign 1 :class "dashfs-clock-time" :text "${time.hour}:${time.minute}")
+          (label :xalign 1 :class "dashfs-clock-date" :text "${time.day}, ${time.date}")
+        )
+        ; Calendar
+        (box
+          :space-evenly false :orientation "v"
+          :halign "end" :valign "center"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-right: 40px;' : 'margin-right: -533px;'}
+          margin-bottom: 200px;
+          "
+          (box
+            :space-evenly false :orientation "v"
+            (eventbox
+              :onscroll "scripts/scrollmonth {} &"
+              (box
+                :orientation "v"
+                :space-evenly false
+                (centerbox
+                  :style "padding: 0 12px;"
+                  (label :xalign 0 :class "dashfs-calendar-title" :text "${calendartitle}")
+                  (box)
+                  (box
+                    :halign "end" :valign "center"
+                    (box
+                      :halign "end" :valign "center"
+                      (button
+                        :onclick "scripts/scrollmonth up &"
+                        :halign "end" :valign "center"
+                        :class "winicon dashfs-monthbutton"
+                        (image
+                          :valign "center"
+                          :path "images/svg/dark/caretup.svg"
+                        )
+                      )
+                      (button
+                        :onclick "scripts/scrollmonth down &"
+                        :halign "end" :valign "center"
+                        :class "winicon dashfs-monthbutton"
+                        (image
+                          :valign "center"
+                          :path "images/svg/dark/caretdown.svg"
+                        )
+                      )
+                    )
+                  )
+                )
+                (box :space-evenly false :orientation "v"
+                  :class "dashfs-section-nopad"
+                  (box
+                    (for day in weekdays
+                      (box
+                        :class "dashfs-calendar-button day${day.today}"
+                        (label :class "dashfs-calendar-text" :text "${day.day}")
+                      )
+                    )
+                  )
+                  (for week in calendar
+                    (box
+                      (for day in week
+                        (button
+                          :class "dashfs-calendar-button dashfs-day${day.today}"
+                          (label :class "dashfs-calendar-text" :text "${day.day}")
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+        ; Fetch
+        (box
+          :orientation "v" :space-evenly false
+          :halign "start" :valign "start"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-left: 100px;' : 'margin-left: -533px;'}
+          margin-top: 450px;
+          "
+          (label :class "dashfs-section-title" :text "# System")
+          (box :space-evenly false :orientation "v"
+            :class "dashfs-section"
+            (box
+              :orientation "h" :space-evenly false
+              (label :class "dashfs-fetch-icon" :text "")
+              (label :class "dashfs-fetch" :text "${username + '@' + hostname}")
+            )
+            (box
+              :orientation "h" :space-evenly false
+              (label :class "dashfs-fetch-icon" :text "")
+              (label :class "dashfs-fetch" :text "${kernel}")
+            )
+            (box
+              :orientation "h" :space-evenly false
+              (label :class "dashfs-fetch-icon" :text "")
+              (label :class "dashfs-fetch" :text "${uptime}")
+            )
+            (box
+              :orientation "h" :space-evenly false
+              (label :class "dashfs-fetch-icon" :text "")
+              (label :class "dashfs-fetch" :text "${wm}")
+            )
+            (box
+              :orientation "h" :space-evenly false
+              (label :class "dashfs-fetch-icon" :text "")
+              (label :class "dashfs-fetch" :text "${packages}")
+            )
+          )
+        )
+        ; Session
+        (box
+          :orientation "v" :space-evenly false
+          :halign "start" :valign "start"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-left: 400px;' : 'margin-left: -533px;'}
+          margin-top: 350px;
+          "
+          (label :class "dashfs-section-title" :text "# Session")
+          (box :space-evenly false :orientation "v"
+            :class "dashfs-section"
+            (button :class "dashfs-section-button"
+              :onclick "scripts/dashactivate '~/.local/bin/lock.sh' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Lock")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/dashactivate 'systemctl suspend' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Sleep")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/dashactivate 'loginctl terminate-user $USER' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Logout")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/dashactivate 'systemctl reboot' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Reboot")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/dashactivate 'systemctl poweroff' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Shutdown")
+              )
+            )
+          )
+        )
+        ; Quick dirs
+        (box
+          :orientation "v" :space-evenly false
+          :halign "start" :valign "start"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-left: 700px;' : 'margin-left: -533px;'}
+          margin-top: 450px;
+          "
+          (label :class "dashfs-section-title" :text "# Quick dirs")
+          (box :space-evenly false :orientation "v"
+            :class "dashfs-section"
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open ~/Documents &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Documents")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open ~/Downloads &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Downloads")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open ~/Music &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Music")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open ~/Pictures &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Pictures")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open ~/Videos &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-fetch-icon" :text "")
+                (label :class "dashfs-fetch" :text "Videos")
+              )
+            )
+          )
+        )
+        ; Quick links
+        (box
+          :orientation "v" :space-evenly false
+          :halign "start" :valign "start"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-left: 1000px;' : 'margin-left: -533px;'}
+          margin-top: 350px;
+          "
+          (label :class "dashfs-section-title" :text "# Quick links")
+          (box :space-evenly false :orientation "v"
+            :class "dashfs-section"
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open 'https://discord.com/app' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-nerd-icon" :text "󰙯 ")
+                (label :class "dashfs-fetch" :text "Discord")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open 'https://reddit.com' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-nerd-icon" :text " ")
+                (label :class "dashfs-fetch" :text "Reddit")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open 'https://github.com' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-nerd-icon" :text " ")
+                (label :class "dashfs-fetch" :text "GitHub")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open 'https://youtube.com' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-nerd-icon" :text " ")
+                (label :class "dashfs-fetch" :text "Youtube")
+              )
+            )
+            (button :class "dashfs-section-button"
+              :onclick "scripts/toggle-dashfs.sh --close && xdg-open 'https://soundcloud.com' &"
+              (box
+                :orientation "h" :space-evenly false
+                (label :class "dashfs-nerd-icon" :text " ")
+                (label :class "dashfs-fetch" :text "SoundCloud")
+              )
+            )
+          )
+        )
+        ; Taskbar
+        ; (box :orientation "h" :space-evenly false
+          ;   :halign "center" :valign "end"
+          ;   :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+          ;   :style "
+          ;   transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ;   ${rev_dashfs ? '' : 'margin-bottom: -70px;'}
+          ;   "
+          ;   (for app in tasks
+            ;     (overlay
+              ;       (eventbox
+                ;         :class "dashfs-button-only"
+                ;         :onclick "${app.count > 0 ? ('hyprctl dispatch workspace ' + app.workspace[0] + ' &') : (app.exec)}& scripts/toggle-dashfs.sh --close &"
+                ;         (box
+                  ;           :class "dashfs-button-pad"
+                  ;           (box
+                    ;             :class "dashfs-taskbaricon"
+                    ;             :style "
+                    ;             background-image: url('${app.icon}');
+                    ;             ${app.class == awin.class ? 'background-color: rgba(108, 112, 134, 0.4); border: 1px solid rgba(108, 112, 134, 0.15); border-top: 1px solid rgba(108, 112, 134, 0.15);' : ''}
+                    ;             "
+                  ;           )
+                ;         )
+              ;       )
+              ;       (box :class "dashfs-taskbar-indicator-${app.class == awin.class ? 'true' : (app.count > 0 ? 'false' : 'none')}")
+            ;     )
+          ;   )
+          ;   ; Dummy keep alive
+          ;   (revealer :transition "slideright" :reveal false (label :text {awin.class}))
+        ; )
+        ; Music
+        (box
+          :space-evenly false :orientation "h"
+          :halign "center" :valign "start"
+          :class "dashfs-music"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-top: 40px;' : 'margin-top: -200px; margin-bottom: 200px;'}
+          "
+          (box
+            :class "dashfs-music-cover"
+            :style "background-image: url('${mcover.image}')"
+          )
+          (eventbox
+            :class "music-ctl-revealer"
+            :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+            (box
+              :space-evenly false
+              :class "music-ctl-revealer"
+              :orientation "v"
+              :valign "center"
+              (label
+                :class "music-title-bar"
+                :limit-width 50
+                :xalign 0
+                :style "font-size: 15pt; font-family: 'Rubik';" ;color: ${mcover.color.colors.color7};
+                :text "${mname.title == '' ? 'Not playing' : mname.title}"
+              )
+              (revealer
+                :transition "slidedown"
+                :reveal "${mname.artist != ''}"
+                :duration "20ms"
+                (label
+                  :class "music-artist-bar"
+                  :limit-width 50
+                  :xalign 0
+                  :style "font-size: 11pt; font-family: 'Rubik';"
+                  :text "${mname.artist}"
+                )
+              )
+            )
+          )
+        )
+        ; Resources
+        (box :orientation "h" :space-evenly false :spacing 30
+          :halign "center" :valign "end"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-bottom: 100px;' : 'margin-bottom: -500px;'}
+          "
+          (dashfs_resource :value {round(EWW_CPU.avg, 0)} :unit "%" :icon "" :name "CPU")
+          (dashfs_resource :value {round(memory.percentage, 0)} :unit "% (${memory.used})" :icon "" :name "RAM")
+          (dashfs_resource :value {round(memory.swappercentage, 0)} :unit "% (${memory.swapused})" :icon "" :name "Swap")
+          (dashfs_resource :value {battery.percentage} :unit "%" :icon "" :name "Battery")
+          (dashfs_resource :value {diskfreepercent} :unit "%" :icon "" :name "Free space")
+        )
+        ; Icosahedron
+        (image :orientation "h" :space-evenly false :spacing 30
+          :halign "end" :valign "end"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-bottom: -250px; margin-right: -150px;' : 'margin-bottom: -900px; margin-top: 900px; margin-right: -900px; margin-left: 900px;'}
+          "
+          :path "images/svg/icosahedron.svg"
+          :image-height 600
+          :image-width 600
+        )
+        ; Music
+        (box
+          :space-evenly false :orientation "v"
+          :halign "start" :valign "end"
+          :style "
+          transition: ${anim_open_dashfs ? MD3_DECEL : MD3_ACCEL};
+          ${rev_dashfs ? 'margin-left: 40px; margin-bottom: 40px;' : 'margin-bottom: -200px; margin-top: 200px;'}
+          "
+          (label :xalign 0 :class "dashfs-quote-content" :text "${quote_content[3]}")
+          (label :xalign 1 :class "dashfs-quote-author" :text "${quote_author[3]}")
+        )
+      )
+    )
+  )
+)
+
+(defwindow dashfs
+  :focusable true
+  :windowtype "normal"
+  :wm-ignore true
+  :geometry (geometry
+    :width 1920
+    :height 1080
+    :anchor "center center"
+  )
+  :monitor 0
+  (dashfs_widget)
+)
\ No newline at end of file
diff --git a/hybrid/.config/eww/windows/dynamic-bg.yuck b/hybrid/.config/eww/windows/dynamic-bg.yuck
new file mode 100755
index 000000000..6ba9a082b
--- /dev/null
+++ b/hybrid/.config/eww/windows/dynamic-bg.yuck
@@ -0,0 +1,32 @@
+(defvar MOVEMULTIPLIER 30)
+(defvar morebgoffset 4)
+
+(defwidget dynbg []
+  (image
+    :class "dynbg-image"
+    ; :style "background-position: ${(activews - 5)*MOVEMULTIPLIER > 50 ? 100 : 50+(activews - 5)*MOVEMULTIPLIER}% 20%"
+    :style "
+    margin-left: ${(5 - (activews > 10 ? 10 : activews))*MOVEMULTIPLIER}px;
+    margin-right: ${((activews > 10 ? 10 : activews) - 5)*MOVEMULTIPLIER}px;
+    "
+    :path "images/wallpaper/wallpaper"
+    :image-width {RES_WIDTH*BG_ZOOM}
+    :image-height {RES_HEIGHT*BG_ZOOM}
+  )
+)
+
+(defwindow dynamic-bg
+  :focusable false
+  :stacking "bg"
+  :windowtype "normal"
+  :wm-ignore true
+  :geometry (geometry
+    :x 0
+    :y 0
+    :width "100%"
+    :height "100%"
+    :anchor "center center"
+  )
+  :monitor 0
+  (dynbg)
+)
\ No newline at end of file
diff --git a/hybrid/.config/eww/windows/music.yuck b/hybrid/.config/eww/windows/music.yuck
new file mode 100755
index 000000000..b95554d4d
--- /dev/null
+++ b/hybrid/.config/eww/windows/music.yuck
@@ -0,0 +1,163 @@
+(defwidget cavacol_musicwin [nth dir]
+  (box
+    :valign "${dir == 'up' ? 'end' : (
+      dir == 'down' ? 'start' : (
+        dir == 'virt' ? 'center' : 'fill'
+      )
+    )}"
+    :halign "${dir == 'right' ? 'start' : (
+      dir == 'left' ? 'end' : (
+        dir == 'hori' ? 'center' : 'fill'
+      )
+    )}"
+    :width 15
+    :class "music-cava-column"
+    :style "
+    background-color: ${mcover.color.colors.color4 == 'null' ? 'white' : mcover.color.colors.color4};
+    transition: 0ms;
+    min-${dir == 'up' || dir == 'down' ? 'height' : 'width'}: ${cavajson[nth] / 7}px;
+    "
+  )
+)
+
+(defwidget music []
+  (eventbox
+    :onhoverlost "scripts/toggle-music.sh --close &"
+    (box
+      :class "music-area"
+      :style "
+      ${music_open ? '' : 'margin-top: -233px; margin-bottom: 233px;'}
+      ${anim_open_music ? 'transition: 300ms cubic-bezier(0, 1, 0, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+      "
+      (overlay
+        (box ; Fallback
+          :class "music-cover-art"
+        )
+        (box ; Cover art
+          :class "music-cover-art"
+          :style "background-image: url('${mcover.image}');"
+        )
+        (box :space-evenly true :orientation "h"
+          (cavacol_musicwin :dir "up" :nth 0)
+          (cavacol_musicwin :dir "up" :nth 1)
+          (cavacol_musicwin :dir "up" :nth 2)
+          (cavacol_musicwin :dir "up" :nth 3)
+          (cavacol_musicwin :dir "up" :nth 4)
+          (cavacol_musicwin :dir "up" :nth 5)
+          (cavacol_musicwin :dir "up" :nth 6)
+          (cavacol_musicwin :dir "up" :nth 7)
+          (cavacol_musicwin :dir "up" :nth 8)
+          (cavacol_musicwin :dir "up" :nth 9)
+          (cavacol_musicwin :dir "up" :nth 10)
+          (cavacol_musicwin :dir "up" :nth 11)
+          (cavacol_musicwin :dir "up" :nth 12)
+          (cavacol_musicwin :dir "up" :nth 13)
+          (cavacol_musicwin :dir "up" :nth 14)
+          (cavacol_musicwin :dir "up" :nth 15)
+          (cavacol_musicwin :dir "up" :nth 16)
+          (cavacol_musicwin :dir "up" :nth 17)
+          (cavacol_musicwin :dir "up" :nth 18)
+          (cavacol_musicwin :dir "up" :nth 19)
+          (cavacol_musicwin :dir "up" :nth 20)
+          (cavacol_musicwin :dir "up" :nth 21)
+          (cavacol_musicwin :dir "up" :nth 22)
+          (cavacol_musicwin :dir "up" :nth 23)
+          (cavacol_musicwin :dir "up" :nth 24)
+          (cavacol_musicwin :dir "up" :nth 25)
+          (cavacol_musicwin :dir "up" :nth 26)
+          (cavacol_musicwin :dir "up" :nth 27)
+          (cavacol_musicwin :dir "up" :nth 28)
+          (cavacol_musicwin :dir "up" :nth 29)
+          (cavacol_musicwin :dir "up" :nth 30)
+          (cavacol_musicwin :dir "up" :nth 31)
+          (cavacol_musicwin :dir "up" :nth 32)
+          (cavacol_musicwin :dir "up" :nth 33)
+          (cavacol_musicwin :dir "up" :nth 34)
+        )
+        (box ;
+          :orientation "v"
+          :class "music-box"
+          :space-evenly false
+          (label
+            :class "music-title"
+            :wrap false
+            :text "${music.title == '' ? 'Not playing' : music.title}"
+            :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+            :limit-width 35
+          )
+          (label
+            :class "music-artist"
+            :wrap true
+            :text "${music.artist}"
+            :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+          )
+          (centerbox
+            (box
+              (label
+                :halign "center"  :valign "center"
+                :class "music-time-label"
+                :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+                :text {round(music.position_time, 0)}
+              )
+            )
+            (centerbox
+              :class "music-button-box"
+              (button
+                :class "song-button"
+                :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+                :onclick "playerctl previous" ""
+              )
+              (button
+                :class "song-button"
+                :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+                :onclick "playerctl play-pause"
+                "${music.status != '' ? music.status : ''}"
+              )
+              (button
+                :class "song-button"
+                :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+                :onclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+                ""
+              )
+            )
+            (box
+              (label
+                :halign "center"  :valign "center"
+                :class "music-time-label"
+                :style "color: ${mcover.color.colors.color7 == 'null' ? 'white' : mcover.color.colors.color7};"
+                :text {music.length}
+              )
+            )
+          )
+          (scale
+            :valign "end"
+            :class "track-scale"
+            :value {round(music.position_time, 0)}
+            :onchange "playerctl position `bc <<< \"{} * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+            :style "highlight {background-color: ${mcover.color.colors.color4};}"
+          )
+        )
+        (box
+          :class "music-media-source"
+          :halign "start"
+          :valign "start"
+          :orientation "h"
+          (label :class "music-source-icon" :text "${mcover.color.source}" :style "color: ${mcover.color.colors.color4};")
+        )
+      )
+    )
+  )
+)
+
+(defwindow music
+  :wm-ignore true
+  :stacking "overlay"
+  :monitor 0
+  :geometry (geometry
+    :x "15px"
+    :y "61px"
+    :width "558px"
+    :height "191px"
+  :anchor "top left")
+  (music)
+)
diff --git a/hybrid/.config/eww/windows/onotify.yuck b/hybrid/.config/eww/windows/onotify.yuck
new file mode 100755
index 000000000..e5bac92d0
--- /dev/null
+++ b/hybrid/.config/eww/windows/onotify.yuck
@@ -0,0 +1,516 @@
+(defwidget volume_mixer []
+  (box
+    :space-evenly false
+    :orientation "v"
+    ; :class "sliders"
+    (box
+      :orientation "h"
+      :space-evenly false
+      :spacing 10
+      (label
+        :halign "start"
+        :class "osettings-section-icon"
+        :text ""
+      )
+      (label
+        :halign "start"
+        :wrap true
+        :class "osettings-section"
+        :text "Volume mixer"
+      )
+    )
+    (for app in audiojson
+      (box
+        :orientation "v" :space-evenly false
+        (box
+          :orientation "h" :space-evenly false
+          :spacing 10
+          (image
+            :class "onotify-app-icon"
+            :path {app.icon}
+            :image-width 25
+            :image-height 25
+          )
+          (label
+            :xalign 0
+            :valign "center"
+            :class "onotify-app-name"
+            :limit-width 42
+            :text {app.name}
+          )
+        )
+        (box
+          :orientation "v"
+          :space-evenly false
+          (scroll
+            :vscroll false
+            :hscroll true
+            (box
+              :orientation "h"
+              ; :space-evenly false
+              (for ser in {app["volume"]}
+                (eventbox
+                  :onscroll "pactl set-sink-input-volume ${ser[0]} $(echo {} | sed -e \"s/up/+5/g\" -e \"s/down/-5/g\")%"
+                  :onrightclick "pactl set-sink-input-volume ${ser[0]} 100%"
+                  :onclick "pactl set-sink-input-volume ${ser[0]} 0%"
+                  (centerbox
+                    :space-evenly false
+                    :orientation "${app.count > 3 ? 'v' : 'h'}"
+                    :class "onotify-app-volbox"
+                    (label
+                      :xalign "${app.count > 3 ? '0.5' : '0'}"
+                      :class "onotify-app-ser"
+                      :style "
+                      ${app.count > 3 ? 'margin-bottom: 5px;' : 'padding: 0 5px;'}
+                      "
+                      :text "#${ser[0]}"
+                    )
+                    (box)
+                    (circular-progress
+                      :halign "${app.count > 3 ? 'center' : 'end'}"
+                      :value {ser[1] <= 100 ? ser[1] : 100}
+                      :class "onotify-app-vol-circle"
+                      :thickness 4
+                      :start-at 75
+                      :width 45
+                      :height 45
+                      (label :class "onotify-app-text" :text "${ser[1]}")
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget onotify []
+  (box
+    :orientation "v"
+    :space-evenly false
+    :style "
+    ${anim_open_ontf ? 'transition: 300ms cubic-bezier(0, 1, 0, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_ontf ? '' : 'margin-right: -533px;'}
+    "
+    (eventbox
+      :onclick "scripts/toggle-onotify.sh --close &"
+      :onmiddleclick "scripts/toggle-onotify.sh --close &"
+      :onrightclick "scripts/toggle-onotify.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 1px;"
+      )
+    )
+    (eventbox
+      ; :onhoverlost "scripts/toggle-onotify.sh --close &"
+      (box
+        :orientation "v"
+        :space-evenly false
+        :class "onotify-window"
+        (box
+          :class "system-row"
+          :space-evenly false
+          :halign "center"
+          (box
+            :class "wifi-box"
+            :space-evenly false
+            :orientation "v"
+            (box
+              :class "element"
+              :space-evenly false
+              (button
+                ; :class "wifi-button"
+                :onclick "scripts/net toggle"
+                :style "font-family: Material Symbols Rounded;"
+                {net.icon}
+              )
+              (label :class "separator" :text "|")
+              (button
+                :class "wifi-arrow-btn"
+                :style "font-family: Material Symbols Rounded;"
+                :onclick "XDG_CURRENT_DESKTOP=GNOME gnome-control-center &"
+                ""
+              )
+            )
+            (label :style "font-size: 12pt;" :class "sys-toggle" :text {net.essid} :xalign 0.5 :limit-width 15)
+          )
+          
+          (box
+            :class "bluetooth-box"
+            :space-evenly false
+            :orientation "v"
+            (box
+              :class "element icon"
+              :space-evenly false
+              (button
+                :class "bluetooth-button"
+                :onclick "scripts/bluetooth toggle &"
+                :style "font-family: 'Material Symbols Rounded';"
+                {bluetooth.icon}
+              )
+              (label :class "separator" :text "|")
+              (button
+                :class "bluetooth-arrow-btn"
+                :onclick "blueberry &"
+                ""
+              )
+            )
+            (label
+              :style "font-size: 12pt;"
+              :text {bluetooth.text}
+              :xalign 0.5
+              :class "sys-toggle"
+              :tooltip "${bluetooth.text} ${bluetooth.batt_icon}"
+              :limit-width 15
+            )
+          )
+          (box
+            :class "airplane-box"
+            :space-evenly false
+            :orientation "v"
+            (box
+              :class "element icon"
+              (button
+                :class "airplane-button"
+                :onclick "scripts/airplane toggle &"
+                airplane
+              )
+            )
+            (label :style "font-size: 12pt;" :text "Airplane Mode" :xalign 0.5 :limit-width 16)
+          )
+          (box
+            :class "power-box"
+            :space-evenly false
+            :orientation "v"
+            (box
+              :class "element icon"
+              (button
+                :halign "end"
+                ; :onclick "wlogout &"
+                :onclick "wlogout -p layer-shell &"
+                ""
+              )
+            )
+            (label
+              :style "font-size: 12pt;"
+              :text "Power"
+              :class "sys-toggle"
+              :xalign 0.5
+              :limit-width 16
+            )
+          )
+        )
+        (scroll
+          ; :vscroll true
+          ; :hscroll false
+          ; :halign "fill"
+          :class "onotify-content"
+          :valign "fill"
+          :style "min-height: 317px;"
+          (box
+            :halign "fill"
+            :class "osettings-scroll-bg"
+            :space-evenly false
+            :spacing 20
+            :orientation "v"
+            ; Volume mixer
+            ; (volume_mixer)
+            ; Notifications
+            (box
+              :space-evenly false :orientation "v"
+              (centerbox
+                (box
+                  :orientation "h"
+                  :space-evenly false
+                  :spacing 10
+                  (label
+                    :halign "start"
+                    :class "osettings-section-icon"
+                    :text ""
+                  )
+                  (label
+                    :halign "start"
+                    :class "osettings-section"
+                    :text "Notifications"
+                  )
+                )
+                (box)
+                ; (box
+                  ;   :class "icon"
+                  ;   :halign "end" :valign "center"
+                  ;   :space-evenly false
+                  ;   :spacing 10
+                  ;   (button
+                    ;     :class "notification-action"
+                    ;     :tooltip "Refresh"
+                    ;     :onclick "dunstctl history > $XDG_CACHE_HOME/dunst-history.json &"
+                    ;     ""
+                  ;   )
+                  ;   (button
+                    ;     :class "notification-action"
+                    ;     :tooltip "Pause/Resume Notifications"
+                    ;     :onclick "scripts/notifications toggle &"
+                    ;     {notif_icons.toggle_icon}
+                  ;   )
+                  ;   (button
+                    ;     :class "notification-action"
+                    ;     :tooltip "Clear Notifications"
+                    ;     :onclick "scripts/notifications clear &"
+                    ;     ""
+                  ;   )
+                ; )
+                (box
+                  :orientation "h" :space-evenly false
+                  :halign "end" :spacing 4
+                  :style "margin-left: 9px;"
+                  (button :valign "center"
+                    :class "osettings-tag-material"
+                    :tooltip "Refresh"
+                    :onclick "dunstctl history > $XDG_CACHE_HOME/dunst-history.json &"
+                    "Refresh"
+                  )
+                  (button :valign "center"
+                    :class "osettings-tag-material"
+                    :tooltip "Pause/Resume Notifications"
+                    :onclick "scripts/notifications toggle && eww update notifications='$(scripts/notifications --once)' &"
+                    {notif_icons.paused ? "" : "Pause"}
+                  )
+                  (button :valign "center"
+                    :class "osettings-tag-material"
+                    :tooltip "Clear Notifications"
+                    :onclick "scripts/notifications clear &"
+                    "Clear"
+                  )
+                )
+              )
+              (box
+                :class "container"
+                :orientation "v"
+                :space-evenly false
+                (for i in notifications
+                  (eventbox
+                    :onclick "dunstctl history-pop ${i.id} && dunstctl action 0 && dunstctl close"
+                    (box
+                      :class "notification"
+                      :orientation "v" :space-evenly false
+                      :width 300
+                      (centerbox
+                        :space-evenly false
+                        (label
+                          :xalign 0
+                          :wrap true
+                          :class "summary"
+                          :text {i.summary}
+                        )
+                        (label)
+                        (label
+                          :xalign 1
+                          :wrap true
+                          :class "appname"
+                          :text {i.appname}
+                        )
+                      )
+                      (label
+                        :xalign 0
+                        :wrap true
+                        :class "body"
+                        :text {i.body}
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+        ; Calendar
+        (box
+          :space-evenly false :orientation "v"
+          :class "osettings-scroll-bg-colored"
+          (box :space-evenly false
+            (box
+              :orientation "h" :space-evenly false :spacing 10
+              :hexpand true
+              (label
+                :halign "start"
+                :class "osettings-section-icon"
+                :text ""
+              )
+              (label
+                :halign "start"
+                :wrap true
+                :class "osettings-section"
+                :text "${calendartitle}"
+              )
+            )
+            (box
+              :orientation "h" :space-evenly false
+              :halign "end" :spacing 4
+              (button :valign "center"
+                :class "osettings-tag-material"
+                :tooltip "Refresh"
+                :onclick "scripts/scrollmonth up &"
+                "Remove"
+              )
+              (button :valign "center"
+                :class "osettings-tag-material"
+                :tooltip "Pause/Resume Notifications"
+                :onclick "scripts/scrollmonth down &"
+                "Add"
+              )
+            )
+          )
+          (box
+            :space-evenly false :orientation "v"
+            (eventbox
+              :onscroll "scripts/scrollmonth {} &"
+              (box
+                :orientation "v"
+                :space-evenly false
+                (box
+                  :space-evenly false :orientation "v"
+                  :halign "center"
+                  (box
+                    (for day in weekdays
+                      (box
+                        :class "calendarwin-button day${day.today}"
+                        (label :class "calendarwin-text" :text "${day.day}")
+                      )
+                    )
+                  )
+                  (for week in calendar
+                    (box
+                      (for day in week
+                        (button
+                          :class "calendarwin-button calendarwin-day${day.today}"
+                          (label :class "calendarwin-text" :text "${day.day}")
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow onotify
+  :wm-ignore true
+  :monitor 0
+  :focusable true
+  :namespace "onotify"
+  :geometry (geometry
+    :x "0px"
+    :y "61px"
+    :width "0px"
+    :height "1019px"
+    :anchor "top right"
+  )
+  (onotify)
+)
+
+(defwidget onotify-button []
+  (eventbox
+    :halign "end"
+    (box
+      :space-evenly false
+      :halign "end"
+      (eventbox
+        :onmiddleclick "scripts/toggle-dashfs.sh &"
+        :onrightclick "scripts/toggle-dashfs.sh &"
+        :onscroll "echo $(echo {} | sed -e 's/down/-U 3/g' -e 's/up/-A 3/g' | xargs light) && scripts/brightness osd"
+        :onclick "scripts/toggle-onotify.sh &"
+        :onhover "${EWW_CMD} update calendar_hover=true"
+        :onhoverlost "${EWW_CMD} update calendar_hover=false"
+        (box
+          :class "module-button-pad-center"
+          ; Time and date
+          (box
+            :orientation "v" :space-evenly false
+            :valign "center"
+            :class "module-timedate module module-button${rev_calendar ? '-true' : (calendar_hover ? '-hover' : '')}"
+            :style "padding: 0 10px;"
+            (box
+              :space-evenly false
+              :halign "end"
+              :class "timedate-time"
+              (label :text "${time.hour}" :class "clock hour"
+                :style "${colormode == 'one' ? ('color: ' + coloraccent + ';') : ''}"
+              )
+              ; (label :text "${time.hour % 12}" :class "clock hour")
+              (label :text ":" :class "clock"
+                :style "${colormode == 'one' ? ('color: ' + coloraccent + ';') : ''}"
+              )
+              (label :text {time.minute} :class "clock minute"
+                :style "${colormode == 'one' ? ('color: ' + coloraccent + ';') : ''}"
+              )
+              ; (label :text "${time.hour >= 12 ? 'pm' : 'am'}" :class "clock minute")
+            )
+            (box
+              :class "date"
+              :onclick "${EWW_CMD} update popup='calendar'"
+              :style "${colormode == 'one' ? ('color: ' + coloraccent + ';') : ''}"
+              "${time.day}, ${time.date}"
+            )
+          )
+        )
+      )
+      (eventbox
+        :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd &"
+        :onclick "scripts/toggle-onotify.sh &"
+        :onmiddleclick "scripts/toggle-dashfs.sh &"
+        :onrightclick "scripts/toggle-dashfs.sh &"
+        :onhover "${EWW_CMD} update ontf_hover=true"
+        :onhoverlost "${EWW_CMD} update ontf_hover=false"
+        (box
+          :orientation "h"
+          :space-evenly false
+          :class "module-button${rev_ontf ? '-true' : (ontf_hover ? '-hover' : '')}"
+          :style "padding-left: 10px; padding-right: 10px; margin: 8px 0; margin-right: 8px;"
+          (box
+            ; :class "module"
+            :space-evenly false
+            :spacing 5
+            :halign "end"
+            (syscpu)
+            (sysmem)
+            (sysbatt)
+          )
+          (overlay
+            (image
+              :class "real-onotify-toggle-button module-button-pad-right-nomargin"
+              ; :class "real-onotify-toggle-button"
+              :path "images/svg/forum.svg"
+              :image-height 33
+              :image-width 33
+            )
+            (revealer
+              :reveal {arraylength(notifications) > 0}
+              :transition "slideleft"
+              :duration "200ms"
+              :class "dummy${notifications[0].id}"
+              (box
+                :halign "end" :valign "end"
+                :class "notif-badge"
+                (label :class "notif-indicator"
+                  :style "
+                  font-size: 11pt;
+                  border-radius: 99px;
+                  ${colormode == 'one' ? ('background-color: ' + coloraccent + ';') : ''}
+                  "
+                  :text "${arraylength(notifications)}"
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
diff --git a/hybrid/.config/eww/windows/osd.yuck b/hybrid/.config/eww/windows/osd.yuck
new file mode 100755
index 000000000..010c717e3
--- /dev/null
+++ b/hybrid/.config/eww/windows/osd.yuck
@@ -0,0 +1,69 @@
+(defwidget osdwidget []
+  (box
+    :class "osd-window"
+    :orientation "h"
+    :space-evenly false
+    (revealer
+      :reveal {osd_vol}
+      :transition "slideright"
+      :duration "80ms"
+      (centerbox
+        :class "osd-var"
+        :orientation "h"
+        :space-evenly false
+        (circular-progress
+          :value {volume.percent}
+          :class "osd-circle"
+          :thickness 4
+          :start-at 75
+          :halign "start"
+          (button
+            :class "inside-circle"
+            (label :xalign "0.5" :yalign "0.5" :halign "center" :valign "center" :class "osd-incircle" :text "${volume.icon}")
+          )
+        )
+        (box)
+        (label :xalign 0.5 :halign "end" :class "osd-text" :text "${volume.percent}")
+      )
+    )
+    (revealer
+      :reveal {osd_bright}
+      :transition "slideright"
+      :duration "80ms"
+      (centerbox
+        :class "osd-var"
+        :orientation "h"
+        :space-evenly false
+        (circular-progress
+          :value {round(brightness.level, 0)}
+          :class "osd-circle"
+          :thickness 4
+          :start-at 75
+          :halign "start"
+          (button
+            :class "inside-circle"
+            (label :xalign "0.5" :yalign "0.5" :halign "center" :valign "center" :class "osd-incircle-bright" :text "${brightness.icon}")
+          )
+        )
+        (box)
+        (label :xalign 0.5 :class "osd-text" :text {round(brightness.level, 0)})
+      )
+    )
+  )
+)
+
+(defwindow osd
+  :stacking "overlay"
+  :wm-ignore true
+  :monitor 0
+  :namespace "osd"
+  :geometry (geometry
+    :y "69px"
+    :width "100px"
+    :height "53px"
+    :anchor "top center"
+  )
+  :stacking "fg"
+  :exclusive false
+  (osdwidget)
+)
\ No newline at end of file
diff --git a/hybrid/.config/eww/windows/osettings.yuck b/hybrid/.config/eww/windows/osettings.yuck
new file mode 100755
index 000000000..75a904026
--- /dev/null
+++ b/hybrid/.config/eww/windows/osettings.yuck
@@ -0,0 +1,1064 @@
+(defwidget checkboxhyprctl [value changevalue]
+  (eventbox
+    :cursor "pointer"
+    :onclick "hyprctl keyword ${changevalue} ${1 - value} && scripts/hyprsettings tickle &"
+    (box
+      :class "osettings-checkbox-${value}"
+      :halign "end"
+    )
+  )
+)
+
+(defwidget checkboxcmd [value changecmd]
+  (eventbox
+    :onclick "${changecmd}"
+    (box
+      :class "osettings-checkbox-${value}"
+      :halign "end"
+    )
+  )
+)
+
+(defwidget osettings []
+  (box
+    :orientation "v"
+    :space-evenly false
+    :style "
+    ${anim_open_ostg ? 'transition: 300ms cubic-bezier(0, 1, 0, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_ostg ? '' : 'margin-left: -533px; margin-right: 533px;'}
+    "
+    (eventbox
+      :onclick "scripts/toggle-osettings.sh --close &"
+      :onmiddleclick "scripts/toggle-osettings.sh --close &"
+      :onrightclick "scripts/toggle-osettings.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 1px;"
+      )
+    )
+    (eventbox
+      ; :onhoverlost "scripts/toggle-osettings.sh --close &"
+      (box
+        :orientation "v"
+        :space-evenly false
+        :class "osettings-window"
+        (box
+          :orientation "v"
+          :space-evenly false
+          (box
+            :class "osettings-heading"
+            :orientation "v"
+            :space-evenly false
+            (label
+              :halign "start"
+              :wrap true
+              :class "osettings-title"
+              :text "# settings"
+            )
+            (label
+              :halign "start"
+              :wrap true
+              :class "osettings-subtitle"
+              :text "Tweak your experience"
+            )
+          )
+          (box
+            :spacing 0
+            :space-evenly false
+            :class "osettings-search"
+            :orientation "h"
+            (input
+              :halign "start"
+              :class "osettings-search-text"
+              :onchange "${EWW_CMD} update oquery=\"$(echo {} | tr [:upper:] [:lower:])\""
+            )
+            (box)
+            (button
+              :halign "end"
+              :class "osettings-search-icon"
+              :style "font-weight: bolder;"
+              ""
+            )
+          )
+        )
+        (scroll
+          ; :vscroll true
+          ; :hscroll false
+          ; :halign "fill"
+          :class "osettings-content"
+          :style "min-height: 792px;"
+          (box
+            :halign "fill"
+            :class "osettings-scroll-bg"
+            :space-evenly false
+            :spacing 20
+            :orientation "v"
+            (box
+              :class "osettings-settings"
+              :orientation "v"
+              :space-evenly false
+              ; Quick settings
+              (revealer
+                :reveal "${matches('quick settings volume audio brightness',oquery)}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :orientation "v"
+                  :space-evenly false
+                  (box
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :spacing 10
+                      (label
+                        :halign "start"
+                        :class "osettings-section-icon"
+                        :text ""
+                      )
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-section"
+                        :text "Quick values"
+                      )
+                    )
+                    (scroll
+                      :hexpand true
+                      :hscroll true :vscroll false
+                      (box
+                        :orientation "h" :space-evenly false
+                        :halign "end" :spacing 4
+                        (button :valign "center" :yalign 0.5
+                          :class "osettings-tag"
+                          :onclick "wpctl set-volume @DEFAULT_AUDIO_SINK@ 23% &"
+                          (box
+                            :orientation "h"
+                            :space-evenly false
+                            (label
+                              :valign "center"
+                              :class "osettings-tag-label-icon-material"
+                              :text "music_note"
+                            )
+                            (label
+                              :valign "center"
+                              :class "osettings-tag-label-txt"
+                              :text "music"
+                            )
+                          )
+                        )
+                        (button :valign "center" :yalign 0.5
+                          :class "osettings-tag"
+                          :onclick "wpctl set-volume @DEFAULT_AUDIO_SINK@ 50% &"
+                          (box
+                            :orientation "h"
+                            :space-evenly false
+                            (label
+                              :valign "center"
+                              :class "osettings-tag-label-icon-material"
+                              :text "mic"
+                            )
+                            (label
+                              :valign "center"
+                              :class "osettings-tag-label-txt"
+                              :text "asmr"
+                            )
+                          )
+                        )
+                        (button :valign "center" :yalign 0.5
+                          :class "osettings-tag-material"
+                          :onclick "light -S 40 &"
+                          ""
+                        )
+                        (button :valign "center" :yalign 0.5
+                          :class "osettings-tag-material"
+                          :onclick "light -S 5 &"
+                          ""
+                        )
+                      )
+                      ; (button :valign "center" :yalign 0.5
+                        ;   :class "osettings-tag"
+                        ;   :onclick "wpctl set-volume @DEFAULT_AUDIO_SINK@ 50% &"
+                        ;   "night"
+                      ; )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('quick settings volume audio',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (eventbox
+                      :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+                      (box
+                        :orientation "h"
+                        :space-evenly false
+                        :spacing 10
+                        (label
+                          :wrap true
+                          :class "osettings-text-icon"
+                          :text ""
+                        )
+                        (box
+                          :orientation "v"
+                          :space-evenly false
+                          (centerbox
+                            :orientation "h"
+                            :space-evenly false
+                            :style "min-width: 417px;"
+                            (label
+                              :halign "start"
+                              :wrap true
+                              :class "osettings-text"
+                              :text "Volume"
+                            )
+                            (box)
+                            ; (checkbox
+                              ;   :halign "end"
+                              ;   :class "osettings-checkbox"
+                              ;   :onchecked "scripts/volume mute SINK"
+                              ;   :onunchecked "scripts/volume mute SINK"
+                            ; )
+                            (checkboxcmd
+                              :value "${volume.audio}"
+                              :changecmd "scripts/volume mute SINK"
+                            )
+                          )
+                          (scale
+                            :halign "fill"
+                            :class "osettings-slider"
+                            :value "${volume.percent}"
+                            :tooltip "volume on ${volume.percent}%"
+                            :onchange "scripts/volume setvol SINK {}"
+                          )
+                        )
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('quick settings brightness',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :spacing 10
+                      (label
+                        :wrap true
+                        :class "osettings-text-icon"
+                        :text ""
+                      )
+                      (box
+                        :orientation "v"
+                        :space-evenly false
+                        :style "min-width: 417px;"
+                        (label
+                          :halign "start"
+                          :wrap true
+                          :class "osettings-text"
+                          :text "Brightness"
+                        )
+                        (scale
+                          :class "osettings-slider"
+                          :value "${brightness.level}"
+                          :onchange "light -S {}"
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+              ; Mouse
+              (revealer
+                :reveal "${matches('mouse and touchpad touch pad mouse speed mouse acceleration osu raw input sensitivity disable while typing disable_while_typing tap to click clickfinger_behavior',oquery)}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :spacing 10
+                    (label
+                      :halign "start"
+                      :class "osettings-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "osettings-section"
+                      :text "Mouse/touchpad"
+                    )
+                    (scroll
+                      :hexpand true
+                      :hscroll true :vscroll false
+                      (box
+                        :orientation "h" :space-evenly false
+                        :halign "end" :spacing 4
+                        :style "margin-left: 16px;"
+                        (button :valign "center" :yalign 0.5
+                          :class "osettings-tag"
+                          :onclick "hyprctl keyword input:force_no_accel true &"
+                          (box
+                            :orientation "h"
+                            :space-evenly false
+                            (label
+                              :valign "center"
+                              :class "osettings-tag-label-icon-material"
+                              :text "radio_button_checked"
+                            )
+                            (label
+                              :valign "center"
+                              :class "osettings-tag-label-txt"
+                              :text "osu"
+                            )
+                          )
+                        )
+                        (button :valign "center" :yalign 0.5
+                          :class "osettings-tag"
+                          :onclick "hyprctl keyword input:touchpad:disable_while_typing false &"
+                          (box
+                            :orientation "h"
+                            :space-evenly false
+                            (label
+                              :valign "center"
+                              :class "osettings-tag-label-icon-material"
+                              :text "deployed_code"
+                            )
+                            (label
+                              :valign "center"
+                              :class "osettings-tag-label-txt"
+                              :text "minecraft"
+                            )
+                          )
+                        )
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('mouse and touchpad touch pad speed mouse acceleration osu raw input sensitivity',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (centerbox
+                        :orientation "h"
+                        :space-evenly false
+                        :halign "fill"
+                        (label
+                          :halign "start"
+                          :wrap true
+                          :class "osettings-text"
+                          :text "Raw input"
+                        )
+                        (box)
+                        (checkboxhyprctl
+                          :value "${hyprjson.force_no_accel}"
+                          :changevalue "input:force_no_accel"
+                          :halign "end"
+                          :class "osettings-checkbox"
+                        )
+                      )
+                      (eventbox
+                        :onrightclick "hyprctl keyword input:sensitivity 0"
+                        (box
+                          :space-evenly false
+                          :orientation "v"
+                          (label
+                            :halign "start"
+                            :wrap true
+                            :class "osettings-text"
+                            :text "Sensitivity"
+                          )
+                          (scale
+                            :class "osettings-slider"
+                            :value "${hyprjson.input_sensitivity * 50 + 50}"
+                            :onchange "hyprctl keyword input:sensitivity $(echo - | awk '{print {} / 50 - 1}') && scripts/hyprsettings tickle"
+                          )
+                        )
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('mouse and touch pad touchpad disable while typing disable_while_typing',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (centerbox
+                        :orientation "h"
+                        :space-evenly false
+                        :halign "fill"
+                        (label
+                          :halign "start"
+                          :class "osettings-text"
+                          :text "Disable touchpad while typing"
+                        )
+                        (box)
+                        (checkboxhyprctl
+                          :value "${hyprjson.touchpad_disable_while_typing}"
+                          :changevalue "input:touchpad:disable_while_typing"
+                          :class "osettings-checkbox"
+                        )
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('mouse and touchpad touch pad tap to click clickfinger_behavior',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (centerbox
+                        :orientation "h"
+                        :space-evenly false
+                        :halign "fill"
+                        (label
+                          :halign "start"
+                          :class "osettings-text"
+                          :text "Tap to click"
+                        )
+                        (box)
+                        (checkboxhyprctl
+                          :value "${hyprjson.touchpad_clickfinger_behavior}"
+                          :changevalue "input:touchpad:clickfinger_behavior"
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+              ; Appearance
+              (revealer
+                :reveal "${matches('appearance looks customization blur size blur passes blur strength blur xray',oquery)}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  (centerbox
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :spacing 10
+                      (label
+                        :halign "start"
+                        :class "osettings-section-icon"
+                        :text ""
+                      )
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-section"
+                        :text "Blur"
+                      )
+                    )
+                    (box)
+                    (box
+                      :orientation "h" :space-evenly false
+                      :halign "end" :spacing 4
+                      :style "margin-left: 9px;"
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag"
+                        :onclick "hyprctl keyword decoration:blur:enabled false && scripts/hyprsettings tickle &"
+                        "no blur"
+                      )
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag"
+                        :onclick "hyprctl keyword decoration:blur:enabled true && \
+                        hyprctl keyword decoration:blur:size 7 && \
+                        hyprctl keyword decoration:blur:passes 4 && \
+                        scripts/hyprsettings tickle &"
+                        "intense"
+                      )
+                    )
+                  )
+                  (centerbox
+                    :orientation "h"
+                    :space-evenly false
+                    :halign "fill"
+                    (label
+                      :halign "start"
+                      :class "osettings-text"
+                      :text "Enable blur"
+                    )
+                    (box)
+                    (checkboxhyprctl
+                      :value "${hyprjson.blur}"
+                      :changevalue "decoration:blur:enabled"
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization blur size blur strength',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-text"
+                        :text "Blur size"
+                      )
+                      (scale
+                        :class "osettings-slider"
+                        :value "${hyprjson.blur_size}"
+                        :tooltip "Blur size: ${hyprjson.blur_size}"
+                        :onchange "hyprctl keyword decoration:blur:size {}  && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization blur passes blur strength',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-text"
+                        :text "Blur passes"
+                      )
+                      (scale
+                        :class "osettings-slider"
+                        :value "${hyprjson.blur_passes * 10}"
+                        :tooltip "Blur passes: ${hyprjson.blur_passes}"
+                        :onchange "hyprctl keyword decoration:blur:passes $(({} / 10))  && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization blur xray',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (centerbox
+                        :orientation "h"
+                        :space-evenly false
+                        :halign "fill"
+                        (label
+                          :halign "start"
+                          :class "osettings-text"
+                          :text "Blur xray"
+                        )
+                        (box)
+                        (checkboxhyprctl
+                          :value "${hyprjson.blur_xray}"
+                          :changevalue "decoration:blur:xray"
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+              ; Gaps and borders
+              (revealer
+                :reveal "${matches('appearance looks customization gaps gaps_in inner gaps: inner gaps_out outer gaps: outer space border_size border size border thickness',oquery)}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  (centerbox
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :spacing 10
+                      (label
+                        :halign "start"
+                        :class "osettings-section-icon"
+                        :text ""
+                      )
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-section"
+                        :text "Gaps/Borders"
+                      )
+                    )
+                    (box)
+                    (box
+                      :orientation "h" :space-evenly false
+                      :halign "end" :spacing 4
+                      :style "margin-left: 9px;"
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag"
+                        :onclick "hyprctl keyword general:gaps_in 0 && \
+                        hyprctl keyword general:gaps_out 0 && \
+                        hyprctl keyword general:border_size 0 && \
+                        hyprctl keyword decoration:rounding 0 && \
+                        hyprctl keyword monitor eDP-1,addreserved,69,0,0,0 && \
+                        eww update compact=true && \
+                        scripts/hyprsettings tickle &"
+                        "none"
+                      )
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag"
+                        :onclick "hyprctl keyword general:gaps_in 0 && \
+                        hyprctl keyword general:gaps_out 0 && \
+                        hyprctl keyword general:border_size 1 && \
+                        hyprctl keyword decoration:rounding 0 && \
+                        hyprctl keyword monitor eDP-1,addreserved,69,0,0,0 && \
+                        eww update compact=true && \
+                        scripts/hyprsettings tickle &"
+                        "borders"
+                      )
+                      (button :valign "center" :yalign 0.5
+                        :class "osettings-tag"
+                        :onclick "hyprctl keyword general:gaps_in 4 && \
+                        hyprctl keyword general:gaps_out 8 && \
+                        hyprctl keyword general:border_size 1 && \
+                        hyprctl keyword decoration:rounding 17 && \
+                        hyprctl keyword monitor eDP-1,addreserved,61,0,0,0 && \
+                        eww update compact=false && \
+                        scripts/hyprsettings tickle &"
+                        "comfy"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization gaps_in inner gaps: inner space',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-text"
+                        :text "Gaps: Inner"
+                      )
+                      (scale
+                        :class "osettings-slider"
+                        :value "${hyprjson.gaps_in}"
+                        :tooltip "Inner gaps: ${hyprjson.gaps_in}"
+                        :onchange "hyprctl keyword general:gaps_in {} && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization gaps_out outer gaps: outer space',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-text"
+                        :text "Gaps: Outer"
+                      )
+                      (scale
+                        :class "osettings-slider"
+                        :value "${hyprjson.gaps_out}"
+                        :tooltip "Outer gaps: ${hyprjson.gaps_out}"
+                        :onchange "hyprctl keyword general:gaps_out {} && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization border_size border size border thickness',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-text"
+                        :text "Border size"
+                      )
+                      (scale
+                        :class "osettings-slider"
+                        :value "${hyprjson.border_size}"
+                        :tooltip "Border size: ${hyprjson.border_size}"
+                        :onchange "hyprctl keyword general:border_size {} && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization rounding corner',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-text"
+                        :text "Rounding"
+                      )
+                      (scale
+                        :class "osettings-slider"
+                        :value "${hyprjson.rounding}"
+                        :tooltip "Border size: ${hyprjson.rounding}"
+                        :onchange "hyprctl keyword decoration:rounding {} && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                )
+              )
+              ; Hyperland
+              (revealer
+                :reveal "${matches(oquery, 'hyperland')}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :spacing 10
+                    (label
+                      :halign "start"
+                      :class "osettings-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "osettings-section"
+                      :text "Hyperland"
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches(oquery, 'hyperland')}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (button
+                        :halign "fill"
+                        :class "osettings-btn osettings-btn-neutral"
+                        :onclick "notify-send whyyyyyyy 😭"
+                        "Check the spelling and try again"
+                      )
+                    )
+                  )
+                )
+              )
+              ; Session control
+              (revealer
+                :reveal "${matches('session lock logout suspend log out shutdown shut down poweroff power off',oquery)}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :spacing 10
+                    (label
+                      :halign "start"
+                      :class "osettings-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "osettings-section"
+                      :text "Session"
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('session lock',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :orientation "v"
+                      :space-evenly false
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-neutral"
+                        :onclick "pidof gtklock || gtklock &"
+                        "Lock"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('session suspend',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :orientation "v"
+                      :space-evenly false
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-neutral"
+                        :onclick "systemctl suspend &"
+                        "Suspend"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('session logout log out',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :orientation "v"
+                      :space-evenly false
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-destructive"
+                        :onclick "pkill Hyprland &"
+                        "Logout"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('session shutdown shut down poweroff power off',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :orientation "v"
+                      :space-evenly false
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-destructive"
+                        :onclick "systemctl poweroff &"
+                        "Shutdown"
+                      )
+                    )
+                  )
+                )
+              )
+              ; Hyprland
+              (revealer
+                :reveal "${matches('hyprland options open the wiki guide help social hypr development discord reload config configuration',oquery)}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :spacing 10
+                    (label
+                      :halign "start"
+                      :class "osettings-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "osettings-section"
+                      :text "Hyprland"
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('hyprland options reload config configuration',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-neutral"
+                        :onclick "cp ~/.config/hypr/hyprland.conf temporary_config.conf && cp temporary_config.conf ~/.config/hypr/hyprland.conf && rm temporary_config.conf &"
+                        "Reload config"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('hyprland open the wiki guide help',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-informative"
+                        :onclick "scripts/toggle-osettings.sh && xdg-open https://wiki.hyprland.org &"
+                        "Open the wiki"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('hyprland help social hypr development discord',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-informative"
+                        :onclick "scripts/toggle-osettings.sh &&  xdg-open https://discord.com/invite/hQ9XvMUjjr &"
+                        "Hypr Development Discord"
+                      )
+                    )
+                  )
+                )
+              )
+              ; Calendar
+              (revealer
+                :reveal "${'calendar' == oquery}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :orientation "v"
+                  :space-evenly false
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :spacing 10
+                    (label
+                      :halign "start"
+                      :class "osettings-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "osettings-section"
+                      :text "Calendar"
+                    )
+                  )
+                  (calendar)
+                )
+              )
+              ; Super secret settings
+              (revealer
+                :reveal "${oquery == '!secret' || oquery == '!sekret'}"
+                :transition "slidedown"
+                :duration "200ms"
+                (box
+                  :orientation "v"
+                  :space-evenly false
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :spacing 10
+                    (label
+                      :halign "start"
+                      :class "osettings-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "osettings-section"
+                      :text "Super secret settings"
+                    )
+                  )
+                  (button
+                    :halign "fill"
+                    :wrap true
+                    :class "osettings-btn osettings-btn-informative"
+                    :onclick "scripts/supersecretsettings/culture &"
+                    "Activate culture mode"
+                  )
+                  (button
+                    :halign "fill"
+                    :wrap true
+                    :class "osettings-btn osettings-btn-informative"
+                    :onclick "scripts/supersecretsettings/doreload &"
+                    "Reset these stuff"
+                  )
+                  (button
+                    :halign "fill"
+                    :wrap true
+                    :class "osettings-btn osettings-btn-destructive"
+                    :onclick "hyprctl keyword bind ,c,exec,wtype k"
+                    "Bekome a KDE developer"
+                  )
+                  (button
+                    :halign "fill"
+                    :class "osettings-btn osettings-btn-destructive"
+                    :onclick "hyprctl keyword unbind ,c"
+                    "Un-become a KDE developer"
+                  )
+                )
+              )
+              ; Waifu
+              ; (revealer
+                ;   :reveal "${oquery == 'uwu' || oquery == 'sex'}"
+                ;   :transition "slidedown"
+                ;   :duration "200ms"
+                ;   (box
+                  ;     :space-evenly false
+                  ;     :orientation "v"
+                  ;     (input
+                    ;       :wrap true
+                    ;       :class "osettings-btn osettings-btn-neutral"
+                    ;       :style "padding: 0 20px;"
+                    ;       :onaccept "python3 scripts/waifupics.py &"
+                    ;       "segs"
+                  ;     )
+                  ;     (box
+                    ;       :valign "center"
+                    ;       :width 400
+                    ;       :height 400
+                    ;       :class "osettings-waifu"
+                    ;       :style "
+                    ;       background-image: url('eww_covers/waifu');
+                    ;       "
+                  ;     )
+                ;   )
+              ; )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+
+(defwindow osettings
+  :wm-ignore true
+  :monitor 0
+  :focusable true
+  :exclusive true
+  :namespace "osettings"
+  :geometry (geometry
+    :x "0px"
+    :y "61px"
+    :height "1019px"
+    :anchor "top left"
+  )
+  (osettings)
+)
+
+(defwidget osettings-button []
+  (eventbox
+    :class "osettings-toggle-button-${rev_ostg}"
+    :onmiddleclick "playerctl play-pause"
+    :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+    :onclick "scripts/toggle-osettings.sh &"
+    :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+    (box
+      :class "module-button-pad-left"
+      (image
+        :path "images/svg/settings.svg"
+        :image-height 33
+        :image-width 33
+      )
+    )
+  )
+)
+
diff --git a/hybrid/.config/eww/windows/overview.yuck b/hybrid/.config/eww/windows/overview.yuck
new file mode 100755
index 000000000..0c8db4df9
--- /dev/null
+++ b/hybrid/.config/eww/windows/overview.yuck
@@ -0,0 +1,234 @@
+(defwidget workspacebox [wspace]
+  (box
+    :class "overview-ws overview-ws-${wspace[0].workspace.id == activews}"
+    (box
+      :space-evenly false
+      :orientation "h"
+      :style "
+      min-width: ${round(RES_WIDTH * OVERVIEW_SCALE, 0)}px;
+      min-height: ${round(RES_HEIGHT * OVERVIEW_SCALE, 0)}px;
+      "
+      (for ws-window in wspace
+        (box
+          :class "${ws-window.class == 'workspace' ? '' : 'overview-ws-window'}"
+          :style "
+          ${ws-window.address == selected ? 'border: 1px solid #FFFFFF' : ''};
+          ${ws-window.address == '_none' ? 'border: none' : ''};
+          margin-left: ${round(ws-window.at[0] * OVERVIEW_SCALE, 0)}px;
+          margin-top: ${round(ws-window.at[1] * OVERVIEW_SCALE, 0)}px;
+          margin-right: -${round((ws-window.at[0] + ws-window.size[0]) * OVERVIEW_SCALE, 0)}px;
+          margin-bottom: ${round(RES_HEIGHT * OVERVIEW_SCALE - ((ws-window.at[1] + ws-window.size[1]) * OVERVIEW_SCALE), 0)};
+          "
+          (eventbox
+            :onrightclick "scripts/selectwindow ${ws-window.address} '${EWW_CMD}' ${ws-window.workspace.id}"
+            :onmiddleclick "hyprctl dispatch closewindow address:${ws-window.address}"
+            :onclick "scripts/focuswindow ${ws-window.address} ${ws-window.workspace.id} && scripts/toggle-overview.sh --close &"
+            :onhover "${ws-window.class == 'workspace' ? '' : (EWW_CMD + ' update overview_hover_name=\'' + ws-window + '\'')}"
+            (box
+              :class "overview-background"
+              ; Uncomment below to enable thumbnail previews (VERY SLOW)
+              ; :style "
+              ; background-image: url('scripts/cache/thumbnails/${ws-window.address }.png');
+              ; "
+              (image
+                :class "overview-icon"
+                :path {ws-window.icon}
+                ; :image-width {round(ws-window.size[0] > ws-window.size[1] ? (ws-window.size[1] * 45 / 100 * OVERVIEW_SCALE) : (ws-window.size[0] * 45 / 100 * OVERVIEW_SCALE))}
+                ; :image-height {round(ws-window.size[0] > ws-window.size[1] ? (ws-window.size[1] * 45 / 100 * OVERVIEW_SCALE) : (ws-window.size[0] * 45 / 100 * OVERVIEW_SCALE))}
+                :image-width {round(ws-window.size[0] * OVERVIEW_SCALE * 45 / 100, 0)}
+                :image-height {round(ws-window.size[1] * OVERVIEW_SCALE * 45 / 100, 0)}
+                
+                ; :style "
+                ; background-size: ${ws-window.size[0] > ws-window.size[1] ? 'auto 45%' : '45% auto'};
+                ; background-image: url('${ws-window.icon}')
+                ; ;
+                ; "
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget overview []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :class "thewholething"
+    (eventbox
+      :onclick "scripts/toggle-overview.sh --close &"
+      :onmiddleclick "scripts/toggle-overview.sh --close &"
+      :onrightclick "scripts/toggle-overview.sh --close &"
+      :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    )
+    ; Search bar
+    (overlay
+      (box
+        :class "overview-search-area"
+        :space-evenly false
+        :halign "center"
+        :orientation "v"
+        (input
+          :class "overview-search-box"
+          :onchange "${EWW_CMD} update overview_query=\"{}\" && ${EWW_CMD} update overview_results=\"$(scripts/appsearch '{}')\" &"
+          :onaccept "scripts/launchapp '${overview_results == '[]' ? {} : overview_results[0].exec}' &"
+          :style "
+          border-radius: ${overview_query == '' ? 99 : 20}px;
+          min-width: ${overview_query == '' ? 130 : 445}px;
+          "
+        )
+        (revealer
+          :reveal false
+          :transition "slidedown"
+          (label
+            :text {ICON_GET} ; Dummy to keep listeners active
+          )
+        )
+      )
+      (box
+        :class "overview-search-typetosearch-pad"
+        :space-evenly false
+        :halign "center"
+        :orientation "v"
+        (revealer
+          :reveal "${overview_query == ''}"
+          :duration "100ms"
+          (label
+            :class "overview-search-typetosearch-text"
+            :xalign 0
+            :text "Type to search"
+          )
+        )
+      )
+    )
+    ; The overview
+    (eventbox
+      :onhoverlost `eww update overview_hover_name='{"class":"LMB: Focus | MMB: Close | RMB: Select/Move","title":"Activities Overview","workspace":{"id":5,"name":"5"},"icon": "/usr/share/icons/breeze-dark/actions/16/window.svg"}' &`
+      :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+      (revealer
+        :reveal "${overview_query == ''}"
+        :transition "slidedown"
+        :duration "${overview_query == '' ? '300ms' : '100ms'}"
+        (revealer
+          :reveal "${overview_query == ''}"
+          :transition "crossfade"
+          :duration "${overview_query == '' ? '300ms' : '100ms'}"
+          (box
+            :space-evenly false
+            :orientation "v"
+            :class "overview-window"
+            ; :space-evenly false
+            ; (label :text "${wsjsona}")
+            ; (label :text "${selected}")
+            (centerbox
+              :class "overview-window-title"
+              (label :halign "start" :style "margin: 5px;" :text "${overview_hover_name.class}")
+              (box
+                :space-evenly false
+                :orientation "h"
+                (image
+                  :class "overview-topbar-icon overview-icon"
+                  :path {overview_hover_name.icon}
+                  :image-height 30
+                  :image-width 30
+                  ; :style "
+                  ; background-image: url('${overview_hover_name.icon}');
+                  ; "
+                )
+                (label :text "${overview_hover_name.title}")
+              )
+              (button
+                :halign "end"
+                :class "overview-topbar-button"
+                :onclick "scripts/toggle-overview.sh --close"
+                (label :text "")
+              )
+            )
+            (box
+              :orientation "h"
+              (for wspace in wsjsona
+                (workspacebox
+                  :wspace {wspace}
+                )
+              )
+            )
+            (box
+              :orientation "h"
+              (for wspace in wsjsonb
+                (workspacebox
+                  :wspace {wspace}
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+    ; Search Results
+    (box
+      :class "overview-search-area"
+      :space-evenly false
+      :halign "center"
+      :orientation "v"
+      (revealer
+        :reveal "${overview_query != ''}"
+        :transition "slidedown"
+        :duration "${overview_query == '' ? '100ms' : '300ms'}"
+        (revealer
+          :reveal "${overview_query != ''}"
+          :transition "crossfade"
+          :duration "${overview_query == '' ? '100ms' : '300ms'}"
+          (scroll
+            :width 502
+            :height 547
+            (box
+              :halign "center"
+              :orientation "v"
+              :class "overview-results"
+              :spacing 2
+              :space-evenly false
+              (for entry in overview_results
+                (overlay
+                  :orientation "h"
+                  :space-evenly false
+                  (input
+                    :value "${entry.name}"
+                    :class "overview-search-result"
+                    :onaccept "scripts/launchapp '${entry.exec}' &"
+                  )
+                  (image
+                    :halign "start"
+                    :class "overview-search-result-icon"
+                    :path {(entry.icon != '_letter' && entry.icon != '') ? entry.icon : 'images/svg/dark/app.svg'}
+                    :image-width 33
+                    :image-height 33
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow overview
+  :stacking "overlay"
+  :focusable true
+  :wm-ignore true
+  :monitor 0
+  :geometry (geometry
+    ; :height 1080
+    ; :width 1920
+    :y "153px"
+    :anchor "top center"
+    ; :y "0px"
+    ; :anchor "center center"
+  )
+  ; (testing)
+  (overview)
+)
+
diff --git a/hybrid/.config/eww/windows/supercontext.yuck b/hybrid/.config/eww/windows/supercontext.yuck
new file mode 100755
index 000000000..b250f5063
--- /dev/null
+++ b/hybrid/.config/eww/windows/supercontext.yuck
@@ -0,0 +1,86 @@
+; (defvar dash_curve_in "transition: 150ms cubic-bezier(0.05, 0.9, 0.1, 1.0);")
+; (defvar dash_curve_out "transition: 80ms cubic-bezier(0.3, 0, 0.8, 0.15);")
+
+(defwidget supercontext_widget []
+  (box :width RES_WIDTH :height RES_HEIGHT
+    (overlay
+      ; Fullscreen box
+      (box
+        :width RES_WIDTH :height RES_HEIGHT
+        (eventbox
+          :onclick "scripts/toggle-supercontext.sh --close &"
+          :onmiddleclick "scripts/toggle-supercontext.sh --close &"
+          :onrightclick "scripts/toggle-supercontext.sh --close &"
+        )
+      )
+      (button ; Brutally kill button
+        :class "supercontext-button"
+        :tooltip "Brutally kill the active window"
+        :style "
+        margin-left: ${rev_supercontext ? (supercontext_pos_x + SUPERCONTEXT_OFFSET_X[0] - SUPERCONTEXT_BUTTON_RADIUS) : (supercontext_pos_x - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        margin-right: ${rev_supercontext ? (RES_WIDTH - supercontext_pos_x - SUPERCONTEXT_OFFSET_X[0] - SUPERCONTEXT_BUTTON_RADIUS) : (RES_WIDTH - supercontext_pos_x - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        margin-top: ${rev_supercontext ? (supercontext_pos_y + SUPERCONTEXT_OFFSET_Y[0] - SUPERCONTEXT_BUTTON_RADIUS) : (supercontext_pos_y - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        margin-bottom: ${rev_supercontext ? (RES_HEIGHT - supercontext_pos_y - SUPERCONTEXT_OFFSET_Y[0] - SUPERCONTEXT_BUTTON_RADIUS) : (RES_HEIGHT - supercontext_pos_y - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        "
+        :onclick "scripts/toggle-supercontext.sh --close && pkill $(hyprctl activewindow -j | gojq -r '.class') &"
+        (label :text "Dangerous")
+      )
+      (box ; Workspace swap button
+        :style "
+        margin-left: ${rev_supercontext ? (supercontext_pos_x + SUPERCONTEXT_OFFSET_X[1] - SUPERCONTEXT_BUTTON_RADIUS) : (supercontext_pos_x - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        margin-right: ${rev_supercontext ? (RES_WIDTH - supercontext_pos_x - SUPERCONTEXT_OFFSET_X[1] - SUPERCONTEXT_BUTTON_RADIUS) : (RES_WIDTH - supercontext_pos_x - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        margin-top: ${rev_supercontext ? (supercontext_pos_y + SUPERCONTEXT_OFFSET_Y[1] - SUPERCONTEXT_BUTTON_RADIUS) : (supercontext_pos_y - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        margin-bottom: ${rev_supercontext ? (RES_HEIGHT - supercontext_pos_y - SUPERCONTEXT_OFFSET_Y[1] - SUPERCONTEXT_BUTTON_RADIUS) : (RES_HEIGHT - supercontext_pos_y - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        transition: 300ms cubic-bezier(0, 1, 0, 1);
+        "
+        (eventbox
+          :class "supercontext-button-number-child"
+          :tooltip "Swap workspace windows with..."
+          :onscroll "eww update ws_to_swap=$(( ${ws_to_swap == 0 ? activews : ws_to_swap} + $(echo {} | sed -e 's/down/-1/g' -e 's/up/+1/g') ))"
+          :onclick "scripts/toggle-supercontext.sh --close && scripts/swapws ${activews} ${ws_to_swap} &"
+          (label :text {ws_to_swap == 0 ? '' : ws_to_swap})
+        )
+      )
+      (button
+        :class "supercontext-button"
+        :style "
+        margin-left: ${rev_supercontext ? (supercontext_pos_x + SUPERCONTEXT_OFFSET_X[2] - SUPERCONTEXT_BUTTON_RADIUS) : (supercontext_pos_x - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        margin-right: ${rev_supercontext ? (RES_WIDTH - supercontext_pos_x - SUPERCONTEXT_OFFSET_X[2] - SUPERCONTEXT_BUTTON_RADIUS) : (RES_WIDTH - supercontext_pos_x - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        margin-top: ${rev_supercontext ? (supercontext_pos_y + SUPERCONTEXT_OFFSET_Y[2] - SUPERCONTEXT_BUTTON_RADIUS) : (supercontext_pos_y - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        margin-bottom: ${rev_supercontext ? (RES_HEIGHT - supercontext_pos_y - SUPERCONTEXT_OFFSET_Y[2] - SUPERCONTEXT_BUTTON_RADIUS) : (RES_HEIGHT - supercontext_pos_y - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        "
+      )
+      (button
+        :class "supercontext-button"
+        :style "
+        margin-left: ${rev_supercontext ? (supercontext_pos_x + SUPERCONTEXT_OFFSET_X[3] - SUPERCONTEXT_BUTTON_RADIUS) : (supercontext_pos_x - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        margin-right: ${rev_supercontext ? (RES_WIDTH - supercontext_pos_x - SUPERCONTEXT_OFFSET_X[3] - SUPERCONTEXT_BUTTON_RADIUS) : (RES_WIDTH - supercontext_pos_x - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        margin-top: ${rev_supercontext ? (supercontext_pos_y + SUPERCONTEXT_OFFSET_Y[3] - SUPERCONTEXT_BUTTON_RADIUS) : (supercontext_pos_y - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        margin-bottom: ${rev_supercontext ? (RES_HEIGHT - supercontext_pos_y - SUPERCONTEXT_OFFSET_Y[3] - SUPERCONTEXT_BUTTON_RADIUS) : (RES_HEIGHT - supercontext_pos_y - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        "
+      )
+      (button
+        :class "supercontext-button"
+        :style "
+        margin-left: ${rev_supercontext ? (supercontext_pos_x + SUPERCONTEXT_OFFSET_X[4] - SUPERCONTEXT_BUTTON_RADIUS) : (supercontext_pos_x - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        margin-right: ${rev_supercontext ? (RES_WIDTH - supercontext_pos_x - SUPERCONTEXT_OFFSET_X[4] - SUPERCONTEXT_BUTTON_RADIUS) : (RES_WIDTH - supercontext_pos_x - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        margin-top: ${rev_supercontext ? (supercontext_pos_y + SUPERCONTEXT_OFFSET_Y[4] - SUPERCONTEXT_BUTTON_RADIUS) : (supercontext_pos_y - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        margin-bottom: ${rev_supercontext ? (RES_HEIGHT - supercontext_pos_y - SUPERCONTEXT_OFFSET_Y[4] - SUPERCONTEXT_BUTTON_RADIUS) : (RES_HEIGHT - supercontext_pos_y - SUPERCONTEXT_BUTTON_RADIUS)}px;
+        "
+      )
+    )
+  )
+)
+
+(defwindow supercontext
+  :focusable true
+  :geometry (geometry
+    :x 0
+    :y 0
+    :width "100%"
+    :height "100%"
+    :anchor "center center"
+  )
+  :monitor 0
+  (supercontext_widget)
+)
\ No newline at end of file
diff --git a/hybrid/.config/eww/windows/system-menu.yuck b/hybrid/.config/eww/windows/system-menu.yuck
new file mode 100755
index 000000000..575e29f30
--- /dev/null
+++ b/hybrid/.config/eww/windows/system-menu.yuck
@@ -0,0 +1,187 @@
+(defwidget system-menu []
+  (eventbox
+    :onhoverlost "${EWW_CMD} close system-menu"
+    (box
+      :class "system-menu-box"
+      :space-evenly false
+      :orientation "v"
+      (box
+        :class "module"
+        :space-evenly false
+        :spacing 5
+        :halign "end"
+        (syscpu)
+        (sysmem)
+        (sysbatt)
+        (settingscog)
+      )
+      (box
+        :class "top-row"
+        :space-evenly false
+        (label :class "time" :text "${time.hour}:${time.minute}")
+        (box
+          :class "date-box"
+          :space-evenly false
+          (label :class "date" :text "${time.day},")
+          (label :class "date" :text "${time.date}")
+        )
+      )
+      
+      (box
+        :class "system-row"
+        :space-evenly false
+        (box
+          :class "wifi-box"
+          :space-evenly false
+          :orientation "v"
+          (box
+            :class "element icon"
+            :space-evenly false
+            (button
+              :class "wifi-button"
+              :onclick "scripts/net toggle"
+              {net.icon}
+            )
+            (label :class "separator" :text "|")
+            (button
+              :class "wifi-arrow-btn"
+              :onclick "eww close system-menu && nm-connection-editor &"
+              ""
+            )
+          )
+          (label :text {net.essid} :xalign 0.5 :limit-width 15)
+        )
+        
+        (box
+          :class "bluetooth-box"
+          :space-evenly false
+          :orientation "v"
+          (box
+            :class "element icon"
+            :space-evenly false
+            (button
+              :class "bluetooth-button"
+              :onclick "scripts/bluetooth toggle"
+              {bluetooth.icon}
+            )
+            (label :class "separator" :text "|")
+            (button
+              :class "bluetooth-arrow-btn"
+              :onclick "eww close system-menu && blueberry"
+              ""
+            )
+          )
+          (label
+            :text {bluetooth.text}
+            :xalign 0.5
+            :tooltip "${bluetooth.text} ${bluetooth.batt_icon}"
+            :limit-width 15
+          )
+        )
+        
+        (box
+          :class "airplane-box"
+          :space-evenly false
+          :orientation "v"
+          (box
+            :class "element"
+            (button
+              :class "airplane-button"
+              :onclick "scripts/airplane toggle"
+              airplane
+            )
+          )
+          (label :text "Airplane Mode" :xalign 0.5 :limit-width 16)
+        )
+        
+        (box
+          :space-evenly false
+          :orientation "v"
+          (box
+            :class "element"
+            (button
+              :halign "end"
+              ; :onclick "wlogout -p layer-shell &"
+              :onclick "wlogout"
+              ""
+            )
+          )
+          (label
+            :text "Power"
+            :xalign 0.5
+            :limit-width 16
+          )
+        )
+      )
+      (audiolevels)
+      (box
+        :class "system-info-box"
+        
+        ; cpu
+        (box
+          :class "sys-box"
+          :space-evenly false
+          :halign "start"
+          (circular-progress
+            :value "${EWW_CPU.avg}"
+            :class "sys-cpu"
+            :thickness 3
+            (label
+              :text ""
+            :class "sys-icon-cpu icon"))
+          (box
+            :orientation "v"
+            :vexpand false
+            (label
+              :text "CPU"
+              :halign "start"
+            :class "sys-text-cpu")
+            (label
+              :text "${round(EWW_CPU.avg,2)}%"
+              :halign "start"
+            :class "sys-text-sub")
+            (label
+              :text "${EWW_CPU.cores[0].freq} MHz"
+              :halign "start"
+            :class "sys-text-sub")))
+        
+        ; memory
+        (box
+          :class "sys-box"
+          :space-evenly false
+          :halign "end"
+          (circular-progress
+            :value {memory.percentage}
+            :class "sys-mem"
+            :thickness 3
+            (label
+              :text ""
+              :class "sys-icon-mem icon"
+            )
+          )
+          (box
+            :orientation "v"
+            (label :text "Memory" :halign "start" :class "sys-text-mem")
+            (label :text "${memory.used} / ${memory.total}" :halign "start" :class "sys-text-sub")
+            (label :text "Swap ${memory.swapused} / ${memory.swaptotal}" :halign "start" :class "sys-text-sub")
+          )
+        )
+      )
+    )
+  )
+)
+
+;; windows
+(defwindow system-menu
+  :wm-ignore true
+  :monitor 0
+  ; :focusable true
+  :geometry (geometry
+    :x "0"
+    :y "0"
+    :width "0%"
+    :height "0%"
+  :anchor "right top")
+  (system-menu)
+)
+
diff --git a/hybrid/.config/eww/windows/themer.yuck b/hybrid/.config/eww/windows/themer.yuck
new file mode 100755
index 000000000..9e2a7c69c
--- /dev/null
+++ b/hybrid/.config/eww/windows/themer.yuck
@@ -0,0 +1,186 @@
+(defwidget themer_widget []
+  (box
+    :orientation "v"
+    :space-evenly false
+    :halign "fill"
+    :valign "fill"
+    (eventbox
+      :onclick "scripts/toggle-themer.sh --close &"
+      (box
+        :style "
+        ${rev_themer ? '' : 'margin-top: -600px;'}
+        ${anim_open_themer ? 'transition: 300ms cubic-bezier(0, 1, 0, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+        min-height: 1px;
+        "
+      )
+    )
+    (eventbox
+      ; :onhoverlost "${EWW_CMD} close themer && ${EWW_CMD} update themer_open=false"
+      (box
+        :space-evenly false
+        :orientation "h"
+        :class "themer-menu-box"
+        :style "
+        ${rev_themer ? '' : 'margin-top: -600px;'}
+        ${anim_open_themer ? 'transition: 300ms cubic-bezier(0, 1, 0, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+        "
+        (box
+          :space-evenly false :orientation "v"
+          (box
+            :style "padding-left: 10px; padding-right: 10px; padding-top: 10px; font-size: 15pt;"
+            :valign "start"
+            :space-evenly false
+            :spacing 4
+            (button
+              :class "themer-action-button themer-get"
+              :onclick "scripts/toggle-themer.sh --close && scripts/colormanage get &"
+              ""
+            )
+            (button
+              :class "themer-action-button themer-restore"
+              :onclick "scripts/toggle-themer.sh --close && scripts/colormanage default &"
+              ""
+            )
+            (button
+              :class "themer-action-button"
+              :onclick "scripts/toggle-themer.sh --close && scripts/togglelight light &"
+              :tooltip "Light mode (for generating new themes)"
+              ""
+            )
+            (button
+              :class "themer-action-button"
+              :onclick "scripts/toggle-themer.sh --close && scripts/togglelight dark &"
+              :tooltip "Dark mode (for generating new themes)"
+              ""
+            )
+          )
+          (label
+            :class "themer-title"
+            :text "Color profiles"
+            :xalign 0
+          )
+          (box
+            :space-evenly false
+            :orientation "h"
+            :halign "center"
+            (label
+              :hexpand true
+              :class "themer-prompt"
+              :text "Save "
+            )
+            (input
+              :class "themer-input"
+              :onaccept "scripts/colormanage save {}"
+            )
+          )
+          (box
+            :halign "center"
+            :space-evenly false
+            :orientation "h"
+            (label
+              :hexpand true
+              :class "themer-prompt"
+              :text "Load "
+            )
+            (input
+              :class "themer-input"
+              :onaccept "scripts/colormanage load {}"
+            )
+          )
+        )
+        ; colors
+        (box
+          :space-evenly false :orientation "v"
+          (label
+            :class "themer-title"
+            :text "Pywal Colors"
+            :xalign 0
+          )
+          (box
+            :spacing 3
+            :orientation "h"
+            :style "padding: 7px;"
+            (box :class "themer-color-preview preview-0" )
+            (box :class "themer-color-preview preview-1" )
+            (box :class "themer-color-preview preview-2" )
+            (box :class "themer-color-preview preview-3" )
+            (box :class "themer-color-preview preview-4" )
+            (box :class "themer-color-preview preview-5" )
+            (box :class "themer-color-preview preview-6" )
+            (box :class "themer-color-preview preview-7" )
+          )
+          (label
+            :class "themer-title"
+            :text "Primary, secondary"
+            :xalign 0
+          )
+          (box
+            :spacing 3
+            :orientation "h"
+            :style "padding: 7px;"
+            (box :class "themer-color-preview preview-primary" )
+            (box :class "themer-color-preview preview-onPrimary" )
+            (box :class "themer-color-preview preview-primaryContainer" )
+            (box :class "themer-color-preview preview-onPrimaryContainer" )
+            (box :class "themer-color-preview preview-secondary" )
+            (box :class "themer-color-preview preview-onSecondary" )
+            (box :class "themer-color-preview preview-secondaryContainer" )
+            (box :class "themer-color-preview preview-onSecondaryContainer" )
+          )
+          (label
+            :class "themer-title"
+            :text "Tertiary, bg, surface"
+            :xalign 0
+          )
+          (box
+            :spacing 3
+            :orientation "h"
+            :style "padding: 7px;"
+            (box :class "themer-color-preview preview-tertiary" )
+            (box :class "themer-color-preview preview-onTertiary" )
+            (box :class "themer-color-preview preview-tertiaryContainer" )
+            (box :class "themer-color-preview preview-onTertiaryContainer" )
+            (box :class "themer-color-preview preview-background" )
+            (box :class "themer-color-preview preview-onBackground" )
+            (box :class "themer-color-preview preview-surface" )
+            (box :class "themer-color-preview preview-onSurface" )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow themer
+  :wm-ignore true
+  :stacking "overlay"
+  :monitor 0
+  :geometry (geometry
+    :x "400px"
+    :y "61px"
+    :anchor "top right"
+    ; :width "0px"
+    ; :height "0px"
+  )
+  :focusable true
+  (themer_widget)
+)
+
+(defwidget themer []
+  (eventbox
+    :onscroll "hyprctl dispatch splitratio $(echo {} | sed -e \"s/up/-0.1/g\" -e \"s/down/+0.1/g\")"
+    :onhover "${EWW_CMD} update themer_hover=true"
+    :onhoverlost "${EWW_CMD} update themer_hover=false"
+    :class "osettings-toggle-button-${rev_themer}"
+    :onclick "scripts/toggle-themer.sh &"
+    (box
+      :class "module-button-pad-center"
+      :style "min-width: 53px;"
+      (image
+        :path "images/svg/beatmappacks.svg"
+        :image-width 33
+        :image-height 33
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/hybrid/.config/eww/windows/winactions.yuck b/hybrid/.config/eww/windows/winactions.yuck
new file mode 100755
index 000000000..ab52ec7c0
--- /dev/null
+++ b/hybrid/.config/eww/windows/winactions.yuck
@@ -0,0 +1,205 @@
+(defwidget winactions_widget []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :style "
+    ${anim_open_winactions ? 'transition: 300ms cubic-bezier(0, 1, 0, 1);' : 'transition: 100ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_winactions ? '' : 'margin-bottom: -700px;'}
+    "
+    (eventbox
+      :onclick "scripts/toggle-winactions.sh --close &"
+      :onmiddleclick "scripts/toggle-winactions.sh --close &"
+      :onrightclick "scripts/toggle-winactions.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 1px;"
+      )
+    )
+    ; Media controls
+    (revealer
+      :reveal {mname_win.title != ''}
+      :transition "slideup"
+      :duration "200ms"
+      (box
+        :class "winwin winactions-media-pad"
+        :space-evenly false :orientation "v"
+        :style "margin-bottom: 0px;"
+        :spacing 29
+        (box
+          :halign "start" :space-evenly false :orientation "h" :spacing 8
+          (label :class "win-segoeicon" :text "")
+          (label :class "win-segoeicon" :text "Media")
+        )
+        (box
+          :space-evenly false :orientation "h" :spacing 8
+          :width 346
+          (box
+            :space-evenly false :orientation "v" :hexpand true
+            (label :xalign 0 :limit-width 36 :class "winactions-media-title" :text {mname_win.title})
+            (label :xalign 0 :limit-width 36 :class "winactions-media-artist" :text {mname_win.artist})
+          )
+          (box
+            :halign "end"
+            :class "winactions-media-cover"
+            :style "background-image: url('${mcover.image}')"
+          )
+        )
+        (box
+          :halign "center"
+          :class "music-button-box-bar"
+          :spacing 42
+          (button
+            :class "winactions-media-button win-segoeicon"
+            :onclick "playerctl previous"
+            ""
+          )
+          (button
+            :class "winactions-media-button win-segoeicon"
+            :onclick "playerctl play-pause"
+            "${music.status != '' ? (music.status == '' ? '' : '') : ''}"
+          )
+          (button
+            :class "winactions-media-button win-segoeicon"
+            :onclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+            ""
+          )
+        )
+      )
+    )
+    (box
+      :class "winwin-top"
+      :space-evenly false
+      :orientation "v"
+      ; Row 1: Network, Bluetooth, Airplane
+      (box
+        :class "winactions-togglerow"
+        :space-evenly false
+        (box :orientation "v" :space-evenly false
+          (box
+            :class "winactions-toggle winactions-toggle-${net.level != '0' && net.essid != 'lo'}"
+            :orientation "h"
+            (button
+              :onclick "scripts/net toggle"
+              :class "winactions-toggle-icon winactions-toggle-icon-left winwifi${net.level}${net.essid != 'lo' ? '-activated' : ''}"
+            )
+            (button
+              :onclick "XDG_CURRENT_DESKTOP=GNOME gnome-control-center wifi &"
+              :class "winactions-toggle-icon winactions-toggle-arrow${(net.essid != 'lo') ? '-activated' : ''}"
+            )
+          )
+          (label :class "wintoggle-text" :text "${net.essid}")
+        )
+        (box :orientation "v" :space-evenly false
+          (box
+            :class "winactions-toggle winactions-toggle${bluetooth.text == 'Bluetooth off' ? '' : '-true'}"
+            :orientation "h"
+            (button
+              :onclick "scripts/bluetooth toggle &"
+              :class "winactions winactions-toggle-icon-left winbluetooth${bluetooth.text == 'Disconnected' ? '' : (bluetooth.text == 'Bluetooth off' ? '-false' : '-true')}"
+            )
+            (button
+              :onclick "blueberry &"
+              :class "winactions-toggle-icon-right winactions-toggle-arrow${bluetooth.text == 'Bluetooth off' ? '' : '-activated'}"
+            )
+          )
+          (label :class "wintoggle-text" :text "${bluetooth.text}")
+        )
+        (box :orientation "v" :space-evenly false
+          (box
+            :class "winactions-toggle winactions-toggle-center"
+            (button
+              :onclick "scripts/airplane toggle &"
+              :class "winactions-toggle-icon winactions-toggle-icon-center winactions-airplane"
+            )
+          )
+          (label :class "wintoggle-text" :text "Flight Mode")
+        )
+      )
+      ; Row 2: Night light
+      (box
+        :class "winactions-togglerow"
+        :space-evenly false
+        (box
+          :orientation "v" :space-evenly false
+          (box
+            :class "winactions-toggle winactions-toggle-center winactions-toggle-${hyprjson.nightlight}"
+            (button
+              :onclick "scripts/toggle-nightlight.sh &"
+              :class "winactions-toggle-icon winactions-toggle-icon-center winactions-nightlight${hyprjson.nightlight ? '-activated' : ''}"
+            )
+          )
+          (label :class "wintoggle-text" :text "Night Light")
+        )
+      )
+      (box :height 30)
+      ; Slider 1: brightness
+      (box
+        :space-evenly false
+        :orientation "h"
+        :class "winactions-sliderrow "
+        (box :class "winicon winbrightness winactions-element")
+        (scale
+          :value "${brightness.level}"
+          :onchange "light -S {}"
+          :class "winslider winslider-winactions"
+        )
+      )
+      ; Slider 1: Volume
+      (box
+        :space-evenly false
+        :orientation "h"
+        :class "winactions-sliderrow"
+        (button
+          :class "winicon winvol${volume.audio == 1 ? round(volume.percent / 33, 0) : 'mute'} winactions-element"
+          :onclick "scripts/volume mute SINK &"
+        )
+        (scale
+          :value "${volume.percent}"
+          :onchange "scripts/volume setvol SINK {}"
+          :class "winslider winslider-winactions"
+        )
+      )
+    )
+    (box
+      :class "winwin-bottom"
+      :space-evenly false
+      :orientation "v"
+      (centerbox
+        :space-evenly false
+        :orientation "h"
+        :class "winwin-bottom-pad"
+        (button
+          :class "winactions-bottom-button"
+          :halign "start"
+          :style "padding: 0 13px;"
+          :onclick "scripts/toggle-winactions.sh --close power &"
+          (box
+            :space-evenly false
+            :orientation "h"
+            (box :class "winicon winbat${round(battery.percentage / 10, 0)}")
+            (label :class "wintoggle winbartext" :text "${battery.percentage}%")
+          )
+        )
+        (box)
+        (box
+          (button
+            :halign "end"
+            :onclick "scripts/toggle-winactions.sh --close settings &"
+            :class "winactions-bottom-button wincog winicon"
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow winactions
+  :wm-ignore true
+  :monitor 0
+  :focusable true
+  :geometry (geometry
+    :x "0px"
+    :y "50px"
+    :anchor "bottom right"
+  )
+  (winactions_widget)
+)
\ No newline at end of file
diff --git a/hybrid/.config/eww/windows/winbsod.yuck b/hybrid/.config/eww/windows/winbsod.yuck
new file mode 100755
index 000000000..37a9862b3
--- /dev/null
+++ b/hybrid/.config/eww/windows/winbsod.yuck
@@ -0,0 +1,78 @@
+(defwidget winbsod_widget []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :class "thewholething"
+    :height 1080
+    :width 1920
+    (box
+      :height 1080
+      :width 1920
+      :class "winbsod-background"
+      (box
+        :orientation "v"
+        :space-evenly false :spacing 10
+        :halign "start" :valign "start"
+        :style "
+        margin-left: 200px;
+        margin-top: 115px;
+        "
+        (label :xalign 0
+          :class "winbsod-text winbsod-face"
+          :text ":(" ;) <-- closing bracket so that the formatter wont mess up lmao
+        )
+        (label :xalign 0
+          :class "winbsod-text winbsod-desc"
+          :halign "start" :valign "start"
+          :text "Your PC ran into a problem and needs to restart. We're \\\njust collecting some error info, and then we'll restart for \\\nyou." ;) <-- closing bracket so that the formatter wont mess up lmao
+        )
+        (label :xalign 0
+          :class "winbsod-text winbsod-desc"
+          :style "margin-top: 35px;"
+          :text "69% complete"
+        )
+        (box
+          :orientation "h"
+          :space-evenly false :spacing 20
+          :style "margin-top: 35px;"
+          (image
+            :path "images/pictures/qr_aur.png"
+            :image-width 115
+            :image-height 115
+          )
+          (box
+            :orientation "v"
+            :space-evenly false
+            (label :xalign 0 :yalign 0 :valign "start"
+              :class "winbsod-text winbsod-technicalinfo"
+              :text "Thanks for watching guys, stay safe"
+            )
+            (label :xalign 0 :yalign 0 :valign "start"
+              :class "winbsod-text winbsod-technicalinfo"
+              :style "margin-top: 35px;"
+              :text "If you're wondering, this QR code takes you to AUR homepage."
+            )
+            (label :xalign 0 :yalign 0 :valign "start"
+              :class "winbsod-text winbsod-technicalinfo"
+              :text "Stop code: ERRRRMMM" 
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow winbsod
+  :stacking "fg"
+  :focusable true
+  :wm-ignore true
+  :monitor 0
+  :namespace "gamebar"
+  :geometry (geometry
+    :height "100%"
+    :width "100%"
+    :anchor "center center"
+  )
+  (winbsod_widget)
+)
\ No newline at end of file
diff --git a/hybrid/.config/eww/windows/wingamebar.yuck b/hybrid/.config/eww/windows/wingamebar.yuck
new file mode 100755
index 000000000..01c743fb1
--- /dev/null
+++ b/hybrid/.config/eww/windows/wingamebar.yuck
@@ -0,0 +1,390 @@
+(defwidget wingamebarwidget []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :class "thewholething"
+    :height 1080
+    :width 1920
+    (overlay
+      (box
+        :height 1080
+        :width 1920
+        :class "wingamebar-overlay"
+      )
+      ; Controls
+      (eventbox
+        :onclick "scripts/toggle-wingamebar.sh --close"
+        :onrightclick "scripts/toggle-wingamebar.sh --close"
+        :onmiddleclick "scripts/toggle-wingamebar.sh --close"
+        (box :space-evenly false
+          :style "
+          margin-left: ${RES_WIDTH / 2 + ((gamebarwidgets.controls.at[0] - (RES_WIDTH / 2)) * (rev_wingamebar ? 1 : 1.03)) - (gamebarwidgets.controls.size[0] / 2)};
+          margin-top: ${RES_HEIGHT / 2 + ((gamebarwidgets.controls.at[1] - (RES_HEIGHT / 2)) * (rev_wingamebar ? 1 : 1.03)) - (gamebarwidgets.controls.size[1] / 2)};
+          margin-right: ${RES_WIDTH - (RES_WIDTH / 2 + ((gamebarwidgets.controls.at[0] - (RES_WIDTH / 2)) * (rev_wingamebar ? 1 : 1.03)) + (gamebarwidgets.controls.size[0] / 2))};
+          margin-bottom: ${RES_HEIGHT - (RES_HEIGHT / 2 + ((gamebarwidgets.controls.at[1] - (RES_HEIGHT / 2)) * (rev_wingamebar ? 1 : 1.03)) + (gamebarwidgets.controls.size[1] / 2))};
+          "
+          :class "wingamebar-window"
+          :halign "center"
+          (box :space-evenly false :orientation "h"
+            :class "wingamebar-control-sidesection-left"
+            (button
+              :class "wingamebar-control-button"
+              (label :class "win-segoeicon wingamebar-control-button" :text "")
+            )
+          )
+          (box
+            :class "wingamebar-control-appsection"
+            (button
+              :class "wingamebar-control-button-active"
+              (label :class "win-segoeicon wingamebar-control-button" :text "")
+            )
+            (button
+              :class "wingamebar-control-button-active"
+              (label :class "win-segoeicon wingamebar-control-button" :text "")
+            )
+            (button
+              :class "wingamebar-control-button-active"
+              (label :class "win-segoeicon wingamebar-control-button" :text "")
+            )
+          )
+          (box :space-evenly false :orientation "h"
+            :class "wingamebar-control-sidesection-right"
+            (label :class "wingamebar-text wingamebar-text-clock" :text {time12})
+          )
+        )
+      )
+      ; Capture
+      (box
+        :style "
+        margin-left: ${RES_WIDTH / 2 + ((gamebarwidgets.capture.at[0] - (RES_WIDTH / 2)) * (rev_wingamebar ? 1 : 1.03)) - (gamebarwidgets.capture.size[0] / 2)};
+        margin-top: ${RES_HEIGHT / 2 + ((gamebarwidgets.capture.at[1] - (RES_HEIGHT / 2)) * (rev_wingamebar ? 1 : 1.03)) - (gamebarwidgets.capture.size[1] / 2)};
+        margin-right: ${RES_WIDTH - (RES_WIDTH / 2 + ((gamebarwidgets.capture.at[0] - (RES_WIDTH / 2)) * (rev_wingamebar ? 1 : 1.03)) + (gamebarwidgets.capture.size[0] / 2))};
+        margin-bottom: ${RES_HEIGHT - (RES_HEIGHT / 2 + ((gamebarwidgets.capture.at[1] - (RES_HEIGHT / 2)) * (rev_wingamebar ? 1 : 1.03)) + (gamebarwidgets.capture.size[1] / 2))};
+        "
+        :class "wingamebar-window"
+        :orientation "v" :space-evenly false
+        (centerbox
+          :class "wingamebar-titlebar"
+          :valign "start" :height 33
+          (box
+            :space-evenly false :spacing 10
+            (label :xalign 0 :class "wingamebar-icon" :text "")
+            (label :xalign 0 :class "wingamebar-text" :text "Capture")
+          )
+          (box)
+          (label :halign "end" :xalign 1 :class "wingamebar-title" :text "")
+        )
+        (box
+          :class "wingamebar-capture"
+          :space-evenly false :spacing 21
+          (button
+            :valign "start"
+            :class "wingamebar-capture-button wingamebar-button"
+            :onclick "scripts/toggle-wingamebar.sh --close && grim ~/Pictures/Screenshots/screenshot_$(date '+%Y_%m_%_d..%H.%M').png &"
+            (label :class "win-segoeicon" :text "")
+          )
+          (button
+            :valign "start"
+            :class "wingamebar-capture-button-unavailable"
+            (label :class "win-segoeicon" :text "")
+          )
+          (button
+            :valign "start"
+            :class "wingamebar-capture-button wingamebar-button"
+            :onclick "scripts/toggle-wingamebar.sh --close && ~/.local/bin/record-script.sh ${record_sound ? '--sound ' : ''}&"
+            (label :class "win-segoeicon" :text "")
+          )
+          (button
+            :valign "start"
+            :class "wingamebar-capture-button wingamebar-button"
+            :onclick "${EWW_CMD} update record_sound='${!record_sound}'"
+            (label :class "win-segoeicon" :text "${record_sound ? '' : ''}")
+          )
+        )
+        (label :xalign 0 :class "wingamebar-content wingamebar-text wingamebar-subtext" :text {awin.title} :limit-width 38)
+        (eventbox
+          :class "wingamebar-button-pad"
+          :onclick "scripts/toggle-wingamebar.sh --close && xdg-open ~/Videos &"
+          (box
+            :class "wingamebar-content wingamebar-capture-bottom"
+            :space-evenly false :spacing 8
+            (label :class "win-segoeicon" :text "")
+            (label :class "wingamebar-text" :text "See my captures")
+          )
+        )
+      )
+      ; Autio
+      (box
+        :style "
+        margin-left: ${RES_WIDTH / 2 + ((gamebarwidgets.audio.at[0] - (RES_WIDTH / 2)) * (rev_wingamebar ? 1 : 1.03)) - (gamebarwidgets.audio.size[0] / 2)};
+        margin-top: ${RES_HEIGHT / 2 + ((gamebarwidgets.audio.at[1] - (RES_HEIGHT / 2)) * (rev_wingamebar ? 1 : 1.03)) - (gamebarwidgets.audio.size[1] / 2)};
+        margin-right: ${RES_WIDTH - (RES_WIDTH / 2 + ((gamebarwidgets.audio.at[0] - (RES_WIDTH / 2)) * (rev_wingamebar ? 1 : 1.03)) + (gamebarwidgets.audio.size[0] / 2))};
+        margin-bottom: ${RES_HEIGHT - (RES_HEIGHT / 2 + ((gamebarwidgets.audio.at[1] - (RES_HEIGHT / 2)) * (rev_wingamebar ? 1 : 1.03)) + (gamebarwidgets.audio.size[1] / 2))};
+        "
+        :orientation "v" :space-evenly false
+        :class "wingamebar-window"
+        (centerbox
+          :class "wingamebar-titlebar"
+          :valign "start" :height 33
+          (box
+            :space-evenly false :spacing 10
+            (label :xalign 0 :class "wingamebar-icon" :text "")
+            (label :xalign 0 :class "wingamebar-text" :text "Audio")
+          )
+          (box)
+          (label :halign "end" :xalign 1 :class "wingamebar-title" :text "")
+        )
+        ; Select audio/mic
+        (box
+          :space-evenly false :orientation "h"
+          :class "wingamebar-navbar"
+          (button
+            :class "wingamebar-navbar-button"
+            (label :class "wingamebar-text" :text "MIX")
+          )
+        )
+        ; System volume
+        (box
+          :space-evenly false :orientation "v"
+          :class "wingamebar-audio-sys"
+          (label :xalign 0 :class "wingamebar-text wingamebar-text-small wingamebar-subtext"
+            :text "DEFAULT  OUTPUT"
+          )
+          (label :xalign 0 :class "wingamebar-text" :style "padding-top: 21px; padding-bottom: 7px;"
+            :text {audiodevice} :limit-width 37
+          )
+          (box
+            :space-evenly false :orientation "h"
+            (button
+              :class "winicon winvol${volume.audio == 1 ? round(volume.percent / 33, 0) : 'mute'}"
+              :onclick "scripts/volume mute SINK &"
+            )
+            (scale
+              :value "${volume.percent}"
+              :onchange "scripts/volume setvol SINK {}"
+              :class "winslider winslider-gamebar-sys"
+            )
+          )
+        )
+        ; (scroll
+          ;   :height 576
+          (box
+            :space-evenly false :orientation "v"
+            (for app in audiojson
+              (box
+                :orientation "v" :space-evenly false :spacing 17
+                :style "margin-top: 17px;"
+                (for ser in {app["volume"]}
+                  (eventbox
+                    :onscroll "pactl set-sink-input-volume ${ser[0]} $(echo {} | sed -e \"s/up/+5/g\" -e \"s/down/-5/g\")%"
+                    :onrightclick "pactl set-sink-input-volume ${ser[0]} 100%"
+                    :onclick "pactl set-sink-input-volume ${ser[0]} 0%"
+                    (box :orientation "h" :space-evenly false :spacing 17
+                      (image :class "wingamebar-audio-appicon" :image-width 37 :image-height 37
+                        :path {app.icon}
+                      )
+                      (box :space-evenly false :orientation "v"
+                        (label :xalign 0 :class "wingamebar-text" :text "${app.name} #${ser[0]}")
+                        (box
+                          :space-evenly false :orientation "h"
+                          (button
+                            :class "winicon winvol${round((ser[1] < 100 ? ser[1] : 100) / 33, 0)}"
+                            :style "margin-right: 2px;"
+                          )
+                          (scale
+                            :value {ser[1] <= 100 ? ser[1] : 100}
+                            :onchange "pactl set-sink-input-volume ${ser[0]} {}%"
+                            :class "winslider winslider-gamebar-app"
+                          )
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          ; )
+        )
+      )
+      ; Performancee
+      (box :orientation "v" :space-evenly false
+        :style "
+        margin-left: ${RES_WIDTH / 2 + ((gamebarwidgets.performance.at[0] - (RES_WIDTH / 2)) * (rev_wingamebar ? 1 : 1.03)) - (gamebarwidgets.performance.size[0] / 2)};
+        margin-top: ${RES_HEIGHT / 2 + ((gamebarwidgets.performance.at[1] - (RES_HEIGHT / 2)) * (rev_wingamebar ? 1 : 1.03)) - (gamebarwidgets.performance.size[1] / 2)};
+        margin-right: ${RES_WIDTH - (RES_WIDTH / 2 + ((gamebarwidgets.performance.at[0] - (RES_WIDTH / 2)) * (rev_wingamebar ? 1 : 1.03)) + (gamebarwidgets.performance.size[0] / 2))};
+        margin-bottom: ${RES_HEIGHT - (RES_HEIGHT / 2 + ((gamebarwidgets.performance.at[1] - (RES_HEIGHT / 2)) * (rev_wingamebar ? 1 : 1.03)) + (gamebarwidgets.performance.size[1] / 2))};
+        "
+        :class "wingamebar-window"
+        (centerbox
+          :class "wingamebar-titlebar"
+          :valign "start" :height 33
+          (box
+            :space-evenly false :spacing 10
+            (label :xalign 0 :class "wingamebar-icon" :text "")
+            (label :xalign 0 :class "wingamebar-text" :text "Performance")
+          )
+          (box)
+          (label :halign "end" :xalign 1 :class "wingamebar-title" :text "")
+        )
+        (box :orientation "h" :space-evenly false
+          (box :orientation "v" :space-evenly false
+            :class "wingamebar-performance-metricscolumn"
+            (button
+              :class "wingamebar-performance-metric-${resource_metric == 'cpu'}"
+              :onclick "${EWW_CMD} update resource_metric='cpu' &"
+              (label :xalign 0 :class "wingamebar-text"
+                :text "CPU ${round(EWW_CPU.avg, 0)}%"
+              )
+            )
+            (button
+              :class "wingamebar-performance-metric-${resource_metric == 'ram'}"
+              :onclick "${EWW_CMD} update resource_metric='ram' &"
+              (label :xalign 0 :class "wingamebar-text"
+                :text "RAM ${round(memory.percentage, 0)}%"
+              )
+            )
+            (button
+              :class "wingamebar-performance-metric-${resource_metric == 'swap'}"
+              :onclick "${EWW_CMD} update resource_metric='swap' &"
+              (label :xalign 0 :class "wingamebar-text"
+                :text "SWAP ${round(memory.swappercentage, 0)}%"
+              )
+            )
+          )
+          ; Graph
+          (box :width 236 :height 191 :space-evenly false
+            :class "wingamebar-performance-grapharea"
+            (revealer :reveal {resource_metric == 'cpu'}
+              :transition "slideright" :duration "0ms"
+              (overlay
+                (box
+                  :width 236 :height 191
+                  :orientation "v" :space-evenly false
+                  :class "wingamebar-performance-graph-graphpad"
+                  (graph
+                    :width 202 :height 117
+                    :class "wingamebar-graph"
+                    :value {round(EWW_CPU.avg, 0)}
+                    :thickness 3
+                    :time-range "30s"
+                    :line-style "round"
+                  )
+                )
+                (centerbox
+                  :width 236 :height 191
+                  :orientation "v" :space-evenly false
+                  :class "wingamebar-performance-graphpad"
+                  (box :space-evenly false :orientation "v"
+                    (centerbox
+                      (label :xalign 0 :class "wingamebar-text wingamebar-text-bigmetric" :text "${round(EWW_CPU.avg, 0)}%")
+                      (box)
+                      (label :xalign 1 :yalign 0 :class "wingamebar-text wingamebar-text-small" :text "100")
+                    )
+                    (label :xalign 0 :class "wingamebar-text wingamebar-subtext wingamebar-text-small" :text "${EWW_CPU['cores'][0]['freq']} MHz")
+                  )
+                  (box)
+                  (centerbox
+                    :valign "end"
+                    (label :xalign 0 :class "wingamebar-text wingamebar-subtext wingamebar-text-small" :text "30 SECONDS")
+                    (box)
+                    (label :xalign 1 :yalign 1 :class "wingamebar-text wingamebar-text-small" :text "0")
+                  )
+                )
+              )
+            )
+            (revealer :reveal {resource_metric == 'ram'}
+              :transition "slideright" :duration "0ms"
+              (overlay
+                (box
+                  :width 236 :height 191
+                  :orientation "v" :space-evenly false
+                  :class "wingamebar-performance-graph-graphpad"
+                  (graph
+                    :width 202 :height 117
+                    :class "wingamebar-graph"
+                    :value {round(memory.percentage, 0)}
+                    :thickness 3
+                    :time-range "30s"
+                    :line-style "round"
+                  )
+                )
+                (centerbox
+                  :width 236 :height 191
+                  :orientation "v" :space-evenly false
+                  :class "wingamebar-performance-graphpad"
+                  (box :space-evenly false :orientation "v"
+                    (centerbox
+                      (label :xalign 0 :class "wingamebar-text wingamebar-text-bigmetric" :text "${round(memory.percentage, 0)}%")
+                      (box)
+                      (label :xalign 1 :yalign 0 :class "wingamebar-text wingamebar-text-small" :text "100")
+                    )
+                    (label :xalign 0 :class "wingamebar-text wingamebar-subtext wingamebar-text-small" :text "${memory.used}b")
+                  )
+                  (box)
+                  (centerbox
+                    :valign "end"
+                    (label :xalign 0 :class "wingamebar-text wingamebar-subtext wingamebar-text-small" :text "30 SECONDS")
+                    (box)
+                    (label :xalign 1 :yalign 1 :class "wingamebar-text wingamebar-text-small" :text "0")
+                  )
+                )
+              )
+            )
+            (revealer :reveal {resource_metric == 'swap'}
+              :transition "slideright" :duration "0ms"
+              (overlay
+                (box
+                  :width 236 :height 191
+                  :orientation "v" :space-evenly false
+                  :class "wingamebar-performance-graph-graphpad"
+                  (graph
+                    :width 202 :height 117
+                    :class "wingamebar-graph"
+                    :value {round(memory.swappercentage, 0)}
+                    :thickness 3
+                    :time-range "30s"
+                    :line-style "round"
+                  )
+                )
+                (centerbox
+                  :width 236 :height 191
+                  :orientation "v" :space-evenly false
+                  :class "wingamebar-performance-graphpad"
+                  (box :space-evenly false :orientation "v"
+                    (centerbox
+                      (label :xalign 0 :class "wingamebar-text wingamebar-text-bigmetric" :text "${round(memory.swappercentage, 0)}%")
+                      (box)
+                      (label :xalign 1 :yalign 0 :class "wingamebar-text wingamebar-text-small" :text "100")
+                    )
+                    (label :xalign 0 :class "wingamebar-text wingamebar-subtext wingamebar-text-small" :text "${memory.swapused}b")
+                  )
+                  (box)
+                  (centerbox
+                    :valign "end"
+                    (label :xalign 0 :class "wingamebar-text wingamebar-subtext wingamebar-text-small" :text "30 SECONDS")
+                    (box)
+                    (label :xalign 1 :yalign 1 :class "wingamebar-text wingamebar-text-small" :text "0")
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow wingamebar
+  :stacking "overlay"
+  :focusable true
+  :wm-ignore true
+  :monitor 0
+  :namespace "gamebar"
+  :geometry (geometry
+    :height "100%"
+    :width "100%"
+    :anchor "center center"
+  )
+  (wingamebarwidget)
+)
\ No newline at end of file
diff --git a/hybrid/.config/eww/windows/winlang.yuck b/hybrid/.config/eww/windows/winlang.yuck
new file mode 100755
index 000000000..9bc7b737f
--- /dev/null
+++ b/hybrid/.config/eww/windows/winlang.yuck
@@ -0,0 +1,91 @@
+(defwidget winlang_widget []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :style "
+    ${anim_open_winlang ? 'transition: 300ms cubic-bezier(0, 1, 0, 1);' : 'transition: 100ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_winlang ? '' : 'margin-bottom: -700px;'}
+    "
+    (eventbox
+      :onclick "scripts/toggle-winlang.sh --close &"
+      :onmiddleclick "scripts/toggle-winlang.sh --close &"
+      :onrightclick "scripts/toggle-winlang.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 1px;"
+      )
+    )
+    (box
+      :space-evenly false :orientation "v"
+      :class "winwin-top"
+      :width 378
+      (box
+        :space-evenly false :spacing 10
+        :style "padding: 15px;"
+        (label :xalign 0
+          :class "winlang-text"
+          :text "Keyboard layout"
+        )
+        ; (label :xalign 0
+          ;   :class "winlang-subtext"
+          ;   :text "Win + Space"
+        ; )
+      )
+      (box
+        :space-evenly false :orientation "v"
+        (for language in langs
+          (button
+            :class "winlang-lang${language.name_ibus == lang_ibus.name_ibus ? '-true' : '-false'}"
+            :onclick "ibus engine ${language.name_ibus} && eww update lang_ibus='${language}' &"
+            :height 76
+            (box
+              :orientation "h" :space-evenly false :spacing 10
+              ; :class "winlang-lang-true"
+              (label :xalign 0
+                :width 35
+                :text {language.name_abbr}
+              )
+              (box
+                :space-evenly false :orientation "v"
+                (label :xalign 0
+                  :text {language.name}
+                )
+                (label :xalign 0
+                  :text {language.name_method}
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+    (box
+      :space-evenly false :orientation "v"
+      :class "winwin-bottom"
+      :width 420
+      (box
+        :class "winwin-bottom-pad"
+        (button
+          :class "winlang-bottom-button"
+          :onclick "scripts/toggle-winlang.sh --close && XDG_CURRENT_DESKTOP=GNOME gnome-control-center keyboard &"
+          (label :xalign 0
+            :class "winlang-text"
+            :style "padding: 0 5px;"
+            :text "More keyboard settings"
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow winlang
+  :wm-ignore true
+  :monitor 0
+  :focusable true
+  :geometry (geometry
+    :x "0px"
+    :y "50px"
+    :anchor "bottom right"
+  )
+  (winlang_widget)
+)
\ No newline at end of file
diff --git a/hybrid/.config/eww/windows/winnews.yuck b/hybrid/.config/eww/windows/winnews.yuck
new file mode 100755
index 000000000..f3b6e9b39
--- /dev/null
+++ b/hybrid/.config/eww/windows/winnews.yuck
@@ -0,0 +1,718 @@
+(defwidget cavacol_winnews [nth dir]
+  (box
+    :valign "${dir == 'up' ? 'end' : (
+      dir == 'down' ? 'start' : (
+        dir == 'virt' ? 'center' : 'fill'
+      )
+    )}"
+    :halign "${dir == 'right' ? 'start' : (
+      dir == 'left' ? 'end' : (
+        dir == 'hori' ? 'center' : 'fill'
+      )
+    )}"
+    :width 15
+    :class "winnews-cava-column"
+    :style "
+    transition: 0ms;
+    min-${dir == 'up' || dir == 'down' ? 'height' : 'width'}: ${cavajson[nth] / 8}px;
+    "
+  )
+)
+
+(defwidget checkboxhyprctl-win [value changevalue]
+  (eventbox
+    :cursor "pointer"
+    :onclick "hyprctl keyword ${changevalue} ${1 - value} && scripts/hyprsettings tickle"
+    (box
+      :class "win-checkbox-${value}"
+      :halign "end"
+    )
+  )
+)
+
+(defwidget winnews_widget []
+  (box
+    :orientation "v" :space-evenly false
+    :width {RES_WIDTH / 2}
+    :height {RES_HEIGHT - 51}
+    :style "
+    ${anim_open_winnews ? 'transition: 300ms cubic-bezier(0, 1, 0, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_winnews ? '' : 'margin-left: -960px; margin-right: 960px;'}
+    "
+    (eventbox
+      :onclick "scripts/toggle-winnews.sh --close &"
+      :onmiddleclick "scripts/toggle-winnews.sh --close &"
+      :onrightclick "scripts/toggle-winnews.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 0px;"
+      )
+    )
+    (box :space-evenly false :orientation "v"
+      :width {RES_WIDTH / 2 - 24}
+      :height {RES_HEIGHT - 51}
+      :class "winwin"
+      (centerbox
+        :class "winnews-topbar"
+        :height 35
+        (box :space-evenly false :height 35
+          (label :class "winnews-clock" :text "Widgets")
+        )
+        (box :space-evenly false :height 35
+          (overlay
+            (box :space-evenly false
+              :class "winnews-search-prompt"
+              :height 33 :width 500
+              (box
+                :halign "start"
+                :class "winsearch-icon winstart-search-searchbox-icon"
+                :style "margin-left: 5px;"
+              )
+              (revealer
+                :reveal {oquery == ''}
+                :halign "start"
+                :duration "100ms"
+                (label :class "winnews-search-prompt-text" :xalign 0 :text "Search Widgets")
+              )
+            )
+            (input
+              :class "winnews-search-contents"
+              :onchange "${EWW_CMD} update oquery='{}' &"
+            )
+          )
+        )
+        (box :space-evenly false :height 35
+          :halign "end"
+          (label :class "winnews-clock" :text {time12})
+          (button
+            :halign "end"
+            :class "winnews-user"
+            :onclick "scripts/toggle-winnews.sh --close && XDG_CURRENT_DESKTOP=GNOME gnome-control-center user-accounts &"
+            (box :height 35 :width 35
+              :class "winstart-user-icon"
+            )
+          )
+        )
+      )
+      (scroll
+        :height 930
+        (box :orientation "h" :spacing 12
+          :class "winnews-widgets"
+          (box :orientation "v" :spacing 12 :space-evenly false
+            ; System info
+            (revealer
+              :reveal "${matches('fetch system information user distro kernel uptime de desktop packages',oquery)}"
+              :transition "slidedown"
+              :duration "200ms"
+              (revealer
+                :reveal "${matches('fetch system information user distro kernel uptime de desktop packages',oquery)}"
+                :transition "fade"
+                :duration "200ms"
+                (box :orientation "v" :space-evenly false
+                  :class "winnews-widget"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    (label
+                      :halign "start"
+                      :class "winnews-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "winnews-section"
+                      :text "System info"
+                    )
+                  )
+                  (box
+                    :orientation "v" :space-evenly false :valign "center"
+                    :class "winnews-fetch-pad"
+                    (box
+                      :orientation "h" :space-evenly false :spacing 20
+                      (label :class "winnews-fetch-icon" :text "")
+                      (label :class "winnews-text" :text "${username + '@' + hostname}")
+                    )
+                    (box
+                      :orientation "h" :space-evenly false :spacing 20
+                      (label :class "winnews-fetch-icon" :text "")
+                      (label :class "winnews-text" :text "${kernel}")
+                    )
+                    (box
+                      :orientation "h" :space-evenly false :spacing 20
+                      (label :class "winnews-fetch-icon" :text "")
+                      (label :class "winnews-text" :text "${uptime}")
+                    )
+                    (box
+                      :orientation "h" :space-evenly false :spacing 20
+                      (label :class "winnews-fetch-icon" :text "")
+                      (label :class "winnews-text" :text "${wm}")
+                    )
+                    (box
+                      :orientation "h" :space-evenly false :spacing 20
+                      (label :class "winnews-fetch-icon" :text "")
+                      (label :class "winnews-text" :text "${packages}")
+                    )
+                  )
+                )
+              )
+            )
+            ; Mouse and touchpad
+            (revealer
+              :reveal "${matches('mouse and touchpad touch pad mouse speed mouse acceleration osu raw input sensitivity disable while typing disable_while_typing tap to click clickfinger_behavior',oquery)}"
+              :transition "slidedown"
+              :duration "200ms"
+              (box :orientation "v" :space-evenly false
+                :class "winnews-widget"
+                (box
+                  :orientation "h" :space-evenly false
+                  (label
+                    :halign "start"
+                    :class "winnews-section-icon"
+                    :text ""
+                  )
+                  (label
+                    :halign "start"
+                    :wrap true
+                    :class "winnews-section"
+                    :text "Mouse & Touchpad"
+                  )
+                )
+                (revealer
+                  :reveal "${matches('mouse and touchpad touch pad speed mouse acceleration osu raw input sensitivity',oquery)}"
+                  :transition "slidedown"
+                  :duration "200ms"
+                  (box
+                    :space-evenly false
+                    :orientation "v"
+                    (eventbox
+                      :onrightclick "hyprctl keyword input:sensitivity 0"
+                      (box
+                        :space-evenly false
+                        :orientation "v"
+                        :class "winnews-option"
+                        (label
+                          :halign "start"
+                          :wrap true
+                          :class "winnews-text"
+                          :text "Sensitivity"
+                        )
+                        (scale
+                          :class "winslider winslider-winnews"
+                          :value "${hyprjson.input_sensitivity * 50 + 50}"
+                          :onchange "hyprctl keyword input:sensitivity $(echo - | awk '{print {} / 50 - 1}') && scripts/hyprsettings tickle"
+                        )
+                      )
+                    )
+                    (centerbox :orientation "h"
+                      :halign "fill"
+                      :class "winnews-option"
+                      (label
+                        :xalign 0
+                        :wrap true
+                        :class "winnews-text"
+                        :text "Raw input"
+                      )
+                      (box)
+                      (checkboxhyprctl-win
+                        :value "${hyprjson.force_no_accel}"
+                        :changevalue "input:force_no_accel"
+                        :halign "end"
+                        :class "win-checkbox"
+                      )
+                    )
+                  )
+                )
+                (revealer
+                  :reveal "${matches('mouse and touch pad touchpad disable while typing disable_while_typing',oquery)}"
+                  :transition "slidedown"
+                  :duration "200ms"
+                  (box
+                    :space-evenly false
+                    :orientation "v"
+                    (centerbox
+                      :class "winnews-option"
+                      :orientation "h"
+                      :halign "fill"
+                      (label
+                        :halign "start"
+                        :class "winnews-text"
+                        :text "Disable touchpad while typing"
+                      )
+                      (box)
+                      (checkboxhyprctl-win
+                        :value "${hyprjson.touchpad_disable_while_typing}"
+                        :changevalue "input:touchpad:disable_while_typing"
+                        :class "win-checkbox"
+                      )
+                    )
+                  )
+                )
+                (revealer
+                  :reveal "${matches('mouse and touchpad touch pad tap to click clickfinger_behavior',oquery)}"
+                  :transition "slidedown"
+                  :duration "200ms"
+                  (box
+                    :space-evenly false
+                    :orientation "v"
+                    (centerbox :orientation "h"
+                      :halign "fill"
+                      :class "winnews-option"
+                      (label
+                        :halign "start"
+                        :class "winnews-text"
+                        :text "Tap to click"
+                      )
+                      (box)
+                      (checkboxhyprctl-win
+                        :value "${hyprjson.touchpad_clickfinger_behavior}"
+                        :changevalue "input:touchpad:clickfinger_behavior"
+                      )
+                    )
+                  )
+                )
+              )
+            )
+            ; Appearance
+            (revealer
+              :reveal "${matches('appearance looks customization blur size blur passes blur strength blur xray',oquery)}"
+              :transition "slidedown"
+              :duration "200ms"
+              (revealer
+                :reveal "${matches('appearance looks customization blur size blur passes blur strength blur xray',oquery)}"
+                :transition "fade"
+                :duration "200ms"
+                (box
+                  :space-evenly false :orientation "v"
+                  :class "winnews-widget"
+                  (box
+                    :orientation "h" :space-evenly false
+                    (label
+                      :halign "start"
+                      :class "winnews-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "winnews-section"
+                      :text "Blur"
+                    )
+                  )
+                  (centerbox
+                    :orientation "h"
+                    :halign "fill"
+                    :class "winnews-option"
+                    (label
+                      :halign "start"
+                      :class "winnews-text"
+                      :text "Enable blur"
+                    )
+                    (box)
+                    (checkboxhyprctl-win
+                      :value "${hyprjson.blur}"
+                      :changevalue "decoration:blur:enabled"
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization blur size blur strength',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      :class "winnews-option"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "winnews-text"
+                        :text "Blur size"
+                      )
+                      (scale
+                        :class "winslider winslider-winnews"
+                        :value "${hyprjson.blur_size}"
+                        :tooltip "Blur size: ${hyprjson.blur_size}"
+                        :onchange "hyprctl keyword decoration:blur:size {}  && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization blur passes blur strength',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false :orientation "v"
+                      :class "winnews-option"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "winnews-text"
+                        :text "Blur passes"
+                      )
+                      (scale
+                        :class "winslider winslider-winnews"
+                        :value "${hyprjson.blur_passes * 10}"
+                        :tooltip "Blur passes: ${hyprjson.blur_passes}"
+                        :onchange "hyprctl keyword decoration:blur:passes $(({} / 10))  && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization blur xray',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false :orientation "v"
+                      :class "winnews-option"
+                      (centerbox
+                        :orientation "h"
+                        :halign "fill"
+                        (label
+                          :halign "start"
+                          :class "winnews-text"
+                          :text "Blur xray"
+                        )
+                        (box)
+                        (checkboxhyprctl-win
+                          :value "${hyprjson.blur_xray}"
+                          :changevalue "decoration:blur:xray"
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            ) ; Revealer
+            (revealer
+              :reveal "${matches('appearance looks customization gaps gaps_in inner gaps: inner gaps_out outer gaps: outer space border_size border size border thickness rounding corner',oquery)}"
+              :transition "slidedown"
+              :duration "200ms"
+              (revealer
+                :reveal "${matches('appearance looks customization gaps gaps_in inner gaps: inner gaps_out outer gaps: outer space border_size border size border thickness rounding corner',oquery)}"
+                :transition "fade"
+                :duration "200ms"
+                (box
+                  :space-evenly false :orientation "v"
+                  :class "winnews-widget"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :spacing 10
+                    (label
+                      :halign "start"
+                      :class "winnews-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "winnews-section"
+                      :text "Gaps/Borders"
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization gaps_in inner gaps: inner space',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false :orientation "v"
+                      :class "winnews-option"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "winnews-text"
+                        :text "Gaps: Inner"
+                      )
+                      (scale
+                        :class "winslider winslider-winnews"
+                        :value "${hyprjson.gaps_in}"
+                        :tooltip "Inner gaps: ${hyprjson.gaps_in}"
+                        :onchange "hyprctl keyword general:gaps_in {} && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization gaps_out outer gaps: outer space',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false :orientation "v"
+                      :class "winnews-option"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "winnews-text"
+                        :text "Gaps: Outer"
+                      )
+                      (scale
+                        :class "winslider winslider-winnews"
+                        :value "${hyprjson.gaps_out}"
+                        :tooltip "Outer gaps: ${hyprjson.gaps_out}"
+                        :onchange "hyprctl keyword general:gaps_out {} && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization border_size border size border thickness',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false :orientation "v"
+                      :class "winnews-option"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "winnews-text"
+                        :text "Border size"
+                      )
+                      (scale
+                        :class "winslider winslider-winnews"
+                        :value "${hyprjson.border_size}"
+                        :tooltip "Border size: ${hyprjson.border_size}"
+                        :onchange "hyprctl keyword general:border_size {} && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization rounding corner',oquery)}"
+                    :transition "slidedown"
+                    :duration "200ms"
+                    (box
+                      :space-evenly false :orientation "v"
+                      :class "winnews-option"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "winnews-text"
+                        :text "Rounding"
+                      )
+                      (scale
+                        :class "winslider winslider-winnews"
+                        :value "${hyprjson.rounding}"
+                        :tooltip "Border size: ${hyprjson.rounding}"
+                        :onchange "hyprctl keyword decoration:rounding {} && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                )
+              )
+            ) ; Revealer
+          )
+          ; 2nd column
+          (box :orientation "v" :spacing 12 :space-evenly false
+            (revealer ; Quote
+              :reveal "${matches('quote speech vaxry linus torvalds hyprland',oquery)}"
+              :transition "slidedown"
+              :duration "200ms"
+              (revealer
+                :reveal "${matches('quote speech vaxry linus torvalds hyprland',oquery)}"
+                :transition "fade"
+                :duration "200ms"
+                (box :orientation "v" :space-evenly false
+                  :class "winnews-widget"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    (label
+                      :halign "start"
+                      :class "winnews-section-icon"
+                      :text "Assistant"
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "winnews-section"
+                      :text "Quote"
+                    )
+                  )
+                  (box
+                    :orientation "v" :space-evenly false :valign "center"
+                    :class "winnews-fetch-pad"
+                    (box
+                      :orientation "h" :space-evenly false :spacing 20
+                      (label :class "winnews-fetch-icon" :text "Chat")
+                      (label :class "winnews-text" :text {quote_content[4]})
+                    )
+                    (box
+                      :orientation "h" :space-evenly false :spacing 10
+                      :halign "end"
+                      :style "margin-right: 20px;"
+                      (label :class "winnews-fetch-icon" :text "Person")
+                      (label :class "winnews-text" :text {quote_author[4]})
+                    )
+                  )
+                )
+              )
+            )
+            (revealer ; Waifu
+              :reveal "${matches('waifu anime cute sex segs ecchi hentai',oquery)}"
+              :transition "slidedown"
+              :duration "200ms"
+              (revealer
+                :reveal "${matches('waifu anime cute sex segs ecchi hentai',oquery)}"
+                :transition "fade"
+                :duration "200ms"
+                (box :orientation "v" :space-evenly false
+                  :class "winnews-widget-nopad"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    (label
+                      :halign "start"
+                      :class "winnews-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :hexpand true
+                      :class "winnews-section"
+                      :text "Random waifu"
+                    )
+                    (eventbox
+                      :onclick "scripts/toggle-winnews.sh --close && xdg-open 'https://waifu.pics/' &"
+                      :cursor "pointer"
+                      (label
+                        :halign "end"
+                        :wrap true
+                        :class "winnews-link winnews-title-right"
+                        :text "(https://waifu.pics/)"
+                      )
+                    )
+                  )
+                  ; Tag strip
+                  (scroll
+                    :halign "fill"
+                    :hscroll true :vscroll false
+                    (box
+                      :class "winnews-tag-strip"
+                      :space-evenly false
+                      (for id in WAIFU_TAG_ID
+                        (button
+                          :class "winnews-tag"
+                          :onclick "eww update waifu_get=$(scripts/waifupics.py ${WAIFU_CATEGORIES_ARGS[id]}) &"
+                          (label :class "wintoggle-text" :text {WAIFU_CATEGORIES[id]})
+                        )
+                      )
+                    )
+                  )
+                  ; Totally necessary bunny ears
+                  (label
+                    :halign "start"
+                    :wrap true
+                    :hexpand true
+                    :halign "center"
+                    :text "
+                    ⠀⠀⢀⡤⣄⡀
+                    ⠀⢠⡏⠀⠀⠳⡄⠀⠀⠀⠀⠀   ⣀⣀⣀
+                    ⠀⢸⠃⠀⠀⠀⢿⠀⠀⠀⠀  ⣼⠃⠀⠘⢧
+                    ⠀⢸⡆⠀⠀⠀⠸⡆⠀⠀   ⣸⠃⠀⠀⠀⠈⢧
+                    ⠀⠈⣇⠀⠀⠀  ⣧⠀   ⠀ ⡏⠀⢦⠀⠀⠀⠸⡆
+                    ⠀　⢹⡀⠀⠀⠀⢸⠀     ⢸⠇⠀⠘⢧⡀⣸⠃
+                    ⠀　⠀⢳⠀⠀⠀⢸⡆     ⢸⠀ ⠀⣼⠙
+                    "
+                    :style "margin-bottom: -20px;"
+                  )
+                  ; The image
+                  (box
+                    :orientation "v" :space-evenly false :valign "center"
+                    (box
+                      :class "winnews-waifu"
+                      :style "
+                      background-image: url('${(waifu_get == 'null' || waifu_get == '') ? 'eww_covers/waifu' : waifu_get}');
+                      "
+                    )
+                  )
+                )
+              )
+            ) ; Waifu: end
+            (revealer ; Cava
+              :reveal "${matches('cava music audio visualizer sound volume beats',oquery)}"
+              :transition "slidedown"
+              :duration "200ms"
+              (revealer
+                :reveal "${matches('cava music audio visualizer sound volume beats',oquery)}"
+                :transition "fade"
+                :duration "200ms"
+                (overlay
+                  (box :orientation "h"
+                    :height 150
+                    :class "winnews-widget-nopad-cava"
+                    (cavacol_winnews :dir "up" :nth 0)
+                    (cavacol_winnews :dir "up" :nth 1)
+                    (cavacol_winnews :dir "up" :nth 2)
+                    (cavacol_winnews :dir "up" :nth 3)
+                    (cavacol_winnews :dir "up" :nth 4)
+                    (cavacol_winnews :dir "up" :nth 5)
+                    (cavacol_winnews :dir "up" :nth 6)
+                    (cavacol_winnews :dir "up" :nth 7)
+                    (cavacol_winnews :dir "up" :nth 8)
+                    (cavacol_winnews :dir "up" :nth 9)
+                    (cavacol_winnews :dir "up" :nth 10)
+                    (cavacol_winnews :dir "up" :nth 10)
+                    (cavacol_winnews :dir "up" :nth 10)
+                    (cavacol_winnews :dir "up" :nth 12)
+                    (cavacol_winnews :dir "up" :nth 14)
+                    (cavacol_winnews :dir "up" :nth 16)
+                    (cavacol_winnews :dir "up" :nth 18)
+                    (cavacol_winnews :dir "up" :nth 20)
+                    (cavacol_winnews :dir "up" :nth 22)
+                    (cavacol_winnews :dir "up" :nth 24)
+                    (cavacol_winnews :dir "up" :nth 26)
+                    (cavacol_winnews :dir "up" :nth 28)
+                    (cavacol_winnews :dir "up" :nth 30)
+                    (cavacol_winnews :dir "up" :nth 32)
+                    (cavacol_winnews :dir "up" :nth 34)
+                  )
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :valign "start"
+                    (label
+                      :halign "start"
+                      :class "winnews-section-icon"
+                      :text ""
+                    )
+                    (label
+                      :halign "start"
+                      :wrap true
+                      :class "winnews-section"
+                      :text "Cava"
+                    )
+                  )
+                )
+              )
+            ) ; Cava: end
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow winnews
+  :wm-ignore true
+  :focusable true
+  :monitor 0
+  :geometry (geometry
+    :width "50%"
+    ; :height "0%"
+    :anchor "top left"
+  )
+  (winnews_widget)
+)
+
+(defwidget winnews-button []
+  (eventbox
+    :class "winbarbutton-h winnewsicon-interaction"
+    :onclick "scripts/toggle-winnews.sh &"
+    :onmiddleclick "playerctl play-pause"
+    :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+    :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+    (box
+      :class "winbutton-pad"
+      (box
+        :class "winnewsicon winbutton-${rev_winnews}"
+      )
+    )
+  )
+)
diff --git a/hybrid/.config/eww/windows/winnotif.yuck b/hybrid/.config/eww/windows/winnotif.yuck
new file mode 100755
index 000000000..538797c2a
--- /dev/null
+++ b/hybrid/.config/eww/windows/winnotif.yuck
@@ -0,0 +1,229 @@
+(defwidget winnotifs []
+  (centerbox
+    :orientation "v"
+    :style "
+    ${anim_open_winnotif ? 'transition: 300ms cubic-bezier(0, 1, 0, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_winnotif ? '' : 'margin-right: -700px;'}
+    min-height: 1033px;
+    "
+    (box
+      :space-evenly false
+      :orientation "v"
+      :halign "start"
+      (eventbox
+        :valign "start"
+        :onclick "scripts/toggle-winnotif.sh --close &"
+        :onmiddleclick "scripts/toggle-winnotif.sh --close &"
+        :onrightclick "scripts/toggle-winnotif.sh --close &"
+        (box
+          :class "box-that-is-there" :style "min-height: 1px;"
+        )
+      )
+      (box
+        :class "winwin"
+        :space-evenly false
+        :orientation "v"
+        :style "margin-bottom:6px;"
+        (centerbox
+          (box
+            :orientation "h"
+            :space-evenly false
+            :spacing 10
+            (label
+              :halign "start"
+              :class "winnotif-text winnotif-title"
+              :text "Notifications"
+            )
+          )
+          (box)
+          (box
+            :class "icon"
+            :halign "end"
+            :space-evenly false
+            :style "margin-right: 12px;"
+            (button
+              :class "winnotif-button"
+              :tooltip "Refresh"
+              :onclick "dunstctl history > $XDG_CACHE_HOME/dunst-history.json &"
+              (image
+                :path "images/svg/dark/reset.svg"
+                :image-width 19
+                :image-height 19
+              )
+            )
+            (button
+              :class "winnotif-button"
+              :tooltip "Pause/Resume Notifications"
+              :onclick "scripts/notifications toggle &"
+              {notif_icons.toggle_icon}
+            )
+            (button
+              :class "wintoggle-text winnotif-button"
+              :tooltip "Clear Notifications"
+              :onclick "scripts/notifications clear &"
+              "Clear all"
+            )
+          )
+        )
+        (scroll
+          :width 400
+          :valign "start"
+          :style "
+          min-height: ${rev_wincalendar ? 357 : 811}px;
+          transition: 300ms cubic-bezier(0, 1, 0, 1);
+          "
+          (box
+            :space-evenly false
+            :orientation "v"
+            (for i in notifications
+              (eventbox
+                :onclick "dunstctl history-pop ${i.id} && dunstctl action 0 && dunstctl close"
+                (box
+                  :orientation "v"
+                  :width 400
+                  :space-evenly false
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :class "winwin-bottom-pad"
+                    (image :class "winapp winnotif-notif-icon" :path "images/svg/dark/app.svg")
+                    (label :class "winnotif-appname" :text {i.appname})
+                  )
+                  (box
+                    :orientation "v"
+                    :space-evenly false
+                    :class "winnotif-notif"
+                    (label
+                      :xalign 0
+                      :wrap true
+                      :class "winnotif-text"
+                      :text {i.summary}
+                    )
+                    (label
+                      :xalign 0
+                      :wrap true
+                      :class "winnotif-text winnotif-bodytext"
+                      :text {i.body}
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+    (box :valign "center")
+    ; Calendar
+    (box
+      :space-evenly false
+      :orientation "v"
+      :valign "end"
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "winwin-topbar"
+        :style "margin-top: 6px;"
+        (centerbox
+          :orientation "h"
+          :style "padding: 0 12px;"
+          (label :xalign 0 :class "wincalendar-title" :text "${time.day}, ${time.monthname} ${day_only}")
+          (box)
+          (button
+            :halign "end"
+            :class "winnotif-button winarrow-${rev_wincalendar ? 'down' : 'up'}"
+            :tooltip "Show/Hide Calendar"
+            :onclick "${EWW_CMD} update rev_wincalendar=${!rev_wincalendar}"
+          )
+        )
+      )
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "winnotif-calendar"
+        :style "
+        min-height: ${rev_wincalendar ? 408 : 0}px;
+        transition: ${rev_wincalendar ? '152ms' : '149ms'} cubic-bezier(0, 1, 0, 1);
+        "
+        (revealer
+          :reveal {rev_wincalendar}
+          :transition "slideup"
+          :duration "${rev_wincalendar ? '0ms' : '149ms'}"
+          (eventbox
+            :onscroll "scripts/scrollmonth {} &"
+            (box
+              :orientation "v"
+              :space-evenly false
+              (centerbox
+                :style "padding: 0 12px;"
+                (label :xalign 0 :class "wincalendar-title" :text "${calendartitle}")
+                (box)
+                (box
+                  :halign "end"
+                  (button
+                    :onclick "scripts/scrollmonth up &"
+                    :halign "end"
+                    :class "winicon winnotif-monthbutton"
+                    (image
+                      :path "images/svg/dark/caretup.svg"
+                    )
+                  )
+                  (button
+                    :onclick "scripts/scrollmonth down &"
+                    :halign "end"
+                    :class "winicon winnotif-monthbutton"
+                    (image
+                      :path "images/svg/dark/caretdown.svg"
+                    )
+                  )
+                )
+              )
+              (box
+                (for day in weekdays
+                  (box
+                    :class "wincalendar-button day${day.today}"
+                    (label :class "wincalendar-text" :text "${day.day}")
+                  )
+                )
+              )
+              (for week in calendar
+                (box
+                  (for day in week
+                    (button
+                      :class "wincalendar-button day${day.today}"
+                      (label :class "wincalendar-text" :text "${day.day}")
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "winwin-bottom"
+        (box
+          :space-evenly false
+          :orientation "h"
+          :class "winwin-bottom-pad"
+          (label :xalign 0 :class "wincalendar-title" :text "Calendar")
+        )
+      )
+    )
+  )
+)
+
+(defwindow winnotif
+  :wm-ignore true
+  :monitor 0
+  :focusable true
+  :geometry (geometry
+    :x "0px"
+    :y "51px"
+    :height 1029
+    :anchor "bottom right"
+  )
+  (winnotifs)
+)
\ No newline at end of file
diff --git a/hybrid/.config/eww/windows/winosd.yuck b/hybrid/.config/eww/windows/winosd.yuck
new file mode 100755
index 000000000..1d8eccff0
--- /dev/null
+++ b/hybrid/.config/eww/windows/winosd.yuck
@@ -0,0 +1,77 @@
+(defwidget winosdwidget_vol []
+  (box
+    :class "winosd-var"
+    :orientation "h"
+    :space-evenly false
+    :style "
+    ${osd_vol ? '' : 'margin-bottom: -90px; margin-top: 90px;'}
+    ${osd_vol ? 'transition: 300ms cubic-bezier(0, 1, 0, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    "
+    (box
+      :orientation "h" :space-evenly false :spacing 5
+      :class "winactions-sliderrow"
+      (image :class "winicon" :path "images/svg/dark/vol${volume.audio == 1 ? round(volume.percent / 33, 0) : 'mute'}.svg")
+      (scale
+        :value {volume.percent}
+        :onchange "scripts/volume setvol SINK {} &"
+        :class "winslider-osd"
+      )
+      (label :class "winnotif-text" :text {volume.percent})
+    )
+  )
+)
+
+(defwidget winosdwidget_bright []
+  (box
+    :class "winosd-var"
+    :orientation "h"
+    :space-evenly false
+    :style "
+    ${osd_bright ? '' : 'margin-bottom: -90px; margin-top: 90px;'}
+    ${osd_bright ? 'transition: 300ms cubic-bezier(0, 1, 0, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    "
+    (box
+      :orientation "h" :space-evenly false :spacing 5
+      :class "winactions-sliderrow"
+      (image :class "winicon" :path "images/svg/dark/brightness.svg")
+      (scale
+        :value {round(brightness.level, 0)}
+        :onchange "light -S {} && scripts/brightness osd &"
+        :class "winslider-osd"
+      )
+      (label :class "winnotif-text" :text {round(brightness.level, 0)})
+    )
+  )
+)
+
+(defwindow winosd_vol
+  :stacking "overlay"
+  :wm-ignore true
+  :monitor 0
+  :geometry (geometry
+    :x "0%"
+    :y "50px"
+    :width "100px"
+    :height "53px"
+    :anchor "bottom center"
+  )
+  :stacking "fg"
+  :exclusive false
+  (winosdwidget_vol)
+)
+
+(defwindow winosd_bright
+  :stacking "overlay"
+  :wm-ignore true
+  :monitor 0
+  :geometry (geometry
+    :x "0%"
+    :y "50px"
+    :width "100px"
+    :height "53px"
+    :anchor "bottom center"
+  )
+  :stacking "fg"
+  :exclusive false
+  (winosdwidget_bright)
+)
\ No newline at end of file
diff --git a/hybrid/.config/eww/windows/winoverview.yuck b/hybrid/.config/eww/windows/winoverview.yuck
new file mode 100755
index 000000000..76ed78a11
--- /dev/null
+++ b/hybrid/.config/eww/windows/winoverview.yuck
@@ -0,0 +1,137 @@
+(defwidget workspacebox [wspace]
+  (box ; Note: height 100px width 356px
+    :class "overview-ws overview-ws-${wspace[0].workspace.id == activews}"
+    (box
+      :space-evenly false
+      :orientation "h"
+      :style "
+      min-width: ${RES_WIDTH * OVERVIEW_SCALE}px;
+      min-height: ${RES_HEIGHT * OVERVIEW_SCALE}px;
+      "
+      (for ws-window in wspace
+        (box
+          :class "${ws-window.class == 'workspace' ? '' : 'overview-ws-window'}"
+          :style "
+          ${ws-window.address == selected ? 'border: 1px solid #FFFFFF' : ''};
+          ${ws-window.address == '_none' ? 'border: none' : ''};
+          margin-left: ${ws-window.at[0] * OVERVIEW_SCALE}px;
+          margin-top: ${ws-window.at[1] * OVERVIEW_SCALE}px;
+          margin-right: -${(ws-window.at[0] + ws-window.size[0]) * OVERVIEW_SCALE}px;
+          margin-bottom: ${RES_HEIGHT * OVERVIEW_SCALE - ((ws-window.at[1] + ws-window.size[1]) * OVERVIEW_SCALE)};
+          "
+          (eventbox
+            :onrightclick "scripts/selectwindow ${ws-window.address} '${EWW_CMD}' ${ws-window.workspace.id}"
+            :onmiddleclick "hyprctl dispatch closewindow address:${ws-window.address}"
+            :onclick "scripts/focuswindow ${ws-window.address} ${ws-window.workspace.id} && scripts/toggle-overview.sh --close &"
+            :onhover "${ws-window.class == 'workspace' ? '' : (EWW_CMD + ' update overview_hover_name=\'' + ws-window + '\'')}"
+            (box
+              :class "overview-background"
+              ; Uncomment below to enable thumbnail previews (VERY SLOW)
+              ; :style "
+              ; background-image: url('scripts/cache/thumbnails/${ws-window.address }.png');
+              ; "
+              (image
+                :class "overview-icon"
+                :path {ws-window.icon}
+                ; :image-width {round(ws-window.size[0] > ws-window.size[1] ? (ws-window.size[1] * 45 / 100 * OVERVIEW_SCALE) : (ws-window.size[0] * 45 / 100 * OVERVIEW_SCALE))}
+                ; :image-height {round(ws-window.size[0] > ws-window.size[1] ? (ws-window.size[1] * 45 / 100 * OVERVIEW_SCALE) : (ws-window.size[0] * 45 / 100 * OVERVIEW_SCALE))}
+                :image-width {round(ws-window.size[0] * OVERVIEW_SCALE * 45 / 100, 0)}
+                :image-height {round(ws-window.size[1] * OVERVIEW_SCALE * 45 / 100, 0)}
+                
+                ; :style "
+                ; background-size: ${ws-window.size[0] > ws-window.size[1] ? 'auto 45%' : '45% auto'};
+                ; background-image: url('${ws-window.icon}')
+                ; ;
+                ; "
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget winoverview_widget []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :class "thewholething"
+    (eventbox
+      :onclick "scripts/toggle-overview.sh --close &"
+      :onmiddleclick "scripts/toggle-overview.sh --close &"
+      :onrightclick "scripts/toggle-overview.sh --close &"
+      :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    )
+    (eventbox
+      :onhoverlost `eww update overview_hover_name='{"class":"LMB: Focus | MMB: Close | RMB: Select/Move","title":"Activities Overview","workspace":{"id":5,"name":"5"},"icon": "/usr/share/icons/breeze-dark/actions/16/window.svg"}' &`
+      :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "overview-window"
+        ; :space-evenly false
+        ; (label :text "${wsjsona}")
+        ; (label :text "${selected}")
+        (centerbox
+          :class "overview-window-title"
+          (label :halign "start" :style "margin: 5px;" :text "${overview_hover_name.class}")
+          (box
+            :space-evenly false
+            :orientation "h"
+            (image
+              :class "overview-topbar-icon overview-icon"
+              :path {overview_hover_name.icon}
+              :image-height 30
+              :image-width 30
+              ; :style "
+              ; background-image: url('${overview_hover_name.icon}');
+              ; "
+            )
+            (label :text "${overview_hover_name.title}")
+          )
+          (button
+            :halign "end"
+            :class "overview-topbar-button"
+            :onclick "scripts/toggle-overview.sh --close"
+            (label :text "")
+          )
+        )
+        (box
+          :orientation "h"
+          (for wspace in wsjsona
+            (workspacebox
+              :wspace {wspace}
+            )
+          )
+        )
+        (box
+          :orientation "h"
+          (for wspace in wsjsonb
+            (workspacebox
+              :wspace {wspace}
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow winoverview
+  :stacking "overlay"
+  :focusable true
+  :wm-ignore true
+  :monitor 0
+  :geometry (geometry
+    ; :height 1080
+    ; :width 1920
+    ; :y "103px"
+    :anchor "bottom center"
+    ; :y "0px"
+    ; :anchor "center center"
+  )
+  ; (testing)
+  (winoverview_widget)
+)
+
diff --git a/hybrid/.config/eww/windows/winpowermenu.yuck b/hybrid/.config/eww/windows/winpowermenu.yuck
new file mode 100755
index 000000000..83df72e7b
--- /dev/null
+++ b/hybrid/.config/eww/windows/winpowermenu.yuck
@@ -0,0 +1,70 @@
+(defwidget winpower []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :style "
+    ${anim_open_winpowermenu ? 'transition: 300ms cubic-bezier(0, 1, 0, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_winpowermenu ? '' : 'margin-bottom: -700px; margin-top: 700px;'}
+    "
+    (eventbox
+      :valign "start"
+      :onclick "scripts/toggle-winpowermenu.sh --close &"
+      :onmiddleclick "scripts/toggle-winpowermenu.sh --close &"
+      :onrightclick "scripts/toggle-winpowermenu.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 1px;"
+      )
+    )
+    (box
+      :class "winpower-window"
+      :orientation "v"
+      :width 161
+      :space-evenly false
+      (button
+        :onclick "systemctl suspend &"
+        :class "winpower-button"
+        (box
+          :space-evenly false
+          (image :class "win-segoeicon"
+            :class "winpower-buttonicon"
+            :path "images/svg/dark/moon.svg"
+            :image-width 20 :image-height 20
+          )
+          (label :class "winbartext" :text "Sleep")
+        )
+      )
+      (button
+        :onclick "systemctl poweroff &"
+        :class "winpower-button"
+        (box
+          :space-evenly false
+          (label :xalign 0 :class "winpower-buttonicon win-segoeicon" :text "")
+          (label :xalign 0 :class "winbartext" :text "Shut down")
+        )
+      )
+      (button
+        :onclick "systemctl reboot &"
+        :class "winpower-button"
+        (box
+          :space-evenly false
+          (label :xalign 0 :class "winpower-buttonicon win-segoeicon" :text "")
+          (label :xalign 0 :class "winbartext" :text "Restart")
+        )
+      )
+    )
+  )
+)
+
+(defwindow winpowermenu
+  :wm-ignore true
+  :monitor 0
+  :focusable true
+  :namespace "noblur"
+  :geometry (geometry
+    :x "1140px"
+    :y "126px"
+    :width 161
+    :anchor "bottom left"
+  )
+  (winpower)
+)
\ No newline at end of file
diff --git a/hybrid/.config/eww/windows/winshadows.yuck b/hybrid/.config/eww/windows/winshadows.yuck
new file mode 100755
index 000000000..de0d3892e
--- /dev/null
+++ b/hybrid/.config/eww/windows/winshadows.yuck
@@ -0,0 +1,469 @@
+(defwidget winnotif_shadows_widget []
+  (centerbox
+    :space-evenly false
+    :orientation "v"
+    :style "
+    ${anim_open_winnotif ? 'transition: 300ms cubic-bezier(0, 1, 0, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_winnotif ? '' : 'margin-right: -700px;'}
+    min-height: 1033px;
+    "
+    (box
+      :space-evenly false
+      :orientation "v"
+      :halign "start"
+      (eventbox
+        :valign "start"
+        :onclick "scripts/toggle-winnotif.sh --close &"
+        :onmiddleclick "scripts/toggle-winnotif.sh --close &"
+        :onrightclick "scripts/toggle-winnotif.sh --close &"
+        (box
+          :class "box-that-is-there" :style "min-height: 1px;"
+        )
+      )
+      (box
+        :class "winwin-shadow"
+        :space-evenly false
+        :orientation "v"
+        :style "margin-bottom:6px;"
+        (centerbox
+          (box)
+          (box)
+          (box
+            :class "icon"
+            :halign "end"
+            :space-evenly false
+            :style "margin: 19px; min-height: 21px;"
+          )
+        )
+        (box
+          :width 400
+          :valign "start"
+          :style "
+          min-height: ${rev_wincalendar ? 357 : 811}px;
+          transition: 300ms cubic-bezier(0, 1, 0, 1);
+          "
+          (box
+            :space-evenly false
+            :orientation "v"
+          )
+        )
+      )
+    )
+    (box :valign "center")
+    ; Calendar
+    (box
+      :space-evenly false
+      :orientation "v"
+      :valign "end"
+      :height {rev_wincalendar ? 601 : 149}
+      :class "winwin-shadow"
+      :style "margin-bottom: 12px;"
+    )
+  )
+)
+
+(defwidget winnews_shadows_widget []
+  (box
+    :orientation "v" :space-evenly false
+    :style "
+    ${anim_open_winnews ? 'transition: 300ms cubic-bezier(0, 1, 0, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_winnews ? '' : 'margin-left: -960px;'}
+    "
+    (box :space-evenly false :orientation "v"
+      :width {RES_WIDTH / 2}
+      :height {RES_HEIGHT - 51}
+      :class "winwin-shadow"
+    )
+  )
+)
+
+(defwidget winstart_shadows_widget []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :style "
+    ${anim_open_winstart ? 'transition: 300ms cubic-bezier(0, 1, 0, 1);' : 'transition: 100ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_winstart ? '' : 'margin-bottom: -900px;'}
+    "
+    (box
+      :space-evenly false
+      :orientation "v"
+      :class "winwin-top-shadow"
+      :height 113
+      :width 676
+      :style "
+      ${winsearch != '' ? 'min-width: 811px;' : 'min-width: 676px;'}
+      "
+      (box
+        :valign "end"
+        :space-evenly false
+        :class "winstart-search-prompt"
+        (box
+          :halign "start"
+          :class "winsearch-icon winstart-search-searchbox-icon"
+        )
+      )
+    )
+    (revealer
+      :reveal {winsearch != ''}
+      :transition "slidedown"
+      :duration "0ms"
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "winwin-bottom-light-shadow"
+        :height 682
+        :width 676
+        :style "
+        ${winsearch != '' ? 'min-width: 811px;' : 'min-width: 676px;'}
+        "
+        ; Tag strip
+        (box
+          :class "winsearch-tag-strip"
+          :space-evenly false
+        )
+        (box
+          :height 627
+          :space-evenly false
+          :orientation "h"
+          :class "winsearch-pad"
+          :spacing 11
+          ; Search results list
+          (scroll
+            :width 404
+            (box
+              :width 404
+              :space-evenly false
+              :orientation "v"
+              :class "winsearch-result-list"
+            )
+          )
+          ; More options
+          (revealer
+            :reveal {winsearch != ''}
+            :transition "slideleft"
+            :duration "50ms"
+            ; Entry actions panel
+            (box
+              :orientation "v"
+              :space-evenly false
+              :width 404
+            )
+          )
+        )
+      )
+    )
+    (revealer
+      :reveal {winsearch == ''}
+      :transition "slidedown"
+      :duration "0ms"
+      (box
+        :space-evenly false
+        :orientation "v"
+        (box
+          :space-evenly false
+          :orientation "v"
+          :class "winwin-center-noseparator-shadow"
+          :height 600
+          :style "
+          ${winsearch != '' ? 'min-width: 811px;' : 'min-width: 676px;'}
+          "
+          (box
+            :space-evenly false
+            :orientation "h"
+            (revealer
+              :reveal {!winstart_allapps}
+              :transition "slideright"
+              :duration "250ms"
+              (revealer
+                :reveal {!winstart_allapps}
+                :transition "crossfade"
+                :duration "200ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  :width 674
+                  (centerbox
+                    :orientation "h"
+                    :class "winsearch-section-box"
+                    (label
+                      :halign "start"
+                      :class "winstart-section"
+                      :text "Pinned"
+                    )
+                    (box)
+                    (button
+                      :halign "end"
+                      :class "wintoggle-text winstart-button-allapps"
+                      :onclick "scripts/toggle-allapps.sh --open &"
+                      (box
+                        :space-evenly false
+                        :spacing 6
+                        (label :text "All apps" :style "padding: 0 2px;")
+                        (label :class "winstart-allapps-icon" :text "")
+                        ; (box
+                          ;   :class "winstart-allapps-arrow"
+                        ; )
+                      )
+                    )
+                  )
+                  (box
+                    :class "winstart-pinnedapps"
+                    :height 293
+                    :orientation "v"
+                    :space-evenly false
+                  )
+                  (centerbox
+                    :orientation "h"
+                    :class "winsearch-section-box"
+                    (label
+                      :halign "start"
+                      :class "winstart-section"
+                      :text "Recommended"
+                    )
+                    (box)
+                    (box)
+                  )
+                  (box
+                    :class "winstart-recommended"
+                    :height 222
+                    :orientation "v"
+                    :space-evenly false
+                    :valign "start"
+                  )
+                )
+              )
+            )
+            (revealer
+              :reveal {winstart_allapps}
+              :transition "slideleft"
+              :duration "250ms"
+              (revealer
+                :reveal {winstart_allapps}
+                :transition "crossfade"
+                :duration "200ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  :width 674
+                  (centerbox
+                    :orientation "h"
+                    :class "winsearch-section-box"
+                    (label
+                      :halign "start"
+                      :class "winstart-section"
+                      :text "All apps"
+                    )
+                    (box)
+                    (button
+                      :halign "end"
+                      :class "wintoggle-text winstart-button-allapps"
+                      :onclick "scripts/toggle-allapps.sh --close"
+                      (box
+                        :space-evenly false
+                        :spacing 6
+                        (label :class "winstart-allapps-icon" :text "")
+                        (label :text "Back" :style "padding: 0 2px;")
+                        ; (box
+                          ;   :class "winstart-allapps-arrow"
+                        ; )
+                      )
+                    )
+                  )
+                  (scroll
+                    :height 549
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      :class "winstart-allapps-box"
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+        (box
+          :space-evenly false
+          :orientation "h"
+          :class "winwin-bottom-shadow winstart-bottom-pad"
+          :height 67
+          (box
+            :halign "start"
+            :space-evenly false
+            :class "winstart-user"
+            (box
+              :space-evenly false
+              :orientation "h"
+              :spacing 16
+              (box
+                :class "winstart-user-icon"
+              )
+              (label :class "wintoggle-text" :text "${username}")
+            )
+          )
+          (box)
+          (box
+            :halign "end"
+            :class "winstart-power-icon winstart-power-icon-${rev_winpowermenu}"
+            (image
+              :path "images/svg/dark/power.svg"
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget winactions_shadows_widget []
+  (box
+    :space-evenly false :spacing -12
+    :orientation "v"
+    :style "
+    ${anim_open_winactions ? 'transition: 300ms cubic-bezier(0, 1, 0, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_winactions ? '' : 'margin-bottom: -700px;'}
+    "
+    ; Media controls
+    (revealer
+      :reveal {mname_win.title != ''}
+      :transition "slideup"
+      :duration "200ms"
+      (box
+        :space-evenly false :orientation "v"
+        :height 207
+        :class "winwin-shadow"
+        :style "
+        min-height: 207px;
+        "
+      )
+    )
+    (box
+      :space-evenly false :orientation "v"
+      :class "winwin-shadow"
+      :style "
+      min-height: 433px;
+      min-width: 398px;
+      "
+    )
+  )
+)
+
+(defwidget winlang_shadows_widget []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :style "
+    ${anim_open_winlang ? 'transition: 300ms cubic-bezier(0, 1, 0, 1);' : 'transition: 100ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_winlang ? '' : 'margin-bottom: -700px;'}
+    "
+    (eventbox
+      :onclick "scripts/toggle-winlang.sh --close &"
+      :onmiddleclick "scripts/toggle-winlang.sh --close &"
+      :onrightclick "scripts/toggle-winlang.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 1px;"
+      )
+    )
+    (box
+      :space-evenly false :orientation "v"
+      :class "winwin-shadow"
+      :width 420
+      (box
+        :space-evenly false :spacing 10
+        :style "padding: 15px;"
+        (label
+          :class "winlang-text"
+        )
+      )
+      (box
+        :space-evenly false :orientation "v"
+        (for language in langs
+          (box
+            :class "winlang-lang-false"
+            :height 84
+          )
+        )
+      )
+      (box
+        :class "winwin-bottom-pad"
+        (box
+          :class "winlang-bottom-button"
+          (label
+            :class "winlang-text"
+            :style "padding: 0 5px;"
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow winnotif_shadows
+  :wm-ignore true
+  :monitor 0
+  :focusable false
+  :namespace "noblur"
+  :geometry (geometry
+    :x "0px"
+    :y "51px"
+    :height 1029
+    :anchor "bottom right"
+  )
+  (winnotif_shadows_widget)
+)
+
+(defwindow winnews_shadows
+  :wm-ignore true
+  :monitor 0
+  :focusable false
+  :namespace "noblur"
+  :geometry (geometry
+    :x "0px"
+    :y "51px"
+    :height 1029
+    :anchor "bottom left"
+  )
+  (winnews_shadows_widget)
+)
+
+(defwindow winstart_shadows
+  :wm-ignore true
+  :monitor 0
+  :focusable false
+  :namespace "noblur"
+  :geometry (geometry
+    :x "0px"
+    :y "51px"
+    ; :height 788
+    :width 673
+    :anchor "bottom center"
+  )
+  (winstart_shadows_widget)
+)
+
+(defwindow winactions_shadows
+  :wm-ignore true
+  :monitor 0
+  :focusable false
+  :namespace "noblur"
+  :geometry (geometry
+    :x "0px"
+    :y "50px"
+    :anchor "bottom right"
+  )
+  (winactions_shadows_widget)
+)
+
+(defwindow winlang_shadows
+  :wm-ignore true
+  :monitor 0
+  :focusable false
+  :namespace "noblur"
+  :geometry (geometry
+    :x "0px"
+    :y "50px"
+    :anchor "bottom right"
+  )
+  (winlang_shadows_widget)
+)
\ No newline at end of file
diff --git a/hybrid/.config/eww/windows/winstart.yuck b/hybrid/.config/eww/windows/winstart.yuck
new file mode 100755
index 000000000..ff370b684
--- /dev/null
+++ b/hybrid/.config/eww/windows/winstart.yuck
@@ -0,0 +1,585 @@
+(defwidget winstart_widget []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :style "
+    ${anim_open_winstart ? 'transition: 300ms cubic-bezier(0, 1, 0, 1);' : 'transition: 100ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_winstart ? '' : 'margin-bottom: -900px;'}
+    "
+    (eventbox
+      :valign "start"
+      :onclick "scripts/toggle-winstart.sh --close &"
+      :onmiddleclick "scripts/toggle-winstart.sh --close &"
+      :onrightclick "scripts/toggle-winstart.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 1px;"
+      )
+    )
+    (box
+      :space-evenly false
+      :orientation "v"
+      :class "winwin-top"
+      :height 113
+      :width 676
+      :style "
+      ${winsearch != '' ? 'min-width: 811px;' : 'min-width: 676px;'}
+      "
+      (overlay
+        (box
+          :valign "end"
+          :space-evenly false
+          :class "winstart-search-prompt"
+          (box
+            :halign "start"
+            :class "winsearch-icon winstart-search-searchbox-icon"
+          )
+          (revealer
+            :reveal {winsearch == ''}
+            :halign "start"
+            :duration "100ms"
+            (label :class "winstart-search-prompt-text" :xalign 0 :text "Type to search")
+          )
+        )
+        (box
+          :valign "end"
+          :class "winstart-search-accent"
+        )
+        (input
+          :class "winstart-search-contents"
+          :onchange "${EWW_CMD} update winsearch='${winsearch_prefix}{}' && ${EWW_CMD} update winsearch_results=\"$(scripts/appsearch '${winsearch_prefix}{}' --updateinfo)\" &"
+          :onaccept "scripts/launchapp '${winsearch_results == '[]' ? (winsearch_prefix + {}) : winsearch_results[0].exec}' &"
+        )
+      )
+    )
+    (revealer
+      :reveal {winsearch != ''}
+      :transition "slidedown"
+      :duration "0ms"
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "winwin-bottom-light"
+        :height 682
+        :width 676
+        :style "
+        ${winsearch != '' ? 'min-width: 811px;' : 'min-width: 676px;'}
+        "
+        ; Tag strip
+        (box
+          :class "winsearch-tag-strip"
+          :space-evenly false
+          (eventbox
+            :onclick "${EWW_CMD} update winsearch_prefix='' && ${EWW_CMD} update winsearch='${winsearch_prefix} ' && ${EWW_CMD} update winsearch_results=\"$(scripts/appsearch ' ' --updateinfo)\" &"
+            (box :class "winsearch-tag-${winsearch_prefix == ''}"
+              (label :class "wintoggle-text" :text "All")
+            )
+          )
+          (eventbox
+            :onclick "${EWW_CMD} update winsearch_prefix='>load ' && ${EWW_CMD} update winsearch='${winsearch_prefix} ' && ${EWW_CMD} update winsearch_results=\"$(scripts/appsearch '>load ' --updateinfo)\" &"
+            (box :class "winsearch-tag-${winsearch_prefix == '>load '}"
+              (label :class "wintoggle-text" :text "Load theme")
+            )
+          )
+          (eventbox
+            :onclick "${EWW_CMD} update winsearch_prefix='1*' && ${EWW_CMD} update winsearch='${winsearch_prefix} ' && ${EWW_CMD} update winsearch_results=\"$(scripts/appsearch --calculator --updateinfo)\" &"
+            (box :class "winsearch-tag-${winsearch_prefix == '1*'}"
+              (label :class "wintoggle-text" :text "Calculate")
+            )
+          )
+          ; (eventbox
+            ;   :onclick "${EWW_CMD} update winsearch_prefix='>_ ' && ${EWW_CMD} update winsearch='${winsearch_prefix}${winsearch}' && ${EWW_CMD} update winsearch_results=\"$(scripts/appsearch '${winsearch_prefix}${winsearch}')\" &"
+            ;   (box :class "winsearch-tag-${winsearch_prefix == '>_ '}"
+              ;     (label :class "wintoggle-text" :text "Execute")
+            ;   )
+          ; )
+        )
+        (box
+          :height 627
+          :space-evenly false
+          :orientation "h"
+          :class "winsearch-pad"
+          :spacing 11
+          ; Search results list
+          (scroll
+            :width 404
+            (box
+              :width 404
+              :space-evenly false
+              :orientation "v"
+              :class "winsearch-result-list"
+              (revealer
+                :reveal {winsearch_results != '[]'}
+                :transition "slidedown"
+                :duration "0ms"
+                (label
+                  :halign "start"
+                  :class "winstart-section winsearch-section"
+                  :text "${winsearch_prefix == '' ? 'Results' :
+                  (winsearch_prefix == '>load ' ? 'Themes' :
+                    (winsearch_prefix == '1*' ? 'Calculator' : 'Execute'))}"
+                )
+              )
+              (box
+                :space-evenly false
+                :orientation "v"
+                (for result in winsearch_results
+                  (overlay
+                    (input
+                      :value "${result.name}"
+                      :class "winsearch-result"
+                      :style "
+                      background-position: -0.5% center;
+                      background-size: auto 65%;
+                      "
+                      :onaccept "scripts/launchapp '${result.exec}' && scripts/toggle-winstart.sh --close &"
+                    )
+                    (image
+                      :halign "start"
+                      :class "winsearch-result-icon"
+                      :path {(result.icon != '' && result.icon != 'null') ? result.icon : 'images/svg/dark/appgeneric.svg'}
+                      :image-width 28
+                      :image-height 28
+                    )
+                  )
+                )
+              )
+              (label
+                :halign "start"
+                :class "winstart-section winsearch-section"
+                :text "Run command"
+              )
+              (overlay
+                (input
+                  :value {winsearch}
+                  :class "winsearch-result"
+                  :onaccept "scripts/launchapp '${winsearch_prefix}{}' &"
+                )
+                (image
+                  :halign "start"
+                  :class "winsearch-result-icon"
+                  :path "images/svg/dark/protocol.svg"
+                  :image-width 28
+                  :image-height 28
+                )
+              )
+              (label
+                :halign "start"
+                :class "winstart-section winsearch-section"
+                :text "Search the web"
+              )
+              (overlay
+                (input
+                  :value {winsearch}
+                  :class "winsearch-result"
+                  :onaccept "xdg-open 'https://www.google.com/search?q={}' && scripts/toggle-winstart.sh --close &"
+                )
+                (image
+                  :halign "start"
+                  :class "winsearch-result-icon"
+                  :path "images/svg/dark/search-fluent.svg"
+                  :image-width 28
+                  :image-height 28
+                )
+              )
+            )
+          )
+          ; More options
+          (revealer
+            :reveal {winsearch != ''}
+            :transition "slideleft"
+            :duration "50ms"
+            ; Entry actions panel
+            (box
+              :orientation "v"
+              :space-evenly false
+              :class "winsearch-actions-box"
+              :width 404
+              (image
+                :halign "center"
+                :class "winsearch-result-icon-big"
+                :path {(winsearch_actions.icon != '' && winsearch_actions.icon != 'null') ? winsearch_actions.icon : 'images/svg/dark/appgeneric.svg'}
+                :image-width 67
+                :image-height 67
+              )
+              (label
+                :class "winsearch-result-actions-title"
+                :text {winsearch_actions.name}
+              )
+              (label
+                :class "winsearch-result-actions-subtext"
+                :text {winsearch_actions_type}
+              )
+              (box
+                :class "winsearch-separator"
+              )
+              ; Actions
+              (box
+                :orientation "v"
+                :space-evenly false
+                (revealer
+                  :reveal {winsearch_actions_type == 'Application'}
+                  :transition "slidedown"
+                  :duration "0ms"
+                  (button
+                    :class "winsearch-actions-button"
+                    :onclick "scripts/launchapp '${winsearch_actions.exec}' &"
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :spacing 13
+                      (image
+                        :class "winsearch-actions-icon"
+                        :path "images/svg/open.svg"
+                        :image-width 20
+                        :image-height 20
+                      )
+                      (label :text "Run")
+                    )
+                  )
+                )
+                (revealer
+                  :reveal {winsearch_actions_type == 'Application'}
+                  :transition "slidedown"
+                  :duration "0ms"
+                  (button
+                    :class "winsearch-actions-button"
+                    :onclick "scripts/launchapp 'xdg-open ${winsearch_actions.filepath}'&"
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :spacing 13
+                      (image
+                        :class "winsearch-actions-icon"
+                        :path "images/svg/folderopen.svg"
+                        :image-width 20
+                        :image-height 20
+                      )
+                      (label :text "Open desktop entry")
+                    )
+                  )
+                )
+                (revealer
+                  :reveal {winsearch_actions_type == 'Math result'}
+                  :transition "slidedown"
+                  :duration "0ms"
+                  (button
+                    :class "winsearch-actions-button"
+                    :onclick "scripts/launchapp '${winsearch_actions.exec}' &"
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :spacing 13
+                      (image
+                        :class "winsearch-actions-icon"
+                        :path "images/svg/copy.svg"
+                        :image-width 20
+                        :image-height 20
+                      )
+                      (label :text "Copy result")
+                    )
+                  )
+                )
+                (revealer
+                  :reveal {winsearch_actions_type == 'Color theme'}
+                  :transition "slidedown"
+                  :duration "0ms"
+                  (button
+                    :class "winsearch-actions-button"
+                    :onclick "scripts/launchapp '${winsearch_actions.exec}' &"
+                    (box
+                      :orientation "h"
+                      :space-evenly false
+                      :spacing 13
+                      (image
+                        :class "winsearch-actions-icon"
+                        :path "images/svg/applycolor.svg"
+                        :image-width 20
+                        :image-height 20
+                      )
+                      (label :text "Apply colorscheme")
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+    (revealer
+      :reveal {winsearch == ''}
+      :transition "slidedown"
+      :duration "0ms"
+      (box
+        :space-evenly false
+        :orientation "v"
+        (box
+          :space-evenly false
+          :orientation "v"
+          :class "winwin-center-noseparator"
+          :height 581
+          :style "
+          ${winsearch != '' ? 'min-width: 811px;' : 'min-width: 676px;'}
+          "
+          (box
+            :space-evenly false
+            :orientation "h"
+            (revealer
+              :reveal {!winstart_allapps}
+              :transition "slideright"
+              :duration "250ms"
+              (revealer
+                :reveal {!winstart_allapps}
+                :transition "crossfade"
+                :duration "200ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  :width 674
+                  (centerbox
+                    :orientation "h"
+                    :class "winsearch-section-box"
+                    (label
+                      :halign "start"
+                      :class "winstart-section"
+                      :text "Pinned"
+                    )
+                    (box)
+                    (button
+                      :halign "end"
+                      :class "wintoggle-text winstart-button-allapps"
+                      :onclick "scripts/toggle-allapps.sh --open &"
+                      (box
+                        :space-evenly false
+                        :spacing 6
+                        (label :text "All apps" :style "padding: 0 2px;")
+                        (label :class "winstart-allapps-icon" :text "")
+                        ; (box
+                          ;   :class "winstart-allapps-arrow"
+                        ; )
+                      )
+                    )
+                  )
+                  (box
+                    :class "winstart-pinnedapps"
+                    :height 293
+                    :orientation "v"
+                    :space-evenly false
+                    (for row in pinnedapps
+                      (box
+                        :orientation "h"
+                        :space-evenly false
+                        (for app in row
+                          (eventbox
+                            :class "winstart-pinnedapps-entry"
+                            :onclick "scripts/toggle-winstart.sh --close && ${app.exec}"
+                            (box
+                              :orientation "v"
+                              :space-evenly false
+                              :class "winstart-pinnedapps-entry-pad"
+                              :width 101
+                              :height 88
+                              (box
+                                :class "winstart-pinnedapps-icon"
+                                :style "
+                                min-width: 33px;
+                                min-height: 33px;
+                                background-image: url('${app.icon}');
+                                background-position: center;
+                                background-size: auto 100%;
+                                "
+                              )
+                              (label
+                                :limit-width 12
+                                :class "wintoggle-text"
+                                :style "margin-top: 4px;"
+                                :text "${app.name}"
+                              )
+                            )
+                          )
+                        )
+                      )
+                    )
+                  )
+                  (centerbox
+                    :orientation "h"
+                    :class "winsearch-section-box"
+                    (label
+                      :halign "start"
+                      :class "winstart-section"
+                      :text "Recommended"
+                    )
+                    (box)
+                    (box)
+                  )
+                  (box
+                    :class "winstart-recommended"
+                    :height 222
+                    :orientation "v"
+                    :space-evenly false
+                    :valign "start"
+                    (for recrow in recommended
+                      (box
+                        :orientation "h"
+                        :space-evenly false
+                        :valign "start"
+                        :spacing 20
+                        (for entry in recrow
+                          (eventbox
+                            :class "winstart-recommended-entry"
+                            :onclick "scripts/toggle-winstart.sh --close && ${entry.exec}"
+                            (box
+                              :valign "start"
+                              :orientation "h"
+                              :space-evenly false
+                              :width 286
+                              :height 66
+                              :class "winstart-recommended-entry-pad"
+                              ; Recommended tile contents here
+                              (box
+                                :halign "start"
+                                :class "winstart-recommended-icon"
+                                :style "
+                                min-width: 33px;
+                                min-height: 33px;
+                                background-image: url('${entry.icon}');
+                                background-position: center;
+                                background-size: 100% auto;
+                                "
+                              )
+                              (box
+                                :orientation "v"
+                                :space-evenly false
+                                :class "winstart-recommended-text"
+                                (label :xalign 0 :class "wintoggle-text winstart-recommended-name" :text "${entry.name}" :limit-width 26)
+                                (label :xalign 0 :class "wintoggle-text winstart-recommended-subtext" :text "${entry.subtext}" :limit-width 29)
+                              )
+                            )
+                          )
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            )
+            (revealer
+              :reveal {winstart_allapps}
+              :transition "slideleft"
+              :duration "250ms"
+              (revealer
+                :reveal {winstart_allapps}
+                :transition "crossfade"
+                :duration "200ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  :width 674
+                  (centerbox
+                    :orientation "h"
+                    :class "winsearch-section-box"
+                    (label
+                      :halign "start"
+                      :class "winstart-section"
+                      :text "All apps"
+                    )
+                    (box)
+                    (button
+                      :halign "end"
+                      :class "wintoggle-text winstart-button-allapps"
+                      :onclick "scripts/toggle-allapps.sh --close"
+                      (box
+                        :space-evenly false
+                        :spacing 6
+                        (label :class "winstart-allapps-icon" :text "")
+                        (label :text "Back" :style "padding: 0 2px;")
+                        ; (box
+                          ;   :class "winstart-allapps-arrow"
+                        ; )
+                      )
+                    )
+                  )
+                  (scroll
+                    :height 549
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      :class "winstart-allapps-box"
+                      (for app in allapps
+                        (button
+                          :class "winstart-allapps-app"
+                          :onclick "scripts/toggle-winstart.sh --close && gtk-launch ${app.filename} &"
+                          (box
+                            :space-evenly false
+                            :orientation "h"
+                            (revealer
+                              :transition "slideright"
+                              :duration "0ms"
+                              :reveal {app.icon != '_letter'}
+                              (image
+                                :class "winstart-allapps-app-icon"
+                                :path {(app.icon != '_letter' && app.icon != '') ? app.icon : 'images/svg/dark/app.svg'}
+                                :image-height 25
+                                :image-width 25
+                              )
+                            )
+                            (label
+                              :class "winbartext winstart-allapps-appname"
+                              :text {app.name}
+                            )
+                          )
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+        (centerbox
+          :orientation "h"
+          :class "winwin-bottom winstart-bottom-pad"
+          :height 67
+          (button
+            :halign "start"
+            :class "winstart-user"
+            :onclick "scripts/toggle-winstart.sh --close && XDG_CURRENT_DESKTOP=GNOME gnome-control-center user-accounts &"
+            (box
+              :space-evenly false
+              :orientation "h"
+              :spacing 16
+              (box
+                :class "winstart-user-icon"
+              )
+              (label :class "wintoggle-text" :text "${username}")
+            )
+          )
+          (box)
+          (button
+            :halign "end"
+            :class "winstart-power-icon winstart-power-icon-${rev_winpowermenu}"
+            :onclick "scripts/toggle-winpowermenu.sh &"
+            (image
+              :path "images/svg/dark/power.svg"
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow winstart
+  :wm-ignore true
+  :monitor 0
+  :focusable true
+  :geometry (geometry
+    :x "0px"
+    :y "51px"
+    ; :height 788
+    :width 673
+    :anchor "bottom center"
+  )
+  (winstart_widget)
+)
\ No newline at end of file
diff --git a/hybrid/.config/eww/windows/wintaskview.yuck b/hybrid/.config/eww/windows/wintaskview.yuck
new file mode 100755
index 000000000..152189241
--- /dev/null
+++ b/hybrid/.config/eww/windows/wintaskview.yuck
@@ -0,0 +1,217 @@
+(defwidget winworkspacebox [wspace]
+  (box ; Note: height 100px width 356px
+    :space-evenly false :orientation "v" :spacing 3
+    :class "taskview-ws taskview-ws-${wspace[0].workspace.id == activews}"
+    (label
+      :class "wintaskview-text"
+      :xalign 0
+      :text "Desktop ${wspace[0].workspace.id}"
+    )
+    (box
+      :space-evenly false :orientation "h"
+      :style "
+      min-width: ${RES_WIDTH * TASKVIEW_SCALE}px;
+      min-height: ${RES_HEIGHT * TASKVIEW_SCALE}px;
+      "
+      (overlay
+        (box ; image doesnt do rounding so use css background image
+          :class "wintaskview-workspace-bg"
+          ; :path "./images/wallpaper/wallpaper_small"
+          :style "
+          min-width: ${RES_WIDTH * TASKVIEW_SCALE}px;
+          min-height: ${RES_HEIGHT * TASKVIEW_SCALE}px;
+          background-image: url('./images/wallpaper/wallpaper_small');
+          "
+          :width {round(RES_WIDTH * TASKVIEW_SCALE, 0)}
+          :height {round(RES_HEIGHT * TASKVIEW_SCALE, 0)}
+        )
+        (box
+          :space-evenly false :orientation "h"
+          (for ws-window in wspace
+            (box
+              :class "${ws-window.class == 'workspace' ? '' : 'taskview-ws-window'}"
+              :style "
+              ${ws-window.address == selected ? 'border: 1px solid #FFFFFF' : ''};
+              ${ws-window.address == '_none' ? 'border: none' : ''};
+              margin-left: ${ws-window.at[0] * TASKVIEW_SCALE}px;
+              margin-top: ${ws-window.at[1] * TASKVIEW_SCALE}px;
+              margin-right: -${(ws-window.at[0] + ws-window.size[0]) * TASKVIEW_SCALE}px;
+              margin-bottom: ${RES_HEIGHT * TASKVIEW_SCALE - ((ws-window.at[1] + ws-window.size[1]) * TASKVIEW_SCALE)};
+              "
+              (eventbox
+                :onrightclick "scripts/selectwindow ${ws-window.address} '${EWW_CMD}' ${ws-window.workspace.id}"
+                :onmiddleclick "hyprctl dispatch closewindow address:${ws-window.address}"
+                :onclick "scripts/focuswindow ${ws-window.address} ${ws-window.workspace.id} scripts/toggle-wintaskview.sh --close &"
+                :onhover "${ws-window.class == 'workspace' ? '' : (EWW_CMD + ' update overview_hover_name=\'' + ws-window + '\'')}"
+                (box
+                  :class "overview-background"
+                  ; Uncomment below to enable thumbnail previews (VERY SLOW)
+                  ; :style "
+                  ; background-image: url('scripts/cache/thumbnails/${ws-window.address }.png');
+                  ; "
+                  (image
+                    :class "overview-icon"
+                    :path {ws-window.icon}
+                    :image-width {round(ws-window.size[0] * TASKVIEW_SCALE * 45 / 100, 0)}
+                    :image-height {round(ws-window.size[1] * TASKVIEW_SCALE * 45 / 100, 0)}
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget wintaskview_widget []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :class "thewholething"
+    (eventbox
+      :onclick "scripts/toggle-wintaskview.sh --close &"
+      (overlay
+        (box
+          :width RES_WIDTH :height {RES_HEIGHT - 50}
+          :class "wintaskview-bg"
+        )
+        (box
+          :orientation "h" :space-evenly false
+          :halign "fill" :valign "start" :height {RES_HEIGHT - WINTASKVIEW_RESERVED_BOTTOM}
+          (for workspace in taskviewlayout
+            (revealer
+              :reveal {arraylength(workspace) != 0 && workspace[0][0]["workspace"]["id"] == activews}
+              :transition "slideright"
+              :duration "0ms"
+              (scroll
+                :hscroll false :vscroll true
+                :width {RES_WIDTH}
+                :height {RES_HEIGHT - WINTASKVIEW_RESERVED_BOTTOM}
+                (box
+                  :space-evenly false :orientation "v" :spacing WINTASKVIEW_SPACING
+                  :style "padding: ${WINTASKVIEW_SPACING}"
+                  :valign "center"
+                  (for row in workspace
+                    (box
+                      :space-evenly false :spacing WINTASKVIEW_SPACING
+                      :halign "center"
+                      :valign "center"
+                      :height {
+                        (MIN_ROW_HEIGHT > (RES_HEIGHT - WINTASKVIEW_RESERVED_BOTTOM - WINTASKVIEW_SPACING) / arraylength(workspace) - 51 - WINTASKVIEW_SPACING) ?
+                        MIN_ROW_HEIGHT :
+                        (RES_HEIGHT - WINTASKVIEW_RESERVED_BOTTOM - WINTASKVIEW_SPACING) / arraylength(workspace) - 51 - WINTASKVIEW_SPACING
+                      }
+                      (for window in row
+                        (box
+                          :class "${window.class == 'workspace' ? '' : 'taskview-thisws-window'}"
+                          :valign "center"
+                          :style `
+                          ${window.address == selected ? 'border: 1px solid #FFFFFF' : ''};
+                          ${window.address == '_none' ? 'border: none' : ''};
+                          min-width: ${window["size"][0]}px;
+                          min-height: ${window["size"][1]}px;
+                          `
+                          (eventbox
+                            :onrightclick "scripts/selectwindow ${window.address} '${EWW_CMD}' ${window.workspace.id}"
+                            :onmiddleclick "hyprctl dispatch closewindow address:${window.address}"
+                            :onclick "scripts/focuswindow ${window.address} ${window.workspace.id} && hyprctl dispatch bringactivetotop && scripts/toggle-wintaskview.sh --close &"
+                            ; :onhover "${ws-window.class == 'workspace' ? '' : (EWW_CMD + ' update overview_hover_name=\'' + ws-window + '\'')}"
+                            (box
+                              :orientation "v" :space-evenly false
+                              :class "overview-background"
+                              (box ;
+                                :height 49 :space-evenly false :spacing 10
+                                :orientation "h"
+                                :style "padding: 0 14px;"
+                                (image
+                                  :vexpand true
+                                  :class "overview-icon"
+                                  :path {window.icon}
+                                  :image-width 25
+                                  :image-height 25
+                                  ; :image-width {round(window.size[0] * TASKVIEW_SCALE * 45 / 100, 0)}
+                                  ; :image-height {round(window.size[1] * TASKVIEW_SCALE * 45 / 100, 0)}
+                                )
+                                (label
+                                  :hexpand true :xalign 0
+                                  :class "wintaskview-text"
+                                  :limit-width {round(window.size[0] / 9, 0)}
+                                  :text "${window.title}"
+                                )
+                                ; (button
+                                ;   (label
+                                ;     :class "wintaskview-thisws-window-close"
+                                ;     :text ""
+                                ;   ) 
+                                ; )
+                              )
+                              (image
+                                :vexpand true
+                                :path {window.icon}
+                                :class "taskview-thisws-window-thumbnail"
+                                :image-width {round(window.size[0] * 25 / 100, 0)}
+                                :image-height {round(window.size[1] * 25 / 100, 0)}
+                                ; :image-width {round(window.size[0] * TASKVIEW_SCALE * 45 / 100, 0)}
+                                ; :image-height {round(window.size[1] * TASKVIEW_SCALE * 45 / 100, 0)}
+                              )
+                            )
+                          )
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+        (box
+          :valign "end"
+          :class "wintaskview-workspaces-bg"
+          :style "
+          ${anim_open_wintaskview ? 'transition: 300ms cubic-bezier(0, 1, 0, 1);' : 'transition: 100ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+          ${rev_wintaskview ? '' : 'margin-bottom: -900px;'}
+          min-height: ${RES_HEIGHT * TASKVIEW_SCALE}px;
+          "
+          (scroll
+            :hscroll true
+            :vscroll false
+            (box
+              :orientation "h" :space-evenly false
+              :halign "center"
+              (box
+                :orientation "h" :space-evenly false
+                (for wspace in wsjsona
+                  (winworkspacebox
+                    :wspace {wspace}
+                  )
+                )
+              )
+              (box
+                :orientation "h" :space-evenly false
+                (for wspace in wsjsonb
+                  (winworkspacebox
+                    :wspace {wspace}
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow wintaskview
+  :stacking "overlay"
+  :wm-ignore true
+  :focusable true
+  :monitor 0
+  :geometry (geometry
+    :anchor "top center"
+  )
+  (wintaskview_widget)
+)
diff --git a/hybrid/.config/fish/completions/fisher.fish b/hybrid/.config/fish/completions/fisher.fish
new file mode 100755
index 000000000..6d23ce490
--- /dev/null
+++ b/hybrid/.config/fish/completions/fisher.fish
@@ -0,0 +1,7 @@
+complete --command fisher --exclusive --long help --description "Print help"
+complete --command fisher --exclusive --long version --description "Print version"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments install --description "Install plugins"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments update --description "Update installed plugins"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments remove --description "Remove installed plugins"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments list --description "List installed plugins matching regex"
+complete --command fisher --exclusive --condition "__fish_seen_subcommand_from update remove" --arguments "(fisher list)"
diff --git a/hybrid/.config/fish/config.fish b/hybrid/.config/fish/config.fish
new file mode 100755
index 000000000..bfa2bf74c
--- /dev/null
+++ b/hybrid/.config/fish/config.fish
@@ -0,0 +1,20 @@
+function fish_prompt -d "Write out the prompt"
+    # This shows up as USER@HOST /home/user/ >, with the directory colored
+    # $USER and $hostname are set by fish, so you can just use them
+    # instead of using `whoami` and `hostname`
+    printf '%s@%s %s%s%s > ' $USER $hostname \
+        (set_color $fish_color_cwd) (prompt_pwd) (set_color normal)
+end
+
+if status is-interactive
+    # Commands to run in interactive sessions can go here
+    set fish_greeting
+
+end
+
+starship init fish | source
+
+# function fish_prompt
+#   set_color cyan; echo (pwd) 
+#   set_color green; echo '> '
+# end
\ No newline at end of file
diff --git a/hybrid/.config/fish/fish_plugins b/hybrid/.config/fish/fish_plugins
new file mode 100755
index 000000000..594dfc033
--- /dev/null
+++ b/hybrid/.config/fish/fish_plugins
@@ -0,0 +1 @@
+jorgebucaran/fisher
diff --git a/hybrid/.config/fish/fish_variables b/hybrid/.config/fish/fish_variables
new file mode 100755
index 000000000..479710902
--- /dev/null
+++ b/hybrid/.config/fish/fish_variables
@@ -0,0 +1,34 @@
+# This file contains fish universal variable definitions.
+# VERSION: 3.0
+SETUVAR __fish_initialized:3400
+SETUVAR _fisher_jorgebucaran_2F_fisher_files:\x7e/\x2econfig/fish/functions/fisher\x2efish\x1e\x7e/\x2econfig/fish/completions/fisher\x2efish
+SETUVAR _fisher_plugins:jorgebucaran/fisher
+SETUVAR _fisher_upgraded_to_4_4:\x1d
+SETUVAR fish_color_autosuggestion:555\x1ebrblack
+SETUVAR fish_color_cancel:\x2dr
+SETUVAR fish_color_command:blue
+SETUVAR fish_color_comment:red
+SETUVAR fish_color_cwd:green
+SETUVAR fish_color_cwd_root:red
+SETUVAR fish_color_end:green
+SETUVAR fish_color_error:brred
+SETUVAR fish_color_escape:brcyan
+SETUVAR fish_color_history_current:\x2d\x2dbold
+SETUVAR fish_color_host:normal
+SETUVAR fish_color_host_remote:yellow
+SETUVAR fish_color_normal:normal
+SETUVAR fish_color_operator:brcyan
+SETUVAR fish_color_param:cyan
+SETUVAR fish_color_quote:yellow
+SETUVAR fish_color_redirection:cyan\x1e\x2d\x2dbold
+SETUVAR fish_color_search_match:\x2d\x2dbackground\x3d111
+SETUVAR fish_color_selection:white\x1e\x2d\x2dbold\x1e\x2d\x2dbackground\x3dbrblack
+SETUVAR fish_color_status:red
+SETUVAR fish_color_user:brgreen
+SETUVAR fish_color_valid_path:\x2d\x2dunderline
+SETUVAR fish_key_bindings:fish_default_key_bindings
+SETUVAR fish_pager_color_completion:normal
+SETUVAR fish_pager_color_description:B3A06D\x1eyellow\x1e\x2di
+SETUVAR fish_pager_color_prefix:cyan\x1e\x2d\x2dbold\x1e\x2d\x2dunderline
+SETUVAR fish_pager_color_progress:brwhite\x1e\x2d\x2dbackground\x3dcyan
+SETUVAR fish_pager_color_selected_background:\x2dr
diff --git a/hybrid/.config/fish/functions/fisher.fish b/hybrid/.config/fish/functions/fisher.fish
new file mode 100755
index 000000000..c0a86fa4e
--- /dev/null
+++ b/hybrid/.config/fish/functions/fisher.fish
@@ -0,0 +1,240 @@
+function fisher --argument-names cmd --description "A plugin manager for Fish"
+    set --query fisher_path || set --local fisher_path $__fish_config_dir
+    set --local fisher_version 4.4.3
+    set --local fish_plugins $__fish_config_dir/fish_plugins
+
+    switch "$cmd"
+        case -v --version
+            echo "fisher, version $fisher_version"
+        case "" -h --help
+            echo "Usage: fisher install <plugins...>  Install plugins"
+            echo "       fisher remove  <plugins...>  Remove installed plugins"
+            echo "       fisher update  <plugins...>  Update installed plugins"
+            echo "       fisher update                Update all installed plugins"
+            echo "       fisher list    [<regex>]     List installed plugins matching regex"
+            echo "Options:"
+            echo "       -v or --version  Print version"
+            echo "       -h or --help     Print this help message"
+            echo "Variables:"
+            echo "       \$fisher_path  Plugin installation path. Default: $__fish_config_dir" | string replace --regex -- $HOME \~
+        case ls list
+            string match --entire --regex -- "$argv[2]" $_fisher_plugins
+        case install update remove
+            isatty || read --local --null --array stdin && set --append argv $stdin
+
+            set --local install_plugins
+            set --local update_plugins
+            set --local remove_plugins
+            set --local arg_plugins $argv[2..-1]
+            set --local old_plugins $_fisher_plugins
+            set --local new_plugins
+
+            test -e $fish_plugins && set --local file_plugins (string match --regex -- '^[^\s]+$' <$fish_plugins)
+
+            if ! set --query argv[2]
+                if test "$cmd" != update
+                    echo "fisher: Not enough arguments for command: \"$cmd\"" >&2 && return 1
+                else if ! set --query file_plugins
+                    echo "fisher: \"$fish_plugins\" file not found: \"$cmd\"" >&2 && return 1
+                end
+                set arg_plugins $file_plugins
+            end
+
+            for plugin in $arg_plugins
+                set plugin (test -e "$plugin" && realpath $plugin || string lower -- $plugin)
+                contains -- "$plugin" $new_plugins || set --append new_plugins $plugin
+            end
+
+            if set --query argv[2]
+                for plugin in $new_plugins
+                    if contains -- "$plugin" $old_plugins
+                        test "$cmd" = remove &&
+                            set --append remove_plugins $plugin ||
+                            set --append update_plugins $plugin
+                    else if test "$cmd" = install
+                        set --append install_plugins $plugin
+                    else
+                        echo "fisher: Plugin not installed: \"$plugin\"" >&2 && return 1
+                    end
+                end
+            else
+                for plugin in $new_plugins
+                    contains -- "$plugin" $old_plugins &&
+                        set --append update_plugins $plugin ||
+                        set --append install_plugins $plugin
+                end
+
+                for plugin in $old_plugins
+                    contains -- "$plugin" $new_plugins || set --append remove_plugins $plugin
+                end
+            end
+
+            set --local pid_list
+            set --local source_plugins
+            set --local fetch_plugins $update_plugins $install_plugins
+            set --local fish_path (status fish-path)
+
+            echo (set_color --bold)fisher $cmd version $fisher_version(set_color normal)
+
+            for plugin in $fetch_plugins
+                set --local source (command mktemp -d)
+                set --append source_plugins $source
+
+                command mkdir -p $source/{completions,conf.d,themes,functions}
+
+                $fish_path --command "
+                    if test -e $plugin
+                        command cp -Rf $plugin/* $source
+                    else
+                        set temp (command mktemp -d)
+                        set repo (string split -- \@ $plugin) || set repo[2] HEAD
+
+                        if set path (string replace --regex -- '^(https://)?gitlab.com/' '' \$repo[1])
+                            set name (string split -- / \$path)[-1]
+                            set url https://gitlab.com/\$path/-/archive/\$repo[2]/\$name-\$repo[2].tar.gz
+                        else
+                            set url https://api.github.com/repos/\$repo[1]/tarball/\$repo[2]
+                        end
+
+                        echo Fetching (set_color --underline)\$url(set_color normal)
+
+                        if curl --silent -L \$url | tar -xzC \$temp -f - 2>/dev/null
+                            command cp -Rf \$temp/*/* $source
+                        else
+                            echo fisher: Invalid plugin name or host unavailable: \\\"$plugin\\\" >&2
+                            command rm -rf $source
+                        end
+
+                        command rm -rf \$temp
+                    end
+
+                    set files $source/* && string match --quiet --regex -- .+\.fish\\\$ \$files
+                " &
+
+                set --append pid_list (jobs --last --pid)
+            end
+
+            wait $pid_list 2>/dev/null
+
+            for plugin in $fetch_plugins
+                if set --local source $source_plugins[(contains --index -- "$plugin" $fetch_plugins)] && test ! -e $source
+                    if set --local index (contains --index -- "$plugin" $install_plugins)
+                        set --erase install_plugins[$index]
+                    else
+                        set --erase update_plugins[(contains --index -- "$plugin" $update_plugins)]
+                    end
+                end
+            end
+
+            for plugin in $update_plugins $remove_plugins
+                if set --local index (contains --index -- "$plugin" $_fisher_plugins)
+                    set --local plugin_files_var _fisher_(string escape --style=var -- $plugin)_files
+
+                    if contains -- "$plugin" $remove_plugins
+                        for name in (string replace --filter --regex -- '.+/conf\.d/([^/]+)\.fish$' '$1' $$plugin_files_var)
+                            emit {$name}_uninstall
+                        end
+                        printf "%s\n" Removing\ (set_color red --bold)$plugin(set_color normal) "         "$$plugin_files_var | string replace -- \~ ~
+                        set --erase _fisher_plugins[$index]
+                    end
+
+                    command rm -rf (string replace -- \~ ~ $$plugin_files_var)
+
+                    functions --erase (string replace --filter --regex -- '.+/functions/([^/]+)\.fish$' '$1' $$plugin_files_var)
+
+                    for name in (string replace --filter --regex -- '.+/completions/([^/]+)\.fish$' '$1' $$plugin_files_var)
+                        complete --erase --command $name
+                    end
+
+                    set --erase $plugin_files_var
+                end
+            end
+
+            if set --query update_plugins[1] || set --query install_plugins[1]
+                command mkdir -p $fisher_path/{functions,themes,conf.d,completions}
+            end
+
+            for plugin in $update_plugins $install_plugins
+                set --local source $source_plugins[(contains --index -- "$plugin" $fetch_plugins)]
+                set --local files $source/{functions,themes,conf.d,completions}/*
+
+                if set --local index (contains --index -- $plugin $install_plugins)
+                    set --local user_files $fisher_path/{functions,themes,conf.d,completions}/*
+                    set --local conflict_files
+
+                    for file in (string replace -- $source/ $fisher_path/ $files)
+                        contains -- $file $user_files && set --append conflict_files $file
+                    end
+
+                    if set --query conflict_files[1] && set --erase install_plugins[$index]
+                        echo -s "fisher: Cannot install \"$plugin\": please remove or move conflicting files first:" \n"        "$conflict_files >&2
+                        continue
+                    end
+                end
+
+                for file in (string replace -- $source/ "" $files)
+                    command cp -RLf $source/$file $fisher_path/$file
+                end
+
+                set --local plugin_files_var _fisher_(string escape --style=var -- $plugin)_files
+
+                set --query files[1] && set --universal $plugin_files_var (string replace -- $source $fisher_path $files | string replace -- ~ \~)
+
+                contains -- $plugin $_fisher_plugins || set --universal --append _fisher_plugins $plugin
+                contains -- $plugin $install_plugins && set --local event install || set --local event update
+
+                printf "%s\n" Installing\ (set_color --bold)$plugin(set_color normal) "           "$$plugin_files_var | string replace -- \~ ~
+
+                for file in (string match --regex -- '.+/[^/]+\.fish$' $$plugin_files_var | string replace -- \~ ~)
+                    source $file
+                    if set --local name (string replace --regex -- '.+conf\.d/([^/]+)\.fish$' '$1' $file)
+                        emit {$name}_$event
+                    end
+                end
+            end
+
+            command rm -rf $source_plugins
+
+            if set --query _fisher_plugins[1]
+                set --local commit_plugins
+
+                for plugin in $file_plugins
+                    contains -- (string lower -- $plugin) (string lower -- $_fisher_plugins) && set --append commit_plugins $plugin
+                end
+
+                for plugin in $_fisher_plugins
+                    contains -- (string lower -- $plugin) (string lower -- $commit_plugins) || set --append commit_plugins $plugin
+                end
+
+                printf "%s\n" $commit_plugins >$fish_plugins
+            else
+                set --erase _fisher_plugins
+                command rm -f $fish_plugins
+            end
+
+            set --local total (count $install_plugins) (count $update_plugins) (count $remove_plugins)
+
+            test "$total" != "0 0 0" && echo (string join ", " (
+                test $total[1] = 0 || echo "Installed $total[1]") (
+                test $total[2] = 0 || echo "Updated $total[2]") (
+                test $total[3] = 0 || echo "Removed $total[3]")
+            ) plugin/s
+        case \*
+            echo "fisher: Unknown command: \"$cmd\"" >&2 && return 1
+    end
+end
+
+if ! set --query _fisher_upgraded_to_4_4
+    set --universal _fisher_upgraded_to_4_4
+    if functions --query _fisher_list
+        set --query XDG_DATA_HOME[1] || set --local XDG_DATA_HOME ~/.local/share
+        command rm -rf $XDG_DATA_HOME/fisher
+        functions --erase _fisher_{list,plugin_parse}
+        fisher update >/dev/null 2>/dev/null
+    else
+        for var in (set --names | string match --entire --regex '^_fisher_.+_files$')
+            set $var (string replace -- ~ \~ $$var)
+        end
+        functions --erase _fisher_fish_postexec
+    end
+end
diff --git a/hybrid/.config/fish/tokyonight_day.fish b/hybrid/.config/fish/tokyonight_day.fish
new file mode 100644
index 000000000..0a73a06a5
--- /dev/null
+++ b/hybrid/.config/fish/tokyonight_day.fish
@@ -0,0 +1,36 @@
+    # TokyoNight Color Palette
+    set -l foreground 3760bf
+    set -l selection 99a7df
+    set -l comment 848cb5
+    set -l red f52a65
+    set -l orange b15c00
+    set -l yellow 8c6c3e
+    set -l green 587539
+    set -l purple 7847bd
+    set -l cyan 007197
+    set -l pink 9854f1
+
+    # Syntax Highlighting Colors
+    set -g fish_color_normal $foreground
+    set -g fish_color_command $cyan
+    set -g fish_color_keyword $pink
+    set -g fish_color_quote $yellow
+    set -g fish_color_redirection $foreground
+    set -g fish_color_end $orange
+    set -g fish_color_error $red
+    set -g fish_color_param $purple
+    set -g fish_color_comment $comment
+    set -g fish_color_selection --background=$selection
+    set -g fish_color_search_match --background=$selection
+    set -g fish_color_operator $green
+    set -g fish_color_escape $pink
+    set -g fish_color_autosuggestion $comment
+
+    # Completion Pager Colors
+    set -g fish_pager_color_progress $comment
+    set -g fish_pager_color_prefix $cyan
+    set -g fish_pager_color_completion $foreground
+    set -g fish_pager_color_description $comment
+    set -g fish_pager_color_selected_background --background=$selection
+
+  
\ No newline at end of file
diff --git a/hybrid/.config/fish/tokyonight_moon.fish b/hybrid/.config/fish/tokyonight_moon.fish
new file mode 100644
index 000000000..2acc461b3
--- /dev/null
+++ b/hybrid/.config/fish/tokyonight_moon.fish
@@ -0,0 +1,36 @@
+    # TokyoNight Color Palette
+    set -l foreground c8d3f5
+    set -l selection 3654a7
+    set -l comment 7a88cf
+    set -l red ff757f
+    set -l orange ff966c
+    set -l yellow ffc777
+    set -l green c3e88d
+    set -l purple fca7ea
+    set -l cyan 86e1fc
+    set -l pink c099ff
+
+    # Syntax Highlighting Colors
+    set -g fish_color_normal $foreground
+    set -g fish_color_command $cyan
+    set -g fish_color_keyword $pink
+    set -g fish_color_quote $yellow
+    set -g fish_color_redirection $foreground
+    set -g fish_color_end $orange
+    set -g fish_color_error $red
+    set -g fish_color_param $purple
+    set -g fish_color_comment $comment
+    set -g fish_color_selection --background=$selection
+    set -g fish_color_search_match --background=$selection
+    set -g fish_color_operator $green
+    set -g fish_color_escape $pink
+    set -g fish_color_autosuggestion $comment
+
+    # Completion Pager Colors
+    set -g fish_pager_color_progress $comment
+    set -g fish_pager_color_prefix $cyan
+    set -g fish_pager_color_completion $foreground
+    set -g fish_pager_color_description $comment
+    set -g fish_pager_color_selected_background --background=$selection
+
+  
\ No newline at end of file
diff --git a/hybrid/.config/fish/tokyonight_night.fish b/hybrid/.config/fish/tokyonight_night.fish
new file mode 100644
index 000000000..58edd99b3
--- /dev/null
+++ b/hybrid/.config/fish/tokyonight_night.fish
@@ -0,0 +1,36 @@
+    # TokyoNight Color Palette
+    set -l foreground c0caf5
+    set -l selection 33467c
+    set -l comment 565f89
+    set -l red f7768e
+    set -l orange ff9e64
+    set -l yellow e0af68
+    set -l green 9ece6a
+    set -l purple 9d7cd8
+    set -l cyan 7dcfff
+    set -l pink bb9af7
+
+    # Syntax Highlighting Colors
+    set -g fish_color_normal $foreground
+    set -g fish_color_command $cyan
+    set -g fish_color_keyword $pink
+    set -g fish_color_quote $yellow
+    set -g fish_color_redirection $foreground
+    set -g fish_color_end $orange
+    set -g fish_color_error $red
+    set -g fish_color_param $purple
+    set -g fish_color_comment $comment
+    set -g fish_color_selection --background=$selection
+    set -g fish_color_search_match --background=$selection
+    set -g fish_color_operator $green
+    set -g fish_color_escape $pink
+    set -g fish_color_autosuggestion $comment
+
+    # Completion Pager Colors
+    set -g fish_pager_color_progress $comment
+    set -g fish_pager_color_prefix $cyan
+    set -g fish_pager_color_completion $foreground
+    set -g fish_pager_color_description $comment
+    set -g fish_pager_color_selected_background --background=$selection
+
+  
\ No newline at end of file
diff --git a/hybrid/.config/fish/tokyonight_storm.fish b/hybrid/.config/fish/tokyonight_storm.fish
new file mode 100644
index 000000000..0fd59a748
--- /dev/null
+++ b/hybrid/.config/fish/tokyonight_storm.fish
@@ -0,0 +1,36 @@
+    # TokyoNight Color Palette
+    set -l foreground c0caf5
+    set -l selection 364a82
+    set -l comment 565f89
+    set -l red f7768e
+    set -l orange ff9e64
+    set -l yellow e0af68
+    set -l green 9ece6a
+    set -l purple 9d7cd8
+    set -l cyan 7dcfff
+    set -l pink bb9af7
+
+    # Syntax Highlighting Colors
+    set -g fish_color_normal $foreground
+    set -g fish_color_command $cyan
+    set -g fish_color_keyword $pink
+    set -g fish_color_quote $yellow
+    set -g fish_color_redirection $foreground
+    set -g fish_color_end $orange
+    set -g fish_color_error $red
+    set -g fish_color_param $purple
+    set -g fish_color_comment $comment
+    set -g fish_color_selection --background=$selection
+    set -g fish_color_search_match --background=$selection
+    set -g fish_color_operator $green
+    set -g fish_color_escape $pink
+    set -g fish_color_autosuggestion $comment
+
+    # Completion Pager Colors
+    set -g fish_pager_color_progress $comment
+    set -g fish_pager_color_prefix $cyan
+    set -g fish_pager_color_completion $foreground
+    set -g fish_pager_color_description $comment
+    set -g fish_pager_color_selected_background --background=$selection
+
+  
\ No newline at end of file
diff --git a/hybrid/.config/foot/foot.ini b/hybrid/.config/foot/foot.ini
new file mode 100755
index 000000000..e4ff60012
--- /dev/null
+++ b/hybrid/.config/foot/foot.ini
@@ -0,0 +1,320 @@
+# -*- 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=monospace:size=11
+font=JetBrainsMono Nerd Font:size=12
+# 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=30x30                             # optionally append 'center'
+# resize-delay-ms=100
+
+# notify=notify-send -a ${app-id} -i ${app-id} ${title} ${body}
+
+bold-text-in-bright=no
+# bell=none
+# 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=block
+# color=111111 dcdccc
+color=282a36 f8f8f2
+# blink=no
+# beam-thickness=1.5
+# underline-thickness=<font underline thickness>
+
+[mouse]
+# hide-when-typing=no
+# alternate-scroll-mode=yes
+
+#DoomOne Colors
+#[colors]
+#alpha=0.3
+#foreground=bbc2cf
+#background=444444
+#regular0=282c34  # black
+#regular1=ff6c6b  # red
+#regular2=98be65  # green
+#regular3=ecbe7b  # yellow
+#regular4=51afef  # blue
+#regular5=c678dd  # magenta
+#regular6=46d9ff  # cyan
+#regular7=bfbfbf  # white
+#bright0=666666   # bright black
+#bright1=da8548   # bright red
+#bright2=4db5bd   # bright green
+#bright3=ECBE7B   # bright yellow
+#bright4=51afef   # bright blue
+#bright5=c678dd   # bright magenta
+#bright6=46D9FF   # bright cyan
+#bright7=dfdfdf   # bright white
+# 16 = <256-color palette #16>
+# ...
+# 255 = <256-color palette #255>
+# selection-foreground=<inverse foreground/background>
+# selection-background=<inverse foreground/background>
+# jump-labels=<regular0> <regular3>
+# urls=<regular3>
+
+##Dracula Colors
+# [colors]
+# alpha=0.3
+# foreground=f8f8f2
+# background=444444
+# regular0=000000  # black
+# regular1=ff5555  # red
+# regular2=50fa7b  # green
+# regular3=f1fa8c  # yellow
+# regular4=bd93f9  # blue
+# regular5=ff79c6  # magenta
+# regular6=8be9fd  # cyan
+# regular7=bfbfbf  # white
+# bright0=4d4d4d   # bright black
+# bright1=ff6e67   # bright red
+# bright2=5af78e   # bright green
+# bright3=f4f99d   # bright yellow
+# bright4=caa9fa   # bright blue
+# bright5=ff92d0   # bright magenta
+# bright6=9aedfe   # bright cyan
+# bright7=e6e6e6   # bright white
+
+# Catppuccin Colors
+[colors]
+alpha=0.5
+foreground=a9b1d6
+background=1a1b26
+regular0=414868  # black
+regular1=f7768e  # red
+regular2=73daca  # green
+regular3=e0af68  # yellow
+regular4=7aa2f7  # blue
+regular5=bb9af7  # magenta
+regular6=7dcfff  # cyan
+regular7=c0caf5  # white
+bright0=414868  # black
+bright1=f7768e  # red
+bright2=73daca  # green
+bright3=e0af68  # yellow
+bright4=7aa2f7  # blue
+bright5=bb9af7  # magenta
+bright6=7dcfff  # cyan
+bright7=c0caf5  # white
+
+# Ice colors
+# [colors]
+# alpha=0.5
+# foreground=90D1F6
+# background=162546
+# regular0=68ABE3  # black
+# regular1=BB9AF7  # red
+# regular2=90D1F6  # green
+# regular3=90D1F6  # yellow
+# regular4=AED6F7  # blue
+# regular5=AEE5FA  # magenta
+# regular6=DEECF5  # cyan
+# regular7=90D1F6  # white
+# bright0=68ABE3  # black
+# bright1=F7768E  # red
+# bright2=8DB5E3  # green
+# bright3=90D1F6  # yellow
+# bright4=AED6F7  # blue
+# bright5=AEE5FA  # magenta
+# bright6=DEECF5  # cyan
+# bright7=90D1F6  # white
+
+##Lovelace Colors
+# [colors]
+# alpha=0.3
+# foreground=f8f8f2
+# background=444444
+# regular0=282A36  # black
+# regular1=F37F97  # red
+# regular2=5ADECD  # green
+# regular3=F2A272  # yellow
+# regular4=8897F4  # blue
+# regular5=C574DD  # magenta
+# regular6=79E6F3  # cyan
+# regular7=FDFDFD  # white
+#  bright0=414458  # bright black
+#  bright1=FF4971  # bright red
+#  bright2=18E3C8  # bright green
+#  bright3=FF8037  # bright yellow
+#  bright4=556FFF  # bright blue
+#  bright5=B043D1  # bright magenta
+#  bright6=3FDCEE  # bright cyan
+#  bright7=BEBEC1  # bright white
+
+##Amarena Colors
+# [colors]
+# alpha=0.3
+# foreground=FFFFFF
+# background=1A2026
+# regular0=242D35 #black
+# regular1=FB6396 #red
+# regular2=94CF95 #green
+# regular3=F692B2 #yellow
+# regular4=6EC1D6 #blue
+# regular5=CD84C8 #magenta
+# regular6=7FE4D2 #cyan
+# regular7=FFFFFF #white
+#  bright0=526170 #bright black
+#  bright1=F92D72 #bright red
+#  bright2=6CCB6E #bright green
+#  bright3=F26190 #bright yellow
+#  bright4=4CB9D6 #bright blue
+#  bright5=C269BC #bright magenta
+#  bright6=58D6BF #bright cyan
+#  bright7=F4F5F2 #bright white
+  
+#Catpuccin Frappe
+#[colors]
+#    alpha=0.3
+#    foreground=c6d0f5 # Text
+#    background=444444 # Base
+#    regular0=51576d   # Surface 1
+#    regular1=e78284   # red
+#    regular2=a6d189   # green
+#    regular3=e5c890   # yellow
+#    regular4=8caaee   # blue
+#    regular5=f4b8e4   # pink
+#    regular6=81c8be   # teal
+#    regular7=b5bfe2   # Subtext 1
+#    bright0=626880    # Surface 2
+#    bright1=e78284    # red
+#    bright2=a6d189    # green
+#    bright3=e5c890    # yellow
+#    bright4=8caaee    # blue
+#    bright5=f4b8e4    # pink
+#    bright6=81c8be    # teal
+#    bright7=a5adce    # Subtext 0
+
+##Catpuccin Latte
+#[colors]
+#    alpha=0.3
+#    foreground=4c4f69 # Text
+#    background=444444 # Base
+#    regular0=5c5f77   # Subtext 1
+#    regular1=d20f39   # red
+#    regular2=40a02b   # green
+#    regular3=df8e1d   # yellow
+#    regular4=1e66f5   # blue
+#    regular5=ea76cb   # pink
+#    regular6=179299   # teal
+#    regular7=acb0be   # Surface 2
+#    bright0=6c6f85    # Subtext 0
+#    bright1=d20f39    # red
+#    bright2=40a02b    # green
+#    bright3=df8e1d    # yellow
+#    bright4=1e66f5    # blue
+#    bright5=ea76cb    # pink
+#    bright6=179299    # teal
+#    bright7=bcc0cc    # Surface 1
+
+[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=Mod1+BackSpace 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
diff --git a/hybrid/.config/gtk-3.0/gtk.css b/hybrid/.config/gtk-3.0/gtk.css
new file mode 100644
index 000000000..5e10ad68c
--- /dev/null
+++ b/hybrid/.config/gtk-3.0/gtk.css
@@ -0,0 +1,6 @@
+VteTerminal,
+TerminalScreen,
+vte-terminal {
+    padding: 30px 30px 30px 30px;
+    -VteTerminal-inner-border: 20px 20px 20px 20px;
+}
\ No newline at end of file
diff --git a/hybrid/.config/gtk-4.0/gtk-dark.css b/hybrid/.config/gtk-4.0/gtk-dark.css
new file mode 100755
index 000000000..d5d478f65
--- /dev/null
+++ b/hybrid/.config/gtk-4.0/gtk-dark.css
@@ -0,0 +1,6951 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #c0caf5;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #c0caf5;
+/* widget base background color */
+@define-color theme_bg_color #1a1b26;
+/* text widgets and the like base background color */
+@define-color theme_base_color #1a1b26;
+/* base background color of selections */
+@define-color theme_selected_bg_color #a9b1d6;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #1a1b26;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(192, 202, 245, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #24283b;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #c0caf5;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #c0caf5;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1a1b26;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #1a1b26;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #a9b1d6;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(192, 202, 245, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(192, 202, 245, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(192, 202, 245, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #c0caf5;
+@define-color wm_unfocused_title rgba(192, 202, 245, 0.7);
+@define-color wm_highlight rgba(192, 202, 245, 0.1);
+@define-color wm_bg #1a1b26;
+@define-color wm_unfocused_bg #1a1b26;
+@define-color wm_button_close_icon #1a1b26;
+@define-color wm_button_close_hover_bg #a9b1d6;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #1a1b26;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #c0caf5;
+@define-color budgie_tasklist_indicator_color_active #c0caf5;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #a9b1d6;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #a9b1d6;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #1a1b26;
+@define-color window_fg_color #c0caf5;
+@define-color view_bg_color #1a1b26;
+@define-color view_fg_color #c0caf5;
+@define-color headerbar_bg_color #1a1b26;
+@define-color headerbar_fg_color #c0caf5;
+@define-color headerbar_border_color rgba(192, 202, 245, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #1a1b26;
+@define-color card_fg_color #c0caf5;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #1a1b26;
+@define-color dialog_fg_color #c0caf5;
+@define-color popover_bg_color #1a1b26;
+@define-color popover_fg_color #c0caf5;
+@define-color thumbnail_bg_color #1a1b26;
+@define-color thumbnail_fg_color #c0caf5;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #1a1b26;
+  color: #c0caf5;
+}
+
+dnd {
+  color: #c0caf5;
+}
+
+.normal-icons {
+  -gtk-icon-size: 16px;
+}
+
+.large-icons {
+  -gtk-icon-size: 32px;
+}
+
+spinner:disabled,
+arrow:disabled,
+scrollbar:disabled,
+check:disabled,
+radio:disabled,
+treeview.expander:disabled {
+  -gtk-icon-filter: opacity(0.5);
+}
+
+iconview,
+.view {
+  color: #c0caf5;
+}
+
+iconview:disabled,
+.view:disabled {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+textview text {
+  background-color: #1a1b26;
+}
+
+textview border {
+  background-color: #24283b;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 3px;
+}
+
+rubberband,
+.content-view rubberband,
+.content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband,
+.content-view .rubberband,
+columnview.view > rubberband,
+treeview.view > rubberband,
+gridview > rubberband,
+flowbox > rubberband {
+  border: 1px solid #a9b1d6;
+  background-color: rgba(169, 177, 214, 0.3);
+}
+
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+gridview > child {
+  padding: 3px;
+}
+
+gridview > child:selected {
+  outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+  border-spacing: 8px;
+  margin: 12px;
+}
+
+coverflow cover {
+  color: #c0caf5;
+  background-color: #1a1b26;
+  border: 1px solid black;
+}
+
+label.separator {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+label:disabled {
+  color: rgba(192, 202, 245, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #c0caf5;
+}
+
+label.search-information {
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+  color: rgba(192, 202, 245, 0.7);
+  opacity: 1;
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(192, 202, 245, 0.5);
+  font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+  color: #c0caf5;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents,
+.osd {
+  color: #c0caf5;
+  background-clip: padding-box;
+  border-radius: 6px;
+  border: none;
+}
+
+.osd {
+  padding: 6px;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.osd.circular {
+  border-radius: 9999px;
+}
+
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+  to {
+    transform: rotate(1turn);
+  }
+}
+
+spinner {
+  background: none;
+  opacity: 0;
+  -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+}
+
+spinner:checked {
+  opacity: 1;
+  animation: spin 1s linear infinite;
+}
+
+spinner:checked:disabled {
+  opacity: 0.5;
+}
+
+.large-title {
+  font-weight: 300;
+  font-size: 24pt;
+}
+
+.title-1 {
+  font-weight: 800;
+  font-size: 20pt;
+}
+
+.title-2 {
+  font-weight: 800;
+  font-size: 15pt;
+}
+
+.title-3 {
+  font-weight: 700;
+  font-size: 15pt;
+}
+
+.title-4 {
+  font-weight: 700;
+  font-size: 13pt;
+}
+
+.heading {
+  font-weight: 700;
+  font-size: 11pt;
+}
+
+.body {
+  font-weight: 400;
+  font-size: 11pt;
+}
+
+.caption {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-spacing: 6px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.08);
+  color: #c0caf5;
+  outline: none;
+}
+
+entry:focus-within {
+  background-color: rgba(192, 202, 245, 0.08);
+  box-shadow: inset 0 0 0 2px #a9b1d6;
+  outline: none;
+}
+
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  outline: none;
+}
+
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.search {
+  border-radius: 6px;
+}
+
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+entry image {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+entry image:hover,
+entry image:active {
+  color: #c0caf5;
+}
+
+entry image:disabled {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(192, 202, 245, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(192, 202, 245, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.08);
+  color: #c0caf5;
+  outline: none;
+}
+
+entry.error:focus-within {
+  background-color: rgba(192, 202, 245, 0.08);
+  box-shadow: inset 0 0 0 2px #f28b82;
+  outline: none;
+}
+
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.08);
+  color: #c0caf5;
+  outline: none;
+}
+
+entry.warning:focus-within {
+  background-color: rgba(192, 202, 245, 0.08);
+  box-shadow: inset 0 0 0 2px #fdd633;
+  outline: none;
+}
+
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry > progress,
+entry progress > trough > progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #a9b1d6;
+  background-color: transparent;
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #1a1b26;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus-within,
+treeview entry,
+treeview entry:focus-within {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(192, 202, 245, 0.12);
+  color: #c0caf5;
+}
+
+.entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag {
+  margin-left: 4px;
+  margin-right: 0;
+  padding-left: 12px;
+  padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-left: 8px;
+  padding-right: 12px;
+}
+
+.entry-tag.button {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active) {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+editablelabel > stack > text {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.08);
+  color: #c0caf5;
+  outline: none;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: radial-gradient(
+      farthest-side,
+      #a9b1d6 0%,
+      rgba(169, 177, 214, 0) 0%
+    );
+  }
+  to {
+    background-image: radial-gradient(
+      farthest-side,
+      #a9b1d6 95%,
+      rgba(169, 177, 214, 0)
+    );
+  }
+}
+
+toast button,
+toast button.text-button,
+toast button.circular.flat,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button,
+popover.background.touch-selection button,
+popover.background.magnifier button,
+headerbar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+toast button:focus,
+toast button.circular.flat:focus,
+infobar.warning > revealer > box button:focus,
+popover.background.touch-selection button:focus,
+popover.background.magnifier button:focus,
+headerbar.selection-mode
+  button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
+infobar.warning > revealer > box button:hover,
+popover.background.touch-selection button:hover,
+popover.background.magnifier button:hover,
+headerbar.selection-mode
+  button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
+infobar.warning > revealer > box button:active,
+popover.background.touch-selection button:active,
+popover.background.magnifier button:active,
+headerbar.selection-mode
+  button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
+infobar.warning > revealer > box button:checked,
+popover.background.touch-selection button:checked,
+popover.background.magnifier button:checked,
+headerbar.selection-mode
+  button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #c0caf5;
+}
+
+toast button:disabled,
+toast button.circular.flat:disabled,
+infobar.warning > revealer > box button:disabled,
+popover.background.touch-selection button:disabled,
+popover.background.magnifier button:disabled,
+headerbar.selection-mode
+  button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+toast button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled,
+popover.background.touch-selection button:checked:disabled,
+popover.background.magnifier button:checked:disabled,
+headerbar.selection-mode
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar
+  popover
+  button:not(.suggested-action):not(.destructive-action):not(.flat),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(192, 202, 245, 0.08);
+  color: #c0caf5;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #c0caf5;
+  outline: none;
+}
+
+headerbar
+  popover
+  button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #c0caf5;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:active:not(.suggested-action):not(.destructive-action):not(.flat),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #c0caf5;
+}
+
+headerbar
+  popover
+  button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+headerbar
+  popover
+  button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked {
+  box-shadow: none;
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+}
+
+headerbar
+  popover
+  button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:hover {
+  box-shadow: none;
+}
+
+headerbar
+  popover
+  button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  color: #c0caf5;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button,
+calendar > header > button,
+columnview.view > header > button button.circular,
+treeview.view > header > button button.circular,
+row.activatable button.circular,
+scrollbar button,
+notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
+filechooser #pathbarbox > stack > box > button,
+window.dialog.message.csd .dialog-action-area > button,
+.app-notification button,
+headerbar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+toolbar button,
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child),
+splitbutton.suggested-action > button,
+splitbutton.suggested-action > menubutton > button,
+splitbutton.destructive-action > button,
+splitbutton.destructive-action > menubutton > button,
+splitbutton.opaque > button,
+splitbutton.opaque > menubutton > button,
+menubutton.suggested-action > button,
+menubutton.destructive-action > button,
+menubutton.opaque > button,
+menubutton.flat > button,
+button.flat {
+  background-color: transparent;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:focus,
+calendar > header > button:focus,
+columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus,
+row.activatable button.circular:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
+spinbutton.vertical > button:focus,
+spinbutton:not(.vertical) > button:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+window.dialog.message.csd .dialog-action-area > button:focus,
+.app-notification button:focus,
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+toolbar button:focus,
+dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #c0caf5;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover,
+calendar > header > button:hover,
+columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover,
+row.activatable button.circular:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
+spinbutton.vertical > button:hover,
+spinbutton:not(.vertical) > button:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+window.dialog.message.csd .dialog-action-area > button:hover,
+.app-notification button:hover,
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+toolbar button:hover,
+dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+splitbutton.suggested-action > button:hover,
+splitbutton.suggested-action > menubutton > button:hover,
+splitbutton.destructive-action > button:hover,
+splitbutton.destructive-action > menubutton > button:hover,
+splitbutton.opaque > button:hover,
+splitbutton.opaque > menubutton > button:hover,
+menubutton.suggested-action > button:hover,
+menubutton.destructive-action > button:hover,
+menubutton.opaque > button:hover,
+menubutton.flat > button:hover,
+button.flat:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #c0caf5;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active,
+calendar > header > button:active,
+columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active,
+row.activatable button.circular:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
+spinbutton.vertical > button:active,
+spinbutton:not(.vertical) > button:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
+filechooser #pathbarbox > stack > box > button:active,
+window.dialog.message.csd .dialog-action-area > button:active,
+.app-notification button:active,
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+toolbar button:active,
+dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+splitbutton.suggested-action > button:active,
+splitbutton.suggested-action > menubutton > button:active,
+splitbutton.destructive-action > button:active,
+splitbutton.destructive-action > menubutton > button:active,
+splitbutton.opaque > button:active,
+splitbutton.opaque > menubutton > button:active,
+menubutton.suggested-action > button:active,
+menubutton.destructive-action > button:active,
+menubutton.opaque > button:active,
+menubutton.flat > button:active,
+button.flat:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #c0caf5;
+  box-shadow: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
+calendar > header > button:disabled,
+columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled,
+row.activatable button.circular:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
+spinbutton.vertical > button:disabled,
+spinbutton:not(.vertical) > button:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+window.dialog.message.csd .dialog-action-area > button:disabled,
+.app-notification button:disabled,
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+toolbar button:disabled,
+dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(192, 202, 245, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked,
+window.dialog.message.csd .dialog-action-area > button:checked,
+.app-notification button:checked,
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+toolbar button:checked,
+dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+splitbutton.suggested-action > button:checked,
+splitbutton.suggested-action > menubutton > button:checked,
+splitbutton.destructive-action > button:checked,
+splitbutton.destructive-action > menubutton > button:checked,
+splitbutton.opaque > button:checked,
+splitbutton.opaque > menubutton > button:checked,
+menubutton.suggested-action > button:checked,
+menubutton.destructive-action > button:checked,
+menubutton.opaque > button:checked,
+menubutton.flat > button:checked,
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #c0caf5;
+  outline: none;
+  box-shadow: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+window.dialog.message.csd .dialog-action-area > button:checked:disabled,
+.app-notification button:checked:disabled,
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+toolbar button:checked:disabled,
+dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.06);
+  color: rgba(192, 202, 245, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.linked button.image-button {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+  margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+  margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  padding: 12px 16px;
+  box-shadow: none;
+  background-color: #16161e;
+  color: #c0caf5;
+}
+
+button.osd:hover {
+  background-color: #414868;
+  color: #c0caf5;
+}
+
+button.osd:active {
+  background-color: #080808;
+  color: #c0caf5;
+}
+
+button.osd.image-button {
+  padding: 6px;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(169, 177, 214, 0.2),
+    0 4px 3px 0 rgba(169, 177, 214, 0.14), 0 1px 6px 0 rgba(169, 177, 214, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(168, 168, 168, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(169, 177, 214, 0.3),
+    0 2px 3px -1px rgba(169, 177, 214, 0.24),
+    0 2px 5px 0 rgba(169, 177, 214, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(169, 177, 214, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #a9b1d6;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(192, 202, 245, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(169, 177, 214, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f28b82;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(192, 202, 245, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+menubutton.pill > button,
+button.pill {
+  padding: 9px 30px;
+  border-radius: 9999px;
+}
+
+button.card {
+  background-clip: padding-box;
+  font-weight: inherit;
+  background-clip: border-box;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(192, 202, 245, 0.08);
+  color: #c0caf5;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+  background-image: none;
+  background-color: alpha(currentColor, 0.08);
+  color: #c0caf5;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+  background-image: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #c0caf5;
+}
+
+button.card:checked {
+  background-image: none;
+  box-shadow: none;
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+  border-color: #a9b1d6;
+}
+
+button.card:checked:hover {
+  background-image: none;
+  box-shadow: none;
+}
+
+button.card:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+  background-image: none;
+}
+
+button.card.has-open-popup:checked {
+  background-image: none;
+}
+
+button.card:drop(active) {
+  color: #ff7043;
+  box-shadow: inset 0 0 0 1px #ff7043;
+}
+
+stackswitcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+stackswitcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+button.font > box,
+button.file > box {
+  border-spacing: 6px;
+}
+
+button.font > box > box > label,
+button.file > box > box > label {
+  font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+menubutton.circular > button,
+button.close,
+button.circular {
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+menubutton.circular > button label,
+button.close label,
+button.circular label {
+  padding: 0;
+}
+
+.nautilus-window .floating-bar button,
+placessidebar .navigation-sidebar > row button.sidebar-button,
+notebook > header tab button.flat,
+popover.menu box.circular-buttons button.circular.image-button.model,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: #a9b1d6;
+  color: #c0caf5;
+}
+
+menubutton.destructive-action {
+  background-color: #f28b82;
+  color: #c0caf5;
+}
+
+menubutton.opaque {
+  background-color: #565f89;
+  color: #c0caf5;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+  border-radius: 6px;
+}
+
+menubutton.suggested-action.circular,
+menubutton.suggested-action.pill,
+menubutton.destructive-action.circular,
+menubutton.destructive-action.pill,
+menubutton.opaque.circular,
+menubutton.opaque.pill {
+  border-radius: 9999px;
+}
+
+menubutton.suggested-action > button,
+menubutton.suggested-action > button:checked,
+menubutton.destructive-action > button,
+menubutton.destructive-action > button:checked,
+menubutton.opaque > button,
+menubutton.opaque > button:checked {
+  background-color: transparent;
+  color: inherit;
+}
+
+menubutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+menubutton arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menubutton arrow.none {
+  -gtk-icon-source: -gtk-icontheme('open-menu-symbolic');
+}
+
+menubutton arrow.down {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menubutton arrow.up {
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menubutton arrow.left {
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+menubutton arrow.right {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+splitbutton {
+  border-radius: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  transition-property: background;
+}
+
+splitbutton:disabled {
+  filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+  filter: none;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton > menubutton > button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+splitbutton.text-button.image-button > button,
+splitbutton.image-text-button > button {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+splitbutton.text-button.image-button > button > box,
+splitbutton.image-text-button > button > box {
+  border-spacing: 6px;
+}
+
+splitbutton > button:dir(ltr),
+splitbutton > menubutton > button:dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  margin-right: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+  background: rgba(192, 202, 245, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+  background: alpha(currentColor, 0.07);
+}
+
+splitbutton.flat:hover > separator,
+splitbutton.flat:active > separator,
+splitbutton.flat:checked > separator {
+  background: none;
+}
+
+splitbutton.flat:focus-within:focus-visible > separator {
+  background: none;
+}
+
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button {
+  border-radius: 6px;
+}
+
+splitbutton.suggested-action {
+  background-color: #a9b1d6;
+  color: #c0caf5;
+}
+
+splitbutton.destructive-action {
+  background-color: #f28b82;
+  color: #c0caf5;
+}
+
+splitbutton.opaque {
+  background-color: #565f89;
+  color: #c0caf5;
+}
+
+splitbutton.suggested-action > button,
+splitbutton.suggested-action > button:checked,
+splitbutton.suggested-action > menubutton > button,
+splitbutton.suggested-action > menubutton > button:checked,
+splitbutton.destructive-action > button,
+splitbutton.destructive-action > button:checked,
+splitbutton.destructive-action > menubutton > button,
+splitbutton.destructive-action > menubutton > button:checked,
+splitbutton.opaque > button,
+splitbutton.opaque > button:checked,
+splitbutton.opaque > menubutton > button,
+splitbutton.opaque > menubutton > button:checked {
+  color: inherit;
+  background-color: transparent;
+}
+
+splitbutton.suggested-action > menubutton > button:dir(ltr),
+splitbutton.destructive-action > menubutton > button:dir(ltr),
+splitbutton.opaque > menubutton > button:dir(ltr) {
+  box-shadow: inset 1px 0 rgba(192, 202, 245, 0.12);
+}
+
+splitbutton.suggested-action > menubutton > button:dir(rtl),
+splitbutton.destructive-action > menubutton > button:dir(rtl),
+splitbutton.opaque > menubutton > button:dir(rtl) {
+  box-shadow: inset -1px 0 rgba(192, 202, 245, 0.12);
+}
+
+splitbutton > menubutton > button > arrow.none {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+buttoncontent {
+  border-spacing: 6px;
+}
+
+buttoncontent > label {
+  font-weight: bold;
+}
+
+buttoncontent > label:dir(ltr) {
+  padding-right: 2px;
+}
+
+buttoncontent > label:dir(rtl) {
+  padding-left: 2px;
+}
+
+.arrow-button > box > buttoncontent > label:dir(ltr),
+splitbutton > button > buttoncontent > label:dir(ltr) {
+  padding-right: 0;
+}
+
+.arrow-button > box > buttoncontent > label:dir(rtl),
+splitbutton > button > buttoncontent > label:dir(rtl) {
+  padding-left: 0;
+}
+
+stacksidebar row.needs-attention > label,
+stackswitcher > button.needs-attention > label,
+stackswitcher > button.needs-attention > image {
+  animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+  background-size: 6px 6px;
+}
+
+stacksidebar row.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > image:dir(rtl) {
+  background-position: left 3px;
+}
+
+.linked:not(.vertical) > entry,
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > button.image-button {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child,
+.linked:not(.vertical) > button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child,
+.linked:not(.vertical) > button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child,
+.linked:not(.vertical) > button:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > entry,
+.linked.vertical > button,
+.linked.vertical > button.image-button {
+  border-radius: 0;
+}
+
+.linked.vertical > entry:first-child,
+.linked.vertical > button:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child,
+.linked.vertical > button:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child,
+.linked.vertical > button:only-child {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+list > row button.image-button:not(.flat) {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list > row button.image-button:not(.flat):hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #c0caf5;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #c0caf5;
+}
+
+list > row button.image-button.suggested-action:not(.flat) {
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+list > row button.image-button.destructive-action:not(.flat) {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/*********
+ * Links *
+ *********/
+link {
+  color: #2196f3;
+}
+
+link:visited {
+  color: #ce93d8;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #2196f3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #ce93d8;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  border-radius: 6px;
+  padding: 0;
+  border-spacing: 0;
+  min-height: 0;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.08);
+  color: #c0caf5;
+  outline: none;
+}
+
+spinbutton:focus-within {
+  background-color: rgba(192, 202, 245, 0.08);
+  box-shadow: inset 0 0 0 2px #a9b1d6;
+  outline: none;
+}
+
+spinbutton:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+spinbutton:not(.vertical) > text {
+  min-width: 32px;
+  margin: 0;
+  padding-left: 12px;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+spinbutton:not(.vertical) > button {
+  border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical)
+  > button:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+spinbutton:not(.vertical) > button.up:dir(ltr),
+spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: -3px;
+}
+
+spinbutton:not(.vertical) > button.up:dir(rtl),
+spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: -3px;
+}
+
+spinbutton.vertical > text {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical > button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+spinbutton.vertical > button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+  margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+  margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+dropdown > button > box {
+  border-spacing: 6px;
+}
+
+dropdown arrow,
+combobox arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  min-height: 16px;
+  min-width: 16px;
+}
+
+dropdown > popover.menu > contents modelbutton,
+combobox > popover.menu > contents modelbutton {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+dropdown button.combo cellview:dir(ltr),
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+dropdown button.combo cellview:dir(rtl),
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+dropdown popover,
+combobox popover {
+  margin-top: 4px;
+  padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+  margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+  padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+  color: #c0caf5;
+  background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+  padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.08);
+  color: #c0caf5;
+  outline: none;
+}
+
+button.combo:only-child:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #c0caf5;
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #c0caf5;
+}
+
+button.combo:only-child:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #c0caf5;
+  box-shadow: none;
+}
+
+button.combo:only-child:checked {
+  background-color: alpha(currentColor, 0.1);
+  color: #c0caf5;
+  outline: none;
+  box-shadow: none;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: none;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+  padding: 3px 6px;
+  background-color: #1a1b26;
+  border-spacing: 6px;
+}
+
+.osd .toolbar,
+.osd toolbar {
+  background-color: transparent;
+}
+
+.app-notification,
+.toolbar.osd,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(192, 202, 245, 0.1);
+  background-color: #292e42;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(192, 202, 245, 0.1);
+}
+
+.left.app-notification,
+.right.app-notification,
+.top.app-notification,
+.bottom.app-notification,
+.toolbar.osd.left,
+.toolbar.osd.right,
+.toolbar.osd.top,
+.toolbar.osd.bottom,
+toolbar.osd.left,
+toolbar.osd.right,
+toolbar.osd.top,
+toolbar.osd.bottom {
+  border-radius: 0;
+}
+
+.bottom.app-notification,
+.toolbar.osd.bottom,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+.toolbar.horizontal > separator,
+toolbar.horizontal > separator {
+  margin: 2px;
+}
+
+.toolbar.vertical > separator,
+toolbar.vertical > separator {
+  margin: 2px;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) scale,
+.toolbar:not(.inline-toolbar):not(.osd) entry,
+.toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+.toolbar:not(.inline-toolbar):not(.osd) button,
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+  margin: 2px;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+  margin-left: 0;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+  margin-right: 0;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+.toolbar:not(.inline-toolbar):not(.osd) spinbutton button,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+  margin: 0;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) switch,
+toolbar:not(.inline-toolbar):not(.osd) switch {
+  margin: 8px 2px;
+}
+
+searchbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(192, 202, 245, 0.12);
+  background-color: #1a1b26;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+  margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.7);
+  border-radius: 6px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #c0caf5;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+headerbar entry {
+  background-color: rgba(192, 202, 245, 0.04);
+  color: #c0caf5;
+}
+
+headerbar entry:focus-within {
+  box-shadow: inset 0 0 0 2px #a9b1d6;
+}
+
+headerbar entry:disabled {
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar entry image {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+headerbar entry image:hover,
+headerbar entry image:active {
+  color: #c0caf5;
+}
+
+headerbar entry image:disabled {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1a1b26;
+  color: #c0caf5;
+  box-shadow: inset 0 1px rgba(192, 202, 245, 0.1);
+}
+
+headerbar:disabled {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar:backdrop {
+  background-color: #1a1b26;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+headerbar:backdrop:disabled {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+headerbar.flat {
+  background-color: transparent;
+  color: #c0caf5;
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(192, 202, 245, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar > windowhandle > box {
+  padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+  background-color: rgba(192, 202, 245, 0.12);
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+headerbar headerbar + separator {
+  background-color: rgba(192, 202, 245, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar stackswitcher {
+  margin: 6px 0;
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(192, 202, 245, 0);
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+headerbar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+headerbar .selection-mode {
+  box-shadow: inset 0 1px rgba(192, 202, 245, 0);
+  background-color: #a9b1d6;
+}
+
+.tiled headerbar,
+.tiled-top headerbar,
+.tiled-right headerbar,
+.tiled-bottom headerbar,
+.tiled-left headerbar,
+.maximized headerbar,
+.fullscreen headerbar {
+  border-radius: 0;
+}
+
+headerbar.default-decoration {
+  min-height: 24px;
+  padding: 6px;
+  border-radius: 6px 6px 0 0;
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+window.devel headerbar.titlebar {
+  background: #1a1b26
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    linear-gradient(to right, transparent 65%, rgba(169, 177, 214, 0.1)),
+    linear-gradient(to top, #343434 3px, #393939);
+}
+
+window.devel headerbar.titlebar:backdrop {
+  background: #1a1b26
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    image(#1a1b26);
+  /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-radius: 6px;
+}
+
+pathbar > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+pathbar > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+pathbar > button.text-button {
+  min-width: 0;
+}
+
+pathbar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.pathbar {
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.7);
+  border: none;
+  border-radius: 6px;
+  padding: 2px;
+}
+
+headerbar .pathbar {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.7);
+}
+
+.pathbar > button {
+  margin-top: 0;
+  margin-bottom: 0;
+  min-height: 20px;
+  border-radius: 4px;
+  border: none;
+  box-shadow: none;
+}
+
+.pathbar > button:last-child {
+  background-color: alpha(currentColor, 0.1);
+  color: #c0caf5;
+  outline: none;
+  box-shadow: none;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+  border-left-color: #414868;
+  border-top-color: #414868;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+  background-color: alpha(currentColor, 0.1);
+  box-shadow: none;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+columnview.view:hover,
+columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(192, 202, 245, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+  box-shadow: none;
+}
+
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  color: rgba(192, 202, 245, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+  color: #c0caf5;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+  color: #c0caf5;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+  color: #c0caf5;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 6px solid #a9b1d6;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 6px solid rgba(192, 202, 245, 0.12);
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(192, 202, 245, 0.12);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+columnview.view > header > button,
+columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+  background-color: #1a1b26;
+}
+
+columnview.view > header > button:last-child,
+treeview.view > header > button:last-child {
+  border-right-style: none;
+}
+
+columnview.view button.dnd,
+columnview.view header.button.dnd,
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(192, 202, 245, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #1a1b26;
+  background-clip: border-box;
+  color: #a9b1d6;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #a9b1d6;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+  padding: 0;
+  color: #c0caf5;
+}
+
+menubar:backdrop {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+.csd menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+menubar > item:selected {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #c0caf5;
+}
+
+menubar > item:disabled {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+menubar > item label:disabled {
+  color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+  margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+  margin: 0;
+  border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+popover.menu box.inline-buttons {
+  padding: 0 6px;
+}
+
+popover.menu box.inline-buttons button.image-button.model {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 0;
+  border: none;
+  outline: none;
+  transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+  background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  font: initial;
+}
+
+popover.background,
+popover.background:backdrop {
+  background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  background-color: #292e42;
+  background-clip: border-box;
+  border-radius: 12px;
+  color: #c0caf5;
+  border: none;
+  border: 1px solid rgba(192, 202, 245, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+  background-clip: border-box;
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+  border: none;
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+
+popover.background separator {
+  margin: 6px 0;
+}
+
+popover.background modelbutton {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 22px;
+  min-width: 56px;
+  padding: 3px 9px;
+  border-radius: 6px;
+  color: #c0caf5;
+  font: initial;
+  text-shadow: none;
+  box-shadow: none;
+  background: none;
+}
+
+popover.background modelbutton:hover {
+  transition: none;
+  background-color: #3b4261;
+  color: #0db9d7;
+}
+
+popover.background modelbutton:disabled {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+popover.background modelbutton arrow.left {
+  -gtk-icon-source: -gtk-icontheme('go-previous-symbolic');
+}
+
+popover.background modelbutton arrow.right {
+  -gtk-icon-source: -gtk-icontheme('go-next-symbolic');
+}
+
+popover.background label.title {
+  font-weight: bold;
+  padding: 4px 26px;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background > contents separator {
+  background-color: rgba(192, 202, 245, 0.12);
+  margin: 3px 0;
+}
+
+popover.background > contents list separator {
+  margin: 0;
+}
+
+popover.background > contents stack > box {
+  padding: 0;
+}
+
+popover.background > contents stack > scrolledwindow > viewport {
+  border: 1px solid rgba(192, 202, 245, 0.12);
+  border-radius: 2px;
+}
+
+popover.background > contents > box > button {
+  margin: 0;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+.osd popover.background,
+popover.background.touch-selection,
+popover.background.magnifier {
+  background-color: transparent;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents {
+  border: none;
+  box-shadow: none;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(192, 202, 245, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(192, 202, 245, 0.04);
+  color: #0db9d7;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header tab:selected {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292e42;
+  color: #0db9d7;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header tab:selected:disabled {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(192, 202, 245, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #1a1b26;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(192, 202, 245, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+notebook > header.top > tabs > arrow {
+  border-top-style: none;
+}
+
+notebook > header.bottom > tabs > arrow {
+  border-bottom-style: none;
+}
+
+notebook > header.top > tabs > arrow,
+notebook > header.bottom > tabs > arrow {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+notebook > header.top > tabs > arrow.down,
+notebook > header.bottom > tabs > arrow.down {
+  margin-left: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+notebook > header.left > tabs > arrow {
+  border-left-style: none;
+}
+
+notebook > header.right > tabs > arrow {
+  border-right-style: none;
+}
+
+notebook > header.left > tabs > arrow,
+notebook > header.right > tabs > arrow {
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+
+notebook > header.left > tabs > arrow.down,
+notebook > header.right > tabs > arrow.down {
+  margin-top: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(192, 202, 245, 0.12);
+  color: #c0caf5;
+}
+
+notebook > header tab button.flat:last-child {
+  margin-left: 6px;
+  margin-right: -6px;
+}
+
+notebook > header tab button.flat:first-child {
+  margin-left: -6px;
+  margin-right: 6px;
+}
+
+notebook > header tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+notebook > header.top tabs:not(:only-child):first-child,
+notebook > header.bottom tabs:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+notebook > header.top tabs:not(:only-child):last-child,
+notebook > header.bottom tabs:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+notebook > header.top tabs tab.reorderable-page,
+notebook > header.bottom tabs tab.reorderable-page {
+  border-style: solid;
+}
+
+notebook > header.left tabs:not(:only-child):first-child,
+notebook > header.right tabs:not(:only-child):first-child {
+  margin-top: 0;
+}
+
+notebook > header.left tabs:not(:only-child):last-child,
+notebook > header.right tabs:not(:only-child):last-child {
+  margin-bottom: 0;
+}
+
+notebook > header.left tabs tab.reorderable-page,
+notebook > header.right tabs tab.reorderable-page {
+  border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+  padding: 3px;
+  min-width: 24px;
+  min-height: 24px;
+  margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+tabbar .box {
+  min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  margin: 3px;
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+  background-color: transparent;
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+  filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+  margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+  margin: 3px;
+  padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+  padding: 6px;
+}
+
+tabbar .start-action:dir(ltr),
+tabbar .end-action:dir(rtl) {
+  padding-right: 0;
+}
+
+tabbar .start-action:dir(rtl),
+tabbar .end-action:dir(ltr) {
+  padding-left: 0;
+}
+
+dnd tab {
+  min-height: 24px;
+  background-color: #1a1b26;
+  color: #c0caf5;
+  margin: 24px;
+  outline: none;
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+    0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+  padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(#a9b1d6, 0.5);
+  transform: translateY(4px);
+}
+
+tabthumbnail {
+  border-radius: 10px;
+  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+    background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+  margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(#ff7043, 0.4);
+  background-color: alpha(#ff7043, 0.1);
+}
+
+tabthumbnail .needs-attention:dir(ltr) {
+  transform: translate(8px, -8px);
+}
+
+tabthumbnail .needs-attention:dir(rtl) {
+  transform: translate(-8px, -8px);
+}
+
+tabthumbnail .needs-attention > widget {
+  background: #a9b1d6;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 6px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(#a9b1d6, 0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: none;
+  border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: #1a1b26;
+  color: #c0caf5;
+}
+
+tabthumbnail .pinned-box {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+  border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+  margin: 6px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1a1b26;
+}
+
+scrollbar > range > trough {
+  outline: none;
+  background: none;
+  border: none;
+}
+
+scrollbar > range > trough > slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(192, 202, 245, 0.5);
+  box-shadow: none;
+  outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(192, 202, 245, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: #c0caf5;
+}
+
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(192, 202, 245, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+  min-width: 4px;
+  min-height: 4px;
+}
+
+scrollbar > range.fine-tune.horizontal > trough > slider {
+  margin: 2px 0;
+}
+
+scrollbar > range.fine-tune.vertical > trough > slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) > range > trough > slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(192, 202, 245, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(192, 202, 245, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+scrollbar.horizontal > range > trough > slider {
+  min-width: 24px;
+}
+
+scrollbar.vertical > range > trough > slider {
+  min-height: 24px;
+}
+
+scrollbar button {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+scrollbar.vertical button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+scrollbar.horizontal button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+scrollbar.horizontal button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(192, 202, 245, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+  color: transparent;
+}
+
+switch:checked {
+  background-color: #a9b1d6;
+  border-color: #a9b1d6;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+}
+
+switch > slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(192, 202, 245, 0.7);
+  border: none;
+}
+
+switch:focus > slider {
+  box-shadow: 0 0 0 10px rgba(192, 202, 245, 0.04);
+}
+
+switch:hover > slider {
+  box-shadow: 0 0 0 10px rgba(192, 202, 245, 0.12);
+}
+
+switch:focus:hover > slider {
+  box-shadow: 0 0 0 10px rgba(192, 202, 245, 0.12);
+}
+
+switch:checked > slider {
+  background-color: #1a1b26;
+  color: #1a1b26;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+checkbutton,
+radiobutton {
+  outline: none;
+  border-spacing: 4px;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+  padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 16px;
+  min-width: 16px;
+  -gtk-icon-size: 16px;
+  padding: 0;
+  margin: 3px;
+  border: 2px solid rgba(192, 202, 245, 0.7);
+  background-clip: border-box;
+  background-color: transparent;
+  border-radius: 9999px;
+  box-shadow: 0 0 0 10px transparent;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+  border-color: inherit;
+  box-shadow: 0 0 0 10px rgba(192, 202, 245, 0.04);
+}
+
+check:active,
+radio:active {
+  border-color: #c0caf5;
+  box-shadow: 0 0 0 10px rgba(192, 202, 245, 0.12);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  border-color: transparent;
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  background-color: #9aa5ce;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(192, 202, 245, 0.3);
+  color: #1a1b26;
+}
+
+check:disabled,
+radio:disabled {
+  border-color: rgba(192, 202, 245, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: none;
+}
+
+popover.menu check,
+popover.menu radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
+popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+  border-color: transparent;
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+  border-color: transparent;
+  background-color: rgba(0, 0, 0, 0.87);
+  color: #a9b1d6;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(192, 202, 245, 0.3);
+  color: #1a1b26;
+}
+
+popover.menu check,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  box-shadow: none;
+  color: inherit;
+}
+
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+  margin-left: 6px;
+}
+
+check:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/dot-symbolic@2.svg'))
+  );
+}
+
+check:indeterminate,
+radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/line-symbolic@2.svg'))
+  );
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector
+  radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+  border-color: transparent;
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+checkbutton.theme-selector radio:checked:hover {
+  background-color: #9aa5ce;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 16px;
+  min-width: 16px;
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 2px;
+  border-radius: 9999px;
+  margin: 3px;
+  -gtk-icon-size: 20px;
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+themeswitcher .check:hover {
+  background-color: #9aa5ce;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+  padding: 0;
+  margin: 2px;
+  min-height: 48px;
+  min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+  outline-color: rgba(192, 202, 245, 0.12);
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  -gtk-icon-source: none;
+  transition: none;
+  border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  box-shadow: inset 0 0 0 2px #a9b1d6;
+  outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+  background-image: linear-gradient(-45deg, #24283b 49.99%, #c0caf5 50.01%);
+  background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: #c0caf5;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+  color: #c0caf5;
+  background-image: image(#24283b);
+  background-color: transparent;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(192, 202, 245, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(192, 202, 245, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#a9b1d6);
+}
+
+scale highlight:disabled {
+  background-color: #1a1b26;
+  background-image: image(rgba(192, 202, 245, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(192, 202, 245, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #a9b1d6;
+  background-color: #1a1b26;
+  box-shadow: inset 0 0 0 2px #a9b1d6;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #a9b1d6, 0 0 0 8px rgba(192, 202, 245, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #a9b1d6, 0 0 0 8px rgba(192, 202, 245, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(192, 202, 245, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(192, 202, 245, 0.3);
+  color: transparent;
+}
+
+scale.horizontal > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+  margin-left: 6px;
+  margin-right: -14px;
+}
+
+scale.horizontal indicator {
+  min-height: 8px;
+  min-width: 1px;
+}
+
+scale.vertical indicator {
+  min-height: 1px;
+  min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-before-slider-dark.png'),
+    url('assets/scale-horz-marks-before-slider-dark@2.png')
+  );
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-before-slider-disabled-dark.png'),
+    url('assets/scale-horz-marks-before-slider-disabled-dark@2.png')
+  );
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-before-slider-dark.png'),
+    url('assets/scale-horz-marks-before-slider-dark@2.png')
+  );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/scale-horz-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-disabled-dark.png'),
+    url('assets/scale-horz-marks-after-slider-disabled-dark@2.png')
+  );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/scale-horz-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-before-slider-dark.png'),
+    url('assets/scale-vert-marks-before-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-before-slider-disabled-dark.png'),
+    url('assets/scale-vert-marks-before-slider-disabled-dark@2.png')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-before-slider-dark.png'),
+    url('assets/scale-vert-marks-before-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/scale-vert-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-disabled-dark.png'),
+    url('assets/scale-vert-marks-after-slider-disabled-dark@2.png')
+  );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/scale-vert-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.color {
+  min-height: 0;
+  min-width: 0;
+}
+
+scale.color.horizontal {
+  padding: 0 0 12px 0;
+}
+
+scale.color.horizontal slider:dir(ltr),
+scale.color.horizontal slider:dir(rtl) {
+  margin-bottom: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(192, 202, 245, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(192, 202, 245, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #a9b1d6;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #a9b1d6;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #fdd633;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #a9b1d6;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(192, 202, 245, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+  color: #c0caf5;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.dialog.print drawing paper {
+  padding: 0;
+  border: 1px solid rgba(192, 202, 245, 0.12);
+  background-color: #1a1b26;
+  color: #c0caf5;
+}
+
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  border: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+frame > list,
+.frame > list {
+  border: none;
+}
+
+frame.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame {
+  border-radius: 6px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid rgba(192, 202, 245, 0.12);
+  background-color: #1a1b26;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+statusbar {
+  padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at top,
+    rgba(169, 177, 214, 0.24) 99%,
+    rgba(169, 177, 214, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at bottom,
+    rgba(169, 177, 214, 0.24) 99%,
+    rgba(169, 177, 214, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at left,
+    rgba(169, 177, 214, 0.24) 99%,
+    rgba(169, 177, 214, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at right,
+    rgba(169, 177, 214, 0.24) 99%,
+    rgba(169, 177, 214, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: right center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+junction {
+  border-style: solid none none solid;
+  border-width: 1px;
+  border-color: rgba(192, 202, 245, 0.12);
+  background-color: #1a1b26;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator:not(.spacer) {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(192, 202, 245, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+  border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+  border-bottom: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+  border-color: rgba(192, 202, 245, 0.12);
+  background-color: #1a1b26;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+listview row,
+list row {
+  padding: 2px;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+listview > row.expander,
+list > row.expander {
+  padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list.frame {
+  border-radius: 6px;
+}
+
+listview.view {
+  color: #c0caf5;
+  background-color: transparent;
+}
+
+popover.menu listview.view {
+  padding: 0;
+}
+
+popover.menu listview.view > row {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+  border-radius: 6px;
+}
+
+row {
+  color: rgba(192, 202, 245, 0.7);
+  background-clip: padding-box;
+}
+
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button.has-open-popup,
+treeview.view > header > button.has-open-popup,
+columnview.view > header > button:active,
+treeview.view > header > button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+  box-shadow: none;
+}
+
+button:checked row.activatable {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected image,
+row:selected label {
+  color: #c0caf5;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+treeexpander {
+  border-spacing: 4px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid #a9b1d6;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #a9b1d6;
+}
+
+.rich-list {
+  /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+  padding: 9px 12px;
+  min-height: 32px;
+  /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+  border-spacing: 9px;
+  padding: 9px;
+  border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #a9b1d6;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(192, 202, 245, 0.7);
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+expander:hover,
+expander:active {
+  color: #c0caf5;
+}
+
+expander:disabled {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+expander-widget > box > title {
+  border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus,
+.navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+  box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 0;
+  border: 1px solid rgba(192, 202, 245, 0.12);
+  border-radius: 6px;
+  color: #c0caf5;
+}
+
+calendar:disabled {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar > header {
+  padding: 3px;
+  border-bottom: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+calendar > header > button {
+  min-height: 24px;
+}
+
+calendar > grid {
+  margin: 3px;
+}
+
+calendar > grid > label {
+  border-radius: 9999px;
+  margin: 0;
+}
+
+calendar > grid > label.today {
+  box-shadow: none;
+}
+
+calendar > grid > label.today:selected {
+  box-shadow: none;
+}
+
+calendar > grid > label:focus {
+  outline-style: none;
+}
+
+calendar > grid > label.day-number {
+  padding: 9px;
+}
+
+calendar > grid > label.day-number:selected {
+  color: #c0caf5;
+  background-color: alpha(currentColor, 0.06);
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+  background-color: #292e42;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+  border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(192, 202, 245, 0.1);
+  background-color: #292e42;
+  color: #c0caf5;
+}
+
+window.dialog.message .titlebar:backdrop {
+  background-color: #292e42;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+window.dialog.message.csd .dialog-action-area {
+  margin-top: -6px;
+  padding: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button,
+window.dialog.message.csd .dialog-action-area > button:first-child,
+window.dialog.message.csd .dialog-action-area > button:last-child {
+  border-radius: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:last-child) {
+  margin-right: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
+  color: #a9b1d6;
+}
+
+window.dialog.message.csd
+  .dialog-action-area
+  > button.destructive-action:not(:disabled) {
+  color: #f28b82;
+}
+
+window.background.csd.dialog > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(192, 202, 245, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+  border-radius: 6px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(192, 202, 245, 0.12);
+  background-color: #1a1b26;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+  border-right: 1px solid rgba(192, 202, 245, 0.12);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(192, 202, 245, 0.12);
+  border-right-style: none;
+}
+
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+  border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+  border-left: none;
+}
+
+.sidebar listview.view,
+.sidebar list {
+  background-color: transparent;
+}
+
+paned .sidebar.left,
+paned .sidebar.right,
+paned .sidebar.left:dir(rtl),
+paned .sidebar:dir(rtl),
+paned .sidebar:dir(ltr),
+paned .sidebar {
+  border-style: none;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+  border: none;
+}
+
+stacksidebar list {
+  padding: 4px 0;
+}
+
+stacksidebar row {
+  min-height: 24px;
+  padding: 6px 9px;
+  border-radius: 6px;
+  margin: 2px 6px;
+}
+
+stacksidebar row:selected {
+  font-weight: 500;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(192, 202, 245, 0.12);
+  border-right: none;
+}
+
+separator.sidebar.selection-mode,
+.selection-mode separator.sidebar {
+  background-color: rgba(192, 202, 245, 0.15);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+  border-right: none;
+  margin: 0 4px;
+}
+
+.navigation-sidebar > row {
+  min-height: 32px;
+  padding: 2px 4px;
+  margin: 1px 0;
+  border-radius: 6px;
+}
+
+.navigation-sidebar > row:hover,
+.navigation-sidebar > row:focus-visible:focus-within {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+  color: #0db9d7;
+  font-weight: 500;
+}
+
+.navigation-sidebar > row:selected:hover {
+  background-color: #292e42;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+  outline: none;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+.navigation-sidebar > separator {
+  margin: 3px 0;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(192, 202, 245, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+  font-weight: 500;
+}
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+  color: #a9b1d6;
+}
+
+placessidebar
+  .navigation-sidebar
+  > row.sidebar-new-bookmark-row
+  image.sidebar-icon {
+  color: #a9b1d6;
+}
+
+placessidebar .navigation-sidebar > row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: image(#414868);
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #1a1b26;
+  background-image: image(#414868), image(#414868);
+  background-size: 1px 1px, 1px 1px;
+}
+
+paned.horizontal > separator {
+  background-repeat: repeat-y;
+}
+
+paned.horizontal > separator:dir(ltr) {
+  margin: 0 -8px 0 0;
+  padding: 0 8px 0 0;
+  background-position: left;
+}
+
+paned.horizontal > separator:dir(rtl) {
+  margin: 0 0 0 -8px;
+  padding: 0 0 0 8px;
+  background-position: right;
+}
+
+paned.horizontal > separator.wide {
+  margin: 0;
+  padding: 0;
+  background-repeat: repeat-y, repeat-y;
+  background-position: left, right;
+}
+
+paned.vertical > separator {
+  margin: 0 0 -8px 0;
+  padding: 0 0 8px 0;
+  background-repeat: repeat-x;
+  background-position: top;
+}
+
+paned.vertical > separator.wide {
+  margin: 0;
+  padding: 0;
+  background-repeat: repeat-x, repeat-x;
+  background-position: bottom, top;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+  background: black;
+  border-radius: 6px;
+}
+
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 9999px;
+  border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border: none;
+  margin-bottom: 0;
+}
+
+infobar > revealer > box {
+  padding: 6px;
+  border-spacing: 12px;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #a9b1d6;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #24283b;
+  color: #a9b1d6;
+  border-radius: 6px;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #c0caf5;
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #292e42;
+  color: #a9b1d6;
+  border-radius: 6px;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border: none;
+  background-clip: padding-box;
+  padding: 6px 12px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #c0caf5;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+  border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.dark {
+  color: #c0caf5;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button {
+  border-radius: 12px 12px 0 0;
+  color: #c0caf5;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 12px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: #292e42;
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(192, 202, 245, 0.1);
+  background-color: #292e42;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(192, 202, 245, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #1a1b26;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window.csd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  outline-color: rgba(192, 202, 245, 0.2);
+  outline-offset: -1px;
+  outline-style: solid;
+  outline-width: 1px;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.csd {
+  border-radius: 12px;
+}
+
+window:backdrop {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15),
+    0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.popup {
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+window.dialog.message {
+  border-radius: 12px;
+}
+
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #1a1b26;
+  border: 1px solid #414868;
+}
+
+window.solid-csd:backdrop {
+  background-color: #1a1b26;
+}
+
+window.maximized,
+window.fullscreen,
+window.tiled,
+window.tiled-top,
+window.tiled-right,
+window.tiled-bottom,
+window.tiled-left {
+  border-radius: 0;
+  outline-width: 0;
+}
+
+windowcontrols {
+  border-spacing: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+  margin-left: 6px;
+  margin-right: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+  margin-left: 6px;
+  margin-right: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 50%;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) image {
+  background: none;
+}
+
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action):hover {
+  background-color: #0db9d7;
+  color: #1a1b26;
+}
+
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action):active {
+  background-color: #ff9e64;
+  color: #1a1b26;
+}
+
+gridview > child:selected,
+row:selected,
+calendar:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.view:selected,
+iconview:selected,
+flowbox > flowboxchild:selected,
+calendar > grid > label.today {
+  color: #a9b1d6;
+  background-color: rgba(169, 177, 214, 0.2);
+}
+
+text > selection,
+label > selection,
+calendar > grid > label.today:selected,
+stacksidebar row:selected,
+.navigation-sidebar > row:selected {
+  color: #a9b1d6;
+  background-color: #24283b;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #a9b1d6;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(192, 202, 245, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(192, 202, 245, 0.12);
+  background-color: #292e42;
+  color: #c0caf5;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #a9b1d6;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 0;
+  background-color: alpha(currentColor, 0.05);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) {
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher.circular {
+  border-spacing: 12px;
+}
+
+stackswitcher.circular button.circular,
+stackswitcher.circular button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid rgba(192, 202, 245, 0.12);
+  background: none;
+}
+
+.emoji-searchbar entry text {
+  background: none;
+  box-shadow: none;
+}
+
+.emoji-toolbar {
+  padding: 0;
+  border-spacing: 3px;
+  border-top: 1px solid rgba(192, 202, 245, 0.12);
+  background: none;
+}
+
+button.emoji-section {
+  margin: 0;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.emoji-section:checked {
+  color: #a9b1d6;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus,
+popover.emoji-picker emoji:hover {
+  background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+  padding: 2px 6px;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover,
+emoji-completion-row emoji:hover,
+emoji-completion-row emoji:focus {
+  background-color: alpha(currentColor, 0.08);
+  color: #c0caf5;
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+
+.nautilus-window {
+  background-color: #1a1b26;
+}
+
+.nautilus-window:backdrop {
+  background-color: #1a1b26;
+}
+
+.nautilus-window headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window separator.spacer {
+  padding-right: 1.5em;
+}
+
+.nautilus-window flap.unfolded > placessidebar {
+  background-color: transparent;
+  color: rgba(192, 202, 245, 0.7);
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar {
+  background: none;
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > separator {
+  background: rgba(192, 202, 245, 0.1);
+}
+
+.nautilus-window .vertical separator {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  button.sidebar-button {
+  color: #c0caf5;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:hover {
+  background-color: rgba(192, 202, 245, 0.12);
+  color: #c0caf5;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected {
+  background-color: #24283b;
+  font-weight: 700;
+  border-left: 3px solid #f7768e;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #0db9d7;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though
+  > slider {
+  border: none;
+}
+
+.nautilus-window .nautilus-grid-view.view {
+  margin: 0 6px 6px;
+}
+
+.nautilus-window .unfolded {
+  background-color: #1a1b26;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+  background-color: #24283b;
+  border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+  background: none;
+}
+
+.nautilus-window placesview label {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+.nautilus-window infobar {
+  margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+  border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+  margin: 3px;
+  border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+    0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0;
+}
+
+#NautilusQueryEditor > text {
+  margin: 0;
+}
+
+#NautilusPathBar {
+  background-color: #24283b;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+  margin: 0 3px;
+  border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+  color: #0db9d7;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+  margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+  margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+  margin: 3px;
+  padding: 0;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+  border-width: 0 0 0 1px;
+  border-radius: 0;
+}
+
+.history-view {
+  background-color: #1a1b26;
+}
+
+#displayitem {
+  border-top: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+.small .card {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.small .card.forecast-card {
+  border-width: 1px 0;
+}
+
+.small .card.display-container {
+  border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+  background-color: rgba(192, 202, 245, 0.1);
+}
+
+leaflet button.number-button:hover {
+  background-color: rgba(192, 202, 245, 0.2);
+}
+
+leaflet button.number-button:active {
+  background-color: rgba(192, 202, 245, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+  border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+  background: none;
+}
+
+flowboxchild > button.card.category-tile {
+  padding: 21px;
+  border: none;
+  border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+  padding: 9px 15px;
+}
+
+app-context-bar > box:not(:first-child) > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:not(:first-child) > button.flat:last-child {
+  border-radius: 0 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: rgba(192, 202, 245, 0.12);
+}
+
+carousel.card {
+  border: none;
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+  color: #c0caf5;
+  background-color: rgba(192, 202, 245, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+  color: #4cb168;
+  background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+  color: #2196f3;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+  color: #e1b602;
+  background-color: rgba(253, 214, 51, 0.15);
+}
+
+.context-tile-lozenge.details-rating-15 {
+  color: #ff9800;
+  background-color: rgba(255, 152, 0, 0.15);
+}
+
+.context-tile-lozenge.red,
+.context-tile-lozenge.details-rating-18 {
+  color: #eb4b3d;
+  background-color: rgba(242, 139, 130, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: #c0caf5;
+}
+
+.category-tile.category-create:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 1.07) 0%,
+    shade(#2861c6, 1.1) 100%
+  );
+}
+
+.category-tile.category-create:active {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 0.95) 0%,
+    shade(#2861c6, 0.95) 100%
+  );
+}
+
+.category-tile.category-develop {
+  background: #5e5c64;
+  color: #c0caf5;
+}
+
+.category-tile.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: #c0caf5;
+}
+
+.category-tile.category-learn:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 1.06) 30%,
+    shade(#27a66c, 1.06) 100%
+  );
+}
+
+.category-tile.category-learn:active {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 0.95) 30%,
+    shade(#27a66c, 0.95) 100%
+  );
+}
+
+.category-tile.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+.category-tile.category-play:hover {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 1.07) 0%,
+    shade(#eb5ec3, 1.07) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-play:active {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 0.97) 0%,
+    shade(#eb5ec3, 0.95) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: rgba(192, 202, 245, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 1.08) 0%,
+    shade(#f77466, 1.08) 100%
+  );
+}
+
+.category-tile.category-socialize:active {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 0.95) 0%,
+    shade(#f77466, 0.95) 100%
+  );
+}
+
+.category-tile.category-work {
+  padding: 1px;
+  /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */
+  color: #1c71d8;
+  background-color: #fdf8d7;
+  background-image: linear-gradient(
+      rgba(192, 202, 245, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(192, 202, 245, 0.12) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+  background-color: #fefcef;
+  background-image: linear-gradient(
+      rgba(192, 202, 245, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(192, 202, 245, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+  background-color: #fcf4bf;
+  background-image: linear-gradient(
+      rgba(192, 202, 245, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(192, 202, 245, 0.12) 1px, transparent 1px);
+}
+
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.polari-room-list popover.background > arrow,
+.polari-room-list popover.background > contents {
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar {
+  box-shadow: inset 0 -1px rgba(192, 202, 245, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+  border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+  margin: 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+  border-radius: 6px;
+  padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+  border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+  padding: 0;
+}
+
+panelframeswitcher {
+  padding: 6px;
+}
+
+.frameheader.header {
+  min-height: 24px;
+  background-color: rgba(192, 202, 245, 0.04);
+}
+
+.frameheader.header > button {
+  border: none;
+  margin: 0;
+  padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+  min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+  padding: 0;
+  border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+  padding: 0;
+  border-left: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+.frameheader.header
+  tabbar.inline
+  > revealer
+  > box
+  .end-action
+  menubutton
+  > button {
+  margin: 6px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+  border: none;
+  background: none;
+}
+
+panelstatusbar {
+  background-color: #1a1b26;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+  border-radius: 0;
+}
+
+.style-variant {
+  padding: 0 12px;
+}
+
+.style-variant button.toggle {
+  padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+  background: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+  border-radius: 6px;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+  outline-color: rgba(192, 202, 245, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+  outline-color: rgba(192, 202, 245, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+  outline-color: #a9b1d6;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list {
+  border: none;
+  border-radius: 0;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:first-child,
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:last-child {
+  border-radius: 0;
+}
+
+avatar {
+  border-radius: 9999px;
+  font-weight: bold;
+}
+
+avatar.color1 {
+  background-image: linear-gradient(#83b6ec, #337fdc);
+  color: #cfe1f5;
+}
+
+avatar.color2 {
+  background-image: linear-gradient(#7ad9f1, #0f9ac8);
+  color: #caeaf2;
+}
+
+avatar.color3 {
+  background-image: linear-gradient(#8de6b1, #29ae74);
+  color: #cef8d8;
+}
+
+avatar.color4 {
+  background-image: linear-gradient(#b5e98a, #6ab85b);
+  color: #e6f9d7;
+}
+
+avatar.color5 {
+  background-image: linear-gradient(#f8e359, #d29d09);
+  color: #f9f4e1;
+}
+
+avatar.color6 {
+  background-image: linear-gradient(#ffcb62, #d68400);
+  color: #ffead1;
+}
+
+avatar.color7 {
+  background-image: linear-gradient(#ffa95a, #ed5b00);
+  color: #ffe5c5;
+}
+
+avatar.color8 {
+  background-image: linear-gradient(#f78773, #e62d42);
+  color: #f8d2ce;
+}
+
+avatar.color9 {
+  background-image: linear-gradient(#e973ab, #e33b6a);
+  color: #fac7de;
+}
+
+avatar.color10 {
+  background-image: linear-gradient(#cb78d4, #9945b5);
+  color: #e7c2e8;
+}
+
+avatar.color11 {
+  background-image: linear-gradient(#9e91e8, #7a59ca);
+  color: #d5d2f5;
+}
+
+avatar.color12 {
+  background-image: linear-gradient(#e3cf9c, #b08952);
+  color: #f2eade;
+}
+
+avatar.color13 {
+  background-image: linear-gradient(#be916d, #785336);
+  color: #e5d6ca;
+}
+
+avatar.color14 {
+  background-image: linear-gradient(#c0bfbc, #6e6d71);
+  color: #d8d7d3;
+}
+
+avatar.contrasted {
+  color: #c0caf5;
+}
+
+avatar.image {
+  background: none;
+}
+
+.card {
+  border-radius: 6px;
+  box-shadow: none;
+  border: 1px solid rgba(192, 202, 245, 0.12);
+  background-clip: border-box;
+  background-color: #1a1b26;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+preferencespage > scrolledwindow > viewport > clamp > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+preferencesgroup > box,
+preferencesgroup > box .labels {
+  border-spacing: 6px;
+}
+
+preferencesgroup > box > box.header:not(.single-line) {
+  margin-bottom: 6px;
+}
+
+preferencesgroup > box > box.single-line {
+  min-height: 34px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle {
+  padding: 0;
+  background: none;
+  box-shadow: none;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+}
+
+preferencesgroup > box button.background-preview-button.toggle,
+preferencesgroup
+  > box
+  button.background-preview-button.toggle
+  > background-preview {
+  border-radius: 6px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle:hover {
+  outline-color: rgba(192, 202, 245, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: rgba(192, 202, 245, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: #a9b1d6;
+}
+
+statuspage > scrolledwindow > viewport > box {
+  margin: 36px 12px;
+  border-spacing: 36px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box {
+  border-spacing: 12px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon {
+  -gtk-icon-size: 128px;
+  color: alpha(currentColor, 0.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.35;
+}
+
+statuspage
+  > scrolledwindow
+  > viewport
+  > box
+  > clamp
+  > box
+  > .icon:not(:last-child) {
+  margin-bottom: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon {
+  -gtk-icon-size: 96px;
+}
+
+statuspage.compact
+  > scrolledwindow
+  > viewport
+  > box
+  > clamp
+  > box
+  > .icon:not(:last-child) {
+  margin-bottom: 12px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title {
+  font-size: 18pt;
+}
+
+toast {
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 9999px;
+  border-spacing: 6px;
+  padding: 6px;
+  box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+    0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(192, 202, 245, 0.1);
+  background-color: #16161e;
+  color: #c0caf5;
+  border: none;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > label {
+  margin: 0 6px;
+}
+
+viewswitcher {
+  margin: 0;
+}
+
+viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator {
+  background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label {
+  color: #a9b1d6;
+}
+
+viewswitcher.narrow button.toggle {
+  border-radius: 0;
+  margin: 0;
+  border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+  border-radius: 0 0 12px 12px;
+  margin: 0;
+  min-width: 120px;
+  padding: 0;
+  background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+  background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+  color: #a9b1d6;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+  box-shadow: none;
+}
+
+viewswitcher button.toggle {
+  font-weight: bold;
+  padding: 0;
+  min-height: 0;
+  margin: 0;
+}
+
+viewswitcher button.toggle > stack > box.narrow {
+  font-size: 0.75rem;
+  padding-top: 7px;
+  padding-bottom: 5px;
+  border-spacing: 4px;
+}
+
+viewswitcher button.toggle > stack > box.narrow > stack > label {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+viewswitcher button.toggle > stack > box.wide {
+  padding: 0 12px;
+  border-spacing: 6px;
+}
+
+viewswitcherbar actionbar > revealer > box {
+  padding: 0;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+indicatorbin > indicator,
+indicatorbin > mask {
+  min-width: 6px;
+  min-height: 6px;
+  border-radius: 9999px;
+}
+
+indicatorbin > indicator {
+  margin: 1px;
+  padding: 0;
+  background: alpha(currentColor, 0.4);
+}
+
+indicatorbin > indicator > label {
+  font-size: 0.6rem;
+  font-weight: bold;
+  padding: 2px 5px;
+  color: #c0caf5;
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background-color: #a9b1d6;
+}
+
+indicatorbin.needs-attention > indicator > label {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/hybrid/.config/gtk-4.0/gtk.css b/hybrid/.config/gtk-4.0/gtk.css
new file mode 100755
index 000000000..f993e9387
--- /dev/null
+++ b/hybrid/.config/gtk-4.0/gtk.css
@@ -0,0 +1,118 @@
+@define-color theme_fg_color #AEE5FA;
+@define-color theme_text_color #AEE5FA;
+@define-color theme_bg_color #1a1b26;
+@define-color theme_base_color #1a1b26;
+@define-color theme_selected_bg_color #AEE5FA;
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+@define-color insensitive_bg_color #1a1b26;
+@define-color insensitive_fg_color rgba(192, 202, 245, 0.5);
+@define-color insensitive_base_color #24283b;
+@define-color theme_unfocused_fg_color #AEE5FA;
+@define-color theme_unfocused_text_color #c0caf5;
+@define-color theme_unfocused_bg_color #1a1b26;
+@define-color theme_unfocused_base_color #1a1b26;
+@define-color theme_unfocused_selected_bg_color #a9b1d6;
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+@define-color unfocused_insensitive_color rgba(192, 202, 245, 0.5);
+@define-color borders rgba(192, 202, 245, 0.12);
+@define-color unfocused_borders rgba(192, 202, 245, 0.12);
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+@define-color wm_title #AEE5FA;
+@define-color wm_unfocused_title rgba(192, 202, 245, 0.7);
+@define-color wm_highlight rgba(192, 202, 245, 0.1);
+@define-color wm_bg #1a1b26;
+@define-color wm_unfocused_bg #1a1b26;
+@define-color wm_button_close_icon #1a1b26;
+@define-color wm_button_close_hover_bg #a9b1d6;
+@define-color wm_button_close_active_bg #c7c7c7;
+@define-color content_view_bg #1a1b26;
+@define-color placeholder_text_color silver;
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #90D1F6;
+@define-color budgie_tasklist_indicator_color_active #90D1F6;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+@define-color accent_bg_color #68ABE3;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #68ABE3;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color window_bg_color #1a1b26;
+@define-color window_fg_color #90D1F6;
+@define-color view_bg_color rgb(30,30,46);
+@define-color view_fg_color rgb(192,202,245);
+@define-color headerbar_bg_color #1E1E2E;
+@define-color headerbar_fg_color #AEE5FA;
+@define-color headerbar_border_color rgba(192, 202, 245, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #1E1E2E;
+@define-color card_fg_color #AEE5FA;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color rgb(26,27,38);
+@define-color dialog_fg_color #AEE5FA;
+@define-color popover_bg_color #2E2F42;
+@define-color popover_fg_color #AEE5FA;
+@define-color thumbnail_bg_color #1a1b26;
+@define-color thumbnail_fg_color #AEE5FA;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
diff --git a/hybrid/.config/gtklock/background.jpg b/hybrid/.config/gtklock/background.jpg
new file mode 100644
index 000000000..0baf605b1
Binary files /dev/null and b/hybrid/.config/gtklock/background.jpg differ
diff --git a/hybrid/.config/gtklock/config.ini b/hybrid/.config/gtklock/config.ini
new file mode 100644
index 000000000..9369e4131
--- /dev/null
+++ b/hybrid/.config/gtklock/config.ini
@@ -0,0 +1,3 @@
+[main]
+gtk-theme=Tokyonight-Dark-BL-LB
+modules=/usr/lib/gtklock/userinfo-module.so;/usr/lib/gtklock/powerbar-module.so;/usr/lib/gtklock/playerctl-module.so
\ No newline at end of file
diff --git a/hybrid/.config/gtklock/style.css b/hybrid/.config/gtklock/style.css
new file mode 100644
index 000000000..f4910162d
--- /dev/null
+++ b/hybrid/.config/gtklock/style.css
@@ -0,0 +1,96 @@
+* {
+    border: 0px;
+}
+
+window {
+    /* background: transparent; */
+    background-color: #1A1B26;
+    background-image: url("background.jpg");
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center;
+}
+
+#window-box {
+    /* background-color: #1A1B26; */
+    border-radius: 1.5rem;
+    padding: 1.5rem;
+    /* border: 4px solid #7E64C5; */
+    border: 0px solid black;
+}
+
+#input-label {
+    font-size: 1.5rem;
+    color: transparent;
+    background-color: transparent;
+    margin: -20rem;
+    border: 0px solid black;
+}
+
+#input-field {
+    background-color: rgba(26, 27, 38, 1);
+    border-radius: 1.2rem;
+    font-size: 1.4rem;
+    padding: 0.5rem;
+    padding-left: 0.7rem;
+    margin: 0.6rem;
+}
+
+#unlock-button {
+    margin: -20rem;
+    color: transparent;
+    background-color: transparent;
+}
+
+#error-label {
+    color: #F38BA8;
+}
+
+/* #clock-label {
+    font-family: Gabarito;
+    font-size: 3.5rem;
+    color: transparent;
+    border-radius: 9999px;
+    min-height: 150px;
+    min-width: 150px;
+    background-image: url('/var/lib/AccountsService/icons/end');
+    background-size: 100% auto;
+    box-shadow: 2px 2px 4px #16161E;
+} */
+
+#clock-label {
+    font-family: 'Gabarito';
+    font-size: 6rem;
+    /* background-color: rgba(26, 27, 38, 1); */
+    border-radius: 1.2rem;
+    padding: 0.5rem;
+    padding-left: 0.7rem;
+    margin: 0.6rem;
+    margin-top: -40rem;
+    /* border: 0.2rem solid #7E64C5; */
+    color: #a2d5f8;
+    text-shadow: 2px 2px 4px #16161E;
+}
+
+#user-image {
+    /* min-width: 200px;
+    min-height: 200px; */
+}
+
+#powerbar-box {
+    border-radius: 9999px;
+    background-color: rgba(26, 27, 38, 1);
+    padding: 0.3rem;
+}
+#poweroff-button {
+    min-width: 2rem;
+    min-height: 2rem;
+}
+#suspend-button {
+    min-width: 2rem;
+    min-height: 2rem;
+}
+#reboot-button {
+    min-width: 2rem;
+    min-height: 2rem;
+}
\ No newline at end of file
diff --git a/hybrid/.config/hypr/colors.conf b/hybrid/.config/hypr/colors.conf
new file mode 100755
index 000000000..8f00d2a73
--- /dev/null
+++ b/hybrid/.config/hypr/colors.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/4Me9rKMKIiY/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_gmAAtAFigIMCAAQARgdIGUoYDAP&rs=AOn4CLCTO0d31Dqgq1VrZ7Kyc7QQprKctw
+general {
+    col.active_border = rgba(E72DA9FF) rgba(C24BB3FF) rgba(32EBDCFF) 45deg
+    col.inactive_border = rgba(E72DA966)
+}
diff --git a/hybrid/.config/hypr/colors_default.conf b/hybrid/.config/hypr/colors_default.conf
new file mode 100755
index 000000000..09e7115b6
--- /dev/null
+++ b/hybrid/.config/hypr/colors_default.conf
@@ -0,0 +1,4 @@
+general {
+    col.active_border = rgba(0DB7D4FF) rgba(7AA2F7FF) rgba(9778D0FF) 45deg
+    col.inactive_border = rgba(04404aaa)
+}
diff --git a/hybrid/.config/hypr/dirs/hyprland_HORIZONTAL.conf b/hybrid/.config/hypr/dirs/hyprland_HORIZONTAL.conf
new file mode 100755
index 000000000..6708a2a55
--- /dev/null
+++ b/hybrid/.config/hypr/dirs/hyprland_HORIZONTAL.conf
@@ -0,0 +1,193 @@
+# This file contains general customization options 
+# For Environment variables see env.conf
+# For Keybinds variables see keybinds.conf 
+# For Auto-run stuff see execs.conf
+#autogenerated = 1
+
+# I haven't updated yet but prepared
+# source=~/.config/hypr/env.conf
+
+# Monitor: reserve space for eww bar
+monitor=eDP-1,1920x1080@60,0x0,1
+monitor=eDP-1, addreserved, 61, 0, 0, 0
+monitor=HDMI-A-1,1920x1080@60,1920x0,1,mirror,eDP-1
+
+#################### Core components (authentication, idle daemon and stuff) ##############
+source=~/.config/hypr/execs.conf
+
+############################# Keybinds ############################
+source=~/.config/hypr/keybinds.conf
+
+############################## Input ##############################
+input {
+    # Mouse
+    # accel_profile = adaptive
+    force_no_accel = false
+    #sensitivity = 0
+    # osu
+    # force_no_accel = true
+    # sensitivity = -0.23 
+
+    # Keyboard
+    kb_layout = us
+    follow_mouse = 1
+    numlock_by_default = true
+
+    touchpad {
+        natural_scroll = yes
+        disable_while_typing = true
+        clickfinger_behavior = true
+        scroll_factor = 0.7
+    }
+    scroll_method = 2fg
+}
+gestures {
+    # See https://wiki.hyprland.org/Configuring/Variables/ for more
+    workspace_swipe = true
+    workspace_swipe_distance = 1200px
+    workspace_swipe_fingers = 4
+    workspace_swipe_cancel_ratio = 0.2
+    workspace_swipe_min_speed_to_force = 5
+    workspace_swipe_create_new = true
+}
+
+general {
+    # Gaps and border
+    gaps_in = 4
+    gaps_out = 8
+    border_size = 2
+    
+    # Fallback colors
+    col.active_border = rgba(0DB7D4FF) rgba(7AA2F7FF) rgba(9778D0FF) 45deg
+    col.inactive_border = rgba(04404aaa)
+
+    # Functionality
+    # resize_on_border = true
+    layout = dwindle
+}
+
+
+decoration {
+	# Blur rules
+	# blurls=gtk-layer-shell
+	rounding = 17
+    
+    # Blur
+    blur = yes
+    blur_size = 7
+    blur_passes = 4
+    blur_new_optimizations = on
+    blur_ignore_opacity = false
+    #blur_xray = true
+    # Shadow
+    drop_shadow = no
+    shadow_range = 30
+    shadow_render_power = 3
+    col.shadow = rgba(01010166)
+    
+    # Opacity
+    	
+    
+    # Shader
+    # screen_shader = ~/.config/hypr/shaders/nothing.frag
+    
+    # Dim
+    dim_inactive = false
+    dim_strength = 0.1
+    dim_special = 0
+}
+
+animations {
+    enabled = yes
+    # Animation curves
+    
+    bezier = md3_standard, 0.2, 0.0, 0, 1.0
+    bezier = md3_decel, 0.05, 0.7, 0.1, 1
+    bezier = md3_accel, 0.3, 0, 0.8, 0.15
+    bezier = overshot, 0.05, 0.9, 0.1, 1.05
+    bezier = hyprnostretch, 0.05, 0.9, 0.1, 1.0
+    bezier = win10, 0, 0, 0, 1
+    bezier = gnome, 0, 0.85, 0.3, 1
+    bezier = funky, 0.46, 0.35, -0.2, 1.2
+    # Animation configs
+    animation = windows, 1, 2, md3_decel, slide
+    animation = border, 1, 10, default
+    animation = fade, 1, 0.0000001, default
+    animation = workspaces, 1, 4, md3_decel, slide
+}
+
+misc {
+    vfr = 1
+    vrr = 0
+    focus_on_activate = true
+	animate_manual_resizes = true
+	animate_mouse_windowdragging = true
+	#suppress_portal_warnings = true
+	enable_swallow = true
+}
+debug {
+	#overlay = true
+}
+dwindle {
+	preserve_split = true # you probably want this
+	#no_gaps_when_only = true
+}
+
+decoration {
+  #screen_shader = ~/.config/hypr/shaders/drugs.frag
+  #screen_shader = ~/.config/hypr/shaders/crt.frag
+}
+debug {
+  #damage_tracking=0
+}
+
+# Efficiency
+#general {
+#	gaps_in = 0
+#    gaps_out = 0
+#	border_size = 2
+#}
+#decoration {
+#	rounding = 0
+#}
+#monitor=eDP-1, addreserved, 32, 0, 0, 0
+
+######## Window rules ########
+#windowrule = float, ^(firefox)$
+windowrule = float, ^(steam)$
+windowrule = float, ^(guifetch)$
+
+#windowrule = opacity 0.9 override 0.9 override, ^(firefox)$
+# Dialogs
+windowrule=float,title:^(Open File)(.*)$
+windowrule=float,title:^(Open Folder)(.*)$
+windowrule=float,title:^(Save As)(.*)$
+windowrule=float,title:^(Library)(.*)$ 
+windowrulev2 = float, class:^com.github.hluk.copyq$
+
+windowrulev2 = rounding 10, floating:1
+######## Layer rules ########
+layerrule = blur, gtk-layer-shell
+layerrule = ignorezero, gtk-layer-shell
+layerrule = blur, notifications
+layerrule = ignorezero, notifications
+layerrule = blur, waybar
+layerrule = ignorezero, waybar
+
+plugin {
+    hyprbars {
+        bar_color = rgba(090727FF)
+        bar_height = 20
+        bar_text_size = 10
+        bar_text_color = rgba(7775D0FF)
+    }
+    borders-plus-plus {
+        add_borders = 2 # 0 - 2
+        col.border_1 = rgb(82E6F5) # example col for border 1
+        col.border_2 = rgb(2222ff) # example col for border 2
+    }
+}
+
+
+# Dynamic colors are written here
+source=~/.config/hypr/colors.conf
diff --git a/hybrid/.config/hypr/dirs/hyprland_VERTICAL.conf b/hybrid/.config/hypr/dirs/hyprland_VERTICAL.conf
new file mode 100755
index 000000000..41d2d4d06
--- /dev/null
+++ b/hybrid/.config/hypr/dirs/hyprland_VERTICAL.conf
@@ -0,0 +1,191 @@
+# This file contains general customization options 
+# For Environment variables see env.conf
+# For Keybinds variables see keybinds.conf 
+# For Auto-run stuff see execs.conf
+#autogenerated = 1
+
+# I haven't updated yet but prepared
+# source=~/.config/hypr/env.conf
+
+# Monitor: reserve space for eww bar
+monitor=eDP-1,1920x1080@60,0x0,1
+monitor=eDP-1, addreserved, 1, 1, 61, 1
+monitor=HDMI-A-1,1920x1080@60,1920x0,1,mirror,eDP-1
+
+#################### Core components (authentication, idle daemon and stuff) ##############
+source=~/.config/hypr/execs.conf
+
+############################# Keybinds ############################
+source=~/.config/hypr/keybinds.conf
+
+############################## Input ##############################
+input {
+    # Mouse
+    # accel_profile = adaptive
+    force_no_accel = false
+    #sensitivity = 0
+    # osu
+    # force_no_accel = true
+    # sensitivity = -0.23 
+
+    # Keyboard
+    kb_layout = us
+    follow_mouse = 1
+    numlock_by_default = true
+
+    touchpad {
+        natural_scroll = yes
+        disable_while_typing = true
+        clickfinger_behavior = true
+        scroll_factor = 0.7
+    }
+    scroll_method = 2fg
+}
+gestures {
+    # See https://wiki.hyprland.org/Configuring/Variables/ for more
+    workspace_swipe = true
+    workspace_swipe_distance = 1000px
+    workspace_swipe_fingers = 4
+    workspace_swipe_cancel_ratio = 0.05
+    workspace_swipe_min_speed_to_force = 5
+    workspace_swipe_create_new = true
+}
+
+general {
+    # Gaps and border
+    gaps_in = 4
+    gaps_out = 7
+    border_size = 2
+    
+    # Fallback colors
+    col.active_border = rgba(0DB7D4FF) rgba(7AA2F7FF) rgba(9778D0FF) 45deg
+    col.inactive_border = rgba(04404aaa)
+
+    # Functionality
+    # resize_on_border = true
+    layout = dwindle
+}
+
+
+decoration {
+	# Blur rules
+	# blurls=gtk-layer-shell
+	rounding = 17
+    
+    # Blur
+    blur = yes
+    blur_size = 7
+    blur_passes = 4
+    blur_new_optimizations = on
+    blur_ignore_opacity = false
+    #blur_xray = true
+    # Shadow
+    drop_shadow = no
+    shadow_range = 30
+    shadow_render_power = 3
+    col.shadow = rgba(01010166)
+    
+    # Opacity
+    	
+    
+    # Shader
+    # screen_shader = ~/.config/hypr/shaders/nothing.frag
+    
+    # Dim
+    dim_inactive = false
+    dim_strength = 0.1
+    dim_special = 0
+}
+
+animations {
+    enabled = yes
+    # Animation curves
+    
+    bezier = md3_standard, 0.2, 0.0, 0, 1.0
+    bezier = md3_decel, 0.05, 0.7, 0.1, 1
+    bezier = md3_accel, 0.3, 0, 0.8, 0.15
+    bezier = overshot, 0.05, 0.9, 0.1, 1.05
+    bezier = hyprnostretch, 0.05, 0.9, 0.1, 1.0
+    bezier = win10, 0, 0, 0, 1
+    bezier = gnome, 0, 0.85, 0.3, 1
+    bezier = funky, 0.46, 0.35, -0.2, 1.2
+    # Animation configs
+    animation = windows, 1, 2, md3_decel, slide
+    animation = border, 1, 10, default
+    animation = fade, 1, 0.0000001, default
+    animation = workspaces, 1, 4, md3_decel, slidevert
+}
+
+misc {
+    vfr = 1
+    vrr = 0
+    focus_on_activate = true
+	animate_manual_resizes = true
+	animate_mouse_windowdragging = true
+	#suppress_portal_warnings = true
+	enable_swallow = true
+}
+debug {
+	#overlay = true
+}
+dwindle {
+	preserve_split = true # you probably want this
+	#no_gaps_when_only = true
+}
+
+decoration {
+  #screen_shader = ~/.config/hypr/shaders/drugs.frag
+  #screen_shader = ~/.config/hypr/shaders/crt.frag
+}
+debug {
+  #damage_tracking=0
+}
+
+# Efficiency
+#general {
+#	gaps_in = 0
+#    gaps_out = 0
+#	border_size = 2
+#}
+#decoration {
+#	rounding = 0
+#}
+#monitor=eDP-1, addreserved, 32, 0, 0, 0
+
+######## Window rules ########
+#windowrule = float, ^(firefox)$
+windowrule = float, ^(steam)$
+windowrule = float, ^(guifetch)$
+
+#windowrule = opacity 0.9 override 0.9 override, ^(firefox)$
+# Dialogs
+windowrule=float,title:^(Open File)(.*)$
+windowrule=float,title:^(Open Folder)(.*)$
+windowrule=float,title:^(Save As)(.*)$
+windowrule=float,title:^(Library)(.*)$ 
+windowrulev2 = float, class:^com.github.hluk.copyq$
+
+windowrulev2 = rounding 10, floating:1
+######## Layer rules ########
+layerrule = blur, gtk-layer-shell
+layerrule = ignorezero, gtk-layer-shell
+layerrule = blur, waybar
+layerrule = ignorezero, waybar
+
+plugin {
+    hyprbars {
+        bar_color = rgba(090727FF)
+        bar_height = 20
+        bar_text_size = 10
+        bar_text_color = rgba(7775D0FF)
+    }
+    borders-plus-plus {
+        add_borders = 2 # 0 - 2
+        col.border_1 = rgb(82E6F5) # example col for border 1
+        col.border_2 = rgb(2222ff) # example col for border 2
+    }
+}
+
+
+# Dynamic colors are written here
+source=~/.config/hypr/colors.conf
diff --git a/hybrid/.config/hypr/dirs/keybinds_HORIZONTAL.conf b/hybrid/.config/hypr/dirs/keybinds_HORIZONTAL.conf
new file mode 100755
index 000000000..9d82e08e6
--- /dev/null
+++ b/hybrid/.config/hypr/dirs/keybinds_HORIZONTAL.conf
@@ -0,0 +1,199 @@
+########################## Language ############################
+bind = SUPERSHIFT, V, exec, ibus engine Bamboo::Us
+bind = SUPERSHIFT, E, exec, ibus engine xkb:us::eng
+
+#################### It just works™ keybinds ###################
+# Volume
+bindl = ,XF86AudioMute, exec, pactl set-sink-mute @DEFAULT_SINK@ toggle
+bindle=, XF86AudioRaiseVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%+
+bindle=, XF86AudioLowerVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%-
+bindle = , XF86AudioRaiseVolume, exec, ~/.config/eww/scripts/volume osd &
+bindle = , XF86AudioLowerVolume, exec, ~/.config/eww/scripts/volume osd &
+bindl = , XF86AudioMute, exec, ~/.config/eww/scripts/volume osd &
+
+# Brightness
+bindle=, XF86MonBrightnessUp, exec, light -A 3 && ~/.config/eww/scripts/brightness osd &
+bindle=, XF86MonBrightnessDown, exec, light -U 3 && ~/.config/eww/scripts/brightness osd &
+
+######################################## Keybinds ########################################
+# Apps: just normal apps
+bind = SUPER, C, exec, code --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland
+bind = CONTROLSHIFTALT, Y, exec, yuzu
+bind = SUPER, T, exec, foot --override shell=fish
+bind = SUPERALT, T, exec, wezterm
+bind = SUPER, Return, exec, kitty
+bind = SUPER, E, exec, nautilus --new-window
+bind = SUPER, W, exec, firefox
+bind = CONTROLSUPERALT, E, exec, /usr/bin/microsoft-edge-stable --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland --gtk-version=4
+bind = SUPER, X, exec, gnome-text-editor --new-window
+bind = SUPERSHIFT, W, exec, wps
+
+#Apps: Settings and config
+bind = SUPER, I, exec, gnome-control-center
+bind = CONTROLSUPER, V, exec, pavucontrol 
+bind = CONTROLSHIFT, Escape, exec, gnome-system-monitor
+bind = CONTROLALTSHIFT, Escape, exec, foot -T 'btop' btop
+bind = SUPERSHIFT, I, exec, ~/.local/bin/guifetch
+
+
+# Actions 
+bind = SUPERSHIFT, Period, exec, pkill wofi || wofi-emoji
+bind = SUPER, Period, exec, pkill fuzzel || ~/.local/bin/fuzzel-emoji
+bind = SUPER, Q, killactive,
+bind = SUPERALT, Space, togglefloating, 
+bind = SHIFTSUPERALT, Q, exec, hyprctl kill
+bind = CONTROLALT, Delete, exec, pkill wlogout || wlogout -p layer-shell
+bind = CONTROLSHIFTALTSUPER, Delete, exec, systemctl poweroff
+
+# Screenshot, Record, OCR (Optical Character Recognition), Color picker, Clipboard history
+bind = SUPERSHIFT, D, exec,~/.local/bin/rubyshot | wl-copy
+bind = SUPERSHIFTALT, S, exec, grim -g "$(slurp)" - | swappy -f -
+bindl =,Print,exec,grim - | wl-copy
+bind = SUPERSHIFT, S, exec, grim -g "$(slurp)" - | wl-copy
+bind = SUPERALT, R, exec, ~/.local/bin/record-script.sh
+bind = CONTROLALT, R, exec, ~/.local/bin/record-script.sh --sound
+bind = SUPERSHIFTALT, R, exec, ~/.local/bin/record-script-fullscreen.sh
+bind = CONTROLSUPERSHIFT,S,exec,grim -g "$(slurp)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+bind = SUPERSHIFT,T,exec,grim -g "$(slurp)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+bind = SUPERSHIFT, C, exec, hyprpicker -a
+bind = SUPER, B, exec, copyq menu 
+bind = SUPER, V, exec, pkill fuzzel || cliphist list | fuzzel --no-fuzzy --icon-theme=candy-icons --background-color=1D1D27ee --text-color=cdd6f4ff --match-color=AC16C7FF --border-width=3 --border-radius=10 --border-color=8701E7FF	 --selection-color=585b70ff --selection-text-color=cdd6f4ff --selection-match-color=AC16C7FF --font="Rubik"  --prompt="   " --dmenu | cliphist decode | wl-copy
+# Media
+bind = SUPERSHIFT, N, exec, playerctl next || playerctl position `bc <<< "100 * $(playerctl metadata mpris:length) / 1000000 / 100"`
+bind = SUPERSHIFT, B, exec, playerctl previous
+bind = SUPERSHIFT, P, exec, playerctl play-pause
+#Lock screen  |  blur: --effect-blur=20x20
+bind = SUPER, L, exec, ~/.local/bin/lock.sh
+bind = SUPERSHIFT, L, exec, ~/.local/bin/lock.sh
+bindl = SUPERSHIFT, L, exec, sleep 0.1 && systemctl suspend
+# App launcher
+bindr = SUPER, SUPER_L, exec, ~/.config/eww/scripts/toggle-overview.sh --keypress &
+bind = SUPER, Slash, exec, pkill fuzzel || fuzzel --icon-theme=candy-icons --background-color=1D1D27ee --text-color=cdd6f4ff --match-color=AC16C7FF --border-width=3 --border-radius=10 --border-color=8701E7FF	 --selection-color=585b70ff --selection-text-color=cdd6f4ff --selection-match-color=AC16C7FF --font="Rubik"  --prompt="    "
+#bindr = SUPER, SUPER_L, exec, pkill rofi || rofi -show drun
+
+################################# eww keybinds ################################
+bindr = CONTROLSUPER, R, exec, pkill eww && eww daemon && eww open bar && eww open bg-decor
+bind = SUPER, Tab, exec, ~/.config/eww/scripts/toggle-overview.sh
+bind = SUPER, O, exec, ~/.config/eww/scripts/toggle-osettings.sh --keypress
+bind = CONTROLSUPER, O, exec, ~/.config/eww/scripts/toggle-osettings.sh --keypress
+bind = SUPER, M, exec, ~/.config/eww/scripts/toggle-bottombar.sh
+bind = SUPER, N, exec, ~/.config/eww/scripts/toggle-onotify.sh --keypress
+bind = SUPER, Comma, exec, ~/.config/eww/scripts/toggle-themer.sh
+bind = SUPER, D, exec, ~/.config/eww/scripts/toggle-dash.sh --keypress
+bind = SUPER, A, exec, ~/.config/eww/scripts/toggle-dashfs.sh
+bind = SUPER, G, exec, ~/.config/eww/scripts/toggle-wingamebar.sh
+
+bind = CONTROLSUPER, Tab, exec, ~/.config/eww/scripts/toggle-compactmode.sh
+bind = SUPERALT, W, exec, ~/.config/eww/scripts/toggle-winmode.sh
+
+############################ Keybinds for Hyprland ############################
+# Swap windows
+bind=SUPERSHIFT,left,movewindow,l
+bind=SUPERSHIFT,right,movewindow,r
+bind=SUPERSHIFT,up,movewindow,u
+bind=SUPERSHIFT,down,movewindow,d
+# Move focus
+bind = SUPER, left, movefocus, l
+bind = SUPER, right, movefocus, r
+bind = SUPER, up, movefocus, u
+bind = SUPER, down, movefocus, d
+bind = SUPER, BracketLeft, movefocus, l
+bind = SUPER, BracketRight, movefocus, r
+# Window title
+bind = SUPER, left, exec, eww update rev_center_ws=false
+bind = SUPER, right, exec, eww update rev_center_ws=false
+bind = SUPER, up, exec, eww update rev_center_ws=false
+bind = SUPER, down, exec, eww update rev_center_ws=false
+bind = SUPER, BracketLeft, exec, eww update rev_center_ws=false
+bind = SUPER, BracketRight, exec, eww update rev_center_ws=false
+bind = ALT, Tab, exec, eww update rev_center_ws=false
+
+# Workspace, window, tab switch with keyboard
+bind = CONTROLSUPER, right, workspace, +1
+bind = CONTROLSUPER, left, workspace, -1
+bind = CONTROLSUPER, BracketLeft, workspace, -1
+bind = CONTROLSUPER, BracketRight, workspace, +1
+bind = CONTROLSUPER, up, workspace, -5
+bind = CONTROLSUPER, down, workspace, +5
+bind = SUPER, Page_Down, workspace, +1
+bind = SUPER, Page_Up, workspace, -1
+bind = CONTROLSUPER, Page_Down, workspace, +1
+bind = CONTROLSUPER, Page_Up, workspace, -1
+bind = SUPERSHIFT, Page_Down, movetoworkspace, +1
+bind = SUPERSHIFT, Page_Up, movetoworkspace, -1
+bind = CONTROLSUPERSHIFT, Right, movetoworkspace, +1
+bind = CONTROLSUPERSHIFT, Left, movetoworkspace, -1
+bind = SUPERSHIFT, mouse_down, movetoworkspace, -1
+bind = SUPERSHIFT, mouse_up, movetoworkspace, +1
+
+# Show workspaces module
+bind = CONTROLSUPER, right, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, left, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, BracketLeft, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, BracketRight, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, down, exec, eww update rev_center_ws=true
+bind = SUPER, Page_Down, exec, eww update rev_center_ws=true
+bind = SUPER, Page_Up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, Page_Down, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, Page_Up, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, Page_Down, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, Page_Up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPERSHIFT, Right, exec, eww update rev_center_ws=true
+bind = CONTROLSUPERSHIFT, Left, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, mouse_down, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, mouse_up, exec, eww update rev_center_ws=true
+
+# Window split ratio
+binde = SUPER, Minus, splitratio, -0.1
+binde = SUPER, Equal, splitratio, 0.1
+binde = SUPER, Semicolon, splitratio, -0.1
+binde = SUPER, Apostrophe, splitratio, 0.1
+# Fullscreen
+bind = SUPER, F, fullscreen
+# Switching
+bind = SUPER, 1, workspace, 1
+bind = SUPER, 2, workspace, 2
+bind = SUPER, 3, workspace, 3
+bind = SUPER, 4, workspace, 4
+bind = SUPER, 5, workspace, 5
+bind = SUPER, 6, workspace, 6
+bind = SUPER, 7, workspace, 7
+bind = SUPER, 8, workspace, 8
+bind = SUPER, 9, workspace, 9
+bind = SUPER, 0, workspace, 10
+bind = SUPER, S, togglespecialworkspace,
+bind = CONTROLSUPER, S, togglespecialworkspace,
+bind = ALT, Tab, cyclenext # Why is this even here?
+bind = ALT, Tab, bringactivetotop,   # bring it to the top
+# Move window to workspace Super + Alt + [0-9]
+bind = SUPER ALT, 1, movetoworkspacesilent, 1
+bind = SUPER ALT, 2, movetoworkspacesilent, 2
+bind = SUPER ALT, 3, movetoworkspacesilent, 3
+bind = SUPER ALT, 4, movetoworkspacesilent, 4
+bind = SUPER ALT, 5, movetoworkspacesilent, 5
+bind = SUPER ALT, 6, movetoworkspacesilent, 6
+bind = SUPER ALT, 7, movetoworkspacesilent, 7
+bind = SUPER ALT, 8, movetoworkspacesilent, 8
+bind = SUPER ALT, 9, movetoworkspacesilent, 9
+bind = SUPER ALT, 0, movetoworkspacesilent, 10
+bind = CONTROLSHIFTSUPER, Up, movetoworkspacesilent, special
+bind = SUPERALT, S, movetoworkspacesilent, special
+# Scroll through existing workspaces with (Control) + Super + scroll
+bind = SUPER, mouse_up, workspace, +1
+bind = SUPER, mouse_down, workspace, -1
+bind = CONTROLSUPER, mouse_up, workspace, +1
+bind = CONTROLSUPER, mouse_down, workspace, -1
+# Move/resize windows with Super + LMB/RMB and dragging
+bindm = SUPER, mouse:272, movewindow
+bindm = SUPER, mouse:273, resizewindow
+bindm = SUPER, mouse:274, movewindow
+bindm = SUPER, Z, movewindow
+bind = CONTROLSUPER, Backslash, resizeactive, exact 640 480
+
+# trying vim-like stuff
+binde = SUPER_ALT, I, exec, wtype -k Up
+binde = SUPER_ALT, K, exec, wtype -P Down
+binde = SUPER_ALT, J, exec, wtype -P Left
+binde = SUPER_ALT, L, exec, wtype -P Right
+
diff --git a/hybrid/.config/hypr/dirs/keybinds_VERTICAL.conf b/hybrid/.config/hypr/dirs/keybinds_VERTICAL.conf
new file mode 100755
index 000000000..b4568432a
--- /dev/null
+++ b/hybrid/.config/hypr/dirs/keybinds_VERTICAL.conf
@@ -0,0 +1,198 @@
+########################## Language ############################
+bind = SUPERSHIFT, V, exec, ibus engine Bamboo::Us
+bind = SUPERSHIFT, E, exec, ibus engine xkb:us::eng
+
+#################### It just works™ keybinds ###################
+# Volume
+bindl = ,XF86AudioMute, exec, pactl set-sink-mute @DEFAULT_SINK@ toggle
+bindle=, XF86AudioRaiseVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%+
+bindle=, XF86AudioLowerVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%-
+bindle = , XF86AudioRaiseVolume, exec, ~/.config/eww/scripts/volume osd &
+bindle = , XF86AudioLowerVolume, exec, ~/.config/eww/scripts/volume osd &
+bindl = , XF86AudioMute, exec, ~/.config/eww/scripts/volume osd &
+
+# Brightness
+bindle=, XF86MonBrightnessUp, exec, light -A 3 && ~/.config/eww/scripts/brightness osd &
+bindle=, XF86MonBrightnessDown, exec, light -U 3 && ~/.config/eww/scripts/brightness osd &
+
+######################################## Keybinds ########################################
+# Apps: just normal apps
+bind = SUPER, C, exec, code --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland
+bind = CONTROLSHIFTALT, Y, exec, yuzu
+bind = SUPER, T, exec, foot --override shell=fish
+bind = SUPERALT, T, exec, wezterm
+bind = SUPER, Return, exec, kitty
+bind = SUPER, E, exec, nautilus --new-window
+bind = SUPER, W, exec, firefox
+bind = CONTROLSUPERALT, E, exec, /usr/bin/microsoft-edge-stable --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland --gtk-version=4
+bind = SUPER, X, exec, gnome-text-editor --new-window
+bind = SUPERSHIFT, W, exec, wps
+
+#Apps: Settings and config
+bind = SUPER, I, exec, gnome-control-center
+bind = CONTROLSUPER, V, exec, pavucontrol 
+bind = CONTROLSHIFT, Escape, exec, gnome-system-monitor
+bind = CONTROLALTSHIFT, Escape, exec, foot -T 'btop' btop
+bind = SUPERSHIFT, I, exec, ~/.local/bin/guifetch
+
+
+# Actions 
+bind = SUPERSHIFT, Period, exec, pkill wofi || wofi-emoji
+bind = SUPER, Period, exec, pkill fuzzel || ~/.local/bin/fuzzel-emoji
+bind = SUPER, Q, killactive,
+bind = SUPERALT, Space, togglefloating, 
+bind = SHIFTSUPERALT, Q, exec, hyprctl kill
+bind = CONTROLALT, Delete, exec, pkill wlogout || wlogout -p layer-shell
+bind = CONTROLSHIFTALTSUPER, Delete, exec, systemctl poweroff
+
+# Screenshot, Record, OCR (Optical Character Recognition), Color picker, Clipboard history
+bind = SUPERSHIFT, D, exec,~/.local/bin/rubyshot | wl-copy
+bind = SUPERSHIFTALT, S, exec, grim -g "$(slurp)" - | swappy -f -
+bindl =,Print,exec,grim - | wl-copy
+bind = SUPERSHIFT, S, exec, grim -g "$(slurp)" - | wl-copy
+bind = SUPERALT, R, exec, ~/.local/bin/record-script.sh
+bind = CONTROLALT, R, exec, ~/.local/bin/record-script.sh --sound
+bind = SUPERSHIFTALT, R, exec, ~/.local/bin/record-script-fullscreen.sh
+bind = CONTROLSUPERSHIFT,S,exec,grim -g "$(slurp)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+bind = SUPERSHIFT,T,exec,grim -g "$(slurp)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+bind = SUPERSHIFT, C, exec, hyprpicker -a
+bind = SUPER, B, exec, copyq menu 
+bind = SUPER, V, exec, pkill fuzzel || cliphist list | fuzzel --no-fuzzy --icon-theme=candy-icons --background-color=1D1D27ee --text-color=cdd6f4ff --match-color=AC16C7FF --border-width=3 --border-radius=10 --border-color=8701E7FF	 --selection-color=585b70ff --selection-text-color=cdd6f4ff --selection-match-color=AC16C7FF --font="Rubik"  --prompt="   " --dmenu | cliphist decode | wl-copy
+# Media
+bind = SUPERSHIFT, N, exec, playerctl next || playerctl position `bc <<< "100 * $(playerctl metadata mpris:length) / 1000000 / 100"`
+bind = SUPERSHIFT, B, exec, playerctl previous
+bind = SUPERSHIFT, P, exec, playerctl play-pause
+#Lock screen  |  blur: --effect-blur=20x20
+bind = SUPER, L, exec, ~/.local/bin/lock.sh
+bind = SUPERSHIFT, L, exec, ~/.local/bin/lock.sh
+bindl = SUPERSHIFT, L, exec, sleep 0.1 && systemctl suspend
+# App launcher
+bindr = SUPER, SUPER_L, exec, ~/.config/eww/scripts/toggle-overview.sh --keypress &
+bind = SUPER, Slash, exec, pkill fuzzel || fuzzel --icon-theme=candy-icons --background-color=1D1D27ee --text-color=cdd6f4ff --match-color=AC16C7FF --border-width=3 --border-radius=10 --border-color=8701E7FF	 --selection-color=585b70ff --selection-text-color=cdd6f4ff --selection-match-color=AC16C7FF --font="Rubik"  --prompt="    "
+#bindr = SUPER, SUPER_L, exec, pkill rofi || rofi -show drun
+
+################################# eww keybinds ################################
+bindr = CONTROLSUPER, R, exec, pkill eww && eww daemon && eww open bar && eww open bg-decor
+bind = SUPER, Tab, exec, ~/.config/eww/scripts/toggle-overview.sh
+bind = SUPER, O, exec, ~/.config/eww/scripts/toggle-osettings.sh --keypress
+bind = CONTROLSUPER, O, exec, ~/.config/eww/scripts/toggle-osettings.sh --keypress
+bind = SUPER, M, exec, ~/.config/eww/scripts/toggle-bottombar.sh
+bind = SUPER, N, exec, ~/.config/eww/scripts/toggle-onotify.sh --keypress
+bind = SUPER, Comma, exec, ~/.config/eww/scripts/toggle-themer.sh
+bind = SUPER, D, exec, ~/.config/eww/scripts/toggle-dash.sh --keypress
+bind = SUPER, A, exec, ~/.config/eww/scripts/toggle-dashfs.sh
+bind = SUPER, G, exec, ~/.config/eww/scripts/toggle-wingamebar.sh
+
+bind = CONTROLSUPER, Tab, exec, ~/.config/eww/scripts/toggle-compactmode.sh
+bind = SUPERALT, W, exec, ~/.config/eww/scripts/toggle-winmode.sh
+
+############################ Keybinds for Hyprland ############################
+# Swap windows
+bind=SUPERSHIFT,left,movewindow,l
+bind=SUPERSHIFT,right,movewindow,r
+bind=SUPERSHIFT,up,movewindow,u
+bind=SUPERSHIFT,down,movewindow,d
+# Move focus
+bind = SUPER, left, movefocus, l
+bind = SUPER, right, movefocus, r
+bind = SUPER, up, movefocus, u
+bind = SUPER, down, movefocus, d
+bind = SUPER, BracketLeft, movefocus, l
+bind = SUPER, BracketRight, movefocus, r
+# Window title
+bind = SUPER, left, exec, eww update rev_center_ws=false
+bind = SUPER, right, exec, eww update rev_center_ws=false
+bind = SUPER, up, exec, eww update rev_center_ws=false
+bind = SUPER, down, exec, eww update rev_center_ws=false
+bind = SUPER, BracketLeft, exec, eww update rev_center_ws=false
+bind = SUPER, BracketRight, exec, eww update rev_center_ws=false
+bind = ALT, Tab, exec, eww update rev_center_ws=false
+
+# Workspace, window, tab switch with keyboard
+bind = CONTROLSUPER, right, workspace, +1
+bind = CONTROLSUPER, left, workspace, -1
+bind = CONTROLSUPER, BracketLeft, workspace, -1
+bind = CONTROLSUPER, BracketRight, workspace, +1
+bind = CONTROLSUPER, up, workspace, -1
+bind = CONTROLSUPER, down, workspace, +1
+bind = SUPER, Page_Down, workspace, +1
+bind = SUPER, Page_Up, workspace, -1
+bind = CONTROLSUPER, Page_Down, workspace, +1
+bind = CONTROLSUPER, Page_Up, workspace, -1
+bind = SUPERSHIFT, Page_Down, movetoworkspace, +1
+bind = SUPERSHIFT, Page_Up, movetoworkspace, -1
+bind = CONTROLSUPERSHIFT, Right, movetoworkspace, +1
+bind = CONTROLSUPERSHIFT, Left, movetoworkspace, -1
+bind = SUPERSHIFT, mouse_down, movetoworkspace, -1
+bind = SUPERSHIFT, mouse_up, movetoworkspace, +1
+
+# Show workspaces module
+bind = CONTROLSUPER, right, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, left, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, BracketLeft, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, BracketRight, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, down, exec, eww update rev_center_ws=true
+bind = SUPER, Page_Down, exec, eww update rev_center_ws=true
+bind = SUPER, Page_Up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, Page_Down, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, Page_Up, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, Page_Down, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, Page_Up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPERSHIFT, Right, exec, eww update rev_center_ws=true
+bind = CONTROLSUPERSHIFT, Left, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, mouse_down, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, mouse_up, exec, eww update rev_center_ws=true
+
+# Window split ratio
+binde = SUPER, Minus, splitratio, -0.1
+binde = SUPER, Equal, splitratio, 0.1
+binde = SUPER, Semicolon, splitratio, -0.1
+binde = SUPER, Apostrophe, splitratio, 0.1
+# Fullscreen
+bind = SUPER, F, fullscreen
+# Switching
+bind = SUPER, 1, workspace, 1
+bind = SUPER, 2, workspace, 2
+bind = SUPER, 3, workspace, 3
+bind = SUPER, 4, workspace, 4
+bind = SUPER, 5, workspace, 5
+bind = SUPER, 6, workspace, 6
+bind = SUPER, 7, workspace, 7
+bind = SUPER, 8, workspace, 8
+bind = SUPER, 9, workspace, 9
+bind = SUPER, 0, workspace, 10
+bind = SUPER, S, togglespecialworkspace,
+bind = CONTROLSUPER, S, togglespecialworkspace,
+bind = ALT, Tab, cyclenext # Why is this even here?
+bind = ALT, Tab, bringactivetotop,   # bring it to the top
+# Move window to workspace Super + Alt + [0-9]
+bind = SUPER ALT, 1, movetoworkspacesilent, 1
+bind = SUPER ALT, 2, movetoworkspacesilent, 2
+bind = SUPER ALT, 3, movetoworkspacesilent, 3
+bind = SUPER ALT, 4, movetoworkspacesilent, 4
+bind = SUPER ALT, 5, movetoworkspacesilent, 5
+bind = SUPER ALT, 6, movetoworkspacesilent, 6
+bind = SUPER ALT, 7, movetoworkspacesilent, 7
+bind = SUPER ALT, 8, movetoworkspacesilent, 8
+bind = SUPER ALT, 9, movetoworkspacesilent, 9
+bind = SUPER ALT, 0, movetoworkspacesilent, 10
+bind = SUPERALT, S, movetoworkspacesilent, special
+# Scroll through existing workspaces with (Control) + Super + scroll
+bind = SUPER, mouse_up, workspace, +1
+bind = SUPER, mouse_down, workspace, -1
+bind = CONTROLSUPER, mouse_up, workspace, +1
+bind = CONTROLSUPER, mouse_down, workspace, -1
+# Move/resize windows with Super + LMB/RMB and dragging
+bindm = SUPER, mouse:272, movewindow
+bindm = SUPER, mouse:273, resizewindow
+bindm = SUPER, mouse:274, movewindow
+bindm = SUPER, Z, movewindow
+bind = CONTROLSUPER, Backslash, resizeactive, exact 640 480
+
+# trying vim-like stuff
+binde = SUPER_ALT, I, exec, wtype -k Up
+binde = SUPER_ALT, K, exec, wtype -P Down
+binde = SUPER_ALT, J, exec, wtype -P Left
+binde = SUPER_ALT, L, exec, wtype -P Right
+
diff --git a/hybrid/.config/hypr/env.conf b/hybrid/.config/hypr/env.conf
new file mode 100755
index 000000000..c913c75f4
--- /dev/null
+++ b/hybrid/.config/hypr/env.conf
@@ -0,0 +1,5 @@
+env = XMODIFIERS, @im=ibus
+env = GTK_IM_MODULE, ibus
+env = QT_IM_MODULE, ibus
+env = QT_QPA_PLATFORMTHEME, qt5ct
+env = WLR_NO_HARDWARE_CURSORS, 1
diff --git a/hybrid/.config/hypr/execs.conf b/hybrid/.config/hypr/execs.conf
new file mode 100755
index 000000000..0a202050d
--- /dev/null
+++ b/hybrid/.config/hypr/execs.conf
@@ -0,0 +1,29 @@
+# Wallpaper
+exec-once = swaybg -i ~/.config/eww/images/wallpaper/wallpaper
+
+# Status bar
+#exec-once = waybar
+exec-once = eww daemon && eww open bar && eww open bottomline # && eww open dynamic-bg
+exec-once = ~/.config/eww/scripts/get_open_icons &
+#exec-once = eww daemon && eww open winbar &
+
+# Language Switch
+exec-once = ibus-daemon --xim -d -r
+exec-once = ibus engine xkb:us::eng
+
+# Core components (authentication, lock screen, notification daemon)
+exec-once = dbus-update-activation-environment --all
+exec-once = /usr/bin/gnome-keyring-daemon --start --components=secrets
+exec-once = /usr/lib/polkit-gnome/polkit-gnome-authentication-agent-1 &
+exec-once = dunst &
+exec-once = swayidle -w timeout 300 'gtklock' before-sleep 'gtklock' &
+exec-once = swayidle -w timeout 450 'systemctl suspend'
+
+# Clipboard history
+exec-once = wl-paste --watch cliphist store
+
+# Cursor and Touchpad gestures
+exec-once = hyprctl setcursor Bibata-Modern-Classic 24
+exec-once = libinput-gestures-setup start
+
+exec-once = sleep 1 && dbus-update-activation-environment --systemd WAYLAND_DISPLAY XDG_CURRENT_DESKTOP
diff --git a/hybrid/.config/hypr/hypr.conf b/hybrid/.config/hypr/hypr.conf
new file mode 100755
index 000000000..9e8af1936
--- /dev/null
+++ b/hybrid/.config/hypr/hypr.conf
@@ -0,0 +1,148 @@
+###################################################
+#    This is the config for Hypr, not Hyprland!   #
+#       that abandoned Xorg window manager..      #
+###################################################
+
+gaps_in=4
+border_size=3
+gaps_out=8
+rounding=17
+max_fps=60 # max fps for updates of config & animations
+focus_when_hover=1 # 0 - do not switch the focus when hover (only for tiling)
+main_mod=SUPER # For moving, resizing
+intelligent_transients=1 # keeps transients always on top.
+no_unmap_saving=1 # disables saving unmapped windows (seems to break sometimes)
+scratchpad_mon=0 # self-explanatory # no its not
+
+# Execs
+exec-once=nitrogen --set-centered ~/.config/eww/images/wallpaper/wallpaper
+exec-once=/usr/bin/gnome-keyring-daemon --start --components=secrets
+exec-once=/usr/libexec/polkit-gnome-authentication-agent-1 &
+exec-once=ibus-daemon --xim -d -r
+exec-once=picom
+#exec-once=ibus-daemon &
+exec-once=ibus engine Bamboo::Us
+bind=SUPERSHIFT,V,exec,ibus engine Bamboo::Us
+bind=SUPERSHIFT,E,exec,ibus engine xkb:us::eng
+
+# Layout
+layout=0 # 0 - dwindle (default), 1 - master
+layout {
+    no_gaps_when_only=0 # disables gaps and borders when only window on screen
+}
+
+# Bar config
+Bar {
+    height=20
+    monitor=0
+    enabled=1
+    mod_pad_in=8
+    no_tray_saving=1 # using this doesnt save the tray between reloads but fixes an issue with the bar disappearing.
+
+    font.main=Noto Sans
+    font.secondary=Noto Sans
+
+    col.bg=0xff111111
+    col.high=0xffff3333
+
+    module=left,X,0xff8000ff,0xffffffff,1,workspaces
+    module=pad,left,10
+    module=left,,0xff7000dd,0xff7000dd,1,tray
+    module=right,X,0xffffffff,0xff00ff33,1000,$date +%a,\ %b\ %Y\ \ %I:%M\ %p$
+}
+
+# colors
+col.active_border=0xff7348e0
+col.inactive_border=0x77222222
+
+# status command
+# deprecated
+# status_command=date +%a,\ %b\ %Y\ \ %I:%M\ %p
+#
+
+# animations
+Animations {
+    enabled=1
+    speed=8
+    window_resize_speed=1
+    cheap=1 # highly recommended
+    borders=1
+    workspaces=1
+}
+
+# example window rules, more in the wiki
+
+# windowrule=float,class:krunner
+# windowrule=float,role:pop-up
+# windowrule=float,role:task_dialog
+# windowrule=monitor 0,class:krunner
+# windowrule=size 500 50,class:krunner
+# windowrule=move 700 500,class:krunner
+# windowrule=pseudo,class:discord
+
+# keybinds
+bind=CTRLALT,119,exec,kill Xorg
+bind=SUPER,R,exec,dmenu_run
+bind=SUPER,T,exec,kitty fish
+# bind=SUPER,W,exec,microsoft-edge --password-store=gnome --enable-features=UseOzonePlatform --gtk-version=4
+bind=SUPER,W,exec,firefox
+bind=SUPER,A,exec,rofi -show drun
+bind=SUPER,ESCAPE,exec,kitty btop
+bind=SUPER,E,exec,nautilus --new-window
+bind=SUPER,G,exec,gnome-text-editor --new-window
+
+bind=SUPER,Q,killactive,
+
+bind=SUPERSHIFT,LEFT,movewindow,l
+bind=SUPERSHIFT,RIGHT,movewindow,r
+bind=SUPERSHIFT,UP,movewindow,u
+bind=SUPERSHIFT,DOWN,movewindow,d
+
+bind=SUPER,LEFT,movefocus,l
+bind=SUPER,RIGHT,movefocus,r
+bind=SUPER,UP,movefocus,u
+bind=SUPER,DOWN,movefocus,d
+
+bind=SUPER,F,fullscreen,
+
+bind=SUPER,1,workspace,1
+bind=SUPER,2,workspace,2
+bind=SUPER,3,workspace,3
+bind=SUPER,4,workspace,4
+bind=SUPER,5,workspace,5
+bind=SUPER,6,workspace,6
+bind=SUPER,7,workspace,7
+bind=SUPER,8,workspace,8
+bind=SUPER,9,workspace,9
+bind=SUPER,0,workspace,10
+
+bind=CTRLSUPER,left,lastworkspace,-
+bind=CTRLSUPER,right,nextworkspace,+
+bind=CTRLSUPER,Prior,lastworkspace,-
+bind=CTRLSUPER,Next,nextworkspace,+
+bind=SUPER,Prior,lastworkspace,-
+bind=SUPER,Next,nextworkspace,+
+bind=CTRLSUPER,H,lastworkspace,
+bind=CTRLSUPER,L,nextworkspace,
+
+bind=CTRLSUPERSHIFT,left,movetorelativeworkspace,-
+bind=CTRLSUPERSHIFT,right,movetorelativeworkspace,+
+
+bind=SUPERALT,1,movetoworkspace,1
+bind=SUPERALT,2,movetoworkspace,2
+bind=SUPERALT,3,movetoworkspace,3
+bind=SUPERALT,4,movetoworkspace,4
+bind=SUPERALT,5,movetoworkspace,5
+bind=SUPERALT,6,movetoworkspace,6
+bind=SUPERALT,7,movetoworkspace,7
+bind=SUPERALT,8,movetoworkspace,8
+bind=SUPERALT,9,movetoworkspace,9
+bind=SUPERALT,0,movetoworkspace,10
+
+bind=SUPERSHIFT,S,movetoworkspace,scratchpad
+bind=SUPER,S,scratchpad,
+
+bind=SUPERALT,SPACE,togglefloating,
+
+bind=SUPER,equal,splitratio,+0.15
+bind=SUPER,minus,splitratio,-0.15
diff --git a/hybrid/.config/hypr/hyprland.conf b/hybrid/.config/hypr/hyprland.conf
new file mode 100755
index 000000000..0b87a95f5
--- /dev/null
+++ b/hybrid/.config/hypr/hyprland.conf
@@ -0,0 +1,163 @@
+# This file contains general customization options 
+# For Environment variables see env.conf
+# For Keybinds variables see keybinds.conf 
+# For Auto-run stuff see execs.conf
+
+source=~/.config/hypr/env.conf
+
+############################# Monitor ############################
+monitor=,preferred,auto,1
+monitor=, addreserved, 61, 0, 0, 0
+#monitor=HDMI-A-1,1920x1080@60,1920x0,1,mirror,eDP-1  # screen mirror for laptop -> hdmi
+
+#################### Core components (authentication, idle daemon and stuff) ##############
+source=~/.config/hypr/execs.conf
+
+############################# Keybinds ############################
+source=~/.config/hypr/keybinds.conf
+
+############################## Input ##############################
+input {
+    # Mouse
+    # accel_profile = adaptive
+    force_no_accel = false
+    #sensitivity = 0
+
+    # Keyboard
+    kb_layout = us
+    follow_mouse = 1
+    numlock_by_default = true
+
+    touchpad {
+        natural_scroll = yes
+        disable_while_typing = true
+        clickfinger_behavior = true
+        scroll_factor = 0.7
+    }
+    scroll_method = 2fg
+}
+gestures {
+    # See https://wiki.hyprland.org/Configuring/Variables/ for more
+    workspace_swipe = true
+    workspace_swipe_distance = 1200px
+    workspace_swipe_fingers = 4
+    workspace_swipe_cancel_ratio = 0.2
+    workspace_swipe_min_speed_to_force = 5
+    workspace_swipe_create_new = true
+}
+
+general {
+    # Gaps and border
+    gaps_in = 4
+    gaps_out = 8
+    border_size = 2
+    
+    # Fallback colors
+    col.active_border = rgba(0DB7D4FF) rgba(7AA2F7FF) rgba(9778D0FF) 45deg
+    col.inactive_border = rgba(04404aaa)
+
+    # Functionality
+    # resize_on_border = true
+    layout = dwindle
+}
+
+dwindle {
+	preserve_split = true # you probably want this
+	#no_gaps_when_only = true
+}
+
+decoration {
+	# Blur rules
+	rounding = 15
+    
+    # Blur
+    blur {
+        enabled = yes
+        size = 7
+        passes = 4
+        new_optimizations = on
+        ignore_opacity = false
+    }
+    # Shadow
+    drop_shadow = no
+    shadow_range = 30
+    shadow_render_power = 3
+    col.shadow = rgba(01010166)
+    
+    # Shader
+    # screen_shader = ~/.config/hypr/shaders/nothing.frag
+    
+    # Dim
+    dim_inactive = false
+    dim_strength = 0.1
+    dim_special = 0
+}
+
+animations {
+    enabled = yes
+    # Animation curves
+    
+    bezier = md3_standard, 0.2, 0.0, 0, 1.0
+    bezier = md3_decel, 0.05, 0.7, 0.1, 1
+    bezier = md3_accel, 0.3, 0, 0.8, 0.15
+    bezier = overshot, 0.05, 0.9, 0.1, 1.05
+    bezier = hyprnostretch, 0.05, 0.9, 0.1, 1.0
+    bezier = win10, 0, 0, 0, 1
+    bezier = gnome, 0, 0.85, 0.3, 1
+    bezier = funky, 0.46, 0.35, -0.2, 1.2
+    # Animation configs
+    animation = windows, 1, 2, md3_decel, slide
+    animation = border, 1, 10, default
+    animation = fade, 1, 0.0000001, default
+    animation = workspaces, 1, 4, md3_decel, slide
+}
+
+misc {
+    vfr = 1
+    vrr = 0
+    focus_on_activate = true
+	animate_manual_resizes = true
+	animate_mouse_windowdragging = true
+	#suppress_portal_warnings = true
+	enable_swallow = true
+}
+
+debug {
+	#overlay = true
+	#damage_tracking=0
+}
+
+decoration {
+  #screen_shader = ~/.config/hypr/shaders/drugs.frag
+  #screen_shader = ~/.config/hypr/shaders/crt.frag
+}
+
+######## Window rules ########
+windowrule = float, ^(steam)$
+windowrule = float, ^(guifetch)$
+
+# Dialogs
+windowrule=float,title:^(Open File)(.*)$
+windowrule=float,title:^(Open Folder)(.*)$
+windowrule=float,title:^(Save As)(.*)$
+windowrule=float,title:^(Library)(.*)$ 
+windowrulev2 = rounding 17, floating:1
+
+######## Layer rules ########
+layerrule = blur, gtk-layer-shell
+layerrule = ignorezero, gtk-layer-shell
+layerrule = blur, notifications
+layerrule = ignorezero, notifications
+
+plugin {
+    hyprbars {
+        bar_color = rgba(090727FF)
+        bar_height = 20
+        bar_text_size = 10
+        bar_text_color = rgba(7775D0FF)
+    }
+}
+
+
+# Dynamic colors
+source=~/.config/hypr/colors.conf
diff --git a/hybrid/.config/hypr/keybinds.conf b/hybrid/.config/hypr/keybinds.conf
new file mode 100755
index 000000000..ff9ee4f80
--- /dev/null
+++ b/hybrid/.config/hypr/keybinds.conf
@@ -0,0 +1,201 @@
+########################## Language ############################
+bind = SUPERSHIFT, V, exec, ibus engine Bamboo::Us
+bind = SUPERSHIFT, E, exec, ibus engine xkb:us::eng
+bind = SUPER, Space, exec, ~/.config/eww/scripts/language --cycle
+
+#################### It just works™ keybinds ###################
+# Volume
+bindl = ,XF86AudioMute, exec, pactl set-sink-mute @DEFAULT_SINK@ toggle
+bindle=, XF86AudioRaiseVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%+
+bindle=, XF86AudioLowerVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%-
+bindle = , XF86AudioRaiseVolume, exec, ~/.config/eww/scripts/volume osd &
+bindle = , XF86AudioLowerVolume, exec, ~/.config/eww/scripts/volume osd &
+bindl = , XF86AudioMute, exec, ~/.config/eww/scripts/volume osd &
+
+# Brightness
+bindle=, XF86MonBrightnessUp, exec, light -A 3 && ~/.config/eww/scripts/brightness osd &
+bindle=, XF86MonBrightnessDown, exec, light -U 3 && ~/.config/eww/scripts/brightness osd &
+
+######################################## Keybinds ########################################
+# Apps: just normal apps
+bind = SUPER, C, exec, code --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland
+bind = CONTROLSHIFTALT, Y, exec, yuzu
+bind = SUPER, T, exec, foot --override shell=fish
+bind = SUPERALT, T, exec, wezterm
+bind = SUPER, Return, exec, kitty
+bind = SUPER, E, exec, nautilus --new-window
+bind = SUPER, W, exec, firefox
+bind = CONTROLSUPERALT, E, exec, /usr/bin/microsoft-edge-stable --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland --gtk-version=4
+bind = SUPER, X, exec, gnome-text-editor --new-window
+bind = SUPERSHIFT, W, exec, wps
+
+# Apps: Settings and config
+bind = SUPER, I, exec, gnome-control-center
+bind = CONTROLSUPER, V, exec, pavucontrol 
+bind = CONTROLSHIFT, Escape, exec, gnome-system-monitor
+bind = CONTROLALTSHIFT, Escape, exec, foot -T 'btop' btop
+bind = SUPERSHIFT, I, exec, ~/.local/bin/guifetch
+
+
+# Actions 
+bind = SUPERSHIFT, Period, exec, pkill wofi || wofi-emoji
+bind = SUPER, Period, exec, pkill fuzzel || ~/.local/bin/fuzzel-emoji
+bind = SUPER, Q, killactive,
+bind = SUPERALT, Space, togglefloating, 
+bind = SHIFTSUPERALT, Q, exec, hyprctl kill
+bind = CONTROLALT, Delete, exec, pkill wlogout || wlogout -p layer-shell
+bind = CONTROLSHIFTALTSUPER, Delete, exec, systemctl poweroff
+
+# Screenshot, Record, OCR (Optical Character Recognition), Color picker, Clipboard history
+bind = SUPERSHIFT, D, exec,~/.local/bin/rubyshot | wl-copy
+bind = SUPERSHIFTALT, S, exec, grim -g "$(slurp)" - | swappy -f -
+bindl =,Print,exec,grim - | wl-copy
+bind = SUPERSHIFT, S, exec, grim -g "$(slurp)" - | wl-copy
+bind = SUPERALT, R, exec, ~/.local/bin/record-script.sh
+bind = CONTROLALT, R, exec, ~/.local/bin/record-script.sh --sound
+bind = SUPERSHIFTALT, R, exec, ~/.local/bin/record-script-fullscreen.sh
+bind = CONTROLSUPERSHIFT,S,exec,grim -g "$(slurp)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+bind = SUPERSHIFT,T,exec,grim -g "$(slurp)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+bind = SUPERSHIFT, C, exec, hyprpicker -a
+bind = SUPER, B, exec, copyq menu 
+bind = SUPER, V, exec, pkill fuzzel || cliphist list | fuzzel --no-fuzzy --icon-theme=candy-icons --background-color=1D1D27ee --text-color=cdd6f4ff --match-color=AC16C7FF --border-width=3 --border-radius=10 --border-color=8701E7FF	 --selection-color=585b70ff --selection-text-color=cdd6f4ff --selection-match-color=AC16C7FF --font="Rubik"  --prompt="   " --dmenu | cliphist decode | wl-copy
+
+# Media
+bind = SUPERSHIFT, N, exec, playerctl next || playerctl position `bc <<< "100 * $(playerctl metadata mpris:length) / 1000000 / 100"`
+bind = SUPERSHIFT, B, exec, playerctl previous
+bind = SUPERSHIFT, P, exec, playerctl play-pause
+
+#Lock screen  |  blur: --effect-blur=20x20
+bind = SUPER, L, exec, ~/.local/bin/lock.sh
+bind = SUPERSHIFT, L, exec, ~/.local/bin/lock.sh
+bindl = SUPERSHIFT, L, exec, sleep 0.1 && systemctl suspend
+
+# App launcher
+bindr = SUPER, SUPER_L, exec, ~/.config/eww/scripts/toggle-overview.sh --keypress &
+bind = SUPER, Slash, exec, pkill fuzzel || fuzzel --icon-theme=candy-icons --background-color=1D1D27ee --text-color=cdd6f4ff --match-color=AC16C7FF --border-width=3 --border-radius=10 --border-color=8701E7FF	 --selection-color=585b70ff --selection-text-color=cdd6f4ff --selection-match-color=AC16C7FF --font="Rubik"  --prompt="    "
+
+################################# eww keybinds ################################
+bindr = CONTROLSUPER, R, exec, pkill eww && eww daemon && eww open bar && eww open bottomline
+bind = SUPER, Tab, exec, ~/.config/eww/scripts/toggle-overview.sh &
+bind = SUPER, O, exec, ~/.config/eww/scripts/toggle-osettings.sh --keypress &
+bind = CONTROLSUPER, O, exec, ~/.config/eww/scripts/toggle-osettings.sh --keypress &
+bind = SUPER, M, exec, ~/.config/eww/scripts/toggle-bottombar.sh &
+bind = SUPER, N, exec, ~/.config/eww/scripts/toggle-onotify.sh --keypress &
+bind = SUPER, Comma, exec, ~/.config/eww/scripts/toggle-themer.sh &
+bind = SUPER, D, exec, ~/.config/eww/scripts/toggle-dash.sh --keypress &
+bind = SUPER, A, exec, ~/.config/eww/scripts/toggle-dashfs.sh --keypress &
+bind = SUPER, G, exec, ~/.config/eww/scripts/toggle-wingamebar.sh &
+
+bind = CONTROLSUPER, Tab, exec, ~/.config/eww/scripts/toggle-compactmode.sh
+bind = SUPERALT, W, exec, ~/.config/eww/scripts/toggle-winmode.sh
+
+############################ Keybinds for Hyprland ############################
+# Swap windows
+bind = SUPERSHIFT, left, movewindow, l
+bind = SUPERSHIFT, right, movewindow, r
+bind = SUPERSHIFT, up, movewindow, u
+bind = SUPERSHIFT, down, movewindow, d
+# Move focus
+bind = SUPER, left, movefocus, l
+bind = SUPER, right, movefocus, r
+bind = SUPER, up, movefocus, u
+bind = SUPER, down, movefocus, d
+bind = SUPER, BracketLeft, movefocus, l
+bind = SUPER, BracketRight, movefocus, r
+# Window title
+bind = SUPER, left, exec, eww update rev_center_ws=false
+bind = SUPER, right, exec, eww update rev_center_ws=false
+bind = SUPER, up, exec, eww update rev_center_ws=false
+bind = SUPER, down, exec, eww update rev_center_ws=false
+bind = SUPER, BracketLeft, exec, eww update rev_center_ws=false
+bind = SUPER, BracketRight, exec, eww update rev_center_ws=false
+bind = ALT, Tab, exec, eww update rev_center_ws=false
+
+# Workspace, window, tab switch with keyboard
+bind = CONTROLSUPER, right, workspace, +1
+bind = CONTROLSUPER, left, workspace, -1
+bind = CONTROLSUPER, BracketLeft, workspace, -1
+bind = CONTROLSUPER, BracketRight, workspace, +1
+bind = CONTROLSUPER, up, workspace, -5
+bind = CONTROLSUPER, down, workspace, +5
+bind = SUPER, Page_Down, workspace, +1
+bind = SUPER, Page_Up, workspace, -1
+bind = CONTROLSUPER, Page_Down, workspace, +1
+bind = CONTROLSUPER, Page_Up, workspace, -1
+bind = SUPERSHIFT, Page_Down, movetoworkspace, +1
+bind = SUPERSHIFT, Page_Up, movetoworkspace, -1
+bind = CONTROLSUPERSHIFT, Right, movetoworkspace, +1
+bind = CONTROLSUPERSHIFT, Left, movetoworkspace, -1
+bind = SUPERSHIFT, mouse_down, movetoworkspace, -1
+bind = SUPERSHIFT, mouse_up, movetoworkspace, +1
+
+# Show workspaces module
+bind = CONTROLSUPER, right, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, left, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, BracketLeft, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, BracketRight, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, down, exec, eww update rev_center_ws=true
+bind = SUPER, Page_Down, exec, eww update rev_center_ws=true
+bind = SUPER, Page_Up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, Page_Down, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, Page_Up, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, Page_Down, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, Page_Up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPERSHIFT, Right, exec, eww update rev_center_ws=true
+bind = CONTROLSUPERSHIFT, Left, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, mouse_down, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, mouse_up, exec, eww update rev_center_ws=true
+
+# Window split ratio
+binde = SUPER, Minus, splitratio, -0.1
+binde = SUPER, Equal, splitratio, 0.1
+binde = SUPER, Semicolon, splitratio, -0.1
+binde = SUPER, Apostrophe, splitratio, 0.1
+
+# Fullscreen
+bind = SUPER, F, fullscreen
+
+# Switching
+bind = SUPER, 1, workspace, 1
+bind = SUPER, 2, workspace, 2
+bind = SUPER, 3, workspace, 3
+bind = SUPER, 4, workspace, 4
+bind = SUPER, 5, workspace, 5
+bind = SUPER, 6, workspace, 6
+bind = SUPER, 7, workspace, 7
+bind = SUPER, 8, workspace, 8
+bind = SUPER, 9, workspace, 9
+bind = SUPER, 0, workspace, 10
+bind = SUPER, S, togglespecialworkspace,
+bind = CONTROLSUPER, S, togglespecialworkspace,
+bind = ALT, Tab, cyclenext
+bind = ALT, Tab, bringactivetotop,   # bring it to the top
+
+# Move window to workspace Super + Alt + [0-9] 
+bind = SUPER ALT, 1, movetoworkspacesilent, 1
+bind = SUPER ALT, 2, movetoworkspacesilent, 2
+bind = SUPER ALT, 3, movetoworkspacesilent, 3
+bind = SUPER ALT, 4, movetoworkspacesilent, 4
+bind = SUPER ALT, 5, movetoworkspacesilent, 5
+bind = SUPER ALT, 6, movetoworkspacesilent, 6
+bind = SUPER ALT, 7, movetoworkspacesilent, 7
+bind = SUPER ALT, 8, movetoworkspacesilent, 8
+bind = SUPER ALT, 9, movetoworkspacesilent, 9
+bind = SUPER ALT, 0, movetoworkspacesilent, 10
+bind = CONTROLSHIFTSUPER, Up, movetoworkspacesilent, special
+bind = SUPERALT, S, movetoworkspacesilent, special
+
+# Scroll through existing workspaces with (Control) + Super + scroll
+bind = SUPER, mouse_up, workspace, +1
+bind = SUPER, mouse_down, workspace, -1
+bind = CONTROLSUPER, mouse_up, workspace, +1
+bind = CONTROLSUPER, mouse_down, workspace, -1
+
+# Move/resize windows with Super + LMB/RMB and dragging
+bindm = SUPER, mouse:272, movewindow
+bindm = SUPER, mouse:273, resizewindow
+bindm = SUPER, mouse:274, movewindow
+bindm = SUPER, Z, movewindow
+bind = CONTROLSUPER, Backslash, resizeactive, exact 640 480
+
diff --git a/hybrid/.config/hypr/savedcolors/colors_alive.conf b/hybrid/.config/hypr/savedcolors/colors_alive.conf
new file mode 100755
index 000000000..101a7d2a1
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_alive.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/Igw7x_q_SY8/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLAnBg0FYExCAq5yAvoYoyE3rjhD6w
+general {
+    col.active_border = rgba(D1B043FF) rgba(E9D463FF) rgba(C7B89CFF) 45deg
+    col.inactive_border = rgba(D1B04366)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_alpha.conf b/hybrid/.config/hypr/savedcolors/colors_alpha.conf
new file mode 100755
index 000000000..1dd54a011
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_alpha.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/fjmfM_GhaKE/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAZwkQ3bKm9M6hFMb6vSPULmOR6UQ
+general {
+    col.active_border = rgba(2875C5FF) rgba(5BA6B4FF) rgba(9EA19DFF) 45deg
+    col.inactive_border = rgba(2875C566)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_amaryllis.conf b/hybrid/.config/hypr/savedcolors/colors_amaryllis.conf
new file mode 100755
index 000000000..62c63a4b8
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_amaryllis.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/-aKHRnS1NrY/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLARkaFkCli09IlsqLfdrLkiZrRmNw
+general {
+    col.active_border = rgba(75728AFF) rgba(897A89FF) rgba(8A8592FF) 45deg
+    col.inactive_border = rgba(75728A66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_andromeda.conf b/hybrid/.config/hypr/savedcolors/colors_andromeda.conf
new file mode 100755
index 000000000..24b1503a1
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_andromeda.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000102218806-ducxb5-t80x80.jpg
+general {
+    col.active_border = rgba(AECD77FF) rgba(3C6D8DFF) rgba(5EB2A8FF) 45deg
+    col.inactive_border = rgba(AECD7766)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_artemis.conf b/hybrid/.config/hypr/savedcolors/colors_artemis.conf
new file mode 100755
index 000000000..2db047817
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_artemis.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-LPvgpz3T7pFKWPBy-ihlbAw-t80x80.jpg
+general {
+    col.active_border = rgba(043094FF) rgba(3E5EA0FF) rgba(0A69CDFF) 45deg
+    col.inactive_border = rgba(04309466)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_atermis.conf b/hybrid/.config/hypr/savedcolors/colors_atermis.conf
new file mode 100755
index 000000000..2db047817
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_atermis.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-LPvgpz3T7pFKWPBy-ihlbAw-t80x80.jpg
+general {
+    col.active_border = rgba(043094FF) rgba(3E5EA0FF) rgba(0A69CDFF) 45deg
+    col.inactive_border = rgba(04309466)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_beach.conf b/hybrid/.config/hypr/savedcolors/colors_beach.conf
new file mode 100755
index 000000000..ec36c1a72
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_beach.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(99B5DEFF) rgba(92CBF6FF) rgba(B0E2F7FF) 45deg
+    col.inactive_border = rgba(99B5DE66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_berightthere.conf b/hybrid/.config/hypr/savedcolors/colors_berightthere.conf
new file mode 100755
index 000000000..02aaaeefe
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_berightthere.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi_webp/eXJqyCgVpjc/mqdefault.webp
+general {
+    col.active_border = rgba(955B6CFF) rgba(D36572FF) rgba(DC728FFF) 45deg
+    col.inactive_border = rgba(955B6C66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_bittersweet.conf b/hybrid/.config/hypr/savedcolors/colors_bittersweet.conf
new file mode 100755
index 000000000..bd85d3b93
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_bittersweet.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/5jvVbbai7qk/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLDyTWGok8rtpE0Dj6rsAY9n03bhkQ
+general {
+    col.active_border = rgba(C96F95FF) rgba(A7868DFF) rgba(DB9DAAFF) 45deg
+    col.inactive_border = rgba(C96F9566)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_blessingbeat.conf b/hybrid/.config/hypr/savedcolors/colors_blessingbeat.conf
new file mode 100755
index 000000000..5ec9e5a5c
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_blessingbeat.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000579642002-mq4kgn-t80x80.jpg
+general {
+    col.active_border = rgba(D3A3F8FF) rgba(F3B3FAFF) rgba(B1F6FBFF) 45deg
+    col.inactive_border = rgba(D3A3F866)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_bluenation.conf b/hybrid/.config/hypr/savedcolors/colors_bluenation.conf
new file mode 100755
index 000000000..9385950b1
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_bluenation.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(60C4F1FF) rgba(9F9BABFF) rgba(A2AECFFF) 45deg
+    col.inactive_border = rgba(60C4F166)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_bluenation_purple.conf b/hybrid/.config/hypr/savedcolors/colors_bluenation_purple.conf
new file mode 100755
index 000000000..39b88d3c6
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_bluenation_purple.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(39B1D7FF) rgba(63A0D4FF) rgba(9BA1CFFF) 45deg
+    col.inactive_border = rgba(39B1D766)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_blueroar.conf b/hybrid/.config/hypr/savedcolors/colors_blueroar.conf
new file mode 100755
index 000000000..8f00d2a73
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_blueroar.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/4Me9rKMKIiY/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_gmAAtAFigIMCAAQARgdIGUoYDAP&rs=AOn4CLCTO0d31Dqgq1VrZ7Kyc7QQprKctw
+general {
+    col.active_border = rgba(E72DA9FF) rgba(C24BB3FF) rgba(32EBDCFF) 45deg
+    col.inactive_border = rgba(E72DA966)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_breakaway.conf b/hybrid/.config/hypr/savedcolors/colors_breakaway.conf
new file mode 100755
index 000000000..d69e5c059
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_breakaway.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/OdasYzoN7TQ/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCYFcwiVGbaXXSPIUCHH7RG7dYbMQ
+general {
+    col.active_border = rgba(C9B0FDFF) rgba(E3BCFEFF) rgba(B1D2FDFF) 45deg
+    col.inactive_border = rgba(C9B0FD66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_bunnygirl.conf b/hybrid/.config/hypr/savedcolors/colors_bunnygirl.conf
new file mode 100755
index 000000000..a8c0df18f
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_bunnygirl.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000464639244-hzoi9t-t80x80.jpg
+general {
+    col.active_border = rgba(0C30A0FF) rgba(1A50A5FF) rgba(5443D2FF) 45deg
+    col.inactive_border = rgba(0C30A066)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_bythesunlitwindow.conf b/hybrid/.config/hypr/savedcolors/colors_bythesunlitwindow.conf
new file mode 100755
index 000000000..5e1735df6
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_bythesunlitwindow.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/m-imaoaZ9ho/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLBkvbpwGwMXwTM2ezepbUGV05pLFg
+general {
+    col.active_border = rgba(9A6BA7FF) rgba(AA7AC3FF) rgba(B786CEFF) 45deg
+    col.inactive_border = rgba(9A6BA766)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_crystalcave.conf b/hybrid/.config/hypr/savedcolors/colors_crystalcave.conf
new file mode 100755
index 000000000..e681c0c13
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_crystalcave.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi_webp/4cFD-5w5cyA/mqdefault.webp
+general {
+    col.active_border = rgba(2A9EE5FF) rgba(4E9DC4FF) rgba(62D9F9FF) 45deg
+    col.inactive_border = rgba(2A9EE566)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_cutelight.conf b/hybrid/.config/hypr/savedcolors/colors_cutelight.conf
new file mode 100755
index 000000000..9170ee665
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_cutelight.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/hcbc09-cQaM/mqdefault.jpg
+general {
+    col.active_border = rgba(A2A1ABFF) rgba(D8B3B1FF) rgba(B1CADBFF) 45deg
+    col.inactive_border = rgba(A2A1AB66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_cycles.conf b/hybrid/.config/hypr/savedcolors/colors_cycles.conf
new file mode 100755
index 000000000..84176f797
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_cycles.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/gmSGmgffLXI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDoJVlARTVsqnvWgL506qzeguKpdw
+general {
+    col.active_border = rgba(A56E56FF) rgba(E37748FF) rgba(AB8873FF) 45deg
+    col.inactive_border = rgba(A56E5666)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_decoyworld.conf b/hybrid/.config/hypr/savedcolors/colors_decoyworld.conf
new file mode 100755
index 000000000..a9717d592
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_decoyworld.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000277772429-kb8c52-t80x80.jpg
+general {
+    col.active_border = rgba(4C7192FF) rgba(A575A5FF) rgba(39A6CEFF) 45deg
+    col.inactive_border = rgba(4C719266)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_default.conf b/hybrid/.config/hypr/savedcolors/colors_default.conf
new file mode 100755
index 000000000..26e08c990
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_default.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(90CBE4FF) rgba(15BBFFFF) rgba(688cd4FF) 45deg
+    col.inactive_border = rgba(A494A566)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_disconnectedblue.conf b/hybrid/.config/hypr/savedcolors/colors_disconnectedblue.conf
new file mode 100755
index 000000000..d78b61ae0
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_disconnectedblue.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/_z1L9alieOI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLA_0euyiuQSHnE8Gn0l5AECOTvFtQ
+general {
+    col.active_border = rgba(727085FF) rgba(019DB5FF) rgba(5BB8B8FF) 45deg
+    col.inactive_border = rgba(72708566)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_disconnectedblue_dark.conf b/hybrid/.config/hypr/savedcolors/colors_disconnectedblue_dark.conf
new file mode 100755
index 000000000..a6bef6538
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_disconnectedblue_dark.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/_z1L9alieOI/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLDk081Hk_24mnKxtawjxKQ64rrQDg
+general {
+    col.active_border = rgba(767C80FF) rgba(039CB7FF) rgba(5EB6B9FF) 45deg
+    col.inactive_border = rgba(767C8066)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_eclipse.conf b/hybrid/.config/hypr/savedcolors/colors_eclipse.conf
new file mode 100755
index 000000000..a81a7a545
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_eclipse.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(F85B13FF) rgba(A05862FF) rgba(7B6985FF) 45deg
+    col.inactive_border = rgba(F85B1366)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_eternalmelody.conf b/hybrid/.config/hypr/savedcolors/colors_eternalmelody.conf
new file mode 100755
index 000000000..126951230
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_eternalmelody.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(905772FF) rgba(A35161FF) rgba(A36D8FFF) 45deg
+    col.inactive_border = rgba(90577266)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_euphoria.conf b/hybrid/.config/hypr/savedcolors/colors_euphoria.conf
new file mode 100755
index 000000000..a1165ff17
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_euphoria.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/7Pyt_xftxM8/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_gmAAtAFigIMCAAQARh_ID0oJDAP&rs=AOn4CLCqLpcalabHrrGdKHYreXbaxo3BMw
+general {
+    col.active_border = rgba(985F2BFF) rgba(AA7133FF) rgba(B78938FF) 45deg
+    col.inactive_border = rgba(985F2B66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_everythinggoeson.conf b/hybrid/.config/hypr/savedcolors/colors_everythinggoeson.conf
new file mode 100755
index 000000000..0a551f846
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_everythinggoeson.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-JgiEcXItFfvrKUZ9-aVqgEw-t80x80.jpg
+general {
+    col.active_border = rgba(BBA7A7FF) rgba(EE91B4FF) rgba(FCB0D0FF) 45deg
+    col.inactive_border = rgba(BBA7A766)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_finale.conf b/hybrid/.config/hypr/savedcolors/colors_finale.conf
new file mode 100755
index 000000000..2e9b539fa
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_finale.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-rs5BJbnE1joHdT19-cy5Ilg-t80x80.jpg
+general {
+    col.active_border = rgba(F8817EFF) rgba(BD8683FF) rgba(F7A49BFF) 45deg
+    col.inactive_border = rgba(F8817E66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_flare.conf b/hybrid/.config/hypr/savedcolors/colors_flare.conf
new file mode 100755
index 000000000..6f1f444e6
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_flare.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/51k7SJPDUNo/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB1AaAAuADigIMCAAQARh_IE4oGjAP&rs=AOn4CLATHs_fDDtgQN42Gi-Dwj9AvUCnqQ
+general {
+    col.active_border = rgba(696350FF) rgba(92360FFF) rgba(A7683CFF) 45deg
+    col.inactive_border = rgba(69635066)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_flate.conf b/hybrid/.config/hypr/savedcolors/colors_flate.conf
new file mode 100755
index 000000000..6f1f444e6
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_flate.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/51k7SJPDUNo/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB1AaAAuADigIMCAAQARh_IE4oGjAP&rs=AOn4CLATHs_fDDtgQN42Gi-Dwj9AvUCnqQ
+general {
+    col.active_border = rgba(696350FF) rgba(92360FFF) rgba(A7683CFF) 45deg
+    col.inactive_border = rgba(69635066)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_flowers.conf b/hybrid/.config/hypr/savedcolors/colors_flowers.conf
new file mode 100755
index 000000000..5d6187fde
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_flowers.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(99798CFF) rgba(6A87B1FF) rgba(A39BA5FF) 45deg
+    col.inactive_border = rgba(99798C66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_forest_bluegreen.conf b/hybrid/.config/hypr/savedcolors/colors_forest_bluegreen.conf
new file mode 100755
index 000000000..728cae939
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_forest_bluegreen.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(7B805DFF) rgba(BCBD58FF) rgba(4C748AFF) 45deg
+    col.inactive_border = rgba(7B805D66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_forever.conf b/hybrid/.config/hypr/savedcolors/colors_forever.conf
new file mode 100755
index 000000000..420a55ec8
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_forever.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/8abwtVLP18Y/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLABvuWZHErcUxghiy_4ZuNZFFoXUA
+general {
+    col.active_border = rgba(5322A1FF) rgba(433AA8FF) rgba(691FD5FF) 45deg
+    col.inactive_border = rgba(5322A166)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_forsythia.conf b/hybrid/.config/hypr/savedcolors/colors_forsythia.conf
new file mode 100755
index 000000000..c47631c17
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_forsythia.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(ECD069FF) rgba(AFA892FF) rgba(BAC59CFF) 45deg
+    col.inactive_border = rgba(ECD06966)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_frostdragon.conf b/hybrid/.config/hypr/savedcolors/colors_frostdragon.conf
new file mode 100755
index 000000000..75fe99f81
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_frostdragon.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(3E83A0FF) rgba(4F90ACFF) rgba(6AB2CAFF) 45deg
+    col.inactive_border = rgba(3E83A066)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_frozenheart.conf b/hybrid/.config/hypr/savedcolors/colors_frozenheart.conf
new file mode 100755
index 000000000..f82ea60db
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_frozenheart.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(CDAEB2FF) rgba(CDBFC2FF) rgba(D9CBD2FF) 45deg
+    col.inactive_border = rgba(CDAEB266)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_genshinbeach.conf b/hybrid/.config/hypr/savedcolors/colors_genshinbeach.conf
new file mode 100755
index 000000000..ec36c1a72
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_genshinbeach.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(99B5DEFF) rgba(92CBF6FF) rgba(B0E2F7FF) 45deg
+    col.inactive_border = rgba(99B5DE66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_godrays.conf b/hybrid/.config/hypr/savedcolors/colors_godrays.conf
new file mode 100755
index 000000000..06626dece
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_godrays.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(3C5749FF) rgba(8B7521FF) rgba(9F8F28FF) 45deg
+    col.inactive_border = rgba(3C574966)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_green.conf b/hybrid/.config/hypr/savedcolors/colors_green.conf
new file mode 100755
index 000000000..1fdddaa16
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_green.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(656B5AFF) rgba(70736BFF) rgba(7C836DFF) 45deg
+    col.inactive_border = rgba(656B5A66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_heartafire.conf b/hybrid/.config/hypr/savedcolors/colors_heartafire.conf
new file mode 100755
index 000000000..da3f8b7e0
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_heartafire.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000194675612-qt4sr3-t80x80.jpg
+general {
+    col.active_border = rgba(5D2648FF) rgba(6E2A4CFF) rgba(A91D3BFF) 45deg
+    col.inactive_border = rgba(5D264866)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_ice.conf b/hybrid/.config/hypr/savedcolors/colors_ice.conf
new file mode 100755
index 000000000..b63609b43
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_ice.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000141682356-dsvdol-t80x80.jpg
+general {
+    col.active_border = rgba(4977ACFF) rgba(5F8AB8FF) rgba(849FBFFF) 45deg
+    col.inactive_border = rgba(4977AC66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_innovation.conf b/hybrid/.config/hypr/savedcolors/colors_innovation.conf
new file mode 100755
index 000000000..c99fcca00
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_innovation.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-VzJtkezGcHZPTQwV-sj8hyg-t80x80.jpg
+general {
+    col.active_border = rgba(891A8BFF) rgba(9726ADFF) rgba(D55FD7FF) 45deg
+    col.inactive_border = rgba(891A8B66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_iswear.conf b/hybrid/.config/hypr/savedcolors/colors_iswear.conf
new file mode 100755
index 000000000..3d8e73841
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_iswear.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/pLQGfSQUuCM/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAxjZ9gSU45DvSy7J__T2odBUct4w
+general {
+    col.active_border = rgba(CF8A77FF) rgba(B29890FF) rgba(DAC6AFFF) 45deg
+    col.inactive_border = rgba(CF8A7766)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_iwillpickyouup.conf b/hybrid/.config/hypr/savedcolors/colors_iwillpickyouup.conf
new file mode 100755
index 000000000..4e71e447d
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_iwillpickyouup.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000058034277-sq9814-t80x80.jpg
+general {
+    col.active_border = rgba(7F7E7EFF) rgba(1BAC6DFF) rgba(02FA97FF) 45deg
+    col.inactive_border = rgba(7F7E7E66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_kurumi.conf b/hybrid/.config/hypr/savedcolors/colors_kurumi.conf
new file mode 100755
index 000000000..2f77a7f87
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_kurumi.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-viSbRZk1zikdSKYq-C4WdAw-t80x80.jpg
+general {
+    col.active_border = rgba(995A5DFF) rgba(DF5A5DFF) rgba(AC7492FF) 45deg
+    col.inactive_border = rgba(995A5D66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_lazertrack.conf b/hybrid/.config/hypr/savedcolors/colors_lazertrack.conf
new file mode 100755
index 000000000..ba280e302
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_lazertrack.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000499340190-zt5zgv-t80x80.jpg
+general {
+    col.active_border = rgba(A5528AFF) rgba(C36192FF) rgba(A792A0FF) 45deg
+    col.inactive_border = rgba(A5528A66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_lullaby.conf b/hybrid/.config/hypr/savedcolors/colors_lullaby.conf
new file mode 100755
index 000000000..dc0d1fcb2
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_lullaby.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-cAla9lDzW6P2WRRA-yJp1yg-t80x80.jpg
+general {
+    col.active_border = rgba(174F6AFF) rgba(634F64FF) rgba(D32509FF) 45deg
+    col.inactive_border = rgba(174F6A66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_meltdown.conf b/hybrid/.config/hypr/savedcolors/colors_meltdown.conf
new file mode 100755
index 000000000..100777676
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_meltdown.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/Ym0VhyO0ajM/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLAnOkNUJDDk6eA2RagDI-cOWNqthw
+general {
+    col.active_border = rgba(1E649FFF) rgba(106FAFFF) rgba(2B89B4FF) 45deg
+    col.inactive_border = rgba(1E649F66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_mirror.conf b/hybrid/.config/hypr/savedcolors/colors_mirror.conf
new file mode 100755
index 000000000..6edac1c00
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_mirror.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/co1QafXwo4g/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAncOMlDFU5jwlz8_EJITJPz1xaxQ
+general {
+    col.active_border = rgba(5F1DD9FF) rgba(334AC7FF) rgba(924CC2FF) 45deg
+    col.inactive_border = rgba(5F1DD966)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_moments.conf b/hybrid/.config/hypr/savedcolors/colors_moments.conf
new file mode 100755
index 000000000..21e6093d0
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_moments.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/FJerhImwS5E/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDEK86tcWOOWAN7v2kHv4Oy3w-8Jg
+general {
+    col.active_border = rgba(65DBF3FF) rgba(B4B1C3FF) rgba(92EFF7FF) 45deg
+    col.inactive_border = rgba(65DBF366)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_monster.conf b/hybrid/.config/hypr/savedcolors/colors_monster.conf
new file mode 100755
index 000000000..93d6be3d4
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_monster.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/0CuTOGKMWW0/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBkQ9ETNGNv538s2qddDWjrEvW4-A
+general {
+    col.active_border = rgba(059687FF) rgba(02B091FF) rgba(13F3A9FF) 45deg
+    col.inactive_border = rgba(05968766)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_moonlight.conf b/hybrid/.config/hypr/savedcolors/colors_moonlight.conf
new file mode 100755
index 000000000..c46925d3f
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_moonlight.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/zJ9NHv9UIHI/mqdefault.jpg
+general {
+    col.active_border = rgba(E99A71FF) rgba(592D9AFF) rgba(5D57C1FF) 45deg
+    col.inactive_border = rgba(E99A7166)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_multi.conf b/hybrid/.config/hypr/savedcolors/colors_multi.conf
new file mode 100755
index 000000000..24b1503a1
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_multi.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000102218806-ducxb5-t80x80.jpg
+general {
+    col.active_border = rgba(AECD77FF) rgba(3C6D8DFF) rgba(5EB2A8FF) 45deg
+    col.inactive_border = rgba(AECD7766)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_neon_bluered.conf b/hybrid/.config/hypr/savedcolors/colors_neon_bluered.conf
new file mode 100755
index 000000000..b873308d6
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_neon_bluered.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(E02A29FF) rgba(FAE5A8FF) rgba(50FDFEFF) 45deg
+    col.inactive_border = rgba(46315F66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_notfound.conf b/hybrid/.config/hypr/savedcolors/colors_notfound.conf
new file mode 100755
index 000000000..e23a6798f
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_notfound.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/VPAbyHafVq4/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBPcSDAncsROkuIMYJHgZwUbfZGMg
+general {
+    col.active_border = rgba(E26A78FF) rgba(827590FF) rgba(E57485FF) 45deg
+    col.inactive_border = rgba(E26A7866)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_nova.conf b/hybrid/.config/hypr/savedcolors/colors_nova.conf
new file mode 100755
index 000000000..6ea6b51da
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_nova.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/OnVNcl7mX_Q/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBh9_sgGX3UhmFVI4HmgNskpjRy6w
+general {
+    col.active_border = rgba(32678EFF) rgba(636790FF) rgba(68A5C0FF) 45deg
+    col.inactive_border = rgba(32678E66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_nowthatitstrue.conf b/hybrid/.config/hypr/savedcolors/colors_nowthatitstrue.conf
new file mode 100755
index 000000000..e875b1ca0
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_nowthatitstrue.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-ztgvVI8fjqhzocM1-cFVrJw-t80x80.jpg
+general {
+    col.active_border = rgba(6FAED0FF) rgba(8DAAB7FF) rgba(8FB3CBFF) 45deg
+    col.inactive_border = rgba(6FAED066)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_osubluegreen.conf b/hybrid/.config/hypr/savedcolors/colors_osubluegreen.conf
new file mode 100755
index 000000000..9df0060f2
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_osubluegreen.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(2C6A66FF) rgba(476961FF) rgba(1E7988FF) 45deg
+    col.inactive_border = rgba(2C6A6666)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_outbreaker.conf b/hybrid/.config/hypr/savedcolors/colors_outbreaker.conf
new file mode 100755
index 000000000..9be38c91a
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_outbreaker.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://lh3.googleusercontent.com/mjuSrFmUlV0OV07Jwp8t4djDxzT2NHHTYP5e-lX3Al6GPJU2ZeB42W6zah4PsLaRYyRj0CgLpiKwAYg=w544-h544-l90-rj
+general {
+    col.active_border = rgba(968F71FF) rgba(CCA856FF) rgba(5E8F8BFF) 45deg
+    col.inactive_border = rgba(968F7166)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_outer.conf b/hybrid/.config/hypr/savedcolors/colors_outer.conf
new file mode 100755
index 000000000..a6dd296ed
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_outer.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/JkQ0izNVq6w/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLBWz3L9h6QvOBRnl4EQ25BULuM6zg
+general {
+    col.active_border = rgba(465453FF) rgba(57665BFF) rgba(5A8875FF) 45deg
+    col.inactive_border = rgba(46545366)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_pagoda.conf b/hybrid/.config/hypr/savedcolors/colors_pagoda.conf
new file mode 100755
index 000000000..e76351555
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_pagoda.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000440501349-15fy1j-t80x80.jpg
+general {
+    col.active_border = rgba(556F93FF) rgba(5F90AAFF) rgba(5CABD3FF) 45deg
+    col.inactive_border = rgba(556F9366)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_piano.conf b/hybrid/.config/hypr/savedcolors/colors_piano.conf
new file mode 100755
index 000000000..499d16ee1
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_piano.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(82E6F5FF) rgba(0C9DE0FF) rgba(82E6F5FF) 45deg
+    col.inactive_border = rgba(40535966)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_purpleplanet.conf b/hybrid/.config/hypr/savedcolors/colors_purpleplanet.conf
new file mode 100755
index 000000000..a7b1b7f86
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_purpleplanet.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000145811820-tdcxea-t80x80.jpg
+general {
+    col.active_border = rgba(6F6BCFFF) rgba(857AD7FF) rgba(9B87BBFF) 45deg
+    col.inactive_border = rgba(6F6BCF66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_questions.conf b/hybrid/.config/hypr/savedcolors/colors_questions.conf
new file mode 100755
index 000000000..b853d4712
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_questions.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/zvuFqUO0lVI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBBWCjrEnW6fFvusjyR20ghqVkuRQ
+general {
+    col.active_border = rgba(974DECFF) rgba(679AD7FF) rgba(A0A1D9FF) 45deg
+    col.inactive_border = rgba(974DEC66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_quicksand.conf b/hybrid/.config/hypr/savedcolors/colors_quicksand.conf
new file mode 100755
index 000000000..ab2226896
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_quicksand.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/sgfF7QXhNPA/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDCzrCG50-ll2-ilsgYtJI-YL8_iw
+general {
+    col.active_border = rgba(62B3D4FF) rgba(6CD0D0FF) rgba(E997AEFF) 45deg
+    col.inactive_border = rgba(62B3D466)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_raindrops.conf b/hybrid/.config/hypr/savedcolors/colors_raindrops.conf
new file mode 100755
index 000000000..98e657bc9
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_raindrops.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/bQPEwCqhBjQ/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLC-aefrQSi8LgVWH_FeTG7Yrl7b-g
+general {
+    col.active_border = rgba(505F63FF) rgba(727B84FF) rgba(78838BFF) 45deg
+    col.inactive_border = rgba(505F6366)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_rebootcode.conf b/hybrid/.config/hypr/savedcolors/colors_rebootcode.conf
new file mode 100755
index 000000000..9a129e463
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_rebootcode.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-PkAvHpDy3ypruTdy-C5m8rA-t80x80.jpg
+general {
+    col.active_border = rgba(159DA2FF) rgba(5B9FA2FF) rgba(5ECEBAFF) 45deg
+    col.inactive_border = rgba(159DA266)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_red.conf b/hybrid/.config/hypr/savedcolors/colors_red.conf
new file mode 100755
index 000000000..2b5ab0f10
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_red.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-vz229DA99tPFdm3E-eDLGdQ-t80x80.jpg
+general {
+    col.active_border = rgba(E93B2FFF) rgba(B74037FF) rgba(EA4737FF) 45deg
+    col.inactive_border = rgba(E93B2F66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_ripples.conf b/hybrid/.config/hypr/savedcolors/colors_ripples.conf
new file mode 100755
index 000000000..6707fc8ea
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_ripples.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/iwc8xXoL3WM/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBCdzgc6r9qvldRzSjRoZGX_vCpwg
+general {
+    col.active_border = rgba(31E3F5FF) rgba(54DCF6FF) rgba(CBA6D3FF) 45deg
+    col.inactive_border = rgba(31E3F566)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_running.conf b/hybrid/.config/hypr/savedcolors/colors_running.conf
new file mode 100755
index 000000000..e96092c1a
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_running.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/Crlc6AQr61M/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLDdQPef0Ec5x28JLgLCyT4Qa9JeqQ
+general {
+    col.active_border = rgba(8C77B7FF) rgba(718C8FFF) rgba(4ED0C4FF) 45deg
+    col.inactive_border = rgba(8C77B766)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_s73.conf b/hybrid/.config/hypr/savedcolors/colors_s73.conf
new file mode 100755
index 000000000..78f7bc105
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_s73.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000117563971-vx726i-t80x80.jpg
+general {
+    col.active_border = rgba(A29EA5FF) rgba(E499B3FF) rgba(F79AC3FF) 45deg
+    col.inactive_border = rgba(A29EA566)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_shelter.conf b/hybrid/.config/hypr/savedcolors/colors_shelter.conf
new file mode 100755
index 000000000..79a828a15
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_shelter.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000189983181-azrg5q-t80x80.jpg
+general {
+    col.active_border = rgba(ABB472FF) rgba(5FAD9EFF) rgba(5DE9B0FF) 45deg
+    col.inactive_border = rgba(ABB47266)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_shiny.conf b/hybrid/.config/hypr/savedcolors/colors_shiny.conf
new file mode 100755
index 000000000..afc65c791
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_shiny.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(5C6ADFFF) rgba(B650B9FF) rgba(40C3F0FF) 45deg
+    col.inactive_border = rgba(5C6ADF66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_skylightz.conf b/hybrid/.config/hypr/savedcolors/colors_skylightz.conf
new file mode 100755
index 000000000..432ad4bcb
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_skylightz.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/i7cDLZgrqW4/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCRBvhM7aVv-ZgGz3TeptwLxpkccA
+general {
+    col.active_border = rgba(AF682FFF) rgba(94744EFF) rgba(AB8D5BFF) 45deg
+    col.inactive_border = rgba(AF682F66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_something.conf b/hybrid/.config/hypr/savedcolors/colors_something.conf
new file mode 100755
index 000000000..3722f2474
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_something.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-nL66GQT0mV6xB0sq-VWO0IQ-t80x80.jpg
+general {
+    col.active_border = rgba(C74DD3FF) rgba(D14EEDFF) rgba(47D3F2FF) 45deg
+    col.inactive_border = rgba(C74DD366)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_space.conf b/hybrid/.config/hypr/savedcolors/colors_space.conf
new file mode 100755
index 000000000..1ae5e2440
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_space.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/MFLLM-IlAiA/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgBgAqAAtAFigIMCAAQARg6ICUofzAP&rs=AOn4CLCAxEwS6DeTEdj-ZUHlDG4KX9v7gg
+general {
+    col.active_border = rgba(38298CFF) rgba(52329DFF) rgba(693EC2FF) 45deg
+    col.inactive_border = rgba(38298C66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_spacepark.conf b/hybrid/.config/hypr/savedcolors/colors_spacepark.conf
new file mode 100755
index 000000000..edcfd0f94
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_spacepark.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/4a7IQMXRTjo/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLAbgVnnrFumMO52CQqoOH07NAAoiw
+general {
+    col.active_border = rgba(D5754AFF) rgba(D29156FF) rgba(A49A98FF) 45deg
+    col.inactive_border = rgba(D5754A66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_store.conf b/hybrid/.config/hypr/savedcolors/colors_store.conf
new file mode 100755
index 000000000..909d9c2b5
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_store.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(AF8D61FF) rgba(CEB153FF) rgba(7B8387FF) 45deg
+    col.inactive_border = rgba(AF8D6166)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_stray.conf b/hybrid/.config/hypr/savedcolors/colors_stray.conf
new file mode 100755
index 000000000..8e9967783
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_stray.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/wmxTC1Ekdl0/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLC3jHf2azRr9sX7Uf9X4jkA-WBouw
+general {
+    col.active_border = rgba(2A6D69FF) rgba(4A736AFF) rgba(56A264FF) 45deg
+    col.inactive_border = rgba(2A6D6966)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_thinkingaboutyou.conf b/hybrid/.config/hypr/savedcolors/colors_thinkingaboutyou.conf
new file mode 100755
index 000000000..91a7aeab6
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_thinkingaboutyou.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-vh98Q4s3QFJT23EV-FvvRqg-t80x80.jpg
+general {
+    col.active_border = rgba(265B9DFF) rgba(5363A2FF) rgba(9763B1FF) 45deg
+    col.inactive_border = rgba(265B9D66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_towerofheaven.conf b/hybrid/.config/hypr/savedcolors/colors_towerofheaven.conf
new file mode 100755
index 000000000..ecfd141e2
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_towerofheaven.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/z-sAl3S5qB8/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDzRfHxWNw0j06WF2biOQ-VbcUoTw
+general {
+    col.active_border = rgba(BDB85EFF) rgba(376993FF) rgba(43B9BFFF) 45deg
+    col.inactive_border = rgba(BDB85E66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_treecity.conf b/hybrid/.config/hypr/savedcolors/colors_treecity.conf
new file mode 100755
index 000000000..124ea4017
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_treecity.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(70736BFF) rgba(807E7DFF) rgba(858B79FF) 45deg
+    col.inactive_border = rgba(70736B66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_ureshii.conf b/hybrid/.config/hypr/savedcolors/colors_ureshii.conf
new file mode 100755
index 000000000..6b0dc279a
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_ureshii.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/wbKCxh6Cbas/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBGivzPsRD2wlU0kfKvi78QajjbbQ
+general {
+    col.active_border = rgba(57AED7FF) rgba(ACA5ABFF) rgba(F2B9C6FF) 45deg
+    col.inactive_border = rgba(57AED766)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_vacuumtrack.conf b/hybrid/.config/hypr/savedcolors/colors_vacuumtrack.conf
new file mode 100755
index 000000000..39beef0c3
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_vacuumtrack.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/1pS7H0idJok/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLArWcsuqPN1TEVR4A0ipjGuM69bsA
+general {
+    col.active_border = rgba(60A15FFF) rgba(2F728DFF) rgba(9AA8ABFF) 45deg
+    col.inactive_border = rgba(60A15F66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_valhalla.conf b/hybrid/.config/hypr/savedcolors/colors_valhalla.conf
new file mode 100755
index 000000000..93fdfc071
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_valhalla.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/-EDhOHxUYBI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDwfUPyaJr5NC-mDW_CQfTR2BzQgw
+general {
+    col.active_border = rgba(668C76FF) rgba(A5916FFF) rgba(ABA793FF) 45deg
+    col.inactive_border = rgba(668C7666)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_vertigo.conf b/hybrid/.config/hypr/savedcolors/colors_vertigo.conf
new file mode 100755
index 000000000..eedc5176b
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_vertigo.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/TJB0vBURJu8/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBSn25aezZvjIetBF8GVsTMPat0Zw
+general {
+    col.active_border = rgba(9D62AAFF) rgba(B570BEFF) rgba(AE9FD6FF) 45deg
+    col.inactive_border = rgba(9D62AA66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_viking.conf b/hybrid/.config/hypr/savedcolors/colors_viking.conf
new file mode 100755
index 000000000..2b7d84532
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_viking.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000133005283-3v8p3y-t80x80.jpg
+general {
+    col.active_border = rgba(43807FFF) rgba(3F8181FF) rgba(6FAAA9FF) 45deg
+    col.inactive_border = rgba(43807F66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_virtuality_yellow.conf b/hybrid/.config/hypr/savedcolors/colors_virtuality_yellow.conf
new file mode 100755
index 000000000..364a80be1
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_virtuality_yellow.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000206124670-565xt2-t80x80.jpg
+general {
+    col.active_border = rgba(64544EFF) rgba(8F6A1EFF) rgba(A39716FF) 45deg
+    col.inactive_border = rgba(64544E66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_wayfire.conf b/hybrid/.config/hypr/savedcolors/colors_wayfire.conf
new file mode 100755
index 000000000..545ad05bf
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_wayfire.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(5D522DFF) rgba(4F4A4BFF) rgba(8E6D47FF) 45deg
+    col.inactive_border = rgba(5D522D66)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_winglow.conf b/hybrid/.config/hypr/savedcolors/colors_winglow.conf
new file mode 100755
index 000000000..6d1c33669
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_winglow.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(A33449FF) rgba(941463FF) rgba(63059AFF) 45deg
+    col.inactive_border = rgba(A3344966)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_wontletyougo.conf b/hybrid/.config/hypr/savedcolors/colors_wontletyougo.conf
new file mode 100755
index 000000000..e4bd8308a
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_wontletyougo.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-TjOvf5O3gR9APB4i-XDwyyQ-t80x80.jpg
+general {
+    col.active_border = rgba(7B8AD7FF) rgba(8FA5ABFF) rgba(A7A2E4FF) 45deg
+    col.inactive_border = rgba(7B8AD766)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_yae.conf b/hybrid/.config/hypr/savedcolors/colors_yae.conf
new file mode 100755
index 000000000..4fc0d05d2
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_yae.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/_WUbjkbo_68/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLD21OKbXXt2noW8DCM03zaAWn4ayw
+general {
+    col.active_border = rgba(A59AA1FF) rgba(EA9EA6FF) rgba(B9AFCBFF) 45deg
+    col.inactive_border = rgba(A59AA166)
+}
diff --git a/hybrid/.config/hypr/savedcolors/colors_zoetrope.conf b/hybrid/.config/hypr/savedcolors/colors_zoetrope.conf
new file mode 100755
index 000000000..bb2748ac9
--- /dev/null
+++ b/hybrid/.config/hypr/savedcolors/colors_zoetrope.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/VFQJtOWvLj8/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLAhXM1ytyNZdqR6WDnwGXH2ennWHQ
+general {
+    col.active_border = rgba(A9959DFF) rgba(D7A2A6FF) rgba(E3C5BCFF) 45deg
+    col.inactive_border = rgba(A9959D66)
+}
diff --git a/hybrid/.config/hypr/shaders/bluefilter.frag b/hybrid/.config/hypr/shaders/bluefilter.frag
new file mode 100755
index 000000000..5469af9c6
--- /dev/null
+++ b/hybrid/.config/hypr/shaders/bluefilter.frag
@@ -0,0 +1,20 @@
+// vim: set ft=glsl:
+// blue light filter shader
+// values from https://reshade.me/forum/shader-discussion/3673-blue-light-filter-similar-to-f-lux
+
+precision mediump float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+
+void main() {
+
+    vec4 pixColor = texture2D(tex, v_texcoord);
+
+    // green
+    pixColor[1] *= 0.855;
+
+    // blue
+    pixColor[2] *= 0.725;
+
+    gl_FragColor = pixColor;
+}
diff --git a/hybrid/.config/hypr/shaders/crt.frag b/hybrid/.config/hypr/shaders/crt.frag
new file mode 100755
index 000000000..a37ff9fb2
--- /dev/null
+++ b/hybrid/.config/hypr/shaders/crt.frag
@@ -0,0 +1,511 @@
+#version 100
+precision highp float;
+varying highp vec2 v_texcoord;
+varying highp vec3 v_pos;
+uniform highp sampler2D tex;
+uniform lowp float time;
+
+#define BORDER_COLOR vec4(vec3(0.0, 0.0, 0.0), 1.0) // black border
+#define BORDER_RADIUS 1.0 // larger vignette radius
+#define BORDER_SIZE 0.01 // small border size
+#define CHROMATIC_ABERRATION_STRENGTH 0.00
+#define DENOISE_INTENSITY 0.0001 //
+#define DISTORTION_AMOUNT 0.00 // moderate distortion amount
+#define HDR_BLOOM 0.75 // bloom intensity
+#define HDR_BRIGHTNESS 0.011 // brightness
+#define HDR_CONTRAST 0.011 // contrast
+#define HDR_SATURATION 1.0// saturation
+#define LENS_DISTORTION_AMOUNT 0.0
+#define NOISE_THRESHOLD 0.0001
+#define PHOSPHOR_BLUR_AMOUNT 0.77 // Amount of blur for phosphor glow
+#define PHOSPHOR_GLOW_AMOUNT 0.77 // Amount of phosphor glow
+#define SAMPLING_RADIUS 0.0001
+#define SCANLINE_FREQUENCY 540.0
+#define SCANLINE_THICKNESS 0.0507
+#define SCANLINE_TIME time * 471.24
+#define SHARPNESS 0.25
+#define SUPERSAMPLING_SAMPLES 16.0
+#define VIGNETTE_RADIUS 0.0 // larger vignette radius
+#define PI 3.14159265359
+#define TWOPI 6.28318530718
+
+vec2 applyBarrelDistortion(vec2 coord, float amt) {
+    vec2 p = coord.xy / vec2(1.0);
+    vec2 v = p * 2.0 - vec2(1.0);
+    float r = dot(v, v);
+    float k = 1.0 + pow(r, 2.0) * pow(amt, 2.0);
+    vec2 result = v * k;
+    return vec2(0.5, 0.5) + 0.5 * result.xy;
+}
+
+vec4 applyColorCorrection(vec4 color) {
+    color.rgb *= vec3(1.0, 0.79, 0.89);
+    return vec4(color.rgb, 1.0);
+}
+
+vec4 applyBorder(vec2 tc, vec4 color, float borderSize, vec4 borderColor) {
+    float dist_x = min(tc.x, 1.0 - tc.x);
+    float dist_y = min(tc.y, 1.0 - tc.y);
+    float dist = min(dist_x, dist_y) * -1.0;
+    float border = smoothstep(borderSize, 0.0, dist);
+    border += smoothstep(borderSize, 0.0, dist);
+    return mix(color, borderColor, border);
+}
+
+vec4 applyFakeHDR(vec4 color, float brightness, float contrast, float saturation, float bloom) {
+    color.rgb = (color.rgb - vec3(0.5)) * exp2(brightness) + vec3(0.5);
+    vec3 crtfactor = vec3(1.05, 0.92, 1.0);
+    color.rgb = pow(color.rgb, crtfactor);
+    // // NTSC
+    // vec3 lumCoeff = vec3(0.2125, 0.7154, 0.0721);
+
+    // // BT.709
+    // vec3 lumCoeff = vec3(0.299, 0.587, 0.114);
+
+    // BT.2020
+    vec3 lumCoeff = vec3(0.2627, 0.6780, 0.0593);
+
+    // // Warm NTSC
+    // vec3 lumCoeff = vec3(0.2125, 0.7010, 0.0865);
+
+    float luminance = dot(color.rgb, lumCoeff);
+    luminance = pow(luminance, 2.2);
+    color.rgb = mix(vec3(luminance), color.rgb, saturation);
+    color.rgb = mix(color.rgb, vec3(1.0), pow(max(0.0, luminance - 1.0 + bloom), 4.0));
+    return color;
+}
+
+vec4 applyVignette(vec4 color) {
+    vec2 center = vec2(0.5, 0.5); // center of screen
+    float radius = VIGNETTE_RADIUS; // radius of vignette effect
+    float softness = 1.0; // softness of vignette effect
+    float intensity = 0.7; // intensity of vignette effect
+    vec2 offset = v_texcoord - center; // offset from center of screen
+    float distance = length(offset); // distance from center of screen
+    float alpha = smoothstep(radius, radius - radius * softness, distance) * intensity; // calculate alpha value for vignette effect
+    return mix(vec4(0.0, 0.0, 0.0, alpha), color, alpha); // mix black with color using calculated alpha value
+}
+
+vec4 applyPhosphorGlow(vec2 tc, vec4 color, sampler2D tex) {
+    // Calculate average color value of the texture
+    vec4 texelColor = color;
+    float averageColor = (texelColor.r + texelColor.g + texelColor.b) / 3.0;
+
+    // Determine brightness-dependent color factor
+    float factor = mix(
+        mix(0.09,
+            mix(0.005, 0.0075, (averageColor - 0.1) / 0.1),
+            step(0.01, averageColor)), 0.0005,
+        step(0.02, averageColor));
+    // Apply phosphor glow effect
+    vec4 sum = vec4(0.0);
+    vec4 pixels[9];
+    pixels[0] = texture2D(tex, tc - vec2(0.001, 0.001));
+    pixels[1] = texture2D(tex, tc - vec2(0.001, 0.0));
+    pixels[2] = texture2D(tex, tc - vec2(0.001, -0.001));
+    pixels[3] = texture2D(tex, tc - vec2(0.0, 0.001));
+    pixels[4] = texture2D(tex, tc);
+    pixels[5] = texture2D(tex, tc + vec2(0.001, 0.001));
+    pixels[6] = texture2D(tex, tc + vec2(0.001, 0.0));
+    pixels[7] = texture2D(tex, tc + vec2(0.001, -0.001));
+    pixels[8] = texture2D(tex, tc + vec2(0.0, 0.001));
+
+// Perform operations on input pixels in parallel
+    sum = pixels[0]
+        + pixels[1]
+        + pixels[2]
+        + pixels[3]
+        + pixels[4]
+        + pixels[5]
+        + pixels[6]
+        + pixels[7]
+        + pixels[8];
+    sum /= 9.0;
+    sum += texture2D(tex, tc - vec2(0.01, 0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(0.0, 0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(-0.01, 0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(0.01, 0.0)) * 0.001;
+    sum += color * PHOSPHOR_BLUR_AMOUNT;
+    sum += texture2D(tex, tc - vec2(-0.01, 0.0)) * 0.001;
+    sum += texture2D(tex, tc - vec2(0.01, -0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(0.0, -0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(-0.01, -0.01)) * 0.001;
+    sum *= PHOSPHOR_GLOW_AMOUNT;
+
+    // Initialize sum_sum_factor to zero
+    vec4 sum_sum_factor = vec4(0.0);
+    // Compute sum_j for i = -1
+    vec4 sum_j = vec4(0.0);
+    sum_j += texture2D(tex, tc + vec2(-1, -1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, -1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, -1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(-1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(-1, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 1) * 0.01);
+    sum_sum_factor += sum_j * vec4(0.011);
+
+    // Compute sum_j for i = 0
+    sum_j = vec4(0.0);
+    sum_j += texture2D(tex, tc + vec2(-1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(-1, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 1) * 0.01);
+    sum_sum_factor += sum_j * vec4(0.011);
+
+    // Compute sum_j for i = 1
+    sum_j = vec4(0.0);
+    sum_j += texture2D(tex, tc + vec2(-1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(-1, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 1) * 0.01);
+    sum_sum_factor += sum_j * vec4(0.011);
+    color += mix(sum_sum_factor * sum_sum_factor * vec4(factor), sum, 0.5);
+    return color;
+}
+
+vec4 applyAdaptiveSharpen(vec2 tc, vec4 color, sampler2D tex) {
+    vec4 color_tl = texture2D(tex, tc + vec2(-1.0, -1.0) * 0.5 / 2160.0);
+    vec4 color_tr = texture2D(tex, tc + vec2(1.0, -1.0) * 0.5 / 2160.0);
+    vec4 color_bl = texture2D(tex, tc + vec2(-1.0, 1.0) * 0.5 / 2160.0);
+    vec4 color_br = texture2D(tex, tc + vec2(1.0, 1.0) * 0.5 / 2160.0);
+    float sharpness = SHARPNESS;
+    vec3 color_no_alpha = color.rgb;
+    vec3 color_tl_no_alpha = color_tl.rgb;
+    vec3 color_tr_no_alpha = color_tr.rgb;
+    vec3 color_bl_no_alpha = color_bl.rgb;
+    vec3 color_br_no_alpha = color_br.rgb;
+    float delta = (dot(color_no_alpha, vec3(0.333333)) + dot(color_tl_no_alpha, vec3(0.333333)) + dot(color_tr_no_alpha, vec3(0.333333)) + dot(color_bl_no_alpha, vec3(0.333333)) + dot(color_br_no_alpha, vec3(0.333333))) * 0.2 - dot(color_no_alpha, vec3(0.333333));
+    vec3 sharp_color_no_alpha = color_no_alpha + min(vec3(0.0), vec3(delta * sharpness));
+    vec4 sharp_color = vec4(sharp_color_no_alpha, color.a);
+    return sharp_color;
+}
+
+vec4 applyScanlines(vec2 tc, vec4 color) {
+    float scanline = (cos(tc.y * SCANLINE_FREQUENCY + SCANLINE_TIME) *
+                      sin(tc.y * SCANLINE_FREQUENCY + SCANLINE_TIME)) * SCANLINE_THICKNESS;
+    float alpha = clamp(1.0 - abs(scanline), 0.0, 1.0);
+    return vec4(color.rgb * alpha, color.a);
+}
+
+vec4 applyChromaticAberration(vec2 uv, vec4 color) {
+    vec2 center = vec2(0.5, 0.5); // center of the screen
+    vec2 offset = (uv - center) * CHROMATIC_ABERRATION_STRENGTH; // calculate the offset from the center
+
+    // apply lens distortion
+    float rSquared = dot(offset, offset);
+    float distortion = 1.0 + LENS_DISTORTION_AMOUNT * rSquared;
+    vec2 distortedOffset = offset * distortion;
+
+    // apply chromatic aberration
+    vec2 redOffset = vec2(distortedOffset.x * 1.00, distortedOffset.y * 1.00);
+    vec2 blueOffset = vec2(distortedOffset.x * 1.00, distortedOffset.y * 1.00);
+
+    vec4 redColor = texture2D(tex, uv + redOffset);
+    vec4 blueColor = texture2D(tex, uv + blueOffset);
+
+    vec4 result = vec4(redColor.r, color.g, blueColor.b, color.a);
+
+    return result;
+}
+
+vec4 reduceGlare(vec4 color) {
+    // Calculate the intensity of the color by taking the average of the RGB components
+    float intensity = (color.r + color.g + color.b) / 3.0;
+    // Set the maximum intensity that can be considered for glare
+    float maxIntensity = 0.98;
+    // Use smoothstep to create a smooth transition from no glare to full glare
+    // based on the intensity of the color and the maximum intensity
+    float glareIntensity = smoothstep(maxIntensity - 0.02, maxIntensity, intensity);
+    // Set the amount of glare to apply to the color
+    float glareAmount = 0.02;
+    // Mix the original color with the reduced color that has glare applied to it
+    vec3 reducedColor = mix(color.rgb, vec3(glareIntensity), glareAmount);
+    // Return the reduced color with the original alpha value
+    return vec4(reducedColor, color.a);
+}
+
+// Apply a fake HDR effect to the input color.
+// Parameters:
+// - inputColor: the color to apply the effect to.
+// - brightness: the brightness of the image. Should be a value between 0 and 1.
+// - contrast: the contrast of the image. Should be a value between 0 and 1.
+// - saturation: the saturation of the image. Should be a value between 0 and 2.
+// - bloom: the intensity of the bloom effect. Should be a value between 0 and 1.
+vec4 applyFakeHDREffect(vec4 inputColor, float brightness, float contrast, float saturation, float bloom) {
+    const float minBrightness = 0.0;
+    const float maxBrightness = 1.0;
+    const float minContrast = 0.0;
+    const float maxContrast = 1.0;
+    const float minSaturation = 0.0;
+    const float maxSaturation = 2.0;
+    const float minBloom = 0.0;
+    const float maxBloom = 1.0;
+
+    // Check input parameters for validity
+    if (brightness < minBrightness || brightness > maxBrightness) {
+        return vec4(0.0, 0.0, 0.0, 1.0); // Return black with alpha of 1.0 to indicate error
+    }
+    if (contrast < minContrast || contrast > maxContrast) {
+        return vec4(0.0, 0.0, 0.0, 1.0);
+    }
+    if (saturation < minSaturation || saturation > maxSaturation) {
+        return vec4(0.0, 0.0, 0.0, 1.0);
+    }
+    if (bloom < minBloom || bloom > maxBloom) {
+        return vec4(0.0, 0.0, 0.0, 1.0);
+    }
+
+    // Apply brightness and contrast
+    vec3 color = inputColor.rgb;
+    color = (color - vec3(0.5)) * exp2(brightness * 10.0) + vec3(0.5);
+    color = mix(vec3(0.5), color, pow(contrast * 4.0 + 1.0, 2.0));
+
+    // // NTSC
+    // vec3 lumCoeff = vec3(0.2125, 0.7154, 0.0721);
+
+    // // BT.709
+    // vec3 lumCoeff = vec3(0.299, 0.587, 0.114);
+
+    // // BT.2020
+    // vec3 lumCoeff = vec3(0.2627, 0.6780, 0.0593);
+
+    // Warm NTSC
+    vec3 lumCoeff = vec3(0.2125, 0.7010, 0.0865);
+
+    // Apply saturation
+    float luminance = dot(color, lumCoeff);
+    vec3 grey = vec3(luminance);
+    color = mix(grey, color, saturation);
+
+    // Apply bloom effect
+    float threshold = 1.0 - bloom;
+    vec3 bloomColor = max(color - threshold, vec3(0.0));
+    bloomColor = pow(bloomColor, vec3(2.0));
+    bloomColor = mix(vec3(0.0), bloomColor, pow(min(luminance, threshold), 4.0));
+    color += bloomColor;
+
+    return vec4(color, inputColor.a);
+}
+
+vec4 bilateralFilter(sampler2D tex, vec2 uv, vec4 color, float sampleRadius, float noiseThreshold, float intensity) {
+    vec4 filteredColor = vec4(0.0);
+    float totalWeight = 0.0;
+
+    // Top-left pixel
+    vec4 sample = texture2D(tex, uv + vec2(-1.0, -1.0));
+    float dist = length(vec2(-1.0, -1.0));
+    float colorDist = length(sample - color);
+    float weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Top pixel
+    sample = texture2D(tex, uv + vec2(0.0, -1.0));
+    dist = length(vec2(0.0, -1.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Top-right pixel
+    sample = texture2D(tex, uv + vec2(1.0, -1.0));
+    dist = length(vec2(1.0, -1.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Left pixel
+    sample = texture2D(tex, uv + vec2(-1.0, 0.0));
+    dist = length(vec2(-1.0, 0.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Center pixel
+    sample = texture2D(tex, uv);
+    dist = 0.0;
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Right pixel
+    sample = texture2D(tex, uv + vec2(1.0, 0.0));
+    dist = length(vec2(1.0, 0.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Bottom-left pixel
+    sample = texture2D(tex, uv + vec2(-1.0, 1.0));
+    dist = length(vec2(-1.0, 1.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+// Bottom pixel
+    sample = texture2D(tex, uv + vec2(0.0, sampleRadius));
+    dist = length(vec2(0.0, sampleRadius));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    filteredColor /= totalWeight;
+    return mix(color, filteredColor, step(noiseThreshold, length(filteredColor - color)));
+}
+
+vec4 supersample(sampler2D tex, vec2 uv, float sampleRadius, float noiseThreshold, float intensity) {
+    float radiusSq = sampleRadius * sampleRadius;
+    vec2 poissonDisk;
+    vec4 color = vec4(0.0);
+
+    float r1_0 = sqrt(0.0 / 16.0);
+    float r2_0 = fract(1.0 / 3.0);
+    float theta_0 = TWOPI * r2_0;
+    poissonDisk = vec2(r1_0 * cos(theta_0), r1_0 * sin(theta_0));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_1 = sqrt(1.0 / 16.0);
+    float r2_1 = fract(2.0 / 3.0);
+    float theta_1 = TWOPI * r2_1;
+    poissonDisk = vec2(r1_1 * cos(theta_1), r1_1 * sin(theta_1));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_2 = sqrt(2.0 / 16.0);
+    float r2_2 = fract(3.0 / 3.0);
+    float theta_2 = TWOPI * r2_2;
+    poissonDisk = vec2(r1_2 * cos(theta_2), r1_2 * sin(theta_2));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_3 = sqrt(3.0 / 16.0);
+    float r2_3 = fract(4.0 / 3.0);
+    float theta_3 = TWOPI * r2_3;
+    poissonDisk = vec2(r1_3 * cos(theta_3), r1_3 * sin(theta_3));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_4 = sqrt(4.0 / 16.0);
+    float r2_4 = fract(5.0 / 3.0);
+    float theta_4 = TWOPI * r2_4;
+    poissonDisk = vec2(r1_4 * cos(theta_4), r1_4 * sin(theta_4));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_5 = sqrt(5.0 / 16.0);
+    float r2_5 = fract(6.0 / 3.0);
+    float theta_5 = TWOPI * r2_5;
+    poissonDisk = vec2(r1_5 * cos(theta_5), r1_5 * sin(theta_5));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_6 = sqrt(6.0 / 16.0);
+    float r2_6 = fract(7.0 / 3.0);
+    float theta_6 = TWOPI * r2_6;
+    poissonDisk = vec2(r1_6 * cos(theta_6), r1_6 * sin(theta_6));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_7 = sqrt(7.0 / 16.0);
+    float r2_7 = fract(8.0 / 3.0);
+    float theta_7 = TWOPI * r2_7;
+    poissonDisk = vec2(r1_7 * cos(theta_7), r1_7 * sin(theta_7));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_8 = sqrt(8.0 / 16.0);
+    float r2_8 = fract(9.0 / 3.0);
+    float theta_8 = TWOPI * r2_8;
+    poissonDisk = vec2(r1_8 * cos(theta_8), r1_8 * sin(theta_8));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_9 = sqrt(9.0 / 16.0);
+    float r2_9 = fract(10.0 / 3.0);
+    float theta_9 = TWOPI * r2_9;
+    poissonDisk = vec2(r1_9 * cos(theta_9), r1_9 * sin(theta_9));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_10 = sqrt(10.0 / 16.0);
+    float r2_10 = fract(11.0 / 3.0);
+    float theta_10 = TWOPI * r2_10;
+    poissonDisk = vec2(r1_10 * cos(theta_10), r1_10 * sin(theta_10));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_11 = sqrt(11.0 / 16.0);
+    float r2_11 = fract(12.0 / 3.0);
+    float theta_11 = TWOPI * r2_11;
+    poissonDisk = vec2(r1_11 * cos(theta_11), r1_11 * sin(theta_11));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_12 = sqrt(12.0 / 16.0);
+    float r2_12 = fract(13.0 / 3.0);
+    float theta_12 = TWOPI * r2_12;
+    poissonDisk = vec2(r1_12 * cos(theta_12), r1_12 * sin(theta_12));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_13 = sqrt(13.0 / 16.0);
+    float r2_13 = fract(14.0 / 3.0);
+    float theta_13 = TWOPI * r2_13;
+    poissonDisk = vec2(r1_13 * cos(theta_13), r1_13 * sin(theta_13));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_14 = sqrt(14.0 / 16.0);
+    float r2_14 = fract(15.0 / 3.0);
+    float theta_14 = TWOPI * r2_14;
+    poissonDisk = vec2(r1_14 * cos(theta_14), r1_14 * sin(theta_14));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_15 = sqrt(15.0 / 16.0);
+    float r2_15 = fract(16.0 / 3.0);
+    float theta_15 = TWOPI * r2_15;
+    poissonDisk = vec2(r1_15 * cos(theta_15), r1_15 * sin(theta_15));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    return bilateralFilter(tex, uv, color, sampleRadius, noiseThreshold, intensity);
+}
+void main() {
+    vec2 tc_no_dist = v_texcoord;
+
+    vec2 tc = applyBarrelDistortion(tc_no_dist, DISTORTION_AMOUNT);
+
+    // [-1, 1]
+    vec2 tc_no_dist_symmetric = tc_no_dist * 2.0 - 1.0;
+
+    // [0,1]
+    vec2 tc_no_dist_normalized = (tc_no_dist_symmetric + 1.0) / 2.0;
+
+    // vec4 color = texture2D(tex, tc);
+    vec4 color = supersample(tex, tc, SAMPLING_RADIUS, NOISE_THRESHOLD, DENOISE_INTENSITY);
+
+    color = applyAdaptiveSharpen(tc, color, tex);
+
+    color = applyPhosphorGlow(tc, color, tex);
+
+    color = reduceGlare(color);
+
+    color = mix(applyFakeHDREffect(color, HDR_BRIGHTNESS, HDR_CONTRAST, HDR_SATURATION, HDR_BLOOM), color, 0.5);
+
+    color = applyColorCorrection(color);
+
+    color /= SUPERSAMPLING_SAMPLES;
+
+    color = mix(applyChromaticAberration(tc, color), color, 0.25);
+
+    color = mix(color, applyVignette(color), 0.37);
+
+    color = applyBorder(tc_no_dist_normalized, color, 1.0 - BORDER_SIZE * BORDER_RADIUS, BORDER_COLOR);
+
+    color = mix(applyBorder(tc, color, BORDER_SIZE, BORDER_COLOR), color, 0.05);
+
+    color = applyScanlines(tc, color);
+
+    gl_FragColor = color;
+    gl_FragColor.a = 1.0;
+}
+
diff --git a/hybrid/.config/hypr/shaders/drugs.frag b/hybrid/.config/hypr/shaders/drugs.frag
new file mode 100755
index 000000000..1190ed03c
--- /dev/null
+++ b/hybrid/.config/hypr/shaders/drugs.frag
@@ -0,0 +1,42 @@
+
+precision highp float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+uniform float time;
+
+void warpco(inout vec2 tc) {
+    tc -= 0.5;
+    tc *= length(tc) * 2.0;
+    tc += 0.5;
+}
+
+float rand1d(float seed) {
+   return sin(seed*1454.0); 
+}
+
+float rand2d(vec2 co)
+{
+  return fract(sin(dot(co.xy, vec2(12.9898,78.233))) * 43758.5453);
+}
+
+vec3 rgb(in vec2 tc, float freq, float amp, inout vec4 centre) {
+    vec2 off = vec2(1.0/800.0, 0.0) * sin(tc.t * freq + time) * amp;
+    vec2 off2 = vec2(1.0/800.0, 0.0) * sin(tc.t * freq - time * 1.5) * amp;
+    centre = texture2D(tex, tc);
+    return vec3(texture2D(tex, tc-off).r, centre.g, texture2D(tex, tc+off2).b);
+}
+
+void main() {
+    // vec2 px = 1.0 / textureSize(tex, 0).st;
+    vec2 tc = v_texcoord;
+    warpco(tc);
+    tc = mix(v_texcoord, tc, sin(time * 2.0)*0.07);
+    tc.x += rand2d(floor(tc * 20.0 + floor(time * 2.5))) * 0.01;
+    tc.x += rand1d(floor(tc.x * 40.0)) * 0.005 * rand1d(time * 0.001);
+    tc.y += sin(tc.x + time) * 0.02;
+    vec4 centre;
+    vec3 bent = rgb(tc, 100.0, 5.0, centre);
+    vec3 col = mix(centre.rgb, bent, sin(time));
+    gl_FragColor = vec4(col, centre.a);
+    // gl_FragColor = vec4(texture2D(tex, v_texcoord));
+}
\ No newline at end of file
diff --git a/hybrid/.config/hypr/shaders/extradark.frag b/hybrid/.config/hypr/shaders/extradark.frag
new file mode 100755
index 000000000..089ee8149
--- /dev/null
+++ b/hybrid/.config/hypr/shaders/extradark.frag
@@ -0,0 +1,21 @@
+// vim: set ft=glsl:
+// blue light filter shader
+// values from https://reshade.me/forum/shader-discussion/3673-blue-light-filter-similar-to-f-lux
+
+precision mediump float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+
+void main() {
+
+    vec4 pixColor = texture2D(tex, v_texcoord);
+
+    // red
+    pixColor[0] *= 0.7;
+    // green
+    pixColor[1] *= 0.6;
+    // blue
+    pixColor[2] *= 0.5;
+
+    gl_FragColor = pixColor;
+}
diff --git a/hybrid/.config/hypr/shaders/nothing.frag b/hybrid/.config/hypr/shaders/nothing.frag
new file mode 100755
index 000000000..163e6003a
--- /dev/null
+++ b/hybrid/.config/hypr/shaders/nothing.frag
@@ -0,0 +1,14 @@
+// vim: set ft=glsl:
+// blue light filter shader
+// values from https://reshade.me/forum/shader-discussion/3673-blue-light-filter-similar-to-f-lux
+
+precision mediump float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+
+void main() {
+
+    vec4 pixColor = texture2D(tex, v_texcoord);
+
+    gl_FragColor = pixColor;
+}
diff --git a/hybrid/.config/hypr/shaders/solarized.frag b/hybrid/.config/hypr/shaders/solarized.frag
new file mode 100755
index 000000000..1c37f2cc0
--- /dev/null
+++ b/hybrid/.config/hypr/shaders/solarized.frag
@@ -0,0 +1,41 @@
+// -*- mode:c -*-
+precision lowp float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+
+float distanceSquared(vec3 pixColor, vec3 solarizedColor) {
+	vec3 distanceVector = pixColor - solarizedColor;
+	return dot(distanceVector, distanceVector);
+}
+
+void main() {
+	vec3 solarized[16];
+	solarized[0]  = vec3(0.,0.169,0.212);
+	solarized[1]  = vec3(0.027,0.212,0.259);
+	solarized[2]  = vec3(0.345,0.431,0.459);
+	solarized[3]  = vec3(0.396,0.482,0.514);
+	solarized[4]  = vec3(0.514,0.58,0.588);
+	solarized[5]  = vec3(0.576,0.631,0.631);
+	solarized[6]  = vec3(0.933,0.91,0.835);
+	solarized[7]  = vec3(0.992,0.965,0.89);
+	solarized[8]  = vec3(0.71,0.537,0.);
+	solarized[9]  = vec3(0.796,0.294,0.086);
+	solarized[10] = vec3(0.863,0.196,0.184);
+	solarized[11] = vec3(0.827,0.212,0.51);
+	solarized[12] = vec3(0.424,0.443,0.769);
+	solarized[13] = vec3(0.149,0.545,0.824);
+	solarized[14] = vec3(0.165,0.631,0.596);
+	solarized[15] = vec3(0.522,0.6,0.);
+
+	vec3 pixColor = vec3(texture2D(tex, v_texcoord));
+	int closest = 0;
+	float closestDistanceSquared = distanceSquared(pixColor, solarized[0]);
+	for (int i = 1; i < 15; i++) {
+		float newDistanceSquared = distanceSquared(pixColor, solarized[i]);
+		if (newDistanceSquared < closestDistanceSquared) {
+			closest = i;
+			closestDistanceSquared = newDistanceSquared;
+		}
+	}
+	gl_FragColor = vec4(solarized[closest], 1.);
+}
diff --git a/hybrid/.config/kitty/kitty.conf b/hybrid/.config/kitty/kitty.conf
new file mode 100644
index 000000000..6846e8d5a
--- /dev/null
+++ b/hybrid/.config/kitty/kitty.conf
@@ -0,0 +1,93 @@
+font_family JetBrains Mono Nerd Font
+
+font_size 12
+confirm_os_window_close 0
+
+adjust_line_height 0
+cursor #00ccff
+
+# A port of forest night by sainnhe
+# https://github.com/sainnhe/forest-night
+
+## name:     Everforest Dark B
+## author:   nope
+## license:  idk
+## blurb:    everforesttttttt
+
+#window
+window_padding_width 20
+selection_foreground  #d8caac
+selection_background  #505a60
+background_opacity  0.5
+
+foreground #a9b1d6
+background #1a1b26
+
+# Black
+color0 #414868
+color8 #414868
+
+# Red
+color1 #f7768e
+color9 #f7768e
+
+# Green
+color2  #73daca
+color10 #73daca
+
+# Yellow
+color3  #e0af68
+color11 #e0af68
+
+# Blue
+color4  #7aa2f7
+color12 #7aa2f7
+
+# Magenta
+color5  #bb9af7
+color13 #bb9af7
+
+# Cyan
+color6  #7dcfff
+color14 #7dcfff
+
+# White
+color7  #c0caf5
+color15 #c0caf5
+
+# Cursor
+cursor #c0caf5
+cursor_text_color #1a1b26
+
+# Selection highlight
+selection_foreground none
+selection_background #28344a
+
+# The color for highlighting URLs on mouse-over
+url_color #9ece6a
+
+# Window borders
+active_border_color #3d59a1
+inactive_border_color #101014
+bell_border_color #e0af68
+
+# Tab bar
+tab_bar_style fade
+tab_fade 1
+active_tab_foreground   #3d59a1
+active_tab_background   #16161e
+active_tab_font_style   bold
+inactive_tab_foreground #787c99
+inactive_tab_background #16161e
+inactive_tab_font_style bold
+tab_bar_background #101014
+
+# Title bar
+macos_titlebar_color #16161e
+
+# Storm
+# background #24283b
+# cursor_text_color #24283b
+# active_tab_background   #1f2335
+# inactive_tab_background #1f2335
+# macos_titlebar_color #1f2335
diff --git a/hybrid/.config/mpv/mpv.conf b/hybrid/.config/mpv/mpv.conf
new file mode 100644
index 000000000..f7dc66c09
--- /dev/null
+++ b/hybrid/.config/mpv/mpv.conf
@@ -0,0 +1 @@
+keep-open=yes
\ No newline at end of file
diff --git a/hybrid/.config/starship.toml b/hybrid/.config/starship.toml
new file mode 100644
index 000000000..4ef021903
--- /dev/null
+++ b/hybrid/.config/starship.toml
@@ -0,0 +1,96 @@
+# Don't print a new line at the start of the prompt
+add_newline = false
+# Pipes ╰─ ╭─
+# Powerline symbols                                     
+# Wedges 🭧🭒 🭣🭧🭓
+# Random noise 🬖🬥🬔🬗
+
+right_format = """\
+$cmd_duration
+"""
+
+format = """
+$username$hostname$directory
+$character
+"""
+
+# Replace the "❯" symbol in the prompt with "➜"
+[character]                            # The name of the module we are configuring is "character"
+success_symbol = "[🭧🭒](bold fg:blue)[ ➜ ](bold bg:blue fg:#000000)[](bold fg:blue)"
+
+error_symbol = "[🭧🭒](bold fg:red)[ ✗ ](bold bg:red fg:#000000)[](bold fg:red)"
+# Disable the package module, hiding it from the prompt completely
+[package]
+disabled = true
+
+[git_branch]
+symbol = "🌱 "
+truncation_length = 4
+truncation_symbol = ""
+
+[git_commit]
+commit_hash_length = 4
+tag_symbol = "🔖 "
+
+[git_state]
+format = '[\($state( $progress_current of $progress_total)\)]($style) '
+cherry_pick = "[🍒 PICKING](bold red)"
+
+[git_status]
+conflicted = " 🏳 "
+ahead = " 🏎💨 "
+behind = " 😰 "
+diverged = " 😵 "
+untracked = " 🤷 ‍"
+stashed = " 📦 "
+modified = " 📝 "
+staged = '[++\($count\)](blue)'
+renamed = " ✍️ "
+deleted = " 🗑 "
+
+[hostname]
+ssh_only = false
+format =  "[ ](bold bg:yellow fg:blue)[$hostname](bg:yellow bold fg:#000000)[ ](bold fg:yellow bg:green)"
+trim_at = ".companyname.com"
+disabled = false
+
+[line_break]
+disabled = false
+
+[memory_usage]
+disabled = true
+threshold = -1
+symbol = " "
+style = "bold dimmed blue"
+
+[time]
+disabled = true
+format = '🕙[\[ $time \]]($style) '
+time_format = "%T"
+
+[username]
+style_user = "bold bg:blue fg:#000000"
+style_root = "red bold"
+format = "[🭃](bold fg:blue)[$user]($style)"
+disabled = false
+show_always = true
+
+[directory]
+home_symbol = " "
+read_only = "  "
+style = "bold bg:green  fg:#000000"
+truncation_length = 2
+truncation_symbol = "./"
+format = '[$path]($style)[🭞](fg:green )'
+
+
+[directory.substitutions]
+"Documents" = " "
+"/" = "  "
+"Downloads" = " "
+"Music" = " "
+"Pictures" = " "
+
+[cmd_duration]
+min_time = 0
+format = '[🬈🬖🬥🬅 ](bold bg:cyan fg:#000000)[time:$duration](bold bg:cyan fg:#000000)[ 🬖🬥🬔🬗](bold bg:cyan fg:#000000)'
diff --git a/hybrid/.config/waybar/config b/hybrid/.config/waybar/config
new file mode 100755
index 000000000..066818e4a
--- /dev/null
+++ b/hybrid/.config/waybar/config
@@ -0,0 +1,78 @@
+{
+    "layer": "top",
+    "height": 30,
+    "position": "bottom",
+    "spacing": 0,
+    "exclusive": false,
+    "margin-bottom": 50,
+    "margin-right": 210,
+    "margin-left": 1600,
+    "fixed-center": false,
+
+    "modules-left": [
+        
+    ],
+    
+    "modules-center": [
+        "tray",
+    ],
+    
+    "modules-right": [
+    ],
+    
+    "custom/weather": {
+        "exec": "curl 'https://wttr.in/?format=1' | tr -d '+'",
+        "interval": 1800
+    },
+    
+    "custom/start": {
+        "format": "               ",
+        "on-click": "~/.config/eww/scripts/toggle-overview.sh"
+    },
+    
+    "wlr/taskbar": {
+        "format": "{icon}",
+        "icon-size": 24,
+        "tooltip-format": "{title}",
+        "on-click": "activate",
+        "on-click-middle": "close",
+    },
+    
+    "clock": {
+        "format": "   {:%I:%M %p%n%e/%m/%G}",
+        "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
+        "format-alt": "  {:%Y-%m-%d}"
+    },
+    
+    "tray": {
+        "spacing": 8
+    },
+    
+    "pulseaudio": {
+        "format": "{icon}",
+        "format-bluetooth": "{volume}%  {icon} {format_source}",
+        "format-bluetooth-muted": "  {icon} {format_source}",
+        "format-muted": "  {format_source}",
+        "format-source": "  {volume}",
+        "format-source-muted": "",
+        "format-icons": {
+            "headphone": "",
+            "hands-free": "",
+            "headset": "",
+            "phone": "",
+            "portable": "",
+            "car": "",
+            "default": ["", "", ""]
+        },
+        "tooltip-format": "{format_source}%",
+        "on-click": "easyeffects"
+    },
+    "network": {
+        "format-wifi": "",
+        "format-ethernet": "",
+        "tooltip-format": "{ifname} via {gwaddr} ",
+        "format-linked": "{ifname} (No IP) ",
+        "format-disconnected": "Disconnected ⚠",
+        "on-click": "alacritty -e nmtui"
+    },
+}
diff --git a/hybrid/.config/waybar/noise.png b/hybrid/.config/waybar/noise.png
new file mode 100755
index 000000000..028b188b5
Binary files /dev/null and b/hybrid/.config/waybar/noise.png differ
diff --git a/hybrid/.config/waybar/style.css b/hybrid/.config/waybar/style.css
new file mode 100755
index 000000000..c1a6ae5c2
--- /dev/null
+++ b/hybrid/.config/waybar/style.css
@@ -0,0 +1,67 @@
+* {
+    color: #f3f9ff;
+    font-size: 11px;
+    font-family: Segoe-Fluent-Icons, Segoe-UI;
+    font-weight: 500;
+}
+
+window#waybar {
+    background: transparent;
+}
+
+tooltip {
+    background: #141414;
+    border-radius: 4px;
+}
+
+#tray {
+    font-size: 20px;
+    font-weight: 200;
+    padding: 4px;
+    min-width: 100px;
+    min-height: 37px;
+    background: rgba(45, 46, 48, 1);
+    background-image: url('images/textures/acrylic.png');
+    border-radius: 9px;
+    border: 1px solid rgba(34, 35, 38, 0.5);
+    margin: 14px;
+    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.65);
+}
+
+#window,
+#pulseaudio,
+#network,
+#bluetooth {
+    font-size: 14px;
+    font-weight: 200;
+    padding: 4px;
+}
+
+#custom-weather {
+    padding-left: 12px;
+    font-size: 11px;
+}
+
+#custom-start {
+    background-image: url("./win.png");
+    background-size: 24px 24px;
+    background-position: center;
+    background-repeat: no-repeat;
+}
+
+#taskbar {
+    border-radius: 6px;
+    min-width: 45px;
+    min-height: 45px;
+    /* border-top: 1px solid rgba(64, 64, 64, 0.8); */
+}
+
+#tray,
+#pulseaudio {
+    padding-right: 12px;
+}
+
+#clock {
+    padding-left: 3px;
+    padding-right: 18px;
+}
\ No newline at end of file
diff --git a/hybrid/.config/waybar/win.png b/hybrid/.config/waybar/win.png
new file mode 100755
index 000000000..22904f136
Binary files /dev/null and b/hybrid/.config/waybar/win.png differ
diff --git a/hybrid/.config/wlogout/layout b/hybrid/.config/wlogout/layout
new file mode 100755
index 000000000..c6b324dda
--- /dev/null
+++ b/hybrid/.config/wlogout/layout
@@ -0,0 +1,36 @@
+{
+    "label" : "lock",
+    "action" : "~/.local/bin/lock.sh",
+    "text" : "Lock",
+    "keybind" : "l"
+}
+{
+    "label" : "hibernate",
+    "action" : "systemctl hibernate",
+    "text" : "Hibernate",
+    "keybind" : "h"
+}
+{
+    "label" : "logout",
+    "action" : "loginctl terminate-user $USER",
+    "text" : "Logout",
+    "keybind" : "e"
+}
+{
+    "label" : "shutdown",
+    "action" : "systemctl poweroff",
+    "text" : "Shutdown",
+    "keybind" : "s"
+}
+{
+    "label" : "suspend",
+    "action" : "systemctl suspend",
+    "text" : "Suspend",
+    "keybind" : "u"
+}
+{
+    "label" : "reboot",
+    "action" : "systemctl reboot",
+    "text" : "Reboot",
+    "keybind" : "r"
+}
diff --git a/hybrid/.config/wlogout/noise.png b/hybrid/.config/wlogout/noise.png
new file mode 100755
index 000000000..028b188b5
Binary files /dev/null and b/hybrid/.config/wlogout/noise.png differ
diff --git a/hybrid/.config/wlogout/style.css b/hybrid/.config/wlogout/style.css
new file mode 100755
index 000000000..5c7f3e71c
--- /dev/null
+++ b/hybrid/.config/wlogout/style.css
@@ -0,0 +1,66 @@
+* {
+	background-image: none;
+	transition: 0ms;
+}
+
+window {
+	background-color: rgba(12, 12, 12, 0.1);
+	background-image: url('./noise.png');
+}
+
+button {
+	color: #FFFFFF;
+	border-style: solid;
+	border-width: 2px;
+	background-repeat: no-repeat;
+	background-position: center;
+	background-size: 25%;
+
+	background-color: rgba(108, 112, 134, 0.4);
+	border: 1px solid rgba(108, 112, 134, 0.3);
+	border-top: 1px solid rgba(108, 112, 134, 0.3);
+}
+
+button:focus,
+button:active,
+button:hover {
+	background-color: rgba(156, 161, 192, 0.5);
+	border: 1px solid rgba(108, 112, 134, 0.15);
+	border-top: 1px solid rgba(108, 112, 134, 0.15);
+}
+
+#lock {
+	margin: 10px;
+	border-radius: 20px;
+	background-image: image(url("/usr/share/wlogout/icons/lock.png"), url("/usr/local/share/wlogout/icons/lock.png"));
+}
+
+#logout {
+	margin: 10px;
+	border-radius: 20px;
+	background-image: image(url("/usr/share/wlogout/icons/logout.png"), url("/usr/local/share/wlogout/icons/logout.png"));
+}
+
+#suspend {
+	margin: 10px;
+	border-radius: 20px;
+	background-image: image(url("/usr/share/wlogout/icons/suspend.png"), url("/usr/local/share/wlogout/icons/suspend.png"));
+}
+
+#hibernate {
+	margin: 10px;
+	border-radius: 20px;
+	background-image: image(url("/usr/share/wlogout/icons/hibernate.png"), url("/usr/local/share/wlogout/icons/hibernate.png"));
+}
+
+#shutdown {
+	margin: 10px;
+	border-radius: 20px;
+	background-image: image(url("/usr/share/wlogout/icons/shutdown.png"), url("/usr/local/share/wlogout/icons/shutdown.png"));
+}
+
+#reboot {
+	margin: 10px;
+	border-radius: 20px;
+	background-image: image(url("/usr/share/wlogout/icons/reboot.png"), url("/usr/local/share/wlogout/icons/reboot.png"));
+}
\ No newline at end of file
diff --git a/hybrid/.local/bin/Hyprland-wrapped b/hybrid/.local/bin/Hyprland-wrapped
new file mode 100755
index 000000000..56238b120
--- /dev/null
+++ b/hybrid/.local/bin/Hyprland-wrapped
@@ -0,0 +1,18 @@
+#!/bin/sh
+
+cd ~
+
+#export XDG_CURRENT_DESKTOP=GNOME
+#export XDG_SESSION_TYPE=wayland
+#export XDG_SESSION_DESKTOP=GNOME
+#export EDITOR = /usr/bin/gnome-text-editor
+
+export XMODIFIERS=@im=ibus
+export GTK_IM_MODULE=ibus
+export QT_IM_MODULE=ibus
+
+#export QT_QPA_PLATFORMTHEME=qt5ct #QT Theme (for KDE apps)
+export QT_QPA_PLATFORMTHEME=qt5ct
+
+exec Hyprland
+
diff --git a/hybrid/.local/bin/record-script-fullscreen.sh b/hybrid/.local/bin/record-script-fullscreen.sh
new file mode 100755
index 000000000..51f723a0f
--- /dev/null
+++ b/hybrid/.local/bin/record-script-fullscreen.sh
@@ -0,0 +1,10 @@
+#/usr/bin/bash
+
+cd /home/end/Videos
+if ["$(pidof wf-recorder)" -ne ""]; then
+    notify-send "wf-recorder" "Starting recording" -a 'wf-recorder'
+    wf-recorder -t -f './recording_'"$(date '+%Y_%m_%_d..%H.%M')"'.mp4' --audio=alsa_output.pci-0000_08_00.6.analog-stereo.monitor
+else
+    /usr/bin/kill --signal SIGINT wf-recorder
+    notify-send "wf-recorder" "Recording Stopped" -a 'wf-recorder'
+fi
diff --git a/hybrid/.local/bin/record-script.sh b/hybrid/.local/bin/record-script.sh
new file mode 100755
index 000000000..1e38b9ddf
--- /dev/null
+++ b/hybrid/.local/bin/record-script.sh
@@ -0,0 +1,10 @@
+#/usr/bin/bash
+
+cd /home/end/Videos
+if [[ "$(pidof wf-recorder)" == "" ]]; then
+    notify-send "wf-recorder" "Starting recording" -a 'wf-recorder'
+    wf-recorder -f './recording_'"$(date '+%Y_%m_%_d..%H.%M')"'.mp4' -t --geometry "$(slurp)" 
+else
+    /usr/bin/kill --signal SIGINT wf-recorder
+    notify-send "wf-recorder" "Recording Stopped" -a 'wf-recorder'
+fi
\ No newline at end of file
diff --git a/hybrid/.local/bin/rubyshot b/hybrid/.local/bin/rubyshot
new file mode 100755
index 000000000..8431bd693
--- /dev/null
+++ b/hybrid/.local/bin/rubyshot
@@ -0,0 +1,6 @@
+#!/usr/bin/bash
+
+WORKSPACES="$(hyprctl monitors -j | jq -r 'map(.activeWorkspace.id)')"
+WINDOWS="$(hyprctl clients -j | jq -r --argjson workspaces "$WORKSPACES" 'map(select([.workspace.id] | inside($workspaces)))' )"
+GEOM=$(echo "$WINDOWS" | jq -r '.[] | "\(.at[0]),\(.at[1]) \(.size[0])x\(.size[1])"' | slurp -f '%x %y %w %h')
+wayshot -s "$GEOM" --stdout ${#:+"$@"}
\ No newline at end of file
diff --git a/hybrid/.local/bin/switchrice.sh b/hybrid/.local/bin/switchrice.sh
new file mode 100755
index 000000000..5a5581632
--- /dev/null
+++ b/hybrid/.local/bin/switchrice.sh
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+if [[ "$2" == "" ]]; then # basic rice switching
+    notify-send 'Usage: >swr [save name] [load name]'
+    exit
+fi
+mkdir -p ~/.config/__enderice/
+mv ~/.config/eww ~/.config/__enderice/eww_"$1"
+mv ~/.config/hypr ~/.config/__enderice/hypr_"$1"
+
+mv ~/.config/__enderice/eww_"$2" ~/.config/eww
+mv ~/.config/__enderice/hypr_"$2" ~/.config/hypr
+
+pkill eww && eww open bar && eww open bgdecor
\ No newline at end of file
diff --git a/lineage/.config/btop/btop.conf b/lineage/.config/btop/btop.conf
new file mode 100644
index 000000000..e37a07ae1
--- /dev/null
+++ b/lineage/.config/btop/btop.conf
@@ -0,0 +1,212 @@
+#? Config file for btop v. 1.2.13
+
+#* Name of a btop++/bpytop/bashtop formatted ".theme" file, "Default" and "TTY" for builtin themes.
+#* Themes should be placed in "../share/btop/themes" relative to binary or "$HOME/.config/btop/themes"
+color_theme = "TTY"
+
+#* If the theme set background should be shown, set to False if you want terminal background transparency.
+theme_background = False
+
+#* Sets if 24-bit truecolor should be used, will convert 24-bit colors to 256 color (6x6x6 color cube) if false.
+truecolor = True
+
+#* Set to true to force tty mode regardless if a real tty has been detected or not.
+#* Will force 16-color mode and TTY theme, set all graph symbols to "tty" and swap out other non tty friendly symbols.
+force_tty = False
+
+#* Define presets for the layout of the boxes. Preset 0 is always all boxes shown with default settings. Max 9 presets.
+#* Format: "box_name:P:G,box_name:P:G" P=(0 or 1) for alternate positions, G=graph symbol to use for box.
+#* Use whitespace " " as separator between different presets.
+#* Example: "cpu:0:default,mem:0:tty,proc:1:default cpu:0:braille,proc:0:tty"
+presets = "cpu:1:default,proc:0:default cpu:0:default,mem:0:default,net:0:default cpu:0:block,net:0:tty"
+
+#* Set to True to enable "h,j,k,l,g,G" keys for directional control in lists.
+#* Conflicting keys for h:"help" and k:"kill" is accessible while holding shift.
+vim_keys = False
+
+#* Rounded corners on boxes, is ignored if TTY mode is ON.
+rounded_corners = True
+
+#* Default symbols to use for graph creation, "braille", "block" or "tty".
+#* "braille" offers the highest resolution but might not be included in all fonts.
+#* "block" has half the resolution of braille but uses more common characters.
+#* "tty" uses only 3 different symbols but will work with most fonts and should work in a real TTY.
+#* Note that "tty" only has half the horizontal resolution of the other two, so will show a shorter historical view.
+graph_symbol = "braille"
+
+# Graph symbol to use for graphs in cpu box, "default", "braille", "block" or "tty".
+graph_symbol_cpu = "default"
+
+# Graph symbol to use for graphs in cpu box, "default", "braille", "block" or "tty".
+graph_symbol_mem = "default"
+
+# Graph symbol to use for graphs in cpu box, "default", "braille", "block" or "tty".
+graph_symbol_net = "default"
+
+# Graph symbol to use for graphs in cpu box, "default", "braille", "block" or "tty".
+graph_symbol_proc = "default"
+
+#* Manually set which boxes to show. Available values are "cpu mem net proc", separate values with whitespace.
+shown_boxes = "cpu mem net proc"
+
+#* Update time in milliseconds, recommended 2000 ms or above for better sample times for graphs.
+update_ms = 1000
+
+#* Processes sorting, "pid" "program" "arguments" "threads" "user" "memory" "cpu lazy" "cpu direct",
+#* "cpu lazy" sorts top process over time (easier to follow), "cpu direct" updates top process directly.
+proc_sorting = "memory"
+
+#* Reverse sorting order, True or False.
+proc_reversed = False
+
+#* Show processes as a tree.
+proc_tree = False
+
+#* Use the cpu graph colors in the process list.
+proc_colors = True
+
+#* Use a darkening gradient in the process list.
+proc_gradient = True
+
+#* If process cpu usage should be of the core it's running on or usage of the total available cpu power.
+proc_per_core = False
+
+#* Show process memory as bytes instead of percent.
+proc_mem_bytes = True
+
+#* Show cpu graph for each process.
+proc_cpu_graphs = True
+
+#* Use /proc/[pid]/smaps for memory information in the process info box (very slow but more accurate)
+proc_info_smaps = False
+
+#* Show proc box on left side of screen instead of right.
+proc_left = False
+
+#* (Linux) Filter processes tied to the Linux kernel(similar behavior to htop).
+proc_filter_kernel = False
+
+#* Sets the CPU stat shown in upper half of the CPU graph, "total" is always available.
+#* Select from a list of detected attributes from the options menu.
+cpu_graph_upper = "total"
+
+#* Sets the CPU stat shown in lower half of the CPU graph, "total" is always available.
+#* Select from a list of detected attributes from the options menu.
+cpu_graph_lower = "total"
+
+#* Toggles if the lower CPU graph should be inverted.
+cpu_invert_lower = True
+
+#* Set to True to completely disable the lower CPU graph.
+cpu_single_graph = False
+
+#* Show cpu box at bottom of screen instead of top.
+cpu_bottom = False
+
+#* Shows the system uptime in the CPU box.
+show_uptime = True
+
+#* Show cpu temperature.
+check_temp = True
+
+#* Which sensor to use for cpu temperature, use options menu to select from list of available sensors.
+cpu_sensor = "Auto"
+
+#* Show temperatures for cpu cores also if check_temp is True and sensors has been found.
+show_coretemp = True
+
+#* Set a custom mapping between core and coretemp, can be needed on certain cpus to get correct temperature for correct core.
+#* Use lm-sensors or similar to see which cores are reporting temperatures on your machine.
+#* Format "x:y" x=core with wrong temp, y=core with correct temp, use space as separator between multiple entries.
+#* Example: "4:0 5:1 6:3"
+cpu_core_map = ""
+
+#* Which temperature scale to use, available values: "celsius", "fahrenheit", "kelvin" and "rankine".
+temp_scale = "celsius"
+
+#* Use base 10 for bits/bytes sizes, KB = 1000 instead of KiB = 1024.
+base_10_sizes = False
+
+#* Show CPU frequency.
+show_cpu_freq = True
+
+#* Draw a clock at top of screen, formatting according to strftime, empty string to disable.
+#* Special formatting: /host = hostname | /user = username | /uptime = system uptime
+clock_format = "%X"
+
+#* Update main ui in background when menus are showing, set this to false if the menus is flickering too much for comfort.
+background_update = True
+
+#* Custom cpu model name, empty string to disable.
+custom_cpu_name = ""
+
+#* Optional filter for shown disks, should be full path of a mountpoint, separate multiple values with whitespace " ".
+#* Begin line with "exclude=" to change to exclude filter, otherwise defaults to "most include" filter. Example: disks_filter="exclude=/boot /home/user".
+disks_filter = ""
+
+#* Show graphs instead of meters for memory values.
+mem_graphs = True
+
+#* Show mem box below net box instead of above.
+mem_below_net = False
+
+#* Count ZFS ARC in cached and available memory.
+zfs_arc_cached = True
+
+#* If swap memory should be shown in memory box.
+show_swap = True
+
+#* Show swap as a disk, ignores show_swap value above, inserts itself after first disk.
+swap_disk = True
+
+#* If mem box should be split to also show disks info.
+show_disks = True
+
+#* Filter out non physical disks. Set this to False to include network disks, RAM disks and similar.
+only_physical = True
+
+#* Read disks list from /etc/fstab. This also disables only_physical.
+use_fstab = True
+
+#* Setting this to True will hide all datasets, and only show ZFS pools. (IO stats will be calculated per-pool)
+zfs_hide_datasets = False
+
+#* Set to true to show available disk space for privileged users.
+disk_free_priv = False
+
+#* Toggles if io activity % (disk busy time) should be shown in regular disk usage view.
+show_io_stat = True
+
+#* Toggles io mode for disks, showing big graphs for disk read/write speeds.
+io_mode = False
+
+#* Set to True to show combined read/write io graphs in io mode.
+io_graph_combined = False
+
+#* Set the top speed for the io graphs in MiB/s (100 by default), use format "mountpoint:speed" separate disks with whitespace " ".
+#* Example: "/mnt/media:100 /:20 /boot:1".
+io_graph_speeds = ""
+
+#* Set fixed values for network graphs in Mebibits. Is only used if net_auto is also set to False.
+net_download = 100
+
+net_upload = 100
+
+#* Use network graphs auto rescaling mode, ignores any values set above and rescales down to 10 Kibibytes at the lowest.
+net_auto = True
+
+#* Sync the auto scaling for download and upload to whichever currently has the highest scale.
+net_sync = True
+
+#* Starts with the Network Interface specified here.
+net_iface = ""
+
+#* Show battery stats in top right if battery is present.
+show_battery = True
+
+#* Which battery to use if multiple are present. "Auto" for auto detection.
+selected_battery = "Auto"
+
+#* Set loglevel for "~/.config/btop/btop.log" levels are: "ERROR" "WARNING" "INFO" "DEBUG".
+#* The level set includes all lower levels, i.e. "DEBUG" will show all logging info.
+log_level = "WARNING"
\ No newline at end of file
diff --git a/lineage/.config/chromethemes/Chrome-catppuccin-mocha-Colorful/Cached Theme.pak b/lineage/.config/chromethemes/Chrome-catppuccin-mocha-Colorful/Cached Theme.pak
new file mode 100755
index 000000000..036a8e860
Binary files /dev/null and b/lineage/.config/chromethemes/Chrome-catppuccin-mocha-Colorful/Cached Theme.pak differ
diff --git a/lineage/.config/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon128.png b/lineage/.config/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon128.png
new file mode 100755
index 000000000..fbe2ed7e2
Binary files /dev/null and b/lineage/.config/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon128.png differ
diff --git a/lineage/.config/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon16.png b/lineage/.config/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon16.png
new file mode 100755
index 000000000..75e6ced3b
Binary files /dev/null and b/lineage/.config/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon16.png differ
diff --git a/lineage/.config/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon48.png b/lineage/.config/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon48.png
new file mode 100755
index 000000000..c93cfc794
Binary files /dev/null and b/lineage/.config/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon48.png differ
diff --git a/lineage/.config/chromethemes/Chrome-catppuccin-mocha-Colorful/manifest.json b/lineage/.config/chromethemes/Chrome-catppuccin-mocha-Colorful/manifest.json
new file mode 100755
index 000000000..0e4fd0f9e
--- /dev/null
+++ b/lineage/.config/chromethemes/Chrome-catppuccin-mocha-Colorful/manifest.json
@@ -0,0 +1,35 @@
+{
+  "manifest_version": 3,
+  "name": "Catppuccin Chrome Theme - Mocha - Colorful",
+  "description": "Soothing pastel theme for Google Chrome - Catppuccin Mocha",
+  "version": "3.0",
+  "icons": {
+    "16": "images/icon16.png",
+    "48": "images/icon48.png",
+    "128": "images/icon128.png"
+  },
+  "theme": {
+    "colors": {
+      "frame": [30, 30, 46],
+      "frame_inactive": [30, 30, 46],
+      "frame_incognito": [30, 30, 46],
+      "frame_incognito_inactive": [30, 30, 46],
+      "bookmark_text": [137, 180, 250],
+      "tab_background_text": [186, 194, 222],
+      "tab_background_text_inactive": [186, 194, 222],
+      "tab_background_text_incognito": [203, 166, 247],
+      "tab_background_text_incognito_inactive": [137, 180, 250],
+      "tab_text": [203, 166, 247],
+      "toolbar": [65, 72, 104],
+      "toolbar_button_icon": [203, 166, 247],
+      "omnibox_text": [203, 166, 247],
+      "omnibox_background": [49, 50, 68],
+      "ntp_background": [30, 30, 46],
+      "ntp_link": [203, 166, 247],
+      "ntp_text": [203, 166, 247],
+      "ntp_link_underline": [30, 30, 46],
+      "ntp_section_link_underline": [30, 30, 46],
+      "button_background": [65, 72, 104]
+    }
+  }
+}
diff --git a/lineage/.config/chromethemes/EverForest-Dark-B/Cached Theme.pak b/lineage/.config/chromethemes/EverForest-Dark-B/Cached Theme.pak
new file mode 100755
index 000000000..6cb19536f
Binary files /dev/null and b/lineage/.config/chromethemes/EverForest-Dark-B/Cached Theme.pak differ
diff --git a/lineage/.config/chromethemes/EverForest-Dark-B/images/icon128.png b/lineage/.config/chromethemes/EverForest-Dark-B/images/icon128.png
new file mode 100755
index 000000000..fbe2ed7e2
Binary files /dev/null and b/lineage/.config/chromethemes/EverForest-Dark-B/images/icon128.png differ
diff --git a/lineage/.config/chromethemes/EverForest-Dark-B/images/icon16.png b/lineage/.config/chromethemes/EverForest-Dark-B/images/icon16.png
new file mode 100755
index 000000000..75e6ced3b
Binary files /dev/null and b/lineage/.config/chromethemes/EverForest-Dark-B/images/icon16.png differ
diff --git a/lineage/.config/chromethemes/EverForest-Dark-B/images/icon48.png b/lineage/.config/chromethemes/EverForest-Dark-B/images/icon48.png
new file mode 100755
index 000000000..c93cfc794
Binary files /dev/null and b/lineage/.config/chromethemes/EverForest-Dark-B/images/icon48.png differ
diff --git a/lineage/.config/chromethemes/EverForest-Dark-B/manifest.json b/lineage/.config/chromethemes/EverForest-Dark-B/manifest.json
new file mode 100755
index 000000000..6f2f5bd69
--- /dev/null
+++ b/lineage/.config/chromethemes/EverForest-Dark-B/manifest.json
@@ -0,0 +1,35 @@
+{
+  "manifest_version": 3,
+  "name": "Everforest Dark B",
+  "description": "Forest.",
+  "version": "3.0",
+  "icons": {
+    "16": "images/icon16.png",
+    "48": "images/icon48.png",
+    "128": "images/icon128.png"
+  },
+  "theme": {
+    "colors": {
+      "frame": [28, 32, 33],
+      "frame_inactive": [30, 32, 31],
+      "frame_incognito": [28, 32, 33],
+      "frame_incognito_inactive": [30, 32, 31],
+      "bookmark_text": [211, 198, 170],
+      "tab_background_text": [161, 152, 131], 
+      "tab_background_text_inactive": [211, 198, 170],
+      "tab_background_text_incognito": [161, 152, 131],
+      "tab_background_text_incognito_inactive": [211, 198, 170],
+      "tab_text": [168, 179, 112],
+      "toolbar": [48, 49, 52],
+      "toolbar_button_icon": [168, 179, 112],
+      "omnibox_text": [168, 179, 112],
+      "omnibox_background": [28, 32, 33],
+      "ntp_background": [28, 32, 33],
+      "ntp_link": [168, 179, 112],
+      "ntp_text": [168, 179, 112],
+      "ntp_link_underline": [28, 32, 33],
+      "ntp_section_link_underline": [28, 32, 33],
+      "button_background": [48, 49, 52]
+    }
+  }
+}
diff --git a/lineage/.config/chromethemes/README.md b/lineage/.config/chromethemes/README.md
new file mode 100644
index 000000000..8c35b6a95
--- /dev/null
+++ b/lineage/.config/chromethemes/README.md
@@ -0,0 +1,4 @@
+## Chrome themes
+- Go to chrome:extensions (might be different depending on your chromium browser)
+- Click "Load Unpacked"
+- Go to one of the folders in this directory and choose it
\ No newline at end of file
diff --git a/lineage/.config/chromethemes/TokyoNight/Cached Theme.pak b/lineage/.config/chromethemes/TokyoNight/Cached Theme.pak
new file mode 100755
index 000000000..72a3c406a
Binary files /dev/null and b/lineage/.config/chromethemes/TokyoNight/Cached Theme.pak differ
diff --git a/lineage/.config/chromethemes/TokyoNight/images/icon128.png b/lineage/.config/chromethemes/TokyoNight/images/icon128.png
new file mode 100755
index 000000000..fbe2ed7e2
Binary files /dev/null and b/lineage/.config/chromethemes/TokyoNight/images/icon128.png differ
diff --git a/lineage/.config/chromethemes/TokyoNight/images/icon16.png b/lineage/.config/chromethemes/TokyoNight/images/icon16.png
new file mode 100755
index 000000000..75e6ced3b
Binary files /dev/null and b/lineage/.config/chromethemes/TokyoNight/images/icon16.png differ
diff --git a/lineage/.config/chromethemes/TokyoNight/images/icon48.png b/lineage/.config/chromethemes/TokyoNight/images/icon48.png
new file mode 100755
index 000000000..c93cfc794
Binary files /dev/null and b/lineage/.config/chromethemes/TokyoNight/images/icon48.png differ
diff --git a/lineage/.config/chromethemes/TokyoNight/manifest.json b/lineage/.config/chromethemes/TokyoNight/manifest.json
new file mode 100755
index 000000000..9f9e5ed0a
--- /dev/null
+++ b/lineage/.config/chromethemes/TokyoNight/manifest.json
@@ -0,0 +1,35 @@
+{
+  "manifest_version": 3,
+  "name": "TokyoNight-Dark",
+  "description": "Dark",
+  "version": "3.0",
+  "icons": {
+    "16": "images/icon16.png",
+    "48": "images/icon48.png",
+    "128": "images/icon128.png"
+  },
+  "theme": {
+    "colors": {
+      "frame": [26, 27, 38],
+      "frame_inactive": [26, 27, 38],
+      "frame_incognito": [26, 27, 38],
+      "frame_incognito_inactive": [26, 27, 38],
+      "bookmark_text": [192, 202, 245],
+      "tab_background_text": [192, 202, 245],
+      "tab_background_text_inactive": [192, 202, 245],
+      "tab_background_text_incognito": [192, 202, 245],
+      "tab_background_text_incognito_inactive": [192, 202, 245],
+      "tab_text": [13, 183, 212],
+      "toolbar": [46, 47, 66],
+      "toolbar_button_icon": [192, 202, 245],
+      "omnibox_text": [13, 183, 212],
+      "omnibox_background": [26, 27, 38],
+      "ntp_background": [46, 47, 66],
+      "ntp_link": [13, 183, 212],
+      "ntp_text": [13, 183, 212],
+      "ntp_link_underline": [13, 183, 212],
+      "ntp_section_link_underline": [13, 183, 212],
+      "button_background": [30, 30, 46]
+    }
+  }
+}
diff --git a/lineage/.config/dunst/dunstrc b/lineage/.config/dunst/dunstrc
new file mode 100644
index 000000000..f0649921e
--- /dev/null
+++ b/lineage/.config/dunst/dunstrc
@@ -0,0 +1,462 @@
+# See dunst(5) for all configuration options
+
+[global]
+    ### Display ###
+
+    # Which monitor should the notifications be displayed on.
+    monitor = 0
+
+    # Display notification on focused monitor.  Possible modes are:
+    #   mouse: follow mouse pointer
+    #   keyboard: follow window with keyboard focus
+    #   none: don't follow anything
+    #
+    # "keyboard" needs a window manager that exports the
+    # _NET_ACTIVE_WINDOW property.
+    # This should be the case for almost all modern window managers.
+    #
+    # If this option is set to mouse or keyboard, the monitor option
+    # will be ignored.
+    follow = mouse
+
+    ### Geometry ###
+
+    # dynamic width from 0 to 300
+    # width = (0, 300)
+    # constant width of 300
+    width = 480
+
+    # The maximum height of a single notification, excluding the frame.
+    height = 1080
+
+    origin = top-right
+
+    # Offset from the origin
+    offset = 20x52
+
+    # Scale factor. It is auto-detected if value is 0.
+    scale = 0
+
+    # Maximum number of notification (0 means no limit)
+    notification_limit = 0
+
+    ### Progress bar ###
+
+    # Turn on the progess bar. It appears when a progress hint is passed with
+    # for example dunstify -h int:value:12
+    progress_bar = true
+
+    # Set the progress bar height. This includes the frame, so make sure
+    # it's at least twice as big as the frame width.
+    progress_bar_height = 20
+
+    # Set the frame width of the progress bar
+    progress_bar_frame_width = 5
+
+    # Set the minimum width for the progress bar
+    progress_bar_min_width = 420
+
+    # Set the maximum width for the progress bar
+    progress_bar_max_width = 420
+
+
+    # Show how many messages are currently hidden (because of
+    # notification_limit).
+    indicate_hidden = yes
+
+    # The transparency of the window.  Range: [0; 100].
+    # This option will only work if a compositing window manager is
+    # present (e.g. xcompmgr, compiz, etc.). (X11 only)
+    transparency = 50
+
+    # Draw a line of "separator_height" pixel height between two
+    # notifications.
+    # Set to 0 to disable.
+    # If gap_size is greater than 0, this setting will be ignored.
+    separator_height = 5
+
+    # Padding between text and separator.
+    padding = 15
+
+    # Horizontal padding.
+    horizontal_padding = 30
+
+    # Padding between text and icon.
+    text_icon_padding = 0
+
+    # Defines width in pixels of frame around the notification window.
+    # Set to 0 to disable.
+    frame_width = 3
+
+    # Defines color of the frame around the notification window.
+    frame_color = "#8297ED"
+
+    # Size of gap to display between notifications - requires a compositor.
+    # If value is greater than 0, separator_height will be ignored and a border
+    # of size frame_width will be drawn around each notification instead.
+    # Click events on gaps do not currently propagate to applications below.
+    gap_size = 0
+
+    # Define a color for the separator.
+    # possible values are:
+    #  * auto: dunst tries to find a color fitting to the background;
+    #  * foreground: use the same color as the foreground;
+    #  * frame: use the same color as the frame;
+    #  * anything else will be interpreted as a X color.
+    separator_color = frame
+
+    # Sort messages by urgency.
+    sort = yes
+
+    # Don't remove messages, if the user is idle (no mouse or keyboard input)
+    # for longer than idle_threshold seconds.
+    # Set to 0 to disable.
+    # A client can set the 'transient' hint to bypass this. See the rules
+    # section for how to disable this if necessary
+    # idle_threshold = 120
+
+    ### Text ###
+
+    font = Gabarito 12
+
+    # The spacing between lines.  If the height is smaller than the
+    # font height, it will get raised to the font height.
+    line_height = 0
+
+    # Possible values are:
+    # full: Allow a small subset of html markup in notifications:
+    #        <b>bold</b>
+    #        <i>italic</i>
+    #        <s>strikethrough</s>
+    #        <u>underline</u>
+    #
+    #        For a complete reference see
+    #        <https://docs.gtk.org/Pango/pango_markup.html>.
+    #
+    # strip: This setting is provided for compatibility with some broken
+    #        clients that send markup even though it's not enabled on the
+    #        server. Dunst will try to strip the markup but the parsing is
+    #        simplistic so using this option outside of matching rules for
+    #        specific applications *IS GREATLY DISCOURAGED*.
+    #
+    # no:    Disable markup parsing, incoming notifications will be treated as
+    #        plain text. Dunst will not advertise that it has the body-markup
+    #        capability if this is set as a global setting.
+    #
+    # It's important to note that markup inside the format option will be parsed
+    # regardless of what this is set to.
+    markup = full
+
+    # The format of the message.  Possible variables are:
+    #   %a  appname
+    #   %s  summary
+    #   %b  body
+    #   %i  iconname (including its path)
+    #   %I  iconname (without its path)
+    #   %p  progress value if set ([  0%] to [100%]) or nothing
+    #   %n  progress value if set without any extra characters
+    #   %%  Literal %
+    # Markup is allowed
+    format = "<b>%s</b>\n%b"
+
+    # Alignment of message text.
+    # Possible values are "left", "center" and "right".
+    alignment = left
+
+    # Vertical alignment of message text and icon.
+    # Possible values are "top", "center" and "bottom".
+    vertical_alignment = center
+
+    # Show age of message if message is older than show_age_threshold
+    # seconds.
+    # Set to -1 to disable.
+    show_age_threshold = 60
+
+    # Specify where to make an ellipsis in long lines.
+    # Possible values are "start", "middle" and "end".
+    ellipsize = end
+
+    # Ignore newlines '\n' in notifications.
+    ignore_newline = no
+
+    # Stack together notifications with the same content
+    stack_duplicates = true
+
+    # Hide the count of stacked notifications with the same content
+    hide_duplicate_count = false
+
+    # Display indicators for URLs (U) and actions (A).
+    show_indicators = yes
+
+    ### Icons ###
+
+    # Recursive icon lookup. You can set a single theme, instead of having to
+    # define all lookup paths.
+    enable_recursive_icon_lookup = true
+
+    # Set icon theme (only used for recursive icon lookup)
+    # icon_theme = bold-colors-gray
+    # You can also set multiple icon themes, with the leftmost one being used first.
+    # icon_theme = "Adwaita, breeze"
+
+    # Align icons left/right/top/off
+    icon_position = left
+
+    # Scale small icons up to this size, set to 0 to disable. Helpful
+    # for e.g. small files or high-dpi screens. In case of conflict,
+    # max_icon_size takes precedence over this.
+    min_icon_size = 50
+
+    # Scale larger icons down to this size, set to 0 to disable
+    max_icon_size = 50
+
+    # Paths to default icons (only neccesary when not using recursive icon lookup)
+    # icon_path = /usr/share/icons/gnome/16x16/status/:/usr/share/icons/gnome/16x16/devices/
+
+    ### History ###
+
+    # Should a notification popped up from history be sticky or timeout
+    # as if it would normally do.
+    sticky_history = yes
+
+    # Maximum amount of notifications kept in history
+    history_length = 20
+
+    ### Misc/Advanced ###
+
+    # dmenu path.
+    dmenu = /usr/bin/rofi -config ~/.config/rofi/drun.rasi -no-show-icons -dmenu -p dunst:
+
+    # Browser for opening urls in context menu.
+    browser = /usr/bin/xdg-open
+
+    # Always run rule-defined scripts, even if the notification is suppressed
+    always_run_script = true
+
+    # Define the title of the windows spawned by dunst
+    title = Dunst
+
+    # Define the class of the windows spawned by dunst
+    class = Dunst
+
+    # Define the corner radius of the notification window
+    # in pixel size. If the radius is 0, you have no rounded
+    # corners.
+    # The radius will be automatically lowered if it exceeds half of the
+    # notification height to avoid clipping text and/or icons.
+    corner_radius = 20
+
+    # Ignore the dbus closeNotification message.
+    # Useful to enforce the timeout set by dunst configuration. Without this
+    # parameter, an application may close the notification sent before the
+    # user defined timeout.
+    ignore_dbusclose = false
+
+    ### Wayland ###
+    # These settings are Wayland-specific. They have no effect when using X11
+
+    # Uncomment this if you want to let notications appear under fullscreen
+    # applications (default: overlay)
+    # layer = top
+
+    # Set this to true to use X11 output on Wayland.
+    force_xwayland = false
+
+    ### Legacy
+
+    # Use the Xinerama extension instead of RandR for multi-monitor support.
+    # This setting is provided for compatibility with older nVidia drivers that
+    # do not support RandR and using it on systems that support RandR is highly
+    # discouraged.
+    #
+    # By enabling this setting dunst will not be able to detect when a monitor
+    # is connected or disconnected which might break follow mode if the screen
+    # layout changes.
+    force_xinerama = false
+
+    ### mouse
+
+    # Defines list of actions for each mouse event
+    # Possible values are:
+    # * none: Don't do anything.
+    # * do_action: Invoke the action determined by the action_name rule. If there is no
+    #              such action, open the context menu.
+    # * open_url: If the notification has exactly one url, open it. If there are multiple
+    #             ones, open the context menu.
+    # * close_current: Close current notification.
+    # * close_all: Close all notifications.
+    # * context: Open context menu for the notification.
+    # * context_all: Open context menu for all notifications.
+    # These values can be strung together for each mouse event, and
+    # will be executed in sequence.
+    mouse_left_click = close_current
+    mouse_middle_click = do_action, close_current
+    mouse_right_click = close_all
+
+# Experimental features that may or may not work correctly. Do not expect them
+# to have a consistent behaviour across releases.
+[experimental]
+    # Calculate the dpi to use on a per-monitor basis.
+    # If this setting is enabled the Xft.dpi value will be ignored and instead
+    # dunst will attempt to calculate an appropriate dpi value for each monitor
+    # using the resolution and physical size. This might be useful in setups
+    # where there are multiple screens with very different dpi values.
+    per_monitor_dpi = false
+
+
+[urgency_low]
+    # IMPORTANT: colors have to be defined in quotation marks.
+    # Otherwise the "#" and following would be interpreted as a comment.
+    background = "#1f2328"
+    foreground = "#fffeff"
+    highlight = "#b4e8ff"
+    timeout = 5
+    fullscreen = delay
+    # Icon for notifications with low urgency, uncomment to enable
+    #default_icon = /path/to/icon
+
+[urgency_normal]
+    background = "#1f2328"
+    foreground = "#fffeff"
+    highlight = "#b4e8ff"
+    timeout = 5
+    fullscreen = delay
+    # Icon for notifications with normal urgency, uncomment to enable
+    #default_icon = /path/to/icon
+
+[urgency_critical]
+    background = "#1f2328"
+    foreground = "#fffeff"
+    highlight = "#b4e8ff"
+    timeout = 10
+    # Icon for notifications with critical urgency, uncomment to enable
+    #default_icon = /path/to/icon
+
+# Every section that isn't one of the above is interpreted as a rules to
+# override settings for certain messages.
+#
+# Messages can be matched by
+#    appname (discouraged, see desktop_entry)
+#    body
+#    category
+#    desktop_entry
+#    icon
+#    match_transient
+#    msg_urgency
+#    stack_tag
+#    summary
+#
+# and you can override the
+#    background
+#    foreground
+#    format
+#    frame_color
+#    fullscreen
+#    new_icon
+#    set_stack_tag
+#    set_transient
+#    set_category
+#    timeout
+#    urgency
+#    icon_position
+#    skip_display
+#    history_ignore
+#    action_name
+#    word_wrap
+#    ellipsize
+#    alignment
+#    hide_text
+#
+# Shell-like globbing will get expanded.
+#
+# Instead of the appname filter, it's recommended to use the desktop_entry filter.
+# GLib based applications export their desktop-entry name. In comparison to the appname,
+# the desktop-entry won't get localized.
+#
+# SCRIPTING
+# You can specify a script that gets run when the rule matches by
+# setting the "script" option.
+# The script will be called as follows:
+#   script appname summary body icon urgency
+# where urgency can be "LOW", "NORMAL" or "CRITICAL".
+#
+# NOTE: It might be helpful to run dunst -print in a terminal in order
+# to find fitting options for rules.
+
+# Disable the transient hint so that idle_threshold cannot be bypassed from the
+# client
+#[transient_disable]
+#    match_transient = yes
+#    set_transient = no
+#
+# Make the handling of transient notifications more strict by making them not
+# be placed in history.
+#[transient_history_ignore]
+#    match_transient = yes
+#    history_ignore = yes
+
+# fullscreen values
+# show: show the notifications, regardless if there is a fullscreen window opened
+# delay: displays the new notification, if there is no fullscreen window active
+#        If the notification is already drawn, it won't get undrawn.
+# pushback: same as delay, but when switching into fullscreen, the notification will get
+#           withdrawn from screen again and will get delayed like a new notification
+#[fullscreen_delay_everything]
+#    fullscreen = delay
+#[fullscreen_show_critical]
+#    msg_urgency = critical
+#    fullscreen = show
+
+#[espeak]
+#    summary = "*"
+#    script = dunst_espeak.sh
+
+#[script-test]
+#    summary = "*script*"
+#    script = dunst_test.sh
+
+#[ignore]
+#    # This notification will not be displayed
+#    summary = "foobar"
+#    skip_display = true
+
+#[history-ignore]
+#    # This notification will not be saved in history
+#    summary = "foobar"
+#    history_ignore = yes
+
+#[skip-display]
+#    # This notification will not be displayed, but will be included in the history
+#    summary = "foobar"
+#    skip_display = yes
+
+#[signed_on]
+#    appname = Pidgin
+#    summary = "*signed on*"
+#    urgency = low
+#
+#[signed_off]
+#    appname = Pidgin
+#    summary = *signed off*
+#    urgency = low
+#
+#[says]
+#    appname = Pidgin
+#    summary = *says*
+#    urgency = critical
+#
+#[twitter]
+#    appname = Pidgin
+#    summary = *twitter.com*
+#    urgency = normal
+#
+#[stack-volumes]
+#    appname = "some_volume_notifiers"
+#    set_stack_tag = "volume"
+#
+# vim: ft=cfg
+
+# Scripting 
+[Sound]
+    summary = "*"
+    script = ~/.bscripts/notif_sounds.sh 
diff --git a/lineage/.config/dunst/planet/dunstrc b/lineage/.config/dunst/planet/dunstrc
new file mode 100644
index 000000000..e50539d6d
--- /dev/null
+++ b/lineage/.config/dunst/planet/dunstrc
@@ -0,0 +1,463 @@
+# See dunst(5) for all configuration options
+
+[global]
+    ### Display ###
+
+    # Which monitor should the notifications be displayed on.
+    monitor = 0
+
+    # Display notification on focused monitor.  Possible modes are:
+    #   mouse: follow mouse pointer
+    #   keyboard: follow window with keyboard focus
+    #   none: don't follow anything
+    #
+    # "keyboard" needs a window manager that exports the
+    # _NET_ACTIVE_WINDOW property.
+    # This should be the case for almost all modern window managers.
+    #
+    # If this option is set to mouse or keyboard, the monitor option
+    # will be ignored.
+    follow = mouse
+
+    ### Geometry ###
+
+    # dynamic width from 0 to 300
+    # width = (0, 300)
+    # constant width of 300
+    width = 480
+
+    # The maximum height of a single notification, excluding the frame.
+    height = 1080
+
+    # Position the notification in the top right corner
+    origin = bottom-right
+
+    # Offset from the origin
+    offset = 40x40
+
+    # Scale factor. It is auto-detected if value is 0.
+    scale = 0
+
+    # Maximum number of notification (0 means no limit)
+    notification_limit = 0
+
+    ### Progress bar ###
+
+    # Turn on the progess bar. It appears when a progress hint is passed with
+    # for example dunstify -h int:value:12
+    progress_bar = true
+
+    # Set the progress bar height. This includes the frame, so make sure
+    # it's at least twice as big as the frame width.
+    progress_bar_height = 20
+
+    # Set the frame width of the progress bar
+    progress_bar_frame_width = 5
+
+    # Set the minimum width for the progress bar
+    progress_bar_min_width = 420
+
+    # Set the maximum width for the progress bar
+    progress_bar_max_width = 420
+
+
+    # Show how many messages are currently hidden (because of
+    # notification_limit).
+    indicate_hidden = yes
+
+    # The transparency of the window.  Range: [0; 100].
+    # This option will only work if a compositing window manager is
+    # present (e.g. xcompmgr, compiz, etc.). (X11 only)
+    transparency = 0
+
+    # Draw a line of "separator_height" pixel height between two
+    # notifications.
+    # Set to 0 to disable.
+    # If gap_size is greater than 0, this setting will be ignored.
+    separator_height = 5
+
+    # Padding between text and separator.
+    padding = 15
+
+    # Horizontal padding.
+    horizontal_padding = 30
+
+    # Padding between text and icon.
+    text_icon_padding = 0
+
+    # Defines width in pixels of frame around the notification window.
+    # Set to 0 to disable.
+    frame_width = 5
+
+    # Defines color of the frame around the notification window.
+    frame_color = "#fff7ca"
+
+    # Size of gap to display between notifications - requires a compositor.
+    # If value is greater than 0, separator_height will be ignored and a border
+    # of size frame_width will be drawn around each notification instead.
+    # Click events on gaps do not currently propagate to applications below.
+    gap_size = 0
+
+    # Define a color for the separator.
+    # possible values are:
+    #  * auto: dunst tries to find a color fitting to the background;
+    #  * foreground: use the same color as the foreground;
+    #  * frame: use the same color as the frame;
+    #  * anything else will be interpreted as a X color.
+    separator_color = frame
+
+    # Sort messages by urgency.
+    sort = yes
+
+    # Don't remove messages, if the user is idle (no mouse or keyboard input)
+    # for longer than idle_threshold seconds.
+    # Set to 0 to disable.
+    # A client can set the 'transient' hint to bypass this. See the rules
+    # section for how to disable this if necessary
+    # idle_threshold = 120
+
+    ### Text ###
+
+    font = Nova Mono Bold 12
+
+    # The spacing between lines.  If the height is smaller than the
+    # font height, it will get raised to the font height.
+    line_height = 0
+
+    # Possible values are:
+    # full: Allow a small subset of html markup in notifications:
+    #        <b>bold</b>
+    #        <i>italic</i>
+    #        <s>strikethrough</s>
+    #        <u>underline</u>
+    #
+    #        For a complete reference see
+    #        <https://docs.gtk.org/Pango/pango_markup.html>.
+    #
+    # strip: This setting is provided for compatibility with some broken
+    #        clients that send markup even though it's not enabled on the
+    #        server. Dunst will try to strip the markup but the parsing is
+    #        simplistic so using this option outside of matching rules for
+    #        specific applications *IS GREATLY DISCOURAGED*.
+    #
+    # no:    Disable markup parsing, incoming notifications will be treated as
+    #        plain text. Dunst will not advertise that it has the body-markup
+    #        capability if this is set as a global setting.
+    #
+    # It's important to note that markup inside the format option will be parsed
+    # regardless of what this is set to.
+    markup = full
+
+    # The format of the message.  Possible variables are:
+    #   %a  appname
+    #   %s  summary
+    #   %b  body
+    #   %i  iconname (including its path)
+    #   %I  iconname (without its path)
+    #   %p  progress value if set ([  0%] to [100%]) or nothing
+    #   %n  progress value if set without any extra characters
+    #   %%  Literal %
+    # Markup is allowed
+    format = "<b>%s</b>\n%b"
+
+    # Alignment of message text.
+    # Possible values are "left", "center" and "right".
+    alignment = left
+
+    # Vertical alignment of message text and icon.
+    # Possible values are "top", "center" and "bottom".
+    vertical_alignment = center
+
+    # Show age of message if message is older than show_age_threshold
+    # seconds.
+    # Set to -1 to disable.
+    show_age_threshold = 60
+
+    # Specify where to make an ellipsis in long lines.
+    # Possible values are "start", "middle" and "end".
+    ellipsize = end
+
+    # Ignore newlines '\n' in notifications.
+    ignore_newline = no
+
+    # Stack together notifications with the same content
+    stack_duplicates = true
+
+    # Hide the count of stacked notifications with the same content
+    hide_duplicate_count = false
+
+    # Display indicators for URLs (U) and actions (A).
+    show_indicators = yes
+
+    ### Icons ###
+
+    # Recursive icon lookup. You can set a single theme, instead of having to
+    # define all lookup paths.
+    enable_recursive_icon_lookup = true
+
+    # Set icon theme (only used for recursive icon lookup)
+    # icon_theme = bold-colors-gray
+    # You can also set multiple icon themes, with the leftmost one being used first.
+    # icon_theme = "Adwaita, breeze"
+
+    # Align icons left/right/top/off
+    icon_position = left
+
+    # Scale small icons up to this size, set to 0 to disable. Helpful
+    # for e.g. small files or high-dpi screens. In case of conflict,
+    # max_icon_size takes precedence over this.
+    min_icon_size = 50
+
+    # Scale larger icons down to this size, set to 0 to disable
+    max_icon_size = 50
+
+    # Paths to default icons (only neccesary when not using recursive icon lookup)
+    # icon_path = /usr/share/icons/gnome/16x16/status/:/usr/share/icons/gnome/16x16/devices/
+
+    ### History ###
+
+    # Should a notification popped up from history be sticky or timeout
+    # as if it would normally do.
+    sticky_history = yes
+
+    # Maximum amount of notifications kept in history
+    history_length = 20
+
+    ### Misc/Advanced ###
+
+    # dmenu path.
+    dmenu = /usr/bin/rofi -config ~/.config/rofi/drun.rasi -no-show-icons -dmenu -p dunst:
+
+    # Browser for opening urls in context menu.
+    browser = /usr/bin/xdg-open
+
+    # Always run rule-defined scripts, even if the notification is suppressed
+    always_run_script = true
+
+    # Define the title of the windows spawned by dunst
+    title = Dunst
+
+    # Define the class of the windows spawned by dunst
+    class = Dunst
+
+    # Define the corner radius of the notification window
+    # in pixel size. If the radius is 0, you have no rounded
+    # corners.
+    # The radius will be automatically lowered if it exceeds half of the
+    # notification height to avoid clipping text and/or icons.
+    corner_radius = 20
+
+    # Ignore the dbus closeNotification message.
+    # Useful to enforce the timeout set by dunst configuration. Without this
+    # parameter, an application may close the notification sent before the
+    # user defined timeout.
+    ignore_dbusclose = false
+
+    ### Wayland ###
+    # These settings are Wayland-specific. They have no effect when using X11
+
+    # Uncomment this if you want to let notications appear under fullscreen
+    # applications (default: overlay)
+    # layer = top
+
+    # Set this to true to use X11 output on Wayland.
+    force_xwayland = false
+
+    ### Legacy
+
+    # Use the Xinerama extension instead of RandR for multi-monitor support.
+    # This setting is provided for compatibility with older nVidia drivers that
+    # do not support RandR and using it on systems that support RandR is highly
+    # discouraged.
+    #
+    # By enabling this setting dunst will not be able to detect when a monitor
+    # is connected or disconnected which might break follow mode if the screen
+    # layout changes.
+    force_xinerama = false
+
+    ### mouse
+
+    # Defines list of actions for each mouse event
+    # Possible values are:
+    # * none: Don't do anything.
+    # * do_action: Invoke the action determined by the action_name rule. If there is no
+    #              such action, open the context menu.
+    # * open_url: If the notification has exactly one url, open it. If there are multiple
+    #             ones, open the context menu.
+    # * close_current: Close current notification.
+    # * close_all: Close all notifications.
+    # * context: Open context menu for the notification.
+    # * context_all: Open context menu for all notifications.
+    # These values can be strung together for each mouse event, and
+    # will be executed in sequence.
+    mouse_left_click = close_current
+    mouse_middle_click = do_action, close_current
+    mouse_right_click = close_all
+
+# Experimental features that may or may not work correctly. Do not expect them
+# to have a consistent behaviour across releases.
+[experimental]
+    # Calculate the dpi to use on a per-monitor basis.
+    # If this setting is enabled the Xft.dpi value will be ignored and instead
+    # dunst will attempt to calculate an appropriate dpi value for each monitor
+    # using the resolution and physical size. This might be useful in setups
+    # where there are multiple screens with very different dpi values.
+    per_monitor_dpi = false
+
+
+[urgency_low]
+    # IMPORTANT: colors have to be defined in quotation marks.
+    # Otherwise the "#" and following would be interpreted as a comment.
+    background = "#1f2328"
+    foreground = "#fffeff"
+    highlight = "#b4e8ff"
+    timeout = 5
+    fullscreen = delay
+    # Icon for notifications with low urgency, uncomment to enable
+    #default_icon = /path/to/icon
+
+[urgency_normal]
+    background = "#1f2328"
+    foreground = "#fffeff"
+    highlight = "#b4e8ff"
+    timeout = 5
+    fullscreen = delay
+    # Icon for notifications with normal urgency, uncomment to enable
+    #default_icon = /path/to/icon
+
+[urgency_critical]
+    background = "#1f2328"
+    foreground = "#fffeff"
+    highlight = "#b4e8ff"
+    timeout = 10
+    # Icon for notifications with critical urgency, uncomment to enable
+    #default_icon = /path/to/icon
+
+# Every section that isn't one of the above is interpreted as a rules to
+# override settings for certain messages.
+#
+# Messages can be matched by
+#    appname (discouraged, see desktop_entry)
+#    body
+#    category
+#    desktop_entry
+#    icon
+#    match_transient
+#    msg_urgency
+#    stack_tag
+#    summary
+#
+# and you can override the
+#    background
+#    foreground
+#    format
+#    frame_color
+#    fullscreen
+#    new_icon
+#    set_stack_tag
+#    set_transient
+#    set_category
+#    timeout
+#    urgency
+#    icon_position
+#    skip_display
+#    history_ignore
+#    action_name
+#    word_wrap
+#    ellipsize
+#    alignment
+#    hide_text
+#
+# Shell-like globbing will get expanded.
+#
+# Instead of the appname filter, it's recommended to use the desktop_entry filter.
+# GLib based applications export their desktop-entry name. In comparison to the appname,
+# the desktop-entry won't get localized.
+#
+# SCRIPTING
+# You can specify a script that gets run when the rule matches by
+# setting the "script" option.
+# The script will be called as follows:
+#   script appname summary body icon urgency
+# where urgency can be "LOW", "NORMAL" or "CRITICAL".
+#
+# NOTE: It might be helpful to run dunst -print in a terminal in order
+# to find fitting options for rules.
+
+# Disable the transient hint so that idle_threshold cannot be bypassed from the
+# client
+#[transient_disable]
+#    match_transient = yes
+#    set_transient = no
+#
+# Make the handling of transient notifications more strict by making them not
+# be placed in history.
+#[transient_history_ignore]
+#    match_transient = yes
+#    history_ignore = yes
+
+# fullscreen values
+# show: show the notifications, regardless if there is a fullscreen window opened
+# delay: displays the new notification, if there is no fullscreen window active
+#        If the notification is already drawn, it won't get undrawn.
+# pushback: same as delay, but when switching into fullscreen, the notification will get
+#           withdrawn from screen again and will get delayed like a new notification
+#[fullscreen_delay_everything]
+#    fullscreen = delay
+#[fullscreen_show_critical]
+#    msg_urgency = critical
+#    fullscreen = show
+
+#[espeak]
+#    summary = "*"
+#    script = dunst_espeak.sh
+
+#[script-test]
+#    summary = "*script*"
+#    script = dunst_test.sh
+
+#[ignore]
+#    # This notification will not be displayed
+#    summary = "foobar"
+#    skip_display = true
+
+#[history-ignore]
+#    # This notification will not be saved in history
+#    summary = "foobar"
+#    history_ignore = yes
+
+#[skip-display]
+#    # This notification will not be displayed, but will be included in the history
+#    summary = "foobar"
+#    skip_display = yes
+
+#[signed_on]
+#    appname = Pidgin
+#    summary = "*signed on*"
+#    urgency = low
+#
+#[signed_off]
+#    appname = Pidgin
+#    summary = *signed off*
+#    urgency = low
+#
+#[says]
+#    appname = Pidgin
+#    summary = *says*
+#    urgency = critical
+#
+#[twitter]
+#    appname = Pidgin
+#    summary = *twitter.com*
+#    urgency = normal
+#
+#[stack-volumes]
+#    appname = "some_volume_notifiers"
+#    set_stack_tag = "volume"
+#
+# vim: ft=cfg
+
+# Scripting 
+[Sound]
+    summary = "*"
+    script = ~/.bscripts/notif_sounds.sh 
diff --git a/lineage/.config/dunst/sid b/lineage/.config/dunst/sid
new file mode 100644
index 000000000..4030549b1
--- /dev/null
+++ b/lineage/.config/dunst/sid
@@ -0,0 +1 @@
+Dark
diff --git a/lineage/.config/dunst/tokyonight/dunstrc b/lineage/.config/dunst/tokyonight/dunstrc
new file mode 100644
index 000000000..9902db41e
--- /dev/null
+++ b/lineage/.config/dunst/tokyonight/dunstrc
@@ -0,0 +1,58 @@
+[global]
+monitor = 0
+follow = mouse
+geometry = "280x50-20+20"
+indicate_hidden = no
+shrink = no
+separator_height = 4
+separator_color = yes
+padding = 20
+horizontal_padding = 20
+frame_width = 3
+sort = no
+idle_threshold = 120
+font = Gabarito 13
+line_height = 4
+markup = full
+format = "<b>%s</b>\n%b"
+alignment = left
+show_age_threshold = 60
+word_wrap = yes
+ignore_newline = no
+stack_duplicates = false
+hide_duplicate_count = yes
+show_indicators = no
+icon_position = left
+icon_path = "/home/end/.config/eww/images/linageOS Icons/1G.png"
+max_icon_size = 48
+sticky_history = yes
+history_length = 20
+browser = x-www-browser -new-tab
+always_run_script = true
+title = Dunst
+class = Dunst
+corner_radius = 10
+
+[shortcuts]
+close = ctrl+shift+space
+close_all = ctrl+shift+space
+history = ctrl+grave
+context = ctrl+shift+period
+
+[urgency_low]
+timeout = 4
+background = "#1A1B26EE"
+foreground = "#7AA2F7"
+frame_color = "#967AD2"
+
+[urgency_normal]
+timeout = 8
+background = "#1A1B26EE"
+foreground = "#7AA2F7"
+frame_color = "#967AD2"
+
+[urgency_critical]
+timeout = 0
+background = "#1A1B26EE"
+foreground = "#111A37"
+frame_color = "#967AD2"
diff --git a/lineage/.config/dunst/tokyonight/sid b/lineage/.config/dunst/tokyonight/sid
new file mode 100644
index 000000000..4030549b1
--- /dev/null
+++ b/lineage/.config/dunst/tokyonight/sid
@@ -0,0 +1 @@
+Dark
diff --git a/lineage/.config/eww/README.md b/lineage/.config/eww/README.md
new file mode 100644
index 000000000..588215f2b
--- /dev/null
+++ b/lineage/.config/eww/README.md
@@ -0,0 +1,17 @@
+# Eww configuration
+
+This configuration aims to provide a fully working shell replacement for
+compositors/window managers. Features constantly get added and existing ones
+get improved.
+
+## ❔ Usage
+
+To quickly install this config, grab all the files in this directory and put
+them in `~/.config/eww`. Then run `eww daemon` and `eww open bar`. Enjoy!
+
+Dependencies:
+- Icon fonts: `material-design-icons`, `material-icons`
+- Text font: Gabarito
+
+## 🎨 Theme
+- tokyonight
diff --git a/lineage/.config/eww/css/_bgdecor.scss b/lineage/.config/eww/css/_bgdecor.scss
new file mode 100644
index 000000000..03bfd6d30
--- /dev/null
+++ b/lineage/.config/eww/css/_bgdecor.scss
@@ -0,0 +1,36 @@
+.bg-decor-dow {
+  font-family: Gabarito;
+  font-size: 64pt;
+  color : rgba(255, 255, 255, 0.4);
+}
+
+.bg-decor-date {
+  font-family: Gabarito;
+  font-size: 26pt;
+  color : rgba(255, 255, 255, 0.4);
+}
+
+.bg-decor-input-left {
+  border-top-left-radius: 999px;
+  border-bottom-left-radius: 999px;
+  margin-top: 30px;
+  padding-left: 20px;
+  padding-right: 20px;
+  font-size: 15pt;
+  min-height: 50px;
+  background-color : rgba(255, 255, 255, 0.2);
+}
+
+.bg-decor-input-right {
+  border-top-right-radius: 999px;
+  border-bottom-right-radius: 999px;
+  margin-top: 30px;
+  padding-left: 20px;
+  padding-right: 20px;
+  // padding-top: 5px;
+  // padding-bottom: 5px;
+  font-size: 15pt;
+  min-height: 50px;
+  background-color : rgba(255, 255, 255, 0.2);
+  color : rgba(255, 255, 255, 0.2);
+}
\ No newline at end of file
diff --git a/lineage/.config/eww/css/_calendar.scss b/lineage/.config/eww/css/_calendar.scss
new file mode 100644
index 000000000..25069075a
--- /dev/null
+++ b/lineage/.config/eww/css/_calendar.scss
@@ -0,0 +1,51 @@
+.calendar-win {
+  @include window;
+  background-color: $colorbg;
+  border: 3px solid $color7;
+  color: $colortext;
+  padding: .2em;
+  font-family: 'Gabarito';
+}
+
+calendar {
+  //padding: 5px;
+  // padding-top: 4px;
+  // padding-left: 4px;
+  padding: 7px;
+
+
+  :selected {
+    color: $colortext;
+    font-weight: bolder;
+    background-color: $overlay0;
+    border-radius: 8px;
+    font-family: 'Gabarito';
+  }
+
+  .header {
+    font-family: 'Gabarito';
+    color: $color6;
+  }
+
+  .highlight {
+    font-family: 'Gabarito';
+    color: $color0;
+    font-weight: bold;
+  }
+
+  .button {
+    font-family: 'Gabarito';
+    color: $colortext;
+  }
+
+  :indeterminate {
+    color: $overlay0;
+  }
+}
+
+.date-clock{
+  font-family: 'Gabarito';
+  background: transparent;
+  color: $color6;
+  padding-left: 5px;
+}
\ No newline at end of file
diff --git a/lineage/.config/eww/css/_colors.scss b/lineage/.config/eww/css/_colors.scss
new file mode 100644
index 000000000..1281104c4
--- /dev/null
+++ b/lineage/.config/eww/css/_colors.scss
@@ -0,0 +1,73 @@
+
+
+$rosewater: #f5e0dc;
+$flamingo: #f2cdcd;
+$pink: #f5c2e7;
+$mauve: #cba6f7;
+$red: #f38ba8;
+// $red:         #EF738A;
+$maroon: #eba0ac;
+$peach: #fab387;
+$yellow: #f9e2af;
+$green: #a6e3a1;
+$teal: #94e2d5;
+$sky: #89dceb;
+$sapphire: #74c7ec;
+$blue: #89b4fa;
+$lavender: #b4befe;
+$true: #EF738A;
+$false: #A9B1D6;
+
+
+$forestgreen: #A8B468;
+$forestyellow : #8e8370;
+$foresttext : #d3c6ab;
+$forestblack : #1e201f;
+$forestred : #e76c69;
+$forestpink : #d698b5;
+$forestorange : #e59576;
+$forestgray : #75817b;
+$forestgraylight: #495156;
+$forestgreendark: #7fba90;
+$forestblue: #77AEA7;
+
+$tokyobluedark: #1A1B26;
+$tokyobluelessdark: #1f212e;
+$tokyotext: #a9b1d6;
+$tokyopink: #ff79b1; //nah theres no pink in tokyonight, but i need one so added
+$tokyored: #EF738A;
+$tokyoorange: #FF9E64;
+$tokyoyellow: #E0AF68;
+$tokyogreen: #9ECE6A;
+$tokyoturquoise: #73daca;
+$tokyoice: #b4f9f8;
+$tokyocyan: #0DB9D7;
+$tokyoblue: #7AA2F7;
+$tokyopurple: #9778D0;
+$tokyogrey: #444B6A;
+$catbg: #1E1E2E;
+
+$text: $tokyotext;
+$subtext1: #868dac;
+$subtext0: #a6adc8;
+$overlay2: #9399b2;
+$overlay1: #7f849c;
+$overlay0: rgba(108, 112, 134, 0.5);
+
+$surface2: #585b70;
+$surface1: #45475a;
+$surface0: rgba(28, 28, 48, 0.5); //Needs dynamic change
+
+$base: #1E201F;
+$mantle: #181825;
+$crust: #121415;
+
+$fg: $tokyotext;
+$bg: #171726;
+$barbg: #131426;
+$bg1: $surface0;
+$shadow: $crust;
+
+// $battcolor: $tokyogreen;
+// $memcolor: $tokyoorange;
+// $cpucolor: $tokyoblue;
\ No newline at end of file
diff --git a/lineage/.config/eww/css/_colorscheme.scss b/lineage/.config/eww/css/_colorscheme.scss
new file mode 100644
index 000000000..1f039cdf2
--- /dev/null
+++ b/lineage/.config/eww/css/_colorscheme.scss
@@ -0,0 +1,11 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/OdasYzoN7TQ/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCYFcwiVGbaXXSPIUCHH7RG7dYbMQ
+$colorbg: #1b1938;
+$colortext: #BCE2FD;
+$color0: #C9B1FC;
+$color1: #9CC6FB;
+$color2: #B1D1FB;
+$color3: #BCE2FD;
+$color4: #CDD3FA;
+$color5: #E2D6FA;
+$color6: #e0eaf5;
+$color7: #BCE2FD;
diff --git a/lineage/.config/eww/css/_colorscheme_default.scss b/lineage/.config/eww/css/_colorscheme_default.scss
new file mode 100644
index 000000000..2f00cabed
--- /dev/null
+++ b/lineage/.config/eww/css/_colorscheme_default.scss
@@ -0,0 +1,11 @@
+$colorbg: #171726;   //Get from color0
+$colortext: #a9b1d6; //Get from color4
+$color0: #ff79b1;
+$color1: #EF738A;
+$color2: #FF9E64;
+$color3: #E0AF68;
+$color4: #9ECE6A;
+$color5: #7AA2F7;
+$color6: #0DB9D7;
+$color7: #9778D0; //Get from color4 (border)
+$colormusic: #EF738A;
\ No newline at end of file
diff --git a/lineage/.config/eww/css/_music.scss b/lineage/.config/eww/css/_music.scss
new file mode 100644
index 000000000..c297fe2a2
--- /dev/null
+++ b/lineage/.config/eww/css/_music.scss
@@ -0,0 +1,107 @@
+.song-cover-art {
+  @include rounding;
+  background-position: center;
+  background-size: cover;
+  margin: 4px 5px 4px 0;
+  min-height: 24px;
+  min-width: 24px;
+}
+
+.music-window {
+  @include window;
+  background-color: $colorbg;
+  border: 3px solid;
+  color: $colortext;
+  padding: 3px;
+  margin: 3px;
+}
+
+.music-cover-art {
+  @include rounding;
+  background-position: center;
+  background-size: cover;
+  background-repeat: no-repeat;
+  // border-radius: 5px;
+  margin: 1em;
+  min-height: 200px;
+  min-width: 200px;
+  // background-image: url("/home/end/.config/eww/images/LinageTrack.png");
+}
+
+.music-box {
+  margin: 1rem 1rem 1rem 0;
+}
+
+.music-title {
+  // font-weight: bold;
+  font-family: 'Gabarito', 'Material Symbols Rounded';
+  font-size: 1.1rem;
+}
+
+.music-artist {
+  font-family: 'Gabarito', 'Material Symbols Rounded';
+  color: $color1;
+}
+
+.music-button label {
+  font-family: 'Material Symbols Rounded';
+  // color: $text;
+  font-size: 2rem;
+  font-family: SF Mono Nerd Font;
+  padding: 8px;
+}
+
+.music-time {
+  font-family: 'Gabarito', 'Material Symbols Rounded';
+  color: $color1;
+  margin: 0 1rem;
+}
+
+.music-bar scale {
+  font-family: 'Material Symbols Rounded';
+  font-family: SF Mono Nerd Font;
+
+  highlight {
+    background-color: $color1;
+    border-radius: 24px;
+  }
+
+  trough {
+    background-color: $surface0;
+    border-radius: 24px;
+    margin-top: 0;
+    min-height: 10px;
+    min-width: 170px;
+  }
+}
+
+.music-ctl {
+  border-radius: 0px;
+  color: $color1;
+  // padding-right: 10px;
+  min-height: 32px;
+}
+
+.music-icon {
+  padding-top: 5px; //Because the music icon is a bit high
+  padding-left: 16px;
+  padding-right: 16px;
+  color: $color1;
+  background-image: url("images/LinageMusic.png");
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.music-ctl-revealer {
+  padding-left: 10px;
+}
+
+.song-button {
+  color: $color1;
+  padding: 0px;
+}
+
+.music-button-box {
+  font-family: 'Material Symbols Rounded';
+}
\ No newline at end of file
diff --git a/lineage/.config/eww/css/_notification.scss b/lineage/.config/eww/css/_notification.scss
new file mode 100644
index 000000000..e2454c813
--- /dev/null
+++ b/lineage/.config/eww/css/_notification.scss
@@ -0,0 +1,62 @@
+.notifications-box {
+  @include window;
+  background: $bg;
+  padding: 1rem;
+  font-family: 'Gabarito';
+}
+
+.notification {
+  font-family: 'Gabarito';
+  background-color: $surface0;
+  border-bottom: 3px solid $bg;
+  padding: .5rem;
+
+  box { margin-bottom: .5rem; }
+
+  label { font-size: 1rem; }
+
+  &:hover {
+    border: 3px solid $color7;
+  }
+
+  .appname {
+    color: $color0;
+    font-weight: bold;
+  }
+
+  .summary {
+    color: $colortext;
+    font-weight: bold;
+  }
+
+  .body { color: $colortext; }
+}
+
+.container {
+  &:first-child { border-radius: 8px 8px 0 0; };
+  &:last-child { border-radius: 0 0 8px 8px; };
+}
+
+.notification-header {
+  margin-bottom: 1rem;
+}
+
+.notification-label {
+  color: $color6;
+  font-size: 1.5rem;
+}
+
+.notification-action {
+  border-radius: 50%;
+  margin-bottom: .2rem;
+  padding: 0 .3rem;
+
+  label {
+    color: $colortext;
+    font-size: 1.2rem;
+  }
+
+  &:hover {
+    background: $surface0;
+  }
+}
diff --git a/lineage/.config/eww/css/_overview.scss b/lineage/.config/eww/css/_overview.scss
new file mode 100644
index 000000000..43a1decb7
--- /dev/null
+++ b/lineage/.config/eww/css/_overview.scss
@@ -0,0 +1,64 @@
+.overview-window {
+  font-family: 'Gabarito', 'Material Symbols Rounded';
+  @include rounding;
+  background-color: $colorbg;
+  border: 3px solid $color7;
+  padding: 5px;
+}
+
+.overview-window-top {
+  @include rounding;
+  background-color: transparent;
+  border: 3px solid transparent;
+  padding: 5px;
+}
+
+.overview-ws {
+  border-radius: 11px;
+  background-color: $surface0;
+  margin: 5px;
+}
+
+.overview-ws-window {
+  border: 2px solid $color0;
+  border-radius: 11px;
+  margin: 3px; 
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+.overview-icon {
+  margin-top: 5px;
+  margin-bottom: 5px;
+  padding-left: 17px;
+  padding-right: 17px;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.overview-ws-text {
+  padding-left: 5px;
+  font-size: 13pt;
+}
+.overview-ws-subtext {
+  padding-left: 5px;
+  font-size: 9pt;
+}
+
+.overview-ws-number { //Note: height 100px width 356px
+  font-size: 25pt;
+  border-radius: 11px;
+  background-color: $overlay0;
+  color: $colortext;
+  margin: 10px;
+  min-height: 40px;
+  min-width: 40px;
+}
+
+.overview-title {
+  font-weight: bold;
+  font-size: 15pt;
+  padding-top: .6rem;
+  padding-bottom: .6rem;
+}
\ No newline at end of file
diff --git a/lineage/.config/eww/css/_sidebar.scss b/lineage/.config/eww/css/_sidebar.scss
new file mode 100644
index 000000000..07267b513
--- /dev/null
+++ b/lineage/.config/eww/css/_sidebar.scss
@@ -0,0 +1,157 @@
+.system-menu-box {
+  @include window;
+  background-color: $colorbg;
+  border: 3px solid $border;
+  // color: $colortext;
+}
+
+.separator {
+  font-size: 1rem;
+}
+
+.top-row {
+  margin: 1rem 1.5rem 0;
+
+  .time {
+    font-size: 2rem;
+  }
+
+  .date-box {
+    margin: 0 1rem;
+
+    label {
+      font-size: 1.1rem;
+    }
+
+    .date {
+      background: unset;
+      margin: 0 .5rem 0 0;
+      padding: 0;
+    }
+  }
+}
+
+.system-row {
+  font-family: Gabarito;
+  margin: .5rem .7rem;
+
+  .airplane-box button {
+    padding: 1rem 3rem;
+  }
+
+  label {
+    font-size: 1rem;
+    margin: 0 .1rem;
+  }
+}
+
+.element {
+  font-family: 'Gabarito';
+  @include rounding;
+  background: $surface0;
+  margin: .3rem;
+
+  button {
+    @include rounding;
+    padding: 1rem;
+
+    label {
+      font-size: 1.5rem;
+    }
+
+    &:hover {
+      background: $overlay0;
+    }
+  }
+}
+
+.sliders {
+  font-family: 'Gabarito', 'Material Symbols Rounded';
+  @include rounding;
+  background-color: $surface0;
+  margin: .5rem 1rem;
+  padding: .6rem 1rem;
+
+  scale {
+    margin-right: -1rem;
+    min-width: 25.8rem;
+  }
+  scale trough {
+    background-color: $bg1;
+    border-radius: 24px;
+    margin: 0 1rem;
+    min-height: 10px;
+    min-width: 70px;
+  }
+
+  box {
+    margin: .2rem 0;
+  }
+
+  label {
+    font-size: 1.2rem;
+  }
+}
+
+.sliderbg {
+  background-color: transparent;
+  padding: 0px;
+}
+
+.volume-bar highlight {
+  font-family: SF Mono Nerd Font;
+  @include rounding;
+  background: $color6;
+  // background-image: linear-gradient(to right, $tokyocyan 30%, $tokyopurple 100%);
+}
+
+.volume-slider-box scale highlight {
+  @include rounding;
+  background: $color6;
+  // background-image: linear-gradient(to right, $tokyocyan 30%, $tokyopurple 100%);
+  // border: 2px solid;
+  min-height: 0.9rem;
+}
+
+// .volume-slider-box scale {
+//   @include rounding;
+//   background-color: #1A1B26;
+//   border: 2px solid;
+// }
+
+.bottom-row {
+  margin: .5rem 1rem;
+
+  .battery-icon {
+    font-size: 2rem;
+  }
+
+  .battery-wattage {
+    color: $color7;
+  }
+
+  .battery-status {
+    color: $colortext;
+    margin: 0 .5rem;
+  }
+
+  button {
+    background-color: $surface0;
+    border-radius: 50%;
+    margin-bottom: .1rem;
+    padding: 0 .5rem;
+
+    label {
+      font-size: 1.5rem;
+    }
+
+    &:hover {
+      background: $overlay0;
+    }
+  }
+}
+
+.power-button {
+  min-height: 2.5rem;
+  // min-width: 2.5rem;
+}
\ No newline at end of file
diff --git a/lineage/.config/eww/css/_system.scss b/lineage/.config/eww/css/_system.scss
new file mode 100644
index 000000000..471dbe332
--- /dev/null
+++ b/lineage/.config/eww/css/_system.scss
@@ -0,0 +1,169 @@
+.membar {
+  color: $memcolor;
+}
+
+.cpubar {
+  color: $cpucolor;
+}
+
+.batbar {
+  color: $battcolor;
+  padding-right: 4px;
+}
+
+// .batbar-circle {
+//   color: $battcolor;
+//   padding-right: 4px;
+// }
+
+// .membar,
+// .cpubar,
+// .batbar {
+//   // background-color: transparent;
+//   padding: 0px;
+// }
+
+.membar:hover,
+.cpubar:hover,
+.batbar:hover {
+  border-top: 2px solid;
+}
+
+.batt-percentage {
+  padding-right: 5px;
+  padding-left: 4px;
+}
+
+.batt-low {
+  background-color: #B5E8E0;
+  color: #161320;
+  animation-name: blink;
+  animation-duration: 0.5s;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-direction: alternate;
+}
+
+.sys-menu-charge {
+  padding-left: 2px;
+}
+
+.iconmem {
+  color: $memcolor;
+}
+
+.iconcpu {
+  color: $cpucolor;
+}
+
+.icon-text {
+  font-size: 3rem;
+  padding: .7rem;
+}
+
+.sys-text-sub {
+  color: $colortext;
+}
+
+.sys-text-mem,
+.sys-text-cpu {
+  font-size: 1rem;
+  font-weight: bold;
+}
+
+.sys-icon-mem,
+.sys-icon-cpu {
+  font-size: 1.5rem;
+  margin: 1.5rem;
+}
+
+.system-info-box {
+  @include rounding;
+  background-color: $surface0;
+  margin: .5rem 1rem;
+  padding: .5rem;
+}
+
+.sys-mem,
+.sys-cpu {
+  background-color: $colorbg;
+}
+
+.sys-icon-mem,
+.sys-text-mem,
+.sys-mem {
+  color: $memcolor;
+}
+
+.sys-icon-cpu,
+.sys-text-cpu,
+.sys-cpu {
+  color: $cpucolor;
+}
+
+.sys-box {
+  margin: .3em;
+
+  box {
+    margin-left: 1rem;
+  }
+}
+
+.cpu-menu {
+  font-family: 'Gabarito', 'Material Symbols Rounded';
+  color: $cpucolor;
+  padding-left: 5px;
+}
+
+.mem-menu {
+  font-family: 'Gabarito', 'Material Symbols Rounded';
+  color: $memcolor;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+.mem-menu-left {
+  color: $memcolor;
+  padding-left: 5px;
+  padding-right: 0px;
+}
+
+.mem-menu-mid {
+  color: $memcolor;
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+.mem-menu-right {
+  color: $memcolor;
+  padding-left: 0px;
+  padding-right: 5px;
+}
+
+.sys-menu {
+  font-family: 'Gabarito', 'Material Symbols Rounded';
+  color: $battcolor;
+  margin: 0px;
+  padding: 0px;
+}
+
+.sys-menu-button {
+  color: $color1;
+  margin: 0px;
+  padding-left: 16px;
+  padding-right: 16px;
+  background-image: url("images/LinageSettings.png");
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+// .volume-bar, .brightness-slider, .slider {
+// background-color: #16161E;
+// border: 2px solid #7C9FF5;
+// border-radius: 99px;
+// }
+
+.sys-toggle {
+  font-size: 3pt;
+}
\ No newline at end of file
diff --git a/lineage/.config/eww/css/_themer.scss b/lineage/.config/eww/css/_themer.scss
new file mode 100644
index 000000000..8277e4a1f
--- /dev/null
+++ b/lineage/.config/eww/css/_themer.scss
@@ -0,0 +1,48 @@
+.themer-menu-box {
+    @include window;
+    background-color: $colorbg;
+    border: 3px solid $border;
+    // color: $colortext;
+}
+
+.themer-title {
+    font-family: 'Gabarito', 'Material Symbols Rounded';
+    font-weight: bold;
+    font-size: 15pt;
+    padding: .6rem;
+}
+
+.themer-prompt {
+    font-family: 'Gabarito', 'Material Symbols Rounded';
+    font-size: 12pt;
+    padding: .6rem;
+}
+
+.themer-input {
+    font-family: 'Gabarito', 'Material Symbols Rounded';
+    background-color: $surface0;
+    border-radius: 10px;
+    padding: 3px;
+    margin-top: 2px;
+    margin-bottom: 2px;
+    border: 2px solid $overlay0;
+}
+.themer-input:focus {
+    border: 2px solid $colortext;
+}
+
+.themer-color-preview {
+    min-height: 25px;
+    min-width: 25px;
+    border-radius: 5px;        
+    border-width: 55px;
+}
+
+.preview-0 { background-color: $color0; }
+.preview-1 { background-color: $color1; }
+.preview-2 { background-color: $color2; }
+.preview-3 { background-color: $color3; }
+.preview-4 { background-color: $color4; }
+.preview-5 { background-color: $color5; }
+.preview-6 { background-color: $color6; }
+.preview-7 { background-color: $color7; }
\ No newline at end of file
diff --git a/lineage/.config/eww/css/_volume.scss b/lineage/.config/eww/css/_volume.scss
new file mode 100644
index 000000000..fd7acf507
--- /dev/null
+++ b/lineage/.config/eww/css/_volume.scss
@@ -0,0 +1,29 @@
+.vol-icon {
+  color: $color6;
+  padding-right: 2px;
+}
+
+// .vol-icon {
+//   color: $tokyocyan;
+//   padding-right: 2px;
+// }
+
+.volbar highlight {
+  background-image: linear-gradient(to right, $teal 30%, $sky 100%);
+  border-radius: 10px;
+}
+
+
+.vol-menu {
+  font-size: 1pt;
+  color: $color6;
+  padding-right: 2px;
+  padding-top: 4px;
+}
+
+.vol-menu:hover {
+  border-top: 2px solid;
+}
+.vol-icon:hover {
+  border-top: 2px solid;
+}
\ No newline at end of file
diff --git a/lineage/.config/eww/css/_winctl.scss b/lineage/.config/eww/css/_winctl.scss
new file mode 100644
index 000000000..d4333a9ba
--- /dev/null
+++ b/lineage/.config/eww/css/_winctl.scss
@@ -0,0 +1,55 @@
+.winctl {
+  font-family: 'Gabarito', 'Material Symbols Rounded';
+  padding-left: 3px;
+  padding-right: 3px;
+  color: $color0;
+  padding-top: 4px;
+}
+
+.winctl:hover {
+  border-top: 2px solid;
+}
+
+.winws {
+  @include rounding;
+  background-color: $surface0;
+  margin: .4rem .8rem;
+  padding: .3rem .5rem;
+  min-width: 31rem;
+}
+
+.winws-title {
+  font-family: 'Gabarito', 'Material Symbols Rounded';
+  font-weight: bold;
+  font-size: 15pt;
+  padding-top: .6rem;
+  padding-bottom: .6rem;
+}
+
+.wintext {
+  font-family: 'Gabarito', 'Material Symbols Rounded';
+  font-size: 13pt;
+}
+.winsubtext {
+  font-family: 'Gabarito', 'Material Symbols Rounded';
+  font-size: 10pt;
+}
+
+.winws-workspace {
+  padding: 0px;
+  margin: 0px;
+}
+
+.appicon {
+  background-size: 90%;
+  background-repeat: no-repeat;
+  background-position: center;
+  padding-left: 22px;
+  padding-right: 22px;
+  margin-right: 10px;
+}
+
+.wschoose {
+  font-family: 'Gabarito', 'Material Symbols Rounded';
+  font-size: 14pt;
+}
\ No newline at end of file
diff --git a/lineage/.config/eww/css/osettings.scss b/lineage/.config/eww/css/osettings.scss
new file mode 100644
index 000000000..6e835edd5
--- /dev/null
+++ b/lineage/.config/eww/css/osettings.scss
@@ -0,0 +1,207 @@
+.osettings-window {
+    padding-top: 50px;
+    background-color: #302E38;
+    color: #F8F8F8;
+    font-family: Rubik;
+}
+
+.osettings-separator {
+    background-color: #18171C;
+    min-height: 6px;
+    margin-top: 27px;
+}
+
+.osettings-content {
+    padding-top: 13px;
+    padding-bottom: 10px;
+    background-color: #302E38;
+    color: #F8F8F8;
+    font-family: Rubik;
+}
+
+.osettings-heading {
+    padding-left: 28px;
+    padding-right: 28px;
+    background-color: #302E38;
+    color: #F8F8F8;
+    font-family: Rubik;
+}
+
+.osettings-title {
+    background-color: #302E38;
+    color: #F8F8F8;
+    font-family: Rubik;
+    font-size: 30pt;
+}
+
+.osettings-subtitle {
+    background-color: #302E38;
+    color: #DCD7EC;
+    font-family: Rubik;
+    font-size: 14pt;
+}
+
+.osettings-section {
+    margin-top: 20px;
+    margin-bottom: 9px;
+    background-color: #302E38;
+    color: #FAFAFA;
+    font-family: Rubik;
+    font-size: 20pt;
+}
+
+.osettings-text {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    color: #F7F7F7;
+    font-family: Rubik;
+    font-size: 14pt;
+}
+
+.osettings-search {
+    margin-left: 28px;
+    margin-right: 28px;
+    margin-top: 65px;
+    background-color: #24222A;
+    color: #FAFAFA;
+    border-radius: 6px;
+    font-size: 11pt;
+    min-height: 45px;
+}
+
+.osettings-search-text {
+    color: #EBEBEC;
+    padding: 10px;
+    font-size: 13pt;
+    min-width: 420px;
+
+    cursor {
+        color: #7F7E83;
+    }
+
+    highlight {
+        color: green;
+        background-color: green;
+    }
+}
+
+.osettings-search-icon {
+    color: #FAFAFA;
+    padding: 6px;
+    padding-left: 0px;
+    font-size: 20pt;
+}
+
+.osettings-scroll-bg {
+    padding-left: 28px;
+    padding-right: 28px;
+}
+
+.osettings-settings {}
+
+.osettings-btn {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    border-radius: 9999px;
+    min-height: 50px;
+    font-weight: bold;
+    font-size: 13pt;
+}
+
+.osettings-btn-destructive {
+    background-color: #CC3378;
+}
+
+.osettings-btn-neutral {
+    background-color: #5933CC;
+}
+
+.osettings-btn-informative {
+    background-color: #EEAA00;
+}
+
+.osettings-btn-neutral:hover,
+.osettings-btn-neutral:focus {
+    background-color: #8C66FF;
+}
+
+.osettings-btn-destructive:hover,
+.osettings-btn-destructive:focus {
+    background-color: #F53D90;
+}
+
+.osettings-btn-informative:hover,
+.osettings-btn-informative:focus {
+    background-color: #FFCC00;
+}
+
+.rounder {
+    border-radius: 9999px;
+}
+
+.osettings-slider {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    min-height: 6px;
+    border-radius: 9999px;
+    background-image: linear-gradient(to right, #8C66FF 50%, #24222A 50%);
+    padding: 0px;
+
+    trough {
+        border-radius: 9999px;
+        background-color: #24222A;
+        min-height: 6px;
+        margin-left: 32px;
+        margin-right: 32px;
+        // min-width: 70px;
+    }
+
+    highlight {
+        border-radius: 9999px;
+        background-color: #8C66FF;
+    }
+
+    slider {
+        border-radius: 9999px;
+        min-height: 20px;
+        // min-height: 6px;
+        min-width: 65px;
+        background-color: #8C66FF;
+        margin: -8px;
+    }
+
+    slider:hover {
+        background-color: #A87AFF;
+    }
+
+    slider:focus {
+        background-color: #A87AFF;
+    }
+}
+
+.osettings-checkbox {
+    border-radius: 9999px;
+    // min-height: 20px;
+    // min-height: 6px;
+    min-width: 60px;
+    background-color: transparent;
+    color: transparent;
+    border: 3px solid #8C66FF;
+
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+.osettings-checkbox:checked {
+    border-radius: 9999px;
+    background-color: #8C66FF;
+    color: #8C66FF;
+}
+
+.scrollbar { //whyyyyyyy
+    background-color: red;
+
+    trough {
+        background-color: red;
+    }
+}
\ No newline at end of file
diff --git a/lineage/.config/eww/css/savedcolors/_colorscheme_airborne.scss b/lineage/.config/eww/css/savedcolors/_colorscheme_airborne.scss
new file mode 100644
index 000000000..5ea0ab04b
--- /dev/null
+++ b/lineage/.config/eww/css/savedcolors/_colorscheme_airborne.scss
@@ -0,0 +1,11 @@
+//Auto generated color theme for image at: 
+$colorbg: #000101;
+$colortext: #28BABD;
+$color0: #1D9194;
+$color1: #12B0B3;
+$color2: #2DAEB0;
+$color3: #28BABD;
+$color4: #568587;
+$color5: #16CFD1;
+$color6: #87e5e6;
+$color7: #28BABD;
diff --git a/lineage/.config/eww/css/savedcolors/_colorscheme_backtoyou.scss b/lineage/.config/eww/css/savedcolors/_colorscheme_backtoyou.scss
new file mode 100644
index 000000000..d95561358
--- /dev/null
+++ b/lineage/.config/eww/css/savedcolors/_colorscheme_backtoyou.scss
@@ -0,0 +1,11 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/eW5kCVkBBP0/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCvqcy7AEqsLJWnbvruHbqHtyXMjA
+$colorbg: #060308;
+$colortext: #7256AA;
+$color0: #30148F;
+$color1: #3615A1;
+$color2: #4D22AC;
+$color3: #7256AA;
+$color4: #6626D0;
+$color5: #8E46DE;
+$color6: #c5a6ea;
+$color7: #7256AA;
diff --git a/lineage/.config/eww/css/savedcolors/_colorscheme_bluegreen.scss b/lineage/.config/eww/css/savedcolors/_colorscheme_bluegreen.scss
new file mode 100644
index 000000000..0af4cd48e
--- /dev/null
+++ b/lineage/.config/eww/css/savedcolors/_colorscheme_bluegreen.scss
@@ -0,0 +1,11 @@
+//Auto generated color theme for image at: 
+$colorbg: #0E3055;
+$colortext: #10A997;
+$color0: #216F89;
+$color1: #4F7085;
+$color2: #0F908B;
+$color3: #10A997;
+$color4: #23A59F;
+$color5: #5DA2A6;
+$color6: #8edfd5;
+$color7: #10A997;
diff --git a/lineage/.config/eww/css/savedcolors/_colorscheme_breakaway.scss b/lineage/.config/eww/css/savedcolors/_colorscheme_breakaway.scss
new file mode 100644
index 000000000..1f039cdf2
--- /dev/null
+++ b/lineage/.config/eww/css/savedcolors/_colorscheme_breakaway.scss
@@ -0,0 +1,11 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/OdasYzoN7TQ/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCYFcwiVGbaXXSPIUCHH7RG7dYbMQ
+$colorbg: #1b1938;
+$colortext: #BCE2FD;
+$color0: #C9B1FC;
+$color1: #9CC6FB;
+$color2: #B1D1FB;
+$color3: #BCE2FD;
+$color4: #CDD3FA;
+$color5: #E2D6FA;
+$color6: #e0eaf5;
+$color7: #BCE2FD;
diff --git a/lineage/.config/eww/css/savedcolors/_colorscheme_letsfreakingparty.scss b/lineage/.config/eww/css/savedcolors/_colorscheme_letsfreakingparty.scss
new file mode 100644
index 000000000..228967683
--- /dev/null
+++ b/lineage/.config/eww/css/savedcolors/_colorscheme_letsfreakingparty.scss
@@ -0,0 +1,11 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/YPdCyC-H_v0/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLB_SQ40d0_Pmw0rZtCRQ6_ggVShIg
+$colorbg: #000000;
+$colortext: #995A92;
+$color0: #6A4776;
+$color1: #8A4579;
+$color2: #765487;
+$color3: #995A92;
+$color4: #CA5AA8;
+$color5: #DBA1A8;
+$color6: #e1c9d2;
+$color7: #995A92;
diff --git a/lineage/.config/eww/css/savedcolors/_colorscheme_lookingforthelight.scss b/lineage/.config/eww/css/savedcolors/_colorscheme_lookingforthelight.scss
new file mode 100644
index 000000000..722235058
--- /dev/null
+++ b/lineage/.config/eww/css/savedcolors/_colorscheme_lookingforthelight.scss
@@ -0,0 +1,11 @@
+//Auto generated color theme for image at: 
+$colorbg: #1f2228;
+$colortext: #60D5E8;
+$color0: #59A6B8;
+$color1: #21A1D8;
+$color2: #20D5E6;
+$color3: #60D5E8;
+$color4: #A1A4B3;
+$color5: #9FE6EB;
+$color6: #dde4e5;
+$color7: #60D5E8;
diff --git a/lineage/.config/eww/css/savedcolors/_colorscheme_megaelixir.scss b/lineage/.config/eww/css/savedcolors/_colorscheme_megaelixir.scss
new file mode 100644
index 000000000..032458e73
--- /dev/null
+++ b/lineage/.config/eww/css/savedcolors/_colorscheme_megaelixir.scss
@@ -0,0 +1,11 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/oKOsXdB_C0Q/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_gmAAtAFigIMCAAQARgTIEcofzAP&rs=AOn4CLAcG9PBSsh7MtP-PmSBee046IVFXQ
+$colorbg: #02070D;
+$colortext: #65A3D5;
+$color0: #37669A;
+$color1: #1F62A7;
+$color2: #5C9AB8;
+$color3: #65A3D5;
+$color4: #88B6D5;
+$color5: #A0D4E8;
+$color6: #ddeef2;
+$color7: #65A3D5;
diff --git a/lineage/.config/eww/css/savedcolors/_colorscheme_monster.scss b/lineage/.config/eww/css/savedcolors/_colorscheme_monster.scss
new file mode 100644
index 000000000..40d442876
--- /dev/null
+++ b/lineage/.config/eww/css/savedcolors/_colorscheme_monster.scss
@@ -0,0 +1,11 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/0CuTOGKMWW0/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBkQ9ETNGNv538s2qddDWjrEvW4-A
+$colorbg: #09040A;
+$colortext: #1AEDAB;
+$color0: #11988A;
+$color1: #04B190;
+$color2: #05CB99;
+$color3: #1AEDAB;
+$color4: #5FD0AC;
+$color5: #9FD2BF;
+$color6: #e1ede5;
+$color7: #1AEDAB;
diff --git a/lineage/.config/eww/css/savedcolors/_colorscheme_neveragain.scss b/lineage/.config/eww/css/savedcolors/_colorscheme_neveragain.scss
new file mode 100644
index 000000000..56f63a94a
--- /dev/null
+++ b/lineage/.config/eww/css/savedcolors/_colorscheme_neveragain.scss
@@ -0,0 +1,11 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/VR1H9njDd9w/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDVltG4xzVCF5FVl8ywZqwwNepufg
+$colorbg: #091414;
+$colortext: #37B6AF;
+$color0: #1C8E6F;
+$color1: #47AE6C;
+$color2: #1BA19B;
+$color3: #37B6AF;
+$color4: #22D5DC;
+$color5: #2CF2F8;
+$color6: #9cf2f2;
+$color7: #37B6AF;
diff --git a/lineage/.config/eww/css/savedcolors/_colorscheme_sidetrackedday.scss b/lineage/.config/eww/css/savedcolors/_colorscheme_sidetrackedday.scss
new file mode 100644
index 000000000..92b5802ff
--- /dev/null
+++ b/lineage/.config/eww/css/savedcolors/_colorscheme_sidetrackedday.scss
@@ -0,0 +1,11 @@
+//Auto generated color theme for image at: 
+$colorbg: #021336;
+$colortext: #147AC5;
+$color0: #335B8D;
+$color1: #1A63A8;
+$color2: #126BB3;
+$color3: #147AC5;
+$color4: #2696D8;
+$color5: #58BAE8;
+$color6: #c6e6ee;
+$color7: #147AC5;
diff --git a/lineage/.config/eww/css/savedcolors/_colorscheme_staytuned.scss b/lineage/.config/eww/css/savedcolors/_colorscheme_staytuned.scss
new file mode 100644
index 000000000..4f86e158b
--- /dev/null
+++ b/lineage/.config/eww/css/savedcolors/_colorscheme_staytuned.scss
@@ -0,0 +1,11 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/pgrUT_Vg5g8/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAewmIHWJ2J7GYT2oj0_XMMPAHsnQ
+$colorbg: #12052d;
+$colortext: #D035F7;
+$color0: #7324F3;
+$color1: #902CFB;
+$color2: #A831FC;
+$color3: #D035F7;
+$color4: #AD56EE;
+$color5: #DD67EF;
+$color6: #e9bfeb;
+$color7: #D035F7;
diff --git a/lineage/.config/eww/css/savedcolors/_colorscheme_subspace.scss b/lineage/.config/eww/css/savedcolors/_colorscheme_subspace.scss
new file mode 100644
index 000000000..432fc807d
--- /dev/null
+++ b/lineage/.config/eww/css/savedcolors/_colorscheme_subspace.scss
@@ -0,0 +1,11 @@
+//Auto generated color theme for image at: 
+$colorbg: #0c041c;
+$colortext: #6B50A1;
+$color0: #85826F;
+$color1: #57309A;
+$color2: #5338B7;
+$color3: #6B50A1;
+$color4: #A05BA9;
+$color5: #B053B0;
+$color6: #c4afe4;
+$color7: #6B50A1;
diff --git a/lineage/.config/eww/css/savedcolors/_colorscheme_tokyonight.scss b/lineage/.config/eww/css/savedcolors/_colorscheme_tokyonight.scss
new file mode 100644
index 000000000..2f00cabed
--- /dev/null
+++ b/lineage/.config/eww/css/savedcolors/_colorscheme_tokyonight.scss
@@ -0,0 +1,11 @@
+$colorbg: #171726;   //Get from color0
+$colortext: #a9b1d6; //Get from color4
+$color0: #ff79b1;
+$color1: #EF738A;
+$color2: #FF9E64;
+$color3: #E0AF68;
+$color4: #9ECE6A;
+$color5: #7AA2F7;
+$color6: #0DB9D7;
+$color7: #9778D0; //Get from color4 (border)
+$colormusic: #EF738A;
\ No newline at end of file
diff --git a/lineage/.config/eww/css/savedcolors/_colorscheme_vertigo.scss b/lineage/.config/eww/css/savedcolors/_colorscheme_vertigo.scss
new file mode 100644
index 000000000..461b3a64e
--- /dev/null
+++ b/lineage/.config/eww/css/savedcolors/_colorscheme_vertigo.scss
@@ -0,0 +1,11 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/TJB0vBURJu8/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBSn25aezZvjIetBF8GVsTMPat0Zw
+$colorbg: #1f133f;
+$colortext: #B592D1;
+$color0: #B26CB9;
+$color1: #AB8FB2;
+$color2: #AD9ED3;
+$color3: #B592D1;
+$color4: #CFA2D9;
+$color5: #DCCFE8;
+$color6: #ebe2ee;
+$color7: #B592D1;
diff --git a/lineage/.config/eww/css/savedcolors/_colorscheme_wontletgo.scss b/lineage/.config/eww/css/savedcolors/_colorscheme_wontletgo.scss
new file mode 100644
index 000000000..b3df160b3
--- /dev/null
+++ b/lineage/.config/eww/css/savedcolors/_colorscheme_wontletgo.scss
@@ -0,0 +1,11 @@
+//Auto generated color theme for image at: 
+$colorbg: #0C1012;
+$colortext: #6240A2;
+$color0: #405865;
+$color1: #51108E;
+$color2: #681AA7;
+$color3: #6240A2;
+$color4: #9E21D9;
+$color5: #BE3DDF;
+$color6: #acbebe;
+$color7: #6240A2;
diff --git a/lineage/.config/eww/css/savedcolors/_colorscheme_wood.scss b/lineage/.config/eww/css/savedcolors/_colorscheme_wood.scss
new file mode 100644
index 000000000..cbb0ac45f
--- /dev/null
+++ b/lineage/.config/eww/css/savedcolors/_colorscheme_wood.scss
@@ -0,0 +1,11 @@
+//Auto generated color theme for image at: 
+$colorbg: #0f1212;
+$colortext: #9A906B;
+$color0: #956267;
+$color1: #8B7F7F;
+$color2: #BDAC54;
+$color3: #9A906B;
+$color4: #A09F95;
+$color5: #CAAB99;
+$color6: #e0ddd1;
+$color7: #9A906B;
diff --git a/lineage/.config/eww/eww.scss b/lineage/.config/eww/eww.scss
new file mode 100644
index 000000000..ea9c0212b
--- /dev/null
+++ b/lineage/.config/eww/eww.scss
@@ -0,0 +1,338 @@
+@import 'css/colors';
+@import 'css/colorscheme';
+
+$battcolor: $color4;
+$memcolor: $color2;
+$cpucolor: $color5;
+$border: $color7;
+
+//thanks flick0!
+@keyframes gradient {
+  0% {
+    background-position: 0% 50%;
+  }
+
+  50% {
+    background-position: 100% 50%;
+  }
+
+  100% {
+    background-position: 0% 50%;
+  }
+}
+
+//also thanks to him
+@keyframes blink {
+  to {
+    background-color: #f9e2af;
+    color: #96804e;
+  }
+}
+
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@mixin rounding {
+  border-radius: 16px;
+}
+
+@mixin filter {
+  saturate {
+    filter: saturate(3);
+  }
+
+  grayscale {
+    filter: grayscale(100%);
+  }
+
+  contrast {
+    filter: contrast(160%);
+  }
+
+  brightness {
+    filter: brightness(0.25);
+  }
+
+  blur {
+    filter: blur(3px);
+  }
+
+  invert {
+    filter: invert(100%);
+  }
+
+  .sepia {
+    filter: sepia(100%);
+  }
+
+  huerotate {
+    filter: hue-rotate(180deg);
+  }
+
+  rss.opacity {
+    filter: opacity(50%);
+  }
+}
+
+@mixin window {
+  border: 3px solid $color7;
+  // box-shadow: 0 2px 3px $shadow;
+  margin: 5px 5px 10px;
+  @include rounding;
+}
+
+* {
+  all: unset;
+  transition: 200ms cubic-bezier(0.05, 0.9, 0.1, 1);
+  // font-family: 'Gabarito', 'Material Symbols Rounded';
+}
+
+.scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.progress slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.music-ctl-revealer {
+  font-family: Material Symbols Rounded;
+}
+
+.music-ctl-revealer:hover {
+  border-top: 2px solid;
+}
+
+@import 'css/bgdecor';
+@import 'css/calendar';
+@import 'css/music';
+@import 'css/notification';
+@import 'css/overview';
+@import 'css/osettings';
+@import 'css/sidebar';
+@import 'css/system';
+@import 'css/themer';
+@import 'css/volume';
+@import 'css/winctl';
+
+.barbg {
+  background-color: $colorbg;
+  // background-image: url("/home/end/.config/eww/images/topbar.png");
+  color: $colortext;
+  border-radius: 100px;
+
+  label {
+    font-size: 1.2rem;
+  }
+
+  font-family: 'Gabarito';
+}
+
+.bar {
+  background-color: transparent;
+  min-height: 32px;
+  // background-image: url("/home/end/.config/eww/images/topbar.png");
+  color: $fg;
+  border-radius: 100px;
+
+  label {
+    font-size: 1.2rem;
+  }
+
+  font-family: 'Gabarito';
+}
+
+tooltip {
+  background: $colorbg;
+  border: 1px solid $color7;
+  border-radius: 8px;
+
+  label {
+    font-family: Gabarito;
+    font-size: 13pt;
+  }
+}
+
+.music-module {
+  font-family: Material Symbols Rounded;
+}
+
+.icon {
+  font-family: Material Symbols Rounded;
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.module {
+  font-family: Material Symbols Rounded;
+  min-height: 32px;
+}
+
+.module:hover {
+  border-top: 2px solid;
+}
+
+.hour {
+  // font-weight: bold;
+  margin-left: 15px;
+  color: $color5;
+}
+
+.clock {
+  color: $color5;
+  font-family: 'Gabarito', 'Material Symbols Rounded';
+}
+
+// .clock-module:hover {
+//   border-top: 2px solid $color5;
+// }
+
+.minute {
+  color: $color5;
+  font-family: 'Gabarito', 'Material Symbols Rounded';
+}
+
+.date {
+  font-family: 'Gabarito', 'Material Symbols Rounded';
+  background: $barbg;
+  color: $color5;
+  padding-left: 4px;
+
+  label {
+    font-size: 1.2rem;
+  }
+}
+
+.bright-icon {
+  color: $color3;
+  padding-right: 4px;
+  padding-top: 4px;
+}
+
+.bright-icon:hover {
+  border-top: 2px solid;
+}
+
+.module-bt {
+  font-size: 1.2rem;
+}
+
+.workspaces {
+  margin-left: 10px;
+}
+
+.notif-toggle {
+  padding: 0 5px;
+}
+
+.player-controls {
+  font-family: Material Symbols Rounded;
+}
+
+.volume-icon {
+  padding-left: 3px;
+  padding-right: 3px;
+}
+
+.net-icon {
+  color: $color7;
+  font-family: Material Symbols Rounded;
+  padding-left: 4px;
+  padding-right: 4px;
+  padding-top: 4px;
+}
+
+.net-icon:hover {
+  border-top: 2px solid;
+}
+
+.my-separator {
+  padding-left: 15px;
+  padding-right: 15px;
+  color: $colortext;
+  min-height: 32px;
+}
+
+.ws {
+  font-size: 4rem;
+  padding: 3px;
+}
+
+.ws:hover {
+  color: $color5;
+}
+
+.ws-active {
+  color: $color1;
+}
+
+.ws-inactive {
+  color: $color6;
+}
+
+.ws-empty {
+  color: #313244;
+}
+
+.activewin {
+  color: $color3;
+  // padding-left: 8px;
+  // padding-right: 8px;
+}
+
+.themer-button {
+  // padding-top: 4px;
+  // padding-bottom: 4px;
+  // padding-left: 5px;
+  // padding-right: 5px;
+  min-height: 32px;
+  min-width: 32px;
+  color: $color6;
+  // background-color: $surface0;
+  border-radius: 7px;
+  font-family: Material Symbols Rounded;
+}
+
+.themer-button:hover {
+  background-color: $overlay0;
+}
+
+.themer-button:active {
+  background-color: $overlay0;
+}
+
+.themer-button:focus {
+  border: 2px solid $overlay0;
+}
+
+// .themer-get {
+//   padding-top: 4px;
+//   padding-left: 10px;
+//   padding-right: 10px;
+//   background-image: url("images/grayscale/Add.png");
+//   background-repeat: no-repeat;
+//   background-position: center;
+//   background-size: 100%;
+// }
+
+// .themer-restore {
+//   padding-top: 7px;
+//   padding-left: 10px;
+//   padding-right: 10px;
+//   padding-bottom: 16px;
+//   background-image: url("images/grayscale/Backup.png");
+//   background-repeat: no-repeat;
+//   background-position: center;
+//   background-size: 100%;
+// }
+
+
+.icon,
+.icon,
+.vol-icon label {
+  font-family: "Material Symbols Rounded"; //AAAAAAAAAGGGHHH
+}
+
diff --git a/lineage/.config/eww/eww.yuck b/lineage/.config/eww/eww.yuck
new file mode 100644
index 000000000..4cd243a62
--- /dev/null
+++ b/lineage/.config/eww/eww.yuck
@@ -0,0 +1,163 @@
+(include "./modules/activewindow.yuck")
+(include "./modules/audiolevels.yuck")
+(include "./modules/bluetooth.yuck")
+(include "./modules/bright.yuck")
+(include "./modules/clock.yuck")
+(include "./modules/music.yuck")
+(include "./modules/net.yuck")
+(include "./modules/sys.yuck")
+(include "./modules/variables.yuck")
+(include "./modules/volume.yuck")
+(include "./modules/winctl.yuck")
+(include "./modules/workspaces.yuck")
+
+(include "./windows/bg-decor.yuck")
+(include "./windows/calendar.yuck")
+(include "./windows/music.yuck")
+(include "./windows/notifications.yuck")
+(include "./windows/overview.yuck")
+(include "./windows/osettings.yuck")
+(include "./windows/system-menu.yuck")
+(include "./windows/win-workspace.yuck")
+(include "./windows/themer.yuck")
+(defvar popup "none")
+
+(defwidget themer []
+  (eventbox
+    (box
+      :style "padding-right: 5px;"
+      :valign "start"
+      :space-evenly false
+      :spacing 4
+      (button
+        :class "themer-button"
+        :onclick "eww open --toggle themer"
+        :style "font-family: 'Material Symbols Rounded';"
+        ''
+      )
+    )
+  )
+)
+
+(defwidget notif-toggle []
+  (button
+    :class "notif-toggle module"
+    :onclick "${EWW_CMD} open --toggle notifications";
+    {notif_icons.icon}
+  )
+)
+
+(defwidget separator []
+  (box
+    :valign "start"
+    (label
+      :class "my-separator"
+      :text "|"
+    )
+  )
+)
+
+
+; clipboard 󰅌 󰅍 󰄷
+
+(defwidget left []
+  (box
+    :space-evenly false
+    :valign "start"
+    :halign "start"
+    :class "bar"
+    (music-module)
+    (clock_module)
+    ; (activewindow)
+    ; (notif-toggle)
+  )
+)
+
+(defwidget right []
+  (box
+    :space-evenly false
+    :halign "end"
+    :valign "start"
+    :class "bar"
+    (themer)
+    (winctl)
+    (separator)
+    (volume-module)
+    (bright)
+    ; (bluetooth)
+    (net)
+    (separator)
+    
+    ; (syscpu)
+    ; (cpumenu)
+    ; (sysmem)
+    ; (memmenu)
+    ; (sysbatt)
+    (sys)
+  )
+)
+
+(defwidget center []
+  (box
+    :valign "start"
+    :space-evenly false
+    :halign "center"
+    :class "bar"
+    (workspaces)
+  )
+)
+
+(defwidget bar []
+  ; (box
+    ;   :space-evenly false
+    ;   :orientation "v"
+    (eventbox
+      :onhoverlost "${EWW_CMD} update popup='none'"
+      :onhover "${EWW_CMD} update popup='none'"
+      (centerbox
+        :class "bar"
+        (left)
+        (center)
+        (right)
+      )
+    )
+  ; )
+)
+
+(defwidget barbg []
+  (box
+    :class "barbg"
+  )
+)
+
+(defwindow bar
+  :wm-ignore true
+  :windowtype dock
+  :monitor 0
+  :geometry (geometry
+    :x "0%"
+    :y "0%"
+    :width "100%"
+    :height "32px"
+    :anchor "top center"
+  )
+  ; :stacking "fg"
+  :exclusive false
+  (bar)
+)
+
+(defwindow barbg
+  :wm-ignore true
+  :windowtype dock
+  :monitor 0
+  :geometry (geometry
+    :x "0%"
+    :y "0%"
+    :width "100%"
+    :height "32px"
+    :anchor "top center"
+  )
+  :stacking "bg"
+  :exclusive false
+  (barbg)
+)
diff --git a/lineage/.config/eww/eww_covers/cover_art b/lineage/.config/eww/eww_covers/cover_art
new file mode 100644
index 000000000..f322440de
Binary files /dev/null and b/lineage/.config/eww/eww_covers/cover_art differ
diff --git a/lineage/.config/eww/images/Add.png b/lineage/.config/eww/images/Add.png
new file mode 100644
index 000000000..6f153b4be
Binary files /dev/null and b/lineage/.config/eww/images/Add.png differ
diff --git a/lineage/.config/eww/images/Backup.png b/lineage/.config/eww/images/Backup.png
new file mode 100644
index 000000000..1a6427328
Binary files /dev/null and b/lineage/.config/eww/images/Backup.png differ
diff --git a/lineage/.config/eww/images/Calculator.png b/lineage/.config/eww/images/Calculator.png
new file mode 100644
index 000000000..a5ec518ef
Binary files /dev/null and b/lineage/.config/eww/images/Calculator.png differ
diff --git a/lineage/.config/eww/images/Camera.png b/lineage/.config/eww/images/Camera.png
new file mode 100644
index 000000000..39f1541fb
Binary files /dev/null and b/lineage/.config/eww/images/Camera.png differ
diff --git a/lineage/.config/eww/images/Corner.png b/lineage/.config/eww/images/Corner.png
new file mode 100644
index 000000000..72cbed94e
Binary files /dev/null and b/lineage/.config/eww/images/Corner.png differ
diff --git a/lineage/.config/eww/images/Crosshair.png b/lineage/.config/eww/images/Crosshair.png
new file mode 100644
index 000000000..971ffe9c6
Binary files /dev/null and b/lineage/.config/eww/images/Crosshair.png differ
diff --git a/lineage/.config/eww/images/DocsWhite.png b/lineage/.config/eww/images/DocsWhite.png
new file mode 100644
index 000000000..93ddeb66b
Binary files /dev/null and b/lineage/.config/eww/images/DocsWhite.png differ
diff --git a/lineage/.config/eww/images/Docscan.png b/lineage/.config/eww/images/Docscan.png
new file mode 100644
index 000000000..83403bb1c
Binary files /dev/null and b/lineage/.config/eww/images/Docscan.png differ
diff --git a/lineage/.config/eww/images/Document.png b/lineage/.config/eww/images/Document.png
new file mode 100644
index 000000000..6489d95cd
Binary files /dev/null and b/lineage/.config/eww/images/Document.png differ
diff --git a/lineage/.config/eww/images/Document_alt.png b/lineage/.config/eww/images/Document_alt.png
new file mode 100644
index 000000000..600d633a6
Binary files /dev/null and b/lineage/.config/eww/images/Document_alt.png differ
diff --git a/lineage/.config/eww/images/DownloadLinage.png b/lineage/.config/eww/images/DownloadLinage.png
new file mode 100644
index 000000000..f99f1867b
Binary files /dev/null and b/lineage/.config/eww/images/DownloadLinage.png differ
diff --git a/lineage/.config/eww/images/FilesPurple.png b/lineage/.config/eww/images/FilesPurple.png
new file mode 100644
index 000000000..701e9ab3d
Binary files /dev/null and b/lineage/.config/eww/images/FilesPurple.png differ
diff --git a/lineage/.config/eww/images/FilesRed.png b/lineage/.config/eww/images/FilesRed.png
new file mode 100644
index 000000000..5a0b4b549
Binary files /dev/null and b/lineage/.config/eww/images/FilesRed.png differ
diff --git a/lineage/.config/eww/images/FilesYellow.png b/lineage/.config/eww/images/FilesYellow.png
new file mode 100644
index 000000000..63a9f8402
Binary files /dev/null and b/lineage/.config/eww/images/FilesYellow.png differ
diff --git a/lineage/.config/eww/images/FolderImageRed.png b/lineage/.config/eww/images/FolderImageRed.png
new file mode 100644
index 000000000..ba0c20b2c
Binary files /dev/null and b/lineage/.config/eww/images/FolderImageRed.png differ
diff --git a/lineage/.config/eww/images/FolderRoot.png b/lineage/.config/eww/images/FolderRoot.png
new file mode 100644
index 000000000..a70512e3f
Binary files /dev/null and b/lineage/.config/eww/images/FolderRoot.png differ
diff --git a/lineage/.config/eww/images/Fusion.png b/lineage/.config/eww/images/Fusion.png
new file mode 100644
index 000000000..9859a75bc
Binary files /dev/null and b/lineage/.config/eww/images/Fusion.png differ
diff --git a/lineage/.config/eww/images/Github.png b/lineage/.config/eww/images/Github.png
new file mode 100644
index 000000000..ef327798a
Binary files /dev/null and b/lineage/.config/eww/images/Github.png differ
diff --git a/lineage/.config/eww/images/GoogleEarth.png b/lineage/.config/eww/images/GoogleEarth.png
new file mode 100644
index 000000000..1d474a0e6
Binary files /dev/null and b/lineage/.config/eww/images/GoogleEarth.png differ
diff --git a/lineage/.config/eww/images/Linage17Settings.png b/lineage/.config/eww/images/Linage17Settings.png
new file mode 100644
index 000000000..7f119049e
Binary files /dev/null and b/lineage/.config/eww/images/Linage17Settings.png differ
diff --git a/lineage/.config/eww/images/LinageAudioFX.png b/lineage/.config/eww/images/LinageAudioFX.png
new file mode 100644
index 000000000..e70a57318
Binary files /dev/null and b/lineage/.config/eww/images/LinageAudioFX.png differ
diff --git a/lineage/.config/eww/images/LinageBrowser.png b/lineage/.config/eww/images/LinageBrowser.png
new file mode 100644
index 000000000..b06a2f27d
Binary files /dev/null and b/lineage/.config/eww/images/LinageBrowser.png differ
diff --git a/lineage/.config/eww/images/LinageCalculator.png b/lineage/.config/eww/images/LinageCalculator.png
new file mode 100644
index 000000000..129802a78
Binary files /dev/null and b/lineage/.config/eww/images/LinageCalculator.png differ
diff --git a/lineage/.config/eww/images/LinageChat.png b/lineage/.config/eww/images/LinageChat.png
new file mode 100644
index 000000000..5b924ef6e
Binary files /dev/null and b/lineage/.config/eww/images/LinageChat.png differ
diff --git a/lineage/.config/eww/images/LinageClock.png b/lineage/.config/eww/images/LinageClock.png
new file mode 100644
index 000000000..620508033
Binary files /dev/null and b/lineage/.config/eww/images/LinageClock.png differ
diff --git a/lineage/.config/eww/images/LinageFiles.png b/lineage/.config/eww/images/LinageFiles.png
new file mode 100644
index 000000000..703ba2505
Binary files /dev/null and b/lineage/.config/eww/images/LinageFiles.png differ
diff --git a/lineage/.config/eww/images/LinageMusic.png b/lineage/.config/eww/images/LinageMusic.png
new file mode 100644
index 000000000..be144e16b
Binary files /dev/null and b/lineage/.config/eww/images/LinageMusic.png differ
diff --git a/lineage/.config/eww/images/LinageRecorder.png b/lineage/.config/eww/images/LinageRecorder.png
new file mode 100644
index 000000000..58dd457ec
Binary files /dev/null and b/lineage/.config/eww/images/LinageRecorder.png differ
diff --git a/lineage/.config/eww/images/LinageSettings.png b/lineage/.config/eww/images/LinageSettings.png
new file mode 100644
index 000000000..4bb9116e2
Binary files /dev/null and b/lineage/.config/eww/images/LinageSettings.png differ
diff --git a/lineage/.config/eww/images/LinageSettingsAnother.png b/lineage/.config/eww/images/LinageSettingsAnother.png
new file mode 100644
index 000000000..4bb9116e2
Binary files /dev/null and b/lineage/.config/eww/images/LinageSettingsAnother.png differ
diff --git a/lineage/.config/eww/images/LinageTerminal.png b/lineage/.config/eww/images/LinageTerminal.png
new file mode 100644
index 000000000..2fe1c8ec7
Binary files /dev/null and b/lineage/.config/eww/images/LinageTerminal.png differ
diff --git a/lineage/.config/eww/images/LinageTerminalDark.png b/lineage/.config/eww/images/LinageTerminalDark.png
new file mode 100644
index 000000000..394ef02e6
Binary files /dev/null and b/lineage/.config/eww/images/LinageTerminalDark.png differ
diff --git a/lineage/.config/eww/images/LinageTrack.png b/lineage/.config/eww/images/LinageTrack.png
new file mode 100644
index 000000000..1f62eeb8c
Binary files /dev/null and b/lineage/.config/eww/images/LinageTrack.png differ
diff --git a/lineage/.config/eww/images/MusicEdit.png b/lineage/.config/eww/images/MusicEdit.png
new file mode 100644
index 000000000..4d726284c
Binary files /dev/null and b/lineage/.config/eww/images/MusicEdit.png differ
diff --git a/lineage/.config/eww/images/Nvidia.png b/lineage/.config/eww/images/Nvidia.png
new file mode 100644
index 000000000..4cb455692
Binary files /dev/null and b/lineage/.config/eww/images/Nvidia.png differ
diff --git a/lineage/.config/eww/images/Radio.png b/lineage/.config/eww/images/Radio.png
new file mode 100644
index 000000000..cb94a817a
Binary files /dev/null and b/lineage/.config/eww/images/Radio.png differ
diff --git a/lineage/.config/eww/images/Root.png b/lineage/.config/eww/images/Root.png
new file mode 100644
index 000000000..0cf405a54
Binary files /dev/null and b/lineage/.config/eww/images/Root.png differ
diff --git a/lineage/.config/eww/images/Speedtest.png b/lineage/.config/eww/images/Speedtest.png
new file mode 100644
index 000000000..70f222cf3
Binary files /dev/null and b/lineage/.config/eww/images/Speedtest.png differ
diff --git a/lineage/.config/eww/images/Stats.png b/lineage/.config/eww/images/Stats.png
new file mode 100644
index 000000000..a3bf63efc
Binary files /dev/null and b/lineage/.config/eww/images/Stats.png differ
diff --git a/lineage/.config/eww/images/Steam.png b/lineage/.config/eww/images/Steam.png
new file mode 100644
index 000000000..6343793d0
Binary files /dev/null and b/lineage/.config/eww/images/Steam.png differ
diff --git a/lineage/.config/eww/images/Tor.png b/lineage/.config/eww/images/Tor.png
new file mode 100644
index 000000000..c82bce8a9
Binary files /dev/null and b/lineage/.config/eww/images/Tor.png differ
diff --git a/lineage/.config/eww/images/Weather.png b/lineage/.config/eww/images/Weather.png
new file mode 100644
index 000000000..93309d190
Binary files /dev/null and b/lineage/.config/eww/images/Weather.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_Add.png b/lineage/.config/eww/images/grayscale/Grayscale_Add.png
new file mode 100644
index 000000000..4872a7a06
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_Add.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_Backup.png b/lineage/.config/eww/images/grayscale/Grayscale_Backup.png
new file mode 100644
index 000000000..92ae6dbc4
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_Backup.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_Calculator.png b/lineage/.config/eww/images/grayscale/Grayscale_Calculator.png
new file mode 100644
index 000000000..5b19eae58
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_Calculator.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_Camera.png b/lineage/.config/eww/images/grayscale/Grayscale_Camera.png
new file mode 100644
index 000000000..d1529ee0d
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_Camera.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_Corner.png b/lineage/.config/eww/images/grayscale/Grayscale_Corner.png
new file mode 100644
index 000000000..5c257b63c
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_Corner.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_Crosshair.png b/lineage/.config/eww/images/grayscale/Grayscale_Crosshair.png
new file mode 100644
index 000000000..aa6075f43
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_Crosshair.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_DocsWhite.png b/lineage/.config/eww/images/grayscale/Grayscale_DocsWhite.png
new file mode 100644
index 000000000..19f80d3e6
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_DocsWhite.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_Docscan.png b/lineage/.config/eww/images/grayscale/Grayscale_Docscan.png
new file mode 100644
index 000000000..8b3c244c6
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_Docscan.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_Document.png b/lineage/.config/eww/images/grayscale/Grayscale_Document.png
new file mode 100644
index 000000000..799cb6db3
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_Document.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_Document_alt.png b/lineage/.config/eww/images/grayscale/Grayscale_Document_alt.png
new file mode 100644
index 000000000..a71e604f9
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_Document_alt.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_DownloadLinage.png b/lineage/.config/eww/images/grayscale/Grayscale_DownloadLinage.png
new file mode 100644
index 000000000..066c150bc
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_DownloadLinage.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_FilesPurple.png b/lineage/.config/eww/images/grayscale/Grayscale_FilesPurple.png
new file mode 100644
index 000000000..c85f21937
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_FilesPurple.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_FilesRed.png b/lineage/.config/eww/images/grayscale/Grayscale_FilesRed.png
new file mode 100644
index 000000000..51707a0cd
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_FilesRed.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_FilesYellow.png b/lineage/.config/eww/images/grayscale/Grayscale_FilesYellow.png
new file mode 100644
index 000000000..5bdac70cc
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_FilesYellow.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_FolderImageRed.png b/lineage/.config/eww/images/grayscale/Grayscale_FolderImageRed.png
new file mode 100644
index 000000000..0f50a9f4b
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_FolderImageRed.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_FolderRoot.png b/lineage/.config/eww/images/grayscale/Grayscale_FolderRoot.png
new file mode 100644
index 000000000..c5e37a327
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_FolderRoot.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_Github.png b/lineage/.config/eww/images/grayscale/Grayscale_Github.png
new file mode 100644
index 000000000..7608d95fd
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_Github.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_GoogleEarth.png b/lineage/.config/eww/images/grayscale/Grayscale_GoogleEarth.png
new file mode 100644
index 000000000..3b0f86446
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_GoogleEarth.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_Linage17Settings.png b/lineage/.config/eww/images/grayscale/Grayscale_Linage17Settings.png
new file mode 100644
index 000000000..05178be8b
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_Linage17Settings.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_LinageAudioFX.png b/lineage/.config/eww/images/grayscale/Grayscale_LinageAudioFX.png
new file mode 100644
index 000000000..df7091791
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_LinageAudioFX.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_LinageBrowser.png b/lineage/.config/eww/images/grayscale/Grayscale_LinageBrowser.png
new file mode 100644
index 000000000..16cc3f036
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_LinageBrowser.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_LinageCalculator.png b/lineage/.config/eww/images/grayscale/Grayscale_LinageCalculator.png
new file mode 100644
index 000000000..38ecf2608
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_LinageCalculator.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_LinageClock.png b/lineage/.config/eww/images/grayscale/Grayscale_LinageClock.png
new file mode 100644
index 000000000..12f67b1dd
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_LinageClock.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_LinageFiles.png b/lineage/.config/eww/images/grayscale/Grayscale_LinageFiles.png
new file mode 100644
index 000000000..554030dd1
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_LinageFiles.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_LinageMusic.png b/lineage/.config/eww/images/grayscale/Grayscale_LinageMusic.png
new file mode 100644
index 000000000..6546f877d
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_LinageMusic.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_LinageRecorder.png b/lineage/.config/eww/images/grayscale/Grayscale_LinageRecorder.png
new file mode 100644
index 000000000..ef278196d
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_LinageRecorder.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_LinageSettings.png b/lineage/.config/eww/images/grayscale/Grayscale_LinageSettings.png
new file mode 100644
index 000000000..918de402a
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_LinageSettings.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_LinageSettingsAnother.png b/lineage/.config/eww/images/grayscale/Grayscale_LinageSettingsAnother.png
new file mode 100644
index 000000000..918de402a
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_LinageSettingsAnother.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_LinageTerminal.png b/lineage/.config/eww/images/grayscale/Grayscale_LinageTerminal.png
new file mode 100644
index 000000000..a1066c33c
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_LinageTerminal.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_LinageTerminalDark.png b/lineage/.config/eww/images/grayscale/Grayscale_LinageTerminalDark.png
new file mode 100644
index 000000000..bdeed5d76
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_LinageTerminalDark.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_LinageTrack.png b/lineage/.config/eww/images/grayscale/Grayscale_LinageTrack.png
new file mode 100644
index 000000000..c27de887b
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_LinageTrack.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_MusicEdit.png b/lineage/.config/eww/images/grayscale/Grayscale_MusicEdit.png
new file mode 100644
index 000000000..5a2894496
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_MusicEdit.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_Nvidia.png b/lineage/.config/eww/images/grayscale/Grayscale_Nvidia.png
new file mode 100644
index 000000000..fb2e3c717
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_Nvidia.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_Radio.png b/lineage/.config/eww/images/grayscale/Grayscale_Radio.png
new file mode 100644
index 000000000..64052ac35
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_Radio.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_Root.png b/lineage/.config/eww/images/grayscale/Grayscale_Root.png
new file mode 100644
index 000000000..b765d03e6
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_Root.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_Speedtest.png b/lineage/.config/eww/images/grayscale/Grayscale_Speedtest.png
new file mode 100644
index 000000000..c3d283bb9
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_Speedtest.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_Stats.png b/lineage/.config/eww/images/grayscale/Grayscale_Stats.png
new file mode 100644
index 000000000..7475e4a68
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_Stats.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_Steam.png b/lineage/.config/eww/images/grayscale/Grayscale_Steam.png
new file mode 100644
index 000000000..8d562e730
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_Steam.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_Tor.png b/lineage/.config/eww/images/grayscale/Grayscale_Tor.png
new file mode 100644
index 000000000..76cae8227
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_Tor.png differ
diff --git a/lineage/.config/eww/images/grayscale/Grayscale_Weather.png b/lineage/.config/eww/images/grayscale/Grayscale_Weather.png
new file mode 100644
index 000000000..6b6af20f6
Binary files /dev/null and b/lineage/.config/eww/images/grayscale/Grayscale_Weather.png differ
diff --git a/lineage/.config/eww/images/lazer_icons/beatmaps.png b/lineage/.config/eww/images/lazer_icons/beatmaps.png
new file mode 100644
index 000000000..6790f713c
Binary files /dev/null and b/lineage/.config/eww/images/lazer_icons/beatmaps.png differ
diff --git a/lineage/.config/eww/images/lazer_icons/changelog.png b/lineage/.config/eww/images/lazer_icons/changelog.png
new file mode 100644
index 000000000..33bad1bee
Binary files /dev/null and b/lineage/.config/eww/images/lazer_icons/changelog.png differ
diff --git a/lineage/.config/eww/images/lazer_icons/dashboard.png b/lineage/.config/eww/images/lazer_icons/dashboard.png
new file mode 100644
index 000000000..68aaf3a46
Binary files /dev/null and b/lineage/.config/eww/images/lazer_icons/dashboard.png differ
diff --git a/lineage/.config/eww/images/lazer_icons/forum.png b/lineage/.config/eww/images/lazer_icons/forum.png
new file mode 100644
index 000000000..cbf58770b
Binary files /dev/null and b/lineage/.config/eww/images/lazer_icons/forum.png differ
diff --git a/lineage/.config/eww/images/lazer_icons/music.png b/lineage/.config/eww/images/lazer_icons/music.png
new file mode 100644
index 000000000..2c3898f7c
Binary files /dev/null and b/lineage/.config/eww/images/lazer_icons/music.png differ
diff --git a/lineage/.config/eww/images/lazer_icons/music_reference.png b/lineage/.config/eww/images/lazer_icons/music_reference.png
new file mode 100644
index 000000000..2ee032bba
Binary files /dev/null and b/lineage/.config/eww/images/lazer_icons/music_reference.png differ
diff --git a/lineage/.config/eww/images/lazer_icons/news.png b/lineage/.config/eww/images/lazer_icons/news.png
new file mode 100644
index 000000000..c07bd0c1f
Binary files /dev/null and b/lineage/.config/eww/images/lazer_icons/news.png differ
diff --git a/lineage/.config/eww/images/lazer_icons/notifications.png b/lineage/.config/eww/images/lazer_icons/notifications.png
new file mode 100644
index 000000000..50ea3d40b
Binary files /dev/null and b/lineage/.config/eww/images/lazer_icons/notifications.png differ
diff --git a/lineage/.config/eww/images/lazer_icons/notifications_hover.png b/lineage/.config/eww/images/lazer_icons/notifications_hover.png
new file mode 100644
index 000000000..0ef188ca1
Binary files /dev/null and b/lineage/.config/eww/images/lazer_icons/notifications_hover.png differ
diff --git a/lineage/.config/eww/images/lazer_icons/options.png b/lineage/.config/eww/images/lazer_icons/options.png
new file mode 100644
index 000000000..cec497cd9
Binary files /dev/null and b/lineage/.config/eww/images/lazer_icons/options.png differ
diff --git a/lineage/.config/eww/images/lazer_icons/options_hover.png b/lineage/.config/eww/images/lazer_icons/options_hover.png
new file mode 100644
index 000000000..42439b642
Binary files /dev/null and b/lineage/.config/eww/images/lazer_icons/options_hover.png differ
diff --git a/lineage/.config/eww/images/lazer_icons/rankings.png b/lineage/.config/eww/images/lazer_icons/rankings.png
new file mode 100644
index 000000000..d7210d3d0
Binary files /dev/null and b/lineage/.config/eww/images/lazer_icons/rankings.png differ
diff --git a/lineage/.config/eww/images/lazer_icons/wiki.png b/lineage/.config/eww/images/lazer_icons/wiki.png
new file mode 100644
index 000000000..6d6c7ba91
Binary files /dev/null and b/lineage/.config/eww/images/lazer_icons/wiki.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/-o1.png b/lineage/.config/eww/images/linageOS Icons/-o1.png
new file mode 100644
index 000000000..4cb455692
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/-o1.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/-p1.png b/lineage/.config/eww/images/linageOS Icons/-p1.png
new file mode 100644
index 000000000..bd978eb1e
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/-p1.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/12.png b/lineage/.config/eww/images/linageOS Icons/12.png
new file mode 100644
index 000000000..01d44ef9c
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/12.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/19.png b/lineage/.config/eww/images/linageOS Icons/19.png
new file mode 100644
index 000000000..42c540abe
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/19.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/1G.png b/lineage/.config/eww/images/linageOS Icons/1G.png
new file mode 100644
index 000000000..161be5ca3
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/1G.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/1S1.png b/lineage/.config/eww/images/linageOS Icons/1S1.png
new file mode 100644
index 000000000..2fe1c8ec7
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/1S1.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/1g.png b/lineage/.config/eww/images/linageOS Icons/1g.png
new file mode 100644
index 000000000..0435ba47c
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/1g.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/2I1.png b/lineage/.config/eww/images/linageOS Icons/2I1.png
new file mode 100644
index 000000000..a3bf63efc
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/2I1.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/3k.png b/lineage/.config/eww/images/linageOS Icons/3k.png
new file mode 100644
index 000000000..565fa184e
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/3k.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/3v.png b/lineage/.config/eww/images/linageOS Icons/3v.png
new file mode 100644
index 000000000..fbeae219b
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/3v.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/4I.png b/lineage/.config/eww/images/linageOS Icons/4I.png
new file mode 100644
index 000000000..e39d5c750
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/4I.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/4O.png b/lineage/.config/eww/images/linageOS Icons/4O.png
new file mode 100644
index 000000000..46e8efde3
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/4O.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/5s.png b/lineage/.config/eww/images/linageOS Icons/5s.png
new file mode 100644
index 000000000..db2ff3568
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/5s.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/6J.png b/lineage/.config/eww/images/linageOS Icons/6J.png
new file mode 100644
index 000000000..7f3ab0f06
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/6J.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/79.png b/lineage/.config/eww/images/linageOS Icons/79.png
new file mode 100644
index 000000000..64ed004ba
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/79.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/7G.png b/lineage/.config/eww/images/linageOS Icons/7G.png
new file mode 100644
index 000000000..e1e2f13af
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/7G.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/7N.png b/lineage/.config/eww/images/linageOS Icons/7N.png
new file mode 100644
index 000000000..9859a75bc
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/7N.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/7V1.png b/lineage/.config/eww/images/linageOS Icons/7V1.png
new file mode 100644
index 000000000..5663dea61
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/7V1.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/82.png b/lineage/.config/eww/images/linageOS Icons/82.png
new file mode 100644
index 000000000..b97f745b5
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/82.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/8g1.png b/lineage/.config/eww/images/linageOS Icons/8g1.png
new file mode 100644
index 000000000..1dbf40939
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/8g1.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/8s.png b/lineage/.config/eww/images/linageOS Icons/8s.png
new file mode 100644
index 000000000..039ef5e1c
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/8s.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/9e.png b/lineage/.config/eww/images/linageOS Icons/9e.png
new file mode 100644
index 000000000..5b924ef6e
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/9e.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/9e1.png b/lineage/.config/eww/images/linageOS Icons/9e1.png
new file mode 100644
index 000000000..6342ff945
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/9e1.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/AJ.png b/lineage/.config/eww/images/linageOS Icons/AJ.png
new file mode 100644
index 000000000..2eac31cbf
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/AJ.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/BM2.png b/lineage/.config/eww/images/linageOS Icons/BM2.png
new file mode 100644
index 000000000..4ad6e397f
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/BM2.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/BP.png b/lineage/.config/eww/images/linageOS Icons/BP.png
new file mode 100644
index 000000000..c82bce8a9
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/BP.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/BS.png b/lineage/.config/eww/images/linageOS Icons/BS.png
new file mode 100644
index 000000000..c7713b436
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/BS.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/C3.png b/lineage/.config/eww/images/linageOS Icons/C3.png
new file mode 100644
index 000000000..39849ef16
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/C3.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/CA.png b/lineage/.config/eww/images/linageOS Icons/CA.png
new file mode 100644
index 000000000..c1255427b
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/CA.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/Dr.png b/lineage/.config/eww/images/linageOS Icons/Dr.png
new file mode 100644
index 000000000..eebfc94c0
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/Dr.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/EJ1.png b/lineage/.config/eww/images/linageOS Icons/EJ1.png
new file mode 100644
index 000000000..3d97734af
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/EJ1.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/ER.png b/lineage/.config/eww/images/linageOS Icons/ER.png
new file mode 100644
index 000000000..a5ec518ef
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/ER.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/EZ1.png b/lineage/.config/eww/images/linageOS Icons/EZ1.png
new file mode 100644
index 000000000..8b82241d2
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/EZ1.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/EZ2.png b/lineage/.config/eww/images/linageOS Icons/EZ2.png
new file mode 100644
index 000000000..0954f8a5f
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/EZ2.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/Ex.png b/lineage/.config/eww/images/linageOS Icons/Ex.png
new file mode 100644
index 000000000..65d9dc4b0
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/Ex.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/Fm.png b/lineage/.config/eww/images/linageOS Icons/Fm.png
new file mode 100644
index 000000000..811cd5ace
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/Fm.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/Fn1.png b/lineage/.config/eww/images/linageOS Icons/Fn1.png
new file mode 100644
index 000000000..ef327798a
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/Fn1.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/Fq.png b/lineage/.config/eww/images/linageOS Icons/Fq.png
new file mode 100644
index 000000000..8fe5330aa
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/Fq.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/Fr1.png b/lineage/.config/eww/images/linageOS Icons/Fr1.png
new file mode 100644
index 000000000..701e9ab3d
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/Fr1.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/GH.png b/lineage/.config/eww/images/linageOS Icons/GH.png
new file mode 100644
index 000000000..3a7db8963
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/GH.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/GW.png b/lineage/.config/eww/images/linageOS Icons/GW.png
new file mode 100644
index 000000000..06691a86e
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/GW.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/HH.png b/lineage/.config/eww/images/linageOS Icons/HH.png
new file mode 100644
index 000000000..1d474a0e6
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/HH.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/Ig.png b/lineage/.config/eww/images/linageOS Icons/Ig.png
new file mode 100644
index 000000000..571ca09c3
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/Ig.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/Incognito.png b/lineage/.config/eww/images/linageOS Icons/Incognito.png
new file mode 100644
index 000000000..5d4e85228
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/Incognito.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/L4.png b/lineage/.config/eww/images/linageOS Icons/L4.png
new file mode 100644
index 000000000..f99f1867b
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/L4.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/LinageMusic.png b/lineage/.config/eww/images/linageOS Icons/LinageMusic.png
new file mode 100644
index 000000000..be144e16b
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/LinageMusic.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/LinageSettings.png b/lineage/.config/eww/images/linageOS Icons/LinageSettings.png
new file mode 100644
index 000000000..4bb9116e2
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/LinageSettings.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/Lq1.png b/lineage/.config/eww/images/linageOS Icons/Lq1.png
new file mode 100644
index 000000000..ba0c20b2c
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/Lq1.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/Lw.png b/lineage/.config/eww/images/linageOS Icons/Lw.png
new file mode 100644
index 000000000..b54714c3f
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/Lw.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/MD.png b/lineage/.config/eww/images/linageOS Icons/MD.png
new file mode 100644
index 000000000..8b0af868b
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/MD.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/Mo.png b/lineage/.config/eww/images/linageOS Icons/Mo.png
new file mode 100644
index 000000000..2e707d03d
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/Mo.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/OT.png b/lineage/.config/eww/images/linageOS Icons/OT.png
new file mode 100644
index 000000000..d03065b35
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/OT.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/OX.png b/lineage/.config/eww/images/linageOS Icons/OX.png
new file mode 100644
index 000000000..73158a16a
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/OX.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/P1.png b/lineage/.config/eww/images/linageOS Icons/P1.png
new file mode 100644
index 000000000..2f3cadc1e
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/P1.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/P7.png b/lineage/.config/eww/images/linageOS Icons/P7.png
new file mode 100644
index 000000000..112d26d5c
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/P7.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/PZ.png b/lineage/.config/eww/images/linageOS Icons/PZ.png
new file mode 100644
index 000000000..5f1db9bd7
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/PZ.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/Qw.png b/lineage/.config/eww/images/linageOS Icons/Qw.png
new file mode 100644
index 000000000..0e500961c
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/Qw.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/Qz.png b/lineage/.config/eww/images/linageOS Icons/Qz.png
new file mode 100644
index 000000000..c2aae6a37
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/Qz.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/RQ.png b/lineage/.config/eww/images/linageOS Icons/RQ.png
new file mode 100644
index 000000000..2b5112895
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/RQ.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/RY.png b/lineage/.config/eww/images/linageOS Icons/RY.png
new file mode 100644
index 000000000..cb2aea937
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/RY.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/Rk1.png b/lineage/.config/eww/images/linageOS Icons/Rk1.png
new file mode 100644
index 000000000..fed8234f9
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/Rk1.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/Rx.png b/lineage/.config/eww/images/linageOS Icons/Rx.png
new file mode 100644
index 000000000..752262425
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/Rx.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/Sl.png b/lineage/.config/eww/images/linageOS Icons/Sl.png
new file mode 100644
index 000000000..2dd3d7301
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/Sl.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/Sq.png b/lineage/.config/eww/images/linageOS Icons/Sq.png
new file mode 100644
index 000000000..6489d95cd
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/Sq.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/T8.png b/lineage/.config/eww/images/linageOS Icons/T8.png
new file mode 100644
index 000000000..5f5d74462
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/T8.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/TA.png b/lineage/.config/eww/images/linageOS Icons/TA.png
new file mode 100644
index 000000000..93ddeb66b
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/TA.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/TM.png b/lineage/.config/eww/images/linageOS Icons/TM.png
new file mode 100644
index 000000000..03f7c0454
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/TM.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/Td2.png b/lineage/.config/eww/images/linageOS Icons/Td2.png
new file mode 100644
index 000000000..3f2299dbb
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/Td2.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/Tr.png b/lineage/.config/eww/images/linageOS Icons/Tr.png
new file mode 100644
index 000000000..22705b48e
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/Tr.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/UN.png b/lineage/.config/eww/images/linageOS Icons/UN.png
new file mode 100644
index 000000000..c287c5757
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/UN.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/UN1.png b/lineage/.config/eww/images/linageOS Icons/UN1.png
new file mode 100644
index 000000000..edf449692
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/UN1.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/UN2.png b/lineage/.config/eww/images/linageOS Icons/UN2.png
new file mode 100644
index 000000000..dc84c9b31
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/UN2.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/UN3.png b/lineage/.config/eww/images/linageOS Icons/UN3.png
new file mode 100644
index 000000000..7241f7111
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/UN3.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/UN4.png b/lineage/.config/eww/images/linageOS Icons/UN4.png
new file mode 100644
index 000000000..4c14f5df0
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/UN4.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/UN5.png b/lineage/.config/eww/images/linageOS Icons/UN5.png
new file mode 100644
index 000000000..6bf75c4f5
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/UN5.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/Uj.png b/lineage/.config/eww/images/linageOS Icons/Uj.png
new file mode 100644
index 000000000..c6bf6ef09
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/Uj.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/V2.png b/lineage/.config/eww/images/linageOS Icons/V2.png
new file mode 100644
index 000000000..1eeb90136
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/V2.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/V91.png b/lineage/.config/eww/images/linageOS Icons/V91.png
new file mode 100644
index 000000000..a8666fb30
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/V91.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/VU.png b/lineage/.config/eww/images/linageOS Icons/VU.png
new file mode 100644
index 000000000..b2a155395
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/VU.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/VU1.png b/lineage/.config/eww/images/linageOS Icons/VU1.png
new file mode 100644
index 000000000..b5569f2b8
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/VU1.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/VV.png b/lineage/.config/eww/images/linageOS Icons/VV.png
new file mode 100644
index 000000000..4e1e2bac1
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/VV.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/VZ.png b/lineage/.config/eww/images/linageOS Icons/VZ.png
new file mode 100644
index 000000000..a70512e3f
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/VZ.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/Va.png b/lineage/.config/eww/images/linageOS Icons/Va.png
new file mode 100644
index 000000000..971ffe9c6
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/Va.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/Vd.png b/lineage/.config/eww/images/linageOS Icons/Vd.png
new file mode 100644
index 000000000..620508033
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/Vd.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/Vt.png b/lineage/.config/eww/images/linageOS Icons/Vt.png
new file mode 100644
index 000000000..e774fd7d5
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/Vt.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/WJ.png b/lineage/.config/eww/images/linageOS Icons/WJ.png
new file mode 100644
index 000000000..0edf31bc7
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/WJ.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/WJ1.png b/lineage/.config/eww/images/linageOS Icons/WJ1.png
new file mode 100644
index 000000000..f3e462914
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/WJ1.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/WP.png b/lineage/.config/eww/images/linageOS Icons/WP.png
new file mode 100644
index 000000000..39f1541fb
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/WP.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/Wt.png b/lineage/.config/eww/images/linageOS Icons/Wt.png
new file mode 100644
index 000000000..2e5ab5ef4
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/Wt.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/Wt1.png b/lineage/.config/eww/images/linageOS Icons/Wt1.png
new file mode 100644
index 000000000..cb94a817a
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/Wt1.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/X3.png b/lineage/.config/eww/images/linageOS Icons/X3.png
new file mode 100644
index 000000000..6f153b4be
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/X3.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/XU1.png b/lineage/.config/eww/images/linageOS Icons/XU1.png
new file mode 100644
index 000000000..6a0d8564a
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/XU1.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/Xe1.png b/lineage/.config/eww/images/linageOS Icons/Xe1.png
new file mode 100644
index 000000000..c93ed0cc3
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/Xe1.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/YV.png b/lineage/.config/eww/images/linageOS Icons/YV.png
new file mode 100644
index 000000000..93309d190
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/YV.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/Ye.png b/lineage/.config/eww/images/linageOS Icons/Ye.png
new file mode 100644
index 000000000..72cbed94e
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/Ye.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/Yt.png b/lineage/.config/eww/images/linageOS Icons/Yt.png
new file mode 100644
index 000000000..5f0ab0346
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/Yt.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/ZA.png b/lineage/.config/eww/images/linageOS Icons/ZA.png
new file mode 100644
index 000000000..77a98bf4a
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/ZA.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/ZZ.png b/lineage/.config/eww/images/linageOS Icons/ZZ.png
new file mode 100644
index 000000000..375f48e57
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/ZZ.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/Zc.png b/lineage/.config/eww/images/linageOS Icons/Zc.png
new file mode 100644
index 000000000..394ef02e6
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/Zc.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/Zw.png b/lineage/.config/eww/images/linageOS Icons/Zw.png
new file mode 100644
index 000000000..f39b864f9
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/Zw.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/_G.png b/lineage/.config/eww/images/linageOS Icons/_G.png
new file mode 100644
index 000000000..92d6a1ee4
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/_G.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/_O.png b/lineage/.config/eww/images/linageOS Icons/_O.png
new file mode 100644
index 000000000..67c75f488
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/_O.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/_R.png b/lineage/.config/eww/images/linageOS Icons/_R.png
new file mode 100644
index 000000000..405e42a02
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/_R.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/aW.png b/lineage/.config/eww/images/linageOS Icons/aW.png
new file mode 100644
index 000000000..17fe555cd
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/aW.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/az.png b/lineage/.config/eww/images/linageOS Icons/az.png
new file mode 100644
index 000000000..aee68d6f9
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/az.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/bP.png b/lineage/.config/eww/images/linageOS Icons/bP.png
new file mode 100644
index 000000000..58dd457ec
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/bP.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/bw.png b/lineage/.config/eww/images/linageOS Icons/bw.png
new file mode 100644
index 000000000..ad147c510
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/bw.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/cB.png b/lineage/.config/eww/images/linageOS Icons/cB.png
new file mode 100644
index 000000000..7685a7e94
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/cB.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/cg.png b/lineage/.config/eww/images/linageOS Icons/cg.png
new file mode 100644
index 000000000..70f222cf3
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/cg.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/dR.png b/lineage/.config/eww/images/linageOS Icons/dR.png
new file mode 100644
index 000000000..83403bb1c
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/dR.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/dU.png b/lineage/.config/eww/images/linageOS Icons/dU.png
new file mode 100644
index 000000000..3b7a5c10c
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/dU.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/e51.png b/lineage/.config/eww/images/linageOS Icons/e51.png
new file mode 100644
index 000000000..45d4015f5
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/e51.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/e52.png b/lineage/.config/eww/images/linageOS Icons/e52.png
new file mode 100644
index 000000000..600d633a6
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/e52.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/eJ.png b/lineage/.config/eww/images/linageOS Icons/eJ.png
new file mode 100644
index 000000000..de7ad2216
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/eJ.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/eg.png b/lineage/.config/eww/images/linageOS Icons/eg.png
new file mode 100644
index 000000000..63a9f8402
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/eg.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/ek.png b/lineage/.config/eww/images/linageOS Icons/ek.png
new file mode 100644
index 000000000..4812215c8
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/ek.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/f61.png b/lineage/.config/eww/images/linageOS Icons/f61.png
new file mode 100644
index 000000000..bfa000173
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/f61.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/fh.png b/lineage/.config/eww/images/linageOS Icons/fh.png
new file mode 100644
index 000000000..7118c6245
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/fh.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/fi.png b/lineage/.config/eww/images/linageOS Icons/fi.png
new file mode 100644
index 000000000..45c63d6bc
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/fi.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/ft.png b/lineage/.config/eww/images/linageOS Icons/ft.png
new file mode 100644
index 000000000..4b0b747b4
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/ft.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/g4.png b/lineage/.config/eww/images/linageOS Icons/g4.png
new file mode 100644
index 000000000..df817d835
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/g4.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/gt.png b/lineage/.config/eww/images/linageOS Icons/gt.png
new file mode 100644
index 000000000..755a449a2
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/gt.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/i31.png b/lineage/.config/eww/images/linageOS Icons/i31.png
new file mode 100644
index 000000000..703ba2505
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/i31.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/kz1.png b/lineage/.config/eww/images/linageOS Icons/kz1.png
new file mode 100644
index 000000000..5f4caf61d
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/kz1.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/l11.png b/lineage/.config/eww/images/linageOS Icons/l11.png
new file mode 100644
index 000000000..4d726284c
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/l11.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/l4.png b/lineage/.config/eww/images/linageOS Icons/l4.png
new file mode 100644
index 000000000..8b5cb63c5
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/l4.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/l8.png b/lineage/.config/eww/images/linageOS Icons/l8.png
new file mode 100644
index 000000000..8b03d545f
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/l8.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/linage-icons.png b/lineage/.config/eww/images/linageOS Icons/linage-icons.png
new file mode 100644
index 000000000..ff5d1f893
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/linage-icons.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/lt1.png b/lineage/.config/eww/images/linageOS Icons/lt1.png
new file mode 100644
index 000000000..8e3d0e549
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/lt1.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/nS.png b/lineage/.config/eww/images/linageOS Icons/nS.png
new file mode 100644
index 000000000..739513664
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/nS.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/oB.png b/lineage/.config/eww/images/linageOS Icons/oB.png
new file mode 100644
index 000000000..a978821b0
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/oB.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/or1.png b/lineage/.config/eww/images/linageOS Icons/or1.png
new file mode 100644
index 000000000..8b0cdcf60
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/or1.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/pH.png b/lineage/.config/eww/images/linageOS Icons/pH.png
new file mode 100644
index 000000000..11d982198
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/pH.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/pN.png b/lineage/.config/eww/images/linageOS Icons/pN.png
new file mode 100644
index 000000000..eb8e874c1
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/pN.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/pV.png b/lineage/.config/eww/images/linageOS Icons/pV.png
new file mode 100644
index 000000000..6044e8005
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/pV.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/pV1.png b/lineage/.config/eww/images/linageOS Icons/pV1.png
new file mode 100644
index 000000000..79cadb2ad
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/pV1.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/pW.png b/lineage/.config/eww/images/linageOS Icons/pW.png
new file mode 100644
index 000000000..26351e3e2
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/pW.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/pY.png b/lineage/.config/eww/images/linageOS Icons/pY.png
new file mode 100644
index 000000000..7b4fe095c
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/pY.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/qX.png b/lineage/.config/eww/images/linageOS Icons/qX.png
new file mode 100644
index 000000000..5a0b4b549
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/qX.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/rV.png b/lineage/.config/eww/images/linageOS Icons/rV.png
new file mode 100644
index 000000000..b06a2f27d
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/rV.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/ro.png b/lineage/.config/eww/images/linageOS Icons/ro.png
new file mode 100644
index 000000000..941257381
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/ro.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/sH.png b/lineage/.config/eww/images/linageOS Icons/sH.png
new file mode 100644
index 000000000..f81ed41fb
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/sH.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/sh.png b/lineage/.config/eww/images/linageOS Icons/sh.png
new file mode 100644
index 000000000..14fc8c9ce
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/sh.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/st.png b/lineage/.config/eww/images/linageOS Icons/st.png
new file mode 100644
index 000000000..b1b5af625
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/st.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/sw.png b/lineage/.config/eww/images/linageOS Icons/sw.png
new file mode 100644
index 000000000..3909c987a
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/sw.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/sw1.png b/lineage/.config/eww/images/linageOS Icons/sw1.png
new file mode 100644
index 000000000..0cf405a54
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/sw1.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/tD.png b/lineage/.config/eww/images/linageOS Icons/tD.png
new file mode 100644
index 000000000..1a6427328
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/tD.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/tE.png b/lineage/.config/eww/images/linageOS Icons/tE.png
new file mode 100644
index 000000000..129802a78
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/tE.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/tS.png b/lineage/.config/eww/images/linageOS Icons/tS.png
new file mode 100644
index 000000000..6343793d0
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/tS.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/u31.png b/lineage/.config/eww/images/linageOS Icons/u31.png
new file mode 100644
index 000000000..8e6a217a5
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/u31.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/uo.png b/lineage/.config/eww/images/linageOS Icons/uo.png
new file mode 100644
index 000000000..9e46cfa33
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/uo.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/ux1.png b/lineage/.config/eww/images/linageOS Icons/ux1.png
new file mode 100644
index 000000000..e745614bc
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/ux1.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/uz.png b/lineage/.config/eww/images/linageOS Icons/uz.png
new file mode 100644
index 000000000..290877b72
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/uz.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/vK.png b/lineage/.config/eww/images/linageOS Icons/vK.png
new file mode 100644
index 000000000..3ae358182
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/vK.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/vR.png b/lineage/.config/eww/images/linageOS Icons/vR.png
new file mode 100644
index 000000000..aa400141a
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/vR.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/vS.png b/lineage/.config/eww/images/linageOS Icons/vS.png
new file mode 100644
index 000000000..988d3dcc9
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/vS.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/vV.png b/lineage/.config/eww/images/linageOS Icons/vV.png
new file mode 100644
index 000000000..175abd8ba
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/vV.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/vW.png b/lineage/.config/eww/images/linageOS Icons/vW.png
new file mode 100644
index 000000000..e84dd6ccc
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/vW.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/vg.png b/lineage/.config/eww/images/linageOS Icons/vg.png
new file mode 100644
index 000000000..711cd6052
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/vg.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/visualstudiocode.svg b/lineage/.config/eww/images/linageOS Icons/visualstudiocode.svg
new file mode 100644
index 000000000..065f82b0e
--- /dev/null
+++ b/lineage/.config/eww/images/linageOS Icons/visualstudiocode.svg	
@@ -0,0 +1 @@
+<svg width="64" height="64" viewBox="0 0 16.933 16.933" xmlns="http://www.w3.org/2000/svg"><circle cx="8.466" cy="8.466" r="7.144" fill="#f0f0f0" style="paint-order:stroke fill markers"/><g fill-rule="evenodd" stroke-width=".265"><path d="M21.068 2.602a.596.596 0 0 0-.267.1c.138.171-.14 1.785.208 2.004l.272.17v3.892l-.427.32c-.329.247.03 1.666-.056 1.849.095.058.237.12.362.105a.375.375 0 0 0 .12-.036l1.737-.851c.19-.093.38-.17.38-.38V3.87c0-.21-.19-.287-.38-.38l-1.737-.852a.374.374 0 0 0-.212-.035z" fill="#35a0f3" style="paint-order:stroke fill markers" transform="translate(-14.244 .379) scale(1.1855)"/><path d="m15.041 8.004 5.651-5.223c.257-.237.589-.153.589.337v1.758l-5.224 3.996c-.092.071-.33.243-.538.045l-.528-.502c-.139-.132-.06-.31.05-.411z" fill="#115fb7" style="paint-order:stroke fill markers" transform="translate(-14.244 .379) scale(1.1855)"/><path d="m15.041 5.638 5.651 5.223c.257.237.589.153.589-.338V8.766L16.057 4.77c-.092-.072-.33-.243-.538-.046l-.528.503c-.139.132-.06.31.05.411z" fill="#1a81da" style="paint-order:stroke fill markers" transform="translate(-14.244 .379) scale(1.1855)"/></g></svg>
\ No newline at end of file
diff --git a/lineage/.config/eww/images/linageOS Icons/x71.png b/lineage/.config/eww/images/linageOS Icons/x71.png
new file mode 100644
index 000000000..a83d6191a
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/x71.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/xC.png b/lineage/.config/eww/images/linageOS Icons/xC.png
new file mode 100644
index 000000000..dec2b1954
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/xC.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/xG.png b/lineage/.config/eww/images/linageOS Icons/xG.png
new file mode 100644
index 000000000..2a9ca9ac9
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/xG.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/xi.png b/lineage/.config/eww/images/linageOS Icons/xi.png
new file mode 100644
index 000000000..dd24788c9
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/xi.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/yr.png b/lineage/.config/eww/images/linageOS Icons/yr.png
new file mode 100644
index 000000000..a238c2dd2
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/yr.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/yy.png b/lineage/.config/eww/images/linageOS Icons/yy.png
new file mode 100644
index 000000000..e753e5df5
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/yy.png differ
diff --git a/lineage/.config/eww/images/linageOS Icons/zY.png b/lineage/.config/eww/images/linageOS Icons/zY.png
new file mode 100644
index 000000000..1f62eeb8c
Binary files /dev/null and b/lineage/.config/eww/images/linageOS Icons/zY.png differ
diff --git a/lineage/.config/eww/images/topbar.png b/lineage/.config/eww/images/topbar.png
new file mode 100644
index 000000000..ceedfc39d
Binary files /dev/null and b/lineage/.config/eww/images/topbar.png differ
diff --git a/lineage/.config/eww/images/topbar_tech.png b/lineage/.config/eww/images/topbar_tech.png
new file mode 100644
index 000000000..ea2522a7c
Binary files /dev/null and b/lineage/.config/eww/images/topbar_tech.png differ
diff --git a/lineage/.config/eww/modules/activewindow.yuck b/lineage/.config/eww/modules/activewindow.yuck
new file mode 100644
index 000000000..44f7489ac
--- /dev/null
+++ b/lineage/.config/eww/modules/activewindow.yuck
@@ -0,0 +1,26 @@
+(deflisten awin
+  ; :run-while win_ws_open
+  `scripts/activewin`
+)
+
+(defwidget activewindow []
+  (eventbox
+    (box
+      :space-evenly false
+      :class "activewin"
+      (label
+        :limit-width 50
+        :text "➜ "
+      )
+      (revealer
+        :transition "slideright"
+        :reveal "${!music_reveal}"
+        :duration "300ms"
+        (label
+          :limit-width 50
+          :text "${awin}"
+        )
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/lineage/.config/eww/modules/audiolevels.yuck b/lineage/.config/eww/modules/audiolevels.yuck
new file mode 100644
index 000000000..2f55d9f6b
--- /dev/null
+++ b/lineage/.config/eww/modules/audiolevels.yuck
@@ -0,0 +1,77 @@
+(defvar sys_menu_open true)
+(deflisten audiojson
+  :initial "initial-value"
+  `scripts/audiolevels`
+)
+
+(defwidget audiolevels[]
+  (box
+    :space-evenly false
+    :orientation "v"
+    :class "sliders"
+    (label
+      :text "Volume mixer"
+      :xalign 0
+      :style "font-weight: bold;"
+    )
+    (for i in audiojson
+      (eventbox
+        :onscroll "pactl set-sink-input-volume ${i.sink} $(echo {} | sed -e \"s/up/+10/g\" -e \"s/down/-10/g\")%"
+        :onrightclick "pactl set-sink-input-volume ${i.sink} 100%"
+        (box
+          :space-evenly false
+          :orientation "v"
+          ; (label :class "time" :text "DEBUG:${i}")
+          (centerbox
+            :space-evenly false
+            :orientation "h"
+            ; :halign "center"
+            (label
+              :xalign 0
+              :class "audiotext"
+              :limit-width 42
+              :style "font-size: 13pt; padding-bottom: 2px;"
+              :text "${i.name} (#${i.sink})"
+            )
+            (label
+              :xalign 0
+              :class "audiotext"
+              :limit-width 30
+              :style "font-size: 13pt; padding-bottom: 2px;"
+              :text ""
+            )
+            (box :orientation "v"
+              (label
+                :xalign 1
+                :class "audiotext"
+                :style "font-size: 13pt; padding-bottom: 2px;"
+                :text "${i.volume}%"
+              )
+            )
+          )
+          (box
+            :class "volume-slider-box"
+            :space-evenly false
+            (eventbox
+              ; :class "volume-icon"
+              :onclick "pactl set-sink-input-volume ${i.sink} 0%"
+              :onscroll "pactl set-sink-input-volume ${i.sink} $(echo {} | sed -e \"s/up/+10/g\" -e \"s/down/-10/g\")%"
+              :onrightclick "pactl set-sink-input-volume ${i.sink} 100%"
+              (label
+                :style "font-family: 'Material Symbols Rounded';"
+                :text "${volume.icon}"
+              )
+            )
+            (scale
+              :class "sliderbg"
+              :value {i.volume}
+              :class "volume-bar slider"
+              :onchange "pactl set-sink-input-volume ${i.sink} {}%"
+              :tooltip "${i.name}: ${i.volume}%"
+            )
+          )
+        )
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/lineage/.config/eww/modules/bluetooth.yuck b/lineage/.config/eww/modules/bluetooth.yuck
new file mode 100644
index 000000000..bb84e9668
--- /dev/null
+++ b/lineage/.config/eww/modules/bluetooth.yuck
@@ -0,0 +1,13 @@
+(defwidget bluetooth []
+  (eventbox
+    :onrightclick "gnome-control-center bluetooth"
+    (button
+      :class "module-bt module icon"
+      :onclick "blueberry"
+      :onrightclick "gnome-control-center bluetooth"
+      :tooltip "${bluetooth.text} ${bluetooth.batt_icon}"
+      :style "color: ${bluetooth.color};"
+      {bluetooth.icon}
+    )
+  )
+)
diff --git a/lineage/.config/eww/modules/bright.yuck b/lineage/.config/eww/modules/bright.yuck
new file mode 100644
index 000000000..f0b798237
--- /dev/null
+++ b/lineage/.config/eww/modules/bright.yuck
@@ -0,0 +1,15 @@
+(defwidget bright []
+  (box
+    :class "module"
+    (eventbox
+      :class "bright-icon"
+      :onscroll "echo {} | sed -e 's/down/-U 5/g' -e 's/up/-A 5/g' | xargs light"
+      (label
+        :valign "start"
+        :text {brightness.icon}
+        :class "bright-icon icon"
+        :tooltip "brightness ${round(brightness.level, 0)}%"
+      )
+    )
+  )
+)
diff --git a/lineage/.config/eww/modules/clock.yuck b/lineage/.config/eww/modules/clock.yuck
new file mode 100644
index 000000000..6a5902741
--- /dev/null
+++ b/lineage/.config/eww/modules/clock.yuck
@@ -0,0 +1,60 @@
+(defvar date_rev false)
+
+(defwidget clock_module []
+  (eventbox
+    :onhover "${EWW_CMD} update date_rev=true"
+    :onhoverlost "${EWW_CMD} update popup='none' && ${EWW_CMD} update date_rev=false"
+    :onclick "${EWW_CMD} update popup='calendar'"
+    :class "${popup == 'calendar' ? 'calendar-win' : ''}"
+    ; clock-module 
+    (box
+      :space-evenly false
+      :orientation "v"
+      (box
+        :class "module"
+        :valign "start"
+        :space-evenly false
+        :orientation "h"
+        (box
+          :space-evenly false
+          (label
+            :text {time.hour}
+          :class "clock hour")
+          (label
+            :text ":"
+          :class "clock")
+          (label
+            :text {time.minute}
+          :class "clock minute"))
+        (revealer
+          :transition "slideright"
+          :reveal true ; Replace with "date_rev" for reveal on hover
+          :duration "250ms"
+          :class "date-clock"
+          (button
+            :class "date-clock"
+            :onclick "${EWW_CMD} update popup='calendar'"
+            "${time.day}, ${time.date}"
+          )
+        )
+      )
+      (revealer
+        :reveal "${popup == 'calendar'}"
+        :transition "slideright"
+        :duration "0ms"
+        (revealer
+          :reveal "${popup == 'calendar'}"
+          :transition "crossfade"
+          :duration "0ms"
+          (revealer
+            :reveal "${popup == 'calendar'}"
+            :transition "slidedown"
+            :duration "0ms"
+            (calendar)
+          )
+        )
+      )
+    )
+  )
+)
+
diff --git a/lineage/.config/eww/modules/music.yuck b/lineage/.config/eww/modules/music.yuck
new file mode 100644
index 000000000..93ecd40c8
--- /dev/null
+++ b/lineage/.config/eww/modules/music.yuck
@@ -0,0 +1,177 @@
+(deflisten mcover
+  'scripts/music cover'
+)
+
+(defwidget music-module []
+  (eventbox
+    :class "${popup == 'music' ? 'music-window' : ''}"
+    :style "${popup == 'music' ? 'border-color: ${mcover.color.colors.color4}; background-color: ${mcover.color.colors.color0}' : ''}"
+    :onhoverlost "${EWW_CMD} update popup='none'"
+    (box
+      :valign "start"
+      :space-evenly false
+      :orientation "v"
+      (revealer
+        ; :reveal "${popup != 'music'}"
+        :reveal true
+        :transition "slidedown"
+        (eventbox
+          :class "music-ctl"
+          :onhover "${EWW_CMD} update music_reveal=true && ${EWW_CMD} update date_rev=true"
+          :onhoverlost "${EWW_CMD} update music_reveal=false && ${EWW_CMD} update date_rev=false"
+          :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+          ; :onclick "${EWW_CMD} open --toggle music"
+          :onclick "${EWW_CMD} update popup='music'"
+          :onmiddleclick "playerctl play-pause"
+          :onrightclick "playerctl next"
+          (box
+            :class "music-ctl"
+            :space-evenly false
+            (label :class "music-icon" :text "")
+            (revealer
+              :transition "slideright"
+              :reveal "${music_reveal || popup == 'music'}"
+              :duration "300ms"
+              :class "music-ctl-revealer"
+              ; :onclick "${EWW_CMD} open --toggle music"
+              :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+              :limit-width 20
+              (eventbox
+                :class "music-ctl-revealer"
+                ; :onclick "${EWW_CMD} open --toggle music"
+                :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+                (label
+                  :class "music-title"
+                  :style "${popup == 'music' ? 'color: ${mcover.color.colors.color4}' : ''}"
+                  :limit-width 50
+                  :text "${music.title == '' ? 'Not playing' : music.title}"
+                )
+              )
+            )
+            (revealer
+              :transition "slideright"
+              :reveal music_reveal
+              :duration "300ms"
+              :class "music-ctl-revealer"
+              ; :onclick "${EWW_CMD} open --toggle music"
+              (box
+                :class "icon"
+                :style "font-family: SF Mono Nerd Font; ${popup == 'music' ? 'color: ${mcover.color.colors.color4}' : ''}"
+                ; (button
+                  ;   :class "song-button"
+                  
+                ;   {music.title} "" {music.status} "")
+                ; (button :class "song-button" :onclick "playerctl previous" {music.title})
+                (button
+                  :class "song-button"
+                  :style "font-family: 'Material Symbols Rounded'; "
+                  :onclick "playerctl previous" ""
+                )
+                (button
+                  :class "song-button"
+                  :onclick "playerctl play-pause"
+                  :style "font-family: 'Material Symbols Rounded'; "
+                  "${music.status != '' ? music.status : ''}"
+                )
+                (button
+                  :class "song-button"
+                  :style "font-family: 'Material Symbols Rounded'; "
+                  :onclick "playerctl next" 
+                  ""
+                )
+              )
+            )
+          )
+        )
+      )
+      (revealer
+        :reveal "${popup == 'music'}"
+        :transition "slideright"
+        :duration "0ms"
+        (revealer
+          :reveal "${popup == 'music'}"
+          :transition "crossfade"
+          :duration "0ms"
+          (revealer
+            :reveal "${popup == 'music'}"
+            :transition "slidedown"
+            :duration "0ms"
+            (box
+              ; :class "music-window"
+              :space-evenly false
+              :orientation "h"
+              ; :style "color: ${mcover.color.colors.color4};"
+              (box ; Cover art
+                :class "music-cover-art"
+                :style "background-image: url('${mcover.image}');"
+              )
+              (box ;
+                :orientation "v"
+                :class "music-box"
+                (label
+                  :class "music-title"
+                  :wrap true
+                  :text "${music.title == '' ? 'Not playing' : music.title}"
+                  :style "color: ${mcover.color.colors.color4}; font-weight: bold;"
+                  :limit-width 35
+                )
+                (label
+                  :class "music-artist"
+                  :wrap true
+                  :text "${music.artist}"
+                  :style "color: ${mcover.color.colors.color4};"
+                )
+                (centerbox
+                  :halign "center"
+                  :class "music-button-box icon"
+                  (button
+                    :class "song-button"
+                    :style "font-family: 'Material Symbols Rounded'; "
+                    :onclick "playerctl previous" ""
+                  )
+                  (button
+                    :class "song-button"
+                    :onclick "playerctl play-pause"
+                    :style "font-family: 'Material Symbols Rounded'; "
+                    "${music.status != '' ? music.status : ''}"
+                  )
+                  (button
+                    :class "song-button"
+                    :style "font-family: 'Material Symbols Rounded'; "
+                    :onclick "playerctl next" 
+                    ""
+                  )
+                )
+                (box
+                  (label
+                    :style "color: ${mcover.color.colors.color4};"
+                    :xalign 0
+                    :class "music-time"
+                    :text "${music.position_time}"
+                  )
+                  (label
+                    :style "color: ${mcover.color.colors.color4};"
+                    :xalign 1
+                    :class "music-time"
+                    :text "${music.length}"
+                  )
+                )
+                (box
+                  :class "music-bar"
+                  :style "color: ${mcover.color.colors.color4};"
+                  (scale
+                    ; :style "color: ${mcover.color.colors.color4};"
+                    :value {music.position}
+                    :class "track-scale"
+                    ; :onchange "playerctl position `bc <<< \"{} * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+                    :style "highlight {background-color: ${mcover.color.colors.color4};}"
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
diff --git a/lineage/.config/eww/modules/net.yuck b/lineage/.config/eww/modules/net.yuck
new file mode 100644
index 000000000..5a39c1c81
--- /dev/null
+++ b/lineage/.config/eww/modules/net.yuck
@@ -0,0 +1,30 @@
+; (defwidget net []
+;   (button
+;     :class "net-icon"
+;     :onclick "iwgtk &"
+;     :onrightclick "gnome-control-center network &"
+;     :tooltip {net.essid}
+;     :style "color: ${net.color};"
+;     {net.icon}
+;   )
+; )
+
+(defwidget net []
+  (box
+    :class "module"
+    (eventbox
+      :class "net-icon"
+      :onclick "iwgtk &"
+      :onrightclick "gnome-control-center network &"
+      :tooltip {net.essid}
+      ; :style "color: ${net.color};"
+      (label
+        :valign "start"
+        :text {net.icon}
+        :class "net-icon"
+        :tooltip {net.essid}
+        ; :style "color: ${net.color};"
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/lineage/.config/eww/modules/sys.yuck b/lineage/.config/eww/modules/sys.yuck
new file mode 100644
index 000000000..5e21cd396
--- /dev/null
+++ b/lineage/.config/eww/modules/sys.yuck
@@ -0,0 +1,394 @@
+(defvar sys_rev false)
+(defvar force_sys_rev false)
+; (defvar sys_rev true)
+
+(defwidget sys []
+  (eventbox
+    :class "${popup == 'system-menu' ? 'system-menu-box' : 'sysbar'}"
+    ; :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+    :onhover "${EWW_CMD} update sys_rev=true"
+    :onclick "${EWW_CMD} update popup='system-menu'"
+    :onhoverlost "${EWW_CMD} update popup='none' sys_rev=false"
+    :onrightclick "${EWW_CMD} update force_sys_rev=${!force_sys_rev}"
+    :onmiddleclick "${EWW_CMD} open --toggle overview"
+    (box
+      :space-evenly false
+      :orientation "v"
+      (box
+        :class "module"
+        :space-evenly false
+        :spacing 5
+        :halign "end"
+        (syscpu)
+        (sysmem)
+        (sysbatt)
+        (settingscog)
+      )
+      (revealer
+        :reveal "${popup == 'system-menu'}"
+        :transition "slideright"
+        :duration "0ms"
+        (revealer
+          :reveal "${popup == 'system-menu'}"
+          :transition "crossfade"
+          :duration "0ms"
+          (revealer
+            :reveal "${popup == 'system-menu'}"
+            :transition "slidedown"
+            :duration "0ms"
+            (box
+              :space-evenly false
+              (eventbox
+                ; :onhoverlost "${EWW_CMD} update popup='none'"
+                (box
+                  ; :class "system-menu-box"
+                  :space-evenly false
+                  :orientation "v"
+                  (box
+                    :class "top-row"
+                    :space-evenly false
+                    (label :class "time" :text "${time.hour}:${time.minute}")
+                    (box
+                      :class "date-box"
+                      :space-evenly false
+                      (label :class "date" :text "${time.day},")
+                      (label :class "date" :text "${time.date}")
+                    )
+                  )
+                  
+                  (box
+                    :class "system-row"
+                    :space-evenly false
+                    (box
+                      :class "wifi-box"
+                      :space-evenly false
+                      :orientation "v"
+                      (box
+                        :class "element"
+                        :space-evenly false
+                        (button
+                          ; :class "wifi-button"
+                          :onclick "scripts/net toggle"
+                          :style "font-family: Material Symbols Rounded;"
+                          {net.icon}
+                        )
+                        (label :class "separator" :text "|")
+                        (button
+                          :class "wifi-arrow-btn"
+                          :style "font-family: Material Symbols Rounded;"
+                          :onclick "nm-connection-editor &"
+                          ""
+                        )
+                      )
+                      (label :style "font-size: 12pt;" :class "sys-toggle" :text {net.essid} :xalign 0.5 :limit-width 15)
+                    )
+                    
+                    (box
+                      :class "bluetooth-box"
+                      :space-evenly false
+                      :orientation "v"
+                      (box
+                        :class "element icon"
+                        :space-evenly false
+                        (button
+                          :class "bluetooth-button"
+                          :onclick "scripts/bluetooth toggle"
+                          :style "font-family: 'Material Symbols Rounded';"
+                          {bluetooth.icon}
+                        )
+                        (label :class "separator" :text "|")
+                        (button
+                          :class "bluetooth-arrow-btn"
+                          :onclick "blueberry"
+                          ""
+                        )
+                      )
+                      (label
+                        :style "font-size: 12pt;"
+                        :text {bluetooth.text}
+                        :xalign 0.5
+                        :class "sys-toggle"
+                        :tooltip "${bluetooth.text} ${bluetooth.batt_icon}"
+                        :limit-width 15
+                      )
+                    )
+                    
+                    (box
+                      :class "airplane-box"
+                      :space-evenly false
+                      :orientation "v"
+                      (box
+                        :class "element"
+                        (button
+                          :class "airplane-button"
+                          :onclick "scripts/airplane toggle"
+                          airplane
+                        )
+                      )
+                      (label :style "font-size: 12pt;" :text "Airplane Mode" :xalign 0.5 :limit-width 16)
+                    )
+                    
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (box
+                        :class "element"
+                        (button
+                          :halign "end"
+                          :onclick "wlogout -p layer-shell &"
+                          ""
+                        )
+                      )
+                      (label
+                        :style "font-size: 12pt;"
+                        :text "Power"
+                        :class "sys-toggle"
+                        :xalign 0.5
+                        :limit-width 16
+                      )
+                    )
+                  )
+                  (audiolevels)
+                  (box
+                    :class "system-info-box"
+                    :style "margin-bottom: 17px;"
+                    ; cpu
+                    (box
+                      :class "sys-box"
+                      :space-evenly false
+                      :halign "start"
+                      (circular-progress
+                        :value "${EWW_CPU.avg}"
+                        :class "sys-cpu"
+                        :thickness 3
+                        (label
+                          :text ""
+                        :class "sys-icon-cpu icon")
+                      )
+                      (box
+                        :orientation "v"
+                        :vexpand false
+                        (label
+                          :text "CPU"
+                          :halign "start"
+                          :class "sys-text-cpu"
+                          :style "font-size: 12pt;"
+                        )
+                        (label
+                          :text "${round(EWW_CPU.avg,2)}%"
+                          :halign "start"
+                          :class "sys-text-sub"
+                          :style "font-size: 12pt;"
+                        )
+                        (label
+                          :text "${EWW_CPU.cores[0].freq} MHz"
+                          :halign "start"
+                          :class "sys-text-sub"
+                          :style "font-size: 12pt;"
+                        )
+                      )
+                    )
+                    
+                    ; memory
+                    (box
+                      :class "sys-box"
+                      :space-evenly false
+                      :halign "end"
+                      (circular-progress
+                        :value {memory.percentage}
+                        :class "sys-mem"
+                        :thickness 3
+                        (label
+                          :text ""
+                          :class "sys-icon-mem icon"
+                        )
+                      )
+                      (box
+                        :orientation "v"
+                        (label :style "font-size: 12pt;" :text "Memory" :halign "start" :class "sys-text-mem")
+                        (label :style "font-size: 12pt;" :text "${memory.used} / ${memory.total}" :halign "start" :class "sys-text-sub")
+                        (label :style "font-size: 12pt;" :text "Swap ${memory.swapused} / ${memory.swaptotal}" :halign "start" :class "sys-text-sub")
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget syscpu []
+  (revealer
+    :reveal "${popup == 'system-menu' || force_sys_rev}"
+    :transition "slideleft"
+    :duration "300ms"
+    :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+    (eventbox
+      :class "cpubar"
+      :space-evenly false
+      :onclick "${EWW_CMD} update popup='system-menu'"
+      (box
+        :class "cpubar"
+        :space-evenly false
+        :onclick "${EWW_CMD} update popup='system-menu'"
+        (circular-progress
+          :value "${EWW_CPU.avg}"
+          :class "cpubar"
+          :thickness 3
+          :start-at 75
+          (button
+            :tooltip "CPU: ${round(EWW_CPU.avg,0)}%"
+            :onclick "${EWW_CMD} update popup='system-menu'"
+            (label :class "icon-text" :text "")
+          )
+        )
+        (revealer
+          :transition "slideright"
+          :reveal "${sys_rev || popup == 'system-menu' || force_sys_rev}"
+          :duration "300ms"
+          :class "sys-menu"
+          :onclick "${EWW_CMD} update popup='system-menu'"
+          (cpumenu)
+        )
+      )
+    )
+  )
+)
+
+(defwidget sysmem []
+  (eventbox
+    :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+    :class "membar"
+    :space-evenly false
+    :onclick "${EWW_CMD} update popup='system-menu'"
+    (box
+      :class "membar"
+      :space-evenly false
+      :onclick "${EWW_CMD} update popup='system-menu'"
+      (circular-progress
+        :value {memory.percentage}
+        :class "membar"
+        :thickness 3
+        :start-at 75
+        (button
+          :tooltip "RAM: ${round(memory.percentage,0)}%"
+          :onclick "${EWW_CMD} update popup='system-menu'"
+          (label :class "icon-text" :text "")
+        )
+      )
+      ; Separate swap usage circle
+      ; (circular-progress
+        ;   :value {memory.swappercentage}
+        ;   :class "membar"
+        ;   :thickness 2
+        ;   :start-at 75
+        ;   (button
+          ;     :tooltip "Swap: ${round(memory.swappercentage,0)}%"
+          ;     :onclick "${EWW_CMD} update popup='system-menu'"
+          ;     (label :class "icon-text" :text "")
+        ;   )
+      ; )
+      (revealer
+        :transition "slideright"
+        :reveal "${sys_rev || popup == 'system-menu' || force_sys_rev}"
+        :duration "300ms"
+        :class "sys-menu"
+        :onclick "${EWW_CMD} update popup='system-menu'"
+        (memmenu)
+      )
+    )
+  )
+)
+
+(defwidget sysbatt []
+  (eventbox
+    :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+    :class "batbar"
+    :space-evenly false
+    :onclick "${EWW_CMD} update popup='system-menu'"
+    (box
+      :class "batbar"
+      :space-evenly false
+      :onclick "${EWW_CMD} update popup='system-menu'"
+      (circular-progress
+        :value "${EWW_BATTERY["BATT"].capacity}"
+        :class "batbar-circle"
+        :thickness 3
+        :start-at 75
+        :style "border-radius: 99px; color: ${battery.circolor}; background-color: ${battery.cirbgcolor}"
+        (button
+          :tooltip "Battery: ${EWW_BATTERY["BATT"].capacity}%"
+          :onclick "${EWW_CMD} update popup='system-menu'"
+          :style "border-radius: 99px; color: ${battery.color}; background-color: ${battery.bgcolor};"
+          (label :class "icon-text" :text "")
+        )
+      )
+      (revealer
+        :transition "slideright"
+        :reveal true
+        :duration "300ms"
+        :class "sys-menu"
+        :onclick "${EWW_CMD} update popup='system-menu'"
+        (sysmenu)
+      )
+    )
+  )
+)
+
+(defwidget cpumenu[]
+  (eventbox
+    :class "cpu-menu"
+    :onclick "${EWW_CMD} update popup='system-menu'"
+    (label :class "cpu-menu" :text "${round(EWW_CPU.avg,0)}%")
+  )
+)
+
+(defwidget memmenu[]
+  (eventbox
+    ; :class "mem-menu"
+    :onclick "${EWW_CMD} update popup='system-menu'"
+    :onrightclick "foot btm"
+    (box
+      ; :class "mem-menu"
+      :space-evenly false
+      (label :class "mem-menu-left" :text "${memory.used}")
+      (label :class "mem-menu-mid" :text "")
+      (label :class "mem-menu-right" :text "${memory.swapused}")
+    )
+  )
+)
+
+(defwidget sysmenu[]
+  (eventbox
+    :class "sys-menu"
+    :onclick "${EWW_CMD} update popup='system-menu'"
+    :style "color: ${battery.color}"
+    (box
+      :space-evenly false
+      (label :class "sys-menu-charge" :text "${battery.quickicon}")
+      (label :class "batt-percentage" :text "${EWW_BATTERY["BATT"].capacity}%")
+    )
+  )
+)
+
+(defwidget settingscog[]
+  (eventbox
+    :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+    :class "settings-icon"
+    (revealer
+      :transition "slideright"
+      :reveal true
+      :duration "300ms"
+      :onclick "${EWW_CMD} update popup='system-menu'"
+      (button
+        :class "sys-menu-button"
+        :onclick "${EWW_CMD} update popup='system-menu'"
+        " "
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/lineage/.config/eww/modules/variables.yuck b/lineage/.config/eww/modules/variables.yuck
new file mode 100644
index 000000000..fe3c6c750
--- /dev/null
+++ b/lineage/.config/eww/modules/variables.yuck
@@ -0,0 +1,22 @@
+(defvar bright_reveal false)
+(defvar bt_rev false)
+(defvar music_reveal false)
+(defvar notif_rev false)
+(defvar net_rev false)
+(defvar time_rev false)
+(defvar vol_reveal false)
+
+(defpoll time :interval "5s" `date +'{"date": "%d/%m", "hour": "%H", "minute": "%M", "day": "%A"}'`)
+
+(deflisten airplane "scripts/airplane")
+(deflisten battery "scripts/battery")
+(deflisten bluetooth "scripts/bluetooth")
+(deflisten brightness "scripts/brightness")
+(deflisten memory "scripts/memory")
+(deflisten music "scripts/music")
+(deflisten music_cover "scripts/music cover")
+(deflisten notifications "scripts/notifications")
+(deflisten notif_icons :initial `{"icon": "󰆄", "toggle_icon": ""}` "scripts/notifications icons")
+(deflisten net "scripts/net")
+(deflisten volume "scripts/volume")
+(deflisten workspace "scripts/workspaces")
diff --git a/lineage/.config/eww/modules/volume.yuck b/lineage/.config/eww/modules/volume.yuck
new file mode 100644
index 000000000..af4970df2
--- /dev/null
+++ b/lineage/.config/eww/modules/volume.yuck
@@ -0,0 +1,33 @@
+(defwidget volume-module []
+  (box
+    :class "vol-menu"
+    (eventbox
+      ; :class "vol-menu"
+      :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+      :onrightclick "pavucontrol"
+      :onclick "scripts/volume mute SINK"
+      (box
+        (label
+          ; :class "vol-menu"
+          :tooltip "volume ${volume.percent}%"
+          :style "font-family: 'Material Symbols Rounded';"
+          :text "${volume.icon}"
+          :valign "start"
+        )
+        (label :valign "start" :text "${volume.percent}%")
+      )
+    )
+    ; (volmenu)
+  )
+)
+
+(defwidget volmenu[]
+  (eventbox
+    :class "vol-menu"
+    :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+    :onrightclick "pavucontrol"
+    :onclick "scripts/volume mute SINK"
+    :valign "start"
+    (label :class "vol-menu" :text "${volume.percent}%")
+  )
+)
diff --git a/lineage/.config/eww/modules/winctl.yuck b/lineage/.config/eww/modules/winctl.yuck
new file mode 100644
index 000000000..693d0fd04
--- /dev/null
+++ b/lineage/.config/eww/modules/winctl.yuck
@@ -0,0 +1,111 @@
+(defvar win_ws_open false)
+(defvar wsloop "[0, 1, 2, 3, 4, 5, 6, 7, 8, 9]")
+(deflisten winjson
+  `scripts/winlist`
+)
+(deflisten winicons
+  `scripts/appicons`
+)
+(deflisten winnums
+  `scripts/winnumbers`
+)
+
+(defwidget win-ws[]
+  (eventbox
+    ; :onhoverlost "${EWW_CMD} close win-workspace"
+    (box
+      :space-evenly false
+      :orientation "v"
+      :class "system-menu-box"
+      ; :style "background-color: $bg; color: #A9B1D6; padding-bottom: .6rem; background-color: ${awin == winjson[i].title ? '#7AA2F7' : '$bg'};"
+      :style "background-color: $bg; color: #A9B1D6; padding-bottom: .6rem; background-color: $bg};"
+      ; (label :text "${winjson}" ) ; DEBUG
+      (label
+        :class "winws-title"
+        :text "Activities"
+        :xalign 0.5
+      )
+      (for i in winnums
+        (eventbox
+          :class "winws-evbox"
+          :onscroll "hyprctl dispatch movetoworkspacesilent $((${winjson[i].workspace.id}$(echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\"))),address:${winjson[i].address}"
+          :onclick "hyprctl dispatch focuswindow address:${winjson[i].address} && ${EWW_CMD} close win-workspace"
+          :onmiddleclick "hyprctl dispatch closewindow address:${winjson[i].address}"
+          (centerbox ;App icon & info
+            :class "winws"
+            :space-evenly false
+            :orientation "h"
+            (box
+              :space-evenly false
+              :orientation "h"
+              (label
+                :class "appicon"
+                :style "background-image: url(\"${winicons[i]}\");"
+                :text ""
+              )
+              (box
+                :space-evenly false
+                :orientation "v"
+                (label
+                  :halign "start"
+                  :class "wintext"
+                  :text "${winjson[i].title}"
+                  :limit-width 44
+                  :xalign 0
+                )
+                (label
+                  :halign "start"
+                  :class "winsubtext"
+                  :text "${winjson[i].class}"
+                  :limit-width 35
+                  :xalign 0
+                )
+              )
+            )
+            (label
+              :class "wintext"
+              :text ""
+              :limit-width 1
+              :xalign 0
+            )
+            (box ; Workspace number
+              :space-evenly false
+              :orientation "h"
+              :halign "end"
+              :style "padding-left: 30px;"
+              (label
+                :halign "end"
+                :class "wintext"
+                ; :text "[ ${winjson[i].workspace.id} ]"
+                :xalign 1
+              )
+              (for w in wsloop
+                (button
+                  :onclick "hyprctl dispatch movetoworkspacesilent ${w+1},address:${winjson[i].address}"
+                  :class "wschoose"
+                  :style "font-size: 16pt; color: ${(winjson[i].workspace.id == w+1) ? mcover.color.colors.color7 : 'rgba(108, 112, 134, 0.5)'};"
+                  ; "hyprctl dispatch movetoworkspacesilent ${w},address:${winjson[i].address}"
+                  "${ws-icons[w]}"
+                  ; "●"
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget winctl []
+  (box
+    :space-evenly false
+    :orientation "h"
+    (eventbox
+      :valign "start"
+      ; :class "winctl module"
+      :onscroll "hyprctl dispatch splitratio $(echo {} | sed -e \"s/up/-0.1/g\" -e \"s/down/+0.1/g\")"
+      (label :class "winctl" :text "[ Split ]")
+    )
+  )
+)
\ No newline at end of file
diff --git a/lineage/.config/eww/modules/workspaces.yuck b/lineage/.config/eww/modules/workspaces.yuck
new file mode 100644
index 000000000..092028bc2
--- /dev/null
+++ b/lineage/.config/eww/modules/workspaces.yuck
@@ -0,0 +1,27 @@
+(defvar ws-icons '["❶", "❷", "❸", "❹", "❺", "❻", "❼", "❽", "❾", "❿"]')
+
+
+(defwidget workspaces []
+  (eventbox
+    :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    :onmiddleclick "${EWW_CMD} open --toggle overview"
+    :onrightclick "${EWW_CMD} open --toggle overview"
+    (box
+      :class "module workspaces"
+      :spacing 0
+      :space-evenly false
+      (for i in workspace
+        (button
+          :onclick "hyprctl dispatch workspace ${i.num}"
+          :class "ws"
+          :style "color: ${i.clr};"
+          "${ws-icons[i.num - 1]}"
+          ; "●"
+        )
+      )
+    )
+  )
+)
+
+
+; ①②③④⑤⑥⑦⑧⑨⑩
\ No newline at end of file
diff --git a/lineage/.config/eww/scripts/activewin b/lineage/.config/eww/scripts/activewin
new file mode 100755
index 000000000..99e986c69
--- /dev/null
+++ b/lineage/.config/eww/scripts/activewin
@@ -0,0 +1,17 @@
+#!/usr/bin/bash
+
+getactivewin(){
+  winname=$(hyprctl activewindow | grep -e 'title: ' | sed 's/title: //' | sed 's/\t//')
+  echo "$winname"
+}
+
+getactivewin
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | while read -r line; do
+    getactivewin
+  done
+fi
+
diff --git a/lineage/.config/eww/scripts/airplane b/lineage/.config/eww/scripts/airplane
new file mode 100755
index 000000000..8a976aefb
--- /dev/null
+++ b/lineage/.config/eww/scripts/airplane
@@ -0,0 +1,29 @@
+#!/bin/sh
+
+icon() {
+  if [[ $STATUS == "no" ]]; then
+    echo ""
+  else
+    echo ""
+  fi
+}
+
+toggle() {
+  if [[ $STATUS == "no" ]]; then
+    rfkill block all
+    notify-send --urgency=normal -i airplane-mode-symbolic "Airplane Mode" "Airplane mode has been turned on!"
+  else
+    rfkill unblock all
+    notify-send --urgency=normal  -i airplane-mode-disabled-symbolic "Airplane Mode" "Airplane mode has been turned off!"
+  fi
+}
+
+if [[ $1 == "toggle" ]]; then
+  toggle
+else
+  while true; do
+    STATUS="$(rfkill list | sed -n 2p | awk '{print $3}')"
+    icon
+    sleep 3;
+  done
+fi
diff --git a/lineage/.config/eww/scripts/appicons b/lineage/.config/eww/scripts/appicons
new file mode 100755
index 000000000..5d7cff5a5
--- /dev/null
+++ b/lineage/.config/eww/scripts/appicons
@@ -0,0 +1,64 @@
+#!/usr/bin/bash
+
+geticonlist() {
+    classes=$(hyprctl clients | grep -e 'class: ' | sed 's/\tclass: //')
+    addresses=$(hyprctl clients | grep -e ' -> ')
+    # echo "$classes"
+    IFS=$'\n'
+    classarr=($(echo "$classes"))
+    addressarr=($(echo "$addresses"))
+    iconarr=($(echo "$classes"))
+
+    for i in "${!classarr[@]}"; do
+        addressarr[i]=$(echo "0x${addressarr[i]% -> *}" | sed 's/Window //')
+        # echo "${addressarr[i]}"
+    done
+
+    for i in "${!classarr[@]}"; do
+        classarr[i]=$(echo ${classarr[i]})
+        if [ -f "scripts/cache/${classarr[i]}" ]; then
+            iconarr[i]=$(cat scripts/cache/${classarr[i]})
+            if [ ! -f "${iconarr[i]}" ]; then # Cache refresh if icon doesnt exist
+                iconarr[i]=$(scripts/get-icon.py "${classarr[i]}")
+                echo "${iconarr[i]}" > "scripts/cache/${classarr[i]}"
+            fi
+        else
+            iconarr[i]=$(scripts/get-icon.py "${classarr[i]}")
+            echo "${iconarr[i]}" > "scripts/cache/${classarr[i]}"
+        fi
+        if [[ ${iconarr[i]} = "not found" ]]; then
+          iconarr[i]=$(scripts/get-icon.py "$(echo "${classarr[i]##*.}" | tr '[:upper:]' '[:lower:]')")
+          if [[ ! ${iconarr[i]} = "not found" ]]; then
+            rm "scripts/cache/${classarr[i]}"
+            echo "${iconarr[i]}" > "scripts/cache/${classarr[i]}"
+          else 
+            iconarr[i]="/home/$USER/.local/share/icons/candy-icons/mimetypes/scalable/application-x-theme.svg"
+            rm "scripts/cache/${classarr[i]}"
+            echo "${iconarr[i]}" > "scripts/cache/${classarr[i]}"
+          fi
+        fi
+    done
+
+    printf '['
+    for i in "${!classarr[@]}"; do
+        if [ $i -ne 0 ]; then
+          printf ', '
+        fi
+        # printf '{'
+        # printf "\"${addressarr[i]}\": \"${iconarr[i]}\""
+        # printf '}'
+        printf "\"${iconarr[i]}\""
+    done
+    printf ']\n'
+}
+
+geticonlist
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | while read -r line; do
+    geticonlist
+  done
+fi
+
diff --git a/lineage/.config/eww/scripts/audiolevels b/lineage/.config/eww/scripts/audiolevels
new file mode 100755
index 000000000..c354b3c38
--- /dev/null
+++ b/lineage/.config/eww/scripts/audiolevels
@@ -0,0 +1,70 @@
+#!/usr/bin/bash
+dostuff(){
+  sinks=$(pactl list sink-inputs  \
+          | grep -e "Sink Input" \
+          | sed 's/Sink Input #//')
+  names=$(pactl list sink-inputs \
+          | sed 's/"//g' \
+          | sed 's/application-name://'  \
+          | grep -e "application.name" \
+          | sed 's/application.name = //' \
+          | sed 's/\t\t//' )
+  vols=$(pactl list sink-inputs  \
+          | grep -e "Volume:" \
+          | sed 's/Volume: front-left: //' \
+          | sed 's/front-right: //' \
+          | sed 's/front-right: //' \
+          | tr " " "\n" \
+          | grep -e % \
+          | sed 's/%//g')
+  icons=$(pactl list sink-inputs \
+          | grep -e 'application.icon_name' \
+          | sed 's/\t//g' \
+          | sed 's/application.icon_name = //g')
+  
+  # echo "-=-=-=-=-=-=-=-=- Debug: Raw value -=-=-=-=-=-=-=-=-"
+  # echo "$sinks"
+  # echo "$names"
+  # echo "$vols"
+  
+  IFS=$'\n'
+  sinkarr=($(echo "$sinks"))
+  namearr=($(echo "$names"))
+  volarr=($(echo "$vols"))
+  
+  # Functions
+  sanitize() {
+      echo "$1" | sed 's/"/\"/g'
+  }
+  
+  geticon() {
+  #     notify-send "${volarr[$((i*2))]}"
+      if ["${volarr[$(($1*2))]}" -eq "0"]; then
+          echo ""
+      else 
+          echo ""
+      fi
+  }
+  
+  # Print final JSON
+  printf '['
+  for i in "${!sinkarr[@]}"; do
+      if [ $i -ne 0 ]; then
+          printf ', '
+      fi
+  #     echo -n '{''"sink": "'"${sinkarr[$i]}"'", "name": "'"${namearr[$i]}"', "icon": "'"$(geticon $i)"'", "volume": "'"${volarr[$((i*2))]}"'"}'
+      echo -n '{''"sink": "'"${sinkarr[$i]}"'", "name": "'"${namearr[$i]}"'", "volume": "'"${volarr[$((i*2))]}"'"}'
+  #     printf "\n"
+  done
+  printf ']\n'
+  
+  # echo "$sinks"
+  # echo "$names"
+  # echo "$vols"
+}
+
+dostuff
+
+pactl subscribe | rg --line-buffered "change" | while read -r _; do
+    dostuff
+done
\ No newline at end of file
diff --git a/lineage/.config/eww/scripts/battery b/lineage/.config/eww/scripts/battery
new file mode 100755
index 000000000..8c6f12be6
--- /dev/null
+++ b/lineage/.config/eww/scripts/battery
@@ -0,0 +1,112 @@
+#!/usr/bin/env bash
+
+icons=("" "" "" "" "" "" "" "")
+
+gettime() {
+	FULL=$(cat /sys/class/power_supply/BAT0/energy_full)
+	NOW=$(cat /sys/class/power_supply/BAT0/energy_now)
+
+	if [ "$RATE" -gt 0 ]; then
+		if [ "$STATE" = "Discharging" ]; then
+			EX="$NOW / $RATE"
+		else
+			EX="($FULL - $NOW) / $RATE"
+		fi
+		date -u -d@"$(bc -l <<< "$EX * 3600")" +%H:%M
+	fi
+}
+
+geticon() {
+	if [ "$STATE" = "Charging" ]; then
+    level=$(awk -v n="$CAPACITY" 'BEGIN{print int((n-1)/12)}')
+		echo "${icons[$level]}"
+	else
+    level=$(awk -v n="$CAPACITY" 'BEGIN{print int((n-1)/12)}')
+		echo "${icons[$level]}"
+	fi
+}
+
+status() {
+	if [ "$STATE" = "Charging" ]; then
+		echo -n "charging"
+
+		if [ "$RATE" -gt 0 ]; then
+			echo ", $(gettime) left"
+		else
+			echo ""
+		fi
+	elif [ "$STATE" = "Discharging" ]; then
+		echo "$(gettime)h left"
+	else
+		echo "fully charged"
+	fi
+}
+
+statch() {
+	if [ "$STATE" = "Discharging" ]; then #Not charging, below 20%
+		if [ "$CAPACITY" -le 5 ]; then
+			echo 'deadly'
+		elif [ "$CAPACITY" -le 10 ]; then
+			echo 'critical'
+		elif [ "$CAPACITY" -le 30 ]; then
+			echo 'low'
+		else 
+			echo 'normal'
+		fi
+	else 
+		echo 'charging'
+	fi
+}
+
+chargestatus() {
+	if [ "$STATE" = "Charging" ]; then
+		echo -n ""
+	elif [ "$STATE" = "Discharging" ]; then
+		echo -n ""
+	fi
+}
+
+circolor() {
+	if [[ "$CAPACITY" -le 20 && "$STATE" = "Discharging" ]]; then
+		echo '#5AA8ED'
+	else
+		echo '#9ECE6A'
+	fi
+}
+
+cirbgcolor() {
+	if [[ "$CAPACITY" -le 20 && "$STATE" = "Discharging" ]]; then
+		echo '#EF738A'
+	else
+		echo 'transparent'
+	fi
+}
+
+color() {
+	if [ "$CAPACITY" -le 20 ]; then
+		echo '#EF738A'
+	else
+		echo '#9ECE6A'
+	fi
+}
+
+bgcolor() {
+	if [ "$CAPACITY" -le 20 ]; then
+		echo '#EF738A'
+	else
+		echo 'transparent'
+	fi
+}
+
+wattage() {
+	echo "$(bc -l <<< "scale=1; $RATE / 1000000") W"
+}
+
+while true; do
+	RATE=$(cat /sys/class/power_supply/BATT/power_now)
+	CAPACITY=$(cat /sys/class/power_supply/BATT/capacity)
+	STATE=$(cat /sys/class/power_supply/BATT/status)
+
+	echo '{"quickicon": "'"$(chargestatus)"'", "icon": "'"$(geticon)"'", "percentage": '"$CAPACITY"', "wattage": "'"$(wattage)"'", "status": "'"$(status)"'", "circolor": "'"$(circolor)"'", "cirbgcolor": "'"$(cirbgcolor)"'", "color": "'"$(color)"'", "bgcolor": "'"$(bgcolor)"'" }'
+	sleep 3
+done
\ No newline at end of file
diff --git a/lineage/.config/eww/scripts/bluetooth b/lineage/.config/eww/scripts/bluetooth
new file mode 100755
index 000000000..112069540
--- /dev/null
+++ b/lineage/.config/eww/scripts/bluetooth
@@ -0,0 +1,51 @@
+#!/usr/bin/env bash
+
+declare -A baticon=([10]="󰤾" [20]="󰤿" [30]="󰥀" [40]="󰥁" [50]="󰥂" [60]="󰥃" [70]="󰥄" [80]="󰥅" [90]="󰥆" [100]="󰥈")
+
+toggle() {
+  status=$(rfkill -J | jq -r '.rfkilldevices[] | select(.type == "bluetooth") | .soft' | head -1)
+
+  if [ "$status" = "unblocked" ]; then
+    rfkill block bluetooth
+  else
+    rfkill unblock bluetooth
+  fi
+}
+
+if [ "$1" = "toggle" ]; then
+  toggle
+else
+  while true; do
+    powered=$(bluetoothctl show | rg Powered | cut -f 2- -d ' ')
+    status=$(bluetoothctl info)
+    name=$(echo "$status" | rg Name | cut -f 2- -d ' ')
+    mac=$(echo "$status" | head -1 | awk '{print $2}' | tr ':' '_')
+
+    if [[ "$(echo "$status" | rg Percentage)" != "" ]]; then
+      battery=$(upower -i /org/freedesktop/UPower/devices/headset_dev_"$mac" | rg percentage | awk '{print $2}' | cut -f 1 -d '%')
+      batt_icon=${baticon[$battery]}
+    else
+      batt_icon=""
+    fi
+
+    if [ "$powered" = "yes" ]; then
+      if [ "$status" != "Missing device address argument" ]; then
+        text="$name"
+        icon=""
+        color="#89b4fa"
+      else
+        icon=""
+        text="Disconnected"
+        color="#45475a"
+      fi
+    else
+      icon=""
+      text="Bluetooth off"
+      color="#45475a"
+    fi
+
+    echo '{ "icon": "'"$icon"'", "batt_icon": "'"$batt_icon"'", "text": "'"$text"'", "color": "'"$color"'" }'
+
+    sleep 3
+  done
+fi
diff --git a/lineage/.config/eww/scripts/brightness b/lineage/.config/eww/scripts/brightness
new file mode 100755
index 000000000..93002dd48
--- /dev/null
+++ b/lineage/.config/eww/scripts/brightness
@@ -0,0 +1,13 @@
+#!/usr/bin/env bash
+
+icons=("" "" "")
+
+# initial
+icon=${icons[$(awk -v n="$(light)" 'BEGIN{print int(n/34)}')]}
+echo '{ "level": '"$(light)"', "icon": "'"$icon"'" }'
+
+udevadm monitor | rg --line-buffered "backlight" | while read -r _; do
+  icon="${icons[$(awk -v n="$(light)" 'BEGIN{print int(n/34)}')]}"
+
+  echo '{ "level": '"$(light)"', "icon": "'"$icon"'" }'
+done
diff --git a/lineage/.config/eww/scripts/focuswindow b/lineage/.config/eww/scripts/focuswindow
new file mode 100755
index 000000000..9cc77c6bf
--- /dev/null
+++ b/lineage/.config/eww/scripts/focuswindow
@@ -0,0 +1,6 @@
+#!/usr/bin/bash
+if [[ $1 == '_none' ]]; then
+  hyprctl dispatch workspace $2
+else 
+  hyprctl dispatch focuswindow address:$1
+fi
\ No newline at end of file
diff --git a/lineage/.config/eww/scripts/get-icon.py b/lineage/.config/eww/scripts/get-icon.py
new file mode 100755
index 000000000..4fbe8458d
--- /dev/null
+++ b/lineage/.config/eww/scripts/get-icon.py
@@ -0,0 +1,23 @@
+#!/usr/bin/env python3
+import gi
+import sys
+gi.require_version('Gtk', '3.0')
+from gi.repository import Gtk
+
+# Predefine class corrections
+if sys.argv[1] == 'Code':
+    sys.argv[1] = 'code'
+elif sys.argv[1] == 'GitHub Desktop':
+    sys.argv[1] = 'github-desktop'
+elif sys.argv[1] == 'org.kde.kolourpaint':
+    sys.argv[1] = 'kolourpaint'
+elif sys.argv[1] == 'osu!':
+    sys.argv[1] = 'osu'
+
+icon_name = sys.argv[1]
+icon_theme = Gtk.IconTheme.get_default()
+icon = icon_theme.lookup_icon(icon_name, 48, 0)
+if icon:
+    print(icon.get_filename())
+else:
+    print("not found")
diff --git a/lineage/.config/eww/scripts/hyprsettings b/lineage/.config/eww/scripts/hyprsettings
new file mode 100755
index 000000000..982f84f76
--- /dev/null
+++ b/lineage/.config/eww/scripts/hyprsettings
@@ -0,0 +1,42 @@
+#!/usr/bin/bash
+getoptions(){
+  gaps_in=$(hyprctl getoption general:gaps_in -j | gojq -r -c '.int')
+  gaps_out=$(hyprctl getoption general:gaps_out -j | gojq -r -c '.int')
+  border_size=$(hyprctl getoption general:border_size -j | gojq -r -c '.int')
+  force_no_accel=$(hyprctl getoption input:force_no_accel -j | gojq -r -c '.int')
+  input_sensitivity=$(hyprctl getoption input:sensitivity -j | gojq -r -c '.float')
+  touchpad_disable_while_typing=$(hyprctl getoption input:touchpad:disable_while_typing -j | gojq -r -c '.int')
+  touchpad_clickfinger_behavior=$(hyprctl getoption input:touchpad:clickfinger_behavior -j | gojq -r -c '.int')
+  blur=$(hyprctl getoption decoration:blur -j | gojq -r -c '.int')
+  blur_size=$(hyprctl getoption decoration:blur_size -j | gojq -r -c '.int')
+  blur_passes=$(hyprctl getoption decoration:blur_passes -j | gojq -r -c '.int')
+  blur_xray=$(hyprctl getoption decoration:blur_xray -j | gojq -r -c '.int')
+
+  echo -n '{'
+  echo -n "\"gaps_in\":$gaps_in,"
+  echo -n "\"gaps_out\":$gaps_out,"
+  echo -n "\"border_size\":$border_size,"
+  echo -n "\"force_no_accel\":$force_no_accel,"
+  echo -n "\"input_sensitivity\":$input_sensitivity,"
+  echo -n "\"touchpad_disable_while_typing\":$touchpad_disable_while_typing,"
+  echo -n "\"touchpad_clickfinger_behavior\":$touchpad_clickfinger_behavior,"
+  echo -n "\"blur\":$blur,"
+  echo -n "\"blur_size\":$blur_size,"
+  echo -n "\"blur_passes\":$blur_passes,"
+  echo -n "\"blur_xray\":$blur_xray,"
+
+  echo '"dummy":0}'
+}
+
+getoptions
+
+if [ "$1" == "--once" ]; then
+  exit 0
+elif [ "$1" == "tickle" ]; then
+  hyprctl keyword input:force_no_accel $(hyprctl getoption input:force_no_accel -j | gojq -r -c '.int')
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | while read -r line; do
+    # echo $line
+    getoptions
+  done
+fi
\ No newline at end of file
diff --git a/lineage/.config/eww/scripts/isopen.sh b/lineage/.config/eww/scripts/isopen.sh
new file mode 100755
index 000000000..42b49aba9
--- /dev/null
+++ b/lineage/.config/eww/scripts/isopen.sh
@@ -0,0 +1,12 @@
+#!/bin/sh
+
+getopen(){
+  ans=$(eww windows | grep -e "$1")
+  if [ "${ans:0:1}" == "*" ]; then
+    echo 1
+  else 
+    echo 0
+  fi
+}
+
+getopen $1
\ No newline at end of file
diff --git a/lineage/.config/eww/scripts/memory b/lineage/.config/eww/scripts/memory
new file mode 100755
index 000000000..603de1084
--- /dev/null
+++ b/lineage/.config/eww/scripts/memory
@@ -0,0 +1,30 @@
+#!/usr/bin/env bash
+
+while true; do    
+  # human-readable
+  freeH=$(free -h --si | rg "Mem:")
+  swapfreeH=$(free -h --si | rg "Swap:")
+  # non-human-readable
+  freeN=$(free --mega | rg "Mem:")
+  swapfreeN=$(free --mega | rg "Swap:")
+
+  total="$(echo "$freeH" | awk '{ print $2 }')"
+  used="$(echo "$freeH" | awk '{ print $3 }')"
+  t="$(echo "$freeN" | awk '{ print $2 }')"
+  u="$(echo "$freeN" | awk '{ print $3 }')"
+
+  swaptotal="$(echo "$swapfreeH" | awk '{ print $2 }')"
+  swapused="$(echo "$swapfreeH" | awk '{ print $3 }')"
+  swapt="$(echo "$swapfreeN" | awk '{ print $2 }')"
+  swapu="$(echo "$swapfreeN" | awk '{ print $3 }')"
+
+  free=$(printf '%.1fG' "$(bc -l <<< "($t - $u) / 1000")")
+  perc=$(printf '%.1f' "$(free -m | rg Mem | awk '{print ($3/$2)*100}')")
+
+  swapfree=$(printf '%.1fG' "$(bc -l <<< "($swapt - $swapu) / 1000")")
+  swapperc=$(printf '%.1f' "$(free -m | rg Swap | awk '{print ($3/$2)*100}')")
+
+  echo '{ "total": "'"$total"'", "used": "'"$used"'", "free": "'"$free"'", "swaptotal": "'"$swaptotal"'", "swapused": "'"$swapused"'", "swappercentage": '"$swapperc"', "percentage": '"$perc"' }'
+
+  sleep 3
+done
diff --git a/lineage/.config/eww/scripts/music b/lineage/.config/eww/scripts/music
new file mode 100755
index 000000000..53a9bf898
--- /dev/null
+++ b/lineage/.config/eww/scripts/music
@@ -0,0 +1,226 @@
+	#!/usr/bin/env bash
+
+get_status() {
+	s=$1
+	if [ "$s" = "Playing" ]; then
+		echo ""
+	else
+		echo ""
+	fi
+}
+
+get_length_sec() {
+	len=$1
+	if [ -z "$len" ]; then
+		echo 0
+	else
+		bc <<< "$len / 1000000"
+	fi
+}
+
+get_length_time() {
+	len=$1
+	if [ -n "$len" ]; then
+		len=$(bc <<< "$len / 1000000 + 1")
+		date -d@"$len" +%M:%S
+	else
+		echo ""
+	fi
+}
+
+get_position() {
+	pos=$1
+	len=$2
+	if [ -n "$pos" ]; then
+		bc -l <<< "$pos / $len * 100"
+	else
+		echo 0
+	fi
+}
+
+get_position_time() {
+	pos=$1
+	if [ -n "$pos" ]; then
+		date -d@"$(bc <<< "$pos / 1000000")" +%M:%S
+	else
+		echo ""
+	fi
+}
+
+get_cover() {
+	# COVER_URL=$1
+	mkdir -p "eww_covers"
+	cd "eww_covers" || exit
+
+	IMGPATH="cover_art"
+
+	playerctl -F metadata mpris:artUrl 2>/dev/null | while read -r COVER_URL; do
+		if [[ "$COVER_URL" = https* ]]; then
+			# if [ ! -e "eww_covers/$(basename "$COVER_URL")" ]; then
+			# 	wget -N "$COVER_URL" -o /dev/null
+			# 	# wget -N "$COVER_URL" -o "$IMGPATH"
+			# fi
+
+			# ln -s "$(basename "$COVER_URL")" "$IMGPATH"
+
+			# echo "$IMGPATH"
+			coverurl="$(playerctl metadata mpris:artUrl)"
+			wget -O "$IMGPATH" "$coverurl" -q
+			coverpath="$IMGPATH"
+			wal -c
+			themejson=$(wal -i "$IMGPATH" -n -t -e -s | grep -e 'color1' | sed 's/'\''/"/g')
+			printf '{"image": "eww_covers/'"$coverpath"'", "color": '"$themejson"'}\n'
+			# printf '{"image": "eww_covers/'"$coverpath"'"}\n'
+
+			# echo "$themejson" | gojq '.colors'
+			# echo 'COLORS: '
+
+			# notify-send 'eww' 'i found a url!'
+			cd ..
+			# notify-send 'eww color changer' "here i go in the dir that has $(ls | tr '\n' ' ')"
+			echo '//Auto generated color theme for image at:' "$coverurl" > './tmp/_colorscheme.colorpallete'
+			printf '$colorbg: ' >> './tmp/_colorscheme.colorpallete'
+			echo "$themejson" | gojq '.colors.color0' | sed 's/"//g' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+			echo '' >> './tmp/_colorscheme.colorpallete'
+			printf '$colortext: ' >> './tmp/_colorscheme.colorpallete'
+			printf "$themejson" | gojq '.colors.color4' | sed 's/"//g' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+			echo '' >> './tmp/_colorscheme.colorpallete'
+			printf '$color0: ' >> './tmp/_colorscheme.colorpallete'
+			printf "$themejson" | gojq '.colors.color1' | sed 's/"//g' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+			echo '' >> './tmp/_colorscheme.colorpallete'
+			printf '$color1: ' >> './tmp/_colorscheme.colorpallete'
+			printf "$themejson" | gojq '.colors.color2' | sed 's/"//g' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+			echo '' >> './tmp/_colorscheme.colorpallete'
+			printf '$color2: ' >> './tmp/_colorscheme.colorpallete'
+			printf "$themejson" | gojq '.colors.color3' | sed 's/"//g' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+			echo '' >> './tmp/_colorscheme.colorpallete'
+			printf '$color3: ' >> './tmp/_colorscheme.colorpallete'
+			printf "$themejson" | gojq '.colors.color4' | sed 's/"//g' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+			echo '' >> './tmp/_colorscheme.colorpallete'
+			printf '$color4: ' >> './tmp/_colorscheme.colorpallete'
+			printf "$themejson" | gojq '.colors.color5' | sed 's/"//g' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+			echo '' >> './tmp/_colorscheme.colorpallete'
+			printf '$color5: ' >> './tmp/_colorscheme.colorpallete'
+			printf "$themejson" | gojq '.colors.color6' | sed 's/"//g' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+			echo '' >> './tmp/_colorscheme.colorpallete'
+			printf '$color6: ' >> './tmp/_colorscheme.colorpallete'
+			printf "$themejson" | gojq '.colors.color7' | sed 's/"//g' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+			echo '' >> './tmp/_colorscheme.colorpallete'
+			printf '$color7: ' >> './tmp/_colorscheme.colorpallete'
+			printf "$themejson" | gojq '.colors.color4' | sed 's/"//g' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+			echo '' >> './tmp/_colorscheme.colorpallete'
+			# printf '$colormusic: ' >> './tmp/_colorscheme.colorpallete'
+			# printf "$themejson" | gojq '.colors.color4' | sed 's/"//g' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+			# echo '' >> './tmp/_colorscheme.colorpallete'
+
+			# Border gradient: color6 -> color5 -> color7
+			gradient1=$(echo -n "$themejson" | gojq '.colors.color6' | sed 's/"//g')
+			gradient2=$(echo -n "$themejson" | gojq '.colors.color5' | sed 's/"//g')
+			gradient3=$(echo -n "$themejson" | gojq '.colors.color7' | sed 's/"//g')
+			
+			echo '# Auto generated color theme for image at:' "$coverurl" > './tmp/colors_generated.conf'
+			echo 'general {' >> './tmp/colors_generated.conf'
+			echo '    col.active_border = rgba('"${gradient1#*#}FF"') rgba('"${gradient2#*#}FF"') rgba('"${gradient3#*#}FF"') 45deg' >> './tmp/colors_generated.conf'
+			echo '    col.inactive_border = rgba('"${gradient1#*#}66"')' >> './tmp/colors_generated.conf'
+			echo '}' >> './tmp/colors_generated.conf'
+
+			# cp './tmp/_colorscheme.colorpallete' './css/_colorscheme.scss'
+			cd "eww_covers" || exit
+			# notify-send 'eww color changer' 'okie dokie'
+		elif [ "$COVER_URL" = "" ]; then
+		    echo '{"image": "", "color": "$bg"}'
+		else
+			COVER_URL="${COVER_URL:7}"
+			cp "$COVER_URL"  "$IMGPATH"
+			coverpath="$IMGPATH"
+			wal -c
+			themejson=$(wal -i "$IMGPATH" -n -t -e -s | grep -e 'color1' | sed 's/'\''/"/g')
+			printf '{"image": "eww_covers/'"$coverpath"'", "color": '"$themejson"'}\n'
+			# echo "$themejson"
+
+			printf '{"image": "'"$COVER_URL"'", "color": '"$themejson"'}\n'
+			# printf '{"image": "eww_covers/'"$coverpath"'"}\n'
+
+			# echo "$themejson" | gojq '.colors'
+			# echo 'COLORS: '
+
+			# notify-send 'eww' 'i found a file!'
+
+			cd ..
+			# notify-send 'eww color changer' "here i go in the dir that has $(ls | tr '\n' ' ')"
+			echo '//Auto generated color theme for image at:' "$coverurl" > './tmp/_colorscheme.colorpallete'
+			printf '$colorbg: ' >> './tmp/_colorscheme.colorpallete'
+			echo "$themejson" | gojq '.colors.color0' | sed 's/"//g' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+			echo '' >> './tmp/_colorscheme.colorpallete'
+			printf '$colortext: ' >> './tmp/_colorscheme.colorpallete'
+			printf "$themejson" | gojq '.colors.color4' | sed 's/"//g' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+			echo '' >> './tmp/_colorscheme.colorpallete'
+			printf '$color0: ' >> './tmp/_colorscheme.colorpallete'
+			printf "$themejson" | gojq '.colors.color1' | sed 's/"//g' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+			echo '' >> './tmp/_colorscheme.colorpallete'
+			printf '$color1: ' >> './tmp/_colorscheme.colorpallete'
+			printf "$themejson" | gojq '.colors.color2' | sed 's/"//g' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+			echo '' >> './tmp/_colorscheme.colorpallete'
+			printf '$color2: ' >> './tmp/_colorscheme.colorpallete'
+			printf "$themejson" | gojq '.colors.color3' | sed 's/"//g' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+			echo '' >> './tmp/_colorscheme.colorpallete'
+			printf '$color3: ' >> './tmp/_colorscheme.colorpallete'
+			printf "$themejson" | gojq '.colors.color4' | sed 's/"//g' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+			echo '' >> './tmp/_colorscheme.colorpallete'
+			printf '$color4: ' >> './tmp/_colorscheme.colorpallete'
+			printf "$themejson" | gojq '.colors.color5' | sed 's/"//g' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+			echo '' >> './tmp/_colorscheme.colorpallete'
+			printf '$color5: ' >> './tmp/_colorscheme.colorpallete'
+			printf "$themejson" | gojq '.colors.color6' | sed 's/"//g' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+			echo '' >> './tmp/_colorscheme.colorpallete'
+			printf '$color6: ' >> './tmp/_colorscheme.colorpallete'
+			printf "$themejson" | gojq '.colors.color7' | sed 's/"//g' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+			echo '' >> './tmp/_colorscheme.colorpallete'
+			printf '$color7: ' >> './tmp/_colorscheme.colorpallete'
+			printf "$themejson" | gojq '.colors.color4' | sed 's/"//g' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+			echo '' >> './tmp/_colorscheme.colorpallete'
+			# printf '$colormusic: ' >> './tmp/_colorscheme.colorpallete'
+			# printf "$themejson" | gojq '.colors.color4' | sed 's/"//g' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+			# echo '' >> './tmp/_colorscheme.colorpallete'
+
+			# Border gradient: color6 -> color5 -> color7
+			gradient1=$(echo -n "$themejson" | gojq '.colors.color6' | sed 's/"//g')
+			gradient2=$(echo -n "$themejson" | gojq '.colors.color5' | sed 's/"//g')
+			gradient3=$(echo -n "$themejson" | gojq '.colors.color7' | sed 's/"//g')
+			
+			echo '# Auto generated color theme for image at:' "$coverurl" > './tmp/colors_generated.conf'
+			echo 'general {' >> './tmp/colors_generated.conf'
+			echo '    col.active_border = rgba('"${gradient1#*#}FF"') rgba('"${gradient2#*#}FF"') rgba('"${gradient3#*#}FF"') 45deg' >> './tmp/colors_generated.conf'
+			echo '    col.inactive_border = rgba('"${gradient1#*#}66"')' >> './tmp/colors_generated.conf'
+			echo '}' >> './tmp/colors_generated.conf'
+
+			# cp './tmp/_colorscheme.colorpallete' './css/_colorscheme.scss'
+			cd "eww_covers" || exit
+		fi
+	done
+}
+
+# SANITIZE FIX
+sanitize() {
+	echo "$1" | sed 's/"/\"/g'
+}
+
+if [ "$1" = "cover" ]; then
+	get_cover
+else
+	echo '{"artist": "", "title": "", "status": "", "position": "", "position_time": "", "length": ""}'
+	playerctl -F metadata -f '{{title}}\{{artist}}\{{status}}\{{position}}\' 2>/dev/null | while IFS="$(printf '\\')" read -r title artist status position; do
+	
+		len=$(playerctl metadata mpris:length)
+
+		gojq --null-input -r -c \
+			--arg artist "$(sanitize "$artist")" \
+			--arg title "$(sanitize "$title")" \
+			--arg status "$(get_status "$status")" \
+			--arg pos "$(get_position "$position" "$len")" \
+			--arg pos_time "$(get_position_time "$position")" \
+			--arg length "$(get_length_time "$len")" \
+			'{"artist": $artist, "title": $title, "status": $status, "position": $pos, "position_time": $pos_time, "length": $length}'
+		
+	done
+fi
\ No newline at end of file
diff --git a/lineage/.config/eww/scripts/net b/lineage/.config/eww/scripts/net
new file mode 100755
index 000000000..12b51935d
--- /dev/null
+++ b/lineage/.config/eww/scripts/net
@@ -0,0 +1,40 @@
+#!/usr/bin/env bash
+
+toggle() {
+  status=$(rfkill -J | jaq -r '.rfkilldevices[] | select(.type == "wlan") | .soft' | head -1)
+
+  if [ "$status" = "unblocked" ]; then
+    rfkill block wlan
+  else
+    rfkill unblock wlan
+  fi
+}
+
+if [ "$1" = "toggle" ]; then
+  toggle
+else
+  while true; do
+    status=$(nmcli g | tail -n 1 | awk '{print $1}')
+    signal=$(nmcli -f in-use,signal dev wifi | rg "\*" | awk '{ print $2 }')
+    essid=$(nmcli -t -f NAME connection show --active | head -n1 | sed 's/\"/\\"/g')
+
+    icons=("" "" "" "" "")
+
+    if [ "$status" = "disconnected" ] ; then
+      icon=""
+      color="#988ba2"
+    else
+      level=$(awk -v n="$signal" 'BEGIN{print int((n-1)/20)}')
+      if [ "$level" -gt 4 ]; then
+        level=4
+      fi
+
+      icon=${icons[$level]}
+      color="#cba6f7"
+    fi
+
+    echo '{ "essid": "'"$essid"'", "icon": "'"$icon"'", "color": "'"$color"'" }'
+
+    sleep 3
+  done
+fi
diff --git a/lineage/.config/eww/scripts/notifications b/lineage/.config/eww/scripts/notifications
new file mode 100755
index 000000000..6a7f8204a
--- /dev/null
+++ b/lineage/.config/eww/scripts/notifications
@@ -0,0 +1,78 @@
+#!/usr/bin/env bash
+
+tmp=./dunst-history.json
+lock="./dunst-toggle.lock"
+lockinfo="./dunst-lock-info"
+
+touch $lockinfo
+
+declare ids
+export toggle_icon=""
+
+get_ids() {
+  mapfile -t ids < <(dunstctl history | jq -r ".data[] | .[] | select(.appname.data != \"Spotify\") | .id.data")
+}
+
+get_notif() {
+  echo -n '['
+
+  for id in "${ids[@]}"; do
+      mapfile -t n < <(jq -r ".data[] | .[] | select(.id.data == $id) | .appname.data, .summary.data, .body.data" "$tmp" | sed -r '/^\s*$/d' | sed -e 's/\%/ percent/g')
+      echo -n ''$([ $id -eq ${ids[0]} ] || echo ,)' { '
+      echo -n '"id": "'"$id"'", "appname": "'"${n[0]}"'", "summary": "'"${n[1]}"'", "body": "'"${n[2]}"'"'
+      echo -n '}' 
+  done
+
+  echo ']'
+}
+
+toggle() {
+  dunstctl set-paused toggle
+
+  if [ ! -f "$lock" ]; then
+    export toggle_icon=""
+    touch "$lock"
+  else
+    export toggle_icon=""
+    rm "$lock"
+  fi
+
+  echo "icon_change" > $lockinfo
+}
+
+clear() {
+  systemctl --user restart dunst
+  echo "icon_change" > $lockinfo
+}
+
+get_icon() {
+  if [ ${#ids[@]} -eq 0 ]; then
+    echo ""
+  else
+    echo ""
+  fi
+}
+
+if [ "$1" == "toggle" ]; then
+  toggle
+  dunstctl history > "$tmp"
+elif [ "$1" == "clear" ]; then
+  clear
+  dunstctl history > "$tmp"
+elif [ "$1" == "icons" ]; then
+  dunstctl history > "$tmp"
+  get_ids
+  echo '{"toggle_icon": "'"$toggle_icon"'", "icon": "'"$(get_icon)"'"}'
+  tail -f "$lockinfo" | while read -r; do
+    get_ids
+    echo '{"toggle_icon": "'"$toggle_icon"'", "icon": "'"$(get_icon)"'"}'
+  done
+else
+  dunstctl history > "$tmp"
+  get_ids
+  get_notif
+  tail -f "$tmp" 2>/dev/null | rg --line-buffered "aa\{sv\}" | while read -r; do
+    get_ids
+    get_notif
+  done
+fi
diff --git a/lineage/.config/eww/scripts/overview1 b/lineage/.config/eww/scripts/overview1
new file mode 100755
index 000000000..5f58e72e6
--- /dev/null
+++ b/lineage/.config/eww/scripts/overview1
@@ -0,0 +1,105 @@
+#!/usr/bin/bash
+dummy='{"address":"_none","at":[0,0],"class":"workspace","size":[0,0],"title":"<___overview_workspace>","workspace":{"id":<___overview_workspace>, "name": "<___overview_workspace>"}}'
+
+getwins() {
+  hyprctlclients=$(hyprctl clients -j \
+    | grep -v '"xwayland": ' \
+    | grep -v '"grouped": ' \
+    | grep -v '"pid": ' \
+    | grep -v '"fullscreenMode": ' \
+    | grep -v '"monitor": ' \
+    | grep -v '"floating": ' \
+    | grep -v '"fullscreen": ' \
+    | grep -v '"pinned":') # | grep -v ""name":")
+  # echo '-=-=-=- final output -=-=-=-'
+  # echo "$toprint"
+  # echo $(echo "$hyprctlclients")  # Print on one line only
+
+  workspace=('[' '[' '[' '[' '[' '[' '[' '[' '[' '[')
+  workspacecnt=(0 0 0 0 0 0 0 0 0 0)
+
+  wsid=0
+
+  # echo $hyprctlclients | gojq -c '.[]'
+
+  IFS=$'\n'
+  clientsarr=( $(echo $hyprctlclients | gojq -c '.[]') )
+  for client in "${clientsarr[@]}"; do
+    wsid=$(echo $client | gojq -c '.workspace.id')
+    ((wsid-=1))
+    if [[ "${workspacecnt[wsid]}" != "0" ]]; then 
+      workspace[wsid]+=","
+    fi
+
+    clientclass=$(echo $client | gojq '.class' | sed 's/"//g')
+    iconpath=''
+
+    if [ -f "scripts/cache/$clientclass" ]; then
+        iconpath=$(cat scripts/cache/$clientclass)
+        if [ ! -f "${iconpath}" ]; then # Cache refresh if icon doesnt exist
+            iconpath=$(scripts/get-icon.py "$clientclass")
+            echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+    else
+        iconpath=$(scripts/get-icon.py "$clientclass")
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+    fi
+    if [[ ${iconpath} = "not found" ]]; then
+      iconpath=$(scripts/get-icon.py "$(echo "${classarr[i]##*.}" | tr '[:upper:]' '[:lower:]')")
+      if [[ ! ${iconpath} = "not found" ]]; then
+        rm "scripts/cache/$clientclass"
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+      else 
+        iconpath="/home/$USER/.local/share/icons/candy-icons/mimetypes/scalable/application-x-theme.svg"
+        rm "scripts/cache/$clientclass"
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+      fi
+    fi
+
+    client=${client::-1}
+    client+=",\"icon\": \"$iconpath\"}"
+    workspace[wsid]+="$client" # Add window to workspace JSON
+
+    # echo -n "Window: $clientclass"
+    # echo '; icon path: '"$iconpath"
+    
+
+    # echo "Count: ${workspacecnt[wsid]}"
+    # echo 'ADDED TO: workspace '"$wsid"
+    # echo ' --> '"${workspace[wsid]}"
+    ((workspacecnt[wsid]+=1))
+  done
+  
+  for i in 0 1 2 3 4; do
+    if [[ ${workspace[i]} == "[" ]]; then 
+      workspace[i]+=$(echo $dummy | sed "s/<___overview_workspace>/$((i+1))/g")
+    fi
+  done
+
+  for i in 0 1 2 3 4; do
+    workspace[i]+=']'
+  done
+
+  # echo '-=-=-=-=-=- Summary -=-=-=-=-=-'
+
+  # -=-=-=-=-=-=-=-=-=-=-=-=-=-=- PRINT STUFF HERE -=-=-=-=-=-=-=-=-=-=-=-=-=-=-
+  echo -n '['
+  for i in 0 1 2 3 4; do
+    if [[ $i != 0 ]]; then
+      echo -n ','
+    fi
+    echo -n "${workspace[i]}"
+  done
+  echo ']'
+}
+
+# Do stuff here
+getwins
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | while read -r line; do
+    getwins
+  done
+fi
\ No newline at end of file
diff --git a/lineage/.config/eww/scripts/overview2 b/lineage/.config/eww/scripts/overview2
new file mode 100755
index 000000000..16b2d4673
--- /dev/null
+++ b/lineage/.config/eww/scripts/overview2
@@ -0,0 +1,105 @@
+#!/usr/bin/bash
+dummy='{"address":"_none","at":[0,0],"class":"workspace","size":[0,0],"title":"<___overview_workspace>","workspace":{"id":<___overview_workspace>, "name": "<___overview_workspace>"}}'
+
+getwins() {
+  hyprctlclients=$(hyprctl clients -j \
+    | grep -v '"xwayland": ' \
+    | grep -v '"grouped": ' \
+    | grep -v '"pid": ' \
+    | grep -v '"fullscreenMode": ' \
+    | grep -v '"monitor": ' \
+    | grep -v '"floating": ' \
+    | grep -v '"fullscreen": ' \
+    | grep -v '"pinned":') # | grep -v ""name":")
+  # echo '-=-=-=- final output -=-=-=-'
+  # echo "$toprint"
+  # echo $(echo "$hyprctlclients")  # Print on one line only
+
+  workspace=('[' '[' '[' '[' '[' '[' '[' '[' '[' '[')
+  workspacecnt=(0 0 0 0 0 0 0 0 0 0)
+
+  wsid=0
+
+  # echo $hyprctlclients | gojq -c '.[]'
+
+  IFS=$'\n'
+  clientsarr=( $(echo $hyprctlclients | gojq -c '.[]') )
+  for client in "${clientsarr[@]}"; do
+    wsid=$(echo $client | gojq -c '.workspace.id')
+    ((wsid-=1))
+    if [[ "${workspacecnt[wsid]}" != "0" ]]; then 
+      workspace[wsid]+=","
+    fi
+
+    clientclass=$(echo $client | gojq '.class' | sed 's/"//g')
+    iconpath=''
+
+    if [ -f "scripts/cache/$clientclass" ]; then
+        iconpath=$(cat scripts/cache/$clientclass)
+        if [ ! -f "${iconpath}" ]; then # Cache refresh if icon doesnt exist
+            iconpath=$(scripts/get-icon.py "$clientclass")
+            echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+    else
+        iconpath=$(scripts/get-icon.py "$clientclass")
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+    fi
+    if [[ ${iconpath} = "not found" ]]; then
+      iconpath=$(scripts/get-icon.py "$(echo "${classarr[i]##*.}" | tr '[:upper:]' '[:lower:]')")
+      if [[ ! ${iconpath} = "not found" ]]; then
+        rm "scripts/cache/$clientclass"
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+      else 
+        iconpath="/home/$USER/.local/share/icons/candy-icons/mimetypes/scalable/application-x-theme.svg"
+        rm "scripts/cache/$clientclass"
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+      fi
+    fi
+
+    client=${client::-1}
+    client+=",\"icon\": \"$iconpath\"}"
+    workspace[wsid]+="$client" # Add window to workspace JSON
+
+    # echo -n "Window: $clientclass"
+    # echo '; icon path: '"$iconpath"
+    
+
+    # echo "Count: ${workspacecnt[wsid]}"
+    # echo 'ADDED TO: workspace '"$wsid"
+    # echo ' --> '"${workspace[wsid]}"
+    ((workspacecnt[wsid]+=1))
+  done
+  
+  for i in 5 6 7 8 9; do
+    if [[ ${workspace[i]} == "[" ]]; then 
+      workspace[i]+=$(echo $dummy | sed "s/<___overview_workspace>/$((i+1))/g")
+    fi
+  done
+
+  for i in 5 6 7 8 9; do
+    workspace[i]+=']'
+  done
+
+  # echo '-=-=-=-=-=- Summary -=-=-=-=-=-'
+
+  # -=-=-=-=-=-=-=-=-=-=-=-=-=-=- PRINT STUFF HERE -=-=-=-=-=-=-=-=-=-=-=-=-=-=-
+  echo -n '['
+  for i in 5 6 7 8 9; do
+    if [[ $i != 5 ]]; then
+      echo -n ','
+    fi
+    echo -n "${workspace[i]}"
+  done
+  echo ']'
+}
+
+# Do stuff here
+getwins
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | while read -r line; do
+    getwins
+  done
+fi
\ No newline at end of file
diff --git a/lineage/.config/eww/scripts/selectwindow b/lineage/.config/eww/scripts/selectwindow
new file mode 100755
index 000000000..2f88d9099
--- /dev/null
+++ b/lineage/.config/eww/scripts/selectwindow
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+selected=$(eval $2 get selected)
+
+
+if [[ $selected == "_none" ]] || [[ $selected == "" ]]; then
+  eval "$2 update selected=$1"
+  selected=$(eval $2 get selected)
+else
+  hyprctl dispatch movetoworkspacesilent $3,address:$selected
+
+  eval "$2 update selected=_none"
+  selected=$(eval $2 get selected)
+fi
\ No newline at end of file
diff --git a/lineage/.config/eww/scripts/toggle-osettings.sh b/lineage/.config/eww/scripts/toggle-osettings.sh
new file mode 100755
index 000000000..b959c5a53
--- /dev/null
+++ b/lineage/.config/eww/scripts/toggle-osettings.sh
@@ -0,0 +1,18 @@
+state=$(eww get rev_ostg)
+
+if [[ "$state" == "false" ]]; then
+    eww open osettings 
+    eww update oquery=''
+    hyprctl keyword monitor eDP-1, addreserved, 32, 0, 30, -30
+    # hyprctl keyword decoration:dim_inactive true
+    eww update rev_ostg=true
+    sleep 0.3
+    wtype -k tab
+else
+    eww update rev_ostg=false
+    hyprctl keyword monitor eDP-1, addreserved, 32, 0, 0, 0
+    # hyprctl keyword decoration:dim_inactive false
+    sleep 0.3
+    eww close osettings 
+    eww update oquery=''
+fi
diff --git a/lineage/.config/eww/scripts/volume b/lineage/.config/eww/scripts/volume
new file mode 100755
index 000000000..8dc0deee9
--- /dev/null
+++ b/lineage/.config/eww/scripts/volume
@@ -0,0 +1,69 @@
+#!/usr/bin/env bash
+
+volicons=("" "" "")
+
+vol() {
+  wpctl get-volume @DEFAULT_AUDIO_$1@ | awk '{print int($2*100)}'
+}
+ismuted() {
+  wpctl get-volume @DEFAULT_AUDIO_"$1"@ | rg -i muted
+  echo $?
+}
+setvol() {
+  wpctl set-volume @DEFAULT_AUDIO_"$1"@ "$(awk -v n="$2" 'BEGIN{print (n / 100)}')"
+}
+setmute() {
+  wpctl set-mute @DEFAULT_AUDIO_"$1"@ toggle
+}
+
+if [ "$1" = "mute" ]; then
+  if [ "$2" != "SOURCE" ] && [ "$2" != "SINK" ]; then
+    echo "Can only mute SINK or SOURCE"; exit 1
+  fi
+  setmute "$2"
+elif [ "$1" = "setvol" ]; then
+  if [ "$2" != "SOURCE" ] && [ "$2" != "SINK" ]; then
+    echo "Can only set volume for SINK or SOURCE"; exit 1
+  elif [ "$3" -lt 1 ] || [ "$3" -gt 100 ]; then
+    echo "Volume must be between 1 and 100"; exit 1
+  fi
+  setvol "$2" "$3"
+else
+  # initial values
+  lvl=$(awk -v n="$(vol "SINK")" 'BEGIN{print int(n/34)}')
+  ismuted=$(ismuted "SINK")
+
+  if [ "$ismuted" = 1 ]; then
+  	icon="${volicons[$lvl]}"
+  else
+    icon=""
+  fi
+  audio=1
+  if [ "$(wpctl status | grep 'MUTED')" == "" ]; then
+    audio=1
+  else 
+    audio=0
+  fi
+
+  echo '{"icon":"'"$icon"'","audio":"'"$audio"'","percent":"'"$(vol "SINK")"'","microphone":"'"$(vol "SOURCE")"'"}'
+
+  # event loop
+  pactl subscribe | rg --line-buffered "on sink" | while read -r _; do
+    lvl=$(awk -v n="$(vol "SINK")" 'BEGIN{print int(n/34)}')
+    ismuted=$(ismuted "SINK")
+
+    if [ "$ismuted" = 1 ]; then
+    	icon="${volicons[$lvl]}"
+    else
+      icon=""
+    fi
+    audio=1
+    if [ "$(wpctl status | grep 'MUTED')" == "" ]; then
+      audio=1
+    else 
+      audio=0
+    fi
+
+    echo '{"icon":"'"$icon"'","audio":"'"$audio"'","percent":"'"$(vol "SINK")"'","microphone":"'"$(vol "SOURCE")"'"}'
+  done
+fi
diff --git a/lineage/.config/eww/scripts/winlist b/lineage/.config/eww/scripts/winlist
new file mode 100755
index 000000000..d9a8db74e
--- /dev/null
+++ b/lineage/.config/eww/scripts/winlist
@@ -0,0 +1,27 @@
+#!/usr/bin/bash
+getwinlist(){
+  toprint=$(hyprctl clients -j \
+    | grep -v '"xwayland": ' \
+    | grep -v '"grouped": ' \
+    | grep -v '"pid": ' \
+    | grep -v '"fullscreenMode": ' \
+    | grep -v '"monitor": ' \
+    | grep -v '"floating": ' \
+    | grep -v '"fullscreen": ' \
+    | grep -v '"at": ' \
+    | grep -v '"size": ' \
+    | grep -v '"pinned":') # | grep -v ""name":")
+  # echo '-=-=-=- final output -=-=-=-'
+  # echo "$toprint"
+  echo $(echo "$toprint")  # Print on one line only
+}
+
+getwinlist
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | while read -r line; do
+    getwinlist
+  done
+fi
\ No newline at end of file
diff --git a/lineage/.config/eww/scripts/winnumbers b/lineage/.config/eww/scripts/winnumbers
new file mode 100755
index 000000000..74b50d552
--- /dev/null
+++ b/lineage/.config/eww/scripts/winnumbers
@@ -0,0 +1,29 @@
+#!/usr/bin/bash
+
+geticonlist() {
+    classes=$(hyprctl clients | grep -e 'class: ' | sed 's/class: Code/class: code/' | sed 's/\tclass: //')
+    addresses=$(hyprctl clients | grep -e ' -> ')
+    # echo "$classes"
+    IFS=$'\n'
+    classarr=($(echo "$classes"))
+    
+    printf '['
+    for i in "${!classarr[@]}"; do
+        if [ $i -ne 0 ]; then
+            printf ', '
+        fi
+        printf "$i"
+    done
+    echo ']'
+}
+
+geticonlist
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | while read -r line; do
+    geticonlist
+  done
+fi
+
diff --git a/lineage/.config/eww/scripts/workspaces b/lineage/.config/eww/scripts/workspaces
new file mode 100755
index 000000000..b01c8b127
--- /dev/null
+++ b/lineage/.config/eww/scripts/workspaces
@@ -0,0 +1,101 @@
+#!/usr/bin/env bash
+
+# define colors
+colors=("#f38ba8" "#fab387" "#a6e3a1" "#89b4fa") # Active Workspaces
+dimmed=("#7DCFFF" "#f9e2af" "#94e2d5" "#b4befe") # Inactive workspaces
+empty="#313244" # Empty workspaces
+
+# get initial focused workspace
+focusedws=$(hyprctl -j monitors | jaq -r '.[] | select(.focused == true) | .activeWorkspace.id')
+
+declare -A o=([1]=0 [2]=0 [3]=0 [4]=0 [5]=0 [6]=0 [7]=0 [8]=0 [9]=0 [10]=0)
+declare -A monitormap
+declare -A workspaces
+
+# set color for each workspace
+status() {
+  if [ "${o[$1]}" -eq 1 ]; then 
+    mon=${monitormap[${workspaces[$1]}]}
+
+    if [ $focusedws -eq "$1" ]; then
+      echo -n "${colors[$mon]}"
+    else
+      echo -n "${dimmed[$mon]}"
+    fi
+  else
+    echo -n "$empty"
+  fi
+}
+
+status_activity() {
+  if [ "${o[$1]}" -eq 1 ]; then 
+    mon=${monitormap[${workspaces[$1]}]}
+
+    if [ $focusedws -eq "$1" ]; then
+      echo -n "active"
+    else
+      echo -n "inactive"
+    fi
+  else
+    echo -n "empty"
+  fi
+}
+
+# handle workspace create/destroy
+workspace_event() {
+  o[$1]=$2
+  while read -r k v; do workspaces[$k]="$v"; done < <(hyprctl -j workspaces | gojq -r '.[]|"\(.id) \(.monitor)"')
+}
+# handle monitor (dis)connects
+monitor_event() {
+  while read -r k v; do monitormap["$k"]=$v; done < <(hyprctl -j monitors | gojq -r '.[]|"\(.name) \(.id) "')
+}
+
+# generate the json for eww
+generate() {
+  echo -n '['
+
+  for i in {1..10}; do
+    echo -n ''$([ $i -eq 1 ] || echo ,)'{"num":"'$i'","clr":"'$(status "$i")'"}'
+    # echo -n ''$([ $i -eq 1 ] || echo ,) '{ "number": "'"$i"'", "activity": "'"$(status_activity $i)"'", "color": "'$(status "$i")'" }'
+  done
+
+  echo ']'
+}
+
+# setup
+
+# add monitors
+monitor_event
+
+# add workspaces
+while read -r k v; do workspaces[$k]="$v"; done < <(hyprctl -j workspaces | gojq -r '.[]|"\(.id) \(.monitor)"')
+
+# check occupied workspaces
+for num in "${!workspaces[@]}"; do
+  o[$num]=1
+done
+# generate initial widget
+generate
+
+# main loop
+socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | while read -r line; do
+  case ${line%>>*} in
+    "workspace")
+      focusedws=${line#*>>}
+      ;;
+    "focusedmon")
+      focusedws=${line#*,}
+      ;;
+    "createworkspace")
+      workspace_event "${line#*>>}" 1
+      ;;
+    "destroyworkspace")
+      workspace_event "${line#*>>}" 0
+      ;;
+    "monitor"*)
+      monitor_event
+      ;;
+  esac
+  generate
+done
diff --git a/lineage/.config/eww/tmp/_colorscheme.colorpallete b/lineage/.config/eww/tmp/_colorscheme.colorpallete
new file mode 100644
index 000000000..9e1e4a143
--- /dev/null
+++ b/lineage/.config/eww/tmp/_colorscheme.colorpallete
@@ -0,0 +1,11 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/n2kzV3dHhc8/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLC1ul73WZvPOWnp_wqpffUDMlKuBw
+$colorbg: #040405;
+$colortext: #5C9ADF;
+$color0: #455EAF;
+$color1: #9A7794;
+$color2: #6F90B5;
+$color3: #5C9ADF;
+$color4: #A096A0;
+$color5: #DAA9AC;
+$color6: #d9d5da;
+$color7: #5C9ADF;
diff --git a/lineage/.config/eww/tmp/colors_generated.conf b/lineage/.config/eww/tmp/colors_generated.conf
new file mode 100644
index 000000000..98a973876
--- /dev/null
+++ b/lineage/.config/eww/tmp/colors_generated.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/n2kzV3dHhc8/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLC1ul73WZvPOWnp_wqpffUDMlKuBw
+general {
+    col.active_border = rgba(DAA9ACFF) rgba(A096A0FF) rgba(d9d5daFF) 45deg
+    col.inactive_border = rgba(DAA9AC66)
+}
diff --git a/lineage/.config/eww/windows/bg-decor.yuck b/lineage/.config/eww/windows/bg-decor.yuck
new file mode 100644
index 000000000..88679dffe
--- /dev/null
+++ b/lineage/.config/eww/windows/bg-decor.yuck
@@ -0,0 +1,46 @@
+(defwidget bgdecors []
+  (box
+    :space-evenly false
+    :spacing 5
+    :orientation "v"
+    (label
+      :xalign 0
+      :class "bg-decor-dow"
+      :text "${time.day}"
+    )
+    (label
+      :xalign 0
+      :class "bg-decor-date"
+      :text "${time.date}"
+    )
+    ; I don't like focus being moved to this on reload
+    ; (box
+    ;   :spacing 0
+    ;   :space-evenly false
+    ;   (input
+    ;     :class "bg-decor-input-left"
+    ;     :onaccept "firefox https://www.google.com/search?q={}"
+    ;   )
+    ;   (button
+    ;     :class "bg-decor-input-right"
+    ;     ""
+    ;   )
+    ; )
+  )
+)
+
+(defwindow bg-decor
+  :focusable false
+  :stacking "bg"
+  :windowtype "normal"
+  :wm-ignore true
+  :geometry (geometry
+    :x 80
+    :y 0
+    :width "30%"
+    :height "25%"
+    :anchor "left center"
+  )
+  :monitor 0
+  (bgdecors)
+)
\ No newline at end of file
diff --git a/lineage/.config/eww/windows/calendar.yuck b/lineage/.config/eww/windows/calendar.yuck
new file mode 100644
index 000000000..be172d0a6
--- /dev/null
+++ b/lineage/.config/eww/windows/calendar.yuck
@@ -0,0 +1,19 @@
+(defwidget calendar-win []
+  (box
+    :class "calendar-win"
+    (calendar)
+  )
+)
+
+(defwindow calendar
+  :wm-ignore true
+  :monitor 0
+  :geometry (geometry
+    :x "0%"
+    :y "0%"
+    :anchor "top left"
+    :width "0px"
+    :height "0px"
+  )
+  (calendar-win)
+)
diff --git a/lineage/.config/eww/windows/music.yuck b/lineage/.config/eww/windows/music.yuck
new file mode 100644
index 000000000..a35ae2e36
--- /dev/null
+++ b/lineage/.config/eww/windows/music.yuck
@@ -0,0 +1,70 @@
+(defwidget music []
+  (eventbox
+    :onhoverlost "${EWW_CMD} close music"
+    (box
+      :class "music-window"
+      :space-evenly false
+      (box
+        :class "music-cover-art"
+        :style "background-image: url(\"${mcover}\");"
+      )
+      (box
+        :orientation "v"
+        :class "music-box"
+        (label
+          :class "music-title"
+          :wrap true
+          :text {music.title}
+          :limit-width 35;
+        )
+        (label
+          :class "music-artist"
+          :wrap true
+          :text {music.artist}
+        )
+        (centerbox
+          :halign "center"
+          :class "music-button-box icon"
+          (button :class "music-button" :onclick "playerctl previous" "")
+          (button :class "music-button" :onclick "playerctl play-pause" {music.status})
+          (button :class "music-button" :onclick "playerctl next" "")
+        )
+        (box
+          :orientation "v"
+          (box
+            (label
+              :xalign 0
+              :class "music-time"
+              :text {music.position_time}
+            )
+            (label
+              :xalign 1
+              :class "music-time"
+              :text {music.length}
+            )
+          )
+          (box
+            :class "music-bar"
+            (scale
+              :onchange "playerctl position `bc <<< \"{} * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+              :value {music.position}
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow music
+  :wm-ignore true
+  :focusable false
+  :monitor 0
+  :geometry (geometry
+    :x "0%"
+    :y "0%"
+    :width "0%"
+    :height "0%"
+  :anchor "top left")
+  (music)
+)
diff --git a/lineage/.config/eww/windows/notifications.yuck b/lineage/.config/eww/windows/notifications.yuck
new file mode 100644
index 000000000..80d724a83
--- /dev/null
+++ b/lineage/.config/eww/windows/notifications.yuck
@@ -0,0 +1,94 @@
+(defwindow notifications
+  :wm-ignore true
+  :geometry (geometry
+    :x "0px"
+    :y "32px"
+    :width "0px"
+    :height "0px"
+  :anchor "top center")
+  :monitor 0
+  (notifications))
+
+(defwidget notifications []
+  (eventbox
+    :onhoverlost "${EWW_CMD} close notifications"
+    (box
+      :class "notifications-box"
+      :orientation "h"
+      :space-evenly false
+      (box
+        :class "notifications-section"
+        :orientation "v"
+        :space-evenly false
+        (box
+          :class "notification-header"
+          (label
+            :class "notification-label"
+            :halign "start"
+          :text "Notifications")
+          (box
+            :class "icon"
+            :halign "end"
+            :space-evenly false
+            :spacing 10
+            (button
+              :class "notification-action"
+              :tooltip "Refresh"
+            :onclick "dunstctl history > $XDG_CACHE_HOME/dunst-history.json" "")
+            (button
+              :class "notification-action"
+              :tooltip "Pause/Resume Notifications"
+            :onclick "scripts/notifications toggle" {notif_icons.toggle_icon})
+            (button
+              :class "notification-action"
+              :tooltip "Clear Notifications"
+            :onclick "scripts/notifications clear" ""))) ; 󰅖
+        (scroll
+          :vscroll true
+          :hscroll false
+          :height 500
+          :width 300
+          (box
+            :class "container"
+            :orientation "v"
+            :space-evenly false
+            (for i in notifications
+              (eventbox
+                :onclick "dunstctl history-pop ${i.id} && dunstctl action 0 && dunstctl close"
+                (box
+                  :class "notification"
+                  :orientation "v"
+                  :width 300
+                  :space-evenly false
+                  (centerbox
+                    :space-evenly false
+                    (label
+                      :xalign 0
+                      :wrap true
+                      :class "summary"
+                      :text {i.summary}
+                    )
+                    (label)
+                    (label
+                      :xalign 1
+                      :wrap true
+                      :class "appname"
+                      :text {i.appname}
+                    )
+                  )
+                  (label
+                    :xalign 0
+                    :wrap true
+                    :class "body"
+                    :text {i.body}
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+      (calendar)
+    )
+  )
+)
\ No newline at end of file
diff --git a/lineage/.config/eww/windows/osettings.yuck b/lineage/.config/eww/windows/osettings.yuck
new file mode 100644
index 000000000..a4c5ced6c
--- /dev/null
+++ b/lineage/.config/eww/windows/osettings.yuck
@@ -0,0 +1,648 @@
+(defvar oquery "")
+(defvar rev_ostg false)
+(deflisten hyprjson `scripts/hyprsettings`)
+
+(defwidget checkboxhyprctl [value changevalue]
+  (eventbox
+    :onclick "hyprctl keyword ${changevalue} ${1 - value} && scripts/hyprsettings tickle"
+    (box
+      :class "osettings-checkbox"
+      :halign "end"
+      :style "${value == 1 ? 'background-color: #8C66FF' : ''}"
+    )
+  )
+)
+
+(defwidget checkboxcmd [value changecmd]
+  (eventbox
+    :onclick "${changecmd}"
+    (box
+      :class "osettings-checkbox"
+      :halign "end"
+      :style "${value == 1 ? 'background-color: #8C66FF' : ''}"
+    )
+  )
+)
+
+(defwidget osettings []
+  (revealer
+    :reveal rev_ostg
+    :transition "slideright"
+    :duration "250ms"
+    (revealer
+      :reveal rev_ostg
+      :transition "crossfade"
+      :duration "300ms"
+      (box
+        :class "osettings-window"
+        :orientation "v"
+        :space-evenly false
+        (box
+          :orientation "v"
+          :space-evenly false
+          (box
+            :class "osettings-heading"
+            :orientation "v"
+            :space-evenly false
+            (label
+              :halign "start"
+              :wrap true
+              :class "osettings-title"
+              :text "settings"
+            )
+            (label
+              :halign "start"
+              :wrap true
+              :class "osettings-subtitle"
+              :text "change the way Hyprland behaves"
+            )
+          )
+          (box
+            :spacing 0
+            :space-evenly false
+            :class "osettings-search"
+            :orientation "h"
+            (input
+              :halign "start"
+              :class "osettings-search-text"
+              :onchange "${EWW_CMD} update oquery=\"$(echo {} | tr [:upper:] [:lower:])\""
+            )
+            (box)
+            (button
+              :halign "end"
+              :class "osettings-search-icon"
+              :style "font-weight: bolder;"
+              ""
+            )
+          )
+        )
+        (box
+          :class "osettings-separator"
+          :orientation "v"
+          :space-evenly false
+        )
+        (scroll
+          ; :vscroll true
+          ; :hscroll false
+          ; :halign "fill"
+          :class "osettings-content"
+          :style "min-height: 765px;"
+          (box
+            :halign "fill"
+            :class "osettings-scroll-bg"
+            :space-evenly false
+            :spacing 20
+            :orientation "v"
+            (box
+              :class "osettings-settings"
+              :orientation "v"
+              :space-evenly false
+              ; Quick settings
+              (revealer
+                :reveal "${matches('quick settings volume audio brightness',oquery)}"
+                :transition "slidedown"
+                :duration "0ms"
+                (box
+                  :orientation "v"
+                  :space-evenly false
+                  (label
+                    :halign "start"
+                    :wrap true
+                    :class "osettings-section"
+                    :text "Quick settings"
+                  )
+                  (revealer
+                    :reveal "${matches('quick settings volume audio',oquery)}"
+                    :transition "slidedown"
+                    :duration "0ms"
+                    (eventbox
+                      :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+                      (box
+                        :orientation "v"
+                        :space-evenly false
+                        (centerbox
+                          :orientation "h"
+                          :space-evenly false
+                          :halign "fill"
+                          (label
+                            :halign "start"
+                            :wrap true
+                            :class "osettings-text"
+                            :text "Volume"
+                          )
+                          (box)
+                          ; (checkbox
+                            ;   :halign "end"
+                            ;   :class "osettings-checkbox"
+                            ;   :onchecked "scripts/volume mute SINK"
+                            ;   :onunchecked "scripts/volume mute SINK"
+                          ; )
+                          (checkboxcmd
+                            :value "${volume.audio}"
+                            :changecmd "scripts/volume mute SINK"
+                          )
+                        )
+                        (scale
+                          :halign "fill"
+                          :class "osettings-slider"
+                          :value "${volume.percent}"
+                          :tooltip "volume on ${volume.percent}%"
+                          :onchange "scripts/volume setvol SINK {}"
+                        )
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('quick settings brightness',oquery)}"
+                    :transition "slidedown"
+                    :duration "0ms"
+                    (box
+                      :orientation "v"
+                      :space-evenly false
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-text"
+                        :text "Brightness"
+                      )
+                      (scale
+                        :class "osettings-slider"
+                        :value "${brightness.level}"
+                        :onchange "light -S {}"
+                      )
+                    )
+                  )
+                )
+              )
+              ; Session control
+              (revealer
+                :reveal "${matches('session lock logout suspend log out shutdown shut down poweroff power off',oquery)}"
+                :transition "slidedown"
+                :duration "0ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  (label
+                    :halign "start"
+                    :wrap true
+                    :class "osettings-section"
+                    :text "Session"
+                  )
+                  (revealer
+                    :reveal "${matches('session lock',oquery)}"
+                    :transition "slidedown"
+                    :duration "0ms"
+                    (box
+                      :orientation "v"
+                      :space-evenly false
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-neutral"
+                        :onclick "scripts/toggle-osettings.sh && ~/.local/bin/lock.sh"
+                        "Lock"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('session suspend',oquery)}"
+                    :transition "slidedown"
+                    :duration "0ms"
+                    (box
+                      :orientation "v"
+                      :space-evenly false
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-neutral"
+                        :onclick "scripts/toggle-osettings.sh && systemctl suspend"
+                        "Suspend"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('session logout log out',oquery)}"
+                    :transition "slidedown"
+                    :duration "0ms"
+                    (box
+                      :orientation "v"
+                      :space-evenly false
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-destructive"
+                        :onclick "scripts/toggle-osettings.sh && kill Hyprland"
+                        "Logout"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('session shutdown shut down poweroff power off',oquery)}"
+                    :transition "slidedown"
+                    :duration "0ms"
+                    (box
+                      :orientation "v"
+                      :space-evenly false
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-destructive"
+                        :onclick "scripts/toggle-osettings.sh && systemctl poweroff"
+                        "Shutdown"
+                      )
+                    )
+                  )
+                )
+              )
+              ; Mouse
+              (revealer
+                :reveal "${matches('mouse and touchpad touch pad mouse speed osu raw input sensitivity disable while typing disable_while_typing tap to click clickfinger_behavior',oquery)}"
+                :transition "slidedown"
+                :duration "0ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  (label
+                    :halign "start"
+                    :wrap true
+                    :class "osettings-section"
+                    :text "Mouse & Touchpad"
+                  )
+                  (revealer
+                    :reveal "${matches('mouse speed osu raw input sensitivity',oquery)}"
+                    :transition "slidedown"
+                    :duration "0ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (centerbox
+                        :orientation "h"
+                        :space-evenly false
+                        :halign "fill"
+                        (label
+                          :halign "start"
+                          :wrap true
+                          :class "osettings-text"
+                          :text "Raw input"
+                        )
+                        (box)
+                        (checkboxhyprctl
+                          :value "${hyprjson.force_no_accel}"
+                          :changevalue "input:force_no_accel"
+                          :halign "end"
+                          :class "osettings-checkbox"
+                        )
+                      )
+                      (eventbox
+                        :onrightclick "hyprctl keyword input:sensitivity 0"
+                        (box
+                          :space-evenly false
+                          :orientation "v"
+                          (label
+                            :halign "start"
+                            :wrap true
+                            :class "osettings-text"
+                            :text "Sensitivity"
+                          )
+                          (scale
+                            :class "osettings-slider"
+                            :value "${hyprjson.input_sensitivity * 50 + 50}"
+                            :onchange "hyprctl keyword input:sensitivity $(echo - | awk '{print {} / 50 - 1}') && scripts/hyprsettings tickle"
+                          )
+                        )
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('touch pad touchpad disable while typing disable_while_typing',oquery)}"
+                    :transition "slidedown"
+                    :duration "0ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (centerbox
+                        :orientation "h"
+                        :space-evenly false
+                        :halign "fill"
+                        (label
+                          :halign "start"
+                          :class "osettings-text"
+                          :text "Disable touchpad while typing"
+                        )
+                        (box)
+                        (checkboxhyprctl
+                          :value "${hyprjson.touchpad_disable_while_typing}"
+                          :changevalue "input:touchpad:disable_while_typing"
+                          :class "osettings-checkbox"
+                        )
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('touch pad touchpad tap to click clickfinger_behavior',oquery)}"
+                    :transition "slidedown"
+                    :duration "0ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (centerbox
+                        :orientation "h"
+                        :space-evenly false
+                        :halign "fill"
+                        (label
+                          :halign "start"
+                          :class "osettings-text"
+                          :text "Tap to click"
+                        )
+                        (box)
+                        (checkboxhyprctl
+                          :value "${hyprjson.touchpad_clickfinger_behavior}"
+                          :changevalue "input:touchpad:clickfinger_behavior"
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+              ; Appearance
+              (revealer
+                :reveal "${matches('appearance looks customization blur size blur passes blur strength blur xray',oquery)}"
+                :transition "slidedown"
+                :duration "0ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  (label
+                    :halign "start"
+                    :wrap true
+                    :class "osettings-section"
+                    :text "Blur"
+                  )
+                  (centerbox
+                    :orientation "h"
+                    :space-evenly false
+                    :halign "fill"
+                    (label
+                      :halign "start"
+                      :class "osettings-text"
+                      :text "Enable blur"
+                    )
+                    (box)
+                    (checkboxhyprctl
+                      :value "${hyprjson.blur}"
+                      :changevalue "decoration:blur"
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization blur size blur strength',oquery)}"
+                    :transition "slidedown"
+                    :duration "0ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-text"
+                        :text "Blur size"
+                      )
+                      (scale
+                        :class "osettings-slider"
+                        :value "${hyprjson.blur_size}"
+                        :tooltip "Blur size: ${hyprjson.blur_size}"
+                        :onchange "hyprctl keyword decoration:blur_size {}  && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization blur passes blur strength',oquery)}"
+                    :transition "slidedown"
+                    :duration "0ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-text"
+                        :text "Blur passes"
+                      )
+                      (scale
+                        :class "osettings-slider"
+                        :value "${hyprjson.blur_passes * 10}"
+                        :tooltip "Blur passes: ${hyprjson.blur_passes}"
+                        :onchange "hyprctl keyword decoration:blur_passes $(({} / 10))  && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization blur xray',oquery)}"
+                    :transition "slidedown"
+                    :duration "0ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (centerbox
+                        :orientation "h"
+                        :space-evenly false
+                        :halign "fill"
+                        (label
+                          :halign "start"
+                          :class "osettings-text"
+                          :text "Blur xray"
+                        )
+                        (box)
+                        (checkboxhyprctl
+                          :value "${hyprjson.blur_xray}"
+                          :changevalue "decoration:blur_xray"
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+              (revealer
+                :reveal "${matches('appearance looks customization gaps gaps_in inner gaps: inner gaps_out outer gaps: outer space border_size border size border thickness',oquery)}"
+                :transition "slidedown"
+                :duration "0ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  (label
+                    :halign "start"
+                    :wrap true
+                    :class "osettings-section"
+                    :text "Gaps"
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization gaps_in inner gaps: inner space',oquery)}"
+                    :transition "slidedown"
+                    :duration "0ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-text"
+                        :text "Gaps: Inner"
+                      )
+                      (scale
+                        :class "osettings-slider"
+                        :value "${hyprjson.gaps_in}"
+                        :tooltip "Inner gaps: ${hyprjson.gaps_in}"
+                        :onchange "hyprctl keyword general:gaps_in {} && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization gaps_out outer gaps: outer space',oquery)}"
+                    :transition "slidedown"
+                    :duration "0ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-text"
+                        :text "Gaps: Outer"
+                      )
+                      (scale
+                        :class "osettings-slider"
+                        :value "${hyprjson.gaps_out}"
+                        :tooltip "Outer gaps: ${hyprjson.gaps_out}"
+                        :onchange "hyprctl keyword general:gaps_out {} && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('appearance looks customization border_size border size border thickness',oquery)}"
+                    :transition "slidedown"
+                    :duration "0ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (label
+                        :halign "start"
+                        :wrap true
+                        :class "osettings-text"
+                        :text "Border size"
+                      )
+                      (scale
+                        :class "osettings-slider"
+                        :value "${hyprjson.border_size}"
+                        :tooltip "Border size: ${hyprjson.border_size}"
+                        :onchange "hyprctl keyword general:border_size {} && scripts/hyprsettings tickle"
+                      )
+                    )
+                  )
+                )
+              )
+              (revealer
+                :reveal "${matches('appearance looks customization gaps gaps_in inner gaps: inner gaps_out outer gaps: outer space border_size border size border thickness reload config configuration blur size blur strength blur passes',oquery)}"
+                :transition "slidedown"
+                :duration "0ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  (button
+                    :halign "fill"
+                    :wrap true
+                    :class "osettings-btn osettings-btn-neutral"
+                    :onclick "cp ~/.config/hypr/hyprland.conf temporary_config.conf && cp temporary_config.conf ~/.config/hypr/hyprland.conf"
+                    "Reload config"
+                  )
+                )
+              )
+              ; Hyprland
+              (revealer
+                :reveal "${matches('hyprland options open the wiki guide help social hypr development discord',oquery)}"
+                :transition "slidedown"
+                :duration "0ms"
+                (box
+                  :space-evenly false
+                  :orientation "v"
+                  (label
+                    :halign "start"
+                    :wrap true
+                    :class "osettings-section"
+                    :text "Hyprland options"
+                  )
+                  (revealer
+                    :reveal "${matches('hyprland open the wiki guide help',oquery)}"
+                    :transition "slidedown"
+                    :duration "0ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-informative"
+                        :onclick "scripts/toggle-osettings.sh && xdg-open https://wiki.hyprland.org"
+                        "Open the wiki"
+                      )
+                    )
+                  )
+                  (revealer
+                    :reveal "${matches('hyprland help social hypr development discord',oquery)}"
+                    :transition "slidedown"
+                    :duration "0ms"
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (button
+                        :halign "fill"
+                        :wrap true
+                        :class "osettings-btn osettings-btn-informative"
+                        :onclick "scripts/toggle-osettings.sh xdg-open https://discord.com/invite/hQ9XvMUjjr"
+                        "Hypr Development Discord"
+                      )
+                    )
+                  )
+                )
+              )
+              ; Calendar
+              (revealer
+                :reveal "${'calendar' == oquery}"
+                :transition "slidedown"
+                :duration "0ms"
+                (box
+                  :orientation "v"
+                  :space-evenly false
+                  (label
+                    :halign "start"
+                    :wrap true
+                    :class "osettings-section"
+                    :text "Calendar"
+                  )
+                  (calendar)
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow osettings
+  :focusable true
+  :wm-ignore true
+  :monitor 0
+  ; :focusable true
+  :geometry (geometry
+    :x "0"
+    :y "0"
+    ; :width "27.8%"
+    ; :width "535px"
+    :width "0px"
+    :height "100%"
+    ; :height "1048px"
+    :anchor "bottom left"
+  )
+  (osettings)
+)
+
diff --git a/lineage/.config/eww/windows/overview.yuck b/lineage/.config/eww/windows/overview.yuck
new file mode 100644
index 000000000..0b611aa2c
--- /dev/null
+++ b/lineage/.config/eww/windows/overview.yuck
@@ -0,0 +1,119 @@
+(defvar selected '')
+(defvar wsloopa "[1, 2, 3, 4, 5]")
+(defvar wsloopb "[6, 7, 8, 9, 10]")
+(deflisten wsjsona
+  `scripts/overview1`
+)
+(deflisten wsjsonb
+  `scripts/overview2`
+)
+
+(defwidget overview []
+  (overlay
+    (box
+      :orientation "v"
+      :class "overview-window"
+      ; :space-evenly false
+      ; (label :text "${wsjsona}")
+      ; (label :text "${selected}")
+      (box
+        :orientation "h"
+        (for wspace in wsjsona
+          (box ; Note: height 100px width 356px
+            :class "overview-ws"
+            (box
+              :orientation "v"
+              (for ws-window in wspace
+                (eventbox
+                  :onrightclick "scripts/selectwindow ${ws-window.address} '${EWW_CMD}' ${ws-window.workspace.id}"
+                  :onmiddleclick "hyprctl dispatch closewindow address:${ws-window.address}"
+                  :onclick "scripts/focuswindow ${ws-window.address} ${ws-window.workspace.id} && ${EWW_CMD} close overview"
+                  (box
+                    :class "overview-ws-window"
+                    :orientation "h"
+                    :space-evenly false
+                    :spacing 10
+                    :style "${ws-window.address == selected ? 'border: 2px solid #FFFFFF' : ''}; ${ws-window.address == '_none' ? 'border: none' : ''};"
+                    (box
+                      :class "overview-icon"
+                      :style "background-image: url('${ws-window.icon}')"
+                    )
+                    (box
+                      :orientation "v"
+                      :space-evenly false
+                      :valign "center"
+                      (label :xalign 0 :halign "start" :class "overview-ws-text" :text "${ws-window.title}" :limit-width 28 :wrap true )
+                      (label :xalign 0 :halign "start" :class "overview-ws-subtext" :text "${ws-window.class}" :limit-width 30 :wrap true )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+      (box
+        :orientation "h"
+        (for wspace in wsjsonb
+          (box ; Note: height 100px width 178px
+            :class "overview-ws"
+            (box
+              :orientation "v"
+              (for ws-window in wspace
+                (eventbox
+                  :onrightclick "scripts/selectwindow ${ws-window.address} '${EWW_CMD}' ${ws-window.workspace.id}"
+                  :onmiddleclick "hyprctl dispatch closewindow address:${ws-window.address}"
+                  :onclick "scripts/focuswindow ${ws-window.address} ${ws-window.workspace.id} && ${EWW_CMD} close overview"
+                  (box
+                    :class "overview-ws-window"
+                    :orientation "h"
+                    :space-evenly false
+                    :spacing 10
+                    :style "${ws-window.address == selected ? 'border: 2px solid #FFFFFF' : ''}; ${ws-window.address == '_none' ? 'border: none' : ''};"
+                    (box
+                      :class "overview-icon"
+                      :style "background-image: url('${ws-window.icon}')"
+                    )
+                    (box
+                      :orientation "v"
+                      :space-evenly false
+                      :valign "center"
+                      (label :xalign 0 :halign "start" :class "overview-ws-text" :text "${ws-window.title}" :limit-width 28 :wrap true )
+                      (label :xalign 0 :halign "start" :class "overview-ws-subtext" :text "${ws-window.class}" :limit-width 30 :wrap true )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget testing []
+  (box
+    :class "overview-window"
+    (overlay
+      (box
+        :class "overview-ws-window"
+        :style "margin: 2px;"
+      )
+    )
+  )
+)
+
+(defwindow overview
+  :wm-ignore true
+  :monitor 0
+  :geometry (geometry
+    :x "300px"
+    :y "32px"
+    :anchor "center"
+    :width "1780px"
+    :height "405px"
+  )
+  ; (testing)
+  (overview)
+)
diff --git a/lineage/.config/eww/windows/system-menu.yuck b/lineage/.config/eww/windows/system-menu.yuck
new file mode 100644
index 000000000..dfff7dbaf
--- /dev/null
+++ b/lineage/.config/eww/windows/system-menu.yuck
@@ -0,0 +1,186 @@
+(defwidget system-menu []
+  (eventbox
+    :onhoverlost "${EWW_CMD} close system-menu"
+    (box
+      :class "system-menu-box"
+      :space-evenly false
+      :orientation "v"
+      (box
+        :class "module"
+        :space-evenly false
+        :spacing 5
+        :halign "end"
+        (syscpu)
+        (sysmem)
+        (sysbatt)
+        (settingscog)
+      )
+      (box
+        :class "top-row"
+        :space-evenly false
+        (label :class "time" :text "${time.hour}:${time.minute}")
+        (box
+          :class "date-box"
+          :space-evenly false
+          (label :class "date" :text "${time.day},")
+          (label :class "date" :text "${time.date}")
+        )
+      )
+      
+      (box
+        :class "system-row"
+        :space-evenly false
+        (box
+          :class "wifi-box"
+          :space-evenly false
+          :orientation "v"
+          (box
+            :class "element icon"
+            :space-evenly false
+            (button
+              :class "wifi-button"
+              :onclick "scripts/net toggle"
+              {net.icon}
+            )
+            (label :class "separator" :text "|")
+            (button
+              :class "wifi-arrow-btn"
+              :onclick "eww close system-menu && nm-connection-editor &"
+              ""
+            )
+          )
+          (label :text {net.essid} :xalign 0.5 :limit-width 15)
+        )
+        
+        (box
+          :class "bluetooth-box"
+          :space-evenly false
+          :orientation "v"
+          (box
+            :class "element icon"
+            :space-evenly false
+            (button
+              :class "bluetooth-button"
+              :onclick "scripts/bluetooth toggle"
+              {bluetooth.icon}
+            )
+            (label :class "separator" :text "|")
+            (button
+              :class "bluetooth-arrow-btn"
+              :onclick "eww close system-menu && blueberry"
+              ""
+            )
+          )
+          (label
+            :text {bluetooth.text}
+            :xalign 0.5
+            :tooltip "${bluetooth.text} ${bluetooth.batt_icon}"
+            :limit-width 15
+          )
+        )
+        
+        (box
+          :class "airplane-box"
+          :space-evenly false
+          :orientation "v"
+          (box
+            :class "element"
+            (button
+              :class "airplane-button"
+              :onclick "scripts/airplane toggle"
+              airplane
+            )
+          )
+          (label :text "Airplane Mode" :xalign 0.5 :limit-width 16)
+        )
+        
+        (box
+          :space-evenly false
+          :orientation "v"
+          (box
+            :class "element"
+            (button
+              :halign "end"
+              :onclick "wlogout -p layer-shell &"
+              ""
+            )
+          )
+          (label
+            :text "Power"
+            :xalign 0.5
+            :limit-width 16
+          )
+        )
+      )
+      (audiolevels)
+      (box
+        :class "system-info-box"
+        
+        ; cpu
+        (box
+          :class "sys-box"
+          :space-evenly false
+          :halign "start"
+          (circular-progress
+            :value "${EWW_CPU.avg}"
+            :class "sys-cpu"
+            :thickness 3
+            (label
+              :text ""
+            :class "sys-icon-cpu icon"))
+          (box
+            :orientation "v"
+            :vexpand false
+            (label
+              :text "CPU"
+              :halign "start"
+            :class "sys-text-cpu")
+            (label
+              :text "${round(EWW_CPU.avg,2)}%"
+              :halign "start"
+            :class "sys-text-sub")
+            (label
+              :text "${EWW_CPU.cores[0].freq} MHz"
+              :halign "start"
+            :class "sys-text-sub")))
+        
+        ; memory
+        (box
+          :class "sys-box"
+          :space-evenly false
+          :halign "end"
+          (circular-progress
+            :value {memory.percentage}
+            :class "sys-mem"
+            :thickness 3
+            (label
+              :text ""
+              :class "sys-icon-mem icon"
+            )
+          )
+          (box
+            :orientation "v"
+            (label :text "Memory" :halign "start" :class "sys-text-mem")
+            (label :text "${memory.used} / ${memory.total}" :halign "start" :class "sys-text-sub")
+            (label :text "Swap ${memory.swapused} / ${memory.swaptotal}" :halign "start" :class "sys-text-sub")
+          )
+        )
+      )
+    )
+  )
+)
+
+;; windows
+(defwindow system-menu
+  :wm-ignore true
+  :monitor 0
+  ; :focusable true
+  :geometry (geometry
+    :x "0"
+    :y "0"
+    :width "0%"
+    :height "0%"
+  :anchor "right top")
+  (system-menu)
+)
+
diff --git a/lineage/.config/eww/windows/themer.yuck b/lineage/.config/eww/windows/themer.yuck
new file mode 100644
index 000000000..3ac201b00
--- /dev/null
+++ b/lineage/.config/eww/windows/themer.yuck
@@ -0,0 +1,88 @@
+(defwidget themerctl []
+  (eventbox
+    :onhoverlost "${EWW_CMD} close themer"
+    (box
+      :space-evenly false
+      :orientation "v"
+      :class "themer-menu-box"
+      (box
+        :style "padding-left: 10px; padding-top: 10px; font-size: 15pt;"
+        :valign "start"
+        :space-evenly false
+        :spacing 4
+        (button
+          :class "themer-button themer-get"
+          :onclick "cp './tmp/_colorscheme.colorpallete' './css/_colorscheme.scss' && cp './tmp/colors_generated.conf' ~/.config/hypr/colors.conf"
+          ""
+        )
+        (button
+          :class "themer-button themer-restore"
+          :onclick "cp css/_colorscheme_default.scss css/_colorscheme.scss && cp ~/.config/hypr/colors_default.conf ~/.config/hypr/colors.conf"
+          ""
+        )
+      )
+      (label
+        :class "themer-title"
+        :text "Color profiles"
+        :xalign 0
+      )
+      (box
+        :space-evenly false
+        :orientation "h"
+        (label
+          :class "themer-prompt"
+          :text "Save "
+        )
+        (input
+          :class "themer-input"
+          :onaccept "${EWW_CMD} close themer && cp './css/_colorscheme.scss' './css/savedcolors/_colorscheme_{}.scss' && cp ~/.config/hypr/colors.conf ~/.config/hypr/savedcolors/colors_{}.conf"
+        )
+      )
+      (box
+        :halign "start"
+        :space-evenly false
+        :orientation "h"
+        (label
+          :text "Load "
+          :class "themer-prompt"
+        )
+        (input
+          :class "themer-input"
+          :onaccept "${EWW_CMD} close themer && cp './css/savedcolors/_colorscheme_{}.scss' './css/_colorscheme.scss' && cp ~/.config/hypr/savedcolors/colors_{}.conf ~/.config/hypr/colors.conf"
+        )
+      )
+      (label
+        :class "themer-title"
+        :text "Current pallete"
+        :xalign 0
+      )
+      (box
+        :spacing 3
+        :orientation "h"
+        :style "padding: 7px;"
+        (box :class "themer-color-preview preview-0" )
+        (box :class "themer-color-preview preview-1" )
+        (box :class "themer-color-preview preview-2" )
+        (box :class "themer-color-preview preview-3" )
+        (box :class "themer-color-preview preview-4" )
+        (box :class "themer-color-preview preview-5" )
+        (box :class "themer-color-preview preview-6" )
+        (box :class "themer-color-preview preview-7" )
+      )
+    )
+  )
+)
+
+(defwindow themer
+  :wm-ignore true
+  :monitor 0
+  :geometry (geometry
+    :x "300px"
+    :y "32px"
+    :anchor "top right"
+    :width "0px"
+    :height "0px"
+  )
+  :focusable true
+  (themerctl)
+)
diff --git a/lineage/.config/eww/windows/win-workspace.yuck b/lineage/.config/eww/windows/win-workspace.yuck
new file mode 100644
index 000000000..3b764e3e8
--- /dev/null
+++ b/lineage/.config/eww/windows/win-workspace.yuck
@@ -0,0 +1,13 @@
+(defwindow win-workspace
+  :wm-ignore true
+  :focusable false
+  :monitor 0
+  :geometry (geometry
+    :x "0%"
+    :y "32px"
+    :width "0%"
+    :height "0%"
+    :anchor "top center"
+  )
+  (win-ws)
+)
diff --git a/lineage/.config/fish/completions/fisher.fish b/lineage/.config/fish/completions/fisher.fish
new file mode 100755
index 000000000..6d23ce490
--- /dev/null
+++ b/lineage/.config/fish/completions/fisher.fish
@@ -0,0 +1,7 @@
+complete --command fisher --exclusive --long help --description "Print help"
+complete --command fisher --exclusive --long version --description "Print version"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments install --description "Install plugins"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments update --description "Update installed plugins"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments remove --description "Remove installed plugins"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments list --description "List installed plugins matching regex"
+complete --command fisher --exclusive --condition "__fish_seen_subcommand_from update remove" --arguments "(fisher list)"
diff --git a/lineage/.config/fish/config.fish b/lineage/.config/fish/config.fish
new file mode 100755
index 000000000..bfa2bf74c
--- /dev/null
+++ b/lineage/.config/fish/config.fish
@@ -0,0 +1,20 @@
+function fish_prompt -d "Write out the prompt"
+    # This shows up as USER@HOST /home/user/ >, with the directory colored
+    # $USER and $hostname are set by fish, so you can just use them
+    # instead of using `whoami` and `hostname`
+    printf '%s@%s %s%s%s > ' $USER $hostname \
+        (set_color $fish_color_cwd) (prompt_pwd) (set_color normal)
+end
+
+if status is-interactive
+    # Commands to run in interactive sessions can go here
+    set fish_greeting
+
+end
+
+starship init fish | source
+
+# function fish_prompt
+#   set_color cyan; echo (pwd) 
+#   set_color green; echo '> '
+# end
\ No newline at end of file
diff --git a/lineage/.config/fish/fish_plugins b/lineage/.config/fish/fish_plugins
new file mode 100755
index 000000000..594dfc033
--- /dev/null
+++ b/lineage/.config/fish/fish_plugins
@@ -0,0 +1 @@
+jorgebucaran/fisher
diff --git a/lineage/.config/fish/fish_variables b/lineage/.config/fish/fish_variables
new file mode 100755
index 000000000..479710902
--- /dev/null
+++ b/lineage/.config/fish/fish_variables
@@ -0,0 +1,34 @@
+# This file contains fish universal variable definitions.
+# VERSION: 3.0
+SETUVAR __fish_initialized:3400
+SETUVAR _fisher_jorgebucaran_2F_fisher_files:\x7e/\x2econfig/fish/functions/fisher\x2efish\x1e\x7e/\x2econfig/fish/completions/fisher\x2efish
+SETUVAR _fisher_plugins:jorgebucaran/fisher
+SETUVAR _fisher_upgraded_to_4_4:\x1d
+SETUVAR fish_color_autosuggestion:555\x1ebrblack
+SETUVAR fish_color_cancel:\x2dr
+SETUVAR fish_color_command:blue
+SETUVAR fish_color_comment:red
+SETUVAR fish_color_cwd:green
+SETUVAR fish_color_cwd_root:red
+SETUVAR fish_color_end:green
+SETUVAR fish_color_error:brred
+SETUVAR fish_color_escape:brcyan
+SETUVAR fish_color_history_current:\x2d\x2dbold
+SETUVAR fish_color_host:normal
+SETUVAR fish_color_host_remote:yellow
+SETUVAR fish_color_normal:normal
+SETUVAR fish_color_operator:brcyan
+SETUVAR fish_color_param:cyan
+SETUVAR fish_color_quote:yellow
+SETUVAR fish_color_redirection:cyan\x1e\x2d\x2dbold
+SETUVAR fish_color_search_match:\x2d\x2dbackground\x3d111
+SETUVAR fish_color_selection:white\x1e\x2d\x2dbold\x1e\x2d\x2dbackground\x3dbrblack
+SETUVAR fish_color_status:red
+SETUVAR fish_color_user:brgreen
+SETUVAR fish_color_valid_path:\x2d\x2dunderline
+SETUVAR fish_key_bindings:fish_default_key_bindings
+SETUVAR fish_pager_color_completion:normal
+SETUVAR fish_pager_color_description:B3A06D\x1eyellow\x1e\x2di
+SETUVAR fish_pager_color_prefix:cyan\x1e\x2d\x2dbold\x1e\x2d\x2dunderline
+SETUVAR fish_pager_color_progress:brwhite\x1e\x2d\x2dbackground\x3dcyan
+SETUVAR fish_pager_color_selected_background:\x2dr
diff --git a/lineage/.config/fish/functions/fisher.fish b/lineage/.config/fish/functions/fisher.fish
new file mode 100755
index 000000000..c0a86fa4e
--- /dev/null
+++ b/lineage/.config/fish/functions/fisher.fish
@@ -0,0 +1,240 @@
+function fisher --argument-names cmd --description "A plugin manager for Fish"
+    set --query fisher_path || set --local fisher_path $__fish_config_dir
+    set --local fisher_version 4.4.3
+    set --local fish_plugins $__fish_config_dir/fish_plugins
+
+    switch "$cmd"
+        case -v --version
+            echo "fisher, version $fisher_version"
+        case "" -h --help
+            echo "Usage: fisher install <plugins...>  Install plugins"
+            echo "       fisher remove  <plugins...>  Remove installed plugins"
+            echo "       fisher update  <plugins...>  Update installed plugins"
+            echo "       fisher update                Update all installed plugins"
+            echo "       fisher list    [<regex>]     List installed plugins matching regex"
+            echo "Options:"
+            echo "       -v or --version  Print version"
+            echo "       -h or --help     Print this help message"
+            echo "Variables:"
+            echo "       \$fisher_path  Plugin installation path. Default: $__fish_config_dir" | string replace --regex -- $HOME \~
+        case ls list
+            string match --entire --regex -- "$argv[2]" $_fisher_plugins
+        case install update remove
+            isatty || read --local --null --array stdin && set --append argv $stdin
+
+            set --local install_plugins
+            set --local update_plugins
+            set --local remove_plugins
+            set --local arg_plugins $argv[2..-1]
+            set --local old_plugins $_fisher_plugins
+            set --local new_plugins
+
+            test -e $fish_plugins && set --local file_plugins (string match --regex -- '^[^\s]+$' <$fish_plugins)
+
+            if ! set --query argv[2]
+                if test "$cmd" != update
+                    echo "fisher: Not enough arguments for command: \"$cmd\"" >&2 && return 1
+                else if ! set --query file_plugins
+                    echo "fisher: \"$fish_plugins\" file not found: \"$cmd\"" >&2 && return 1
+                end
+                set arg_plugins $file_plugins
+            end
+
+            for plugin in $arg_plugins
+                set plugin (test -e "$plugin" && realpath $plugin || string lower -- $plugin)
+                contains -- "$plugin" $new_plugins || set --append new_plugins $plugin
+            end
+
+            if set --query argv[2]
+                for plugin in $new_plugins
+                    if contains -- "$plugin" $old_plugins
+                        test "$cmd" = remove &&
+                            set --append remove_plugins $plugin ||
+                            set --append update_plugins $plugin
+                    else if test "$cmd" = install
+                        set --append install_plugins $plugin
+                    else
+                        echo "fisher: Plugin not installed: \"$plugin\"" >&2 && return 1
+                    end
+                end
+            else
+                for plugin in $new_plugins
+                    contains -- "$plugin" $old_plugins &&
+                        set --append update_plugins $plugin ||
+                        set --append install_plugins $plugin
+                end
+
+                for plugin in $old_plugins
+                    contains -- "$plugin" $new_plugins || set --append remove_plugins $plugin
+                end
+            end
+
+            set --local pid_list
+            set --local source_plugins
+            set --local fetch_plugins $update_plugins $install_plugins
+            set --local fish_path (status fish-path)
+
+            echo (set_color --bold)fisher $cmd version $fisher_version(set_color normal)
+
+            for plugin in $fetch_plugins
+                set --local source (command mktemp -d)
+                set --append source_plugins $source
+
+                command mkdir -p $source/{completions,conf.d,themes,functions}
+
+                $fish_path --command "
+                    if test -e $plugin
+                        command cp -Rf $plugin/* $source
+                    else
+                        set temp (command mktemp -d)
+                        set repo (string split -- \@ $plugin) || set repo[2] HEAD
+
+                        if set path (string replace --regex -- '^(https://)?gitlab.com/' '' \$repo[1])
+                            set name (string split -- / \$path)[-1]
+                            set url https://gitlab.com/\$path/-/archive/\$repo[2]/\$name-\$repo[2].tar.gz
+                        else
+                            set url https://api.github.com/repos/\$repo[1]/tarball/\$repo[2]
+                        end
+
+                        echo Fetching (set_color --underline)\$url(set_color normal)
+
+                        if curl --silent -L \$url | tar -xzC \$temp -f - 2>/dev/null
+                            command cp -Rf \$temp/*/* $source
+                        else
+                            echo fisher: Invalid plugin name or host unavailable: \\\"$plugin\\\" >&2
+                            command rm -rf $source
+                        end
+
+                        command rm -rf \$temp
+                    end
+
+                    set files $source/* && string match --quiet --regex -- .+\.fish\\\$ \$files
+                " &
+
+                set --append pid_list (jobs --last --pid)
+            end
+
+            wait $pid_list 2>/dev/null
+
+            for plugin in $fetch_plugins
+                if set --local source $source_plugins[(contains --index -- "$plugin" $fetch_plugins)] && test ! -e $source
+                    if set --local index (contains --index -- "$plugin" $install_plugins)
+                        set --erase install_plugins[$index]
+                    else
+                        set --erase update_plugins[(contains --index -- "$plugin" $update_plugins)]
+                    end
+                end
+            end
+
+            for plugin in $update_plugins $remove_plugins
+                if set --local index (contains --index -- "$plugin" $_fisher_plugins)
+                    set --local plugin_files_var _fisher_(string escape --style=var -- $plugin)_files
+
+                    if contains -- "$plugin" $remove_plugins
+                        for name in (string replace --filter --regex -- '.+/conf\.d/([^/]+)\.fish$' '$1' $$plugin_files_var)
+                            emit {$name}_uninstall
+                        end
+                        printf "%s\n" Removing\ (set_color red --bold)$plugin(set_color normal) "         "$$plugin_files_var | string replace -- \~ ~
+                        set --erase _fisher_plugins[$index]
+                    end
+
+                    command rm -rf (string replace -- \~ ~ $$plugin_files_var)
+
+                    functions --erase (string replace --filter --regex -- '.+/functions/([^/]+)\.fish$' '$1' $$plugin_files_var)
+
+                    for name in (string replace --filter --regex -- '.+/completions/([^/]+)\.fish$' '$1' $$plugin_files_var)
+                        complete --erase --command $name
+                    end
+
+                    set --erase $plugin_files_var
+                end
+            end
+
+            if set --query update_plugins[1] || set --query install_plugins[1]
+                command mkdir -p $fisher_path/{functions,themes,conf.d,completions}
+            end
+
+            for plugin in $update_plugins $install_plugins
+                set --local source $source_plugins[(contains --index -- "$plugin" $fetch_plugins)]
+                set --local files $source/{functions,themes,conf.d,completions}/*
+
+                if set --local index (contains --index -- $plugin $install_plugins)
+                    set --local user_files $fisher_path/{functions,themes,conf.d,completions}/*
+                    set --local conflict_files
+
+                    for file in (string replace -- $source/ $fisher_path/ $files)
+                        contains -- $file $user_files && set --append conflict_files $file
+                    end
+
+                    if set --query conflict_files[1] && set --erase install_plugins[$index]
+                        echo -s "fisher: Cannot install \"$plugin\": please remove or move conflicting files first:" \n"        "$conflict_files >&2
+                        continue
+                    end
+                end
+
+                for file in (string replace -- $source/ "" $files)
+                    command cp -RLf $source/$file $fisher_path/$file
+                end
+
+                set --local plugin_files_var _fisher_(string escape --style=var -- $plugin)_files
+
+                set --query files[1] && set --universal $plugin_files_var (string replace -- $source $fisher_path $files | string replace -- ~ \~)
+
+                contains -- $plugin $_fisher_plugins || set --universal --append _fisher_plugins $plugin
+                contains -- $plugin $install_plugins && set --local event install || set --local event update
+
+                printf "%s\n" Installing\ (set_color --bold)$plugin(set_color normal) "           "$$plugin_files_var | string replace -- \~ ~
+
+                for file in (string match --regex -- '.+/[^/]+\.fish$' $$plugin_files_var | string replace -- \~ ~)
+                    source $file
+                    if set --local name (string replace --regex -- '.+conf\.d/([^/]+)\.fish$' '$1' $file)
+                        emit {$name}_$event
+                    end
+                end
+            end
+
+            command rm -rf $source_plugins
+
+            if set --query _fisher_plugins[1]
+                set --local commit_plugins
+
+                for plugin in $file_plugins
+                    contains -- (string lower -- $plugin) (string lower -- $_fisher_plugins) && set --append commit_plugins $plugin
+                end
+
+                for plugin in $_fisher_plugins
+                    contains -- (string lower -- $plugin) (string lower -- $commit_plugins) || set --append commit_plugins $plugin
+                end
+
+                printf "%s\n" $commit_plugins >$fish_plugins
+            else
+                set --erase _fisher_plugins
+                command rm -f $fish_plugins
+            end
+
+            set --local total (count $install_plugins) (count $update_plugins) (count $remove_plugins)
+
+            test "$total" != "0 0 0" && echo (string join ", " (
+                test $total[1] = 0 || echo "Installed $total[1]") (
+                test $total[2] = 0 || echo "Updated $total[2]") (
+                test $total[3] = 0 || echo "Removed $total[3]")
+            ) plugin/s
+        case \*
+            echo "fisher: Unknown command: \"$cmd\"" >&2 && return 1
+    end
+end
+
+if ! set --query _fisher_upgraded_to_4_4
+    set --universal _fisher_upgraded_to_4_4
+    if functions --query _fisher_list
+        set --query XDG_DATA_HOME[1] || set --local XDG_DATA_HOME ~/.local/share
+        command rm -rf $XDG_DATA_HOME/fisher
+        functions --erase _fisher_{list,plugin_parse}
+        fisher update >/dev/null 2>/dev/null
+    else
+        for var in (set --names | string match --entire --regex '^_fisher_.+_files$')
+            set $var (string replace -- ~ \~ $$var)
+        end
+        functions --erase _fisher_fish_postexec
+    end
+end
diff --git a/lineage/.config/fish/tokyonight_day.fish b/lineage/.config/fish/tokyonight_day.fish
new file mode 100644
index 000000000..0a73a06a5
--- /dev/null
+++ b/lineage/.config/fish/tokyonight_day.fish
@@ -0,0 +1,36 @@
+    # TokyoNight Color Palette
+    set -l foreground 3760bf
+    set -l selection 99a7df
+    set -l comment 848cb5
+    set -l red f52a65
+    set -l orange b15c00
+    set -l yellow 8c6c3e
+    set -l green 587539
+    set -l purple 7847bd
+    set -l cyan 007197
+    set -l pink 9854f1
+
+    # Syntax Highlighting Colors
+    set -g fish_color_normal $foreground
+    set -g fish_color_command $cyan
+    set -g fish_color_keyword $pink
+    set -g fish_color_quote $yellow
+    set -g fish_color_redirection $foreground
+    set -g fish_color_end $orange
+    set -g fish_color_error $red
+    set -g fish_color_param $purple
+    set -g fish_color_comment $comment
+    set -g fish_color_selection --background=$selection
+    set -g fish_color_search_match --background=$selection
+    set -g fish_color_operator $green
+    set -g fish_color_escape $pink
+    set -g fish_color_autosuggestion $comment
+
+    # Completion Pager Colors
+    set -g fish_pager_color_progress $comment
+    set -g fish_pager_color_prefix $cyan
+    set -g fish_pager_color_completion $foreground
+    set -g fish_pager_color_description $comment
+    set -g fish_pager_color_selected_background --background=$selection
+
+  
\ No newline at end of file
diff --git a/lineage/.config/fish/tokyonight_moon.fish b/lineage/.config/fish/tokyonight_moon.fish
new file mode 100644
index 000000000..2acc461b3
--- /dev/null
+++ b/lineage/.config/fish/tokyonight_moon.fish
@@ -0,0 +1,36 @@
+    # TokyoNight Color Palette
+    set -l foreground c8d3f5
+    set -l selection 3654a7
+    set -l comment 7a88cf
+    set -l red ff757f
+    set -l orange ff966c
+    set -l yellow ffc777
+    set -l green c3e88d
+    set -l purple fca7ea
+    set -l cyan 86e1fc
+    set -l pink c099ff
+
+    # Syntax Highlighting Colors
+    set -g fish_color_normal $foreground
+    set -g fish_color_command $cyan
+    set -g fish_color_keyword $pink
+    set -g fish_color_quote $yellow
+    set -g fish_color_redirection $foreground
+    set -g fish_color_end $orange
+    set -g fish_color_error $red
+    set -g fish_color_param $purple
+    set -g fish_color_comment $comment
+    set -g fish_color_selection --background=$selection
+    set -g fish_color_search_match --background=$selection
+    set -g fish_color_operator $green
+    set -g fish_color_escape $pink
+    set -g fish_color_autosuggestion $comment
+
+    # Completion Pager Colors
+    set -g fish_pager_color_progress $comment
+    set -g fish_pager_color_prefix $cyan
+    set -g fish_pager_color_completion $foreground
+    set -g fish_pager_color_description $comment
+    set -g fish_pager_color_selected_background --background=$selection
+
+  
\ No newline at end of file
diff --git a/lineage/.config/fish/tokyonight_night.fish b/lineage/.config/fish/tokyonight_night.fish
new file mode 100644
index 000000000..58edd99b3
--- /dev/null
+++ b/lineage/.config/fish/tokyonight_night.fish
@@ -0,0 +1,36 @@
+    # TokyoNight Color Palette
+    set -l foreground c0caf5
+    set -l selection 33467c
+    set -l comment 565f89
+    set -l red f7768e
+    set -l orange ff9e64
+    set -l yellow e0af68
+    set -l green 9ece6a
+    set -l purple 9d7cd8
+    set -l cyan 7dcfff
+    set -l pink bb9af7
+
+    # Syntax Highlighting Colors
+    set -g fish_color_normal $foreground
+    set -g fish_color_command $cyan
+    set -g fish_color_keyword $pink
+    set -g fish_color_quote $yellow
+    set -g fish_color_redirection $foreground
+    set -g fish_color_end $orange
+    set -g fish_color_error $red
+    set -g fish_color_param $purple
+    set -g fish_color_comment $comment
+    set -g fish_color_selection --background=$selection
+    set -g fish_color_search_match --background=$selection
+    set -g fish_color_operator $green
+    set -g fish_color_escape $pink
+    set -g fish_color_autosuggestion $comment
+
+    # Completion Pager Colors
+    set -g fish_pager_color_progress $comment
+    set -g fish_pager_color_prefix $cyan
+    set -g fish_pager_color_completion $foreground
+    set -g fish_pager_color_description $comment
+    set -g fish_pager_color_selected_background --background=$selection
+
+  
\ No newline at end of file
diff --git a/lineage/.config/fish/tokyonight_storm.fish b/lineage/.config/fish/tokyonight_storm.fish
new file mode 100644
index 000000000..0fd59a748
--- /dev/null
+++ b/lineage/.config/fish/tokyonight_storm.fish
@@ -0,0 +1,36 @@
+    # TokyoNight Color Palette
+    set -l foreground c0caf5
+    set -l selection 364a82
+    set -l comment 565f89
+    set -l red f7768e
+    set -l orange ff9e64
+    set -l yellow e0af68
+    set -l green 9ece6a
+    set -l purple 9d7cd8
+    set -l cyan 7dcfff
+    set -l pink bb9af7
+
+    # Syntax Highlighting Colors
+    set -g fish_color_normal $foreground
+    set -g fish_color_command $cyan
+    set -g fish_color_keyword $pink
+    set -g fish_color_quote $yellow
+    set -g fish_color_redirection $foreground
+    set -g fish_color_end $orange
+    set -g fish_color_error $red
+    set -g fish_color_param $purple
+    set -g fish_color_comment $comment
+    set -g fish_color_selection --background=$selection
+    set -g fish_color_search_match --background=$selection
+    set -g fish_color_operator $green
+    set -g fish_color_escape $pink
+    set -g fish_color_autosuggestion $comment
+
+    # Completion Pager Colors
+    set -g fish_pager_color_progress $comment
+    set -g fish_pager_color_prefix $cyan
+    set -g fish_pager_color_completion $foreground
+    set -g fish_pager_color_description $comment
+    set -g fish_pager_color_selected_background --background=$selection
+
+  
\ No newline at end of file
diff --git a/lineage/.config/foot/foot.ini b/lineage/.config/foot/foot.ini
new file mode 100644
index 000000000..4e3eea0c3
--- /dev/null
+++ b/lineage/.config/foot/foot.ini
@@ -0,0 +1,298 @@
+# -*- 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=monospace:size=11
+font=JetBrainsMono Nerd Font:size=12
+# 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=30x30                             # optionally append 'center'
+# resize-delay-ms=100
+
+# notify=notify-send -a ${app-id} -i ${app-id} ${title} ${body}
+
+bold-text-in-bright=no
+# bell=none
+# 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=block
+# color=111111 dcdccc
+color=282a36 f8f8f2
+# blink=no
+# beam-thickness=1.5
+# underline-thickness=<font underline thickness>
+
+[mouse]
+# hide-when-typing=no
+# alternate-scroll-mode=yes
+
+#DoomOne Colors
+#[colors]
+#alpha=0.3
+#foreground=bbc2cf
+#background=444444
+#regular0=282c34  # black
+#regular1=ff6c6b  # red
+#regular2=98be65  # green
+#regular3=ecbe7b  # yellow
+#regular4=51afef  # blue
+#regular5=c678dd  # magenta
+#regular6=46d9ff  # cyan
+#regular7=bfbfbf  # white
+#bright0=666666   # bright black
+#bright1=da8548   # bright red
+#bright2=4db5bd   # bright green
+#bright3=ECBE7B   # bright yellow
+#bright4=51afef   # bright blue
+#bright5=c678dd   # bright magenta
+#bright6=46D9FF   # bright cyan
+#bright7=dfdfdf   # bright white
+# 16 = <256-color palette #16>
+# ...
+# 255 = <256-color palette #255>
+# selection-foreground=<inverse foreground/background>
+# selection-background=<inverse foreground/background>
+# jump-labels=<regular0> <regular3>
+# urls=<regular3>
+
+##Dracula Colors
+# [colors]
+# alpha=0.3
+# foreground=f8f8f2
+# background=444444
+# regular0=000000  # black
+# regular1=ff5555  # red
+# regular2=50fa7b  # green
+# regular3=f1fa8c  # yellow
+# regular4=bd93f9  # blue
+# regular5=ff79c6  # magenta
+# regular6=8be9fd  # cyan
+# regular7=bfbfbf  # white
+# bright0=4d4d4d   # bright black
+# bright1=ff6e67   # bright red
+# bright2=5af78e   # bright green
+# bright3=f4f99d   # bright yellow
+# bright4=caa9fa   # bright blue
+# bright5=ff92d0   # bright magenta
+# bright6=9aedfe   # bright cyan
+# bright7=e6e6e6   # bright white
+
+#Floppy Colors
+ [colors]
+ alpha=0.3
+ foreground=a9b1d6
+ background=1a1b26
+ regular0=414868  # black
+ regular1=f7768e  # red
+ regular2=73daca  # green
+ regular3=e0af68  # yellow
+ regular4=7aa2f7  # blue
+ regular5=bb9af7  # magenta
+ regular6=7dcfff  # cyan
+ regular7=c0caf5  # white
+ bright0=414868  # black
+ bright1=f7768e  # red
+ bright2=73daca  # green
+ bright3=e0af68  # yellow
+ bright4=7aa2f7  # blue
+ bright5=bb9af7  # magenta
+ bright6=7dcfff  # cyan
+ bright7=c0caf5  # white
+
+##Lovelace Colors
+# [colors]
+# alpha=0.3
+# foreground=f8f8f2
+# background=444444
+# regular0=282A36  # black
+# regular1=F37F97  # red
+# regular2=5ADECD  # green
+# regular3=F2A272  # yellow
+# regular4=8897F4  # blue
+# regular5=C574DD  # magenta
+# regular6=79E6F3  # cyan
+# regular7=FDFDFD  # white
+#  bright0=414458  # bright black
+#  bright1=FF4971  # bright red
+#  bright2=18E3C8  # bright green
+#  bright3=FF8037  # bright yellow
+#  bright4=556FFF  # bright blue
+#  bright5=B043D1  # bright magenta
+#  bright6=3FDCEE  # bright cyan
+#  bright7=BEBEC1  # bright white
+
+##Amarena Colors
+# [colors]
+# alpha=0.3
+# foreground=FFFFFF
+# background=1A2026
+# regular0=242D35 #black
+# regular1=FB6396 #red
+# regular2=94CF95 #green
+# regular3=F692B2 #yellow
+# regular4=6EC1D6 #blue
+# regular5=CD84C8 #magenta
+# regular6=7FE4D2 #cyan
+# regular7=FFFFFF #white
+#  bright0=526170 #bright black
+#  bright1=F92D72 #bright red
+#  bright2=6CCB6E #bright green
+#  bright3=F26190 #bright yellow
+#  bright4=4CB9D6 #bright blue
+#  bright5=C269BC #bright magenta
+#  bright6=58D6BF #bright cyan
+#  bright7=F4F5F2 #bright white
+  
+#Catpuccin Frappe
+#[colors]
+#    alpha=0.3
+#    foreground=c6d0f5 # Text
+#    background=444444 # Base
+#    regular0=51576d   # Surface 1
+#    regular1=e78284   # red
+#    regular2=a6d189   # green
+#    regular3=e5c890   # yellow
+#    regular4=8caaee   # blue
+#    regular5=f4b8e4   # pink
+#    regular6=81c8be   # teal
+#    regular7=b5bfe2   # Subtext 1
+#    bright0=626880    # Surface 2
+#    bright1=e78284    # red
+#    bright2=a6d189    # green
+#    bright3=e5c890    # yellow
+#    bright4=8caaee    # blue
+#    bright5=f4b8e4    # pink
+#    bright6=81c8be    # teal
+#    bright7=a5adce    # Subtext 0
+
+##Catpuccin Latte
+#[colors]
+#    alpha=0.3
+#    foreground=4c4f69 # Text
+#    background=444444 # Base
+#    regular0=5c5f77   # Subtext 1
+#    regular1=d20f39   # red
+#    regular2=40a02b   # green
+#    regular3=df8e1d   # yellow
+#    regular4=1e66f5   # blue
+#    regular5=ea76cb   # pink
+#    regular6=179299   # teal
+#    regular7=acb0be   # Surface 2
+#    bright0=6c6f85    # Subtext 0
+#    bright1=d20f39    # red
+#    bright2=40a02b    # green
+#    bright3=df8e1d    # yellow
+#    bright4=1e66f5    # blue
+#    bright5=ea76cb    # pink
+#    bright6=179299    # teal
+#    bright7=bcc0cc    # Surface 1
+
+[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=Mod1+BackSpace 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
diff --git a/lineage/.config/gtk-3.0/gtk.css b/lineage/.config/gtk-3.0/gtk.css
new file mode 100644
index 000000000..5e10ad68c
--- /dev/null
+++ b/lineage/.config/gtk-3.0/gtk.css
@@ -0,0 +1,6 @@
+VteTerminal,
+TerminalScreen,
+vte-terminal {
+    padding: 30px 30px 30px 30px;
+    -VteTerminal-inner-border: 20px 20px 20px 20px;
+}
\ No newline at end of file
diff --git a/lineage/.config/gtk-3.0/settings.ini b/lineage/.config/gtk-3.0/settings.ini
new file mode 100644
index 000000000..7c6461a7c
--- /dev/null
+++ b/lineage/.config/gtk-3.0/settings.ini
@@ -0,0 +1,2 @@
+[Settings]
+gtk-application-prefer-dark-theme=0
diff --git a/lineage/.config/gtk-4.0/gtk-dark.css b/lineage/.config/gtk-4.0/gtk-dark.css
new file mode 100644
index 000000000..d5d478f65
--- /dev/null
+++ b/lineage/.config/gtk-4.0/gtk-dark.css
@@ -0,0 +1,6951 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #c0caf5;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #c0caf5;
+/* widget base background color */
+@define-color theme_bg_color #1a1b26;
+/* text widgets and the like base background color */
+@define-color theme_base_color #1a1b26;
+/* base background color of selections */
+@define-color theme_selected_bg_color #a9b1d6;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #1a1b26;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(192, 202, 245, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #24283b;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #c0caf5;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #c0caf5;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1a1b26;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #1a1b26;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #a9b1d6;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(192, 202, 245, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(192, 202, 245, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(192, 202, 245, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #c0caf5;
+@define-color wm_unfocused_title rgba(192, 202, 245, 0.7);
+@define-color wm_highlight rgba(192, 202, 245, 0.1);
+@define-color wm_bg #1a1b26;
+@define-color wm_unfocused_bg #1a1b26;
+@define-color wm_button_close_icon #1a1b26;
+@define-color wm_button_close_hover_bg #a9b1d6;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #1a1b26;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #c0caf5;
+@define-color budgie_tasklist_indicator_color_active #c0caf5;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #a9b1d6;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #a9b1d6;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #1a1b26;
+@define-color window_fg_color #c0caf5;
+@define-color view_bg_color #1a1b26;
+@define-color view_fg_color #c0caf5;
+@define-color headerbar_bg_color #1a1b26;
+@define-color headerbar_fg_color #c0caf5;
+@define-color headerbar_border_color rgba(192, 202, 245, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #1a1b26;
+@define-color card_fg_color #c0caf5;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #1a1b26;
+@define-color dialog_fg_color #c0caf5;
+@define-color popover_bg_color #1a1b26;
+@define-color popover_fg_color #c0caf5;
+@define-color thumbnail_bg_color #1a1b26;
+@define-color thumbnail_fg_color #c0caf5;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #1a1b26;
+  color: #c0caf5;
+}
+
+dnd {
+  color: #c0caf5;
+}
+
+.normal-icons {
+  -gtk-icon-size: 16px;
+}
+
+.large-icons {
+  -gtk-icon-size: 32px;
+}
+
+spinner:disabled,
+arrow:disabled,
+scrollbar:disabled,
+check:disabled,
+radio:disabled,
+treeview.expander:disabled {
+  -gtk-icon-filter: opacity(0.5);
+}
+
+iconview,
+.view {
+  color: #c0caf5;
+}
+
+iconview:disabled,
+.view:disabled {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+textview text {
+  background-color: #1a1b26;
+}
+
+textview border {
+  background-color: #24283b;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 3px;
+}
+
+rubberband,
+.content-view rubberband,
+.content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband,
+.content-view .rubberband,
+columnview.view > rubberband,
+treeview.view > rubberband,
+gridview > rubberband,
+flowbox > rubberband {
+  border: 1px solid #a9b1d6;
+  background-color: rgba(169, 177, 214, 0.3);
+}
+
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+gridview > child {
+  padding: 3px;
+}
+
+gridview > child:selected {
+  outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+  border-spacing: 8px;
+  margin: 12px;
+}
+
+coverflow cover {
+  color: #c0caf5;
+  background-color: #1a1b26;
+  border: 1px solid black;
+}
+
+label.separator {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+label:disabled {
+  color: rgba(192, 202, 245, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #c0caf5;
+}
+
+label.search-information {
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+  color: rgba(192, 202, 245, 0.7);
+  opacity: 1;
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(192, 202, 245, 0.5);
+  font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+  color: #c0caf5;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents,
+.osd {
+  color: #c0caf5;
+  background-clip: padding-box;
+  border-radius: 6px;
+  border: none;
+}
+
+.osd {
+  padding: 6px;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.osd.circular {
+  border-radius: 9999px;
+}
+
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+  to {
+    transform: rotate(1turn);
+  }
+}
+
+spinner {
+  background: none;
+  opacity: 0;
+  -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+}
+
+spinner:checked {
+  opacity: 1;
+  animation: spin 1s linear infinite;
+}
+
+spinner:checked:disabled {
+  opacity: 0.5;
+}
+
+.large-title {
+  font-weight: 300;
+  font-size: 24pt;
+}
+
+.title-1 {
+  font-weight: 800;
+  font-size: 20pt;
+}
+
+.title-2 {
+  font-weight: 800;
+  font-size: 15pt;
+}
+
+.title-3 {
+  font-weight: 700;
+  font-size: 15pt;
+}
+
+.title-4 {
+  font-weight: 700;
+  font-size: 13pt;
+}
+
+.heading {
+  font-weight: 700;
+  font-size: 11pt;
+}
+
+.body {
+  font-weight: 400;
+  font-size: 11pt;
+}
+
+.caption {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-spacing: 6px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.08);
+  color: #c0caf5;
+  outline: none;
+}
+
+entry:focus-within {
+  background-color: rgba(192, 202, 245, 0.08);
+  box-shadow: inset 0 0 0 2px #a9b1d6;
+  outline: none;
+}
+
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  outline: none;
+}
+
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.search {
+  border-radius: 6px;
+}
+
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+entry image {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+entry image:hover,
+entry image:active {
+  color: #c0caf5;
+}
+
+entry image:disabled {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(192, 202, 245, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(192, 202, 245, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.08);
+  color: #c0caf5;
+  outline: none;
+}
+
+entry.error:focus-within {
+  background-color: rgba(192, 202, 245, 0.08);
+  box-shadow: inset 0 0 0 2px #f28b82;
+  outline: none;
+}
+
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.08);
+  color: #c0caf5;
+  outline: none;
+}
+
+entry.warning:focus-within {
+  background-color: rgba(192, 202, 245, 0.08);
+  box-shadow: inset 0 0 0 2px #fdd633;
+  outline: none;
+}
+
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry > progress,
+entry progress > trough > progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #a9b1d6;
+  background-color: transparent;
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #1a1b26;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus-within,
+treeview entry,
+treeview entry:focus-within {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(192, 202, 245, 0.12);
+  color: #c0caf5;
+}
+
+.entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag {
+  margin-left: 4px;
+  margin-right: 0;
+  padding-left: 12px;
+  padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-left: 8px;
+  padding-right: 12px;
+}
+
+.entry-tag.button {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active) {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+editablelabel > stack > text {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.08);
+  color: #c0caf5;
+  outline: none;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: radial-gradient(
+      farthest-side,
+      #a9b1d6 0%,
+      rgba(169, 177, 214, 0) 0%
+    );
+  }
+  to {
+    background-image: radial-gradient(
+      farthest-side,
+      #a9b1d6 95%,
+      rgba(169, 177, 214, 0)
+    );
+  }
+}
+
+toast button,
+toast button.text-button,
+toast button.circular.flat,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button,
+popover.background.touch-selection button,
+popover.background.magnifier button,
+headerbar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+toast button:focus,
+toast button.circular.flat:focus,
+infobar.warning > revealer > box button:focus,
+popover.background.touch-selection button:focus,
+popover.background.magnifier button:focus,
+headerbar.selection-mode
+  button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
+infobar.warning > revealer > box button:hover,
+popover.background.touch-selection button:hover,
+popover.background.magnifier button:hover,
+headerbar.selection-mode
+  button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
+infobar.warning > revealer > box button:active,
+popover.background.touch-selection button:active,
+popover.background.magnifier button:active,
+headerbar.selection-mode
+  button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
+infobar.warning > revealer > box button:checked,
+popover.background.touch-selection button:checked,
+popover.background.magnifier button:checked,
+headerbar.selection-mode
+  button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #c0caf5;
+}
+
+toast button:disabled,
+toast button.circular.flat:disabled,
+infobar.warning > revealer > box button:disabled,
+popover.background.touch-selection button:disabled,
+popover.background.magnifier button:disabled,
+headerbar.selection-mode
+  button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+toast button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled,
+popover.background.touch-selection button:checked:disabled,
+popover.background.magnifier button:checked:disabled,
+headerbar.selection-mode
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar
+  popover
+  button:not(.suggested-action):not(.destructive-action):not(.flat),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(192, 202, 245, 0.08);
+  color: #c0caf5;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #c0caf5;
+  outline: none;
+}
+
+headerbar
+  popover
+  button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #c0caf5;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:active:not(.suggested-action):not(.destructive-action):not(.flat),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #c0caf5;
+}
+
+headerbar
+  popover
+  button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+headerbar
+  popover
+  button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked {
+  box-shadow: none;
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+}
+
+headerbar
+  popover
+  button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:hover {
+  box-shadow: none;
+}
+
+headerbar
+  popover
+  button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  color: #c0caf5;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button,
+calendar > header > button,
+columnview.view > header > button button.circular,
+treeview.view > header > button button.circular,
+row.activatable button.circular,
+scrollbar button,
+notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
+filechooser #pathbarbox > stack > box > button,
+window.dialog.message.csd .dialog-action-area > button,
+.app-notification button,
+headerbar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+toolbar button,
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child),
+splitbutton.suggested-action > button,
+splitbutton.suggested-action > menubutton > button,
+splitbutton.destructive-action > button,
+splitbutton.destructive-action > menubutton > button,
+splitbutton.opaque > button,
+splitbutton.opaque > menubutton > button,
+menubutton.suggested-action > button,
+menubutton.destructive-action > button,
+menubutton.opaque > button,
+menubutton.flat > button,
+button.flat {
+  background-color: transparent;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:focus,
+calendar > header > button:focus,
+columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus,
+row.activatable button.circular:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
+spinbutton.vertical > button:focus,
+spinbutton:not(.vertical) > button:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+window.dialog.message.csd .dialog-action-area > button:focus,
+.app-notification button:focus,
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+toolbar button:focus,
+dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #c0caf5;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover,
+calendar > header > button:hover,
+columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover,
+row.activatable button.circular:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
+spinbutton.vertical > button:hover,
+spinbutton:not(.vertical) > button:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+window.dialog.message.csd .dialog-action-area > button:hover,
+.app-notification button:hover,
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+toolbar button:hover,
+dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+splitbutton.suggested-action > button:hover,
+splitbutton.suggested-action > menubutton > button:hover,
+splitbutton.destructive-action > button:hover,
+splitbutton.destructive-action > menubutton > button:hover,
+splitbutton.opaque > button:hover,
+splitbutton.opaque > menubutton > button:hover,
+menubutton.suggested-action > button:hover,
+menubutton.destructive-action > button:hover,
+menubutton.opaque > button:hover,
+menubutton.flat > button:hover,
+button.flat:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #c0caf5;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active,
+calendar > header > button:active,
+columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active,
+row.activatable button.circular:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
+spinbutton.vertical > button:active,
+spinbutton:not(.vertical) > button:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
+filechooser #pathbarbox > stack > box > button:active,
+window.dialog.message.csd .dialog-action-area > button:active,
+.app-notification button:active,
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+toolbar button:active,
+dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+splitbutton.suggested-action > button:active,
+splitbutton.suggested-action > menubutton > button:active,
+splitbutton.destructive-action > button:active,
+splitbutton.destructive-action > menubutton > button:active,
+splitbutton.opaque > button:active,
+splitbutton.opaque > menubutton > button:active,
+menubutton.suggested-action > button:active,
+menubutton.destructive-action > button:active,
+menubutton.opaque > button:active,
+menubutton.flat > button:active,
+button.flat:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #c0caf5;
+  box-shadow: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
+calendar > header > button:disabled,
+columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled,
+row.activatable button.circular:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
+spinbutton.vertical > button:disabled,
+spinbutton:not(.vertical) > button:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+window.dialog.message.csd .dialog-action-area > button:disabled,
+.app-notification button:disabled,
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+toolbar button:disabled,
+dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(192, 202, 245, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked,
+window.dialog.message.csd .dialog-action-area > button:checked,
+.app-notification button:checked,
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+toolbar button:checked,
+dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+splitbutton.suggested-action > button:checked,
+splitbutton.suggested-action > menubutton > button:checked,
+splitbutton.destructive-action > button:checked,
+splitbutton.destructive-action > menubutton > button:checked,
+splitbutton.opaque > button:checked,
+splitbutton.opaque > menubutton > button:checked,
+menubutton.suggested-action > button:checked,
+menubutton.destructive-action > button:checked,
+menubutton.opaque > button:checked,
+menubutton.flat > button:checked,
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #c0caf5;
+  outline: none;
+  box-shadow: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+window.dialog.message.csd .dialog-action-area > button:checked:disabled,
+.app-notification button:checked:disabled,
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+toolbar button:checked:disabled,
+dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.06);
+  color: rgba(192, 202, 245, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.linked button.image-button {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+  margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+  margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  padding: 12px 16px;
+  box-shadow: none;
+  background-color: #16161e;
+  color: #c0caf5;
+}
+
+button.osd:hover {
+  background-color: #414868;
+  color: #c0caf5;
+}
+
+button.osd:active {
+  background-color: #080808;
+  color: #c0caf5;
+}
+
+button.osd.image-button {
+  padding: 6px;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(169, 177, 214, 0.2),
+    0 4px 3px 0 rgba(169, 177, 214, 0.14), 0 1px 6px 0 rgba(169, 177, 214, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(168, 168, 168, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(169, 177, 214, 0.3),
+    0 2px 3px -1px rgba(169, 177, 214, 0.24),
+    0 2px 5px 0 rgba(169, 177, 214, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(169, 177, 214, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #a9b1d6;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(192, 202, 245, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(169, 177, 214, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f28b82;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(192, 202, 245, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+menubutton.pill > button,
+button.pill {
+  padding: 9px 30px;
+  border-radius: 9999px;
+}
+
+button.card {
+  background-clip: padding-box;
+  font-weight: inherit;
+  background-clip: border-box;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(192, 202, 245, 0.08);
+  color: #c0caf5;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+  background-image: none;
+  background-color: alpha(currentColor, 0.08);
+  color: #c0caf5;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+  background-image: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #c0caf5;
+}
+
+button.card:checked {
+  background-image: none;
+  box-shadow: none;
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+  border-color: #a9b1d6;
+}
+
+button.card:checked:hover {
+  background-image: none;
+  box-shadow: none;
+}
+
+button.card:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+  background-image: none;
+}
+
+button.card.has-open-popup:checked {
+  background-image: none;
+}
+
+button.card:drop(active) {
+  color: #ff7043;
+  box-shadow: inset 0 0 0 1px #ff7043;
+}
+
+stackswitcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+stackswitcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+button.font > box,
+button.file > box {
+  border-spacing: 6px;
+}
+
+button.font > box > box > label,
+button.file > box > box > label {
+  font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+menubutton.circular > button,
+button.close,
+button.circular {
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+menubutton.circular > button label,
+button.close label,
+button.circular label {
+  padding: 0;
+}
+
+.nautilus-window .floating-bar button,
+placessidebar .navigation-sidebar > row button.sidebar-button,
+notebook > header tab button.flat,
+popover.menu box.circular-buttons button.circular.image-button.model,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: #a9b1d6;
+  color: #c0caf5;
+}
+
+menubutton.destructive-action {
+  background-color: #f28b82;
+  color: #c0caf5;
+}
+
+menubutton.opaque {
+  background-color: #565f89;
+  color: #c0caf5;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+  border-radius: 6px;
+}
+
+menubutton.suggested-action.circular,
+menubutton.suggested-action.pill,
+menubutton.destructive-action.circular,
+menubutton.destructive-action.pill,
+menubutton.opaque.circular,
+menubutton.opaque.pill {
+  border-radius: 9999px;
+}
+
+menubutton.suggested-action > button,
+menubutton.suggested-action > button:checked,
+menubutton.destructive-action > button,
+menubutton.destructive-action > button:checked,
+menubutton.opaque > button,
+menubutton.opaque > button:checked {
+  background-color: transparent;
+  color: inherit;
+}
+
+menubutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+menubutton arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menubutton arrow.none {
+  -gtk-icon-source: -gtk-icontheme('open-menu-symbolic');
+}
+
+menubutton arrow.down {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menubutton arrow.up {
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menubutton arrow.left {
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+menubutton arrow.right {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+splitbutton {
+  border-radius: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  transition-property: background;
+}
+
+splitbutton:disabled {
+  filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+  filter: none;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton > menubutton > button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+splitbutton.text-button.image-button > button,
+splitbutton.image-text-button > button {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+splitbutton.text-button.image-button > button > box,
+splitbutton.image-text-button > button > box {
+  border-spacing: 6px;
+}
+
+splitbutton > button:dir(ltr),
+splitbutton > menubutton > button:dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  margin-right: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+  background: rgba(192, 202, 245, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+  background: alpha(currentColor, 0.07);
+}
+
+splitbutton.flat:hover > separator,
+splitbutton.flat:active > separator,
+splitbutton.flat:checked > separator {
+  background: none;
+}
+
+splitbutton.flat:focus-within:focus-visible > separator {
+  background: none;
+}
+
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button {
+  border-radius: 6px;
+}
+
+splitbutton.suggested-action {
+  background-color: #a9b1d6;
+  color: #c0caf5;
+}
+
+splitbutton.destructive-action {
+  background-color: #f28b82;
+  color: #c0caf5;
+}
+
+splitbutton.opaque {
+  background-color: #565f89;
+  color: #c0caf5;
+}
+
+splitbutton.suggested-action > button,
+splitbutton.suggested-action > button:checked,
+splitbutton.suggested-action > menubutton > button,
+splitbutton.suggested-action > menubutton > button:checked,
+splitbutton.destructive-action > button,
+splitbutton.destructive-action > button:checked,
+splitbutton.destructive-action > menubutton > button,
+splitbutton.destructive-action > menubutton > button:checked,
+splitbutton.opaque > button,
+splitbutton.opaque > button:checked,
+splitbutton.opaque > menubutton > button,
+splitbutton.opaque > menubutton > button:checked {
+  color: inherit;
+  background-color: transparent;
+}
+
+splitbutton.suggested-action > menubutton > button:dir(ltr),
+splitbutton.destructive-action > menubutton > button:dir(ltr),
+splitbutton.opaque > menubutton > button:dir(ltr) {
+  box-shadow: inset 1px 0 rgba(192, 202, 245, 0.12);
+}
+
+splitbutton.suggested-action > menubutton > button:dir(rtl),
+splitbutton.destructive-action > menubutton > button:dir(rtl),
+splitbutton.opaque > menubutton > button:dir(rtl) {
+  box-shadow: inset -1px 0 rgba(192, 202, 245, 0.12);
+}
+
+splitbutton > menubutton > button > arrow.none {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+buttoncontent {
+  border-spacing: 6px;
+}
+
+buttoncontent > label {
+  font-weight: bold;
+}
+
+buttoncontent > label:dir(ltr) {
+  padding-right: 2px;
+}
+
+buttoncontent > label:dir(rtl) {
+  padding-left: 2px;
+}
+
+.arrow-button > box > buttoncontent > label:dir(ltr),
+splitbutton > button > buttoncontent > label:dir(ltr) {
+  padding-right: 0;
+}
+
+.arrow-button > box > buttoncontent > label:dir(rtl),
+splitbutton > button > buttoncontent > label:dir(rtl) {
+  padding-left: 0;
+}
+
+stacksidebar row.needs-attention > label,
+stackswitcher > button.needs-attention > label,
+stackswitcher > button.needs-attention > image {
+  animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+  background-size: 6px 6px;
+}
+
+stacksidebar row.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > image:dir(rtl) {
+  background-position: left 3px;
+}
+
+.linked:not(.vertical) > entry,
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > button.image-button {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child,
+.linked:not(.vertical) > button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child,
+.linked:not(.vertical) > button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child,
+.linked:not(.vertical) > button:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > entry,
+.linked.vertical > button,
+.linked.vertical > button.image-button {
+  border-radius: 0;
+}
+
+.linked.vertical > entry:first-child,
+.linked.vertical > button:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child,
+.linked.vertical > button:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child,
+.linked.vertical > button:only-child {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+list > row button.image-button:not(.flat) {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list > row button.image-button:not(.flat):hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #c0caf5;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #c0caf5;
+}
+
+list > row button.image-button.suggested-action:not(.flat) {
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+list > row button.image-button.destructive-action:not(.flat) {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/*********
+ * Links *
+ *********/
+link {
+  color: #2196f3;
+}
+
+link:visited {
+  color: #ce93d8;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #2196f3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #ce93d8;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  border-radius: 6px;
+  padding: 0;
+  border-spacing: 0;
+  min-height: 0;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.08);
+  color: #c0caf5;
+  outline: none;
+}
+
+spinbutton:focus-within {
+  background-color: rgba(192, 202, 245, 0.08);
+  box-shadow: inset 0 0 0 2px #a9b1d6;
+  outline: none;
+}
+
+spinbutton:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+spinbutton:not(.vertical) > text {
+  min-width: 32px;
+  margin: 0;
+  padding-left: 12px;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+spinbutton:not(.vertical) > button {
+  border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical)
+  > button:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+spinbutton:not(.vertical) > button.up:dir(ltr),
+spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: -3px;
+}
+
+spinbutton:not(.vertical) > button.up:dir(rtl),
+spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: -3px;
+}
+
+spinbutton.vertical > text {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical > button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+spinbutton.vertical > button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+  margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+  margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+dropdown > button > box {
+  border-spacing: 6px;
+}
+
+dropdown arrow,
+combobox arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  min-height: 16px;
+  min-width: 16px;
+}
+
+dropdown > popover.menu > contents modelbutton,
+combobox > popover.menu > contents modelbutton {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+dropdown button.combo cellview:dir(ltr),
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+dropdown button.combo cellview:dir(rtl),
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+dropdown popover,
+combobox popover {
+  margin-top: 4px;
+  padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+  margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+  padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+  color: #c0caf5;
+  background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+  padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.08);
+  color: #c0caf5;
+  outline: none;
+}
+
+button.combo:only-child:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #c0caf5;
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #c0caf5;
+}
+
+button.combo:only-child:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #c0caf5;
+  box-shadow: none;
+}
+
+button.combo:only-child:checked {
+  background-color: alpha(currentColor, 0.1);
+  color: #c0caf5;
+  outline: none;
+  box-shadow: none;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: none;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+  padding: 3px 6px;
+  background-color: #1a1b26;
+  border-spacing: 6px;
+}
+
+.osd .toolbar,
+.osd toolbar {
+  background-color: transparent;
+}
+
+.app-notification,
+.toolbar.osd,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(192, 202, 245, 0.1);
+  background-color: #292e42;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(192, 202, 245, 0.1);
+}
+
+.left.app-notification,
+.right.app-notification,
+.top.app-notification,
+.bottom.app-notification,
+.toolbar.osd.left,
+.toolbar.osd.right,
+.toolbar.osd.top,
+.toolbar.osd.bottom,
+toolbar.osd.left,
+toolbar.osd.right,
+toolbar.osd.top,
+toolbar.osd.bottom {
+  border-radius: 0;
+}
+
+.bottom.app-notification,
+.toolbar.osd.bottom,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+.toolbar.horizontal > separator,
+toolbar.horizontal > separator {
+  margin: 2px;
+}
+
+.toolbar.vertical > separator,
+toolbar.vertical > separator {
+  margin: 2px;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) scale,
+.toolbar:not(.inline-toolbar):not(.osd) entry,
+.toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+.toolbar:not(.inline-toolbar):not(.osd) button,
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+  margin: 2px;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+  margin-left: 0;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+  margin-right: 0;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+.toolbar:not(.inline-toolbar):not(.osd) spinbutton button,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+  margin: 0;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) switch,
+toolbar:not(.inline-toolbar):not(.osd) switch {
+  margin: 8px 2px;
+}
+
+searchbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(192, 202, 245, 0.12);
+  background-color: #1a1b26;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+  margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.7);
+  border-radius: 6px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #c0caf5;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+headerbar entry {
+  background-color: rgba(192, 202, 245, 0.04);
+  color: #c0caf5;
+}
+
+headerbar entry:focus-within {
+  box-shadow: inset 0 0 0 2px #a9b1d6;
+}
+
+headerbar entry:disabled {
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar entry image {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+headerbar entry image:hover,
+headerbar entry image:active {
+  color: #c0caf5;
+}
+
+headerbar entry image:disabled {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1a1b26;
+  color: #c0caf5;
+  box-shadow: inset 0 1px rgba(192, 202, 245, 0.1);
+}
+
+headerbar:disabled {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar:backdrop {
+  background-color: #1a1b26;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+headerbar:backdrop:disabled {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+headerbar.flat {
+  background-color: transparent;
+  color: #c0caf5;
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(192, 202, 245, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar > windowhandle > box {
+  padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+  background-color: rgba(192, 202, 245, 0.12);
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+headerbar headerbar + separator {
+  background-color: rgba(192, 202, 245, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar stackswitcher {
+  margin: 6px 0;
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(192, 202, 245, 0);
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+headerbar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+headerbar .selection-mode {
+  box-shadow: inset 0 1px rgba(192, 202, 245, 0);
+  background-color: #a9b1d6;
+}
+
+.tiled headerbar,
+.tiled-top headerbar,
+.tiled-right headerbar,
+.tiled-bottom headerbar,
+.tiled-left headerbar,
+.maximized headerbar,
+.fullscreen headerbar {
+  border-radius: 0;
+}
+
+headerbar.default-decoration {
+  min-height: 24px;
+  padding: 6px;
+  border-radius: 6px 6px 0 0;
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+window.devel headerbar.titlebar {
+  background: #1a1b26
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    linear-gradient(to right, transparent 65%, rgba(169, 177, 214, 0.1)),
+    linear-gradient(to top, #343434 3px, #393939);
+}
+
+window.devel headerbar.titlebar:backdrop {
+  background: #1a1b26
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    image(#1a1b26);
+  /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-radius: 6px;
+}
+
+pathbar > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+pathbar > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+pathbar > button.text-button {
+  min-width: 0;
+}
+
+pathbar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.pathbar {
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.7);
+  border: none;
+  border-radius: 6px;
+  padding: 2px;
+}
+
+headerbar .pathbar {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.7);
+}
+
+.pathbar > button {
+  margin-top: 0;
+  margin-bottom: 0;
+  min-height: 20px;
+  border-radius: 4px;
+  border: none;
+  box-shadow: none;
+}
+
+.pathbar > button:last-child {
+  background-color: alpha(currentColor, 0.1);
+  color: #c0caf5;
+  outline: none;
+  box-shadow: none;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+  border-left-color: #414868;
+  border-top-color: #414868;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+  background-color: alpha(currentColor, 0.1);
+  box-shadow: none;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+columnview.view:hover,
+columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(192, 202, 245, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+  box-shadow: none;
+}
+
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  color: rgba(192, 202, 245, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+  color: #c0caf5;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+  color: #c0caf5;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+  color: #c0caf5;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 6px solid #a9b1d6;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 6px solid rgba(192, 202, 245, 0.12);
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(192, 202, 245, 0.12);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+columnview.view > header > button,
+columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+  background-color: #1a1b26;
+}
+
+columnview.view > header > button:last-child,
+treeview.view > header > button:last-child {
+  border-right-style: none;
+}
+
+columnview.view button.dnd,
+columnview.view header.button.dnd,
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(192, 202, 245, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #1a1b26;
+  background-clip: border-box;
+  color: #a9b1d6;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #a9b1d6;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+  padding: 0;
+  color: #c0caf5;
+}
+
+menubar:backdrop {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+.csd menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+menubar > item:selected {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #c0caf5;
+}
+
+menubar > item:disabled {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+menubar > item label:disabled {
+  color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+  margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+  margin: 0;
+  border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+popover.menu box.inline-buttons {
+  padding: 0 6px;
+}
+
+popover.menu box.inline-buttons button.image-button.model {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 0;
+  border: none;
+  outline: none;
+  transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+  background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  font: initial;
+}
+
+popover.background,
+popover.background:backdrop {
+  background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  background-color: #292e42;
+  background-clip: border-box;
+  border-radius: 12px;
+  color: #c0caf5;
+  border: none;
+  border: 1px solid rgba(192, 202, 245, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+  background-clip: border-box;
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+  border: none;
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+
+popover.background separator {
+  margin: 6px 0;
+}
+
+popover.background modelbutton {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 22px;
+  min-width: 56px;
+  padding: 3px 9px;
+  border-radius: 6px;
+  color: #c0caf5;
+  font: initial;
+  text-shadow: none;
+  box-shadow: none;
+  background: none;
+}
+
+popover.background modelbutton:hover {
+  transition: none;
+  background-color: #3b4261;
+  color: #0db9d7;
+}
+
+popover.background modelbutton:disabled {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+popover.background modelbutton arrow.left {
+  -gtk-icon-source: -gtk-icontheme('go-previous-symbolic');
+}
+
+popover.background modelbutton arrow.right {
+  -gtk-icon-source: -gtk-icontheme('go-next-symbolic');
+}
+
+popover.background label.title {
+  font-weight: bold;
+  padding: 4px 26px;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background > contents separator {
+  background-color: rgba(192, 202, 245, 0.12);
+  margin: 3px 0;
+}
+
+popover.background > contents list separator {
+  margin: 0;
+}
+
+popover.background > contents stack > box {
+  padding: 0;
+}
+
+popover.background > contents stack > scrolledwindow > viewport {
+  border: 1px solid rgba(192, 202, 245, 0.12);
+  border-radius: 2px;
+}
+
+popover.background > contents > box > button {
+  margin: 0;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+.osd popover.background,
+popover.background.touch-selection,
+popover.background.magnifier {
+  background-color: transparent;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents {
+  border: none;
+  box-shadow: none;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(192, 202, 245, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(192, 202, 245, 0.04);
+  color: #0db9d7;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header tab:selected {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292e42;
+  color: #0db9d7;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header tab:selected:disabled {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(192, 202, 245, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #1a1b26;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(192, 202, 245, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+notebook > header.top > tabs > arrow {
+  border-top-style: none;
+}
+
+notebook > header.bottom > tabs > arrow {
+  border-bottom-style: none;
+}
+
+notebook > header.top > tabs > arrow,
+notebook > header.bottom > tabs > arrow {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+notebook > header.top > tabs > arrow.down,
+notebook > header.bottom > tabs > arrow.down {
+  margin-left: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+notebook > header.left > tabs > arrow {
+  border-left-style: none;
+}
+
+notebook > header.right > tabs > arrow {
+  border-right-style: none;
+}
+
+notebook > header.left > tabs > arrow,
+notebook > header.right > tabs > arrow {
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+
+notebook > header.left > tabs > arrow.down,
+notebook > header.right > tabs > arrow.down {
+  margin-top: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(192, 202, 245, 0.12);
+  color: #c0caf5;
+}
+
+notebook > header tab button.flat:last-child {
+  margin-left: 6px;
+  margin-right: -6px;
+}
+
+notebook > header tab button.flat:first-child {
+  margin-left: -6px;
+  margin-right: 6px;
+}
+
+notebook > header tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+notebook > header.top tabs:not(:only-child):first-child,
+notebook > header.bottom tabs:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+notebook > header.top tabs:not(:only-child):last-child,
+notebook > header.bottom tabs:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+notebook > header.top tabs tab.reorderable-page,
+notebook > header.bottom tabs tab.reorderable-page {
+  border-style: solid;
+}
+
+notebook > header.left tabs:not(:only-child):first-child,
+notebook > header.right tabs:not(:only-child):first-child {
+  margin-top: 0;
+}
+
+notebook > header.left tabs:not(:only-child):last-child,
+notebook > header.right tabs:not(:only-child):last-child {
+  margin-bottom: 0;
+}
+
+notebook > header.left tabs tab.reorderable-page,
+notebook > header.right tabs tab.reorderable-page {
+  border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+  padding: 3px;
+  min-width: 24px;
+  min-height: 24px;
+  margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+tabbar .box {
+  min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  margin: 3px;
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+  background-color: transparent;
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+  filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+  margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+  margin: 3px;
+  padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+  padding: 6px;
+}
+
+tabbar .start-action:dir(ltr),
+tabbar .end-action:dir(rtl) {
+  padding-right: 0;
+}
+
+tabbar .start-action:dir(rtl),
+tabbar .end-action:dir(ltr) {
+  padding-left: 0;
+}
+
+dnd tab {
+  min-height: 24px;
+  background-color: #1a1b26;
+  color: #c0caf5;
+  margin: 24px;
+  outline: none;
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+    0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+  padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(#a9b1d6, 0.5);
+  transform: translateY(4px);
+}
+
+tabthumbnail {
+  border-radius: 10px;
+  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+    background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+  margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(#ff7043, 0.4);
+  background-color: alpha(#ff7043, 0.1);
+}
+
+tabthumbnail .needs-attention:dir(ltr) {
+  transform: translate(8px, -8px);
+}
+
+tabthumbnail .needs-attention:dir(rtl) {
+  transform: translate(-8px, -8px);
+}
+
+tabthumbnail .needs-attention > widget {
+  background: #a9b1d6;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 6px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(#a9b1d6, 0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: none;
+  border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: #1a1b26;
+  color: #c0caf5;
+}
+
+tabthumbnail .pinned-box {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+  border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+  margin: 6px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1a1b26;
+}
+
+scrollbar > range > trough {
+  outline: none;
+  background: none;
+  border: none;
+}
+
+scrollbar > range > trough > slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(192, 202, 245, 0.5);
+  box-shadow: none;
+  outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(192, 202, 245, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: #c0caf5;
+}
+
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(192, 202, 245, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+  min-width: 4px;
+  min-height: 4px;
+}
+
+scrollbar > range.fine-tune.horizontal > trough > slider {
+  margin: 2px 0;
+}
+
+scrollbar > range.fine-tune.vertical > trough > slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) > range > trough > slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(192, 202, 245, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(192, 202, 245, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+scrollbar.horizontal > range > trough > slider {
+  min-width: 24px;
+}
+
+scrollbar.vertical > range > trough > slider {
+  min-height: 24px;
+}
+
+scrollbar button {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+scrollbar.vertical button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+scrollbar.horizontal button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+scrollbar.horizontal button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(192, 202, 245, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+  color: transparent;
+}
+
+switch:checked {
+  background-color: #a9b1d6;
+  border-color: #a9b1d6;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+}
+
+switch > slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(192, 202, 245, 0.7);
+  border: none;
+}
+
+switch:focus > slider {
+  box-shadow: 0 0 0 10px rgba(192, 202, 245, 0.04);
+}
+
+switch:hover > slider {
+  box-shadow: 0 0 0 10px rgba(192, 202, 245, 0.12);
+}
+
+switch:focus:hover > slider {
+  box-shadow: 0 0 0 10px rgba(192, 202, 245, 0.12);
+}
+
+switch:checked > slider {
+  background-color: #1a1b26;
+  color: #1a1b26;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+checkbutton,
+radiobutton {
+  outline: none;
+  border-spacing: 4px;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+  padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 16px;
+  min-width: 16px;
+  -gtk-icon-size: 16px;
+  padding: 0;
+  margin: 3px;
+  border: 2px solid rgba(192, 202, 245, 0.7);
+  background-clip: border-box;
+  background-color: transparent;
+  border-radius: 9999px;
+  box-shadow: 0 0 0 10px transparent;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+  border-color: inherit;
+  box-shadow: 0 0 0 10px rgba(192, 202, 245, 0.04);
+}
+
+check:active,
+radio:active {
+  border-color: #c0caf5;
+  box-shadow: 0 0 0 10px rgba(192, 202, 245, 0.12);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  border-color: transparent;
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  background-color: #9aa5ce;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(192, 202, 245, 0.3);
+  color: #1a1b26;
+}
+
+check:disabled,
+radio:disabled {
+  border-color: rgba(192, 202, 245, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: none;
+}
+
+popover.menu check,
+popover.menu radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
+popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+  border-color: transparent;
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+  border-color: transparent;
+  background-color: rgba(0, 0, 0, 0.87);
+  color: #a9b1d6;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(192, 202, 245, 0.3);
+  color: #1a1b26;
+}
+
+popover.menu check,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  box-shadow: none;
+  color: inherit;
+}
+
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+  margin-left: 6px;
+}
+
+check:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/dot-symbolic@2.svg'))
+  );
+}
+
+check:indeterminate,
+radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/line-symbolic@2.svg'))
+  );
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector
+  radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+  border-color: transparent;
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+checkbutton.theme-selector radio:checked:hover {
+  background-color: #9aa5ce;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 16px;
+  min-width: 16px;
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 2px;
+  border-radius: 9999px;
+  margin: 3px;
+  -gtk-icon-size: 20px;
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+themeswitcher .check:hover {
+  background-color: #9aa5ce;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+  padding: 0;
+  margin: 2px;
+  min-height: 48px;
+  min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+  outline-color: rgba(192, 202, 245, 0.12);
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  -gtk-icon-source: none;
+  transition: none;
+  border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  box-shadow: inset 0 0 0 2px #a9b1d6;
+  outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+  background-image: linear-gradient(-45deg, #24283b 49.99%, #c0caf5 50.01%);
+  background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: #c0caf5;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+  color: #c0caf5;
+  background-image: image(#24283b);
+  background-color: transparent;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(192, 202, 245, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(192, 202, 245, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#a9b1d6);
+}
+
+scale highlight:disabled {
+  background-color: #1a1b26;
+  background-image: image(rgba(192, 202, 245, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(192, 202, 245, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #a9b1d6;
+  background-color: #1a1b26;
+  box-shadow: inset 0 0 0 2px #a9b1d6;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #a9b1d6, 0 0 0 8px rgba(192, 202, 245, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #a9b1d6, 0 0 0 8px rgba(192, 202, 245, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(192, 202, 245, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(192, 202, 245, 0.3);
+  color: transparent;
+}
+
+scale.horizontal > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+  margin-left: 6px;
+  margin-right: -14px;
+}
+
+scale.horizontal indicator {
+  min-height: 8px;
+  min-width: 1px;
+}
+
+scale.vertical indicator {
+  min-height: 1px;
+  min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-before-slider-dark.png'),
+    url('assets/scale-horz-marks-before-slider-dark@2.png')
+  );
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-before-slider-disabled-dark.png'),
+    url('assets/scale-horz-marks-before-slider-disabled-dark@2.png')
+  );
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-before-slider-dark.png'),
+    url('assets/scale-horz-marks-before-slider-dark@2.png')
+  );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/scale-horz-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-disabled-dark.png'),
+    url('assets/scale-horz-marks-after-slider-disabled-dark@2.png')
+  );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/scale-horz-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-before-slider-dark.png'),
+    url('assets/scale-vert-marks-before-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-before-slider-disabled-dark.png'),
+    url('assets/scale-vert-marks-before-slider-disabled-dark@2.png')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-before-slider-dark.png'),
+    url('assets/scale-vert-marks-before-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/scale-vert-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-disabled-dark.png'),
+    url('assets/scale-vert-marks-after-slider-disabled-dark@2.png')
+  );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/scale-vert-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.color {
+  min-height: 0;
+  min-width: 0;
+}
+
+scale.color.horizontal {
+  padding: 0 0 12px 0;
+}
+
+scale.color.horizontal slider:dir(ltr),
+scale.color.horizontal slider:dir(rtl) {
+  margin-bottom: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(192, 202, 245, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(192, 202, 245, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #a9b1d6;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #a9b1d6;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #fdd633;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #a9b1d6;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(192, 202, 245, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+  color: #c0caf5;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.dialog.print drawing paper {
+  padding: 0;
+  border: 1px solid rgba(192, 202, 245, 0.12);
+  background-color: #1a1b26;
+  color: #c0caf5;
+}
+
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  border: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+frame > list,
+.frame > list {
+  border: none;
+}
+
+frame.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame {
+  border-radius: 6px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid rgba(192, 202, 245, 0.12);
+  background-color: #1a1b26;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+statusbar {
+  padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at top,
+    rgba(169, 177, 214, 0.24) 99%,
+    rgba(169, 177, 214, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at bottom,
+    rgba(169, 177, 214, 0.24) 99%,
+    rgba(169, 177, 214, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at left,
+    rgba(169, 177, 214, 0.24) 99%,
+    rgba(169, 177, 214, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at right,
+    rgba(169, 177, 214, 0.24) 99%,
+    rgba(169, 177, 214, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: right center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+junction {
+  border-style: solid none none solid;
+  border-width: 1px;
+  border-color: rgba(192, 202, 245, 0.12);
+  background-color: #1a1b26;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator:not(.spacer) {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(192, 202, 245, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+  border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+  border-bottom: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+  border-color: rgba(192, 202, 245, 0.12);
+  background-color: #1a1b26;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+listview row,
+list row {
+  padding: 2px;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+listview > row.expander,
+list > row.expander {
+  padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list.frame {
+  border-radius: 6px;
+}
+
+listview.view {
+  color: #c0caf5;
+  background-color: transparent;
+}
+
+popover.menu listview.view {
+  padding: 0;
+}
+
+popover.menu listview.view > row {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+  border-radius: 6px;
+}
+
+row {
+  color: rgba(192, 202, 245, 0.7);
+  background-clip: padding-box;
+}
+
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button.has-open-popup,
+treeview.view > header > button.has-open-popup,
+columnview.view > header > button:active,
+treeview.view > header > button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+  box-shadow: none;
+}
+
+button:checked row.activatable {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected image,
+row:selected label {
+  color: #c0caf5;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+treeexpander {
+  border-spacing: 4px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid #a9b1d6;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #a9b1d6;
+}
+
+.rich-list {
+  /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+  padding: 9px 12px;
+  min-height: 32px;
+  /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+  border-spacing: 9px;
+  padding: 9px;
+  border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #a9b1d6;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(192, 202, 245, 0.7);
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+expander:hover,
+expander:active {
+  color: #c0caf5;
+}
+
+expander:disabled {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+expander-widget > box > title {
+  border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus,
+.navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+  box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 0;
+  border: 1px solid rgba(192, 202, 245, 0.12);
+  border-radius: 6px;
+  color: #c0caf5;
+}
+
+calendar:disabled {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar > header {
+  padding: 3px;
+  border-bottom: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+calendar > header > button {
+  min-height: 24px;
+}
+
+calendar > grid {
+  margin: 3px;
+}
+
+calendar > grid > label {
+  border-radius: 9999px;
+  margin: 0;
+}
+
+calendar > grid > label.today {
+  box-shadow: none;
+}
+
+calendar > grid > label.today:selected {
+  box-shadow: none;
+}
+
+calendar > grid > label:focus {
+  outline-style: none;
+}
+
+calendar > grid > label.day-number {
+  padding: 9px;
+}
+
+calendar > grid > label.day-number:selected {
+  color: #c0caf5;
+  background-color: alpha(currentColor, 0.06);
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+  background-color: #292e42;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+  border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(192, 202, 245, 0.1);
+  background-color: #292e42;
+  color: #c0caf5;
+}
+
+window.dialog.message .titlebar:backdrop {
+  background-color: #292e42;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+window.dialog.message.csd .dialog-action-area {
+  margin-top: -6px;
+  padding: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button,
+window.dialog.message.csd .dialog-action-area > button:first-child,
+window.dialog.message.csd .dialog-action-area > button:last-child {
+  border-radius: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:last-child) {
+  margin-right: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
+  color: #a9b1d6;
+}
+
+window.dialog.message.csd
+  .dialog-action-area
+  > button.destructive-action:not(:disabled) {
+  color: #f28b82;
+}
+
+window.background.csd.dialog > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(192, 202, 245, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+  border-radius: 6px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(192, 202, 245, 0.12);
+  background-color: #1a1b26;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+  border-right: 1px solid rgba(192, 202, 245, 0.12);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(192, 202, 245, 0.12);
+  border-right-style: none;
+}
+
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+  border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+  border-left: none;
+}
+
+.sidebar listview.view,
+.sidebar list {
+  background-color: transparent;
+}
+
+paned .sidebar.left,
+paned .sidebar.right,
+paned .sidebar.left:dir(rtl),
+paned .sidebar:dir(rtl),
+paned .sidebar:dir(ltr),
+paned .sidebar {
+  border-style: none;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+  border: none;
+}
+
+stacksidebar list {
+  padding: 4px 0;
+}
+
+stacksidebar row {
+  min-height: 24px;
+  padding: 6px 9px;
+  border-radius: 6px;
+  margin: 2px 6px;
+}
+
+stacksidebar row:selected {
+  font-weight: 500;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(192, 202, 245, 0.12);
+  border-right: none;
+}
+
+separator.sidebar.selection-mode,
+.selection-mode separator.sidebar {
+  background-color: rgba(192, 202, 245, 0.15);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+  border-right: none;
+  margin: 0 4px;
+}
+
+.navigation-sidebar > row {
+  min-height: 32px;
+  padding: 2px 4px;
+  margin: 1px 0;
+  border-radius: 6px;
+}
+
+.navigation-sidebar > row:hover,
+.navigation-sidebar > row:focus-visible:focus-within {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+  color: #0db9d7;
+  font-weight: 500;
+}
+
+.navigation-sidebar > row:selected:hover {
+  background-color: #292e42;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+  outline: none;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+.navigation-sidebar > separator {
+  margin: 3px 0;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(192, 202, 245, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+  font-weight: 500;
+}
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+  color: #a9b1d6;
+}
+
+placessidebar
+  .navigation-sidebar
+  > row.sidebar-new-bookmark-row
+  image.sidebar-icon {
+  color: #a9b1d6;
+}
+
+placessidebar .navigation-sidebar > row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: image(#414868);
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #1a1b26;
+  background-image: image(#414868), image(#414868);
+  background-size: 1px 1px, 1px 1px;
+}
+
+paned.horizontal > separator {
+  background-repeat: repeat-y;
+}
+
+paned.horizontal > separator:dir(ltr) {
+  margin: 0 -8px 0 0;
+  padding: 0 8px 0 0;
+  background-position: left;
+}
+
+paned.horizontal > separator:dir(rtl) {
+  margin: 0 0 0 -8px;
+  padding: 0 0 0 8px;
+  background-position: right;
+}
+
+paned.horizontal > separator.wide {
+  margin: 0;
+  padding: 0;
+  background-repeat: repeat-y, repeat-y;
+  background-position: left, right;
+}
+
+paned.vertical > separator {
+  margin: 0 0 -8px 0;
+  padding: 0 0 8px 0;
+  background-repeat: repeat-x;
+  background-position: top;
+}
+
+paned.vertical > separator.wide {
+  margin: 0;
+  padding: 0;
+  background-repeat: repeat-x, repeat-x;
+  background-position: bottom, top;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+  background: black;
+  border-radius: 6px;
+}
+
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 9999px;
+  border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border: none;
+  margin-bottom: 0;
+}
+
+infobar > revealer > box {
+  padding: 6px;
+  border-spacing: 12px;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #a9b1d6;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #24283b;
+  color: #a9b1d6;
+  border-radius: 6px;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #c0caf5;
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #292e42;
+  color: #a9b1d6;
+  border-radius: 6px;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border: none;
+  background-clip: padding-box;
+  padding: 6px 12px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #c0caf5;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+  border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.dark {
+  color: #c0caf5;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button {
+  border-radius: 12px 12px 0 0;
+  color: #c0caf5;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 12px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: #292e42;
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(192, 202, 245, 0.1);
+  background-color: #292e42;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(192, 202, 245, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #1a1b26;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window.csd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  outline-color: rgba(192, 202, 245, 0.2);
+  outline-offset: -1px;
+  outline-style: solid;
+  outline-width: 1px;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.csd {
+  border-radius: 12px;
+}
+
+window:backdrop {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15),
+    0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.popup {
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+window.dialog.message {
+  border-radius: 12px;
+}
+
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #1a1b26;
+  border: 1px solid #414868;
+}
+
+window.solid-csd:backdrop {
+  background-color: #1a1b26;
+}
+
+window.maximized,
+window.fullscreen,
+window.tiled,
+window.tiled-top,
+window.tiled-right,
+window.tiled-bottom,
+window.tiled-left {
+  border-radius: 0;
+  outline-width: 0;
+}
+
+windowcontrols {
+  border-spacing: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+  margin-left: 6px;
+  margin-right: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+  margin-left: 6px;
+  margin-right: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 50%;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) image {
+  background: none;
+}
+
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action):hover {
+  background-color: #0db9d7;
+  color: #1a1b26;
+}
+
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action):active {
+  background-color: #ff9e64;
+  color: #1a1b26;
+}
+
+gridview > child:selected,
+row:selected,
+calendar:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.view:selected,
+iconview:selected,
+flowbox > flowboxchild:selected,
+calendar > grid > label.today {
+  color: #a9b1d6;
+  background-color: rgba(169, 177, 214, 0.2);
+}
+
+text > selection,
+label > selection,
+calendar > grid > label.today:selected,
+stacksidebar row:selected,
+.navigation-sidebar > row:selected {
+  color: #a9b1d6;
+  background-color: #24283b;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #a9b1d6;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(192, 202, 245, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(192, 202, 245, 0.12);
+  background-color: #292e42;
+  color: #c0caf5;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #a9b1d6;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 0;
+  background-color: alpha(currentColor, 0.05);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) {
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher.circular {
+  border-spacing: 12px;
+}
+
+stackswitcher.circular button.circular,
+stackswitcher.circular button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid rgba(192, 202, 245, 0.12);
+  background: none;
+}
+
+.emoji-searchbar entry text {
+  background: none;
+  box-shadow: none;
+}
+
+.emoji-toolbar {
+  padding: 0;
+  border-spacing: 3px;
+  border-top: 1px solid rgba(192, 202, 245, 0.12);
+  background: none;
+}
+
+button.emoji-section {
+  margin: 0;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.emoji-section:checked {
+  color: #a9b1d6;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus,
+popover.emoji-picker emoji:hover {
+  background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+  padding: 2px 6px;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover,
+emoji-completion-row emoji:hover,
+emoji-completion-row emoji:focus {
+  background-color: alpha(currentColor, 0.08);
+  color: #c0caf5;
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+
+.nautilus-window {
+  background-color: #1a1b26;
+}
+
+.nautilus-window:backdrop {
+  background-color: #1a1b26;
+}
+
+.nautilus-window headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window separator.spacer {
+  padding-right: 1.5em;
+}
+
+.nautilus-window flap.unfolded > placessidebar {
+  background-color: transparent;
+  color: rgba(192, 202, 245, 0.7);
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar {
+  background: none;
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > separator {
+  background: rgba(192, 202, 245, 0.1);
+}
+
+.nautilus-window .vertical separator {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  button.sidebar-button {
+  color: #c0caf5;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:hover {
+  background-color: rgba(192, 202, 245, 0.12);
+  color: #c0caf5;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected {
+  background-color: #24283b;
+  font-weight: 700;
+  border-left: 3px solid #f7768e;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #0db9d7;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though
+  > slider {
+  border: none;
+}
+
+.nautilus-window .nautilus-grid-view.view {
+  margin: 0 6px 6px;
+}
+
+.nautilus-window .unfolded {
+  background-color: #1a1b26;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+  background-color: #24283b;
+  border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+  background: none;
+}
+
+.nautilus-window placesview label {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+.nautilus-window infobar {
+  margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+  border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+  margin: 3px;
+  border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+    0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0;
+}
+
+#NautilusQueryEditor > text {
+  margin: 0;
+}
+
+#NautilusPathBar {
+  background-color: #24283b;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+  margin: 0 3px;
+  border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+  color: #0db9d7;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+  margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+  margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+  margin: 3px;
+  padding: 0;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+  border-width: 0 0 0 1px;
+  border-radius: 0;
+}
+
+.history-view {
+  background-color: #1a1b26;
+}
+
+#displayitem {
+  border-top: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+.small .card {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.small .card.forecast-card {
+  border-width: 1px 0;
+}
+
+.small .card.display-container {
+  border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+  background-color: rgba(192, 202, 245, 0.1);
+}
+
+leaflet button.number-button:hover {
+  background-color: rgba(192, 202, 245, 0.2);
+}
+
+leaflet button.number-button:active {
+  background-color: rgba(192, 202, 245, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+  border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+  background: none;
+}
+
+flowboxchild > button.card.category-tile {
+  padding: 21px;
+  border: none;
+  border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+  padding: 9px 15px;
+}
+
+app-context-bar > box:not(:first-child) > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:not(:first-child) > button.flat:last-child {
+  border-radius: 0 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: rgba(192, 202, 245, 0.12);
+}
+
+carousel.card {
+  border: none;
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+  color: #c0caf5;
+  background-color: rgba(192, 202, 245, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+  color: #4cb168;
+  background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+  color: #2196f3;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+  color: #e1b602;
+  background-color: rgba(253, 214, 51, 0.15);
+}
+
+.context-tile-lozenge.details-rating-15 {
+  color: #ff9800;
+  background-color: rgba(255, 152, 0, 0.15);
+}
+
+.context-tile-lozenge.red,
+.context-tile-lozenge.details-rating-18 {
+  color: #eb4b3d;
+  background-color: rgba(242, 139, 130, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: #c0caf5;
+}
+
+.category-tile.category-create:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 1.07) 0%,
+    shade(#2861c6, 1.1) 100%
+  );
+}
+
+.category-tile.category-create:active {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 0.95) 0%,
+    shade(#2861c6, 0.95) 100%
+  );
+}
+
+.category-tile.category-develop {
+  background: #5e5c64;
+  color: #c0caf5;
+}
+
+.category-tile.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: #c0caf5;
+}
+
+.category-tile.category-learn:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 1.06) 30%,
+    shade(#27a66c, 1.06) 100%
+  );
+}
+
+.category-tile.category-learn:active {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 0.95) 30%,
+    shade(#27a66c, 0.95) 100%
+  );
+}
+
+.category-tile.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+.category-tile.category-play:hover {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 1.07) 0%,
+    shade(#eb5ec3, 1.07) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-play:active {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 0.97) 0%,
+    shade(#eb5ec3, 0.95) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: rgba(192, 202, 245, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 1.08) 0%,
+    shade(#f77466, 1.08) 100%
+  );
+}
+
+.category-tile.category-socialize:active {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 0.95) 0%,
+    shade(#f77466, 0.95) 100%
+  );
+}
+
+.category-tile.category-work {
+  padding: 1px;
+  /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */
+  color: #1c71d8;
+  background-color: #fdf8d7;
+  background-image: linear-gradient(
+      rgba(192, 202, 245, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(192, 202, 245, 0.12) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+  background-color: #fefcef;
+  background-image: linear-gradient(
+      rgba(192, 202, 245, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(192, 202, 245, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+  background-color: #fcf4bf;
+  background-image: linear-gradient(
+      rgba(192, 202, 245, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(192, 202, 245, 0.12) 1px, transparent 1px);
+}
+
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.polari-room-list popover.background > arrow,
+.polari-room-list popover.background > contents {
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar {
+  box-shadow: inset 0 -1px rgba(192, 202, 245, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+  border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+  margin: 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+  border-radius: 6px;
+  padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+  border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+  padding: 0;
+}
+
+panelframeswitcher {
+  padding: 6px;
+}
+
+.frameheader.header {
+  min-height: 24px;
+  background-color: rgba(192, 202, 245, 0.04);
+}
+
+.frameheader.header > button {
+  border: none;
+  margin: 0;
+  padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+  min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+  padding: 0;
+  border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+  padding: 0;
+  border-left: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+.frameheader.header
+  tabbar.inline
+  > revealer
+  > box
+  .end-action
+  menubutton
+  > button {
+  margin: 6px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+  border: none;
+  background: none;
+}
+
+panelstatusbar {
+  background-color: #1a1b26;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+  border-radius: 0;
+}
+
+.style-variant {
+  padding: 0 12px;
+}
+
+.style-variant button.toggle {
+  padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+  background: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+  border-radius: 6px;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+  outline-color: rgba(192, 202, 245, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+  outline-color: rgba(192, 202, 245, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+  outline-color: #a9b1d6;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list {
+  border: none;
+  border-radius: 0;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:first-child,
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:last-child {
+  border-radius: 0;
+}
+
+avatar {
+  border-radius: 9999px;
+  font-weight: bold;
+}
+
+avatar.color1 {
+  background-image: linear-gradient(#83b6ec, #337fdc);
+  color: #cfe1f5;
+}
+
+avatar.color2 {
+  background-image: linear-gradient(#7ad9f1, #0f9ac8);
+  color: #caeaf2;
+}
+
+avatar.color3 {
+  background-image: linear-gradient(#8de6b1, #29ae74);
+  color: #cef8d8;
+}
+
+avatar.color4 {
+  background-image: linear-gradient(#b5e98a, #6ab85b);
+  color: #e6f9d7;
+}
+
+avatar.color5 {
+  background-image: linear-gradient(#f8e359, #d29d09);
+  color: #f9f4e1;
+}
+
+avatar.color6 {
+  background-image: linear-gradient(#ffcb62, #d68400);
+  color: #ffead1;
+}
+
+avatar.color7 {
+  background-image: linear-gradient(#ffa95a, #ed5b00);
+  color: #ffe5c5;
+}
+
+avatar.color8 {
+  background-image: linear-gradient(#f78773, #e62d42);
+  color: #f8d2ce;
+}
+
+avatar.color9 {
+  background-image: linear-gradient(#e973ab, #e33b6a);
+  color: #fac7de;
+}
+
+avatar.color10 {
+  background-image: linear-gradient(#cb78d4, #9945b5);
+  color: #e7c2e8;
+}
+
+avatar.color11 {
+  background-image: linear-gradient(#9e91e8, #7a59ca);
+  color: #d5d2f5;
+}
+
+avatar.color12 {
+  background-image: linear-gradient(#e3cf9c, #b08952);
+  color: #f2eade;
+}
+
+avatar.color13 {
+  background-image: linear-gradient(#be916d, #785336);
+  color: #e5d6ca;
+}
+
+avatar.color14 {
+  background-image: linear-gradient(#c0bfbc, #6e6d71);
+  color: #d8d7d3;
+}
+
+avatar.contrasted {
+  color: #c0caf5;
+}
+
+avatar.image {
+  background: none;
+}
+
+.card {
+  border-radius: 6px;
+  box-shadow: none;
+  border: 1px solid rgba(192, 202, 245, 0.12);
+  background-clip: border-box;
+  background-color: #1a1b26;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+preferencespage > scrolledwindow > viewport > clamp > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+preferencesgroup > box,
+preferencesgroup > box .labels {
+  border-spacing: 6px;
+}
+
+preferencesgroup > box > box.header:not(.single-line) {
+  margin-bottom: 6px;
+}
+
+preferencesgroup > box > box.single-line {
+  min-height: 34px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle {
+  padding: 0;
+  background: none;
+  box-shadow: none;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+}
+
+preferencesgroup > box button.background-preview-button.toggle,
+preferencesgroup
+  > box
+  button.background-preview-button.toggle
+  > background-preview {
+  border-radius: 6px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle:hover {
+  outline-color: rgba(192, 202, 245, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: rgba(192, 202, 245, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: #a9b1d6;
+}
+
+statuspage > scrolledwindow > viewport > box {
+  margin: 36px 12px;
+  border-spacing: 36px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box {
+  border-spacing: 12px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon {
+  -gtk-icon-size: 128px;
+  color: alpha(currentColor, 0.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.35;
+}
+
+statuspage
+  > scrolledwindow
+  > viewport
+  > box
+  > clamp
+  > box
+  > .icon:not(:last-child) {
+  margin-bottom: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon {
+  -gtk-icon-size: 96px;
+}
+
+statuspage.compact
+  > scrolledwindow
+  > viewport
+  > box
+  > clamp
+  > box
+  > .icon:not(:last-child) {
+  margin-bottom: 12px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title {
+  font-size: 18pt;
+}
+
+toast {
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 9999px;
+  border-spacing: 6px;
+  padding: 6px;
+  box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+    0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(192, 202, 245, 0.1);
+  background-color: #16161e;
+  color: #c0caf5;
+  border: none;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > label {
+  margin: 0 6px;
+}
+
+viewswitcher {
+  margin: 0;
+}
+
+viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator {
+  background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label {
+  color: #a9b1d6;
+}
+
+viewswitcher.narrow button.toggle {
+  border-radius: 0;
+  margin: 0;
+  border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+  border-radius: 0 0 12px 12px;
+  margin: 0;
+  min-width: 120px;
+  padding: 0;
+  background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+  background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+  color: #a9b1d6;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+  box-shadow: none;
+}
+
+viewswitcher button.toggle {
+  font-weight: bold;
+  padding: 0;
+  min-height: 0;
+  margin: 0;
+}
+
+viewswitcher button.toggle > stack > box.narrow {
+  font-size: 0.75rem;
+  padding-top: 7px;
+  padding-bottom: 5px;
+  border-spacing: 4px;
+}
+
+viewswitcher button.toggle > stack > box.narrow > stack > label {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+viewswitcher button.toggle > stack > box.wide {
+  padding: 0 12px;
+  border-spacing: 6px;
+}
+
+viewswitcherbar actionbar > revealer > box {
+  padding: 0;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+indicatorbin > indicator,
+indicatorbin > mask {
+  min-width: 6px;
+  min-height: 6px;
+  border-radius: 9999px;
+}
+
+indicatorbin > indicator {
+  margin: 1px;
+  padding: 0;
+  background: alpha(currentColor, 0.4);
+}
+
+indicatorbin > indicator > label {
+  font-size: 0.6rem;
+  font-weight: bold;
+  padding: 2px 5px;
+  color: #c0caf5;
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background-color: #a9b1d6;
+}
+
+indicatorbin.needs-attention > indicator > label {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/lineage/.config/gtk-4.0/gtk.css b/lineage/.config/gtk-4.0/gtk.css
new file mode 100644
index 000000000..18253a44c
--- /dev/null
+++ b/lineage/.config/gtk-4.0/gtk.css
@@ -0,0 +1,118 @@
+@define-color theme_fg_color #c0caf5;
+@define-color theme_text_color #c0caf5;
+@define-color theme_bg_color #1a1b26;
+@define-color theme_base_color #1a1b26;
+@define-color theme_selected_bg_color #a9b1d6;
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+@define-color insensitive_bg_color #1a1b26;
+@define-color insensitive_fg_color rgba(192, 202, 245, 0.5);
+@define-color insensitive_base_color #24283b;
+@define-color theme_unfocused_fg_color #c0caf5;
+@define-color theme_unfocused_text_color #c0caf5;
+@define-color theme_unfocused_bg_color #1a1b26;
+@define-color theme_unfocused_base_color #1a1b26;
+@define-color theme_unfocused_selected_bg_color #a9b1d6;
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+@define-color unfocused_insensitive_color rgba(192, 202, 245, 0.5);
+@define-color borders rgba(192, 202, 245, 0.12);
+@define-color unfocused_borders rgba(192, 202, 245, 0.12);
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+@define-color wm_title #c0caf5;
+@define-color wm_unfocused_title rgba(192, 202, 245, 0.7);
+@define-color wm_highlight rgba(192, 202, 245, 0.1);
+@define-color wm_bg #1a1b26;
+@define-color wm_unfocused_bg #1a1b26;
+@define-color wm_button_close_icon #1a1b26;
+@define-color wm_button_close_hover_bg #a9b1d6;
+@define-color wm_button_close_active_bg #c7c7c7;
+@define-color content_view_bg #1a1b26;
+@define-color placeholder_text_color silver;
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #c0caf5;
+@define-color budgie_tasklist_indicator_color_active #c0caf5;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+@define-color accent_bg_color #a9b1d6;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #a9b1d6;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color window_bg_color #1a1b26;
+@define-color window_fg_color #c0caf5;
+@define-color view_bg_color rgb(30,30,46);
+@define-color view_fg_color rgb(192,202,245);
+@define-color headerbar_bg_color #1E1E2E;
+@define-color headerbar_fg_color #c0caf5;
+@define-color headerbar_border_color rgba(192, 202, 245, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #1E1E2E;
+@define-color card_fg_color #c0caf5;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color rgb(26,27,38);
+@define-color dialog_fg_color #c0caf5;
+@define-color popover_bg_color #2E2F42;
+@define-color popover_fg_color #c0caf5;
+@define-color thumbnail_bg_color #1a1b26;
+@define-color thumbnail_fg_color #c0caf5;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
diff --git a/lineage/.config/gtk-4.0/gtk.css.bak b/lineage/.config/gtk-4.0/gtk.css.bak
new file mode 100755
index 000000000..a098ad62d
--- /dev/null
+++ b/lineage/.config/gtk-4.0/gtk.css.bak
@@ -0,0 +1,118 @@
+@define-color theme_fg_color #c0caf5;
+@define-color theme_text_color #c0caf5;
+@define-color theme_bg_color #1a1b26;
+@define-color theme_base_color #1a1b26;
+@define-color theme_selected_bg_color #a9b1d6;
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+@define-color insensitive_bg_color #1a1b26;
+@define-color insensitive_fg_color rgba(192, 202, 245, 0.5);
+@define-color insensitive_base_color #24283b;
+@define-color theme_unfocused_fg_color #c0caf5;
+@define-color theme_unfocused_text_color #c0caf5;
+@define-color theme_unfocused_bg_color #1a1b26;
+@define-color theme_unfocused_base_color #1a1b26;
+@define-color theme_unfocused_selected_bg_color #a9b1d6;
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+@define-color unfocused_insensitive_color rgba(192, 202, 245, 0.5);
+@define-color borders rgba(192, 202, 245, 0.12);
+@define-color unfocused_borders rgba(192, 202, 245, 0.12);
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+@define-color wm_title #c0caf5;
+@define-color wm_unfocused_title rgba(192, 202, 245, 0.7);
+@define-color wm_highlight rgba(192, 202, 245, 0.1);
+@define-color wm_bg #1a1b26;
+@define-color wm_unfocused_bg #1a1b26;
+@define-color wm_button_close_icon #1a1b26;
+@define-color wm_button_close_hover_bg #a9b1d6;
+@define-color wm_button_close_active_bg #c7c7c7;
+@define-color content_view_bg #1a1b26;
+@define-color placeholder_text_color silver;
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #c0caf5;
+@define-color budgie_tasklist_indicator_color_active #c0caf5;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+@define-color accent_bg_color #a9b1d6;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #a9b1d6;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color window_bg_color #1a1b26;
+@define-color window_fg_color #c0caf5;
+@define-color view_bg_color rgb(30,30,46);
+@define-color view_fg_color rgb(192,202,245);
+@define-color headerbar_bg_color #1E1E2E;
+@define-color headerbar_fg_color #c0caf5;
+@define-color headerbar_border_color rgba(192, 202, 245, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color rgb(26,27,38);
+@define-color card_fg_color #c0caf5;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color rgb(26,27,38);
+@define-color dialog_fg_color #c0caf5;
+@define-color popover_bg_color #2E2F42;
+@define-color popover_fg_color #c0caf5;
+@define-color thumbnail_bg_color #1a1b26;
+@define-color thumbnail_fg_color #c0caf5;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
diff --git a/lineage/.config/gtk-4.0/settings.ini b/lineage/.config/gtk-4.0/settings.ini
new file mode 100644
index 000000000..7c6461a7c
--- /dev/null
+++ b/lineage/.config/gtk-4.0/settings.ini
@@ -0,0 +1,2 @@
+[Settings]
+gtk-application-prefer-dark-theme=0
diff --git a/lineage/.config/hypr/colors.conf b/lineage/.config/hypr/colors.conf
new file mode 100644
index 000000000..6c5cb9f3a
--- /dev/null
+++ b/lineage/.config/hypr/colors.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: 
+general {
+    col.active_border = rgba(16CFD1FF) rgba(568587FF) rgba(87e5e6FF) 45deg
+    col.inactive_border = rgba(16CFD166)
+}
diff --git a/lineage/.config/hypr/colors_default.conf b/lineage/.config/hypr/colors_default.conf
new file mode 100644
index 000000000..09e7115b6
--- /dev/null
+++ b/lineage/.config/hypr/colors_default.conf
@@ -0,0 +1,4 @@
+general {
+    col.active_border = rgba(0DB7D4FF) rgba(7AA2F7FF) rgba(9778D0FF) 45deg
+    col.inactive_border = rgba(04404aaa)
+}
diff --git a/lineage/.config/hypr/execs.conf b/lineage/.config/hypr/execs.conf
new file mode 100755
index 000000000..6c403ccd6
--- /dev/null
+++ b/lineage/.config/hypr/execs.conf
@@ -0,0 +1,17 @@
+# For language-related stuff, see the main config file (hyprland.conf)
+
+# exec-once = xhost + local:  #ugh what is this
+exec-once = dbus-update-activation-environment --all
+exec-once = swaybg -i ~/Pictures/tracks.jpg
+exec-once = hyprctl setcursor Bibata-Modern-Classic 24
+exec-once = /usr/bin/gnome-keyring-daemon --start --components=secrets
+exec-once = /usr/libexec/polkit-gnome-authentication-agent-1 &
+exec-once = dunst &
+exec-once = swayidle -w timeout 300 '$HOME/.local/bin/lock.sh' before-sleep '$HOME/.local/bin/lock.sh' &
+exec-once = swayidle -w timeout 450 'systemctl suspend' resume 'echo "lol"' &
+# Clipboard history
+exec-once = wl-paste --watch cliphist store
+
+# Status bar
+#exec-once = waybar
+exec-once = eww open barbg && eww open bar && eww open bg-decor
diff --git a/lineage/.config/hypr/hypr.conf b/lineage/.config/hypr/hypr.conf
new file mode 100755
index 000000000..777ea639f
--- /dev/null
+++ b/lineage/.config/hypr/hypr.conf
@@ -0,0 +1,146 @@
+###################################################
+#    This is the config for Hypr, not Hyprland!   #
+#       that abandoned Xorg window manager..      #
+###################################################
+
+gaps_in=4
+border_size=3
+gaps_out=8
+rounding=17
+max_fps=60 # max fps for updates of config & animations
+focus_when_hover=1 # 0 - do not switch the focus when hover (only for tiling)
+main_mod=SUPER # For moving, resizing
+intelligent_transients=1 # keeps transients always on top.
+no_unmap_saving=1 # disables saving unmapped windows (seems to break sometimes)
+scratchpad_mon=0 # self-explanatory # no its not
+
+# Execs
+exec-once=nitrogen --set-auto ~/Pictures/tracks.jpg
+exec-once=/usr/bin/gnome-keyring-daemon --start --components=secrets
+exec-once=/usr/libexec/polkit-gnome-authentication-agent-1 &
+exec-once=ibus-daemon --xim -d -r
+exec-once=picom
+#exec-once=ibus-daemon &
+exec-once=ibus engine Bamboo::Us
+bind=SUPERSHIFT,V,exec,ibus engine Bamboo::Us
+bind=SUPERSHIFT,E,exec,ibus engine xkb:us::eng
+
+# Layout
+layout=0 # 0 - dwindle (default), 1 - master
+layout {
+    no_gaps_when_only=0 # disables gaps and borders when only window on screen
+}
+
+# Bar config
+Bar {
+    height=20
+    monitor=0
+    enabled=1
+    mod_pad_in=8
+    no_tray_saving=1 # using this doesnt save the tray between reloads but fixes an issue with the bar disappearing.
+
+    font.main=Noto Sans
+    font.secondary=Noto Sans
+
+    col.bg=0xff111111
+    col.high=0xffff3333
+
+    module=left,X,0xff8000ff,0xffffffff,1,workspaces
+    module=pad,left,10
+    module=left,,0xff7000dd,0xff7000dd,1,tray
+    module=right,X,0xffffffff,0xff00ff33,1000,$date +%a,\ %b\ %Y\ \ %I:%M\ %p$
+}
+
+# colors
+col.active_border=0xff7348e0
+col.inactive_border=0x77222222
+
+# status command
+# deprecated
+# status_command=date +%a,\ %b\ %Y\ \ %I:%M\ %p
+#
+
+# animations
+Animations {
+    enabled=0
+    speed=8
+    window_resize_speed=8
+    cheap=1 # highly recommended
+    borders=1
+    workspaces=1
+}
+
+# example window rules, more in the wiki
+
+# windowrule=float,class:krunner
+# windowrule=float,role:pop-up
+# windowrule=float,role:task_dialog
+# windowrule=monitor 0,class:krunner
+# windowrule=size 500 50,class:krunner
+# windowrule=move 700 500,class:krunner
+# windowrule=pseudo,class:discord
+
+# keybinds
+bind=CTRLALT,119,exec,kill Xorg
+bind=SUPER,R,exec,dmenu_run
+bind=SUPER,T,exec,kitty fish
+# bind=SUPER,W,exec,microsoft-edge --password-store=gnome --enable-features=UseOzonePlatform --gtk-version=4
+bind=SUPER,W,exec,firefox
+bind=SUPER,A,exec,rofi -show drun
+bind=SUPER,ESCAPE,exec,kitty btop
+bind=SUPER,E,exec,nautilus --new-window
+bind=SUPER,G,exec,gnome-text-editor --new-window
+
+bind=SUPER,Q,killactive,
+
+bind=SUPERSHIFT,LEFT,movewindow,l
+bind=SUPERSHIFT,RIGHT,movewindow,r
+bind=SUPERSHIFT,UP,movewindow,u
+bind=SUPERSHIFT,DOWN,movewindow,d
+
+bind=SUPER,LEFT,movefocus,l
+bind=SUPER,RIGHT,movefocus,r
+bind=SUPER,UP,movefocus,u
+bind=SUPER,DOWN,movefocus,d
+
+bind=SUPER,F,fullscreen,
+
+bind=SUPER,1,workspace,1
+bind=SUPER,2,workspace,2
+bind=SUPER,3,workspace,3
+bind=SUPER,4,workspace,4
+bind=SUPER,5,workspace,5
+bind=SUPER,6,workspace,6
+bind=SUPER,7,workspace,7
+bind=SUPER,8,workspace,8
+bind=SUPER,9,workspace,9
+bind=SUPER,0,workspace,10
+
+bind=CTRLSUPER,left,lastworkspace,-
+bind=CTRLSUPER,right,nextworkspace,+
+bind=CTRLSUPER,Page_Up,lastworkspace,-
+bind=CTRLSUPER,Page_Down,nextworkspace,+
+bind=CTRLSUPER,H,lastworkspace,
+bind=CTRLSUPER,L,nextworkspace,
+
+bind=CTRLSUPERSHIFT,left,movetorelativeworkspace,-
+bind=CTRLSUPERSHIFT,right,movetorelativeworkspace,+
+
+bind=SUPERALT,1,movetoworkspace,1
+bind=SUPERALT,2,movetoworkspace,2
+bind=SUPERALT,3,movetoworkspace,3
+bind=SUPERALT,4,movetoworkspace,4
+bind=SUPERALT,5,movetoworkspace,5
+bind=SUPERALT,6,movetoworkspace,6
+bind=SUPERALT,7,movetoworkspace,7
+bind=SUPERALT,8,movetoworkspace,8
+bind=SUPERALT,9,movetoworkspace,9
+bind=SUPERALT,0,movetoworkspace,10
+
+bind=SUPERSHIFT,S,movetoworkspace,scratchpad
+bind=SUPER,S,scratchpad,
+
+bind=SUPERALT,SPACE,togglefloating,
+
+bind=SUPER,equal,splitratio,+0.15
+bind=SUPER,minus,splitratio,-0.15
diff --git a/lineage/.config/hypr/hyprland.conf b/lineage/.config/hypr/hyprland.conf
new file mode 100755
index 000000000..1bcea77d5
--- /dev/null
+++ b/lineage/.config/hypr/hyprland.conf
@@ -0,0 +1,129 @@
+# Monitor: reserve space for eww bar
+monitor=eDP-1, addreserved, 32, 0, 0, 0
+
+#################### Core components (authentication, idle daemon and stuff) ##############
+source=~/.config/hypr/execs.conf
+
+
+# Language Switch
+exec-once = ibus-daemon --xim -d -r
+exec-once = ibus engine xkb:us::eng
+# Language
+bind = SUPERSHIFT, V, exec, ibus engine Bamboo::Us
+bind = SUPERSHIFT, E, exec, ibus engine xkb:us::eng
+
+#################### It just works™ keybinds ###################
+# Volume
+bindle=, XF86AudioRaiseVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%+
+bindle=, XF86AudioLowerVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%-
+# Brightness
+bindle=, XF86MonBrightnessUp, exec, light -A 5
+bindle=, XF86MonBrightnessDown, exec, light -U 5
+################################################################
+
+############################# Keybinds ############################
+source=~/.config/hypr/keybinds.conf
+
+############################## Input ##############################
+input {
+    # Mouse
+    force_no_accel = false
+    #sensitivity = 0
+    # osu
+    # force_no_accel = true
+    # sensitivity = -0.23 
+
+    # Keyboard
+    kb_layout = us
+    follow_mouse = 1
+
+    touchpad {
+        natural_scroll = yes
+        disable_while_typing = true
+        clickfinger_behavior = true
+    }
+    numlock_by_default = true
+}
+gestures {
+    # See https://wiki.hyprland.org/Configuring/Variables/ for more
+    workspace_swipe = true
+    workspace_swipe_distance = 2200px
+    workspace_swipe_fingers = 4
+    workspace_swipe_cancel_ratio = 0.2
+    workspace_swipe_min_speed_to_force = 10
+}
+
+general {
+    # Gaps and border
+    gaps_in = 4
+    gaps_out = 8
+    border_size = 3
+    
+    # Fallback colors
+    col.active_border = rgba(A8B468FF) 45deg
+    col.active_border = rgba(0DB7D4FF) rgba(7AA2F7FF) rgba(9778D0FF) 45deg
+    col.inactive_border = rgba(04404aaa)
+
+    layout = dwindle
+}
+# Dynamic colors are written here
+source=~/.config/hypr/colors.conf
+
+
+decoration {
+    rounding = 17
+    # Blur
+    blur = yes
+    blur_size = 4
+    blur_passes = 3
+    blur_new_optimizations = on
+    # Shadow
+    drop_shadow = no
+    shadow_range = 10
+    shadow_render_power = 1
+    col.shadow = rgba(D3C6ABdd)
+    
+    # Shader (bluelight)
+    # screen_shader = ~/.config/hypr/shaders/motionblur.frag
+}
+
+animations {
+    enabled = yes
+    # Animation curves
+    bezier = md3_decel, 0.05, 0.7, 0.1, 1
+    bezier = md3_accel, 0.3, 0, 0.8, 0.15
+    bezier = overshot, 0.05, 0.9, 0.1, 1.05
+    bezier = hyprnostretch, 0.05, 0.9, 0.1, 1
+    bezier = win10, 0, 0, 0, 1
+    bezier = gnome, 0, 0.85, 0.3, 1
+    bezier = funky, 0.46, 0.35, -0.2, 1.2
+    # Animation configs
+    animation = windows, 1, 3, hyprnostretch, slide
+    animation = border, 1, 10, default
+    animation = fade, 1, 3, default
+    animation = workspaces, 1, 3, hyprnostretch, slide
+}
+
+dwindle {
+    # See https://wiki.hyprland.org/Configuring/Dwindle-Layout/ for more
+    pseudotile = yes # master switch for pseudotiling. Enabling is bound to mainMod + P in the keybinds section below
+    preserve_split = yes # you probably want this
+}
+master {
+    # See https://wiki.hyprland.org/Configuring/Master-Layout/ for more
+    new_is_master = false
+}
+
+# Per-device config. See https://wiki.hyprland.org/Configuring/Keywords/#executing for more
+device:epic mouse V1 {
+    sensitivity = -0.5
+}
+
+######## Window controls ########
+windowrule = float, ^(steam)$
+windowrule = noblur,^(waybar)$ # disables blur
+windowrule = float,^(pavucontrol)$ # floating pavucontrol
+
+misc {
+    # no_vfr = true
+}
diff --git a/lineage/.config/hypr/keybinds.conf b/lineage/.config/hypr/keybinds.conf
new file mode 100755
index 000000000..b93520c33
--- /dev/null
+++ b/lineage/.config/hypr/keybinds.conf
@@ -0,0 +1,129 @@
+# For language and volume button -related stuff, see the main config file (hyprland.conf)
+
+######################################## Keybinds ########################################
+# Apps: just normal apps
+bind = CONTROLSUPER, C, exec, code
+bind = CONTROLSHIFTALT, Y, exec, yuzu
+bind = SUPER, T, exec, foot
+bind = SUPER, E, exec, nautilus --new-window
+bind = SUPER, W, exec, firefox
+bind = SUPER, G, exec, gnome-text-editor --new-window
+bind = SUPERSHIFT, W, exec, wps
+bind = CONTROLSUPERALT, E, exec, /usr/bin/microsoft-edge-stable --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland --gtk-version=4
+
+#Apps: Settings and config
+bind = SUPER, I, exec, gnome-control-center
+bind = CONTROLSUPER, V, exec, pavucontrol 
+bind = CONTROLSHIFT, Escape, exec, foot btop
+
+# Actions 
+bind = SUPER, Period, exec, pkill wofi || wofi-emoji 
+bind = SUPER, Q, killactive,
+bind = SUPERALT, Space, togglefloating, 
+bind = SHIFTSUPERALT, Q, exec, hyprctl kill
+bind = CONTROLALT, Delete, exit,
+bind = CONTROLSHIFTALTSUPER, Delete, exec, systemctl poweroff
+
+# Screenshot, Record, OCR (Optical Character Recognition), Color picker, Clipboard history
+bind =,Print,exec,screenshot -p=./Pictures/Screenshots -a=copy
+bind = SUPERSHIFT, S, exec, screenshot -t=select -a=copy -p=./Pictures/Screenshots/
+bind = SUPERALT, R, exec, ~/.local/bin/record-script.sh
+bind = SUPERSHIFTALT, R, exec, ~/.local/bin/record-script-fullscreen.sh
+bind = CONTROLSUPERSHIFT,S,exec,grim -g "$(slurp)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+bind = SUPERSHIFT,T,exec,grim -g "$(slurp)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+bind = SUPERSHIFT, C, exec, hyprpicker -a
+bind = SUPER, V, exec, pkill wofi || cliphist list | wofi --show dmenu --gtk-dark -i | cliphist decode | wl-copy
+# Media
+bind = SUPERSHIFT, N, exec, playerctl next
+bind = SUPERSHIFT, B, exec, playerctl previous
+bind = SUPERSHIFT, P, exec, playerctl play-pause
+#Lock screen  |  blur: --effect-blur=20x20
+bind = SUPERALT, L, exec, ~/.local/bin/lock.sh
+bind = SUPERSHIFT, L, exec, ~/.local/bin/lock.sh
+bindl = SUPERSHIFT, L, exec, sleep 1 && systemctl suspend
+# App launcher
+bindr = SUPER, SUPER_L, exec, pkill fuzzel || fuzzel --icon-theme=candy-icons fuzzel --background-color=1D1D27ee --text-color=cdd6f4ff --match-color=7AA2F7FF --border-width=3 --border-radius=10 --border-color=0DB7D4FF --selection-color=585b70ff --selection-text-color=cdd6f4ff --selection-match-color=89b4faff --font="Gabarito"  --prompt="    "
+
+# eww keybinds
+bind = SUPER, N, exec, eww open --toggle notifications 
+bindr = CONTROLSUPER, R, exec, kill eww && eww open bar
+bind = SUPER, A, exec, eww open --toggle win-workspace
+bind = SUPER, Tab, exec, eww open --toggle overview  && eww update selected=_none
+bind = SUPER, O, exec, ~/.config/eww/scripts/toggle-osettings.sh
+bind = CONTROLSUPER, O, exec, ~/.config/eww/scripts/toggle-osettings.sh
+
+
+############################ Keybinds for Hyprland ############################
+# Swap windows
+bind=SUPERSHIFT,left,movewindow,l
+bind=SUPERSHIFT,right,movewindow,r
+bind=SUPERSHIFT,up,movewindow,u
+bind=SUPERSHIFT,down,movewindow,d
+# Move focus
+bind = SUPER, left, movefocus, l
+bind = SUPER, right, movefocus, r
+bind = SUPER, up, movefocus, u
+bind = SUPER, down, movefocus, d
+# Vim-like stuff
+bind = SUPER, H, movefocus, l
+bind = SUPER, L, movefocus, r
+bind = SUPER, K, movefocus, u
+bind = SUPER, J, movefocus, d
+bind = CONTROLSUPER, H, workspace, -1
+bind = CONTROLSUPER, J, workspace, +1
+bind = CONTROLSUPER, K, workspace, -1
+bind = CONTROLSUPER, L, workspace, +1
+# Workspace, window, tab switch with keyboard
+bind = CONTROLSUPER, right, workspace, +1
+bind = CONTROLSUPER, left, workspace, -1
+bind = SUPER, Page_Down, workspace, +1
+bind = SUPER, Page_Up, workspace, -1
+bind = CONTROLSUPER, Page_Down, workspace, +1
+bind = CONTROLSUPER, Page_Up, workspace, -1
+bind = SUPERSHIFT, Page_Down, movetoworkspace, +1
+bind = SUPERSHIFT, Page_Up, movetoworkspace, -1
+bind = CONTROLSUPERSHIFT, Right, movetoworkspace, +1
+bind = CONTROLSUPERSHIFT, Left, movetoworkspace, -1
+bind = SUPERSHIFT, mouse_down, movetoworkspace, -1
+bind = SUPERSHIFT, mouse_up, movetoworkspace, +1
+# Window split ratio
+binde = SUPER, Minus, splitratio, -0.1
+binde = SUPER, Equal, splitratio, 0.1
+binde = SUPER, Semicolon, splitratio, -0.1
+binde = SUPER, Apostrophe, splitratio, 0.1
+# Fullscreen
+bind = SUPER, F, fullscreen
+# Switching
+bind = SUPER, 1, workspace, 1
+bind = SUPER, 2, workspace, 2
+bind = SUPER, 3, workspace, 3
+bind = SUPER, 4, workspace, 4
+bind = SUPER, 5, workspace, 5
+bind = SUPER, 6, workspace, 6
+bind = SUPER, 7, workspace, 7
+bind = SUPER, 8, workspace, 8
+bind = SUPER, 9, workspace, 9
+bind = SUPER, 0, workspace, 10
+bind = ALT, Tab, cyclenext # Why is this even here?
+# Move window to workspace Super + Alt + [0-9]
+bind = SUPER ALT, 1, movetoworkspacesilent, 1
+bind = SUPER ALT, 2, movetoworkspacesilent, 2
+bind = SUPER ALT, 3, movetoworkspacesilent, 3
+bind = SUPER ALT, 4, movetoworkspacesilent, 4
+bind = SUPER ALT, 5, movetoworkspacesilent, 5
+bind = SUPER ALT, 6, movetoworkspacesilent, 6
+bind = SUPER ALT, 7, movetoworkspacesilent, 7
+bind = SUPER ALT, 8, movetoworkspacesilent, 8
+bind = SUPER ALT, 9, movetoworkspacesilent, 9
+bind = SUPER ALT, 0, movetoworkspacesilent, 10
+# Scroll through existing workspaces with (Control) + Super + scroll
+bind = SUPER, mouse_up, workspace, +1
+bind = SUPER, mouse_down, workspace, -1
+bind = CONTROLSUPER, mouse_up, workspace, +1
+bind = CONTROLSUPER, mouse_down, workspace, -1
+# Move/resize windows with Super + LMB/RMB and dragging
+bindm = SUPER, C, movewindow
+bindm = SUPER, mouse:272, movewindow
+bindm = SUPER, mouse:273, resizewindow
+bindm = SUPER, mouse:274, movewindow
+bind = CONTROLSUPER, Backslash, resizeactive, exact 640 480
diff --git a/lineage/.config/hypr/savedcolors/colors_airborne.conf b/lineage/.config/hypr/savedcolors/colors_airborne.conf
new file mode 100644
index 000000000..6c5cb9f3a
--- /dev/null
+++ b/lineage/.config/hypr/savedcolors/colors_airborne.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: 
+general {
+    col.active_border = rgba(16CFD1FF) rgba(568587FF) rgba(87e5e6FF) 45deg
+    col.inactive_border = rgba(16CFD166)
+}
diff --git a/lineage/.config/hypr/savedcolors/colors_backtoyou.conf b/lineage/.config/hypr/savedcolors/colors_backtoyou.conf
new file mode 100644
index 000000000..9f0b921c8
--- /dev/null
+++ b/lineage/.config/hypr/savedcolors/colors_backtoyou.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/eW5kCVkBBP0/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCvqcy7AEqsLJWnbvruHbqHtyXMjA
+general {
+    col.active_border = rgba(8E46DEFF) rgba(6626D0FF) rgba(c5a6eaFF) 45deg
+    col.inactive_border = rgba(8E46DE66)
+}
diff --git a/lineage/.config/hypr/savedcolors/colors_bluegreen.conf b/lineage/.config/hypr/savedcolors/colors_bluegreen.conf
new file mode 100644
index 000000000..aa4d00a12
--- /dev/null
+++ b/lineage/.config/hypr/savedcolors/colors_bluegreen.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: 
+general {
+    col.active_border = rgba(5DA2A6FF) rgba(23A59FFF) rgba(8edfd5FF) 45deg
+    col.inactive_border = rgba(5DA2A666)
+}
diff --git a/lineage/.config/hypr/savedcolors/colors_breakaway.conf b/lineage/.config/hypr/savedcolors/colors_breakaway.conf
new file mode 100644
index 000000000..e4a788390
--- /dev/null
+++ b/lineage/.config/hypr/savedcolors/colors_breakaway.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/OdasYzoN7TQ/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCYFcwiVGbaXXSPIUCHH7RG7dYbMQ
+general {
+    col.active_border = rgba(C9B1FCFF) rgba(9DC6FBFF) rgba(C9B1FCFF) 45deg
+    col.inactive_border = rgba(E2D6FA66)
+}
diff --git a/lineage/.config/hypr/savedcolors/colors_letsfreakingparty.conf b/lineage/.config/hypr/savedcolors/colors_letsfreakingparty.conf
new file mode 100644
index 000000000..3f7a87b70
--- /dev/null
+++ b/lineage/.config/hypr/savedcolors/colors_letsfreakingparty.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/YPdCyC-H_v0/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLB_SQ40d0_Pmw0rZtCRQ6_ggVShIg
+general {
+    col.active_border = rgba(DBA1A8FF) rgba(CA5AA8FF) rgba(e1c9d2FF) 45deg
+    col.inactive_border = rgba(DBA1A866)
+}
diff --git a/lineage/.config/hypr/savedcolors/colors_lookingforthelight.conf b/lineage/.config/hypr/savedcolors/colors_lookingforthelight.conf
new file mode 100644
index 000000000..0b601d290
--- /dev/null
+++ b/lineage/.config/hypr/savedcolors/colors_lookingforthelight.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: 
+general {
+    col.active_border = rgba(9FE6EBFF) rgba(A1A4B3FF) rgba(dde4e5FF) 45deg
+    col.inactive_border = rgba(9FE6EB66)
+}
diff --git a/lineage/.config/hypr/savedcolors/colors_megaelixir.conf b/lineage/.config/hypr/savedcolors/colors_megaelixir.conf
new file mode 100644
index 000000000..f61b2ef73
--- /dev/null
+++ b/lineage/.config/hypr/savedcolors/colors_megaelixir.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/oKOsXdB_C0Q/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_gmAAtAFigIMCAAQARgTIEcofzAP&rs=AOn4CLAcG9PBSsh7MtP-PmSBee046IVFXQ
+general {
+    col.active_border = rgba(A0D4E8FF) rgba(88B6D5FF) rgba(ddeef2FF) 45deg
+    col.inactive_border = rgba(A0D4E866)
+}
diff --git a/lineage/.config/hypr/savedcolors/colors_monster.conf b/lineage/.config/hypr/savedcolors/colors_monster.conf
new file mode 100644
index 000000000..1af473b47
--- /dev/null
+++ b/lineage/.config/hypr/savedcolors/colors_monster.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/0CuTOGKMWW0/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBkQ9ETNGNv538s2qddDWjrEvW4-A
+general {
+    col.active_border = rgba(9FD2BFFF) rgba(5FD0ACFF) rgba(e1ede5FF) 45deg
+    col.inactive_border = rgba(9FD2BF66)
+}
diff --git a/lineage/.config/hypr/savedcolors/colors_neveragain.conf b/lineage/.config/hypr/savedcolors/colors_neveragain.conf
new file mode 100644
index 000000000..e4ee6bc31
--- /dev/null
+++ b/lineage/.config/hypr/savedcolors/colors_neveragain.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/VR1H9njDd9w/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDVltG4xzVCF5FVl8ywZqwwNepufg
+general {
+    col.active_border = rgba(2CF2F8FF) rgba(22D5DCFF) rgba(9cf2f2FF) 45deg
+    col.inactive_border = rgba(2CF2F866)
+}
diff --git a/lineage/.config/hypr/savedcolors/colors_sidetrackedday.conf b/lineage/.config/hypr/savedcolors/colors_sidetrackedday.conf
new file mode 100644
index 000000000..d5bb0b43d
--- /dev/null
+++ b/lineage/.config/hypr/savedcolors/colors_sidetrackedday.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: 
+general {
+    col.active_border = rgba(58BAE8FF) rgba(2696D8FF) rgba(c6e6eeFF) 45deg
+    col.inactive_border = rgba(58BAE866)
+}
diff --git a/lineage/.config/hypr/savedcolors/colors_staytuned.conf b/lineage/.config/hypr/savedcolors/colors_staytuned.conf
new file mode 100644
index 000000000..58ad69815
--- /dev/null
+++ b/lineage/.config/hypr/savedcolors/colors_staytuned.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/pgrUT_Vg5g8/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAewmIHWJ2J7GYT2oj0_XMMPAHsnQ
+general {
+    col.active_border = rgba(DD67EFFF) rgba(AD56EEFF) rgba(e9bfebFF) 45deg
+    col.inactive_border = rgba(DD67EF66)
+}
diff --git a/lineage/.config/hypr/savedcolors/colors_subspace.conf b/lineage/.config/hypr/savedcolors/colors_subspace.conf
new file mode 100644
index 000000000..08a6d1221
--- /dev/null
+++ b/lineage/.config/hypr/savedcolors/colors_subspace.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: 
+general {
+    col.active_border = rgba(B053B0FF) rgba(A05BA9FF) rgba(c4afe4FF) 45deg
+    col.inactive_border = rgba(B053B066)
+}
diff --git a/lineage/.config/hypr/savedcolors/colors_tokyonight.conf b/lineage/.config/hypr/savedcolors/colors_tokyonight.conf
new file mode 100644
index 000000000..09e7115b6
--- /dev/null
+++ b/lineage/.config/hypr/savedcolors/colors_tokyonight.conf
@@ -0,0 +1,4 @@
+general {
+    col.active_border = rgba(0DB7D4FF) rgba(7AA2F7FF) rgba(9778D0FF) 45deg
+    col.inactive_border = rgba(04404aaa)
+}
diff --git a/lineage/.config/hypr/savedcolors/colors_vertigo.conf b/lineage/.config/hypr/savedcolors/colors_vertigo.conf
new file mode 100644
index 000000000..39c6e2daf
--- /dev/null
+++ b/lineage/.config/hypr/savedcolors/colors_vertigo.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/TJB0vBURJu8/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBSn25aezZvjIetBF8GVsTMPat0Zw
+general {
+    col.active_border = rgba(DCCFE8FF) rgba(CFA2D9FF) rgba(ebe2eeFF) 45deg
+    col.inactive_border = rgba(DCCFE866)
+}
diff --git a/lineage/.config/hypr/savedcolors/colors_wontletgo.conf b/lineage/.config/hypr/savedcolors/colors_wontletgo.conf
new file mode 100644
index 000000000..e2f080317
--- /dev/null
+++ b/lineage/.config/hypr/savedcolors/colors_wontletgo.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: 
+general {
+    col.active_border = rgba(BE3DDFFF) rgba(9E21D9FF) rgba(acbebeFF) 45deg
+    col.inactive_border = rgba(BE3DDF66)
+}
diff --git a/lineage/.config/hypr/savedcolors/colors_wood.conf b/lineage/.config/hypr/savedcolors/colors_wood.conf
new file mode 100644
index 000000000..9375e27c9
--- /dev/null
+++ b/lineage/.config/hypr/savedcolors/colors_wood.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: 
+general {
+    col.active_border = rgba(CAAB99FF) rgba(A09F95FF) rgba(e0ddd1FF) 45deg
+    col.inactive_border = rgba(CAAB9966)
+}
diff --git a/lineage/.config/hypr/shaders/bluefilter.frag b/lineage/.config/hypr/shaders/bluefilter.frag
new file mode 100644
index 000000000..5469af9c6
--- /dev/null
+++ b/lineage/.config/hypr/shaders/bluefilter.frag
@@ -0,0 +1,20 @@
+// vim: set ft=glsl:
+// blue light filter shader
+// values from https://reshade.me/forum/shader-discussion/3673-blue-light-filter-similar-to-f-lux
+
+precision mediump float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+
+void main() {
+
+    vec4 pixColor = texture2D(tex, v_texcoord);
+
+    // green
+    pixColor[1] *= 0.855;
+
+    // blue
+    pixColor[2] *= 0.725;
+
+    gl_FragColor = pixColor;
+}
diff --git a/lineage/.config/kitty/kitty.conf b/lineage/.config/kitty/kitty.conf
new file mode 100644
index 000000000..765d75ed8
--- /dev/null
+++ b/lineage/.config/kitty/kitty.conf
@@ -0,0 +1,97 @@
+font_family JetBrains Mono Nerd Font
+
+font_size 12
+confirm_os_window_close 0
+
+map ctrl+c  copy_to_clipboard
+map ctrl+v  paste_from_clipboard
+map ctrl+shift+c send_text all \x03 
+
+adjust_line_height 0
+cursor #00ccff
+
+# A port of forest night by sainnhe
+# https://github.com/sainnhe/forest-night
+
+## name:     Everforest Dark B
+## author:   nope
+## license:  idk
+## blurb:    everforesttttttt
+
+#window
+window_padding_width 20
+selection_foreground  #d8caac
+selection_background  #505a60
+background_opacity  0.5
+
+foreground #a9b1d6
+background #1a1b26
+
+# Black
+color0 #414868
+color8 #414868
+
+# Red
+color1 #f7768e
+color9 #f7768e
+
+# Green
+color2  #73daca
+color10 #73daca
+
+# Yellow
+color3  #e0af68
+color11 #e0af68
+
+# Blue
+color4  #7aa2f7
+color12 #7aa2f7
+
+# Magenta
+color5  #bb9af7
+color13 #bb9af7
+
+# Cyan
+color6  #7dcfff
+color14 #7dcfff
+
+# White
+color7  #c0caf5
+color15 #c0caf5
+
+# Cursor
+cursor #c0caf5
+cursor_text_color #1a1b26
+
+# Selection highlight
+selection_foreground none
+selection_background #28344a
+
+# The color for highlighting URLs on mouse-over
+url_color #9ece6a
+
+# Window borders
+active_border_color #3d59a1
+inactive_border_color #101014
+bell_border_color #e0af68
+
+# Tab bar
+tab_bar_style fade
+tab_fade 1
+active_tab_foreground   #3d59a1
+active_tab_background   #16161e
+active_tab_font_style   bold
+inactive_tab_foreground #787c99
+inactive_tab_background #16161e
+inactive_tab_font_style bold
+tab_bar_background #101014
+
+# Title bar
+macos_titlebar_color #16161e
+
+# Storm
+# background #24283b
+# cursor_text_color #24283b
+# active_tab_background   #1f2335
+# inactive_tab_background #1f2335
+# macos_titlebar_color #1f2335
diff --git a/lineage/.config/starship.toml b/lineage/.config/starship.toml
new file mode 100644
index 000000000..2547e645b
--- /dev/null
+++ b/lineage/.config/starship.toml
@@ -0,0 +1,70 @@
+# Don't print a new line at the start of the prompt
+add_newline = false
+
+# Replace the "❯" symbol in the prompt with "➜"
+[character]                            # The name of the module we are configuring is "character"
+success_symbol = "[➜](bold green)"
+
+error_symbol = "[✗](bold red)"
+# Disable the package module, hiding it from the prompt completely
+[package]
+disabled = true
+
+[git_branch]
+symbol = "🌱 "
+truncation_length = 4
+truncation_symbol = ""
+
+[git_commit]
+commit_hash_length = 4
+tag_symbol = "🔖 "
+
+[git_state]
+format = '[\($state( $progress_current of $progress_total)\)]($style) '
+cherry_pick = "[🍒 PICKING](bold red)"
+
+[git_status]
+conflicted = " 🏳 "
+ahead = " 🏎💨 "
+behind = " 😰 "
+diverged = " 😵 "
+untracked = " 🤷 ‍"
+stashed = " 📦 "
+modified = " 📝 "
+staged = '[++\($count\)](green)'
+renamed = " ✍️ "
+deleted = " 🗑 "
+
+[hostname]
+ssh_only = false
+format =  "@[$hostname](bold red) "
+trim_at = ".companyname.com"
+disabled = false
+
+[line_break]
+disabled = false
+
+[memory_usage]
+disabled = true
+threshold = -1
+symbol = " "
+style = "bold dimmed green"
+
+[time]
+disabled = true
+format = '🕙[\[ $time \]]($style) '
+time_format = "%T"
+
+[username]
+style_user = "white bold"
+style_root = "black bold"
+format = "[$user]($style)"
+disabled = false
+show_always = true
+
+[directory]
+home_symbol = " "
+read_only = "  "
+style = "bold blue"
+truncation_length = 2
+truncation_symbol = "./"
diff --git a/lineage/.config/waybar/config b/lineage/.config/waybar/config
new file mode 100755
index 000000000..1b3fe60bc
--- /dev/null
+++ b/lineage/.config/waybar/config
@@ -0,0 +1,271 @@
+{
+	"layer": "top",
+	"modules-left": ["custom/launcher", "cpu","memory", "idle_inhibitor", "hyprland/window"],
+	"modules-center": ["wlr/workspaces", "custom/waybar-media"],
+	"modules-right": ["tray", "pulseaudio", "backlight", "network", "clock", "battery", "custom/power"],
+	"pulseaudio": {
+		"tooltip": false,
+		"scroll-step": 5,
+		"format": "{icon} {volume}%",
+		"format-muted": " {volume}%",
+		"on-click":"pactl set-sink-mute @DEFAULT_SINK@ toggle",
+		"on-click-right":"gnome-control-center sound",
+		"on-click-middle":"gnome-control-center sound",
+		"format-icons": {
+			"default": ["", "", ""]
+		},
+	},
+	
+	"custom/rarr": {
+	    "format": "",
+	},
+	"custom/rarr#1": {
+	    "format": "",
+	},
+	"custom/rarr#2": {
+	    "format": "",
+	},
+	"custom/rarr#3": {
+	    "format": "",
+	},
+	
+	"custom/larr": {
+	    "format": "",
+	},
+	"custom/larr#1": {
+	    "format": "",
+	},
+	"custom/larr#2": {
+	    "format": "",
+	},
+	"custom/larr#3": {
+	    "format": "",
+	},
+	"custom/larr#4": {
+	    "format": "",
+	},
+	
+	"idle_inhibitor": {
+        "format": "{icon}",
+        "format-icons": {
+            "activated": " ",
+            "deactivated": " "
+        },
+	    "on-scroll-down": "hyprctl dispatch workspace +1",
+        "on-scroll-up": "hyprctl dispatch workspace -1",
+    },
+
+    "hyprland/window": {
+        "max-length": 29,
+        "format": "什 {}",
+        "on-scroll-down": "hyprctl dispatch workspace +1",
+        "on-scroll-up": "hyprctl dispatch workspace -1",
+    },
+    
+    "hyprland/language": {
+        "format": " {}",
+        "format-us": "us",
+        "format-vi": "vi",
+        "keyboard-name": "AT Translated Set 2 keyboard"
+    },
+	
+    "wlr/workspaces": {
+        "workspace-warparound":"false",
+        "on-click": "activate",
+        "all-outputs": true,
+        "sort-by-number": true,
+        "sort-by-name": false,
+        "format": "{icon}",
+        "format-icons": {
+      		"1": " ",
+      		"2": " ",
+      		"3": " ",
+      		"4": "﫸 ",
+      		"5": "漣 ",
+      		"6": " ",
+      	},
+        //"format-icons": ["", "", "", "", "﫸", "漣"],
+        "on-scroll-down": "hyprctl dispatch workspace +1",
+        "on-scroll-up": "hyprctl dispatch workspace -1",
+        "smooth-scrolling-threshold": 1,
+    },
+
+    "river/tags": {
+		"num-tags": 6
+    },
+	"network": {
+        // "interface": "wlp2*", // (Optional) To force the use of this interface
+        // "format-wifi": " {essid}",
+        "format-wifi": " ",
+        "format-ethernet": " {ipaddr}/{cidr}",
+        "tooltip-format": " {essid} | {gwaddr}",
+        "format-linked": " {ifname} (No IP)",
+        "format-disconnected": "⚠ Disconnected",
+        // "format-alt": "{ifname}: {ipaddr}/{cidr}",
+        "format-alt": " {essid}",
+        "on-click-right": "gnome-control-center wifi",
+        "on-click-middle": "gnome-control-center wifi",
+    },
+	"backlight": {
+		"tooltip": false,
+		// "format": "盛 {}%",
+		"format": "盛 ",
+		"format-alt": "盛 {}%",
+		"interval":1,
+        "on-scroll-up": "light -A 5",
+		"on-scroll-down": "light -U 5"
+	},
+    "battery": {
+        "states": {
+            "good": 90,
+            "warning": 20,
+            "critical": 20
+        },
+        "format": "{icon}  {capacity}%",
+        "format-charging": "{icon}  {capacity}%",
+        "format-plugged": "{icon}  {capacity}%",
+        "format-alt": "{icon}  {time}",
+        "format-icons": ["", "", "", "", ""],
+        "on-click-right": "gnome-control-center power",
+        "on-click-middle": "gnome-control-center power",
+        "on-scroll-up": "wpctl set-volume @DEFAULT_AUDIO_SINK@ 3%+",
+        "on-scroll-down": "wpctl set-volume @DEFAULT_AUDIO_SINK@ 3%-",
+    },
+	"tray":{
+		"icon-size":18,
+		"spacing": 10,
+		"format": "{} "
+	},
+    "clock": {
+        "format": "{: %I:%M %p   %d/%m/%Y}",
+        "format-alt": "{: %r   %d/%m/%Y}",
+        "on-click": "eww open --toggle calendar",
+        "on-scroll-down": "hyprctl dispatch workspace +1",
+        "on-scroll-up": "hyprctl dispatch workspace -1",
+        "interval": 1,
+    },
+    "cpu": {
+        "interval": 55,
+        "format": " {}%",
+        "max-length": 10,
+        "on-click-right": "kitty btm",
+        "on-click-middle": "kitty btm",
+        "on-scroll-down": "hyprctl dispatch workspace +1",
+        "on-scroll-up": "hyprctl dispatch workspace -1",
+    },
+    "memory": {
+        "interval": 5,
+        "format": " {used} GiB 易 {swapUsed} GiB",
+        "on-click-right": "kitty btm",
+        "on-click-middle": "kitty btm",
+        "on-scroll-down": "hyprctl dispatch workspace +1",
+        "on-scroll-up": "hyprctl dispatch workspace -1",
+    },
+    "custom/media": {
+        "interval": 30,
+        "format": "{icon} {}",
+        "return-type": "json",
+        "max-length": 20,
+        "format-icons": {
+            "spotify": " ",
+            "default": " "
+        },
+        "escape": true,
+        "exec": "$HOME/.config/system_scripts/mediaplayer.py 2> /dev/null",
+        "on-click": "playerctl play-pause"
+    },
+    "custom/launcher":{
+        "format": " ",
+        "on-click": "pkill fuzzel || fuzzel --icon-theme=candy-icons fuzzel --background-color=1E201FEE --text-color=d8caacff --match-color=A8B468FF --border-width=3 --border-radius=10 --border-color=A8B370FF --selection-color=A8B468FF --selection-text-color=3E5B32FF --selection-match-color=e76c69ff --font='Cantarell'  --prompt='    '",
+        "on-scroll-down": "hyprctl dispatch workspace +1",
+        "on-scroll-up": "hyprctl dispatch workspace -1"
+    },
+    "custom/power":{
+        "format": "  ",
+        "on-click": "eww open --toggle system-menu",
+        "on-click-middle": "hyprctl dispatch exit exit",
+        "on-scroll-up": "wpctl set-volume @DEFAULT_AUDIO_SINK@ 3%+",
+        "on-scroll-down": "wpctl set-volume @DEFAULT_AUDIO_SINK@ 3%-",
+    },
+    "custom/wallpaper":{
+        "format":" ",
+        "on-click": "bash ~/.config/system_scripts/pkill_bc",
+    },
+    "custom/ws#1":{
+        "format": "  ",
+        "on-click": "hyprctl dispatch workspace 1",
+        "on-scroll-down": "hyprctl dispatch workspace +1",
+        "on-scroll-up": "hyprctl dispatch workspace -1",
+    },
+    "custom/ws#2":{
+        "format": "  ",
+        "on-click": "hyprctl dispatch workspace 2",
+        "on-scroll-down": "hyprctl dispatch workspace +1",
+        "on-scroll-up": "hyprctl dispatch workspace -1",
+    },
+    "custom/ws#3":{
+        "format": "  ",
+        "on-click": "hyprctl dispatch workspace 3",
+        "on-scroll-down": "hyprctl dispatch workspace +1",
+        "on-scroll-up": "hyprctl dispatch workspace -1",
+    },
+    "custom/ws#4":{
+        "format": " 﫸 ",
+        "on-click": "hyprctl dispatch workspace 4",
+        "on-scroll-down": "hyprctl dispatch workspace +1",
+        "on-scroll-up": "hyprctl dispatch workspace -1",
+    },
+    "custom/ws#5":{
+        "format": " 﨩 ",
+        "on-click": "hyprctl dispatch workspace 5",
+        "on-scroll-down": "hyprctl dispatch workspace +1",
+        "on-scroll-up": "hyprctl dispatch workspace -1",
+    },
+    "custom/ws#6":{
+        "format": "  ",
+        "on-click": "hyprctl dispatch workspace 6",
+        "on-scroll-down": "hyprctl dispatch workspace +1",
+        "on-scroll-up": "hyprctl dispatch workspace -1",
+    },
+    "custom/ws#7":{
+        "format": "  ",
+        "on-click": "hyprctl dispatch workspace 7",
+        "on-scroll-down": "hyprctl dispatch workspace +1",
+        "on-scroll-up": "hyprctl dispatch workspace -1",
+    }
+},
+// [    﫸  ]
+"custom/waybar-media": {
+        "return-type": "json",
+        "exec": "waybar-media.py status",
+        "on-click": "waybar-media.py playpause",
+        "on-scroll-up": "waybar-media.py previous",
+        "on-scroll-down": "waybar-media.py next",
+        "escape": true
+},
+
+"mpd": {
+    "format": "{stateIcon} {consumeIcon}{randomIcon}{repeatIcon}{singleIcon}{artist} - {album} - {title} ({elapsedTime:%M:%S}/{totalTime:%M:%S}) ",
+    "format-disconnected": "Disconnected ",
+    "format-stopped": "{consumeIcon}{randomIcon}{repeatIcon}{singleIcon}Stopped ",
+    "interval": 10,
+    "consume-icons": {
+        "on": " " // Icon shows only when "consume" is on
+    },
+    "random-icons": {
+        "off": "<span color=\"#f53c3c\"></span> ", // Icon grayed out when "random" is off
+        "on": " "
+    },
+    "repeat-icons": {
+        "on": " "
+    },
+    "single-icons": {
+        "on": "1 "
+    },
+    "state-icons": {
+        "paused": "",
+        "playing": ""
+    },
+    "tooltip-format": "MPD (connected)",
+    "tooltip-format-disconnected": "MPD (disconnected)"
+},
diff --git a/lineage/.config/waybar/style.css b/lineage/.config/waybar/style.css
new file mode 100755
index 000000000..4e5e8b19d
--- /dev/null
+++ b/lineage/.config/waybar/style.css
@@ -0,0 +1,391 @@
+/**
+ Paralellogram: transform: skew(20deg);
+
+
+
+**/
+* {
+  border-radius: 10px;
+  padding: 0 0 0 0;
+  margin: 0 0 0 0;
+  font-family: "SF Mono Nerd Font";
+  /*font-family: "Ubuntu Nerd Font"; */
+	min-height: 25px;
+	font-size: 12pt;
+}
+
+#waybar {
+  margin-left: 0;
+  margin-right: 0;
+	background: transparent;
+}
+
+#waybar.hidden {
+	opacity: 0.2;
+}
+
+#custom-launcher {
+  margin-left: 0px;
+  background-color: #1e201f;
+  color: #d8caac;
+  padding-top: 1px;
+  padding-bottom: 1px;
+  border-radius: 12px;
+  border: 3px solid transparent;
+  padding-left: 5px;
+  padding-right: 2px;
+  
+}
+
+#clock {
+	color: #d8caac;
+	background-color: #1e201f;
+  border-radius: 12px;
+  border: 3px solid transparent;
+  margin-left: 3px;
+  margin-right: 4px;
+  padding-left: 5px;
+  padding-right: 5px;
+  
+}
+
+#cpu {
+	color: #d8caac;
+	background-color: #1e201f;
+  border-radius: 12px;
+  border: 3px solid transparent;
+  margin-left: 3px;
+  margin-right: 4px;
+  padding-left: 5px;
+  padding-right: 5px;
+  
+  
+}
+
+#memory {
+	color: #d8caac;
+  background-color: #1e201f;
+  border-radius: 12px;
+  border: 3px solid transparent;
+  margin-left: 3px;
+  margin-right: 4px;
+  padding-left: 5px;
+  padding-right: 5px;
+  
+  
+}
+
+#idle_inhibitor {
+  color: #D8CAAC;
+  background-color: #1e201f;
+  border-radius: 12px;
+  /*border: 3px solid transparent;*/
+  margin-left: 3px;
+  margin-right: 4px;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+#window {
+  color: #d8caac;
+  background-color: #1e201f;
+  border-radius: 12px;
+  /*border: 3px solid transparent;*/
+  margin-left: 3px;
+  margin-right: 4px;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+#workspaces {
+  color: #d8caac;
+  /*background-color: rgba(30, 32, 31, 0.7);*/
+  background-color: transparent;
+  border-radius: 12px;
+  /*border: 3px solid #d8caac;*/
+  padding-left: 320px;
+  padding-right: 320px;
+    
+}
+
+#workspaces button {
+  padding-top: 3px;
+  padding-bottom: 3px;
+  padding-left: 5px;
+  padding-right: 5px;
+  color: #d8caac;
+    
+  
+}
+
+#workspaces button.active {
+  color: #161320;
+  background-color: #a8b370;
+}
+
+#workspaces button:hover {
+  color: #161320;
+  
+}
+
+#workspaces button.focused {
+  color: #161320;
+  
+}
+
+#workspaces button.urgent {
+  color: #161320;
+  
+}
+
+#tray {
+	margin-left: 10px;
+	padding-left: 10px;
+	padding-right: 10px;
+	border-radius: 10px;
+	transition: none;
+	color: #d8caac;
+	background: #1E201F;
+  border-radius: 12px;
+  border: 3px solid transparent;
+  margin-left: 3px;
+  margin-right: 4px;
+	
+}
+#tray menu{
+  padding-left: 10px;
+	padding-right: 10px;
+	border-radius: 10px;
+	color: #D8CAAC;
+	background-color: #1E201F;
+  border-radius: 12px;
+  border: 3px solid transparent;
+  margin-left: 3px;
+  margin-right: 4px;
+	
+}
+
+
+#pulseaudio {
+	color: #d8caac;
+	background-color: #1e201f;
+  border-radius: 12px;
+  border: 3px solid transparent;
+  margin-left: 3px;
+  margin-right: 4px;
+  padding-left: 5px;
+  padding-right: 5px;
+	
+	
+}
+
+#backlight {
+	color: #d8caac;
+	background-color: #1e201f;
+  border-radius: 12px;
+  border: 3px solid transparent;
+  margin-left: 3px;
+  margin-right: 4px;
+  padding-left: 5px;
+  padding-right: 0px;
+	
+  
+}
+
+#network {
+	color: #d8caac;
+	background-color: #1e201f;
+  border-radius: 12px;
+  border: 3px solid transparent;
+  /*margin-left: 3px;
+  margin-right: 4px;*/
+  padding-left: 5px;
+  padding-right: 4px;
+	
+  
+}
+
+#battery {
+	color: #d8caac;
+	background-color: #1e201f;
+  border-radius: 12px;
+  border: 3px solid transparent;
+  margin-left: 3px;
+  margin-right: 4px;
+  padding-left: 5px;
+  padding-right: 5px;
+	
+  
+}
+
+#battery.charging, #battery.plugged {
+	  color: #A8B468;
+    background-color: #1e201f;
+}
+
+#battery.critical:not(.charging) {
+    background-color: #B5E8E0;
+    color: #161320;
+    animation-name: blink;
+    animation-duration: 0.5s;
+    animation-timing-function: linear;
+    animation-iteration-count: infinite;
+    animation-direction: alternate;
+}
+
+/*
+#battery.good {
+	  color: #B1E0AD;
+    background-color: #D4B7F7;
+}
+*/
+
+#custom-power {
+	color: #d8caac;
+	background-color: #1e201f;
+  border-radius: 12px;
+  border: 3px solid transparent;
+  padding-left: 1px;
+  padding-right: 5px;
+}
+
+@keyframes blink {
+    to {
+        background-color: #BF616A;
+        color: #B5E8E0;
+    }
+}
+
+
+#custom-ws{
+  
+  background-color: #f7cdec;
+  color: #161320;
+}
+
+/* Unused */
+
+#idle_inhibitor{
+	  color: #161320;
+}
+
+#custom-wallpaper {
+	  color: #161320;
+}
+
+#custom-updates {
+	  color: #161320;
+}
+
+#custom-media {
+	  color: #161320;
+}
+
+#battery.warning:not(.charging) {
+    background: #f53c3c;
+    color: white;
+    animation-name: blink;
+    animation-duration: 0.5s;
+    animation-timing-function: linear;
+    animation-iteration-count: infinite;
+    animation-direction: alternate;
+}
+
+
+
+
+
+/* Hover */
+#custom-launcher:hover {
+  color: #3E5B32;
+  background-color: #A8B468;
+}
+
+#clock:hover {
+  color: #3E5B32;
+  background-color: #A8B468;
+}
+
+#cpu:hover {
+  color: #3E5B32;
+  background-color: #A8B468;
+	
+}
+
+#memory:hover {
+  color: #3E5B32;
+  background-color: #A8B468;
+	
+}
+
+#window:hover {
+  color: #3E5B32;
+  background-color: #A8B468;
+	
+}
+
+#workspaces button.active:hover {
+    color: #d8caac;
+    background-color: #e76c69;
+}
+
+#workspaces button:hover {
+  color: #3E5B32;
+  background-color: #e76c69;
+  
+}
+
+#tray:hover {
+  color: #3E5B32;
+  background-color: #A8B468;
+	
+}
+
+#pulseaudio:hover {
+  color: #3E5B32;
+  background-color: #A8B468;
+	
+}
+
+#backlight:hover {
+  color: #3E5B32;
+  background-color: #A8B468;
+	
+}
+
+#network:hover {
+  color: #3E5B32;
+  background-color: #A8B468;
+	
+}
+
+#battery:hover {
+  color: #3E5B32;
+  background-color: #A8B468;
+	
+}
+
+#battery.charging, #battery.plugged:hover {
+  color: #3E5B32;
+  background-color: #A8B468;
+	  
+}
+
+#battery.critical:not(.charging):hover {
+  color: #d8caac;
+  background-color: #e76c69;
+    
+}
+
+/*
+#battery.good {
+	  color: #B1E0AD;
+    background-color: #D4B7F7;
+}
+*/
+
+#custom-power:hover {
+  color: #3E5B32;
+  background-color: #A8B468;
+	
+}
diff --git a/lineage/.local/bin/Hyprland-wrapped b/lineage/.local/bin/Hyprland-wrapped
new file mode 100755
index 000000000..56238b120
--- /dev/null
+++ b/lineage/.local/bin/Hyprland-wrapped
@@ -0,0 +1,18 @@
+#!/bin/sh
+
+cd ~
+
+#export XDG_CURRENT_DESKTOP=GNOME
+#export XDG_SESSION_TYPE=wayland
+#export XDG_SESSION_DESKTOP=GNOME
+#export EDITOR = /usr/bin/gnome-text-editor
+
+export XMODIFIERS=@im=ibus
+export GTK_IM_MODULE=ibus
+export QT_IM_MODULE=ibus
+
+#export QT_QPA_PLATFORMTHEME=qt5ct #QT Theme (for KDE apps)
+export QT_QPA_PLATFORMTHEME=qt5ct
+
+exec Hyprland
+
diff --git a/lineage/.local/bin/lock.sh b/lineage/.local/bin/lock.sh
new file mode 100755
index 000000000..929adcafc
--- /dev/null
+++ b/lineage/.local/bin/lock.sh
@@ -0,0 +1,2 @@
+pidof swaylock || swaylock --image ~/Pictures/magma.png --clock --indicator --line-color cdd6f4ff --text-color cdd6f4ff --inside-color 1e1e2eff --ring-color 313244ff --line-ver-color cdd6f4ff --text-ver-color cdd6f4ff --inside-ver-color 1e1e2eff --ring-ver-color 313244ff --line-clear-color cdd6f4ff --text-clear-color cdd6f4ff --inside-clear-color 1e1e2eff --ring-clear-color 313244ff --line-clear-color cdd6f4ff --text-wrong-color 313244ff --inside-wrong-color f38ba8ff --ring-wrong-color 313244ff --key-hl-color cba6f7ff
+
diff --git a/lineage/.local/bin/record-script-fullscreen.sh b/lineage/.local/bin/record-script-fullscreen.sh
new file mode 100755
index 000000000..4e92fa42d
--- /dev/null
+++ b/lineage/.local/bin/record-script-fullscreen.sh
@@ -0,0 +1,11 @@
+#/usr/bin/bash
+
+cd /home/end/Videos
+if ["$(pidof wf-recorder)" -ne ""]; then
+    rm recording.mp4
+    notify-send "wf-recorder" "Starting recording"
+    wf-recorder
+else
+    /usr/bin/kill --signal SIGINT wf-recorder
+    notify-send "wf-recorder" "Recording Stopped"
+fi
diff --git a/lineage/.local/bin/record-script.sh b/lineage/.local/bin/record-script.sh
new file mode 100755
index 000000000..8d398d23f
--- /dev/null
+++ b/lineage/.local/bin/record-script.sh
@@ -0,0 +1,11 @@
+#/usr/bin/bash
+
+cd /home/end/Videos
+if ["$(pidof wf-recorder)" -ne ""]; then
+    rm recording.mp4
+    notify-send "wf-recorder" "Starting recording"
+    wf-recorder --audio=alsa_output.pci-0000_08_00.6.analog-stereo.monitor --geometry "$(slurp)" 
+else
+    /usr/bin/kill --signal SIGINT wf-recorder
+    notify-send "wf-recorder" "Recording Stopped"
+fi
\ No newline at end of file
diff --git a/lineage/.local/lib/python3.11/site-packages/pywal/__main__.py b/lineage/.local/lib/python3.11/site-packages/pywal/__main__.py
new file mode 100644
index 000000000..05af75177
--- /dev/null
+++ b/lineage/.local/lib/python3.11/site-packages/pywal/__main__.py
@@ -0,0 +1,214 @@
+"""
+                                      '||
+... ...  .... ... ... ... ...  ....    ||
+ ||'  ||  '|.  |   ||  ||  |  '' .||   ||
+ ||    |   '|.|     ||| |||   .|' ||   ||
+ ||...'     '|       |   |    '|..'|' .||.
+ ||      .. |
+''''      ''
+Created by Dylan Araps.
+"""
+
+import argparse
+import logging
+import os
+import shutil
+import sys
+
+from .settings import __version__, CACHE_DIR, CONF_DIR
+from . import colors
+from . import export
+from . import image
+from . import reload
+from . import sequences
+from . import theme
+from . import util
+from . import wallpaper
+
+
+def get_args():
+    """Get the script arguments."""
+    description = "wal - Generate colorschemes on the fly"
+    arg = argparse.ArgumentParser(description=description)
+
+    arg.add_argument("-a", metavar="\"alpha\"",
+                     help="Set terminal background transparency. \
+                           *Only works in URxvt*")
+
+    arg.add_argument("-b", metavar="background",
+                     help="Custom background color to use.")
+
+    arg.add_argument("--backend", metavar="backend",
+                     help="Which color backend to use. \
+                           Use 'wal --backend' to list backends.",
+                     const="list_backends", type=str, nargs="?")
+
+    arg.add_argument("--theme", "-f", metavar="/path/to/file or theme_name",
+                     help="Which colorscheme file to use. \
+                           Use 'wal --theme' to list builtin themes.",
+                     const="list_themes", nargs="?")
+
+    arg.add_argument("--iterative", action="store_true",
+                     help="When pywal is given a directory as input and this "
+                          "flag is used: Go through the images in order "
+                          "instead of shuffled.")
+
+    arg.add_argument("--saturate", metavar="0.0-1.0",
+                     help="Set the color saturation.")
+
+    arg.add_argument("--preview", action="store_true",
+                     help="Print the current color palette.")
+
+    arg.add_argument("--vte", action="store_true",
+                     help="Fix text-artifacts printed in VTE terminals.")
+
+    arg.add_argument("-c", action="store_true",
+                     help="Delete all cached colorschemes.")
+
+    arg.add_argument("-i", metavar="\"/path/to/img.jpg\"",
+                     help="Which image or directory to use.")
+
+    arg.add_argument("-l", action="store_true",
+                     help="Generate a light colorscheme.")
+
+    arg.add_argument("-n", action="store_true",
+                     help="Skip setting the wallpaper.")
+
+    arg.add_argument("-o", metavar="\"script_name\"", action="append",
+                     help="External script to run after \"wal\".")
+
+    arg.add_argument("-q", action="store_true",
+                     help="Quiet mode, don\'t print anything.")
+
+    arg.add_argument("-r", action="store_true",
+                     help="'wal -r' is deprecated: Use \
+                           (cat ~/.cache/wal/sequences &) instead.")
+
+    arg.add_argument("-R", action="store_true",
+                     help="Restore previous colorscheme.")
+
+    arg.add_argument("-s", action="store_true",
+                     help="Skip changing colors in terminals.")
+
+    arg.add_argument("-t", action="store_true",
+                     help="Skip changing colors in tty.")
+
+    arg.add_argument("-v", action="store_true",
+                     help="Print \"wal\" version.")
+
+    arg.add_argument("-e", action="store_true",
+                     help="Skip reloading gtk/xrdb/i3/sway/polybar")
+
+    return arg
+
+
+def parse_args_exit(parser):
+    """Process args that exit."""
+    args = parser.parse_args()
+
+    if len(sys.argv) <= 1:
+        parser.print_help()
+        sys.exit(1)
+
+    if args.v:
+        parser.exit(0, "wal %s\n" % __version__)
+
+    if args.preview:
+        print("Current colorscheme:", sep='')
+        colors.palette()
+        sys.exit(0)
+
+    if args.i and args.theme:
+        parser.error("Conflicting arguments -i and -f.")
+
+    if args.r:
+        reload.colors()
+        sys.exit(0)
+
+    if args.c:
+        scheme_dir = os.path.join(CACHE_DIR, "schemes")
+        shutil.rmtree(scheme_dir, ignore_errors=True)
+        sys.exit(0)
+
+    if not args.i and \
+       not args.theme and \
+       not args.R and \
+       not args.backend:
+        parser.error("No input specified.\n"
+                     "--backend, --theme, -i or -R are required.")
+
+    if args.theme == "list_themes":
+        theme.list_out()
+        sys.exit(0)
+
+    if args.backend == "list_backends":
+        print("\n - ".join(["\033[1;32mBackends\033[0m:",
+                            *colors.list_backends()]))
+        sys.exit(0)
+
+
+def parse_args(parser):
+    """Process args."""
+    args = parser.parse_args()
+
+    if args.q:
+        logging.getLogger().disabled = True
+        sys.stdout = sys.stderr = open(os.devnull, "w")
+
+    if args.a:
+        util.Color.alpha_num = args.a
+
+    if args.i:
+        image_file = image.get(args.i, iterative=args.iterative)
+        colors_plain = colors.get(image_file, args.l, args.backend,
+                                  sat=args.saturate)
+    
+    print(colors_plain)
+
+    if args.theme:
+        colors_plain = theme.file(args.theme, args.l)
+
+    if args.R:
+        colors_plain = theme.file(os.path.join(CACHE_DIR, "colors.json"))
+
+    if args.b:
+        args.b = "#%s" % (args.b.strip("#"))
+        colors_plain["special"]["background"] = args.b
+        colors_plain["colors"]["color0"] = args.b
+
+    if not args.n:
+        wallpaper.change(colors_plain["wallpaper"])
+
+    sequences.send(colors_plain, to_send=not args.s, vte_fix=args.vte)
+
+    if sys.stdout.isatty():
+        colors.palette()
+
+    export.every(colors_plain)
+
+    if not args.e:
+        reload.env(tty_reload=not args.t)
+
+    if args.o:
+        for cmd in args.o:
+            util.disown([cmd])
+
+    if not args.e:
+        reload.gtk()
+
+
+def main():
+    """Main script function."""
+    util.create_dir(os.path.join(CONF_DIR, "templates"))
+    util.create_dir(os.path.join(CONF_DIR, "colorschemes/light/"))
+    util.create_dir(os.path.join(CONF_DIR, "colorschemes/dark/"))
+
+    util.setup_logging()
+    parser = get_args()
+
+    parse_args_exit(parser)
+    parse_args(parser)
+
+
+if __name__ == "__main__":
+    main()
diff --git a/lineage/Binaries (add to a $PATH)/dmenu-wl_path b/lineage/Binaries (add to a $PATH)/dmenu-wl_path
new file mode 100755
index 000000000..dbafa4bff
Binary files /dev/null and b/lineage/Binaries (add to a $PATH)/dmenu-wl_path differ
diff --git a/lineage/Binaries (add to a $PATH)/dmenu-wl_run b/lineage/Binaries (add to a $PATH)/dmenu-wl_run
new file mode 100755
index 000000000..94b6f3ab0
--- /dev/null
+++ b/lineage/Binaries (add to a $PATH)/dmenu-wl_run	
@@ -0,0 +1,2 @@
+#!/bin/sh
+dmenu-wl_path | dmenu-wl "$@" | ${SHELL:-"/bin/sh"} &
diff --git a/lineage/Binaries (add to a $PATH)/hyprland_cleanup.sh b/lineage/Binaries (add to a $PATH)/hyprland_cleanup.sh
new file mode 100755
index 000000000..75eb28d8a
--- /dev/null
+++ b/lineage/Binaries (add to a $PATH)/hyprland_cleanup.sh	
@@ -0,0 +1,3 @@
+#/usr/bin/bash
+sleep 1
+hyprctl keyword windowrule "workspace unset,kitty"
\ No newline at end of file
diff --git a/lineage/Binaries (add to a $PATH)/lock.sh b/lineage/Binaries (add to a $PATH)/lock.sh
new file mode 100755
index 000000000..df768dd43
--- /dev/null
+++ b/lineage/Binaries (add to a $PATH)/lock.sh	
@@ -0,0 +1 @@
+swaylock --image /home/end/Pictures/ACE.jpg --clock --indicator --line-color cdd6f4ff --text-color cdd6f4ff --inside-color 1e1e2eff --ring-color 313244ff --line-ver-color cdd6f4ff --text-ver-color cdd6f4ff --inside-ver-color 1e1e2eff --ring-ver-color 313244ff --line-clear-color cdd6f4ff --text-clear-color cdd6f4ff --inside-clear-color 1e1e2eff --ring-clear-color 313244ff --line-clear-color cdd6f4ff --text-wrong-color 313244ff --inside-wrong-color f38ba8ff --ring-wrong-color 313244ff --key-hl-color cba6f7ff
diff --git a/lineage/Binaries (add to a $PATH)/record-script.sh b/lineage/Binaries (add to a $PATH)/record-script.sh
new file mode 100755
index 000000000..2b0bff036
--- /dev/null
+++ b/lineage/Binaries (add to a $PATH)/record-script.sh	
@@ -0,0 +1,11 @@
+#/usr/bin/bash
+
+cd /home/end/Videos
+if ["$(pidof wf-recorder)" -ne ""]; then
+    rm recording.mp4
+    notify-send "wf-recorder" "Starting recording"
+    wf-recorder --geometry "$(slurp)"
+else
+    /usr/bin/kill --signal SIGINT wf-recorder
+    notify-send "wf-recorder" "Recording Stopped"
+fi
\ No newline at end of file
diff --git a/lineage/Binaries (add to a $PATH)/wofi-emoji b/lineage/Binaries (add to a $PATH)/wofi-emoji
new file mode 100755
index 000000000..938db3afc
--- /dev/null
+++ b/lineage/Binaries (add to a $PATH)/wofi-emoji	
@@ -0,0 +1,1858 @@
+#!/bin/bash
+if [ $? -eq 0 ]
+then
+    sed '1,/^### DATA ###$/d' $0 | wofi --show dmenu -i | cut -d ' ' -f 1 | tr -d '\n' | wtype -
+else
+    sed '1,/^### DATA ###$/d' $0 | wofi --show dmenu -i | cut -d ' ' -f 1 | tr -d '\n' | wl-copy
+fi
+exit
+### DATA ###
+😀 grinning face face smile happy joy :D grin
+😃 grinning face with big eyes face happy joy haha :D :) smile funny
+😄 grinning face with smiling eyes face happy joy funny haha laugh like :D :) smile
+😁 beaming face with smiling eyes face happy smile joy kawaii
+😆 grinning squinting face happy joy lol satisfied haha face glad XD laugh
+😅 grinning face with sweat face hot happy laugh sweat smile relief
+🤣 rolling on the floor laughing face rolling floor laughing lol haha rofl
+😂 face with tears of joy face cry tears weep happy happytears haha
+🙂 slightly smiling face face smile
+🙃 upside down face face flipped silly smile
+😉 winking face face happy mischievous secret ;) smile eye
+😊 smiling face with smiling eyes face smile happy flushed crush embarrassed shy joy
+😇 smiling face with halo face angel heaven halo
+🥰 smiling face with hearts face love like affection valentines infatuation crush hearts adore
+😍 smiling face with heart eyes face love like affection valentines infatuation crush heart
+🤩 star struck face smile starry eyes grinning
+😘 face blowing a kiss face love like affection valentines infatuation kiss
+😗 kissing face love like face 3 valentines infatuation kiss
+☺️ smiling face face blush massage happiness
+😚 kissing face with closed eyes face love like affection valentines infatuation kiss
+😙 kissing face with smiling eyes face affection valentines infatuation kiss
+😋 face savoring food happy joy tongue smile face silly yummy nom delicious savouring
+😛 face with tongue face prank childish playful mischievous smile tongue
+😜 winking face with tongue face prank childish playful mischievous smile wink tongue
+🤪 zany face face goofy crazy
+😝 squinting face with tongue face prank playful mischievous smile tongue
+🤑 money mouth face face rich dollar money
+🤗 hugging face face smile hug
+🤭 face with hand over mouth face whoops shock surprise
+🤫 shushing face face quiet shhh
+🤔 thinking face face hmmm think consider
+🤐 zipper mouth face face sealed zipper secret
+🤨 face with raised eyebrow face distrust scepticism disapproval disbelief surprise
+😐 neutral face indifference meh :| neutral
+😑 expressionless face face indifferent - - meh deadpan
+😶 face without mouth face hellokitty
+😏 smirking face face smile mean prank smug sarcasm
+😒 unamused face indifference bored straight face serious sarcasm unimpressed skeptical dubious side eye
+🙄 face with rolling eyes face eyeroll frustrated
+😬 grimacing face face grimace teeth
+🤥 lying face face lie pinocchio
+😌 relieved face face relaxed phew massage happiness
+😔 pensive face face sad depressed upset
+😪 sleepy face face tired rest nap
+🤤 drooling face face
+😴 sleeping face face tired sleepy night zzz
+😷 face with medical mask face sick ill disease
+🤒 face with thermometer sick temperature thermometer cold fever
+🤕 face with head bandage injured clumsy bandage hurt
+🤢 nauseated face face vomit gross green sick throw up ill
+🤮 face vomiting face sick
+🤧 sneezing face face gesundheit sneeze sick allergy
+🥵 hot face face feverish heat red sweating
+🥶 cold face face blue freezing frozen frostbite icicles
+🥴 woozy face face dizzy intoxicated tipsy wavy
+😵 dizzy face spent unconscious xox dizzy
+🤯 exploding head face shocked mind blown
+🤠 cowboy hat face face cowgirl hat
+🥳 partying face face celebration woohoo
+😎 smiling face with sunglasses face cool smile summer beach sunglass
+🤓 nerd face face nerdy geek dork
+🧐 face with monocle face stuffy wealthy
+😕 confused face face indifference huh weird hmmm :/
+😟 worried face face concern nervous :(
+🙁 slightly frowning face face frowning disappointed sad upset
+☹️ frowning face face sad upset frown
+😮 face with open mouth face surprise impressed wow whoa :O
+😯 hushed face face woo shh
+😲 astonished face face xox surprised poisoned
+😳 flushed face face blush shy flattered
+🥺 pleading face face begging mercy
+😦 frowning face with open mouth face aw what
+😧 anguished face face stunned nervous
+😨 fearful face face scared terrified nervous oops huh
+😰 anxious face with sweat face nervous sweat
+😥 sad but relieved face face phew sweat nervous
+😢 crying face face tears sad depressed upset :'(
+😭 loudly crying face face cry tears sad upset depressed
+😱 face screaming in fear face munch scared omg
+😖 confounded face face confused sick unwell oops :S
+😣 persevering face face sick no upset oops
+😞 disappointed face face sad upset depressed :(
+😓 downcast face with sweat face hot sad tired exercise
+😩 weary face face tired sleepy sad frustrated upset
+😫 tired face sick whine upset frustrated
+🥱 yawning face tired sleepy
+😤 face with steam from nose face gas phew proud pride
+😡 pouting face angry mad hate despise
+😠 angry face mad face annoyed frustrated
+🤬 face with symbols on mouth face swearing cursing cussing profanity expletive
+😈 smiling face with horns devil horns
+👿 angry face with horns devil angry horns
+💀 skull dead skeleton creepy death
+☠️ skull and crossbones poison danger deadly scary death pirate evil
+💩 pile of poo hankey shitface fail turd shit
+🤡 clown face face
+👹 ogre monster red mask halloween scary creepy devil demon japanese ogre
+👺 goblin red evil mask monster scary creepy japanese goblin
+👻 ghost halloween spooky scary
+👽 alien UFO paul weird outer space
+👾 alien monster game arcade play
+🤖 robot computer machine bot
+😺 grinning cat animal cats happy smile
+😸 grinning cat with smiling eyes animal cats smile
+😹 cat with tears of joy animal cats haha happy tears
+😻 smiling cat with heart eyes animal love like affection cats valentines heart
+😼 cat with wry smile animal cats smirk
+😽 kissing cat animal cats kiss
+🙀 weary cat animal cats munch scared scream
+😿 crying cat animal tears weep sad cats upset cry
+😾 pouting cat animal cats
+🙈 see no evil monkey monkey animal nature haha
+🙉 hear no evil monkey animal monkey nature
+🙊 speak no evil monkey monkey animal nature omg
+💋 kiss mark face lips love like affection valentines
+💌 love letter email like affection envelope valentines
+💘 heart with arrow love like heart affection valentines
+💝 heart with ribbon love valentines
+💖 sparkling heart love like affection valentines
+💗 growing heart like love affection valentines pink
+💓 beating heart love like affection valentines pink heart
+💞 revolving hearts love like affection valentines
+💕 two hearts love like affection valentines heart
+💟 heart decoration purple-square love like
+❣️ heart exclamation decoration love
+💔 broken heart sad sorry break heart heartbreak
+❤️ red heart love like valentines
+🧡 orange heart love like affection valentines
+💛 yellow heart love like affection valentines
+💚 green heart love like affection valentines
+💙 blue heart love like affection valentines
+💜 purple heart love like affection valentines
+🤎 brown heart coffee
+🖤 black heart evil
+🤍 white heart pure
+💯 hundred points score perfect numbers century exam quiz test pass hundred
+💢 anger symbol angry mad
+💥 collision bomb explode explosion collision blown
+💫 dizzy star sparkle shoot magic
+💦 sweat droplets water drip oops
+💨 dashing away wind air fast shoo fart smoke puff
+🕳️ hole embarrassing
+💣 bomb boom explode explosion terrorism
+💬 speech balloon bubble words message talk chatting
+👁️‍🗨️ eye in speech bubble info
+🗨️ left speech bubble words message talk chatting
+🗯️ right anger bubble caption speech thinking mad
+💭 thought balloon bubble cloud speech thinking dream
+💤 zzz sleepy tired dream
+👋 waving hand hands gesture goodbye solong farewell hello hi palm
+🤚 raised back of hand fingers raised backhand
+🖐️ hand with fingers splayed hand fingers palm
+✋ raised hand fingers stop highfive palm ban
+🖖 vulcan salute hand fingers spock star trek
+👌 ok hand fingers limbs perfect ok okay
+🤏 pinching hand tiny small size
+✌️ victory hand fingers ohyeah hand peace victory two
+🤞 crossed fingers good lucky
+🤟 love you gesture hand fingers gesture
+🤘 sign of the horns hand fingers evil eye sign of horns rock on
+🤙 call me hand hands gesture shaka
+👈 backhand index pointing left direction fingers hand left
+👉 backhand index pointing right fingers hand direction right
+👆 backhand index pointing up fingers hand direction up
+🖕 middle finger hand fingers rude middle flipping
+👇 backhand index pointing down fingers hand direction down
+☝️ index pointing up hand fingers direction up
+👍 thumbs up thumbsup yes awesome good agree accept cool hand like +1
+👎 thumbs down thumbsdown no dislike hand -1
+✊ raised fist fingers hand grasp
+👊 oncoming fist angry violence fist hit attack hand
+🤛 left facing fist hand fistbump
+🤜 right facing fist hand fistbump
+👏 clapping hands hands praise applause congrats yay
+🙌 raising hands gesture hooray yea celebration hands
+👐 open hands fingers butterfly hands open
+🤲 palms up together hands gesture cupped prayer
+🤝 handshake agreement shake
+🙏 folded hands please hope wish namaste highfive pray
+✍️ writing hand lower left ballpoint pen stationery write compose
+💅 nail polish beauty manicure finger fashion nail
+🤳 selfie camera phone
+💪 flexed biceps arm flex hand summer strong biceps
+🦾 mechanical arm accessibility
+🦿 mechanical leg accessibility
+🦵 leg kick limb
+🦶 foot kick stomp
+👂 ear face hear sound listen
+🦻 ear with hearing aid accessibility
+👃 nose smell sniff
+🧠 brain smart intelligent
+🦷 tooth teeth dentist
+🦴 bone skeleton
+👀 eyes look watch stalk peek see
+👁️ eye face look see watch stare
+👅 tongue mouth playful
+👄 mouth mouth kiss
+👶 baby child boy girl toddler
+🧒 child gender-neutral young
+👦 boy man male guy teenager
+👧 girl female woman teenager
+🧑 person gender-neutral person
+👱 person blond hair hairstyle
+👨 man mustache father dad guy classy sir moustache
+🧔 man beard person bewhiskered
+👨‍🦰 man red hair hairstyle
+👨‍🦱 man curly hair hairstyle
+👨‍🦳 man white hair old elder
+👨‍🦲 man bald hairless
+👩 woman female girls lady
+👩‍🦰 woman red hair hairstyle
+🧑‍🦰 person red hair hairstyle
+👩‍🦱 woman curly hair hairstyle
+🧑‍🦱 person curly hair hairstyle
+👩‍🦳 woman white hair old elder
+🧑‍🦳 person white hair elder old
+👩‍🦲 woman bald hairless
+🧑‍🦲 person bald hairless
+👱‍♀️ woman blond hair woman female girl blonde person
+👱‍♂️ man blond hair man male boy blonde guy person
+🧓 older person human elder senior gender-neutral
+👴 old man human male men old elder senior
+👵 old woman human female women lady old elder senior
+🙍 person frowning worried
+🙍‍♂️ man frowning male boy man sad depressed discouraged unhappy
+🙍‍♀️ woman frowning female girl woman sad depressed discouraged unhappy
+🙎 person pouting upset
+🙎‍♂️ man pouting male boy man
+🙎‍♀️ woman pouting female girl woman
+🙅 person gesturing no decline
+🙅‍♂️ man gesturing no male boy man nope
+🙅‍♀️ woman gesturing no female girl woman nope
+🙆 person gesturing ok agree
+🙆‍♂️ man gesturing ok men boy male blue human man
+🙆‍♀️ woman gesturing ok women girl female pink human woman
+💁 person tipping hand information
+💁‍♂️ man tipping hand male boy man human information
+💁‍♀️ woman tipping hand female girl woman human information
+🙋 person raising hand question
+🙋‍♂️ man raising hand male boy man
+🙋‍♀️ woman raising hand female girl woman
+🧏 deaf person accessibility
+🧏‍♂️ deaf man accessibility
+🧏‍♀️ deaf woman accessibility
+🙇 person bowing respectiful
+🙇‍♂️ man bowing man male boy
+🙇‍♀️ woman bowing woman female girl
+🤦 person facepalming disappointed
+🤦‍♂️ man facepalming man male boy disbelief
+🤦‍♀️ woman facepalming woman female girl disbelief
+🤷 person shrugging regardless
+🤷‍♂️ man shrugging man male boy confused indifferent doubt
+🤷‍♀️ woman shrugging woman female girl confused indifferent doubt
+🧑‍⚕️ health worker hospital
+👨‍⚕️ man health worker doctor nurse therapist healthcare man human
+👩‍⚕️ woman health worker doctor nurse therapist healthcare woman human
+🧑‍🎓 student learn
+👨‍🎓 man student graduate man human
+👩‍🎓 woman student graduate woman human
+🧑‍🏫 teacher professor
+👨‍🏫 man teacher instructor professor man human
+👩‍🏫 woman teacher instructor professor woman human
+🧑‍⚖️ judge law
+👨‍⚖️ man judge justice court man human
+👩‍⚖️ woman judge justice court woman human
+🧑‍🌾 farmer crops
+👨‍🌾 man farmer rancher gardener man human
+👩‍🌾 woman farmer rancher gardener woman human
+🧑‍🍳 cook food kitchen culinary
+👨‍🍳 man cook chef man human
+👩‍🍳 woman cook chef woman human
+🧑‍🔧 mechanic worker technician
+👨‍🔧 man mechanic plumber man human wrench
+👩‍🔧 woman mechanic plumber woman human wrench
+🧑‍🏭 factory worker labor
+👨‍🏭 man factory worker assembly industrial man human
+👩‍🏭 woman factory worker assembly industrial woman human
+🧑‍💼 office worker business
+👨‍💼 man office worker business manager man human
+👩‍💼 woman office worker business manager woman human
+🧑‍🔬 scientist chemistry
+👨‍🔬 man scientist biologist chemist engineer physicist man human
+👩‍🔬 woman scientist biologist chemist engineer physicist woman human
+🧑‍💻 technologist computer
+👨‍💻 man technologist coder developer engineer programmer software man human laptop computer
+👩‍💻 woman technologist coder developer engineer programmer software woman human laptop computer
+🧑‍🎤 singer song artist performer
+👨‍🎤 man singer rockstar entertainer man human
+👩‍🎤 woman singer rockstar entertainer woman human
+🧑‍🎨 artist painting draw creativity
+👨‍🎨 man artist painter man human
+👩‍🎨 woman artist painter woman human
+🧑‍✈️ pilot fly plane airplane
+👨‍✈️ man pilot aviator plane man human
+👩‍✈️ woman pilot aviator plane woman human
+🧑‍🚀 astronaut outerspace
+👨‍🚀 man astronaut space rocket man human
+👩‍🚀 woman astronaut space rocket woman human
+🧑‍🚒 firefighter fire
+👨‍🚒 man firefighter fireman man human
+👩‍🚒 woman firefighter fireman woman human
+👮 police officer cop
+👮‍♂️ man police officer man police law legal enforcement arrest 911
+👮‍♀️ woman police officer woman police law legal enforcement arrest 911 female
+🕵️ detective human spy detective
+🕵️‍♂️ man detective crime
+🕵️‍♀️ woman detective human spy detective female woman
+💂 guard protect
+💂‍♂️ man guard uk gb british male guy royal
+💂‍♀️ woman guard uk gb british female royal woman
+👷 construction worker labor build
+👷‍♂️ man construction worker male human wip guy build construction worker labor
+👷‍♀️ woman construction worker female human wip build construction worker labor woman
+🤴 prince boy man male crown royal king
+👸 princess girl woman female blond crown royal queen
+👳 person wearing turban headdress
+👳‍♂️ man wearing turban male indian hinduism arabs
+👳‍♀️ woman wearing turban female indian hinduism arabs woman
+👲 man with skullcap male boy chinese
+🧕 woman with headscarf female hijab mantilla tichel
+🤵 man in tuxedo couple marriage wedding groom
+👰 bride with veil couple marriage wedding woman bride
+🤰 pregnant woman baby
+🤱 breast feeding nursing baby
+👼 baby angel heaven wings halo
+🎅 santa claus festival man male xmas father christmas
+🤶 mrs claus woman female xmas mother christmas
+🦸 superhero marvel
+🦸‍♂️ man superhero man male good hero superpowers
+🦸‍♀️ woman superhero woman female good heroine superpowers
+🦹 supervillain marvel
+🦹‍♂️ man supervillain man male evil bad criminal hero superpowers
+🦹‍♀️ woman supervillain woman female evil bad criminal heroine superpowers
+🧙 mage magic
+🧙‍♂️ man mage man male mage sorcerer
+🧙‍♀️ woman mage woman female mage witch
+🧚 fairy wings magical
+🧚‍♂️ man fairy man male
+🧚‍♀️ woman fairy woman female
+🧛 vampire blood twilight
+🧛‍♂️ man vampire man male dracula
+🧛‍♀️ woman vampire woman female
+🧜 merperson sea
+🧜‍♂️ merman man male triton
+🧜‍♀️ mermaid woman female merwoman ariel
+🧝 elf magical
+🧝‍♂️ man elf man male
+🧝‍♀️ woman elf woman female
+🧞 genie magical wishes
+🧞‍♂️ man genie man male
+🧞‍♀️ woman genie woman female
+🧟 zombie dead
+🧟‍♂️ man zombie man male dracula undead walking dead
+🧟‍♀️ woman zombie woman female undead walking dead
+💆 person getting massage relax
+💆‍♂️ man getting massage male boy man head
+💆‍♀️ woman getting massage female girl woman head
+💇 person getting haircut hairstyle
+💇‍♂️ man getting haircut male boy man
+💇‍♀️ woman getting haircut female girl woman
+🚶 person walking move
+🚶‍♂️ man walking human feet steps
+🚶‍♀️ woman walking human feet steps woman female
+🧍 person standing still
+🧍‍♂️ man standing still
+🧍‍♀️ woman standing still
+🧎 person kneeling pray respectful
+🧎‍♂️ man kneeling pray respectful
+🧎‍♀️ woman kneeling respectful pray
+🧑‍🦯 person with probing cane blind
+👨‍🦯 man with probing cane blind
+👩‍🦯 woman with probing cane blind
+🧑‍🦼 person in motorized wheelchair disability accessibility
+👨‍🦼 man in motorized wheelchair disability accessibility
+👩‍🦼 woman in motorized wheelchair disability accessibility
+🧑‍🦽 person in manual wheelchair disability accessibility
+👨‍🦽 man in manual wheelchair disability accessibility
+👩‍🦽 woman in manual wheelchair disability accessibility
+🏃 person running move
+🏃‍♂️ man running man walking exercise race running
+🏃‍♀️ woman running woman walking exercise race running female
+💃 woman dancing female girl woman fun
+🕺 man dancing male boy fun dancer
+🕴️ man in suit levitating suit business levitate hover jump
+👯 people with bunny ears perform costume
+👯‍♂️ men with bunny ears male bunny men boys
+👯‍♀️ women with bunny ears female bunny women girls
+🧖 person in steamy room relax spa
+🧖‍♂️ man in steamy room male man spa steamroom sauna
+🧖‍♀️ woman in steamy room female woman spa steamroom sauna
+🧗 person climbing sport
+🧗‍♂️ man climbing sports hobby man male rock
+🧗‍♀️ woman climbing sports hobby woman female rock
+🤺 person fencing sports fencing sword
+🏇 horse racing animal betting competition gambling luck
+⛷️ skier sports winter snow
+🏂 snowboarder sports winter
+🏌️ person golfing sports business
+🏌️‍♂️ man golfing sport
+🏌️‍♀️ woman golfing sports business woman female
+🏄 person surfing sport sea
+🏄‍♂️ man surfing sports ocean sea summer beach
+🏄‍♀️ woman surfing sports ocean sea summer beach woman female
+🚣 person rowing boat sport move
+🚣‍♂️ man rowing boat sports hobby water ship
+🚣‍♀️ woman rowing boat sports hobby water ship woman female
+🏊 person swimming sport pool
+🏊‍♂️ man swimming sports exercise human athlete water summer
+🏊‍♀️ woman swimming sports exercise human athlete water summer woman female
+⛹️ person bouncing ball sports human
+⛹️‍♂️ man bouncing ball sport
+⛹️‍♀️ woman bouncing ball sports human woman female
+🏋️ person lifting weights sports training exercise
+🏋️‍♂️ man lifting weights sport
+🏋️‍♀️ woman lifting weights sports training exercise woman female
+🚴 person biking sport move
+🚴‍♂️ man biking sports bike exercise hipster
+🚴‍♀️ woman biking sports bike exercise hipster woman female
+🚵 person mountain biking sport move
+🚵‍♂️ man mountain biking transportation sports human race bike
+🚵‍♀️ woman mountain biking transportation sports human race bike woman female
+🤸 person cartwheeling sport gymnastic
+🤸‍♂️ man cartwheeling gymnastics
+🤸‍♀️ woman cartwheeling gymnastics
+🤼 people wrestling sport
+🤼‍♂️ men wrestling sports wrestlers
+🤼‍♀️ women wrestling sports wrestlers
+🤽 person playing water polo sport
+🤽‍♂️ man playing water polo sports pool
+🤽‍♀️ woman playing water polo sports pool
+🤾 person playing handball sport
+🤾‍♂️ man playing handball sports
+🤾‍♀️ woman playing handball sports
+🤹 person juggling performance balance
+🤹‍♂️ man juggling juggle balance skill multitask
+🤹‍♀️ woman juggling juggle balance skill multitask
+🧘 person in lotus position meditate
+🧘‍♂️ man in lotus position man male meditation yoga serenity zen mindfulness
+🧘‍♀️ woman in lotus position woman female meditation yoga serenity zen mindfulness
+🛀 person taking bath clean shower bathroom
+🛌 person in bed bed rest
+🧑‍🤝‍🧑 people holding hands friendship
+👭 women holding hands pair friendship couple love like female people human
+👫 woman and man holding hands pair people human love date dating like affection valentines marriage
+👬 men holding hands pair couple love like bromance friendship people human
+💏 kiss pair valentines love like dating marriage
+👩‍❤️‍💋‍👨 kiss woman man love
+👨‍❤️‍💋‍👨 kiss man man pair valentines love like dating marriage
+👩‍❤️‍💋‍👩 kiss woman woman pair valentines love like dating marriage
+💑 couple with heart pair love like affection human dating valentines marriage
+👩‍❤️‍👨 couple with heart woman man love
+👨‍❤️‍👨 couple with heart man man pair love like affection human dating valentines marriage
+👩‍❤️‍👩 couple with heart woman woman pair love like affection human dating valentines marriage
+👪 family home parents child mom dad father mother people human
+👨‍👩‍👦 family man woman boy love
+👨‍👩‍👧 family man woman girl home parents people human child
+👨‍👩‍👧‍👦 family man woman girl boy home parents people human children
+👨‍👩‍👦‍👦 family man woman boy boy home parents people human children
+👨‍👩‍👧‍👧 family man woman girl girl home parents people human children
+👨‍👨‍👦 family man man boy home parents people human children
+👨‍👨‍👧 family man man girl home parents people human children
+👨‍👨‍👧‍👦 family man man girl boy home parents people human children
+👨‍👨‍👦‍👦 family man man boy boy home parents people human children
+👨‍👨‍👧‍👧 family man man girl girl home parents people human children
+👩‍👩‍👦 family woman woman boy home parents people human children
+👩‍👩‍👧 family woman woman girl home parents people human children
+👩‍👩‍👧‍👦 family woman woman girl boy home parents people human children
+👩‍👩‍👦‍👦 family woman woman boy boy home parents people human children
+👩‍👩‍👧‍👧 family woman woman girl girl home parents people human children
+👨‍👦 family man boy home parent people human child
+👨‍👦‍👦 family man boy boy home parent people human children
+👨‍👧 family man girl home parent people human child
+👨‍👧‍👦 family man girl boy home parent people human children
+👨‍👧‍👧 family man girl girl home parent people human children
+👩‍👦 family woman boy home parent people human child
+👩‍👦‍👦 family woman boy boy home parent people human children
+👩‍👧 family woman girl home parent people human child
+👩‍👧‍👦 family woman girl boy home parent people human children
+👩‍👧‍👧 family woman girl girl home parent people human children
+🗣️ speaking head user person human sing say talk
+👤 bust in silhouette user person human
+👥 busts in silhouette user person human group team
+👣 footprints feet tracking walking beach
+🐵 monkey face animal nature circus
+🐒 monkey animal nature banana circus
+🦍 gorilla animal nature circus
+🦧 orangutan animal
+🐶 dog face animal friend nature woof puppy pet faithful
+🐕 dog animal nature friend doge pet faithful
+🦮 guide dog animal blind
+🐕‍🦺 service dog blind animal
+🐩 poodle dog animal 101 nature pet
+🐺 wolf animal nature wild
+🦊 fox animal nature face
+🦝 raccoon animal nature
+🐱 cat face animal meow nature pet kitten
+🐈 cat animal meow pet cats
+🦁 lion animal nature
+🐯 tiger face animal cat danger wild nature roar
+🐅 tiger animal nature roar
+🐆 leopard animal nature
+🐴 horse face animal brown nature
+🐎 horse animal gamble luck
+🦄 unicorn animal nature mystical
+🦓 zebra animal nature stripes safari
+🦌 deer animal nature horns venison
+🐮 cow face beef ox animal nature moo milk
+🐂 ox animal cow beef
+🐃 water buffalo animal nature ox cow
+🐄 cow beef ox animal nature moo milk
+🐷 pig face animal oink nature
+🐖 pig animal nature
+🐗 boar animal nature
+🐽 pig nose animal oink
+🐏 ram animal sheep nature
+🐑 ewe animal nature wool shipit
+🐐 goat animal nature
+🐪 camel animal hot desert hump
+🐫 two hump camel animal nature hot desert hump
+🦙 llama animal nature alpaca
+🦒 giraffe animal nature spots safari
+🐘 elephant animal nature nose th circus
+🦏 rhinoceros animal nature horn
+🦛 hippopotamus animal nature
+🐭 mouse face animal nature cheese wedge rodent
+🐁 mouse animal nature rodent
+🐀 rat animal mouse rodent
+🐹 hamster animal nature
+🐰 rabbit face animal nature pet spring magic bunny
+🐇 rabbit animal nature pet magic spring
+🐿️ chipmunk animal nature rodent squirrel
+🦔 hedgehog animal nature spiny
+🦇 bat animal nature blind vampire
+🐻 bear animal nature wild
+🐨 koala animal nature
+🐼 panda animal nature panda
+🦥 sloth animal
+🦦 otter animal
+🦨 skunk animal
+🦘 kangaroo animal nature australia joey hop marsupial
+🦡 badger animal nature honey
+🐾 paw prints animal tracking footprints dog cat pet feet
+🦃 turkey animal bird
+🐔 chicken animal cluck nature bird
+🐓 rooster animal nature chicken
+🐣 hatching chick animal chicken egg born baby bird
+🐤 baby chick animal chicken bird
+🐥 front facing baby chick animal chicken baby bird
+🐦 bird animal nature fly tweet spring
+🐧 penguin animal nature
+🕊️ dove animal bird
+🦅 eagle animal nature bird
+🦆 duck animal nature bird mallard
+🦢 swan animal nature bird
+🦉 owl animal nature bird hoot
+🦩 flamingo animal
+🦚 peacock animal nature peahen bird
+🦜 parrot animal nature bird pirate talk
+🐸 frog animal nature croak toad
+🐊 crocodile animal nature reptile lizard alligator
+🐢 turtle animal slow nature tortoise
+🦎 lizard animal nature reptile
+🐍 snake animal evil nature hiss python
+🐲 dragon face animal myth nature chinese green
+🐉 dragon animal myth nature chinese green
+🦕 sauropod animal nature dinosaur brachiosaurus brontosaurus diplodocus extinct
+🦖 t rex animal nature dinosaur tyrannosaurus extinct
+🐳 spouting whale animal nature sea ocean
+🐋 whale animal nature sea ocean
+🐬 dolphin animal nature fish sea ocean flipper fins beach
+🐟 fish animal food nature
+🐠 tropical fish animal swim ocean beach nemo
+🐡 blowfish animal nature food sea ocean
+🦈 shark animal nature fish sea ocean jaws fins beach
+🐙 octopus animal creature ocean sea nature beach
+🐚 spiral shell nature sea beach
+🐌 snail slow animal shell
+🦋 butterfly animal insect nature caterpillar
+🐛 bug animal insect nature worm
+🐜 ant animal insect nature bug
+🐝 honeybee animal insect nature bug spring honey
+🐞 lady beetle animal insect nature ladybug
+🦗 cricket animal cricket chirp
+🕷️ spider animal arachnid
+🕸️ spider web animal insect arachnid silk
+🦂 scorpion animal arachnid
+🦟 mosquito animal nature insect malaria
+🦠 microbe amoeba bacteria germs virus
+💐 bouquet flowers nature spring
+🌸 cherry blossom nature plant spring flower
+💮 white flower japanese spring
+🏵️ rosette flower decoration military
+🌹 rose flowers valentines love spring
+🥀 wilted flower plant nature flower
+🌺 hibiscus plant vegetable flowers beach
+🌻 sunflower nature plant fall
+🌼 blossom nature flowers yellow
+🌷 tulip flowers plant nature summer spring
+🌱 seedling plant nature grass lawn spring
+🌲 evergreen tree plant nature
+🌳 deciduous tree plant nature
+🌴 palm tree plant vegetable nature summer beach mojito tropical
+🌵 cactus vegetable plant nature
+🌾 sheaf of rice nature plant
+🌿 herb vegetable plant medicine weed grass lawn
+☘️ shamrock vegetable plant nature irish clover
+🍀 four leaf clover vegetable plant nature lucky irish
+🍁 maple leaf nature plant vegetable ca fall
+🍂 fallen leaf nature plant vegetable leaves
+🍃 leaf fluttering in wind nature plant tree vegetable grass lawn spring
+🍇 grapes fruit food wine
+🍈 melon fruit nature food
+🍉 watermelon fruit food picnic summer
+🍊 tangerine food fruit nature orange
+🍋 lemon fruit nature
+🍌 banana fruit food monkey
+🍍 pineapple fruit nature food
+🥭 mango fruit food tropical
+🍎 red apple fruit mac school
+🍏 green apple fruit nature
+🍐 pear fruit nature food
+🍑 peach fruit nature food
+🍒 cherries food fruit
+🍓 strawberry fruit food nature
+🥝 kiwi fruit fruit food
+🍅 tomato fruit vegetable nature food
+🥥 coconut fruit nature food palm
+🥑 avocado fruit food
+🍆 eggplant vegetable nature food aubergine
+🥔 potato food tuber vegatable starch
+🥕 carrot vegetable food orange
+🌽 ear of corn food vegetable plant
+🌶️ hot pepper food spicy chilli chili
+🥒 cucumber fruit food pickle
+🥬 leafy green food vegetable plant bok choy cabbage kale lettuce
+🥦 broccoli fruit food vegetable
+🧄 garlic food spice cook
+🧅 onion cook food spice
+🍄 mushroom plant vegetable
+🥜 peanuts food nut
+🌰 chestnut food squirrel
+🍞 bread food wheat breakfast toast
+🥐 croissant food bread french
+🥖 baguette bread food bread french
+🥨 pretzel food bread twisted
+🥯 bagel food bread bakery schmear
+🥞 pancakes food breakfast flapjacks hotcakes
+🧇 waffle food breakfast
+🧀 cheese wedge food chadder
+🍖 meat on bone good food drumstick
+🍗 poultry leg food meat drumstick bird chicken turkey
+🥩 cut of meat food cow meat cut chop lambchop porkchop
+🥓 bacon food breakfast pork pig meat
+🍔 hamburger meat fast food beef cheeseburger mcdonalds burger king
+🍟 french fries chips snack fast food
+🍕 pizza food party
+🌭 hot dog food frankfurter
+🥪 sandwich food lunch bread
+🌮 taco food mexican
+🌯 burrito food mexican
+🥙 stuffed flatbread food flatbread stuffed gyro
+🧆 falafel food
+🥚 egg food chicken breakfast
+🍳 cooking food breakfast kitchen egg
+🥘 shallow pan of food food cooking casserole paella
+🍲 pot of food food meat soup
+🥣 bowl with spoon food breakfast cereal oatmeal porridge
+🥗 green salad food healthy lettuce
+🍿 popcorn food movie theater films snack
+🧈 butter food cook
+🧂 salt condiment shaker
+🥫 canned food food soup
+🍱 bento box food japanese box
+🍘 rice cracker food japanese
+🍙 rice ball food japanese
+🍚 cooked rice food china asian
+🍛 curry rice food spicy hot indian
+🍜 steaming bowl food japanese noodle chopsticks
+🍝 spaghetti food italian noodle
+🍠 roasted sweet potato food nature
+🍢 oden food japanese
+🍣 sushi food fish japanese rice
+🍤 fried shrimp food animal appetizer summer
+🍥 fish cake with swirl food japan sea beach narutomaki pink swirl kamaboko surimi ramen
+🥮 moon cake food autumn
+🍡 dango food dessert sweet japanese barbecue meat
+🥟 dumpling food empanada pierogi potsticker
+🥠 fortune cookie food prophecy
+🥡 takeout box food leftovers
+🦀 crab animal crustacean
+🦞 lobster animal nature bisque claws seafood
+🦐 shrimp animal ocean nature seafood
+🦑 squid animal nature ocean sea
+🦪 oyster food
+🍦 soft ice cream food hot dessert summer
+🍧 shaved ice hot dessert summer
+🍨 ice cream food hot dessert
+🍩 doughnut food dessert snack sweet donut
+🍪 cookie food snack oreo chocolate sweet dessert
+🎂 birthday cake food dessert cake
+🍰 shortcake food dessert
+🧁 cupcake food dessert bakery sweet
+🥧 pie food dessert pastry
+🍫 chocolate bar food snack dessert sweet
+🍬 candy snack dessert sweet lolly
+🍭 lollipop food snack candy sweet
+🍮 custard dessert food
+🍯 honey pot bees sweet kitchen
+🍼 baby bottle food container milk
+🥛 glass of milk beverage drink cow
+☕ hot beverage beverage caffeine latte espresso coffee
+🍵 teacup without handle drink bowl breakfast green british
+🍶 sake wine drink drunk beverage japanese alcohol booze
+🍾 bottle with popping cork drink wine bottle celebration
+🍷 wine glass drink beverage drunk alcohol booze
+🍸 cocktail glass drink drunk alcohol beverage booze mojito
+🍹 tropical drink beverage cocktail summer beach alcohol booze mojito
+🍺 beer mug relax beverage drink drunk party pub summer alcohol booze
+🍻 clinking beer mugs relax beverage drink drunk party pub summer alcohol booze
+🥂 clinking glasses beverage drink party alcohol celebrate cheers wine champagne toast
+🥃 tumbler glass drink beverage drunk alcohol liquor booze bourbon scotch whisky glass shot
+🥤 cup with straw drink soda
+🧃 beverage box drink
+🧉 mate drink tea beverage
+🧊 ice water cold
+🥢 chopsticks food
+🍽️ fork and knife with plate food eat meal lunch dinner restaurant
+🍴 fork and knife cutlery kitchen
+🥄 spoon cutlery kitchen tableware
+🔪 kitchen knife knife blade cutlery kitchen weapon
+🏺 amphora vase jar
+🌍 globe showing europe africa globe world international
+🌎 globe showing americas globe world USA international
+🌏 globe showing asia australia globe world east international
+🌐 globe with meridians earth international world internet interweb i18n
+🗺️ world map location direction
+🗾 map of japan nation country japanese asia
+🧭 compass magnetic navigation orienteering
+🏔️ snow capped mountain photo nature environment winter cold
+⛰️ mountain photo nature environment
+🌋 volcano photo nature disaster
+🗻 mount fuji photo mountain nature japanese
+🏕️ camping photo outdoors tent
+🏖️ beach with umbrella weather summer sunny sand mojito
+🏜️ desert photo warm saharah
+🏝️ desert island photo tropical mojito
+🏞️ national park photo environment nature
+🏟️ stadium photo place sports concert venue
+🏛️ classical building art culture history
+🏗️ building construction wip working progress
+🧱 brick bricks
+🏘️ houses buildings photo
+🏚️ derelict house abandon evict broken building
+🏠 house building home
+🏡 house with garden home plant nature
+🏢 office building building bureau work
+🏣 japanese post office building envelope communication
+🏤 post office building email
+🏥 hospital building health surgery doctor
+🏦 bank building money sales cash business enterprise
+🏨 hotel building accomodation checkin
+🏩 love hotel like affection dating
+🏪 convenience store building shopping groceries
+🏫 school building student education learn teach
+🏬 department store building shopping mall
+🏭 factory building industry pollution smoke
+🏯 japanese castle photo building
+🏰 castle building royalty history
+💒 wedding love like affection couple marriage bride groom
+🗼 tokyo tower photo japanese
+🗽 statue of liberty american newyork
+⛪ church building religion christ
+🕌 mosque islam worship minaret
+🛕 hindu temple religion
+🕍 synagogue judaism worship temple jewish
+⛩️ shinto shrine temple japan kyoto
+🕋 kaaba mecca mosque islam
+⛲ fountain photo summer water fresh
+⛺ tent photo camping outdoors
+🌁 foggy photo mountain
+🌃 night with stars evening city downtown
+🏙️ cityscape photo night life urban
+🌄 sunrise over mountains view vacation photo
+🌅 sunrise morning view vacation photo
+🌆 cityscape at dusk photo evening sky buildings
+🌇 sunset photo good morning dawn
+🌉 bridge at night photo sanfrancisco
+♨️ hot springs bath warm relax
+🎠 carousel horse photo carnival
+🎡 ferris wheel photo carnival londoneye
+🎢 roller coaster carnival playground photo fun
+💈 barber pole hair salon style
+🎪 circus tent festival carnival party
+🚂 locomotive transportation vehicle train
+🚃 railway car transportation vehicle
+🚄 high speed train transportation vehicle
+🚅 bullet train transportation vehicle speed fast public travel
+🚆 train transportation vehicle
+🚇 metro transportation blue-square mrt underground tube
+🚈 light rail transportation vehicle
+🚉 station transportation vehicle public
+🚊 tram transportation vehicle
+🚝 monorail transportation vehicle
+🚞 mountain railway transportation vehicle
+🚋 tram car transportation vehicle carriage public travel
+🚌 bus car vehicle transportation
+🚍 oncoming bus vehicle transportation
+🚎 trolleybus bart transportation vehicle
+🚐 minibus vehicle car transportation
+🚑 ambulance health 911 hospital
+🚒 fire engine transportation cars vehicle
+🚓 police car vehicle cars transportation law legal enforcement
+🚔 oncoming police car vehicle law legal enforcement 911
+🚕 taxi uber vehicle cars transportation
+🚖 oncoming taxi vehicle cars uber
+🚗 automobile red transportation vehicle
+🚘 oncoming automobile car vehicle transportation
+🚙 sport utility vehicle transportation vehicle
+🚚 delivery truck cars transportation
+🚛 articulated lorry vehicle cars transportation express
+🚜 tractor vehicle car farming agriculture
+🏎️ racing car sports race fast formula f1
+🏍️ motorcycle race sports fast
+🛵 motor scooter vehicle vespa sasha
+🦽 manual wheelchair accessibility
+🦼 motorized wheelchair accessibility
+🛺 auto rickshaw move transportation
+🚲 bicycle sports bicycle exercise hipster
+🛴 kick scooter vehicle kick razor
+🛹 skateboard board
+🚏 bus stop transportation wait
+🛣️ motorway road cupertino interstate highway
+🛤️ railway track train transportation
+🛢️ oil drum barrell
+⛽ fuel pump gas station petroleum
+🚨 police car light police ambulance 911 emergency alert error pinged law legal
+🚥 horizontal traffic light transportation signal
+🚦 vertical traffic light transportation driving
+🛑 stop sign stop
+🚧 construction wip progress caution warning
+⚓ anchor ship ferry sea boat
+⛵ sailboat ship summer transportation water sailing
+🛶 canoe boat paddle water ship
+🚤 speedboat ship transportation vehicle summer
+🛳️ passenger ship yacht cruise ferry
+⛴️ ferry boat ship yacht
+🛥️ motor boat ship
+🚢 ship transportation titanic deploy
+✈️ airplane vehicle transportation flight fly
+🛩️ small airplane flight transportation fly vehicle
+🛫 airplane departure airport flight landing
+🛬 airplane arrival airport flight boarding
+🪂 parachute fly glide
+💺 seat sit airplane transport bus flight fly
+🚁 helicopter transportation vehicle fly
+🚟 suspension railway vehicle transportation
+🚠 mountain cableway transportation vehicle ski
+🚡 aerial tramway transportation vehicle ski
+🛰️ satellite communication gps orbit spaceflight NASA ISS
+🚀 rocket launch ship staffmode NASA outer space outer space fly
+🛸 flying saucer transportation vehicle ufo
+🛎️ bellhop bell service
+🧳 luggage packing travel
+⌛ hourglass done time clock oldschool limit exam quiz test
+⏳ hourglass not done oldschool time countdown
+⌚ watch time accessories
+⏰ alarm clock time wake
+⏱️ stopwatch time deadline
+⏲️ timer clock alarm
+🕰️ mantelpiece clock time
+🕛 twelve o clock time noon midnight midday late early schedule
+🕧 twelve thirty time late early schedule
+🕐 one o clock time late early schedule
+🕜 one thirty time late early schedule
+🕑 two o clock time late early schedule
+🕝 two thirty time late early schedule
+🕒 three o clock time late early schedule
+🕞 three thirty time late early schedule
+🕓 four o clock time late early schedule
+🕟 four thirty time late early schedule
+🕔 five o clock time late early schedule
+🕠 five thirty time late early schedule
+🕕 six o clock time late early schedule dawn dusk
+🕡 six thirty time late early schedule
+🕖 seven o clock time late early schedule
+🕢 seven thirty time late early schedule
+🕗 eight o clock time late early schedule
+🕣 eight thirty time late early schedule
+🕘 nine o clock time late early schedule
+🕤 nine thirty time late early schedule
+🕙 ten o clock time late early schedule
+🕥 ten thirty time late early schedule
+🕚 eleven o clock time late early schedule
+🕦 eleven thirty time late early schedule
+🌑 new moon nature twilight planet space night evening sleep
+🌒 waxing crescent moon nature twilight planet space night evening sleep
+🌓 first quarter moon nature twilight planet space night evening sleep
+🌔 waxing gibbous moon nature night sky gray twilight planet space evening sleep
+🌕 full moon nature yellow twilight planet space night evening sleep
+🌖 waning gibbous moon nature twilight planet space night evening sleep waxing gibbous moon
+🌗 last quarter moon nature twilight planet space night evening sleep
+🌘 waning crescent moon nature twilight planet space night evening sleep
+🌙 crescent moon night sleep sky evening magic
+🌚 new moon face nature twilight planet space night evening sleep
+🌛 first quarter moon face nature twilight planet space night evening sleep
+🌜 last quarter moon face nature twilight planet space night evening sleep
+🌡️ thermometer weather temperature hot cold
+☀️ sun weather nature brightness summer beach spring
+🌝 full moon face nature twilight planet space night evening sleep
+🌞 sun with face nature morning sky
+🪐 ringed planet outerspace
+⭐ star night yellow
+🌟 glowing star night sparkle awesome good magic
+🌠 shooting star night photo
+🌌 milky way photo space stars
+☁️ cloud weather sky
+⛅ sun behind cloud weather nature cloudy morning fall spring
+⛈️ cloud with lightning and rain weather lightning
+🌤️ sun behind small cloud weather
+🌥️ sun behind large cloud weather
+🌦️ sun behind rain cloud weather
+🌧️ cloud with rain weather
+🌨️ cloud with snow weather
+🌩️ cloud with lightning weather thunder
+🌪️ tornado weather cyclone twister
+🌫️ fog weather
+🌬️ wind face gust air
+🌀 cyclone weather swirl blue cloud vortex spiral whirlpool spin tornado hurricane typhoon
+🌈 rainbow nature happy unicorn face photo sky spring
+🌂 closed umbrella weather rain drizzle
+☂️ umbrella weather spring
+☔ umbrella with rain drops rainy weather spring
+⛱️ umbrella on ground weather summer
+⚡ high voltage thunder weather lightning bolt fast
+❄️ snowflake winter season cold weather christmas xmas
+☃️ snowman winter season cold weather christmas xmas frozen
+⛄ snowman without snow winter season cold weather christmas xmas frozen without snow
+☄️ comet space
+🔥 fire hot cook flame
+💧 droplet water drip faucet spring
+🌊 water wave sea water wave nature tsunami disaster
+🎃 jack o lantern halloween light pumpkin creepy fall
+🎄 christmas tree festival vacation december xmas celebration
+🎆 fireworks photo festival carnival congratulations
+🎇 sparkler stars night shine
+🧨 firecracker dynamite boom explode explosion explosive
+✨ sparkles stars shine shiny cool awesome good magic
+🎈 balloon party celebration birthday circus
+🎉 party popper party congratulations birthday magic circus celebration tada
+🎊 confetti ball festival party birthday circus
+🎋 tanabata tree plant nature branch summer
+🎍 pine decoration plant nature vegetable panda pine decoration
+🎎 japanese dolls japanese toy kimono
+🎏 carp streamer fish japanese koinobori carp banner
+🎐 wind chime nature ding spring bell
+🎑 moon viewing ceremony photo japan asia tsukimi
+🧧 red envelope gift
+🎀 ribbon decoration pink girl bowtie
+🎁 wrapped gift present birthday christmas xmas
+🎗️ reminder ribbon sports cause support awareness
+🎟️ admission tickets sports concert entrance
+🎫 ticket event concert pass
+🎖️ military medal award winning army
+🏆 trophy win award contest place ftw ceremony
+🏅 sports medal award winning
+🥇 1st place medal award winning first
+🥈 2nd place medal award second
+🥉 3rd place medal award third
+⚽ soccer ball sports football
+⚾ baseball sports balls
+🥎 softball sports balls
+🏀 basketball sports balls NBA
+🏐 volleyball sports balls
+🏈 american football sports balls NFL
+🏉 rugby football sports team
+🎾 tennis sports balls green
+🥏 flying disc sports frisbee ultimate
+🎳 bowling sports fun play
+🏏 cricket game sports
+🏑 field hockey sports
+🏒 ice hockey sports
+🥍 lacrosse sports ball stick
+🏓 ping pong sports pingpong
+🏸 badminton sports
+🥊 boxing glove sports fighting
+🥋 martial arts uniform judo karate taekwondo
+🥅 goal net sports
+⛳ flag in hole sports business flag hole summer
+⛸️ ice skate sports
+🎣 fishing pole food hobby summer
+🤿 diving mask sport ocean
+🎽 running shirt play pageant
+🎿 skis sports winter cold snow
+🛷 sled sleigh luge toboggan
+🥌 curling stone sports
+🎯 direct hit game play bar target bullseye
+🪀 yo yo toy
+🪁 kite wind fly
+🎱 pool 8 ball pool hobby game luck magic
+🔮 crystal ball disco party magic circus fortune teller
+🧿 nazar amulet bead charm
+🎮 video game play console PS4 controller
+🕹️ joystick game play
+🎰 slot machine bet gamble vegas fruit machine luck casino
+🎲 game die dice random tabletop play luck
+🧩 puzzle piece interlocking puzzle piece
+🧸 teddy bear plush stuffed
+♠️ spade suit poker cards suits magic
+♥️ heart suit poker cards magic suits
+♦️ diamond suit poker cards magic suits
+♣️ club suit poker cards magic suits
+♟️ chess pawn expendable
+🃏 joker poker cards game play magic
+🀄 mahjong red dragon game play chinese kanji
+🎴 flower playing cards game sunset red
+🎭 performing arts acting theater drama
+🖼️ framed picture photography
+🎨 artist palette design paint draw colors
+🧵 thread needle sewing spool string
+🧶 yarn ball crochet knit
+👓 glasses fashion accessories eyesight nerdy dork geek
+🕶️ sunglasses face cool accessories
+🥽 goggles eyes protection safety
+🥼 lab coat doctor experiment scientist chemist
+🦺 safety vest protection
+👔 necktie shirt suitup formal fashion cloth business
+👕 t shirt fashion cloth casual shirt tee
+👖 jeans fashion shopping
+🧣 scarf neck winter clothes
+🧤 gloves hands winter clothes
+🧥 coat jacket
+🧦 socks stockings clothes
+👗 dress clothes fashion shopping
+👘 kimono dress fashion women female japanese
+🥻 sari dress
+🩱 one piece swimsuit fashion
+🩲 briefs clothing
+🩳 shorts clothing
+👙 bikini swimming female woman girl fashion beach summer
+👚 woman s clothes fashion shopping bags female
+👛 purse fashion accessories money sales shopping
+👜 handbag fashion accessory accessories shopping
+👝 clutch bag bag accessories shopping
+🛍️ shopping bags mall buy purchase
+🎒 backpack student education bag backpack
+👞 man s shoe fashion male
+👟 running shoe shoes sports sneakers
+🥾 hiking boot backpacking camping hiking
+🥿 flat shoe ballet slip-on slipper
+👠 high heeled shoe fashion shoes female pumps stiletto
+👡 woman s sandal shoes fashion flip flops
+🩰 ballet shoes dance
+👢 woman s boot shoes fashion
+👑 crown king kod leader royalty lord
+👒 woman s hat fashion accessories female lady spring
+🎩 top hat magic gentleman classy circus
+🎓 graduation cap school college degree university graduation cap hat legal learn education
+🧢 billed cap cap baseball
+⛑️ rescue worker s helmet construction build
+📿 prayer beads dhikr religious
+💄 lipstick female girl fashion woman
+💍 ring wedding propose marriage valentines diamond fashion jewelry gem engagement
+💎 gem stone blue ruby diamond jewelry
+🔇 muted speaker sound volume silence quiet
+🔈 speaker low volume sound volume silence broadcast
+🔉 speaker medium volume volume speaker broadcast
+🔊 speaker high volume volume noise noisy speaker broadcast
+📢 loudspeaker volume sound
+📣 megaphone sound speaker volume
+📯 postal horn instrument music
+🔔 bell sound notification christmas xmas chime
+🔕 bell with slash sound volume mute quiet silent
+🎼 musical score treble clef compose
+🎵 musical note score tone sound
+🎶 musical notes music score
+🎙️ studio microphone sing recording artist talkshow
+🎚️ level slider scale
+🎛️ control knobs dial
+🎤 microphone sound music PA sing talkshow
+🎧 headphone music score gadgets
+📻 radio communication music podcast program
+🎷 saxophone music instrument jazz blues
+🎸 guitar music instrument
+🎹 musical keyboard piano instrument compose
+🎺 trumpet music brass
+🎻 violin music instrument orchestra symphony
+🪕 banjo music instructment
+🥁 drum music instrument drumsticks snare
+📱 mobile phone technology apple gadgets dial
+📲 mobile phone with arrow iphone incoming
+☎️ telephone technology communication dial telephone
+📞 telephone receiver technology communication dial
+📟 pager bbcall oldschool 90s
+📠 fax machine communication technology
+🔋 battery power energy sustain
+🔌 electric plug charger power
+💻 laptop technology laptop screen display monitor
+🖥️ desktop computer technology computing screen
+🖨️ printer paper ink
+⌨️ keyboard technology computer type input text
+🖱️ computer mouse click
+🖲️ trackball technology trackpad
+💽 computer disk technology record data disk 90s
+💾 floppy disk oldschool technology save 90s 80s
+💿 optical disk technology dvd disk disc 90s
+📀 dvd cd disk disc
+🧮 abacus calculation
+🎥 movie camera film record
+🎞️ film frames movie
+📽️ film projector video tape record movie
+🎬 clapper board movie film record
+📺 television technology program oldschool show television
+📷 camera gadgets photography
+📸 camera with flash photography gadgets
+📹 video camera film record
+📼 videocassette record video oldschool 90s 80s
+🔍 magnifying glass tilted left search zoom find detective
+🔎 magnifying glass tilted right search zoom find detective
+🕯️ candle fire wax
+💡 light bulb light electricity idea
+🔦 flashlight dark camping sight night
+🏮 red paper lantern light paper halloween spooky
+🪔 diya lamp lighting
+📔 notebook with decorative cover classroom notes record paper study
+📕 closed book read library knowledge textbook learn
+📖 open book book read library knowledge literature learn study
+📗 green book read library knowledge study
+📘 blue book read library knowledge learn study
+📙 orange book read library knowledge textbook study
+📚 books literature library study
+📓 notebook stationery record notes paper study
+📒 ledger notes paper
+📃 page with curl documents office paper
+📜 scroll documents ancient history paper
+📄 page facing up documents office paper information
+📰 newspaper press headline
+🗞️ rolled up newspaper press headline
+📑 bookmark tabs favorite save order tidy
+🔖 bookmark favorite label save
+🏷️ label sale tag
+💰 money bag dollar payment coins sale
+💴 yen banknote money sales japanese dollar currency
+💵 dollar banknote money sales bill currency
+💶 euro banknote money sales dollar currency
+💷 pound banknote british sterling money sales bills uk england currency
+💸 money with wings dollar bills payment sale
+💳 credit card money sales dollar bill payment shopping
+🧾 receipt accounting expenses
+💹 chart increasing with yen green-square graph presentation stats
+💱 currency exchange money sales dollar travel
+💲 heavy dollar sign money sales payment currency buck
+✉️ envelope letter postal inbox communication
+📧 e mail communication inbox
+📨 incoming envelope email inbox
+📩 envelope with arrow email communication
+📤 outbox tray inbox email
+📥 inbox tray email documents
+📦 package mail gift cardboard box moving
+📫 closed mailbox with raised flag email inbox communication
+📪 closed mailbox with lowered flag email communication inbox
+📬 open mailbox with raised flag email inbox communication
+📭 open mailbox with lowered flag email inbox
+📮 postbox email letter envelope
+🗳️ ballot box with ballot election vote
+✏️ pencil stationery write paper writing school study
+✒️ black nib pen stationery writing write
+🖋️ fountain pen stationery writing write
+🖊️ pen stationery writing write
+🖌️ paintbrush drawing creativity art
+🖍️ crayon drawing creativity
+📝 memo write documents stationery pencil paper writing legal exam quiz test study compose
+💼 briefcase business documents work law legal job career
+📁 file folder documents business office
+📂 open file folder documents load
+🗂️ card index dividers organizing business stationery
+📅 calendar calendar schedule
+📆 tear off calendar schedule date planning
+🗒️ spiral notepad memo stationery
+🗓️ spiral calendar date schedule planning
+📇 card index business stationery
+📈 chart increasing graph presentation stats recovery business economics money sales good success
+📉 chart decreasing graph presentation stats recession business economics money sales bad failure
+📊 bar chart graph presentation stats
+📋 clipboard stationery documents
+📌 pushpin stationery mark here
+📍 round pushpin stationery location map here
+📎 paperclip documents stationery
+🖇️ linked paperclips documents stationery
+📏 straight ruler stationery calculate length math school drawing architect sketch
+📐 triangular ruler stationery math architect sketch
+✂️ scissors stationery cut
+🗃️ card file box business stationery
+🗄️ file cabinet filing organizing
+🗑️ wastebasket bin trash rubbish garbage toss
+🔒 locked security password padlock
+🔓 unlocked privacy security
+🔏 locked with pen security secret
+🔐 locked with key security privacy
+🔑 key lock door password
+🗝️ old key lock door password
+🔨 hammer tools build create
+🪓 axe tool chop cut
+⛏️ pick tools dig
+⚒️ hammer and pick tools build create
+🛠️ hammer and wrench tools build create
+🗡️ dagger weapon
+⚔️ crossed swords weapon
+🔫 pistol violence weapon pistol revolver
+🏹 bow and arrow sports
+🛡️ shield protection security
+🔧 wrench tools diy ikea fix maintainer
+🔩 nut and bolt handy tools fix
+⚙️ gear cog
+🗜️ clamp tool
+⚖️ balance scale law fairness weight
+🦯 probing cane accessibility
+🔗 link rings url
+⛓️ chains lock arrest
+🧰 toolbox tools diy fix maintainer mechanic
+🧲 magnet attraction magnetic
+⚗️ alembic distilling science experiment chemistry
+🧪 test tube chemistry experiment lab science
+🧫 petri dish bacteria biology culture lab
+🧬 dna biologist genetics life
+🔬 microscope laboratory experiment zoomin science study
+🔭 telescope stars space zoom science astronomy
+📡 satellite antenna communication future radio space
+💉 syringe health hospital drugs blood medicine needle doctor nurse
+🩸 drop of blood period hurt harm wound
+💊 pill health medicine doctor pharmacy drug
+🩹 adhesive bandage heal
+🩺 stethoscope health
+🚪 door house entry exit
+🛏️ bed sleep rest
+🛋️ couch and lamp read chill
+🪑 chair sit furniture
+🚽 toilet restroom wc washroom bathroom potty
+🚿 shower clean water bathroom
+🛁 bathtub clean shower bathroom
+🪒 razor cut
+🧴 lotion bottle moisturizer sunscreen
+🧷 safety pin diaper
+🧹 broom cleaning sweeping witch
+🧺 basket laundry
+🧻 roll of paper roll
+🧼 soap bar bathing cleaning lather
+🧽 sponge absorbing cleaning porous
+🧯 fire extinguisher quench
+🛒 shopping cart trolley
+🚬 cigarette kills tobacco cigarette joint smoke
+⚰️ coffin vampire dead die death rip graveyard cemetery casket funeral box
+⚱️ funeral urn dead die death rip ashes
+🗿 moai rock easter island moai
+🏧 atm sign money sales cash blue-square payment bank
+🚮 litter in bin sign blue-square sign human info
+🚰 potable water blue-square liquid restroom cleaning faucet
+♿ wheelchair symbol blue-square disabled accessibility
+🚹 men s room toilet restroom wc blue-square gender male
+🚺 women s room purple-square woman female toilet loo restroom gender
+🚻 restroom blue-square toilet refresh wc gender
+🚼 baby symbol orange-square child
+🚾 water closet toilet restroom blue-square
+🛂 passport control custom blue-square
+🛃 customs passport border blue-square
+🛄 baggage claim blue-square airport transport
+🛅 left luggage blue-square travel
+⚠️ warning exclamation wip alert error problem issue
+🚸 children crossing school warning danger sign driving yellow-diamond
+⛔ no entry limit security privacy bad denied stop circle
+🚫 prohibited forbid stop limit denied disallow circle
+🚳 no bicycles cyclist prohibited circle
+🚭 no smoking cigarette blue-square smell smoke
+🚯 no littering trash bin garbage circle
+🚱 non potable water drink faucet tap circle
+🚷 no pedestrians rules crossing walking circle
+📵 no mobile phones iphone mute circle
+🔞 no one under eighteen 18 drink pub night minor circle
+☢️ radioactive nuclear danger
+☣️ biohazard danger
+⬆️ up arrow blue-square continue top direction
+↗️ up right arrow blue-square point direction diagonal northeast
+➡️ right arrow blue-square next
+↘️ down right arrow blue-square direction diagonal southeast
+⬇️ down arrow blue-square direction bottom
+↙️ down left arrow blue-square direction diagonal southwest
+⬅️ left arrow blue-square previous back
+↖️ up left arrow blue-square point direction diagonal northwest
+↕️ up down arrow blue-square direction way vertical
+↔️ left right arrow shape direction horizontal sideways
+↩️ right arrow curving left back return blue-square undo enter
+↪️ left arrow curving right blue-square return rotate direction
+⤴️ right arrow curving up blue-square direction top
+⤵️ right arrow curving down blue-square direction bottom
+🔃 clockwise vertical arrows sync cycle round repeat
+🔄 counterclockwise arrows button blue-square sync cycle
+🔙 back arrow arrow words return
+🔚 end arrow words arrow
+🔛 on arrow arrow words
+🔜 soon arrow arrow words
+🔝 top arrow words blue-square
+🛐 place of worship religion church temple prayer
+⚛️ atom symbol science physics chemistry
+🕉️ om hinduism buddhism sikhism jainism
+✡️ star of david judaism
+☸️ wheel of dharma hinduism buddhism sikhism jainism
+☯️ yin yang balance
+✝️ latin cross christianity
+☦️ orthodox cross suppedaneum religion
+☪️ star and crescent islam
+☮️ peace symbol hippie
+🕎 menorah hanukkah candles jewish
+🔯 dotted six pointed star purple-square religion jewish hexagram
+♈ aries sign purple-square zodiac astrology
+♉ taurus purple-square sign zodiac astrology
+♊ gemini sign zodiac purple-square astrology
+♋ cancer sign zodiac purple-square astrology
+♌ leo sign purple-square zodiac astrology
+♍ virgo sign zodiac purple-square astrology
+♎ libra sign purple-square zodiac astrology
+♏ scorpio sign zodiac purple-square astrology scorpio
+♐ sagittarius sign zodiac purple-square astrology
+♑ capricorn sign zodiac purple-square astrology
+♒ aquarius sign purple-square zodiac astrology
+♓ pisces purple-square sign zodiac astrology
+⛎ ophiuchus sign purple-square constellation astrology
+🔀 shuffle tracks button blue-square shuffle music random
+🔁 repeat button loop record
+🔂 repeat single button blue-square loop
+▶️ play button blue-square right direction play
+⏩ fast forward button blue-square play speed continue
+⏭️ next track button forward next blue-square
+⏯️ play or pause button blue-square play pause
+◀️ reverse button blue-square left direction
+⏪ fast reverse button play blue-square
+⏮️ last track button backward
+🔼 upwards button blue-square triangle direction point forward top
+⏫ fast up button blue-square direction top
+🔽 downwards button blue-square direction bottom
+⏬ fast down button blue-square direction bottom
+⏸️ pause button pause blue-square
+⏹️ stop button blue-square
+⏺️ record button blue-square
+⏏️ eject button blue-square
+🎦 cinema blue-square record film movie curtain stage theater
+🔅 dim button sun afternoon warm summer
+🔆 bright button sun light
+📶 antenna bars blue-square reception phone internet connection wifi bluetooth bars
+📳 vibration mode orange-square phone
+📴 mobile phone off mute orange-square silence quiet
+♀️ female sign woman women lady girl
+♂️ male sign man boy men
+⚕️ medical symbol health hospital
+♾️ infinity forever
+♻️ recycling symbol arrow environment garbage trash
+⚜️ fleur de lis decorative scout
+🔱 trident emblem weapon spear
+📛 name badge fire forbid
+🔰 japanese symbol for beginner badge shield
+⭕ hollow red circle circle round
+✅ check mark button green-square ok agree vote election answer tick
+☑️ check box with check ok agree confirm black-square vote election yes tick
+✔️ check mark ok nike answer yes tick
+✖️ multiplication sign math calculation
+❌ cross mark no delete remove cancel red
+❎ cross mark button x green-square no deny
+➕ plus sign math calculation addition more increase
+➖ minus sign math calculation subtract less
+➗ division sign divide math calculation
+➰ curly loop scribble draw shape squiggle
+➿ double curly loop tape cassette
+〽️ part alternation mark graph presentation stats business economics bad
+✳️ eight spoked asterisk star sparkle green-square
+✴️ eight pointed star orange-square shape polygon
+❇️ sparkle stars green-square awesome good fireworks
+‼️ double exclamation mark exclamation surprise
+⁉️ exclamation question mark wat punctuation surprise
+❓ question mark doubt confused
+❔ white question mark doubts gray huh confused
+❕ white exclamation mark surprise punctuation gray wow warning
+❗ exclamation mark heavy exclamation mark danger surprise punctuation wow warning
+〰️ wavy dash draw line moustache mustache squiggle scribble
+©️ copyright ip license circle law legal
+®️ registered alphabet circle
+™️ trade mark trademark brand law legal
+#️⃣ keycap  symbol blue-square twitter
+*️⃣ keycap  star keycap
+0️⃣ keycap 0 0 numbers blue-square null
+1️⃣ keycap 1 blue-square numbers 1
+2️⃣ keycap 2 numbers 2 prime blue-square
+3️⃣ keycap 3 3 numbers prime blue-square
+4️⃣ keycap 4 4 numbers blue-square
+5️⃣ keycap 5 5 numbers blue-square prime
+6️⃣ keycap 6 6 numbers blue-square
+7️⃣ keycap 7 7 numbers blue-square prime
+8️⃣ keycap 8 8 blue-square numbers
+9️⃣ keycap 9 blue-square numbers 9
+🔟 keycap 10 numbers 10 blue-square
+🔠 input latin uppercase alphabet words blue-square
+🔡 input latin lowercase blue-square alphabet
+🔢 input numbers numbers blue-square
+🔣 input symbols blue-square music note ampersand percent glyphs characters
+🔤 input latin letters blue-square alphabet
+🅰️ a button red-square alphabet letter
+🆎 ab button red-square alphabet
+🅱️ b button red-square alphabet letter
+🆑 cl button alphabet words red-square
+🆒 cool button words blue-square
+🆓 free button blue-square words
+ℹ️ information blue-square alphabet letter
+🆔 id button purple-square words
+Ⓜ️ circled m alphabet blue-circle letter
+🆕 new button blue-square words start
+🆖 ng button blue-square words shape icon
+🅾️ o button alphabet red-square letter
+🆗 ok button good agree yes blue-square
+🅿️ p button cars blue-square alphabet letter
+🆘 sos button help red-square words emergency 911
+🆙 up button blue-square above high
+🆚 vs button words orange-square
+🈁 japanese here button blue-square here katakana japanese destination
+🈂️ japanese service charge button japanese blue-square katakana
+🈷️ japanese monthly amount button chinese month moon japanese orange-square kanji
+🈶 japanese not free of charge button orange-square chinese have kanji
+🈯 japanese reserved button chinese point green-square kanji
+🉐 japanese bargain button chinese kanji obtain get circle
+🈹 japanese discount button cut divide chinese kanji pink-square
+🈚 japanese free of charge button nothing chinese kanji japanese orange-square
+🈲 japanese prohibited button kanji japanese chinese forbidden limit restricted red-square
+🉑 japanese acceptable button ok good chinese kanji agree yes orange-circle
+🈸 japanese application button chinese japanese kanji orange-square
+🈴 japanese passing grade button japanese chinese join kanji red-square
+🈳 japanese vacancy button kanji japanese chinese empty sky blue-square
+㊗️ japanese congratulations button chinese kanji japanese red-circle
+㊙️ japanese secret button privacy chinese sshh kanji red-circle
+🈺 japanese open for business button japanese opening hours orange-square
+🈵 japanese no vacancy button full chinese japanese red-square kanji
+🔴 red circle shape error danger
+🟠 orange circle round
+🟡 yellow circle round
+🟢 green circle round
+🔵 blue circle shape icon button
+🟣 purple circle round
+🟤 brown circle round
+⚫ black circle shape button round
+⚪ white circle shape round
+🟥 red square
+🟧 orange square
+🟨 yellow square
+🟩 green square
+🟦 blue square
+🟪 purple square
+🟫 brown square
+⬛ black large square shape icon button
+⬜ white large square shape icon stone button
+◼️ black medium square shape button icon
+◻️ white medium square shape stone icon
+◾ black medium small square icon shape button
+◽ white medium small square shape stone icon button
+▪️ black small square shape icon
+▫️ white small square shape icon
+🔶 large orange diamond shape jewel gem
+🔷 large blue diamond shape jewel gem
+🔸 small orange diamond shape jewel gem
+🔹 small blue diamond shape jewel gem
+🔺 red triangle pointed up shape direction up top
+🔻 red triangle pointed down shape direction bottom
+💠 diamond with a dot jewel blue gem crystal fancy
+🔘 radio button input old music circle
+🔳 white square button shape input
+🔲 black square button shape input frame
+🏁 chequered flag contest finishline race gokart
+🚩 triangular flag mark milestone place
+🎌 crossed flags japanese nation country border
+🏴 black flag pirate
+🏳️ white flag losing loser lost surrender give up fail
+🏳️‍🌈 rainbow flag flag rainbow pride gay lgbt glbt queer homosexual lesbian bisexual transgender
+🏴‍☠️ pirate flag skull crossbones flag banner
+🇦🇨 flag ascension island
+🇦🇩 flag andorra ad flag nation country banner andorra
+🇦🇪 flag united arab emirates united arab emirates flag nation country banner united arab emirates
+🇦🇫 flag afghanistan af flag nation country banner afghanistan
+🇦🇬 flag antigua barbuda antigua barbuda flag nation country banner antigua barbuda
+🇦🇮 flag anguilla ai flag nation country banner anguilla
+🇦🇱 flag albania al flag nation country banner albania
+🇦🇲 flag armenia am flag nation country banner armenia
+🇦🇴 flag angola ao flag nation country banner angola
+🇦🇶 flag antarctica aq flag nation country banner antarctica
+🇦🇷 flag argentina ar flag nation country banner argentina
+🇦🇸 flag american samoa american ws flag nation country banner american samoa
+🇦🇹 flag austria at flag nation country banner austria
+🇦🇺 flag australia au flag nation country banner australia
+🇦🇼 flag aruba aw flag nation country banner aruba
+🇦🇽 flag aland islands Åland islands flag nation country banner aland islands
+🇦🇿 flag azerbaijan az flag nation country banner azerbaijan
+🇧🇦 flag bosnia herzegovina bosnia herzegovina flag nation country banner bosnia herzegovina
+🇧🇧 flag barbados bb flag nation country banner barbados
+🇧🇩 flag bangladesh bd flag nation country banner bangladesh
+🇧🇪 flag belgium be flag nation country banner belgium
+🇧🇫 flag burkina faso burkina faso flag nation country banner burkina faso
+🇧🇬 flag bulgaria bg flag nation country banner bulgaria
+🇧🇭 flag bahrain bh flag nation country banner bahrain
+🇧🇮 flag burundi bi flag nation country banner burundi
+🇧🇯 flag benin bj flag nation country banner benin
+🇧🇱 flag st barthelemy saint barthélemy flag nation country banner st barthelemy
+🇧🇲 flag bermuda bm flag nation country banner bermuda
+🇧🇳 flag brunei bn darussalam flag nation country banner brunei
+🇧🇴 flag bolivia bo flag nation country banner bolivia
+🇧🇶 flag caribbean netherlands bonaire flag nation country banner caribbean netherlands
+🇧🇷 flag brazil br flag nation country banner brazil
+🇧🇸 flag bahamas bs flag nation country banner bahamas
+🇧🇹 flag bhutan bt flag nation country banner bhutan
+🇧🇻 flag bouvet island norway
+🇧🇼 flag botswana bw flag nation country banner botswana
+🇧🇾 flag belarus by flag nation country banner belarus
+🇧🇿 flag belize bz flag nation country banner belize
+🇨🇦 flag canada ca flag nation country banner canada
+🇨🇨 flag cocos islands cocos keeling islands flag nation country banner cocos islands
+🇨🇩 flag congo kinshasa congo democratic republic flag nation country banner congo kinshasa
+🇨🇫 flag central african republic central african republic flag nation country banner central african republic
+🇨🇬 flag congo brazzaville congo flag nation country banner congo brazzaville
+🇨🇭 flag switzerland ch flag nation country banner switzerland
+🇨🇮 flag cote d ivoire ivory coast flag nation country banner cote d ivoire
+🇨🇰 flag cook islands cook islands flag nation country banner cook islands
+🇨🇱 flag chile flag nation country banner chile
+🇨🇲 flag cameroon cm flag nation country banner cameroon
+🇨🇳 flag china china chinese prc flag country nation banner china
+🇨🇴 flag colombia co flag nation country banner colombia
+🇨🇵 flag clipperton island
+🇨🇷 flag costa rica costa rica flag nation country banner costa rica
+🇨🇺 flag cuba cu flag nation country banner cuba
+🇨🇻 flag cape verde cabo verde flag nation country banner cape verde
+🇨🇼 flag curacao curaçao flag nation country banner curacao
+🇨🇽 flag christmas island christmas island flag nation country banner christmas island
+🇨🇾 flag cyprus cy flag nation country banner cyprus
+🇨🇿 flag czechia cz flag nation country banner czechia
+🇩🇪 flag germany german nation flag country banner germany
+🇩🇬 flag diego garcia
+🇩🇯 flag djibouti dj flag nation country banner djibouti
+🇩🇰 flag denmark dk flag nation country banner denmark
+🇩🇲 flag dominica dm flag nation country banner dominica
+🇩🇴 flag dominican republic dominican republic flag nation country banner dominican republic
+🇩🇿 flag algeria dz flag nation country banner algeria
+🇪🇦 flag ceuta melilla
+🇪🇨 flag ecuador ec flag nation country banner ecuador
+🇪🇪 flag estonia ee flag nation country banner estonia
+🇪🇬 flag egypt eg flag nation country banner egypt
+🇪🇭 flag western sahara western sahara flag nation country banner western sahara
+🇪🇷 flag eritrea er flag nation country banner eritrea
+🇪🇸 flag spain spain flag nation country banner spain
+🇪🇹 flag ethiopia et flag nation country banner ethiopia
+🇪🇺 flag european union european union flag banner
+🇫🇮 flag finland fi flag nation country banner finland
+🇫🇯 flag fiji fj flag nation country banner fiji
+🇫🇰 flag falkland islands falkland islands malvinas flag nation country banner falkland islands
+🇫🇲 flag micronesia micronesia federated states flag nation country banner micronesia
+🇫🇴 flag faroe islands faroe islands flag nation country banner faroe islands
+🇫🇷 flag france banner flag nation france french country france
+🇬🇦 flag gabon ga flag nation country banner gabon
+🇬🇧 flag united kingdom united kingdom great britain northern ireland flag nation country banner british UK english england union jack united kingdom
+🇬🇩 flag grenada gd flag nation country banner grenada
+🇬🇪 flag georgia ge flag nation country banner georgia
+🇬🇫 flag french guiana french guiana flag nation country banner french guiana
+🇬🇬 flag guernsey gg flag nation country banner guernsey
+🇬🇭 flag ghana gh flag nation country banner ghana
+🇬🇮 flag gibraltar gi flag nation country banner gibraltar
+🇬🇱 flag greenland gl flag nation country banner greenland
+🇬🇲 flag gambia gm flag nation country banner gambia
+🇬🇳 flag guinea gn flag nation country banner guinea
+🇬🇵 flag guadeloupe gp flag nation country banner guadeloupe
+🇬🇶 flag equatorial guinea equatorial gn flag nation country banner equatorial guinea
+🇬🇷 flag greece gr flag nation country banner greece
+🇬🇸 flag south georgia south sandwich islands south georgia sandwich islands flag nation country banner south georgia south sandwich islands
+🇬🇹 flag guatemala gt flag nation country banner guatemala
+🇬🇺 flag guam gu flag nation country banner guam
+🇬🇼 flag guinea bissau gw bissau flag nation country banner guinea bissau
+🇬🇾 flag guyana gy flag nation country banner guyana
+🇭🇰 flag hong kong sar china hong kong flag nation country banner hong kong sar china
+🇭🇲 flag heard mcdonald islands
+🇭🇳 flag honduras hn flag nation country banner honduras
+🇭🇷 flag croatia hr flag nation country banner croatia
+🇭🇹 flag haiti ht flag nation country banner haiti
+🇭🇺 flag hungary hu flag nation country banner hungary
+🇮🇨 flag canary islands canary islands flag nation country banner canary islands
+🇮🇩 flag indonesia flag nation country banner indonesia
+🇮🇪 flag ireland ie flag nation country banner ireland
+🇮🇱 flag israel il flag nation country banner israel
+🇮🇲 flag isle of man isle man flag nation country banner isle of man
+🇮🇳 flag india in flag nation country banner india
+🇮🇴 flag british indian ocean territory british indian ocean territory flag nation country banner british indian ocean territory
+🇮🇶 flag iraq iq flag nation country banner iraq
+🇮🇷 flag iran iran islamic republic flag nation country banner iran
+🇮🇸 flag iceland is flag nation country banner iceland
+🇮🇹 flag italy italy flag nation country banner italy
+🇯🇪 flag jersey je flag nation country banner jersey
+🇯🇲 flag jamaica jm flag nation country banner jamaica
+🇯🇴 flag jordan jo flag nation country banner jordan
+🇯🇵 flag japan japanese nation flag country banner japan
+🇰🇪 flag kenya ke flag nation country banner kenya
+🇰🇬 flag kyrgyzstan kg flag nation country banner kyrgyzstan
+🇰🇭 flag cambodia kh flag nation country banner cambodia
+🇰🇮 flag kiribati ki flag nation country banner kiribati
+🇰🇲 flag comoros km flag nation country banner comoros
+🇰🇳 flag st kitts nevis saint kitts nevis flag nation country banner st kitts nevis
+🇰🇵 flag north korea north korea nation flag country banner north korea
+🇰🇷 flag south korea south korea nation flag country banner south korea
+🇰🇼 flag kuwait kw flag nation country banner kuwait
+🇰🇾 flag cayman islands cayman islands flag nation country banner cayman islands
+🇰🇿 flag kazakhstan kz flag nation country banner kazakhstan
+🇱🇦 flag laos lao democratic republic flag nation country banner laos
+🇱🇧 flag lebanon lb flag nation country banner lebanon
+🇱🇨 flag st lucia saint lucia flag nation country banner st lucia
+🇱🇮 flag liechtenstein li flag nation country banner liechtenstein
+🇱🇰 flag sri lanka sri lanka flag nation country banner sri lanka
+🇱🇷 flag liberia lr flag nation country banner liberia
+🇱🇸 flag lesotho ls flag nation country banner lesotho
+🇱🇹 flag lithuania lt flag nation country banner lithuania
+🇱🇺 flag luxembourg lu flag nation country banner luxembourg
+🇱🇻 flag latvia lv flag nation country banner latvia
+🇱🇾 flag libya ly flag nation country banner libya
+🇲🇦 flag morocco ma flag nation country banner morocco
+🇲🇨 flag monaco mc flag nation country banner monaco
+🇲🇩 flag moldova moldova republic flag nation country banner moldova
+🇲🇪 flag montenegro me flag nation country banner montenegro
+🇲🇫 flag st martin
+🇲🇬 flag madagascar mg flag nation country banner madagascar
+🇲🇭 flag marshall islands marshall islands flag nation country banner marshall islands
+🇲🇰 flag north macedonia macedonia flag nation country banner north macedonia
+🇲🇱 flag mali ml flag nation country banner mali
+🇲🇲 flag myanmar mm flag nation country banner myanmar
+🇲🇳 flag mongolia mn flag nation country banner mongolia
+🇲🇴 flag macao sar china macao flag nation country banner macao sar china
+🇲🇵 flag northern mariana islands northern mariana islands flag nation country banner northern mariana islands
+🇲🇶 flag martinique mq flag nation country banner martinique
+🇲🇷 flag mauritania mr flag nation country banner mauritania
+🇲🇸 flag montserrat ms flag nation country banner montserrat
+🇲🇹 flag malta mt flag nation country banner malta
+🇲🇺 flag mauritius mu flag nation country banner mauritius
+🇲🇻 flag maldives mv flag nation country banner maldives
+🇲🇼 flag malawi mw flag nation country banner malawi
+🇲🇽 flag mexico mx flag nation country banner mexico
+🇲🇾 flag malaysia my flag nation country banner malaysia
+🇲🇿 flag mozambique mz flag nation country banner mozambique
+🇳🇦 flag namibia na flag nation country banner namibia
+🇳🇨 flag new caledonia new caledonia flag nation country banner new caledonia
+🇳🇪 flag niger ne flag nation country banner niger
+🇳🇫 flag norfolk island norfolk island flag nation country banner norfolk island
+🇳🇬 flag nigeria flag nation country banner nigeria
+🇳🇮 flag nicaragua ni flag nation country banner nicaragua
+🇳🇱 flag netherlands nl flag nation country banner netherlands
+🇳🇴 flag norway no flag nation country banner norway
+🇳🇵 flag nepal np flag nation country banner nepal
+🇳🇷 flag nauru nr flag nation country banner nauru
+🇳🇺 flag niue nu flag nation country banner niue
+🇳🇿 flag new zealand new zealand flag nation country banner new zealand
+🇴🇲 flag oman om symbol flag nation country banner oman
+🇵🇦 flag panama pa flag nation country banner panama
+🇵🇪 flag peru pe flag nation country banner peru
+🇵🇫 flag french polynesia french polynesia flag nation country banner french polynesia
+🇵🇬 flag papua new guinea papua new guinea flag nation country banner papua new guinea
+🇵🇭 flag philippines ph flag nation country banner philippines
+🇵🇰 flag pakistan pk flag nation country banner pakistan
+🇵🇱 flag poland pl flag nation country banner poland
+🇵🇲 flag st pierre miquelon saint pierre miquelon flag nation country banner st pierre miquelon
+🇵🇳 flag pitcairn islands pitcairn flag nation country banner pitcairn islands
+🇵🇷 flag puerto rico puerto rico flag nation country banner puerto rico
+🇵🇸 flag palestinian territories palestine palestinian territories flag nation country banner palestinian territories
+🇵🇹 flag portugal pt flag nation country banner portugal
+🇵🇼 flag palau pw flag nation country banner palau
+🇵🇾 flag paraguay py flag nation country banner paraguay
+🇶🇦 flag qatar qa flag nation country banner qatar
+🇷🇪 flag reunion réunion flag nation country banner reunion
+🇷🇴 flag romania ro flag nation country banner romania
+🇷🇸 flag serbia rs flag nation country banner serbia
+🇷🇺 flag russia russian federation flag nation country banner russia
+🇷🇼 flag rwanda rw flag nation country banner rwanda
+🇸🇦 flag saudi arabia flag nation country banner saudi arabia
+🇸🇧 flag solomon islands solomon islands flag nation country banner solomon islands
+🇸🇨 flag seychelles sc flag nation country banner seychelles
+🇸🇩 flag sudan sd flag nation country banner sudan
+🇸🇪 flag sweden se flag nation country banner sweden
+🇸🇬 flag singapore sg flag nation country banner singapore
+🇸🇭 flag st helena saint helena ascension tristan cunha flag nation country banner st helena
+🇸🇮 flag slovenia si flag nation country banner slovenia
+🇸🇯 flag svalbard jan mayen
+🇸🇰 flag slovakia sk flag nation country banner slovakia
+🇸🇱 flag sierra leone sierra leone flag nation country banner sierra leone
+🇸🇲 flag san marino san marino flag nation country banner san marino
+🇸🇳 flag senegal sn flag nation country banner senegal
+🇸🇴 flag somalia so flag nation country banner somalia
+🇸🇷 flag suriname sr flag nation country banner suriname
+🇸🇸 flag south sudan south sd flag nation country banner south sudan
+🇸🇹 flag sao tome principe sao tome principe flag nation country banner sao tome principe
+🇸🇻 flag el salvador el salvador flag nation country banner el salvador
+🇸🇽 flag sint maarten sint maarten dutch flag nation country banner sint maarten
+🇸🇾 flag syria syrian arab republic flag nation country banner syria
+🇸🇿 flag eswatini sz flag nation country banner eswatini
+🇹🇦 flag tristan da cunha
+🇹🇨 flag turks caicos islands turks caicos islands flag nation country banner turks caicos islands
+🇹🇩 flag chad td flag nation country banner chad
+🇹🇫 flag french southern territories french southern territories flag nation country banner french southern territories
+🇹🇬 flag togo tg flag nation country banner togo
+🇹🇭 flag thailand th flag nation country banner thailand
+🇹🇯 flag tajikistan tj flag nation country banner tajikistan
+🇹🇰 flag tokelau tk flag nation country banner tokelau
+🇹🇱 flag timor leste timor leste flag nation country banner timor leste
+🇹🇲 flag turkmenistan flag nation country banner turkmenistan
+🇹🇳 flag tunisia tn flag nation country banner tunisia
+🇹🇴 flag tonga to flag nation country banner tonga
+🇹🇷 flag turkey turkey flag nation country banner turkey
+🇹🇹 flag trinidad tobago trinidad tobago flag nation country banner trinidad tobago
+🇹🇻 flag tuvalu flag nation country banner tuvalu
+🇹🇼 flag taiwan tw flag nation country banner taiwan
+🇹🇿 flag tanzania tanzania united republic flag nation country banner tanzania
+🇺🇦 flag ukraine ua flag nation country banner ukraine
+🇺🇬 flag uganda ug flag nation country banner uganda
+🇺🇲 flag u s outlying islands
+🇺🇳 flag united nations un flag banner
+🇺🇸 flag united states united states america flag nation country banner united states
+🇺🇾 flag uruguay uy flag nation country banner uruguay
+🇺🇿 flag uzbekistan uz flag nation country banner uzbekistan
+🇻🇦 flag vatican city vatican city flag nation country banner vatican city
+🇻🇨 flag st vincent grenadines saint vincent grenadines flag nation country banner st vincent grenadines
+🇻🇪 flag venezuela ve bolivarian republic flag nation country banner venezuela
+🇻🇬 flag british virgin islands british virgin islands bvi flag nation country banner british virgin islands
+🇻🇮 flag u s virgin islands virgin islands us flag nation country banner u s virgin islands
+🇻🇳 flag vietnam viet nam flag nation country banner vietnam
+🇻🇺 flag vanuatu vu flag nation country banner vanuatu
+🇼🇫 flag wallis futuna wallis futuna flag nation country banner wallis futuna
+🇼🇸 flag samoa ws flag nation country banner samoa
+🇽🇰 flag kosovo xk flag nation country banner kosovo
+🇾🇪 flag yemen ye flag nation country banner yemen
+🇾🇹 flag mayotte yt flag nation country banner mayotte
+🇿🇦 flag south africa south africa flag nation country banner south africa
+🇿🇲 flag zambia zm flag nation country banner zambia
+🇿🇼 flag zimbabwe zw flag nation country banner zimbabwe
+🏴󠁧󠁢󠁥󠁮󠁧󠁿 flag england flag english
+🏴󠁧󠁢󠁳󠁣󠁴󠁿 flag scotland flag scottish
+🏴󠁧󠁢󠁷󠁬󠁳󠁿 flag wales flag welsh
+🥲 smiling face with tear sad cry pretend
+🥸 disguised face pretent brows glasses moustache
+🤌 pinched fingers size tiny small
+🫀 anatomical heart health heartbeat
+🫁 lungs breathe
+🥷 ninja ninjutsu skills japanese
+🤵‍♂️ man in tuxedo formal fashion
+🤵‍♀️ woman in tuxedo formal fashion
+👰‍♂️ man with veil wedding marriage
+👰‍♀️ woman with veil wedding marriage
+👩‍🍼 woman feeding baby birth food
+👨‍🍼 man feeding baby birth food
+🧑‍🍼 person feeding baby birth food
+🧑‍🎄 mx claus christmas
+🫂 people hugging care
+🐈‍⬛ black cat superstition luck
+🦬 bison ox
+🦣 mammoth elephant tusks
+🦫 beaver animal rodent
+🐻‍❄️ polar bear animal arctic
+🦤 dodo animal bird
+🪶 feather bird fly
+🦭 seal animal creature sea
+🪲 beetle insect
+🪳 cockroach insect pests
+🪰 fly insect
+🪱 worm animal
+🪴 potted plant greenery house
+🫐 blueberries fruit
+🫒 olive fruit
+🫑 bell pepper fruit plant
+🫓 flatbread flour food
+🫔 tamale food masa
+🫕 fondue cheese pot food
+🫖 teapot drink hot
+🧋 bubble tea taiwan boba milk tea straw
+🪨 rock stone
+🪵 wood nature timber trunk
+🛖 hut house structure
+🛻 pickup truck car transportation
+🛼 roller skate footwear sports
+🪄 magic wand supernature power
+🪅 pinata mexico candy celebration
+🪆 nesting dolls matryoshka toy
+🪡 sewing needle stitches
+🪢 knot rope scout
+🩴 thong sandal footwear summer
+🪖 military helmet army protection
+🪗 accordion music
+🪘 long drum music
+🪙 coin money currency
+🪃 boomerang weapon
+🪚 carpentry saw cut chop
+🪛 screwdriver tools
+🪝 hook tools
+🪜 ladder tools
+🛗 elevator lift
+🪞 mirror reflection
+🪟 window scenery
+🪠 plunger toilet
+🪤 mouse trap cheese
+🪣 bucket water container
+🪥 toothbrush hygiene dental
+🪦 headstone death rip grave
+🪧 placard announcement
+⚧️ transgender symbol lgbtq
+🏳️‍⚧️ transgender flag lgbtq
+😶‍🌫️ face in clouds shower steam dream
+😮‍💨 face exhaling relieve relief tired sigh
+😵‍💫 face with spiral eyes sick ill confused nauseous nausea
+❤️‍🔥 heart on fire passionate enthusiastic
+❤️‍🩹 mending heart broken heart bandage wounded
+🧔‍♂️ man beard facial hair
+🧔‍♀️ woman beard facial hair
+🫠 melting face hot heat
+🫢 face with open eyes and hand over mouth silence secret shock surprise
+🫣 face with peeking eye scared frightening embarrassing
+🫡 saluting face respect salute
+🫥 dotted line face invisible lonely isolation depression
+🫤 face with diagonal mouth skeptic confuse frustrated indifferent
+🥹 face holding back tears touched gratitude
+🫱 rightwards hand palm offer
+🫲 leftwards hand palm offer
+🫳 palm down hand palm drop
+🫴 palm up hand lift offer demand
+🫰 hand with index finger and thumb crossed heart love money expensive
+🫵 index pointing at the viewer you recruit
+🫶 heart hands love appreciation support
+🫦 biting lip flirt sexy pain worry
+🫅 person with crown royalty power
+🫃 pregnant man baby belly
+🫄 pregnant person baby belly
+🧌 troll mystical monster
+🪸 coral ocean sea reef
+🪷 lotus flower calm meditation
+🪹 empty nest bird
+🪺 nest with eggs bird
+🫘 beans food
+🫗 pouring liquid cup water
+🫙 jar container sauce
+🛝 playground slide fun park
+🛞 wheel car transport
+🛟 ring buoy life saver life preserver
+🪬 hamsa religion protection
+🪩 mirror ball disco dance party
+🪫 low battery drained dead
+🩼 crutch accessibility assist
+🩻 x-ray skeleton medicine
+🫧 bubbles soap fun carbonation sparkling
+🪪 identification card document
+🟰 heavy equals sign math
diff --git a/lineage/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-frappe.xml b/lineage/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-frappe.xml
new file mode 100755
index 000000000..76b043e82
--- /dev/null
+++ b/lineage/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-frappe.xml	
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="catppuccin_frappe" _name="Catppuccin frappe" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Soothing pastel theme for Gedit</_description>
+
+  <!-- Catppuccin Palette -->
+  <color name="frappe_rosewater" value="#f2d5cf"/>
+  <color name="frappe_flamingo"  value="#eebebe"/>
+  <color name="frappe_pink"      value="#f4b8e4"/>
+  <color name="frappe_mauve"     value="#ca9ee6"/>
+  <color name="frappe_red"       value="#e78284"/>
+  <color name="frappe_maroon"    value="#ea999c"/>
+  <color name="frappe_peach"     value="#ef9f76"/>
+  <color name="frappe_yellow"    value="#e5c890"/>
+  <color name="frappe_green"     value="#a6d189"/>
+  <color name="frappe_teal"      value="#81c8be"/>
+  <color name="frappe_sky"       value="#99d1db"/>
+  <color name="frappe_sapphire"  value="#85c1dc"/>
+  <color name="frappe_blue"      value="#8caaee"/>
+  <color name="frappe_lavender"  value="#babbf1"/>
+  <color name="frappe_text"      value="#c6d0f5"/>
+  <color name="frappe_subtext1"  value="#b5bfe2"/>
+  <color name="frappe_subtext0"  value="#a5adce"/>
+  <color name="frappe_overlay2"  value="#949cbb"/>
+  <color name="frappe_overlay1"  value="#838ba7"/>
+  <color name="frappe_overlay0"  value="#737994"/>
+  <color name="frappe_surface2"  value="#626880"/>
+  <color name="frappe_surface1"  value="#51576d"/>
+  <color name="frappe_surface0"  value="#51576d"/>
+  <color name="frappe_base"      value="#303446"/>
+  <color name="frappe_mantle"    value="#292c3c"/>
+  <color name="frappe_crust"     value="#232634"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="frappe_text" background = "frappe_base"/>
+  <style name="selection"                   foreground="frappe_text" background="frappe_surface2"/>
+  <style name="cursor"                      foreground="frappe_rosewater"/>
+  <style name="secondary-cursor"            foreground="frappe_rosewater"/>
+  <style name="current-line"                background="frappe_surface0"/>
+  <style name="line-numbers"                foreground="frappe_text" background="frappe_crust"/>
+  <style name="draw-spaces"                 foreground="frappe_text"/>
+  <style name="background-pattern"          background="frappe_base"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="frappe_mauve"/>
+  <style name="bracket-mismatch"            foreground="frappe_text" background="frappe_peach"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="frappe_text" background="frappe_crust"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="frappe_text" background="frappe_blue"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="frappe_overlay0"/>
+  <style name="def:shebang"                 foreground="frappe_overlay0" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="frappe_green"/>
+  <style name="def:string"                  foreground="frappe_green"/>
+  <style name="def:special-char"            foreground="frappe_lavender"/>
+  <style name="def:special-constant"        foreground="frappe_lavender"/>
+  <style name="def:floating-point"          foreground="frappe_lavender"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="frappe_blue"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="frappe_sapphire" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="frappe_maroon" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="frappe_yellow" bold="true"/>
+  <style name="def:inline-code"             foreground="frappe_green"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="frappe_rosewater"/>
+  <style name="def:link-symbol"             foreground="frappe_blue" bold="true"/>
+  <style name="def:link-destination"        foreground="frappe_blue" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="frappe_teal" bold="true"/>
+  <style name="def:thematic-break"          foreground="frappe_green" bold="true"/>
+  <style name="def:preformatted-section"    foreground="frappe_green"/>
+  <style name="def:list-marker"             foreground="frappe_teal" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="frappe_teal"/>
+  <style name="def:error"                   foreground="frappe_maroon" bold="true"/>
+  <style name="def:warning"                 foreground="frappe_peach"/>
+  <style name="def:note"                    foreground="frappe_blue" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/lineage/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-latte.xml b/lineage/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-latte.xml
new file mode 100755
index 000000000..1d6e3b5fc
--- /dev/null
+++ b/lineage/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-latte.xml	
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="catppuccin_latte" _name="Catppuccin latte" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Soothing pastel theme for Gedit</_description>
+
+  <!-- Catppuccin Palette -->
+  <color name="latte_rosewater" value="#dc8a78"/>
+  <color name="latte_flamingo"  value="#dd7878"/>
+  <color name="latte_pink"      value="#ea76cb"/>
+  <color name="latte_mauve"     value="#8839ef"/>
+  <color name="latte_red"       value="#d20f39"/>
+  <color name="latte_maroon"    value="#e64553"/>
+  <color name="latte_peach"     value="#fe640b"/>
+  <color name="latte_yellow"    value="#df8e1d"/>
+  <color name="latte_green"     value="#40a02b"/>
+  <color name="latte_teal"      value="#179299"/>
+  <color name="latte_sky"       value="#04a5e5"/>
+  <color name="latte_sapphire"  value="#209fb5"/>
+  <color name="latte_blue"      value="#1e66f5"/>
+  <color name="latte_lavender"  value="#7287fd"/>
+  <color name="latte_text"      value="#4c4f69"/>
+  <color name="latte_subtext1"  value="#5c5f77"/>
+  <color name="latte_subtext0"  value="#6c6f85"/>
+  <color name="latte_overlay2"  value="#7c7f93"/>
+  <color name="latte_overlay1"  value="#8c8fa1"/>
+  <color name="latte_overlay0"  value="#9ca0b0"/>
+  <color name="latte_surface2"  value="#acb0be"/>
+  <color name="latte_surface1"  value="#bcc0cc"/>
+  <color name="latte_surface0"  value="#ccd0da"/>
+  <color name="latte_base"      value="#eff1f5"/>
+  <color name="latte_mantle"    value="#e6e9ef"/>
+  <color name="latte_crust"     value="#dce0e8"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="latte_text" background = "latte_base"/>
+  <style name="selection"                   foreground="latte_text" background="latte_surface2"/>
+  <style name="cursor"                      foreground="latte_rosewater"/>
+  <style name="secondary-cursor"            foreground="latte_rosewater"/>
+  <style name="current-line"                background="latte_surface0"/>
+  <style name="line-numbers"                foreground="latte_text" background="latte_crust"/>
+  <style name="draw-spaces"                 foreground="latte_text"/>
+  <style name="background-pattern"          background="latte_base"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="latte_mauve"/>
+  <style name="bracket-mismatch"            foreground="latte_text" background="latte_peach"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="latte_text" background="latte_crust"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="latte_text" background="latte_blue"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="latte_overlay0"/>
+  <style name="def:shebang"                 foreground="latte_overlay0" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="latte_green"/>
+  <style name="def:string"                  foreground="latte_green"/>
+  <style name="def:special-char"            foreground="latte_lavender"/>
+  <style name="def:special-constant"        foreground="latte_lavender"/>
+  <style name="def:floating-point"          foreground="latte_lavender"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="latte_blue"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="latte_sapphire" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="latte_maroon" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="latte_yellow" bold="true"/>
+  <style name="def:inline-code"             foreground="latte_green"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="latte_rosewater"/>
+  <style name="def:link-symbol"             foreground="latte_blue" bold="true"/>
+  <style name="def:link-destination"        foreground="latte_blue" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="latte_teal" bold="true"/>
+  <style name="def:thematic-break"          foreground="latte_green" bold="true"/>
+  <style name="def:preformatted-section"    foreground="latte_green"/>
+  <style name="def:list-marker"             foreground="latte_teal" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="latte_teal"/>
+  <style name="def:error"                   foreground="latte_maroon" bold="true"/>
+  <style name="def:warning"                 foreground="latte_peach"/>
+  <style name="def:note"                    foreground="latte_blue" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/lineage/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-macchiato.xml b/lineage/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-macchiato.xml
new file mode 100755
index 000000000..5e3bffe69
--- /dev/null
+++ b/lineage/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-macchiato.xml	
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="catppuccin_macchiato" _name="Catppuccin macchiato" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Soothing pastel theme for Gedit</_description>
+
+  <!-- Catppuccin Palette -->
+<color name="macchiato_rosewater" value="#f4dbd6"/>
+<color name="macchiato_flamingo"  value="#f0c6c6"/>
+<color name="macchiato_pink"      value="#f5bde6"/>
+<color name="macchiato_mauve"     value="#c6a0f6"/>
+<color name="macchiato_red"       value="#ed8796"/>
+<color name="macchiato_maroon"    value="#ee99a0"/>
+<color name="macchiato_peach"     value="#f5a97f"/>
+<color name="macchiato_yellow"    value="#eed49f"/>
+<color name="macchiato_green"     value="#a6da95"/>
+<color name="macchiato_teal"      value="#8bd5ca"/>
+<color name="macchiato_sky"       value="#91d7e3"/>
+<color name="macchiato_sapphire"  value="#7dc4e4"/>
+<color name="macchiato_blue"      value="#8aadf4"/>
+<color name="macchiato_lavender"  value="#b7bdf8"/>
+<color name="macchiato_text"      value="#cad3f5"/>
+<color name="macchiato_subtext1"  value="#b8c0e0"/>
+<color name="macchiato_subtext0"  value="#a5adcb"/>
+<color name="macchiato_overlay2"  value="#939ab7"/>
+<color name="macchiato_overlay1"  value="#8087a2"/>
+<color name="macchiato_overlay0"  value="#6e738d"/>
+<color name="macchiato_surface2"  value="#5b6078"/>
+<color name="macchiato_surface1"  value="#494d64"/>
+<color name="macchiato_surface0"  value="#363a4f"/>
+<color name="macchiato_base"      value="#24273a"/>
+<color name="macchiato_mantle"    value="#1e2030"/>
+<color name="macchiato_crust"     value="#181926"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="macchiato_text" background = "macchiato_base"/>
+  <style name="selection"                   foreground="macchiato_text" background="macchiato_surface2"/>
+  <style name="cursor"                      foreground="macchiato_rosewater"/>
+  <style name="secondary-cursor"            foreground="macchiato_rosewater"/>
+  <style name="current-line"                background="macchiato_surface0"/>
+  <style name="line-numbers"                foreground="macchiato_text" background="macchiato_crust"/>
+  <style name="draw-spaces"                 foreground="macchiato_text"/>
+  <style name="background-pattern"          background="macchiato_mantle"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="macchiato_mauve"/>
+  <style name="bracket-mismatch"            foreground="macchiato_text" background="macchiato_peach"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="macchiato_text" background="crust"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="macchiato_text" background="macchiato_blue"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="macchiato_overlay0"/>
+  <style name="def:shebang"                 foreground="macchiato_overlay0" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="macchiato_green"/>
+  <style name="def:string"                  foreground="macchiato_green"/>
+  <style name="def:special-char"            foreground="macchiato_lavender"/>
+  <style name="def:special-constant"        foreground="macchiato_lavender"/>
+  <style name="def:floating-point"          foreground="macchiato_lavender"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="macchiato_blue"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="macchiato_sapphire" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="macchiato_maroon" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="macchiato_yellow" bold="true"/>
+  <style name="def:inline-code"             foreground="macchiato_green"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="macchiato_rosewater"/>
+  <style name="def:link-symbol"             foreground="macchiato_blue" bold="true"/>
+  <style name="def:link-destination"        foreground="macchiato_blue" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="macchiato_teal" bold="true"/>
+  <style name="def:thematic-break"          foreground="macciato_green" bold="true"/>
+  <style name="def:preformatted-section"    foreground="macchiato_green"/>
+  <style name="def:list-marker"             foreground="macchiato_teal" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="macchiato_teal"/>
+  <style name="def:error"                   foreground="macchiato_maroon" bold="true"/>
+  <style name="def:warning"                 foreground="macchiato_peach"/>
+  <style name="def:note"                    foreground="macchiato_blue" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/lineage/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-mocha.xml b/lineage/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-mocha.xml
new file mode 100755
index 000000000..0fb5a5b60
--- /dev/null
+++ b/lineage/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-mocha.xml	
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="catppuccin_mocha" _name="Catppuccin Mocha" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Soothing pastel theme for Gedit</_description>
+
+  <!-- Tango Palette -->
+  <color name="mocha_rosewater" value="#f5e0dc"/>
+  <color name="mocha_flamingo"  value="#f2cdcd"/>
+  <color name="mocha_pink"      value="#f5c2e7"/>
+  <color name="mocha_mauve"     value="#cba6f7"/>
+  <color name="mocha_red"       value="#f38ba8"/>
+  <color name="mocha_maroon"    value="#eba0ac"/>
+  <color name="mocha_peach"     value="#fab387"/>
+  <color name="mocha_yellow"    value="#f9e2af"/>
+  <color name="mocha_green"     value="#a6e3a1"/>
+  <color name="mocha_teal"      value="#94e2d5"/>
+  <color name="mocha_sky"       value="#89dceb"/>
+  <color name="mocha_sapphire"  value="#74c7ec"/>
+  <color name="mocha_blue"      value="#89b4fa"/>
+  <color name="mocha_lavender"  value="#b4befe"/>
+  <color name="mocha_text"      value="#cdd6f4"/>
+  <color name="mocha_subtext1"  value="#bac2de"/>
+  <color name="mocha_subtext0"  value="#a6adc8"/>
+  <color name="mocha_overlay2"  value="#9399b2"/>
+  <color name="mocha_overlay1"  value="#7f849c"/>
+  <color name="mocha_overlay0"  value="#6c7086"/>
+  <color name="mocha_surface2"  value="#585b70"/>
+  <color name="mocha_surface1"  value="#45475a"/>
+  <color name="mocha_surface0"  value="#313244"/>
+  <color name="mocha_base"      value="#1e1e2e"/>
+  <color name="mocha_mantle"    value="#181825"/>
+  <color name="mocha_crust"     value="#11111b"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="mocha_text" background = "mocha_base"/>
+  <style name="selection"                   foreground="mocha_text" background="mocha_surface2"/>
+  <style name="cursor"                      foreground="mocha_rosewater"/>
+  <style name="secondary-cursor"            foreground="mocha_rosewater"/>
+  <style name="current-line"                background="mocha_surface0"/>
+  <style name="line-numbers"                foreground="mocha_text" background="mocha_crust"/>
+  <style name="draw-spaces"                 foreground="mocha_text"/>
+  <style name="background-pattern"          background="mocha_mantle"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="mocha_mauve"/>
+  <style name="bracket-mismatch"            foreground="mocha_text" background="mocha_peach"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="mocha_text" background="mocha_crust"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="mocha_text" background="mocha_blue"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="mocha_overlay0"/>
+  <style name="def:shebang"                 foreground="mocha_overlay0" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="mocha_green"/>
+  <style name="def:string"                  foreground="mocha_green"/>
+  <style name="def:special-char"            foreground="mocha_lavender"/>
+  <style name="def:special-constant"        foreground="mocha_lavender"/>
+  <style name="def:floating-point"          foreground="mocha_lavender"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="mocha_blue"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="mocha_sapphire" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="mocha_maroon" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="mocha_yellow" bold="true"/>
+  <style name="def:inline-code"             foreground="mocha_green"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="mocha_rosewater"/>
+  <style name="def:link-symbol"             foreground="mocha_blue" bold="true"/>
+  <style name="def:link-destination"        foreground="mocha_blue" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="mocha_teal" bold="true"/>
+  <style name="def:thematic-break"          foreground="mocha_green" bold="true"/>
+  <style name="def:preformatted-section"    foreground="mocha_green"/>
+  <style name="def:list-marker"             foreground="mocha_teal" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="mocha_teal"/>
+  <style name="def:error"                   foreground="mocha_maroon" bold="true"/>
+  <style name="def:warning"                 foreground="mocha_peach"/>
+  <style name="def:note"                    foreground="mocha_blue" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/lineage/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/everforest-b.xml b/lineage/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/everforest-b.xml
new file mode 100755
index 000000000..f5c22b570
--- /dev/null
+++ b/lineage/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/everforest-b.xml	
@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="everforest_b" _name="Everforest Dark B" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Everforest</_description>
+
+  <!-- Tango Palette -->
+  <color name="forestgreen" value="#a8b370"/>
+  <color name="forestyellow" value="#8e8370"/>
+  <color name="foresttext" value="#d3c6ab"/>
+  <color name="forestblack" value="#1e201f"/>
+  <color name="forestred" value="#e76c69"/>
+  <color name="forestpink" value="#d698b5"/>
+  <color name="forestorange" value="#e59576"/>
+  <color name="forestgray" value="#75817b"/>
+  <color name="forestgraylight" value="#495156"/>
+  <color name="forestgreendark" value="#7fba90"/>
+  
+  <color name="mocha_rosewater" value="#f5e0dc"/>
+  <color name="mocha_flamingo"  value="#f2cdcd"/>
+  <color name="mocha_pink"      value="#f5c2e7"/>
+  <color name="mocha_mauve"     value="#cba6f7"/>
+  <color name="mocha_red"       value="#f38ba8"/>
+  <color name="mocha_maroon"    value="#eba0ac"/>
+  <color name="mocha_peach"     value="#fab387"/>
+  <color name="mocha_yellow"    value="#f9e2af"/>
+  <color name="mocha_green"     value="#a6e3a1"/>
+  <color name="mocha_teal"      value="#94e2d5"/>
+  <color name="mocha_sky"       value="#89dceb"/>
+  <color name="mocha_sapphire"  value="#74c7ec"/>
+  <color name="mocha_blue"      value="#89b4fa"/>
+  <color name="mocha_lavender"  value="#b4befe"/>
+  <color name="mocha_text"      value="#cdd6f4"/>
+  <color name="mocha_subtext1"  value="#bac2de"/>
+  <color name="mocha_subtext0"  value="#a6adc8"/>
+  <color name="mocha_overlay2"  value="#9399b2"/>
+  <color name="mocha_overlay1"  value="#7f849c"/>
+  <color name="mocha_overlay0"  value="#6c7086"/>
+  <color name="mocha_surface2"  value="#585b70"/>
+  <color name="mocha_surface1"  value="#45475a"/>
+  <color name="mocha_surface0"  value="#313244"/>
+  <color name="mocha_base"      value="#1e1e2e"/>
+  <color name="mocha_mantle"    value="#181825"/>
+  <color name="mocha_crust"     value="#11111b"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="foresttext" background = "forestblack"/>
+  <style name="selection"                   foreground="foresttext" background="forestgray"/>
+  <style name="cursor"                      foreground="forestpink"/>
+  <style name="secondary-cursor"            foreground="forestpink"/>
+  <style name="current-line"                background="forestblack"/>
+  <style name="line-numbers"                foreground="foresttext" background="forestblack"/>
+  <style name="draw-spaces"                 foreground="foresttext"/>
+  <style name="background-pattern"          background="forestblack"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="forestgraylight"/>
+  <style name="bracket-mismatch"            foreground="foresttext" background="forestorange"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="foresttext" background="forestblack"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="foresttext" background="forestgreendark"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="forestgray"/>
+  <style name="def:shebang"                 foreground="forestgray" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="forestgreen"/>
+  <style name="def:string"                  foreground="forestgreen"/>
+  <style name="def:special-char"            foreground="forestpink"/>
+  <style name="def:special-constant"        foreground="forestpink"/>
+  <style name="def:floating-point"          foreground="forestpink"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="forestgreendark"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="forestorange" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="forestred" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="forestyellow" bold="true"/>
+  <style name="def:inline-code"             foreground="forestgreen"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="foresttext"/>
+  <style name="def:link-symbol"             foreground="forestgreendark" bold="true"/>
+  <style name="def:link-destination"        foreground="forestgreendark" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="forest" bold="true"/>
+  <style name="def:thematic-break"          foreground="forestgreendark" bold="true"/>
+  <style name="def:preformatted-section"    foreground="forestgreen"/>
+  <style name="def:list-marker"             foreground="forestorange" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="forestred"/>
+  <style name="def:error"                   foreground="forestred" bold="true"/>
+  <style name="def:warning"                 foreground="forestorange"/>
+  <style name="def:note"                    foreground="forestgreendark" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/lineage/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_dark.xml b/lineage/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_dark.xml
new file mode 100644
index 000000000..3e345f89c
--- /dev/null
+++ b/lineage/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_dark.xml	
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<style-scheme id="tokyo_night_dark" _name="Tokyo_Night_Dark" version="1.0">
+  <author>fkorpsvart</author>
+  <_description>Tokyo Night Dark theme for Gedit</_description>
+
+<!-- Colors -->
+
+  <color name="off_white" value="#c0caf5"/>
+  <color name="off_white2" value="#9aa5ce"/>
+  <color name="black_grey" value="#1a1b26"/>
+  <color name="tinted_grey" value="#24283b"/>
+  <color name="dark_grey" value="#414868"/>
+  <color name="med_grey" value="#565f89"/>
+  <color name="light_grey" value="#565a6e"/>
+  <color name="olive_green" value="#9ece6a"/>
+  <color name="washed_orange" value="#ff9e64"/>
+  <color name="faded_violet" value="#9d7cd8"/>
+  <color name="faded_cornwall" value="#ff007c"/>
+  <color name="pink_sandstone" value="#f7768e"/>
+  <color name="steelblue3" value="#7aa2f7"/>
+  <color name="light_brown" value="#bb9af7"/>
+  <color name="super_faded_orange" value="#e0af68"/>
+  <color name="dark_maroon" value="#41a6b5"/>
+  <color name="yellow" value="#f9ee98"/>
+
+<!-- Global Settings -->
+
+  <style name="text" foreground="off_white" background="black_grey"/>
+  <style name="cursor" foreground="off_white"/>
+  <style name="current-line" background="tinted_grey"/>
+  <style name="line-numbers" foreground="med_grey" background="black_grey" bold="true" />
+  <style name="selection" foreground="off_white2" background="tinted_grey" />
+  <style name="selection-unfocused" foreground="off_white2" background="tinted_grey" />
+
+<!-- Bracket Matching -->
+  <style name="bracket-match" background="steelblue3"/>
+  <style name="bracket-mismatch" background="dark_maroon" bold="true"/>
+  <style name="search-match" foreground="off_white" background="steelblue3"/>
+
+<!-- Comments -->
+  <style name="def:comment" foreground="light_grey" italic="true"/>
+  <style name="def:shebang" foreground="light_grey" italic="true"/>
+  <style name="def:doc-comment-element" foreground="dark_grey" bold="true"/>
+
+<!-- Constants and Variables-->
+  <style name="def:constant" foreground="faded_cornwall"/>
+  <style name="def:string" foreground="olive_green"/>
+  <style name="def:special-char" foreground="faded_cornwall"/>
+  <style name="def:special-constant" foreground="washed_orange" bold="true"/>
+  <style name="def:boolean" foreground="pink_sandstone"/>
+  <style name="def:number" foreground="pink_sandstone"/>
+  <style name="def:floating-point" foreground="pink_sandstone"/>
+  <style name="def:keyword" foreground="washed_orange" bold="true"/>
+  <style name="def:builtin" foreground="washed_orange" bold="true"/>
+  <style name="def:variable" foreground="faded_cornwall"/>
+
+<!-- Identifiers -->
+  <style name="def:identifier" foreground="faded_cornwall"/>
+
+<!-- Statements -->
+  <style name="def:statement" foreground="washed_orange"/>
+
+<!-- Types -->
+  <style name="def:type" foreground="faded_violet"/>
+
+<!-- Others -->
+  <style name="def:error" foreground="off_white" background="dark_maroon" bold="true"/>
+  <style name="def:note" foreground="yellow" bold="true"/>
+  <style name="def:net-address-in-comment" foreground="steelblue3" italic="false" underline="true"/>
+  <style name="def:preprocessor" foreground="light_grey"/>
+  <style name="def:function" foreground="off_white" underline="true"/>
+
+<!-- Unknown? -->
+  <style name="def:specials" background="faded_cornwall"/>
+
+<!-- C Styles -->
+  <style name="c:preprocessor" map-to="def:special-char"/>
+
+<!-- Diff Styles -->
+  <style name="diff:ignore" foreground="med_grey"/>
+
+<!-- Ruby Styles -->
+  <style name="ruby:module-handler" foreground="washed_orange"/>
+  <style name="ruby:symbol" foreground="pink_sandstone"/>
+  <style name="ruby:regex" foreground="super_faded_orange"/>
+
+<!-- SH Styles -->
+  <style name="sh:others" map-to="text"/>
+
+<!-- XML Styles -->
+  <style name="xml:attribute-name" foreground="light_brown"/>
+  <style name="xml:element-name" foreground="faded_cornwall"/>
+
+</style-scheme>
diff --git a/lineage/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_storm.xml b/lineage/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_storm.xml
new file mode 100644
index 000000000..eba507872
--- /dev/null
+++ b/lineage/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_storm.xml	
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<style-scheme id="tokyo_night_storm" _name="Tokyo_Night_Storm" version="1.0">
+  <author>fkorpsvart</author>
+  <_description>Tokyo Night Storm theme for Gedit</_description>
+
+<!-- Colors -->
+
+  <color name="off_white" value="#c0caf5"/>
+  <color name="off_white2" value="#9aa5ce"/>
+  <color name="black_grey" value="#1a1b26"/>
+  <color name="tinted_grey" value="#24283b"/>
+  <color name="dark_grey" value="#414868"/>
+  <color name="med_grey" value="#565f89"/>
+  <color name="light_grey" value="#565a6e"/>
+  <color name="olive_green" value="#9ece6a"/>
+  <color name="washed_orange" value="#ff9e64"/>
+  <color name="faded_violet" value="#9d7cd8"/>
+  <color name="faded_cornwall" value="#ff007c"/>
+  <color name="pink_sandstone" value="#f7768e"/>
+  <color name="steelblue3" value="#7aa2f7"/>
+  <color name="light_brown" value="#bb9af7"/>
+  <color name="super_faded_orange" value="#e0af68"/>
+  <color name="dark_maroon" value="#41a6b5"/>
+  <color name="yellow" value="#f9ee98"/>
+
+<!-- Global Settings -->
+
+  <style name="text" foreground="off_white" background="tinted_grey"/>
+  <style name="cursor" foreground="off_white"/>
+  <style name="current-line" background="black_grey"/>
+  <style name="line-numbers" foreground="med_grey" background="tinted_grey" bold="true" />
+  <style name="selection" foreground="off_white2" background="black_grey" />
+  <style name="selection-unfocused" foreground="off_white2" background="black_grey" />
+
+<!-- Bracket Matching -->
+  <style name="bracket-match" background="steelblue3"/>
+  <style name="bracket-mismatch" background="dark_maroon" bold="true"/>
+  <style name="search-match" foreground="off_white" background="steelblue3"/>
+
+<!-- Comments -->
+  <style name="def:comment" foreground="light_grey" italic="true"/>
+  <style name="def:shebang" foreground="light_grey" italic="true"/>
+  <style name="def:doc-comment-element" foreground="dark_grey" bold="true"/>
+
+<!-- Constants and Variables-->
+  <style name="def:constant" foreground="faded_cornwall"/>
+  <style name="def:string" foreground="olive_green"/>
+  <style name="def:special-char" foreground="faded_cornwall"/>
+  <style name="def:special-constant" foreground="washed_orange" bold="true"/>
+  <style name="def:boolean" foreground="pink_sandstone"/>
+  <style name="def:number" foreground="pink_sandstone"/>
+  <style name="def:floating-point" foreground="pink_sandstone"/>
+  <style name="def:keyword" foreground="washed_orange" bold="true"/>
+  <style name="def:builtin" foreground="washed_orange" bold="true"/>
+  <style name="def:variable" foreground="faded_cornwall"/>
+
+<!-- Identifiers -->
+  <style name="def:identifier" foreground="faded_cornwall"/>
+
+<!-- Statements -->
+  <style name="def:statement" foreground="washed_orange"/>
+
+<!-- Types -->
+  <style name="def:type" foreground="faded_violet"/>
+
+<!-- Others -->
+  <style name="def:error" foreground="off_white" background="dark_maroon" bold="true"/>
+  <style name="def:note" foreground="yellow" bold="true"/>
+  <style name="def:net-address-in-comment" foreground="steelblue3" italic="false" underline="true"/>
+  <style name="def:preprocessor" foreground="light_grey"/>
+  <style name="def:function" foreground="off_white" underline="true"/>
+
+<!-- Unknown? -->
+  <style name="def:specials" background="faded_cornwall"/>
+
+<!-- C Styles -->
+  <style name="c:preprocessor" map-to="def:special-char"/>
+
+<!-- Diff Styles -->
+  <style name="diff:ignore" foreground="med_grey"/>
+
+<!-- Ruby Styles -->
+  <style name="ruby:module-handler" foreground="washed_orange"/>
+  <style name="ruby:symbol" foreground="pink_sandstone"/>
+  <style name="ruby:regex" foreground="super_faded_orange"/>
+
+<!-- SH Styles -->
+  <style name="sh:others" map-to="text"/>
+
+<!-- XML Styles -->
+  <style name="xml:attribute-name" foreground="light_brown"/>
+  <style name="xml:element-name" foreground="faded_cornwall"/>
+
+</style-scheme>
diff --git a/m3ww/.config/code-flags.conf b/m3ww/.config/code-flags.conf
new file mode 100644
index 000000000..cac72dd8a
--- /dev/null
+++ b/m3ww/.config/code-flags.conf
@@ -0,0 +1 @@
+--password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland
\ No newline at end of file
diff --git a/m3ww/.config/eww/.vscode/c_cpp_properties.json b/m3ww/.config/eww/.vscode/c_cpp_properties.json
new file mode 100755
index 000000000..a2461ad1a
--- /dev/null
+++ b/m3ww/.config/eww/.vscode/c_cpp_properties.json
@@ -0,0 +1,18 @@
+{
+    "configurations": [
+        {
+            "name": "Linux",
+            "includePath": [
+                "${workspaceFolder}/**",
+                "/usr/include/**"
+            ],
+            "defines": [],
+            "compilerPath": "/usr/bin/clang",
+            "cStandard": "c17",
+            "cppStandard": "c++17",
+            "intelliSenseMode": "linux-clang-x64",
+            "configurationProvider": "ms-vscode.makefile-tools",
+        }
+    ],
+    "version": 4
+}
\ No newline at end of file
diff --git a/m3ww/.config/eww/.vscode/settings.json b/m3ww/.config/eww/.vscode/settings.json
new file mode 100755
index 000000000..6e9310476
--- /dev/null
+++ b/m3ww/.config/eww/.vscode/settings.json
@@ -0,0 +1,81 @@
+{
+    "files.associations": {
+        "optional": "cpp",
+        "system_error": "cpp",
+        "fstream": "cpp",
+        "iosfwd": "cpp",
+        "string_view": "cpp",
+        "string": "cpp",
+        "any": "cpp",
+        "array": "cpp",
+        "bit": "cpp",
+        "*.tcc": "cpp",
+        "cctype": "cpp",
+        "clocale": "cpp",
+        "cmath": "cpp",
+        "codecvt": "cpp",
+        "compare": "cpp",
+        "concepts": "cpp",
+        "cstddef": "cpp",
+        "cstdint": "cpp",
+        "cstdio": "cpp",
+        "cstdlib": "cpp",
+        "cstring": "cpp",
+        "ctime": "cpp",
+        "cwchar": "cpp",
+        "cwctype": "cpp",
+        "deque": "cpp",
+        "forward_list": "cpp",
+        "map": "cpp",
+        "unordered_map": "cpp",
+        "vector": "cpp",
+        "exception": "cpp",
+        "functional": "cpp",
+        "initializer_list": "cpp",
+        "iomanip": "cpp",
+        "iostream": "cpp",
+        "istream": "cpp",
+        "limits": "cpp",
+        "memory": "cpp",
+        "new": "cpp",
+        "numbers": "cpp",
+        "numeric": "cpp",
+        "ostream": "cpp",
+        "ranges": "cpp",
+        "ratio": "cpp",
+        "span": "cpp",
+        "sstream": "cpp",
+        "stdexcept": "cpp",
+        "streambuf": "cpp",
+        "type_traits": "cpp",
+        "tuple": "cpp",
+        "typeinfo": "cpp",
+        "utility": "cpp",
+        "valarray": "cpp",
+        "csignal": "cpp",
+        "cstdarg": "cpp",
+        "atomic": "cpp",
+        "bitset": "cpp",
+        "charconv": "cpp",
+        "chrono": "cpp",
+        "condition_variable": "cpp",
+        "list": "cpp",
+        "set": "cpp",
+        "unordered_set": "cpp",
+        "algorithm": "cpp",
+        "iterator": "cpp",
+        "memory_resource": "cpp",
+        "random": "cpp",
+        "regex": "cpp",
+        "source_location": "cpp",
+        "format": "cpp",
+        "mutex": "cpp",
+        "semaphore": "cpp",
+        "shared_mutex": "cpp",
+        "stdfloat": "cpp",
+        "stop_token": "cpp",
+        "thread": "cpp",
+        "cinttypes": "cpp",
+        "variant": "cpp"
+    }
+}
\ No newline at end of file
diff --git a/m3ww/.config/eww/.vscode/tasks.json b/m3ww/.config/eww/.vscode/tasks.json
new file mode 100755
index 000000000..6e927d6b8
--- /dev/null
+++ b/m3ww/.config/eww/.vscode/tasks.json
@@ -0,0 +1,31 @@
+{
+    "tasks": [
+        {
+            "type": "cppbuild",
+            "label": "C/C++: g++ build active file",
+            "command": "/usr/bin/g++",
+            "args": [
+                "-static",
+                "-fdiagnostics-color=always",
+                "-g",
+                "${file}",
+                "-o",
+                "${fileDirname}/${fileBasenameNoExtension}",
+                "-lboost_iostreams",
+                "`pkg-config --libs boost_iostreams`"
+            ],
+            "options": {
+                "cwd": "${fileDirname}"
+            },
+            "problemMatcher": [
+                "$gcc"
+            ],
+            "group": {
+                "kind": "build",
+                "isDefault": true
+            },
+            "detail": "Task generated by Debugger."
+        }
+    ],
+    "version": "2.0.0"
+}
\ No newline at end of file
diff --git a/m3ww/.config/eww/css/_bar.scss b/m3ww/.config/eww/css/_bar.scss
new file mode 100644
index 000000000..45cb228a4
--- /dev/null
+++ b/m3ww/.config/eww/css/_bar.scss
@@ -0,0 +1,543 @@
+.corner-width {
+    min-width: 1.5rem;
+}
+
+.corner-height {
+    min-height: 1.5rem;
+}
+
+.bar-bg {
+    background-color: $background;
+    transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);
+}
+
+.bar-bg-top-decor {
+    // background-image: url('images/svg/drips.svg');
+}
+
+.bar-height {
+    transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);
+    min-height: 2.727rem;
+}
+
+.bar-width {
+    transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);
+    min-width: 2.727rem;
+}
+
+.bar-bottom-height {
+    transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);
+    min-height: 4.091rem;
+}
+
+.bar-sides {
+    min-width: 27rem;
+}
+
+.bar-bottom-sides {
+    min-width: 34.091rem;
+}
+
+.bgdecor-box {
+    transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);
+    border: 0.068rem solid $background;
+}
+
+.flyin-top {
+    animation-name: flyin-top;
+    animation-duration: 250ms;
+    animation-timing-function: cubic-bezier(0.05, 0.7, 0.1, 1);
+    animation-iteration-count: 1;
+}
+
+.flyin-bottom {
+    animation-name: flyin-bottom;
+    animation-duration: 250ms;
+    animation-timing-function: cubic-bezier(0.05, 0.7, 0.1, 1);
+    animation-iteration-count: 1;
+}
+
+.dynamic-module {
+    transition: 250ms cubic-bezier(0, 0, 0, 1);
+    min-height: 2.727rem;
+}
+
+.dynamic-module-hidetop {
+    margin-top: -2.728rem;
+}
+
+.dynamic-module-hidebottom {
+    margin-bottom: -2.728rem;
+}
+
+.bar-group-margin {
+    padding: 0.2rem;
+}
+
+.bar-group {
+    background-color: mix($surface, $onSurface, 90%);
+}
+
+.bar-group-pad {
+    padding: 0rem 1.023rem;
+}
+
+.bar-group-pad-less {
+    padding: 0rem 0.681rem;
+}
+
+.bar-group-pad-left {
+    padding-left: 1.364rem;
+    padding-right: 0.681rem;
+}
+
+.bar-group-pad-right {
+    padding-left: 0.681rem;
+    padding-right: 1.364rem;
+}
+
+.bar-group-pad-leftonly {
+    padding-left: 0.681rem;
+}
+
+.bar-group-pad-rightonly {
+    padding-right: 0.681rem;
+}
+
+.bar-group-standalone {
+    border-radius: 1.364rem;
+}
+
+.bar-group-round {
+    border-radius: 10rem;
+}
+
+.bar-group-middle {
+    border-radius: 0.477rem;
+}
+
+.bar-group-left {
+    border-radius: 0.477rem;
+    border-top-left-radius: 1.364rem;
+    border-bottom-left-radius: 1.364rem;
+}
+
+.bar-group-right {
+    border-radius: 0.477rem;
+    border-top-right-radius: 1.364rem;
+    border-bottom-right-radius: 1.364rem;
+}
+
+.bar-batt-circ {
+    color: $onSecondaryContainer;
+}
+
+.bar-batt-circ-inside {
+    min-height: 2.045rem;
+    min-width: 2.045rem;
+}
+
+.bar-batt-circ-low {
+    color: $errorContainer;
+    margin: 0.341rem;
+}
+
+.bar-batt-circ-layer2 {
+    color: $onSecondaryContainer;
+    margin: 0.341rem;
+}
+
+.bar-batt-circ-layer2-inside {
+    min-width: 1.364rem;
+    min-height: 1.364rem;
+}
+
+.bar-batt {
+    padding: 0rem 0.205rem;
+    min-height: 0.954rem;
+    border-radius: 10rem;
+    color: $primaryContainer;
+    background-color: $onPrimaryContainer;
+}
+
+.bar-batt-low {
+    padding: 0rem 0.205rem;
+    min-height: 0.954rem;
+    border-radius: 10rem;
+    color: $errorContainer;
+    background-color: $onErrorContainer;
+}
+
+.bar-batt-bottom {
+    padding: 0rem 0.205rem;
+    min-height: 0.954rem;
+    border-radius: 10rem;
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+}
+
+.bar-batt-bottom-low {
+    padding: 0rem 0.205rem;
+    min-height: 0.954rem;
+    border-radius: 10rem;
+    color: $errorContainer;
+    background-color: $onErrorContainer;
+}
+
+.bar-batt-percentage {
+    font-size: 1rem;
+    margin-top: -0.068rem;
+    margin-left: 0.137rem;
+    font-weight: 500;
+}
+
+.bar-batt-percentage-bottom {
+    font-size: 1rem;
+    margin-top: -0.068rem;
+    margin-left: 0.409rem;
+    font-weight: 500;
+}
+
+.bar-batt-chargestate {
+    // min-width: 0.681rem;
+    // min-height: 0.681rem;
+    border-radius: 10rem;
+    background-color: transparent;
+}
+
+.bar-batt-chargestate-charging {
+    border-radius: 10rem;
+    min-width: 0.681rem;
+    min-height: 0.681rem;
+    background-color: $primaryContainer;
+}
+
+.bar-batt-chargestate-charging-low {
+    border-radius: 10rem;
+    min-width: 0.681rem;
+    min-height: 0.681rem;
+    background-color: $errorContainer;
+}
+
+.bar-batt-chargestate-bottom {
+    background-color: transparent;
+    border-radius: 10rem;
+    min-width: 0.681rem;
+    min-height: 0.681rem;
+    margin: 0.682rem;
+}
+
+.bar-batt-chargestate-bottom-charging {
+    border-radius: 10rem;
+    min-width: 0.681rem;
+    min-height: 0.681rem;
+    margin: 0.682rem;
+    background-color: $onSecondaryContainer;
+}
+
+.bar-batt-chargestate-bottom-charging-low {
+    border-radius: 10rem;
+    min-width: 0.681rem;
+    min-height: 0.681rem;
+    margin: 0.682rem;
+    background-color: $errorContainer;
+}
+
+.bar-ws-width {
+    min-width: 18.382rem;
+}
+
+.bar-ws-txt {
+    min-height: 1.772rem;
+    min-width: 1.772rem;
+    @include mainfont;
+    font-size: 1.0909rem;
+    // background: red;
+}
+
+.ws {
+    transition: 100ms cubic-bezier(0, 1, 0, 1);
+}
+
+.bar-ws-txt-active {
+    border-radius: 10rem;
+    background-color: $primary;
+    color: $onPrimary;
+}
+
+.bar-ws-txt-true {
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+}
+
+.bar-ws-txt-left {
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+    border-top-left-radius: 10rem;
+    border-bottom-left-radius: 10rem;
+}
+
+.bar-ws-txt-right {
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+    border-top-right-radius: 10rem;
+    border-bottom-right-radius: 10rem;
+}
+
+.bar-ws-txt-alone {
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+    border-radius: 10rem;
+}
+
+.bar-ws-txt-middle {
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+}
+
+.bar-ws-txt-false {
+    color: $onSurface;
+}
+
+.bar-music-playstate {
+    min-width: 1.773rem;
+    min-height: 1.773rem;
+    border-radius: 10rem;
+    margin: 0.273rem;
+    margin-left: 0.205rem;
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+}
+
+.bar-music-playstate-playing {
+    min-width: 1.773rem;
+    min-height: 1.773rem;
+    border-radius: 10rem;
+    margin: 0.273rem;
+    margin-left: 0.205rem;
+    background-color: $primaryContainer;
+    color: $onPrimaryContainer;
+}
+
+.bar-music-playstate-txt {
+    @include icon-material;
+    font-size: 1.4545rem;
+    margin-bottom: -0.137rem;
+    margin-left: 0rem;
+}
+
+.bar-music-cover {
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: 100% auto;
+    min-width: 11.932rem;
+}
+
+.bar-music-extended-bg {
+    border-radius: 1.364rem;
+    min-width: 34.091rem;
+}
+
+.bar-music-extended-ctl-bg {
+    border-radius: 1.364rem;
+    background-color: rgba(30, 30, 30, 0.6);
+}
+
+.bar-music-bottom-bg {
+    border-radius: 1.364rem;
+    min-width: 34.091rem;
+}
+
+.bar-music-bottom-ctl-bg {
+    border-radius: 1.364rem;
+    background-color: rgba(30, 30, 30, 0.6);
+}
+
+.bar-music-extended-textbox {
+    margin: 1.023rem;
+}
+
+.bar-music-bottom-cover {
+    border-radius: 10rem;
+}
+
+.bar-music-hide-false {
+    @include md3_decel;
+    transition-duration: 100ms;
+    opacity: 1;
+}
+
+.bar-music-hide-true {
+    @include md3_accel;
+    transition-duration: 100ms;
+    opacity: 0;
+}
+
+.bar-music-btn {
+    font-size: 1.364rem;
+    border-radius: 10rem;
+    min-height: 2.591rem;
+    min-width: 2.591rem;
+}
+
+.bar-music-btn:hover {
+    background-color: $hovercolor;
+}
+
+.bar-prog-batt {
+    min-height: 0.955rem;
+    min-width: 0.068rem;
+    padding: 0rem;
+    border-radius: 10rem;
+
+    trough {
+        min-height: 0.954rem;
+        min-width: 0.068rem;
+        border-radius: 10rem;
+        background-color: $onPrimaryContainer;
+    }
+
+    progress {
+        min-height: 0.680rem;
+        min-width: 0.680rem;
+        margin: 0rem 0.137rem;
+        border-radius: 10rem;
+        background-color: $primaryContainer;
+    }
+}
+
+.bar-prog-batt-low {
+    min-height: 0.954rem;
+    min-width: 0.068rem;
+    padding: 0rem;
+    border-radius: 10rem;
+
+    trough {
+        min-height: 0.954rem;
+        min-width: 0.068rem;
+        border-radius: 10rem;
+        background-color: $onErrorContainer;
+    }
+
+    progress {
+        min-height: 0.680rem;
+        min-width: 0.680rem;
+        margin: 0rem 0.137rem;
+        border-radius: 10rem;
+        background-color: $errorContainer;
+    }
+}
+
+.bar-prog-osd {
+    min-height: 0.954rem;
+    min-width: 0.068rem;
+    padding: 0rem;
+    border-radius: 10rem;
+
+    trough {
+        min-height: 0.954rem;
+        min-width: 0.068rem;
+        border-radius: 10rem;
+        background-color: $onSurfaceVariant;
+    }
+
+    progress {
+        min-height: 0.681rem;
+        min-width: 0.681rem;
+        margin: 0rem 0.137rem;
+        border-radius: 10rem;
+        background-color: $surfaceVariant;
+    }
+}
+
+menu {
+    padding: 0.681rem;
+    background: $surfaceVariant;
+    color: $onSurfaceVariant;
+    border-radius: 1.159rem;
+}
+
+menubar>menuitem {
+    border-radius: 0.545rem;
+    min-width: 2.727rem;
+    min-height: 2.727rem;
+}
+
+menu>menuitem {
+    padding: 0.4em 1.5rem;
+    background: transparent;
+    transition: 0.2s ease background;
+    border-radius: 0.545rem;
+}
+
+menu>menuitem:hover {
+    background: rgba(255, 255, 255, 0.1);
+}
+
+.bar-btn {
+    border-radius: 10rem;
+    padding: 0.273rem;
+    min-height: 2.182rem;
+    min-width: 2.182rem;
+}
+
+.bar-btn:hover {
+    box {
+        background-color: $hovercolor;
+    }
+}
+
+.bar-btn:active {
+    box {
+        background-color: $activecolor;
+    }
+}
+
+.bar-btn-box {
+    margin: 0.273rem;
+    border-radius: 10rem;
+    min-width: 2.182rem;
+    min-height: 2.182rem;
+    padding: 0rem 0.681rem;
+}
+
+.bar-rev {
+    @include md3_decel;
+}
+
+.bar-rev-close {
+    @include md3_accel;
+}
+
+.taskbar-button {
+    margin: 0.341rem;
+    border-radius: 10rem;
+    min-width: 3.409rem;
+    min-height: 3.409rem;
+}
+
+.taskbar-button-active {
+    background-color: mix($primary, rgba(0, 0, 0, 0), 60%);
+}
+
+.taskbaricon {
+    min-width: 3.409rem;
+    min-height: 3.409rem;
+}
+
+.bar-notif-indicator {
+    border-radius: 10rem;
+    background-color: $primary;
+    color: $onPrimary;
+    padding: 0.137rem 0.477rem;
+}
+
+.bar-notif-icon {
+    margin-top: 0.068rem;
+    margin-bottom: -0.068rem;
+}
+
+.bar-circ-bottom-size {
+    min-height: 2.727rem;
+    min-width: 2.727rem;
+}
\ No newline at end of file
diff --git a/m3ww/.config/eww/css/_cheatsheet.scss b/m3ww/.config/eww/css/_cheatsheet.scss
new file mode 100644
index 000000000..c135898c5
--- /dev/null
+++ b/m3ww/.config/eww/css/_cheatsheet.scss
@@ -0,0 +1,43 @@
+.cheatsheet-bg {
+    border-radius: 1.432rem;
+    margin-bottom: 0.682rem;
+    background-color: $background;
+    padding: 1.364rem;
+    border: 2px solid $surfaceVariant;
+}
+
+.cheatsheet-key {
+    @include techfont;
+    min-height: 1.364rem;
+    min-width: 1.364rem;
+    margin: 0.17rem;
+    padding: 0.136rem 0.205rem;
+    border-radius: 0.409rem;
+    color: $primary;
+    border: 0.068rem solid $primary;
+    box-shadow: 0rem 0.136rem 0rem $primary;
+    font-weight: 500;
+}
+
+.cheatsheet-key-notkey {
+    min-height: 1.364rem;
+    padding: 0.136rem 0.205rem;
+    margin: 0.17rem;
+    color: $onPrimaryContainer;
+}
+
+.cheatsheet-action {}
+
+.cheatsheet-closebtn {
+    border-radius: 50rem;
+    min-width: 2.386rem;
+    min-height: 2.386rem;
+}
+
+.cheatsheet-closebtn:hover {
+    background-color: $surfaceVariant;
+}
+
+.cheatsheet-closebtn:active {
+    background-color: mix($surfaceVariant, $onSurfaceVariant, 70%);
+}
\ No newline at end of file
diff --git a/m3ww/.config/eww/css/_colorscheme.scss b/m3ww/.config/eww/css/_colorscheme.scss
new file mode 100644
index 000000000..f94bd5105
--- /dev/null
+++ b/m3ww/.config/eww/css/_colorscheme.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: [Local wallpaper]
+$colorbarbg: #070318;
+$colorbg: rgba(7,3,24,0.75);
+$colortext: #e5e1f2;
+$color0: #B355CF;
+$color1: #956CE5;
+$color2: #6C9AEA;
+$color3: #A39AEF;
+$color4: #D5A7EF;
+$color5: #AAD0F1;
+$color6: #e5e1f2;
+$color7: #A39AEF;
diff --git a/m3ww/.config/eww/css/_iconcolor.txt b/m3ww/.config/eww/css/_iconcolor.txt
new file mode 100755
index 000000000..535d81c3a
--- /dev/null
+++ b/m3ww/.config/eww/css/_iconcolor.txt
@@ -0,0 +1,28 @@
+{
+    "wallpaper": "/home/end/.config/eww/images/wallpaper",
+    "alpha": "100",
+
+    "special": {
+        "background": "#070318",
+        "foreground": "#e5e1f2",
+        "cursor": "#e5e1f2"
+    },
+    "colors": {
+        "color0": "#070318",
+        "color1": "#B355CF",
+        "color2": "#956CE5",
+        "color3": "#6C9AEA",
+        "color4": "#A39AEF",
+        "color5": "#D5A7EF",
+        "color6": "#AAD0F1",
+        "color7": "#e5e1f2",
+        "color8": "#a09da9",
+        "color9": "#B355CF",
+        "color10": "#956CE5",
+        "color11": "#6C9AEA",
+        "color12": "#A39AEF",
+        "color13": "#D5A7EF",
+        "color14": "#AAD0F1",
+        "color15": "#e5e1f2"
+    }
+}
diff --git a/m3ww/.config/eww/css/_lib.scss b/m3ww/.config/eww/css/_lib.scss
new file mode 100644
index 000000000..cfa6e05c0
--- /dev/null
+++ b/m3ww/.config/eww/css/_lib.scss
@@ -0,0 +1,357 @@
+// Common colors
+$hovercolor: rgba(128, 128, 128, 0.4);
+$activecolor: rgba(128, 128, 128, 0.7);
+
+// Common rules
+@mixin mainfont {
+    font-family: 'Lexend', 'Bahnschrift', 'Inter';
+    // font-weight: 500;
+}
+
+@mixin icon-material {
+    font-family: 'Material Symbols Rounded';
+}
+
+@mixin icon-nerd {
+    font-family: 'JetBrainsMono Nerd Font';
+}
+
+@mixin techfont {
+    font-family: 'JetBrains Mono Nerd Font';
+}
+
+@mixin subtext {
+    color: rgb(160, 160, 160);
+}
+
+@mixin elevation-safe {
+    background: $surface;
+    color: $onSurface;
+    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.69);
+    margin: 7px;
+}
+
+@mixin elevation2 {
+    background: $surface;
+    color: $onSurface;
+    box-shadow: 0px 2px 3px $shadow;
+    margin: 7px;
+}
+
+@mixin elevation3 {
+    background: $surfaceVariant;
+    color: $onSurfaceVariant;
+    // box-shadow: 0px 2px 5px mix($shadow, rgba(0,0,0,0), 40%);
+    box-shadow: 0px 2px 5px $shadow;
+    margin: 7px;
+}
+
+@mixin md3_decel {
+    transition: 250ms cubic-bezier(0.05, 0.7, 0.1, 1);
+}
+
+@mixin md3_accel {
+    transition: 180ms cubic-bezier(0.3, 0, 0.8, 0.15);
+}
+
+@mixin noanim {
+    transition: 0ms;
+}
+
+@mixin anim-enter {
+    transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);
+}
+
+@mixin anim-exit {
+    transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);
+}
+
+@mixin m3-button {
+    border-radius: 50rem;
+}
+
+@keyframes flyin-top {
+    from {
+        margin-top: -2.795rem;
+    }
+
+    to {
+        margin-top: 0rem;
+    }
+}
+
+@keyframes flyin-bottom {
+    from {
+        margin-top: 4.841rem;
+        margin-bottom: -4.841rem;
+    }
+
+    to {
+        margin-bottom: 0rem;
+        margin-top: 0rem;
+    }
+}
+
+@function tint($color, $percentage) {
+    @return mix(rgb(245, 250, 255), $color, $percentage);
+}
+
+@function shade($color, $percentage) {
+    @return mix(rgb(0, 0, 0), $color, $percentage);
+}
+
+.no-anim {
+    @include noanim;
+}
+
+.txt {
+    color: $onBackground;
+}
+
+.txt-shadow {
+    text-shadow: 1px 2px 8px rgba(0,0,0,0.69);
+    margin: 10px;
+}
+
+.txt-badonkers {
+    @include mainfont;
+    font-size: 3rem;
+}
+
+.txt-tiddies {
+    @include mainfont;
+    font-size: 2.7273rem;
+}
+
+.txt-hugeass {
+    @include mainfont;
+    font-size: 1.8182rem;
+}
+
+.txt-larger {
+    @include mainfont;
+    font-size: 1.6363rem;
+}
+
+.txt-large {
+    //16pt
+    @include mainfont;
+    font-size: 1.4545rem;
+}
+
+.txt-norm {
+    //14pt
+    @include mainfont;
+    font-size: 1.2727rem;
+}
+
+.txt-small {
+    //12pt
+    @include mainfont;
+    font-size: 1.0909rem;
+}
+
+.txt-smallie {
+    //11pt
+    @include mainfont;
+    font-size: 1rem;
+}
+
+.txt-smaller {
+    //10pt
+    @include mainfont;
+    font-size: 0.9091rem;
+}
+
+.txt-smaller-offset {
+    margin-top: -0.136rem;
+}
+
+.txt-tiny {
+    @include mainfont;
+    font-size: 0.7273rem;
+}
+
+.txt-subtxt {
+    color: mix($onBackground, $background, 80%);
+}
+
+.txt-bold {
+    font-weight: 500;
+}
+
+.icon-material {
+    @include icon-material;
+}
+
+.separator {
+    border-radius: 50rem;
+    background-color: $onSurface;
+    margin: 0rem 0.682rem;
+    min-width: 0.545rem;
+    min-height: 0.545rem;
+}
+
+tooltip {
+    background-color: $surfaceVariant;
+    color: $onSurfaceVariant;
+    border-radius: 50rem;
+    border: 1px solid $onSurfaceVariant;
+}
+
+
+$overlay1: mix($onSurface, rgba(0, 0, 0, 0), 25%);
+$overlay2: mix($onSurface, rgba(0, 0, 0, 0), 40%);
+
+
+.spacing-v-15>box {
+    margin-bottom: 1.023rem;
+}
+
+.spacing-v-15>box:last-child {
+    margin-bottom: 0rem;
+}
+
+.spacing-v-15>scrolledwindow {
+    margin-bottom: 1.023rem;
+}
+
+.spacing-v-15>scrolledwindow:last-child {
+    margin-bottom: 0rem;
+}
+
+.spacing-v-15>revealer {
+    margin-bottom: 1.023rem;
+}
+
+.spacing-v-15>revealer:last-child {
+    margin-bottom: 0rem;
+}
+
+.spacing-v-15>label {
+    margin-bottom: 1.023rem;
+}
+
+.spacing-v-15>label:last-child {
+    margin-bottom: 0rem;
+}
+
+.spacing-h-15>box {
+    margin-right: 1.023rem;
+}
+
+.spacing-h-15>box:last-child {
+    margin-right: 0rem;
+}
+
+.spacing-h-15>label {
+    margin-right: 1.023rem;
+}
+
+.spacing-h-15>label:last-child {
+    margin-right: 0rem;
+}
+
+.spacing-h-15>button {
+    margin-right: 1.023rem;
+}
+
+.spacing-h-15>button:last-child {
+    margin-right: 0rem;
+}
+
+.spacing-v-5>box {
+    margin-bottom: 0.341rem;
+}
+
+.spacing-v-5>box:last-child {
+    margin-bottom: 0rem;
+}
+
+.spacing-v-5>label {
+    margin-bottom: 0.341rem;
+}
+
+.spacing-v-5>label:last-child {
+    margin-bottom: 0rem;
+}
+
+.spacing-v-5>button {
+    margin-bottom: 0.341rem;
+}
+
+.spacing-v-5>button:last-child {
+    margin-bottom: 0rem;
+}
+
+.spacing-h-5>box {
+    margin-right: 0.341rem;
+}
+
+.spacing-h-5>box:last-child {
+    margin-right: 0rem;
+}
+
+.spacing-h-5>label {
+    margin-right: 0.341rem;
+}
+
+.spacing-h-5>label:last-child {
+    margin-right: 0rem;
+}
+
+.spacing-h-5>widget>box {
+    margin-right: 0.341rem;
+}
+
+.spacing-h-5>widget:last-child>box {
+    margin-right: 0rem;
+}
+
+.spacing-v-minus5>box {
+    margin-bottom: -0.341rem;
+}
+
+.spacing-v-minus5>box:last-child {
+    margin-bottom: 0rem;
+}
+
+.spacing-v-minus5>label {
+    margin-bottom: -0.341rem;
+}
+
+.spacing-v-minus5>label:last-child {
+    margin-bottom: 0rem;
+}
+
+.spacing-h-10>box {
+    margin-right: 0.682rem;
+}
+
+.spacing-h-10>box:last-child {
+    margin-right: 0rem;
+}
+
+.spacing-h-10>label {
+    margin-right: 0.682rem;
+}
+
+.spacing-h-10>label:last-child {
+    margin-right: 0rem;
+}
+
+.spacing-h-10>widget {
+    margin-right: 0.682rem;
+}
+
+.spacing-h-10>widget:last-child {
+    margin-right: 0rem;
+}
+
+.anim-enter {
+    @include anim-enter;
+}
+
+.anim-exit {
+    @include anim-exit;
+}
\ No newline at end of file
diff --git a/m3ww/.config/eww/css/_material.scss b/m3ww/.config/eww/css/_material.scss
new file mode 100755
index 000000000..8cd6cb1f4
--- /dev/null
+++ b/m3ww/.config/eww/css/_material.scss
@@ -0,0 +1,28 @@
+$primary: #c8bfff;
+$onPrimary: #2d2176;
+$primaryContainer: #443a8e;
+$onPrimaryContainer: #e5deff;
+$secondary: #c8c3dc;
+$onSecondary: #302e41;
+$secondaryContainer: #474459;
+$onSecondaryContainer: #e5dff9;
+$tertiary: #ecb9cf;
+$onTertiary: #482537;
+$tertiaryContainer: #613b4d;
+$onTertiaryContainer: #ffd8e9;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1c1b1f;
+$background: #1c1b1f;
+$onBackground: #e5e1e6;
+$surface: #1c1b1f;
+$onSurface: #e5e1e6;
+$surfaceVariant: #47464f;
+$onSurfaceVariant: #c9c5d0;
+$outline: #928f9a;
+$shadow: #000000;
+$inverseSurface: #e5e1e6;
+$inverseOnSurface: #313033;
+$inversePrimary: #5c53a7;
diff --git a/m3ww/.config/eww/css/_notificationspopup.scss b/m3ww/.config/eww/css/_notificationspopup.scss
new file mode 100644
index 000000000..33715ae41
--- /dev/null
+++ b/m3ww/.config/eww/css/_notificationspopup.scss
@@ -0,0 +1,47 @@
+.popup-notif-common {
+    min-width: 34.091rem;
+    transition: 100ms;
+    padding: 1.023rem;
+}
+
+.popup-notif {
+    border-radius: 1.432rem;
+    margin-bottom: 0.682rem;
+}
+
+.popup-notif-top {
+    border-top-left-radius: 1.432rem;
+    border-top-right-radius: 1.432rem;
+}
+
+.popup-notif-middle {
+    // padding: 0rem 1.023rem 1.023rem 1.023rem;
+}
+
+.popup-notif-bottom {
+    border-bottom-left-radius: 1.432rem;
+    border-bottom-right-radius: 1.432rem;
+    // padding: 0rem 1.023rem 1.023rem 1.023rem;
+    margin-bottom: 0.682rem;
+}
+
+.popup-notif-urgent {
+    background-color: $error;
+    color: $onError;
+}
+
+.popup-notif-normal {
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+}
+
+.popup-notif-normal > box > label {
+    color: mix($onSecondaryContainer, $secondaryContainer, 80%);
+}
+
+.popup-notif-hint {
+    padding: 0.341rem 0.682rem;
+    border-radius: 1.023rem;
+    background-color: $surfaceVariant;
+    color: $onSurfaceVariant;
+}
\ No newline at end of file
diff --git a/m3ww/.config/eww/css/_powermenu.scss b/m3ww/.config/eww/css/_powermenu.scss
new file mode 100644
index 000000000..60ea15613
--- /dev/null
+++ b/m3ww/.config/eww/css/_powermenu.scss
@@ -0,0 +1,130 @@
+.powermenu-bg {
+    background-color: mix($background, rgba(0, 0, 0, 0), 25%);
+}
+
+.powermenu-btn-area {
+    padding: 1.364rem 3.409rem;
+}
+
+.powermenu-btn {
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+    border-radius: 1.432rem;
+    padding: 0.682rem;
+    min-width: 11.591rem;
+}
+
+.powermenu-btn:hover {
+    background-color: tint($secondaryContainer, 10%);
+    color: tint($onSecondaryContainer, 10%);
+}
+
+.powermenu-btn:active {
+    background-color: tint($secondaryContainer, 15%);
+    color: tint($onSecondaryContainer, 15%);
+}
+
+.powermenu-btn-active {
+    background-color: $primary;
+    color: $onPrimary;
+    border-radius: 1.432rem;
+    padding: 0.341rem;
+    padding: 0.682rem;
+    min-width: 11.591rem;
+}
+
+.powermenu-btn-active:hover {
+    background-color: tint($primary, 8%);
+    color: tint($onPrimary, 8%);
+}
+
+.powermenu-btn-active:active {
+    background-color: tint($primary, 20%);
+    color: tint($onPrimary, 20%);
+
+}
+
+.powermenu-btn-forceheight {
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+    border-radius: 1.432rem;
+    padding: 0.341rem;
+    min-width: 11.591rem;
+    min-height: 7.5rem;
+}
+
+.powermenu-btn-forceheight:hover {
+    background-color: tint($secondaryContainer, 10%);
+    color: tint($onSecondaryContainer, 10%);
+}
+
+.powermenu-btn-forceheight:active {
+    background-color: tint($secondaryContainer, 15%);
+    color: tint($onSecondaryContainer, 15%);
+}
+
+.powermenu-btn-forceheight-active {
+    background-color: $primary;
+    color: $onPrimary;
+    border-radius: 1.432rem;
+    padding: 0.341rem;
+    min-width: 11.591rem;
+    min-height: 7.5rem;
+}
+
+.powermenu-btn-forceheight-active:hover {
+    background-color: tint($primary, 8%);
+    color: tint($onPrimary, 8%);
+}
+
+.powermenu-btn-forceheight-active:active {
+    background-color: tint($primary, 20%);
+    color: tint($onPrimary, 20%);
+
+}
+
+.powermenu-time {
+    padding: 1.364rem 3.409rem;
+}
+
+.powermenu-keybind-min-width {
+    min-width: 6.818rem;
+}
+
+.powermenu-btn-bottom {
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+    border-radius: 1.432rem;
+    padding: 0.341rem;
+    min-width: 11.591rem;
+    min-height: 4.773rem;
+}
+
+.powermenu-btn-bottom:hover {
+    background-color: tint($secondaryContainer, 10%);
+    color: tint($onSecondaryContainer, 10%);
+}
+
+.powermenu-btn-bottom:active {
+    background-color: tint($secondaryContainer, 15%);
+    color: tint($onSecondaryContainer, 15%);
+}
+
+.powermenu-btn-number {
+    min-width: 1.705rem;
+    min-height: 1.705rem;
+    margin: 0.477rem;
+    padding: 0.136rem 0.273rem;
+    border-radius: 0.955rem;
+    background-color: mix($secondaryContainer, $surface, 70%);
+}
+
+.powermenu-icon {
+    min-width: 6.25rem;
+    min-height: 6.25rem;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: auto 100%;
+    font-size: 6.375rem;
+    color: $onBackground;
+}
\ No newline at end of file
diff --git a/m3ww/.config/eww/css/_powerview.scss b/m3ww/.config/eww/css/_powerview.scss
new file mode 100755
index 000000000..301281931
--- /dev/null
+++ b/m3ww/.config/eww/css/_powerview.scss
@@ -0,0 +1,136 @@
+@keyframes flyin-top {
+  from {
+    margin-top: -3.409rem;
+    margin-bottom: 3.409rem;
+  }
+
+  to {
+    margin-bottom: 0rem;
+    margin-top: 0rem;
+  }
+}
+
+.powerview-search-box-size {
+  min-width: 20.455rem;
+  min-height: 4.091rem;
+}
+
+.powerview-search-list-size {
+  min-width: 34.227rem;
+  min-height: 61rem;
+}
+
+.powerview-search-field {
+  margin: 0.273rem;
+  padding: 0rem 1.364rem;
+  border-radius: 50rem;
+  @include elevation2;
+}
+
+.powerview-search-txt {
+  @include mainfont;
+  padding: 0rem 1.023rem;
+
+  selection {
+    background-color: $secondary;
+    color: $onSecondary;
+  }
+}
+
+.powerview-search-txt:focus {
+  background-color: mix($background, $primaryContainer, 85%);
+}
+
+.powerview-search-prompt-txt {
+  @include mainfont;
+  color: $onSurfaceVariant;
+}
+
+.powerview-bg {
+  border-radius: 17px;
+  @include elevation2;
+}
+
+.powerview-ws {
+  border-radius: 13px;
+  background-color: rgba(80, 80, 80, 0.1);
+  margin: 0.273rem;
+}
+
+.powerview-ws-true {
+  background-color: $primary;
+}
+
+.powerview-ws-false {
+  color: transparent;
+}
+
+.powerview-ws-window {
+  border-radius: 13px;
+  background-color: mix($onSecondary, rgba(80, 80, 80, 0.3), 30%);
+}
+
+.powerview-ws-window-selected {
+  border-radius: 13px;
+  background-color: mix($secondaryContainer, rgba(80, 80, 80, 0.3), 30%);
+}
+
+.powerview-search-result {
+  @include mainfont;
+  border-radius: 22px;
+  font-size: 1.364rem;
+  min-height: 3.205rem;
+  min-width: 27.273rem;
+  padding: 0.136rem 0.818rem;
+  padding-left: 3.886rem;
+  margin: 0rem 0.341rem;
+
+  background-color: $background;
+  color: $onBackground;
+  background-size: 400% auto;
+  background-position: 40% 50%;
+
+  caret-color: $onSecondaryContainer;
+
+  selection {
+    background-color: transparent;
+  }
+}
+
+.powerview-search-result:focus {
+  color: $onPrimaryContainer;
+  // background-position: 65% 50%;
+  background-color: mix($background, $primaryContainer, 90%);
+
+  selection {
+    color: $onPrimaryContainer;
+    background-color: transparent;
+  }
+}
+
+.powerview-search-result:active {
+  color: $onPrimaryContainer;
+  // background-color: $secondaryContainer;
+  // background-position: 100% 50%;
+  background-color: mix($background, $primaryContainer, 90%);
+
+  selection {
+    color: $onPrimaryContainer;
+    background-color: transparent;
+  }
+}
+
+.overview-search-result-icon {
+  // background-color: $secondaryContainer;
+  border-radius: 18px;
+  min-height: 3.477rem;
+  min-width: 3.477rem;
+  margin: 0rem 0.341rem;
+}
+
+.powerview-info {
+  padding: 1.023rem;
+  border-radius: 22px;
+  min-width: 75rem;
+  @include elevation2;
+}
\ No newline at end of file
diff --git a/m3ww/.config/eww/css/_sidebar.scss b/m3ww/.config/eww/css/_sidebar.scss
new file mode 100644
index 000000000..36f5ccc73
--- /dev/null
+++ b/m3ww/.config/eww/css/_sidebar.scss
@@ -0,0 +1,634 @@
+.sidebar-window {
+    @include elevation2;
+    background-color: $background;
+    border-radius: 17px;
+    min-width: 34.091rem;
+    margin: 0.205rem;
+    padding: 1.023rem;
+}
+
+.sidebar-height {
+    min-height: 70.909rem;
+}
+
+.sidebar-bottom-height {
+    min-height: 69.545rem;
+}
+
+.sidebar-hide-left {
+    margin-left: -40rem;
+}
+
+.sidebar-hide-right {
+    margin-right: -40rem;
+}
+
+.sidebar-section-heading {
+    @include mainfont;
+    color: $onSurfaceVariant;
+}
+
+.sidebar-section {
+    background-color: mix($surface, $onSurface, 90%);
+    border-radius: 15px;
+    padding: 1.023rem;
+}
+
+.sidebar-notif-common {
+    transition: 100ms;
+    padding: 1.023rem;
+}
+
+.sidebar-notif {
+    border-radius: 1.432rem;
+    // padding: 1.023rem;
+    margin-bottom: 0.682rem;
+}
+
+.sidebar-notif-top {
+    border-top-left-radius: 1.432rem;
+    border-top-right-radius: 1.432rem;
+    // padding: 1.023rem;
+}
+
+.sidebar-notif-middle {
+    // padding: 0rem 1.023rem 1.023rem 1.023rem;
+}
+
+.sidebar-notif-bottom {
+    border-bottom-left-radius: 1.432rem;
+    border-bottom-right-radius: 1.432rem;
+    // padding: 0rem 1.023rem 1.023rem 1.023rem;
+    margin-bottom: 0.682rem;
+}
+
+.sidebar-notif-urgent {
+    background-color: $error;
+    color: $onError;
+}
+
+.sidebar-notif-normal {
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+}
+
+.sidebar-notif-normal>box>label {
+    color: mix($onSecondaryContainer, $secondaryContainer, 80%);
+}
+
+.sidebar-notif-heading {
+    color: $onSurface;
+    padding: 0.205rem 1.023rem;
+}
+
+.sidebar-notif-action {
+    box {
+        border-radius: 50rem;
+        color: $onSurface;
+        padding: 0.205rem 1.023rem;
+    }
+}
+
+.sidebar-notif-action:hover {
+    box {
+        background-color: mix($surfaceVariant, $onSurfaceVariant, 80%);
+    }
+}
+
+.sidebar-notif-action:active {
+    box {
+        background-color: mix($surfaceVariant, $onSurfaceVariant, 50%);
+    }
+}
+
+.sidebar-calendar-btn {
+    @include mainfont;
+    font-weight: 500;
+    min-height: 1.977rem;
+    min-width: 1.977rem;
+    margin: 0.068rem;
+    border-radius: 50rem;
+}
+
+.sidebar-calendar-txt {
+    @include mainfont;
+    border-radius: 50rem;
+    font-weight: 500;
+    min-height: 1.977rem;
+    min-width: 1.977rem;
+    margin: 0.205rem;
+}
+
+.day-1 {
+    background-color: transparent;
+    color: mix($onSurfaceVariant, $surfaceVariant, 38%);
+}
+
+.day0 {
+    background-color: transparent;
+    color: $onSurfaceVariant;
+}
+
+.day-1:hover {
+    background-color: rgba(75, 75, 75, 0.5);
+}
+
+.day0:hover {
+    background-color: rgba(75, 75, 75, 0.5);
+}
+
+.day-1:active {
+    background-color: rgba(125, 125, 125, 0.5);
+}
+
+.day0:active {
+    background-color: rgba(125, 125, 125, 0.5);
+}
+
+.day1 {
+    background-color: $primary;
+    color: $onPrimary;
+}
+
+.day1:hover {
+    background-color: mix($primary, $onBackground, 70%);
+}
+
+.day1:active {
+    background-color: mix($primary, $onBackground, 50%);
+}
+
+.sidebar-todo-item {
+    margin: 0.341rem 0.341rem;
+    color: $onSurfaceVariant;
+}
+
+.sidebar-todo-btn {
+    min-width: 1.909rem;
+    min-height: 1.909rem;
+    border-radius: 50rem;
+}
+
+.sidebar-todo-btn:hover {
+    color: $onSurface;
+    background-color: $surface;
+}
+
+.sidebar-todo-btn:active {
+    color: $onPrimary;
+    background-color: $primary;
+}
+
+.sidebar-toggle {
+    box {
+        background-color: $surfaceVariant;
+        color: $onSurfaceVariant;
+        border-radius: 1.432rem;
+        padding: 1.159rem;
+    }
+}
+
+.sidebar-toggle:hover {
+    box {
+        background-color: tint($surfaceVariant, 10%);
+        color: tint($onSurfaceVariant, 10%);
+    }
+}
+
+.sidebar-toggle:active {
+    sidebar {
+        background-color: tint($surfaceVariant, 15%);
+        color: tint($onSurfaceVariant, 15%);
+    }
+}
+
+.sidebar-toggle-active {
+    box {
+        background-color: $primary;
+        color: $onPrimary;
+        border-radius: 1.432rem;
+        padding: 1.159rem;
+    }
+}
+
+.sidebar-toggle-active:hover {
+    box {
+        background-color: tint($primary, 8%);
+        color: tint($onPrimary, 8%);
+    }
+}
+
+.sidebar-toggle-active:active {
+    box {
+        background-color: tint($primary, 20%);
+        color: tint($onPrimary, 20%);
+    }
+}
+
+.sidebar-action {
+    background-color: $background;
+    color: $onBackground;
+    border-radius: 1.432rem;
+    padding: 0.341rem;
+}
+
+.sidebar-action:hover {
+    background-color: tint($background, 10%);
+    color: tint($onBackground, 10%);
+}
+
+.sidebar-action:active {
+    background-color: tint($background, 15%);
+    color: tint($onBackground, 15%);
+}
+
+$bgdetail: $onSecondary;
+$bgdetail2: $onTertiary;
+
+.sidebar-music-thumbnail {
+    min-height: 13.636rem;
+    border-radius: 1.432rem;
+    background-color: transparent;
+}
+
+.sidebar-music-thumbnail-fallback {
+    min-height: 13.636rem;
+    border-radius: 1.432rem;
+    background-repeat: no-repeat;
+
+    background-color: shade($onSecondary, 50%);
+    background-image:
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+
+        radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0) 24%, $bgdetail 24%, $bgdetail 24%, $bgdetail 27%, $bgdetail 27%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0) 27%),
+        radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0) 24%, $bgdetail 26%, $bgdetail 26%, $bgdetail 27%, $bgdetail 27%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0) 27%),
+        radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0) 24%, $bgdetail 25%, $bgdetail 25%, $bgdetail 27%, $bgdetail 27%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0) 27%),
+
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 38%, $bgdetail 38%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 38%, $bgdetail 38%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 38%, $bgdetail 38%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 38%, $bgdetail 38%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+
+        linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
+    ;
+    background-size:
+        0.9rem 2.045rem, 0.9rem 2.045rem, 0.9rem 2.045rem, 0.9rem 2.045rem,
+        0.9rem 2.045rem, 0.9rem 2.045rem, 0.9rem 2.045rem, 0.9rem 2.045rem,
+        0.9rem 2.045rem, 0.9rem 2.045rem, 0.9rem 2.045rem,
+
+        0.9rem 2.045rem, 0.9rem 2.045rem, 0.9rem 2.045rem, 0.9rem 2.045rem,
+        0.9rem 2.045rem, 0.9rem 2.045rem, 0.9rem 2.045rem, 0.9rem 2.045rem,
+        0.9rem 2.045rem, 0.9rem 2.045rem, 0.9rem 2.045rem, 0.9rem 2.045rem,
+
+        4.091rem 4.091rem, 8.182rem 8.182rem, 6.136rem 6.136rem,
+
+        1.364rem 2.727rem, 1.364rem 2.727rem, 2.727rem 5.455rem, 2.727rem 5.455rem,
+        2.727rem 5.455rem, 2.727rem 5.455rem,
+
+        100% 100%,
+    ;
+    background-position:
+        0rem 6.818rem, 0.9rem 6.818rem, 2.045rem 6.818rem, 3.068rem 6.818rem,
+        4.091rem 6.818rem, 5.114rem 6.818rem, 6.136rem 6.818rem, 7.159rem 6.818rem,
+        8.182rem 6.818rem, 9.205rem 6.818rem, 10.227rem 6.818rem,
+
+        37.5rem 2.727rem, 36.477rem 2.727rem, 35.455rem 2.727rem, 34.432rem 2.727rem,
+        33.409rem 2.727rem, 32.386rem 2.727rem, 31.364rem 2.727rem, 30.341rem 2.727rem,
+        29.318rem 2.727rem, 28.295rem 2.727rem, 27.273rem 2.727rem, 26.25rem 2.727rem,
+
+        20.455rem 4.091rem, 11.25rem 9.205rem, 12.273rem 0.341rem,
+
+        24.545rem 12.955rem, 25.909rem 12.955rem, 23.182rem 11.591rem, 25.909rem 11.591rem,
+        2.727rem -0.682rem, 5.455rem -0.682rem,
+
+        top,
+    ;
+}
+
+.sidebar-music-vignette {
+    min-height: 13.636rem;
+    border-radius: 1.432rem;
+    background-color: mix($surface, rgba(0, 0, 0, 0), 50%);
+}
+
+.sidebar-music-toprow {
+    padding: 0rem 0.5115rem;
+}
+
+.sidebar-music-source {
+    @include icon-nerd;
+    margin: 0rem 1.3rem;
+    color: $onPrimaryContainer;
+}
+
+.sidebar-music-output {
+    @include mainfont;
+    border-radius: 1.432rem;
+    margin: 1.023rem 0.5115rem;
+    padding: 0.341rem 1.023rem;
+    color: $onSurfaceVariant;
+    background-color: $surfaceVariant;
+}
+
+.sidebar-music-output:hover {
+    background-color: mix($surfaceVariant, $onBackground, 70%);
+    color: mix($onSurfaceVariant, $onBackground, 70%);
+}
+
+.sidebar-music-output:active {
+    background-color: mix($surfaceVariant, $onBackground, 50%);
+    color: mix($onSurfaceVariant, $onBackground, 50%);
+}
+
+.sidebar-music-title-scroll {
+    margin: 0.9rem;
+}
+
+.sidebar-music-title {
+    @include mainfont;
+    color: $onPrimaryContainer;
+}
+
+.sidebar-music-artist {
+    @include mainfont;
+    color: $onPrimaryContainer;
+}
+
+.sidebar-music-playbtn {
+    box {
+        min-width: 4.091rem;
+        min-height: 4.091rem;
+        margin: 1.023rem;
+        @include icon-material;
+        border-radius: 1.3rem;
+        color: $inverseOnSurface;
+        background-color: $primary;
+    }
+}
+
+.sidebar-music-trackbtn {
+    box {
+        @include icon-material;
+        margin: 1.023rem;
+        border-radius: 1.432rem;
+        min-width: 2.386rem;
+        min-height: 2.386rem;
+        color: $onPrimaryContainer;
+    }
+}
+
+.sidebar-music-trackbtn:hover {
+    box {
+        background-color: $overlay1;
+    }
+}
+
+.sidebar-music-trackbtn:active {
+    box {
+        background-color: $overlay2;
+    }
+}
+
+.sidebar-music-progress {
+    min-height: 0.19rem;
+    min-width: 4.091rem;
+    border-radius: 50rem;
+    background-color: $surface;
+}
+
+.sidebar-music-progress-btn {
+    margin-top: -0.3rem;
+    color: $onPrimaryContainer;
+}
+
+.sidebar-music-slider {
+    border-radius: 50rem;
+    margin: 1.3rem;
+    transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+
+    trough {
+        min-height: 0.19rem;
+        min-width: 4.091rem;
+        border-radius: 50rem;
+        background-color: $surface;
+    }
+
+    highlight {
+        min-width: 0.19rem;
+        border-radius: 50rem;
+        background-color: shade($onBackground, 20%);
+        transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+    }
+
+    slider {
+        min-width: 0.341rem;
+        margin: -0.5rem;
+        border-radius: 50rem;
+        background-color: shade($onBackground, 20%);
+    }
+}
+
+.sidebar-divider {
+    background-color: $onSurfaceVariant;
+}
+
+.sidebar-waifu-scrollbg {
+    min-height: 37.5rem;
+}
+
+.sidebar-waifu-tag {
+    @include mainfont;
+    border-radius: 0.682rem;
+    padding: 0.273rem 0.477rem;
+    margin: 0rem 0.136rem;
+    min-height: 1.364rem;
+    background-color: $secondaryContainer;
+}
+
+.sidebar-waifu-tag:hover {
+    background-color: mix($secondaryContainer, $onSurface, 90%);
+}
+
+.sidebar-waifu-tag:active {
+    background-color: mix($secondaryContainer, $onSurface, 80%);
+}
+
+.sidebar-waifu-pic {
+    transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);
+    background-color: transparent;
+    border-radius: 1.432rem;
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-size: 100% auto;
+}
+
+.sidebar-waifu-pic-bg {
+    background-color: white;
+    border-radius: 1.5rem;
+}
+
+.sidebar-waifu-pic-cover {
+    background-color: $background;
+    border-radius: 1.364rem;
+    border: 1px solid $onBackground;
+}
+
+.sidebar-waifu-actionbtn {
+    box {
+        border-radius: 50rem;
+        background-color: $primary;
+        color: $onPrimary;
+        padding: 0.341rem 1.023rem;
+    }
+}
+
+.sidebar-waifu-actionbtn:hover {
+    box {
+        background-color: mix($primary, $onSurface, 80%);
+    }
+}
+
+.sidebar-waifu-actionbtn:active {
+    box {
+        background-color: mix($primary, $onSurface, 50%);
+    }
+}
+
+.sidebar-waifu-status {
+    background-color: $onBackground;
+    color: $background;
+    border-bottom-left-radius: 1.295rem;
+    border-bottom-right-radius: 1.295rem;
+    border: 1px solid $background;
+    padding: 0.341rem;
+    margin-top: 1.023rem;
+}
+
+.sidebar-quote {
+    background-color: $surfaceVariant;
+    color: $onSurfaceVariant;
+    border-radius: 1.432rem;
+    padding: 1.023rem;
+}
+
+.sidebar-prog-resource {
+    min-height: 0.955rem;
+    min-width: 5rem;
+    border-radius: 10rem;
+
+    trough {
+        min-height: 0.954rem;
+        min-width: 0.068rem;
+        border-radius: 10rem;
+        background-color: $surfaceVariant;
+    }
+
+    progress {
+        min-height: 0.680rem;
+        min-width: 0.680rem;
+        margin: 0rem 0.137rem;
+        border-radius: 10rem;
+        background-color: $onSurfaceVariant;
+    }
+}
+
+.sidebar-resource-value {
+    padding: 0rem 0.545rem;
+    min-height: 0.954rem;
+    border-radius: 10rem;
+    color: $onSurfaceVariant;
+    background-color: $surfaceVariant;
+}
+
+.sidebar-resource-value>label:first-child {
+    margin-right: 0.341rem;
+}
+
+.sidebar-resource-value>progressbar:last-child {
+    margin-left: 0.341rem;
+}
+
+.sidebar-resource-value>box:last-child {
+    margin-left: 0.341rem;
+}
+
+.sidebar-mixer-header {
+    // padding: 1.023rem;
+}
+
+.sidebar-mixer-header-btn {
+    box {
+        border-radius: 1.432rem;
+        min-width: 2.386rem;
+        min-height: 2.386rem;
+    }
+}
+
+.sidebar-mixer-header-btn:hover {
+    box {
+        background-color: mix($surfaceVariant, $onSurface, 80%);
+    }
+}
+
+.sidebar-mixer-app {
+    background-color: $secondaryContainer;
+    border-radius: 1.432rem;
+    padding: 1.023rem;
+    margin-bottom: 0rem;
+    padding-bottom: 0.341rem;
+}
+
+.sidebar-mixer-app-icon {
+    background-color: $secondaryContainer;
+    border-radius: 0.886rem;
+    min-height: 3.409rem;
+    min-width: 3.409rem;
+}
+
+.sidebar-mixer-app-serial {
+    background-color: $secondaryContainer;
+    border-radius: 0.886rem;
+    min-height: 3.409rem;
+    margin-bottom: 1.023rem;
+}
+
+.sidebar-mixer-app-num {
+    margin: 0rem 0.682rem;
+    color: $onSecondaryContainer;
+}
+
+.sidebar-mixer-app-incircle {
+    font-size: 11pt;
+    margin: 0px 5px;
+    color: $onSecondaryContainer;
+}
+
+.sidebar-mixer-app-circle {
+    color: $onSecondaryContainer;
+    background-color: $secondaryContainer;
+}
\ No newline at end of file
diff --git a/m3ww/.config/eww/css/_visualizer.scss b/m3ww/.config/eww/css/_visualizer.scss
new file mode 100644
index 000000000..4acc5419c
--- /dev/null
+++ b/m3ww/.config/eww/css/_visualizer.scss
@@ -0,0 +1,22 @@
+.visualizer-bg {
+    background-color: $background;
+}
+
+.visualizer-height {
+    min-height: 6.818rem;
+}
+
+.visualizer-hide {
+    margin-bottom: -6.9rem;
+}
+
+.visualizer-columns {
+    padding: 0rem 1.5rem;
+}
+
+.visualizer-cavacol {
+    background-color: $primary;
+    border-top-left-radius: 10rem;
+    border-top-right-radius: 10rem;
+    margin: 0rem 0.5rem;
+}
\ No newline at end of file
diff --git a/m3ww/.config/eww/css/savedcolors/_colorscheme_artofquartz.scss b/m3ww/.config/eww/css/savedcolors/_colorscheme_artofquartz.scss
new file mode 100644
index 000000000..1dec9e39f
--- /dev/null
+++ b/m3ww/.config/eww/css/savedcolors/_colorscheme_artofquartz.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/oyuWZ34Aq3o/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBttb3MeiJoN9dSbvemylicQFwceQ
+$colorbarbg: #010106;
+$colorbg: rgba(1,1,6,0.75);
+$colortext: #e4dfea;
+$color0: #380C86;
+$color1: #502198;
+$color2: #6B5298;
+$color3: #753AC4;
+$color4: #9167C4;
+$color5: #A99CBF;
+$color6: #e4dfea;
+$color7: #753AC4;
diff --git a/m3ww/.config/eww/css/savedcolors/_colorscheme_enjoythistime.scss b/m3ww/.config/eww/css/savedcolors/_colorscheme_enjoythistime.scss
new file mode 100644
index 000000000..b6f7d5da5
--- /dev/null
+++ b/m3ww/.config/eww/css/savedcolors/_colorscheme_enjoythistime.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/g4ssHIwZDGk/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLB26FOCk7yVlaawtjcyH1xE9-ZkxA
+$colorbarbg: #161718;
+$colorbg: rgba(22,23,24,0.75);
+$colortext: #dad9d2;
+$color0: #996B8D;
+$color1: #2C8CB0;
+$color2: #69919F;
+$color3: #9AA19B;
+$color4: #B0B5AD;
+$color5: #BFB9B0;
+$color6: #dad9d2;
+$color7: #9AA19B;
diff --git a/m3ww/.config/eww/css/savedcolors/_colorscheme_green.scss b/m3ww/.config/eww/css/savedcolors/_colorscheme_green.scss
new file mode 100644
index 000000000..6cba101d2
--- /dev/null
+++ b/m3ww/.config/eww/css/savedcolors/_colorscheme_green.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: [Local wallpaper]
+$colorbarbg: #010101;
+$colorbg: rgba(1,1,1,0.75);
+$colortext: #d8dac7;
+$color0: #5E5A52;
+$color1: #8D7253;
+$color2: #6B9055;
+$color3: #9B9A61;
+$color4: #CECD4E;
+$color5: #6E8F99;
+$color6: #d8dac7;
+$color7: #9B9A61;
diff --git a/m3ww/.config/eww/css/savedcolors/_colorscheme_magenta.scss b/m3ww/.config/eww/css/savedcolors/_colorscheme_magenta.scss
new file mode 100644
index 000000000..4934692d3
--- /dev/null
+++ b/m3ww/.config/eww/css/savedcolors/_colorscheme_magenta.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: [Local wallpaper]
+$colorbarbg: #1c1939;
+$colorbg: rgba(28,25,57,0.75);
+$colortext: #e7e9ec;
+$color0: #BA62BC;
+$color1: #7092DB;
+$color2: #E19FA1;
+$color3: #C2ADC5;
+$color4: #A9CEEB;
+$color5: #AAE8FC;
+$color6: #e7e9ec;
+$color7: #C2ADC5;
diff --git a/m3ww/.config/eww/css/savedcolors/_colorscheme_purple.scss b/m3ww/.config/eww/css/savedcolors/_colorscheme_purple.scss
new file mode 100644
index 000000000..f94bd5105
--- /dev/null
+++ b/m3ww/.config/eww/css/savedcolors/_colorscheme_purple.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: [Local wallpaper]
+$colorbarbg: #070318;
+$colorbg: rgba(7,3,24,0.75);
+$colortext: #e5e1f2;
+$color0: #B355CF;
+$color1: #956CE5;
+$color2: #6C9AEA;
+$color3: #A39AEF;
+$color4: #D5A7EF;
+$color5: #AAD0F1;
+$color6: #e5e1f2;
+$color7: #A39AEF;
diff --git a/m3ww/.config/eww/css/savedcolors/_colorscheme_reimugreen.scss b/m3ww/.config/eww/css/savedcolors/_colorscheme_reimugreen.scss
new file mode 100644
index 000000000..3bd468a0e
--- /dev/null
+++ b/m3ww/.config/eww/css/savedcolors/_colorscheme_reimugreen.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: [Local wallpaper]
+$colorbarbg: #11130f;
+$colorbg: rgba(17,19,15,0.75);
+$colortext: #acb5bf;
+$color0: #6B6454;
+$color1: #98472F;
+$color2: #8C6E5D;
+$color3: #8B8568;
+$color4: #AC8B73;
+$color5: #CA926E;
+$color6: #acb5bf;
+$color7: #8B8568;
diff --git a/m3ww/.config/eww/css/savedcolors/_iconcolor_artofquartz.txt b/m3ww/.config/eww/css/savedcolors/_iconcolor_artofquartz.txt
new file mode 100755
index 000000000..b4f07c876
--- /dev/null
+++ b/m3ww/.config/eww/css/savedcolors/_iconcolor_artofquartz.txt
@@ -0,0 +1,28 @@
+{
+    "wallpaper": "/home/end/.config/eww/eww_covers/cover_art",
+    "alpha": "100",
+
+    "special": {
+        "background": "#010106",
+        "foreground": "#e4dfea",
+        "cursor": "#e4dfea"
+    },
+    "colors": {
+        "color0": "#010106",
+        "color1": "#380C86",
+        "color2": "#502198",
+        "color3": "#6B5298",
+        "color4": "#753AC4",
+        "color5": "#9167C4",
+        "color6": "#A99CBF",
+        "color7": "#e4dfea",
+        "color8": "#9f9ca3",
+        "color9": "#380C86",
+        "color10": "#502198",
+        "color11": "#6B5298",
+        "color12": "#753AC4",
+        "color13": "#9167C4",
+        "color14": "#A99CBF",
+        "color15": "#e4dfea"
+    }
+}
diff --git a/m3ww/.config/eww/css/savedcolors/_iconcolor_enjoythistime.txt b/m3ww/.config/eww/css/savedcolors/_iconcolor_enjoythistime.txt
new file mode 100755
index 000000000..6cf486ab2
--- /dev/null
+++ b/m3ww/.config/eww/css/savedcolors/_iconcolor_enjoythistime.txt
@@ -0,0 +1,28 @@
+{
+    "wallpaper": "/home/end/.config/eww/eww_covers/cover_art",
+    "alpha": "100",
+
+    "special": {
+        "background": "#161718",
+        "foreground": "#dad9d2",
+        "cursor": "#dad9d2"
+    },
+    "colors": {
+        "color0": "#161718",
+        "color1": "#996B8D",
+        "color2": "#2C8CB0",
+        "color3": "#69919F",
+        "color4": "#9AA19B",
+        "color5": "#B0B5AD",
+        "color6": "#BFB9B0",
+        "color7": "#dad9d2",
+        "color8": "#989793",
+        "color9": "#996B8D",
+        "color10": "#2C8CB0",
+        "color11": "#69919F",
+        "color12": "#9AA19B",
+        "color13": "#B0B5AD",
+        "color14": "#BFB9B0",
+        "color15": "#dad9d2"
+    }
+}
diff --git a/m3ww/.config/eww/css/savedcolors/_iconcolor_green.txt b/m3ww/.config/eww/css/savedcolors/_iconcolor_green.txt
new file mode 100755
index 000000000..17218a98f
--- /dev/null
+++ b/m3ww/.config/eww/css/savedcolors/_iconcolor_green.txt
@@ -0,0 +1,28 @@
+{
+    "wallpaper": "/home/end/.config/eww/images/wallpaper",
+    "alpha": "100",
+
+    "special": {
+        "background": "#010101",
+        "foreground": "#d8dac7",
+        "cursor": "#d8dac7"
+    },
+    "colors": {
+        "color0": "#010101",
+        "color1": "#5E5A52",
+        "color2": "#8D7253",
+        "color3": "#6B9055",
+        "color4": "#9B9A61",
+        "color5": "#CECD4E",
+        "color6": "#6E8F99",
+        "color7": "#d8dac7",
+        "color8": "#97988b",
+        "color9": "#5E5A52",
+        "color10": "#8D7253",
+        "color11": "#6B9055",
+        "color12": "#9B9A61",
+        "color13": "#CECD4E",
+        "color14": "#6E8F99",
+        "color15": "#d8dac7"
+    }
+}
diff --git a/m3ww/.config/eww/css/savedcolors/_iconcolor_magenta.txt b/m3ww/.config/eww/css/savedcolors/_iconcolor_magenta.txt
new file mode 100755
index 000000000..8f8135a5f
--- /dev/null
+++ b/m3ww/.config/eww/css/savedcolors/_iconcolor_magenta.txt
@@ -0,0 +1,28 @@
+{
+    "wallpaper": "/home/end/.config/eww/images/wallpaper",
+    "alpha": "100",
+
+    "special": {
+        "background": "#1c1939",
+        "foreground": "#e7e9ec",
+        "cursor": "#e7e9ec"
+    },
+    "colors": {
+        "color0": "#1c1939",
+        "color1": "#BA62BC",
+        "color2": "#7092DB",
+        "color3": "#E19FA1",
+        "color4": "#C2ADC5",
+        "color5": "#A9CEEB",
+        "color6": "#AAE8FC",
+        "color7": "#e7e9ec",
+        "color8": "#a1a3a5",
+        "color9": "#BA62BC",
+        "color10": "#7092DB",
+        "color11": "#E19FA1",
+        "color12": "#C2ADC5",
+        "color13": "#A9CEEB",
+        "color14": "#AAE8FC",
+        "color15": "#e7e9ec"
+    }
+}
diff --git a/m3ww/.config/eww/css/savedcolors/_iconcolor_purple.txt b/m3ww/.config/eww/css/savedcolors/_iconcolor_purple.txt
new file mode 100755
index 000000000..535d81c3a
--- /dev/null
+++ b/m3ww/.config/eww/css/savedcolors/_iconcolor_purple.txt
@@ -0,0 +1,28 @@
+{
+    "wallpaper": "/home/end/.config/eww/images/wallpaper",
+    "alpha": "100",
+
+    "special": {
+        "background": "#070318",
+        "foreground": "#e5e1f2",
+        "cursor": "#e5e1f2"
+    },
+    "colors": {
+        "color0": "#070318",
+        "color1": "#B355CF",
+        "color2": "#956CE5",
+        "color3": "#6C9AEA",
+        "color4": "#A39AEF",
+        "color5": "#D5A7EF",
+        "color6": "#AAD0F1",
+        "color7": "#e5e1f2",
+        "color8": "#a09da9",
+        "color9": "#B355CF",
+        "color10": "#956CE5",
+        "color11": "#6C9AEA",
+        "color12": "#A39AEF",
+        "color13": "#D5A7EF",
+        "color14": "#AAD0F1",
+        "color15": "#e5e1f2"
+    }
+}
diff --git a/m3ww/.config/eww/css/savedcolors/_iconcolor_reimugreen.txt b/m3ww/.config/eww/css/savedcolors/_iconcolor_reimugreen.txt
new file mode 100755
index 000000000..64d1cb75e
--- /dev/null
+++ b/m3ww/.config/eww/css/savedcolors/_iconcolor_reimugreen.txt
@@ -0,0 +1,28 @@
+{
+    "wallpaper": "/home/end/.config/eww/images/wallpaper",
+    "alpha": "100",
+
+    "special": {
+        "background": "#11130f",
+        "foreground": "#acb5bf",
+        "cursor": "#acb5bf"
+    },
+    "colors": {
+        "color0": "#11130f",
+        "color1": "#6B6454",
+        "color2": "#98472F",
+        "color3": "#8C6E5D",
+        "color4": "#8B8568",
+        "color5": "#AC8B73",
+        "color6": "#CA926E",
+        "color7": "#acb5bf",
+        "color8": "#787e85",
+        "color9": "#6B6454",
+        "color10": "#98472F",
+        "color11": "#8C6E5D",
+        "color12": "#8B8568",
+        "color13": "#AC8B73",
+        "color14": "#CA926E",
+        "color15": "#acb5bf"
+    }
+}
diff --git a/m3ww/.config/eww/css/savedcolors/_material_artofquartz.scss b/m3ww/.config/eww/css/savedcolors/_material_artofquartz.scss
new file mode 100755
index 000000000..46c1c492d
--- /dev/null
+++ b/m3ww/.config/eww/css/savedcolors/_material_artofquartz.scss
@@ -0,0 +1,28 @@
+$primary: #d8b9ff;
+$onPrimary: #430089;
+$primaryContainer: #5e1cad;
+$onPrimaryContainer: #eedbff;
+$secondary: #cfc2db;
+$onSecondary: #352d40;
+$secondaryContainer: #4c4357;
+$onSecondaryContainer: #ebdef7;
+$tertiary: #f2b7c2;
+$onTertiary: #4b252e;
+$tertiaryContainer: #653b44;
+$onTertiaryContainer: #ffd9e0;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1d1b1e;
+$background: #1d1b1e;
+$onBackground: #e7e1e6;
+$surface: #1d1b1e;
+$onSurface: #e7e1e6;
+$surfaceVariant: #4a454e;
+$onSurfaceVariant: #cbc4ce;
+$outline: #958e99;
+$shadow: #000000;
+$inverseSurface: #e7e1e6;
+$inverseOnSurface: #323033;
+$inversePrimary: #773cc6;
diff --git a/m3ww/.config/eww/css/savedcolors/_material_enjoythistime.scss b/m3ww/.config/eww/css/savedcolors/_material_enjoythistime.scss
new file mode 100755
index 000000000..f713d9bdc
--- /dev/null
+++ b/m3ww/.config/eww/css/savedcolors/_material_enjoythistime.scss
@@ -0,0 +1,28 @@
+$primary: #6fdaa8;
+$onPrimary: #003823;
+$primaryContainer: #005235;
+$onPrimaryContainer: #8cf7c3;
+$secondary: #b3ccbc;
+$onSecondary: #20352a;
+$secondaryContainer: #364b3f;
+$onSecondaryContainer: #d0e8d8;
+$tertiary: #a5cdde;
+$onTertiary: #063543;
+$tertiaryContainer: #244c5a;
+$onTertiaryContainer: #c0e9fb;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1a;
+$background: #191c1a;
+$onBackground: #e1e3df;
+$surface: #191c1a;
+$onSurface: #e1e3df;
+$surfaceVariant: #404943;
+$onSurfaceVariant: #bfc9c1;
+$outline: #8a938c;
+$shadow: #000000;
+$inverseSurface: #e1e3df;
+$inverseOnSurface: #2d312e;
+$inversePrimary: #006c47;
diff --git a/m3ww/.config/eww/css/savedcolors/_material_green.scss b/m3ww/.config/eww/css/savedcolors/_material_green.scss
new file mode 100755
index 000000000..14d72f622
--- /dev/null
+++ b/m3ww/.config/eww/css/savedcolors/_material_green.scss
@@ -0,0 +1,28 @@
+$primary: #cdcc57;
+$onPrimary: #333200;
+$primaryContainer: #4a4900;
+$onPrimaryContainer: #e9e86f;
+$secondary: #cac8a4;
+$onSecondary: #323218;
+$secondaryContainer: #49482d;
+$onSecondaryContainer: #e7e4bf;
+$tertiary: #a5d0bd;
+$onTertiary: #0a3729;
+$tertiaryContainer: #254e3f;
+$onTertiaryContainer: #c0ecd8;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1c1c16;
+$background: #1c1c16;
+$onBackground: #e6e2da;
+$surface: #1c1c16;
+$onSurface: #e6e2da;
+$surfaceVariant: #48473a;
+$onSurfaceVariant: #cac7b6;
+$outline: #939182;
+$shadow: #000000;
+$inverseSurface: #e6e2da;
+$inverseOnSurface: #31302b;
+$inversePrimary: #626200;
diff --git a/m3ww/.config/eww/css/savedcolors/_material_magenta.scss b/m3ww/.config/eww/css/savedcolors/_material_magenta.scss
new file mode 100755
index 000000000..acdcdcb42
--- /dev/null
+++ b/m3ww/.config/eww/css/savedcolors/_material_magenta.scss
@@ -0,0 +1,28 @@
+$primary: #eeb0ff;
+$onPrimary: #4c1662;
+$primaryContainer: #65307a;
+$onPrimaryContainer: #fad7ff;
+$secondary: #d5c0d7;
+$onSecondary: #392c3d;
+$secondaryContainer: #514255;
+$onSecondaryContainer: #f2dcf4;
+$tertiary: #f5b7b4;
+$onTertiary: #4d2524;
+$tertiaryContainer: #663b39;
+$onTertiaryContainer: #ffdad7;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1e1a1e;
+$background: #1e1a1e;
+$onBackground: #e8e0e5;
+$surface: #1e1a1e;
+$onSurface: #e8e0e5;
+$surfaceVariant: #4c444d;
+$onSurfaceVariant: #cec3cd;
+$outline: #988e98;
+$shadow: #000000;
+$inverseSurface: #e8e0e5;
+$inverseOnSurface: #332f33;
+$inversePrimary: #7e4893;
diff --git a/m3ww/.config/eww/css/savedcolors/_material_purple.scss b/m3ww/.config/eww/css/savedcolors/_material_purple.scss
new file mode 100755
index 000000000..8cd6cb1f4
--- /dev/null
+++ b/m3ww/.config/eww/css/savedcolors/_material_purple.scss
@@ -0,0 +1,28 @@
+$primary: #c8bfff;
+$onPrimary: #2d2176;
+$primaryContainer: #443a8e;
+$onPrimaryContainer: #e5deff;
+$secondary: #c8c3dc;
+$onSecondary: #302e41;
+$secondaryContainer: #474459;
+$onSecondaryContainer: #e5dff9;
+$tertiary: #ecb9cf;
+$onTertiary: #482537;
+$tertiaryContainer: #613b4d;
+$onTertiaryContainer: #ffd8e9;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1c1b1f;
+$background: #1c1b1f;
+$onBackground: #e5e1e6;
+$surface: #1c1b1f;
+$onSurface: #e5e1e6;
+$surfaceVariant: #47464f;
+$onSurfaceVariant: #c9c5d0;
+$outline: #928f9a;
+$shadow: #000000;
+$inverseSurface: #e5e1e6;
+$inverseOnSurface: #313033;
+$inversePrimary: #5c53a7;
diff --git a/m3ww/.config/eww/css/savedcolors/_material_reimugreen.scss b/m3ww/.config/eww/css/savedcolors/_material_reimugreen.scss
new file mode 100755
index 000000000..d77ac2c1c
--- /dev/null
+++ b/m3ww/.config/eww/css/savedcolors/_material_reimugreen.scss
@@ -0,0 +1,28 @@
+$primary: #dac84e;
+$onPrimary: #383000;
+$primaryContainer: #514700;
+$onPrimaryContainer: #f7e467;
+$secondary: #cfc7a2;
+$onSecondary: #353117;
+$secondaryContainer: #4c472b;
+$onSecondaryContainer: #ece3bd;
+$tertiary: #a7d0b6;
+$onTertiary: #123725;
+$tertiaryContainer: #294e3a;
+$onTertiaryContainer: #c2ecd1;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1d1c16;
+$background: #1d1c16;
+$onBackground: #e7e2d9;
+$surface: #1d1c16;
+$onSurface: #e7e2d9;
+$surfaceVariant: #4a473a;
+$onSurfaceVariant: #ccc6b5;
+$outline: #969181;
+$shadow: #000000;
+$inverseSurface: #e7e2d9;
+$inverseOnSurface: #32302a;
+$inversePrimary: #6b5e00;
diff --git a/m3ww/.config/eww/eww.scss b/m3ww/.config/eww/eww.scss
new file mode 100644
index 000000000..5788ad91a
--- /dev/null
+++ b/m3ww/.config/eww/eww.scss
@@ -0,0 +1,16 @@
+* {
+    all: unset;
+}
+// Include colors
+@import 'css/material';
+// Include lib
+@import 'css/lib';
+
+// Windows
+@import 'css/bar';
+@import 'css/cheatsheet';
+@import 'css/notificationspopup';
+@import 'css/powermenu';
+@import 'css/powerview';
+@import 'css/sidebar';
+@import 'css/visualizer';
\ No newline at end of file
diff --git a/m3ww/.config/eww/eww.yuck b/m3ww/.config/eww/eww.yuck
new file mode 100644
index 000000000..f235252c6
--- /dev/null
+++ b/m3ww/.config/eww/eww.yuck
@@ -0,0 +1,99 @@
+; Variables
+(include "./variables.yuck")
+; Library for commonly used stuff
+(include "./lib.yuck")
+; Bar modules
+(include "./modules/dynamiccenter.yuck")
+(include "./modules/dynamicright.yuck")
+(include "./modules/leftspace.yuck")
+(include "./modules/music.yuck")
+(include "./modules/notifications.yuck")
+(include "./modules/osd.yuck")
+(include "./modules/status.yuck")
+(include "./modules/system.yuck")
+(include "./modules/taskbar.yuck")
+(include "./modules/workspaces.yuck")
+; Other widgets
+(include "./windows/bgdecor.yuck")
+(include "./windows/cheatsheet.yuck")
+(include "./windows/notificationspopup.yuck")
+(include "./windows/powermenu.yuck")
+(include "./windows/powerview.yuck")
+(include "./windows/sideleft.yuck")
+(include "./windows/sideright.yuck")
+(include "./windows/visualizer.yuck")
+
+(defwidget bar_widget []
+  (centerbox
+    :class "bar-bg flyin-top bar-bg-top-decor"
+    :style "
+    ${ANIM_ENTER[0]}
+    "
+    (box
+      :hexpand true
+      (leftspace_widget)
+    )
+    (centerbox
+      (box
+        :orientation "h" :space-evenly false
+        (music_widget)
+      )
+      (box
+        :orientation "h"
+        (dynamiccenter_widget)
+      )
+      (box
+        :orientation "h" :space-evenly false
+        :halign "end"
+        (system_widget)
+      )
+    )
+    (box
+      :hexpand true
+      (dynamicright_widget)
+    )
+  )
+)
+
+(defwidget bar_bottom_widget []
+  (centerbox
+    :class "bar-bg flyin-bottom bar-bottom-height"
+    (box
+      :hexpand true
+      (music_bottom_widget)
+    )
+    (box
+      (taskbar_widget)
+    )
+    (box
+      :hexpand true
+      :orientation "h"
+      :space-evenly false
+      (box :hexpand true)
+      (system_bottom_widget)
+    )
+  )
+)
+
+(defwindow bar
+  :monitor 0
+  :stacking "fg"
+  :namespace "eww"
+  :geometry (geometry
+    :width "100%"
+    :anchor "top center"
+  )
+  (bar_widget)
+)
+
+(defwindow barbottom
+  :monitor 0
+  :stacking "fg"
+  :namespace "eww"
+  :geometry (geometry
+    :width "100%"
+    ; :height "60px"
+    :anchor "bottom center"
+  )
+  (bar_bottom_widget)
+)
\ No newline at end of file
diff --git a/m3ww/.config/eww/eww_covers/cover_art_default b/m3ww/.config/eww/eww_covers/cover_art_default
new file mode 100644
index 000000000..f607b5ae0
Binary files /dev/null and b/m3ww/.config/eww/eww_covers/cover_art_default differ
diff --git a/m3ww/.config/eww/eww_covers/cover_art_error b/m3ww/.config/eww/eww_covers/cover_art_error
new file mode 100755
index 000000000..09715b548
Binary files /dev/null and b/m3ww/.config/eww/eww_covers/cover_art_error differ
diff --git a/m3ww/.config/eww/images/logos/almalinux.svg b/m3ww/.config/eww/images/logos/almalinux.svg
new file mode 100644
index 000000000..57c97aa61
--- /dev/null
+++ b/m3ww/.config/eww/images/logos/almalinux.svg
@@ -0,0 +1,85 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="496"
+   height="496"
+   viewBox="0 0 131.23333 131.23334"
+   version="1.1"
+   id="svg4110"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs4107" />
+  <g
+     id="layer1">
+    <g
+       id="g4141"
+       transform="matrix(2.0888265,0,0,2.0888265,2.234266,3.7573409)">
+      <g
+         id="g45"
+         transform="matrix(1.0005035,0,0,1.0005035,-0.1541809,0.11907192)">
+        <path
+           id="path22-6"
+           d="m 56.11382,33.731278 c 2.6,-0.2 4.7,1.5 4.9,4.1 0.2,2.7 -1.7,4.9 -4.3,5.1 -2.5,0.2 -4.7,-1.7 -4.9,-4.2 -0.2,-2.7 1.6,-4.7 4.3,-5 z"
+           class="st1"
+           style="fill:#cccccc;fill-opacity:1" />
+        <path
+           id="path24-7"
+           d="m 24.51382,55.031278 c 0,-2.6 2,-4.6 4.4,-4.6 2.4,0 4.7,2.2 4.7,4.7 0,2.4 -2,4.5 -4.3,4.6 -2.9,0 -4.8,-1.8 -4.8,-4.7 z"
+           class="st2"
+           style="fill:#cccccc;fill-opacity:1" />
+        <path
+           id="path26-5"
+           d="m 31.61382,25.831278 c -0.4,0.2 -0.6,-0.1 -0.7,-0.4 -3.7,-6.9 -2.6,-15.6000004 3.9,-20.8000004 1.7,-1.4 4.9,-1.7 6.3,-0.3 0.6,0.5 0.7,1.1 0.8,1.8 0.2,1.5 0.5,3 1.5,4.2000004 1.1,1.3 2.5,1.8 4.1,1.7 1.4,0 2.8,-0.2 3.7,1.4 0.5,0.9 0.3,4.4 -0.5,5.1 -0.4,0.3 -0.7,0.1 -1,0 -2.3,-0.9 -4.7,-0.9 -7.1,-0.5 -0.8,0.1 -1.2,-0.1 -1.2,-1 -0.1,-1.5 -0.4,-2.9 -1.2,-4.2 -1.5,-2.7 -4.3,-2.8 -6.1,-0.3 -1.5,2 -1.9,4.4 -2.3,6.8 -0.4,2.1 -0.3,4.3 -0.2,6.5 0,0 -0.1,0 0,0 z"
+           class="st3"
+           style="fill:#cccccc;fill-opacity:1" />
+        <path
+           id="path28-3"
+           d="m 34.11382,27.331278 c -0.2,-0.3 -0.1,-0.6 0.2,-0.8 5.7,-5.2 14.2,-6.2 20.8,-1.1 1.7,1.4 2.8,4.3 1.9,6 -0.4,0.7 -0.9,1 -1.5,1.2 -1.4,0.6 -2.7,1.2 -3.6,2.5 -0.9,1.3 -1.1,2.8 -0.7,4.4 0.3,1.3 0.8,2.7 -0.5,3.9 -0.7,0.7 -4.1,1.3 -5,0.7 -0.4,-0.3 -0.3,-0.6 -0.2,-1 0.3,-2.5 -0.3,-4.8 -1.2,-7 -0.3,-0.8 -0.2,-1.2 0.6,-1.4 1.4,-0.4 2.7,-1.1 3.7,-2.1 2.2,-2.1 1.7,-4.8 -1.2,-6 -2.3,-1 -4.7,-0.8 -7,-0.6 -2.2,0.1 -4.3,0.7 -6.3,1.3 z"
+           class="st1"
+           style="fill:#cccccc;fill-opacity:1" />
+        <path
+           id="path30-5"
+           d="m 32.81382,29.931278 c 0.3,-0.3 0.5,-0.2 0.8,0 6.6,4 10,11.9 7,19.6 -0.8,2 -3.4,4 -5.3,3.5 -0.8,-0.2 -1.2,-0.6 -1.6,-1.1 -0.9,-1.2 -1.9,-2.3 -3.4,-2.8 -1.6,-0.5 -3,-0.2 -4.4,0.6 -1.2,0.7 -2.4,1.6 -3.9,0.7 -0.9,-0.5 -2.4,-3.6 -2.1,-4.6 0.2,-0.4 0.6,-0.4 1,-0.4 2.5,-0.4 4.5,-1.6 6.4,-3.2 0.6,-0.5 1.1,-0.5 1.6,0.2 0.8,1.2 1.8,2.2 3.1,2.9 2.6,1.5 5.1,0.2 5.4,-2.8 0.3,-2.5 -0.6,-4.7 -1.4,-6.9 -0.9,-2 -2,-3.9 -3.2,-5.7 z"
+           class="st2"
+           style="fill:#cccccc;fill-opacity:1" />
+        <path
+           id="path32-6"
+           d="m 29.61382,30.531278 c -0.4,2 -1.3,3.9 -2.5,5.6 -3.6,5.4 -8.8,7.6 -15.2,7 -2.2999997,-0.2 -4.1999997,-2.1 -4.3999997,-4 -0.1,-0.8 0.1,-1.4 0.6,-2 0.7,-0.9 1.3,-1.7 1.6,-2.8 0.5999997,-2.2 -0.2,-4 -1.8,-5.6 -2.2,-2.2 -1.9,-4.2 0.7,-5.8 0.3,-0.2 0.7,-0.4 1.1,-0.6 0.5999997,-0.3 1.0999997,-0.3 1.2999997,0.4 0.9,2.3 2.7,4 4.7,5.4 0.7,0.6 0.7,1 0.1,1.7 -1.2,1.3 -1.9,2.9 -2,4.7 -0.2,2.2 1.1,3.6 3.3,3.6 1.4,0 2.7,-0.5 3.9,-1.1 3.1,-1.6 5.5,-3.9 7.8,-6.3 0.3,-0.1 0.4,-0.3 0.8,-0.2 z"
+           class="st4"
+           style="fill:#cccccc;fill-opacity:1" />
+        <path
+           id="path34-2"
+           d="m 13.21382,9.5312776 c 0.2,0 0.7,0.1 1.2,0.2 3.7,0.7000004 6,-0.6 7.2,-4.1 0.8,-2.3 2.5,-3 4.7,-1.8 0.1,0 0.1,0.1 0.2,0.1 2.3,1.3 2.3,1.5 0.9,3.5 -1.2,1.6 -1.8,3.4000004 -2.1,5.3000004 -0.2,1.1 -0.6,1.3 -1.6,0.9 -1.6,-0.6 -3.3,-0.6 -5,0 -1.9,0.6 -2.7,2.3 -2.1,4.2 0.8,2.5 3,3.6 4.9,4.9 1.9,1.3 4.1,2 6.2,2.9 0.3,0.1 0.8,0.1 0.7,0.6 -0.1,0.3 -0.5,0.3 -0.9,0.3 -4.5,0.2 -8.8,-0.5 -12.3,-3.5 -3.3,-2.7 -5.6999997,-6 -5.2999997,-10.6 0.2999997,-1.5 1.3999997,-2.6000004 3.2999997,-2.9000004 z"
+           class="st5"
+           style="fill:#cccccc;fill-opacity:1" />
+        <path
+           id="path36-9"
+           d="m 5.0138203,37.631278 c -2.4,0.3 -4.80000003,-1.7 -5.00000003,-4.2 -0.2,-2.4 1.80000003,-4.8 4.10000003,-5 2.6,-0.3 5,1.5 5.2,3.9 0.1,2.3 -1.4,5.1 -4.3,5.3 z"
+           class="st4"
+           style="fill:#cccccc;fill-opacity:1" />
+        <path
+           id="path38-1"
+           d="m 47.01382,2.0312776 c 2.5,-0.2 4.9,1.8 5.1,4.3 0.2,2.4 -1.8,4.7000004 -4.2,4.9000004 -2.6,0.2 -4.9,-1.7000004 -5.1,-4.2000004 -0.2,-2.5 1.6,-4.8 4.2,-5 z"
+           class="st3"
+           style="fill:#cccccc;fill-opacity:1" />
+        <path
+           id="path40-2"
+           d="m 20.91382,3.9312776 c 0.3,2.6 -1.5,4.8 -4.2,5.2 -2.3,0.3 -4.7,-1.6 -5,-3.8 -0.3,-2.9 1.3,-4.99999996 4,-5.29999996 2.5,-0.3 4.9,1.59999996 5.2,3.89999996 z"
+           class="st5"
+           style="fill:#cccccc;fill-opacity:1" />
+      </g>
+    </g>
+  </g>
+  <style
+     id="style2"
+     type="text/css">
+    .st1{fill:#86da2f}.st2{fill:#24c2ff}.st3{fill:#ffcb12}.st4{fill:#0069da}.st5{fill:#ff4649}
+  </style>
+  <style
+     id="style2-3"
+     type="text/css">
+    .st1{fill:#86da2f}.st2{fill:#24c2ff}.st3{fill:#ffcb12}.st4{fill:#0069da}.st5{fill:#ff4649}
+  </style>
+</svg>
diff --git a/m3ww/.config/eww/images/logos/archlinux.svg b/m3ww/.config/eww/images/logos/archlinux.svg
new file mode 100644
index 000000000..e06c1dcb9
--- /dev/null
+++ b/m3ww/.config/eww/images/logos/archlinux.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   id="svg8"
+   version="1.1"
+   height="496"
+   width="496"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata14">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs12" />
+  <path
+     id="path4"
+     d="m 247.93344,17.871894 c -20.49358,50.233214 -32.85373,83.091376 -55.67015,131.826236 13.9889,14.826 31.1605,32.09056 59.04738,51.59003 -29.98068,-12.33447 -50.43052,-24.71727 -65.71321,-37.56731 -29.20024,60.91971 -74.95051,147.69601 -167.7909,314.47259 72.96954,-42.11649 123.77827,-68.0824 176.49709,-77.99095 -2.26368,-9.73362 -3.55081,-20.26245 -3.46331,-31.24816 l 0.0805,-2.33732 c 1.15775,-46.73933 31.74236,-84.002 60.03547,-84.06511 28.29312,-0.0633 55.80715,46.15485 54.64917,92.8942 -0.2175,8.79569 -1.21012,17.25536 -2.94362,25.10278 52.1433,10.19855 103.4958,36.09772 175.4777,77.64456 -14.1938,-26.12472 -26.86242,-49.67506 -38.96013,-72.10451 -19.05704,-14.7673 -38.93365,-33.98597 -79.47881,-54.79276 27.86845,7.23979 47.82218,15.59244 63.3754,24.92903 C 300.07316,147.25839 290.11644,116.83076 247.92986,17.860386 Z"
+     style="fill:black;fill-rule:evenodd;stroke-width:11.50832653" />
+</svg>
diff --git a/m3ww/.config/eww/images/logos/asahilinux.svg b/m3ww/.config/eww/images/logos/asahilinux.svg
new file mode 100644
index 000000000..58f25e1b8
--- /dev/null
+++ b/m3ww/.config/eww/images/logos/asahilinux.svg
@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   id="svg8"
+   version="1.1"
+   height="496"
+   width="496"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata14">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs12">
+    <linearGradient
+       id="linearGradient1402">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop1400" />
+    </linearGradient>
+  </defs>
+  <g
+     style="clip-rule:evenodd;fill-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"
+     id="g849"
+     transform="matrix(0.91717941,0,0,0.91717941,-16.480902,-15.836491)">
+    <g
+       id="layer8"
+       style="display:inline"
+       transform="translate(287.5,550)" />
+    <g
+       id="layer7"
+       style="display:inline"
+       transform="translate(287.5,550)">
+      <g
+         style="clip-rule:evenodd;fill-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"
+         id="g2591"
+         transform="matrix(1.0009916,0,0,1.0009916,-287.86695,-550.38088)">
+        <g
+           id="g1560"
+           style="clip-rule:evenodd;display:inline;fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"
+           transform="translate(-62.5,-6.5e-4)">
+          <g
+             id="g1445"
+             style="fill:#000000;fill-opacity:1"
+             transform="translate(0,6.5e-4)">
+            <path
+               style="color:#000000;overflow:visible;fill:#cccccc;fill-opacity:1;fill-rule:evenodd;paint-order:stroke markers fill"
+               d="m 452.45312,411.80078 c -32.06055,44.58529 -64.12109,89.17057 -96.18164,133.75586 42.48698,-30.0944 84.97396,-60.1888 127.46094,-90.2832 -10.42643,-14.49089 -20.85287,-28.98177 -31.2793,-43.47266 z"
+               id="path1291" />
+            <path
+               style="color:#000000;overflow:visible;fill:#cccccc;fill-opacity:1;fill-rule:evenodd;paint-order:stroke markers fill"
+               d="m 390,325 c 0,39.4031 0,78.8062 0,118.2093 14.18877,-19.70087 28.37753,-39.40174 42.5663,-59.10261 C 418.37753,364.40446 404.18877,344.70223 390,325 Z"
+               id="path1289" />
+            <path
+               style="color:#000000;overflow:visible;fill:#cccccc;fill-opacity:1;fill-rule:evenodd;paint-order:stroke markers fill"
+               d="m 476.23047,152.19531 c -40.78832,17.07445 -81.57684,34.1484 -122.36524,51.22266 C 408.4679,279.35565 463.07272,355.2918 517.67406,431.23044 545.11604,411.7923 572.55802,392.35416 600,372.91602 558.74349,299.34245 517.48698,225.76888 476.23047,152.19531 Z"
+               id="path1287" />
+            <path
+               style="color:#000000;overflow:visible;fill:#cccccc;fill-opacity:1;fill-rule:evenodd;paint-order:stroke markers fill"
+               d="M 223.76953,152.19531 C 182.51302,225.76888 141.25651,299.34245 100,372.91602 c 82.5,58.43815 165,116.8763 247.5,175.31445 0,-114.7474 0,-229.49479 0,-344.24219 -41.24347,-17.26436 -82.48708,-34.52841 -123.73047,-51.79297 z"
+               id="path1285" />
+            <path
+               style="color:#000000;overflow:visible;fill:#cccccc;fill-opacity:1;fill-rule:evenodd;paint-order:stroke markers fill"
+               d="m 352.5,108.39648 v 52.19336 L 329.46484,114.52148 228.57422,148.78516 350,199.61523 471.42578,148.78516 Z"
+               id="path1283" />
+            <path
+               id="path1631-9"
+               style="color:#000000;clip-rule:evenodd;display:inline;overflow:visible;fill:#cccccc;fill-opacity:1;fill-rule:evenodd;paint-order:stroke markers fill"
+               d="m 390,25 c -12.5,9.615234 -25,19.230469 -37.5,28.845703 0,7.051432 0,14.102865 0,21.154297 15.83333,0 31.66667,0 47.5,0 -3.33333,-16.666667 -6.66667,-33.333333 -10,-50 z" />
+          </g>
+          <path
+             id="path1633-6"
+             style="color:#000000;clip-rule:evenodd;display:inline;overflow:visible;fill:#cccccc;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2;stroke-dasharray:none;stroke-opacity:0.5;paint-order:stroke markers fill"
+             d="m 347.5,26.25 c -15.08789,7.544271 -30.17578,15.088541 -45.26367,22.632812 15.08789,30.175783 30.17578,60.351568 45.26367,90.527348 0,-37.72005 0,-75.440107 0,-113.16016 z" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/m3ww/.config/eww/images/logos/budgie.svg b/m3ww/.config/eww/images/logos/budgie.svg
new file mode 100644
index 000000000..b216fc782
--- /dev/null
+++ b/m3ww/.config/eww/images/logos/budgie.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="496"
+   height="496"
+   version="1.1"
+   id="svg16"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata22">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs20" />
+  <path
+     style="fill:#cccccc;stroke-width:11.57627106"
+     d="M 249.52542,16.949153 A 231.52542,231.52542 0 0 0 18,248.47458 231.52542,231.52542 0 0 0 249.52542,480 231.52542,231.52542 0 0 0 481.05085,248.47458 231.52542,231.52542 0 0 0 249.52542,16.949153 Z m 48.29476,46.305085 c 4.36594,-0.05788 8.54834,0.260466 13.27201,0.655217 25.83141,2.161984 53.25158,18.874647 71.15338,45.061565 24.14967,35.32626 22.98443,80.3693 0.81392,107.32916 -11.13767,13.54389 -14.72405,14.54779 -22.22551,20.59766 4.71798,-9.04894 6.11929,-12.51974 5.53943,-19.64806 -0.365,-4.47168 -2.06473,-8.02293 -3.02973,-10.01613 -3.70735,-7.65736 -9.41584,-10.5189 -16.09825,-13.81466 -8.21369,-4.051 -17.39067,-4.74836 -23.08471,-4.27327 -4.41592,0.36813 -6.69499,0.55451 -12.39023,2.50974 -26.98011,9.26322 -57.90528,0.80687 -74.45442,-23.40132 -19.78339,-28.93917 -12.00129,-69.01402 17.43224,-89.512588 8.66928,-6.037488 18.9172,-12.00031 28.7598,-13.950333 5.40898,-1.071962 9.94613,-1.479331 14.31207,-1.537444 z M 141.4953,144.31071 c 4.34856,-0.0926 8.66651,0.20027 12.91025,0.92726 17.05544,2.91896 19.66139,5.52315 28.53371,8.99881 -10.04346,0.39128 -13.68789,0.88212 -19.46714,4.88368 -3.62492,2.51113 -5.81414,5.6975 -7.03168,7.50652 -4.67743,6.94959 -4.26467,13.27903 -3.75323,20.64281 0.6287,9.05125 4.59266,17.27041 7.82302,21.93159 2.50524,3.61504 3.8069,5.47083 8.29784,9.40572 21.26964,18.63629 29.38003,49.39989 17.00265,75.51711 v 0.0232 c -14.81831,31.21329 -52.76068,44.21193 -84.80976,28.9859 -9.441374,-4.48616 -19.592241,-10.3823 -26.13705,-17.885 C 67.670676,297.00207 64.409456,290.49239 60.393571,281.98267 49.413134,258.71506 50.065068,226.94445 63.468519,198.68781 79.289715,165.33426 111.05539,144.98422 141.4953,144.31094 Z m 186.16995,138.91525 c 31.29817,0.7131 57.69741,25.34208 60.32324,57.70054 0.8248,10.16605 0.78591,21.62679 -2.39666,30.81731 -3.49806,10.1011 -7.43853,16.03718 -12.72938,23.58213 -14.46642,20.62961 -41.95319,35.59264 -72.71345,38.05248 -41.4958,3.31822 -78.76821,-19.28283 -90.55267,-50.80455 -5.92014,-15.83541 -4.9688,-19.27333 -6.37599,-28.46582 5.28917,8.29579 7.49874,11.10952 13.76943,14.04074 3.93435,1.83797 7.73396,2.13733 9.88053,2.28366 8.24667,0.56144 13.47177,-2.87138 19.51235,-6.8961 7.4248,-4.94689 12.51028,-12.31554 14.89992,-17.31915 1.85327,-3.88048 2.78715,-5.88445 3.93413,-11.59884 5.43352,-27.071 27.70446,-48.96022 56.14039,-51.23415 v 0.0231 c 2.12458,-0.17017 4.22161,-0.22805 6.30816,-0.18059 z"
+     id="circle4" />
+</svg>
diff --git a/m3ww/.config/eww/images/logos/debian.svg b/m3ww/.config/eww/images/logos/debian.svg
new file mode 100644
index 000000000..120b236fe
--- /dev/null
+++ b/m3ww/.config/eww/images/logos/debian.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="496"
+   height="496"
+   version="1"
+   id="svg6"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata12">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs10" />
+  <path
+     d="M 249.10171,-1.16102 A 248.00001,248.00001 0 0 0 1.1016963,246.83899 248.00001,248.00001 0 0 0 249.10171,494.83898 248.00001,248.00001 0 0 0 497.1017,246.83899 248.00001,248.00001 0 0 0 249.10171,-1.16102 Z m 26.88281,62.18165 c -0.43874,0.0969 -0.98702,0.11177 -1.45311,0.18158 0.48932,-0.0376 0.96333,-0.081 1.45311,-0.12118 -4.7089,1.0385 -11.13994,0.29916 -15.56054,1.87695 l -2.60352,-0.36314 c 6.00562,-0.7482 12.049,-1.07398 18.16406,-1.57421 z m -16.83203,4.96484 c 5.8263,0.16242 8.5015,0.45737 9.26367,0.78709 0.76304,0.32953 -0.38235,0.73843 -2.30078,1.15037 l -0.18159,0.30277 -2.30079,0.18159 2.48241,-0.48439 c 0.58217,-0.81647 -3.47229,-1.26982 -6.96288,-1.87695 0.18918,0.005 0.12009,-0.006 0.30276,0 -0.15048,-0.0254 -0.15409,-0.0347 -0.30276,-0.0604 z m -10.5957,8.83984 c -2.86751,1.59961 -5.72832,2.84096 -8.41602,4.72266 10.9182,-2.60092 10.39779,1.10921 21.55469,-0.36329 -3.9153,0.56419 -8.62749,2.07818 -7.87109,2.66408 12.4713,1.44149 14.37586,-3.84091 25.91406,0 l -0.72657,-3.39061 c 16.0239,5.7753 19.34545,4.75453 36.75196,13.98632 6.138,0.29771 6.74637,-3.75409 15.98437,0 1.64298,2.84581 -0.32556,3.37195 11.0195,10.11133 1.25955,-0.50407 -2.29554,-3.68822 -5.08589,-6.23632 22.80979,12.1737 47.62251,38.10799 55.21875,65.875 -7.08877,-13.02806 -0.76977,6.65848 -3.20892,5.63086 3.16008,8.49679 5.78469,17.27349 7.38676,26.33789 -2.10274,-7.43103 -6.71068,-25.35791 -14.71303,-36.93362 -0.65654,7.46914 -10.31211,-5.18812 -5.02538,11.26172 4.02103,5.82995 0.84645,-5.8757 5.81251,4.48047 0.0796,4.92187 1.93417,9.81669 3.02732,16.22656 -1.69833,-0.276 -3.78786,-7.1064 -5.02538,-5.20703 1.71822,8.06496 4.5573,12.27677 5.63084,12.89649 -0.54838,1.35132 -2.01701,-1.24779 -2.11901,4.23828 0.66449,12.62723 3.53483,7.27128 4.9043,7.87109 -1.38579,6.21829 -6.93332,13.52282 -4.17773,24.21875 -0.7893,-3.24291 -2.34619,-6.49564 -3.51168,-9.56641 -1.08122,9.13384 2.04558,10.91462 -2.17979,21.97852 3.04505,-9.97208 2.68983,-18.98645 -0.18087,-14.65234 1.27366,14.18002 -11.23064,25.0547 -9.86913,34.02734 l -3.63365,-4.96484 c -9.8487,14.25132 -0.20619,7.84865 -6.90233,18.64844 2.45941,-4.24254 -1.32321,-1.73313 1.87702,-6.53907 -2.12661,0.12046 -9.48996,8.99045 -16.22654,14.22852 -26.4555,21.17207 -57.99619,23.93282 -88.58017,12.53321 -1.1904,0.9703 5.44622,6.20154 10.35352,8.71874 11.6467,4.29039 24.80514,4.45965 35.17773,4.05665 -22.41609,9.362 -65.19881,-9.49163 -79.19531,-34.51172 3.1589,0.68819 14.03506,17.60334 22.16016,20.34375 -4.8019,-3.84091 -8.54419,-8.71904 -11.98829,-13.74415 6.48831,7.44 14.39602,13.5348 23.00782,17.5586 -0.5447,-2.08722 2.37374,-2.52474 -1.69532,-5.26758 -25.9253,-19.84 -41.28785,-36.71824 -35.96484,-75.74414 3.9494,-2.97911 5.03992,-19.24752 14.10742,-24.94531 5.52421,-12.19851 22.0721,-23.44608 39.7793,-23.73438 18.0668,-0.98271 33.32084,9.65544 40.99025,19.67773 -13.95001,-12.99209 -36.77076,-16.94857 -56.24806,-7.32617 -19.9113,8.9497 -31.75175,30.87968 -30.03125,52.67579 0.73778,-1.07879 1.40246,-0.40019 1.75584,-3.08788 -0.6076,42.3677 45.77257,73.37478 79.13477,57.70118 l 0.36328,0.90819 c 13.53771,-3.69211 11.7805,-6.7118 20.64649,-12.7754 -0.68909,1.4195 -5.92917,5.01526 -2.78532,5.08594 4.3,-1.14296 17.72349,-13.63028 24.33983,-19.4961 3.03167,-6.52953 -1.62995,-3.53327 2.60338,-11.74609 l 5.14648,-2.54297 c 2.87974,-8.30149 6.11245,-12.98431 5.75195,-22.64453 l -3.02732,6.29687 c 4.44939,-13.42579 1.85785,-28.04415 2.48256,-40.6875 l -1.21108,-0.30277 c -1.11568,-31.79976 -28.65745,-65.63404 -53.15984,-77.07613 -21.1327,-9.73401 -53.64066,-11.39745 -68.66017,-4.05665 2.06771,-1.8259 10.29366,-2.58868 7.81056,-3.99609 -23.52281,2.33121 -18.23178,8.18119 -36.26759,12.77539 -4.94139,4.7709 14.4214,-3.81697 3.9961,2.36134 -9.672,2.66599 -14.18318,-1.66693 -28.51758,13.13867 1.2772,2.05532 9.12591,-6.12231 2.60351,2.05861 -13.4726,-1.66468 -42.56503,30.78436 -48.74023,41.53516 l 3.20898,0.54491 c -5.2886,13.26181 -12.25992,21.72578 -13.19922,29.66798 -1.3733,19.53 -8.21141,55.16489 1.27149,66.11719 l -0.9082,9.14258 c 1.29579,2.59469 2.25991,5.24665 3.875,7.68945 l -2.11916,0.12118 c 9.97581,31.42771 10.73483,0.59715 23.91603,33.24017 -1.9158,-0.65112 -3.81581,-1.33515 -6.59961,-5.08597 -0.33786,2.85188 4.05258,11.43709 9.26367,18.16408 l -2.24023,2.54297 c 2.9047,5.27001 5.61391,6.40538 7.62891,8.23439 -10.8438,-5.92102 10.04293,19.45007 11.92773,22.70507 l 1.69533,-2.96691 c -0.2449,4.278 3.01242,9.75099 9.20312,17.37695 l 5.20703,-0.18086 c 2.1328,4.216 9.9015,11.79795 14.5918,12.16991 l -3.14843,4.05667 c 11.83268,3.75031 5.74418,4.96464 20.28319,10.11066 l -2.96681,-5.20704 c 7.4152,6.41699 9.75706,12.02414 20.22266,16.95311 14.5142,5.05302 16.41033,3.07905 31.30273,7.32617 -12.6263,-0.34003 -27.43907,-0.21704 -37.41797,-3.81445 -68.09459,-18.383 -130.42775,-98.16477 -125.87695,-180.3086 -1.0447,-16.6284 1.68155,-37.39666 -1.08984,-41.53516 3.89049,-12.6573 8.3669,-28.07815 17.4375,-46.43945 -0.6572,-1.23068 1.50553,3.61093 6.11523,-4.23829 2.7962,-6.1287 5.07916,-12.92932 8.59766,-18.89062 l 1.81639,-0.36329 c 1.8135,-10.5307 24.58669,-26.69555 31.36329,-34.81445 l 0.48435,3.08787 c 14.79013,-13.84767 41.16619,-23.11619 56.0059,-29.72849 -3.89671,4.309 8.70538,-0.41693 17.80078,-0.96878 z m -143.25392,68.78126 c -0.0467,2.85973 3.66372,-0.71417 3.51172,1.75584 -0.0506,0.8225 -0.5639,2.34224 -1.75588,4.96484 -6.62535,4.53874 -3.74142,3.64006 -2.30078,-0.90819 0,0 0,-0.0604 0,-0.0604 0.47784,-1.53624 0.79989,-3.45023 0.54491,-5.75196 z m -7.265623,29.24413 c -0.784304,3.56189 -1.156778,7.23667 -3.208984,13.38087 0.595192,-4.8112 -2.448518,-6.30976 3.208984,-13.38087 z M 330.9611,215.5968 c 0.3903,0.0163 0.77808,0.45929 0.96871,1.63477 0.19534,1.20796 0.19895,3.17835 0,6.05469 -0.57841,2.27752 -1.10328,1.56705 -1.63466,0.24235 0,0 0,-0.0604 0,-0.0604 -0.54079,-1.37143 -1.08736,-3.38124 -1.69543,-3.69337 0.51727,-2.16734 1.55653,-4.11503 2.36138,-4.17773 z m 71.50584,19.375 c -1.76705,13.113 -5.90358,26.07275 -12.35158,37.90235 0.68765,-1.32343 1.06385,-2.77064 1.69544,-4.11719 -0.65438,1.32867 -1.04577,2.75371 -1.75584,4.05664 2.9141,-5.6079 5.36298,-11.42495 7.26561,-17.37695 1.9027,-5.95239 3.29428,-11.99187 4.17773,-18.10352 z m -75.74413,4.29883 c -0.0239,0.14289 -0.094,0.28107 -0.12299,0.42384 0.0354,-0.14903 0.14831,-0.27347 0.18087,-0.42384 -0.99187,5.9427 -3.84401,11.69863 -7.75002,16.95313 0,0 -0.0604,0 -0.0604,0 0,0 0,-0.0604 0,-0.0604 0.13855,-2.12086 -2.46305,-1.71421 -3.57227,-2.66408 0,0 0,-0.0604 0,-0.0604 -0.56245,-0.48378 -0.72877,-1.28954 0.063,-3.02733 0.79186,-1.73779 2.52958,-4.37284 5.8125,-8.41601 -0.86027,3.42009 -7.25314,11.03169 -5.26759,11.44335 0.66186,0.1371 2.21564,-0.54172 5.26759,-2.42185 2.23214,-3.86601 4.55036,-7.5149 5.44937,-11.7464 z m -26.64063,24.64258 c -1.9065,1.77009 -3.99212,3.58446 -6.35742,5.38867 -6.40073,-0.96488 -12.40412,-3.0007 -12.23047,-3.99609 0.0579,-0.33171 0.7881,-0.52401 2.42189,-0.54491 5.4498,0.48359 10.86192,0.42333 16.166,-0.84767 z m -82.46485,0.84764 c 1.51591,2.95429 2.8618,5.89407 5.14648,8.35547 l 1.99806,5.81251 c -1.37176,-2.26609 -2.79456,-4.51524 -4.05665,-6.84179 -1.26286,-2.32615 -2.36559,-4.73612 -3.08789,-7.32619 z m -5.02539,8.77931 c 5.3971,10.1866 8.34472,13.30753 12.29102,20.82813 -2.72875,-2.21325 -5.01573,-4.88798 -7.08399,-7.68946 0,0 0,-0.0604 0,-0.0604 -2.07584,-2.81496 -3.96538,-5.7427 -6.11523,-8.5978 z"
+     id="circle2"
+     style="fill:#cccccc;stroke-width:31" />
+</svg>
diff --git a/m3ww/.config/eww/images/logos/endeavouros.svg b/m3ww/.config/eww/images/logos/endeavouros.svg
new file mode 100644
index 000000000..9f1b4b108
--- /dev/null
+++ b/m3ww/.config/eww/images/logos/endeavouros.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   id="svg5"
+   version="1.1"
+   viewBox="0 0 131.23333 131.23334"
+   height="496"
+   width="496"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2" />
+  <g
+     id="layer1">
+    <g
+       transform="matrix(3.8123445,0,0,3.5284776,-1318.4244,-71.638005)"
+       id="g26">
+      <g
+         transform="matrix(0.65134496,0,0,0.6634673,448.54237,52.231766)"
+         id="g20">
+        <path
+           d="m -127,-42.3 c 4.57,6.45 23.8,31.4 10.7,36.6 -6.12,2.81 -34,-1.65 -33.6,-0.921 -2,3.28 -3.59,5.92 -3.59,5.92 0,0 21.5,0.967 38.1,-1.27 23.7,-3.18 -4.88,-33.5 -11.6,-40.3 z"
+           style="fill:#cccccc;stroke-width:0.585;fill-opacity:1"
+           id="path14" />
+        <path
+           d="m -127,-42.3 c -1.52,0.209 -29.4,34.5 -29.4,34.5 0,0 2.01,0.57 6.58,1.23 1.48,-1.15 22.3,-36.2 22.9,-35.7 -0.0107,-0.0141 -0.028,-0.0193 -0.0522,-0.016 z"
+           style="fill:#cccccc;stroke-width:0.585;fill-opacity:0.85461253"
+           id="path16" />
+        <path
+           d="m -127,-42.3 c -0.96,-0.156 -22.9,35.7 -22.9,35.7 0,0 19.9,2.1 28.1,1.96 23.1,-0.39 0.176,-30.6 -5.16,-37.7 -0.007,-0.007 -0.0151,-0.0108 -0.0248,-0.0124 z"
+           style="fill:#cccccc;stroke-width:0.585;fill-opacity:0.54827821"
+           id="path18" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/m3ww/.config/eww/images/logos/fedora.svg b/m3ww/.config/eww/images/logos/fedora.svg
new file mode 100644
index 000000000..cfbd3d9ed
--- /dev/null
+++ b/m3ww/.config/eww/images/logos/fedora.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="496"
+   width="496"
+   id="svg4"
+   version="1.1"
+   viewBox="0 0 496 496"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <path
+     d="m 248.1215,22.133185 c -127.11688,0 -230.03813,101.032375 -230.263,225.765625 H 17.818 v 174.76598 h 0.0405 c 0.0607,28.28815 23.45355,51.20203 52.30388,51.20203 H 248.1439 C 375.2833,473.78702 478.182,372.76698 478.182,248.10118 478.1822,123.36794 375.1483,22.335565 247.9191,22.335565 Z m 46.7721,92.963945 c 38.6545,0 75.1503,29.03021 75.1503,69.07888 0,3.71479 0.023,7.43183 -0.5966,11.64358 -1.071,10.65415 -10.9982,18.31084 -21.8075,16.80874 -10.8093,-1.51965 -18.1445,-11.58736 -16.1454,-22.12009 0.1821,-1.20214 0.2485,-3.08966 0.2485,-6.33448 0,-22.71148 -18.945,-31.48126 -36.8556,-31.48126 -17.9061,0 -34.0447,14.76921 -34.0672,31.48126 0.3094,19.32275 0,38.49709 0,57.7906 l 33.2352,-0.24375 c 25.9496,-0.52709 26.2419,37.8 0.2993,37.62011 l -33.5275,0.24375 c -0.081,15.54275 0.1214,12.73192 0.041,20.55951 0,0 0.281,19.01019 -0.2973,33.41512 -4.0116,42.31981 -40.7458,76.13968 -84.88698,76.13968 -46.79465,0 -85.33671,-37.50768 -85.33671,-83.51529 1.40496,-47.31185 39.86877,-84.52719 88.32743,-84.09995 l 27.02886,-0.20013 v 37.55265 l -27.02886,0.24353 h -0.14167 c -26.62415,0.77286 -49.44807,18.51098 -49.87531,46.47983 0,25.47734 20.98901,45.89519 47.042,45.89519 26.01701,0 46.83964,-18.5672 46.83964,-45.85021 l -0.04,-142.22785 c 0.023,-2.63993 0.1012,-4.73793 0.3971,-7.64995 4.3916,-34.78679 36.1135,-61.2985 72.0246,-61.2985 z"
+     style="fill:#cccccc;fill-opacity:1;stroke-width:2.24866"
+     id="path8" />
+</svg>
diff --git a/m3ww/.config/eww/images/logos/freebsd.svg b/m3ww/.config/eww/images/logos/freebsd.svg
new file mode 100644
index 000000000..151e8826d
--- /dev/null
+++ b/m3ww/.config/eww/images/logos/freebsd.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg2"
+   xml:space="preserve"
+   width="496"
+   height="496"
+   viewBox="0 0 496 496"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs6" /><g
+     id="g8"
+     transform="matrix(1.3333333,0,0,-1.3333333,0,746.66667)"><g
+       id="g3535"
+       transform="matrix(1.1203307,0,0,1.1203307,-116.81136,-14.94012)"><g
+         id="g54"
+         transform="matrix(1.680604,0,0,1.680604,423.99221,497.23047)"
+         style="fill:#cccccc;fill-opacity:1"><path
+           d="m 0,0 c 9.895,-9.89 -17.535,-53.361 -22.171,-58 -4.637,-4.63 -16.413,-0.371 -26.305,9.522 -9.894,9.89 -14.156,21.67 -9.519,26.307 C -53.359,-17.533 -9.89,9.893 0,0"
+           style="fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path56" /></g><g
+         id="g58"
+         transform="matrix(1.680604,0,0,1.680604,190.81866,479.64379)"
+         style="fill-opacity:1;fill:#cccccc"><path
+           d="M 0,0 C -15.106,8.571 -36.597,18.104 -43.435,11.267 -50.364,4.341 -40.48,-17.636 -31.82,-32.769 -24.114,-19.37 -13.149,-8.09 0,0"
+           style="fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path60" /></g><g
+         id="g62"
+         transform="matrix(1.680604,0,0,1.680604,398.63593,405.48899)"
+         style="fill:#cccccc;fill-opacity:1"><path
+           d="m 0,0 c 1.39,-4.718 1.139,-8.616 -1.115,-10.867 -5.271,-5.271 -19.503,0.339 -32.332,12.55 -0.897,0.803 -1.784,1.636 -2.658,2.511 -4.637,4.641 -8.248,9.583 -10.557,14.132 -4.494,8.06 -5.618,15.18 -2.221,18.576 1.851,1.851 4.812,2.355 8.424,1.704 2.357,1.489 5.136,3.15 8.186,4.849 -12.4,6.467 -26.497,10.121 -41.453,10.121 -49.601,0 -89.814,-40.206 -89.814,-89.812 0,-49.599 40.213,-89.809 89.814,-89.809 49.602,0 89.815,40.21 89.815,89.809 0,16.019 -4.204,31.041 -11.551,44.063 C 2.952,4.931 1.408,2.275 0,0"
+           style="fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path64" /></g></g><g
+       id="g22"
+       transform="matrix(1.680604,0,0,1.680604,504.44542,140.54832)" /><g
+       id="g34"
+       transform="matrix(1.680604,0,0,1.680604,-5.3409333,90.456741)" /></g></svg>
diff --git a/m3ww/.config/eww/images/logos/garuda.svg b/m3ww/.config/eww/images/logos/garuda.svg
new file mode 100644
index 000000000..62c9e0691
--- /dev/null
+++ b/m3ww/.config/eww/images/logos/garuda.svg
@@ -0,0 +1,165 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="496"
+   height="496"
+   viewBox="0 0 105.83333 105.83334"
+   version="1.1"
+   id="svg8915"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8909" />
+  <g
+     id="layer1"
+     transform="translate(0,-191.16665)">
+    <g
+       id="g6414">
+      <path
+         d=""
+         id="path3437"
+         style="fill:#/000000;stroke-width:0.0822478" />
+      <path
+         style="fill:#cccccc;fill-opacity:1;stroke-width:0.35411"
+         d=""
+         id="path1918"
+         transform="matrix(0.26458334,0,0,0.26458334,0,191.16665)" />
+      <path
+         d="m 94.908121,220.98177 -9.593353,10.92364 2.065151,-14.52111 z"
+         style="opacity:1;fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.0185626"
+         id="path2185" />
+      <path
+         d="M 54.598011,235.11885 72.902758,261.34807 48.569652,234.75774 Z"
+         style="opacity:1;fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.0185626"
+         id="path2237" />
+      <path
+         d="m 85.426002,232.07973 18.649268,0.89416 -6.567167,4.86125 z"
+         style="opacity:1;fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.0185626"
+         id="path2171" />
+      <path
+         id="path2173"
+         style="opacity:1;fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.0185626"
+         d="m 61.686811,235.54321 11.203616,25.7928 -18.276154,-26.18106 z" />
+      <path
+         d="m 69.905485,236.10484 2.987675,25.179 -11.215917,-25.7334 z"
+         style="opacity:1;fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.0185626"
+         id="path2175" />
+      <path
+         d="m 64.801382,222.91117 20.30619,9.13818 L 72.674806,221.089 Z"
+         style="opacity:1;fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.0185626"
+         id="path2177" />
+      <path
+         d="m 97.510457,237.81811 -12.036898,-5.67943 -37.323243,2.57545 z"
+         style="opacity:1;fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.0186333"
+         id="path2179" />
+      <path
+         d="m 10.550954,235.34751 20.430711,-12.65183 41.63464,-1.57862 z"
+         style="opacity:1;fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.0185626"
+         id="path2181" />
+      <path
+         d="m 69.015141,212.83574 c 0,0 -39.577283,9.46391 -42.012185,10.02546 l 2.028815,-0.29466 -2.005324,0.29312 45.685144,-1.75644 z"
+         style="opacity:1;fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.0185626"
+         id="path2183" />
+      <path
+         d="m 104.11354,232.97973 -9.182792,-12.02796 -9.734209,11.09484 z"
+         style="opacity:1;fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.0185626"
+         id="path2187" />
+      <path
+         d="m 96.717922,248.92796 0.790181,-11.09282 6.567167,-4.86125 -1.21812,9.98184 -6.139228,5.97223"
+         style="opacity:1;fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.0185626"
+         id="path2189" />
+      <path
+         d="m 87.379919,217.3843 -8.378319,-10.35405 -9.969541,5.7694 z"
+         style="opacity:1;fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.0185626"
+         id="path2191" />
+      <path
+         d="m 50.001542,205.05454 19.034684,7.74209 9.958668,-5.76176 z"
+         style="opacity:1;fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.0185626"
+         id="path2193" />
+      <path
+         d="m 27.003098,222.86104 22.998444,-17.8065 19.141792,7.76021 z"
+         style="opacity:1;fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.0185626"
+         id="path2195" />
+      <path
+         d="m 87.379919,217.3843 -14.648652,3.76869 -3.73035,-8.36637 z"
+         style="opacity:1;fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.0185626"
+         id="path2197" />
+      <path
+         d="m 87.379919,217.3843 -14.679927,3.75389 12.556301,11.04707 z"
+         style="opacity:1;fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.0185626"
+         id="path2199" />
+      <path
+         d="m 66.007387,231.01713 19.188455,1.03481 -20.373359,-9.14301 z"
+         style="opacity:1;fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.0185626"
+         id="path2201" />
+      <path
+         d="M 66.013734,231.03688 10.320382,242.84009 64.816138,222.91191 Z"
+         style="opacity:1;fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.0185626"
+         id="path2203" />
+      <path
+         d="m 48.595803,234.71883 17.612506,-3.72876 19.418164,1.10304 z"
+         style="opacity:1;fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.0185626"
+         id="path2205" />
+      <path
+         d="M 64.832643,222.90479 16.1098,234.06355 10.320382,242.84009 Z"
+         style="opacity:1;fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.0185626"
+         id="path2209" />
+      <path
+         d="m 48.533988,234.72306 -38.213606,8.11703 -8.6005905,9.26977 z"
+         style="opacity:1;fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.0185626"
+         id="path2211" />
+      <path
+         d="M 4.3038844,257.86852 48.533988,234.72306 6.8946596,250.1879 Z"
+         style="opacity:1;fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.0185626"
+         id="path2213" />
+      <path
+         d="m 5.9698729,265.74441 5.1355151,-11.43507 37.4286,-19.58628 z"
+         style="opacity:1;fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.0185626"
+         id="path2215" />
+      <path
+         d="m 18.788616,277.10135 -5.712757,-16.5381 35.458129,-25.84019 z"
+         style="opacity:1;fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.0185626"
+         id="path2217" />
+      <path
+         d="m 72.879703,261.29237 -3.834656,5.30036 -20.511059,-31.86967 z"
+         style="opacity:1;fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.0185626"
+         id="path2219" />
+      <path
+         d="M 65.313419,272.61238 48.533988,234.72306 69.564426,267.39945 Z"
+         style="opacity:1;fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.0185626"
+         id="path2221" />
+      <path
+         d="M 33.416458,279.68174 21.480739,273.26579 48.533988,234.72306 Z"
+         style="opacity:1;fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.0185626"
+         id="path2223" />
+      <path
+         d="m 66.357935,274.97075 -17.823947,-40.24769 11.637411,44.2691 z"
+         style="opacity:1;fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.0185626"
+         id="path2225" />
+      <path
+         d="M 48.533988,234.72306 51.504925,283.1121 34.16639,277.45107 Z"
+         style="opacity:1;fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.0185626"
+         id="path2227" />
+      <path
+         d="m 48.533988,234.72306 2.810287,45.92265 9.624572,1.36719 z"
+         style="opacity:1;fill:#cccccc;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.0185626"
+         id="path2229" />
+      <g
+         id="g2340"
+         transform="matrix(0.99230766,0,0,0.99230766,0.40705315,1.8775694)"
+         style="fill:#cccccc;fill-opacity:1">
+        <path
+           style="opacity:1;fill-opacity:1;stroke:none;stroke-width:0.209952px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill:#000000"
+           d="m 91.922238,223.72124 c 0,0 -3.359236,0.83979 -2.939326,2.72935 0,0 1.364686,-0.10495 2.939326,-2.72935 z"
+           id="path2235" />
+        <path
+           id="path2231"
+           d="m 56.755438,217.22847 c 9.705599,-4.4535 18.334521,9.1985 23.472344,3.65199 -2.23966,3.57968 -7.45376,3.90526 -11.088773,3.91761 0,0 -5.577589,-0.13282 -4.847188,-4.81398 -1.205199,-1.99087 -5.022379,-1.95121 -7.536383,-2.75562 z"
+           style="opacity:1;fill-opacity:1;stroke:none;stroke-width:0.375614px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill:#000000" />
+        <path
+           id="path2233"
+           d="m 65.851926,218.62017 a 2.9547924,2.9547924 0 0 0 -1.22808,2.39306 2.9547924,2.9547924 0 0 0 2.955027,2.95504 2.9547924,2.9547924 0 0 0 2.954292,-2.95504 2.9547924,2.9547924 0 0 0 -0.08803,-0.70573 2.4069938,2.9215925 0 0 1 -2.252216,1.90082 2.4069938,2.9215925 0 0 1 -2.407015,-2.9213 2.4069938,2.9215925 0 0 1 0.06602,-0.66685 z"
+           style="opacity:1;fill:#cccccc;fill-opacity:1;stroke:none;stroke-width:0.412713;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/m3ww/.config/eww/images/logos/gentoo.svg b/m3ww/.config/eww/images/logos/gentoo.svg
new file mode 100644
index 000000000..41a80cf9f
--- /dev/null
+++ b/m3ww/.config/eww/images/logos/gentoo.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   id="svg16"
+   version="1"
+   height="496"
+   width="496"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata22">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs20" />
+  <g
+     id="g4"
+     transform="matrix(0.063902,0,0,0.064257,3.3583,450.3601)"
+     style="fill:#705db3">
+    <path
+       id="path2"
+       d="m 3208.5873,-6664.1875 c -111.4456,2.8403 -221.0763,13.9377 -327.0025,33.3094 -1273.5088,232.8432 -2169.62347,1334.506 -2245.50934,2060.3757 -37.22554,356.1 154.83459,622.2976 260.70426,740.0185 286.22418,317.914 856.57788,561.129 1223.41048,762.3389 -530.1956,452.0165 -773.2554,672.5944 -1012.7753,924.0787 -358.35932,376.3224 -610.76447,790.5171 -611.53272,1087.1914 -0.27049,95.57774 -15.53661,400.25139 108.77064,640.77705 46.74941,90.49354 179.60587,392.391365 580.45538,618.45612 256.0483,144.48485 620.7718,197.59793 977.8998,146.63001 1105.2425,-157.71433 2585.6047,-1095.33614 3641.9175,-1968.34548 673.1553,-556.3496 1165.1847,-1095.4077 1307.3196,-1360.8784 114.6863,-214.2021 127.6435,-598.49 61.1189,-839.603 -189.0087,-684.9726 -1725.2864,-2088.0355 -2981.3519,-2652.734 -300.2558,-135.0016 -649.0876,-200.1358 -983.4248,-191.6149 z m 922.9967,1089.252 a 793.68409,659.13367 25.483077 0 1 431.6297,94.7772 793.68409,659.13367 25.483077 0 1 420.9251,939.188 793.68409,659.13367 25.483077 0 1 -1004.8337,242.4376 793.68409,659.13367 25.483077 0 1 -421.2704,-939.1879 793.68409,659.13367 25.483077 0 1 573.5493,-337.2149 z"
+       style="fill:#cccccc;fill-rule:evenodd;stroke-width:11.29758358" />
+  </g>
+</svg>
diff --git a/m3ww/.config/eww/images/logos/hyprland.svg b/m3ww/.config/eww/images/logos/hyprland.svg
new file mode 100644
index 000000000..581cdb582
--- /dev/null
+++ b/m3ww/.config/eww/images/logos/hyprland.svg
@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="1024.0px"
+   height="1024.0px"
+   viewBox="0 0 1024.0 1024.0"
+   version="1.1"
+   id="SVGRoot"
+   sodipodi:docname="hypr.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview6587"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="0.38254353"
+     inkscape:cx="128.09"
+     inkscape:cy="562.02755"
+     inkscape:window-width="1586"
+     inkscape:window-height="854"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid6710" />
+  </sodipodi:namedview>
+  <defs
+     id="defs6582">
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3773"
+       id="linearGradient3775"
+       x1="1218.6354"
+       y1="1270.9648"
+       x2="2079.8806"
+       y2="762.44342"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.71810371,0,0,0.71810371,-713.4579,-193.92467)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient3773">
+      <stop
+         style="stop-color:#009ff9;stop-opacity:1;"
+         offset="0"
+         id="stop3769" />
+      <stop
+         style="stop-color:#00e7cd;stop-opacity:0.94901961;"
+         offset="1"
+         id="stop3771" />
+    </linearGradient>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       style="fill:url(#linearGradient3775);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.34469"
+       d="m 548.55409,86.597997 v 88.585173 25.50702 c 0,3.37451 -0.87889,8.22774 0.43431,11.37476 1.18228,2.82299 3.35728,5.36681 5.0049,7.92785 4.11558,6.39054 8.44145,12.63286 12.65011,18.95791 13.89101,20.86751 28.49205,41.25244 43.38603,61.41333 25.05207,33.90708 52.10331,66.26653 76.5969,100.5907 36.6543,51.36216 67.50052,108.48069 77.76883,171.31064 1.70621,10.42686 3.57789,21.16396 4.057,31.71146 0.36538,8.00707 0.0136,16.1108 0.0136,24.12822 0,5.78389 0.49979,11.8194 -0.0344,17.57917 -2.25081,24.17655 -8.99641,48.10484 -17.95833,70.66134 -11.22303,28.24381 -28.199,53.66813 -48.0428,76.52107 -42.11757,48.50811 -104.80278,75.89019 -168.00847,80.97091 -7.36947,0.58944 -15.01124,0.0309 -22.40484,0.0309 -7.3936,0 -15.03536,0.55839 -22.40483,-0.0309 -38.83958,-3.12281 -77.21038,-14.43552 -110.98997,-34.17246 -53.29226,-31.13583 -92.79364,-83.64236 -111.92394,-141.93278 -7.5349,-22.95625 -11.13001,-46.25729 -11.13001,-70.31662 0,-7.86239 -0.54462,-15.94184 0.0309,-23.78354 1.58213,-21.56034 5.50813,-43.18618 11.14382,-64.11229 18.87512,-70.08223 63.17121,-130.75446 107.19492,-187.10773 24.98311,-31.98029 49.79036,-64.05709 72.65364,-97.60571 6.22164,-9.12738 12.43295,-18.25129 18.57533,-27.43038 2.99881,-4.47405 7.2005,-9.28249 9.23079,-14.27702 1.27535,-3.14703 0.39295,-8.00714 0.39295,-11.37476 V 175.87255 87.632062 h -0.3447 c -5.41163,11.435764 -14.12195,22.219028 -21.13983,32.745498 -14.08746,21.12808 -28.40243,42.07967 -43.16887,62.73347 -68.41395,95.69612 -153.70738,183.77461 -195.50783,295.74351 -8.87576,23.77667 -15.59377,48.13937 -20.25742,73.07414 -3.31247,17.71017 -4.47751,35.52029 -5.70461,53.42692 -0.71351,10.42681 -1.34774,21.23972 -0.62734,31.71138 5.52882,80.27818 41.37994,159.87388 100.61826,215.05519 28.04395,26.1206 60.25177,47.21209 95.82368,61.59257 34.89295,14.10125 71.28521,20.36081 108.57714,22.91841 90.38103,6.19406 182.99558,-25.15891 247.48704,-89.65029 29.79836,-29.79844 54.24384,-65.79432 70.38214,-104.78555 14.10816,-34.08294 22.54616,-69.40668 25.06584,-106.16439 0.8824,-12.85693 -0.53426,-25.79996 -0.99959,-38.60518 C 832.69186,534.05659 810.40077,471.76082 780.4231,416.46576 740.44253,342.71601 684.8924,279.93428 635.37434,212.75433 c -19.76099,-26.80996 -39.04638,-53.97838 -57.52176,-81.6914 -6.11135,-9.16909 -12.34679,-18.26958 -18.25132,-27.57515 -3.50551,-5.529515 -6.74559,-11.955904 -11.04725,-16.889783 z"
+       id="path300" />
+  </g>
+</svg>
diff --git a/m3ww/.config/eww/images/logos/kali-linux.svg b/m3ww/.config/eww/images/logos/kali-linux.svg
new file mode 100644
index 000000000..3e396a8d6
--- /dev/null
+++ b/m3ww/.config/eww/images/logos/kali-linux.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   id="svg14"
+   version="1.1"
+   height="496"
+   width="496"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata20">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs18" />
+  <path
+     id="circle4"
+     d="M 248.30508,17.389831 A 230.30508,230.30508 0 0 0 100.54099,71.34513 c 9.35043,0.728916 18.684,1.579202 28.00095,2.653921 7.32362,0.879765 14.66196,1.618239 21.90597,3.013657 7.57179,1.681112 15.31909,2.461962 22.89556,4.138352 17.4334,3.226344 34.67822,7.50887 51.52628,13.06705 4.66857,1.01219 8.84261,3.35589 13.31451,4.94799 9.5666,3.82571 18.8864,8.35328 27.48366,14.05679 -1.95263,13.67321 -2.87925,28.64707 3.86841,41.24798 3.69458,7.38911 10.01902,13.45224 17.7452,16.46313 11.20083,4.82789 23.70236,3.22888 35.53534,3.82353 10.74193,1.94319 20.82626,6.34479 30.99223,10.16578 4.03642,1.56861 7.98675,3.30798 12.03254,4.85794 0.0518,-1.32518 0.114,-2.6378 0.17998,-3.95837 4.54683,5.33352 10.62158,9.23604 17.09296,11.8302 -0.36526,-2.25239 -0.8025,-4.48174 -1.2145,-6.7248 3.14674,2.9547 6.10825,6.12024 9.31116,9.01886 2.93133,2.40209 6.1814,4.36993 9.46861,6.25233 -0.009,-3.10452 -0.55492,-6.15871 -0.96706,-9.22119 4.90738,5.57235 10.23725,10.74765 15.0463,16.41822 3.8257,0.0576 7.65302,0.11515 11.49276,0.17964 0.28305,0.48709 0.63265,0.93389 0.92214,1.41695 10e-6,-0.31552 -7.7e-4,-0.62988 0,-0.94425 8.66785,9.03095 -0.24297,-0.32934 7.93923,8.25413 0.22754,0.23837 0.15476,0.0806 -0.15741,0.85444 -1.1897,-0.47443 -2.34378,-1.04444 -3.50855,-1.57437 1.86249,2.8232 3.63889,5.70063 5.53272,8.50148 0.87585,1.49284 1.47238,2.49156 2.11412,4.20572 0.90544,2.01574 -3.49949,0.84637 -2.45148,2.13665 6.64463,8.29767 16.60828,11.97794 26.74147,14.50658 -3.90063,1.94792 -8.46219,2.57711 -11.51525,5.78008 -0.30113,0.33164 -0.14728,0.0921 -0.35986,0.31436 -0.39036,0.75656 -0.60927,1.27981 -1.95669,3.44111 -4.04107,-3.65253 -7.56049,-7.84016 -11.80763,-11.26791 -5.73621,-4.67323 -12.12676,-7.36573 -18.86972,-10.39067 -3.54007,-1.64358 -7.52432,-3.39194 -9.37864,-7.03962 -1.38138,-3.56824 -1.68227,-7.43091 -2.02416,-11.20043 -13.04578,-6.37772 -26.63659,-11.58596 -40.14595,-16.86801 -16.51093,-6.04527 -33.32274,-12.23012 -51.00899,-13.49449 -17.11965,-1.66695 -34.53828,5.29022 -46.48833,17.49789 -14.72216,14.58637 -20.98593,36.15513 -15.33869,56.15932 4.36889,18.4168 18.41521,31.85557 36.23258,38.25666 7.71695,2.87985 15.99607,3.96068 24.20002,3.91346 33.94898,-0.023 68.16822,4.06627 100.51108,14.68644 15.13552,5.07604 29.74082,11.95238 42.86733,21.07384 A 230.30508,230.30508 0 0 0 478.61017,247.69492 230.30508,230.30508 0 0 0 248.30508,17.389831 Z M 94.648411,76.518013 A 230.30508,230.30508 0 0 0 45.303748,139.13221 c 5.739606,-0.99607 11.490174,-1.98546 17.227899,-2.9463 63.084253,-10.19883 127.135323,-13.13326 190.968793,-12.5948 0.72581,3.93798 1.63402,7.85731 2.51897,11.7626 -26.47084,-2.65496 -53.11456,-3.50651 -79.70715,-3.3286 -44.27535,0.97995 -88.445539,4.64191 -132.402938,10.00837 A 230.30508,230.30508 0 0 0 18,247.69492 230.30508,230.30508 0 0 0 248.30508,478 230.30508,230.30508 0 0 0 441.79284,372.15858 c -1.51353,-1.94539 -2.92982,-3.99038 -4.54313,-5.82511 -9.34182,-12.00615 -21.70523,-21.31093 -34.79315,-28.87807 -24.92558,-14.25393 -54.48386,-18.78863 -82.85586,-16.50815 -23.54421,2.71587 -47.70324,-7.53524 -63.22144,-25.21219 -7.73568,-8.66281 -13.43176,-16.7973 -16.62066,-27.95593 -2.93593,-12.46987 -3.64224,-24.53682 -0.24735,-36.99724 2.78148,-12.17946 9.27894,-23.27993 17.63274,-32.47659 5.86732,-6.21858 12.57251,-11.79692 20.33162,-15.49619 -7.29075,-12.33399 -12.43521,-25.82791 -16.48571,-39.53867 -2.15399,-7.32358 -3.08797,-14.92077 -4.85799,-22.33326 -0.24815,-1.2129 -1.63863,-1.50158 -2.51896,-2.09163 -6.81322,-3.41369 -13.65442,-6.75565 -20.66898,-9.73856 -4.69199,-2.13528 -9.80425,-3.07216 -14.52902,-5.12786 -7.72637,-2.28037 -15.35021,-4.90135 -23.1655,-6.88221 -4.67793,-1.20334 -9.08079,-3.29843 -13.78682,-4.40815 -9.72111,-2.47244 -19.35862,-5.44545 -29.32791,-6.747249 -19.00531,-4.087915 -38.21675,-7.004268 -57.486309,-9.423508 z M 257.66123,140.88644 c 0.79605,3.79762 1.89745,7.51889 3.05874,11.22288 -60.55564,3.09991 -119.79647,19.20088 -175.697592,42.19259 -8.597289,3.40425 -16.875273,7.53477 -25.369544,11.17785 7.529652,-4.73875 15.543283,-8.60512 23.480323,-12.59481 22.350153,-11.182 45.548333,-20.65997 69.181483,-28.76556 34.18783,-11.318 69.43558,-19.85679 105.34659,-23.23295 z m 71.20566,11.80763 c 14.8954,3.61026 29.09,9.77564 42.66491,16.82309 16.10822,8.42399 31.01164,19.15505 43.99186,31.89185 2.56608,2.68777 5.86186,4.83007 7.66935,8.16408 -1.60614,-0.24873 -3.67521,0.78304 -4.92547,-0.58497 -4.75286,-5.97504 -10.24917,-11.34115 -16.12586,-16.21579 -16.24869,-13.36425 -34.71905,-23.84175 -53.95526,-32.25169 -6.29812,-2.96886 -12.97927,-4.97505 -19.31953,-7.8268 z m 66.03278,172.52637 c 15.94432,8.18988 29.8852,19.95605 41.31547,33.71367 2.79603,3.06191 5.32736,6.32338 7.75931,9.67097 a 230.30508,230.30508 0 0 0 12.14499,-22.28835 c -8.13258,-4.82949 -16.77755,-8.77773 -25.68442,-11.96504 -11.54266,-4.03172 -23.37927,-7.56724 -35.53535,-9.13125 z"
+     style="fill:#cccccc;stroke-width:11.51525402" />
+</svg>
diff --git a/m3ww/.config/eww/images/logos/manjaro.svg b/m3ww/.config/eww/images/logos/manjaro.svg
new file mode 100644
index 000000000..c6bf22c20
--- /dev/null
+++ b/m3ww/.config/eww/images/logos/manjaro.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   id="svg6"
+   version="1"
+   height="496"
+   width="496"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata12">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs10">
+    <style
+       id="current-color-scheme"
+       type="text/css">
+   .ColorScheme-Text { color:#dfdfdf; } .ColorScheme-Highlight { color:#4285f4; }
+  </style>
+  </defs>
+  <g
+     transform="matrix(31.476997,0,0,31.476997,-2.680388,-2.7820803)"
+     id="g7"
+     style="fill:#cccccc">
+    <path
+       d="M 2,1 C 1.446,1 1,1.446 1,2 v 12 c 0,0.554 0.446,1 1,1 H 5 V 5 h 5 V 1 Z m 9,0 v 14 h 3 c 0.554,0 1,-0.446 1,-1 V 2 C 15,1.446 14.554,1 14,1 Z M 6,6 v 9 h 4 V 6 Z"
+       style="color:#dfdfdf;fill:#cccccc"
+       class="ColorScheme-Text"
+       id="path5" />
+  </g>
+</svg>
diff --git a/m3ww/.config/eww/images/logos/mx.svg b/m3ww/.config/eww/images/logos/mx.svg
new file mode 100644
index 000000000..362344326
--- /dev/null
+++ b/m3ww/.config/eww/images/logos/mx.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   id="svg12"
+   version="1.1"
+   height="496"
+   width="496"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata18">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs16" />
+  <path
+     id="rect4"
+     d="M 46.379661,24.40678 C 33.981329,24.40678 24,34.388109 24,46.786441 V 449.62034 C 24,462.01867 33.981329,472 46.379661,472 H 449.21356 c 12.39833,0 22.37966,-9.98133 22.37966,-22.37966 V 46.786441 c 0,-12.398332 -9.98133,-22.379661 -22.37966,-22.379661 z m 123.088139,111.89831 92.57837,104.16154 97.64874,-104.16154 11.18984,11.18983 -98.28256,104.83908 54.83455,61.69704 21.06834,-21.06833 78.32882,89.51865 H 68.759322 L 180.65763,248.20339 216.95901,288.54799 240.344,263.61123 147.08814,158.68475 Z m 81.43224,139.17351 -23.31944,24.87119 53.7855,59.75191 23.69098,-23.691 z"
+     style="fill:#cccccc;stroke-width:11.18983078" />
+</svg>
diff --git a/m3ww/.config/eww/images/logos/nixos.svg b/m3ww/.config/eww/images/logos/nixos.svg
new file mode 100644
index 000000000..7bb42eddf
--- /dev/null
+++ b/m3ww/.config/eww/images/logos/nixos.svg
@@ -0,0 +1,155 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="496"
+   height="496"
+   version="1"
+   id="svg6"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata12">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs10" />
+  <g
+     id="g946"
+     transform="matrix(0.97173996,0,0,0.97173996,4.043873,36.112138)">
+    <g
+       id="layer7"
+       style="display:none"
+       transform="translate(-23.75651,-24.84972)">
+      <rect
+         transform="translate(-132.5822,958.04022)"
+         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+         id="rect5389"
+         width="1543.4283"
+         height="483.7439"
+         x="132.5822"
+         y="-957.77832" />
+    </g>
+    <g
+       id="layer6"
+       style="display:none"
+       transform="translate(-156.33871,933.1905)">
+      <rect
+         y="-958.02759"
+         x="132.65129"
+         height="484.30399"
+         width="550.41602"
+         id="rect5379"
+         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#5c201e;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+      <rect
+         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#c24a46;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+         id="rect5372"
+         width="501.94415"
+         height="434.30405"
+         x="156.12303"
+         y="-933.02759" />
+      <rect
+         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#d98d8a;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+         id="rect5381"
+         width="24.939611"
+         height="24.939611"
+         x="658.02826"
+         y="-958.04022" />
+    </g>
+    <g
+       id="layer3"
+       style="display:inline;opacity:1"
+       transform="translate(37.235605,912.8581)">
+      <g
+         id="g2072"
+         transform="matrix(0.99894325,0,0,0.99894325,-36.551621,-913.90743)"
+         style="fill:#cccccc;fill-opacity:1">
+        <g
+           style="display:none;fill:#cccccc;fill-opacity:1"
+           transform="matrix(0.09048806,0,0,0.09048806,-14.15991,84.454917)"
+           id="layer1-3">
+          <rect
+             y="-2102.4253"
+             x="-1045.6049"
+             height="7145.4614"
+             width="7947.0356"
+             id="rect995"
+             style="opacity:1;fill:#cccccc;fill-opacity:1;stroke-width:10.3605" />
+        </g>
+        <g
+           transform="translate(-156.48372,537.56136)"
+           style="display:inline;opacity:1;fill:#cccccc;fill-opacity:1"
+           id="layer3-6">
+          <g
+             style="fill:#cccccc;stroke-width:11.0512;fill-opacity:1"
+             transform="matrix(0.09048806,0,0,0.09048806,142.32381,-453.10644)"
+             id="g955">
+            <g
+               transform="matrix(11.047619,0,0,11.047619,-1572.2888,9377.7107)"
+               id="g869"
+               style="fill:#cccccc;fill-opacity:1">
+              <g
+                 transform="rotate(-60,226.35754,-449.37199)"
+                 id="g932"
+                 style="fill:#cccccc;stroke-width:11.0512;fill-opacity:1">
+                <path
+                   id="path3336-6-7"
+                   d="m 449.71876,-420.51322 c 40.73228,70.55837 81.46455,141.11675 122.19683,211.67512 -18.71902,0.1756 -37.43804,0.3512 -56.15706,0.5268 -10.87453,-18.9564 -21.74907,-37.9128 -32.6236,-56.8692 -10.95215,18.8551 -21.9043,37.7102 -32.85645,56.5653 -9.30079,-0.004 -18.60158,-0.007 -27.90237,-0.011 -4.76362,-8.22987 -9.52724,-16.45973 -14.29086,-24.6896 15.60349,-26.83003 31.20698,-53.66007 46.81047,-80.4901 -11.07649,-19.27523 -22.15297,-38.55047 -33.22946,-57.8257 9.35083,-16.29387 18.70167,-32.58775 28.0525,-48.88162 z"
+                   style="opacity:1;fill:#cccccc;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:33.1535;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+              </g>
+              <path
+                 id="path4260-0-5"
+                 d="m 309.54892,-710.38827 c 40.73228,70.55837 81.46455,141.11675 122.19683,211.67512 -18.71902,0.1756 -37.43804,0.3512 -56.15706,0.5268 -10.87453,-18.9564 -21.74907,-37.9128 -32.6236,-56.8692 -10.95215,18.8551 -21.9043,37.7102 -32.85645,56.5653 -9.30079,-0.004 -18.60158,-0.007 -27.90237,-0.011 -4.76362,-8.22987 -9.52724,-16.45973 -14.29086,-24.6896 15.60349,-26.83003 31.20698,-53.66007 46.81047,-80.4901 -11.07649,-19.2752 -22.15297,-38.5504 -33.22946,-57.8256 9.35083,-16.29391 18.70167,-32.58781 28.0525,-48.88172 z"
+                 style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#cccccc;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:33.1535;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+              <use
+                 x="0"
+                 y="0"
+                 xlink:href="#path3336-6-7"
+                 id="use3439-6-3"
+                 transform="rotate(60,728.23563,-692.24036)"
+                 width="100%"
+                 height="100%"
+                 style="fill:#cccccc;fill-opacity:1;stroke-width:11.0512" />
+              <use
+                 x="0"
+                 y="0"
+                 xlink:href="#path3336-6-7"
+                 id="use3449-5-5"
+                 transform="rotate(180,477.5036,-570.81898)"
+                 width="100%"
+                 height="100%"
+                 style="fill:#cccccc;fill-opacity:1;stroke-width:11.0512" />
+              <use
+                 style="display:inline;fill:#cccccc;fill-opacity:1;stroke-width:11.0512"
+                 x="0"
+                 y="0"
+                 xlink:href="#path4260-0-5"
+                 id="use4354-5-6"
+                 transform="rotate(120,407.33916,-716.08356)"
+                 width="100%"
+                 height="100%" />
+              <use
+                 style="display:inline;fill:#cccccc;fill-opacity:1;stroke-width:11.0512"
+                 x="0"
+                 y="0"
+                 xlink:href="#path4260-0-5"
+                 id="use4362-2-2"
+                 transform="rotate(-120,407.28823,-715.86995)"
+                 width="100%"
+                 height="100%" />
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/m3ww/.config/eww/images/logos/opensuse.svg b/m3ww/.config/eww/images/logos/opensuse.svg
new file mode 100644
index 000000000..4fc074c3c
--- /dev/null
+++ b/m3ww/.config/eww/images/logos/opensuse.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   id="svg12"
+   version="1"
+   height="496"
+   width="496"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata18">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs16" />
+  <path
+     style="fill:#cccccc;stroke-width:12.04524803"
+     id="path2"
+     d="M 247.78132,5.5879095 C 114.74156,5.5879095 6.8763666,113.44105 6.8763666,246.49286 c 0,133.0518 107.8651934,240.90495 240.9049534,240.90495 133.03977,0 240.90496,-107.85315 240.90496,-240.90495 0,-133.05181 -107.86519,-240.9049505 -240.90496,-240.9049505 z m 1.12924,45.4049215 h 0.0241 c 114.62442,0 207.6388,92.931129 207.6388,207.545279 0,114.62257 -93.01679,207.54528 -207.63936,207.54528 -61.89331,0 -117.43815,-27.13687 -155.458982,-70.10709 15.633532,-12.13317 41.800992,-9.17715 74.012402,-5.50515 15.43719,1.75619 33.02807,3.75896 51.1923,4.16416 50.74422,0.29511 105.34254,-8.96649 139.03792,-23.69059 21.78624,-9.55549 35.74434,-15.82818 44.4639,-23.76118 3.14393,-2.57889 4.78715,-6.89266 6.46962,-11.36289 l 1.15273,-3.01131 c 1.4123,-3.61092 3.4436,-11.38445 4.35229,-15.62124 0.40472,-1.85448 0.60841,-3.86182 -0.70573,-4.89338 l -4.70517,0.89376 c -14.78675,8.86651 -51.73275,25.75527 -86.33997,26.44305 -42.87986,0.89617 -129.32229,-43.17378 -138.33213,-47.82807 l -0.894,-1.05877 c -2.16212,-5.15778 -15.09352,-35.86316 -17.83262,-42.32303 62.22094,40.9683 113.78924,63.64191 153.31813,67.16635 43.95311,3.90628 78.241,-20.09424 92.90368,-30.34836 2.86146,-1.95266 5.05552,-3.47963 5.95205,-3.81123 l 0.98806,-1.59973 c -2.44522,-15.45406 -25.51847,-90.21253 -42.88771,-108.17199 -4.81833,-4.92591 -8.63982,-9.70305 -16.42105,-14.28025 C 296.34772,120.74686 147.12517,98.679603 140.12689,97.667803 l -1.15274,0.35293 -0.44699,0.98771 c 0,0 -0.55023,30.979407 -0.61167,34.418327 -5.12043,-1.69429 -21.01428,-6.88916 -43.758119,-13.1274 C 123.83691,83.579442 169.32043,50.992108 248.91061,50.992108 Z M 303.7729,160.83513 c 1.05867,-0.0121 2.1334,-0.0361 3.19951,0 35.20947,1.26475 62.86464,30.92352 61.66133,66.10769 -0.62635,17.02114 -7.80397,32.75224 -20.23225,44.36987 -12.46442,11.6792 -28.66145,17.77373 -45.78136,17.22085 -35.14803,-1.31413 -62.8032,-30.97291 -61.66131,-66.10769 0.60226,-17.04523 7.80107,-32.88353 20.30283,-44.46383 11.67426,-10.94936 26.62479,-16.8884 42.51125,-17.12689 z m -1.69387,18.82069 c -10.2541,0.62395 -19.92649,4.77763 -27.50174,11.8806 -8.63379,8.10524 -13.73489,19.09617 -14.11553,30.98363 -0.81064,24.56146 18.42088,45.22472 42.95826,46.13413 11.92359,0.36859 23.24182,-3.79967 31.94813,-11.88047 8.68221,-8.14258 13.72341,-19.23842 14.092,-31.0777 0.82269,-24.5988 -18.4794,-45.18016 -43.02882,-46.04019 -1.48602,-0.0602 -2.88746,-0.0843 -4.3523,0 z m 11.7159,22.27902 c 10.90577,0 19.69115,5.92686 19.69115,13.22158 0,7.25847 -8.78527,13.22147 -19.69115,13.22147 -10.94238,0 -19.78526,-5.97589 -19.78526,-13.22147 0,-7.29532 8.84336,-13.22158 19.78526,-13.22158 z" />
+</svg>
diff --git a/m3ww/.config/eww/images/logos/pop-os.svg b/m3ww/.config/eww/images/logos/pop-os.svg
new file mode 100644
index 000000000..92dd61a7b
--- /dev/null
+++ b/m3ww/.config/eww/images/logos/pop-os.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="496"
+   height="496"
+   version="1"
+   id="svg6"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata12">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs10" />
+  <path
+     id="circle2-5"
+     d="M 248.06491,3.543497 A 245.38458,245.38578 0 0 0 2.6937594,248.9162 245.38458,245.38578 0 0 0 248.06491,494.28925 245.38458,245.38578 0 0 0 493.43951,248.9162 245.38458,245.38578 0 0 0 248.06491,3.543497 Z m -54.45702,61.376614 c 21.91828,-0.488223 31.10504,4.366142 43.85029,12.154644 19.3706,12.169427 33.10949,31.144715 38.20828,53.050015 5.09536,21.90533 3.56537,38.99994 -2.54424,51.1697 v 0.93863 c -12.23641,24.82604 -32.62812,44.79155 -61.17518,54.52743 l 24.51064,60.83956 c 4.58651,11.19608 8.67104,22.86664 5.10223,33.57587 -3.5688,10.70924 -19.9035,14.1677 -31.62764,2.4858 C 187.50174,310.78275 112.05818,166.68704 106.45054,155.97781 100.8429,145.26858 94.698919,136.46855 94.698919,125.75933 95.214647,109.69548 121.23807,93.139288 133.98333,84.863939 146.72858,76.5886 171.69307,65.406611 193.61478,64.919764 Z m -21.55725,44.521639 c -13.70794,2.41703 -5.53888,32.17548 -2.40672,40.69425 3.56881,9.73554 13.26786,30.13563 23.97429,40.35835 2.54424,2.43423 5.06442,4.4153 8.12437,4.90182 3.05996,0.48821 9.20395,-2.41705 11.75164,-6.31216 2.54424,-3.89408 3.09434,-6.84987 3.09434,-10.74429 a 65.251047,62.308329 0 0 0 -1.06583,-23.36895 c -4.58996,-15.09016 -14.25117,-29.68248 -26.99643,-39.41802 -2.54423,-1.946 -5.63171,-4.3988 -9.20052,-5.37214 -2.92244,-0.91112 -5.29133,-1.08303 -7.25108,-0.73921 z m 198.70157,17.32531 a 45.993002,48.02967 0 0 1 24.98167,12.82612 c 6.13023,5.87034 6.67691,12.27497 4.6312,20.27974 -2.02851,8.0051 -9.2177,25.06225 -14.8391,37.33653 l -14.30273,28.27076 c -27.59812,51.23192 -33.22982,56.58792 -40.89692,53.38594 -9.19708,-3.73556 -6.13367,-54.94309 2.54424,-117.38142 2.54424,-17.07743 6.68378,-25.61338 11.28403,-29.88256 4.59683,-4.26954 18.41479,-6.43592 26.59073,-4.83511 z m -48.14799,184.13052 c 13.54291,-3.73488 19.65597,9.58118 16.85385,19.54123 -0.92829,3.73488 -3.30063,7.05754 -7.04821,9.13248 -3.73728,2.07323 -12.59399,2.05604 -17.73059,-1.67783 -5.13318,-3.73489 -6.0993,-9.92773 -4.69998,-14.90759 1.40964,-4.97986 6.08898,-10.4273 12.62493,-12.08725 z M 145.19173,371.60272 H 351.0103 c 10.96086,0 19.74191,6.88152 19.74191,15.37793 0,8.49643 -8.78105,15.31055 -19.74191,15.31055 H 145.19173 c -10.96086,0 -19.81068,-6.81412 -19.81068,-15.31055 0,-8.49641 8.84982,-15.37793 19.81068,-15.37793 z"
+     style="fill:#cccccc;stroke-width:30.6731472" />
+</svg>
diff --git a/m3ww/.config/eww/images/logos/pureos.svg b/m3ww/.config/eww/images/logos/pureos.svg
new file mode 100644
index 000000000..1160304d6
--- /dev/null
+++ b/m3ww/.config/eww/images/logos/pureos.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   id="svg12"
+   version="1.1"
+   height="496"
+   width="496"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata18">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs16" />
+  <path
+     id="circle4"
+     d="M 248.30508,17.389831 A 230.30508,230.30508 0 0 0 18,247.69492 230.30508,230.30508 0 0 0 248.30508,478 230.30508,230.30508 0 0 0 478.61017,247.69492 230.30508,230.30508 0 0 0 248.30508,17.389831 Z M 110.12203,155.57288 H 386.48814 V 339.81695 H 110.12203 Z m 23.03051,23.03051 V 316.78644 H 363.45763 V 178.60339 Z"
+     style="fill:#cccccc;stroke-width:11.51525402" />
+</svg>
diff --git a/m3ww/.config/eww/images/logos/raspbian.svg b/m3ww/.config/eww/images/logos/raspbian.svg
new file mode 100644
index 000000000..3a8f44043
--- /dev/null
+++ b/m3ww/.config/eww/images/logos/raspbian.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   id="svg40"
+   version="1.1"
+   height="496"
+   width="496"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata46">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs44" />
+  <path
+     id="path4"
+     d="m 178.15569,26.101695 c -51.67616,0 -95.003815,16.766174 -95.003818,68.269865 -10e-7,24.00867 9.169213,48.54242 24.123158,67.96771 5.87851,6.10638 5.51387,9.91653 3.71126,17.02436 -3.20292,11.61441 -7.93183,25.47952 -12.27735,35.66682 -30.106709,28.97981 -36.71323,80.29381 -9.73126,113.58168 10.65053,17.1135 6.859926,42.07037 21.31814,59.03485 14.41787,20.28313 36.28772,38.01905 61.86145,40.11177 17.57736,24.40008 46.89696,39.53233 76.59858,40.24125 29.70162,-0.70925 59.02121,-15.84117 76.59859,-40.24125 25.57371,-2.09272 47.44357,-19.82864 61.86144,-40.11177 14.45822,-16.96448 10.6676,-41.92135 21.31815,-59.03485 26.98196,-33.28787 20.37543,-84.60198 -9.73127,-113.58168 -4.34551,-10.1873 -9.07443,-24.05241 -12.27735,-35.66682 -1.80262,-7.10783 -2.16726,-10.91798 3.71126,-17.02436 14.95395,-19.42529 24.12316,-43.95904 24.12316,-67.96771 0,-51.503691 -43.32765,-68.269865 -95.00382,-68.269865 -19.49191,0 -48.50524,17.628428 -70.60016,17.628428 -22.09491,0 -51.10824,-17.628428 -70.60016,-17.628428 z m 5.86896,55.237285 c 6.78869,2.52159 10.27896,5.78357 13.96037,8.99761 1.24825,-1.68927 3.18475,-2.93653 0.86313,-7.01249 4.82005,2.78628 8.44845,6.07456 11.13377,9.75281 2.98226,-1.90436 1.77433,-4.50449 1.7909,-6.90466 5.00926,4.08656 8.1919,8.41904 12.08316,12.66569 0.78381,-0.57226 1.46544,-2.49662 2.07139,-5.56682 11.95094,11.62734 28.83317,40.90653 4.33699,52.51851 -20.8368,-17.24696 -45.72645,-29.78163 -73.31887,-39.1839 35.46732,18.33801 56.0678,33.17375 67.3636,45.80807 -5.78477,23.25158 -35.9606,24.3223 -46.99485,23.67006 2.25935,-1.05503 4.14321,-2.33124 4.81169,-4.27227 -2.76884,-1.97341 -12.58696,-0.19444 -19.44094,-4.05641 2.6329,-0.54685 3.8822,-1.0937 5.11377,-3.04247 -6.47554,-2.07118 -13.46143,-3.84021 -17.56374,-7.27144 2.21385,0.0221 4.29381,0.47946 7.18517,-1.53195 -5.80008,-3.13471 -11.99991,-5.60835 -16.80853,-10.40018 2.99888,-0.0773 6.22355,-0.0332 7.16358,-1.14353 -5.30876,-3.29833 -9.77838,-6.97072 -13.48566,-10.98272 4.1967,0.50819 5.97647,0.0884 6.99096,-0.64738 -4.01288,-4.12202 -9.1005,-7.60794 -11.52215,-12.68734 3.11602,1.07713 5.97202,1.49804 8.02667,-0.0884 -1.3636,-3.08511 -7.20936,-4.917 -10.57276,-12.12635 3.28031,0.31927 6.7482,0.71808 7.44408,0 -1.52539,-6.22337 -4.12652,-9.71116 -6.68889,-13.33461 7.02066,-0.11048 17.65724,0.011 17.17535,-0.58221 l -4.33704,-4.44505 c 6.85757,-1.85167 13.87222,0.3038 18.96623,1.89873 2.28726,-1.81002 -0.0365,-4.09309 -2.8266,-6.42996 5.82789,0.77995 11.07731,2.11924 15.83757,3.97024 2.54329,-2.30295 -1.63911,-4.60171 -3.66809,-6.90466 9.00382,1.71313 12.82338,4.10612 16.61433,6.51623 2.75049,-2.64399 0.15157,-4.88342 -1.70459,-7.18516 z m 134.01515,0 c -1.85613,2.30174 -4.43349,4.54117 -1.683,7.18516 3.79096,-2.41011 7.58894,-4.80332 16.59276,-6.51623 -2.02898,2.30295 -6.21138,4.6017 -3.66811,6.90466 4.76028,-1.851 10.0097,-3.18996 15.83757,-3.97024 -2.79013,2.33687 -5.11383,4.61994 -2.82659,6.42995 5.09401,-1.59536 12.10868,-3.75039 18.96624,-1.89872 l -4.33698,4.44483 c -0.48189,0.59436 10.15469,0.47725 17.17533,0.5822 -2.56237,3.62346 -5.16351,7.11125 -6.68889,13.33462 0.69588,0.71808 4.16379,0.31927 7.44409,0 -3.36341,7.20935 -9.20916,9.04124 -10.57276,12.12635 2.05465,1.5842 4.91066,1.1633 8.02667,0.0884 -2.42164,5.0794 -7.48771,8.56542 -11.50058,12.68734 1.01449,0.73355 2.77269,1.15534 6.9694,0.64738 -3.70728,4.012 -8.17691,7.68439 -13.48567,10.98272 0.94002,1.10596 4.1647,1.06939 7.16359,1.14352 -4.80863,4.79184 -10.98688,7.26547 -16.78696,10.40019 2.89135,2.01097 4.94973,1.55957 7.16358,1.53195 -4.10231,3.43123 -11.06663,5.20026 -17.54214,7.27144 1.23154,1.94877 2.45927,2.4954 5.09218,3.04247 -6.85399,3.86164 -16.67211,2.083 -19.44094,4.0564 0.66848,1.94104 2.55233,3.21757 4.81168,4.27228 -11.03423,0.6518 -41.21007,-0.4187 -46.99484,-23.67007 11.29579,-12.63431 31.89628,-27.47005 67.36359,-45.80806 -27.59241,9.40227 -52.48207,21.93694 -73.31886,39.1839 -24.49621,-11.61198 -7.61394,-40.89117 4.33699,-52.51851 0.60595,3.0702 1.30916,4.99444 2.09298,5.56681 3.89125,-4.24664 7.05232,-8.57912 12.06158,-12.66569 0.0166,2.40017 -1.19136,5.0003 1.79089,6.90466 2.68532,-3.67836 6.33531,-6.96652 11.15535,-9.7528 -2.32166,4.07596 -0.40666,5.32322 0.84148,7.01248 3.68144,-3.21381 7.17168,-6.4758 13.96037,-8.99738 z m -67.55778,95.78058 c 17.37043,-0.19223 38.88173,12.99048 38.79556,25.41777 -0.0762,10.96869 -15.0912,19.84753 -38.64452,19.67828 -23.06424,-0.27619 -38.61235,-11.14247 -38.55821,-21.77122 0.0453,-8.74738 18.83157,-23.83545 38.40717,-23.32483 z m -59.09958,7.40091 c 3.88297,-0.0773 7.89703,0.2331 11.99684,0.92799 12.08245,2.03582 -57.9128,63.32259 -58.9917,49.64882 -0.96124,-31.20885 19.814,-50.06918 46.99486,-50.57659 z m 114.61737,1.03515 c 27.18084,0.50708 47.95609,19.38928 46.99485,50.59824 -1.0789,13.67377 -71.07415,-47.63465 -58.9917,-49.67037 4.09982,-0.69378 8.11387,-1.0009 11.99685,-0.92798 z m -11.56531,38.08357 a 45.046857,38.137683 56.426594 0 1 29.56058,80.63351 45.046857,38.137683 56.426594 1 1 -49.56252,-75.21772 45.046857,38.137683 56.426594 0 1 20.00194,-5.41579 z m -85.83357,2.07139 a 38.137683,45.046857 33.573406 0 1 18.31894,5.43745 38.137683,45.046857 33.573406 1 1 -49.58411,75.21761 38.137683,45.046857 33.573406 0 1 29.58217,-80.63351 38.137683,45.046857 33.573406 0 1 1.683,-0.0221 z m 149.96061,23.30318 c 31.53617,18.06016 26.07202,58.23789 9.06237,71.9596 -15.46363,6.88931 -28.06987,-77.06706 -9.06237,-71.9596 z m -219.61137,1.03515 c 19.00749,-5.10746 6.40127,78.87045 -9.06238,71.98114 -17.00964,-13.72171 -22.4738,-53.92098 9.06238,-71.98114 z m 113.79744,54.05057 a 42.484004,39.287753 0 0 1 41.23377,39.27028 42.485241,39.288898 0 0 1 -84.97048,0 42.484004,39.287753 0 0 1 43.73671,-39.27028 z m 92.65192,14.62926 c 3.31845,-0.0884 6.43403,0.84845 9.23498,3.02082 7.54227,7.53425 11.95253,35.91252 -1.25147,52.90694 -18.18393,25.30342 -42.78729,26.27306 -51.95757,19.22522 -9.59109,-9.07361 -2.27218,-37.22628 10.87484,-52.66963 11.28324,-12.77672 23.14387,-22.22307 33.09922,-22.48335 z m -190.71968,6.01998 c 10.69608,0.45958 23.50373,8.93231 33.9623,21.10241 12.15123,14.68119 17.69252,40.49203 7.55197,48.09522 -9.59355,5.80422 -32.89537,3.4014 -49.45463,-20.45503 -11.16779,-20.01855 -9.71823,-40.38442 -1.87721,-46.36905 2.9315,-1.79091 6.25221,-2.52678 9.81757,-2.37355 z m 97.01048,70.31972 c 17.06741,-0.74681 39.95859,5.52649 40.00388,13.83087 0.28326,8.0642 -20.77112,26.26632 -41.14747,25.91402 -21.10223,0.91252 -41.78548,-17.3233 -41.51427,-23.64841 -0.31584,-9.2739 25.69714,-16.52203 42.65786,-16.09648 z"
+     style="fill:#cccccc;stroke-width:11.0474577" />
+</svg>
diff --git a/m3ww/.config/eww/images/logos/redhat.svg b/m3ww/.config/eww/images/logos/redhat.svg
new file mode 100644
index 000000000..40727f459
--- /dev/null
+++ b/m3ww/.config/eww/images/logos/redhat.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   id="svg12"
+   version="1.1"
+   height="496"
+   width="496"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata18">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs16" />
+  <path
+     id="path4"
+     d="m 252.19068,75.20339 c -13.90839,0 -18.04156,17.89693 -34.95718,17.89693 -16.1638,0 -28.20632,-13.42784 -43.24241,-13.42784 -14.66021,0 -24.03971,9.68512 -31.18191,29.81466 0,0 -20.30613,56.65249 -22.93745,64.85343 -0.0408,0.16195 -0.81937,1.85772 -1.04077,2.38766 -0.37593,1.50352 -0.76357,3.00631 -0.38774,4.50994 0,22.17826 88.63684,95.11695 206.29433,95.11695 30.07221,0 74.52635,-6.40925 74.52635,-42.12004 0,-1.23103 -0.0251,-2.53833 -0.1024,-3.85692 l -1.50974,-6.44863 -18.03979,-77.52616 C 375.47704,129.25601 372.10308,121.41846 341.65496,106.50768 318.34903,94.57908 267.2268,75.20339 252.19068,75.20339 Z M 118.83097,176.72823 c -1.64809,3.94468 -6.709,14.95435 -7.571,18.32542 z m -8.12198,19.61109 C 70.505148,198.21386 18,205.70128 18,251.49946 18,326.79886 198.05694,420 340.8999,420 c 109.38763,0 136.82891,-49.19161 136.82891,-87.5868 0,-30.93986 -26.69651,-65.22204 -74.81204,-86.09718 l -0.69388,-2.93861 1.1836,5.53033 c 4.13493,19.92287 4.12221,21.79585 4.12221,24.42717 5e-5,33.83124 -38.42843,52.62965 -88.42347,52.62965 -112.77077,0 -213.06945,-66.16459 -213.06945,-109.76924 0,-6.0144 1.14397,-12.01355 3.77529,-17.65202 z"
+     style="fill:#cccccc;stroke-width:10.44838238" />
+</svg>
diff --git a/m3ww/.config/eww/images/logos/rockylinux.svg b/m3ww/.config/eww/images/logos/rockylinux.svg
new file mode 100644
index 000000000..a4bf8237f
--- /dev/null
+++ b/m3ww/.config/eww/images/logos/rockylinux.svg
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="496"
+   height="496"
+   viewBox="0 0 131.23333 131.23334"
+   version="1.1"
+   id="svg4110"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs4107" />
+  <g
+     id="layer1">
+    <g
+       id="g4141"
+       transform="matrix(2.0888265,0,0,2.0888265,2.234266,3.7573409)">
+      <g
+         id="g45"
+         transform="matrix(1.0005035,0,0,1.0005035,-0.1541809,0.11907192)">
+        <g
+           style="fill:none"
+           id="g1711"
+           transform="matrix(0.12660227,0,0,0.12660227,-23.031958,18.510873)">
+          <path
+             d="M 644.77435,162.61604 C 686.12179,52.775516 627.49022,-83.195048 518.74646,-127.87536 426.99057,-168.71975 309.4092,-143.4284 246.13635,-64.296413 186.85122,5.8665921 173.54302,112.13648 217.99392,193.26493 c 10.66602,20.48373 24.37379,39.40274 40.6814,55.76583 C 337.48425,170.22183 416.29318,91.4129 495.10211,12.60397 544.93592,62.664825 595.2245,112.27265 644.77435,162.61604 Z M 602.2952,236.65112 C 566.53181,200.88772 530.76841,165.12433 495.00502,129.36093 439.01346,185.35249 383.0219,241.34405 327.03034,297.33561 418.48361,341.52679 537.863,315.09365 602.2952,236.65112 Z"
+             clip-rule="evenodd"
+             fill="#10b981"
+             fill-rule="evenodd"
+             id="path1696"
+             style="stroke-width:2.42738;fill:#cccccc;fill-opacity:1" />
+        </g>
+      </g>
+    </g>
+  </g>
+  <style
+     id="style2"
+     type="text/css">
+    .st1{fill:#86da2f}.st2{fill:#24c2ff}.st3{fill:#ffcb12}.st4{fill:#0069da}.st5{fill:#ff4649}
+  </style>
+  <style
+     id="style2-3"
+     type="text/css">
+    .st1{fill:#86da2f}.st2{fill:#24c2ff}.st3{fill:#ffcb12}.st4{fill:#0069da}.st5{fill:#ff4649}
+  </style>
+</svg>
diff --git a/m3ww/.config/eww/images/logos/shastraos.svg b/m3ww/.config/eww/images/logos/shastraos.svg
new file mode 100644
index 000000000..90e616c5e
--- /dev/null
+++ b/m3ww/.config/eww/images/logos/shastraos.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   id="svg"
+   version="1.1"
+   width="496"
+   height="496"
+   viewBox="0 0 496 496"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs71" />
+  <g
+     id="svgg">
+    <path
+       id="path0"
+       d="m 314.14177,11.917999 c -12.75863,2.375043 -17.6149,4.435936 -27.81069,8.22109 -5.22986,2.130702 -6.14098,2.716944 -11.40072,5.167429 -8.26891,3.490382 -9.82334,4.450249 -15.9337,8.247215 -1.9903,1.595917 -5.67646,3.929928 -8.19193,5.189196 -4.71103,2.356548 -11.28212,7.040065 -16.83967,12.00107 -1.74257,1.555069 -5.0635,4.506037 -7.37797,6.555515 -7.89324,6.989356 -21.2605,25.619188 -23.44474,32.673338 -0.80546,2.60164 -2.20263,6.50481 -3.10436,8.67401 -1.72558,4.153888 -5.67079,16.125378 -6.84429,20.772268 -1.27261,5.03848 -4.00466,7.19501 -10.46818,8.26271 -3.92963,0.65077 -16.13199,5.67735 -22.66487,9.52136 -4.96724,2.48896 -3.65632,2.20645 -4.7463,2.60789 -1.08999,0.40286 -1.63641,0.74937 -1.21456,0.77191 0.42041,0.0211 4.24246,-1.33956 8.49344,-3.02562 14.71631,-5.83715 19.22937,-5.1231 31.76143,-4.8104 1.86856,0.0479 4.15279,-0.73774 4.93136,-0.75323 0.77856,-0.0141 4.15785,-0.3045 7.27212,0.42936 3.11425,0.73246 4.05805,2.46263 5.42126,2.68096 1.8091,0.28876 0.91873,1.06388 0.34826,1.45407 -0.52517,0.36058 1.39923,-0.27382 2.73128,-0.50906 1.36178,-0.24087 1.87705,0.45907 1.32781,0.83377 -0.57756,0.3944 -1.15066,2.90492 1.18362,3.19509 6.15633,0.76626 6.80439,-0.50305 1.62905,2.77893 -1.78928,1.13391 -0.66274,1.73526 -1.16103,2.49026 -1.0277,1.5607 -2.47177,9.89663 -1.04662,7.79681 0,0 0.35723,-1.4283 0.36147,-2.14104 0.24206,-5.46951 2.84112,-5.34199 11.42941,-7.8239 5.14985,-1.48745 8.39718,-2.05229 24.20631,-4.20883 4.35997,-0.59442 13.53289,-2.47486 20.38427,-4.17924 21.87911,-5.44133 29.28257,-7.05978 36.23869,-7.92606 25.83566,-3.21859 26.62271,-3.36791 50.67756,-9.67833 6.38425,-1.67338 15.17496,-3.79893 19.53493,-4.72014 24.50925,-5.18215 35.36746,-21.318788 30.07043,-41.160708 0,0 -0.91502,-5.728511 -3.03657,-10.090747 -3.77664,-12.080501 -6.76059,-15.76856 -10.96201,-20.54786 l -3.94648,-4.691561 c -3.35974,-4.259717 -5.77775,-6.061661 -9.65109,-9.106397 -3.43133,-2.498272 -5.24844,-3.637079 -8.42375,-5.688948 -8.51067,-3.667994 -8.32869,-4.190907 -19.84585,-6.722588 -17.87731,-4.040163 -29.47622,-3.039994 -39.88732,-2.539592 m 35.6484,30.937973 c 5.09466,1.438157 5.47988,1.825781 11.63183,5.768574 3.91911,3.029582 2.29918,1.38565 6.88244,6.456679 1.99537,2.489953 3.28491,3.188054 6.40877,8.054028 2.67281,3.500235 2.80096,4.177476 4.63087,8.059499 4.73509,8.30919 1.32543,11.1563 -9.79391,13.43256 -2.4461,0.50003 -5.72175,1.37899 -7.27888,1.95228 -9.19132,3.38199 -33.70765,8.97123 -46.71394,10.65166 -16.04553,2.07201 -20.47487,2.821378 -26.89592,4.551108 -3.42568,0.92261 -9.03136,2.42133 -12.45705,3.32987 -3.42569,0.90852 -8.64916,2.31851 -11.6077,3.13126 -8.71995,2.3974 -33.36651,6.09914 -35.42334,5.3216 -4.57655,-1.73114 2.80709,-19.389048 11.9064,-28.477188 2.81275,-2.80869 6.20446,-6.41324 7.5351,-8.00916 3.79516,-4.54829 26.51511,-19.504555 33.25184,-21.887866 2.80283,-0.991639 7.78283,-3.074923 11.06695,-4.627174 13.69851,-6.478043 16.51408,-7.333049 28.85224,-8.758528 5.26169,-0.607096 24.71875,0.122546 28.0043,1.050798 M 292.69016,156.10128 c -6.02092,3.39277 -7.02241,4.54007 -10.86566,9.65115 l -2.56738,5.74291 7.04499,-4.47388 c 6.4904,-7.01753 4.64048,-2.12364 15.08317,-0.63617 6.31912,0.90007 4.88384,1.96841 10.22338,6.21386 2.02853,1.61282 5.20912,7.67662 7.23339,8.72882 2.02427,1.05362 8.91326,-2.17346 10.61054,-0.54655 1.69727,1.6269 21.67276,14.6183 21.79003,14.62556 1.31119,0.0811 -7.92073,-11.65006 -13.4394,-17.68264 -3.53912,-4.11895 -5.61931,-5.42009 -14.99099,-13.80709 -4.66973,-3.60367 -4.38558,-3.12745 -9.21403,-5.31651 -10.10367,-4.55492 -15.75196,-3.91741 -20.90804,-2.49946 M 136.06253,383.76527 c 0,0 -0.15981,0.0289 -0.24034,0.0442 -2.57557,0.48942 -9.11035,2.37651 -19.02784,7.3947 -2.59382,1.33755 -4.37164,2.00525 -6.25036,3.53808 -11.145339,9.0934 -13.591219,17.07817 -12.092509,28.74907 1.03358,6.36483 0.1591,4.76032 3.757899,14.10614 3.18114,6.89582 4.71279,10.62965 8.99895,17.08891 l 5.47615,6.64068 c 3.70514,4.16598 3.10191,3.33261 6.81849,6.89421 3.04102,2.6294 5.264,4.22011 7.85544,6.14856 8.22981,4.4706 8.53653,4.51179 21.40791,8.18309 20.68405,4.28521 45.21344,1.97617 71.36997,-6.74908 8.78885,-3.86349 12.92337,-6.02779 15.00707,-6.77812 9.37792,-5.19188 11.78152,-5.9805 20.815,-11.63625 4.2228,-2.77541 3.89072,-2.39988 7.17642,-4.93953 3.64067,-2.60295 3.69997,-2.64172 7.0524,-5.75402 l 7.29162,-6.76934 c 4.43163,-3.62343 4.40956,-3.63585 8.56755,-8.16804 1.11673,-1.21724 3.2813,-4.52716 5.58727,-6.8147 2.15879,-3.35753 3.3143,-5.18216 4.86484,-7.00655 1.88839,-3.71019 12.83929,-23.15549 11.0064,-20.08029 0,0 -0.62744,-3.27906 -5.19124,0.41 -2.02428,1.63535 -4.86217,2.10264 -6.63588,3.8211 -3.96078,3.83555 3.30585,1.5607 -14.76159,16.2576 -1.84934,1.50434 0.1767,-3.40225 -0.55089,-3.40225 -1.28678,0 -18.50004,11.35816 -19.24604,10.30736 -1.08291,-1.52689 1.33414,-6.99576 5.43081,-11.33841 5.54511,-4.37496 9.55437,-8.31235 -0.003,-1.28461 -2.82631,2.07829 -1.75443,1.48082 -8.91332,7.58717 -3.87997,3.38715 -3.7486,3.02283 -8.28818,7.15838 -2.61133,2.22375 -3.1139,2.77337 -6.83582,5.8403 -5.0685,3.70131 -5.44496,3.87062 -10.55593,6.56503 -4.90908,2.6843 -7.36058,4.21665 -14.49407,7.46264 -11.49205,6.53842 -15.48068,7.81823 -28.77432,9.5536 -4.55783,0.92169 -7.41059,0.78817 -7.41059,0.78817 -8.70053,0.97735 -16.3612,1.1987 -27.66739,-1.48323 -7.89221,-2.77243 -9.14526,-3.25001 -14.20104,-7.67533 -2.1385,-1.97395 -4.09668,-4.96523 -6.09688,-7.03866 -3.89424,-4.03979 -9.53814,-15.74084 -10.14117,-21.02723 -0.63842,-5.58923 6.799,-8.63458 26.16406,-10.71363 2.93307,-0.31552 21.04817,-4.51026 38.78672,-8.98108 2.95856,-0.74655 5.8888,-1.46774 6.51165,-1.60437 0.62285,-0.13663 -0.12174,-0.13804 -1.65623,-0.003 -1.53306,0.13522 -4.97291,0.724 -7.6441,1.30856 -4.82569,1.05784 -18.016,3.5468 -28.41199,5.36386 -7.14864,1.248 -29.31936,0.96488 -35.04819,-0.44934 -2.02427,-0.49863 -5.88777,-1.7318 -8.91285,-2.40087 -7.63984,-1.69171 -8.00042,-1.91641 -1.75917,-7.85356 25.53549,-9.13336 32.19592,-11.90196 34.5732,-11.34538 32.78239,-2.14394 42.96456,-12.36829 -13.70905,0.0852"
+       stroke="none"
+       fill="#cccccc"
+       fill-rule="evenodd"
+       style="stroke-width:1.41208" />
+    <path
+       id="path1"
+       d="m 192.16204,130.91875 c -0.0858,0.086 -2.76957,0.25918 -5.96236,0.38454 -6.25976,0.24791 -12.10344,1.79735 -21.80765,5.78362 -2.67376,1.09869 -6.33713,1.81628 -9.56424,2.82482 -12.94705,4.04543 -32.05216,20.57304 -38.71512,33.49251 -1.76012,3.41157 -4.09216,7.77533 -5.18311,9.69805 -7.83113,13.79418 -6.64866,37.6611 2.77243,55.97682 0.7864,1.5269 1.99603,4.52998 2.68949,6.67243 1.63858,5.05679 3.00405,7.68941 5.32609,10.25866 3.0012,3.32142 7.61523,10.40233 10.75226,16.49866 2.05037,3.98344 4.03067,6.82455 6.79022,9.73467 2.64947,2.79461 4.574,5.51598 6.01527,8.50639 1.39693,2.90026 3.33148,5.66811 5.6821,8.1289 1.96029,2.05088 5.206,6.05264 7.21203,8.89234 4.70698,6.65834 15.03888,17.50156 22.02068,23.11051 9.67275,7.7683 11.56297,9.07546 14.35257,9.92905 1.50417,0.46061 5.37899,1.6593 8.61039,2.66221 14.05943,4.368 27.24669,-4.90747 30.86128,-21.70757 1.24966,-5.81038 1.41837,-40.72899 0.25594,-52.96247 -1.58139,-16.6536 -3.59458,-32.89308 -4.71127,-38.03157 -0.64056,-2.94392 -1.66861,-8.01479 -2.28344,-11.2686 -0.61482,-3.25381 -1.38406,-6.67666 -1.70862,-7.60632 -0.56621,-1.61563 -2.15904,-10.184 -4.60976,-24.79094 -1.39836,-8.33032 -2.13615,-17.88329 -2.35348,-30.44498 -0.1916,-11.18268 0.2924,-10.41666 4.29336,-14.66999 3.61084,-3.53355 0.0541,-4.2865 -1.13115,-5.00835 -1.46682,-0.91226 -0.69587,-0.40209 -2.84266,-1.42368 -1.60682,-0.65207 -1.3475,-0.72438 -3.19343,-1.2918 l -1.75916,-0.51481 c -1.27679,-0.31809 -0.52806,-0.2525 -2.35537,-0.5413 -1.37692,-0.21832 -1.02574,-0.10152 -4.32863,-0.8903 -4.98436,-1.19166 -12.2382,-1.27006 -15.12466,-1.40154 m -3.1456,24.93321 c 2.27626,1.20011 2.65947,3.1693 3.01549,15.47744 0.21732,7.56546 0.77782,14.67596 1.55421,19.72007 0.66916,4.33841 1.55278,10.2967 1.96601,13.24062 0.41322,2.94393 2.05609,12.32504 3.65177,20.84692 5.71642,30.53513 8.19431,81.21852 4.07785,83.38914 -2.94401,1.55085 -21.98781,-17.85089 -29.41431,-29.96888 -1.45984,-2.38189 -4.411,-6.23717 -6.55859,-8.56554 -2.14759,-2.32979 -4.35666,-5.19765 -4.91,-6.37381 -2.78815,-5.93997 -3.99493,-7.90353 -6.81168,-11.07845 -4.05927,-4.57647 -7.78109,-10.34319 -11.23125,-17.40156 -1.55135,-3.17634 -3.79331,-7.55983 -4.9815,-9.74312 -6.6644,-12.24476 -6.56574,-25.84175 0.27166,-37.44419 6.96324,-11.81655 11.12688,-15.8648 22.32383,-21.69912 4.63547,-2.41429 10.09167,-5.42443 12.12631,-6.68651 6.04386,-3.75104 12.02624,-5.2399 14.9202,-3.71301 m 116.18604,9.4111 c 0,0 -2.88047,-1.61463 -4.81867,-4.48419 -1.30659,-1.93444 -2.47875,-3.2252 -5.48183,-1.67113 -5.04545,2.61094 -12.99698,6.71292 -15.64486,12.38764 -4.52968,8.70923 -3.86229,61.77338 0.42576,85.19378 0.76638,4.18347 2.19477,11.91656 3.17278,17.18463 0.97798,5.26808 2.24195,12.3673 2.8053,15.77605 0.56478,3.40876 1.29256,7.33869 1.61714,8.73318 1.81015,7.77252 3.47732,47.78455 2.12328,50.97498 -1.03948,2.45092 -3.35579,3.24253 -14.91305,5.09199 -5.03298,0.80572 -10.78801,1.98892 -12.78976,2.62841 -3.53023,1.12827 -6.97895,2.04947 -19.52421,5.21878 -3.30289,0.83528 -7.67814,2.0199 -9.7228,2.63403 -2.04464,0.61415 -11.76029,2.25232 -21.59175,3.63977 -9.83001,1.38744 -18.58053,2.79039 -19.44557,3.11859 -0.86362,0.32678 -4.14506,1.18038 -7.29067,1.89876 -3.1456,0.71696 -17.37305,3.16052 -21.94809,4.57471 -14.27544,2.99116 -8.10025,1.78241 -20.6606,5.47688 -13.57302,3.99235 -18.40699,5.8708 -26.22151,11.3855 -6.30407,5.93715 -6.43764,6.25019 1.38026,7.97493 3.05553,0.66906 7.35453,1.7809 9.39918,2.27954 5.78649,1.4142 28.18035,1.69733 35.40095,0.44933 10.72081,-1.8551 23.86517,-4.31588 28.93961,-5.41879 4.94004,-1.07334 13.35168,-2.20442 31.17155,-4.19052 8.06848,-0.90008 16.00257,-2.51994 28.8824,-5.89912 34.34146,-9.01065 36.18451,-8.59232 29.0111,6.5851 -1.58425,3.351 -3.32292,7.45982 -3.86338,9.12757 -0.5419,1.66917 -1.90596,4.0398 -3.03123,5.26808 -1.12671,1.22828 -2.91112,3.15802 -3.96632,4.28911 -3.26455,4.34279 -12.48363,11.01723 -14.60825,18.40728 9.98203,-3.96606 13.32215,-5.87805 18.72887,-8.28432 11.25205,-5.00782 7.01115,-2.94389 15.66965,-6.77852 8.19095,-6.00524 2.14109,-1.08823 9.73044,-7.9635 2.75038,-2.86377 4.57261,-5.20589 7.85135,-8.87121 5.07674,-3.78227 5.51531,-4.14335 5.51531,-4.14335 1.8931,-4.02854 4.29676,-10.21252 5.62935,-14.39599 3.40298,-10.68265 2.8725,-10.26994 17.80843,-13.86321 12.73375,-4.22594 15.24467,-5.52183 27.0937,-11.54892 4.58512,-2.45844 3.36136,-1.98281 7.02729,-4.24256 6.82058,-4.13606 5.14547,-3.00151 9.79742,-6.92041 2.99824,-2.52578 4.84996,-4.83987 6.94179,-6.33719 3.79313,-4.0839 2.90615,-3.10755 6.22973,-7.37249 1.33545,-2.55797 3.53737,-6.42451 4.89143,-8.59372 12.84266,-20.56944 12.10201,-44.14056 -2.20479,-70.1471 -1.10812,-2.01427 -2.59656,-5.26526 -3.30719,-7.226 -1.95778,-3.42503 -2.44922,-3.99293 -5.23171,-7.8345 -2.53228,-3.13037 -3.6453,-4.32468 -6.29836,-8.26975 -6.92454,-11.10133 -7.35324,-11.59858 -11.61873,-17.21704 -1.84414,-2.6565 -3.97653,-5.79014 -5.95379,-8.41201 -3.03914,-3.9587 -3.62735,-4.83385 -5.77361,-7.47532 -4.61897,-4.59922 -4.09319,-4.52881 -6.93054,-6.61961 -4.87301,-5.15033 0,0 -9.46527,-7.62852 -4.14934,-3.91866 -7.80118,-3.40817 -10.26189,-4.67167 -2.04466,-1.0508 -4.52589,-1.0442 -6.57482,-2.65701 -4.43101,-3.48764 -2.13125,-1.98853 -6.41288,-4.13582 0,0 -3.58579,-2.54091 -6.37615,-3.99102 m 4.02481,22.60866 c 2.0904,1.88749 5.80078,5.86249 8.24435,8.83176 2.44357,2.96788 6.02241,7.11191 7.9541,9.20787 1.93026,2.09597 4.40815,5.5667 5.50482,7.71337 2.16908,2.94032 3.91801,5.11952 6.22688,8.35989 3.46569,4.51484 3.94884,5.66354 6.49853,9.19097 2.0456,3.16857 3.26217,5.07485 4.53683,7.54856 4.21654,6.31723 7.61586,11.97542 11.19408,17.31845 0.89221,2.08609 2.89252,5.85686 4.44674,8.37821 9.55121,15.49011 9.51261,34.55097 -0.0914,44.92654 -1.53278,1.65789 0,0 -4.30091,5.63431 -4.02631,4.2841 -3.94054,4.21651 -8.99359,8.35849 -3.03935,2.32349 -2.88161,2.55181 -7.12017,4.86469 -6.34454,3.59875 -7.49935,4.16208 -15.73553,7.39134 -10.38909,2.96504 -11.58442,2.12553 -12.39083,-8.69514 -2.06467,-27.72784 -2.23053,-29.17022 -4.84854,-42.28125 -2.79816,-14.01252 -4.63262,-22.80907 -6.87887,-32.98604 -1.40837,-6.38225 -3.73612,-28.60115 -4.84852,-46.29991 -1.40123,-22.25409 0.96941,-26.15726 10.60213,-17.46211"
+       stroke="none"
+       fill="#cccccc"
+       fill-rule="evenodd"
+       style="stroke-width:1.41917" />
+  </g>
+</svg>
diff --git a/m3ww/.config/eww/images/logos/solus.svg b/m3ww/.config/eww/images/logos/solus.svg
new file mode 100644
index 000000000..6d61eb18b
--- /dev/null
+++ b/m3ww/.config/eww/images/logos/solus.svg
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   id="svg26"
+   version="1"
+   height="496"
+   width="496"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata32">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs30" />
+  <g
+     transform="matrix(10.812189,0,0,10.812189,-17.248755,-5.746109)"
+     style="fill:#cccccc"
+     id="g857">
+    <path
+       style="fill:#cccccc"
+       d="m 24,4 c -11.045825,4e-7 -20,8.954175 -20,20 0,4.379808 1.4071008,8.430277 3.7949219,11.724609 0.1149929,0.158649 0.2394024,0.292149 0.359375,0.4375 A 20.000237,20.000237 0 0 1 7.390625,35.115234 c 6.897653,0.582772 14.792837,0.862764 21.443359,-0.103515 6.13364,-0.891195 11.594204,-2.853453 14.619141,-6.455078 A 20.000237,20.000237 0 0 1 42.59375,31.3125 c 0.138638,-0.332779 0.278623,-0.663295 0.398438,-1.025391 C 43.646425,28.309918 44,26.196572 44,24 44,12.954174 35.045826,4 24,4 Z m 18.59375,27.3125 c -0.0052,0.01251 -0.0084,0.02659 -0.01367,0.03906 6.95e-4,-5.65e-4 0.0013,-0.0014 0.002,-0.002 a 20.000237,20.000237 0 0 0 0.01172,-0.03711 z m -0.01367,0.03906 c -3.366442,2.738416 -8.35532,4.240932 -13.552734,4.996094 -6.441672,0.935922 -13.913233,0.729468 -20.5449221,0.210938 3.6937301,3.971212 9.5022581,2.417968 15.7656251,2.417968 8.431856,10e-7 15.411489,-0.672354 18.332031,-7.625 z M 8.4824219,36.558594 C 8.3693535,36.437031 8.2633509,36.294232 8.1542969,36.162109 a 20.000237,20.000237 0 0 0 0.2890625,0.394532 c 0.012679,9.94e-4 0.026377,9.61e-4 0.039063,0.002 z M 17.4375,5.5625 c 2.133782,3.7537513 3.977089,5.881941 6.25,10 0.226834,2.625076 1.15362,16.247204 1.25,17.5 -0.674699,-0.05516 -4.266313,-0.412979 -8.769531,-0.880859 -2.455162,-0.255067 -4.985591,-0.546499 -7.0390628,-0.839844 L 5.875,30.5625 c 3.68206,-6.505788 9.530771,-16.708616 11.5625,-25 z m 7.8125,10.625 c -2e-6,0 8.572991,6.746882 12.1875,15 -4.397649,2.168682 -8.452538,1.89 -10.9375,1.875 1.764785,-4.531585 1.762074,-10.670108 -1.25,-16.875 z m 5.9375,3.75 c 1.554725,0.427247 3.32167,0.967464 5,1.5625 3.043774,1.079143 5.871412,2.562787 7.5,4.0625 -0.931183,1.717045 -2.550489,3.769204 -5,5 0.26244,-2.569143 -0.671831,-5.04057 -2.5,-6.875 -1.349885,-1.354503 -3.13082,-2.497478 -5,-3.75 z"
+       id="path4" />
+    <path
+       style="fill:#cccccc;fill-rule:evenodd"
+       d="M 16.812656,2.7499995 C 13.803001,12.580993 9.354026,21.936745 4.312503,30.875346 L 4,31.500354 4.481746,31.748607 c 0.42292,0.196346 0.979684,0.328379 1.733418,0.479131 0.753737,0.150751 1.680914,0.301003 2.722811,0.449849 2.0838,0.297659 4.624493,0.588632 7.089319,0.844728 4.929656,0.512163 9.556999,0.885636 9.556999,0.885636 l 0.787362,0.06347 -0.06042,-0.787978 c 0,0 -1.220937,-15.884531 -1.448993,-18.494477 l -0.01221,-0.140994 -0.06837,-0.124513 C 23.336723,12.615968 17.724071,3.0217715 16.812656,2.7499995 Z m 0.625005,2.8125337 c 2.133782,3.7537513 3.977164,5.8820608 6.250075,10.0001198 0.226787,2.624442 1.119693,16.174828 1.216009,17.426814 -0.674247,-0.0551 -4.233755,-0.341444 -8.73729,-0.809323 C 13.711297,31.925046 11.182492,31.635449 9.129017,31.342103 8.102283,31.195445 7.193944,31.047255 6.480061,30.904472 6.127835,30.834032 6.120096,30.629217 5.875022,30.562843 9.557138,24.056965 15.406021,13.85397 17.437661,5.5625332 Z"
+       id="path6" />
+    <path
+       style="fill:#cccccc;fill-rule:evenodd"
+       d="m 27.478027,17.583426 v 0 c 3.14022,2.100471 5.811342,5.3405 7.754784,7.290588 1.943438,1.950093 2.854146,3.869181 2.115503,6.556463 l -0.344242,1.254297 1.223768,-0.440662 c 3.823634,-1.375766 5.640443,-4.041689 6.750397,-6.223085 l 0.312504,-0.625007 -0.625008,-0.625008 c -1.8635,-1.962438 -4.741897,-3.263167 -8.081588,-4.447224 -3.339692,-1.184055 -6.977027,-2.226959 -9.106118,-2.740362 z m 3.730076,2.484624 c 1.554206,0.427137 3.247357,0.93294 4.924987,1.527729 3.04398,1.079215 5.925893,2.46689 7.55441,3.966721 -0.931174,1.717179 -2.351285,3.697732 -4.801083,4.928653 0.262659,-2.569371 -0.869486,-4.734741 -2.697786,-6.569298 -1.349544,-1.354162 -3.111892,-2.601609 -4.980528,-3.853805 z"
+       id="path8" />
+    <circle
+       style="fill:#cccccc;fill-opacity:0"
+       cx="24.024"
+       cy="23.976999"
+       r="20.024"
+       id="circle10" />
+    <path
+       style="fill:#cccccc"
+       d="m 42.710938,30.572266 c -4.03814,2.864409 -8.807423,4.602678 -13.683594,5.351562 -6.796251,0.959012 -13.718897,0.720882 -20.5390628,0.199219 -0.050037,0.118205 -0.082655,0.233711 -0.1191406,0.349609 a 20.000237,20.000237 0 0 0 15.4335934,7.517578 c 0.172596,-5.61e-4 0.347999,0.0018 0.517578,-0.002 a 20.000237,20.000237 0 0 0 0.578126,-0.01953 c 0.273799,-0.01248 0.539697,-0.03127 0.802734,-0.05273 a 20.000237,20.000237 0 0 0 1.478516,-0.179688 c 0.0939,-0.01565 0.197559,-0.02586 0.289062,-0.04297 A 20.000237,20.000237 0 0 0 42.794922,30.763672 c -0.02981,-0.06384 -0.05123,-0.127387 -0.08398,-0.191406 z"
+       id="path12" />
+  </g>
+</svg>
diff --git a/m3ww/.config/eww/images/logos/tux.svg b/m3ww/.config/eww/images/logos/tux.svg
new file mode 100644
index 000000000..ce309ca4c
--- /dev/null
+++ b/m3ww/.config/eww/images/logos/tux.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.0"
+   viewBox="0 0 496 496"
+   id="svg8"
+   width="496"
+   height="496"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <defs
+     id="defs12" />
+  <metadata
+     id="metadata2">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="matrix(1.6179932,0,0,1.6179932,25.699223,455.59415)"
+     id="g6">
+    <path
+       d="m 132,-206 c 0,1 -1,1 -1,1 h -1 c -1,0 -1,-1 -2,-2 0,0 -1,-1 -1,-2 0,-1 0,-1 1,-1 l 2,1 c 1,1 2,2 2,3 m -18,-10 c 0,-5 -2,-8 -5,-8 0,0 0,1 -1,1 v 2 h 3 c 0,2 1,3 1,5 h 2 m 35,-5 c 2,0 3,2 4,5 h 2 c -1,-1 -1,-2 -1,-3 0,-1 0,-2 -1,-3 -1,-1 -2,-2 -3,-2 0,0 -1,1 -2,1 0,1 1,1 1,2 m -30,16 c -1,0 -1,0 -1,-1 0,-1 0,-2 1,-3 2,0 3,-1 3,-1 1,0 1,1 1,1 0,1 -1,2 -3,4 h -1 m -11,-1 c -4,-2 -5,-5 -5,-10 0,-3 0,-5 2,-7 1,-2 3,-3 5,-3 2,0 3,1 5,3 1,3 2,6 2,9 v 1 1 h 1 v -1 c 1,0 1,-2 1,-6 0,-3 0,-6 -2,-9 -2,-3 -4,-5 -8,-5 -3,0 -6,2 -7,5 -2,4 -2.4,7 -2.4,12 0,4 1.4,8 5.4,12 1,-1 2,-1 3,-2 m 125,141 c 1,0 1,-0.4 1,-1.3 0,-2.2 -1,-4.8 -4,-7.7 -3,-3 -8,-4.9 -14,-5.7 -1,-0.1 -2,-0.1 -2,-0.1 -1,-0.2 -1,-0.2 -2,-0.2 -1,-0.1 -3,-0.3 -4,-0.5 3,-9.3 4,-17.5 4,-24.7 0,-10 -2,-17 -6,-23 -4,-6 -8,-9 -13,-10 -1,1 -1,1 -1,2 5,2 10,6 13,12 3,7 4,13 4,20 0,5.6 -1,13.9 -5,24.5 -4,1.6 -8,5.3 -11,11.1 0,0.9 0,1.4 1,1.4 0,0 1,-0.9 2,-2.6 2,-1.7 3,-3.4 5,-5.1 3,-1.7 5,-2.6 8,-2.6 5,0 10,0.7 13,2.1 4,1.3 6,2.7 7,4.3 1,1.5 2,2.9 3,4.2 0,1.3 1,1.9 1,1.9 m -92,-145 c -1,-1 -1,-3 -1,-5 0,-4 0,-6 2,-9 2,-2 4,-3 6,-3 3,0 5,2 7,4 1,3 2,5 2,8 0,5 -2,8 -6,9 0,0 1,1 2,1 2,0 3,1 5,2 1,-6 2,-10 2,-15 0,-6 -1,-10 -3,-13 -3,-3 -6,-4 -10,-4 -3,0 -6,1 -9,3 -2,3 -3,5 -3,8 0,5 1,9 3,13 1,0 2,1 3,1 m 12,16 c -13,9 -23,13 -31,13 -7,0 -14,-3 -20,-8 1,2 2,4 3,5 l 6,6 c 4,4 9,6 14,6 7,0 15,-4 25,-11 l 9,-6 c 2,-2 4,-4 4,-7 0,-1 0,-2 -1,-2 -1,-2 -6,-5 -16,-8 -9,-4 -16,-6 -20,-6 -3,0 -8,2 -15,6 -6,4 -10,8 -10,12 0,0 1,1 2,3 6,5 12,8 18,8 8,0 18,-4 31,-14 v 2 c 1,0 1,1 1,1 M 176,8 c 4,7.52 11,11.3 19,11.3 2,0 4,-0.3 6,-0.9 2,-0.4 4,-1.1 5,-1.9 1,-0.7 2,-1.4 3,-2.2 2,-0.7 2,-1.2 3,-1.7 l 17,-14.7 c 4,-3.19 8,-5.98 13,-8.4 4,-2.4 8,-4 10,-4.9 3,-0.8 5,-2 7,-3.6 1,-1.5 2,-3.4 2,-5.8 0,-2.9 -2,-5.1 -4,-6.7 -2,-1.6 -4,-2.7 -6,-3.4 -2,-0.7 -4,-2.3 -7,-5 -2,-2.6 -4,-6.2 -5,-10.9 l -1,-5.8 c -1,-2.7 -1,-4.7 -2,-5.8 0,-0.3 0,-0.4 -1,-0.4 -1,0 -3,0.9 -4,2.6 -2,1.7 -4,3.6 -6,5.6 -1,2 -4,3.8 -6,5.5 -3,1.7 -6,2.6 -8,2.6 -8,0 -12,-2.2 -15,-6.5 -2,-3.2 -3,-6.9 -4,-11.1 -2,-1.7 -3,-2.6 -5,-2.6 -5,0 -7,5.2 -7,15.7 v 3.3 11.6 8.9 4.3 3 c 0,0.9 -1,2.9 -1,6 -1,3.1 -1,6.62 -1,10.6 L 176,7.8 V 7.97 M 31,2.68 c 9.3,1.36 20,4.27 32.1,8.71 12.1,4.4 19.5,6.7 22.2,6.7 7,0 12.8,-3.1 17.6,-9.09 1,-1.94 1,-4.22 1,-6.84 0,-9.45 -5.7,-21.4 -17.1,-35.9 l -6.8,-9.1 c -1.4,-1.9 -3.1,-4.8 -5.3,-8.7 -2.1,-3.9 -4,-6.9 -5.5,-9 -1.3,-2.3 -3.4,-4.6 -6.1,-6.9 -2.6,-2.3 -5.6,-3.8 -8.9,-4.6 -4.2,0.8 -7.1,2.2 -8.5,4.1 -1.4,1.9 -2.2,4 -2.4,6.2 -0.3,2.1 -0.9,3.5 -1.9,4.2 -1,0.6 -2.7,1.1 -5,1.6 -0.5,0 -1.4,0 -2.7,0.1 H 31 c -5.3,0 -8.9,0.6 -10.8,1.6 -2.5,2.9 -3.8,6.2 -3.8,9.7 0,1.6 0.4,4.3 1.2,8.1 0.8,3.7 1.2,6.7 1.2,8.8 0,4.1 -1.2,8.2 -3.7,12.3 -2.5,4.3 -3.8,7.5 -3.8,9.78 1,3.88 7.6,6.61 19.7,8.21 m 33.3,-90.9 c 0,-6.9 1.8,-14.5 5.5,-23.5 3.6,-9 7.2,-15 10.7,-19 -0.2,-1 -0.7,-1 -1.5,-1 l -1,-1 c -2.9,3 -6.4,10 -10.6,20 -4.2,9 -6.4,17.3 -6.4,23.4 0,4.5 1.1,8.4 3.1,11.8 2.2,3.3 7.5,8.1 15.9,14.2 l 10.6,6.9 c 11.3,9.8 17.3,16.6 17.3,20.6 0,2.1 -1,4.2 -4,6.5 -2,2.4 -4.7,3.6 -7,3.6 -0.2,0 -0.3,0.2 -0.3,0.7 0,0.1 1,2.1 3.1,6 4.2,5.7 13.2,8.5 25.2,8.5 22,0 39,-9 52,-27 0,-5 0,-8.1 -1,-9.4 v -3.7 c 0,-6.5 1,-11.4 3,-14.6 2,-3.2 4,-4.7 7,-4.7 2,0 4,0.7 6,2.2 1,-7.7 1,-14.4 1,-20.4 0,-9.1 0,-16.6 -2,-23.6 -1,-6 -3,-11 -5,-15 -2,-3 -4,-6 -6,-9 -2,-3 -3,-6 -5,-9 -1,-4 -2,-7 -2,-12 -3,-5 -5,-10 -8,-15 -2,-5 -4,-10 -6,-14 l -9,7 c -10,7 -18,10 -25,10 -6,0 -11,-1 -14,-5 l -6,-5 c 0,3 -1,7 -3,11 l -6.3,12 c -2.8,7 -4.3,11 -4.6,14 -0.4,2 -0.7,4 -0.9,4 l -7.5,15 c -8.1,15 -12.2,28.9 -12.2,40.4 0,2.3 0.2,4.7 0.6,7.1 -4.5,-3.1 -6.7,-7.4 -6.7,-13 m 71.6,94.6 c -13,0 -23,1.76 -30,5.25 v -0.3 c -5,6 -10.6,9.1 -18.4,9.1 -4.9,0 -12.6,-1.9 -23,-5.7 C 54,11.1 44.7,8.34 36.6,6.52 35.8,6.29 34,5.95 31.1,5.49 28.3,5.04 25.7,4.58 23.4,4.12 21.3,3.67 18.9,2.99 16.3,2.07 13.8,1.28 11.8,0.25 10.3,-1 8.92,-2.26 8.24,-3.68 8.24,-5.27 c 0,-1.6 0.34,-3.31 1.02,-5.13 0.64,-1.1 1.34,-2.2 2.04,-3.2 0.7,-1.1 1.3,-2.1 1.7,-3.1 0.6,-0.9 1,-1.8 1.4,-2.8 0.4,-0.9 0.8,-1.8 1,-2.9 0.2,-1 0.4,-2 0.4,-3 0,-1 -0.4,-4 -1.2,-9.3 -0.8,-5.2 -1.2,-8.5 -1.2,-9.9 0,-4.4 1,-7.9 3.2,-10.4 2.2,-2.5 4.3,-3.8 6.5,-3.8 h 11.5 c 0.9,0 2.3,-0.5 4.4,-1.7 0.7,-1.6 1.3,-2.9 1.7,-4.1 0.5,-1.2 0.7,-2.1 0.9,-2.5 0.2,-0.6 0.4,-1.2 0.6,-1.7 0.4,-0.7 0.9,-1.5 1.6,-2.3 -0.8,-1 -1.2,-2.3 -1.2,-3.9 0,-1.1 0,-2.1 0.2,-2.7 0,-3.6 1.7,-8.7 5.3,-15.4 l 3.5,-6.3 c 2.9,-5.4 5.1,-9.4 6.7,-13.4 1.7,-4 3.5,-10 5.5,-18 1.6,-7 5.4,-14 11.4,-21 l 7.5,-9 c 5.2,-6 8.6,-11 10.5,-15 1.9,-4 2.9,-9 2.9,-13 0,-2 -0.5,-8 -1.6,-18 -1,-10 -1.5,-20 -1.5,-29 0,-7 0.6,-12 1.9,-17 1.3,-5 3.6,-10 7,-14 3,-4 7,-8 13,-10 6,-2 13,-3 21,-3 3,0 6,0 9,1 3,0 7,1 12,3 4,2 8,4 11,7 4,3 7,8 10,13 2,6 4,12 5,20 1,5 1,10 2,17 0,6 1,10 1,13 1,3 1,7 2,12 1,4 2,8 4,11 2,4 4,8 7,12 3,5 7,10 11,16 9,10 16,21 20,32 5,10 8,23 8,36.9 0,6.9 -1,13.6 -3,20.1 2,0 3,0.8 4,2.2 1,1.4 2,4.4 3,9.1 l 1,7.4 c 1,2.2 2,4.3 5,6.1 2,1.8 4,3.3 7,4.5 2,1 5,2.4 7,4.2 2,2 3,4.1 3,6.3 0,3.4 -1,5.9 -3,7.7 -2,2 -4,3.4 -7,4.3 -2,1 -6,3 -12,5.82 -5,2.96 -10,6.55 -15,10.8 l -10,8.51 c -4,3.9 -8,6.7 -11,8.4 -3,1.8 -7,2.7 -11,2.7 l -7,-0.8 c -8,-2.1 -13,-6.1 -16,-12.2 -16,-1.94 -29,-2.9 -37,-2.9"
+       id="path4"
+       style="fill:#cccccc;fill-opacity:1" />
+  </g>
+</svg>
diff --git a/m3ww/.config/eww/images/logos/ubuntu.svg b/m3ww/.config/eww/images/logos/ubuntu.svg
new file mode 100644
index 000000000..b137d0527
--- /dev/null
+++ b/m3ww/.config/eww/images/logos/ubuntu.svg
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="496"
+   width="496"
+   id="svg4"
+   version="1.1"
+   viewBox="0 0 496 496"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8">
+    <style
+       id="style933">.cls-1{fill:#e9500e;}</style>
+  </defs>
+  <g
+     id="g959"
+     transform="matrix(0.61580374,0,0,0.61580374,12.468621,21.817361)">
+    <circle
+       class="cls-1"
+       cx="109.02696"
+       cy="348.09412"
+       r="109.02696"
+       id="circle937"
+       style="fill:#cccccc;fill-opacity:1" />
+    <ellipse
+       class="cls-1"
+       cx="563.08368"
+       cy="109.02698"
+       id="circle939"
+       rx="109.02662"
+       ry="109.02698"
+       style="fill:#cccccc;fill-opacity:1" />
+    <path
+       class="cls-1"
+       d="m 354.92039,628.68582 c -77.01891,-15.8253 -145.43904,-68.0075 -181.0712,-138.0982 -28.93817,13.2078 -61.94374,17.2648 -93.21911,11.4583 51.75695,133.1719 190.35352,224.9404 332.95672,222.1315 -21.33123,-25.4775 -29.54323,-61.4497 -33.6059,-91.347 -8.41211,-0.9891 -16.77785,-2.3728 -25.06051,-4.1446 z"
+       id="path941"
+       style="fill:#cccccc;fill-opacity:1" />
+    <circle
+       class="cls-1"
+       cx="538.52045"
+       cy="629.28723"
+       r="109.02698"
+       id="circle943"
+       style="fill:#cccccc;fill-opacity:1" />
+    <path
+       class="cls-1"
+       d="m 690.23645,589.24102 c 85.45532,-105.22585 101.63344,-261.1123 39.28817,-381.54731 -6.39094,-12.73675 -13.54502,-25.09063 -21.41334,-36.97169 -12.438,29.45803 -34.16446,54.90303 -61.30975,71.8031 44.28267,81.68487 40.82043,186.89167 -8.73688,265.4884 25.36982,20.67266 43.92291,49.5585 52.1718,81.2275 z"
+       id="path945"
+       style="fill:#cccccc;fill-opacity:1" />
+    <path
+       class="cls-1"
+       d="m 100.61489,191.73908 c 31.72478,-1.7424 63.98682,6.52836 90.98772,23.31994 C 239.1057,145.42119 321.41819,101.39883 405.71083,100.54968 405.7585,68.81709 422.81019,34.82283 437.18034,12.00596 323.8486,3.01574 208.0489,52.71326 135.95771,140.54908 c -13.26,15.97642 -25.10697,33.12582 -35.34282,51.19 z"
+       id="path947"
+       style="fill:#cccccc;fill-opacity:1" />
+  </g>
+</svg>
diff --git a/m3ww/.config/eww/images/logos/voyager.svg b/m3ww/.config/eww/images/logos/voyager.svg
new file mode 100644
index 000000000..4f869a7a2
--- /dev/null
+++ b/m3ww/.config/eww/images/logos/voyager.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   id="svg12"
+   version="1.1"
+   height="496"
+   width="496"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata18">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs16" />
+  <path
+     id="rect4"
+     d="M 42.867797,18.644068 C 30.199037,18.644068 20,28.843106 20,41.511865 V 453.1322 C 20,465.80096 30.199037,476 42.867797,476 H 454.48814 c 12.66875,0 22.86779,-10.19904 22.86779,-22.8678 V 327.35932 H 225.81017 V 18.644068 Z m 228.677963,0 V 304.49153 H 477.35593 V 41.511865 c 0,-12.668759 -10.19904,-22.867797 -22.86779,-22.867797 z"
+     style="fill:#cccccc;stroke-width:11.43389797" />
+</svg>
diff --git a/m3ww/.config/eww/images/logos/zorin.svg b/m3ww/.config/eww/images/logos/zorin.svg
new file mode 100644
index 000000000..a07cd8218
--- /dev/null
+++ b/m3ww/.config/eww/images/logos/zorin.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="496"
+   width="496"
+   id="svg4"
+   version="1.1"
+   viewBox="0 0 496 496"
+   xml:space="preserve"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"><metadata
+     id="metadata10"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs8"><style
+       id="style933">.cls-1{fill:#e9500e;}</style></defs><g
+     style="fill:#cccccc;fill-opacity:1"
+     id="g128"
+     transform="matrix(0.63842458,0,0,0.63842458,10.630929,40.503173)"><path
+       d="m 125,542 62.353,108 h 375.29 L 625,542 Z M 750,324.998 687.103,434 H 288 L 687.103,216 Z M 0,325.002 62.897,216 H 462 L 62.897,434 Z M 125,108 187.353,0 h 375.29 L 625,108 Z"
+       id="path119"
+       style="fill:#cccccc;fill-opacity:1" /></g></svg>
diff --git a/m3ww/.config/eww/images/svg/app.svg b/m3ww/.config/eww/images/svg/app.svg
new file mode 100644
index 000000000..645607577
--- /dev/null
+++ b/m3ww/.config/eww/images/svg/app.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m18.492 2.33 3.179 3.179a2.25 2.25 0 0 1 0 3.182l-2.423 2.422A2.501 2.501 0 0 1 21 13.5v5a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 18.5v-13A2.5 2.5 0 0 1 5.5 3h5c1.121 0 2.07.737 2.387 1.754L15.31 2.33a2.25 2.25 0 0 1 3.182 0ZM11 13H5v5.5a.5.5 0 0 0 .5.5H11v-6Zm7.5 0H13v6h5.5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5Zm-4.06-2.001L13 9.559v1.44h1.44Zm-3.94-6h-5a.5.5 0 0 0-.5.5V11h6V5.5a.5.5 0 0 0-.5-.5Z" fill="#e5dff9"/></svg>
\ No newline at end of file
diff --git a/m3ww/.config/eww/images/svg/archlinux.svg b/m3ww/.config/eww/images/svg/archlinux.svg
new file mode 100644
index 000000000..bfcf46958
--- /dev/null
+++ b/m3ww/.config/eww/images/svg/archlinux.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   id="svg8"
+   version="1.1"
+   height="496"
+   width="496"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata14">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs12" />
+  <path
+     id="path4"
+     d="m 247.93344,17.871894 c -20.49358,50.233214 -32.85373,83.091376 -55.67015,131.826236 13.9889,14.826 31.1605,32.09056 59.04738,51.59003 -29.98068,-12.33447 -50.43052,-24.71727 -65.71321,-37.56731 -29.20024,60.91971 -74.95051,147.69601 -167.7909,314.47259 72.96954,-42.11649 123.77827,-68.0824 176.49709,-77.99095 -2.26368,-9.73362 -3.55081,-20.26245 -3.46331,-31.24816 l 0.0805,-2.33732 c 1.15775,-46.73933 31.74236,-84.002 60.03547,-84.06511 28.29312,-0.0633 55.80715,46.15485 54.64917,92.8942 -0.2175,8.79569 -1.21012,17.25536 -2.94362,25.10278 52.1433,10.19855 103.4958,36.09772 175.4777,77.64456 -14.1938,-26.12472 -26.86242,-49.67506 -38.96013,-72.10451 -19.05704,-14.7673 -38.93365,-33.98597 -79.47881,-54.79276 27.86845,7.23979 47.82218,15.59244 63.3754,24.92903 C 300.07316,147.25839 290.11644,116.83076 247.92986,17.860386 Z"
+     style="fill:#e5e1e6;fill-rule:evenodd;stroke-width:11.50832653" />
+</svg>
diff --git a/m3ww/.config/eww/images/svg/corner_bottomleft.svg b/m3ww/.config/eww/images/svg/corner_bottomleft.svg
new file mode 100644
index 000000000..7eeec832a
--- /dev/null
+++ b/m3ww/.config/eww/images/svg/corner_bottomleft.svg
@@ -0,0 +1,4 @@
+<svg width="50" height="51" viewBox="0 0 50 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.00157475 50H50C10.2358 50 0.145819 17.622 0.00157475 0.731939V50Z" fill="#1c1b1f"/>
+<path d="M0.00157475 0.731939C0.145819 17.622 10.2358 50 50 50H0.00157475V0.731939ZM0.00157475 0.731939V1.63913e-06C-0.000516981 0.240559 -0.000537669 0.484588 0.00157475 0.731939Z" stroke="#1c1b1f"/>
+</svg>
diff --git a/m3ww/.config/eww/images/svg/corner_bottomright.svg b/m3ww/.config/eww/images/svg/corner_bottomright.svg
new file mode 100644
index 000000000..f624efb96
--- /dev/null
+++ b/m3ww/.config/eww/images/svg/corner_bottomright.svg
@@ -0,0 +1,4 @@
+<svg width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M49.9984 50H0C39.7642 50 49.8542 17.622 49.9984 0.731939V50Z" fill="#1c1b1f"/>
+<path d="M49.9984 0.731939C49.8542 17.622 39.7642 50 0 50H49.9984V0.731939ZM49.9984 0.731939V1.63913e-06C50.0005 0.240559 50.0005 0.484588 49.9984 0.731939Z" stroke="#1c1b1f"/>
+</svg>
diff --git a/m3ww/.config/eww/images/svg/corner_topleft.svg b/m3ww/.config/eww/images/svg/corner_topleft.svg
new file mode 100644
index 000000000..ef73a5656
--- /dev/null
+++ b/m3ww/.config/eww/images/svg/corner_topleft.svg
@@ -0,0 +1,4 @@
+<svg width="50" height="51" viewBox="0 0 50 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.00157475 0H50C10.2358 0 0.145819 32.378 0.00157475 49.2681V0Z" fill="#1c1b1f"/>
+<path d="M0.00157475 49.2681C0.145819 32.378 10.2358 0 50 0H0.00157475V49.2681ZM0.00157475 49.2681V50C-0.000516981 49.7594 -0.000537669 49.5154 0.00157475 49.2681Z" stroke="#1c1b1f"/>
+</svg>
diff --git a/m3ww/.config/eww/images/svg/corner_topright.svg b/m3ww/.config/eww/images/svg/corner_topright.svg
new file mode 100644
index 000000000..b0659a04f
--- /dev/null
+++ b/m3ww/.config/eww/images/svg/corner_topright.svg
@@ -0,0 +1,4 @@
+<svg width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M49.9984 0H0C39.7642 0 49.8542 32.378 49.9984 49.2681V0Z" fill="#1c1b1f"/>
+<path d="M49.9984 49.2681C49.8542 32.378 39.7642 0 0 0H49.9984V49.2681ZM49.9984 49.2681V50C50.0005 49.7594 50.0005 49.5154 49.9984 49.2681Z" stroke="#1c1b1f"/>
+</svg>
diff --git a/m3ww/.config/eww/images/svg/drips.svg b/m3ww/.config/eww/images/svg/drips.svg
new file mode 100644
index 000000000..1ea9e5cff
--- /dev/null
+++ b/m3ww/.config/eww/images/svg/drips.svg
@@ -0,0 +1,25 @@
+<svg width="1920" height="40" viewBox="0 0 1920 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1_2)">
+<path d="M7 31.5002C7 33.4332 8.567 35.0002 10.5 35.0002V35.0002C12.433 35.0002 14 33.4332 14 31.5002V21.5002C14 19.5672 15.567 18.0002 17.5 18.0002V18.0002C19.433 18.0002 21 19.5672 21 21.5002V34.0002C21 35.9332 22.567 37.5002 24.5 37.5002V37.5002C26.433 37.5002 28 35.9332 28 34.0002V16.0002C28 14.0672 29.567 12.5002 31.5 12.5002V12.5002C33.433 12.5002 35 14.0672 35 16.0002V29.8336C35 31.7666 36.567 33.3336 38.5 33.3336V33.3336C40.433 33.3336 42 31.7666 42 29.8336V21.8335C42 19.9006 43.567 18.3335 45.5 18.3335V18.3335C47.433 18.3335 49 19.9006 49 21.8335V36.5002C49 38.4332 50.567 40.0002 52.5 40.0002V40.0002C54.433 40.0002 56 38.4332 56 36.5002V11.8336C56 9.90057 57.567 8.33357 59.5 8.33357V8.33357C61.433 8.33357 63 9.90057 63 11.8336V36.5002C63 38.4332 64.567 40.0002 66.5 40.0002V40.0002C68.433 40.0002 70 38.4332 70 36.5002V21.0002C70 19.0672 71.567 17.5002 73.5 17.5002V17.5002C75.433 17.5002 77 19.0672 77 21.0002V26.5002C77 28.4332 78.567 30.0002 80.5 30.0002V30.0002C82.433 30.0002 84 28.4332 84 26.5002V9.50023C84 7.56723 85.567 6.00023 87.5 6.00023V6.00023C89.433 6.00023 91 7.56723 91 9.50023V21.519C91 23.4416 92.5586 25.0002 94.4812 25.0002V25.0002C96.4185 25.0002 97.983 23.4188 97.9623 21.4817L97.9133 16.915C97.8922 14.9433 99.4847 13.3336 101.457 13.3336V13.3336C103.414 13.3336 105 14.92 105 16.877V31.5002C105 33.4332 106.567 35.0002 108.5 35.0002V35.0002C110.433 35.0002 112 33.4332 112 31.5002V12.6669C112 10.7339 113.567 9.16688 115.5 9.16688V9.16688C117.433 9.16688 119 10.7339 119 12.6669V27.3336C119 29.2666 120.567 30.8336 122.5 30.8336V30.8336C124.433 30.8336 126 29.2666 126 27.3336V16.5002C126 14.5672 127.567 13.0002 129.5 13.0002V13.0002C131.433 13.0002 133 11.4332 133 9.50023V0.000228882H0V9.50023C0 11.4332 1.567 13.0002 3.5 13.0002V13.0002C5.433 13.0002 7 14.5672 7 16.5002V31.5002Z" fill="black"/>
+<path d="M133 31.5002C133 33.4332 134.567 35.0002 136.5 35.0002C138.433 35.0002 140 33.4332 140 31.5002V21.5002C140 19.5672 141.567 18.0002 143.5 18.0002C145.433 18.0002 147 19.5672 147 21.5002V34.0002C147 35.9332 148.567 37.5002 150.5 37.5002C152.433 37.5002 154 35.9332 154 34.0002V16.0002C154 14.0672 155.567 12.5002 157.5 12.5002C159.433 12.5002 161 14.0672 161 16.0002V29.8336C161 31.7666 162.567 33.3336 164.5 33.3336C166.433 33.3336 168 31.7666 168 29.8336V21.8336C168 19.9006 169.567 18.3335 171.5 18.3335C173.433 18.3335 175 19.9006 175 21.8336V36.5003C175 38.4332 176.567 40.0002 178.5 40.0002C180.433 40.0002 182 38.4332 182 36.5002V11.8336C182 9.90057 183.567 8.33357 185.5 8.33357C187.433 8.33357 189 9.90057 189 11.8336V36.5002C189 38.4332 190.567 40.0002 192.5 40.0002C194.433 40.0002 196 38.4332 196 36.5002V21.0002C196 19.0672 197.567 17.5002 199.5 17.5002C201.433 17.5002 203 19.0672 203 21.0002V26.5002C203 28.4332 204.567 30.0002 206.5 30.0002C208.433 30.0002 210 28.4332 210 26.5002V9.50023C210 7.56723 211.567 6.00023 213.5 6.00023C215.433 6.00023 217 7.56723 217 9.50023V21.519C217 23.4416 218.559 25.0002 220.481 25.0002C222.418 25.0002 223.983 23.4188 223.962 21.4817L223.913 16.915C223.892 14.9433 225.485 13.3336 227.457 13.3336C229.414 13.3336 231 14.92 231 16.877V31.5002C231 33.4332 232.567 35.0002 234.5 35.0002C236.433 35.0002 238 33.4332 238 31.5002V12.6669C238 10.7339 239.567 9.16688 241.5 9.16688C243.433 9.16688 245 10.7339 245 12.6669V27.3336C245 29.2666 246.567 30.8336 248.5 30.8336C250.433 30.8336 252 29.2666 252 27.3336V16.5002C252 14.5672 253.567 13.0002 255.5 13.0002C257.433 13.0002 259 11.4332 259 9.50023V0.000228882H126V9.50023C126 11.4332 127.567 13.0002 129.5 13.0002C131.433 13.0002 133 14.5672 133 16.5002V31.5002Z" fill="black"/>
+<path d="M259 31.5002C259 33.4332 260.567 35.0002 262.5 35.0002C264.433 35.0002 266 33.4332 266 31.5002V21.5002C266 19.5672 267.567 18.0002 269.5 18.0002C271.433 18.0002 273 19.5672 273 21.5002V34.0002C273 35.9332 274.567 37.5002 276.5 37.5002C278.433 37.5002 280 35.9332 280 34.0002V16.0002C280 14.0672 281.567 12.5002 283.5 12.5002C285.433 12.5002 287 14.0672 287 16.0002V29.8335C287 31.7665 288.567 33.3335 290.5 33.3335C292.433 33.3335 294 31.7665 294 29.8335V21.8335C294 19.9005 295.567 18.3335 297.5 18.3335C299.433 18.3335 301 19.9005 301 21.8335V36.5002C301 38.4332 302.567 40.0002 304.5 40.0002C306.433 40.0002 308 38.4332 308 36.5002V11.8335C308 9.90054 309.567 8.33354 311.5 8.33354C313.433 8.33354 315 9.90054 315 11.8335V36.5002C315 38.4332 316.567 40.0002 318.5 40.0002C320.433 40.0002 322 38.4332 322 36.5002V21.0002C322 19.0672 323.567 17.5002 325.5 17.5002C327.433 17.5002 329 19.0672 329 21.0002V26.5002C329 28.4332 330.567 30.0002 332.5 30.0002C334.433 30.0002 336 28.4332 336 26.5002V9.5002C336 7.5672 337.567 6.0002 339.5 6.0002C341.433 6.0002 343 7.5672 343 9.5002V21.519C343 23.4416 344.559 25.0002 346.481 25.0002C348.418 25.0002 349.983 23.4188 349.962 21.4816L349.913 16.915C349.892 14.9432 351.485 13.3335 353.457 13.3335C355.414 13.3335 357 14.92 357 16.877V31.5002C357 33.4332 358.567 35.0002 360.5 35.0002C362.433 35.0002 364 33.4332 364 31.5002V12.6669C364 10.7339 365.567 9.16688 367.5 9.16688C369.433 9.16688 371 10.7339 371 12.6669V27.3335C371 29.2665 372.567 30.8335 374.5 30.8335C376.433 30.8335 378 29.2665 378 27.3335V16.5002C378 14.5672 379.567 13.0002 381.5 13.0002C383.433 13.0002 385 11.4332 385 9.5002V0.000198364H252V9.5002C252 11.4332 253.567 13.0002 255.5 13.0002C257.433 13.0002 259 14.5672 259 16.5002V31.5002Z" fill="black"/>
+<path d="M385 31.5002C385 33.4332 386.567 35.0002 388.5 35.0002C390.433 35.0002 392 33.4332 392 31.5002V21.5002C392 19.5672 393.567 18.0002 395.5 18.0002C397.433 18.0002 399 19.5672 399 21.5002V34.0002C399 35.9332 400.567 37.5002 402.5 37.5002C404.433 37.5002 406 35.9332 406 34.0002V16.0002C406 14.0672 407.567 12.5002 409.5 12.5002C411.433 12.5002 413 14.0672 413 16.0002V29.8335C413 31.7665 414.567 33.3335 416.5 33.3335C418.433 33.3335 420 31.7665 420 29.8335V21.8335C420 19.9005 421.567 18.3335 423.5 18.3335C425.433 18.3335 427 19.9005 427 21.8335V36.5002C427 38.4332 428.567 40.0002 430.5 40.0002C432.433 40.0002 434 38.4332 434 36.5002V11.8335C434 9.90054 435.567 8.33354 437.5 8.33354C439.433 8.33354 441 9.90054 441 11.8335V36.5002C441 38.4332 442.567 40.0002 444.5 40.0002C446.433 40.0002 448 38.4332 448 36.5002V21.0002C448 19.0672 449.567 17.5002 451.5 17.5002C453.433 17.5002 455 19.0672 455 21.0002V26.5002C455 28.4332 456.567 30.0002 458.5 30.0002C460.433 30.0002 462 28.4332 462 26.5002V9.5002C462 7.5672 463.567 6.0002 465.5 6.0002C467.433 6.0002 469 7.5672 469 9.5002V21.519C469 23.4416 470.559 25.0002 472.481 25.0002C474.418 25.0002 475.983 23.4188 475.962 21.4816L475.913 16.915C475.892 14.9432 477.485 13.3335 479.457 13.3335C481.414 13.3335 483 14.92 483 16.877V31.5002C483 33.4332 484.567 35.0002 486.5 35.0002C488.433 35.0002 490 33.4332 490 31.5002V12.6669C490 10.7339 491.567 9.16688 493.5 9.16688C495.433 9.16688 497 10.7339 497 12.6669V27.3335C497 29.2665 498.567 30.8335 500.5 30.8335C502.433 30.8335 504 29.2665 504 27.3335V16.5002C504 14.5672 505.567 13.0002 507.5 13.0002C509.433 13.0002 511 11.4332 511 9.5002V0.000198364H378V9.5002C378 11.4332 379.567 13.0002 381.5 13.0002C383.433 13.0002 385 14.5672 385 16.5002V31.5002Z" fill="black"/>
+<path d="M511 31.5002C511 33.4332 512.567 35.0002 514.5 35.0002C516.433 35.0002 518 33.4332 518 31.5002V21.5002C518 19.5672 519.567 18.0002 521.5 18.0002C523.433 18.0002 525 19.5672 525 21.5002V34.0002C525 35.9332 526.567 37.5002 528.5 37.5002C530.433 37.5002 532 35.9332 532 34.0002V16.0002C532 14.0672 533.567 12.5002 535.5 12.5002C537.433 12.5002 539 14.0672 539 16.0002V29.8335C539 31.7665 540.567 33.3335 542.5 33.3335C544.433 33.3335 546 31.7665 546 29.8335V21.8335C546 19.9005 547.567 18.3335 549.5 18.3335C551.433 18.3335 553 19.9005 553 21.8335V36.5002C553 38.4332 554.567 40.0002 556.5 40.0002C558.433 40.0002 560 38.4332 560 36.5002V11.8335C560 9.90052 561.567 8.33352 563.5 8.33352C565.433 8.33352 567 9.90052 567 11.8335V36.5002C567 38.4332 568.567 40.0002 570.5 40.0002C572.433 40.0002 574 38.4332 574 36.5002V21.0002C574 19.0672 575.567 17.5002 577.5 17.5002C579.433 17.5002 581 19.0672 581 21.0002V26.5002C581 28.4332 582.567 30.0002 584.5 30.0002C586.433 30.0002 588 28.4332 588 26.5002V9.50018C588 7.56718 589.567 6.00018 591.5 6.00018C593.433 6.00018 595 7.56718 595 9.50018V21.519C595 23.4416 596.559 25.0002 598.481 25.0002C600.418 25.0002 601.983 23.4188 601.962 21.4817L601.913 16.9149C601.892 14.9432 603.485 13.3335 605.457 13.3335C607.414 13.3335 609 14.92 609 16.877V31.5002C609 33.4332 610.567 35.0002 612.5 35.0002C614.433 35.0002 616 33.4332 616 31.5002V12.6669C616 10.7339 617.567 9.16685 619.5 9.16685C621.433 9.16685 623 10.7339 623 12.6669V27.3335C623 29.2665 624.567 30.8335 626.5 30.8335C628.433 30.8335 630 29.2665 630 27.3335V16.5002C630 14.5672 631.567 13.0002 633.5 13.0002C635.433 13.0002 637 11.4332 637 9.50018V0.000183105H504V9.50018C504 11.4332 505.567 13.0002 507.5 13.0002C509.433 13.0002 511 14.5672 511 16.5002V31.5002Z" fill="black"/>
+<path d="M637 31.5002C637 33.4332 638.567 35.0002 640.5 35.0002C642.433 35.0002 644 33.4332 644 31.5002V21.5002C644 19.5672 645.567 18.0002 647.5 18.0002C649.433 18.0002 651 19.5672 651 21.5002V34.0002C651 35.9332 652.567 37.5002 654.5 37.5002C656.433 37.5002 658 35.9332 658 34.0002V16.0002C658 14.0672 659.567 12.5002 661.5 12.5002C663.433 12.5002 665 14.0672 665 16.0002V29.8335C665 31.7665 666.567 33.3335 668.5 33.3335C670.433 33.3335 672 31.7665 672 29.8335V21.8335C672 19.9005 673.567 18.3335 675.5 18.3335C677.433 18.3335 679 19.9005 679 21.8335V36.5002C679 38.4332 680.567 40.0002 682.5 40.0002C684.433 40.0002 686 38.4332 686 36.5002V11.8335C686 9.90052 687.567 8.33352 689.5 8.33352C691.433 8.33352 693 9.90052 693 11.8335V36.5002C693 38.4332 694.567 40.0002 696.5 40.0002C698.433 40.0002 700 38.4332 700 36.5002V21.0002C700 19.0672 701.567 17.5002 703.5 17.5002C705.433 17.5002 707 19.0672 707 21.0002V26.5002C707 28.4332 708.567 30.0002 710.5 30.0002C712.433 30.0002 714 28.4332 714 26.5002V9.50018C714 7.56718 715.567 6.00018 717.5 6.00018C719.433 6.00018 721 7.56718 721 9.50018V21.519C721 23.4416 722.559 25.0002 724.481 25.0002C726.418 25.0002 727.983 23.4188 727.962 21.4816L727.913 16.9149C727.892 14.9432 729.485 13.3335 731.457 13.3335C733.414 13.3335 735 14.92 735 16.877V31.5002C735 33.4332 736.567 35.0002 738.5 35.0002C740.433 35.0002 742 33.4332 742 31.5002V12.6669C742 10.7339 743.567 9.16685 745.5 9.16685C747.433 9.16685 749 10.7339 749 12.6669V27.3335C749 29.2665 750.567 30.8335 752.5 30.8335C754.433 30.8335 756 29.2665 756 27.3335V16.5002C756 14.5672 757.567 13.0002 759.5 13.0002C761.433 13.0002 763 11.4332 763 9.50018V0.000183105H630V9.50018C630 11.4332 631.567 13.0002 633.5 13.0002C635.433 13.0002 637 14.5672 637 16.5002V31.5002Z" fill="black"/>
+<path d="M763 31.5002C763 33.4332 764.567 35.0002 766.5 35.0002C768.433 35.0002 770 33.4332 770 31.5002V21.5002C770 19.5672 771.567 18.0002 773.5 18.0002C775.433 18.0002 777 19.5672 777 21.5002V34.0002C777 35.9332 778.567 37.5002 780.5 37.5002C782.433 37.5002 784 35.9332 784 34.0002V16.0002C784 14.0672 785.567 12.5002 787.5 12.5002C789.433 12.5002 791 14.0672 791 16.0002V29.8335C791 31.7665 792.567 33.3335 794.5 33.3335C796.433 33.3335 798 31.7665 798 29.8335V21.8335C798 19.9005 799.567 18.3335 801.5 18.3335C803.433 18.3335 805 19.9005 805 21.8335V36.5002C805 38.4332 806.567 40.0002 808.5 40.0002C810.433 40.0002 812 38.4332 812 36.5002V11.8335C812 9.9005 813.567 8.33349 815.5 8.33349C817.433 8.33349 819 9.9005 819 11.8335V36.5002C819 38.4332 820.567 40.0002 822.5 40.0002C824.433 40.0002 826 38.4332 826 36.5002V21.0002C826 19.0672 827.567 17.5002 829.5 17.5002C831.433 17.5002 833 19.0672 833 21.0002V26.5002C833 28.4332 834.567 30.0002 836.5 30.0002C838.433 30.0002 840 28.4332 840 26.5002V9.50016C840 7.56716 841.567 6.00016 843.5 6.00016C845.433 6.00016 847 7.56716 847 9.50016V21.5189C847 23.4416 848.559 25.0002 850.481 25.0002C852.418 25.0002 853.983 23.4187 853.962 21.4816L853.913 16.9149C853.892 14.9432 855.485 13.3335 857.457 13.3335C859.414 13.3335 861 14.9199 861 16.8769V31.5002C861 33.4332 862.567 35.0002 864.5 35.0002C866.433 35.0002 868 33.4332 868 31.5002V12.6668C868 10.7338 869.567 9.16682 871.5 9.16682C873.433 9.16682 875 10.7338 875 12.6668V27.3335C875 29.2665 876.567 30.8335 878.5 30.8335C880.433 30.8335 882 29.2665 882 27.3335V16.5002C882 14.5672 883.567 13.0002 885.5 13.0002C887.433 13.0002 889 11.4332 889 9.50016V0.000160217H756V9.50016C756 11.4332 757.567 13.0002 759.5 13.0002C761.433 13.0002 763 14.5672 763 16.5002V31.5002Z" fill="black"/>
+<path d="M889 31.5002C889 33.4332 890.567 35.0002 892.5 35.0002C894.433 35.0002 896 33.4332 896 31.5002V21.5002C896 19.5672 897.567 18.0002 899.5 18.0002C901.433 18.0002 903 19.5672 903 21.5002V34.0002C903 35.9332 904.567 37.5002 906.5 37.5002C908.433 37.5002 910 35.9332 910 34.0002V16.0002C910 14.0672 911.567 12.5002 913.5 12.5002C915.433 12.5002 917 14.0672 917 16.0002V29.8335C917 31.7665 918.567 33.3335 920.5 33.3335C922.433 33.3335 924 31.7665 924 29.8335V21.8335C924 19.9005 925.567 18.3335 927.5 18.3335C929.433 18.3335 931 19.9005 931 21.8335V36.5002C931 38.4332 932.567 40.0002 934.5 40.0002C936.433 40.0002 938 38.4332 938 36.5002V11.8335C938 9.9005 939.567 8.33349 941.5 8.33349C943.433 8.33349 945 9.9005 945 11.8335V36.5002C945 38.4332 946.567 40.0002 948.5 40.0002C950.433 40.0002 952 38.4332 952 36.5002V21.0002C952 19.0672 953.567 17.5002 955.5 17.5002C957.433 17.5002 959 19.0672 959 21.0002V26.5002C959 28.4332 960.567 30.0002 962.5 30.0002C964.433 30.0002 966 28.4332 966 26.5002V9.50016C966 7.56716 967.567 6.00016 969.5 6.00016C971.433 6.00016 973 7.56716 973 9.50016V21.5189C973 23.4416 974.559 25.0002 976.481 25.0002C978.418 25.0002 979.983 23.4187 979.962 21.4816L979.913 16.9149C979.892 14.9432 981.485 13.3335 983.457 13.3335C985.414 13.3335 987 14.9199 987 16.8769V31.5002C987 33.4332 988.567 35.0002 990.5 35.0002C992.433 35.0002 994 33.4332 994 31.5002V12.6668C994 10.7338 995.567 9.16682 997.5 9.16682C999.433 9.16682 1001 10.7338 1001 12.6668V27.3335C1001 29.2665 1002.57 30.8335 1004.5 30.8335C1006.43 30.8335 1008 29.2665 1008 27.3335V16.5002C1008 14.5672 1009.57 13.0002 1011.5 13.0002C1013.43 13.0002 1015 11.4332 1015 9.50016V0.000160217H882V9.50016C882 11.4332 883.567 13.0002 885.5 13.0002C887.433 13.0002 889 14.5672 889 16.5002V31.5002Z" fill="black"/>
+<path d="M1015 31.5001C1015 33.4331 1016.57 35.0001 1018.5 35.0001C1020.43 35.0001 1022 33.4331 1022 31.5001V21.5001C1022 19.5671 1023.57 18.0001 1025.5 18.0001C1027.43 18.0001 1029 19.5671 1029 21.5001V34.0001C1029 35.9331 1030.57 37.5001 1032.5 37.5001C1034.43 37.5001 1036 35.9331 1036 34.0001V16.0001C1036 14.0671 1037.57 12.5001 1039.5 12.5001C1041.43 12.5001 1043 14.0671 1043 16.0001V29.8335C1043 31.7665 1044.57 33.3335 1046.5 33.3335C1048.43 33.3335 1050 31.7665 1050 29.8335V21.8335C1050 19.9005 1051.57 18.3334 1053.5 18.3334C1055.43 18.3334 1057 19.9005 1057 21.8335V36.5001C1057 38.4331 1058.57 40.0001 1060.5 40.0001C1062.43 40.0001 1064 38.4331 1064 36.5001V11.8334C1064 9.90044 1065.57 8.33344 1067.5 8.33344C1069.43 8.33344 1071 9.90044 1071 11.8334V36.5001C1071 38.4331 1072.57 40.0001 1074.5 40.0001C1076.43 40.0001 1078 38.4331 1078 36.5001V21.0001C1078 19.0671 1079.57 17.5001 1081.5 17.5001C1083.43 17.5001 1085 19.0671 1085 21.0001V26.5001C1085 28.4331 1086.57 30.0001 1088.5 30.0001C1090.43 30.0001 1092 28.4331 1092 26.5001V9.5001C1092 7.56711 1093.57 6.00011 1095.5 6.00011C1097.43 6.00011 1099 7.56711 1099 9.5001V21.5189C1099 23.4415 1100.56 25.0001 1102.48 25.0001C1104.42 25.0001 1105.98 23.4187 1105.96 21.4816L1105.91 16.9149C1105.89 14.9431 1107.48 13.3334 1109.46 13.3334C1111.41 13.3334 1113 14.9199 1113 16.8769V31.5001C1113 33.4331 1114.57 35.0001 1116.5 35.0001C1118.43 35.0001 1120 33.4331 1120 31.5001V12.6668C1120 10.7338 1121.57 9.16678 1123.5 9.16678C1125.43 9.16678 1127 10.7338 1127 12.6668V27.3335C1127 29.2665 1128.57 30.8335 1130.5 30.8335C1132.43 30.8335 1134 29.2665 1134 27.3335V16.5001C1134 14.5671 1135.57 13.0001 1137.5 13.0001C1139.43 13.0001 1141 11.4331 1141 9.5001V0.000106812H1008V9.5001C1008 11.4331 1009.57 13.0002 1011.5 13.0002C1013.43 13.0002 1015 14.5671 1015 16.5001V31.5001Z" fill="black"/>
+<path d="M1141 31.5001C1141 33.4331 1142.57 35.0001 1144.5 35.0001C1146.43 35.0001 1148 33.4331 1148 31.5001V21.5001C1148 19.5671 1149.57 18.0001 1151.5 18.0001C1153.43 18.0001 1155 19.5671 1155 21.5001V34.0001C1155 35.9331 1156.57 37.5001 1158.5 37.5001C1160.43 37.5001 1162 35.9331 1162 34.0001V16.0001C1162 14.0671 1163.57 12.5001 1165.5 12.5001C1167.43 12.5001 1169 14.0671 1169 16.0001V29.8335C1169 31.7665 1170.57 33.3335 1172.5 33.3335C1174.43 33.3335 1176 31.7665 1176 29.8335V21.8335C1176 19.9005 1177.57 18.3334 1179.5 18.3334C1181.43 18.3334 1183 19.9005 1183 21.8335V36.5001C1183 38.4331 1184.57 40.0001 1186.5 40.0001C1188.43 40.0001 1190 38.4331 1190 36.5001V11.8334C1190 9.90044 1191.57 8.33344 1193.5 8.33344C1195.43 8.33344 1197 9.90044 1197 11.8334V36.5001C1197 38.4331 1198.57 40.0001 1200.5 40.0001C1202.43 40.0001 1204 38.4331 1204 36.5001V21.0001C1204 19.0671 1205.57 17.5001 1207.5 17.5001C1209.43 17.5001 1211 19.0671 1211 21.0001V26.5001C1211 28.4331 1212.57 30.0001 1214.5 30.0001C1216.43 30.0001 1218 28.4331 1218 26.5001V9.5001C1218 7.56711 1219.57 6.00011 1221.5 6.00011C1223.43 6.00011 1225 7.56711 1225 9.5001V21.5189C1225 23.4415 1226.56 25.0001 1228.48 25.0001C1230.42 25.0001 1231.98 23.4187 1231.96 21.4816L1231.91 16.9149C1231.89 14.9431 1233.48 13.3334 1235.46 13.3334C1237.41 13.3334 1239 14.9199 1239 16.8769V31.5001C1239 33.4331 1240.57 35.0001 1242.5 35.0001C1244.43 35.0001 1246 33.4331 1246 31.5001V12.6668C1246 10.7338 1247.57 9.16678 1249.5 9.16678C1251.43 9.16678 1253 10.7338 1253 12.6668V27.3335C1253 29.2665 1254.57 30.8335 1256.5 30.8335C1258.43 30.8335 1260 29.2665 1260 27.3335V16.5001C1260 14.5671 1261.57 13.0001 1263.5 13.0001C1265.43 13.0001 1267 11.4331 1267 9.5001V0.000106812H1134V9.5001C1134 11.4331 1135.57 13.0001 1137.5 13.0001C1139.43 13.0001 1141 14.5671 1141 16.5001V31.5001Z" fill="black"/>
+<path d="M1267 31.5001C1267 33.4331 1268.57 35.0001 1270.5 35.0001C1272.43 35.0001 1274 33.4331 1274 31.5001V21.5001C1274 19.5671 1275.57 18.0001 1277.5 18.0001C1279.43 18.0001 1281 19.5671 1281 21.5001V34.0001C1281 35.9331 1282.57 37.5001 1284.5 37.5001C1286.43 37.5001 1288 35.9331 1288 34.0001V16.0001C1288 14.0671 1289.57 12.5001 1291.5 12.5001C1293.43 12.5001 1295 14.0671 1295 16.0001V29.8334C1295 31.7664 1296.57 33.3334 1298.5 33.3334C1300.43 33.3334 1302 31.7664 1302 29.8334V21.8334C1302 19.9004 1303.57 18.3334 1305.5 18.3334C1307.43 18.3334 1309 19.9004 1309 21.8334V36.5001C1309 38.4331 1310.57 40.0001 1312.5 40.0001C1314.43 40.0001 1316 38.4331 1316 36.5001V11.8334C1316 9.90042 1317.57 8.33342 1319.5 8.33342C1321.43 8.33342 1323 9.90042 1323 11.8334V36.5001C1323 38.4331 1324.57 40.0001 1326.5 40.0001C1328.43 40.0001 1330 38.4331 1330 36.5001V21.0001C1330 19.0671 1331.57 17.5001 1333.5 17.5001C1335.43 17.5001 1337 19.0671 1337 21.0001V26.5001C1337 28.4331 1338.57 30.0001 1340.5 30.0001C1342.43 30.0001 1344 28.4331 1344 26.5001V9.50008C1344 7.56709 1345.57 6.00008 1347.5 6.00008C1349.43 6.00008 1351 7.56709 1351 9.50008V21.5189C1351 23.4415 1352.56 25.0001 1354.48 25.0001C1356.42 25.0001 1357.98 23.4187 1357.96 21.4815L1357.91 16.9148C1357.89 14.9431 1359.48 13.3334 1361.46 13.3334C1363.41 13.3334 1365 14.9199 1365 16.8769V31.5001C1365 33.4331 1366.57 35.0001 1368.5 35.0001C1370.43 35.0001 1372 33.4331 1372 31.5001V12.6668C1372 10.7338 1373.57 9.16675 1375.5 9.16675C1377.43 9.16675 1379 10.7337 1379 12.6667V27.3334C1379 29.2664 1380.57 30.8334 1382.5 30.8334C1384.43 30.8334 1386 29.2664 1386 27.3334V16.5001C1386 14.5671 1387.57 13.0001 1389.5 13.0001C1391.43 13.0001 1393 11.4331 1393 9.50008V8.39233e-05H1260V9.50008C1260 11.4331 1261.57 13.0001 1263.5 13.0001C1265.43 13.0001 1267 14.5671 1267 16.5001V31.5001Z" fill="black"/>
+<path d="M1393 31.5001C1393 33.4331 1394.57 35.0001 1396.5 35.0001C1398.43 35.0001 1400 33.4331 1400 31.5001V21.5001C1400 19.5671 1401.57 18.0001 1403.5 18.0001C1405.43 18.0001 1407 19.5671 1407 21.5001V34.0001C1407 35.9331 1408.57 37.5001 1410.5 37.5001C1412.43 37.5001 1414 35.9331 1414 34.0001V16.0001C1414 14.0671 1415.57 12.5001 1417.5 12.5001C1419.43 12.5001 1421 14.0671 1421 16.0001V29.8334C1421 31.7664 1422.57 33.3334 1424.5 33.3334C1426.43 33.3334 1428 31.7664 1428 29.8334V21.8334C1428 19.9004 1429.57 18.3334 1431.5 18.3334C1433.43 18.3334 1435 19.9004 1435 21.8334V36.5001C1435 38.4331 1436.57 40.0001 1438.5 40.0001C1440.43 40.0001 1442 38.4331 1442 36.5001V11.8334C1442 9.90042 1443.57 8.33342 1445.5 8.33342C1447.43 8.33342 1449 9.90042 1449 11.8334V36.5001C1449 38.4331 1450.57 40.0001 1452.5 40.0001C1454.43 40.0001 1456 38.4331 1456 36.5001V21.0001C1456 19.0671 1457.57 17.5001 1459.5 17.5001C1461.43 17.5001 1463 19.0671 1463 21.0001V26.5001C1463 28.4331 1464.57 30.0001 1466.5 30.0001C1468.43 30.0001 1470 28.4331 1470 26.5001V9.50008C1470 7.56709 1471.57 6.00008 1473.5 6.00008C1475.43 6.00008 1477 7.56709 1477 9.50008V21.5189C1477 23.4415 1478.56 25.0001 1480.48 25.0001C1482.42 25.0001 1483.98 23.4187 1483.96 21.4815L1483.91 16.9148C1483.89 14.9431 1485.48 13.3334 1487.46 13.3334C1489.41 13.3334 1491 14.9199 1491 16.8769V31.5001C1491 33.4331 1492.57 35.0001 1494.5 35.0001C1496.43 35.0001 1498 33.4331 1498 31.5001V12.6668C1498 10.7338 1499.57 9.16675 1501.5 9.16675C1503.43 9.16675 1505 10.7337 1505 12.6667V27.3334C1505 29.2664 1506.57 30.8334 1508.5 30.8334C1510.43 30.8334 1512 29.2664 1512 27.3334V16.5001C1512 14.5671 1513.57 13.0001 1515.5 13.0001C1517.43 13.0001 1519 11.4331 1519 9.50008V8.39233e-05H1386V9.50008C1386 11.4331 1387.57 13.0001 1389.5 13.0001C1391.43 13.0001 1393 14.5671 1393 16.5001V31.5001Z" fill="black"/>
+<path d="M1519 31.5001C1519 33.4331 1520.57 35.0001 1522.5 35.0001C1524.43 35.0001 1526 33.4331 1526 31.5001V21.5001C1526 19.5671 1527.57 18.0001 1529.5 18.0001C1531.43 18.0001 1533 19.5671 1533 21.5001V34.0001C1533 35.9331 1534.57 37.5001 1536.5 37.5001C1538.43 37.5001 1540 35.9331 1540 34.0001V16.0001C1540 14.0671 1541.57 12.5001 1543.5 12.5001C1545.43 12.5001 1547 14.0671 1547 16.0001V29.8334C1547 31.7664 1548.57 33.3334 1550.5 33.3334C1552.43 33.3334 1554 31.7664 1554 29.8334V21.8334C1554 19.9004 1555.57 18.3334 1557.5 18.3334C1559.43 18.3334 1561 19.9004 1561 21.8334V36.5001C1561 38.4331 1562.57 40.0001 1564.5 40.0001C1566.43 40.0001 1568 38.4331 1568 36.5001V11.8334C1568 9.90042 1569.57 8.33343 1571.5 8.33343C1573.43 8.33343 1575 9.90043 1575 11.8334V36.5001C1575 38.4331 1576.57 40.0001 1578.5 40.0001C1580.43 40.0001 1582 38.4331 1582 36.5001V21.0001C1582 19.0671 1583.57 17.5001 1585.5 17.5001C1587.43 17.5001 1589 19.0671 1589 21.0001V26.5001C1589 28.4331 1590.57 30.0001 1592.5 30.0001C1594.43 30.0001 1596 28.4331 1596 26.5001V9.50009C1596 7.56709 1597.57 6.00009 1599.5 6.00009C1601.43 6.00009 1603 7.56709 1603 9.50009V21.5189C1603 23.4415 1604.56 25.0001 1606.48 25.0001C1608.42 25.0001 1609.98 23.4187 1609.96 21.4815L1609.91 16.9148C1609.89 14.9431 1611.48 13.3334 1613.46 13.3334C1615.41 13.3334 1617 14.9199 1617 16.8769V31.5001C1617 33.4331 1618.57 35.0001 1620.5 35.0001C1622.43 35.0001 1624 33.4331 1624 31.5001V12.6668C1624 10.7338 1625.57 9.16675 1627.5 9.16675C1629.43 9.16675 1631 10.7338 1631 12.6668V27.3334C1631 29.2664 1632.57 30.8334 1634.5 30.8334C1636.43 30.8334 1638 29.2664 1638 27.3334V16.5001C1638 14.5671 1639.57 13.0001 1641.5 13.0001C1643.43 13.0001 1645 11.4331 1645 9.50009V9.15527e-05H1512V9.50009C1512 11.4331 1513.57 13.0001 1515.5 13.0001C1517.43 13.0001 1519 14.5671 1519 16.5001V31.5001Z" fill="black"/>
+<path d="M1645 31.5001C1645 33.4331 1646.57 35.0001 1648.5 35.0001C1650.43 35.0001 1652 33.4331 1652 31.5001V21.5001C1652 19.5671 1653.57 18.0001 1655.5 18.0001C1657.43 18.0001 1659 19.5671 1659 21.5001V34.0001C1659 35.9331 1660.57 37.5001 1662.5 37.5001C1664.43 37.5001 1666 35.9331 1666 34.0001V16.0001C1666 14.0671 1667.57 12.5001 1669.5 12.5001C1671.43 12.5001 1673 14.0671 1673 16.0001V29.8334C1673 31.7664 1674.57 33.3334 1676.5 33.3334C1678.43 33.3334 1680 31.7664 1680 29.8334V21.8334C1680 19.9004 1681.57 18.3334 1683.5 18.3334C1685.43 18.3334 1687 19.9004 1687 21.8334V36.5001C1687 38.4331 1688.57 40.0001 1690.5 40.0001C1692.43 40.0001 1694 38.4331 1694 36.5001V11.8334C1694 9.90042 1695.57 8.33343 1697.5 8.33343C1699.43 8.33343 1701 9.90043 1701 11.8334V36.5001C1701 38.4331 1702.57 40.0001 1704.5 40.0001C1706.43 40.0001 1708 38.4331 1708 36.5001V21.0001C1708 19.0671 1709.57 17.5001 1711.5 17.5001C1713.43 17.5001 1715 19.0671 1715 21.0001V26.5001C1715 28.4331 1716.57 30.0001 1718.5 30.0001C1720.43 30.0001 1722 28.4331 1722 26.5001V9.50009C1722 7.56709 1723.57 6.00009 1725.5 6.00009C1727.43 6.00009 1729 7.56709 1729 9.50009V21.5189C1729 23.4415 1730.56 25.0001 1732.48 25.0001C1734.42 25.0001 1735.98 23.4187 1735.96 21.4815L1735.91 16.9148C1735.89 14.9431 1737.48 13.3334 1739.46 13.3334C1741.41 13.3334 1743 14.9199 1743 16.8769V31.5001C1743 33.4331 1744.57 35.0001 1746.5 35.0001C1748.43 35.0001 1750 33.4331 1750 31.5001V12.6668C1750 10.7338 1751.57 9.16675 1753.5 9.16675C1755.43 9.16675 1757 10.7338 1757 12.6668V27.3334C1757 29.2664 1758.57 30.8334 1760.5 30.8334C1762.43 30.8334 1764 29.2664 1764 27.3334V16.5001C1764 14.5671 1765.57 13.0001 1767.5 13.0001C1769.43 13.0001 1771 11.4331 1771 9.50009V9.15527e-05H1638V9.50009C1638 11.4331 1639.57 13.0001 1641.5 13.0001C1643.43 13.0001 1645 14.5671 1645 16.5001V31.5001Z" fill="black"/>
+<path d="M1771 31.5001C1771 33.4331 1772.57 35.0001 1774.5 35.0001C1776.43 35.0001 1778 33.4331 1778 31.5001V21.5001C1778 19.5671 1779.57 18.0001 1781.5 18.0001C1783.43 18.0001 1785 19.5671 1785 21.5001V34.0001C1785 35.9331 1786.57 37.5001 1788.5 37.5001C1790.43 37.5001 1792 35.9331 1792 34.0001V16.0001C1792 14.0671 1793.57 12.5001 1795.5 12.5001C1797.43 12.5001 1799 14.0671 1799 16.0001V29.8335C1799 31.7665 1800.57 33.3335 1802.5 33.3335C1804.43 33.3335 1806 31.7665 1806 29.8335V21.8335C1806 19.9005 1807.57 18.3335 1809.5 18.3335C1811.43 18.3335 1813 19.9005 1813 21.8335V36.5001C1813 38.4331 1814.57 40.0001 1816.5 40.0001C1818.43 40.0001 1820 38.4331 1820 36.5001V11.8335C1820 9.90047 1821.57 8.33347 1823.5 8.33347C1825.43 8.33347 1827 9.90047 1827 11.8335V36.5001C1827 38.4331 1828.57 40.0001 1830.5 40.0001C1832.43 40.0001 1834 38.4331 1834 36.5001V21.0001C1834 19.0671 1835.57 17.5001 1837.5 17.5001C1839.43 17.5001 1841 19.0671 1841 21.0001V26.5001C1841 28.4331 1842.57 30.0001 1844.5 30.0001C1846.43 30.0001 1848 28.4331 1848 26.5001V9.50013C1848 7.56713 1849.57 6.00013 1851.5 6.00013C1853.43 6.00013 1855 7.56713 1855 9.50013V21.5189C1855 23.4415 1856.56 25.0001 1858.48 25.0001C1860.42 25.0001 1861.98 23.4187 1861.96 21.4816L1861.91 16.9149C1861.89 14.9432 1863.48 13.3335 1865.46 13.3335C1867.41 13.3335 1869 14.9199 1869 16.8769V31.5001C1869 33.4331 1870.57 35.0001 1872.5 35.0001C1874.43 35.0001 1876 33.4331 1876 31.5001V12.6668C1876 10.7338 1877.57 9.1668 1879.5 9.1668C1881.43 9.1668 1883 10.7338 1883 12.6668V27.3335C1883 29.2665 1884.57 30.8335 1886.5 30.8335C1888.43 30.8335 1890 29.2665 1890 27.3335V16.5001C1890 14.5671 1891.57 13.0001 1893.5 13.0001C1895.43 13.0001 1897 11.4331 1897 9.50013V0.0001297H1764V9.50013C1764 11.4331 1765.57 13.0001 1767.5 13.0001C1769.43 13.0001 1771 14.5671 1771 16.5001V31.5001Z" fill="black"/>
+<path d="M1890 0H1920V12C1920 12.5523 1919.55 13 1919 13V13C1918.45 13 1918 13.4477 1918 14V24.5C1918 26.433 1916.43 28 1914.5 28V28C1912.57 28 1911 26.433 1911 24.5V10.5C1911 8.567 1909.43 7 1907.5 7V7C1905.57 7 1904 8.567 1904 10.5V18.5C1904 20.433 1902.43 22 1900.5 22V22C1898.57 22 1897 20.433 1897 18.5V16.5C1897 14.567 1895.43 13 1893.5 13V13C1891.57 13 1890 11.433 1890 9.5V0Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_1_2">
+<rect width="1920" height="40" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/m3ww/.config/eww/images/svg/endeavouros.svg b/m3ww/.config/eww/images/svg/endeavouros.svg
new file mode 100644
index 000000000..234341d2a
--- /dev/null
+++ b/m3ww/.config/eww/images/svg/endeavouros.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   id="svg5"
+   version="1.1"
+   viewBox="0 0 131.23333 131.23334"
+   height="496"
+   width="496"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2" />
+  <g
+     id="layer1">
+    <g
+       transform="matrix(3.8123445,0,0,3.5284776,-1318.4244,-71.638005)"
+       id="g26">
+      <g
+         transform="matrix(0.65134496,0,0,0.6634673,448.54237,52.231766)"
+         id="g20">
+        <path
+           d="m -127,-42.3 c 4.57,6.45 23.8,31.4 10.7,36.6 -6.12,2.81 -34,-1.65 -33.6,-0.921 -2,3.28 -3.59,5.92 -3.59,5.92 0,0 21.5,0.967 38.1,-1.27 23.7,-3.18 -4.88,-33.5 -11.6,-40.3 z"
+           style="fill:#e5e1e6;stroke-width:0.585;fill-opacity:1"
+           id="path14" />
+        <path
+           d="m -127,-42.3 c -1.52,0.209 -29.4,34.5 -29.4,34.5 0,0 2.01,0.57 6.58,1.23 1.48,-1.15 22.3,-36.2 22.9,-35.7 -0.0107,-0.0141 -0.028,-0.0193 -0.0522,-0.016 z"
+           style="fill:#e5e1e6;stroke-width:0.585;fill-opacity:0.85461253"
+           id="path16" />
+        <path
+           d="m -127,-42.3 c -0.96,-0.156 -22.9,35.7 -22.9,35.7 0,0 19.9,2.1 28.1,1.96 23.1,-0.39 0.176,-30.6 -5.16,-37.7 -0.007,-0.007 -0.0151,-0.0108 -0.0248,-0.0124 z"
+           style="fill:#e5e1e6;stroke-width:0.585;fill-opacity:0.54827821"
+           id="path18" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/m3ww/.config/eww/images/svg/fedora.svg b/m3ww/.config/eww/images/svg/fedora.svg
new file mode 100644
index 000000000..1c7f41620
--- /dev/null
+++ b/m3ww/.config/eww/images/svg/fedora.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="496"
+   width="496"
+   id="svg4"
+   version="1.1"
+   viewBox="0 0 496 496"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <path
+     d="m 248.1215,22.133185 c -127.11688,0 -230.03813,101.032375 -230.263,225.765625 H 17.818 v 174.76598 h 0.0405 c 0.0607,28.28815 23.45355,51.20203 52.30388,51.20203 H 248.1439 C 375.2833,473.78702 478.182,372.76698 478.182,248.10118 478.1822,123.36794 375.1483,22.335565 247.9191,22.335565 Z m 46.7721,92.963945 c 38.6545,0 75.1503,29.03021 75.1503,69.07888 0,3.71479 0.023,7.43183 -0.5966,11.64358 -1.071,10.65415 -10.9982,18.31084 -21.8075,16.80874 -10.8093,-1.51965 -18.1445,-11.58736 -16.1454,-22.12009 0.1821,-1.20214 0.2485,-3.08966 0.2485,-6.33448 0,-22.71148 -18.945,-31.48126 -36.8556,-31.48126 -17.9061,0 -34.0447,14.76921 -34.0672,31.48126 0.3094,19.32275 0,38.49709 0,57.7906 l 33.2352,-0.24375 c 25.9496,-0.52709 26.2419,37.8 0.2993,37.62011 l -33.5275,0.24375 c -0.081,15.54275 0.1214,12.73192 0.041,20.55951 0,0 0.281,19.01019 -0.2973,33.41512 -4.0116,42.31981 -40.7458,76.13968 -84.88698,76.13968 -46.79465,0 -85.33671,-37.50768 -85.33671,-83.51529 1.40496,-47.31185 39.86877,-84.52719 88.32743,-84.09995 l 27.02886,-0.20013 v 37.55265 l -27.02886,0.24353 h -0.14167 c -26.62415,0.77286 -49.44807,18.51098 -49.87531,46.47983 0,25.47734 20.98901,45.89519 47.042,45.89519 26.01701,0 46.83964,-18.5672 46.83964,-45.85021 l -0.04,-142.22785 c 0.023,-2.63993 0.1012,-4.73793 0.3971,-7.64995 4.3916,-34.78679 36.1135,-61.2985 72.0246,-61.2985 z"
+     style="fill:#e5e1e6;fill-opacity:1;stroke-width:2.24866"
+     id="path8" />
+</svg>
diff --git a/m3ww/.config/eww/images/svg/hyprland.svg b/m3ww/.config/eww/images/svg/hyprland.svg
new file mode 100644
index 000000000..0b35cd215
--- /dev/null
+++ b/m3ww/.config/eww/images/svg/hyprland.svg
@@ -0,0 +1,9 @@
+<svg width="649" height="851" viewBox="0 0 649 851" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M360.832 0V88.5852V114.092C360.832 117.467 359.953 122.32 361.266 125.467C362.448 128.29 364.623 130.834 366.271 133.395C370.386 139.785 374.712 146.028 378.921 152.353C392.812 173.22 407.413 193.605 422.307 213.766C447.359 247.673 474.41 280.033 498.904 314.357C535.558 365.719 566.404 422.837 576.673 485.667C578.379 496.094 580.251 506.831 580.73 517.379C581.095 525.386 580.743 533.49 580.743 541.507C580.743 547.291 581.243 553.326 580.709 559.086C578.458 583.263 571.712 607.191 562.751 629.748C551.528 657.991 534.552 683.416 514.708 706.269C472.59 754.777 409.905 782.159 346.699 787.24C339.33 787.829 331.688 787.27 324.294 787.27C316.901 787.27 309.259 787.829 301.89 787.24C263.05 784.117 224.679 772.804 190.9 753.067C137.607 721.931 98.106 669.425 78.9757 611.134C71.4408 588.178 67.8457 564.877 67.8457 540.818C67.8457 532.955 67.3011 524.876 67.8766 517.034C69.4587 495.474 73.3847 473.848 79.0204 452.922C97.8955 382.84 142.192 322.167 186.215 265.814C211.198 233.834 236.006 201.757 258.869 168.208C265.091 159.081 271.302 149.957 277.444 140.778C280.443 136.304 284.645 131.496 286.675 126.501C287.95 123.354 287.068 118.494 287.068 115.126V89.2745V1.03407H286.723C281.312 12.4698 272.601 23.2531 265.583 33.7796C251.496 54.9076 237.181 75.8592 222.415 96.513C154.001 192.209 68.7073 280.288 26.9068 392.257C18.031 416.033 11.313 440.396 6.64939 465.331C3.33692 483.041 2.17187 500.851 0.944769 518.758C0.231259 529.184 -0.402965 539.997 0.317435 550.469C5.84625 630.747 41.6974 710.343 100.936 765.524C128.98 791.645 161.187 812.736 196.759 827.117C231.652 841.218 268.045 847.478 305.337 850.035C395.718 856.229 488.332 824.876 552.824 760.385C582.622 730.586 607.067 694.591 623.206 655.599C637.314 621.516 645.752 586.193 648.272 549.435C649.154 536.578 647.737 523.635 647.272 510.83C644.969 447.459 622.678 385.163 592.701 329.868C552.72 256.118 497.17 193.336 447.652 126.156C427.891 99.3464 408.605 72.1779 390.13 44.4649C384.019 35.2958 377.783 26.1953 371.879 16.8898C368.373 11.3603 365.133 4.93388 360.832 0Z" fill="#e5e1e6"/>
+<defs>
+<linearGradient id="paint0_linear_116_3" x1="-26.0738" y1="632.162" x2="592.39" y2="266.991" gradientUnits="userSpaceOnUse">
+<stop/>
+<stop offset="1" stop-opacity="0.94902"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/m3ww/.config/eww/images/svg/nixos.svg b/m3ww/.config/eww/images/svg/nixos.svg
new file mode 100644
index 000000000..6e2300a37
--- /dev/null
+++ b/m3ww/.config/eww/images/svg/nixos.svg
@@ -0,0 +1,155 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="496"
+   height="496"
+   version="1"
+   id="svg6"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata12">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs10" />
+  <g
+     id="g946"
+     transform="matrix(0.97173996,0,0,0.97173996,4.043873,36.112138)">
+    <g
+       id="layer7"
+       style="display:none"
+       transform="translate(-23.75651,-24.84972)">
+      <rect
+         transform="translate(-132.5822,958.04022)"
+         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#e5e1e6;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+         id="rect5389"
+         width="1543.4283"
+         height="483.7439"
+         x="132.5822"
+         y="-957.77832" />
+    </g>
+    <g
+       id="layer6"
+       style="display:none"
+       transform="translate(-156.33871,933.1905)">
+      <rect
+         y="-958.02759"
+         x="132.65129"
+         height="484.30399"
+         width="550.41602"
+         id="rect5379"
+         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#5c201e;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+      <rect
+         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#c24a46;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+         id="rect5372"
+         width="501.94415"
+         height="434.30405"
+         x="156.12303"
+         y="-933.02759" />
+      <rect
+         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#d98d8a;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+         id="rect5381"
+         width="24.939611"
+         height="24.939611"
+         x="658.02826"
+         y="-958.04022" />
+    </g>
+    <g
+       id="layer3"
+       style="display:inline;opacity:1"
+       transform="translate(37.235605,912.8581)">
+      <g
+         id="g2072"
+         transform="matrix(0.99894325,0,0,0.99894325,-36.551621,-913.90743)"
+         style="fill:#e5e1e6;fill-opacity:1">
+        <g
+           style="display:none;fill:#e5e1e6;fill-opacity:1"
+           transform="matrix(0.09048806,0,0,0.09048806,-14.15991,84.454917)"
+           id="layer1-3">
+          <rect
+             y="-2102.4253"
+             x="-1045.6049"
+             height="7145.4614"
+             width="7947.0356"
+             id="rect995"
+             style="opacity:1;fill:#e5e1e6;fill-opacity:1;stroke-width:10.3605" />
+        </g>
+        <g
+           transform="translate(-156.48372,537.56136)"
+           style="display:inline;opacity:1;fill:#e5e1e6;fill-opacity:1"
+           id="layer3-6">
+          <g
+             style="fill:#e5e1e6;stroke-width:11.0512;fill-opacity:1"
+             transform="matrix(0.09048806,0,0,0.09048806,142.32381,-453.10644)"
+             id="g955">
+            <g
+               transform="matrix(11.047619,0,0,11.047619,-1572.2888,9377.7107)"
+               id="g869"
+               style="fill:#e5e1e6;fill-opacity:1">
+              <g
+                 transform="rotate(-60,226.35754,-449.37199)"
+                 id="g932"
+                 style="fill:#e5e1e6;stroke-width:11.0512;fill-opacity:1">
+                <path
+                   id="path3336-6-7"
+                   d="m 449.71876,-420.51322 c 40.73228,70.55837 81.46455,141.11675 122.19683,211.67512 -18.71902,0.1756 -37.43804,0.3512 -56.15706,0.5268 -10.87453,-18.9564 -21.74907,-37.9128 -32.6236,-56.8692 -10.95215,18.8551 -21.9043,37.7102 -32.85645,56.5653 -9.30079,-0.004 -18.60158,-0.007 -27.90237,-0.011 -4.76362,-8.22987 -9.52724,-16.45973 -14.29086,-24.6896 15.60349,-26.83003 31.20698,-53.66007 46.81047,-80.4901 -11.07649,-19.27523 -22.15297,-38.55047 -33.22946,-57.8257 9.35083,-16.29387 18.70167,-32.58775 28.0525,-48.88162 z"
+                   style="opacity:1;fill:#e5e1e6;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:33.1535;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+              </g>
+              <path
+                 id="path4260-0-5"
+                 d="m 309.54892,-710.38827 c 40.73228,70.55837 81.46455,141.11675 122.19683,211.67512 -18.71902,0.1756 -37.43804,0.3512 -56.15706,0.5268 -10.87453,-18.9564 -21.74907,-37.9128 -32.6236,-56.8692 -10.95215,18.8551 -21.9043,37.7102 -32.85645,56.5653 -9.30079,-0.004 -18.60158,-0.007 -27.90237,-0.011 -4.76362,-8.22987 -9.52724,-16.45973 -14.29086,-24.6896 15.60349,-26.83003 31.20698,-53.66007 46.81047,-80.4901 -11.07649,-19.2752 -22.15297,-38.5504 -33.22946,-57.8256 9.35083,-16.29391 18.70167,-32.58781 28.0525,-48.88172 z"
+                 style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#e5e1e6;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:33.1535;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+              <use
+                 x="0"
+                 y="0"
+                 xlink:href="#path3336-6-7"
+                 id="use3439-6-3"
+                 transform="rotate(60,728.23563,-692.24036)"
+                 width="100%"
+                 height="100%"
+                 style="fill:#e5e1e6;fill-opacity:1;stroke-width:11.0512" />
+              <use
+                 x="0"
+                 y="0"
+                 xlink:href="#path3336-6-7"
+                 id="use3449-5-5"
+                 transform="rotate(180,477.5036,-570.81898)"
+                 width="100%"
+                 height="100%"
+                 style="fill:#e5e1e6;fill-opacity:1;stroke-width:11.0512" />
+              <use
+                 style="display:inline;fill:#e5e1e6;fill-opacity:1;stroke-width:11.0512"
+                 x="0"
+                 y="0"
+                 xlink:href="#path4260-0-5"
+                 id="use4354-5-6"
+                 transform="rotate(120,407.33916,-716.08356)"
+                 width="100%"
+                 height="100%" />
+              <use
+                 style="display:inline;fill:#e5e1e6;fill-opacity:1;stroke-width:11.0512"
+                 x="0"
+                 y="0"
+                 xlink:href="#path4260-0-5"
+                 id="use4362-2-2"
+                 transform="rotate(-120,407.28823,-715.86995)"
+                 width="100%"
+                 height="100%" />
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/m3ww/.config/eww/images/svg/template/background/corner_bottomleft.svg b/m3ww/.config/eww/images/svg/template/background/corner_bottomleft.svg
new file mode 100644
index 000000000..5918ad4fa
--- /dev/null
+++ b/m3ww/.config/eww/images/svg/template/background/corner_bottomleft.svg
@@ -0,0 +1,4 @@
+<svg width="50" height="51" viewBox="0 0 50 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.00157475 50H50C10.2358 50 0.145819 17.622 0.00157475 0.731939V50Z" fill="black"/>
+<path d="M0.00157475 0.731939C0.145819 17.622 10.2358 50 50 50H0.00157475V0.731939ZM0.00157475 0.731939V1.63913e-06C-0.000516981 0.240559 -0.000537669 0.484588 0.00157475 0.731939Z" stroke="black"/>
+</svg>
diff --git a/m3ww/.config/eww/images/svg/template/background/corner_bottomright.svg b/m3ww/.config/eww/images/svg/template/background/corner_bottomright.svg
new file mode 100644
index 000000000..e12441612
--- /dev/null
+++ b/m3ww/.config/eww/images/svg/template/background/corner_bottomright.svg
@@ -0,0 +1,4 @@
+<svg width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M49.9984 50H0C39.7642 50 49.8542 17.622 49.9984 0.731939V50Z" fill="black"/>
+<path d="M49.9984 0.731939C49.8542 17.622 39.7642 50 0 50H49.9984V0.731939ZM49.9984 0.731939V1.63913e-06C50.0005 0.240559 50.0005 0.484588 49.9984 0.731939Z" stroke="black"/>
+</svg>
diff --git a/m3ww/.config/eww/images/svg/template/background/corner_topleft.svg b/m3ww/.config/eww/images/svg/template/background/corner_topleft.svg
new file mode 100644
index 000000000..9f32bca6f
--- /dev/null
+++ b/m3ww/.config/eww/images/svg/template/background/corner_topleft.svg
@@ -0,0 +1,4 @@
+<svg width="50" height="51" viewBox="0 0 50 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.00157475 0H50C10.2358 0 0.145819 32.378 0.00157475 49.2681V0Z" fill="black"/>
+<path d="M0.00157475 49.2681C0.145819 32.378 10.2358 0 50 0H0.00157475V49.2681ZM0.00157475 49.2681V50C-0.000516981 49.7594 -0.000537669 49.5154 0.00157475 49.2681Z" stroke="black"/>
+</svg>
diff --git a/m3ww/.config/eww/images/svg/template/background/corner_topright.svg b/m3ww/.config/eww/images/svg/template/background/corner_topright.svg
new file mode 100644
index 000000000..1eceb50e4
--- /dev/null
+++ b/m3ww/.config/eww/images/svg/template/background/corner_topright.svg
@@ -0,0 +1,4 @@
+<svg width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M49.9984 0H0C39.7642 0 49.8542 32.378 49.9984 49.2681V0Z" fill="black"/>
+<path d="M49.9984 49.2681C49.8542 32.378 39.7642 0 0 0H49.9984V49.2681ZM49.9984 49.2681V50C50.0005 49.7594 50.0005 49.5154 49.9984 49.2681Z" stroke="black"/>
+</svg>
diff --git a/m3ww/.config/eww/images/svg/template/onBackground/archlinux.svg b/m3ww/.config/eww/images/svg/template/onBackground/archlinux.svg
new file mode 100644
index 000000000..e06c1dcb9
--- /dev/null
+++ b/m3ww/.config/eww/images/svg/template/onBackground/archlinux.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   id="svg8"
+   version="1.1"
+   height="496"
+   width="496"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata14">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs12" />
+  <path
+     id="path4"
+     d="m 247.93344,17.871894 c -20.49358,50.233214 -32.85373,83.091376 -55.67015,131.826236 13.9889,14.826 31.1605,32.09056 59.04738,51.59003 -29.98068,-12.33447 -50.43052,-24.71727 -65.71321,-37.56731 -29.20024,60.91971 -74.95051,147.69601 -167.7909,314.47259 72.96954,-42.11649 123.77827,-68.0824 176.49709,-77.99095 -2.26368,-9.73362 -3.55081,-20.26245 -3.46331,-31.24816 l 0.0805,-2.33732 c 1.15775,-46.73933 31.74236,-84.002 60.03547,-84.06511 28.29312,-0.0633 55.80715,46.15485 54.64917,92.8942 -0.2175,8.79569 -1.21012,17.25536 -2.94362,25.10278 52.1433,10.19855 103.4958,36.09772 175.4777,77.64456 -14.1938,-26.12472 -26.86242,-49.67506 -38.96013,-72.10451 -19.05704,-14.7673 -38.93365,-33.98597 -79.47881,-54.79276 27.86845,7.23979 47.82218,15.59244 63.3754,24.92903 C 300.07316,147.25839 290.11644,116.83076 247.92986,17.860386 Z"
+     style="fill:black;fill-rule:evenodd;stroke-width:11.50832653" />
+</svg>
diff --git a/m3ww/.config/eww/images/svg/template/onBackground/endeavouros.svg b/m3ww/.config/eww/images/svg/template/onBackground/endeavouros.svg
new file mode 100644
index 000000000..0a95eedca
--- /dev/null
+++ b/m3ww/.config/eww/images/svg/template/onBackground/endeavouros.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   id="svg5"
+   version="1.1"
+   viewBox="0 0 131.23333 131.23334"
+   height="496"
+   width="496"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2" />
+  <g
+     id="layer1">
+    <g
+       transform="matrix(3.8123445,0,0,3.5284776,-1318.4244,-71.638005)"
+       id="g26">
+      <g
+         transform="matrix(0.65134496,0,0,0.6634673,448.54237,52.231766)"
+         id="g20">
+        <path
+           d="m -127,-42.3 c 4.57,6.45 23.8,31.4 10.7,36.6 -6.12,2.81 -34,-1.65 -33.6,-0.921 -2,3.28 -3.59,5.92 -3.59,5.92 0,0 21.5,0.967 38.1,-1.27 23.7,-3.18 -4.88,-33.5 -11.6,-40.3 z"
+           style="fill:black;stroke-width:0.585;fill-opacity:1"
+           id="path14" />
+        <path
+           d="m -127,-42.3 c -1.52,0.209 -29.4,34.5 -29.4,34.5 0,0 2.01,0.57 6.58,1.23 1.48,-1.15 22.3,-36.2 22.9,-35.7 -0.0107,-0.0141 -0.028,-0.0193 -0.0522,-0.016 z"
+           style="fill:black;stroke-width:0.585;fill-opacity:0.85461253"
+           id="path16" />
+        <path
+           d="m -127,-42.3 c -0.96,-0.156 -22.9,35.7 -22.9,35.7 0,0 19.9,2.1 28.1,1.96 23.1,-0.39 0.176,-30.6 -5.16,-37.7 -0.007,-0.007 -0.0151,-0.0108 -0.0248,-0.0124 z"
+           style="fill:black;stroke-width:0.585;fill-opacity:0.54827821"
+           id="path18" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/m3ww/.config/eww/images/svg/template/onBackground/fedora.svg b/m3ww/.config/eww/images/svg/template/onBackground/fedora.svg
new file mode 100644
index 000000000..6fcde0e9e
--- /dev/null
+++ b/m3ww/.config/eww/images/svg/template/onBackground/fedora.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="496"
+   width="496"
+   id="svg4"
+   version="1.1"
+   viewBox="0 0 496 496"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <path
+     d="m 248.1215,22.133185 c -127.11688,0 -230.03813,101.032375 -230.263,225.765625 H 17.818 v 174.76598 h 0.0405 c 0.0607,28.28815 23.45355,51.20203 52.30388,51.20203 H 248.1439 C 375.2833,473.78702 478.182,372.76698 478.182,248.10118 478.1822,123.36794 375.1483,22.335565 247.9191,22.335565 Z m 46.7721,92.963945 c 38.6545,0 75.1503,29.03021 75.1503,69.07888 0,3.71479 0.023,7.43183 -0.5966,11.64358 -1.071,10.65415 -10.9982,18.31084 -21.8075,16.80874 -10.8093,-1.51965 -18.1445,-11.58736 -16.1454,-22.12009 0.1821,-1.20214 0.2485,-3.08966 0.2485,-6.33448 0,-22.71148 -18.945,-31.48126 -36.8556,-31.48126 -17.9061,0 -34.0447,14.76921 -34.0672,31.48126 0.3094,19.32275 0,38.49709 0,57.7906 l 33.2352,-0.24375 c 25.9496,-0.52709 26.2419,37.8 0.2993,37.62011 l -33.5275,0.24375 c -0.081,15.54275 0.1214,12.73192 0.041,20.55951 0,0 0.281,19.01019 -0.2973,33.41512 -4.0116,42.31981 -40.7458,76.13968 -84.88698,76.13968 -46.79465,0 -85.33671,-37.50768 -85.33671,-83.51529 1.40496,-47.31185 39.86877,-84.52719 88.32743,-84.09995 l 27.02886,-0.20013 v 37.55265 l -27.02886,0.24353 h -0.14167 c -26.62415,0.77286 -49.44807,18.51098 -49.87531,46.47983 0,25.47734 20.98901,45.89519 47.042,45.89519 26.01701,0 46.83964,-18.5672 46.83964,-45.85021 l -0.04,-142.22785 c 0.023,-2.63993 0.1012,-4.73793 0.3971,-7.64995 4.3916,-34.78679 36.1135,-61.2985 72.0246,-61.2985 z"
+     style="fill:black;fill-opacity:1;stroke-width:2.24866"
+     id="path8" />
+</svg>
diff --git a/m3ww/.config/eww/images/svg/template/onBackground/hyprland.svg b/m3ww/.config/eww/images/svg/template/onBackground/hyprland.svg
new file mode 100644
index 000000000..55f2e9c0f
--- /dev/null
+++ b/m3ww/.config/eww/images/svg/template/onBackground/hyprland.svg
@@ -0,0 +1,9 @@
+<svg width="649" height="851" viewBox="0 0 649 851" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M360.832 0V88.5852V114.092C360.832 117.467 359.953 122.32 361.266 125.467C362.448 128.29 364.623 130.834 366.271 133.395C370.386 139.785 374.712 146.028 378.921 152.353C392.812 173.22 407.413 193.605 422.307 213.766C447.359 247.673 474.41 280.033 498.904 314.357C535.558 365.719 566.404 422.837 576.673 485.667C578.379 496.094 580.251 506.831 580.73 517.379C581.095 525.386 580.743 533.49 580.743 541.507C580.743 547.291 581.243 553.326 580.709 559.086C578.458 583.263 571.712 607.191 562.751 629.748C551.528 657.991 534.552 683.416 514.708 706.269C472.59 754.777 409.905 782.159 346.699 787.24C339.33 787.829 331.688 787.27 324.294 787.27C316.901 787.27 309.259 787.829 301.89 787.24C263.05 784.117 224.679 772.804 190.9 753.067C137.607 721.931 98.106 669.425 78.9757 611.134C71.4408 588.178 67.8457 564.877 67.8457 540.818C67.8457 532.955 67.3011 524.876 67.8766 517.034C69.4587 495.474 73.3847 473.848 79.0204 452.922C97.8955 382.84 142.192 322.167 186.215 265.814C211.198 233.834 236.006 201.757 258.869 168.208C265.091 159.081 271.302 149.957 277.444 140.778C280.443 136.304 284.645 131.496 286.675 126.501C287.95 123.354 287.068 118.494 287.068 115.126V89.2745V1.03407H286.723C281.312 12.4698 272.601 23.2531 265.583 33.7796C251.496 54.9076 237.181 75.8592 222.415 96.513C154.001 192.209 68.7073 280.288 26.9068 392.257C18.031 416.033 11.313 440.396 6.64939 465.331C3.33692 483.041 2.17187 500.851 0.944769 518.758C0.231259 529.184 -0.402965 539.997 0.317435 550.469C5.84625 630.747 41.6974 710.343 100.936 765.524C128.98 791.645 161.187 812.736 196.759 827.117C231.652 841.218 268.045 847.478 305.337 850.035C395.718 856.229 488.332 824.876 552.824 760.385C582.622 730.586 607.067 694.591 623.206 655.599C637.314 621.516 645.752 586.193 648.272 549.435C649.154 536.578 647.737 523.635 647.272 510.83C644.969 447.459 622.678 385.163 592.701 329.868C552.72 256.118 497.17 193.336 447.652 126.156C427.891 99.3464 408.605 72.1779 390.13 44.4649C384.019 35.2958 377.783 26.1953 371.879 16.8898C368.373 11.3603 365.133 4.93388 360.832 0Z" fill="black"/>
+<defs>
+<linearGradient id="paint0_linear_116_3" x1="-26.0738" y1="632.162" x2="592.39" y2="266.991" gradientUnits="userSpaceOnUse">
+<stop/>
+<stop offset="1" stop-opacity="0.94902"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/m3ww/.config/eww/images/svg/template/onBackground/nixos.svg b/m3ww/.config/eww/images/svg/template/onBackground/nixos.svg
new file mode 100644
index 000000000..575e1199d
--- /dev/null
+++ b/m3ww/.config/eww/images/svg/template/onBackground/nixos.svg
@@ -0,0 +1,155 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="496"
+   height="496"
+   version="1"
+   id="svg6"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata12">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs10" />
+  <g
+     id="g946"
+     transform="matrix(0.97173996,0,0,0.97173996,4.043873,36.112138)">
+    <g
+       id="layer7"
+       style="display:none"
+       transform="translate(-23.75651,-24.84972)">
+      <rect
+         transform="translate(-132.5822,958.04022)"
+         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:black;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+         id="rect5389"
+         width="1543.4283"
+         height="483.7439"
+         x="132.5822"
+         y="-957.77832" />
+    </g>
+    <g
+       id="layer6"
+       style="display:none"
+       transform="translate(-156.33871,933.1905)">
+      <rect
+         y="-958.02759"
+         x="132.65129"
+         height="484.30399"
+         width="550.41602"
+         id="rect5379"
+         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#5c201e;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+      <rect
+         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#c24a46;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+         id="rect5372"
+         width="501.94415"
+         height="434.30405"
+         x="156.12303"
+         y="-933.02759" />
+      <rect
+         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#d98d8a;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+         id="rect5381"
+         width="24.939611"
+         height="24.939611"
+         x="658.02826"
+         y="-958.04022" />
+    </g>
+    <g
+       id="layer3"
+       style="display:inline;opacity:1"
+       transform="translate(37.235605,912.8581)">
+      <g
+         id="g2072"
+         transform="matrix(0.99894325,0,0,0.99894325,-36.551621,-913.90743)"
+         style="fill:black;fill-opacity:1">
+        <g
+           style="display:none;fill:black;fill-opacity:1"
+           transform="matrix(0.09048806,0,0,0.09048806,-14.15991,84.454917)"
+           id="layer1-3">
+          <rect
+             y="-2102.4253"
+             x="-1045.6049"
+             height="7145.4614"
+             width="7947.0356"
+             id="rect995"
+             style="opacity:1;fill:black;fill-opacity:1;stroke-width:10.3605" />
+        </g>
+        <g
+           transform="translate(-156.48372,537.56136)"
+           style="display:inline;opacity:1;fill:black;fill-opacity:1"
+           id="layer3-6">
+          <g
+             style="fill:black;stroke-width:11.0512;fill-opacity:1"
+             transform="matrix(0.09048806,0,0,0.09048806,142.32381,-453.10644)"
+             id="g955">
+            <g
+               transform="matrix(11.047619,0,0,11.047619,-1572.2888,9377.7107)"
+               id="g869"
+               style="fill:black;fill-opacity:1">
+              <g
+                 transform="rotate(-60,226.35754,-449.37199)"
+                 id="g932"
+                 style="fill:black;stroke-width:11.0512;fill-opacity:1">
+                <path
+                   id="path3336-6-7"
+                   d="m 449.71876,-420.51322 c 40.73228,70.55837 81.46455,141.11675 122.19683,211.67512 -18.71902,0.1756 -37.43804,0.3512 -56.15706,0.5268 -10.87453,-18.9564 -21.74907,-37.9128 -32.6236,-56.8692 -10.95215,18.8551 -21.9043,37.7102 -32.85645,56.5653 -9.30079,-0.004 -18.60158,-0.007 -27.90237,-0.011 -4.76362,-8.22987 -9.52724,-16.45973 -14.29086,-24.6896 15.60349,-26.83003 31.20698,-53.66007 46.81047,-80.4901 -11.07649,-19.27523 -22.15297,-38.55047 -33.22946,-57.8257 9.35083,-16.29387 18.70167,-32.58775 28.0525,-48.88162 z"
+                   style="opacity:1;fill:black;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:33.1535;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+              </g>
+              <path
+                 id="path4260-0-5"
+                 d="m 309.54892,-710.38827 c 40.73228,70.55837 81.46455,141.11675 122.19683,211.67512 -18.71902,0.1756 -37.43804,0.3512 -56.15706,0.5268 -10.87453,-18.9564 -21.74907,-37.9128 -32.6236,-56.8692 -10.95215,18.8551 -21.9043,37.7102 -32.85645,56.5653 -9.30079,-0.004 -18.60158,-0.007 -27.90237,-0.011 -4.76362,-8.22987 -9.52724,-16.45973 -14.29086,-24.6896 15.60349,-26.83003 31.20698,-53.66007 46.81047,-80.4901 -11.07649,-19.2752 -22.15297,-38.5504 -33.22946,-57.8256 9.35083,-16.29391 18.70167,-32.58781 28.0525,-48.88172 z"
+                 style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:black;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:33.1535;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+              <use
+                 x="0"
+                 y="0"
+                 xlink:href="#path3336-6-7"
+                 id="use3439-6-3"
+                 transform="rotate(60,728.23563,-692.24036)"
+                 width="100%"
+                 height="100%"
+                 style="fill:black;fill-opacity:1;stroke-width:11.0512" />
+              <use
+                 x="0"
+                 y="0"
+                 xlink:href="#path3336-6-7"
+                 id="use3449-5-5"
+                 transform="rotate(180,477.5036,-570.81898)"
+                 width="100%"
+                 height="100%"
+                 style="fill:black;fill-opacity:1;stroke-width:11.0512" />
+              <use
+                 style="display:inline;fill:black;fill-opacity:1;stroke-width:11.0512"
+                 x="0"
+                 y="0"
+                 xlink:href="#path4260-0-5"
+                 id="use4354-5-6"
+                 transform="rotate(120,407.33916,-716.08356)"
+                 width="100%"
+                 height="100%" />
+              <use
+                 style="display:inline;fill:black;fill-opacity:1;stroke-width:11.0512"
+                 x="0"
+                 y="0"
+                 xlink:href="#path4260-0-5"
+                 id="use4362-2-2"
+                 transform="rotate(-120,407.28823,-715.86995)"
+                 width="100%"
+                 height="100%" />
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/m3ww/.config/eww/images/svg/template/onBackground/tux.svg b/m3ww/.config/eww/images/svg/template/onBackground/tux.svg
new file mode 100644
index 000000000..f2c532956
--- /dev/null
+++ b/m3ww/.config/eww/images/svg/template/onBackground/tux.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.0"
+   viewBox="0 0 496 496"
+   id="svg8"
+   width="496"
+   height="496"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <defs
+     id="defs12" />
+  <metadata
+     id="metadata2">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="matrix(1.6179932,0,0,1.6179932,25.699223,455.59415)"
+     id="g6">
+    <path
+       d="m 132,-206 c 0,1 -1,1 -1,1 h -1 c -1,0 -1,-1 -2,-2 0,0 -1,-1 -1,-2 0,-1 0,-1 1,-1 l 2,1 c 1,1 2,2 2,3 m -18,-10 c 0,-5 -2,-8 -5,-8 0,0 0,1 -1,1 v 2 h 3 c 0,2 1,3 1,5 h 2 m 35,-5 c 2,0 3,2 4,5 h 2 c -1,-1 -1,-2 -1,-3 0,-1 0,-2 -1,-3 -1,-1 -2,-2 -3,-2 0,0 -1,1 -2,1 0,1 1,1 1,2 m -30,16 c -1,0 -1,0 -1,-1 0,-1 0,-2 1,-3 2,0 3,-1 3,-1 1,0 1,1 1,1 0,1 -1,2 -3,4 h -1 m -11,-1 c -4,-2 -5,-5 -5,-10 0,-3 0,-5 2,-7 1,-2 3,-3 5,-3 2,0 3,1 5,3 1,3 2,6 2,9 v 1 1 h 1 v -1 c 1,0 1,-2 1,-6 0,-3 0,-6 -2,-9 -2,-3 -4,-5 -8,-5 -3,0 -6,2 -7,5 -2,4 -2.4,7 -2.4,12 0,4 1.4,8 5.4,12 1,-1 2,-1 3,-2 m 125,141 c 1,0 1,-0.4 1,-1.3 0,-2.2 -1,-4.8 -4,-7.7 -3,-3 -8,-4.9 -14,-5.7 -1,-0.1 -2,-0.1 -2,-0.1 -1,-0.2 -1,-0.2 -2,-0.2 -1,-0.1 -3,-0.3 -4,-0.5 3,-9.3 4,-17.5 4,-24.7 0,-10 -2,-17 -6,-23 -4,-6 -8,-9 -13,-10 -1,1 -1,1 -1,2 5,2 10,6 13,12 3,7 4,13 4,20 0,5.6 -1,13.9 -5,24.5 -4,1.6 -8,5.3 -11,11.1 0,0.9 0,1.4 1,1.4 0,0 1,-0.9 2,-2.6 2,-1.7 3,-3.4 5,-5.1 3,-1.7 5,-2.6 8,-2.6 5,0 10,0.7 13,2.1 4,1.3 6,2.7 7,4.3 1,1.5 2,2.9 3,4.2 0,1.3 1,1.9 1,1.9 m -92,-145 c -1,-1 -1,-3 -1,-5 0,-4 0,-6 2,-9 2,-2 4,-3 6,-3 3,0 5,2 7,4 1,3 2,5 2,8 0,5 -2,8 -6,9 0,0 1,1 2,1 2,0 3,1 5,2 1,-6 2,-10 2,-15 0,-6 -1,-10 -3,-13 -3,-3 -6,-4 -10,-4 -3,0 -6,1 -9,3 -2,3 -3,5 -3,8 0,5 1,9 3,13 1,0 2,1 3,1 m 12,16 c -13,9 -23,13 -31,13 -7,0 -14,-3 -20,-8 1,2 2,4 3,5 l 6,6 c 4,4 9,6 14,6 7,0 15,-4 25,-11 l 9,-6 c 2,-2 4,-4 4,-7 0,-1 0,-2 -1,-2 -1,-2 -6,-5 -16,-8 -9,-4 -16,-6 -20,-6 -3,0 -8,2 -15,6 -6,4 -10,8 -10,12 0,0 1,1 2,3 6,5 12,8 18,8 8,0 18,-4 31,-14 v 2 c 1,0 1,1 1,1 M 176,8 c 4,7.52 11,11.3 19,11.3 2,0 4,-0.3 6,-0.9 2,-0.4 4,-1.1 5,-1.9 1,-0.7 2,-1.4 3,-2.2 2,-0.7 2,-1.2 3,-1.7 l 17,-14.7 c 4,-3.19 8,-5.98 13,-8.4 4,-2.4 8,-4 10,-4.9 3,-0.8 5,-2 7,-3.6 1,-1.5 2,-3.4 2,-5.8 0,-2.9 -2,-5.1 -4,-6.7 -2,-1.6 -4,-2.7 -6,-3.4 -2,-0.7 -4,-2.3 -7,-5 -2,-2.6 -4,-6.2 -5,-10.9 l -1,-5.8 c -1,-2.7 -1,-4.7 -2,-5.8 0,-0.3 0,-0.4 -1,-0.4 -1,0 -3,0.9 -4,2.6 -2,1.7 -4,3.6 -6,5.6 -1,2 -4,3.8 -6,5.5 -3,1.7 -6,2.6 -8,2.6 -8,0 -12,-2.2 -15,-6.5 -2,-3.2 -3,-6.9 -4,-11.1 -2,-1.7 -3,-2.6 -5,-2.6 -5,0 -7,5.2 -7,15.7 v 3.3 11.6 8.9 4.3 3 c 0,0.9 -1,2.9 -1,6 -1,3.1 -1,6.62 -1,10.6 L 176,7.8 V 7.97 M 31,2.68 c 9.3,1.36 20,4.27 32.1,8.71 12.1,4.4 19.5,6.7 22.2,6.7 7,0 12.8,-3.1 17.6,-9.09 1,-1.94 1,-4.22 1,-6.84 0,-9.45 -5.7,-21.4 -17.1,-35.9 l -6.8,-9.1 c -1.4,-1.9 -3.1,-4.8 -5.3,-8.7 -2.1,-3.9 -4,-6.9 -5.5,-9 -1.3,-2.3 -3.4,-4.6 -6.1,-6.9 -2.6,-2.3 -5.6,-3.8 -8.9,-4.6 -4.2,0.8 -7.1,2.2 -8.5,4.1 -1.4,1.9 -2.2,4 -2.4,6.2 -0.3,2.1 -0.9,3.5 -1.9,4.2 -1,0.6 -2.7,1.1 -5,1.6 -0.5,0 -1.4,0 -2.7,0.1 H 31 c -5.3,0 -8.9,0.6 -10.8,1.6 -2.5,2.9 -3.8,6.2 -3.8,9.7 0,1.6 0.4,4.3 1.2,8.1 0.8,3.7 1.2,6.7 1.2,8.8 0,4.1 -1.2,8.2 -3.7,12.3 -2.5,4.3 -3.8,7.5 -3.8,9.78 1,3.88 7.6,6.61 19.7,8.21 m 33.3,-90.9 c 0,-6.9 1.8,-14.5 5.5,-23.5 3.6,-9 7.2,-15 10.7,-19 -0.2,-1 -0.7,-1 -1.5,-1 l -1,-1 c -2.9,3 -6.4,10 -10.6,20 -4.2,9 -6.4,17.3 -6.4,23.4 0,4.5 1.1,8.4 3.1,11.8 2.2,3.3 7.5,8.1 15.9,14.2 l 10.6,6.9 c 11.3,9.8 17.3,16.6 17.3,20.6 0,2.1 -1,4.2 -4,6.5 -2,2.4 -4.7,3.6 -7,3.6 -0.2,0 -0.3,0.2 -0.3,0.7 0,0.1 1,2.1 3.1,6 4.2,5.7 13.2,8.5 25.2,8.5 22,0 39,-9 52,-27 0,-5 0,-8.1 -1,-9.4 v -3.7 c 0,-6.5 1,-11.4 3,-14.6 2,-3.2 4,-4.7 7,-4.7 2,0 4,0.7 6,2.2 1,-7.7 1,-14.4 1,-20.4 0,-9.1 0,-16.6 -2,-23.6 -1,-6 -3,-11 -5,-15 -2,-3 -4,-6 -6,-9 -2,-3 -3,-6 -5,-9 -1,-4 -2,-7 -2,-12 -3,-5 -5,-10 -8,-15 -2,-5 -4,-10 -6,-14 l -9,7 c -10,7 -18,10 -25,10 -6,0 -11,-1 -14,-5 l -6,-5 c 0,3 -1,7 -3,11 l -6.3,12 c -2.8,7 -4.3,11 -4.6,14 -0.4,2 -0.7,4 -0.9,4 l -7.5,15 c -8.1,15 -12.2,28.9 -12.2,40.4 0,2.3 0.2,4.7 0.6,7.1 -4.5,-3.1 -6.7,-7.4 -6.7,-13 m 71.6,94.6 c -13,0 -23,1.76 -30,5.25 v -0.3 c -5,6 -10.6,9.1 -18.4,9.1 -4.9,0 -12.6,-1.9 -23,-5.7 C 54,11.1 44.7,8.34 36.6,6.52 35.8,6.29 34,5.95 31.1,5.49 28.3,5.04 25.7,4.58 23.4,4.12 21.3,3.67 18.9,2.99 16.3,2.07 13.8,1.28 11.8,0.25 10.3,-1 8.92,-2.26 8.24,-3.68 8.24,-5.27 c 0,-1.6 0.34,-3.31 1.02,-5.13 0.64,-1.1 1.34,-2.2 2.04,-3.2 0.7,-1.1 1.3,-2.1 1.7,-3.1 0.6,-0.9 1,-1.8 1.4,-2.8 0.4,-0.9 0.8,-1.8 1,-2.9 0.2,-1 0.4,-2 0.4,-3 0,-1 -0.4,-4 -1.2,-9.3 -0.8,-5.2 -1.2,-8.5 -1.2,-9.9 0,-4.4 1,-7.9 3.2,-10.4 2.2,-2.5 4.3,-3.8 6.5,-3.8 h 11.5 c 0.9,0 2.3,-0.5 4.4,-1.7 0.7,-1.6 1.3,-2.9 1.7,-4.1 0.5,-1.2 0.7,-2.1 0.9,-2.5 0.2,-0.6 0.4,-1.2 0.6,-1.7 0.4,-0.7 0.9,-1.5 1.6,-2.3 -0.8,-1 -1.2,-2.3 -1.2,-3.9 0,-1.1 0,-2.1 0.2,-2.7 0,-3.6 1.7,-8.7 5.3,-15.4 l 3.5,-6.3 c 2.9,-5.4 5.1,-9.4 6.7,-13.4 1.7,-4 3.5,-10 5.5,-18 1.6,-7 5.4,-14 11.4,-21 l 7.5,-9 c 5.2,-6 8.6,-11 10.5,-15 1.9,-4 2.9,-9 2.9,-13 0,-2 -0.5,-8 -1.6,-18 -1,-10 -1.5,-20 -1.5,-29 0,-7 0.6,-12 1.9,-17 1.3,-5 3.6,-10 7,-14 3,-4 7,-8 13,-10 6,-2 13,-3 21,-3 3,0 6,0 9,1 3,0 7,1 12,3 4,2 8,4 11,7 4,3 7,8 10,13 2,6 4,12 5,20 1,5 1,10 2,17 0,6 1,10 1,13 1,3 1,7 2,12 1,4 2,8 4,11 2,4 4,8 7,12 3,5 7,10 11,16 9,10 16,21 20,32 5,10 8,23 8,36.9 0,6.9 -1,13.6 -3,20.1 2,0 3,0.8 4,2.2 1,1.4 2,4.4 3,9.1 l 1,7.4 c 1,2.2 2,4.3 5,6.1 2,1.8 4,3.3 7,4.5 2,1 5,2.4 7,4.2 2,2 3,4.1 3,6.3 0,3.4 -1,5.9 -3,7.7 -2,2 -4,3.4 -7,4.3 -2,1 -6,3 -12,5.82 -5,2.96 -10,6.55 -15,10.8 l -10,8.51 c -4,3.9 -8,6.7 -11,8.4 -3,1.8 -7,2.7 -11,2.7 l -7,-0.8 c -8,-2.1 -13,-6.1 -16,-12.2 -16,-1.94 -29,-2.9 -37,-2.9"
+       id="path4"
+       style="fill:black;fill-opacity:1" />
+  </g>
+</svg>
diff --git a/m3ww/.config/eww/images/svg/template/onBackground/ubuntu.svg b/m3ww/.config/eww/images/svg/template/onBackground/ubuntu.svg
new file mode 100644
index 000000000..39ebc8c70
--- /dev/null
+++ b/m3ww/.config/eww/images/svg/template/onBackground/ubuntu.svg
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="496"
+   width="496"
+   id="svg4"
+   version="1.1"
+   viewBox="0 0 496 496"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8">
+    <style
+       id="style933">.cls-1{fill:#e9500e;}</style>
+  </defs>
+  <g
+     id="g959"
+     transform="matrix(0.61580374,0,0,0.61580374,12.468621,21.817361)">
+    <circle
+       class="cls-1"
+       cx="109.02696"
+       cy="348.09412"
+       r="109.02696"
+       id="circle937"
+       style="fill:black;fill-opacity:1" />
+    <ellipse
+       class="cls-1"
+       cx="563.08368"
+       cy="109.02698"
+       id="circle939"
+       rx="109.02662"
+       ry="109.02698"
+       style="fill:black;fill-opacity:1" />
+    <path
+       class="cls-1"
+       d="m 354.92039,628.68582 c -77.01891,-15.8253 -145.43904,-68.0075 -181.0712,-138.0982 -28.93817,13.2078 -61.94374,17.2648 -93.21911,11.4583 51.75695,133.1719 190.35352,224.9404 332.95672,222.1315 -21.33123,-25.4775 -29.54323,-61.4497 -33.6059,-91.347 -8.41211,-0.9891 -16.77785,-2.3728 -25.06051,-4.1446 z"
+       id="path941"
+       style="fill:black;fill-opacity:1" />
+    <circle
+       class="cls-1"
+       cx="538.52045"
+       cy="629.28723"
+       r="109.02698"
+       id="circle943"
+       style="fill:black;fill-opacity:1" />
+    <path
+       class="cls-1"
+       d="m 690.23645,589.24102 c 85.45532,-105.22585 101.63344,-261.1123 39.28817,-381.54731 -6.39094,-12.73675 -13.54502,-25.09063 -21.41334,-36.97169 -12.438,29.45803 -34.16446,54.90303 -61.30975,71.8031 44.28267,81.68487 40.82043,186.89167 -8.73688,265.4884 25.36982,20.67266 43.92291,49.5585 52.1718,81.2275 z"
+       id="path945"
+       style="fill:black;fill-opacity:1" />
+    <path
+       class="cls-1"
+       d="m 100.61489,191.73908 c 31.72478,-1.7424 63.98682,6.52836 90.98772,23.31994 C 239.1057,145.42119 321.41819,101.39883 405.71083,100.54968 405.7585,68.81709 422.81019,34.82283 437.18034,12.00596 323.8486,3.01574 208.0489,52.71326 135.95771,140.54908 c -13.26,15.97642 -25.10697,33.12582 -35.34282,51.19 z"
+       id="path947"
+       style="fill:black;fill-opacity:1" />
+  </g>
+</svg>
diff --git a/m3ww/.config/eww/images/svg/template/onBackground/zorin.svg b/m3ww/.config/eww/images/svg/template/onBackground/zorin.svg
new file mode 100644
index 000000000..22d225e09
--- /dev/null
+++ b/m3ww/.config/eww/images/svg/template/onBackground/zorin.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="496"
+   width="496"
+   id="svg4"
+   version="1.1"
+   viewBox="0 0 496 496"
+   xml:space="preserve"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"><metadata
+     id="metadata10"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs8"><style
+       id="style933">.cls-1{fill:#e9500e;}</style></defs><g
+     style="fill:black;fill-opacity:1"
+     id="g128"
+     transform="matrix(0.63842458,0,0,0.63842458,10.630929,40.503173)"><path
+       d="m 125,542 62.353,108 h 375.29 L 625,542 Z M 750,324.998 687.103,434 H 288 L 687.103,216 Z M 0,325.002 62.897,216 H 462 L 62.897,434 Z M 125,108 187.353,0 h 375.29 L 625,108 Z"
+       id="path119"
+       style="fill:black;fill-opacity:1" /></g></svg>
diff --git a/m3ww/.config/eww/images/svg/template/onSecondaryContainer/app.svg b/m3ww/.config/eww/images/svg/template/onSecondaryContainer/app.svg
new file mode 100644
index 000000000..d0d9e8c40
--- /dev/null
+++ b/m3ww/.config/eww/images/svg/template/onSecondaryContainer/app.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m18.492 2.33 3.179 3.179a2.25 2.25 0 0 1 0 3.182l-2.423 2.422A2.501 2.501 0 0 1 21 13.5v5a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 18.5v-13A2.5 2.5 0 0 1 5.5 3h5c1.121 0 2.07.737 2.387 1.754L15.31 2.33a2.25 2.25 0 0 1 3.182 0ZM11 13H5v5.5a.5.5 0 0 0 .5.5H11v-6Zm7.5 0H13v6h5.5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5Zm-4.06-2.001L13 9.559v1.44h1.44Zm-3.94-6h-5a.5.5 0 0 0-.5.5V11h6V5.5a.5.5 0 0 0-.5-.5Z" fill="black"/></svg>
\ No newline at end of file
diff --git a/m3ww/.config/eww/images/svg/template/surface/drips.svg b/m3ww/.config/eww/images/svg/template/surface/drips.svg
new file mode 100644
index 000000000..1ea9e5cff
--- /dev/null
+++ b/m3ww/.config/eww/images/svg/template/surface/drips.svg
@@ -0,0 +1,25 @@
+<svg width="1920" height="40" viewBox="0 0 1920 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1_2)">
+<path d="M7 31.5002C7 33.4332 8.567 35.0002 10.5 35.0002V35.0002C12.433 35.0002 14 33.4332 14 31.5002V21.5002C14 19.5672 15.567 18.0002 17.5 18.0002V18.0002C19.433 18.0002 21 19.5672 21 21.5002V34.0002C21 35.9332 22.567 37.5002 24.5 37.5002V37.5002C26.433 37.5002 28 35.9332 28 34.0002V16.0002C28 14.0672 29.567 12.5002 31.5 12.5002V12.5002C33.433 12.5002 35 14.0672 35 16.0002V29.8336C35 31.7666 36.567 33.3336 38.5 33.3336V33.3336C40.433 33.3336 42 31.7666 42 29.8336V21.8335C42 19.9006 43.567 18.3335 45.5 18.3335V18.3335C47.433 18.3335 49 19.9006 49 21.8335V36.5002C49 38.4332 50.567 40.0002 52.5 40.0002V40.0002C54.433 40.0002 56 38.4332 56 36.5002V11.8336C56 9.90057 57.567 8.33357 59.5 8.33357V8.33357C61.433 8.33357 63 9.90057 63 11.8336V36.5002C63 38.4332 64.567 40.0002 66.5 40.0002V40.0002C68.433 40.0002 70 38.4332 70 36.5002V21.0002C70 19.0672 71.567 17.5002 73.5 17.5002V17.5002C75.433 17.5002 77 19.0672 77 21.0002V26.5002C77 28.4332 78.567 30.0002 80.5 30.0002V30.0002C82.433 30.0002 84 28.4332 84 26.5002V9.50023C84 7.56723 85.567 6.00023 87.5 6.00023V6.00023C89.433 6.00023 91 7.56723 91 9.50023V21.519C91 23.4416 92.5586 25.0002 94.4812 25.0002V25.0002C96.4185 25.0002 97.983 23.4188 97.9623 21.4817L97.9133 16.915C97.8922 14.9433 99.4847 13.3336 101.457 13.3336V13.3336C103.414 13.3336 105 14.92 105 16.877V31.5002C105 33.4332 106.567 35.0002 108.5 35.0002V35.0002C110.433 35.0002 112 33.4332 112 31.5002V12.6669C112 10.7339 113.567 9.16688 115.5 9.16688V9.16688C117.433 9.16688 119 10.7339 119 12.6669V27.3336C119 29.2666 120.567 30.8336 122.5 30.8336V30.8336C124.433 30.8336 126 29.2666 126 27.3336V16.5002C126 14.5672 127.567 13.0002 129.5 13.0002V13.0002C131.433 13.0002 133 11.4332 133 9.50023V0.000228882H0V9.50023C0 11.4332 1.567 13.0002 3.5 13.0002V13.0002C5.433 13.0002 7 14.5672 7 16.5002V31.5002Z" fill="black"/>
+<path d="M133 31.5002C133 33.4332 134.567 35.0002 136.5 35.0002C138.433 35.0002 140 33.4332 140 31.5002V21.5002C140 19.5672 141.567 18.0002 143.5 18.0002C145.433 18.0002 147 19.5672 147 21.5002V34.0002C147 35.9332 148.567 37.5002 150.5 37.5002C152.433 37.5002 154 35.9332 154 34.0002V16.0002C154 14.0672 155.567 12.5002 157.5 12.5002C159.433 12.5002 161 14.0672 161 16.0002V29.8336C161 31.7666 162.567 33.3336 164.5 33.3336C166.433 33.3336 168 31.7666 168 29.8336V21.8336C168 19.9006 169.567 18.3335 171.5 18.3335C173.433 18.3335 175 19.9006 175 21.8336V36.5003C175 38.4332 176.567 40.0002 178.5 40.0002C180.433 40.0002 182 38.4332 182 36.5002V11.8336C182 9.90057 183.567 8.33357 185.5 8.33357C187.433 8.33357 189 9.90057 189 11.8336V36.5002C189 38.4332 190.567 40.0002 192.5 40.0002C194.433 40.0002 196 38.4332 196 36.5002V21.0002C196 19.0672 197.567 17.5002 199.5 17.5002C201.433 17.5002 203 19.0672 203 21.0002V26.5002C203 28.4332 204.567 30.0002 206.5 30.0002C208.433 30.0002 210 28.4332 210 26.5002V9.50023C210 7.56723 211.567 6.00023 213.5 6.00023C215.433 6.00023 217 7.56723 217 9.50023V21.519C217 23.4416 218.559 25.0002 220.481 25.0002C222.418 25.0002 223.983 23.4188 223.962 21.4817L223.913 16.915C223.892 14.9433 225.485 13.3336 227.457 13.3336C229.414 13.3336 231 14.92 231 16.877V31.5002C231 33.4332 232.567 35.0002 234.5 35.0002C236.433 35.0002 238 33.4332 238 31.5002V12.6669C238 10.7339 239.567 9.16688 241.5 9.16688C243.433 9.16688 245 10.7339 245 12.6669V27.3336C245 29.2666 246.567 30.8336 248.5 30.8336C250.433 30.8336 252 29.2666 252 27.3336V16.5002C252 14.5672 253.567 13.0002 255.5 13.0002C257.433 13.0002 259 11.4332 259 9.50023V0.000228882H126V9.50023C126 11.4332 127.567 13.0002 129.5 13.0002C131.433 13.0002 133 14.5672 133 16.5002V31.5002Z" fill="black"/>
+<path d="M259 31.5002C259 33.4332 260.567 35.0002 262.5 35.0002C264.433 35.0002 266 33.4332 266 31.5002V21.5002C266 19.5672 267.567 18.0002 269.5 18.0002C271.433 18.0002 273 19.5672 273 21.5002V34.0002C273 35.9332 274.567 37.5002 276.5 37.5002C278.433 37.5002 280 35.9332 280 34.0002V16.0002C280 14.0672 281.567 12.5002 283.5 12.5002C285.433 12.5002 287 14.0672 287 16.0002V29.8335C287 31.7665 288.567 33.3335 290.5 33.3335C292.433 33.3335 294 31.7665 294 29.8335V21.8335C294 19.9005 295.567 18.3335 297.5 18.3335C299.433 18.3335 301 19.9005 301 21.8335V36.5002C301 38.4332 302.567 40.0002 304.5 40.0002C306.433 40.0002 308 38.4332 308 36.5002V11.8335C308 9.90054 309.567 8.33354 311.5 8.33354C313.433 8.33354 315 9.90054 315 11.8335V36.5002C315 38.4332 316.567 40.0002 318.5 40.0002C320.433 40.0002 322 38.4332 322 36.5002V21.0002C322 19.0672 323.567 17.5002 325.5 17.5002C327.433 17.5002 329 19.0672 329 21.0002V26.5002C329 28.4332 330.567 30.0002 332.5 30.0002C334.433 30.0002 336 28.4332 336 26.5002V9.5002C336 7.5672 337.567 6.0002 339.5 6.0002C341.433 6.0002 343 7.5672 343 9.5002V21.519C343 23.4416 344.559 25.0002 346.481 25.0002C348.418 25.0002 349.983 23.4188 349.962 21.4816L349.913 16.915C349.892 14.9432 351.485 13.3335 353.457 13.3335C355.414 13.3335 357 14.92 357 16.877V31.5002C357 33.4332 358.567 35.0002 360.5 35.0002C362.433 35.0002 364 33.4332 364 31.5002V12.6669C364 10.7339 365.567 9.16688 367.5 9.16688C369.433 9.16688 371 10.7339 371 12.6669V27.3335C371 29.2665 372.567 30.8335 374.5 30.8335C376.433 30.8335 378 29.2665 378 27.3335V16.5002C378 14.5672 379.567 13.0002 381.5 13.0002C383.433 13.0002 385 11.4332 385 9.5002V0.000198364H252V9.5002C252 11.4332 253.567 13.0002 255.5 13.0002C257.433 13.0002 259 14.5672 259 16.5002V31.5002Z" fill="black"/>
+<path d="M385 31.5002C385 33.4332 386.567 35.0002 388.5 35.0002C390.433 35.0002 392 33.4332 392 31.5002V21.5002C392 19.5672 393.567 18.0002 395.5 18.0002C397.433 18.0002 399 19.5672 399 21.5002V34.0002C399 35.9332 400.567 37.5002 402.5 37.5002C404.433 37.5002 406 35.9332 406 34.0002V16.0002C406 14.0672 407.567 12.5002 409.5 12.5002C411.433 12.5002 413 14.0672 413 16.0002V29.8335C413 31.7665 414.567 33.3335 416.5 33.3335C418.433 33.3335 420 31.7665 420 29.8335V21.8335C420 19.9005 421.567 18.3335 423.5 18.3335C425.433 18.3335 427 19.9005 427 21.8335V36.5002C427 38.4332 428.567 40.0002 430.5 40.0002C432.433 40.0002 434 38.4332 434 36.5002V11.8335C434 9.90054 435.567 8.33354 437.5 8.33354C439.433 8.33354 441 9.90054 441 11.8335V36.5002C441 38.4332 442.567 40.0002 444.5 40.0002C446.433 40.0002 448 38.4332 448 36.5002V21.0002C448 19.0672 449.567 17.5002 451.5 17.5002C453.433 17.5002 455 19.0672 455 21.0002V26.5002C455 28.4332 456.567 30.0002 458.5 30.0002C460.433 30.0002 462 28.4332 462 26.5002V9.5002C462 7.5672 463.567 6.0002 465.5 6.0002C467.433 6.0002 469 7.5672 469 9.5002V21.519C469 23.4416 470.559 25.0002 472.481 25.0002C474.418 25.0002 475.983 23.4188 475.962 21.4816L475.913 16.915C475.892 14.9432 477.485 13.3335 479.457 13.3335C481.414 13.3335 483 14.92 483 16.877V31.5002C483 33.4332 484.567 35.0002 486.5 35.0002C488.433 35.0002 490 33.4332 490 31.5002V12.6669C490 10.7339 491.567 9.16688 493.5 9.16688C495.433 9.16688 497 10.7339 497 12.6669V27.3335C497 29.2665 498.567 30.8335 500.5 30.8335C502.433 30.8335 504 29.2665 504 27.3335V16.5002C504 14.5672 505.567 13.0002 507.5 13.0002C509.433 13.0002 511 11.4332 511 9.5002V0.000198364H378V9.5002C378 11.4332 379.567 13.0002 381.5 13.0002C383.433 13.0002 385 14.5672 385 16.5002V31.5002Z" fill="black"/>
+<path d="M511 31.5002C511 33.4332 512.567 35.0002 514.5 35.0002C516.433 35.0002 518 33.4332 518 31.5002V21.5002C518 19.5672 519.567 18.0002 521.5 18.0002C523.433 18.0002 525 19.5672 525 21.5002V34.0002C525 35.9332 526.567 37.5002 528.5 37.5002C530.433 37.5002 532 35.9332 532 34.0002V16.0002C532 14.0672 533.567 12.5002 535.5 12.5002C537.433 12.5002 539 14.0672 539 16.0002V29.8335C539 31.7665 540.567 33.3335 542.5 33.3335C544.433 33.3335 546 31.7665 546 29.8335V21.8335C546 19.9005 547.567 18.3335 549.5 18.3335C551.433 18.3335 553 19.9005 553 21.8335V36.5002C553 38.4332 554.567 40.0002 556.5 40.0002C558.433 40.0002 560 38.4332 560 36.5002V11.8335C560 9.90052 561.567 8.33352 563.5 8.33352C565.433 8.33352 567 9.90052 567 11.8335V36.5002C567 38.4332 568.567 40.0002 570.5 40.0002C572.433 40.0002 574 38.4332 574 36.5002V21.0002C574 19.0672 575.567 17.5002 577.5 17.5002C579.433 17.5002 581 19.0672 581 21.0002V26.5002C581 28.4332 582.567 30.0002 584.5 30.0002C586.433 30.0002 588 28.4332 588 26.5002V9.50018C588 7.56718 589.567 6.00018 591.5 6.00018C593.433 6.00018 595 7.56718 595 9.50018V21.519C595 23.4416 596.559 25.0002 598.481 25.0002C600.418 25.0002 601.983 23.4188 601.962 21.4817L601.913 16.9149C601.892 14.9432 603.485 13.3335 605.457 13.3335C607.414 13.3335 609 14.92 609 16.877V31.5002C609 33.4332 610.567 35.0002 612.5 35.0002C614.433 35.0002 616 33.4332 616 31.5002V12.6669C616 10.7339 617.567 9.16685 619.5 9.16685C621.433 9.16685 623 10.7339 623 12.6669V27.3335C623 29.2665 624.567 30.8335 626.5 30.8335C628.433 30.8335 630 29.2665 630 27.3335V16.5002C630 14.5672 631.567 13.0002 633.5 13.0002C635.433 13.0002 637 11.4332 637 9.50018V0.000183105H504V9.50018C504 11.4332 505.567 13.0002 507.5 13.0002C509.433 13.0002 511 14.5672 511 16.5002V31.5002Z" fill="black"/>
+<path d="M637 31.5002C637 33.4332 638.567 35.0002 640.5 35.0002C642.433 35.0002 644 33.4332 644 31.5002V21.5002C644 19.5672 645.567 18.0002 647.5 18.0002C649.433 18.0002 651 19.5672 651 21.5002V34.0002C651 35.9332 652.567 37.5002 654.5 37.5002C656.433 37.5002 658 35.9332 658 34.0002V16.0002C658 14.0672 659.567 12.5002 661.5 12.5002C663.433 12.5002 665 14.0672 665 16.0002V29.8335C665 31.7665 666.567 33.3335 668.5 33.3335C670.433 33.3335 672 31.7665 672 29.8335V21.8335C672 19.9005 673.567 18.3335 675.5 18.3335C677.433 18.3335 679 19.9005 679 21.8335V36.5002C679 38.4332 680.567 40.0002 682.5 40.0002C684.433 40.0002 686 38.4332 686 36.5002V11.8335C686 9.90052 687.567 8.33352 689.5 8.33352C691.433 8.33352 693 9.90052 693 11.8335V36.5002C693 38.4332 694.567 40.0002 696.5 40.0002C698.433 40.0002 700 38.4332 700 36.5002V21.0002C700 19.0672 701.567 17.5002 703.5 17.5002C705.433 17.5002 707 19.0672 707 21.0002V26.5002C707 28.4332 708.567 30.0002 710.5 30.0002C712.433 30.0002 714 28.4332 714 26.5002V9.50018C714 7.56718 715.567 6.00018 717.5 6.00018C719.433 6.00018 721 7.56718 721 9.50018V21.519C721 23.4416 722.559 25.0002 724.481 25.0002C726.418 25.0002 727.983 23.4188 727.962 21.4816L727.913 16.9149C727.892 14.9432 729.485 13.3335 731.457 13.3335C733.414 13.3335 735 14.92 735 16.877V31.5002C735 33.4332 736.567 35.0002 738.5 35.0002C740.433 35.0002 742 33.4332 742 31.5002V12.6669C742 10.7339 743.567 9.16685 745.5 9.16685C747.433 9.16685 749 10.7339 749 12.6669V27.3335C749 29.2665 750.567 30.8335 752.5 30.8335C754.433 30.8335 756 29.2665 756 27.3335V16.5002C756 14.5672 757.567 13.0002 759.5 13.0002C761.433 13.0002 763 11.4332 763 9.50018V0.000183105H630V9.50018C630 11.4332 631.567 13.0002 633.5 13.0002C635.433 13.0002 637 14.5672 637 16.5002V31.5002Z" fill="black"/>
+<path d="M763 31.5002C763 33.4332 764.567 35.0002 766.5 35.0002C768.433 35.0002 770 33.4332 770 31.5002V21.5002C770 19.5672 771.567 18.0002 773.5 18.0002C775.433 18.0002 777 19.5672 777 21.5002V34.0002C777 35.9332 778.567 37.5002 780.5 37.5002C782.433 37.5002 784 35.9332 784 34.0002V16.0002C784 14.0672 785.567 12.5002 787.5 12.5002C789.433 12.5002 791 14.0672 791 16.0002V29.8335C791 31.7665 792.567 33.3335 794.5 33.3335C796.433 33.3335 798 31.7665 798 29.8335V21.8335C798 19.9005 799.567 18.3335 801.5 18.3335C803.433 18.3335 805 19.9005 805 21.8335V36.5002C805 38.4332 806.567 40.0002 808.5 40.0002C810.433 40.0002 812 38.4332 812 36.5002V11.8335C812 9.9005 813.567 8.33349 815.5 8.33349C817.433 8.33349 819 9.9005 819 11.8335V36.5002C819 38.4332 820.567 40.0002 822.5 40.0002C824.433 40.0002 826 38.4332 826 36.5002V21.0002C826 19.0672 827.567 17.5002 829.5 17.5002C831.433 17.5002 833 19.0672 833 21.0002V26.5002C833 28.4332 834.567 30.0002 836.5 30.0002C838.433 30.0002 840 28.4332 840 26.5002V9.50016C840 7.56716 841.567 6.00016 843.5 6.00016C845.433 6.00016 847 7.56716 847 9.50016V21.5189C847 23.4416 848.559 25.0002 850.481 25.0002C852.418 25.0002 853.983 23.4187 853.962 21.4816L853.913 16.9149C853.892 14.9432 855.485 13.3335 857.457 13.3335C859.414 13.3335 861 14.9199 861 16.8769V31.5002C861 33.4332 862.567 35.0002 864.5 35.0002C866.433 35.0002 868 33.4332 868 31.5002V12.6668C868 10.7338 869.567 9.16682 871.5 9.16682C873.433 9.16682 875 10.7338 875 12.6668V27.3335C875 29.2665 876.567 30.8335 878.5 30.8335C880.433 30.8335 882 29.2665 882 27.3335V16.5002C882 14.5672 883.567 13.0002 885.5 13.0002C887.433 13.0002 889 11.4332 889 9.50016V0.000160217H756V9.50016C756 11.4332 757.567 13.0002 759.5 13.0002C761.433 13.0002 763 14.5672 763 16.5002V31.5002Z" fill="black"/>
+<path d="M889 31.5002C889 33.4332 890.567 35.0002 892.5 35.0002C894.433 35.0002 896 33.4332 896 31.5002V21.5002C896 19.5672 897.567 18.0002 899.5 18.0002C901.433 18.0002 903 19.5672 903 21.5002V34.0002C903 35.9332 904.567 37.5002 906.5 37.5002C908.433 37.5002 910 35.9332 910 34.0002V16.0002C910 14.0672 911.567 12.5002 913.5 12.5002C915.433 12.5002 917 14.0672 917 16.0002V29.8335C917 31.7665 918.567 33.3335 920.5 33.3335C922.433 33.3335 924 31.7665 924 29.8335V21.8335C924 19.9005 925.567 18.3335 927.5 18.3335C929.433 18.3335 931 19.9005 931 21.8335V36.5002C931 38.4332 932.567 40.0002 934.5 40.0002C936.433 40.0002 938 38.4332 938 36.5002V11.8335C938 9.9005 939.567 8.33349 941.5 8.33349C943.433 8.33349 945 9.9005 945 11.8335V36.5002C945 38.4332 946.567 40.0002 948.5 40.0002C950.433 40.0002 952 38.4332 952 36.5002V21.0002C952 19.0672 953.567 17.5002 955.5 17.5002C957.433 17.5002 959 19.0672 959 21.0002V26.5002C959 28.4332 960.567 30.0002 962.5 30.0002C964.433 30.0002 966 28.4332 966 26.5002V9.50016C966 7.56716 967.567 6.00016 969.5 6.00016C971.433 6.00016 973 7.56716 973 9.50016V21.5189C973 23.4416 974.559 25.0002 976.481 25.0002C978.418 25.0002 979.983 23.4187 979.962 21.4816L979.913 16.9149C979.892 14.9432 981.485 13.3335 983.457 13.3335C985.414 13.3335 987 14.9199 987 16.8769V31.5002C987 33.4332 988.567 35.0002 990.5 35.0002C992.433 35.0002 994 33.4332 994 31.5002V12.6668C994 10.7338 995.567 9.16682 997.5 9.16682C999.433 9.16682 1001 10.7338 1001 12.6668V27.3335C1001 29.2665 1002.57 30.8335 1004.5 30.8335C1006.43 30.8335 1008 29.2665 1008 27.3335V16.5002C1008 14.5672 1009.57 13.0002 1011.5 13.0002C1013.43 13.0002 1015 11.4332 1015 9.50016V0.000160217H882V9.50016C882 11.4332 883.567 13.0002 885.5 13.0002C887.433 13.0002 889 14.5672 889 16.5002V31.5002Z" fill="black"/>
+<path d="M1015 31.5001C1015 33.4331 1016.57 35.0001 1018.5 35.0001C1020.43 35.0001 1022 33.4331 1022 31.5001V21.5001C1022 19.5671 1023.57 18.0001 1025.5 18.0001C1027.43 18.0001 1029 19.5671 1029 21.5001V34.0001C1029 35.9331 1030.57 37.5001 1032.5 37.5001C1034.43 37.5001 1036 35.9331 1036 34.0001V16.0001C1036 14.0671 1037.57 12.5001 1039.5 12.5001C1041.43 12.5001 1043 14.0671 1043 16.0001V29.8335C1043 31.7665 1044.57 33.3335 1046.5 33.3335C1048.43 33.3335 1050 31.7665 1050 29.8335V21.8335C1050 19.9005 1051.57 18.3334 1053.5 18.3334C1055.43 18.3334 1057 19.9005 1057 21.8335V36.5001C1057 38.4331 1058.57 40.0001 1060.5 40.0001C1062.43 40.0001 1064 38.4331 1064 36.5001V11.8334C1064 9.90044 1065.57 8.33344 1067.5 8.33344C1069.43 8.33344 1071 9.90044 1071 11.8334V36.5001C1071 38.4331 1072.57 40.0001 1074.5 40.0001C1076.43 40.0001 1078 38.4331 1078 36.5001V21.0001C1078 19.0671 1079.57 17.5001 1081.5 17.5001C1083.43 17.5001 1085 19.0671 1085 21.0001V26.5001C1085 28.4331 1086.57 30.0001 1088.5 30.0001C1090.43 30.0001 1092 28.4331 1092 26.5001V9.5001C1092 7.56711 1093.57 6.00011 1095.5 6.00011C1097.43 6.00011 1099 7.56711 1099 9.5001V21.5189C1099 23.4415 1100.56 25.0001 1102.48 25.0001C1104.42 25.0001 1105.98 23.4187 1105.96 21.4816L1105.91 16.9149C1105.89 14.9431 1107.48 13.3334 1109.46 13.3334C1111.41 13.3334 1113 14.9199 1113 16.8769V31.5001C1113 33.4331 1114.57 35.0001 1116.5 35.0001C1118.43 35.0001 1120 33.4331 1120 31.5001V12.6668C1120 10.7338 1121.57 9.16678 1123.5 9.16678C1125.43 9.16678 1127 10.7338 1127 12.6668V27.3335C1127 29.2665 1128.57 30.8335 1130.5 30.8335C1132.43 30.8335 1134 29.2665 1134 27.3335V16.5001C1134 14.5671 1135.57 13.0001 1137.5 13.0001C1139.43 13.0001 1141 11.4331 1141 9.5001V0.000106812H1008V9.5001C1008 11.4331 1009.57 13.0002 1011.5 13.0002C1013.43 13.0002 1015 14.5671 1015 16.5001V31.5001Z" fill="black"/>
+<path d="M1141 31.5001C1141 33.4331 1142.57 35.0001 1144.5 35.0001C1146.43 35.0001 1148 33.4331 1148 31.5001V21.5001C1148 19.5671 1149.57 18.0001 1151.5 18.0001C1153.43 18.0001 1155 19.5671 1155 21.5001V34.0001C1155 35.9331 1156.57 37.5001 1158.5 37.5001C1160.43 37.5001 1162 35.9331 1162 34.0001V16.0001C1162 14.0671 1163.57 12.5001 1165.5 12.5001C1167.43 12.5001 1169 14.0671 1169 16.0001V29.8335C1169 31.7665 1170.57 33.3335 1172.5 33.3335C1174.43 33.3335 1176 31.7665 1176 29.8335V21.8335C1176 19.9005 1177.57 18.3334 1179.5 18.3334C1181.43 18.3334 1183 19.9005 1183 21.8335V36.5001C1183 38.4331 1184.57 40.0001 1186.5 40.0001C1188.43 40.0001 1190 38.4331 1190 36.5001V11.8334C1190 9.90044 1191.57 8.33344 1193.5 8.33344C1195.43 8.33344 1197 9.90044 1197 11.8334V36.5001C1197 38.4331 1198.57 40.0001 1200.5 40.0001C1202.43 40.0001 1204 38.4331 1204 36.5001V21.0001C1204 19.0671 1205.57 17.5001 1207.5 17.5001C1209.43 17.5001 1211 19.0671 1211 21.0001V26.5001C1211 28.4331 1212.57 30.0001 1214.5 30.0001C1216.43 30.0001 1218 28.4331 1218 26.5001V9.5001C1218 7.56711 1219.57 6.00011 1221.5 6.00011C1223.43 6.00011 1225 7.56711 1225 9.5001V21.5189C1225 23.4415 1226.56 25.0001 1228.48 25.0001C1230.42 25.0001 1231.98 23.4187 1231.96 21.4816L1231.91 16.9149C1231.89 14.9431 1233.48 13.3334 1235.46 13.3334C1237.41 13.3334 1239 14.9199 1239 16.8769V31.5001C1239 33.4331 1240.57 35.0001 1242.5 35.0001C1244.43 35.0001 1246 33.4331 1246 31.5001V12.6668C1246 10.7338 1247.57 9.16678 1249.5 9.16678C1251.43 9.16678 1253 10.7338 1253 12.6668V27.3335C1253 29.2665 1254.57 30.8335 1256.5 30.8335C1258.43 30.8335 1260 29.2665 1260 27.3335V16.5001C1260 14.5671 1261.57 13.0001 1263.5 13.0001C1265.43 13.0001 1267 11.4331 1267 9.5001V0.000106812H1134V9.5001C1134 11.4331 1135.57 13.0001 1137.5 13.0001C1139.43 13.0001 1141 14.5671 1141 16.5001V31.5001Z" fill="black"/>
+<path d="M1267 31.5001C1267 33.4331 1268.57 35.0001 1270.5 35.0001C1272.43 35.0001 1274 33.4331 1274 31.5001V21.5001C1274 19.5671 1275.57 18.0001 1277.5 18.0001C1279.43 18.0001 1281 19.5671 1281 21.5001V34.0001C1281 35.9331 1282.57 37.5001 1284.5 37.5001C1286.43 37.5001 1288 35.9331 1288 34.0001V16.0001C1288 14.0671 1289.57 12.5001 1291.5 12.5001C1293.43 12.5001 1295 14.0671 1295 16.0001V29.8334C1295 31.7664 1296.57 33.3334 1298.5 33.3334C1300.43 33.3334 1302 31.7664 1302 29.8334V21.8334C1302 19.9004 1303.57 18.3334 1305.5 18.3334C1307.43 18.3334 1309 19.9004 1309 21.8334V36.5001C1309 38.4331 1310.57 40.0001 1312.5 40.0001C1314.43 40.0001 1316 38.4331 1316 36.5001V11.8334C1316 9.90042 1317.57 8.33342 1319.5 8.33342C1321.43 8.33342 1323 9.90042 1323 11.8334V36.5001C1323 38.4331 1324.57 40.0001 1326.5 40.0001C1328.43 40.0001 1330 38.4331 1330 36.5001V21.0001C1330 19.0671 1331.57 17.5001 1333.5 17.5001C1335.43 17.5001 1337 19.0671 1337 21.0001V26.5001C1337 28.4331 1338.57 30.0001 1340.5 30.0001C1342.43 30.0001 1344 28.4331 1344 26.5001V9.50008C1344 7.56709 1345.57 6.00008 1347.5 6.00008C1349.43 6.00008 1351 7.56709 1351 9.50008V21.5189C1351 23.4415 1352.56 25.0001 1354.48 25.0001C1356.42 25.0001 1357.98 23.4187 1357.96 21.4815L1357.91 16.9148C1357.89 14.9431 1359.48 13.3334 1361.46 13.3334C1363.41 13.3334 1365 14.9199 1365 16.8769V31.5001C1365 33.4331 1366.57 35.0001 1368.5 35.0001C1370.43 35.0001 1372 33.4331 1372 31.5001V12.6668C1372 10.7338 1373.57 9.16675 1375.5 9.16675C1377.43 9.16675 1379 10.7337 1379 12.6667V27.3334C1379 29.2664 1380.57 30.8334 1382.5 30.8334C1384.43 30.8334 1386 29.2664 1386 27.3334V16.5001C1386 14.5671 1387.57 13.0001 1389.5 13.0001C1391.43 13.0001 1393 11.4331 1393 9.50008V8.39233e-05H1260V9.50008C1260 11.4331 1261.57 13.0001 1263.5 13.0001C1265.43 13.0001 1267 14.5671 1267 16.5001V31.5001Z" fill="black"/>
+<path d="M1393 31.5001C1393 33.4331 1394.57 35.0001 1396.5 35.0001C1398.43 35.0001 1400 33.4331 1400 31.5001V21.5001C1400 19.5671 1401.57 18.0001 1403.5 18.0001C1405.43 18.0001 1407 19.5671 1407 21.5001V34.0001C1407 35.9331 1408.57 37.5001 1410.5 37.5001C1412.43 37.5001 1414 35.9331 1414 34.0001V16.0001C1414 14.0671 1415.57 12.5001 1417.5 12.5001C1419.43 12.5001 1421 14.0671 1421 16.0001V29.8334C1421 31.7664 1422.57 33.3334 1424.5 33.3334C1426.43 33.3334 1428 31.7664 1428 29.8334V21.8334C1428 19.9004 1429.57 18.3334 1431.5 18.3334C1433.43 18.3334 1435 19.9004 1435 21.8334V36.5001C1435 38.4331 1436.57 40.0001 1438.5 40.0001C1440.43 40.0001 1442 38.4331 1442 36.5001V11.8334C1442 9.90042 1443.57 8.33342 1445.5 8.33342C1447.43 8.33342 1449 9.90042 1449 11.8334V36.5001C1449 38.4331 1450.57 40.0001 1452.5 40.0001C1454.43 40.0001 1456 38.4331 1456 36.5001V21.0001C1456 19.0671 1457.57 17.5001 1459.5 17.5001C1461.43 17.5001 1463 19.0671 1463 21.0001V26.5001C1463 28.4331 1464.57 30.0001 1466.5 30.0001C1468.43 30.0001 1470 28.4331 1470 26.5001V9.50008C1470 7.56709 1471.57 6.00008 1473.5 6.00008C1475.43 6.00008 1477 7.56709 1477 9.50008V21.5189C1477 23.4415 1478.56 25.0001 1480.48 25.0001C1482.42 25.0001 1483.98 23.4187 1483.96 21.4815L1483.91 16.9148C1483.89 14.9431 1485.48 13.3334 1487.46 13.3334C1489.41 13.3334 1491 14.9199 1491 16.8769V31.5001C1491 33.4331 1492.57 35.0001 1494.5 35.0001C1496.43 35.0001 1498 33.4331 1498 31.5001V12.6668C1498 10.7338 1499.57 9.16675 1501.5 9.16675C1503.43 9.16675 1505 10.7337 1505 12.6667V27.3334C1505 29.2664 1506.57 30.8334 1508.5 30.8334C1510.43 30.8334 1512 29.2664 1512 27.3334V16.5001C1512 14.5671 1513.57 13.0001 1515.5 13.0001C1517.43 13.0001 1519 11.4331 1519 9.50008V8.39233e-05H1386V9.50008C1386 11.4331 1387.57 13.0001 1389.5 13.0001C1391.43 13.0001 1393 14.5671 1393 16.5001V31.5001Z" fill="black"/>
+<path d="M1519 31.5001C1519 33.4331 1520.57 35.0001 1522.5 35.0001C1524.43 35.0001 1526 33.4331 1526 31.5001V21.5001C1526 19.5671 1527.57 18.0001 1529.5 18.0001C1531.43 18.0001 1533 19.5671 1533 21.5001V34.0001C1533 35.9331 1534.57 37.5001 1536.5 37.5001C1538.43 37.5001 1540 35.9331 1540 34.0001V16.0001C1540 14.0671 1541.57 12.5001 1543.5 12.5001C1545.43 12.5001 1547 14.0671 1547 16.0001V29.8334C1547 31.7664 1548.57 33.3334 1550.5 33.3334C1552.43 33.3334 1554 31.7664 1554 29.8334V21.8334C1554 19.9004 1555.57 18.3334 1557.5 18.3334C1559.43 18.3334 1561 19.9004 1561 21.8334V36.5001C1561 38.4331 1562.57 40.0001 1564.5 40.0001C1566.43 40.0001 1568 38.4331 1568 36.5001V11.8334C1568 9.90042 1569.57 8.33343 1571.5 8.33343C1573.43 8.33343 1575 9.90043 1575 11.8334V36.5001C1575 38.4331 1576.57 40.0001 1578.5 40.0001C1580.43 40.0001 1582 38.4331 1582 36.5001V21.0001C1582 19.0671 1583.57 17.5001 1585.5 17.5001C1587.43 17.5001 1589 19.0671 1589 21.0001V26.5001C1589 28.4331 1590.57 30.0001 1592.5 30.0001C1594.43 30.0001 1596 28.4331 1596 26.5001V9.50009C1596 7.56709 1597.57 6.00009 1599.5 6.00009C1601.43 6.00009 1603 7.56709 1603 9.50009V21.5189C1603 23.4415 1604.56 25.0001 1606.48 25.0001C1608.42 25.0001 1609.98 23.4187 1609.96 21.4815L1609.91 16.9148C1609.89 14.9431 1611.48 13.3334 1613.46 13.3334C1615.41 13.3334 1617 14.9199 1617 16.8769V31.5001C1617 33.4331 1618.57 35.0001 1620.5 35.0001C1622.43 35.0001 1624 33.4331 1624 31.5001V12.6668C1624 10.7338 1625.57 9.16675 1627.5 9.16675C1629.43 9.16675 1631 10.7338 1631 12.6668V27.3334C1631 29.2664 1632.57 30.8334 1634.5 30.8334C1636.43 30.8334 1638 29.2664 1638 27.3334V16.5001C1638 14.5671 1639.57 13.0001 1641.5 13.0001C1643.43 13.0001 1645 11.4331 1645 9.50009V9.15527e-05H1512V9.50009C1512 11.4331 1513.57 13.0001 1515.5 13.0001C1517.43 13.0001 1519 14.5671 1519 16.5001V31.5001Z" fill="black"/>
+<path d="M1645 31.5001C1645 33.4331 1646.57 35.0001 1648.5 35.0001C1650.43 35.0001 1652 33.4331 1652 31.5001V21.5001C1652 19.5671 1653.57 18.0001 1655.5 18.0001C1657.43 18.0001 1659 19.5671 1659 21.5001V34.0001C1659 35.9331 1660.57 37.5001 1662.5 37.5001C1664.43 37.5001 1666 35.9331 1666 34.0001V16.0001C1666 14.0671 1667.57 12.5001 1669.5 12.5001C1671.43 12.5001 1673 14.0671 1673 16.0001V29.8334C1673 31.7664 1674.57 33.3334 1676.5 33.3334C1678.43 33.3334 1680 31.7664 1680 29.8334V21.8334C1680 19.9004 1681.57 18.3334 1683.5 18.3334C1685.43 18.3334 1687 19.9004 1687 21.8334V36.5001C1687 38.4331 1688.57 40.0001 1690.5 40.0001C1692.43 40.0001 1694 38.4331 1694 36.5001V11.8334C1694 9.90042 1695.57 8.33343 1697.5 8.33343C1699.43 8.33343 1701 9.90043 1701 11.8334V36.5001C1701 38.4331 1702.57 40.0001 1704.5 40.0001C1706.43 40.0001 1708 38.4331 1708 36.5001V21.0001C1708 19.0671 1709.57 17.5001 1711.5 17.5001C1713.43 17.5001 1715 19.0671 1715 21.0001V26.5001C1715 28.4331 1716.57 30.0001 1718.5 30.0001C1720.43 30.0001 1722 28.4331 1722 26.5001V9.50009C1722 7.56709 1723.57 6.00009 1725.5 6.00009C1727.43 6.00009 1729 7.56709 1729 9.50009V21.5189C1729 23.4415 1730.56 25.0001 1732.48 25.0001C1734.42 25.0001 1735.98 23.4187 1735.96 21.4815L1735.91 16.9148C1735.89 14.9431 1737.48 13.3334 1739.46 13.3334C1741.41 13.3334 1743 14.9199 1743 16.8769V31.5001C1743 33.4331 1744.57 35.0001 1746.5 35.0001C1748.43 35.0001 1750 33.4331 1750 31.5001V12.6668C1750 10.7338 1751.57 9.16675 1753.5 9.16675C1755.43 9.16675 1757 10.7338 1757 12.6668V27.3334C1757 29.2664 1758.57 30.8334 1760.5 30.8334C1762.43 30.8334 1764 29.2664 1764 27.3334V16.5001C1764 14.5671 1765.57 13.0001 1767.5 13.0001C1769.43 13.0001 1771 11.4331 1771 9.50009V9.15527e-05H1638V9.50009C1638 11.4331 1639.57 13.0001 1641.5 13.0001C1643.43 13.0001 1645 14.5671 1645 16.5001V31.5001Z" fill="black"/>
+<path d="M1771 31.5001C1771 33.4331 1772.57 35.0001 1774.5 35.0001C1776.43 35.0001 1778 33.4331 1778 31.5001V21.5001C1778 19.5671 1779.57 18.0001 1781.5 18.0001C1783.43 18.0001 1785 19.5671 1785 21.5001V34.0001C1785 35.9331 1786.57 37.5001 1788.5 37.5001C1790.43 37.5001 1792 35.9331 1792 34.0001V16.0001C1792 14.0671 1793.57 12.5001 1795.5 12.5001C1797.43 12.5001 1799 14.0671 1799 16.0001V29.8335C1799 31.7665 1800.57 33.3335 1802.5 33.3335C1804.43 33.3335 1806 31.7665 1806 29.8335V21.8335C1806 19.9005 1807.57 18.3335 1809.5 18.3335C1811.43 18.3335 1813 19.9005 1813 21.8335V36.5001C1813 38.4331 1814.57 40.0001 1816.5 40.0001C1818.43 40.0001 1820 38.4331 1820 36.5001V11.8335C1820 9.90047 1821.57 8.33347 1823.5 8.33347C1825.43 8.33347 1827 9.90047 1827 11.8335V36.5001C1827 38.4331 1828.57 40.0001 1830.5 40.0001C1832.43 40.0001 1834 38.4331 1834 36.5001V21.0001C1834 19.0671 1835.57 17.5001 1837.5 17.5001C1839.43 17.5001 1841 19.0671 1841 21.0001V26.5001C1841 28.4331 1842.57 30.0001 1844.5 30.0001C1846.43 30.0001 1848 28.4331 1848 26.5001V9.50013C1848 7.56713 1849.57 6.00013 1851.5 6.00013C1853.43 6.00013 1855 7.56713 1855 9.50013V21.5189C1855 23.4415 1856.56 25.0001 1858.48 25.0001C1860.42 25.0001 1861.98 23.4187 1861.96 21.4816L1861.91 16.9149C1861.89 14.9432 1863.48 13.3335 1865.46 13.3335C1867.41 13.3335 1869 14.9199 1869 16.8769V31.5001C1869 33.4331 1870.57 35.0001 1872.5 35.0001C1874.43 35.0001 1876 33.4331 1876 31.5001V12.6668C1876 10.7338 1877.57 9.1668 1879.5 9.1668C1881.43 9.1668 1883 10.7338 1883 12.6668V27.3335C1883 29.2665 1884.57 30.8335 1886.5 30.8335C1888.43 30.8335 1890 29.2665 1890 27.3335V16.5001C1890 14.5671 1891.57 13.0001 1893.5 13.0001C1895.43 13.0001 1897 11.4331 1897 9.50013V0.0001297H1764V9.50013C1764 11.4331 1765.57 13.0001 1767.5 13.0001C1769.43 13.0001 1771 14.5671 1771 16.5001V31.5001Z" fill="black"/>
+<path d="M1890 0H1920V12C1920 12.5523 1919.55 13 1919 13V13C1918.45 13 1918 13.4477 1918 14V24.5C1918 26.433 1916.43 28 1914.5 28V28C1912.57 28 1911 26.433 1911 24.5V10.5C1911 8.567 1909.43 7 1907.5 7V7C1905.57 7 1904 8.567 1904 10.5V18.5C1904 20.433 1902.43 22 1900.5 22V22C1898.57 22 1897 20.433 1897 18.5V16.5C1897 14.567 1895.43 13 1893.5 13V13C1891.57 13 1890 11.433 1890 9.5V0Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_1_2">
+<rect width="1920" height="40" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/m3ww/.config/eww/images/svg/tux.svg b/m3ww/.config/eww/images/svg/tux.svg
new file mode 100644
index 000000000..1e522e15d
--- /dev/null
+++ b/m3ww/.config/eww/images/svg/tux.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.0"
+   viewBox="0 0 496 496"
+   id="svg8"
+   width="496"
+   height="496"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <defs
+     id="defs12" />
+  <metadata
+     id="metadata2">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="matrix(1.6179932,0,0,1.6179932,25.699223,455.59415)"
+     id="g6">
+    <path
+       d="m 132,-206 c 0,1 -1,1 -1,1 h -1 c -1,0 -1,-1 -2,-2 0,0 -1,-1 -1,-2 0,-1 0,-1 1,-1 l 2,1 c 1,1 2,2 2,3 m -18,-10 c 0,-5 -2,-8 -5,-8 0,0 0,1 -1,1 v 2 h 3 c 0,2 1,3 1,5 h 2 m 35,-5 c 2,0 3,2 4,5 h 2 c -1,-1 -1,-2 -1,-3 0,-1 0,-2 -1,-3 -1,-1 -2,-2 -3,-2 0,0 -1,1 -2,1 0,1 1,1 1,2 m -30,16 c -1,0 -1,0 -1,-1 0,-1 0,-2 1,-3 2,0 3,-1 3,-1 1,0 1,1 1,1 0,1 -1,2 -3,4 h -1 m -11,-1 c -4,-2 -5,-5 -5,-10 0,-3 0,-5 2,-7 1,-2 3,-3 5,-3 2,0 3,1 5,3 1,3 2,6 2,9 v 1 1 h 1 v -1 c 1,0 1,-2 1,-6 0,-3 0,-6 -2,-9 -2,-3 -4,-5 -8,-5 -3,0 -6,2 -7,5 -2,4 -2.4,7 -2.4,12 0,4 1.4,8 5.4,12 1,-1 2,-1 3,-2 m 125,141 c 1,0 1,-0.4 1,-1.3 0,-2.2 -1,-4.8 -4,-7.7 -3,-3 -8,-4.9 -14,-5.7 -1,-0.1 -2,-0.1 -2,-0.1 -1,-0.2 -1,-0.2 -2,-0.2 -1,-0.1 -3,-0.3 -4,-0.5 3,-9.3 4,-17.5 4,-24.7 0,-10 -2,-17 -6,-23 -4,-6 -8,-9 -13,-10 -1,1 -1,1 -1,2 5,2 10,6 13,12 3,7 4,13 4,20 0,5.6 -1,13.9 -5,24.5 -4,1.6 -8,5.3 -11,11.1 0,0.9 0,1.4 1,1.4 0,0 1,-0.9 2,-2.6 2,-1.7 3,-3.4 5,-5.1 3,-1.7 5,-2.6 8,-2.6 5,0 10,0.7 13,2.1 4,1.3 6,2.7 7,4.3 1,1.5 2,2.9 3,4.2 0,1.3 1,1.9 1,1.9 m -92,-145 c -1,-1 -1,-3 -1,-5 0,-4 0,-6 2,-9 2,-2 4,-3 6,-3 3,0 5,2 7,4 1,3 2,5 2,8 0,5 -2,8 -6,9 0,0 1,1 2,1 2,0 3,1 5,2 1,-6 2,-10 2,-15 0,-6 -1,-10 -3,-13 -3,-3 -6,-4 -10,-4 -3,0 -6,1 -9,3 -2,3 -3,5 -3,8 0,5 1,9 3,13 1,0 2,1 3,1 m 12,16 c -13,9 -23,13 -31,13 -7,0 -14,-3 -20,-8 1,2 2,4 3,5 l 6,6 c 4,4 9,6 14,6 7,0 15,-4 25,-11 l 9,-6 c 2,-2 4,-4 4,-7 0,-1 0,-2 -1,-2 -1,-2 -6,-5 -16,-8 -9,-4 -16,-6 -20,-6 -3,0 -8,2 -15,6 -6,4 -10,8 -10,12 0,0 1,1 2,3 6,5 12,8 18,8 8,0 18,-4 31,-14 v 2 c 1,0 1,1 1,1 M 176,8 c 4,7.52 11,11.3 19,11.3 2,0 4,-0.3 6,-0.9 2,-0.4 4,-1.1 5,-1.9 1,-0.7 2,-1.4 3,-2.2 2,-0.7 2,-1.2 3,-1.7 l 17,-14.7 c 4,-3.19 8,-5.98 13,-8.4 4,-2.4 8,-4 10,-4.9 3,-0.8 5,-2 7,-3.6 1,-1.5 2,-3.4 2,-5.8 0,-2.9 -2,-5.1 -4,-6.7 -2,-1.6 -4,-2.7 -6,-3.4 -2,-0.7 -4,-2.3 -7,-5 -2,-2.6 -4,-6.2 -5,-10.9 l -1,-5.8 c -1,-2.7 -1,-4.7 -2,-5.8 0,-0.3 0,-0.4 -1,-0.4 -1,0 -3,0.9 -4,2.6 -2,1.7 -4,3.6 -6,5.6 -1,2 -4,3.8 -6,5.5 -3,1.7 -6,2.6 -8,2.6 -8,0 -12,-2.2 -15,-6.5 -2,-3.2 -3,-6.9 -4,-11.1 -2,-1.7 -3,-2.6 -5,-2.6 -5,0 -7,5.2 -7,15.7 v 3.3 11.6 8.9 4.3 3 c 0,0.9 -1,2.9 -1,6 -1,3.1 -1,6.62 -1,10.6 L 176,7.8 V 7.97 M 31,2.68 c 9.3,1.36 20,4.27 32.1,8.71 12.1,4.4 19.5,6.7 22.2,6.7 7,0 12.8,-3.1 17.6,-9.09 1,-1.94 1,-4.22 1,-6.84 0,-9.45 -5.7,-21.4 -17.1,-35.9 l -6.8,-9.1 c -1.4,-1.9 -3.1,-4.8 -5.3,-8.7 -2.1,-3.9 -4,-6.9 -5.5,-9 -1.3,-2.3 -3.4,-4.6 -6.1,-6.9 -2.6,-2.3 -5.6,-3.8 -8.9,-4.6 -4.2,0.8 -7.1,2.2 -8.5,4.1 -1.4,1.9 -2.2,4 -2.4,6.2 -0.3,2.1 -0.9,3.5 -1.9,4.2 -1,0.6 -2.7,1.1 -5,1.6 -0.5,0 -1.4,0 -2.7,0.1 H 31 c -5.3,0 -8.9,0.6 -10.8,1.6 -2.5,2.9 -3.8,6.2 -3.8,9.7 0,1.6 0.4,4.3 1.2,8.1 0.8,3.7 1.2,6.7 1.2,8.8 0,4.1 -1.2,8.2 -3.7,12.3 -2.5,4.3 -3.8,7.5 -3.8,9.78 1,3.88 7.6,6.61 19.7,8.21 m 33.3,-90.9 c 0,-6.9 1.8,-14.5 5.5,-23.5 3.6,-9 7.2,-15 10.7,-19 -0.2,-1 -0.7,-1 -1.5,-1 l -1,-1 c -2.9,3 -6.4,10 -10.6,20 -4.2,9 -6.4,17.3 -6.4,23.4 0,4.5 1.1,8.4 3.1,11.8 2.2,3.3 7.5,8.1 15.9,14.2 l 10.6,6.9 c 11.3,9.8 17.3,16.6 17.3,20.6 0,2.1 -1,4.2 -4,6.5 -2,2.4 -4.7,3.6 -7,3.6 -0.2,0 -0.3,0.2 -0.3,0.7 0,0.1 1,2.1 3.1,6 4.2,5.7 13.2,8.5 25.2,8.5 22,0 39,-9 52,-27 0,-5 0,-8.1 -1,-9.4 v -3.7 c 0,-6.5 1,-11.4 3,-14.6 2,-3.2 4,-4.7 7,-4.7 2,0 4,0.7 6,2.2 1,-7.7 1,-14.4 1,-20.4 0,-9.1 0,-16.6 -2,-23.6 -1,-6 -3,-11 -5,-15 -2,-3 -4,-6 -6,-9 -2,-3 -3,-6 -5,-9 -1,-4 -2,-7 -2,-12 -3,-5 -5,-10 -8,-15 -2,-5 -4,-10 -6,-14 l -9,7 c -10,7 -18,10 -25,10 -6,0 -11,-1 -14,-5 l -6,-5 c 0,3 -1,7 -3,11 l -6.3,12 c -2.8,7 -4.3,11 -4.6,14 -0.4,2 -0.7,4 -0.9,4 l -7.5,15 c -8.1,15 -12.2,28.9 -12.2,40.4 0,2.3 0.2,4.7 0.6,7.1 -4.5,-3.1 -6.7,-7.4 -6.7,-13 m 71.6,94.6 c -13,0 -23,1.76 -30,5.25 v -0.3 c -5,6 -10.6,9.1 -18.4,9.1 -4.9,0 -12.6,-1.9 -23,-5.7 C 54,11.1 44.7,8.34 36.6,6.52 35.8,6.29 34,5.95 31.1,5.49 28.3,5.04 25.7,4.58 23.4,4.12 21.3,3.67 18.9,2.99 16.3,2.07 13.8,1.28 11.8,0.25 10.3,-1 8.92,-2.26 8.24,-3.68 8.24,-5.27 c 0,-1.6 0.34,-3.31 1.02,-5.13 0.64,-1.1 1.34,-2.2 2.04,-3.2 0.7,-1.1 1.3,-2.1 1.7,-3.1 0.6,-0.9 1,-1.8 1.4,-2.8 0.4,-0.9 0.8,-1.8 1,-2.9 0.2,-1 0.4,-2 0.4,-3 0,-1 -0.4,-4 -1.2,-9.3 -0.8,-5.2 -1.2,-8.5 -1.2,-9.9 0,-4.4 1,-7.9 3.2,-10.4 2.2,-2.5 4.3,-3.8 6.5,-3.8 h 11.5 c 0.9,0 2.3,-0.5 4.4,-1.7 0.7,-1.6 1.3,-2.9 1.7,-4.1 0.5,-1.2 0.7,-2.1 0.9,-2.5 0.2,-0.6 0.4,-1.2 0.6,-1.7 0.4,-0.7 0.9,-1.5 1.6,-2.3 -0.8,-1 -1.2,-2.3 -1.2,-3.9 0,-1.1 0,-2.1 0.2,-2.7 0,-3.6 1.7,-8.7 5.3,-15.4 l 3.5,-6.3 c 2.9,-5.4 5.1,-9.4 6.7,-13.4 1.7,-4 3.5,-10 5.5,-18 1.6,-7 5.4,-14 11.4,-21 l 7.5,-9 c 5.2,-6 8.6,-11 10.5,-15 1.9,-4 2.9,-9 2.9,-13 0,-2 -0.5,-8 -1.6,-18 -1,-10 -1.5,-20 -1.5,-29 0,-7 0.6,-12 1.9,-17 1.3,-5 3.6,-10 7,-14 3,-4 7,-8 13,-10 6,-2 13,-3 21,-3 3,0 6,0 9,1 3,0 7,1 12,3 4,2 8,4 11,7 4,3 7,8 10,13 2,6 4,12 5,20 1,5 1,10 2,17 0,6 1,10 1,13 1,3 1,7 2,12 1,4 2,8 4,11 2,4 4,8 7,12 3,5 7,10 11,16 9,10 16,21 20,32 5,10 8,23 8,36.9 0,6.9 -1,13.6 -3,20.1 2,0 3,0.8 4,2.2 1,1.4 2,4.4 3,9.1 l 1,7.4 c 1,2.2 2,4.3 5,6.1 2,1.8 4,3.3 7,4.5 2,1 5,2.4 7,4.2 2,2 3,4.1 3,6.3 0,3.4 -1,5.9 -3,7.7 -2,2 -4,3.4 -7,4.3 -2,1 -6,3 -12,5.82 -5,2.96 -10,6.55 -15,10.8 l -10,8.51 c -4,3.9 -8,6.7 -11,8.4 -3,1.8 -7,2.7 -11,2.7 l -7,-0.8 c -8,-2.1 -13,-6.1 -16,-12.2 -16,-1.94 -29,-2.9 -37,-2.9"
+       id="path4"
+       style="fill:#e5e1e6;fill-opacity:1" />
+  </g>
+</svg>
diff --git a/m3ww/.config/eww/images/svg/ubuntu.svg b/m3ww/.config/eww/images/svg/ubuntu.svg
new file mode 100644
index 000000000..ac8e35ddf
--- /dev/null
+++ b/m3ww/.config/eww/images/svg/ubuntu.svg
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="496"
+   width="496"
+   id="svg4"
+   version="1.1"
+   viewBox="0 0 496 496"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8">
+    <style
+       id="style933">.cls-1{fill:#e9500e;}</style>
+  </defs>
+  <g
+     id="g959"
+     transform="matrix(0.61580374,0,0,0.61580374,12.468621,21.817361)">
+    <circle
+       class="cls-1"
+       cx="109.02696"
+       cy="348.09412"
+       r="109.02696"
+       id="circle937"
+       style="fill:#e5e1e6;fill-opacity:1" />
+    <ellipse
+       class="cls-1"
+       cx="563.08368"
+       cy="109.02698"
+       id="circle939"
+       rx="109.02662"
+       ry="109.02698"
+       style="fill:#e5e1e6;fill-opacity:1" />
+    <path
+       class="cls-1"
+       d="m 354.92039,628.68582 c -77.01891,-15.8253 -145.43904,-68.0075 -181.0712,-138.0982 -28.93817,13.2078 -61.94374,17.2648 -93.21911,11.4583 51.75695,133.1719 190.35352,224.9404 332.95672,222.1315 -21.33123,-25.4775 -29.54323,-61.4497 -33.6059,-91.347 -8.41211,-0.9891 -16.77785,-2.3728 -25.06051,-4.1446 z"
+       id="path941"
+       style="fill:#e5e1e6;fill-opacity:1" />
+    <circle
+       class="cls-1"
+       cx="538.52045"
+       cy="629.28723"
+       r="109.02698"
+       id="circle943"
+       style="fill:#e5e1e6;fill-opacity:1" />
+    <path
+       class="cls-1"
+       d="m 690.23645,589.24102 c 85.45532,-105.22585 101.63344,-261.1123 39.28817,-381.54731 -6.39094,-12.73675 -13.54502,-25.09063 -21.41334,-36.97169 -12.438,29.45803 -34.16446,54.90303 -61.30975,71.8031 44.28267,81.68487 40.82043,186.89167 -8.73688,265.4884 25.36982,20.67266 43.92291,49.5585 52.1718,81.2275 z"
+       id="path945"
+       style="fill:#e5e1e6;fill-opacity:1" />
+    <path
+       class="cls-1"
+       d="m 100.61489,191.73908 c 31.72478,-1.7424 63.98682,6.52836 90.98772,23.31994 C 239.1057,145.42119 321.41819,101.39883 405.71083,100.54968 405.7585,68.81709 422.81019,34.82283 437.18034,12.00596 323.8486,3.01574 208.0489,52.71326 135.95771,140.54908 c -13.26,15.97642 -25.10697,33.12582 -35.34282,51.19 z"
+       id="path947"
+       style="fill:#e5e1e6;fill-opacity:1" />
+  </g>
+</svg>
diff --git a/m3ww/.config/eww/images/svg/zorin.svg b/m3ww/.config/eww/images/svg/zorin.svg
new file mode 100644
index 000000000..c49b0a61b
--- /dev/null
+++ b/m3ww/.config/eww/images/svg/zorin.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="496"
+   width="496"
+   id="svg4"
+   version="1.1"
+   viewBox="0 0 496 496"
+   xml:space="preserve"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"><metadata
+     id="metadata10"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs8"><style
+       id="style933">.cls-1{fill:#e9500e;}</style></defs><g
+     style="fill:#e5e1e6;fill-opacity:1"
+     id="g128"
+     transform="matrix(0.63842458,0,0,0.63842458,10.630929,40.503173)"><path
+       d="m 125,542 62.353,108 h 375.29 L 625,542 Z M 750,324.998 687.103,434 H 288 L 687.103,216 Z M 0,325.002 62.897,216 H 462 L 62.897,434 Z M 125,108 187.353,0 h 375.29 L 625,108 Z"
+       id="path119"
+       style="fill:#e5e1e6;fill-opacity:1" /></g></svg>
diff --git a/m3ww/.config/eww/images/wallpaper b/m3ww/.config/eww/images/wallpaper
new file mode 100755
index 000000000..3ac6974ee
Binary files /dev/null and b/m3ww/.config/eww/images/wallpaper differ
diff --git a/m3ww/.config/eww/json/cheatsheet.json b/m3ww/.config/eww/json/cheatsheet.json
new file mode 100755
index 000000000..3a4982519
--- /dev/null
+++ b/m3ww/.config/eww/json/cheatsheet.json
@@ -0,0 +1,128 @@
+[
+    [
+        {
+            "icon": "pin_drop",
+            "name": "Workspaces: navigation",
+            "binds": [
+                { "keys": [ "", "+", "#" ], "action": "Go to workspace #" },
+                { "keys": [ "", "+", "S" ], "action": "Toggle special workspace" },
+                { "keys": [ "", "+", "(Scroll ↑↓)" ], "action": "Go to workspace -1/+1" },
+                { "keys": [ "Ctrl", "", "+", "←"], "action": "Go to workspace on the left" },
+                { "keys": [ "Ctrl", "", "+", "→" ], "action": "Go to workspace on the right" },
+                { "keys": [ "", "+", "PageUp" ], "action": "Go to workspace on the left" },
+                { "keys": [ "", "+", "PageDown" ], "action": "Go to workspace on the right" }
+            ],
+            "appeartick": 1
+        },
+        {
+            "icon": "overview_key",
+            "name": "Workspaces: management",
+            "binds": [
+                { "keys": [ "", "Alt", "+", "#" ], "action": "Move window to workspace #" },
+                { "keys": [ "", "Alt", "+", "S" ], "action": "Move window to special workspace" },
+                { "keys": [ "", "Alt", "+", "PageUp" ], "action": "Move window to workspace on the left" },
+                { "keys": [ "", "Alt", "+", "PageDown" ], "action": "Move window to workspace on the right" }
+            ],
+            "appeartick": 1
+        },
+        {
+            "icon": "move_group",
+            "name": "Windows",
+            "binds": [
+                { "keys": [ "", "+", "←↑→↓" ], "action": "Focus window in direction" },
+                { "keys": [ "", "Shift", "+", "←↑→↓" ], "action": "Swap window in direction" },
+                { "keys": [ "", "+", ";" ], "action": "Split ratio -" },
+                { "keys": [ "", "+", "'" ], "action": "Split ratio +" },
+                { "keys": [ "", "+", "Lmb" ], "action": "Move window" },
+                { "keys": [ "", "+", "Mmb" ], "action": "Move window" },
+                { "keys": [ "", "+", "Rmb" ], "action": "Resize window" },
+                { "keys": [ "", "+", "F" ], "action": "Fullscreen" },
+                { "keys": [ "", "Alt", "+", "F" ], "action": "Fake fullscreen" }
+            ],
+            "appeartick": 1
+        }
+    ], 
+    [
+        {
+            "icon": "widgets",
+            "name": "Eww widgets",
+            "binds": [
+                { "keys": [ "" ], "action": "Open overview/launcher" },
+                { "keys": [ "Ctrl", "", "+", "R" ], "action": "Kill and restart Eww" },
+                { "keys": [ "", "+", "B" ], "action": "Toggle left sidebar" },
+                { "keys": [ "", "+", "N" ], "action": "Toggle right sidebar" },
+                { "keys": [ "", "+", "G" ], "action": "Toggle volume mixer" },
+                { "keys": [ "", "+", "M" ], "action": "Toggle useless audio visualizer" },
+                { "keys": [ "(right)Ctrl" ], "action": "Dismiss notification & close menus" }
+            ],
+            "appeartick": 2
+        },
+        {
+            "icon": "construction",
+            "name": "Utilities",
+            "binds": [
+                { "keys": [ "PrtSc" ], "action": "Screenshot → Clipboard" },
+                { "keys": [ "", "Shift", "+", "S" ], "action": "Screen snip → Clipboard" },
+                { "keys": [ "", "Shift", "+", "T" ], "action": "Image to text → Clipboard" },
+                { "keys": [ "", "Shift", "+", "C" ], "action": "Color picker" },
+                { "keys": [ "", "Alt", "+", "R" ], "action": "Record region" },
+                { "keys": [ "Ctrl", "Alt", "+", "R" ], "action": "Record region with sound" },
+                { "keys": [ "", "Shift", "Alt", "+", "R" ], "action": "Record screen with sound" }
+            ],
+            "appeartick": 2
+        },
+        {
+            "icon": "edit",
+            "name": "Edit mode",
+            "binds": [
+                { "keys": [ "Esc" ], "action": "Exit Edit mode" },
+                { "keys": [ "#" ], "action": "Go to to workspace #" },
+                { "keys": [ "Alt", "+", "#" ], "action": "Dump windows to workspace #" },
+                { "keys": [ "Shift", "+", "#" ], "action": "Swap windows with workspace #" },
+                { "keys": [ "Lmb" ], "action": "Move window" },
+                { "keys": [ "Mmb" ], "action": "Move window" },
+                { "keys": [ "Rmb" ], "action": "Resize window" }
+            ],
+            "appeartick": 2
+        }
+    ],
+    [
+        {
+            "icon": "apps",
+            "name": "Apps",
+            "binds": [
+                { "keys": [ "", "+", "T" ], "action": "Launch terminal: foot" },
+                { "keys": [ "", "+", "↵" ], "action": "Launch terminal: WezTerm" },
+                { "keys": [ "", "+", "W" ], "action": "Launch browser: Firefox" },
+                { "keys": [ "", "+", "C" ], "action": "Launch editor: vscode" },
+                { "keys": [ "", "+", "X" ], "action": "Launch editor: GNOME Text Editor" },
+                { "keys": [ "", "+", "I" ], "action": "Launch settings: GNOME Control center" }
+            ],
+            "appeartick": 3
+        },
+        {
+            "icon": "keyboard",
+            "name": "Typing",
+            "binds": [
+                { "keys": [ "", "+", "V" ], "action": "Clipboard" },
+                { "keys": [ "", "+", "." ], "action": "Emoji picker" },
+                { "keys": [ "", "+", "Space" ], "action": "Switch language" }
+            ],
+            "appeartick": 3
+        },
+        {
+            "icon": "terminal",
+            "name": "Launcher commands",
+            "binds": [
+                { "keys": [ ">light" ], "action": "Switch to light theme" },
+                { "keys": [ ">dark" ], "action": "Switch to dark theme" },
+                { "keys": [ ">img" ], "action": "Select wallpaper and generate colorscheme" },
+                { "keys": [ ">save", "THEME_NAME" ], "action": "Save current colorscheme as THEME_NAME" },
+                { "keys": [ ">load", "THEME_NAME" ], "action": "Load colorscheme THEME_NAME" },
+                { "keys": [ ">music" ], "action": "Apply colorscheme from media cover" },
+                { "keys": [ ">r" ], "action": "Restart Eww" }
+            ],
+            "appeartick": 3
+        }
+    ]
+]
\ No newline at end of file
diff --git a/m3ww/.config/eww/json/directories.json b/m3ww/.config/eww/json/directories.json
new file mode 100755
index 000000000..af03dbbfb
--- /dev/null
+++ b/m3ww/.config/eww/json/directories.json
@@ -0,0 +1,9 @@
+[
+    {"name": "Documents", "path": "~/Documents", "icon": "description"},
+    {"name": "Downloads", "path": "~/Downloads", "icon": "download"},
+    {"name": "Music", "path": "~/Music", "icon": "music_note"},
+    {"name": "Pictures", "path": "~/Pictures", "icon": "image"},
+    {"name": "Videos", "path": "~/Videos", "icon": "movie"},
+    {"name": "eww", "path": "~/.config/eww", "icon": "widgets"},
+    {"name": "hypr", "path": "~/.config/hypr", "icon": "water_drop"}
+]
\ No newline at end of file
diff --git a/m3ww/.config/eww/json/langs.json b/m3ww/.config/eww/json/langs.json
new file mode 100755
index 000000000..3fa2bda59
--- /dev/null
+++ b/m3ww/.config/eww/json/langs.json
@@ -0,0 +1,14 @@
+[
+    {
+        "name": "English (United States)",
+        "name_method": "US",
+        "name_ibus": "xkb:us::eng",
+        "name_abbr": "ENG"
+    },
+    {
+        "name": "Vietnamese",
+        "name_method": "Vietnamese Telex (Bamboo Engine)",
+        "name_ibus": "Bamboo::Us",
+        "name_abbr": "VIE"
+    }
+]
\ No newline at end of file
diff --git a/m3ww/.config/eww/json/taskbar.json b/m3ww/.config/eww/json/taskbar.json
new file mode 100755
index 000000000..eb76c2c3d
--- /dev/null
+++ b/m3ww/.config/eww/json/taskbar.json
@@ -0,0 +1,34 @@
+[
+    {
+        "address": [],
+        "class": "org.gnome.Nautilus",
+        "count": 0,
+        "icon": "/usr/share/icons/Win11-dark/apps/scalable/nautilus.svg",
+        "workspace": [],
+        "exec": "nautilus --new-window &"
+    },
+    {
+        "address": [],
+        "class": "firefox",
+        "count": 0,
+        "icon": "/usr/share/icons/Win11-dark/apps/scalable/firefox.svg",
+        "workspace": [],
+        "exec": "firefox &"
+    },
+    {
+        "address": [],
+        "class": "code-url-handler",
+        "count": 0,
+        "icon": "/usr/share/icons/Win11-dark/apps/scalable/code.svg",
+        "workspace": [],
+        "exec": "code --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland &"
+    },
+    {
+        "address": [],
+        "class": "foot",
+        "count": 0,
+        "icon": "/usr/share/icons/Win11-dark/apps/scalable/foot.svg",
+        "workspace": [],
+        "exec": "foot &"
+    }
+]
\ No newline at end of file
diff --git a/m3ww/.config/eww/json/todo.json b/m3ww/.config/eww/json/todo.json
new file mode 100755
index 000000000..364d3fcbe
--- /dev/null
+++ b/m3ww/.config/eww/json/todo.json
@@ -0,0 +1,2 @@
+
+["wallpaper scroll, multi layer with diff speed","hyprlewd = hyprland + newm","hyprland: mouse warp with anim","hyprland: allow movefocus to adjacent workspaces","hyprland: submap inherit global","install tutorial","hyprland: cut corners instead of just rounding"]
diff --git a/m3ww/.config/eww/json/websites.json b/m3ww/.config/eww/json/websites.json
new file mode 100755
index 000000000..7f9b04c75
--- /dev/null
+++ b/m3ww/.config/eww/json/websites.json
@@ -0,0 +1,9 @@
+[
+    {"name": "Discord", "url": "https://discord.com/app", "icon": "󰙯"},
+    {"name": "Youtube", "url": "https://youtube.com", "icon": "󰗃"},
+    {"name": "SoundCloud", "url": "https://soundcloud.com", "icon": "󰓀"},
+    {"name": "GitHub", "url": "https://github.com", "icon": "󰊤"},
+    {"name": "Pixiv", "url": "https://pixiv.net", "icon": "󰋩"},
+    {"name": "Gmail", "url": "https://mail.google.com", "icon": "󰊫"},
+    {"name": "G Translate", "url": "https://translate.google.com", "icon": "󰊿"}
+]
\ No newline at end of file
diff --git a/m3ww/.config/eww/lib.yuck b/m3ww/.config/eww/lib.yuck
new file mode 100644
index 000000000..33b22a842
--- /dev/null
+++ b/m3ww/.config/eww/lib.yuck
@@ -0,0 +1,6 @@
+(defwidget separator_widget []
+  (box
+    :valign "center"
+    :class "separator"
+  )
+)
\ No newline at end of file
diff --git a/m3ww/.config/eww/modules/dynamiccenter.yuck b/m3ww/.config/eww/modules/dynamiccenter.yuck
new file mode 100755
index 000000000..860325d88
--- /dev/null
+++ b/m3ww/.config/eww/modules/dynamiccenter.yuck
@@ -0,0 +1,13 @@
+(defwidget dynamiccenter_widget []
+  (box
+    :orientation "v" :space-evenly false
+    (box ; Module 1: Volume, Brightness
+      :class "dynamic-module${(osd_vol || osd_bright) ? '' : '-hidetop'}"
+      (osd_widget)
+    )
+    (box ; Module 2: Workspaces
+      :class "dynamic-module${(osd_vol || osd_bright) ? '-hidebottom' : ''}"
+      (workspaces_widget)
+    )
+  )
+)
\ No newline at end of file
diff --git a/m3ww/.config/eww/modules/dynamicright.yuck b/m3ww/.config/eww/modules/dynamicright.yuck
new file mode 100755
index 000000000..d6e63c2c6
--- /dev/null
+++ b/m3ww/.config/eww/modules/dynamicright.yuck
@@ -0,0 +1,19 @@
+(defwidget dynamicright_widget []
+  (eventbox
+    :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd &"
+    :onmiddleclick "playerctl play-pause"
+    :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+    :onclick "scripts/toggle-sideright.sh &"
+    (box
+      :orientation "v" :space-evenly false
+      (box ; Module 1: Volume, Brightness
+        :class "dynamic-module${flash_notif ? '' : '-hidetop'}"
+        (notifications_widget)
+      )
+      (box ; Module 2: Workspaces
+        :class "dynamic-module${flash_notif ? '-hidebottom' : ''}"
+        (status_widget)
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/m3ww/.config/eww/modules/leftspace.yuck b/m3ww/.config/eww/modules/leftspace.yuck
new file mode 100644
index 000000000..bffb99ab3
--- /dev/null
+++ b/m3ww/.config/eww/modules/leftspace.yuck
@@ -0,0 +1,29 @@
+(defwidget leftspace_widget []
+  (eventbox
+    :onscroll "echo $(echo {} | sed -e 's/down/-U 3/g' -e 's/up/-A 3/g' | xargs light) && scripts/brightness osd &"
+    :onmiddleclick "playerctl play-pause"
+    :onclick "scripts/toggle-sideleft.sh &"
+    :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+    (box
+      :space-evenly false
+      (box :class "corner-width")
+      ; (eventbox
+      ;   :class "bar-btn"
+      ;   :onclick "scripts/toggle-powerview.sh"
+      ;   (box
+      ;     :class "bar-btn-box"
+      ;     :space-evenly false :spacing 5
+      ;     (label
+      ;       :class "icon-material txt-norm txt"
+      ;       :text "search"
+      ;     )
+      ;     (label
+      ;       :class "txt-smaller txt txt-smaller-offset"
+      ;       :text "Search"
+      ;     )
+      ;   )
+      ; )
+      (box :hexpand true)
+    )
+  )
+)
\ No newline at end of file
diff --git a/m3ww/.config/eww/modules/music.yuck b/m3ww/.config/eww/modules/music.yuck
new file mode 100644
index 000000000..a8b135450
--- /dev/null
+++ b/m3ww/.config/eww/modules/music.yuck
@@ -0,0 +1,122 @@
+(defwidget music_widget []
+  (eventbox
+    :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    :onmiddleclick "playerctl play-pause"
+    :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+    :onclick "scripts/toggle-sideleft.sh &"
+    (box
+      :class "bar-group-margin bar-sides"
+      (box
+        :class "bar-group bar-group-standalone bar-group-pad-rightonly"
+        :orientation "h"
+        :space-evenly false
+        (box
+          :class "bar-music-playstate${mplay == 'Playing' ? '-playing' : ''}"
+          (label
+            :class "bar-music-playstate-txt"
+            :text {mplay == 'Playing' ? '' : ''}
+          )
+        )
+        (scroll :hscroll true :vscroll false :hexpand true
+          (box
+            :space-evenly false :spacing 5
+            :hexpand true
+            (label
+              :hexpand true
+              :xalign 1
+              :class "txt-smallie txt"
+              :text {mname.title != '' ? mname.title : 'Musik'}
+            )
+            (label :xalign 0 :class "txt-norm txt"
+              :text {mname.artist == '' ? '' : '•'}
+            )
+            (label
+              :hexpand true
+              :xalign 0
+              :class "txt-smallie txt"
+              :text {mname.artist}
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget music_bottom_widget []
+  (eventbox
+    :onhover "${EWW_CMD} update hover_music=true &"
+    :onhoverlost "${EWW_CMD} update hover_music=false &"
+    :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd &"
+    :onmiddleclick "playerctl play-pause"
+    :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+    :onclick "scripts/toggle-sideleft.sh &"
+    (box
+      :halign "start"
+      :space-evenly false
+      :class "bar-group-margin"
+      (box
+        :class "bar-bottom-sides bar-group bar-group-round bar-group-pad-less"
+        :space-evenly false :spacing 10
+        (box
+          :valign "center"
+          :class "bar-music-bottom-cover bar-music-cover"
+          :style "
+          background-image: url('${mcover.image == 'null' || mcover.image == '' ? 'eww_covers/cover_art_default' : mcover.image}');
+          "
+          (box
+            :class "bar-music-bottom-ctl-bg bar-music-hide-${!hover_music}"
+            (box
+              :halign "center" :valign "center"
+              :spacing 10
+              (button
+                :class "icon-material bar-music-btn"
+                :onclick "playerctl previous"
+                "skip_previous"
+              )
+              (button
+                :class "icon-material bar-music-btn"
+                :onclick "playerctl play-pause"
+                "${mplay == 'Playing' ? 'pause' : 'play_arrow'}"
+              )
+              (button
+                :class "icon-material bar-music-btn"
+                :onclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+                "skip_next"
+              )
+            )
+          )
+        )
+        (box
+          :hexpand true
+          :orientation "h" :space-evenly false
+          :valign "center"
+          (scroll :hscroll true :vscroll false :hexpand true
+            (box
+              :orientation "v"
+              :space-evenly false
+              :class "bar-music-bottom-textbox"
+              :hexpand true
+              (label :xalign 0
+                :hexpand true
+                :class "txt-small txt"
+                :style "color: ${mcover.materialcolor.onPrimaryContainer};"
+                :text {mname.title != '' ? mname.title : 'Music...'}
+              )
+              (revealer
+                :reveal {mname.artist != ''}
+                :transition "slidedown"
+                (label :xalign 0
+                  :hexpand true
+                  :class "txt-small txt"
+                  :style "color: ${mcover.materialcolor.onPrimaryContainer};"
+                  :text {mname.artist}
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/m3ww/.config/eww/modules/notifications.yuck b/m3ww/.config/eww/modules/notifications.yuck
new file mode 100644
index 000000000..71fa14227
--- /dev/null
+++ b/m3ww/.config/eww/modules/notifications.yuck
@@ -0,0 +1,33 @@
+(defwidget notifications_widget []
+  (eventbox
+    :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd &"
+    :onmiddleclick "playerctl play-pause"
+    :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+    (box
+      :class "bar-group-margin bar-group-pad-leftonly"
+      :space-evenly false :spacing 10
+      (scroll :hexpand true
+        :class "bar-group-pad-leftonly"
+        (label
+          :halign "end"
+          :class "txt-small txt"
+          :text {arraylength(notifications) > 0 ? (notifications[0]['summary']) : ''}
+        )
+      )
+      (box
+        :valign "center"
+        :class "bar-notif-indicator"
+        :space-evenly false :spacing 5
+        (label
+          :class "icon-material bar-system-icon txt-small bar-notif-icon"
+          :text "notifications"
+        )
+        (label
+          :class "txt-small"
+          :text "${arraylength(notifications)} "
+        )
+      )
+      (box :class "corner-width")
+    )
+  )
+)
\ No newline at end of file
diff --git a/m3ww/.config/eww/modules/osd.yuck b/m3ww/.config/eww/modules/osd.yuck
new file mode 100644
index 000000000..1f5f02022
--- /dev/null
+++ b/m3ww/.config/eww/modules/osd.yuck
@@ -0,0 +1,38 @@
+(defwidget osd_widget []
+  (eventbox
+    :onhover "${EWW_CMD} update osd_vol=false && ${EWW_CMD} update osd_bright=false"
+    :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    :onmiddleclick "scripts/toggle-powerview.sh &"
+    :onrightclick "scripts/toggle-powerview.sh &"
+    (box
+      :class "bar-ws-width bar-group-margin"
+      (box
+        :spacing 15
+        :class "bar-group bar-group-standalone bar-group-pad-less"
+        (box
+          :space-evenly false :spacing 5
+          (label :class "icon-material txt-norm txt"
+            :text "sunny"
+          )
+          (progress
+            :value {brightness.level}
+            :class "bar-prog-osd"
+            :hexpand true :valign "center"
+          )
+        )
+        (box
+          :space-evenly false :spacing 5
+          (progress
+            :flipped true
+            :value {volume.percent}
+            :class "bar-prog-osd"
+            :hexpand true :valign "center"
+          )
+          (label :class "icon-material txt-norm txt"
+            :text "volume_up"
+          )
+        )
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/m3ww/.config/eww/modules/status.yuck b/m3ww/.config/eww/modules/status.yuck
new file mode 100644
index 000000000..7fde8e637
--- /dev/null
+++ b/m3ww/.config/eww/modules/status.yuck
@@ -0,0 +1,17 @@
+(defwidget status_widget []
+  (box
+    :space-evenly false
+    (box :hexpand true)
+    (systray :pack-direction "rtl" :icon-size 18)
+    (box :class "corner-width")
+    (label
+      :class "bar-width icon-material bar-system-icon txt-norm txt"
+      :text {WIFI_ICONS[net.level]}
+    )
+    (label
+      :class "bar-width icon-material bar-system-icon txt-norm txt"
+      :text {bluetooth.icon}
+    )
+    (box :class "corner-width")
+  )
+)
\ No newline at end of file
diff --git a/m3ww/.config/eww/modules/system.yuck b/m3ww/.config/eww/modules/system.yuck
new file mode 100644
index 000000000..bf13b9afa
--- /dev/null
+++ b/m3ww/.config/eww/modules/system.yuck
@@ -0,0 +1,181 @@
+(defwidget system_widget []
+  (eventbox
+    :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    :onmiddleclick "playerctl play-pause"
+    :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+    :onclick "scripts/toggle-sideright.sh &"
+    (box
+      :class "bar-group-margin bar-sides"
+      (box
+        :class "bar-group bar-group-standalone bar-group-pad"
+        :orientation "h" :space-evenly false :spacing 15
+        (box
+          :space-evenly false :spacing 5
+          (label :xalign 0 :class "txt-norm txt"
+            :text {formattime(EWW_TIME, '%I:%M')}
+          )
+          (label :xalign 0 :class "txt-norm txt"
+            :text "•"
+          )
+          (label :xalign 0 :class "txt-smallie txt"
+            :text {formattime(EWW_TIME, '%A, %d/%m')}
+          )
+        )
+        (box
+          :hexpand true :valign "center"
+          :space-evenly false :spacing 2
+          :class "bar-batt${battery.percentage <= BATTERY_LOW ? '-low' : ''}"
+          :tooltip {battery.status == ' left' || battery.status == ' to full' ? "${battery.percentage}%" : battery.status}
+          (label :xalign 0
+            :valign "center"
+            :class "bar-batt-percentage"
+            :text {battery.percentage}
+          )
+          (progress
+            :hexpand true :valign "center"
+            :value {battery.percentage}
+            :class "bar-prog-batt${battery.percentage <= BATTERY_LOW ? '-low' : ''}"
+          )
+          (box
+            :valign "center"
+            :class "bar-batt-chargestate${battery.quickicon == '' ? '' : (battery.percentage <= BATTERY_LOW ? '-charging-low' : '-charging')}"
+          )
+        )
+        (box ; Icons
+          :space-evenly false :spacing 10
+          :orientation "h"
+          :class "bar-pad-horiz-moreright"
+          (box
+            :valign "center"
+            :orientation "v"
+            :space-evenly false :spacing -4
+            (label :class "icon-material bar-system-icon txt-norm txt"
+              :text "keyboard"
+            )
+            (label :class "txt-tiny txt" :text {lang_ibus.name_abbr})
+          )
+          ; (label
+            ;   :valign "center"
+            ;   :class "icon-material bar-system-icon txt-norm"
+            ;   :text {WIFI_ICONS[net.level]}
+          ; )
+          ; (label
+            ;   :valign "center"
+            ;   :class "icon-material bar-system-icon txt-norm"
+            ;   :text {bluetooth.icon}
+          ; )
+        )
+      )
+    )
+  )
+)
+
+(defwidget system_bottom_widget []
+  (eventbox
+    :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd &"
+    :onmiddleclick "playerctl play-pause"
+    :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+    :onclick "scripts/toggle-sideright.sh &"
+    (box
+      :class "bar-group-margin bar-bottom-sides"
+      (box
+        :class "bar-group bar-group-round bar-group-pad-less"
+        :orientation "h" :space-evenly false :spacing 10
+        (box ; Icons
+          :space-evenly false :spacing 10
+          :orientation "h"
+          :class "bar-pad-horiz-moreright"
+          (systray :pack-direction "rtl" :icon-size 20)
+          (box
+            :valign "center"
+            :orientation "v"
+            :space-evenly false :spacing -4
+            (label :class "icon-material bar-system-icon txt-norm txt"
+              :text "keyboard"
+            )
+            (label :class "txt-tiny txt" :text {lang_ibus.name_abbr})
+          )
+          (label
+            :valign "center"
+            :class "icon-material bar-system-icon txt-norm txt"
+            :text {WIFI_ICONS[net.level]}
+          )
+          (label
+            :valign "center"
+            :class "icon-material bar-system-icon txt-norm txt"
+            :text {bluetooth.icon}
+          )
+        )
+        (box
+          :valign "center"
+          :orientation "v"
+          :space-evenly false
+          (label :xalign 0 :class "txt-norm txt"
+            :text {formattime(EWW_TIME, '%I:%M')}
+          )
+          (label :xalign 0 :class "txt-smallie txt"
+            :text {formattime(EWW_TIME, '%A, %d/%m')}
+          )
+        )
+        (box
+          :hexpand true :valign "center"
+          :space-evenly false
+          :class "bar-batt-bottom"
+          (label :xalign 0
+            :valign "center"
+            :hexpand true
+            :class "bar-batt-percentage-bottom txt-norm"
+            :text "${memory.used} + ${memory.swapused}"
+          )
+          (overlay
+            (box :class "bar-circ-bottom-size")
+            (circular-progress
+              :halign "end" :valign "center"
+              :class "bar-batt-circ"
+              :value {memory.percentage}
+              :thickness 3
+              :start-at 75
+              :hexpand true :valign "center"
+              (box :class "bar-batt-circ-inside")
+            )
+            (circular-progress
+              :halign "end" :valign "center"
+              :value {memory.swappercentage}
+              :thickness 3
+              :start-at 75
+              :class "bar-batt-circ-layer2"
+              :hexpand true :valign "center"
+              (box :class "bar-batt-circ-layer2-inside")
+            )
+          )
+        )
+        (box
+          :hexpand true :valign "center"
+          :space-evenly false
+          :class "bar-batt-bottom${battery.percentage <= BATTERY_LOW ? '-low' : ''}"
+          :tooltip "Battery: ${battery.percentage}%"
+          (label :xalign 0
+            :valign "center"
+            :hexpand true
+            :class "bar-batt-percentage-bottom txt-norm"
+            :text {battery.status == ' left' || battery.status == ' to full' ? "${battery.percentage}%" : battery.status}
+          )
+          (box :class "bar-circ-bottom-size"
+            (circular-progress
+              :halign "end" :valign "center"
+              :value {battery.percentage}
+              :thickness 3
+              :start-at 75
+              :class "bar-batt-circ${battery.percentage <= BATTERY_LOW ? '-low' : ''}"
+              :hexpand true :valign "center"
+              (box
+                :valign "center" :halign "center"
+                :class "bar-batt-chargestate-bottom${battery.quickicon == '' ? '' : (battery.percentage <= BATTERY_LOW ? '-charging-low' : '-charging')}"
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/m3ww/.config/eww/modules/taskbar.yuck b/m3ww/.config/eww/modules/taskbar.yuck
new file mode 100644
index 000000000..92517d70b
--- /dev/null
+++ b/m3ww/.config/eww/modules/taskbar.yuck
@@ -0,0 +1,47 @@
+(defwidget taskbar_widget []
+  (eventbox
+    :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    :onmiddleclick "scripts/toggle-powerview.sh &"
+    :onrightclick "scripts/toggle-powerview.sh &"
+    (overlay
+      (box
+        :class "bar-group-margin"
+        :style "
+        min-width: ${(arraylength(tasks) > 13 ? 13 : arraylength(tasks)) * BAR_HEIGHT_BOTTOM_NORMAL}px;
+        "
+        (box
+          :class "bar-group bar-group-round"
+        )
+      )
+      (scroll
+        (box
+          :halign "center"
+          :orientation "h"
+          :space-evenly false
+          :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+          (for app in tasks
+            (overlay
+              (eventbox
+                :cursor "pointer"
+                :onclick "${app.count > 0 ? ('hyprctl dispatch focuswindow address:' + app.address[0] + ' &') : (app.exec)}"
+                ; :tooltip "${app.class}"
+                (box
+                  :class "taskbar-button ${app.class == awin.class ? 'taskbar-button-active' : ''}"
+                  (image
+                    :class "taskbaricon"
+                    :path {app.icon}
+                    :image-width 32
+                    :image-height 32
+                  )
+                )
+              )
+              (box :class "taskbar-indicator-${app.class == awin.class ? 'true' : (app.count > 0 ? 'false' : 'none')}")
+            )
+          )
+          ; Dummy keep alive
+          (revealer :transition "slideright" :reveal false (label :text {awin.class}))
+        )
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/m3ww/.config/eww/modules/workspaces.yuck b/m3ww/.config/eww/modules/workspaces.yuck
new file mode 100644
index 000000000..45e5b5728
--- /dev/null
+++ b/m3ww/.config/eww/modules/workspaces.yuck
@@ -0,0 +1,57 @@
+(defwidget workspaces_widget []
+  (eventbox
+    :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    :onmiddleclick "scripts/toggle-powerview.sh &"
+    :onrightclick `hyprctl keyword bind ",mouse:273,exec,hyprctl keyword unbind ,mouse:273 && hyprctl dispatch submap editmode && notify-send 'Edit mode enabled' 'LMB to move, RMB to resize, Esc to exit' -a 'Edit mode' &" &`
+    :onhoverlost `hyprctl keyword unbind ",mouse:273" &`
+    (overlay
+      ; Only displays workspace state (has windows or not)
+      (box
+        :class "bar-ws-width bar-group-margin"
+        (box
+          :class "bar-group bar-group-standalone bar-group-pad"
+        )
+      )
+      (box
+        :class "bar-group-pad"
+        :halign "center"
+        (for i in workspace
+          (button
+            :onclick "hyprctl dispatch workspace ${i.num}"
+            (label
+              :valign "center"
+              ; NOTE: Array is 0-based but i.num values are 1-based
+              :class "bar-ws-txt txt-norm bar-ws-txt-${
+                i.haswins ? (
+                  i.num == 1 ? (workspace[(i.num)]['haswins'] ? 'left' : 'alone') : (
+                      i.num == 10 ? (workspace[(i.num - 2)]['haswins'] ? 'right' : 'alone') : (
+                      workspace[(i.num - 2)]['haswins'] && workspace[(i.num)]['haswins'] ? 'middle' : (
+                        workspace[(i.num - 2)]['haswins'] ? 'right' : (
+                        workspace[(i.num)]['haswins'] ? 'left' : 'alone'
+                        )
+                      )
+                    )
+                  )
+                ) : 'false'
+                }"
+              :text "${ws-icons[i.num - 1]}"
+            )
+          )
+        )
+      )
+      ; Use a separate indicator for active workspace (animations, yay) (and more performant)
+      (button
+        :class "ws"
+        :style "
+        margin-left:  ${1.79 * (activews - 1) + WORKSPACE_SIDE_PAD}rem;
+        margin-right: ${1.79 * (10 - activews) + WORKSPACE_SIDE_PAD}rem;
+        "
+        (label
+          :valign "center"
+          :class "bar-ws-txt bar-ws-txt-active"
+          :text "${activews}"
+        )
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/activewin b/m3ww/.config/eww/scripts/activewin
new file mode 100755
index 000000000..8019a5188
--- /dev/null
+++ b/m3ww/.config/eww/scripts/activewin
@@ -0,0 +1,12 @@
+#!/usr/bin/bash
+
+hyprctl activewindow -j | gojq -c -M
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    hyprctl activewindow -j | gojq -c -M
+  done
+fi
+
diff --git a/m3ww/.config/eww/scripts/activews b/m3ww/.config/eww/scripts/activews
new file mode 100755
index 000000000..0abf3e91e
--- /dev/null
+++ b/m3ww/.config/eww/scripts/activews
@@ -0,0 +1,17 @@
+#!/usr/bin/bash
+
+hyprctl activeworkspace -j | gojq '.id'
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "workspace>>" | while read -r line; do
+    case ${line%>>*} in
+      "workspace")
+        focusedws=${line#*>>}
+        echo "$focusedws"
+        ;;
+    esac  
+  done
+fi
+
diff --git a/m3ww/.config/eww/scripts/airplane b/m3ww/.config/eww/scripts/airplane
new file mode 100755
index 000000000..81c9e0b1c
--- /dev/null
+++ b/m3ww/.config/eww/scripts/airplane
@@ -0,0 +1,31 @@
+#!/bin/sh
+
+STATUS="$(rfkill list | sed -n 2p | awk '{print $3}')"
+
+icon() {
+  if [[ $STATUS == "no" ]]; then
+    echo ""
+  else
+    echo ""
+  fi
+}
+
+toggle() {
+  if [[ $STATUS == "no" ]]; then
+    rfkill block all
+    notify-send --urgency=normal -i airplane-mode-symbolic "Airplane Mode" "Airplane mode has been turned on!"
+  else
+    rfkill unblock all
+    notify-send --urgency=normal  -i airplane-mode-disabled-symbolic "Airplane Mode" "Airplane mode has been turned off!"
+  fi
+}
+
+if [[ $1 == "toggle" ]]; then
+  toggle
+else
+  while true; do
+    STATUS="$(rfkill list | sed -n 2p | awk '{print $3}')"
+    icon
+    sleep 3;
+  done
+fi
diff --git a/m3ww/.config/eww/scripts/allappnames.cpp b/m3ww/.config/eww/scripts/allappnames.cpp
new file mode 100755
index 000000000..479bd5a73
--- /dev/null
+++ b/m3ww/.config/eww/scripts/allappnames.cpp
@@ -0,0 +1,137 @@
+#include <pwd.h>
+#include <unistd.h>
+
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+// A simple struct to store the name and exec properties of a desktop entry
+struct DesktopEntry {
+    string name;
+    string exec;
+    string icon;
+    bool show;
+};
+
+string username;
+vector<DesktopEntry> allApps;
+json apps;
+int mode = 0;  // 0: Object, 1: Array
+
+// A function that reads a .desktop file and returns a DesktopEntry struct
+DesktopEntry read_desktop_file(const string& filename) {
+    DesktopEntry entry;
+    entry.show = true;
+
+    ifstream file(filename);
+    if (file.is_open()) {
+        string line;
+        while (getline(file, line)) {
+            // Skip comments and empty lines
+            if (line.empty() || line[0] == '#') {
+                continue;
+            }
+            if (line.substr(0, 1) == "[" &&
+                line.substr(0, 15) == "[Desktop Action")
+                break;
+            // Split the line by '=' and store the key-value pair
+            size_t pos = line.find('=');
+            if (pos != string::npos) {
+                string key = line.substr(0, pos);
+                string value = line.substr(pos + 1);
+                // Store the name and exec properties
+                if (key == "Name") {
+                    entry.name = value;
+                } else if (key == "Exec") {
+                    entry.exec = value;
+                } else if (key == "Icon") {
+                    entry.icon = value;
+                } else if (key == "NoDisplay" && value == "true") {
+                    entry.show = false;
+                }
+            }
+        }
+        // cout << entry.name << " " << entry.exec << " " << entry.icon << "\n";
+        file.close();
+    }
+    return entry;
+}
+
+bool lf(DesktopEntry a, DesktopEntry b) { return a.name < b.name; }
+
+// A function that prints out all desktop entry names and exec properties in a
+// given directory
+void getDesktopEntries(const string& dirname) {
+    // Check if the directory exists
+    if (!filesystem::exists(dirname) || !filesystem::is_directory(dirname)) {
+        return;
+    }
+    // Iterate over all files in the directory
+    for (const auto& entry : filesystem::directory_iterator(dirname)) {
+        // Check if the file has a .desktop extension
+        if (entry.path().extension() == ".desktop") {
+            DesktopEntry thisEntry = read_desktop_file(entry.path());
+            if (thisEntry.show) allApps.push_back(thisEntry);
+        }
+    }
+}
+
+void to_json() {
+    sort(allApps.begin(), allApps.end(), lf);
+    for (const auto& entry : allApps) {
+        json thisApp;
+        thisApp["name"] = entry.name;
+        thisApp["icon"] = entry.icon;
+        thisApp["exec"] = entry.exec;
+        // Get
+        if (mode == 0)
+            apps[entry.name] = thisApp;
+        else
+            apps.push_back(thisApp);
+    }
+}
+
+string get_username() {
+    uid_t uid = geteuid();
+    struct passwd* pw = getpwuid(uid);
+    return pw->pw_name;
+}
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+
+    if (argc == 3 && string(argv[1]) == "--mode") {
+        if (string(argv[2]) == "object")
+            mode = 0;
+        else if (string(argv[2]) == "array")
+            mode = 1;
+        else
+            mode = stoi(string(argv[2]));
+    }
+
+    username = get_username();
+    // Print all desktop entries in /usr/share/applications/
+    string entryDirs[3] = {"/usr/share/applications/",
+                           "/home/" + username + "/.local/share/applications",
+                           "/var/lib/flatpak/exports/share/applications"};
+    for (string directory : entryDirs) {
+        if (filesystem::exists(directory))
+            getDesktopEntries(directory);
+    }
+
+    // Get em in the json object
+    to_json();
+    // Print
+    for (const auto& entry : allApps) {
+        cout << entry.name << '\n';
+    }
+
+    return 0;
+}
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/allapps.cpp b/m3ww/.config/eww/scripts/allapps.cpp
new file mode 100755
index 000000000..26813fa03
--- /dev/null
+++ b/m3ww/.config/eww/scripts/allapps.cpp
@@ -0,0 +1,254 @@
+#include <pwd.h>
+#include <sys/stat.h>
+#include <unistd.h>
+
+#include <algorithm>
+#include <cctype>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+// A simple struct to store the name and exec properties of a desktop entry
+struct DesktopEntry {
+    string name;
+    string exec;
+    string icon;
+    string filename;
+    string filepath;
+    bool show;
+};
+
+string username;
+vector<DesktopEntry> allApps;
+json apps;
+int mode = 0;  // 0: Object, 1: Array, 2: Start (Contains JSON for letters)
+string iconTheme = "";
+
+// Returns the file name from a path
+std::string getFileName(const std::string& path) {
+    // Find the last position of '/' or '\' in the path
+    size_t pos = path.find_last_of("/\\");
+    // If none is found, return the whole path
+    if (pos == std::string::npos) return path;
+    // Otherwise, return the substring after the last slash
+    return path.substr(pos + 1);
+}
+
+// Returns the file name without extension from a path
+string getFileNameNoExt(const string& path) {
+    string filename = getFileName(path);  // Get file name (with extension)
+    size_t pos = filename.find_last_of(".");
+    if (pos == string::npos) return filename;  // Name found
+    return filename.substr(0, pos);
+}
+
+// Function to check if file exists, if yes read it
+string readIfExists(const string& name) {
+    ifstream f(name.c_str());
+    stringstream buffer;
+    if (f) {                  // check if the file was opened successfully
+        buffer << f.rdbuf();  // read the whole file into a string stream
+        f.close();            // close the file when done
+    }
+    return buffer.str();  // return the string stream as a string
+}
+
+void writeToFile(const string& name, const string& content) {
+    ofstream f(name.c_str(), ios::app);  // open the file in append mode
+    if (f) {                   // check if the file was opened successfully
+        f << content << "\n";  // write the content to the file
+        f.close();             // close the file when done
+    } else {
+        cerr << "Error: could not open " << name
+             << "\n";  // print an error message to the standard error
+    }
+}
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+string getIconPath(string iconname) {
+    if (iconTheme == "") {
+        iconTheme =
+            exec(string("gsettings get org.gnome.desktop.interface icon-theme")
+                     .c_str());
+        iconTheme.pop_back();
+        // cout << "icon theme: " << iconTheme << '\n';
+    }
+    if (iconname.size() == 0) {
+        return "";
+    } else if (iconname[0] == '/') {
+        return iconname;  // Already absolute path
+    } else if (iconname[0] == '\n') {
+        return "";  // wtf
+    }
+    string path = readIfExists("/home/" + username + "/.config/eww/scripts/cache/" + iconname);
+    if (path == "") {
+        path = exec(string("geticons -t " + iconTheme + " " + string(iconname) +
+                           " | head -n 1")
+                        .c_str());
+        // cout << "path: " << path << '\n';
+        writeToFile("/home/" + username + "/.config/eww/scripts/cache/" + iconname, path);
+        // cout << "icon name: " << iconname << '\n';
+        // cout << "path: " << path << '\n';
+    }
+    while (path.size() > 0 && *path.rbegin() == '\n')
+        path.pop_back();  // Remove '\n'
+    return path;
+}
+
+// A function that reads a .desktop file and returns a DesktopEntry struct
+DesktopEntry readDesktopFile(const string& filename) {
+    DesktopEntry entry;
+    entry.show = true;
+    entry.filename = getFileNameNoExt(filename);
+    entry.filepath = filename;
+
+    ifstream file(filename);
+    if (file.is_open()) {
+        string line;
+        while (getline(file, line)) {
+            // Skip comments and empty lines
+            if (line.empty() || line[0] == '#') {
+                continue;
+            }
+            if (line.substr(0, 1) == "[" &&
+                line.substr(0, 15) == "[Desktop Action")
+                break;
+            // Split the line by '=' and store the key-value pair
+            size_t pos = line.find('=');
+            if (pos != string::npos) {
+                string key = line.substr(0, pos);
+                string value = line.substr(pos + 1);
+                // Store properties
+                if (key == "Name") {
+                    entry.name = value;
+                } else if (key == "Exec") {
+                    entry.exec = value;
+                } else if (key == "Icon") {
+                    entry.icon = getIconPath(value);
+                } else if (key == "NoDisplay" && value == "true") {
+                    entry.show = false;
+                }
+            }
+        }
+        file.close();
+    }
+    return entry;
+}
+
+string lowercaseOf(string s) {
+    for (char& c : s) {
+        c = tolower(c);
+    }
+    return s;
+}
+
+bool lf(DesktopEntry a, DesktopEntry b) {
+    if (tolower(a.name[0]) == tolower(b.name[0]))
+        return a.name < b.name;
+    else
+        return tolower(a.name[0]) < tolower(b.name[0]);
+}
+
+// A function that prints out all desktop entry names and exec properties in a
+// given directory
+void getDesktopEntries(const string& dirname) {
+    // Iterate over all files in the directory
+    for (const auto& entry : filesystem::directory_iterator(dirname)) {
+        // Check if the file has a .desktop extension
+        if (entry.path().extension() == ".desktop") {
+            // Read the file and print its name and exec properties
+            DesktopEntry thisEntry = readDesktopFile(entry.path());
+            // cout << thisEntry.name << " [icon: " << thisEntry.icon << "]\n";
+            if (thisEntry.show) allApps.push_back(thisEntry);
+        }
+    }
+}
+
+void toJson() {
+    sort(allApps.begin(), allApps.end(), lf);
+    int i = -1;
+    for (const auto& entry : allApps) {
+        i++;
+        // cout << entry.name << ", ";
+        json thisApp;
+        thisApp["name"] = entry.name;
+        thisApp["icon"] = entry.icon;
+        thisApp["exec"] = entry.exec;
+        if (mode != 2) {
+            thisApp["filename"] = entry.filename;
+            thisApp["filepath"] = entry.filepath;
+        }
+        // Get
+        if (mode == 0)
+            apps[entry.name] = thisApp;
+        else if (mode == 1)
+            apps.push_back(thisApp);
+        else if (mode == 2) {
+            apps.push_back(thisApp);
+        }
+    }
+    cout << apps << '\n';
+}
+
+string getUsername() {
+    uid_t uid = geteuid();
+    struct passwd* pw = getpwuid(uid);
+    return pw->pw_name;
+}
+
+void addLetters() {
+    for (char c = 'A'; c <= 'Z'; c++) {
+        DesktopEntry thisLetter;
+        thisLetter.name = c;
+        thisLetter.exec = "";
+        thisLetter.icon = "_letter";
+        allApps.push_back(thisLetter);
+    }
+}
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+
+    if (argc == 3 && string(argv[1]) == "--mode") {
+        if (string(argv[2]) == "object")
+            mode = 0;
+        else if (string(argv[2]) == "array")
+            mode = 1;
+        else if (string(argv[2]) == "start")
+            mode = 2;
+        else
+            mode = stoi(string(argv[2]));
+    }
+
+    username = getUsername();
+    // Print all desktop entries in common locations
+    string entryDirs[3] = {"/usr/share/applications/",
+                           "/home/" + username + "/.local/share/applications",
+                           "/var/lib/flatpak/exports/share/applications"};
+    for (string directory : entryDirs) {
+        if (filesystem::exists(directory))
+            getDesktopEntries(directory);
+    }
+    if (mode == 2) addLetters();
+    // Get a json and print
+    toJson();
+}
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/applycolor b/m3ww/.config/eww/scripts/applycolor
new file mode 100755
index 000000000..52ee5e7cc
--- /dev/null
+++ b/m3ww/.config/eww/scripts/applycolor
@@ -0,0 +1,68 @@
+#!/usr/bin/env bash
+
+cd "$HOME/.config/eww" || exit
+filelist=$(ls 'images/svg/template/' | grep -v /)
+colorscss=$(cat css/_material.scss)
+colornames=$(cat css/_material.scss | cut -d: -f1)
+colorstrings=$(cat css/_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
+
+apply_svgs() {
+    for i in "${!filearr[@]}"; do # Loop through folders
+        colorvalue=$(echo "$colorscss" | grep "${filearr[$i]}" | awk '{print $2}' | cut -d ";" -f1)
+        for file in images/svg/template/"${filearr[$i]}"/*; do # Loop through files
+            cp "$file" images/svg/
+            sed -i "s/black/$colorvalue/g" images/svg/"${file##*/}"
+        done
+    done
+}
+
+apply_gtklock() {
+    # Check if $HOME/.config/eww/scripts/templates/gtklock/style.css exists
+    if [ ! -f "$HOME/.config/eww/scripts/templates/gtklock/style.css" ]; then
+        echo "Template file not found for Gtklock. Skipping that."
+        return
+    fi
+    # Copy template to style.css
+    cp "$HOME/.config/eww/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 $HOME/.config/eww/scripts/templates/fuzzel/fuzzel.ini exists
+    if [ ! -f "$HOME/.config/eww/scripts/templates/fuzzel/fuzzel.ini" ]; then
+        echo "Template file not found for Fuzzel. Skipping that."
+        return
+    fi
+    # Copy template to style.css
+    cp "$HOME/.config/eww/scripts/templates/fuzzel/fuzzel.ini" "$HOME/.config/fuzzel/fuzzel.ini"
+    # Apply colors
+    for i in "${!colorlist[@]}"; do
+        sed -i "s/${colorlist[$i]}ff/${colorvalues[$i]#\#}ff/g" "$HOME/.config/fuzzel/fuzzel.ini" # note: ff because theyre opaque
+    done
+}
+
+apply_foot() {
+    # Check if $HOME/.config/eww/scripts/templates/fuzzel/fuzzel.ini exists
+    if [ ! -f "$HOME/.config/eww/scripts/templates/foot/foot.ini" ]; then
+        echo "Template file not found for Foot. Skipping that."
+        return
+    fi
+    # Copy template to style.css
+    cp "$HOME/.config/eww/scripts/templates/foot/foot.ini" "$HOME/.config/foot/foot.ini"
+    # Apply colors
+    for i in "${!colorlist[@]}"; do
+        sed -i "s/=${colorlist[$i]} #/=${colorvalues[$i]#\#}/g" "$HOME/.config/foot/foot.ini" # note: ff because theyre opaque
+    done
+}
+
+apply_svgs
+apply_gtklock
+apply_fuzzel
+apply_foot
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/appsearch.cpp b/m3ww/.config/eww/scripts/appsearch.cpp
new file mode 100755
index 000000000..61538f7df
--- /dev/null
+++ b/m3ww/.config/eww/scripts/appsearch.cpp
@@ -0,0 +1,203 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+string searchTerm;
+string results;
+vector<string> entryNames;
+json appEntries;
+
+bool updateInfo = false;
+
+void splitString(const std::string& str, const char delimiter,
+                 std::vector<std::string>& result) {
+    std::string line;
+    std::istringstream stream(str);
+    while (std::getline(stream, line)) {
+        if (!line.empty()) {
+            if (line.back() == delimiter) {
+                line.pop_back();
+            }
+            result.push_back(line);
+        }
+    }
+}
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+bool likelyNotMath(const string& expression) {
+    char firstChar = expression[0];
+    if (firstChar >= '0' && firstChar <= '9') return false;
+    return true;
+}
+
+void calcPrompt() {
+    cout << "[{\"name\":\"Calculator - Type "
+            "something!\",\"icon\":\"images/svg/dark/"
+            "calculator.svg\",\"exec\":\"wl-copy \\\"Clipboard contents "
+            ";)\\\"\"}]";
+    exec(
+        "eww update winsearch_actions='{\"name\":\"Calculator - Type "
+        "something!\",\"icon\":\"images/svg/dark/"
+        "calculator.svg\",\"exec\":\"wl-copy \\\"Clipboard contents "
+        ";)\\\"\"}' &");
+    exec("eww update winsearch_actions_type='Math result' &");
+    exit(0);
+}
+
+void getAppNames() {
+    string searchCommand =
+        "cat 'scripts/cache/entrynames.txt' | fzf --filter=\"" + searchTerm +
+        "\" | head -n 10";
+    string results = exec(&searchCommand[0]);
+    splitString(results, '\n', entryNames);
+}
+
+void getAppJson() {
+    ifstream file("scripts/cache/entries.txt");
+    file >> appEntries;
+}
+
+void tryThemeCmd() {
+    if (searchTerm.size() >= 6)
+        searchTerm = searchTerm.substr(6);
+    else
+        searchTerm = " ";
+    string searchCommand =
+        "ls css/savedcolors/ | grep .txt | sed 's/_iconcolor_//g' | sed "
+        "'s/.txt//g' | fzf --filter='" +
+        searchTerm + "'";
+    string results = exec(&searchCommand[0]);
+    splitString(results, '\n', entryNames);
+    cout << '[';
+    for (int i = 0; i < entryNames.size(); i++) {
+        string entryName = entryNames[i];
+        cout << '{';
+        cout << "\"name\":\"" << entryName << "\",\"exec\":\">load "
+             << entryName << "\"";
+        cout << '}';
+        if (i < entryNames.size() - 1) cout << ',';
+    }
+    cout << ']' << endl;
+    if (updateInfo) {
+        string entryName = entryNames[0];
+        string updateCmd = "eww update winsearch_actions='{\"name\":\"" +
+                           entryName + "\",\"exec\":\">load " + entryName +
+                           "\"}'";
+        exec(&updateCmd[0]);
+        exec("eww update winsearch_actions_type='Color theme'");
+    }
+    exit(0);
+}
+
+void tryAppSearch() {
+    if (entryNames.size() == 0) return;  // No app found, skip it
+    cout << '[';
+    for (int i = 0; i < entryNames.size(); i++) {
+        string entryName = entryNames[i];
+        cout << appEntries[entryName];
+        if (i < entryNames.size() - 1) cout << ',';
+    }
+    cout << ']' << endl;
+    if (updateInfo) {
+        string updateCmd = "eww update winsearch_actions='" +
+                           string(appEntries[entryNames[0]].dump()) + "'";
+        exec(&updateCmd[0]);
+        exec("eww update winsearch_actions_type='Application'");
+    }
+    exit(0);
+}
+
+void tryCalculate() {
+    if (likelyNotMath(searchTerm)) return;
+    string calcCommand = "qalc '" + searchTerm + "'";
+    string results = exec(&calcCommand[0]);
+    results = results.substr(results.find_first_of("=") + 2);
+    if(results.back() == '\n') results.pop_back();
+    // cout << results << '\n';
+    cout
+        << "[{\"name\":\"" << results
+        << "\",\"icon\":\"images/svg/dark/calculator.svg\",\"exec\":\"wl-copy '"
+        << results << "'\"}]" << endl;
+    if (updateInfo) {
+        string updateCmd =
+            "eww update "
+            "winsearch_actions='{\"name\":\"'\"" +
+            results +
+            "\"'\",\"icon\":\"images/svg/dark/"
+            "calculator.svg\",\"exec\":\"wl-copy '" +
+            results + "'\"}'";
+        exec(&updateCmd[0]);
+        exec("eww update winsearch_actions_type='Math result'");
+    }
+    exit(0);
+}
+
+void commandOnly() {
+    cout << "[]" << endl;
+    if (updateInfo) {
+        string updateCmd =
+            "eww update "
+            "winsearch_actions='{\"name\":\"'\"" +
+            searchTerm +
+            "\"'\",\"icon\":\"images/svg/dark/"
+            "protocol.svg\",\"exec\":\"" +
+            searchTerm + "\"}'";
+        exec(&updateCmd[0]);
+        exec("eww update winsearch_actions_type='Run command'");
+    }
+    exit(0);
+}
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+
+    // Arguments
+    if (argc == 1) {
+        cout << "[{\"name\": \"Type something!\"}]";
+        return 0;
+    }
+    if (argc > 2 && string(argv[2]) == "--updateinfo") updateInfo = true;
+    searchTerm = argv[1];
+
+    // Special commands
+    if (searchTerm == "--calculator") calcPrompt();
+    if (searchTerm[0] == '>') {
+        if (searchTerm.find(">load") != string::npos)
+            tryThemeCmd();
+        else {
+            cout << "[]" << endl;
+            exit(0);
+        }
+    }
+    // Get app names and entries
+    getAppNames();
+    getAppJson();
+    // Attempt searches in order. Each search will exit if success
+    tryCalculate();
+    tryAppSearch();
+    commandOnly();
+
+    cout << results;
+}
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/audioapps.cpp b/m3ww/.config/eww/scripts/audioapps.cpp
new file mode 100755
index 000000000..140d2b518
--- /dev/null
+++ b/m3ww/.config/eww/scripts/audioapps.cpp
@@ -0,0 +1,137 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+string clients;
+json clientjson, apps;
+string iconTheme = "";
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+// Function to check if file exists, if yes read it
+string readIfExists(const string& name) {
+    ifstream f(name.c_str());
+    stringstream buffer;
+    if (f) {                  // check if the file was opened successfully
+        buffer << f.rdbuf();  // read the whole file into a string stream
+        f.close();            // close the file when done
+    }
+    return buffer.str();  // return the string stream as a string
+}
+
+void writeToFile(const string& name, const string& content) {
+    ofstream f(name.c_str(), ios::app);  // open the file in append mode
+    if (f) {                   // check if the file was opened successfully
+        f << content << "\n";  // write the content to the file
+        f.close();             // close the file when done
+    } else {
+        cerr << "Error: could not open " << name
+             << "\n";  // print an error message to the standard error
+    }
+}
+
+string getIconPath(string iconname) {
+    if (iconTheme == "") {
+        iconTheme =
+            exec(string("gsettings get org.gnome.desktop.interface icon-theme")
+                     .c_str());
+        iconTheme.pop_back();
+        // cout << "icon theme: " << iconTheme << '\n';
+    }
+    if (iconname.size() == 0) {
+        return "";
+    } else if (iconname[0] == '/') {
+        return iconname;  // Already absolute path
+    } else if (iconname[0] == '\n') {
+        return "";  // wtf
+    }
+    string path = readIfExists("scripts/cache/" + iconname);
+    if (path == "") {
+        path = exec(string("geticons -t " + iconTheme + " " + string(iconname) +
+                           " | head -n 1")
+                        .c_str());
+        writeToFile("scripts/cache/" + iconname, path);
+        // cout << "icon name: " << iconname << '\n';
+        // cout << "path: " << path << '\n';
+    }
+    while (path.size() > 0 && *path.rbegin() == '\n')
+        path.pop_back();  // Remove '\n'
+    return path;
+}
+
+void addApp(json& client) {
+    string volumestr = client["volume"]["front-left"]["value_percent"];
+    volumestr.pop_back();
+    int volume = stoi(volumestr);
+    client = client["properties"];
+
+    bool found = false;
+    for (json& obj : apps) {
+        auto it = obj.find("name");
+        if (it != obj.end() && *it == client["application.name"]) {
+            found = true;
+            obj["count"] = int(obj["count"]) + 1;
+            obj["clients"].push_back(
+                json{{"serial", client["object.serial"]},
+                     {"volume", volume},
+                     {"title", client["media.name"]}});
+            break;
+        }
+    }
+    if (!found) {
+        json newApp =
+            R"({"name": "", "count": 1, "clients": [], "icon": "", "title": []})"_json;
+        newApp["name"] = client["application.name"];
+        newApp["clients"].push_back(json{{"serial", client["object.serial"]},
+                                         {"volume", volume},
+                                         {"title", client["media.name"]}});
+
+        string iconpath;
+        auto it = client.find("application.icon_name");
+        if (it != client.end())
+            iconpath = getIconPath(client["application.icon_name"]);
+        else {
+            iconpath = getIconPath(client["application.process.binary"]);
+        }
+        newApp["icon"] = iconpath;
+
+        apps.push_back(newApp);
+    }
+}
+
+void getAudioClients() {
+    clients = exec("pactl --format json list sink-inputs 2>/dev/null");
+    clientjson = json::parse(clients);
+    for (json client : clientjson) {
+        addApp(client);
+        // cout << client << '\n';
+    }
+}
+
+int main() {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+
+    getAudioClients();
+    cout << apps << '\n';
+}
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/audiolevels b/m3ww/.config/eww/scripts/audiolevels
new file mode 100755
index 000000000..ba001d09d
--- /dev/null
+++ b/m3ww/.config/eww/scripts/audiolevels
@@ -0,0 +1,84 @@
+#!/usr/bin/bash
+dostuff(){
+  sinks=$(pactl list sink-inputs  \
+          | grep -e "Sink Input" \
+          | sed 's/Sink Input #//')
+  names=$(pactl list sink-inputs \
+          | sed 's/"//g' \
+          | sed 's/application-name://'  \
+          | grep -e "application.name" \
+          | sed 's/application.name = //' \
+          | sed 's/\t\t//' )
+  vols=$(pactl list sink-inputs  \
+          | grep -e "Volume:" \
+          | sed 's/Volume: front-left: //' \
+          | sed 's/front-right: //' \
+          | sed 's/front-right: //' \
+          | tr " " "\n" \
+          | grep -e % \
+          | sed 's/%//g' )
+  binaries=$(pactl list sink-inputs \
+          | grep -e 'application.process.binary' -e 'application.icon_name' \
+          | sed 's/\t//g' \
+          | sed 's/application.process.binary = //g' \
+          | sed 's/application.icon_name = //g' \
+          | sed 's/"//g' )
+  
+  # echo "-=-=-=-=-=-=-=-=- Debug: Raw value -=-=-=-=-=-=-=-=-"
+  # echo "$sinks"
+  # echo "$names"
+  # echo "$vols"
+  
+  IFS=$'\n'
+  sinkarr=($(echo "$sinks"))
+  namearr=($(echo "$names"))
+  volarr=($(echo "$vols"))
+  iconarr=($(echo "$binaries"))
+
+  # Get icons
+  for i in "${!iconarr[@]}"; do
+    iconarr[$i]=$(geticons -t "$(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g")" ${iconarr[i]} | head -n 1)
+  done
+  
+  # Functions
+  sanitize() {
+      echo "$1" | sed 's/"/\"/g'
+  }
+  
+  geticon() {
+  #     notify-send "${volarr[$((i*2))]}"
+      if [ "${volarr[$(($1*2))]}" -eq "0" ]; then
+          echo ""
+      else 
+          echo ""
+      fi
+  }
+  
+  # Print final JSON
+  printf '['
+  for i in "${!sinkarr[@]}"; do
+      if [ $i -ne 0 ]; then
+          printf ', '
+      fi
+      echo -n '{''"sink": "'"${sinkarr[$i]}"'", "name": "'"${namearr[$i]}"'", "volume": "'"${volarr[$((i*2))]}"'"}'
+    #   echo -n '{''"sink": "'"${sinkarr[$i]}"'", "icon": "'"${iconarr[$i]}"'", "name": "'"${namearr[$i]}"'", "volume": "'"${volarr[$((i*2))]}"'"}'
+  done
+  printf ']\n'
+  
+  # echo "$sinks"
+  # echo "$names"
+  # echo "$vols"
+}
+
+
+cd ~/.config/eww
+# dostuff
+scripts/audioapps
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+    pactl subscribe | rg --line-buffered "on sink" | while read -r _; do
+        scripts/audioapps
+    done
+fi
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/battery b/m3ww/.config/eww/scripts/battery
new file mode 100755
index 000000000..53c94fc77
--- /dev/null
+++ b/m3ww/.config/eww/scripts/battery
@@ -0,0 +1,132 @@
+#!/usr/bin/env bash
+
+icons=("" "" "" "" "" "" "" "")
+
+gettime() {
+	# FULL=$(cat /sys/class/power_supply/*/uevent | grep 'POWER_SUPPLY_CHARGE_FULL=' | cut -d '=' -f2)
+	# NOW=$(cat /sys/class/power_supply/*/uevent | grep 'POWER_SUPPLY_CHARGE_NOW=' | cut -d '=' -f2)
+	# RATE=$(cat /sys/class/power_supply/*/uevent | grep 'POWER_SUPPLY_VOLTAGE_NOW=' | cut -d '=' -f2)
+
+	if [ "$RATE" -gt 0 ]; then
+		if [ "$STATE" = "Discharging" ]; then
+			upower -e | grep battery | while read line; do upower -i $line; done | grep 'time to empty:' | cut -d ':' -f2 | sed 's/ //g' | sed 's/ours//g' | sed 's/inutes//g'
+		else
+			upower -e | grep battery | while read line; do upower -i $line; done | grep 'time to full:' | cut -d ':' -f2 | sed 's/ //g' | sed 's/ours//g' | sed 's/inutes//g'
+		fi
+		date -u -d@"$(bc -l <<< "$EX * 3600")" +%H:%M
+	fi
+}
+
+geticon() {
+	if [ "$STATE" = "Charging" ]; then
+    level=$(awk -v n="$CAPACITY" 'BEGIN{print int((n-1)/12)}')
+		echo "${icons[$level]}"
+	else
+    level=$(awk -v n="$CAPACITY" 'BEGIN{print int((n-1)/12)}')
+		echo "${icons[$level]}"
+	fi
+}
+
+status() {
+	if [ "$STATE" = "Charging" ]; then
+		if [ "$RATE" -gt 0 ]; then
+			echo "$(gettime) to full"
+		else
+			echo ""
+		fi
+	elif [ "$STATE" = "Discharging" ]; then
+		echo "$(gettime) left"
+	else
+		echo "fully charged"
+	fi
+}
+
+statch() {
+	if [ "$STATE" = "Discharging" ]; then #Not charging, below 20%
+		if [ "$CAPACITY" -le 5 ]; then
+			echo 'deadly'
+		elif [ "$CAPACITY" -le 10 ]; then
+			echo 'critical'
+		elif [ "$CAPACITY" -le 30 ]; then
+			echo 'low'
+		else 
+			echo 'normal'
+		fi
+	else 
+		echo 'charging'
+	fi
+}
+
+chargestatus() {
+	if [ "$STATE" = "Charging" ]; then
+		echo -n ""
+	elif [ "$STATE" = "Discharging" ]; then
+		echo -n ""
+	fi
+}
+
+circolor() {
+	if [[ "$CAPACITY" -le 20 && "$STATE" = "Discharging" ]]; then
+		cat css/_iconcolor.txt | head -1
+	else
+		cat css/_iconcolor.txt | head -1
+	fi
+}
+
+cirbgcolor() {
+	if [[ "$CAPACITY" -le 20 && "$STATE" = "Discharging" ]]; then
+		echo '#EF738A'
+	else
+		echo 'transparent'
+	fi
+}
+
+color() {
+	if [ "$CAPACITY" -le 20 ]; then
+		echo '#EF738A'
+	else
+		echo 'white'
+	fi
+}
+
+bgcolor() {
+	if [ "$CAPACITY" -le 20 ]; then
+		echo '#EF738A'
+	else
+		echo 'transparent'
+	fi
+}
+
+wattage() {
+	echo "$(bc -l <<< "scale=1; $RATE / 1000000") W"
+}
+
+warnedlow=0
+
+while true; do
+	RATE=$(cat /sys/class/power_supply/*/voltage_now | head -1)
+	CAPACITY=$(cat /sys/class/power_supply/*/capacity | head -1)
+	STATE=$(cat /sys/class/power_supply/*/status | head -1)
+
+	if [[ "$CAPACITY" -le 5 && "$STATE" = "Discharging" ]]; then
+		if [ $warnedlow == 0 ]; then 
+			warnedlow=1
+			notify-send 'FREAKING PLUG IN THE CHARGER ALREADY' '!!111!!1!123!!!' -u critical -a 'eww'
+		fi
+	elif [[ "$CAPACITY" -le 10 && "$STATE" = "Discharging" ]]; then
+		if [ $warnedlow == 0 ]; then 
+			warnedlow=1
+			notify-send 'Battery verrry low' 'Hello?' -u critical -a 'eww'
+		fi
+	elif [[ "$CAPACITY" -le 20 && "$STATE" = "Discharging" ]]; then
+		if [ $warnedlow == 0 ]; then 
+			warnedlow=1
+			notify-send 'Battery low' 'Plug in your charger pweeeeaaase :>' -u critical -a 'eww'
+		fi
+	else
+	    warnedlow=0
+	fi
+
+	echo '{"quickicon": "'"$(chargestatus)"'", "percentage": '"$CAPACITY"', "status": "'"$(status)"'"}'
+	sleep 3
+done
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/bluetooth b/m3ww/.config/eww/scripts/bluetooth
new file mode 100755
index 000000000..112069540
--- /dev/null
+++ b/m3ww/.config/eww/scripts/bluetooth
@@ -0,0 +1,51 @@
+#!/usr/bin/env bash
+
+declare -A baticon=([10]="󰤾" [20]="󰤿" [30]="󰥀" [40]="󰥁" [50]="󰥂" [60]="󰥃" [70]="󰥄" [80]="󰥅" [90]="󰥆" [100]="󰥈")
+
+toggle() {
+  status=$(rfkill -J | jq -r '.rfkilldevices[] | select(.type == "bluetooth") | .soft' | head -1)
+
+  if [ "$status" = "unblocked" ]; then
+    rfkill block bluetooth
+  else
+    rfkill unblock bluetooth
+  fi
+}
+
+if [ "$1" = "toggle" ]; then
+  toggle
+else
+  while true; do
+    powered=$(bluetoothctl show | rg Powered | cut -f 2- -d ' ')
+    status=$(bluetoothctl info)
+    name=$(echo "$status" | rg Name | cut -f 2- -d ' ')
+    mac=$(echo "$status" | head -1 | awk '{print $2}' | tr ':' '_')
+
+    if [[ "$(echo "$status" | rg Percentage)" != "" ]]; then
+      battery=$(upower -i /org/freedesktop/UPower/devices/headset_dev_"$mac" | rg percentage | awk '{print $2}' | cut -f 1 -d '%')
+      batt_icon=${baticon[$battery]}
+    else
+      batt_icon=""
+    fi
+
+    if [ "$powered" = "yes" ]; then
+      if [ "$status" != "Missing device address argument" ]; then
+        text="$name"
+        icon=""
+        color="#89b4fa"
+      else
+        icon=""
+        text="Disconnected"
+        color="#45475a"
+      fi
+    else
+      icon=""
+      text="Bluetooth off"
+      color="#45475a"
+    fi
+
+    echo '{ "icon": "'"$icon"'", "batt_icon": "'"$batt_icon"'", "text": "'"$text"'", "color": "'"$color"'" }'
+
+    sleep 3
+  done
+fi
diff --git a/m3ww/.config/eww/scripts/brightness b/m3ww/.config/eww/scripts/brightness
new file mode 100755
index 000000000..1f79bec25
--- /dev/null
+++ b/m3ww/.config/eww/scripts/brightness
@@ -0,0 +1,59 @@
+#!/usr/bin/env bash
+cd ~/.config/eww 
+
+icons=("" "" "")
+XDG_CACHE_HOME="$HOME/.cache"
+date="$XDG_CACHE_HOME/eww/osd_brightness.date"
+lock=0
+
+showhide() {
+  # get dates
+  rundate=$(cat "$date")
+  currentdate=$(date +%s)
+
+  # handle showing
+  if [ "$rundate" = "$currentdate" ] && [ "$lock" -eq 0 ]; then
+    scripts/toggle-osd-bright.sh --open
+    lock=1
+  elif [ $((currentdate - rundate)) -ge 2 ] && [ "$lock" -eq 1 ]; then
+    scripts/toggle-osd-bright.sh --close > /dev/null
+    lock=0
+  fi
+}
+
+osd() {
+  if [ ! -f "$date" ]; then
+    mkdir -p "$XDG_CACHE_HOME/eww"
+  fi
+  date +%s > "$date"
+  # showhide
+}
+
+osd_handler() {
+  lock=0
+  rundate=0
+  if [ ! -f "$date" ]; then
+    mkdir -p "$XDG_CACHE_HOME/eww"
+    echo 0 > "$date"
+  fi
+
+  while true; do
+    showhide
+    sleep 0.1
+  done
+}
+
+if [ "$1" = "osd" ]; then
+  osd
+else
+  # initial
+  icon=${icons[$(awk -v n="$(light)" 'BEGIN{print int(n/34)}')]}
+  echo '{ "level": '"$(light)"', "icon": "'"$icon"'" }'
+
+  osd_handler &
+  udevadm monitor | rg --line-buffered "backlight" | while read -r _; do
+    icon="${icons[$(awk -v n="$(light)" 'BEGIN{print int(n/34)}')]}"
+
+    echo '{ "level": '"$(light)"', "icon": "'"$icon"'" }'
+  done
+fi
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/calendarlayout.cpp b/m3ww/.config/eww/scripts/calendarlayout.cpp
new file mode 100755
index 000000000..cb3100f11
--- /dev/null
+++ b/m3ww/.config/eww/scripts/calendarlayout.cpp
@@ -0,0 +1,138 @@
+#include <chrono>
+#include <ctime>
+#include <iostream>
+#include <string>
+using namespace std;
+
+int year, month, day, weekday, weekdayOfMonthFirst;
+bool leapYear;
+int daysInMonth, daysInLastMonth, daysInNextMonth;
+bool highlight = true;
+
+int calendar[6][7];
+int today[6][7];
+
+void getTime() {
+    // Time
+    time_t now = time(0);
+    tm* ltm = localtime(&now);
+    // To vars
+    year = 1900 + ltm->tm_year;
+    month = 1 + ltm->tm_mon;
+    day = ltm->tm_mday;
+    weekday = ltm->tm_wday - 1;
+    weekdayOfMonthFirst = (weekday + 35 - (day - 1)) % 7;
+    // cout << weekday << ", " << day << '/' << month << '/' << year << '\n';
+}
+
+void setTime(int wd, int d, int m, int y) {
+    wd--;
+    highlight = false;
+    year = y;
+    month = m;
+    day = d;
+    weekday = wd;
+    weekdayOfMonthFirst = (weekday + 35 - (day - 1)) % 7;
+    // cout << weekday << ", " << day << '/' << month << '/' << year << '\n';
+}
+
+void checkLeapYear() {
+    if (year % 400 == 0 || (year % 4 == 0 && year % 100 != 0))
+        leapYear = true;
+    else
+        leapYear = false;
+}
+
+void getMonthDays() {
+    // Days in this month
+    if ((month <= 7 && month % 2 == 1) || (month >= 8 && month % 2 == 0))
+        daysInMonth = 31;
+    else if (month == 2 && leapYear)
+        daysInMonth = 29;
+    else if (month == 2 && !leapYear)
+        daysInMonth = 28;
+    else
+        daysInMonth = 30;
+    // Days in next month
+    if (month == 1 && leapYear)
+        daysInNextMonth = 29;
+    else if (month == 1 && !leapYear)
+        daysInNextMonth = 28;
+    else if ((month <= 7 && month % 2 == 1) || (month >= 8 && month % 2 == 0))
+        daysInNextMonth = 30;
+    else
+        daysInNextMonth = 31;
+    // Days in last month
+    if (month == 3 && leapYear)
+        daysInLastMonth = 29;
+    else if (month == 3 && !leapYear)
+        daysInLastMonth = 28;
+    else if ((month <= 7 && month % 2 == 1) || (month >= 8 && month % 2 == 0))
+        daysInLastMonth = 30;
+    else
+        daysInLastMonth = 31;
+}
+
+void calcCalendar() {
+    int monthDiff = (weekdayOfMonthFirst == 0 ? 0 : -1);
+    int dim = daysInLastMonth;
+    int i = 0, j = 0;
+    int toFill = (weekdayOfMonthFirst == 0
+                      ? 1
+                      : (daysInLastMonth - (weekdayOfMonthFirst - 1)));
+
+    while (i < 6 && j < 7) {
+        // Fill it
+        calendar[i][j] = toFill;
+        if (toFill == day && monthDiff == 0 && highlight)
+            today[i][j] = 1;
+        else if (monthDiff == 0)
+            today[i][j] = 0;
+        else
+            today[i][j] = -1;
+        // Next day
+        toFill++;
+        if (toFill > dim) {
+            monthDiff++;
+            if (monthDiff == 0)
+                dim = daysInMonth;
+            else if (monthDiff == 1)
+                dim = daysInNextMonth;
+            toFill = 1;
+        }
+        // Next tile
+        j++;
+        if (j == 7) {
+            j = 0;
+            i++;
+        }
+    }
+}
+
+void printCalendar() {
+    cout << '[';
+    for (int i = 0; i < 6; i++) {
+        cout << '[';
+        for (int j = 0; j < 7; j++) {
+            cout << "{\"day\":" << calendar[i][j]
+                 << ",\"today\":" << today[i][j] << "}";
+            if (j < 7 - 1) cout << ',';
+        }
+        cout << ']';
+        if (i < 6 - 1) cout << ',';
+    }
+    cout << ']';
+}
+
+int main(int argc, char* argv[]) {
+    if (argc == 1)
+        getTime();
+    else if(argc == 5)
+        setTime(stoi(argv[1]), stoi(argv[2]), stoi(argv[3]), stoi(argv[4]));
+    else 
+        cout << " - Run \"calendarlayout\" to get calendar for today\n - Run\"calendarlayout <weekday> <day> <month> <year>\" to get calendar of the day specified";
+    checkLeapYear();
+    getMonthDays();
+    calcCalendar();
+    printCalendar();
+}
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/cavajson.cpp b/m3ww/.config/eww/scripts/cavajson.cpp
new file mode 100755
index 000000000..2ff125d95
--- /dev/null
+++ b/m3ww/.config/eww/scripts/cavajson.cpp
@@ -0,0 +1,42 @@
+#include <boost/iostreams/device/file_descriptor.hpp>
+#include <boost/iostreams/stream.hpp>
+#include <cstdio>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+
+void cavaToJson(std::string& s) {
+    int cnt = 0;
+    std::string newStr = "[";
+    for (int i = 0; i < s.size(); i++) {
+        if (s[i] == ';') {
+            s[i] = ',';
+            newStr += std::string(',' + std::to_string(cnt++) + "],[");
+        } else {
+            newStr.push_back(s[i]);
+        }
+    }
+    newStr.pop_back();
+    newStr.pop_back();
+    s = newStr;
+}
+
+int main() {
+    std::unique_ptr<FILE, decltype(&pclose)> pipe(
+        popen("cava -p ~/.config/eww/scripts/custom_configs/cava", "r"),
+        pclose);
+    if (!pipe) {
+        throw std::runtime_error("popen() failed!");
+    }
+    boost::iostreams::file_descriptor_source fd(
+        fileno(pipe.get()), boost::iostreams::never_close_handle);
+    boost::iostreams::stream<boost::iostreams::file_descriptor_source> is(fd);
+    std::string line;
+    while (std::getline(is, line)) {
+        cavaToJson(line);
+        std::cout << '[' << line << ']'
+                  << std::endl;  // print the output line by line
+    }
+    return 0;
+}
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/colorgen b/m3ww/.config/eww/scripts/colorgen
new file mode 100755
index 000000000..ece9c21e5
--- /dev/null
+++ b/m3ww/.config/eww/scripts/colorgen
@@ -0,0 +1,89 @@
+#!/usr/bin/bash
+cd ~/.config/eww || exit
+
+OPACITY=0.75
+
+IMGPATH=$1
+coverurl=$2
+
+coverpath=$(echo "$IMGPATH" | sed 's/"//g')
+# Generate colors
+wal -c
+lightdark=$(cat scripts/workdir/__mode_light_dark.txt)
+wal -i "$IMGPATH" -n -t -s -e $lightdark -q
+
+themejson=$(cat ~/.cache/wal/colors.json | gojq -c -M)
+themejson="${themejson::-1}"
+themejson="$themejson"',"source":"'"$3"'"}'
+# echo "$themejson"
+
+maincol="$(printf "$themejson" | gojq -c -M -r '.colors.color4')"
+generated_material=$(scripts/material_colors.py --color "$maincol" "$lightdark")
+echo "$generated_material" > scripts/cache/_material.colorpallete &
+cp scripts/cache/_material.colorpallete ~/.config/ags/scss/_material.scss
+onPrimaryContainer=$(echo "$generated_material" | grep '$onPrimaryContainer: ' | sed 's/$onPrimaryContainer: //g' | sed 's/;//g')
+primaryContainer=$(echo "$generated_material" | grep '$primaryContainer: ' | sed 's/$primaryContainer: //g' | sed 's/;//g')
+onSecondaryContainer=$(echo "$generated_material" | grep '$onSecondaryContainer: ' | sed 's/$onSecondaryContainer: //g' | sed 's/;//g')
+secondaryContainer=$(echo "$generated_material" | grep '$secondaryContainer: ' | sed 's/$secondaryContainer: //g' | sed 's/;//g')
+tertiary=$(echo "$generated_material" | grep '$tertiary: ' | sed 's/$tertiary: //g' | sed 's/;//g')
+onPrimary=$(echo "$generated_material" | grep '$onPrimary: ' | sed 's/$onPrimary: //g' | sed 's/;//g')
+primary=$(echo "$generated_material" | grep '$primary: ' | sed 's/$primary: //g' | sed 's/;//g')
+
+printf '{"image": "'$coverpath'", "color": '"$themejson"', "materialcolor": {"onPrimaryContainer": "'"$onPrimaryContainer"'", "primaryContainer": "'"$primaryContainer"'", "onPrimary": "'"$onPrimary"'", "primary": "'"$primary"'", "secondaryContainer": "'"$secondaryContainer"'", "onSecondaryContainer": "'"$onSecondaryContainer"'"}}\n'
+
+# Get color in rgb
+colorsreg=$(cat ~/.cache/wal/colors-putty.reg)
+rgb_bg=$(echo $colorsreg | tr ' ' '\n' | grep 'Colour3')
+rgb_bg="${rgb_bg#*=}"
+rgb_bg="${rgb_bg#*\"}"
+rgb_bg="${rgb_bg::-1}"
+rgb_bg='rgba('"$rgb_bg"','"$OPACITY"')'
+# echo $rgb_bg
+
+# notify-send 'eww' 'i found a url!'
+
+# Write to scss
+echo '//Auto generated color theme for image at:' "$coverurl" > './scripts/cache/_colorscheme.colorpallete'
+printf '$colorbarbg: ' >> './scripts/cache/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.special.background' | tr '\n' ';' >> './scripts/cache/_colorscheme.colorpallete'
+echo '' >> './scripts/cache/_colorscheme.colorpallete'
+printf '$colorbg: ' >> './scripts/cache/_colorscheme.colorpallete'
+printf "$rgb_bg"';' >> './scripts/cache/_colorscheme.colorpallete'
+echo '' >> './scripts/cache/_colorscheme.colorpallete'
+printf '$colortext: ' >> './scripts/cache/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.special.foreground' | tr '\n' ';' >> './scripts/cache/_colorscheme.colorpallete'
+echo '' >> './scripts/cache/_colorscheme.colorpallete'
+printf '$color0: ' >> './scripts/cache/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color1' | tr '\n' ';' >> './scripts/cache/_colorscheme.colorpallete'
+echo '' >> './scripts/cache/_colorscheme.colorpallete'
+printf '$color1: ' >> './scripts/cache/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color2' | tr '\n' ';' >> './scripts/cache/_colorscheme.colorpallete'
+echo '' >> './scripts/cache/_colorscheme.colorpallete'
+printf '$color2: ' >> './scripts/cache/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color3' | tr '\n' ';' >> './scripts/cache/_colorscheme.colorpallete'
+echo '' >> './scripts/cache/_colorscheme.colorpallete'
+printf '$color3: ' >> './scripts/cache/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color4' | tr '\n' ';' >> './scripts/cache/_colorscheme.colorpallete'
+echo '' >> './scripts/cache/_colorscheme.colorpallete'
+printf '$color4: ' >> './scripts/cache/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color5' | tr '\n' ';' >> './scripts/cache/_colorscheme.colorpallete'
+echo '' >> './scripts/cache/_colorscheme.colorpallete'
+printf '$color5: ' >> './scripts/cache/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color6' | tr '\n' ';' >> './scripts/cache/_colorscheme.colorpallete'
+echo '' >> './scripts/cache/_colorscheme.colorpallete'
+printf '$color6: ' >> './scripts/cache/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color7' | tr '\n' ';' >> './scripts/cache/_colorscheme.colorpallete'
+echo '' >> './scripts/cache/_colorscheme.colorpallete'
+printf '$color7: ' >> './scripts/cache/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color4' | tr '\n' ';' >> './scripts/cache/_colorscheme.colorpallete'
+echo '' >> './scripts/cache/_colorscheme.colorpallete'
+
+# Write hyprland color config
+echo '# Auto generated color theme for image at:' "$coverurl" > './scripts/cache/colors_generated.conf'
+echo 'general {' >> './scripts/cache/colors_generated.conf'
+echo '    col.active_border = rgba('"${primary#*#}FF"') 45deg' >> './scripts/cache/colors_generated.conf'
+echo '    col.inactive_border = rgba(555555AA)' >> './scripts/cache/colors_generated.conf'
+echo '}' >> './scripts/cache/colors_generated.conf'
+
+# Print json to stdout
+cp "$HOME/.cache/wal/colors.json" 'scripts/cache/_iconcolor.txt'
diff --git a/m3ww/.config/eww/scripts/colormanage b/m3ww/.config/eww/scripts/colormanage
new file mode 100755
index 000000000..ff1329de9
--- /dev/null
+++ b/m3ww/.config/eww/scripts/colormanage
@@ -0,0 +1,40 @@
+#!/usr/bin/bash
+
+cd ~/.config/eww/ || exit
+
+if [ $1 == "get" ]; then
+  hyprctl keyword misc:disable_autoreload true
+  cp 'scripts/cache/_iconcolor.txt' './css/_iconcolor.txt'
+  cp 'scripts/cache/_colorscheme.colorpallete' './css/_colorscheme.scss'
+  cp 'scripts/cache/_material.colorpallete' './css/_material.scss'
+  cp 'scripts/cache/colors_generated.conf' ~/.config/hypr/colors.conf
+  applycolor=$(cat './css/_iconcolor.txt' | head -1)
+  scripts/applycolor "$applycolor"
+elif [ $1 == "default" ]; then
+  hyprctl keyword misc:disable_autoreload true
+  cp './css/_iconcolor_default.txt' './css/_iconcolor.txt'
+  cp css/_colorscheme_default.scss css/_colorscheme.scss
+  cp css/_material_default.scss css/_material.scss
+  cp ~/.config/hypr/colors_default.conf ~/.config/hypr/colors.conf
+  applycolor=$(cat css/_iconcolor.txt | head -1)
+  scripts/applycolor "$applycolor"
+elif [ $1 == "save" ]; then
+  eww close themer 
+  eww update themer_open=false 
+  cp "css/_iconcolor.txt" "css/savedcolors/_iconcolor_$2.txt" 
+  cp "css/_colorscheme.scss" "css/savedcolors/_colorscheme_$2.scss" 
+  cp "css/_material.scss" "css/savedcolors/_material_$2.scss" 
+  cp ~/.config/hypr/colors.conf ~/.config/hypr/savedcolors/colors_$2.conf
+elif [ $1 == "load" ]; then
+  hyprctl keyword misc:disable_autoreload true
+  eww close themer 
+  eww update themer_open=false 
+  cp "css/savedcolors/_iconcolor_$2.txt" "css/_iconcolor.txt"
+  cp "css/savedcolors/_colorscheme_$2.scss"  "css/_colorscheme.scss"
+  cp "css/savedcolors/_material_$2.scss"  "css/_material.scss"
+  cp ~/.config/hypr/savedcolors/colors_$2.conf ~/.config/hypr/colors.conf
+  applycolor=$(cat css/_iconcolor.txt | head -1)
+  scripts/applycolor "$applycolor"
+fi
+
+hyprctl reload
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/custom_configs/cava b/m3ww/.config/eww/scripts/custom_configs/cava
new file mode 100755
index 000000000..9c15753bc
--- /dev/null
+++ b/m3ww/.config/eww/scripts/custom_configs/cava
@@ -0,0 +1,21 @@
+[general]
+
+mode = normal
+framerate = 60
+autosens = 1
+bars = 70
+
+[output]
+
+method = raw
+raw_target = /dev/stdout
+data_format = ascii
+
+[smoothing]
+monstercat = 1
+gravity = 1000000
+noise_reduction = 34
+
+[input]
+method = pulse
+source = auto
diff --git a/m3ww/.config/eww/scripts/custom_configs/waybar-tray-config/config b/m3ww/.config/eww/scripts/custom_configs/waybar-tray-config/config
new file mode 100755
index 000000000..4b7e7e3cc
--- /dev/null
+++ b/m3ww/.config/eww/scripts/custom_configs/waybar-tray-config/config
@@ -0,0 +1,78 @@
+{
+    "layer": "top",
+    "height": 30,
+    "position": "bottom",
+    "spacing": 0,
+    "exclusive": false,
+    "margin-bottom": 50,
+    "margin-right": 253,
+    "margin-left": 1556,
+    "fixed-center": false,
+
+    "modules-left": [
+        
+    ],
+    
+    "modules-center": [
+        "tray",
+    ],
+    
+    "modules-right": [
+    ],
+    
+    "custom/weather": {
+        "exec": "curl 'https://wttr.in/?format=1' | tr -d '+'",
+        "interval": 1800
+    },
+    
+    "custom/start": {
+        "format": "               ",
+        "on-click": "~/.config/eww/scripts/toggle-overview.sh"
+    },
+    
+    "wlr/taskbar": {
+        "format": "{icon}",
+        "icon-size": 24,
+        "tooltip-format": "{title}",
+        "on-click": "activate",
+        "on-click-middle": "close",
+    },
+    
+    "clock": {
+        "format": "   {:%I:%M %p%n%e/%m/%G}",
+        "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
+        "format-alt": "  {:%Y-%m-%d}"
+    },
+    
+    "tray": {
+        "spacing": 8
+    },
+    
+    "pulseaudio": {
+        "format": "{icon}",
+        "format-bluetooth": "{volume}%  {icon} {format_source}",
+        "format-bluetooth-muted": "  {icon} {format_source}",
+        "format-muted": "  {format_source}",
+        "format-source": "  {volume}",
+        "format-source-muted": "",
+        "format-icons": {
+            "headphone": "",
+            "hands-free": "",
+            "headset": "",
+            "phone": "",
+            "portable": "",
+            "car": "",
+            "default": ["", "", ""]
+        },
+        "tooltip-format": "{format_source}%",
+        "on-click": "easyeffects"
+    },
+    "network": {
+        "format-wifi": "",
+        "format-ethernet": "",
+        "tooltip-format": "{ifname} via {gwaddr} ",
+        "format-linked": "{ifname} (No IP) ",
+        "format-disconnected": "Disconnected ⚠",
+        "on-click": "alacritty -e nmtui"
+    },
+}
diff --git a/m3ww/.config/eww/scripts/custom_configs/waybar-tray-config/style.css b/m3ww/.config/eww/scripts/custom_configs/waybar-tray-config/style.css
new file mode 100755
index 000000000..2cdf04cf4
--- /dev/null
+++ b/m3ww/.config/eww/scripts/custom_configs/waybar-tray-config/style.css
@@ -0,0 +1,69 @@
+* {
+    color: #f3f9ff;
+    font-size: 11px;
+    font-family: 'Lexend';
+    font-weight: 500;
+}
+
+window#waybar {
+    background: transparent;
+}
+
+tooltip {
+    background: #141414;
+    border-radius: 4px;
+}
+
+#tray {
+    min-width: 20px;
+    min-height: 20px;
+    font-size: 20px;
+    font-weight: 200;
+    padding: 4px;
+    min-width: 100px;
+    min-height: 37px;
+    background: rgba(45, 46, 48, 1);
+    background-image: url('images/textures/acrylic.png');
+    border-radius: 9px;
+    border: 1px solid rgba(34, 35, 38, 0.5);
+    margin: 14px;
+    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.65);
+}
+
+#window,
+#pulseaudio,
+#network,
+#bluetooth {
+    font-size: 14px;
+    font-weight: 200;
+    padding: 4px;
+}
+
+#custom-weather {
+    padding-left: 12px;
+    font-size: 11px;
+}
+
+#custom-start {
+    background-image: url("./win.png");
+    background-size: 24px 24px;
+    background-position: center;
+    background-repeat: no-repeat;
+}
+
+#taskbar {
+    border-radius: 6px;
+    min-width: 45px;
+    min-height: 45px;
+    /* border-top: 1px solid rgba(64, 64, 64, 0.8); */
+}
+
+#tray,
+#pulseaudio {
+    padding-right: 12px;
+}
+
+#clock {
+    padding-left: 3px;
+    padding-right: 18px;
+}
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/dumptows.cpp b/m3ww/.config/eww/scripts/dumptows.cpp
new file mode 100755
index 000000000..6548af7b7
--- /dev/null
+++ b/m3ww/.config/eww/scripts/dumptows.cpp
@@ -0,0 +1,79 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+int workspace_a, workspace_b;
+string clients;
+json clientjson;
+vector<string> windows_a, windows_b;
+bool output = false;
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+void tryAddApp(const json& client) {
+    if (int(client["workspace"]["id"]) == workspace_a)
+        windows_a.push_back(client["address"]);
+    else if (int(client["workspace"]["id"]) == workspace_b)
+        windows_b.push_back(client["address"]);
+}
+
+void getApps() {
+    // Get clients
+    clients = exec("hyprctl clients -j | gojq -c -M");
+    clientjson = json::parse(clients);
+
+    // Access the values
+    for (json client : clientjson) {
+        tryAddApp(client);
+    }
+}
+
+void dumptoWorkspace() {
+    for (string address : windows_a) {
+        string cmd = "hyprctl dispatch movetoworkspacesilent " +
+                     to_string(workspace_b) + ",address:" + address;
+        if (output) cout << cmd << '\n';
+        exec(&cmd[0]);
+    }
+}
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+
+    if (argc < 3) {
+        cout << "Usage: dumptows [WORKSPACE_NUMBER_1] [WORKSPACE_NUMBER_2]"
+             << endl;
+        return 0;
+    }
+    if (argc == 4 && string(argv[3]) == "--output") output = true;
+
+    workspace_a = stoi(string(argv[1]));
+    workspace_b = stoi(string(argv[2]));
+    if (workspace_a <= 0 || workspace_b <= 0 || workspace_a == workspace_b) {
+        cout << "Nahhh that's stupid" << endl;
+        return 0;
+    }
+
+    getApps();
+    dumptoWorkspace();
+}
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/editmode.sh b/m3ww/.config/eww/scripts/editmode.sh
new file mode 100755
index 000000000..c14b92876
--- /dev/null
+++ b/m3ww/.config/eww/scripts/editmode.sh
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+if [ "$1" == "enable" ]; then
+    hyprctl keyword bindm ,mouse:273,resizewindow
+    hyprctl keyword bindm ,mouse:274,movewindow
+    hyprctl keyword bind ,mouse_up,workspace,+1
+    hyprctl keyword bind ,mouse_down,workspace,-1
+    eww update editing=true
+elif [ "$1" == "disable" ]; then 
+    hyprctl keyword unbind ,mouse:273
+    hyprctl keyword unbind ,mouse:274
+    hyprctl keyword unbind ,mouse_up
+    hyprctl keyword unbind ,mouse_down
+    eww update editing=false
+fi
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/focuswindow b/m3ww/.config/eww/scripts/focuswindow
new file mode 100755
index 000000000..9cc77c6bf
--- /dev/null
+++ b/m3ww/.config/eww/scripts/focuswindow
@@ -0,0 +1,6 @@
+#!/usr/bin/bash
+if [[ $1 == '_none' ]]; then
+  hyprctl dispatch workspace $2
+else 
+  hyprctl dispatch focuswindow address:$1
+fi
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/get_open_icons b/m3ww/.config/eww/scripts/get_open_icons
new file mode 100755
index 000000000..d7d73383e
--- /dev/null
+++ b/m3ww/.config/eww/scripts/get_open_icons
@@ -0,0 +1,77 @@
+#!/usr/bin/bash
+
+cd ~/.config/eww
+
+getwins() {
+  hyprctlclients=$(hyprctl clients -j \
+    | grep -v '"mapped": ' \
+    | grep -v '"hidden": ' \
+    | grep -v '"floating": ' \
+    | grep -v '"monitor": ' \
+    | grep -v '"pid": ' \
+    | grep -v '"xwayland": ' \
+    | grep -v '"pinned":' \
+    | grep -v '"fullscreen": ' \
+    | grep -v '"fullscreenMode": ' \
+    | grep -v '"fakeFullscreen": ' \
+    | grep -v '"grouped": ')
+
+  # echo $hyprctlclients | gojq -c '.[]'
+
+  IFS=$'\n'
+  clientsarr=( $(echo $hyprctlclients | gojq -c -M '.[]') )
+
+  #For every window
+  for client in "${clientsarr[@]}"; do
+    iconpath=''
+    clientclass=$(echo "$client" | gojq -r '.class')
+    if [[ "$clientclass" == "" ]]; then 
+      continue
+    fi
+
+    # Get app icon
+    if [ -f "scripts/cache/$clientclass" ]; then
+        iconpath=$(cat scripts/cache/$clientclass)
+        if [ ! -f "${iconpath}" ]; then # Cache refresh if icon doesnt exist
+            iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$clientclass" | head -n 1)
+            echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+    else
+        iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$clientclass" | head -n 1)
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+    fi
+    if [[ ${iconpath} == "" ]]; then
+      # Retry with lowercase if icon not found
+      iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") $(echo "$clientclass" | tr '[:upper:]' '[:lower:]' | sed 's/\ /-/g') | head -n 1)
+
+      if [[ ! ${iconpath} = "" ]]; then
+        rm "scripts/cache/$clientclass"
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+      else 
+        newname=$(scripts/iconpatch $clientclass)
+        iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$newname" | head -n 1)
+        if [[ ! ${iconpath} = "" ]]; then
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        else
+          # Fallback app icon, replace the path below to the fallback icon of your choice
+          # iconpath="/usr/share/icons/Win11-dark/mimes/48/application-x-executable.svg"
+          iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "application-x-executable" | head -n 1)
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+      fi
+    fi
+  done
+}
+
+# Do stuff here
+getwins
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    getwins
+  done
+fi
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/getfirstdayofmonth b/m3ww/.config/eww/scripts/getfirstdayofmonth
new file mode 100755
index 000000000..e75171fe4
--- /dev/null
+++ b/m3ww/.config/eww/scripts/getfirstdayofmonth
@@ -0,0 +1,39 @@
+#!/bin/bash
+# Thanks Bing!
+
+# Check if the argument is a valid number
+if [[ ! $1 =~ ^-?[0-9]+$ ]]; then
+  echo "Invalid argument: $1"
+  echo "Usage: getfirstdayofmonth [NUMBER]"
+  exit 1
+fi
+
+# Get the current month and year
+current_month=$(date +%m)
+current_year=$(date +%Y)
+
+# Add the argument to the current month and adjust the year if needed
+if [[ $1 -gt 0 ]]; then
+  next_month=$((current_month + $1))
+  next_year=$((current_year + ((next_month-1) / 12)))
+  next_month=$((current_month + ($1 % 12)))
+else
+  next_month=$((current_month + $1))
+  next_year=$((current_year + ((next_month-12) / 12)))
+  next_month=$((current_month + ($1 % 12)))
+fi
+
+if ((next_month > 12)); then
+  next_month=$((next_month % 12))
+elif ((next_month == 0)); then
+  next_month=12
+  # next_year=$((next_year - 1))
+elif ((next_month < 1)); then
+  next_month=$(( (next_month + 12) % 12 ))
+fi
+
+# Get the weekday name (%A), day number (%d), month name (%B) and year (%Y) of the first day of the next month
+first_day=$(date -d "$next_year-$next_month-01" '+%u %d %m %Y')
+
+# Print the result
+echo $first_day
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/hyprsettings b/m3ww/.config/eww/scripts/hyprsettings
new file mode 100755
index 000000000..8aa137858
--- /dev/null
+++ b/m3ww/.config/eww/scripts/hyprsettings
@@ -0,0 +1,55 @@
+#!/usr/bin/bash
+getoptions(){
+  rounding=$(hyprctl getoption decoration:rounding -j | gojq -r -c '.int')
+  gaps_in=$(hyprctl getoption general:gaps_in -j | gojq -r -c '.int')
+  gaps_out=$(hyprctl getoption general:gaps_out -j | gojq -r -c '.int')
+  border_size=$(hyprctl getoption general:border_size -j | gojq -r -c '.int')
+  force_no_accel=$(hyprctl getoption input:force_no_accel -j | gojq -r -c '.int')
+  input_sensitivity=$(hyprctl getoption input:sensitivity -j | gojq -r -c '.float')
+  touchpad_disable_while_typing=$(hyprctl getoption input:touchpad:disable_while_typing -j | gojq -r -c '.int')
+  touchpad_clickfinger_behavior=$(hyprctl getoption input:touchpad:clickfinger_behavior -j | gojq -r -c '.int')
+  blur=$(hyprctl getoption decoration:blur:enabled -j | gojq -r -c '.int')
+  blur_size=$(hyprctl getoption decoration:blur:size -j | gojq -r -c '.int')
+  blur_passes=$(hyprctl getoption decoration:blur:passes -j | gojq -r -c '.int')
+  blur_xray=$(hyprctl getoption decoration:blur:xray -j | gojq -r -c '.int')
+  nightlight=$(hyprctl getoption decoration:screen_shader -j | gojq -r -c '.str')
+  overlay=$(hyprctl getoption debug:overlay -j | gojq -r -c '.int')
+  damage_tracking=$(hyprctl getoption debug:damage_tracking -j | gojq -r -c '.int')
+  if [[ "$nightlight" == *"nothing.frag" || "$nightlight" == "[[EMPTY]]" || "$nightlight" == "" ]]; then
+    nightlight='false'
+  else
+    nightlight='true'
+  fi
+
+  echo -n '{'
+  echo -n "\"rounding\":$rounding,"
+  echo -n "\"gaps_in\":$gaps_in,"
+  echo -n "\"gaps_out\":$gaps_out,"
+  echo -n "\"border_size\":$border_size,"
+  echo -n "\"force_no_accel\":$force_no_accel,"
+  echo -n "\"input_sensitivity\":$input_sensitivity,"
+  echo -n "\"touchpad_disable_while_typing\":$touchpad_disable_while_typing,"
+  echo -n "\"touchpad_clickfinger_behavior\":$touchpad_clickfinger_behavior,"
+  echo -n "\"blur\":$blur,"
+  echo -n "\"blur_size\":$blur_size,"
+  echo -n "\"blur_passes\":$blur_passes,"
+  echo -n "\"blur_xray\":$blur_xray,"
+  echo -n "\"nightlight\":$nightlight,"
+  echo -n "\"overlay\":$overlay,"
+  echo -n "\"damage_tracking\":$damage_tracking,"
+
+  echo '"dummy":0}'
+}
+
+getoptions
+
+if [ "$1" == "--once" ]; then
+  exit 0
+elif [ "$1" == "tickle" ]; then
+  hyprctl keyword input:force_no_accel $(hyprctl getoption input:force_no_accel -j | gojq -r -c '.int')
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "activelayout>>" | while read -r line; do
+    # echo $line
+    getoptions
+  done
+fi
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/hyprtest b/m3ww/.config/eww/scripts/hyprtest
new file mode 100755
index 000000000..593c665f6
--- /dev/null
+++ b/m3ww/.config/eww/scripts/hyprtest
@@ -0,0 +1,10 @@
+#!/usr/bin/bash
+
+geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "firefox" | head -n 1
+
+socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | while read -r line; do
+  echo "$line"
+done
+
+
+
diff --git a/m3ww/.config/eww/scripts/iconpatch b/m3ww/.config/eww/scripts/iconpatch
new file mode 100755
index 000000000..542f4c164
--- /dev/null
+++ b/m3ww/.config/eww/scripts/iconpatch
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+appname=$1
+
+if [[ "$1" == "code-url-handler" ]];then
+  echo 'code'
+elif [[ "$1" == "gnome-tweaks" ]];then
+  echo 'org.gnome.tweaks'
+elif [[ "$1" == "org."* ]];then
+  appname="${appname#*.}"
+  appname="${appname#*.}"
+  echo $appname
+fi
+
diff --git a/m3ww/.config/eww/scripts/language.cpp b/m3ww/.config/eww/scripts/language.cpp
new file mode 100755
index 000000000..ce643cb50
--- /dev/null
+++ b/m3ww/.config/eww/scripts/language.cpp
@@ -0,0 +1,99 @@
+#include <unistd.h>
+
+#include <array>
+#include <chrono>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+#include <thread>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+
+#define SLEEP_SECONDS 5
+
+using namespace std;
+using json = nlohmann::json;
+
+string fileContents, currentLang;
+json languages;
+
+string readIfExists(const string& name) {
+    ifstream f(name.c_str());
+    stringstream buffer;
+    if (f) {                  // check if the file was opened successfully
+        buffer << f.rdbuf();  // read the whole file into a string stream
+        f.close();            // close the file when done
+    }
+    return buffer.str();  // return the string stream as a string
+}
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+void switchLang(const json& langJson) {
+    string cmd;
+    cmd = "ibus engine " + string(langJson["name_ibus"]);
+    exec(&cmd[0]);
+    cmd = "eww update lang_ibus='" + string(langJson.dump()) + "'";
+    exec(&cmd[0]);
+}
+
+void cycleLang() {
+    for (int i = 0; i < languages.size(); i++) {
+        json lang = languages[i];
+        if (string(lang["name_ibus"]) == currentLang) {
+            json toSwitchTo = languages[(i + 1) % int(languages.size())];
+            switchLang(toSwitchTo);
+        }
+    }
+}
+
+void getCurrentLang() {
+    for (json lang : languages) {
+        if (string(lang["name_ibus"]) == currentLang) {
+            cout << lang << '\n';
+            break;
+        }
+    }
+}
+
+int main(int argc, char* argv[]) {
+    // Change workdir
+    string workdir = string(getenv("HOME")) + "/.config/eww";
+    chdir(&workdir[0]);
+    // Get lang list, current lang
+    fileContents = readIfExists("json/langs.json");
+    languages = json::parse(fileContents);
+    currentLang = exec("ibus engine");
+    currentLang.pop_back();  // Remove trailing newline
+    // Cycle?
+    if (argc > 1 && string(argv[1]) == "--cycle") {
+        cycleLang();
+        return 0;
+    }
+    if (argc > 2 && string(argv[1]) == "--switch") {
+        switchLang(json::parse(string(argv[2])));
+        return 0;
+    }
+
+    cout << "{\"name\":\"English (United "
+            "States)\",\"name_abbr\":\"ENG\",\"name_ibus\":\"xkb:us::eng\"}\n";
+    while (true) {
+        getCurrentLang();
+        sleep(5);
+    }
+}
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/launchapp b/m3ww/.config/eww/scripts/launchapp
new file mode 100755
index 000000000..aaee03acf
--- /dev/null
+++ b/m3ww/.config/eww/scripts/launchapp
@@ -0,0 +1,50 @@
+#!/usr/bin/bash
+
+~/.config/eww/scripts/toggle-powerview.sh --close &
+
+if [[ "$1" == ">"* ]]; then
+    args=( $1 )
+    if [[ "${args[0]}" == ">music" ]]; then
+        scripts/colormanage get
+    elif [[ "${args[0]}" == ">load" ]]; then
+        scripts/colormanage load "${args[1]}"
+    elif [[ "${args[0]}" == ">save" ]]; then
+        scripts/colormanage save "${args[1]}"
+    elif [[ "${args[0]}" == ">swr" ]]; then # basic rice switching
+        ~/.local/bin/switchrice.sh "${args[1]}" "${args[2]}"
+    elif [[ "${args[0]}" == ">light" ]]; then
+        scripts/togglelight light
+    elif [[ "${args[0]}" == ">dark" ]]; then
+        scripts/togglelight dark
+    elif [[ "${args[0]}" == ">multi" ]]; then
+        echo -n 'multi' > 'scripts/workdir/__mode_colors.txt'
+    elif [[ "${args[0]}" == ">one" ]]; then
+        echo -n 'one' > 'scripts/workdir/__mode_colors.txt'
+    elif [[ "${args[0]}" == ">wall" ]]; then
+        scripts/colorgen 'images/wallpaper' '[Local wallpaper]' ''
+        scripts/colormanage get
+    elif [[ "${args[0]}" == ">img" ]]; then
+        scripts/switchwall
+    elif [[ "${args[0]}" == ">segs" ]]; then
+        eww update waifu="$(python3 scripts/waifu-get.py --segs ero)"
+    elif [[ "${args[0]}" == ">uwu" ]]; then
+        eww update waifu="$(python3 scripts/waifu-get.py)"
+    elif [[ "${args[0]}" == ">r" ]]; then
+        pkill eww && eww daemon && eww open bar && eww open bgdecor
+    elif [[ "${args[0]}" == ">todo" ]]; then
+        scripts/todo add "${1#*>todo }"
+        eww update todolist="$(cat json/todo.json | gojq -c -M)"
+    elif [[ "${args[0]}" == ">raw" ]]; then
+        hyprctl keyword input:force_no_accel $(( 1 - $(hyprctl getoption input:force_no_accel -j | gojq '.int') ))
+    else
+        # notify-send 'eww' 'Invalid command!'
+        false
+    fi
+else 
+    cd ~
+    app=$1
+    eval "${app%\%*}" &
+    pkill launchapp
+fi
+
+
diff --git a/m3ww/.config/eww/scripts/limitlen.py b/m3ww/.config/eww/scripts/limitlen.py
new file mode 100755
index 000000000..20ed07a8d
--- /dev/null
+++ b/m3ww/.config/eww/scripts/limitlen.py
@@ -0,0 +1,26 @@
+#!/bin/python3
+import sys
+
+def limit_length(s, newlength):
+    # Use len() function to get number of characters in s
+    char_count = 0
+    newstr = ''
+    # Use unicodedata.east_asian_width() function to check for double-width characters
+    import unicodedata
+    for c in s:
+        char_count += 1
+        if unicodedata.east_asian_width(c) == 'W':
+            char_count += 1
+        if char_count <= newlength:
+            newstr += c
+        else:
+            newstr = newstr + '...'
+            break
+    # Add double-width count to character count to get display length
+    return newstr
+
+original = sys.argv[1]
+newlen = int(sys.argv[2])
+newstr = limit_length(original, newlen)
+
+print(newstr)
diff --git a/m3ww/.config/eww/scripts/listentries.py b/m3ww/.config/eww/scripts/listentries.py
new file mode 100755
index 000000000..2e69e917b
--- /dev/null
+++ b/m3ww/.config/eww/scripts/listentries.py
@@ -0,0 +1,71 @@
+#!/usr/bin/python3
+
+import desktop_entry_lib
+import os
+import json
+import subprocess
+
+full_output = {}
+
+def read(target_file) -> None:
+    entry = desktop_entry_lib.DesktopEntry.from_file(target_file)
+
+    print("Name: " + str(entry.Name.default_text))
+    print("Comment: " + str(entry.Comment.default_text))
+    print("Exec: " + str(entry.Exec))
+
+
+def getProperties(target_file) -> None:
+    entry = desktop_entry_lib.DesktopEntry.from_file(target_file)
+
+    # iconcmd = "/usr/bin/geticons " + str(entry.Icon)
+    # iconcmd = "/usr/bin/geticons"
+    # iconpath = str(subprocess.check_output(str(iconcmd), shell=True))
+    dirs = target_file.split('/')
+    entryname = dirs[-1]
+
+    # return
+    props = {
+        "name": str(entry.Name.default_text),
+        # "icon": str(entry.Icon),
+        "exec": str('gtk-launch ' + entryname)
+    }
+    return props
+
+
+if __name__ == "__main__":
+    entryFile = open("scripts/cache/entries.txt", "w")
+    # Get files
+    entries = list(str(s) for s in os.listdir("/usr/share/applications"))
+    entries_flatpak = list(str(s) for s in os.listdir("/var/lib/flatpak/exports/share/applications"))
+    entries_local = list(str('../../.local/share/applications/' + s) for s in os.listdir("../../.local/share/applications/"))
+    
+    for app in entries:
+        alreadythere = False
+        for localized in entries_local:
+            if app in localized:
+                alreadythere = True
+
+        if not(alreadythere):
+            entries_local.append(str('/usr/share/applications/'+app))
+
+    for app in entries_flatpak:
+        alreadythere = False
+        for localized in entries_local:
+            if app in localized:
+                alreadythere = True
+
+        if not(alreadythere):
+            entries_local.append(str('/var/lib/flatpak/exports/share/applications/'+app))
+
+    # Get properties
+    for app in entries_local:
+        if app.find('.desktop') == -1: # Skip files that aren't desktop entries
+            continue
+        this_entry = getProperties(app)
+
+        full_output[this_entry['name']] = (this_entry)
+
+        # output=json.dumps(this_entry)
+        # print(output)
+    entryFile.write(json.dumps(full_output))
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/listentrynames.py b/m3ww/.config/eww/scripts/listentrynames.py
new file mode 100755
index 000000000..99ae84a22
--- /dev/null
+++ b/m3ww/.config/eww/scripts/listentrynames.py
@@ -0,0 +1,63 @@
+#!/usr/bin/python3
+
+import desktop_entry_lib
+import os
+import json
+# from fuzzysearch import find_near_matches
+
+def read(target_file) -> None:
+    entry = desktop_entry_lib.DesktopEntry.from_file(target_file)
+
+    print("Name: " + str(entry.Name.default_text))
+    print("Comment: " + str(entry.Comment.default_text))
+    print("Exec: " + str(entry.Exec))
+
+
+def getProperties(target_file) -> None:
+    entry = desktop_entry_lib.DesktopEntry.from_file(target_file)
+
+    # return
+    props = {
+        "name": str(entry.Name.default_text),
+        "comment": str(entry.Comment.default_text),
+        "exec": str(entry.Exec),
+        "icon": str(entry.Icon)
+    }
+    return props
+
+
+if __name__ == "__main__":
+    entryFile = open("scripts/cache/entrynames.txt", "w")
+    # Get files
+    entries = list(str(s) for s in os.listdir("/usr/share/applications"))
+    entries_flatpak = list(str(s) for s in os.listdir("/var/lib/flatpak/exports/share/applications"))
+    entries_local = list(str('../../.local/share/applications/' + s) for s in os.listdir("../../.local/share/applications/"))
+    
+    for app in entries:
+        alreadythere = False
+        for localized in entries_local:
+            if app in localized:
+                alreadythere = True
+
+        if not(alreadythere):
+            entries_local.append(str('/usr/share/applications/'+app))
+            
+    for app in entries_flatpak:
+        alreadythere = False
+        for localized in entries_local:
+            if app in localized:
+                alreadythere = True
+
+        if not(alreadythere):
+            entries_local.append(str('/var/lib/flatpak/exports/share/applications/'+app))
+
+    # Get properties
+    for app in entries_local:
+        if app.find('.desktop') == -1: # Skip files that aren't desktop entries
+            continue
+
+        thisEntry = getProperties(app)
+
+        entryFile.write(thisEntry['name'])
+        entryFile.write('\n')
+
diff --git a/m3ww/.config/eww/scripts/material_colors.py b/m3ww/.config/eww/scripts/material_colors.py
new file mode 100755
index 000000000..857a98ad6
--- /dev/null
+++ b/m3ww/.config/eww/scripts/material_colors.py
@@ -0,0 +1,88 @@
+#!/bin/python3
+from material_color_utilities_python import *
+from pathlib import Path
+import sys
+
+img = 0
+newtheme=0
+if len(sys.argv) > 1 and sys.argv[1] == '--path':
+    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)
+elif len(sys.argv) > 1 and sys.argv[1] == '--color':
+    colorstr = sys.argv[2]
+    newtheme = themeFromSourceColor(argbFromHex(colorstr))
+else:
+    img = Image.open(str(Path.home())+'/.config/eww/images/wallpaper')
+    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)
+
+colorscheme=0
+if("-l" in sys.argv):
+    colorscheme = newtheme.get('schemes').get('light')
+else:
+    colorscheme = newtheme.get('schemes').get('dark')
+
+primary = colorscheme.get_primary()
+onPrimary = colorscheme.get_onPrimary()
+primaryContainer = colorscheme.get_primaryContainer()
+onPrimaryContainer = colorscheme.get_onPrimaryContainer()
+secondary = colorscheme.get_secondary()
+onSecondary = colorscheme.get_onSecondary()
+secondaryContainer = colorscheme.get_secondaryContainer()
+onSecondaryContainer = colorscheme.get_onSecondaryContainer()
+tertiary = colorscheme.get_tertiary()
+onTertiary = colorscheme.get_onTertiary()
+tertiaryContainer = colorscheme.get_tertiaryContainer()
+onTertiaryContainer = colorscheme.get_onTertiaryContainer()
+error = colorscheme.get_error()
+onError = colorscheme.get_onError()
+errorContainer = colorscheme.get_errorContainer()
+onErrorContainer = colorscheme.get_onErrorContainer()
+background = colorscheme.get_background()
+onBackground = colorscheme.get_onBackground()
+surface = colorscheme.get_surface()
+onSurface = colorscheme.get_onSurface()
+surfaceVariant = colorscheme.get_surfaceVariant()
+onSurfaceVariant = colorscheme.get_onSurfaceVariant()
+outline = colorscheme.get_outline()
+shadow = colorscheme.get_shadow()
+inverseSurface = colorscheme.get_inverseSurface()
+inverseOnSurface = colorscheme.get_inverseOnSurface()
+inversePrimary = colorscheme.get_inversePrimary()
+
+
+print('$primary: ' + hexFromArgb(primary) + ';')
+print('$onPrimary: ' + hexFromArgb(onPrimary) + ';')
+print('$primaryContainer: ' + hexFromArgb(primaryContainer) + ';')
+print('$onPrimaryContainer: ' + hexFromArgb(onPrimaryContainer) + ';')
+print('$secondary: ' + hexFromArgb(secondary) + ';')
+print('$onSecondary: ' + hexFromArgb(onSecondary) + ';')
+print('$secondaryContainer: ' + hexFromArgb(secondaryContainer) + ';')
+print('$onSecondaryContainer: ' + hexFromArgb(onSecondaryContainer) + ';')
+print('$tertiary: ' + hexFromArgb(tertiary) + ';')
+print('$onTertiary: ' + hexFromArgb(onTertiary) + ';')
+print('$tertiaryContainer: ' + hexFromArgb(tertiaryContainer) + ';')
+print('$onTertiaryContainer: ' + hexFromArgb(onTertiaryContainer) + ';')
+print('$error: ' + hexFromArgb(error) + ';')
+print('$onError: ' + hexFromArgb(onError) + ';')
+print('$errorContainer: ' + hexFromArgb(errorContainer) + ';')
+print('$onErrorContainer: ' + hexFromArgb(onErrorContainer) + ';')
+print('$colorbarbg: ' + hexFromArgb(background) + ';')
+print('$background: ' + hexFromArgb(background) + ';')
+print('$onBackground: ' + hexFromArgb(onBackground) + ';')
+print('$surface: ' + hexFromArgb(surface) + ';')
+print('$onSurface: ' + hexFromArgb(onSurface) + ';')
+print('$surfaceVariant: ' + hexFromArgb(surfaceVariant) + ';')
+print('$onSurfaceVariant: ' + hexFromArgb(onSurfaceVariant) + ';')
+print('$outline: ' + hexFromArgb(outline) + ';')
+print('$shadow: ' + hexFromArgb(shadow) + ';')
+print('$inverseSurface: ' + hexFromArgb(inverseSurface) + ';')
+print('$inverseOnSurface: ' + hexFromArgb(inverseOnSurface) + ';')
+print('$inversePrimary: ' + hexFromArgb(inversePrimary) + ';')
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/memory b/m3ww/.config/eww/scripts/memory
new file mode 100755
index 000000000..cbff941fa
--- /dev/null
+++ b/m3ww/.config/eww/scripts/memory
@@ -0,0 +1,30 @@
+#!/usr/bin/env bash
+
+while true; do    
+  # human-readable
+  freeH=$(free -h --si | rg "Mem:")
+  swapfreeH=$(free -h --si | rg "Swap:")
+  # non-human-readable
+  freeN=$(free --mega | rg "Mem:")
+  swapfreeN=$(free --mega | rg "Swap:")
+
+  total="$(echo "$freeH" | awk '{ print $2 }')"
+  used="$(echo "$freeH" | awk '{ print $3 }')"
+  t="$(echo "$freeN" | awk '{ print $2 }')"
+  u="$(echo "$freeN" | awk '{ print $3 }')"
+
+  swaptotal="$(echo "$swapfreeH" | awk '{ print $2 }')"
+  swapused="$(echo "$swapfreeH" | awk '{ print $3 }')"
+  swapt="$(echo "$swapfreeN" | awk '{ print $2 }')"
+  swapu="$(echo "$swapfreeN" | awk '{ print $3 }')"
+
+  free=$(printf '%.1fG' "$(bc -l <<< "($t - $u) / 1000")")
+  perc=$(printf '%.1f' "$(free -m | rg Mem | awk '{print ($3/$2)*100}')")
+
+  swapfree=$(printf '%.1fG' "$(bc -l <<< "($swapt - $swapu) / 1000")")
+  swapperc=$(printf '%.1f' "$(free -m | rg Swap | awk '{print ($2!=0) ? ($3/$2)*100 : 0}')")
+
+  echo '{ "total": "'"$total"'", "used": "'"$used"'", "free": "'"$free"'", "swaptotal": "'"$swaptotal"'", "swapused": "'"$swapused"'", "swappercentage": '"$swapperc"', "swapfree": "'"$swapfree"'", "percentage": '"$perc"' }'
+
+  sleep 3
+done
diff --git a/m3ww/.config/eww/scripts/mousetrack.cpp b/m3ww/.config/eww/scripts/mousetrack.cpp
new file mode 100755
index 000000000..f8c5df702
--- /dev/null
+++ b/m3ww/.config/eww/scripts/mousetrack.cpp
@@ -0,0 +1,52 @@
+#include <boost/iostreams/device/file_descriptor.hpp>
+#include <boost/iostreams/stream.hpp>
+#include <cstdio>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+using namespace std;
+
+void cavaToJson(std::string& s) {
+    for(int i = 0; i < s.size(); i++){
+        if(s[i] == ';') s[i] = ',';
+    }
+    s.pop_back();
+}
+
+void cursorPosToJson(std::string& s) {
+    for(int i = 0; i < s.size(); i++){
+        if(s[i] == ';') s[i] = ',';
+    }
+    s.pop_back();
+}
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+int main()
+{
+    std::unique_ptr<FILE, decltype(&pclose)> pipe(popen("cava -p ~/.config/eww/scripts/custom_configs/cava", "r"), pclose);
+    if (!pipe) {
+        throw std::runtime_error("popen() failed!");
+    }
+    boost::iostreams::file_descriptor_source fd(fileno(pipe.get()), boost::iostreams::never_close_handle);
+    boost::iostreams::stream<boost::iostreams::file_descriptor_source> is(fd);
+    std::string line;
+    while (std::getline(is, line)) {
+        string st = exec("hyprctl cursorpos");
+        st.pop_back();
+        cout << '[' << st << ']' << endl;
+    }
+    return 0;
+}
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/music b/m3ww/.config/eww/scripts/music
new file mode 100755
index 000000000..109eac1d7
--- /dev/null
+++ b/m3ww/.config/eww/scripts/music
@@ -0,0 +1,175 @@
+#!/usr/bin/env bash
+
+get_status() {
+	s=$1
+	if [ "$s" = "Playing" ]; then
+		echo ""
+	else
+		echo ""
+	fi
+}
+
+get_length_sec() {
+	len=$1
+	if [ -z "$len" ]; then
+		echo 0
+	else
+		bc <<< "$len / 1000000"
+	fi
+}
+
+get_length_time() {
+	len=$1
+	if [ -n "$len" ]; then
+		len=$(bc <<< "$len / 1000000 + 1")
+		date -d@"$len" +%M:%S
+	else
+		echo ""
+	fi
+}
+
+get_position() {
+	pos=$1
+	len=$2
+	if [ -n "$pos" ]; then
+		bc -l <<< "$pos / $len * 100"
+	else
+		echo 0
+	fi
+}
+
+get_position_time() {
+	pos=$1
+	if [ -n "$pos" ]; then
+		date -d@"$(bc <<< "$pos / 1000000")" +%M:%S
+	else
+		echo ""
+	fi
+}
+
+get_cover() {
+	# COVER_URL=$1
+	mkdir -p "eww_covers"
+	cd "eww_covers" || exit
+
+	IMGPATH="cover_art"
+	# echo '{"image": "null", "color": {"alpha":"100","colors":{"color0":"null","color1":"null","color10":"null","color11":"null","color12":"null","color13":"null","color14":"null","color15":"null","color2":"null","color3":"null","color4":"null","color5":"null","color6":"null","color7":"null","color8":"null","color9":"null"},"special":{"background":"null","cursor":"null","foreground":"null"},"wallpaper":"~/.config/eww/eww_covers/cover_art","source":"󱛟"},"materialcolor":{"onPrimary":"null","onPrimaryContainer":"null","onSecondaryContainer":"null","primary":"null","primaryContainer":"null","secondaryContainer":"null"}}'
+	# echo '{"image": "eww_covers/cover_art_default","source":"󱛟"}}'
+
+	playerctl -F metadata mpris:artUrl 2>/dev/null | while read -r COVER_URL; do
+		music_source='󰐍'
+		COVER_URL=${COVER_URL//blob:/}
+		COVER_URL=${COVER_URL//file:\/\//}
+		COVER_URL=${COVER_URL//%20/ }
+		if [[ "$COVER_URL" = *"https"* ]]; then
+			music_source='󰖟'
+			coverurl="$(playerctl metadata mpris:artUrl)"
+			coverurl_highres_yt="${coverurl/hqdefault/maxresdefault}"
+			coverurl_highres_soundcloud="${coverurl/80x80/500x500}"
+			# SoundCloud
+			if [[ "$coverurl" == *"sndcdn"* ]]; then
+				music_source='󰓀'
+				curl --silent --output "$IMGPATH""_soundcloud" "$coverurl_highres_soundcloud" -q –read-timeout=0.1
+				cp "$IMGPATH""_soundcloud" "$IMGPATH"
+				imgsize=$(echo $(du -b ~/.config/eww/eww_covers/cover_art | tr '\t' '\n' | grep -v 'cover_art'))	
+			# Youtube
+			elif [[ "$coverurl" == *"ytimg"* ]]; then
+				music_source='󰗃'
+				curl --silent --output "$IMGPATH""_yt" "$coverurl_highres_yt" -q –read-timeout=0.1
+				cp "$IMGPATH""_yt" "$IMGPATH"
+				imgsize=$(echo $(du -b ~/.config/eww/eww_covers/cover_art | tr '\t' '\n' | grep -v 'cover_art'))
+			# Likely YT Music
+			elif [[ "$coverurl" == *"googleusercontent"* ]]; then
+				music_source=''
+				curl --silent --output "$IMGPATH""_other" "$coverurl" -q –read-timeout=0.1
+				cp "$IMGPATH""_other" "$IMGPATH"
+				imgsize=$(echo $(du -b ~/.config/eww/eww_covers/cover_art | tr '\t' '\n' | grep -v 'cover_art'))
+			elif [[ "$coverurl" == *"spotify"* ]]; then
+				music_source='󰓇'
+				curl --silent --output "$IMGPATH""_other" "$coverurl" -q –read-timeout=0.1
+				cp "$IMGPATH""_other" "$IMGPATH"
+				imgsize=$(echo $(du -b ~/.config/eww/eww_covers/cover_art | tr '\t' '\n' | grep -v 'cover_art'))
+			# Any other
+			else
+				curl --silent --output "$IMGPATH""_other" "$coverurl" -q –read-timeout=0.1
+				cp "$IMGPATH""_other" "$IMGPATH"
+				imgsize=$(echo $(du -b ~/.config/eww/eww_covers/cover_art | tr '\t' '\n' | grep -v 'cover_art'))
+			fi
+			# Fallback
+			if [ "$imgsize" == "0" ] || [ ! "$(diff ~/.config/eww/eww_covers/cover_art ~/.config/eww/eww_covers/cover_art_error)" ]; then
+				curl --silent --output "$IMGPATH""_lowres" "$coverurl" -q –read-timeout=0.1
+				cp "$IMGPATH""_lowres" "$IMGPATH"
+			fi
+
+			#Generate colors
+			cd ..
+			scripts/colorgen 'eww_covers/'$IMGPATH $coverurl "$music_source"
+			cd "eww_covers"
+		elif [ "$COVER_URL" = "" ]; then
+		    echo '{"image": "", "color": "$bg"}'
+		else
+			music_source='󱛟'
+			cp "$COVER_URL"  "$IMGPATH"
+			
+			cd ..
+			scripts/colorgen '"eww_covers/'$IMGPATH'"' $coverurl "$music_source"
+			cd "eww_covers"
+		fi
+	done
+}
+
+# SANITIZE FIX
+sanitize() {
+	echo "$1" | sed 's/"/\"/g'
+}
+
+if [ "$1" = "cover" ]; then
+	get_cover
+elif [ "$1" == "name" ]; then
+	lentolimit=41
+    if [ "$2" != "" ]; then
+		lentolimit=$2
+	fi
+	# echo '{"artist": "", "title": ""}'
+	playerctl -F metadata -f '{{title}}\{{artist}}\' 2>/dev/null | while IFS="$(printf '\\')" read -r title artist; do
+	
+		if [[ "$title" == *" - YouTube"* && "$artist" == "" ]]; then
+			continue
+		elif [[ "$title" == *"YouTube Music" && "$artist" == "" ]]; then
+			continue
+		fi
+		# title=$(echo "$title" | cut -d '-' -f2)
+		title=$(scripts/limitlen.py "$title" "$lentolimit")
+		artist=$(scripts/limitlen.py "$artist" "$lentolimit")
+		
+		gojq --null-input -r -c \
+			--arg artist "$(sanitize "$artist")" \
+			--arg title "$(sanitize "$title")" \
+			'{"artist": $artist, "title": $title}'
+		
+	done
+else
+	# echo '{"artist": "", "title": "", "status": "", "position": "", "position_time": "", "length": ""}'
+	playerctl -F metadata -f '{{title}}\{{artist}}\{{status}}\{{position}}\' 2>/dev/null | while IFS="$(printf '\\')" read -r title artist status position; do
+	
+		if [[ "$title" == *" - YouTube" && "$artist" == "" ]]; then
+			continue
+		elif [[ "$title" == *"YouTube Music" && "$artist" == "" ]]; then
+			continue
+		fi
+		len=$(playerctl metadata mpris:length)
+		# title=$(echo "$title" | cut -d '-' -f2)
+		title=$(scripts/limitlen.py "$title" 40)
+		artist=$(scripts/limitlen.py "$artist" 40)
+
+		gojq --null-input -r -c \
+			--arg artist "$(sanitize "$artist")" \
+			--arg title "$(sanitize "$title")" \
+			--arg status "$(get_status "$status")" \
+			--arg pos "$(get_position "$position" "$len")" \
+			--arg pos_time "$(get_position_time "$position")" \
+			--arg length "$(get_length_time "$len")" \
+			'{"artist": $artist, "title": $title, "status": $status, "position": $pos, "position_time": $pos_time, "length": $length}'
+		
+	done
+fi
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/net b/m3ww/.config/eww/scripts/net
new file mode 100755
index 000000000..165d54dc3
--- /dev/null
+++ b/m3ww/.config/eww/scripts/net
@@ -0,0 +1,40 @@
+#!/usr/bin/env bash
+
+toggle() {
+  status=$(rfkill -J | gojq -r '.rfkilldevices[] | select(.type == "wlan") | .soft' | head -1)
+
+  if [ "$status" = "unblocked" ]; then
+    rfkill block wlan
+  else
+    rfkill unblock wlan
+  fi
+}
+
+if [ "$1" = "toggle" ]; then
+  toggle
+else
+  while true; do
+    status=$(nmcli g | tail -n 1 | awk '{print $1}')
+    signal=$(nmcli -f in-use,signal dev wifi | rg "\*" | awk '{ print $2 }')
+    essid=$(nmcli -t -f NAME connection show --active | head -n1 | sed 's/\"/\\"/g')
+
+    icons=("" "" "" "" "")
+
+    if [ "$status" = "disconnected" ] ; then
+      icon=""
+      color="#988ba2"
+    else
+      level=$(awk -v n="$signal" 'BEGIN{print int((n-1)/20)}')
+      if [ "$level" -gt 4 ]; then
+        level=4
+      fi
+
+      icon=${icons[$level]}
+      color="#cba6f7"
+    fi
+
+    echo '{ "essid": "'"$essid"'", "icon": "'"$icon"'", "color": "'"$color"'", "level": "'"$level"'" }'
+
+    sleep 4
+  done
+fi
diff --git a/m3ww/.config/eww/scripts/notifget.cpp b/m3ww/.config/eww/scripts/notifget.cpp
new file mode 100755
index 000000000..1e6a14c02
--- /dev/null
+++ b/m3ww/.config/eww/scripts/notifget.cpp
@@ -0,0 +1,98 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+string dunstOutput;
+json allNotifs, notifApps;
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+// Function to check if file exists, if yes read it
+string readIfExists(const string& name) {
+    ifstream f(name.c_str());
+    stringstream buffer;
+    if (f) {                  // check if the file was opened successfully
+        buffer << f.rdbuf();  // read the whole file into a string stream
+        f.close();            // close the file when done
+    }
+    return buffer.str();  // return the string stream as a string
+}
+
+void writeToFile(const string& name, const string& content) {
+    ofstream f(name.c_str(), ios::app);  // open the file in append mode
+    if (f) {                   // check if the file was opened successfully
+        f << content << "\n";  // write the content to the file
+        f.close();             // close the file when done
+    } else {
+        cerr << "Error: could not open " << name
+             << "\n";  // print an error message to the standard error
+    }
+}
+
+inline void getDunstNotifs() {
+    dunstOutput = exec("dunstctl history | gojq -c -M");
+    allNotifs = json::parse(dunstOutput)["data"][0];
+}
+
+void addNotif(const json& newNotification) {
+    notifApps["count"] = int(notifApps["count"]) + 1;
+    bool found = false;
+    for (json& existingApp : notifApps["data"]) {
+        auto it = existingApp.find("name");
+        if (it != existingApp.end() &&
+            *it == newNotification["appname"]["data"]) {
+            found = true;
+            existingApp["count"] = int(existingApp["count"]) + 1;
+            existingApp["content"].push_back(
+                json::array({newNotification["summary"]["data"],
+                             newNotification["body"]["data"]}));
+            break;
+        }
+    }
+    // Not found? A new app it is
+    if (!found) {
+        json newApp = R"({"name": "", "count": 1, "content": []})"_json;
+        newApp["name"] = string(newNotification["appname"]["data"]);
+        newApp["content"].push_back(
+            json::array({newNotification["summary"]["data"],
+                         newNotification["body"]["data"]}));
+
+        notifApps["data"].push_back(newApp);
+    }
+}
+
+inline void groupNotifs() {
+    for (json notification : allNotifs) {
+        addNotif(notification);
+    }
+}
+
+int main() {
+    // ios::sync_with_stdio(false);
+    notifApps["data"] = json::array();
+    notifApps["count"] = 0;
+
+    getDunstNotifs();
+    groupNotifs();
+    cout << notifApps << '\n';
+}
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/notification-on-receive.sh b/m3ww/.config/eww/scripts/notification-on-receive.sh
new file mode 100755
index 000000000..fb925fe77
--- /dev/null
+++ b/m3ww/.config/eww/scripts/notification-on-receive.sh
@@ -0,0 +1,10 @@
+#!/usr/bin/bash
+
+# eww update dynamicright_module_page=2
+# eww update flash_notif=true
+# sleep 4
+# eww update dynamicright_module_page=1
+# eww update flash_notif=false
+
+scripts/toggle-notificationspopup.sh --open
+eww update notification_revcnt=$(eww get notifications | gojq 'length')
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/notifications b/m3ww/.config/eww/scripts/notifications
new file mode 100755
index 000000000..cea3b5c76
--- /dev/null
+++ b/m3ww/.config/eww/scripts/notifications
@@ -0,0 +1,91 @@
+#!/usr/bin/env bash
+
+tmp=scripts/cache/dunst-history.json
+lock="scripts/cache/dunst-toggle.lock"
+lockinfo="scripts/cache/dunst-lock-info"
+
+touch $lockinfo
+
+declare ids
+export toggle_icon=""
+
+sanitize() {
+  retstr=$(echo $1 | sed 's/\\\\/\\\\\\\\/g' | sed 's/"/\\"/g')
+
+  # echo "original: $1"
+  echo "$retstr"
+  # echo 'sanitized'
+}
+
+get_ids() {
+  mapfile -t ids < <(dunstctl history | gojq -r ".data[] | .[] | select(.appname.data != \"Spotify\") | .id.data")
+}
+
+get_notif() {
+  echo -n '['
+
+  for id in "${ids[@]}"; do
+      mapfile -t n < <(gojq -r ".data[] | .[] | select(.id.data == $id) | .appname.data, .summary.data, .body.data" "$tmp" | sed -r '/^\s*$/d' | sed -e 's/\%/ percent/g')
+      ohkay=$(sanitize "${n[1]}")
+      # echo $ohkay
+      echo -n ''$([ $id -eq ${ids[0]} ] || echo ,)' { '
+      echo -n '"id": "'"$id"'", "appname": "'"${n[0]}"'", "summary": "'"$ohkay"'", "body": "'"${n[2]}"'"'
+      echo -n '}' 
+  done
+
+  echo ']'
+}
+
+toggle() {
+  dunstctl set-paused toggle
+
+  if [ ! -f "$lock" ]; then
+    export toggle_icon=""
+    touch "$lock"
+  else
+    export toggle_icon=""
+    rm "$lock"
+  fi
+
+  echo "icon_change" > $lockinfo
+}
+
+clear() {
+  dunstctl history-clear
+  echo "icon_change" > $lockinfo
+}
+
+get_icon() {
+  if [ ${#ids[@]} -eq 0 ]; then
+    echo ""
+  else
+    echo ""
+  fi
+}
+
+if [ "$1" == "toggle" ]; then
+  toggle
+  dunstctl history > "$tmp"
+elif [ "$1" == "clear" ]; then
+  clear
+  dunstctl history > "$tmp"
+elif [ "$1" == "icons" ]; then
+  dunstctl history > "$tmp"
+  get_ids
+  is_paused=$(dunstctl is-paused)
+  echo '{"toggle_icon": "'"$toggle_icon"'", "paused": '$is_paused', "icon": "'"$(get_icon)"'"}'
+  tail -f "$lockinfo" | while read -r; do
+    get_ids
+    is_paused=$(dunstctl is-paused)
+    echo '{"toggle_icon": "'"$toggle_icon"'", "paused": '$is_paused', "icon": "'"$(get_icon)"'"}'
+  done
+else
+cd ~/.config/eww
+  dunstctl history > "$tmp"
+  get_ids
+  scripts/notifget
+  # tail -f "$tmp" 2>/dev/null | rg --line-buffered "aa\{sv\}" | while read -r; do
+  #   get_ids
+  #   scripts/notifget
+  # done
+fi
diff --git a/m3ww/.config/eww/scripts/overview-wrapper b/m3ww/.config/eww/scripts/overview-wrapper
new file mode 100755
index 000000000..b48d0769a
--- /dev/null
+++ b/m3ww/.config/eww/scripts/overview-wrapper
@@ -0,0 +1,11 @@
+#!/usr/bin/bash
+
+scripts/overview "$1"
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | while read -r line; do
+    scripts/overview "$1"
+  done
+fi
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/overview-wrapper1 b/m3ww/.config/eww/scripts/overview-wrapper1
new file mode 100755
index 000000000..42cb0deab
--- /dev/null
+++ b/m3ww/.config/eww/scripts/overview-wrapper1
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+scripts/overview --row 1
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    # This sleep is necessary
+    # It prevents the script from being faster than hyprctl
+    sleep 0.025
+    scripts/overview --row 1
+  done
+fi
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/overview-wrapper2 b/m3ww/.config/eww/scripts/overview-wrapper2
new file mode 100755
index 000000000..22c648bd7
--- /dev/null
+++ b/m3ww/.config/eww/scripts/overview-wrapper2
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+scripts/overview --row 2
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    # This sleep is necessary
+    # It prevents the script from being faster than hyprctl
+    sleep 0.025
+    scripts/overview --row 2
+  done
+fi
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/overview.cpp b/m3ww/.config/eww/scripts/overview.cpp
new file mode 100755
index 000000000..8fa112779
--- /dev/null
+++ b/m3ww/.config/eww/scripts/overview.cpp
@@ -0,0 +1,105 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <regex>
+#include <stdexcept>
+#include <string>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+#define ROWS 2
+#define COLS 5
+
+string clients;
+json clientjson, apps;
+json workspaces;
+string workspaceInitTemplate =
+    "[{\"address\":\"_none\",\"at\":[0,0],\"class\":\"workspace\",\"size\":["
+    "1920,1080],\"title\":\"__WORKSPACE_ID\",\"workspace\":{\"id\":__WORKSPACE_"
+    "ID,\"name\":\"__WORKSPACE_ID\"}}]";
+vector<string> appnames;
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+void initWorkspaces() {
+    for (int i = 0; i < ROWS; i++) {
+        workspaces.push_back(json::array({})); // []
+        for (int j = 0; j < COLS; j++) {
+            int workspaceNum = i * COLS + j + 1;  // Note: Workspaces are 1-base
+            string workspaceInitString =
+                regex_replace(workspaceInitTemplate, regex("__WORKSPACE_ID"),
+                              to_string(workspaceNum));
+            json thisWorkspaceInit = json::parse(workspaceInitString);
+            workspaces[i].push_back(thisWorkspaceInit);
+        }
+    }
+}
+
+void addApp(json& client) {
+    // Calculate position in overview tile
+    int workspaceNum = int(client["workspace"]["id"]) - 1;  // 1-base to 0-base
+    if(workspaceNum < 0) return; //Skip scratchpads/specials, as they have negative ids
+    int i = workspaceNum / COLS, j = workspaceNum % COLS;
+
+    // New JSON for app
+    json newApp =
+        R"({"class": "", "workspace": {"id": 8, "name": "8"}, "title": "", "at": [0, 0], "size": [0, 0], "address": [], "icon": ""})"_json;
+    // Add normal stuff
+    newApp["class"] = client["class"];
+    newApp["address"] = client["address"];
+    newApp["workspace"] = client["workspace"];
+    newApp["title"] = client["title"];
+    newApp["at"] = client["at"];
+    newApp["size"] = client["size"];
+    // Icon path
+    if(string(client["class"]) == "") {
+        client["class"] = "dummy";
+    }
+    string filename = string("./scripts/cache/" + string(client["class"]));
+    std::ifstream ifs(filename);
+    std::string iconpath((std::istreambuf_iterator<char>(ifs)),
+                         (std::istreambuf_iterator<char>()));
+    while (iconpath.size() > 0 && *iconpath.rbegin() == '\n') iconpath.pop_back();  // Remove '\n'
+    newApp["icon"] = iconpath;
+
+    workspaces[i][j].push_back(newApp);
+}
+
+void getApps() {
+    // Get clients
+    clients = exec("hyprctl clients -j | gojq -c -M");
+    clientjson = json::parse(clients);
+
+    // Access the values
+    for (json client : clientjson) {
+        addApp(client);
+    }
+}
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+
+    initWorkspaces();
+    getApps();
+    if (argc == 2) cout << workspaces[0][stoi(argv[1]) - 1] << '\n';
+    if (argc == 3 && string(argv[1]) == "--row" && stoi(argv[2]) >= 1 && stoi(argv[2]) <= ROWS) {
+        cout << workspaces[stoi(argv[2]) - 1] << '\n';
+    } else
+        cout << workspaces << '\n';
+}
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/scroll-quote b/m3ww/.config/eww/scripts/scroll-quote
new file mode 100755
index 000000000..6b005d347
--- /dev/null
+++ b/m3ww/.config/eww/scripts/scroll-quote
@@ -0,0 +1,13 @@
+#!/usr/bin/bash
+
+offset=$(eww get quote_index)
+total=$(eww get quote_content | gojq 'length')
+
+# total=25
+# shown=7
+
+if [ "$1" == "up" ]; then
+    eww update quote_index=$(( ("$offset" + "$total" - 1) % "$total" ))
+else
+    eww update quote_index=$(( ("$offset" + 1) % "$total" ))
+fi
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/scroll-settings b/m3ww/.config/eww/scripts/scroll-settings
new file mode 100755
index 000000000..f3416da26
--- /dev/null
+++ b/m3ww/.config/eww/scripts/scroll-settings
@@ -0,0 +1,10 @@
+#!/usr/bin/bash
+
+offset=$(eww get scroll_offset_settings)
+total=$(eww get DASHBOARD_SETTINGS_PAGES)
+
+if [ "$1" == "up" ]; then
+    eww update scroll_offset_settings=$(( ("$offset" + "$total" - 1) % "$total" ))
+else
+    eww update scroll_offset_settings=$(( ("$offset" + 1) % "$total" ))
+fi
diff --git a/m3ww/.config/eww/scripts/scroll-waifu b/m3ww/.config/eww/scripts/scroll-waifu
new file mode 100755
index 000000000..fa089e24d
--- /dev/null
+++ b/m3ww/.config/eww/scripts/scroll-waifu
@@ -0,0 +1,18 @@
+#!/usr/bin/bash
+
+offset=$(eww get scroll_offset_waifu)
+# total=$(eww get WAIFU_TAG_ID | gojq 'length')
+# shown=$(eww get SCROLL_TOSHOW_WAIFUTAGS)
+total=20
+shown=13
+# I'm sorry but I have to hard code or it'll be slow asf
+
+if [ "$1" == "up" ]; then
+    if [ "$offset" -gt 0 ]; then
+        eww update scroll_offset_waifu=$(( "$offset" - 2 ))
+    fi
+else
+    if [ "$offset" -lt $(( "$total" - "$shown" - 1 )) ]; then
+        eww update scroll_offset_waifu=$(( "$offset" + 2 ))
+    fi
+fi
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/scrollmonth b/m3ww/.config/eww/scripts/scrollmonth
new file mode 100755
index 000000000..52e23fece
--- /dev/null
+++ b/m3ww/.config/eww/scripts/scrollmonth
@@ -0,0 +1,21 @@
+#!/usr/bin/env bash
+
+# Get month diff
+diffmonth=$(eww get monthshift)
+if [[ "$1" == "up" ]]; then
+  diffmonth=$(( $diffmonth - 1 ))
+else
+  diffmonth=$(( $diffmonth + 1 ))
+fi
+eww update monthshift="$diffmonth" &
+
+# Get dates
+dates=$(scripts/getfirstdayofmonth "$diffmonth")
+dateSplitted=( $dates )
+newTitle=$(date -d "${dateSplitted[3]}-${dateSplitted[2]}-${dateSplitted[1]}" "+%B %Y")
+
+if [[ "$diffmonth" == "0" ]]; then
+  dates=''
+fi
+eww update calendartitle="$newTitle" &
+eww update calendar="$(scripts/calendarlayout $dates)"
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/search_items.txt b/m3ww/.config/eww/scripts/search_items.txt
new file mode 100755
index 000000000..411e47b04
--- /dev/null
+++ b/m3ww/.config/eww/scripts/search_items.txt
@@ -0,0 +1 @@
+(box :orientation "v" :spacing 5 :class "apps" :halign "center" :valign "center"  (button :class "item" :onclick "4channels &" "4channels") (button :class "item" :onclick "7za &" "7za") (button :class "item" :onclick "a52dec &" "a52dec") (button :class "item" :onclick "aafire &" "aafire") (button :class "item" :onclick "aainfo &" "aainfo") (button :class "item" :onclick "aalib-config &" "aalib-config") (button :class "item" :onclick "aasavefont &" "aasavefont") (button :class "item" :onclick "aatest &" "aatest") (button :class "item" :onclick "abw2html &" "abw2html") (button :class "item" :onclick "abw2raw &" "abw2raw"))
diff --git a/m3ww/.config/eww/scripts/selectwindow b/m3ww/.config/eww/scripts/selectwindow
new file mode 100755
index 000000000..2f88d9099
--- /dev/null
+++ b/m3ww/.config/eww/scripts/selectwindow
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+selected=$(eval $2 get selected)
+
+
+if [[ $selected == "_none" ]] || [[ $selected == "" ]]; then
+  eval "$2 update selected=$1"
+  selected=$(eval $2 get selected)
+else
+  hyprctl dispatch movetoworkspacesilent $3,address:$selected
+
+  eval "$2 update selected=_none"
+  selected=$(eval $2 get selected)
+fi
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/swapws.cpp b/m3ww/.config/eww/scripts/swapws.cpp
new file mode 100755
index 000000000..ead7b34e5
--- /dev/null
+++ b/m3ww/.config/eww/scripts/swapws.cpp
@@ -0,0 +1,85 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+int workspace_a, workspace_b;
+string clients;
+json clientjson;
+vector<string> windows_a, windows_b;
+bool output = false;
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+void tryAddApp(const json& client) {
+    if (int(client["workspace"]["id"]) == workspace_a)
+        windows_a.push_back(client["address"]);
+    else if (int(client["workspace"]["id"]) == workspace_b)
+        windows_b.push_back(client["address"]);
+}
+
+void getApps() {
+    // Get clients
+    clients = exec("hyprctl clients -j | gojq -c -M");
+    clientjson = json::parse(clients);
+
+    // Access the values
+    for (json client : clientjson) {
+        tryAddApp(client);
+    }
+}
+
+void swapWorkspaces() {
+    for (string address : windows_a) {
+        string cmd = "hyprctl dispatch movetoworkspacesilent " +
+                     to_string(workspace_b) + ",address:" + address;
+        if (output) cout << cmd << '\n';
+        exec(&cmd[0]);
+    }
+    for (string address : windows_b) {
+        string cmd = "hyprctl dispatch movetoworkspacesilent " +
+                     to_string(workspace_a) + ",address:" + address;
+        if (output) cout << cmd << '\n';
+        exec(&cmd[0]);
+    }
+}
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+
+    if (argc < 3) {
+        cout << "Usage: swapws [WORKSPACE_NUMBER_1] [WORKSPACE_NUMBER_2]"
+             << endl;
+        return 0;
+    }
+    if (argc == 4 && string(argv[3]) == "--output") output = true;
+
+    workspace_a = stoi(string(argv[1]));
+    workspace_b = stoi(string(argv[2]));
+    if (workspace_a <= 0 || workspace_b <= 0 || workspace_a == workspace_b) {
+        cout << "Nahhh that's stupid" << endl;
+        return 0;
+    }
+
+    getApps();
+    swapWorkspaces();
+}
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/switchwall b/m3ww/.config/eww/scripts/switchwall
new file mode 100755
index 000000000..79fc80d49
--- /dev/null
+++ b/m3ww/.config/eww/scripts/switchwall
@@ -0,0 +1,26 @@
+#!/usr/bin/bash
+# Switches swww wallpaper
+
+# Select
+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 img
+swww img "$imgpath" --transition-step 230 --transition-fps 60 \
+    --transition-type grow --transition-angle 30 --transition-duration 1 \
+    --transition-pos "$cursorposx, $cursorposy_inverted" &
+
+# Generate colors for eww n stuff
+cp "$imgpath" "$HOME/.config/eww/images/wallpaper"
+cd "$HOME/.config/eww" || exit
+./scripts/launchapp '>wall'
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/taskbar.cpp b/m3ww/.config/eww/scripts/taskbar.cpp
new file mode 100755
index 000000000..b72640bf5
--- /dev/null
+++ b/m3ww/.config/eww/scripts/taskbar.cpp
@@ -0,0 +1,97 @@
+#include <pwd.h>
+#include <sys/stat.h>
+#include <unistd.h>
+
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+string clients, pinned, username;
+json clientjson, apps;
+vector<string> appnames;
+
+string getUsername() {
+    uid_t uid = geteuid();
+    struct passwd* pw = getpwuid(uid);
+    return pw->pw_name;
+}
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+void addApp(json& client) {
+    if (client["class"] == "") return;
+    bool found = false;
+    for (json& obj : apps) {
+        auto it = obj.find("class");
+        if (it != obj.end() && *it == client["class"]) {
+            found = true;
+            obj["count"] = int(obj["count"]) + 1;
+            obj["address"].push_back(client["address"]);
+            obj["workspace"].push_back(client["workspace"]["id"]);
+            break;
+        }
+    }
+    if (!found) {
+        json newApp =
+            R"({"class": "", "count": 1, "workspace": [], "address": [], "icon": ""})"_json;
+        newApp["class"] = client["class"];
+        newApp["address"].push_back(client["address"]);
+        newApp["workspace"].push_back(client["workspace"]["id"]);
+        string filename = string("./scripts/cache/" + string(client["class"]));
+        std::ifstream ifs(filename);
+        std::string iconpath((std::istreambuf_iterator<char>(ifs)),
+                             (std::istreambuf_iterator<char>()));
+        // cout << "PATH: " << filename << " | ICON PATH: " << iconpath << '\n';
+        while (iconpath.size() > 0 && *iconpath.rbegin() == '\n')
+            iconpath.pop_back();  // Remove '\n'
+        newApp["icon"] = iconpath;
+
+        apps.push_back(newApp);
+    }
+}
+
+void getAppNameAndCount() {
+    // Get clients
+    clients = exec("hyprctl clients -j | gojq -c -M");
+    pinned = exec(&string("cat /home/" + username +
+                          "/.config/eww/json/taskbar.json | gojq -c -M")[0]);
+    clientjson = json::parse(clients);
+    apps = json::parse(pinned);
+    // Access the values
+    for (json client : clientjson) {
+        addApp(client);
+        // cout << client << '\n';
+    }
+}
+
+void getAppIcon() {}
+
+int main() {
+    // ios::sync_with_stdio(false);
+    // cin.tie(nullptr);
+
+    username = getUsername();
+    getAppNameAndCount();
+    getAppIcon();
+    cout << apps << '\n';
+}
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/taskbarloop b/m3ww/.config/eww/scripts/taskbarloop
new file mode 100755
index 000000000..edec3a371
--- /dev/null
+++ b/m3ww/.config/eww/scripts/taskbarloop
@@ -0,0 +1,13 @@
+#!/usr/bin/bash
+
+scripts/taskbar
+
+if [ "$1" == "--once" ]; then
+  scripts/taskbar
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    scripts/taskbar
+    echo
+  done
+fi
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/taskviewlayout-wrapper b/m3ww/.config/eww/scripts/taskviewlayout-wrapper
new file mode 100755
index 000000000..bf3e5b967
--- /dev/null
+++ b/m3ww/.config/eww/scripts/taskviewlayout-wrapper
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+scripts/taskviewlayout
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    # This sleep is necessary
+    # It prevents the script from being faster than hyprctl
+    sleep 0.025
+    scripts/taskviewlayout
+  done
+fi
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/taskviewlayout.cpp b/m3ww/.config/eww/scripts/taskviewlayout.cpp
new file mode 100755
index 000000000..58e145880
--- /dev/null
+++ b/m3ww/.config/eww/scripts/taskviewlayout.cpp
@@ -0,0 +1,186 @@
+#include <array>       // This script tries to show windows of workspaces
+#include <cmath>       // in a reasonable way in Task View
+#include <filesystem>  //
+#include <fstream>     // Goal: all windows on the same row have equal height
+#include <iostream>    //
+#include <memory>      //
+#include <regex>       // binary search -> ok scale
+#include <stdexcept>   // -> sort small-wide windows -> match pairs -> rows
+#include <string>
+
+#include "nlohmann/json.hpp"
+
+using namespace std;
+using json = nlohmann::json;
+
+#define COLS 10
+#define RES_WIDTH 1920
+#define RES_HEIGHT 1080
+#define RESERVED_BOTTOM 250
+#define SPACING 30
+#define TITLEBAR_AND_BORDER_HEIGHT 51
+#define MIN_ROW_HEIGHT 186  // 100px (else scroll down)
+#define MAX_ROW_HEIGHT 300  // 100px (else scroll down)
+const json EMPTY_JSON = R"([])"_json;
+const string workspaceInitTemplate = "[]";
+
+int numOfApps[COLS] = {0, 0, 0, 0, 0, 0, 0, 0, 0, 0};
+string clients;
+json clientjson, workspaces;
+json workspacesArranged;
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+void initWorkspaces() {
+    int i = 0;
+    for (int j = 0; j < COLS; j++) {
+        int workspaceNum = i * COLS + j + 1;  // Note: Workspaces are 1-base
+        string workspaceInitString =
+            regex_replace(workspaceInitTemplate, regex("__WORKSPACE_ID"),
+                          to_string(workspaceNum));
+        json thisWorkspaceInit = json::parse(workspaceInitString);
+        workspaces.push_back(thisWorkspaceInit);
+    }
+}
+
+void addApp(json& client) {
+    // Calculate position in overview tile
+    int workspaceNum = int(client["workspace"]["id"]) - 1;  // 1-base to 0-base
+    if (workspaceNum < 0)
+        return;  // Skip scratchpads/specials, as they have negative ids
+    int i = workspaceNum / COLS, j = workspaceNum % COLS;
+
+    // New JSON for app
+    json newApp =
+        R"({"class": "", "workspace": {"id": 8, "name": "8"}, "title": "", "at": [0, 0], "size": [0, 0], "address": [], "icon": ""})"_json;
+
+    // Add normal stuff
+    newApp["class"] = client["class"];
+    newApp["address"] = client["address"];
+    newApp["workspace"] = client["workspace"];
+    newApp["title"] = client["title"];
+    newApp["size"] = client["size"];
+
+    // Icon path
+    string filename = string("./scripts/cache/" + string(client["class"]));
+    std::ifstream ifs(filename);
+    std::string iconpath((std::istreambuf_iterator<char>(ifs)),
+                         (std::istreambuf_iterator<char>()));
+    while (iconpath.size() > 0 && *iconpath.rbegin() == '\n')
+        iconpath.pop_back();  // Remove '\n'
+    newApp["icon"] = iconpath;
+
+    // Counting
+    int size_x = int(newApp["size"][0]);
+    int size_y = int(newApp["size"][1]);
+    if (size_x <= size_y * 2) {  // Normal
+        newApp["countAs"] = 1;   //     count as 1 window
+    } else {                     // Very wide
+        newApp["countAs"] = 2;   //     count as 2 windows
+    }
+    numOfApps[int(newApp["workspace"]["id"]) - 1] += int(newApp["countAs"]);
+
+    // Push
+    workspaces[j].push_back(newApp);
+}
+
+void getApps() {
+    // Get clients
+    clients = exec("hyprctl clients -j | gojq -c -M");
+    clientjson = json::parse(clients);
+
+    // Access the values
+    for (json client : clientjson) {
+        addApp(client);
+    }
+}
+
+void scaleWindows() {
+    for (int i = 0; i < workspaces.size(); i++) {
+        if (workspaces[i].size() == 0) {
+            workspacesArranged.push_back(EMPTY_JSON);
+            continue;
+        }
+        // Declare
+        int numOfRows = numOfApps[i] > 3 ? int(ceil(sqrt(numOfApps[i]))) : 1;
+        int winsPerRow = (numOfApps[i] + (numOfRows - 1)) / numOfRows;  // ceil
+        json thisWorkspace = EMPTY_JSON;
+        for (int i = 0; i < numOfRows; i++) thisWorkspace.push_back(EMPTY_JSON);
+        int rowHeight =
+            min(max(MIN_ROW_HEIGHT,
+                    (RES_HEIGHT - RESERVED_BOTTOM - SPACING) / numOfRows -
+                        TITLEBAR_AND_BORDER_HEIGHT - SPACING),
+                MAX_ROW_HEIGHT);
+        int thisRowCnt = 0, rowsDone = 0;
+
+        // cout << "Workspace " << i + 1 << " | Rows: " << numOfRows
+        //      << " | Per row: " << winsPerRow << '\n';
+
+        // Scale
+        for (json& window : workspaces[i]) {
+            int cntAs = int(window["countAs"]);
+            if (cntAs == 1) {
+                window["size"][0] = int(window["size"][0]) /
+                                    (float(window["size"][1]) / rowHeight);
+                window["size"][1] = rowHeight;
+            } else {  // cntAs == 2
+                window["size"][1] =
+                    int(float(window["size"][1]) /
+                        (float(window["size"][0]) / (rowHeight * 2)));
+                window["size"][0] = rowHeight * 2;
+            }
+
+            // int minWidth = string(window["title"]).size() * 9;
+            // cout << "Window: " << string(window["title"])
+            //      << ", min width: " << minWidth << '\n';
+            // if (window["size"][0] < minWidth) {
+            //     window["size"][1] = int(window["size"][1]) *
+            //                         (float(minWidth) /
+            //                         int(window["size"][0]));
+            //     window["size"][0] = minWidth;
+            // }
+            // cout << " --> " << window["size"][0] << "x" << window["size"][1]
+            //      << '\n';
+            
+            thisWorkspace[rowsDone].push_back(window);
+            thisRowCnt += int(window["countAs"]);
+            if (thisRowCnt >= winsPerRow) {
+                rowsDone++;
+                thisRowCnt = 0;
+            }
+        }
+
+        workspacesArranged.push_back(thisWorkspace);
+    }
+}
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+
+    // Get windows in workspaces, counting
+    initWorkspaces();
+    getApps();
+
+    // cout << ">>>>>>>> [DEBUG INGO START] >>>>>>>>" << '\n';
+    // cout << workspaces << '\n';
+    // cout << "<<<<<<<< [DEBUG INGO END] <<<<<<<<" << '\n' << '\n';
+
+    // cout << "# of apps: ";
+    // for (int i = 0; i < COLS; i++) cout << numOfApps[i] << ' ';
+    // cout << '\n';
+    // Scaling, arranging
+    scaleWindows();
+
+    cout << workspacesArranged << '\n';
+}
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/templates/foot/foot.ini b/m3ww/.config/eww/scripts/templates/foot/foot.ini
new file mode 100755
index 000000000..f8e255961
--- /dev/null
+++ b/m3ww/.config/eww/scripts/templates/foot/foot.ini
@@ -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=JetBrainsMono Nerd Font:size=12
+# 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=282a36 f8f8f2
+# blink=no
+beam-thickness=1.5
+# underline-thickness=<font underline thickness>
+
+[mouse]
+# hide-when-typing=no
+# alternate-scroll-mode=yes
+
+[colors]
+alpha=0.7
+background=$background #
+foreground=$onBackground #
+regular0=$background #
+regular1=$error #
+regular2=$inversePrimary #
+regular3=$tertiary #
+regular4=$onPrimaryContainer #
+regular5=$onSecondaryContainer #
+regular6=$primary #
+regular7=$onBackground #
+bright0=$background #
+bright1=$error #
+bright2=$inversePrimary #
+bright3=$tertiary #
+bright4=$onPrimaryContainer #
+bright5=$onSecondaryContainer #
+bright6=$primary #
+bright7=$onBackground #
+
+[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
diff --git a/m3ww/.config/eww/scripts/templates/fuzzel/fuzzel.ini b/m3ww/.config/eww/scripts/templates/fuzzel/fuzzel.ini
new file mode 100755
index 000000000..8846ac306
--- /dev/null
+++ b/m3ww/.config/eww/scripts/templates/fuzzel/fuzzel.ini
@@ -0,0 +1,21 @@
+font=Lexend
+terminal=foot -e
+prompt=">>  "
+layer=overlay
+
+[colors]
+background=$backgroundff
+text=$onBackgroundff
+selection=$surfaceVariantff
+selection-text=$onSurfaceVariantff
+border=$surfaceVariantff
+match=$primaryff
+selection-match=$primaryff
+
+
+[border]
+radius=17
+width=2
+
+[dmenu]
+exit-immediately-if-empty=yes
diff --git a/m3ww/.config/eww/scripts/templates/gtklock/style.css b/m3ww/.config/eww/scripts/templates/gtklock/style.css
new file mode 100755
index 000000000..7a35b6729
--- /dev/null
+++ b/m3ww/.config/eww/scripts/templates/gtklock/style.css
@@ -0,0 +1,101 @@
+/* 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;
+    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: $primary;
+    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);
+}
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/todo.cpp b/m3ww/.config/eww/scripts/todo.cpp
new file mode 100755
index 000000000..2377f6072
--- /dev/null
+++ b/m3ww/.config/eww/scripts/todo.cpp
@@ -0,0 +1,92 @@
+#include <pwd.h>
+#include <sys/stat.h>
+#include <unistd.h>
+
+#include <algorithm>
+#include <cctype>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+string rawTodo;
+json todo;
+
+// Function to check if file exists, if yes read it
+string readIfExists(const string& name) {
+    ifstream f(name.c_str());
+    stringstream buffer;
+    if (f) {                  // check if the file was opened successfully
+        buffer << f.rdbuf();  // read the whole file into a string stream
+        f.close();            // close the file when done
+    }
+    return buffer.str();  // return the string stream as a string
+}
+
+void writeToFile(const string& name, const string& content) {
+    ofstream f(name.c_str(), ios::app);  // open the file in append mode
+    if (f) {                   // check if the file was opened successfully
+        f << content << "\n";  // write the content to the file
+        f.close();             // close the file when done
+    } else {
+        cerr << "Error: could not open " << name
+             << "\n";  // print an error message to the standard error
+    }
+}
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+void delItem(const string& stringToDelete) {
+    cout << " [i] Full list: '" << todo << "'\n";
+    cout << " [x] Deleting item: '" << stringToDelete << "'\n\n";
+    for (int i = 0; i < todo.size(); i++) {
+        const string& thisEntry = todo[i];
+        cout << "Compare: \"" << thisEntry << "\" and \"" << stringToDelete << "\"\n";
+        if (thisEntry == stringToDelete) {
+            cout << "yes\n";
+            todo.erase(i);
+            break;
+        }
+    }
+}
+
+void addItem(const string& stringToAdd) {
+    cout << "adding\n";
+    todo.push_back(stringToAdd);
+}
+
+int main(int argc, char* argv[]) {
+    if (argc == 1) {
+        cout << "Usage: todo del [ STRING ]";
+        return 0;
+    }
+
+    rawTodo = readIfExists("json/todo.json");
+    todo = json::parse(rawTodo);
+    if (argc > 2 && string(argv[1]) == "del") {
+        delItem(string(argv[2]));
+        exec("echo '' > json/todo.json");
+        writeToFile("json/todo.json", todo.dump());
+    }
+    else if (argc > 2 && string(argv[1]) == "add") {
+        addItem(string(argv[2]));
+        exec("echo '' > json/todo.json");
+        writeToFile("json/todo.json", todo.dump());
+    }
+}
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/toggle-cheatsheet.sh b/m3ww/.config/eww/scripts/toggle-cheatsheet.sh
new file mode 100755
index 000000000..45bb5a981
--- /dev/null
+++ b/m3ww/.config/eww/scripts/toggle-cheatsheet.sh
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+state=$(eww get open_cheatsheet)
+
+if [[ "$state" -gt "0" || "$1" == "--close" ]]; then
+    eww update open_cheatsheet=false
+    eww close cheatsheet
+else
+    eww open cheatsheet
+    eww update open_cheatsheet=1
+    sleep 0.04
+    eww update open_cheatsheet=2
+    sleep 0.04
+    eww update open_cheatsheet=3
+fi
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/toggle-dashboard.sh b/m3ww/.config/eww/scripts/toggle-dashboard.sh
new file mode 100755
index 000000000..5c8f8191d
--- /dev/null
+++ b/m3ww/.config/eww/scripts/toggle-dashboard.sh
@@ -0,0 +1,25 @@
+#!/usr/bin/bash
+state=$(eww get open_dashboard)
+
+if [[ "$state" -gt "0" || "$1" == "--close" ]]; then
+    eww close dashboard
+    eww update open_dashboard=0
+    sleep 0.1
+    eww update cavajson=''
+else
+    eww open dashboard
+    sleep 0.05
+    eww update open_dashboard=1
+    sleep 0.05
+    eww update open_dashboard=2
+    sleep 0.05
+    eww update open_dashboard=3
+    sleep 0.05
+    eww update open_dashboard=4
+    sleep 0.05
+    eww update open_dashboard=5
+    sleep 0.05
+    eww update open_dashboard=6
+    sleep 0.05
+    eww update open_dashboard=7
+fi
diff --git a/m3ww/.config/eww/scripts/toggle-mixer.sh b/m3ww/.config/eww/scripts/toggle-mixer.sh
new file mode 100755
index 000000000..c330d5953
--- /dev/null
+++ b/m3ww/.config/eww/scripts/toggle-mixer.sh
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+state=$(eww get rev_mixer)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update open_sideleft=false
+    sleep 0.15
+    eww update rev_mixer=false
+else
+    cd ~/.config/eww || exit
+    eww update rev_mixer=true
+    eww open sideleft
+    eww update open_sideleft=true
+    eww update open_sideright=false
+fi
diff --git a/m3ww/.config/eww/scripts/toggle-nightlight.sh b/m3ww/.config/eww/scripts/toggle-nightlight.sh
new file mode 100755
index 000000000..3845d741c
--- /dev/null
+++ b/m3ww/.config/eww/scripts/toggle-nightlight.sh
@@ -0,0 +1,11 @@
+#!/usr/bin/bash
+currentshader=$(hyprctl getoption decoration:screen_shader -j | gojq -r '.str')
+
+if [[ "$currentshader" != *"extradark.frag" ]]; then
+    hyprctl keyword decoration:screen_shader '~/.config/hypr/shaders/extradark.frag'
+else
+    hyprctl keyword decoration:screen_shader ''
+    hyprctl reload
+fi
+
+scripts/hyprsettings tickle
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/toggle-notificationspopup.sh b/m3ww/.config/eww/scripts/toggle-notificationspopup.sh
new file mode 100755
index 000000000..971430252
--- /dev/null
+++ b/m3ww/.config/eww/scripts/toggle-notificationspopup.sh
@@ -0,0 +1,17 @@
+#!/usr/bin/bash
+if [[ "$1" == "--open" ]]; then
+    eww open notificationspopup
+    eww update open_notificationspopup=true
+    exit
+fi
+
+state=$(eww get open_notificationspopup)
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update open_notificationspopup=false
+    sleep 0.15
+    eww close notificationspopup
+else
+    cd ~/.config/eww || exit
+    eww open notificationspopup
+    eww update open_notificationspopup=true
+fi
diff --git a/m3ww/.config/eww/scripts/toggle-osd-bright.sh b/m3ww/.config/eww/scripts/toggle-osd-bright.sh
new file mode 100755
index 000000000..8b8a1dd2e
--- /dev/null
+++ b/m3ww/.config/eww/scripts/toggle-osd-bright.sh
@@ -0,0 +1,11 @@
+#!/usr/bin/bash
+cd ~/.config/eww
+state=$(eww get osd_vol)
+
+if [[ "$1" == "--open" ]]; then 
+    eww update osd_bright=true
+elif [[ "$1" == "--close" ]]; then
+    eww update osd_bright=false
+else
+    eww update osd_bright=true
+fi
diff --git a/m3ww/.config/eww/scripts/toggle-osd-vol.sh b/m3ww/.config/eww/scripts/toggle-osd-vol.sh
new file mode 100755
index 000000000..b4f968c55
--- /dev/null
+++ b/m3ww/.config/eww/scripts/toggle-osd-vol.sh
@@ -0,0 +1,11 @@
+#!/usr/bin/bash
+cd ~/.config/eww
+state=$(eww get osd_bright)
+
+if [[ "$1" == "--open" ]]; then 
+    eww update osd_vol=true
+elif [[ "$1" == "--close" ]]; then
+    eww update osd_vol=false
+else
+    eww update osd_vol=true
+fi
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/toggle-powerview.sh b/m3ww/.config/eww/scripts/toggle-powerview.sh
new file mode 100755
index 000000000..5fbea1fa4
--- /dev/null
+++ b/m3ww/.config/eww/scripts/toggle-powerview.sh
@@ -0,0 +1,20 @@
+#!/usr/bin/bash
+cd ~/.config/eww || exit
+mkdir -p ~/.config/eww/scripts/cache/
+
+state=$(eww get open_powerview)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    hyprctl dispatch submap reset
+    eww close powerview 2>/dev/null &
+    eww update overview_query='' &
+    eww update open_powerview=false &
+else
+    scripts/allapps > scripts/cache/entries.txt &
+    scripts/allappnames > scripts/cache/entrynames.txt &
+    eww update overview_query=''  &
+    eww update overview_hover_name='{"class":"LMB: Focus | MMB: Close | RMB: Select/Move","title":"Powerview","workspace":{"id":0,"name":"0"},"icon": "/usr/share/icons/breeze-dark/actions/16/window.svg", "size": [0,0], "at": [0,0]}' &
+    eww open powerview
+    eww update open_powerview=true
+    hyprctl dispatch submap powerview
+fi
diff --git a/m3ww/.config/eww/scripts/toggle-sideleft.sh b/m3ww/.config/eww/scripts/toggle-sideleft.sh
new file mode 100755
index 000000000..243f3607e
--- /dev/null
+++ b/m3ww/.config/eww/scripts/toggle-sideleft.sh
@@ -0,0 +1,13 @@
+#!/usr/bin/bash
+state=$(eww get open_sideleft)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update open_sideleft=false
+    sleep 0.15
+    eww update rev_mixer=false
+else
+    cd ~/.config/eww || exit
+    eww open sideleft
+    eww update open_sideleft=true
+    eww update open_sideright=false
+fi
diff --git a/m3ww/.config/eww/scripts/toggle-sideright.sh b/m3ww/.config/eww/scripts/toggle-sideright.sh
new file mode 100755
index 000000000..392030961
--- /dev/null
+++ b/m3ww/.config/eww/scripts/toggle-sideright.sh
@@ -0,0 +1,11 @@
+#!/usr/bin/bash
+state=$(eww get open_sideright)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update open_sideright=false
+else
+    cd ~/.config/eww || exit
+    eww open sideright
+    eww update open_sideright=true
+    eww update open_sideleft=false
+fi
diff --git a/m3ww/.config/eww/scripts/toggle-topbottom.sh b/m3ww/.config/eww/scripts/toggle-topbottom.sh
new file mode 100755
index 000000000..188868bff
--- /dev/null
+++ b/m3ww/.config/eww/scripts/toggle-topbottom.sh
@@ -0,0 +1,18 @@
+#!/usr/bin/bash
+BAR_HEIGHT_NORMAL='40'
+BAR_HEIGHT_NORMAL_BOTTOM='60'
+bar_height=$(eww get BAR_HEIGHT)
+
+if [ "$1" == "bottom" ] || [ "$bar_height" == "$BAR_HEIGHT_NORMAL" ]; then
+    eww close bar
+    eww update BAR_HEIGHT=0
+    eww update BAR_HEIGHT_BOTTOM=$BAR_HEIGHT_NORMAL_BOTTOM
+    eww open barbottom
+    hyprctl keyword monitor ,addreserved,0,$BAR_HEIGHT_NORMAL_BOTTOM,0,0
+else
+    eww close barbottom
+    eww update BAR_HEIGHT=$BAR_HEIGHT_NORMAL
+    eww update BAR_HEIGHT_BOTTOM=0
+    eww open bar
+    hyprctl keyword monitor ,addreserved,$BAR_HEIGHT_NORMAL,0,0,0
+fi
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/toggle-visualizer.sh b/m3ww/.config/eww/scripts/toggle-visualizer.sh
new file mode 100755
index 000000000..266d06ece
--- /dev/null
+++ b/m3ww/.config/eww/scripts/toggle-visualizer.sh
@@ -0,0 +1,13 @@
+#!/usr/bin/bash
+state=$(eww get open_visualizer)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update open_visualizer=false
+    sleep 0.15
+    eww close visualizer
+    eww update cavajson='[]'
+else
+    cd ~/.config/eww || exit
+    eww open visualizer
+    eww update open_visualizer=true
+fi
diff --git a/m3ww/.config/eww/scripts/togglelight b/m3ww/.config/eww/scripts/togglelight
new file mode 100755
index 000000000..96dd9b58f
--- /dev/null
+++ b/m3ww/.config/eww/scripts/togglelight
@@ -0,0 +1,9 @@
+#!/usr/bin/bash
+
+if [ "$1" == "light" ]; then
+  echo -n '-l' > 'scripts/workdir/__mode_light_dark.txt'
+  cp css/savedcolors/_iconcolor_default.txt css/_iconcolor_default.txt
+else
+  echo -n '' > 'scripts/workdir/__mode_light_dark.txt'
+  cp css/savedcolors/_iconcolor_default.txt css/_iconcolor_default.txt
+fi
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/volume b/m3ww/.config/eww/scripts/volume
new file mode 100755
index 000000000..8e3b20ab8
--- /dev/null
+++ b/m3ww/.config/eww/scripts/volume
@@ -0,0 +1,137 @@
+#!/usr/bin/env bash
+cd ~/.config/eww
+
+volicons=("" "" "")
+XDG_CACHE_HOME="$HOME/.cache"
+date="$XDG_CACHE_HOME/eww/osd_vol.date"
+lock=0
+
+showhide() {
+  # get dates
+  rundate=$(cat "$date")
+  currentdate=$(date +%s)
+
+  # handle showing
+  if [ "$rundate" = "$currentdate" ] && [ "$lock" -eq 0 ]; then
+    scripts/toggle-osd-vol.sh --open
+    lock=1
+  elif [ $((currentdate - rundate)) -ge 2 ] && [ "$lock" -eq 1 ]; then
+    scripts/toggle-osd-vol.sh --close > /dev/null
+    lock=0
+  fi
+}
+
+osd() {
+  if [ ! -f "$date" ]; then
+    mkdir -p "$XDG_CACHE_HOME/eww"
+  fi
+  date +%s > "$date"
+  showhide
+}
+
+osd_handler() {
+  lock=0
+  rundate=0
+  if [ ! -f "$date" ]; then
+    mkdir -p "$XDG_CACHE_HOME/eww"
+    echo 0 > "$date"
+  fi
+
+  while true; do
+    showhide
+    sleep 0.1
+  done
+}
+
+vol() {
+  wpctl get-volume @DEFAULT_AUDIO_$1@ | awk '{print int($2*100)}'
+}
+ismuted() {
+  wpctl get-volume @DEFAULT_AUDIO_"$1"@ | rg -i muted
+  echo $?
+}
+setvol() {
+  wpctl set-volume @DEFAULT_AUDIO_"$1"@ "$(awk -v n="$2" 'BEGIN{print (n / 100)}')"
+}
+setmute() {
+  wpctl set-mute @DEFAULT_AUDIO_"$1"@ toggle
+}
+
+if [ "$1" = "--once" ]; then
+  lvl=$(awk -v n="$(vol "SINK")" 'BEGIN{print int(n/34)}')
+    ismuted=$(ismuted "SINK")
+
+    if [ "$ismuted" = 1 ]; then
+    	icon="${volicons[$lvl]}"
+    else
+      icon=""
+    fi
+    audio=1
+    if [ "$(wpctl status | grep 'MUTED')" == "" ]; then
+      audio=1
+    else 
+      audio=0
+    fi
+
+    echo '{"icon":"'"$icon"'","audio":"'"$audio"'","percent":"'"$(vol "SINK")"'","microphone":"'"$(vol "SOURCE")"'"}'
+    exit 0
+fi
+
+if [ "$1" = "mute" ]; then
+  if [ "$2" != "SOURCE" ] && [ "$2" != "SINK" ]; then
+    echo "Can only mute SINK or SOURCE"; exit 1
+  fi
+  setmute "$2"
+elif [ "$1" = "setvol" ]; then
+  if [ "$2" != "SOURCE" ] && [ "$2" != "SINK" ]; then
+    echo "Can only set volume for SINK or SOURCE"; exit 1
+  elif [ "$3" -lt 1 ] || [ "$3" -gt 100 ]; then
+    echo "Volume must be between 1 and 100"; exit 1
+  fi
+  setvol "$2" "$3"
+elif [ "$1" = "osd" ]; then
+  osd
+else
+  # initial values
+  lvl=$(awk -v n="$(vol "SINK")" 'BEGIN{print int(n/34)}')
+  ismuted=$(ismuted "SINK")
+  device=$(pactl --format=json list | gojq -r '.["sinks"][0]["active_port"]' | sed 's/\[Out] //g')
+  device=$(echo "$device" | tail -1)
+
+  if [ "$ismuted" = 1 ]; then
+  	icon="${volicons[$lvl]}"
+  else
+    icon=""
+  fi
+  audio=1
+  if [ "$(wpctl status | grep 'MUTED')" == "" ]; then
+    audio=1
+  else 
+    audio=0
+  fi
+
+  echo '{"icon":"'"$icon"'","audio":"'"$audio"'","device":"'"$device"'","percent":"'"$(vol "SINK")"'","microphone":"'"$(vol "SOURCE")"'"}'
+
+  osd_handler &
+  # event loop
+  pactl subscribe | rg --line-buffered "on sink" | while read -r _; do
+    lvl=$(awk -v n="$(vol "SINK")" 'BEGIN{print int(n/34)}')
+    ismuted=$(ismuted "SINK")
+    device=$(pactl --format=json list | gojq -r '.["sinks"][0]["active_port"]' | sed 's/\[Out] //g')
+    device=$(echo "$device" | tail -1)
+
+    if [ "$ismuted" = 1 ]; then
+    	icon="${volicons[$lvl]}"
+    else
+      icon=""
+    fi
+    audio=1
+    if [ "$(wpctl status | grep 'MUTED')" == "" ]; then
+      audio=1
+    else 
+      audio=0
+    fi
+
+    echo '{"icon":"'"$icon"'","audio":"'"$audio"'","device":"'"$device"'","percent":"'"$(vol "SINK")"'","microphone":"'"$(vol "SOURCE")"'"}'
+  done
+fi
diff --git a/m3ww/.config/eww/scripts/waifu-get.py b/m3ww/.config/eww/scripts/waifu-get.py
new file mode 100755
index 000000000..960b3d032
--- /dev/null
+++ b/m3ww/.config/eww/scripts/waifu-get.py
@@ -0,0 +1,139 @@
+#!/usr/bin/python3
+import requests
+import json
+import os
+import sys
+from PIL import Image
+
+def printhelp():
+    print('''
+Usage: waifu-get.py [OPTION]... [TAG]...
+
+Options:
+    --segs\tForce NSFW images
+    --im\tUse waifu.im API. You can use many tags
+    --pics\tUse waifu.pics API. Use 1 tag only.
+    --nekos\tUse nekos.life (old) API. No tags.
+
+Tags:
+    waifu.im (type):
+        maid waifu marin-kitagawa mori-calliope raiden-shogun oppai selfies uniform
+    waifu.im (nsfw tags):
+        ecchi hentai ero ass paizuri oral milf
+    ''')
+    exit()
+
+###### help ######
+if len(sys.argv) == 1:
+    printhelp()
+
+###### variables ######
+api_name = {'im': 'waifu.im', 'nekos': 'nekos.life', 'pics': 'waifu.pics', 'moe': 'nekos.moe'}
+debug = False
+mode = 'im' # either 'im' (waifu.im), 'nekos' (nekos.life), or 'pics' (waifu.pics)
+taglist = []
+segs = False
+output = {}
+headers = {}
+
+###### arguments ######
+for i in range(1, len(sys.argv)): # Add tags
+    if sys.argv[i] == '--debug':
+        debug = True
+    elif sys.argv[i] == '--segs':
+        segs = True
+    elif sys.argv[i] == '--im':
+        mode = 'im'
+    elif sys.argv[i] == '--neko':
+        mode = 'nekos'
+    elif sys.argv[i] == '--pics':
+        mode = 'pics'
+    elif sys.argv[i] == '--moe':
+        mode = 'moe'
+    elif sys.argv[i] == '--help' or sys.argv[i] == '-h':
+        printhelp()
+    else:
+        taglist.append(sys.argv[i])
+
+###### prepare request ######
+if mode == 'im':
+    url = 'https://api.waifu.im/search'
+    headers = {'Accept-Version': 'v5'}
+
+elif mode == 'nekos':
+    if segs:
+        url = 'https://nekos.life/api/lewd/neko'
+    else:
+        url = 'https://nekos.life/api/neko'
+
+elif mode == 'pics':
+    if segs:
+        url = 'https://api.waifu.pics/nsfw/'
+    else:
+        url = 'https://api.waifu.pics/sfw/'
+
+    if len(taglist) > 0:
+        url += taglist[0]
+    else:
+        url += 'waifu'
+
+elif mode == 'moe':
+    url = 'https://nekos.moe/api/v1/random/image'
+    if segs:
+        url += '?nsfw=true'
+
+else: # default: waifu.im
+    url = 'https://api.waifu.im/search'
+    headers = {'Accept-Version': 'v5'}
+
+
+params = {
+    'included_tags': taglist,
+    'height': '>=600',
+    'nsfw': segs
+}
+
+os.system('eww update rev_waifustatus=true')
+os.system('eww update waifu_status=\'Requesting {0} API\''.format(api_name[mode]))
+response = requests.get(url, params=params, headers=headers)
+
+if debug:
+    print(json.dumps(response.json()))
+    exit()
+
+###### processing ######
+if response.status_code == 200:
+    data = response.json()
+    # Process the response data as needed
+    if mode == 'im':
+        output['link'] = data['images'][0]['url']
+        output['sauce']  = data['images'][0]['source']
+    elif mode == 'nekos':
+        output['link'] = data['neko']
+        output['sauce'] = data['neko']
+    elif mode == 'moe':
+        image_id = data['images'][0]['id']
+        output['link'] = str('https://nekos.moe/image/' + image_id)
+        output['sauce'] = str('https://nekos.moe/post/' + image_id)
+    elif mode == 'pics':
+        output['link'] = data['url']
+        output['sauce'] = data['url']
+    else: # default: waifu.im
+        output['link'] = data['images'][0]['url']
+        output['sauce']  = data['images'][0]['source']
+
+    os.system('eww update waifu_status=\'Downloading image\'')
+    os.system('wget -O "{0}" "{1}" -q –read-timeout=0.1'.format('eww_covers/waifu_tmp', output['link']))
+    os.system('eww update waifu=\'{"name":"eww_covers/waifu_loading", "size": [0, 100]}\'')
+    os.system('mv ./eww_covers/waifu_tmp ./eww_covers/waifu')
+
+    with Image.open('./eww_covers/waifu') as img:
+        output['size'] = img.size
+        output['path'] = 'eww_covers/waifu'
+        output['ext'] = str('.' + img.format.lower())
+        print(json.dumps(output))
+
+    os.system('eww update rev_waifustatus=false')
+
+else:
+    print('Request failed with status code:', response.status_code)
diff --git a/m3ww/.config/eww/scripts/workdir/__mode_colors.txt b/m3ww/.config/eww/scripts/workdir/__mode_colors.txt
new file mode 100755
index 000000000..43dd47ea6
--- /dev/null
+++ b/m3ww/.config/eww/scripts/workdir/__mode_colors.txt
@@ -0,0 +1 @@
+one
\ No newline at end of file
diff --git a/m3ww/.config/eww/scripts/workdir/__mode_light_dark.txt b/m3ww/.config/eww/scripts/workdir/__mode_light_dark.txt
new file mode 100755
index 000000000..e69de29bb
diff --git a/m3ww/.config/eww/scripts/workspaces b/m3ww/.config/eww/scripts/workspaces
new file mode 100755
index 000000000..b2a85401f
--- /dev/null
+++ b/m3ww/.config/eww/scripts/workspaces
@@ -0,0 +1,154 @@
+#!/usr/bin/env bash
+
+# define colors
+colors=("#FFFFFF" "#fab387" "#a6e3a1" "#89b4fa") # Active Workspaces
+dimmed=("rgba(154,152,162,0.7)" "#f9e2af" "#94e2d5" "#b4befe") # Inactive workspaces
+empty='empty' # Empty workspaces
+
+# get initial focused workspace
+focusedws=$(hyprctl -j monitors | gojq -r '.[] | select(.focused == true) | .activeWorkspace.id')
+
+declare -A o=([1]=0 [2]=0 [3]=0 [4]=0 [5]=0 [6]=0 [7]=0 [8]=0 [9]=0 [10]=0)
+declare -A monitormap
+declare -A workspaces
+
+# set color for each workspace
+status() {
+  if [ "${o[$1]}" -eq 1 ]; then 
+    mon=${monitormap[${workspaces[$1]}]}
+    echo -n "true"
+  else
+    echo -n "false"
+  fi
+}
+
+status_activity() {
+  if [ "${o[$1]}" -eq 1 ]; then 
+    mon=${monitormap[${workspaces[$1]}]}
+
+    if [ $focusedws -eq "$1" ]; then
+      echo -n "active"
+    else
+      echo -n "inactive"
+    fi
+  else
+    echo -n "empty"
+  fi
+}
+
+# handle workspace create/destroy
+workspace_event() {
+  if (( $1 <= 10 )); then
+    o[$1]=$2
+    while read -r k v; do workspaces[$k]="$v"; done < <(hyprctl -j workspaces | gojq -r '.[]|"\(.id) \(.monitor)"')
+  fi
+  if [ "$2" == "0" ]; then
+    unset "workspaces[$1]"
+  fi
+}
+# handle monitor (dis)connects
+monitor_event() {
+  while read -r k v; do monitormap["$k"]=$v; done < <(hyprctl -j monitors | gojq -r '.[]|"\(.name) \(.id) "')
+}
+
+# generate the json for eww
+generate() {
+  echo -n '['
+
+  for i in {1..10}; do
+    echo -n ''$([ $i -eq 1 ] || echo ,)'{"num":"'$i'","haswins":"'$(status "$i")'"}'
+  done
+
+  echo ']'
+}
+
+# setup
+
+# add monitors
+monitor_event
+
+# add workspaces
+while read -r k v; do workspaces[$k]="$v"; done < <(hyprctl -j workspaces | gojq -r '.[]|"\(.id) \(.monitor)"')
+
+# check occupied workspaces
+for num in "${!workspaces[@]}"; do
+  o[$num]=1
+done
+# generate initial widget
+generate
+
+if [ "$1" == "--once" ]; then
+  exit
+fi
+
+socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | while read -r line; do
+  # echo "${#workspaces[@]} ${#o[@]}"
+  # echo $line
+  case ${line%>>*} in
+    "focusedmon")
+      focusedws=${line#*,}
+      generate
+      ;;
+    "createworkspace")
+      # workspace_event "${line#*>>}" 1
+      o=([1]=0 [2]=0 [3]=0 [4]=0 [5]=0 [6]=0 [7]=0 [8]=0 [9]=0 [10]=0)
+      workspaces=()
+      # add workspaces
+      while read -r k v; do workspaces[$k]="$v"; done < <(hyprctl -j workspaces | gojq -r '.[]|"\(.id) \(.monitor)"')
+      # check occupied workspaces
+      for num in "${!workspaces[@]}"; do
+        o[$num]=1
+      done
+      # focusedws=${line#*>>}
+      generate
+      ;;
+    "movewindow")
+      generate
+      ;;
+    "destroyworkspace")
+      # workspace_event "${line#*>>}" 0
+      o=([1]=0 [2]=0 [3]=0 [4]=0 [5]=0 [6]=0 [7]=0 [8]=0 [9]=0 [10]=0)
+      workspaces=()
+      # add workspaces
+      while read -r k v; do workspaces[$k]="$v"; done < <(hyprctl -j workspaces | gojq -r '.[]|"\(.id) \(.monitor)"')
+      # check occupied workspaces
+      for num in "${!workspaces[@]}"; do
+        o[$num]=1
+      done
+      generate
+      ;;
+    "monitor"*)
+      monitor_event
+      generate
+      ;;
+  esac
+  # echo $line
+  # generate
+done
+
+# main loop
+# socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "workspace|mon(itor)?" | while read -r line; do
+#   case ${line%>>*} in
+#     "workspace")
+#       focusedws=${line#*>>}
+#       generate
+#       ;;
+#     "focusedmon")
+#       focusedws=${line#*,}
+#       generate
+#       ;;
+#     "createworkspace")
+#       workspace_event "${line#*>>}" 1
+#       focusedws=${line#*>>}
+#       # generate
+#       ;;
+#     "destroyworkspace")
+#       workspace_event "${line#*>>}" 0
+#       generate
+#       ;;
+#     "monitor"*)
+#       monitor_event
+#       generate
+#       ;;
+#   esac
+# done
\ No newline at end of file
diff --git a/m3ww/.config/eww/variables.yuck b/m3ww/.config/eww/variables.yuck
new file mode 100644
index 000000000..6cb5d9a1e
--- /dev/null
+++ b/m3ww/.config/eww/variables.yuck
@@ -0,0 +1,160 @@
+; Const
+(defpoll RES_WIDTH :initial 1920 :interval "69h" `xrandr --current | grep '*' | uniq | awk '{print $1}' | cut -d 'x' -f1`)
+(defpoll RES_HEIGHT :initial 1080 :interval "69h" `xrandr --current | grep '*' | uniq | awk '{print $1}' | cut -d 'x' -f2`)
+; (defvar RES_WIDTH 1920)
+; (defvar RES_HEIGHT 1080)
+(defvar BAR_USELESS_GAPS 3)
+(defvar BAR_HEIGHT_HIDDEN 0)
+(defvar BAR_HEIGHT_NORMAL 40)
+(defvar BAR_HEIGHT_EXTENDED 80)
+(defvar BAR_HEIGHT_BOTTOM_NORMAL 60)
+(defvar GAPS 0)
+(defvar BG_ROUNDING 22)
+(defpoll accent :initial "#16C1C8" :interval "69h" `cat css/_material.scss | grep 'onPrimaryContainer' | awk '{print $2}' | cut -d ";" -f1`)
+(defvar BATTERY_LOW 20)
+(defvar OVERVIEW_SCALE 0.18)
+(defvar OVERVIEW_INDICATOR_GAP 1)
+(defvar POWERMENU_COMMANDS `["gtklock &", "loginctl terminate-user $USER &", "systemctl suspend &", "systemctl hibernate &", "systemctl poweroff &", "systemctl reboot &", "# nothing", "# cancel"]`)
+(defvar POWERMENU_QUICKLAUNCHES `["hyprctl keyword debug:overlay $(( 1 - $(hyprctl getoption debug:overlay -j | gojq '.int') ))", "hyprctl dispatch submap reset && eww close powermenu && xdg-open 'https://discord.com/app' && xdg-open 'https://youtube.com/' && xdg-open 'https://github.com/' &", "hyprctl dispatch submap reset && eww close powermenu && code ~/.config/eww/ &", "hyprctl dispatch submap reset && eww close powermenu && xdg-open ~/.config/hypr/hyprland.conf &", "hyprctl dispatch submap reset && eww close powermenu && xdg-open 'https://wiki.hyprland.org/' &", "hyprctl dispatch submap reset && eww close powermenu && xdg-open 'https://www.youtube.com/watch?v=dQw4w9WgXcQ' &"]`)
+(defvar SCROLL_MULTIPLIER_WAIFUTAGS 36) ; Number of pixels to scroll each mouse scroll
+(defvar SCROLL_TOSHOW_WAIFUTAGS 7) ; Edit scroll-waifu script too. I have to hard code or it'll be very slow
+(defvar VOLUME_ICONS `["", "", "", ""]`) ; Levels 0 1 2 3  ; Material icons
+(defvar WAIFU_TAG_ID `[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19, 20]`) ; Note: change $total and $shown in scripts/scroll-waifu too
+(defvar WAIFU_CATEGORIES_ICONS `["favorite", "mop", "school", "pets", "pets", "adjust", "🥵", "visibility_off", "visibility", "join", "photo_camera", "mode_fan", "explosion","checkroom", "💀", "hourglass_bottom", "relax",  "♨️",    "pets",  "🥵pets",    "voice_selection"]`)
+(defvar WAIFU_CATEGORIES       `["waifu", "maid", "uniform", "nekos.life", "nekos.moe",    "oppai", "ero", "ecchi", "hentai", "paizuri", "selfies", "raiden-shogun", "megumin",        "marin-kitagawa", "mori-calliope", "ass", ".pics:waifu",  ".pics:waifu segs",    ".pics:neko",  ".pics:neko segs",    "oral"]`)
+(defvar WAIFU_CATEGORIES_ARGS  `["waifu", "maid", "uniform", "--neko",     "--moe --segs", "oppai", "ero", "ecchi", "hentai", "paizuri", "selfies", "raiden-shogun", "--pics megumin", "marin-kitagawa", "mori-calliope", "ass", "--pics waifu", "--pics waifu --segs", "--pics neko", "--pics neko --segs", "oral"]`)
+(defvar weekdays '[{"day":"Mo","today":"0"},{"day":"Tu","today":"0"},{"day":"We","today":"0"},{"day":"Th","today":"0"},{"day":"Fr","today":"0"},{"day":"Sa","today":"0"},{"day":"Su","today":"0"}]')
+(defvar WIFI_ICONS `["", "", "", "", ""]`) ; Levels 0 1 2 3 4  ; Material icons
+(defvar WORKSPACE_SIDE_PAD 0.477) ; In rem!
+(defvar ws-icons '["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"]')
+
+; Const: animation curves
+(defvar ANIM_NAMES `["Material","Fluent"]`)
+(defvar ANIM_ENTER `["transition: 200ms cubic-bezier(0.05,0.7,0.1,1);","transition: 250ms cubic-bezier(0,0,0,1);"]`)
+(defvar ANIM_EXIT `["transition: 150ms cubic-bezier(0.3,0,0.8,0.15);","transition: 180ms cubic-bezier(1,0,1,1);"]`)
+(defvar ANIM_VERYLONG `["transition: 600ms cubic-bezier(0.05,0.7,0.1,1);","transition: 600ms cubic-bezier(0,0,0,1);"]`)
+(defvar ANIM_INSTANT "transition: 0ms;")
+(defvar anim_set 0) ; Index of main animation set
+
+; Widget states
+(defvar flash_notif false)
+(defvar hover_leftspace false)
+(defvar hover_rightspace false)
+(defvar hover_music false)
+(defvar open_cheatsheet 0)
+(defvar open_notificationspopup false)
+(defvar open_powermenu false)
+(defvar open_powerview false)
+(defvar open_sideleft false)
+(defvar open_sideright false)
+(defvar open_visualizer false)
+(defvar osd_vol false)
+(defvar osd_bright false)
+(defvar rev_mixer false)
+(defvar rev_mixerbtn false)
+(defvar rev_waifustatus false)
+
+; Vars
+(defvar BAR_HEIGHT 40)
+(defvar BAR_HEIGHT_BOTTOM 0)
+(defvar calendartitle "")
+(defpoll langs :initial "[]" :interval "69h" `cat json/langs.json | gojq -c -M`)
+(defvar monthshift 0)
+(defvar notification_read 0)
+(defvar notification_cleared 0)
+(defvar notification_revcnt 0)
+(defvar overview_hover_name `{"class": "LMB: Focus | MMB: Close | RMB: Select/Move","title":"Powerview","workspace":{"id":0,"name":"0"},"icon": "/usr/share/icons/breeze-dark/actions/16/window.svg", "size": [0,0], "at": [0,0]}`)
+(defvar overview_query "")
+(defvar overview_results "[]")
+(defvar powermenu_option 0)
+(defvar quote_index 0)
+(defvar scroll_offset_waifu 0)
+(defvar selected '')
+(defvar show_waifu false)
+(defvar waifu_status "")
+
+
+; Dummies
+(deflisten ICON_GET `scripts/get_open_icons`)
+
+; Listeners
+(deflisten awin "scripts/activewin")
+(deflisten activews :initial 1 "scripts/activews")
+(deflisten audiojson :initial "[]" "scripts/audiolevels")
+(deflisten battery :initial "{\"bgcolor\":\"transparent\",\"cirbgcolor\":\"transparent\",\"circolor\":\"#ffd9de\",\"color\":\"white\",\"icon\":\"\",\"percentage\":54,\"quickicon\":\"\",\"status\":\"00:06hleft\",\"wattage\":\"11.9W\"}" "scripts/battery 2>/dev/null")
+(deflisten bluetooth :initial `{"icon": "","batt_icon":"","text":"Bluetooth off"}` "scripts/bluetooth")
+(deflisten brightness :initial `{"level": 38.43,"icon": ""}` "scripts/brightness")
+(defpoll calendar :initial "[]" :interval "15m" `eww update monthshift=0 && eww update calendartitle="$(date '+%B %Y')" && scripts/calendarlayout`)
+(deflisten cheatsheet :initial "[]" "cat json/cheatsheet.json | gojq -c -M")
+(deflisten cavajson :initial "[[0,0]]" `scripts/cavajson`)
+(defpoll fontsize :initial 11 :interval "15m" `gsettings get org.gnome.desktop.interface font-name | cut -d ' ' -f 2 | sed 's/\'//g'`)
+(deflisten hyprjson :initial `{"rounding":15,"gaps_in":4,"gaps_out":4,"border_size":2,"force_no_accel":0,"input_sensitivity":0,"touchpad_disable_while_typing":1,"touchpad_clickfinger_behavior":1,"blur":1,"blur_size":7,"blur_passes":4,"blur_xray":1,"nightlight":false,"dummy":0}` "scripts/hyprsettings")
+(deflisten lang_ibus :initial "{\"name\":\"English (xkb)\",\"name_abbr\":\"ENG\",\"name_ibus\":\"xkb:us::eng\"}" `scripts/language`)
+(deflisten memory :initial `{ "total": "8G", "used": "4G", "free": "4G", "swaptotal": "8G", "swapused": "0M", "swappercentage": 0, "swapfree": "8G", "percentage": 50 }` "scripts/memory")
+(deflisten mname :initial "{\"artist\":\"\",\"title\":\"Music\"}" "scripts/music name 999") ; The number is the length limit of the title
+(deflisten mplay "playerctl -F metadata -f '{{status}}'")
+(deflisten music :initial `{"artist" :"","length":"00:00","position":"0","position_time":"00:00","status":"","title":"Music"}` "scripts/music")
+(deflisten mcover
+  :initial '{"image": "null", "color": {"alpha":"100","colors":{"color0":"null","color1":"null","color10":"null","color11":"null","color12":"null","color13":"null","color14":"null","color15":"null","color2":"null","color3":"null","color4":"null","color5":"null","color6":"null","color7":"null","color8":"null","color9":"null"},"special":{"background":"null","cursor":"null","foreground":"null"},"wallpaper":"~/.config/eww/eww_covers/cover_art","source":"󱛟"},"materialcolor":{"onPrimary":"null","onPrimaryContainer":"null","onSecondaryContainer":"null","primary":"null","primaryContainer":"null","secondaryContainer":"null"}}'
+  "scripts/music cover"
+)
+(deflisten net :initial `{ "essid": "lo", "icon": "", "level": "0" }` "scripts/net")
+(deflisten notifications :initial '[]' "scripts/notify-receive | gojq -c -M 'reverse'")
+(deflisten tasks "scripts/taskbarloop")
+(deflisten todolist :initial "[]" "cat json/todo.json | gojq -c -M")
+(deflisten volume :initial `{"icon":"","audio":"1","device":"Headphones","percent":"32","microphone":"100"}` "scripts/volume")
+(deflisten workspace :initial `[{"num":"1","haswins":"true"},{"num":"2","haswins":"true"},{"num":"3","haswins":"true"},{"num":"4","haswins":"true"},{"num":"5","haswins":"true"},{"num":"6","haswins":"true"},{"num":"7","haswins":"true"},{"num":"8","haswins":"true"},{"num":"9","haswins":"true"},{"num":"10","haswins":"true"}]` "scripts/workspaces")
+(deflisten wsjsona
+  :initial `[[{"address":"_none","at":[0,0],"class":"workspace","size":[1920,1080],"title":"1","workspace":{"id":1,"name":"1"}}],[{"address":"_none","at":[0,0],"class":"workspace","size":[1920,1080],"title":"2","workspace":{"id":2,"name":"2"}}],[{"address":"_none","at":[0,0],"class":"workspace","size":[1920,1080],"title":"3","workspace":{"id":3,"name":"3"}}],[{"address":"_none","at":[0,0],"class":"workspace","size":[1920,1080],"title":"4","workspace":{"id":4,"name":"4"}}],[{"address":"_none","at":[0,0],"class":"workspace","size":[1920,1080],"title":"5","workspace":{"id":5,"name":"5"}}]]`
+  "scripts/overview-wrapper1"
+)
+(deflisten wsjsonb
+  :initial `[[{"address":"_none","at":[0,0],"class":"workspace","size":[1920,1080],"title":"6","workspace":{"id":6,"name":"6"}}],[{"address":"_none","at":[0,0],"class":"workspace","size":[1920,1080],"title":"7","workspace":{"id":7,"name":"7"}}],[{"address":"_none","at":[0,0],"class":"workspace","size":[1920,1080],"title":"8","workspace":{"id":8,"name":"8"}}],[{"address":"_none","at":[0,0],"class":"workspace","size":[1920,1080],"title":"9","workspace":{"id":9,"name":"9"}}],[{"address":"_none","at":[0,0],"class":"workspace","size":[1920,1080],"title":"10","workspace":{"id":10,"name":"10"}}]]`
+  "scripts/overview-wrapper2"
+)
+
+; Polls
+(defpoll cpuname :interval "69h" :initial "lincox" ` lscpu | grep 'Model name' | sed 's/Model name: *//' | sed 's/ with Radeon Graphics//g'`)
+(defpoll gpunames :interval "69h" :initial "lincox" `lspci | grep "VGA\\\|3D" | cut -d ':' -f3 | cut -d '[' -f2 | cut -d ']' -f1`)
+(defpoll diskfreepercent :initial "0" :interval "10m" `echo $(df --output=pcent / | tr -dc '0-9')`)
+(defpoll diskfree :interval "10m" `df -h --output=avail / | awk 'NR==2{print $1}'`)
+(defpoll diskused :interval "10m" `df -h --output=used / | awk 'NR==2{print $1}'`)
+(defpoll distro :initial "endeavouros" :interval "69h" "grep -w ID /etc/os-release | cut -d\\\" -f2")
+(defpoll hostname :interval "69h" :initial "distro" `uname -n`)
+(defpoll hyprland_version :interval "69h" :initial "v69420" "hyprctl version | head -2 | tail -1")
+(defpoll kernel :interval "69h" :initial "lincox kernel" `uname -r`)
+(defpoll realname :interval "69h" :initial "username" `awk -F':' -v uid=1000 '$3 == uid { print $5 }' /etc/passwd`)
+(defpoll time
+  :initial `{"date": "6/9", "hour": "0", "minute": "0", "monthname": "Month", "day": "Not monday", "year": "2077"}`
+  :interval "5s"
+  `date +'{"date": "%d/%m", "hour": "%H", "minute": "%M", "monthname": "%B", "day": "%A", "year": "%Y"}'`
+)
+(defpoll uptime :interval "5m" "uptime -p | sed -e 's/up //;s/ hours,/h/;s/ minutes/m/'")
+(defpoll username :interval "69h" :initial "username" `whoami`)
+(defpoll waifu :initial `{"path": "eww_covers/waifu", "size": [1080, 1080]}` :interval "5m" `python3 scripts/waifu-get.py waifu`)
+
+; INSPIRING quotes
+(defvar quote_content `[
+  "every other compositor is like professional and shit\\\nand we are about to make porn of ours\\\nLMAO",
+  "haha pointers hee hee i love pointe-\\\nProcess Vaxry exited with signal SIGSEGV",
+  "arch is like rick astley to me\\\nnever gonna let you down",
+  "you have any cool ones?\\\nI'm always open for new wallpapers\\\npreferably anime tiddies ofc but yknow",
+  "BRO FRANCE BANNED MS OFFICE AND GOOGLE DOCS IN SCHOOLS LMAO L L L L L L L L L L L L L L L L",
+  "doki doki waku waku",
+  "that was good enough I guess\\\nI have a penis",
+  "...so Nvidia, fuck you",
+  "you cant spell circumference without cum",
+  "sEX"
+]`)
+(defvar quote_author `[
+  "- vaxer",
+  "- vaxry",
+  "- vaxry-chan",
+  "- vaxry",
+  "- vaxry",
+  "- Hyprland community, 2023",
+  "- vaxry",
+  "- Linus Torvalds",
+  "- vaxer",
+  "- vaxer"
+]`)
\ No newline at end of file
diff --git a/m3ww/.config/eww/windows/bgdecor.yuck b/m3ww/.config/eww/windows/bgdecor.yuck
new file mode 100755
index 000000000..39495a1e9
--- /dev/null
+++ b/m3ww/.config/eww/windows/bgdecor.yuck
@@ -0,0 +1,61 @@
+(defwidget bgdecor_widget []
+  (box
+    :vexpand true
+    :space-evenly false :orientation "v"
+    (box
+      :class "bar-bg ${BAR_HEIGHT >= 2 ? 'bar-height' : ''}"
+    )
+    (overlay
+      :vexpand true
+      (box
+        :vexpand true
+        :class "bgdecor-box"
+      )
+      (image
+        :path "images/svg/corner_topleft.svg"
+        :halign "start"
+        :valign "start"
+        :image-width BG_ROUNDING
+        :image-height BG_ROUNDING
+      )
+      (image
+        :path "images/svg/corner_topright.svg"
+        :halign "end"
+        :valign "start"
+        :image-width BG_ROUNDING
+        :image-height BG_ROUNDING
+      )
+      (image
+        :path "images/svg/corner_bottomleft.svg"
+        :halign "start"
+        :valign "end"
+        :image-width BG_ROUNDING
+        :image-height BG_ROUNDING
+      )
+      (image
+        :path "images/svg/corner_bottomright.svg"
+        :halign "end"
+        :valign "end"
+        :image-width BG_ROUNDING
+        :image-height BG_ROUNDING
+      )
+    )
+    (box
+      :class "bar-bg ${BAR_HEIGHT >= 2 ? '' : 'bar-bottom-height'}"
+    )
+    (box
+      :class "bar-bg ${open_visualizer ? 'visualizer-height' : ''}"
+    )
+  )
+)
+
+(defwindow bgdecor
+  :monitor 0
+  :stacking "bg"
+  :namespace "noblur"
+  :geometry (geometry
+    :width "100%"
+    :height "100%"
+  )
+  (bgdecor_widget)
+)
\ No newline at end of file
diff --git a/m3ww/.config/eww/windows/cheatsheet.yuck b/m3ww/.config/eww/windows/cheatsheet.yuck
new file mode 100755
index 000000000..f1ad572a6
--- /dev/null
+++ b/m3ww/.config/eww/windows/cheatsheet.yuck
@@ -0,0 +1,115 @@
+(defwidget cheatsheet_widget []
+  (box
+    :class "cheatsheet-bg spacing-v-15"
+    :orientation "v"
+    :space-evenly false
+    (centerbox
+      (box)
+      (box
+        :valign "center"
+        :orientation "h"
+        :space-evenly false
+        :class "spacing-h-15"
+        (label
+          :class "txt txt-hugeass"
+          :text "Cheat sheet"
+        )
+        (box
+          :space-evenly false
+          (label
+            :valign "center"
+            :class "cheatsheet-key txt-small"
+            :text ""
+          )
+          (label
+            :valign "center"
+            :class "cheatsheet-key-notkey txt-small"
+            :text "+"
+          )
+          (label
+            :valign "center"
+            :class "cheatsheet-key txt-small"
+            :text "/"
+          )
+        )
+      )
+      (button
+        :halign "end" :valign "center"
+        :class "cheatsheet-closebtn icon-material txt txt-hugeass"
+        :onclick "hyprctl dispatch submap reset && scripts/toggle-cheatsheet.sh --close &"
+        (label
+          :text "close"
+        )
+      )
+    )
+    (box
+      :spacing 15 ; can't apply dynamic children spacing for for loops sadly
+      (for column in cheatsheet
+        (box
+          :orientation "v"
+          :space-evenly false
+          :spacing 15 ; can't apply dynamic children spacing for for loops sadly
+          (for category in column
+            (revealer
+              :transition "crossfade"
+              :duration "150ms"
+              :reveal {open_cheatsheet >= category.appeartick}
+              (box :space-evenly false :orientation "v"
+                :class "spacing-v-15"
+                (box
+                  :orientation "h"
+                  :space-evenly false
+                  :class "spacing-h-10"
+                  (label :xalign 0
+                    :class "icon-material txt txt-larger"
+                    :text {category.icon}
+                  )
+                  (label :xalign 0
+                    :class "txt txt-larger"
+                    :text {category.name}
+                  )
+                )
+                (box
+                  :space-evenly false :orientation "h"
+                  :class "spacing-h-10"
+                  (box
+                    :orientation "v"
+                    (for keybind in {category.binds}
+                      (box :space-evenly false :orientation "h"
+                        (for key in {keybind.keys}
+                          (label
+                            :class "${key == 'OR' || key == '+' ? 'cheatsheet-key-notkey' : 'cheatsheet-key'} txt-small"
+                            :text {key}
+                          )
+                        )
+                      )
+                    )
+                  )
+                  (box
+                    :orientation "v"
+                    (for keybind in {category.binds}
+                      (label :xalign 0
+                        :class "txt chearsheet-action txt-small"
+                        :text {keybind.action}
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow cheatsheet
+  :monitor 0
+  :stacking "fg"
+  :namespace "eww"
+  :geometry (geometry
+    :anchor "center center"
+  )
+  (cheatsheet_widget)
+)
\ No newline at end of file
diff --git a/m3ww/.config/eww/windows/notificationspopup.yuck b/m3ww/.config/eww/windows/notificationspopup.yuck
new file mode 100755
index 000000000..1669472d7
--- /dev/null
+++ b/m3ww/.config/eww/windows/notificationspopup.yuck
@@ -0,0 +1,86 @@
+(defwidget notificationspopup_widget []
+  (box
+    (box
+      :style "
+      ${open_notificationspopup ? '' : 'margin-top: -${RES_HEIGHT}px;'}
+      ${open_notificationspopup ? ANIM_ENTER[0] : ANIM_EXIT[0]}
+      "
+      (eventbox
+        :onhoverlost "scripts/toggle-notificationspopup.sh --close && ${EWW_CMD} update notification_read=${notifications[0]['id']} &"
+        (box
+          :orientation "v" :space-evenly false
+          (box
+            :orientation "v" :space-evenly false
+            (for notif in notifications
+              (revealer
+                :reveal {notif.id > notification_read && notif.id <= notification_revcnt}
+                :transition "slidedown"
+                :duration "100ms"
+                (box
+                  :class "popup-notif-common popup-notif${
+                  arraylength(notifications) - notification_read == 1 ? '' : (
+                    notif.id == arraylength(notifications) ? (
+                      notifications[1]['app_name'] == notif.app_name && notifications[1]['urgency'] == notif.urgency ? '-top' : ''
+                      ) : (
+                      notif.id == 1 ? (
+                        notifications[arraylength(notifications) - 2]['app_name'] == notif.app_name && notifications[arraylength(notifications) - 2]['urgency'] == notif.urgency ? '-bottom' : ''
+                        ) : (
+                        notifications[arraylength(notifications) - notif.id + 1]['app_name'] == notif.app_name && notifications[arraylength(notifications) - notif.id + 1]['urgency'] == notif.urgency && notif.id != notification_read + 1 ? (
+                          notifications[arraylength(notifications) - notif.id - 1]['app_name'] == notif.app_name && notifications[arraylength(notifications) - notif.id - 1]['urgency'] == notif.urgency ? '-middle' : '-top') : (
+                          notifications[arraylength(notifications) - notif.id - 1]['urgency'] == notif.urgency ? '-bottom' : ''
+                        )
+                      )
+                    )
+                  )
+                  } ${notif.urgency == 2 ? 'popup-notif-urgent' : 'popup-notif-normal'}"
+                  :orientation "h"
+                  (box :orientation "v" :space-evenly false
+                    (box :orientation "h" :space-evenly false
+                      (label :xalign 0
+                        :wrap true
+                        :class "txt-norm txt-bold"
+                        :text "${notif.summary}"
+                      )
+                      (box :hexpand true)
+                      (label :xalign 0
+                        :wrap true
+                        :class "txt-small"
+                        :text "${notif.app_name} • ${notif.time}"
+                        :text "${arraylength(notifications) == 1 ||
+                        notif.id == arraylength(notifications) ||
+                        notifications[arraylength(notifications) - notif.id - 1]['app_name'] != notif.app_name || notifications[arraylength(notifications) - notif.id - 1]['urgency'] != notif.urgency ?
+                        '${notif.app_name} • ${notif.time}' : notif.time
+                        }"
+                      )
+                    )
+                    (label :xalign 0
+                      :wrap true
+                      :class "txt-smaller"
+                      :text {notif.body}
+                    )
+                  )
+                )
+              )
+            )
+          )
+          (label
+            :halign "center"
+            :class "txt-small txt popup-notif-hint"
+            :text "Press right Ctrl or unhover to dismiss"
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow notificationspopup
+  :monitor 0
+  :stacking "overlay"
+  :namespace "eww"
+  :geometry (geometry
+    :anchor "top center"
+    :y "4%"
+  )
+  (notificationspopup_widget)
+)
\ No newline at end of file
diff --git a/m3ww/.config/eww/windows/powermenu.yuck b/m3ww/.config/eww/windows/powermenu.yuck
new file mode 100755
index 000000000..dd00e3519
--- /dev/null
+++ b/m3ww/.config/eww/windows/powermenu.yuck
@@ -0,0 +1,269 @@
+(defwidget powermenu_button [ icon text optn_num force_height ]
+  (box
+    (button
+      :class "powermenu-btn${force_height ? '-forceheight' : ''}${optn_num == powermenu_option ? '-active' : ''}"
+      :onclick "hyprctl dispatch submap reset && eww close powermenu; ${POWERMENU_COMMANDS[optn_num]}"
+      (box
+        :valign "center"
+        :orientation "v"
+        :space-evenly false
+        (label
+          :class "icon-material txt-badonkers"
+          :text {icon}
+        )
+        (label
+          :class "txt-small"
+          :text {text}
+        )
+      )
+    )
+  )
+)
+
+(defwidget powermenu_quicklaunch [ icon text optn_num ]
+  (box
+    (button
+      :class "powermenu-btn-bottom"
+      :onclick {POWERMENU_QUICKLAUNCHES[optn_num]}
+      (overlay
+        (box
+          :valign "center"
+          :orientation "v"
+          :space-evenly false
+          (label
+            :class "icon-material txt-hugeass"
+            :text {icon}
+          )
+          (label
+            :class "txt-small"
+            :text {text}
+          )
+        )
+        ; number indicator
+        (box
+          :class "powermenu-btn-number"
+          :halign "start" :valign "start"
+          (label
+            :class "txt-small"
+            :text {optn_num == 0 ? 'Grave' : optn_num}
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget powermenu_guidetext [ icon text ]
+  (box
+    :class "spacing-h-10"
+    :space-evenly false :orientation "h"
+    (label :xalign 1
+      :class "txt-large powermenu-keybind-min-width"
+      :text "[${icon}]"
+    )
+    (label :xalign 0
+      :class "txt-small"
+      :text {text}
+    )
+  )
+)
+
+(defwidget powermenu_widget []
+  (box
+    :orientation "v"
+    :space-evenly false
+    :class "powermenu-bg"
+    (box ; Top corners
+      :space-evenly false
+      :orientation "h"
+      (image
+        :path "images/svg/corner_topleft.svg"
+        :image-width BG_ROUNDING
+        :image-height BG_ROUNDING
+      )
+      (box :hexpand true)
+      (image
+        :path "images/svg/corner_topright.svg"
+        :image-width BG_ROUNDING
+        :image-height BG_ROUNDING
+      )
+    )
+    (centerbox
+      :space-evenly false
+      (box ; Guide text
+        :hexpand true
+        :space-evenly false
+        :orientation "v"
+        :class "powermenu-time txt"
+        (powermenu_guidetext :icon "←↑→↓" :text "Arrows to navigate")
+        (powermenu_guidetext :icon "↵" :text "Enter to confirm")
+        (powermenu_guidetext :icon "Esc" :text "Esc to cancel")
+        (powermenu_guidetext :icon "C_S+R" :text "Ctrl+Super+R to force exit")
+        (powermenu_guidetext :icon "#" :text "<Number> to quick-launch")
+      )
+      (box ; Power options
+        :space-evenly false
+        :halign "center"
+        :class "spacing-v-15 powermenu-btn-area"
+        :orientation "v"
+        (box
+          :space-evenly false
+          :class "spacing-h-15"
+          (powermenu_button :optn_num 0 :force_height true :icon "lock" :text "Lock")
+          (powermenu_button :optn_num 1 :force_height true :icon "logout" :text "Logout")
+          (powermenu_button :optn_num 2 :force_height true :icon "bedtime" :text "Sleep")
+        )
+        (box
+          :space-evenly false
+          :class "spacing-h-15"
+          (powermenu_button :optn_num 3 :force_height true :icon "system_update_alt" :text "Hibernate")
+          (powermenu_button :optn_num 4 :force_height true :icon "power_settings_new" :text "Shutdown")
+          (powermenu_button :optn_num 5 :force_height true :icon "restart_alt" :text "Reboot")
+        )
+        ; Cancel button
+        (box :halign "center"
+          (powermenu_button :optn_num 7 :force_height false :icon "Close" :text "Cancel")
+        )
+      )
+      (box ; Clock
+        :hexpand true
+        :space-evenly false
+        :orientation "v"
+        :class "powermenu-time txt"
+        (label :xalign 1
+          :class "txt-badonkers"
+          :text {formattime(EWW_TIME, '%I:%M')}
+        )
+        (label :xalign 1
+          :class "txt-large"
+          :text {formattime(EWW_TIME, '%A, %d/%m')}
+        )
+      )
+    )
+    ; (box :vexpand true)
+    ; Info stuff
+    (box
+      :halign "center" :valign "center"
+      :vexpand true
+      :orientation "h"
+      :space-evenly false
+      :class "spacing-h-15"
+      (box
+        :valign "center"
+        :class "spacing-h-15"
+        :space-evenly false
+        :orientation "h"
+        (label
+          :class "icon-material txt-badonkers powermenu-icon"
+          :text "devices"
+        )
+        (box
+          :valign "center"
+          :orientation "v"
+          :space-evenly false
+          :class "spacing-v-5"
+          ; (label :xalign 0
+          ;   :class "txt-large txt"
+          ;   :text "Hardware"
+          ; )
+          (label :xalign 0
+            :wrap true
+            :class "txt-small txt"
+            :text "${cpuname}"
+          )
+          (label :xalign 0
+            :wrap true
+            :class "txt-small txt"
+            :text "${gpunames}"
+          )
+        )
+      )
+      (box
+        :valign "center"
+        :class "spacing-h-10"
+        :space-evenly false
+        :orientation "h"
+        (box
+          :class "powermenu-icon"
+          :style "background-image: url('images/svg/${distro}.svg');"
+        )
+        (box
+          :valign "center"
+          :orientation "v"
+          :space-evenly false
+          :class "spacing-v-5"
+          (label :xalign 0
+            :class "txt-large txt"
+            :text "${username}@${hostname}"
+          )
+          (label :xalign 0
+            :class "txt-small txt"
+            :text "${kernel}"
+          )
+        )
+      )
+      (box
+        :valign "center"
+        :class "spacing-h-15"
+        :space-evenly false
+        :orientation "h"
+        (box
+          :class "powermenu-icon"
+          :style "background-image: url('images/svg/hyprland.svg');"
+        )
+        (box
+          :valign "center"
+          :orientation "v"
+          :space-evenly false
+          :class "spacing-v-5"
+          (label :xalign 0
+            :class "txt-large txt"
+            :text "Hyprland"
+          )
+          (label :xalign 0
+            :class "txt-small txt"
+            :text "${hyprland_version}"
+          )
+        )
+      )
+    )
+    (box ; Quick-launches
+      :space-evenly false
+      :halign "center"
+      :class "spacing-h-15 powermenu-btn-area"
+      ; toggle fps
+      (powermenu_quicklaunch :optn_num 0 :icon "60fps_select" :text "Toggle FPS")
+      (powermenu_quicklaunch :optn_num 1 :icon "language" :text "Open browser setup")
+      (powermenu_quicklaunch :optn_num 2 :icon "widgets" :text "Config Eww")
+      (powermenu_quicklaunch :optn_num 3 :icon "water_drop" :text "Config Hyprland")
+      (powermenu_quicklaunch :optn_num 4 :icon "article" :text "Hyprland Wiki")
+      (powermenu_quicklaunch :optn_num 5 :icon "auto_awesome" :text "Rickroll")
+    )
+    (box ; Bottom corners
+      :space-evenly false
+      :orientation "h"
+      (image
+        :path "images/svg/corner_bottomleft.svg"
+        :image-width BG_ROUNDING
+        :image-height BG_ROUNDING
+      )
+      (box :hexpand true)
+      (image
+        :path "images/svg/corner_bottomright.svg"
+        :image-width BG_ROUNDING
+        :image-height BG_ROUNDING
+      )
+    )
+  )
+)
+
+(defwindow powermenu
+  :monitor 0
+  :stacking "overlay"
+  :namespace "noanim"
+  :geometry (geometry
+    :width "100%"
+    :height "100%"
+  )
+  (powermenu_widget)
+)
\ No newline at end of file
diff --git a/m3ww/.config/eww/windows/powerview.yuck b/m3ww/.config/eww/windows/powerview.yuck
new file mode 100755
index 000000000..3fe4da352
--- /dev/null
+++ b/m3ww/.config/eww/windows/powerview.yuck
@@ -0,0 +1,226 @@
+(defwidget powerview_workspacebox_widget [wspace]
+  (box
+    :class "powerview-ws"
+    (overlay
+      (box
+        :space-evenly false
+        :orientation "h"
+        :style "
+        min-width: ${RES_WIDTH * OVERVIEW_SCALE}px;
+        min-height: ${RES_HEIGHT * OVERVIEW_SCALE}px;
+        "
+        (box
+          :hexpand true
+          :class "powerview-ws-${wspace[0].workspace.id == activews}"
+          :style "
+          border-radius: 99px;
+          margin: 0px ${RES_WIDTH / 3 * OVERVIEW_SCALE}px;
+          margin-bottom: ${(BAR_HEIGHT == 0 ? GAPS : (RES_HEIGHT - BAR_HEIGHT)) * OVERVIEW_SCALE + OVERVIEW_INDICATOR_GAP}px;
+          margin-top: ${(BAR_HEIGHT == 0 ? (RES_HEIGHT - BAR_HEIGHT_BOTTOM) : GAPS) * OVERVIEW_SCALE + OVERVIEW_INDICATOR_GAP}px;
+          "
+        )
+      )
+      (box
+        :space-evenly false
+        :orientation "h"
+        :style "
+        min-width: ${RES_WIDTH * OVERVIEW_SCALE}px;
+        min-height: ${RES_HEIGHT * OVERVIEW_SCALE}px;
+        "
+        (for ws-window in wspace
+          (box
+            :class "${ws-window.address == '_none' ? '' : (
+              ws-window.address != selected ? 'powerview-ws-window' : 'powerview-ws-window-selected'
+            )}"
+            :style "
+            margin-left: ${round(ws-window.at[0] * OVERVIEW_SCALE, 0)}px;
+            margin-top: ${round(ws-window.at[1] * OVERVIEW_SCALE, 0)}px;
+            margin-right: -${round((ws-window.at[0] + ws-window.size[0]) * OVERVIEW_SCALE,0)}px;
+            margin-bottom: ${round(RES_HEIGHT * OVERVIEW_SCALE - ((ws-window.at[1] + ws-window.size[1]) * OVERVIEW_SCALE), 0)}px;
+            "
+            (eventbox
+              :cursor "${ws-window.class == 'workspace' ? '' : 'cell'}"
+              :onrightclick "scripts/selectwindow ${ws-window.address} '${EWW_CMD}' ${ws-window.workspace.id}"
+              :onmiddleclick "hyprctl dispatch closewindow address:${ws-window.address}"
+              :onclick "scripts/focuswindow ${ws-window.address} ${ws-window.workspace.id} && scripts/toggle-powerview.sh --close &"
+              :onhover "${ws-window.class == 'workspace' ? '' : (EWW_CMD + ' update overview_hover_name=\'' + ws-window + '\'')}"
+              (literal
+                :content `
+                ${ ws-window.icon == 'null' ? '(box)' :
+                '
+                (image
+                  :vexpand true
+                  :path {ws-window.icon}
+                  :image-width {round(ws-window.size[0] * OVERVIEW_SCALE * 45 / 100, 0)}
+                  :image-height {round(ws-window.size[1] * OVERVIEW_SCALE * 45 / 100, 0)}
+                )
+                '
+                }
+                `
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget powerview_widget []
+  (box
+    :space-evenly false
+    :orientation "v"
+    (eventbox
+      :onclick "scripts/toggle-powerview.sh --close &"
+      :onmiddleclick "scripts/toggle-powerview.sh --close &"
+      :onrightclick "scripts/toggle-powerview.sh --close &"
+      :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    )
+    ; Search box
+    (box
+      :class "powerview-search-box-size"
+      :halign "center"
+      (box
+        (overlay
+          (input
+            :class "powerview-search-field"
+            :halign "fill" :vexpand true
+            :onchange "${EWW_CMD} update overview_query=\"{}\" && ${EWW_CMD} update overview_results=\"$(scripts/appsearch '{}')\" &"
+            :onaccept "scripts/launchapp '${overview_results == '[]' ? {} : overview_results[0].exec}' &"
+          )
+          (revealer
+            :reveal false
+            :transition "slidedown"
+            (label
+              :text {ICON_GET} ; Dummy to keep listener active
+            )
+          )
+          (box
+            :space-evenly false
+            :halign "center" :valign "center"
+            :orientation "v"
+            (revealer
+              :reveal "${overview_query == ''}"
+              :duration "150ms"
+              (label
+                :class "powerview-search-prompt-txt"
+                :xalign 0
+                :text "Search or calculate"
+              )
+            )
+          )
+        )
+      )
+    )
+    (eventbox ; Apps in workspaces
+      :onhoverlost `eww update overview_hover_name='{"class":"LMB: Focus | MMB: Close | RMB: Select/Move","title":"Powerview","workspace":{"id":0,"name":"0"},"icon": "/usr/share/icons/breeze-dark/actions/16/window.svg", "size": [0,0], "at": [0,0]}' &`
+      :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+      (revealer
+        :reveal "${overview_query == ''}"
+        :transition "slidedown"
+        :duration "${overview_query == '' ? '180ms' : '150ms'}"
+        (revealer
+          :reveal "${overview_query == ''}"
+          :transition "crossfade"
+          :duration "${overview_query == '' ? '180ms' : '150ms'}"
+          (box
+            :space-evenly false
+            :orientation "v"
+            (box
+              :space-evenly false
+              :orientation "v"
+              :class "powerview-bg"
+              (box
+                :orientation "h"
+                (for wspace in wsjsona
+                  (powerview_workspacebox_widget
+                    :wspace {wspace}
+                  )
+                )
+              )
+              (box
+                :orientation "h"
+                (for wspace in wsjsonb
+                  (powerview_workspacebox_widget
+                    :wspace {wspace}
+                  )
+                )
+              )
+            )
+            (centerbox
+              :halign "center"
+              :orientation "h"
+              :class "bar-bg powerview-info"
+              (label :xalign 0
+                :class "txt-norm txt"
+                :text "${overview_hover_name.class}"
+              )
+              (label
+                :class "txt-norm txt"
+                :style "margin: 0px 50px;"
+                :text "${overview_hover_name.title}"
+              )
+              (label :xalign 1
+                :class "txt-norm txt"
+                :text "${overview_hover_name.size[0]}x${overview_hover_name.size[1]} "
+              )
+            )
+          )
+        )
+      )
+    )
+    (box ; Search results
+      :space-evenly false
+      :halign "center"
+      :orientation "v"
+      (revealer
+        :reveal "${overview_query != ''}"
+        :transition "slidedown"
+        :duration "${overview_query == '' ? '170ms' : '200ms'}"
+        (revealer
+          :reveal "${overview_query != ''}"
+          :transition "crossfade"
+          :duration "${overview_query == '' ? '170ms' : '200ms'}"
+          (scroll
+            :class "powerview-search-list-size"
+            (box
+              :halign "center"
+              :orientation "v"
+              :spacing 2
+              :space-evenly false
+              (for entry in overview_results
+                (overlay
+                  (input
+                    :value "${entry.name}"
+                    :class "powerview-search-result"
+                    :onaccept "scripts/launchapp '${entry.exec}' &"
+                  )
+                  (image
+                    :halign "start"
+                    :class "overview-search-result-icon"
+                    :path {(entry.icon != '_letter' && entry.icon != '') ? entry.icon : 'images/svg/app.svg'}
+                    :image-width 33
+                    :image-height 33
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow powerview
+  :stacking "overlay"
+  :focusable true
+  :monitor 0
+  :namespace "eww"
+  :geometry (geometry
+    :anchor "top center"
+    :y 80
+  )
+  (powerview_widget)
+)
+
diff --git a/m3ww/.config/eww/windows/sideleft.yuck b/m3ww/.config/eww/windows/sideleft.yuck
new file mode 100755
index 000000000..ad98b9cc4
--- /dev/null
+++ b/m3ww/.config/eww/windows/sideleft.yuck
@@ -0,0 +1,578 @@
+(defwidget sideleft_widget []
+  (eventbox
+    :onhoverlost "scripts/toggle-sideleft.sh --close &"
+    (box
+      :orientation "v" :space-evenly false
+      (eventbox
+        :onclick "scripts/toggle-sideleft.sh &"
+        :onscroll "echo $(echo {} | sed -e 's/down/-U 3/g' -e 's/up/-A 3/g' | xargs light) && scripts/brightness osd &"
+        :onmiddleclick "playerctl play-pause"
+        :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+        (box :class {BAR_HEIGHT >= 2 ? 'bar-height' : ''})
+      )
+      (box
+        :vexpand true
+        :class "sidebar-window ${open_sideleft ? 'anim-enter' : 'anim-exit'} ${open_sideleft ? '' : 'sidebar-hide-left'}"
+        (scroll
+          :hscroll false :vscroll false
+          :vexpand true
+          (box
+            :orientation "h"
+            :spacing 1
+            :style "
+            ${ANIM_ENTER[0]}
+            ${rev_mixer ? 'margin-left: -34.091rem' : 'margin-right: -34.091rem;'}
+            "
+            (scroll
+              :hscroll false :vscroll true
+              :vexpand true
+              (box
+                :vexpand true
+                :class "spacing-v-15"
+                :orientation "v" :space-evenly false
+                (box ; Resources
+                  :class "spacing-h-5"
+                  :orientation "h"
+                  :space-evenly false
+                  (box
+                    :class "sidebar-resource-value"
+                    :space-evenly false
+                    (label :class "icon-material txt-large"
+                      :valign "center"
+                      :text "data_saver_on"
+                    )
+                    (label :class "txt-smaller" :text "${round(EWW_CPU.avg, 0)}%")
+                    (progress
+                      :valign "center"
+                      :class "sidebar-prog-resource"
+                      :value {round(EWW_CPU.avg, 0)}
+                    )
+                  )
+                  (box
+                    :class "sidebar-resource-value"
+                    :space-evenly false
+                    (label :class "icon-material txt-larger"
+                      :valign "center"
+                      :text "memory"
+                    )
+                    (box :orientation "v"
+                      (label :xalign 0
+                        :class "txt-smaller"
+                        :text {memory.used}
+                      )
+                      (label :xalign 0
+                        :class "txt-smaller"
+                        :text "+${memory.swapused}"
+                      )
+                    )
+                    (box
+                      :valign "center"
+                      :orientation "v" :space-evenly false
+                      (progress
+                        :valign "center"
+                        :class "sidebar-prog-resource"
+                        :value {memory.percentage}
+                      )
+                      (progress
+                        :valign "center"
+                        :class "sidebar-prog-resource"
+                        :value {memory.swappercentage}
+                      )
+                    )
+                  )
+                  (box
+                    :class "sidebar-resource-value"
+                    :space-evenly false
+                    :hexpand true
+                    (label :class "icon-material txt-larger"
+                      :valign "center"
+                      :text "hard_drive"
+                    )
+                    (label :xalign 0
+                      :class "txt-smaller"
+                      :text {diskfree}
+                    )
+                    (progress
+                      :hexpand true
+                      :valign "center"
+                      :class "sidebar-prog-resource"
+                      :value {diskfreepercent}
+                    )
+                  )
+                )
+                (box ; Music
+                  (eventbox
+                    :onhover "${EWW_CMD} update rev_mixerbtn=true &"
+                    :onhoverlost "${EWW_CMD} update rev_mixerbtn=false &"
+                    (box
+                      :hexpand true
+                      (overlay
+                        :hexpand true
+                        (box ; 0. Fallback background
+                          :class "sidebar-music-thumbnail-fallback"
+                        )
+                        (box ; 1. The background
+                          :class "sidebar-music-thumbnail"
+                          :style "
+                          ${mcover.image == 'null' ? '' : ('background-image: url(\'' + mcover.image + '\'); background-size: 100% auto; background-position: center')}
+                          "
+                        )
+                        (box ; 2. Color tint
+                          :class "sidebar-music-vignette"
+                          :hexpand true
+                        )
+                        (box ; 3. Text and controls
+                          :class "spacing-v-minus5"
+                          :orientation "v"
+                          :space-evenly false
+                          (box ; Media source, output
+                            :class "sidebar-music-toprow"
+                            :space-evenly false
+                            :orientation "h"
+                            (label :xalign 0
+                              :hexpand true
+                              :class "sidebar-music-source txt-hugeass"
+                              :text "${mcover.color.source}"
+                              :style "color: ${mcover.materialcolor.onPrimaryContainer};"
+                              :style {mcover.materialcolor.onPrimaryContainer == "null" ? "" : "color: ${mcover.materialcolor.onPrimaryContainer};"}
+                            )
+                            (box
+                              :orientation "h" :space-evenly false :class "spacing-h-5"
+                              :halign "end"
+                              :class "sidebar-music-output txt-small"
+                              :style "
+                              ${mcover.materialcolor.primary == 'null' ? '' : 'background-color: ${mcover.materialcolor.primary};'}
+                              ${mcover.materialcolor.onPrimary == 'null' ? '' : 'color: ${mcover.materialcolor.onPrimary};'}
+                              "
+                              (label
+                                :class "icon-material sidebar-music-device"
+                                :text "${volume.device == 'Headphones' ? '' : ''} "
+                                :style {mcover.materialcolor.onPrimary == "null" ? "" : "color: ${mcover.materialcolor.onPrimary};"}
+                              )
+                              (label
+                                :text "${volume.device}"
+                                :style {mcover.materialcolor.onPrimary == "null" ? "" : "color: ${mcover.materialcolor.onPrimary};"}
+                              )
+                            )
+                            (button ; Open mixer
+                              :halign "end"
+                              :class "sidebar-music-output txt-small"
+                              :style "
+                              ${ANIM_ENTER[0]}
+                              ${rev_mixerbtn ? '' : 'margin-right: -10rem;'}
+                              "
+                              :onclick "${EWW_CMD} update rev_mixer=${!rev_mixer}"
+                              (box
+                                :orientation "h" :space-evenly false
+                                :class "spacing-h-5"
+                                (label
+                                  :class "icon-material sidebar-music-device"
+                                  :text "tune "
+                                )
+                                (label
+                                  :text "Mixer "
+                                )
+                                (label
+                                  :class "icon-material sidebar-music-device txt-norm"
+                                  :text "chevron_right"
+                                )
+                              )
+                            )
+                          )
+                          (box ; Title, play button
+                            :space-evenly false
+                            :orientation "h"
+                            (scroll
+                              :class "sidebar-music-title-scroll"
+                              :hexpand true
+                              :hscroll true :vscroll false
+                              (box
+                                :orientation "v"
+                                :space-evenly false
+                                :valign "center"
+                                (label :xalign 0
+                                  :class "sidebar-music-title txt-norm"
+                                  :style {mcover.materialcolor.onPrimaryContainer == "null" ? "" : "color: ${mcover.materialcolor.onPrimaryContainer};"}
+                                  :text "${strlength(mname.title) == 0 ? 'Music' : mname.title}"
+                                )
+                                (label :xalign 0
+                                  :class "sidebar-music-artist txt-small"
+                                  :style {mcover.materialcolor.onPrimaryContainer == "null" ? "" : "color: ${mcover.materialcolor.onPrimaryContainer};"}
+                                  :text "${mname.artist}"
+                                )
+                              )
+                            )
+                            (eventbox
+                              :valign "center"
+                              :class "txt-hugeass sidebar-music-playbtn"
+                              :onclick "playerctl play-pause"
+                              :cursor "pointer"
+                              (box
+                                :style "
+                                ${mcover.materialcolor.primary == 'null' ? '' : 'background-color: ${mcover.materialcolor.primary};'}
+                                ${mcover.materialcolor.onPrimary == 'null' ? '' : 'color: ${mcover.materialcolor.onPrimary};'}
+                                "
+                                "${mplay == 'Playing' ? 'pause' : 'play_arrow'}"
+                              )
+                            )
+                          )
+                          (box ; Slider and skip track buttons
+                            :space-evenly false
+                            :orientation "h"
+                            (eventbox
+                              :class "txt-larger sidebar-music-trackbtn"
+                              :onclick "playerctl previous"
+                              (box
+                                :style "
+                                ${mcover.materialcolor.onPrimaryContainer == 'null' ? '' : ('color: ' + mcover.materialcolor.onPrimaryContainer + ';')}
+                                "
+                                "skip_previous"
+                              )
+                            )
+                            (overlay
+                              :hexpand true
+                              (box
+                                :hexpand true
+                                :valign "center"
+                                :class "sidebar-music-progress"
+                                :style "
+                                background-image:
+                                linear-gradient(to right,
+                                  ${mcover.materialcolor.onPrimaryContainer} ${music.position}%,
+                                  rgba(200, 200, 200, 0.6) ${music.position}%);
+                                "
+                              )
+                              (label
+                                :class "sidebar-music-progress-btn txt-large"
+                                :valign "center"
+                                :xalign {music.position == '' ? 0 : (music.position / 100)}
+                                :style "
+                                ${mcover.materialcolor.onPrimaryContainer == 'null' ? '' : ('color: ' + mcover.materialcolor.onPrimaryContainer + ';')}
+                                "
+                                :text "●"
+                              )
+                            )
+                            ; ; Below is the proper scale widget, but doesn't follow Material colors
+                            ; (scale
+                              ;     :hexpand true
+                              ;     :class "sidebar-music-slider"
+                              ;     :style "
+                              ;     highlight {
+                              ;     color: red;
+                              ;     }
+                              ;     "
+                              ;     :value {music.position}
+                              ;     ; :onchange "playerctl position `bc <<< \"{} * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+                            ; )
+                            (eventbox
+                              :class "txt-larger sidebar-music-trackbtn"
+                              :onclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+                              :cursor "pointer"
+                              (box
+                                :style "
+                                color: ${mcover.materialcolor.onPrimaryContainer};
+                                "
+                                "skip_next"
+                              )
+                            )
+                          )
+                        )
+                      )
+                    )
+                  )
+                )
+                (box
+                  :vexpand true
+                  :orientation "h"
+                  :space-evenly false
+                  :class "sidebar-waifu-scrollbg spacing-h-15"
+                  (box
+                    :space-evenly false :orientation "h"
+                    (eventbox
+                      :onscroll "scripts/scroll-waifu {} &"
+                      (box
+                        :orientation "v"
+                        ; :height {SCROLL_MULTIPLIER_WAIFUTAGS * SCROLL_TOSHOW_WAIFUTAGS}
+                        (scroll :vscroll false :hscroll false
+                          (box
+                            :class "spacing-v-5"
+                            :orientation "v"
+                            :valign "start"
+                            :style "
+                            ${ANIM_ENTER[1]}
+                            margin-top: -${(SCROLL_MULTIPLIER_WAIFUTAGS * scroll_offset_waifu)}px;
+                            margin-bottom: -${(arraylength(WAIFU_TAG_ID) - SCROLL_TOSHOW_WAIFUTAGS - scroll_offset_waifu) * SCROLL_MULTIPLIER_WAIFUTAGS}px;
+                            "
+                            (for id in WAIFU_TAG_ID
+                              (button
+                                :class "sidebar-waifu-tag"
+                                :onclick "${EWW_CMD} update waifu=\"$(scripts/waifu-get.py --segs ${WAIFU_CATEGORIES_ARGS[id]})\" &"
+                                (box
+                                  :space-evenly false :orientation "h"
+                                  ; (label
+                                    ;   :class "icon-material txt-smallie"
+                                    ;   :text {WAIFU_CATEGORIES_ICONS[id]}
+                                  ; )
+                                  (label
+                                    :class "txt-smallie"
+                                    :text {WAIFU_CATEGORIES[id]}
+                                  )
+                                )
+                              )
+                            )
+                          )
+                        )
+                      )
+                    )
+                  )
+                  (scroll
+                    :hexpand true
+                    :hscroll true :vscroll false
+                    (box
+                      :class "spacing-v-15"
+                      :orientation "v" :space-evenly false
+                      (box :orientation "h" :class "spacing-h-5"
+                        (eventbox
+                          :class "sidebar-waifu-actionbtn"
+                          :cursor "pointer"
+                          :onclick `mkdir -p ~/Pictures/Waifus/ && cp ${waifu.path} ~/Pictures/Waifus/eww_"$(date '+%Y_%m_%_d..%H.%M.%S')"${waifu.ext} && notify-send 'Saved pic to ~/Pictures/Waifus' eww_"$(date '+%Y_%m_%_d..%H.%M.%S')"${waifu.ext} -a 'eww' &`
+                          (box
+                            (box
+                              :halign "center"
+                              :space-evenly false :class "spacing-h-5"
+                              (label
+                                :class "icon-material txt-large"
+                                :text "file_copy"
+                              )
+                              (label
+                                :class "txt-norm"
+                                :text "Hoard"
+                              )
+                            )
+                          )
+                        )
+                        (eventbox
+                          :class "sidebar-waifu-actionbtn"
+                          :cursor "pointer"
+                          :onclick `xdg-open ${waifu.sauce} &`
+                          (box
+                            (box
+                              :halign "center"
+                              :space-evenly false :class "spacing-h-5"
+                              (label
+                                :class "icon-material txt-large"
+                                :text "location_on"
+                              )
+                              (label
+                                :class "txt-norm"
+                                :text "Sauce"
+                              )
+                            )
+                          )
+                        )
+                      )
+                      (eventbox
+                        :vexpand true
+                        :onclick "${EWW_CMD} update show_waifu=${!show_waifu} &"
+                        (overlay
+                          :vexpand true
+                          (box
+                            :class "sidebar-waifu-pic-bg"
+                          )
+                          (box
+                            :class "sidebar-waifu-pic"
+                            :style "
+                            background-image: url('${waifu.path}');
+                            "
+                          )
+                          (revealer
+                            :reveal {!show_waifu}
+                            :duration "50ms"
+                            :transition "crossfade"
+                            (box
+                              :class "sidebar-waifu-pic-cover"
+                              (box
+                                :valign "center"
+                                :orientation "v"
+                                :space-evenly false
+                                (label :valign "center" :class "icon-material txt-badonkers" :text "visibility_off")
+                                (label :valign "center" :class "txt-norm" :text "Click to reveal")
+                              )
+                            )
+                          )
+                          (revealer
+                            :valign "end"
+                            :reveal {rev_waifustatus}
+                            :duration "100ms"
+                            :transition "slidedown"
+                            (label
+                              :valign "end"
+                              :class "txt-smaller sidebar-waifu-status"
+                              :text {waifu_status}
+                            )
+                          )
+                        )
+                      )
+                    )
+                  )
+                )
+                (eventbox ; Quote
+                  ; :vexpand true
+                  :onscroll "scripts/scroll-quote {} &"
+                  :onclick "${EWW_CMD} update quote_index=${(quote_index + 1 + arraylength(quote_content)) % arraylength(quote_content)} &"
+                  (box
+                    ; :vexpand true
+                    :orientation "v" :space-evenly false
+                    :class "sidebar-quote"
+                    (box
+                      :space-evenly false
+                      (label  :xalign 0
+                        :hexpand true
+                        :angle 180
+                        :class "icon-material txt-hugeass"
+                        :text "format_quote"
+                      )
+                      (label :xalign 1
+                        :class "txt-small sidebar-section-title-text"
+                        :text "${quote_index+1}/${arraylength(quote_content)}"
+                      )
+                    )
+                    (label  :xalign 0 :yalign 1
+                      :vexpand true
+                      :class "txt-small"
+                      :wrap true
+                      :text {quote_content[quote_index]}
+                    )
+                    (label  :xalign 0.9 :yalign 0
+                      :vexpand true
+                      :class "txt-small"
+                      :wrap true
+                      :text {quote_author[quote_index]}
+                    )
+                  )
+                )
+              )
+            )
+            (box
+              :space-evenly false :orientation "v"
+              :class "spacing-v-15"
+              (box ; Volume mixer header
+                :class "sidebar-mixer-header spacing-h-10"
+                :space-evenly false
+                (box
+                  (eventbox
+                    :cursor "pointer"
+                    :class "sidebar-mixer-header-btn"
+                    :onclick "${EWW_CMD} update rev_mixer=${!rev_mixer} &"
+                    (box
+                      (label
+                        :class "icon-material txt-hugeass"
+                        :text "arrow_back"
+                      )
+                    )
+                  )
+                )
+                (label :xalign 0
+                  :hexpand true
+                  :class "txt-hugeass"
+                  :text "Volume mixer"
+                )
+                ; Instructions
+                (label :xalign 1
+                  :hexpand true
+                  :class "txt-smaller"
+                  :text "scroll to change volume"
+                )
+              )
+              (scroll ; Volume mixer
+                :hscroll false :vscroll true
+                :vexpand true
+                (box
+                  :valign "start"
+                  :orientation "V"
+                  :space-evenly false :spacing 10
+                  (for app in audiojson
+                    (box
+                      :class "sidebar-mixer-app spacing-h-10"
+                      :space-evenly false :orientation "h"
+                      (image
+                        :class "sidebar-mixer-app-icon"
+                        :valign "start"
+                        :path {app.icon}
+                        :image-width 30
+                        :image-height 30
+                        :tooltip {app.name}
+                      )
+                      (box
+                        :orientation "v"
+                        :hexpand true
+                        :spacing 10
+                        (for client in {app["clients"]}
+                          (eventbox
+                            :onscroll "pactl set-sink-input-volume ${client.serial} $(echo {} | sed -e \"s/up/+5/g\" -e \"s/down/-5/g\")%"
+                            :onrightclick "pactl set-sink-input-volume ${client.serial} 100%"
+                            :onclick "pactl set-sink-input-volume ${client.serial} 0%"
+                            (box
+                              :hexpand true
+                              :space-evenly false
+                              :orientation "h"
+                              :class "sidebar-mixer-app-serial"
+                              (box
+                                :hexpand true
+                                :orientation "v"
+                                ; :space-evenly false
+                                :class "sidebar-mixer-app-num spacing-v-5 txt-norm"
+                                (scroll :hscroll true :vscroll false
+                                  (label
+                                    :xalign 0 :hexpand true
+                                    :wrap true
+                                    :text "${client.title}"
+                                  )
+                                )
+                              )
+                              (box
+                                :style "margin: 0px 10px;"
+                                (circular-progress
+                                  :value {client.volume <= 100 ? client.volume : 100}
+                                  :start-at 75 :thickness 3
+                                  :width 37 :height 37
+                                  :class "sidebar-mixer-app-circle"
+                                  (label
+                                    :class "sidebar-mixer-app-incircle"
+                                    :text "${client.volume}"
+                                  )
+                                )
+                              )
+                            )
+                          )
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+      (eventbox
+        :onclick "scripts/toggle-sideleft.sh &"
+        :onscroll "echo $(echo {} | sed -e 's/down/-U 3/g' -e 's/up/-A 3/g' | xargs light) && scripts/brightness osd &"
+        :onmiddleclick "playerctl play-pause"
+        :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+        (box :class {BAR_HEIGHT >= 2 ? '' : 'bar-bottom-height'})
+      )
+    )
+  )
+)
+
+(defwindow sideleft
+  :monitor 0
+  :stacking "fg"
+  :namespace "eww"
+  :geometry (geometry
+    :anchor "top left"
+    :height "100%"
+  )
+  (sideleft_widget)
+)
\ No newline at end of file
diff --git a/m3ww/.config/eww/windows/sideright.yuck b/m3ww/.config/eww/windows/sideright.yuck
new file mode 100755
index 000000000..3a5cf32b4
--- /dev/null
+++ b/m3ww/.config/eww/windows/sideright.yuck
@@ -0,0 +1,424 @@
+(defwidget sideright_widget []
+  (eventbox
+    :onhoverlost "scripts/toggle-sideright.sh --close &"
+    (box
+      :orientation "v" :space-evenly false
+      (eventbox
+        :onclick "scripts/toggle-sideright.sh &"
+        :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd &"
+        :onmiddleclick "playerctl play-pause"
+        :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+        (box :class {BAR_HEIGHT >= 2 ? 'bar-height' : ''})
+      )
+      (box
+        :vexpand true
+        :class "sidebar-window ${open_sideright ? 'anim-enter' : 'anim-exit'} ${open_sideright ? '' : 'sidebar-hide-right'}"
+        (box
+          :vexpand true
+          :class "spacing-v-15"
+          :orientation "v" :space-evenly false
+          (box
+            :class "spacing-v-5"
+            :orientation "v" :space-evenly false
+            (box
+              :class "spacing-h-5"
+              :orientation "h"
+              (box
+                (eventbox ; Wifi
+                  :class "sidebar-toggle${net.essid == 'lo' ? '' : '-active'}"
+                  :onclick "scripts/net toggle &"
+                  :cursor "pointer"
+                  :onrightclick "XDG_CURRENT_DESKTOP='gnome' gnome-control-center wifi &"
+                  (box
+                    :class "spacing-h-5"
+                    :space-evenly false :orientation "h"
+                    (label
+                      :class "icon-material txt-norm"
+                      :text {WIFI_ICONS[net.level]}
+                    )
+                    (label :xalign 0
+                      :class "txt-txt-norm"
+                      :hexpand true
+                      :text "Internet"
+                    )
+                    (label
+                      :class "icon-material txt-norm"
+                      :text "chevron_right"
+                    )
+                  )
+                )
+              )
+              (box
+                (eventbox ; Bluetooth
+                  :class "sidebar-toggle${bluetooth.text == 'Bluetooth off' ? '' : '-active'}"
+                  :onclick "scripts/bluetooth toggle &"
+                  :cursor "pointer"
+                  :onrightclick "blueberry &"
+                  (box
+                    :class "spacing-h-5"
+                    :space-evenly false :orientation "h"
+                    (label
+                      :class "icon-material txt-norm"
+                      :text {bluetooth.icon}
+                    )
+                    (label :xalign 0
+                      :class "txt-txt-norm"
+                      :hexpand true
+                      :text "Bluetooth"
+                    )
+                    (label
+                      :class "icon-material txt-norm"
+                      :text "chevron_right"
+                    )
+                  )
+                )
+              )
+              (box
+                (eventbox
+                  :class "sidebar-toggle${hyprjson.nightlight ? '-active' : ''}"
+                  :onclick "scripts/toggle-nightlight.sh &"
+                  :cursor "pointer"
+                  (box
+                    :space-evenly false :orientation "h":class "spacing-h-5"
+                    (label
+                      :class "icon-material txt-norm"
+                      :text {hyprjson.nightlight ? "Nightlight" : ""}
+                    )
+                    (label :xalign 0
+                      :class "txt-txt-norm"
+                      :hexpand true
+                      :text "Night light"
+                    )
+                  )
+                )
+              )
+            )
+            (box
+              :class "spacing-h-5"
+              :orientation "h"
+              (box
+                (eventbox ; Mouse raw input
+                  :class "sidebar-toggle${hyprjson.force_no_accel == 1 ? '-active' : ''}"
+                  :onclick "hyprctl keyword input:force_no_accel ${1 - hyprjson.force_no_accel} &"
+                  :cursor "pointer"
+                  (box
+                    :space-evenly false :orientation "h" :class "spacing-h-5"
+                    (label
+                      :class "icon-material txt-norm"
+                      :text "arrow_selector_tool"
+                    )
+                    (label :xalign 0
+                      :class "txt-txt-norm"
+                      :hexpand true
+                      :text "Raw input"
+                    )
+                  )
+                )
+              )
+              (box
+                (eventbox ; Disable touchpad while typing
+                  :class "sidebar-toggle${hyprjson.touchpad_disable_while_typing == 1 ? '-active' : ''}"
+                  :onclick "hyprctl keyword input:touchpad:disable_while_typing ${1 - hyprjson.touchpad_disable_while_typing} &"
+                  :cursor "pointer"
+                  (box
+                    :space-evenly false :orientation "h" :class "spacing-h-5"
+                    (label
+                      :class "icon-material txt-norm"
+                      :text "keyboard"
+                    )
+                    (label :xalign 0
+                      :class "txt-txt-norm"
+                      :hexpand true
+                      :text "→ No touchpad"
+                    )
+                  )
+                )
+              )
+              (box
+                (eventbox
+                  :class "sidebar-toggle"
+                  :onclick "~/.local/bin/record-script.sh &"
+                  :cursor "pointer"
+                  (box
+                    :space-evenly false :orientation "h" :class "spacing-h-5"
+                    (label
+                      :class "icon-material txt-norm"
+                      :text "screen_record"
+                    )
+                    (label :xalign 0
+                      :class "txt-txt-norm"
+                      :hexpand true
+                      :text "Record"
+                    )
+                  )
+                )
+              )
+            )
+          )
+          (box
+            :orientation "h" :spacing 10
+            (button
+              :class "sidebar-action"
+              :onclick "scripts/toggle-sideright.sh --close && XDG_CURRENT_DESKTOP='gnome' gnome-control-center &"
+              (label
+                :class "icon-material txt-norm"
+                :text "settings"
+              )
+            )
+            (button
+              :class "sidebar-action"
+              :onclick "scripts/toggle-sideright.sh --close && gtklock &"
+              (label
+                :class "icon-material txt-norm"
+                :text "lock"
+              )
+            )
+            (button
+              :class "sidebar-action"
+              :onclick "scripts/toggle-sideright.sh --close && systemctl suspend &"
+              (label
+                :class "icon-material txt-norm"
+                :text "bedtime"
+              )
+            )
+            (button
+              :class "sidebar-action"
+              :onclick "scripts/toggle-sideright.sh --close && ${EWW_CMD} open powermenu && hyprctl dispatch submap powermenu"
+              (label
+                :class "icon-material txt-norm"
+                :text "power_settings_new"
+              )
+            )
+          )
+          (box
+            (revealer
+              :reveal {arraylength(notifications) - notification_cleared > 0}
+              :duration "180ms"
+              :transition "slidedown"
+              (box
+                :class "sidebar-notif-actions"
+                :space-evenly false
+                (label
+                  :class "sidebar-notif-heading txt-norm"
+                  :text "Notifications"
+                )
+                (eventbox
+                  :hexpand true
+                  :onclick "${EWW_CMD} update notification_cleared=${arraylength(notifications)} &"
+                  :class "sidebar-notif-action"
+                  (box
+                    :halign "end"
+                    :space-evenly false :orientation "h"
+                    (label
+                      :class "icon-material txt-norm"
+                      :text "clear_all"
+                    )
+                    (label :xalign 0
+                      :class "txt-txt-norm"
+                      :hexpand true
+                      :text "Clear"
+                    )
+                  )
+                )
+              )
+            )
+          )
+          (scroll :vscroll true :hscroll false :vexpand true
+            (box :orientation "v" :space-evenly false
+              (box
+                :orientation "v" :space-evenly false
+                (for notif in notifications
+                  (revealer
+                    :reveal {notif.id > notification_cleared && notif.id <= notification_revcnt}
+                    :transition "slidedown"
+                    :duration "100ms"
+                    (box
+                      :class "sidebar-notif-common sidebar-notif${
+                      arraylength(notifications) - notification_cleared == 1 ? '' : (
+                        notif.id == arraylength(notifications) ? (
+                          notifications[1]['app_name'] == notif.app_name && notifications[1]['urgency'] == notif.urgency ? '-top' : ''
+                          ) : (
+                          notif.id == 1 ? (
+                            notifications[arraylength(notifications) - 2]['app_name'] == notif.app_name && notifications[arraylength(notifications) - 2]['urgency'] == notif.urgency ? '-bottom' : ''
+                            ) : (
+                            notifications[arraylength(notifications) - notif.id + 1]['app_name'] == notif.app_name && notifications[arraylength(notifications) - notif.id + 1]['urgency'] == notif.urgency && notif.id != notification_cleared + 1? (
+                              notifications[arraylength(notifications) - notif.id - 1]['app_name'] == notif.app_name && notifications[arraylength(notifications) - notif.id - 1]['urgency'] == notif.urgency ? '-middle' : '-top') : (
+                              notifications[arraylength(notifications) - notif.id - 1]['app_name'] == notif.app_name && notifications[arraylength(notifications) - notif.id - 1]['urgency'] == notif.urgency ? '-bottom' : ''
+                            )
+                          )
+                        )
+                      )
+                      } ${notif.urgency == 2 ? 'sidebar-notif-urgent' : 'sidebar-notif-normal'}"
+                      :orientation "h"
+                      (box :orientation "v" :space-evenly false
+                        (box :orientation "h" :space-evenly false
+                          (label :xalign 0
+                            :wrap true
+                            :class "txt-norm txt-bold"
+                            :text "${notif.summary}"
+                          )
+                          (box :hexpand true)
+                          (label :xalign 0
+                            :wrap true
+                            :class "txt-small"
+                            :text "${notif.app_name} • ${notif.time}"
+                            :text "${arraylength(notifications) == 1 ||
+                            notif.id == arraylength(notifications) ||
+                            notifications[arraylength(notifications) - notif.id - 1]['app_name'] != notif.app_name || notifications[arraylength(notifications) - notif.id - 1]['urgency'] != notif.urgency ?
+                            '${notif.app_name} • ${notif.time}' : notif.time
+                            }"
+                          )
+                        )
+                        (label :xalign 0
+                          :wrap true
+                          :class "txt-smaller"
+                          :text {notif.body}
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+              (revealer
+                :vexpand true
+                :reveal {arraylength(notifications) - notification_cleared == 0}
+                :duration "180ms"
+                :transition "slidedown"
+                (box
+                  :halign "center" :valign "center"
+                  :space-evenly false :orientation "v"
+                  (label
+                    :class "icon-material txt-badonkers txt"
+                    :text "notifications"
+                  )
+                  (label
+                    :class "txt txt-norm"
+                    :text "All caught up!"
+                  )
+                )
+              )
+            )
+          )
+          (box
+            :orientation "v" :space-evenly false
+            :class "sidebar-section"
+            (box
+              :space-evenly false :orientation "v"
+              (eventbox
+                :onscroll "scripts/scrollmonth {} &"
+                :onclick "${EWW_CMD} update monthshift=0 &"
+                (box :space-evenly false :orientation "h"
+                  (label :xalign 0
+                    :class "sidebar-section-heading txt-large"
+                    :text {calendartitle}
+                  )
+                  (box :hexpand true)
+                  (label :xalign 0
+                    :class "sidebar-section-heading txt-large"
+                    :text "To-do list"
+                  )
+                )
+              )
+              (box ; Calendar
+                :orientation "v"
+                :space-evenly false
+                (box
+                  :class "sidebar-content"
+                  :orientation "h" :space-evenly false :spacing 8
+                  (eventbox
+                    :onscroll "scripts/scrollmonth {} &"
+                    (box
+                      :orientation "v"
+                      :space-evenly false
+                      (box
+                        (for day in weekdays
+                          (box
+                            :class "sidebar-calendar-btn day${day.today}"
+                            (label
+                              :class "sidebar-calendar-txt txt-smallie"
+                              :text "${day.day}"
+                            )
+                          )
+                        )
+                      )
+                      (for week in calendar
+                        (box
+                          (for day in week
+                            (button
+                              :class "sidebar-calendar-btn day${day.today}"
+                              (label
+                                :class "sidebar-calendar-txt txt-smallie"
+                                :text "${day.day}"
+                              )
+                            )
+                          )
+                        )
+                      )
+                    )
+                  )
+                  (box
+                    :class "sidebar-divider"
+                  )
+                  (box
+                    :orientation "v"
+                    :space-evenly false
+                    :hexpand true
+                    :class "sidebar-todo-box"
+                    (scroll
+                      :hscroll false :vscroll true
+                      :vexpand true
+                      (box
+                        :orientation "v"
+                        :space-evenly false
+                        (for task in todolist
+                          (box
+                            :orientation "h"
+                            :space-evenly false
+                            :class "sidebar-todo-item"
+                            (label :xalign 0
+                              :hexpand true
+                              :class "txt-small"
+                              :text {task}
+                              :wrap true
+                            )
+                            (button
+                              :valign "center"
+                              :class "sidebar-todo-btn"
+                              :onclick "scripts/todo del '${task}' && ${EWW_CMD} update todolist=\"$(cat json/todo.json | gojq -c -M)\""
+                              (label
+                                :class "icon-material txt-norm"
+                                :text "Remove"
+                              )
+                            )
+                          )
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+      (eventbox
+        :onclick "scripts/toggle-sideright.sh &"
+        :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd &"
+        :onmiddleclick "playerctl play-pause"
+        :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+        (box :class {BAR_HEIGHT >= 2 ? '' : 'bar-bottom-height'})
+      )
+    )
+  )
+)
+
+(defwindow sideright
+  :monitor 0
+  :stacking "fg"
+  :namespace "eww"
+  :geometry (geometry
+    :anchor "top right"
+    :height "100%"
+  )
+  (sideright_widget)
+)
\ No newline at end of file
diff --git a/m3ww/.config/eww/windows/visualizer.yuck b/m3ww/.config/eww/windows/visualizer.yuck
new file mode 100755
index 000000000..6062049c5
--- /dev/null
+++ b/m3ww/.config/eww/windows/visualizer.yuck
@@ -0,0 +1,33 @@
+(defwidget visualizer_widget []
+  (box
+    :class "visualizer-bg visualizer-height ${open_visualizer ? '' : 'visualizer-hide'}"
+    (overlay
+      :hexpand true
+      (box
+        :class "visualizer-columns"
+        (for cavacol in cavajson
+          (box
+            :class "visualizer-cavacol"
+            :valign "end"
+            :style "
+            min-height: ${round(cavacol[0] / 10, 0)}px;
+            background-color: ${cavacol[0] == 0 ? 'transparent' : 'mix(${(mcover.color.colors.color3 == 'null' ? accent : mcover.color.colors.color3)}, rgba(220, 220, 220, 0.1), 0.2)'};
+            "
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow visualizer
+  :monitor 0
+  :stacking "bg"
+  :namespace "eww"
+  :exclusive true
+  :geometry (geometry
+    :anchor "bottom center"
+    :width "100%"
+  )
+  (visualizer_widget)
+)
\ No newline at end of file
diff --git a/m3ww/.config/fish/completions/fisher.fish b/m3ww/.config/fish/completions/fisher.fish
new file mode 100755
index 000000000..6d23ce490
--- /dev/null
+++ b/m3ww/.config/fish/completions/fisher.fish
@@ -0,0 +1,7 @@
+complete --command fisher --exclusive --long help --description "Print help"
+complete --command fisher --exclusive --long version --description "Print version"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments install --description "Install plugins"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments update --description "Update installed plugins"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments remove --description "Remove installed plugins"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments list --description "List installed plugins matching regex"
+complete --command fisher --exclusive --condition "__fish_seen_subcommand_from update remove" --arguments "(fisher list)"
diff --git a/m3ww/.config/fish/config.fish b/m3ww/.config/fish/config.fish
new file mode 100755
index 000000000..bfa2bf74c
--- /dev/null
+++ b/m3ww/.config/fish/config.fish
@@ -0,0 +1,20 @@
+function fish_prompt -d "Write out the prompt"
+    # This shows up as USER@HOST /home/user/ >, with the directory colored
+    # $USER and $hostname are set by fish, so you can just use them
+    # instead of using `whoami` and `hostname`
+    printf '%s@%s %s%s%s > ' $USER $hostname \
+        (set_color $fish_color_cwd) (prompt_pwd) (set_color normal)
+end
+
+if status is-interactive
+    # Commands to run in interactive sessions can go here
+    set fish_greeting
+
+end
+
+starship init fish | source
+
+# function fish_prompt
+#   set_color cyan; echo (pwd) 
+#   set_color green; echo '> '
+# end
\ No newline at end of file
diff --git a/m3ww/.config/fish/fish_plugins b/m3ww/.config/fish/fish_plugins
new file mode 100755
index 000000000..594dfc033
--- /dev/null
+++ b/m3ww/.config/fish/fish_plugins
@@ -0,0 +1 @@
+jorgebucaran/fisher
diff --git a/m3ww/.config/fish/fish_variables b/m3ww/.config/fish/fish_variables
new file mode 100755
index 000000000..479710902
--- /dev/null
+++ b/m3ww/.config/fish/fish_variables
@@ -0,0 +1,34 @@
+# This file contains fish universal variable definitions.
+# VERSION: 3.0
+SETUVAR __fish_initialized:3400
+SETUVAR _fisher_jorgebucaran_2F_fisher_files:\x7e/\x2econfig/fish/functions/fisher\x2efish\x1e\x7e/\x2econfig/fish/completions/fisher\x2efish
+SETUVAR _fisher_plugins:jorgebucaran/fisher
+SETUVAR _fisher_upgraded_to_4_4:\x1d
+SETUVAR fish_color_autosuggestion:555\x1ebrblack
+SETUVAR fish_color_cancel:\x2dr
+SETUVAR fish_color_command:blue
+SETUVAR fish_color_comment:red
+SETUVAR fish_color_cwd:green
+SETUVAR fish_color_cwd_root:red
+SETUVAR fish_color_end:green
+SETUVAR fish_color_error:brred
+SETUVAR fish_color_escape:brcyan
+SETUVAR fish_color_history_current:\x2d\x2dbold
+SETUVAR fish_color_host:normal
+SETUVAR fish_color_host_remote:yellow
+SETUVAR fish_color_normal:normal
+SETUVAR fish_color_operator:brcyan
+SETUVAR fish_color_param:cyan
+SETUVAR fish_color_quote:yellow
+SETUVAR fish_color_redirection:cyan\x1e\x2d\x2dbold
+SETUVAR fish_color_search_match:\x2d\x2dbackground\x3d111
+SETUVAR fish_color_selection:white\x1e\x2d\x2dbold\x1e\x2d\x2dbackground\x3dbrblack
+SETUVAR fish_color_status:red
+SETUVAR fish_color_user:brgreen
+SETUVAR fish_color_valid_path:\x2d\x2dunderline
+SETUVAR fish_key_bindings:fish_default_key_bindings
+SETUVAR fish_pager_color_completion:normal
+SETUVAR fish_pager_color_description:B3A06D\x1eyellow\x1e\x2di
+SETUVAR fish_pager_color_prefix:cyan\x1e\x2d\x2dbold\x1e\x2d\x2dunderline
+SETUVAR fish_pager_color_progress:brwhite\x1e\x2d\x2dbackground\x3dcyan
+SETUVAR fish_pager_color_selected_background:\x2dr
diff --git a/m3ww/.config/fish/functions/fisher.fish b/m3ww/.config/fish/functions/fisher.fish
new file mode 100755
index 000000000..c0a86fa4e
--- /dev/null
+++ b/m3ww/.config/fish/functions/fisher.fish
@@ -0,0 +1,240 @@
+function fisher --argument-names cmd --description "A plugin manager for Fish"
+    set --query fisher_path || set --local fisher_path $__fish_config_dir
+    set --local fisher_version 4.4.3
+    set --local fish_plugins $__fish_config_dir/fish_plugins
+
+    switch "$cmd"
+        case -v --version
+            echo "fisher, version $fisher_version"
+        case "" -h --help
+            echo "Usage: fisher install <plugins...>  Install plugins"
+            echo "       fisher remove  <plugins...>  Remove installed plugins"
+            echo "       fisher update  <plugins...>  Update installed plugins"
+            echo "       fisher update                Update all installed plugins"
+            echo "       fisher list    [<regex>]     List installed plugins matching regex"
+            echo "Options:"
+            echo "       -v or --version  Print version"
+            echo "       -h or --help     Print this help message"
+            echo "Variables:"
+            echo "       \$fisher_path  Plugin installation path. Default: $__fish_config_dir" | string replace --regex -- $HOME \~
+        case ls list
+            string match --entire --regex -- "$argv[2]" $_fisher_plugins
+        case install update remove
+            isatty || read --local --null --array stdin && set --append argv $stdin
+
+            set --local install_plugins
+            set --local update_plugins
+            set --local remove_plugins
+            set --local arg_plugins $argv[2..-1]
+            set --local old_plugins $_fisher_plugins
+            set --local new_plugins
+
+            test -e $fish_plugins && set --local file_plugins (string match --regex -- '^[^\s]+$' <$fish_plugins)
+
+            if ! set --query argv[2]
+                if test "$cmd" != update
+                    echo "fisher: Not enough arguments for command: \"$cmd\"" >&2 && return 1
+                else if ! set --query file_plugins
+                    echo "fisher: \"$fish_plugins\" file not found: \"$cmd\"" >&2 && return 1
+                end
+                set arg_plugins $file_plugins
+            end
+
+            for plugin in $arg_plugins
+                set plugin (test -e "$plugin" && realpath $plugin || string lower -- $plugin)
+                contains -- "$plugin" $new_plugins || set --append new_plugins $plugin
+            end
+
+            if set --query argv[2]
+                for plugin in $new_plugins
+                    if contains -- "$plugin" $old_plugins
+                        test "$cmd" = remove &&
+                            set --append remove_plugins $plugin ||
+                            set --append update_plugins $plugin
+                    else if test "$cmd" = install
+                        set --append install_plugins $plugin
+                    else
+                        echo "fisher: Plugin not installed: \"$plugin\"" >&2 && return 1
+                    end
+                end
+            else
+                for plugin in $new_plugins
+                    contains -- "$plugin" $old_plugins &&
+                        set --append update_plugins $plugin ||
+                        set --append install_plugins $plugin
+                end
+
+                for plugin in $old_plugins
+                    contains -- "$plugin" $new_plugins || set --append remove_plugins $plugin
+                end
+            end
+
+            set --local pid_list
+            set --local source_plugins
+            set --local fetch_plugins $update_plugins $install_plugins
+            set --local fish_path (status fish-path)
+
+            echo (set_color --bold)fisher $cmd version $fisher_version(set_color normal)
+
+            for plugin in $fetch_plugins
+                set --local source (command mktemp -d)
+                set --append source_plugins $source
+
+                command mkdir -p $source/{completions,conf.d,themes,functions}
+
+                $fish_path --command "
+                    if test -e $plugin
+                        command cp -Rf $plugin/* $source
+                    else
+                        set temp (command mktemp -d)
+                        set repo (string split -- \@ $plugin) || set repo[2] HEAD
+
+                        if set path (string replace --regex -- '^(https://)?gitlab.com/' '' \$repo[1])
+                            set name (string split -- / \$path)[-1]
+                            set url https://gitlab.com/\$path/-/archive/\$repo[2]/\$name-\$repo[2].tar.gz
+                        else
+                            set url https://api.github.com/repos/\$repo[1]/tarball/\$repo[2]
+                        end
+
+                        echo Fetching (set_color --underline)\$url(set_color normal)
+
+                        if curl --silent -L \$url | tar -xzC \$temp -f - 2>/dev/null
+                            command cp -Rf \$temp/*/* $source
+                        else
+                            echo fisher: Invalid plugin name or host unavailable: \\\"$plugin\\\" >&2
+                            command rm -rf $source
+                        end
+
+                        command rm -rf \$temp
+                    end
+
+                    set files $source/* && string match --quiet --regex -- .+\.fish\\\$ \$files
+                " &
+
+                set --append pid_list (jobs --last --pid)
+            end
+
+            wait $pid_list 2>/dev/null
+
+            for plugin in $fetch_plugins
+                if set --local source $source_plugins[(contains --index -- "$plugin" $fetch_plugins)] && test ! -e $source
+                    if set --local index (contains --index -- "$plugin" $install_plugins)
+                        set --erase install_plugins[$index]
+                    else
+                        set --erase update_plugins[(contains --index -- "$plugin" $update_plugins)]
+                    end
+                end
+            end
+
+            for plugin in $update_plugins $remove_plugins
+                if set --local index (contains --index -- "$plugin" $_fisher_plugins)
+                    set --local plugin_files_var _fisher_(string escape --style=var -- $plugin)_files
+
+                    if contains -- "$plugin" $remove_plugins
+                        for name in (string replace --filter --regex -- '.+/conf\.d/([^/]+)\.fish$' '$1' $$plugin_files_var)
+                            emit {$name}_uninstall
+                        end
+                        printf "%s\n" Removing\ (set_color red --bold)$plugin(set_color normal) "         "$$plugin_files_var | string replace -- \~ ~
+                        set --erase _fisher_plugins[$index]
+                    end
+
+                    command rm -rf (string replace -- \~ ~ $$plugin_files_var)
+
+                    functions --erase (string replace --filter --regex -- '.+/functions/([^/]+)\.fish$' '$1' $$plugin_files_var)
+
+                    for name in (string replace --filter --regex -- '.+/completions/([^/]+)\.fish$' '$1' $$plugin_files_var)
+                        complete --erase --command $name
+                    end
+
+                    set --erase $plugin_files_var
+                end
+            end
+
+            if set --query update_plugins[1] || set --query install_plugins[1]
+                command mkdir -p $fisher_path/{functions,themes,conf.d,completions}
+            end
+
+            for plugin in $update_plugins $install_plugins
+                set --local source $source_plugins[(contains --index -- "$plugin" $fetch_plugins)]
+                set --local files $source/{functions,themes,conf.d,completions}/*
+
+                if set --local index (contains --index -- $plugin $install_plugins)
+                    set --local user_files $fisher_path/{functions,themes,conf.d,completions}/*
+                    set --local conflict_files
+
+                    for file in (string replace -- $source/ $fisher_path/ $files)
+                        contains -- $file $user_files && set --append conflict_files $file
+                    end
+
+                    if set --query conflict_files[1] && set --erase install_plugins[$index]
+                        echo -s "fisher: Cannot install \"$plugin\": please remove or move conflicting files first:" \n"        "$conflict_files >&2
+                        continue
+                    end
+                end
+
+                for file in (string replace -- $source/ "" $files)
+                    command cp -RLf $source/$file $fisher_path/$file
+                end
+
+                set --local plugin_files_var _fisher_(string escape --style=var -- $plugin)_files
+
+                set --query files[1] && set --universal $plugin_files_var (string replace -- $source $fisher_path $files | string replace -- ~ \~)
+
+                contains -- $plugin $_fisher_plugins || set --universal --append _fisher_plugins $plugin
+                contains -- $plugin $install_plugins && set --local event install || set --local event update
+
+                printf "%s\n" Installing\ (set_color --bold)$plugin(set_color normal) "           "$$plugin_files_var | string replace -- \~ ~
+
+                for file in (string match --regex -- '.+/[^/]+\.fish$' $$plugin_files_var | string replace -- \~ ~)
+                    source $file
+                    if set --local name (string replace --regex -- '.+conf\.d/([^/]+)\.fish$' '$1' $file)
+                        emit {$name}_$event
+                    end
+                end
+            end
+
+            command rm -rf $source_plugins
+
+            if set --query _fisher_plugins[1]
+                set --local commit_plugins
+
+                for plugin in $file_plugins
+                    contains -- (string lower -- $plugin) (string lower -- $_fisher_plugins) && set --append commit_plugins $plugin
+                end
+
+                for plugin in $_fisher_plugins
+                    contains -- (string lower -- $plugin) (string lower -- $commit_plugins) || set --append commit_plugins $plugin
+                end
+
+                printf "%s\n" $commit_plugins >$fish_plugins
+            else
+                set --erase _fisher_plugins
+                command rm -f $fish_plugins
+            end
+
+            set --local total (count $install_plugins) (count $update_plugins) (count $remove_plugins)
+
+            test "$total" != "0 0 0" && echo (string join ", " (
+                test $total[1] = 0 || echo "Installed $total[1]") (
+                test $total[2] = 0 || echo "Updated $total[2]") (
+                test $total[3] = 0 || echo "Removed $total[3]")
+            ) plugin/s
+        case \*
+            echo "fisher: Unknown command: \"$cmd\"" >&2 && return 1
+    end
+end
+
+if ! set --query _fisher_upgraded_to_4_4
+    set --universal _fisher_upgraded_to_4_4
+    if functions --query _fisher_list
+        set --query XDG_DATA_HOME[1] || set --local XDG_DATA_HOME ~/.local/share
+        command rm -rf $XDG_DATA_HOME/fisher
+        functions --erase _fisher_{list,plugin_parse}
+        fisher update >/dev/null 2>/dev/null
+    else
+        for var in (set --names | string match --entire --regex '^_fisher_.+_files$')
+            set $var (string replace -- ~ \~ $$var)
+        end
+        functions --erase _fisher_fish_postexec
+    end
+end
diff --git a/m3ww/.config/foot/foot.ini b/m3ww/.config/foot/foot.ini
new file mode 100755
index 000000000..a685302bf
--- /dev/null
+++ b/m3ww/.config/foot/foot.ini
@@ -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=JetBrainsMono Nerd Font:size=12
+# 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=282a36 f8f8f2
+# blink=no
+beam-thickness=1.5
+# underline-thickness=<font underline thickness>
+
+[mouse]
+# hide-when-typing=no
+# alternate-scroll-mode=yes
+
+[colors]
+alpha=0.7
+background=1c1b1f
+foreground=e5deff
+regular0=1c1b1f
+regular1=ffb4a9
+regular2=5c53a7
+regular3=ecb9cf
+regular4=e5deff
+regular5=e5dff9
+regular6=c8bfff
+regular7=e5e1e6
+bright0=1c1b1f
+bright1=ffb4a9
+bright2=5c53a7
+bright3=ecb9cf
+bright4=e5deff
+bright5=e5dff9
+bright6=c8bfff
+bright7=e5e1e6
+
+[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
diff --git a/m3ww/.config/fuzzel/fuzzel.ini b/m3ww/.config/fuzzel/fuzzel.ini
new file mode 100755
index 000000000..0461cf0c8
--- /dev/null
+++ b/m3ww/.config/fuzzel/fuzzel.ini
@@ -0,0 +1,21 @@
+font=Lexend
+terminal=foot -e
+prompt=">>  "
+layer=overlay
+
+[colors]
+background=1c1b1fff
+text=e5e1e6ff
+selection=47464fff
+selection-text=c9c5d0ff
+border=47464fff
+match=c8bfffff
+selection-match=c8bfffff
+
+
+[border]
+radius=17
+width=2
+
+[dmenu]
+exit-immediately-if-empty=yes
diff --git a/m3ww/.config/gtk-3.0/gtk.css b/m3ww/.config/gtk-3.0/gtk.css
new file mode 100644
index 000000000..5e10ad68c
--- /dev/null
+++ b/m3ww/.config/gtk-3.0/gtk.css
@@ -0,0 +1,6 @@
+VteTerminal,
+TerminalScreen,
+vte-terminal {
+    padding: 30px 30px 30px 30px;
+    -VteTerminal-inner-border: 20px 20px 20px 20px;
+}
\ No newline at end of file
diff --git a/m3ww/.config/gtk-4.0/gtk-dark.css b/m3ww/.config/gtk-4.0/gtk-dark.css
new file mode 100755
index 000000000..d5d478f65
--- /dev/null
+++ b/m3ww/.config/gtk-4.0/gtk-dark.css
@@ -0,0 +1,6951 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #c0caf5;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #c0caf5;
+/* widget base background color */
+@define-color theme_bg_color #1a1b26;
+/* text widgets and the like base background color */
+@define-color theme_base_color #1a1b26;
+/* base background color of selections */
+@define-color theme_selected_bg_color #a9b1d6;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #1a1b26;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(192, 202, 245, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #24283b;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #c0caf5;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #c0caf5;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1a1b26;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #1a1b26;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #a9b1d6;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(192, 202, 245, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(192, 202, 245, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(192, 202, 245, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #c0caf5;
+@define-color wm_unfocused_title rgba(192, 202, 245, 0.7);
+@define-color wm_highlight rgba(192, 202, 245, 0.1);
+@define-color wm_bg #1a1b26;
+@define-color wm_unfocused_bg #1a1b26;
+@define-color wm_button_close_icon #1a1b26;
+@define-color wm_button_close_hover_bg #a9b1d6;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #1a1b26;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #c0caf5;
+@define-color budgie_tasklist_indicator_color_active #c0caf5;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #a9b1d6;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #a9b1d6;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #1a1b26;
+@define-color window_fg_color #c0caf5;
+@define-color view_bg_color #1a1b26;
+@define-color view_fg_color #c0caf5;
+@define-color headerbar_bg_color #1a1b26;
+@define-color headerbar_fg_color #c0caf5;
+@define-color headerbar_border_color rgba(192, 202, 245, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #1a1b26;
+@define-color card_fg_color #c0caf5;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #1a1b26;
+@define-color dialog_fg_color #c0caf5;
+@define-color popover_bg_color #1a1b26;
+@define-color popover_fg_color #c0caf5;
+@define-color thumbnail_bg_color #1a1b26;
+@define-color thumbnail_fg_color #c0caf5;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #1a1b26;
+  color: #c0caf5;
+}
+
+dnd {
+  color: #c0caf5;
+}
+
+.normal-icons {
+  -gtk-icon-size: 16px;
+}
+
+.large-icons {
+  -gtk-icon-size: 32px;
+}
+
+spinner:disabled,
+arrow:disabled,
+scrollbar:disabled,
+check:disabled,
+radio:disabled,
+treeview.expander:disabled {
+  -gtk-icon-filter: opacity(0.5);
+}
+
+iconview,
+.view {
+  color: #c0caf5;
+}
+
+iconview:disabled,
+.view:disabled {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+textview text {
+  background-color: #1a1b26;
+}
+
+textview border {
+  background-color: #24283b;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 3px;
+}
+
+rubberband,
+.content-view rubberband,
+.content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband,
+.content-view .rubberband,
+columnview.view > rubberband,
+treeview.view > rubberband,
+gridview > rubberband,
+flowbox > rubberband {
+  border: 1px solid #a9b1d6;
+  background-color: rgba(169, 177, 214, 0.3);
+}
+
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+gridview > child {
+  padding: 3px;
+}
+
+gridview > child:selected {
+  outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+  border-spacing: 8px;
+  margin: 12px;
+}
+
+coverflow cover {
+  color: #c0caf5;
+  background-color: #1a1b26;
+  border: 1px solid black;
+}
+
+label.separator {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+label:disabled {
+  color: rgba(192, 202, 245, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #c0caf5;
+}
+
+label.search-information {
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+  color: rgba(192, 202, 245, 0.7);
+  opacity: 1;
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(192, 202, 245, 0.5);
+  font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+  color: #c0caf5;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents,
+.osd {
+  color: #c0caf5;
+  background-clip: padding-box;
+  border-radius: 6px;
+  border: none;
+}
+
+.osd {
+  padding: 6px;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.osd.circular {
+  border-radius: 9999px;
+}
+
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+  to {
+    transform: rotate(1turn);
+  }
+}
+
+spinner {
+  background: none;
+  opacity: 0;
+  -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+}
+
+spinner:checked {
+  opacity: 1;
+  animation: spin 1s linear infinite;
+}
+
+spinner:checked:disabled {
+  opacity: 0.5;
+}
+
+.large-title {
+  font-weight: 300;
+  font-size: 24pt;
+}
+
+.title-1 {
+  font-weight: 800;
+  font-size: 20pt;
+}
+
+.title-2 {
+  font-weight: 800;
+  font-size: 15pt;
+}
+
+.title-3 {
+  font-weight: 700;
+  font-size: 15pt;
+}
+
+.title-4 {
+  font-weight: 700;
+  font-size: 13pt;
+}
+
+.heading {
+  font-weight: 700;
+  font-size: 11pt;
+}
+
+.body {
+  font-weight: 400;
+  font-size: 11pt;
+}
+
+.caption {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-spacing: 6px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.08);
+  color: #c0caf5;
+  outline: none;
+}
+
+entry:focus-within {
+  background-color: rgba(192, 202, 245, 0.08);
+  box-shadow: inset 0 0 0 2px #a9b1d6;
+  outline: none;
+}
+
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  outline: none;
+}
+
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.search {
+  border-radius: 6px;
+}
+
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+entry image {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+entry image:hover,
+entry image:active {
+  color: #c0caf5;
+}
+
+entry image:disabled {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(192, 202, 245, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(192, 202, 245, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.08);
+  color: #c0caf5;
+  outline: none;
+}
+
+entry.error:focus-within {
+  background-color: rgba(192, 202, 245, 0.08);
+  box-shadow: inset 0 0 0 2px #f28b82;
+  outline: none;
+}
+
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.08);
+  color: #c0caf5;
+  outline: none;
+}
+
+entry.warning:focus-within {
+  background-color: rgba(192, 202, 245, 0.08);
+  box-shadow: inset 0 0 0 2px #fdd633;
+  outline: none;
+}
+
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry > progress,
+entry progress > trough > progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #a9b1d6;
+  background-color: transparent;
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #1a1b26;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus-within,
+treeview entry,
+treeview entry:focus-within {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(192, 202, 245, 0.12);
+  color: #c0caf5;
+}
+
+.entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag {
+  margin-left: 4px;
+  margin-right: 0;
+  padding-left: 12px;
+  padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-left: 8px;
+  padding-right: 12px;
+}
+
+.entry-tag.button {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active) {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+editablelabel > stack > text {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.08);
+  color: #c0caf5;
+  outline: none;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: radial-gradient(
+      farthest-side,
+      #a9b1d6 0%,
+      rgba(169, 177, 214, 0) 0%
+    );
+  }
+  to {
+    background-image: radial-gradient(
+      farthest-side,
+      #a9b1d6 95%,
+      rgba(169, 177, 214, 0)
+    );
+  }
+}
+
+toast button,
+toast button.text-button,
+toast button.circular.flat,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button,
+popover.background.touch-selection button,
+popover.background.magnifier button,
+headerbar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+toast button:focus,
+toast button.circular.flat:focus,
+infobar.warning > revealer > box button:focus,
+popover.background.touch-selection button:focus,
+popover.background.magnifier button:focus,
+headerbar.selection-mode
+  button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
+infobar.warning > revealer > box button:hover,
+popover.background.touch-selection button:hover,
+popover.background.magnifier button:hover,
+headerbar.selection-mode
+  button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
+infobar.warning > revealer > box button:active,
+popover.background.touch-selection button:active,
+popover.background.magnifier button:active,
+headerbar.selection-mode
+  button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
+infobar.warning > revealer > box button:checked,
+popover.background.touch-selection button:checked,
+popover.background.magnifier button:checked,
+headerbar.selection-mode
+  button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #c0caf5;
+}
+
+toast button:disabled,
+toast button.circular.flat:disabled,
+infobar.warning > revealer > box button:disabled,
+popover.background.touch-selection button:disabled,
+popover.background.magnifier button:disabled,
+headerbar.selection-mode
+  button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+toast button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled,
+popover.background.touch-selection button:checked:disabled,
+popover.background.magnifier button:checked:disabled,
+headerbar.selection-mode
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar
+  popover
+  button:not(.suggested-action):not(.destructive-action):not(.flat),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(192, 202, 245, 0.08);
+  color: #c0caf5;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #c0caf5;
+  outline: none;
+}
+
+headerbar
+  popover
+  button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #c0caf5;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:active:not(.suggested-action):not(.destructive-action):not(.flat),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #c0caf5;
+}
+
+headerbar
+  popover
+  button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+headerbar
+  popover
+  button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked {
+  box-shadow: none;
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+}
+
+headerbar
+  popover
+  button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:hover {
+  box-shadow: none;
+}
+
+headerbar
+  popover
+  button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  color: #c0caf5;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button,
+calendar > header > button,
+columnview.view > header > button button.circular,
+treeview.view > header > button button.circular,
+row.activatable button.circular,
+scrollbar button,
+notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
+filechooser #pathbarbox > stack > box > button,
+window.dialog.message.csd .dialog-action-area > button,
+.app-notification button,
+headerbar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+toolbar button,
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child),
+splitbutton.suggested-action > button,
+splitbutton.suggested-action > menubutton > button,
+splitbutton.destructive-action > button,
+splitbutton.destructive-action > menubutton > button,
+splitbutton.opaque > button,
+splitbutton.opaque > menubutton > button,
+menubutton.suggested-action > button,
+menubutton.destructive-action > button,
+menubutton.opaque > button,
+menubutton.flat > button,
+button.flat {
+  background-color: transparent;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:focus,
+calendar > header > button:focus,
+columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus,
+row.activatable button.circular:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
+spinbutton.vertical > button:focus,
+spinbutton:not(.vertical) > button:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+window.dialog.message.csd .dialog-action-area > button:focus,
+.app-notification button:focus,
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+toolbar button:focus,
+dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #c0caf5;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover,
+calendar > header > button:hover,
+columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover,
+row.activatable button.circular:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
+spinbutton.vertical > button:hover,
+spinbutton:not(.vertical) > button:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+window.dialog.message.csd .dialog-action-area > button:hover,
+.app-notification button:hover,
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+toolbar button:hover,
+dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+splitbutton.suggested-action > button:hover,
+splitbutton.suggested-action > menubutton > button:hover,
+splitbutton.destructive-action > button:hover,
+splitbutton.destructive-action > menubutton > button:hover,
+splitbutton.opaque > button:hover,
+splitbutton.opaque > menubutton > button:hover,
+menubutton.suggested-action > button:hover,
+menubutton.destructive-action > button:hover,
+menubutton.opaque > button:hover,
+menubutton.flat > button:hover,
+button.flat:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #c0caf5;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active,
+calendar > header > button:active,
+columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active,
+row.activatable button.circular:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
+spinbutton.vertical > button:active,
+spinbutton:not(.vertical) > button:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
+filechooser #pathbarbox > stack > box > button:active,
+window.dialog.message.csd .dialog-action-area > button:active,
+.app-notification button:active,
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+toolbar button:active,
+dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+splitbutton.suggested-action > button:active,
+splitbutton.suggested-action > menubutton > button:active,
+splitbutton.destructive-action > button:active,
+splitbutton.destructive-action > menubutton > button:active,
+splitbutton.opaque > button:active,
+splitbutton.opaque > menubutton > button:active,
+menubutton.suggested-action > button:active,
+menubutton.destructive-action > button:active,
+menubutton.opaque > button:active,
+menubutton.flat > button:active,
+button.flat:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #c0caf5;
+  box-shadow: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
+calendar > header > button:disabled,
+columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled,
+row.activatable button.circular:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
+spinbutton.vertical > button:disabled,
+spinbutton:not(.vertical) > button:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+window.dialog.message.csd .dialog-action-area > button:disabled,
+.app-notification button:disabled,
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+toolbar button:disabled,
+dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(192, 202, 245, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked,
+window.dialog.message.csd .dialog-action-area > button:checked,
+.app-notification button:checked,
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+toolbar button:checked,
+dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+splitbutton.suggested-action > button:checked,
+splitbutton.suggested-action > menubutton > button:checked,
+splitbutton.destructive-action > button:checked,
+splitbutton.destructive-action > menubutton > button:checked,
+splitbutton.opaque > button:checked,
+splitbutton.opaque > menubutton > button:checked,
+menubutton.suggested-action > button:checked,
+menubutton.destructive-action > button:checked,
+menubutton.opaque > button:checked,
+menubutton.flat > button:checked,
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #c0caf5;
+  outline: none;
+  box-shadow: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+window.dialog.message.csd .dialog-action-area > button:checked:disabled,
+.app-notification button:checked:disabled,
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+toolbar button:checked:disabled,
+dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.06);
+  color: rgba(192, 202, 245, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.linked button.image-button {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+  margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+  margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  padding: 12px 16px;
+  box-shadow: none;
+  background-color: #16161e;
+  color: #c0caf5;
+}
+
+button.osd:hover {
+  background-color: #414868;
+  color: #c0caf5;
+}
+
+button.osd:active {
+  background-color: #080808;
+  color: #c0caf5;
+}
+
+button.osd.image-button {
+  padding: 6px;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(169, 177, 214, 0.2),
+    0 4px 3px 0 rgba(169, 177, 214, 0.14), 0 1px 6px 0 rgba(169, 177, 214, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(168, 168, 168, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(169, 177, 214, 0.3),
+    0 2px 3px -1px rgba(169, 177, 214, 0.24),
+    0 2px 5px 0 rgba(169, 177, 214, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(169, 177, 214, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #a9b1d6;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(192, 202, 245, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(169, 177, 214, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f28b82;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(192, 202, 245, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+menubutton.pill > button,
+button.pill {
+  padding: 9px 30px;
+  border-radius: 9999px;
+}
+
+button.card {
+  background-clip: padding-box;
+  font-weight: inherit;
+  background-clip: border-box;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(192, 202, 245, 0.08);
+  color: #c0caf5;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+  background-image: none;
+  background-color: alpha(currentColor, 0.08);
+  color: #c0caf5;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+  background-image: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #c0caf5;
+}
+
+button.card:checked {
+  background-image: none;
+  box-shadow: none;
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+  border-color: #a9b1d6;
+}
+
+button.card:checked:hover {
+  background-image: none;
+  box-shadow: none;
+}
+
+button.card:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+  background-image: none;
+}
+
+button.card.has-open-popup:checked {
+  background-image: none;
+}
+
+button.card:drop(active) {
+  color: #ff7043;
+  box-shadow: inset 0 0 0 1px #ff7043;
+}
+
+stackswitcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+stackswitcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+button.font > box,
+button.file > box {
+  border-spacing: 6px;
+}
+
+button.font > box > box > label,
+button.file > box > box > label {
+  font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+menubutton.circular > button,
+button.close,
+button.circular {
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+menubutton.circular > button label,
+button.close label,
+button.circular label {
+  padding: 0;
+}
+
+.nautilus-window .floating-bar button,
+placessidebar .navigation-sidebar > row button.sidebar-button,
+notebook > header tab button.flat,
+popover.menu box.circular-buttons button.circular.image-button.model,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: #a9b1d6;
+  color: #c0caf5;
+}
+
+menubutton.destructive-action {
+  background-color: #f28b82;
+  color: #c0caf5;
+}
+
+menubutton.opaque {
+  background-color: #565f89;
+  color: #c0caf5;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+  border-radius: 6px;
+}
+
+menubutton.suggested-action.circular,
+menubutton.suggested-action.pill,
+menubutton.destructive-action.circular,
+menubutton.destructive-action.pill,
+menubutton.opaque.circular,
+menubutton.opaque.pill {
+  border-radius: 9999px;
+}
+
+menubutton.suggested-action > button,
+menubutton.suggested-action > button:checked,
+menubutton.destructive-action > button,
+menubutton.destructive-action > button:checked,
+menubutton.opaque > button,
+menubutton.opaque > button:checked {
+  background-color: transparent;
+  color: inherit;
+}
+
+menubutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+menubutton arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menubutton arrow.none {
+  -gtk-icon-source: -gtk-icontheme('open-menu-symbolic');
+}
+
+menubutton arrow.down {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menubutton arrow.up {
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menubutton arrow.left {
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+menubutton arrow.right {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+splitbutton {
+  border-radius: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  transition-property: background;
+}
+
+splitbutton:disabled {
+  filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+  filter: none;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton > menubutton > button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+splitbutton.text-button.image-button > button,
+splitbutton.image-text-button > button {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+splitbutton.text-button.image-button > button > box,
+splitbutton.image-text-button > button > box {
+  border-spacing: 6px;
+}
+
+splitbutton > button:dir(ltr),
+splitbutton > menubutton > button:dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  margin-right: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+  background: rgba(192, 202, 245, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+  background: alpha(currentColor, 0.07);
+}
+
+splitbutton.flat:hover > separator,
+splitbutton.flat:active > separator,
+splitbutton.flat:checked > separator {
+  background: none;
+}
+
+splitbutton.flat:focus-within:focus-visible > separator {
+  background: none;
+}
+
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button {
+  border-radius: 6px;
+}
+
+splitbutton.suggested-action {
+  background-color: #a9b1d6;
+  color: #c0caf5;
+}
+
+splitbutton.destructive-action {
+  background-color: #f28b82;
+  color: #c0caf5;
+}
+
+splitbutton.opaque {
+  background-color: #565f89;
+  color: #c0caf5;
+}
+
+splitbutton.suggested-action > button,
+splitbutton.suggested-action > button:checked,
+splitbutton.suggested-action > menubutton > button,
+splitbutton.suggested-action > menubutton > button:checked,
+splitbutton.destructive-action > button,
+splitbutton.destructive-action > button:checked,
+splitbutton.destructive-action > menubutton > button,
+splitbutton.destructive-action > menubutton > button:checked,
+splitbutton.opaque > button,
+splitbutton.opaque > button:checked,
+splitbutton.opaque > menubutton > button,
+splitbutton.opaque > menubutton > button:checked {
+  color: inherit;
+  background-color: transparent;
+}
+
+splitbutton.suggested-action > menubutton > button:dir(ltr),
+splitbutton.destructive-action > menubutton > button:dir(ltr),
+splitbutton.opaque > menubutton > button:dir(ltr) {
+  box-shadow: inset 1px 0 rgba(192, 202, 245, 0.12);
+}
+
+splitbutton.suggested-action > menubutton > button:dir(rtl),
+splitbutton.destructive-action > menubutton > button:dir(rtl),
+splitbutton.opaque > menubutton > button:dir(rtl) {
+  box-shadow: inset -1px 0 rgba(192, 202, 245, 0.12);
+}
+
+splitbutton > menubutton > button > arrow.none {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+buttoncontent {
+  border-spacing: 6px;
+}
+
+buttoncontent > label {
+  font-weight: bold;
+}
+
+buttoncontent > label:dir(ltr) {
+  padding-right: 2px;
+}
+
+buttoncontent > label:dir(rtl) {
+  padding-left: 2px;
+}
+
+.arrow-button > box > buttoncontent > label:dir(ltr),
+splitbutton > button > buttoncontent > label:dir(ltr) {
+  padding-right: 0;
+}
+
+.arrow-button > box > buttoncontent > label:dir(rtl),
+splitbutton > button > buttoncontent > label:dir(rtl) {
+  padding-left: 0;
+}
+
+stacksidebar row.needs-attention > label,
+stackswitcher > button.needs-attention > label,
+stackswitcher > button.needs-attention > image {
+  animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+  background-size: 6px 6px;
+}
+
+stacksidebar row.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > image:dir(rtl) {
+  background-position: left 3px;
+}
+
+.linked:not(.vertical) > entry,
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > button.image-button {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child,
+.linked:not(.vertical) > button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child,
+.linked:not(.vertical) > button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child,
+.linked:not(.vertical) > button:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > entry,
+.linked.vertical > button,
+.linked.vertical > button.image-button {
+  border-radius: 0;
+}
+
+.linked.vertical > entry:first-child,
+.linked.vertical > button:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child,
+.linked.vertical > button:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child,
+.linked.vertical > button:only-child {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+list > row button.image-button:not(.flat) {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list > row button.image-button:not(.flat):hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #c0caf5;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #c0caf5;
+}
+
+list > row button.image-button.suggested-action:not(.flat) {
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+list > row button.image-button.destructive-action:not(.flat) {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/*********
+ * Links *
+ *********/
+link {
+  color: #2196f3;
+}
+
+link:visited {
+  color: #ce93d8;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #2196f3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #ce93d8;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  border-radius: 6px;
+  padding: 0;
+  border-spacing: 0;
+  min-height: 0;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.08);
+  color: #c0caf5;
+  outline: none;
+}
+
+spinbutton:focus-within {
+  background-color: rgba(192, 202, 245, 0.08);
+  box-shadow: inset 0 0 0 2px #a9b1d6;
+  outline: none;
+}
+
+spinbutton:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+spinbutton:not(.vertical) > text {
+  min-width: 32px;
+  margin: 0;
+  padding-left: 12px;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+spinbutton:not(.vertical) > button {
+  border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical)
+  > button:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+spinbutton:not(.vertical) > button.up:dir(ltr),
+spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: -3px;
+}
+
+spinbutton:not(.vertical) > button.up:dir(rtl),
+spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: -3px;
+}
+
+spinbutton.vertical > text {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical > button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+spinbutton.vertical > button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+  margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+  margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+dropdown > button > box {
+  border-spacing: 6px;
+}
+
+dropdown arrow,
+combobox arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  min-height: 16px;
+  min-width: 16px;
+}
+
+dropdown > popover.menu > contents modelbutton,
+combobox > popover.menu > contents modelbutton {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+dropdown button.combo cellview:dir(ltr),
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+dropdown button.combo cellview:dir(rtl),
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+dropdown popover,
+combobox popover {
+  margin-top: 4px;
+  padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+  margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+  padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+  color: #c0caf5;
+  background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+  padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.08);
+  color: #c0caf5;
+  outline: none;
+}
+
+button.combo:only-child:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #c0caf5;
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #c0caf5;
+}
+
+button.combo:only-child:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #c0caf5;
+  box-shadow: none;
+}
+
+button.combo:only-child:checked {
+  background-color: alpha(currentColor, 0.1);
+  color: #c0caf5;
+  outline: none;
+  box-shadow: none;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: none;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+  padding: 3px 6px;
+  background-color: #1a1b26;
+  border-spacing: 6px;
+}
+
+.osd .toolbar,
+.osd toolbar {
+  background-color: transparent;
+}
+
+.app-notification,
+.toolbar.osd,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(192, 202, 245, 0.1);
+  background-color: #292e42;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(192, 202, 245, 0.1);
+}
+
+.left.app-notification,
+.right.app-notification,
+.top.app-notification,
+.bottom.app-notification,
+.toolbar.osd.left,
+.toolbar.osd.right,
+.toolbar.osd.top,
+.toolbar.osd.bottom,
+toolbar.osd.left,
+toolbar.osd.right,
+toolbar.osd.top,
+toolbar.osd.bottom {
+  border-radius: 0;
+}
+
+.bottom.app-notification,
+.toolbar.osd.bottom,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+.toolbar.horizontal > separator,
+toolbar.horizontal > separator {
+  margin: 2px;
+}
+
+.toolbar.vertical > separator,
+toolbar.vertical > separator {
+  margin: 2px;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) scale,
+.toolbar:not(.inline-toolbar):not(.osd) entry,
+.toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+.toolbar:not(.inline-toolbar):not(.osd) button,
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+  margin: 2px;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+  margin-left: 0;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+  margin-right: 0;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+.toolbar:not(.inline-toolbar):not(.osd) spinbutton button,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+  margin: 0;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) switch,
+toolbar:not(.inline-toolbar):not(.osd) switch {
+  margin: 8px 2px;
+}
+
+searchbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(192, 202, 245, 0.12);
+  background-color: #1a1b26;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+  margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.7);
+  border-radius: 6px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #c0caf5;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+headerbar entry {
+  background-color: rgba(192, 202, 245, 0.04);
+  color: #c0caf5;
+}
+
+headerbar entry:focus-within {
+  box-shadow: inset 0 0 0 2px #a9b1d6;
+}
+
+headerbar entry:disabled {
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar entry image {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+headerbar entry image:hover,
+headerbar entry image:active {
+  color: #c0caf5;
+}
+
+headerbar entry image:disabled {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1a1b26;
+  color: #c0caf5;
+  box-shadow: inset 0 1px rgba(192, 202, 245, 0.1);
+}
+
+headerbar:disabled {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar:backdrop {
+  background-color: #1a1b26;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+headerbar:backdrop:disabled {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+headerbar.flat {
+  background-color: transparent;
+  color: #c0caf5;
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(192, 202, 245, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar > windowhandle > box {
+  padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+  background-color: rgba(192, 202, 245, 0.12);
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+headerbar headerbar + separator {
+  background-color: rgba(192, 202, 245, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar stackswitcher {
+  margin: 6px 0;
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(192, 202, 245, 0);
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+headerbar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+headerbar .selection-mode {
+  box-shadow: inset 0 1px rgba(192, 202, 245, 0);
+  background-color: #a9b1d6;
+}
+
+.tiled headerbar,
+.tiled-top headerbar,
+.tiled-right headerbar,
+.tiled-bottom headerbar,
+.tiled-left headerbar,
+.maximized headerbar,
+.fullscreen headerbar {
+  border-radius: 0;
+}
+
+headerbar.default-decoration {
+  min-height: 24px;
+  padding: 6px;
+  border-radius: 6px 6px 0 0;
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+window.devel headerbar.titlebar {
+  background: #1a1b26
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    linear-gradient(to right, transparent 65%, rgba(169, 177, 214, 0.1)),
+    linear-gradient(to top, #343434 3px, #393939);
+}
+
+window.devel headerbar.titlebar:backdrop {
+  background: #1a1b26
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    image(#1a1b26);
+  /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-radius: 6px;
+}
+
+pathbar > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+pathbar > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+pathbar > button.text-button {
+  min-width: 0;
+}
+
+pathbar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.pathbar {
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.7);
+  border: none;
+  border-radius: 6px;
+  padding: 2px;
+}
+
+headerbar .pathbar {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.7);
+}
+
+.pathbar > button {
+  margin-top: 0;
+  margin-bottom: 0;
+  min-height: 20px;
+  border-radius: 4px;
+  border: none;
+  box-shadow: none;
+}
+
+.pathbar > button:last-child {
+  background-color: alpha(currentColor, 0.1);
+  color: #c0caf5;
+  outline: none;
+  box-shadow: none;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+  border-left-color: #414868;
+  border-top-color: #414868;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+  background-color: alpha(currentColor, 0.1);
+  box-shadow: none;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+columnview.view:hover,
+columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(192, 202, 245, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+  box-shadow: none;
+}
+
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  color: rgba(192, 202, 245, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+  color: #c0caf5;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+  color: #c0caf5;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+  color: #c0caf5;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 6px solid #a9b1d6;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 6px solid rgba(192, 202, 245, 0.12);
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(192, 202, 245, 0.12);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+columnview.view > header > button,
+columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+  background-color: #1a1b26;
+}
+
+columnview.view > header > button:last-child,
+treeview.view > header > button:last-child {
+  border-right-style: none;
+}
+
+columnview.view button.dnd,
+columnview.view header.button.dnd,
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(192, 202, 245, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #1a1b26;
+  background-clip: border-box;
+  color: #a9b1d6;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #a9b1d6;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+  padding: 0;
+  color: #c0caf5;
+}
+
+menubar:backdrop {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+.csd menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+menubar > item:selected {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #c0caf5;
+}
+
+menubar > item:disabled {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+menubar > item label:disabled {
+  color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+  margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+  margin: 0;
+  border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+popover.menu box.inline-buttons {
+  padding: 0 6px;
+}
+
+popover.menu box.inline-buttons button.image-button.model {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 0;
+  border: none;
+  outline: none;
+  transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+  background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  font: initial;
+}
+
+popover.background,
+popover.background:backdrop {
+  background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  background-color: #292e42;
+  background-clip: border-box;
+  border-radius: 12px;
+  color: #c0caf5;
+  border: none;
+  border: 1px solid rgba(192, 202, 245, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+  background-clip: border-box;
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+  border: none;
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+
+popover.background separator {
+  margin: 6px 0;
+}
+
+popover.background modelbutton {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 22px;
+  min-width: 56px;
+  padding: 3px 9px;
+  border-radius: 6px;
+  color: #c0caf5;
+  font: initial;
+  text-shadow: none;
+  box-shadow: none;
+  background: none;
+}
+
+popover.background modelbutton:hover {
+  transition: none;
+  background-color: #3b4261;
+  color: #0db9d7;
+}
+
+popover.background modelbutton:disabled {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+popover.background modelbutton arrow.left {
+  -gtk-icon-source: -gtk-icontheme('go-previous-symbolic');
+}
+
+popover.background modelbutton arrow.right {
+  -gtk-icon-source: -gtk-icontheme('go-next-symbolic');
+}
+
+popover.background label.title {
+  font-weight: bold;
+  padding: 4px 26px;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background > contents separator {
+  background-color: rgba(192, 202, 245, 0.12);
+  margin: 3px 0;
+}
+
+popover.background > contents list separator {
+  margin: 0;
+}
+
+popover.background > contents stack > box {
+  padding: 0;
+}
+
+popover.background > contents stack > scrolledwindow > viewport {
+  border: 1px solid rgba(192, 202, 245, 0.12);
+  border-radius: 2px;
+}
+
+popover.background > contents > box > button {
+  margin: 0;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+.osd popover.background,
+popover.background.touch-selection,
+popover.background.magnifier {
+  background-color: transparent;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents {
+  border: none;
+  box-shadow: none;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(192, 202, 245, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(192, 202, 245, 0.04);
+  color: #0db9d7;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header tab:selected {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292e42;
+  color: #0db9d7;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header tab:selected:disabled {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(192, 202, 245, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #1a1b26;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(192, 202, 245, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+notebook > header.top > tabs > arrow {
+  border-top-style: none;
+}
+
+notebook > header.bottom > tabs > arrow {
+  border-bottom-style: none;
+}
+
+notebook > header.top > tabs > arrow,
+notebook > header.bottom > tabs > arrow {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+notebook > header.top > tabs > arrow.down,
+notebook > header.bottom > tabs > arrow.down {
+  margin-left: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+notebook > header.left > tabs > arrow {
+  border-left-style: none;
+}
+
+notebook > header.right > tabs > arrow {
+  border-right-style: none;
+}
+
+notebook > header.left > tabs > arrow,
+notebook > header.right > tabs > arrow {
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+
+notebook > header.left > tabs > arrow.down,
+notebook > header.right > tabs > arrow.down {
+  margin-top: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(192, 202, 245, 0.12);
+  color: #c0caf5;
+}
+
+notebook > header tab button.flat:last-child {
+  margin-left: 6px;
+  margin-right: -6px;
+}
+
+notebook > header tab button.flat:first-child {
+  margin-left: -6px;
+  margin-right: 6px;
+}
+
+notebook > header tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+notebook > header.top tabs:not(:only-child):first-child,
+notebook > header.bottom tabs:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+notebook > header.top tabs:not(:only-child):last-child,
+notebook > header.bottom tabs:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+notebook > header.top tabs tab.reorderable-page,
+notebook > header.bottom tabs tab.reorderable-page {
+  border-style: solid;
+}
+
+notebook > header.left tabs:not(:only-child):first-child,
+notebook > header.right tabs:not(:only-child):first-child {
+  margin-top: 0;
+}
+
+notebook > header.left tabs:not(:only-child):last-child,
+notebook > header.right tabs:not(:only-child):last-child {
+  margin-bottom: 0;
+}
+
+notebook > header.left tabs tab.reorderable-page,
+notebook > header.right tabs tab.reorderable-page {
+  border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+  padding: 3px;
+  min-width: 24px;
+  min-height: 24px;
+  margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+tabbar .box {
+  min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  margin: 3px;
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+  background-color: transparent;
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+  filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+  margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+  margin: 3px;
+  padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+  padding: 6px;
+}
+
+tabbar .start-action:dir(ltr),
+tabbar .end-action:dir(rtl) {
+  padding-right: 0;
+}
+
+tabbar .start-action:dir(rtl),
+tabbar .end-action:dir(ltr) {
+  padding-left: 0;
+}
+
+dnd tab {
+  min-height: 24px;
+  background-color: #1a1b26;
+  color: #c0caf5;
+  margin: 24px;
+  outline: none;
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+    0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+  padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(#a9b1d6, 0.5);
+  transform: translateY(4px);
+}
+
+tabthumbnail {
+  border-radius: 10px;
+  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+    background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+  margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(#ff7043, 0.4);
+  background-color: alpha(#ff7043, 0.1);
+}
+
+tabthumbnail .needs-attention:dir(ltr) {
+  transform: translate(8px, -8px);
+}
+
+tabthumbnail .needs-attention:dir(rtl) {
+  transform: translate(-8px, -8px);
+}
+
+tabthumbnail .needs-attention > widget {
+  background: #a9b1d6;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 6px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(#a9b1d6, 0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: none;
+  border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: #1a1b26;
+  color: #c0caf5;
+}
+
+tabthumbnail .pinned-box {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+  border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+  margin: 6px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1a1b26;
+}
+
+scrollbar > range > trough {
+  outline: none;
+  background: none;
+  border: none;
+}
+
+scrollbar > range > trough > slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(192, 202, 245, 0.5);
+  box-shadow: none;
+  outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(192, 202, 245, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: #c0caf5;
+}
+
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(192, 202, 245, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+  min-width: 4px;
+  min-height: 4px;
+}
+
+scrollbar > range.fine-tune.horizontal > trough > slider {
+  margin: 2px 0;
+}
+
+scrollbar > range.fine-tune.vertical > trough > slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) > range > trough > slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(192, 202, 245, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(192, 202, 245, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+scrollbar.horizontal > range > trough > slider {
+  min-width: 24px;
+}
+
+scrollbar.vertical > range > trough > slider {
+  min-height: 24px;
+}
+
+scrollbar button {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+scrollbar.vertical button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+scrollbar.horizontal button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+scrollbar.horizontal button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(192, 202, 245, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+  color: transparent;
+}
+
+switch:checked {
+  background-color: #a9b1d6;
+  border-color: #a9b1d6;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+}
+
+switch > slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(192, 202, 245, 0.7);
+  border: none;
+}
+
+switch:focus > slider {
+  box-shadow: 0 0 0 10px rgba(192, 202, 245, 0.04);
+}
+
+switch:hover > slider {
+  box-shadow: 0 0 0 10px rgba(192, 202, 245, 0.12);
+}
+
+switch:focus:hover > slider {
+  box-shadow: 0 0 0 10px rgba(192, 202, 245, 0.12);
+}
+
+switch:checked > slider {
+  background-color: #1a1b26;
+  color: #1a1b26;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+checkbutton,
+radiobutton {
+  outline: none;
+  border-spacing: 4px;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+  padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 16px;
+  min-width: 16px;
+  -gtk-icon-size: 16px;
+  padding: 0;
+  margin: 3px;
+  border: 2px solid rgba(192, 202, 245, 0.7);
+  background-clip: border-box;
+  background-color: transparent;
+  border-radius: 9999px;
+  box-shadow: 0 0 0 10px transparent;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+  border-color: inherit;
+  box-shadow: 0 0 0 10px rgba(192, 202, 245, 0.04);
+}
+
+check:active,
+radio:active {
+  border-color: #c0caf5;
+  box-shadow: 0 0 0 10px rgba(192, 202, 245, 0.12);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  border-color: transparent;
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  background-color: #9aa5ce;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(192, 202, 245, 0.3);
+  color: #1a1b26;
+}
+
+check:disabled,
+radio:disabled {
+  border-color: rgba(192, 202, 245, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: none;
+}
+
+popover.menu check,
+popover.menu radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
+popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+  border-color: transparent;
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+  border-color: transparent;
+  background-color: rgba(0, 0, 0, 0.87);
+  color: #a9b1d6;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(192, 202, 245, 0.3);
+  color: #1a1b26;
+}
+
+popover.menu check,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  box-shadow: none;
+  color: inherit;
+}
+
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+  margin-left: 6px;
+}
+
+check:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/dot-symbolic@2.svg'))
+  );
+}
+
+check:indeterminate,
+radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/line-symbolic@2.svg'))
+  );
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector
+  radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+  border-color: transparent;
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+checkbutton.theme-selector radio:checked:hover {
+  background-color: #9aa5ce;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 16px;
+  min-width: 16px;
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 2px;
+  border-radius: 9999px;
+  margin: 3px;
+  -gtk-icon-size: 20px;
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+themeswitcher .check:hover {
+  background-color: #9aa5ce;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+  padding: 0;
+  margin: 2px;
+  min-height: 48px;
+  min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+  outline-color: rgba(192, 202, 245, 0.12);
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  -gtk-icon-source: none;
+  transition: none;
+  border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  box-shadow: inset 0 0 0 2px #a9b1d6;
+  outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+  background-image: linear-gradient(-45deg, #24283b 49.99%, #c0caf5 50.01%);
+  background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: #c0caf5;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+  color: #c0caf5;
+  background-image: image(#24283b);
+  background-color: transparent;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(192, 202, 245, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(192, 202, 245, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#a9b1d6);
+}
+
+scale highlight:disabled {
+  background-color: #1a1b26;
+  background-image: image(rgba(192, 202, 245, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(192, 202, 245, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #a9b1d6;
+  background-color: #1a1b26;
+  box-shadow: inset 0 0 0 2px #a9b1d6;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #a9b1d6, 0 0 0 8px rgba(192, 202, 245, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #a9b1d6, 0 0 0 8px rgba(192, 202, 245, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(192, 202, 245, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(192, 202, 245, 0.3);
+  color: transparent;
+}
+
+scale.horizontal > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+  margin-left: 6px;
+  margin-right: -14px;
+}
+
+scale.horizontal indicator {
+  min-height: 8px;
+  min-width: 1px;
+}
+
+scale.vertical indicator {
+  min-height: 1px;
+  min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-before-slider-dark.png'),
+    url('assets/scale-horz-marks-before-slider-dark@2.png')
+  );
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-before-slider-disabled-dark.png'),
+    url('assets/scale-horz-marks-before-slider-disabled-dark@2.png')
+  );
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-before-slider-dark.png'),
+    url('assets/scale-horz-marks-before-slider-dark@2.png')
+  );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/scale-horz-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-disabled-dark.png'),
+    url('assets/scale-horz-marks-after-slider-disabled-dark@2.png')
+  );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/scale-horz-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-before-slider-dark.png'),
+    url('assets/scale-vert-marks-before-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-before-slider-disabled-dark.png'),
+    url('assets/scale-vert-marks-before-slider-disabled-dark@2.png')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-before-slider-dark.png'),
+    url('assets/scale-vert-marks-before-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/scale-vert-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-disabled-dark.png'),
+    url('assets/scale-vert-marks-after-slider-disabled-dark@2.png')
+  );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/scale-vert-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.color {
+  min-height: 0;
+  min-width: 0;
+}
+
+scale.color.horizontal {
+  padding: 0 0 12px 0;
+}
+
+scale.color.horizontal slider:dir(ltr),
+scale.color.horizontal slider:dir(rtl) {
+  margin-bottom: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(192, 202, 245, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(192, 202, 245, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #a9b1d6;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #a9b1d6;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #fdd633;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #a9b1d6;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(192, 202, 245, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+  color: #c0caf5;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.dialog.print drawing paper {
+  padding: 0;
+  border: 1px solid rgba(192, 202, 245, 0.12);
+  background-color: #1a1b26;
+  color: #c0caf5;
+}
+
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  border: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+frame > list,
+.frame > list {
+  border: none;
+}
+
+frame.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame {
+  border-radius: 6px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid rgba(192, 202, 245, 0.12);
+  background-color: #1a1b26;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+statusbar {
+  padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at top,
+    rgba(169, 177, 214, 0.24) 99%,
+    rgba(169, 177, 214, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at bottom,
+    rgba(169, 177, 214, 0.24) 99%,
+    rgba(169, 177, 214, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at left,
+    rgba(169, 177, 214, 0.24) 99%,
+    rgba(169, 177, 214, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at right,
+    rgba(169, 177, 214, 0.24) 99%,
+    rgba(169, 177, 214, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: right center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+junction {
+  border-style: solid none none solid;
+  border-width: 1px;
+  border-color: rgba(192, 202, 245, 0.12);
+  background-color: #1a1b26;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator:not(.spacer) {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(192, 202, 245, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+  border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+  border-bottom: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+  border-color: rgba(192, 202, 245, 0.12);
+  background-color: #1a1b26;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+listview row,
+list row {
+  padding: 2px;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+listview > row.expander,
+list > row.expander {
+  padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list.frame {
+  border-radius: 6px;
+}
+
+listview.view {
+  color: #c0caf5;
+  background-color: transparent;
+}
+
+popover.menu listview.view {
+  padding: 0;
+}
+
+popover.menu listview.view > row {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+  border-radius: 6px;
+}
+
+row {
+  color: rgba(192, 202, 245, 0.7);
+  background-clip: padding-box;
+}
+
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button.has-open-popup,
+treeview.view > header > button.has-open-popup,
+columnview.view > header > button:active,
+treeview.view > header > button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+  box-shadow: none;
+}
+
+button:checked row.activatable {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected image,
+row:selected label {
+  color: #c0caf5;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+treeexpander {
+  border-spacing: 4px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid #a9b1d6;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #a9b1d6;
+}
+
+.rich-list {
+  /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+  padding: 9px 12px;
+  min-height: 32px;
+  /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+  border-spacing: 9px;
+  padding: 9px;
+  border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #a9b1d6;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(192, 202, 245, 0.7);
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+expander:hover,
+expander:active {
+  color: #c0caf5;
+}
+
+expander:disabled {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+expander-widget > box > title {
+  border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus,
+.navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+  box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 0;
+  border: 1px solid rgba(192, 202, 245, 0.12);
+  border-radius: 6px;
+  color: #c0caf5;
+}
+
+calendar:disabled {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar > header {
+  padding: 3px;
+  border-bottom: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+calendar > header > button {
+  min-height: 24px;
+}
+
+calendar > grid {
+  margin: 3px;
+}
+
+calendar > grid > label {
+  border-radius: 9999px;
+  margin: 0;
+}
+
+calendar > grid > label.today {
+  box-shadow: none;
+}
+
+calendar > grid > label.today:selected {
+  box-shadow: none;
+}
+
+calendar > grid > label:focus {
+  outline-style: none;
+}
+
+calendar > grid > label.day-number {
+  padding: 9px;
+}
+
+calendar > grid > label.day-number:selected {
+  color: #c0caf5;
+  background-color: alpha(currentColor, 0.06);
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+  background-color: #292e42;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+  border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(192, 202, 245, 0.1);
+  background-color: #292e42;
+  color: #c0caf5;
+}
+
+window.dialog.message .titlebar:backdrop {
+  background-color: #292e42;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+window.dialog.message.csd .dialog-action-area {
+  margin-top: -6px;
+  padding: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button,
+window.dialog.message.csd .dialog-action-area > button:first-child,
+window.dialog.message.csd .dialog-action-area > button:last-child {
+  border-radius: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:last-child) {
+  margin-right: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
+  color: #a9b1d6;
+}
+
+window.dialog.message.csd
+  .dialog-action-area
+  > button.destructive-action:not(:disabled) {
+  color: #f28b82;
+}
+
+window.background.csd.dialog > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(192, 202, 245, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+  border-radius: 6px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(192, 202, 245, 0.12);
+  background-color: #1a1b26;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+  border-right: 1px solid rgba(192, 202, 245, 0.12);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(192, 202, 245, 0.12);
+  border-right-style: none;
+}
+
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+  border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+  border-left: none;
+}
+
+.sidebar listview.view,
+.sidebar list {
+  background-color: transparent;
+}
+
+paned .sidebar.left,
+paned .sidebar.right,
+paned .sidebar.left:dir(rtl),
+paned .sidebar:dir(rtl),
+paned .sidebar:dir(ltr),
+paned .sidebar {
+  border-style: none;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+  border: none;
+}
+
+stacksidebar list {
+  padding: 4px 0;
+}
+
+stacksidebar row {
+  min-height: 24px;
+  padding: 6px 9px;
+  border-radius: 6px;
+  margin: 2px 6px;
+}
+
+stacksidebar row:selected {
+  font-weight: 500;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(192, 202, 245, 0.12);
+  border-right: none;
+}
+
+separator.sidebar.selection-mode,
+.selection-mode separator.sidebar {
+  background-color: rgba(192, 202, 245, 0.15);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+  border-right: none;
+  margin: 0 4px;
+}
+
+.navigation-sidebar > row {
+  min-height: 32px;
+  padding: 2px 4px;
+  margin: 1px 0;
+  border-radius: 6px;
+}
+
+.navigation-sidebar > row:hover,
+.navigation-sidebar > row:focus-visible:focus-within {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+  color: #0db9d7;
+  font-weight: 500;
+}
+
+.navigation-sidebar > row:selected:hover {
+  background-color: #292e42;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+  outline: none;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+.navigation-sidebar > separator {
+  margin: 3px 0;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(192, 202, 245, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+  font-weight: 500;
+}
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+  color: #a9b1d6;
+}
+
+placessidebar
+  .navigation-sidebar
+  > row.sidebar-new-bookmark-row
+  image.sidebar-icon {
+  color: #a9b1d6;
+}
+
+placessidebar .navigation-sidebar > row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: image(#414868);
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #1a1b26;
+  background-image: image(#414868), image(#414868);
+  background-size: 1px 1px, 1px 1px;
+}
+
+paned.horizontal > separator {
+  background-repeat: repeat-y;
+}
+
+paned.horizontal > separator:dir(ltr) {
+  margin: 0 -8px 0 0;
+  padding: 0 8px 0 0;
+  background-position: left;
+}
+
+paned.horizontal > separator:dir(rtl) {
+  margin: 0 0 0 -8px;
+  padding: 0 0 0 8px;
+  background-position: right;
+}
+
+paned.horizontal > separator.wide {
+  margin: 0;
+  padding: 0;
+  background-repeat: repeat-y, repeat-y;
+  background-position: left, right;
+}
+
+paned.vertical > separator {
+  margin: 0 0 -8px 0;
+  padding: 0 0 8px 0;
+  background-repeat: repeat-x;
+  background-position: top;
+}
+
+paned.vertical > separator.wide {
+  margin: 0;
+  padding: 0;
+  background-repeat: repeat-x, repeat-x;
+  background-position: bottom, top;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+  background: black;
+  border-radius: 6px;
+}
+
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 9999px;
+  border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border: none;
+  margin-bottom: 0;
+}
+
+infobar > revealer > box {
+  padding: 6px;
+  border-spacing: 12px;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #a9b1d6;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #24283b;
+  color: #a9b1d6;
+  border-radius: 6px;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #c0caf5;
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #292e42;
+  color: #a9b1d6;
+  border-radius: 6px;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border: none;
+  background-clip: padding-box;
+  padding: 6px 12px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #c0caf5;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+  border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.dark {
+  color: #c0caf5;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button {
+  border-radius: 12px 12px 0 0;
+  color: #c0caf5;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 12px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: #292e42;
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(192, 202, 245, 0.1);
+  background-color: #292e42;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(192, 202, 245, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #1a1b26;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window.csd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  outline-color: rgba(192, 202, 245, 0.2);
+  outline-offset: -1px;
+  outline-style: solid;
+  outline-width: 1px;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.csd {
+  border-radius: 12px;
+}
+
+window:backdrop {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15),
+    0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.popup {
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+window.dialog.message {
+  border-radius: 12px;
+}
+
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #1a1b26;
+  border: 1px solid #414868;
+}
+
+window.solid-csd:backdrop {
+  background-color: #1a1b26;
+}
+
+window.maximized,
+window.fullscreen,
+window.tiled,
+window.tiled-top,
+window.tiled-right,
+window.tiled-bottom,
+window.tiled-left {
+  border-radius: 0;
+  outline-width: 0;
+}
+
+windowcontrols {
+  border-spacing: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+  margin-left: 6px;
+  margin-right: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+  margin-left: 6px;
+  margin-right: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 50%;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) image {
+  background: none;
+}
+
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action):hover {
+  background-color: #0db9d7;
+  color: #1a1b26;
+}
+
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action):active {
+  background-color: #ff9e64;
+  color: #1a1b26;
+}
+
+gridview > child:selected,
+row:selected,
+calendar:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.view:selected,
+iconview:selected,
+flowbox > flowboxchild:selected,
+calendar > grid > label.today {
+  color: #a9b1d6;
+  background-color: rgba(169, 177, 214, 0.2);
+}
+
+text > selection,
+label > selection,
+calendar > grid > label.today:selected,
+stacksidebar row:selected,
+.navigation-sidebar > row:selected {
+  color: #a9b1d6;
+  background-color: #24283b;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #a9b1d6;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(192, 202, 245, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(192, 202, 245, 0.12);
+  background-color: #292e42;
+  color: #c0caf5;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #a9b1d6;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 0;
+  background-color: alpha(currentColor, 0.05);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) {
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher.circular {
+  border-spacing: 12px;
+}
+
+stackswitcher.circular button.circular,
+stackswitcher.circular button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid rgba(192, 202, 245, 0.12);
+  background: none;
+}
+
+.emoji-searchbar entry text {
+  background: none;
+  box-shadow: none;
+}
+
+.emoji-toolbar {
+  padding: 0;
+  border-spacing: 3px;
+  border-top: 1px solid rgba(192, 202, 245, 0.12);
+  background: none;
+}
+
+button.emoji-section {
+  margin: 0;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.emoji-section:checked {
+  color: #a9b1d6;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus,
+popover.emoji-picker emoji:hover {
+  background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+  padding: 2px 6px;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover,
+emoji-completion-row emoji:hover,
+emoji-completion-row emoji:focus {
+  background-color: alpha(currentColor, 0.08);
+  color: #c0caf5;
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+
+.nautilus-window {
+  background-color: #1a1b26;
+}
+
+.nautilus-window:backdrop {
+  background-color: #1a1b26;
+}
+
+.nautilus-window headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window separator.spacer {
+  padding-right: 1.5em;
+}
+
+.nautilus-window flap.unfolded > placessidebar {
+  background-color: transparent;
+  color: rgba(192, 202, 245, 0.7);
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar {
+  background: none;
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > separator {
+  background: rgba(192, 202, 245, 0.1);
+}
+
+.nautilus-window .vertical separator {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  button.sidebar-button {
+  color: #c0caf5;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:hover {
+  background-color: rgba(192, 202, 245, 0.12);
+  color: #c0caf5;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected {
+  background-color: #24283b;
+  font-weight: 700;
+  border-left: 3px solid #f7768e;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #0db9d7;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though
+  > slider {
+  border: none;
+}
+
+.nautilus-window .nautilus-grid-view.view {
+  margin: 0 6px 6px;
+}
+
+.nautilus-window .unfolded {
+  background-color: #1a1b26;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+  background-color: #24283b;
+  border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+  background: none;
+}
+
+.nautilus-window placesview label {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+.nautilus-window infobar {
+  margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+  border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+  margin: 3px;
+  border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+    0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0;
+}
+
+#NautilusQueryEditor > text {
+  margin: 0;
+}
+
+#NautilusPathBar {
+  background-color: #24283b;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+  margin: 0 3px;
+  border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+  color: #0db9d7;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+  margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+  margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+  margin: 3px;
+  padding: 0;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+  border-width: 0 0 0 1px;
+  border-radius: 0;
+}
+
+.history-view {
+  background-color: #1a1b26;
+}
+
+#displayitem {
+  border-top: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+.small .card {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.small .card.forecast-card {
+  border-width: 1px 0;
+}
+
+.small .card.display-container {
+  border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+  background-color: rgba(192, 202, 245, 0.1);
+}
+
+leaflet button.number-button:hover {
+  background-color: rgba(192, 202, 245, 0.2);
+}
+
+leaflet button.number-button:active {
+  background-color: rgba(192, 202, 245, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+  border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+  background: none;
+}
+
+flowboxchild > button.card.category-tile {
+  padding: 21px;
+  border: none;
+  border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+  padding: 9px 15px;
+}
+
+app-context-bar > box:not(:first-child) > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:not(:first-child) > button.flat:last-child {
+  border-radius: 0 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: rgba(192, 202, 245, 0.12);
+}
+
+carousel.card {
+  border: none;
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+  color: #c0caf5;
+  background-color: rgba(192, 202, 245, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+  color: #4cb168;
+  background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+  color: #2196f3;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+  color: #e1b602;
+  background-color: rgba(253, 214, 51, 0.15);
+}
+
+.context-tile-lozenge.details-rating-15 {
+  color: #ff9800;
+  background-color: rgba(255, 152, 0, 0.15);
+}
+
+.context-tile-lozenge.red,
+.context-tile-lozenge.details-rating-18 {
+  color: #eb4b3d;
+  background-color: rgba(242, 139, 130, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: #c0caf5;
+}
+
+.category-tile.category-create:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 1.07) 0%,
+    shade(#2861c6, 1.1) 100%
+  );
+}
+
+.category-tile.category-create:active {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 0.95) 0%,
+    shade(#2861c6, 0.95) 100%
+  );
+}
+
+.category-tile.category-develop {
+  background: #5e5c64;
+  color: #c0caf5;
+}
+
+.category-tile.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: #c0caf5;
+}
+
+.category-tile.category-learn:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 1.06) 30%,
+    shade(#27a66c, 1.06) 100%
+  );
+}
+
+.category-tile.category-learn:active {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 0.95) 30%,
+    shade(#27a66c, 0.95) 100%
+  );
+}
+
+.category-tile.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+.category-tile.category-play:hover {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 1.07) 0%,
+    shade(#eb5ec3, 1.07) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-play:active {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 0.97) 0%,
+    shade(#eb5ec3, 0.95) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: rgba(192, 202, 245, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 1.08) 0%,
+    shade(#f77466, 1.08) 100%
+  );
+}
+
+.category-tile.category-socialize:active {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 0.95) 0%,
+    shade(#f77466, 0.95) 100%
+  );
+}
+
+.category-tile.category-work {
+  padding: 1px;
+  /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */
+  color: #1c71d8;
+  background-color: #fdf8d7;
+  background-image: linear-gradient(
+      rgba(192, 202, 245, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(192, 202, 245, 0.12) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+  background-color: #fefcef;
+  background-image: linear-gradient(
+      rgba(192, 202, 245, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(192, 202, 245, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+  background-color: #fcf4bf;
+  background-image: linear-gradient(
+      rgba(192, 202, 245, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(192, 202, 245, 0.12) 1px, transparent 1px);
+}
+
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.polari-room-list popover.background > arrow,
+.polari-room-list popover.background > contents {
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar {
+  box-shadow: inset 0 -1px rgba(192, 202, 245, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+  border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+  margin: 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+  border-radius: 6px;
+  padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+  border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+  padding: 0;
+}
+
+panelframeswitcher {
+  padding: 6px;
+}
+
+.frameheader.header {
+  min-height: 24px;
+  background-color: rgba(192, 202, 245, 0.04);
+}
+
+.frameheader.header > button {
+  border: none;
+  margin: 0;
+  padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+  min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+  padding: 0;
+  border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+  padding: 0;
+  border-left: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+.frameheader.header
+  tabbar.inline
+  > revealer
+  > box
+  .end-action
+  menubutton
+  > button {
+  margin: 6px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+  border: none;
+  background: none;
+}
+
+panelstatusbar {
+  background-color: #1a1b26;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+  border-radius: 0;
+}
+
+.style-variant {
+  padding: 0 12px;
+}
+
+.style-variant button.toggle {
+  padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+  background: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+  border-radius: 6px;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+  outline-color: rgba(192, 202, 245, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+  outline-color: rgba(192, 202, 245, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+  outline-color: #a9b1d6;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list {
+  border: none;
+  border-radius: 0;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:first-child,
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:last-child {
+  border-radius: 0;
+}
+
+avatar {
+  border-radius: 9999px;
+  font-weight: bold;
+}
+
+avatar.color1 {
+  background-image: linear-gradient(#83b6ec, #337fdc);
+  color: #cfe1f5;
+}
+
+avatar.color2 {
+  background-image: linear-gradient(#7ad9f1, #0f9ac8);
+  color: #caeaf2;
+}
+
+avatar.color3 {
+  background-image: linear-gradient(#8de6b1, #29ae74);
+  color: #cef8d8;
+}
+
+avatar.color4 {
+  background-image: linear-gradient(#b5e98a, #6ab85b);
+  color: #e6f9d7;
+}
+
+avatar.color5 {
+  background-image: linear-gradient(#f8e359, #d29d09);
+  color: #f9f4e1;
+}
+
+avatar.color6 {
+  background-image: linear-gradient(#ffcb62, #d68400);
+  color: #ffead1;
+}
+
+avatar.color7 {
+  background-image: linear-gradient(#ffa95a, #ed5b00);
+  color: #ffe5c5;
+}
+
+avatar.color8 {
+  background-image: linear-gradient(#f78773, #e62d42);
+  color: #f8d2ce;
+}
+
+avatar.color9 {
+  background-image: linear-gradient(#e973ab, #e33b6a);
+  color: #fac7de;
+}
+
+avatar.color10 {
+  background-image: linear-gradient(#cb78d4, #9945b5);
+  color: #e7c2e8;
+}
+
+avatar.color11 {
+  background-image: linear-gradient(#9e91e8, #7a59ca);
+  color: #d5d2f5;
+}
+
+avatar.color12 {
+  background-image: linear-gradient(#e3cf9c, #b08952);
+  color: #f2eade;
+}
+
+avatar.color13 {
+  background-image: linear-gradient(#be916d, #785336);
+  color: #e5d6ca;
+}
+
+avatar.color14 {
+  background-image: linear-gradient(#c0bfbc, #6e6d71);
+  color: #d8d7d3;
+}
+
+avatar.contrasted {
+  color: #c0caf5;
+}
+
+avatar.image {
+  background: none;
+}
+
+.card {
+  border-radius: 6px;
+  box-shadow: none;
+  border: 1px solid rgba(192, 202, 245, 0.12);
+  background-clip: border-box;
+  background-color: #1a1b26;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+preferencespage > scrolledwindow > viewport > clamp > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+preferencesgroup > box,
+preferencesgroup > box .labels {
+  border-spacing: 6px;
+}
+
+preferencesgroup > box > box.header:not(.single-line) {
+  margin-bottom: 6px;
+}
+
+preferencesgroup > box > box.single-line {
+  min-height: 34px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle {
+  padding: 0;
+  background: none;
+  box-shadow: none;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+}
+
+preferencesgroup > box button.background-preview-button.toggle,
+preferencesgroup
+  > box
+  button.background-preview-button.toggle
+  > background-preview {
+  border-radius: 6px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle:hover {
+  outline-color: rgba(192, 202, 245, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: rgba(192, 202, 245, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: #a9b1d6;
+}
+
+statuspage > scrolledwindow > viewport > box {
+  margin: 36px 12px;
+  border-spacing: 36px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box {
+  border-spacing: 12px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon {
+  -gtk-icon-size: 128px;
+  color: alpha(currentColor, 0.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.35;
+}
+
+statuspage
+  > scrolledwindow
+  > viewport
+  > box
+  > clamp
+  > box
+  > .icon:not(:last-child) {
+  margin-bottom: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon {
+  -gtk-icon-size: 96px;
+}
+
+statuspage.compact
+  > scrolledwindow
+  > viewport
+  > box
+  > clamp
+  > box
+  > .icon:not(:last-child) {
+  margin-bottom: 12px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title {
+  font-size: 18pt;
+}
+
+toast {
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 9999px;
+  border-spacing: 6px;
+  padding: 6px;
+  box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+    0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(192, 202, 245, 0.1);
+  background-color: #16161e;
+  color: #c0caf5;
+  border: none;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > label {
+  margin: 0 6px;
+}
+
+viewswitcher {
+  margin: 0;
+}
+
+viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator {
+  background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label {
+  color: #a9b1d6;
+}
+
+viewswitcher.narrow button.toggle {
+  border-radius: 0;
+  margin: 0;
+  border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+  border-radius: 0 0 12px 12px;
+  margin: 0;
+  min-width: 120px;
+  padding: 0;
+  background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+  background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+  color: #a9b1d6;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+  box-shadow: none;
+}
+
+viewswitcher button.toggle {
+  font-weight: bold;
+  padding: 0;
+  min-height: 0;
+  margin: 0;
+}
+
+viewswitcher button.toggle > stack > box.narrow {
+  font-size: 0.75rem;
+  padding-top: 7px;
+  padding-bottom: 5px;
+  border-spacing: 4px;
+}
+
+viewswitcher button.toggle > stack > box.narrow > stack > label {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+viewswitcher button.toggle > stack > box.wide {
+  padding: 0 12px;
+  border-spacing: 6px;
+}
+
+viewswitcherbar actionbar > revealer > box {
+  padding: 0;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+indicatorbin > indicator,
+indicatorbin > mask {
+  min-width: 6px;
+  min-height: 6px;
+  border-radius: 9999px;
+}
+
+indicatorbin > indicator {
+  margin: 1px;
+  padding: 0;
+  background: alpha(currentColor, 0.4);
+}
+
+indicatorbin > indicator > label {
+  font-size: 0.6rem;
+  font-weight: bold;
+  padding: 2px 5px;
+  color: #c0caf5;
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background-color: #a9b1d6;
+}
+
+indicatorbin.needs-attention > indicator > label {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/m3ww/.config/gtk-4.0/gtk.css b/m3ww/.config/gtk-4.0/gtk.css
new file mode 100755
index 000000000..f993e9387
--- /dev/null
+++ b/m3ww/.config/gtk-4.0/gtk.css
@@ -0,0 +1,118 @@
+@define-color theme_fg_color #AEE5FA;
+@define-color theme_text_color #AEE5FA;
+@define-color theme_bg_color #1a1b26;
+@define-color theme_base_color #1a1b26;
+@define-color theme_selected_bg_color #AEE5FA;
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+@define-color insensitive_bg_color #1a1b26;
+@define-color insensitive_fg_color rgba(192, 202, 245, 0.5);
+@define-color insensitive_base_color #24283b;
+@define-color theme_unfocused_fg_color #AEE5FA;
+@define-color theme_unfocused_text_color #c0caf5;
+@define-color theme_unfocused_bg_color #1a1b26;
+@define-color theme_unfocused_base_color #1a1b26;
+@define-color theme_unfocused_selected_bg_color #a9b1d6;
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+@define-color unfocused_insensitive_color rgba(192, 202, 245, 0.5);
+@define-color borders rgba(192, 202, 245, 0.12);
+@define-color unfocused_borders rgba(192, 202, 245, 0.12);
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+@define-color wm_title #AEE5FA;
+@define-color wm_unfocused_title rgba(192, 202, 245, 0.7);
+@define-color wm_highlight rgba(192, 202, 245, 0.1);
+@define-color wm_bg #1a1b26;
+@define-color wm_unfocused_bg #1a1b26;
+@define-color wm_button_close_icon #1a1b26;
+@define-color wm_button_close_hover_bg #a9b1d6;
+@define-color wm_button_close_active_bg #c7c7c7;
+@define-color content_view_bg #1a1b26;
+@define-color placeholder_text_color silver;
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #90D1F6;
+@define-color budgie_tasklist_indicator_color_active #90D1F6;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+@define-color accent_bg_color #68ABE3;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #68ABE3;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color window_bg_color #1a1b26;
+@define-color window_fg_color #90D1F6;
+@define-color view_bg_color rgb(30,30,46);
+@define-color view_fg_color rgb(192,202,245);
+@define-color headerbar_bg_color #1E1E2E;
+@define-color headerbar_fg_color #AEE5FA;
+@define-color headerbar_border_color rgba(192, 202, 245, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #1E1E2E;
+@define-color card_fg_color #AEE5FA;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color rgb(26,27,38);
+@define-color dialog_fg_color #AEE5FA;
+@define-color popover_bg_color #2E2F42;
+@define-color popover_fg_color #AEE5FA;
+@define-color thumbnail_bg_color #1a1b26;
+@define-color thumbnail_fg_color #AEE5FA;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
diff --git a/m3ww/.config/gtklock/config.ini b/m3ww/.config/gtklock/config.ini
new file mode 100755
index 000000000..2e047db88
--- /dev/null
+++ b/m3ww/.config/gtklock/config.ini
@@ -0,0 +1,3 @@
+[main]
+gtk-theme=Tokyonight-Dark-BL-LB
+modules=/usr/lib/gtklock/powerbar-module.so
diff --git a/m3ww/.config/gtklock/style.css b/m3ww/.config/gtklock/style.css
new file mode 100755
index 000000000..556fd7b8b
--- /dev/null
+++ b/m3ww/.config/gtklock/style.css
@@ -0,0 +1,111 @@
+/* This is GTK CSS, not normal CSS */
+
+* {
+    all: unset;
+    border: 0px;
+}
+
+window {
+    background: rgba(0, 0, 0, 0.5);
+    /* background-image: url("background"); */
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center;
+}
+
+#window-box {
+    /* background-color: #1A1B26; */
+    border-radius: 1.5rem;
+    padding: 1.5rem;
+    /* border: 4px solid #7E64C5; */
+    border: 0px solid black;
+}
+
+#input-label {
+    font-size: 1.5rem;
+    color: transparent;
+    background-color: transparent;
+    margin: -20rem;
+}
+
+#input-field {
+    background-color: #474459;
+    color: #E5DFF9;
+    border-radius: 999px;
+    font-size: 1.3rem;
+    padding: 0.341rem 1.364rem;
+    margin: 0.477rem;
+    box-shadow: 2px 2px 4px rgba(22, 22, 30, 0.5);
+    min-height: 2.727rem;
+}
+
+/* #input-field:focus {
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 96%, #C8BFFF 96%);
+} */
+
+#unlock-button {
+    margin: -20rem;
+    color: transparent;
+    background-color: transparent;
+}
+
+#error-label {
+    color: #F38BA8;
+}
+
+#clock-label {
+    font-family: 'Lexend';
+    font-size: 6rem;
+    border-radius: 1.2rem;
+    padding: 0.5rem;
+    margin: 0.6rem;
+    margin-top: -35rem;
+    color: #C8BFFF;
+    text-shadow: 1px 1px 2px rgba(22, 22, 30, 0.5);
+}
+
+#user-image {
+    /* min-width: 200px;
+    min-height: 200px; */
+}
+
+#powerbar-box {}
+
+#poweroff-button {
+    background-color: #302F33;
+    color: #C9C5D0;
+    min-width: 3rem;
+    min-height: 3rem;
+    margin: 10px;
+    border-radius: 99px;
+}
+
+#suspend-button {
+    background-color: #302F33;
+    color: #C9C5D0;
+    min-width: 3rem;
+    min-height: 3rem;
+    margin: 10px;
+    border-radius: 99px;
+}
+
+#reboot-button {
+    background-color: #302F33;
+    color: #C9C5D0;
+    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);
+}
\ No newline at end of file
diff --git a/m3ww/.config/hypr/colors.conf b/m3ww/.config/hypr/colors.conf
new file mode 100755
index 000000000..336379037
--- /dev/null
+++ b/m3ww/.config/hypr/colors.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(c8bfffFF) 45deg
+    col.inactive_border = rgba(555555AA)
+}
diff --git a/m3ww/.config/hypr/colors_default.conf b/m3ww/.config/hypr/colors_default.conf
new file mode 100755
index 000000000..09e7115b6
--- /dev/null
+++ b/m3ww/.config/hypr/colors_default.conf
@@ -0,0 +1,4 @@
+general {
+    col.active_border = rgba(0DB7D4FF) rgba(7AA2F7FF) rgba(9778D0FF) 45deg
+    col.inactive_border = rgba(04404aaa)
+}
diff --git a/m3ww/.config/hypr/dirs/hyprland_HORIZONTAL.conf b/m3ww/.config/hypr/dirs/hyprland_HORIZONTAL.conf
new file mode 100755
index 000000000..6708a2a55
--- /dev/null
+++ b/m3ww/.config/hypr/dirs/hyprland_HORIZONTAL.conf
@@ -0,0 +1,193 @@
+# This file contains general customization options 
+# For Environment variables see env.conf
+# For Keybinds variables see keybinds.conf 
+# For Auto-run stuff see execs.conf
+#autogenerated = 1
+
+# I haven't updated yet but prepared
+# source=~/.config/hypr/env.conf
+
+# Monitor: reserve space for eww bar
+monitor=eDP-1,1920x1080@60,0x0,1
+monitor=eDP-1, addreserved, 61, 0, 0, 0
+monitor=HDMI-A-1,1920x1080@60,1920x0,1,mirror,eDP-1
+
+#################### Core components (authentication, idle daemon and stuff) ##############
+source=~/.config/hypr/execs.conf
+
+############################# Keybinds ############################
+source=~/.config/hypr/keybinds.conf
+
+############################## Input ##############################
+input {
+    # Mouse
+    # accel_profile = adaptive
+    force_no_accel = false
+    #sensitivity = 0
+    # osu
+    # force_no_accel = true
+    # sensitivity = -0.23 
+
+    # Keyboard
+    kb_layout = us
+    follow_mouse = 1
+    numlock_by_default = true
+
+    touchpad {
+        natural_scroll = yes
+        disable_while_typing = true
+        clickfinger_behavior = true
+        scroll_factor = 0.7
+    }
+    scroll_method = 2fg
+}
+gestures {
+    # See https://wiki.hyprland.org/Configuring/Variables/ for more
+    workspace_swipe = true
+    workspace_swipe_distance = 1200px
+    workspace_swipe_fingers = 4
+    workspace_swipe_cancel_ratio = 0.2
+    workspace_swipe_min_speed_to_force = 5
+    workspace_swipe_create_new = true
+}
+
+general {
+    # Gaps and border
+    gaps_in = 4
+    gaps_out = 8
+    border_size = 2
+    
+    # Fallback colors
+    col.active_border = rgba(0DB7D4FF) rgba(7AA2F7FF) rgba(9778D0FF) 45deg
+    col.inactive_border = rgba(04404aaa)
+
+    # Functionality
+    # resize_on_border = true
+    layout = dwindle
+}
+
+
+decoration {
+	# Blur rules
+	# blurls=gtk-layer-shell
+	rounding = 17
+    
+    # Blur
+    blur = yes
+    blur_size = 7
+    blur_passes = 4
+    blur_new_optimizations = on
+    blur_ignore_opacity = false
+    #blur_xray = true
+    # Shadow
+    drop_shadow = no
+    shadow_range = 30
+    shadow_render_power = 3
+    col.shadow = rgba(01010166)
+    
+    # Opacity
+    	
+    
+    # Shader
+    # screen_shader = ~/.config/hypr/shaders/nothing.frag
+    
+    # Dim
+    dim_inactive = false
+    dim_strength = 0.1
+    dim_special = 0
+}
+
+animations {
+    enabled = yes
+    # Animation curves
+    
+    bezier = md3_standard, 0.2, 0.0, 0, 1.0
+    bezier = md3_decel, 0.05, 0.7, 0.1, 1
+    bezier = md3_accel, 0.3, 0, 0.8, 0.15
+    bezier = overshot, 0.05, 0.9, 0.1, 1.05
+    bezier = hyprnostretch, 0.05, 0.9, 0.1, 1.0
+    bezier = win10, 0, 0, 0, 1
+    bezier = gnome, 0, 0.85, 0.3, 1
+    bezier = funky, 0.46, 0.35, -0.2, 1.2
+    # Animation configs
+    animation = windows, 1, 2, md3_decel, slide
+    animation = border, 1, 10, default
+    animation = fade, 1, 0.0000001, default
+    animation = workspaces, 1, 4, md3_decel, slide
+}
+
+misc {
+    vfr = 1
+    vrr = 0
+    focus_on_activate = true
+	animate_manual_resizes = true
+	animate_mouse_windowdragging = true
+	#suppress_portal_warnings = true
+	enable_swallow = true
+}
+debug {
+	#overlay = true
+}
+dwindle {
+	preserve_split = true # you probably want this
+	#no_gaps_when_only = true
+}
+
+decoration {
+  #screen_shader = ~/.config/hypr/shaders/drugs.frag
+  #screen_shader = ~/.config/hypr/shaders/crt.frag
+}
+debug {
+  #damage_tracking=0
+}
+
+# Efficiency
+#general {
+#	gaps_in = 0
+#    gaps_out = 0
+#	border_size = 2
+#}
+#decoration {
+#	rounding = 0
+#}
+#monitor=eDP-1, addreserved, 32, 0, 0, 0
+
+######## Window rules ########
+#windowrule = float, ^(firefox)$
+windowrule = float, ^(steam)$
+windowrule = float, ^(guifetch)$
+
+#windowrule = opacity 0.9 override 0.9 override, ^(firefox)$
+# Dialogs
+windowrule=float,title:^(Open File)(.*)$
+windowrule=float,title:^(Open Folder)(.*)$
+windowrule=float,title:^(Save As)(.*)$
+windowrule=float,title:^(Library)(.*)$ 
+windowrulev2 = float, class:^com.github.hluk.copyq$
+
+windowrulev2 = rounding 10, floating:1
+######## Layer rules ########
+layerrule = blur, gtk-layer-shell
+layerrule = ignorezero, gtk-layer-shell
+layerrule = blur, notifications
+layerrule = ignorezero, notifications
+layerrule = blur, waybar
+layerrule = ignorezero, waybar
+
+plugin {
+    hyprbars {
+        bar_color = rgba(090727FF)
+        bar_height = 20
+        bar_text_size = 10
+        bar_text_color = rgba(7775D0FF)
+    }
+    borders-plus-plus {
+        add_borders = 2 # 0 - 2
+        col.border_1 = rgb(82E6F5) # example col for border 1
+        col.border_2 = rgb(2222ff) # example col for border 2
+    }
+}
+
+
+# Dynamic colors are written here
+source=~/.config/hypr/colors.conf
diff --git a/m3ww/.config/hypr/dirs/hyprland_VERTICAL.conf b/m3ww/.config/hypr/dirs/hyprland_VERTICAL.conf
new file mode 100755
index 000000000..41d2d4d06
--- /dev/null
+++ b/m3ww/.config/hypr/dirs/hyprland_VERTICAL.conf
@@ -0,0 +1,191 @@
+# This file contains general customization options 
+# For Environment variables see env.conf
+# For Keybinds variables see keybinds.conf 
+# For Auto-run stuff see execs.conf
+#autogenerated = 1
+
+# I haven't updated yet but prepared
+# source=~/.config/hypr/env.conf
+
+# Monitor: reserve space for eww bar
+monitor=eDP-1,1920x1080@60,0x0,1
+monitor=eDP-1, addreserved, 1, 1, 61, 1
+monitor=HDMI-A-1,1920x1080@60,1920x0,1,mirror,eDP-1
+
+#################### Core components (authentication, idle daemon and stuff) ##############
+source=~/.config/hypr/execs.conf
+
+############################# Keybinds ############################
+source=~/.config/hypr/keybinds.conf
+
+############################## Input ##############################
+input {
+    # Mouse
+    # accel_profile = adaptive
+    force_no_accel = false
+    #sensitivity = 0
+    # osu
+    # force_no_accel = true
+    # sensitivity = -0.23 
+
+    # Keyboard
+    kb_layout = us
+    follow_mouse = 1
+    numlock_by_default = true
+
+    touchpad {
+        natural_scroll = yes
+        disable_while_typing = true
+        clickfinger_behavior = true
+        scroll_factor = 0.7
+    }
+    scroll_method = 2fg
+}
+gestures {
+    # See https://wiki.hyprland.org/Configuring/Variables/ for more
+    workspace_swipe = true
+    workspace_swipe_distance = 1000px
+    workspace_swipe_fingers = 4
+    workspace_swipe_cancel_ratio = 0.05
+    workspace_swipe_min_speed_to_force = 5
+    workspace_swipe_create_new = true
+}
+
+general {
+    # Gaps and border
+    gaps_in = 4
+    gaps_out = 7
+    border_size = 2
+    
+    # Fallback colors
+    col.active_border = rgba(0DB7D4FF) rgba(7AA2F7FF) rgba(9778D0FF) 45deg
+    col.inactive_border = rgba(04404aaa)
+
+    # Functionality
+    # resize_on_border = true
+    layout = dwindle
+}
+
+
+decoration {
+	# Blur rules
+	# blurls=gtk-layer-shell
+	rounding = 17
+    
+    # Blur
+    blur = yes
+    blur_size = 7
+    blur_passes = 4
+    blur_new_optimizations = on
+    blur_ignore_opacity = false
+    #blur_xray = true
+    # Shadow
+    drop_shadow = no
+    shadow_range = 30
+    shadow_render_power = 3
+    col.shadow = rgba(01010166)
+    
+    # Opacity
+    	
+    
+    # Shader
+    # screen_shader = ~/.config/hypr/shaders/nothing.frag
+    
+    # Dim
+    dim_inactive = false
+    dim_strength = 0.1
+    dim_special = 0
+}
+
+animations {
+    enabled = yes
+    # Animation curves
+    
+    bezier = md3_standard, 0.2, 0.0, 0, 1.0
+    bezier = md3_decel, 0.05, 0.7, 0.1, 1
+    bezier = md3_accel, 0.3, 0, 0.8, 0.15
+    bezier = overshot, 0.05, 0.9, 0.1, 1.05
+    bezier = hyprnostretch, 0.05, 0.9, 0.1, 1.0
+    bezier = win10, 0, 0, 0, 1
+    bezier = gnome, 0, 0.85, 0.3, 1
+    bezier = funky, 0.46, 0.35, -0.2, 1.2
+    # Animation configs
+    animation = windows, 1, 2, md3_decel, slide
+    animation = border, 1, 10, default
+    animation = fade, 1, 0.0000001, default
+    animation = workspaces, 1, 4, md3_decel, slidevert
+}
+
+misc {
+    vfr = 1
+    vrr = 0
+    focus_on_activate = true
+	animate_manual_resizes = true
+	animate_mouse_windowdragging = true
+	#suppress_portal_warnings = true
+	enable_swallow = true
+}
+debug {
+	#overlay = true
+}
+dwindle {
+	preserve_split = true # you probably want this
+	#no_gaps_when_only = true
+}
+
+decoration {
+  #screen_shader = ~/.config/hypr/shaders/drugs.frag
+  #screen_shader = ~/.config/hypr/shaders/crt.frag
+}
+debug {
+  #damage_tracking=0
+}
+
+# Efficiency
+#general {
+#	gaps_in = 0
+#    gaps_out = 0
+#	border_size = 2
+#}
+#decoration {
+#	rounding = 0
+#}
+#monitor=eDP-1, addreserved, 32, 0, 0, 0
+
+######## Window rules ########
+#windowrule = float, ^(firefox)$
+windowrule = float, ^(steam)$
+windowrule = float, ^(guifetch)$
+
+#windowrule = opacity 0.9 override 0.9 override, ^(firefox)$
+# Dialogs
+windowrule=float,title:^(Open File)(.*)$
+windowrule=float,title:^(Open Folder)(.*)$
+windowrule=float,title:^(Save As)(.*)$
+windowrule=float,title:^(Library)(.*)$ 
+windowrulev2 = float, class:^com.github.hluk.copyq$
+
+windowrulev2 = rounding 10, floating:1
+######## Layer rules ########
+layerrule = blur, gtk-layer-shell
+layerrule = ignorezero, gtk-layer-shell
+layerrule = blur, waybar
+layerrule = ignorezero, waybar
+
+plugin {
+    hyprbars {
+        bar_color = rgba(090727FF)
+        bar_height = 20
+        bar_text_size = 10
+        bar_text_color = rgba(7775D0FF)
+    }
+    borders-plus-plus {
+        add_borders = 2 # 0 - 2
+        col.border_1 = rgb(82E6F5) # example col for border 1
+        col.border_2 = rgb(2222ff) # example col for border 2
+    }
+}
+
+
+# Dynamic colors are written here
+source=~/.config/hypr/colors.conf
diff --git a/m3ww/.config/hypr/dirs/keybinds_HORIZONTAL.conf b/m3ww/.config/hypr/dirs/keybinds_HORIZONTAL.conf
new file mode 100755
index 000000000..9d82e08e6
--- /dev/null
+++ b/m3ww/.config/hypr/dirs/keybinds_HORIZONTAL.conf
@@ -0,0 +1,199 @@
+########################## Language ############################
+bind = SUPERSHIFT, V, exec, ibus engine Bamboo::Us
+bind = SUPERSHIFT, E, exec, ibus engine xkb:us::eng
+
+#################### It just works™ keybinds ###################
+# Volume
+bindl = ,XF86AudioMute, exec, pactl set-sink-mute @DEFAULT_SINK@ toggle
+bindle=, XF86AudioRaiseVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%+
+bindle=, XF86AudioLowerVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%-
+bindle = , XF86AudioRaiseVolume, exec, ~/.config/eww/scripts/volume osd &
+bindle = , XF86AudioLowerVolume, exec, ~/.config/eww/scripts/volume osd &
+bindl = , XF86AudioMute, exec, ~/.config/eww/scripts/volume osd &
+
+# Brightness
+bindle=, XF86MonBrightnessUp, exec, light -A 3 && ~/.config/eww/scripts/brightness osd &
+bindle=, XF86MonBrightnessDown, exec, light -U 3 && ~/.config/eww/scripts/brightness osd &
+
+######################################## Keybinds ########################################
+# Apps: just normal apps
+bind = SUPER, C, exec, code --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland
+bind = CONTROLSHIFTALT, Y, exec, yuzu
+bind = SUPER, T, exec, foot --override shell=fish
+bind = SUPERALT, T, exec, wezterm
+bind = SUPER, Return, exec, kitty
+bind = SUPER, E, exec, nautilus --new-window
+bind = SUPER, W, exec, firefox
+bind = CONTROLSUPERALT, E, exec, /usr/bin/microsoft-edge-stable --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland --gtk-version=4
+bind = SUPER, X, exec, gnome-text-editor --new-window
+bind = SUPERSHIFT, W, exec, wps
+
+#Apps: Settings and config
+bind = SUPER, I, exec, gnome-control-center
+bind = CONTROLSUPER, V, exec, pavucontrol 
+bind = CONTROLSHIFT, Escape, exec, gnome-system-monitor
+bind = CONTROLALTSHIFT, Escape, exec, foot -T 'btop' btop
+bind = SUPERSHIFT, I, exec, ~/.local/bin/guifetch
+
+
+# Actions 
+bind = SUPERSHIFT, Period, exec, pkill wofi || wofi-emoji
+bind = SUPER, Period, exec, pkill fuzzel || ~/.local/bin/fuzzel-emoji
+bind = SUPER, Q, killactive,
+bind = SUPERALT, Space, togglefloating, 
+bind = SHIFTSUPERALT, Q, exec, hyprctl kill
+bind = CONTROLALT, Delete, exec, pkill wlogout || wlogout -p layer-shell
+bind = CONTROLSHIFTALTSUPER, Delete, exec, systemctl poweroff
+
+# Screenshot, Record, OCR (Optical Character Recognition), Color picker, Clipboard history
+bind = SUPERSHIFT, D, exec,~/.local/bin/rubyshot | wl-copy
+bind = SUPERSHIFTALT, S, exec, grim -g "$(slurp)" - | swappy -f -
+bindl =,Print,exec,grim - | wl-copy
+bind = SUPERSHIFT, S, exec, grim -g "$(slurp)" - | wl-copy
+bind = SUPERALT, R, exec, ~/.local/bin/record-script.sh
+bind = CONTROLALT, R, exec, ~/.local/bin/record-script.sh --sound
+bind = SUPERSHIFTALT, R, exec, ~/.local/bin/record-script-fullscreen.sh
+bind = CONTROLSUPERSHIFT,S,exec,grim -g "$(slurp)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+bind = SUPERSHIFT,T,exec,grim -g "$(slurp)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+bind = SUPERSHIFT, C, exec, hyprpicker -a
+bind = SUPER, B, exec, copyq menu 
+bind = SUPER, V, exec, pkill fuzzel || cliphist list | fuzzel --no-fuzzy --icon-theme=candy-icons --background-color=1D1D27ee --text-color=cdd6f4ff --match-color=AC16C7FF --border-width=3 --border-radius=10 --border-color=8701E7FF	 --selection-color=585b70ff --selection-text-color=cdd6f4ff --selection-match-color=AC16C7FF --font="Rubik"  --prompt="   " --dmenu | cliphist decode | wl-copy
+# Media
+bind = SUPERSHIFT, N, exec, playerctl next || playerctl position `bc <<< "100 * $(playerctl metadata mpris:length) / 1000000 / 100"`
+bind = SUPERSHIFT, B, exec, playerctl previous
+bind = SUPERSHIFT, P, exec, playerctl play-pause
+#Lock screen  |  blur: --effect-blur=20x20
+bind = SUPER, L, exec, ~/.local/bin/lock.sh
+bind = SUPERSHIFT, L, exec, ~/.local/bin/lock.sh
+bindl = SUPERSHIFT, L, exec, sleep 0.1 && systemctl suspend
+# App launcher
+bindr = SUPER, SUPER_L, exec, ~/.config/eww/scripts/toggle-overview.sh --keypress &
+bind = SUPER, Slash, exec, pkill fuzzel || fuzzel --icon-theme=candy-icons --background-color=1D1D27ee --text-color=cdd6f4ff --match-color=AC16C7FF --border-width=3 --border-radius=10 --border-color=8701E7FF	 --selection-color=585b70ff --selection-text-color=cdd6f4ff --selection-match-color=AC16C7FF --font="Rubik"  --prompt="    "
+#bindr = SUPER, SUPER_L, exec, pkill rofi || rofi -show drun
+
+################################# eww keybinds ################################
+bindr = CONTROLSUPER, R, exec, pkill eww && eww daemon && eww open bar && eww open bg-decor
+bind = SUPER, Tab, exec, ~/.config/eww/scripts/toggle-overview.sh
+bind = SUPER, O, exec, ~/.config/eww/scripts/toggle-osettings.sh --keypress
+bind = CONTROLSUPER, O, exec, ~/.config/eww/scripts/toggle-osettings.sh --keypress
+bind = SUPER, M, exec, ~/.config/eww/scripts/toggle-bottombar.sh
+bind = SUPER, N, exec, ~/.config/eww/scripts/toggle-onotify.sh --keypress
+bind = SUPER, Comma, exec, ~/.config/eww/scripts/toggle-themer.sh
+bind = SUPER, D, exec, ~/.config/eww/scripts/toggle-dash.sh --keypress
+bind = SUPER, A, exec, ~/.config/eww/scripts/toggle-dashfs.sh
+bind = SUPER, G, exec, ~/.config/eww/scripts/toggle-wingamebar.sh
+
+bind = CONTROLSUPER, Tab, exec, ~/.config/eww/scripts/toggle-compactmode.sh
+bind = SUPERALT, W, exec, ~/.config/eww/scripts/toggle-winmode.sh
+
+############################ Keybinds for Hyprland ############################
+# Swap windows
+bind=SUPERSHIFT,left,movewindow,l
+bind=SUPERSHIFT,right,movewindow,r
+bind=SUPERSHIFT,up,movewindow,u
+bind=SUPERSHIFT,down,movewindow,d
+# Move focus
+bind = SUPER, left, movefocus, l
+bind = SUPER, right, movefocus, r
+bind = SUPER, up, movefocus, u
+bind = SUPER, down, movefocus, d
+bind = SUPER, BracketLeft, movefocus, l
+bind = SUPER, BracketRight, movefocus, r
+# Window title
+bind = SUPER, left, exec, eww update rev_center_ws=false
+bind = SUPER, right, exec, eww update rev_center_ws=false
+bind = SUPER, up, exec, eww update rev_center_ws=false
+bind = SUPER, down, exec, eww update rev_center_ws=false
+bind = SUPER, BracketLeft, exec, eww update rev_center_ws=false
+bind = SUPER, BracketRight, exec, eww update rev_center_ws=false
+bind = ALT, Tab, exec, eww update rev_center_ws=false
+
+# Workspace, window, tab switch with keyboard
+bind = CONTROLSUPER, right, workspace, +1
+bind = CONTROLSUPER, left, workspace, -1
+bind = CONTROLSUPER, BracketLeft, workspace, -1
+bind = CONTROLSUPER, BracketRight, workspace, +1
+bind = CONTROLSUPER, up, workspace, -5
+bind = CONTROLSUPER, down, workspace, +5
+bind = SUPER, Page_Down, workspace, +1
+bind = SUPER, Page_Up, workspace, -1
+bind = CONTROLSUPER, Page_Down, workspace, +1
+bind = CONTROLSUPER, Page_Up, workspace, -1
+bind = SUPERSHIFT, Page_Down, movetoworkspace, +1
+bind = SUPERSHIFT, Page_Up, movetoworkspace, -1
+bind = CONTROLSUPERSHIFT, Right, movetoworkspace, +1
+bind = CONTROLSUPERSHIFT, Left, movetoworkspace, -1
+bind = SUPERSHIFT, mouse_down, movetoworkspace, -1
+bind = SUPERSHIFT, mouse_up, movetoworkspace, +1
+
+# Show workspaces module
+bind = CONTROLSUPER, right, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, left, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, BracketLeft, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, BracketRight, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, down, exec, eww update rev_center_ws=true
+bind = SUPER, Page_Down, exec, eww update rev_center_ws=true
+bind = SUPER, Page_Up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, Page_Down, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, Page_Up, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, Page_Down, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, Page_Up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPERSHIFT, Right, exec, eww update rev_center_ws=true
+bind = CONTROLSUPERSHIFT, Left, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, mouse_down, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, mouse_up, exec, eww update rev_center_ws=true
+
+# Window split ratio
+binde = SUPER, Minus, splitratio, -0.1
+binde = SUPER, Equal, splitratio, 0.1
+binde = SUPER, Semicolon, splitratio, -0.1
+binde = SUPER, Apostrophe, splitratio, 0.1
+# Fullscreen
+bind = SUPER, F, fullscreen
+# Switching
+bind = SUPER, 1, workspace, 1
+bind = SUPER, 2, workspace, 2
+bind = SUPER, 3, workspace, 3
+bind = SUPER, 4, workspace, 4
+bind = SUPER, 5, workspace, 5
+bind = SUPER, 6, workspace, 6
+bind = SUPER, 7, workspace, 7
+bind = SUPER, 8, workspace, 8
+bind = SUPER, 9, workspace, 9
+bind = SUPER, 0, workspace, 10
+bind = SUPER, S, togglespecialworkspace,
+bind = CONTROLSUPER, S, togglespecialworkspace,
+bind = ALT, Tab, cyclenext # Why is this even here?
+bind = ALT, Tab, bringactivetotop,   # bring it to the top
+# Move window to workspace Super + Alt + [0-9]
+bind = SUPER ALT, 1, movetoworkspacesilent, 1
+bind = SUPER ALT, 2, movetoworkspacesilent, 2
+bind = SUPER ALT, 3, movetoworkspacesilent, 3
+bind = SUPER ALT, 4, movetoworkspacesilent, 4
+bind = SUPER ALT, 5, movetoworkspacesilent, 5
+bind = SUPER ALT, 6, movetoworkspacesilent, 6
+bind = SUPER ALT, 7, movetoworkspacesilent, 7
+bind = SUPER ALT, 8, movetoworkspacesilent, 8
+bind = SUPER ALT, 9, movetoworkspacesilent, 9
+bind = SUPER ALT, 0, movetoworkspacesilent, 10
+bind = CONTROLSHIFTSUPER, Up, movetoworkspacesilent, special
+bind = SUPERALT, S, movetoworkspacesilent, special
+# Scroll through existing workspaces with (Control) + Super + scroll
+bind = SUPER, mouse_up, workspace, +1
+bind = SUPER, mouse_down, workspace, -1
+bind = CONTROLSUPER, mouse_up, workspace, +1
+bind = CONTROLSUPER, mouse_down, workspace, -1
+# Move/resize windows with Super + LMB/RMB and dragging
+bindm = SUPER, mouse:272, movewindow
+bindm = SUPER, mouse:273, resizewindow
+bindm = SUPER, mouse:274, movewindow
+bindm = SUPER, Z, movewindow
+bind = CONTROLSUPER, Backslash, resizeactive, exact 640 480
+
+# trying vim-like stuff
+binde = SUPER_ALT, I, exec, wtype -k Up
+binde = SUPER_ALT, K, exec, wtype -P Down
+binde = SUPER_ALT, J, exec, wtype -P Left
+binde = SUPER_ALT, L, exec, wtype -P Right
+
diff --git a/m3ww/.config/hypr/dirs/keybinds_VERTICAL.conf b/m3ww/.config/hypr/dirs/keybinds_VERTICAL.conf
new file mode 100755
index 000000000..b4568432a
--- /dev/null
+++ b/m3ww/.config/hypr/dirs/keybinds_VERTICAL.conf
@@ -0,0 +1,198 @@
+########################## Language ############################
+bind = SUPERSHIFT, V, exec, ibus engine Bamboo::Us
+bind = SUPERSHIFT, E, exec, ibus engine xkb:us::eng
+
+#################### It just works™ keybinds ###################
+# Volume
+bindl = ,XF86AudioMute, exec, pactl set-sink-mute @DEFAULT_SINK@ toggle
+bindle=, XF86AudioRaiseVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%+
+bindle=, XF86AudioLowerVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%-
+bindle = , XF86AudioRaiseVolume, exec, ~/.config/eww/scripts/volume osd &
+bindle = , XF86AudioLowerVolume, exec, ~/.config/eww/scripts/volume osd &
+bindl = , XF86AudioMute, exec, ~/.config/eww/scripts/volume osd &
+
+# Brightness
+bindle=, XF86MonBrightnessUp, exec, light -A 3 && ~/.config/eww/scripts/brightness osd &
+bindle=, XF86MonBrightnessDown, exec, light -U 3 && ~/.config/eww/scripts/brightness osd &
+
+######################################## Keybinds ########################################
+# Apps: just normal apps
+bind = SUPER, C, exec, code --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland
+bind = CONTROLSHIFTALT, Y, exec, yuzu
+bind = SUPER, T, exec, foot --override shell=fish
+bind = SUPERALT, T, exec, wezterm
+bind = SUPER, Return, exec, kitty
+bind = SUPER, E, exec, nautilus --new-window
+bind = SUPER, W, exec, firefox
+bind = CONTROLSUPERALT, E, exec, /usr/bin/microsoft-edge-stable --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland --gtk-version=4
+bind = SUPER, X, exec, gnome-text-editor --new-window
+bind = SUPERSHIFT, W, exec, wps
+
+#Apps: Settings and config
+bind = SUPER, I, exec, gnome-control-center
+bind = CONTROLSUPER, V, exec, pavucontrol 
+bind = CONTROLSHIFT, Escape, exec, gnome-system-monitor
+bind = CONTROLALTSHIFT, Escape, exec, foot -T 'btop' btop
+bind = SUPERSHIFT, I, exec, ~/.local/bin/guifetch
+
+
+# Actions 
+bind = SUPERSHIFT, Period, exec, pkill wofi || wofi-emoji
+bind = SUPER, Period, exec, pkill fuzzel || ~/.local/bin/fuzzel-emoji
+bind = SUPER, Q, killactive,
+bind = SUPERALT, Space, togglefloating, 
+bind = SHIFTSUPERALT, Q, exec, hyprctl kill
+bind = CONTROLALT, Delete, exec, pkill wlogout || wlogout -p layer-shell
+bind = CONTROLSHIFTALTSUPER, Delete, exec, systemctl poweroff
+
+# Screenshot, Record, OCR (Optical Character Recognition), Color picker, Clipboard history
+bind = SUPERSHIFT, D, exec,~/.local/bin/rubyshot | wl-copy
+bind = SUPERSHIFTALT, S, exec, grim -g "$(slurp)" - | swappy -f -
+bindl =,Print,exec,grim - | wl-copy
+bind = SUPERSHIFT, S, exec, grim -g "$(slurp)" - | wl-copy
+bind = SUPERALT, R, exec, ~/.local/bin/record-script.sh
+bind = CONTROLALT, R, exec, ~/.local/bin/record-script.sh --sound
+bind = SUPERSHIFTALT, R, exec, ~/.local/bin/record-script-fullscreen.sh
+bind = CONTROLSUPERSHIFT,S,exec,grim -g "$(slurp)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+bind = SUPERSHIFT,T,exec,grim -g "$(slurp)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+bind = SUPERSHIFT, C, exec, hyprpicker -a
+bind = SUPER, B, exec, copyq menu 
+bind = SUPER, V, exec, pkill fuzzel || cliphist list | fuzzel --no-fuzzy --icon-theme=candy-icons --background-color=1D1D27ee --text-color=cdd6f4ff --match-color=AC16C7FF --border-width=3 --border-radius=10 --border-color=8701E7FF	 --selection-color=585b70ff --selection-text-color=cdd6f4ff --selection-match-color=AC16C7FF --font="Rubik"  --prompt="   " --dmenu | cliphist decode | wl-copy
+# Media
+bind = SUPERSHIFT, N, exec, playerctl next || playerctl position `bc <<< "100 * $(playerctl metadata mpris:length) / 1000000 / 100"`
+bind = SUPERSHIFT, B, exec, playerctl previous
+bind = SUPERSHIFT, P, exec, playerctl play-pause
+#Lock screen  |  blur: --effect-blur=20x20
+bind = SUPER, L, exec, ~/.local/bin/lock.sh
+bind = SUPERSHIFT, L, exec, ~/.local/bin/lock.sh
+bindl = SUPERSHIFT, L, exec, sleep 0.1 && systemctl suspend
+# App launcher
+bindr = SUPER, SUPER_L, exec, ~/.config/eww/scripts/toggle-overview.sh --keypress &
+bind = SUPER, Slash, exec, pkill fuzzel || fuzzel --icon-theme=candy-icons --background-color=1D1D27ee --text-color=cdd6f4ff --match-color=AC16C7FF --border-width=3 --border-radius=10 --border-color=8701E7FF	 --selection-color=585b70ff --selection-text-color=cdd6f4ff --selection-match-color=AC16C7FF --font="Rubik"  --prompt="    "
+#bindr = SUPER, SUPER_L, exec, pkill rofi || rofi -show drun
+
+################################# eww keybinds ################################
+bindr = CONTROLSUPER, R, exec, pkill eww && eww daemon && eww open bar && eww open bg-decor
+bind = SUPER, Tab, exec, ~/.config/eww/scripts/toggle-overview.sh
+bind = SUPER, O, exec, ~/.config/eww/scripts/toggle-osettings.sh --keypress
+bind = CONTROLSUPER, O, exec, ~/.config/eww/scripts/toggle-osettings.sh --keypress
+bind = SUPER, M, exec, ~/.config/eww/scripts/toggle-bottombar.sh
+bind = SUPER, N, exec, ~/.config/eww/scripts/toggle-onotify.sh --keypress
+bind = SUPER, Comma, exec, ~/.config/eww/scripts/toggle-themer.sh
+bind = SUPER, D, exec, ~/.config/eww/scripts/toggle-dash.sh --keypress
+bind = SUPER, A, exec, ~/.config/eww/scripts/toggle-dashfs.sh
+bind = SUPER, G, exec, ~/.config/eww/scripts/toggle-wingamebar.sh
+
+bind = CONTROLSUPER, Tab, exec, ~/.config/eww/scripts/toggle-compactmode.sh
+bind = SUPERALT, W, exec, ~/.config/eww/scripts/toggle-winmode.sh
+
+############################ Keybinds for Hyprland ############################
+# Swap windows
+bind=SUPERSHIFT,left,movewindow,l
+bind=SUPERSHIFT,right,movewindow,r
+bind=SUPERSHIFT,up,movewindow,u
+bind=SUPERSHIFT,down,movewindow,d
+# Move focus
+bind = SUPER, left, movefocus, l
+bind = SUPER, right, movefocus, r
+bind = SUPER, up, movefocus, u
+bind = SUPER, down, movefocus, d
+bind = SUPER, BracketLeft, movefocus, l
+bind = SUPER, BracketRight, movefocus, r
+# Window title
+bind = SUPER, left, exec, eww update rev_center_ws=false
+bind = SUPER, right, exec, eww update rev_center_ws=false
+bind = SUPER, up, exec, eww update rev_center_ws=false
+bind = SUPER, down, exec, eww update rev_center_ws=false
+bind = SUPER, BracketLeft, exec, eww update rev_center_ws=false
+bind = SUPER, BracketRight, exec, eww update rev_center_ws=false
+bind = ALT, Tab, exec, eww update rev_center_ws=false
+
+# Workspace, window, tab switch with keyboard
+bind = CONTROLSUPER, right, workspace, +1
+bind = CONTROLSUPER, left, workspace, -1
+bind = CONTROLSUPER, BracketLeft, workspace, -1
+bind = CONTROLSUPER, BracketRight, workspace, +1
+bind = CONTROLSUPER, up, workspace, -1
+bind = CONTROLSUPER, down, workspace, +1
+bind = SUPER, Page_Down, workspace, +1
+bind = SUPER, Page_Up, workspace, -1
+bind = CONTROLSUPER, Page_Down, workspace, +1
+bind = CONTROLSUPER, Page_Up, workspace, -1
+bind = SUPERSHIFT, Page_Down, movetoworkspace, +1
+bind = SUPERSHIFT, Page_Up, movetoworkspace, -1
+bind = CONTROLSUPERSHIFT, Right, movetoworkspace, +1
+bind = CONTROLSUPERSHIFT, Left, movetoworkspace, -1
+bind = SUPERSHIFT, mouse_down, movetoworkspace, -1
+bind = SUPERSHIFT, mouse_up, movetoworkspace, +1
+
+# Show workspaces module
+bind = CONTROLSUPER, right, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, left, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, BracketLeft, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, BracketRight, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, down, exec, eww update rev_center_ws=true
+bind = SUPER, Page_Down, exec, eww update rev_center_ws=true
+bind = SUPER, Page_Up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, Page_Down, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, Page_Up, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, Page_Down, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, Page_Up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPERSHIFT, Right, exec, eww update rev_center_ws=true
+bind = CONTROLSUPERSHIFT, Left, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, mouse_down, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, mouse_up, exec, eww update rev_center_ws=true
+
+# Window split ratio
+binde = SUPER, Minus, splitratio, -0.1
+binde = SUPER, Equal, splitratio, 0.1
+binde = SUPER, Semicolon, splitratio, -0.1
+binde = SUPER, Apostrophe, splitratio, 0.1
+# Fullscreen
+bind = SUPER, F, fullscreen
+# Switching
+bind = SUPER, 1, workspace, 1
+bind = SUPER, 2, workspace, 2
+bind = SUPER, 3, workspace, 3
+bind = SUPER, 4, workspace, 4
+bind = SUPER, 5, workspace, 5
+bind = SUPER, 6, workspace, 6
+bind = SUPER, 7, workspace, 7
+bind = SUPER, 8, workspace, 8
+bind = SUPER, 9, workspace, 9
+bind = SUPER, 0, workspace, 10
+bind = SUPER, S, togglespecialworkspace,
+bind = CONTROLSUPER, S, togglespecialworkspace,
+bind = ALT, Tab, cyclenext # Why is this even here?
+bind = ALT, Tab, bringactivetotop,   # bring it to the top
+# Move window to workspace Super + Alt + [0-9]
+bind = SUPER ALT, 1, movetoworkspacesilent, 1
+bind = SUPER ALT, 2, movetoworkspacesilent, 2
+bind = SUPER ALT, 3, movetoworkspacesilent, 3
+bind = SUPER ALT, 4, movetoworkspacesilent, 4
+bind = SUPER ALT, 5, movetoworkspacesilent, 5
+bind = SUPER ALT, 6, movetoworkspacesilent, 6
+bind = SUPER ALT, 7, movetoworkspacesilent, 7
+bind = SUPER ALT, 8, movetoworkspacesilent, 8
+bind = SUPER ALT, 9, movetoworkspacesilent, 9
+bind = SUPER ALT, 0, movetoworkspacesilent, 10
+bind = SUPERALT, S, movetoworkspacesilent, special
+# Scroll through existing workspaces with (Control) + Super + scroll
+bind = SUPER, mouse_up, workspace, +1
+bind = SUPER, mouse_down, workspace, -1
+bind = CONTROLSUPER, mouse_up, workspace, +1
+bind = CONTROLSUPER, mouse_down, workspace, -1
+# Move/resize windows with Super + LMB/RMB and dragging
+bindm = SUPER, mouse:272, movewindow
+bindm = SUPER, mouse:273, resizewindow
+bindm = SUPER, mouse:274, movewindow
+bindm = SUPER, Z, movewindow
+bind = CONTROLSUPER, Backslash, resizeactive, exact 640 480
+
+# trying vim-like stuff
+binde = SUPER_ALT, I, exec, wtype -k Up
+binde = SUPER_ALT, K, exec, wtype -P Down
+binde = SUPER_ALT, J, exec, wtype -P Left
+binde = SUPER_ALT, L, exec, wtype -P Right
+
diff --git a/m3ww/.config/hypr/env.conf b/m3ww/.config/hypr/env.conf
new file mode 100755
index 000000000..c913c75f4
--- /dev/null
+++ b/m3ww/.config/hypr/env.conf
@@ -0,0 +1,5 @@
+env = XMODIFIERS, @im=ibus
+env = GTK_IM_MODULE, ibus
+env = QT_IM_MODULE, ibus
+env = QT_QPA_PLATFORMTHEME, qt5ct
+env = WLR_NO_HARDWARE_CURSORS, 1
diff --git a/m3ww/.config/hypr/execs.conf b/m3ww/.config/hypr/execs.conf
new file mode 100755
index 000000000..276f2d0a5
--- /dev/null
+++ b/m3ww/.config/hypr/execs.conf
@@ -0,0 +1,30 @@
+# Wallpaper
+#exec-once = swaybg -i ~/.config/eww/images/wallpaper/wallpaper
+exec-once = swww init && swww img ~/.config/eww/images/wallpaper --transition-step 230 --transition-fps 60 --transition-type grow --transition-angle 30 --transition-duration 1
+
+# Status bar
+exec-once = eww daemon && eww open bar && eww open bgdecor
+
+# exec-once = ags
+
+# Language Switch
+exec-once = ibus-daemon --xim -d -r
+exec-once = ibus engine xkb:us::eng
+
+# Core components (authentication, lock screen, notification daemon)
+exec-once = dbus-update-activation-environment --all &
+exec-once = /usr/bin/gnome-keyring-daemon --start --components=secrets &
+exec-once = /usr/lib/polkit-gnome/polkit-gnome-authentication-agent-1 &
+exec-once = swayidle -w timeout 300 'gtklock' before-sleep 'gtklock' &
+exec-once = swayidle -w timeout 450 'systemctl suspend' &
+
+# Clipboard history
+exec-once = wl-paste --watch cliphist store &
+
+# Cursor
+exec-once = hyprctl setcursor Bibata-Modern-Classic 24
+
+# idk
+exec-once = sleep 1 && dbus-update-activation-environment --systemd WAYLAND_DISPLAY XDG_CURRENT_DESKTOP
+
+# Plugins are a good way to crash Hyprland
diff --git a/m3ww/.config/hypr/hypr.conf b/m3ww/.config/hypr/hypr.conf
new file mode 100755
index 000000000..9e8af1936
--- /dev/null
+++ b/m3ww/.config/hypr/hypr.conf
@@ -0,0 +1,148 @@
+###################################################
+#    This is the config for Hypr, not Hyprland!   #
+#       that abandoned Xorg window manager..      #
+###################################################
+
+gaps_in=4
+border_size=3
+gaps_out=8
+rounding=17
+max_fps=60 # max fps for updates of config & animations
+focus_when_hover=1 # 0 - do not switch the focus when hover (only for tiling)
+main_mod=SUPER # For moving, resizing
+intelligent_transients=1 # keeps transients always on top.
+no_unmap_saving=1 # disables saving unmapped windows (seems to break sometimes)
+scratchpad_mon=0 # self-explanatory # no its not
+
+# Execs
+exec-once=nitrogen --set-centered ~/.config/eww/images/wallpaper/wallpaper
+exec-once=/usr/bin/gnome-keyring-daemon --start --components=secrets
+exec-once=/usr/libexec/polkit-gnome-authentication-agent-1 &
+exec-once=ibus-daemon --xim -d -r
+exec-once=picom
+#exec-once=ibus-daemon &
+exec-once=ibus engine Bamboo::Us
+bind=SUPERSHIFT,V,exec,ibus engine Bamboo::Us
+bind=SUPERSHIFT,E,exec,ibus engine xkb:us::eng
+
+# Layout
+layout=0 # 0 - dwindle (default), 1 - master
+layout {
+    no_gaps_when_only=0 # disables gaps and borders when only window on screen
+}
+
+# Bar config
+Bar {
+    height=20
+    monitor=0
+    enabled=1
+    mod_pad_in=8
+    no_tray_saving=1 # using this doesnt save the tray between reloads but fixes an issue with the bar disappearing.
+
+    font.main=Noto Sans
+    font.secondary=Noto Sans
+
+    col.bg=0xff111111
+    col.high=0xffff3333
+
+    module=left,X,0xff8000ff,0xffffffff,1,workspaces
+    module=pad,left,10
+    module=left,,0xff7000dd,0xff7000dd,1,tray
+    module=right,X,0xffffffff,0xff00ff33,1000,$date +%a,\ %b\ %Y\ \ %I:%M\ %p$
+}
+
+# colors
+col.active_border=0xff7348e0
+col.inactive_border=0x77222222
+
+# status command
+# deprecated
+# status_command=date +%a,\ %b\ %Y\ \ %I:%M\ %p
+#
+
+# animations
+Animations {
+    enabled=1
+    speed=8
+    window_resize_speed=1
+    cheap=1 # highly recommended
+    borders=1
+    workspaces=1
+}
+
+# example window rules, more in the wiki
+
+# windowrule=float,class:krunner
+# windowrule=float,role:pop-up
+# windowrule=float,role:task_dialog
+# windowrule=monitor 0,class:krunner
+# windowrule=size 500 50,class:krunner
+# windowrule=move 700 500,class:krunner
+# windowrule=pseudo,class:discord
+
+# keybinds
+bind=CTRLALT,119,exec,kill Xorg
+bind=SUPER,R,exec,dmenu_run
+bind=SUPER,T,exec,kitty fish
+# bind=SUPER,W,exec,microsoft-edge --password-store=gnome --enable-features=UseOzonePlatform --gtk-version=4
+bind=SUPER,W,exec,firefox
+bind=SUPER,A,exec,rofi -show drun
+bind=SUPER,ESCAPE,exec,kitty btop
+bind=SUPER,E,exec,nautilus --new-window
+bind=SUPER,G,exec,gnome-text-editor --new-window
+
+bind=SUPER,Q,killactive,
+
+bind=SUPERSHIFT,LEFT,movewindow,l
+bind=SUPERSHIFT,RIGHT,movewindow,r
+bind=SUPERSHIFT,UP,movewindow,u
+bind=SUPERSHIFT,DOWN,movewindow,d
+
+bind=SUPER,LEFT,movefocus,l
+bind=SUPER,RIGHT,movefocus,r
+bind=SUPER,UP,movefocus,u
+bind=SUPER,DOWN,movefocus,d
+
+bind=SUPER,F,fullscreen,
+
+bind=SUPER,1,workspace,1
+bind=SUPER,2,workspace,2
+bind=SUPER,3,workspace,3
+bind=SUPER,4,workspace,4
+bind=SUPER,5,workspace,5
+bind=SUPER,6,workspace,6
+bind=SUPER,7,workspace,7
+bind=SUPER,8,workspace,8
+bind=SUPER,9,workspace,9
+bind=SUPER,0,workspace,10
+
+bind=CTRLSUPER,left,lastworkspace,-
+bind=CTRLSUPER,right,nextworkspace,+
+bind=CTRLSUPER,Prior,lastworkspace,-
+bind=CTRLSUPER,Next,nextworkspace,+
+bind=SUPER,Prior,lastworkspace,-
+bind=SUPER,Next,nextworkspace,+
+bind=CTRLSUPER,H,lastworkspace,
+bind=CTRLSUPER,L,nextworkspace,
+
+bind=CTRLSUPERSHIFT,left,movetorelativeworkspace,-
+bind=CTRLSUPERSHIFT,right,movetorelativeworkspace,+
+
+bind=SUPERALT,1,movetoworkspace,1
+bind=SUPERALT,2,movetoworkspace,2
+bind=SUPERALT,3,movetoworkspace,3
+bind=SUPERALT,4,movetoworkspace,4
+bind=SUPERALT,5,movetoworkspace,5
+bind=SUPERALT,6,movetoworkspace,6
+bind=SUPERALT,7,movetoworkspace,7
+bind=SUPERALT,8,movetoworkspace,8
+bind=SUPERALT,9,movetoworkspace,9
+bind=SUPERALT,0,movetoworkspace,10
+
+bind=SUPERSHIFT,S,movetoworkspace,scratchpad
+bind=SUPER,S,scratchpad,
+
+bind=SUPERALT,SPACE,togglefloating,
+
+bind=SUPER,equal,splitratio,+0.15
+bind=SUPER,minus,splitratio,-0.15
diff --git a/m3ww/.config/hypr/hyprland.conf b/m3ww/.config/hypr/hyprland.conf
new file mode 100755
index 000000000..54f1a4d44
--- /dev/null
+++ b/m3ww/.config/hypr/hyprland.conf
@@ -0,0 +1,198 @@
+# This file contains general customization options 
+# For Environment variables see env.conf
+# For Keybinds variables see keybinds.conf 
+# For Auto-run stuff see execs.conf
+
+source=~/.config/hypr/env.conf
+
+# MONITOR CONFIG
+monitor=,highrr,auto,1
+monitor=,addreserved, 40, 0, 0, 0
+#monitor=HDMI-A-1,1920x1080@60,1920x0,1,mirror,eDP-1
+
+#################### Core components (authentication, idle daemon and stuff) ##############
+source=~/.config/hypr/execs.conf
+
+############################# Keybinds ############################
+source=~/.config/hypr/keybinds.conf
+
+############################## Input ##############################
+input {
+    # Mouse
+    # accel_profile = adaptive
+    force_no_accel = false
+    #sensitivity = 0
+
+    # Keyboard
+    kb_layout = us
+    follow_mouse = 1
+    numlock_by_default = true
+
+    touchpad {
+        natural_scroll = yes
+        disable_while_typing = true
+        clickfinger_behavior = true
+        scroll_factor = 0.5
+    }
+    scroll_method = 2fg
+}
+gestures {
+    # See https://wiki.hyprland.org/Configuring/Variables/ for more
+    workspace_swipe = true
+    workspace_swipe_distance = 1200px
+    workspace_swipe_fingers = 4
+    workspace_swipe_cancel_ratio = 0.2
+    workspace_swipe_min_speed_to_force = 5
+    
+    workspace_swipe_create_new = true
+    
+}
+
+general {
+    max_fps = 75
+    # Gaps and border
+    gaps_in = 4
+    gaps_out = 4
+    border_size = 1
+    
+    # Fallback colors
+    col.active_border = rgba(0DB7D4FF) rgba(7AA2F7FF) rgba(9778D0FF) 45deg
+    col.inactive_border = rgba(04404aaa)
+
+    # Functionality
+    # resize_on_border = true
+    no_focus_fallback = true
+    layout = dwindle
+    
+    #focus_to_other_workspaces = true
+}
+
+dwindle {
+	preserve_split = true # you definitely want this
+	#no_gaps_when_only = true
+	smart_resizing = false
+}
+
+decoration {
+    rounding = 15
+    
+    blur {
+        enabled = true
+        xray = true
+        size = 12
+        passes = 4
+        new_optimizations = on
+        
+        noise = 0.02
+        contrast = 1.6
+        brightness = 1.1
+        
+        #contrast = 1
+        #brightness = 1
+        
+    }
+    # Shadow
+    drop_shadow = false
+    shadow_range = 30
+    shadow_render_power = 10
+    col.shadow = rgba(2D3031FF)
+    
+    # Shader
+    # screen_shader = ~/.config/hypr/shaders/nothing.frag
+    # screen_shader = ~/.config/hypr/shaders/vibrance.frag
+    
+    # Dim
+    dim_inactive = false
+    dim_strength = 0.1
+    dim_special = 0
+}
+
+animations {
+    enabled = true
+    # Animation curves
+    
+    bezier = md3_standard, 0.2, 0, 0, 1
+    bezier = md3_decel, 0.05, 0.7, 0.1, 1
+    bezier = md3_accel, 0.3, 0, 0.8, 0.15
+    bezier = overshot, 0.05, 0.9, 0.1, 1.1
+    bezier = crazyshot, 0.1, 1.5, 0.76, 0.92 
+    bezier = hyprnostretch, 0.05, 0.9, 0.1, 1.0
+    bezier = fluent_decel, 0.1, 1, 0, 1
+    # Animation configs
+    animation = windows, 1, 2, md3_decel, popin 80%
+    animation = border, 1, 10, default
+    animation = fade, 1, 2, default
+    animation = workspaces, 1, 3, md3_decel
+    animation = specialWorkspace, 1, 3, md3_decel, slidevert
+}
+
+misc {
+    vfr = 1
+    vrr = 1
+    focus_on_activate = true
+    animate_manual_resizes = false
+    animate_mouse_windowdragging = false
+    #suppress_portal_warnings = true
+    enable_swallow = true
+    
+    disable_hyprland_logo = true
+    force_hypr_chan = true
+}
+
+debug {
+	#overlay = true
+	damage_tracking = 1
+	#damage_blink = yes
+}
+
+decoration {
+  #screen_shader = ~/.config/hypr/shaders/drugs.frag
+  #screen_shader = ~/.config/hypr/shaders/crt.frag
+}
+
+######## Window rules ########
+windowrule = float, ^(steam)$
+windowrule = float, ^(guifetch)$
+
+# Dialogs
+windowrule=float,title:^(Open File)(.*)$
+windowrule=float,title:^(Select a File)(.*)$
+windowrule=float,title:^(Choose wallpaper)(.*)$
+windowrule=float,title:^(Open Folder)(.*)$
+windowrule=float,title:^(Save As)(.*)$
+windowrule=float,title:^(Library)(.*)$ 
+
+######## Layer rules ########
+layerrule = noanim, eww
+layerrule = blur, eww
+layerrule = ignorealpha 0.8, eww
+layerrule = noanim, noanim
+layerrule = blur, noanim
+layerrule = blur, gtk-layer-shell
+layerrule = ignorezero, gtk-layer-shell
+layerrule = blur, launcher
+layerrule = ignorealpha 0.5, launcher
+layerrule = noanim, launcher
+layerrule = blur, notifications
+layerrule = ignorealpha 0.69, notifications
+layerrule = noanim, anyrun
+
+layerrule = noanim, bar
+layerrule = blur, bar
+layerrule = ignorealpha 0.64, bar
+layerrule = blur, cornertl
+layerrule = ignorealpha 0.64, cornertl
+layerrule = blur, cornertr
+layerrule = ignorealpha 0.64, cornertr
+layerrule = blur, cornerbl
+layerrule = ignorealpha 0.64, cornerbl
+layerrule = blur, cornerbr
+layerrule = ignorealpha 0.64, cornerbr
+
+
+# Dynamic colors
+source=~/.config/hypr/colors.conf
+
+
+bind=,248,exec,notify-send deez nuts
+bindr=,248,exec,eww close bar
diff --git a/m3ww/.config/hypr/keybinds.conf b/m3ww/.config/hypr/keybinds.conf
new file mode 100755
index 000000000..e1c2269b4
--- /dev/null
+++ b/m3ww/.config/hypr/keybinds.conf
@@ -0,0 +1,302 @@
+########################## Language ############################
+bind = SuperShift, V, exec, ~/.config/eww/scripts/language --switch '{"name":"Vietnamese","name_abbr":"VIE","name_ibus":"Bamboo::Us","name_method":"Vietnamese Telex (Bamboo Engine)"}' &
+bind = SuperShift, E, exec, ~/.config/eww/scripts/language --switch '{"name":"English (United States)","name_abbr":"ENG","name_ibus":"xkb:us::eng","name_method":"US"}' &
+bind = Super, Space, exec, ~/.config/eww/scripts/language --cycle &
+
+#################### It just works™ keybinds ###################
+# Volume
+bindl = ,XF86AudioMute, exec, pactl set-sink-mute @DEFAULT_SINK@ toggle
+bindle=, XF86AudioRaiseVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%+
+bindle=, XF86AudioLowerVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%-
+bindle = , XF86AudioRaiseVolume, exec, ~/.config/eww/scripts/volume osd &
+bindle = , XF86AudioLowerVolume, exec, ~/.config/eww/scripts/volume osd &
+bindl = , XF86AudioMute, exec, ~/.config/eww/scripts/volume osd &
+
+# Brightness
+bindle=, XF86MonBrightnessUp, exec, light -A 3 && ~/.config/eww/scripts/brightness osd &
+bindle=, XF86MonBrightnessDown, exec, light -U 3 && ~/.config/eww/scripts/brightness osd &
+
+######################################## Keybinds ########################################
+# Apps: just normal apps
+bind = Super, C, exec, code --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland
+bind = ControlShiftAlt, Y, exec, yuzu
+bind = Super, T, exec, foot --override shell=fish
+bind = SuperShiftAlt, T, exec, foot sleep 0.01 && nmtui
+bind = SuperAlt, T, exec, wezterm
+bind = Super, Return, exec, wezterm
+bind = Super, E, exec, nautilus --new-window
+bind = SuperAlt, E, exec, thunar
+bind = Super, W, exec, firefox
+bind = ControlSuperAlt, E, exec, /usr/bin/microsoft-edge-stable --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland --gtk-version=4
+bind = Super, X, exec, gnome-text-editor --new-window
+bind = SuperShift, W, exec, wps
+
+# Apps: Settings and config
+bind = Super, I, exec, XDG_CURRENT_DESKTOP="gnome" gnome-control-center
+bind = ControlSuper, V, exec, pavucontrol 
+bind = ControlShift, Escape, exec, gnome-system-monitor
+bind = ControlAltShift, Escape, exec, foot -T 'btop' btop
+bind = SuperShift, I, exec, ~/.local/bin/guifetch
+
+
+# Actions 
+bind = SuperShift, Period, exec, pkill wofi || wofi-emoji
+bind = Super, Period, exec, pkill fuzzel || ~/.local/bin/fuzzel-emoji
+bind = Super, Q, killactive,
+bind = SuperAlt, Space, togglefloating, 
+bind = ShiftSuperAlt, Q, exec, hyprctl kill
+bind = ControlShiftAlt, Delete, exec, pkill wlogout || wlogout -p layer-shell
+bind = ControlShiftAltSuper, Delete, exec, systemctl poweroff
+
+# Screenshot, Record, OCR (Optical Character Recognition), Color picker, Clipboard history
+bind = SuperShift, D, exec,~/.local/bin/rubyshot | wl-copy
+bind = SuperShiftAlt, S, exec, grim -g "$(slurp)" - | swappy -f -
+bindl =,Print,exec,grim - | wl-copy
+bind = SuperShift, S, exec, grim -g "$(slurp)" - | wl-copy
+bind = SuperAlt, R, exec, ~/.local/bin/record-script.sh
+bind = ControlAlt, R, exec, ~/.local/bin/record-script.sh --sound
+bind = SuperShiftAlt, R, exec, ~/.local/bin/record-script-fullscreen.sh
+bind = ControlSuperShift,S,exec,grim -g "$(slurp)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+bind = SuperShift,T,exec,grim -g "$(slurp)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+bind = SuperShift, C, exec, hyprpicker -a
+bind = Super, V, exec, pkill fuzzel || cliphist list | fuzzel --no-fuzzy --dmenu | cliphist decode | wl-copy
+
+# Media
+bind = SuperShift, N, exec, playerctl next || playerctl position `bc <<< "100 * $(playerctl metadata mpris:length) / 1000000 / 100"`
+bind = SuperShift, B, exec, playerctl previous
+bind = SuperShift, P, exec, playerctl play-pause
+
+#Lock screen  |  blur: --effect-blur=20x20
+bind = Super, L, exec, ~/.local/bin/lock.sh
+bind = SuperShift, L, exec, ~/.local/bin/lock.sh
+bindl = SuperShift, L, exec, sleep 0.1 && systemctl suspend
+
+# App launcher
+bind = ControlSuper, Slash, exec, pkill anyrun || anyrun
+
+###################################### eww keybinds #####################################
+bindr = ControlSuper, R, exec, pkill eww; pkill bash; pkill notify-receive; eww daemon && eww open bar && eww open bgdecor &
+bind = ControlSuper, T, exec, cd ~/.config/eww && scripts/switchwall
+bind = SuperAlt, W, exec, ~/.config/eww/scripts/toggle-topbottom.sh
+bind = Super, Tab, exec, ~/.config/eww/scripts/toggle-powerview.sh &
+bind = Super, M, exec, ~/.config/eww/scripts/toggle-visualizer.sh &
+bind = Super, B, exec, ~/.config/eww/scripts/toggle-sideleft.sh &
+bind = Super, O, exec, ~/.config/eww/scripts/toggle-sideleft.sh &
+bind = Super, G, exec, ~/.config/eww/scripts/toggle-mixer.sh &
+bind = Super, Slash, exec, ~/.config/eww/scripts/toggle-cheatsheet.sh
+bind = Super, N, exec, ~/.config/eww/scripts/toggle-sideright.sh &
+bind = Super, A, exec, ~/.config/eww/scripts/toggle-dashboard.sh &
+bind = ControlSuper, mouse:273, exec, ~/.config/eww/scripts/toggle-supercontext.sh &
+bind = Super, Menu, exec, ~/.config/eww/scripts/toggle-supercontext.sh &
+bindr = Control, Control_R, exec, ~/.config/eww/scripts/toggle-notificationspopup.sh --close && eww update notification_read=$(eww get notifications | gojq 'length')
+bindr = Control, Control_R, exec, ~/.config/eww/scripts/toggle-sideleft.sh --close &
+bindr = Control, Control_R, exec, ~/.config/eww/scripts/toggle-sideright.sh --close &
+bindr = Control, Control_R, exec, ~/.config/eww/scripts/toggle-visualizer.sh --close &
+
+######### Cheat sheet #########
+bind = Super, Slash, submap, cheatsheet
+submap=cheatsheet
+bindl =,Print,exec,grim - | wl-copy
+bind = Super, Slash, exec, ~/.config/eww/scripts/toggle-cheatsheet.sh --close
+bind = , Escape, exec, ~/.config/eww/scripts/toggle-cheatsheet.sh --close
+bindr = Control, Control_R, exec, ~/.config/eww/scripts/toggle-cheatsheet.sh --close
+bind = Super, Slash, submap, reset
+bind = , Escape, submap, reset
+bindr = Control, Control_R, submap, reset
+submap=reset
+
+######### Power Menu #########
+bind=CTRLAlt,Delete,exec, eww open --toggle powermenu
+bind=CTRLAlt,Delete,submap,powermenu
+submap=powermenu
+bindl =,Print,exec,grim - | wl-copy
+bind = SuperShift, S, exec, grim -g "$(slurp)" - | wl-copy
+bind=,Right,exec,VALUE=$(eww get powermenu_option); eww update powermenu_option=$(( VALUE % 3 == 2 || VALUE > 5 ? VALUE : VALUE + 1 ))
+bind=,Left,exec,VALUE=$(eww get powermenu_option); eww update powermenu_option=$(( VALUE % 3 == 0 || VALUE > 5 ? VALUE : VALUE - 1 ))
+bind=,Up,exec,VALUE=$(eww get powermenu_option); eww update powermenu_option=$(( VALUE > 2 ? VALUE - 3 : VALUE ))
+bind=,Down,exec,VALUE=$(eww get powermenu_option); eww update powermenu_option=$(( VALUE < 3 ? VALUE + 3 : 7 ))
+bind=,Return,exec,eval $(eww get POWERMENU_COMMANDS | gojq -r ".[$(eww get powermenu_option)]")
+bind=,Space,exec,eval $(eww get POWERMENU_COMMANDS | gojq -r ".[$(eww get powermenu_option)]")
+bind=,Grave,exec,eval $(eww get POWERMENU_QUICKLAUNCHES | gojq -r ".[0]") && eww update powermenu_option=0
+bind=,1,exec,eval $(eww get POWERMENU_QUICKLAUNCHES | gojq -r ".[1]") && eww update powermenu_option=0
+bind=,2,exec,eval $(eww get POWERMENU_QUICKLAUNCHES | gojq -r ".[2]") && eww update powermenu_option=0
+bind=,3,exec,eval $(eww get POWERMENU_QUICKLAUNCHES | gojq -r ".[3]") && eww update powermenu_option=0
+bind=,4,exec,eval $(eww get POWERMENU_QUICKLAUNCHES | gojq -r ".[4]") && eww update powermenu_option=0
+bind=,4,exec,eval $(eww get POWERMENU_QUICKLAUNCHES | gojq -r ".[5]") && eww update powermenu_option=0
+bind=CTRLAlt,Delete,exec, eww close powermenu && eww update powermenu_option=0 
+bind=,Escape,exec, eww close powermenu && eww update powermenu_option=0
+bind=,Space,exec, eww close powermenu && eww update powermenu_option=0
+bind=,Return,exec, eww close powermenu && eww update powermenu_option=0
+bindr=Control,Control_R,exec, eww close powermenu && eww update powermenu_option=0
+bind=CTRLAlt,Delete,submap,reset
+bind=,Escape,submap,reset 
+bind=,Space,submap,reset 
+bind=,Return,submap,reset 
+bindr = Control, Control_R, submap, reset
+bind = ControlSuper, R, exec, hyprctl dispatch submap reset; pkill eww; pkill bash; pkill notify-receive; eww daemon && eww open bar && eww open bgdecor &
+submap=reset
+#############################
+
+######### Powerview #########
+bindr = Super, Super_L, exec, ~/.config/eww/scripts/toggle-powerview.sh --keypress &
+submap = powerview
+bindl =,Print,exec,grim - | wl-copy
+bind = SuperShift, S, exec, grim -g "$(slurp)" - | wl-copy
+bind = ControlSuper, right, workspace, +1
+bind = ControlSuper, left, workspace, -1
+bind = ControlSuper, up, workspace, -5
+bind = ControlSuper, down, workspace, +5
+bind = Super, Page_Down, workspace, +1
+bind = Super, Page_Up, workspace, -1
+bind = ControlSuper, Page_Down, workspace, +1
+bind = ControlSuper, Page_Up, workspace, -1
+bind = Super, Tab, exec, ~/.config/eww/scripts/toggle-powerview.sh --close &
+bindr = Super, Super_L, exec, ~/.config/eww/scripts/toggle-powerview.sh --close &
+bind = , Escape, exec, ~/.config/eww/scripts/toggle-powerview.sh --close &
+bind = Super, Tab, submap, reset
+bindr = Super, Super_L, submap, reset
+bindr = Control, Control_L, submap, reset
+bind = , Escape, submap, reset
+submap = reset
+#############################
+
+######### Edit mode #########
+submap = editmode
+bindm = ,mouse:272, movewindow
+bindm = ,mouse:273, resizewindow
+bindm = ,mouse:274, movewindow
+bind = ,mouse_up, workspace, +1
+bind = ,mouse_down, workspace, -1
+bind = Alt, 1, exec, ~/.config/eww/scripts/dumptows $(hyprctl activeworkspace -j | gojq '.id') 1
+bind = Alt, 2, exec, ~/.config/eww/scripts/dumptows $(hyprctl activeworkspace -j | gojq '.id') 2
+bind = Alt, 3, exec, ~/.config/eww/scripts/dumptows $(hyprctl activeworkspace -j | gojq '.id') 3
+bind = Alt, 4, exec, ~/.config/eww/scripts/dumptows $(hyprctl activeworkspace -j | gojq '.id') 4
+bind = Alt, 5, exec, ~/.config/eww/scripts/dumptows $(hyprctl activeworkspace -j | gojq '.id') 5
+bind = Alt, 6, exec, ~/.config/eww/scripts/dumptows $(hyprctl activeworkspace -j | gojq '.id') 6
+bind = Alt, 7, exec, ~/.config/eww/scripts/dumptows $(hyprctl activeworkspace -j | gojq '.id') 7
+bind = Alt, 8, exec, ~/.config/eww/scripts/dumptows $(hyprctl activeworkspace -j | gojq '.id') 8
+bind = Alt, 9, exec, ~/.config/eww/scripts/dumptows $(hyprctl activeworkspace -j | gojq '.id') 9
+bind = Alt, 0, exec, ~/.config/eww/scripts/dumptows $(hyprctl activeworkspace -j | gojq '.id') 10
+bind = Shift, 1, exec, ~/.config/eww/scripts/swapws $(hyprctl activeworkspace -j | gojq '.id') 1
+bind = Shift, 2, exec, ~/.config/eww/scripts/swapws $(hyprctl activeworkspace -j | gojq '.id') 2
+bind = Shift, 3, exec, ~/.config/eww/scripts/swapws $(hyprctl activeworkspace -j | gojq '.id') 3
+bind = Shift, 4, exec, ~/.config/eww/scripts/swapws $(hyprctl activeworkspace -j | gojq '.id') 4
+bind = Shift, 5, exec, ~/.config/eww/scripts/swapws $(hyprctl activeworkspace -j | gojq '.id') 5
+bind = Shift, 6, exec, ~/.config/eww/scripts/swapws $(hyprctl activeworkspace -j | gojq '.id') 6
+bind = Shift, 7, exec, ~/.config/eww/scripts/swapws $(hyprctl activeworkspace -j | gojq '.id') 7
+bind = Shift, 8, exec, ~/.config/eww/scripts/swapws $(hyprctl activeworkspace -j | gojq '.id') 8
+bind = Shift, 9, exec, ~/.config/eww/scripts/swapws $(hyprctl activeworkspace -j | gojq '.id') 9
+bind = Shift, 0, exec, ~/.config/eww/scripts/swapws $(hyprctl activeworkspace -j | gojq '.id') 10
+bind = , 1, workspace, 1
+bind = , 2, workspace, 2
+bind = , 3, workspace, 3
+bind = , 4, workspace, 4
+bind = , 5, workspace, 5
+bind = , 6, workspace, 6
+bind = , 7, workspace, 7
+bind = , 8, workspace, 8
+bind = , 9, workspace, 9
+bind = , 0, workspace, 10
+bind = , Escape, exec, notify-send 'Edit mode disabled' 'Continue to use your device normally' -a 'Edit mode' &
+bind = , Escape, submap, reset
+submap = reset
+
+#############################
+
+################################### eww keybinds: end #################################
+
+
+## Testing
+bind = SuperAlt, f12, exec, notify-send "Test notification" "$(hyprctl version | head -1)" -a 'Hyprland keybind'
+bind = SuperAlt, Equal, exec, notify-send "Urgent notification" "Ah hell no" -u critical -a 'Hyprland keybind'
+
+############################ Keybinds for Hyprland ############################
+# Swap windows
+bind = SuperShift, left, movewindow, l
+bind = SuperShift, right, movewindow, r
+bind = SuperShift, up, movewindow, u
+bind = SuperShift, down, movewindow, d
+# Move focus
+bind = Super, left, movefocus, l
+bind = Super, right, movefocus, r
+bind = Super, up, movefocus, u
+bind = Super, down, movefocus, d
+bind = Super, BracketLeft, movefocus, l
+bind = Super, BracketRight, movefocus, r
+
+# Workspace, window, tab switch with keyboard
+bind = ControlSuper, right, workspace, +1
+bind = ControlSuper, left, workspace, -1
+bind = ControlSuper, BracketLeft, workspace, -1
+bind = ControlSuper, BracketRight, workspace, +1
+bind = ControlSuper, up, workspace, -5
+bind = ControlSuper, down, workspace, +5
+bind = Super, Page_Down, workspace, +1
+bind = Super, Page_Up, workspace, -1
+bind = ControlSuper, Page_Down, workspace, +1
+bind = ControlSuper, Page_Up, workspace, -1
+bind = SuperAlt, Page_Down, movetoworkspace, +1
+bind = SuperAlt, Page_Up, movetoworkspace, -1
+bind = SuperShift, Page_Down, movetoworkspace, +1
+bind = SuperShift, Page_Up, movetoworkspace, -1
+bind = ControlSuperShift, Right, movetoworkspace, +1
+bind = ControlSuperShift, Left, movetoworkspace, -1
+bind = SuperShift, mouse_down, movetoworkspace, -1
+bind = SuperShift, mouse_up, movetoworkspace, +1
+bind = SuperAlt, mouse_down, movetoworkspace, -1
+bind = SuperAlt, mouse_up, movetoworkspace, +1
+
+# Window split ratio
+binde = Super, Minus, splitratio, -0.1
+binde = Super, Equal, splitratio, 0.1
+binde = Super, Semicolon, splitratio, -0.1
+binde = Super, Apostrophe, splitratio, 0.1
+
+# Fullscreen
+bind = Super, F, fullscreen, 0
+bind = Super, D, fullscreen, 1
+bind = Super_Alt, F, fakefullscreen, 0
+
+# Switching
+bind = Super, 1, workspace, 1
+bind = Super, 2, workspace, 2
+bind = Super, 3, workspace, 3
+bind = Super, 4, workspace, 4
+bind = Super, 5, workspace, 5
+bind = Super, 6, workspace, 6
+bind = Super, 7, workspace, 7
+bind = Super, 8, workspace, 8
+bind = Super, 9, workspace, 9
+bind = Super, 0, workspace, 10
+bind = Super, S, togglespecialworkspace,
+bind = ControlSuper, S, togglespecialworkspace,
+bind = Alt, Tab, cyclenext
+bind = Alt, Tab, bringactivetotop,   # bring it to the top
+
+# Move window to workspace Super + Alt + [0-9] 
+bind = Super Alt, 1, movetoworkspacesilent, 1
+bind = Super Alt, 2, movetoworkspacesilent, 2
+bind = Super Alt, 3, movetoworkspacesilent, 3
+bind = Super Alt, 4, movetoworkspacesilent, 4
+bind = Super Alt, 5, movetoworkspacesilent, 5
+bind = Super Alt, 6, movetoworkspacesilent, 6
+bind = Super Alt, 7, movetoworkspacesilent, 7
+bind = Super Alt, 8, movetoworkspacesilent, 8
+bind = Super Alt, 9, movetoworkspacesilent, 9
+bind = Super Alt, 0, movetoworkspacesilent, 10
+bind = ControlShiftSuper, Up, movetoworkspacesilent, special
+bind = SuperAlt, S, movetoworkspacesilent, special
+
+# Scroll through existing workspaces with (Control) + Super + scroll
+bind = Super, mouse_up, workspace, +1
+bind = Super, mouse_down, workspace, -1
+bind = ControlSuper, mouse_up, workspace, +1
+bind = ControlSuper, mouse_down, workspace, -1
+
+# Move/resize windows with Super + LMB/RMB and dragging
+bindm = Super, mouse:272, movewindow
+bindm = Super, mouse:273, resizewindow
+bindm = Super, mouse:274, movewindow
+bindm = Super, Z, movewindow
+bind = ControlSuper, Backslash, resizeactive, exact 640 480
+
diff --git a/m3ww/.config/hypr/savedcolors/colors_alive.conf b/m3ww/.config/hypr/savedcolors/colors_alive.conf
new file mode 100755
index 000000000..101a7d2a1
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_alive.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/Igw7x_q_SY8/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLAnBg0FYExCAq5yAvoYoyE3rjhD6w
+general {
+    col.active_border = rgba(D1B043FF) rgba(E9D463FF) rgba(C7B89CFF) 45deg
+    col.inactive_border = rgba(D1B04366)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_alpha.conf b/m3ww/.config/hypr/savedcolors/colors_alpha.conf
new file mode 100755
index 000000000..1dd54a011
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_alpha.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/fjmfM_GhaKE/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAZwkQ3bKm9M6hFMb6vSPULmOR6UQ
+general {
+    col.active_border = rgba(2875C5FF) rgba(5BA6B4FF) rgba(9EA19DFF) 45deg
+    col.inactive_border = rgba(2875C566)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_amaryllis.conf b/m3ww/.config/hypr/savedcolors/colors_amaryllis.conf
new file mode 100755
index 000000000..62c63a4b8
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_amaryllis.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/-aKHRnS1NrY/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLARkaFkCli09IlsqLfdrLkiZrRmNw
+general {
+    col.active_border = rgba(75728AFF) rgba(897A89FF) rgba(8A8592FF) 45deg
+    col.inactive_border = rgba(75728A66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_androidgreen.conf b/m3ww/.config/hypr/savedcolors/colors_androidgreen.conf
new file mode 100755
index 000000000..1fdddaa16
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_androidgreen.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(656B5AFF) rgba(70736BFF) rgba(7C836DFF) 45deg
+    col.inactive_border = rgba(656B5A66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_andromeda.conf b/m3ww/.config/hypr/savedcolors/colors_andromeda.conf
new file mode 100755
index 000000000..24b1503a1
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_andromeda.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000102218806-ducxb5-t80x80.jpg
+general {
+    col.active_border = rgba(AECD77FF) rgba(3C6D8DFF) rgba(5EB2A8FF) 45deg
+    col.inactive_border = rgba(AECD7766)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_artemis.conf b/m3ww/.config/hypr/savedcolors/colors_artemis.conf
new file mode 100755
index 000000000..2db047817
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_artemis.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-LPvgpz3T7pFKWPBy-ihlbAw-t80x80.jpg
+general {
+    col.active_border = rgba(043094FF) rgba(3E5EA0FF) rgba(0A69CDFF) 45deg
+    col.inactive_border = rgba(04309466)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_artofquartz.conf b/m3ww/.config/hypr/savedcolors/colors_artofquartz.conf
new file mode 100755
index 000000000..dedc62063
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_artofquartz.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/oyuWZ34Aq3o/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBttb3MeiJoN9dSbvemylicQFwceQ
+general {
+    col.active_border = rgba(d8b9ffFF) 45deg
+    col.inactive_border = rgba(555555AA)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_atermis.conf b/m3ww/.config/hypr/savedcolors/colors_atermis.conf
new file mode 100755
index 000000000..2db047817
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_atermis.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-LPvgpz3T7pFKWPBy-ihlbAw-t80x80.jpg
+general {
+    col.active_border = rgba(043094FF) rgba(3E5EA0FF) rgba(0A69CDFF) 45deg
+    col.inactive_border = rgba(04309466)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_avdan.conf b/m3ww/.config/hypr/savedcolors/colors_avdan.conf
new file mode 100755
index 000000000..87393e1f4
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_avdan.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(D4226EFF) rgba(F32563FF) rgba(F32564FF) 45deg
+    col.inactive_border = rgba(D4226E66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_beach.conf b/m3ww/.config/hypr/savedcolors/colors_beach.conf
new file mode 100755
index 000000000..ec36c1a72
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_beach.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(99B5DEFF) rgba(92CBF6FF) rgba(B0E2F7FF) 45deg
+    col.inactive_border = rgba(99B5DE66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_berightthere.conf b/m3ww/.config/hypr/savedcolors/colors_berightthere.conf
new file mode 100755
index 000000000..02aaaeefe
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_berightthere.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi_webp/eXJqyCgVpjc/mqdefault.webp
+general {
+    col.active_border = rgba(955B6CFF) rgba(D36572FF) rgba(DC728FFF) 45deg
+    col.inactive_border = rgba(955B6C66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_bittersweet.conf b/m3ww/.config/hypr/savedcolors/colors_bittersweet.conf
new file mode 100755
index 000000000..bd85d3b93
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_bittersweet.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/5jvVbbai7qk/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLDyTWGok8rtpE0Dj6rsAY9n03bhkQ
+general {
+    col.active_border = rgba(C96F95FF) rgba(A7868DFF) rgba(DB9DAAFF) 45deg
+    col.inactive_border = rgba(C96F9566)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_blessingbeat.conf b/m3ww/.config/hypr/savedcolors/colors_blessingbeat.conf
new file mode 100755
index 000000000..5ec9e5a5c
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_blessingbeat.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000579642002-mq4kgn-t80x80.jpg
+general {
+    col.active_border = rgba(D3A3F8FF) rgba(F3B3FAFF) rgba(B1F6FBFF) 45deg
+    col.inactive_border = rgba(D3A3F866)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_bluegalaxy.conf b/m3ww/.config/hypr/savedcolors/colors_bluegalaxy.conf
new file mode 100755
index 000000000..1ade1d4dd
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_bluegalaxy.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(128D91FF) rgba(269F9BFF) rgba(159CA2FF) 45deg
+    col.inactive_border = rgba(128D9166)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_bluenation.conf b/m3ww/.config/hypr/savedcolors/colors_bluenation.conf
new file mode 100755
index 000000000..9385950b1
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_bluenation.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(60C4F1FF) rgba(9F9BABFF) rgba(A2AECFFF) 45deg
+    col.inactive_border = rgba(60C4F166)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_bluenation_purple.conf b/m3ww/.config/hypr/savedcolors/colors_bluenation_purple.conf
new file mode 100755
index 000000000..39b88d3c6
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_bluenation_purple.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(39B1D7FF) rgba(63A0D4FF) rgba(9BA1CFFF) 45deg
+    col.inactive_border = rgba(39B1D766)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_blueroar.conf b/m3ww/.config/hypr/savedcolors/colors_blueroar.conf
new file mode 100755
index 000000000..9385950b1
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_blueroar.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(60C4F1FF) rgba(9F9BABFF) rgba(A2AECFFF) 45deg
+    col.inactive_border = rgba(60C4F166)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_breakaway.conf b/m3ww/.config/hypr/savedcolors/colors_breakaway.conf
new file mode 100755
index 000000000..d69e5c059
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_breakaway.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/OdasYzoN7TQ/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCYFcwiVGbaXXSPIUCHH7RG7dYbMQ
+general {
+    col.active_border = rgba(C9B0FDFF) rgba(E3BCFEFF) rgba(B1D2FDFF) 45deg
+    col.inactive_border = rgba(C9B0FD66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_bunnygirl.conf b/m3ww/.config/hypr/savedcolors/colors_bunnygirl.conf
new file mode 100755
index 000000000..a8c0df18f
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_bunnygirl.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000464639244-hzoi9t-t80x80.jpg
+general {
+    col.active_border = rgba(0C30A0FF) rgba(1A50A5FF) rgba(5443D2FF) 45deg
+    col.inactive_border = rgba(0C30A066)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_bythesunlitwindow.conf b/m3ww/.config/hypr/savedcolors/colors_bythesunlitwindow.conf
new file mode 100755
index 000000000..5e1735df6
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_bythesunlitwindow.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/m-imaoaZ9ho/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLBkvbpwGwMXwTM2ezepbUGV05pLFg
+general {
+    col.active_border = rgba(9A6BA7FF) rgba(AA7AC3FF) rgba(B786CEFF) 45deg
+    col.inactive_border = rgba(9A6BA766)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_crystalcave.conf b/m3ww/.config/hypr/savedcolors/colors_crystalcave.conf
new file mode 100755
index 000000000..e681c0c13
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_crystalcave.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi_webp/4cFD-5w5cyA/mqdefault.webp
+general {
+    col.active_border = rgba(2A9EE5FF) rgba(4E9DC4FF) rgba(62D9F9FF) 45deg
+    col.inactive_border = rgba(2A9EE566)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_cutelight.conf b/m3ww/.config/hypr/savedcolors/colors_cutelight.conf
new file mode 100755
index 000000000..9170ee665
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_cutelight.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/hcbc09-cQaM/mqdefault.jpg
+general {
+    col.active_border = rgba(A2A1ABFF) rgba(D8B3B1FF) rgba(B1CADBFF) 45deg
+    col.inactive_border = rgba(A2A1AB66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_cyan.conf b/m3ww/.config/hypr/savedcolors/colors_cyan.conf
new file mode 100755
index 000000000..9385950b1
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_cyan.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(60C4F1FF) rgba(9F9BABFF) rgba(A2AECFFF) 45deg
+    col.inactive_border = rgba(60C4F166)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_cycles.conf b/m3ww/.config/hypr/savedcolors/colors_cycles.conf
new file mode 100755
index 000000000..84176f797
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_cycles.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/gmSGmgffLXI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDoJVlARTVsqnvWgL506qzeguKpdw
+general {
+    col.active_border = rgba(A56E56FF) rgba(E37748FF) rgba(AB8873FF) 45deg
+    col.inactive_border = rgba(A56E5666)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_decoyworld.conf b/m3ww/.config/hypr/savedcolors/colors_decoyworld.conf
new file mode 100755
index 000000000..a9717d592
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_decoyworld.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000277772429-kb8c52-t80x80.jpg
+general {
+    col.active_border = rgba(4C7192FF) rgba(A575A5FF) rgba(39A6CEFF) 45deg
+    col.inactive_border = rgba(4C719266)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_default.conf b/m3ww/.config/hypr/savedcolors/colors_default.conf
new file mode 100755
index 000000000..9385950b1
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_default.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(60C4F1FF) rgba(9F9BABFF) rgba(A2AECFFF) 45deg
+    col.inactive_border = rgba(60C4F166)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_disconnectedblue.conf b/m3ww/.config/hypr/savedcolors/colors_disconnectedblue.conf
new file mode 100755
index 000000000..d78b61ae0
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_disconnectedblue.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/_z1L9alieOI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLA_0euyiuQSHnE8Gn0l5AECOTvFtQ
+general {
+    col.active_border = rgba(727085FF) rgba(019DB5FF) rgba(5BB8B8FF) 45deg
+    col.inactive_border = rgba(72708566)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_disconnectedblue_dark.conf b/m3ww/.config/hypr/savedcolors/colors_disconnectedblue_dark.conf
new file mode 100755
index 000000000..a6bef6538
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_disconnectedblue_dark.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/_z1L9alieOI/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLDk081Hk_24mnKxtawjxKQ64rrQDg
+general {
+    col.active_border = rgba(767C80FF) rgba(039CB7FF) rgba(5EB6B9FF) 45deg
+    col.inactive_border = rgba(767C8066)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_eclipse.conf b/m3ww/.config/hypr/savedcolors/colors_eclipse.conf
new file mode 100755
index 000000000..a81a7a545
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_eclipse.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(F85B13FF) rgba(A05862FF) rgba(7B6985FF) 45deg
+    col.inactive_border = rgba(F85B1366)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_enjoythistime.conf b/m3ww/.config/hypr/savedcolors/colors_enjoythistime.conf
new file mode 100755
index 000000000..70a6a98f2
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_enjoythistime.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/g4ssHIwZDGk/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLB26FOCk7yVlaawtjcyH1xE9-ZkxA
+general {
+    col.active_border = rgba(6fdaa8FF) 45deg
+    col.inactive_border = rgba(555555AA)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_eternalmelody.conf b/m3ww/.config/hypr/savedcolors/colors_eternalmelody.conf
new file mode 100755
index 000000000..126951230
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_eternalmelody.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(905772FF) rgba(A35161FF) rgba(A36D8FFF) 45deg
+    col.inactive_border = rgba(90577266)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_euphoria.conf b/m3ww/.config/hypr/savedcolors/colors_euphoria.conf
new file mode 100755
index 000000000..a1165ff17
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_euphoria.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/7Pyt_xftxM8/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_gmAAtAFigIMCAAQARh_ID0oJDAP&rs=AOn4CLCqLpcalabHrrGdKHYreXbaxo3BMw
+general {
+    col.active_border = rgba(985F2BFF) rgba(AA7133FF) rgba(B78938FF) 45deg
+    col.inactive_border = rgba(985F2B66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_everythinggoeson.conf b/m3ww/.config/hypr/savedcolors/colors_everythinggoeson.conf
new file mode 100755
index 000000000..0a551f846
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_everythinggoeson.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-JgiEcXItFfvrKUZ9-aVqgEw-t80x80.jpg
+general {
+    col.active_border = rgba(BBA7A7FF) rgba(EE91B4FF) rgba(FCB0D0FF) 45deg
+    col.inactive_border = rgba(BBA7A766)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_finale.conf b/m3ww/.config/hypr/savedcolors/colors_finale.conf
new file mode 100755
index 000000000..2e9b539fa
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_finale.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-rs5BJbnE1joHdT19-cy5Ilg-t80x80.jpg
+general {
+    col.active_border = rgba(F8817EFF) rgba(BD8683FF) rgba(F7A49BFF) 45deg
+    col.inactive_border = rgba(F8817E66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_finalstep.conf b/m3ww/.config/hypr/savedcolors/colors_finalstep.conf
new file mode 100755
index 000000000..4fd7dc3f1
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_finalstep.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/v3JExHpJ09s/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAsQ6siv_HQMVyJmfFx_WoSo-ZHkA
+general {
+    col.active_border = rgba(AC16C7FF) rgba(B117DFFF) rgba(C53CC3FF) 45deg
+    col.inactive_border = rgba(AC16C766)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_flare.conf b/m3ww/.config/hypr/savedcolors/colors_flare.conf
new file mode 100755
index 000000000..6f1f444e6
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_flare.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/51k7SJPDUNo/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB1AaAAuADigIMCAAQARh_IE4oGjAP&rs=AOn4CLATHs_fDDtgQN42Gi-Dwj9AvUCnqQ
+general {
+    col.active_border = rgba(696350FF) rgba(92360FFF) rgba(A7683CFF) 45deg
+    col.inactive_border = rgba(69635066)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_flate.conf b/m3ww/.config/hypr/savedcolors/colors_flate.conf
new file mode 100755
index 000000000..6f1f444e6
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_flate.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/51k7SJPDUNo/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB1AaAAuADigIMCAAQARh_IE4oGjAP&rs=AOn4CLATHs_fDDtgQN42Gi-Dwj9AvUCnqQ
+general {
+    col.active_border = rgba(696350FF) rgba(92360FFF) rgba(A7683CFF) 45deg
+    col.inactive_border = rgba(69635066)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_flowers.conf b/m3ww/.config/hypr/savedcolors/colors_flowers.conf
new file mode 100755
index 000000000..5d6187fde
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_flowers.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(99798CFF) rgba(6A87B1FF) rgba(A39BA5FF) 45deg
+    col.inactive_border = rgba(99798C66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_forest_bluegreen.conf b/m3ww/.config/hypr/savedcolors/colors_forest_bluegreen.conf
new file mode 100755
index 000000000..728cae939
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_forest_bluegreen.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(7B805DFF) rgba(BCBD58FF) rgba(4C748AFF) 45deg
+    col.inactive_border = rgba(7B805D66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_forever.conf b/m3ww/.config/hypr/savedcolors/colors_forever.conf
new file mode 100755
index 000000000..420a55ec8
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_forever.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/8abwtVLP18Y/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLABvuWZHErcUxghiy_4ZuNZFFoXUA
+general {
+    col.active_border = rgba(5322A1FF) rgba(433AA8FF) rgba(691FD5FF) 45deg
+    col.inactive_border = rgba(5322A166)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_forsythia.conf b/m3ww/.config/hypr/savedcolors/colors_forsythia.conf
new file mode 100755
index 000000000..c47631c17
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_forsythia.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(ECD069FF) rgba(AFA892FF) rgba(BAC59CFF) 45deg
+    col.inactive_border = rgba(ECD06966)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_frostdragon.conf b/m3ww/.config/hypr/savedcolors/colors_frostdragon.conf
new file mode 100755
index 000000000..75fe99f81
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_frostdragon.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(3E83A0FF) rgba(4F90ACFF) rgba(6AB2CAFF) 45deg
+    col.inactive_border = rgba(3E83A066)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_frozenheart.conf b/m3ww/.config/hypr/savedcolors/colors_frozenheart.conf
new file mode 100755
index 000000000..f82ea60db
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_frozenheart.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(CDAEB2FF) rgba(CDBFC2FF) rgba(D9CBD2FF) 45deg
+    col.inactive_border = rgba(CDAEB266)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_genshinbeach.conf b/m3ww/.config/hypr/savedcolors/colors_genshinbeach.conf
new file mode 100755
index 000000000..ec36c1a72
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_genshinbeach.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(99B5DEFF) rgba(92CBF6FF) rgba(B0E2F7FF) 45deg
+    col.inactive_border = rgba(99B5DE66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_godrays.conf b/m3ww/.config/hypr/savedcolors/colors_godrays.conf
new file mode 100755
index 000000000..06626dece
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_godrays.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(3C5749FF) rgba(8B7521FF) rgba(9F8F28FF) 45deg
+    col.inactive_border = rgba(3C574966)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_green.conf b/m3ww/.config/hypr/savedcolors/colors_green.conf
new file mode 100755
index 000000000..e95c49b39
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_green.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(5E5A52FF) rgba(8D7253FF) rgba(9B9A61FF) 45deg
+    col.inactive_border = rgba(5E5A5266)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_heartafire.conf b/m3ww/.config/hypr/savedcolors/colors_heartafire.conf
new file mode 100755
index 000000000..da3f8b7e0
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_heartafire.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000194675612-qt4sr3-t80x80.jpg
+general {
+    col.active_border = rgba(5D2648FF) rgba(6E2A4CFF) rgba(A91D3BFF) 45deg
+    col.inactive_border = rgba(5D264866)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_ice.conf b/m3ww/.config/hypr/savedcolors/colors_ice.conf
new file mode 100755
index 000000000..b63609b43
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_ice.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000141682356-dsvdol-t80x80.jpg
+general {
+    col.active_border = rgba(4977ACFF) rgba(5F8AB8FF) rgba(849FBFFF) 45deg
+    col.inactive_border = rgba(4977AC66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_innovation.conf b/m3ww/.config/hypr/savedcolors/colors_innovation.conf
new file mode 100755
index 000000000..c99fcca00
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_innovation.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-VzJtkezGcHZPTQwV-sj8hyg-t80x80.jpg
+general {
+    col.active_border = rgba(891A8BFF) rgba(9726ADFF) rgba(D55FD7FF) 45deg
+    col.inactive_border = rgba(891A8B66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_iswear.conf b/m3ww/.config/hypr/savedcolors/colors_iswear.conf
new file mode 100755
index 000000000..3d8e73841
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_iswear.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/pLQGfSQUuCM/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAxjZ9gSU45DvSy7J__T2odBUct4w
+general {
+    col.active_border = rgba(CF8A77FF) rgba(B29890FF) rgba(DAC6AFFF) 45deg
+    col.inactive_border = rgba(CF8A7766)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_iwillpickyouup.conf b/m3ww/.config/hypr/savedcolors/colors_iwillpickyouup.conf
new file mode 100755
index 000000000..4e71e447d
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_iwillpickyouup.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000058034277-sq9814-t80x80.jpg
+general {
+    col.active_border = rgba(7F7E7EFF) rgba(1BAC6DFF) rgba(02FA97FF) 45deg
+    col.inactive_border = rgba(7F7E7E66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_kurumi.conf b/m3ww/.config/hypr/savedcolors/colors_kurumi.conf
new file mode 100755
index 000000000..2f77a7f87
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_kurumi.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-viSbRZk1zikdSKYq-C4WdAw-t80x80.jpg
+general {
+    col.active_border = rgba(995A5DFF) rgba(DF5A5DFF) rgba(AC7492FF) 45deg
+    col.inactive_border = rgba(995A5D66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_lazertrack.conf b/m3ww/.config/hypr/savedcolors/colors_lazertrack.conf
new file mode 100755
index 000000000..ba280e302
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_lazertrack.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000499340190-zt5zgv-t80x80.jpg
+general {
+    col.active_border = rgba(A5528AFF) rgba(C36192FF) rgba(A792A0FF) 45deg
+    col.inactive_border = rgba(A5528A66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_lover.conf b/m3ww/.config/hypr/savedcolors/colors_lover.conf
new file mode 100755
index 000000000..e4bce2aa3
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_lover.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/5kJFLc58nWo/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCwudZBZijm8By6VI7WSUnLSlh2gA
+general {
+    col.active_border = rgba(DF7091FF) rgba(7486A9FF) rgba(CEA3B6FF) 45deg
+    col.inactive_border = rgba(DF709166)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_lullaby.conf b/m3ww/.config/hypr/savedcolors/colors_lullaby.conf
new file mode 100755
index 000000000..dc0d1fcb2
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_lullaby.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-cAla9lDzW6P2WRRA-yJp1yg-t80x80.jpg
+general {
+    col.active_border = rgba(174F6AFF) rgba(634F64FF) rgba(D32509FF) 45deg
+    col.inactive_border = rgba(174F6A66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_meltdown.conf b/m3ww/.config/hypr/savedcolors/colors_meltdown.conf
new file mode 100755
index 000000000..100777676
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_meltdown.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/Ym0VhyO0ajM/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLAnOkNUJDDk6eA2RagDI-cOWNqthw
+general {
+    col.active_border = rgba(1E649FFF) rgba(106FAFFF) rgba(2B89B4FF) 45deg
+    col.inactive_border = rgba(1E649F66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_mirror.conf b/m3ww/.config/hypr/savedcolors/colors_mirror.conf
new file mode 100755
index 000000000..6edac1c00
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_mirror.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/co1QafXwo4g/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAncOMlDFU5jwlz8_EJITJPz1xaxQ
+general {
+    col.active_border = rgba(5F1DD9FF) rgba(334AC7FF) rgba(924CC2FF) 45deg
+    col.inactive_border = rgba(5F1DD966)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_moments.conf b/m3ww/.config/hypr/savedcolors/colors_moments.conf
new file mode 100755
index 000000000..21e6093d0
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_moments.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/FJerhImwS5E/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDEK86tcWOOWAN7v2kHv4Oy3w-8Jg
+general {
+    col.active_border = rgba(65DBF3FF) rgba(B4B1C3FF) rgba(92EFF7FF) 45deg
+    col.inactive_border = rgba(65DBF366)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_monster.conf b/m3ww/.config/hypr/savedcolors/colors_monster.conf
new file mode 100755
index 000000000..93d6be3d4
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_monster.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/0CuTOGKMWW0/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBkQ9ETNGNv538s2qddDWjrEvW4-A
+general {
+    col.active_border = rgba(059687FF) rgba(02B091FF) rgba(13F3A9FF) 45deg
+    col.inactive_border = rgba(05968766)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_moonlight.conf b/m3ww/.config/hypr/savedcolors/colors_moonlight.conf
new file mode 100755
index 000000000..c46925d3f
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_moonlight.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/zJ9NHv9UIHI/mqdefault.jpg
+general {
+    col.active_border = rgba(E99A71FF) rgba(592D9AFF) rgba(5D57C1FF) 45deg
+    col.inactive_border = rgba(E99A7166)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_multi.conf b/m3ww/.config/hypr/savedcolors/colors_multi.conf
new file mode 100755
index 000000000..24b1503a1
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_multi.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000102218806-ducxb5-t80x80.jpg
+general {
+    col.active_border = rgba(AECD77FF) rgba(3C6D8DFF) rgba(5EB2A8FF) 45deg
+    col.inactive_border = rgba(AECD7766)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_neon_bluered.conf b/m3ww/.config/hypr/savedcolors/colors_neon_bluered.conf
new file mode 100755
index 000000000..b873308d6
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_neon_bluered.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(E02A29FF) rgba(FAE5A8FF) rgba(50FDFEFF) 45deg
+    col.inactive_border = rgba(46315F66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_notfound.conf b/m3ww/.config/hypr/savedcolors/colors_notfound.conf
new file mode 100755
index 000000000..e23a6798f
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_notfound.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/VPAbyHafVq4/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBPcSDAncsROkuIMYJHgZwUbfZGMg
+general {
+    col.active_border = rgba(E26A78FF) rgba(827590FF) rgba(E57485FF) 45deg
+    col.inactive_border = rgba(E26A7866)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_nova.conf b/m3ww/.config/hypr/savedcolors/colors_nova.conf
new file mode 100755
index 000000000..6ea6b51da
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_nova.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/OnVNcl7mX_Q/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBh9_sgGX3UhmFVI4HmgNskpjRy6w
+general {
+    col.active_border = rgba(32678EFF) rgba(636790FF) rgba(68A5C0FF) 45deg
+    col.inactive_border = rgba(32678E66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_nowthatitstrue.conf b/m3ww/.config/hypr/savedcolors/colors_nowthatitstrue.conf
new file mode 100755
index 000000000..e875b1ca0
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_nowthatitstrue.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-ztgvVI8fjqhzocM1-cFVrJw-t80x80.jpg
+general {
+    col.active_border = rgba(6FAED0FF) rgba(8DAAB7FF) rgba(8FB3CBFF) 45deg
+    col.inactive_border = rgba(6FAED066)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_osubluegreen.conf b/m3ww/.config/hypr/savedcolors/colors_osubluegreen.conf
new file mode 100755
index 000000000..9df0060f2
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_osubluegreen.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(2C6A66FF) rgba(476961FF) rgba(1E7988FF) 45deg
+    col.inactive_border = rgba(2C6A6666)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_outbreaker.conf b/m3ww/.config/hypr/savedcolors/colors_outbreaker.conf
new file mode 100755
index 000000000..9be38c91a
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_outbreaker.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://lh3.googleusercontent.com/mjuSrFmUlV0OV07Jwp8t4djDxzT2NHHTYP5e-lX3Al6GPJU2ZeB42W6zah4PsLaRYyRj0CgLpiKwAYg=w544-h544-l90-rj
+general {
+    col.active_border = rgba(968F71FF) rgba(CCA856FF) rgba(5E8F8BFF) 45deg
+    col.inactive_border = rgba(968F7166)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_outer.conf b/m3ww/.config/hypr/savedcolors/colors_outer.conf
new file mode 100755
index 000000000..a6dd296ed
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_outer.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/JkQ0izNVq6w/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLBWz3L9h6QvOBRnl4EQ25BULuM6zg
+general {
+    col.active_border = rgba(465453FF) rgba(57665BFF) rgba(5A8875FF) 45deg
+    col.inactive_border = rgba(46545366)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_pagoda.conf b/m3ww/.config/hypr/savedcolors/colors_pagoda.conf
new file mode 100755
index 000000000..f84422c9a
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_pagoda.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/knIdltn-uf4/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLADTZm2jBfLCa2JY3aoHG9fNviejQ
+general {
+    col.active_border = rgba(587192FF) rgba(6094A6FF) rgba(53BCD5FF) 45deg
+    col.inactive_border = rgba(58719266)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_piano.conf b/m3ww/.config/hypr/savedcolors/colors_piano.conf
new file mode 100755
index 000000000..499d16ee1
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_piano.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(82E6F5FF) rgba(0C9DE0FF) rgba(82E6F5FF) 45deg
+    col.inactive_border = rgba(40535966)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_purple.conf b/m3ww/.config/hypr/savedcolors/colors_purple.conf
new file mode 100755
index 000000000..a2aa43dd3
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_purple.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(e5deffFF) rgba(956CE5FF) rgba(A39AEFFF) 45deg
+    col.inactive_border = rgba(555555AA)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_purpleplanet.conf b/m3ww/.config/hypr/savedcolors/colors_purpleplanet.conf
new file mode 100755
index 000000000..a7b1b7f86
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_purpleplanet.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000145811820-tdcxea-t80x80.jpg
+general {
+    col.active_border = rgba(6F6BCFFF) rgba(857AD7FF) rgba(9B87BBFF) 45deg
+    col.inactive_border = rgba(6F6BCF66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_questions.conf b/m3ww/.config/hypr/savedcolors/colors_questions.conf
new file mode 100755
index 000000000..b853d4712
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_questions.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/zvuFqUO0lVI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBBWCjrEnW6fFvusjyR20ghqVkuRQ
+general {
+    col.active_border = rgba(974DECFF) rgba(679AD7FF) rgba(A0A1D9FF) 45deg
+    col.inactive_border = rgba(974DEC66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_quicksand.conf b/m3ww/.config/hypr/savedcolors/colors_quicksand.conf
new file mode 100755
index 000000000..ab2226896
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_quicksand.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/sgfF7QXhNPA/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDCzrCG50-ll2-ilsgYtJI-YL8_iw
+general {
+    col.active_border = rgba(62B3D4FF) rgba(6CD0D0FF) rgba(E997AEFF) 45deg
+    col.inactive_border = rgba(62B3D466)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_raindrops.conf b/m3ww/.config/hypr/savedcolors/colors_raindrops.conf
new file mode 100755
index 000000000..98e657bc9
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_raindrops.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/bQPEwCqhBjQ/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLC-aefrQSi8LgVWH_FeTG7Yrl7b-g
+general {
+    col.active_border = rgba(505F63FF) rgba(727B84FF) rgba(78838BFF) 45deg
+    col.inactive_border = rgba(505F6366)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_rebootcode.conf b/m3ww/.config/hypr/savedcolors/colors_rebootcode.conf
new file mode 100755
index 000000000..9a129e463
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_rebootcode.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-PkAvHpDy3ypruTdy-C5m8rA-t80x80.jpg
+general {
+    col.active_border = rgba(159DA2FF) rgba(5B9FA2FF) rgba(5ECEBAFF) 45deg
+    col.inactive_border = rgba(159DA266)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_red.conf b/m3ww/.config/hypr/savedcolors/colors_red.conf
new file mode 100755
index 000000000..2b5ab0f10
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_red.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-vz229DA99tPFdm3E-eDLGdQ-t80x80.jpg
+general {
+    col.active_border = rgba(E93B2FFF) rgba(B74037FF) rgba(EA4737FF) 45deg
+    col.inactive_border = rgba(E93B2F66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_red_material.conf b/m3ww/.config/hypr/savedcolors/colors_red_material.conf
new file mode 100755
index 000000000..003a59baf
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_red_material.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(EC6E70FF) rgba(A07A85FF) rgba(F18D8CFF) 45deg
+    col.inactive_border = rgba(EC6E7066)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_reimugreen.conf b/m3ww/.config/hypr/savedcolors/colors_reimugreen.conf
new file mode 100755
index 000000000..1642ed9c5
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_reimugreen.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(dac84eFF) 45deg
+    col.inactive_border = rgba(555555AA)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_ripples.conf b/m3ww/.config/hypr/savedcolors/colors_ripples.conf
new file mode 100755
index 000000000..6707fc8ea
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_ripples.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/iwc8xXoL3WM/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBCdzgc6r9qvldRzSjRoZGX_vCpwg
+general {
+    col.active_border = rgba(31E3F5FF) rgba(54DCF6FF) rgba(CBA6D3FF) 45deg
+    col.inactive_border = rgba(31E3F566)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_running.conf b/m3ww/.config/hypr/savedcolors/colors_running.conf
new file mode 100755
index 000000000..e96092c1a
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_running.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/Crlc6AQr61M/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLDdQPef0Ec5x28JLgLCyT4Qa9JeqQ
+general {
+    col.active_border = rgba(8C77B7FF) rgba(718C8FFF) rgba(4ED0C4FF) 45deg
+    col.inactive_border = rgba(8C77B766)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_s73.conf b/m3ww/.config/hypr/savedcolors/colors_s73.conf
new file mode 100755
index 000000000..78f7bc105
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_s73.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000117563971-vx726i-t80x80.jpg
+general {
+    col.active_border = rgba(A29EA5FF) rgba(E499B3FF) rgba(F79AC3FF) 45deg
+    col.inactive_border = rgba(A29EA566)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_seethestars.conf b/m3ww/.config/hypr/savedcolors/colors_seethestars.conf
new file mode 100755
index 000000000..db6536f51
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_seethestars.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/TYMPpgRonQo/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAaay-LobzXjEY4nR6cRMzjWXPzKA
+general {
+    col.active_border = rgba(4D4658FF) rgba(52546EFF) rgba(A1D51CFF) 45deg
+    col.inactive_border = rgba(4D465866)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_shelter.conf b/m3ww/.config/hypr/savedcolors/colors_shelter.conf
new file mode 100755
index 000000000..345d0808a
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_shelter.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/HQnC1UHBvWA/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDHErZfzFhJMeje_Tbpc7nZgAn7Bw
+general {
+    col.active_border = rgba(50B6A3FF) rgba(15E09EFF) rgba(0BFCCBFF) 45deg
+    col.inactive_border = rgba(50B6A366)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_shiny.conf b/m3ww/.config/hypr/savedcolors/colors_shiny.conf
new file mode 100755
index 000000000..afc65c791
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_shiny.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(5C6ADFFF) rgba(B650B9FF) rgba(40C3F0FF) 45deg
+    col.inactive_border = rgba(5C6ADF66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_skylightz.conf b/m3ww/.config/hypr/savedcolors/colors_skylightz.conf
new file mode 100755
index 000000000..432ad4bcb
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_skylightz.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/i7cDLZgrqW4/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCRBvhM7aVv-ZgGz3TeptwLxpkccA
+general {
+    col.active_border = rgba(AF682FFF) rgba(94744EFF) rgba(AB8D5BFF) 45deg
+    col.inactive_border = rgba(AF682F66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_something.conf b/m3ww/.config/hypr/savedcolors/colors_something.conf
new file mode 100755
index 000000000..3722f2474
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_something.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-nL66GQT0mV6xB0sq-VWO0IQ-t80x80.jpg
+general {
+    col.active_border = rgba(C74DD3FF) rgba(D14EEDFF) rgba(47D3F2FF) 45deg
+    col.inactive_border = rgba(C74DD366)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_space.conf b/m3ww/.config/hypr/savedcolors/colors_space.conf
new file mode 100755
index 000000000..1ae5e2440
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_space.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/MFLLM-IlAiA/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgBgAqAAtAFigIMCAAQARg6ICUofzAP&rs=AOn4CLCAxEwS6DeTEdj-ZUHlDG4KX9v7gg
+general {
+    col.active_border = rgba(38298CFF) rgba(52329DFF) rgba(693EC2FF) 45deg
+    col.inactive_border = rgba(38298C66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_spacepark.conf b/m3ww/.config/hypr/savedcolors/colors_spacepark.conf
new file mode 100755
index 000000000..edcfd0f94
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_spacepark.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/4a7IQMXRTjo/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLAbgVnnrFumMO52CQqoOH07NAAoiw
+general {
+    col.active_border = rgba(D5754AFF) rgba(D29156FF) rgba(A49A98FF) 45deg
+    col.inactive_border = rgba(D5754A66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_store.conf b/m3ww/.config/hypr/savedcolors/colors_store.conf
new file mode 100755
index 000000000..909d9c2b5
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_store.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(AF8D61FF) rgba(CEB153FF) rgba(7B8387FF) 45deg
+    col.inactive_border = rgba(AF8D6166)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_stray.conf b/m3ww/.config/hypr/savedcolors/colors_stray.conf
new file mode 100755
index 000000000..8e9967783
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_stray.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/wmxTC1Ekdl0/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLC3jHf2azRr9sX7Uf9X4jkA-WBouw
+general {
+    col.active_border = rgba(2A6D69FF) rgba(4A736AFF) rgba(56A264FF) 45deg
+    col.inactive_border = rgba(2A6D6966)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_summer-gruv.conf b/m3ww/.config/hypr/savedcolors/colors_summer-gruv.conf
new file mode 100755
index 000000000..91a7aeab6
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_summer-gruv.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-vh98Q4s3QFJT23EV-FvvRqg-t80x80.jpg
+general {
+    col.active_border = rgba(265B9DFF) rgba(5363A2FF) rgba(9763B1FF) 45deg
+    col.inactive_border = rgba(265B9D66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_thinkingaboutyou.conf b/m3ww/.config/hypr/savedcolors/colors_thinkingaboutyou.conf
new file mode 100755
index 000000000..91a7aeab6
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_thinkingaboutyou.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-vh98Q4s3QFJT23EV-FvvRqg-t80x80.jpg
+general {
+    col.active_border = rgba(265B9DFF) rgba(5363A2FF) rgba(9763B1FF) 45deg
+    col.inactive_border = rgba(265B9D66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_towerofheaven.conf b/m3ww/.config/hypr/savedcolors/colors_towerofheaven.conf
new file mode 100755
index 000000000..ecfd141e2
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_towerofheaven.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/z-sAl3S5qB8/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDzRfHxWNw0j06WF2biOQ-VbcUoTw
+general {
+    col.active_border = rgba(BDB85EFF) rgba(376993FF) rgba(43B9BFFF) 45deg
+    col.inactive_border = rgba(BDB85E66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_treecity.conf b/m3ww/.config/hypr/savedcolors/colors_treecity.conf
new file mode 100755
index 000000000..124ea4017
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_treecity.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(70736BFF) rgba(807E7DFF) rgba(858B79FF) 45deg
+    col.inactive_border = rgba(70736B66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_ureshii.conf b/m3ww/.config/hypr/savedcolors/colors_ureshii.conf
new file mode 100755
index 000000000..6b0dc279a
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_ureshii.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/wbKCxh6Cbas/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBGivzPsRD2wlU0kfKvi78QajjbbQ
+general {
+    col.active_border = rgba(57AED7FF) rgba(ACA5ABFF) rgba(F2B9C6FF) 45deg
+    col.inactive_border = rgba(57AED766)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_vacuumtrack.conf b/m3ww/.config/hypr/savedcolors/colors_vacuumtrack.conf
new file mode 100755
index 000000000..39beef0c3
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_vacuumtrack.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/1pS7H0idJok/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLArWcsuqPN1TEVR4A0ipjGuM69bsA
+general {
+    col.active_border = rgba(60A15FFF) rgba(2F728DFF) rgba(9AA8ABFF) 45deg
+    col.inactive_border = rgba(60A15F66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_valhalla.conf b/m3ww/.config/hypr/savedcolors/colors_valhalla.conf
new file mode 100755
index 000000000..93fdfc071
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_valhalla.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/-EDhOHxUYBI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDwfUPyaJr5NC-mDW_CQfTR2BzQgw
+general {
+    col.active_border = rgba(668C76FF) rgba(A5916FFF) rgba(ABA793FF) 45deg
+    col.inactive_border = rgba(668C7666)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_vertigo.conf b/m3ww/.config/hypr/savedcolors/colors_vertigo.conf
new file mode 100755
index 000000000..eedc5176b
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_vertigo.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/TJB0vBURJu8/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBSn25aezZvjIetBF8GVsTMPat0Zw
+general {
+    col.active_border = rgba(9D62AAFF) rgba(B570BEFF) rgba(AE9FD6FF) 45deg
+    col.inactive_border = rgba(9D62AA66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_viking.conf b/m3ww/.config/hypr/savedcolors/colors_viking.conf
new file mode 100755
index 000000000..2b7d84532
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_viking.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000133005283-3v8p3y-t80x80.jpg
+general {
+    col.active_border = rgba(43807FFF) rgba(3F8181FF) rgba(6FAAA9FF) 45deg
+    col.inactive_border = rgba(43807F66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_virtuality_yellow.conf b/m3ww/.config/hypr/savedcolors/colors_virtuality_yellow.conf
new file mode 100755
index 000000000..364a80be1
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_virtuality_yellow.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000206124670-565xt2-t80x80.jpg
+general {
+    col.active_border = rgba(64544EFF) rgba(8F6A1EFF) rgba(A39716FF) 45deg
+    col.inactive_border = rgba(64544E66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_wayfire.conf b/m3ww/.config/hypr/savedcolors/colors_wayfire.conf
new file mode 100755
index 000000000..545ad05bf
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_wayfire.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(5D522DFF) rgba(4F4A4BFF) rgba(8E6D47FF) 45deg
+    col.inactive_border = rgba(5D522D66)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_winglow.conf b/m3ww/.config/hypr/savedcolors/colors_winglow.conf
new file mode 100755
index 000000000..6d1c33669
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_winglow.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(A33449FF) rgba(941463FF) rgba(63059AFF) 45deg
+    col.inactive_border = rgba(A3344966)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_wontletyougo.conf b/m3ww/.config/hypr/savedcolors/colors_wontletyougo.conf
new file mode 100755
index 000000000..e4bd8308a
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_wontletyougo.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-TjOvf5O3gR9APB4i-XDwyyQ-t80x80.jpg
+general {
+    col.active_border = rgba(7B8AD7FF) rgba(8FA5ABFF) rgba(A7A2E4FF) 45deg
+    col.inactive_border = rgba(7B8AD766)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_yae.conf b/m3ww/.config/hypr/savedcolors/colors_yae.conf
new file mode 100755
index 000000000..4fc0d05d2
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_yae.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/_WUbjkbo_68/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLD21OKbXXt2noW8DCM03zaAWn4ayw
+general {
+    col.active_border = rgba(A59AA1FF) rgba(EA9EA6FF) rgba(B9AFCBFF) 45deg
+    col.inactive_border = rgba(A59AA166)
+}
diff --git a/m3ww/.config/hypr/savedcolors/colors_zoetrope.conf b/m3ww/.config/hypr/savedcolors/colors_zoetrope.conf
new file mode 100755
index 000000000..bb2748ac9
--- /dev/null
+++ b/m3ww/.config/hypr/savedcolors/colors_zoetrope.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/VFQJtOWvLj8/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLAhXM1ytyNZdqR6WDnwGXH2ennWHQ
+general {
+    col.active_border = rgba(A9959DFF) rgba(D7A2A6FF) rgba(E3C5BCFF) 45deg
+    col.inactive_border = rgba(A9959D66)
+}
diff --git a/m3ww/.config/hypr/shaders/bluefilter.frag b/m3ww/.config/hypr/shaders/bluefilter.frag
new file mode 100755
index 000000000..5469af9c6
--- /dev/null
+++ b/m3ww/.config/hypr/shaders/bluefilter.frag
@@ -0,0 +1,20 @@
+// vim: set ft=glsl:
+// blue light filter shader
+// values from https://reshade.me/forum/shader-discussion/3673-blue-light-filter-similar-to-f-lux
+
+precision mediump float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+
+void main() {
+
+    vec4 pixColor = texture2D(tex, v_texcoord);
+
+    // green
+    pixColor[1] *= 0.855;
+
+    // blue
+    pixColor[2] *= 0.725;
+
+    gl_FragColor = pixColor;
+}
diff --git a/m3ww/.config/hypr/shaders/blur.frag b/m3ww/.config/hypr/shaders/blur.frag
new file mode 100755
index 000000000..700dfb21c
--- /dev/null
+++ b/m3ww/.config/hypr/shaders/blur.frag
@@ -0,0 +1,39 @@
+precision mediump float;
+varying vec2 v_texcoord; // is in 0-1
+uniform sampler2D tex;
+uniform float alpha;
+
+uniform vec2 topLeft;
+uniform vec2 fullSize;
+uniform float radius;
+
+uniform int discardOpaque;
+uniform int discardAlpha;
+uniform float discardAlphaValue;
+
+uniform int applyTint;
+uniform vec3 tint;
+
+uniform int primitiveMultisample;
+
+void main() {
+
+    vec4 pixColor = texture2D(tex, v_texcoord);
+
+    if (discardOpaque == 1 && pixColor[3] * alpha == 1.0)
+	    discard;
+    
+    if (discardAlpha == 1 && pixColor[3] <= discardAlphaValue)
+        discard;
+
+    if (applyTint == 1) {
+	    pixColor[0] = pixColor[0] * tint[0];
+	    pixColor[1] = pixColor[1] * tint[1];
+	    pixColor[2] = pixColor[2] * tint[2];
+    }
+
+    )#" +
+    ROUNDED_SHADER_FUNC("pixColor") + R"#(
+
+    gl_FragColor = pixColor * alpha;
+}
\ No newline at end of file
diff --git a/m3ww/.config/hypr/shaders/crt.frag b/m3ww/.config/hypr/shaders/crt.frag
new file mode 100755
index 000000000..a37ff9fb2
--- /dev/null
+++ b/m3ww/.config/hypr/shaders/crt.frag
@@ -0,0 +1,511 @@
+#version 100
+precision highp float;
+varying highp vec2 v_texcoord;
+varying highp vec3 v_pos;
+uniform highp sampler2D tex;
+uniform lowp float time;
+
+#define BORDER_COLOR vec4(vec3(0.0, 0.0, 0.0), 1.0) // black border
+#define BORDER_RADIUS 1.0 // larger vignette radius
+#define BORDER_SIZE 0.01 // small border size
+#define CHROMATIC_ABERRATION_STRENGTH 0.00
+#define DENOISE_INTENSITY 0.0001 //
+#define DISTORTION_AMOUNT 0.00 // moderate distortion amount
+#define HDR_BLOOM 0.75 // bloom intensity
+#define HDR_BRIGHTNESS 0.011 // brightness
+#define HDR_CONTRAST 0.011 // contrast
+#define HDR_SATURATION 1.0// saturation
+#define LENS_DISTORTION_AMOUNT 0.0
+#define NOISE_THRESHOLD 0.0001
+#define PHOSPHOR_BLUR_AMOUNT 0.77 // Amount of blur for phosphor glow
+#define PHOSPHOR_GLOW_AMOUNT 0.77 // Amount of phosphor glow
+#define SAMPLING_RADIUS 0.0001
+#define SCANLINE_FREQUENCY 540.0
+#define SCANLINE_THICKNESS 0.0507
+#define SCANLINE_TIME time * 471.24
+#define SHARPNESS 0.25
+#define SUPERSAMPLING_SAMPLES 16.0
+#define VIGNETTE_RADIUS 0.0 // larger vignette radius
+#define PI 3.14159265359
+#define TWOPI 6.28318530718
+
+vec2 applyBarrelDistortion(vec2 coord, float amt) {
+    vec2 p = coord.xy / vec2(1.0);
+    vec2 v = p * 2.0 - vec2(1.0);
+    float r = dot(v, v);
+    float k = 1.0 + pow(r, 2.0) * pow(amt, 2.0);
+    vec2 result = v * k;
+    return vec2(0.5, 0.5) + 0.5 * result.xy;
+}
+
+vec4 applyColorCorrection(vec4 color) {
+    color.rgb *= vec3(1.0, 0.79, 0.89);
+    return vec4(color.rgb, 1.0);
+}
+
+vec4 applyBorder(vec2 tc, vec4 color, float borderSize, vec4 borderColor) {
+    float dist_x = min(tc.x, 1.0 - tc.x);
+    float dist_y = min(tc.y, 1.0 - tc.y);
+    float dist = min(dist_x, dist_y) * -1.0;
+    float border = smoothstep(borderSize, 0.0, dist);
+    border += smoothstep(borderSize, 0.0, dist);
+    return mix(color, borderColor, border);
+}
+
+vec4 applyFakeHDR(vec4 color, float brightness, float contrast, float saturation, float bloom) {
+    color.rgb = (color.rgb - vec3(0.5)) * exp2(brightness) + vec3(0.5);
+    vec3 crtfactor = vec3(1.05, 0.92, 1.0);
+    color.rgb = pow(color.rgb, crtfactor);
+    // // NTSC
+    // vec3 lumCoeff = vec3(0.2125, 0.7154, 0.0721);
+
+    // // BT.709
+    // vec3 lumCoeff = vec3(0.299, 0.587, 0.114);
+
+    // BT.2020
+    vec3 lumCoeff = vec3(0.2627, 0.6780, 0.0593);
+
+    // // Warm NTSC
+    // vec3 lumCoeff = vec3(0.2125, 0.7010, 0.0865);
+
+    float luminance = dot(color.rgb, lumCoeff);
+    luminance = pow(luminance, 2.2);
+    color.rgb = mix(vec3(luminance), color.rgb, saturation);
+    color.rgb = mix(color.rgb, vec3(1.0), pow(max(0.0, luminance - 1.0 + bloom), 4.0));
+    return color;
+}
+
+vec4 applyVignette(vec4 color) {
+    vec2 center = vec2(0.5, 0.5); // center of screen
+    float radius = VIGNETTE_RADIUS; // radius of vignette effect
+    float softness = 1.0; // softness of vignette effect
+    float intensity = 0.7; // intensity of vignette effect
+    vec2 offset = v_texcoord - center; // offset from center of screen
+    float distance = length(offset); // distance from center of screen
+    float alpha = smoothstep(radius, radius - radius * softness, distance) * intensity; // calculate alpha value for vignette effect
+    return mix(vec4(0.0, 0.0, 0.0, alpha), color, alpha); // mix black with color using calculated alpha value
+}
+
+vec4 applyPhosphorGlow(vec2 tc, vec4 color, sampler2D tex) {
+    // Calculate average color value of the texture
+    vec4 texelColor = color;
+    float averageColor = (texelColor.r + texelColor.g + texelColor.b) / 3.0;
+
+    // Determine brightness-dependent color factor
+    float factor = mix(
+        mix(0.09,
+            mix(0.005, 0.0075, (averageColor - 0.1) / 0.1),
+            step(0.01, averageColor)), 0.0005,
+        step(0.02, averageColor));
+    // Apply phosphor glow effect
+    vec4 sum = vec4(0.0);
+    vec4 pixels[9];
+    pixels[0] = texture2D(tex, tc - vec2(0.001, 0.001));
+    pixels[1] = texture2D(tex, tc - vec2(0.001, 0.0));
+    pixels[2] = texture2D(tex, tc - vec2(0.001, -0.001));
+    pixels[3] = texture2D(tex, tc - vec2(0.0, 0.001));
+    pixels[4] = texture2D(tex, tc);
+    pixels[5] = texture2D(tex, tc + vec2(0.001, 0.001));
+    pixels[6] = texture2D(tex, tc + vec2(0.001, 0.0));
+    pixels[7] = texture2D(tex, tc + vec2(0.001, -0.001));
+    pixels[8] = texture2D(tex, tc + vec2(0.0, 0.001));
+
+// Perform operations on input pixels in parallel
+    sum = pixels[0]
+        + pixels[1]
+        + pixels[2]
+        + pixels[3]
+        + pixels[4]
+        + pixels[5]
+        + pixels[6]
+        + pixels[7]
+        + pixels[8];
+    sum /= 9.0;
+    sum += texture2D(tex, tc - vec2(0.01, 0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(0.0, 0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(-0.01, 0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(0.01, 0.0)) * 0.001;
+    sum += color * PHOSPHOR_BLUR_AMOUNT;
+    sum += texture2D(tex, tc - vec2(-0.01, 0.0)) * 0.001;
+    sum += texture2D(tex, tc - vec2(0.01, -0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(0.0, -0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(-0.01, -0.01)) * 0.001;
+    sum *= PHOSPHOR_GLOW_AMOUNT;
+
+    // Initialize sum_sum_factor to zero
+    vec4 sum_sum_factor = vec4(0.0);
+    // Compute sum_j for i = -1
+    vec4 sum_j = vec4(0.0);
+    sum_j += texture2D(tex, tc + vec2(-1, -1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, -1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, -1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(-1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(-1, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 1) * 0.01);
+    sum_sum_factor += sum_j * vec4(0.011);
+
+    // Compute sum_j for i = 0
+    sum_j = vec4(0.0);
+    sum_j += texture2D(tex, tc + vec2(-1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(-1, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 1) * 0.01);
+    sum_sum_factor += sum_j * vec4(0.011);
+
+    // Compute sum_j for i = 1
+    sum_j = vec4(0.0);
+    sum_j += texture2D(tex, tc + vec2(-1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(-1, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 1) * 0.01);
+    sum_sum_factor += sum_j * vec4(0.011);
+    color += mix(sum_sum_factor * sum_sum_factor * vec4(factor), sum, 0.5);
+    return color;
+}
+
+vec4 applyAdaptiveSharpen(vec2 tc, vec4 color, sampler2D tex) {
+    vec4 color_tl = texture2D(tex, tc + vec2(-1.0, -1.0) * 0.5 / 2160.0);
+    vec4 color_tr = texture2D(tex, tc + vec2(1.0, -1.0) * 0.5 / 2160.0);
+    vec4 color_bl = texture2D(tex, tc + vec2(-1.0, 1.0) * 0.5 / 2160.0);
+    vec4 color_br = texture2D(tex, tc + vec2(1.0, 1.0) * 0.5 / 2160.0);
+    float sharpness = SHARPNESS;
+    vec3 color_no_alpha = color.rgb;
+    vec3 color_tl_no_alpha = color_tl.rgb;
+    vec3 color_tr_no_alpha = color_tr.rgb;
+    vec3 color_bl_no_alpha = color_bl.rgb;
+    vec3 color_br_no_alpha = color_br.rgb;
+    float delta = (dot(color_no_alpha, vec3(0.333333)) + dot(color_tl_no_alpha, vec3(0.333333)) + dot(color_tr_no_alpha, vec3(0.333333)) + dot(color_bl_no_alpha, vec3(0.333333)) + dot(color_br_no_alpha, vec3(0.333333))) * 0.2 - dot(color_no_alpha, vec3(0.333333));
+    vec3 sharp_color_no_alpha = color_no_alpha + min(vec3(0.0), vec3(delta * sharpness));
+    vec4 sharp_color = vec4(sharp_color_no_alpha, color.a);
+    return sharp_color;
+}
+
+vec4 applyScanlines(vec2 tc, vec4 color) {
+    float scanline = (cos(tc.y * SCANLINE_FREQUENCY + SCANLINE_TIME) *
+                      sin(tc.y * SCANLINE_FREQUENCY + SCANLINE_TIME)) * SCANLINE_THICKNESS;
+    float alpha = clamp(1.0 - abs(scanline), 0.0, 1.0);
+    return vec4(color.rgb * alpha, color.a);
+}
+
+vec4 applyChromaticAberration(vec2 uv, vec4 color) {
+    vec2 center = vec2(0.5, 0.5); // center of the screen
+    vec2 offset = (uv - center) * CHROMATIC_ABERRATION_STRENGTH; // calculate the offset from the center
+
+    // apply lens distortion
+    float rSquared = dot(offset, offset);
+    float distortion = 1.0 + LENS_DISTORTION_AMOUNT * rSquared;
+    vec2 distortedOffset = offset * distortion;
+
+    // apply chromatic aberration
+    vec2 redOffset = vec2(distortedOffset.x * 1.00, distortedOffset.y * 1.00);
+    vec2 blueOffset = vec2(distortedOffset.x * 1.00, distortedOffset.y * 1.00);
+
+    vec4 redColor = texture2D(tex, uv + redOffset);
+    vec4 blueColor = texture2D(tex, uv + blueOffset);
+
+    vec4 result = vec4(redColor.r, color.g, blueColor.b, color.a);
+
+    return result;
+}
+
+vec4 reduceGlare(vec4 color) {
+    // Calculate the intensity of the color by taking the average of the RGB components
+    float intensity = (color.r + color.g + color.b) / 3.0;
+    // Set the maximum intensity that can be considered for glare
+    float maxIntensity = 0.98;
+    // Use smoothstep to create a smooth transition from no glare to full glare
+    // based on the intensity of the color and the maximum intensity
+    float glareIntensity = smoothstep(maxIntensity - 0.02, maxIntensity, intensity);
+    // Set the amount of glare to apply to the color
+    float glareAmount = 0.02;
+    // Mix the original color with the reduced color that has glare applied to it
+    vec3 reducedColor = mix(color.rgb, vec3(glareIntensity), glareAmount);
+    // Return the reduced color with the original alpha value
+    return vec4(reducedColor, color.a);
+}
+
+// Apply a fake HDR effect to the input color.
+// Parameters:
+// - inputColor: the color to apply the effect to.
+// - brightness: the brightness of the image. Should be a value between 0 and 1.
+// - contrast: the contrast of the image. Should be a value between 0 and 1.
+// - saturation: the saturation of the image. Should be a value between 0 and 2.
+// - bloom: the intensity of the bloom effect. Should be a value between 0 and 1.
+vec4 applyFakeHDREffect(vec4 inputColor, float brightness, float contrast, float saturation, float bloom) {
+    const float minBrightness = 0.0;
+    const float maxBrightness = 1.0;
+    const float minContrast = 0.0;
+    const float maxContrast = 1.0;
+    const float minSaturation = 0.0;
+    const float maxSaturation = 2.0;
+    const float minBloom = 0.0;
+    const float maxBloom = 1.0;
+
+    // Check input parameters for validity
+    if (brightness < minBrightness || brightness > maxBrightness) {
+        return vec4(0.0, 0.0, 0.0, 1.0); // Return black with alpha of 1.0 to indicate error
+    }
+    if (contrast < minContrast || contrast > maxContrast) {
+        return vec4(0.0, 0.0, 0.0, 1.0);
+    }
+    if (saturation < minSaturation || saturation > maxSaturation) {
+        return vec4(0.0, 0.0, 0.0, 1.0);
+    }
+    if (bloom < minBloom || bloom > maxBloom) {
+        return vec4(0.0, 0.0, 0.0, 1.0);
+    }
+
+    // Apply brightness and contrast
+    vec3 color = inputColor.rgb;
+    color = (color - vec3(0.5)) * exp2(brightness * 10.0) + vec3(0.5);
+    color = mix(vec3(0.5), color, pow(contrast * 4.0 + 1.0, 2.0));
+
+    // // NTSC
+    // vec3 lumCoeff = vec3(0.2125, 0.7154, 0.0721);
+
+    // // BT.709
+    // vec3 lumCoeff = vec3(0.299, 0.587, 0.114);
+
+    // // BT.2020
+    // vec3 lumCoeff = vec3(0.2627, 0.6780, 0.0593);
+
+    // Warm NTSC
+    vec3 lumCoeff = vec3(0.2125, 0.7010, 0.0865);
+
+    // Apply saturation
+    float luminance = dot(color, lumCoeff);
+    vec3 grey = vec3(luminance);
+    color = mix(grey, color, saturation);
+
+    // Apply bloom effect
+    float threshold = 1.0 - bloom;
+    vec3 bloomColor = max(color - threshold, vec3(0.0));
+    bloomColor = pow(bloomColor, vec3(2.0));
+    bloomColor = mix(vec3(0.0), bloomColor, pow(min(luminance, threshold), 4.0));
+    color += bloomColor;
+
+    return vec4(color, inputColor.a);
+}
+
+vec4 bilateralFilter(sampler2D tex, vec2 uv, vec4 color, float sampleRadius, float noiseThreshold, float intensity) {
+    vec4 filteredColor = vec4(0.0);
+    float totalWeight = 0.0;
+
+    // Top-left pixel
+    vec4 sample = texture2D(tex, uv + vec2(-1.0, -1.0));
+    float dist = length(vec2(-1.0, -1.0));
+    float colorDist = length(sample - color);
+    float weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Top pixel
+    sample = texture2D(tex, uv + vec2(0.0, -1.0));
+    dist = length(vec2(0.0, -1.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Top-right pixel
+    sample = texture2D(tex, uv + vec2(1.0, -1.0));
+    dist = length(vec2(1.0, -1.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Left pixel
+    sample = texture2D(tex, uv + vec2(-1.0, 0.0));
+    dist = length(vec2(-1.0, 0.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Center pixel
+    sample = texture2D(tex, uv);
+    dist = 0.0;
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Right pixel
+    sample = texture2D(tex, uv + vec2(1.0, 0.0));
+    dist = length(vec2(1.0, 0.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Bottom-left pixel
+    sample = texture2D(tex, uv + vec2(-1.0, 1.0));
+    dist = length(vec2(-1.0, 1.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+// Bottom pixel
+    sample = texture2D(tex, uv + vec2(0.0, sampleRadius));
+    dist = length(vec2(0.0, sampleRadius));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    filteredColor /= totalWeight;
+    return mix(color, filteredColor, step(noiseThreshold, length(filteredColor - color)));
+}
+
+vec4 supersample(sampler2D tex, vec2 uv, float sampleRadius, float noiseThreshold, float intensity) {
+    float radiusSq = sampleRadius * sampleRadius;
+    vec2 poissonDisk;
+    vec4 color = vec4(0.0);
+
+    float r1_0 = sqrt(0.0 / 16.0);
+    float r2_0 = fract(1.0 / 3.0);
+    float theta_0 = TWOPI * r2_0;
+    poissonDisk = vec2(r1_0 * cos(theta_0), r1_0 * sin(theta_0));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_1 = sqrt(1.0 / 16.0);
+    float r2_1 = fract(2.0 / 3.0);
+    float theta_1 = TWOPI * r2_1;
+    poissonDisk = vec2(r1_1 * cos(theta_1), r1_1 * sin(theta_1));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_2 = sqrt(2.0 / 16.0);
+    float r2_2 = fract(3.0 / 3.0);
+    float theta_2 = TWOPI * r2_2;
+    poissonDisk = vec2(r1_2 * cos(theta_2), r1_2 * sin(theta_2));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_3 = sqrt(3.0 / 16.0);
+    float r2_3 = fract(4.0 / 3.0);
+    float theta_3 = TWOPI * r2_3;
+    poissonDisk = vec2(r1_3 * cos(theta_3), r1_3 * sin(theta_3));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_4 = sqrt(4.0 / 16.0);
+    float r2_4 = fract(5.0 / 3.0);
+    float theta_4 = TWOPI * r2_4;
+    poissonDisk = vec2(r1_4 * cos(theta_4), r1_4 * sin(theta_4));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_5 = sqrt(5.0 / 16.0);
+    float r2_5 = fract(6.0 / 3.0);
+    float theta_5 = TWOPI * r2_5;
+    poissonDisk = vec2(r1_5 * cos(theta_5), r1_5 * sin(theta_5));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_6 = sqrt(6.0 / 16.0);
+    float r2_6 = fract(7.0 / 3.0);
+    float theta_6 = TWOPI * r2_6;
+    poissonDisk = vec2(r1_6 * cos(theta_6), r1_6 * sin(theta_6));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_7 = sqrt(7.0 / 16.0);
+    float r2_7 = fract(8.0 / 3.0);
+    float theta_7 = TWOPI * r2_7;
+    poissonDisk = vec2(r1_7 * cos(theta_7), r1_7 * sin(theta_7));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_8 = sqrt(8.0 / 16.0);
+    float r2_8 = fract(9.0 / 3.0);
+    float theta_8 = TWOPI * r2_8;
+    poissonDisk = vec2(r1_8 * cos(theta_8), r1_8 * sin(theta_8));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_9 = sqrt(9.0 / 16.0);
+    float r2_9 = fract(10.0 / 3.0);
+    float theta_9 = TWOPI * r2_9;
+    poissonDisk = vec2(r1_9 * cos(theta_9), r1_9 * sin(theta_9));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_10 = sqrt(10.0 / 16.0);
+    float r2_10 = fract(11.0 / 3.0);
+    float theta_10 = TWOPI * r2_10;
+    poissonDisk = vec2(r1_10 * cos(theta_10), r1_10 * sin(theta_10));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_11 = sqrt(11.0 / 16.0);
+    float r2_11 = fract(12.0 / 3.0);
+    float theta_11 = TWOPI * r2_11;
+    poissonDisk = vec2(r1_11 * cos(theta_11), r1_11 * sin(theta_11));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_12 = sqrt(12.0 / 16.0);
+    float r2_12 = fract(13.0 / 3.0);
+    float theta_12 = TWOPI * r2_12;
+    poissonDisk = vec2(r1_12 * cos(theta_12), r1_12 * sin(theta_12));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_13 = sqrt(13.0 / 16.0);
+    float r2_13 = fract(14.0 / 3.0);
+    float theta_13 = TWOPI * r2_13;
+    poissonDisk = vec2(r1_13 * cos(theta_13), r1_13 * sin(theta_13));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_14 = sqrt(14.0 / 16.0);
+    float r2_14 = fract(15.0 / 3.0);
+    float theta_14 = TWOPI * r2_14;
+    poissonDisk = vec2(r1_14 * cos(theta_14), r1_14 * sin(theta_14));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_15 = sqrt(15.0 / 16.0);
+    float r2_15 = fract(16.0 / 3.0);
+    float theta_15 = TWOPI * r2_15;
+    poissonDisk = vec2(r1_15 * cos(theta_15), r1_15 * sin(theta_15));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    return bilateralFilter(tex, uv, color, sampleRadius, noiseThreshold, intensity);
+}
+void main() {
+    vec2 tc_no_dist = v_texcoord;
+
+    vec2 tc = applyBarrelDistortion(tc_no_dist, DISTORTION_AMOUNT);
+
+    // [-1, 1]
+    vec2 tc_no_dist_symmetric = tc_no_dist * 2.0 - 1.0;
+
+    // [0,1]
+    vec2 tc_no_dist_normalized = (tc_no_dist_symmetric + 1.0) / 2.0;
+
+    // vec4 color = texture2D(tex, tc);
+    vec4 color = supersample(tex, tc, SAMPLING_RADIUS, NOISE_THRESHOLD, DENOISE_INTENSITY);
+
+    color = applyAdaptiveSharpen(tc, color, tex);
+
+    color = applyPhosphorGlow(tc, color, tex);
+
+    color = reduceGlare(color);
+
+    color = mix(applyFakeHDREffect(color, HDR_BRIGHTNESS, HDR_CONTRAST, HDR_SATURATION, HDR_BLOOM), color, 0.5);
+
+    color = applyColorCorrection(color);
+
+    color /= SUPERSAMPLING_SAMPLES;
+
+    color = mix(applyChromaticAberration(tc, color), color, 0.25);
+
+    color = mix(color, applyVignette(color), 0.37);
+
+    color = applyBorder(tc_no_dist_normalized, color, 1.0 - BORDER_SIZE * BORDER_RADIUS, BORDER_COLOR);
+
+    color = mix(applyBorder(tc, color, BORDER_SIZE, BORDER_COLOR), color, 0.05);
+
+    color = applyScanlines(tc, color);
+
+    gl_FragColor = color;
+    gl_FragColor.a = 1.0;
+}
+
diff --git a/m3ww/.config/hypr/shaders/drugs.frag b/m3ww/.config/hypr/shaders/drugs.frag
new file mode 100755
index 000000000..1190ed03c
--- /dev/null
+++ b/m3ww/.config/hypr/shaders/drugs.frag
@@ -0,0 +1,42 @@
+
+precision highp float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+uniform float time;
+
+void warpco(inout vec2 tc) {
+    tc -= 0.5;
+    tc *= length(tc) * 2.0;
+    tc += 0.5;
+}
+
+float rand1d(float seed) {
+   return sin(seed*1454.0); 
+}
+
+float rand2d(vec2 co)
+{
+  return fract(sin(dot(co.xy, vec2(12.9898,78.233))) * 43758.5453);
+}
+
+vec3 rgb(in vec2 tc, float freq, float amp, inout vec4 centre) {
+    vec2 off = vec2(1.0/800.0, 0.0) * sin(tc.t * freq + time) * amp;
+    vec2 off2 = vec2(1.0/800.0, 0.0) * sin(tc.t * freq - time * 1.5) * amp;
+    centre = texture2D(tex, tc);
+    return vec3(texture2D(tex, tc-off).r, centre.g, texture2D(tex, tc+off2).b);
+}
+
+void main() {
+    // vec2 px = 1.0 / textureSize(tex, 0).st;
+    vec2 tc = v_texcoord;
+    warpco(tc);
+    tc = mix(v_texcoord, tc, sin(time * 2.0)*0.07);
+    tc.x += rand2d(floor(tc * 20.0 + floor(time * 2.5))) * 0.01;
+    tc.x += rand1d(floor(tc.x * 40.0)) * 0.005 * rand1d(time * 0.001);
+    tc.y += sin(tc.x + time) * 0.02;
+    vec4 centre;
+    vec3 bent = rgb(tc, 100.0, 5.0, centre);
+    vec3 col = mix(centre.rgb, bent, sin(time));
+    gl_FragColor = vec4(col, centre.a);
+    // gl_FragColor = vec4(texture2D(tex, v_texcoord));
+}
\ No newline at end of file
diff --git a/m3ww/.config/hypr/shaders/extradark.frag b/m3ww/.config/hypr/shaders/extradark.frag
new file mode 100755
index 000000000..089ee8149
--- /dev/null
+++ b/m3ww/.config/hypr/shaders/extradark.frag
@@ -0,0 +1,21 @@
+// vim: set ft=glsl:
+// blue light filter shader
+// values from https://reshade.me/forum/shader-discussion/3673-blue-light-filter-similar-to-f-lux
+
+precision mediump float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+
+void main() {
+
+    vec4 pixColor = texture2D(tex, v_texcoord);
+
+    // red
+    pixColor[0] *= 0.7;
+    // green
+    pixColor[1] *= 0.6;
+    // blue
+    pixColor[2] *= 0.5;
+
+    gl_FragColor = pixColor;
+}
diff --git a/m3ww/.config/hypr/shaders/nothing.frag b/m3ww/.config/hypr/shaders/nothing.frag
new file mode 100755
index 000000000..163e6003a
--- /dev/null
+++ b/m3ww/.config/hypr/shaders/nothing.frag
@@ -0,0 +1,14 @@
+// vim: set ft=glsl:
+// blue light filter shader
+// values from https://reshade.me/forum/shader-discussion/3673-blue-light-filter-similar-to-f-lux
+
+precision mediump float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+
+void main() {
+
+    vec4 pixColor = texture2D(tex, v_texcoord);
+
+    gl_FragColor = pixColor;
+}
diff --git a/m3ww/.config/hypr/shaders/solarized.frag b/m3ww/.config/hypr/shaders/solarized.frag
new file mode 100755
index 000000000..1c37f2cc0
--- /dev/null
+++ b/m3ww/.config/hypr/shaders/solarized.frag
@@ -0,0 +1,41 @@
+// -*- mode:c -*-
+precision lowp float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+
+float distanceSquared(vec3 pixColor, vec3 solarizedColor) {
+	vec3 distanceVector = pixColor - solarizedColor;
+	return dot(distanceVector, distanceVector);
+}
+
+void main() {
+	vec3 solarized[16];
+	solarized[0]  = vec3(0.,0.169,0.212);
+	solarized[1]  = vec3(0.027,0.212,0.259);
+	solarized[2]  = vec3(0.345,0.431,0.459);
+	solarized[3]  = vec3(0.396,0.482,0.514);
+	solarized[4]  = vec3(0.514,0.58,0.588);
+	solarized[5]  = vec3(0.576,0.631,0.631);
+	solarized[6]  = vec3(0.933,0.91,0.835);
+	solarized[7]  = vec3(0.992,0.965,0.89);
+	solarized[8]  = vec3(0.71,0.537,0.);
+	solarized[9]  = vec3(0.796,0.294,0.086);
+	solarized[10] = vec3(0.863,0.196,0.184);
+	solarized[11] = vec3(0.827,0.212,0.51);
+	solarized[12] = vec3(0.424,0.443,0.769);
+	solarized[13] = vec3(0.149,0.545,0.824);
+	solarized[14] = vec3(0.165,0.631,0.596);
+	solarized[15] = vec3(0.522,0.6,0.);
+
+	vec3 pixColor = vec3(texture2D(tex, v_texcoord));
+	int closest = 0;
+	float closestDistanceSquared = distanceSquared(pixColor, solarized[0]);
+	for (int i = 1; i < 15; i++) {
+		float newDistanceSquared = distanceSquared(pixColor, solarized[i]);
+		if (newDistanceSquared < closestDistanceSquared) {
+			closest = i;
+			closestDistanceSquared = newDistanceSquared;
+		}
+	}
+	gl_FragColor = vec4(solarized[closest], 1.);
+}
diff --git a/m3ww/.config/hypr/shaders/vibrance.frag b/m3ww/.config/hypr/shaders/vibrance.frag
new file mode 100644
index 000000000..5d3d48809
--- /dev/null
+++ b/m3ww/.config/hypr/shaders/vibrance.frag
@@ -0,0 +1,39 @@
+// vibrance for hyprland
+
+precision mediump float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+
+// see https://github.com/CeeJayDK/SweetFX/blob/a792aee788c6203385a858ebdea82a77f81c67f0/Shaders/Vibrance.fx#L20-L30
+const vec3 VIB_RGB_BALANCE = vec3(1.0, 1.0, 1.0);
+const float VIB_VIBRANCE = 0.15;
+
+
+const vec3 VIB_coeffVibrance = VIB_RGB_BALANCE * -VIB_VIBRANCE;
+
+void main() {
+
+    vec4 pixColor = texture2D(tex, v_texcoord);
+
+    // RGB
+    vec3 color = vec3(pixColor[0], pixColor[1], pixColor[2]);
+
+
+    // vec3 VIB_coefLuma = vec3(0.333333, 0.333334, 0.333333); // was for `if VIB_LUMA == 1`
+    vec3 VIB_coefLuma = vec3(0.212656, 0.715158, 0.072186); // try both and see which one looks nicer.
+
+    float luma = dot(VIB_coefLuma, color);
+
+    float max_color = max(color[0], max(color[1], color[2]));
+    float min_color = min(color[0], min(color[1], color[2]));
+
+    float color_saturation = max_color - min_color;
+
+    vec3 p_col = vec3(vec3(vec3(vec3(sign(VIB_coeffVibrance) * color_saturation) - 1.0) * VIB_coeffVibrance) + 1.0);
+
+    pixColor[0] = mix(luma, color[0], p_col[0]);
+    pixColor[1] = mix(luma, color[1], p_col[1]);
+    pixColor[2] = mix(luma, color[2], p_col[2]);
+
+    gl_FragColor = pixColor;
+}
\ No newline at end of file
diff --git a/m3ww/.config/mpv/mpv.conf b/m3ww/.config/mpv/mpv.conf
new file mode 100644
index 000000000..f7dc66c09
--- /dev/null
+++ b/m3ww/.config/mpv/mpv.conf
@@ -0,0 +1 @@
+keep-open=yes
\ No newline at end of file
diff --git a/m3ww/.config/starship.toml b/m3ww/.config/starship.toml
new file mode 100755
index 000000000..b0281d3ca
--- /dev/null
+++ b/m3ww/.config/starship.toml
@@ -0,0 +1,96 @@
+# Don't print a new line at the start of the prompt
+add_newline = false
+# Pipes ╰─ ╭─
+# Powerline symbols                                     
+# Wedges 🭧🭒 🭣🭧🭓
+# Random noise 🬖🬥🬔🬗
+
+right_format = """\
+$cmd_duration
+"""
+
+format = """
+$username$hostname$directory
+$character
+"""
+
+# Replace the "❯" symbol in the prompt with "➜"
+[character]                            # The name of the module we are configuring is "character"
+success_symbol = "[🭧🭒](bold fg:blue)[ ➜ ](bold bg:blue fg:#000000)[](bold fg:blue)"
+
+error_symbol = "[🭧🭒](bold fg:red)[ ✗ ](bold bg:red fg:#000000)[](bold fg:red)"
+# Disable the package module, hiding it from the prompt completely
+[package]
+disabled = true
+
+[git_branch]
+symbol = "🌱 "
+truncation_length = 4
+truncation_symbol = ""
+
+[git_commit]
+commit_hash_length = 4
+tag_symbol = "🔖 "
+
+[git_state]
+format = '[\($state( $progress_current of $progress_total)\)]($style) '
+cherry_pick = "[🍒 PICKING](bold red)"
+
+[git_status]
+conflicted = " 🏳 "
+ahead = " 🏎💨 "
+behind = " 😰 "
+diverged = " 😵 "
+untracked = " 🤷 ‍"
+stashed = " 📦 "
+modified = " 📝 "
+staged = '[++\($count\)](blue)'
+renamed = " ✍️ "
+deleted = " 🗑 "
+
+[hostname]
+ssh_only = false
+format =  "[ ](bold bg:cyan fg:blue)[$hostname](bg:cyan bold fg:#000000)[ ](bold fg:cyan bg:green)"
+trim_at = ".companyname.com"
+disabled = false
+
+[line_break]
+disabled = false
+
+[memory_usage]
+disabled = true
+threshold = -1
+symbol = " "
+style = "bold dimmed blue"
+
+[time]
+disabled = true
+format = '🕙[\[ $time \]]($style) '
+time_format = "%T"
+
+[username]
+style_user = "bold bg:blue fg:#000000"
+style_root = "red bold"
+format = "[🭃](bold fg:blue)[$user]($style)"
+disabled = false
+show_always = true
+
+[directory]
+home_symbol = " "
+read_only = "  "
+style = "bold bg:green fg:blue"
+truncation_length = 2
+truncation_symbol = "./"
+format = '[$path]($style)[🭞](fg:green)'
+
+
+[directory.substitutions]
+"Documents" = " "
+"/" = "  "
+"Downloads" = " "
+"Music" = " "
+"Pictures" = " "
+
+[cmd_duration]
+min_time = 0
+format = '[🬈🬖🬥🬅 ](bold bg:yellow fg:#000000)[time:$duration](bold bg:yellow fg:#000000)[ 🬖🬥🬔🬗](bold bg:yellow fg:#000000)'
diff --git a/m3ww/.config/wlogout/layout b/m3ww/.config/wlogout/layout
new file mode 100755
index 000000000..2d79da961
--- /dev/null
+++ b/m3ww/.config/wlogout/layout
@@ -0,0 +1,36 @@
+{
+    "label" : "lock",
+    "action" : "gtklock",
+    "text" : "lock",
+    "keybind" : "l"
+}
+{
+    "label" : "hibernate",
+    "action" : "systemctl hibernate",
+    "text" : "save",
+    "keybind" : "h"
+}
+{
+    "label" : "logout",
+    "action" : "loginctl terminate-user $USER",
+    "text" : "logout",
+    "keybind" : "e"
+}
+{
+    "label" : "shutdown",
+    "action" : "systemctl poweroff",
+    "text" : "power_settings_new",
+    "keybind" : "s"
+}
+{
+    "label" : "suspend",
+    "action" : "systemctl suspend",
+    "text" : "bedtime",
+    "keybind" : "u"
+}
+{
+    "label" : "reboot",
+    "action" : "systemctl reboot",
+    "text" : "restart_alt",
+    "keybind" : "r"
+}
diff --git a/m3ww/.config/wlogout/noise.png b/m3ww/.config/wlogout/noise.png
new file mode 100755
index 000000000..028b188b5
Binary files /dev/null and b/m3ww/.config/wlogout/noise.png differ
diff --git a/m3ww/.config/wlogout/style.css b/m3ww/.config/wlogout/style.css
new file mode 100755
index 000000000..8b72ccd0e
--- /dev/null
+++ b/m3ww/.config/wlogout/style.css
@@ -0,0 +1,27 @@
+* {
+	all: unset;
+	background-image: none;
+	transition: 400ms cubic-bezier(0.05, 0.7, 0.1, 1);
+}
+
+window {
+	background: rgba(0, 0, 0, 0.5);
+	background-image: url('./noise.png');
+}
+
+button {
+	font-family: 'Material Symbols Outlined';
+	font-size: 10rem;
+	background-color: rgba(11, 11, 11, 0.4);
+	color: #FFFFFF;
+	margin: 2rem;
+	border-radius: 2rem;
+	padding: 3rem;
+}
+
+button:focus,
+button:active,
+button:hover {
+	background-color: rgba(51, 51, 51, 0.5);
+	border-radius: 4rem;
+}
\ No newline at end of file
diff --git a/m3ww/.local/bin/record-script-fullscreen.sh b/m3ww/.local/bin/record-script-fullscreen.sh
new file mode 100755
index 000000000..51f723a0f
--- /dev/null
+++ b/m3ww/.local/bin/record-script-fullscreen.sh
@@ -0,0 +1,10 @@
+#/usr/bin/bash
+
+cd /home/end/Videos
+if ["$(pidof wf-recorder)" -ne ""]; then
+    notify-send "wf-recorder" "Starting recording" -a 'wf-recorder'
+    wf-recorder -t -f './recording_'"$(date '+%Y_%m_%_d..%H.%M')"'.mp4' --audio=alsa_output.pci-0000_08_00.6.analog-stereo.monitor
+else
+    /usr/bin/kill --signal SIGINT wf-recorder
+    notify-send "wf-recorder" "Recording Stopped" -a 'wf-recorder'
+fi
diff --git a/m3ww/.local/bin/record-script.sh b/m3ww/.local/bin/record-script.sh
new file mode 100755
index 000000000..1e38b9ddf
--- /dev/null
+++ b/m3ww/.local/bin/record-script.sh
@@ -0,0 +1,10 @@
+#/usr/bin/bash
+
+cd /home/end/Videos
+if [[ "$(pidof wf-recorder)" == "" ]]; then
+    notify-send "wf-recorder" "Starting recording" -a 'wf-recorder'
+    wf-recorder -f './recording_'"$(date '+%Y_%m_%_d..%H.%M')"'.mp4' -t --geometry "$(slurp)" 
+else
+    /usr/bin/kill --signal SIGINT wf-recorder
+    notify-send "wf-recorder" "Recording Stopped" -a 'wf-recorder'
+fi
\ No newline at end of file
diff --git a/m3ww/.local/bin/rubyshot b/m3ww/.local/bin/rubyshot
new file mode 100755
index 000000000..8431bd693
--- /dev/null
+++ b/m3ww/.local/bin/rubyshot
@@ -0,0 +1,6 @@
+#!/usr/bin/bash
+
+WORKSPACES="$(hyprctl monitors -j | jq -r 'map(.activeWorkspace.id)')"
+WINDOWS="$(hyprctl clients -j | jq -r --argjson workspaces "$WORKSPACES" 'map(select([.workspace.id] | inside($workspaces)))' )"
+GEOM=$(echo "$WINDOWS" | jq -r '.[] | "\(.at[0]),\(.at[1]) \(.size[0])x\(.size[1])"' | slurp -f '%x %y %w %h')
+wayshot -s "$GEOM" --stdout ${#:+"$@"}
\ No newline at end of file
diff --git a/m3ww/.local/bin/switchrice.sh b/m3ww/.local/bin/switchrice.sh
new file mode 100755
index 000000000..5a5581632
--- /dev/null
+++ b/m3ww/.local/bin/switchrice.sh
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+if [[ "$2" == "" ]]; then # basic rice switching
+    notify-send 'Usage: >swr [save name] [load name]'
+    exit
+fi
+mkdir -p ~/.config/__enderice/
+mv ~/.config/eww ~/.config/__enderice/eww_"$1"
+mv ~/.config/hypr ~/.config/__enderice/hypr_"$1"
+
+mv ~/.config/__enderice/eww_"$2" ~/.config/eww
+mv ~/.config/__enderice/hypr_"$2" ~/.config/hypr
+
+pkill eww && eww open bar && eww open bgdecor
\ No newline at end of file
diff --git a/m3ww/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/Cached Theme.pak b/m3ww/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/Cached Theme.pak
new file mode 100755
index 000000000..036a8e860
Binary files /dev/null and b/m3ww/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/Cached Theme.pak differ
diff --git a/m3ww/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon128.png b/m3ww/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon128.png
new file mode 100755
index 000000000..fbe2ed7e2
Binary files /dev/null and b/m3ww/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon128.png differ
diff --git a/m3ww/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon16.png b/m3ww/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon16.png
new file mode 100755
index 000000000..75e6ced3b
Binary files /dev/null and b/m3ww/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon16.png differ
diff --git a/m3ww/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon48.png b/m3ww/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon48.png
new file mode 100755
index 000000000..c93cfc794
Binary files /dev/null and b/m3ww/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon48.png differ
diff --git a/m3ww/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/manifest.json b/m3ww/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/manifest.json
new file mode 100755
index 000000000..0e4fd0f9e
--- /dev/null
+++ b/m3ww/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/manifest.json	
@@ -0,0 +1,35 @@
+{
+  "manifest_version": 3,
+  "name": "Catppuccin Chrome Theme - Mocha - Colorful",
+  "description": "Soothing pastel theme for Google Chrome - Catppuccin Mocha",
+  "version": "3.0",
+  "icons": {
+    "16": "images/icon16.png",
+    "48": "images/icon48.png",
+    "128": "images/icon128.png"
+  },
+  "theme": {
+    "colors": {
+      "frame": [30, 30, 46],
+      "frame_inactive": [30, 30, 46],
+      "frame_incognito": [30, 30, 46],
+      "frame_incognito_inactive": [30, 30, 46],
+      "bookmark_text": [137, 180, 250],
+      "tab_background_text": [186, 194, 222],
+      "tab_background_text_inactive": [186, 194, 222],
+      "tab_background_text_incognito": [203, 166, 247],
+      "tab_background_text_incognito_inactive": [137, 180, 250],
+      "tab_text": [203, 166, 247],
+      "toolbar": [65, 72, 104],
+      "toolbar_button_icon": [203, 166, 247],
+      "omnibox_text": [203, 166, 247],
+      "omnibox_background": [49, 50, 68],
+      "ntp_background": [30, 30, 46],
+      "ntp_link": [203, 166, 247],
+      "ntp_text": [203, 166, 247],
+      "ntp_link_underline": [30, 30, 46],
+      "ntp_section_link_underline": [30, 30, 46],
+      "button_background": [65, 72, 104]
+    }
+  }
+}
diff --git a/m3ww/Import Manually/chromethemes/EverForest-Dark-B/Cached Theme.pak b/m3ww/Import Manually/chromethemes/EverForest-Dark-B/Cached Theme.pak
new file mode 100755
index 000000000..6cb19536f
Binary files /dev/null and b/m3ww/Import Manually/chromethemes/EverForest-Dark-B/Cached Theme.pak differ
diff --git a/m3ww/Import Manually/chromethemes/EverForest-Dark-B/images/icon128.png b/m3ww/Import Manually/chromethemes/EverForest-Dark-B/images/icon128.png
new file mode 100755
index 000000000..fbe2ed7e2
Binary files /dev/null and b/m3ww/Import Manually/chromethemes/EverForest-Dark-B/images/icon128.png differ
diff --git a/m3ww/Import Manually/chromethemes/EverForest-Dark-B/images/icon16.png b/m3ww/Import Manually/chromethemes/EverForest-Dark-B/images/icon16.png
new file mode 100755
index 000000000..75e6ced3b
Binary files /dev/null and b/m3ww/Import Manually/chromethemes/EverForest-Dark-B/images/icon16.png differ
diff --git a/m3ww/Import Manually/chromethemes/EverForest-Dark-B/images/icon48.png b/m3ww/Import Manually/chromethemes/EverForest-Dark-B/images/icon48.png
new file mode 100755
index 000000000..c93cfc794
Binary files /dev/null and b/m3ww/Import Manually/chromethemes/EverForest-Dark-B/images/icon48.png differ
diff --git a/m3ww/Import Manually/chromethemes/EverForest-Dark-B/manifest.json b/m3ww/Import Manually/chromethemes/EverForest-Dark-B/manifest.json
new file mode 100755
index 000000000..6f2f5bd69
--- /dev/null
+++ b/m3ww/Import Manually/chromethemes/EverForest-Dark-B/manifest.json	
@@ -0,0 +1,35 @@
+{
+  "manifest_version": 3,
+  "name": "Everforest Dark B",
+  "description": "Forest.",
+  "version": "3.0",
+  "icons": {
+    "16": "images/icon16.png",
+    "48": "images/icon48.png",
+    "128": "images/icon128.png"
+  },
+  "theme": {
+    "colors": {
+      "frame": [28, 32, 33],
+      "frame_inactive": [30, 32, 31],
+      "frame_incognito": [28, 32, 33],
+      "frame_incognito_inactive": [30, 32, 31],
+      "bookmark_text": [211, 198, 170],
+      "tab_background_text": [161, 152, 131], 
+      "tab_background_text_inactive": [211, 198, 170],
+      "tab_background_text_incognito": [161, 152, 131],
+      "tab_background_text_incognito_inactive": [211, 198, 170],
+      "tab_text": [168, 179, 112],
+      "toolbar": [48, 49, 52],
+      "toolbar_button_icon": [168, 179, 112],
+      "omnibox_text": [168, 179, 112],
+      "omnibox_background": [28, 32, 33],
+      "ntp_background": [28, 32, 33],
+      "ntp_link": [168, 179, 112],
+      "ntp_text": [168, 179, 112],
+      "ntp_link_underline": [28, 32, 33],
+      "ntp_section_link_underline": [28, 32, 33],
+      "button_background": [48, 49, 52]
+    }
+  }
+}
diff --git a/m3ww/Import Manually/chromethemes/README.md b/m3ww/Import Manually/chromethemes/README.md
new file mode 100644
index 000000000..8c35b6a95
--- /dev/null
+++ b/m3ww/Import Manually/chromethemes/README.md	
@@ -0,0 +1,4 @@
+## Chrome themes
+- Go to chrome:extensions (might be different depending on your chromium browser)
+- Click "Load Unpacked"
+- Go to one of the folders in this directory and choose it
\ No newline at end of file
diff --git a/m3ww/Import Manually/chromethemes/TokyoNight/Cached Theme.pak b/m3ww/Import Manually/chromethemes/TokyoNight/Cached Theme.pak
new file mode 100755
index 000000000..72a3c406a
Binary files /dev/null and b/m3ww/Import Manually/chromethemes/TokyoNight/Cached Theme.pak differ
diff --git a/m3ww/Import Manually/chromethemes/TokyoNight/images/icon128.png b/m3ww/Import Manually/chromethemes/TokyoNight/images/icon128.png
new file mode 100755
index 000000000..fbe2ed7e2
Binary files /dev/null and b/m3ww/Import Manually/chromethemes/TokyoNight/images/icon128.png differ
diff --git a/m3ww/Import Manually/chromethemes/TokyoNight/images/icon16.png b/m3ww/Import Manually/chromethemes/TokyoNight/images/icon16.png
new file mode 100755
index 000000000..75e6ced3b
Binary files /dev/null and b/m3ww/Import Manually/chromethemes/TokyoNight/images/icon16.png differ
diff --git a/m3ww/Import Manually/chromethemes/TokyoNight/images/icon48.png b/m3ww/Import Manually/chromethemes/TokyoNight/images/icon48.png
new file mode 100755
index 000000000..c93cfc794
Binary files /dev/null and b/m3ww/Import Manually/chromethemes/TokyoNight/images/icon48.png differ
diff --git a/m3ww/Import Manually/chromethemes/TokyoNight/manifest.json b/m3ww/Import Manually/chromethemes/TokyoNight/manifest.json
new file mode 100755
index 000000000..9f9e5ed0a
--- /dev/null
+++ b/m3ww/Import Manually/chromethemes/TokyoNight/manifest.json	
@@ -0,0 +1,35 @@
+{
+  "manifest_version": 3,
+  "name": "TokyoNight-Dark",
+  "description": "Dark",
+  "version": "3.0",
+  "icons": {
+    "16": "images/icon16.png",
+    "48": "images/icon48.png",
+    "128": "images/icon128.png"
+  },
+  "theme": {
+    "colors": {
+      "frame": [26, 27, 38],
+      "frame_inactive": [26, 27, 38],
+      "frame_incognito": [26, 27, 38],
+      "frame_incognito_inactive": [26, 27, 38],
+      "bookmark_text": [192, 202, 245],
+      "tab_background_text": [192, 202, 245],
+      "tab_background_text_inactive": [192, 202, 245],
+      "tab_background_text_incognito": [192, 202, 245],
+      "tab_background_text_incognito_inactive": [192, 202, 245],
+      "tab_text": [13, 183, 212],
+      "toolbar": [46, 47, 66],
+      "toolbar_button_icon": [192, 202, 245],
+      "omnibox_text": [13, 183, 212],
+      "omnibox_background": [26, 27, 38],
+      "ntp_background": [46, 47, 66],
+      "ntp_link": [13, 183, 212],
+      "ntp_text": [13, 183, 212],
+      "ntp_link_underline": [13, 183, 212],
+      "ntp_section_link_underline": [13, 183, 212],
+      "button_background": [30, 30, 46]
+    }
+  }
+}
diff --git a/m3ww/Import Manually/execs (add to path)/lock.sh b/m3ww/Import Manually/execs (add to path)/lock.sh
new file mode 100755
index 000000000..df768dd43
--- /dev/null
+++ b/m3ww/Import Manually/execs (add to path)/lock.sh	
@@ -0,0 +1 @@
+swaylock --image /home/end/Pictures/ACE.jpg --clock --indicator --line-color cdd6f4ff --text-color cdd6f4ff --inside-color 1e1e2eff --ring-color 313244ff --line-ver-color cdd6f4ff --text-ver-color cdd6f4ff --inside-ver-color 1e1e2eff --ring-ver-color 313244ff --line-clear-color cdd6f4ff --text-clear-color cdd6f4ff --inside-clear-color 1e1e2eff --ring-clear-color 313244ff --line-clear-color cdd6f4ff --text-wrong-color 313244ff --inside-wrong-color f38ba8ff --ring-wrong-color 313244ff --key-hl-color cba6f7ff
diff --git a/m3ww/Import Manually/execs (add to path)/record-script.sh b/m3ww/Import Manually/execs (add to path)/record-script.sh
new file mode 100755
index 000000000..2b0bff036
--- /dev/null
+++ b/m3ww/Import Manually/execs (add to path)/record-script.sh	
@@ -0,0 +1,11 @@
+#/usr/bin/bash
+
+cd /home/end/Videos
+if ["$(pidof wf-recorder)" -ne ""]; then
+    rm recording.mp4
+    notify-send "wf-recorder" "Starting recording"
+    wf-recorder --geometry "$(slurp)"
+else
+    /usr/bin/kill --signal SIGINT wf-recorder
+    notify-send "wf-recorder" "Recording Stopped"
+fi
\ No newline at end of file
diff --git a/m3ww/Import Manually/execs (add to path)/wofi-emoji b/m3ww/Import Manually/execs (add to path)/wofi-emoji
new file mode 100755
index 000000000..938db3afc
--- /dev/null
+++ b/m3ww/Import Manually/execs (add to path)/wofi-emoji	
@@ -0,0 +1,1858 @@
+#!/bin/bash
+if [ $? -eq 0 ]
+then
+    sed '1,/^### DATA ###$/d' $0 | wofi --show dmenu -i | cut -d ' ' -f 1 | tr -d '\n' | wtype -
+else
+    sed '1,/^### DATA ###$/d' $0 | wofi --show dmenu -i | cut -d ' ' -f 1 | tr -d '\n' | wl-copy
+fi
+exit
+### DATA ###
+😀 grinning face face smile happy joy :D grin
+😃 grinning face with big eyes face happy joy haha :D :) smile funny
+😄 grinning face with smiling eyes face happy joy funny haha laugh like :D :) smile
+😁 beaming face with smiling eyes face happy smile joy kawaii
+😆 grinning squinting face happy joy lol satisfied haha face glad XD laugh
+😅 grinning face with sweat face hot happy laugh sweat smile relief
+🤣 rolling on the floor laughing face rolling floor laughing lol haha rofl
+😂 face with tears of joy face cry tears weep happy happytears haha
+🙂 slightly smiling face face smile
+🙃 upside down face face flipped silly smile
+😉 winking face face happy mischievous secret ;) smile eye
+😊 smiling face with smiling eyes face smile happy flushed crush embarrassed shy joy
+😇 smiling face with halo face angel heaven halo
+🥰 smiling face with hearts face love like affection valentines infatuation crush hearts adore
+😍 smiling face with heart eyes face love like affection valentines infatuation crush heart
+🤩 star struck face smile starry eyes grinning
+😘 face blowing a kiss face love like affection valentines infatuation kiss
+😗 kissing face love like face 3 valentines infatuation kiss
+☺️ smiling face face blush massage happiness
+😚 kissing face with closed eyes face love like affection valentines infatuation kiss
+😙 kissing face with smiling eyes face affection valentines infatuation kiss
+😋 face savoring food happy joy tongue smile face silly yummy nom delicious savouring
+😛 face with tongue face prank childish playful mischievous smile tongue
+😜 winking face with tongue face prank childish playful mischievous smile wink tongue
+🤪 zany face face goofy crazy
+😝 squinting face with tongue face prank playful mischievous smile tongue
+🤑 money mouth face face rich dollar money
+🤗 hugging face face smile hug
+🤭 face with hand over mouth face whoops shock surprise
+🤫 shushing face face quiet shhh
+🤔 thinking face face hmmm think consider
+🤐 zipper mouth face face sealed zipper secret
+🤨 face with raised eyebrow face distrust scepticism disapproval disbelief surprise
+😐 neutral face indifference meh :| neutral
+😑 expressionless face face indifferent - - meh deadpan
+😶 face without mouth face hellokitty
+😏 smirking face face smile mean prank smug sarcasm
+😒 unamused face indifference bored straight face serious sarcasm unimpressed skeptical dubious side eye
+🙄 face with rolling eyes face eyeroll frustrated
+😬 grimacing face face grimace teeth
+🤥 lying face face lie pinocchio
+😌 relieved face face relaxed phew massage happiness
+😔 pensive face face sad depressed upset
+😪 sleepy face face tired rest nap
+🤤 drooling face face
+😴 sleeping face face tired sleepy night zzz
+😷 face with medical mask face sick ill disease
+🤒 face with thermometer sick temperature thermometer cold fever
+🤕 face with head bandage injured clumsy bandage hurt
+🤢 nauseated face face vomit gross green sick throw up ill
+🤮 face vomiting face sick
+🤧 sneezing face face gesundheit sneeze sick allergy
+🥵 hot face face feverish heat red sweating
+🥶 cold face face blue freezing frozen frostbite icicles
+🥴 woozy face face dizzy intoxicated tipsy wavy
+😵 dizzy face spent unconscious xox dizzy
+🤯 exploding head face shocked mind blown
+🤠 cowboy hat face face cowgirl hat
+🥳 partying face face celebration woohoo
+😎 smiling face with sunglasses face cool smile summer beach sunglass
+🤓 nerd face face nerdy geek dork
+🧐 face with monocle face stuffy wealthy
+😕 confused face face indifference huh weird hmmm :/
+😟 worried face face concern nervous :(
+🙁 slightly frowning face face frowning disappointed sad upset
+☹️ frowning face face sad upset frown
+😮 face with open mouth face surprise impressed wow whoa :O
+😯 hushed face face woo shh
+😲 astonished face face xox surprised poisoned
+😳 flushed face face blush shy flattered
+🥺 pleading face face begging mercy
+😦 frowning face with open mouth face aw what
+😧 anguished face face stunned nervous
+😨 fearful face face scared terrified nervous oops huh
+😰 anxious face with sweat face nervous sweat
+😥 sad but relieved face face phew sweat nervous
+😢 crying face face tears sad depressed upset :'(
+😭 loudly crying face face cry tears sad upset depressed
+😱 face screaming in fear face munch scared omg
+😖 confounded face face confused sick unwell oops :S
+😣 persevering face face sick no upset oops
+😞 disappointed face face sad upset depressed :(
+😓 downcast face with sweat face hot sad tired exercise
+😩 weary face face tired sleepy sad frustrated upset
+😫 tired face sick whine upset frustrated
+🥱 yawning face tired sleepy
+😤 face with steam from nose face gas phew proud pride
+😡 pouting face angry mad hate despise
+😠 angry face mad face annoyed frustrated
+🤬 face with symbols on mouth face swearing cursing cussing profanity expletive
+😈 smiling face with horns devil horns
+👿 angry face with horns devil angry horns
+💀 skull dead skeleton creepy death
+☠️ skull and crossbones poison danger deadly scary death pirate evil
+💩 pile of poo hankey shitface fail turd shit
+🤡 clown face face
+👹 ogre monster red mask halloween scary creepy devil demon japanese ogre
+👺 goblin red evil mask monster scary creepy japanese goblin
+👻 ghost halloween spooky scary
+👽 alien UFO paul weird outer space
+👾 alien monster game arcade play
+🤖 robot computer machine bot
+😺 grinning cat animal cats happy smile
+😸 grinning cat with smiling eyes animal cats smile
+😹 cat with tears of joy animal cats haha happy tears
+😻 smiling cat with heart eyes animal love like affection cats valentines heart
+😼 cat with wry smile animal cats smirk
+😽 kissing cat animal cats kiss
+🙀 weary cat animal cats munch scared scream
+😿 crying cat animal tears weep sad cats upset cry
+😾 pouting cat animal cats
+🙈 see no evil monkey monkey animal nature haha
+🙉 hear no evil monkey animal monkey nature
+🙊 speak no evil monkey monkey animal nature omg
+💋 kiss mark face lips love like affection valentines
+💌 love letter email like affection envelope valentines
+💘 heart with arrow love like heart affection valentines
+💝 heart with ribbon love valentines
+💖 sparkling heart love like affection valentines
+💗 growing heart like love affection valentines pink
+💓 beating heart love like affection valentines pink heart
+💞 revolving hearts love like affection valentines
+💕 two hearts love like affection valentines heart
+💟 heart decoration purple-square love like
+❣️ heart exclamation decoration love
+💔 broken heart sad sorry break heart heartbreak
+❤️ red heart love like valentines
+🧡 orange heart love like affection valentines
+💛 yellow heart love like affection valentines
+💚 green heart love like affection valentines
+💙 blue heart love like affection valentines
+💜 purple heart love like affection valentines
+🤎 brown heart coffee
+🖤 black heart evil
+🤍 white heart pure
+💯 hundred points score perfect numbers century exam quiz test pass hundred
+💢 anger symbol angry mad
+💥 collision bomb explode explosion collision blown
+💫 dizzy star sparkle shoot magic
+💦 sweat droplets water drip oops
+💨 dashing away wind air fast shoo fart smoke puff
+🕳️ hole embarrassing
+💣 bomb boom explode explosion terrorism
+💬 speech balloon bubble words message talk chatting
+👁️‍🗨️ eye in speech bubble info
+🗨️ left speech bubble words message talk chatting
+🗯️ right anger bubble caption speech thinking mad
+💭 thought balloon bubble cloud speech thinking dream
+💤 zzz sleepy tired dream
+👋 waving hand hands gesture goodbye solong farewell hello hi palm
+🤚 raised back of hand fingers raised backhand
+🖐️ hand with fingers splayed hand fingers palm
+✋ raised hand fingers stop highfive palm ban
+🖖 vulcan salute hand fingers spock star trek
+👌 ok hand fingers limbs perfect ok okay
+🤏 pinching hand tiny small size
+✌️ victory hand fingers ohyeah hand peace victory two
+🤞 crossed fingers good lucky
+🤟 love you gesture hand fingers gesture
+🤘 sign of the horns hand fingers evil eye sign of horns rock on
+🤙 call me hand hands gesture shaka
+👈 backhand index pointing left direction fingers hand left
+👉 backhand index pointing right fingers hand direction right
+👆 backhand index pointing up fingers hand direction up
+🖕 middle finger hand fingers rude middle flipping
+👇 backhand index pointing down fingers hand direction down
+☝️ index pointing up hand fingers direction up
+👍 thumbs up thumbsup yes awesome good agree accept cool hand like +1
+👎 thumbs down thumbsdown no dislike hand -1
+✊ raised fist fingers hand grasp
+👊 oncoming fist angry violence fist hit attack hand
+🤛 left facing fist hand fistbump
+🤜 right facing fist hand fistbump
+👏 clapping hands hands praise applause congrats yay
+🙌 raising hands gesture hooray yea celebration hands
+👐 open hands fingers butterfly hands open
+🤲 palms up together hands gesture cupped prayer
+🤝 handshake agreement shake
+🙏 folded hands please hope wish namaste highfive pray
+✍️ writing hand lower left ballpoint pen stationery write compose
+💅 nail polish beauty manicure finger fashion nail
+🤳 selfie camera phone
+💪 flexed biceps arm flex hand summer strong biceps
+🦾 mechanical arm accessibility
+🦿 mechanical leg accessibility
+🦵 leg kick limb
+🦶 foot kick stomp
+👂 ear face hear sound listen
+🦻 ear with hearing aid accessibility
+👃 nose smell sniff
+🧠 brain smart intelligent
+🦷 tooth teeth dentist
+🦴 bone skeleton
+👀 eyes look watch stalk peek see
+👁️ eye face look see watch stare
+👅 tongue mouth playful
+👄 mouth mouth kiss
+👶 baby child boy girl toddler
+🧒 child gender-neutral young
+👦 boy man male guy teenager
+👧 girl female woman teenager
+🧑 person gender-neutral person
+👱 person blond hair hairstyle
+👨 man mustache father dad guy classy sir moustache
+🧔 man beard person bewhiskered
+👨‍🦰 man red hair hairstyle
+👨‍🦱 man curly hair hairstyle
+👨‍🦳 man white hair old elder
+👨‍🦲 man bald hairless
+👩 woman female girls lady
+👩‍🦰 woman red hair hairstyle
+🧑‍🦰 person red hair hairstyle
+👩‍🦱 woman curly hair hairstyle
+🧑‍🦱 person curly hair hairstyle
+👩‍🦳 woman white hair old elder
+🧑‍🦳 person white hair elder old
+👩‍🦲 woman bald hairless
+🧑‍🦲 person bald hairless
+👱‍♀️ woman blond hair woman female girl blonde person
+👱‍♂️ man blond hair man male boy blonde guy person
+🧓 older person human elder senior gender-neutral
+👴 old man human male men old elder senior
+👵 old woman human female women lady old elder senior
+🙍 person frowning worried
+🙍‍♂️ man frowning male boy man sad depressed discouraged unhappy
+🙍‍♀️ woman frowning female girl woman sad depressed discouraged unhappy
+🙎 person pouting upset
+🙎‍♂️ man pouting male boy man
+🙎‍♀️ woman pouting female girl woman
+🙅 person gesturing no decline
+🙅‍♂️ man gesturing no male boy man nope
+🙅‍♀️ woman gesturing no female girl woman nope
+🙆 person gesturing ok agree
+🙆‍♂️ man gesturing ok men boy male blue human man
+🙆‍♀️ woman gesturing ok women girl female pink human woman
+💁 person tipping hand information
+💁‍♂️ man tipping hand male boy man human information
+💁‍♀️ woman tipping hand female girl woman human information
+🙋 person raising hand question
+🙋‍♂️ man raising hand male boy man
+🙋‍♀️ woman raising hand female girl woman
+🧏 deaf person accessibility
+🧏‍♂️ deaf man accessibility
+🧏‍♀️ deaf woman accessibility
+🙇 person bowing respectiful
+🙇‍♂️ man bowing man male boy
+🙇‍♀️ woman bowing woman female girl
+🤦 person facepalming disappointed
+🤦‍♂️ man facepalming man male boy disbelief
+🤦‍♀️ woman facepalming woman female girl disbelief
+🤷 person shrugging regardless
+🤷‍♂️ man shrugging man male boy confused indifferent doubt
+🤷‍♀️ woman shrugging woman female girl confused indifferent doubt
+🧑‍⚕️ health worker hospital
+👨‍⚕️ man health worker doctor nurse therapist healthcare man human
+👩‍⚕️ woman health worker doctor nurse therapist healthcare woman human
+🧑‍🎓 student learn
+👨‍🎓 man student graduate man human
+👩‍🎓 woman student graduate woman human
+🧑‍🏫 teacher professor
+👨‍🏫 man teacher instructor professor man human
+👩‍🏫 woman teacher instructor professor woman human
+🧑‍⚖️ judge law
+👨‍⚖️ man judge justice court man human
+👩‍⚖️ woman judge justice court woman human
+🧑‍🌾 farmer crops
+👨‍🌾 man farmer rancher gardener man human
+👩‍🌾 woman farmer rancher gardener woman human
+🧑‍🍳 cook food kitchen culinary
+👨‍🍳 man cook chef man human
+👩‍🍳 woman cook chef woman human
+🧑‍🔧 mechanic worker technician
+👨‍🔧 man mechanic plumber man human wrench
+👩‍🔧 woman mechanic plumber woman human wrench
+🧑‍🏭 factory worker labor
+👨‍🏭 man factory worker assembly industrial man human
+👩‍🏭 woman factory worker assembly industrial woman human
+🧑‍💼 office worker business
+👨‍💼 man office worker business manager man human
+👩‍💼 woman office worker business manager woman human
+🧑‍🔬 scientist chemistry
+👨‍🔬 man scientist biologist chemist engineer physicist man human
+👩‍🔬 woman scientist biologist chemist engineer physicist woman human
+🧑‍💻 technologist computer
+👨‍💻 man technologist coder developer engineer programmer software man human laptop computer
+👩‍💻 woman technologist coder developer engineer programmer software woman human laptop computer
+🧑‍🎤 singer song artist performer
+👨‍🎤 man singer rockstar entertainer man human
+👩‍🎤 woman singer rockstar entertainer woman human
+🧑‍🎨 artist painting draw creativity
+👨‍🎨 man artist painter man human
+👩‍🎨 woman artist painter woman human
+🧑‍✈️ pilot fly plane airplane
+👨‍✈️ man pilot aviator plane man human
+👩‍✈️ woman pilot aviator plane woman human
+🧑‍🚀 astronaut outerspace
+👨‍🚀 man astronaut space rocket man human
+👩‍🚀 woman astronaut space rocket woman human
+🧑‍🚒 firefighter fire
+👨‍🚒 man firefighter fireman man human
+👩‍🚒 woman firefighter fireman woman human
+👮 police officer cop
+👮‍♂️ man police officer man police law legal enforcement arrest 911
+👮‍♀️ woman police officer woman police law legal enforcement arrest 911 female
+🕵️ detective human spy detective
+🕵️‍♂️ man detective crime
+🕵️‍♀️ woman detective human spy detective female woman
+💂 guard protect
+💂‍♂️ man guard uk gb british male guy royal
+💂‍♀️ woman guard uk gb british female royal woman
+👷 construction worker labor build
+👷‍♂️ man construction worker male human wip guy build construction worker labor
+👷‍♀️ woman construction worker female human wip build construction worker labor woman
+🤴 prince boy man male crown royal king
+👸 princess girl woman female blond crown royal queen
+👳 person wearing turban headdress
+👳‍♂️ man wearing turban male indian hinduism arabs
+👳‍♀️ woman wearing turban female indian hinduism arabs woman
+👲 man with skullcap male boy chinese
+🧕 woman with headscarf female hijab mantilla tichel
+🤵 man in tuxedo couple marriage wedding groom
+👰 bride with veil couple marriage wedding woman bride
+🤰 pregnant woman baby
+🤱 breast feeding nursing baby
+👼 baby angel heaven wings halo
+🎅 santa claus festival man male xmas father christmas
+🤶 mrs claus woman female xmas mother christmas
+🦸 superhero marvel
+🦸‍♂️ man superhero man male good hero superpowers
+🦸‍♀️ woman superhero woman female good heroine superpowers
+🦹 supervillain marvel
+🦹‍♂️ man supervillain man male evil bad criminal hero superpowers
+🦹‍♀️ woman supervillain woman female evil bad criminal heroine superpowers
+🧙 mage magic
+🧙‍♂️ man mage man male mage sorcerer
+🧙‍♀️ woman mage woman female mage witch
+🧚 fairy wings magical
+🧚‍♂️ man fairy man male
+🧚‍♀️ woman fairy woman female
+🧛 vampire blood twilight
+🧛‍♂️ man vampire man male dracula
+🧛‍♀️ woman vampire woman female
+🧜 merperson sea
+🧜‍♂️ merman man male triton
+🧜‍♀️ mermaid woman female merwoman ariel
+🧝 elf magical
+🧝‍♂️ man elf man male
+🧝‍♀️ woman elf woman female
+🧞 genie magical wishes
+🧞‍♂️ man genie man male
+🧞‍♀️ woman genie woman female
+🧟 zombie dead
+🧟‍♂️ man zombie man male dracula undead walking dead
+🧟‍♀️ woman zombie woman female undead walking dead
+💆 person getting massage relax
+💆‍♂️ man getting massage male boy man head
+💆‍♀️ woman getting massage female girl woman head
+💇 person getting haircut hairstyle
+💇‍♂️ man getting haircut male boy man
+💇‍♀️ woman getting haircut female girl woman
+🚶 person walking move
+🚶‍♂️ man walking human feet steps
+🚶‍♀️ woman walking human feet steps woman female
+🧍 person standing still
+🧍‍♂️ man standing still
+🧍‍♀️ woman standing still
+🧎 person kneeling pray respectful
+🧎‍♂️ man kneeling pray respectful
+🧎‍♀️ woman kneeling respectful pray
+🧑‍🦯 person with probing cane blind
+👨‍🦯 man with probing cane blind
+👩‍🦯 woman with probing cane blind
+🧑‍🦼 person in motorized wheelchair disability accessibility
+👨‍🦼 man in motorized wheelchair disability accessibility
+👩‍🦼 woman in motorized wheelchair disability accessibility
+🧑‍🦽 person in manual wheelchair disability accessibility
+👨‍🦽 man in manual wheelchair disability accessibility
+👩‍🦽 woman in manual wheelchair disability accessibility
+🏃 person running move
+🏃‍♂️ man running man walking exercise race running
+🏃‍♀️ woman running woman walking exercise race running female
+💃 woman dancing female girl woman fun
+🕺 man dancing male boy fun dancer
+🕴️ man in suit levitating suit business levitate hover jump
+👯 people with bunny ears perform costume
+👯‍♂️ men with bunny ears male bunny men boys
+👯‍♀️ women with bunny ears female bunny women girls
+🧖 person in steamy room relax spa
+🧖‍♂️ man in steamy room male man spa steamroom sauna
+🧖‍♀️ woman in steamy room female woman spa steamroom sauna
+🧗 person climbing sport
+🧗‍♂️ man climbing sports hobby man male rock
+🧗‍♀️ woman climbing sports hobby woman female rock
+🤺 person fencing sports fencing sword
+🏇 horse racing animal betting competition gambling luck
+⛷️ skier sports winter snow
+🏂 snowboarder sports winter
+🏌️ person golfing sports business
+🏌️‍♂️ man golfing sport
+🏌️‍♀️ woman golfing sports business woman female
+🏄 person surfing sport sea
+🏄‍♂️ man surfing sports ocean sea summer beach
+🏄‍♀️ woman surfing sports ocean sea summer beach woman female
+🚣 person rowing boat sport move
+🚣‍♂️ man rowing boat sports hobby water ship
+🚣‍♀️ woman rowing boat sports hobby water ship woman female
+🏊 person swimming sport pool
+🏊‍♂️ man swimming sports exercise human athlete water summer
+🏊‍♀️ woman swimming sports exercise human athlete water summer woman female
+⛹️ person bouncing ball sports human
+⛹️‍♂️ man bouncing ball sport
+⛹️‍♀️ woman bouncing ball sports human woman female
+🏋️ person lifting weights sports training exercise
+🏋️‍♂️ man lifting weights sport
+🏋️‍♀️ woman lifting weights sports training exercise woman female
+🚴 person biking sport move
+🚴‍♂️ man biking sports bike exercise hipster
+🚴‍♀️ woman biking sports bike exercise hipster woman female
+🚵 person mountain biking sport move
+🚵‍♂️ man mountain biking transportation sports human race bike
+🚵‍♀️ woman mountain biking transportation sports human race bike woman female
+🤸 person cartwheeling sport gymnastic
+🤸‍♂️ man cartwheeling gymnastics
+🤸‍♀️ woman cartwheeling gymnastics
+🤼 people wrestling sport
+🤼‍♂️ men wrestling sports wrestlers
+🤼‍♀️ women wrestling sports wrestlers
+🤽 person playing water polo sport
+🤽‍♂️ man playing water polo sports pool
+🤽‍♀️ woman playing water polo sports pool
+🤾 person playing handball sport
+🤾‍♂️ man playing handball sports
+🤾‍♀️ woman playing handball sports
+🤹 person juggling performance balance
+🤹‍♂️ man juggling juggle balance skill multitask
+🤹‍♀️ woman juggling juggle balance skill multitask
+🧘 person in lotus position meditate
+🧘‍♂️ man in lotus position man male meditation yoga serenity zen mindfulness
+🧘‍♀️ woman in lotus position woman female meditation yoga serenity zen mindfulness
+🛀 person taking bath clean shower bathroom
+🛌 person in bed bed rest
+🧑‍🤝‍🧑 people holding hands friendship
+👭 women holding hands pair friendship couple love like female people human
+👫 woman and man holding hands pair people human love date dating like affection valentines marriage
+👬 men holding hands pair couple love like bromance friendship people human
+💏 kiss pair valentines love like dating marriage
+👩‍❤️‍💋‍👨 kiss woman man love
+👨‍❤️‍💋‍👨 kiss man man pair valentines love like dating marriage
+👩‍❤️‍💋‍👩 kiss woman woman pair valentines love like dating marriage
+💑 couple with heart pair love like affection human dating valentines marriage
+👩‍❤️‍👨 couple with heart woman man love
+👨‍❤️‍👨 couple with heart man man pair love like affection human dating valentines marriage
+👩‍❤️‍👩 couple with heart woman woman pair love like affection human dating valentines marriage
+👪 family home parents child mom dad father mother people human
+👨‍👩‍👦 family man woman boy love
+👨‍👩‍👧 family man woman girl home parents people human child
+👨‍👩‍👧‍👦 family man woman girl boy home parents people human children
+👨‍👩‍👦‍👦 family man woman boy boy home parents people human children
+👨‍👩‍👧‍👧 family man woman girl girl home parents people human children
+👨‍👨‍👦 family man man boy home parents people human children
+👨‍👨‍👧 family man man girl home parents people human children
+👨‍👨‍👧‍👦 family man man girl boy home parents people human children
+👨‍👨‍👦‍👦 family man man boy boy home parents people human children
+👨‍👨‍👧‍👧 family man man girl girl home parents people human children
+👩‍👩‍👦 family woman woman boy home parents people human children
+👩‍👩‍👧 family woman woman girl home parents people human children
+👩‍👩‍👧‍👦 family woman woman girl boy home parents people human children
+👩‍👩‍👦‍👦 family woman woman boy boy home parents people human children
+👩‍👩‍👧‍👧 family woman woman girl girl home parents people human children
+👨‍👦 family man boy home parent people human child
+👨‍👦‍👦 family man boy boy home parent people human children
+👨‍👧 family man girl home parent people human child
+👨‍👧‍👦 family man girl boy home parent people human children
+👨‍👧‍👧 family man girl girl home parent people human children
+👩‍👦 family woman boy home parent people human child
+👩‍👦‍👦 family woman boy boy home parent people human children
+👩‍👧 family woman girl home parent people human child
+👩‍👧‍👦 family woman girl boy home parent people human children
+👩‍👧‍👧 family woman girl girl home parent people human children
+🗣️ speaking head user person human sing say talk
+👤 bust in silhouette user person human
+👥 busts in silhouette user person human group team
+👣 footprints feet tracking walking beach
+🐵 monkey face animal nature circus
+🐒 monkey animal nature banana circus
+🦍 gorilla animal nature circus
+🦧 orangutan animal
+🐶 dog face animal friend nature woof puppy pet faithful
+🐕 dog animal nature friend doge pet faithful
+🦮 guide dog animal blind
+🐕‍🦺 service dog blind animal
+🐩 poodle dog animal 101 nature pet
+🐺 wolf animal nature wild
+🦊 fox animal nature face
+🦝 raccoon animal nature
+🐱 cat face animal meow nature pet kitten
+🐈 cat animal meow pet cats
+🦁 lion animal nature
+🐯 tiger face animal cat danger wild nature roar
+🐅 tiger animal nature roar
+🐆 leopard animal nature
+🐴 horse face animal brown nature
+🐎 horse animal gamble luck
+🦄 unicorn animal nature mystical
+🦓 zebra animal nature stripes safari
+🦌 deer animal nature horns venison
+🐮 cow face beef ox animal nature moo milk
+🐂 ox animal cow beef
+🐃 water buffalo animal nature ox cow
+🐄 cow beef ox animal nature moo milk
+🐷 pig face animal oink nature
+🐖 pig animal nature
+🐗 boar animal nature
+🐽 pig nose animal oink
+🐏 ram animal sheep nature
+🐑 ewe animal nature wool shipit
+🐐 goat animal nature
+🐪 camel animal hot desert hump
+🐫 two hump camel animal nature hot desert hump
+🦙 llama animal nature alpaca
+🦒 giraffe animal nature spots safari
+🐘 elephant animal nature nose th circus
+🦏 rhinoceros animal nature horn
+🦛 hippopotamus animal nature
+🐭 mouse face animal nature cheese wedge rodent
+🐁 mouse animal nature rodent
+🐀 rat animal mouse rodent
+🐹 hamster animal nature
+🐰 rabbit face animal nature pet spring magic bunny
+🐇 rabbit animal nature pet magic spring
+🐿️ chipmunk animal nature rodent squirrel
+🦔 hedgehog animal nature spiny
+🦇 bat animal nature blind vampire
+🐻 bear animal nature wild
+🐨 koala animal nature
+🐼 panda animal nature panda
+🦥 sloth animal
+🦦 otter animal
+🦨 skunk animal
+🦘 kangaroo animal nature australia joey hop marsupial
+🦡 badger animal nature honey
+🐾 paw prints animal tracking footprints dog cat pet feet
+🦃 turkey animal bird
+🐔 chicken animal cluck nature bird
+🐓 rooster animal nature chicken
+🐣 hatching chick animal chicken egg born baby bird
+🐤 baby chick animal chicken bird
+🐥 front facing baby chick animal chicken baby bird
+🐦 bird animal nature fly tweet spring
+🐧 penguin animal nature
+🕊️ dove animal bird
+🦅 eagle animal nature bird
+🦆 duck animal nature bird mallard
+🦢 swan animal nature bird
+🦉 owl animal nature bird hoot
+🦩 flamingo animal
+🦚 peacock animal nature peahen bird
+🦜 parrot animal nature bird pirate talk
+🐸 frog animal nature croak toad
+🐊 crocodile animal nature reptile lizard alligator
+🐢 turtle animal slow nature tortoise
+🦎 lizard animal nature reptile
+🐍 snake animal evil nature hiss python
+🐲 dragon face animal myth nature chinese green
+🐉 dragon animal myth nature chinese green
+🦕 sauropod animal nature dinosaur brachiosaurus brontosaurus diplodocus extinct
+🦖 t rex animal nature dinosaur tyrannosaurus extinct
+🐳 spouting whale animal nature sea ocean
+🐋 whale animal nature sea ocean
+🐬 dolphin animal nature fish sea ocean flipper fins beach
+🐟 fish animal food nature
+🐠 tropical fish animal swim ocean beach nemo
+🐡 blowfish animal nature food sea ocean
+🦈 shark animal nature fish sea ocean jaws fins beach
+🐙 octopus animal creature ocean sea nature beach
+🐚 spiral shell nature sea beach
+🐌 snail slow animal shell
+🦋 butterfly animal insect nature caterpillar
+🐛 bug animal insect nature worm
+🐜 ant animal insect nature bug
+🐝 honeybee animal insect nature bug spring honey
+🐞 lady beetle animal insect nature ladybug
+🦗 cricket animal cricket chirp
+🕷️ spider animal arachnid
+🕸️ spider web animal insect arachnid silk
+🦂 scorpion animal arachnid
+🦟 mosquito animal nature insect malaria
+🦠 microbe amoeba bacteria germs virus
+💐 bouquet flowers nature spring
+🌸 cherry blossom nature plant spring flower
+💮 white flower japanese spring
+🏵️ rosette flower decoration military
+🌹 rose flowers valentines love spring
+🥀 wilted flower plant nature flower
+🌺 hibiscus plant vegetable flowers beach
+🌻 sunflower nature plant fall
+🌼 blossom nature flowers yellow
+🌷 tulip flowers plant nature summer spring
+🌱 seedling plant nature grass lawn spring
+🌲 evergreen tree plant nature
+🌳 deciduous tree plant nature
+🌴 palm tree plant vegetable nature summer beach mojito tropical
+🌵 cactus vegetable plant nature
+🌾 sheaf of rice nature plant
+🌿 herb vegetable plant medicine weed grass lawn
+☘️ shamrock vegetable plant nature irish clover
+🍀 four leaf clover vegetable plant nature lucky irish
+🍁 maple leaf nature plant vegetable ca fall
+🍂 fallen leaf nature plant vegetable leaves
+🍃 leaf fluttering in wind nature plant tree vegetable grass lawn spring
+🍇 grapes fruit food wine
+🍈 melon fruit nature food
+🍉 watermelon fruit food picnic summer
+🍊 tangerine food fruit nature orange
+🍋 lemon fruit nature
+🍌 banana fruit food monkey
+🍍 pineapple fruit nature food
+🥭 mango fruit food tropical
+🍎 red apple fruit mac school
+🍏 green apple fruit nature
+🍐 pear fruit nature food
+🍑 peach fruit nature food
+🍒 cherries food fruit
+🍓 strawberry fruit food nature
+🥝 kiwi fruit fruit food
+🍅 tomato fruit vegetable nature food
+🥥 coconut fruit nature food palm
+🥑 avocado fruit food
+🍆 eggplant vegetable nature food aubergine
+🥔 potato food tuber vegatable starch
+🥕 carrot vegetable food orange
+🌽 ear of corn food vegetable plant
+🌶️ hot pepper food spicy chilli chili
+🥒 cucumber fruit food pickle
+🥬 leafy green food vegetable plant bok choy cabbage kale lettuce
+🥦 broccoli fruit food vegetable
+🧄 garlic food spice cook
+🧅 onion cook food spice
+🍄 mushroom plant vegetable
+🥜 peanuts food nut
+🌰 chestnut food squirrel
+🍞 bread food wheat breakfast toast
+🥐 croissant food bread french
+🥖 baguette bread food bread french
+🥨 pretzel food bread twisted
+🥯 bagel food bread bakery schmear
+🥞 pancakes food breakfast flapjacks hotcakes
+🧇 waffle food breakfast
+🧀 cheese wedge food chadder
+🍖 meat on bone good food drumstick
+🍗 poultry leg food meat drumstick bird chicken turkey
+🥩 cut of meat food cow meat cut chop lambchop porkchop
+🥓 bacon food breakfast pork pig meat
+🍔 hamburger meat fast food beef cheeseburger mcdonalds burger king
+🍟 french fries chips snack fast food
+🍕 pizza food party
+🌭 hot dog food frankfurter
+🥪 sandwich food lunch bread
+🌮 taco food mexican
+🌯 burrito food mexican
+🥙 stuffed flatbread food flatbread stuffed gyro
+🧆 falafel food
+🥚 egg food chicken breakfast
+🍳 cooking food breakfast kitchen egg
+🥘 shallow pan of food food cooking casserole paella
+🍲 pot of food food meat soup
+🥣 bowl with spoon food breakfast cereal oatmeal porridge
+🥗 green salad food healthy lettuce
+🍿 popcorn food movie theater films snack
+🧈 butter food cook
+🧂 salt condiment shaker
+🥫 canned food food soup
+🍱 bento box food japanese box
+🍘 rice cracker food japanese
+🍙 rice ball food japanese
+🍚 cooked rice food china asian
+🍛 curry rice food spicy hot indian
+🍜 steaming bowl food japanese noodle chopsticks
+🍝 spaghetti food italian noodle
+🍠 roasted sweet potato food nature
+🍢 oden food japanese
+🍣 sushi food fish japanese rice
+🍤 fried shrimp food animal appetizer summer
+🍥 fish cake with swirl food japan sea beach narutomaki pink swirl kamaboko surimi ramen
+🥮 moon cake food autumn
+🍡 dango food dessert sweet japanese barbecue meat
+🥟 dumpling food empanada pierogi potsticker
+🥠 fortune cookie food prophecy
+🥡 takeout box food leftovers
+🦀 crab animal crustacean
+🦞 lobster animal nature bisque claws seafood
+🦐 shrimp animal ocean nature seafood
+🦑 squid animal nature ocean sea
+🦪 oyster food
+🍦 soft ice cream food hot dessert summer
+🍧 shaved ice hot dessert summer
+🍨 ice cream food hot dessert
+🍩 doughnut food dessert snack sweet donut
+🍪 cookie food snack oreo chocolate sweet dessert
+🎂 birthday cake food dessert cake
+🍰 shortcake food dessert
+🧁 cupcake food dessert bakery sweet
+🥧 pie food dessert pastry
+🍫 chocolate bar food snack dessert sweet
+🍬 candy snack dessert sweet lolly
+🍭 lollipop food snack candy sweet
+🍮 custard dessert food
+🍯 honey pot bees sweet kitchen
+🍼 baby bottle food container milk
+🥛 glass of milk beverage drink cow
+☕ hot beverage beverage caffeine latte espresso coffee
+🍵 teacup without handle drink bowl breakfast green british
+🍶 sake wine drink drunk beverage japanese alcohol booze
+🍾 bottle with popping cork drink wine bottle celebration
+🍷 wine glass drink beverage drunk alcohol booze
+🍸 cocktail glass drink drunk alcohol beverage booze mojito
+🍹 tropical drink beverage cocktail summer beach alcohol booze mojito
+🍺 beer mug relax beverage drink drunk party pub summer alcohol booze
+🍻 clinking beer mugs relax beverage drink drunk party pub summer alcohol booze
+🥂 clinking glasses beverage drink party alcohol celebrate cheers wine champagne toast
+🥃 tumbler glass drink beverage drunk alcohol liquor booze bourbon scotch whisky glass shot
+🥤 cup with straw drink soda
+🧃 beverage box drink
+🧉 mate drink tea beverage
+🧊 ice water cold
+🥢 chopsticks food
+🍽️ fork and knife with plate food eat meal lunch dinner restaurant
+🍴 fork and knife cutlery kitchen
+🥄 spoon cutlery kitchen tableware
+🔪 kitchen knife knife blade cutlery kitchen weapon
+🏺 amphora vase jar
+🌍 globe showing europe africa globe world international
+🌎 globe showing americas globe world USA international
+🌏 globe showing asia australia globe world east international
+🌐 globe with meridians earth international world internet interweb i18n
+🗺️ world map location direction
+🗾 map of japan nation country japanese asia
+🧭 compass magnetic navigation orienteering
+🏔️ snow capped mountain photo nature environment winter cold
+⛰️ mountain photo nature environment
+🌋 volcano photo nature disaster
+🗻 mount fuji photo mountain nature japanese
+🏕️ camping photo outdoors tent
+🏖️ beach with umbrella weather summer sunny sand mojito
+🏜️ desert photo warm saharah
+🏝️ desert island photo tropical mojito
+🏞️ national park photo environment nature
+🏟️ stadium photo place sports concert venue
+🏛️ classical building art culture history
+🏗️ building construction wip working progress
+🧱 brick bricks
+🏘️ houses buildings photo
+🏚️ derelict house abandon evict broken building
+🏠 house building home
+🏡 house with garden home plant nature
+🏢 office building building bureau work
+🏣 japanese post office building envelope communication
+🏤 post office building email
+🏥 hospital building health surgery doctor
+🏦 bank building money sales cash business enterprise
+🏨 hotel building accomodation checkin
+🏩 love hotel like affection dating
+🏪 convenience store building shopping groceries
+🏫 school building student education learn teach
+🏬 department store building shopping mall
+🏭 factory building industry pollution smoke
+🏯 japanese castle photo building
+🏰 castle building royalty history
+💒 wedding love like affection couple marriage bride groom
+🗼 tokyo tower photo japanese
+🗽 statue of liberty american newyork
+⛪ church building religion christ
+🕌 mosque islam worship minaret
+🛕 hindu temple religion
+🕍 synagogue judaism worship temple jewish
+⛩️ shinto shrine temple japan kyoto
+🕋 kaaba mecca mosque islam
+⛲ fountain photo summer water fresh
+⛺ tent photo camping outdoors
+🌁 foggy photo mountain
+🌃 night with stars evening city downtown
+🏙️ cityscape photo night life urban
+🌄 sunrise over mountains view vacation photo
+🌅 sunrise morning view vacation photo
+🌆 cityscape at dusk photo evening sky buildings
+🌇 sunset photo good morning dawn
+🌉 bridge at night photo sanfrancisco
+♨️ hot springs bath warm relax
+🎠 carousel horse photo carnival
+🎡 ferris wheel photo carnival londoneye
+🎢 roller coaster carnival playground photo fun
+💈 barber pole hair salon style
+🎪 circus tent festival carnival party
+🚂 locomotive transportation vehicle train
+🚃 railway car transportation vehicle
+🚄 high speed train transportation vehicle
+🚅 bullet train transportation vehicle speed fast public travel
+🚆 train transportation vehicle
+🚇 metro transportation blue-square mrt underground tube
+🚈 light rail transportation vehicle
+🚉 station transportation vehicle public
+🚊 tram transportation vehicle
+🚝 monorail transportation vehicle
+🚞 mountain railway transportation vehicle
+🚋 tram car transportation vehicle carriage public travel
+🚌 bus car vehicle transportation
+🚍 oncoming bus vehicle transportation
+🚎 trolleybus bart transportation vehicle
+🚐 minibus vehicle car transportation
+🚑 ambulance health 911 hospital
+🚒 fire engine transportation cars vehicle
+🚓 police car vehicle cars transportation law legal enforcement
+🚔 oncoming police car vehicle law legal enforcement 911
+🚕 taxi uber vehicle cars transportation
+🚖 oncoming taxi vehicle cars uber
+🚗 automobile red transportation vehicle
+🚘 oncoming automobile car vehicle transportation
+🚙 sport utility vehicle transportation vehicle
+🚚 delivery truck cars transportation
+🚛 articulated lorry vehicle cars transportation express
+🚜 tractor vehicle car farming agriculture
+🏎️ racing car sports race fast formula f1
+🏍️ motorcycle race sports fast
+🛵 motor scooter vehicle vespa sasha
+🦽 manual wheelchair accessibility
+🦼 motorized wheelchair accessibility
+🛺 auto rickshaw move transportation
+🚲 bicycle sports bicycle exercise hipster
+🛴 kick scooter vehicle kick razor
+🛹 skateboard board
+🚏 bus stop transportation wait
+🛣️ motorway road cupertino interstate highway
+🛤️ railway track train transportation
+🛢️ oil drum barrell
+⛽ fuel pump gas station petroleum
+🚨 police car light police ambulance 911 emergency alert error pinged law legal
+🚥 horizontal traffic light transportation signal
+🚦 vertical traffic light transportation driving
+🛑 stop sign stop
+🚧 construction wip progress caution warning
+⚓ anchor ship ferry sea boat
+⛵ sailboat ship summer transportation water sailing
+🛶 canoe boat paddle water ship
+🚤 speedboat ship transportation vehicle summer
+🛳️ passenger ship yacht cruise ferry
+⛴️ ferry boat ship yacht
+🛥️ motor boat ship
+🚢 ship transportation titanic deploy
+✈️ airplane vehicle transportation flight fly
+🛩️ small airplane flight transportation fly vehicle
+🛫 airplane departure airport flight landing
+🛬 airplane arrival airport flight boarding
+🪂 parachute fly glide
+💺 seat sit airplane transport bus flight fly
+🚁 helicopter transportation vehicle fly
+🚟 suspension railway vehicle transportation
+🚠 mountain cableway transportation vehicle ski
+🚡 aerial tramway transportation vehicle ski
+🛰️ satellite communication gps orbit spaceflight NASA ISS
+🚀 rocket launch ship staffmode NASA outer space outer space fly
+🛸 flying saucer transportation vehicle ufo
+🛎️ bellhop bell service
+🧳 luggage packing travel
+⌛ hourglass done time clock oldschool limit exam quiz test
+⏳ hourglass not done oldschool time countdown
+⌚ watch time accessories
+⏰ alarm clock time wake
+⏱️ stopwatch time deadline
+⏲️ timer clock alarm
+🕰️ mantelpiece clock time
+🕛 twelve o clock time noon midnight midday late early schedule
+🕧 twelve thirty time late early schedule
+🕐 one o clock time late early schedule
+🕜 one thirty time late early schedule
+🕑 two o clock time late early schedule
+🕝 two thirty time late early schedule
+🕒 three o clock time late early schedule
+🕞 three thirty time late early schedule
+🕓 four o clock time late early schedule
+🕟 four thirty time late early schedule
+🕔 five o clock time late early schedule
+🕠 five thirty time late early schedule
+🕕 six o clock time late early schedule dawn dusk
+🕡 six thirty time late early schedule
+🕖 seven o clock time late early schedule
+🕢 seven thirty time late early schedule
+🕗 eight o clock time late early schedule
+🕣 eight thirty time late early schedule
+🕘 nine o clock time late early schedule
+🕤 nine thirty time late early schedule
+🕙 ten o clock time late early schedule
+🕥 ten thirty time late early schedule
+🕚 eleven o clock time late early schedule
+🕦 eleven thirty time late early schedule
+🌑 new moon nature twilight planet space night evening sleep
+🌒 waxing crescent moon nature twilight planet space night evening sleep
+🌓 first quarter moon nature twilight planet space night evening sleep
+🌔 waxing gibbous moon nature night sky gray twilight planet space evening sleep
+🌕 full moon nature yellow twilight planet space night evening sleep
+🌖 waning gibbous moon nature twilight planet space night evening sleep waxing gibbous moon
+🌗 last quarter moon nature twilight planet space night evening sleep
+🌘 waning crescent moon nature twilight planet space night evening sleep
+🌙 crescent moon night sleep sky evening magic
+🌚 new moon face nature twilight planet space night evening sleep
+🌛 first quarter moon face nature twilight planet space night evening sleep
+🌜 last quarter moon face nature twilight planet space night evening sleep
+🌡️ thermometer weather temperature hot cold
+☀️ sun weather nature brightness summer beach spring
+🌝 full moon face nature twilight planet space night evening sleep
+🌞 sun with face nature morning sky
+🪐 ringed planet outerspace
+⭐ star night yellow
+🌟 glowing star night sparkle awesome good magic
+🌠 shooting star night photo
+🌌 milky way photo space stars
+☁️ cloud weather sky
+⛅ sun behind cloud weather nature cloudy morning fall spring
+⛈️ cloud with lightning and rain weather lightning
+🌤️ sun behind small cloud weather
+🌥️ sun behind large cloud weather
+🌦️ sun behind rain cloud weather
+🌧️ cloud with rain weather
+🌨️ cloud with snow weather
+🌩️ cloud with lightning weather thunder
+🌪️ tornado weather cyclone twister
+🌫️ fog weather
+🌬️ wind face gust air
+🌀 cyclone weather swirl blue cloud vortex spiral whirlpool spin tornado hurricane typhoon
+🌈 rainbow nature happy unicorn face photo sky spring
+🌂 closed umbrella weather rain drizzle
+☂️ umbrella weather spring
+☔ umbrella with rain drops rainy weather spring
+⛱️ umbrella on ground weather summer
+⚡ high voltage thunder weather lightning bolt fast
+❄️ snowflake winter season cold weather christmas xmas
+☃️ snowman winter season cold weather christmas xmas frozen
+⛄ snowman without snow winter season cold weather christmas xmas frozen without snow
+☄️ comet space
+🔥 fire hot cook flame
+💧 droplet water drip faucet spring
+🌊 water wave sea water wave nature tsunami disaster
+🎃 jack o lantern halloween light pumpkin creepy fall
+🎄 christmas tree festival vacation december xmas celebration
+🎆 fireworks photo festival carnival congratulations
+🎇 sparkler stars night shine
+🧨 firecracker dynamite boom explode explosion explosive
+✨ sparkles stars shine shiny cool awesome good magic
+🎈 balloon party celebration birthday circus
+🎉 party popper party congratulations birthday magic circus celebration tada
+🎊 confetti ball festival party birthday circus
+🎋 tanabata tree plant nature branch summer
+🎍 pine decoration plant nature vegetable panda pine decoration
+🎎 japanese dolls japanese toy kimono
+🎏 carp streamer fish japanese koinobori carp banner
+🎐 wind chime nature ding spring bell
+🎑 moon viewing ceremony photo japan asia tsukimi
+🧧 red envelope gift
+🎀 ribbon decoration pink girl bowtie
+🎁 wrapped gift present birthday christmas xmas
+🎗️ reminder ribbon sports cause support awareness
+🎟️ admission tickets sports concert entrance
+🎫 ticket event concert pass
+🎖️ military medal award winning army
+🏆 trophy win award contest place ftw ceremony
+🏅 sports medal award winning
+🥇 1st place medal award winning first
+🥈 2nd place medal award second
+🥉 3rd place medal award third
+⚽ soccer ball sports football
+⚾ baseball sports balls
+🥎 softball sports balls
+🏀 basketball sports balls NBA
+🏐 volleyball sports balls
+🏈 american football sports balls NFL
+🏉 rugby football sports team
+🎾 tennis sports balls green
+🥏 flying disc sports frisbee ultimate
+🎳 bowling sports fun play
+🏏 cricket game sports
+🏑 field hockey sports
+🏒 ice hockey sports
+🥍 lacrosse sports ball stick
+🏓 ping pong sports pingpong
+🏸 badminton sports
+🥊 boxing glove sports fighting
+🥋 martial arts uniform judo karate taekwondo
+🥅 goal net sports
+⛳ flag in hole sports business flag hole summer
+⛸️ ice skate sports
+🎣 fishing pole food hobby summer
+🤿 diving mask sport ocean
+🎽 running shirt play pageant
+🎿 skis sports winter cold snow
+🛷 sled sleigh luge toboggan
+🥌 curling stone sports
+🎯 direct hit game play bar target bullseye
+🪀 yo yo toy
+🪁 kite wind fly
+🎱 pool 8 ball pool hobby game luck magic
+🔮 crystal ball disco party magic circus fortune teller
+🧿 nazar amulet bead charm
+🎮 video game play console PS4 controller
+🕹️ joystick game play
+🎰 slot machine bet gamble vegas fruit machine luck casino
+🎲 game die dice random tabletop play luck
+🧩 puzzle piece interlocking puzzle piece
+🧸 teddy bear plush stuffed
+♠️ spade suit poker cards suits magic
+♥️ heart suit poker cards magic suits
+♦️ diamond suit poker cards magic suits
+♣️ club suit poker cards magic suits
+♟️ chess pawn expendable
+🃏 joker poker cards game play magic
+🀄 mahjong red dragon game play chinese kanji
+🎴 flower playing cards game sunset red
+🎭 performing arts acting theater drama
+🖼️ framed picture photography
+🎨 artist palette design paint draw colors
+🧵 thread needle sewing spool string
+🧶 yarn ball crochet knit
+👓 glasses fashion accessories eyesight nerdy dork geek
+🕶️ sunglasses face cool accessories
+🥽 goggles eyes protection safety
+🥼 lab coat doctor experiment scientist chemist
+🦺 safety vest protection
+👔 necktie shirt suitup formal fashion cloth business
+👕 t shirt fashion cloth casual shirt tee
+👖 jeans fashion shopping
+🧣 scarf neck winter clothes
+🧤 gloves hands winter clothes
+🧥 coat jacket
+🧦 socks stockings clothes
+👗 dress clothes fashion shopping
+👘 kimono dress fashion women female japanese
+🥻 sari dress
+🩱 one piece swimsuit fashion
+🩲 briefs clothing
+🩳 shorts clothing
+👙 bikini swimming female woman girl fashion beach summer
+👚 woman s clothes fashion shopping bags female
+👛 purse fashion accessories money sales shopping
+👜 handbag fashion accessory accessories shopping
+👝 clutch bag bag accessories shopping
+🛍️ shopping bags mall buy purchase
+🎒 backpack student education bag backpack
+👞 man s shoe fashion male
+👟 running shoe shoes sports sneakers
+🥾 hiking boot backpacking camping hiking
+🥿 flat shoe ballet slip-on slipper
+👠 high heeled shoe fashion shoes female pumps stiletto
+👡 woman s sandal shoes fashion flip flops
+🩰 ballet shoes dance
+👢 woman s boot shoes fashion
+👑 crown king kod leader royalty lord
+👒 woman s hat fashion accessories female lady spring
+🎩 top hat magic gentleman classy circus
+🎓 graduation cap school college degree university graduation cap hat legal learn education
+🧢 billed cap cap baseball
+⛑️ rescue worker s helmet construction build
+📿 prayer beads dhikr religious
+💄 lipstick female girl fashion woman
+💍 ring wedding propose marriage valentines diamond fashion jewelry gem engagement
+💎 gem stone blue ruby diamond jewelry
+🔇 muted speaker sound volume silence quiet
+🔈 speaker low volume sound volume silence broadcast
+🔉 speaker medium volume volume speaker broadcast
+🔊 speaker high volume volume noise noisy speaker broadcast
+📢 loudspeaker volume sound
+📣 megaphone sound speaker volume
+📯 postal horn instrument music
+🔔 bell sound notification christmas xmas chime
+🔕 bell with slash sound volume mute quiet silent
+🎼 musical score treble clef compose
+🎵 musical note score tone sound
+🎶 musical notes music score
+🎙️ studio microphone sing recording artist talkshow
+🎚️ level slider scale
+🎛️ control knobs dial
+🎤 microphone sound music PA sing talkshow
+🎧 headphone music score gadgets
+📻 radio communication music podcast program
+🎷 saxophone music instrument jazz blues
+🎸 guitar music instrument
+🎹 musical keyboard piano instrument compose
+🎺 trumpet music brass
+🎻 violin music instrument orchestra symphony
+🪕 banjo music instructment
+🥁 drum music instrument drumsticks snare
+📱 mobile phone technology apple gadgets dial
+📲 mobile phone with arrow iphone incoming
+☎️ telephone technology communication dial telephone
+📞 telephone receiver technology communication dial
+📟 pager bbcall oldschool 90s
+📠 fax machine communication technology
+🔋 battery power energy sustain
+🔌 electric plug charger power
+💻 laptop technology laptop screen display monitor
+🖥️ desktop computer technology computing screen
+🖨️ printer paper ink
+⌨️ keyboard technology computer type input text
+🖱️ computer mouse click
+🖲️ trackball technology trackpad
+💽 computer disk technology record data disk 90s
+💾 floppy disk oldschool technology save 90s 80s
+💿 optical disk technology dvd disk disc 90s
+📀 dvd cd disk disc
+🧮 abacus calculation
+🎥 movie camera film record
+🎞️ film frames movie
+📽️ film projector video tape record movie
+🎬 clapper board movie film record
+📺 television technology program oldschool show television
+📷 camera gadgets photography
+📸 camera with flash photography gadgets
+📹 video camera film record
+📼 videocassette record video oldschool 90s 80s
+🔍 magnifying glass tilted left search zoom find detective
+🔎 magnifying glass tilted right search zoom find detective
+🕯️ candle fire wax
+💡 light bulb light electricity idea
+🔦 flashlight dark camping sight night
+🏮 red paper lantern light paper halloween spooky
+🪔 diya lamp lighting
+📔 notebook with decorative cover classroom notes record paper study
+📕 closed book read library knowledge textbook learn
+📖 open book book read library knowledge literature learn study
+📗 green book read library knowledge study
+📘 blue book read library knowledge learn study
+📙 orange book read library knowledge textbook study
+📚 books literature library study
+📓 notebook stationery record notes paper study
+📒 ledger notes paper
+📃 page with curl documents office paper
+📜 scroll documents ancient history paper
+📄 page facing up documents office paper information
+📰 newspaper press headline
+🗞️ rolled up newspaper press headline
+📑 bookmark tabs favorite save order tidy
+🔖 bookmark favorite label save
+🏷️ label sale tag
+💰 money bag dollar payment coins sale
+💴 yen banknote money sales japanese dollar currency
+💵 dollar banknote money sales bill currency
+💶 euro banknote money sales dollar currency
+💷 pound banknote british sterling money sales bills uk england currency
+💸 money with wings dollar bills payment sale
+💳 credit card money sales dollar bill payment shopping
+🧾 receipt accounting expenses
+💹 chart increasing with yen green-square graph presentation stats
+💱 currency exchange money sales dollar travel
+💲 heavy dollar sign money sales payment currency buck
+✉️ envelope letter postal inbox communication
+📧 e mail communication inbox
+📨 incoming envelope email inbox
+📩 envelope with arrow email communication
+📤 outbox tray inbox email
+📥 inbox tray email documents
+📦 package mail gift cardboard box moving
+📫 closed mailbox with raised flag email inbox communication
+📪 closed mailbox with lowered flag email communication inbox
+📬 open mailbox with raised flag email inbox communication
+📭 open mailbox with lowered flag email inbox
+📮 postbox email letter envelope
+🗳️ ballot box with ballot election vote
+✏️ pencil stationery write paper writing school study
+✒️ black nib pen stationery writing write
+🖋️ fountain pen stationery writing write
+🖊️ pen stationery writing write
+🖌️ paintbrush drawing creativity art
+🖍️ crayon drawing creativity
+📝 memo write documents stationery pencil paper writing legal exam quiz test study compose
+💼 briefcase business documents work law legal job career
+📁 file folder documents business office
+📂 open file folder documents load
+🗂️ card index dividers organizing business stationery
+📅 calendar calendar schedule
+📆 tear off calendar schedule date planning
+🗒️ spiral notepad memo stationery
+🗓️ spiral calendar date schedule planning
+📇 card index business stationery
+📈 chart increasing graph presentation stats recovery business economics money sales good success
+📉 chart decreasing graph presentation stats recession business economics money sales bad failure
+📊 bar chart graph presentation stats
+📋 clipboard stationery documents
+📌 pushpin stationery mark here
+📍 round pushpin stationery location map here
+📎 paperclip documents stationery
+🖇️ linked paperclips documents stationery
+📏 straight ruler stationery calculate length math school drawing architect sketch
+📐 triangular ruler stationery math architect sketch
+✂️ scissors stationery cut
+🗃️ card file box business stationery
+🗄️ file cabinet filing organizing
+🗑️ wastebasket bin trash rubbish garbage toss
+🔒 locked security password padlock
+🔓 unlocked privacy security
+🔏 locked with pen security secret
+🔐 locked with key security privacy
+🔑 key lock door password
+🗝️ old key lock door password
+🔨 hammer tools build create
+🪓 axe tool chop cut
+⛏️ pick tools dig
+⚒️ hammer and pick tools build create
+🛠️ hammer and wrench tools build create
+🗡️ dagger weapon
+⚔️ crossed swords weapon
+🔫 pistol violence weapon pistol revolver
+🏹 bow and arrow sports
+🛡️ shield protection security
+🔧 wrench tools diy ikea fix maintainer
+🔩 nut and bolt handy tools fix
+⚙️ gear cog
+🗜️ clamp tool
+⚖️ balance scale law fairness weight
+🦯 probing cane accessibility
+🔗 link rings url
+⛓️ chains lock arrest
+🧰 toolbox tools diy fix maintainer mechanic
+🧲 magnet attraction magnetic
+⚗️ alembic distilling science experiment chemistry
+🧪 test tube chemistry experiment lab science
+🧫 petri dish bacteria biology culture lab
+🧬 dna biologist genetics life
+🔬 microscope laboratory experiment zoomin science study
+🔭 telescope stars space zoom science astronomy
+📡 satellite antenna communication future radio space
+💉 syringe health hospital drugs blood medicine needle doctor nurse
+🩸 drop of blood period hurt harm wound
+💊 pill health medicine doctor pharmacy drug
+🩹 adhesive bandage heal
+🩺 stethoscope health
+🚪 door house entry exit
+🛏️ bed sleep rest
+🛋️ couch and lamp read chill
+🪑 chair sit furniture
+🚽 toilet restroom wc washroom bathroom potty
+🚿 shower clean water bathroom
+🛁 bathtub clean shower bathroom
+🪒 razor cut
+🧴 lotion bottle moisturizer sunscreen
+🧷 safety pin diaper
+🧹 broom cleaning sweeping witch
+🧺 basket laundry
+🧻 roll of paper roll
+🧼 soap bar bathing cleaning lather
+🧽 sponge absorbing cleaning porous
+🧯 fire extinguisher quench
+🛒 shopping cart trolley
+🚬 cigarette kills tobacco cigarette joint smoke
+⚰️ coffin vampire dead die death rip graveyard cemetery casket funeral box
+⚱️ funeral urn dead die death rip ashes
+🗿 moai rock easter island moai
+🏧 atm sign money sales cash blue-square payment bank
+🚮 litter in bin sign blue-square sign human info
+🚰 potable water blue-square liquid restroom cleaning faucet
+♿ wheelchair symbol blue-square disabled accessibility
+🚹 men s room toilet restroom wc blue-square gender male
+🚺 women s room purple-square woman female toilet loo restroom gender
+🚻 restroom blue-square toilet refresh wc gender
+🚼 baby symbol orange-square child
+🚾 water closet toilet restroom blue-square
+🛂 passport control custom blue-square
+🛃 customs passport border blue-square
+🛄 baggage claim blue-square airport transport
+🛅 left luggage blue-square travel
+⚠️ warning exclamation wip alert error problem issue
+🚸 children crossing school warning danger sign driving yellow-diamond
+⛔ no entry limit security privacy bad denied stop circle
+🚫 prohibited forbid stop limit denied disallow circle
+🚳 no bicycles cyclist prohibited circle
+🚭 no smoking cigarette blue-square smell smoke
+🚯 no littering trash bin garbage circle
+🚱 non potable water drink faucet tap circle
+🚷 no pedestrians rules crossing walking circle
+📵 no mobile phones iphone mute circle
+🔞 no one under eighteen 18 drink pub night minor circle
+☢️ radioactive nuclear danger
+☣️ biohazard danger
+⬆️ up arrow blue-square continue top direction
+↗️ up right arrow blue-square point direction diagonal northeast
+➡️ right arrow blue-square next
+↘️ down right arrow blue-square direction diagonal southeast
+⬇️ down arrow blue-square direction bottom
+↙️ down left arrow blue-square direction diagonal southwest
+⬅️ left arrow blue-square previous back
+↖️ up left arrow blue-square point direction diagonal northwest
+↕️ up down arrow blue-square direction way vertical
+↔️ left right arrow shape direction horizontal sideways
+↩️ right arrow curving left back return blue-square undo enter
+↪️ left arrow curving right blue-square return rotate direction
+⤴️ right arrow curving up blue-square direction top
+⤵️ right arrow curving down blue-square direction bottom
+🔃 clockwise vertical arrows sync cycle round repeat
+🔄 counterclockwise arrows button blue-square sync cycle
+🔙 back arrow arrow words return
+🔚 end arrow words arrow
+🔛 on arrow arrow words
+🔜 soon arrow arrow words
+🔝 top arrow words blue-square
+🛐 place of worship religion church temple prayer
+⚛️ atom symbol science physics chemistry
+🕉️ om hinduism buddhism sikhism jainism
+✡️ star of david judaism
+☸️ wheel of dharma hinduism buddhism sikhism jainism
+☯️ yin yang balance
+✝️ latin cross christianity
+☦️ orthodox cross suppedaneum religion
+☪️ star and crescent islam
+☮️ peace symbol hippie
+🕎 menorah hanukkah candles jewish
+🔯 dotted six pointed star purple-square religion jewish hexagram
+♈ aries sign purple-square zodiac astrology
+♉ taurus purple-square sign zodiac astrology
+♊ gemini sign zodiac purple-square astrology
+♋ cancer sign zodiac purple-square astrology
+♌ leo sign purple-square zodiac astrology
+♍ virgo sign zodiac purple-square astrology
+♎ libra sign purple-square zodiac astrology
+♏ scorpio sign zodiac purple-square astrology scorpio
+♐ sagittarius sign zodiac purple-square astrology
+♑ capricorn sign zodiac purple-square astrology
+♒ aquarius sign purple-square zodiac astrology
+♓ pisces purple-square sign zodiac astrology
+⛎ ophiuchus sign purple-square constellation astrology
+🔀 shuffle tracks button blue-square shuffle music random
+🔁 repeat button loop record
+🔂 repeat single button blue-square loop
+▶️ play button blue-square right direction play
+⏩ fast forward button blue-square play speed continue
+⏭️ next track button forward next blue-square
+⏯️ play or pause button blue-square play pause
+◀️ reverse button blue-square left direction
+⏪ fast reverse button play blue-square
+⏮️ last track button backward
+🔼 upwards button blue-square triangle direction point forward top
+⏫ fast up button blue-square direction top
+🔽 downwards button blue-square direction bottom
+⏬ fast down button blue-square direction bottom
+⏸️ pause button pause blue-square
+⏹️ stop button blue-square
+⏺️ record button blue-square
+⏏️ eject button blue-square
+🎦 cinema blue-square record film movie curtain stage theater
+🔅 dim button sun afternoon warm summer
+🔆 bright button sun light
+📶 antenna bars blue-square reception phone internet connection wifi bluetooth bars
+📳 vibration mode orange-square phone
+📴 mobile phone off mute orange-square silence quiet
+♀️ female sign woman women lady girl
+♂️ male sign man boy men
+⚕️ medical symbol health hospital
+♾️ infinity forever
+♻️ recycling symbol arrow environment garbage trash
+⚜️ fleur de lis decorative scout
+🔱 trident emblem weapon spear
+📛 name badge fire forbid
+🔰 japanese symbol for beginner badge shield
+⭕ hollow red circle circle round
+✅ check mark button green-square ok agree vote election answer tick
+☑️ check box with check ok agree confirm black-square vote election yes tick
+✔️ check mark ok nike answer yes tick
+✖️ multiplication sign math calculation
+❌ cross mark no delete remove cancel red
+❎ cross mark button x green-square no deny
+➕ plus sign math calculation addition more increase
+➖ minus sign math calculation subtract less
+➗ division sign divide math calculation
+➰ curly loop scribble draw shape squiggle
+➿ double curly loop tape cassette
+〽️ part alternation mark graph presentation stats business economics bad
+✳️ eight spoked asterisk star sparkle green-square
+✴️ eight pointed star orange-square shape polygon
+❇️ sparkle stars green-square awesome good fireworks
+‼️ double exclamation mark exclamation surprise
+⁉️ exclamation question mark wat punctuation surprise
+❓ question mark doubt confused
+❔ white question mark doubts gray huh confused
+❕ white exclamation mark surprise punctuation gray wow warning
+❗ exclamation mark heavy exclamation mark danger surprise punctuation wow warning
+〰️ wavy dash draw line moustache mustache squiggle scribble
+©️ copyright ip license circle law legal
+®️ registered alphabet circle
+™️ trade mark trademark brand law legal
+#️⃣ keycap  symbol blue-square twitter
+*️⃣ keycap  star keycap
+0️⃣ keycap 0 0 numbers blue-square null
+1️⃣ keycap 1 blue-square numbers 1
+2️⃣ keycap 2 numbers 2 prime blue-square
+3️⃣ keycap 3 3 numbers prime blue-square
+4️⃣ keycap 4 4 numbers blue-square
+5️⃣ keycap 5 5 numbers blue-square prime
+6️⃣ keycap 6 6 numbers blue-square
+7️⃣ keycap 7 7 numbers blue-square prime
+8️⃣ keycap 8 8 blue-square numbers
+9️⃣ keycap 9 blue-square numbers 9
+🔟 keycap 10 numbers 10 blue-square
+🔠 input latin uppercase alphabet words blue-square
+🔡 input latin lowercase blue-square alphabet
+🔢 input numbers numbers blue-square
+🔣 input symbols blue-square music note ampersand percent glyphs characters
+🔤 input latin letters blue-square alphabet
+🅰️ a button red-square alphabet letter
+🆎 ab button red-square alphabet
+🅱️ b button red-square alphabet letter
+🆑 cl button alphabet words red-square
+🆒 cool button words blue-square
+🆓 free button blue-square words
+ℹ️ information blue-square alphabet letter
+🆔 id button purple-square words
+Ⓜ️ circled m alphabet blue-circle letter
+🆕 new button blue-square words start
+🆖 ng button blue-square words shape icon
+🅾️ o button alphabet red-square letter
+🆗 ok button good agree yes blue-square
+🅿️ p button cars blue-square alphabet letter
+🆘 sos button help red-square words emergency 911
+🆙 up button blue-square above high
+🆚 vs button words orange-square
+🈁 japanese here button blue-square here katakana japanese destination
+🈂️ japanese service charge button japanese blue-square katakana
+🈷️ japanese monthly amount button chinese month moon japanese orange-square kanji
+🈶 japanese not free of charge button orange-square chinese have kanji
+🈯 japanese reserved button chinese point green-square kanji
+🉐 japanese bargain button chinese kanji obtain get circle
+🈹 japanese discount button cut divide chinese kanji pink-square
+🈚 japanese free of charge button nothing chinese kanji japanese orange-square
+🈲 japanese prohibited button kanji japanese chinese forbidden limit restricted red-square
+🉑 japanese acceptable button ok good chinese kanji agree yes orange-circle
+🈸 japanese application button chinese japanese kanji orange-square
+🈴 japanese passing grade button japanese chinese join kanji red-square
+🈳 japanese vacancy button kanji japanese chinese empty sky blue-square
+㊗️ japanese congratulations button chinese kanji japanese red-circle
+㊙️ japanese secret button privacy chinese sshh kanji red-circle
+🈺 japanese open for business button japanese opening hours orange-square
+🈵 japanese no vacancy button full chinese japanese red-square kanji
+🔴 red circle shape error danger
+🟠 orange circle round
+🟡 yellow circle round
+🟢 green circle round
+🔵 blue circle shape icon button
+🟣 purple circle round
+🟤 brown circle round
+⚫ black circle shape button round
+⚪ white circle shape round
+🟥 red square
+🟧 orange square
+🟨 yellow square
+🟩 green square
+🟦 blue square
+🟪 purple square
+🟫 brown square
+⬛ black large square shape icon button
+⬜ white large square shape icon stone button
+◼️ black medium square shape button icon
+◻️ white medium square shape stone icon
+◾ black medium small square icon shape button
+◽ white medium small square shape stone icon button
+▪️ black small square shape icon
+▫️ white small square shape icon
+🔶 large orange diamond shape jewel gem
+🔷 large blue diamond shape jewel gem
+🔸 small orange diamond shape jewel gem
+🔹 small blue diamond shape jewel gem
+🔺 red triangle pointed up shape direction up top
+🔻 red triangle pointed down shape direction bottom
+💠 diamond with a dot jewel blue gem crystal fancy
+🔘 radio button input old music circle
+🔳 white square button shape input
+🔲 black square button shape input frame
+🏁 chequered flag contest finishline race gokart
+🚩 triangular flag mark milestone place
+🎌 crossed flags japanese nation country border
+🏴 black flag pirate
+🏳️ white flag losing loser lost surrender give up fail
+🏳️‍🌈 rainbow flag flag rainbow pride gay lgbt glbt queer homosexual lesbian bisexual transgender
+🏴‍☠️ pirate flag skull crossbones flag banner
+🇦🇨 flag ascension island
+🇦🇩 flag andorra ad flag nation country banner andorra
+🇦🇪 flag united arab emirates united arab emirates flag nation country banner united arab emirates
+🇦🇫 flag afghanistan af flag nation country banner afghanistan
+🇦🇬 flag antigua barbuda antigua barbuda flag nation country banner antigua barbuda
+🇦🇮 flag anguilla ai flag nation country banner anguilla
+🇦🇱 flag albania al flag nation country banner albania
+🇦🇲 flag armenia am flag nation country banner armenia
+🇦🇴 flag angola ao flag nation country banner angola
+🇦🇶 flag antarctica aq flag nation country banner antarctica
+🇦🇷 flag argentina ar flag nation country banner argentina
+🇦🇸 flag american samoa american ws flag nation country banner american samoa
+🇦🇹 flag austria at flag nation country banner austria
+🇦🇺 flag australia au flag nation country banner australia
+🇦🇼 flag aruba aw flag nation country banner aruba
+🇦🇽 flag aland islands Åland islands flag nation country banner aland islands
+🇦🇿 flag azerbaijan az flag nation country banner azerbaijan
+🇧🇦 flag bosnia herzegovina bosnia herzegovina flag nation country banner bosnia herzegovina
+🇧🇧 flag barbados bb flag nation country banner barbados
+🇧🇩 flag bangladesh bd flag nation country banner bangladesh
+🇧🇪 flag belgium be flag nation country banner belgium
+🇧🇫 flag burkina faso burkina faso flag nation country banner burkina faso
+🇧🇬 flag bulgaria bg flag nation country banner bulgaria
+🇧🇭 flag bahrain bh flag nation country banner bahrain
+🇧🇮 flag burundi bi flag nation country banner burundi
+🇧🇯 flag benin bj flag nation country banner benin
+🇧🇱 flag st barthelemy saint barthélemy flag nation country banner st barthelemy
+🇧🇲 flag bermuda bm flag nation country banner bermuda
+🇧🇳 flag brunei bn darussalam flag nation country banner brunei
+🇧🇴 flag bolivia bo flag nation country banner bolivia
+🇧🇶 flag caribbean netherlands bonaire flag nation country banner caribbean netherlands
+🇧🇷 flag brazil br flag nation country banner brazil
+🇧🇸 flag bahamas bs flag nation country banner bahamas
+🇧🇹 flag bhutan bt flag nation country banner bhutan
+🇧🇻 flag bouvet island norway
+🇧🇼 flag botswana bw flag nation country banner botswana
+🇧🇾 flag belarus by flag nation country banner belarus
+🇧🇿 flag belize bz flag nation country banner belize
+🇨🇦 flag canada ca flag nation country banner canada
+🇨🇨 flag cocos islands cocos keeling islands flag nation country banner cocos islands
+🇨🇩 flag congo kinshasa congo democratic republic flag nation country banner congo kinshasa
+🇨🇫 flag central african republic central african republic flag nation country banner central african republic
+🇨🇬 flag congo brazzaville congo flag nation country banner congo brazzaville
+🇨🇭 flag switzerland ch flag nation country banner switzerland
+🇨🇮 flag cote d ivoire ivory coast flag nation country banner cote d ivoire
+🇨🇰 flag cook islands cook islands flag nation country banner cook islands
+🇨🇱 flag chile flag nation country banner chile
+🇨🇲 flag cameroon cm flag nation country banner cameroon
+🇨🇳 flag china china chinese prc flag country nation banner china
+🇨🇴 flag colombia co flag nation country banner colombia
+🇨🇵 flag clipperton island
+🇨🇷 flag costa rica costa rica flag nation country banner costa rica
+🇨🇺 flag cuba cu flag nation country banner cuba
+🇨🇻 flag cape verde cabo verde flag nation country banner cape verde
+🇨🇼 flag curacao curaçao flag nation country banner curacao
+🇨🇽 flag christmas island christmas island flag nation country banner christmas island
+🇨🇾 flag cyprus cy flag nation country banner cyprus
+🇨🇿 flag czechia cz flag nation country banner czechia
+🇩🇪 flag germany german nation flag country banner germany
+🇩🇬 flag diego garcia
+🇩🇯 flag djibouti dj flag nation country banner djibouti
+🇩🇰 flag denmark dk flag nation country banner denmark
+🇩🇲 flag dominica dm flag nation country banner dominica
+🇩🇴 flag dominican republic dominican republic flag nation country banner dominican republic
+🇩🇿 flag algeria dz flag nation country banner algeria
+🇪🇦 flag ceuta melilla
+🇪🇨 flag ecuador ec flag nation country banner ecuador
+🇪🇪 flag estonia ee flag nation country banner estonia
+🇪🇬 flag egypt eg flag nation country banner egypt
+🇪🇭 flag western sahara western sahara flag nation country banner western sahara
+🇪🇷 flag eritrea er flag nation country banner eritrea
+🇪🇸 flag spain spain flag nation country banner spain
+🇪🇹 flag ethiopia et flag nation country banner ethiopia
+🇪🇺 flag european union european union flag banner
+🇫🇮 flag finland fi flag nation country banner finland
+🇫🇯 flag fiji fj flag nation country banner fiji
+🇫🇰 flag falkland islands falkland islands malvinas flag nation country banner falkland islands
+🇫🇲 flag micronesia micronesia federated states flag nation country banner micronesia
+🇫🇴 flag faroe islands faroe islands flag nation country banner faroe islands
+🇫🇷 flag france banner flag nation france french country france
+🇬🇦 flag gabon ga flag nation country banner gabon
+🇬🇧 flag united kingdom united kingdom great britain northern ireland flag nation country banner british UK english england union jack united kingdom
+🇬🇩 flag grenada gd flag nation country banner grenada
+🇬🇪 flag georgia ge flag nation country banner georgia
+🇬🇫 flag french guiana french guiana flag nation country banner french guiana
+🇬🇬 flag guernsey gg flag nation country banner guernsey
+🇬🇭 flag ghana gh flag nation country banner ghana
+🇬🇮 flag gibraltar gi flag nation country banner gibraltar
+🇬🇱 flag greenland gl flag nation country banner greenland
+🇬🇲 flag gambia gm flag nation country banner gambia
+🇬🇳 flag guinea gn flag nation country banner guinea
+🇬🇵 flag guadeloupe gp flag nation country banner guadeloupe
+🇬🇶 flag equatorial guinea equatorial gn flag nation country banner equatorial guinea
+🇬🇷 flag greece gr flag nation country banner greece
+🇬🇸 flag south georgia south sandwich islands south georgia sandwich islands flag nation country banner south georgia south sandwich islands
+🇬🇹 flag guatemala gt flag nation country banner guatemala
+🇬🇺 flag guam gu flag nation country banner guam
+🇬🇼 flag guinea bissau gw bissau flag nation country banner guinea bissau
+🇬🇾 flag guyana gy flag nation country banner guyana
+🇭🇰 flag hong kong sar china hong kong flag nation country banner hong kong sar china
+🇭🇲 flag heard mcdonald islands
+🇭🇳 flag honduras hn flag nation country banner honduras
+🇭🇷 flag croatia hr flag nation country banner croatia
+🇭🇹 flag haiti ht flag nation country banner haiti
+🇭🇺 flag hungary hu flag nation country banner hungary
+🇮🇨 flag canary islands canary islands flag nation country banner canary islands
+🇮🇩 flag indonesia flag nation country banner indonesia
+🇮🇪 flag ireland ie flag nation country banner ireland
+🇮🇱 flag israel il flag nation country banner israel
+🇮🇲 flag isle of man isle man flag nation country banner isle of man
+🇮🇳 flag india in flag nation country banner india
+🇮🇴 flag british indian ocean territory british indian ocean territory flag nation country banner british indian ocean territory
+🇮🇶 flag iraq iq flag nation country banner iraq
+🇮🇷 flag iran iran islamic republic flag nation country banner iran
+🇮🇸 flag iceland is flag nation country banner iceland
+🇮🇹 flag italy italy flag nation country banner italy
+🇯🇪 flag jersey je flag nation country banner jersey
+🇯🇲 flag jamaica jm flag nation country banner jamaica
+🇯🇴 flag jordan jo flag nation country banner jordan
+🇯🇵 flag japan japanese nation flag country banner japan
+🇰🇪 flag kenya ke flag nation country banner kenya
+🇰🇬 flag kyrgyzstan kg flag nation country banner kyrgyzstan
+🇰🇭 flag cambodia kh flag nation country banner cambodia
+🇰🇮 flag kiribati ki flag nation country banner kiribati
+🇰🇲 flag comoros km flag nation country banner comoros
+🇰🇳 flag st kitts nevis saint kitts nevis flag nation country banner st kitts nevis
+🇰🇵 flag north korea north korea nation flag country banner north korea
+🇰🇷 flag south korea south korea nation flag country banner south korea
+🇰🇼 flag kuwait kw flag nation country banner kuwait
+🇰🇾 flag cayman islands cayman islands flag nation country banner cayman islands
+🇰🇿 flag kazakhstan kz flag nation country banner kazakhstan
+🇱🇦 flag laos lao democratic republic flag nation country banner laos
+🇱🇧 flag lebanon lb flag nation country banner lebanon
+🇱🇨 flag st lucia saint lucia flag nation country banner st lucia
+🇱🇮 flag liechtenstein li flag nation country banner liechtenstein
+🇱🇰 flag sri lanka sri lanka flag nation country banner sri lanka
+🇱🇷 flag liberia lr flag nation country banner liberia
+🇱🇸 flag lesotho ls flag nation country banner lesotho
+🇱🇹 flag lithuania lt flag nation country banner lithuania
+🇱🇺 flag luxembourg lu flag nation country banner luxembourg
+🇱🇻 flag latvia lv flag nation country banner latvia
+🇱🇾 flag libya ly flag nation country banner libya
+🇲🇦 flag morocco ma flag nation country banner morocco
+🇲🇨 flag monaco mc flag nation country banner monaco
+🇲🇩 flag moldova moldova republic flag nation country banner moldova
+🇲🇪 flag montenegro me flag nation country banner montenegro
+🇲🇫 flag st martin
+🇲🇬 flag madagascar mg flag nation country banner madagascar
+🇲🇭 flag marshall islands marshall islands flag nation country banner marshall islands
+🇲🇰 flag north macedonia macedonia flag nation country banner north macedonia
+🇲🇱 flag mali ml flag nation country banner mali
+🇲🇲 flag myanmar mm flag nation country banner myanmar
+🇲🇳 flag mongolia mn flag nation country banner mongolia
+🇲🇴 flag macao sar china macao flag nation country banner macao sar china
+🇲🇵 flag northern mariana islands northern mariana islands flag nation country banner northern mariana islands
+🇲🇶 flag martinique mq flag nation country banner martinique
+🇲🇷 flag mauritania mr flag nation country banner mauritania
+🇲🇸 flag montserrat ms flag nation country banner montserrat
+🇲🇹 flag malta mt flag nation country banner malta
+🇲🇺 flag mauritius mu flag nation country banner mauritius
+🇲🇻 flag maldives mv flag nation country banner maldives
+🇲🇼 flag malawi mw flag nation country banner malawi
+🇲🇽 flag mexico mx flag nation country banner mexico
+🇲🇾 flag malaysia my flag nation country banner malaysia
+🇲🇿 flag mozambique mz flag nation country banner mozambique
+🇳🇦 flag namibia na flag nation country banner namibia
+🇳🇨 flag new caledonia new caledonia flag nation country banner new caledonia
+🇳🇪 flag niger ne flag nation country banner niger
+🇳🇫 flag norfolk island norfolk island flag nation country banner norfolk island
+🇳🇬 flag nigeria flag nation country banner nigeria
+🇳🇮 flag nicaragua ni flag nation country banner nicaragua
+🇳🇱 flag netherlands nl flag nation country banner netherlands
+🇳🇴 flag norway no flag nation country banner norway
+🇳🇵 flag nepal np flag nation country banner nepal
+🇳🇷 flag nauru nr flag nation country banner nauru
+🇳🇺 flag niue nu flag nation country banner niue
+🇳🇿 flag new zealand new zealand flag nation country banner new zealand
+🇴🇲 flag oman om symbol flag nation country banner oman
+🇵🇦 flag panama pa flag nation country banner panama
+🇵🇪 flag peru pe flag nation country banner peru
+🇵🇫 flag french polynesia french polynesia flag nation country banner french polynesia
+🇵🇬 flag papua new guinea papua new guinea flag nation country banner papua new guinea
+🇵🇭 flag philippines ph flag nation country banner philippines
+🇵🇰 flag pakistan pk flag nation country banner pakistan
+🇵🇱 flag poland pl flag nation country banner poland
+🇵🇲 flag st pierre miquelon saint pierre miquelon flag nation country banner st pierre miquelon
+🇵🇳 flag pitcairn islands pitcairn flag nation country banner pitcairn islands
+🇵🇷 flag puerto rico puerto rico flag nation country banner puerto rico
+🇵🇸 flag palestinian territories palestine palestinian territories flag nation country banner palestinian territories
+🇵🇹 flag portugal pt flag nation country banner portugal
+🇵🇼 flag palau pw flag nation country banner palau
+🇵🇾 flag paraguay py flag nation country banner paraguay
+🇶🇦 flag qatar qa flag nation country banner qatar
+🇷🇪 flag reunion réunion flag nation country banner reunion
+🇷🇴 flag romania ro flag nation country banner romania
+🇷🇸 flag serbia rs flag nation country banner serbia
+🇷🇺 flag russia russian federation flag nation country banner russia
+🇷🇼 flag rwanda rw flag nation country banner rwanda
+🇸🇦 flag saudi arabia flag nation country banner saudi arabia
+🇸🇧 flag solomon islands solomon islands flag nation country banner solomon islands
+🇸🇨 flag seychelles sc flag nation country banner seychelles
+🇸🇩 flag sudan sd flag nation country banner sudan
+🇸🇪 flag sweden se flag nation country banner sweden
+🇸🇬 flag singapore sg flag nation country banner singapore
+🇸🇭 flag st helena saint helena ascension tristan cunha flag nation country banner st helena
+🇸🇮 flag slovenia si flag nation country banner slovenia
+🇸🇯 flag svalbard jan mayen
+🇸🇰 flag slovakia sk flag nation country banner slovakia
+🇸🇱 flag sierra leone sierra leone flag nation country banner sierra leone
+🇸🇲 flag san marino san marino flag nation country banner san marino
+🇸🇳 flag senegal sn flag nation country banner senegal
+🇸🇴 flag somalia so flag nation country banner somalia
+🇸🇷 flag suriname sr flag nation country banner suriname
+🇸🇸 flag south sudan south sd flag nation country banner south sudan
+🇸🇹 flag sao tome principe sao tome principe flag nation country banner sao tome principe
+🇸🇻 flag el salvador el salvador flag nation country banner el salvador
+🇸🇽 flag sint maarten sint maarten dutch flag nation country banner sint maarten
+🇸🇾 flag syria syrian arab republic flag nation country banner syria
+🇸🇿 flag eswatini sz flag nation country banner eswatini
+🇹🇦 flag tristan da cunha
+🇹🇨 flag turks caicos islands turks caicos islands flag nation country banner turks caicos islands
+🇹🇩 flag chad td flag nation country banner chad
+🇹🇫 flag french southern territories french southern territories flag nation country banner french southern territories
+🇹🇬 flag togo tg flag nation country banner togo
+🇹🇭 flag thailand th flag nation country banner thailand
+🇹🇯 flag tajikistan tj flag nation country banner tajikistan
+🇹🇰 flag tokelau tk flag nation country banner tokelau
+🇹🇱 flag timor leste timor leste flag nation country banner timor leste
+🇹🇲 flag turkmenistan flag nation country banner turkmenistan
+🇹🇳 flag tunisia tn flag nation country banner tunisia
+🇹🇴 flag tonga to flag nation country banner tonga
+🇹🇷 flag turkey turkey flag nation country banner turkey
+🇹🇹 flag trinidad tobago trinidad tobago flag nation country banner trinidad tobago
+🇹🇻 flag tuvalu flag nation country banner tuvalu
+🇹🇼 flag taiwan tw flag nation country banner taiwan
+🇹🇿 flag tanzania tanzania united republic flag nation country banner tanzania
+🇺🇦 flag ukraine ua flag nation country banner ukraine
+🇺🇬 flag uganda ug flag nation country banner uganda
+🇺🇲 flag u s outlying islands
+🇺🇳 flag united nations un flag banner
+🇺🇸 flag united states united states america flag nation country banner united states
+🇺🇾 flag uruguay uy flag nation country banner uruguay
+🇺🇿 flag uzbekistan uz flag nation country banner uzbekistan
+🇻🇦 flag vatican city vatican city flag nation country banner vatican city
+🇻🇨 flag st vincent grenadines saint vincent grenadines flag nation country banner st vincent grenadines
+🇻🇪 flag venezuela ve bolivarian republic flag nation country banner venezuela
+🇻🇬 flag british virgin islands british virgin islands bvi flag nation country banner british virgin islands
+🇻🇮 flag u s virgin islands virgin islands us flag nation country banner u s virgin islands
+🇻🇳 flag vietnam viet nam flag nation country banner vietnam
+🇻🇺 flag vanuatu vu flag nation country banner vanuatu
+🇼🇫 flag wallis futuna wallis futuna flag nation country banner wallis futuna
+🇼🇸 flag samoa ws flag nation country banner samoa
+🇽🇰 flag kosovo xk flag nation country banner kosovo
+🇾🇪 flag yemen ye flag nation country banner yemen
+🇾🇹 flag mayotte yt flag nation country banner mayotte
+🇿🇦 flag south africa south africa flag nation country banner south africa
+🇿🇲 flag zambia zm flag nation country banner zambia
+🇿🇼 flag zimbabwe zw flag nation country banner zimbabwe
+🏴󠁧󠁢󠁥󠁮󠁧󠁿 flag england flag english
+🏴󠁧󠁢󠁳󠁣󠁴󠁿 flag scotland flag scottish
+🏴󠁧󠁢󠁷󠁬󠁳󠁿 flag wales flag welsh
+🥲 smiling face with tear sad cry pretend
+🥸 disguised face pretent brows glasses moustache
+🤌 pinched fingers size tiny small
+🫀 anatomical heart health heartbeat
+🫁 lungs breathe
+🥷 ninja ninjutsu skills japanese
+🤵‍♂️ man in tuxedo formal fashion
+🤵‍♀️ woman in tuxedo formal fashion
+👰‍♂️ man with veil wedding marriage
+👰‍♀️ woman with veil wedding marriage
+👩‍🍼 woman feeding baby birth food
+👨‍🍼 man feeding baby birth food
+🧑‍🍼 person feeding baby birth food
+🧑‍🎄 mx claus christmas
+🫂 people hugging care
+🐈‍⬛ black cat superstition luck
+🦬 bison ox
+🦣 mammoth elephant tusks
+🦫 beaver animal rodent
+🐻‍❄️ polar bear animal arctic
+🦤 dodo animal bird
+🪶 feather bird fly
+🦭 seal animal creature sea
+🪲 beetle insect
+🪳 cockroach insect pests
+🪰 fly insect
+🪱 worm animal
+🪴 potted plant greenery house
+🫐 blueberries fruit
+🫒 olive fruit
+🫑 bell pepper fruit plant
+🫓 flatbread flour food
+🫔 tamale food masa
+🫕 fondue cheese pot food
+🫖 teapot drink hot
+🧋 bubble tea taiwan boba milk tea straw
+🪨 rock stone
+🪵 wood nature timber trunk
+🛖 hut house structure
+🛻 pickup truck car transportation
+🛼 roller skate footwear sports
+🪄 magic wand supernature power
+🪅 pinata mexico candy celebration
+🪆 nesting dolls matryoshka toy
+🪡 sewing needle stitches
+🪢 knot rope scout
+🩴 thong sandal footwear summer
+🪖 military helmet army protection
+🪗 accordion music
+🪘 long drum music
+🪙 coin money currency
+🪃 boomerang weapon
+🪚 carpentry saw cut chop
+🪛 screwdriver tools
+🪝 hook tools
+🪜 ladder tools
+🛗 elevator lift
+🪞 mirror reflection
+🪟 window scenery
+🪠 plunger toilet
+🪤 mouse trap cheese
+🪣 bucket water container
+🪥 toothbrush hygiene dental
+🪦 headstone death rip grave
+🪧 placard announcement
+⚧️ transgender symbol lgbtq
+🏳️‍⚧️ transgender flag lgbtq
+😶‍🌫️ face in clouds shower steam dream
+😮‍💨 face exhaling relieve relief tired sigh
+😵‍💫 face with spiral eyes sick ill confused nauseous nausea
+❤️‍🔥 heart on fire passionate enthusiastic
+❤️‍🩹 mending heart broken heart bandage wounded
+🧔‍♂️ man beard facial hair
+🧔‍♀️ woman beard facial hair
+🫠 melting face hot heat
+🫢 face with open eyes and hand over mouth silence secret shock surprise
+🫣 face with peeking eye scared frightening embarrassing
+🫡 saluting face respect salute
+🫥 dotted line face invisible lonely isolation depression
+🫤 face with diagonal mouth skeptic confuse frustrated indifferent
+🥹 face holding back tears touched gratitude
+🫱 rightwards hand palm offer
+🫲 leftwards hand palm offer
+🫳 palm down hand palm drop
+🫴 palm up hand lift offer demand
+🫰 hand with index finger and thumb crossed heart love money expensive
+🫵 index pointing at the viewer you recruit
+🫶 heart hands love appreciation support
+🫦 biting lip flirt sexy pain worry
+🫅 person with crown royalty power
+🫃 pregnant man baby belly
+🫄 pregnant person baby belly
+🧌 troll mystical monster
+🪸 coral ocean sea reef
+🪷 lotus flower calm meditation
+🪹 empty nest bird
+🪺 nest with eggs bird
+🫘 beans food
+🫗 pouring liquid cup water
+🫙 jar container sauce
+🛝 playground slide fun park
+🛞 wheel car transport
+🛟 ring buoy life saver life preserver
+🪬 hamsa religion protection
+🪩 mirror ball disco dance party
+🪫 low battery drained dead
+🩼 crutch accessibility assist
+🩻 x-ray skeleton medicine
+🫧 bubbles soap fun carbonation sparkling
+🪪 identification card document
+🟰 heavy equals sign math
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/colors/dark-maia.css b/m3ww/Import Manually/firefox userchrome/chrome/theme/colors/dark-maia.css
new file mode 100755
index 000000000..49a96f1bb
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/colors/dark-maia.css	
@@ -0,0 +1,20 @@
+@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* Variables that start with --gnome- are added by me and are assigned
+ * to elements somewhere in this code. The rest of the variables are
+ * built-in in Firefox, so you need to add an !important if you wanna
+ * override them. */
+@media (prefers-color-scheme: dark) {
+	:root {
+	  /* Accent */
+		--gnome-accent: #16A085;
+		
+		/* Buttons */
+		--gnome-button-suggested-action-background: linear-gradient(to top, rgb(36, 235, 195) 2px, #16A085);
+		--gnome-button-suggested-action-border-color: #16A085;
+		--gnome-button-suggested-action-border-accent-color: #004b3d;
+		--gnome-button-suggested-action-hover-background: linear-gradient(to top, rgb(36, 235, 195), #16A085 1px);
+		--gnome-button-suggested-action-active-background: rgb(16, 129, 107);
+		--gnome-button-suggested-action-active-border-color: rgb(13, 109, 90);
+	}
+}
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/colors/dark.css b/m3ww/Import Manually/firefox userchrome/chrome/theme/colors/dark.css
new file mode 100755
index 000000000..fe63d6bb2
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/colors/dark.css	
@@ -0,0 +1,115 @@
+@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* Variables that start with --gnome- are added by me and are assigned
+ * to elements somewhere in this code. The rest of the variables are
+ * built-in in Firefox, so you need to add an !important if you wanna
+ * override them. */
+@media (prefers-color-scheme: dark) {
+	:root {
+		/* Browser area before a page starts loading */
+		--gnome-browser-before-load-background: #191C1C;
+		
+		/* Accent */
+		--gnome-accent-bg: #C8BFFF;
+		--gnome-accent: #E5DEFF;
+
+		/* Toolbars */
+		--gnome-toolbar-background: var(--gnome-headerbar-background);
+		--gnome-toolbar-color: #E5DEFF;
+		--gnome-toolbar-border-color: #191C1C;
+		--gnome-toolbar-icon-fill: #E5DEFF;
+		--gnome-inactive-toolbar-color: #757676;
+		--gnome-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
+		--gnome-inactive-toolbar-border-color: var(--gnome-toolbar-border-color);
+		--gnome-inactive-toolbar-icon-fill: #757676;
+
+		/* Sidebar */
+		--gnome-sidebar-background: var(--gnome-toolbar-background);
+		--gnome-inactive-sidebar-background: var(--gnome-sidebar-background);
+
+		/* Menus */
+		--gnome-menu-background: #302F33;
+		--gnome-menu-border-color: rgba(0, 0, 0, .14);
+		--gnome-menu-shadow: 0 1px 5px 1px rgba(0,0,0, .09), 0 2px 14px 3px rgba(0,0,0, .05);
+		--gnome-menu-button-hover-background: var(--gnome-button-background);
+		--gnome-menu-separator-color: #373A3A;
+
+		/* Header bar */
+		--gnome-headerbar-background: #0A0A0B;
+		--gnome-headerbar-border-color: var(--gnome-toolbar-border-color);
+		--gnome-inactive-headerbar-background: var(--gnome-browser-before-load-background);
+		--gnome-inactive-headerbar-border-color: var(--gnome-toolbar-border-color);
+
+		/* Buttons */
+		--gnome-button-background: rgba(255, 255, 255, .1);
+		--gnome-button-hover-background: rgba(255, 255, 255, .15);
+		--gnome-button-active-background: rgba(255, 255, 255, .3);
+		--gnome-button-flat-hover-background: rgba(255, 255, 255, .07);
+		--gnome-button-flat-active-background: rgba(255, 255, 255, .1);
+		--gnome-button-suggested-action-background: var(--gnome-accent-bg);
+		--gnome-button-destructive-action-background: #ff6385;
+
+		--gnome-button-close-background: var(--gnome-button-flat-hover-background);
+		--gnome-button-hover-close-background:var(--gnome-button-hover-background);
+		--gnome-button-active-close-background: var(--gnome-button-active-background);
+
+		--gnome-toolbar-star-button:	#E3C18C;
+
+		/* Entries */
+		--gnome-entry-background: #2D3030;
+		--gnome-entry-color: #E5DEFF;
+		--gnome-inactive-entry-color: #757676;
+		--gnome-focused-urlbar-border-color: rgba(229, 222, 255, 0.5); /* Same as --gnome-accent but with opacity*/
+
+		/* Switch */
+		--gnome-switch-background: rgba(255, 255, 255, .15);
+		--gnome-switch-slider-background: #312927;
+		--gnome-switch-active-background: var(--gnome-accent-bg);
+		--gnome-switch-active-slider-background: #292D2D;
+
+		/* Tabs */
+		--gnome-tabbar-background: var(--gnome-headerbar-background);
+		--gnome-tabbar-tab-separator-color: #0A0A0B;
+		--gnome-tabbar-tab-hover-background: #272A2C; /* Hardcoded color */
+		--gnome-tabbar-tab-active-background: #474459; /* Hardcoded color */
+		--gnome-tabbar-tab-active-background-contrast: #7A7897; /* Hardcoded color */
+		--gnome-tabbar-tab-active-hover-background: #333535; /* Hardcoded color */
+		--gnome-inactive-tabbar-background: var(--gnome-inactive-headerbar-background);
+		--gnome-inactive-tabbar-tab-hover-background: #272A2C; /* Hardcoded color */
+		--gnome-inactive-tabbar-tab-active-background: #474459; /* Hardcoded color */
+		--gnome-tab-button-background: rgba(0, 0, 0, .5);
+		--gnome-tab-button-hover-background: rgba(0, 0, 0, .6);
+		--gnome-tabbar-tab-identity-base-opacity: 0;
+		--gnome-tabbar-tab-needs-attetion: #E477EE;
+	}
+
+	/* Private window colors */
+	:root {
+		--gnome-private-accent: #E5DEFF;
+		
+		/* Toolbars */
+		--gnome-private-toolbar-background: var(--gnome-headerbar-background);
+		--gnome-private-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
+		/* Menus */
+		--gnome-private-menu-background: #302F33;
+		/* Header bar */
+		--gnome-private-headerbar-background: #191C1C;
+		--gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background);
+		/* Tabs */
+		--gnome-private-tabbar-tab-hover-background: #343e56; /* Hardcoded color */
+		--gnome-private-tabbar-tab-active-background: #343e56; /* Hardcoded color */
+		--gnome-private-tabbar-tab-active-background-contrast: #495675; /* Hardcoded color */
+		--gnome-private-tabbar-tab-active-hover-background: #414a61; /* Hardcoded color */
+		--gnome-private-inactive-tabbar-tab-hover-background: #242c3f; /* Hardcoded color */
+		--gnome-private-inactive-tabbar-tab-active-background: #272e41; /* Hardcoded color */
+
+		/* Text color for Firefox Logo in new private tab */
+		--gnome-private-wordmark: #E5DEFF;
+
+		/* New private tab background */
+		--gnome-private-in-content-page-background: #242424;
+
+		/* Private browsing info box */
+		--gnome-private-text-primary-color: #E5DEFF;
+	}
+}
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/colors/light-maia.css b/m3ww/Import Manually/firefox userchrome/chrome/theme/colors/light-maia.css
new file mode 100755
index 000000000..a1bfe136e
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/colors/light-maia.css	
@@ -0,0 +1,48 @@
+@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* Variables that start with --gnome- are added by me and are assigned
+ * to elements somewhere in this code. The rest of the variables are
+ * built-in in Firefox, so you need to add an !important if you wanna
+ * override them. */
+
+:root {
+  /* Accent */
+	--gnome-accent: #16A085;
+	
+	/* Buttons */
+	--gnome-button-suggested-action-background: linear-gradient(to top, rgb(36, 235, 195) 2px, #16A085);
+	--gnome-button-suggested-action-border-color: #16A085;
+	--gnome-button-suggested-action-border-accent-color: #004b3d;
+	--gnome-button-suggested-action-hover-background: linear-gradient(to top, rgb(36, 235, 195), #16A085 1px);
+	--gnome-button-suggested-action-active-background: rgb(16, 129, 107);
+	--gnome-button-suggested-action-active-border-color: rgb(13, 109, 90);
+
+	/* Switch */
+	--gnome-switch-active-border-color: #1fdab5;
+	--gnome-switch-active-slider-border-color: #1fdab5;
+}
+
+/* Recolor some elements that are blue by default */
+
+#star-button[starred] {
+	fill: #16A085 !important;
+  }
+
+.tab-throbber[busy]::before {
+  background-image: url("chrome://global/skin/icons/loading.png") !important;
+  animation: unset !important;
+  filter: invert(0.9) sepia(1) saturate(5) hue-rotate(110deg)
+}
+.tab-throbber[busy]:not([progress])::before {
+  /* Grays the blue during "Connecting" state */
+  filter: grayscale(100%);
+}
+@media (min-resolution: 2dppx) {
+  .tab-throbber[busy]::before {
+    background-image: url("chrome://global/skin/icons/loading@2x.png") !important;
+  }
+}
+
+#tabbrowser-tabs {
+    --tab-loading-fill: #16A085! important;
+}
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/colors/light.css b/m3ww/Import Manually/firefox userchrome/chrome/theme/colors/light.css
new file mode 100755
index 000000000..7a7160934
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/colors/light.css	
@@ -0,0 +1,111 @@
+@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* Variables that start with --gnome- are added by me and are assigned
+ * to elements somewhere in this code. The rest of the variables are
+ * built-in in Firefox, so you need to add an !important if you wanna
+ * override them. */
+
+:root {
+	/* Browser area before a page starts loading */
+	--gnome-browser-before-load-background: #FAFAFA;
+	/* Accent */
+	--gnome-accent-bg: #3584e4;
+	--gnome-accent: #1c71d8;
+
+	/* Toolbars */
+	--gnome-toolbar-background: var(--gnome-headerbar-background);
+	--gnome-toolbar-color: rgb(46, 52, 54);
+	--gnome-toolbar-border-color: #dbdbdb;
+	--gnome-toolbar-icon-fill: #2f2f2f;
+	--gnome-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
+	--gnome-inactive-toolbar-color: #d5d0cc;
+	--gnome-inactive-toolbar-border-color: #e9e9e9;
+	--gnome-inactive-toolbar-icon-fill: #969696;
+
+	/* Sidebar */
+	--gnome-sidebar-background: var(--gnome-toolbar-background);
+	--gnome-inactive-sidebar-background: var(--gnome-sidebar-background);
+
+	/* Menu */
+	--gnome-menu-background: #ffffff;
+	--gnome-menu-border-color: rgba(0, 0, 0, .14);
+	--gnome-menu-shadow: 0 1px 5px 1px rgba(0,0,0, .09), 0 2px 14px 3px rgba(0,0,0, .05);
+	--gnome-menu-button-hover-background: var(--gnome-button-background);
+	--gnome-menu-separator-color: rgba(0, 0, 0, 0.1);
+
+	/* Header bar */
+	--gnome-headerbar-background: #EBEBEB;
+	--gnome-headerbar-border-color: var(--gnome-toolbar-border-color);
+	--gnome-inactive-headerbar-background: var(--gnome-browser-before-load-background);
+	--gnome-inactive-headerbar-border-color: var(--gnome-inactive-toolbar-border-color);
+
+	/* Buttons */
+	--gnome-button-background: rgba(0, 0, 0, .08);
+	--gnome-button-hover-background: rgba(0, 0, 0, .12);
+	--gnome-button-active-background: rgba(0, 0, 0, .24);
+	--gnome-button-flat-hover-background: rgba(0, 0, 0, .056);
+	--gnome-button-flat-active-background: rgba(0, 0, 0, .128);
+	--gnome-button-suggested-action-background: var(--gnome-accent-bg);
+	--gnome-button-destructive-action-background: #e01b24;
+	
+	--gnome-button-close-background: var(--gnome-button-background);
+	--gnome-button-hover-close-background:var(--gnome-button-hover-background);
+	--gnome-button-active-close-background: var(--gnome-button-active-background);
+	
+	--gnome-toolbar-star-button: #ae7b03;
+
+	/* Entries */
+	--gnome-entry-background: rgba(0, 0, 0, .08);
+	--gnome-entry-color: #303030;
+	--gnome-inactive-entry-color: #303030;
+	--gnome-focused-urlbar-border-color: rgba(28, 113, 216, .5);
+
+	/* Switch */
+	--gnome-switch-background: rgba(0, 0, 0, .12);
+	--gnome-switch-slider-background: #ffffff;
+	--gnome-switch-active-background: var(--gnome-accent-bg);
+	--gnome-switch-active-slider-background: #ffffff;
+
+	/* Tabs */
+	--gnome-tabbar-background: var(--gnome-headerbar-background);
+	--gnome-tabbar-tab-separator-color: var(--gnome-toolbar-border-color);
+	--gnome-tabbar-tab-hover-background: #dedede; /* Hardcoded color */
+	--gnome-tabbar-tab-active-background: #d9d9d9; /* Hardcoded color */
+	--gnome-tabbar-tab-active-background-contrast: #c0c0c0; /* Hardcoded color */
+	--gnome-tabbar-tab-active-hover-background: #d2d2d2; /* Hardcoded color */
+	--gnome-inactive-tabbar-background: var(--gnome-inactive-headerbar-background);
+	--gnome-inactive-tabbar-tab-hover-background: #f3f3f3; /* Hardcoded color */
+	--gnome-inactive-tabbar-tab-active-background: #EFEFEF; /* Hardcoded color */
+	--gnome-tabbar-tab-identity-base-opacity: .1;
+	--gnome-tabbar-tab-needs-attetion: #84AEE2;
+}
+
+/* Private window colors */
+:root {
+	--gnome-private-accent: #1c71d8;
+	
+	/* Toolbars */
+	--gnome-private-toolbar-background: var(--gnome-headerbar-background);
+	--gnome-private-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
+	/* Menus */
+	--gnome-private-menu-background: #ffffff;
+	/* Header bar */
+	--gnome-private-headerbar-background: #D7E3F0;
+	--gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background);
+	/* Tabs */
+	--gnome-private-tabbar-tab-hover-background: #cbd7e3; /* Hardcoded color */
+	--gnome-private-tabbar-tab-active-background: #c6d1dd; /* Hardcoded color */
+	--gnome-private-tabbar-tab-active-background-contrast: #a9b6c4; /* Hardcoded color */
+	--gnome-private-tabbar-tab-active-hover-background: #c0cbd7; /* Hardcoded color */
+	--gnome-private-inactive-tabbar-tab-hover-background: #e4e9f0; /* Hardcoded color */
+	--gnome-private-inactive-tabbar-tab-active-background: #e1e7ed; /* Hardcoded color */
+
+	/* Text color for Firefox Logo in new private tab */
+	--gnome-private-wordmark: #20123A;
+
+	/* New private tab background */
+	--gnome-private-in-content-page-background: #FAFAFA;
+
+	/* Private browsing info box */
+	--gnome-private-text-primary-color: #15141A;
+}
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/extensions/tab-center-reborn.css b/m3ww/Import Manually/firefox userchrome/chrome/theme/extensions/tab-center-reborn.css
new file mode 100755
index 000000000..df3084db7
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/extensions/tab-center-reborn.css	
@@ -0,0 +1,143 @@
+@supports -moz-bool-pref("gnomeTheme.extensions.tabCenterReborn") {
+    :root {
+        --delay: 0s;
+        --transition-time: 0.2s;
+        --positionX1: 48px;
+        --positionX2: absolute;
+    }
+
+	#tabbrowser-tabs {
+		display: none !important;
+	}
+
+    #browser {
+        position: relative;
+    }
+
+    #sidebar-box:not([lwt-sidebar]){
+        appearance: unset !important;
+    }
+
+    #sidebar-box[sidebarcommand*="tabcenter"] {
+        z-index: 1;
+    }
+
+    #sidebar-box[sidebarcommand*="tabcenter"] #sidebar-header {
+        visibility: collapse;
+        display: none;
+    }
+
+    [sidebarcommand*="tabcenter"] #sidebar, #sidebar-box[sidebarcommand*="tabcenter"]  {
+        min-width: 48px !important;
+        max-width: 48px !important;
+    }
+
+    #sidebar-box[sidebarcommand*="tabcenter"]:not([hidden]) {
+        display: block;
+        position: var(--positionX2);
+        box-sizing: content-box;
+        min-width: 48px;
+        max-width: 48px;
+        overflow: hidden;
+        
+        border-right: 1px solid var(--sidebar-border-color);
+        z-index: 1;
+        top: 0;
+        bottom: 0;
+    }
+
+    #main-window[inFullscreen] #sidebar-box[sidebarcommand*="tabcenter"]:not([hidden]) {
+        min-width: 1px;
+        max-width: 1px;
+    }
+
+    #sidebar-box[sidebarcommand*="tabcenter"]:hover #sidebar,
+    #sidebar-box[sidebarcommand*="tabcenter"]:hover {
+        min-width: 10vw !important;
+        width: 30vw !important;
+        max-width: 200px !important;
+        z-index: 1 !important;
+        transition: all var(--transition-time) ease var(--delay);
+    }
+
+    #sidebar-box[sidebarcommand*="tabcenter"]:not(:hover) #sidebar,
+    #sidebar-box[sidebarcommand*="tabcenter"]:not(:hover) {
+        transition: all var(--transition-time) ease 0s;
+    }
+
+    @media (width >= 1200px) {
+        #sidebar-box[sidebarcommand*="tabcenter"]:hover #sidebar,
+        #sidebar-box[sidebarcommand*="tabcenter"]:hover {
+            max-width: 250px !important;
+        }
+    }
+
+    [sidebarcommand*="tabcenter"] ~ #sidebar-splitter {
+        display: none;
+    }
+
+    [sidebarcommand*="tabcenter"] #sidebar {
+        max-height: 100%;
+        height: 100%;
+    }
+
+    #main-window:not([inFullscreen]) #sidebar-box[sidebarcommand*="tabcenter"]:not([hidden]) ~ #appcontent {
+        margin-left: var(--positionX1);
+    }
+
+    #main-window[inFullscreen][inDOMFullscreen] #appcontent {
+        margin-left: 0;
+    }
+
+    #main-window[inFullscreen] #sidebar {
+        height: 100vh;
+    }
+
+    [sidebarcommand*="tabcenter"] #sidebar-header {
+        background: #0C0C0D;
+        border-bottom: none !important;
+    }
+
+    [sidebarcommand*="tabcenter"] ~ #sidebar-splitter {
+        border-right-color: #0C0C0D !important;
+        border-left-color: #0C0C0D !important;
+    }
+
+    [sidebarcommand*="tabcenter"] #sidebar-switcher-target,
+    [sidebarcommand*="tabcenter"] #sidebar-close {
+        filter: invert(100%);
+    }
+
+    @media (max-width: 630px) {
+        #urlbar-container {
+            min-width: 100% !important;
+        }
+    
+        #menubar-items {
+            display: none !important;
+        }
+    }
+}
+
+@supports -moz-bool-pref("gnomeTheme.extensions.tabCenterReborn.alwaysOpen") {
+    #sidebar-box[sidebarcommand*="tabcenter"] #sidebar,
+    #sidebar-box[sidebarcommand*="tabcenter"] {
+        min-width: 10vw !important;
+        width: 30vw !important;
+        max-width: 250px !important;
+        z-index: 1 !important;
+        transition: all var(--transition-time) ease var(--delay);
+    }
+    
+    #sidebar-box[sidebarcommand*="tabcenter"]:not([hidden]) {
+        position: relative;
+        margin-right: -50px;
+    }
+    
+    @media (width >= 1200px) {
+        #sidebar-box[sidebarcommand*="tabcenter"]:hover #sidebar,
+        #sidebar-box[sidebarcommand*="tabcenter"]:hover {
+            max-width: 250px !important;
+        }
+    }
+}
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/gnome-theme.css b/m3ww/Import Manually/firefox userchrome/chrome/theme/gnome-theme.css
new file mode 100755
index 000000000..5d1e0c168
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/gnome-theme.css	
@@ -0,0 +1,39 @@
+@import "parts/toolbox.css";
+@import "parts/headerbar.css";
+@import "parts/headerbar-private-window.css";
+@import "parts/csd.css";
+@import "parts/urlbar.css";
+@import "parts/tabsbar.css";
+@import "parts/findbar.css";
+@import "parts/sidebar.css";
+@import "parts/lists.css";
+
+@import "parts/buttons.css";
+@import "parts/buttons-fixes.css";
+@import "parts/entries.css";
+@import "parts/controls.css";
+@import "parts/icons.css";
+
+@import "parts/popups.css";
+@import "parts/popups-contents.css";
+@import "parts/dialogs.css";
+
+@import "parts/remove-white-flash.css";
+
+/* Extensions support */
+@import "extensions/tab-center-reborn.css";
+
+@import "colors/light.css";
+@import "colors/dark.css";
+
+@import "system-icons.css";
+@import "symbolic-tab-icons.css";
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Set theme version text in customization panel */
+#customization-footer::before {
+	background: url(../icon.svg) no-repeat;
+	background-size: contain;
+	content: "Firefox GNOME theme v112";
+	padding: 9px 9px 9px 50px;
+}
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/application-x-addon-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/application-x-addon-symbolic.svg
new file mode 100755
index 000000000..67263f4d7
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/application-x-addon-symbolic.svg	
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <path d="m 7.015625 0 c -1.109375 0 -2 0.890625 -2 2 v 1 h -3.015625 c -1.109375 0 -2 0.890625 -2 2 v 2 h 1.015625 c 1.105469 0 2 0.890625 2 2 s -0.894531 2 -2 2 h -1.015625 v 2.988281 c 0 1.105469 0.890625 2 2 2 h 3.015625 v -0.988281 c 0 -1.109375 0.890625 -2 2 -2 c 1.105469 0 2 0.890625 2 2 v 0.988281 h 2 c 1.105469 0 2 -0.894531 2 -2 v -2.988281 h 1 c 1.105469 0 2 -0.890625 2 -2 s -0.894531 -2 -2 -2 h -1 v -2 c 0 -1.109375 -0.894531 -2 -2 -2 h -2 v -1 c 0 -1.109375 -0.894531 -2 -2 -2 z m 0 0" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/applications-engineering-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/applications-engineering-symbolic.svg
new file mode 100755
index 000000000..ce6226265
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/applications-engineering-symbolic.svg	
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="M7.997 8c-3.999 0-5.998 3-5.998 6H.25C0 14 0 14.157 0 14.25v1.5c0 .25.138.25.25.25h15.494c.195.006.25-.13.25-.25v-1.5c.021-.146 0-.25-.25-.25h-1.75c0-3-1.999-6-5.997-6zm0 3c2.35 0 2.999 1.762 2.999 3H4.998c0-1.198.703-3 2.999-3z" fill-rule="evenodd"/>
+        <path d="M14.989.6a3.652 3.652 0 0 0-.967-.561l-.021 2.232c-.005.458-.452.729-1.006.729h-1c-.553-.007-1.003-.31-.998-.768L11.018 0c-.345.133-.689.304-.977.536-1.377 1.114-1.395 2.95-.04 4.098.284.24.624.42.967.562.028.011.028 2.054.028 2.054C12.486 8 13.346 9 13.995 10V5.252a3.55 3.55 0 0 0 .954-.554c1.377-1.114 1.395-2.949.04-4.098z" style="line-height:normal;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration-line:none;text-transform:none;marker:none" color="#000" font-weight="400" font-family="Sans" overflow="visible"/>
+    </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/audio-muted-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/audio-muted-symbolic.svg
new file mode 100755
index 000000000..6d14b238d
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/audio-muted-symbolic.svg	
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 4.2333 4.2333"
+   id="svg10"
+   sodipodi:docname="audio-muted-symbolics.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs14" />
+  <sodipodi:namedview
+     id="namedview12"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg10" />
+  <g
+     transform="translate(-414.07 -67.204)"
+     fill="context-fill"
+     stroke="context-stroke"
+     fill-opacity="context-fill-opacity"
+     stroke-opacity="context-stroke-opacity"
+     id="g8">
+    <g
+       transform="matrix(.26458 0 0 .26458 414.07 67.204)"
+       id="g4">
+       <path d="m 2.53125 1.46875 l -1.0625 1.0625 l 12 12 l 1.0625 -1.0625 l -4.53125 -4.53125 v -6.9375 c -0.296875 0 -0.578125 0.128906 -0.769531 0.355469 l -2.730469 2.640625 h -0.441406 z m 0.621094 4.746094 c -0.097656 0.238281 -0.152344 0.5 -0.152344 0.78125 v 2 c 0 1.089844 0.910156 2 2 2 h 1.5 l 2.730469 2.640625 c 0.210937 0.253906 0.492187 0.363281 0.769531 0.359375 v -0.933594 z m 0 0"/>
+    </g>
+    <path
+       d="m417.9 71.337 0.28098-0.28099-3.7044-3.7039-0.28072 0.28072z"
+       id="path6" />
+  </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/audio-playing-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/audio-playing-symbolic.svg
new file mode 100755
index 000000000..6918282a1
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/audio-playing-symbolic.svg	
@@ -0,0 +1,8 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
+  <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+  <path
+     d="m 11.462053,2.0027428 c -0.220982,-0.010045 -0.44866,0.066964 -0.622767,0.2410714 l -1.9821431,1.965402 v 1.21875 h 1.1919641 l 1.975446,-1.96875 C 12.372767,3.1110019 12.33259,2.5652427 12.051339,2.2639039 11.900669,2.1065376 11.683036,2.0127876 11.462053,2.0027428 Z M 8,2.8598856 c -0.2544643,0 -0.4955357,0.1104909 -0.659598,0.3046877 L 5,5.4279662 H 3.7142857 C 2.7767857,5.4279662 2,6.1511805 2,7.1422519 v 1.7142857 c 0,0.934152 0.7801337,1.7142854 1.7142857,1.7142854 H 5 l 2.340402,2.263393 C 7.5212051,13.05185 7.7622766,13.1456 8,13.142252 Z M 8.8571429,7.1422519 V 8.8565376 H 13.142857 C 13.785714,8.8565376 14,8.4279662 14,7.9993947 14,7.5708233 13.785714,7.1422519 13.142857,7.1422519 Z m 0,3.4285711 v 1.21875 l 1.9921881,1.965402 c 0.344865,0.35491 0.910714,0.297991 1.212053,-0.02009 0.28125,-0.301339 0.31808,-0.847098 -0.02679,-1.191964 l -1.985487,-1.972098 z m 0,0"
+    />
+  </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/bullet-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/bullet-symbolic.svg
new file mode 100755
index 000000000..897f3f2fb
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/bullet-symbolic.svg	
@@ -0,0 +1,5 @@
+<svg height="14" width="14" xmlns="http://www.w3.org/2000/svg">
+<g style="display:inline">
+<path d="M388 342c-2.207 0-4 1.793-4 4s1.793 4 4 4c2.208 0 4-1.793 4-4s-1.792-4-4-4z" transform="translate(-381 -339)" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+</g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/edit-clear-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/edit-clear-symbolic.svg
new file mode 100755
index 000000000..ef3d71c71
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/edit-clear-symbolic.svg	
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <path d="m 7 2 c -0.832031 0 -1.558594 0.34375 -2.292969 0.78125 s -1.464843 1.003906 -2.128906 1.597656 c -0.660156 0.597656 -1.253906 1.222656 -1.707031 1.796875 c -0.226563 0.289063 -0.417969 0.5625 -0.570313 0.835938 c -0.152343 0.277343 -0.300781 0.53125 -0.300781 0.988281 s 0.148438 0.710938 0.300781 0.984375 c 0.152344 0.277344 0.34375 0.550781 0.570313 0.835937 c 0.453125 0.578126 1.046875 1.203126 1.707031 1.796876 c 0.664063 0.597656 1.394531 1.164062 2.128906 1.601562 s 1.460938 0.78125 2.292969 0.78125 h 6 c 1.644531 0 3 -1.355469 3 -3 v -6 c 0 -1.644531 -1.355469 -3 -3 -3 z m 1 3 c 0.265625 0 0.519531 0.105469 0.707031 0.292969 l 1.292969 1.292969 l 1.292969 -1.292969 c 0.1875 -0.1875 0.441406 -0.292969 0.707031 -0.292969 s 0.519531 0.105469 0.707031 0.292969 c 0.390625 0.390625 0.390625 1.023437 0 1.414062 l -1.292969 1.292969 l 1.292969 1.292969 c 0.390625 0.390625 0.390625 1.023437 0 1.414062 s -1.023437 0.390625 -1.414062 0 l -1.292969 -1.292969 l -1.292969 1.292969 c -0.390625 0.390625 -1.023437 0.390625 -1.414062 0 s -0.390625 -1.023437 0 -1.414062 l 1.292969 -1.292969 l -1.292969 -1.292969 c -0.390625 -0.390625 -0.390625 -1.023437 0 -1.414062 c 0.1875 -0.1875 0.441406 -0.292969 0.707031 -0.292969 z m 0 0" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/edit-copy-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/edit-copy-symbolic.svg
new file mode 100755
index 000000000..4212c3849
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/edit-copy-symbolic.svg	
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 6 16 h 6 l 3 -3 v -7 c 0 -0.550781 -0.449219 -1 -1 -1 h -8 c -0.550781 0 -1 0.449219 -1 1 v 9 c 0 0.550781 0.449219 1 1 1 z m 0 0"/>
+        <path d="m 2 12 h 2 v -6 c 0 -1.105469 0.894531 -2 2 -2 h 5 v -2 c 0 -0.550781 -0.449219 -1 -1 -1 h -8 c -0.550781 0 -0.996094 0.445312 -0.996094 0.996094 l -0.003906 9.003906 c 0 0.550781 0.449219 1 1 1 z m 0 0"/>
+    </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/edit-cut-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/edit-cut-symbolic.svg
new file mode 100755
index 000000000..7e4c3ae5d
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/edit-cut-symbolic.svg	
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 14 1 l -5.203125 4.972656 l 1.5625 1.527344 l 5.640625 -5.5 v -1 z m -6.804688 6.5 l -2.976562 2.84375 l 1.6875 1.5 l 2.890625 -2.816406 z m 0 0"/>
+        <path d="m 4.21875 5.65625 l 9.78125 9.34375 h 2 v -1 l -10.09375 -9.84375 z m 0 0"/>
+        <path d="m 5.972656 1.019531 c -1.359375 -1.359375 -3.59375 -1.359375 -4.953125 0 c -1.359375 1.359375 -1.359375 3.59375 0 4.953125 s 3.59375 1.363282 4.953125 0 c 1.359375 -1.359375 1.359375 -3.59375 0 -4.953125 z m -1.414062 1.414063 c 0.597656 0.59375 0.597656 1.53125 0 2.125 c -0.59375 0.597656 -1.527344 0.597656 -2.125 0 c -0.59375 -0.59375 -0.59375 -1.527344 0 -2.125 c 0.597656 -0.59375 1.53125 -0.59375 2.125 0 z m 0 0"/>
+        <path d="m 5.972656 10.019531 c -1.359375 -1.359375 -3.59375 -1.359375 -4.953125 0 c -1.359375 1.359375 -1.359375 3.597657 0 4.957031 c 1.359375 1.359376 3.59375 1.355469 4.953125 -0.003906 s 1.359375 -3.59375 0 -4.953125 z m -1.414062 1.414063 c 0.597656 0.597656 0.597656 1.53125 0 2.125 c -0.59375 0.597656 -1.527344 0.597656 -2.125 0.003906 c -0.59375 -0.597656 -0.59375 -1.53125 0 -2.128906 c 0.597656 -0.59375 1.53125 -0.59375 2.125 0 z m 0 0"/>
+    </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/edit-find-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/edit-find-symbolic.svg
new file mode 100755
index 000000000..82e433366
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/edit-find-symbolic.svg	
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 10.804688 10 c -0.8125 0.144531 -1.105469 1.15625 -0.5 1.71875 l 3 3 c 0.957031 0.9375 2.363281 -0.5 1.40625 -1.4375 l -3 -3 c -0.238282 -0.242188 -0.578126 -0.347656 -0.90625 -0.28125 z m 0 0"/>
+        <path d="m 6.5 0 c -3.578125 0 -6.5 2.921875 -6.5 6.5 s 2.921875 6.496094 6.5 6.496094 s 6.5 -2.917969 6.5 -6.496094 s -2.921875 -6.5 -6.5 -6.5 z m 0 2 c 2.496094 0 4.5 2.003906 4.5 4.5 s -2.003906 4.496094 -4.5 4.496094 s -4.5 -2 -4.5 -4.496094 s 2.003906 -4.5 4.5 -4.5 z m 0 0"/>
+    </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/edit-paste-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/edit-paste-symbolic.svg
new file mode 100755
index 000000000..0b507f522
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/edit-paste-symbolic.svg	
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 5.5 1 h 5 c 0.277344 0 0.5 0.222656 0.5 0.5 v 3 c 0 0.277344 -0.222656 0.5 -0.5 0.5 h -5 c -0.277344 0 -0.5 -0.222656 -0.5 -0.5 v -3 c 0 -0.277344 0.222656 -0.5 0.5 -0.5 z m 0 0"/>
+        <path d="m 7.5 0 h 1 c 0.277344 0 0.5 0.222656 0.5 0.5 v 3 c 0 0.277344 -0.222656 0.5 -0.5 0.5 h -1 c -0.277344 0 -0.5 -0.222656 -0.5 -0.5 v -3 c 0 -0.277344 0.222656 -0.5 0.5 -0.5 z m 0 0"/>
+        <path d="m 4 1 c -1.644531 0 -3 1.355469 -3 3 v 9 c 0 1.644531 1.355469 3 3 3 h 8 c 1.644531 0 3 -1.355469 3 -3 v -9 c 0 -1.644531 -1.355469 -3 -3 -3 v 2 c 0.570312 0 1 0.429688 1 1 v 9 c 0 0.570312 -0.429688 1 -1 1 h -8 c -0.570312 0 -1 -0.429688 -1 -1 v -9 c 0 -0.570312 0.429688 -1 1 -1 z m 0 0"/>
+    </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/eye-not-looking-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/eye-not-looking-symbolic.svg
new file mode 100755
index 000000000..a53c9d00c
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/eye-not-looking-symbolic.svg	
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:osb="http://www.openswatchbook.org/uri/2009/osb">
+    <title>Gnome Symbolic Icon Theme</title>
+    <g transform="translate(-140 -40)">
+        <path d="m153.98 41.99a1.0001 1.0001 0 0 0-0.6875 0.30274l-0.98438 0.98437a8 8 0 0 0-4.3086-1.2773 8 8 0 0 0-7.7383 6.0098 8 8 0 0 0 2.9434 4.3711l-0.91211 0.91211a1.0001 1.0001 0 1 0 1.4141 1.4141l11-11a1.0001 1.0001 0 0 0-0.72656-1.7168zm-5.9805 2.0098a4 4 0 0 1 2.6113 0.97461l-1.4199 1.4199a2 2 0 0 0-1.1914-0.39453 2 2 0 0 0-2 2 2 2 0 0 0 0.39648 1.1894l-1.4199 1.4199a4 4 0 0 1-0.97656-2.6094 4 4 0 0 1 4-4zm7.0293 2.209-3.3438 3.3438a4 4 0 0 1-2.127 2.127l-2.2793 2.2793a8 8 0 0 0 0.7207 0.04102 8 8 0 0 0 7.7383-6.0098 8 8 0 0 0-0.70898-1.7812zm-7.5293 0.79102a0.5 0.5 0 0 1 0.5 0.5 0.5 0.5 0 0 1-0.5 0.5 0.5 0.5 0 0 1-0.5-0.5 0.5 0.5 0 0 1 0.5-0.5z" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity"/>
+    </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/firefox-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/firefox-symbolic.svg
new file mode 100755
index 000000000..84c30e7ab
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/firefox-symbolic.svg	
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <path fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity" d="m15.728 5.8949v-0.0051c-0.0114-0.04333-0.02338-0.08666-0.03592-0.12942l-0.0051-0.01938-0.03592-0.1203-0.0086-0.02623c-0.01197-0.03877-0.02395-0.07697-0.03649-0.11403-0.0034-0.01026-0.0068-0.02053-0.0097-0.03079-0.01254-0.03706-0.02509-0.07412-0.0382-0.11118-0.0034-0.01083-0.0074-0.02167-0.0114-0.0325-0.01254-0.03649-0.02566-0.07298-0.03934-0.1089-0.0034-0.01083-8e-3 -0.02166-0.01197-0.0325l-0.04105-0.1089c-4e-3 -0.0091-8e-3 -0.01825-0.0114-0.02794-0.0034-0.0097-0.0086-0.0211-0.01254-0.03193l-0.0325-0.08039-0.0051-0.0114c-0.05131-0.12429-0.10586-0.24687-0.16363-0.36774-0.0034-0.0086-0.0074-0.01653-0.0114-0.02452-0.01368-0.02908-0.02794-0.05701-0.04219-0.08666l-0.02566-0.05131c-0.01254-0.02566-0.02623-0.05131-0.03934-0.07697l-0.03079-0.05701c-0.01254-0.02452-0.02566-0.04846-0.0382-0.07241l-0.03421-0.06272-0.0382-0.06842-0.07526-0.13c-0.01368-0.02224-0.0268-0.04447-0.03991-0.06671l-0.0382-0.06272-0.04276-0.06842-0.03763-0.05701-0.04561-0.0707-0.03706-0.05701-0.05017-0.07355-0.03535-0.05131c-0.01881-0.02737-0.0382-0.05701-0.05701-0.08153-0.01026-0.01368-0.01996-0.02794-0.03022-0.04219-0.02908-0.04048-0.05701-0.08096-0.08951-0.12144-0.2306-0.30279-0.48269-0.5886-0.7543-0.85522-0.18898-0.1946-0.39028-0.37685-0.60264-0.54563-0.12258-0.10605-0.25086-0.20582-0.382-0.30046-0.2608-0.19527-0.53929-0.36573-0.83184-0.50914-0.06956-0.03592-0.13968-0.07184-0.21038-0.10605-0.56932-0.27971-1.1694-0.49191-1.788-0.63229-0.08267-0.01767-0.16477-0.03421-0.24801-0.0496-0.41364-0.07929-0.83324-0.12354-1.2543-0.13235h-0.17731c-0.54875-0.0023-1.0962 0.0529-1.6335 0.16485-1.1369 0.23889-2.1363 0.72978-2.7686 1.3433h0.0029l0.0046-0.0034h4e-3l0.0086-0.0057c0.47265-0.28507 1.1249-0.51313 1.5913-0.63058l0.07754-0.01882c0.0878-0.02109 0.17788-0.04048 0.27139-0.05701l0.07754-0.01483c2.0668-0.37629 4.2709 0.2406 5.8058 1.7104 0.33237 0.31459 0.62339 0.67017 0.86605 1.0582 0.97894 1.5884 0.886 3.5845 0.12258 4.7618-0.56672 0.87517-1.7811 1.6956-2.9146 1.6865l0.06899 0.0034h-0.04561l-0.07013-0.0029c-0.5047-0.023581-0.99899-0.15172-1.4516-0.37629-1.7538-0.89512-2.0149-3.1255-0.74632-4.2037-0.42134-0.09065-1.2127 0.08666-1.764 0.90881-0.49431 0.7372-0.46638 1.8769-0.16135 2.6854-0.19508-0.39846-0.32757-0.82461-0.39283-1.2634-0.38314-2.5805 1.288-4.7932 2.8878-5.4403l0.03364-0.01311 0.04333-0.01654 0.07754-0.02794c-0.36033-0.31415-0.94131-0.49203-1.6146-0.51313-0.92933-0.02623-2.0348 0.24972-2.9818 0.88657-0.05663 0.03801-0.11251 0.07735-0.16762 0.11802-0.03421 0.02509-0.06785 0.05074-0.10149 0.0764l-0.03136 0.02452-0.06842 0.05701-0.03535 0.02908c-0.02224 0.01767-0.04333 0.03592-0.065 0.05701l-0.03364 0.02851-0.07526 0.06671-0.01938 0.0171-0.09293 0.06956-0.03136 0.03079-0.05701 0.05701-0.03649 0.03706c-0.01767 0.01767-0.03478 0.03535-0.05188 0.05359l-0.03649 0.03877-0.05245 0.05701c-0.01083 0.01197-0.02224 0.02395-0.03307 0.03649-0.02566 0.02908-0.05131 0.05701-0.07697 0.08837l-0.03649 0.04333-0.04276 0.05131-0.03934 0.0496-0.03763 0.04732-0.04048 0.05302-0.03364 0.04504-0.04105 0.05701-0.02338 0.0325c-0.02851 0.04105-0.05701 0.0821-0.08495 0.12372l-0.02395 0.03535-0.04276 0.06614c-8e-3 0.01254-0.01596 0.02452-0.02338 0.03706-0.01425 0.0228-0.02851 0.04561-0.04219 0.06842l-0.02052 0.03364-0.0439 0.07412c-0.0011 0.0024-0.0025 0.0047-4e-3 0.0068-0.03592 0.06214-0.0707 0.12543-0.10434 0.18929-0.01483 0.02794-0.02908 0.05701-0.04333 0.08438l-0.01254 0.02509c-0.01406 0.02775-0.02775 0.05568-0.04105 0.08381l-0.0114 0.02338c-0.06158 0.12942-0.11859 0.26227-0.17104 0.3991-0.0017 0.0047-0.0036 0.0092-0.0057 0.01368-0.01197 0.03193-0.02395 0.06386-0.03535 0.09578-0.0029 0.0063-0.0051 0.01254-0.0074 0.01881-0.0114 0.0325-0.02337 0.06557-0.03478 0.09863v0.0029c-0.02452 0.07241-0.04846 0.14539-0.07127 0.21951 0.04241-0.44133 0.13088-0.87701 0.26398-1.2999v-0.0091c0.0074-0.02452 0.01539-0.0496 0.02338-0.07412 0-0.0063 0.0034-0.01197 0.0057-0.01825 0.0068-0.02281 0.01425-0.04504 0.02167-0.06785l0.0086-0.02509 0.0211-0.06329c0.0034-0.01026 0.0068-0.02053 0.01083-0.03079l0.02053-0.05701 0.01254-0.03592 0.02053-0.05701c0.0046-0.01311 0.0097-0.02623 0.01483-0.03991 0.0051-0.01368 0.01311-0.03478 0.01938-0.05245l0.0171-0.0439c0.0063-0.0171 0.01254-0.03364 0.01938-0.05017l0.01882-0.04789 0.01882-0.04675 0.02109-0.05131c0.0063-0.01483 0.01254-0.02965 0.01825-0.04447l0.02395-0.05701c0.0057-0.01368 0.0114-0.02737 0.01767-0.04105 0.0063-0.01368 0.0171-0.03934 0.02566-0.05701l0.0171-0.0382c0.0091-0.02167 0.01938-0.04276 0.02908-0.06443l0.01539-0.03307c0.01083-0.02452 0.0228-0.04903 0.03421-0.07355l0.0114-0.02395 0.04447-0.09179 0.0034-0.0068 0.05017-0.10034c-0.2031 0.11441-0.3878 0.25876-0.54791 0.42818l-0.05701 0.05701c-0.42041 0.45169-0.75985 0.97244-1.0035 1.5394-0.38656 0.93047-0.57984 2.0012-0.57591 3.0725 0.0013 0.31857 0.02037 0.63683 0.05708 0.95328 0 0.01653 4e-3 0.03307 0.0057 0.0496 0.0091 0.08096 0.01825 0.16192 0.02851 0.24231v0.0171c0.50011 2.9068 2.5569 5.3039 5.354 6.2397s5.8823 0.25921 8.031-1.7614 3.0135-5.0584 2.2511-7.9077z"/>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/folder-download-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/folder-download-symbolic.svg
new file mode 100755
index 000000000..b1e5ac3a4
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/folder-download-symbolic.svg	
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <path d="m 7.515625 1 c -0.277344 0 -0.5 0.222656 -0.5 0.5 v 7.585938 l -1.792969 -1.792969 c -0.1875 -0.1875 -0.441406 -0.292969 -0.707031 -0.292969 h -1.5 v 1 h 0.011719 c -0.003906 0.265625 0.097656 0.519531 0.28125 0.707031 l 4 4 c 0.390625 0.390625 1.023437 0.390625 1.414062 0 l 4 -4 c 0.1875 -0.1875 0.289063 -0.441406 0.289063 -0.707031 h 0.003906 v -1 h -1.5 c -0.265625 0 -0.519531 0.105469 -0.707031 0.292969 l -1.792969 1.792969 v -7.585938 c 0 -0.277344 -0.222656 -0.5 -0.5 -0.5 z m -5 13 c -0.277344 0 -0.5 0.222656 -0.5 0.5 v 1 c 0 0.277344 0.222656 0.5 0.5 0.5 h 11 c 0.277344 0 0.5 -0.222656 0.5 -0.5 v -1 c 0 -0.277344 -0.222656 -0.5 -0.5 -0.5 z m 0 0" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity" font-family="sans-serif" font-weight="400" overflow="visible" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;isolation:auto;mix-blend-mode:normal;shape-padding:0;text-decoration-color:#000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/folder-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/folder-symbolic.svg
new file mode 100755
index 000000000..a8a743a6e
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/folder-symbolic.svg	
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 1 4 v 1 h 8 v -1 z m 0 0"/>
+        <path d="m 3 1 c -1.644531 0 -3 1.355469 -3 3 v 8 c 0 1.644531 1.355469 3 3 3 h 10 c 1.644531 0 3 -1.355469 3 -3 v -6 c 0 -1.644531 -1.355469 -3 -3 -3 h -3.585938 l -1.707031 -1.707031 c -0.1875 -0.1875 -0.441406 -0.292969 -0.707031 -0.292969 z m 0 2 h 3.585938 l 1.707031 1.707031 c 0.1875 0.1875 0.441406 0.292969 0.707031 0.292969 h 4 c 0.5625 0 1 0.4375 1 1 v 6 c 0 0.566406 -0.4375 1 -1 1 h -10 c -0.5625 0 -1 -0.433594 -1 -1 v -8 c 0 -0.5625 0.4375 -1 1 -1 z m 0 0"/>
+    </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/general-properties-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/general-properties-symbolic.svg
new file mode 100755
index 000000000..f8aa3cfe2
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/general-properties-symbolic.svg	
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:osb="http://www.openswatchbook.org/uri/2009/osb">
+    <title>Gnome Symbolic Icon Theme</title>
+    <g transform="translate(-639.98 -284)" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity">
+        <path d="m643.16 294h10.688c0.64056 0 1.1562 0.51569 1.1562 1.1562v1.6875c0 0.64056-0.51569 1.1562-1.1562 1.1562h-10.688c-0.64056 0-1.1562-0.51569-1.1562-1.1562v-1.6875c0-0.64056 0.51569-1.1562 1.1562-1.1562z" style="paint-order:normal"/>
+        <path d="m649.16 289c-0.64056 0-1.1562 0.51569-1.1562 1.1562v1.6875c0 0.64056 0.51569 1.1562 1.1562 1.1562h4.6875c0.64056 0 1.1562-0.51569 1.1562-1.1562v-1.6875c0-0.64056-0.51569-1.1562-1.1562-1.1562zm-0.0469 1h4.7812c0.0606 0 0.10938 0.0488 0.10938 0.10938v1.7812c0 0.0606-0.0488 0.10938-0.10938 0.10938h-4.7812c-0.06057 0-0.10935-0.04878-0.10935-0.10938v-1.7812c0-0.0606 0.04878-0.10938 0.10938-0.10938z" style="paint-order:normal"/>
+        <path d="m647.51 285.88-3.502 3.502-1.5059-1.5293-0.9961 0.98046 2.4941 2.5352 4.498-4.5z" color="#000000" color-rendering="auto" dominant-baseline="auto" image-rendering="auto" shape-rendering="auto" solid-color="#000000" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;isolation:auto;mix-blend-mode:normal;paint-order:normal;shape-padding:0;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
+    </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/go-down-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/go-down-symbolic.svg
new file mode 100755
index 000000000..616ecc558
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/go-down-symbolic.svg	
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 2.707031 4.292969 l -1.414062 1.414062 l 6.707031 6.707031 l 6.707031 -6.707031 l -1.414062 -1.414062 l -5.292969 5.292969 z m 0 0"/>
+        <path d="m 15 5 v -1 h -1 v 1 z m 0 0"/>
+        <path d="m 2 5 v -1 h -1 v 1 z m 0 0"/>
+        <path d="m 3 5 c 0 -0.554688 -0.445312 -1 -1 -1 s -1 0.445312 -1 1 s 0.445312 1 1 1 s 1 -0.445312 1 -1 z m 0 0"/>
+        <path d="m 15 5 c 0 -0.554688 -0.445312 -1 -1 -1 s -1 0.445312 -1 1 s 0.445312 1 1 1 s 1 -0.445312 1 -1 z m 0 0"/>
+    </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/go-next-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/go-next-symbolic.svg
new file mode 100755
index 000000000..2bc221883
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/go-next-symbolic.svg	
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 4.292969 2.707031 l 1.414062 -1.414062 l 6.707031 6.707031 l -6.707031 6.707031 l -1.414062 -1.414062 l 5.292969 -5.292969 z m 0 0"/>
+        <path d="m 5 15 h -1 v -1 h 1 z m 0 0"/>
+        <path d="m 5 2 h -1 v -1 h 1 z m 0 0"/>
+        <path d="m 5 3 c -0.554688 0 -1 -0.445312 -1 -1 s 0.445312 -1 1 -1 s 1 0.445312 1 1 s -0.445312 1 -1 1 z m 0 0"/>
+        <path d="m 5 15 c -0.554688 0 -1 -0.445312 -1 -1 s 0.445312 -1 1 -1 s 1 0.445312 1 1 s -0.445312 1 -1 1 z m 0 0"/>
+    </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/go-previous-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/go-previous-symbolic.svg
new file mode 100755
index 000000000..b4812cdfd
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/go-previous-symbolic.svg	
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 11.707031 2.707031 l -1.414062 -1.414062 l -6.707031 6.707031 l 6.707031 6.707031 l 1.414062 -1.414062 l -5.292969 -5.292969 z m 0 0"/>
+        <path d="m 11 15 h 1 v -1 h -1 z m 0 0"/>
+        <path d="m 11 2 h 1 v -1 h -1 z m 0 0"/>
+        <path d="m 11 3 c 0.554688 0 1 -0.445312 1 -1 s -0.445312 -1 -1 -1 s -1 0.445312 -1 1 s 0.445312 1 1 1 z m 0 0"/>
+        <path d="m 11 15 c 0.554688 0 1 -0.445312 1 -1 s -0.445312 -1 -1 -1 s -1 0.445312 -1 1 s 0.445312 1 1 1 z m 0 0"/>
+    </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/go-up-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/go-up-symbolic.svg
new file mode 100755
index 000000000..207fa0f37
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/go-up-symbolic.svg	
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 2.707031 11.707031 l -1.414062 -1.414062 l 6.707031 -6.707031 l 6.707031 6.707031 l -1.414062 1.414062 l -5.292969 -5.292969 z m 0 0"/>
+        <path d="m 15 11 v 1 h -1 v -1 z m 0 0"/>
+        <path d="m 2 11 v 1 h -1 v -1 z m 0 0"/>
+        <path d="m 3 11 c 0 0.554688 -0.445312 1 -1 1 s -1 -0.445312 -1 -1 s 0.445312 -1 1 -1 s 1 0.445312 1 1 z m 0 0"/>
+        <path d="m 15 11 c 0 0.554688 -0.445312 1 -1 1 s -1 -0.445312 -1 -1 s 0.445312 -1 1 -1 s 1 0.445312 1 1 z m 0 0"/>
+    </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/info-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/info-symbolic.svg
new file mode 100755
index 000000000..3f47dfc54
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/info-symbolic.svg	
@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+    <filter id="a" x="0" y="0" width="1" height="1">
+        <feColorMatrix in="SourceGraphic" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+    </filter>
+    <mask id="b">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".3"/>
+        </g>
+    </mask>
+    <clipPath id="c">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="d">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="e">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="f">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="g">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="h">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="i">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="j">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="k">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="l">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="m">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="n">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="o">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="p">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".3"/>
+        </g>
+    </mask>
+    <clipPath id="q">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="r">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".5"/>
+        </g>
+    </mask>
+    <clipPath id="s">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="t">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".4"/>
+        </g>
+    </mask>
+    <clipPath id="u">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="v">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".4"/>
+        </g>
+    </mask>
+    <clipPath id="w">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="x">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".5"/>
+        </g>
+    </mask>
+    <clipPath id="y">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="z">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".5"/>
+        </g>
+    </mask>
+    <clipPath id="A">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <path d="m7.9062 1c-3.8281 0.050781-6.9062 3.1719-6.9062 7 0 3.8672 3.1328 7 7 7s7-3.1328 7-7-3.1328-7-7-7h-0.09375zm-0.40625 3h1c0.27734 0 0.5 0.22266 0.5 0.5v1c0 0.27734-0.22266 0.5-0.5 0.5h-1c-0.27734 0-0.5-0.22266-0.5-0.5v-1c0-0.27734 0.22266-0.5 0.5-0.5zm-0.5 3h2v5h-2z" color="#000000" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity"/>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/key-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/key-symbolic.svg
new file mode 100755
index 000000000..a622d292c
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/key-symbolic.svg	
@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+    <filter id="a" x="0" y="0" width="1" height="1">
+        <feColorMatrix in="SourceGraphic" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+    </filter>
+    <mask id="b">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".3"/>
+        </g>
+    </mask>
+    <clipPath id="c">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="d">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="e">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="f">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="g">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="h">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="i">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="j">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="k">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="l">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="m">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="n">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="o">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="p">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".3"/>
+        </g>
+    </mask>
+    <clipPath id="q">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="r">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".5"/>
+        </g>
+    </mask>
+    <clipPath id="s">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="t">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".4"/>
+        </g>
+    </mask>
+    <clipPath id="u">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="v">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".4"/>
+        </g>
+    </mask>
+    <clipPath id="w">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="x">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".5"/>
+        </g>
+    </mask>
+    <clipPath id="y">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="z">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".5"/>
+        </g>
+    </mask>
+    <clipPath id="A">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <path d="m5 4c-2.2109 0-4 1.7891-4 4s1.7891 4 4 4c1.8242 0 3.4141-1.2344 3.8711-3h4.1289v2h3v-4h-7.1328c-0.45703-1.7656-2.0469-2.9961-3.8672-3zm0 2c1.1055 0 2 0.89453 2 2s-0.89453 2-2 2-2-0.89453-2-2 0.89453-2 2-2z" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/list-add-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/list-add-symbolic.svg
new file mode 100755
index 000000000..542008ca9
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/list-add-symbolic.svg	
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <path d="m 7 1 v 6 h -6 v 2 h 6 v 6 h 2 v -6 h 6 v -2 h -6 v -6 z m 0 0" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/mail-unread-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/mail-unread-symbolic.svg
new file mode 100755
index 000000000..d61f0dbf4
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/mail-unread-symbolic.svg	
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 1.804688 3.019531 c -0.261719 0.050781 -0.488282 0.207031 -0.636719 0.425781 c -0.304688 0.460938 -0.183594 1.082032 0.277343 1.386719 l 5.167969 3.445313 c 0.835938 0.558594 1.9375 0.558594 2.773438 0 l 5.167969 -3.445313 c 0.460937 -0.304687 0.582031 -0.925781 0.277343 -1.386719 c -0.304687 -0.460937 -0.925781 -0.582031 -1.386719 -0.277343 l -5.167968 3.445312 c -0.171875 0.113281 -0.382813 0.113281 -0.554688 0 l -5.167968 -3.445312 c -0.222657 -0.148438 -0.492188 -0.199219 -0.75 -0.148438 z m 0 0"/>
+        <path d="m 3 2 c -1.644531 0 -3 1.355469 -3 3 v 6 c 0 1.644531 1.355469 3 3 3 h 10 c 1.644531 0 3 -1.355469 3 -3 v -6 c 0 -1.644531 -1.355469 -3 -3 -3 z m 0 2 h 10 c 0.570312 0 1 0.429688 1 1 v 6 c 0 0.570312 -0.429688 1 -1 1 h -10 c -0.570312 0 -1 -0.429688 -1 -1 v -6 c 0 -0.570312 0.429688 -1 1 -1 z m 0 0"/>
+    </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/message-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/message-symbolic.svg
new file mode 100755
index 000000000..1afe2e49e
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/message-symbolic.svg	
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M3.5 1A2.495 2.495 0 001 3.5v5C1 9.885 2.115 11 3.5 11h6.375L13 15v-4.063A2.486 2.486 0 0015 8.5v-5C15 2.115 13.885 1 12.5 1z" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity"/></svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/non-starred-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/non-starred-symbolic.svg
new file mode 100755
index 000000000..abd203603
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/non-starred-symbolic.svg	
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <path d="m 7.996094 0.160156 l -2.460938 4.929688 l -5.457031 0.839844 l 3.929687 3.863281 l -0.890624 5.445312 l 4.890624 -2.542969 l 4.90625 2.53125 l -0.328124 -1.96875 l -0.582032 -3.46875 l 3.925782 -3.882812 l -5.453126 -0.816406 z m 0.007812 4.464844 l 1.152344 2.289062 l 2.527344 0.378907 l -1.824219 1.804687 l 0.421875 2.519532 l -2.28125 -1.175782 l -2.265625 1.179688 l 0.414063 -2.53125 l -1.820313 -1.789063 l 2.535156 -0.390625 z m 0 0" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/open-menu-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/open-menu-symbolic.svg
new file mode 100755
index 000000000..6dbb6a9f4
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/open-menu-symbolic.svg	
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 1 2 h 14 v 2 h -14 z m 0 0"/>
+        <path d="m 1 7 h 14 v 2 h -14 z m 0 0"/>
+        <path d="m 1 12 h 14 v 2 h -14 z m 0 0"/>
+    </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/padlock-insecure-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/padlock-insecure-symbolic.svg
new file mode 100755
index 000000000..d07c1c462
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/padlock-insecure-symbolic.svg	
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <g color="#bebebe">
+        <path d="M5 0C3.355 0 2 1.355 2 3v3h2V3c0-.571.429-1 1-1h2c.571 0 1 .429 1 1v.25c.267-.15.557-.25.875-.25H10c0-1.645-1.355-3-3-3zM2 9s-1 0-1 1v5h10v-2H8.875C7.865 13 7 12.135 7 11.125V9z" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity" overflow="visible"/>
+        <path class="warning" d="M8.875 4A.863.863 0 008 4.875v6.25c0 .492.383.875.875.875h6.25a.863.863 0 00.875-.875v-6.25A.863.863 0 0015.125 4zM11 5h2v2.5s0 .5-.5.5h-1c-.5 0-.5-.5-.5-.5zm.5 4h1c.277 0 .5.223.5.5v1c0 .277-.223.5-.5.5h-1a.499.499 0 01-.5-.5v-1c0-.277.223-.5.5-.5z" fill="#f57900" overflow="visible"/>
+    </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/padlock-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/padlock-symbolic.svg
new file mode 100755
index 000000000..f9baa7887
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/padlock-symbolic.svg	
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:osb="http://www.openswatchbook.org/uri/2009/osb">
+    <title>Gnome Symbolic Icon Theme</title>
+    <g transform="translate(-40,-318)">
+        <path d="m47 319c-1.6447 0-3 1.3553-3 3v3h-1c-0.554 0-1 0.446-1 1v2 1 3h12v-3-1-2c0-0.554-0.446-1-1-1h-1v-3c0-1.6447-1.3553-3-3-3zm0 2h2c0.5713 0 1 0.4287 1 1v3h-4v-3c0-0.5713 0.4287-1 1-1z" color="#bebebe" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity"/>
+    </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/pan-down-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/pan-down-symbolic.svg
new file mode 100755
index 000000000..46f8d862a
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/pan-down-symbolic.svg	
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16" height="16" enable-background="new" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <title>Gnome Symbolic Icons</title>
+    <g transform="translate(-152.01 -952)">
+        <path d="m166 957-5.9941 6-6.0059-6z" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+    </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/pan-end-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/pan-end-symbolic.svg
new file mode 100755
index 000000000..566182c49
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/pan-end-symbolic.svg	
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16" height="16" enable-background="new" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <title>Gnome Symbolic Icons</title>
+    <g transform="translate(-112.01 -952)">
+        <path d="m117 966 6.0058-6-6.0058-6z" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+    </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/pan-start-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/pan-start-symbolic.svg
new file mode 100755
index 000000000..1fad5b246
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/pan-start-symbolic.svg	
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16" height="16" enable-background="new" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <title>Gnome Symbolic Icons</title>
+    <g transform="translate(-92.006 -952)">
+        <path d="m103 966-5.9942-6 5.9942-6z" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+    </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/pan-up-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/pan-up-symbolic.svg
new file mode 100755
index 000000000..ea990b292
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/pan-up-symbolic.svg	
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16" height="16" enable-background="new" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <title>Gnome Symbolic Icons</title>
+    <g transform="translate(-132.01 -952)">
+        <path d="m146 963-5.9942-6-6.0058 6z" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+    </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/play-large-disabled-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/play-large-disabled-symbolic.svg
new file mode 100755
index 000000000..e918cc525
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/play-large-disabled-symbolic.svg	
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 0 16 16" width="16px">
+  <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+  <path d="m 2 1 v 2.0625 l 8.246094 8.242188 l 3.648437 -2.085938 c 0.433594 -0.238281 0.65625 -0.730469 0.65625 -1.222656 c 0 -0.492188 -0.222656 -0.984375 -0.65625 -1.226563 l -9.792969 -5.59375 c -0.214843 -0.121093 -0.457031 -0.175781 -0.703124 -0.175781 z m 0 4.183594 v 9.808594 h 1.398438 c 0.246093 0.003906 0.488281 -0.054688 0.703124 -0.171876 l 4.792969 -2.742187 z m 0 0"/>
+  <path d="m 1.53125 0.46875 l -1.0625 1.0625 l 14 14 l 1.0625 -1.0625 z m 0 0"/>
+  </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/preferences-system-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/preferences-system-symbolic.svg
new file mode 100755
index 000000000..5689c4ba8
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/preferences-system-symbolic.svg	
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
+    <path d="M8 1c-.22 0-.44.011-.656.031l-.406 2.094a5.012 5.012 0 00-.969.312L4.438 1.97c-.389.23-.727.514-1.063.812l.906 1.906a5.057 5.057 0 00-.593.813L1.594 5.22a6.91 6.91 0 00-.406 1.28l1.843 1a4.826 4.826 0 00-.03.5c0 .173.013.332.03.5l-1.843 1c.097.445.228.872.406 1.281l2.094-.281c.17.29.371.563.593.812l-.906 1.907c.336.298.674.582 1.063.812l1.531-1.469c.306.137.634.24.969.313l.406 2.094a7.118 7.118 0 001.312 0l.407-2.094c.334-.073.663-.176.968-.313l1.532 1.47c.388-.23.727-.515 1.062-.813l-.906-1.907a5.11 5.11 0 00.594-.812l2.093.281a6.91 6.91 0 00.407-1.281l-1.844-1c.017-.168.031-.327.031-.5s-.014-.332-.031-.5l1.844-1a6.908 6.908 0 00-.407-1.281l-2.093.281a5.057 5.057 0 00-.594-.813l.906-1.906c-.335-.298-.674-.582-1.062-.812L10.03 3.437a5.015 5.015 0 00-.968-.312l-.407-2.094A7.118 7.118 0 008 1zm0 4a3 3 0 110 6 3 3 0 010-6z" style="marker:none" color="#000" overflow="visible" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/preferences-system-time-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/preferences-system-time-symbolic.svg
new file mode 100755
index 000000000..6289c547c
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/preferences-system-time-symbolic.svg	
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g color="#000" font-weight="400" font-family="sans-serif" white-space="normal" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 8 0 c -4.40625 0 -8 3.59375 -8 8 s 3.59375 8 8 8 s 8 -3.59375 8 -8 s -3.59375 -8 -8 -8 z m 0 2 c 3.324219 0 6 2.671875 6 6 c 0 3.324219 -2.675781 6 -6 6 s -6 -2.675781 -6 -6 c 0 -3.328125 2.675781 -6 6 -6 z m 0 0"/>
+        <path d="m 4.929688 4.953125 c -0.128907 0.003906 -0.257813 0.058594 -0.351563 0.152344 c -0.191406 0.195312 -0.1875 0.511719 0.007813 0.707031 l 3.113281 3.042969 c 0.105469 0.097656 0.246093 0.144531 0.386719 0.128906 h 2.914062 c 0.277344 0 0.5 -0.222656 0.5 -0.5 c 0 -0.273437 -0.222656 -0.5 -0.5 -0.5 h -2.761719 l -2.953125 -2.886719 c -0.09375 -0.09375 -0.222656 -0.144531 -0.355468 -0.144531 z m 0 0"/>
+    </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/printer-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/printer-symbolic.svg
new file mode 100755
index 000000000..69087d8c6
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/printer-symbolic.svg	
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="M2 4c-.5 0-1 .5-1 1v4c0 .5.5 1 1 1h1V8h10v2h1c.5 0 1-.5 1-1V5c0-.5-.5-1-1-1zM4 1v2h8V1z"/>
+        <path d="M4 9v5h8V9z"/>
+    </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/process-stop-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/process-stop-symbolic.svg
new file mode 100755
index 000000000..fad750b72
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/process-stop-symbolic.svg	
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <path d="m 2.003906 2 h 1 h 0.03125 c 0.253906 0.011719 0.507813 0.128906 0.6875 0.3125 l 4.28125 4.28125 l 4.3125 -4.28125 c 0.265625 -0.230469 0.445313 -0.304688 0.6875 -0.3125 h 1 v 1 c 0 0.285156 -0.035156 0.550781 -0.25 0.75 l -4.28125 4.28125 l 4.25 4.25 c 0.1875 0.1875 0.28125 0.453125 0.28125 0.71875 v 1 h -1 c -0.265625 0 -0.53125 -0.09375 -0.71875 -0.28125 l -4.28125 -4.28125 l -4.28125 4.28125 c -0.1875 0.1875 -0.453125 0.28125 -0.71875 0.28125 h -1 v -1 c 0 -0.265625 0.09375 -0.53125 0.28125 -0.71875 l 4.28125 -4.25 l -4.28125 -4.28125 c -0.210937 -0.195312 -0.304687 -0.46875 -0.28125 -0.75 z m 0 0" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/process-working-symbolic-black.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/process-working-symbolic-black.svg
new file mode 100755
index 000000000..4083d9fd5
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/process-working-symbolic-black.svg	
@@ -0,0 +1,9 @@
+<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<path d="M8.00195 1.00024C6.47071 1.00024 4.98171 1.50234 3.76313 2.42957C2.54455 3.35681 1.66363 4.65804 1.25535 6.13385C0.847084 7.60967 0.933991 9.17864 1.50276 10.6003C2.07152 12.022 3.09077 13.218 4.4043 14.005C5.71783 14.792 7.25318 15.1265 8.77505 14.9574C10.2969 14.7883 11.7214 14.1248 12.8301 13.0687C13.9388 12.0125 14.6706 10.622 14.9134 9.1101C15.1562 7.59823 14.8965 6.04845 14.1742 4.69827L11.5325 6.11153C11.9456 6.88383 12.0941 7.77029 11.9553 8.63508C11.8164 9.49986 11.3978 10.2953 10.7636 10.8994C10.1294 11.5035 9.31467 11.883 8.44416 11.9797C7.57366 12.0764 6.69545 11.8851 5.94411 11.4349C5.19278 10.9848 4.60978 10.3007 4.28445 9.48748C3.95911 8.67428 3.9094 7.77683 4.14293 6.93268C4.37646 6.08852 4.88035 5.34422 5.57737 4.81385C6.27439 4.28347 7.12609 3.99628 8.00195 3.99628V3.99628C8.82974 3.99847 9.50195 3.32803 9.50195 2.50024V2.50024V2.50024C9.50195 1.67182 8.83038 1.00024 8.00195 1.00024V1.00024Z" fill="url(#pattern0)"/>
+<defs>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_605_8" transform="scale(0.0714286)"/>
+</pattern>
+<image id="image0_605_8" width="14" height="14" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF3SURBVHgBVZJBTsMwEEVjJ2lpoYpUVXSbdbaIfa7DKYLECbgAB+AkIIFUsSBQZQssGgWJQJ0mtc2fdIJMpNeJ3fn+33aE53kGCGC5/nuE6KeUtfYB9d73/ZXWOpdO81CtI7I8LkEBXkiEupZOg9N/GMNFAA3WGD6BFcizLNt6HJUazeCAapz6Bq7AGQg5me+5jQNORJq/BefcLNM0DWiBwN0Ti/qIPCa3a/BIIqKu68N28PPN9hIiCdFwYBLPhTHmJkkS0batKIpCxHH8d5LvTiwNOvADnsHlYrH4KMvSuKmWy2Xv+Ar2TAPXGq4buOVwu6NT5FTGMehzU+gv8En3RSLUDUTkOgWn4CSKIsn9/nw+lwHHaoHilWu4Ue3gHuLCj/EeYY9kRPdnqqqydCCKxdsBuO0ANJquYEzOSilaYDqbzWhOBOzUwEWhuX/nBLQfiW+TXEdhGB6hR/N1NAH2RI3ksGPBnk+3/+jZddR13Zj/s5PJxP4C9v3NuV90MtwAAAAASUVORK5CYII="/>
+</defs>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/process-working-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/process-working-symbolic.svg
new file mode 100755
index 000000000..7548638ab
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/process-working-symbolic.svg	
@@ -0,0 +1,9 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <path d="M8 1C6.46876 1 4.97975 1.50209 3.76118 2.42933C2.5426 3.35657 1.66167 4.6578 1.2534 6.13361C0.845131 7.60942 0.932038 9.17839 1.5008 10.6001C2.06957 12.0218 3.08882 13.2178 4.40235 14.0047C5.71588 14.7917 7.25122 15.1263 8.7731 14.9572C10.295 14.7881 11.7194 14.1246 12.8281 13.0684C13.9369 12.0123 14.6687 10.6217 14.9115 9.10986C15.1542 7.59798 14.8946 6.04821 14.1723 4.69803L11.5305 6.11129C11.9437 6.88359 12.0922 7.77005 11.9533 8.63483C11.8144 9.49962 11.3958 10.295 10.7617 10.8991C10.1275 11.5032 9.31271 11.8827 8.44221 11.9795C7.5717 12.0762 6.69349 11.8848 5.94216 11.4347C5.19083 10.9845 4.60782 10.3004 4.28249 9.48724C3.95716 8.67404 3.90745 7.77659 4.14098 6.93243C4.37451 6.08828 4.87839 5.34398 5.57541 4.8136C6.27243 4.28323 7.12414 3.99603 8 3.99603V3.99603C8.82778 3.99822 9.5 3.32778 9.5 2.5V2.5V2.5C9.5 1.67157 8.82843 1 8 1V1Z" fill="url(#pattern0)"/>
+    <defs>
+        <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+            <use xlink:href="#image0_605_19" transform="scale(0.0714286)"/>
+        </pattern>
+        <image id="image0_605_19" width="14" height="14" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHJSURBVHgBZVJLagJBEJ3unoxDFLILKC6yVnDhbQTvootcIFfJBbIIISQkIFkkoln4ISqOH6LOdM+380p6giQFRVX31Kv3qqZZp9PJGEzDKFowpJZJj5YkiZzP5y/T6fQJsbdarT54XnwC0icgTR4EwWqz2Xyu1+s+gQAe8Lw4rzQN8jPLsiwFaLBYLN48z+sB9AGVAc8lnoJ/6WBSyuVsNntcLpf3k8nkDVeqXq8z++98OVOegOlhNBrdNpvNXrvd1t1uV4CVkdR/M+UHsH0Nh8ObVqv1WqvVGACiUqmw7XbLSGpANSQBHiNPyY3M60aj8QxpNuYU5XJZQLZAE26jaGekZggEihF9xPdSqXRXrVbd8XicFQoFy/d9q1gsatwzAu4BSuh3ISr4HkAP2+w7jnMVx7E8wIQQmeu6NEaGo3UEGpYQIB+AHc6ebduUn4dheAkGC8CDUkrDGTWgB0CyDkbyt4kHgKjZGSQWwXoBlhJygXpaKKffIVGkOOcKFwFyWlZI8+KbiKKokKbpORQkNCPAEoypjUJJs5kozZwRLQx36MfPAHLA6iJP8W7pYShiVGa+EEwRLckUaAAY2EieAxZipiVqzKt/AFRdZrrYGKEYAAAAAElFTkSuQmCC"/>
+    </defs>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/reader-mode-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/reader-mode-symbolic.svg
new file mode 100755
index 000000000..7accb2e0d
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/reader-mode-symbolic.svg	
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <title>Gnome Symbolic Icon Theme</title>
+    <path d="m0 0.99988v1 11 1h1 5c0.1754 0 0.52538 0.15166 0.8125 0.34375s0.46875 0.375 0.46875 0.375l0.71875 0.71875 0.71875-0.75s0.8963-0.6875 1.2812-0.6875h5 1v-1-11-1h-1-5c-0.87652 0-1.5602 0.34756-2.0312 0.6875-0.0301-0.0207-0.031-0.0105-0.0625-0.0312-0.46068-0.30376-1.0781-0.6563-1.9062-0.6563h-5zm2 2h4c0.13821 0 0.51476 0.14746 0.8125 0.34375s0.5 0.375 0.5 0.375l0.71875 0.6875 0.6875-0.71875s0.89975-0.6875 1.2812-0.6875h4v9h-4c-0.87693 0-1.5601 0.34735-2.0312 0.6875-0.0196-0.0135-0.011-0.0177-0.0312-0.0312-0.4603-0.30796-1.1024-0.6563-1.9376-0.6563h-4z" color="#bebebe" fill="context-fill" fill-opacity="context-fill-opacity" stroke="context-stroke" stroke-opacity="context-stroke-opacity" style="text-decoration-line:none;text-indent:0;text-transform:none"/>
+    <path d="m3.375 5c-0.20775 0-0.375 0.16725-0.375 0.375v1.25c0 0.20775 0.16725 0.375 0.375 0.375h2.25c0.20775 0 0.375-0.16725 0.375-0.375v-1.25c0-0.20775-0.16725-0.375-0.375-0.375h-2.25zm7 0c-0.20775 0-0.375 0.16725-0.375 0.375v1.25c0 0.20775 0.16725 0.375 0.375 0.375h2.25c0.20775 0 0.375-0.16725 0.375-0.375v-1.25c0-0.20775-0.16725-0.375-0.375-0.375h-2.25zm-7 3c-0.20775 0-0.375 0.16725-0.375 0.375v1.25c0 0.20775 0.16725 0.375 0.375 0.375h2.25c0.20775 0 0.375-0.16725 0.375-0.375v-1.25c0-0.20775-0.16725-0.375-0.375-0.375h-2.25zm7 0c-0.20775 0-0.375 0.16725-0.375 0.375v1.25c0 0.20775 0.16725 0.375 0.375 0.375h2.25c0.20775 0 0.375-0.16725 0.375-0.375v-1.25c0-0.20775-0.16725-0.375-0.375-0.375h-2.25z" color="#bebebe" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity" opacity=".5"/>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/security-high-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/security-high-symbolic.svg
new file mode 100755
index 000000000..4feb3e06b
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/security-high-symbolic.svg	
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><g color="#bebebe" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity"><path d="M2 1v7c0 2.072 1.498 3.695 2.832 4.889a18.66 18.66 0 002.66 1.972l.516.305.512-.31s1.32-.8 2.65-2.002C12.5 11.65 14 10.044 14 8V1zm2 2h8v5c0 .92-1 2.313-2.17 3.37-.913.825-1.477 1.154-1.836 1.386-.358-.226-.918-.543-1.828-1.358C5 10.355 4 8.98 4 8z" style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;shape-padding:0;isolation:auto;mix-blend-mode:normal;marker:none" font-weight="400" font-family="sans-serif" overflow="visible"/><path d="M5 4v4c0 .357.755 1.641 1.844 2.625.575.52.736.58 1.156.875.42-.294.581-.355 1.156-.875C10.246 9.641 11 8.357 11 8V4z" style="marker:none" overflow="visible"/></g></svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/security-low-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/security-low-symbolic.svg
new file mode 100755
index 000000000..db6953456
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/security-low-symbolic.svg	
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M2 1v7c0 2.072 1.498 3.695 2.832 4.889a18.66 18.66 0 002.66 1.972l.516.305.512-.31s1.32-.8 2.65-2.002C12.5 11.65 14 10.044 14 8V1zm2 2h8v5c0 .92-1 2.313-2.17 3.37-.913.825-1.477 1.154-1.836 1.386-.358-.226-.918-.543-1.828-1.358C5 10.355 4 8.98 4 8z" style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;shape-padding:0;isolation:auto;mix-blend-mode:normal;marker:none" color="#bebebe" font-weight="400" font-family="sans-serif" overflow="visible" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity"/></svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/select-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/select-symbolic.svg
new file mode 100755
index 000000000..d94f400ff
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/select-symbolic.svg	
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <path d="m 15 3.484375 l -1 -1 l -7.46875 7.515625 l -3.414062 -3.476562 l -2 2 l 5.414062 5.476562 l 9.46875 -9.515625 z m 0 0" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/settings-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/settings-symbolic.svg
new file mode 100755
index 000000000..a096dd203
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/settings-symbolic.svg	
@@ -0,0 +1,41 @@
+<?xml version='1.0' encoding='UTF-8' standalone='no'?>
+<svg xmlns:cc='http://creativecommons.org/ns#' xmlns:dc='http://purl.org/dc/elements/1.1/' sodipodi:docname='settings-symbolic.svg' height='16' id='svg7384' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:osb='http://www.openswatchbook.org/uri/2009/osb' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns#' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:svg='http://www.w3.org/2000/svg' version='1.1' inkscape:version='1.0.1 (3bc2e813f5, 2020-09-07)' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'>
+  <metadata id='metadata90'>
+    <rdf:RDF>
+      <cc:Work rdf:about=''>
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage'/>
+        <dc:title>Gnome Symbolic Icon Theme</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview inkscape:bbox-nodes='true' inkscape:bbox-paths='true' bordercolor='#666666' borderopacity='1' inkscape:current-layer='g7628' inkscape:cx='158.30993' inkscape:cy='365.8547' inkscape:document-rotation='0' gridtolerance='10' inkscape:guide-bbox='true' guidetolerance='10' id='namedview88' inkscape:measure-end='0,0' inkscape:measure-start='56,310.597' inkscape:object-nodes='true' inkscape:object-paths='true' objecttolerance='10' pagecolor='#ebebeb' inkscape:pageopacity='1' inkscape:pageshadow='2' showborder='false' showgrid='false' showguides='false' inkscape:snap-bbox='true' inkscape:snap-bbox-edge-midpoints='true' inkscape:snap-bbox-midpoints='true' inkscape:snap-global='true' inkscape:snap-grids='true' inkscape:snap-intersection-paths='true' inkscape:snap-nodes='true' inkscape:snap-others='false' inkscape:snap-to-guides='true' inkscape:window-height='1376' inkscape:window-maximized='0' inkscape:window-width='2560' inkscape:window-x='26' inkscape:window-y='23' inkscape:zoom='22.627417'>
+    <inkscape:grid empspacing='4' enabled='true' id='grid4866' originx='-540' originy='-242' snapvisiblegridlinesonly='true' spacingx='1px' spacingy='1px' type='xygrid' visible='true'/>
+    <inkscape:grid dotted='true' empspacing='4' id='grid2980' originx='-540' originy='-242' spacingx='0.5' spacingy='0.5' type='xygrid'/>
+  </sodipodi:namedview>
+  <title id='title9167'>Gnome Symbolic Icon Theme</title>
+  <defs id='defs7386'>
+    <linearGradient id='linearGradient7212' osb:paint='solid'>
+      <stop id='stop7214' offset='0' style='stop-color:#000000;stop-opacity:1;'/>
+    </linearGradient>
+  </defs>
+  <g inkscape:groupmode='layer' id='layer1' inkscape:label='ui' style='display:inline' transform='translate(-540,-41.999998)'/>
+  <g inkscape:groupmode='layer' id='layer21' inkscape:label='legacy' transform='translate(-540,-242)'/>
+  <g inkscape:groupmode='layer' id='layer9' inkscape:label='shapes' style='display:inline' transform='translate(-781.0002,325)'/>
+  <g inkscape:groupmode='layer' id='g7628' inkscape:label='other' style='display:inline' transform='translate(-781.0002,325)'>
+    
+    <path inkscape:connector-curvature='0' d='m 788.50203,-323.98114 c -0.55245,0 -0.99805,0.4456 -0.99805,0.99804 v 0.45118 a 5.7338295,5.73383 0 0 0 -1.35547,0.5664 l -0.32227,-0.32226 c -0.39063,-0.39064 -1.01952,-0.39064 -1.41015,0 l -0.70508,0.70508 c -0.39064,0.39062 -0.39064,1.01952 0,1.41015 l 0.32031,0.32031 a 5.7338295,5.73383 0 0 0 -0.56055,1.35743 h -0.45312 c -0.55244,0 -0.99805,0.44365 -0.99805,0.99609 v 0.99805 c 0,0.55244 0.44561,0.99609 0.99805,0.99609 h 0.44922 a 5.7338295,5.73383 0 0 0 0.5664,1.35547 l -0.32226,0.32226 c -0.39064,0.39064 -0.39064,1.01953 0,1.41016 l 0.70508,0.70508 c 0.39063,0.39063 1.01952,0.39063 1.41015,0 l 0.32032,-0.32031 a 5.7338295,5.73383 0 0 0 1.35742,0.56054 v 0.45508 c 0,0.55244 0.4456,0.99609 0.99805,0.9961 h 0.99609 c 0.55244,0 0.99805,-0.44366 0.99805,-0.9961 v -0.45117 a 5.7338295,5.73383 0 0 0 1.35546,-0.56641 l 0.32227,0.32227 c 0.39064,0.39063 1.01952,0.39063 1.41016,0 l 0.70507,-0.70508 c 0.39064,-0.39063 0.39064,-1.01952 0,-1.41016 l -0.32031,-0.32031 a 5.7338295,5.73383 0 0 0 0.56055,-1.35742 h 0.45312 c 0.55245,0 0.99805,-0.44365 0.99805,-0.99609 v -0.99805 c 0,-0.55244 -0.4456,-0.99609 -0.99805,-0.99609 h -0.44922 a 5.7338295,5.73383 0 0 0 -0.5664,-1.35547 l 0.32226,-0.32227 c 0.39064,-0.39063 0.39064,-1.01953 0,-1.41015 l -0.70507,-0.70508 c -0.39064,-0.39064 -1.01952,-0.39064 -1.41016,0 l -0.32031,0.32031 a 5.7338295,5.73383 0 0 0 -1.35742,-0.56055 v -0.45508 c 0,-0.55244 -0.44561,-0.99804 -0.99805,-0.99804 z m 0.51562,3.97656 a 3,3 0 0 1 3,3 3,3 0 0 1 -3,3 3,3 0 0 1 -3,-3 3,3 0 0 1 3,-3 z' id='rect991-5' style='display:inline;vector-effect:none;stroke:none;stroke-width:0.0623242;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;enable-background:new' fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity"/>
+  </g>
+  <g inkscape:groupmode='layer' id='layer19' inkscape:label='multimedia' transform='translate(-540,-242)'/>
+  <g inkscape:groupmode='layer' id='layer13' inkscape:label='maps' transform='translate(-540,-242)'/>
+  <g inkscape:groupmode='layer' id='layer11' inkscape:label='graphics' style='display:inline' transform='translate(-540,-41.999998)'/>
+  <g inkscape:groupmode='layer' id='layer14' inkscape:label='food-drink' transform='translate(-540,-242)'/>
+  <g inkscape:groupmode='layer' id='g6387' inkscape:label='devices' style='display:inline' transform='translate(-540,-41.999998)'/>
+  <g inkscape:groupmode='layer' id='layer18' inkscape:label='text' transform='translate(-540,-242)'/>
+  <g inkscape:groupmode='layer' id='layer17' inkscape:label='weather' transform='translate(-540,-242)'/>
+  <g inkscape:groupmode='layer' id='layer16' inkscape:label='camera' transform='translate(-540,-242)'/>
+  <g inkscape:groupmode='layer' id='layer10' inkscape:label='body' style='display:inline' transform='translate(-540,-41.999998)'/>
+  <g inkscape:groupmode='layer' id='layer15' inkscape:label='animals' transform='translate(-540,-242)'/>
+  <g inkscape:groupmode='layer' id='layer12' inkscape:label='alert' transform='translate(-540,-41.999998)'/>
+  <g inkscape:groupmode='layer' id='layer20' inkscape:label='accessibility' transform='translate(-540,-242)'/>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/starred-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/starred-symbolic.svg
new file mode 100755
index 000000000..f491ee152
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/starred-symbolic.svg	
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <path d="m 12.957031 15.40625 l -4.898437 -3.585938 l -4.984375 3.597657 l 1.894531 -5.765625 l -4.9609375 -3.628906 l 6.0703125 0.019531 l 1.917969 -5.839844 l 1.855468 5.777344 l 6.148438 0.023437 l -4.921875 3.550782 z m 0 0" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/tab-new-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/tab-new-symbolic.svg
new file mode 100755
index 000000000..40f9b6d3b
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/tab-new-symbolic.svg	
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 3 0 c -1.644531 0 -3 1.355469 -3 3 v 10 c 0 1.644531 1.355469 3 3 3 h 10 c 1.644531 0 3 -1.355469 3 -3 v -10 c 0 -1.644531 -1.355469 -3 -3 -3 z m 0 2 h 10 c 0.570312 0 1 0.429688 1 1 v 10 c 0 0.570312 -0.429688 1 -1 1 h -10 c -0.570312 0 -1 -0.429688 -1 -1 v -10 c 0 -0.570312 0.429688 -1 1 -1 z m 0 0"/>
+        <path d="m 4 7 h 8 v 2 h -8 z m 0 0"/>
+        <path d="m 9 4 v 8 h -2 v -8 z m 0 0"/>
+    </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/tab-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/tab-symbolic.svg
new file mode 100755
index 000000000..ab788d23a
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/tab-symbolic.svg	
@@ -0,0 +1,150 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+    <filter id="a" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix in="SourceGraphic" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+    </filter>
+    <mask id="b">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".3"/>
+        </g>
+    </mask>
+    <clipPath id="c">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="d">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="e">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="f">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="g">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="h">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="i">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="j">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="k">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="l">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="m">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="n">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="o">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="p">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".3"/>
+        </g>
+    </mask>
+    <clipPath id="q">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="r">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".5"/>
+        </g>
+    </mask>
+    <clipPath id="s">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="t">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".4"/>
+        </g>
+    </mask>
+    <clipPath id="u">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="v">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".4"/>
+        </g>
+    </mask>
+    <clipPath id="w">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="x">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".5"/>
+        </g>
+    </mask>
+    <clipPath id="y">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="z">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".5"/>
+        </g>
+    </mask>
+    <clipPath id="A">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <path d="m3.9922 3s-0.70703-0.011719-1.4453 0.35547c-0.73828 0.37109-1.5547 1.3125-1.5547 2.6445v7h-1l-0.0039063 2h0.0039063l3 0.011719v-0.011719h13v-2h0.011718v-7.3086c0-1.4297-1.1719-2.6328-2.625-2.6484l-2.3789-0.019531s1 0.82422 1 1.9648l1.0469 0.042969c0.53906 0.023438 0.94141 0.49609 0.94141 0.97656v6.9922h-2.9883v-7s0.011719-0.71094-0.35547-1.4492c-0.37109-0.73828-1.3125-1.5508-2.6445-1.5508z" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity"/>
+    <g transform="translate(-660 -684)" clip-path="url(#c)" mask="url(#b)">
+        <path d="m562.46 212.06h10.449c-1.1836 0.49219-1.2969 2.4609 0 3h-10.449z" fill="#2e3436"/>
+    </g>
+    <g transform="translate(-660 -684)" clip-path="url(#e)" mask="url(#d)">
+        <path d="m16 632h1v1h-1z" fill="#2e3436" fill-rule="evenodd"/>
+    </g>
+    <g transform="translate(-660 -684)" clip-path="url(#g)" mask="url(#f)">
+        <path d="m17 631h1v1h-1z" fill="#2e3436" fill-rule="evenodd"/>
+    </g>
+    <g transform="translate(-660 -684)" clip-path="url(#i)" mask="url(#h)">
+        <path d="m18 634h1v1h-1z" fill="#2e3436" fill-rule="evenodd"/>
+    </g>
+    <g transform="translate(-660 -684)" clip-path="url(#k)" mask="url(#j)">
+        <path d="m16 634h1v1h-1z" fill="#2e3436" fill-rule="evenodd"/>
+    </g>
+    <g transform="translate(-660 -684)" clip-path="url(#m)" mask="url(#l)">
+        <path d="m17 635h1v1h-1z" fill="#2e3436" fill-rule="evenodd"/>
+    </g>
+    <g transform="translate(-660 -684)" clip-path="url(#o)" mask="url(#n)">
+        <path d="m19 635h1v1h-1z" fill="#2e3436" fill-rule="evenodd"/>
+    </g>
+    <g transform="translate(-660 -684)" clip-path="url(#q)" mask="url(#p)">
+        <path d="m136 660v7h7v-7z" fill="#2e3436"/>
+    </g>
+    <g transform="translate(-660 -684)" clip-path="url(#s)" mask="url(#r)">
+        <path d="m199 642h3v12h-3z" fill="#2e3436"/>
+    </g>
+    <g transform="translate(-660 -684)" clip-path="url(#u)" mask="url(#t)">
+        <path d="m209.5 144.16c0.27734 0 0.5 0.22266 0.5 0.5v1c0 0.27734-0.22266 0.5-0.5 0.5s-0.5-0.22266-0.5-0.5v-1c0-0.27734 0.22266-0.5 0.5-0.5z" fill="#2e3436"/>
+    </g>
+    <g transform="translate(-660 -684)" clip-path="url(#w)" mask="url(#v)">
+        <path d="m206.5 144.16c0.27734 0 0.5 0.22266 0.5 0.5v1c0 0.27734-0.22266 0.5-0.5 0.5s-0.5-0.22266-0.5-0.5v-1c0-0.27734 0.22266-0.5 0.5-0.5z" fill="#2e3436"/>
+    </g>
+    <g transform="translate(-660 -684)" clip-path="url(#y)" mask="url(#x)">
+        <path d="m229.5 143.16c-0.54688 0-1 0.45703-1 1 0 0.54688 0.45312 1 1 1s1-0.45312 1-1c0-0.54297-0.45312-1-1-1z" fill="#2e3436"/>
+    </g>
+    <g transform="translate(-660 -684)" clip-path="url(#A)" mask="url(#z)">
+        <path d="m226.45 143.16c-0.51953 0-0.95312 0.43359-0.95312 0.95312v0.09375c0 0.51953 0.43359 0.95312 0.95312 0.95312h0.09375c0.51953 0 0.95312-0.43359 0.95312-0.95312v-0.09375c0-0.51953-0.43359-0.95312-0.95312-0.95312z" fill="#2e3436"/>
+    </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/toggle-right-sidebar-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/toggle-right-sidebar-symbolic.svg
new file mode 100755
index 000000000..ead5f3626
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/toggle-right-sidebar-symbolic.svg	
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 9.5 14 v -12 h 5 v 12 z m 0 0" fill-opacity="0.35"/>
+        <path d="m 13 1 c 1.644531 0 3 1.355469 3 3 v 8 c 0 1.644531 -1.355469 3 -3 3 h -10 c -1.644531 0 -3 -1.355469 -3 -3 v -8 c 0 -1.644531 1.355469 -3 3 -3 z m 0 2 h -10 c -0.570312 0 -1 0.429688 -1 1 v 8 c 0 0.570312 0.429688 1 1 1 h 10 c 0.570312 0 1 -0.429688 1 -1 v -8 c 0 -0.570312 -0.429688 -1 -1 -1 z m 0 0"/>
+        <path d="m 10 2 h -1 v 12 h 1 z m 0 0"/>
+    </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/toggle-sidebar-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/toggle-sidebar-symbolic.svg
new file mode 100755
index 000000000..0e65936e7
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/toggle-sidebar-symbolic.svg	
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 6.5 14 v -12 h -5 v 12 z m 0 0" fill-opacity="0.35"/>
+        <path d="m 3 1 c -1.644531 0 -3 1.355469 -3 3 v 8 c 0 1.644531 1.355469 3 3 3 h 10 c 1.644531 0 3 -1.355469 3 -3 v -8 c 0 -1.644531 -1.355469 -3 -3 -3 z m 0 2 h 10 c 0.570312 0 1 0.429688 1 1 v 8 c 0 0.570312 -0.429688 1 -1 1 h -10 c -0.570312 0 -1 -0.429688 -1 -1 v -8 c 0 -0.570312 0.429688 -1 1 -1 z m 0 0"/>
+        <path d="m 6 2 h 1 v 12 h -1 z m 0 0"/>
+    </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/user-home-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/user-home-symbolic.svg
new file mode 100755
index 000000000..1b7dd5348
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/user-home-symbolic.svg	
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <path d="m 8.015625 1 c -0.207031 0 -0.410156 0.066406 -0.578125 0.1875 l -7 5 c -0.007812 0.003906 -0.007812 0.003906 -0.011719 0.003906 c -0.082031 0.058594 -0.152343 0.132813 -0.210937 0.214844 c -0.0625 0.082031 -0.109375 0.171875 -0.1406252 0.269531 c -0.0039063 0.003907 -0.0039063 0.003907 -0.0078126 0.007813 c -0.03125 0.097656 -0.046875 0.203125 -0.0507812 0.308594 v 0.007812 v 1 h 0.996094 l -0.011719 3.996094 v 0.003906 c 0 1.332031 0.8125 2.273438 1.550781 2.644531 c 0.742188 0.371094 1.449219 0.355469 1.449219 0.355469 h 8 s 0.707031 0.015625 1.449219 -0.355469 c 0.734375 -0.367187 1.550781 -1.308593 1.550781 -2.644531 l 0.011719 -4 h 1.003906 v -1 c 0 -0.324219 -0.15625 -0.625 -0.417969 -0.8125 l -7 -5 c -0.167968 -0.121094 -0.375 -0.1875 -0.582031 -0.1875 z m 0 2.230469 l 5 3.570312 v 0.171875 c 0 0.007813 -0.003906 0.015625 -0.003906 0.023438 l -0.015625 5 v 0.003906 c 0 0.667969 -0.1875 0.726562 -0.449219 0.855469 c -0.257813 0.132812 -0.550781 0.144531 -0.550781 0.144531 h -2.949219 v -3.992188 h -3.03125 v 3.992188 h -2.019531 s -0.292969 -0.011719 -0.554688 -0.144531 c -0.257812 -0.128907 -0.445312 -0.1875 -0.445312 -0.851563 v -0.003906 l 0.007812 -3 h 0.011719 v -2.199219 z m 0 0" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/view-fullscreen-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/view-fullscreen-symbolic.svg
new file mode 100755
index 000000000..b5ef42342
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/view-fullscreen-symbolic.svg	
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 7 15 c 0 -0.550781 -0.449219 -1 -1 -1 h -4 v -4 c 0 -0.550781 -0.449219 -1 -1 -1 c -0.554688 0 -1 0.449219 -1 1 v 5 c 0 0.554688 0.445312 1 1 1 h 5 c 0.550781 0 1 -0.445312 1 -1 z m 0 0"/>
+        <path d="m 7.5 9.5 c 0 -0.265625 -0.105469 -0.519531 -0.292969 -0.707031 c -0.390625 -0.390625 -1.023437 -0.390625 -1.414062 0 l -5.5 5.5 c -0.1875 0.1875 -0.292969 0.441406 -0.292969 0.707031 s 0.105469 0.519531 0.292969 0.707031 c 0.390625 0.390625 1.023437 0.390625 1.414062 0 l 5.5 -5.5 c 0.1875 -0.1875 0.292969 -0.441406 0.292969 -0.707031 z m 0 0"/>
+        <path d="m 0 15 h 1 v 1 h -1 z m 0 0"/>
+        <path d="m 0 9 h 1 v 1 h -1 z m 0 0"/>
+        <path d="m 6 15 h 1 v 1 h -1 z m 0 0"/>
+        <path d="m 9 1 c 0 0.550781 0.449219 1 1 1 h 4 v 4 c 0 0.550781 0.449219 1 1 1 c 0.554688 0 1 -0.449219 1 -1 v -5 c 0 -0.554688 -0.445312 -1 -1 -1 h -5 c -0.550781 0 -1 0.445312 -1 1 z m 0 0"/>
+        <path d="m 8.5 6.5 c 0 0.265625 0.105469 0.519531 0.292969 0.707031 c 0.390625 0.390625 1.023437 0.390625 1.414062 0 l 5.5 -5.5 c 0.1875 -0.1875 0.292969 -0.441406 0.292969 -0.707031 s -0.105469 -0.519531 -0.292969 -0.707031 c -0.390625 -0.3906252 -1.023437 -0.3906252 -1.414062 0 l -5.5 5.5 c -0.1875 0.1875 -0.292969 0.441406 -0.292969 0.707031 z m 0 0"/>
+        <path d="m 16 1 h -1 v -1 h 1 z m 0 0"/>
+        <path d="m 16 7 h -1 v -1 h 1 z m 0 0"/>
+        <path d="m 10 1 h -1 v -1 h 1 z m 0 0"/>
+    </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/view-more-horizontal-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/view-more-horizontal-symbolic.svg
new file mode 100755
index 000000000..b3885dae7
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/view-more-horizontal-symbolic.svg	
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 2 6.007812 c 1.105469 0 2 0.894532 2 2 c 0 1.101563 -0.894531 2 -2 2 s -2 -0.898437 -2 -2 c 0 -1.105468 0.894531 -2 2 -2 z m 0 0"/>
+        <path d="m 8 6.007812 c 1.105469 0 2 0.894532 2 2 c 0 1.101563 -0.894531 2 -2 2 s -2 -0.898437 -2 -2 c 0 -1.105468 0.894531 -2 2 -2 z m 0 0"/>
+        <path d="m 14 6.007812 c 1.105469 0 2 0.894532 2 2 c 0 1.101563 -0.894531 2 -2 2 s -2 -0.898437 -2 -2 c 0 -1.105468 0.894531 -2 2 -2 z m 0 0"/>
+    </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/view-refresh-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/view-refresh-symbolic.svg
new file mode 100755
index 000000000..c4d10bd52
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/view-refresh-symbolic.svg	
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <path d="m 7.40625 1 c -0.613281 0.007812 -1.234375 0.089844 -1.847656 0.253906 c -3.273438 0.878906 -5.558594 3.855469 -5.558594 7.246094 s 2.285156 6.367188 5.558594 7.242188 c 3.273437 0.878906 6.742187 -0.558594 8.4375 -3.492188 c 0.277344 -0.480469 0.109375 -1.089844 -0.367188 -1.367188 c -0.476562 -0.273437 -1.089844 -0.109374 -1.367187 0.367188 c -1.246094 2.160156 -3.777344 3.207031 -6.1875 2.5625 c -2.40625 -0.644531 -4.074219 -2.820312 -4.074219 -5.3125 c 0 -2.496094 1.667969 -4.667969 4.074219 -5.3125 c 2.410156 -0.644531 4.941406 0.402344 6.1875 2.5625 c 0.058593 0.085938 0.125 0.164062 0.203125 0.226562 l -0.019532 0.015626 l -0.007812 0.007812 h -1.4375 c -0.550781 0 -1 0.449219 -1 1 v 1 h 6 v -6 h -1 c -0.550781 0 -1 0.449219 -1 1 v 1.6875 l -0.015625 0.011719 l -0.011719 0.011719 c -1.277344 -2.179688 -3.53125 -3.519532 -5.953125 -3.691407 c -0.203125 -0.015625 -0.40625 -0.019531 -0.613281 -0.019531 z m 0 0" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/view-restore-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/view-restore-symbolic.svg
new file mode 100755
index 000000000..6f759cb18
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/view-restore-symbolic.svg	
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 1 9 c 0 0.550781 0.449219 1 1 1 h 4 v 4 c 0 0.550781 0.449219 1 1 1 c 0.554688 0 1 -0.449219 1 -1 v -5 c 0 -0.554688 -0.445312 -1 -1 -1 h -5 c -0.550781 0 -1 0.445312 -1 1 z m 0 0"/>
+        <path d="m 0.5 14.5 c 0 0.265625 0.105469 0.519531 0.292969 0.707031 c 0.390625 0.390625 1.023437 0.390625 1.414062 0 l 5.5 -5.5 c 0.1875 -0.1875 0.292969 -0.441406 0.292969 -0.707031 s -0.105469 -0.519531 -0.292969 -0.707031 c -0.390625 -0.390625 -1.023437 -0.390625 -1.414062 0 l -5.5 5.5 c -0.1875 0.1875 -0.292969 0.441406 -0.292969 0.707031 z m 0 0"/>
+        <path d="m 8 9 h -1 v -1 h 1 z m 0 0"/>
+        <path d="m 8 15 h -1 v -1 h 1 z m 0 0"/>
+        <path d="m 2 9 h -1 v -1 h 1 z m 0 0"/>
+        <path d="m 15 7 c 0 -0.550781 -0.449219 -1 -1 -1 h -4 v -4 c 0 -0.550781 -0.449219 -1 -1 -1 s -1 0.449219 -1 1 v 5 c 0 0.550781 0.449219 1 1 1 h 5 c 0.550781 0 1 -0.449219 1 -1 z m 0 0"/>
+        <path d="m 15.5 1.5 c 0 -0.265625 -0.105469 -0.519531 -0.292969 -0.707031 c -0.390625 -0.390625 -1.023437 -0.390625 -1.414062 0 l -5.5 5.5 c -0.1875 0.1875 -0.292969 0.441406 -0.292969 0.707031 s 0.105469 0.519531 0.292969 0.707031 c 0.390625 0.390625 1.023437 0.390625 1.414062 0 l 5.5 -5.5 c 0.1875 -0.1875 0.292969 -0.441406 0.292969 -0.707031 z m 0 0"/>
+        <path d="m 8 7 h 1 v 1 h -1 z m 0 0"/>
+        <path d="m 8 1 h 1 v 1 h -1 z m 0 0"/>
+        <path d="m 14 7 h 1 v 1 h -1 z m 0 0"/>
+    </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/window-close-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/window-close-symbolic.svg
new file mode 100755
index 000000000..b8fc52d94
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/window-close-symbolic.svg	
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M4 4h1.031c.255.011.51.129.688.313L8 6.592l2.312-2.28c.266-.231.447-.306.688-.313h1v1c0 .286-.034.55-.25.75L9.469 8.031l2.25 2.25c.188.188.281.454.281.719v1h-1c-.265 0-.53-.093-.719-.281L8 9.438l-2.281 2.28A1.015 1.015 0 015 12H4v-1c0-.265.093-.53.281-.719l2.281-2.25-2.28-2.281A.909.909 0 014 5z" style="line-height:normal;-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration-line:none;text-transform:none;marker:none" color="#bebebe" font-weight="400" font-family="Andale Mono" overflow="visible" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/></svg>
\ No newline at end of file
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/window-maximize-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/window-maximize-symbolic.svg
new file mode 100755
index 000000000..37183739c
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/window-maximize-symbolic.svg	
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M3.988 3.992v8.012H12V3.992zm2 2H10v4.012H5.988z" style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;white-space:normal;shape-padding:0;isolation:auto;mix-blend-mode:normal;solid-color:#000;solid-opacity:1;marker:none" color="#000" font-weight="400" font-family="sans-serif" overflow="visible" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/></svg>
\ No newline at end of file
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/window-minimize-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/window-minimize-symbolic.svg
new file mode 100755
index 000000000..8fc1f8250
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/window-minimize-symbolic.svg	
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M4 10.009h8v1.989H4z" style="marker:none" color="#000" overflow="visible" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/window-new-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/window-new-symbolic.svg
new file mode 100755
index 000000000..c9ee77f26
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/window-new-symbolic.svg	
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="M2.994 1.008C1.994 1.008.988 2 .988 3v12.02h7.006v-2H2.988V5H13v3h2V3c0-1-1.006-1.992-2.006-1.992z" style="line-height:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;white-space:normal;isolation:auto;mix-blend-mode:normal;solid-color:#000;solid-opacity:1;marker:none" color="#000" font-weight="400" font-family="sans-serif" overflow="visible"/>
+        <path d="M12 10v2h-2v2h2v2h2v-2h2v-2h-2v-2z"/>
+    </g>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/window-restore-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/window-restore-symbolic.svg
new file mode 100755
index 000000000..60f4ac727
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/window-restore-symbolic.svg	
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
+    <path d="M4.988 4.992v6.012H11V4.992zm2 2H9v2.012H6.988z" style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;white-space:normal;shape-padding:0;isolation:auto;mix-blend-mode:normal;solid-color:#000;solid-opacity:1;marker:none" color="#000" font-weight="400" font-family="sans-serif" overflow="visible" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+</svg>
\ No newline at end of file
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/zoom-in-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/zoom-in-symbolic.svg
new file mode 100755
index 000000000..8e9338f9e
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/zoom-in-symbolic.svg	
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <path d="m 4 1 c -1.660156 0 -3 1.339844 -3 3 v 8 c 0 1.660156 1.339844 3 3 3 h 8 c 1.660156 0 3 -1.339844 3 -3 v -8 c 0 -1.660156 -1.339844 -3 -3 -3 z m 3 3 h 2 v 3 h 3 v 2 h -3 v 3 h -2 v -3 h -3 v -2 h 3 z m 0 0" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/zoom-out-symbolic.svg b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/zoom-out-symbolic.svg
new file mode 100755
index 000000000..90d8e7257
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/icons/zoom-out-symbolic.svg	
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <path d="m 4 1 c -1.660156 0 -3 1.339844 -3 3 v 8 c 0 1.660156 1.339844 3 3 3 h 8 c 1.660156 0 3 -1.339844 3 -3 v -8 c 0 -1.660156 -1.339844 -3 -3 -3 z m 0 6 h 8 v 2 h -8 z m 0 0" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+</svg>
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/pages/newtab.css b/m3ww/Import Manually/firefox userchrome/chrome/theme/pages/newtab.css
new file mode 100755
index 000000000..1c94e842a
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/pages/newtab.css	
@@ -0,0 +1,9 @@
+/* about:newtab */
+
+@-moz-document url("about:newtab"), url("about:home") {
+    body {
+        --newtab-background-color: var(--gnome-browser-before-load-background) !important;
+        --newtab-background-color-secondary: var(--gnome-menu-background) !important;
+        --newtab-primary-action-background: var(--gnome-accent) !important;
+    }
+}
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/pages/privatebrowsing.css b/m3ww/Import Manually/firefox userchrome/chrome/theme/pages/privatebrowsing.css
new file mode 100755
index 000000000..e1600ec41
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/pages/privatebrowsing.css	
@@ -0,0 +1,16 @@
+/* about:privatebrowsing */
+
+@-moz-document url("about:privatebrowsing") {
+    html.private {
+        --in-content-page-background: var(--gnome-private-in-content-page-background) !important;
+
+        /* Used by headings in promo boxes Firefox shows (like an ad for Firefox Focus) */
+        --in-content-text-color: var(--gnome-private-text-primary-color) !important;
+    }
+    .wordmark {
+        fill: var(--gnome-private-wordmark) !important;
+    }
+    .showPrivate {
+        color: var(--gnome-private-text-primary-color);
+    }
+}
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/buttons-fixes.css b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/buttons-fixes.css
new file mode 100755
index 000000000..61259d26b
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/buttons-fixes.css	
@@ -0,0 +1,309 @@
+/* Buttons Issues/Glitches fixes */
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Fix notification dropmarker */
+.popup-notification-dropmarker dropmarker {
+	display: none !important;
+}
+.popup-notification-dropmarker > .button-box > hbox {
+	display: -moz-box !important;
+}
+.panel-footer button.popup-notification-dropmarker {
+	padding: 0 1px 0 4px !important;
+}
+
+/* Fix hover background */
+.toolbarbutton-badge-stack:not(#hack), .toolbarbutton-icon:not(#hack), .toolbarbutton-text:not(#hack) {
+	background: transparent !important;
+}
+
+/* Fix button box */
+.panel-footer.panel-footer-menulike > button > .button-box {
+	display: -moz-box !important;
+}
+
+/* Fix unified-extensions-item margin */
+toolbar .unified-extensions-item {
+  margin-inline: 0 3px !important;
+}
+
+/* menulist */
+#label-box:not([native]) {
+    font-weight: 400 !important;
+	padding: 0 8px;
+}
+dropmarker:not([native]) {
+	margin-right: 8px;
+}
+
+/* Overrides: Make the back button the same as other buttons */
+:root:not([uidensity=compact]) #back-button {
+	border-radius: var(--toolbarbutton-border-radius) !important;
+}
+:root:not([uidensity=compact]) #back-button > .toolbarbutton-icon {
+	background-color: unset !important;
+	border: unset !important;
+	width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
+	height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
+	padding: var(--toolbarbutton-inner-padding) !important;
+	border-radius: var(--toolbarbutton-border-radius);
+	box-shadow: none !important;
+}
+:root:not([uidensity=compact]) #back-button:not([disabled]):not([open]):hover > .toolbarbutton-icon {
+	background-color: var(--toolbarbutton-hover-background) !important;
+	box-shadow: unset;
+	border-color: unset;
+}
+:root:not([uidensity=compact]) #back-button[open] > .toolbarbutton-icon,
+:root:not([uidensity=compact]) #back-button:not([disabled]):hover:active > .toolbarbutton-icon {
+	background-color: var(--toolbarbutton-active-background) !important;
+	border-color: unset;
+}
+
+/* Remove the header bar buttons' hover styles */
+#nav-bar {
+	--toolbarbutton-active-background: transparent !important;
+	--toolbarbutton-hover-background: transparent !important;
+}
+
+/* Glitch customizing: Cut / Copy / Paste buttons' icons
+ * :not(#hack) is there just to elevate rule priority */
+:root[customizing] #nav-bar > hbox toolbaritem toolbarbutton image:not(#hack) {
+	opacity: 1 !important;
+}
+/* Glitch customizing: Reload and Cut / Copy / Paste buttons */
+:root:-moz-window-inactive[customizing] #nav-bar #stop-reload-button toolbarbutton,
+:root:-moz-window-inactive[customizing] #nav-bar #edit-controls toolbarbutton {
+	background-image: var(--gnome-inactive-button-background);
+	box-shadow: var(--gnome-inactive-button-box-shadow);
+}
+/* Glitch customizing: Reload and Cut / Copy / Paste buttons' icons */
+:root:-moz-window-inactive[customizing] #nav-bar #stop-reload-button image.toolbarbutton-icon,
+:root:-moz-window-inactive[customizing] #nav-bar #edit-controls image.toolbarbutton-icon {
+	opacity: .7 !important;
+}
+
+/* Glitch: Overflow and Burger buttons
+ * :not(#hack) is there just to elevate rule priority */
+:root[customizing] #nav-bar > toolbarbutton[disabled]:not(#hack),
+:root[customizing] #nav-bar > toolbaritem > toolbarbutton[disabled]:not(#hack) {
+	opacity: .5 !important;
+}
+/* Glitch: Overflow button's icon */
+:root[customizing] #nav-bar toolbarbutton:not(#urlbar-zoom-button)[disabled] image {
+	fill-opacity: var(--toolbarbutton-icon-fill-opacity) !important;
+}
+
+/* Bookmark buttons */
+#nav-bar toolbarbutton.bookmark-item {
+	width: auto !important;
+}
+#nav-bar toolbarbutton.bookmark-item .toolbarbutton-icon {
+	margin-left: 6px;
+}
+#nav-bar toolbarbutton.bookmark-item .toolbarbutton-text {
+	padding-right: 6px;
+}
+
+/* Remove Burger button's left separator */
+#PanelUI-button {
+	border: 0 !important;
+	margin: 0 !important;
+	padding-inline-start: 0 !important;
+}
+
+/* Space main menu button from other headerbar buttons
+#nav-bar #PanelUI-menu-button:not(#hack) {
+	margin-left: 10px !important;
+}*/
+
+/* Fix library animation */
+#library-animatable-box  {
+	--library-button-height: 46px !important;
+	--library-icon-x: 1716px !important;
+	/*--library-icon-x: 1715.9833984375px !important;*/
+}
+#library-button[animate] > .toolbarbutton-icon {
+	fill: transparent !important;
+}
+
+/* Fix toolbars close icons */
+.close-icon:not(.tab-close-button) .toolbarbutton-icon {
+	height: 16px !important;
+	width: 16px !important;
+	margin: 6px !important;
+	padding: 0 !important;
+}
+button.close {
+	margin: 0 !important;
+}
+
+/* */
+#appMenu-popup .panel-banner-item[notificationid="update-restart"]::after {
+	display: none !important;
+}
+
+/* Identity site popover buttons */
+.identity-popup-preferences-button:not(#hack) {
+	list-style-image: url("chrome://browser/skin/settings.svg") !important;
+}
+#tracking-protection-preferences-button > .toolbarbutton-text {
+	padding-inline-end: 0 !important;
+}
+.protections-popup-footer-button-label {
+	margin-inline-start: 3px !important;
+}
+
+/* Fix findbar buttons issues */
+.findbar-container .findbar-find-previous image,
+.findbar-container .findbar-find-next image {
+	margin: 6px !important;
+	opacity: 1 !important;
+}
+.findbar-container toolbarbutton:focus {
+	outline: 0 !important;
+}
+
+/* Sidebar header button reset font size */
+#sidebar-header {
+	font-size: 1em !important;
+}
+
+/* Sidebar header button arrow opacity */
+#sidebar-switcher-arrow {
+	opacity: 1 !important;
+}
+
+/* Sidebar history view */
+#viewButton {
+	margin: 0 !important;
+	margin-inline-start: 6px !important;
+}
+
+/* Menulist */
+#identity-popup-popup-menulist {
+	margin-right: 0 !important;
+}
+
+/* Auto complete popup button*/
+.autocomplete-richlistitem[type="loginsFooter"] {
+	margin: 4px 4px 0 4px !important;
+}
+
+/* Identity popup tracking protection button */
+.tracking-protection-button {
+	margin-inline-end: 0 !important;
+}
+
+/* Identity popup delete permission button */
+.identity-popup-permission-remove-button {
+	opacity: 1 !important;
+}
+
+/* Identity popup expander button */
+#identity-popup-security {
+	-moz-box-align: center;
+}
+#identity-popup-security-expander {
+	width: 34px !important;
+}
+#identity-popup-security-expander .button-icon {
+	margin: 0 !important;
+}
+
+/* Protections popup */
+#protections-popup-info-button {
+	margin: 0 !important;
+	margin-inline-end: 0 !important;
+}
+.protections-popup-footer-icon {
+	display: none !important;
+}
+.protections-popup-footer-button-label {
+    margin-inline-start: 0 !important;
+}
+#protections-popup-footer-protection-type-label {
+    margin-inline-end: 0 !important;
+	margin-block: 0 !important;
+}
+
+/* Close button */
+.close-icon:not(.tab-close-button) .toolbarbutton-icon {
+	outline:  0 !important;
+}
+
+/* Downloads button */
+#downloads-indicator-progress-inner {
+	background: conic-gradient(var(--gnome-toolbar-icon-fill) var(--download-progress-pcent), transparent var(--download-progress-pcent)) !important;
+	background-color: var(--gnome-button-active-background) !important;
+}
+#downloads-indicator-progress-outer,
+#downloads-indicator-start-image,
+#downloads-indicator-finish-image {
+	border: 0 !important;
+	padding: 0 !important;
+	border-radius: 100% !important;
+}
+#downloads-indicator-progress-outer,
+#downloads-indicator-start-image {
+	background: var(--gnome-toolbar-border-color) !important;
+}
+#downloads-indicator-finish-image {
+	background: var(--gnome-toolbar-icon-fill) !important;
+}
+
+#downloads-button[progress="true"] #downloads-indicator-progress-outer {
+  visibility: visible !important;
+}
+#downloads-button:not([progress="true"]) #downloads-indicator-icon {
+  visibility: visible !important;
+}
+
+/* Stop/Reload button */
+#stop-reload-button .toolbarbutton-icon {
+	margin-top: -2px !important;
+}
+
+/* Toolbar Animations */
+#downloads-button .toolbarbutton-animatable-box {
+	top: 8px !important;
+	left: 8px !important;
+}
+#downloads-button .toolbarbutton-animatable-box,
+#downloads-button .toolbarbutton-animatable-image,
+#downloads-indicator-progress-inner {
+	height: 16px !important;
+	width: 16px !important;
+}
+#downloads-button .toolbarbutton-animatable-image,
+#stop-reload-button  .toolbarbutton-animatable-image:not(#hack),
+#nav-bar-overflow-button  .toolbarbutton-animatable-image:not(#hack) {
+	--anim-steps: 1 !important;
+	transform: none !important;
+	list-style-image: none !important;
+	display: none !important;
+}
+
+/* Panel banner */
+#appMenu-popup .panel-banner-item {
+	margin: 0 0 6px !important;
+}
+#appMenu-popup .panel-banner-item > .toolbarbutton-text {
+	margin-inline: 0 !important;
+}
+
+/* User menu */
+#fxa-toolbar-menu-button .toolbarbutton-badge-stack {
+	padding: 0 !important;
+}
+#fxa-avatar-image {
+	min-height: 24px !important;
+	width: 24px !important;
+}
+
+/* OPTIONAL: Hide unified-extensions-button */
+@supports -moz-bool-pref("gnomeTheme.hideUnifiedExtensions") {
+	#unified-extensions-button {
+		display: none;
+	}
+}
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/buttons.css b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/buttons.css
new file mode 100755
index 000000000..e3013831c
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/buttons.css	
@@ -0,0 +1,327 @@
+/* Buttons */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Hide buttons separator */
+#nav-bar .toolbaritem-combined-buttons separator {
+	display: none !important;
+}
+#appMenu-popup .toolbaritem-combined-buttons toolbarseparator {
+	border: 0 !important;
+}
+
+/* Buttons */
+menulist,
+#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton),
+.subviewbutton.panel-subview-footer,
+.panel-footer button,
+#downloadsPanel-mainView .download-state .downloadButton,
+#appMenu-popup .panel-banner-item,
+#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(#appMenu-fxa-label),
+#context-navigation menuitem,
+.identity-popup-preferences-button:not(#hack),
+.findbar-container toolbarbutton,
+#sidebar-switcher-target,
+#viewButton,
+.close-icon:not(.tab-close-button),
+button.close,
+.menulist-label-box,
+.expander-down, .expander-up,
+.notification-button,
+#identity-popup-security-expander,
+#protections-popup-info-button,
+#PanelUI-panic-view-button,
+.tracking-protection-button,
+.dialog-button,
+.autocomplete-richlistitem[type="loginsFooter"],
+.dialog-button-box button,
+.searchbar-engine-one-off-item,
+.permission-popup-permission-remove-button,
+.button.connect-device,
+#item-choose button,
+#editBMPanel_newFolderButton,
+.unified-extensions-item-menu-button {
+	-moz-appearance: none !important;
+	background: var(--gnome-button-background) !important;
+	border-radius: 6px !important;
+	border: 0 !important;
+	padding: 0 1px !important;
+	height: 34px !important;
+	max-height: 34px !important;
+	min-height: 34px !important;
+	min-width: 34px !important;
+	color: var(--gnome-toolbar-color) !important;
+	outline: 0 !important;
+	font: menu !important;
+	-moz-box-align: center !important;
+	transition: background .3s;
+}
+.subviewbutton-iconic {
+	-moz-box-pack: center !important;
+}
+
+/* Flat Buttons */
+#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton),
+.close-icon:not(.tab-close-button),
+button.close,
+#protections-popup-info-button,
+.permission-popup-permission-remove-button,
+.unified-extensions-item-menu-button {
+	background: transparent !important;
+	transition: background .3s;
+}
+
+/* Buttons with margins */
+#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton),
+.notification-button,
+.subviewbutton.panel-subview-footer:not(:only-of-type),
+.panel-footer button:not(:only-of-type) {
+	margin: 0 3px !important;
+}
+.close-icon:not(.tab-close-button) {
+	margin-left: 6px !important;
+}
+
+/* Text buttons */
+menulist,
+.subviewbutton.panel-subview-footer,
+.panel-footer button,
+#appMenu-popup .panel-banner-item,
+#appMenu-popup #appMenu-zoomReset-button2:not(#hack),
+#tracking-protection-preferences-button:not(#hack),
+.findbar-container toolbarbutton.findbar-button,
+.notification-button,
+#PanelUI-panic-view-button,
+.tracking-protection-button,
+.dialog-button,
+.autocomplete-richlistitem[type="loginsFooter"],
+.dialog-button-box button,
+.toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]), [overflowedItem="true"]) > #appMenu-fxa-label2:not(#hack),
+.button.connect-device,
+#item-choose button,
+#editBMPanel_newFolderButton {
+	padding: 2px 16px !important;
+}
+.subviewbutton.panel-subview-footer label,
+.panel-footer button,
+#appMenu-popup .panel-banner-item .toolbarbutton-text,
+#appMenu-popup #appMenu-zoomReset-button2:not(#hack),
+#tracking-protection-preferences-button:not(#hack),
+.findbar-container toolbarbutton.findbar-button,
+.notification-button,
+#PanelUI-panic-view-button,
+.tracking-protection-button,
+.dialog-button,
+.autocomplete-richlistitem[type="loginsFooter"],
+.dialog-button-box button,
+.button.connect-device,
+#item-choose button {
+	text-align: center !important;
+}
+
+/* Drop down buttons */
+#sidebar-switcher-target,
+#viewButton {
+	padding: 2px 16px !important;
+	position: relative;
+}
+#sidebar-switcher-arrow,
+#viewButton .button-menu-dropmarker { /* Arrow position, type b */
+	transform: translate(6px, 0)
+}
+.menulist-label-box {
+	padding: 2px 26px 2px 16px !important;
+	position: relative;
+}
+.menulist-label-box:after { /* Arrow position */
+	position: absolute !important;
+	right: 8px !important;
+	top: 8px !important;
+}
+.menulist-label-box:after { /* Create arrow if icon tag no exist */
+	content: "";
+}
+
+/* Hover buttons */
+menulist:hover,
+.subviewbutton.panel-subview-footer:hover,
+.panel-footer button:hover,
+#downloadsPanel-mainView .download-state .downloadButton:hover,
+#appMenu-popup .panel-banner-item:hover,
+#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(#appMenu-fxa-label):not([disabled="true"]):hover,
+#context-navigation menuitem:not([disabled="true"]):hover,
+.identity-popup-preferences-button:not(#hack):hover,
+.findbar-container toolbarbutton:hover,
+.findbar-closebutton .toolbarbutton-icon:hover,
+#sidebar-switcher-target:hover,
+#viewButton:hover,
+menulist:hover .menulist-label-box,
+.expander-down:hover, .expander-up:hover,
+.notification-button:hover,
+#identity-popup-security-expander:hover,
+.tracking-protection-button:hover,
+.dialog-button:hover,
+.autocomplete-richlistitem[type="loginsFooter"]:hover,
+.dialog-button-box button:not([disabled="true"]):hover,
+.searchbar-engine-one-off-item:hover,
+.button.connect-device:hover,
+#editBMPanel_newFolderButton:hover {
+	outline: 0 !important;
+	background: var(--gnome-button-hover-background) !important;
+}
+
+/* Hover flat buttons */
+#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([open]):not([disabled="true"]):not([checked]):hover,
+.close-icon:not(.tab-close-button):hover,
+button.close:hover,
+#protections-popup-info-button:hover,
+.permission-popup-permission-remove-button:hover,
+#item-choose button:hover,
+.unified-extensions-item-menu-button:hover {
+	outline: 0 !important;
+	background: var(--gnome-button-flat-hover-background) !important;
+}
+
+/* Active buttons */
+menulist[open],
+.subviewbutton.panel-subview-footer:active,
+.panel-footer button:active,
+#downloadsPanel-mainView .download-state .downloadButton:active,
+#appMenu-popup .panel-banner-item:active,
+#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not([disabled="true"]):not(#appMenu-fxa-label):active,
+#context-navigation menuitem:active:not([disabled="true"]),
+.identity-popup-preferences-button:not(#hack):active,
+.findbar-container toolbarbutton[checked],
+.findbar-container toolbarbutton:active,
+#sidebar-switcher-target:active, #sidebar-switcher-target.active,
+#viewButton[open],
+menulist[open] .menulist-label-box,
+.expander-down:active, .expander-up:active,
+.notification-button:active,
+#identity-popup-security-expander:active,
+.tracking-protection-button:active,
+.dialog-button:active,
+.autocomplete-richlistitem[type="loginsFooter"]:active,
+.dialog-button-box button:not([disabled="true"]):active,
+.button.connect-device:active,
+#editBMPanel_newFolderButton:active {
+	background: var(--gnome-button-active-background) !important;
+}
+
+/* Active flat buttons */
+#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([disabled="true"]):not(#hack):active,
+#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not(.subviewbutton):not([disabled="true"])[open],
+#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([disabled="true"])[checked],
+.close-icon:not(.tab-close-button):active,
+button.close:active,
+#protections-popup-info-button:not(#hack):active,
+#protections-popup-info-button:not(#hack)[checked],
+.permission-popup-permission-remove-button:active,
+#item-choose button:active,
+.unified-extensions-item-menu-button:active {
+	background: var(--gnome-button-flat-active-background) !important;
+}
+
+/* Disabled buttons */
+#nav-bar toolbarbutton:not(#urlbar-zoom-button)[disabled="true"],
+#appMenu-popup .toolbaritem-combined-buttons toolbarbutton[disabled="true"],
+#context-navigation menuitem[disabled="true"],
+.dialog-button-box button[disabled="true"] {
+	opacity: .5 !important;
+}
+
+/* Inactive window buttons */
+#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):-moz-window-inactive,
+.findbar-container toolbarbutton:-moz-window-inactive,
+#sidebar-switcher-target:-moz-window-inactive,
+#viewButton:-moz-window-inactive,
+.notification-button:-moz-window-inactive {
+	background: var(--gnome-inactive-button-background) !important;
+	box-shadow: var(--gnome-inactive-button-box-shadow) !important;
+	border-color: var(--gnome-inactive-button-border-color) !important;
+}
+
+/* Circle buttons */
+#downloadsPanel-mainView .download-state .downloadButton,
+.permission-popup-permission-remove-button:not(#hack) {
+	border-radius: 100% !important;
+}
+
+/* Combined buttons */
+#nav-bar .toolbaritem-combined-buttons:not(.unified-extensions-item) toolbarbutton:not(:last-of-type):not(#hack),
+#appMenu-popup .toolbaritem-combined-buttons:not(.unified-extensions-item) toolbarbutton:not(:last-of-type):not(#appMenu-zoomEnlarge-button),
+#context-navigation menuitem:not(:last-of-type),
+.findbar-container toolbarbutton.findbar-find-previous,
+.findbar-button:not(:last-of-type),
+.search-panel-one-offs .searchbar-engine-one-off-item:not(:last-child) {
+	border-top-right-radius: 0 !important;
+	border-bottom-right-radius: 0 !important;
+	border-right-width: 0 !important;
+	margin-right: 0 !important;
+}
+
+#nav-bar .toolbaritem-combined-buttons:not(.unified-extensions-item) toolbarbutton:not(:first-of-type):not(#hack),
+#appMenu-popup .toolbaritem-combined-buttons:not(.unified-extensions-item) toolbarbutton:not(:first-of-type):not(#appMenu-fullscreen-button),
+#context-navigation menuitem:not(:first-of-type),
+.findbar-container toolbarbutton.findbar-find-previous,
+.findbar-container toolbarbutton.findbar-find-next,
+.findbar-button:not(:first-of-type),
+.search-panel-one-offs .searchbar-engine-one-off-item:not(:first-child) {
+	border-top-left-radius: 0 !important;
+	border-bottom-left-radius: 0 !important;
+	margin-left: 0 !important;
+}
+
+#nav-bar .toolbaritem-combined-buttons:not(.unified-extensions-item) {
+	margin-left: 0 !important;
+	margin-right: 0 !important;
+}
+
+/* Opaque buttons */
+#appMenu-popup .panel-banner-item[notificationid="update-restart"],
+button.popup-notification-primary-button,
+#editBookmarkPanelDoneButton,
+#tracking-action-block,
+.button.connect-device,
+#editBookmarkPanelRemoveButton,
+#PanelUI-panic-view-button {
+	color: white !important;
+	font-weight: bold !important;
+}
+
+/* Buttons with suggested action */
+#appMenu-popup .panel-banner-item[notificationid="update-restart"],
+button.popup-notification-primary-button:not(#hack),
+#editBookmarkPanelDoneButton,
+#tracking-action-block,
+.button.connect-device {
+	background-color: var(--gnome-button-suggested-action-background) !important;
+}
+
+/* Buttons with destructive action */
+#editBookmarkPanelRemoveButton,
+#PanelUI-panic-view-button {
+	background-color: var(--gnome-button-destructive-action-background) !important;
+}
+
+/* Opaque buttons hover */
+#appMenu-popup .panel-banner-item[notificationid="update-restart"]:hover,
+button.popup-notification-primary-button:hover,
+#editBookmarkPanelDoneButton:hover,
+#tracking-action-block:hover,
+.button.connect-device:hover,
+#editBookmarkPanelRemoveButton:hover,
+#PanelUI-panic-view-button:hover {
+	background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1)) !important;
+}
+
+/* Opaque buttons active */
+#appMenu-popup .panel-banner-item[notificationid="update-restart"]:active,
+button.popup-notification-primary-button:active,
+#editBookmarkPanelDoneButton:active,
+#tracking-action-block:active,
+.button.connect-device:active,
+#editBookmarkPanelRemoveButton:active,
+#PanelUI-panic-view-button:active {
+	background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)) !important;
+}
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/controls.css b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/controls.css
new file mode 100755
index 000000000..acf30274c
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/controls.css	
@@ -0,0 +1,46 @@
+/* Controls */
+/* Switchers, Checkboxes, etc. */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Switchers */
+.protections-popup-tp-switch-box {
+	padding: 0 !important;
+	-moz-box-pack: start !important;
+}
+#protections-popup-tp-switch:not([enabled])[showdotindicator]::after {
+	display: none !important;
+}
+#protections-popup-tp-switch {
+	background: var(--gnome-switch-background) !important;
+	border: 0 !important;
+	border-radius: 24px !important;
+	min-width: 48px !important;
+	width: 48px !important;
+	min-height: 26px !important;
+	padding: 0 !important;
+	position: relative !important;
+	display: block !important;
+	margin: 0 !important;
+}
+#protections-popup-tp-switch::before {
+	position: absolute !important;
+	top: 2px;
+	left: 2px;
+	background: var(--gnome-switch-slider-background) !important;
+	box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
+	border: 0 !important;
+	border-radius: 24px !important;
+	height: 22px !important;
+	width: 22px !important;
+	transition: left .2s ease;
+	outline: 0 !important;
+}
+#protections-popup-tp-switch[enabled] {
+	background: var(--gnome-switch-active-background) !important;
+	padding-inline-start: 24px !important;
+}
+#protections-popup-tp-switch[enabled]::before {
+	background: var(--gnome-switch-active-slider-background) !important;
+	left: 24px;
+}
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/csd.css b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/csd.css
new file mode 100755
index 000000000..d05433cdc
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/csd.css	
@@ -0,0 +1,182 @@
+/* GNOME CSD styles for headerbar on Firefox [tabsintitlebar] */
+
+@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+#main-window {
+	-moz-appearance: -moz-window-titlebar !important;
+}
+
+/* Headerbar top border corners rounded */
+:root[tabsintitlebar][sizemode="normal"]:not([gtktiledwindow="true"]) #nav-bar {
+	border-radius: env(-moz-gtk-csd-titlebar-radius) env(-moz-gtk-csd-titlebar-radius) 0 0 !important;
+}
+
+/* Window buttons: at least 1 button */
+@media (-moz-gtk-csd-minimize-button), (-moz-gtk-csd-maximize-button), (-moz-gtk-csd-close-button) {
+	:root {
+		--gnome-navbar-csd-offset: 43px;
+	}
+}
+/* Window buttons: at least 2 buttons */
+@media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button),
+       (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-close-button),
+       (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) {
+	:root {
+		--gnome-navbar-csd-offset: 80px;
+	}
+}
+/* Window buttons: 3 buttons */
+@media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) {
+	:root {
+		--gnome-navbar-csd-offset: 117px;
+	}
+}
+
+/* Right window buttons offset by button count */
+:root[tabsintitlebar]:not([inFullscreen]) #nav-bar {
+	padding-left: 3px !important;
+	padding-right: var(--gnome-navbar-csd-offset) !important;
+}
+/* Fullscreen headerbar padding for 1 button */
+:root[tabsintitlebar][inFullscreen] #nav-bar {
+	padding-right: 43px !important;
+}
+
+/* Left window buttons */
+@media (-moz-gtk-csd-reversed-placement) {
+	/* Window controls offset by button count */
+	:root[tabsintitlebar]:not([inFullscreen]) #nav-bar {
+		padding-left: var(--gnome-navbar-csd-offset) !important;
+		padding-right: 3px !important;
+	}
+	
+	/* Window buttons box */
+	:root[tabsintitlebar] #titlebar .titlebar-buttonbox-container {
+		left: 0;
+		right: auto !important;
+	}
+	
+	/* Fullscreen headerbar padding for 1 button */
+	:root[tabsintitlebar][inFullscreen] #nav-bar {
+		padding-left: 50px !important;
+		padding-right: 3px !important
+	}
+}
+
+/* Remove close and minimize buttons from fullscreen buttons */
+:root[tabsintitlebar][inFullscreen] #titlebar .titlebar-buttonbox-container .titlebar-min,
+:root[tabsintitlebar][inFullscreen] #titlebar .titlebar-buttonbox-container .titlebar-close {
+	display: none !important;
+}
+
+/* Force the restore button to appear regardless of maximize button's status */
+:root[tabsintitlebar][inFullscreen] #titlebar .titlebar-buttonbox-container {
+  visibility: visible !important;
+}
+:root[tabsintitlebar][inFullscreen]:not([inDOMFullscreen]) #titlebar .titlebar-buttonbox-container .titlebar-restore {
+	display: inherit !important;
+}
+
+/* Hide window controls when navbar is hidden */
+:root[tabsintitlebar][inFullscreen] #navigator-toolbox[style*='margin-top:'] #titlebar .titlebar-buttonbox-container {
+  top: -999px;
+}
+
+/* Remove tabsbar titlebar blank spaces */
+:root[tabsintitlebar] #TabsToolbar .titlebar-placeholder {
+	display: none !important;
+}
+
+/* Prevent menubar from breaking */
+:root[tabsintitlebar] #toolbar-menubar:not([inactive=true]) {
+	height: 30px !important;
+	margin-bottom: 8px;
+}
+
+/* Remove default style of titlebar */
+:root[tabsintitlebar] #titlebar {
+	-moz-appearance: none !important;
+}
+
+/* Fix the issue when dragging tabs */
+:root[tabsintitlebar] #navigator-toolbox[movingtab] #TabsToolbar {
+	padding-bottom: 0 !important;
+}
+
+/* Window buttons box */
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox-container {
+	-moz-appearance: none !important;
+	padding: 5px;
+	position: absolute !important;	
+	right: 0;
+	top: 0;
+	display: block !important;
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox {
+	-moz-appearance: none !important;
+}
+
+/* Window buttons style */
+:root[tabsintitlebar] #titlebar .titlebar-button,
+:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton {
+	-moz-appearance: none !important;
+	padding: 0 2px !important;
+	background: var(--gnome-button-close-background);
+	transition: background 0.3s;
+}
+
+:root[tabsintitlebar] #titlebar .titlebar-button {
+	border-radius: 100% !important;
+	height: 24px !important;
+	margin: 6px 6.5px !important;
+	width: 24px !important;
+}
+
+:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton {
+	border-radius: 6px !important;
+	height: 34px;
+	margin: 0 3px !important;
+	width: 34px;
+}
+
+:root[tabsintitlebar] #titlebar toolbarbutton > .toolbarbutton-icon {
+	padding: 0 !important;
+	stroke: none !important;
+	-moz-context-properties: fill, fill-opacity !important;
+}
+
+:root[tabsintitlebar] #titlebar .titlebar-button .toolbarbutton-icon,
+:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton .toolbarbutton-icon {
+	width: 16px;
+}
+:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-button,
+:root[tabsintitlebar][inFullscreen] #window-controls:-moz-window-inactive toolbarbutton {
+	background: var(--gnome-inactive-tabbar-tab-active-background) !important;
+}
+:root[tabsintitlebar] #titlebar:not(:-moz-window-inactive) .titlebar-button:not([disabled]):hover,
+:root[tabsintitlebar][inFullscreen] #window-controls:not(:-moz-window-inactive) toolbarbutton:not([disabled]):hover {
+	background: var(--gnome-button-hover-background) !important;
+}
+:root[tabsintitlebar] #titlebar:not(:-moz-window-inactive) .titlebar-button:not([disabled]):active,
+:root[tabsintitlebar][inFullscreen] #window-controls:not(:-moz-window-inactive) toolbarbutton:not([disabled]):active {
+	background: var(--gnome-button-active-close-background) !important;
+}
+
+:root[tabsintitlebar] #titlebar .titlebar-button:where(:hover):not(:hover) {
+	background: var(--gnome-button-hover-close-background) !important;
+}
+
+/* OPTIONAL: Allow draging the window from headerbar buttons */
+@supports -moz-bool-pref("gnomeTheme.dragWindowHeaderbarButtons") {
+	:root[tabsintitlebar] #nav-bar *,
+	:root[tabsintitlebar] #titlebar .titlebar-button,
+	:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton {
+		-moz-window-dragging: drag;
+	}
+	
+	/* Avoid window dragging from urlbar */
+	:root[tabsintitlebar] #nav-bar .urlbar-input-box,
+	:root[tabsintitlebar] #nav-bar .urlbar-input-box * {
+		-moz-window-dragging: no-drag !important;
+	}
+}
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/dialogs.css b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/dialogs.css
new file mode 100755
index 000000000..1438b9967
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/dialogs.css	
@@ -0,0 +1,90 @@
+/* Dialogs */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+window {
+	padding: 0 !important;
+}
+
+#window-modal-dialog {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	height: 100vh;
+}
+
+/* Browser dialog prompts center */
+.dialogOverlay[topmost="true"]:not(.dialogOverlay-window-modal-dialog-subdialog), #window-modal-dialog::backdrop {
+	background-color: rgba(0, 0, 0, .5) !important;
+}
+
+/* Dialog */
+.dialogBox {
+	border-radius: 12px !important;
+	margin-top: 0 !important;
+}
+.dialogBox[resizable="true"] {
+	margin-top: 24px !important;
+}
+
+window[role="dialog"] {
+	background: var(--gnome-toolbar-background) !important;
+	border: 0 !important;
+	box-shadow: var(--gnome-menu-shadow) !important;
+	padding: 0 !important;
+}
+dialog {	
+	padding: 0 !important;
+}
+dialog#handling {
+	display: flex;
+	flex-direction: column;
+}
+
+/* Content */
+.dialog-content-box {
+	padding: 24px;
+	padding-bottom: 0;
+}
+.box-inherit[part="content-box"] {
+	padding: 12px 24px 12px 24px;
+}
+#titleContainer {
+	justify-content: center !important;
+}
+.titleIcon {
+	background-color: transparent !important;
+}
+
+/* Buttons */
+.dialog-button-box {
+	display: flex !important;
+	margin-top: auto;
+}
+
+.dialog-button-box button:not(#hack) {
+	height: auto !important;
+	max-height: unset !important;
+	padding: 10px 14px !important;
+	margin: 0 !important;
+	border-radius: 0 !important;
+	flex: 1;
+	border-bottom: 0 !important;
+}
+
+/* Buttons borders - only suppor for cancel/ok */
+.dialog-button-box button[dlgtype="accept"] {
+	border-right: 0 !important;
+	border-left: 0 !important;
+}
+.dialog-button-box button[dlgtype="cancel"]:not(#hack) {
+	border-left: 0 !important;
+}
+
+/* Hadler dialog */
+#os-default-handler image {
+	display: none !important;	
+}
+#os-default-handler .name {
+	font-weight: normal !important;
+}
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/entries.css b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/entries.css
new file mode 100755
index 000000000..be3397494
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/entries.css	
@@ -0,0 +1,129 @@
+/* Entries */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Entries */
+#urlbar,
+#searchbar,
+#search-box,
+.findbar-textbox,
+#loginTextbox,
+#password1Textbox,
+.tabsFilter,
+#editBMPanel_namePicker,
+#editBMPanel_tagsField,
+.popup-notification-body input {
+	-moz-appearance: none !important;
+	background: var(--gnome-entry-background) !important;
+	outline: 2px solid transparent !important;
+	border: 0 !important;
+	border-radius: 8px !important;
+	box-shadow: none !important;
+	color: var(--gnome-entry-color) !important;
+	height: 34px !important;
+	max-height: 34px !important;
+	margin: 0 !important;
+	padding: 6px !important;
+	box-sizing: border-box;
+	transition: outline 0.3s, outline-offset 0.3s;
+}
+
+/* Entries focused */
+#urlbar[breakout][breakout-extend],
+#urlbar[focused="true"]:not([suppress-focus-border]),
+#searchbar:focus-within,
+#search-box[focused], 
+.findbar-textbox[focused],
+.findbar-textbox:focus,
+#loginTextbox:focus,
+#password1Textbox:focus,
+.tabsFilter[focused],
+#editBMPanel_namePicker:focus-visible,
+#editBMPanel_tagsField:focus-visible,
+.popup-notification-body input:focus {
+	outline: 2px solid var(--gnome-focused-urlbar-border-color) !important;
+	outline-offset: -2px;
+	-moz-outline-radius: 5px;
+}
+
+/* Inactive window entries */
+#urlbar:-moz-window-inactive,
+#searchbar:-moz-window-inactive,
+#search-box:-moz-window-inactive,
+.findbar-textbox:-moz-window-inactive,
+#loginTextbox:-moz-window-inactive,
+#password1Textbox:-moz-window-inactive,
+.tabsFilter:-moz-window-inactive {
+	color: var(--gnome-inactive-entry-color) !important;
+	outline: 2px solid transparent !important;
+}
+
+/* Entries combined */
+.findbar-textbox:not(.minimal) {
+	border-top-right-radius: 0 !important;
+	border-bottom-right-radius: 0 !important;
+	border-right-width: 0 !important;
+}
+.findbar-textbox:not(.minimal)[focused], .findbar-textbox:not(.minimal):focus {
+	-moz-outline-radius: 5px 0 0 5px !important;
+}
+
+/* Entry button */
+.identity-box-button,
+#tracking-protection-icon-container,
+#notification-popup-box,
+.urlbar-page-action,
+.urlbar-icon {
+	fill-opacity: 0.8 !important;
+	transition: fill 0.3s, fill-opacity 0.3, opacity 0.3;
+}
+
+.identity-box-button:hover:not([open="true"]),
+#tracking-protection-icon-container:hover:not([open="true"]),
+#notification-popup-box:hover:not([open="true"]),
+.urlbar-page-action:hover:not([open="true"]),
+.urlbar-page-action:hover:not([open="true"]) .urlbar-icon,
+.urlbar-icon:not([disabled]):hover {
+    background: none !important;
+	fill-opacity: 1 !important;	
+}
+
+.identity-box-button:hover:active,
+.identity-box-button[open=true],
+#tracking-protection-icon-container:hover:active,
+#tracking-protection-icon-container[open=true],
+#notification-popup-box:hover:active,
+#notification-popup-box[open=true],
+.urlbar-page-action:hover:active,
+.urlbar-page-action[open=true],
+.urlbar-page-action:hover:active .urlbar-icon,
+.urlbar-page-action[open=true] .urlbar-icon {
+	background: none !important;
+	fill-opacity: 1 !important;	
+}
+
+/* Entries fixes */
+#urlbar-container, #search-container {
+	padding: 0 !important;
+	margin: 0 3px !important;
+}
+#urlbar-input-container {
+	background: transparent !important;
+	border: 0 !important;
+}
+#urlbar, #searchbar {
+	margin: 0 3px !important;
+	padding: 0 3px !important;
+}
+.searchbar-textbox {
+	border: 0 !important;
+	padding: 0 !important;
+	margin: 0 !important;
+	min-height: auto !important;
+}
+#searchbar > .searchbar-textbox[focused] .searchbar-search-button:not(#hack) {
+	margin: 0 !important;
+}
+#urlbar[focused="true"]:not([suppress-focus-border]) > #urlbar-background {
+	outline: 0 !important;
+}
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/findbar.css b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/findbar.css
new file mode 100755
index 000000000..60ae3761e
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/findbar.css	
@@ -0,0 +1,44 @@
+/* Find bar  */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+findbar {
+	padding: 0 !important;
+	position: relative;
+}
+
+findbar label, findbar description {
+	color: var(--gnome-toolbar-color) !important;
+}
+
+.findbar-container {
+	align-items: center;
+	padding: 6px !important;
+	display: flex;
+	justify-content: flex-start;
+	position: relative;
+	flex-direction: row;
+	margin: 0 !important;
+	width: calc(100% - 42px);
+	height: auto !important;
+}
+
+hbox[anonid="findbar-textbox-wrapper"] {
+	display: flex !important;
+}
+
+.findbar-entire-word {
+	margin-right: auto !important;
+}
+
+.findbar-find-status, .found-matches {	
+	margin-right: 6px !important;
+}
+
+.findbar-closebutton {
+	margin: 6px 6px 6px 0 !important;
+}
+
+.findbar-container toolbarbutton .toolbarbutton-text {
+	display: none !important;
+}
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/headerbar-private-window.css b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/headerbar-private-window.css
new file mode 100755
index 000000000..4c8932294
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/headerbar-private-window.css	
@@ -0,0 +1,44 @@
+/* Private window headerbar */
+
+@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+:root[privatebrowsingmode="temporary"] {
+	--gnome-accent: var(--gnome-private-accent) !important;
+	--gnome-accent-fg: var(--gnome-private-accent) !important;
+	/* Toolbars */
+	--gnome-toolbar-background: var(--gnome-private-toolbar-background) !important;
+	--gnome-inactive-toolbar-background: var(--gnome-private-inactive-toolbar-background)  !important;
+	/* Menus */
+	--gnome-menu-background: var(--gnome-private-menu-background) !important;		
+	/* Change headerbar colors */
+	--gnome-headerbar-background: var(--gnome-private-headerbar-background) !important;
+	--gnome-inactive-headerbar-background: var(--gnome-private-inactive-headerbar-background) !important;
+	/* Tabs */
+	--gnome-tabbar-tab-hover-background: var(--gnome-private-tabbar-tab-hover-background);
+	--gnome-tabbar-tab-active-background: var(--gnome-private-tabbar-tab-active-background);
+	--gnome-tabbar-tab-active-background-contrast: var(--gnome-private-tabbar-tab-active-background-contrast);
+	--gnome-tabbar-tab-active-hover-background: var(--gnome-private-tabbar-tab-active-hover-background);
+	--gnome-inactive-tabbar-tab-hover-background: var(--gnome-private-inactive-tabbar-tab-hover-background);
+	--gnome-inactive-tabbar-tab-active-background: var(--gnome-private-inactive-tabbar-tab-active-background);
+}
+
+/* Add private window headerbar indicator */
+:root[privatebrowsingmode="temporary"] #nav-bar toolbarspring:first-of-type:before {
+	background: url("../icons/eye-not-looking-symbolic.svg") no-repeat;
+	background-size: 64px 64px;
+	content: "";
+	display: block;	
+	position: absolute;
+	width: 64px;
+	height: 46px;
+	top: 0;
+	transform: translate(15px, 0);
+	fill: var(--gnome-toolbar-color) !important;
+	fill-opacity: 0.2 !important;
+	-moz-context-properties: fill, fill-opacity;
+}
+
+/* Hide tabsbar default private browsing indicator */
+#private-browsing-indicator-with-label {
+	display: none !important;
+}
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/headerbar.css b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/headerbar.css
new file mode 100755
index 000000000..07bbb77a1
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/headerbar.css	
@@ -0,0 +1,20 @@
+/* Header bar */
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Headerbar */
+#nav-bar {
+	padding: 6px 3px !important;
+}
+
+/* Headerbar CSD colors */
+#nav-bar {
+	background: var(--gnome-headerbar-background) !important;
+	border: none !important;
+	border-bottom: 1px solid var(--gnome-headerbar-border-color) !important;
+	box-shadow: var(--gnome-headerbar-box-shadow) !important;
+}
+#nav-bar:-moz-window-inactive {
+	background: var(--gnome-inactive-headerbar-background) !important;
+	border-bottom-color: var(--gnome-inactive-headerbar-border-color) !important;
+	box-shadow: var(--gnome-inactive-headerbar-box-shadow) !important;
+}
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/icons.css b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/icons.css
new file mode 100755
index 000000000..ee957ff43
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/icons.css	
@@ -0,0 +1,550 @@
+/* Replace icons */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Icons color */
+.toolbarbutton-icon,
+menuitem:not([class*='identity']) .menu-iconic-left .menu-iconic-icon,
+.urlbar-page-action:not([readeractive]),
+.button-icon:not(#hack),
+.bookmark-item[container],
+.notification-anchor-icon,
+.protections-popup-category::after,
+.protections-popup-footer-icon,
+#identity-popup-mainView .subviewbutton-nav::after,
+.widget-overflow-list .subviewbutton-nav::after,
+.PanelUI-subView .subviewbutton-nav::after,
+#identity-popup[connection^="secure"] .identity-popup-security-connection,
+.panel-info-button > image,
+.menu-right,
+.expander-down > .button-box,
+#sidebar-switcher-arrow,
+#sidebar-icon,
+#viewButton .button-menu-dropmarker,
+.menulist-label-box:after,
+.expander-up > .button-box,
+#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] > #identity-icon,
+.searchbar-search-icon,
+.textbox-search-sign,
+treechildren::-moz-tree-twisty,
+treechildren::-moz-tree-image,
+.item.client .item-twisty-container,
+menuitem[type="checkbox"],
+menuitem[type="checkbox"][checked="true"],
+menuitem[type="radio"],
+menuitem[type="radio"][checked="true"],
+.tab-icon-overlay,
+.tab-throbber::before,
+.tab-icon-stack::before,
+.close-icon:not(.tab-close-button),
+button.close::before,
+#urlbar-search-mode-indicator-close,
+#tracking-protection-icon,
+#identity-icon,
+#permissions-granted-icon,
+#downloads-indicator-icon,
+.textbox-search-clear,
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close .toolbarbutton-icon,
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-max .toolbarbutton-icon,
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-restore .toolbarbutton-icon,
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-min .toolbarbutton-icon,
+:root[tabsintitlebar][inFullscreen] #window-controls #restore-button .toolbarbutton-icon {
+	fill: var(--gnome-toolbar-icon-fill) !important;
+	-moz-context-properties: fill, fill-opacity;
+}
+.toolbarbutton-icon:-moz-window-inactive,
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close:-moz-window-inactive .toolbarbutton-icon,
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-max .toolbarbutton-icon:-moz-window-inactive,
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-restore .toolbarbutton-icon:-moz-window-inactive,
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-min .toolbarbutton-icon:-moz-window-inactive,
+:root[tabsintitlebar][inFullscreen] #window-controls #restore-button .toolbarbutton-icon {
+	fill: var(--gnome-inactive-toolbar-icon-fill) !important;
+}
+
+/* Dimmed icons */
+#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] > #identity-icon,
+.searchbar-search-icon,
+.textbox-search-sign,
+.textbox-search-clear {
+	opacity: 0.7 !important;
+}
+.textbox-search-clear:hover {
+	opacity: 1 !important;
+}
+
+/* Fix icons sizes */
+.permission-popup-permission-remove-button > .button-box > .button-icon,
+.menu-iconic-icon {
+	height: 16px !important;
+	width: 16px !important;
+}
+/* Fix icon color */
+#sidebar-icon {
+	opacity: 1 !important;
+}
+treechildren::-moz-tree-twisty,
+treechildren::-moz-tree-image {
+	fill-opacity: 1 !important;
+}
+
+/* Icons active color */
+treechildren::-moz-tree-twisty(selected, focus),
+treechildren::-moz-tree-twisty(selected, focus, open),
+treechildren::-moz-tree-image(selected, focus),
+treechildren::-moz-tree-image(selected, focus, open),
+.item.client:focus .item-twisty-container,
+.sidebar-panel[lwt-sidebar-brighttext] .sidebar-placesTreechildren::-moz-tree-twisty,
+.sidebar-panel[lwt-sidebar-brighttext] .sidebar-placesTreechildren::-moz-tree-twisty(open) {
+	fill: #fff !important;
+}
+
+/* Fix flat buttons icons aproach */
+button.close::before {
+	content: "";
+	display: block;
+	background-position: center center;
+	background-repeat: no-repeat;
+	height: 100%;
+	width: 100%;
+}
+
+/* Fix main menu zoom controls icons */
+#appMenu-zoom-controls2 .toolbarbutton-icon {
+	padding: 0 !important;
+	padding-block: 0 !important;
+	padding-inline: 0 !important;
+}
+
+/* Scroll icons */
+#scrollbutton-up {
+	list-style-image: var(--scrollbutton-icon-name) !important;
+}
+#scrollbutton-down {
+	list-style-image: var(--scrollbutton-icon-name) !important;
+}
+arrowscrollbox {
+	--scrollbutton-icon-name: url("../icons/pan-down-symbolic.svg");
+}
+arrowscrollbox[orient="horizontal"] {
+	--scrollbutton-icon-name: url("../icons/pan-start-symbolic.svg");
+}
+
+/* Popovers subview menu arrow */
+#identity-popup-mainView .subviewbutton-nav::after,
+.widget-overflow-list .subviewbutton-nav::after,
+.PanelUI-subView .subviewbutton-nav::after,
+.protections-popup-category::after,
+.subviewbutton-back,
+.menu-right {
+	fill-opacity: 1 !important;
+	opacity: .3;
+}
+.menu-right {
+	-moz-appearance: none !important;
+	list-style-image: url("../icons/go-next-symbolic.svg") !important;
+	width: 16px !important;
+	height: 16px !important;
+}
+#identity-popup-mainView .subviewbutton-nav::after,
+.widget-overflow-list .subviewbutton-nav::after,
+.PanelUI-subView .subviewbutton-nav::after {
+	content: "" !important;
+	background: url("../icons/go-next-symbolic.svg");
+	background-size: contain;
+	height: 16px;
+	width: 16px;
+}
+.protections-popup-category::after {
+	content: url("../icons/go-next-symbolic.svg") !important;
+}
+
+/* Popovers subview back button */
+.subviewbutton-back {
+	list-style-image: url("../icons/go-previous-symbolic.svg") !important;
+}
+
+/* Arrow down buttons */
+.expander-down > .button-box,
+#sidebar-switcher-arrow,
+#viewButton .button-menu-dropmarker,
+.popup-notification-dropmarker .button-icon {
+	-moz-appearance: none !important;
+	list-style-image: url("../icons/pan-down-symbolic.svg") !important;
+	width: 16px !important;
+	height: 16px !important;
+}
+.menulist-label-box:after {
+	content: url("../icons/pan-down-symbolic.svg") !important;
+}
+
+/* Arrow up buttons */
+.expander-up > .button-box {
+	-moz-appearance: none !important;
+	list-style-image: url("../icons/pan-up-symbolic.svg") !important;
+	width: 16px !important;
+	height: 16px !important;
+}
+
+/* Search entries */
+#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] > #identity-icon,
+.searchbar-search-icon,
+.textbox-search-sign {
+	list-style-image: url(../icons/edit-find-symbolic.svg) !important;
+}
+.textbox-search-sign {
+	margin: 3px 0;
+	max-height: 16px !important;
+	width: 16px !important;
+}
+
+/* Findbar */
+.findbar-find-previous {
+    list-style-image: url("../icons/go-up-symbolic.svg") !important;
+}
+.findbar-find-next {
+    list-style-image: url("../icons/go-down-symbolic.svg") !important;
+}
+
+/* Tree views */
+treechildren::-moz-tree-twisty,
+.item.client .item-twisty-container {
+	list-style-image: url("../icons/pan-end-symbolic.svg") !important;
+	width: 16px !important;
+	height: 16px !important;
+}
+.item.client .item-twisty-container {
+	background-image: url("../icons/pan-end-symbolic.svg") !important;
+}
+treechildren::-moz-tree-twisty(open) {
+	list-style-image: url("../icons/pan-down-symbolic.svg") !important;
+}
+.item.client.closed .item-twisty-container {
+	background-image: url("../icons/pan-down-symbolic.svg") !important;
+}
+
+treechildren::-moz-tree-image(title, container),
+treechildren::-moz-tree-image(title, open) {
+  list-style-image: url("../icons/folder-symbolic.svg") !important;
+}
+treechildren::-moz-tree-image(title, query, dayContainer),
+treechildren::-moz-tree-image(query, OrganizerQuery_history____v) {
+  list-style-image: url("../icons/preferences-system-time-symbolic.svg") !important;
+}
+
+/* Menu checkbox */
+menuitem[type="checkbox"] {
+	list-style-image: none !important;
+}
+menuitem[type="checkbox"][checked="true"] {
+	list-style-image: url("../icons/select-symbolic.svg") !important;
+}
+menuitem[type="checkbox"][disabled="true"] .menu-iconic-icon {
+	opacity: 0.5;
+}
+
+/* Menu radio */
+menuitem[type="radio"] {
+	list-style-image: none !important;
+}
+menuitem[type="radio"][checked="true"] {
+	list-style-image: url("../icons/bullet-symbolic.svg") !important;
+}
+menuitem[type="radio"] .menu-iconic-icon {
+	border-radius: 100%;
+	border: 1px solid var(--gnome-inactive-toolbar-icon-fill);
+}
+menuitem[type="radio"][disabled="true"] .menu-iconic-icon {
+	opacity: 0.5;
+}
+
+/* Close button */
+.close-icon:not(.tab-close-button),
+.identity-popup-permission-remove-button .button-icon,
+.permission-popup-permission-remove-button > .button-box > .button-icon {
+	list-style-image: url("../icons/window-close-symbolic.svg") !important;
+}
+#urlbar-search-mode-indicator-close,
+button.close::before {
+	background-image: url("../icons/window-close-symbolic.svg") !important;
+}
+@media (prefers-color-scheme: light) {
+	.notificationbox-stack notification[type="critical"] .close-icon:not(.tab-close-button):not(:hover) {
+		fill: #fff !important;
+	}
+}
+@media (prefers-color-scheme: dark) {
+	.notificationbox-stack notification[type="warning"] .close-icon:not(.tab-close-button):not(:hover) image {
+		fill: rgb(46, 52, 54) !important;
+	}
+}
+
+/* Window buttons */
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close .toolbarbutton-icon {
+	list-style-image: url("../icons/window-close-symbolic.svg") !important;
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-max .toolbarbutton-icon {
+	list-style-image: url("../icons/window-maximize-symbolic.svg") !important;
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-restore .toolbarbutton-icon {
+	list-style-image: url("../icons/window-restore-symbolic.svg") !important;
+}
+:root[tabsintitlebar][inFullscreen] #titlebar .titlebar-buttonbox .titlebar-restore .toolbarbutton-icon {
+	list-style-image: url("../icons/view-restore-symbolic.svg") !important;
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-min .toolbarbutton-icon {
+	list-style-image: url("../icons/window-minimize-symbolic.svg") !important;
+}
+:root[tabsintitlebar][inFullscreen] #window-controls #restore-button .toolbarbutton-icon {
+	list-style-image: url("../icons/view-restore-symbolic.svg") !important;
+}
+
+/* Sound icons */
+.tab-icon-overlay[soundplaying] {
+    list-style-image: url("../icons/audio-playing-symbolic.svg") !important;
+}
+.tab-icon-overlay[muted] {
+    list-style-image: url("../icons/audio-muted-symbolic.svg") !important;
+}
+.tab-icon-overlay[activemedia-blocked] {
+	list-style-image: url("../icons/play-large-disabled-symbolic.svg") !important;
+}
+
+/* Firefox View */
+#firefox-view-button {
+	list-style-image: url("../icons/firefox-symbolic.svg") !important;
+}
+
+/* Private browsing button */
+#privatebrowsing-button {
+	list-style-image: url("../icons/eye-not-looking-symbolic.svg") !important;
+}
+/* Sidebar button */
+#sidebar-button:-moz-locale-dir(ltr):not([positionend])  .toolbarbutton-icon, #sidebar-button:-moz-locale-dir(rtl)[positionend]  .toolbarbutton-icon {
+	list-style-image: url("../icons/toggle-sidebar-symbolic.svg") !important;
+}
+#sidebar-button .toolbarbutton-icon {
+	list-style-image: url("../icons/toggle-right-sidebar-symbolic.svg");
+}
+/* Back button */	
+#nav-bar #back-button,
+#context-back { 
+	list-style-image: url("../icons/go-previous-symbolic.svg") !important;
+}
+/* Forward button */	
+#nav-bar #forward-button,
+#context-forward,
+#urlbar-go-button,
+.search-go-button { 
+	list-style-image: url("../icons/go-next-symbolic.svg") !important;
+}
+/* Menu button */
+#PanelUI-menu-button {
+	list-style-image: url("../icons/open-menu-symbolic.svg") !important;
+}
+/* New tab button */
+#new-tab-button {
+	list-style-image: url("../icons/tab-new-symbolic.svg") !important;
+}
+#tabs-newtab-button,
+#TabsToolbar #new-tab-button {
+	list-style-image: url("../icons/list-add-symbolic.svg") !important;
+}
+/* Home button */
+#home-button {
+	list-style-image: url("../icons/user-home-symbolic.svg") !important;
+}
+/* Preferences button */
+#preferences-button,
+.search-setting-button-compact > .button-box > .button-icon,
+.unified-extensions-item-menu-button.subviewbutton {
+	list-style-image: url("../icons/settings-symbolic.svg") !important;
+}
+/* Tabs sync */
+#sync-button,
+#sidebar-box[sidebarcommand="viewTabsSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon,
+.urlbarView-row[source="tabs"] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-favicon,
+#urlbar-engine-one-off-item-tabs {
+	list-style-image: url("../icons/tab-symbolic.svg") !important;
+}
+/* Fullscreen button */
+#fullscreen-button,
+#appMenu-fullscreen-button2 {
+	list-style-image: url("../icons/view-fullscreen-symbolic.svg") !important;
+}
+/* Zoom out button */
+#zoom-out-button,
+#appMenu-zoomReduce-button2 {
+	list-style-image: url("../icons/zoom-out-symbolic.svg") !important;
+}
+/* Zoom in button */
+#zoom-in-button,
+#appMenu-zoomEnlarge-button2 {
+	list-style-image: url("../icons/zoom-in-symbolic.svg") !important;
+}
+/* Developer button */
+#developer-button {
+	list-style-image: url("../icons/applications-engineering-symbolic.svg") !important;
+}
+/* Email link button */
+#email-link-button {
+	list-style-image: url("../icons/mail-unread-symbolic.svg") !important;
+}
+/* Print button */
+#print-button {
+	list-style-image: url("../icons/printer-symbolic.svg") !important;
+}
+/* Addons button */
+#unified-extensions-button,
+#add-ons-button,
+#addons-notification-icon,
+.install-icon {
+	list-style-image: url("../icons/application-x-addon-symbolic.svg") !important;
+}
+/* Find button */
+#find-button {
+	list-style-image: url("../icons/edit-find-symbolic.svg") !important;
+}
+/* New window button */
+#new-window-button {
+	list-style-image: url("../icons/window-new-symbolic.svg") !important;
+}
+/* Bookmarks menu button */
+#bookmarks-menu-button,
+#sidebar-box[sidebarcommand="viewBookmarksSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon,
+.urlbarView-row[source="bookmarks"] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-favicon,
+#urlbar-engine-one-off-item-bookmarks {
+	list-style-image: url("../icons/starred-symbolic.svg") !important;
+}
+#context-bookmarkpage[starred="true"],
+#star-button[starred] {
+	list-style-image: url("../icons/starred-symbolic.svg") !important;
+}
+#context-bookmarkpage,
+#star-button {
+	list-style-image: url("../icons/non-starred-symbolic.svg") !important;
+}
+#star-button[starred] {
+	fill: var(--gnome-toolbar-star-button) !important;
+}
+
+/* History button */
+#history-panelmenu,
+#sidebar-box[sidebarcommand="viewHistorySidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon,
+.urlbarView-row[source="history"] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-favicon,
+#urlbar-engine-one-off-item-history {
+	list-style-image: url("../icons/preferences-system-time-symbolic.svg") !important;
+}
+/* All tabs button */
+#alltabs-button {
+	list-style-image: url("../icons/pan-down-symbolic.svg") !important;
+}
+/* Cut button */
+#cut-button,
+#appMenu-cut-button {
+	list-style-image: url("../icons/edit-cut-symbolic.svg") !important;
+}
+/* Copy button */
+#copy-button,
+#appMenu-copy-button {
+	list-style-image: url("../icons/edit-copy-symbolic.svg") !important;
+}
+/* Paste button */
+#paste-button,
+#appMenu-paste-button {
+	list-style-image: url("../icons/edit-paste-symbolic.svg") !important;
+}
+/* Overflow button */
+#nav-bar-overflow-button {
+	list-style-image: url("../icons/pan-down-symbolic.svg") !important;
+}
+/* Reload */
+#reload-button,
+.downloadIconRetry > .button-box > .button-icon,
+#context-reload {
+	list-style-image: url("../icons/view-refresh-symbolic.svg") !important;
+}
+/* Stop */
+#stop-button,
+.downloadIconCancel > .button-box > .button-icon,
+#context-stop {
+	list-style-image: url("../icons/process-stop-symbolic.svg") !important;
+}
+/* Downlaod */
+#downloads-button,
+#downloads-indicator-icon {
+	list-style-image: url("../icons/folder-download-symbolic.svg") !important;
+}
+/* Info */
+.panel-info-button > image,
+#identity-icon {
+	list-style-image: url("../icons/info-symbolic.svg") !important;
+}
+.tabbrowser-tab[image="chrome://global/skin/icons/info.svg"]:not([busy]):not([progress]) .tab-icon-stack::before {
+	content: "";
+	height: 16px;
+	width: 16px;
+	background-image: url("../icons/info-symbolic.svg") !important;
+}
+/* Password */
+#password-notification-icon {
+	list-style-image: url("../icons/key-symbolic.svg") !important;
+}
+
+/* Url Bar icons */
+#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] #identity-icon {
+    list-style-image: url("../icons/edit-find-symbolic.svg") !important;
+}
+#urlbar-input-container[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box > #tracking-protection-icon {
+  list-style-image: url("../icons/security-high-symbolic.svg") !important;
+}
+#urlbar-input-container[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box[hasException] > #tracking-protection-icon {
+  list-style-image: url("../icons/security-low-symbolic.svg") !important;
+}
+#urlbar-input-container[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box:not([hasException])[active] > #tracking-protection-icon {
+  list-style-image: url("../icons/security-high-symbolic.svg") !important;
+}
+#identity-box[pageproxystate="valid"].verifiedDomain #identity-icon,
+#identity-box[pageproxystate="valid"].mixedActiveBlocked #identity-icon {
+	list-style-image: url("../icons/padlock-symbolic.svg") !important;
+}
+#identity-popup[connection^="secure"] .identity-popup-security-connection {
+	list-style-image: url("../icons/padlock-symbolic.svg") !important;
+}
+#identity-box[pageproxystate="valid"].notSecure #identity-icon,
+#identity-box[pageproxystate="valid"].mixedActiveContent #identity-icon,
+#identity-box[pageproxystate="valid"].httpsOnlyErrorPage #identity-icon {
+    list-style-image: url("../icons/padlock-insecure-symbolic.svg") !important;
+}
+.identity-popup-security-connection {
+	list-style-image: url("../icons/padlock-insecure-symbolic.svg") !important;
+}
+#permissions-granted-icon {
+    list-style-image: url("../icons/general-properties-symbolic.svg") !important;
+}
+.popup-notification-icon[popupid="web-notifications"], .desktop-notification-icon {
+    list-style-image: url("../icons/message-symbolic.svg") !important;
+}
+#reader-mode-button {
+	list-style-image: url("../icons/reader-mode-symbolic.svg") !important;
+}
+.urlbar-icon {
+	margin: 2px 0 !important;
+}
+
+/* Fix for extensions icons */
+@media (prefers-color-scheme: dark) {
+	.webextension-browser-action {
+		list-style-image: var(--webextension-menupanel-image-light, inherit) !important;
+	}
+}
+
+/* Folder icon */
+.bookmark-item[container],
+.downloadIconShow > .button-box > .button-icon {
+	list-style-image: url("../icons/folder-symbolic.svg") !important;
+}
+
+/* Text clear */
+.textbox-search-clear {
+	content: url("../icons/edit-clear-symbolic.svg") !important;
+}
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/lists.css b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/lists.css
new file mode 100755
index 000000000..571fbd7ee
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/lists.css	
@@ -0,0 +1,40 @@
+/* Lists */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* TODO: create list color vars */
+/* List container */
+#permission-popup-permission-list,
+richlistbox#items {
+	--in-content-item-selected: var(--gnome-accent-bg) !important;
+	--in-content-item-selected-text: #fff !important;
+	background: var(--gnome-menu-background) !important;
+	border: 1px solid var(--gnome-button-border-color) !important;
+	border-radius: 12px !important;
+	padding: 0 !important;
+	overflow: hidden;
+}
+
+richlistbox#items {
+	box-shadow: 0 0 0 1px rgba(0, 0, 0, .03),
+                0 1px 3px 1px rgba(0, 0, 0, .07),
+                0 2px 6px 2px rgba(0, 0, 0, .03);
+}
+
+/* List item */
+.permission-popup-permission-list-anchor,
+richlistbox#items richlistitem {
+	padding: 6px !important;
+	margin: 0 !important;
+}
+.permission-popup-permission-list-anchor:not(:last-child),
+richlistbox#items richlistitem:not(:last-child) {
+	border-bottom: 1px solid var(--gnome-menu-separator-color);
+}
+
+/* Fix list buttons on selected state */
+@media (prefers-color-scheme: light) {
+	richlistbox#items richlistitem[selected=true] button:not(:hover) {
+		filter: invert() brightness(200%) !important;
+	}
+}
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/popups-contents.css b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/popups-contents.css
new file mode 100755
index 000000000..cafa3c057
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/popups-contents.css	
@@ -0,0 +1,341 @@
+/* Popups contents syles */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Main menu fxa */
+#appMenu-fxa-status[fxastatus="signedin"] > #appMenu-fxa-label {
+	padding-left: 22px !important;
+	margin-inline-start: -22px !important;
+}
+#appMenu-fxa-status[fxastatus="signedin"] > #appMenu-fxa-avatar {
+	margin-inline-start: 5px !important;
+}
+#appMenu-fxa-status2[fxastatus] > #appMenu-fxa-label2 > vbox > #appMenu-header-description, #appMenu-fxa-text {
+    font-weight: 400 !important;
+}
+
+/* Style main context menu & buttons */
+#context-navigation {
+	padding: 0;
+}
+#context-navigation > menuitem > .menu-iconic-left {
+	margin: auto !important;
+}
+#context-navigation menuitem {
+	--toolbarbutton-active-background: transparent !important;
+	--toolbarbutton-hover-background: transparent !important;
+}
+
+/* Main menu */
+#appMenu-popup .panel-banner-item:after {
+	-moz-box-ordinal-group: 0;
+	margin: 0 8px 0 0 !important;
+}
+#appMenu-popup .toolbaritem-combined-buttons {
+	margin-inline-end: 0 !important;
+}
+#appMenu-popup .toolbaritem-combined-buttons .before-label {
+	width: 32px !important;
+}
+.subviewbutton#appMenu-zoom-controls2 {
+	padding-right: 0 !important;
+	padding-top: 6px !important;
+}
+
+/* User sync account remove avatar */
+#fxa-menu-avatar {
+	display: none;
+}
+
+/* Add search engine button remove icon */
+#pageAction-panel-addSearchEngine .toolbarbutton-badge-stack {
+	display: none !important;
+}
+
+/* All tabs popover */
+.all-tabs-item[selected] {
+	border-left: 3px solid var(--gnome-tabbar-tab-active-border-bottom-color);
+	box-shadow: none !important;
+}
+
+.all-tabs-item > .all-tabs-secondary-button label {
+	margin: 0 !important;
+}
+
+/* Add bookmark */
+#editBookmarkPanelInfoArea {
+	padding: 0 !important;
+}
+#editBookmarkPanelRows,
+#editBookmarkPanelBottomContent {
+	padding: 0 !important;
+}
+#editBookmarkPanelBottomButtons {
+	margin: 0 !important;
+}
+#editBookmarkPanelBottomContent {
+	margin-bottom: 12px !important;
+}
+#editBookmarkPanelBottomContent,
+#editBookmarkPanelRows vbox {
+	margin: 6px 0;
+}
+
+/* Downloads popover */
+#downloadsPanel-mainView .download-state {
+	padding: 12px !important;
+	border: 0 !important;
+	display: flex;
+	align-items: center;
+	height: 64px !important;
+	margin: 0 !important;
+}
+
+#downloadsPanel-mainView .downloadMainArea {
+	flex: 1;
+	display: flex;
+}
+#downloadsPanel-mainView .downloadMainArea:hover {
+	background: transparent !important;
+}
+
+#downloadsPanel-mainView .downloadTypeIcon {
+	margin: 0 !important;
+	margin-right: 6px !important;
+}
+
+#downloadsPanel-mainView .downloadContainer {
+	margin-inline-end: 0 !important;
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+}
+
+#downloadsPanel-mainView .download-state .downloadButton .button-box {
+	padding: 0 !important;
+	margin: 0 !important;
+}
+#downloadsPanel-mainView .download-state toolbarseparator {
+	display: none;
+}
+
+/* Customization overflow menu position */
+#customization-panel-container {
+	margin-top: 10px;
+	z-index: 10;
+}
+
+/* Confirmation Hint */
+#confirmation-hint .panel-arrowcontent {
+	background: var(--gnome-button-suggested-action-background) !important;
+	border-color: var(--gnome-button-suggested-action-border-color) !important;
+}
+#confirmation-hint .panel-arrow {
+	fill: var(--gnome-button-suggested-action-border-color) !important;
+	stroke: var(--gnome-button-suggested-action-border-color) !important;
+}
+#confirmation-hint-message {
+	color: white !important;
+}
+
+/* URLbar popups */
+#identity-popup-mainView,
+#permission-popup-mainView,
+#protections-popup-mainView,
+#identity-popup-mainView-panel-header {
+	max-width: calc(var(--popup-width) + (var(--gnome-menu-padding) * 2)) !important;
+	min-width: calc(var(--popup-width) + (var(--gnome-menu-padding) * 2)) !important;
+}
+
+/* Identity popup */
+#identity-popup-security,
+.identity-popup-section,
+#identity-popup-security-expander .button-box,
+.identity-popup-security-content {
+	border: 0 !important;
+}
+
+.identity-popup-security-content {
+	padding-inline-end: 0 !important;
+	padding-inline-start: 0 !important;
+}
+.identity-popup-security-content {
+	background-position: 0em 0.8em !important;
+	background-size: 24px auto;
+}
+.identity-popup-security-content .identity-popup-headline {
+	margin-left: 1.4em !important;
+}
+#identity-popup-security-button {
+	padding: 3px 0 !important;
+}
+.identity-popup-security-connection.identity-button:not(#hack)  {
+	width: calc(var(--popup-width) - 30px) !important;
+}
+
+/* Permission popup */
+#permission-popup-permissions-content {
+	padding: 0 !important;
+}
+
+.permission-popup-permission-item:first-child, #permission-popup-storage-access-permission-list-header {
+    margin-top: 0 !important;
+}
+.permission-popup-permission-remove-button {
+	opacity: 1 !important;
+}
+.permission-popup-permission-state-label {
+    display: none !important;
+}
+
+#permission-popup-permission-list-default-anchor:empty {
+	padding: 0 !important;
+	border: 0 !important;
+}
+.permission-popup-permission-list-anchor[anchorfor="3rdPartyStorage"] {
+	padding: 0 !important;
+}
+.permission-popup-permission-list-anchor[anchorfor="3rdPartyStorage"] > vbox:only-child {
+	display: block !important;
+	height: 0 !important;
+	overflow: hidden;
+	visibility: hidden;
+	margin: 0 !important;
+	margin-bottom: -1px !important;
+}
+.permission-popup-permission-item-3rdPartyStorage {
+	margin-right: 6px;
+	margin-bottom: 6px !important;
+}
+#permission-popup-storage-access-permission-list-header {
+	padding: 6px !important;
+}
+
+/* Protections popup */
+.protections-popup-section,
+#protections-popup-not-blocking-section-header {	
+	border: 0 !important;
+}
+#protections-popup-mainView-panel-header-section {
+	background: transparent !important;
+}
+#protections-popup-mainView toolbarseparator {
+	display: none !important;
+}
+
+#protections-popup-mainView-panel-header {
+	color: var(--gnome-toolbar-color) !important;
+}
+#protections-popup[hasException] #protections-popup-mainView-panel-header {
+	background: none !important;
+}
+#protections-popup-main-header-label {
+	height: auto !important;
+	margin-inline-start: 6px !important;
+	text-align: left !important;
+}
+#protections-popup-mainView-panel-header-span {
+	margin: 0 !important;
+	margin-inline-start: 0 !important
+}
+#protections-popup[toast] #protections-popup-mainView-panel-header {
+	border-bottom-width: 1px !important;
+	border-radius: 5px !important;
+	padding: 0px !important;
+}
+#protections-popup-info-button {
+	margin: 0 !important;
+}
+
+#protections-popup-message {
+	background-position: center 12px !important;
+	background-color: var(--gnome-entry-background);
+	border: 0 !important;
+	border-radius: 12px;
+	color: var(--gnome-toolbar-color) !important;
+	height: 100% !important;
+	margin: 0 !important;
+}
+#protections-popup-message .text-link,
+#cfr-protections-panel-link-text {
+	color: var(--gnome-toolbar-color) !important;
+}
+.whatsNew-message-body {
+	padding: 0 6px;
+}
+
+#protections-popup-tp-switch-section {
+	background: var(--gnome-menu-background);
+	border: 1px solid var(--gnome-button-border-color) !important;
+	border-radius: 9px;
+	padding: 12px 8px !important;
+	margin: 0 !important;
+}
+
+#protections-popup[hasException] #protections-popup-tp-switch-section {
+	background: var(--gnome-menu-background) !important;
+}
+.protections-popup-tp-switch-label-box label {
+	margin-right: 12px !important;
+	font-weight: normal !important;
+}
+
+#protections-popup-no-trackers-found-description {
+	margin: 12px 8px 0 !important;
+	text-align: left !important;
+}
+
+#protections-popup-blocking-section-header,
+#protections-popup-not-found-section-header,
+#protections-popup-not-blocking-section-header{
+	padding: 0px 5px !important;
+	margin-top: 20px !important;
+	height: auto !important;
+}
+
+#protections-popup-category-list {
+	margin: 0 !important;
+}
+.protections-popup-category.notFound .protections-popup-category-label {
+	width: calc(var(--popup-width) - 70px) !important;
+}
+.protections-popup-category-label {
+	margin-inline-start: 6px !important;
+}
+.protections-popup-category-state-label {
+	opacity: 0.7;
+}
+
+#protections-popup-footer  {
+	display: flex;
+	justify-content: flex-start;
+	flex-wrap: wrap;
+	margin-top: 12px;
+}
+#protections-popup-show-report-stack,
+#protections-popup-settings-button {
+	width: 100% !important;
+}
+#protections-popup-show-report-button {
+	height: 32px !important;
+}
+#protections-popup-footer-protection-type-label  {
+	margin-left: 6px !important;
+}
+.protections-popup-description {
+    border-bottom: 0 !important;
+}
+.protections-popup-description > description {
+    margin: 8px !important;
+}
+
+/* Feature recommendation notification, fix width */
+#contextual-feature-recommendation-notification {
+    width: auto !important;
+}
+
+/* Extensions sometimes assume a white background */
+.webextension-popup-browser {
+	background-color: #fff !important;
+}
+
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/popups.css b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/popups.css
new file mode 100755
index 000000000..8f52f4068
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/popups.css	
@@ -0,0 +1,289 @@
+/* Popup menus and context menus */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Style menus */
+menupopup {
+	-moz-appearance: none !important;	
+	color: var(--gnome-toolbar-color) !important;
+	padding: 8px !important;
+}
+
+menu menupopup {
+	margin:	-13px 0px 0px 0px !important;
+}
+
+menulist {
+	padding: 0px !important;
+}
+
+.menupopup-arrowscrollbox {
+	-moz-appearance: none !important;
+	background: var(--gnome-menu-background) !important;
+	border: 1px solid var(--gnome-menu-border-color) !important;
+	border-radius: 12px !important;
+	box-shadow: var(--gnome-menu-shadow) !important;
+	padding: 6px !important;
+	margin: 0 !important;
+}
+
+menuitem[type="checkbox"] image, menuitem[type="radio"] image {
+	visibility: visible !important;
+}
+menuitem[disabled="true"]:hover, menupopup menu[disabled="true"]:hover {
+	background: transparent !important;
+}
+
+/* Adjust popovers position */
+panel[type=arrow] {
+	margin-top: 8px !important;
+}
+
+/* Style popovers */
+panel:not([remote]) {
+	--arrowpanel-background: var(--gnome-menu-background) !important;
+	--panel-item-hover-bgcolor: var(--gnome-menu-button-hover-background) !important;
+}
+panel  {
+	--arrowpanel-padding: 0 !important;
+	--arrowpanel-border-color: var(--gnome-menu-border-color) !important;
+	--arrowpanel-border-radius: 12px !important;
+	--gnome-menu-padding: 6px;
+}
+
+/* Padding rules */
+#sidebarMenu-popup {
+	--arrowpanel-padding: var(--gnome-menu-padding) !important;
+}
+#downloadsPanel-blockedSubview,
+#downloadsPanel-mainView {
+	padding:  var(--gnome-menu-padding) !important;
+}
+.panel-header, .panel-footer,
+.panel-subview-body,
+#protections-popup-mainView-panel-header-section,
+.permission-popup-section,
+.popup-notification-header-container,
+.popup-notification-body-container,
+.popup-notification-footer-container {
+	padding: 0 var(--gnome-menu-padding) var(--gnome-menu-padding) !important;
+}
+:is(
+	.panel-header, .panel-footer,
+	.panel-subview-body,
+	.protections-popup-section,
+	#protections-popup-mainView-panel-header-section,
+	.permission-popup-section,
+	.identity-popup-section,
+	.popup-notification-header-container,
+	.popup-notification-body-container,
+	.popup-notification-footer-container
+):first-child:not(:empty) {
+	padding-top: var(--gnome-menu-padding) !important;
+}
+#protections-popup-footer,
+#identity-popup-clear-sitedata-footer {
+	padding: 0 var(--gnome-menu-padding) !important;
+}
+.panel-subview-body > .panel-subview-body {
+	padding: 0 !important;
+}
+/* Padding with margign */
+.subviewbutton.panel-subview-footer-button:not(#downloadsHistory) {
+	margin: var(--gnome-menu-padding) !important;
+}
+.subviewbutton.panel-subview-footer-button:not(:only-child, #downloadsHistory) {
+	margin: 0 var(--gnome-menu-padding) !important;
+}
+.subviewbutton.panel-subview-footer-button:not(:only-child, #downloadsHistory):last-child {
+	margin-bottom: var(--gnome-menu-padding) !important;
+}
+
+/* No menu */
+#notification-popup,
+#permission-popup,
+#editBookmarkPanel,
+#downloadsPanel {
+	--gnome-menu-padding: 12px !important;
+}
+
+/* Panel arrow */
+.panel-arrowcontent {
+	background: var(--arrowpanel-background) !important;
+	border: 1px solid var(--gnome-menu-border-color) !important;
+	border-radius: 12px !important;
+	color: var(--gnome-toolbar-color) !important;
+}
+.panel-arrow {    
+	fill: var(--arrowpanel-background) !important;
+	stroke: var(--gnome-menu-border-color) !important;
+	display: -moz-inline-box !important;
+}
+
+/* Panel header */
+.panel-header {
+	position: relative !important;
+}
+
+/* Panel footer */
+.panel-footer {
+	background-color: transparent !important;
+	margin: 0 !important;
+}
+.panel-subview-body .panel-footer {
+	padding: 0 !important;
+}
+.panel-footer.panel-footer-menulike {
+	border-top: 0 !important;
+	margin-top: 8px !important;
+}
+.panel-footer toolbarseparator {
+	display: none !important;
+}
+.proton-zap {
+	border-image: unset !important;
+}
+.panel-subview-footer {
+	margin-top: 10px !important;
+}
+
+/* Remove unwanted separators */
+.panel-header + toolbarseparator,
+#identity-popup-mainView-panel-header + toolbarseparator,
+#permission-popup-mainView-panel-header + toolbarseparator,
+#protections-popup-mainView-panel-header-section + toolbarseparator {
+	display: none !important;
+}
+
+/* Menu buttons */
+menuitem, menupopup menu,
+panelview .subviewbutton:not(#appMenu-fxa-label2, .unified-extensions-item-menu-button),
+panelview .toolbarbutton-1,
+panelview .unified-extensions-item-action-button,
+.protections-popup-footer-button,
+.protections-popup-category,
+.identity-popup-content-blocking-category,
+#PlacesToolbar .bookmark-item,
+#downloadsPanel-mainView .download-state {
+	-moz-appearance: none !important;
+	border-radius: 6px !important;	
+	color: var(--gnome-toolbar-color) !important;
+	font: menu !important;
+	padding: 4px 12px !important;
+	min-height: 32px !important;
+}
+.subviewbutton,
+.protections-popup-footer-button,
+.protections-popup-category,
+.identity-popup-content-blocking-category,
+#PlacesToolbar menupopup[placespopup="true"] .bookmark-item,
+.openintabs-menuitem,
+.widget-overflow-list .toolbarbutton-1,
+panelview .unified-extensions-item {
+	margin: 0 !important;
+}
+
+.subviewbutton[shortcut]:after {
+	opacity: 0.5 !important;
+}
+
+.bookmark-item .menu-right {
+	fill-opacity: 1 !important;
+}
+
+/* Menu buttons disabled */
+menuitem[disabled="true"], menupopup menu[disabled="true"],
+.subviewbutton[disabled="true"], .toolbarbutton-1[disabled="true"],
+.protections-popup-category[disabled="true"],
+.identity-popup-content-blocking-category[disabled="true"] {
+	opacity: .5 !important;
+}
+menuitem[disabled="true"][_moz-menuactive], menupopup menu[disabled="true"][_moz-menuactive] {
+	background: transparent !important;
+}
+
+/* Menu buttons hover */
+menuitem:not([disabled="true"]):is(:hover, [_moz-menuactive]),
+menupopup menu:not([disabled="true"]):is(:hover, [_moz-menuactive]),
+.subviewbutton:not([disabled="true"], #appMenu-zoom-controls2, #appMenu-fxa-label2):hover,
+.protections-popup-footer-button:not([disabled="true"]):hover,
+#protections-popup-show-report-stack:hover .protections-popup-footer-button,
+.protections-popup-category:not([disabled="true"]):hover,
+.identity-popup-content-blocking-category:not([disabled="true"]):hover,
+#PlacesToolbar .bookmark-item:is(:hover, [open], [_moz-menuactive]),
+#downloadsPanel-mainView .download-state:hover {
+	background: var(--gnome-menu-button-hover-background) !important;
+}
+
+/* Menu buttons fix */
+#appMenu-fxa-label2 {
+	padding: 0 !important;
+}
+#appMenu-fxa-label2:hover {
+	background: transparent !important;
+}
+
+/* Menu buttons back */
+.subviewbutton-back {
+	opacity: 1 !important;
+	width: 100%;
+	-moz-box-align: center !important;
+	-moz-box-pack: start !important;
+}
+.subviewbutton-back + h1 {
+	font-weight: bold !important;
+	left: 0 !important;
+	padding: 0 !important;
+	pointer-events: none;
+	position: absolute !important;
+	top: 15px !important;
+	width: 100%;
+}
+
+/* Menu headers */
+.subview-subheader {
+	font: menu !important;
+	font-weight: bold !important;
+	padding-block: 0 !important;
+	margin: 0 4px !important;
+}
+
+/* Style popover separators */
+toolbarseparator, menuseparator {
+	appearance: none !important;
+}
+
+#PlacesToolbar menupopup[placespopup="true"] menuseparator {
+	border-top: 1px solid var(--gnome-menu-separator-color) !important;
+	padding: 0 !important;
+	margin: 6px 0 !important;
+}
+#PlacesToolbar menupopup[placespopup="true"] menuseparator::before {
+	border: 0 !important;
+}
+
+toolbarseparator:not([orient="vertical"]), menupopup menuseparator {
+	border-top: 1px solid var(--gnome-menu-separator-color) !important;
+	margin: 6px 0 !important;
+}
+toolbarseparator[orient="vertical"] {
+	margin: 0 6px !important;
+}
+
+.panel-subview-body + toolbarseparator:not([orient="vertical"]) {
+	margin: 0 0 6px !important;
+}
+panelview > toolbarseparator:not([orient="vertical"]),
+#identity-popup-more-info-footer toolbarseparator:not([orient="vertical"]){
+	margin: 6px !important;
+}
+#identity-popup-clear-sitedata-footer toolbarseparator:not([orient="vertical"]) {
+	margin-top: 0 !important;
+}
+
+toolbarbutton menupopup[placespopup] menuseparator {
+	padding: 0 !important;
+}
+toolbarbutton menupopup[placespopup] menuseparator::before {
+	display: none !important;
+}
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/remove-white-flash.css b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/remove-white-flash.css
new file mode 100755
index 000000000..7d46d806d
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/remove-white-flash.css	
@@ -0,0 +1,11 @@
+/* Removes a white flash after you open or close a tab. Affects all variants,
+ * but it's more visible on dark variants. */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Overrides: Change the flash color */
+#tabbrowser-tabpanels,
+#tabbrowser-tabpanels[pendingpaint],
+browser {
+	background-color: var(--gnome-browser-before-load-background) !important;
+}
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/sidebar.css b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/sidebar.css
new file mode 100755
index 000000000..7b462ab30
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/sidebar.css	
@@ -0,0 +1,34 @@
+/* Sidebar */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+#sidebar-box, .sidebar-panel {
+	background: var(--gnome-sidebar-background) !important;
+}
+#sidebar-box:-moz-window-inactive, .sidebar-panel:-moz-window-inactive {
+	background: var(--gnome-inactive-sidebar-background) !important;
+}
+#sidebar-box:-moz-window-inactive label, #sidebar-box:-moz-window-inactive image,
+.sidebar-panel:-moz-window-inactive label, .sidebar-panel:-moz-window-inactive image,
+.sidebar-placesTreechildren:-moz-window-inactive {
+	opacity: 0.7 !important;
+}
+#sidebar-splitter {
+	background: var(--gnome-toolbar-background) !important;
+	border: 0 !important;
+	border-right: 1px solid var(--gnome-toolbar-border-color) !important;
+	width: 0 !important;
+}
+#sidebar-splitter:-moz-window-inactive {
+	background: var(--gnome-inactive-toolbar-background) !important;
+	border-color: var(--gnome-inactive-toolbar-border-color) !important;
+}
+
+#sidebar-header {
+	padding: 6px !important;
+	border-bottom: 1px solid var(--gnome-toolbar-border-color) !important;
+}
+#sidebar-search-container {
+	padding: 6px !important;
+}
+
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/tabsbar.css b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/tabsbar.css
new file mode 100755
index 000000000..f5186456a
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/tabsbar.css	
@@ -0,0 +1,619 @@
+/* Tabs bar  */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+:root {
+	--space-above-tabbar: 0 !important;
+}
+
+#TabsToolbar {
+    --toolbarbutton-inner-padding: var(--toolbarbutton-inner-padding) !important;
+	background-color: var(--gnome-tabbar-background) !important;
+	border-bottom: 0 !important;
+	padding: 0 !important;
+	position: relative;
+	z-index: 1;
+}
+
+#TabsToolbar .titlebar-buttonbox-container:not(#hack) {
+	display: none !important;
+}
+
+#TabsToolbar:-moz-window-inactive {
+	background-color: var(--gnome-inactive-tabbar-background) !important;
+}
+
+/* Tabs bar height */
+#tabbrowser-tabs,
+#tabbrowser-tabs arrowscrollbox {
+	height: auto !important;
+	min-height: auto !important;
+	--tab-min-height: 34px !important;
+}
+
+tab > stack {
+	height: 34px !important;
+	width: 34px !important;
+	min-height: 34px !important;
+}
+
+/* Tabs scroll fade */
+#TabsToolbar {
+	--gnome-tabbar-fade-background: var(--gnome-tabbar-background);
+}
+#TabsToolbar:-moz-window-inactive {
+	--gnome-tabbar-fade-background: var(--gnome-inactive-tabbar-background);
+}
+
+#scrollbutton-up:not([disabled])::after,
+#scrollbutton-down:not([disabled])::after {
+	content: "";
+	height: 44px;
+	position: absolute;
+	top: -3px;
+	z-index: -1;
+	width: 50px;
+	pointer-events: none;
+}
+
+#scrollbutton-up:not([disabled])::after {
+	background: linear-gradient(to right, var(--gnome-tabbar-fade-background) 25px, transparent);
+	
+}
+#scrollbutton-down:not([disabled])::after {
+	background: linear-gradient(to left, var(--gnome-tabbar-fade-background) 25px, transparent);
+	right: 0;
+}
+
+spacer[part=overflow-start-indicator], spacer[part=overflow-end-indicator] {
+	width: 0 !important;
+	border: 0 !important;
+	margin-inline: 0 !important;
+}
+
+#scrollbutton-up, #scrollbutton-down {
+	position: relative !important;
+	z-index: 5 !important;
+}
+
+/* Remove hover effects on tab bar buttons */
+#TabsToolbar {
+	--toolbarbutton-active-background: transparent !important;
+	--toolbarbutton-hover-background: transparent !important;
+}
+
+/* Tabsbar buttons */
+#TabsToolbar .toolbarbutton-1:not(#hack) {
+	border-radius: 6px !important;
+	margin: 5px 3px 6px !important;
+	padding: 0 9px !important;
+	min-height: 34px !important;
+	transition: background 0.3s;
+}
+#TabsToolbar .toolbarbutton-1:not([disabled]):not(:active):not([open]):hover {
+	background-color: var(--gnome-tabbar-tab-hover-background) !important;
+}
+#TabsToolbar .toolbarbutton-1:active, #TabsToolbar .toolbarbutton-1[open] {
+	background-color: var(--gnome-tabbar-tab-active-background) !important;
+}
+
+/* Fake tabsbar border */
+#TabsToolbar::after {
+	content: "";
+	display: block;
+	width: 200%;
+	background: var(--gnome-toolbar-background);
+	border-bottom: 1px solid var(--gnome-toolbar-border-color);
+	height: 0;
+	min-height: 0;
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	z-index: 6;
+}
+
+/* Tab */
+.tabbrowser-tab {
+	border-width: 0 !important;
+	padding: 5px 2px 6px !important;
+	position: relative;
+}
+.tabbrowser-tab:not([hidden=true], [pinned]):first-of-type {
+	padding-left: 5px !important;
+}
+.tabbrowser-tab:not([hidden="true"]):last-of-type {
+	padding-right: 5px !important;
+}
+
+#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
+  margin-inline-start: 0 !important;
+}
+
+/* Tabs separators */
+.tabbrowser-tab {
+	border-style: solid !important;
+	border-left-width: 1px !important;
+	border-color: transparent !important;
+}
+.tabbrowser-tab:not(:first-of-type, [selected], :hover) {
+	--gnome-tabbar-tab-separator-hack0: var(--gnome-tabbar-background);
+	--gnome-tabbar-tab-separator-hack1: linear-gradient(
+		to bottom,
+		var(--gnome-tabbar-tab-separator-hack0) 0,
+		var(--gnome-tabbar-tab-separator-hack0) 9px,
+		var(--gnome-tabbar-tab-separator-color) 9px,
+		var(--gnome-tabbar-tab-separator-color) 35px,
+		var(--gnome-tabbar-tab-separator-hack0) 35px,
+		var(--gnome-tabbar-tab-separator-hack0) 45px
+	) 1;
+	border-image: var(--gnome-tabbar-tab-separator-hack1);
+}
+.tabbrowser-tab:-moz-window-inactive {
+	--gnome-tabbar-tab-separator-hack0: var(--gnome-inactive-tabbar-background);
+}
+#tabbrowser-tabs[overflow="true"] .tabbrowser-tab[first-visible-unpinned-tab] {
+	border-image: none !important;
+}
+.tabbrowser-tab[selected] ~ .tabbrowser-tab:not([hidden="true"]) {
+	border-image: none;
+}
+.tabbrowser-tab[selected] ~ .tabbrowser-tab:not([hidden="true"]) ~ .tabbrowser-tab:not([hidden="true"]) {
+	border-image: var(--gnome-tabbar-tab-separator-hack1);
+}
+.tabbrowser-tab:hover ~ .tabbrowser-tab:not([hidden="true"]) {
+	border-image: none !important;
+}
+.tabbrowser-tab:hover ~ .tabbrowser-tab:not([hidden="true"]) ~ .tabbrowser-tab:not([hidden="true"]) {
+	border-image: var(--gnome-tabbar-tab-separator-hack1) !important;
+}
+
+/* Tab labels */
+tab {
+	color: var(--gnome-toolbar-color) !important;
+	font-family: Cantarell, inherit;
+	font-weight: normal;
+	font-size: 1em;
+}
+
+/* Reset tab background */
+.tab-background {
+	border-radius: 6px !important;
+	box-shadow: none !important;
+	margin-block: 0 !important;
+	border: 0 !important;
+	transition: background 0.2s;
+}
+
+/* Center all inside tab */
+.tab-content {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	margin-top: -1px;
+	min-width: 100% !important;
+	padding: 0 4px !important;
+}
+
+/* Fix custom info tab icon */
+.tabbrowser-tab[image="chrome://global/skin/icons/info.svg"]:not([pinned]):not([busy]):not([progress]) .tab-icon-stack::before {
+	margin-inline-end: 5.5px;
+}
+.tabbrowser-tab[image="chrome://global/skin/icons/info.svg"] .tab-icon-image {
+	display: none !important;
+}
+
+/* Prevent tab icons size breaking */
+.tab-icon-image, .tab-icon-sound, .tab-throbber, .tab-throbber-fallback, .tab-close-button {
+	min-width: 16px;
+}
+
+/* Center tab icon contents */
+.tabbrowser-tab .tab-icon-stack {
+	align-items: center;
+	justify-items: center;
+}
+
+/* Adjust tab label width */
+.tab-label-container {
+	min-width: 0 !important;
+}
+
+/* Put tab close button to the right */
+.tabbrowser-tab .tab-close-button {
+	margin-left: auto !important;
+}
+
+/* Force tab favicon to the center */
+.tabbrowser-tab:not([pinned]) .tab-icon-stack {
+	margin-left: auto !important;
+}
+
+/* Tab icon margin */
+.tabbrowser-tab:not([pinned]) .tab-icon-stack {
+	margin-right: 2px;
+}
+.tab-throbber:not([pinned]), .tab-icon-pending:not([pinned]), .tab-icon-image:not([pinned]), .tab-sharing-icon-overlay:not([pinned]), .tab-icon-overlay:not([pinned]) {
+  margin-inline-end: 0 !important;
+}
+.tabbrowser-tab:not([soundplaying], [muted], [activemedia-blocked], [crashed]) .tab-icon-stack {
+	padding: 4px;
+}
+
+/* Hide favicon when mute icon is present */
+.tabbrowser-tab:not([pinned]):is([soundplaying], [muted], [activemedia-blocked], [crashed]) .tab-icon-image:not([sharing]),
+.tabbrowser-tab:not([pinned]):is([soundplaying], [muted], [activemedia-blocked], [crashed])[selected] .tab-icon-image {
+	display: none;
+}
+
+/* Hide secondary label about muting */
+.tabbrowser-tab:is([soundplaying], [muted], [activemedia-blocked], [crashed]) .tab-secondary-label {
+	display: none;
+}
+
+/* Tab buttons */
+.tab-icon-overlay,
+.tab-close-button {
+	border: 0px solid transparent;
+	box-sizing: content-box; /* Avoid deformation on flexbox */
+	border-radius: 99px !important;
+	padding: 4px !important;
+	background-size: 24px;
+	transition: all 0.2s ease-out !important;
+}
+:root:not(:-moz-window-inactive) .tab-icon-overlay:hover,
+:root:not(:-moz-window-inactive) .tab-close-button:hover {
+	background: var(--gnome-button-flat-hover-background) !important;
+}
+
+.tab-icon-stack:is([soundplaying], [muted], [activemedia-blocked]) image {
+	 margin: auto !important;
+}
+
+/* Always show the muted icon when poresent */
+#tabbrowser-tabs:not([secondarytext-unsupported]) .tabbrowser-tab:not(:hover) .tab-icon-overlay[indicator-replaces-favicon] {
+	opacity: 1 !important;
+}
+
+/* Icon overlay smaller */
+.tab-icon-overlay[pinned], .tab-icon-overlay:not([indicator-replaces-favicon="true"], [selected]) {
+	width: 12px !important;
+	height: 12px !important;
+	padding: 2px !important;
+}
+/* Icon overlay small style */
+.tab-icon-overlay:is([pinned], [sharing]):not([crashed]) {
+	stroke: unset !important;
+}
+.tab-icon-overlay:is([pinned]):not([crashed]),
+.tab-icon-overlay:is([sharing]):not([crashed], [selected]) {
+	background: var(--gnome-tab-button-background) !important;
+}
+.tab-icon-overlay:is([pinned], [sharing]):not([crashed]):hover {
+	background: var(--gnome-tab-button-hover-background) !important;
+}
+
+/* Fix icon overlay posisition when sharing */
+.tab-icon-overlay:not([crashed], [pinned]):is([sharing])[selected] {
+	top: 0 !important;
+	inset-inline-end: 0 !important;
+}
+
+/* Close tab button */
+.tab-close-button {
+	list-style-image: url("../icons/window-close-symbolic.svg") !important;
+	fill: var(--gnome-toolbar-color) !important;
+	fill-opacity: 1 !important;
+	-moz-context-properties: fill, fill-opacity !important;
+	height: 16px !important;
+	margin-right: 0 !important;
+	opacity: 1 !important;
+	width: 16px !important;
+	z-index: 100 !important;
+}
+:root:-moz-window-inactive .tab-close-button:not(#hack) {
+	opacity: .18 !important;
+}
+:root:not(:-moz-window-inactive) .tab-close-button:active {
+	background-image: var(--gnome-button-active-background) !important;
+	box-shadow: var(--gnome-button-active-box-shadow) !important;
+	border-color: var(--gnome-button-active-border-color) !important;
+	border-bottom-color: var(--gnome-button-active-border-color) !important;
+	border-top-color: var(--gnome-button-active-border-accent-color) !important;
+}
+
+.tab-close-button:active:not(:hover) {
+	background-image: none !important;
+	box-shadow: none !important;
+}
+
+/* Autohide */
+.tabbrowser-tab:not([selected="true"]) .tab-close-button {
+	visibility: hidden !important;
+	opacity: 0 !important;
+}
+.tabbrowser-tab:hover .tab-close-button {
+	visibility: visible !important;
+	opacity: 1 !important;
+}
+
+/* Fix close button position */
+.tabbrowser-tab:not([pinned]) .tab-label-container {
+	margin-right: -16px;
+}
+.tabbrowser-tab:not([pinned]):is([selected="true"], :hover) .tab-label-container[textoverflow="true"] {
+	margin-right: 0;
+}
+#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([pinned]) .tab-close-button {
+	display: block !important;
+}
+
+/* Close button overlay */
+.tabbrowser-tab:not([pinned]) .tab-content::before {
+	border-radius: 0 6px 6px 0;
+	content: "";
+	height: 100%;
+	opacity: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+	transition: 0.2s;
+	width: 55px;
+}
+.tabbrowser-tab:not([pinned]) .tab-content::before {
+	background: linear-gradient(to left, var(--gnome-tabbar-tab-close-overlay-bg) 100%);
+	z-index: 99;
+}
+.tabbrowser-tab:not([pinned]):is([selected="true"], :hover) .tab-content::before {
+	opacity: 1;
+}
+.tabbrowser-tab:not([pinned])[selected="true"] .tab-content::before {
+	--gnome-tabbar-tab-close-overlay-bg: var(--gnome-tabbar-tab-active-background);
+}
+.tabbrowser-tab:not([pinned], :-moz-window-inactive)[selected="true"]:hover .tab-content::before {
+	--gnome-tabbar-tab-close-overlay-bg: var(--gnome-tabbar-tab-active-hover-background);
+}
+.tabbrowser-tab:not([pinned]):hover .tab-content::before {
+	--gnome-tabbar-tab-close-overlay-bg: var(--gnome-tabbar-tab-hover-background);
+}
+.tabbrowser-tab:not([pinned])[selected="true"]:-moz-window-inactive .tab-content::before {
+	--gnome-tabbar-tab-close-overlay-bg: var(--gnome-inactive-tabbar-tab-active-background);
+}
+.tabbrowser-tab:not([pinned]):hover:-moz-window-inactive .tab-content::before  {
+	--gnome-tabbar-tab-close-overlay-bg: var(--gnome-inactive-tabbar-tab-hover-background);
+}
+
+/* Tab close button etc. positioning */
+.tab-throbber, .tab-icon-image, .tab-sharing-icon-overlay, .tab-icon-sound, .tab-close-button {
+	margin-top: 0 !important;
+}
+
+/* Active tab */
+.tab-background[selected=true] {
+	background: none !important;
+	border-image: none !important;
+}
+.tab-background[selected=true]  {
+	background-color: var(--gnome-tabbar-tab-active-background) !important;
+}
+.tab-background[selected=true]:-moz-window-inactive  {
+	background-color: var(--gnome-inactive-tabbar-tab-active-background) !important;
+}
+
+/* Tab hover */
+.tabbrowser-tab:hover > .tab-stack > .tab-background[selected=true]:not(:-moz-window-inactive) {
+	background-color: var(--gnome-tabbar-tab-active-hover-background) !important;
+}
+.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]),
+#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]),
+#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:hover > .tab-stack > .tab-background > .tab-line:not([selected=true]) {
+	background-color: transparent !important;
+}
+.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
+	background-color: var(--gnome-tabbar-tab-hover-background) !important;
+	border-image: none !important;
+}
+:root:-moz-window-inactive .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
+	background-color: var(--gnome-inactive-tabbar-tab-hover-background) !important;
+}
+
+/* Full width tabs */
+.tabbrowser-tab:not([style^="max-width"]):not([pinned]),
+.tabbrowser-tab[style^="max-width: 100px !important;"]:not([pinned]) {
+	max-width: 100% !important;
+	--tab-min-width: 131px !important;
+}
+.tabbrowser-tab:not([style^="max-width"]):not([pinned]):not([fadein]),
+.tabbrowser-tab[style^="max-width: 100px !important;"]:not([pinned]):not([fadein]) {
+	max-width: .1px !important;
+}
+
+/* Remove blank spaces on tabs start and end */
+#TabsToolbar .titlebar-spacer {
+	display: none !important;
+}
+
+/* Remove container bottom line indicator */
+.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
+	display: none;
+}
+
+/* Create new container tab indicator */
+.tabbrowser-tab[class*="identity-color-"] .tab-label-container {
+	color: var(--identity-tab-color) !important;
+}
+
+/* Needs attetion tab indicator */
+.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]),
+.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {
+	background-image: radial-gradient(var(--gnome-tabbar-tab-needs-attetion), var(--gnome-tabbar-tab-needs-attetion) 10px) !important;
+	background-position: center bottom !important;
+	background-size: 14px 2px !important;
+}
+
+/* Tab spinner */
+.tab-throbber::before {
+	animation: gnome-spinner 1s linear infinite !important;
+	background-image: url("../icons/process-working-symbolic.svg") !important;
+	width: 16px !important;
+	opacity: 1 !important;
+}
+@keyframes gnome-spinner {
+	from {
+		transform: rotate(0deg);
+	}
+	to {
+		transform: rotate(360deg);
+	}
+}
+
+/* Tabs manager menu */
+#alltabs-button {
+	visibility: collapse;
+}
+#tabbrowser-tabs[overflow="true"] ~ #alltabs-button {
+	visibility: visible;
+}
+
+/* Firefox View */
+#TabsToolbar #firefox-view-button .toolbarbutton-icon {
+	box-shadow: none !important;
+	fill: var(--gnome-toolbar-icon-fill) !important;
+	height: 16px !important;
+	opacity: 1 !important;
+	width: 16px !important;
+}
+:root:not([privatebrowsingmode="temporary"]):not([firefoxviewhidden]) :is(#firefox-view-button, #wrapper-firefox-view-button) + #tabbrowser-tabs {
+  border-inline-start: 0 !important;
+  padding-inline-start: var(--tab-overflow-pinned-tabs-width) !important;
+  margin-inline-start: 0 !important;
+}
+
+/* OPTIONAL: Hide single tab */
+@supports -moz-bool-pref("gnomeTheme.hideSingleTab") {
+	#tabbrowser-tabs tab:only-of-type,
+	#tabbrowser-tabs tab:only-of-type ~ toolbarbutton,
+	#tabbrowser-tabs tab:only-of-type ~ #tabbrowser-arrowscrollbox-periphery {
+		visibility: collapse;
+	}
+}
+
+/* OPTIONAL: Use normal width tabs */
+@supports -moz-bool-pref("gnomeTheme.normalWidthTabs") {
+	.tabbrowser-tab:not([style^="max-width"]):not([pinned]),
+	.tabbrowser-tab[style^="max-width: 100px !important;"]:not([pinned]) {
+		max-width: 225px !important;
+		--tab-min-width: inherit !important;
+	}
+}
+
+/* OPTIONAL: Add more contrast to the active tab */
+@supports -moz-bool-pref("gnomeTheme.activeTabContrast") {
+	.tab-background[selected=true]:not(#hack),
+	:root:not(:-moz-window-inactive) .tabbrowser-tab:hover > .tab-stack > .tab-background:not(#hack) {
+		background: var(--gnome-tabbar-tab-active-background-contrast) !important;
+	}
+	.tabbrowser-tab:not([pinned])[selected="true"] .tab-content::before,
+	:root:not(:-moz-window-inactive) .tabbrowser-tab:hover .tab-content::before {
+		--gnome-tabbar-tab-close-overlay-bg: var(--gnome-tabbar-tab-active-background-contrast) !important;
+	}
+}
+
+/* OPTIONAL: Show the close button on the selected tab only */
+@supports -moz-bool-pref("gnomeTheme.closeOnlySelectedTabs") {
+	/* Hide the close buttons on hover */
+	.tabbrowser-tab:not([selected="true"]):hover .tab-close-button {
+		visibility: hidden !important;
+		opacity: 0 !important;
+	}
+	/* Hide the close button overlay on hover */
+	.tabbrowser-tab:not([pinned]):hover .tab-content::before {
+		--gnome-tabbar-tab-close-overlay-bg: unset;
+	}
+	/* Reset the overflow position of the tab label container */
+	.tabbrowser-tab:not([pinned]):not([selected="true"]):hover .tab-label-container[textoverflow="true"] {
+		margin-right: -16px;
+	}
+}
+
+/* OPTIONAL: Use tabs as headerbar */
+@supports -moz-bool-pref("gnomeTheme.tabsAsHeaderbar") {
+	/* Rearrange bars */
+	#navigator-toolbox #titlebar {
+		-moz-box-ordinal-group: 0;
+	}
+	#navigator-toolbox #titlebar #TabsToolbar {
+		-moz-box-ordinal-group: 0;
+	}
+	#navigator-toolbox #titlebar #toolbar-menubar {
+		-moz-box-ordinal-group: 1;
+	}
+	#navigator-toolbox #nav-bar {
+		-moz-box-ordinal-group: 1;
+	}
+	#navigator-toolbox #PersonalToolbar {
+		-moz-box-ordinal-group: 2;
+	}
+	
+	/* Remove nav-bar rounding and padding */
+	:root[tabsintitlebar][sizemode="normal"]:not([gtktiledwindow="true"]) #nav-bar { 
+		border-radius: 0 !important; 
+	 } 
+	:root[tabsintitlebar]:not([inFullscreen]) #nav-bar,
+	:root[tabsintitlebar][inFullscreen] #nav-bar {
+		padding-left: 3px !important;
+		padding-right: 3px !important;
+	}
+	
+	/* Round and pad tab-bar */
+	:root[tabsintitlebar][sizemode="normal"]:not([gtktiledwindow="true"]) #TabsToolbar {
+		border-radius: env(-moz-gtk-csd-titlebar-radius) env(-moz-gtk-csd-titlebar-radius) 0 0 !important
+	}
+	:root[tabsintitlebar] #TabsToolbar .toolbar-items {
+		padding: 0 46px;
+	}
+	
+	/* Hide duplicate window controls from menubar */
+	:root[tabsintitlebar] #toolbar-menubar .titlebar-buttonbox-container {
+		display: none !important;
+	}
+	
+	/* Force displaying controls in tab-bar */
+	:root[tabsintitlebar] #TabsToolbar .titlebar-buttonbox-container:not(#hack) {
+		display: -moz-box !important;
+		position: static !important;
+		visibility: visible !important;
+	}
+	
+	/* Blend single tab into whole bar */
+	@supports -moz-bool-pref("gnomeTheme.hideSingleTab") {
+		#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]),
+		#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]) ~ toolbarbutton,
+		#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]) ~ #tabbrowser-arrowscrollbox-periphery {
+			visibility: visible;
+		}
+		#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]) {
+			-moz-window-dragging: drag;
+		}
+		#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]) .tab-background {
+			display: none !important
+		}
+		#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]) .tab-close-button {
+			visibility: hidden !important;
+			opacity: 0 !important;
+		}
+		#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]) .tab-content::before {
+			--gnome-tabbar-tab-close-overlay-bg: unset !important;
+		}
+		#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]) .tab-labelk-container[textoverflow="true"] {
+			margin-right: -16px;
+		}
+		/* Override normal width tabs */
+		@supports -moz-bool-pref("gnomeTheme.normalWidthTabs") {
+			#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]):not([style^="max-width"]),
+			#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"][style^="max-width: 100px !important;"]:not([pinned]) {
+				max-width: 100% !important;
+				--tab-min-width: 131px !important;
+			}
+		}
+	}
+}
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/toolbox.css b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/toolbox.css
new file mode 100755
index 000000000..b09a1c1f9
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/toolbox.css	
@@ -0,0 +1,160 @@
+/* Toolbox, a container for all toolbars (toolbox#navigator-toolbox):
+ * - menu bar (toolbar#toolbar-menubar)
+ * - tab bar (toolbar#TabsToolbar)
+ * - header bar (toolbar#nav-bar)
+ * - bookmark bar (toolbar#PersonalToolbar)
+ * - add-ons can add their own toolbars (toolbar) */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Toolbox colors */
+#navigator-toolbox {
+	border: 0 !important;
+	background: none !important;
+}
+
+#nav-bar, #PersonalToolbar, #toolbar-menubar, #TabsToolbar, findbar {
+	appearance: none !important;
+	border: 0 !important;
+	background: var(--gnome-toolbar-background) !important;
+}
+#nav-bar, #PersonalToolbar, #toolbar-menubar:not([inactive=true]), #TabsToolbar {
+	border-bottom: 1px solid var(--gnome-toolbar-border-color) !important;
+}
+findbar {
+	border-top: 1px solid var(--gnome-toolbar-border-color) !important;
+}
+#nav-bar:-moz-window-inactive,
+#PersonalToolbar:-moz-window-inactive, 
+#toolbar-menubar:-moz-window-inactive, 
+#TabsToolbar:-moz-window-inactive, 
+findbar:-moz-window-inactive,
+.container.infobar:-moz-window-inactive {
+	background: var(--gnome-inactive-toolbar-background) !important;
+	border-color: var(--gnome-inactive-toolbar-border-color) !important;
+}
+
+#navigator-toolbox:-moz-window-inactive label,
+#downloads-indicator-anchor:-moz-window-inactive,
+findbar:-moz-window-inactive image:not(#hack),
+findbar:-moz-window-inactive label,
+findbar:-moz-window-inactive description,
+#viewButton:-moz-window-inactive dropmarker,
+.container.infobar:-moz-window-inactive {
+	opacity: 0.7 !important;
+}
+
+#toolbar-menubar:not([inactive=true]) {
+	margin-bottom: 0 !important;
+}
+#PersonalToolbar {
+	padding: 2px !important;
+}
+
+/* Overrides: Remove border below the menu bar / above the header bar */
+#TabsToolbar:not([collapsed="true"]) + #nav-bar {
+	border-top-width: 0 !important;
+}
+#navigator-toolbox::after {
+	border-bottom-width: 0 !important;
+}
+
+/* Reorder toolbars */
+#navigator-toolbox #nav-bar {
+	-moz-box-ordinal-group: 0;
+}
+#navigator-toolbox #PersonalToolbar {
+	-moz-box-ordinal-group: 0;
+}
+#navigator-toolbox #titlebar {
+	-moz-box-ordinal-group: 1;
+}
+#navigator-toolbox toolbar {
+	-moz-box-ordinal-group: 10;
+}
+#navigator-toolbox #TabsToolbar {
+	-moz-box-ordinal-group: 100;
+}
+
+/* Overrides: Don't shift other toolbars on tab drag and drop */
+#TabsToolbar[movingtab] {
+	padding-bottom: 0 !important;
+}
+#TabsToolbar[movingtab] > .tabbrowser-tabs {
+	padding-bottom: 0 !important;
+	margin-bottom: 0 !important;
+}
+#TabsToolbar[movingtab] + #nav-bar {
+	margin-top: 0 !important;
+}
+
+/* Content notifications */
+.notificationbox-stack notification-message {
+	border: 0 !important;
+	font-size: 1em !important;
+	padding: 0 !important;
+	border-radius: 0 !important;
+	margin: 0 !important;
+}
+.notificationbox-stack notification-message[style*="margin-top"] {
+	margin-top: -48px !important;
+}
+
+.container.infobar {
+	background: var(--gnome-toolbar-background) !important;
+	box-shadow: none !important;
+	padding: 6px !important;
+	border-radius: 0 !important;
+}
+.container.infobar::before {
+	display: none !important;
+}
+
+.container.infobar .icon {
+	height: 16px !important;
+	width: 16px !important;
+}
+.notificationbox-stack notification-message[type="warning"] {
+	background: #ffe900 !important;	
+}
+.notificationbox-stack notification-message[type="critical"] {
+	background: #d70022 !important;
+}
+
+.notificationbox-stack[notificationside="top"] notification-message {
+	border-bottom: 1px solid var(--gnome-toolbar-border-color) !important;
+}
+.notificationbox-stack[notificationside="bottom"] notification-message {
+	border-top: 1px solid var(--gnome-toolbar-border-color) !important;
+}
+
+/* Bookmarks */
+#PlacesToolbar toolbarseparator {
+	border-top: 0 !important;
+}
+#PlacesToolbarItems > toolbarseparator::before {
+	border-image-source: none !important;
+	border-color: var(--gnome-tabbar-tab-separator-color) !important;
+}
+
+/* Text link */
+.text-link {
+	color: var(--gnome-accent) !important;
+}
+
+/* OPTIONAL: Hide WebRTC indicator */
+@supports -moz-bool-pref("gnomeTheme.hideWebrtcIndicator") {
+	#webrtcIndicator {
+		display: none;
+	}
+}
+
+/* OPTIONAL: Move Bookmarks toolbar under tabs */
+@supports -moz-bool-pref("gnomeTheme.bookmarksToolbarUnderTabs") {
+	#navigator-toolbox #titlebar {
+		-moz-box-ordinal-group: 1 !important;
+	}
+	#navigator-toolbox #PersonalToolbar {
+		-moz-box-ordinal-group: 2 !important;
+	}
+}
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/urlbar.css b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/urlbar.css
new file mode 100755
index 000000000..4fed219b9
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/urlbar.css	
@@ -0,0 +1,196 @@
+/* Header bar's URL bar */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+#urlbar {
+	--urlbar-height: 34.00px;
+	--urlbar-toolbar-height: 34.00px !important;
+}
+
+#urlbar-container {
+	--urlbar-container-height: 0 !important;
+}
+
+/* Center the URL bar */
+toolbarspring {
+	max-width: 10000px !important;
+}
+
+/* URL bar */
+#urlbar {
+	box-shadow: none !important;
+}
+#urlbar-background {
+	box-shadow: var(--gnome-entry-box-shadow) !important;
+	border: 0 !important;
+	border-radius: 8px !important;
+	background: transparent !important;
+}
+
+#urlbar[breakout][breakout-extend] {
+	left: 0 !important;
+	top: 0 !important;
+	width: 100% !important;
+	z-index: 5 !important;
+}
+
+#urlbar #urlbar-input-container {
+	padding: 0 !important;
+}
+
+/* URL bar results */
+.urlbarView {
+	background: transparent !important;
+	color: var(--gnome-toolbar-color) !important;
+	margin: 11px 0 0 -3px !important;
+	width: 100% !important;
+    position: absolute !important;
+    box-shadow: var(--gnome-menu-shadow) !important;
+    border-radius: 12px !important;
+}
+
+/* Search bar result */
+#PopupSearchAutoComplete {
+  margin-top: 7px !important;
+}
+
+.urlbarView-body-outer {
+	--item-padding-start: 0 !important;
+	--item-padding-end: 0 !important;
+    background: var(--gnome-menu-background) !important;
+	overflow-x: auto;
+	padding: 2px 6px !important;
+    border-radius: 8px 8px 0 0 !important;
+}
+
+.urlbarView-body-inner {
+	border: 0 !important;
+}
+
+.urlbarView-row-inner, .urlbarView-no-wrap  {
+	align-items: center !important;
+}
+.urlbarView-row-inner {
+	padding-block: 5px !important;
+	border-radius: 5px !important;
+}
+
+.urlbarView-row[selected] .urlbarView-row-inner {
+	background: var(--gnome-accent-bg) !important;
+	color: white !important;
+}
+.urlbarView-row:not([selected]):hover .urlbarView-row-inner {
+	background: var(--gnome-menu-button-hover-background) !important;
+}
+
+.urlbarView-action {
+	background: transparent !important;
+}
+
+/* Fix items overflow */
+.urlbarView[actionoverride] .urlbarView-row[has-url] > .urlbarView-row-inner > .urlbarView-no-wrap,
+.urlbarView-row[has-url]:not([type$="tab"]) > .urlbarView-row-inner > .urlbarView-no-wrap, .urlbarView-row[has-url]:is([type="remotetab"],
+[sponsored]):is(:hover, [selected]) > .urlbarView-row-inner > .urlbarView-no-wrap {
+	max-width: calc(96% - 2 * (var(--urlbarView-favicon-width) + (6px + 2px))) !important;
+}
+
+/* Search engines buttons */	
+.search-one-offs {
+	padding: 8px !important;
+	background: var(--gnome-menu-background) !important;
+	border-top: 1px solid var(--gnome-menu-separator-color) !important;
+	border-radius: 0 0 8px 8px !important;
+}
+
+.search-one-offs[is_searchbar="true"] {
+  margin-bottom: -8px !important;
+}
+
+/* URL bar and Search bar */
+#urlbar[focused] .urlbar-textbox-container {
+	margin: -1px !important;
+}
+#searchbar > .searchbar-textbox[focused] .searchbar-search-button {
+	margin-left: -1px !important;
+}
+#searchbar > .searchbar-textbox[focused] .search-go-button {
+	margin-right: -1px !important;
+}
+
+/* URL bar and Search bar's icons */
+.urlbar-icon:hover,
+.urlbar-icon-wrapper:hover,
+.urlbar-icon[open],
+.urlbar-icon-wrapper[open],
+.urlbar-icon:hover:active,
+.urlbar-icon-wrapper:hover:active,
+.searchbar-search-button:hover .searchbar-search-icon,
+.searchbar-search-button[open] .searchbar-search-icon,
+.searchbar-search-button:hover:active .searchbar-search-icon {
+	background-color: transparent !important;
+	fill-opacity: 1 !important;
+}
+
+#urlbar .urlbar-icon {
+	margin: 0 !important;
+	height: 100%  !important;
+}
+#notification-popup-box {
+	height: 100%  !important;
+}
+
+/* Search mode indicator */
+#urlbar-search-mode-indicator,
+#urlbar-label-box,
+#urlbar-zoom-button {
+	background: var(--gnome-button-background) !important;
+	border: 0 !important;
+	border-radius: 26px !important;
+	outline: 0 !important;
+	margin: 4px 0;
+}
+#urlbar-search-mode-indicator {
+	padding-right: 0 !important;
+}
+#urlbar-search-mode-indicator-title {
+	color: var(--gnome-toolbar-color);
+	padding-inline: 4px !important;
+}
+#urlbar-search-mode-indicator-close {
+	background-size: 16px !important;
+	background-position: center;
+	border-radius: 26px !important;
+	padding: 5px !important;
+}
+#urlbar-search-mode-indicator-close:hover {
+	background-color: var(--gnome-button-hover-background) !important;
+}
+#urlbar-zoom-button {
+	opacity: 0.8;
+}
+#urlbar-zoom-button:hover {
+	opacity: 1;
+}
+
+/* Firefox identity box */
+#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button,
+#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button,
+#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button,
+#urlbar-label-box {
+  background-color: transparent !important;
+}
+
+#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button:hover:not([open]),
+#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button:hover:not([open]),
+#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button:hover:not([open]) {
+  background-color: hsla(0,0%,70%,.2) !important;
+}
+
+#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button:hover:active,
+#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button[open=true],
+#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button:hover:active,
+#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button[open=true],
+#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button:hover:active,
+#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button[open=true] {
+  background-color: hsla(0,0%,70%,.3) !important;
+}
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/video-player.css b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/video-player.css
new file mode 100755
index 000000000..bc8a6a033
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/parts/video-player.css	
@@ -0,0 +1,75 @@
+@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+@namespace html url("http://www.w3.org/1999/xhtml");
+
+/** Video player **/
+
+.progressBar::-moz-progress-bar {
+	background-color: #fff !important;
+}
+
+.scrubber:hover::-moz-range-thumb,
+.volumeControl:hover::-moz-range-thumb {
+	background-color: #ccc !important;
+}
+
+.scrubber:active::-moz-range-thumb,
+.volumeControl:active::-moz-range-thumb {
+	background-color: #bbb !important;
+}
+
+.controlBar {
+	border-radius: 5px;
+	margin: auto;
+	margin-bottom: 5px;
+	width: 98.5%;
+	max-width: 800px;
+	height: 30px !important;
+	background-color: rgba(20,20,20,0.8) !important;
+}
+
+.controlBar > .button:enabled:hover {
+	fill: #ccc !important;
+}
+  
+.controlBar > .button:enabled:hover:active {
+	fill: #bbb !important;
+}
+
+.scrubberStack {
+	margin: 0 10px;
+}
+
+.playButton {
+	scale: 0.8;
+}
+  
+
+
+/** Vertical Volume Bar **/
+/* I'm to stupid to get this working. Wasn't able to set proper position relative to mute button */
+
+/* .muteButton:hover ~ .volumeStack{
+	margin-bottom: 129px !important;
+  }
+	.volumeStack:hover {
+	margin-bottom: 129px !important;
+  }
+  
+  .volumeStack {
+	transform: rotate(270deg);
+	max-height: 33px !important;
+	min-width: 100px !important;
+  position:absolute !important;
+  margin-bottom: -150px !important;
+	background-color: rgba(20,20,20,0.8) !important;
+	border-bottom-right-radius: 5px !important;
+	border-top-right-radius: 5px !important;
+	transition-property: margin-bottom;
+	transition-duration: 0.13s;
+	transition-timing-function: linear;
+  }
+  
+  .volumeControl{
+	  width: 92% !important;
+	  margin-left: 5px !important;
+} */
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/symbolic-tab-icons.css b/m3ww/Import Manually/firefox userchrome/chrome/theme/symbolic-tab-icons.css
new file mode 100755
index 000000000..a40985723
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/symbolic-tab-icons.css	
@@ -0,0 +1,19 @@
+@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* Icons light/dark fix coloring hack filters */
+:root {
+	--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%) invert(100%);
+}
+@media (prefers-color-scheme: dark) {
+	:root {
+		--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%);
+	}
+}
+
+/* OPTIONAL: Make all tab icons look kinda like symbolic icons */
+@supports -moz-bool-pref("gnomeTheme.symbolicTabIcons") {	
+	tab .tab-icon-image {
+		filter: var(--gnome-convert-icon-to-symbolic-hack-filter);
+	}
+}
+
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/theme/system-icons.css b/m3ww/Import Manually/firefox userchrome/chrome/theme/system-icons.css
new file mode 100755
index 000000000..43176ee99
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/theme/system-icons.css	
@@ -0,0 +1,221 @@
+@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* Icons light/dark fix coloring hack filters */
+:root {
+	--gnome-icons-hack-filter: filter: brightness(0) saturate(100%) invert(37%) sepia(8%) saturate(683%) hue-rotate(183deg) brightness(95%) contrast(84%);
+	--gnome-window-icons-hack-filter: filter: brightness(0) saturate(100%) invert(37%) sepia(8%) saturate(683%) hue-rotate(183deg) brightness(95%) contrast(84%);
+}
+@media (prefers-color-scheme: dark) {
+	:root {
+		--gnome-icons-hack-filter: brightness(0) saturate(100%) invert(94%) sepia(11%) saturate(362%) hue-rotate(184deg) brightness(95%) contrast(87%);
+		--gnome-window-icons-hack-filter: brightness(0) saturate(100%) invert(94%) sepia(11%) saturate(362%) hue-rotate(184deg) brightness(95%) contrast(87%);
+	}
+}
+
+/* OPTIONAL: Use system theme icons instead of Adwaita icons included by theme */
+@supports -moz-bool-pref("gnomeTheme.systemIcons") {
+	
+	/* Window buttons */
+	:root[tabsintitlebar] #titlebar .titlebar-button .toolbarbutton-icon,
+	:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton .toolbarbutton-icon {
+		filter: var(--gnome-window-icons-hack-filter) !important;
+		width: 16px;
+	}
+	:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close .toolbarbutton-icon,
+	:root[tabsintitlebar] #titlebar #titlebar-close .toolbarbutton-icon {
+		list-style-image: url("moz-icon://stock/window-close-symbolic?size=dialog") !important;
+	}
+	:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-max .toolbarbutton-icon,
+	:root[tabsintitlebar] #titlebar #titlebar-max .toolbarbutton-icon {
+		list-style-image: url("moz-icon://stock/window-maximize-symbolic?size=dialog") !important;
+	}
+	:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-restore .toolbarbutton-icon {
+		list-style-image: url("moz-icon://stock/window-restore-symbolic?size=dialog") !important;
+	}
+	:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-min .toolbarbutton-icon,
+	:root[tabsintitlebar] #titlebar #titlebar-min .toolbarbutton-icon {
+		list-style-image: url("moz-icon://stock/window-minimize-symbolic?size=dialog") !important;
+	}
+	:root[tabsintitlebar][inFullscreen] #window-controls #restore-button .toolbarbutton-icon {
+		list-style-image: url("moz-icon://stock/view-restore-symbolic?size=dialog") !important;
+	}
+
+	/* Toolbars close button */
+	.close-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/window-close-symbolic?size=dialog") !important;
+	}
+
+	/* Navbar icons */
+
+	/* Back button */
+	#nav-bar #back-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/go-previous-symbolic?size=dialog") !important;
+	}
+	/* Forward button */
+	#nav-bar #forward-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/go-next-symbolic?size=dialog") !important;
+	}
+	/* Menu button */
+	#PanelUI-menu-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/open-menu-symbolic?size=dialog") !important;
+	}
+	/* New tab button */
+	#new-tab-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/tab-new-symbolic?size=dialog") !important;
+	}
+	/* Home button */
+	#home-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/user-home-symbolic?size=dialog") !important;
+	}
+	/* Preferences button */
+	#preferences-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/preferences-system-symbolic?size=dialog") !important;
+	}
+	/* Fullscreen button */
+	#fullscreen-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/view-fullscreen-symbolic?size=dialog") !important;
+	}
+	/* Zoom out button */
+	#zoom-out-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/zoom-out-symbolic?size=dialog") !important;
+	}
+	/* Zoom in button */
+	#zoom-in-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/zoom-in-symbolic?size=dialog") !important;
+	}
+	/* Developer button */
+	#developer-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/applications-engineering-symbolic?size=dialog") !important;
+	}
+	/* Email link button */
+	#email-link-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/mail-unread-symbolic?size=dialog") !important;
+	}
+	/* Print button */
+	#print-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/printer-symbolic?size=dialog") !important;
+	}
+	/* Addons button */
+	#add-ons-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/application-x-addon-symbolic?size=dialog") !important;
+	}
+	/* Find button */
+	#find-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/edit-find-symbolic?size=dialog") !important;
+	}
+	/* New window button */
+	#new-window-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/window-new-symbolic?size=dialog") !important;
+	}
+	/* Bookmarks menu button */
+	#bookmarks-menu-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/starred-symbolic?size=dialog") !important;
+	}
+	/* History button */
+	#history-panelmenu .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/preferences-system-time-symbolic?size=dialog") !important;
+	}
+	/* All tabs button */
+	#alltabs-button {
+		list-style-image: url("moz-icon://stock/pan-down-symbolic?size=dialog") !important;
+	}
+	#alltabs-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+	}
+	/* Cut button */
+	#cut-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/edit-cut-symbolic?size=dialog") !important;
+	}
+	/* Copy button */
+	#copy-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/edit-copy-symbolic?size=dialog") !important;
+	}
+	/* Paste button */
+	#paste-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/edit-paste-symbolic?size=dialog") !important;
+	}
+
+	/* Reload */
+	#reload-button,
+	#context-reload .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/view-refresh-symbolic?size=dialog") !important;
+	}
+	/* Stop */
+	#stop-button,
+	#context-stop .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/process-stop-symbolic?size=dialog") !important;
+	}
+	/* Downlaod */
+	#downloads-button,
+	#downloads-indicator-icon .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/folder-download-symbolic?size=dialog") !important;
+	}
+
+	/* Navbar overflow button */
+	#nav-bar-overflow-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/pan-down-symbolic?size=dialog") !important;
+	}
+
+	/* Context back button */	
+	#context-back .menu-iconic-icon { 
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/go-previous-symbolic?size=dialog") !important;
+	}
+	/* Context forward button */	
+	#context-forward .menu-iconic-icon { 
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/go-next-symbolic?size=dialog") !important;
+	}
+
+	/* Main menu buttons icons */
+	#appMenu-zoomReduce-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/zoom-out-symbolic?size=dialog") !important;
+	}
+	#appMenu-zoomEnlarge-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/zoom-in-symbolic?size=dialog") !important;
+	}
+	#appMenu-fullscreen-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/view-fullscreen-symbolic?size=dialog") !important;
+	}
+	#appMenu-cut-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/edit-cut-symbolic?size=dialog") !important;
+	}
+	#appMenu-copy-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/edit-copy-symbolic?size=dialog") !important;
+	}
+	#appMenu-paste-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/edit-paste-symbolic?size=dialog") !important;
+	}
+}
+
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/userChrome.css b/m3ww/Import Manually/firefox userchrome/chrome/userChrome.css
new file mode 100755
index 000000000..c8a72eef6
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/userChrome.css	
@@ -0,0 +1,9 @@
+
+/* Import theme */
+@import "theme/gnome-theme.css";
+
+/* Import a custom stylesheet
+ * Everything you add in your customChrome.css file (it doesn't exist by
+ * default) will be included here and preserved between updates. 
+ * You can apply your own custom styles in that file. */
+@import "customChrome.css"; /**/
diff --git a/m3ww/Import Manually/firefox userchrome/chrome/userContent.css b/m3ww/Import Manually/firefox userchrome/chrome/userContent.css
new file mode 100755
index 000000000..18fe21c80
--- /dev/null
+++ b/m3ww/Import Manually/firefox userchrome/chrome/userContent.css	
@@ -0,0 +1,7 @@
+@import "theme/colors/light.css";
+@import "theme/colors/dark.css";
+
+@import "theme/pages/newtab.css";
+@import "theme/pages/privatebrowsing.css";
+
+@import "theme/parts/video-player.css";
diff --git a/m3ww/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-frappe.xml b/m3ww/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-frappe.xml
new file mode 100755
index 000000000..76b043e82
--- /dev/null
+++ b/m3ww/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-frappe.xml	
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="catppuccin_frappe" _name="Catppuccin frappe" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Soothing pastel theme for Gedit</_description>
+
+  <!-- Catppuccin Palette -->
+  <color name="frappe_rosewater" value="#f2d5cf"/>
+  <color name="frappe_flamingo"  value="#eebebe"/>
+  <color name="frappe_pink"      value="#f4b8e4"/>
+  <color name="frappe_mauve"     value="#ca9ee6"/>
+  <color name="frappe_red"       value="#e78284"/>
+  <color name="frappe_maroon"    value="#ea999c"/>
+  <color name="frappe_peach"     value="#ef9f76"/>
+  <color name="frappe_yellow"    value="#e5c890"/>
+  <color name="frappe_green"     value="#a6d189"/>
+  <color name="frappe_teal"      value="#81c8be"/>
+  <color name="frappe_sky"       value="#99d1db"/>
+  <color name="frappe_sapphire"  value="#85c1dc"/>
+  <color name="frappe_blue"      value="#8caaee"/>
+  <color name="frappe_lavender"  value="#babbf1"/>
+  <color name="frappe_text"      value="#c6d0f5"/>
+  <color name="frappe_subtext1"  value="#b5bfe2"/>
+  <color name="frappe_subtext0"  value="#a5adce"/>
+  <color name="frappe_overlay2"  value="#949cbb"/>
+  <color name="frappe_overlay1"  value="#838ba7"/>
+  <color name="frappe_overlay0"  value="#737994"/>
+  <color name="frappe_surface2"  value="#626880"/>
+  <color name="frappe_surface1"  value="#51576d"/>
+  <color name="frappe_surface0"  value="#51576d"/>
+  <color name="frappe_base"      value="#303446"/>
+  <color name="frappe_mantle"    value="#292c3c"/>
+  <color name="frappe_crust"     value="#232634"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="frappe_text" background = "frappe_base"/>
+  <style name="selection"                   foreground="frappe_text" background="frappe_surface2"/>
+  <style name="cursor"                      foreground="frappe_rosewater"/>
+  <style name="secondary-cursor"            foreground="frappe_rosewater"/>
+  <style name="current-line"                background="frappe_surface0"/>
+  <style name="line-numbers"                foreground="frappe_text" background="frappe_crust"/>
+  <style name="draw-spaces"                 foreground="frappe_text"/>
+  <style name="background-pattern"          background="frappe_base"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="frappe_mauve"/>
+  <style name="bracket-mismatch"            foreground="frappe_text" background="frappe_peach"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="frappe_text" background="frappe_crust"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="frappe_text" background="frappe_blue"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="frappe_overlay0"/>
+  <style name="def:shebang"                 foreground="frappe_overlay0" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="frappe_green"/>
+  <style name="def:string"                  foreground="frappe_green"/>
+  <style name="def:special-char"            foreground="frappe_lavender"/>
+  <style name="def:special-constant"        foreground="frappe_lavender"/>
+  <style name="def:floating-point"          foreground="frappe_lavender"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="frappe_blue"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="frappe_sapphire" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="frappe_maroon" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="frappe_yellow" bold="true"/>
+  <style name="def:inline-code"             foreground="frappe_green"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="frappe_rosewater"/>
+  <style name="def:link-symbol"             foreground="frappe_blue" bold="true"/>
+  <style name="def:link-destination"        foreground="frappe_blue" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="frappe_teal" bold="true"/>
+  <style name="def:thematic-break"          foreground="frappe_green" bold="true"/>
+  <style name="def:preformatted-section"    foreground="frappe_green"/>
+  <style name="def:list-marker"             foreground="frappe_teal" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="frappe_teal"/>
+  <style name="def:error"                   foreground="frappe_maroon" bold="true"/>
+  <style name="def:warning"                 foreground="frappe_peach"/>
+  <style name="def:note"                    foreground="frappe_blue" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/m3ww/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-latte.xml b/m3ww/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-latte.xml
new file mode 100755
index 000000000..1d6e3b5fc
--- /dev/null
+++ b/m3ww/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-latte.xml	
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="catppuccin_latte" _name="Catppuccin latte" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Soothing pastel theme for Gedit</_description>
+
+  <!-- Catppuccin Palette -->
+  <color name="latte_rosewater" value="#dc8a78"/>
+  <color name="latte_flamingo"  value="#dd7878"/>
+  <color name="latte_pink"      value="#ea76cb"/>
+  <color name="latte_mauve"     value="#8839ef"/>
+  <color name="latte_red"       value="#d20f39"/>
+  <color name="latte_maroon"    value="#e64553"/>
+  <color name="latte_peach"     value="#fe640b"/>
+  <color name="latte_yellow"    value="#df8e1d"/>
+  <color name="latte_green"     value="#40a02b"/>
+  <color name="latte_teal"      value="#179299"/>
+  <color name="latte_sky"       value="#04a5e5"/>
+  <color name="latte_sapphire"  value="#209fb5"/>
+  <color name="latte_blue"      value="#1e66f5"/>
+  <color name="latte_lavender"  value="#7287fd"/>
+  <color name="latte_text"      value="#4c4f69"/>
+  <color name="latte_subtext1"  value="#5c5f77"/>
+  <color name="latte_subtext0"  value="#6c6f85"/>
+  <color name="latte_overlay2"  value="#7c7f93"/>
+  <color name="latte_overlay1"  value="#8c8fa1"/>
+  <color name="latte_overlay0"  value="#9ca0b0"/>
+  <color name="latte_surface2"  value="#acb0be"/>
+  <color name="latte_surface1"  value="#bcc0cc"/>
+  <color name="latte_surface0"  value="#ccd0da"/>
+  <color name="latte_base"      value="#eff1f5"/>
+  <color name="latte_mantle"    value="#e6e9ef"/>
+  <color name="latte_crust"     value="#dce0e8"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="latte_text" background = "latte_base"/>
+  <style name="selection"                   foreground="latte_text" background="latte_surface2"/>
+  <style name="cursor"                      foreground="latte_rosewater"/>
+  <style name="secondary-cursor"            foreground="latte_rosewater"/>
+  <style name="current-line"                background="latte_surface0"/>
+  <style name="line-numbers"                foreground="latte_text" background="latte_crust"/>
+  <style name="draw-spaces"                 foreground="latte_text"/>
+  <style name="background-pattern"          background="latte_base"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="latte_mauve"/>
+  <style name="bracket-mismatch"            foreground="latte_text" background="latte_peach"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="latte_text" background="latte_crust"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="latte_text" background="latte_blue"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="latte_overlay0"/>
+  <style name="def:shebang"                 foreground="latte_overlay0" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="latte_green"/>
+  <style name="def:string"                  foreground="latte_green"/>
+  <style name="def:special-char"            foreground="latte_lavender"/>
+  <style name="def:special-constant"        foreground="latte_lavender"/>
+  <style name="def:floating-point"          foreground="latte_lavender"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="latte_blue"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="latte_sapphire" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="latte_maroon" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="latte_yellow" bold="true"/>
+  <style name="def:inline-code"             foreground="latte_green"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="latte_rosewater"/>
+  <style name="def:link-symbol"             foreground="latte_blue" bold="true"/>
+  <style name="def:link-destination"        foreground="latte_blue" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="latte_teal" bold="true"/>
+  <style name="def:thematic-break"          foreground="latte_green" bold="true"/>
+  <style name="def:preformatted-section"    foreground="latte_green"/>
+  <style name="def:list-marker"             foreground="latte_teal" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="latte_teal"/>
+  <style name="def:error"                   foreground="latte_maroon" bold="true"/>
+  <style name="def:warning"                 foreground="latte_peach"/>
+  <style name="def:note"                    foreground="latte_blue" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/m3ww/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-macchiato.xml b/m3ww/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-macchiato.xml
new file mode 100755
index 000000000..5e3bffe69
--- /dev/null
+++ b/m3ww/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-macchiato.xml	
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="catppuccin_macchiato" _name="Catppuccin macchiato" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Soothing pastel theme for Gedit</_description>
+
+  <!-- Catppuccin Palette -->
+<color name="macchiato_rosewater" value="#f4dbd6"/>
+<color name="macchiato_flamingo"  value="#f0c6c6"/>
+<color name="macchiato_pink"      value="#f5bde6"/>
+<color name="macchiato_mauve"     value="#c6a0f6"/>
+<color name="macchiato_red"       value="#ed8796"/>
+<color name="macchiato_maroon"    value="#ee99a0"/>
+<color name="macchiato_peach"     value="#f5a97f"/>
+<color name="macchiato_yellow"    value="#eed49f"/>
+<color name="macchiato_green"     value="#a6da95"/>
+<color name="macchiato_teal"      value="#8bd5ca"/>
+<color name="macchiato_sky"       value="#91d7e3"/>
+<color name="macchiato_sapphire"  value="#7dc4e4"/>
+<color name="macchiato_blue"      value="#8aadf4"/>
+<color name="macchiato_lavender"  value="#b7bdf8"/>
+<color name="macchiato_text"      value="#cad3f5"/>
+<color name="macchiato_subtext1"  value="#b8c0e0"/>
+<color name="macchiato_subtext0"  value="#a5adcb"/>
+<color name="macchiato_overlay2"  value="#939ab7"/>
+<color name="macchiato_overlay1"  value="#8087a2"/>
+<color name="macchiato_overlay0"  value="#6e738d"/>
+<color name="macchiato_surface2"  value="#5b6078"/>
+<color name="macchiato_surface1"  value="#494d64"/>
+<color name="macchiato_surface0"  value="#363a4f"/>
+<color name="macchiato_base"      value="#24273a"/>
+<color name="macchiato_mantle"    value="#1e2030"/>
+<color name="macchiato_crust"     value="#181926"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="macchiato_text" background = "macchiato_base"/>
+  <style name="selection"                   foreground="macchiato_text" background="macchiato_surface2"/>
+  <style name="cursor"                      foreground="macchiato_rosewater"/>
+  <style name="secondary-cursor"            foreground="macchiato_rosewater"/>
+  <style name="current-line"                background="macchiato_surface0"/>
+  <style name="line-numbers"                foreground="macchiato_text" background="macchiato_crust"/>
+  <style name="draw-spaces"                 foreground="macchiato_text"/>
+  <style name="background-pattern"          background="macchiato_mantle"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="macchiato_mauve"/>
+  <style name="bracket-mismatch"            foreground="macchiato_text" background="macchiato_peach"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="macchiato_text" background="crust"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="macchiato_text" background="macchiato_blue"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="macchiato_overlay0"/>
+  <style name="def:shebang"                 foreground="macchiato_overlay0" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="macchiato_green"/>
+  <style name="def:string"                  foreground="macchiato_green"/>
+  <style name="def:special-char"            foreground="macchiato_lavender"/>
+  <style name="def:special-constant"        foreground="macchiato_lavender"/>
+  <style name="def:floating-point"          foreground="macchiato_lavender"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="macchiato_blue"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="macchiato_sapphire" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="macchiato_maroon" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="macchiato_yellow" bold="true"/>
+  <style name="def:inline-code"             foreground="macchiato_green"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="macchiato_rosewater"/>
+  <style name="def:link-symbol"             foreground="macchiato_blue" bold="true"/>
+  <style name="def:link-destination"        foreground="macchiato_blue" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="macchiato_teal" bold="true"/>
+  <style name="def:thematic-break"          foreground="macciato_green" bold="true"/>
+  <style name="def:preformatted-section"    foreground="macchiato_green"/>
+  <style name="def:list-marker"             foreground="macchiato_teal" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="macchiato_teal"/>
+  <style name="def:error"                   foreground="macchiato_maroon" bold="true"/>
+  <style name="def:warning"                 foreground="macchiato_peach"/>
+  <style name="def:note"                    foreground="macchiato_blue" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/m3ww/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-mocha.xml b/m3ww/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-mocha.xml
new file mode 100755
index 000000000..0fb5a5b60
--- /dev/null
+++ b/m3ww/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-mocha.xml	
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="catppuccin_mocha" _name="Catppuccin Mocha" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Soothing pastel theme for Gedit</_description>
+
+  <!-- Tango Palette -->
+  <color name="mocha_rosewater" value="#f5e0dc"/>
+  <color name="mocha_flamingo"  value="#f2cdcd"/>
+  <color name="mocha_pink"      value="#f5c2e7"/>
+  <color name="mocha_mauve"     value="#cba6f7"/>
+  <color name="mocha_red"       value="#f38ba8"/>
+  <color name="mocha_maroon"    value="#eba0ac"/>
+  <color name="mocha_peach"     value="#fab387"/>
+  <color name="mocha_yellow"    value="#f9e2af"/>
+  <color name="mocha_green"     value="#a6e3a1"/>
+  <color name="mocha_teal"      value="#94e2d5"/>
+  <color name="mocha_sky"       value="#89dceb"/>
+  <color name="mocha_sapphire"  value="#74c7ec"/>
+  <color name="mocha_blue"      value="#89b4fa"/>
+  <color name="mocha_lavender"  value="#b4befe"/>
+  <color name="mocha_text"      value="#cdd6f4"/>
+  <color name="mocha_subtext1"  value="#bac2de"/>
+  <color name="mocha_subtext0"  value="#a6adc8"/>
+  <color name="mocha_overlay2"  value="#9399b2"/>
+  <color name="mocha_overlay1"  value="#7f849c"/>
+  <color name="mocha_overlay0"  value="#6c7086"/>
+  <color name="mocha_surface2"  value="#585b70"/>
+  <color name="mocha_surface1"  value="#45475a"/>
+  <color name="mocha_surface0"  value="#313244"/>
+  <color name="mocha_base"      value="#1e1e2e"/>
+  <color name="mocha_mantle"    value="#181825"/>
+  <color name="mocha_crust"     value="#11111b"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="mocha_text" background = "mocha_base"/>
+  <style name="selection"                   foreground="mocha_text" background="mocha_surface2"/>
+  <style name="cursor"                      foreground="mocha_rosewater"/>
+  <style name="secondary-cursor"            foreground="mocha_rosewater"/>
+  <style name="current-line"                background="mocha_surface0"/>
+  <style name="line-numbers"                foreground="mocha_text" background="mocha_crust"/>
+  <style name="draw-spaces"                 foreground="mocha_text"/>
+  <style name="background-pattern"          background="mocha_mantle"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="mocha_mauve"/>
+  <style name="bracket-mismatch"            foreground="mocha_text" background="mocha_peach"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="mocha_text" background="mocha_crust"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="mocha_text" background="mocha_blue"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="mocha_overlay0"/>
+  <style name="def:shebang"                 foreground="mocha_overlay0" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="mocha_green"/>
+  <style name="def:string"                  foreground="mocha_green"/>
+  <style name="def:special-char"            foreground="mocha_lavender"/>
+  <style name="def:special-constant"        foreground="mocha_lavender"/>
+  <style name="def:floating-point"          foreground="mocha_lavender"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="mocha_blue"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="mocha_sapphire" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="mocha_maroon" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="mocha_yellow" bold="true"/>
+  <style name="def:inline-code"             foreground="mocha_green"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="mocha_rosewater"/>
+  <style name="def:link-symbol"             foreground="mocha_blue" bold="true"/>
+  <style name="def:link-destination"        foreground="mocha_blue" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="mocha_teal" bold="true"/>
+  <style name="def:thematic-break"          foreground="mocha_green" bold="true"/>
+  <style name="def:preformatted-section"    foreground="mocha_green"/>
+  <style name="def:list-marker"             foreground="mocha_teal" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="mocha_teal"/>
+  <style name="def:error"                   foreground="mocha_maroon" bold="true"/>
+  <style name="def:warning"                 foreground="mocha_peach"/>
+  <style name="def:note"                    foreground="mocha_blue" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/m3ww/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/everforest-b.xml b/m3ww/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/everforest-b.xml
new file mode 100755
index 000000000..f5c22b570
--- /dev/null
+++ b/m3ww/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/everforest-b.xml	
@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="everforest_b" _name="Everforest Dark B" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Everforest</_description>
+
+  <!-- Tango Palette -->
+  <color name="forestgreen" value="#a8b370"/>
+  <color name="forestyellow" value="#8e8370"/>
+  <color name="foresttext" value="#d3c6ab"/>
+  <color name="forestblack" value="#1e201f"/>
+  <color name="forestred" value="#e76c69"/>
+  <color name="forestpink" value="#d698b5"/>
+  <color name="forestorange" value="#e59576"/>
+  <color name="forestgray" value="#75817b"/>
+  <color name="forestgraylight" value="#495156"/>
+  <color name="forestgreendark" value="#7fba90"/>
+  
+  <color name="mocha_rosewater" value="#f5e0dc"/>
+  <color name="mocha_flamingo"  value="#f2cdcd"/>
+  <color name="mocha_pink"      value="#f5c2e7"/>
+  <color name="mocha_mauve"     value="#cba6f7"/>
+  <color name="mocha_red"       value="#f38ba8"/>
+  <color name="mocha_maroon"    value="#eba0ac"/>
+  <color name="mocha_peach"     value="#fab387"/>
+  <color name="mocha_yellow"    value="#f9e2af"/>
+  <color name="mocha_green"     value="#a6e3a1"/>
+  <color name="mocha_teal"      value="#94e2d5"/>
+  <color name="mocha_sky"       value="#89dceb"/>
+  <color name="mocha_sapphire"  value="#74c7ec"/>
+  <color name="mocha_blue"      value="#89b4fa"/>
+  <color name="mocha_lavender"  value="#b4befe"/>
+  <color name="mocha_text"      value="#cdd6f4"/>
+  <color name="mocha_subtext1"  value="#bac2de"/>
+  <color name="mocha_subtext0"  value="#a6adc8"/>
+  <color name="mocha_overlay2"  value="#9399b2"/>
+  <color name="mocha_overlay1"  value="#7f849c"/>
+  <color name="mocha_overlay0"  value="#6c7086"/>
+  <color name="mocha_surface2"  value="#585b70"/>
+  <color name="mocha_surface1"  value="#45475a"/>
+  <color name="mocha_surface0"  value="#313244"/>
+  <color name="mocha_base"      value="#1e1e2e"/>
+  <color name="mocha_mantle"    value="#181825"/>
+  <color name="mocha_crust"     value="#11111b"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="foresttext" background = "forestblack"/>
+  <style name="selection"                   foreground="foresttext" background="forestgray"/>
+  <style name="cursor"                      foreground="forestpink"/>
+  <style name="secondary-cursor"            foreground="forestpink"/>
+  <style name="current-line"                background="forestblack"/>
+  <style name="line-numbers"                foreground="foresttext" background="forestblack"/>
+  <style name="draw-spaces"                 foreground="foresttext"/>
+  <style name="background-pattern"          background="forestblack"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="forestgraylight"/>
+  <style name="bracket-mismatch"            foreground="foresttext" background="forestorange"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="foresttext" background="forestblack"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="foresttext" background="forestgreendark"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="forestgray"/>
+  <style name="def:shebang"                 foreground="forestgray" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="forestgreen"/>
+  <style name="def:string"                  foreground="forestgreen"/>
+  <style name="def:special-char"            foreground="forestpink"/>
+  <style name="def:special-constant"        foreground="forestpink"/>
+  <style name="def:floating-point"          foreground="forestpink"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="forestgreendark"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="forestorange" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="forestred" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="forestyellow" bold="true"/>
+  <style name="def:inline-code"             foreground="forestgreen"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="foresttext"/>
+  <style name="def:link-symbol"             foreground="forestgreendark" bold="true"/>
+  <style name="def:link-destination"        foreground="forestgreendark" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="forest" bold="true"/>
+  <style name="def:thematic-break"          foreground="forestgreendark" bold="true"/>
+  <style name="def:preformatted-section"    foreground="forestgreen"/>
+  <style name="def:list-marker"             foreground="forestorange" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="forestred"/>
+  <style name="def:error"                   foreground="forestred" bold="true"/>
+  <style name="def:warning"                 foreground="forestorange"/>
+  <style name="def:note"                    foreground="forestgreendark" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/m3ww/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_dark.xml b/m3ww/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_dark.xml
new file mode 100644
index 000000000..3e345f89c
--- /dev/null
+++ b/m3ww/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_dark.xml	
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<style-scheme id="tokyo_night_dark" _name="Tokyo_Night_Dark" version="1.0">
+  <author>fkorpsvart</author>
+  <_description>Tokyo Night Dark theme for Gedit</_description>
+
+<!-- Colors -->
+
+  <color name="off_white" value="#c0caf5"/>
+  <color name="off_white2" value="#9aa5ce"/>
+  <color name="black_grey" value="#1a1b26"/>
+  <color name="tinted_grey" value="#24283b"/>
+  <color name="dark_grey" value="#414868"/>
+  <color name="med_grey" value="#565f89"/>
+  <color name="light_grey" value="#565a6e"/>
+  <color name="olive_green" value="#9ece6a"/>
+  <color name="washed_orange" value="#ff9e64"/>
+  <color name="faded_violet" value="#9d7cd8"/>
+  <color name="faded_cornwall" value="#ff007c"/>
+  <color name="pink_sandstone" value="#f7768e"/>
+  <color name="steelblue3" value="#7aa2f7"/>
+  <color name="light_brown" value="#bb9af7"/>
+  <color name="super_faded_orange" value="#e0af68"/>
+  <color name="dark_maroon" value="#41a6b5"/>
+  <color name="yellow" value="#f9ee98"/>
+
+<!-- Global Settings -->
+
+  <style name="text" foreground="off_white" background="black_grey"/>
+  <style name="cursor" foreground="off_white"/>
+  <style name="current-line" background="tinted_grey"/>
+  <style name="line-numbers" foreground="med_grey" background="black_grey" bold="true" />
+  <style name="selection" foreground="off_white2" background="tinted_grey" />
+  <style name="selection-unfocused" foreground="off_white2" background="tinted_grey" />
+
+<!-- Bracket Matching -->
+  <style name="bracket-match" background="steelblue3"/>
+  <style name="bracket-mismatch" background="dark_maroon" bold="true"/>
+  <style name="search-match" foreground="off_white" background="steelblue3"/>
+
+<!-- Comments -->
+  <style name="def:comment" foreground="light_grey" italic="true"/>
+  <style name="def:shebang" foreground="light_grey" italic="true"/>
+  <style name="def:doc-comment-element" foreground="dark_grey" bold="true"/>
+
+<!-- Constants and Variables-->
+  <style name="def:constant" foreground="faded_cornwall"/>
+  <style name="def:string" foreground="olive_green"/>
+  <style name="def:special-char" foreground="faded_cornwall"/>
+  <style name="def:special-constant" foreground="washed_orange" bold="true"/>
+  <style name="def:boolean" foreground="pink_sandstone"/>
+  <style name="def:number" foreground="pink_sandstone"/>
+  <style name="def:floating-point" foreground="pink_sandstone"/>
+  <style name="def:keyword" foreground="washed_orange" bold="true"/>
+  <style name="def:builtin" foreground="washed_orange" bold="true"/>
+  <style name="def:variable" foreground="faded_cornwall"/>
+
+<!-- Identifiers -->
+  <style name="def:identifier" foreground="faded_cornwall"/>
+
+<!-- Statements -->
+  <style name="def:statement" foreground="washed_orange"/>
+
+<!-- Types -->
+  <style name="def:type" foreground="faded_violet"/>
+
+<!-- Others -->
+  <style name="def:error" foreground="off_white" background="dark_maroon" bold="true"/>
+  <style name="def:note" foreground="yellow" bold="true"/>
+  <style name="def:net-address-in-comment" foreground="steelblue3" italic="false" underline="true"/>
+  <style name="def:preprocessor" foreground="light_grey"/>
+  <style name="def:function" foreground="off_white" underline="true"/>
+
+<!-- Unknown? -->
+  <style name="def:specials" background="faded_cornwall"/>
+
+<!-- C Styles -->
+  <style name="c:preprocessor" map-to="def:special-char"/>
+
+<!-- Diff Styles -->
+  <style name="diff:ignore" foreground="med_grey"/>
+
+<!-- Ruby Styles -->
+  <style name="ruby:module-handler" foreground="washed_orange"/>
+  <style name="ruby:symbol" foreground="pink_sandstone"/>
+  <style name="ruby:regex" foreground="super_faded_orange"/>
+
+<!-- SH Styles -->
+  <style name="sh:others" map-to="text"/>
+
+<!-- XML Styles -->
+  <style name="xml:attribute-name" foreground="light_brown"/>
+  <style name="xml:element-name" foreground="faded_cornwall"/>
+
+</style-scheme>
diff --git a/m3ww/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_storm.xml b/m3ww/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_storm.xml
new file mode 100644
index 000000000..eba507872
--- /dev/null
+++ b/m3ww/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_storm.xml	
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<style-scheme id="tokyo_night_storm" _name="Tokyo_Night_Storm" version="1.0">
+  <author>fkorpsvart</author>
+  <_description>Tokyo Night Storm theme for Gedit</_description>
+
+<!-- Colors -->
+
+  <color name="off_white" value="#c0caf5"/>
+  <color name="off_white2" value="#9aa5ce"/>
+  <color name="black_grey" value="#1a1b26"/>
+  <color name="tinted_grey" value="#24283b"/>
+  <color name="dark_grey" value="#414868"/>
+  <color name="med_grey" value="#565f89"/>
+  <color name="light_grey" value="#565a6e"/>
+  <color name="olive_green" value="#9ece6a"/>
+  <color name="washed_orange" value="#ff9e64"/>
+  <color name="faded_violet" value="#9d7cd8"/>
+  <color name="faded_cornwall" value="#ff007c"/>
+  <color name="pink_sandstone" value="#f7768e"/>
+  <color name="steelblue3" value="#7aa2f7"/>
+  <color name="light_brown" value="#bb9af7"/>
+  <color name="super_faded_orange" value="#e0af68"/>
+  <color name="dark_maroon" value="#41a6b5"/>
+  <color name="yellow" value="#f9ee98"/>
+
+<!-- Global Settings -->
+
+  <style name="text" foreground="off_white" background="tinted_grey"/>
+  <style name="cursor" foreground="off_white"/>
+  <style name="current-line" background="black_grey"/>
+  <style name="line-numbers" foreground="med_grey" background="tinted_grey" bold="true" />
+  <style name="selection" foreground="off_white2" background="black_grey" />
+  <style name="selection-unfocused" foreground="off_white2" background="black_grey" />
+
+<!-- Bracket Matching -->
+  <style name="bracket-match" background="steelblue3"/>
+  <style name="bracket-mismatch" background="dark_maroon" bold="true"/>
+  <style name="search-match" foreground="off_white" background="steelblue3"/>
+
+<!-- Comments -->
+  <style name="def:comment" foreground="light_grey" italic="true"/>
+  <style name="def:shebang" foreground="light_grey" italic="true"/>
+  <style name="def:doc-comment-element" foreground="dark_grey" bold="true"/>
+
+<!-- Constants and Variables-->
+  <style name="def:constant" foreground="faded_cornwall"/>
+  <style name="def:string" foreground="olive_green"/>
+  <style name="def:special-char" foreground="faded_cornwall"/>
+  <style name="def:special-constant" foreground="washed_orange" bold="true"/>
+  <style name="def:boolean" foreground="pink_sandstone"/>
+  <style name="def:number" foreground="pink_sandstone"/>
+  <style name="def:floating-point" foreground="pink_sandstone"/>
+  <style name="def:keyword" foreground="washed_orange" bold="true"/>
+  <style name="def:builtin" foreground="washed_orange" bold="true"/>
+  <style name="def:variable" foreground="faded_cornwall"/>
+
+<!-- Identifiers -->
+  <style name="def:identifier" foreground="faded_cornwall"/>
+
+<!-- Statements -->
+  <style name="def:statement" foreground="washed_orange"/>
+
+<!-- Types -->
+  <style name="def:type" foreground="faded_violet"/>
+
+<!-- Others -->
+  <style name="def:error" foreground="off_white" background="dark_maroon" bold="true"/>
+  <style name="def:note" foreground="yellow" bold="true"/>
+  <style name="def:net-address-in-comment" foreground="steelblue3" italic="false" underline="true"/>
+  <style name="def:preprocessor" foreground="light_grey"/>
+  <style name="def:function" foreground="off_white" underline="true"/>
+
+<!-- Unknown? -->
+  <style name="def:specials" background="faded_cornwall"/>
+
+<!-- C Styles -->
+  <style name="c:preprocessor" map-to="def:special-char"/>
+
+<!-- Diff Styles -->
+  <style name="diff:ignore" foreground="med_grey"/>
+
+<!-- Ruby Styles -->
+  <style name="ruby:module-handler" foreground="washed_orange"/>
+  <style name="ruby:symbol" foreground="pink_sandstone"/>
+  <style name="ruby:regex" foreground="super_faded_orange"/>
+
+<!-- SH Styles -->
+  <style name="sh:others" map-to="text"/>
+
+<!-- XML Styles -->
+  <style name="xml:attribute-name" foreground="light_brown"/>
+  <style name="xml:element-name" foreground="faded_cornwall"/>
+
+</style-scheme>
diff --git a/m3ww/Import Manually/tabliss (firefox start page extension)/tabliss.json b/m3ww/Import Manually/tabliss (firefox start page extension)/tabliss.json
new file mode 100644
index 000000000..f86f84f50
--- /dev/null
+++ b/m3ww/Import Manually/tabliss (firefox start page extension)/tabliss.json	
@@ -0,0 +1 @@
+{"background":{"id":"AlVnN3ZSpf3i","key":"background/image","display":{"blur":0,"luminosity":-0.2}},"data/default-time":{"mode":"digital","hour12":false,"showDate":true,"showMinutes":true,"showSeconds":false,"showDayPeriod":true,"timeZone":null},"focus":false,"widget/JVcm-ptH22CB":null,"widget/default-greeting":null,"widget/default-time":{"id":"default-time","key":"widget/time","order":0,"display":{"position":"middleCentre","fontFamily":"Gabarito","fontSize":22}},"data/Oe8h0ATqABMw":{"username":"end-4","showSummary":false},"widget/Oe8h0ATqABMw":{"id":"Oe8h0ATqABMw","key":"widget/github","order":1,"display":{"position":"bottomCentre"}},"widget/u2ZuwyqO-tka":null,"widget/TbRxrpl9QgjK":{"id":"TbRxrpl9QgjK","key":"widget/quote","order":2,"display":{"position":"middleCentre"}},"widget/2J2Q2Cw962KN":null,"widget/tK_0dJhtQXPS":null,"widget/OwW65aQzXLLs":{"id":"OwW65aQzXLLs","key":"widget/links","order":3,"display":{"position":"middleCentre","fontFamily":"JetBrainsMono Nerd Font"}},"data/OwW65aQzXLLs":{"columns":6,"links":[{"url":"https://www.facebook.com/messages/","name":"󰈌"},{"url":"https://discord.com/app","name":"󰙯 ","icon":""},{"url":"https://youtube.com","icon":"","name":""},{"url":"https://soundcloud.com","icon":"","name":""},{"url":"https://github.com","icon":"","name":""},{"url":"https://reddit.com","icon":"","name":" "}],"visible":true,"linkOpenStyle":false},"locale":"en","timeZone":null,"version":3}
\ No newline at end of file
diff --git a/m3ww/Projects/README.md b/m3ww/Projects/README.md
new file mode 100644
index 000000000..84ab37383
--- /dev/null
+++ b/m3ww/Projects/README.md
@@ -0,0 +1,2 @@
+- This folder is for programs that have a proper folder structure that should be compiled then copied to .config/eww/scripts, if you wish.
+- If you don't mind using prebuilt binaries, you can ignore this folder
diff --git a/m3ww/Projects/notify-receive/Cargo.lock b/m3ww/Projects/notify-receive/Cargo.lock
new file mode 100644
index 000000000..857ed2582
--- /dev/null
+++ b/m3ww/Projects/notify-receive/Cargo.lock
@@ -0,0 +1,1926 @@
+# This file is automatically @generated by Cargo.
+# It is not intended for manual editing.
+version = 3
+
+[[package]]
+name = "aho-corasick"
+version = "0.7.20"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cc936419f96fa211c1b9166887b38e5e40b19958e5b895be7c1f93adec7071ac"
+dependencies = [
+ "memchr",
+]
+
+[[package]]
+name = "android_system_properties"
+version = "0.1.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "819e7219dbd41043ac279b19830f2efc897156490d7fd6ea916720117ee66311"
+dependencies = [
+ "libc",
+]
+
+[[package]]
+name = "anyhow"
+version = "1.0.69"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "224afbd727c3d6e4b90103ece64b8d1b67fbb1973b1046c2281eed3f3803f800"
+
+[[package]]
+name = "async-broadcast"
+version = "0.5.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7c48ccdbf6ca6b121e0f586cbc0e73ae440e56c67c30fa0873b4e110d9c26d2b"
+dependencies = [
+ "event-listener",
+ "futures-core",
+]
+
+[[package]]
+name = "async-executor"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "17adb73da160dfb475c183343c8cccd80721ea5a605d3eb57125f0a7b7a92d0b"
+dependencies = [
+ "async-lock",
+ "async-task",
+ "concurrent-queue",
+ "fastrand",
+ "futures-lite",
+ "slab",
+]
+
+[[package]]
+name = "async-io"
+version = "1.12.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8c374dda1ed3e7d8f0d9ba58715f924862c63eae6849c92d3a18e7fbde9e2794"
+dependencies = [
+ "async-lock",
+ "autocfg",
+ "concurrent-queue",
+ "futures-lite",
+ "libc",
+ "log",
+ "parking",
+ "polling",
+ "slab",
+ "socket2",
+ "waker-fn",
+ "windows-sys 0.42.0",
+]
+
+[[package]]
+name = "async-lock"
+version = "2.7.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fa24f727524730b077666307f2734b4a1a1c57acb79193127dcc8914d5242dd7"
+dependencies = [
+ "event-listener",
+]
+
+[[package]]
+name = "async-recursion"
+version = "1.0.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3b015a331cc64ebd1774ba119538573603427eaace0a1950c423ab971f903796"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "async-task"
+version = "4.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7a40729d2133846d9ed0ea60a8b9541bccddab49cd30f0715a1da672fe9a2524"
+
+[[package]]
+name = "async-trait"
+version = "0.1.65"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "095183a3539c7c7649b2beb87c2d3f0591f3a7fed07761cc546d244e27e0238c"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "atk"
+version = "0.17.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6ba16453d10c712284061a05f6510f75abeb92b56ba88dfeb48c74775020cc22"
+dependencies = [
+ "atk-sys",
+ "bitflags",
+ "glib",
+ "libc",
+]
+
+[[package]]
+name = "atk-sys"
+version = "0.17.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e3bf0a7ca572fbd5762fd8f8cd65a581e06767bc1234913fe1f43e370cff6e90"
+dependencies = [
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "system-deps",
+]
+
+[[package]]
+name = "autocfg"
+version = "1.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d468802bab17cbc0cc575e9b053f41e72aa36bfa6b7f55e3529ffa43161b97fa"
+
+[[package]]
+name = "bitflags"
+version = "1.3.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bef38d45163c2f1dde094a7dfd33ccf595c92905c8f8f4fdc18d06fb1037718a"
+
+[[package]]
+name = "block-buffer"
+version = "0.10.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "69cce20737498f97b993470a6e536b8523f0af7892a4f928cceb1ac5e52ebe7e"
+dependencies = [
+ "generic-array",
+]
+
+[[package]]
+name = "bumpalo"
+version = "3.12.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0d261e256854913907f67ed06efbc3338dfe6179796deefc1ff763fc1aee5535"
+
+[[package]]
+name = "byteorder"
+version = "1.4.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "14c189c53d098945499cdfa7ecc63567cf3886b3332b312a5b4585d8d3a6a610"
+
+[[package]]
+name = "cairo-rs"
+version = "0.17.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a8af54f5d48af1226928adc1f57edd22f5df1349e7da1fc96ae15cf43db0e871"
+dependencies = [
+ "bitflags",
+ "cairo-sys-rs",
+ "glib",
+ "libc",
+ "once_cell",
+ "thiserror",
+]
+
+[[package]]
+name = "cairo-sys-rs"
+version = "0.17.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f55382a01d30e5e53f185eee269124f5e21ab526595b872751278dfbb463594e"
+dependencies = [
+ "glib-sys",
+ "libc",
+ "system-deps",
+]
+
+[[package]]
+name = "cc"
+version = "1.0.79"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "50d30906286121d95be3d479533b458f87493b30a4b5f79a607db8f5d11aa91f"
+
+[[package]]
+name = "cfg-expr"
+version = "0.14.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a35b255461940a32985c627ce82900867c61db1659764d3675ea81963f72a4c6"
+dependencies = [
+ "smallvec",
+]
+
+[[package]]
+name = "cfg-if"
+version = "1.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "baf1de4339761588bc0619e3cbc0120ee582ebb74b53b4efbf79117bd2da40fd"
+
+[[package]]
+name = "chrono"
+version = "0.4.23"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "16b0a3d9ed01224b22057780a37bb8c5dbfe1be8ba48678e7bf57ec4b385411f"
+dependencies = [
+ "iana-time-zone",
+ "js-sys",
+ "num-integer",
+ "num-traits",
+ "time",
+ "wasm-bindgen",
+ "winapi",
+]
+
+[[package]]
+name = "codespan-reporting"
+version = "0.11.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3538270d33cc669650c4b093848450d380def10c331d38c768e34cac80576e6e"
+dependencies = [
+ "termcolor",
+ "unicode-width",
+]
+
+[[package]]
+name = "concurrent-queue"
+version = "2.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c278839b831783b70278b14df4d45e1beb1aad306c07bb796637de9a0e323e8e"
+dependencies = [
+ "crossbeam-utils",
+]
+
+[[package]]
+name = "core-foundation-sys"
+version = "0.8.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5827cebf4670468b8772dd191856768aedcb1b0278a04f989f7766351917b9dc"
+
+[[package]]
+name = "cpufeatures"
+version = "0.2.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "28d997bd5e24a5928dd43e46dc529867e207907fe0b239c3477d924f7f2ca320"
+dependencies = [
+ "libc",
+]
+
+[[package]]
+name = "crossbeam-queue"
+version = "0.3.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d1cfb3ea8a53f37c40dea2c7bedcbd88bdfae54f5e2175d6ecaff1c988353add"
+dependencies = [
+ "cfg-if",
+ "crossbeam-utils",
+]
+
+[[package]]
+name = "crossbeam-utils"
+version = "0.8.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3c063cd8cc95f5c377ed0d4b49a4b21f632396ff690e8470c29b3359b346984b"
+dependencies = [
+ "cfg-if",
+]
+
+[[package]]
+name = "crypto-common"
+version = "0.1.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1bfb12502f3fc46cca1bb51ac28df9d618d813cdc3d2f25b9fe775a34af26bb3"
+dependencies = [
+ "generic-array",
+ "typenum",
+]
+
+[[package]]
+name = "cxx"
+version = "1.0.91"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "86d3488e7665a7a483b57e25bdd90d0aeb2bc7608c8d0346acf2ad3f1caf1d62"
+dependencies = [
+ "cc",
+ "cxxbridge-flags",
+ "cxxbridge-macro",
+ "link-cplusplus",
+]
+
+[[package]]
+name = "cxx-build"
+version = "1.0.91"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "48fcaf066a053a41a81dfb14d57d99738b767febb8b735c3016e469fac5da690"
+dependencies = [
+ "cc",
+ "codespan-reporting",
+ "once_cell",
+ "proc-macro2",
+ "quote",
+ "scratch",
+ "syn",
+]
+
+[[package]]
+name = "cxxbridge-flags"
+version = "1.0.91"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a2ef98b8b717a829ca5603af80e1f9e2e48013ab227b68ef37872ef84ee479bf"
+
+[[package]]
+name = "cxxbridge-macro"
+version = "1.0.91"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "086c685979a698443656e5cf7856c95c642295a38599f12fb1ff76fb28d19892"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "derivative"
+version = "2.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fcc3dd5e9e9c0b295d6e1e4d811fb6f157d5ffd784b8d202fc62eac8035a770b"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "digest"
+version = "0.10.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8168378f4e5023e7218c89c891c0fd8ecdb5e5e4f18cb78f38cf245dd021e76f"
+dependencies = [
+ "block-buffer",
+ "crypto-common",
+]
+
+[[package]]
+name = "dirs"
+version = "4.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ca3aa72a6f96ea37bbc5aa912f6788242832f75369bdfdadcb0e38423f100059"
+dependencies = [
+ "dirs-sys",
+]
+
+[[package]]
+name = "dirs-sys"
+version = "0.3.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1b1d1d91c932ef41c0f2663aa8b0ca0342d444d842c06914aa0a7e352d0bada6"
+dependencies = [
+ "libc",
+ "redox_users",
+ "winapi",
+]
+
+[[package]]
+name = "enumflags2"
+version = "0.7.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e75d4cd21b95383444831539909fbb14b9dc3fdceb2a6f5d36577329a1f55ccb"
+dependencies = [
+ "enumflags2_derive",
+ "serde",
+]
+
+[[package]]
+name = "enumflags2_derive"
+version = "0.7.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f58dc3c5e468259f19f2d46304a6b28f1c3d034442e14b322d2b850e36f6d5ae"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "errno"
+version = "0.2.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f639046355ee4f37944e44f60642c6f3a7efa3cf6b78c78a0d989a8ce6c396a1"
+dependencies = [
+ "errno-dragonfly",
+ "libc",
+ "winapi",
+]
+
+[[package]]
+name = "errno-dragonfly"
+version = "0.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "aa68f1b12764fab894d2755d2518754e71b4fd80ecfb822714a1206c2aab39bf"
+dependencies = [
+ "cc",
+ "libc",
+]
+
+[[package]]
+name = "event-listener"
+version = "2.5.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0206175f82b8d6bf6652ff7d71a1e27fd2e4efde587fd368662814d6ec1d9ce0"
+
+[[package]]
+name = "fastrand"
+version = "1.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e51093e27b0797c359783294ca4f0a911c270184cb10f85783b118614a1501be"
+dependencies = [
+ "instant",
+]
+
+[[package]]
+name = "field-offset"
+version = "0.3.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a3cf3a800ff6e860c863ca6d4b16fd999db8b752819c1606884047b73e468535"
+dependencies = [
+ "memoffset 0.8.0",
+ "rustc_version",
+]
+
+[[package]]
+name = "futures"
+version = "0.3.26"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "13e2792b0ff0340399d58445b88fd9770e3489eff258a4cbc1523418f12abf84"
+dependencies = [
+ "futures-channel",
+ "futures-core",
+ "futures-executor",
+ "futures-io",
+ "futures-sink",
+ "futures-task",
+ "futures-util",
+]
+
+[[package]]
+name = "futures-channel"
+version = "0.3.26"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2e5317663a9089767a1ec00a487df42e0ca174b61b4483213ac24448e4664df5"
+dependencies = [
+ "futures-core",
+ "futures-sink",
+]
+
+[[package]]
+name = "futures-core"
+version = "0.3.26"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ec90ff4d0fe1f57d600049061dc6bb68ed03c7d2fbd697274c41805dcb3f8608"
+
+[[package]]
+name = "futures-executor"
+version = "0.3.26"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e8de0a35a6ab97ec8869e32a2473f4b1324459e14c29275d14b10cb1fd19b50e"
+dependencies = [
+ "futures-core",
+ "futures-task",
+ "futures-util",
+]
+
+[[package]]
+name = "futures-io"
+version = "0.3.26"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bfb8371b6fb2aeb2d280374607aeabfc99d95c72edfe51692e42d3d7f0d08531"
+
+[[package]]
+name = "futures-lite"
+version = "1.12.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7694489acd39452c77daa48516b894c153f192c3578d5a839b62c58099fcbf48"
+dependencies = [
+ "fastrand",
+ "futures-core",
+ "futures-io",
+ "memchr",
+ "parking",
+ "pin-project-lite",
+ "waker-fn",
+]
+
+[[package]]
+name = "futures-macro"
+version = "0.3.26"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "95a73af87da33b5acf53acfebdc339fe592ecf5357ac7c0a7734ab9d8c876a70"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "futures-sink"
+version = "0.3.26"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f310820bb3e8cfd46c80db4d7fb8353e15dfff853a127158425f31e0be6c8364"
+
+[[package]]
+name = "futures-task"
+version = "0.3.26"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dcf79a1bf610b10f42aea489289c5a2c478a786509693b80cd39c44ccd936366"
+
+[[package]]
+name = "futures-util"
+version = "0.3.26"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9c1d6de3acfef38d2be4b1f543f553131788603495be83da675e180c8d6b7bd1"
+dependencies = [
+ "futures-channel",
+ "futures-core",
+ "futures-io",
+ "futures-macro",
+ "futures-sink",
+ "futures-task",
+ "memchr",
+ "pin-project-lite",
+ "pin-utils",
+ "slab",
+]
+
+[[package]]
+name = "gdk"
+version = "0.17.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "be1df5ea52cccd7e3a0897338b5564968274b52f5fd12601e0afa44f454c74d3"
+dependencies = [
+ "bitflags",
+ "cairo-rs",
+ "gdk-pixbuf",
+ "gdk-sys",
+ "gio",
+ "glib",
+ "libc",
+ "pango",
+]
+
+[[package]]
+name = "gdk-pixbuf"
+version = "0.17.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b023fbe0c6b407bd3d9805d107d9800da3829dc5a676653210f1d5f16d7f59bf"
+dependencies = [
+ "bitflags",
+ "gdk-pixbuf-sys",
+ "gio",
+ "glib",
+ "libc",
+ "once_cell",
+]
+
+[[package]]
+name = "gdk-pixbuf-sys"
+version = "0.17.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7b41bd2b44ed49d99277d3925652a163038bd5ed943ec9809338ffb2f4391e3b"
+dependencies = [
+ "gio-sys",
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "system-deps",
+]
+
+[[package]]
+name = "gdk-sys"
+version = "0.17.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2152de9d38bc67a17b3fe49dc0823af5bf874df59ea088c5f28f31cf103de703"
+dependencies = [
+ "cairo-sys-rs",
+ "gdk-pixbuf-sys",
+ "gio-sys",
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "pango-sys",
+ "pkg-config",
+ "system-deps",
+]
+
+[[package]]
+name = "generic-array"
+version = "0.14.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bff49e947297f3312447abdca79f45f4738097cc82b06e72054d2223f601f1b9"
+dependencies = [
+ "typenum",
+ "version_check",
+]
+
+[[package]]
+name = "getrandom"
+version = "0.2.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c05aeb6a22b8f62540c194aac980f2115af067bfe15a0734d7277a768d396b31"
+dependencies = [
+ "cfg-if",
+ "libc",
+ "wasi 0.11.0+wasi-snapshot-preview1",
+]
+
+[[package]]
+name = "gio"
+version = "0.17.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2261a3b4e922ec676d1c27ac466218c38cf5dcb49a759129e54bb5046e442125"
+dependencies = [
+ "bitflags",
+ "futures-channel",
+ "futures-core",
+ "futures-io",
+ "futures-util",
+ "gio-sys",
+ "glib",
+ "libc",
+ "once_cell",
+ "pin-project-lite",
+ "smallvec",
+ "thiserror",
+]
+
+[[package]]
+name = "gio-sys"
+version = "0.17.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6b1d43b0d7968b48455244ecafe41192871257f5740aa6b095eb19db78e362a5"
+dependencies = [
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "system-deps",
+ "winapi",
+]
+
+[[package]]
+name = "glib"
+version = "0.17.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6cbc688e6c33f2fd89d83864a9e6caaaef83b5f608922b99ac184e436d15b623"
+dependencies = [
+ "bitflags",
+ "futures-channel",
+ "futures-core",
+ "futures-executor",
+ "futures-task",
+ "futures-util",
+ "gio-sys",
+ "glib-macros",
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "memchr",
+ "once_cell",
+ "smallvec",
+ "thiserror",
+]
+
+[[package]]
+name = "glib-macros"
+version = "0.17.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "726f25f054ce331f0d971a82a6a85eb4955074d6afbe479e42a63ae9f15f6ac4"
+dependencies = [
+ "anyhow",
+ "heck",
+ "proc-macro-crate",
+ "proc-macro-error",
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "glib-sys"
+version = "0.17.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "49f00ad0a1bf548e61adfff15d83430941d9e1bb620e334f779edd1c745680a5"
+dependencies = [
+ "libc",
+ "system-deps",
+]
+
+[[package]]
+name = "gobject-sys"
+version = "0.17.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "15e75b0000a64632b2d8ca3cf856af9308e3a970844f6e9659bd197f026793d0"
+dependencies = [
+ "glib-sys",
+ "libc",
+ "system-deps",
+]
+
+[[package]]
+name = "gtk"
+version = "0.17.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b6c4222ab92b08d4d0bab90ddb6185b4e575ceeea8b8cdf00b938d7b6661d966"
+dependencies = [
+ "atk",
+ "bitflags",
+ "cairo-rs",
+ "field-offset",
+ "futures-channel",
+ "gdk",
+ "gdk-pixbuf",
+ "gio",
+ "glib",
+ "gtk-sys",
+ "gtk3-macros",
+ "libc",
+ "once_cell",
+ "pango",
+ "pkg-config",
+]
+
+[[package]]
+name = "gtk-sys"
+version = "0.17.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4d8eb6a4b93e5a7e6980f7348d08c1cd93d31fae07cf97f20678c5ec41de3d7e"
+dependencies = [
+ "atk-sys",
+ "cairo-sys-rs",
+ "gdk-pixbuf-sys",
+ "gdk-sys",
+ "gio-sys",
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "pango-sys",
+ "system-deps",
+]
+
+[[package]]
+name = "gtk3-macros"
+version = "0.17.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3efb84d682c9a39c10bd9f24f5a4b9c15cc8c7edc45c19cb2ca2c4fc38b2d95e"
+dependencies = [
+ "anyhow",
+ "proc-macro-crate",
+ "proc-macro-error",
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "hashbrown"
+version = "0.12.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8a9ee70c43aaf417c914396645a0fa852624801b24ebb7ae78fe8272889ac888"
+
+[[package]]
+name = "heck"
+version = "0.4.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "95505c38b4572b2d910cecb0281560f54b440a19336cbbcb27bf6ce6adc6f5a8"
+
+[[package]]
+name = "hermit-abi"
+version = "0.2.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ee512640fe35acbfb4bb779db6f0d80704c2cacfa2e39b601ef3e3f47d1ae4c7"
+dependencies = [
+ "libc",
+]
+
+[[package]]
+name = "hex"
+version = "0.4.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7f24254aa9a54b5c858eaee2f5bccdb46aaf0e486a595ed5fd8f86ba55232a70"
+
+[[package]]
+name = "iana-time-zone"
+version = "0.1.53"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "64c122667b287044802d6ce17ee2ddf13207ed924c712de9a66a5814d5b64765"
+dependencies = [
+ "android_system_properties",
+ "core-foundation-sys",
+ "iana-time-zone-haiku",
+ "js-sys",
+ "wasm-bindgen",
+ "winapi",
+]
+
+[[package]]
+name = "iana-time-zone-haiku"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0703ae284fc167426161c2e3f1da3ea71d94b21bedbcc9494e92b28e334e3dca"
+dependencies = [
+ "cxx",
+ "cxx-build",
+]
+
+[[package]]
+name = "indexmap"
+version = "1.9.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1885e79c1fc4b10f0e172c475f458b7f7b93061064d98c3293e98c5ba0c8b399"
+dependencies = [
+ "autocfg",
+ "hashbrown",
+]
+
+[[package]]
+name = "instant"
+version = "0.1.12"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7a5bbe824c507c5da5956355e86a746d82e0e1464f65d862cc5e71da70e94b2c"
+dependencies = [
+ "cfg-if",
+]
+
+[[package]]
+name = "io-lifetimes"
+version = "1.0.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1abeb7a0dd0f8181267ff8adc397075586500b81b28a73e8a0208b00fc170fb3"
+dependencies = [
+ "libc",
+ "windows-sys 0.45.0",
+]
+
+[[package]]
+name = "itoa"
+version = "1.0.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "453ad9f582a441959e5f0d088b02ce04cfe8d51a8eaf077f12ac6d3e94164ca6"
+
+[[package]]
+name = "js-sys"
+version = "0.3.61"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "445dde2150c55e483f3d8416706b97ec8e8237c307e5b7b4b8dd15e6af2a0730"
+dependencies = [
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "libc"
+version = "0.2.139"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "201de327520df007757c1f0adce6e827fe8562fbc28bfd9c15571c66ca1f5f79"
+
+[[package]]
+name = "link-cplusplus"
+version = "1.0.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ecd207c9c713c34f95a097a5b029ac2ce6010530c7b49d7fea24d977dede04f5"
+dependencies = [
+ "cc",
+]
+
+[[package]]
+name = "linux-raw-sys"
+version = "0.1.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f051f77a7c8e6957c0696eac88f26b0117e54f52d3fc682ab19397a8812846a4"
+
+[[package]]
+name = "lock_api"
+version = "0.4.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "435011366fe56583b16cf956f9df0095b405b82d76425bc8981c0e22e60ec4df"
+dependencies = [
+ "autocfg",
+ "scopeguard",
+]
+
+[[package]]
+name = "log"
+version = "0.4.17"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "abb12e687cfb44aa40f41fc3978ef76448f9b6038cad6aef4259d3c095a2382e"
+dependencies = [
+ "cfg-if",
+]
+
+[[package]]
+name = "memchr"
+version = "2.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2dffe52ecf27772e601905b7522cb4ef790d2cc203488bbd0e2fe85fcb74566d"
+
+[[package]]
+name = "memoffset"
+version = "0.6.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5aa361d4faea93603064a027415f07bd8e1d5c88c9fbf68bf56a285428fd79ce"
+dependencies = [
+ "autocfg",
+]
+
+[[package]]
+name = "memoffset"
+version = "0.8.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d61c719bcfbcf5d62b3a09efa6088de8c54bc0bfcd3ea7ae39fcc186108b8de1"
+dependencies = [
+ "autocfg",
+]
+
+[[package]]
+name = "mpsc"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c2c804d935cb5028b0503a48a191a9970605304de4dbd0059ebc623e772a821f"
+dependencies = [
+ "crossbeam-queue",
+ "futures",
+ "queue-ext",
+ "std-ext",
+]
+
+[[package]]
+name = "nix"
+version = "0.25.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f346ff70e7dbfd675fe90590b92d59ef2de15a8779ae305ebcbfd3f0caf59be4"
+dependencies = [
+ "autocfg",
+ "bitflags",
+ "cfg-if",
+ "libc",
+ "memoffset 0.6.5",
+ "pin-utils",
+]
+
+[[package]]
+name = "nohash-hasher"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2bf50223579dc7cdcfb3bfcacf7069ff68243f8c363f62ffa99cf000a6b9c451"
+
+[[package]]
+name = "notify-receive"
+version = "0.1.0"
+dependencies = [
+ "anyhow",
+ "chrono",
+ "gtk",
+ "mpsc",
+ "nohash-hasher",
+ "serde",
+ "serde_json",
+ "tokio",
+ "unix-named-pipe",
+ "zbus",
+]
+
+[[package]]
+name = "num-integer"
+version = "0.1.45"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "225d3389fb3509a24c93f5c29eb6bde2586b98d9f016636dff58d7c6f7569cd9"
+dependencies = [
+ "autocfg",
+ "num-traits",
+]
+
+[[package]]
+name = "num-traits"
+version = "0.2.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "578ede34cf02f8924ab9447f50c28075b4d3e5b269972345e7e0372b38c6cdcd"
+dependencies = [
+ "autocfg",
+]
+
+[[package]]
+name = "num_cpus"
+version = "1.15.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0fac9e2da13b5eb447a6ce3d392f23a29d8694bff781bf03a16cd9ac8697593b"
+dependencies = [
+ "hermit-abi",
+ "libc",
+]
+
+[[package]]
+name = "once_cell"
+version = "1.17.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b7e5500299e16ebb147ae15a00a942af264cf3688f47923b8fc2cd5858f23ad3"
+
+[[package]]
+name = "ordered-stream"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9aa2b01e1d916879f73a53d01d1d6cee68adbb31d6d9177a8cfce093cced1d50"
+dependencies = [
+ "futures-core",
+ "pin-project-lite",
+]
+
+[[package]]
+name = "pango"
+version = "0.17.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "52c280b82a881e4208afb3359a8e7fde27a1b272280981f1f34610bed5770d37"
+dependencies = [
+ "bitflags",
+ "gio",
+ "glib",
+ "libc",
+ "once_cell",
+ "pango-sys",
+]
+
+[[package]]
+name = "pango-sys"
+version = "0.17.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4293d0f0b5525eb5c24734d30b0ed02cd02aa734f216883f376b54de49625de8"
+dependencies = [
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "system-deps",
+]
+
+[[package]]
+name = "parking"
+version = "2.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "427c3892f9e783d91cc128285287e70a59e206ca452770ece88a76f7a3eddd72"
+
+[[package]]
+name = "parking_lot"
+version = "0.12.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3742b2c103b9f06bc9fff0a37ff4912935851bee6d36f3c02bcc755bcfec228f"
+dependencies = [
+ "lock_api",
+ "parking_lot_core",
+]
+
+[[package]]
+name = "parking_lot_core"
+version = "0.9.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9069cbb9f99e3a5083476ccb29ceb1de18b9118cafa53e90c9551235de2b9521"
+dependencies = [
+ "cfg-if",
+ "libc",
+ "redox_syscall",
+ "smallvec",
+ "windows-sys 0.45.0",
+]
+
+[[package]]
+name = "pin-project"
+version = "1.0.12"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ad29a609b6bcd67fee905812e544992d216af9d755757c05ed2d0e15a74c6ecc"
+dependencies = [
+ "pin-project-internal",
+]
+
+[[package]]
+name = "pin-project-internal"
+version = "1.0.12"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "069bdb1e05adc7a8990dce9cc75370895fbe4e3d58b9b73bf1aee56359344a55"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "pin-project-lite"
+version = "0.2.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e0a7ae3ac2f1173085d398531c705756c94a4c56843785df85a60c1a0afac116"
+
+[[package]]
+name = "pin-utils"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8b870d8c151b6f2fb93e84a13146138f05d02ed11c7e7c54f8826aaaf7c9f184"
+
+[[package]]
+name = "pkg-config"
+version = "0.3.26"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6ac9a59f73473f1b8d852421e59e64809f025994837ef743615c6d0c5b305160"
+
+[[package]]
+name = "polling"
+version = "2.5.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "22122d5ec4f9fe1b3916419b76be1e80bcb93f618d071d2edf841b137b2a2bd6"
+dependencies = [
+ "autocfg",
+ "cfg-if",
+ "libc",
+ "log",
+ "wepoll-ffi",
+ "windows-sys 0.42.0",
+]
+
+[[package]]
+name = "ppv-lite86"
+version = "0.2.17"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5b40af805b3121feab8a3c29f04d8ad262fa8e0561883e7653e024ae4479e6de"
+
+[[package]]
+name = "proc-macro-crate"
+version = "1.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7f4c021e1093a56626774e81216a4ce732a735e5bad4868a03f3ed65ca0c3919"
+dependencies = [
+ "once_cell",
+ "toml_edit",
+]
+
+[[package]]
+name = "proc-macro-error"
+version = "1.0.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "da25490ff9892aab3fcf7c36f08cfb902dd3e71ca0f9f9517bea02a73a5ce38c"
+dependencies = [
+ "proc-macro-error-attr",
+ "proc-macro2",
+ "quote",
+ "syn",
+ "version_check",
+]
+
+[[package]]
+name = "proc-macro-error-attr"
+version = "1.0.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a1be40180e52ecc98ad80b184934baf3d0d29f979574e439af5a55274b35f869"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "version_check",
+]
+
+[[package]]
+name = "proc-macro2"
+version = "1.0.51"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5d727cae5b39d21da60fa540906919ad737832fe0b1c165da3a34d6548c849d6"
+dependencies = [
+ "unicode-ident",
+]
+
+[[package]]
+name = "queue-ext"
+version = "0.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c22b7c1be684cc8777945302f2d6cc9bdf232e385ee7cfec571b7fbcfb7f9f11"
+dependencies = [
+ "futures",
+ "log",
+ "pin-project",
+ "pin-project-lite",
+]
+
+[[package]]
+name = "quote"
+version = "1.0.23"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8856d8364d252a14d474036ea1358d63c9e6965c8e5c1885c18f73d70bff9c7b"
+dependencies = [
+ "proc-macro2",
+]
+
+[[package]]
+name = "rand"
+version = "0.8.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "34af8d1a0e25924bc5b7c43c079c942339d8f0a8b57c39049bef581b46327404"
+dependencies = [
+ "libc",
+ "rand_chacha",
+ "rand_core",
+]
+
+[[package]]
+name = "rand_chacha"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e6c10a63a0fa32252be49d21e7709d4d4baf8d231c2dbce1eaa8141b9b127d88"
+dependencies = [
+ "ppv-lite86",
+ "rand_core",
+]
+
+[[package]]
+name = "rand_core"
+version = "0.6.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ec0be4795e2f6a28069bec0b5ff3e2ac9bafc99e6a9a7dc3547996c5c816922c"
+dependencies = [
+ "getrandom",
+]
+
+[[package]]
+name = "redox_syscall"
+version = "0.2.16"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fb5a58c1855b4b6819d59012155603f0b22ad30cad752600aadfcb695265519a"
+dependencies = [
+ "bitflags",
+]
+
+[[package]]
+name = "redox_users"
+version = "0.4.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b033d837a7cf162d7993aded9304e30a83213c648b6e389db233191f891e5c2b"
+dependencies = [
+ "getrandom",
+ "redox_syscall",
+ "thiserror",
+]
+
+[[package]]
+name = "regex"
+version = "1.7.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "48aaa5748ba571fb95cd2c85c09f629215d3a6ece942baa100950af03a34f733"
+dependencies = [
+ "aho-corasick",
+ "memchr",
+ "regex-syntax",
+]
+
+[[package]]
+name = "regex-syntax"
+version = "0.6.28"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "456c603be3e8d448b072f410900c09faf164fbce2d480456f50eea6e25f9c848"
+
+[[package]]
+name = "rustc_version"
+version = "0.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bfa0f585226d2e68097d4f95d113b15b83a82e819ab25717ec0590d9584ef366"
+dependencies = [
+ "semver",
+]
+
+[[package]]
+name = "rustix"
+version = "0.36.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fd5c6ff11fecd55b40746d1995a02f2eb375bf8c00d192d521ee09f42bef37bc"
+dependencies = [
+ "bitflags",
+ "errno",
+ "io-lifetimes",
+ "libc",
+ "linux-raw-sys",
+ "windows-sys 0.45.0",
+]
+
+[[package]]
+name = "ryu"
+version = "1.0.13"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f91339c0467de62360649f8d3e185ca8de4224ff281f66000de5eb2a77a79041"
+
+[[package]]
+name = "scopeguard"
+version = "1.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d29ab0c6d3fc0ee92fe66e2d99f700eab17a8d57d1c1d3b748380fb20baa78cd"
+
+[[package]]
+name = "scratch"
+version = "1.0.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5d5e082f6ea090deaf0e6dd04b68360fd5cddb152af6ce8927c9d25db299f98c"
+
+[[package]]
+name = "semver"
+version = "1.0.17"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bebd363326d05ec3e2f532ab7660680f3b02130d780c299bca73469d521bc0ed"
+
+[[package]]
+name = "serde"
+version = "1.0.152"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bb7d1f0d3021d347a83e556fc4683dea2ea09d87bccdf88ff5c12545d89d5efb"
+dependencies = [
+ "serde_derive",
+]
+
+[[package]]
+name = "serde_derive"
+version = "1.0.152"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "af487d118eecd09402d70a5d72551860e788df87b464af30e5ea6a38c75c541e"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "serde_json"
+version = "1.0.93"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cad406b69c91885b5107daf2c29572f6c8cdb3c66826821e286c533490c0bc76"
+dependencies = [
+ "itoa",
+ "ryu",
+ "serde",
+]
+
+[[package]]
+name = "serde_repr"
+version = "0.1.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9a5ec9fa74a20ebbe5d9ac23dac1fc96ba0ecfe9f50f2843b52e537b10fbcb4e"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "serde_spanned"
+version = "0.6.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0efd8caf556a6cebd3b285caf480045fcc1ac04f6bd786b09a6f11af30c4fcf4"
+dependencies = [
+ "serde",
+]
+
+[[package]]
+name = "sha1"
+version = "0.10.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f04293dc80c3993519f2d7f6f511707ee7094fe0c6d3406feb330cdb3540eba3"
+dependencies = [
+ "cfg-if",
+ "cpufeatures",
+ "digest",
+]
+
+[[package]]
+name = "slab"
+version = "0.4.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6528351c9bc8ab22353f9d776db39a20288e8d6c37ef8cfe3317cf875eecfc2d"
+dependencies = [
+ "autocfg",
+]
+
+[[package]]
+name = "smallvec"
+version = "1.10.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a507befe795404456341dfab10cef66ead4c041f62b8b11bbb92bffe5d0953e0"
+
+[[package]]
+name = "socket2"
+version = "0.4.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "64a4a911eed85daf18834cfaa86a79b7d266ff93ff5ba14005426219480ed662"
+dependencies = [
+ "libc",
+ "winapi",
+]
+
+[[package]]
+name = "static_assertions"
+version = "1.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a2eb9349b6444b326872e140eb1cf5e7c522154d69e7a0ffb0fb81c06b37543f"
+
+[[package]]
+name = "std-ext"
+version = "0.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0f55c6c4c110245dcf89455bcf32a8641ccca59164e67ec8999cb1bf31c42c69"
+dependencies = [
+ "async-lock",
+ "parking_lot",
+]
+
+[[package]]
+name = "syn"
+version = "1.0.109"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "72b64191b275b66ffe2469e8af2c1cfe3bafa67b529ead792a6d0160888b4237"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "unicode-ident",
+]
+
+[[package]]
+name = "system-deps"
+version = "6.0.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "555fc8147af6256f3931a36bb83ad0023240ce9cf2b319dec8236fd1f220b05f"
+dependencies = [
+ "cfg-expr",
+ "heck",
+ "pkg-config",
+ "toml",
+ "version-compare",
+]
+
+[[package]]
+name = "tempfile"
+version = "3.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "af18f7ae1acd354b992402e9ec5864359d693cd8a79dcbef59f76891701c1e95"
+dependencies = [
+ "cfg-if",
+ "fastrand",
+ "redox_syscall",
+ "rustix",
+ "windows-sys 0.42.0",
+]
+
+[[package]]
+name = "termcolor"
+version = "1.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "be55cf8942feac5c765c2c993422806843c9a9a45d4d5c407ad6dd2ea95eb9b6"
+dependencies = [
+ "winapi-util",
+]
+
+[[package]]
+name = "thiserror"
+version = "1.0.38"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6a9cd18aa97d5c45c6603caea1da6628790b37f7a34b6ca89522331c5180fed0"
+dependencies = [
+ "thiserror-impl",
+]
+
+[[package]]
+name = "thiserror-impl"
+version = "1.0.38"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1fb327af4685e4d03fa8cbcf1716380da910eeb2bb8be417e7f9fd3fb164f36f"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "time"
+version = "0.1.45"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1b797afad3f312d1c66a56d11d0316f916356d11bd158fbc6ca6389ff6bf805a"
+dependencies = [
+ "libc",
+ "wasi 0.10.0+wasi-snapshot-preview1",
+ "winapi",
+]
+
+[[package]]
+name = "tokio"
+version = "1.26.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "03201d01c3c27a29c8a5cee5b55a93ddae1ccf6f08f65365c2c918f8c1b76f64"
+dependencies = [
+ "autocfg",
+ "num_cpus",
+ "pin-project-lite",
+ "tokio-macros",
+ "windows-sys 0.45.0",
+]
+
+[[package]]
+name = "tokio-macros"
+version = "1.8.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d266c00fde287f55d3f1c3e96c500c362a2b8c695076ec180f27918820bc6df8"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "toml"
+version = "0.7.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b403acf6f2bb0859c93c7f0d967cb4a75a7ac552100f9322faf64dc047669b21"
+dependencies = [
+ "serde",
+ "serde_spanned",
+ "toml_datetime",
+ "toml_edit",
+]
+
+[[package]]
+name = "toml_datetime"
+version = "0.6.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3ab8ed2edee10b50132aed5f331333428b011c99402b5a534154ed15746f9622"
+dependencies = [
+ "serde",
+]
+
+[[package]]
+name = "toml_edit"
+version = "0.19.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "239410c8609e8125456927e6707163a3b1fdb40561e4b803bc041f466ccfdc13"
+dependencies = [
+ "indexmap",
+ "serde",
+ "serde_spanned",
+ "toml_datetime",
+ "winnow",
+]
+
+[[package]]
+name = "tracing"
+version = "0.1.37"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8ce8c33a8d48bd45d624a6e523445fd21ec13d3653cd51f681abf67418f54eb8"
+dependencies = [
+ "cfg-if",
+ "pin-project-lite",
+ "tracing-attributes",
+ "tracing-core",
+]
+
+[[package]]
+name = "tracing-attributes"
+version = "0.1.23"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4017f8f45139870ca7e672686113917c71c7a6e02d4924eda67186083c03081a"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "tracing-core"
+version = "0.1.30"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "24eb03ba0eab1fd845050058ce5e616558e8f8d8fca633e6b163fe25c797213a"
+dependencies = [
+ "once_cell",
+]
+
+[[package]]
+name = "typenum"
+version = "1.16.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "497961ef93d974e23eb6f433eb5fe1b7930b659f06d12dec6fc44a8f554c0bba"
+
+[[package]]
+name = "uds_windows"
+version = "1.0.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ce65604324d3cce9b966701489fbd0cf318cb1f7bd9dd07ac9a4ee6fb791930d"
+dependencies = [
+ "tempfile",
+ "winapi",
+]
+
+[[package]]
+name = "unicode-ident"
+version = "1.0.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "775c11906edafc97bc378816b94585fbd9a054eabaf86fdd0ced94af449efab7"
+
+[[package]]
+name = "unicode-width"
+version = "0.1.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c0edd1e5b14653f783770bce4a4dabb4a5108a5370a5f5d8cfe8710c361f6c8b"
+
+[[package]]
+name = "unix-named-pipe"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6ad653da8f36ac5825ba06642b5a3cce14a4e52c6a5fab4a8928d53f4426dae2"
+dependencies = [
+ "errno",
+ "libc",
+]
+
+[[package]]
+name = "version-compare"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "579a42fc0b8e0c63b76519a339be31bed574929511fa53c1a3acae26eb258f29"
+
+[[package]]
+name = "version_check"
+version = "0.9.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "49874b5167b65d7193b8aba1567f5c7d93d001cafc34600cee003eda787e483f"
+
+[[package]]
+name = "waker-fn"
+version = "1.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9d5b2c62b4012a3e1eca5a7e077d13b3bf498c4073e33ccd58626607748ceeca"
+
+[[package]]
+name = "wasi"
+version = "0.10.0+wasi-snapshot-preview1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1a143597ca7c7793eff794def352d41792a93c481eb1042423ff7ff72ba2c31f"
+
+[[package]]
+name = "wasi"
+version = "0.11.0+wasi-snapshot-preview1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9c8d87e72b64a3b4db28d11ce29237c246188f4f51057d65a7eab63b7987e423"
+
+[[package]]
+name = "wasm-bindgen"
+version = "0.2.84"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "31f8dcbc21f30d9b8f2ea926ecb58f6b91192c17e9d33594b3df58b2007ca53b"
+dependencies = [
+ "cfg-if",
+ "wasm-bindgen-macro",
+]
+
+[[package]]
+name = "wasm-bindgen-backend"
+version = "0.2.84"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "95ce90fd5bcc06af55a641a86428ee4229e44e07033963a2290a8e241607ccb9"
+dependencies = [
+ "bumpalo",
+ "log",
+ "once_cell",
+ "proc-macro2",
+ "quote",
+ "syn",
+ "wasm-bindgen-shared",
+]
+
+[[package]]
+name = "wasm-bindgen-macro"
+version = "0.2.84"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4c21f77c0bedc37fd5dc21f897894a5ca01e7bb159884559461862ae90c0b4c5"
+dependencies = [
+ "quote",
+ "wasm-bindgen-macro-support",
+]
+
+[[package]]
+name = "wasm-bindgen-macro-support"
+version = "0.2.84"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2aff81306fcac3c7515ad4e177f521b5c9a15f2b08f4e32d823066102f35a5f6"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+ "wasm-bindgen-backend",
+ "wasm-bindgen-shared",
+]
+
+[[package]]
+name = "wasm-bindgen-shared"
+version = "0.2.84"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0046fef7e28c3804e5e38bfa31ea2a0f73905319b677e57ebe37e49358989b5d"
+
+[[package]]
+name = "wepoll-ffi"
+version = "0.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d743fdedc5c64377b5fc2bc036b01c7fd642205a0d96356034ae3404d49eb7fb"
+dependencies = [
+ "cc",
+]
+
+[[package]]
+name = "winapi"
+version = "0.3.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5c839a674fcd7a98952e593242ea400abe93992746761e38641405d28b00f419"
+dependencies = [
+ "winapi-i686-pc-windows-gnu",
+ "winapi-x86_64-pc-windows-gnu",
+]
+
+[[package]]
+name = "winapi-i686-pc-windows-gnu"
+version = "0.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ac3b87c63620426dd9b991e5ce0329eff545bccbbb34f3be09ff6fb6ab51b7b6"
+
+[[package]]
+name = "winapi-util"
+version = "0.1.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "70ec6ce85bb158151cae5e5c87f95a8e97d2c0c4b001223f33a334e3ce5de178"
+dependencies = [
+ "winapi",
+]
+
+[[package]]
+name = "winapi-x86_64-pc-windows-gnu"
+version = "0.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "712e227841d057c1ee1cd2fb22fa7e5a5461ae8e48fa2ca79ec42cfc1931183f"
+
+[[package]]
+name = "windows-sys"
+version = "0.42.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5a3e1820f08b8513f676f7ab6c1f99ff312fb97b553d30ff4dd86f9f15728aa7"
+dependencies = [
+ "windows_aarch64_gnullvm",
+ "windows_aarch64_msvc",
+ "windows_i686_gnu",
+ "windows_i686_msvc",
+ "windows_x86_64_gnu",
+ "windows_x86_64_gnullvm",
+ "windows_x86_64_msvc",
+]
+
+[[package]]
+name = "windows-sys"
+version = "0.45.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "75283be5efb2831d37ea142365f009c02ec203cd29a3ebecbc093d52315b66d0"
+dependencies = [
+ "windows-targets",
+]
+
+[[package]]
+name = "windows-targets"
+version = "0.42.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8e2522491fbfcd58cc84d47aeb2958948c4b8982e9a2d8a2a35bbaed431390e7"
+dependencies = [
+ "windows_aarch64_gnullvm",
+ "windows_aarch64_msvc",
+ "windows_i686_gnu",
+ "windows_i686_msvc",
+ "windows_x86_64_gnu",
+ "windows_x86_64_gnullvm",
+ "windows_x86_64_msvc",
+]
+
+[[package]]
+name = "windows_aarch64_gnullvm"
+version = "0.42.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8c9864e83243fdec7fc9c5444389dcbbfd258f745e7853198f365e3c4968a608"
+
+[[package]]
+name = "windows_aarch64_msvc"
+version = "0.42.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4c8b1b673ffc16c47a9ff48570a9d85e25d265735c503681332589af6253c6c7"
+
+[[package]]
+name = "windows_i686_gnu"
+version = "0.42.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "de3887528ad530ba7bdbb1faa8275ec7a1155a45ffa57c37993960277145d640"
+
+[[package]]
+name = "windows_i686_msvc"
+version = "0.42.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bf4d1122317eddd6ff351aa852118a2418ad4214e6613a50e0191f7004372605"
+
+[[package]]
+name = "windows_x86_64_gnu"
+version = "0.42.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c1040f221285e17ebccbc2591ffdc2d44ee1f9186324dd3e84e99ac68d699c45"
+
+[[package]]
+name = "windows_x86_64_gnullvm"
+version = "0.42.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "628bfdf232daa22b0d64fdb62b09fcc36bb01f05a3939e20ab73aaf9470d0463"
+
+[[package]]
+name = "windows_x86_64_msvc"
+version = "0.42.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "447660ad36a13288b1db4d4248e857b510e8c3a225c822ba4fb748c0aafecffd"
+
+[[package]]
+name = "winnow"
+version = "0.4.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ae8970b36c66498d8ff1d66685dc86b91b29db0c7739899012f63a63814b4b28"
+dependencies = [
+ "memchr",
+]
+
+[[package]]
+name = "zbus"
+version = "3.10.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f770930448dd412a4a7131dd968a8e6df0064db4d7916fbbd2d6c3f26b566938"
+dependencies = [
+ "async-broadcast",
+ "async-executor",
+ "async-io",
+ "async-lock",
+ "async-recursion",
+ "async-task",
+ "async-trait",
+ "byteorder",
+ "derivative",
+ "dirs",
+ "enumflags2",
+ "event-listener",
+ "futures-core",
+ "futures-sink",
+ "futures-util",
+ "hex",
+ "nix",
+ "once_cell",
+ "ordered-stream",
+ "rand",
+ "serde",
+ "serde_repr",
+ "sha1",
+ "static_assertions",
+ "tracing",
+ "uds_windows",
+ "winapi",
+ "zbus_macros",
+ "zbus_names",
+ "zvariant",
+]
+
+[[package]]
+name = "zbus_macros"
+version = "3.10.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4832059b438689017db7340580ebabba07f114eab91bf990c6e55052408b40d8"
+dependencies = [
+ "proc-macro-crate",
+ "proc-macro2",
+ "quote",
+ "regex",
+ "syn",
+]
+
+[[package]]
+name = "zbus_names"
+version = "2.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f34f314916bd89bdb9934154627fab152f4f28acdda03e7c4c68181b214fe7e3"
+dependencies = [
+ "serde",
+ "static_assertions",
+ "zvariant",
+]
+
+[[package]]
+name = "zvariant"
+version = "3.11.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "903169c05b9ab948ee93fefc9127d08930df4ce031d46c980784274439803e51"
+dependencies = [
+ "byteorder",
+ "enumflags2",
+ "libc",
+ "serde",
+ "static_assertions",
+ "zvariant_derive",
+]
+
+[[package]]
+name = "zvariant_derive"
+version = "3.11.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cce76636e8fab7911be67211cf378c252b115ee7f2bae14b18b84821b39260b5"
+dependencies = [
+ "proc-macro-crate",
+ "proc-macro2",
+ "quote",
+ "syn",
+]
diff --git a/m3ww/Projects/notify-receive/Cargo.toml b/m3ww/Projects/notify-receive/Cargo.toml
new file mode 100644
index 000000000..c4748549b
--- /dev/null
+++ b/m3ww/Projects/notify-receive/Cargo.toml
@@ -0,0 +1,18 @@
+[package]
+name = "notify-receive"
+version = "0.1.0"
+edition = "2021"
+
+# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
+
+[dependencies]
+anyhow = "1.0.69"
+chrono = "0.4.23"
+gtk = "0.17.1"
+mpsc = "0.1.0"
+nohash-hasher = "0.2.0"
+serde = {version = "1.0.152", features = ["derive"]}
+serde_json = "1.0.93"
+tokio = { version = "1.26.0", features = ["rt-multi-thread", "macros", "sync", "time"] }
+unix-named-pipe = "0.2.0"
+zbus = "3.10.0"
diff --git a/m3ww/Projects/notify-receive/src/dbus.rs b/m3ww/Projects/notify-receive/src/dbus.rs
new file mode 100644
index 000000000..6b1366c06
--- /dev/null
+++ b/m3ww/Projects/notify-receive/src/dbus.rs
@@ -0,0 +1,144 @@
+use super::NotificationArc;
+use chrono::Local;
+use std::process::Command;
+use std::path::Path;
+use gtk::{prelude::IconThemeExt, IconLookupFlags, IconTheme};
+use std::collections::HashMap;
+use zbus::zvariant::Value;
+use zbus::{dbus_interface, Connection};
+
+use crate::Notification;
+
+const CAPABILITIES: [&str; 6] = [
+    "icons",
+    "actions",
+    "body",
+    "body-images",
+    "action-icons",
+    "persistence",
+];
+
+const SERVER_INFORMATION: (&str, &str, &str, &str) =
+    ("notify-receive", "neoney.dev", "0.0.1", "1.0");
+
+const NAME: &str = "org.freedesktop.Notifications";
+const PATH: &str = "/org/freedesktop/Notifications";
+
+struct NotificationServer {
+    notifications: NotificationArc,
+    biggest_id: u32,
+}
+
+impl NotificationServer {
+    fn new(notifications: NotificationArc) -> Self {
+        NotificationServer {
+            notifications,
+            biggest_id: 0,
+        }
+    }
+}
+
+#[dbus_interface(name = "org.freedesktop.Notifications")]
+impl NotificationServer {
+    async fn notify(
+        &mut self,
+        app_name: String,
+        replaces_id: u32,
+        app_icon: String,
+        summary: String,
+        body: String,
+        actions: Vec<String>,
+        hints: HashMap<String, Value<'_>>,
+        expire_timeout: i32,
+    ) -> u32 {
+        gtk::init().expect("Failed to initialize GTK");
+
+        let dt = Local::now();
+        let time = dt.time().format("%H:%M").to_string();
+
+        let changed_id = if replaces_id != 0 {
+            replaces_id
+        } else {
+            self.biggest_id += 1;
+            self.biggest_id
+        };
+
+        let icon = match app_icon.as_str() {
+            "" => "".to_string(),
+            app_icon => {
+                let icon_theme = IconTheme::default().expect("Failed to find icon theme.");
+                let icon = icon_theme.lookup_icon(app_icon, 256, IconLookupFlags::empty());
+
+                icon.map_or(app_icon.to_string(), |icon| {
+                    icon.filename().unwrap().to_string_lossy().to_string()
+                })
+            }
+        };
+
+        let payload = Notification {
+            id: changed_id,
+            app_name,
+            summary,
+            time,
+            body,
+            actions,
+            urgency: hints
+                .get("urgency")
+                .and_then(|v| v.clone().downcast())
+                .unwrap_or_default(),
+            icon,
+            timeout: expire_timeout,
+            visible: true,
+        };
+
+        let mut notifs = self.notifications.lock().await;
+
+        notifs.insert(changed_id, payload);
+
+        let path = Path::new("./scripts/notification-on-receive.sh");
+        if path.exists() {
+            Command::new(path)
+                .spawn()
+                .expect("Failed to execute command");
+        }
+
+        println!(
+            "{}",
+            serde_json::to_string(&notifs.values().collect::<Vec<_>>()).unwrap()
+        );
+
+        changed_id
+    }
+
+    async fn close(&mut self, id: u32) {
+        let mut notifs = self.notifications.lock().await;
+
+        if let Some(notif) = notifs.get_mut(&id) {
+            notif.visible = false;
+        };
+        println!(
+            "{}",
+            serde_json::to_string(&notifs.values().collect::<Vec<_>>()).unwrap()
+        );
+    }
+
+    fn get_capabilities(&self) -> &[&str] {
+        &CAPABILITIES
+    }
+    fn get_server_information(&self) -> (&str, &str, &str, &str) {
+        SERVER_INFORMATION
+    }
+}
+
+pub async fn async_run(notifications: NotificationArc) -> zbus::Result<()> {
+    let connection = Connection::session().await?;
+    let server = NotificationServer::new(notifications);
+
+    connection.object_server().at(PATH, server).await?;
+
+    connection.request_name(NAME).await?;
+
+    loop {
+        std::future::pending::<()>().await;
+    }
+}
diff --git a/m3ww/Projects/notify-receive/src/main.rs b/m3ww/Projects/notify-receive/src/main.rs
new file mode 100644
index 000000000..2fda2a000
--- /dev/null
+++ b/m3ww/Projects/notify-receive/src/main.rs
@@ -0,0 +1,89 @@
+mod dbus;
+
+use std::fs;
+use std::time::Duration;
+use std::{collections::HashMap, hash::BuildHasherDefault, path::Path, sync::Arc};
+
+use std::io::Read;
+use tokio::sync::Mutex;
+
+use anyhow::Result;
+use nohash_hasher::NoHashHasher;
+use zbus::export::serde::Serialize;
+
+use crate::dbus::async_run;
+
+type NotificationArc =
+    Arc<Mutex<HashMap<u32, Notification, BuildHasherDefault<NoHashHasher<u32>>>>>;
+
+#[derive(Serialize)]
+pub struct Notifications<'a> {
+    pub notifications: Vec<&'a Notification>,
+}
+
+#[derive(Debug, Clone, PartialEq, Serialize)]
+pub struct Notification {
+    pub id: u32,
+    pub app_name: String,
+    pub summary: String,
+    pub body: String,
+    pub time: String,
+    pub icon: String,
+    pub timeout: i32,
+    pub urgency: u8,
+    pub actions: Vec<String>,
+    pub visible: bool,
+}
+
+#[derive(Debug, Clone, PartialEq)]
+pub enum Action {
+    Close,
+    Clear,
+    Notify(Notification),
+}
+
+#[tokio::main]
+async fn main() -> Result<()> {
+    let notifications: NotificationArc = Arc::new(Mutex::new(HashMap::with_hasher(
+        BuildHasherDefault::default(),
+    )));
+
+    fs::remove_file(Path::new("/var/run/user/1000/notify-receive.pipe")).ok();
+    unix_named_pipe::create("/var/run/user/1000/notify-receive.pipe", Some(0o644))?;
+
+    let mut reader = unix_named_pipe::open_read("/var/run/user/1000/notify-receive.pipe")?;
+
+    let pipe_notifications = notifications.clone();
+
+    tokio::spawn(async move {
+        let mut interval = tokio::time::interval(Duration::from_millis(100));
+
+        loop {
+            let mut contents = String::new();
+            if reader.read_to_string(&mut contents).is_ok() && !contents.is_empty() {
+                let mut notifs = pipe_notifications.lock().await;
+                for line in contents.lines() {
+                    if line.is_empty() {
+                        continue;
+                    }
+
+                    if let Ok(id) = line.parse::<u32>() {
+                        if let Some(notif) = notifs.get_mut(&id) {
+                            notif.visible = false;
+                        }
+                    }
+                }
+                println!(
+                    "{}",
+                    serde_json::to_string(&notifs.values().collect::<Vec<_>>()).unwrap()
+                );
+            }
+
+            interval.tick().await;
+        }
+    });
+
+    async_run(notifications.clone()).await?;
+
+    Ok(())
+}
diff --git a/novelknock/.config/dunst/dunstrc b/novelknock/.config/dunst/dunstrc
new file mode 100755
index 000000000..bd41b1275
--- /dev/null
+++ b/novelknock/.config/dunst/dunstrc
@@ -0,0 +1,60 @@
+[global]
+monitor = 0
+follow = mouse
+geometry = "280x50-20+90"
+indicate_hidden = no
+shrink = no
+separator_height = 4
+separator_color = yes
+padding = 20
+horizontal_padding = 20
+frame_width = 3
+sort = no
+idle_threshold = 120
+font = Rubik 13
+line_height = 4
+markup = full
+format = "<b>%s</b>\n%b"
+alignment = left
+show_age_threshold = 60
+word_wrap = yes
+ignore_newline = no
+stack_duplicates = false
+hide_duplicate_count = yes
+show_indicators = no
+icon_position = left
+icon_path = "/home/end/.config/eww/images/linageOS Icons/1G.png"
+max_icon_size = 48
+sticky_history = yes
+history_length = 20
+browser = x-www-browser -new-tab
+always_run_script = true
+title = Dunst
+class = Dunst
+corner_radius = 10
+origin = top-right
+offset = 8x69
+
+[shortcuts]
+close = ctrl+shift+space
+close_all = ctrl+shift+space
+history = ctrl+grave
+context = ctrl+shift+period
+
+[urgency_low]
+timeout = 4
+background = "#1A1B2699"
+foreground = "#A4D7F1"
+frame_color = "#A4D7F1"
+
+[urgency_normal]
+timeout = 8
+background = "#1A1B2699"
+foreground = "#A4D7F1"
+frame_color = "#A4D7F1"
+
+[urgency_critical]
+timeout = 0
+background = "#1A1B2699"
+foreground = "#FDDC74"
+frame_color = "#FDDC74"
diff --git a/novelknock/.config/eww/.vscode/c_cpp_properties.json b/novelknock/.config/eww/.vscode/c_cpp_properties.json
new file mode 100755
index 000000000..a2461ad1a
--- /dev/null
+++ b/novelknock/.config/eww/.vscode/c_cpp_properties.json
@@ -0,0 +1,18 @@
+{
+    "configurations": [
+        {
+            "name": "Linux",
+            "includePath": [
+                "${workspaceFolder}/**",
+                "/usr/include/**"
+            ],
+            "defines": [],
+            "compilerPath": "/usr/bin/clang",
+            "cStandard": "c17",
+            "cppStandard": "c++17",
+            "intelliSenseMode": "linux-clang-x64",
+            "configurationProvider": "ms-vscode.makefile-tools",
+        }
+    ],
+    "version": 4
+}
\ No newline at end of file
diff --git a/novelknock/.config/eww/.vscode/extensions.json b/novelknock/.config/eww/.vscode/extensions.json
new file mode 100644
index 000000000..7e257db92
--- /dev/null
+++ b/novelknock/.config/eww/.vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+    "recommendations": []
+}
\ No newline at end of file
diff --git a/novelknock/.config/eww/.vscode/settings.json b/novelknock/.config/eww/.vscode/settings.json
new file mode 100755
index 000000000..c14559957
--- /dev/null
+++ b/novelknock/.config/eww/.vscode/settings.json
@@ -0,0 +1,82 @@
+{
+    "files.associations": {
+        "optional": "cpp",
+        "system_error": "cpp",
+        "fstream": "cpp",
+        "iosfwd": "cpp",
+        "string_view": "cpp",
+        "string": "cpp",
+        "any": "cpp",
+        "array": "cpp",
+        "bit": "cpp",
+        "*.tcc": "cpp",
+        "cctype": "cpp",
+        "clocale": "cpp",
+        "cmath": "cpp",
+        "codecvt": "cpp",
+        "compare": "cpp",
+        "concepts": "cpp",
+        "cstddef": "cpp",
+        "cstdint": "cpp",
+        "cstdio": "cpp",
+        "cstdlib": "cpp",
+        "cstring": "cpp",
+        "ctime": "cpp",
+        "cwchar": "cpp",
+        "cwctype": "cpp",
+        "deque": "cpp",
+        "forward_list": "cpp",
+        "map": "cpp",
+        "unordered_map": "cpp",
+        "vector": "cpp",
+        "exception": "cpp",
+        "functional": "cpp",
+        "initializer_list": "cpp",
+        "iomanip": "cpp",
+        "iostream": "cpp",
+        "istream": "cpp",
+        "limits": "cpp",
+        "memory": "cpp",
+        "new": "cpp",
+        "numbers": "cpp",
+        "numeric": "cpp",
+        "ostream": "cpp",
+        "ranges": "cpp",
+        "ratio": "cpp",
+        "span": "cpp",
+        "sstream": "cpp",
+        "stdexcept": "cpp",
+        "streambuf": "cpp",
+        "type_traits": "cpp",
+        "tuple": "cpp",
+        "typeinfo": "cpp",
+        "utility": "cpp",
+        "valarray": "cpp",
+        "csignal": "cpp",
+        "cstdarg": "cpp",
+        "atomic": "cpp",
+        "bitset": "cpp",
+        "charconv": "cpp",
+        "chrono": "cpp",
+        "condition_variable": "cpp",
+        "list": "cpp",
+        "set": "cpp",
+        "unordered_set": "cpp",
+        "algorithm": "cpp",
+        "iterator": "cpp",
+        "memory_resource": "cpp",
+        "random": "cpp",
+        "regex": "cpp",
+        "source_location": "cpp",
+        "format": "cpp",
+        "mutex": "cpp",
+        "semaphore": "cpp",
+        "shared_mutex": "cpp",
+        "stdfloat": "cpp",
+        "stop_token": "cpp",
+        "thread": "cpp",
+        "cinttypes": "cpp",
+        "variant": "cpp",
+        "filesystem": "cpp"
+    }
+}
\ No newline at end of file
diff --git a/novelknock/.config/eww/.vscode/tasks.json b/novelknock/.config/eww/.vscode/tasks.json
new file mode 100755
index 000000000..6e927d6b8
--- /dev/null
+++ b/novelknock/.config/eww/.vscode/tasks.json
@@ -0,0 +1,31 @@
+{
+    "tasks": [
+        {
+            "type": "cppbuild",
+            "label": "C/C++: g++ build active file",
+            "command": "/usr/bin/g++",
+            "args": [
+                "-static",
+                "-fdiagnostics-color=always",
+                "-g",
+                "${file}",
+                "-o",
+                "${fileDirname}/${fileBasenameNoExtension}",
+                "-lboost_iostreams",
+                "`pkg-config --libs boost_iostreams`"
+            ],
+            "options": {
+                "cwd": "${fileDirname}"
+            },
+            "problemMatcher": [
+                "$gcc"
+            ],
+            "group": {
+                "kind": "build",
+                "isDefault": true
+            },
+            "detail": "Task generated by Debugger."
+        }
+    ],
+    "version": "2.0.0"
+}
\ No newline at end of file
diff --git a/novelknock/.config/eww/css/_bar.scss b/novelknock/.config/eww/css/_bar.scss
new file mode 100755
index 000000000..12a0e793f
--- /dev/null
+++ b/novelknock/.config/eww/css/_bar.scss
@@ -0,0 +1,364 @@
+@keyframes gradient {
+    0% {
+        background-position: 0% 0%;
+    }
+
+    100% {
+        background-position: 600% 0%;
+    }
+}
+
+.bar-bg {
+    background-color: $background;
+    @include bar-rounding;
+    @include window-shadow;
+}
+
+.bar-bg-noshadow {
+    background-color: $background;
+    @include bar-rounding;
+}
+
+.bar-bg-pad {
+    padding: 0 10px;
+}
+
+.bar-pad {
+    padding: 5px;
+}
+
+.bar-pad-left {
+    padding: 5px 0;
+    padding-left: 5px;
+}
+
+.bar-pad-right {
+    padding: 5px 0;
+    padding-right: 5px;
+}
+
+.bar-circle-pad {
+    padding: 10px;
+}
+
+.bar-txt {
+    @include mainfont;
+    font-size: 12pt;
+}
+
+.bar-txt-larger {
+    @include mainfont;
+    font-size: 14pt;
+}
+
+.bar-txt-hugeass {
+    @include mainfont;
+    font-size: 16pt;
+}
+
+.bar-txt-small {
+    @include mainfont;
+    font-size: 11pt;
+}
+
+.bar-txt-smaller {
+    @include mainfont;
+    font-size: 10pt;
+    // font-weight: 500; // A slightly higher font weight for small text
+}
+
+.bar-txt-tiny {
+    @include mainfont;
+    font-size: 9pt;
+    font-weight: 500; // A slightly higher font weight for small text
+}
+
+.bar-txt-norm {
+    color: $onBackground;
+}
+
+.bar-txt-sub {
+    color: shade($onBackground, 15%);
+}
+
+.bar-btn-icon {
+    color: $primary;
+    font-weight: 900;
+    font-size: 15pt;
+}
+
+.bar-icon-material {
+    @include icon-material;
+    font-size: 18pt;
+}
+
+.bar-icon-material-large {
+    @include icon-material;
+    font-size: 14pt;
+    margin-bottom: -1px;
+}
+
+.bar-icon-material-hugeass {
+    @include icon-material;
+    font-size: 17pt;
+    margin-bottom: -1px;
+}
+
+.bar-icon-segoe {
+    @include icon-segoe;
+    font-weight: 700;
+}
+
+.bar-resources-icon {
+    font-size: 12pt;
+}
+
+.bar-system-icon {
+    font-size: 16pt;
+}
+
+.bar-ws-txt {
+    @include mainfont;
+    border-radius: 99px;
+    margin: 2px;
+    font-size: 12pt;
+    transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+}
+
+.bar-ws-txt-active {
+    background-color: $primary;
+    color: black;
+    font-size: 0;
+    margin-bottom: 35px;
+    min-height: 4px;
+}
+
+.bar-batt-circle {
+    background-color: $surfaceVariant;
+}
+
+.inside-circle {
+    min-height: 27px;
+    min-width: 27px;
+}
+
+.bar-pad-horiz {
+    padding: 0 5px;
+}
+
+.bar-pad-horiz-moreleft {
+    padding-left: 10px;
+    padding-right: 5px;
+}
+
+.bar-pad-horiz-moreright {
+    padding-left: 5px;
+    padding-right: 10px;
+}
+
+.bar-prog {
+    min-height: 5px;
+    padding: 0px;
+    border-radius: 99px;
+
+    trough {
+        min-height: 5px;
+        min-width: 60px;
+        border-radius: 99px;
+        background-color: $surfaceVariant;
+    }
+
+    progress {
+        min-height: 5px;
+        min-width: 4px;
+        border-radius: 99px;
+        border-radius: 99px;
+        background-color: $onPrimaryContainer;
+    }
+}
+
+.bar-music-cover {
+    min-height: 40px;
+    min-width: 40px;
+    margin: 5px 0;
+    border-radius: 10px;
+    background-size: auto 100%;
+    background-position: center;
+}
+
+.bar-music-status {
+    background-color: rgba(0, 0, 0, 0.7);
+    border-radius: 99px;
+    min-width: 30px;
+    min-height: 30px;
+}
+
+.bar-tasks-app-pad {
+    padding: 10px 10px;
+}
+
+.bar-tasks-app-highlight {
+    border-radius: 99px;
+    margin: 10px;
+    margin-top: 11px;
+    margin-bottom: 45px;
+}
+
+.bar-tasks-app-highlight-true {
+    background-color: $primary;
+    border-radius: 99px;
+    margin: 10px;
+    margin-top: 11px;
+    margin-bottom: 45px;
+}
+
+.bar-tasks-app-highlight-false {
+    background-color: transparent;
+    border-radius: 99px;
+    margin: 10px;
+    margin-top: 11px;
+    margin-bottom: 45px;
+}
+
+.bar-notif-count {
+    border-radius: 99px;
+    min-width: 30px;
+    min-height: 30px;
+    font-size: 18pt;
+    margin-bottom: -1px;
+}
+
+.bar-notif-count-yes {
+    background-color: $primary;
+    color: $onPrimary;
+    font-weight: bold;
+    font-size: 10pt;
+    @include mainfont;
+    min-width: 20px;
+    min-height: 20px;
+    margin: 5px;
+}
+
+.bar-clr {
+    border-radius: 99px;
+    margin: 5px;
+    @include mainfont;
+}
+
+.bar-clr-1 {
+    background-color: $primary;
+    color: $onPrimary;
+}
+
+.bar-clr-2 {
+    background-color: $primaryContainer;
+    color: $onPrimaryContainer;
+}
+
+.bar-clr-3 {
+    background-color: $secondary;
+    color: $onSecondary;
+}
+
+.bar-clr-4 {
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+}
+
+.bar-clr-5 {
+    background-color: $tertiary;
+    color: $onTertiary;
+}
+
+.bar-clr-6 {
+    background-color: $tertiaryContainer;
+    color: $onTertiaryContainer;
+}
+
+.bar-clr-7 {
+    background-color: $surface;
+    color: $onSurface;
+}
+
+.bar-clr-8 {
+    background-color: $surfaceVariant;
+    color: $onSurfaceVariant;
+}
+
+.bar-clr-9 {
+    background-color: $background;
+    color: $onBackground;
+}
+
+.bar-clr-10 {
+    background-color: $inversePrimary;
+    color: $onBackground;
+}
+
+.osd-pad {
+    padding: 8px;
+    transition: 1000ms cubic-bezier(0.05, 0.7, 0.1, 1);
+}
+
+.osd-circle {
+    color: $onBackground;
+}
+
+// .osd-active-right {
+//     background-image: linear-gradient(225deg, mix($primary, rgba(0,0,0,0), 69%) 0%, rgba(0,0,0,0) 10%);
+// }
+
+// .osd-active-left {
+//     background-image: linear-gradient(135deg, mix($primary, rgba(0,0,0,0), 69%) 0%, rgba(0,0,0,0) 10%);
+// }
+
+.osd-bg {
+    @include window-shadow;
+    background-color: rgba(11, 7, 2, 0.7);
+    border-radius: 99px;
+    min-width: 150px;
+    padding: 0 7px;
+}
+
+.bar-music-btn {
+    min-width: 30px;
+    min-height: 30px;
+    font-size: 13pt;
+    color: $onSurface;
+    margin: 2px;
+    border-radius: 8px;
+}
+
+.bar-music-btn:hover {
+    background-color: $overlay0;
+}
+
+.bar-music-btn:active {
+    background-color: tint($overlay0, 10%);
+}
+
+.bar-wall-btn {
+    border-radius: 13px;
+    min-height: 40px;
+    min-width: 40px;
+}
+
+.bar-wall-btn:hover {
+    background-color: $overlay0;
+}
+
+.bar-wall-btn:active {
+    background-color: tint($overlay0, 10%);
+}
+
+.bar-notif-flash {
+    background: linear-gradient(135deg,
+            $background 20%, tint($background, 11%) 20%,
+            tint($background, 11%) 40%, $background 40%,
+            $background 60%, tint($background, 11%) 60%,
+            tint($background, 11%) 80%, $background 80%,
+            $background 100%, tint($background, 11%) 100%);
+    background-size: 300% 300%;
+    animation: gradient 4.5s cubic-bezier(0.24, 0.61, 0.48, 0.9);
+    animation-iteration-count: 1;
+}
\ No newline at end of file
diff --git a/novelknock/.config/eww/css/_bottomsheet.scss b/novelknock/.config/eww/css/_bottomsheet.scss
new file mode 100755
index 000000000..6c9b55ed0
--- /dev/null
+++ b/novelknock/.config/eww/css/_bottomsheet.scss
@@ -0,0 +1,129 @@
+.bottomsheet-bg {
+    transition: 0ms;
+    border-radius: 15px;
+   // background-color: rgba(0, 0, 0, 0.5);
+    background-size: 100% auto;
+    background-position: center;
+    box-shadow: 0px 2px 3px rgba(11, 11, 11, 0.35);
+    // border: 1px solid mix($overlay0, rgba(80,80,80,0.3), 40%);
+}
+
+.bottomsheet-back-bg {
+    @include bar-rounding;
+    background-size: 100% auto;
+    background-position: center;
+}
+
+.bottomsheet-music-cover {
+    border-radius: 18px;
+    background-position: center;
+    background-size: auto 100%;
+    margin: 50px;
+    min-height: 200px;
+}
+
+.bottomsheet-music-info {
+    margin: 50px 0px;
+}
+
+.bottomsheet-music-title {
+    @include mainfont;
+    font-size: 27pt;
+    text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.7);
+    font-weight: 500;
+}
+
+.bottomsheet-music-artist {
+    @include mainfont;
+    font-size: 15pt;
+    text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.7);
+    font-weight: 500;
+}
+
+.bottomsheet-music-controlsbox {
+    background-color: rgba(0, 0, 0, 0.5);
+    border-radius: 99px;
+    padding: 5px;
+}
+
+.bottomsheet-music-btn {
+    min-width: 30px;
+    min-height: 30px;
+    font-size: 13pt;
+    color: $onSurface;
+    margin: 2px;
+    border-radius: 99px;
+    padding: 5px;
+}
+
+.bottomsheet-music-btn:hover {
+    background-color: $overlay0;
+}
+
+.bottomsheet-music-btn:active {
+    background-color: tint($overlay0, 10%);
+}
+
+.bottomsheet-mixer-app-icon {
+    background-color: $secondaryContainer;
+    border-radius: 13px;
+    min-height: 50px;
+    min-width: 50px;
+}
+
+.bottomsheet-mixer-app-serial {
+    background-color: $secondaryContainer;
+    border-radius: 13px;
+    // padding: 10px;
+}
+
+.bottomsheet-mixer-app-num {
+    font-size: 13pt;
+    margin: 0px 10px;
+    color: $onSecondaryContainer;
+}
+
+.bottomsheet-mixer-app-incircle {
+    font-size: 11pt;
+    margin: 0px 5px;
+    color: $onSecondaryContainer;
+}
+
+.bottomsheet-mixer-app-circle {
+    color: $onSecondaryContainer;
+    background-color: $overlay0;
+}
+
+.bottomsheet-cavacol {
+    border-top-left-radius: 99px;
+    border-top-right-radius: 99px;
+    border-bottom-left-radius: 99px;
+    border-bottom-right-radius: 99px;
+}
+
+.bottomsheet-windowctl {
+    margin: 15px;
+    margin-right: 5px;
+}
+
+.bottomsheet-windowctl-btn {
+    border-radius: 13px;
+    background-color: $secondary;
+    color: $onSecondary;
+    @include icon-material;
+    font-size: 18pt;
+    font-weight: bold;
+}
+
+.bottomsheet-windowctl-btn:hover {
+    background-color: tint($primary, 10%);
+}
+
+.bottomsheet-windowctl-btn-true {
+    border-radius: 13px;
+    background-color: $primary;
+    color: $onPrimary;
+    @include icon-material-filled;
+    font-size: 18pt;
+    font-weight: bolder;
+}
diff --git a/novelknock/.config/eww/css/_colors.scss b/novelknock/.config/eww/css/_colors.scss
new file mode 100755
index 000000000..e6c2ef7af
--- /dev/null
+++ b/novelknock/.config/eww/css/_colors.scss
@@ -0,0 +1,78 @@
+
+
+$rosewater: #f5e0dc;
+$flamingo: #f2cdcd;
+$pink: #f5c2e7;
+$mauve: #cba6f7;
+$red: #f38ba8;
+// $red:         #EF738A;
+$maroon: #eba0ac;
+$peach: #fab387;
+$yellow: #f9e2af;
+$green: #a6e3a1;
+$teal: #94e2d5;
+$sky: #89dceb;
+$sapphire: #74c7ec;
+$blue: #89b4fa;
+$lavender: #b4befe;
+$true: #EF738A;
+$false: #A9B1D6;
+
+
+$forestgreen: #A8B468;
+$forestyellow : #8e8370;
+$foresttext : #d3c6ab;
+$forestblack : #1e201f;
+$forestred : #e76c69;
+$forestpink : #d698b5;
+$forestorange : #e59576;
+$forestgray : #75817b;
+$forestgraylight: #495156;
+$forestgreendark: #7fba90;
+$forestblue: #77AEA7;
+
+$tokyobluedark: #1A1B26;
+$tokyobluelessdark: #1f212e;
+$tokyotext: #a9b1d6;
+$tokyopink: #ff79b1; //nah theres no pink in tokyonight, but i need one so added
+$tokyored: #EF738A;
+$tokyoorange: #FF9E64;
+$tokyoyellow: #E0AF68;
+$tokyogreen: #9ECE6A;
+$tokyoturquoise: #73daca;
+$tokyoice: #b4f9f8;
+$tokyocyan: #0DB9D7;
+$tokyoblue: #7AA2F7;
+$tokyopurple: #9778D0;
+$tokyogrey: #444B6A;
+$catbg: #1E1E2E;
+
+$text: $tokyotext;
+$subtext1: #868dac;
+$subtext0: #a6adc8;
+$overlay2: #9399b2;
+$overlay1: #7f849c;
+$overlay0: rgba(108, 112, 134, 0.4);
+$overlayedge: rgba(108, 112, 134, 0.15);
+
+$hover0: rgba(200, 200, 200, 0.3);
+
+$surface2: rgba(88, 91, 112, 0.7);
+$surface1: rgba(69, 71, 90, 0.7);
+$surface0: rgba(49, 51, 70, 0.7);
+// $surface0: rgba(28, 28, 48, 0.5); //Needs dynamic change
+// $surface0: #24222A; //Needs dynamic change
+
+
+$base: #1E201F;
+$mantle: #181825;
+$crust: #121415;
+
+$fg: $tokyotext;
+$bg: #171726;
+$barbg: #131426;
+$shadow: $crust;
+
+// $battcolor: $tokyogreen;
+// $memcolor: $tokyoorange;
+// $cpucolor: $tokyoblue;
\ No newline at end of file
diff --git a/novelknock/.config/eww/css/_colorscheme.scss b/novelknock/.config/eww/css/_colorscheme.scss
new file mode 100755
index 000000000..efd4bc029
--- /dev/null
+++ b/novelknock/.config/eww/css/_colorscheme.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: [Local wallpaper]
+$colorbarbg: #10100f;
+$colorbg: rgba(16,16,15,0.75);
+$colortext: #cbccc8;
+$color0: #656B5A;
+$color1: #70736B;
+$color2: #817E7D;
+$color3: #7C836D;
+$color4: #858B79;
+$color5: #90928B;
+$color6: #cbccc8;
+$color7: #7C836D;
diff --git a/novelknock/.config/eww/css/_colorscheme_default.scss b/novelknock/.config/eww/css/_colorscheme_default.scss
new file mode 100755
index 000000000..37aaee4c4
--- /dev/null
+++ b/novelknock/.config/eww/css/_colorscheme_default.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000653264299-7lydij-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #090727;
+$colorbg: rgba(9,7,39,0.7);
+$colortext: #e1e4f1;
+$color0: #926AC9;
+$color1: #2994E6;
+$color2: #5E9EE8;
+$color3: #5BC3E9;
+$color4: #9EA8E4;
+$color5: #AEC4E9;
+$color6: #e1e4f1;
+$color7: #5BC3E9;
diff --git a/novelknock/.config/eww/css/_dashboard.scss b/novelknock/.config/eww/css/_dashboard.scss
new file mode 100755
index 000000000..b5b6136af
--- /dev/null
+++ b/novelknock/.config/eww/css/_dashboard.scss
@@ -0,0 +1,326 @@
+.dashboard-bg {
+    background-color: rgba(0, 0, 0, 0.67);
+}
+
+@mixin dashboard-panel-bg {
+    background-color: rgba(30, 30, 30, 1);
+}
+
+.dashboard-clock-time {
+    @include mainfont;
+    font-size: 55pt;
+    color: $onBackground;
+}
+
+.dashboard-clock-date {
+    @include mainfont;
+    font-size: 20pt;
+    color: $onBackground;
+}
+
+.dashbaord-user-pic {
+    min-width: 60px;
+    min-height: 60px;
+    border-radius: 99px;
+    background-position: center center;
+    background-size: auto 100%;
+}
+
+.dashboard-user-realname {
+    @include mainfont;
+    font-size: 22pt;
+    color: $onBackground;
+}
+
+.dashboard-user-username {
+    @include mainfont;
+    font-size: 16pt;
+    color: $onBackground;
+}
+
+.dashboard-close-btn-icon {
+    @include icon-material;
+    font-size: 30pt;
+    color: $onBackground;
+}
+
+.dashboard-close-btn-txt {
+    @include mainfont;
+    font-size: 11pt;
+    color: $onBackground;
+}
+
+.dashboard-cavacol {
+    border-top-left-radius: 99px;
+    border-top-right-radius: 99px;
+    background-color: rgba(200, 200, 200, 0.2);
+}
+
+.dashboard-gallery-txt {
+    @include mainfont;
+    font-size: 16pt;
+}
+
+.dashboard-carousel-image {
+    border-radius: 13px;
+    background-repeat: no-repeat;
+    background-size: auto 100%;
+    background-position: center;
+}
+
+.dashboard-session-btn {
+    padding: 10px 0px;
+    color: $onBackground;
+}
+
+.dashboard-session-btn-icon {
+    @include icon-material;
+    font-size: 30pt;
+    padding: 0 50px;
+    color: $onBackground;
+}
+
+.dashboard-settings-panel {
+    @include dashboard-panel-bg;
+    border-radius: 15px;
+}
+
+.dashboard-setting-section-pad {
+    padding: 15px;
+}
+
+.dashboard-settings-title-icon {
+    @include icon-material;
+    font-size: 18pt;
+    color: $onBackground;
+}
+
+.dashboard-settings-title-txt {
+    @include mainfont;
+    font-size: 20pt;
+    color: $onBackground;
+}
+
+.dashboard-settings-title-txtsmall {
+    @include mainfont;
+    font-size: 16pt;
+    color: $onBackground;
+}
+
+.dashboard-settings-option-group {
+    background-color: mix($secondaryContainer, rgba(0, 0, 0, 0), 50%);
+    border-radius: 13px;
+    color: $onBackground;
+}
+
+.dashboard-settings-option-group-middle {
+    background-color: mix($secondaryContainer, rgba(0, 0, 0, 0), 50%);
+    color: $onBackground;
+}
+
+.dashboard-settings-option-group-left {
+    background-color: mix($secondaryContainer, rgba(0, 0, 0, 0), 50%);
+    border-radius: 2px;
+    border-top-left-radius: 13px;
+    border-bottom-left-radius: 13px;
+    color: $onBackground;
+}
+
+.dashboard-settings-option-group-right {
+    background-color: mix($secondaryContainer, rgba(0, 0, 0, 0), 50%);
+    border-radius: 2px;
+    border-top-right-radius: 13px;
+    border-bottom-right-radius: 13px;
+    color: $onBackground;
+}
+
+.dashboard-settings-option-toggle-icon {
+    @include icon-material;
+    font-size: 28pt;
+}
+
+.dashboard-settings-option-toggle-txt {
+    @include mainfont;
+    font-size: 10pt;
+}
+
+.dashboard-settings-option-group-pad {
+    padding: 15px;
+}
+
+.dashboard-settings-option-group-minsize {
+    min-width: 80px;
+    min-height: 80px;
+}
+
+.dashboard-settings-scale {
+    border-radius: 99px;
+    margin: 20px;
+    transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+
+    trough {
+        min-height: 3px;
+        min-width: 60px;
+        border-radius: 99px;
+        background-color: mix($surface, rgba(0, 0, 0, 0), 30%);
+    }
+
+    highlight {
+        min-width: 3px;
+        border-radius: 99px;
+        background-color: $primary;
+        transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+    }
+
+    slider {
+        min-width: 5px;
+        margin: -9px;
+        border-radius: 99px;
+        background-color: $primary;
+    }
+}
+
+.dashboard-settings-txt {
+    @include mainfont;
+    font-size: 12pt;
+    color: $onBackground;
+}
+
+.switch-bg-2 {
+    border-radius: 99px;
+    background-color: $primary;
+    border: 2px solid $primary;
+}
+
+.switch-bg-1 {
+    border-radius: 99px;
+    background-color: $primary;
+    border: 2px solid $primary;
+}
+
+.switch-bg-0 {
+    border-radius: 99px;
+    background-color: mix($surface, rgba(0, 0, 0, 0), 50%);
+    border: 2px solid $onSurface;
+}
+
+.switch-bg-true {
+    border-radius: 99px;
+    background-color: $primary;
+    border: 2px solid $primary;
+}
+
+.switch-bg-false {
+    border-radius: 99px;
+    background-color: mix($surface, rgba(0, 0, 0, 0), 50%);
+    border: 3px solid $onSurface;
+}
+
+.switch-fg-2 {
+    border-radius: 99px;
+    background-color: $onPrimary;
+    color: $primary;
+}
+
+.switch-fg-1 {
+    border-radius: 99px;
+    background-color: $onPrimary;
+    color: $primary;
+}
+
+.switch-fg-0 {
+    border-radius: 99px;
+    background-color: $onSurface;
+}
+
+.switch-fg-true {
+    border-radius: 99px;
+    background-color: $onPrimary;
+    color: $primary;
+}
+
+.switch-fg-false {
+    border-radius: 99px;
+    background-color: $onSurface;
+}
+
+.switch-fg-icon {
+    @include icon-material;
+    font-size: 9pt;
+    font-weight: bolder;
+    margin: -2px;
+}
+
+.dashboard-option-lang-true {
+    background-color: mix($secondaryContainer, rgba(0, 0, 0, 0), 50%);
+    border-radius: 13px;
+    padding: 15px;
+    color: $onBackground;
+}
+
+.dashboard-option-lang-false {
+    background-color: mix($secondaryContainer, rgba(0, 0, 0, 0), 50%);
+    border-radius: 13px;
+    padding: 15px;
+    color: $onBackground;
+}
+
+.dashboard-lang-indicator-true {
+    background-color: $primary;
+    border-radius: 99px;
+    min-width: 4px;
+    min-height: 30px;
+}
+
+.dashboard-lang-indicator-false {
+    background-color: transparent;
+    border-radius: 99px;
+    min-width: 4px;
+    min-height: 30px;
+}
+
+.dashboard-settings-highlight {
+    background: $primary;
+    border-radius: 99px;
+    min-height: 50px;
+    min-width: 5px;
+}
+
+.dashboard-settings-highlight-hide {
+    background: transparent;
+    border-radius: 99px;
+    min-height: 50px;
+    min-width: 5px;
+}
+
+.dashboard-settings-button {
+    background-color: mix($secondaryContainer, rgba(0, 0, 0, 0), 50%);
+    border-radius: 13px;
+    padding: 15px;
+}
+
+.dashboard-settings-button:hover {
+    background-color: tint(mix($secondaryContainer, rgba(0, 0, 0, 0), 50%), 5%);
+}
+
+.dashboard-settings-button:active {
+    background-color: tint(mix($secondaryContainer, rgba(0, 0, 0, 0), 50%), 10%);
+}
+
+.dashboard-section-icon {
+    @include icon-material;
+    font-size: 18pt;
+    color: $onBackground;
+}
+
+.dashboard-section-icon-nerd {
+    @include icon-nerd;
+    font-size: 18pt;
+    color: $onBackground;
+}
+
+.dashboard-section-txt {
+    @include mainfont;
+    font-size: 18pt;
+    color: $onBackground;
+}
\ No newline at end of file
diff --git a/novelknock/.config/eww/css/_iconcolor.txt b/novelknock/.config/eww/css/_iconcolor.txt
new file mode 100755
index 000000000..12b0b58ea
--- /dev/null
+++ b/novelknock/.config/eww/css/_iconcolor.txt
@@ -0,0 +1,6 @@
+#c9f089
+#a0d0ca
+#70736B
+#7C836D
+#858B79
+#858B79
diff --git a/novelknock/.config/eww/css/_iconcolor_default.txt b/novelknock/.config/eww/css/_iconcolor_default.txt
new file mode 100755
index 000000000..3297e70ac
--- /dev/null
+++ b/novelknock/.config/eww/css/_iconcolor_default.txt
@@ -0,0 +1,6 @@
+#dbe1ff
+#e4bada
+#D3A8AB
+#A5ACD0
+#D4B6CF
+#D4B6CF
diff --git a/novelknock/.config/eww/css/_material.scss b/novelknock/.config/eww/css/_material.scss
new file mode 100755
index 000000000..73b85e9f6
--- /dev/null
+++ b/novelknock/.config/eww/css/_material.scss
@@ -0,0 +1,27 @@
+$primary: #add370;
+$onPrimary: #213600;
+$primaryContainer: #324f00;
+$onPrimaryContainer: #c9f089;
+$secondary: #c1caac;
+$onSecondary: #2b331e;
+$secondaryContainer: #414a32;
+$onSecondaryContainer: #dde7c6;
+$tertiary: #a0d0ca;
+$onTertiary: #003733;
+$tertiaryContainer: #204e4a;
+$onTertiaryContainer: #bcece6;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1b1c18;
+$onBackground: #e4e3dc;
+$surface: #1b1c18;
+$onSurface: #e4e3dc;
+$surfaceVariant: #45483d;
+$onSurfaceVariant: #c5c8b9;
+$outline: #8f9285;
+$shadow: #000000;
+$inverseSurface: #e4e3dc;
+$inverseOnSurface: #30312c;
+$inversePrimary: #48680e;
diff --git a/novelknock/.config/eww/css/_powerview.scss b/novelknock/.config/eww/css/_powerview.scss
new file mode 100755
index 000000000..b4564c027
--- /dev/null
+++ b/novelknock/.config/eww/css/_powerview.scss
@@ -0,0 +1,114 @@
+@keyframes flyin-top {
+  from {
+    margin-top: -60px;
+    margin-bottom: 60px;
+  }
+
+  to {
+    margin-bottom: 0px;
+    margin-top: 0px;
+  }
+}
+
+.powerview-search-box {
+  animation-name: flyin-top;
+  animation-duration: 200ms;
+  animation-timing-function: cubic-bezier(0.05, 0.7, 0.1, 1);
+  animation-iteration-count: 1;
+}
+
+.powerview-search-txt {
+  @include mainfont;
+  font-size: 12pt;
+  padding: 0 15px;
+  selection {
+    background-color: $secondary;
+    color: $onSecondary;
+  }
+}
+
+.powerview-search-txt:focus {
+  background-color: mix($background, $primaryContainer, 85%);
+}
+
+.powerview-search-prompt-txt {
+  @include mainfont;
+  font-size: 12pt;
+  @include subtext;
+}
+
+.powerview-ws {
+  border-radius: 13px;
+  background-color: rgba(80, 80, 80, 0.1);
+  margin: 4px;
+}
+
+.powerview-ws-true {
+  background-color: $primary;
+}
+
+.powerview-ws-false {
+  color: transparent;
+}
+
+.powerview-ws-window {
+  border-radius: 13px;
+  background-color: mix($primaryContainer, rgba(80,80,80,0.3), 7%);
+}
+
+.powerview-search-result {
+  @include mainfont;
+  border-radius: 18px;
+  background-color: $onSecondary;
+  color: $onBackground;
+  font-size: 15pt;
+  min-height: 47px;
+  min-width: 400px;
+  padding: 2px 12px;
+  padding-left: 57px;
+  margin: 0px 5px;
+
+  background-color: rgba(11, 11, 11, 0.8);
+  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 60%, tint($secondaryContainer, 10%) 60%);
+  background-size: 400% auto;
+  background-position: 40% 50%;
+
+  caret-color: $onBackground;
+
+  selection {
+    background-color: transparent;
+  }
+}
+
+.powerview-search-result:focus {
+  color: $onPrimaryContainer;
+  // background-position: 65% 50%;
+  background-color: mix($background, $primaryContainer, 90%);
+  selection {
+    color: $onPrimaryContainer;
+    background-color: transparent;
+  }
+}
+
+.powerview-search-result:active {
+  color: $onPrimaryContainer;
+  // background-color: $secondaryContainer;
+  // background-position: 100% 50%;
+  background-color: mix($background, $primaryContainer, 90%);
+  selection {
+    color: $onPrimaryContainer;
+    background-color: transparent;
+  }
+}
+
+.overview-search-result-icon {
+  // background-color: $secondaryContainer;
+  border-radius: 18px;
+  min-height: 51px;
+  min-width: 51px;
+  margin: 0px 5px;
+}
+
+.powerview-info {
+  padding: 15px;
+}
\ No newline at end of file
diff --git a/novelknock/.config/eww/css/_sidebar.scss b/novelknock/.config/eww/css/_sidebar.scss
new file mode 100755
index 000000000..24b4fa7d7
--- /dev/null
+++ b/novelknock/.config/eww/css/_sidebar.scss
@@ -0,0 +1,669 @@
+$bgdetail: $onSecondary;
+$bgdetail2: $onTertiary;
+
+.sidebar-bg {
+    @include bar-rounding;
+    @include window-shadow;
+    background-color: $background;
+}
+
+.sidebar-bg-pad {
+    padding: 0 10px;
+}
+
+.sidebar-content {
+    @include mainfont;
+    margin: 10px 20px;
+}
+
+.sidebar-notification {
+    @include mainfont;
+    margin: 10px 15px;
+}
+
+.sidebar-notif-appname {
+    @include mainfont;
+    color: $primary;
+    font-size: 12pt;
+    text-shadow: 0px 0px 2px mix($primary, rgba(0, 0, 0, 0), 80%);
+}
+
+.sidebar-notif-decor-left {
+    margin-left: 5px;
+    min-width: 8px;
+    border-bottom-left-radius: 99px;
+    border-left: 2px solid $primary;
+    border-bottom: 2px solid $primary;
+}
+
+.sidebar-notif-summary {
+    @include mainfont;
+    color: $onBackground;
+    font-size: 12pt;
+}
+
+.sidebar-notif-body {
+    @include mainfont;
+    @include subtext;
+    font-size: 12pt;
+}
+
+.sidebar-section-title {
+    margin: 15px;
+    padding: 5px;
+    border-radius: 13px;
+    color: $onPrimaryContainer;
+    background-color: mix($background, rgba(0, 0, 0, 0), 50%);
+}
+
+.sidebar-section-title-icon {
+    margin: 0 5px;
+}
+
+.sidebar-section-title-text {
+    margin: 0 5px;
+}
+
+.sidebar-calendar-btn {
+    @include mainfont;
+    font-size: 12pt;
+    font-weight: 500;
+    min-height: 30px;
+    min-width: 30px;
+    margin: 1px;
+    border-radius: 13px;
+}
+
+.sidebar-calendar-txt {
+    border-radius: 99px;
+    font-size: 12pt;
+    @include mainfont;
+    font-weight: 500;
+    min-height: 30px;
+    min-width: 30px;
+    margin: 3px;
+    border-radius: 13px;
+}
+
+.day-1 {
+    @include greyed;
+    background-color: transparent;
+}
+
+.day0 {
+    background-color: transparent;
+    color: $onBackground;
+}
+
+.day-1:hover {
+    background-color: rgba(75, 75, 75, 0.5);
+}
+
+.day0:hover {
+    background-color: rgba(75, 75, 75, 0.5);
+}
+
+.day-1:active {
+    background-color: tint(rgba(75, 75, 75, 0.5), 10%);
+}
+
+.day0:active {
+    background-color: tint(rgba(75, 75, 75, 0.5), 10%);
+}
+
+.day1 {
+    background-color: $primary;
+    color: #000000;
+}
+
+.day1:hover {
+    background-color: tint($primary, 10%);
+}
+
+.day1:active {
+    background-color: tint($primary, 20%);
+}
+
+.sidebar-section-title-btn {
+    min-width: 28px;
+    min-height: 28px;
+    border-radius: 8px;
+}
+
+.sidebar-section-title-btn:hover {
+    background-color: $onPrimary;
+}
+
+.sidebar-section-title-btn:active {
+    background-color: shade($onPrimary, 30%);
+}
+
+.sidebar-box {
+    border-radius: 15px;
+}
+
+.sidebar-box-title {
+    color: $onBackground;
+    margin: 5px;
+}
+
+.sidebar-todo-item {
+    margin: 0 5px;
+    color: $onBackground;
+}
+
+.sidebar-todo-btn {
+    min-width: 28px;
+    min-height: 28px;
+    border-radius: 8px;
+}
+
+.sidebar-todo-btn:hover {
+    background-color: $onPrimary;
+}
+
+.sidebar-todo-btn:active {
+    background-color: shade($onPrimary, 30%);
+}
+
+.sidebar-quicktoggle {
+    margin: 15px;
+    margin-bottom: 20px;
+}
+
+.sidebar-quicktoggle-btn {
+    border-radius: 13px;
+    background-color: mix($secondaryContainer, rgba(0,0,0,0), 80%);
+    color: $onSecondaryContainer;
+}
+
+.sidebar-quicktoggle-btn:hover {
+    background-color: tint($secondaryContainer, 10%);
+}
+
+.sidebar-quicktoggle-btn:active {
+    background-color: tint($secondaryContainer, 20%);
+}
+
+.sidebar-quicktoggle-btn-active {
+    border-radius: 13px;
+    background-color: $primary;
+    color: $onPrimary;
+}
+
+.sidebar-quicktoggle-btn-active:hover {
+    background-color: tint($primary, 10%);
+}
+
+.sidebar-quicktoggle-btn-active:active {
+    background-color: tint($primary, 20%);
+}
+
+.sidebar-quicktoggle-btn-left {
+    border-top-right-radius: 2px;
+    border-bottom-right-radius: 2px;
+}
+
+.sidebar-quicktoggle-btn-right {
+    border-top-left-radius: 2px;
+    border-bottom-left-radius: 2px;
+}
+
+.sidebar-quicktoggle-power-optn:hover {
+    :first-child {
+        background-color: tint($secondaryContainer, 10%);
+    }
+}
+
+.sidebar-quicktoggle-power-optn:active {
+    :first-child {
+        background-color: tint($secondaryContainer, 20%);
+    }
+}
+
+.sidebar-quicktoggle-power-icon {
+    border-radius: 13px;
+    min-width: 40px;
+    min-height: 40px;
+    margin-bottom: -1px;
+    margin: 5px;
+    @include icon-material;
+    font-size: 17pt;
+    color: $onBackground;
+}
+
+.sidebar-quicktoggle-slider {
+    border-radius: 99px;
+    margin: 20px;
+    transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+
+    trough {
+        min-height: 3px;
+        min-width: 60px;
+        border-radius: 99px;
+        background-color: $surface;
+    }
+
+    highlight {
+        min-width: 3px;
+        border-radius: 99px;
+        background-color: $primary;
+        transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+    }
+
+    slider {
+        min-width: 5px;
+        margin: -8px;
+        border-radius: 99px;
+        background-color: $primary;
+    }
+}
+
+.sidebar-music-box {
+    margin: 15px;
+    margin-bottom: 0px;
+}
+
+.sidebar-music-thumbnail {
+    border-radius: 13px;
+
+    background-color: shade($onSecondary, 50%);
+    background-image:
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+
+        radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0) 24%, $bgdetail 24%, $bgdetail 24%, $bgdetail 27%, $bgdetail 27%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0) 27%),
+        radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0) 24%, $bgdetail 26%, $bgdetail 26%, $bgdetail 27%, $bgdetail 27%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0) 27%),
+        radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0) 24%, $bgdetail 25%, $bgdetail 25%, $bgdetail 27%, $bgdetail 27%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0) 27%),
+
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 35%, $bgdetail 35%, $bgdetail 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 38%, $bgdetail 38%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 38%, $bgdetail 38%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(-135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 38%, $bgdetail 38%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+        linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 38%, $bgdetail 38%, $bgdetail 44%, rgba(0, 0, 0, 0) 44%),
+
+        linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
+    ;
+    background-size:
+        15px 30px, 15px 30px, 15px 30px, 15px 30px,
+        15px 30px, 15px 30px, 15px 30px, 15px 30px,
+        15px 30px, 15px 30px, 15px 30px,
+
+        15px 30px, 15px 30px, 15px 30px, 15px 30px,
+        15px 30px, 15px 30px, 15px 30px, 15px 30px,
+        15px 30px, 15px 30px, 15px 30px, 15px 30px,
+
+        60px 60px, 120px 120px, 90px 90px,
+
+        20px 40px, 20px 40px, 40px 80px, 40px 80px,
+        40px 80px, 40px 80px,
+
+        100% 100%,
+    ;
+    background-position:
+        0px 100px, 15px 100px, 30px 100px, 45px 100px,
+        60px 100px, 75px 100px, 90px 100px, 105px 100px,
+        120px 100px, 135px 100px, 150px 100px,
+
+        550px 40px, 535px 40px, 520px 40px, 505px 40px,
+        490px 40px, 475px 40px, 460px 40px, 445px 40px,
+        430px 40px, 415px 40px, 400px 40px, 385px 40px,
+
+        300px 60px, 165px 135px, 180px 5px,
+
+        360px 190px, 380px 190px, 340px 170px, 380px 170px,
+        40px -10px, 80px -10px,
+
+        top,
+    ;
+}
+
+.sidebar-music-vignette {
+    border-radius: 13px;
+}
+
+.sidebar-music-source {
+    @include icon-nerd;
+    font-size: 25pt;
+    margin: 0 20px;
+    color: $onPrimaryContainer;
+}
+
+.sidebar-music-output {
+    @include mainfont;
+    border-radius: 13px;
+    font-size: 12pt;
+    margin: 15px 15px;
+    padding: 5px 15px;
+    color: $onPrimary;
+    background-color: $primary;
+}
+
+.sidebar-music-title {
+    @include mainfont;
+    font-size: 15pt;
+    color: $onPrimaryContainer;
+}
+
+.sidebar-music-artist {
+    @include mainfont;
+    font-size: 13pt;
+    color: $overlay0;
+    color: $onPrimaryContainer;
+}
+
+.sidebar-music-playbtn {
+    min-width: 60px;
+    min-height: 60px;
+    margin: 15px;
+    @include icon-material;
+    border-radius: 20px;
+    font-size: 16pt;
+    color: $inverseOnSurface;
+    background-color: $primary;
+}
+
+.sidebar-music-trackbtn {
+    @include icon-material;
+    font-size: 18pt;
+    margin: 15px;
+    border-radius: 13px;
+    min-width: 35px;
+    min-height: 35px;
+    color: $onPrimaryContainer;
+}
+
+.sidebar-music-trackbtn:hover {
+    background-color: tint($overlay0, 30%);
+}
+
+.sidebar-music-trackbtn:active {
+    background-color: tint($overlay0, 50%);
+}
+
+.sidebar-music-progress {
+    min-height: 3px;
+    min-width: 60px;
+    border-radius: 99px;
+    background-color: $surface;
+}
+
+.sidebar-music-progress-btn {
+    font-size: 16pt;
+    margin-top: -4px;
+    color: $onPrimaryContainer;
+}
+
+.sidebar-music-slider {
+    border-radius: 9999px;
+    margin: 20px;
+    transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+
+    trough {
+        min-height: 3px;
+        min-width: 60px;
+        border-radius: 99px;
+        background-color: $surface;
+    }
+
+    highlight {
+        min-width: 3px;
+        border-radius: 99px;
+        background-color: shade($onBackground, 20%);
+        transition: 0ms cubic-bezier(0.05, 0.7, 0.1, 1);
+    }
+
+    slider {
+        min-width: 5px;
+        margin: -8px;
+        border-radius: 99px;
+        background-color: shade($onBackground, 20%);
+    }
+}
+
+.sidebar-quote {
+    @include mainfont;
+    padding: 10px;
+    margin: 15px;
+    border-radius: 13px;
+    background-color: mix($secondaryContainer, rgba(0,0,0,0), 50%);
+}
+
+.sidebar-brightness-progress {
+    min-height: 3px;
+    min-width: 60px;
+    border-radius: 99px;
+    background-color: $surface;
+    margin: 20px;
+}
+
+.sidebar-brightness-progress-btn {
+    font-size: 16pt;
+    margin-top: -4px;
+}
+
+.sidebar-resource-pad {
+    margin: 0 15px;
+}
+
+.sidebar-resource-value {
+    border-radius: 18px;
+    padding: 10px;
+    background-color: mix($secondaryContainer, rgba(0,0,0,0), 50%);
+}
+
+.sidebar-resource-icon-large {
+    @include icon-material;
+    font-size: 23pt;
+}
+
+.sidebar-resource-icon-small {
+    @include icon-material;
+    font-size: 16pt;
+    color: $primary;
+}
+
+.sidebar-resource-icon-large-material {
+    @include icon-material;
+    font-size: 23pt;
+}
+
+.sidebar-resource-circle {
+    @include icon-material;
+    font-size: 20pt;
+    background-color: $surface;
+    color: $primary;
+}
+
+.sidebar-resource-txt {
+    padding: 0 5px;
+    @include techfont;
+    font-size: 14pt;
+    background-color: $secondary;
+    color: $onSecondary;
+    border-radius: 13px;
+}
+
+.sidebar-resource-txt-small {
+    padding: 0 5px;
+    @include techfont;
+    font-size: 11pt;
+    background-color: $secondary;
+    color: $onSecondary;
+    border-radius: 13px;
+}
+
+.sidebar-resource-prog {
+    min-height: 5px;
+    padding: 0px;
+    border-radius: 99px;
+
+    trough {
+        min-height: 5px;
+        min-width: 60px;
+        border-radius: 99px;
+        background-color: $surface;
+    }
+
+    progress {
+        min-height: 5px;
+        min-width: 4px;
+        border-radius: 99px;
+        border-radius: 99px;
+        background-color: $primary;
+    }
+}
+
+.sidebar-favourite-pad {
+    @include mainfont;
+    margin: 15px -5px;
+    margin-bottom: 0px;
+}
+
+.sidebar-hyprtoggle-scrollbg {
+    margin: 5px 20px;
+    // margin-right: 0px;
+    min-width: 555px;
+}
+
+.sidebar-waifu-scrollbg {
+    margin: 5px 20px;
+    min-width: 555px;
+}
+
+.sidebar-hyprtoggle {
+    border-radius: 18px;
+    background-color: mix($secondaryContainer, rgba(0,0,0,0), 50%);
+}
+
+.sidebar-hyprtoggle-icon {
+    @include icon-material;
+    font-size: 35pt;
+    color: $onBackground;
+}
+
+.sidebar-hyprtoggle-icon-material {
+    @include icon-material;
+    font-size: 26pt;
+    margin-left: 2px;
+    margin-right: -2px;
+    color: $onBackground;
+}
+
+.sidebar-hyprtoggle-icon-0 {
+    color: tint($onPrimary, 40%);
+}
+
+.sidebar-hyprtoggle-icon-1 {
+    color: $primary;
+    text-shadow: 0px 0px 2px mix($primary, rgba(0, 0, 0, 0), 80%);
+}
+
+.sidebar-hyprtoggle-name {
+    @include mainfont;
+    color: $onPrimaryContainer;
+    margin: 10px;
+}
+
+.sidebar-hyprtoggle-onoff {
+    border-radius: 99px;
+    transition: 0ms linear;
+    padding: 2px 5px;
+    min-width: 35px;
+    margin: 15px;
+}
+
+.sidebar-hyprtoggle-onoff-0 {
+    background-color: transparent;
+}
+
+.sidebar-hyprtoggle-onoff-1 {
+    background-color: $primary;
+    box-shadow: 0px 0px 3px mix($primary, rgba(0, 0, 0, 0), 80%);
+}
+
+.sidebar-hyprtoggle-summary {
+    background-color: rgba(11, 11, 11, 0.5);
+    border-radius: 18px;
+}
+
+.sidebar-hyprtoggle-summary-txt {
+    @include techfont;
+    margin: 15px;
+    color: $onBackground;
+}
+
+.sidebar-waifu-tag {
+    @include mainfont;
+    font-size: 12pt;
+    border-radius: 13px;
+    padding: 5px 10px;
+    margin: 0px 2px;
+    min-height: 20px;
+    background-color: mix($secondaryContainer, rgba(0,0,0,0), 80%);
+    box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.5);
+}
+
+.sidebar-waifu-tag:hover {
+    background-color: tint($secondaryContainer, 10%);
+}
+
+.sidebar-waifu-tag:active {
+    background-color: tint($secondaryContainer, 20%);
+}
+
+.sidebar-waifu-pic {
+    background-color: transparent;
+    border-radius: 18px;
+    background-position: top center;
+}
+
+.sidebar-waifu-pic-bg {
+    background-color: white;
+    border-radius: 19px;
+}
+
+.sidebar-waifu-status {
+    background-color: $onBackground;
+    color: $background;
+    border-bottom-left-radius: 20.72px;
+    border-bottom-right-radius: 20.72px;
+    border: 1px solid $background;
+    padding: 5.456px;
+    margin-top: 16.368px;
+}
+
+
+.sidebar-todo-box {
+    border-radius: 15px;
+    background-color: mix($secondaryContainer, rgba(0,0,0,0), 80%);
+}
+
+.sidebar-optn-icon {
+    @include icon-material;
+    font-size: 22pt;
+    margin: -10px 0px;
+}
\ No newline at end of file
diff --git a/novelknock/.config/eww/css/_supercontext.scss b/novelknock/.config/eww/css/_supercontext.scss
new file mode 100755
index 000000000..35cdf67a5
--- /dev/null
+++ b/novelknock/.config/eww/css/_supercontext.scss
@@ -0,0 +1,20 @@
+.supercontext-bg {
+    background-position: center center;
+}
+
+.supercontext-btn {
+    // border-radius: 99px;
+    // background: red;
+}
+
+.supercontext-btn-icon {
+    @include icon-material;
+    font-size: 25pt;
+    color: $onBackground;
+}
+
+.supercontext-btn-num {
+    @include mainfont;
+    font-size: 25pt;
+    color: $onBackground;
+}
\ No newline at end of file
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_Catppuccin-Mocha.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_Catppuccin-Mocha.scss
new file mode 100755
index 000000000..6db68d8c1
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_Catppuccin-Mocha.scss
@@ -0,0 +1,16 @@
+//Auto generated color theme for Catppuccin Mocha
+@function bluetint($color, $percentage) {  @return mix(#c3b1a1, $color, $percentage); } // beige
+@function blueshade($color, $percentage) { @return mix(#8b7265, $color, $percentage); } // dark brown
+$colorbarbg: #313244; // Surface0
+$colorbg: rgba(30, 30, 46, 0.75); // Base
+$colortext: #cdd6f4; // Text
+$color0: #89b4fa; // Blue
+$color1: #74c7ec; // Sapphire
+$color2: #89dceb; // Sky
+$color3: #94e2d5; // Teal
+$color4: #f9e2af; // Yellow
+$color5: #f38ba8; // Red
+$color6: #f5c2e7; // Pink
+$color7: #f5e0dc; // Rose water``
+
+
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_alive.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_alive.scss
new file mode 100755
index 000000000..d928a76a2
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_alive.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/Igw7x_q_SY8/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLAnBg0FYExCAq5yAvoYoyE3rjhD6w
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #15120c;
+$colorbg: rgba(21,18,12,0.75);
+$colortext: #e5e3de;
+$color0: #D1B043;
+$color1: #E9D463;
+$color2: #ACA597;
+$color3: #C7B89C;
+$color4: #B4CBB1;
+$color5: #E2D69D;
+$color6: #e5e3de;
+$color7: #C7B89C;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_amaryllis.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_amaryllis.scss
new file mode 100755
index 000000000..647818a83
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_amaryllis.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/-aKHRnS1NrY/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLARkaFkCli09IlsqLfdrLkiZrRmNw
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0d101f;
+$colorbg: rgba(13,16,31,0.7);
+$colortext: #d7cdcf;
+$color0: #75728A;
+$color1: #897A89;
+$color2: #C278B1;
+$color3: #8A8592;
+$color4: #A5939F;
+$color5: #B8A7B2;
+$color6: #d7cdcf;
+$color7: #8A8592;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_androidgreen.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_androidgreen.scss
new file mode 100755
index 000000000..b9e81f908
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_androidgreen.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #10100f;
+$colorbg: rgba(16,16,15,0.75);
+$colortext: #cbccc8;
+$color0: #656B5A;
+$color1: #70736B;
+$color2: #817E7D;
+$color3: #7C836D;
+$color4: #858B79;
+$color5: #90928B;
+$color6: #cbccc8;
+$color7: #7C836D;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_andromeda.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_andromeda.scss
new file mode 100755
index 000000000..ea9d93aeb
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_andromeda.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000102218806-ducxb5-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #07172C;
+$colorbg: rgba(7,23,44,0.7);
+$colortext: #cbe3df;
+$color0: #AECD77;
+$color1: #3C6D8D;
+$color2: #5E9E96;
+$color3: #5EB2A8;
+$color4: #9ECEB0;
+$color5: #A2C3AD;
+$color6: #cbe3df;
+$color7: #5EB2A8;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_artemis.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_artemis.scss
new file mode 100755
index 000000000..c76d58e25
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_artemis.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-LPvgpz3T7pFKWPBy-ihlbAw-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #041031;
+$colorbg: rgba(4,16,49,0.7);
+$colortext: #a7e2ee;
+$color0: #043094;
+$color1: #3E5EA0;
+$color2: #0D60A0;
+$color3: #0A69CD;
+$color4: #1E9CD7;
+$color5: #44A3C2;
+$color6: #a7e2ee;
+$color7: #0A69CD;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_atermis.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_atermis.scss
new file mode 100755
index 000000000..c76d58e25
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_atermis.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-LPvgpz3T7pFKWPBy-ihlbAw-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #041031;
+$colorbg: rgba(4,16,49,0.7);
+$colortext: #a7e2ee;
+$color0: #043094;
+$color1: #3E5EA0;
+$color2: #0D60A0;
+$color3: #0A69CD;
+$color4: #1E9CD7;
+$color5: #44A3C2;
+$color6: #a7e2ee;
+$color7: #0A69CD;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_avdan.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_avdan.scss
new file mode 100755
index 000000000..b8a595a60
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_avdan.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: [Local wallpaper]
+$colorbarbg: #330b46;
+$colorbg: rgba(51,11,70,0.75);
+$colortext: #cb77b8;
+$color0: #D4226E;
+$color1: #F32563;
+$color2: #F12564;
+$color3: #F32564;
+$color4: #F92764;
+$color5: #970087;
+$color6: #cb77b8;
+$color7: #F32564;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_berightthere.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_berightthere.scss
new file mode 100755
index 000000000..df9d7a8cc
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_berightthere.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi_webp/eXJqyCgVpjc/mqdefault.webp
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #080304;
+$colorbg: rgba(8,3,4,0.7);
+$colortext: #e6c5cc;
+$color0: #955B6C;
+$color1: #D36572;
+$color2: #A06F8D;
+$color3: #DC728F;
+$color4: #868091;
+$color5: #A78DA1;
+$color6: #e6c5cc;
+$color7: #DC728F;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_bittersweet.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_bittersweet.scss
new file mode 100755
index 000000000..621c7a4d7
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_bittersweet.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/5jvVbbai7qk/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLDyTWGok8rtpE0Dj6rsAY9n03bhkQ
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #3f2130;
+$colorbg: rgba(63,33,48,0.75);
+$colortext: #f0dfdc;
+$color0: #C96F95;
+$color1: #A7868D;
+$color2: #A68D9F;
+$color3: #DB9DAA;
+$color4: #F1D0B8;
+$color5: #E2B1C8;
+$color6: #f0dfdc;
+$color7: #DB9DAA;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_blessingbeat.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_blessingbeat.scss
new file mode 100755
index 000000000..ec6961d6e
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_blessingbeat.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000579642002-mq4kgn-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #881b90;
+$colorbg: rgba(136,27,144,0.3);
+$colortext: #dff1f5;
+$color0: #D3A3F8;
+$color1: #F3B3FA;
+$color2: #9ADEFA;
+$color3: #B1F6FB;
+$color4: #D4CFF9;
+$color5: #F1D0FA;
+$color6: #dff1f5;
+$color7: #B1F6FB;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_bluegalaxy.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_bluegalaxy.scss
new file mode 100755
index 000000000..ac012a1b5
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_bluegalaxy.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: [Local wallpaper]
+$colorbarbg: #073A42;
+$colorbg: rgba(7,58,66,0.75);
+$colortext: #86d7d3;
+$color0: #128D91;
+$color1: #269F9B;
+$color2: #12A39C;
+$color3: #159CA2;
+$color4: #15ADAB;
+$color5: #15C6B8;
+$color6: #86d7d3;
+$color7: #159CA2;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_bluenation.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_bluenation.scss
new file mode 100755
index 000000000..eca473230
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_bluenation.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #1f252d;
+$colorbg: rgba(31,37,45,0.75);
+$colortext: #e6e2e7;
+$color0: #60C4F1;
+$color1: #9F9BAB;
+$color2: #DBB4AD;
+$color3: #A2AECF;
+$color4: #CFB7CE;
+$color5: #A4D7F1;
+$color6: #e6e2e7;
+$color7: #A2AECF;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_bluenation_purple.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_bluenation_purple.scss
new file mode 100755
index 000000000..66ddd1e9b
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_bluenation_purple.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0A0A12;
+$colorbg: rgba(10,10,18,0.75);
+$colortext: #e5e3e9;
+$color0: #39B1D7;
+$color1: #63A0D4;
+$color2: #C1A2AA;
+$color3: #9BA1CF;
+$color4: #D2B6D5;
+$color5: #A3D9F0;
+$color6: #e5e3e9;
+$color7: #9BA1CF;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_blueroar.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_blueroar.scss
new file mode 100755
index 000000000..d47487c4d
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_blueroar.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/4Me9rKMKIiY/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_gmAAtAFigIMCAAQARgdIGUoYDAP&rs=AOn4CLCTO0d31Dqgq1VrZ7Kyc7QQprKctw
+$colorbarbg: #090713;
+$colorbg: rgba(9,7,19,0.75);
+$colortext: #e2d0e1;
+$color0: #E72DA9;
+$color1: #C24BB3;
+$color2: #40A5C1;
+$color3: #32EBDC;
+$color4: #4FE0DB;
+$color5: #B4B1B4;
+$color6: #e2d0e1;
+$color7: #32EBDC;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_breakaway.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_breakaway.scss
new file mode 100755
index 000000000..a1abbaecb
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_breakaway.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/OdasYzoN7TQ/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCYFcwiVGbaXXSPIUCHH7RG7dYbMQ
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #494194;
+$colorbg: rgba(73,65,148,0.7);
+$colortext: #e0eaf5;
+$color0: #C9B0FD;
+$color1: #E3BCFE;
+$color2: #ABD4FD;
+$color3: #B1D2FD;
+$color4: #CDD2FD;
+$color5: #E5D6FC;
+$color6: #e0eaf5;
+$color7: #B1D2FD;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_bunnygirl.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_bunnygirl.scss
new file mode 100755
index 000000000..988b156c7
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_bunnygirl.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000464639244-hzoi9t-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #060514;
+$colorbg: rgba(6,5,20,0.7);
+$colortext: #96cfeb;
+$color0: #0C30A0;
+$color1: #1A50A5;
+$color2: #1463D3;
+$color3: #5443D2;
+$color4: #AF5CDC;
+$color5: #A259EE;
+$color6: #96cfeb;
+$color7: #5443D2;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_bythesunlitwindow.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_bythesunlitwindow.scss
new file mode 100755
index 000000000..bea613d5c
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_bythesunlitwindow.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/m-imaoaZ9ho/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLBkvbpwGwMXwTM2ezepbUGV05pLFg
+$colorbarbg: #100d21;
+$colorbg: rgba(16,13,33,0.75);
+$colortext: #f5d9f5;
+$color0: #9A6BA7;
+$color1: #AA7AC3;
+$color2: #BF86B9;
+$color3: #B786CE;
+$color4: #D198D6;
+$color5: #F1B7F3;
+$color6: #f5d9f5;
+$color7: #B786CE;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_crystalcave.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_crystalcave.scss
new file mode 100755
index 000000000..f96c059e1
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_crystalcave.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi_webp/4cFD-5w5cyA/mqdefault.webp
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #081229;
+$colorbg: rgba(8,18,41,0.3);
+$colortext: #e4e9ed;
+$color0: #2A9EE5;
+$color1: #4E9DC4;
+$color2: #5CA4E1;
+$color3: #62D9F9;
+$color4: #A2AAD6;
+$color5: #9FE4F8;
+$color6: #e4e9ed;
+$color7: #62D9F9;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_cutelight.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_cutelight.scss
new file mode 100755
index 000000000..e32a111f0
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_cutelight.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/hcbc09-cQaM/mqdefault.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #fdfdfd;
+$colorbg: rgba(253,253,253,0.7);
+$colortext: #4B4752;
+$color0: #A2A1AB;
+$color1: #D8B3B1;
+$color2: #9EB4CC;
+$color3: #B1CADB;
+$color4: #DFC1C1;
+$color5: #CECFD4;
+$color6: #4B4752;
+$color7: #B1CADB;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_cyan.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_cyan.scss
new file mode 100755
index 000000000..d47487c4d
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_cyan.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/4Me9rKMKIiY/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_gmAAtAFigIMCAAQARgdIGUoYDAP&rs=AOn4CLCTO0d31Dqgq1VrZ7Kyc7QQprKctw
+$colorbarbg: #090713;
+$colorbg: rgba(9,7,19,0.75);
+$colortext: #e2d0e1;
+$color0: #E72DA9;
+$color1: #C24BB3;
+$color2: #40A5C1;
+$color3: #32EBDC;
+$color4: #4FE0DB;
+$color5: #B4B1B4;
+$color6: #e2d0e1;
+$color7: #32EBDC;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_cycles.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_cycles.scss
new file mode 100755
index 000000000..4746c072b
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_cycles.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/gmSGmgffLXI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDoJVlARTVsqnvWgL506qzeguKpdw
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #120a0b;
+$colorbg: rgba(18,10,11,0.7);
+$colortext: #ddcdc3;
+$color0: #A56E56;
+$color1: #E37748;
+$color2: #FD843B;
+$color3: #AB8873;
+$color4: #FB8C4C;
+$color5: #F0A068;
+$color6: #ddcdc3;
+$color7: #AB8873;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_decoyworld.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_decoyworld.scss
new file mode 100755
index 000000000..e9f4f3915
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_decoyworld.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000277772429-kb8c52-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0a1318;
+$colorbg: rgba(10,19,24,0.7);
+$colortext: #c5eff0;
+$color0: #4C7192;
+$color1: #A575A5;
+$color2: #318CB3;
+$color3: #39A6CE;
+$color4: #4AB2D2;
+$color5: #4EDEF1;
+$color6: #c5eff0;
+$color7: #39A6CE;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_default.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_default.scss
new file mode 100755
index 000000000..1087e62dd
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_default.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #222322;
+$colorbg: rgba(34,35,34,0.75);
+$colortext: #e8e0e5;
+$color0: #A494A5;
+$color1: #D3A8AB;
+$color2: #EAD7AF;
+$color3: #A5ACD0;
+$color4: #D4B6CF;
+$color5: #96D7F2;
+$color6: #e8e0e5;
+$color7: #A5ACD0;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_disconnectedblue.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_disconnectedblue.scss
new file mode 100755
index 000000000..332e6ed4c
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_disconnectedblue.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/_z1L9alieOI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLA_0euyiuQSHnE8Gn0l5AECOTvFtQ
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #000000;
+$colorbg: rgba(0,0,0,0.7);
+$colortext: #ebe9e4;
+$color0: #727085;
+$color1: #019DB5;
+$color2: #0CA6B6;
+$color3: #5BB8B8;
+$color4: #04A2C9;
+$color5: #BAC5AC;
+$color6: #ebe9e4;
+$color7: #5BB8B8;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_disconnectedblue_dark.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_disconnectedblue_dark.scss
new file mode 100755
index 000000000..b43084431
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_disconnectedblue_dark.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/_z1L9alieOI/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLDk081Hk_24mnKxtawjxKQ64rrQDg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #000000;
+$colorbg: rgba(0,0,0,0.75);
+$colortext: #e8eae5;
+$color0: #767C80;
+$color1: #039CB7;
+$color2: #14A0AC;
+$color3: #5EB6B9;
+$color4: #08A1C9;
+$color5: #BAC8AE;
+$color6: #e8eae5;
+$color7: #5EB6B9;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_eclipse.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_eclipse.scss
new file mode 100755
index 000000000..6134c3d0d
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_eclipse.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #060305;
+$colorbg: rgba(6,3,5,0.7);
+$colortext: #e1ccd3;
+$color0: #F85B13;
+$color1: #A05862;
+$color2: #F2B61A;
+$color3: #7B6985;
+$color4: #9B6F8D;
+$color5: #AA99A2;
+$color6: #e1ccd3;
+$color7: #7B6985;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_eternalmelody.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_eternalmelody.scss
new file mode 100755
index 000000000..7e4e4722d
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_eternalmelody.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0A0518;
+$colorbg: rgba(10,5,24,0.7);
+$colortext: #dec8d0;
+$color0: #905772;
+$color1: #A35161;
+$color2: #7B5C87;
+$color3: #A36D8F;
+$color4: #CA799B;
+$color5: #D79EAB;
+$color6: #dec8d0;
+$color7: #A36D8F;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_euphoria.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_euphoria.scss
new file mode 100755
index 000000000..d3e1bdeb4
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_euphoria.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/7Pyt_xftxM8/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_gmAAtAFigIMCAAQARh_ID0oJDAP&rs=AOn4CLCqLpcalabHrrGdKHYreXbaxo3BMw
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #1b0d07;
+$colorbg: rgba(27,13,7,0.7);
+$colortext: #e9dfab;
+$color0: #985F2B;
+$color1: #AA7133;
+$color2: #B16F45;
+$color3: #B78938;
+$color4: #BD9343;
+$color5: #D1A450;
+$color6: #e9dfab;
+$color7: #B78938;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_everythinggoeson.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_everythinggoeson.scss
new file mode 100755
index 000000000..6fc71e614
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_everythinggoeson.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-JgiEcXItFfvrKUZ9-aVqgEw-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #271626;
+$colorbg: rgba(39,22,38,0.7);
+$colortext: #f5deec;
+$color0: #BBA7A7;
+$color1: #EE91B4;
+$color2: #F88FCD;
+$color3: #FCB0D0;
+$color4: #F5ADE0;
+$color5: #F2C6D9;
+$color6: #f5deec;
+$color7: #FCB0D0;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_finale.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_finale.scss
new file mode 100755
index 000000000..14501b69f
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_finale.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-rs5BJbnE1joHdT19-cy5Ilg-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #4c0f0c;
+$colorbg: rgba(76,15,12,0.3);
+$colortext: #f3dfdd;
+$color0: #F8817E;
+$color1: #BD8683;
+$color2: #F98D89;
+$color3: #F7A49B;
+$color4: #FAB5AA;
+$color5: #FBC5B8;
+$color6: #f3dfdd;
+$color7: #F7A49B;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_finalstep.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_finalstep.scss
new file mode 100755
index 000000000..d352b16b4
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_finalstep.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/v3JExHpJ09s/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAsQ6siv_HQMVyJmfFx_WoSo-ZHkA
+$colorbarbg: #240440;
+$colorbg: rgba(36,4,64,0.75);
+$colortext: #ecdfed;
+$color0: #AC16C7;
+$color1: #B117DF;
+$color2: #8701E7;
+$color3: #C53CC3;
+$color4: #D526D7;
+$color5: #D5A2DA;
+$color6: #ecdfed;
+$color7: #C53CC3;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_flare.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_flare.scss
new file mode 100755
index 000000000..185608576
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_flare.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/51k7SJPDUNo/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB1AaAAuADigIMCAAQARh_IE4oGjAP&rs=AOn4CLATHs_fDDtgQN42Gi-Dwj9AvUCnqQ
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0B0702;
+$colorbg: rgba(11,7,2,0.75);
+$colortext: #ead69c;
+$color0: #696350;
+$color1: #92360F;
+$color2: #9C5823;
+$color3: #A7683C;
+$color4: #DA681D;
+$color5: #F09A2D;
+$color6: #ead69c;
+$color7: #A7683C;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_flate.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_flate.scss
new file mode 100755
index 000000000..185608576
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_flate.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/51k7SJPDUNo/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB1AaAAuADigIMCAAQARh_IE4oGjAP&rs=AOn4CLATHs_fDDtgQN42Gi-Dwj9AvUCnqQ
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0B0702;
+$colorbg: rgba(11,7,2,0.75);
+$colortext: #ead69c;
+$color0: #696350;
+$color1: #92360F;
+$color2: #9C5823;
+$color3: #A7683C;
+$color4: #DA681D;
+$color5: #F09A2D;
+$color6: #ead69c;
+$color7: #A7683C;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_flowers.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_flowers.scss
new file mode 100755
index 000000000..d6fbabb0d
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_flowers.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #212528;
+$colorbg: rgba(33,37,40,0.3);
+$colortext: #e7e4e2;
+$color0: #99798C;
+$color1: #6A87B1;
+$color2: #668FCA;
+$color3: #A39BA5;
+$color4: #97AFD7;
+$color5: #C5BDC5;
+$color6: #e7e4e2;
+$color7: #A39BA5;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_forest_bluegreen.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_forest_bluegreen.scss
new file mode 100755
index 000000000..077deb1b0
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_forest_bluegreen.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: [Local wallpaper]
+$colorbarbg: #0C1013;
+$colorbg: rgba(12,16,19,0.75);
+$colortext: #c4cac3;
+$color0: #7B805D;
+$color1: #BCBD58;
+$color2: #999667;
+$color3: #4C748A;
+$color4: #6B919C;
+$color5: #7BADC4;
+$color6: #c4cac3;
+$color7: #4C748A;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_forever.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_forever.scss
new file mode 100755
index 000000000..88531ad53
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_forever.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/8abwtVLP18Y/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLABvuWZHErcUxghiy_4ZuNZFFoXUA
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #06060F;
+$colorbg: rgba(6,6,15,0.7);
+$colortext: #a1c6e4;
+$color0: #5322A1;
+$color1: #433AA8;
+$color2: #62589F;
+$color3: #691FD5;
+$color4: #8F4FB7;
+$color5: #9262DB;
+$color6: #a1c6e4;
+$color7: #691FD5;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_forsythia.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_forsythia.scss
new file mode 100755
index 000000000..b78a73ad8
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_forsythia.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #2c2d1e;
+$colorbg: rgba(44,45,30,0.7);
+$colortext: #f1ece0;
+$color0: #ECD069;
+$color1: #AFA892;
+$color2: #CFB29F;
+$color3: #BAC59C;
+$color4: #E1D7A8;
+$color5: #EDD9C9;
+$color6: #f1ece0;
+$color7: #BAC59C;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_frozenheart.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_frozenheart.scss
new file mode 100755
index 000000000..a87db2f8e
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_frozenheart.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #1b1516;
+$colorbg: rgba(27,21,22,0.7);
+$colortext: #e9e5e8;
+$color0: #CDAEB2;
+$color1: #CDBFC2;
+$color2: #D1BCC3;
+$color3: #D9CBD2;
+$color4: #E7D3D4;
+$color5: #E3DBE0;
+$color6: #e9e5e8;
+$color7: #D9CBD2;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_genshinbeach.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_genshinbeach.scss
new file mode 100755
index 000000000..3db72c6ff
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_genshinbeach.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #161c30;
+$colorbg: rgba(22,28,48,0.75);
+$colortext: #dfedf5;
+$color0: #99B5DE;
+$color1: #92CBF6;
+$color2: #ACD7F7;
+$color3: #B0E2F7;
+$color4: #E7D2D7;
+$color5: #FDEBD4;
+$color6: #dfedf5;
+$color7: #B0E2F7;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_godrays.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_godrays.scss
new file mode 100755
index 000000000..2e4edf3e7
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_godrays.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: [Local wallpaper]
+$colorbarbg: #081304;
+$colorbg: rgba(8,19,4,0.75);
+$colortext: #d2d9cd;
+$color0: #3C5749;
+$color1: #8B7521;
+$color2: #897949;
+$color3: #9F8F28;
+$color4: #B9AA4C;
+$color5: #5B8B80;
+$color6: #d2d9cd;
+$color7: #9F8F28;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_green.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_green.scss
new file mode 100755
index 000000000..b9e81f908
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_green.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #10100f;
+$colorbg: rgba(16,16,15,0.75);
+$colortext: #cbccc8;
+$color0: #656B5A;
+$color1: #70736B;
+$color2: #817E7D;
+$color3: #7C836D;
+$color4: #858B79;
+$color5: #90928B;
+$color6: #cbccc8;
+$color7: #7C836D;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_ice.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_ice.scss
new file mode 100755
index 000000000..fb7458878
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_ice.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000141682356-dsvdol-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0c1d33;
+$colorbg: rgba(12,29,51,0.7);
+$colortext: #dee6ed;
+$color0: #4977AC;
+$color1: #5F8AB8;
+$color2: #739BC5;
+$color3: #849FBF;
+$color4: #92B1D2;
+$color5: #B1C9E2;
+$color6: #dee6ed;
+$color7: #849FBF;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_innovation.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_innovation.scss
new file mode 100755
index 000000000..d5bee16dd
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_innovation.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-VzJtkezGcHZPTQwV-sj8hyg-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #1d1525;
+$colorbg: rgba(29,21,37,0.7);
+$colortext: #e8dfec;
+$color0: #891A8B;
+$color1: #9726AD;
+$color2: #AF48BD;
+$color3: #D55FD7;
+$color4: #7392CA;
+$color5: #CA9CD4;
+$color6: #e8dfec;
+$color7: #D55FD7;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_iswear.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_iswear.scss
new file mode 100755
index 000000000..52931b096
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_iswear.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/pLQGfSQUuCM/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAxjZ9gSU45DvSy7J__T2odBUct4w
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #150f0f;
+$colorbg: rgba(21,15,15,0.7);
+$colortext: #f5eae1;
+$color0: #CF8A77;
+$color1: #B29890;
+$color2: #E5AB94;
+$color3: #DAC6AF;
+$color4: #F4D0B6;
+$color5: #F7DCC5;
+$color6: #f5eae1;
+$color7: #DAC6AF;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_iwillpickyouup.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_iwillpickyouup.scss
new file mode 100755
index 000000000..9d0febf8f
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_iwillpickyouup.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000058034277-sq9814-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0A0C09;
+$colorbg: rgba(10,12,9,0.3);
+$colortext: #d6d6d6;
+$color0: #7F7E7E;
+$color1: #1BAC6D;
+$color2: #57938D;
+$color3: #02FA97;
+$color4: #969595;
+$color5: #AEADAD;
+$color6: #d6d6d6;
+$color7: #02FA97;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_kurumi.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_kurumi.scss
new file mode 100755
index 000000000..8262516da
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_kurumi.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-viSbRZk1zikdSKYq-C4WdAw-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #171216;
+$colorbg: rgba(23,18,22,0.7);
+$colortext: #e8e1e3;
+$color0: #995A5D;
+$color1: #DF5A5D;
+$color2: #5F5C8F;
+$color3: #AC7492;
+$color4: #918C90;
+$color5: #C2A6AE;
+$color6: #e8e1e3;
+$color7: #AC7492;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_lazertrack.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_lazertrack.scss
new file mode 100755
index 000000000..9f8ea2dfa
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_lazertrack.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000499340190-zt5zgv-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #1c1c25;
+$colorbg: rgba(28,28,37,0.7);
+$colortext: #e8d0dd;
+$color0: #A5528A;
+$color1: #C36192;
+$color2: #82828E;
+$color3: #A792A0;
+$color4: #D79EA1;
+$color5: #D1D3B5;
+$color6: #e8d0dd;
+$color7: #A792A0;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_lover.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_lover.scss
new file mode 100755
index 000000000..0a015f421
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_lover.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/5kJFLc58nWo/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCwudZBZijm8By6VI7WSUnLSlh2gA
+$colorbarbg: #0e1521;
+$colorbg: rgba(14,21,33,0.75);
+$colortext: #eedee7;
+$color0: #DF7091;
+$color1: #7486A9;
+$color2: #9E92AE;
+$color3: #CEA3B6;
+$color4: #B1ABC6;
+$color5: #D8B4CC;
+$color6: #eedee7;
+$color7: #CEA3B6;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_lullaby.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_lullaby.scss
new file mode 100755
index 000000000..a66f99d18
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_lullaby.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-cAla9lDzW6P2WRRA-yJp1yg-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0B1B29;
+$colorbg: rgba(11,27,41,0.7);
+$colortext: #9fd7d5;
+$color0: #174F6A;
+$color1: #634F64;
+$color2: #9D1D14;
+$color3: #D32509;
+$color4: #BA5341;
+$color5: #226D88;
+$color6: #9fd7d5;
+$color7: #D32509;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_meltdown.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_meltdown.scss
new file mode 100755
index 000000000..704f454e6
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_meltdown.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/Ym0VhyO0ajM/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLAnOkNUJDDk6eA2RagDI-cOWNqthw
+$colorbarbg: #09253A;
+$colorbg: rgba(9,37,58,0.75);
+$colortext: #9acee4;
+$color0: #1E649F;
+$color1: #106FAF;
+$color2: #1576CE;
+$color3: #2B89B4;
+$color4: #3AAED8;
+$color5: #229EE6;
+$color6: #9acee4;
+$color7: #2B89B4;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_mirror.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_mirror.scss
new file mode 100755
index 000000000..d97951d93
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_mirror.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/co1QafXwo4g/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAncOMlDFU5jwlz8_EJITJPz1xaxQ
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0a0614;
+$colorbg: rgba(10,6,20,0.7);
+$colortext: #e2e4f0;
+$color0: #5F1DD9;
+$color1: #334AC7;
+$color2: #625CE0;
+$color3: #924CC2;
+$color4: #4EA3E3;
+$color5: #A6B1E4;
+$color6: #e2e4f0;
+$color7: #924CC2;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_monster.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_monster.scss
new file mode 100755
index 000000000..f798b073c
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_monster.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/0CuTOGKMWW0/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBkQ9ETNGNv538s2qddDWjrEvW4-A
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #09020A;
+$colorbg: rgba(9,2,10,0.7);
+$colortext: #e5f0e2;
+$color0: #059687;
+$color1: #02B091;
+$color2: #01CB9A;
+$color3: #13F3A9;
+$color4: #5CD8A6;
+$color5: #A2E4BC;
+$color6: #e5f0e2;
+$color7: #13F3A9;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_moonlight.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_moonlight.scss
new file mode 100755
index 000000000..d7e3ebb23
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_moonlight.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/zJ9NHv9UIHI/mqdefault.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0f071d;
+$colorbg: rgba(15,7,29,0.7);
+$colortext: #a7bbe0;
+$color0: #E99A71;
+$color1: #592D9A;
+$color2: #5B549F;
+$color3: #5D57C1;
+$color4: #A254B2;
+$color5: #9B61D1;
+$color6: #a7bbe0;
+$color7: #5D57C1;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_multi.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_multi.scss
new file mode 100755
index 000000000..ea9d93aeb
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_multi.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000102218806-ducxb5-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #07172C;
+$colorbg: rgba(7,23,44,0.7);
+$colortext: #cbe3df;
+$color0: #AECD77;
+$color1: #3C6D8D;
+$color2: #5E9E96;
+$color3: #5EB2A8;
+$color4: #9ECEB0;
+$color5: #A2C3AD;
+$color6: #cbe3df;
+$color7: #5EB2A8;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_neon_bluered.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_neon_bluered.scss
new file mode 100755
index 000000000..f4739d271
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_neon_bluered.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #05040A;
+$colorbg: rgba(5,4,10,0.75);
+$colortext: #83cbe3;
+$color0: #46315F;
+$color1: #BD2925;
+$color2: #E6A567;
+$color3: #0B4B90;
+$color4: #1C5095;
+$color5: #1263AA;
+$color6: #83cbe3;
+$color7: #0B4B90;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_notfound.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_notfound.scss
new file mode 100755
index 000000000..a46fd755e
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_notfound.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/VPAbyHafVq4/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBPcSDAncsROkuIMYJHgZwUbfZGMg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #251923;
+$colorbg: rgba(37,25,35,0.7);
+$colortext: #ecdedf;
+$color0: #E26A78;
+$color1: #827590;
+$color2: #A67087;
+$color3: #E57485;
+$color4: #BD9DA2;
+$color5: #E5A0A2;
+$color6: #ecdedf;
+$color7: #E57485;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_nova.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_nova.scss
new file mode 100755
index 000000000..31cf85f1b
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_nova.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/OnVNcl7mX_Q/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBh9_sgGX3UhmFVI4HmgNskpjRy6w
+$colorbarbg: #070C12;
+$colorbg: rgba(7,12,18,0.75);
+$colortext: #e3e7ea;
+$color0: #32678E;
+$color1: #636790;
+$color2: #947694;
+$color3: #68A5C0;
+$color4: #A7A5B5;
+$color5: #95E2EB;
+$color6: #e3e7ea;
+$color7: #68A5C0;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_nowthatitstrue.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_nowthatitstrue.scss
new file mode 100755
index 000000000..7304109ea
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_nowthatitstrue.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-ztgvVI8fjqhzocM1-cFVrJw-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #17303c;
+$colorbg: rgba(23,48,60,0.7);
+$colortext: #e3eaee;
+$color0: #6FAED0;
+$color1: #8DAAB7;
+$color2: #A8C1BE;
+$color3: #8FB3CB;
+$color4: #9CBCD2;
+$color5: #A4D1E3;
+$color6: #e3eaee;
+$color7: #8FB3CB;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_outbreaker.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_outbreaker.scss
new file mode 100755
index 000000000..b7a097906
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_outbreaker.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: https://lh3.googleusercontent.com/mjuSrFmUlV0OV07Jwp8t4djDxzT2NHHTYP5e-lX3Al6GPJU2ZeB42W6zah4PsLaRYyRj0CgLpiKwAYg=w544-h544-l90-rj
+$colorbarbg: #18130e;
+$colorbg: rgba(24,19,14,0.75);
+$colortext: #e6e6df;
+$color0: #968F71;
+$color1: #CCA856;
+$color2: #387489;
+$color3: #5E8F8B;
+$color4: #9DA894;
+$color5: #D0CDA5;
+$color6: #e6e6df;
+$color7: #5E8F8B;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_outer.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_outer.scss
new file mode 100755
index 000000000..036867c94
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_outer.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/JkQ0izNVq6w/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLBWz3L9h6QvOBRnl4EQ25BULuM6zg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0d121b;
+$colorbg: rgba(13,18,27,0.75);
+$colortext: #a0bfbf;
+$color0: #465453;
+$color1: #57665B;
+$color2: #4A6D6D;
+$color3: #5A8875;
+$color4: #437B84;
+$color5: #3E8B95;
+$color6: #a0bfbf;
+$color7: #5A8875;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_pagoda.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_pagoda.scss
new file mode 100755
index 000000000..e9886045e
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_pagoda.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/knIdltn-uf4/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLADTZm2jBfLCa2JY3aoHG9fNviejQ
+$colorbarbg: #090f19;
+$colorbg: rgba(9,15,25,0.75);
+$colortext: #c6e5ea;
+$color0: #587192;
+$color1: #6094A6;
+$color2: #5CAAD1;
+$color3: #53BCD5;
+$color4: #9A9FA6;
+$color5: #AABDC2;
+$color6: #c6e5ea;
+$color7: #53BCD5;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_piano.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_piano.scss
new file mode 100755
index 000000000..84c0528e1
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_piano.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #040E12;
+$colorbg: rgba(4,14,18,0.7);
+$colortext: #82e6f5;
+$color0: #405359;
+$color1: #07548B;
+$color2: #0A6DA3;
+$color3: #066BC8;
+$color4: #209FC4;
+$color5: #0C9DE0;
+$color6: #82e6f5;
+$color7: #066BC8;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_purple.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_purple.scss
new file mode 100755
index 000000000..fdb67ff21
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_purple.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/cyFL7KJGcC0/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLD2KimuXxcvovdtjbcANlLWcypN2A
+$colorbarbg: #270f25;
+$colorbg: rgba(39,15,37,0.75);
+$colortext: #e2dfe0;
+$color0: #7A5592;
+$color1: #990297;
+$color2: #E601AA;
+$color3: #BA1DC7;
+$color4: #7B8280;
+$color5: #B1A3A4;
+$color6: #e2dfe0;
+$color7: #BA1DC7;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_purpleplanet.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_purpleplanet.scss
new file mode 100755
index 000000000..4eedcf75f
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_purpleplanet.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000145811820-tdcxea-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #020204;
+$colorbg: rgba(2,2,4,0.7);
+$colortext: #eeddf4;
+$color0: #6F6BCF;
+$color1: #857AD7;
+$color2: #7E81DD;
+$color3: #9B87BB;
+$color4: #A198F2;
+$color5: #CBB6FA;
+$color6: #eeddf4;
+$color7: #9B87BB;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_questions.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_questions.scss
new file mode 100755
index 000000000..a554a0caf
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_questions.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/zvuFqUO0lVI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBBWCjrEnW6fFvusjyR20ghqVkuRQ
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0b0a2b;
+$colorbg: rgba(11,10,43,0.7);
+$colortext: #ece6e7;
+$color0: #974DEC;
+$color1: #679AD7;
+$color2: #78BED7;
+$color3: #A0A1D9;
+$color4: #BFACD9;
+$color5: #A1D7E2;
+$color6: #ece6e7;
+$color7: #A0A1D9;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_quicksand.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_quicksand.scss
new file mode 100755
index 000000000..18424f079
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_quicksand.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/sgfF7QXhNPA/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDCzrCG50-ll2-ilsgYtJI-YL8_iw
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #24253d;
+$colorbg: rgba(36,37,61,0.7);
+$colortext: #ece2e5;
+$color0: #62B3D4;
+$color1: #6CD0D0;
+$color2: #72E1DD;
+$color3: #E997AE;
+$color4: #C7ADC5;
+$color5: #9BDDDF;
+$color6: #ece2e5;
+$color7: #E997AE;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_raindrops.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_raindrops.scss
new file mode 100755
index 000000000..e3db8d541
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_raindrops.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/bQPEwCqhBjQ/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLC-aefrQSi8LgVWH_FeTG7Yrl7b-g
+$colorbarbg: #071E23;
+$colorbg: rgba(7,30,35,0.75);
+$colortext: #d9d4dc;
+$color0: #505F63;
+$color1: #727B84;
+$color2: #897F88;
+$color3: #78838B;
+$color4: #9E9BA7;
+$color5: #BBB5C5;
+$color6: #d9d4dc;
+$color7: #78838B;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_rebootcode.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_rebootcode.scss
new file mode 100755
index 000000000..0e87ff9fc
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_rebootcode.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-PkAvHpDy3ypruTdy-C5m8rA-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #091c22;
+$colorbg: rgba(9,28,34,0.3);
+$colortext: #c5d8d3;
+$color0: #159DA2;
+$color1: #5B9FA2;
+$color2: #1FC7B8;
+$color3: #5ECEBA;
+$color4: #2FC9C6;
+$color5: #62D7C9;
+$color6: #c5d8d3;
+$color7: #5ECEBA;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_red.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_red.scss
new file mode 100755
index 000000000..f0505380a
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_red.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-vz229DA99tPFdm3E-eDLGdQ-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #330a09;
+$colorbg: rgba(51,10,9,0.7);
+$colortext: #ebc9c4;
+$color0: #E93B2F;
+$color1: #B74037;
+$color2: #DF4C37;
+$color3: #EA4737;
+$color4: #E86155;
+$color5: #E78A75;
+$color6: #ebc9c4;
+$color7: #EA4737;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_red_material.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_red_material.scss
new file mode 100755
index 000000000..3e685b21a
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_red_material.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: [Local wallpaper]
+$colorbarbg: #111421;
+$colorbg: rgba(17,20,33,0.75);
+$colortext: #efe2e2;
+$color0: #EC6E70;
+$color1: #A07A85;
+$color2: #A9A0A9;
+$color3: #F18D8C;
+$color4: #EBABAB;
+$color5: #EADADC;
+$color6: #efe2e2;
+$color7: #F18D8C;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_ripples.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_ripples.scss
new file mode 100755
index 000000000..5f7a1638f
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_ripples.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/iwc8xXoL3WM/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBCdzgc6r9qvldRzSjRoZGX_vCpwg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #161a2e;
+$colorbg: rgba(22,26,46,0.7);
+$colortext: #e3ebf1;
+$color0: #31E3F5;
+$color1: #54DCF6;
+$color2: #6FE7FB;
+$color3: #CBA6D3;
+$color4: #91EBFB;
+$color5: #ACEBF6;
+$color6: #e3ebf1;
+$color7: #CBA6D3;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_running.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_running.scss
new file mode 100755
index 000000000..e0974b6c7
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_running.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/Crlc6AQr61M/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLDdQPef0Ec5x28JLgLCyT4Qa9JeqQ
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #201d2b;
+$colorbg: rgba(32,29,43,0.75);
+$colortext: #cbdee0;
+$color0: #8C77B7;
+$color1: #718C8F;
+$color2: #679D97;
+$color3: #4ED0C4;
+$color4: #91A8AD;
+$color5: #AAB4C7;
+$color6: #cbdee0;
+$color7: #4ED0C4;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_s73.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_s73.scss
new file mode 100755
index 000000000..e20accf94
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_s73.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000117563971-vx726i-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #110e0f;
+$colorbg: rgba(17,14,15,0.7);
+$colortext: #eee8e1;
+$color0: #A29EA5;
+$color1: #E499B3;
+$color2: #B1B8C5;
+$color3: #F79AC3;
+$color4: #93D0F2;
+$color5: #ECD8CF;
+$color6: #eee8e1;
+$color7: #F79AC3;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_seethestars.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_seethestars.scss
new file mode 100755
index 000000000..17f7bc11b
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_seethestars.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/TYMPpgRonQo/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAaay-LobzXjEY4nR6cRMzjWXPzKA
+$colorbarbg: #0F0A0B;
+$colorbg: rgba(15,10,11,0.75);
+$colortext: #b1babe;
+$color0: #4D4658;
+$color1: #52546E;
+$color2: #656376;
+$color3: #A1D51C;
+$color4: #B4D655;
+$color5: #616A86;
+$color6: #b1babe;
+$color7: #A1D51C;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_shelter.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_shelter.scss
new file mode 100755
index 000000000..7f4711648
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_shelter.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/HQnC1UHBvWA/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDHErZfzFhJMeje_Tbpc7nZgAn7Bw
+$colorbarbg: #10212e;
+$colorbg: rgba(16,33,46,0.75);
+$colortext: #efeac9;
+$color0: #50B6A3;
+$color1: #15E09E;
+$color2: #04F3B2;
+$color3: #0BFCCB;
+$color4: #2BFAD4;
+$color5: #AFBE9F;
+$color6: #efeac9;
+$color7: #0BFCCB;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_shiny.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_shiny.scss
new file mode 100755
index 000000000..2e38eefba
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_shiny.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0D0F2B;
+$colorbg: rgba(13,15,43,0.7);
+$colortext: #e2ecf5;
+$color0: #5C6ADF;
+$color1: #B650B9;
+$color2: #6798EE;
+$color3: #40C3F0;
+$color4: #999DE3;
+$color5: #BBC9EC;
+$color6: #e2ecf5;
+$color7: #40C3F0;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_something.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_something.scss
new file mode 100755
index 000000000..790a742b1
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_something.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-nL66GQT0mV6xB0sq-VWO0IQ-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #141030;
+$colorbg: rgba(20,16,48,0.7);
+$colortext: #e2e4e9;
+$color0: #C74DD3;
+$color1: #D14EED;
+$color2: #DA5BEE;
+$color3: #47D3F2;
+$color4: #B4BAD8;
+$color5: #CAACD3;
+$color6: #e2e4e9;
+$color7: #47D3F2;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_spacepark.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_spacepark.scss
new file mode 100755
index 000000000..772becf18
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_spacepark.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/4a7IQMXRTjo/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLAbgVnnrFumMO52CQqoOH07NAAoiw
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #180c09;
+$colorbg: rgba(24,12,9,0.75);
+$colortext: #efe1de;
+$color0: #D5754A;
+$color1: #D29156;
+$color2: #E9995F;
+$color3: #A49A98;
+$color4: #ECB19B;
+$color5: #F9C7B3;
+$color6: #efe1de;
+$color7: #A49A98;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_store.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_store.scss
new file mode 100755
index 000000000..0d7028c2c
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_store.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #1f1207;
+$colorbg: rgba(31,18,7,0.75);
+$colortext: #cad7db;
+$color0: #AF8D61;
+$color1: #CEB153;
+$color2: #D99C69;
+$color3: #7B8387;
+$color4: #E4A794;
+$color5: #EFD69C;
+$color6: #cad7db;
+$color7: #7B8387;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_stray.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_stray.scss
new file mode 100755
index 000000000..ad37ecac3
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_stray.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/wmxTC1Ekdl0/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLC3jHf2azRr9sX7Uf9X4jkA-WBouw
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #020408;
+$colorbg: rgba(2,4,8,0.7);
+$colortext: #96e7cb;
+$color0: #2A6D69;
+$color1: #4A736A;
+$color2: #1C8E6F;
+$color3: #56A264;
+$color4: #8EA36F;
+$color5: #28A58C;
+$color6: #96e7cb;
+$color7: #56A264;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_thinkingaboutyou.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_thinkingaboutyou.scss
new file mode 100755
index 000000000..cde93cadb
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_thinkingaboutyou.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-vh98Q4s3QFJT23EV-FvvRqg-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0a0115;
+$colorbg: rgba(10,1,21,0.7);
+$colortext: #a5e7ec;
+$color0: #265B9D;
+$color1: #5363A2;
+$color2: #416BCC;
+$color3: #9763B1;
+$color4: #2FAAC9;
+$color5: #5DA2D9;
+$color6: #a5e7ec;
+$color7: #9763B1;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_towerofheaven.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_towerofheaven.scss
new file mode 100755
index 000000000..519b30ae3
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_towerofheaven.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/z-sAl3S5qB8/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDzRfHxWNw0j06WF2biOQ-VbcUoTw
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #050908;
+$colorbg: rgba(5,9,8,0.7);
+$colortext: #e6eee7;
+$color0: #BDB85E;
+$color1: #376993;
+$color2: #639B9B;
+$color3: #43B9BF;
+$color4: #09ABE4;
+$color5: #ADCBBD;
+$color6: #e6eee7;
+$color7: #43B9BF;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_treecity.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_treecity.scss
new file mode 100755
index 000000000..78f49ceed
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_treecity.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #10100f;
+$colorbg: rgba(16,16,15,0.3);
+$colortext: #cececd;
+$color0: #70736B;
+$color1: #807E7D;
+$color2: #7C836E;
+$color3: #858B79;
+$color4: #90928C;
+$color5: #A1A596;
+$color6: #cececd;
+$color7: #858B79;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_ureshii.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_ureshii.scss
new file mode 100755
index 000000000..aae3af0ec
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_ureshii.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/wbKCxh6Cbas/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBGivzPsRD2wlU0kfKvi78QajjbbQ
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #191316;
+$colorbg: rgba(25,19,22,0.7);
+$colortext: #e2eef4;
+$color0: #57AED7;
+$color1: #ACA5AB;
+$color2: #E8A2AA;
+$color3: #F2B9C6;
+$color4: #ACDCF3;
+$color5: #EED1D4;
+$color6: #e2eef4;
+$color7: #F2B9C6;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_vacuumtrack.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_vacuumtrack.scss
new file mode 100755
index 000000000..0f681e589
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_vacuumtrack.scss
@@ -0,0 +1,12 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/1pS7H0idJok/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLArWcsuqPN1TEVR4A0ipjGuM69bsA
+$colorbarbg: #05070C;
+$colorbg: rgba(5,7,12,0.75);
+$colortext: #e1ecef;
+$color0: #60A15F;
+$color1: #2F728D;
+$color2: #50A0A6;
+$color3: #9AA8AB;
+$color4: #A9D4DF;
+$color5: #CDD7DB;
+$color6: #e1ecef;
+$color7: #9AA8AB;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_valhalla.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_valhalla.scss
new file mode 100755
index 000000000..cbe0dae5a
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_valhalla.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/-EDhOHxUYBI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDwfUPyaJr5NC-mDW_CQfTR2BzQgw
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0c0906;
+$colorbg: rgba(12,9,6,0.7);
+$colortext: #eae7df;
+$color0: #668C76;
+$color1: #A5916F;
+$color2: #C79C75;
+$color3: #ABA793;
+$color4: #CBB195;
+$color5: #D6CBAF;
+$color6: #eae7df;
+$color7: #ABA793;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_vertigo.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_vertigo.scss
new file mode 100755
index 000000000..ec4e8ac72
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_vertigo.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/TJB0vBURJu8/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBSn25aezZvjIetBF8GVsTMPat0Zw
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #1e133f;
+$colorbg: rgba(30,19,63,0.7);
+$colortext: #e9e1ed;
+$color0: #9D62AA;
+$color1: #B570BE;
+$color2: #B28EB6;
+$color3: #AE9FD6;
+$color4: #B692D2;
+$color5: #D0A1D9;
+$color6: #e9e1ed;
+$color7: #AE9FD6;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_viking.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_viking.scss
new file mode 100755
index 000000000..7c54645a3
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_viking.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000133005283-3v8p3y-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #071A1B;
+$colorbg: rgba(7,26,27,0.7);
+$colortext: #c5dddd;
+$color0: #43807F;
+$color1: #3F8181;
+$color2: #518F8F;
+$color3: #6FAAA9;
+$color4: #8CB6B6;
+$color5: #89C0C0;
+$color6: #c5dddd;
+$color7: #6FAAA9;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_virtuality_yellow.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_virtuality_yellow.scss
new file mode 100755
index 000000000..ffafc2eca
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_virtuality_yellow.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000206124670-565xt2-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0a0604;
+$colorbg: rgba(10,6,4,0.3);
+$colortext: #e9e2a8;
+$color0: #64544E;
+$color1: #8F6A1E;
+$color2: #9A6A4F;
+$color3: #A39716;
+$color4: #BFAF39;
+$color5: #978969;
+$color6: #e9e2a8;
+$color7: #A39716;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_wayfire.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_wayfire.scss
new file mode 100755
index 000000000..7e9325bdc
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_wayfire.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0d0c0b;
+$colorbg: rgba(13,12,11,0.7);
+$colortext: #b0b2bf;
+$color0: #5D522D;
+$color1: #4F4A4B;
+$color2: #6C6159;
+$color3: #8E6D47;
+$color4: #A4965A;
+$color5: #B8A642;
+$color6: #b0b2bf;
+$color7: #8E6D47;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_winglow.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_winglow.scss
new file mode 100755
index 000000000..7164b2653
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_winglow.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0a010c;
+$colorbg: rgba(10,1,12,0.3);
+$colortext: #cf9fd6;
+$color0: #A33449;
+$color1: #941463;
+$color2: #F48F79;
+$color3: #63059A;
+$color4: #4E10A3;
+$color5: #960CA4;
+$color6: #cf9fd6;
+$color7: #63059A;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_wontletyougo.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_wontletyougo.scss
new file mode 100755
index 000000000..78ed56f18
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_wontletyougo.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-TjOvf5O3gR9APB4i-XDwyyQ-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #010102;
+$colorbg: rgba(1,1,2,0.7);
+$colortext: #e7e0f2;
+$color0: #7B8AD7;
+$color1: #8FA5AB;
+$color2: #97C5B8;
+$color3: #A7A2E4;
+$color4: #CEADF7;
+$color5: #ADC8E1;
+$color6: #e7e0f2;
+$color7: #A7A2E4;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_yae.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_yae.scss
new file mode 100755
index 000000000..a3ae4199f
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_yae.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/_WUbjkbo_68/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLD21OKbXXt2noW8DCM03zaAWn4ayw
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #25212e;
+$colorbg: rgba(37,33,46,0.7);
+$colortext: #ebe5e4;
+$color0: #A59AA1;
+$color1: #EA9EA6;
+$color2: #EDD2AD;
+$color3: #B9AFCB;
+$color4: #E0B7C9;
+$color5: #F9CFCD;
+$color6: #ebe5e4;
+$color7: #B9AFCB;
diff --git a/novelknock/.config/eww/css/savedcolors/_colorscheme_zoetrope.scss b/novelknock/.config/eww/css/savedcolors/_colorscheme_zoetrope.scss
new file mode 100755
index 000000000..a0576d37b
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_colorscheme_zoetrope.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/VFQJtOWvLj8/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLAhXM1ytyNZdqR6WDnwGXH2ennWHQ
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #33212e;
+$colorbg: rgba(51,33,46,0.3);
+$colortext: #e7e1e0;
+$color0: #A9959D;
+$color1: #D7A2A6;
+$color2: #D0B1B3;
+$color3: #E3C5BC;
+$color4: #D3BDC3;
+$color5: #EBD2CE;
+$color6: #e7e1e0;
+$color7: #E3C5BC;
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_Catppuccin-Mocha.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_Catppuccin-Mocha.txt
new file mode 100755
index 000000000..abede6734
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_Catppuccin-Mocha.txt
@@ -0,0 +1,6 @@
+#d2ccc4
+#a68f81
+#8b7265
+#e0dbd1
+#c3b1a1
+#c3b1a1
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_alive.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_alive.txt
new file mode 100755
index 000000000..595527edd
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_alive.txt
@@ -0,0 +1 @@
+#ffdf95
\ No newline at end of file
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_amaryllis.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_amaryllis.txt
new file mode 100755
index 000000000..31301d25f
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_amaryllis.txt
@@ -0,0 +1 @@
+#d7cdcf
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_androidgreen.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_androidgreen.txt
new file mode 100755
index 000000000..9cffb064b
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_androidgreen.txt
@@ -0,0 +1 @@
+#c9f089
\ No newline at end of file
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_andromeda.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_andromeda.txt
new file mode 100755
index 000000000..0dba228f3
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_andromeda.txt
@@ -0,0 +1 @@
+#cbe3df
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_artemis.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_artemis.txt
new file mode 100755
index 000000000..21f41f9d2
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_artemis.txt
@@ -0,0 +1 @@
+#a7e2ee
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_atermis.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_atermis.txt
new file mode 100755
index 000000000..21f41f9d2
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_atermis.txt
@@ -0,0 +1 @@
+#a7e2ee
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_avdan.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_avdan.txt
new file mode 100755
index 000000000..76bcf49a6
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_avdan.txt
@@ -0,0 +1,6 @@
+#ffd9de
+#eabf8f
+#F32563
+#F32564
+#F92764
+#F92764
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_berightthere.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_berightthere.txt
new file mode 100755
index 000000000..5c7449ce3
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_berightthere.txt
@@ -0,0 +1 @@
+#e6c5cc
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_bittersweet.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_bittersweet.txt
new file mode 100755
index 000000000..bf0cf0602
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_bittersweet.txt
@@ -0,0 +1 @@
+#ffd9e1
\ No newline at end of file
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_blessingbeat.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_blessingbeat.txt
new file mode 100755
index 000000000..897e606b7
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_blessingbeat.txt
@@ -0,0 +1 @@
+#6ff6ff
\ No newline at end of file
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_bluegalaxy.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_bluegalaxy.txt
new file mode 100755
index 000000000..796dd5e49
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_bluegalaxy.txt
@@ -0,0 +1,6 @@
+#6ef6fd
+#b5c7e9
+#269F9B
+#159CA2
+#15ADAB
+#15ADAB
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_bluenation.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_bluenation.txt
new file mode 100755
index 000000000..75c915a19
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_bluenation.txt
@@ -0,0 +1,6 @@
+#d7e2ff
+#dfbbde
+#9F9BAB
+#A2AECF
+#CFB7CE
+#CFB7CE
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_bluenation_purple.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_bluenation_purple.txt
new file mode 100755
index 000000000..5f4ff17b9
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_bluenation_purple.txt
@@ -0,0 +1,6 @@
+#dde0ff
+#e5bad7
+#63A0D4
+#9BA1CF
+#D2B6D5
+#D2B6D5
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_blueroar.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_blueroar.txt
new file mode 100755
index 000000000..123e84280
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_blueroar.txt
@@ -0,0 +1,6 @@
+#4bfbeb
+#aec9e6
+#C24BB3
+#32EBDC
+#4FE0DB
+#4FE0DB
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_breakaway.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_breakaway.txt
new file mode 100755
index 000000000..8713ee1e6
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_breakaway.txt
@@ -0,0 +1 @@
+#e0eaf5
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_bunnygirl.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_bunnygirl.txt
new file mode 100755
index 000000000..bb64bfbd2
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_bunnygirl.txt
@@ -0,0 +1 @@
+#96cfeb
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_bythesunlitwindow.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_bythesunlitwindow.txt
new file mode 100755
index 000000000..330755cf1
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_bythesunlitwindow.txt
@@ -0,0 +1,6 @@
+#f7d9ff
+#f4b7b6
+#AA7AC3
+#B786CE
+#D198D6
+#D198D6
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_crystalcave.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_crystalcave.txt
new file mode 100755
index 000000000..ecfa0a4a7
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_crystalcave.txt
@@ -0,0 +1 @@
+#e4e9ed
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_cutelight.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_cutelight.txt
new file mode 100755
index 000000000..1def8a16a
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_cutelight.txt
@@ -0,0 +1 @@
+#4B4752
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_cyan.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_cyan.txt
new file mode 100755
index 000000000..123e84280
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_cyan.txt
@@ -0,0 +1,6 @@
+#4bfbeb
+#aec9e6
+#C24BB3
+#32EBDC
+#4FE0DB
+#4FE0DB
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_cycles.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_cycles.txt
new file mode 100755
index 000000000..aac163791
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_cycles.txt
@@ -0,0 +1 @@
+#ddcdc3
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_decoyworld.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_decoyworld.txt
new file mode 100755
index 000000000..7a248511c
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_decoyworld.txt
@@ -0,0 +1 @@
+#c5eff0
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_default.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_default.txt
new file mode 100755
index 000000000..3297e70ac
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_default.txt
@@ -0,0 +1,6 @@
+#dbe1ff
+#e4bada
+#D3A8AB
+#A5ACD0
+#D4B6CF
+#D4B6CF
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_disconnectedblue.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_disconnectedblue.txt
new file mode 100755
index 000000000..38ea0f973
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_disconnectedblue.txt
@@ -0,0 +1 @@
+#ebe9e4
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_disconnectedblue_dark.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_disconnectedblue_dark.txt
new file mode 100755
index 000000000..f2f9c622f
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_disconnectedblue_dark.txt
@@ -0,0 +1 @@
+#6ef6fb
\ No newline at end of file
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_eclipse.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_eclipse.txt
new file mode 100755
index 000000000..5f87838cd
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_eclipse.txt
@@ -0,0 +1 @@
+#e1ccd3
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_eternalmelody.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_eternalmelody.txt
new file mode 100755
index 000000000..bc7977f37
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_eternalmelody.txt
@@ -0,0 +1 @@
+#dec8d0
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_euphoria.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_euphoria.txt
new file mode 100755
index 000000000..0c55b37b7
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_euphoria.txt
@@ -0,0 +1 @@
+#e9dfab
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_everythinggoeson.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_everythinggoeson.txt
new file mode 100755
index 000000000..142a387de
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_everythinggoeson.txt
@@ -0,0 +1 @@
+#f5deec
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_finale.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_finale.txt
new file mode 100755
index 000000000..f5816098c
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_finale.txt
@@ -0,0 +1 @@
+#ffdad4
\ No newline at end of file
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_finalstep.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_finalstep.txt
new file mode 100755
index 000000000..ffe65d03e
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_finalstep.txt
@@ -0,0 +1,6 @@
+#ffd6f8
+#f5b8a8
+#B117DF
+#C53CC3
+#D526D7
+#D526D7
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_flare.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_flare.txt
new file mode 100755
index 000000000..61e55c5c0
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_flare.txt
@@ -0,0 +1,6 @@
+#ffdbc4
+#caca93
+#92360F
+#A7683C
+#DA681D
+#DA681D
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_flate.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_flate.txt
new file mode 100755
index 000000000..61e55c5c0
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_flate.txt
@@ -0,0 +1,6 @@
+#ffdbc4
+#caca93
+#92360F
+#A7683C
+#DA681D
+#DA681D
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_flowers.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_flowers.txt
new file mode 100755
index 000000000..b932cb347
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_flowers.txt
@@ -0,0 +1 @@
+#e7e4e2
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_forest_bluegreen.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_forest_bluegreen.txt
new file mode 100755
index 000000000..247ae7045
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_forest_bluegreen.txt
@@ -0,0 +1,6 @@
+#c0e8ff
+#c9c1ea
+#BCBD58
+#4C748A
+#6B919C
+#6B919C
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_forever.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_forever.txt
new file mode 100755
index 000000000..c3b1616ef
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_forever.txt
@@ -0,0 +1 @@
+#a1c6e4
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_forsythia.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_forsythia.txt
new file mode 100755
index 000000000..9fc138a74
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_forsythia.txt
@@ -0,0 +1 @@
+#f1ece0
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_frozenheart.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_frozenheart.txt
new file mode 100755
index 000000000..2d20fd7db
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_frozenheart.txt
@@ -0,0 +1 @@
+#e9e5e8
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_genshinbeach.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_genshinbeach.txt
new file mode 100755
index 000000000..5d64895c6
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_genshinbeach.txt
@@ -0,0 +1,6 @@
+#b5eaff
+#c3c3eb
+#92CBF6
+#B0E2F7
+#E7D2D7
+#E7D2D7
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_godrays.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_godrays.txt
new file mode 100755
index 000000000..dc393fea8
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_godrays.txt
@@ -0,0 +1,6 @@
+#f9e467
+#a7d0b5
+#8B7521
+#9F8F28
+#B9AA4C
+#B9AA4C
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_green.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_green.txt
new file mode 100755
index 000000000..9cffb064b
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_green.txt
@@ -0,0 +1 @@
+#c9f089
\ No newline at end of file
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_ice.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_ice.txt
new file mode 100755
index 000000000..efd783667
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_ice.txt
@@ -0,0 +1 @@
+#dee6ed
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_innovation.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_innovation.txt
new file mode 100755
index 000000000..683889c6a
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_innovation.txt
@@ -0,0 +1 @@
+#e8dfec
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_iswear.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_iswear.txt
new file mode 100755
index 000000000..d47004ea0
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_iswear.txt
@@ -0,0 +1 @@
+#f5eae1
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_iwillpickyouup.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_iwillpickyouup.txt
new file mode 100755
index 000000000..16a49eeec
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_iwillpickyouup.txt
@@ -0,0 +1 @@
+#d6d6d6
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_kurumi.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_kurumi.txt
new file mode 100755
index 000000000..2af9eb4db
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_kurumi.txt
@@ -0,0 +1 @@
+#e8e1e3
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_lazertrack.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_lazertrack.txt
new file mode 100755
index 000000000..4174d0be4
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_lazertrack.txt
@@ -0,0 +1 @@
+#e8d0dd
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_lover.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_lover.txt
new file mode 100755
index 000000000..10314b0b7
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_lover.txt
@@ -0,0 +1,6 @@
+#ffd8ea
+#f3bb9b
+#7486A9
+#CEA3B6
+#B1ABC6
+#B1ABC6
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_lullaby.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_lullaby.txt
new file mode 100755
index 000000000..3ae8cc77b
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_lullaby.txt
@@ -0,0 +1 @@
+#9fd7d5
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_meltdown.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_meltdown.txt
new file mode 100755
index 000000000..a81219eab
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_meltdown.txt
@@ -0,0 +1,6 @@
+#c3e7ff
+#cac1e9
+#106FAF
+#2B89B4
+#3AAED8
+#3AAED8
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_mirror.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_mirror.txt
new file mode 100755
index 000000000..1ef2957f8
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_mirror.txt
@@ -0,0 +1 @@
+#e2e4f0
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_monster.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_monster.txt
new file mode 100755
index 000000000..c73191d97
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_monster.txt
@@ -0,0 +1 @@
+#e5f0e2
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_moonlight.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_moonlight.txt
new file mode 100755
index 000000000..8cc1b612b
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_moonlight.txt
@@ -0,0 +1 @@
+#a7bbe0
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_multi.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_multi.txt
new file mode 100755
index 000000000..0dba228f3
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_multi.txt
@@ -0,0 +1 @@
+#cbe3df
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_neon_bluered.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_neon_bluered.txt
new file mode 100755
index 000000000..791bffab9
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_neon_bluered.txt
@@ -0,0 +1 @@
+#d5e3ff
\ No newline at end of file
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_notfound.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_notfound.txt
new file mode 100755
index 000000000..e032375c0
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_notfound.txt
@@ -0,0 +1 @@
+#ecdedf
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_nova.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_nova.txt
new file mode 100755
index 000000000..fae2f3967
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_nova.txt
@@ -0,0 +1,6 @@
+#bae9ff
+#c6c3ea
+#636790
+#68A5C0
+#A7A5B5
+#A7A5B5
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_nowthatitstrue.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_nowthatitstrue.txt
new file mode 100755
index 000000000..285d90252
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_nowthatitstrue.txt
@@ -0,0 +1 @@
+#e3eaee
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_outbreaker.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_outbreaker.txt
new file mode 100755
index 000000000..ce0324384
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_outbreaker.txt
@@ -0,0 +1,6 @@
+#71f7ef
+#b0c9e7
+#CCA856
+#5E8F8B
+#9DA894
+#9DA894
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_outer.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_outer.txt
new file mode 100755
index 000000000..645ff371f
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_outer.txt
@@ -0,0 +1,6 @@
+#84f8cd
+#a7cce0
+#57665B
+#5A8875
+#437B84
+#437B84
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_pagoda.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_pagoda.txt
new file mode 100755
index 000000000..d19b538c6
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_pagoda.txt
@@ -0,0 +1,6 @@
+#a7edff
+#bec4eb
+#6094A6
+#53BCD5
+#9A9FA6
+#9A9FA6
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_piano.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_piano.txt
new file mode 100755
index 000000000..6e94c049f
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_piano.txt
@@ -0,0 +1 @@
+#82e6f5
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_purple.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_purple.txt
new file mode 100755
index 000000000..8e5dc7893
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_purple.txt
@@ -0,0 +1,6 @@
+#ffd5fc
+#f6b8aa
+#990297
+#BA1DC7
+#7B8280
+#7B8280
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_purpleplanet.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_purpleplanet.txt
new file mode 100755
index 000000000..03a837cec
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_purpleplanet.txt
@@ -0,0 +1 @@
+#eeddf4
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_questions.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_questions.txt
new file mode 100755
index 000000000..f8b53f6ef
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_questions.txt
@@ -0,0 +1 @@
+#ece6e7
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_quicksand.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_quicksand.txt
new file mode 100755
index 000000000..87cf03468
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_quicksand.txt
@@ -0,0 +1 @@
+#ece2e5
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_raindrops.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_raindrops.txt
new file mode 100755
index 000000000..cc8552b8b
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_raindrops.txt
@@ -0,0 +1,6 @@
+#c3e8ff
+#cac1ea
+#727B84
+#78838B
+#9E9BA7
+#9E9BA7
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_rebootcode.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_rebootcode.txt
new file mode 100755
index 000000000..a130b854f
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_rebootcode.txt
@@ -0,0 +1 @@
+#c5d8d3
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_red.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_red.txt
new file mode 100755
index 000000000..f6d8db313
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_red.txt
@@ -0,0 +1 @@
+#ebc9c4
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_red_material.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_red_material.txt
new file mode 100755
index 000000000..966300916
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_red_material.txt
@@ -0,0 +1,6 @@
+#ffdad8
+#e3c18c
+#A07A85
+#F18D8C
+#EBABAB
+#EBABAB
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_ripples.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_ripples.txt
new file mode 100755
index 000000000..c70141b00
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_ripples.txt
@@ -0,0 +1 @@
+#e3ebf1
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_running.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_running.txt
new file mode 100755
index 000000000..a65223a34
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_running.txt
@@ -0,0 +1 @@
+#72f7ea
\ No newline at end of file
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_s73.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_s73.txt
new file mode 100755
index 000000000..249c3c52c
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_s73.txt
@@ -0,0 +1 @@
+#eee8e1
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_seethestars.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_seethestars.txt
new file mode 100755
index 000000000..59cdd3048
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_seethestars.txt
@@ -0,0 +1,6 @@
+#bef440
+#a0d0c8
+#52546E
+#A1D51C
+#B4D655
+#B4D655
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_shelter.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_shelter.txt
new file mode 100755
index 000000000..1e72965a3
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_shelter.txt
@@ -0,0 +1,6 @@
+#1cffce
+#a8cce2
+#15E09E
+#0BFCCB
+#2BFAD4
+#2BFAD4
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_shiny.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_shiny.txt
new file mode 100755
index 000000000..250e2a702
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_shiny.txt
@@ -0,0 +1 @@
+#e2ecf5
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_something.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_something.txt
new file mode 100755
index 000000000..93cdd741d
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_something.txt
@@ -0,0 +1 @@
+#e2e4e9
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_spacepark.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_spacepark.txt
new file mode 100755
index 000000000..61983944b
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_spacepark.txt
@@ -0,0 +1 @@
+#ffdad1
\ No newline at end of file
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_store.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_store.txt
new file mode 100755
index 000000000..61e55c5c0
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_store.txt
@@ -0,0 +1,6 @@
+#ffdbc4
+#caca93
+#92360F
+#A7683C
+#DA681D
+#DA681D
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_stray.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_stray.txt
new file mode 100755
index 000000000..0a1458c40
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_stray.txt
@@ -0,0 +1 @@
+#96e7cb
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_thinkingaboutyou.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_thinkingaboutyou.txt
new file mode 100755
index 000000000..d97e7b38c
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_thinkingaboutyou.txt
@@ -0,0 +1 @@
+#a5e7ec
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_towerofheaven.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_towerofheaven.txt
new file mode 100755
index 000000000..0b4f6e9b9
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_towerofheaven.txt
@@ -0,0 +1 @@
+#e6eee7
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_treecity.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_treecity.txt
new file mode 100755
index 000000000..f1120685e
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_treecity.txt
@@ -0,0 +1 @@
+#c4f08b
\ No newline at end of file
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_ureshii.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_ureshii.txt
new file mode 100755
index 000000000..8fc893997
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_ureshii.txt
@@ -0,0 +1 @@
+#e2eef4
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_vacuumtrack.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_vacuumtrack.txt
new file mode 100755
index 000000000..c83c8d6d3
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_vacuumtrack.txt
@@ -0,0 +1,6 @@
+#97f0ff
+#bbc5ea
+#2F728D
+#9AA8AB
+#A9D4DF
+#A9D4DF
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_valhalla.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_valhalla.txt
new file mode 100755
index 000000000..fd0bc02df
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_valhalla.txt
@@ -0,0 +1 @@
+#eae7df
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_vertigo.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_vertigo.txt
new file mode 100755
index 000000000..471fdce65
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_vertigo.txt
@@ -0,0 +1 @@
+#e9e1ed
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_viking.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_viking.txt
new file mode 100755
index 000000000..f58534ec2
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_viking.txt
@@ -0,0 +1 @@
+#c5dddd
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_virtuality_yellow.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_virtuality_yellow.txt
new file mode 100755
index 000000000..e13e1c817
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_virtuality_yellow.txt
@@ -0,0 +1 @@
+#e9e2a8
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_wayfire.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_wayfire.txt
new file mode 100755
index 000000000..419e223ba
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_wayfire.txt
@@ -0,0 +1 @@
+#b0b2bf
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_winglow.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_winglow.txt
new file mode 100755
index 000000000..06ff4b7b7
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_winglow.txt
@@ -0,0 +1 @@
+#cf9fd6
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_wontletyougo.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_wontletyougo.txt
new file mode 100755
index 000000000..8c7edb085
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_wontletyougo.txt
@@ -0,0 +1 @@
+#e7e0f2
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_yae.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_yae.txt
new file mode 100755
index 000000000..c23614975
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_yae.txt
@@ -0,0 +1 @@
+#ebe5e4
diff --git a/novelknock/.config/eww/css/savedcolors/_iconcolor_zoetrope.txt b/novelknock/.config/eww/css/savedcolors/_iconcolor_zoetrope.txt
new file mode 100755
index 000000000..237c81ae7
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_iconcolor_zoetrope.txt
@@ -0,0 +1 @@
+#ffdbcf
\ No newline at end of file
diff --git a/novelknock/.config/eww/css/savedcolors/_material_Catppuccin-Mocha.scss b/novelknock/.config/eww/css/savedcolors/_material_Catppuccin-Mocha.scss
new file mode 100755
index 000000000..9db7ffad8
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_Catppuccin-Mocha.scss
@@ -0,0 +1,27 @@
+$primary: #89b4fa;
+$onPrimary: #181825;
+$primaryContainer: #74c7ec;
+$onPrimaryContainer: #f5e0dc;
+$secondary: #bac2de;
+$onSecondary: #313244;
+$secondaryContainer: #585b70;
+$onSecondaryContainer: #f5e0dc;
+$tertiary: #f5c2e7;
+$onTertiary: #45475a;
+$tertiaryContainer: #9399b2;
+$onTertiaryContainer: #f5e0dc;
+$error: #fab387;
+$onError: #11111b;
+$errorContainer: #f38ba8;
+$onErrorContainer: #fab387;
+$colorbarbg: #1e1e2e;
+$onBackground: #cdd6f4;
+$surface: #1e1e2e;
+$onSurface: #cdd6f4;
+$surfaceVariant: #585b70;
+$onSurfaceVariant: #bac2de;
+$outline: #9399b2;
+$shadow: #11111b;
+$inverseSurface: #cdd6f4;
+$inverseOnSurface: #313244;
+$inversePrimary: #74c7ec;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_alive.scss b/novelknock/.config/eww/css/savedcolors/_material_alive.scss
new file mode 100755
index 000000000..a02643174
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_alive.scss
@@ -0,0 +1,27 @@
+$primary: #f0c048;
+$onPrimary: #3f2e00;
+$primaryContainer: #5b4300;
+$onPrimaryContainer: #ffdf95;
+$secondary: #d7c4a0;
+$onSecondary: #3a2f16;
+$secondaryContainer: #52452a;
+$onSecondaryContainer: #f4e0ba;
+$tertiary: #b0cfab;
+$onTertiary: #1c361d;
+$tertiaryContainer: #324d31;
+$onTertiaryContainer: #cbebc5;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1e1b16;
+$onBackground: #e8e1d8;
+$surface: #1e1b16;
+$onSurface: #e8e1d8;
+$surfaceVariant: #4d4639;
+$onSurfaceVariant: #d0c5b4;
+$outline: #999080;
+$shadow: #000000;
+$inverseSurface: #e8e1d8;
+$inverseOnSurface: #34302a;
+$inversePrimary: #785900;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_amaryllis.scss b/novelknock/.config/eww/css/savedcolors/_material_amaryllis.scss
new file mode 100755
index 000000000..99d2a132f
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_amaryllis.scss
@@ -0,0 +1,27 @@
+$primary: #f0afff;
+$onPrimary: #4d1661;
+$primaryContainer: #662f79;
+$onPrimaryContainer: #fbd7ff;
+$secondary: #d5c0d7;
+$onSecondary: #3a2c3d;
+$secondaryContainer: #514254;
+$onSecondaryContainer: #f2dcf3;
+$tertiary: #f5b7b3;
+$onTertiary: #4c2523;
+$tertiaryContainer: #663b38;
+$onTertiaryContainer: #ffdad6;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1e1a1e;
+$onBackground: #e8e0e5;
+$surface: #1e1a1e;
+$onSurface: #e8e0e5;
+$surfaceVariant: #4c444d;
+$onSurfaceVariant: #cfc3cd;
+$outline: #988e97;
+$shadow: #000000;
+$inverseSurface: #e8e0e5;
+$inverseOnSurface: #332f33;
+$inversePrimary: #804893;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_androidgreen.scss b/novelknock/.config/eww/css/savedcolors/_material_androidgreen.scss
new file mode 100755
index 000000000..73b85e9f6
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_androidgreen.scss
@@ -0,0 +1,27 @@
+$primary: #add370;
+$onPrimary: #213600;
+$primaryContainer: #324f00;
+$onPrimaryContainer: #c9f089;
+$secondary: #c1caac;
+$onSecondary: #2b331e;
+$secondaryContainer: #414a32;
+$onSecondaryContainer: #dde7c6;
+$tertiary: #a0d0ca;
+$onTertiary: #003733;
+$tertiaryContainer: #204e4a;
+$onTertiaryContainer: #bcece6;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1b1c18;
+$onBackground: #e4e3dc;
+$surface: #1b1c18;
+$onSurface: #e4e3dc;
+$surfaceVariant: #45483d;
+$onSurfaceVariant: #c5c8b9;
+$outline: #8f9285;
+$shadow: #000000;
+$inverseSurface: #e4e3dc;
+$inverseOnSurface: #30312c;
+$inversePrimary: #48680e;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_avdan.scss b/novelknock/.config/eww/css/savedcolors/_material_avdan.scss
new file mode 100755
index 000000000..6f782d867
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_avdan.scss
@@ -0,0 +1,27 @@
+$primary: #ffb2be;
+$onPrimary: #670022;
+$primaryContainer: #910033;
+$onPrimaryContainer: #ffd9de;
+$secondary: #e5bdc1;
+$onSecondary: #44292d;
+$secondaryContainer: #5c3f43;
+$onSecondaryContainer: #ffd9dd;
+$tertiary: #eabf8f;
+$onTertiary: #452b07;
+$tertiaryContainer: #5e411c;
+$onTertiaryContainer: #ffddb6;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #211a1b;
+$onBackground: #ece0e0;
+$surface: #211a1b;
+$onSurface: #ece0e0;
+$surfaceVariant: #514344;
+$onSurfaceVariant: #d7c1c3;
+$outline: #9f8c8e;
+$shadow: #000000;
+$inverseSurface: #ece0e0;
+$inverseOnSurface: #352f2f;
+$inversePrimary: #bd0045;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_berightthere.scss b/novelknock/.config/eww/css/savedcolors/_material_berightthere.scss
new file mode 100755
index 000000000..528f41eb6
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_berightthere.scss
@@ -0,0 +1,27 @@
+$primary: #ffb1c8;
+$onPrimary: #5e1030;
+$primaryContainer: #7b2846;
+$onPrimaryContainer: #ffd9e3;
+$secondary: #e3bcc5;
+$onSecondary: #422930;
+$secondaryContainer: #5a3f46;
+$onSecondaryContainer: #ffd9e1;
+$tertiary: #eebd93;
+$onTertiary: #47290a;
+$tertiaryContainer: #613f1f;
+$onTertiaryContainer: #ffdcbd;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #201a1b;
+$onBackground: #ebe0e1;
+$surface: #201a1b;
+$onSurface: #ebe0e1;
+$surfaceVariant: #514346;
+$onSurfaceVariant: #d6c2c6;
+$outline: #9e8d90;
+$shadow: #000000;
+$inverseSurface: #ebe0e1;
+$inverseOnSurface: #352f30;
+$inversePrimary: #99405e;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_bittersweet.scss b/novelknock/.config/eww/css/savedcolors/_material_bittersweet.scss
new file mode 100755
index 000000000..2219e1097
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_bittersweet.scss
@@ -0,0 +1,27 @@
+$primary: #ffb1c4;
+$onPrimary: #5e112c;
+$primaryContainer: #7c2842;
+$onPrimaryContainer: #ffd9e1;
+$secondary: #e4bdc4;
+$onSecondary: #43292f;
+$secondaryContainer: #5b3f45;
+$onSecondaryContainer: #ffd9e0;
+$tertiary: #edbe91;
+$onTertiary: #462a09;
+$tertiaryContainer: #60401d;
+$onTertiaryContainer: #ffdcba;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #201a1b;
+$onBackground: #ecdfe0;
+$surface: #201a1b;
+$onSurface: #ecdfe0;
+$surfaceVariant: #524346;
+$onSurfaceVariant: #d6c1c4;
+$outline: #9f8c8f;
+$shadow: #000000;
+$inverseSurface: #ecdfe0;
+$inverseOnSurface: #362f30;
+$inversePrimary: #994059;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_blessingbeat.scss b/novelknock/.config/eww/css/savedcolors/_material_blessingbeat.scss
new file mode 100755
index 000000000..78cf651c8
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_blessingbeat.scss
@@ -0,0 +1,27 @@
+$primary: #4cd9e2;
+$onPrimary: #00363a;
+$primaryContainer: #004f54;
+$onPrimaryContainer: #6ff6ff;
+$secondary: #b1ccce;
+$onSecondary: #1b3436;
+$secondaryContainer: #324b4d;
+$onSecondaryContainer: #cce8ea;
+$tertiary: #b6c7ea;
+$onTertiary: #20314c;
+$tertiaryContainer: #364764;
+$onTertiaryContainer: #d5e3ff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1c;
+$onBackground: #e0e3e3;
+$surface: #191c1c;
+$onSurface: #e0e3e3;
+$surfaceVariant: #3f494a;
+$onSurfaceVariant: #bec8c8;
+$outline: #899394;
+$shadow: #000000;
+$inverseSurface: #e0e3e3;
+$inverseOnSurface: #2e3131;
+$inversePrimary: #00696f;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_bluegalaxy.scss b/novelknock/.config/eww/css/savedcolors/_material_bluegalaxy.scss
new file mode 100755
index 000000000..216e85e31
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_bluegalaxy.scss
@@ -0,0 +1,27 @@
+$primary: #4cd9e0;
+$onPrimary: #00373a;
+$primaryContainer: #004f53;
+$onPrimaryContainer: #6ef6fd;
+$secondary: #b0cccd;
+$onSecondary: #1b3436;
+$secondaryContainer: #324b4c;
+$onSecondaryContainer: #cce8e9;
+$tertiary: #b5c7e9;
+$onTertiary: #1f314c;
+$tertiaryContainer: #364763;
+$onTertiaryContainer: #d4e3ff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1c;
+$onBackground: #e0e3e3;
+$surface: #191c1c;
+$onSurface: #e0e3e3;
+$surfaceVariant: #3f4949;
+$onSurfaceVariant: #bec8c8;
+$outline: #899393;
+$shadow: #000000;
+$inverseSurface: #e0e3e3;
+$inverseOnSurface: #2e3131;
+$inversePrimary: #00696e;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_bluenation.scss b/novelknock/.config/eww/css/savedcolors/_material_bluenation.scss
new file mode 100755
index 000000000..15525e274
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_bluenation.scss
@@ -0,0 +1,27 @@
+$primary: #adc6ff;
+$onPrimary: #002d6f;
+$primaryContainer: #17448f;
+$onPrimaryContainer: #d7e2ff;
+$secondary: #bfc6dd;
+$onSecondary: #293041;
+$secondaryContainer: #3f4659;
+$onSecondaryContainer: #dbe2f9;
+$tertiary: #dfbbde;
+$onTertiary: #412743;
+$tertiaryContainer: #593e5a;
+$onTertiaryContainer: #fcd7fa;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1b1b1e;
+$onBackground: #e4e2e6;
+$surface: #1b1b1e;
+$onSurface: #e4e2e6;
+$surfaceVariant: #44464e;
+$onSurfaceVariant: #c5c6d0;
+$outline: #8e9099;
+$shadow: #000000;
+$inverseSurface: #e4e2e6;
+$inverseOnSurface: #303033;
+$inversePrimary: #355ca8;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_bluenation_purple.scss b/novelknock/.config/eww/css/savedcolors/_material_bluenation_purple.scss
new file mode 100755
index 000000000..9d98756a6
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_bluenation_purple.scss
@@ -0,0 +1,27 @@
+$primary: #b9c3ff;
+$onPrimary: #182779;
+$primaryContainer: #313f90;
+$onPrimaryContainer: #dde0ff;
+$secondary: #c4c5dd;
+$onSecondary: #2d2f42;
+$secondaryContainer: #434559;
+$onSecondaryContainer: #e0e1fa;
+$tertiary: #e5bad7;
+$onTertiary: #44263d;
+$tertiaryContainer: #5d3c55;
+$onTertiaryContainer: #ffd7f3;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1b1b1f;
+$onBackground: #e4e1e6;
+$surface: #1b1b1f;
+$onSurface: #e4e1e6;
+$surfaceVariant: #46464f;
+$onSurfaceVariant: #c6c5cf;
+$outline: #90909a;
+$shadow: #000000;
+$inverseSurface: #e4e1e6;
+$inverseOnSurface: #303034;
+$inversePrimary: #4a58a9;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_blueroar.scss b/novelknock/.config/eww/css/savedcolors/_material_blueroar.scss
new file mode 100755
index 000000000..6a0dba949
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_blueroar.scss
@@ -0,0 +1,27 @@
+$primary: #0adecf;
+$onPrimary: #003732;
+$primaryContainer: #005049;
+$onPrimaryContainer: #4bfbeb;
+$secondary: #b0ccc7;
+$onSecondary: #1b3532;
+$secondaryContainer: #324b48;
+$onSecondaryContainer: #cce9e4;
+$tertiary: #aec9e6;
+$onTertiary: #17324a;
+$tertiaryContainer: #2f4961;
+$onTertiaryContainer: #cce5ff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1c;
+$onBackground: #e0e3e1;
+$surface: #191c1c;
+$onSurface: #e0e3e1;
+$surfaceVariant: #3f4947;
+$onSurfaceVariant: #bec9c6;
+$outline: #889391;
+$shadow: #000000;
+$inverseSurface: #e0e3e1;
+$inverseOnSurface: #2d3130;
+$inversePrimary: #006a62;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_bythesunlitwindow.scss b/novelknock/.config/eww/css/savedcolors/_material_bythesunlitwindow.scss
new file mode 100755
index 000000000..9a683d5ad
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_bythesunlitwindow.scss
@@ -0,0 +1,27 @@
+$primary: #e9b2ff;
+$onPrimary: #4a1765;
+$primaryContainer: #62307c;
+$onPrimaryContainer: #f7d9ff;
+$secondary: #d3c0d7;
+$onSecondary: #392c3e;
+$secondaryContainer: #504255;
+$onSecondaryContainer: #f0dcf4;
+$tertiary: #f4b7b6;
+$onTertiary: #4c2526;
+$tertiaryContainer: #663b3b;
+$onTertiaryContainer: #ffdad9;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1d1b1e;
+$onBackground: #e7e0e4;
+$surface: #1d1b1e;
+$onSurface: #e7e0e4;
+$surfaceVariant: #4b444d;
+$onSurfaceVariant: #cec3ce;
+$outline: #978e97;
+$shadow: #000000;
+$inverseSurface: #e7e0e4;
+$inverseOnSurface: #322f32;
+$inversePrimary: #7c4996;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_crystalcave.scss b/novelknock/.config/eww/css/savedcolors/_material_crystalcave.scss
new file mode 100755
index 000000000..26bb3cb24
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_crystalcave.scss
@@ -0,0 +1,27 @@
+$primary: #58d6f7;
+$onPrimary: #003642;
+$primaryContainer: #004e5f;
+$onPrimaryContainer: #acecff;
+$secondary: #b2cad3;
+$onSecondary: #1d343b;
+$secondaryContainer: #344a51;
+$onSecondaryContainer: #cee7f0;
+$tertiary: #c0c4eb;
+$onTertiary: #2a2e4d;
+$tertiaryContainer: #404565;
+$onTertiaryContainer: #dde0ff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1d;
+$onBackground: #e1e3e4;
+$surface: #191c1d;
+$onSurface: #e1e3e4;
+$surfaceVariant: #40484b;
+$onSurfaceVariant: #bfc8cc;
+$outline: #899295;
+$shadow: #000000;
+$inverseSurface: #e1e3e4;
+$inverseOnSurface: #2e3132;
+$inversePrimary: #00677c;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_cutelight.scss b/novelknock/.config/eww/css/savedcolors/_material_cutelight.scss
new file mode 100755
index 000000000..ac4a127de
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_cutelight.scss
@@ -0,0 +1,27 @@
+$primary: #0062a0;
+$onPrimary: #ffffff;
+$primaryContainer: #cfe5ff;
+$onPrimaryContainer: #001d35;
+$secondary: #526070;
+$onSecondary: #ffffff;
+$secondaryContainer: #d6e4f7;
+$onSecondaryContainer: #0e1d2a;
+$tertiary: #695779;
+$onTertiary: #ffffff;
+$tertiaryContainer: #f1daff;
+$onTertiaryContainer: #241533;
+$error: #ba1b1b;
+$onError: #ffffff;
+$errorContainer: #ffdad4;
+$onErrorContainer: #410001;
+$colorbarbg: #fdfcff;
+$onBackground: #1a1c1e;
+$surface: #fdfcff;
+$onSurface: #1a1c1e;
+$surfaceVariant: #dfe3eb;
+$onSurfaceVariant: #42474e;
+$outline: #73777e;
+$shadow: #000000;
+$inverseSurface: #2f3033;
+$inverseOnSurface: #f0f0f3;
+$inversePrimary: #97cbff;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_cyan.scss b/novelknock/.config/eww/css/savedcolors/_material_cyan.scss
new file mode 100755
index 000000000..6a0dba949
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_cyan.scss
@@ -0,0 +1,27 @@
+$primary: #0adecf;
+$onPrimary: #003732;
+$primaryContainer: #005049;
+$onPrimaryContainer: #4bfbeb;
+$secondary: #b0ccc7;
+$onSecondary: #1b3532;
+$secondaryContainer: #324b48;
+$onSecondaryContainer: #cce9e4;
+$tertiary: #aec9e6;
+$onTertiary: #17324a;
+$tertiaryContainer: #2f4961;
+$onTertiaryContainer: #cce5ff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1c;
+$onBackground: #e0e3e1;
+$surface: #191c1c;
+$onSurface: #e0e3e1;
+$surfaceVariant: #3f4947;
+$onSurfaceVariant: #bec9c6;
+$outline: #889391;
+$shadow: #000000;
+$inverseSurface: #e0e3e1;
+$inverseOnSurface: #2d3130;
+$inversePrimary: #006a62;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_default.scss b/novelknock/.config/eww/css/savedcolors/_material_default.scss
new file mode 100755
index 000000000..7b7c100d2
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_default.scss
@@ -0,0 +1,27 @@
+$primary: #b5c4ff;
+$onPrimary: #0b2878;
+$primaryContainer: #2a4190;
+$onPrimaryContainer: #dbe1ff;
+$secondary: #c2c5dc;
+$onSecondary: #2b2f42;
+$secondaryContainer: #424659;
+$onSecondaryContainer: #dee1fa;
+$tertiary: #e4bada;
+$onTertiary: #43273f;
+$tertiaryContainer: #5b3d56;
+$onTertiaryContainer: #ffd6f6;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1b1b1f;
+$onBackground: #e4e1e6;
+$surface: #1b1b1f;
+$onSurface: #e4e1e6;
+$surfaceVariant: #45464e;
+$onSurfaceVariant: #c6c6d0;
+$outline: #909099;
+$shadow: #000000;
+$inverseSurface: #e4e1e6;
+$inverseOnSurface: #303034;
+$inversePrimary: #4359a9;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_disconnectedblue_dark.scss b/novelknock/.config/eww/css/savedcolors/_material_disconnectedblue_dark.scss
new file mode 100755
index 000000000..9b7050572
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_disconnectedblue_dark.scss
@@ -0,0 +1,27 @@
+$primary: #4bd9de;
+$onPrimary: #003739;
+$primaryContainer: #004f52;
+$onPrimaryContainer: #6ef6fb;
+$secondary: #b1cccd;
+$onSecondary: #1b3435;
+$secondaryContainer: #324b4c;
+$onSecondaryContainer: #cce8e8;
+$tertiary: #b4c7e9;
+$onTertiary: #1e314c;
+$tertiaryContainer: #354763;
+$onTertiaryContainer: #d3e3ff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1c;
+$onBackground: #e0e3e3;
+$surface: #191c1c;
+$onSurface: #e0e3e3;
+$surfaceVariant: #3f4848;
+$onSurfaceVariant: #bec9c9;
+$outline: #899393;
+$shadow: #000000;
+$inverseSurface: #e0e3e3;
+$inverseOnSurface: #2d3131;
+$inversePrimary: #00696d;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_finale.scss b/novelknock/.config/eww/css/savedcolors/_material_finale.scss
new file mode 100755
index 000000000..2f58e3979
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_finale.scss
@@ -0,0 +1,27 @@
+$primary: #ffb3a9;
+$onPrimary: #5f1411;
+$primaryContainer: #7e2b25;
+$onPrimaryContainer: #ffdad4;
+$secondary: #e8bdb8;
+$onSecondary: #442926;
+$secondaryContainer: #5d3f3c;
+$onSecondaryContainer: #ffdad5;
+$tertiary: #e0c38c;
+$onTertiary: #3f2d04;
+$tertiaryContainer: #584419;
+$onTertiaryContainer: #fedfa6;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #211a19;
+$onBackground: #ede0de;
+$surface: #211a19;
+$onSurface: #ede0de;
+$surfaceVariant: #534341;
+$onSurfaceVariant: #d8c2bf;
+$outline: #a08c8a;
+$shadow: #000000;
+$inverseSurface: #ede0de;
+$inverseOnSurface: #362f2e;
+$inversePrimary: #9d423a;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_finalstep.scss b/novelknock/.config/eww/css/savedcolors/_material_finalstep.scss
new file mode 100755
index 000000000..47bcbaa8b
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_finalstep.scss
@@ -0,0 +1,27 @@
+$primary: #ffa9f7;
+$onPrimary: #5b005e;
+$primaryContainer: #800084;
+$onPrimaryContainer: #ffd6f8;
+$secondary: #dabfd3;
+$onSecondary: #3d2a3a;
+$secondaryContainer: #554151;
+$onSecondaryContainer: #f7daef;
+$tertiary: #f5b8a8;
+$onTertiary: #4c261b;
+$tertiaryContainer: #663b2f;
+$onTertiaryContainer: #ffdacf;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1e1a1d;
+$onBackground: #eae0e4;
+$surface: #1e1a1d;
+$onSurface: #eae0e4;
+$surfaceVariant: #4e444b;
+$onSurfaceVariant: #d1c2cb;
+$outline: #9a8d95;
+$shadow: #000000;
+$inverseSurface: #eae0e4;
+$inverseOnSurface: #342f32;
+$inversePrimary: #a415a5;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_flare.scss b/novelknock/.config/eww/css/savedcolors/_material_flare.scss
new file mode 100755
index 000000000..76fa24ab2
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_flare.scss
@@ -0,0 +1,27 @@
+$primary: #ffb684;
+$onPrimary: #512300;
+$primaryContainer: #733500;
+$onPrimaryContainer: #ffdbc4;
+$secondary: #e5bfa8;
+$onSecondary: #432b1b;
+$secondaryContainer: #5b4130;
+$onSecondaryContainer: #ffdbc4;
+$tertiary: #caca93;
+$onTertiary: #31320a;
+$tertiaryContainer: #48491e;
+$onTertiaryContainer: #e6e6ad;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #201a17;
+$onBackground: #ece0da;
+$surface: #201a17;
+$onSurface: #ece0da;
+$surfaceVariant: #52443c;
+$onSurfaceVariant: #d7c3b8;
+$outline: #9f8d83;
+$shadow: #000000;
+$inverseSurface: #ece0da;
+$inverseOnSurface: #362f2b;
+$inversePrimary: #954905;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_flate.scss b/novelknock/.config/eww/css/savedcolors/_material_flate.scss
new file mode 100755
index 000000000..76fa24ab2
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_flate.scss
@@ -0,0 +1,27 @@
+$primary: #ffb684;
+$onPrimary: #512300;
+$primaryContainer: #733500;
+$onPrimaryContainer: #ffdbc4;
+$secondary: #e5bfa8;
+$onSecondary: #432b1b;
+$secondaryContainer: #5b4130;
+$onSecondaryContainer: #ffdbc4;
+$tertiary: #caca93;
+$onTertiary: #31320a;
+$tertiaryContainer: #48491e;
+$onTertiaryContainer: #e6e6ad;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #201a17;
+$onBackground: #ece0da;
+$surface: #201a17;
+$onSurface: #ece0da;
+$surfaceVariant: #52443c;
+$onSurfaceVariant: #d7c3b8;
+$outline: #9f8d83;
+$shadow: #000000;
+$inverseSurface: #ece0da;
+$inverseOnSurface: #362f2b;
+$inversePrimary: #954905;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_flowers.scss b/novelknock/.config/eww/css/savedcolors/_material_flowers.scss
new file mode 100755
index 000000000..07b14fc77
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_flowers.scss
@@ -0,0 +1,27 @@
+$primary: #e0b6ff;
+$onPrimary: #45196a;
+$primaryContainer: #5c3282;
+$onPrimaryContainer: #f2daff;
+$secondary: #d1c1da;
+$onSecondary: #372c3f;
+$secondaryContainer: #4e4356;
+$onSecondaryContainer: #eeddf6;
+$tertiary: #f3b7bc;
+$onTertiary: #4c252a;
+$tertiaryContainer: #653b40;
+$onTertiaryContainer: #ffdade;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1d1b1e;
+$onBackground: #e8e1e6;
+$surface: #1d1b1e;
+$onSurface: #e8e1e6;
+$surfaceVariant: #4b454e;
+$onSurfaceVariant: #cdc4ce;
+$outline: #968e98;
+$shadow: #000000;
+$inverseSurface: #e8e1e6;
+$inverseOnSurface: #322f33;
+$inversePrimary: #754b9b;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_forest_bluegreen.scss b/novelknock/.config/eww/css/savedcolors/_material_forest_bluegreen.scss
new file mode 100755
index 000000000..298b63939
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_forest_bluegreen.scss
@@ -0,0 +1,27 @@
+$primary: #72d1ff;
+$onPrimary: #003549;
+$primaryContainer: #004d68;
+$onPrimaryContainer: #c0e8ff;
+$secondary: #b5c9d6;
+$onSecondary: #20333e;
+$secondaryContainer: #364955;
+$onSecondaryContainer: #d0e5f3;
+$tertiary: #c9c1ea;
+$onTertiary: #312c4c;
+$tertiaryContainer: #484364;
+$onTertiaryContainer: #e6deff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1e;
+$onBackground: #e1e2e5;
+$surface: #191c1e;
+$onSurface: #e1e2e5;
+$surfaceVariant: #41484d;
+$onSurfaceVariant: #c0c7cd;
+$outline: #8b9297;
+$shadow: #000000;
+$inverseSurface: #e1e2e5;
+$inverseOnSurface: #2e3133;
+$inversePrimary: #00668a;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_forever.scss b/novelknock/.config/eww/css/savedcolors/_material_forever.scss
new file mode 100755
index 000000000..2421f1e6e
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_forever.scss
@@ -0,0 +1,27 @@
+$primary: #d0bdff;
+$onPrimary: #371a7c;
+$primaryContainer: #4e3593;
+$onPrimaryContainer: #e9ddff;
+$secondary: #cbc2dc;
+$onSecondary: #322e41;
+$secondaryContainer: #494458;
+$onSecondaryContainer: #e7def8;
+$tertiary: #eeb8c9;
+$onTertiary: #4a2533;
+$tertiaryContainer: #623b49;
+$onTertiaryContainer: #ffd9e5;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1c1b1e;
+$onBackground: #e6e1e6;
+$surface: #1c1b1e;
+$onSurface: #e6e1e6;
+$surfaceVariant: #48454e;
+$onSurfaceVariant: #cac4d0;
+$outline: #938f99;
+$shadow: #000000;
+$inverseSurface: #e6e1e6;
+$inverseOnSurface: #313033;
+$inversePrimary: #664ead;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_genshinbeach.scss b/novelknock/.config/eww/css/savedcolors/_material_genshinbeach.scss
new file mode 100755
index 000000000..96c268489
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_genshinbeach.scss
@@ -0,0 +1,27 @@
+$primary: #5dd4fc;
+$onPrimary: #003544;
+$primaryContainer: #004d62;
+$onPrimaryContainer: #b5eaff;
+$secondary: #b3cad5;
+$onSecondary: #1e333b;
+$secondaryContainer: #354a53;
+$onSecondaryContainer: #cfe6f1;
+$tertiary: #c3c3eb;
+$onTertiary: #2c2d4d;
+$tertiaryContainer: #434465;
+$onTertiaryContainer: #e0e0ff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1d;
+$onBackground: #e1e3e5;
+$surface: #191c1d;
+$onSurface: #e1e3e5;
+$surfaceVariant: #40484c;
+$onSurfaceVariant: #c0c8cc;
+$outline: #8a9296;
+$shadow: #000000;
+$inverseSurface: #e1e3e5;
+$inverseOnSurface: #2e3133;
+$inversePrimary: #006781;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_godrays.scss b/novelknock/.config/eww/css/savedcolors/_material_godrays.scss
new file mode 100755
index 000000000..ae3470e58
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_godrays.scss
@@ -0,0 +1,27 @@
+$primary: #dbc74d;
+$onPrimary: #383000;
+$primaryContainer: #524700;
+$onPrimaryContainer: #f9e467;
+$secondary: #cfc7a2;
+$onSecondary: #353117;
+$secondaryContainer: #4c472b;
+$onSecondaryContainer: #ece3bd;
+$tertiary: #a7d0b5;
+$onTertiary: #123725;
+$tertiaryContainer: #2a4e3a;
+$onTertiaryContainer: #c3ecd1;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1d1c16;
+$onBackground: #e7e2d9;
+$surface: #1d1c16;
+$onSurface: #e7e2d9;
+$surfaceVariant: #4a473a;
+$onSurfaceVariant: #ccc6b4;
+$outline: #969181;
+$shadow: #000000;
+$inverseSurface: #e7e2d9;
+$inverseOnSurface: #32302a;
+$inversePrimary: #6c5e00;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_green.scss b/novelknock/.config/eww/css/savedcolors/_material_green.scss
new file mode 100755
index 000000000..73b85e9f6
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_green.scss
@@ -0,0 +1,27 @@
+$primary: #add370;
+$onPrimary: #213600;
+$primaryContainer: #324f00;
+$onPrimaryContainer: #c9f089;
+$secondary: #c1caac;
+$onSecondary: #2b331e;
+$secondaryContainer: #414a32;
+$onSecondaryContainer: #dde7c6;
+$tertiary: #a0d0ca;
+$onTertiary: #003733;
+$tertiaryContainer: #204e4a;
+$onTertiaryContainer: #bcece6;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1b1c18;
+$onBackground: #e4e3dc;
+$surface: #1b1c18;
+$onSurface: #e4e3dc;
+$surfaceVariant: #45483d;
+$onSurfaceVariant: #c5c8b9;
+$outline: #8f9285;
+$shadow: #000000;
+$inverseSurface: #e4e3dc;
+$inverseOnSurface: #30312c;
+$inversePrimary: #48680e;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_iwillpickyouup.scss b/novelknock/.config/eww/css/savedcolors/_material_iwillpickyouup.scss
new file mode 100755
index 000000000..6bae1eb23
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_iwillpickyouup.scss
@@ -0,0 +1,27 @@
+$primary: #00e386;
+$onPrimary: #00391d;
+$primaryContainer: #00522c;
+$onPrimaryContainer: #50ffa6;
+$secondary: #b6ccba;
+$onSecondary: #213527;
+$secondaryContainer: #384b3d;
+$onSecondaryContainer: #d1e9d5;
+$tertiary: #a2cdda;
+$onTertiary: #033640;
+$tertiaryContainer: #214c57;
+$onTertiaryContainer: #bfeaf8;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1a;
+$onBackground: #e1e3de;
+$surface: #191c1a;
+$onSurface: #e1e3de;
+$surfaceVariant: #414942;
+$onSurfaceVariant: #c1c9c0;
+$outline: #8a938a;
+$shadow: #000000;
+$inverseSurface: #e1e3de;
+$inverseOnSurface: #2e312e;
+$inversePrimary: #006d3d;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_lover.scss b/novelknock/.config/eww/css/savedcolors/_material_lover.scss
new file mode 100755
index 000000000..f54b159ca
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_lover.scss
@@ -0,0 +1,27 @@
+$primary: #ffaed7;
+$onPrimary: #5b113f;
+$primaryContainer: #772957;
+$onPrimaryContainer: #ffd8ea;
+$secondary: #dfbdcb;
+$onSecondary: #412a35;
+$secondaryContainer: #58404b;
+$onSecondaryContainer: #fdd9e8;
+$tertiary: #f3bb9b;
+$onTertiary: #4a2811;
+$tertiaryContainer: #643d25;
+$onTertiaryContainer: #ffdbc6;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1f1a1c;
+$onBackground: #eae0e2;
+$surface: #1f1a1c;
+$onSurface: #eae0e2;
+$surfaceVariant: #504349;
+$onSurfaceVariant: #d4c2c8;
+$outline: #9d8d93;
+$shadow: #000000;
+$inverseSurface: #eae0e2;
+$inverseOnSurface: #352f31;
+$inversePrimary: #954170;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_meltdown.scss b/novelknock/.config/eww/css/savedcolors/_material_meltdown.scss
new file mode 100755
index 000000000..3719e6376
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_meltdown.scss
@@ -0,0 +1,27 @@
+$primary: #79d0ff;
+$onPrimary: #00344a;
+$primaryContainer: #004c6a;
+$onPrimaryContainer: #c3e7ff;
+$secondary: #b5c9d7;
+$onSecondary: #20333e;
+$secondaryContainer: #374955;
+$onSecondaryContainer: #d1e5f3;
+$tertiary: #cac1e9;
+$onTertiary: #322c4c;
+$tertiaryContainer: #494264;
+$onTertiaryContainer: #e7deff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1e;
+$onBackground: #e1e2e5;
+$surface: #191c1e;
+$onSurface: #e1e2e5;
+$surfaceVariant: #41484d;
+$onSurfaceVariant: #c0c7cd;
+$outline: #8b9298;
+$shadow: #000000;
+$inverseSurface: #e1e2e5;
+$inverseOnSurface: #2e3133;
+$inversePrimary: #00668b;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_mirror.scss b/novelknock/.config/eww/css/savedcolors/_material_mirror.scss
new file mode 100755
index 000000000..6cb4961c8
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_mirror.scss
@@ -0,0 +1,27 @@
+$primary: #c5c0ff;
+$onPrimary: #1c00a7;
+$primaryContainer: #382bbe;
+$onPrimaryContainer: #e4dfff;
+$secondary: #c7c4dd;
+$onSecondary: #2f2e42;
+$secondaryContainer: #464559;
+$onSecondaryContainer: #e3dff9;
+$tertiary: #eab9d1;
+$onTertiary: #472639;
+$tertiaryContainer: #603c50;
+$onTertiaryContainer: #ffd8eb;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1c1b1f;
+$onBackground: #e5e1e6;
+$surface: #1c1b1f;
+$onSurface: #e5e1e6;
+$surfaceVariant: #47464f;
+$onSurfaceVariant: #c8c5d0;
+$outline: #928f9a;
+$shadow: #000000;
+$inverseSurface: #e5e1e6;
+$inverseOnSurface: #313033;
+$inversePrimary: #5148d7;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_moonlight.scss b/novelknock/.config/eww/css/savedcolors/_material_moonlight.scss
new file mode 100755
index 000000000..f8e55db9a
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_moonlight.scss
@@ -0,0 +1,27 @@
+$primary: #dbb8ff;
+$onPrimary: #460085;
+$primaryContainer: #5e269d;
+$onPrimaryContainer: #efdbff;
+$secondary: #cfc1da;
+$onSecondary: #362d40;
+$secondaryContainer: #4d4357;
+$onSecondaryContainer: #ecddf7;
+$tertiary: #f2b7c0;
+$onTertiary: #4b252c;
+$tertiaryContainer: #653a42;
+$onTertiaryContainer: #ffd9df;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1d1b1e;
+$onBackground: #e7e1e5;
+$surface: #1d1b1e;
+$onSurface: #e7e1e5;
+$surfaceVariant: #4a454e;
+$onSurfaceVariant: #ccc4cf;
+$outline: #958e98;
+$shadow: #000000;
+$inverseSurface: #e7e1e5;
+$inverseOnSurface: #322f33;
+$inversePrimary: #7742b7;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_neon_bluered.scss b/novelknock/.config/eww/css/savedcolors/_material_neon_bluered.scss
new file mode 100755
index 000000000..605822c23
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_neon_bluered.scss
@@ -0,0 +1,27 @@
+$primary: #a7c8ff;
+$onPrimary: #003064;
+$primaryContainer: #00468d;
+$onPrimaryContainer: #d5e3ff;
+$secondary: #bec7dd;
+$onSecondary: #273141;
+$secondaryContainer: #3e4758;
+$onSecondaryContainer: #dae3f9;
+$tertiary: #dcbce1;
+$onTertiary: #3e2845;
+$tertiaryContainer: #563e5d;
+$onTertiaryContainer: #f9d8fe;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1a1c1f;
+$onBackground: #e3e2e6;
+$surface: #1a1c1f;
+$onSurface: #e3e2e6;
+$surfaceVariant: #44474f;
+$onSurfaceVariant: #c4c6cf;
+$outline: #8d9099;
+$shadow: #000000;
+$inverseSurface: #e3e2e6;
+$inverseOnSurface: #2f3033;
+$inversePrimary: #265ea6;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_nova.scss b/novelknock/.config/eww/css/savedcolors/_material_nova.scss
new file mode 100755
index 000000000..7e3674192
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_nova.scss
@@ -0,0 +1,27 @@
+$primary: #63d3ff;
+$onPrimary: #003546;
+$primaryContainer: #004d65;
+$onPrimaryContainer: #bae9ff;
+$secondary: #b4cad6;
+$onSecondary: #1f333c;
+$secondaryContainer: #354a54;
+$onSecondaryContainer: #d0e6f2;
+$tertiary: #c6c3ea;
+$onTertiary: #2e2d4c;
+$tertiaryContainer: #454365;
+$onTertiaryContainer: #e3dfff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1e;
+$onBackground: #e1e2e4;
+$surface: #191c1e;
+$onSurface: #e1e2e4;
+$surfaceVariant: #40484c;
+$onSurfaceVariant: #c0c8cd;
+$outline: #8a9296;
+$shadow: #000000;
+$inverseSurface: #e1e2e4;
+$inverseOnSurface: #2e3133;
+$inversePrimary: #006684;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_outbreaker.scss b/novelknock/.config/eww/css/savedcolors/_material_outbreaker.scss
new file mode 100755
index 000000000..12030d8b2
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_outbreaker.scss
@@ -0,0 +1,27 @@
+$primary: #4fdad2;
+$onPrimary: #003734;
+$primaryContainer: #00504c;
+$onPrimaryContainer: #71f7ef;
+$secondary: #b1ccc9;
+$onSecondary: #1b3533;
+$secondaryContainer: #324b49;
+$onSecondaryContainer: #cce8e5;
+$tertiary: #b0c9e7;
+$onTertiary: #19324a;
+$tertiaryContainer: #304962;
+$onTertiaryContainer: #cfe4ff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1c;
+$onBackground: #e1e3e2;
+$surface: #191c1c;
+$onSurface: #e1e3e2;
+$surfaceVariant: #3f4947;
+$onSurfaceVariant: #bec9c7;
+$outline: #889391;
+$shadow: #000000;
+$inverseSurface: #e1e3e2;
+$inverseOnSurface: #2d3130;
+$inversePrimary: #006a65;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_outer.scss b/novelknock/.config/eww/css/savedcolors/_material_outer.scss
new file mode 100755
index 000000000..e9d4d13d0
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_outer.scss
@@ -0,0 +1,27 @@
+$primary: #66dbb2;
+$onPrimary: #003827;
+$primaryContainer: #00513b;
+$onPrimaryContainer: #84f8cd;
+$secondary: #b2ccbf;
+$onSecondary: #1f352c;
+$secondaryContainer: #354b42;
+$onSecondaryContainer: #cee9db;
+$tertiary: #a7cce0;
+$onTertiary: #0a3445;
+$tertiaryContainer: #264b5c;
+$onTertiaryContainer: #c2e8fd;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1b;
+$onBackground: #e0e3df;
+$surface: #191c1b;
+$onSurface: #e0e3df;
+$surfaceVariant: #3f4944;
+$onSurfaceVariant: #bfc9c2;
+$outline: #89938d;
+$shadow: #000000;
+$inverseSurface: #e0e3df;
+$inverseOnSurface: #2e312f;
+$inversePrimary: #006c4f;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_pagoda.scss b/novelknock/.config/eww/css/savedcolors/_material_pagoda.scss
new file mode 100755
index 000000000..bbef67fb8
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_pagoda.scss
@@ -0,0 +1,27 @@
+$primary: #55d6f4;
+$onPrimary: #003641;
+$primaryContainer: #004e5d;
+$onPrimaryContainer: #a7edff;
+$secondary: #b3cbd3;
+$onSecondary: #1d343a;
+$secondaryContainer: #334a50;
+$onSecondaryContainer: #cee7ee;
+$tertiary: #bec4eb;
+$onTertiary: #282e4d;
+$tertiaryContainer: #3f4565;
+$onTertiaryContainer: #dce1ff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1d;
+$onBackground: #e1e3e4;
+$surface: #191c1d;
+$onSurface: #e1e3e4;
+$surfaceVariant: #3f484b;
+$onSurfaceVariant: #bfc8cb;
+$outline: #899295;
+$shadow: #000000;
+$inverseSurface: #e1e3e4;
+$inverseOnSurface: #2e3132;
+$inversePrimary: #00687b;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_purple.scss b/novelknock/.config/eww/css/savedcolors/_material_purple.scss
new file mode 100755
index 000000000..337960b57
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_purple.scss
@@ -0,0 +1,27 @@
+$primary: #ffa8ff;
+$onPrimary: #590062;
+$primaryContainer: #7e008b;
+$onPrimaryContainer: #ffd5fc;
+$secondary: #d9bfd4;
+$onSecondary: #3c2b3b;
+$secondaryContainer: #544152;
+$onSecondaryContainer: #f6dbf0;
+$tertiary: #f6b8aa;
+$onTertiary: #4c261d;
+$tertiaryContainer: #663b31;
+$onTertiaryContainer: #ffdad1;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1e1a1d;
+$onBackground: #e9e0e4;
+$surface: #1e1a1d;
+$onSurface: #e9e0e4;
+$surfaceVariant: #4e444c;
+$onSurfaceVariant: #d0c3cc;
+$outline: #9a8d96;
+$shadow: #000000;
+$inverseSurface: #e9e0e4;
+$inverseOnSurface: #332f32;
+$inversePrimary: #a500b3;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_questions.scss b/novelknock/.config/eww/css/savedcolors/_material_questions.scss
new file mode 100755
index 000000000..c3fa26da6
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_questions.scss
@@ -0,0 +1,27 @@
+$primary: #c4c0ff;
+$onPrimary: #282377;
+$primaryContainer: #3f3c8e;
+$onPrimaryContainer: #e2dfff;
+$secondary: #c7c4dd;
+$onSecondary: #2f2e42;
+$secondaryContainer: #464559;
+$onSecondaryContainer: #e3e0f9;
+$tertiary: #eab8d1;
+$onTertiary: #472639;
+$tertiaryContainer: #603c50;
+$onTertiaryContainer: #ffd8ec;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1c1b1f;
+$onBackground: #e5e1e6;
+$surface: #1c1b1f;
+$onSurface: #e5e1e6;
+$surfaceVariant: #47464f;
+$onSurfaceVariant: #c8c5d0;
+$outline: #928f9a;
+$shadow: #000000;
+$inverseSurface: #e5e1e6;
+$inverseOnSurface: #313033;
+$inversePrimary: #5754a8;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_quicksand.scss b/novelknock/.config/eww/css/savedcolors/_material_quicksand.scss
new file mode 100755
index 000000000..57109b665
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_quicksand.scss
@@ -0,0 +1,27 @@
+$primary: #4cd9dd;
+$onPrimary: #003739;
+$primaryContainer: #004f52;
+$onPrimaryContainer: #6ef6fa;
+$secondary: #b0cccc;
+$onSecondary: #1b3435;
+$secondaryContainer: #324b4c;
+$onSecondaryContainer: #cce8e8;
+$tertiary: #b4c7e9;
+$onTertiary: #1e314c;
+$tertiaryContainer: #354864;
+$onTertiaryContainer: #d3e3ff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1c;
+$onBackground: #e0e3e3;
+$surface: #191c1c;
+$onSurface: #e0e3e3;
+$surfaceVariant: #3f4848;
+$onSurfaceVariant: #bec8c8;
+$outline: #889393;
+$shadow: #000000;
+$inverseSurface: #e0e3e3;
+$inverseOnSurface: #2d3131;
+$inversePrimary: #00696d;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_raindrops.scss b/novelknock/.config/eww/css/savedcolors/_material_raindrops.scss
new file mode 100755
index 000000000..74bbb5fee
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_raindrops.scss
@@ -0,0 +1,27 @@
+$primary: #79d0ff;
+$onPrimary: #013449;
+$primaryContainer: #004c69;
+$onPrimaryContainer: #c3e8ff;
+$secondary: #b5c9d7;
+$onSecondary: #20333e;
+$secondaryContainer: #374955;
+$onSecondaryContainer: #d1e5f3;
+$tertiary: #cac1ea;
+$onTertiary: #322c4c;
+$tertiaryContainer: #484264;
+$onTertiaryContainer: #e7deff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1e;
+$onBackground: #e1e2e5;
+$surface: #191c1e;
+$onSurface: #e1e2e5;
+$surfaceVariant: #41484d;
+$onSurfaceVariant: #c0c7cd;
+$outline: #8b9298;
+$shadow: #000000;
+$inverseSurface: #e1e2e5;
+$inverseOnSurface: #2e3133;
+$inversePrimary: #00658b;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_rebootcode.scss b/novelknock/.config/eww/css/savedcolors/_material_rebootcode.scss
new file mode 100755
index 000000000..96167a27c
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_rebootcode.scss
@@ -0,0 +1,27 @@
+$primary: #57dbc5;
+$onPrimary: #00382f;
+$primaryContainer: #005045;
+$onPrimaryContainer: #77f8e1;
+$secondary: #b1ccc5;
+$onSecondary: #1c3530;
+$secondaryContainer: #334b46;
+$onSecondaryContainer: #cde9e1;
+$tertiary: #abcae4;
+$onTertiary: #133348;
+$tertiaryContainer: #2c4a60;
+$onTertiaryContainer: #c8e6ff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1b;
+$onBackground: #e1e3e1;
+$surface: #191c1b;
+$onSurface: #e1e3e1;
+$surfaceVariant: #3f4946;
+$onSurfaceVariant: #bec9c5;
+$outline: #88938f;
+$shadow: #000000;
+$inverseSurface: #e1e3e1;
+$inverseOnSurface: #2e3130;
+$inversePrimary: #006b5c;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_red_material.scss b/novelknock/.config/eww/css/savedcolors/_material_red_material.scss
new file mode 100755
index 000000000..07ba8bc14
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_red_material.scss
@@ -0,0 +1,27 @@
+$primary: #ffb3b1;
+$onPrimary: #601319;
+$primaryContainer: #7d2a2d;
+$onPrimaryContainer: #ffdad8;
+$secondary: #e7bdbb;
+$onSecondary: #442929;
+$secondaryContainer: #5d3f3e;
+$onSecondaryContainer: #ffdad8;
+$tertiary: #e3c18c;
+$onTertiary: #412d05;
+$tertiaryContainer: #5a431a;
+$onTertiaryContainer: #ffdea9;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #201a1a;
+$onBackground: #ede0df;
+$surface: #201a1a;
+$onSurface: #ede0df;
+$surfaceVariant: #524342;
+$onSurfaceVariant: #d7c1c0;
+$outline: #a08c8b;
+$shadow: #000000;
+$inverseSurface: #ede0df;
+$inverseOnSurface: #362f2e;
+$inversePrimary: #9d4143;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_ripples.scss b/novelknock/.config/eww/css/savedcolors/_material_ripples.scss
new file mode 100755
index 000000000..52b48f684
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_ripples.scss
@@ -0,0 +1,27 @@
+$primary: #1adbec;
+$onPrimary: #00363c;
+$primaryContainer: #004f57;
+$onPrimaryContainer: #80f3ff;
+$secondary: #b1cbcf;
+$onSecondary: #1c3437;
+$secondaryContainer: #334b4e;
+$onSecondaryContainer: #cde8eb;
+$tertiary: #b8c6ea;
+$onTertiary: #22304d;
+$tertiaryContainer: #394764;
+$onTertiaryContainer: #d7e2ff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1d;
+$onBackground: #e0e3e3;
+$surface: #191c1d;
+$onSurface: #e0e3e3;
+$surfaceVariant: #3f494a;
+$onSurfaceVariant: #bfc8ca;
+$outline: #899394;
+$shadow: #000000;
+$inverseSurface: #e0e3e3;
+$inverseOnSurface: #2e3131;
+$inversePrimary: #006973;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_running.scss b/novelknock/.config/eww/css/savedcolors/_material_running.scss
new file mode 100755
index 000000000..726085138
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_running.scss
@@ -0,0 +1,27 @@
+$primary: #50dbce;
+$onPrimary: #003732;
+$primaryContainer: #005049;
+$onPrimaryContainer: #72f7ea;
+$secondary: #b1ccc8;
+$onSecondary: #1b3532;
+$secondaryContainer: #324b48;
+$onSecondaryContainer: #cce9e4;
+$tertiary: #aec9e6;
+$onTertiary: #173249;
+$tertiaryContainer: #2f4961;
+$onTertiaryContainer: #cde5ff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1c;
+$onBackground: #e0e3e1;
+$surface: #191c1c;
+$onSurface: #e0e3e1;
+$surfaceVariant: #3f4947;
+$onSurfaceVariant: #bec8c6;
+$outline: #889391;
+$shadow: #000000;
+$inverseSurface: #e0e3e1;
+$inverseOnSurface: #2d3130;
+$inversePrimary: #006a62;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_seethestars.scss b/novelknock/.config/eww/css/savedcolors/_material_seethestars.scss
new file mode 100755
index 000000000..6e76e0ce2
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_seethestars.scss
@@ -0,0 +1,27 @@
+$primary: #a3d720;
+$onPrimary: #243600;
+$primaryContainer: #364e00;
+$onPrimaryContainer: #bef440;
+$secondary: #c2caaa;
+$onSecondary: #2c331d;
+$secondaryContainer: #424a31;
+$onSecondaryContainer: #dee6c5;
+$tertiary: #a0d0c8;
+$onTertiary: #023732;
+$tertiaryContainer: #204e48;
+$onTertiaryContainer: #bcece4;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1b1c17;
+$onBackground: #e4e3db;
+$surface: #1b1c17;
+$onSurface: #e4e3db;
+$surfaceVariant: #45483c;
+$onSurfaceVariant: #c6c8b9;
+$outline: #909284;
+$shadow: #000000;
+$inverseSurface: #e4e3db;
+$inverseOnSurface: #30312b;
+$inversePrimary: #4a6800;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_shelter.scss b/novelknock/.config/eww/css/savedcolors/_material_shelter.scss
new file mode 100755
index 000000000..2393fdda4
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_shelter.scss
@@ -0,0 +1,27 @@
+$primary: #00e0b2;
+$onPrimary: #00382a;
+$primaryContainer: #00513e;
+$onPrimaryContainer: #1cffce;
+$secondary: #b2ccc1;
+$onSecondary: #1d352d;
+$secondaryContainer: #344b43;
+$onSecondaryContainer: #cee9dd;
+$tertiary: #a8cce2;
+$onTertiary: #0d3446;
+$tertiaryContainer: #284b5e;
+$onTertiaryContainer: #c4e8ff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1b;
+$onBackground: #e1e3e0;
+$surface: #191c1b;
+$onSurface: #e1e3e0;
+$surfaceVariant: #3f4945;
+$onSurfaceVariant: #bfc9c3;
+$outline: #89938e;
+$shadow: #000000;
+$inverseSurface: #e1e3e0;
+$inverseOnSurface: #2d312f;
+$inversePrimary: #006b53;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_spacepark.scss b/novelknock/.config/eww/css/savedcolors/_material_spacepark.scss
new file mode 100755
index 000000000..be7f3c087
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_spacepark.scss
@@ -0,0 +1,27 @@
+$primary: #ffb4a2;
+$onPrimary: #5e1608;
+$primaryContainer: #7d2c1c;
+$onPrimaryContainer: #ffdad1;
+$secondary: #e7bdb4;
+$onSecondary: #442a24;
+$secondaryContainer: #5d3f39;
+$onSecondaryContainer: #ffdad1;
+$tertiary: #dbc48c;
+$onTertiary: #3d2f04;
+$tertiaryContainer: #554519;
+$onTertiaryContainer: #f8e0a6;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #201a19;
+$onBackground: #ede0dd;
+$surface: #201a19;
+$onSurface: #ede0dd;
+$surfaceVariant: #534340;
+$onSurfaceVariant: #d8c2bd;
+$outline: #a08c88;
+$shadow: #000000;
+$inverseSurface: #ede0dd;
+$inverseOnSurface: #362f2d;
+$inversePrimary: #9c4331;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_store.scss b/novelknock/.config/eww/css/savedcolors/_material_store.scss
new file mode 100755
index 000000000..76fa24ab2
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_store.scss
@@ -0,0 +1,27 @@
+$primary: #ffb684;
+$onPrimary: #512300;
+$primaryContainer: #733500;
+$onPrimaryContainer: #ffdbc4;
+$secondary: #e5bfa8;
+$onSecondary: #432b1b;
+$secondaryContainer: #5b4130;
+$onSecondaryContainer: #ffdbc4;
+$tertiary: #caca93;
+$onTertiary: #31320a;
+$tertiaryContainer: #48491e;
+$onTertiaryContainer: #e6e6ad;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #201a17;
+$onBackground: #ece0da;
+$surface: #201a17;
+$onSurface: #ece0da;
+$surfaceVariant: #52443c;
+$onSurfaceVariant: #d7c3b8;
+$outline: #9f8d83;
+$shadow: #000000;
+$inverseSurface: #ece0da;
+$inverseOnSurface: #362f2b;
+$inversePrimary: #954905;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_stray.scss b/novelknock/.config/eww/css/savedcolors/_material_stray.scss
new file mode 100755
index 000000000..e353cc6c6
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_stray.scss
@@ -0,0 +1,27 @@
+$primary: #58dbc4;
+$onPrimary: #00382f;
+$primaryContainer: #005145;
+$onPrimaryContainer: #77f8df;
+$secondary: #b0ccc4;
+$onSecondary: #1d3530;
+$secondaryContainer: #334c46;
+$onSecondaryContainer: #cce8e0;
+$tertiary: #abcae4;
+$onTertiary: #123348;
+$tertiaryContainer: #2c4a60;
+$onTertiaryContainer: #c7e6ff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1b;
+$onBackground: #e1e3e1;
+$surface: #191c1b;
+$onSurface: #e1e3e1;
+$surfaceVariant: #3f4946;
+$onSurfaceVariant: #bec9c5;
+$outline: #88938f;
+$shadow: #000000;
+$inverseSurface: #e1e3e1;
+$inverseOnSurface: #2e3130;
+$inversePrimary: #006b5c;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_treecity.scss b/novelknock/.config/eww/css/savedcolors/_material_treecity.scss
new file mode 100755
index 000000000..da4a1c265
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_treecity.scss
@@ -0,0 +1,27 @@
+$primary: #aad473;
+$onPrimary: #1e3700;
+$primaryContainer: #2e4f00;
+$onPrimaryContainer: #c4f08b;
+$secondary: #c0cbac;
+$onSecondary: #2a331e;
+$secondaryContainer: #404a33;
+$onSecondaryContainer: #dce7c7;
+$tertiary: #a0d0cb;
+$onTertiary: #003734;
+$tertiaryContainer: #1f4e4b;
+$onTertiaryContainer: #bbece7;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1b1c18;
+$onBackground: #e4e3dc;
+$surface: #1b1c18;
+$onSurface: #e4e3dc;
+$surfaceVariant: #44483d;
+$onSurfaceVariant: #c5c8ba;
+$outline: #8f9285;
+$shadow: #000000;
+$inverseSurface: #e4e3dc;
+$inverseOnSurface: #30312d;
+$inversePrimary: #456813;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_vacuumtrack.scss b/novelknock/.config/eww/css/savedcolors/_material_vacuumtrack.scss
new file mode 100755
index 000000000..a4d70c337
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_vacuumtrack.scss
@@ -0,0 +1,27 @@
+$primary: #51d8ee;
+$onPrimary: #00363e;
+$primaryContainer: #004e59;
+$onPrimaryContainer: #97f0ff;
+$secondary: #b1cbd0;
+$onSecondary: #1c3438;
+$secondaryContainer: #334b50;
+$onSecondaryContainer: #cde7ed;
+$tertiary: #bbc5ea;
+$onTertiary: #252f4c;
+$tertiaryContainer: #3c4665;
+$onTertiaryContainer: #dae2ff;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #191c1d;
+$onBackground: #e0e3e3;
+$surface: #191c1d;
+$onSurface: #e0e3e3;
+$surfaceVariant: #3f484a;
+$onSurfaceVariant: #bfc8ca;
+$outline: #899294;
+$shadow: #000000;
+$inverseSurface: #e0e3e3;
+$inverseOnSurface: #2d3132;
+$inversePrimary: #006876;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_virtuality_yellow.scss b/novelknock/.config/eww/css/savedcolors/_material_virtuality_yellow.scss
new file mode 100755
index 000000000..3aebea2d2
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_virtuality_yellow.scss
@@ -0,0 +1,27 @@
+$primary: #d7c949;
+$onPrimary: #373100;
+$primaryContainer: #4f4700;
+$onPrimaryContainer: #f3e562;
+$secondary: #cec7a3;
+$onSecondary: #343117;
+$secondaryContainer: #4b472b;
+$onSecondaryContainer: #eae3be;
+$tertiary: #a6d0b8;
+$onTertiary: #0f3726;
+$tertiaryContainer: #284e3c;
+$onTertiaryContainer: #c1ecd3;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1d1c16;
+$onBackground: #e7e2d9;
+$surface: #1d1c16;
+$onSurface: #e7e2d9;
+$surfaceVariant: #49473a;
+$onSurfaceVariant: #ccc7b5;
+$outline: #959181;
+$shadow: #000000;
+$inverseSurface: #e7e2d9;
+$inverseOnSurface: #32302a;
+$inversePrimary: #695f00;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_winglow.scss b/novelknock/.config/eww/css/savedcolors/_material_winglow.scss
new file mode 100755
index 000000000..2f34806b0
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_winglow.scss
@@ -0,0 +1,27 @@
+$primary: #e4b4ff;
+$onPrimary: #4c007b;
+$primaryContainer: #6b16a2;
+$onPrimaryContainer: #f4d9ff;
+$secondary: #d2c1d8;
+$onSecondary: #372c3e;
+$secondaryContainer: #4f4256;
+$onSecondaryContainer: #efddf5;
+$tertiary: #f4b7ba;
+$onTertiary: #4b2528;
+$tertiaryContainer: #663a3d;
+$onTertiaryContainer: #ffd9db;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #1d1b1e;
+$onBackground: #e7e0e5;
+$surface: #1d1b1e;
+$onSurface: #e7e0e5;
+$surfaceVariant: #4b454d;
+$onSurfaceVariant: #cdc3ce;
+$outline: #968e98;
+$shadow: #000000;
+$inverseSurface: #e7e0e5;
+$inverseOnSurface: #322f33;
+$inversePrimary: #8436bb;
diff --git a/novelknock/.config/eww/css/savedcolors/_material_zoetrope.scss b/novelknock/.config/eww/css/savedcolors/_material_zoetrope.scss
new file mode 100755
index 000000000..2591e4f85
--- /dev/null
+++ b/novelknock/.config/eww/css/savedcolors/_material_zoetrope.scss
@@ -0,0 +1,27 @@
+$primary: #ffb59b;
+$onPrimary: #5d1800;
+$primaryContainer: #7c2e11;
+$onPrimaryContainer: #ffdbcf;
+$secondary: #e7bdb0;
+$onSecondary: #442a21;
+$secondaryContainer: #5d4036;
+$onSecondaryContainer: #ffdbcf;
+$tertiary: #d7c68d;
+$onTertiary: #3a3005;
+$tertiaryContainer: #51461a;
+$onTertiaryContainer: #f4e2a7;
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: #211a18;
+$onBackground: #ede0dc;
+$surface: #211a18;
+$onSurface: #ede0dc;
+$surfaceVariant: #53433f;
+$onSurfaceVariant: #d8c2bb;
+$outline: #a08c86;
+$shadow: #000000;
+$inverseSurface: #ede0dc;
+$inverseOnSurface: #362f2d;
+$inversePrimary: #9a4426;
diff --git a/novelknock/.config/eww/eww.scss b/novelknock/.config/eww/eww.scss
new file mode 100755
index 000000000..3d44c1286
--- /dev/null
+++ b/novelknock/.config/eww/eww.scss
@@ -0,0 +1,129 @@
+// Base
+@import 'css/colors';
+@import 'css/colorscheme';
+@import 'css/material';
+// @import 'images/svg/color.scss';
+
+$background: rgba(11, 11, 11, 0.8);
+// $background: rgba(244, 244, 244, 0.8);
+// $background: rgba(11, 7, 2, 1);
+// $background: $surface;
+
+@function tint($color, $percentage) {
+  @return mix(rgb(245, 250, 255), $color, $percentage);
+}
+
+@function shade($color, $percentage) {
+  @return mix(rgb(0, 7, 18), $color, $percentage);
+}
+
+@mixin bar-rounding {
+  border-radius: 18px;
+}
+
+@mixin window-shadow {
+  box-shadow: 0px 2px 3px mix($background, rgba(0, 0, 0, 0), 90%);
+}
+
+@mixin mainfont {
+  font-family: 'Lexend';
+}
+
+@mixin icon-material {
+  font-family: 'Material Symbols Rounded';
+}
+
+@mixin icon-material-filled {
+  font-family: 'Material Symbols Rounded';
+}
+
+@mixin icon-nerd {
+  font-family: 'JetBrainsMono Nerd Font';
+}
+
+@mixin icon-segoe {
+  font-family: 'FluentSystemIcons';
+}
+
+@mixin techfont {
+  font-family: 'JetBrains Mono Nerd Font';
+}
+
+@mixin window-pad {
+  padding: 5px;
+}
+
+@mixin subtext {
+  color: #BEBEBE;
+}
+
+@mixin greyed {
+  color: #757575;
+}
+
+* {
+  all: unset;
+  transition: 75ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  background-repeat: no-repeat;
+}
+
+// Windows
+@import 'css/bar';
+@import 'css/bottomsheet';
+@import 'css/dashboard';
+@import 'css/powerview';
+@import 'css/sidebar';
+@import 'css/supercontext';
+
+.clr-accent {
+  color: $primary;
+}
+
+.window {
+  @include window-pad;
+}
+
+.primaryElement {
+  background-color: $primary;
+  color: $onPrimary;
+}
+
+.primaryContainerElement {
+  background-color: $primaryContainer;
+  color: $onPrimaryContainer;
+}
+
+.secondaryElement {
+  background-color: $secondary;
+  color: $onSecondary;
+}
+
+.secondaryContainerElement {
+  background-color: $secondaryContainer;
+  color: $onSecondaryContainer;
+}
+
+.tertiaryElement {
+  background-color: $tertiary;
+  color: $onTertiary;
+}
+
+.tertiaryContainerElement {
+  background-color: $tertiaryContainer;
+  color: $onTertiaryContainer;
+}
+
+.shadow-pad {
+  margin: 5px;
+}
+
+.window-border {
+  border: 1px solid rgba(82, 82, 82, 1);
+}
+
+tooltip {
+  background-color: $background;
+  border-radius: 13px;
+  padding: 15px;
+  margin: 15px;
+}
\ No newline at end of file
diff --git a/novelknock/.config/eww/eww.yuck b/novelknock/.config/eww/eww.yuck
new file mode 100644
index 000000000..59a99e029
--- /dev/null
+++ b/novelknock/.config/eww/eww.yuck
@@ -0,0 +1,74 @@
+;;;;;;;;;;;;;;;;; Variables ;;;;;;;;;;;;;;;;;;;;
+(include "./variables.yuck")
+;;;;;;;;;;;;;;;; Bar modules ;;;;;;;;;;;;;;;;;;;
+(include "./modules/colorscheme.yuck")
+(include "./modules/dynamicleft.yuck")
+(include "./modules/dynamicright.yuck")
+(include "./modules/music.yuck")
+(include "./modules/notifications.yuck")
+(include "./modules/osd_volume.yuck")
+(include "./modules/osd_bright.yuck")
+(include "./modules/sysinfo.yuck")
+(include "./modules/system.yuck")
+(include "./modules/taskbar.yuck")
+(include "./modules/workspaces.yuck")
+;;;;;;;;;;;;;;;;;; Windows ;;;;;;;;;;;;;;;;;;;;;
+(include "./windows/bgdecor.yuck")
+(include "./windows/bottomsheet.yuck")
+(include "./windows/dashboard.yuck")
+(include "./windows/powerview.yuck")
+(include "./windows/sideleft.yuck")
+(include "./windows/sideright.yuck")
+(include "./windows/supercontext.yuck")
+
+(defwidget bar_widget []
+  (box
+    :space-evenly false
+    :orientation "h"
+    (box
+      ; :class "bar-bg"
+      :style "
+      margin-right: -${RES_WIDTH}px;
+      "
+      (revealer :transition "slideright" :reveal false
+        (revealer :transition "slidedown" :reveal false
+          (label :text "${awin} ${brightness}")
+        )
+      )
+    )
+    (centerbox
+      :width {RES_WIDTH}
+      (box
+        (bright_osd_widget)
+      )
+      (box
+        :space-evenly false
+        :halign "center"
+        :style "
+        transition: 600ms cubic-bezier(0.05, 0.7, 0.1, 1);
+        margin-left: ${bar_offset * 200}px;
+        margin-right: ${-bar_offset * 200}px;
+        "
+        (dynamicleft_widget)
+        (workspaces_widget)
+        (dynamicright_widget)
+      )
+      (box
+        (volume_osd_widget)
+      )
+    )
+  )
+)
+
+(defwindow bar
+  :monitor 0
+  :stacking "fg"
+  :namespace "eww"
+  :geometry (geometry
+    :width "100%"
+    :height "60px"
+    :anchor "top center"
+  )
+  (bar_widget)
+)
+
diff --git a/novelknock/.config/eww/eww_covers/cover_art b/novelknock/.config/eww/eww_covers/cover_art
new file mode 100755
index 000000000..fff422397
Binary files /dev/null and b/novelknock/.config/eww/eww_covers/cover_art differ
diff --git a/novelknock/.config/eww/eww_covers/cover_art_error b/novelknock/.config/eww/eww_covers/cover_art_error
new file mode 100755
index 000000000..09715b548
Binary files /dev/null and b/novelknock/.config/eww/eww_covers/cover_art_error differ
diff --git a/novelknock/.config/eww/eww_covers/waifu_loading b/novelknock/.config/eww/eww_covers/waifu_loading
new file mode 100755
index 000000000..8d0882d1b
Binary files /dev/null and b/novelknock/.config/eww/eww_covers/waifu_loading differ
diff --git a/novelknock/.config/eww/images/icons/discord.png b/novelknock/.config/eww/images/icons/discord.png
new file mode 100755
index 000000000..149f06417
Binary files /dev/null and b/novelknock/.config/eww/images/icons/discord.png differ
diff --git a/novelknock/.config/eww/images/icons/distros/EndeavourOS b/novelknock/.config/eww/images/icons/distros/EndeavourOS
new file mode 100644
index 000000000..7cb8ccfb0
Binary files /dev/null and b/novelknock/.config/eww/images/icons/distros/EndeavourOS differ
diff --git a/novelknock/.config/eww/images/icons/github.svg b/novelknock/.config/eww/images/icons/github.svg
new file mode 100755
index 000000000..b3b1efce2
--- /dev/null
+++ b/novelknock/.config/eww/images/icons/github.svg
@@ -0,0 +1,3 @@
+<svg height="32" aria-hidden="true" viewBox="0 0 16 16" version="1.1" width="32" data-view-component="true" class="octicon octicon-mark-github v-align-middle">
+    <path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z" fill="white" ></path>
+</svg>
\ No newline at end of file
diff --git a/novelknock/.config/eww/images/icons/lazer_icons/beatmaps.png b/novelknock/.config/eww/images/icons/lazer_icons/beatmaps.png
new file mode 100755
index 000000000..6790f713c
Binary files /dev/null and b/novelknock/.config/eww/images/icons/lazer_icons/beatmaps.png differ
diff --git a/novelknock/.config/eww/images/icons/lazer_icons/changelog.png b/novelknock/.config/eww/images/icons/lazer_icons/changelog.png
new file mode 100755
index 000000000..33bad1bee
Binary files /dev/null and b/novelknock/.config/eww/images/icons/lazer_icons/changelog.png differ
diff --git a/novelknock/.config/eww/images/icons/lazer_icons/dashboard.png b/novelknock/.config/eww/images/icons/lazer_icons/dashboard.png
new file mode 100755
index 000000000..d3bd65852
Binary files /dev/null and b/novelknock/.config/eww/images/icons/lazer_icons/dashboard.png differ
diff --git a/novelknock/.config/eww/images/icons/lazer_icons/dashboard_hover.png b/novelknock/.config/eww/images/icons/lazer_icons/dashboard_hover.png
new file mode 100755
index 000000000..5a444383d
Binary files /dev/null and b/novelknock/.config/eww/images/icons/lazer_icons/dashboard_hover.png differ
diff --git a/novelknock/.config/eww/images/icons/lazer_icons/forum.png b/novelknock/.config/eww/images/icons/lazer_icons/forum.png
new file mode 100755
index 000000000..cbf58770b
Binary files /dev/null and b/novelknock/.config/eww/images/icons/lazer_icons/forum.png differ
diff --git a/novelknock/.config/eww/images/icons/lazer_icons/music.png b/novelknock/.config/eww/images/icons/lazer_icons/music.png
new file mode 100755
index 000000000..2c3898f7c
Binary files /dev/null and b/novelknock/.config/eww/images/icons/lazer_icons/music.png differ
diff --git a/novelknock/.config/eww/images/icons/lazer_icons/music_hover.png b/novelknock/.config/eww/images/icons/lazer_icons/music_hover.png
new file mode 100755
index 000000000..942a6521d
Binary files /dev/null and b/novelknock/.config/eww/images/icons/lazer_icons/music_hover.png differ
diff --git a/novelknock/.config/eww/images/icons/lazer_icons/music_hover_reference.png b/novelknock/.config/eww/images/icons/lazer_icons/music_hover_reference.png
new file mode 100755
index 000000000..369f8cdce
Binary files /dev/null and b/novelknock/.config/eww/images/icons/lazer_icons/music_hover_reference.png differ
diff --git a/novelknock/.config/eww/images/icons/lazer_icons/music_reference.png b/novelknock/.config/eww/images/icons/lazer_icons/music_reference.png
new file mode 100755
index 000000000..2ee032bba
Binary files /dev/null and b/novelknock/.config/eww/images/icons/lazer_icons/music_reference.png differ
diff --git a/novelknock/.config/eww/images/icons/lazer_icons/news.png b/novelknock/.config/eww/images/icons/lazer_icons/news.png
new file mode 100755
index 000000000..c07bd0c1f
Binary files /dev/null and b/novelknock/.config/eww/images/icons/lazer_icons/news.png differ
diff --git a/novelknock/.config/eww/images/icons/lazer_icons/notifications.png b/novelknock/.config/eww/images/icons/lazer_icons/notifications.png
new file mode 100755
index 000000000..50ea3d40b
Binary files /dev/null and b/novelknock/.config/eww/images/icons/lazer_icons/notifications.png differ
diff --git a/novelknock/.config/eww/images/icons/lazer_icons/notifications_hover.png b/novelknock/.config/eww/images/icons/lazer_icons/notifications_hover.png
new file mode 100755
index 000000000..0ef188ca1
Binary files /dev/null and b/novelknock/.config/eww/images/icons/lazer_icons/notifications_hover.png differ
diff --git a/novelknock/.config/eww/images/icons/lazer_icons/options.png b/novelknock/.config/eww/images/icons/lazer_icons/options.png
new file mode 100755
index 000000000..cec497cd9
Binary files /dev/null and b/novelknock/.config/eww/images/icons/lazer_icons/options.png differ
diff --git a/novelknock/.config/eww/images/icons/lazer_icons/options_hover.png b/novelknock/.config/eww/images/icons/lazer_icons/options_hover.png
new file mode 100755
index 000000000..42439b642
Binary files /dev/null and b/novelknock/.config/eww/images/icons/lazer_icons/options_hover.png differ
diff --git a/novelknock/.config/eww/images/icons/lazer_icons/rankings.png b/novelknock/.config/eww/images/icons/lazer_icons/rankings.png
new file mode 100755
index 000000000..d7210d3d0
Binary files /dev/null and b/novelknock/.config/eww/images/icons/lazer_icons/rankings.png differ
diff --git a/novelknock/.config/eww/images/icons/lazer_icons/transparent/beatmappacks.png b/novelknock/.config/eww/images/icons/lazer_icons/transparent/beatmappacks.png
new file mode 100755
index 000000000..29722cb97
Binary files /dev/null and b/novelknock/.config/eww/images/icons/lazer_icons/transparent/beatmappacks.png differ
diff --git a/novelknock/.config/eww/images/icons/lazer_icons/transparent/beatmaps.png b/novelknock/.config/eww/images/icons/lazer_icons/transparent/beatmaps.png
new file mode 100755
index 000000000..4fea440a3
Binary files /dev/null and b/novelknock/.config/eww/images/icons/lazer_icons/transparent/beatmaps.png differ
diff --git a/novelknock/.config/eww/images/icons/lazer_icons/transparent/changelog.png b/novelknock/.config/eww/images/icons/lazer_icons/transparent/changelog.png
new file mode 100755
index 000000000..1f2f16c67
Binary files /dev/null and b/novelknock/.config/eww/images/icons/lazer_icons/transparent/changelog.png differ
diff --git a/novelknock/.config/eww/images/icons/lazer_icons/transparent/chat.png b/novelknock/.config/eww/images/icons/lazer_icons/transparent/chat.png
new file mode 100755
index 000000000..d823c584d
Binary files /dev/null and b/novelknock/.config/eww/images/icons/lazer_icons/transparent/chat.png differ
diff --git a/novelknock/.config/eww/images/icons/lazer_icons/transparent/contests.png b/novelknock/.config/eww/images/icons/lazer_icons/transparent/contests.png
new file mode 100755
index 000000000..994d5632c
Binary files /dev/null and b/novelknock/.config/eww/images/icons/lazer_icons/transparent/contests.png differ
diff --git a/novelknock/.config/eww/images/icons/lazer_icons/transparent/forum.png b/novelknock/.config/eww/images/icons/lazer_icons/transparent/forum.png
new file mode 100755
index 000000000..d39b6fe21
Binary files /dev/null and b/novelknock/.config/eww/images/icons/lazer_icons/transparent/forum.png differ
diff --git a/novelknock/.config/eww/images/icons/lazer_icons/transparent/home.png b/novelknock/.config/eww/images/icons/lazer_icons/transparent/home.png
new file mode 100755
index 000000000..cfd881e46
Binary files /dev/null and b/novelknock/.config/eww/images/icons/lazer_icons/transparent/home.png differ
diff --git a/novelknock/.config/eww/images/icons/lazer_icons/transparent/news.png b/novelknock/.config/eww/images/icons/lazer_icons/transparent/news.png
new file mode 100755
index 000000000..05e5d4dc7
Binary files /dev/null and b/novelknock/.config/eww/images/icons/lazer_icons/transparent/news.png differ
diff --git a/novelknock/.config/eww/images/icons/lazer_icons/transparent/rankings.png b/novelknock/.config/eww/images/icons/lazer_icons/transparent/rankings.png
new file mode 100755
index 000000000..04191ae5b
Binary files /dev/null and b/novelknock/.config/eww/images/icons/lazer_icons/transparent/rankings.png differ
diff --git a/novelknock/.config/eww/images/icons/lazer_icons/transparent/search.png b/novelknock/.config/eww/images/icons/lazer_icons/transparent/search.png
new file mode 100755
index 000000000..a061f307a
Binary files /dev/null and b/novelknock/.config/eww/images/icons/lazer_icons/transparent/search.png differ
diff --git a/novelknock/.config/eww/images/icons/lazer_icons/transparent/settings.png b/novelknock/.config/eww/images/icons/lazer_icons/transparent/settings.png
new file mode 100755
index 000000000..a74388e9a
Binary files /dev/null and b/novelknock/.config/eww/images/icons/lazer_icons/transparent/settings.png differ
diff --git a/novelknock/.config/eww/images/icons/lazer_icons/transparent/store.png b/novelknock/.config/eww/images/icons/lazer_icons/transparent/store.png
new file mode 100755
index 000000000..b6c02fb37
Binary files /dev/null and b/novelknock/.config/eww/images/icons/lazer_icons/transparent/store.png differ
diff --git a/novelknock/.config/eww/images/icons/lazer_icons/transparent/tournaments.png b/novelknock/.config/eww/images/icons/lazer_icons/transparent/tournaments.png
new file mode 100755
index 000000000..de1a29bda
Binary files /dev/null and b/novelknock/.config/eww/images/icons/lazer_icons/transparent/tournaments.png differ
diff --git a/novelknock/.config/eww/images/icons/lazer_icons/transparent/wiki.png b/novelknock/.config/eww/images/icons/lazer_icons/transparent/wiki.png
new file mode 100755
index 000000000..405e287a5
Binary files /dev/null and b/novelknock/.config/eww/images/icons/lazer_icons/transparent/wiki.png differ
diff --git a/novelknock/.config/eww/images/icons/lazer_icons/wiki.png b/novelknock/.config/eww/images/icons/lazer_icons/wiki.png
new file mode 100755
index 000000000..6d6c7ba91
Binary files /dev/null and b/novelknock/.config/eww/images/icons/lazer_icons/wiki.png differ
diff --git a/novelknock/.config/eww/images/icons/reddit.svg b/novelknock/.config/eww/images/icons/reddit.svg
new file mode 100755
index 000000000..5065bb11f
--- /dev/null
+++ b/novelknock/.config/eww/images/icons/reddit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="_1O4jTk-dZ-VIxsCuYB6OR8 "><g><circle fill="#FF4500" cx="10" cy="10" r="10"></circle><path fill="#FFF" d="M16.67,10A1.46,1.46,0,0,0,14.2,9a7.12,7.12,0,0,0-3.85-1.23L11,4.65,13.14,5.1a1,1,0,1,0,.13-0.61L10.82,4a0.31,0.31,0,0,0-.37.24L9.71,7.71a7.14,7.14,0,0,0-3.9,1.23A1.46,1.46,0,1,0,4.2,11.33a2.87,2.87,0,0,0,0,.44c0,2.24,2.61,4.06,5.83,4.06s5.83-1.82,5.83-4.06a2.87,2.87,0,0,0,0-.44A1.46,1.46,0,0,0,16.67,10Zm-10,1a1,1,0,1,1,1,1A1,1,0,0,1,6.67,11Zm5.81,2.75a3.84,3.84,0,0,1-2.47.77,3.84,3.84,0,0,1-2.47-.77,0.27,0.27,0,0,1,.38-0.38A3.27,3.27,0,0,0,10,14a3.28,3.28,0,0,0,2.09-.61A0.27,0.27,0,1,1,12.48,13.79Zm-0.18-1.71a1,1,0,1,1,1-1A1,1,0,0,1,12.29,12.08Z"></path></g></svg>
\ No newline at end of file
diff --git a/novelknock/.config/eww/images/icons/win-clicked.png b/novelknock/.config/eww/images/icons/win-clicked.png
new file mode 100755
index 000000000..a65486725
Binary files /dev/null and b/novelknock/.config/eww/images/icons/win-clicked.png differ
diff --git a/novelknock/.config/eww/images/icons/win-inactive.png b/novelknock/.config/eww/images/icons/win-inactive.png
new file mode 100755
index 000000000..37328e3e5
Binary files /dev/null and b/novelknock/.config/eww/images/icons/win-inactive.png differ
diff --git a/novelknock/.config/eww/images/icons/win.png b/novelknock/.config/eww/images/icons/win.png
new file mode 100755
index 000000000..88b1a19de
Binary files /dev/null and b/novelknock/.config/eww/images/icons/win.png differ
diff --git a/novelknock/.config/eww/images/icons/winnews-clicked.png b/novelknock/.config/eww/images/icons/winnews-clicked.png
new file mode 100755
index 000000000..2605b1741
Binary files /dev/null and b/novelknock/.config/eww/images/icons/winnews-clicked.png differ
diff --git a/novelknock/.config/eww/images/icons/winnews.png b/novelknock/.config/eww/images/icons/winnews.png
new file mode 100755
index 000000000..7829fd79e
Binary files /dev/null and b/novelknock/.config/eww/images/icons/winnews.png differ
diff --git a/novelknock/.config/eww/images/icons/wintaskview-clicked.png b/novelknock/.config/eww/images/icons/wintaskview-clicked.png
new file mode 100644
index 000000000..7600a58a6
Binary files /dev/null and b/novelknock/.config/eww/images/icons/wintaskview-clicked.png differ
diff --git a/novelknock/.config/eww/images/icons/wintaskview.png b/novelknock/.config/eww/images/icons/wintaskview.png
new file mode 100755
index 000000000..89847d551
Binary files /dev/null and b/novelknock/.config/eww/images/icons/wintaskview.png differ
diff --git a/novelknock/.config/eww/images/menus/btn0.svg b/novelknock/.config/eww/images/menus/btn0.svg
new file mode 100644
index 000000000..beff5f81d
--- /dev/null
+++ b/novelknock/.config/eww/images/menus/btn0.svg
@@ -0,0 +1,6 @@
+<svg width="400" height="400" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_1_2" fill="white">
+<path d="M201.5 21.6C201.5 15.5014 201.5 12.4522 202.846 9.98781C203.959 7.94905 206.036 6.06184 208.171 5.14767C210.752 4.04266 213.526 4.308 219.074 4.83869C237.539 6.60517 255.674 11.1493 272.87 18.3487C290.151 25.5832 306.225 35.3908 320.571 47.4184C324.808 50.9713 326.927 52.7477 327.953 55.337C328.802 57.4818 328.932 60.2568 328.285 62.4713C327.504 65.1446 325.379 67.2927 321.128 71.5889L286.543 106.545C282.207 110.927 280.04 113.118 277.839 113.967C275.656 114.809 274.04 114.949 271.746 114.495C269.431 114.038 266.452 111.921 260.492 107.686C254.346 103.319 247.728 99.6368 240.754 96.7168C233.745 93.7824 226.452 91.65 219.012 90.3471C211.869 89.0961 208.297 88.4706 206.356 87.1636C204.429 85.8662 203.398 84.6386 202.453 82.5168C201.5 80.3794 201.5 77.3279 201.5 71.225L201.5 21.6Z"/>
+</mask>
+<path d="M201.5 21.6C201.5 15.5014 201.5 12.4522 202.846 9.98781C203.959 7.94905 206.036 6.06184 208.171 5.14767C210.752 4.04266 213.526 4.308 219.074 4.83869C237.539 6.60517 255.674 11.1493 272.87 18.3487C290.151 25.5832 306.225 35.3908 320.571 47.4184C324.808 50.9713 326.927 52.7477 327.953 55.337C328.802 57.4818 328.932 60.2568 328.285 62.4713C327.504 65.1446 325.379 67.2927 321.128 71.5889L286.543 106.545C282.207 110.927 280.04 113.118 277.839 113.967C275.656 114.809 274.04 114.949 271.746 114.495C269.431 114.038 266.452 111.921 260.492 107.686C254.346 103.319 247.728 99.6368 240.754 96.7168C233.745 93.7824 226.452 91.65 219.012 90.3471C211.869 89.0961 208.297 88.4706 206.356 87.1636C204.429 85.8662 203.398 84.6386 202.453 82.5168C201.5 80.3794 201.5 77.3279 201.5 71.225L201.5 21.6Z" fill="#1E1E1E" fill-opacity="0.85" stroke="#626262" stroke-width="2.8" mask="url(#path-1-inside-1_1_2)"/>
+</svg>
diff --git a/novelknock/.config/eww/images/menus/btn1.svg b/novelknock/.config/eww/images/menus/btn1.svg
new file mode 100644
index 000000000..1d3a6a404
--- /dev/null
+++ b/novelknock/.config/eww/images/menus/btn1.svg
@@ -0,0 +1,6 @@
+<svg width="400" height="400" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_1_2" fill="white">
+<path d="M328.479 77.0884C332.757 72.9008 334.896 70.807 337.552 70.0372C339.753 69.3996 342.508 69.5272 344.64 70.3656C347.214 71.3776 348.985 73.4655 352.527 77.6412C376.691 106.124 391.543 141.081 395.144 177.927C395.684 183.461 395.955 186.228 394.852 188.814C393.941 190.951 392.05 193.036 390.012 194.151C387.545 195.5 384.497 195.5 378.4 195.5L328.775 195.5C322.676 195.5 319.626 195.5 317.494 194.552C315.371 193.609 314.154 192.591 312.852 190.667C311.543 188.735 310.902 185.154 309.621 177.991C307.008 163.396 301.159 149.533 292.491 137.387C288.195 131.368 286.047 128.359 285.587 126.032C285.131 123.721 285.274 122.103 286.129 119.908C286.989 117.698 289.213 115.521 293.66 111.169L328.479 77.0884Z"/>
+</mask>
+<path d="M328.479 77.0884C332.757 72.9008 334.896 70.807 337.552 70.0372C339.753 69.3996 342.508 69.5272 344.64 70.3656C347.214 71.3776 348.985 73.4655 352.527 77.6412C376.691 106.124 391.543 141.081 395.144 177.927C395.684 183.461 395.955 186.228 394.852 188.814C393.941 190.951 392.05 193.036 390.012 194.151C387.545 195.5 384.497 195.5 378.4 195.5L328.775 195.5C322.676 195.5 319.626 195.5 317.494 194.552C315.371 193.609 314.154 192.591 312.852 190.667C311.543 188.735 310.902 185.154 309.621 177.991C307.008 163.396 301.159 149.533 292.491 137.387C288.195 131.368 286.047 128.359 285.587 126.032C285.131 123.721 285.274 122.103 286.129 119.908C286.989 117.698 289.213 115.521 293.66 111.169L328.479 77.0884Z" fill="#1E1E1E" fill-opacity="0.85" stroke="#626262" stroke-width="2.8" mask="url(#path-1-inside-1_1_2)"/>
+</svg>
diff --git a/novelknock/.config/eww/images/menus/btn2.svg b/novelknock/.config/eww/images/menus/btn2.svg
new file mode 100644
index 000000000..8100efb9a
--- /dev/null
+++ b/novelknock/.config/eww/images/menus/btn2.svg
@@ -0,0 +1,6 @@
+<svg width="400" height="400" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_1_2" fill="white">
+<path d="M378.4 204.5C384.497 204.5 387.545 204.5 390.012 205.849C392.05 206.964 393.941 209.049 394.852 211.186C395.955 213.772 395.684 216.539 395.144 222.073C391.543 258.919 376.691 293.876 352.527 322.359C348.985 326.534 347.214 328.622 344.64 329.634C342.508 330.473 339.753 330.6 337.552 329.963C334.896 329.193 332.757 327.099 328.479 322.912L293.66 288.831C289.213 284.479 286.989 282.302 286.129 280.092C285.274 277.897 285.131 276.279 285.587 273.968C286.047 271.641 288.195 268.632 292.491 262.613C301.159 250.467 307.008 236.604 309.621 222.009C310.902 214.846 311.543 211.265 312.852 209.333C314.154 207.409 315.371 206.391 317.494 205.448C319.626 204.5 322.676 204.5 328.775 204.5L378.4 204.5Z"/>
+</mask>
+<path d="M378.4 204.5C384.497 204.5 387.545 204.5 390.012 205.849C392.05 206.964 393.941 209.049 394.852 211.186C395.955 213.772 395.684 216.539 395.144 222.073C391.543 258.919 376.691 293.876 352.527 322.359C348.985 326.534 347.214 328.622 344.64 329.634C342.508 330.473 339.753 330.6 337.552 329.963C334.896 329.193 332.757 327.099 328.479 322.912L293.66 288.831C289.213 284.479 286.989 282.302 286.129 280.092C285.274 277.897 285.131 276.279 285.587 273.968C286.047 271.641 288.195 268.632 292.491 262.613C301.159 250.467 307.008 236.604 309.621 222.009C310.902 214.846 311.543 211.265 312.852 209.333C314.154 207.409 315.371 206.391 317.494 205.448C319.626 204.5 322.676 204.5 328.775 204.5L378.4 204.5Z" fill="#1E1E1E" fill-opacity="0.85" stroke="#626262" stroke-width="2.8" mask="url(#path-1-inside-1_1_2)"/>
+</svg>
diff --git a/novelknock/.config/eww/images/menus/btn3.svg b/novelknock/.config/eww/images/menus/btn3.svg
new file mode 100644
index 000000000..f0cc7a665
--- /dev/null
+++ b/novelknock/.config/eww/images/menus/btn3.svg
@@ -0,0 +1,6 @@
+<svg width="400" height="400" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_1_2" fill="white">
+<path d="M321.128 329.411C325.379 333.707 327.504 335.856 328.285 338.529C328.932 340.743 328.803 343.518 327.953 345.663C326.928 348.252 324.809 350.029 320.57 353.583C291.742 377.755 256.361 392.596 219.075 396.162C213.526 396.692 210.752 396.958 208.171 395.853C206.035 394.938 203.959 393.051 202.846 391.012C201.5 388.548 201.5 385.499 201.5 379.4L201.5 329.775C201.5 323.672 201.5 320.621 202.453 318.484C203.398 316.362 204.429 315.134 206.356 313.837C208.297 312.53 211.869 311.904 219.013 310.653C233.934 308.04 248.104 302.117 260.492 293.314C266.452 289.08 269.432 286.963 271.746 286.505C274.041 286.051 275.657 286.191 277.839 287.033C280.04 287.882 282.208 290.073 286.543 294.455L321.128 329.411Z"/>
+</mask>
+<path d="M321.128 329.411C325.379 333.707 327.504 335.856 328.285 338.529C328.932 340.743 328.803 343.518 327.953 345.663C326.928 348.252 324.809 350.029 320.57 353.583C291.742 377.755 256.361 392.596 219.075 396.162C213.526 396.692 210.752 396.958 208.171 395.853C206.035 394.938 203.959 393.051 202.846 391.012C201.5 388.548 201.5 385.499 201.5 379.4L201.5 329.775C201.5 323.672 201.5 320.621 202.453 318.484C203.398 316.362 204.429 315.134 206.356 313.837C208.297 312.53 211.869 311.904 219.013 310.653C233.934 308.04 248.104 302.117 260.492 293.314C266.452 289.08 269.432 286.963 271.746 286.505C274.041 286.051 275.657 286.191 277.839 287.033C280.04 287.882 282.208 290.073 286.543 294.455L321.128 329.411Z" fill="#1E1E1E" fill-opacity="0.85" stroke="#626262" stroke-width="2.8" mask="url(#path-1-inside-1_1_2)"/>
+</svg>
diff --git a/novelknock/.config/eww/images/menus/btn4.svg b/novelknock/.config/eww/images/menus/btn4.svg
new file mode 100644
index 000000000..e171aa064
--- /dev/null
+++ b/novelknock/.config/eww/images/menus/btn4.svg
@@ -0,0 +1,6 @@
+<svg width="400" height="400" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_1_2" fill="white">
+<path d="M192.5 379.4C192.5 385.501 192.5 388.551 191.157 391.013C190.045 393.053 187.978 394.936 185.843 395.853C183.267 396.96 180.486 396.7 174.924 396.179C137.197 392.648 101.393 377.817 72.2186 353.637C67.9177 350.073 65.7673 348.29 64.7284 345.686C63.8679 343.528 63.7374 340.734 64.3931 338.506C65.1847 335.815 67.3416 333.659 71.6555 329.345L106.746 294.254C111.063 289.937 113.222 287.778 115.414 286.94C117.584 286.111 119.197 285.974 121.476 286.425C123.778 286.88 126.728 288.967 132.63 293.142C145.26 302.075 159.736 308.071 174.984 310.685C182.109 311.906 185.671 312.517 187.621 313.823C189.551 315.115 190.595 316.353 191.543 318.474C192.5 320.616 192.5 323.669 192.5 329.775L192.5 379.4Z"/>
+</mask>
+<path d="M192.5 379.4C192.5 385.501 192.5 388.551 191.157 391.013C190.045 393.053 187.978 394.936 185.843 395.853C183.267 396.96 180.486 396.7 174.924 396.179C137.197 392.648 101.393 377.817 72.2186 353.637C67.9177 350.073 65.7673 348.29 64.7284 345.686C63.8679 343.528 63.7374 340.734 64.3931 338.506C65.1847 335.815 67.3416 333.659 71.6555 329.345L106.746 294.254C111.063 289.937 113.222 287.778 115.414 286.94C117.584 286.111 119.197 285.974 121.476 286.425C123.778 286.88 126.728 288.967 132.63 293.142C145.26 302.075 159.736 308.071 174.984 310.685C182.109 311.906 185.671 312.517 187.621 313.823C189.551 315.115 190.595 316.353 191.543 318.474C192.5 320.616 192.5 323.669 192.5 329.775L192.5 379.4Z" fill="#1E1E1E" fill-opacity="0.85" stroke="#626262" stroke-width="2.8" mask="url(#path-1-inside-1_1_2)"/>
+</svg>
diff --git a/novelknock/.config/eww/images/menus/corner_bottomleft.svg b/novelknock/.config/eww/images/menus/corner_bottomleft.svg
new file mode 100644
index 000000000..e263f13c6
--- /dev/null
+++ b/novelknock/.config/eww/images/menus/corner_bottomleft.svg
@@ -0,0 +1,4 @@
+<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 10V0V0C0.284249 5.40073 4.59927 9.71575 10 10V10H0Z" fill="black"/>
+<path d="M0 10V0C0.284249 5.40073 4.59927 9.71575 10 10H0Z" fill="black"/>
+</svg>
diff --git a/novelknock/.config/eww/images/menus/corner_bottomright.svg b/novelknock/.config/eww/images/menus/corner_bottomright.svg
new file mode 100644
index 000000000..15fc0e589
--- /dev/null
+++ b/novelknock/.config/eww/images/menus/corner_bottomright.svg
@@ -0,0 +1,4 @@
+<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 10V0V0C9.71575 5.40073 5.40073 9.71575 0 10V10H10Z" fill="black"/>
+<path d="M10 10V0C9.71575 5.40073 5.40073 9.71575 0 10H10Z" fill="black"/>
+</svg>
diff --git a/novelknock/.config/eww/images/menus/corner_topleft.svg b/novelknock/.config/eww/images/menus/corner_topleft.svg
new file mode 100644
index 000000000..fd9ccbed8
--- /dev/null
+++ b/novelknock/.config/eww/images/menus/corner_topleft.svg
@@ -0,0 +1,4 @@
+<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 0V10V10C0.284249 4.59927 4.59927 0.284249 10 0V0H0Z" fill="black"/>
+<path d="M0 0V10C0.284249 4.59927 4.59927 0.284249 10 0H0Z" fill="black"/>
+</svg>
diff --git a/novelknock/.config/eww/images/menus/corner_topright.svg b/novelknock/.config/eww/images/menus/corner_topright.svg
new file mode 100644
index 000000000..64bce7a6a
--- /dev/null
+++ b/novelknock/.config/eww/images/menus/corner_topright.svg
@@ -0,0 +1,3 @@
+<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 0V10V10C9.71575 4.59927 5.40073 0.284249 0 0V0H10Z" fill="black"/>
+</svg>
diff --git a/novelknock/.config/eww/images/menus/radial.svg b/novelknock/.config/eww/images/menus/radial.svg
new file mode 100644
index 000000000..b44be2a75
--- /dev/null
+++ b/novelknock/.config/eww/images/menus/radial.svg
@@ -0,0 +1,22 @@
+<svg width="400" height="400" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_1_2" fill="white">
+<path d="M200.5 23.6C200.5 17.5014 200.5 14.4522 201.846 11.9878C202.959 9.94905 205.036 8.06184 207.171 7.14767C209.752 6.04266 212.526 6.308 218.074 6.83869C236.539 8.60517 254.674 13.1493 271.87 20.3487C289.151 27.5832 305.225 37.3908 319.571 49.4184C323.808 52.9713 325.927 54.7477 326.953 57.337C327.802 59.4818 327.932 62.2568 327.285 64.4713C326.504 67.1446 324.379 69.2927 320.128 73.5889L285.543 108.545C281.207 112.927 279.04 115.118 276.839 115.967C274.656 116.809 273.04 116.949 270.746 116.495C268.431 116.038 265.452 113.921 259.492 109.686C253.346 105.319 246.728 101.637 239.754 98.7168C232.745 95.7824 225.452 93.65 218.012 92.3471C210.869 91.0961 207.297 90.4706 205.356 89.1636C203.429 87.8662 202.398 86.6386 201.453 84.5168C200.5 82.3794 200.5 79.3279 200.5 73.225L200.5 23.6Z"/>
+</mask>
+<path d="M200.5 23.6C200.5 17.5014 200.5 14.4522 201.846 11.9878C202.959 9.94905 205.036 8.06184 207.171 7.14767C209.752 6.04266 212.526 6.308 218.074 6.83869C236.539 8.60517 254.674 13.1493 271.87 20.3487C289.151 27.5832 305.225 37.3908 319.571 49.4184C323.808 52.9713 325.927 54.7477 326.953 57.337C327.802 59.4818 327.932 62.2568 327.285 64.4713C326.504 67.1446 324.379 69.2927 320.128 73.5889L285.543 108.545C281.207 112.927 279.04 115.118 276.839 115.967C274.656 116.809 273.04 116.949 270.746 116.495C268.431 116.038 265.452 113.921 259.492 109.686C253.346 105.319 246.728 101.637 239.754 98.7168C232.745 95.7824 225.452 93.65 218.012 92.3471C210.869 91.0961 207.297 90.4706 205.356 89.1636C203.429 87.8662 202.398 86.6386 201.453 84.5168C200.5 82.3794 200.5 79.3279 200.5 73.225L200.5 23.6Z" fill="#1E1E1E" fill-opacity="0.85" stroke="#626262" stroke-width="2.8" mask="url(#path-1-inside-1_1_2)"/>
+<mask id="path-2-inside-2_1_2" fill="white">
+<path d="M327.479 80.0884C331.757 75.9008 333.896 73.807 336.552 73.0372C338.753 72.3996 341.508 72.5272 343.64 73.3656C346.214 74.3776 347.985 76.4655 351.527 80.6412C375.691 109.124 390.543 144.081 394.144 180.927C394.684 186.461 394.955 189.228 393.852 191.814C392.941 193.951 391.05 196.036 389.012 197.151C386.545 198.5 383.497 198.5 377.4 198.5L327.775 198.5C321.676 198.5 318.626 198.5 316.494 197.552C314.371 196.609 313.154 195.591 311.852 193.667C310.543 191.735 309.902 188.154 308.621 180.991C306.008 166.396 300.159 152.533 291.491 140.387C287.195 134.368 285.047 131.359 284.587 129.032C284.131 126.721 284.274 125.103 285.129 122.908C285.989 120.698 288.213 118.521 292.66 114.169L327.479 80.0884Z"/>
+</mask>
+<path d="M327.479 80.0884C331.757 75.9008 333.896 73.807 336.552 73.0372C338.753 72.3996 341.508 72.5272 343.64 73.3656C346.214 74.3776 347.985 76.4655 351.527 80.6412C375.691 109.124 390.543 144.081 394.144 180.927C394.684 186.461 394.955 189.228 393.852 191.814C392.941 193.951 391.05 196.036 389.012 197.151C386.545 198.5 383.497 198.5 377.4 198.5L327.775 198.5C321.676 198.5 318.626 198.5 316.494 197.552C314.371 196.609 313.154 195.591 311.852 193.667C310.543 191.735 309.902 188.154 308.621 180.991C306.008 166.396 300.159 152.533 291.491 140.387C287.195 134.368 285.047 131.359 284.587 129.032C284.131 126.721 284.274 125.103 285.129 122.908C285.989 120.698 288.213 118.521 292.66 114.169L327.479 80.0884Z" fill="#1E1E1E" fill-opacity="0.85" stroke="#626262" stroke-width="2.8" mask="url(#path-2-inside-2_1_2)"/>
+<mask id="path-3-inside-3_1_2" fill="white">
+<path d="M377.4 202.5C383.497 202.5 386.545 202.5 389.012 203.849C391.05 204.964 392.941 207.049 393.852 209.186C394.955 211.772 394.684 214.539 394.144 220.073C390.543 256.919 375.691 291.876 351.527 320.359C347.985 324.534 346.214 326.622 343.64 327.634C341.508 328.473 338.753 328.6 336.552 327.963C333.896 327.193 331.757 325.099 327.479 320.912L292.66 286.831C288.213 282.479 285.989 280.302 285.129 278.092C284.274 275.897 284.131 274.279 284.587 271.968C285.047 269.641 287.195 266.632 291.491 260.613C300.159 248.467 306.008 234.604 308.621 220.009C309.902 212.846 310.543 209.265 311.852 207.333C313.154 205.409 314.371 204.391 316.494 203.448C318.626 202.5 321.676 202.5 327.775 202.5L377.4 202.5Z"/>
+</mask>
+<path d="M377.4 202.5C383.497 202.5 386.545 202.5 389.012 203.849C391.05 204.964 392.941 207.049 393.852 209.186C394.955 211.772 394.684 214.539 394.144 220.073C390.543 256.919 375.691 291.876 351.527 320.359C347.985 324.534 346.214 326.622 343.64 327.634C341.508 328.473 338.753 328.6 336.552 327.963C333.896 327.193 331.757 325.099 327.479 320.912L292.66 286.831C288.213 282.479 285.989 280.302 285.129 278.092C284.274 275.897 284.131 274.279 284.587 271.968C285.047 269.641 287.195 266.632 291.491 260.613C300.159 248.467 306.008 234.604 308.621 220.009C309.902 212.846 310.543 209.265 311.852 207.333C313.154 205.409 314.371 204.391 316.494 203.448C318.626 202.5 321.676 202.5 327.775 202.5L377.4 202.5Z" fill="#1E1E1E" fill-opacity="0.85" stroke="#626262" stroke-width="2.8" mask="url(#path-3-inside-3_1_2)"/>
+<mask id="path-4-inside-4_1_2" fill="white">
+<path d="M320.128 327.411C324.379 331.707 326.504 333.856 327.285 336.529C327.932 338.743 327.803 341.518 326.953 343.663C325.928 346.252 323.809 348.029 319.57 351.583C290.742 375.755 255.361 390.596 218.075 394.162C212.526 394.692 209.752 394.958 207.171 393.853C205.035 392.938 202.959 391.051 201.846 389.012C200.5 386.548 200.5 383.499 200.5 377.4L200.5 327.775C200.5 321.672 200.5 318.621 201.453 316.484C202.398 314.362 203.429 313.134 205.356 311.837C207.297 310.53 210.869 309.904 218.013 308.653C232.934 306.04 247.104 300.117 259.492 291.314C265.452 287.08 268.432 284.963 270.746 284.505C273.041 284.051 274.657 284.191 276.839 285.033C279.04 285.882 281.208 288.073 285.543 292.455L320.128 327.411Z"/>
+</mask>
+<path d="M320.128 327.411C324.379 331.707 326.504 333.856 327.285 336.529C327.932 338.743 327.803 341.518 326.953 343.663C325.928 346.252 323.809 348.029 319.57 351.583C290.742 375.755 255.361 390.596 218.075 394.162C212.526 394.692 209.752 394.958 207.171 393.853C205.035 392.938 202.959 391.051 201.846 389.012C200.5 386.548 200.5 383.499 200.5 377.4L200.5 327.775C200.5 321.672 200.5 318.621 201.453 316.484C202.398 314.362 203.429 313.134 205.356 311.837C207.297 310.53 210.869 309.904 218.013 308.653C232.934 306.04 247.104 300.117 259.492 291.314C265.452 287.08 268.432 284.963 270.746 284.505C273.041 284.051 274.657 284.191 276.839 285.033C279.04 285.882 281.208 288.073 285.543 292.455L320.128 327.411Z" fill="#1E1E1E" fill-opacity="0.85" stroke="#626262" stroke-width="2.8" mask="url(#path-4-inside-4_1_2)"/>
+<mask id="path-5-inside-5_1_2" fill="white">
+<path d="M194.5 377.4C194.5 383.501 194.5 386.551 193.157 389.013C192.045 391.053 189.978 392.936 187.843 393.853C185.267 394.96 182.486 394.7 176.924 394.179C139.197 390.648 103.393 375.817 74.2186 351.637C69.9177 348.073 67.7673 346.29 66.7284 343.686C65.8679 341.528 65.7374 338.734 66.3931 336.506C67.1847 333.815 69.3416 331.659 73.6555 327.345L108.746 292.254C113.063 287.937 115.222 285.778 117.414 284.94C119.584 284.111 121.197 283.974 123.476 284.425C125.778 284.88 128.728 286.967 134.63 291.142C147.26 300.075 161.736 306.071 176.984 308.685C184.109 309.906 187.671 310.517 189.621 311.823C191.551 313.115 192.595 314.353 193.543 316.474C194.5 318.616 194.5 321.669 194.5 327.775L194.5 377.4Z"/>
+</mask>
+<path d="M194.5 377.4C194.5 383.501 194.5 386.551 193.157 389.013C192.045 391.053 189.978 392.936 187.843 393.853C185.267 394.96 182.486 394.7 176.924 394.179C139.197 390.648 103.393 375.817 74.2186 351.637C69.9177 348.073 67.7673 346.29 66.7284 343.686C65.8679 341.528 65.7374 338.734 66.3931 336.506C67.1847 333.815 69.3416 331.659 73.6555 327.345L108.746 292.254C113.063 287.937 115.222 285.778 117.414 284.94C119.584 284.111 121.197 283.974 123.476 284.425C125.778 284.88 128.728 286.967 134.63 291.142C147.26 300.075 161.736 306.071 176.984 308.685C184.109 309.906 187.671 310.517 189.621 311.823C191.551 313.115 192.595 314.353 193.543 316.474C194.5 318.616 194.5 321.669 194.5 327.775L194.5 377.4Z" fill="#1E1E1E" fill-opacity="0.85" stroke="#626262" stroke-width="2.8" mask="url(#path-5-inside-5_1_2)"/>
+</svg>
diff --git a/novelknock/.config/eww/images/pictures/banner_left b/novelknock/.config/eww/images/pictures/banner_left
new file mode 100755
index 000000000..0989c19ea
Binary files /dev/null and b/novelknock/.config/eww/images/pictures/banner_left differ
diff --git a/novelknock/.config/eww/images/pictures/banner_right b/novelknock/.config/eww/images/pictures/banner_right
new file mode 100755
index 000000000..faa9a0c09
Binary files /dev/null and b/novelknock/.config/eww/images/pictures/banner_right differ
diff --git a/novelknock/.config/eww/images/pictures/qr_aur.png b/novelknock/.config/eww/images/pictures/qr_aur.png
new file mode 100644
index 000000000..23e4efbdb
Binary files /dev/null and b/novelknock/.config/eww/images/pictures/qr_aur.png differ
diff --git a/novelknock/.config/eww/images/svg/app.svg b/novelknock/.config/eww/images/svg/app.svg
new file mode 100755
index 000000000..ecded3691
--- /dev/null
+++ b/novelknock/.config/eww/images/svg/app.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m18.492 2.33 3.179 3.179a2.25 2.25 0 0 1 0 3.182l-2.423 2.422A2.501 2.501 0 0 1 21 13.5v5a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 18.5v-13A2.5 2.5 0 0 1 5.5 3h5c1.121 0 2.07.737 2.387 1.754L15.31 2.33a2.25 2.25 0 0 1 3.182 0ZM11 13H5v5.5a.5.5 0 0 0 .5.5H11v-6Zm7.5 0H13v6h5.5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5Zm-4.06-2.001L13 9.559v1.44h1.44Zm-3.94-6h-5a.5.5 0 0 0-.5.5V11h6V5.5a.5.5 0 0 0-.5-.5Z" fill="#c9f089"/></svg>
\ No newline at end of file
diff --git a/novelknock/.config/eww/images/svg/dark/app.svg b/novelknock/.config/eww/images/svg/dark/app.svg
new file mode 100755
index 000000000..b2a2169f0
--- /dev/null
+++ b/novelknock/.config/eww/images/svg/dark/app.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m18.492 2.33 3.179 3.179a2.25 2.25 0 0 1 0 3.182l-2.423 2.422A2.501 2.501 0 0 1 21 13.5v5a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 18.5v-13A2.5 2.5 0 0 1 5.5 3h5c1.121 0 2.07.737 2.387 1.754L15.31 2.33a2.25 2.25 0 0 1 3.182 0ZM11 13H5v5.5a.5.5 0 0 0 .5.5H11v-6Zm7.5 0H13v6h5.5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5Zm-4.06-2.001L13 9.559v1.44h1.44Zm-3.94-6h-5a.5.5 0 0 0-.5.5V11h6V5.5a.5.5 0 0 0-.5-.5Z" fill="white"/></svg>
\ No newline at end of file
diff --git a/novelknock/.config/eww/images/textures/acrylic.png b/novelknock/.config/eww/images/textures/acrylic.png
new file mode 100755
index 000000000..028b188b5
Binary files /dev/null and b/novelknock/.config/eww/images/textures/acrylic.png differ
diff --git a/novelknock/.config/eww/images/wallpaper/wallpaper b/novelknock/.config/eww/images/wallpaper/wallpaper
new file mode 100755
index 000000000..3ac6974ee
Binary files /dev/null and b/novelknock/.config/eww/images/wallpaper/wallpaper differ
diff --git a/novelknock/.config/eww/json/directories.json b/novelknock/.config/eww/json/directories.json
new file mode 100755
index 000000000..af03dbbfb
--- /dev/null
+++ b/novelknock/.config/eww/json/directories.json
@@ -0,0 +1,9 @@
+[
+    {"name": "Documents", "path": "~/Documents", "icon": "description"},
+    {"name": "Downloads", "path": "~/Downloads", "icon": "download"},
+    {"name": "Music", "path": "~/Music", "icon": "music_note"},
+    {"name": "Pictures", "path": "~/Pictures", "icon": "image"},
+    {"name": "Videos", "path": "~/Videos", "icon": "movie"},
+    {"name": "eww", "path": "~/.config/eww", "icon": "widgets"},
+    {"name": "hypr", "path": "~/.config/hypr", "icon": "water_drop"}
+]
\ No newline at end of file
diff --git a/novelknock/.config/eww/json/langs.json b/novelknock/.config/eww/json/langs.json
new file mode 100755
index 000000000..3fa2bda59
--- /dev/null
+++ b/novelknock/.config/eww/json/langs.json
@@ -0,0 +1,14 @@
+[
+    {
+        "name": "English (United States)",
+        "name_method": "US",
+        "name_ibus": "xkb:us::eng",
+        "name_abbr": "ENG"
+    },
+    {
+        "name": "Vietnamese",
+        "name_method": "Vietnamese Telex (Bamboo Engine)",
+        "name_ibus": "Bamboo::Us",
+        "name_abbr": "VIE"
+    }
+]
\ No newline at end of file
diff --git a/novelknock/.config/eww/json/taskbar.json b/novelknock/.config/eww/json/taskbar.json
new file mode 100755
index 000000000..eb76c2c3d
--- /dev/null
+++ b/novelknock/.config/eww/json/taskbar.json
@@ -0,0 +1,34 @@
+[
+    {
+        "address": [],
+        "class": "org.gnome.Nautilus",
+        "count": 0,
+        "icon": "/usr/share/icons/Win11-dark/apps/scalable/nautilus.svg",
+        "workspace": [],
+        "exec": "nautilus --new-window &"
+    },
+    {
+        "address": [],
+        "class": "firefox",
+        "count": 0,
+        "icon": "/usr/share/icons/Win11-dark/apps/scalable/firefox.svg",
+        "workspace": [],
+        "exec": "firefox &"
+    },
+    {
+        "address": [],
+        "class": "code-url-handler",
+        "count": 0,
+        "icon": "/usr/share/icons/Win11-dark/apps/scalable/code.svg",
+        "workspace": [],
+        "exec": "code --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland &"
+    },
+    {
+        "address": [],
+        "class": "foot",
+        "count": 0,
+        "icon": "/usr/share/icons/Win11-dark/apps/scalable/foot.svg",
+        "workspace": [],
+        "exec": "foot &"
+    }
+]
\ No newline at end of file
diff --git a/novelknock/.config/eww/json/todo.json b/novelknock/.config/eww/json/todo.json
new file mode 100755
index 000000000..bd69db6f4
--- /dev/null
+++ b/novelknock/.config/eww/json/todo.json
@@ -0,0 +1,2 @@
+
+["hyprland: light reduction in blur","hyprland: make top draggers (hyprbars mod)","eww:app icons on workspace switcher perhaps","wallpaper scroll, multi layer with diff speed","make 20-30s hyprland intro video for vdawg"]
diff --git a/novelknock/.config/eww/json/websites.json b/novelknock/.config/eww/json/websites.json
new file mode 100755
index 000000000..7f9b04c75
--- /dev/null
+++ b/novelknock/.config/eww/json/websites.json
@@ -0,0 +1,9 @@
+[
+    {"name": "Discord", "url": "https://discord.com/app", "icon": "󰙯"},
+    {"name": "Youtube", "url": "https://youtube.com", "icon": "󰗃"},
+    {"name": "SoundCloud", "url": "https://soundcloud.com", "icon": "󰓀"},
+    {"name": "GitHub", "url": "https://github.com", "icon": "󰊤"},
+    {"name": "Pixiv", "url": "https://pixiv.net", "icon": "󰋩"},
+    {"name": "Gmail", "url": "https://mail.google.com", "icon": "󰊫"},
+    {"name": "G Translate", "url": "https://translate.google.com", "icon": "󰊿"}
+]
\ No newline at end of file
diff --git a/novelknock/.config/eww/modules/colorscheme.yuck b/novelknock/.config/eww/modules/colorscheme.yuck
new file mode 100755
index 000000000..5eb21c87a
--- /dev/null
+++ b/novelknock/.config/eww/modules/colorscheme.yuck
@@ -0,0 +1,33 @@
+(defwidget colorscheme_widget []
+  (box
+    :class "bar-pad"
+    :width 420
+    :height 60
+    (box
+      :class "bar-bg bar-bg-pad"
+      (box
+        :space-evenly false
+        :orientation "h"
+        :spacing 5
+        :halign "center"
+        (button
+          :valign "center"
+          :class "bar-wall-btn"
+          :onclick "scripts/switchwall &"
+          :tooltip "Change wallpaper"
+          (label :class "bar-icon-material-hugeass bar-txt-norm" :text "image")
+        )
+        (label :valign "center" :width 30 :height 30 :class "bar-clr bar-clr-1" :text "1")
+        (label :valign "center" :width 30 :height 30 :class "bar-clr bar-clr-2" :text "1")
+        (label :valign "center" :width 30 :height 30 :class "bar-clr bar-clr-3" :text "2")
+        (label :valign "center" :width 30 :height 30 :class "bar-clr bar-clr-4" :text "2")
+        (label :valign "center" :width 30 :height 30 :class "bar-clr bar-clr-5" :text "3")
+        (label :valign "center" :width 30 :height 30 :class "bar-clr bar-clr-6" :text "3")
+        (label :valign "center" :width 30 :height 30 :class "bar-clr bar-clr-7" :text "Sf")
+        (label :valign "center" :width 30 :height 30 :class "bar-clr bar-clr-8" :text "Sf")
+        (label :valign "center" :width 30 :height 30 :class "bar-clr bar-clr-9" :text "Bg")
+        (label :valign "center" :width 30 :height 30 :class "bar-clr bar-clr-10" :text "iP")
+      )
+    )
+  )
+)
diff --git a/novelknock/.config/eww/modules/dynamicleft.yuck b/novelknock/.config/eww/modules/dynamicleft.yuck
new file mode 100755
index 000000000..ea5f4761f
--- /dev/null
+++ b/novelknock/.config/eww/modules/dynamicleft.yuck
@@ -0,0 +1,60 @@
+(defwidget dynamicleft_widget []
+  (box
+    (eventbox
+      :onscroll "scripts/scroll-dynamicleft-module {} &"
+      :onmiddleclick "playerctl play-pause"
+      :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+      :onclick "${open_sideleft ?
+      (EWW_CMD + ' update bar_offset=0 && ' + EWW_CMD + ' update open_sideleft=false &') :
+      (dynamicleft_module_page == 2 ? '' :
+        (EWW_CMD + ' open sideleft && ' + EWW_CMD + ' update bar_offset=1 && ' + EWW_CMD + ' update open_sideright=false && ' + EWW_CMD + ' update open_sideleft=true &')
+      )}"
+      ; ↑ check module page 2 to not open sidebar when clicking taskbar
+      (box
+        :orientation "h" :space-evenly false
+        (revealer
+          :reveal {mousemode == 1}
+          :transition "slideright"
+          :duration "200ms"
+          (box
+            :space-evenly false
+            :orientation "v"
+            (box ; Module 1: Music
+              :style "
+              ${ANIM_ENTER[1]}
+              ${dynamicleft_module_page > 1 ? 'margin-top: -70px;' : ''}
+              "
+              (music_widget)
+            )
+            (box ; Module 2: Colors
+              :style "
+              ${ANIM_ENTER[1]}
+              ${dynamicleft_module_page > 2 ? 'margin-top: -70px;' :
+              dynamicleft_module_page < 2 ? 'margin-bottom: -70px;' : ''}
+              "
+              (colorscheme_widget)
+            )
+          )
+        )
+        (revealer
+          :reveal {mousemode == 0}
+          :transition "slideleft"
+          :duration "200ms"
+          (scroll
+            :width 420
+            (box
+              :space-evenly false
+              :orientation "v"
+              (box ; Module 1: Music
+                (music_widget)
+              )
+              (box ; Module 2: Colors
+                (colorscheme_widget)
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/novelknock/.config/eww/modules/dynamicright.yuck b/novelknock/.config/eww/modules/dynamicright.yuck
new file mode 100755
index 000000000..fb6a33131
--- /dev/null
+++ b/novelknock/.config/eww/modules/dynamicright.yuck
@@ -0,0 +1,67 @@
+(defwidget dynamicright_widget []
+  (eventbox
+    :onscroll "scripts/scroll-dynamicright-module {} && ${EWW_CMD} update notifications=\"$(scripts/notifget)\" &"
+    :onmiddleclick "playerctl play-pause"
+    :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+    :onclick "${open_sideright ?
+    (EWW_CMD + ' update bar_offset=0 && ' + EWW_CMD + ' update open_sideright=false &') :
+    (EWW_CMD + ' open sideright && ' + EWW_CMD + ' update bar_offset=-1 && ' + EWW_CMD + ' update open_sideleft=false && ' + EWW_CMD + ' update open_sideright=true && ' + EWW_CMD + ' update notifications=\"$(scripts/notifget)\" &')}"
+    
+    (box
+      :orientation "h" :space-evenly false
+      (revealer
+        :reveal {mousemode == 0}
+        :transition "slideright"
+        :duration "200ms"
+        (scroll
+          :width 420
+          (box
+            :space-evenly false
+            :orientation "v"
+            (box ; Module 1: System
+              (system_widget)
+            )
+            (box ; Module 2: Notifications
+              (notifications_widget)
+            )
+            (box ; Module 3: System info
+              (sysinfo_widget)
+            )
+          )
+        )
+      )
+      (revealer
+        :reveal {mousemode == 1}
+        :transition "slideleft"
+        :duration "200ms"
+        (box
+          :space-evenly false
+          :orientation "v"
+          (box ; Module 1: System
+            :style "
+            ${ANIM_ENTER[1]}
+            ${dynamicright_module_page > 1 ? 'margin-top: -70px;' : ''}
+            "
+            (system_widget)
+          )
+          (box ; Module 2: Notifications
+            :style "
+            ${ANIM_ENTER[1]}
+            ${dynamicright_module_page > 2 ? 'margin-top: -70px;' :
+            dynamicright_module_page < 2 ? 'margin-bottom: -70px;' : ''}
+            "
+            (notifications_widget)
+          )
+          (box ; Module 3: System info
+            :style "
+            ${ANIM_ENTER[1]}
+            ${dynamicright_module_page > 3 ? 'margin-top: -70px;' :
+            dynamicright_module_page < 3 ? 'margin-bottom: -70px;' : ''}
+            "
+            (sysinfo_widget)
+          )
+        )
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/novelknock/.config/eww/modules/music.yuck b/novelknock/.config/eww/modules/music.yuck
new file mode 100755
index 000000000..47bbf16e4
--- /dev/null
+++ b/novelknock/.config/eww/modules/music.yuck
@@ -0,0 +1,98 @@
+(defwidget music_widget []
+  (eventbox
+    :onhover "${EWW_CMD} update hover_music=true &"
+    :onhoverlost "${EWW_CMD} update hover_music=false &"
+    (box
+      :class "bar-pad"
+      :width 420
+      :height 60
+      (box
+        :space-evenly false
+        :orientation "h"
+        :class "bar-bg bar-bg-pad"
+        :spacing 5
+        (overlay
+          (box
+            :halign "center" :valign "center"
+            :class "bar-music-cover"
+            :style "background-image: url('${mcover.image}')"
+          )
+          (label
+            :class "bar-icon-material bar-music-status"
+            :halign "center" :valign "center"
+            :style "
+            font-size: 18pt;
+            margin-bottom: -1px;
+            color: ${colormode == 'one' ? coloraccent : (mcover.color.colors.color7 == 'null' ? coloraccent : mcover.color.colors.color7)};
+            "
+            :text "${mplay == 'Playing' ? '' : ''}"
+          )
+        )
+        (scroll
+          :hscroll true :vscroll false
+          :hexpand true
+          (box
+            :orientation "v"
+            :space-evenly false 
+            :spacing -2
+            :valign "center"
+            (label
+              :class "bar-txt-larger bar-txt-norm"
+              :xalign 0
+              :text {mname.title == '' ? 'Music' : mname.title}
+            )
+            (revealer
+              :transition "slidedown"
+              :reveal "${mname.artist != ''}"
+              :duration "20ms"
+              (label
+                :class "bar-txt-small bar-txt-norm"
+                :xalign 0
+                :text "${mname.artist}"
+              )
+            )
+          )
+        )
+        (revealer
+          :reveal {hover_music}
+          :transition "slideleft"
+          :duration "200ms"
+          (revealer
+            :reveal {hover_music}
+            :transition "crossfade"
+            :duration "200ms"
+            (box
+              :orientation "h"
+              :valign "center"
+              :spacing -2
+              (button
+                :class "bar-icon-material bar-music-btn"
+                :style "
+                color: ${colormode == 'one' ? coloraccent : (mcover.color.colors.color4 == 'null' ? coloraccent : mcover.color.colors.color4)};
+                "
+                :onclick "playerctl previous"
+                "skip_previous"
+              )
+              (button
+                :class "bar-icon-material bar-music-btn"
+                :style "
+                color: ${colormode == 'one' ? coloraccent : (mcover.color.colors.color4 == 'null' ? coloraccent : mcover.color.colors.color4)};
+                "
+                :onclick "playerctl play-pause"
+                "${mplay == 'Playing' ? 'pause' : 'play_arrow'}"
+              )
+              (button
+                :class "bar-icon-material bar-music-btn"
+                :style "
+                color: ${colormode == 'one' ? coloraccent : (mcover.color.colors.color4 == 'null' ? coloraccent : mcover.color.colors.color4)};
+                "
+                :onclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+                "skip_next"
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/novelknock/.config/eww/modules/notifications.yuck b/novelknock/.config/eww/modules/notifications.yuck
new file mode 100755
index 000000000..25f5e19ef
--- /dev/null
+++ b/novelknock/.config/eww/modules/notifications.yuck
@@ -0,0 +1,62 @@
+(defwidget notifications_widget []
+  (box
+    :class "bar-pad"
+    :width 420
+    :height 60
+    (box
+      :space-evenly false
+      :orientation "h"
+      :class "bar-bg bar-bg-pad ${flash_notif ? 'bar-notif-flash' : ''}"
+      :spacing 5
+      (label
+        :class "bar-notif-count ${arraylength(notifications) > 0 ? 'bar-notif-count-yes' : 'bar-icon-material'} bar-txt-norm"
+        :halign "center" :valign "center"
+        :style "
+        ${arraylength(notifications) > 0 ? 'font-size: 11pt;' : ''}
+        "
+        :text "${arraylength(notifications) > 0 ? arraylength(notifications) : ''}"
+      )
+      (revealer
+        :reveal {arraylength(notifications) == 0}
+        :transition "slideright"
+        :duration "0ms"
+        (label :class "bar-txt bar-txt-norm" :text "No notifications")
+      )
+      (revealer
+        :reveal {arraylength(notifications) > 0}
+        :transition "slideright"
+        :duration "0ms"
+        :hexpand true
+        (box
+          :valign "center"
+          :space-evenly false :orientation "v"
+          (box
+            :space-evenly false :orientation "h"
+            :spacing 5
+            (label :xalign 0
+              :hexpand true
+              :class "bar-txt bar-txt-norm"
+              :text "${arraylength(notifications) > 0 ? notifications[0]['summary'] : ''}"
+              :limit-width 25
+            )
+            (label :xalign 1
+              :class "bar-txt-smaller bar-txt-norm"
+              :text "${arraylength(notifications) > 0 ? notifications[0]['app_name'] : ''}"
+              :limit-width 10
+            )
+            (label :xalign 1
+              :class "bar-txt-smaller bar-txt-norm"
+              :text {arraylength(notifications) > 0 ? " • ${notifications[0]['time']}" : ''}
+              :limit-width 8
+            )
+          )
+          (label :xalign 0
+            :class "bar-txt-small bar-txt-norm"
+            :text "${arraylength(notifications) > 0 ? notifications[0]['body'] : ''}"
+            :limit-width 45
+          )
+        )
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/novelknock/.config/eww/modules/osd_bright.yuck b/novelknock/.config/eww/modules/osd_bright.yuck
new file mode 100755
index 000000000..24045dea4
--- /dev/null
+++ b/novelknock/.config/eww/modules/osd_bright.yuck
@@ -0,0 +1,41 @@
+(defwidget bright_osd_widget []
+  (eventbox
+    :halign "start"
+    :onscroll "echo $(echo {} | sed -e 's/down/-U 3/g' -e 's/up/-A 3/g' | xargs light) && scripts/brightness osd &"
+    :onmiddleclick "playerctl play-pause"
+    :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+    :onclick "${open_sideleft ?
+    (EWW_CMD + ' update bar_offset=0 && ' + EWW_CMD + ' update open_sideleft=false &') :
+    (EWW_CMD + ' open sideleft && ' + EWW_CMD + ' update bar_offset=1 && ' + EWW_CMD + ' update open_sideright=false && ' + EWW_CMD + ' update open_sideleft=true &')}"
+    (box
+      :class "osd-pad"
+      :width 390
+      (box
+        :space-evenly false
+        :halign "start"
+        :class "osd-bg"
+        :style "
+        ${osd_bright ? 'transition: 150ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+        ${osd_bright ? '' : 'margin-left: -200px; margin-right: 200px;'}
+        "
+        (circular-progress
+          :value {brightness.level > 100 ? 100 : round(brightness.level, 0)}
+          :class "osd-circle"
+          :thickness 3
+          :start-at 75
+          (button
+            :class "inside-circle"
+            (label :class "bar-txt-smaller bar-txt-norm"
+              :text {round(brightness.level, 0) == 100 ? '' : round(brightness.level, 0)}
+            )
+          )
+        )
+        (label :xalign 1 :hexpand true
+          :class "bar-txt bar-txt-norm"
+          :style "margin-right: 5px;"
+          :text "Brightness"
+        )
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/novelknock/.config/eww/modules/osd_volume.yuck b/novelknock/.config/eww/modules/osd_volume.yuck
new file mode 100755
index 000000000..6ef6d8a66
--- /dev/null
+++ b/novelknock/.config/eww/modules/osd_volume.yuck
@@ -0,0 +1,42 @@
+(defwidget volume_osd_widget []
+  (eventbox
+    :halign "end"
+    :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd &"
+    :onmiddleclick "playerctl play-pause"
+    :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+    :onclick "${open_sideright ?
+    (EWW_CMD + ' update bar_offset=0 && ' + EWW_CMD + ' update open_sideright=false &') :
+    (EWW_CMD + ' open sideright && ' + EWW_CMD + ' update bar_offset=-1 && ' + EWW_CMD + ' update open_sideleft=false && ' + EWW_CMD + ' update open_sideright=true && ' + EWW_CMD + ' update notifications=\"$(scripts/notifget)\" &')}"
+    (box
+      :class "osd-pad"
+      :width 390
+      (box
+        :space-evenly false
+        :halign "end"
+        :class "osd-bg"
+        :style "
+        ${osd_vol ? 'transition: 150ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+        ${osd_vol ? '' : 'margin-left: 200px; margin-right: -200px;'}
+        "
+        (label :xalign 0 :hexpand true
+          :class "bar-txt bar-txt-norm"
+          :style "margin-left: 5px;"
+          :text "Volume"
+        )
+        (circular-progress
+          :value {volume.percent > 100 ? 100 : volume.percent}
+          :class "osd-circle"
+          :thickness 3
+          :start-at 75
+          :halign "start"
+          (button
+            :class "inside-circle"
+            (label :class "bar-txt-smaller bar-txt-norm"
+              :text {volume.percent > 100 ? 100 : volume.percent}
+            )
+          )
+        )
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/novelknock/.config/eww/modules/sysinfo.yuck b/novelknock/.config/eww/modules/sysinfo.yuck
new file mode 100755
index 000000000..f2ac31fd5
--- /dev/null
+++ b/novelknock/.config/eww/modules/sysinfo.yuck
@@ -0,0 +1,42 @@
+(defwidget sysinfo_widget []
+  (box
+    :class "bar-pad"
+    :width 420
+    :height 60
+    (box
+      :space-evenly false
+      :orientation "h"
+      :class "bar-bg bar-bg-pad"
+      :spacing 10
+      (image
+        :class "bar-sysinfo-distro-logo"
+        :path "./images/icons/distros/${distro}"
+        :image-width "30"
+        :image-height "30"
+      )
+      (box
+        :hexpand true
+        :orientation "v"
+        :valign "center"
+        (label :xalign 0
+          :class "bar-txt clr-accent"
+          :style "
+          color: ${colormode == 'one' ? coloraccent : (mcover.color.colors.color7 == 'null' ? coloraccent : mcover.color.colors.color7)};
+          "
+          :text "${kernel}"
+        )
+        (label :xalign 0
+          :class "bar-txt-small clr-accent"
+          :style "
+          color: ${colormode == 'one' ? coloraccent : (mcover.color.colors.color7 == 'null' ? coloraccent : mcover.color.colors.color7)};
+          "
+          :text "${packages} packages"
+        )
+      )
+      (label
+        :class "bar-txt"
+        :text "${diskfree} free disk space"
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/novelknock/.config/eww/modules/system.yuck b/novelknock/.config/eww/modules/system.yuck
new file mode 100755
index 000000000..d7cd61f68
--- /dev/null
+++ b/novelknock/.config/eww/modules/system.yuck
@@ -0,0 +1,120 @@
+(defwidget system_widget []
+  (box
+    :class "bar-pad"
+    :width 420
+    :height 60
+    (box
+      :space-evenly false :spacing 5
+      :class "bar-bg bar-bg-pad"
+      (box ; Clock
+        :space-evenly false :orientation "v"
+        :valign "center"
+        :hexpand true
+        :class "bar-pad-horiz"
+        (label :xalign 0 :class "bar-txt-larger clr-accent"
+          :style "
+          color: ${colormode == 'one' ? coloraccent : (mcover.color.colors.color7 == 'null' ? coloraccent : mcover.color.colors.color7)};
+          "
+          :text "${time.hour}:${time.minute}"
+        )
+        (label :xalign 0 :class "bar-txt-smaller clr-accent"
+          :style "
+          color: ${colormode == 'one' ? coloraccent : (mcover.color.colors.color7 == 'null' ? coloraccent : mcover.color.colors.color7)};
+          "
+          :text "${time.day}, ${time.date}"
+        )
+      )
+      (box ; Icons
+        :space-evenly false :spacing 10
+        :orientation "h"
+        :class "bar-pad-horiz-moreright"
+        (box
+          :valign "center"
+          :orientation "v"
+          :space-evenly false :spacing -4
+          (label :class "bar-icon-material bar-system-icon bar-txt-norm"
+           :text "keyboard"  
+          )
+          (label :class "bar-txt-tiny bar-txt-norm" :text {lang_ibus.name_abbr})
+        )
+        (label
+          :valign "center"
+          :class "bar-icon-material bar-system-icon bar-txt-norm"
+          :text {WIFI_ICONS[net.level]}
+        )
+        (label
+          :valign "center"
+          :class "bar-icon-material bar-system-icon bar-txt-norm"
+          :text {bluetooth.icon}
+        )
+      )
+      (box ; Resources
+        :space-evenly false :spacing -6
+        :orientation "v"
+        :valign "center"
+        (box ; CPU
+          :space-evenly false :orientation "h" :spacing 5
+          (label
+            :class "bar-icon-material bar-resources-icon bar-txt-norm"
+            :text ""
+          )
+          (progress
+            :valign "center"
+            :class "bar-prog"
+            :value {EWW_CPU.avg}
+          )
+        )
+        (box ; RAM
+          :space-evenly false :orientation "h" :spacing 5
+          (label
+            :class "bar-icon-material bar-resources-icon bar-txt-norm"
+            :text "Memory"
+          )
+          (progress
+            :valign "center"
+            :class "bar-prog"
+            :value {memory.percentage}
+          )
+        )
+        (box ; Swap
+          :space-evenly false :orientation "h" :spacing 5
+          (label
+            :class "bar-icon-material bar-resources-icon bar-txt-norm"
+            :text ""
+          )
+          (progress
+            :valign "center"
+            :class "bar-prog"
+            :value {memory.swappercentage}
+          )
+        )
+      )
+      (box ; Battery
+        :class "bar-circle-pad"
+        (circular-progress
+          :value "${battery.percentage > 100 ? 100 : battery.percentage}"
+          :class "bar-batt-circle"
+          :thickness 3
+          :start-at 75
+          :style "
+          color: ${colormode == 'one' ? coloraccent : (mcover.color.colors.color7 == 'null' ? coloraccent : mcover.color.colors.color7)};
+          "
+          (box
+            :width 27 :height 27
+            :tooltip "Battery: ${battery.percentage}%"
+            :style "color: ${battery.color}; background-color: ${battery.bgcolor};"
+            (label
+              :halign "center" :valign "center"
+              :class "bar-txt-smaller bar-txt-norm"
+              :style "
+              font-size: 10pt;
+              ${battery.quickicon == '' ? '' : ('color: ' + coloraccent + ';')}
+              "
+              :text "${battery.percentage}"
+            )
+          )
+        )
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/novelknock/.config/eww/modules/taskbar.yuck b/novelknock/.config/eww/modules/taskbar.yuck
new file mode 100755
index 000000000..2f7f0b758
--- /dev/null
+++ b/novelknock/.config/eww/modules/taskbar.yuck
@@ -0,0 +1,40 @@
+(defwidget taskbar_widget []
+  (overlay
+    (box
+      :class "bar-pad"
+      :width 420
+      :height 60
+      (box
+        :space-evenly false :spacing 5
+        :class "bar-bg bar-bg-pad"
+      )
+    )
+    (scroll
+      :hscroll true
+      :vscroll false
+      :width 395
+      (box
+        :halign "center"
+        :space-evenly false
+        (for app in tasks
+          (eventbox
+            :onclick "${app.count > 0 ? ('hyprctl dispatch workspace ' + app.workspace[0] + ' &') : (app.exec)}"
+            (overlay
+              (box
+                :class "bar-tasks-app-pad"
+                (image
+                  :class "bar-tasks-app-icon${app.class == awin.class ? '-active' : ''}"
+                  :path {app.icon}
+                  :image-width 25 :image-height 25
+                )
+              )
+              (box
+                :class "bar-tasks-app-highlight-${app.class == awin.class ? 'true' : 'false'}"
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/novelknock/.config/eww/modules/workspaces.yuck b/novelknock/.config/eww/modules/workspaces.yuck
new file mode 100755
index 000000000..a84190e1b
--- /dev/null
+++ b/novelknock/.config/eww/modules/workspaces.yuck
@@ -0,0 +1,56 @@
+(defwidget workspaces_widget []
+  (eventbox
+    :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    :onmiddleclick "scripts/toggle-powerview.sh &"
+    :onrightclick "scripts/toggle-powerview.sh &"
+    (overlay
+      ; Only displays workspace state (has windows or not)
+      (box
+        :width {26*10 + WORKSPACE_SIDE_PAD*2}
+        :class "bar-pad"
+        (box
+          :class "bar-bg"
+          :style "padding: 0 15px;"
+        )
+      )
+      (box
+        :spacing 0
+        :space-evenly false
+        :halign "center"
+        (for i in workspace
+          (button
+            :onclick "hyprctl dispatch workspace ${i.num}"
+            :class "bar-ws-btn"
+            (label
+              :valign "center"
+              :class "bar-ws-txt bar-txt-norm"
+              :width 26 :height 26
+              :style "
+              background-color: ${i.clr};
+              "
+              :text "${ws-icons[i.num - 1]}"
+            )
+            ; "●"
+          )
+        )
+      )
+      ; Use a separate indicator for active workspace (animations, yay) (and more performant)
+      (button
+        :class "ws"
+        :style "
+        margin-left:  ${26 * (activews - 1) + WORKSPACE_SIDE_PAD}px;
+        margin-right: ${26 * (10 - activews) + WORKSPACE_SIDE_PAD}px;
+        "
+        (label
+          :valign "center"
+          :class "bar-ws-txt bar-ws-txt-active"
+          :style "
+          background-color: ${colormode == 'one' ? coloraccent : (mcover.color.colors.color7 == 'null' ? coloraccent : mcover.color.colors.color7)};
+          "
+          :text "${activews}"
+        )
+        ; "●"
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/activewin b/novelknock/.config/eww/scripts/activewin
new file mode 100755
index 000000000..8019a5188
--- /dev/null
+++ b/novelknock/.config/eww/scripts/activewin
@@ -0,0 +1,12 @@
+#!/usr/bin/bash
+
+hyprctl activewindow -j | gojq -c -M
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    hyprctl activewindow -j | gojq -c -M
+  done
+fi
+
diff --git a/novelknock/.config/eww/scripts/activews b/novelknock/.config/eww/scripts/activews
new file mode 100755
index 000000000..e5264b221
--- /dev/null
+++ b/novelknock/.config/eww/scripts/activews
@@ -0,0 +1,22 @@
+#!/usr/bin/bash
+
+focusedws=$(hyprctl activewindow -j | gojq -c -M '.workspace.id')
+echo $focusedws
+
+if [[ "$focusedws" == 'null' ]]; then
+  echo 1
+fi
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "workspace>>" | while read -r line; do
+    case ${line%>>*} in
+      "workspace")
+        focusedws=${line#*>>}
+        echo $focusedws
+        ;;
+    esac  
+  done
+fi
+
diff --git a/novelknock/.config/eww/scripts/airplane b/novelknock/.config/eww/scripts/airplane
new file mode 100755
index 000000000..81c9e0b1c
--- /dev/null
+++ b/novelknock/.config/eww/scripts/airplane
@@ -0,0 +1,31 @@
+#!/bin/sh
+
+STATUS="$(rfkill list | sed -n 2p | awk '{print $3}')"
+
+icon() {
+  if [[ $STATUS == "no" ]]; then
+    echo ""
+  else
+    echo ""
+  fi
+}
+
+toggle() {
+  if [[ $STATUS == "no" ]]; then
+    rfkill block all
+    notify-send --urgency=normal -i airplane-mode-symbolic "Airplane Mode" "Airplane mode has been turned on!"
+  else
+    rfkill unblock all
+    notify-send --urgency=normal  -i airplane-mode-disabled-symbolic "Airplane Mode" "Airplane mode has been turned off!"
+  fi
+}
+
+if [[ $1 == "toggle" ]]; then
+  toggle
+else
+  while true; do
+    STATUS="$(rfkill list | sed -n 2p | awk '{print $3}')"
+    icon
+    sleep 3;
+  done
+fi
diff --git a/novelknock/.config/eww/scripts/allappnames.cpp b/novelknock/.config/eww/scripts/allappnames.cpp
new file mode 100755
index 000000000..479bd5a73
--- /dev/null
+++ b/novelknock/.config/eww/scripts/allappnames.cpp
@@ -0,0 +1,137 @@
+#include <pwd.h>
+#include <unistd.h>
+
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+// A simple struct to store the name and exec properties of a desktop entry
+struct DesktopEntry {
+    string name;
+    string exec;
+    string icon;
+    bool show;
+};
+
+string username;
+vector<DesktopEntry> allApps;
+json apps;
+int mode = 0;  // 0: Object, 1: Array
+
+// A function that reads a .desktop file and returns a DesktopEntry struct
+DesktopEntry read_desktop_file(const string& filename) {
+    DesktopEntry entry;
+    entry.show = true;
+
+    ifstream file(filename);
+    if (file.is_open()) {
+        string line;
+        while (getline(file, line)) {
+            // Skip comments and empty lines
+            if (line.empty() || line[0] == '#') {
+                continue;
+            }
+            if (line.substr(0, 1) == "[" &&
+                line.substr(0, 15) == "[Desktop Action")
+                break;
+            // Split the line by '=' and store the key-value pair
+            size_t pos = line.find('=');
+            if (pos != string::npos) {
+                string key = line.substr(0, pos);
+                string value = line.substr(pos + 1);
+                // Store the name and exec properties
+                if (key == "Name") {
+                    entry.name = value;
+                } else if (key == "Exec") {
+                    entry.exec = value;
+                } else if (key == "Icon") {
+                    entry.icon = value;
+                } else if (key == "NoDisplay" && value == "true") {
+                    entry.show = false;
+                }
+            }
+        }
+        // cout << entry.name << " " << entry.exec << " " << entry.icon << "\n";
+        file.close();
+    }
+    return entry;
+}
+
+bool lf(DesktopEntry a, DesktopEntry b) { return a.name < b.name; }
+
+// A function that prints out all desktop entry names and exec properties in a
+// given directory
+void getDesktopEntries(const string& dirname) {
+    // Check if the directory exists
+    if (!filesystem::exists(dirname) || !filesystem::is_directory(dirname)) {
+        return;
+    }
+    // Iterate over all files in the directory
+    for (const auto& entry : filesystem::directory_iterator(dirname)) {
+        // Check if the file has a .desktop extension
+        if (entry.path().extension() == ".desktop") {
+            DesktopEntry thisEntry = read_desktop_file(entry.path());
+            if (thisEntry.show) allApps.push_back(thisEntry);
+        }
+    }
+}
+
+void to_json() {
+    sort(allApps.begin(), allApps.end(), lf);
+    for (const auto& entry : allApps) {
+        json thisApp;
+        thisApp["name"] = entry.name;
+        thisApp["icon"] = entry.icon;
+        thisApp["exec"] = entry.exec;
+        // Get
+        if (mode == 0)
+            apps[entry.name] = thisApp;
+        else
+            apps.push_back(thisApp);
+    }
+}
+
+string get_username() {
+    uid_t uid = geteuid();
+    struct passwd* pw = getpwuid(uid);
+    return pw->pw_name;
+}
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+
+    if (argc == 3 && string(argv[1]) == "--mode") {
+        if (string(argv[2]) == "object")
+            mode = 0;
+        else if (string(argv[2]) == "array")
+            mode = 1;
+        else
+            mode = stoi(string(argv[2]));
+    }
+
+    username = get_username();
+    // Print all desktop entries in /usr/share/applications/
+    string entryDirs[3] = {"/usr/share/applications/",
+                           "/home/" + username + "/.local/share/applications",
+                           "/var/lib/flatpak/exports/share/applications"};
+    for (string directory : entryDirs) {
+        if (filesystem::exists(directory))
+            getDesktopEntries(directory);
+    }
+
+    // Get em in the json object
+    to_json();
+    // Print
+    for (const auto& entry : allApps) {
+        cout << entry.name << '\n';
+    }
+
+    return 0;
+}
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/allapps.cpp b/novelknock/.config/eww/scripts/allapps.cpp
new file mode 100755
index 000000000..26813fa03
--- /dev/null
+++ b/novelknock/.config/eww/scripts/allapps.cpp
@@ -0,0 +1,254 @@
+#include <pwd.h>
+#include <sys/stat.h>
+#include <unistd.h>
+
+#include <algorithm>
+#include <cctype>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+// A simple struct to store the name and exec properties of a desktop entry
+struct DesktopEntry {
+    string name;
+    string exec;
+    string icon;
+    string filename;
+    string filepath;
+    bool show;
+};
+
+string username;
+vector<DesktopEntry> allApps;
+json apps;
+int mode = 0;  // 0: Object, 1: Array, 2: Start (Contains JSON for letters)
+string iconTheme = "";
+
+// Returns the file name from a path
+std::string getFileName(const std::string& path) {
+    // Find the last position of '/' or '\' in the path
+    size_t pos = path.find_last_of("/\\");
+    // If none is found, return the whole path
+    if (pos == std::string::npos) return path;
+    // Otherwise, return the substring after the last slash
+    return path.substr(pos + 1);
+}
+
+// Returns the file name without extension from a path
+string getFileNameNoExt(const string& path) {
+    string filename = getFileName(path);  // Get file name (with extension)
+    size_t pos = filename.find_last_of(".");
+    if (pos == string::npos) return filename;  // Name found
+    return filename.substr(0, pos);
+}
+
+// Function to check if file exists, if yes read it
+string readIfExists(const string& name) {
+    ifstream f(name.c_str());
+    stringstream buffer;
+    if (f) {                  // check if the file was opened successfully
+        buffer << f.rdbuf();  // read the whole file into a string stream
+        f.close();            // close the file when done
+    }
+    return buffer.str();  // return the string stream as a string
+}
+
+void writeToFile(const string& name, const string& content) {
+    ofstream f(name.c_str(), ios::app);  // open the file in append mode
+    if (f) {                   // check if the file was opened successfully
+        f << content << "\n";  // write the content to the file
+        f.close();             // close the file when done
+    } else {
+        cerr << "Error: could not open " << name
+             << "\n";  // print an error message to the standard error
+    }
+}
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+string getIconPath(string iconname) {
+    if (iconTheme == "") {
+        iconTheme =
+            exec(string("gsettings get org.gnome.desktop.interface icon-theme")
+                     .c_str());
+        iconTheme.pop_back();
+        // cout << "icon theme: " << iconTheme << '\n';
+    }
+    if (iconname.size() == 0) {
+        return "";
+    } else if (iconname[0] == '/') {
+        return iconname;  // Already absolute path
+    } else if (iconname[0] == '\n') {
+        return "";  // wtf
+    }
+    string path = readIfExists("/home/" + username + "/.config/eww/scripts/cache/" + iconname);
+    if (path == "") {
+        path = exec(string("geticons -t " + iconTheme + " " + string(iconname) +
+                           " | head -n 1")
+                        .c_str());
+        // cout << "path: " << path << '\n';
+        writeToFile("/home/" + username + "/.config/eww/scripts/cache/" + iconname, path);
+        // cout << "icon name: " << iconname << '\n';
+        // cout << "path: " << path << '\n';
+    }
+    while (path.size() > 0 && *path.rbegin() == '\n')
+        path.pop_back();  // Remove '\n'
+    return path;
+}
+
+// A function that reads a .desktop file and returns a DesktopEntry struct
+DesktopEntry readDesktopFile(const string& filename) {
+    DesktopEntry entry;
+    entry.show = true;
+    entry.filename = getFileNameNoExt(filename);
+    entry.filepath = filename;
+
+    ifstream file(filename);
+    if (file.is_open()) {
+        string line;
+        while (getline(file, line)) {
+            // Skip comments and empty lines
+            if (line.empty() || line[0] == '#') {
+                continue;
+            }
+            if (line.substr(0, 1) == "[" &&
+                line.substr(0, 15) == "[Desktop Action")
+                break;
+            // Split the line by '=' and store the key-value pair
+            size_t pos = line.find('=');
+            if (pos != string::npos) {
+                string key = line.substr(0, pos);
+                string value = line.substr(pos + 1);
+                // Store properties
+                if (key == "Name") {
+                    entry.name = value;
+                } else if (key == "Exec") {
+                    entry.exec = value;
+                } else if (key == "Icon") {
+                    entry.icon = getIconPath(value);
+                } else if (key == "NoDisplay" && value == "true") {
+                    entry.show = false;
+                }
+            }
+        }
+        file.close();
+    }
+    return entry;
+}
+
+string lowercaseOf(string s) {
+    for (char& c : s) {
+        c = tolower(c);
+    }
+    return s;
+}
+
+bool lf(DesktopEntry a, DesktopEntry b) {
+    if (tolower(a.name[0]) == tolower(b.name[0]))
+        return a.name < b.name;
+    else
+        return tolower(a.name[0]) < tolower(b.name[0]);
+}
+
+// A function that prints out all desktop entry names and exec properties in a
+// given directory
+void getDesktopEntries(const string& dirname) {
+    // Iterate over all files in the directory
+    for (const auto& entry : filesystem::directory_iterator(dirname)) {
+        // Check if the file has a .desktop extension
+        if (entry.path().extension() == ".desktop") {
+            // Read the file and print its name and exec properties
+            DesktopEntry thisEntry = readDesktopFile(entry.path());
+            // cout << thisEntry.name << " [icon: " << thisEntry.icon << "]\n";
+            if (thisEntry.show) allApps.push_back(thisEntry);
+        }
+    }
+}
+
+void toJson() {
+    sort(allApps.begin(), allApps.end(), lf);
+    int i = -1;
+    for (const auto& entry : allApps) {
+        i++;
+        // cout << entry.name << ", ";
+        json thisApp;
+        thisApp["name"] = entry.name;
+        thisApp["icon"] = entry.icon;
+        thisApp["exec"] = entry.exec;
+        if (mode != 2) {
+            thisApp["filename"] = entry.filename;
+            thisApp["filepath"] = entry.filepath;
+        }
+        // Get
+        if (mode == 0)
+            apps[entry.name] = thisApp;
+        else if (mode == 1)
+            apps.push_back(thisApp);
+        else if (mode == 2) {
+            apps.push_back(thisApp);
+        }
+    }
+    cout << apps << '\n';
+}
+
+string getUsername() {
+    uid_t uid = geteuid();
+    struct passwd* pw = getpwuid(uid);
+    return pw->pw_name;
+}
+
+void addLetters() {
+    for (char c = 'A'; c <= 'Z'; c++) {
+        DesktopEntry thisLetter;
+        thisLetter.name = c;
+        thisLetter.exec = "";
+        thisLetter.icon = "_letter";
+        allApps.push_back(thisLetter);
+    }
+}
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+
+    if (argc == 3 && string(argv[1]) == "--mode") {
+        if (string(argv[2]) == "object")
+            mode = 0;
+        else if (string(argv[2]) == "array")
+            mode = 1;
+        else if (string(argv[2]) == "start")
+            mode = 2;
+        else
+            mode = stoi(string(argv[2]));
+    }
+
+    username = getUsername();
+    // Print all desktop entries in common locations
+    string entryDirs[3] = {"/usr/share/applications/",
+                           "/home/" + username + "/.local/share/applications",
+                           "/var/lib/flatpak/exports/share/applications"};
+    for (string directory : entryDirs) {
+        if (filesystem::exists(directory))
+            getDesktopEntries(directory);
+    }
+    if (mode == 2) addLetters();
+    // Get a json and print
+    toJson();
+}
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/applycolor b/novelknock/.config/eww/scripts/applycolor
new file mode 100755
index 000000000..647ac3fd0
--- /dev/null
+++ b/novelknock/.config/eww/scripts/applycolor
@@ -0,0 +1,12 @@
+#!/usr/bin/env bash
+cp -r images/svg/dark/* images/svg/
+
+filelist=$(ls 'images/svg' -p | grep -v /)
+
+IFS=$'\n'
+filearr=($(echo "$filelist"))
+
+for i in "${!filearr[@]}"; do
+    # echo "images/svg/${filearr[$i]}"
+    sed -i "s/white/$1/gi" "images/svg/${filearr[$i]}"
+done
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/appsearch.cpp b/novelknock/.config/eww/scripts/appsearch.cpp
new file mode 100755
index 000000000..61538f7df
--- /dev/null
+++ b/novelknock/.config/eww/scripts/appsearch.cpp
@@ -0,0 +1,203 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+string searchTerm;
+string results;
+vector<string> entryNames;
+json appEntries;
+
+bool updateInfo = false;
+
+void splitString(const std::string& str, const char delimiter,
+                 std::vector<std::string>& result) {
+    std::string line;
+    std::istringstream stream(str);
+    while (std::getline(stream, line)) {
+        if (!line.empty()) {
+            if (line.back() == delimiter) {
+                line.pop_back();
+            }
+            result.push_back(line);
+        }
+    }
+}
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+bool likelyNotMath(const string& expression) {
+    char firstChar = expression[0];
+    if (firstChar >= '0' && firstChar <= '9') return false;
+    return true;
+}
+
+void calcPrompt() {
+    cout << "[{\"name\":\"Calculator - Type "
+            "something!\",\"icon\":\"images/svg/dark/"
+            "calculator.svg\",\"exec\":\"wl-copy \\\"Clipboard contents "
+            ";)\\\"\"}]";
+    exec(
+        "eww update winsearch_actions='{\"name\":\"Calculator - Type "
+        "something!\",\"icon\":\"images/svg/dark/"
+        "calculator.svg\",\"exec\":\"wl-copy \\\"Clipboard contents "
+        ";)\\\"\"}' &");
+    exec("eww update winsearch_actions_type='Math result' &");
+    exit(0);
+}
+
+void getAppNames() {
+    string searchCommand =
+        "cat 'scripts/cache/entrynames.txt' | fzf --filter=\"" + searchTerm +
+        "\" | head -n 10";
+    string results = exec(&searchCommand[0]);
+    splitString(results, '\n', entryNames);
+}
+
+void getAppJson() {
+    ifstream file("scripts/cache/entries.txt");
+    file >> appEntries;
+}
+
+void tryThemeCmd() {
+    if (searchTerm.size() >= 6)
+        searchTerm = searchTerm.substr(6);
+    else
+        searchTerm = " ";
+    string searchCommand =
+        "ls css/savedcolors/ | grep .txt | sed 's/_iconcolor_//g' | sed "
+        "'s/.txt//g' | fzf --filter='" +
+        searchTerm + "'";
+    string results = exec(&searchCommand[0]);
+    splitString(results, '\n', entryNames);
+    cout << '[';
+    for (int i = 0; i < entryNames.size(); i++) {
+        string entryName = entryNames[i];
+        cout << '{';
+        cout << "\"name\":\"" << entryName << "\",\"exec\":\">load "
+             << entryName << "\"";
+        cout << '}';
+        if (i < entryNames.size() - 1) cout << ',';
+    }
+    cout << ']' << endl;
+    if (updateInfo) {
+        string entryName = entryNames[0];
+        string updateCmd = "eww update winsearch_actions='{\"name\":\"" +
+                           entryName + "\",\"exec\":\">load " + entryName +
+                           "\"}'";
+        exec(&updateCmd[0]);
+        exec("eww update winsearch_actions_type='Color theme'");
+    }
+    exit(0);
+}
+
+void tryAppSearch() {
+    if (entryNames.size() == 0) return;  // No app found, skip it
+    cout << '[';
+    for (int i = 0; i < entryNames.size(); i++) {
+        string entryName = entryNames[i];
+        cout << appEntries[entryName];
+        if (i < entryNames.size() - 1) cout << ',';
+    }
+    cout << ']' << endl;
+    if (updateInfo) {
+        string updateCmd = "eww update winsearch_actions='" +
+                           string(appEntries[entryNames[0]].dump()) + "'";
+        exec(&updateCmd[0]);
+        exec("eww update winsearch_actions_type='Application'");
+    }
+    exit(0);
+}
+
+void tryCalculate() {
+    if (likelyNotMath(searchTerm)) return;
+    string calcCommand = "qalc '" + searchTerm + "'";
+    string results = exec(&calcCommand[0]);
+    results = results.substr(results.find_first_of("=") + 2);
+    if(results.back() == '\n') results.pop_back();
+    // cout << results << '\n';
+    cout
+        << "[{\"name\":\"" << results
+        << "\",\"icon\":\"images/svg/dark/calculator.svg\",\"exec\":\"wl-copy '"
+        << results << "'\"}]" << endl;
+    if (updateInfo) {
+        string updateCmd =
+            "eww update "
+            "winsearch_actions='{\"name\":\"'\"" +
+            results +
+            "\"'\",\"icon\":\"images/svg/dark/"
+            "calculator.svg\",\"exec\":\"wl-copy '" +
+            results + "'\"}'";
+        exec(&updateCmd[0]);
+        exec("eww update winsearch_actions_type='Math result'");
+    }
+    exit(0);
+}
+
+void commandOnly() {
+    cout << "[]" << endl;
+    if (updateInfo) {
+        string updateCmd =
+            "eww update "
+            "winsearch_actions='{\"name\":\"'\"" +
+            searchTerm +
+            "\"'\",\"icon\":\"images/svg/dark/"
+            "protocol.svg\",\"exec\":\"" +
+            searchTerm + "\"}'";
+        exec(&updateCmd[0]);
+        exec("eww update winsearch_actions_type='Run command'");
+    }
+    exit(0);
+}
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+
+    // Arguments
+    if (argc == 1) {
+        cout << "[{\"name\": \"Type something!\"}]";
+        return 0;
+    }
+    if (argc > 2 && string(argv[2]) == "--updateinfo") updateInfo = true;
+    searchTerm = argv[1];
+
+    // Special commands
+    if (searchTerm == "--calculator") calcPrompt();
+    if (searchTerm[0] == '>') {
+        if (searchTerm.find(">load") != string::npos)
+            tryThemeCmd();
+        else {
+            cout << "[]" << endl;
+            exit(0);
+        }
+    }
+    // Get app names and entries
+    getAppNames();
+    getAppJson();
+    // Attempt searches in order. Each search will exit if success
+    tryCalculate();
+    tryAppSearch();
+    commandOnly();
+
+    cout << results;
+}
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/appsearch_bash b/novelknock/.config/eww/scripts/appsearch_bash
new file mode 100755
index 000000000..546d751a5
--- /dev/null
+++ b/novelknock/.config/eww/scripts/appsearch_bash
@@ -0,0 +1,146 @@
+#!/usr/bin/bash
+
+IFS=$'\n'
+entrynames=( $(cat 'scripts/cache/entrynames.txt' | fzf --filter="$1" | head -n 10) )
+entries=( $(cat 'scripts/cache/entries.txt') )
+
+addedNewActions=false
+
+geticonof() {
+  clientclass=''
+  clientclass=$1
+  iconpath=''
+  # Get app icon
+  if [ -f "scripts/cache/$clientclass" ]; then
+      iconpath=$(cat scripts/cache/$clientclass)
+      if [ ! -f "${iconpath}" ]; then # Cache refresh if icon doesnt exist
+          iconpath=$(geticons -t "$(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g")" "$clientclass" | head -n 1)
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+      fi
+  else
+      iconpath=$(geticons -t "$(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g")" "$clientclass" | head -n 1)
+      echo "${iconpath}" > "scripts/cache/$clientclass"
+  fi
+  if [[ ${iconpath} == "" ]]; then
+    # Retry with lowercase if icon not found
+    iconpath=$(geticons -t "$(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g")" $(echo "$clientclass" | tr '[:upper:]' '[:lower:]' | sed 's/\ /-/g') | head -n 1)
+
+    if [[ ! ${iconpath} = "" ]]; then
+      rm "scripts/cache/$clientclass"
+      echo "${iconpath}" > "scripts/cache/$clientclass"
+    else 
+      newname=$(scripts/iconpatch $clientclass)
+      iconpath=$(geticons -t "$(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g")" "$newname" | head -n 1)
+      if [[ ! ${iconpath} = "" ]]; then
+        rm "scripts/cache/$clientclass"
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+      else
+        # Fallback app icon, replace the path below to the fallback icon of your choice
+        # iconpath="/usr/share/icons/Win11-dark/mimes/48/application-x-executable.svg"
+        iconpath=$(geticons -t "$(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g")" "application-x-executable" | head -n 1)
+        rm "scripts/cache/$clientclass"
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+      fi
+    fi
+  fi
+  echo "$iconpath"
+}
+
+quiteSureNotMath() {
+  if [[ ${1:0:1} != "0" \
+  && ${1:0:1} != "1" \
+  && ${1:0:1} != "2" \
+  && ${1:0:1} != "3" \
+  && ${1:0:1} != "4" \
+  && ${1:0:1} != "5" \
+  && ${1:0:1} != "6" \
+  && ${1:0:1} != "7" \
+  && ${1:0:1} != "8" \
+  && ${1:0:1} != "9" \
+  && ${1:0:1} != "(" \
+  && ${1:0:1} != ")" \
+  ]]; then
+    echo 'true'
+  else
+    echo 'false'
+  fi
+}
+
+# Search inits: math
+if [[ "$1" == "--calculator" ]]; then
+  echo -n '[{"name":"Calculator - Type something!","icon":"images/svg/dark/calculator.svg","exec":"wl-copy \"Clipboard contents ;)\""}]'
+  eww update winsearch_actions='{"name":"Calculator - Type something!","icon":"images/svg/dark/calculator.svg","exec":"wl-copy \"Clipboard contents ;)\""}'
+  eww update winsearch_actions_type='Math result'
+  addedNewActions=true
+  exit 0
+fi
+
+# Quick commands
+if [[ "$1" == ">"* ]]; then
+  cd ~/.config/eww 
+  if [[ "$1" == ">load"* ]]; then
+    searching=$(echo "$1" | sed 's/>load //g'  | sed 's/>load//g')
+    profilenames=( $(ls css/savedcolors/ | grep .txt | sed 's/_iconcolor_//g' | sed 's/.txt//g' | fzf --filter="$searching") )
+    echo -n '['
+    for x in "${!profilenames[@]}"; do
+      if [ "$x" != "0" ]; then
+        printf ','
+      fi
+      profilejson='{"name": "'"${profilenames[x]}"'", "exec": ">load '"${profilenames[x]}"'"}'
+      if (( x == 0 )); then
+        eww update winsearch_actions="$profilejson"
+        eww update winsearch_actions_type='Color theme'
+        addedNewActions=true
+      fi
+
+      echo -n "$profilejson"
+    done
+    echo -n ']'
+  else
+    echo '[]'
+  fi
+  exit 0
+fi
+
+# Do math
+if [[ $(quiteSureNotMath "$1") == "false" ]]; then
+  mathAns=$(qalc $1 | head -n 1)
+  mathAns="${mathAns#*= }"
+  mathAns="${mathAns#*≈ }"
+  if [[ "$mathAns" == *"error"* || "$mathAns" == *"warning"* ]]; then
+    echo '[{"name":"Invalid math","icon":"images/svg/dark/calculator.svg","exec":"wl-copy \"Clipboard contents ;)\""}]'
+    exit 0
+  else
+    ansjson='{"name": "'"$mathAns"'","icon":"images/svg/dark/calculator.svg","exec": "wl-copy \"'"$mathAns"'\""}'
+    eww update winsearch_actions="$ansjson"
+    eww update winsearch_actions_type='Math result'
+    addedNewActions=true
+    echo '['"$ansjson"']'
+  fi
+  exit 0
+fi
+
+# Application search
+printf '['
+
+for x in "${!entrynames[@]}"; do
+  if [ "$x" != "0" ]; then
+    printf ','
+  fi
+  appjson=$(echo $entries | gojq -c -M '."'"${entrynames[x]}"'"')
+  if (( x == 0 )); then
+    eww update winsearch_actions="$appjson"
+    eww update winsearch_actions_type='Application'
+    addedNewActions=true
+  fi
+  # iconname=$(echo "$appjson" | gojq -r -c -M '.icon')
+  # appjson=$(echo "$appjson" | gojq '.icon = "'$(geticonof "$iconname")'"')
+  echo -n "$appjson"
+done
+
+printf ']'
+
+if [[ "$addedNewActions" == "false" ]]; then
+  eww update winsearch_actions='{"name":"'"$1"'","icon":"images/svg/dark/protocol.svg","exec":"wl-copy \"Clipboard contents ;)\""}'
+  eww update winsearch_actions_type='Run command'
+fi
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/audioapps.cpp b/novelknock/.config/eww/scripts/audioapps.cpp
new file mode 100755
index 000000000..1a82c968d
--- /dev/null
+++ b/novelknock/.config/eww/scripts/audioapps.cpp
@@ -0,0 +1,133 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+string clients;
+json clientjson, apps;
+string iconTheme = "";
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+// Function to check if file exists, if yes read it
+string readIfExists(const string& name) {
+    ifstream f(name.c_str());
+    stringstream buffer;
+    if (f) {                  // check if the file was opened successfully
+        buffer << f.rdbuf();  // read the whole file into a string stream
+        f.close();            // close the file when done
+    }
+    return buffer.str();  // return the string stream as a string
+}
+
+void writeToFile(const string& name, const string& content) {
+    ofstream f(name.c_str(), ios::app);  // open the file in append mode
+    if (f) {                   // check if the file was opened successfully
+        f << content << "\n";  // write the content to the file
+        f.close();             // close the file when done
+    } else {
+        cerr << "Error: could not open " << name
+             << "\n";  // print an error message to the standard error
+    }
+}
+
+string getIconPath(string iconname) {
+    if (iconTheme == "") {
+        iconTheme =
+            exec(string("gsettings get org.gnome.desktop.interface icon-theme")
+                     .c_str());
+        iconTheme.pop_back();
+        // cout << "icon theme: " << iconTheme << '\n';
+    }
+    if (iconname.size() == 0) {
+        return "";
+    } else if (iconname[0] == '/') {
+        return iconname;  // Already absolute path
+    } else if (iconname[0] == '\n') {
+        return "";  // wtf
+    }
+    string path = readIfExists("scripts/cache/" + iconname);
+    if (path == "") {
+        path = exec(
+            string("geticons -t " + iconTheme + " " + string(iconname) + " | head -n 1").c_str());
+        writeToFile("scripts/cache/" + iconname, path);
+        // cout << "icon name: " << iconname << '\n';
+        // cout << "path: " << path << '\n';
+    }
+    while (path.size() > 0 && *path.rbegin() == '\n')
+        path.pop_back();  // Remove '\n'
+    return path;
+}
+
+void addApp(json& client) {
+    string volumestr = client["volume"]["front-left"]["value_percent"];
+    volumestr.pop_back();
+    int volume = stoi(volumestr);
+    client = client["properties"];
+
+    bool found = false;
+    for (json& obj : apps) {
+        auto it = obj.find("name");
+        if (it != obj.end() && *it == client["application.name"]) {
+            found = true;
+            obj["count"] = int(obj["count"]) + 1;
+            obj["volume"].push_back(
+                json::array({client["object.serial"], volume}));
+            break;
+        }
+    }
+    if (!found) {
+        json newApp =
+            R"({"name": "", "count": 1, "volume": [], "icon": ""})"_json;
+        newApp["name"] = client["application.name"];
+        newApp["volume"].push_back(
+            json::array({client["object.serial"], volume}));
+
+        string iconpath;
+        auto it = client.find("application.icon_name");
+        if (it != client.end())
+            iconpath = getIconPath(client["application.icon_name"]);
+        else {
+            iconpath = getIconPath(client["application.process.binary"]);
+        }
+        newApp["icon"] = iconpath;
+
+        apps.push_back(newApp);
+    }
+}
+
+void getAudioClients() {
+    clients = exec("pactl --format json list sink-inputs");
+    clientjson = json::parse(clients);
+    for (json client : clientjson) {
+        addApp(client);
+        // cout << client << '\n';
+    }
+}
+
+int main() {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+
+    getAudioClients();
+    cout << apps << '\n';
+}
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/audiolevels b/novelknock/.config/eww/scripts/audiolevels
new file mode 100755
index 000000000..ba001d09d
--- /dev/null
+++ b/novelknock/.config/eww/scripts/audiolevels
@@ -0,0 +1,84 @@
+#!/usr/bin/bash
+dostuff(){
+  sinks=$(pactl list sink-inputs  \
+          | grep -e "Sink Input" \
+          | sed 's/Sink Input #//')
+  names=$(pactl list sink-inputs \
+          | sed 's/"//g' \
+          | sed 's/application-name://'  \
+          | grep -e "application.name" \
+          | sed 's/application.name = //' \
+          | sed 's/\t\t//' )
+  vols=$(pactl list sink-inputs  \
+          | grep -e "Volume:" \
+          | sed 's/Volume: front-left: //' \
+          | sed 's/front-right: //' \
+          | sed 's/front-right: //' \
+          | tr " " "\n" \
+          | grep -e % \
+          | sed 's/%//g' )
+  binaries=$(pactl list sink-inputs \
+          | grep -e 'application.process.binary' -e 'application.icon_name' \
+          | sed 's/\t//g' \
+          | sed 's/application.process.binary = //g' \
+          | sed 's/application.icon_name = //g' \
+          | sed 's/"//g' )
+  
+  # echo "-=-=-=-=-=-=-=-=- Debug: Raw value -=-=-=-=-=-=-=-=-"
+  # echo "$sinks"
+  # echo "$names"
+  # echo "$vols"
+  
+  IFS=$'\n'
+  sinkarr=($(echo "$sinks"))
+  namearr=($(echo "$names"))
+  volarr=($(echo "$vols"))
+  iconarr=($(echo "$binaries"))
+
+  # Get icons
+  for i in "${!iconarr[@]}"; do
+    iconarr[$i]=$(geticons -t "$(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g")" ${iconarr[i]} | head -n 1)
+  done
+  
+  # Functions
+  sanitize() {
+      echo "$1" | sed 's/"/\"/g'
+  }
+  
+  geticon() {
+  #     notify-send "${volarr[$((i*2))]}"
+      if [ "${volarr[$(($1*2))]}" -eq "0" ]; then
+          echo ""
+      else 
+          echo ""
+      fi
+  }
+  
+  # Print final JSON
+  printf '['
+  for i in "${!sinkarr[@]}"; do
+      if [ $i -ne 0 ]; then
+          printf ', '
+      fi
+      echo -n '{''"sink": "'"${sinkarr[$i]}"'", "name": "'"${namearr[$i]}"'", "volume": "'"${volarr[$((i*2))]}"'"}'
+    #   echo -n '{''"sink": "'"${sinkarr[$i]}"'", "icon": "'"${iconarr[$i]}"'", "name": "'"${namearr[$i]}"'", "volume": "'"${volarr[$((i*2))]}"'"}'
+  done
+  printf ']\n'
+  
+  # echo "$sinks"
+  # echo "$names"
+  # echo "$vols"
+}
+
+
+cd ~/.config/eww
+# dostuff
+scripts/audioapps
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+    pactl subscribe | rg --line-buffered "on sink" | while read -r _; do
+        scripts/audioapps
+    done
+fi
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/battery b/novelknock/.config/eww/scripts/battery
new file mode 100755
index 000000000..27ae7a06c
--- /dev/null
+++ b/novelknock/.config/eww/scripts/battery
@@ -0,0 +1,133 @@
+#!/usr/bin/env bash
+
+icons=("" "" "" "" "" "" "" "")
+
+gettime() {
+	FULL=$(cat /sys/class/power_supply/*/charge_full | head -1)
+	NOW=$(cat /sys/class/power_supply/*/charge_now | head -1)
+
+	if [ "$RATE" -gt 0 ]; then
+		if [ "$STATE" = "Discharging" ]; then
+			EX="$NOW / $RATE"
+		else
+			EX="($FULL - $NOW) / $RATE"
+		fi
+		date -u -d@"$(bc -l <<< "$EX * 3600")" +%H:%M
+	fi
+}
+
+geticon() {
+	if [ "$STATE" = "Charging" ]; then
+    level=$(awk -v n="$CAPACITY" 'BEGIN{print int((n-1)/12)}')
+		echo "${icons[$level]}"
+	else
+    level=$(awk -v n="$CAPACITY" 'BEGIN{print int((n-1)/12)}')
+		echo "${icons[$level]}"
+	fi
+}
+
+status() {
+	if [ "$STATE" = "Charging" ]; then
+		echo -n "charging"
+
+		if [ "$RATE" -gt 0 ]; then
+			echo ", $(gettime) left"
+		else
+			echo ""
+		fi
+	elif [ "$STATE" = "Discharging" ]; then
+		echo "$(gettime)h left"
+	else
+		echo "fully charged"
+	fi
+}
+
+statch() {
+	if [ "$STATE" = "Discharging" ]; then #Not charging, below 20%
+		if [ "$CAPACITY" -le 5 ]; then
+			echo 'deadly'
+		elif [ "$CAPACITY" -le 10 ]; then
+			echo 'critical'
+		elif [ "$CAPACITY" -le 30 ]; then
+			echo 'low'
+		else 
+			echo 'normal'
+		fi
+	else 
+		echo 'charging'
+	fi
+}
+
+chargestatus() {
+	if [ "$STATE" = "Charging" ]; then
+		echo -n ""
+	elif [ "$STATE" = "Discharging" ]; then
+		echo -n ""
+	fi
+}
+
+circolor() {
+	if [[ "$CAPACITY" -le 20 && "$STATE" = "Discharging" ]]; then
+		cat css/_iconcolor.txt | head -1
+	else
+		cat css/_iconcolor.txt | head -1
+	fi
+}
+
+cirbgcolor() {
+	if [[ "$CAPACITY" -le 20 && "$STATE" = "Discharging" ]]; then
+		echo '#EF738A'
+	else
+		echo 'transparent'
+	fi
+}
+
+color() {
+	if [ "$CAPACITY" -le 20 ]; then
+		echo '#EF738A'
+	else
+		echo 'white'
+	fi
+}
+
+bgcolor() {
+	if [ "$CAPACITY" -le 20 ]; then
+		echo '#EF738A'
+	else
+		echo 'transparent'
+	fi
+}
+
+wattage() {
+	echo "$(bc -l <<< "scale=1; $RATE / 1000000") W"
+}
+
+warnedlow=0
+
+while true; do
+	RATE=$(cat /sys/class/power_supply/*/voltage_now | head -1)
+	CAPACITY=$(cat /sys/class/power_supply/*/capacity | head -1)
+	STATE=$(cat /sys/class/power_supply/*/status | head -1)
+
+	if [[ "$CAPACITY" -le 5 && "$STATE" = "Discharging" ]]; then
+		if [ $warnedlow == 0 ]; then 
+			warnedlow=1
+			notify-send 'FREAKING PLUG IN THE CHARGER ALREADY' '!!111!!1!123!!!' -u critical -a 'eww'
+		fi
+	elif [[ "$CAPACITY" -le 10 && "$STATE" = "Discharging" ]]; then
+		if [ $warnedlow == 0 ]; then 
+			warnedlow=1
+			notify-send 'Battery verrry low' 'Hello?' -u critical -a 'eww'
+		fi
+	elif [[ "$CAPACITY" -le 20 && "$STATE" = "Discharging" ]]; then
+		if [ $warnedlow == 0 ]; then 
+			warnedlow=1
+			notify-send 'Battery low' 'Plug in your charger pweeeeaaase :>' -u critical -a 'eww'
+		fi
+	else
+	    warnedlow=0
+	fi
+
+	echo '{"quickicon": "'"$(chargestatus)"'", "icon": "'"$(geticon)"'", "percentage": '"$CAPACITY"', "wattage": "'"$(wattage)"'", "status": "'"$(status)"'", "circolor": "'"$(circolor)"'", "cirbgcolor": "'"$(cirbgcolor)"'", "color": "'"$(color)"'", "bgcolor": "'"$(bgcolor)"'" }'
+	sleep 3
+done
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/bluetooth b/novelknock/.config/eww/scripts/bluetooth
new file mode 100755
index 000000000..112069540
--- /dev/null
+++ b/novelknock/.config/eww/scripts/bluetooth
@@ -0,0 +1,51 @@
+#!/usr/bin/env bash
+
+declare -A baticon=([10]="󰤾" [20]="󰤿" [30]="󰥀" [40]="󰥁" [50]="󰥂" [60]="󰥃" [70]="󰥄" [80]="󰥅" [90]="󰥆" [100]="󰥈")
+
+toggle() {
+  status=$(rfkill -J | jq -r '.rfkilldevices[] | select(.type == "bluetooth") | .soft' | head -1)
+
+  if [ "$status" = "unblocked" ]; then
+    rfkill block bluetooth
+  else
+    rfkill unblock bluetooth
+  fi
+}
+
+if [ "$1" = "toggle" ]; then
+  toggle
+else
+  while true; do
+    powered=$(bluetoothctl show | rg Powered | cut -f 2- -d ' ')
+    status=$(bluetoothctl info)
+    name=$(echo "$status" | rg Name | cut -f 2- -d ' ')
+    mac=$(echo "$status" | head -1 | awk '{print $2}' | tr ':' '_')
+
+    if [[ "$(echo "$status" | rg Percentage)" != "" ]]; then
+      battery=$(upower -i /org/freedesktop/UPower/devices/headset_dev_"$mac" | rg percentage | awk '{print $2}' | cut -f 1 -d '%')
+      batt_icon=${baticon[$battery]}
+    else
+      batt_icon=""
+    fi
+
+    if [ "$powered" = "yes" ]; then
+      if [ "$status" != "Missing device address argument" ]; then
+        text="$name"
+        icon=""
+        color="#89b4fa"
+      else
+        icon=""
+        text="Disconnected"
+        color="#45475a"
+      fi
+    else
+      icon=""
+      text="Bluetooth off"
+      color="#45475a"
+    fi
+
+    echo '{ "icon": "'"$icon"'", "batt_icon": "'"$batt_icon"'", "text": "'"$text"'", "color": "'"$color"'" }'
+
+    sleep 3
+  done
+fi
diff --git a/novelknock/.config/eww/scripts/brightness b/novelknock/.config/eww/scripts/brightness
new file mode 100755
index 000000000..1f79bec25
--- /dev/null
+++ b/novelknock/.config/eww/scripts/brightness
@@ -0,0 +1,59 @@
+#!/usr/bin/env bash
+cd ~/.config/eww 
+
+icons=("" "" "")
+XDG_CACHE_HOME="$HOME/.cache"
+date="$XDG_CACHE_HOME/eww/osd_brightness.date"
+lock=0
+
+showhide() {
+  # get dates
+  rundate=$(cat "$date")
+  currentdate=$(date +%s)
+
+  # handle showing
+  if [ "$rundate" = "$currentdate" ] && [ "$lock" -eq 0 ]; then
+    scripts/toggle-osd-bright.sh --open
+    lock=1
+  elif [ $((currentdate - rundate)) -ge 2 ] && [ "$lock" -eq 1 ]; then
+    scripts/toggle-osd-bright.sh --close > /dev/null
+    lock=0
+  fi
+}
+
+osd() {
+  if [ ! -f "$date" ]; then
+    mkdir -p "$XDG_CACHE_HOME/eww"
+  fi
+  date +%s > "$date"
+  # showhide
+}
+
+osd_handler() {
+  lock=0
+  rundate=0
+  if [ ! -f "$date" ]; then
+    mkdir -p "$XDG_CACHE_HOME/eww"
+    echo 0 > "$date"
+  fi
+
+  while true; do
+    showhide
+    sleep 0.1
+  done
+}
+
+if [ "$1" = "osd" ]; then
+  osd
+else
+  # initial
+  icon=${icons[$(awk -v n="$(light)" 'BEGIN{print int(n/34)}')]}
+  echo '{ "level": '"$(light)"', "icon": "'"$icon"'" }'
+
+  osd_handler &
+  udevadm monitor | rg --line-buffered "backlight" | while read -r _; do
+    icon="${icons[$(awk -v n="$(light)" 'BEGIN{print int(n/34)}')]}"
+
+    echo '{ "level": '"$(light)"', "icon": "'"$icon"'" }'
+  done
+fi
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/calendarlayout.cpp b/novelknock/.config/eww/scripts/calendarlayout.cpp
new file mode 100755
index 000000000..cb3100f11
--- /dev/null
+++ b/novelknock/.config/eww/scripts/calendarlayout.cpp
@@ -0,0 +1,138 @@
+#include <chrono>
+#include <ctime>
+#include <iostream>
+#include <string>
+using namespace std;
+
+int year, month, day, weekday, weekdayOfMonthFirst;
+bool leapYear;
+int daysInMonth, daysInLastMonth, daysInNextMonth;
+bool highlight = true;
+
+int calendar[6][7];
+int today[6][7];
+
+void getTime() {
+    // Time
+    time_t now = time(0);
+    tm* ltm = localtime(&now);
+    // To vars
+    year = 1900 + ltm->tm_year;
+    month = 1 + ltm->tm_mon;
+    day = ltm->tm_mday;
+    weekday = ltm->tm_wday - 1;
+    weekdayOfMonthFirst = (weekday + 35 - (day - 1)) % 7;
+    // cout << weekday << ", " << day << '/' << month << '/' << year << '\n';
+}
+
+void setTime(int wd, int d, int m, int y) {
+    wd--;
+    highlight = false;
+    year = y;
+    month = m;
+    day = d;
+    weekday = wd;
+    weekdayOfMonthFirst = (weekday + 35 - (day - 1)) % 7;
+    // cout << weekday << ", " << day << '/' << month << '/' << year << '\n';
+}
+
+void checkLeapYear() {
+    if (year % 400 == 0 || (year % 4 == 0 && year % 100 != 0))
+        leapYear = true;
+    else
+        leapYear = false;
+}
+
+void getMonthDays() {
+    // Days in this month
+    if ((month <= 7 && month % 2 == 1) || (month >= 8 && month % 2 == 0))
+        daysInMonth = 31;
+    else if (month == 2 && leapYear)
+        daysInMonth = 29;
+    else if (month == 2 && !leapYear)
+        daysInMonth = 28;
+    else
+        daysInMonth = 30;
+    // Days in next month
+    if (month == 1 && leapYear)
+        daysInNextMonth = 29;
+    else if (month == 1 && !leapYear)
+        daysInNextMonth = 28;
+    else if ((month <= 7 && month % 2 == 1) || (month >= 8 && month % 2 == 0))
+        daysInNextMonth = 30;
+    else
+        daysInNextMonth = 31;
+    // Days in last month
+    if (month == 3 && leapYear)
+        daysInLastMonth = 29;
+    else if (month == 3 && !leapYear)
+        daysInLastMonth = 28;
+    else if ((month <= 7 && month % 2 == 1) || (month >= 8 && month % 2 == 0))
+        daysInLastMonth = 30;
+    else
+        daysInLastMonth = 31;
+}
+
+void calcCalendar() {
+    int monthDiff = (weekdayOfMonthFirst == 0 ? 0 : -1);
+    int dim = daysInLastMonth;
+    int i = 0, j = 0;
+    int toFill = (weekdayOfMonthFirst == 0
+                      ? 1
+                      : (daysInLastMonth - (weekdayOfMonthFirst - 1)));
+
+    while (i < 6 && j < 7) {
+        // Fill it
+        calendar[i][j] = toFill;
+        if (toFill == day && monthDiff == 0 && highlight)
+            today[i][j] = 1;
+        else if (monthDiff == 0)
+            today[i][j] = 0;
+        else
+            today[i][j] = -1;
+        // Next day
+        toFill++;
+        if (toFill > dim) {
+            monthDiff++;
+            if (monthDiff == 0)
+                dim = daysInMonth;
+            else if (monthDiff == 1)
+                dim = daysInNextMonth;
+            toFill = 1;
+        }
+        // Next tile
+        j++;
+        if (j == 7) {
+            j = 0;
+            i++;
+        }
+    }
+}
+
+void printCalendar() {
+    cout << '[';
+    for (int i = 0; i < 6; i++) {
+        cout << '[';
+        for (int j = 0; j < 7; j++) {
+            cout << "{\"day\":" << calendar[i][j]
+                 << ",\"today\":" << today[i][j] << "}";
+            if (j < 7 - 1) cout << ',';
+        }
+        cout << ']';
+        if (i < 6 - 1) cout << ',';
+    }
+    cout << ']';
+}
+
+int main(int argc, char* argv[]) {
+    if (argc == 1)
+        getTime();
+    else if(argc == 5)
+        setTime(stoi(argv[1]), stoi(argv[2]), stoi(argv[3]), stoi(argv[4]));
+    else 
+        cout << " - Run \"calendarlayout\" to get calendar for today\n - Run\"calendarlayout <weekday> <day> <month> <year>\" to get calendar of the day specified";
+    checkLeapYear();
+    getMonthDays();
+    calcCalendar();
+    printCalendar();
+}
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/cavajson.cpp b/novelknock/.config/eww/scripts/cavajson.cpp
new file mode 100755
index 000000000..2ff125d95
--- /dev/null
+++ b/novelknock/.config/eww/scripts/cavajson.cpp
@@ -0,0 +1,42 @@
+#include <boost/iostreams/device/file_descriptor.hpp>
+#include <boost/iostreams/stream.hpp>
+#include <cstdio>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+
+void cavaToJson(std::string& s) {
+    int cnt = 0;
+    std::string newStr = "[";
+    for (int i = 0; i < s.size(); i++) {
+        if (s[i] == ';') {
+            s[i] = ',';
+            newStr += std::string(',' + std::to_string(cnt++) + "],[");
+        } else {
+            newStr.push_back(s[i]);
+        }
+    }
+    newStr.pop_back();
+    newStr.pop_back();
+    s = newStr;
+}
+
+int main() {
+    std::unique_ptr<FILE, decltype(&pclose)> pipe(
+        popen("cava -p ~/.config/eww/scripts/custom_configs/cava", "r"),
+        pclose);
+    if (!pipe) {
+        throw std::runtime_error("popen() failed!");
+    }
+    boost::iostreams::file_descriptor_source fd(
+        fileno(pipe.get()), boost::iostreams::never_close_handle);
+    boost::iostreams::stream<boost::iostreams::file_descriptor_source> is(fd);
+    std::string line;
+    while (std::getline(is, line)) {
+        cavaToJson(line);
+        std::cout << '[' << line << ']'
+                  << std::endl;  // print the output line by line
+    }
+    return 0;
+}
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/checkcjk b/novelknock/.config/eww/scripts/checkcjk
new file mode 100755
index 000000000..459e93029
--- /dev/null
+++ b/novelknock/.config/eww/scripts/checkcjk
@@ -0,0 +1,24 @@
+#!/bin/python3
+
+# Import the re module
+import re
+
+# Define a function that takes a string as an argument and returns True if it contains CJK characters, False otherwise
+def check_cjk(string):
+  # Use a regular expression that matches any of these Unicode ranges: U+3040 - U+30FF (hiragana and katakana), U+3400 - U+4DBF (CJK unified ideographs extension A), U+4E00 - U+9FFF (CJK unified ideographs), U+F900 - U+FAFF (CJK compatibility ideographs), U+FF66 - U+FF9F (half-width katakana)
+  pattern = r' [\\u3040-\\u30ff\\u3400-\\u4dbf\\u4e00-\\u9fff\\uf900-\\ufaff\\uff66-\\uff9f]'
+  # Search for the pattern in the string
+  match = re.search(pattern, string)
+  # Return True if there is a match, False otherwise
+  return bool(match)
+
+# Read a string from standard input
+input = input("Enter a string: ")
+
+# Call the function and print the result
+if check_cjk(input):
+  print("The string contains CJK characters.")
+else:
+  print("The string does not contain CJK characters.")
+
+  ・インザナイト
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/colorgen b/novelknock/.config/eww/scripts/colorgen
new file mode 100755
index 000000000..7e5365de4
--- /dev/null
+++ b/novelknock/.config/eww/scripts/colorgen
@@ -0,0 +1,103 @@
+#!/usr/bin/bash
+cd ~/.config/eww || exit
+
+OPACITY=0.75
+
+IMGPATH=$1
+coverurl=$2
+
+coverpath=$(echo "$IMGPATH" | sed 's/"//g')
+# Generate colors
+wal -c
+lightdark=$(cat scripts/workdir/__mode_light_dark.txt)
+wal -i "$IMGPATH" -n -t -s -e $lightdark -q
+
+themejson=$(cat ~/.cache/wal/colors.json | gojq -c -M)
+themejson="${themejson::-1}"
+themejson="$themejson"',"source":"'"$3"'"}'
+echo "$themejson"
+
+maincol="$(printf "$themejson" | gojq -c -M -r '.colors.color4')"
+# scripts/material_colors.py --path "$IMGPATH" $lightdark > scripts/cache/_material.colorpallete
+generated_material=$(scripts/material_colors.py --color "$maincol" "$lightdark")
+echo "$generated_material" > scripts/cache/_material.colorpallete &
+onPrimaryContainer=$(echo "$generated_material" | grep '$onPrimaryContainer: ' | sed 's/$onPrimaryContainer: //g' | sed 's/;//g')
+primaryContainer=$(echo "$generated_material" | grep '$primaryContainer: ' | sed 's/$primaryContainer: //g' | sed 's/;//g')
+onSecondaryContainer=$(echo "$generated_material" | grep '$onSecondaryContainer: ' | sed 's/$onSecondaryContainer: //g' | sed 's/;//g')
+secondaryContainer=$(echo "$generated_material" | grep '$secondaryContainer: ' | sed 's/$secondaryContainer: //g' | sed 's/;//g')
+tertiary=$(echo "$generated_material" | grep '$tertiary: ' | sed 's/$tertiary: //g' | sed 's/;//g')
+onPrimary=$(echo "$generated_material" | grep '$onPrimary: ' | sed 's/$onPrimary: //g' | sed 's/;//g')
+primary=$(echo "$generated_material" | grep '$primary: ' | sed 's/$primary: //g' | sed 's/;//g')
+secondaryContainerRgba=$(python scripts/mcover_rgba.py "${secondaryContainer}")
+
+printf '{"image": "'$coverpath'", "color": '"$themejson"', "materialcolor": {"onPrimaryContainer": "'"$onPrimaryContainer"'", "primaryContainer": "'"$primaryContainer"'", "onPrimary": "'"$onPrimary"'", "primary": "'"$primary"'", "secondaryContainer": "'"$secondaryContainer"'", "onSecondaryContainer": "'"$onSecondaryContainer"'", "secondaryContainerRgba": "'"$secondaryContainerRgba"'"}}\n'
+
+# Get color in rgb
+colorsreg=$(cat ~/.cache/wal/colors-putty.reg)
+rgb_bg=$(echo $colorsreg | tr ' ' '\n' | grep 'Colour3')
+rgb_bg="${rgb_bg#*=}"
+rgb_bg="${rgb_bg#*\"}"
+rgb_bg="${rgb_bg::-1}"
+rgb_bg='rgba('"$rgb_bg"','"$OPACITY"')'
+# echo $rgb_bg
+
+# notify-send 'eww' 'i found a url!'
+
+# Write to scss
+echo '//Auto generated color theme for image at:' "$coverurl" > './scripts/cache/_colorscheme.colorpallete'
+printf '$colorbarbg: ' >> './scripts/cache/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.special.background' | tr '\n' ';' >> './scripts/cache/_colorscheme.colorpallete'
+echo '' >> './scripts/cache/_colorscheme.colorpallete'
+printf '$colorbg: ' >> './scripts/cache/_colorscheme.colorpallete'
+printf "$rgb_bg"';' >> './scripts/cache/_colorscheme.colorpallete'
+echo '' >> './scripts/cache/_colorscheme.colorpallete'
+printf '$colortext: ' >> './scripts/cache/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.special.foreground' | tr '\n' ';' >> './scripts/cache/_colorscheme.colorpallete'
+echo '' >> './scripts/cache/_colorscheme.colorpallete'
+printf '$color0: ' >> './scripts/cache/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color1' | tr '\n' ';' >> './scripts/cache/_colorscheme.colorpallete'
+echo '' >> './scripts/cache/_colorscheme.colorpallete'
+printf '$color1: ' >> './scripts/cache/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color2' | tr '\n' ';' >> './scripts/cache/_colorscheme.colorpallete'
+echo '' >> './scripts/cache/_colorscheme.colorpallete'
+printf '$color2: ' >> './scripts/cache/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color3' | tr '\n' ';' >> './scripts/cache/_colorscheme.colorpallete'
+echo '' >> './scripts/cache/_colorscheme.colorpallete'
+printf '$color3: ' >> './scripts/cache/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color4' | tr '\n' ';' >> './scripts/cache/_colorscheme.colorpallete'
+echo '' >> './scripts/cache/_colorscheme.colorpallete'
+printf '$color4: ' >> './scripts/cache/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color5' | tr '\n' ';' >> './scripts/cache/_colorscheme.colorpallete'
+echo '' >> './scripts/cache/_colorscheme.colorpallete'
+printf '$color5: ' >> './scripts/cache/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color6' | tr '\n' ';' >> './scripts/cache/_colorscheme.colorpallete'
+echo '' >> './scripts/cache/_colorscheme.colorpallete'
+printf '$color6: ' >> './scripts/cache/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color7' | tr '\n' ';' >> './scripts/cache/_colorscheme.colorpallete'
+echo '' >> './scripts/cache/_colorscheme.colorpallete'
+printf '$color7: ' >> './scripts/cache/_colorscheme.colorpallete'
+printf "$themejson" | gojq -r '.colors.color4' | tr '\n' ';' >> './scripts/cache/_colorscheme.colorpallete'
+echo '' >> './scripts/cache/_colorscheme.colorpallete'
+
+
+gradient1=$(echo -n "$themejson" | gojq -r '.colors.color1')
+gradient2=$(echo -n "$themejson" | gojq -r '.colors.color2')
+gradient3=$(echo -n "$themejson" | gojq -r '.colors.color4')
+
+# Write hyprland color config
+echo '# Auto generated color theme for image at:' "$coverurl" > './scripts/cache/colors_generated.conf'
+echo 'general {' >> './scripts/cache/colors_generated.conf'
+echo '    col.active_border = rgba('"${primary#*#}FF"') 45deg' >> './scripts/cache/colors_generated.conf'
+echo '    col.inactive_border = rgba('"${primary#*#}66"')' >> './scripts/cache/colors_generated.conf'
+echo '}' >> './scripts/cache/colors_generated.conf'
+
+# Print json to stdout
+echo "$onPrimaryContainer" > 'scripts/cache/_iconcolor.txt'
+echo "$tertiary" >> 'scripts/cache/_iconcolor.txt'
+printf "$themejson" | gojq -r '.colors.color2' >> 'scripts/cache/_iconcolor.txt'
+printf "$themejson" | gojq -r '.colors.color4' >> 'scripts/cache/_iconcolor.txt'
+printf "$themejson" | gojq -r '.colors.color5' >> 'scripts/cache/_iconcolor.txt'
+printf "$themejson" | gojq -r '.colors.color5' >> 'scripts/cache/_iconcolor.txt'
+
+# beatmappacks tertiary, forum color1, search color3, search color4, tournaments color4
+# 
diff --git a/novelknock/.config/eww/scripts/colormanage b/novelknock/.config/eww/scripts/colormanage
new file mode 100755
index 000000000..ff1329de9
--- /dev/null
+++ b/novelknock/.config/eww/scripts/colormanage
@@ -0,0 +1,40 @@
+#!/usr/bin/bash
+
+cd ~/.config/eww/ || exit
+
+if [ $1 == "get" ]; then
+  hyprctl keyword misc:disable_autoreload true
+  cp 'scripts/cache/_iconcolor.txt' './css/_iconcolor.txt'
+  cp 'scripts/cache/_colorscheme.colorpallete' './css/_colorscheme.scss'
+  cp 'scripts/cache/_material.colorpallete' './css/_material.scss'
+  cp 'scripts/cache/colors_generated.conf' ~/.config/hypr/colors.conf
+  applycolor=$(cat './css/_iconcolor.txt' | head -1)
+  scripts/applycolor "$applycolor"
+elif [ $1 == "default" ]; then
+  hyprctl keyword misc:disable_autoreload true
+  cp './css/_iconcolor_default.txt' './css/_iconcolor.txt'
+  cp css/_colorscheme_default.scss css/_colorscheme.scss
+  cp css/_material_default.scss css/_material.scss
+  cp ~/.config/hypr/colors_default.conf ~/.config/hypr/colors.conf
+  applycolor=$(cat css/_iconcolor.txt | head -1)
+  scripts/applycolor "$applycolor"
+elif [ $1 == "save" ]; then
+  eww close themer 
+  eww update themer_open=false 
+  cp "css/_iconcolor.txt" "css/savedcolors/_iconcolor_$2.txt" 
+  cp "css/_colorscheme.scss" "css/savedcolors/_colorscheme_$2.scss" 
+  cp "css/_material.scss" "css/savedcolors/_material_$2.scss" 
+  cp ~/.config/hypr/colors.conf ~/.config/hypr/savedcolors/colors_$2.conf
+elif [ $1 == "load" ]; then
+  hyprctl keyword misc:disable_autoreload true
+  eww close themer 
+  eww update themer_open=false 
+  cp "css/savedcolors/_iconcolor_$2.txt" "css/_iconcolor.txt"
+  cp "css/savedcolors/_colorscheme_$2.scss"  "css/_colorscheme.scss"
+  cp "css/savedcolors/_material_$2.scss"  "css/_material.scss"
+  cp ~/.config/hypr/savedcolors/colors_$2.conf ~/.config/hypr/colors.conf
+  applycolor=$(cat css/_iconcolor.txt | head -1)
+  scripts/applycolor "$applycolor"
+fi
+
+hyprctl reload
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/custom_configs/cava b/novelknock/.config/eww/scripts/custom_configs/cava
new file mode 100755
index 000000000..81f4d5b26
--- /dev/null
+++ b/novelknock/.config/eww/scripts/custom_configs/cava
@@ -0,0 +1,19 @@
+[general]
+mode = normal
+framerate = 30
+autosens = 1
+bars = 70
+
+[output]
+method = raw
+raw_target = /dev/stdout
+data_format = ascii
+
+[smoothing]
+monstercat = 1
+gravity = 1000
+noise_reduction = 50
+
+[input]
+method = pipewire
+source = auto
diff --git a/novelknock/.config/eww/scripts/custom_configs/waybar-tray-config/config b/novelknock/.config/eww/scripts/custom_configs/waybar-tray-config/config
new file mode 100755
index 000000000..4b7e7e3cc
--- /dev/null
+++ b/novelknock/.config/eww/scripts/custom_configs/waybar-tray-config/config
@@ -0,0 +1,78 @@
+{
+    "layer": "top",
+    "height": 30,
+    "position": "bottom",
+    "spacing": 0,
+    "exclusive": false,
+    "margin-bottom": 50,
+    "margin-right": 253,
+    "margin-left": 1556,
+    "fixed-center": false,
+
+    "modules-left": [
+        
+    ],
+    
+    "modules-center": [
+        "tray",
+    ],
+    
+    "modules-right": [
+    ],
+    
+    "custom/weather": {
+        "exec": "curl 'https://wttr.in/?format=1' | tr -d '+'",
+        "interval": 1800
+    },
+    
+    "custom/start": {
+        "format": "               ",
+        "on-click": "~/.config/eww/scripts/toggle-overview.sh"
+    },
+    
+    "wlr/taskbar": {
+        "format": "{icon}",
+        "icon-size": 24,
+        "tooltip-format": "{title}",
+        "on-click": "activate",
+        "on-click-middle": "close",
+    },
+    
+    "clock": {
+        "format": "   {:%I:%M %p%n%e/%m/%G}",
+        "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
+        "format-alt": "  {:%Y-%m-%d}"
+    },
+    
+    "tray": {
+        "spacing": 8
+    },
+    
+    "pulseaudio": {
+        "format": "{icon}",
+        "format-bluetooth": "{volume}%  {icon} {format_source}",
+        "format-bluetooth-muted": "  {icon} {format_source}",
+        "format-muted": "  {format_source}",
+        "format-source": "  {volume}",
+        "format-source-muted": "",
+        "format-icons": {
+            "headphone": "",
+            "hands-free": "",
+            "headset": "",
+            "phone": "",
+            "portable": "",
+            "car": "",
+            "default": ["", "", ""]
+        },
+        "tooltip-format": "{format_source}%",
+        "on-click": "easyeffects"
+    },
+    "network": {
+        "format-wifi": "",
+        "format-ethernet": "",
+        "tooltip-format": "{ifname} via {gwaddr} ",
+        "format-linked": "{ifname} (No IP) ",
+        "format-disconnected": "Disconnected ⚠",
+        "on-click": "alacritty -e nmtui"
+    },
+}
diff --git a/novelknock/.config/eww/scripts/custom_configs/waybar-tray-config/style.css b/novelknock/.config/eww/scripts/custom_configs/waybar-tray-config/style.css
new file mode 100755
index 000000000..4808df738
--- /dev/null
+++ b/novelknock/.config/eww/scripts/custom_configs/waybar-tray-config/style.css
@@ -0,0 +1,69 @@
+* {
+    color: #f3f9ff;
+    font-size: 11px;
+    font-family: Segoe-Fluent-Icons, Segoe-UI;
+    font-weight: 500;
+}
+
+window#waybar {
+    background: transparent;
+}
+
+tooltip {
+    background: #141414;
+    border-radius: 4px;
+}
+
+#tray {
+    min-width: 20px;
+    min-height: 20px;
+    font-size: 20px;
+    font-weight: 200;
+    padding: 4px;
+    min-width: 100px;
+    min-height: 37px;
+    background: rgba(45, 46, 48, 1);
+    background-image: url('images/textures/acrylic.png');
+    border-radius: 9px;
+    border: 1px solid rgba(34, 35, 38, 0.5);
+    margin: 14px;
+    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.65);
+}
+
+#window,
+#pulseaudio,
+#network,
+#bluetooth {
+    font-size: 14px;
+    font-weight: 200;
+    padding: 4px;
+}
+
+#custom-weather {
+    padding-left: 12px;
+    font-size: 11px;
+}
+
+#custom-start {
+    background-image: url("./win.png");
+    background-size: 24px 24px;
+    background-position: center;
+    background-repeat: no-repeat;
+}
+
+#taskbar {
+    border-radius: 6px;
+    min-width: 45px;
+    min-height: 45px;
+    /* border-top: 1px solid rgba(64, 64, 64, 0.8); */
+}
+
+#tray,
+#pulseaudio {
+    padding-right: 12px;
+}
+
+#clock {
+    padding-left: 3px;
+    padding-right: 18px;
+}
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/dashactivate b/novelknock/.config/eww/scripts/dashactivate
new file mode 100755
index 000000000..81c8619e7
--- /dev/null
+++ b/novelknock/.config/eww/scripts/dashactivate
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+cd ~
+eww close dashboard
+
+if [[ "$1" == "--web" ]]; then
+    app=$2
+    eval "${app%\%*}" &
+else
+    app=$1
+    eval "${app%\%*}" &
+    pkill dashactivate
+fi
+
diff --git a/novelknock/.config/eww/scripts/dumptows.cpp b/novelknock/.config/eww/scripts/dumptows.cpp
new file mode 100755
index 000000000..6548af7b7
--- /dev/null
+++ b/novelknock/.config/eww/scripts/dumptows.cpp
@@ -0,0 +1,79 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+int workspace_a, workspace_b;
+string clients;
+json clientjson;
+vector<string> windows_a, windows_b;
+bool output = false;
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+void tryAddApp(const json& client) {
+    if (int(client["workspace"]["id"]) == workspace_a)
+        windows_a.push_back(client["address"]);
+    else if (int(client["workspace"]["id"]) == workspace_b)
+        windows_b.push_back(client["address"]);
+}
+
+void getApps() {
+    // Get clients
+    clients = exec("hyprctl clients -j | gojq -c -M");
+    clientjson = json::parse(clients);
+
+    // Access the values
+    for (json client : clientjson) {
+        tryAddApp(client);
+    }
+}
+
+void dumptoWorkspace() {
+    for (string address : windows_a) {
+        string cmd = "hyprctl dispatch movetoworkspacesilent " +
+                     to_string(workspace_b) + ",address:" + address;
+        if (output) cout << cmd << '\n';
+        exec(&cmd[0]);
+    }
+}
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+
+    if (argc < 3) {
+        cout << "Usage: dumptows [WORKSPACE_NUMBER_1] [WORKSPACE_NUMBER_2]"
+             << endl;
+        return 0;
+    }
+    if (argc == 4 && string(argv[3]) == "--output") output = true;
+
+    workspace_a = stoi(string(argv[1]));
+    workspace_b = stoi(string(argv[2]));
+    if (workspace_a <= 0 || workspace_b <= 0 || workspace_a == workspace_b) {
+        cout << "Nahhh that's stupid" << endl;
+        return 0;
+    }
+
+    getApps();
+    dumptoWorkspace();
+}
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/editmode.sh b/novelknock/.config/eww/scripts/editmode.sh
new file mode 100755
index 000000000..c14b92876
--- /dev/null
+++ b/novelknock/.config/eww/scripts/editmode.sh
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+if [ "$1" == "enable" ]; then
+    hyprctl keyword bindm ,mouse:273,resizewindow
+    hyprctl keyword bindm ,mouse:274,movewindow
+    hyprctl keyword bind ,mouse_up,workspace,+1
+    hyprctl keyword bind ,mouse_down,workspace,-1
+    eww update editing=true
+elif [ "$1" == "disable" ]; then 
+    hyprctl keyword unbind ,mouse:273
+    hyprctl keyword unbind ,mouse:274
+    hyprctl keyword unbind ,mouse_up
+    hyprctl keyword unbind ,mouse_down
+    eww update editing=false
+fi
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/focuswindow b/novelknock/.config/eww/scripts/focuswindow
new file mode 100755
index 000000000..9cc77c6bf
--- /dev/null
+++ b/novelknock/.config/eww/scripts/focuswindow
@@ -0,0 +1,6 @@
+#!/usr/bin/bash
+if [[ $1 == '_none' ]]; then
+  hyprctl dispatch workspace $2
+else 
+  hyprctl dispatch focuswindow address:$1
+fi
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/get_open_icons b/novelknock/.config/eww/scripts/get_open_icons
new file mode 100755
index 000000000..d7d73383e
--- /dev/null
+++ b/novelknock/.config/eww/scripts/get_open_icons
@@ -0,0 +1,77 @@
+#!/usr/bin/bash
+
+cd ~/.config/eww
+
+getwins() {
+  hyprctlclients=$(hyprctl clients -j \
+    | grep -v '"mapped": ' \
+    | grep -v '"hidden": ' \
+    | grep -v '"floating": ' \
+    | grep -v '"monitor": ' \
+    | grep -v '"pid": ' \
+    | grep -v '"xwayland": ' \
+    | grep -v '"pinned":' \
+    | grep -v '"fullscreen": ' \
+    | grep -v '"fullscreenMode": ' \
+    | grep -v '"fakeFullscreen": ' \
+    | grep -v '"grouped": ')
+
+  # echo $hyprctlclients | gojq -c '.[]'
+
+  IFS=$'\n'
+  clientsarr=( $(echo $hyprctlclients | gojq -c -M '.[]') )
+
+  #For every window
+  for client in "${clientsarr[@]}"; do
+    iconpath=''
+    clientclass=$(echo "$client" | gojq -r '.class')
+    if [[ "$clientclass" == "" ]]; then 
+      continue
+    fi
+
+    # Get app icon
+    if [ -f "scripts/cache/$clientclass" ]; then
+        iconpath=$(cat scripts/cache/$clientclass)
+        if [ ! -f "${iconpath}" ]; then # Cache refresh if icon doesnt exist
+            iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$clientclass" | head -n 1)
+            echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+    else
+        iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$clientclass" | head -n 1)
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+    fi
+    if [[ ${iconpath} == "" ]]; then
+      # Retry with lowercase if icon not found
+      iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") $(echo "$clientclass" | tr '[:upper:]' '[:lower:]' | sed 's/\ /-/g') | head -n 1)
+
+      if [[ ! ${iconpath} = "" ]]; then
+        rm "scripts/cache/$clientclass"
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+      else 
+        newname=$(scripts/iconpatch $clientclass)
+        iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$newname" | head -n 1)
+        if [[ ! ${iconpath} = "" ]]; then
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        else
+          # Fallback app icon, replace the path below to the fallback icon of your choice
+          # iconpath="/usr/share/icons/Win11-dark/mimes/48/application-x-executable.svg"
+          iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "application-x-executable" | head -n 1)
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+      fi
+    fi
+  done
+}
+
+# Do stuff here
+getwins
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    getwins
+  done
+fi
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/getfirstdayofmonth b/novelknock/.config/eww/scripts/getfirstdayofmonth
new file mode 100755
index 000000000..e75171fe4
--- /dev/null
+++ b/novelknock/.config/eww/scripts/getfirstdayofmonth
@@ -0,0 +1,39 @@
+#!/bin/bash
+# Thanks Bing!
+
+# Check if the argument is a valid number
+if [[ ! $1 =~ ^-?[0-9]+$ ]]; then
+  echo "Invalid argument: $1"
+  echo "Usage: getfirstdayofmonth [NUMBER]"
+  exit 1
+fi
+
+# Get the current month and year
+current_month=$(date +%m)
+current_year=$(date +%Y)
+
+# Add the argument to the current month and adjust the year if needed
+if [[ $1 -gt 0 ]]; then
+  next_month=$((current_month + $1))
+  next_year=$((current_year + ((next_month-1) / 12)))
+  next_month=$((current_month + ($1 % 12)))
+else
+  next_month=$((current_month + $1))
+  next_year=$((current_year + ((next_month-12) / 12)))
+  next_month=$((current_month + ($1 % 12)))
+fi
+
+if ((next_month > 12)); then
+  next_month=$((next_month % 12))
+elif ((next_month == 0)); then
+  next_month=12
+  # next_year=$((next_year - 1))
+elif ((next_month < 1)); then
+  next_month=$(( (next_month + 12) % 12 ))
+fi
+
+# Get the weekday name (%A), day number (%d), month name (%B) and year (%Y) of the first day of the next month
+first_day=$(date -d "$next_year-$next_month-01" '+%u %d %m %Y')
+
+# Print the result
+echo $first_day
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/hyprsettings b/novelknock/.config/eww/scripts/hyprsettings
new file mode 100755
index 000000000..8aa137858
--- /dev/null
+++ b/novelknock/.config/eww/scripts/hyprsettings
@@ -0,0 +1,55 @@
+#!/usr/bin/bash
+getoptions(){
+  rounding=$(hyprctl getoption decoration:rounding -j | gojq -r -c '.int')
+  gaps_in=$(hyprctl getoption general:gaps_in -j | gojq -r -c '.int')
+  gaps_out=$(hyprctl getoption general:gaps_out -j | gojq -r -c '.int')
+  border_size=$(hyprctl getoption general:border_size -j | gojq -r -c '.int')
+  force_no_accel=$(hyprctl getoption input:force_no_accel -j | gojq -r -c '.int')
+  input_sensitivity=$(hyprctl getoption input:sensitivity -j | gojq -r -c '.float')
+  touchpad_disable_while_typing=$(hyprctl getoption input:touchpad:disable_while_typing -j | gojq -r -c '.int')
+  touchpad_clickfinger_behavior=$(hyprctl getoption input:touchpad:clickfinger_behavior -j | gojq -r -c '.int')
+  blur=$(hyprctl getoption decoration:blur:enabled -j | gojq -r -c '.int')
+  blur_size=$(hyprctl getoption decoration:blur:size -j | gojq -r -c '.int')
+  blur_passes=$(hyprctl getoption decoration:blur:passes -j | gojq -r -c '.int')
+  blur_xray=$(hyprctl getoption decoration:blur:xray -j | gojq -r -c '.int')
+  nightlight=$(hyprctl getoption decoration:screen_shader -j | gojq -r -c '.str')
+  overlay=$(hyprctl getoption debug:overlay -j | gojq -r -c '.int')
+  damage_tracking=$(hyprctl getoption debug:damage_tracking -j | gojq -r -c '.int')
+  if [[ "$nightlight" == *"nothing.frag" || "$nightlight" == "[[EMPTY]]" || "$nightlight" == "" ]]; then
+    nightlight='false'
+  else
+    nightlight='true'
+  fi
+
+  echo -n '{'
+  echo -n "\"rounding\":$rounding,"
+  echo -n "\"gaps_in\":$gaps_in,"
+  echo -n "\"gaps_out\":$gaps_out,"
+  echo -n "\"border_size\":$border_size,"
+  echo -n "\"force_no_accel\":$force_no_accel,"
+  echo -n "\"input_sensitivity\":$input_sensitivity,"
+  echo -n "\"touchpad_disable_while_typing\":$touchpad_disable_while_typing,"
+  echo -n "\"touchpad_clickfinger_behavior\":$touchpad_clickfinger_behavior,"
+  echo -n "\"blur\":$blur,"
+  echo -n "\"blur_size\":$blur_size,"
+  echo -n "\"blur_passes\":$blur_passes,"
+  echo -n "\"blur_xray\":$blur_xray,"
+  echo -n "\"nightlight\":$nightlight,"
+  echo -n "\"overlay\":$overlay,"
+  echo -n "\"damage_tracking\":$damage_tracking,"
+
+  echo '"dummy":0}'
+}
+
+getoptions
+
+if [ "$1" == "--once" ]; then
+  exit 0
+elif [ "$1" == "tickle" ]; then
+  hyprctl keyword input:force_no_accel $(hyprctl getoption input:force_no_accel -j | gojq -r -c '.int')
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "activelayout>>" | while read -r line; do
+    # echo $line
+    getoptions
+  done
+fi
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/hyprtest b/novelknock/.config/eww/scripts/hyprtest
new file mode 100755
index 000000000..593c665f6
--- /dev/null
+++ b/novelknock/.config/eww/scripts/hyprtest
@@ -0,0 +1,10 @@
+#!/usr/bin/bash
+
+geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "firefox" | head -n 1
+
+socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | while read -r line; do
+  echo "$line"
+done
+
+
+
diff --git a/novelknock/.config/eww/scripts/hyprview.sh b/novelknock/.config/eww/scripts/hyprview.sh
new file mode 100755
index 000000000..d28d2b059
--- /dev/null
+++ b/novelknock/.config/eww/scripts/hyprview.sh
@@ -0,0 +1,9 @@
+#!/usr/bin/bash
+
+if [[ "$1" == "--close" ]]; then
+    hyprctl keyword monitor eDP-1,1920x1080@60,0x0,1
+    hyprctl keyword monitor eDP-1,addreserved,61,0,0,0
+else
+    hyprctl keyword monitor eDP-1,1920x1080@60,0x0,0.5
+    hyprctl keyword monitor eDP-1,addreserved,533,600,960,960
+fi
diff --git a/novelknock/.config/eww/scripts/iconpatch b/novelknock/.config/eww/scripts/iconpatch
new file mode 100755
index 000000000..542f4c164
--- /dev/null
+++ b/novelknock/.config/eww/scripts/iconpatch
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+appname=$1
+
+if [[ "$1" == "code-url-handler" ]];then
+  echo 'code'
+elif [[ "$1" == "gnome-tweaks" ]];then
+  echo 'org.gnome.tweaks'
+elif [[ "$1" == "org."* ]];then
+  appname="${appname#*.}"
+  appname="${appname#*.}"
+  echo $appname
+fi
+
diff --git a/novelknock/.config/eww/scripts/isopen.sh b/novelknock/.config/eww/scripts/isopen.sh
new file mode 100755
index 000000000..03075a619
--- /dev/null
+++ b/novelknock/.config/eww/scripts/isopen.sh
@@ -0,0 +1,12 @@
+#!/bin/sh
+
+getopen(){
+  ans=$(eww windows | grep -e "$1")
+  if [ "${ans:0:1}" == "*" ]; then
+    echo "true"
+  else 
+    echo "false"
+  fi
+}
+
+getopen $1
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/language.cpp b/novelknock/.config/eww/scripts/language.cpp
new file mode 100755
index 000000000..ce643cb50
--- /dev/null
+++ b/novelknock/.config/eww/scripts/language.cpp
@@ -0,0 +1,99 @@
+#include <unistd.h>
+
+#include <array>
+#include <chrono>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+#include <thread>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+
+#define SLEEP_SECONDS 5
+
+using namespace std;
+using json = nlohmann::json;
+
+string fileContents, currentLang;
+json languages;
+
+string readIfExists(const string& name) {
+    ifstream f(name.c_str());
+    stringstream buffer;
+    if (f) {                  // check if the file was opened successfully
+        buffer << f.rdbuf();  // read the whole file into a string stream
+        f.close();            // close the file when done
+    }
+    return buffer.str();  // return the string stream as a string
+}
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+void switchLang(const json& langJson) {
+    string cmd;
+    cmd = "ibus engine " + string(langJson["name_ibus"]);
+    exec(&cmd[0]);
+    cmd = "eww update lang_ibus='" + string(langJson.dump()) + "'";
+    exec(&cmd[0]);
+}
+
+void cycleLang() {
+    for (int i = 0; i < languages.size(); i++) {
+        json lang = languages[i];
+        if (string(lang["name_ibus"]) == currentLang) {
+            json toSwitchTo = languages[(i + 1) % int(languages.size())];
+            switchLang(toSwitchTo);
+        }
+    }
+}
+
+void getCurrentLang() {
+    for (json lang : languages) {
+        if (string(lang["name_ibus"]) == currentLang) {
+            cout << lang << '\n';
+            break;
+        }
+    }
+}
+
+int main(int argc, char* argv[]) {
+    // Change workdir
+    string workdir = string(getenv("HOME")) + "/.config/eww";
+    chdir(&workdir[0]);
+    // Get lang list, current lang
+    fileContents = readIfExists("json/langs.json");
+    languages = json::parse(fileContents);
+    currentLang = exec("ibus engine");
+    currentLang.pop_back();  // Remove trailing newline
+    // Cycle?
+    if (argc > 1 && string(argv[1]) == "--cycle") {
+        cycleLang();
+        return 0;
+    }
+    if (argc > 2 && string(argv[1]) == "--switch") {
+        switchLang(json::parse(string(argv[2])));
+        return 0;
+    }
+
+    cout << "{\"name\":\"English (United "
+            "States)\",\"name_abbr\":\"ENG\",\"name_ibus\":\"xkb:us::eng\"}\n";
+    while (true) {
+        getCurrentLang();
+        sleep(5);
+    }
+}
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/launchapp b/novelknock/.config/eww/scripts/launchapp
new file mode 100755
index 000000000..1a5ac84b6
--- /dev/null
+++ b/novelknock/.config/eww/scripts/launchapp
@@ -0,0 +1,48 @@
+#!/usr/bin/bash
+
+~/.config/eww/scripts/toggle-powerview.sh --close &
+
+if [[ "$1" == ">"* ]]; then
+    args=( $1 )
+    if [[ "${args[0]}" == ">music" ]]; then
+        scripts/colormanage get
+    elif [[ "${args[0]}" == ">load" ]]; then
+        scripts/colormanage load "${args[1]}"
+    elif [[ "${args[0]}" == ">save" ]]; then
+        scripts/colormanage save "${args[1]}"
+    elif [[ "${args[0]}" == ">swr" ]]; then # basic rice switching
+        ~/.local/bin/switchrice.sh "${args[1]}" "${args[2]}"
+    elif [[ "${args[0]}" == ">light" ]]; then
+        scripts/togglelight light
+    elif [[ "${args[0]}" == ">dark" ]]; then
+        scripts/togglelight dark
+    elif [[ "${args[0]}" == ">multi" ]]; then
+        echo -n 'multi' > 'scripts/workdir/__mode_colors.txt'
+    elif [[ "${args[0]}" == ">one" ]]; then
+        echo -n 'one' > 'scripts/workdir/__mode_colors.txt'
+    elif [[ "${args[0]}" == ">wall" ]]; then
+        scripts/colorgen 'images/wallpaper/wallpaper' '[Local wallpaper]' ''
+        scripts/colormanage get
+    elif [[ "${args[0]}" == ">segs" ]]; then
+        eww update waifu="$(python3 scripts/waifu-get.py --segs ero)"
+    elif [[ "${args[0]}" == ">uwu" ]]; then
+        eww update waifu="$(python3 scripts/waifu-get.py)"
+    elif [[ "${args[0]}" == ">r" ]]; then
+        pkill eww && eww daemon && eww open bar &
+    elif [[ "${args[0]}" == ">todo" ]]; then
+        scripts/todo add "${1#*>todo }"
+        eww update todolist="$(cat json/todo.json | gojq -c -M)"
+    elif [[ "${args[0]}" == ">raw" ]]; then
+        hyprctl keyword input:force_no_accel $(( 1 - $(hyprctl getoption input:force_no_accel -j | gojq '.int') ))
+    else
+        # notify-send 'eww' 'Invalid command!'
+        false
+    fi
+else 
+    cd ~
+    app=$1
+    eval "${app%\%*}" &
+    pkill launchapp
+fi
+
+
diff --git a/novelknock/.config/eww/scripts/limitlen.py b/novelknock/.config/eww/scripts/limitlen.py
new file mode 100755
index 000000000..20ed07a8d
--- /dev/null
+++ b/novelknock/.config/eww/scripts/limitlen.py
@@ -0,0 +1,26 @@
+#!/bin/python3
+import sys
+
+def limit_length(s, newlength):
+    # Use len() function to get number of characters in s
+    char_count = 0
+    newstr = ''
+    # Use unicodedata.east_asian_width() function to check for double-width characters
+    import unicodedata
+    for c in s:
+        char_count += 1
+        if unicodedata.east_asian_width(c) == 'W':
+            char_count += 1
+        if char_count <= newlength:
+            newstr += c
+        else:
+            newstr = newstr + '...'
+            break
+    # Add double-width count to character count to get display length
+    return newstr
+
+original = sys.argv[1]
+newlen = int(sys.argv[2])
+newstr = limit_length(original, newlen)
+
+print(newstr)
diff --git a/novelknock/.config/eww/scripts/listentries.py b/novelknock/.config/eww/scripts/listentries.py
new file mode 100755
index 000000000..2e69e917b
--- /dev/null
+++ b/novelknock/.config/eww/scripts/listentries.py
@@ -0,0 +1,71 @@
+#!/usr/bin/python3
+
+import desktop_entry_lib
+import os
+import json
+import subprocess
+
+full_output = {}
+
+def read(target_file) -> None:
+    entry = desktop_entry_lib.DesktopEntry.from_file(target_file)
+
+    print("Name: " + str(entry.Name.default_text))
+    print("Comment: " + str(entry.Comment.default_text))
+    print("Exec: " + str(entry.Exec))
+
+
+def getProperties(target_file) -> None:
+    entry = desktop_entry_lib.DesktopEntry.from_file(target_file)
+
+    # iconcmd = "/usr/bin/geticons " + str(entry.Icon)
+    # iconcmd = "/usr/bin/geticons"
+    # iconpath = str(subprocess.check_output(str(iconcmd), shell=True))
+    dirs = target_file.split('/')
+    entryname = dirs[-1]
+
+    # return
+    props = {
+        "name": str(entry.Name.default_text),
+        # "icon": str(entry.Icon),
+        "exec": str('gtk-launch ' + entryname)
+    }
+    return props
+
+
+if __name__ == "__main__":
+    entryFile = open("scripts/cache/entries.txt", "w")
+    # Get files
+    entries = list(str(s) for s in os.listdir("/usr/share/applications"))
+    entries_flatpak = list(str(s) for s in os.listdir("/var/lib/flatpak/exports/share/applications"))
+    entries_local = list(str('../../.local/share/applications/' + s) for s in os.listdir("../../.local/share/applications/"))
+    
+    for app in entries:
+        alreadythere = False
+        for localized in entries_local:
+            if app in localized:
+                alreadythere = True
+
+        if not(alreadythere):
+            entries_local.append(str('/usr/share/applications/'+app))
+
+    for app in entries_flatpak:
+        alreadythere = False
+        for localized in entries_local:
+            if app in localized:
+                alreadythere = True
+
+        if not(alreadythere):
+            entries_local.append(str('/var/lib/flatpak/exports/share/applications/'+app))
+
+    # Get properties
+    for app in entries_local:
+        if app.find('.desktop') == -1: # Skip files that aren't desktop entries
+            continue
+        this_entry = getProperties(app)
+
+        full_output[this_entry['name']] = (this_entry)
+
+        # output=json.dumps(this_entry)
+        # print(output)
+    entryFile.write(json.dumps(full_output))
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/listentrynames.py b/novelknock/.config/eww/scripts/listentrynames.py
new file mode 100755
index 000000000..99ae84a22
--- /dev/null
+++ b/novelknock/.config/eww/scripts/listentrynames.py
@@ -0,0 +1,63 @@
+#!/usr/bin/python3
+
+import desktop_entry_lib
+import os
+import json
+# from fuzzysearch import find_near_matches
+
+def read(target_file) -> None:
+    entry = desktop_entry_lib.DesktopEntry.from_file(target_file)
+
+    print("Name: " + str(entry.Name.default_text))
+    print("Comment: " + str(entry.Comment.default_text))
+    print("Exec: " + str(entry.Exec))
+
+
+def getProperties(target_file) -> None:
+    entry = desktop_entry_lib.DesktopEntry.from_file(target_file)
+
+    # return
+    props = {
+        "name": str(entry.Name.default_text),
+        "comment": str(entry.Comment.default_text),
+        "exec": str(entry.Exec),
+        "icon": str(entry.Icon)
+    }
+    return props
+
+
+if __name__ == "__main__":
+    entryFile = open("scripts/cache/entrynames.txt", "w")
+    # Get files
+    entries = list(str(s) for s in os.listdir("/usr/share/applications"))
+    entries_flatpak = list(str(s) for s in os.listdir("/var/lib/flatpak/exports/share/applications"))
+    entries_local = list(str('../../.local/share/applications/' + s) for s in os.listdir("../../.local/share/applications/"))
+    
+    for app in entries:
+        alreadythere = False
+        for localized in entries_local:
+            if app in localized:
+                alreadythere = True
+
+        if not(alreadythere):
+            entries_local.append(str('/usr/share/applications/'+app))
+            
+    for app in entries_flatpak:
+        alreadythere = False
+        for localized in entries_local:
+            if app in localized:
+                alreadythere = True
+
+        if not(alreadythere):
+            entries_local.append(str('/var/lib/flatpak/exports/share/applications/'+app))
+
+    # Get properties
+    for app in entries_local:
+        if app.find('.desktop') == -1: # Skip files that aren't desktop entries
+            continue
+
+        thisEntry = getProperties(app)
+
+        entryFile.write(thisEntry['name'])
+        entryFile.write('\n')
+
diff --git a/novelknock/.config/eww/scripts/material_colors.py b/novelknock/.config/eww/scripts/material_colors.py
new file mode 100755
index 000000000..6823412ce
--- /dev/null
+++ b/novelknock/.config/eww/scripts/material_colors.py
@@ -0,0 +1,87 @@
+#!/bin/python3
+from material_color_utilities_python import *
+from pathlib import Path
+import sys
+
+img = 0
+newtheme=0
+if len(sys.argv) > 1 and sys.argv[1] == '--path':
+    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)
+elif len(sys.argv) > 1 and sys.argv[1] == '--color':
+    colorstr = sys.argv[2]
+    newtheme = themeFromSourceColor(argbFromHex(colorstr))
+else:
+    img = Image.open(str(Path.home())+'/.config/eww/images/wallpaper/wallpaper')
+    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)
+
+colorscheme=0
+if("-l" in sys.argv):
+    colorscheme = newtheme.get('schemes').get('light')
+else:
+    colorscheme = newtheme.get('schemes').get('dark')
+
+primary = colorscheme.get_primary()
+onPrimary = colorscheme.get_onPrimary()
+primaryContainer = colorscheme.get_primaryContainer()
+onPrimaryContainer = colorscheme.get_onPrimaryContainer()
+secondary = colorscheme.get_secondary()
+onSecondary = colorscheme.get_onSecondary()
+secondaryContainer = colorscheme.get_secondaryContainer()
+onSecondaryContainer = colorscheme.get_onSecondaryContainer()
+tertiary = colorscheme.get_tertiary()
+onTertiary = colorscheme.get_onTertiary()
+tertiaryContainer = colorscheme.get_tertiaryContainer()
+onTertiaryContainer = colorscheme.get_onTertiaryContainer()
+error = colorscheme.get_error()
+onError = colorscheme.get_onError()
+errorContainer = colorscheme.get_errorContainer()
+onErrorContainer = colorscheme.get_onErrorContainer()
+background = colorscheme.get_background()
+onBackground = colorscheme.get_onBackground()
+surface = colorscheme.get_surface()
+onSurface = colorscheme.get_onSurface()
+surfaceVariant = colorscheme.get_surfaceVariant()
+onSurfaceVariant = colorscheme.get_onSurfaceVariant()
+outline = colorscheme.get_outline()
+shadow = colorscheme.get_shadow()
+inverseSurface = colorscheme.get_inverseSurface()
+inverseOnSurface = colorscheme.get_inverseOnSurface()
+inversePrimary = colorscheme.get_inversePrimary()
+
+
+print('$primary: ' + hexFromArgb(primary) + ';')
+print('$onPrimary: ' + hexFromArgb(onPrimary) + ';')
+print('$primaryContainer: ' + hexFromArgb(primaryContainer) + ';')
+print('$onPrimaryContainer: ' + hexFromArgb(onPrimaryContainer) + ';')
+print('$secondary: ' + hexFromArgb(secondary) + ';')
+print('$onSecondary: ' + hexFromArgb(onSecondary) + ';')
+print('$secondaryContainer: ' + hexFromArgb(secondaryContainer) + ';')
+print('$onSecondaryContainer: ' + hexFromArgb(onSecondaryContainer) + ';')
+print('$tertiary: ' + hexFromArgb(tertiary) + ';')
+print('$onTertiary: ' + hexFromArgb(onTertiary) + ';')
+print('$tertiaryContainer: ' + hexFromArgb(tertiaryContainer) + ';')
+print('$onTertiaryContainer: ' + hexFromArgb(onTertiaryContainer) + ';')
+print('$error: ' + hexFromArgb(error) + ';')
+print('$onError: ' + hexFromArgb(onError) + ';')
+print('$errorContainer: ' + hexFromArgb(errorContainer) + ';')
+print('$onErrorContainer: ' + hexFromArgb(onErrorContainer) + ';')
+print('$colorbarbg: ' + hexFromArgb(background) + ';')
+print('$onBackground: ' + hexFromArgb(onBackground) + ';')
+print('$surface: ' + hexFromArgb(surface) + ';')
+print('$onSurface: ' + hexFromArgb(onSurface) + ';')
+print('$surfaceVariant: ' + hexFromArgb(surfaceVariant) + ';')
+print('$onSurfaceVariant: ' + hexFromArgb(onSurfaceVariant) + ';')
+print('$outline: ' + hexFromArgb(outline) + ';')
+print('$shadow: ' + hexFromArgb(shadow) + ';')
+print('$inverseSurface: ' + hexFromArgb(inverseSurface) + ';')
+print('$inverseOnSurface: ' + hexFromArgb(inverseOnSurface) + ';')
+print('$inversePrimary: ' + hexFromArgb(inversePrimary) + ';')
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/mcover_rgba.py b/novelknock/.config/eww/scripts/mcover_rgba.py
new file mode 100644
index 000000000..2b0e2edc2
--- /dev/null
+++ b/novelknock/.config/eww/scripts/mcover_rgba.py
@@ -0,0 +1,14 @@
+# read a hex from args and convert to rgba
+# usage: python mcover_rgba.py #000000
+# output: rgba(0, 0, 0, 0.5) // auto 0.5 opacity
+
+import sys
+
+hex = sys.argv[1]
+hex = hex.lstrip('#')
+
+r = int(hex[0:2], 16)
+g = int(hex[2:4], 16)
+b = int(hex[4:6], 16)
+
+print('rgba(' + str(r) + ', ' + str(g) + ', ' + str(b) + ', 0.5)')
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/memory b/novelknock/.config/eww/scripts/memory
new file mode 100755
index 000000000..cbff941fa
--- /dev/null
+++ b/novelknock/.config/eww/scripts/memory
@@ -0,0 +1,30 @@
+#!/usr/bin/env bash
+
+while true; do    
+  # human-readable
+  freeH=$(free -h --si | rg "Mem:")
+  swapfreeH=$(free -h --si | rg "Swap:")
+  # non-human-readable
+  freeN=$(free --mega | rg "Mem:")
+  swapfreeN=$(free --mega | rg "Swap:")
+
+  total="$(echo "$freeH" | awk '{ print $2 }')"
+  used="$(echo "$freeH" | awk '{ print $3 }')"
+  t="$(echo "$freeN" | awk '{ print $2 }')"
+  u="$(echo "$freeN" | awk '{ print $3 }')"
+
+  swaptotal="$(echo "$swapfreeH" | awk '{ print $2 }')"
+  swapused="$(echo "$swapfreeH" | awk '{ print $3 }')"
+  swapt="$(echo "$swapfreeN" | awk '{ print $2 }')"
+  swapu="$(echo "$swapfreeN" | awk '{ print $3 }')"
+
+  free=$(printf '%.1fG' "$(bc -l <<< "($t - $u) / 1000")")
+  perc=$(printf '%.1f' "$(free -m | rg Mem | awk '{print ($3/$2)*100}')")
+
+  swapfree=$(printf '%.1fG' "$(bc -l <<< "($swapt - $swapu) / 1000")")
+  swapperc=$(printf '%.1f' "$(free -m | rg Swap | awk '{print ($2!=0) ? ($3/$2)*100 : 0}')")
+
+  echo '{ "total": "'"$total"'", "used": "'"$used"'", "free": "'"$free"'", "swaptotal": "'"$swaptotal"'", "swapused": "'"$swapused"'", "swappercentage": '"$swapperc"', "swapfree": "'"$swapfree"'", "percentage": '"$perc"' }'
+
+  sleep 3
+done
diff --git a/novelknock/.config/eww/scripts/mousetrack.cpp b/novelknock/.config/eww/scripts/mousetrack.cpp
new file mode 100755
index 000000000..f8c5df702
--- /dev/null
+++ b/novelknock/.config/eww/scripts/mousetrack.cpp
@@ -0,0 +1,52 @@
+#include <boost/iostreams/device/file_descriptor.hpp>
+#include <boost/iostreams/stream.hpp>
+#include <cstdio>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+using namespace std;
+
+void cavaToJson(std::string& s) {
+    for(int i = 0; i < s.size(); i++){
+        if(s[i] == ';') s[i] = ',';
+    }
+    s.pop_back();
+}
+
+void cursorPosToJson(std::string& s) {
+    for(int i = 0; i < s.size(); i++){
+        if(s[i] == ';') s[i] = ',';
+    }
+    s.pop_back();
+}
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+int main()
+{
+    std::unique_ptr<FILE, decltype(&pclose)> pipe(popen("cava -p ~/.config/eww/scripts/custom_configs/cava", "r"), pclose);
+    if (!pipe) {
+        throw std::runtime_error("popen() failed!");
+    }
+    boost::iostreams::file_descriptor_source fd(fileno(pipe.get()), boost::iostreams::never_close_handle);
+    boost::iostreams::stream<boost::iostreams::file_descriptor_source> is(fd);
+    std::string line;
+    while (std::getline(is, line)) {
+        string st = exec("hyprctl cursorpos");
+        st.pop_back();
+        cout << '[' << st << ']' << endl;
+    }
+    return 0;
+}
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/music b/novelknock/.config/eww/scripts/music
new file mode 100755
index 000000000..1c63da9a5
--- /dev/null
+++ b/novelknock/.config/eww/scripts/music
@@ -0,0 +1,176 @@
+#!/usr/bin/env bash
+
+prevtitle=''
+prevartist=''
+
+get_status() {
+	s=$1
+	if [ "$s" = "Playing" ]; then
+		echo ""
+	else
+		echo ""
+	fi
+}
+
+get_length_sec() {
+	len=$1
+	if [ -z "$len" ]; then
+		echo 0
+	else
+		bc <<< "$len / 1000000"
+	fi
+}
+
+get_length_time() {
+	len=$1
+	if [ -n "$len" ]; then
+		len=$(bc <<< "$len / 1000000 + 1")
+		date -d@"$len" +%M:%S
+	else
+		echo ""
+	fi
+}
+
+get_position() {
+	pos=$1
+	len=$2
+	if [ -n "$pos" ]; then
+		bc -l <<< "$pos / $len * 100"
+	else
+		echo 0
+	fi
+}
+
+get_position_time() {
+	pos=$1
+	if [ -n "$pos" ]; then
+		date -d@"$(bc <<< "$pos / 1000000")" +%M:%S
+	else
+		echo ""
+	fi
+}
+
+get_cover() {
+	# COVER_URL=$1
+	mkdir -p "eww_covers"
+	cd "eww_covers" || exit
+
+	IMGPATH="cover_art"
+	echo '{"image": "null", "color": {"alpha":"100","colors":{"color0":"null","color1":"null","color10":"null","color11":"null","color12":"null","color13":"null","color14":"null","color15":"null","color2":"null","color3":"null","color4":"null","color5":"null","color6":"null","color7":"null","color8":"null","color9":"null"},"special":{"background":"null","cursor":"null","foreground":"null"},"wallpaper":"~/.config/eww/eww_covers/cover_art","source":"󱛟"},"materialcolor":{"onPrimary":"null","onPrimaryContainer":"null","onSecondaryContainer":"null","primary":"null","primaryContainer":"null","secondaryContainer":"null", "secondaryContainerRgba":"null"}}'
+	# echo '{"image": "eww_covers/cover_art_default","source":"󱛟"}}'
+
+	playerctl -F metadata mpris:artUrl 2>/dev/null | while read -r COVER_URL; do
+		music_source='󰐍'
+		COVER_URL=${COVER_URL//blob:/}
+		COVER_URL=${COVER_URL//file:\/\//}
+		COVER_URL=${COVER_URL//%20/ }
+		if [[ "$COVER_URL" = *"https"* ]]; then
+			music_source='󰖟'
+			coverurl="$(playerctl metadata mpris:artUrl)"
+			coverurl_highres_yt="$(echo $coverurl | sed 's/hqdefault/maxresdefault/g')"
+			coverurl_highres_soundcloud="$(echo $coverurl | sed 's/80x80/500x500/g')"
+			# SoundCloud
+			if [[ "$coverurl" == *"sndcdn"* ]]; then
+				music_source='󰓀'
+				curl --silent --output "$IMGPATH""_soundcloud" "$coverurl_highres_soundcloud" -q –read-timeout=0.1
+				cp "$IMGPATH""_soundcloud" "$IMGPATH"
+				imgsize=$(echo $(du -b ~/.config/eww/eww_covers/cover_art | tr '\t' '\n' | grep -v 'cover_art'))	
+			# Youtube
+			elif [[ "$coverurl" == *"ytimg"* ]]; then
+				music_source='󰗃'
+				curl --silent --output "$IMGPATH""_yt" "$coverurl_highres_yt" -q –read-timeout=0.1
+				cp "$IMGPATH""_yt" "$IMGPATH"
+				imgsize=$(echo $(du -b ~/.config/eww/eww_covers/cover_art | tr '\t' '\n' | grep -v 'cover_art'))
+			# Likely YT Music
+			elif [[ "$coverurl" == *"googleusercontent"* ]]; then
+				music_source=''
+				curl --silent --output "$IMGPATH""_other" "$coverurl" -q –read-timeout=0.1
+				cp "$IMGPATH""_other" "$IMGPATH"
+				imgsize=$(echo $(du -b ~/.config/eww/eww_covers/cover_art | tr '\t' '\n' | grep -v 'cover_art'))
+			elif [[ "$coverurl" == *"spotify"* ]]; then
+				music_source='󰓇'
+				curl --silent --output "$IMGPATH""_other" "$coverurl" -q –read-timeout=0.1
+				cp "$IMGPATH""_other" "$IMGPATH"
+				imgsize=$(echo $(du -b ~/.config/eww/eww_covers/cover_art | tr '\t' '\n' | grep -v 'cover_art'))
+			# Any other
+			else
+				curl --silent --output "$IMGPATH""_other" "$coverurl" -q –read-timeout=0.1
+				cp "$IMGPATH""_other" "$IMGPATH"
+				imgsize=$(echo $(du -b ~/.config/eww/eww_covers/cover_art | tr '\t' '\n' | grep -v 'cover_art'))
+			fi
+			# Fallback
+			if [ "$imgsize" == "0" ] || [ ! "$(diff ~/.config/eww/eww_covers/cover_art ~/.config/eww/eww_covers/cover_art_error)" ]; then
+				curl --silent --output "$IMGPATH""_lowres" "$coverurl" -q –read-timeout=0.1
+				cp "$IMGPATH""_lowres" "$IMGPATH"
+			fi
+
+			#Generate colors
+			cd ..
+			scripts/colorgen 'eww_covers/'$IMGPATH $coverurl "$music_source"
+			cd "eww_covers"
+		elif [ "$COVER_URL" = "" ]; then
+		    echo '{"image": "", "color": "$bg"}'
+		else
+			music_source='󱛟'
+			cp "$COVER_URL"  "$IMGPATH"
+			
+			cd ..
+			scripts/colorgen '"eww_covers/'$IMGPATH'"' $coverurl "$music_source"
+			cd "eww_covers"
+		fi
+	done
+}
+
+# SANITIZE FIX
+sanitize() {
+	echo "$1" | sed 's/"/\"/g'
+}
+
+if [ "$1" = "cover" ]; then
+	get_cover
+elif [ "$1" == "name" ]; then
+	lentolimit=41
+    if [ "$2" != "" ]; then
+		lentolimit=$2
+	fi
+	echo '{"artist": "", "title": ""}'
+	playerctl -F metadata -f '{{title}}\{{artist}}\' 2>/dev/null | while IFS="$(printf '\\')" read -r title artist; do
+	
+		if [[ "$title" == *" - YouTube"* && "$artist" == "" ]]; then
+			continue
+		elif [[ "$title" == *"YouTube Music" && "$artist" == "" ]]; then
+			continue
+		fi
+		title=$(scripts/limitlen.py "$title" "$lentolimit")
+		artist=$(scripts/limitlen.py "$artist" "$lentolimit")
+		
+		gojq --null-input -r -c \
+			--arg artist "$(sanitize "$artist")" \
+			--arg title "$(sanitize "$title")" \
+			'{"artist": $artist, "title": $title}'
+		
+	done
+else
+	echo '{"artist": "", "title": "", "status": "", "position": "", "position_time": "", "length": ""}'
+	playerctl -F metadata -f '{{title}}\{{artist}}\{{status}}\{{position}}\' 2>/dev/null | while IFS="$(printf '\\')" read -r title artist status position; do
+	
+		if [[ "$title" == *" - YouTube" && "$artist" == "" ]]; then
+			continue
+		elif [[ "$title" == *"YouTube Music" && "$artist" == "" ]]; then
+			continue
+		fi
+		len=$(playerctl metadata mpris:length)
+		title=$(scripts/limitlen.py "$title" 40)
+		artist=$(scripts/limitlen.py "$artist" 40)
+
+		gojq --null-input -r -c \
+			--arg artist "$(sanitize "$artist")" \
+			--arg title "$(sanitize "$title")" \
+			--arg status "$(get_status "$status")" \
+			--arg pos "$(get_position "$position" "$len")" \
+			--arg pos_time "$(get_position_time "$position")" \
+			--arg length "$(get_length_time "$len")" \
+			'{"artist": $artist, "title": $title, "status": $status, "position": $pos, "position_time": $pos_time, "length": $length}'
+		
+	done
+fi
diff --git a/novelknock/.config/eww/scripts/net b/novelknock/.config/eww/scripts/net
new file mode 100755
index 000000000..165d54dc3
--- /dev/null
+++ b/novelknock/.config/eww/scripts/net
@@ -0,0 +1,40 @@
+#!/usr/bin/env bash
+
+toggle() {
+  status=$(rfkill -J | gojq -r '.rfkilldevices[] | select(.type == "wlan") | .soft' | head -1)
+
+  if [ "$status" = "unblocked" ]; then
+    rfkill block wlan
+  else
+    rfkill unblock wlan
+  fi
+}
+
+if [ "$1" = "toggle" ]; then
+  toggle
+else
+  while true; do
+    status=$(nmcli g | tail -n 1 | awk '{print $1}')
+    signal=$(nmcli -f in-use,signal dev wifi | rg "\*" | awk '{ print $2 }')
+    essid=$(nmcli -t -f NAME connection show --active | head -n1 | sed 's/\"/\\"/g')
+
+    icons=("" "" "" "" "")
+
+    if [ "$status" = "disconnected" ] ; then
+      icon=""
+      color="#988ba2"
+    else
+      level=$(awk -v n="$signal" 'BEGIN{print int((n-1)/20)}')
+      if [ "$level" -gt 4 ]; then
+        level=4
+      fi
+
+      icon=${icons[$level]}
+      color="#cba6f7"
+    fi
+
+    echo '{ "essid": "'"$essid"'", "icon": "'"$icon"'", "color": "'"$color"'", "level": "'"$level"'" }'
+
+    sleep 4
+  done
+fi
diff --git a/novelknock/.config/eww/scripts/notifget.cpp b/novelknock/.config/eww/scripts/notifget.cpp
new file mode 100755
index 000000000..1e6a14c02
--- /dev/null
+++ b/novelknock/.config/eww/scripts/notifget.cpp
@@ -0,0 +1,98 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+string dunstOutput;
+json allNotifs, notifApps;
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+// Function to check if file exists, if yes read it
+string readIfExists(const string& name) {
+    ifstream f(name.c_str());
+    stringstream buffer;
+    if (f) {                  // check if the file was opened successfully
+        buffer << f.rdbuf();  // read the whole file into a string stream
+        f.close();            // close the file when done
+    }
+    return buffer.str();  // return the string stream as a string
+}
+
+void writeToFile(const string& name, const string& content) {
+    ofstream f(name.c_str(), ios::app);  // open the file in append mode
+    if (f) {                   // check if the file was opened successfully
+        f << content << "\n";  // write the content to the file
+        f.close();             // close the file when done
+    } else {
+        cerr << "Error: could not open " << name
+             << "\n";  // print an error message to the standard error
+    }
+}
+
+inline void getDunstNotifs() {
+    dunstOutput = exec("dunstctl history | gojq -c -M");
+    allNotifs = json::parse(dunstOutput)["data"][0];
+}
+
+void addNotif(const json& newNotification) {
+    notifApps["count"] = int(notifApps["count"]) + 1;
+    bool found = false;
+    for (json& existingApp : notifApps["data"]) {
+        auto it = existingApp.find("name");
+        if (it != existingApp.end() &&
+            *it == newNotification["appname"]["data"]) {
+            found = true;
+            existingApp["count"] = int(existingApp["count"]) + 1;
+            existingApp["content"].push_back(
+                json::array({newNotification["summary"]["data"],
+                             newNotification["body"]["data"]}));
+            break;
+        }
+    }
+    // Not found? A new app it is
+    if (!found) {
+        json newApp = R"({"name": "", "count": 1, "content": []})"_json;
+        newApp["name"] = string(newNotification["appname"]["data"]);
+        newApp["content"].push_back(
+            json::array({newNotification["summary"]["data"],
+                         newNotification["body"]["data"]}));
+
+        notifApps["data"].push_back(newApp);
+    }
+}
+
+inline void groupNotifs() {
+    for (json notification : allNotifs) {
+        addNotif(notification);
+    }
+}
+
+int main() {
+    // ios::sync_with_stdio(false);
+    notifApps["data"] = json::array();
+    notifApps["count"] = 0;
+
+    getDunstNotifs();
+    groupNotifs();
+    cout << notifApps << '\n';
+}
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/notification-on-receive.sh b/novelknock/.config/eww/scripts/notification-on-receive.sh
new file mode 100755
index 000000000..b7cb400b6
--- /dev/null
+++ b/novelknock/.config/eww/scripts/notification-on-receive.sh
@@ -0,0 +1,7 @@
+#!/usr/bin/bash
+
+eww update dynamicright_module_page=2
+eww update flash_notif=true
+sleep 4
+eww update dynamicright_module_page=1
+eww update flash_notif=false
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/notifications b/novelknock/.config/eww/scripts/notifications
new file mode 100755
index 000000000..cea3b5c76
--- /dev/null
+++ b/novelknock/.config/eww/scripts/notifications
@@ -0,0 +1,91 @@
+#!/usr/bin/env bash
+
+tmp=scripts/cache/dunst-history.json
+lock="scripts/cache/dunst-toggle.lock"
+lockinfo="scripts/cache/dunst-lock-info"
+
+touch $lockinfo
+
+declare ids
+export toggle_icon=""
+
+sanitize() {
+  retstr=$(echo $1 | sed 's/\\\\/\\\\\\\\/g' | sed 's/"/\\"/g')
+
+  # echo "original: $1"
+  echo "$retstr"
+  # echo 'sanitized'
+}
+
+get_ids() {
+  mapfile -t ids < <(dunstctl history | gojq -r ".data[] | .[] | select(.appname.data != \"Spotify\") | .id.data")
+}
+
+get_notif() {
+  echo -n '['
+
+  for id in "${ids[@]}"; do
+      mapfile -t n < <(gojq -r ".data[] | .[] | select(.id.data == $id) | .appname.data, .summary.data, .body.data" "$tmp" | sed -r '/^\s*$/d' | sed -e 's/\%/ percent/g')
+      ohkay=$(sanitize "${n[1]}")
+      # echo $ohkay
+      echo -n ''$([ $id -eq ${ids[0]} ] || echo ,)' { '
+      echo -n '"id": "'"$id"'", "appname": "'"${n[0]}"'", "summary": "'"$ohkay"'", "body": "'"${n[2]}"'"'
+      echo -n '}' 
+  done
+
+  echo ']'
+}
+
+toggle() {
+  dunstctl set-paused toggle
+
+  if [ ! -f "$lock" ]; then
+    export toggle_icon=""
+    touch "$lock"
+  else
+    export toggle_icon=""
+    rm "$lock"
+  fi
+
+  echo "icon_change" > $lockinfo
+}
+
+clear() {
+  dunstctl history-clear
+  echo "icon_change" > $lockinfo
+}
+
+get_icon() {
+  if [ ${#ids[@]} -eq 0 ]; then
+    echo ""
+  else
+    echo ""
+  fi
+}
+
+if [ "$1" == "toggle" ]; then
+  toggle
+  dunstctl history > "$tmp"
+elif [ "$1" == "clear" ]; then
+  clear
+  dunstctl history > "$tmp"
+elif [ "$1" == "icons" ]; then
+  dunstctl history > "$tmp"
+  get_ids
+  is_paused=$(dunstctl is-paused)
+  echo '{"toggle_icon": "'"$toggle_icon"'", "paused": '$is_paused', "icon": "'"$(get_icon)"'"}'
+  tail -f "$lockinfo" | while read -r; do
+    get_ids
+    is_paused=$(dunstctl is-paused)
+    echo '{"toggle_icon": "'"$toggle_icon"'", "paused": '$is_paused', "icon": "'"$(get_icon)"'"}'
+  done
+else
+cd ~/.config/eww
+  dunstctl history > "$tmp"
+  get_ids
+  scripts/notifget
+  # tail -f "$tmp" 2>/dev/null | rg --line-buffered "aa\{sv\}" | while read -r; do
+  #   get_ids
+  #   scripts/notifget
+  # done
+fi
diff --git a/novelknock/.config/eww/scripts/open-blurred.sh b/novelknock/.config/eww/scripts/open-blurred.sh
new file mode 100755
index 000000000..81d2b27d9
--- /dev/null
+++ b/novelknock/.config/eww/scripts/open-blurred.sh
@@ -0,0 +1,9 @@
+#!/usr/bin/bash
+
+exit 0 # BLURS ARE FUCKING UNSTABLE AAAAAAA
+
+current_addresses=("$(hyprctl layers -j | jq -r '.[] | .levels | ."2" | .[] | select(.namespace == "gtk-layer-shell") | .address')")
+for current_address in ${current_addresses[@]}; do
+      hyprctl keyword layerrule "blur,address:$current_address"
+      hyprctl keyword layerrule "ignorezero,address:$current_address"
+done
diff --git a/novelknock/.config/eww/scripts/overview-thumbnails b/novelknock/.config/eww/scripts/overview-thumbnails
new file mode 100755
index 000000000..cfe8e7967
--- /dev/null
+++ b/novelknock/.config/eww/scripts/overview-thumbnails
@@ -0,0 +1,94 @@
+#!/usr/bin/bash
+dummy='{"thumbnail": null}'
+
+getwins() {
+  overviewopen=$(scripts/isopen.sh overview)
+  if [ "$overviewopen" == "true" ]; then
+    return 
+  fi
+
+  focusedws=$(hyprctl -j monitors | gojq -r '.[] | select(.focused == true) | .activeWorkspace.id')
+  hyprctlclients=$(hyprctl clients -j \
+    | grep -v '"xwayland": ' \
+    | grep -v '"grouped": ' \
+    | grep -v '"pid": ' \
+    | grep -v '"fullscreenMode": ' \
+    | grep -v '"monitor": ' \
+    | grep -v '"floating": ' \
+    | grep -v '"fullscreen": ' \
+    | grep -v '"pinned":') # | grep -v ""name":")
+  # echo '-=-=-=- final output -=-=-=-'
+  # echo "$toprint"
+  # echo $(echo "$hyprctlclients")  # Print on one line only
+
+  workspace=('[' '[' '[' '[' '[' '[' '[' '[' '[' '[')
+  workspacecnt=(1 1 1 1 1 1 1 1 1 1)
+  outputstring='{'
+
+  wsid=0
+
+  # echo $hyprctlclients | gojq -c '.[]'
+
+  IFS=$'\n'
+  clientsarr=( $(echo $hyprctlclients | gojq -c -M '.[]') )
+
+  #For every window
+  for client in "${clientsarr[@]}"; do
+    wsid=$(echo $client | gojq -c -M '.workspace.id')
+    ((wsid-=1))
+    if [[ "$wsid" == "-100" ]]; then 
+      continue
+    fi
+    if [[ "${workspacecnt[wsid]}" != "0" ]]; then 
+      workspace[wsid]+=","
+    fi
+
+    clientclass=$(echo $client | gojq -r '.class')
+    iconpath=''
+    thumbnailpath=''
+
+    # Get thumbnail
+    clientaddress=$(echo $client | gojq -r '.address')
+    atx=$(echo $client | gojq -c '.at[0]')
+    aty=$(echo $client | gojq -c '.at[1]')
+    sizex=$(echo $client | gojq -c '.size[0]')
+    sizey=$(echo $client | gojq -c '.size[1]')
+    if [ "$(( wsid + 1 ))" == "$focusedws" ]; then
+      grim -g "$atx,$aty ""$sizex"'x'"$sizey" "scripts/cache/thumbnails/$clientaddress.png" -q 1 -t png -l 9
+    fi
+
+    # If thumbnail available
+    if [ -f "scripts/cache/thumbnails/$clientaddress.png" ]; then
+      thumbnailpath="scripts/cache/thumbnails/$clientaddress.png"
+    fi
+
+    client="\"$clientaddress\": \"$thumbnailpath\","
+    outputstring+="$client"
+
+    # echo -n "Window: $clientclass"
+    # echo '; icon path: '"$iconpath"
+    
+
+    # echo "Count: ${workspacecnt[wsid]}"
+    # echo 'ADDED TO: workspace '"$wsid"
+    # echo ' --> '"${workspace[wsid]}"
+    ((workspacecnt[wsid]+=1))
+  done
+
+  outputstring=${outputstring::-1}
+  outputstring+='}'
+
+  # echo $outputstring
+}
+
+# Do stuff here
+getwins
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  while true; do
+    getwins
+    sleep 0.8
+  done
+fi
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/overview-wrapper b/novelknock/.config/eww/scripts/overview-wrapper
new file mode 100755
index 000000000..b48d0769a
--- /dev/null
+++ b/novelknock/.config/eww/scripts/overview-wrapper
@@ -0,0 +1,11 @@
+#!/usr/bin/bash
+
+scripts/overview "$1"
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | while read -r line; do
+    scripts/overview "$1"
+  done
+fi
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/overview-wrapper1 b/novelknock/.config/eww/scripts/overview-wrapper1
new file mode 100755
index 000000000..42cb0deab
--- /dev/null
+++ b/novelknock/.config/eww/scripts/overview-wrapper1
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+scripts/overview --row 1
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    # This sleep is necessary
+    # It prevents the script from being faster than hyprctl
+    sleep 0.025
+    scripts/overview --row 1
+  done
+fi
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/overview-wrapper2 b/novelknock/.config/eww/scripts/overview-wrapper2
new file mode 100755
index 000000000..22c648bd7
--- /dev/null
+++ b/novelknock/.config/eww/scripts/overview-wrapper2
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+scripts/overview --row 2
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    # This sleep is necessary
+    # It prevents the script from being faster than hyprctl
+    sleep 0.025
+    scripts/overview --row 2
+  done
+fi
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/overview.cpp b/novelknock/.config/eww/scripts/overview.cpp
new file mode 100755
index 000000000..8fa112779
--- /dev/null
+++ b/novelknock/.config/eww/scripts/overview.cpp
@@ -0,0 +1,105 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <regex>
+#include <stdexcept>
+#include <string>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+#define ROWS 2
+#define COLS 5
+
+string clients;
+json clientjson, apps;
+json workspaces;
+string workspaceInitTemplate =
+    "[{\"address\":\"_none\",\"at\":[0,0],\"class\":\"workspace\",\"size\":["
+    "1920,1080],\"title\":\"__WORKSPACE_ID\",\"workspace\":{\"id\":__WORKSPACE_"
+    "ID,\"name\":\"__WORKSPACE_ID\"}}]";
+vector<string> appnames;
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+void initWorkspaces() {
+    for (int i = 0; i < ROWS; i++) {
+        workspaces.push_back(json::array({})); // []
+        for (int j = 0; j < COLS; j++) {
+            int workspaceNum = i * COLS + j + 1;  // Note: Workspaces are 1-base
+            string workspaceInitString =
+                regex_replace(workspaceInitTemplate, regex("__WORKSPACE_ID"),
+                              to_string(workspaceNum));
+            json thisWorkspaceInit = json::parse(workspaceInitString);
+            workspaces[i].push_back(thisWorkspaceInit);
+        }
+    }
+}
+
+void addApp(json& client) {
+    // Calculate position in overview tile
+    int workspaceNum = int(client["workspace"]["id"]) - 1;  // 1-base to 0-base
+    if(workspaceNum < 0) return; //Skip scratchpads/specials, as they have negative ids
+    int i = workspaceNum / COLS, j = workspaceNum % COLS;
+
+    // New JSON for app
+    json newApp =
+        R"({"class": "", "workspace": {"id": 8, "name": "8"}, "title": "", "at": [0, 0], "size": [0, 0], "address": [], "icon": ""})"_json;
+    // Add normal stuff
+    newApp["class"] = client["class"];
+    newApp["address"] = client["address"];
+    newApp["workspace"] = client["workspace"];
+    newApp["title"] = client["title"];
+    newApp["at"] = client["at"];
+    newApp["size"] = client["size"];
+    // Icon path
+    if(string(client["class"]) == "") {
+        client["class"] = "dummy";
+    }
+    string filename = string("./scripts/cache/" + string(client["class"]));
+    std::ifstream ifs(filename);
+    std::string iconpath((std::istreambuf_iterator<char>(ifs)),
+                         (std::istreambuf_iterator<char>()));
+    while (iconpath.size() > 0 && *iconpath.rbegin() == '\n') iconpath.pop_back();  // Remove '\n'
+    newApp["icon"] = iconpath;
+
+    workspaces[i][j].push_back(newApp);
+}
+
+void getApps() {
+    // Get clients
+    clients = exec("hyprctl clients -j | gojq -c -M");
+    clientjson = json::parse(clients);
+
+    // Access the values
+    for (json client : clientjson) {
+        addApp(client);
+    }
+}
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+
+    initWorkspaces();
+    getApps();
+    if (argc == 2) cout << workspaces[0][stoi(argv[1]) - 1] << '\n';
+    if (argc == 3 && string(argv[1]) == "--row" && stoi(argv[2]) >= 1 && stoi(argv[2]) <= ROWS) {
+        cout << workspaces[stoi(argv[2]) - 1] << '\n';
+    } else
+        cout << workspaces << '\n';
+}
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/overview1 b/novelknock/.config/eww/scripts/overview1
new file mode 100755
index 000000000..8c1e4f34a
--- /dev/null
+++ b/novelknock/.config/eww/scripts/overview1
@@ -0,0 +1,129 @@
+#!/usr/bin/bash
+dummy='{"address":"_none","at":[0,0],"class":"workspace","size":[1920,1080],"title":"<___overview_workspace>","workspace":{"id":<___overview_workspace>, "name": "<___overview_workspace>"}}'
+
+getwins() {
+  hyprctlclients=$(hyprctl clients -j \
+    | grep -v '"mapped": ' \
+    | grep -v '"hidden": ' \
+    | grep -v '"floating": ' \
+    | grep -v '"monitor": ' \
+    | grep -v '"pid": ' \
+    | grep -v '"xwayland": ' \
+    | grep -v '"pinned":' \
+    | grep -v '"fullscreen": ' \
+    | grep -v '"fullscreenMode": ' \
+    | grep -v '"fakeFullscreen": ' \
+    | grep -v '"grouped": ')
+
+  workspace=('[' '[' '[' '[' '[' '[' '[' '[' '[' '[')
+  workspacecnt=(1 1 1 1 1 1 1 1 1 1)
+
+  wsid=0
+  for i in 0 1 2 3 4; do
+    workspace[i]+=$(echo $dummy | sed "s/<___overview_workspace>/$((i+1))/g")
+  done
+
+  # echo $hyprctlclients | gojq -c '.[]'
+
+  IFS=$'\n'
+  clientsarr=( $(echo $hyprctlclients | gojq -c -M '.[]') )
+
+  #For every window
+  for client in "${clientsarr[@]}"; do
+    wsid=$(echo $client | gojq -c -M '.workspace.id')
+    if [[ $wsid -gt 5 ]]; then
+      continue
+    fi
+    ((wsid-=1))
+    iconpath=''
+    clientclass=$(echo "$client" | gojq -r '.class')
+    if [[ "$clientclass" == "" ]]; then 
+      continue
+    fi
+    if [[ "$wsid" == "-100" ]]; then 
+      continue
+    fi
+    if [[ "${workspacecnt[wsid]}" != "0" ]]; then 
+      workspace[wsid]+=","
+    fi
+
+    # If thumbnail available
+    # if [ -f "scripts/cache/thumbnails/$clientaddress.png" ]; then
+    #   thumbnailpath="scripts/cache/thumbnails/$clientaddress.png"
+    # fi
+    
+    # Get app icon
+    if [ -f "scripts/cache/$clientclass" ]; then
+        iconpath=$(cat scripts/cache/$clientclass)
+        if [ ! -f "${iconpath}" ]; then # Cache refresh if icon doesnt exist
+            iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$clientclass" | head -n 1)
+            echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+    else
+        iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$clientclass" | head -n 1)
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+    fi
+    if [[ ${iconpath} == "" ]]; then
+      # Retry with lowercase if icon not found
+      iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") $(echo "$clientclass" | tr '[:upper:]' '[:lower:]' | sed 's/\ /-/g') | head -n 1)
+
+      if [[ ! ${iconpath} = "" ]]; then
+        rm "scripts/cache/$clientclass"
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+      else 
+        newname=$(scripts/iconpatch $clientclass)
+        iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$newname" | head -n 1)
+        if [[ ! ${iconpath} = "" ]]; then
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        else
+          # Fallback app icon, replace the path below to the fallback icon of your choice
+          # iconpath="/usr/share/icons/Win11-dark/mimes/48/application-x-executable.svg"
+          iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "application-x-executable" | head -n 1)
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+      fi
+    fi
+
+    client=${client::-1}
+    client+=",\"icon\": \"$iconpath\"}"
+    workspace[wsid]+="$client" # Add window to workspace JSON
+
+    # echo -n "Window: $clientclass"
+    # echo '; icon path: '"$iconpath"
+    
+
+    # echo "Count: ${workspacecnt[wsid]}"
+    # echo 'ADDED TO: workspace '"$wsid"
+    # echo ' --> '"${workspace[wsid]}"
+    ((workspacecnt[wsid]+=1))
+  done
+
+  for i in 0 1 2 3 4; do
+    workspace[i]+=']'
+  done
+
+  # echo '-=-=-=-=-=- Summary -=-=-=-=-=-'
+
+  # -=-=-=-=-=-=-=-=-=-=-=-=-=-=- PRINT STUFF HERE -=-=-=-=-=-=-=-=-=-=-=-=-=-=-
+  echo -n '['
+  for i in 0 1 2 3 4; do
+    if [[ $i != 0 ]]; then
+      echo -n ','
+    fi
+    echo -n "${workspace[i]}"
+  done
+  echo ']'
+}
+
+# Do stuff here
+getwins
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    getwins
+  done
+fi
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/overview2 b/novelknock/.config/eww/scripts/overview2
new file mode 100755
index 000000000..97aa1c15b
--- /dev/null
+++ b/novelknock/.config/eww/scripts/overview2
@@ -0,0 +1,123 @@
+#!/usr/bin/bash
+dummy='{"address":"_none","at":[0,0],"class":"workspace","size":[1920,1080],"title":"<___overview_workspace>","workspace":{"id":<___overview_workspace>, "name": "<___overview_workspace>"}}'
+
+getwins() {
+  hyprctlclients=$(hyprctl clients -j \
+    | grep -v '"mapped": ' \
+    | grep -v '"hidden": ' \
+    | grep -v '"floating": ' \
+    | grep -v '"monitor": ' \
+    | grep -v '"pid": ' \
+    | grep -v '"xwayland": ' \
+    | grep -v '"pinned":' \
+    | grep -v '"fullscreen": ' \
+    | grep -v '"fullscreenMode": ' \
+    | grep -v '"fakeFullscreen": ' \
+    | grep -v '"grouped": ')
+
+  
+
+  workspace=('[' '[' '[' '[' '[' '[' '[' '[' '[' '[')
+  workspacecnt=(1 1 1 1 1 1 1 1 1 1)
+
+  wsid=0
+  for i in 5 6 7 8 9; do
+    workspace[i]+=$(echo $dummy | sed "s/<___overview_workspace>/$((i+1))/g")
+  done
+
+  # echo $hyprctlclients | gojq -c '.[]'
+
+  IFS=$'\n'
+  clientsarr=( $(echo $hyprctlclients | gojq -c -M '.[]') )
+  for client in "${clientsarr[@]}"; do
+    wsid=$(echo $client | gojq -c -M '.workspace.id')
+    if [[ $wsid -lt 6 ]]; then
+      continue
+    fi
+    ((wsid-=1))
+    iconpath=''
+    clientclass=$(echo $client | gojq -r '.class')
+    if [[ "$clientclass" == "" ]]; then 
+      continue
+    fi
+    if [[ "$wsid" == "-100" ]]; then 
+      continue
+    fi
+    if [[ "${workspacecnt[wsid]}" != "0" ]]; then 
+      workspace[wsid]+=","
+    fi
+
+    # Get app icon
+    if [ -f "scripts/cache/$clientclass" ]; then
+        iconpath=$(cat scripts/cache/$clientclass)
+        if [ ! -f "${iconpath}" ]; then # Cache refresh if icon doesnt exist
+            iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$clientclass" | head -n 1)
+            echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+    else
+        iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$clientclass" | head -n 1)
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+    fi
+    if [[ ${iconpath} == "" ]]; then
+      # Retry with lowercase if icon not found
+      iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") $(echo "$clientclass" | tr '[:upper:]' '[:lower:]' | sed 's/\ /-/g') | head -n 1)
+      if [[ ! ${iconpath} = "" ]]; then
+        rm "scripts/cache/$clientclass"
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+      else 
+        newname=$(scripts/iconpatch $clientclass)
+        iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "$newname" | head -n 1)
+        if [[ ! ${iconpath} = "" ]]; then
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        else
+          # Fallback app icon, replace the path below to the fallback icon of your choice
+          # iconpath="/usr/share/icons/Win11-dark/mimes/48/application-x-executable.svg"
+          iconpath=$(geticons -t $(gsettings get org.gnome.desktop.interface icon-theme | sed "s/'//g") "application-x-executable" | head -n 1)
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+      fi
+    fi
+
+    client=${client::-1}
+    client+=",\"icon\": \"$iconpath\"}"
+    workspace[wsid]+="$client" # Add window to workspace JSON
+
+    # echo -n "Window: $clientclass"
+    # echo '; icon path: '"$iconpath"
+    
+
+    # echo "Count: ${workspacecnt[wsid]}"
+    # echo 'ADDED TO: workspace '"$wsid"
+    # echo ' --> '"${workspace[wsid]}"
+    ((workspacecnt[wsid]+=1))
+  done
+
+  for i in 5 6 7 8 9; do
+    workspace[i]+=']'
+  done
+
+  # echo '-=-=-=-=-=- Summary -=-=-=-=-=-'
+
+  # -=-=-=-=-=-=-=-=-=-=-=-=-=-=- PRINT STUFF HERE -=-=-=-=-=-=-=-=-=-=-=-=-=-=-
+  echo -n '['
+  for i in 5 6 7 8 9; do
+    if [[ $i != 5 ]]; then
+      echo -n ','
+    fi
+    echo -n "${workspace[i]}"
+  done
+  echo ']'
+}
+
+# Do stuff here
+getwins
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    getwins
+  done
+fi
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/scroll-dynamicleft-module b/novelknock/.config/eww/scripts/scroll-dynamicleft-module
new file mode 100755
index 000000000..05bcb3580
--- /dev/null
+++ b/novelknock/.config/eww/scripts/scroll-dynamicleft-module
@@ -0,0 +1,24 @@
+#!/usr/bin/bash
+
+MIN_VALUE=1
+MAX_VALUE=$(eww get DYNMODULE_LEFT_PAGES)
+newvalue=$(eww get dynamicleft_module_page)
+
+clamp() {
+    if [ "$1" -lt "$2" ]; then
+        echo "$2"
+        elif [ "$1" -gt "$3" ]; then
+        echo "$3"
+    else
+        echo "$1"
+    fi
+}
+
+if [ "$1" == "up" ]; then
+    newvalue="$((newvalue - 1))"
+else
+    newvalue="$((newvalue + 1))"
+fi
+
+newvalue=$(clamp "$newvalue" "$MIN_VALUE" "$MAX_VALUE")
+eww update dynamicleft_module_page="$newvalue"
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/scroll-dynamicright-module b/novelknock/.config/eww/scripts/scroll-dynamicright-module
new file mode 100755
index 000000000..4d1f9bfce
--- /dev/null
+++ b/novelknock/.config/eww/scripts/scroll-dynamicright-module
@@ -0,0 +1,24 @@
+#!/usr/bin/bash
+
+MIN_VALUE=1
+MAX_VALUE=$(eww get DYNMODULE_RIGHT_PAGES)
+newvalue=$(eww get dynamicright_module_page)
+
+clamp() {
+    if [ "$1" -lt "$2" ]; then
+        echo "$2"
+        elif [ "$1" -gt "$3" ]; then
+        echo "$3"
+    else
+        echo "$1"
+    fi
+}
+
+if [ "$1" == "up" ]; then
+    newvalue="$((newvalue - 1))"
+else
+    newvalue="$((newvalue + 1))"
+fi
+
+newvalue=$(clamp "$newvalue" "$MIN_VALUE" "$MAX_VALUE")
+eww update dynamicright_module_page="$newvalue"
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/scroll-gallery b/novelknock/.config/eww/scripts/scroll-gallery
new file mode 100755
index 000000000..634686368
--- /dev/null
+++ b/novelknock/.config/eww/scripts/scroll-gallery
@@ -0,0 +1,12 @@
+#!/usr/bin/bash
+
+offset=$(eww get scroll_offset_carousel)
+total=$(eww get gallery_index | gojq 'length')
+
+maxvalue=$(( "$total" * 3 - 5 ))
+
+if [ "$1" == "up" ]; then
+    eww update scroll_offset_carousel=$(( ("$offset" + "$maxvalue" - 1) % "$maxvalue" ))
+else
+    eww update scroll_offset_carousel=$(( ("$offset" + 1) % "$maxvalue" ))
+fi
diff --git a/novelknock/.config/eww/scripts/scroll-quote b/novelknock/.config/eww/scripts/scroll-quote
new file mode 100755
index 000000000..6b005d347
--- /dev/null
+++ b/novelknock/.config/eww/scripts/scroll-quote
@@ -0,0 +1,13 @@
+#!/usr/bin/bash
+
+offset=$(eww get quote_index)
+total=$(eww get quote_content | gojq 'length')
+
+# total=25
+# shown=7
+
+if [ "$1" == "up" ]; then
+    eww update quote_index=$(( ("$offset" + "$total" - 1) % "$total" ))
+else
+    eww update quote_index=$(( ("$offset" + 1) % "$total" ))
+fi
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/scroll-settings b/novelknock/.config/eww/scripts/scroll-settings
new file mode 100755
index 000000000..f3416da26
--- /dev/null
+++ b/novelknock/.config/eww/scripts/scroll-settings
@@ -0,0 +1,10 @@
+#!/usr/bin/bash
+
+offset=$(eww get scroll_offset_settings)
+total=$(eww get DASHBOARD_SETTINGS_PAGES)
+
+if [ "$1" == "up" ]; then
+    eww update scroll_offset_settings=$(( ("$offset" + "$total" - 1) % "$total" ))
+else
+    eww update scroll_offset_settings=$(( ("$offset" + 1) % "$total" ))
+fi
diff --git a/novelknock/.config/eww/scripts/scroll-sideleft-favourite b/novelknock/.config/eww/scripts/scroll-sideleft-favourite
new file mode 100755
index 000000000..d442f49e1
--- /dev/null
+++ b/novelknock/.config/eww/scripts/scroll-sideleft-favourite
@@ -0,0 +1,7 @@
+#!/usr/bin/bash
+
+if [ "$1" == "up" ]; then
+    eww update sideleft_favourite_page=1
+else
+    eww update sideleft_favourite_page=2
+fi
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/scroll-waifu b/novelknock/.config/eww/scripts/scroll-waifu
new file mode 100755
index 000000000..fa089e24d
--- /dev/null
+++ b/novelknock/.config/eww/scripts/scroll-waifu
@@ -0,0 +1,18 @@
+#!/usr/bin/bash
+
+offset=$(eww get scroll_offset_waifu)
+# total=$(eww get WAIFU_TAG_ID | gojq 'length')
+# shown=$(eww get SCROLL_TOSHOW_WAIFUTAGS)
+total=20
+shown=13
+# I'm sorry but I have to hard code or it'll be slow asf
+
+if [ "$1" == "up" ]; then
+    if [ "$offset" -gt 0 ]; then
+        eww update scroll_offset_waifu=$(( "$offset" - 2 ))
+    fi
+else
+    if [ "$offset" -lt $(( "$total" - "$shown" - 1 )) ]; then
+        eww update scroll_offset_waifu=$(( "$offset" + 2 ))
+    fi
+fi
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/scrollmonth b/novelknock/.config/eww/scripts/scrollmonth
new file mode 100755
index 000000000..52e23fece
--- /dev/null
+++ b/novelknock/.config/eww/scripts/scrollmonth
@@ -0,0 +1,21 @@
+#!/usr/bin/env bash
+
+# Get month diff
+diffmonth=$(eww get monthshift)
+if [[ "$1" == "up" ]]; then
+  diffmonth=$(( $diffmonth - 1 ))
+else
+  diffmonth=$(( $diffmonth + 1 ))
+fi
+eww update monthshift="$diffmonth" &
+
+# Get dates
+dates=$(scripts/getfirstdayofmonth "$diffmonth")
+dateSplitted=( $dates )
+newTitle=$(date -d "${dateSplitted[3]}-${dateSplitted[2]}-${dateSplitted[1]}" "+%B %Y")
+
+if [[ "$diffmonth" == "0" ]]; then
+  dates=''
+fi
+eww update calendartitle="$newTitle" &
+eww update calendar="$(scripts/calendarlayout $dates)"
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/search_items.txt b/novelknock/.config/eww/scripts/search_items.txt
new file mode 100755
index 000000000..411e47b04
--- /dev/null
+++ b/novelknock/.config/eww/scripts/search_items.txt
@@ -0,0 +1 @@
+(box :orientation "v" :spacing 5 :class "apps" :halign "center" :valign "center"  (button :class "item" :onclick "4channels &" "4channels") (button :class "item" :onclick "7za &" "7za") (button :class "item" :onclick "a52dec &" "a52dec") (button :class "item" :onclick "aafire &" "aafire") (button :class "item" :onclick "aainfo &" "aainfo") (button :class "item" :onclick "aalib-config &" "aalib-config") (button :class "item" :onclick "aasavefont &" "aasavefont") (button :class "item" :onclick "aatest &" "aatest") (button :class "item" :onclick "abw2html &" "abw2html") (button :class "item" :onclick "abw2raw &" "abw2raw"))
diff --git a/novelknock/.config/eww/scripts/selectwindow b/novelknock/.config/eww/scripts/selectwindow
new file mode 100755
index 000000000..2f88d9099
--- /dev/null
+++ b/novelknock/.config/eww/scripts/selectwindow
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+selected=$(eval $2 get selected)
+
+
+if [[ $selected == "_none" ]] || [[ $selected == "" ]]; then
+  eval "$2 update selected=$1"
+  selected=$(eval $2 get selected)
+else
+  hyprctl dispatch movetoworkspacesilent $3,address:$selected
+
+  eval "$2 update selected=_none"
+  selected=$(eval $2 get selected)
+fi
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/supersecretsettings/culture b/novelknock/.config/eww/scripts/supersecretsettings/culture
new file mode 100755
index 000000000..28c5c0abf
--- /dev/null
+++ b/novelknock/.config/eww/scripts/supersecretsettings/culture
@@ -0,0 +1,18 @@
+#!/usr/bin/env bash
+plugged=0
+
+swaybg -i images/wallpaper/wallpaper-cultured &
+
+while true; do
+	STATE=$(cat /sys/class/power_supply/BATT/status)
+    if [[ "$STATE" = "Charging" ]]; then 
+        if [ "$plugged" -eq "0" ]; then 
+            plugged=1
+            notify-send 'Aghh~~~~'
+            play scripts/supersecretsettings/culture.mp3
+        fi
+    else 
+        plugged=0
+    fi      
+	sleep 1
+done
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/supersecretsettings/culture.mp3 b/novelknock/.config/eww/scripts/supersecretsettings/culture.mp3
new file mode 100755
index 000000000..3614f93f1
Binary files /dev/null and b/novelknock/.config/eww/scripts/supersecretsettings/culture.mp3 differ
diff --git a/novelknock/.config/eww/scripts/supersecretsettings/doreload b/novelknock/.config/eww/scripts/supersecretsettings/doreload
new file mode 100755
index 000000000..363dbedbc
--- /dev/null
+++ b/novelknock/.config/eww/scripts/supersecretsettings/doreload
@@ -0,0 +1,10 @@
+#!/bin/sh
+
+
+cp ~/.config/hypr/hyprland.conf temporary_config.conf && cp temporary_config.conf ~/.config/hypr/hyprland.conf
+rm temporary_config.conf
+
+pkill swaybg
+swaybg -i images/wallpaper/wallpaper-normal
+
+kill $(pidof eww) && eww open bar && eww open bg-decor
diff --git a/novelknock/.config/eww/scripts/swapws.cpp b/novelknock/.config/eww/scripts/swapws.cpp
new file mode 100755
index 000000000..ead7b34e5
--- /dev/null
+++ b/novelknock/.config/eww/scripts/swapws.cpp
@@ -0,0 +1,85 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+int workspace_a, workspace_b;
+string clients;
+json clientjson;
+vector<string> windows_a, windows_b;
+bool output = false;
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+void tryAddApp(const json& client) {
+    if (int(client["workspace"]["id"]) == workspace_a)
+        windows_a.push_back(client["address"]);
+    else if (int(client["workspace"]["id"]) == workspace_b)
+        windows_b.push_back(client["address"]);
+}
+
+void getApps() {
+    // Get clients
+    clients = exec("hyprctl clients -j | gojq -c -M");
+    clientjson = json::parse(clients);
+
+    // Access the values
+    for (json client : clientjson) {
+        tryAddApp(client);
+    }
+}
+
+void swapWorkspaces() {
+    for (string address : windows_a) {
+        string cmd = "hyprctl dispatch movetoworkspacesilent " +
+                     to_string(workspace_b) + ",address:" + address;
+        if (output) cout << cmd << '\n';
+        exec(&cmd[0]);
+    }
+    for (string address : windows_b) {
+        string cmd = "hyprctl dispatch movetoworkspacesilent " +
+                     to_string(workspace_a) + ",address:" + address;
+        if (output) cout << cmd << '\n';
+        exec(&cmd[0]);
+    }
+}
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+
+    if (argc < 3) {
+        cout << "Usage: swapws [WORKSPACE_NUMBER_1] [WORKSPACE_NUMBER_2]"
+             << endl;
+        return 0;
+    }
+    if (argc == 4 && string(argv[3]) == "--output") output = true;
+
+    workspace_a = stoi(string(argv[1]));
+    workspace_b = stoi(string(argv[2]));
+    if (workspace_a <= 0 || workspace_b <= 0 || workspace_a == workspace_b) {
+        cout << "Nahhh that's stupid" << endl;
+        return 0;
+    }
+
+    getApps();
+    swapWorkspaces();
+}
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/switchwall b/novelknock/.config/eww/scripts/switchwall
new file mode 100755
index 000000000..1cf7d6677
--- /dev/null
+++ b/novelknock/.config/eww/scripts/switchwall
@@ -0,0 +1,26 @@
+#!/usr/bin/bash
+# Switches sww wallpaper
+# Requires: coreutils, xrandr, hyprland
+
+# Select and set image (hyprland)
+cd ~/Pictures
+imgpath=$(yad --width 1200 --height 800 --file --add-preview --large-preview --title='Choose wallpaper')
+screensizey=$(xrandr --current | grep '*' | uniq | awk '{print $1}' | cut -d 'x' -f2)
+cursorposx=$(hyprctl cursorpos -j | gojq '.x')
+cursorposy=$(hyprctl cursorpos -j | gojq '.y')
+cursorposy_inverted=$(( screensizey - cursorposy ))
+
+if [ "$imgpath" == '' ]; then
+    echo 'Aborted'
+    exit 0
+fi
+
+# Change swww wallpaper
+swww img "$imgpath" --transition-step 230 --transition-fps 60 \
+    --transition-type grow --transition-angle 30 --transition-duration 1 \
+    --transition-pos "$cursorposx, $cursorposy_inverted" &
+
+# Generate colors for eww n stuff
+cp "$imgpath" "$HOME/.config/eww/images/wallpaper/wallpaper"
+cd "$HOME/.config/eww" || exit
+./scripts/launchapp '>wall'
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/taskbar.cpp b/novelknock/.config/eww/scripts/taskbar.cpp
new file mode 100755
index 000000000..869832483
--- /dev/null
+++ b/novelknock/.config/eww/scripts/taskbar.cpp
@@ -0,0 +1,84 @@
+#include <array>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <memory>
+#include <stdexcept>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+string clients, pinned;
+json clientjson, apps;
+vector<string> appnames;
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+void addApp(json& client) {
+    bool found = false;
+    for (json& obj : apps) {
+        auto it = obj.find("class");
+        if (it != obj.end() && *it == client["class"]) {
+            found = true;
+            obj["count"] = int(obj["count"]) + 1;
+            obj["address"].push_back(client["address"]);
+            obj["workspace"].push_back(client["workspace"]["id"]);
+            break;
+        }
+    }
+    if (!found) {
+        json newApp =
+            R"({"class": "", "count": 1, "workspace": [], "address": [], "icon": ""})"_json;
+        newApp["class"] = client["class"];
+        newApp["address"].push_back(client["address"]);
+        newApp["workspace"].push_back(client["workspace"]["id"]);
+        string filename = string("./scripts/cache/" + string(client["class"]));
+        std::ifstream ifs(filename);
+        std::string iconpath((std::istreambuf_iterator<char>(ifs)),
+                             (std::istreambuf_iterator<char>()));
+        // cout << "PATH: " << filename << " | ICON PATH: " << iconpath << '\n';
+        while (iconpath.size() > 0 && *iconpath.rbegin() == '\n') iconpath.pop_back();  // Remove '\n'
+        newApp["icon"] = iconpath;
+
+        apps.push_back(newApp);
+    }
+}
+
+void getAppNameAndCount() {
+    // Get clients
+    clients = exec("hyprctl clients -j | gojq -c -M");
+    pinned = exec("cat json/taskbar.json | gojq -c -M");
+    clientjson = json::parse(clients);
+    apps = json::parse(pinned);
+
+    // Access the values
+    for (json client : clientjson) {
+        addApp(client);
+        // cout << client << '\n';
+    }
+}
+
+void getAppIcon() {}
+
+int main() {
+    ios::sync_with_stdio(false);
+    cin.tie(nullptr);
+    
+    getAppNameAndCount();
+    getAppIcon();
+    cout << apps << '\n';
+}
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/taskbarloop b/novelknock/.config/eww/scripts/taskbarloop
new file mode 100755
index 000000000..edec3a371
--- /dev/null
+++ b/novelknock/.config/eww/scripts/taskbarloop
@@ -0,0 +1,13 @@
+#!/usr/bin/bash
+
+scripts/taskbar
+
+if [ "$1" == "--once" ]; then
+  scripts/taskbar
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    scripts/taskbar
+    echo
+  done
+fi
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/taskviewlayout-wrapper b/novelknock/.config/eww/scripts/taskviewlayout-wrapper
new file mode 100755
index 000000000..bf3e5b967
--- /dev/null
+++ b/novelknock/.config/eww/scripts/taskviewlayout-wrapper
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+scripts/taskviewlayout
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    # This sleep is necessary
+    # It prevents the script from being faster than hyprctl
+    sleep 0.025
+    scripts/taskviewlayout
+  done
+fi
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/taskviewlayout.cpp b/novelknock/.config/eww/scripts/taskviewlayout.cpp
new file mode 100755
index 000000000..58e145880
--- /dev/null
+++ b/novelknock/.config/eww/scripts/taskviewlayout.cpp
@@ -0,0 +1,186 @@
+#include <array>       // This script tries to show windows of workspaces
+#include <cmath>       // in a reasonable way in Task View
+#include <filesystem>  //
+#include <fstream>     // Goal: all windows on the same row have equal height
+#include <iostream>    //
+#include <memory>      //
+#include <regex>       // binary search -> ok scale
+#include <stdexcept>   // -> sort small-wide windows -> match pairs -> rows
+#include <string>
+
+#include "nlohmann/json.hpp"
+
+using namespace std;
+using json = nlohmann::json;
+
+#define COLS 10
+#define RES_WIDTH 1920
+#define RES_HEIGHT 1080
+#define RESERVED_BOTTOM 250
+#define SPACING 30
+#define TITLEBAR_AND_BORDER_HEIGHT 51
+#define MIN_ROW_HEIGHT 186  // 100px (else scroll down)
+#define MAX_ROW_HEIGHT 300  // 100px (else scroll down)
+const json EMPTY_JSON = R"([])"_json;
+const string workspaceInitTemplate = "[]";
+
+int numOfApps[COLS] = {0, 0, 0, 0, 0, 0, 0, 0, 0, 0};
+string clients;
+json clientjson, workspaces;
+json workspacesArranged;
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+void initWorkspaces() {
+    int i = 0;
+    for (int j = 0; j < COLS; j++) {
+        int workspaceNum = i * COLS + j + 1;  // Note: Workspaces are 1-base
+        string workspaceInitString =
+            regex_replace(workspaceInitTemplate, regex("__WORKSPACE_ID"),
+                          to_string(workspaceNum));
+        json thisWorkspaceInit = json::parse(workspaceInitString);
+        workspaces.push_back(thisWorkspaceInit);
+    }
+}
+
+void addApp(json& client) {
+    // Calculate position in overview tile
+    int workspaceNum = int(client["workspace"]["id"]) - 1;  // 1-base to 0-base
+    if (workspaceNum < 0)
+        return;  // Skip scratchpads/specials, as they have negative ids
+    int i = workspaceNum / COLS, j = workspaceNum % COLS;
+
+    // New JSON for app
+    json newApp =
+        R"({"class": "", "workspace": {"id": 8, "name": "8"}, "title": "", "at": [0, 0], "size": [0, 0], "address": [], "icon": ""})"_json;
+
+    // Add normal stuff
+    newApp["class"] = client["class"];
+    newApp["address"] = client["address"];
+    newApp["workspace"] = client["workspace"];
+    newApp["title"] = client["title"];
+    newApp["size"] = client["size"];
+
+    // Icon path
+    string filename = string("./scripts/cache/" + string(client["class"]));
+    std::ifstream ifs(filename);
+    std::string iconpath((std::istreambuf_iterator<char>(ifs)),
+                         (std::istreambuf_iterator<char>()));
+    while (iconpath.size() > 0 && *iconpath.rbegin() == '\n')
+        iconpath.pop_back();  // Remove '\n'
+    newApp["icon"] = iconpath;
+
+    // Counting
+    int size_x = int(newApp["size"][0]);
+    int size_y = int(newApp["size"][1]);
+    if (size_x <= size_y * 2) {  // Normal
+        newApp["countAs"] = 1;   //     count as 1 window
+    } else {                     // Very wide
+        newApp["countAs"] = 2;   //     count as 2 windows
+    }
+    numOfApps[int(newApp["workspace"]["id"]) - 1] += int(newApp["countAs"]);
+
+    // Push
+    workspaces[j].push_back(newApp);
+}
+
+void getApps() {
+    // Get clients
+    clients = exec("hyprctl clients -j | gojq -c -M");
+    clientjson = json::parse(clients);
+
+    // Access the values
+    for (json client : clientjson) {
+        addApp(client);
+    }
+}
+
+void scaleWindows() {
+    for (int i = 0; i < workspaces.size(); i++) {
+        if (workspaces[i].size() == 0) {
+            workspacesArranged.push_back(EMPTY_JSON);
+            continue;
+        }
+        // Declare
+        int numOfRows = numOfApps[i] > 3 ? int(ceil(sqrt(numOfApps[i]))) : 1;
+        int winsPerRow = (numOfApps[i] + (numOfRows - 1)) / numOfRows;  // ceil
+        json thisWorkspace = EMPTY_JSON;
+        for (int i = 0; i < numOfRows; i++) thisWorkspace.push_back(EMPTY_JSON);
+        int rowHeight =
+            min(max(MIN_ROW_HEIGHT,
+                    (RES_HEIGHT - RESERVED_BOTTOM - SPACING) / numOfRows -
+                        TITLEBAR_AND_BORDER_HEIGHT - SPACING),
+                MAX_ROW_HEIGHT);
+        int thisRowCnt = 0, rowsDone = 0;
+
+        // cout << "Workspace " << i + 1 << " | Rows: " << numOfRows
+        //      << " | Per row: " << winsPerRow << '\n';
+
+        // Scale
+        for (json& window : workspaces[i]) {
+            int cntAs = int(window["countAs"]);
+            if (cntAs == 1) {
+                window["size"][0] = int(window["size"][0]) /
+                                    (float(window["size"][1]) / rowHeight);
+                window["size"][1] = rowHeight;
+            } else {  // cntAs == 2
+                window["size"][1] =
+                    int(float(window["size"][1]) /
+                        (float(window["size"][0]) / (rowHeight * 2)));
+                window["size"][0] = rowHeight * 2;
+            }
+
+            // int minWidth = string(window["title"]).size() * 9;
+            // cout << "Window: " << string(window["title"])
+            //      << ", min width: " << minWidth << '\n';
+            // if (window["size"][0] < minWidth) {
+            //     window["size"][1] = int(window["size"][1]) *
+            //                         (float(minWidth) /
+            //                         int(window["size"][0]));
+            //     window["size"][0] = minWidth;
+            // }
+            // cout << " --> " << window["size"][0] << "x" << window["size"][1]
+            //      << '\n';
+            
+            thisWorkspace[rowsDone].push_back(window);
+            thisRowCnt += int(window["countAs"]);
+            if (thisRowCnt >= winsPerRow) {
+                rowsDone++;
+                thisRowCnt = 0;
+            }
+        }
+
+        workspacesArranged.push_back(thisWorkspace);
+    }
+}
+
+int main(int argc, char* argv[]) {
+    ios::sync_with_stdio(false);
+
+    // Get windows in workspaces, counting
+    initWorkspaces();
+    getApps();
+
+    // cout << ">>>>>>>> [DEBUG INGO START] >>>>>>>>" << '\n';
+    // cout << workspaces << '\n';
+    // cout << "<<<<<<<< [DEBUG INGO END] <<<<<<<<" << '\n' << '\n';
+
+    // cout << "# of apps: ";
+    // for (int i = 0; i < COLS; i++) cout << numOfApps[i] << ' ';
+    // cout << '\n';
+    // Scaling, arranging
+    scaleWindows();
+
+    cout << workspacesArranged << '\n';
+}
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/todo.cpp b/novelknock/.config/eww/scripts/todo.cpp
new file mode 100755
index 000000000..2377f6072
--- /dev/null
+++ b/novelknock/.config/eww/scripts/todo.cpp
@@ -0,0 +1,92 @@
+#include <pwd.h>
+#include <sys/stat.h>
+#include <unistd.h>
+
+#include <algorithm>
+#include <cctype>
+#include <filesystem>
+#include <fstream>
+#include <iostream>
+#include <string>
+#include <vector>
+
+#include "nlohmann/json.hpp"
+using namespace std;
+using json = nlohmann::json;
+
+string rawTodo;
+json todo;
+
+// Function to check if file exists, if yes read it
+string readIfExists(const string& name) {
+    ifstream f(name.c_str());
+    stringstream buffer;
+    if (f) {                  // check if the file was opened successfully
+        buffer << f.rdbuf();  // read the whole file into a string stream
+        f.close();            // close the file when done
+    }
+    return buffer.str();  // return the string stream as a string
+}
+
+void writeToFile(const string& name, const string& content) {
+    ofstream f(name.c_str(), ios::app);  // open the file in append mode
+    if (f) {                   // check if the file was opened successfully
+        f << content << "\n";  // write the content to the file
+        f.close();             // close the file when done
+    } else {
+        cerr << "Error: could not open " << name
+             << "\n";  // print an error message to the standard error
+    }
+}
+
+string exec(const char* cmd) {
+    array<char, 128> buffer;
+    string result;
+    unique_ptr<FILE, decltype(&pclose)> pipe(popen(cmd, "r"), pclose);
+    if (!pipe) {
+        throw runtime_error("popen() failed!");
+    }
+    while (fgets(buffer.data(), buffer.size(), pipe.get()) != nullptr) {
+        result += buffer.data();
+    }
+    return result;
+}
+
+void delItem(const string& stringToDelete) {
+    cout << " [i] Full list: '" << todo << "'\n";
+    cout << " [x] Deleting item: '" << stringToDelete << "'\n\n";
+    for (int i = 0; i < todo.size(); i++) {
+        const string& thisEntry = todo[i];
+        cout << "Compare: \"" << thisEntry << "\" and \"" << stringToDelete << "\"\n";
+        if (thisEntry == stringToDelete) {
+            cout << "yes\n";
+            todo.erase(i);
+            break;
+        }
+    }
+}
+
+void addItem(const string& stringToAdd) {
+    cout << "adding\n";
+    todo.push_back(stringToAdd);
+}
+
+int main(int argc, char* argv[]) {
+    if (argc == 1) {
+        cout << "Usage: todo del [ STRING ]";
+        return 0;
+    }
+
+    rawTodo = readIfExists("json/todo.json");
+    todo = json::parse(rawTodo);
+    if (argc > 2 && string(argv[1]) == "del") {
+        delItem(string(argv[2]));
+        exec("echo '' > json/todo.json");
+        writeToFile("json/todo.json", todo.dump());
+    }
+    else if (argc > 2 && string(argv[1]) == "add") {
+        addItem(string(argv[2]));
+        exec("echo '' > json/todo.json");
+        writeToFile("json/todo.json", todo.dump());
+    }
+}
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/toggle-bottomsheet.sh b/novelknock/.config/eww/scripts/toggle-bottomsheet.sh
new file mode 100755
index 000000000..0c712608f
--- /dev/null
+++ b/novelknock/.config/eww/scripts/toggle-bottomsheet.sh
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+state=$(eww get open_bottomsheet)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update open_bottomsheet=false
+    sleep 0.2
+    eww close bottomsheet_back 2>/dev/null
+    eww close bottomsheet 2>/dev/null
+    eww update cavajson='[]'
+else
+    eww open bottomsheet_back
+    eww open bottomsheet
+    eww update open_bottomsheet=true
+fi
diff --git a/novelknock/.config/eww/scripts/toggle-dashboard.sh b/novelknock/.config/eww/scripts/toggle-dashboard.sh
new file mode 100755
index 000000000..5c8f8191d
--- /dev/null
+++ b/novelknock/.config/eww/scripts/toggle-dashboard.sh
@@ -0,0 +1,25 @@
+#!/usr/bin/bash
+state=$(eww get open_dashboard)
+
+if [[ "$state" -gt "0" || "$1" == "--close" ]]; then
+    eww close dashboard
+    eww update open_dashboard=0
+    sleep 0.1
+    eww update cavajson=''
+else
+    eww open dashboard
+    sleep 0.05
+    eww update open_dashboard=1
+    sleep 0.05
+    eww update open_dashboard=2
+    sleep 0.05
+    eww update open_dashboard=3
+    sleep 0.05
+    eww update open_dashboard=4
+    sleep 0.05
+    eww update open_dashboard=5
+    sleep 0.05
+    eww update open_dashboard=6
+    sleep 0.05
+    eww update open_dashboard=7
+fi
diff --git a/novelknock/.config/eww/scripts/toggle-nightlight.sh b/novelknock/.config/eww/scripts/toggle-nightlight.sh
new file mode 100755
index 000000000..3845d741c
--- /dev/null
+++ b/novelknock/.config/eww/scripts/toggle-nightlight.sh
@@ -0,0 +1,11 @@
+#!/usr/bin/bash
+currentshader=$(hyprctl getoption decoration:screen_shader -j | gojq -r '.str')
+
+if [[ "$currentshader" != *"extradark.frag" ]]; then
+    hyprctl keyword decoration:screen_shader '~/.config/hypr/shaders/extradark.frag'
+else
+    hyprctl keyword decoration:screen_shader ''
+    hyprctl reload
+fi
+
+scripts/hyprsettings tickle
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/toggle-osd-bright.sh b/novelknock/.config/eww/scripts/toggle-osd-bright.sh
new file mode 100755
index 000000000..8b8a1dd2e
--- /dev/null
+++ b/novelknock/.config/eww/scripts/toggle-osd-bright.sh
@@ -0,0 +1,11 @@
+#!/usr/bin/bash
+cd ~/.config/eww
+state=$(eww get osd_vol)
+
+if [[ "$1" == "--open" ]]; then 
+    eww update osd_bright=true
+elif [[ "$1" == "--close" ]]; then
+    eww update osd_bright=false
+else
+    eww update osd_bright=true
+fi
diff --git a/novelknock/.config/eww/scripts/toggle-osd-vol.sh b/novelknock/.config/eww/scripts/toggle-osd-vol.sh
new file mode 100755
index 000000000..b4f968c55
--- /dev/null
+++ b/novelknock/.config/eww/scripts/toggle-osd-vol.sh
@@ -0,0 +1,11 @@
+#!/usr/bin/bash
+cd ~/.config/eww
+state=$(eww get osd_bright)
+
+if [[ "$1" == "--open" ]]; then 
+    eww update osd_vol=true
+elif [[ "$1" == "--close" ]]; then
+    eww update osd_vol=false
+else
+    eww update osd_vol=true
+fi
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/toggle-overview.sh b/novelknock/.config/eww/scripts/toggle-overview.sh
new file mode 100755
index 000000000..eba150db3
--- /dev/null
+++ b/novelknock/.config/eww/scripts/toggle-overview.sh
@@ -0,0 +1,29 @@
+#!/usr/bin/bash
+cd ~/.config/eww || exit
+mkdir -p ~/.config/eww/scripts/cache/
+
+reserves=$(hyprctl monitors -j | gojq -r -c '.[0]["reserved"]')
+if [[ "$reserves" == "[0,0,0,50]" ]]; then
+    if [[ "$1" == "--keypress" ]]; then
+        scripts/toggle-winstart.sh
+        exit
+    elif [[ "$1" == "--overview" && "$reserves" == "[0,0,0,50]" ]]; then
+        scripts/toggle-wintaskview.sh
+        exit
+    fi
+fi
+
+state=$(eww get open_overview)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww close overview 2>/dev/null &
+    eww update overview_query='' &
+    eww update open_overview=false &
+else
+    scripts/allapps > scripts/cache/entries.txt &
+    scripts/allappnames > scripts/cache/entrynames.txt &
+    eww update overview_query=''  &
+    eww update overview_hover_name='{"class":"LMB: Focus | MMB: Close | RMB: Select/Move","title":"Activities Overview","workspace":{"id":5,"name":"5"},"icon": "/usr/share/icons/breeze-dark/actions/16/window.svg"}' &
+    eww open overview
+    eww update open_overview=true
+fi
diff --git a/novelknock/.config/eww/scripts/toggle-powerview.sh b/novelknock/.config/eww/scripts/toggle-powerview.sh
new file mode 100755
index 000000000..8a893c10e
--- /dev/null
+++ b/novelknock/.config/eww/scripts/toggle-powerview.sh
@@ -0,0 +1,18 @@
+#!/usr/bin/bash
+cd ~/.config/eww || exit
+mkdir -p ~/.config/eww/scripts/cache/
+
+state=$(eww get open_powerview)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww close powerview 2>/dev/null &
+    eww update overview_query='' &
+    eww update open_powerview=false &
+else
+    scripts/allapps > scripts/cache/entries.txt &
+    scripts/allappnames > scripts/cache/entrynames.txt &
+    eww update overview_query=''  &
+    eww update overview_hover_name='{"class":"LMB: Focus | MMB: Close | RMB: Select/Move","title":"Powerview","workspace":{"id":0,"name":"0"},"icon": "/usr/share/icons/breeze-dark/actions/16/window.svg", "size": [0,0], "at": [0,0]}' &
+    eww open powerview
+    eww update open_powerview=true
+fi
diff --git a/novelknock/.config/eww/scripts/toggle-sideleft.sh b/novelknock/.config/eww/scripts/toggle-sideleft.sh
new file mode 100755
index 000000000..311c8c0b4
--- /dev/null
+++ b/novelknock/.config/eww/scripts/toggle-sideleft.sh
@@ -0,0 +1,12 @@
+#!/usr/bin/bash
+state=$(eww get open_sideleft)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update open_sideleft=false
+    eww update bar_offset=0
+else
+    eww open sideleft
+    eww update open_sideleft=true
+    eww update bar_offset=1
+    eww update open_sideright=false
+fi
diff --git a/novelknock/.config/eww/scripts/toggle-sideright.sh b/novelknock/.config/eww/scripts/toggle-sideright.sh
new file mode 100755
index 000000000..61696bf57
--- /dev/null
+++ b/novelknock/.config/eww/scripts/toggle-sideright.sh
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+state=$(eww get open_sideright)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update open_sideright=false
+    eww update bar_offset=0
+else
+    cd ~/.config/eww || exit
+    eww open sideright
+    eww update open_sideright=true
+    eww update bar_offset=-1
+    eww update open_sideleft=false
+    eww update notifications="$(scripts/notifget)"
+fi
diff --git a/novelknock/.config/eww/scripts/toggle-supercontext.sh b/novelknock/.config/eww/scripts/toggle-supercontext.sh
new file mode 100755
index 000000000..464159e25
--- /dev/null
+++ b/novelknock/.config/eww/scripts/toggle-supercontext.sh
@@ -0,0 +1,19 @@
+#!/usr/bin/bash
+state=$(eww get open_supercontext)
+
+if [[ "$state" -gt "0" || "$1" == "--close" ]]; then
+    eww update open_supercontext=0
+    sleep 0.1
+    eww close supercontext 2>/dev/null
+else
+    eww update supercontext_pos_x="$(hyprctl cursorpos -j | gojq '.x')"
+    eww update supercontext_pos_y="$(hyprctl cursorpos -j | gojq '.y')" &
+    eww open supercontext
+    eww update ws_to_swap=0
+    eww update ws_to_dump=0
+    eww update open_supercontext=1
+    eww update open_supercontext=2
+    eww update open_supercontext=3
+    eww update open_supercontext=4
+    eww update open_supercontext=5
+fi
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/togglelight b/novelknock/.config/eww/scripts/togglelight
new file mode 100755
index 000000000..96dd9b58f
--- /dev/null
+++ b/novelknock/.config/eww/scripts/togglelight
@@ -0,0 +1,9 @@
+#!/usr/bin/bash
+
+if [ "$1" == "light" ]; then
+  echo -n '-l' > 'scripts/workdir/__mode_light_dark.txt'
+  cp css/savedcolors/_iconcolor_default.txt css/_iconcolor_default.txt
+else
+  echo -n '' > 'scripts/workdir/__mode_light_dark.txt'
+  cp css/savedcolors/_iconcolor_default.txt css/_iconcolor_default.txt
+fi
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/update-tray.sh b/novelknock/.config/eww/scripts/update-tray.sh
new file mode 100755
index 000000000..20d579824
--- /dev/null
+++ b/novelknock/.config/eww/scripts/update-tray.sh
@@ -0,0 +1,7 @@
+#!/usr/bin/bash
+
+if [[ "$(pidof waybar)" == "" ]]; then
+  eww update tray_is_open=false
+else
+  eww update tray_is_open=true
+fi
diff --git a/novelknock/.config/eww/scripts/volume b/novelknock/.config/eww/scripts/volume
new file mode 100755
index 000000000..8e3b20ab8
--- /dev/null
+++ b/novelknock/.config/eww/scripts/volume
@@ -0,0 +1,137 @@
+#!/usr/bin/env bash
+cd ~/.config/eww
+
+volicons=("" "" "")
+XDG_CACHE_HOME="$HOME/.cache"
+date="$XDG_CACHE_HOME/eww/osd_vol.date"
+lock=0
+
+showhide() {
+  # get dates
+  rundate=$(cat "$date")
+  currentdate=$(date +%s)
+
+  # handle showing
+  if [ "$rundate" = "$currentdate" ] && [ "$lock" -eq 0 ]; then
+    scripts/toggle-osd-vol.sh --open
+    lock=1
+  elif [ $((currentdate - rundate)) -ge 2 ] && [ "$lock" -eq 1 ]; then
+    scripts/toggle-osd-vol.sh --close > /dev/null
+    lock=0
+  fi
+}
+
+osd() {
+  if [ ! -f "$date" ]; then
+    mkdir -p "$XDG_CACHE_HOME/eww"
+  fi
+  date +%s > "$date"
+  showhide
+}
+
+osd_handler() {
+  lock=0
+  rundate=0
+  if [ ! -f "$date" ]; then
+    mkdir -p "$XDG_CACHE_HOME/eww"
+    echo 0 > "$date"
+  fi
+
+  while true; do
+    showhide
+    sleep 0.1
+  done
+}
+
+vol() {
+  wpctl get-volume @DEFAULT_AUDIO_$1@ | awk '{print int($2*100)}'
+}
+ismuted() {
+  wpctl get-volume @DEFAULT_AUDIO_"$1"@ | rg -i muted
+  echo $?
+}
+setvol() {
+  wpctl set-volume @DEFAULT_AUDIO_"$1"@ "$(awk -v n="$2" 'BEGIN{print (n / 100)}')"
+}
+setmute() {
+  wpctl set-mute @DEFAULT_AUDIO_"$1"@ toggle
+}
+
+if [ "$1" = "--once" ]; then
+  lvl=$(awk -v n="$(vol "SINK")" 'BEGIN{print int(n/34)}')
+    ismuted=$(ismuted "SINK")
+
+    if [ "$ismuted" = 1 ]; then
+    	icon="${volicons[$lvl]}"
+    else
+      icon=""
+    fi
+    audio=1
+    if [ "$(wpctl status | grep 'MUTED')" == "" ]; then
+      audio=1
+    else 
+      audio=0
+    fi
+
+    echo '{"icon":"'"$icon"'","audio":"'"$audio"'","percent":"'"$(vol "SINK")"'","microphone":"'"$(vol "SOURCE")"'"}'
+    exit 0
+fi
+
+if [ "$1" = "mute" ]; then
+  if [ "$2" != "SOURCE" ] && [ "$2" != "SINK" ]; then
+    echo "Can only mute SINK or SOURCE"; exit 1
+  fi
+  setmute "$2"
+elif [ "$1" = "setvol" ]; then
+  if [ "$2" != "SOURCE" ] && [ "$2" != "SINK" ]; then
+    echo "Can only set volume for SINK or SOURCE"; exit 1
+  elif [ "$3" -lt 1 ] || [ "$3" -gt 100 ]; then
+    echo "Volume must be between 1 and 100"; exit 1
+  fi
+  setvol "$2" "$3"
+elif [ "$1" = "osd" ]; then
+  osd
+else
+  # initial values
+  lvl=$(awk -v n="$(vol "SINK")" 'BEGIN{print int(n/34)}')
+  ismuted=$(ismuted "SINK")
+  device=$(pactl --format=json list | gojq -r '.["sinks"][0]["active_port"]' | sed 's/\[Out] //g')
+  device=$(echo "$device" | tail -1)
+
+  if [ "$ismuted" = 1 ]; then
+  	icon="${volicons[$lvl]}"
+  else
+    icon=""
+  fi
+  audio=1
+  if [ "$(wpctl status | grep 'MUTED')" == "" ]; then
+    audio=1
+  else 
+    audio=0
+  fi
+
+  echo '{"icon":"'"$icon"'","audio":"'"$audio"'","device":"'"$device"'","percent":"'"$(vol "SINK")"'","microphone":"'"$(vol "SOURCE")"'"}'
+
+  osd_handler &
+  # event loop
+  pactl subscribe | rg --line-buffered "on sink" | while read -r _; do
+    lvl=$(awk -v n="$(vol "SINK")" 'BEGIN{print int(n/34)}')
+    ismuted=$(ismuted "SINK")
+    device=$(pactl --format=json list | gojq -r '.["sinks"][0]["active_port"]' | sed 's/\[Out] //g')
+    device=$(echo "$device" | tail -1)
+
+    if [ "$ismuted" = 1 ]; then
+    	icon="${volicons[$lvl]}"
+    else
+      icon=""
+    fi
+    audio=1
+    if [ "$(wpctl status | grep 'MUTED')" == "" ]; then
+      audio=1
+    else 
+      audio=0
+    fi
+
+    echo '{"icon":"'"$icon"'","audio":"'"$audio"'","device":"'"$device"'","percent":"'"$(vol "SINK")"'","microphone":"'"$(vol "SOURCE")"'"}'
+  done
+fi
diff --git a/novelknock/.config/eww/scripts/waifu-get.py b/novelknock/.config/eww/scripts/waifu-get.py
new file mode 100755
index 000000000..7f3397038
--- /dev/null
+++ b/novelknock/.config/eww/scripts/waifu-get.py
@@ -0,0 +1,108 @@
+#!/usr/bin/python3
+import requests
+import json
+import os
+import sys
+from PIL import Image
+
+def printhelp():
+    print('''
+Usage: waifu-get.py [OPTION]... [TAG]...
+
+Options:
+    --segs\tForce NSFW images
+    --im\tUse waifu.im API. You can use many tags
+    --pics\tUse waifu.pics API. Use 1 tag only.
+    --nekos\tUse nekos.life (old) API. No tags.
+
+Tags:
+    waifu.im (type):
+        maid waifu marin-kitagawa mori-calliope raiden-shogun oppai selfies uniform
+    waifu.im (nsfw tags):
+        ecchi hentai ero ass paizuri oral milf
+    ''')
+    exit()
+
+###### help ######
+if len(sys.argv) == 1:
+    printhelp()
+
+###### variables ######
+mode = 'im' # either 'im' (waifu.im), 'nekos' (nekos.life), or 'pics' (waifu.pics)
+taglist = []
+segs = False
+output = {}
+headers = {}
+
+###### arguments ######
+for i in range(1, len(sys.argv)): # Add tags
+    if sys.argv[i] == '--segs':
+        segs = True
+    elif sys.argv[i] == '--im':
+        mode = 'im'
+    elif sys.argv[i] == '--neko':
+        mode = 'nekos'
+    elif sys.argv[i] == '--pics':
+        mode = 'pics'
+    elif sys.argv[i] == '--help' or sys.argv[i] == '-h':
+        printhelp()
+    else:
+        taglist.append(sys.argv[i])
+
+###### prepare request ######
+if mode == 'im':
+    url = 'https://api.waifu.im/search'
+    headers = {'Accept-Version': 'v5'}
+
+elif mode == 'nekos':
+    if segs:
+        url = 'https://nekos.life/api/lewd/neko'
+    else:
+        url = 'https://nekos.life/api/neko'
+
+elif mode == 'pics':
+    if segs:
+        url = 'https://api.waifu.pics/nsfw/'
+    else:
+        url = 'https://api.waifu.pics/sfw/'
+
+    if len(taglist) > 0:
+        url += taglist[0]
+    else:
+        url += 'waifu'
+
+else: # default: waifu.im
+    url = 'https://api.waifu.im/search'
+    headers = {'Accept-Version': 'v5'}
+
+
+params = {
+    'included_tags': taglist,
+    'height': '>=600'
+}
+response = requests.get(url, params=params, headers=headers)
+
+# print(response.json())
+
+###### processing ######
+if response.status_code == 200:
+    data = response.json()
+    # Process the response data as needed
+    if mode == 'im':
+        output['link'] = data['images'][0]['url']
+    elif mode == 'nekos':
+        output['link'] = data['neko']
+    else:
+        output['link'] = data['url']
+
+    os.system('wget -O "{0}" "{1}" -q –read-timeout=0.1'.format('eww_covers/waifu_tmp', output['link']))
+    os.system('eww update waifu=\'{"name":"eww_covers/waifu_loading", "size": [0, 100]}\'')
+    os.system('mv ./eww_covers/waifu_tmp ./eww_covers/waifu')
+
+    with Image.open('./eww_covers/waifu') as img:
+        output['size'] = img.size
+        output['path'] = 'eww_covers/waifu'
+        print(json.dumps(output))
+
+else:
+    print('Request failed with status code:', response.status_code)
diff --git a/novelknock/.config/eww/scripts/waifupics.py b/novelknock/.config/eww/scripts/waifupics.py
new file mode 100755
index 000000000..188e465e5
--- /dev/null
+++ b/novelknock/.config/eww/scripts/waifupics.py
@@ -0,0 +1,42 @@
+#!/usr/bin/python3
+# Import the requests module
+import requests
+import json
+import os
+import sys
+from PIL import Image
+
+# Define the URL to send the GET request
+url = "https://api.waifu.pics/sfw/waifu"
+if len(sys.argv) > 1 and sys.argv[1] == '--segs':
+    url = "https://api.waifu.pics/nsfw/"
+    if len(sys.argv) > 2:
+        url += sys.argv[2]
+    else:
+        url += "waifu"
+else:
+    url = "https://api.waifu.pics/sfw/"
+    if len(sys.argv) > 1:
+        url += sys.argv[1]
+    else:
+        url += "waifu"
+
+# Send the GET request and store the response object
+response = requests.get(url)
+
+# Check if the request was successful
+if response.status_code == 200:
+    # Print the received data as JSON
+    results = response.json()
+    link=results['url']
+    os.system('wget -O "{0}" "{1}" -q –read-timeout=0.1'.format('eww_covers/waifu_tmp', link))
+    os.system('eww update waifu=\'{"name":"eww_covers/waifu_loading", "size": [0, 100]}\'')
+    os.system('mv ./eww_covers/waifu_tmp ./eww_covers/waifu')
+
+
+    with Image.open('./eww_covers/waifu') as img:
+        width, height = img.size
+        print('{' + '"name": "{0}", "size": [{1}, {2}]'.format('eww_covers/waifu', width, height) + '}')
+else:
+    # Print an error message
+    print("Something went wrong. Status code:", response.status_code)
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/winlist b/novelknock/.config/eww/scripts/winlist
new file mode 100755
index 000000000..97217c8a3
--- /dev/null
+++ b/novelknock/.config/eww/scripts/winlist
@@ -0,0 +1,27 @@
+#!/usr/bin/bash
+getwinlist(){
+  toprint=$(hyprctl clients -j \
+    | grep -v '"xwayland": ' \
+    | grep -v '"grouped": ' \
+    | grep -v '"pid": ' \
+    | grep -v '"fullscreenMode": ' \
+    | grep -v '"monitor": ' \
+    | grep -v '"floating": ' \
+    | grep -v '"fullscreen": ' \
+    | grep -v '"at": ' \
+    | grep -v '"pinned":') # | grep -v ""name":")
+  # echo '-=-=-=- final output -=-=-=-'
+  # echo "$toprint"
+  echo $(echo "$toprint")  # Print on one line only
+}
+
+getwinlist
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    # echo $line
+    getwinlist
+  done
+fi
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/winnumbers b/novelknock/.config/eww/scripts/winnumbers
new file mode 100755
index 000000000..079870c4e
--- /dev/null
+++ b/novelknock/.config/eww/scripts/winnumbers
@@ -0,0 +1,29 @@
+#!/usr/bin/bash
+
+geticonlist() {
+    classes=$(hyprctl clients | grep -e 'class: ' | sed 's/class: Code/class: code/' | sed 's/\tclass: //')
+    addresses=$(hyprctl clients | grep -e ' -> ')
+    # echo "$classes"
+    IFS=$'\n'
+    classarr=($(echo "$classes"))
+    
+    printf '['
+    for i in "${!classarr[@]}"; do
+        if [ $i -ne 0 ]; then
+            printf ', '
+        fi
+        printf "$i"
+    done
+    echo ']'
+}
+
+geticonlist
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    geticonlist
+  done
+fi
+
diff --git a/novelknock/.config/eww/scripts/workdir/__mode_colors.txt b/novelknock/.config/eww/scripts/workdir/__mode_colors.txt
new file mode 100755
index 000000000..43dd47ea6
--- /dev/null
+++ b/novelknock/.config/eww/scripts/workdir/__mode_colors.txt
@@ -0,0 +1 @@
+one
\ No newline at end of file
diff --git a/novelknock/.config/eww/scripts/workdir/__mode_light_dark.txt b/novelknock/.config/eww/scripts/workdir/__mode_light_dark.txt
new file mode 100755
index 000000000..e69de29bb
diff --git a/novelknock/.config/eww/scripts/workspaces b/novelknock/.config/eww/scripts/workspaces
new file mode 100755
index 000000000..d67e826eb
--- /dev/null
+++ b/novelknock/.config/eww/scripts/workspaces
@@ -0,0 +1,153 @@
+#!/usr/bin/env bash
+
+# define colors
+colors=("#FFFFFF" "#fab387" "#a6e3a1" "#89b4fa") # Active Workspaces
+dimmed=("rgba(154,152,162,0.7)" "#f9e2af" "#94e2d5" "#b4befe") # Inactive workspaces
+empty='rgba(106,105,105,0.6)' # Empty workspaces
+
+# get initial focused workspace
+focusedws=$(hyprctl -j monitors | gojq -r '.[] | select(.focused == true) | .activeWorkspace.id')
+
+declare -A o=([1]=0 [2]=0 [3]=0 [4]=0 [5]=0 [6]=0 [7]=0 [8]=0 [9]=0 [10]=0)
+declare -A monitormap
+declare -A workspaces
+
+# set color for each workspace
+status() {
+  if [ "${o[$1]}" -eq 1 ]; then 
+    mon=${monitormap[${workspaces[$1]}]}
+    echo -n "${dimmed[$mon]}"
+  else
+    echo -n "$empty"
+  fi
+}
+
+status_activity() {
+  if [ "${o[$1]}" -eq 1 ]; then 
+    mon=${monitormap[${workspaces[$1]}]}
+
+    if [ $focusedws -eq "$1" ]; then
+      echo -n "active"
+    else
+      echo -n "inactive"
+    fi
+  else
+    echo -n "empty"
+  fi
+}
+
+# handle workspace create/destroy
+workspace_event() {
+  if (( $1 <= 10 )); then
+    o[$1]=$2
+    while read -r k v; do workspaces[$k]="$v"; done < <(hyprctl -j workspaces | gojq -r '.[]|"\(.id) \(.monitor)"')
+  fi
+  if [ "$2" == "0" ]; then
+    unset "workspaces[$1]"
+  fi
+}
+# handle monitor (dis)connects
+monitor_event() {
+  while read -r k v; do monitormap["$k"]=$v; done < <(hyprctl -j monitors | gojq -r '.[]|"\(.name) \(.id) "')
+}
+
+# generate the json for eww
+generate() {
+  echo -n '['
+
+  for i in {1..10}; do
+    echo -n ''$([ $i -eq 1 ] || echo ,)'{"num":"'$i'","clr":"'$(status "$i")'"}'
+    # echo -n ''$([ $i -eq 1 ] || echo ,) '{ "number": "'"$i"'", "activity": "'"$(status_activity $i)"'", "color": "'$(status "$i")'" }'
+  done
+
+  # echo -n ',{"num":"'$focusedws'","clr":"'$(status "$focusedws")'"}'
+
+  echo ']'
+}
+
+# setup
+
+# add monitors
+monitor_event
+
+# add workspaces
+while read -r k v; do workspaces[$k]="$v"; done < <(hyprctl -j workspaces | gojq -r '.[]|"\(.id) \(.monitor)"')
+
+# check occupied workspaces
+for num in "${!workspaces[@]}"; do
+  o[$num]=1
+done
+# generate initial widget
+generate
+
+socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | while read -r line; do
+  # echo "${#workspaces[@]} ${#o[@]}"
+  # echo $line
+  case ${line%>>*} in
+    "focusedmon")
+      focusedws=${line#*,}
+      generate
+      ;;
+    "createworkspace")
+      # workspace_event "${line#*>>}" 1
+      o=([1]=0 [2]=0 [3]=0 [4]=0 [5]=0 [6]=0 [7]=0 [8]=0 [9]=0 [10]=0)
+      workspaces=()
+      # add workspaces
+      while read -r k v; do workspaces[$k]="$v"; done < <(hyprctl -j workspaces | gojq -r '.[]|"\(.id) \(.monitor)"')
+      # check occupied workspaces
+      for num in "${!workspaces[@]}"; do
+        o[$num]=1
+      done
+      # focusedws=${line#*>>}
+      generate
+      ;;
+    "movewindow")
+      generate
+      ;;
+    "destroyworkspace")
+      # workspace_event "${line#*>>}" 0
+      o=([1]=0 [2]=0 [3]=0 [4]=0 [5]=0 [6]=0 [7]=0 [8]=0 [9]=0 [10]=0)
+      workspaces=()
+      # add workspaces
+      while read -r k v; do workspaces[$k]="$v"; done < <(hyprctl -j workspaces | gojq -r '.[]|"\(.id) \(.monitor)"')
+      # check occupied workspaces
+      for num in "${!workspaces[@]}"; do
+        o[$num]=1
+      done
+      generate
+      ;;
+    "monitor"*)
+      monitor_event
+      generate
+      ;;
+  esac
+  # echo $line
+  # generate
+done
+
+# main loop
+# socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "workspace|mon(itor)?" | while read -r line; do
+#   case ${line%>>*} in
+#     "workspace")
+#       focusedws=${line#*>>}
+#       generate
+#       ;;
+#     "focusedmon")
+#       focusedws=${line#*,}
+#       generate
+#       ;;
+#     "createworkspace")
+#       workspace_event "${line#*>>}" 1
+#       focusedws=${line#*>>}
+#       # generate
+#       ;;
+#     "destroyworkspace")
+#       workspace_event "${line#*>>}" 0
+#       generate
+#       ;;
+#     "monitor"*)
+#       monitor_event
+#       generate
+#       ;;
+#   esac
+# done
\ No newline at end of file
diff --git a/novelknock/.config/eww/variables.yuck b/novelknock/.config/eww/variables.yuck
new file mode 100644
index 000000000..3cac88c2c
--- /dev/null
+++ b/novelknock/.config/eww/variables.yuck
@@ -0,0 +1,187 @@
+; Const vars
+; I know it looks like a joke but look at the interval
+(defpoll RES_WIDTH :initial 1920 :interval "69h" `xrandr --current | grep '*' | uniq | awk '{print $1}' | cut -d 'x' -f1`)
+(defpoll RES_HEIGHT :initial 1080 :interval "69h" `xrandr --current | grep '*' | uniq | awk '{print $1}' | cut -d 'x' -f2`)
+; (defvar RES_WIDTH 1920)
+; (defvar RES_HEIGHT 1080)
+(defvar BAR_HEIGHT 50)
+(defvar GAPS 5)
+(defvar BG_ZOOM 1.2)
+(defvar BG_ROUNDING 18)
+(defvar OVERVIEW_SCALE 0.18)
+(defvar TASKVIEW_SCALE 0.12)
+(defvar weekdays '[{"day":"Mo","today":"0"},{"day":"Tu","today":"0"},{"day":"We","today":"0"},{"day":"Th","today":"0"},{"day":"Fr","today":"0"},{"day":"Sa","today":"0"},{"day":"Su","today":"0"}]')
+(defvar wsnums `[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]`)
+(defvar ws-icons '["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"]')
+(deflisten ICON_GET `scripts/get_open_icons`)
+(defvar MIN_ROW_HEIGHT 100)
+(defvar WAIFU_TAG_ID `[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19]`) ; Note: change $total and $shown in scripts/scroll-waifu too
+(defvar WAIFU_CATEGORIES      `["waifu", "maid", "uniform", "nekos.life", "oppai", "ero", "ecchi", "hentai", "paizuri", "selfies", "raiden-shogun", "megumin",        "marin-kitagawa", "mori-calliope", "ass", ".pics:waifu",  ".pics:waifu segs",    ".pics:neko",  ".pics:neko segs",    "oral"]`)
+(defvar WAIFU_CATEGORIES_ARGS `["waifu", "maid", "uniform", "--neko",     "oppai", "ero", "ecchi", "hentai", "paizuri", "selfies", "raiden-shogun", "--pics megumin", "marin-kitagawa", "mori-calliope", "ass", "--pics waifu", "--pics waifu --segs", "--pics neko", "--pics neko --segs", "oral"]`)
+
+; (defvar WAIFU_TAG_ID `[0,1,2,3,4,5,6,7,8,9,10]`) ; Note: change $total and $shown in scripts/scroll-waifu too
+; (defvar WAIFU_CATEGORIES      `["waifu", "maid", "uniform", "nekos.life", "selfies", "raiden-shogun", "megumin",        "marin-kitagawa", "mori-calliope", ".pics:waifu",    ".pics:neko"]`)
+; (defvar WAIFU_CATEGORIES_ARGS `["waifu", "maid", "uniform", "--neko",   , "selfies", "raiden-shogun", "--pics megumin", "marin-kitagawa", "mori-calliope", "--pics waifu", "--pics neko"]`)
+
+(defvar username_default "username")
+(defvar WORKSPACE_SIDE_PAD 15)
+(defvar WIFI_ICONS `["", "", "", "", ""]`) ; Levels 0 1 2 3 4  ; Material icons
+(defvar VOLUME_ICONS `["", "", "", ""]`) ; Levels 0 1 2 3  ; Material icons
+(defvar DYNMODULE_LEFT_PAGES 2)
+(defvar DYNMODULE_RIGHT_PAGES 3)
+(defvar SIDELEFT_FAVOURITE_TITLES `["Favourite settings", "Culture"]`)
+(defvar SCROLL_MULTIPLIER_WAIFUTAGS 36) ; Number of pixels to scroll each mouse scroll
+(defvar SCROLL_TOSHOW_WAIFUTAGS 7) ; Edit scroll-waifu script too. I have to hard code or it'll be very slow
+(defvar SCROLL_MULTIPLIER_SETTINGS 427) ; Number of pixels to scroll each mouse scroll
+(defvar DASHBOARD_SETTINGS_PAGES 4)
+(defvar SUPERCONTEXT_DIAMETER 320)
+(defvar SUPERCONTEXT_RADIUS 160) ; Half of diameter obviously
+(defvar SUPERCONTEXT_DIST_FROM_CENTER 124)
+(defvar SUPERCONTEXT_BUTTON_DIAMETER 88)
+(defvar SUPERCONTEXT_BUTTON_RADIUS 44) ; Half of diameter obviously
+(defvar SUPERCONTEXT_ROTATIONS `[22.5, 67.5, 112.5, 157.5, 202.5]`) ; in degrees, clockwise, starts from 12 o'clock
+
+; Const: animation curves
+(defvar ANIM_NAMES `["Material","Fluent"]`)
+(defvar ANIM_ENTER `["transition: 250ms cubic-bezier(0.05,0.7,0.1,1);","transition: 250ms cubic-bezier(0,0,0,1);"]`)
+(defvar ANIM_EXIT `["transition: 180ms cubic-bezier(0.3,0,0.8,0.15);","transition: 180ms cubic-bezier(1,0,1,1);"]`)
+(defvar ANIM_VERYLONG `["transition: 600ms cubic-bezier(0.05,0.7,0.1,1);","transition: 600ms cubic-bezier(0,0,0,1);"]`)
+(defvar anim_set 0) ; Index of main animation set
+
+; Vars
+(defvar scroll_offset_waifu 0)
+(defvar bar_offset 0)
+(defvar osd_vol false)
+(defvar osd_bright false)
+(defvar compact false)
+(defvar selected '')
+(defvar overview_hover_name `{"class": "LMB: Focus | MMB: Close | RMB: Select/Move","title":"Powerview","workspace":{"id":0,"name":"0"},"icon": "/usr/share/icons/breeze-dark/actions/16/window.svg", "size": [0,0], "at": [0,0]}`)
+(defvar overview_query "")
+(defvar overview_results "[]")
+(defvar dynamicleft_module_page 1) ; 1-base
+(defvar dynamicright_module_page 1) ; 1-base
+(defvar sideleft_favourite_page 1) ; 1-base
+(defvar calendartitle "")
+(defvar monthshift 0)
+(defvar quote_index 0)
+(defvar rev_waifustatus false)
+(defvar settings_section -1)
+(defvar scroll_offset_settings -1)
+(defvar scrolldir 'a')
+(defvar supercontext_pos_x 960)
+(defvar supercontext_pos_y 540)
+(defvar ws_to_swap 0)
+(defvar ws_to_dump 0)
+(defvar flash_notif false)
+(defvar show_waifu false)
+(defvar waifu_status "")
+
+; Open/close/hover state
+(defvar hover_music false)
+(defvar rev_power false)
+(defvar open_overview false)
+(defvar open_powerview false)
+(defvar open_sideleft false)
+(defvar open_sideright false)
+(defvar open_bottomsheet false)
+(defvar pinned_bottomsheet false)
+(defvar open_dashboard 0)
+(defvar rev_session_1 false)
+(defvar rev_session_2 false)
+(defvar rev_session_3 false)
+(defvar open_supercontext 0)
+
+; Time
+(defpoll time
+  :initial `{"date": "6/9", "hour": "0", "minute": "0", "monthname": "Month", "day": "Not monday", "year": "2077"}`
+  :interval "5s"
+  `date +'{"date": "%d/%m", "hour": "%H", "minute": "%M", "monthname": "%B", "day": "%A", "year": "%Y"}'`
+)
+(defpoll day_only :interval "1m" "date '+%e' | sed 's/ //g'")
+(defpoll time12 :interval "10s" `date '+%l:%M %^P' | sed 's/am/AM/g' | sed 's/pm/PM/g'`)
+
+; Listeners
+(deflisten airplane "scripts/airplane")
+(deflisten battery :initial "{\"bgcolor\":\"transparent\",\"cirbgcolor\":\"transparent\",\"circolor\":\"#ffd9de\",\"color\":\"white\",\"icon\":\"\",\"percentage\":54,\"quickicon\":\"\",\"status\":\"00:06hleft\",\"wattage\":\"11.9W\"}" "scripts/battery")
+(deflisten bluetooth :initial `{"icon": "","batt_icon":"","text":"Bluetooth off"}` "scripts/bluetooth")
+(deflisten brightness :initial `{"level": 38.43,"icon": ""}` "scripts/brightness")
+(deflisten memory :initial `{ "total": "8G", "used": "4G", "free": "4G", "swaptotal": "8G", "swapused": "0M", "swappercentage": 0, "swapfree": "8G", "percentage": 50 }` "scripts/memory")
+(deflisten music :initial `{"artist" :"","length":"00:00","position":"0","position_time":"00:00","status":"","title":"Music"}` "scripts/music")
+(deflisten mcover
+  :initial '{"image": "null", "color": {"alpha":"100","colors":{"color0":"null","color1":"null","color10":"null","color11":"null","color12":"null","color13":"null","color14":"null","color15":"null","color2":"null","color3":"null","color4":"null","color5":"null","color6":"null","color7":"null","color8":"null","color9":"null"},"special":{"background":"null","cursor":"null","foreground":"null"},"wallpaper":"~/.config/eww/eww_covers/cover_art","source":"󱛟"},"materialcolor":{"onPrimary":"null","onPrimaryContainer":"null","onSecondaryContainer":"null","primary":"null","primaryContainer":"null","secondaryContainer":"null"}}'
+  "scripts/music cover"
+)
+(deflisten notifications :initial '[]' "scripts/notify-receive | gojq -c -M 'reverse'")
+(deflisten notif_icons :initial `{"icon": "󰆄", "paused": false, "toggle_icon": ""}` "scripts/notifications icons")
+(deflisten net :initial `{ "essid": "lo", "icon": "", "level": "0" }` "scripts/net")
+(deflisten volume :initial `{"icon":"","audio":"1","device":"Headphones","percent":"32","microphone":"100"}` "scripts/volume")
+(deflisten workspace :initial `[{"num":"1","clr":"rgba(106,105,105,0.6)"},{"num":"2","clr":"rgba(106,105,105,0.6)"},{"num":"3","clr":"rgba(106,105,105,0.6)"},{"num":"4","clr":"rgba(106,105,105,0.6)"},{"num":"5","clr":"rgba(106,105,105,0.6)"},{"num":"6","clr":"rgba(106,105,105,0.6)"},{"num":"7","clr":"rgba(106,105,105,0.6)"},{"num":"8","clr":"rgba(106,105,105,0.6)"},{"num":"9","clr":"rgba(106,105,105,0.6)"},{"num":"10","clr":"rgba(106,105,105,0.6)"}]` "scripts/workspaces")
+(deflisten hyprjson :initial `{"rounding":15,"gaps_in":4,"gaps_out":4,"border_size":2,"force_no_accel":0,"input_sensitivity":0,"touchpad_disable_while_typing":1,"touchpad_clickfinger_behavior":1,"blur":1,"blur_size":7,"blur_passes":4,"blur_xray":1,"nightlight":false,"dummy":0}` "scripts/hyprsettings")
+(deflisten awin "scripts/activewin")
+(deflisten audiojson :initial "[]" "scripts/audiolevels")
+(deflisten mname :initial "{\"artist\":\"\",\"title\":\"Music\"}" "scripts/music name 999") ; The number is the length limit of the title
+(deflisten mplay "playerctl -F metadata -f '{{status}}'")
+(deflisten wsjsona
+  :initial `[[{"address":"_none","at":[0,0],"class":"workspace","size":[1920,1080],"title":"1","workspace":{"id":1,"name":"1"}}],[{"address":"_none","at":[0,0],"class":"workspace","size":[1920,1080],"title":"2","workspace":{"id":2,"name":"2"}}],[{"address":"_none","at":[0,0],"class":"workspace","size":[1920,1080],"title":"3","workspace":{"id":3,"name":"3"}}],[{"address":"_none","at":[0,0],"class":"workspace","size":[1920,1080],"title":"4","workspace":{"id":4,"name":"4"}}],[{"address":"_none","at":[0,0],"class":"workspace","size":[1920,1080],"title":"5","workspace":{"id":5,"name":"5"}}]]`
+  "scripts/overview-wrapper1"
+)
+(deflisten wsjsonb
+  :initial `[[{"address":"_none","at":[0,0],"class":"workspace","size":[1920,1080],"title":"6","workspace":{"id":6,"name":"6"}}],[{"address":"_none","at":[0,0],"class":"workspace","size":[1920,1080],"title":"7","workspace":{"id":7,"name":"7"}}],[{"address":"_none","at":[0,0],"class":"workspace","size":[1920,1080],"title":"8","workspace":{"id":8,"name":"8"}}],[{"address":"_none","at":[0,0],"class":"workspace","size":[1920,1080],"title":"9","workspace":{"id":9,"name":"9"}}],[{"address":"_none","at":[0,0],"class":"workspace","size":[1920,1080],"title":"10","workspace":{"id":10,"name":"10"}}]]`
+  "scripts/overview-wrapper2"
+)
+(deflisten activews :initial 1 "scripts/activews")
+(deflisten tasks "scripts/taskbarloop")
+(deflisten todolist :initial "[]" "cat json/todo.json | gojq -c -M")
+(deflisten directories :initial "[]" "cat json/directories.json | gojq -c -M")
+(deflisten websites :initial "[]" "cat json/websites.json | gojq -c -M")
+(deflisten audiodevice `pactl --format=json list sinks | gojq -c -r '.[0]["description"]'`)
+(deflisten cavajson :initial "[[0,0]]" `scripts/cavajson`)
+(deflisten mousepos `scripts/mousetrack`)
+(deflisten taskviewlayout `scripts/taskviewlayout-wrapper`)
+(deflisten lang_ibus :initial "{\"name\":\"English (xkb)\",\"name_abbr\":\"ENG\",\"name_ibus\":\"xkb:us::eng\"}" `scripts/language`)
+(defpoll langs :initial "[]" :interval "5m" `cat json/langs.json | gojq -c -M`)
+(defpoll colormode   :interval "5m" "cat scripts/workdir/__mode_colors.txt")
+(defpoll coloraccent :initial "#E22369" :interval "5m" "cat css/_iconcolor.txt | head -1")
+(defpoll mousemode :interval "1m" "lsusb.py -i | grep -i mouse > /dev/null && echo 1 || echo 0")
+
+; Fetch stuff
+(defpoll distro :initial "EndeavourOS" :interval "5m" "grep -w NAME /etc/os-release | cut -d\\\" -f2")
+; (defpoll uptime :interval "1m" "uptime -p | sed -e 's/up //;s/ hours,/h/;s/ minutes/m/'")
+(defpoll packages :interval "10m" `pacman -Q | wc -l`)
+(defpoll kernel :interval "69h" `uname -r`)
+(defpoll username :interval "69h" :initial "username" `whoami`)
+(defpoll realname :interval "69h" :initial "username" `awk -F':' -v uid=1000 '$3 == uid { print $5 }' /etc/passwd`)
+(defpoll hostname :interval "69h" :initial "distro" `uname -n`)
+(defpoll wm :interval "69h" :initial "Hyprland" `echo $XDG_CURRENT_DESKTOP`)
+(defpoll diskfreepercent :initial "0" :interval "10m" `echo $(df --output=pcent / | tr -dc '0-9')`)
+(defpoll diskused :interval "10m" `df -h --output=used / | awk 'NR==2{print $1}'`)
+(defpoll diskfree :interval "10m" `df -h --output=avail / | awk 'NR==2{print $1}'`)
+(defpoll disksize :interval "10m" `df -h --output=size / | awk 'NR==2{print $1}'`)
+(deflisten cpuname `cat /proc/cpuinfo | grep 'model name' | awk -F: '{print $2}' | head -n 1`)
+(defpoll waifu :initial `{"path": "eww_covers/waifu", "size": [1080, 1080]}` :interval "5m" `python3 scripts/waifu-get.py waifu`)
+(defpoll calendar :initial "[]" :interval "15m" `eww update monthshift=0 && eww update calendartitle="$(date '+%B %Y')" && scripts/calendarlayout`)
+
+
+; Quote
+(defvar quote_content `[
+  "arch is like rick astley to me\\\nnever gonna let you down",
+  "BRO FRANCE BANNED MS OFFICE AND GOOGLE DOCS IN SCHOOLS LMAO L L L L L L L L L L L L L L L L",
+  "you have any cool ones?\\\nI'm always open for new wallpapers\\\npreferably anime tiddies ofc but yknow",
+  "haha pointers hee hee i love pointe-\\\nProcess Vaxry exited with signal SIGSEGV",
+  "doki doki waku waku",
+  "that was good enough I guess\\\nI have a penis",
+  "...so Nvidia, fuck you",
+  "you cant spell circumference without cum",
+  "sEX"
+]`)
+(defvar quote_author `[
+  "- vaxry-chan",
+  "- vaxry",
+  "- vaxry",
+  "- vaxry",
+  "- Hyprland community, 2023",
+  "- vaxry",
+  "- Linus Torvalds",
+  "- vaxer",
+  "- vaxer"
+]`)
diff --git a/novelknock/.config/eww/windows/bgdecor.yuck b/novelknock/.config/eww/windows/bgdecor.yuck
new file mode 100755
index 000000000..47a4c8737
--- /dev/null
+++ b/novelknock/.config/eww/windows/bgdecor.yuck
@@ -0,0 +1,47 @@
+(defwidget bgdecor_widget []
+  (overlay
+    (box
+      :width RES_WIDTH
+      :height RES_HEIGHT
+    )
+    (image 
+      :path "images/menus/corner_topleft.svg"
+      :halign "start"
+      :valign "start"
+      :image-width BG_ROUNDING
+      :image-height BG_ROUNDING
+    )
+    (image 
+      :path "images/menus/corner_topright.svg"
+      :halign "end"
+      :valign "start"
+      :image-width BG_ROUNDING
+      :image-height BG_ROUNDING
+    )
+    (image 
+      :path "images/menus/corner_bottomleft.svg"
+      :halign "start"
+      :valign "end"
+      :image-width BG_ROUNDING
+      :image-height BG_ROUNDING
+    )
+    (image 
+      :path "images/menus/corner_bottomright.svg"
+      :halign "end"
+      :valign "end"
+      :image-width BG_ROUNDING
+      :image-height BG_ROUNDING
+    )
+  )
+)
+
+(defwindow bgdecor
+  :monitor 0
+  :stacking "bg"
+  :namespace "noblur"
+  :geometry (geometry
+    :width "100%"
+    :height "100%"
+  )
+  (bgdecor_widget)
+)
\ No newline at end of file
diff --git a/novelknock/.config/eww/windows/bottomsheet.yuck b/novelknock/.config/eww/windows/bottomsheet.yuck
new file mode 100755
index 000000000..97125d2cf
--- /dev/null
+++ b/novelknock/.config/eww/windows/bottomsheet.yuck
@@ -0,0 +1,268 @@
+(defwidget bottomsheet_back_widget []
+  (box
+    :orientation "v"
+    :space-evenly false
+    :style "
+    ${open_bottomsheet ? ANIM_ENTER[anim_set] : ANIM_EXIT[anim_set]}
+    ${open_bottomsheet ? '' : ('margin-bottom: -400px;')}
+    "
+    (eventbox
+      :onclick "scripts/toggle-bottomsheet.sh --close &"
+      :onrightclick "scripts/toggle-bottomsheet.sh --close &"
+      :onmiddleclick "scripts/toggle-bottomsheet.sh --close &"
+    )
+    (box
+      :class "window"
+      :style "min-height: 300px;"
+      (box ; Media cover background (behind blur)
+        :class "bottomsheet-back-bg"
+        ;:style "background-image: url('${mcover.image}');"
+      )
+    )
+  )
+)
+
+(defwidget bottomsheet_widget []
+  (eventbox
+    :onhoverlost {pinned_bottomsheet ? '' : 'scripts/toggle-bottomsheet.sh --close &'}
+    :style "
+    "
+    (box
+      :orientation "v"
+      :space-evenly false
+      :style "
+      ${open_bottomsheet ? ANIM_ENTER[anim_set] : ANIM_EXIT[anim_set]}
+      ${open_bottomsheet ? '' : ('margin-bottom: -400px;')}
+      
+      border-radius: 10px;
+      margin-left: 5px;
+      "
+      :width "1910px"
+      (eventbox
+        :onclick "scripts/toggle-bottomsheet.sh --close &"
+        :onrightclick "scripts/toggle-bottomsheet.sh --close &"
+        :onmiddleclick "scripts/toggle-bottomsheet.sh --close &"
+      )
+      (box
+        :class "window"
+        :orientation "h"
+        :spacing 17
+        :style "
+        margin: 0px 20px;
+        margin-bottom: -309px;
+        "
+        (for colheight in cavajson
+          (box
+            :class "bottomsheet-cavacol"
+            :valign "center"
+            :style "
+            min-height: ${round(colheight[0] / 3.5, 0)}px;
+            background-color: ${colheight[0] == 0 ? 'transparent' : 'mix(${(mcover.color.colors.color3 == 'null' ? coloraccent : mcover.color.colors.color3)}, rgba(220, 220, 220, 0.1), 0.2)'};
+            "
+          )
+        )
+      )
+      (box ; Real stuff
+        :height 300
+        :space-evenly false
+        :orientation "v"
+        :style "
+        margin: 5px;
+        "
+        (box
+          :orientation "h"
+          :space-evenly false :spacing -35
+          :class "bottomsheet-bg"
+	  :style "background-color: ${mcover.materialcolor.secondaryContainerRgba == 'null' ? "rgba(0,0,0,0.5)" : mcover.materialcolor.secondaryContainerRgba}"
+	  (box ; Pin button
+            :orientation "v"
+            :spacing 15
+            :valign "start"
+            :class "bottomsheet-windowctl"
+            (button
+              :width 50 :height 50
+              :onclick "scripts/toggle-bottomsheet.sh --close &"
+              :class "bottomsheet-windowctl-btn"
+              :style "
+              ${mcover.materialcolor.secondaryContainer == 'null' ? '' : 'background-color: ${mcover.materialcolor.secondaryContainer};'}
+              ${mcover.materialcolor.onSecondaryContainer == 'null' ? '' : 'color: ${mcover.materialcolor.onSecondaryContainer};'}
+              "
+              "keyboard_double_arrow_down"
+            )
+            (button
+              :width 50 :height 50
+              :onclick "${EWW_CMD} update pinned_bottomsheet=${!pinned_bottomsheet} &"
+              :class "bottomsheet-windowctl-btn${pinned_bottomsheet ? '-true' : ''}"
+              :style "
+              ${mcover.materialcolor.secondaryContainer == 'null' ? '' : 'background-color: ${mcover.materialcolor.secondaryContainer};'}
+              ${mcover.materialcolor.onSecondaryContainer == 'null' ? '' : 'color: ${mcover.materialcolor.onSecondaryContainer};'}
+              "
+              "push_pin"
+            )
+          )
+          (box ; Media cover (foreground)
+            :valign "center"
+            :class "bottomsheet-music-cover"
+            :style "
+            ${mcover.image == 'null' ? 'min-width: 200px;' :
+            '
+            background-image: url(\'${mcover.image}\');
+            min-width: 200px;
+            box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.7);
+            '}
+            "
+          )
+          (scroll
+            :hscroll true :vscroll false
+            :width {RES_WIDTH / 2}
+            :hexpand true
+            :style "margin-left: 15px; margin-right: 30px;"
+            (box
+              :orientation "v"
+              :space-evenly false
+              :class "bottomsheet-music-info"
+              (label
+                :xalign 0
+                :class "bottomsheet-music-title"
+                :style "
+                color: ${mcover.materialcolor.onPrimaryContainer == 'null' ? coloraccent : mcover.materialcolor.onPrimaryContainer};
+                "
+                :wrap true
+                :text {strlength(mname.title) == 0 ? 'Music' : mname.title}
+              )
+              (label
+                :xalign 0 :yalign 0
+                :vexpand true
+                :class "bottomsheet-music-artist"
+                :style "color: ${mcover.materialcolor.onPrimaryContainer == 'null' ? coloraccent : mcover.materialcolor.onPrimaryContainer};"
+                :text {mname.artist}
+              )
+              (box
+                :orientation "h"
+                :halign "start"
+                :class "bottomsheet-music-controlsbox"
+                (button
+                  :class "bar-icon-material bottomsheet-music-btn"
+                  :style "color: ${mcover.materialcolor.onPrimaryContainer == 'null' ? coloraccent : mcover.materialcolor.onPrimaryContainer};"
+                  :onclick "playerctl previous"
+                  "skip_previous"
+                )
+                (button
+                  :class "bar-icon-material bottomsheet-music-btn"
+                  :style "color: ${mcover.materialcolor.onPrimaryContainer == 'null' ? coloraccent : mcover.materialcolor.onPrimaryContainer};"
+                  :onclick "playerctl play-pause"
+                  "${mplay == 'Playing' ? 'pause' : 'play_arrow'}"
+                )
+                (button
+                  :class "bar-icon-material bottomsheet-music-btn"
+                  :style "color: ${mcover.materialcolor.onPrimaryContainer == 'null' ? coloraccent : mcover.materialcolor.onPrimaryContainer};"
+                  :onclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+                  "skip_next"
+                )
+              )
+            )
+          )
+          (scroll ; Volume mixer
+            :halign "end"
+            ; :vscroll true :hscroll false
+            :width 500
+            (box
+              :orientation "V"
+              :space-evenly false :spacing 10
+              :style "padding: 15px;"
+              (for app in audiojson
+                (box
+                  :space-evenly false :orientation "h" :spacing 10
+                  (image
+                    :class "bottomsheet-mixer-app-icon"
+                    :style "${mcover.materialcolor.secondaryContainer == 'null' ? '' : 'background-color: ${mcover.materialcolor.secondaryContainer};'}"
+                    :path {app.icon}
+                    :image-width 30
+                    :image-height 30
+                  )
+                  (box
+                    :orientation "h"
+                    :space-evenly true ; Even I can't believe I'd ever write this
+                    :hexpand true
+                    :spacing 5
+                    (for ser in {app["volume"]}
+                      (eventbox
+                        :onscroll "pactl set-sink-input-volume ${ser[0]} $(echo {} | sed -e \"s/up/+5/g\" -e \"s/down/-5/g\")%"
+                        :onrightclick "pactl set-sink-input-volume ${ser[0]} 100%"
+                        :onclick "pactl set-sink-input-volume ${ser[0]} 0%"
+                        (box
+                          :hexpand true
+                          :space-evenly false
+                          :orientation "h"
+                          :class "bottomsheet-mixer-app-serial"
+                          :style "${mcover.materialcolor.secondaryContainer == 'null' ? '' : 'background-color: ${mcover.materialcolor.secondaryContainer};'}"
+                          (label
+                            :xalign 0 :hexpand true
+                            :class "bottomsheet-mixer-app-num"
+                            :style "${mcover.materialcolor.onSecondaryContainer == 'null' ? '' : 'color: ${mcover.materialcolor.onSecondaryContainer};'}"
+                            :text "#${ser[0]}"
+                          )
+                          (box
+                            :style "margin: 0px 10px;"
+                            (circular-progress
+                              :value {ser[1] > 100 ? 100 : ser[1]}
+                              :start-at 75 :thickness 3
+                              :width 37 :height 37
+                              :class "bottomsheet-mixer-app-circle"
+                              :style "color: ${mcover.materialcolor.onSecondaryContainer == 'null' ? coloraccent : mcover.materialcolor.onSecondaryContainer};"
+                              (label
+                                :class "bottomsheet-mixer-app-incircle"
+                                :style "color: ${mcover.materialcolor.onSecondaryContainer == 'null' ? coloraccent : mcover.materialcolor.onSecondaryContainer};"
+                                :text "${ser[1]}"
+                              )
+                            )
+                          )
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow bottomsheet
+  :monitor 0
+  :stacking "fg"
+  :namespace "eww-lowopacity"
+  ; :focusable true
+  :geometry (geometry
+    :anchor "bottom center"
+    :y 5
+    :width "1910px"
+  )
+  (bottomsheet_widget)
+)
+
+(defwindow bottomsheet_back
+  :monitor 0
+  :stacking "bg"
+  :namespace "noblur"
+  :geometry (geometry
+    :anchor "bottom center"
+    :y 1
+    :width "100%"
+  )
+  (bottomsheet_back_widget)
+)
+
+(defwindow bottomline
+  :monitor 0
+  :stacking "fg"
+  :namespace "eww"
+  :geometry (geometry
+    :anchor "bottom center"
+    :width "100%"
+  )
+  (eventbox :onclick "scripts/toggle-bottomsheet.sh &" (box :height 1))
+)
diff --git a/novelknock/.config/eww/windows/dashboard.yuck b/novelknock/.config/eww/windows/dashboard.yuck
new file mode 100755
index 000000000..1c3f50335
--- /dev/null
+++ b/novelknock/.config/eww/windows/dashboard.yuck
@@ -0,0 +1,832 @@
+(defwidget switch [ value ]
+  (box
+    :halign "end"
+    :space-evenly false
+    :class "switch-bg-${value}"
+    :style "
+    min-width: 40px;
+    min-height: 20px;
+    "
+    (box
+      :valign "center"
+      :class "switch-fg-${value}"
+      :style "
+      ${ANIM_ENTER[1]}
+      ${(value == true || value > 0) ? 'margin-left: 20px;' : 'margin-left: 4px;'}
+      min-width: ${(value == true || value > 0) ? 20 : 12}px;
+      min-height: ${(value == true || value > 0) ? 20 : 12}px;
+      "
+      (label :class "switch-fg-icon bar-txt-norm" :text {(value == true || value > 0) ? 'check' : ''})
+    )
+  )
+)
+
+(defwidget settings_button [ text onclick ]
+  (button
+    :onclick {onclick}
+    :class "dashboard-settings-button"
+    (label :text {text})
+  )
+)
+
+(defwidget settings-title [ name ]
+  (box
+    :space-evenly false
+    :style "margin-bottom: 5px;"
+    (label :class "dashboard-settings-title-txt" :text {name})
+  )
+)
+
+(defwidget settings-title-small [ name ]
+  (box
+    :space-evenly false
+    :style "margin: 2px 0px;"
+    (label :class "dashboard-settings-title-txtsmall" :text {name})
+  )
+)
+
+(defwidget settings-option-binary [ name value ]
+  (box
+    :space-evenly false :hexpand true :valign "center"
+    (label :xalign 0 :hexpand true :class "dashboard-settings-txt" :text {name})
+    (switch :value value)
+  )
+)
+
+(defwidget settings_option_mousesens []
+  (box
+    :orientation "h"
+    :space-evenly false :spacing 3
+    :hexpand true
+    (eventbox
+      :cursor "pointer"
+      :onclick "hyprctl keyword input:force_no_accel ${1 - hyprjson.force_no_accel} &"
+      (box
+        :orientation "v"
+        :space-evenly false
+        :class "dashboard-settings-option-group-left dashboard-settings-option-group-minsize"
+        (label :vexpand true  :class "dashboard-settings-option-toggle-icon" :text "arrow_selector_tool")
+        (label :style "margin-bottom: 10px;" :class "dashboard-settings-option-toggle-txt" :text {hyprjson.force_no_accel == 1 ? 'Raw input' : ('Accel: ' + hyprjson.input_sensitivity)})
+      )
+    )
+    (box
+      :hexpand true
+      :class "dashboard-settings-option-group-right"
+      (scale
+        :class "dashboard-settings-scale"
+        :value {hyprjson.input_sensitivity * 50 + 50}
+        :onchange "hyprctl keyword input:sensitivity $(echo - | awk '{print {} / 50 - 1}') && scripts/hyprsettings tickle &"
+      )
+    )
+  )
+)
+
+(defwidget settings_option_blursize []
+  (box
+    :orientation "h"
+    :space-evenly false :spacing 3
+    (eventbox
+      :cursor "pointer"
+      :onclick "hyprctl keyword decoration:blur:enabled ${1 - hyprjson.blur} && scripts/hyprsettings tickle &"
+      (box
+        :orientation "v"
+        :space-evenly false
+        :class "dashboard-settings-option-group-left dashboard-settings-option-group-minsize"
+        (label :vexpand true  :class "dashboard-settings-option-toggle-icon" :text "straighten")
+        (label :style "margin-bottom: 10px;" :class "dashboard-settings-option-toggle-txt" :text "Size")
+      )
+    )
+    (box
+      :hexpand true
+      :class "dashboard-settings-option-group-right"
+      (scale
+        :class "dashboard-settings-scale"
+        :tooltip {hyprjson.blur_size}
+        :value {hyprjson.blur_size}
+        :onchange "hyprctl keyword decoration:blur:size {} && scripts/hyprsettings tickle &"
+      )
+    )
+  )
+)
+
+(defwidget settings_option_blurpasses []
+  (box
+    :orientation "h"
+    :space-evenly false :spacing 3
+    (eventbox
+      :cursor "pointer"
+      :onclick "hyprctl keyword decoration:blur:enabled ${1 - hyprjson.blur} && scripts/hyprsettings tickle &"
+      (box
+        :orientation "v"
+        :space-evenly false
+        :class "dashboard-settings-option-group-left dashboard-settings-option-group-minsize"
+        (label :vexpand true  :class "dashboard-settings-option-toggle-icon" :text "control_point_duplicate")
+        (label :style "margin-bottom: 10px;" :class "dashboard-settings-option-toggle-txt" :text "Passes")
+      )
+    )
+    (box
+      :hexpand true
+      :class "dashboard-settings-option-group-right"
+      (scale
+        :class "dashboard-settings-scale"
+        :tooltip {hyprjson.blur_passes}
+        :value {hyprjson.blur_passes}
+        :onchange "hyprctl keyword decoration:blur:passes {} && scripts/hyprsettings tickle &"
+      )
+    )
+  )
+)
+
+(defwidget settings_option_gapsin []
+  (box
+    :orientation "h"
+    :space-evenly false :spacing 3
+    (box
+      :orientation "v"
+      :space-evenly false
+      :class "dashboard-settings-option-group-left dashboard-settings-option-group-minsize"
+      (label :vexpand true  :class "dashboard-settings-option-toggle-icon" :text "fullscreen_exit")
+      (label :style "margin-bottom: 10px;" :class "dashboard-settings-option-toggle-txt" :text "Inner")
+    )
+    (box
+      :hexpand true
+      :class "dashboard-settings-option-group-right"
+      (scale
+        :class "dashboard-settings-scale"
+        :tooltip {hyprjson.gaps_in}
+        :value {hyprjson.gaps_in}
+        :onchange "hyprctl keyword general:gaps_in {} && scripts/hyprsettings tickle &"
+      )
+    )
+  )
+)
+
+(defwidget settings_option_gapsout []
+  (box
+    :orientation "h"
+    :space-evenly false :spacing 3
+    (box
+      :orientation "v"
+      :space-evenly false
+      :class "dashboard-settings-option-group-left dashboard-settings-option-group-minsize"
+      (label :vexpand true  :class "dashboard-settings-option-toggle-icon" :text "fullscreen")
+      (label :style "margin-bottom: 10px;" :class "dashboard-settings-option-toggle-txt" :text "Outer")
+    )
+    (box
+      :hexpand true
+      :class "dashboard-settings-option-group-right"
+      (scale
+        :class "dashboard-settings-scale"
+        :tooltip {hyprjson.gaps_out}
+        :value {hyprjson.gaps_out}
+        :onchange "hyprctl keyword general:gaps_out {} && scripts/hyprsettings tickle &"
+      )
+    )
+  )
+)
+
+(defwidget settings_option_bordersize []
+  (box
+    :orientation "h"
+    :space-evenly false :spacing 3
+    (box
+      :orientation "v"
+      :space-evenly false
+      :class "dashboard-settings-option-group-left dashboard-settings-option-group-minsize"
+      (label :vexpand true  :class "dashboard-settings-option-toggle-icon" :text "line_weight")
+      (label :style "margin-bottom: 10px;" :class "dashboard-settings-option-toggle-txt" :text "Thickness")
+    )
+    (box
+      :hexpand true
+      :class "dashboard-settings-option-group-right"
+      (scale
+        :class "dashboard-settings-scale"
+        :tooltip {hyprjson.border_size}
+        :value {hyprjson.border_size}
+        :onchange "hyprctl keyword general:border_size {} && scripts/hyprsettings tickle &"
+      )
+    )
+  )
+)
+
+(defwidget settings_option_rounding []
+  (box
+    :orientation "h"
+    :space-evenly false :spacing 3
+    (box
+      :orientation "v"
+      :space-evenly false
+      :class "dashboard-settings-option-group-left dashboard-settings-option-group-minsize"
+      (label :vexpand true  :class "dashboard-settings-option-toggle-icon" :text "rounded_corner")
+      (label :style "margin-bottom: 10px;" :class "dashboard-settings-option-toggle-txt" :text "Rounding")
+    )
+    (box
+      :hexpand true
+      :class "dashboard-settings-option-group-right"
+      (scale
+        :class "dashboard-settings-scale"
+        :tooltip {hyprjson.rounding}
+        :value {hyprjson.rounding}
+        :onchange "hyprctl keyword decoration:rounding {} && scripts/hyprsettings tickle &"
+      )
+    )
+  )
+)
+
+
+(defwidget settings_option_touchpad []
+  (box
+    :orientation "h"
+    :spacing 3
+    (eventbox
+      :cursor "pointer"
+      :onclick "hyprctl keyword input:touchpad:disable_while_typing ${1 - hyprjson.touchpad_disable_while_typing} &"
+      (box
+        :class "dashboard-settings-option-group-left dashboard-settings-option-group-pad"
+        (settings-option-binary :name "Disable while typing" :value {hyprjson.touchpad_disable_while_typing})
+      )
+    )
+    (eventbox
+      :cursor "pointer"
+      :onclick "hyprctl keyword input:touchpad:clickfinger_behavior ${1 - hyprjson.touchpad_clickfinger_behavior} &"
+      (box
+        :class "dashboard-settings-option-group-right dashboard-settings-option-group-pad"
+        (settings-option-binary :name "Tap to click" :value {hyprjson.touchpad_clickfinger_behavior})
+      )
+    )
+  )
+)
+
+(defwidget settings_option_blurtoggles []
+  (box
+    :orientation "h"
+    :spacing 3
+    (eventbox
+      :cursor "pointer"
+      :onclick "hyprctl keyword decoration:blur:enabled ${1 - hyprjson.blur} && scripts/hyprsettings tickle &"
+      (box
+        :class "dashboard-settings-option-group-left dashboard-settings-option-group-pad"
+        (settings-option-binary :name "Enable blur" :value {hyprjson.blur})
+      )
+    )
+    (eventbox
+      :cursor "pointer"
+      :onclick "hyprctl keyword decoration:blur:xray ${1 - hyprjson.blur_xray} && scripts/hyprsettings tickle &"
+      (box
+        :class "dashboard-settings-option-group-right dashboard-settings-option-group-pad"
+        (settings-option-binary :name "Blur xray" :value {hyprjson.blur_xray})
+      )
+    )
+  )
+)
+
+(defwidget settings_option_language []
+  (box
+    :vexpand true
+    (scroll
+      :hscroll true :vscroll false :hexpand true
+      (box
+        :spacing 5
+        (for language in langs
+          (button
+            :class "dashboard-option-lang${language.name_ibus == lang_ibus.name_ibus ? '-true' : '-false'}"
+            :onclick "ibus engine ${language.name_ibus} && eww update lang_ibus='${language}' &"
+            (box
+              :space-evenly false :orientation "h" :spacing 5
+              (box
+                :valign "center"
+                :class "dashboard-lang-indicator-${language.name_ibus == lang_ibus.name_ibus}"
+              )
+              (box
+                :space-evenly false :orientation "v"
+                :valign "center"
+                (label :xalign 0
+                  :limit-width 24
+                  :text {language.name}
+                )
+                (label :xalign 0
+                  :limit-width 24
+                  :wrap true
+                  :text "${language.name_method}"
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget settings_option_debuggingtoggles []
+  (box
+    :orientation "h"
+    :spacing 3
+    (eventbox
+      :cursor "pointer"
+      :onclick "hyprctl keyword debug:damage_tracking ${2 - hyprjson.damage_tracking} && scripts/hyprsettings tickle &"
+      (box
+        :class "dashboard-settings-option-group-left dashboard-settings-option-group-pad"
+        (settings-option-binary :name "Damage tracking" :value {hyprjson.damage_tracking})
+      )
+    )
+    (eventbox
+      :cursor "pointer"
+      :onclick "hyprctl keyword debug:overlay ${1 - hyprjson.overlay} && scripts/hyprsettings tickle &"
+      (box
+        :class "dashboard-settings-option-group-right dashboard-settings-option-group-pad"
+        (settings-option-binary :name "Show FPS" :value {hyprjson.overlay})
+      )
+    )
+  )
+)
+
+(defwidget settings_mouse_widget []
+  (box
+    :orientation "v"
+    :space-evenly false :spacing 10
+    :class "dashboard-setting-section-pad"
+    (settings-title :name "Devices")
+    (settings-title-small :name "Mouse")
+    (settings_option_mousesens)
+    (settings-title-small :name "Touchpad")
+    (settings_option_touchpad)
+    (settings-title-small :name "Keyboard")
+    (settings_option_language)
+  )
+)
+
+(defwidget settings_blur_widget []
+  (box
+    :orientation "v"
+    :space-evenly false :spacing 10
+    :class "dashboard-setting-section-pad"
+    (settings-title :name "Blur")
+    (settings-title-small :name "Modes")
+    (settings_option_blurtoggles)
+    (settings-title-small :name "Strength")
+    (settings_option_blursize)
+    (settings_option_blurpasses)
+  )
+)
+
+(defwidget settings_gaps_widget []
+  (box
+    :orientation "v"
+    :space-evenly false :spacing 10
+    :class "dashboard-setting-section-pad"
+    (settings-title :name "Window settings")
+    (settings-title-small :name "Gaps")
+    (box :spacing 5
+      (settings_option_gapsin)
+      (settings_option_gapsout)
+    )
+    (settings-title-small :name "Borders")
+    (box :spacing 5
+      (settings_option_bordersize)
+      (settings_option_rounding)
+    )
+  )
+)
+
+(defwidget settings_hyprland_widget []
+  (box
+    :orientation "v"
+    :space-evenly false :spacing 10
+    :class "dashboard-setting-section-pad"
+    (settings-title :name "Hyprland")
+    (settings_button :text "Reload config" :onclick "hyprctl reload &")
+    (settings-title-small :name "Debugging stuff")
+    (settings_option_debuggingtoggles)
+    (settings-title-small :name "Help & Support")
+    (box :spacing 5
+      (settings_button :text "Open Hyprland Wiki" :onclick "scripts/toggle-dashboard.sh --close && xdg-open https://wiki.hyprland.org/ &")
+      (settings_button :text "Hypr Dev. Discord server" :onclick "scripts/toggle-dashboard.sh --close && xdg-open https://discord.com/invite/hQ9XvMUjjr &")
+    )
+  )
+)
+
+(defwidget dashboard_widget []
+  (box
+    :space-evenly false :orientation "h"
+    (overlay
+      (box
+        :class "dashboard-bg"
+        :height RES_HEIGHT
+        :width RES_WIDTH
+      )
+      (box
+        :valign "end"
+        (revealer ; Audio visualizer (cava)
+          :reveal {open_dashboard >= 3}
+          :duration "100ms"
+          :transition "crossfade"
+          (box
+            :orientation "h"
+            :spacing 17
+            (for colheight in cavajson
+              (box
+                :class "dashboard-cavacol"
+                :valign "end"
+                :style "
+                min-height: ${round(colheight[0] / 2.5, 0)}px;
+                "
+              )
+            )
+          )
+        )
+      )
+      (image
+        :path "images/menus/corner_topleft.svg"
+        :halign "start"
+        :valign "start"
+        :image-width BG_ROUNDING
+        :image-height BG_ROUNDING
+      )
+      (image
+        :path "images/menus/corner_topright.svg"
+        :halign "end"
+        :valign "start"
+        :image-width BG_ROUNDING
+        :image-height BG_ROUNDING
+      )
+      (image
+        :path "images/menus/corner_bottomleft.svg"
+        :halign "start"
+        :valign "end"
+        :image-width BG_ROUNDING
+        :image-height BG_ROUNDING
+      )
+      (image
+        :path "images/menus/corner_bottomright.svg"
+        :halign "end"
+        :valign "end"
+        :image-width BG_ROUNDING
+        :image-height BG_ROUNDING
+      )
+      (box
+        :halign "center" :valign "start"
+        :style "
+        ${open_dashboard >= 1 ? ANIM_ENTER[anim_set] : ANIM_EXIT[anim_set]};
+        margin-top: ${open_dashboard >= 1 ? 40 : 90}px;
+        "
+        (revealer ; Time and date
+          :reveal {open_dashboard >= 1}
+          :duration "100ms"
+          :transition "crossfade"
+          (box
+            :orientation "v"
+            :space-evenly false
+            (label
+              :class "dashboard-clock-time"
+              :text "${time.hour}:${time.minute}"
+            )
+            (label
+              :class "dashboard-clock-date"
+              :text "${time.day}, ${day_only} ${time.monthname} ${time.year}"
+            )
+          )
+        )
+      )
+      (box
+        :halign "start" :valign "start"
+        :style "
+        ${open_dashboard >= 1 ? ANIM_ENTER[anim_set] : ANIM_EXIT[anim_set]};
+        margin-top: ${open_dashboard >= 1 ? 50 : 100}px;
+        margin-left: 50px;
+        "
+        (revealer ; User
+          :reveal {open_dashboard >= 1}
+          :duration "100ms"
+          :transition "crossfade"
+          (box
+            :orientation "h"
+            :space-evenly false
+            :spacing 15
+            (box
+              :halign "center" :valign "center"
+              :class "dashbaord-user-pic"
+              :style "background-image: url('/var/lib/AccountsService/icons/${username}');"
+            )
+            (box
+              :orientation "v"
+              :space-evenly false
+              (label :xalign 0
+                :class "dashboard-user-realname"
+                :text "${realname}"
+              )
+              (label :xalign 0
+                :class "dashboard-user-username"
+                :text "${username}"
+              )
+            )
+          )
+        )
+      )
+      (box
+        :halign "end" :valign "start"
+        (revealer ; Close button
+          :reveal {open_dashboard >= 1}
+          :duration "100ms"
+          :transition "crossfade"
+          (eventbox
+            :onclick "scripts/toggle-dashboard.sh --close &"
+            :cursor "pointer"
+            (box
+              :style "
+              ${open_dashboard >= 1 ? ANIM_ENTER[anim_set] : ANIM_EXIT[anim_set]};
+              ${open_dashboard >= 1 ? '' : 'margin-top: 100px;'}
+              padding: 50px;
+              "
+              (box
+                :orientation "v"
+                :space-evenly false
+                :spacing -5
+                (label
+                  :class "dashboard-close-btn-icon"
+                  :text "close"
+                )
+                (label
+                  :class "dashboard-close-btn-txt"
+                  :text "Close"
+                )
+              )
+            )
+          )
+        )
+      )
+      (box ; Session control
+        :halign "end" :valign "center"
+        (revealer
+          :reveal {open_dashboard >= 2}
+          :duration "100ms"
+          :transition "crossfade"
+          (box
+            :orientation "v" :space-evenly false :spacing 30
+            :style "
+            ${open_dashboard >= 2 ? ANIM_ENTER[anim_set] : ANIM_EXIT[anim_set]};
+            ${open_dashboard >= 2 ? '' : 'margin-bottom: -100px;'}
+            "
+            (eventbox
+              :halign "end"
+              :cursor "pointer"
+              :onclick "gtklock &"
+              (box :space-evenly false :orientation "v"
+                :class "dashboard-session-btn"
+                (label :class "dashboard-session-btn-icon" :text "lock")
+                (label :class "dashboard-close-btn-txt" :text "Lock")
+              )
+            )
+            (box :orientation "h" :space-evenly false :spacing 10
+              :halign "end"
+              :style "
+              ${ANIM_ENTER[anim_set]}
+              ${rev_session_1 ? '' : 'margin-right: -210px;'}
+              "
+              (eventbox
+                :cursor "pointer"
+                :onclick "${EWW_CMD} update rev_session_1=${!rev_session_1} &"
+                (box :space-evenly false :orientation "v"
+                  :class "dashboard-session-btn"
+                  (label :class "dashboard-session-btn-icon" :text "bedtime")
+                  (label :class "dashboard-close-btn-txt" :text "Sleep")
+                )
+              )
+              (eventbox
+                :cursor "e-resize"
+                :onclick "${EWW_CMD} update rev_session_1=false && systemctl suspend &"
+                (label :width 200 :class "dashboard-session-btn-txt" :text "Click to confirm")
+              )
+            )
+            (box :orientation "h" :space-evenly false :spacing 10
+              :halign "end"
+              :style "
+              ${ANIM_ENTER[anim_set]}
+              ${rev_session_2 ? '' : 'margin-right: -210px;'}
+              "
+              (eventbox
+                :cursor "pointer"
+                :onclick "${EWW_CMD} update rev_session_2=${!rev_session_2} &"
+                (box :space-evenly false :orientation "v"
+                  :class "dashboard-session-btn"
+                  (label :class "dashboard-session-btn-icon" :text "power_settings_new")
+                  (label :class "dashboard-close-btn-txt" :text "Shutdown")
+                )
+              )
+              (eventbox
+                :cursor "e-resize"
+                :onclick "${EWW_CMD} update rev_session_2=false && systemctl poweroff &"
+                (label :width 200 :class "dashboard-session-btn-txt" :text "Click to confirm")
+              )
+            )
+            (box :orientation "h" :space-evenly false :spacing 10
+              :halign "end"
+              :style "
+              ${ANIM_ENTER[anim_set]}
+              ${rev_session_3 ? '' : 'margin-right: -210px;'}
+              "
+              (eventbox
+                :cursor "pointer"
+                :onclick "${EWW_CMD} update rev_session_3=${!rev_session_3} &"
+                (box :space-evenly false :orientation "v"
+                  :class "dashboard-session-btn"
+                  (label :class "dashboard-session-btn-icon" :text "restart_alt")
+                  (label :class "dashboard-close-btn-txt" :text "Restart")
+                )
+              )
+              (eventbox
+                :cursor "e-resize"
+                :onclick "${EWW_CMD} update rev_session_3=false && reboot &"
+                (label :width 200 :class "dashboard-session-btn-txt" :text "Click to confirm")
+              )
+            )
+          )
+        )
+      )
+      (box
+        :halign "start" :valign "center"
+        (revealer ; Settings sections
+          :reveal {open_dashboard >= 2}
+          :duration "100ms"
+          :transition "crossfade"
+          (box
+            :orientation "h" :space-evenly false
+            :width 700
+            :style "
+            ${open_dashboard >= 2 ? ANIM_ENTER[anim_set] : ANIM_EXIT[anim_set]};
+            ${open_dashboard >= 2 ? '' : 'margin-bottom: -100px;'}
+            "
+            (eventbox
+              :onscroll "scripts/scroll-settings {} &"
+              (box
+                :class "dashboard-settings-highlight${scroll_offset_settings  == -1 ? '-hide' : ''}"
+                :halign "start" :valign "start"
+                :style "
+                ${ANIM_ENTER[1]}
+                margin-right: -4px; margin-top: ${20+117*scroll_offset_settings}px;
+                "
+              )
+            )
+            (eventbox
+              :onscroll "scripts/scroll-settings {} &"
+              (box
+                :orientation "v" :space-evenly false :spacing 30
+                (eventbox
+                  :halign "start"
+                  :cursor "pointer"
+                  :onclick {scroll_offset_settings == 0 ? '${EWW_CMD} update scroll_offset_settings=-1 &' : '${EWW_CMD} update scroll_offset_settings=0 &'}
+                  (box :space-evenly false :orientation "v"
+                    :class "dashboard-session-btn"
+                    (label :class "dashboard-session-btn-icon" :text "keyboard_alt")
+                    (label :class "dashboard-close-btn-txt" :text "Devices")
+                  )
+                )
+                (eventbox
+                  :halign "start"
+                  :cursor "pointer"
+                  :onclick {scroll_offset_settings == 1 ? '${EWW_CMD} update scroll_offset_settings=-1 &' : '${EWW_CMD} update scroll_offset_settings=1 &'}
+                  (box :space-evenly false :orientation "v"
+                    :class "dashboard-session-btn"
+                    (label :class "dashboard-session-btn-icon" :text "lens_blur")
+                    (label :class "dashboard-close-btn-txt" :text "Blur")
+                  )
+                )
+                (eventbox
+                  :halign "start"
+                  :cursor "pointer"
+                  :onclick {scroll_offset_settings == 2 ? '${EWW_CMD} update scroll_offset_settings=-1 &' : '${EWW_CMD} update scroll_offset_settings=2 &'}
+                  (box :space-evenly false :orientation "v"
+                    :class "dashboard-session-btn"
+                    (label :class "dashboard-session-btn-icon" :text "wysiwyg")
+                    (label :class "dashboard-close-btn-txt" :text "Window")
+                  )
+                )
+                (eventbox
+                  :halign "start"
+                  :cursor "pointer"
+                  :onclick {scroll_offset_settings == 3 ? '${EWW_CMD} update scroll_offset_settings=-1 &' : '${EWW_CMD} update scroll_offset_settings=3 &'}
+                  (box :space-evenly false :orientation "v"
+                    :class "dashboard-session-btn"
+                    (label :class "dashboard-session-btn-icon" :text "water_drop")
+                    (label :class "dashboard-close-btn-txt" :text " Hyprland")
+                  )
+                )
+              )
+            )
+            (revealer
+              :reveal {scroll_offset_settings != -1}
+              :duration "100ms"
+              :transition "slideright"
+              (eventbox
+                :hexpand true
+                (scroll
+                  :hexpand true
+                  :hscroll false :vscroll true
+                  :class "dashboard-settings-panel"
+                  :width 560
+                  (box
+                    :orientation "v"
+                    :style "
+                    margin-top: -${scroll_offset_settings * SCROLL_MULTIPLIER_SETTINGS}px;
+                    ${ANIM_ENTER[1]}
+                    "
+                    ; :space-evenly false
+                    (settings_mouse_widget)
+                    (settings_blur_widget)
+                    (settings_gaps_widget)
+                    (settings_hyprland_widget)
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+    (box
+      :valign "center"
+      :style "
+      margin-left: -${RES_WIDTH / 2 + 200}px;
+      "
+      :orientation "h" :space-evenly false :spacing 70
+      (box
+        (revealer ; Directories
+          :reveal {open_dashboard >= 2}
+          :duration "100ms"
+          :transition "crossfade"
+          (box
+            :orientation "v" :space-evenly false :spacing 15
+            :style "
+            ${open_dashboard >= 2 ? ANIM_ENTER[anim_set] : ANIM_EXIT[anim_set]};
+            ${open_dashboard >= 2 ? '' : 'margin-bottom: -100px;'}
+            "
+            (box
+              :orientation "h" :space-evenly false :spacing 15
+              (label :text "Directories" :class "dashboard-section-txt")
+            )
+            (box
+              :orientation "v" :spacing 5
+              (for dir in directories
+                (eventbox
+                  :cursor "pointer"
+                  :onclick "scripts/toggle-dashboard.sh --close && xdg-open ${dir.path} &"
+                  (box
+                    :orientation "h" :space-evenly false :spacing 15
+                    (label :text {dir.icon} :class "dashboard-section-icon")
+                    (label :text {dir.name} :class "dashboard-section-txt")
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+      (box
+        (revealer ; Websites
+          :reveal {open_dashboard >= 2}
+          :duration "100ms"
+          :transition "crossfade"
+          (box
+            :orientation "v" :space-evenly false :spacing 15
+            :style "
+            ${open_dashboard >= 2 ? ANIM_ENTER[anim_set] : ANIM_EXIT[anim_set]};
+            ${open_dashboard >= 2 ? '' : 'margin-bottom: -100px;'}
+            "
+            (box
+              :orientation "h" :space-evenly false :spacing 15
+              (label :text "Websites" :class "dashboard-section-txt")
+            )
+            (box
+              :orientation "v" :spacing 5
+              (for site in websites
+                (eventbox
+                  :cursor "pointer"
+                  :onclick "scripts/toggle-dashboard.sh --close && xdg-open ${site.url} &"
+                  (box
+                    :orientation "h" :space-evenly false :spacing 15
+                    (label :text {site.icon} :class "dashboard-section-icon-nerd")
+                    (label :text {site.name} :class "dashboard-section-txt")
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow dashboard
+  :stacking "overlay"
+  :focusable true
+  :monitor 0
+  :namespace "eww"
+  :geometry (geometry
+    :anchor "center center"
+    :height "100%"
+    :width "100%"
+  )
+  (dashboard_widget)
+)
+
diff --git a/novelknock/.config/eww/windows/powerview.yuck b/novelknock/.config/eww/windows/powerview.yuck
new file mode 100755
index 000000000..e939bf384
--- /dev/null
+++ b/novelknock/.config/eww/windows/powerview.yuck
@@ -0,0 +1,234 @@
+(defwidget powerview_workspacebox_widget [wspace]
+  (box
+    :class "powerview-ws"
+    (overlay
+      (box
+        :space-evenly false
+        :orientation "h"
+        :style "
+        min-width: ${RES_WIDTH * OVERVIEW_SCALE}px;
+        min-height: ${RES_HEIGHT * OVERVIEW_SCALE}px;
+        "
+        (box
+          :hexpand true
+          :class "powerview-ws-${wspace[0].workspace.id == activews}"
+          :style "
+          border-radius: 99px;
+          margin: 0px ${800*OVERVIEW_SCALE}px;
+          margin-bottom: ${(RES_HEIGHT - BAR_HEIGHT + GAPS * 2 * 2) * OVERVIEW_SCALE}px;
+          margin-top: ${GAPS * OVERVIEW_SCALE * 2}px;
+          "
+        )
+      )
+      (box
+        :space-evenly false
+        :orientation "h"
+        :style "
+        min-width: ${RES_WIDTH * OVERVIEW_SCALE}px;
+        min-height: ${RES_HEIGHT * OVERVIEW_SCALE}px;
+        "
+        (for ws-window in wspace
+          (box
+            :class "${ws-window.class == 'workspace' ? '' : 'powerview-ws-window'}"
+            :style "
+            ${ws-window.address == selected ? ('border: 1px solid' + coloraccent) : ''};
+            ${ws-window.address == '_none' ? 'border: none' : ''};
+            margin-left: ${round(ws-window.at[0] * OVERVIEW_SCALE, 0)}px;
+            margin-top: ${round(ws-window.at[1] * OVERVIEW_SCALE, 0)}px;
+            margin-right: -${round((ws-window.at[0] + ws-window.size[0]) * OVERVIEW_SCALE,0)}px;
+            margin-bottom: ${round(RES_HEIGHT * OVERVIEW_SCALE - ((ws-window.at[1] + ws-window.size[1]) * OVERVIEW_SCALE), 0)}px;
+            "
+            (eventbox
+              :cursor "${ws-window.class == 'workspace' ? '' : 'cell'}"
+              :onrightclick "scripts/selectwindow ${ws-window.address} '${EWW_CMD}' ${ws-window.workspace.id}"
+              :onmiddleclick "hyprctl dispatch closewindow address:${ws-window.address}"
+              :onclick "scripts/focuswindow ${ws-window.address} ${ws-window.workspace.id} && scripts/toggle-powerview.sh --close &"
+              :onhover "${ws-window.class == 'workspace' ? '' : (EWW_CMD + ' update overview_hover_name=\'' + ws-window + '\'')}"
+              (literal
+                :content `
+                ${ ws-window.icon == 'null' ? '(box)' :
+                '
+                (image
+                  :vexpand true
+                  :path {ws-window.icon}
+                  :image-width {round(ws-window.size[0] * OVERVIEW_SCALE * 45 / 100, 0)}
+                  :image-height {round(ws-window.size[1] * OVERVIEW_SCALE * 45 / 100, 0)}
+                )
+                '
+                }
+                `
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget powerview_widget []
+  (box
+    :space-evenly false
+    :orientation "v"
+    (eventbox
+      :onclick "scripts/toggle-powerview.sh --close &"
+      :onmiddleclick "scripts/toggle-powerview.sh --close &"
+      :onrightclick "scripts/toggle-powerview.sh --close &"
+      :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    )
+    ; Search box
+    (box
+      :halign "center"
+      :class "bar-pad"
+      :width 290
+      :height 60
+      (box
+        :space-evenly false
+        :orientation "h"
+        :spacing 5
+        (overlay
+          (input
+            :width 280
+            :height {BAR_HEIGHT}
+            :class "bar-bg-noshadow bar-bg-pad powerview-search-txt"
+            :halign "fill" :vexpand true
+            :onchange "${EWW_CMD} update overview_query=\"{}\" && ${EWW_CMD} update overview_results=\"$(scripts/appsearch '{}')\" &"
+            :onaccept "scripts/launchapp '${overview_results == '[]' ? {} : overview_results[0].exec}' &"
+          )
+          (revealer
+            :reveal false
+            :transition "slidedown"
+            (label
+              :text {ICON_GET} ; Dummy to keep listener active
+            )
+          )
+          (box
+            :space-evenly false
+            :halign "center" :valign "center"
+            :orientation "v"
+            (revealer
+              :reveal "${overview_query == ''}"
+              :duration "150ms"
+              (label
+                :class "powerview-search-prompt-txt"
+                :xalign 0
+                :text "Type to search"
+              )
+            )
+          )
+        )
+      )
+    )
+    (eventbox ; Apps in workspaces
+      :onhoverlost `eww update overview_hover_name='{"class":"LMB: Focus | MMB: Close | RMB: Select/Move","title":"Powerview","workspace":{"id":0,"name":"0"},"icon": "/usr/share/icons/breeze-dark/actions/16/window.svg", "size": [0,0], "at": [0,0]}' &`
+      :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+      (revealer
+        :reveal "${overview_query == ''}"
+        :transition "slidedown"
+        :duration "${overview_query == '' ? '180ms' : '150ms'}"
+        (revealer
+          :reveal "${overview_query == ''}"
+          :transition "crossfade"
+          :duration "${overview_query == '' ? '180ms' : '150ms'}"
+          (box
+            :space-evenly false
+            :orientation "v"
+            (box
+              :space-evenly false
+              :orientation "v"
+              :class "bar-bg shadow-pad window-border"
+              (box
+                :orientation "h"
+                (for wspace in wsjsona
+                  (powerview_workspacebox_widget
+                    :wspace {wspace}
+                  )
+                )
+              )
+              (box
+                :orientation "h"
+                (for wspace in wsjsonb
+                  (powerview_workspacebox_widget
+                    :wspace {wspace}
+                  )
+                )
+              )
+            )
+            (centerbox
+              :halign "center"
+              :width {round(RES_WIDTH / 1.7, 0)}
+              :orientation "h"
+              :class "bar-bg shadow-pad window-border powerview-info"
+              (label :xalign 0
+                :class "bar-txt-larger bar-txt-norm"
+                :text "${overview_hover_name.class}"
+              )
+              (label
+                :class "bar-txt-larger bar-txt-norm"
+                :style "margin: 0px 50px;"
+                :text "${overview_hover_name.title}"
+              )
+              (label :xalign 1
+                :class "bar-txt-larger bar-txt-norm"
+                :text "${overview_hover_name.size[0]}x${overview_hover_name.size[1]} "
+              )
+            )
+          )
+        )
+      )
+    )
+    (box ; Search results
+      :space-evenly false
+      :halign "center"
+      :orientation "v"
+      (revealer
+        :reveal "${overview_query != ''}"
+        :transition "slidedown"
+        :duration "${overview_query == '' ? '170ms' : '200ms'}"
+        (revealer
+          :reveal "${overview_query != ''}"
+          :transition "crossfade"
+          :duration "${overview_query == '' ? '170ms' : '200ms'}"
+          (scroll
+            :width 502
+            :height {RES_HEIGHT - BAR_HEIGHT - GAPS*3}
+            (box
+              :halign "center"
+              :orientation "v"
+              :spacing 2
+              :space-evenly false
+              (for entry in overview_results
+                (overlay
+                  (input
+                    :value "${entry.name}"
+                    :class "powerview-search-result"
+                    :onaccept "scripts/launchapp '${entry.exec}' &"
+                  )
+                  (image
+                    :halign "start"
+                    :class "overview-search-result-icon"
+                    :path {(entry.icon != '_letter' && entry.icon != '') ? entry.icon : 'images/svg/dark/app.svg'}
+                    :image-width 33
+                    :image-height 33
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow powerview
+  :stacking "overlay"
+  :focusable true
+  :monitor 0
+  :namespace "eww"
+  :geometry (geometry
+    :anchor "top center"
+  )
+  (powerview_widget)
+)
+
diff --git a/novelknock/.config/eww/windows/sideleft.yuck b/novelknock/.config/eww/windows/sideleft.yuck
new file mode 100755
index 000000000..1decba523
--- /dev/null
+++ b/novelknock/.config/eww/windows/sideleft.yuck
@@ -0,0 +1,679 @@
+(defwidget togglehyprctl [value changecmd option-label option-icon icon-style]
+  (eventbox
+    :cursor "pointer"
+    :onclick "${changecmd}${1 - value} && scripts/hyprsettings tickle &"
+    (box
+      :orientation "v"
+      :space-evenly false :spacing -10
+      :height 100 :width 100
+      :class "sidebar-hyprtoggle"
+      (label
+        :class "sidebar-hyprtoggle-name bar-txt-norm"
+        :text option-label
+      )
+      (label
+        :vexpand true
+        :class "sidebar-hyprtoggle-icon${icon-style == 1 ? '-material' : ''} sidebar-hyprtoggle-icon-${value} bar-txt-norm"
+        :text option-icon
+      )
+      (box
+        :halign "center" :valign "end"
+        :class "sidebar-hyprtoggle-onoff sidebar-hyprtoggle-onoff-${value}"
+      )
+    )
+  )
+)
+
+(defwidget hyprtoggles_widget []
+  (box
+    :orientation "v"
+    :space-evenly false :spacing 10
+    :class "sidebar-hyprtoggle-scrollbg"
+    (box
+      :orientation "h" :space-evenly false :spacing 5
+      (settings_option_mousesens)
+      ; (togglehyprctl
+        ;   :value {mousemode}
+        ;   :changecmd "eww update mousemode="
+        ;   :option-label "Mouse"
+        ;   :option-icon "Mouse"
+        ;   :icon-style 0
+      ; )
+      (eventbox
+        :cursor "pointer"
+        :onclick "eww update mousemode=${1 - mousemode} &"
+        (box :space-evenly false :spacing 15
+          :class "dashboard-settings-option-group dashboard-settings-option-group-pad"
+          (label :xalign 0 :hexpand true :class "dashboard-settings-txt bar-txt-norm" :text "Scroll\\\naccessibility")
+          (label :class "sidebar-optn-icon bar-txt-norm" :text "${mousemode == 1 ? 'mouse' : ''}")
+        )
+      )
+    )
+    (box
+      :orientation "h"
+      :spacing 5
+      (eventbox
+        :cursor "pointer"
+        :onclick "hyprctl keyword decoration:blur:enabled ${1 - hyprjson.blur} && scripts/hyprsettings tickle &"
+        (box :space-evenly false :spacing 10
+          :class "dashboard-settings-option-group-left dashboard-settings-option-group-pad"
+          (label :class "sidebar-optn-icon bar-txt-norm" :text "blur_on")
+          (settings-option-binary :name "Enable blur" :value {hyprjson.blur})
+        )
+      )
+      (eventbox
+        :cursor "pointer"
+        :onclick "hyprctl keyword decoration:blur:xray ${1 - hyprjson.blur_xray} && scripts/hyprsettings tickle &"
+        (box :space-evenly false :spacing 10
+          :class "dashboard-settings-option-group-right dashboard-settings-option-group-pad"
+          (label :class "sidebar-optn-icon bar-txt-norm" :text "preview")
+          (settings-option-binary :name "Blur xray" :value {hyprjson.blur_xray})
+        )
+      )
+    )
+    (box
+      :orientation "h"
+      :spacing 5
+      (eventbox
+        :cursor "pointer"
+        :onclick "hyprctl keyword input:touchpad:disable_while_typing ${1 - hyprjson.touchpad_disable_while_typing} &"
+        (box :space-evenly false :spacing 10
+          :class "dashboard-settings-option-group-left dashboard-settings-option-group-pad"
+          (label :class "sidebar-optn-icon bar-txt-norm" :text "keyboard")
+          (settings-option-binary :name "→ Disable touchpad" :value {hyprjson.touchpad_disable_while_typing})
+        )
+      )
+      (eventbox
+        :cursor "pointer"
+        :onclick "hyprctl keyword input:touchpad:clickfinger_behavior ${1 - hyprjson.touchpad_clickfinger_behavior} &"
+        (box :space-evenly false :spacing 10
+          :class "dashboard-settings-option-group-right dashboard-settings-option-group-pad"
+          (label :class "sidebar-optn-icon bar-txt-norm" :text "touch_app")
+          (settings-option-binary :name "Tap to click" :value {hyprjson.touchpad_clickfinger_behavior})
+        )
+      )
+    )
+    (button
+      :vexpand true
+      :onclick "hyprctl reload &"
+      :class "dashboard-settings-button"
+      (label :class "bar-txt bar-txt-norm" :text "Reload config")
+    )
+  )
+)
+
+(defwidget waifu_widget []
+  (box
+    :orientation "h"
+    :space-evenly false
+    :class "sidebar-waifu-scrollbg"
+    :spacing 13
+    (box
+      :space-evenly false :orientation "h"
+      (revealer
+        :reveal {mousemode == 1}
+        :transition "slideright"
+        :duration "200ms"
+        (eventbox
+          :onscroll "scripts/scroll-waifu {} &"
+          :width 100
+          (box
+            :orientation "v"
+            :height {SCROLL_MULTIPLIER_WAIFUTAGS * SCROLL_TOSHOW_WAIFUTAGS}
+            (box
+              :orientation "v"
+              :spacing 6
+              :valign "start"
+              :style "
+              ${ANIM_ENTER[1]}
+              margin-top: -${(SCROLL_MULTIPLIER_WAIFUTAGS * scroll_offset_waifu)}px;
+              margin-bottom: -${(arraylength(WAIFU_TAG_ID) - SCROLL_TOSHOW_WAIFUTAGS - scroll_offset_waifu) * SCROLL_MULTIPLIER_WAIFUTAGS}px;
+              "
+              (for id in WAIFU_TAG_ID
+                (button
+                  :class "sidebar-waifu-tag bar-txt-norm"
+                  :onclick "${EWW_CMD} update waifu=\"$(scripts/waifu-get.py ${WAIFU_CATEGORIES_ARGS[id]})\" &"
+                  {WAIFU_CATEGORIES[id]}
+                )
+              )
+            )
+          )
+        )
+      )
+      (revealer
+        :reveal {mousemode == 0}
+        :transition "slideleft"
+        :duration "200ms"
+        (scroll
+          :vscroll true :hscroll false
+          :vexpand true
+          :width 100
+          (box
+            :orientation "v" :spacing 6
+            (for id in WAIFU_TAG_ID
+              (button
+                :class "sidebar-waifu-tag"
+                :onclick "${EWW_CMD} update waifu=\"$(scripts/waifu-get.py ${WAIFU_CATEGORIES_ARGS[id]})\" &"
+                {WAIFU_CATEGORIES[id]}
+              )
+            )
+          )
+        )
+      )
+    )
+    (eventbox
+      :onscroll "scripts/scroll-sideleft-favourite {} &"
+      :hexpand true
+      (scroll
+        :hexpand true
+        :hscroll true :vscroll false
+        (overlay
+          (box
+            :class "sidebar-waifu-pic-bg"
+          )
+          (box
+            :class "sidebar-waifu-pic"
+            :style "
+            ${ANIM_ENTER[0]}
+            background-image: url('${waifu.path}');
+            ${waifu['size'][0] / waifu['size'][1] > 395 / 530 ?
+            'background-size: auto 100%;' : 'background-size: 100% auto;'
+            }
+            "
+          )
+          (revealer
+            :valign "end"
+            :reveal {rev_waifustatus}
+            :duration "100ms"
+            :transition "slidedown"
+            (label
+              :valign "end"
+              :class "txt-smaller sidebar-waifu-status"
+              :text {waifu_status}
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget sideleft_widget []
+  (eventbox
+    :onhoverlost "${open_sideleft ?
+    (EWW_CMD + ' update bar_offset=0 && ' + EWW_CMD + ' update open_sideleft=false &') : ''}"
+    (box
+      :space-evenly false
+      :halign "end"
+      :style "
+      ${open_sideleft ? ANIM_ENTER[anim_set] : ANIM_EXIT[anim_set]}
+      ${open_sideleft ? '' : 'margin-left: -594px;'}
+      "
+      ; ↑ PERFECTLY LEAVE 1 PIXEL ON THE RIGHT EDGE AWAAHAHAHAHAH
+      (box
+        :orientation "v"
+        :space-evenly false :spacing -5
+        :halign "start"
+        :style "
+        min-width: 595px;
+        "
+        (eventbox
+          :onscroll "echo $(echo {} | sed -e 's/down/-U 3/g' -e 's/up/-A 3/g' | xargs light) && scripts/brightness osd"
+          :onmiddleclick "playerctl play-pause"
+          :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+          :onclick "${open_sideleft ?
+          (EWW_CMD + ' update bar_offset=0 && ' + EWW_CMD + ' update open_sideleft=false &') :
+          (EWW_CMD + ' open sideleft && ' + EWW_CMD + ' update bar_offset=1 && ' + EWW_CMD + ' update open_sideright=false && ' + EWW_CMD + ' update open_sideleft=true &')}"
+          (box
+            :space-evenly false :orientation "h"
+            :class "window"
+            :halign "end"
+            (box
+              :space-evenly false :spacing 10
+              :height {BAR_HEIGHT} :width 390
+              :class "sidebar-bg sidebar-bg-pad window-shadow"
+              (label :xalign 0
+                :class "bar-icon-material-hugeass bar-txt-norm"
+                :text ""
+              )
+              (label :xalign 0
+                :hexpand true
+                :class "bar-txt-hugeass bar-txt-norm"
+                :text "Knock"
+              )
+              (label :xalign 1
+                :class "bar-txt-small bar-txt-norm"
+                :text "Unhover to close"
+              )
+            )
+          )
+        )
+        (box ; Body
+          :space-evenly false
+          :orientation "v"
+          :class "window"
+          :vexpand true
+          (box ; Media controls
+            :orientation "v" :space-evenly false
+            :vexpand true
+            :class "sidebar-bg"
+            (box
+              :class "sidebar-music-box"
+              :hexpand true
+              (overlay
+                :hexpand true
+                (box ; 1. The background
+                  :class "sidebar-music-thumbnail"
+                  :height 200
+                  :style "
+                  ${mcover.image == 'null' ? '' : ('background-image: url(\'' + mcover.image + '\'); background-size: 100% auto; background-position: center')}
+                  "
+                )
+                (box ; 2. Color tint
+                  :class "sidebar-music-vignette"
+                  :hexpand true
+                  :height 200
+                  :style "
+                  background: radial-gradient(mix(${mcover.materialcolor.primaryContainer == 'null' ? coloraccent : mcover.materialcolor.primaryContainer}, rgba(0, 0, 0, 0.4), 0.95) 50%, mix(${mcover.color.colors.color4 == 'null' ? coloraccent : mcover.color.colors.color4}, rgba(0, 0, 0, 0.4), 0.95) 50%);
+                  "
+                )
+                (box ; 3. Text and controls
+                  :orientation "v"
+                  :space-evenly false :spacing -5
+                  (box ; Media source, output
+                    :space-evenly false
+                    :orientation "h"
+                    (label :xalign 0
+                      :hexpand true
+                      :class "sidebar-music-source"
+                      :text "${mcover.color.source}"
+                      :style "color: ${mcover.materialcolor.onPrimaryContainer == 'null' ? coloraccent : mcover.materialcolor.onPrimaryContainer};"
+                    )
+                    (box
+                      :orientation "h" :space-evenly false :spacing 5
+                      :halign "end"
+                      :class "sidebar-music-output"
+                      :style "
+                      ${mcover.materialcolor.primary == 'null' ? '' : 'background-color: ${mcover.materialcolor.primary};'}
+                      ${mcover.materialcolor.onPrimary == 'null' ? '' : 'color: ${mcover.materialcolor.onPrimary};'}
+                      "
+                      (label
+                        :class "bar-icon-material sidebar-music-device"
+                        :text "${volume.device == 'Headphones' ? '' : ''}"
+                        :style "
+                        ${mcover.materialcolor.onPrimary == 'null' ? '' : ('color: ' + mcover.materialcolor.onPrimary + ';')};
+                        "
+                      )
+                      (label
+                        :text "${volume.device}"
+                        :style "
+                        ${mcover.materialcolor.onPrimary == 'null' ? '' : ('color: ' + mcover.materialcolor.onPrimary + ';')};
+                        "
+                      )
+                    )
+                  )
+                  (box ; Title, play button
+                    :space-evenly false
+                    :orientation "h"
+                    (scroll
+                      :hexpand true
+                      :height 50
+                      :hscroll true :vscroll false
+                      :style "margin: 15px;"
+                      (box
+                        :orientation "v"
+                        :space-evenly false
+                        :valign "center"
+                        (label :xalign 0
+                          :class "sidebar-music-title"
+                          :style "
+                          color: ${mcover.materialcolor.onPrimaryContainer == 'null' ? coloraccent : mcover.materialcolor.onPrimaryContainer};
+                          "
+                          :text "${strlength(mname.title) == 0 ? 'Music' : mname.title}"
+                        )
+                        (label :xalign 0
+                          :class "sidebar-music-artist"
+                          :style "
+                          color: ${mcover.materialcolor.onPrimaryContainer == 'null' ? coloraccent : mcover.materialcolor.onPrimaryContainer};
+                          "
+                          :text "${mname.artist}"
+                        )
+                      )
+                    )
+                    (button
+                      :valign "center"
+                      :class "sidebar-music-playbtn"
+                      :style "
+                      ${mcover.materialcolor.primary == 'null' ? '' : 'background-color: ${mcover.materialcolor.primary};'}
+                      ${mcover.materialcolor.onPrimary == 'null' ? '' : 'color: ${mcover.materialcolor.onPrimary};'}
+                      "
+                      :onclick "playerctl play-pause"
+                      "${mplay == 'Playing' ? 'pause' : 'play_arrow'}"
+                    )
+                  )
+                  (box ; Slider and skip track buttons
+                    :space-evenly false
+                    :orientation "h"
+                    (button
+                      :class "sidebar-music-trackbtn"
+                      :style "
+                      ${mcover.materialcolor.onPrimaryContainer == 'null' ? '' : ('color: ' + mcover.materialcolor.onPrimaryContainer + ';')}
+                      "
+                      :onclick "playerctl previous"
+                      "skip_previous"
+                    )
+                    (overlay
+                      :hexpand true
+                      (box
+                        :hexpand true
+                        :valign "center"
+                        :class "sidebar-music-progress"
+                        :style "
+                        background-image:
+                        linear-gradient(to right,
+                          ${mcover.materialcolor.onPrimaryContainer == 'null' ? coloraccent : mcover.materialcolor.onPrimaryContainer} ${music.position}%,
+                          rgba(200, 200, 200, 0.6) ${music.position}%);
+                        "
+                      )
+                      (label
+                        :class "sidebar-music-progress-btn"
+                        :valign "center"
+                        :xalign {music.position == '' ? 0 : (music.position / 100)}
+                        :style "
+                        ${mcover.materialcolor.onPrimaryContainer == 'null' ? '' : ('color: ' + mcover.materialcolor.onPrimaryContainer + ';')}
+                        "
+                        :text "●"
+                      )
+                    )
+                    ; ; Below is the proper scale widget, but doesn't follow Material colors
+                    ; (scale
+                      ;     :hexpand true
+                      ;     :class "sidebar-music-slider"
+                      ;     :style "
+                      ;     highlight {
+                      ;     color: red;
+                      ;     }
+                      ;     "
+                      ;     :value {music.position}
+                      ;     ; :onchange "playerctl position `bc <<< \"{} * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+                    ; )
+                    (button
+                      :class "sidebar-music-trackbtn"
+                      :style "
+                      color: ${mcover.materialcolor.onPrimaryContainer};
+                      "
+                      :onclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+                      "skip_next"
+                    )
+                  )
+                )
+              )
+            )
+            (box ; Favourite settings >> Waifu
+              :orientation "v"
+              :space-evenly false :spacing -20
+              :vexpand true
+              (eventbox
+                :onscroll "scripts/scroll-sideleft-favourite {} &"
+                (box ; The text
+                  :orientation "h"
+                  :space-evenly false
+                  :valign "start"
+                  :height {BAR_HEIGHT}
+                  :class "sidebar-section-title"
+                  (label :xalign 0
+                    :class "bar-icon-material-hugeass sidebar-section-title-icon"
+                    :text ""
+                  )
+                  (label :xalign 0
+                    :hexpand true
+                    :class "bar-txt-hugeass sidebar-section-title-text"
+                    :text "${SIDELEFT_FAVOURITE_TITLES[sideleft_favourite_page - 1]}"
+                  )
+                  (label :xalign 1
+                    :class "bar-txt-small sidebar-section-title-text"
+                    :text {sideleft_favourite_page == 1 ? '>>' : 'Uses waifu.im, nekos.life, and waifu.pics API'}
+                  )
+                )
+              )
+              (box
+                :class "sidebar-favourite-pad"
+                :orientation "h" :space-evenly false :spacing 0
+                :vexpand true
+                (eventbox
+                  :onscroll "scripts/scroll-sideleft-favourite {} &"
+                  (box ; 1: Quick toggles
+                    :style "
+                    ${ANIM_ENTER[1]}
+                    ${sideleft_favourite_page > 1 ? 'margin-left: -600px;' : ''}
+                    "
+                    (hyprtoggles_widget)
+                  )
+                )
+                (box ; 2: Waifu
+                  :style "
+                  ${ANIM_ENTER[1]}
+                  ${sideleft_favourite_page > 2 ? 'margin-left: -600px;' :
+                  sideleft_favourite_page < 2 ? 'margin-right: -600px;' : ''}
+                  "
+                  (waifu_widget)
+                )
+              )
+            )
+            (revealer
+              :reveal {sideleft_favourite_page == 1}
+              :transition "slideup"
+              :duration {sideleft_favourite_page == 1 ? '0ms' : '100ms'}
+              (eventbox
+                :onscroll "scripts/scroll-sideleft-favourite {} &"
+                :hexpand true
+                (box ; Resources
+                  :orientation "v"
+                  :space-evenly false
+                  (box ; The text
+                    :space-evenly false
+                    :height {BAR_HEIGHT}
+                    :class "sidebar-section-title"
+                    (label :xalign 0
+                      :class "bar-icon-material-hugeass sidebar-section-title-icon"
+                      :text ""
+                    )
+                    (label :xalign 0
+                      :hexpand true
+                      :class "bar-txt-hugeass sidebar-section-title-text"
+                      :text "Resources"
+                    )
+                    ; (label :xalign 1
+                    ;     :class "bar-txt-small sidebar-section-title-text"
+                    ;     :text "no"
+                    ; )
+                  )
+                  (box ; Actual stuff
+                    :orientation "h"
+                    :space-evenly false :spacing 10
+                    :class "sidebar-resource-pad"
+                    (box
+                      :class "sidebar-resource-value"
+                      :width 140 :height 180
+                      (box
+                        :orientation "v" :space-evenly false :spacing 13
+                        :halign "center" :valign "center"
+                        (circular-progress
+                          :width 80 :height 80
+                          :start-at 75
+                          :class "sidebar-resource-circle"
+                          :value {EWW_CPU.avg > 100 ? 100 : EWW_CPU.avg}
+                          :thickness 5
+                          (label :class "sidebar-resource-icon-large-material" :text "")
+                        )
+                        (label
+                          :class "sidebar-resource-txt"
+                          :text "${round(EWW_CPU.avg, 0)}%"
+                        )
+                      )
+                    )
+                    (box
+                      :orientation "v" :space-evenly false :spacing 10
+                      :hexpand true
+                      (box
+                        :orientation "h" :space-evenly false :spacing 10
+                        (box
+                          :class "sidebar-resource-value"
+                          :width 120 :height 120
+                          :valign "start"
+                          (box
+                            :orientation "v" :space-evenly false :spacing 13
+                            :halign "center" :valign "center"
+                            (circular-progress
+                              :width 55 :height 55
+                              :start-at 75
+                              :class "sidebar-resource-circle"
+                              :value {memory.percentage > 100 ? 100 : memory.percentage}
+                              :thickness 4
+                              (label :class "sidebar-resource-icon-small" :text "")
+                            )
+                            (label
+                              :class "sidebar-resource-txt-small"
+                              :text "${memory.used}/${memory.total}"
+                            )
+                          )
+                        )
+                        (box
+                          :class "sidebar-resource-value"
+                          :width 120 :height 120
+                          :valign "start"
+                          (box
+                            :orientation "v" :space-evenly false :spacing 13
+                            :halign "center" :valign "center"
+                            (circular-progress
+                              :width 55 :height 55
+                              :start-at 75
+                              :class "sidebar-resource-circle"
+                              :value {memory.swappercentage > 100 ? 100 : memory.swappercentage}
+                              :thickness 4
+                              (label :class "sidebar-resource-icon-small" :text "")
+                            )
+                            (label
+                              :class "sidebar-resource-txt-small"
+                              :text "${memory.swapused}/${memory.swaptotal}"
+                            )
+                          )
+                        )
+                        (box
+                          :class "sidebar-resource-value"
+                          :hexpand true :height 120
+                          :valign "start"
+                          (box
+                            :orientation "v" :space-evenly false :spacing 13
+                            :halign "center" :valign "center"
+                            (circular-progress
+                              :width 55 :height 55
+                              :start-at 75
+                              :class "sidebar-resource-circle"
+                              :value {battery.percentage > 100 ? 100 : battery.percentage}
+                              :thickness 4
+                              (label :class "sidebar-resource-icon-small" :text "Bolt")
+                            )
+                            (label
+                              :class "sidebar-resource-txt-small"
+                              :text "${battery.percentage}%"
+                            )
+                          )
+                        )
+                      )
+                      (box
+                        :class "sidebar-resource-value"
+                        
+                        :valign "start"
+                        (box
+                          :orientation "h" :space-evenly false :spacing 15
+                          :valign "center"
+                          (label
+                            :valign "center"
+                            :class "sidebar-resource-icon-small"
+                            :text ""
+                          )
+                          (progress
+                            :valign "center"
+                            :hexpand true
+                            :class "sidebar-resource-prog"
+                            :value {diskfreepercent}
+                          )
+                          (label
+                            :valign "center"
+                            :class "sidebar-resource-txt-small"
+                            :text "${diskfree}/${disksize} free"
+                          )
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            )
+            (box ; Quote
+              :orientation "v"
+              :space-evenly false
+              :spacing -10
+              :valign "end"
+              (eventbox
+                :onscroll "scripts/scroll-quote {} &"
+                :onclick "${EWW_CMD} update quote_index=${(quote_index + 1 + arraylength(quote_content)) % arraylength(quote_content)} &"
+                (box
+                  :orientation "v"
+                  :space-evenly false :spacing -20
+                  (box ; The text
+                    :space-evenly false
+                    :height {BAR_HEIGHT}
+                    :class "sidebar-section-title"
+                    (label :xalign 0
+                      :class "bar-icon-material-hugeass sidebar-section-title-icon"
+                      :text ""
+                    )
+                    (label :xalign 0
+                      :hexpand true
+                      :class "bar-txt-hugeass sidebar-section-title-text"
+                      :text "Quote!"
+                    )
+                    (label :xalign 1
+                      :class "bar-txt-small sidebar-section-title-text"
+                      :text "${quote_index+1}/${arraylength(quote_content)}"
+                    )
+                  )
+                  (box
+                    :class "sidebar-quote bar-txt-norm"
+                    :orientation "v" :space-evenly false :spacing 10
+                    :height 150
+                    (label :xalign 0 :yalign 0
+                      :vexpand true
+                      :text {quote_content[quote_index]}
+                      :wrap true
+                    )
+                    (label :xalign 1
+                      :text {quote_author[quote_index]}
+                      :wrap true
+                    )
+                  )
+                  (box
+                    :height 20
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow sideleft
+  :monitor 0
+  :stacking "fg"
+  :namespace "eww"
+  :geometry (geometry
+    :height "100%"
+    :anchor "top left"
+  )
+  (sideleft_widget)
+)
\ No newline at end of file
diff --git a/novelknock/.config/eww/windows/sideright.yuck b/novelknock/.config/eww/windows/sideright.yuck
new file mode 100755
index 000000000..d4135e9a7
--- /dev/null
+++ b/novelknock/.config/eww/windows/sideright.yuck
@@ -0,0 +1,476 @@
+(defwidget sideright_widget []
+  (eventbox
+    :onhoverlost "${open_sideright ?
+    (EWW_CMD + ' update bar_offset=0 && ' + EWW_CMD + ' update open_sideright=false &') : ''}"
+    (box
+      :height RES_HEIGHT
+      :space-evenly false
+      :halign "end"
+      :style "
+      ${open_sideright ? ANIM_ENTER[anim_set] : ANIM_EXIT[anim_set]}
+      ${open_sideright ? '' : 'margin-right: -594px;'}
+      "
+      ; ↑ PERFECTLY LEAVE 1 PIXEL ON THE RIGHT EDGE AWAAHAHAHAHAH
+      (box
+        :orientation "v"
+        :space-evenly false :spacing -5
+        :halign "end"
+        :style "
+        min-width: 595px;
+        "
+        (eventbox
+          :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd &"
+          :onmiddleclick "playerctl play-pause"
+          :onrightclick "playerctl next || playerctl position `bc <<< \"100 * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+          :onclick "${open_sideright ?
+          (EWW_CMD + ' update bar_offset=0 && ' + EWW_CMD + ' update open_sideright=false &') :
+          (EWW_CMD + ' open sideright && ' + EWW_CMD + ' update bar_offset=-1 && ' + EWW_CMD + ' update open_sideleft=false && ' + EWW_CMD + ' update open_sideright=true &')}"
+          (box
+            :space-evenly false :orientation "h"
+            :class "window"
+            (box
+              :space-evenly false :spacing 10
+              :halign "start"
+              :height {BAR_HEIGHT} :width 390
+              :class "sidebar-bg sidebar-bg-pad"
+              (label :xalign 0
+                :class "bar-icon-material-hugeass"
+                :text "Settings"
+              )
+              (label :xalign 0
+                :hexpand true
+                :class "bar-txt-hugeass"
+                :text "System"
+              )
+              (label :xalign 1
+                :class "bar-txt-small"
+                :text "Unhover to close"
+              )
+            )
+          )
+        )
+        (box
+          :class "window"
+          :vexpand true
+          (box
+            :orientation "v" :space-evenly false :spacing -15
+            :vexpand true
+            :class "sidebar-bg"
+            (box ; Quick toggles
+              :orientation "h"
+              :space-evenly false :spacing 10
+              :class "sidebar-quicktoggle"
+              (box ; Wifi
+                :width 50 :height 50
+                :orientation "h"
+                :space-evenly false :spacing 3
+                (button
+                  :class "sidebar-quicktoggle-btn${net.essid == 'lo' ? '' : '-active'} sidebar-quicktoggle-btn-left"
+                  :onclick "scripts/net toggle &"
+                  :width 50 :height 50
+                  (label
+                    :class "bar-icon-material-hugeass"
+                    :text {WIFI_ICONS[net.level]}
+                  )
+                )
+                (button
+                  :class "sidebar-quicktoggle-btn${net.essid == 'lo' ? '' : '-active'} sidebar-quicktoggle-btn-right"
+                  :onclick "${EWW_CMD} update bar_offset=0 && ${EWW_CMD} update open_sideright=false && XDG_CURRENT_DESKTOP=GNOME gnome-control-center wifi &"
+                  :width 30 :height 50
+                  (label
+                    :class "bar-icon-material-hugeass"
+                    :text ""
+                  )
+                )
+              )
+              (box ; Bluetooth
+                :width 50 :height 50
+                :orientation "h"
+                :space-evenly false :spacing 3
+                (button
+                  :class "sidebar-quicktoggle-btn${bluetooth.text == 'Bluetooth off' ? '' : '-active'} sidebar-quicktoggle-btn-left"
+                  :onclick "scripts/bluetooth toggle &"
+                  :width 50 :height 50
+                  (label
+                    :class "bar-icon-material-hugeass"
+                    :text {bluetooth.icon}
+                  )
+                )
+                (button
+                  :class "sidebar-quicktoggle-btn${bluetooth.text == 'Bluetooth off' ? '' : '-active'} sidebar-quicktoggle-btn-right"
+                  :onclick "${EWW_CMD + ' update bar_offset=0 && ' + EWW_CMD + ' update open_sideright=false &'}& blueberry &"
+                  :width 30 :height 50
+                  (label
+                    :class "bar-icon-material-hugeass"
+                    :text ""
+                  )
+                )
+              )
+              (box ; Night light + Brightness
+                :hexpand true
+                :width 50 :height 50
+                :orientation "h"
+                :space-evenly false
+                (button
+                  :class "sidebar-quicktoggle-btn${hyprjson.nightlight ? '-active' : ''} ${rev_power ? '' : 'sidebar-quicktoggle-btn-left'}"
+                  :onclick "scripts/toggle-nightlight.sh &"
+                  :width 50 :height 50
+                  (label
+                    :halign "center"
+                    :class "bar-icon-material-hugeass"
+                    :text {hyprjson.nightlight ? "Nightlight" : ""}
+                  )
+                )
+                (revealer
+                  :reveal {!rev_power}
+                  :transition "slideleft"
+                  :duration "100ms"
+                  :hexpand true
+                  (box
+                    :width 100
+                    :hexpand true
+                    :class "sidebar-quicktoggle-btn sidebar-quicktoggle-btn-right"
+                    :style "margin-left: 3px;"
+                    :tooltip "Scroll !"
+                    ; (eventbox
+                    ;   :hexpand true
+                    ;   :onscroll "echo {} | sed -e 's/down/-U 3/g' -e 's/up/-A 3/g' | xargs light &"
+                    ;   (overlay
+                    ;     :hexpand true
+                    ;     (box
+                    ;       :hexpand true
+                    ;       :valign "center"
+                    ;       :class "sidebar-brightness-progress"
+                    ;       :style "
+                    ;       background-image:
+                    ;       linear-gradient(to right, ${coloraccent} ${brightness.level}%, rgba(200, 200, 200, 0.6) ${brightness.level}%);
+                    ;       "
+                    ;     )
+                    ;     (label
+                    ;       :class "sidebar-brightness-progress-btn"
+                    ;       :valign "center"
+                    ;       :xalign {brightness.level / 100}
+                    ;       :style "
+                    ;       color: ${coloraccent};
+                    ;       "
+                    ;       :text "●"
+                    ;     )
+                    ;   )
+                    ; )
+                    (scale
+                        :value "${brightness.level}"
+                        :onchange "light -S {}"
+                        :hexpand true
+                        :class "sidebar-quicktoggle-slider"
+                    )
+                    
+                  )
+                )
+              )
+              (box ; Power
+                :halign "end"
+                :width 50 :height 50
+                :orientation "h"
+                :space-evenly false
+                (revealer
+                  :reveal {rev_power}
+                  :transition "slideleft"
+                  :duration "100ms"
+                  (box
+                    :class "sidebar-quicktoggle-btn sidebar-quicktoggle-btn-left"
+                    :style "margin-right: 3px;"
+                    (eventbox
+                      :width 50 :height 50
+                      :cursor "pointer"
+                      :class "sidebar-quicktoggle-power-optn"
+                      :onclick "gtklock &"
+                      (label
+                        :halign "center"
+                        :class "sidebar-quicktoggle-power-icon"
+                        :text "Lock"
+                      )
+                    )
+                    (eventbox
+                      :width 50 :height 50
+                      :cursor "pointer"
+                      :class "sidebar-quicktoggle-power-optn"
+                      :onclick "scripts/dashactivate 'systemctl suspend' &"
+                      (label
+                        :halign "center"
+                        :class "sidebar-quicktoggle-power-icon"
+                        :text ""
+                      )
+                    )
+                    (eventbox
+                      :width 50 :height 50
+                      :cursor "pointer"
+                      :class "sidebar-quicktoggle-power-optn"
+                      :onclick "scripts/dashactivate 'loginctl terminate-user $USER' &"
+                      (label
+                        :halign "center"
+                        :class "sidebar-quicktoggle-power-icon"
+                        :text "Logout"
+                      )
+                    )
+                    (eventbox
+                      :width 50 :height 50
+                      :cursor "pointer"
+                      :class "sidebar-quicktoggle-power-optn"
+                      :onclick "scripts/dashactivate 'systemctl poweroff' &"
+                      (label
+                        :halign "center"
+                        :class "sidebar-quicktoggle-power-icon"
+                        :text ""
+                      )
+                    )
+                    (eventbox
+                      :width 50 :height 50
+                      :cursor "pointer"
+                      :class "sidebar-quicktoggle-power-optn"
+                      :onclick "scripts/dashactivate 'systemctl reboot' &"
+                      (label
+                        :halign "center"
+                        :class "sidebar-quicktoggle-power-icon"
+                        :text ""
+                      )
+                    )
+                  )
+                )
+                (button
+                  :class "sidebar-quicktoggle-btn${rev_power ? '-active ' : ''} ${rev_power ? 'sidebar-quicktoggle-btn-right' : ''}"
+                  :onclick "${EWW_CMD} update rev_power='${!rev_power}'"
+                  :width 50 :height 50
+                  (label
+                    :halign "center"
+                    :class "bar-icon-material-hugeass"
+                    :text {rev_power ? '' : 'Key'}
+                  )
+                )
+              )
+            )
+            (box ; Notifications
+              :space-evenly false :orientation "v"
+              :vexpand true
+              (box ; The text
+                :space-evenly false
+                :height {BAR_HEIGHT} :width 400
+                :class "sidebar-section-title"
+                (label :xalign 0
+                  :class "bar-icon-material-hugeass sidebar-section-title-icon"
+                  :text "Notifications"
+                )
+                (label :xalign 0
+                  :hexpand true
+                  :class "bar-txt-hugeass sidebar-section-title-icon"
+                  :text "Notifications"
+                )
+              )
+              (scroll
+                :vexpand true
+                :style "margin: 0 15px;"
+                (box
+                  :space-evenly false :orientation "v" :spacing -10
+                  (box
+                    :space-evenly false
+                    :orientation "v"
+                    (for app in notifications
+                      (box
+                        :space-evenly false :orientation "v"
+                        :spacing 10
+                        :class "sidebar-notification"
+                        (box
+                          :valign "center"
+                          :space-evenly false :orientation "v"
+                          (box
+                            :space-evenly false :orientation "h"
+                            :spacing 5
+                            (label :xalign 0
+                              :hexpand true
+                              :class "bar-txt bar-txt-norm"
+                              :text {app['summary']}
+                              :limit-width 40
+                            )
+                            (label :xalign 1
+                              :class "bar-txt-smaller bar-txt-norm"
+                              :text "${app['app_name']}"
+                              :limit-width 20
+                            )
+                            (label :xalign 1
+                              :class "bar-txt-small bar-txt-norm"
+                              :text " • ${app['time']}"
+                              :limit-width 20
+                            )
+                          )
+                          (box
+                            (label :xalign 0 :hexpand true :wrap true
+                              :class "bar-txt-small bar-txt-sub"
+                              :text {app['body']}
+                              ; :limit-width 45
+                            )
+                          )
+                        )
+                        ; (label :xalign 0
+                          ;   :hexpand true
+                          ;   :width 175
+                          ;   :class "sidebar-notif-appname"
+                          ;   :text {app.name}
+                          ;   :wrap true
+                        ; )
+                        ; (box
+                          ;   :space-evenly false :orientation "h"
+                          ;   :spacing 10
+                          ;   (box
+                            ;     :class "sidebar-notif-decor-left"
+                            ;     :width 5
+                          ;   )
+                          ;   (box
+                            ;     :space-evenly false :orientation "v"
+                            ;     :spacing 10
+                            ;     (for message in {app.content}
+                              ;       (box
+                                ;         :space-evenly false :orientation "v"
+                                ;         (label :xalign 0
+                                  ;           :class "sidebar-notif-summary"
+                                  ;           :text {message[0]}
+                                  ;           ; :limit-width 60
+                                ;         )
+                                ;         (label :xalign 0
+                                  ;           :class "sidebar-notif-body"
+                                  ;           :text {message[1]}
+                                  ;           ; :limit-width 60
+                                ;         )
+                              ;       )
+                            ;     )
+                          ;   )
+                        ; )
+                      )
+                    )
+                  )
+                )
+              )
+              (box
+                :height 20
+              )
+            )
+            (box ; Calendar
+              :orientation "v"
+              :space-evenly false
+              :spacing -10
+              (eventbox
+                :onscroll "scripts/scrollmonth {} &"
+                :onclick "${EWW_CMD} update monthshift=0 &"
+                (box ; The text
+                  :space-evenly false
+                  :height {BAR_HEIGHT} :width 400
+                  :class "sidebar-section-title"
+                  (label :xalign 0
+                    :class "bar-icon-material-hugeass sidebar-section-title-icon"
+                    :text ""
+                  )
+                  (label :xalign 0
+                    :hexpand true
+                    :class "bar-txt-hugeass sidebar-section-title-text"
+                    :text "${calendartitle}"
+                  )
+                  (label :xalign 1
+                    :class "bar-txt-small sidebar-section-title-text"
+                    :text "Scroll to change month"
+                  )
+                )
+              )
+              (box
+                :class "sidebar-content"
+                :orientation "h" :space-evenly false :spacing 10
+                (eventbox
+                  :onscroll "scripts/scrollmonth {} &"
+                  (box
+                    :orientation "v"
+                    :space-evenly false
+                    (box
+                      (for day in weekdays
+                        (box
+                          :class "sidebar-calendar-btn day${day.today}"
+                          (label
+                            :class "sidebar-calendar-txt"
+                            :text "${day.day}"
+                          )
+                        )
+                      )
+                    )
+                    (for week in calendar
+                      (box
+                        (for day in week
+                          (button
+                            :class "sidebar-calendar-btn day${day.today}"
+                            (label
+                              :class "sidebar-calendar-txt"
+                              :text "${day.day}"
+                            )
+                          )
+                        )
+                      )
+                    )
+                  )
+                )
+                (box
+                  :orientation "v"
+                  :space-evenly false
+                  :hexpand true
+                  :class "sidebar-todo-box"
+                  (label
+                    :class "bar-txt-hugeass sidebar-box-title"
+                    :text "Todo"
+                  )
+                  (scroll
+                    :hscroll false :vscroll true
+                    :vexpand true
+                    :style "margin: 5px 0;"
+                    (box
+                      :orientation "v"
+                      :space-evenly false :spacing 10
+                      (for task in todolist
+                        (box
+                          :orientation "h"
+                          :space-evenly false
+                          :class "sidebar-todo-item"
+                          :spacing 5
+                          (button
+                            :valign "center"
+                            :class "sidebar-todo-btn"
+                            :onclick "scripts/todo del '${task}' && ${EWW_CMD} update todolist=\"$(cat json/todo.json | gojq -c -M)\""
+                            (label
+                              :class "bar-icon-material-large"
+                              :text "Remove"
+                            )
+                          )
+                          (label :xalign 0
+                            :text {task}
+                            :wrap true
+                          )
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+              (box
+                :height 20
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow sideright
+  :monitor 0
+  :stacking "fg"
+  :namespace "eww"
+  :geometry (geometry
+    ; :height "100%"
+    :anchor "top right"
+  )
+  (sideright_widget)
+)
\ No newline at end of file
diff --git a/novelknock/.config/eww/windows/supercontext.yuck b/novelknock/.config/eww/windows/supercontext.yuck
new file mode 100755
index 000000000..3397bdfb7
--- /dev/null
+++ b/novelknock/.config/eww/windows/supercontext.yuck
@@ -0,0 +1,178 @@
+(defwidget supercontext_widget []
+  (eventbox
+    :onclick "scripts/toggle-supercontext.sh --close &"
+    (box
+      :width RES_WIDTH
+      :height RES_HEIGHT
+      :space-evenly false
+      (box
+        :halign "start" :valign "start"
+        :style "
+        transition: 0ms;
+        margin-left: ${supercontext_pos_x - (SUPERCONTEXT_DIAMETER / 2)}px;
+        margin-top: ${supercontext_pos_y - (SUPERCONTEXT_DIAMETER / 2)}px;
+        min-width: ${SUPERCONTEXT_DIAMETER}px;
+        min-height: ${SUPERCONTEXT_DIAMETER}px;
+        "
+        (overlay
+          (overlay
+            ; (box
+              ;   :width SUPERCONTEXT_DIAMETER :height SUPERCONTEXT_DIAMETER
+            ; )
+            ; Button backgrounds (SVGs)
+            (revealer
+              :reveal {open_supercontext >= 1}
+              :duration "75ms"
+              :transition "crossfade"
+              (image
+                :class "supercontext-bg"
+                :path "images/menus/btn0.svg"
+                :image-width SUPERCONTEXT_DIAMETER :image-height SUPERCONTEXT_DIAMETER
+              )
+            )
+            (revealer
+              :reveal {open_supercontext >= 2}
+              :duration "75ms"
+              :transition "crossfade"
+              (image
+                :class "supercontext-bg"
+                :path "images/menus/btn1.svg"
+                :image-width SUPERCONTEXT_DIAMETER :image-height SUPERCONTEXT_DIAMETER
+              )
+            )
+            (revealer
+              :reveal {open_supercontext >= 3}
+              :duration "75ms"
+              :transition "crossfade"
+              (image
+                :class "supercontext-bg"
+                :path "images/menus/btn2.svg"
+                :image-width SUPERCONTEXT_DIAMETER :image-height SUPERCONTEXT_DIAMETER
+              )
+            )
+            (revealer
+              :reveal {open_supercontext >= 4}
+              :duration "75ms"
+              :transition "crossfade"
+              (image
+                :class "supercontext-bg"
+                :path "images/menus/btn3.svg"
+                :image-width SUPERCONTEXT_DIAMETER :image-height SUPERCONTEXT_DIAMETER
+              )
+            )
+            (revealer
+              :reveal {open_supercontext >= 5}
+              :duration "75ms"
+              :transition "crossfade"
+              (image
+                :class "supercontext-bg"
+                :path "images/menus/btn4.svg"
+                :image-width SUPERCONTEXT_DIAMETER :image-height SUPERCONTEXT_DIAMETER
+              )
+            )
+          )
+          (overlay ; Real button hitboxes
+            (box ; Button 0: Kill processes with the same process name as the focused window
+              :class "supercontext-btn"
+              :style "
+              opacity: ${open_supercontext >= 1 ? 1 : 0};
+              margin-left: ${SUPERCONTEXT_RADIUS + (sin(degtorad(SUPERCONTEXT_ROTATIONS[0])) * SUPERCONTEXT_DIST_FROM_CENTER) - SUPERCONTEXT_BUTTON_RADIUS}px;
+              margin-right: ${SUPERCONTEXT_DIAMETER - (SUPERCONTEXT_RADIUS + (round(sin(degtorad(SUPERCONTEXT_ROTATIONS[0])), 5) * SUPERCONTEXT_DIST_FROM_CENTER) + SUPERCONTEXT_BUTTON_RADIUS)}px;
+              margin-top: ${SUPERCONTEXT_RADIUS - (cos(degtorad(SUPERCONTEXT_ROTATIONS[0])) * SUPERCONTEXT_DIST_FROM_CENTER) - SUPERCONTEXT_BUTTON_RADIUS}px;
+              margin-bottom: ${SUPERCONTEXT_DIAMETER - (SUPERCONTEXT_RADIUS - (cos(degtorad(SUPERCONTEXT_ROTATIONS[0])) * SUPERCONTEXT_DIST_FROM_CENTER) + SUPERCONTEXT_BUTTON_RADIUS)}px;
+              "
+              (eventbox
+                :onclick "pkill $(ps -p $(hyprctl activewindow -j | gojq -r '.pid') -o comm=) &"
+                :tooltip "Brutally kill this window"
+                :cursor "pointer"
+                (label :class "supercontext-btn-icon bar-txt-norm" :text "Dangerous")
+              )
+            )
+            (box ; Button 1
+              :class "supercontext-btn"
+              :style "
+              opacity: ${open_supercontext >= 2 ? 1 : 0};
+              margin-left: ${SUPERCONTEXT_RADIUS + (sin(degtorad(SUPERCONTEXT_ROTATIONS[1])) * SUPERCONTEXT_DIST_FROM_CENTER) - SUPERCONTEXT_BUTTON_RADIUS}px;
+              margin-right: ${SUPERCONTEXT_DIAMETER - (SUPERCONTEXT_RADIUS + (round(sin(degtorad(SUPERCONTEXT_ROTATIONS[1])), 5) * SUPERCONTEXT_DIST_FROM_CENTER) + SUPERCONTEXT_BUTTON_RADIUS)}px;
+              margin-top: ${SUPERCONTEXT_RADIUS - (cos(degtorad(SUPERCONTEXT_ROTATIONS[1])) * SUPERCONTEXT_DIST_FROM_CENTER) - SUPERCONTEXT_BUTTON_RADIUS}px;
+              margin-bottom: ${SUPERCONTEXT_DIAMETER - (SUPERCONTEXT_RADIUS - (cos(degtorad(SUPERCONTEXT_ROTATIONS[1])) * SUPERCONTEXT_DIST_FROM_CENTER) + SUPERCONTEXT_BUTTON_RADIUS)}px;
+              "
+              (eventbox
+                :class "supercontext-btn-num"
+                :tooltip "Swap workspace windows with workspace..."
+                :onscroll "eww update ws_to_swap=$(( ${ws_to_swap == 0 ? activews : ws_to_swap} + $(echo {} | sed -e 's/down/-1/g' -e 's/up/+1/g') )) &"
+                :onclick "scripts/swapws ${activews} ${ws_to_swap} &"
+                :cursor "col-resize"
+                (label :class "bar-txt-norm" :text {ws_to_swap == 0 ? '' : ws_to_swap})
+              )
+            )
+            (box
+              :class "supercontext-btn"
+              :style "
+              opacity: ${open_supercontext >= 3 ? 1 : 0};
+              margin-left: ${SUPERCONTEXT_RADIUS + (sin(degtorad(SUPERCONTEXT_ROTATIONS[2])) * SUPERCONTEXT_DIST_FROM_CENTER) - SUPERCONTEXT_BUTTON_RADIUS}px;
+              margin-right: ${SUPERCONTEXT_DIAMETER - (SUPERCONTEXT_RADIUS + (round(sin(degtorad(SUPERCONTEXT_ROTATIONS[2])), 5) * SUPERCONTEXT_DIST_FROM_CENTER) + SUPERCONTEXT_BUTTON_RADIUS)}px;
+              margin-top: ${SUPERCONTEXT_RADIUS - (cos(degtorad(SUPERCONTEXT_ROTATIONS[2])) * SUPERCONTEXT_DIST_FROM_CENTER) - SUPERCONTEXT_BUTTON_RADIUS}px;
+              margin-bottom: ${SUPERCONTEXT_DIAMETER - (SUPERCONTEXT_RADIUS - (cos(degtorad(SUPERCONTEXT_ROTATIONS[2])) * SUPERCONTEXT_DIST_FROM_CENTER) + SUPERCONTEXT_BUTTON_RADIUS)}px;
+              "
+              (eventbox
+                :class "supercontext-btn-num"
+                :tooltip "Dump windows of this workspace to workspace..."
+                :onscroll "eww update ws_to_dump=$(( ${ws_to_dump == 0 ? activews : ws_to_dump} + $(echo {} | sed -e 's/down/-1/g' -e 's/up/+1/g') )) &"
+                :onclick "scripts/dumptows ${activews} ${ws_to_dump} &"
+                :cursor "col-resize"
+                (label :class "bar-txt-norm" :style {ws_to_dump == 0 ? 'font-family: Material Symbols Rounded' : ''} :text {ws_to_dump == 0 ? 'publish' : ws_to_dump})
+              )
+            )
+            (box
+              :class "supercontext-btn"
+              :style "
+              opacity: ${open_supercontext >= 4 ? 1 : 0};
+              margin-left: ${SUPERCONTEXT_RADIUS + (sin(degtorad(SUPERCONTEXT_ROTATIONS[3])) * SUPERCONTEXT_DIST_FROM_CENTER) - SUPERCONTEXT_BUTTON_RADIUS}px;
+              margin-right: ${SUPERCONTEXT_DIAMETER - (SUPERCONTEXT_RADIUS + (round(sin(degtorad(SUPERCONTEXT_ROTATIONS[3])), 5) * SUPERCONTEXT_DIST_FROM_CENTER) + SUPERCONTEXT_BUTTON_RADIUS)}px;
+              margin-top: ${SUPERCONTEXT_RADIUS - (cos(degtorad(SUPERCONTEXT_ROTATIONS[3])) * SUPERCONTEXT_DIST_FROM_CENTER) - SUPERCONTEXT_BUTTON_RADIUS}px;
+              margin-bottom: ${SUPERCONTEXT_DIAMETER - (SUPERCONTEXT_RADIUS - (cos(degtorad(SUPERCONTEXT_ROTATIONS[3])) * SUPERCONTEXT_DIST_FROM_CENTER) + SUPERCONTEXT_BUTTON_RADIUS)}px;
+              "
+              (eventbox
+                :onclick "~/.local/bin/record-script-fullscreen.sh &"
+                :tooltip "Record"
+                :cursor "pointer"
+                (label :class "supercontext-btn-icon bar-txt-norm" :text "radio_button_checked")
+              )
+            )
+            (box
+              :class "supercontext-btn"
+              :style "
+              opacity: ${open_supercontext >= 5 ? 1 : 0};
+              margin-left: ${SUPERCONTEXT_RADIUS + (sin(degtorad(SUPERCONTEXT_ROTATIONS[4])) * SUPERCONTEXT_DIST_FROM_CENTER) - SUPERCONTEXT_BUTTON_RADIUS}px;
+              margin-right: ${SUPERCONTEXT_DIAMETER - (SUPERCONTEXT_RADIUS + (round(sin(degtorad(SUPERCONTEXT_ROTATIONS[4])), 5) * SUPERCONTEXT_DIST_FROM_CENTER) + SUPERCONTEXT_BUTTON_RADIUS)}px;
+              margin-top: ${SUPERCONTEXT_RADIUS - (cos(degtorad(SUPERCONTEXT_ROTATIONS[4])) * SUPERCONTEXT_DIST_FROM_CENTER) - SUPERCONTEXT_BUTTON_RADIUS}px;
+              margin-bottom: ${SUPERCONTEXT_DIAMETER - (SUPERCONTEXT_RADIUS - (cos(degtorad(SUPERCONTEXT_ROTATIONS[4])) * SUPERCONTEXT_DIST_FROM_CENTER) + SUPERCONTEXT_BUTTON_RADIUS)}px;
+              "
+              (eventbox
+                :onclick "notify-send 'an extra button ;)'"
+                :tooltip "does nothing lol"
+                :cursor "pointer"
+                (label :class "supercontext-btn-icon bar-txt-norm" :text "-")
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow supercontext
+  :stacking "overlay"
+  :focusable true
+  :monitor 0
+  :namespace "supercontext"
+  :geometry (geometry
+    :anchor "center center"
+    :height "100%"
+    :width "100%"
+  )
+  (supercontext_widget)
+)
+
diff --git a/novelknock/.config/fish/completions/fisher.fish b/novelknock/.config/fish/completions/fisher.fish
new file mode 100755
index 000000000..6d23ce490
--- /dev/null
+++ b/novelknock/.config/fish/completions/fisher.fish
@@ -0,0 +1,7 @@
+complete --command fisher --exclusive --long help --description "Print help"
+complete --command fisher --exclusive --long version --description "Print version"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments install --description "Install plugins"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments update --description "Update installed plugins"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments remove --description "Remove installed plugins"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments list --description "List installed plugins matching regex"
+complete --command fisher --exclusive --condition "__fish_seen_subcommand_from update remove" --arguments "(fisher list)"
diff --git a/novelknock/.config/fish/config.fish b/novelknock/.config/fish/config.fish
new file mode 100755
index 000000000..bfa2bf74c
--- /dev/null
+++ b/novelknock/.config/fish/config.fish
@@ -0,0 +1,20 @@
+function fish_prompt -d "Write out the prompt"
+    # This shows up as USER@HOST /home/user/ >, with the directory colored
+    # $USER and $hostname are set by fish, so you can just use them
+    # instead of using `whoami` and `hostname`
+    printf '%s@%s %s%s%s > ' $USER $hostname \
+        (set_color $fish_color_cwd) (prompt_pwd) (set_color normal)
+end
+
+if status is-interactive
+    # Commands to run in interactive sessions can go here
+    set fish_greeting
+
+end
+
+starship init fish | source
+
+# function fish_prompt
+#   set_color cyan; echo (pwd) 
+#   set_color green; echo '> '
+# end
\ No newline at end of file
diff --git a/novelknock/.config/fish/fish_plugins b/novelknock/.config/fish/fish_plugins
new file mode 100755
index 000000000..594dfc033
--- /dev/null
+++ b/novelknock/.config/fish/fish_plugins
@@ -0,0 +1 @@
+jorgebucaran/fisher
diff --git a/novelknock/.config/fish/fish_variables b/novelknock/.config/fish/fish_variables
new file mode 100755
index 000000000..479710902
--- /dev/null
+++ b/novelknock/.config/fish/fish_variables
@@ -0,0 +1,34 @@
+# This file contains fish universal variable definitions.
+# VERSION: 3.0
+SETUVAR __fish_initialized:3400
+SETUVAR _fisher_jorgebucaran_2F_fisher_files:\x7e/\x2econfig/fish/functions/fisher\x2efish\x1e\x7e/\x2econfig/fish/completions/fisher\x2efish
+SETUVAR _fisher_plugins:jorgebucaran/fisher
+SETUVAR _fisher_upgraded_to_4_4:\x1d
+SETUVAR fish_color_autosuggestion:555\x1ebrblack
+SETUVAR fish_color_cancel:\x2dr
+SETUVAR fish_color_command:blue
+SETUVAR fish_color_comment:red
+SETUVAR fish_color_cwd:green
+SETUVAR fish_color_cwd_root:red
+SETUVAR fish_color_end:green
+SETUVAR fish_color_error:brred
+SETUVAR fish_color_escape:brcyan
+SETUVAR fish_color_history_current:\x2d\x2dbold
+SETUVAR fish_color_host:normal
+SETUVAR fish_color_host_remote:yellow
+SETUVAR fish_color_normal:normal
+SETUVAR fish_color_operator:brcyan
+SETUVAR fish_color_param:cyan
+SETUVAR fish_color_quote:yellow
+SETUVAR fish_color_redirection:cyan\x1e\x2d\x2dbold
+SETUVAR fish_color_search_match:\x2d\x2dbackground\x3d111
+SETUVAR fish_color_selection:white\x1e\x2d\x2dbold\x1e\x2d\x2dbackground\x3dbrblack
+SETUVAR fish_color_status:red
+SETUVAR fish_color_user:brgreen
+SETUVAR fish_color_valid_path:\x2d\x2dunderline
+SETUVAR fish_key_bindings:fish_default_key_bindings
+SETUVAR fish_pager_color_completion:normal
+SETUVAR fish_pager_color_description:B3A06D\x1eyellow\x1e\x2di
+SETUVAR fish_pager_color_prefix:cyan\x1e\x2d\x2dbold\x1e\x2d\x2dunderline
+SETUVAR fish_pager_color_progress:brwhite\x1e\x2d\x2dbackground\x3dcyan
+SETUVAR fish_pager_color_selected_background:\x2dr
diff --git a/novelknock/.config/fish/functions/fisher.fish b/novelknock/.config/fish/functions/fisher.fish
new file mode 100755
index 000000000..c0a86fa4e
--- /dev/null
+++ b/novelknock/.config/fish/functions/fisher.fish
@@ -0,0 +1,240 @@
+function fisher --argument-names cmd --description "A plugin manager for Fish"
+    set --query fisher_path || set --local fisher_path $__fish_config_dir
+    set --local fisher_version 4.4.3
+    set --local fish_plugins $__fish_config_dir/fish_plugins
+
+    switch "$cmd"
+        case -v --version
+            echo "fisher, version $fisher_version"
+        case "" -h --help
+            echo "Usage: fisher install <plugins...>  Install plugins"
+            echo "       fisher remove  <plugins...>  Remove installed plugins"
+            echo "       fisher update  <plugins...>  Update installed plugins"
+            echo "       fisher update                Update all installed plugins"
+            echo "       fisher list    [<regex>]     List installed plugins matching regex"
+            echo "Options:"
+            echo "       -v or --version  Print version"
+            echo "       -h or --help     Print this help message"
+            echo "Variables:"
+            echo "       \$fisher_path  Plugin installation path. Default: $__fish_config_dir" | string replace --regex -- $HOME \~
+        case ls list
+            string match --entire --regex -- "$argv[2]" $_fisher_plugins
+        case install update remove
+            isatty || read --local --null --array stdin && set --append argv $stdin
+
+            set --local install_plugins
+            set --local update_plugins
+            set --local remove_plugins
+            set --local arg_plugins $argv[2..-1]
+            set --local old_plugins $_fisher_plugins
+            set --local new_plugins
+
+            test -e $fish_plugins && set --local file_plugins (string match --regex -- '^[^\s]+$' <$fish_plugins)
+
+            if ! set --query argv[2]
+                if test "$cmd" != update
+                    echo "fisher: Not enough arguments for command: \"$cmd\"" >&2 && return 1
+                else if ! set --query file_plugins
+                    echo "fisher: \"$fish_plugins\" file not found: \"$cmd\"" >&2 && return 1
+                end
+                set arg_plugins $file_plugins
+            end
+
+            for plugin in $arg_plugins
+                set plugin (test -e "$plugin" && realpath $plugin || string lower -- $plugin)
+                contains -- "$plugin" $new_plugins || set --append new_plugins $plugin
+            end
+
+            if set --query argv[2]
+                for plugin in $new_plugins
+                    if contains -- "$plugin" $old_plugins
+                        test "$cmd" = remove &&
+                            set --append remove_plugins $plugin ||
+                            set --append update_plugins $plugin
+                    else if test "$cmd" = install
+                        set --append install_plugins $plugin
+                    else
+                        echo "fisher: Plugin not installed: \"$plugin\"" >&2 && return 1
+                    end
+                end
+            else
+                for plugin in $new_plugins
+                    contains -- "$plugin" $old_plugins &&
+                        set --append update_plugins $plugin ||
+                        set --append install_plugins $plugin
+                end
+
+                for plugin in $old_plugins
+                    contains -- "$plugin" $new_plugins || set --append remove_plugins $plugin
+                end
+            end
+
+            set --local pid_list
+            set --local source_plugins
+            set --local fetch_plugins $update_plugins $install_plugins
+            set --local fish_path (status fish-path)
+
+            echo (set_color --bold)fisher $cmd version $fisher_version(set_color normal)
+
+            for plugin in $fetch_plugins
+                set --local source (command mktemp -d)
+                set --append source_plugins $source
+
+                command mkdir -p $source/{completions,conf.d,themes,functions}
+
+                $fish_path --command "
+                    if test -e $plugin
+                        command cp -Rf $plugin/* $source
+                    else
+                        set temp (command mktemp -d)
+                        set repo (string split -- \@ $plugin) || set repo[2] HEAD
+
+                        if set path (string replace --regex -- '^(https://)?gitlab.com/' '' \$repo[1])
+                            set name (string split -- / \$path)[-1]
+                            set url https://gitlab.com/\$path/-/archive/\$repo[2]/\$name-\$repo[2].tar.gz
+                        else
+                            set url https://api.github.com/repos/\$repo[1]/tarball/\$repo[2]
+                        end
+
+                        echo Fetching (set_color --underline)\$url(set_color normal)
+
+                        if curl --silent -L \$url | tar -xzC \$temp -f - 2>/dev/null
+                            command cp -Rf \$temp/*/* $source
+                        else
+                            echo fisher: Invalid plugin name or host unavailable: \\\"$plugin\\\" >&2
+                            command rm -rf $source
+                        end
+
+                        command rm -rf \$temp
+                    end
+
+                    set files $source/* && string match --quiet --regex -- .+\.fish\\\$ \$files
+                " &
+
+                set --append pid_list (jobs --last --pid)
+            end
+
+            wait $pid_list 2>/dev/null
+
+            for plugin in $fetch_plugins
+                if set --local source $source_plugins[(contains --index -- "$plugin" $fetch_plugins)] && test ! -e $source
+                    if set --local index (contains --index -- "$plugin" $install_plugins)
+                        set --erase install_plugins[$index]
+                    else
+                        set --erase update_plugins[(contains --index -- "$plugin" $update_plugins)]
+                    end
+                end
+            end
+
+            for plugin in $update_plugins $remove_plugins
+                if set --local index (contains --index -- "$plugin" $_fisher_plugins)
+                    set --local plugin_files_var _fisher_(string escape --style=var -- $plugin)_files
+
+                    if contains -- "$plugin" $remove_plugins
+                        for name in (string replace --filter --regex -- '.+/conf\.d/([^/]+)\.fish$' '$1' $$plugin_files_var)
+                            emit {$name}_uninstall
+                        end
+                        printf "%s\n" Removing\ (set_color red --bold)$plugin(set_color normal) "         "$$plugin_files_var | string replace -- \~ ~
+                        set --erase _fisher_plugins[$index]
+                    end
+
+                    command rm -rf (string replace -- \~ ~ $$plugin_files_var)
+
+                    functions --erase (string replace --filter --regex -- '.+/functions/([^/]+)\.fish$' '$1' $$plugin_files_var)
+
+                    for name in (string replace --filter --regex -- '.+/completions/([^/]+)\.fish$' '$1' $$plugin_files_var)
+                        complete --erase --command $name
+                    end
+
+                    set --erase $plugin_files_var
+                end
+            end
+
+            if set --query update_plugins[1] || set --query install_plugins[1]
+                command mkdir -p $fisher_path/{functions,themes,conf.d,completions}
+            end
+
+            for plugin in $update_plugins $install_plugins
+                set --local source $source_plugins[(contains --index -- "$plugin" $fetch_plugins)]
+                set --local files $source/{functions,themes,conf.d,completions}/*
+
+                if set --local index (contains --index -- $plugin $install_plugins)
+                    set --local user_files $fisher_path/{functions,themes,conf.d,completions}/*
+                    set --local conflict_files
+
+                    for file in (string replace -- $source/ $fisher_path/ $files)
+                        contains -- $file $user_files && set --append conflict_files $file
+                    end
+
+                    if set --query conflict_files[1] && set --erase install_plugins[$index]
+                        echo -s "fisher: Cannot install \"$plugin\": please remove or move conflicting files first:" \n"        "$conflict_files >&2
+                        continue
+                    end
+                end
+
+                for file in (string replace -- $source/ "" $files)
+                    command cp -RLf $source/$file $fisher_path/$file
+                end
+
+                set --local plugin_files_var _fisher_(string escape --style=var -- $plugin)_files
+
+                set --query files[1] && set --universal $plugin_files_var (string replace -- $source $fisher_path $files | string replace -- ~ \~)
+
+                contains -- $plugin $_fisher_plugins || set --universal --append _fisher_plugins $plugin
+                contains -- $plugin $install_plugins && set --local event install || set --local event update
+
+                printf "%s\n" Installing\ (set_color --bold)$plugin(set_color normal) "           "$$plugin_files_var | string replace -- \~ ~
+
+                for file in (string match --regex -- '.+/[^/]+\.fish$' $$plugin_files_var | string replace -- \~ ~)
+                    source $file
+                    if set --local name (string replace --regex -- '.+conf\.d/([^/]+)\.fish$' '$1' $file)
+                        emit {$name}_$event
+                    end
+                end
+            end
+
+            command rm -rf $source_plugins
+
+            if set --query _fisher_plugins[1]
+                set --local commit_plugins
+
+                for plugin in $file_plugins
+                    contains -- (string lower -- $plugin) (string lower -- $_fisher_plugins) && set --append commit_plugins $plugin
+                end
+
+                for plugin in $_fisher_plugins
+                    contains -- (string lower -- $plugin) (string lower -- $commit_plugins) || set --append commit_plugins $plugin
+                end
+
+                printf "%s\n" $commit_plugins >$fish_plugins
+            else
+                set --erase _fisher_plugins
+                command rm -f $fish_plugins
+            end
+
+            set --local total (count $install_plugins) (count $update_plugins) (count $remove_plugins)
+
+            test "$total" != "0 0 0" && echo (string join ", " (
+                test $total[1] = 0 || echo "Installed $total[1]") (
+                test $total[2] = 0 || echo "Updated $total[2]") (
+                test $total[3] = 0 || echo "Removed $total[3]")
+            ) plugin/s
+        case \*
+            echo "fisher: Unknown command: \"$cmd\"" >&2 && return 1
+    end
+end
+
+if ! set --query _fisher_upgraded_to_4_4
+    set --universal _fisher_upgraded_to_4_4
+    if functions --query _fisher_list
+        set --query XDG_DATA_HOME[1] || set --local XDG_DATA_HOME ~/.local/share
+        command rm -rf $XDG_DATA_HOME/fisher
+        functions --erase _fisher_{list,plugin_parse}
+        fisher update >/dev/null 2>/dev/null
+    else
+        for var in (set --names | string match --entire --regex '^_fisher_.+_files$')
+            set $var (string replace -- ~ \~ $$var)
+        end
+        functions --erase _fisher_fish_postexec
+    end
+end
diff --git a/novelknock/.config/fish/tokyonight_day.fish b/novelknock/.config/fish/tokyonight_day.fish
new file mode 100644
index 000000000..0a73a06a5
--- /dev/null
+++ b/novelknock/.config/fish/tokyonight_day.fish
@@ -0,0 +1,36 @@
+    # TokyoNight Color Palette
+    set -l foreground 3760bf
+    set -l selection 99a7df
+    set -l comment 848cb5
+    set -l red f52a65
+    set -l orange b15c00
+    set -l yellow 8c6c3e
+    set -l green 587539
+    set -l purple 7847bd
+    set -l cyan 007197
+    set -l pink 9854f1
+
+    # Syntax Highlighting Colors
+    set -g fish_color_normal $foreground
+    set -g fish_color_command $cyan
+    set -g fish_color_keyword $pink
+    set -g fish_color_quote $yellow
+    set -g fish_color_redirection $foreground
+    set -g fish_color_end $orange
+    set -g fish_color_error $red
+    set -g fish_color_param $purple
+    set -g fish_color_comment $comment
+    set -g fish_color_selection --background=$selection
+    set -g fish_color_search_match --background=$selection
+    set -g fish_color_operator $green
+    set -g fish_color_escape $pink
+    set -g fish_color_autosuggestion $comment
+
+    # Completion Pager Colors
+    set -g fish_pager_color_progress $comment
+    set -g fish_pager_color_prefix $cyan
+    set -g fish_pager_color_completion $foreground
+    set -g fish_pager_color_description $comment
+    set -g fish_pager_color_selected_background --background=$selection
+
+  
\ No newline at end of file
diff --git a/novelknock/.config/fish/tokyonight_moon.fish b/novelknock/.config/fish/tokyonight_moon.fish
new file mode 100644
index 000000000..2acc461b3
--- /dev/null
+++ b/novelknock/.config/fish/tokyonight_moon.fish
@@ -0,0 +1,36 @@
+    # TokyoNight Color Palette
+    set -l foreground c8d3f5
+    set -l selection 3654a7
+    set -l comment 7a88cf
+    set -l red ff757f
+    set -l orange ff966c
+    set -l yellow ffc777
+    set -l green c3e88d
+    set -l purple fca7ea
+    set -l cyan 86e1fc
+    set -l pink c099ff
+
+    # Syntax Highlighting Colors
+    set -g fish_color_normal $foreground
+    set -g fish_color_command $cyan
+    set -g fish_color_keyword $pink
+    set -g fish_color_quote $yellow
+    set -g fish_color_redirection $foreground
+    set -g fish_color_end $orange
+    set -g fish_color_error $red
+    set -g fish_color_param $purple
+    set -g fish_color_comment $comment
+    set -g fish_color_selection --background=$selection
+    set -g fish_color_search_match --background=$selection
+    set -g fish_color_operator $green
+    set -g fish_color_escape $pink
+    set -g fish_color_autosuggestion $comment
+
+    # Completion Pager Colors
+    set -g fish_pager_color_progress $comment
+    set -g fish_pager_color_prefix $cyan
+    set -g fish_pager_color_completion $foreground
+    set -g fish_pager_color_description $comment
+    set -g fish_pager_color_selected_background --background=$selection
+
+  
\ No newline at end of file
diff --git a/novelknock/.config/fish/tokyonight_night.fish b/novelknock/.config/fish/tokyonight_night.fish
new file mode 100644
index 000000000..58edd99b3
--- /dev/null
+++ b/novelknock/.config/fish/tokyonight_night.fish
@@ -0,0 +1,36 @@
+    # TokyoNight Color Palette
+    set -l foreground c0caf5
+    set -l selection 33467c
+    set -l comment 565f89
+    set -l red f7768e
+    set -l orange ff9e64
+    set -l yellow e0af68
+    set -l green 9ece6a
+    set -l purple 9d7cd8
+    set -l cyan 7dcfff
+    set -l pink bb9af7
+
+    # Syntax Highlighting Colors
+    set -g fish_color_normal $foreground
+    set -g fish_color_command $cyan
+    set -g fish_color_keyword $pink
+    set -g fish_color_quote $yellow
+    set -g fish_color_redirection $foreground
+    set -g fish_color_end $orange
+    set -g fish_color_error $red
+    set -g fish_color_param $purple
+    set -g fish_color_comment $comment
+    set -g fish_color_selection --background=$selection
+    set -g fish_color_search_match --background=$selection
+    set -g fish_color_operator $green
+    set -g fish_color_escape $pink
+    set -g fish_color_autosuggestion $comment
+
+    # Completion Pager Colors
+    set -g fish_pager_color_progress $comment
+    set -g fish_pager_color_prefix $cyan
+    set -g fish_pager_color_completion $foreground
+    set -g fish_pager_color_description $comment
+    set -g fish_pager_color_selected_background --background=$selection
+
+  
\ No newline at end of file
diff --git a/novelknock/.config/fish/tokyonight_storm.fish b/novelknock/.config/fish/tokyonight_storm.fish
new file mode 100644
index 000000000..0fd59a748
--- /dev/null
+++ b/novelknock/.config/fish/tokyonight_storm.fish
@@ -0,0 +1,36 @@
+    # TokyoNight Color Palette
+    set -l foreground c0caf5
+    set -l selection 364a82
+    set -l comment 565f89
+    set -l red f7768e
+    set -l orange ff9e64
+    set -l yellow e0af68
+    set -l green 9ece6a
+    set -l purple 9d7cd8
+    set -l cyan 7dcfff
+    set -l pink bb9af7
+
+    # Syntax Highlighting Colors
+    set -g fish_color_normal $foreground
+    set -g fish_color_command $cyan
+    set -g fish_color_keyword $pink
+    set -g fish_color_quote $yellow
+    set -g fish_color_redirection $foreground
+    set -g fish_color_end $orange
+    set -g fish_color_error $red
+    set -g fish_color_param $purple
+    set -g fish_color_comment $comment
+    set -g fish_color_selection --background=$selection
+    set -g fish_color_search_match --background=$selection
+    set -g fish_color_operator $green
+    set -g fish_color_escape $pink
+    set -g fish_color_autosuggestion $comment
+
+    # Completion Pager Colors
+    set -g fish_pager_color_progress $comment
+    set -g fish_pager_color_prefix $cyan
+    set -g fish_pager_color_completion $foreground
+    set -g fish_pager_color_description $comment
+    set -g fish_pager_color_selected_background --background=$selection
+
+  
\ No newline at end of file
diff --git a/novelknock/.config/fontconfig/fonts.conf b/novelknock/.config/fontconfig/fonts.conf
new file mode 100755
index 000000000..57cb6148d
--- /dev/null
+++ b/novelknock/.config/fontconfig/fonts.conf
@@ -0,0 +1,71 @@
+<?xml version='1.0'?>
+<!DOCTYPE fontconfig SYSTEM 'urn:fontconfig:fonts.dtd'>
+<fontconfig>
+ <!-- 
+ Artificial oblique for fonts without an italic or oblique version
+ -->
+ <match target="font">
+   <edit name="rgba" mode="assign">
+     <const>none</const>
+   </edit>
+ </match>
+
+ <match target="font">
+  <!-- check to see if the font is roman -->
+  <test name="slant">
+   <const>roman</const>
+  </test>
+  <!-- check to see if the pattern requested non-roman -->
+  <test target="pattern" compare="not_eq" name="slant">
+   <const>roman</const>
+  </test>
+  <!-- multiply the matrix to slant the font -->
+  <edit mode="assign" name="matrix">
+   <times>
+    <name>matrix</name>
+    <matrix>
+     <double>1</double>
+     <double>0.2</double>
+     <double>0</double>
+     <double>1</double>
+    </matrix>
+   </times>
+  </edit>
+  <!-- pretend the font is oblique now -->
+  <edit mode="assign" name="slant">
+   <const>oblique</const>
+  </edit>
+  <!-- and disable embedded bitmaps for artificial oblique -->
+  <edit mode="assign" name="embeddedbitmap">
+   <bool>false</bool>
+  </edit>
+ </match>
+ <!--
+ Synthetic emboldening for fonts that do not have bold face available
+ -->
+ <match target="font">
+  <!-- check to see if the weight in the font is less than medium which possibly need emboldening -->
+  <test compare="less_eq" name="weight">
+   <const>medium</const>
+  </test>
+  <!-- check to see if the pattern requests bold -->
+  <test target="pattern" compare="more_eq" name="weight">
+   <const>bold</const>
+  </test>
+  <!--
+		  set the embolden flag
+		  needed for applications using cairo, e.g. gucharmap, gedit, ...
+		-->
+  <edit mode="assign" name="embolden">
+   <bool>true</bool>
+  </edit>
+  <!--
+		 set weight to bold
+		 needed for applications using Xft directly, e.g. Firefox, ...
+		-->
+  <edit mode="assign" name="weight">
+   <const>bold</const>
+  </edit>
+ </match>
+ <dir>~/.fonts</dir>
+</fontconfig>
diff --git a/novelknock/.config/foot/foot.ini b/novelknock/.config/foot/foot.ini
new file mode 100755
index 000000000..e4ff60012
--- /dev/null
+++ b/novelknock/.config/foot/foot.ini
@@ -0,0 +1,320 @@
+# -*- 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=monospace:size=11
+font=JetBrainsMono Nerd Font:size=12
+# 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=30x30                             # optionally append 'center'
+# resize-delay-ms=100
+
+# notify=notify-send -a ${app-id} -i ${app-id} ${title} ${body}
+
+bold-text-in-bright=no
+# bell=none
+# 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=block
+# color=111111 dcdccc
+color=282a36 f8f8f2
+# blink=no
+# beam-thickness=1.5
+# underline-thickness=<font underline thickness>
+
+[mouse]
+# hide-when-typing=no
+# alternate-scroll-mode=yes
+
+#DoomOne Colors
+#[colors]
+#alpha=0.3
+#foreground=bbc2cf
+#background=444444
+#regular0=282c34  # black
+#regular1=ff6c6b  # red
+#regular2=98be65  # green
+#regular3=ecbe7b  # yellow
+#regular4=51afef  # blue
+#regular5=c678dd  # magenta
+#regular6=46d9ff  # cyan
+#regular7=bfbfbf  # white
+#bright0=666666   # bright black
+#bright1=da8548   # bright red
+#bright2=4db5bd   # bright green
+#bright3=ECBE7B   # bright yellow
+#bright4=51afef   # bright blue
+#bright5=c678dd   # bright magenta
+#bright6=46D9FF   # bright cyan
+#bright7=dfdfdf   # bright white
+# 16 = <256-color palette #16>
+# ...
+# 255 = <256-color palette #255>
+# selection-foreground=<inverse foreground/background>
+# selection-background=<inverse foreground/background>
+# jump-labels=<regular0> <regular3>
+# urls=<regular3>
+
+##Dracula Colors
+# [colors]
+# alpha=0.3
+# foreground=f8f8f2
+# background=444444
+# regular0=000000  # black
+# regular1=ff5555  # red
+# regular2=50fa7b  # green
+# regular3=f1fa8c  # yellow
+# regular4=bd93f9  # blue
+# regular5=ff79c6  # magenta
+# regular6=8be9fd  # cyan
+# regular7=bfbfbf  # white
+# bright0=4d4d4d   # bright black
+# bright1=ff6e67   # bright red
+# bright2=5af78e   # bright green
+# bright3=f4f99d   # bright yellow
+# bright4=caa9fa   # bright blue
+# bright5=ff92d0   # bright magenta
+# bright6=9aedfe   # bright cyan
+# bright7=e6e6e6   # bright white
+
+# Catppuccin Colors
+[colors]
+alpha=0.5
+foreground=a9b1d6
+background=1a1b26
+regular0=414868  # black
+regular1=f7768e  # red
+regular2=73daca  # green
+regular3=e0af68  # yellow
+regular4=7aa2f7  # blue
+regular5=bb9af7  # magenta
+regular6=7dcfff  # cyan
+regular7=c0caf5  # white
+bright0=414868  # black
+bright1=f7768e  # red
+bright2=73daca  # green
+bright3=e0af68  # yellow
+bright4=7aa2f7  # blue
+bright5=bb9af7  # magenta
+bright6=7dcfff  # cyan
+bright7=c0caf5  # white
+
+# Ice colors
+# [colors]
+# alpha=0.5
+# foreground=90D1F6
+# background=162546
+# regular0=68ABE3  # black
+# regular1=BB9AF7  # red
+# regular2=90D1F6  # green
+# regular3=90D1F6  # yellow
+# regular4=AED6F7  # blue
+# regular5=AEE5FA  # magenta
+# regular6=DEECF5  # cyan
+# regular7=90D1F6  # white
+# bright0=68ABE3  # black
+# bright1=F7768E  # red
+# bright2=8DB5E3  # green
+# bright3=90D1F6  # yellow
+# bright4=AED6F7  # blue
+# bright5=AEE5FA  # magenta
+# bright6=DEECF5  # cyan
+# bright7=90D1F6  # white
+
+##Lovelace Colors
+# [colors]
+# alpha=0.3
+# foreground=f8f8f2
+# background=444444
+# regular0=282A36  # black
+# regular1=F37F97  # red
+# regular2=5ADECD  # green
+# regular3=F2A272  # yellow
+# regular4=8897F4  # blue
+# regular5=C574DD  # magenta
+# regular6=79E6F3  # cyan
+# regular7=FDFDFD  # white
+#  bright0=414458  # bright black
+#  bright1=FF4971  # bright red
+#  bright2=18E3C8  # bright green
+#  bright3=FF8037  # bright yellow
+#  bright4=556FFF  # bright blue
+#  bright5=B043D1  # bright magenta
+#  bright6=3FDCEE  # bright cyan
+#  bright7=BEBEC1  # bright white
+
+##Amarena Colors
+# [colors]
+# alpha=0.3
+# foreground=FFFFFF
+# background=1A2026
+# regular0=242D35 #black
+# regular1=FB6396 #red
+# regular2=94CF95 #green
+# regular3=F692B2 #yellow
+# regular4=6EC1D6 #blue
+# regular5=CD84C8 #magenta
+# regular6=7FE4D2 #cyan
+# regular7=FFFFFF #white
+#  bright0=526170 #bright black
+#  bright1=F92D72 #bright red
+#  bright2=6CCB6E #bright green
+#  bright3=F26190 #bright yellow
+#  bright4=4CB9D6 #bright blue
+#  bright5=C269BC #bright magenta
+#  bright6=58D6BF #bright cyan
+#  bright7=F4F5F2 #bright white
+  
+#Catpuccin Frappe
+#[colors]
+#    alpha=0.3
+#    foreground=c6d0f5 # Text
+#    background=444444 # Base
+#    regular0=51576d   # Surface 1
+#    regular1=e78284   # red
+#    regular2=a6d189   # green
+#    regular3=e5c890   # yellow
+#    regular4=8caaee   # blue
+#    regular5=f4b8e4   # pink
+#    regular6=81c8be   # teal
+#    regular7=b5bfe2   # Subtext 1
+#    bright0=626880    # Surface 2
+#    bright1=e78284    # red
+#    bright2=a6d189    # green
+#    bright3=e5c890    # yellow
+#    bright4=8caaee    # blue
+#    bright5=f4b8e4    # pink
+#    bright6=81c8be    # teal
+#    bright7=a5adce    # Subtext 0
+
+##Catpuccin Latte
+#[colors]
+#    alpha=0.3
+#    foreground=4c4f69 # Text
+#    background=444444 # Base
+#    regular0=5c5f77   # Subtext 1
+#    regular1=d20f39   # red
+#    regular2=40a02b   # green
+#    regular3=df8e1d   # yellow
+#    regular4=1e66f5   # blue
+#    regular5=ea76cb   # pink
+#    regular6=179299   # teal
+#    regular7=acb0be   # Surface 2
+#    bright0=6c6f85    # Subtext 0
+#    bright1=d20f39    # red
+#    bright2=40a02b    # green
+#    bright3=df8e1d    # yellow
+#    bright4=1e66f5    # blue
+#    bright5=ea76cb    # pink
+#    bright6=179299    # teal
+#    bright7=bcc0cc    # Surface 1
+
+[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=Mod1+BackSpace 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
diff --git a/novelknock/.config/gtk-3.0/colors.css b/novelknock/.config/gtk-3.0/colors.css
new file mode 100755
index 000000000..0bb83c3d3
--- /dev/null
+++ b/novelknock/.config/gtk-3.0/colors.css
@@ -0,0 +1,84 @@
+@define-color borders_breeze #454859;
+@define-color content_view_bg_breeze #1e1e2e;
+@define-color error_color_backdrop_breeze #876790;
+@define-color error_color_breeze #f38ba8;
+@define-color error_color_insensitive_backdrop_breeze #b36a83;
+@define-color error_color_insensitive_breeze #b36a83;
+@define-color insensitive_base_color_breeze #1e1e2e;
+@define-color insensitive_base_fg_color_breeze #999fb9;
+@define-color insensitive_bg_color_breeze #1a1a28;
+@define-color insensitive_borders_breeze #393b4c;
+@define-color insensitive_fg_color_breeze #999fb9;
+@define-color insensitive_selected_bg_color_breeze #1a1a28;
+@define-color insensitive_selected_fg_color_breeze #999fb9;
+@define-color insensitive_unfocused_bg_color_breeze #1a1a28;
+@define-color insensitive_unfocused_fg_color_breeze #999fb9;
+@define-color insensitive_unfocused_selected_bg_color_breeze #1a1a28;
+@define-color insensitive_unfocused_selected_fg_color_breeze #999fb9;
+@define-color link_color_breeze #74c7ec;
+@define-color link_visited_color_breeze #cba6f7;
+@define-color success_color_backdrop_breeze #728396;
+@define-color success_color_breeze #a6e3a1;
+@define-color success_color_insensitive_backdrop_breeze #7da87e;
+@define-color success_color_insensitive_breeze #7da87e;
+@define-color theme_base_color_breeze #1e1e2e;
+@define-color theme_bg_color_breeze #181825;
+@define-color theme_button_background_backdrop_breeze #202031;
+@define-color theme_button_background_backdrop_insensitive_breeze #2b2c3d;
+@define-color theme_button_background_insensitive_breeze #2b2c3d;
+@define-color theme_button_background_normal_breeze #313244;
+@define-color theme_button_decoration_focus_backdrop_breeze #627aa7;
+@define-color theme_button_decoration_focus_backdrop_insensitive_breeze #5a94b3;
+@define-color theme_button_decoration_focus_breeze #74c7ec;
+@define-color theme_button_decoration_focus_insensitive_breeze #5a94b3;
+@define-color theme_button_decoration_hover_backdrop_breeze #202031;
+@define-color theme_button_decoration_hover_backdrop_insensitive_breeze #2b2c3d;
+@define-color theme_button_decoration_hover_breeze #313244;
+@define-color theme_button_decoration_hover_insensitive_breeze #2b2c3d;
+@define-color theme_button_foreground_active_backdrop_breeze #808194;
+@define-color theme_button_foreground_active_backdrop_insensitive_breeze #999fb9;
+@define-color theme_button_foreground_active_breeze #11111b;
+@define-color theme_button_foreground_active_insensitive_breeze #999fb9;
+@define-color theme_button_foreground_backdrop_breeze #808194;
+@define-color theme_button_foreground_backdrop_insensitive_breeze #999fb9;
+@define-color theme_button_foreground_insensitive_breeze #999fb9;
+@define-color theme_button_foreground_normal_breeze #cdd6f4;
+@define-color theme_fg_color_breeze #cdd6f4;
+@define-color theme_header_background_backdrop_breeze #1e1e2e;
+@define-color theme_header_background_breeze #181825;
+@define-color theme_header_background_light_breeze #181825;
+@define-color theme_header_foreground_backdrop_breeze #808194;
+@define-color theme_header_foreground_breeze #cdd6f4;
+@define-color theme_header_foreground_insensitive_backdrop_breeze #808194;
+@define-color theme_header_foreground_insensitive_breeze #808194;
+@define-color theme_hovering_selected_bg_color_breeze #313244;
+@define-color theme_selected_bg_color_breeze #74c7ec;
+@define-color theme_selected_fg_color_breeze #11111b;
+@define-color theme_text_color_breeze #cdd6f4;
+@define-color theme_titlebar_background_backdrop_breeze #1e1e2e;
+@define-color theme_titlebar_background_breeze #181825;
+@define-color theme_titlebar_background_light_breeze #181825;
+@define-color theme_titlebar_foreground_backdrop_breeze #808194;
+@define-color theme_titlebar_foreground_breeze #cdd6f4;
+@define-color theme_titlebar_foreground_insensitive_backdrop_breeze #808194;
+@define-color theme_titlebar_foreground_insensitive_breeze #808194;
+@define-color theme_unfocused_base_color_breeze #1e1e2e;
+@define-color theme_unfocused_bg_color_breeze #1e1e2e;
+@define-color theme_unfocused_fg_color_breeze #808194;
+@define-color theme_unfocused_selected_bg_color_alt_breeze #292c41;
+@define-color theme_unfocused_selected_bg_color_breeze #292c41;
+@define-color theme_unfocused_selected_fg_color_breeze #808194;
+@define-color theme_unfocused_text_color_breeze #808194;
+@define-color theme_unfocused_view_bg_color_breeze #1e1e2e;
+@define-color theme_unfocused_view_text_color_breeze #999fb9;
+@define-color theme_view_active_decoration_color_breeze #313244;
+@define-color theme_view_hover_decoration_color_breeze #313244;
+@define-color tooltip_background_breeze #1e1e2e;
+@define-color tooltip_border_breeze #4a4c60;
+@define-color tooltip_text_breeze #cdd6f4;
+@define-color unfocused_borders_breeze #363747;
+@define-color unfocused_insensitive_borders_breeze #393b4c;
+@define-color warning_color_backdrop_breeze #87848f;
+@define-color warning_color_breeze #f9e2af;
+@define-color warning_color_insensitive_backdrop_breeze #b7a788;
+@define-color warning_color_insensitive_breeze #b7a788;
diff --git a/novelknock/.config/gtk-3.0/gtk.css b/novelknock/.config/gtk-3.0/gtk.css
new file mode 100755
index 000000000..3a1b163e7
--- /dev/null
+++ b/novelknock/.config/gtk-3.0/gtk.css
@@ -0,0 +1,118 @@
+@define-color theme_fg_color #AEE5FA;
+@define-color theme_text_color #AEE5FA;
+@define-color theme_bg_color #1a1b26;
+@define-color theme_base_color #1a1b26;
+@define-color theme_selected_bg_color #AEE5FA;
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+@define-color insensitive_bg_color #1a1b26;
+@define-color insensitive_fg_color rgba(192, 202, 245, 0.5);
+@define-color insensitive_base_color #24283b;
+@define-color theme_unfocused_fg_color #AEE5FA;
+@define-color theme_unfocused_text_color #c0caf5;
+@define-color theme_unfocused_bg_color #1a1b26;
+@define-color theme_unfocused_base_color #1a1b26;
+@define-color theme_unfocused_selected_bg_color #a9b1d6;
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+@define-color unfocused_insensitive_color rgba(192, 202, 245, 0.5);
+@define-color borders rgba(192, 202, 245, 0.12);
+@define-color unfocused_borders rgba(192, 202, 245, 0.12);
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+@define-color wm_title #AEE5FA;
+@define-color wm_unfocused_title rgba(192, 202, 245, 0.7);
+@define-color wm_highlight rgba(192, 202, 245, 0.1);
+@define-color wm_bg #1a1b26;
+@define-color wm_unfocused_bg #1a1b26;
+@define-color wm_button_close_icon #1a1b26;
+@define-color wm_button_close_hover_bg #a9b1d6;
+@define-color wm_button_close_active_bg #c7c7c7;
+@define-color content_view_bg #1a1b26;
+@define-color placeholder_text_color silver;
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #90D1F6;
+@define-color budgie_tasklist_indicator_color_active #90D1F6;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+@define-color accent_bg_color #6EF6FD;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #6EF6FD;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color window_bg_color #0c0d1d;
+@define-color window_fg_color #4CD9E0;
+@define-color view_bg_color #110F20;
+@define-color view_fg_color rgb(192,202,245);
+@define-color headerbar_bg_color #111221;
+@define-color headerbar_fg_color #AEE5FA;
+@define-color headerbar_border_color rgba(192, 202, 245, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #111221;
+@define-color card_fg_color #AEE5FA;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color rgb(26,27,38);
+@define-color dialog_fg_color #AEE5FA;
+@define-color popover_bg_color #181827;
+@define-color popover_fg_color #AEE5FA;
+@define-color thumbnail_bg_color #1a1b26;
+@define-color thumbnail_fg_color #AEE5FA;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
diff --git a/novelknock/.config/gtk-4.0/gtk-dark.css b/novelknock/.config/gtk-4.0/gtk-dark.css
new file mode 100755
index 000000000..d5d478f65
--- /dev/null
+++ b/novelknock/.config/gtk-4.0/gtk-dark.css
@@ -0,0 +1,6951 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #c0caf5;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #c0caf5;
+/* widget base background color */
+@define-color theme_bg_color #1a1b26;
+/* text widgets and the like base background color */
+@define-color theme_base_color #1a1b26;
+/* base background color of selections */
+@define-color theme_selected_bg_color #a9b1d6;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #1a1b26;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(192, 202, 245, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #24283b;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #c0caf5;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #c0caf5;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1a1b26;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #1a1b26;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #a9b1d6;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(192, 202, 245, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(192, 202, 245, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(192, 202, 245, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #c0caf5;
+@define-color wm_unfocused_title rgba(192, 202, 245, 0.7);
+@define-color wm_highlight rgba(192, 202, 245, 0.1);
+@define-color wm_bg #1a1b26;
+@define-color wm_unfocused_bg #1a1b26;
+@define-color wm_button_close_icon #1a1b26;
+@define-color wm_button_close_hover_bg #a9b1d6;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #1a1b26;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #c0caf5;
+@define-color budgie_tasklist_indicator_color_active #c0caf5;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #a9b1d6;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #a9b1d6;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #1a1b26;
+@define-color window_fg_color #c0caf5;
+@define-color view_bg_color #1a1b26;
+@define-color view_fg_color #c0caf5;
+@define-color headerbar_bg_color #1a1b26;
+@define-color headerbar_fg_color #c0caf5;
+@define-color headerbar_border_color rgba(192, 202, 245, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #1a1b26;
+@define-color card_fg_color #c0caf5;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #1a1b26;
+@define-color dialog_fg_color #c0caf5;
+@define-color popover_bg_color #1a1b26;
+@define-color popover_fg_color #c0caf5;
+@define-color thumbnail_bg_color #1a1b26;
+@define-color thumbnail_fg_color #c0caf5;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #1a1b26;
+  color: #c0caf5;
+}
+
+dnd {
+  color: #c0caf5;
+}
+
+.normal-icons {
+  -gtk-icon-size: 16px;
+}
+
+.large-icons {
+  -gtk-icon-size: 32px;
+}
+
+spinner:disabled,
+arrow:disabled,
+scrollbar:disabled,
+check:disabled,
+radio:disabled,
+treeview.expander:disabled {
+  -gtk-icon-filter: opacity(0.5);
+}
+
+iconview,
+.view {
+  color: #c0caf5;
+}
+
+iconview:disabled,
+.view:disabled {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+textview text {
+  background-color: #1a1b26;
+}
+
+textview border {
+  background-color: #24283b;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+  border-radius: 3px;
+}
+
+rubberband,
+.content-view rubberband,
+.content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband,
+.content-view .rubberband,
+columnview.view > rubberband,
+treeview.view > rubberband,
+gridview > rubberband,
+flowbox > rubberband {
+  border: 1px solid #a9b1d6;
+  background-color: rgba(169, 177, 214, 0.3);
+}
+
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+gridview > child {
+  padding: 3px;
+}
+
+gridview > child:selected {
+  outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+  border-spacing: 8px;
+  margin: 12px;
+}
+
+coverflow cover {
+  color: #c0caf5;
+  background-color: #1a1b26;
+  border: 1px solid black;
+}
+
+label.separator {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+label:disabled {
+  color: rgba(192, 202, 245, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #c0caf5;
+}
+
+label.search-information {
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+  color: rgba(192, 202, 245, 0.7);
+  opacity: 1;
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(192, 202, 245, 0.5);
+  font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+  color: #c0caf5;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents,
+.osd {
+  color: #c0caf5;
+  background-clip: padding-box;
+  border-radius: 6px;
+  border: none;
+}
+
+.osd {
+  padding: 6px;
+  margin: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.osd.circular {
+  border-radius: 9999px;
+}
+
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+  to {
+    transform: rotate(1turn);
+  }
+}
+
+spinner {
+  background: none;
+  opacity: 0;
+  -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+}
+
+spinner:checked {
+  opacity: 1;
+  animation: spin 1s linear infinite;
+}
+
+spinner:checked:disabled {
+  opacity: 0.5;
+}
+
+.large-title {
+  font-weight: 300;
+  font-size: 24pt;
+}
+
+.title-1 {
+  font-weight: 800;
+  font-size: 20pt;
+}
+
+.title-2 {
+  font-weight: 800;
+  font-size: 15pt;
+}
+
+.title-3 {
+  font-weight: 700;
+  font-size: 15pt;
+}
+
+.title-4 {
+  font-weight: 700;
+  font-size: 13pt;
+}
+
+.heading {
+  font-weight: 700;
+  font-size: 11pt;
+}
+
+.body {
+  font-weight: 400;
+  font-size: 11pt;
+}
+
+.caption {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-spacing: 6px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.08);
+  color: #c0caf5;
+  outline: none;
+}
+
+entry:focus-within {
+  background-color: rgba(192, 202, 245, 0.08);
+  box-shadow: inset 0 0 0 2px #a9b1d6;
+  outline: none;
+}
+
+entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  outline: none;
+}
+
+entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.search {
+  border-radius: 6px;
+}
+
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+entry image {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+entry image:hover,
+entry image:active {
+  color: #c0caf5;
+}
+
+entry image:disabled {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(192, 202, 245, 0.3) 50%
+  );
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(
+    to top,
+    transparent 50%,
+    rgba(192, 202, 245, 0.3) 50%
+  );
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.08);
+  color: #c0caf5;
+  outline: none;
+}
+
+entry.error:focus-within {
+  background-color: rgba(192, 202, 245, 0.08);
+  box-shadow: inset 0 0 0 2px #f28b82;
+  outline: none;
+}
+
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.08);
+  color: #c0caf5;
+  outline: none;
+}
+
+entry.warning:focus-within {
+  background-color: rgba(192, 202, 245, 0.08);
+  box-shadow: inset 0 0 0 2px #fdd633;
+  outline: none;
+}
+
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+entry > progress,
+entry progress > trough > progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #a9b1d6;
+  background-color: transparent;
+}
+
+treeview entry.flat,
+treeview entry {
+  background-color: #1a1b26;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus-within,
+treeview entry,
+treeview entry:focus-within {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(192, 202, 245, 0.12);
+  color: #c0caf5;
+}
+
+.entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag {
+  margin-left: 4px;
+  margin-right: 0;
+  padding-left: 12px;
+  padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-left: 8px;
+  padding-right: 12px;
+}
+
+.entry-tag.button {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active) {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+editablelabel > stack > text {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.08);
+  color: #c0caf5;
+  outline: none;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: radial-gradient(
+      farthest-side,
+      #a9b1d6 0%,
+      rgba(169, 177, 214, 0) 0%
+    );
+  }
+  to {
+    background-image: radial-gradient(
+      farthest-side,
+      #a9b1d6 95%,
+      rgba(169, 177, 214, 0)
+    );
+  }
+}
+
+toast button,
+toast button.text-button,
+toast button.circular.flat,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button,
+popover.background.touch-selection button,
+popover.background.magnifier button,
+headerbar.selection-mode
+  button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+toast button:focus,
+toast button.circular.flat:focus,
+infobar.warning > revealer > box button:focus,
+popover.background.touch-selection button:focus,
+popover.background.magnifier button:focus,
+headerbar.selection-mode
+  button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
+infobar.warning > revealer > box button:hover,
+popover.background.touch-selection button:hover,
+popover.background.magnifier button:hover,
+headerbar.selection-mode
+  button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
+infobar.warning > revealer > box button:active,
+popover.background.touch-selection button:active,
+popover.background.magnifier button:active,
+headerbar.selection-mode
+  button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
+infobar.warning > revealer > box button:checked,
+popover.background.touch-selection button:checked,
+popover.background.magnifier button:checked,
+headerbar.selection-mode
+  button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #c0caf5;
+}
+
+toast button:disabled,
+toast button.circular.flat:disabled,
+infobar.warning > revealer > box button:disabled,
+popover.background.touch-selection button:disabled,
+popover.background.magnifier button:disabled,
+headerbar.selection-mode
+  button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+toast button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled,
+popover.background.touch-selection button:checked:disabled,
+popover.background.magnifier button:checked:disabled,
+headerbar.selection-mode
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar
+  popover
+  button:not(.suggested-action):not(.destructive-action):not(.flat),
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(192, 202, 245, 0.08);
+  color: #c0caf5;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
+button:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #c0caf5;
+  outline: none;
+}
+
+headerbar
+  popover
+  button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #c0caf5;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+headerbar
+  popover
+  button:active:not(.suggested-action):not(.destructive-action):not(.flat),
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #c0caf5;
+}
+
+headerbar
+  popover
+  button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+headerbar
+  popover
+  button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked {
+  box-shadow: none;
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+}
+
+headerbar
+  popover
+  button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:hover {
+  box-shadow: none;
+}
+
+headerbar
+  popover
+  button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
+button:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  color: #c0caf5;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button,
+calendar > header > button,
+columnview.view > header > button button.circular,
+treeview.view > header > button button.circular,
+row.activatable button.circular,
+scrollbar button,
+notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
+filechooser #pathbarbox > stack > box > button,
+window.dialog.message.csd .dialog-action-area > button,
+.app-notification button,
+headerbar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+toolbar button,
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child),
+splitbutton.suggested-action > button,
+splitbutton.suggested-action > menubutton > button,
+splitbutton.destructive-action > button,
+splitbutton.destructive-action > menubutton > button,
+splitbutton.opaque > button,
+splitbutton.opaque > menubutton > button,
+menubutton.suggested-action > button,
+menubutton.destructive-action > button,
+menubutton.opaque > button,
+menubutton.flat > button,
+button.flat {
+  background-color: transparent;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:focus,
+calendar > header > button:focus,
+columnview.view > header > button button.circular:focus,
+treeview.view > header > button button.circular:focus,
+row.activatable button.circular:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
+spinbutton.vertical > button:focus,
+spinbutton:not(.vertical) > button:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+window.dialog.message.csd .dialog-action-area > button:focus,
+.app-notification button:focus,
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+toolbar button:focus,
+dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
+button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #c0caf5;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover,
+calendar > header > button:hover,
+columnview.view > header > button button.circular:hover,
+treeview.view > header > button button.circular:hover,
+row.activatable button.circular:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
+spinbutton.vertical > button:hover,
+spinbutton:not(.vertical) > button:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+window.dialog.message.csd .dialog-action-area > button:hover,
+.app-notification button:hover,
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+toolbar button:hover,
+dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+splitbutton.suggested-action > button:hover,
+splitbutton.suggested-action > menubutton > button:hover,
+splitbutton.destructive-action > button:hover,
+splitbutton.destructive-action > menubutton > button:hover,
+splitbutton.opaque > button:hover,
+splitbutton.opaque > menubutton > button:hover,
+menubutton.suggested-action > button:hover,
+menubutton.destructive-action > button:hover,
+menubutton.opaque > button:hover,
+menubutton.flat > button:hover,
+button.flat:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #c0caf5;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active,
+calendar > header > button:active,
+columnview.view > header > button button.circular:active,
+treeview.view > header > button button.circular:active,
+row.activatable button.circular:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
+spinbutton.vertical > button:active,
+spinbutton:not(.vertical) > button:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
+filechooser #pathbarbox > stack > box > button:active,
+window.dialog.message.csd .dialog-action-area > button:active,
+.app-notification button:active,
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+toolbar button:active,
+dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+splitbutton.suggested-action > button:active,
+splitbutton.suggested-action > menubutton > button:active,
+splitbutton.destructive-action > button:active,
+splitbutton.destructive-action > menubutton > button:active,
+splitbutton.opaque > button:active,
+splitbutton.opaque > menubutton > button:active,
+menubutton.suggested-action > button:active,
+menubutton.destructive-action > button:active,
+menubutton.opaque > button:active,
+menubutton.flat > button:active,
+button.flat:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #c0caf5;
+  box-shadow: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
+calendar > header > button:disabled,
+columnview.view > header > button button.circular:disabled,
+treeview.view > header > button button.circular:disabled,
+row.activatable button.circular:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
+spinbutton.vertical > button:disabled,
+spinbutton:not(.vertical) > button:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+window.dialog.message.csd .dialog-action-area > button:disabled,
+.app-notification button:disabled,
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+toolbar button:disabled,
+dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(192, 202, 245, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked,
+window.dialog.message.csd .dialog-action-area > button:checked,
+.app-notification button:checked,
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+toolbar button:checked,
+dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+splitbutton.suggested-action > button:checked,
+splitbutton.suggested-action > menubutton > button:checked,
+splitbutton.destructive-action > button:checked,
+splitbutton.destructive-action > menubutton > button:checked,
+splitbutton.opaque > button:checked,
+splitbutton.opaque > menubutton > button:checked,
+menubutton.suggested-action > button:checked,
+menubutton.destructive-action > button:checked,
+menubutton.opaque > button:checked,
+menubutton.flat > button:checked,
+button.flat:checked,
+button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #c0caf5;
+  outline: none;
+  box-shadow: none;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+window.dialog.message.csd .dialog-action-area > button:checked:disabled,
+.app-notification button:checked:disabled,
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+toolbar button:checked:disabled,
+dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.06);
+  color: rgba(192, 202, 245, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.text-button.flat {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.linked button.image-button {
+  border-radius: 6px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+  margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+  margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child {
+  margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+  padding: 12px 16px;
+  box-shadow: none;
+  background-color: #16161e;
+  color: #c0caf5;
+}
+
+button.osd:hover {
+  background-color: #414868;
+  color: #c0caf5;
+}
+
+button.osd:active {
+  background-color: #080808;
+  color: #c0caf5;
+}
+
+button.osd.image-button {
+  padding: 6px;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(169, 177, 214, 0.2),
+    0 4px 3px 0 rgba(169, 177, 214, 0.14), 0 1px 6px 0 rgba(169, 177, 214, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(168, 168, 168, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(169, 177, 214, 0.3),
+    0 2px 3px -1px rgba(169, 177, 214, 0.24),
+    0 2px 5px 0 rgba(169, 177, 214, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(169, 177, 214, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #a9b1d6;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(192, 202, 245, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(169, 177, 214, 0.3);
+}
+
+button.destructive-action {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+    0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent,
+    0 3px 3px -3px rgba(242, 139, 130, 0.3),
+    0 2px 3px -1px rgba(242, 139, 130, 0.24),
+    0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #f28b82;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(192, 202, 245, 0.3);
+  opacity: 1;
+  filter: none;
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(242, 139, 130, 0.3);
+}
+
+menubutton.pill > button,
+button.pill {
+  padding: 9px 30px;
+  border-radius: 9999px;
+}
+
+button.card {
+  background-clip: padding-box;
+  font-weight: inherit;
+  background-clip: border-box;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(192, 202, 245, 0.08);
+  color: #c0caf5;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+  background-image: none;
+  background-color: alpha(currentColor, 0.08);
+  color: #c0caf5;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+  background-image: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #c0caf5;
+}
+
+button.card:checked {
+  background-image: none;
+  box-shadow: none;
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+  outline: none;
+  border-color: #a9b1d6;
+}
+
+button.card:checked:hover {
+  background-image: none;
+  box-shadow: none;
+}
+
+button.card:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  opacity: 1;
+  filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+  background-image: none;
+}
+
+button.card.has-open-popup:checked {
+  background-image: none;
+}
+
+button.card:drop(active) {
+  color: #ff7043;
+  box-shadow: inset 0 0 0 1px #ff7043;
+}
+
+stackswitcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+stackswitcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+button.font > box,
+button.file > box {
+  border-spacing: 6px;
+}
+
+button.font > box > box > label,
+button.file > box > box > label {
+  font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+menubutton.circular > button,
+button.close,
+button.circular {
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+menubutton.circular > button label,
+button.close label,
+button.circular label {
+  padding: 0;
+}
+
+.nautilus-window .floating-bar button,
+placessidebar .navigation-sidebar > row button.sidebar-button,
+notebook > header tab button.flat,
+popover.menu box.circular-buttons button.circular.image-button.model,
+spinbutton.vertical > button,
+spinbutton:not(.vertical) > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: #a9b1d6;
+  color: #c0caf5;
+}
+
+menubutton.destructive-action {
+  background-color: #f28b82;
+  color: #c0caf5;
+}
+
+menubutton.opaque {
+  background-color: #565f89;
+  color: #c0caf5;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+  border-radius: 6px;
+}
+
+menubutton.suggested-action.circular,
+menubutton.suggested-action.pill,
+menubutton.destructive-action.circular,
+menubutton.destructive-action.pill,
+menubutton.opaque.circular,
+menubutton.opaque.pill {
+  border-radius: 9999px;
+}
+
+menubutton.suggested-action > button,
+menubutton.suggested-action > button:checked,
+menubutton.destructive-action > button,
+menubutton.destructive-action > button:checked,
+menubutton.opaque > button,
+menubutton.opaque > button:checked {
+  background-color: transparent;
+  color: inherit;
+}
+
+menubutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+menubutton arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menubutton arrow.none {
+  -gtk-icon-source: -gtk-icontheme('open-menu-symbolic');
+}
+
+menubutton arrow.down {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menubutton arrow.up {
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menubutton arrow.left {
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+menubutton arrow.right {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+splitbutton {
+  border-radius: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  transition-property: background;
+}
+
+splitbutton:disabled {
+  filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+  filter: none;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton > menubutton > button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+splitbutton.text-button.image-button > button,
+splitbutton.image-text-button > button {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+splitbutton.text-button.image-button > button > box,
+splitbutton.image-text-button > button > box {
+  border-spacing: 6px;
+}
+
+splitbutton > button:dir(ltr),
+splitbutton > menubutton > button:dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  margin-right: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+  background: rgba(192, 202, 245, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+  background: alpha(currentColor, 0.07);
+}
+
+splitbutton.flat:hover > separator,
+splitbutton.flat:active > separator,
+splitbutton.flat:checked > separator {
+  background: none;
+}
+
+splitbutton.flat:focus-within:focus-visible > separator {
+  background: none;
+}
+
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button {
+  border-radius: 6px;
+}
+
+splitbutton.suggested-action {
+  background-color: #a9b1d6;
+  color: #c0caf5;
+}
+
+splitbutton.destructive-action {
+  background-color: #f28b82;
+  color: #c0caf5;
+}
+
+splitbutton.opaque {
+  background-color: #565f89;
+  color: #c0caf5;
+}
+
+splitbutton.suggested-action > button,
+splitbutton.suggested-action > button:checked,
+splitbutton.suggested-action > menubutton > button,
+splitbutton.suggested-action > menubutton > button:checked,
+splitbutton.destructive-action > button,
+splitbutton.destructive-action > button:checked,
+splitbutton.destructive-action > menubutton > button,
+splitbutton.destructive-action > menubutton > button:checked,
+splitbutton.opaque > button,
+splitbutton.opaque > button:checked,
+splitbutton.opaque > menubutton > button,
+splitbutton.opaque > menubutton > button:checked {
+  color: inherit;
+  background-color: transparent;
+}
+
+splitbutton.suggested-action > menubutton > button:dir(ltr),
+splitbutton.destructive-action > menubutton > button:dir(ltr),
+splitbutton.opaque > menubutton > button:dir(ltr) {
+  box-shadow: inset 1px 0 rgba(192, 202, 245, 0.12);
+}
+
+splitbutton.suggested-action > menubutton > button:dir(rtl),
+splitbutton.destructive-action > menubutton > button:dir(rtl),
+splitbutton.opaque > menubutton > button:dir(rtl) {
+  box-shadow: inset -1px 0 rgba(192, 202, 245, 0.12);
+}
+
+splitbutton > menubutton > button > arrow.none {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+buttoncontent {
+  border-spacing: 6px;
+}
+
+buttoncontent > label {
+  font-weight: bold;
+}
+
+buttoncontent > label:dir(ltr) {
+  padding-right: 2px;
+}
+
+buttoncontent > label:dir(rtl) {
+  padding-left: 2px;
+}
+
+.arrow-button > box > buttoncontent > label:dir(ltr),
+splitbutton > button > buttoncontent > label:dir(ltr) {
+  padding-right: 0;
+}
+
+.arrow-button > box > buttoncontent > label:dir(rtl),
+splitbutton > button > buttoncontent > label:dir(rtl) {
+  padding-left: 0;
+}
+
+stacksidebar row.needs-attention > label,
+stackswitcher > button.needs-attention > label,
+stackswitcher > button.needs-attention > image {
+  animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+  background-size: 6px 6px;
+}
+
+stacksidebar row.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > image:dir(rtl) {
+  background-position: left 3px;
+}
+
+.linked:not(.vertical) > entry,
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > button.image-button {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child,
+.linked:not(.vertical) > button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child,
+.linked:not(.vertical) > button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child,
+.linked:not(.vertical) > button:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > entry,
+.linked.vertical > button,
+.linked.vertical > button.image-button {
+  border-radius: 0;
+}
+
+.linked.vertical > entry:first-child,
+.linked.vertical > button:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child,
+.linked.vertical > button:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child,
+.linked.vertical > button:only-child {
+  border-radius: 6px;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+list > row button.image-button:not(.flat) {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list > row button.image-button:not(.flat):hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #c0caf5;
+  box-shadow: inset 0 0 0 2px transparent;
+}
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor, 0.12);
+  box-shadow: inset 0 0 0 2px transparent;
+  color: #c0caf5;
+}
+
+list > row button.image-button.suggested-action:not(.flat) {
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+list > row button.image-button.destructive-action:not(.flat) {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+/*********
+ * Links *
+ *********/
+link {
+  color: #2196f3;
+}
+
+link:visited {
+  color: #ce93d8;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+  color: #2196f3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+  color: #ce93d8;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  border-radius: 6px;
+  padding: 0;
+  border-spacing: 0;
+  min-height: 0;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.08);
+  color: #c0caf5;
+  outline: none;
+}
+
+spinbutton:focus-within {
+  background-color: rgba(192, 202, 245, 0.08);
+  box-shadow: inset 0 0 0 2px #a9b1d6;
+  outline: none;
+}
+
+spinbutton:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  outline: none;
+  opacity: 1;
+  filter: none;
+}
+
+spinbutton:not(.vertical) > text {
+  min-width: 32px;
+  margin: 0;
+  padding-left: 12px;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+spinbutton:not(.vertical) > button {
+  border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical)
+  > button:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+spinbutton:not(.vertical) > button.up:dir(ltr),
+spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: -3px;
+}
+
+spinbutton:not(.vertical) > button.up:dir(rtl),
+spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: -3px;
+}
+
+spinbutton.vertical > text {
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  min-height: 36px;
+  min-width: 42px;
+  padding: 0;
+}
+
+spinbutton.vertical > button {
+  padding: 0;
+  border: solid 6px transparent;
+}
+
+spinbutton.vertical > button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+spinbutton.vertical > button.up {
+  margin: 0 3px;
+}
+
+spinbutton.vertical > button.down {
+  margin: 0 3px;
+}
+
+list > row spinbutton:not(.vertical) > button {
+  margin: 6px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+  margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+  margin-right: 3px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+dropdown > button > box {
+  border-spacing: 6px;
+}
+
+dropdown arrow,
+combobox arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+  min-height: 16px;
+  min-width: 16px;
+}
+
+dropdown > popover.menu > contents modelbutton,
+combobox > popover.menu > contents modelbutton {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+dropdown button.combo cellview:dir(ltr),
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+dropdown button.combo cellview:dir(rtl),
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+dropdown popover,
+combobox popover {
+  margin-top: 4px;
+  padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+  margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+  padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+  color: #c0caf5;
+  background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+  padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 6px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(192, 202, 245, 0.08);
+  color: #c0caf5;
+  outline: none;
+}
+
+button.combo:only-child:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #c0caf5;
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #c0caf5;
+}
+
+button.combo:only-child:active {
+  background-color: alpha(currentColor, 0.12);
+  color: #c0caf5;
+  box-shadow: none;
+}
+
+button.combo:only-child:checked {
+  background-color: alpha(currentColor, 0.1);
+  color: #c0caf5;
+  outline: none;
+  box-shadow: none;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: none;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+  transition: none;
+  opacity: 1;
+  filter: none;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+  padding: 3px 6px;
+  background-color: #1a1b26;
+  border-spacing: 6px;
+}
+
+.osd .toolbar,
+.osd toolbar {
+  background-color: transparent;
+}
+
+.app-notification,
+.toolbar.osd,
+toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(192, 202, 245, 0.1);
+  background-color: #292e42;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(192, 202, 245, 0.1);
+}
+
+.left.app-notification,
+.right.app-notification,
+.top.app-notification,
+.bottom.app-notification,
+.toolbar.osd.left,
+.toolbar.osd.right,
+.toolbar.osd.top,
+.toolbar.osd.bottom,
+toolbar.osd.left,
+toolbar.osd.right,
+toolbar.osd.top,
+toolbar.osd.bottom {
+  border-radius: 0;
+}
+
+.bottom.app-notification,
+.toolbar.osd.bottom,
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(
+    to bottom,
+    transparent,
+    rgba(0, 0, 0, 0.1) 30%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 0.4)
+  );
+}
+
+.toolbar.horizontal > separator,
+toolbar.horizontal > separator {
+  margin: 2px;
+}
+
+.toolbar.vertical > separator,
+toolbar.vertical > separator {
+  margin: 2px;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) scale,
+.toolbar:not(.inline-toolbar):not(.osd) entry,
+.toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+.toolbar:not(.inline-toolbar):not(.osd) button,
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+  margin: 2px;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+  margin-left: 0;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+  margin-right: 0;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+.toolbar:not(.inline-toolbar):not(.osd) spinbutton button,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+  margin: 0;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) switch,
+toolbar:not(.inline-toolbar):not(.osd) switch {
+  margin: 8px 2px;
+}
+
+searchbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(192, 202, 245, 0.12);
+  background-color: #1a1b26;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+  margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.7);
+  border-radius: 6px;
+}
+
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #c0caf5;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+headerbar
+  button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+  button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+headerbar
+  button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+headerbar
+  button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+headerbar
+  button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+headerbar entry {
+  background-color: rgba(192, 202, 245, 0.04);
+  color: #c0caf5;
+}
+
+headerbar entry:focus-within {
+  box-shadow: inset 0 0 0 2px #a9b1d6;
+}
+
+headerbar entry:disabled {
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar entry image {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+headerbar entry image:hover,
+headerbar entry image:active {
+  color: #c0caf5;
+}
+
+headerbar entry image:disabled {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar {
+  min-height: 48px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1a1b26;
+  color: #c0caf5;
+  box-shadow: inset 0 1px rgba(192, 202, 245, 0.1);
+}
+
+headerbar:disabled {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar:backdrop {
+  background-color: #1a1b26;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+headerbar:backdrop:disabled {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+headerbar.flat {
+  background-color: transparent;
+  color: #c0caf5;
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(192, 202, 245, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar > windowhandle > box {
+  padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+  background-color: rgba(192, 202, 245, 0.12);
+}
+
+headerbar switch {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+headerbar headerbar + separator {
+  background-color: rgba(192, 202, 245, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.5);
+}
+
+headerbar stackswitcher {
+  margin: 6px 0;
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+headerbar
+  stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.1ms 225ms,
+    color 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(192, 202, 245, 0);
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+headerbar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+headerbar .selection-mode {
+  box-shadow: inset 0 1px rgba(192, 202, 245, 0);
+  background-color: #a9b1d6;
+}
+
+.tiled headerbar,
+.tiled-top headerbar,
+.tiled-right headerbar,
+.tiled-bottom headerbar,
+.tiled-left headerbar,
+.maximized headerbar,
+.fullscreen headerbar {
+  border-radius: 0;
+}
+
+headerbar.default-decoration {
+  min-height: 24px;
+  padding: 6px;
+  border-radius: 6px 6px 0 0;
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+window.devel headerbar.titlebar {
+  background: #1a1b26
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    linear-gradient(to right, transparent 65%, rgba(169, 177, 214, 0.1)),
+    linear-gradient(to top, #343434 3px, #393939);
+}
+
+window.devel headerbar.titlebar:backdrop {
+  background: #1a1b26
+      cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
+      90% 0/256px 256px no-repeat,
+    image(#1a1b26);
+  /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-radius: 6px;
+}
+
+pathbar > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+pathbar > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+pathbar > button.text-button {
+  min-width: 0;
+}
+
+pathbar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.pathbar {
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.7);
+  border: none;
+  border-radius: 6px;
+  padding: 2px;
+}
+
+headerbar .pathbar {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background-color: rgba(192, 202, 245, 0.04);
+  color: rgba(192, 202, 245, 0.7);
+}
+
+.pathbar > button {
+  margin-top: 0;
+  margin-bottom: 0;
+  min-height: 20px;
+  border-radius: 4px;
+  border: none;
+  box-shadow: none;
+}
+
+.pathbar > button:last-child {
+  background-color: alpha(currentColor, 0.1);
+  color: #c0caf5;
+  outline: none;
+  box-shadow: none;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+  border-left-color: #414868;
+  border-top-color: #414868;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+  background-color: alpha(currentColor, 0.1);
+  box-shadow: none;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+columnview.view:hover,
+columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(192, 202, 245, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+  box-shadow: none;
+}
+
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
+  border-top-style: none;
+}
+
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
+  border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  color: rgba(192, 202, 245, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+  color: #c0caf5;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+  color: #c0caf5;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+  color: #c0caf5;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 6px solid #a9b1d6;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 6px solid rgba(192, 202, 245, 0.12);
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+  box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(192, 202, 245, 0.12);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+columnview.view > header > button,
+columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+  background-color: #1a1b26;
+}
+
+columnview.view > header > button:last-child,
+treeview.view > header > button:last-child {
+  border-right-style: none;
+}
+
+columnview.view button.dnd,
+columnview.view header.button.dnd,
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(192, 202, 245, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #1a1b26;
+  background-clip: border-box;
+  color: #a9b1d6;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #a9b1d6;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+  padding: 0;
+  color: #c0caf5;
+}
+
+menubar:backdrop {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+.csd menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+menubar > item:selected {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #c0caf5;
+}
+
+menubar > item:disabled {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+menubar > item label:disabled {
+  color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+  margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+  margin: 0;
+  border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+popover.menu box.inline-buttons {
+  padding: 0 6px;
+}
+
+popover.menu box.inline-buttons button.image-button.model {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 0;
+  border: none;
+  outline: none;
+  transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+  background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  font: initial;
+}
+
+popover.background,
+popover.background:backdrop {
+  background-color: transparent;
+}
+
+popover.background > arrow,
+popover.background > contents {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  background-color: #292e42;
+  background-clip: border-box;
+  border-radius: 12px;
+  color: #c0caf5;
+  border: none;
+  border: 1px solid rgba(192, 202, 245, 0.2);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+    0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+    0 0 0 1px rgba(0, 0, 0, 0.75);
+  background-clip: border-box;
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+  border: none;
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+
+popover.background separator {
+  margin: 6px 0;
+}
+
+popover.background modelbutton {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 22px;
+  min-width: 56px;
+  padding: 3px 9px;
+  border-radius: 6px;
+  color: #c0caf5;
+  font: initial;
+  text-shadow: none;
+  box-shadow: none;
+  background: none;
+}
+
+popover.background modelbutton:hover {
+  transition: none;
+  background-color: #3b4261;
+  color: #0db9d7;
+}
+
+popover.background modelbutton:disabled {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+popover.background modelbutton arrow.left {
+  -gtk-icon-source: -gtk-icontheme('go-previous-symbolic');
+}
+
+popover.background modelbutton arrow.right {
+  -gtk-icon-source: -gtk-icontheme('go-next-symbolic');
+}
+
+popover.background label.title {
+  font-weight: bold;
+  padding: 4px 26px;
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background > contents separator {
+  background-color: rgba(192, 202, 245, 0.12);
+  margin: 3px 0;
+}
+
+popover.background > contents list separator {
+  margin: 0;
+}
+
+popover.background > contents stack > box {
+  padding: 0;
+}
+
+popover.background > contents stack > scrolledwindow > viewport {
+  border: 1px solid rgba(192, 202, 245, 0.12);
+  border-radius: 2px;
+}
+
+popover.background > contents > box > button {
+  margin: 0;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+.osd popover.background,
+popover.background.touch-selection,
+popover.background.magnifier {
+  background-color: transparent;
+}
+
+.osd popover.background > arrow,
+.osd popover.background > contents,
+popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents,
+popover.background.magnifier > arrow,
+popover.background.magnifier > contents {
+  border: none;
+  box-shadow: none;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
+notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+    background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(192, 202, 245, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
+notebook > header tab:hover {
+  background-color: rgba(192, 202, 245, 0.04);
+  color: #0db9d7;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
+notebook > header tab:disabled {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header tab:selected {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #292e42;
+  color: #0db9d7;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header tab:selected:disabled {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+  background-color: rgba(192, 202, 245, 0.04);
+}
+
+notebook,
+notebook.frame {
+  background-color: #1a1b26;
+  border-radius: 12px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(192, 202, 245, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+notebook > header.top > tabs > arrow {
+  border-top-style: none;
+}
+
+notebook > header.bottom > tabs > arrow {
+  border-bottom-style: none;
+}
+
+notebook > header.top > tabs > arrow,
+notebook > header.bottom > tabs > arrow {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+notebook > header.top > tabs > arrow.down,
+notebook > header.bottom > tabs > arrow.down {
+  margin-left: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+notebook > header.left > tabs > arrow {
+  border-left-style: none;
+}
+
+notebook > header.right > tabs > arrow {
+  border-right-style: none;
+}
+
+notebook > header.left > tabs > arrow,
+notebook > header.right > tabs > arrow {
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+
+notebook > header.left > tabs > arrow.down,
+notebook > header.right > tabs > arrow.down {
+  margin-top: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(192, 202, 245, 0.12);
+  color: #c0caf5;
+}
+
+notebook > header tab button.flat:last-child {
+  margin-left: 6px;
+  margin-right: -6px;
+}
+
+notebook > header tab button.flat:first-child {
+  margin-left: -6px;
+  margin-right: 6px;
+}
+
+notebook > header tab button.close-button {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+notebook > header.top tabs:not(:only-child):first-child,
+notebook > header.bottom tabs:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+notebook > header.top tabs:not(:only-child):last-child,
+notebook > header.bottom tabs:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+notebook > header.top tabs tab.reorderable-page,
+notebook > header.bottom tabs tab.reorderable-page {
+  border-style: solid;
+}
+
+notebook > header.left tabs:not(:only-child):first-child,
+notebook > header.right tabs:not(:only-child):first-child {
+  margin-top: 0;
+}
+
+notebook > header.left tabs:not(:only-child):last-child,
+notebook > header.right tabs:not(:only-child):last-child {
+  margin-bottom: 0;
+}
+
+notebook > header.left tabs tab.reorderable-page,
+notebook > header.right tabs tab.reorderable-page {
+  border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+  padding: 3px;
+  min-width: 24px;
+  min-height: 24px;
+  margin-left: 3px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+tabbar .box {
+  min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  margin: 3px;
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+  background-color: transparent;
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+  filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+  margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+  padding: 3px 0;
+  margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+  margin: 3px;
+  padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+  padding: 6px;
+}
+
+tabbar .start-action:dir(ltr),
+tabbar .end-action:dir(rtl) {
+  padding-right: 0;
+}
+
+tabbar .start-action:dir(rtl),
+tabbar .end-action:dir(ltr) {
+  padding-left: 0;
+}
+
+dnd tab {
+  min-height: 24px;
+  background-color: #1a1b26;
+  color: #c0caf5;
+  margin: 24px;
+  outline: none;
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+    0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+  padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(#a9b1d6, 0.5);
+  transform: translateY(4px);
+}
+
+tabthumbnail {
+  border-radius: 10px;
+  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+    background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+  margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(#ff7043, 0.4);
+  background-color: alpha(#ff7043, 0.1);
+}
+
+tabthumbnail .needs-attention:dir(ltr) {
+  transform: translate(8px, -8px);
+}
+
+tabthumbnail .needs-attention:dir(rtl) {
+  transform: translate(-8px, -8px);
+}
+
+tabthumbnail .needs-attention > widget {
+  background: #a9b1d6;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 6px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(#a9b1d6, 0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: none;
+  border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: #1a1b26;
+  color: #c0caf5;
+}
+
+tabthumbnail .pinned-box {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+  border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+  margin: 6px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #1a1b26;
+}
+
+scrollbar > range > trough {
+  outline: none;
+  background: none;
+  border: none;
+}
+
+scrollbar > range > trough > slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(192, 202, 245, 0.5);
+  box-shadow: none;
+  outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(192, 202, 245, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: #c0caf5;
+}
+
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(192, 202, 245, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+  min-width: 4px;
+  min-height: 4px;
+}
+
+scrollbar > range.fine-tune.horizontal > trough > slider {
+  margin: 2px 0;
+}
+
+scrollbar > range.fine-tune.vertical > trough > slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) > range > trough > slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(44, 44, 44, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(192, 202, 245, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(192, 202, 245, 0.3);
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
+  > range
+  > trough
+  > slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+scrollbar.horizontal > range > trough > slider {
+  min-width: 24px;
+}
+
+scrollbar.vertical > range > trough > slider {
+  min-height: 24px;
+}
+
+scrollbar button {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+scrollbar.vertical button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+scrollbar.horizontal button.down {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+scrollbar.horizontal button.up {
+  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  border: 2px solid rgba(192, 202, 245, 0.7);
+  border-radius: 9999px;
+  background-color: transparent;
+  background-clip: border-box;
+  font-size: 0;
+  color: transparent;
+}
+
+switch:checked {
+  background-color: #a9b1d6;
+  border-color: #a9b1d6;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch image {
+  margin: -8px;
+}
+
+switch > slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  margin: 2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: none;
+  background-color: rgba(192, 202, 245, 0.7);
+  border: none;
+}
+
+switch:focus > slider {
+  box-shadow: 0 0 0 10px rgba(192, 202, 245, 0.04);
+}
+
+switch:hover > slider {
+  box-shadow: 0 0 0 10px rgba(192, 202, 245, 0.12);
+}
+
+switch:focus:hover > slider {
+  box-shadow: 0 0 0 10px rgba(192, 202, 245, 0.12);
+}
+
+switch:checked > slider {
+  background-color: #1a1b26;
+  color: #1a1b26;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+checkbutton,
+radiobutton {
+  outline: none;
+  border-spacing: 4px;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+  padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 16px;
+  min-width: 16px;
+  -gtk-icon-size: 16px;
+  padding: 0;
+  margin: 3px;
+  border: 2px solid rgba(192, 202, 245, 0.7);
+  background-clip: border-box;
+  background-color: transparent;
+  border-radius: 9999px;
+  box-shadow: 0 0 0 10px transparent;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+    box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+  border-color: inherit;
+  box-shadow: 0 0 0 10px rgba(192, 202, 245, 0.04);
+}
+
+check:active,
+radio:active {
+  border-color: #c0caf5;
+  box-shadow: 0 0 0 10px rgba(192, 202, 245, 0.12);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  border-color: transparent;
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  background-color: #9aa5ce;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(192, 202, 245, 0.3);
+  color: #1a1b26;
+}
+
+check:disabled,
+radio:disabled {
+  border-color: rgba(192, 202, 245, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+  box-shadow: none;
+}
+
+popover.menu check,
+popover.menu radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
+popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: rgba(0, 0, 0, 0.87);
+  background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+  border-color: transparent;
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+  border-color: transparent;
+  background-color: rgba(0, 0, 0, 0.87);
+  color: #a9b1d6;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+  border-color: transparent;
+  background-color: rgba(192, 202, 245, 0.3);
+  color: #1a1b26;
+}
+
+popover.menu check,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  box-shadow: none;
+  color: inherit;
+}
+
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+  margin-left: 6px;
+}
+
+check:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/dot-symbolic@2.svg'))
+  );
+}
+
+check:indeterminate,
+radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/line-symbolic@2.svg'))
+  );
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector
+  radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+  border-color: transparent;
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+checkbutton.theme-selector radio:checked:hover {
+  background-color: #9aa5ce;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 16px;
+  min-width: 16px;
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+  padding: 2px;
+  border-radius: 9999px;
+  margin: 3px;
+  -gtk-icon-size: 20px;
+  -gtk-icon-source: -gtk-scaled(
+    -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+    -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+  );
+}
+
+themeswitcher .check:hover {
+  background-color: #9aa5ce;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+  padding: 0;
+  margin: 2px;
+  min-height: 48px;
+  min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+  outline-color: rgba(192, 202, 245, 0.12);
+  outline-width: 1px;
+  outline-offset: -1px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  -gtk-icon-source: none;
+  transition: none;
+  border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+  box-shadow: inset 0 0 0 2px #a9b1d6;
+  outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+  background-image: linear-gradient(-45deg, #24283b 49.99%, #c0caf5 50.01%);
+  background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: #c0caf5;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+  color: #c0caf5;
+  background-image: image(#24283b);
+  background-color: transparent;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 17px 12px;
+}
+
+scale.vertical {
+  padding: 12px 17px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(192, 202, 245, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(192, 202, 245, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#a9b1d6);
+}
+
+scale highlight:disabled {
+  background-color: #1a1b26;
+  background-image: image(rgba(192, 202, 245, 0.3));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(192, 202, 245, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #a9b1d6;
+  background-color: #1a1b26;
+  box-shadow: inset 0 0 0 2px #a9b1d6;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #a9b1d6, 0 0 0 8px rgba(192, 202, 245, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #a9b1d6, 0 0 0 8px rgba(192, 202, 245, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(192, 202, 245, 0.3);
+}
+
+scale marks,
+scale value {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(192, 202, 245, 0.3);
+  color: transparent;
+}
+
+scale.horizontal > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+  margin-left: 6px;
+  margin-right: -14px;
+}
+
+scale.horizontal indicator {
+  min-height: 8px;
+  min-width: 1px;
+}
+
+scale.vertical indicator {
+  min-height: 1px;
+  min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-before-slider-dark.png'),
+    url('assets/scale-horz-marks-before-slider-dark@2.png')
+  );
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-before-slider-disabled-dark.png'),
+    url('assets/scale-horz-marks-before-slider-disabled-dark@2.png')
+  );
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-before-slider-dark.png'),
+    url('assets/scale-horz-marks-before-slider-dark@2.png')
+  );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/scale-horz-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-disabled-dark.png'),
+    url('assets/scale-horz-marks-after-slider-disabled-dark@2.png')
+  );
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-horz-marks-after-slider-dark.png'),
+    url('assets/scale-horz-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-before-slider-dark.png'),
+    url('assets/scale-vert-marks-before-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-before-slider-disabled-dark.png'),
+    url('assets/scale-vert-marks-before-slider-disabled-dark@2.png')
+  );
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-before-slider-dark.png'),
+    url('assets/scale-vert-marks-before-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+    background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+    background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/scale-vert-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-disabled-dark.png'),
+    url('assets/scale-vert-marks-after-slider-disabled-dark@2.png')
+  );
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(
+    url('assets/scale-vert-marks-after-slider-dark.png'),
+    url('assets/scale-vert-marks-after-slider-dark@2.png')
+  );
+}
+
+scale.color {
+  min-height: 0;
+  min-width: 0;
+}
+
+scale.color.horizontal {
+  padding: 0 0 12px 0;
+}
+
+scale.color.horizontal slider:dir(ltr),
+scale.color.horizontal slider:dir(rtl) {
+  margin-bottom: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(192, 202, 245, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(192, 202, 245, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #a9b1d6;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #a9b1d6;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #fdd633;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+  background-color: #a9b1d6;
+}
+
+levelbar block.full {
+  background-color: #81c995;
+}
+
+levelbar block.empty {
+  background-color: rgba(192, 202, 245, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+  color: #c0caf5;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.dialog.print drawing paper {
+  padding: 0;
+  border: 1px solid rgba(192, 202, 245, 0.12);
+  background-color: #1a1b26;
+  color: #c0caf5;
+}
+
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  border: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+frame > list,
+.frame > list {
+  border: none;
+}
+
+frame.view,
+.frame.view {
+  border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame {
+  border-radius: 6px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+frame.flat > border,
+statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid rgba(192, 202, 245, 0.12);
+  background-color: #1a1b26;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+statusbar {
+  padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at top,
+    rgba(169, 177, 214, 0.24) 99%,
+    rgba(169, 177, 214, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at bottom,
+    rgba(169, 177, 214, 0.24) 99%,
+    rgba(169, 177, 214, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at left,
+    rgba(169, 177, 214, 0.24) 99%,
+    rgba(169, 177, 214, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-size: 200% 70%;
+  background-image: radial-gradient(
+    farthest-side at right,
+    rgba(169, 177, 214, 0.24) 99%,
+    rgba(169, 177, 214, 0) 100%
+  );
+  background-repeat: no-repeat;
+  background-position: right center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+junction {
+  border-style: solid none none solid;
+  border-width: 1px;
+  border-color: rgba(192, 202, 245, 0.12);
+  background-color: #1a1b26;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator:not(.spacer) {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(192, 202, 245, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal,
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+  border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+  border-bottom: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
+listview,
+list {
+  border-color: rgba(192, 202, 245, 0.12);
+  background-color: #1a1b26;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+listview row,
+list row {
+  padding: 2px;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+listview > row.expander,
+list > row.expander {
+  padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 2px;
+}
+
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+list.frame {
+  border-radius: 6px;
+}
+
+listview.view {
+  color: #c0caf5;
+  background-color: transparent;
+}
+
+popover.menu listview.view {
+  padding: 0;
+}
+
+popover.menu listview.view > row {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+  border-radius: 6px;
+}
+
+row {
+  color: rgba(192, 202, 245, 0.7);
+  background-clip: padding-box;
+}
+
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+}
+
+columnview.view > header > button,
+treeview.view > header > button,
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+columnview.view > header > button:focus,
+treeview.view > header > button:focus,
+row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover,
+row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+columnview.view > header > button.has-open-popup,
+treeview.view > header > button.has-open-popup,
+columnview.view > header > button:active,
+treeview.view > header > button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+  box-shadow: none;
+}
+
+button:checked row.activatable {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected image,
+row:selected label {
+  color: #c0caf5;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+treeexpander {
+  border-spacing: 4px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid #a9b1d6;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #a9b1d6;
+}
+
+.rich-list {
+  /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+  padding: 9px 12px;
+  min-height: 32px;
+  /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+  border-spacing: 9px;
+  padding: 9px;
+  border: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #a9b1d6;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(192, 202, 245, 0.7);
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+}
+
+expander:hover,
+expander:active {
+  color: #c0caf5;
+}
+
+expander:disabled {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+expander-widget > box > title {
+  border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus,
+.navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+  box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 0;
+  border: 1px solid rgba(192, 202, 245, 0.12);
+  border-radius: 6px;
+  color: #c0caf5;
+}
+
+calendar:disabled {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+calendar:selected {
+  border-radius: 6px;
+}
+
+calendar > header {
+  padding: 3px;
+  border-bottom: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+calendar > header > button {
+  min-height: 24px;
+}
+
+calendar > grid {
+  margin: 3px;
+}
+
+calendar > grid > label {
+  border-radius: 9999px;
+  margin: 0;
+}
+
+calendar > grid > label.today {
+  box-shadow: none;
+}
+
+calendar > grid > label.today:selected {
+  box-shadow: none;
+}
+
+calendar > grid > label:focus {
+  outline-style: none;
+}
+
+calendar > grid > label.day-number {
+  padding: 9px;
+}
+
+calendar > grid > label.day-number:selected {
+  color: #c0caf5;
+  background-color: alpha(currentColor, 0.06);
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message.background {
+  background-color: #292e42;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+  border-spacing: 10px;
+}
+
+window.dialog.message .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(192, 202, 245, 0.1);
+  background-color: #292e42;
+  color: #c0caf5;
+}
+
+window.dialog.message .titlebar:backdrop {
+  background-color: #292e42;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+window.dialog.message.csd .dialog-action-area {
+  margin-top: -6px;
+  padding: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button,
+window.dialog.message.csd .dialog-action-area > button:first-child,
+window.dialog.message.csd .dialog-action-area > button:last-child {
+  border-radius: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:last-child) {
+  margin-right: 6px;
+}
+
+window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
+  color: #a9b1d6;
+}
+
+window.dialog.message.csd
+  .dialog-action-area
+  > button.destructive-action:not(:disabled) {
+  color: #f28b82;
+}
+
+window.background.csd.dialog > headerbar.titlebar {
+  box-shadow: inset 0 -1px rgba(192, 202, 245, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+  border-radius: 6px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(192, 202, 245, 0.12);
+  background-color: #1a1b26;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+  border-right: 1px solid rgba(192, 202, 245, 0.12);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+  border-left: 1px solid rgba(192, 202, 245, 0.12);
+  border-right-style: none;
+}
+
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+  border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+  border-left: none;
+}
+
+.sidebar listview.view,
+.sidebar list {
+  background-color: transparent;
+}
+
+paned .sidebar.left,
+paned .sidebar.right,
+paned .sidebar.left:dir(rtl),
+paned .sidebar:dir(rtl),
+paned .sidebar:dir(ltr),
+paned .sidebar {
+  border-style: none;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+  border: none;
+}
+
+stacksidebar list {
+  padding: 4px 0;
+}
+
+stacksidebar row {
+  min-height: 24px;
+  padding: 6px 9px;
+  border-radius: 6px;
+  margin: 2px 6px;
+}
+
+stacksidebar row:selected {
+  font-weight: 500;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+separator.sidebar {
+  background-color: rgba(192, 202, 245, 0.12);
+  border-right: none;
+}
+
+separator.sidebar.selection-mode,
+.selection-mode separator.sidebar {
+  background-color: rgba(192, 202, 245, 0.15);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+  border-right: none;
+  margin: 0 4px;
+}
+
+.navigation-sidebar > row {
+  min-height: 32px;
+  padding: 2px 4px;
+  margin: 1px 0;
+  border-radius: 6px;
+}
+
+.navigation-sidebar > row:hover,
+.navigation-sidebar > row:focus-visible:focus-within {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+  color: #0db9d7;
+  font-weight: 500;
+}
+
+.navigation-sidebar > row:selected:hover {
+  background-color: #292e42;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+  outline: none;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+.navigation-sidebar > row:disabled {
+  color: rgba(192, 202, 245, 0.5);
+}
+
+.navigation-sidebar > separator {
+  margin: 3px 0;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(192, 202, 245, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+  font-weight: 500;
+}
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+  color: #a9b1d6;
+}
+
+placessidebar
+  .navigation-sidebar
+  > row.sidebar-new-bookmark-row
+  image.sidebar-icon {
+  color: #a9b1d6;
+}
+
+placessidebar .navigation-sidebar > row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: image(#414868);
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #1a1b26;
+  background-image: image(#414868), image(#414868);
+  background-size: 1px 1px, 1px 1px;
+}
+
+paned.horizontal > separator {
+  background-repeat: repeat-y;
+}
+
+paned.horizontal > separator:dir(ltr) {
+  margin: 0 -8px 0 0;
+  padding: 0 8px 0 0;
+  background-position: left;
+}
+
+paned.horizontal > separator:dir(rtl) {
+  margin: 0 0 0 -8px;
+  padding: 0 0 0 8px;
+  background-position: right;
+}
+
+paned.horizontal > separator.wide {
+  margin: 0;
+  padding: 0;
+  background-repeat: repeat-y, repeat-y;
+  background-position: left, right;
+}
+
+paned.vertical > separator {
+  margin: 0 0 -8px 0;
+  padding: 0 0 8px 0;
+  background-repeat: repeat-x;
+  background-position: top;
+}
+
+paned.vertical > separator.wide {
+  margin: 0;
+  padding: 0;
+  background-repeat: repeat-x, repeat-x;
+  background-position: bottom, top;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+  background: black;
+  border-radius: 6px;
+}
+
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 9999px;
+  border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border: none;
+  margin-bottom: 0;
+}
+
+infobar > revealer > box {
+  padding: 6px;
+  border-spacing: 12px;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #a9b1d6;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+  background-color: #24283b;
+  color: #a9b1d6;
+  border-radius: 6px;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: #c0caf5;
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+  background-color: #292e42;
+  color: #a9b1d6;
+  border-radius: 6px;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+  background-color: #fdd633;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+  background-color: #f28b82;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border: none;
+  background-clip: padding-box;
+  padding: 6px 12px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(25, 25, 25, 0.9);
+  color: #c0caf5;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+  border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+colorswatch.dark {
+  color: #c0caf5;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch#add-color-button {
+  border-radius: 12px 12px 0 0;
+  color: #c0caf5;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 12px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: #292e42;
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(192, 202, 245, 0.1);
+  background-color: #292e42;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+    0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(192, 202, 245, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #1a1b26;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window.csd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 12px;
+  outline-color: rgba(192, 202, 245, 0.2);
+  outline-offset: -1px;
+  outline-style: solid;
+  outline-width: 1px;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+    0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.csd {
+  border-radius: 12px;
+}
+
+window:backdrop {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15),
+    0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.popup {
+  border-radius: 12px;
+  box-shadow: none;
+}
+
+window.dialog.message {
+  border-radius: 12px;
+}
+
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #1a1b26;
+  border: 1px solid #414868;
+}
+
+window.solid-csd:backdrop {
+  background-color: #1a1b26;
+}
+
+window.maximized,
+window.fullscreen,
+window.tiled,
+window.tiled-top,
+window.tiled-right,
+window.tiled-bottom,
+window.tiled-left {
+  border-radius: 0;
+  outline-width: 0;
+}
+
+windowcontrols {
+  border-spacing: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+  margin-left: 6px;
+  margin-right: 6px;
+}
+
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+  margin-left: 6px;
+  margin-right: 6px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  margin: 0 2px;
+  border-radius: 50%;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) image {
+  background: none;
+}
+
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action):hover {
+  background-color: #0db9d7;
+  color: #1a1b26;
+}
+
+windowcontrols
+  button.close:not(.suggested-action):not(.destructive-action):active {
+  background-color: #ff9e64;
+  color: #1a1b26;
+}
+
+gridview > child:selected,
+row:selected,
+calendar:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.view:selected,
+iconview:selected,
+flowbox > flowboxchild:selected,
+calendar > grid > label.today {
+  color: #a9b1d6;
+  background-color: rgba(169, 177, 214, 0.2);
+}
+
+text > selection,
+label > selection,
+calendar > grid > label.today:selected,
+stacksidebar row:selected,
+.navigation-sidebar > row:selected {
+  color: #a9b1d6;
+  background-color: #24283b;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #a9b1d6;
+  -gtk-icon-source: -gtk-recolor(
+    url('assets/scalable/cursor-handle-symbolic.svg')
+  );
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(192, 202, 245, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(192, 202, 245, 0.12);
+  background-color: #292e42;
+  color: #c0caf5;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #a9b1d6;
+}
+
+stackswitcher {
+  min-height: 0;
+  border-radius: 9999px;
+  padding: 0;
+  background-color: alpha(currentColor, 0.05);
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0 0;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) {
+  background-color: transparent;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+  > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+  > button.text-button:not(.suggested-action):not(.destructive-action) {
+  min-width: 100px;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher.circular {
+  border-spacing: 12px;
+}
+
+stackswitcher.circular button.circular,
+stackswitcher.circular button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+  -gtk-icon-shadow: none;
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: none;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid rgba(192, 202, 245, 0.12);
+  background: none;
+}
+
+.emoji-searchbar entry text {
+  background: none;
+  box-shadow: none;
+}
+
+.emoji-toolbar {
+  padding: 0;
+  border-spacing: 3px;
+  border-top: 1px solid rgba(192, 202, 245, 0.12);
+  background: none;
+}
+
+button.emoji-section {
+  margin: 0;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+button.emoji-section:checked {
+  color: #a9b1d6;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus,
+popover.emoji-picker emoji:hover {
+  background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+  padding: 2px 6px;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover,
+emoji-completion-row emoji:hover,
+emoji-completion-row emoji:focus {
+  background-color: alpha(currentColor, 0.08);
+  color: #c0caf5;
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+
+.nautilus-window {
+  background-color: #1a1b26;
+}
+
+.nautilus-window:backdrop {
+  background-color: #1a1b26;
+}
+
+.nautilus-window headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window separator.spacer {
+  padding-right: 1.5em;
+}
+
+.nautilus-window flap.unfolded > placessidebar {
+  background-color: transparent;
+  color: rgba(192, 202, 245, 0.7);
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar {
+  background: none;
+  padding: 0 0 0 2px;
+  margin: 0 0 0 2px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > separator {
+  background: rgba(192, 202, 245, 0.1);
+}
+
+.nautilus-window .vertical separator {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable {
+  border-radius: 6px;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable
+  button.sidebar-button {
+  color: #c0caf5;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:hover {
+  background-color: rgba(192, 202, 245, 0.12);
+  color: #c0caf5;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected {
+  background-color: #24283b;
+  font-weight: 700;
+  border-left: 3px solid #f7768e;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  label.sidebar-label,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:selected
+  button.sidebar-button {
+  color: #0db9d7;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  image.sidebar-icon,
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > viewport
+  > list.navigation-sidebar
+  > row.activatable:disabled
+  label.sidebar-label {
+  color: rgba(192, 202, 245, 0.3);
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though {
+  background: none;
+}
+
+.nautilus-window
+  flap.unfolded
+  > placessidebar
+  > scrolledwindow
+  > scrollbar
+  > range
+  > though
+  > slider {
+  border: none;
+}
+
+.nautilus-window .nautilus-grid-view.view {
+  margin: 0 6px 6px;
+}
+
+.nautilus-window .unfolded {
+  background-color: #1a1b26;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+  background-color: #24283b;
+  border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+  background: none;
+}
+
+.nautilus-window placesview label {
+  color: rgba(192, 202, 245, 0.7);
+}
+
+.nautilus-window infobar {
+  margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+  border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+  margin: 3px;
+  border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+    0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0;
+}
+
+#NautilusQueryEditor > text {
+  margin: 0;
+}
+
+#NautilusPathBar {
+  background-color: #24283b;
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+  margin: 0 3px;
+  border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+  color: #0db9d7;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+  margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+  margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+  margin: 3px;
+  padding: 0;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+  border-width: 0 0 0 1px;
+  border-radius: 0;
+}
+
+.history-view {
+  background-color: #1a1b26;
+}
+
+#displayitem {
+  border-top: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+.small .card {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.small .card.forecast-card {
+  border-width: 1px 0;
+}
+
+.small .card.display-container {
+  border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+  background-color: rgba(192, 202, 245, 0.1);
+}
+
+leaflet button.number-button:hover {
+  background-color: rgba(192, 202, 245, 0.2);
+}
+
+leaflet button.number-button:active {
+  background-color: rgba(192, 202, 245, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+  border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+  background: none;
+}
+
+flowboxchild > button.card.category-tile {
+  padding: 21px;
+  border: none;
+  border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+  padding: 9px 15px;
+}
+
+app-context-bar > box:not(:first-child) > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:not(:first-child) > button.flat:last-child {
+  border-radius: 0 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: rgba(192, 202, 245, 0.12);
+}
+
+carousel.card {
+  border: none;
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+  color: #c0caf5;
+  background-color: rgba(192, 202, 245, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+  color: #4cb168;
+  background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+  color: #2196f3;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+  color: #e1b602;
+  background-color: rgba(253, 214, 51, 0.15);
+}
+
+.context-tile-lozenge.details-rating-15 {
+  color: #ff9800;
+  background-color: rgba(255, 152, 0, 0.15);
+}
+
+.context-tile-lozenge.red,
+.context-tile-lozenge.details-rating-18 {
+  color: #eb4b3d;
+  background-color: rgba(242, 139, 130, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: #c0caf5;
+}
+
+.category-tile.category-create:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 1.07) 0%,
+    shade(#2861c6, 1.1) 100%
+  );
+}
+
+.category-tile.category-create:active {
+  background: linear-gradient(
+    180deg,
+    shade(#ce8cd7, 0.95) 0%,
+    shade(#2861c6, 0.95) 100%
+  );
+}
+
+.category-tile.category-develop {
+  background: #5e5c64;
+  color: #c0caf5;
+}
+
+.category-tile.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: #c0caf5;
+}
+
+.category-tile.category-learn:hover {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 1.06) 30%,
+    shade(#27a66c, 1.06) 100%
+  );
+}
+
+.category-tile.category-learn:active {
+  background: linear-gradient(
+    180deg,
+    shade(#2ec27e, 0.95) 30%,
+    shade(#27a66c, 0.95) 100%
+  );
+}
+
+.category-tile.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+.category-tile.category-play:hover {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 1.07) 0%,
+    shade(#eb5ec3, 1.07) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-play:active {
+  background: linear-gradient(
+    75deg,
+    shade(#f9e2a7, 0.97) 0%,
+    shade(#eb5ec3, 0.95) 50%,
+    shade(#6d53e0, 1.07) 100%
+  );
+}
+
+.category-tile.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: rgba(192, 202, 245, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 1.08) 0%,
+    shade(#f77466, 1.08) 100%
+  );
+}
+
+.category-tile.category-socialize:active {
+  background: linear-gradient(
+    90deg,
+    shade(#ef4e9b, 0.95) 0%,
+    shade(#f77466, 0.95) 100%
+  );
+}
+
+.category-tile.category-work {
+  padding: 1px;
+  /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */
+  color: #1c71d8;
+  background-color: #fdf8d7;
+  background-image: linear-gradient(
+      rgba(192, 202, 245, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(192, 202, 245, 0.12) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+  background-color: #fefcef;
+  background-image: linear-gradient(
+      rgba(192, 202, 245, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(192, 202, 245, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+  background-color: #fcf4bf;
+  background-image: linear-gradient(
+      rgba(192, 202, 245, 0.12) 1px,
+      transparent 1px
+    ),
+    linear-gradient(90deg, rgba(192, 202, 245, 0.12) 1px, transparent 1px);
+}
+
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.polari-room-list popover.background > arrow,
+.polari-room-list popover.background > contents {
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar {
+  box-shadow: inset 0 -1px rgba(192, 202, 245, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+  border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+  margin: 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+  border-radius: 6px;
+  padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+  border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+  padding: 0;
+}
+
+panelframeswitcher {
+  padding: 6px;
+}
+
+.frameheader.header {
+  min-height: 24px;
+  background-color: rgba(192, 202, 245, 0.04);
+}
+
+.frameheader.header > button {
+  border: none;
+  margin: 0;
+  padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+  min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+  padding: 0;
+  border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+  padding: 0;
+  border-left: 1px solid rgba(192, 202, 245, 0.12);
+}
+
+.frameheader.header
+  tabbar.inline
+  > revealer
+  > box
+  .end-action
+  menubutton
+  > button {
+  margin: 6px;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+  border: none;
+  background: none;
+}
+
+panelstatusbar {
+  background-color: #1a1b26;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+  border-radius: 0;
+}
+
+.style-variant {
+  padding: 0 12px;
+}
+
+.style-variant button.toggle {
+  padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+  background: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+  border-radius: 6px;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+  outline-color: rgba(192, 202, 245, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+  outline-color: rgba(192, 202, 245, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+  outline-color: #a9b1d6;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list {
+  border: none;
+  border-radius: 0;
+}
+
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:first-child,
+window.dialog
+  > .dialog-vbox
+  > box
+  > scrolledwindow
+  > viewport
+  > widget
+  > list.boxed-list
+  > row:last-child {
+  border-radius: 0;
+}
+
+avatar {
+  border-radius: 9999px;
+  font-weight: bold;
+}
+
+avatar.color1 {
+  background-image: linear-gradient(#83b6ec, #337fdc);
+  color: #cfe1f5;
+}
+
+avatar.color2 {
+  background-image: linear-gradient(#7ad9f1, #0f9ac8);
+  color: #caeaf2;
+}
+
+avatar.color3 {
+  background-image: linear-gradient(#8de6b1, #29ae74);
+  color: #cef8d8;
+}
+
+avatar.color4 {
+  background-image: linear-gradient(#b5e98a, #6ab85b);
+  color: #e6f9d7;
+}
+
+avatar.color5 {
+  background-image: linear-gradient(#f8e359, #d29d09);
+  color: #f9f4e1;
+}
+
+avatar.color6 {
+  background-image: linear-gradient(#ffcb62, #d68400);
+  color: #ffead1;
+}
+
+avatar.color7 {
+  background-image: linear-gradient(#ffa95a, #ed5b00);
+  color: #ffe5c5;
+}
+
+avatar.color8 {
+  background-image: linear-gradient(#f78773, #e62d42);
+  color: #f8d2ce;
+}
+
+avatar.color9 {
+  background-image: linear-gradient(#e973ab, #e33b6a);
+  color: #fac7de;
+}
+
+avatar.color10 {
+  background-image: linear-gradient(#cb78d4, #9945b5);
+  color: #e7c2e8;
+}
+
+avatar.color11 {
+  background-image: linear-gradient(#9e91e8, #7a59ca);
+  color: #d5d2f5;
+}
+
+avatar.color12 {
+  background-image: linear-gradient(#e3cf9c, #b08952);
+  color: #f2eade;
+}
+
+avatar.color13 {
+  background-image: linear-gradient(#be916d, #785336);
+  color: #e5d6ca;
+}
+
+avatar.color14 {
+  background-image: linear-gradient(#c0bfbc, #6e6d71);
+  color: #d8d7d3;
+}
+
+avatar.contrasted {
+  color: #c0caf5;
+}
+
+avatar.image {
+  background: none;
+}
+
+.card {
+  border-radius: 6px;
+  box-shadow: none;
+  border: 1px solid rgba(192, 202, 245, 0.12);
+  background-clip: border-box;
+  background-color: #1a1b26;
+  color: rgba(192, 202, 245, 0.7);
+}
+
+preferencespage > scrolledwindow > viewport > clamp > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+preferencesgroup > box,
+preferencesgroup > box .labels {
+  border-spacing: 6px;
+}
+
+preferencesgroup > box > box.header:not(.single-line) {
+  margin-bottom: 6px;
+}
+
+preferencesgroup > box > box.single-line {
+  min-height: 34px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle {
+  padding: 0;
+  background: none;
+  box-shadow: none;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+}
+
+preferencesgroup > box button.background-preview-button.toggle,
+preferencesgroup
+  > box
+  button.background-preview-button.toggle
+  > background-preview {
+  border-radius: 6px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle:hover {
+  outline-color: rgba(192, 202, 245, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: rgba(192, 202, 245, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: #a9b1d6;
+}
+
+statuspage > scrolledwindow > viewport > box {
+  margin: 36px 12px;
+  border-spacing: 36px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box {
+  border-spacing: 12px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon {
+  -gtk-icon-size: 128px;
+  color: alpha(currentColor, 0.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.35;
+}
+
+statuspage
+  > scrolledwindow
+  > viewport
+  > box
+  > clamp
+  > box
+  > .icon:not(:last-child) {
+  margin-bottom: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon {
+  -gtk-icon-size: 96px;
+}
+
+statuspage.compact
+  > scrolledwindow
+  > viewport
+  > box
+  > clamp
+  > box
+  > .icon:not(:last-child) {
+  margin-bottom: 12px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title {
+  font-size: 18pt;
+}
+
+toast {
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 9999px;
+  border-spacing: 6px;
+  padding: 6px;
+  box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+    0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+    inset 0 1px rgba(192, 202, 245, 0.1);
+  background-color: #16161e;
+  color: #c0caf5;
+  border: none;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > label {
+  margin: 0 6px;
+}
+
+viewswitcher {
+  margin: 0;
+}
+
+viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator {
+  background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+  button.toggle:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label,
+viewswitcher.wide
+  button.toggle.flat:checked
+  indicatorbin.needs-attention
+  > indicator
+  > label {
+  color: #a9b1d6;
+}
+
+viewswitcher.narrow button.toggle {
+  border-radius: 0;
+  margin: 0;
+  border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+  border-radius: 0 0 12px 12px;
+  margin: 0;
+  min-width: 120px;
+  padding: 0;
+  background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+  background-color: #a9b1d6;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+  background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+  color: #a9b1d6;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+  box-shadow: none;
+}
+
+viewswitcher button.toggle {
+  font-weight: bold;
+  padding: 0;
+  min-height: 0;
+  margin: 0;
+}
+
+viewswitcher button.toggle > stack > box.narrow {
+  font-size: 0.75rem;
+  padding-top: 7px;
+  padding-bottom: 5px;
+  border-spacing: 4px;
+}
+
+viewswitcher button.toggle > stack > box.narrow > stack > label {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+viewswitcher button.toggle > stack > box.wide {
+  padding: 0 12px;
+  border-spacing: 6px;
+}
+
+viewswitcherbar actionbar > revealer > box {
+  padding: 0;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+indicatorbin > indicator,
+indicatorbin > mask {
+  min-width: 6px;
+  min-height: 6px;
+  border-radius: 9999px;
+}
+
+indicatorbin > indicator {
+  margin: 1px;
+  padding: 0;
+  background: alpha(currentColor, 0.4);
+}
+
+indicatorbin > indicator > label {
+  font-size: 0.6rem;
+  font-weight: bold;
+  padding: 2px 5px;
+  color: #c0caf5;
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background-color: #a9b1d6;
+}
+
+indicatorbin.needs-attention > indicator > label {
+  color: rgba(0, 0, 0, 0.87);
+}
diff --git a/novelknock/.config/gtk-4.0/gtk.css b/novelknock/.config/gtk-4.0/gtk.css
new file mode 100755
index 000000000..3a1b163e7
--- /dev/null
+++ b/novelknock/.config/gtk-4.0/gtk.css
@@ -0,0 +1,118 @@
+@define-color theme_fg_color #AEE5FA;
+@define-color theme_text_color #AEE5FA;
+@define-color theme_bg_color #1a1b26;
+@define-color theme_base_color #1a1b26;
+@define-color theme_selected_bg_color #AEE5FA;
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+@define-color insensitive_bg_color #1a1b26;
+@define-color insensitive_fg_color rgba(192, 202, 245, 0.5);
+@define-color insensitive_base_color #24283b;
+@define-color theme_unfocused_fg_color #AEE5FA;
+@define-color theme_unfocused_text_color #c0caf5;
+@define-color theme_unfocused_bg_color #1a1b26;
+@define-color theme_unfocused_base_color #1a1b26;
+@define-color theme_unfocused_selected_bg_color #a9b1d6;
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+@define-color unfocused_insensitive_color rgba(192, 202, 245, 0.5);
+@define-color borders rgba(192, 202, 245, 0.12);
+@define-color unfocused_borders rgba(192, 202, 245, 0.12);
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+@define-color wm_title #AEE5FA;
+@define-color wm_unfocused_title rgba(192, 202, 245, 0.7);
+@define-color wm_highlight rgba(192, 202, 245, 0.1);
+@define-color wm_bg #1a1b26;
+@define-color wm_unfocused_bg #1a1b26;
+@define-color wm_button_close_icon #1a1b26;
+@define-color wm_button_close_hover_bg #a9b1d6;
+@define-color wm_button_close_active_bg #c7c7c7;
+@define-color content_view_bg #1a1b26;
+@define-color placeholder_text_color silver;
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #90D1F6;
+@define-color budgie_tasklist_indicator_color_active #90D1F6;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+@define-color accent_bg_color #6EF6FD;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #6EF6FD;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color window_bg_color #0c0d1d;
+@define-color window_fg_color #4CD9E0;
+@define-color view_bg_color #110F20;
+@define-color view_fg_color rgb(192,202,245);
+@define-color headerbar_bg_color #111221;
+@define-color headerbar_fg_color #AEE5FA;
+@define-color headerbar_border_color rgba(192, 202, 245, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #111221;
+@define-color card_fg_color #AEE5FA;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color rgb(26,27,38);
+@define-color dialog_fg_color #AEE5FA;
+@define-color popover_bg_color #181827;
+@define-color popover_fg_color #AEE5FA;
+@define-color thumbnail_bg_color #1a1b26;
+@define-color thumbnail_fg_color #AEE5FA;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
diff --git a/novelknock/.config/gtklock/config.ini b/novelknock/.config/gtklock/config.ini
new file mode 100755
index 000000000..2e047db88
--- /dev/null
+++ b/novelknock/.config/gtklock/config.ini
@@ -0,0 +1,3 @@
+[main]
+gtk-theme=Tokyonight-Dark-BL-LB
+modules=/usr/lib/gtklock/powerbar-module.so
diff --git a/novelknock/.config/gtklock/style.css b/novelknock/.config/gtklock/style.css
new file mode 100755
index 000000000..f4cc09960
--- /dev/null
+++ b/novelknock/.config/gtklock/style.css
@@ -0,0 +1,126 @@
+* {
+    all: unset;
+    border: 0px;
+}
+
+window {
+    background: rgba(0, 0, 0, 0.4);
+    /* background-color: #1A1B26; */
+    /* background-image: url("background"); */
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center;
+}
+
+#window-box {
+    /* background-color: #1A1B26; */
+    border-radius: 1.5rem;
+    padding: 1.5rem;
+    /* border: 4px solid #7E64C5; */
+    border: 0px solid black;
+}
+
+#input-label {
+    font-size: 1.5rem;
+    color: transparent;
+    background-color: transparent;
+    margin: -20rem;
+    border: 0px solid black;
+}
+
+#input-field {
+    background-color: rgba(26, 27, 38, 0.7);
+    border-radius: 8px;
+    font-size: 14pt;
+    padding: 5px 15px;
+    margin: 7px;
+    box-shadow: 2px 2px 4px #16161E;
+    min-height: 40px;
+}
+
+#input-field:focus {
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 96%, #FFD9DE 96%);
+}
+
+#unlock-button {
+    margin: -20rem;
+    color: transparent;
+    background-color: transparent;
+}
+
+#error-label {
+    color: #F38BA8;
+}
+
+/* #clock-label {
+    font-family: Lexend;
+    font-size: 3.5rem;
+    color: transparent;
+    border-radius: 9999px;
+    min-height: 150px;
+    min-width: 150px;
+    background-image: url('/var/lib/AccountsService/icons/end');
+    background-size: 100% auto;
+    box-shadow: 2px 2px 4px #16161E;
+} */
+
+#clock-label {
+    font-family: 'Lexend';
+    font-size: 6rem;
+    font-weight: 500;
+    /* background-color: rgba(26, 27, 38, 1); */
+    border-radius: 1.2rem;
+    padding: 0.5rem;
+    padding-left: 0.7rem;
+    margin: 0.6rem;
+    margin-top: -35rem;
+    /* border: 0.2rem solid #7E64C5; */
+    color: #FFD9DE;
+    text-shadow: 2px 2px 4px #16161E;
+}
+
+#user-image {
+    /* min-width: 200px;
+    min-height: 200px; */
+}
+
+#powerbar-box {
+    
+}
+#poweroff-button {
+    background: rgba(200, 200, 200, 0.1);
+    min-width: 2rem;
+    min-height: 2rem;
+    color: #FFD9DE;
+    font-weight: 500;
+    border-radius: 99px;
+    margin: 10px;
+}
+
+#suspend-button {
+    background: rgba(200, 200, 200, 0.1);
+    min-width: 2rem;
+    min-height: 2rem;
+    color: #FFD9DE;
+    font-weight: 500;
+    border-radius: 99px;
+    margin: 10px;
+}
+
+#reboot-button {
+    background: rgba(200, 200, 200, 0.1);
+    min-width: 2rem;
+    min-height: 2rem;
+    color: #FFD9DE;
+    font-weight: 500;
+    border-radius: 99px;
+    margin: 10px;
+}
+
+#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);
+}
\ No newline at end of file
diff --git a/novelknock/.config/hypr/colors.conf b/novelknock/.config/hypr/colors.conf
new file mode 100755
index 000000000..ca67585d6
--- /dev/null
+++ b/novelknock/.config/hypr/colors.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(add370FF) 45deg
+    col.inactive_border = rgba(add37066)
+}
diff --git a/novelknock/.config/hypr/colors_default.conf b/novelknock/.config/hypr/colors_default.conf
new file mode 100755
index 000000000..09e7115b6
--- /dev/null
+++ b/novelknock/.config/hypr/colors_default.conf
@@ -0,0 +1,4 @@
+general {
+    col.active_border = rgba(0DB7D4FF) rgba(7AA2F7FF) rgba(9778D0FF) 45deg
+    col.inactive_border = rgba(04404aaa)
+}
diff --git a/novelknock/.config/hypr/dirs/hyprland_HORIZONTAL.conf b/novelknock/.config/hypr/dirs/hyprland_HORIZONTAL.conf
new file mode 100755
index 000000000..6708a2a55
--- /dev/null
+++ b/novelknock/.config/hypr/dirs/hyprland_HORIZONTAL.conf
@@ -0,0 +1,193 @@
+# This file contains general customization options 
+# For Environment variables see env.conf
+# For Keybinds variables see keybinds.conf 
+# For Auto-run stuff see execs.conf
+#autogenerated = 1
+
+# I haven't updated yet but prepared
+# source=~/.config/hypr/env.conf
+
+# Monitor: reserve space for eww bar
+monitor=eDP-1,1920x1080@60,0x0,1
+monitor=eDP-1, addreserved, 61, 0, 0, 0
+monitor=HDMI-A-1,1920x1080@60,1920x0,1,mirror,eDP-1
+
+#################### Core components (authentication, idle daemon and stuff) ##############
+source=~/.config/hypr/execs.conf
+
+############################# Keybinds ############################
+source=~/.config/hypr/keybinds.conf
+
+############################## Input ##############################
+input {
+    # Mouse
+    # accel_profile = adaptive
+    force_no_accel = false
+    #sensitivity = 0
+    # osu
+    # force_no_accel = true
+    # sensitivity = -0.23 
+
+    # Keyboard
+    kb_layout = us
+    follow_mouse = 1
+    numlock_by_default = true
+
+    touchpad {
+        natural_scroll = yes
+        disable_while_typing = true
+        clickfinger_behavior = true
+        scroll_factor = 0.7
+    }
+    scroll_method = 2fg
+}
+gestures {
+    # See https://wiki.hyprland.org/Configuring/Variables/ for more
+    workspace_swipe = true
+    workspace_swipe_distance = 1200px
+    workspace_swipe_fingers = 4
+    workspace_swipe_cancel_ratio = 0.2
+    workspace_swipe_min_speed_to_force = 5
+    workspace_swipe_create_new = true
+}
+
+general {
+    # Gaps and border
+    gaps_in = 4
+    gaps_out = 8
+    border_size = 2
+    
+    # Fallback colors
+    col.active_border = rgba(0DB7D4FF) rgba(7AA2F7FF) rgba(9778D0FF) 45deg
+    col.inactive_border = rgba(04404aaa)
+
+    # Functionality
+    # resize_on_border = true
+    layout = dwindle
+}
+
+
+decoration {
+	# Blur rules
+	# blurls=gtk-layer-shell
+	rounding = 17
+    
+    # Blur
+    blur = yes
+    blur_size = 7
+    blur_passes = 4
+    blur_new_optimizations = on
+    blur_ignore_opacity = false
+    #blur_xray = true
+    # Shadow
+    drop_shadow = no
+    shadow_range = 30
+    shadow_render_power = 3
+    col.shadow = rgba(01010166)
+    
+    # Opacity
+    	
+    
+    # Shader
+    # screen_shader = ~/.config/hypr/shaders/nothing.frag
+    
+    # Dim
+    dim_inactive = false
+    dim_strength = 0.1
+    dim_special = 0
+}
+
+animations {
+    enabled = yes
+    # Animation curves
+    
+    bezier = md3_standard, 0.2, 0.0, 0, 1.0
+    bezier = md3_decel, 0.05, 0.7, 0.1, 1
+    bezier = md3_accel, 0.3, 0, 0.8, 0.15
+    bezier = overshot, 0.05, 0.9, 0.1, 1.05
+    bezier = hyprnostretch, 0.05, 0.9, 0.1, 1.0
+    bezier = win10, 0, 0, 0, 1
+    bezier = gnome, 0, 0.85, 0.3, 1
+    bezier = funky, 0.46, 0.35, -0.2, 1.2
+    # Animation configs
+    animation = windows, 1, 2, md3_decel, slide
+    animation = border, 1, 10, default
+    animation = fade, 1, 0.0000001, default
+    animation = workspaces, 1, 4, md3_decel, slide
+}
+
+misc {
+    vfr = 1
+    vrr = 0
+    focus_on_activate = true
+	animate_manual_resizes = true
+	animate_mouse_windowdragging = true
+	#suppress_portal_warnings = true
+	enable_swallow = true
+}
+debug {
+	#overlay = true
+}
+dwindle {
+	preserve_split = true # you probably want this
+	#no_gaps_when_only = true
+}
+
+decoration {
+  #screen_shader = ~/.config/hypr/shaders/drugs.frag
+  #screen_shader = ~/.config/hypr/shaders/crt.frag
+}
+debug {
+  #damage_tracking=0
+}
+
+# Efficiency
+#general {
+#	gaps_in = 0
+#    gaps_out = 0
+#	border_size = 2
+#}
+#decoration {
+#	rounding = 0
+#}
+#monitor=eDP-1, addreserved, 32, 0, 0, 0
+
+######## Window rules ########
+#windowrule = float, ^(firefox)$
+windowrule = float, ^(steam)$
+windowrule = float, ^(guifetch)$
+
+#windowrule = opacity 0.9 override 0.9 override, ^(firefox)$
+# Dialogs
+windowrule=float,title:^(Open File)(.*)$
+windowrule=float,title:^(Open Folder)(.*)$
+windowrule=float,title:^(Save As)(.*)$
+windowrule=float,title:^(Library)(.*)$ 
+windowrulev2 = float, class:^com.github.hluk.copyq$
+
+windowrulev2 = rounding 10, floating:1
+######## Layer rules ########
+layerrule = blur, gtk-layer-shell
+layerrule = ignorezero, gtk-layer-shell
+layerrule = blur, notifications
+layerrule = ignorezero, notifications
+layerrule = blur, waybar
+layerrule = ignorezero, waybar
+
+plugin {
+    hyprbars {
+        bar_color = rgba(090727FF)
+        bar_height = 20
+        bar_text_size = 10
+        bar_text_color = rgba(7775D0FF)
+    }
+    borders-plus-plus {
+        add_borders = 2 # 0 - 2
+        col.border_1 = rgb(82E6F5) # example col for border 1
+        col.border_2 = rgb(2222ff) # example col for border 2
+    }
+}
+
+
+# Dynamic colors are written here
+source=~/.config/hypr/colors.conf
diff --git a/novelknock/.config/hypr/dirs/hyprland_VERTICAL.conf b/novelknock/.config/hypr/dirs/hyprland_VERTICAL.conf
new file mode 100755
index 000000000..41d2d4d06
--- /dev/null
+++ b/novelknock/.config/hypr/dirs/hyprland_VERTICAL.conf
@@ -0,0 +1,191 @@
+# This file contains general customization options 
+# For Environment variables see env.conf
+# For Keybinds variables see keybinds.conf 
+# For Auto-run stuff see execs.conf
+#autogenerated = 1
+
+# I haven't updated yet but prepared
+# source=~/.config/hypr/env.conf
+
+# Monitor: reserve space for eww bar
+monitor=eDP-1,1920x1080@60,0x0,1
+monitor=eDP-1, addreserved, 1, 1, 61, 1
+monitor=HDMI-A-1,1920x1080@60,1920x0,1,mirror,eDP-1
+
+#################### Core components (authentication, idle daemon and stuff) ##############
+source=~/.config/hypr/execs.conf
+
+############################# Keybinds ############################
+source=~/.config/hypr/keybinds.conf
+
+############################## Input ##############################
+input {
+    # Mouse
+    # accel_profile = adaptive
+    force_no_accel = false
+    #sensitivity = 0
+    # osu
+    # force_no_accel = true
+    # sensitivity = -0.23 
+
+    # Keyboard
+    kb_layout = us
+    follow_mouse = 1
+    numlock_by_default = true
+
+    touchpad {
+        natural_scroll = yes
+        disable_while_typing = true
+        clickfinger_behavior = true
+        scroll_factor = 0.7
+    }
+    scroll_method = 2fg
+}
+gestures {
+    # See https://wiki.hyprland.org/Configuring/Variables/ for more
+    workspace_swipe = true
+    workspace_swipe_distance = 1000px
+    workspace_swipe_fingers = 4
+    workspace_swipe_cancel_ratio = 0.05
+    workspace_swipe_min_speed_to_force = 5
+    workspace_swipe_create_new = true
+}
+
+general {
+    # Gaps and border
+    gaps_in = 4
+    gaps_out = 7
+    border_size = 2
+    
+    # Fallback colors
+    col.active_border = rgba(0DB7D4FF) rgba(7AA2F7FF) rgba(9778D0FF) 45deg
+    col.inactive_border = rgba(04404aaa)
+
+    # Functionality
+    # resize_on_border = true
+    layout = dwindle
+}
+
+
+decoration {
+	# Blur rules
+	# blurls=gtk-layer-shell
+	rounding = 17
+    
+    # Blur
+    blur = yes
+    blur_size = 7
+    blur_passes = 4
+    blur_new_optimizations = on
+    blur_ignore_opacity = false
+    #blur_xray = true
+    # Shadow
+    drop_shadow = no
+    shadow_range = 30
+    shadow_render_power = 3
+    col.shadow = rgba(01010166)
+    
+    # Opacity
+    	
+    
+    # Shader
+    # screen_shader = ~/.config/hypr/shaders/nothing.frag
+    
+    # Dim
+    dim_inactive = false
+    dim_strength = 0.1
+    dim_special = 0
+}
+
+animations {
+    enabled = yes
+    # Animation curves
+    
+    bezier = md3_standard, 0.2, 0.0, 0, 1.0
+    bezier = md3_decel, 0.05, 0.7, 0.1, 1
+    bezier = md3_accel, 0.3, 0, 0.8, 0.15
+    bezier = overshot, 0.05, 0.9, 0.1, 1.05
+    bezier = hyprnostretch, 0.05, 0.9, 0.1, 1.0
+    bezier = win10, 0, 0, 0, 1
+    bezier = gnome, 0, 0.85, 0.3, 1
+    bezier = funky, 0.46, 0.35, -0.2, 1.2
+    # Animation configs
+    animation = windows, 1, 2, md3_decel, slide
+    animation = border, 1, 10, default
+    animation = fade, 1, 0.0000001, default
+    animation = workspaces, 1, 4, md3_decel, slidevert
+}
+
+misc {
+    vfr = 1
+    vrr = 0
+    focus_on_activate = true
+	animate_manual_resizes = true
+	animate_mouse_windowdragging = true
+	#suppress_portal_warnings = true
+	enable_swallow = true
+}
+debug {
+	#overlay = true
+}
+dwindle {
+	preserve_split = true # you probably want this
+	#no_gaps_when_only = true
+}
+
+decoration {
+  #screen_shader = ~/.config/hypr/shaders/drugs.frag
+  #screen_shader = ~/.config/hypr/shaders/crt.frag
+}
+debug {
+  #damage_tracking=0
+}
+
+# Efficiency
+#general {
+#	gaps_in = 0
+#    gaps_out = 0
+#	border_size = 2
+#}
+#decoration {
+#	rounding = 0
+#}
+#monitor=eDP-1, addreserved, 32, 0, 0, 0
+
+######## Window rules ########
+#windowrule = float, ^(firefox)$
+windowrule = float, ^(steam)$
+windowrule = float, ^(guifetch)$
+
+#windowrule = opacity 0.9 override 0.9 override, ^(firefox)$
+# Dialogs
+windowrule=float,title:^(Open File)(.*)$
+windowrule=float,title:^(Open Folder)(.*)$
+windowrule=float,title:^(Save As)(.*)$
+windowrule=float,title:^(Library)(.*)$ 
+windowrulev2 = float, class:^com.github.hluk.copyq$
+
+windowrulev2 = rounding 10, floating:1
+######## Layer rules ########
+layerrule = blur, gtk-layer-shell
+layerrule = ignorezero, gtk-layer-shell
+layerrule = blur, waybar
+layerrule = ignorezero, waybar
+
+plugin {
+    hyprbars {
+        bar_color = rgba(090727FF)
+        bar_height = 20
+        bar_text_size = 10
+        bar_text_color = rgba(7775D0FF)
+    }
+    borders-plus-plus {
+        add_borders = 2 # 0 - 2
+        col.border_1 = rgb(82E6F5) # example col for border 1
+        col.border_2 = rgb(2222ff) # example col for border 2
+    }
+}
+
+
+# Dynamic colors are written here
+source=~/.config/hypr/colors.conf
diff --git a/novelknock/.config/hypr/dirs/keybinds_HORIZONTAL.conf b/novelknock/.config/hypr/dirs/keybinds_HORIZONTAL.conf
new file mode 100755
index 000000000..9d82e08e6
--- /dev/null
+++ b/novelknock/.config/hypr/dirs/keybinds_HORIZONTAL.conf
@@ -0,0 +1,199 @@
+########################## Language ############################
+bind = SUPERSHIFT, V, exec, ibus engine Bamboo::Us
+bind = SUPERSHIFT, E, exec, ibus engine xkb:us::eng
+
+#################### It just works™ keybinds ###################
+# Volume
+bindl = ,XF86AudioMute, exec, pactl set-sink-mute @DEFAULT_SINK@ toggle
+bindle=, XF86AudioRaiseVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%+
+bindle=, XF86AudioLowerVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%-
+bindle = , XF86AudioRaiseVolume, exec, ~/.config/eww/scripts/volume osd &
+bindle = , XF86AudioLowerVolume, exec, ~/.config/eww/scripts/volume osd &
+bindl = , XF86AudioMute, exec, ~/.config/eww/scripts/volume osd &
+
+# Brightness
+bindle=, XF86MonBrightnessUp, exec, light -A 3 && ~/.config/eww/scripts/brightness osd &
+bindle=, XF86MonBrightnessDown, exec, light -U 3 && ~/.config/eww/scripts/brightness osd &
+
+######################################## Keybinds ########################################
+# Apps: just normal apps
+bind = SUPER, C, exec, code --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland
+bind = CONTROLSHIFTALT, Y, exec, yuzu
+bind = SUPER, T, exec, foot --override shell=fish
+bind = SUPERALT, T, exec, wezterm
+bind = SUPER, Return, exec, kitty
+bind = SUPER, E, exec, nautilus --new-window
+bind = SUPER, W, exec, firefox
+bind = CONTROLSUPERALT, E, exec, /usr/bin/microsoft-edge-stable --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland --gtk-version=4
+bind = SUPER, X, exec, gnome-text-editor --new-window
+bind = SUPERSHIFT, W, exec, wps
+
+#Apps: Settings and config
+bind = SUPER, I, exec, gnome-control-center
+bind = CONTROLSUPER, V, exec, pavucontrol 
+bind = CONTROLSHIFT, Escape, exec, gnome-system-monitor
+bind = CONTROLALTSHIFT, Escape, exec, foot -T 'btop' btop
+bind = SUPERSHIFT, I, exec, ~/.local/bin/guifetch
+
+
+# Actions 
+bind = SUPERSHIFT, Period, exec, pkill wofi || wofi-emoji
+bind = SUPER, Period, exec, pkill fuzzel || ~/.local/bin/fuzzel-emoji
+bind = SUPER, Q, killactive,
+bind = SUPERALT, Space, togglefloating, 
+bind = SHIFTSUPERALT, Q, exec, hyprctl kill
+bind = CONTROLALT, Delete, exec, pkill wlogout || wlogout -p layer-shell
+bind = CONTROLSHIFTALTSUPER, Delete, exec, systemctl poweroff
+
+# Screenshot, Record, OCR (Optical Character Recognition), Color picker, Clipboard history
+bind = SUPERSHIFT, D, exec,~/.local/bin/rubyshot | wl-copy
+bind = SUPERSHIFTALT, S, exec, grim -g "$(slurp)" - | swappy -f -
+bindl =,Print,exec,grim - | wl-copy
+bind = SUPERSHIFT, S, exec, grim -g "$(slurp)" - | wl-copy
+bind = SUPERALT, R, exec, ~/.local/bin/record-script.sh
+bind = CONTROLALT, R, exec, ~/.local/bin/record-script.sh --sound
+bind = SUPERSHIFTALT, R, exec, ~/.local/bin/record-script-fullscreen.sh
+bind = CONTROLSUPERSHIFT,S,exec,grim -g "$(slurp)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+bind = SUPERSHIFT,T,exec,grim -g "$(slurp)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+bind = SUPERSHIFT, C, exec, hyprpicker -a
+bind = SUPER, B, exec, copyq menu 
+bind = SUPER, V, exec, pkill fuzzel || cliphist list | fuzzel --no-fuzzy --icon-theme=candy-icons --background-color=1D1D27ee --text-color=cdd6f4ff --match-color=AC16C7FF --border-width=3 --border-radius=10 --border-color=8701E7FF	 --selection-color=585b70ff --selection-text-color=cdd6f4ff --selection-match-color=AC16C7FF --font="Rubik"  --prompt="   " --dmenu | cliphist decode | wl-copy
+# Media
+bind = SUPERSHIFT, N, exec, playerctl next || playerctl position `bc <<< "100 * $(playerctl metadata mpris:length) / 1000000 / 100"`
+bind = SUPERSHIFT, B, exec, playerctl previous
+bind = SUPERSHIFT, P, exec, playerctl play-pause
+#Lock screen  |  blur: --effect-blur=20x20
+bind = SUPER, L, exec, ~/.local/bin/lock.sh
+bind = SUPERSHIFT, L, exec, ~/.local/bin/lock.sh
+bindl = SUPERSHIFT, L, exec, sleep 0.1 && systemctl suspend
+# App launcher
+bindr = SUPER, SUPER_L, exec, ~/.config/eww/scripts/toggle-overview.sh --keypress &
+bind = SUPER, Slash, exec, pkill fuzzel || fuzzel --icon-theme=candy-icons --background-color=1D1D27ee --text-color=cdd6f4ff --match-color=AC16C7FF --border-width=3 --border-radius=10 --border-color=8701E7FF	 --selection-color=585b70ff --selection-text-color=cdd6f4ff --selection-match-color=AC16C7FF --font="Rubik"  --prompt="    "
+#bindr = SUPER, SUPER_L, exec, pkill rofi || rofi -show drun
+
+################################# eww keybinds ################################
+bindr = CONTROLSUPER, R, exec, pkill eww && eww daemon && eww open bar && eww open bg-decor
+bind = SUPER, Tab, exec, ~/.config/eww/scripts/toggle-overview.sh
+bind = SUPER, O, exec, ~/.config/eww/scripts/toggle-osettings.sh --keypress
+bind = CONTROLSUPER, O, exec, ~/.config/eww/scripts/toggle-osettings.sh --keypress
+bind = SUPER, M, exec, ~/.config/eww/scripts/toggle-bottombar.sh
+bind = SUPER, N, exec, ~/.config/eww/scripts/toggle-onotify.sh --keypress
+bind = SUPER, Comma, exec, ~/.config/eww/scripts/toggle-themer.sh
+bind = SUPER, D, exec, ~/.config/eww/scripts/toggle-dash.sh --keypress
+bind = SUPER, A, exec, ~/.config/eww/scripts/toggle-dashfs.sh
+bind = SUPER, G, exec, ~/.config/eww/scripts/toggle-wingamebar.sh
+
+bind = CONTROLSUPER, Tab, exec, ~/.config/eww/scripts/toggle-compactmode.sh
+bind = SUPERALT, W, exec, ~/.config/eww/scripts/toggle-winmode.sh
+
+############################ Keybinds for Hyprland ############################
+# Swap windows
+bind=SUPERSHIFT,left,movewindow,l
+bind=SUPERSHIFT,right,movewindow,r
+bind=SUPERSHIFT,up,movewindow,u
+bind=SUPERSHIFT,down,movewindow,d
+# Move focus
+bind = SUPER, left, movefocus, l
+bind = SUPER, right, movefocus, r
+bind = SUPER, up, movefocus, u
+bind = SUPER, down, movefocus, d
+bind = SUPER, BracketLeft, movefocus, l
+bind = SUPER, BracketRight, movefocus, r
+# Window title
+bind = SUPER, left, exec, eww update rev_center_ws=false
+bind = SUPER, right, exec, eww update rev_center_ws=false
+bind = SUPER, up, exec, eww update rev_center_ws=false
+bind = SUPER, down, exec, eww update rev_center_ws=false
+bind = SUPER, BracketLeft, exec, eww update rev_center_ws=false
+bind = SUPER, BracketRight, exec, eww update rev_center_ws=false
+bind = ALT, Tab, exec, eww update rev_center_ws=false
+
+# Workspace, window, tab switch with keyboard
+bind = CONTROLSUPER, right, workspace, +1
+bind = CONTROLSUPER, left, workspace, -1
+bind = CONTROLSUPER, BracketLeft, workspace, -1
+bind = CONTROLSUPER, BracketRight, workspace, +1
+bind = CONTROLSUPER, up, workspace, -5
+bind = CONTROLSUPER, down, workspace, +5
+bind = SUPER, Page_Down, workspace, +1
+bind = SUPER, Page_Up, workspace, -1
+bind = CONTROLSUPER, Page_Down, workspace, +1
+bind = CONTROLSUPER, Page_Up, workspace, -1
+bind = SUPERSHIFT, Page_Down, movetoworkspace, +1
+bind = SUPERSHIFT, Page_Up, movetoworkspace, -1
+bind = CONTROLSUPERSHIFT, Right, movetoworkspace, +1
+bind = CONTROLSUPERSHIFT, Left, movetoworkspace, -1
+bind = SUPERSHIFT, mouse_down, movetoworkspace, -1
+bind = SUPERSHIFT, mouse_up, movetoworkspace, +1
+
+# Show workspaces module
+bind = CONTROLSUPER, right, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, left, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, BracketLeft, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, BracketRight, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, down, exec, eww update rev_center_ws=true
+bind = SUPER, Page_Down, exec, eww update rev_center_ws=true
+bind = SUPER, Page_Up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, Page_Down, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, Page_Up, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, Page_Down, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, Page_Up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPERSHIFT, Right, exec, eww update rev_center_ws=true
+bind = CONTROLSUPERSHIFT, Left, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, mouse_down, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, mouse_up, exec, eww update rev_center_ws=true
+
+# Window split ratio
+binde = SUPER, Minus, splitratio, -0.1
+binde = SUPER, Equal, splitratio, 0.1
+binde = SUPER, Semicolon, splitratio, -0.1
+binde = SUPER, Apostrophe, splitratio, 0.1
+# Fullscreen
+bind = SUPER, F, fullscreen
+# Switching
+bind = SUPER, 1, workspace, 1
+bind = SUPER, 2, workspace, 2
+bind = SUPER, 3, workspace, 3
+bind = SUPER, 4, workspace, 4
+bind = SUPER, 5, workspace, 5
+bind = SUPER, 6, workspace, 6
+bind = SUPER, 7, workspace, 7
+bind = SUPER, 8, workspace, 8
+bind = SUPER, 9, workspace, 9
+bind = SUPER, 0, workspace, 10
+bind = SUPER, S, togglespecialworkspace,
+bind = CONTROLSUPER, S, togglespecialworkspace,
+bind = ALT, Tab, cyclenext # Why is this even here?
+bind = ALT, Tab, bringactivetotop,   # bring it to the top
+# Move window to workspace Super + Alt + [0-9]
+bind = SUPER ALT, 1, movetoworkspacesilent, 1
+bind = SUPER ALT, 2, movetoworkspacesilent, 2
+bind = SUPER ALT, 3, movetoworkspacesilent, 3
+bind = SUPER ALT, 4, movetoworkspacesilent, 4
+bind = SUPER ALT, 5, movetoworkspacesilent, 5
+bind = SUPER ALT, 6, movetoworkspacesilent, 6
+bind = SUPER ALT, 7, movetoworkspacesilent, 7
+bind = SUPER ALT, 8, movetoworkspacesilent, 8
+bind = SUPER ALT, 9, movetoworkspacesilent, 9
+bind = SUPER ALT, 0, movetoworkspacesilent, 10
+bind = CONTROLSHIFTSUPER, Up, movetoworkspacesilent, special
+bind = SUPERALT, S, movetoworkspacesilent, special
+# Scroll through existing workspaces with (Control) + Super + scroll
+bind = SUPER, mouse_up, workspace, +1
+bind = SUPER, mouse_down, workspace, -1
+bind = CONTROLSUPER, mouse_up, workspace, +1
+bind = CONTROLSUPER, mouse_down, workspace, -1
+# Move/resize windows with Super + LMB/RMB and dragging
+bindm = SUPER, mouse:272, movewindow
+bindm = SUPER, mouse:273, resizewindow
+bindm = SUPER, mouse:274, movewindow
+bindm = SUPER, Z, movewindow
+bind = CONTROLSUPER, Backslash, resizeactive, exact 640 480
+
+# trying vim-like stuff
+binde = SUPER_ALT, I, exec, wtype -k Up
+binde = SUPER_ALT, K, exec, wtype -P Down
+binde = SUPER_ALT, J, exec, wtype -P Left
+binde = SUPER_ALT, L, exec, wtype -P Right
+
diff --git a/novelknock/.config/hypr/dirs/keybinds_VERTICAL.conf b/novelknock/.config/hypr/dirs/keybinds_VERTICAL.conf
new file mode 100755
index 000000000..b4568432a
--- /dev/null
+++ b/novelknock/.config/hypr/dirs/keybinds_VERTICAL.conf
@@ -0,0 +1,198 @@
+########################## Language ############################
+bind = SUPERSHIFT, V, exec, ibus engine Bamboo::Us
+bind = SUPERSHIFT, E, exec, ibus engine xkb:us::eng
+
+#################### It just works™ keybinds ###################
+# Volume
+bindl = ,XF86AudioMute, exec, pactl set-sink-mute @DEFAULT_SINK@ toggle
+bindle=, XF86AudioRaiseVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%+
+bindle=, XF86AudioLowerVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%-
+bindle = , XF86AudioRaiseVolume, exec, ~/.config/eww/scripts/volume osd &
+bindle = , XF86AudioLowerVolume, exec, ~/.config/eww/scripts/volume osd &
+bindl = , XF86AudioMute, exec, ~/.config/eww/scripts/volume osd &
+
+# Brightness
+bindle=, XF86MonBrightnessUp, exec, light -A 3 && ~/.config/eww/scripts/brightness osd &
+bindle=, XF86MonBrightnessDown, exec, light -U 3 && ~/.config/eww/scripts/brightness osd &
+
+######################################## Keybinds ########################################
+# Apps: just normal apps
+bind = SUPER, C, exec, code --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland
+bind = CONTROLSHIFTALT, Y, exec, yuzu
+bind = SUPER, T, exec, foot --override shell=fish
+bind = SUPERALT, T, exec, wezterm
+bind = SUPER, Return, exec, kitty
+bind = SUPER, E, exec, nautilus --new-window
+bind = SUPER, W, exec, firefox
+bind = CONTROLSUPERALT, E, exec, /usr/bin/microsoft-edge-stable --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland --gtk-version=4
+bind = SUPER, X, exec, gnome-text-editor --new-window
+bind = SUPERSHIFT, W, exec, wps
+
+#Apps: Settings and config
+bind = SUPER, I, exec, gnome-control-center
+bind = CONTROLSUPER, V, exec, pavucontrol 
+bind = CONTROLSHIFT, Escape, exec, gnome-system-monitor
+bind = CONTROLALTSHIFT, Escape, exec, foot -T 'btop' btop
+bind = SUPERSHIFT, I, exec, ~/.local/bin/guifetch
+
+
+# Actions 
+bind = SUPERSHIFT, Period, exec, pkill wofi || wofi-emoji
+bind = SUPER, Period, exec, pkill fuzzel || ~/.local/bin/fuzzel-emoji
+bind = SUPER, Q, killactive,
+bind = SUPERALT, Space, togglefloating, 
+bind = SHIFTSUPERALT, Q, exec, hyprctl kill
+bind = CONTROLALT, Delete, exec, pkill wlogout || wlogout -p layer-shell
+bind = CONTROLSHIFTALTSUPER, Delete, exec, systemctl poweroff
+
+# Screenshot, Record, OCR (Optical Character Recognition), Color picker, Clipboard history
+bind = SUPERSHIFT, D, exec,~/.local/bin/rubyshot | wl-copy
+bind = SUPERSHIFTALT, S, exec, grim -g "$(slurp)" - | swappy -f -
+bindl =,Print,exec,grim - | wl-copy
+bind = SUPERSHIFT, S, exec, grim -g "$(slurp)" - | wl-copy
+bind = SUPERALT, R, exec, ~/.local/bin/record-script.sh
+bind = CONTROLALT, R, exec, ~/.local/bin/record-script.sh --sound
+bind = SUPERSHIFTALT, R, exec, ~/.local/bin/record-script-fullscreen.sh
+bind = CONTROLSUPERSHIFT,S,exec,grim -g "$(slurp)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+bind = SUPERSHIFT,T,exec,grim -g "$(slurp)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+bind = SUPERSHIFT, C, exec, hyprpicker -a
+bind = SUPER, B, exec, copyq menu 
+bind = SUPER, V, exec, pkill fuzzel || cliphist list | fuzzel --no-fuzzy --icon-theme=candy-icons --background-color=1D1D27ee --text-color=cdd6f4ff --match-color=AC16C7FF --border-width=3 --border-radius=10 --border-color=8701E7FF	 --selection-color=585b70ff --selection-text-color=cdd6f4ff --selection-match-color=AC16C7FF --font="Rubik"  --prompt="   " --dmenu | cliphist decode | wl-copy
+# Media
+bind = SUPERSHIFT, N, exec, playerctl next || playerctl position `bc <<< "100 * $(playerctl metadata mpris:length) / 1000000 / 100"`
+bind = SUPERSHIFT, B, exec, playerctl previous
+bind = SUPERSHIFT, P, exec, playerctl play-pause
+#Lock screen  |  blur: --effect-blur=20x20
+bind = SUPER, L, exec, ~/.local/bin/lock.sh
+bind = SUPERSHIFT, L, exec, ~/.local/bin/lock.sh
+bindl = SUPERSHIFT, L, exec, sleep 0.1 && systemctl suspend
+# App launcher
+bindr = SUPER, SUPER_L, exec, ~/.config/eww/scripts/toggle-overview.sh --keypress &
+bind = SUPER, Slash, exec, pkill fuzzel || fuzzel --icon-theme=candy-icons --background-color=1D1D27ee --text-color=cdd6f4ff --match-color=AC16C7FF --border-width=3 --border-radius=10 --border-color=8701E7FF	 --selection-color=585b70ff --selection-text-color=cdd6f4ff --selection-match-color=AC16C7FF --font="Rubik"  --prompt="    "
+#bindr = SUPER, SUPER_L, exec, pkill rofi || rofi -show drun
+
+################################# eww keybinds ################################
+bindr = CONTROLSUPER, R, exec, pkill eww && eww daemon && eww open bar && eww open bg-decor
+bind = SUPER, Tab, exec, ~/.config/eww/scripts/toggle-overview.sh
+bind = SUPER, O, exec, ~/.config/eww/scripts/toggle-osettings.sh --keypress
+bind = CONTROLSUPER, O, exec, ~/.config/eww/scripts/toggle-osettings.sh --keypress
+bind = SUPER, M, exec, ~/.config/eww/scripts/toggle-bottombar.sh
+bind = SUPER, N, exec, ~/.config/eww/scripts/toggle-onotify.sh --keypress
+bind = SUPER, Comma, exec, ~/.config/eww/scripts/toggle-themer.sh
+bind = SUPER, D, exec, ~/.config/eww/scripts/toggle-dash.sh --keypress
+bind = SUPER, A, exec, ~/.config/eww/scripts/toggle-dashfs.sh
+bind = SUPER, G, exec, ~/.config/eww/scripts/toggle-wingamebar.sh
+
+bind = CONTROLSUPER, Tab, exec, ~/.config/eww/scripts/toggle-compactmode.sh
+bind = SUPERALT, W, exec, ~/.config/eww/scripts/toggle-winmode.sh
+
+############################ Keybinds for Hyprland ############################
+# Swap windows
+bind=SUPERSHIFT,left,movewindow,l
+bind=SUPERSHIFT,right,movewindow,r
+bind=SUPERSHIFT,up,movewindow,u
+bind=SUPERSHIFT,down,movewindow,d
+# Move focus
+bind = SUPER, left, movefocus, l
+bind = SUPER, right, movefocus, r
+bind = SUPER, up, movefocus, u
+bind = SUPER, down, movefocus, d
+bind = SUPER, BracketLeft, movefocus, l
+bind = SUPER, BracketRight, movefocus, r
+# Window title
+bind = SUPER, left, exec, eww update rev_center_ws=false
+bind = SUPER, right, exec, eww update rev_center_ws=false
+bind = SUPER, up, exec, eww update rev_center_ws=false
+bind = SUPER, down, exec, eww update rev_center_ws=false
+bind = SUPER, BracketLeft, exec, eww update rev_center_ws=false
+bind = SUPER, BracketRight, exec, eww update rev_center_ws=false
+bind = ALT, Tab, exec, eww update rev_center_ws=false
+
+# Workspace, window, tab switch with keyboard
+bind = CONTROLSUPER, right, workspace, +1
+bind = CONTROLSUPER, left, workspace, -1
+bind = CONTROLSUPER, BracketLeft, workspace, -1
+bind = CONTROLSUPER, BracketRight, workspace, +1
+bind = CONTROLSUPER, up, workspace, -1
+bind = CONTROLSUPER, down, workspace, +1
+bind = SUPER, Page_Down, workspace, +1
+bind = SUPER, Page_Up, workspace, -1
+bind = CONTROLSUPER, Page_Down, workspace, +1
+bind = CONTROLSUPER, Page_Up, workspace, -1
+bind = SUPERSHIFT, Page_Down, movetoworkspace, +1
+bind = SUPERSHIFT, Page_Up, movetoworkspace, -1
+bind = CONTROLSUPERSHIFT, Right, movetoworkspace, +1
+bind = CONTROLSUPERSHIFT, Left, movetoworkspace, -1
+bind = SUPERSHIFT, mouse_down, movetoworkspace, -1
+bind = SUPERSHIFT, mouse_up, movetoworkspace, +1
+
+# Show workspaces module
+bind = CONTROLSUPER, right, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, left, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, BracketLeft, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, BracketRight, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, down, exec, eww update rev_center_ws=true
+bind = SUPER, Page_Down, exec, eww update rev_center_ws=true
+bind = SUPER, Page_Up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, Page_Down, exec, eww update rev_center_ws=true
+bind = CONTROLSUPER, Page_Up, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, Page_Down, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, Page_Up, exec, eww update rev_center_ws=true
+bind = CONTROLSUPERSHIFT, Right, exec, eww update rev_center_ws=true
+bind = CONTROLSUPERSHIFT, Left, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, mouse_down, exec, eww update rev_center_ws=true
+bind = SUPERSHIFT, mouse_up, exec, eww update rev_center_ws=true
+
+# Window split ratio
+binde = SUPER, Minus, splitratio, -0.1
+binde = SUPER, Equal, splitratio, 0.1
+binde = SUPER, Semicolon, splitratio, -0.1
+binde = SUPER, Apostrophe, splitratio, 0.1
+# Fullscreen
+bind = SUPER, F, fullscreen
+# Switching
+bind = SUPER, 1, workspace, 1
+bind = SUPER, 2, workspace, 2
+bind = SUPER, 3, workspace, 3
+bind = SUPER, 4, workspace, 4
+bind = SUPER, 5, workspace, 5
+bind = SUPER, 6, workspace, 6
+bind = SUPER, 7, workspace, 7
+bind = SUPER, 8, workspace, 8
+bind = SUPER, 9, workspace, 9
+bind = SUPER, 0, workspace, 10
+bind = SUPER, S, togglespecialworkspace,
+bind = CONTROLSUPER, S, togglespecialworkspace,
+bind = ALT, Tab, cyclenext # Why is this even here?
+bind = ALT, Tab, bringactivetotop,   # bring it to the top
+# Move window to workspace Super + Alt + [0-9]
+bind = SUPER ALT, 1, movetoworkspacesilent, 1
+bind = SUPER ALT, 2, movetoworkspacesilent, 2
+bind = SUPER ALT, 3, movetoworkspacesilent, 3
+bind = SUPER ALT, 4, movetoworkspacesilent, 4
+bind = SUPER ALT, 5, movetoworkspacesilent, 5
+bind = SUPER ALT, 6, movetoworkspacesilent, 6
+bind = SUPER ALT, 7, movetoworkspacesilent, 7
+bind = SUPER ALT, 8, movetoworkspacesilent, 8
+bind = SUPER ALT, 9, movetoworkspacesilent, 9
+bind = SUPER ALT, 0, movetoworkspacesilent, 10
+bind = SUPERALT, S, movetoworkspacesilent, special
+# Scroll through existing workspaces with (Control) + Super + scroll
+bind = SUPER, mouse_up, workspace, +1
+bind = SUPER, mouse_down, workspace, -1
+bind = CONTROLSUPER, mouse_up, workspace, +1
+bind = CONTROLSUPER, mouse_down, workspace, -1
+# Move/resize windows with Super + LMB/RMB and dragging
+bindm = SUPER, mouse:272, movewindow
+bindm = SUPER, mouse:273, resizewindow
+bindm = SUPER, mouse:274, movewindow
+bindm = SUPER, Z, movewindow
+bind = CONTROLSUPER, Backslash, resizeactive, exact 640 480
+
+# trying vim-like stuff
+binde = SUPER_ALT, I, exec, wtype -k Up
+binde = SUPER_ALT, K, exec, wtype -P Down
+binde = SUPER_ALT, J, exec, wtype -P Left
+binde = SUPER_ALT, L, exec, wtype -P Right
+
diff --git a/novelknock/.config/hypr/env.conf b/novelknock/.config/hypr/env.conf
new file mode 100755
index 000000000..c913c75f4
--- /dev/null
+++ b/novelknock/.config/hypr/env.conf
@@ -0,0 +1,5 @@
+env = XMODIFIERS, @im=ibus
+env = GTK_IM_MODULE, ibus
+env = QT_IM_MODULE, ibus
+env = QT_QPA_PLATFORMTHEME, qt5ct
+env = WLR_NO_HARDWARE_CURSORS, 1
diff --git a/novelknock/.config/hypr/execs.conf b/novelknock/.config/hypr/execs.conf
new file mode 100755
index 000000000..92979ac07
--- /dev/null
+++ b/novelknock/.config/hypr/execs.conf
@@ -0,0 +1,30 @@
+# Wallpaper
+#exec-once = swaybg -i ~/.config/eww/images/wallpaper/wallpaper
+exec-once = swww init && swww img ~/.config/eww/images/wallpaper/wallpaper --transition-step 230 --transition-fps 60 --transition-type grow --transition-angle 30 --transition-duration 1
+
+# Status bar
+#exec-once = waybar
+exec-once = eww daemon && eww open bar && eww open bgdecor
+#exec-once = eww daemon && eww open winbar &
+
+# Language Switch
+exec-once = ibus-daemon --xim -d -r
+exec-once = ibus engine xkb:us::eng
+
+# Core components (authentication, lock screen, notification daemon)
+exec-once = dbus-update-activation-environment --all &
+exec-once = /usr/bin/gnome-keyring-daemon --start --components=secrets &
+exec-once = /usr/lib/polkit-gnome/polkit-gnome-authentication-agent-1 &
+exec-once = swayidle -w timeout 300 'gtklock' before-sleep 'gtklock' &
+exec-once = swayidle -w timeout 450 'systemctl suspend' &
+
+# Clipboard history
+exec-once = wl-paste --watch cliphist store &
+
+# Cursor
+exec-once = hyprctl setcursor Bibata-Modern-Classic 24
+
+# idk
+exec-once = sleep 1 && dbus-update-activation-environment --systemd WAYLAND_DISPLAY XDG_CURRENT_DESKTOP
+
+# Plugins are a good way to crash Hyprland
diff --git a/novelknock/.config/hypr/hypr.conf b/novelknock/.config/hypr/hypr.conf
new file mode 100755
index 000000000..9e8af1936
--- /dev/null
+++ b/novelknock/.config/hypr/hypr.conf
@@ -0,0 +1,148 @@
+###################################################
+#    This is the config for Hypr, not Hyprland!   #
+#       that abandoned Xorg window manager..      #
+###################################################
+
+gaps_in=4
+border_size=3
+gaps_out=8
+rounding=17
+max_fps=60 # max fps for updates of config & animations
+focus_when_hover=1 # 0 - do not switch the focus when hover (only for tiling)
+main_mod=SUPER # For moving, resizing
+intelligent_transients=1 # keeps transients always on top.
+no_unmap_saving=1 # disables saving unmapped windows (seems to break sometimes)
+scratchpad_mon=0 # self-explanatory # no its not
+
+# Execs
+exec-once=nitrogen --set-centered ~/.config/eww/images/wallpaper/wallpaper
+exec-once=/usr/bin/gnome-keyring-daemon --start --components=secrets
+exec-once=/usr/libexec/polkit-gnome-authentication-agent-1 &
+exec-once=ibus-daemon --xim -d -r
+exec-once=picom
+#exec-once=ibus-daemon &
+exec-once=ibus engine Bamboo::Us
+bind=SUPERSHIFT,V,exec,ibus engine Bamboo::Us
+bind=SUPERSHIFT,E,exec,ibus engine xkb:us::eng
+
+# Layout
+layout=0 # 0 - dwindle (default), 1 - master
+layout {
+    no_gaps_when_only=0 # disables gaps and borders when only window on screen
+}
+
+# Bar config
+Bar {
+    height=20
+    monitor=0
+    enabled=1
+    mod_pad_in=8
+    no_tray_saving=1 # using this doesnt save the tray between reloads but fixes an issue with the bar disappearing.
+
+    font.main=Noto Sans
+    font.secondary=Noto Sans
+
+    col.bg=0xff111111
+    col.high=0xffff3333
+
+    module=left,X,0xff8000ff,0xffffffff,1,workspaces
+    module=pad,left,10
+    module=left,,0xff7000dd,0xff7000dd,1,tray
+    module=right,X,0xffffffff,0xff00ff33,1000,$date +%a,\ %b\ %Y\ \ %I:%M\ %p$
+}
+
+# colors
+col.active_border=0xff7348e0
+col.inactive_border=0x77222222
+
+# status command
+# deprecated
+# status_command=date +%a,\ %b\ %Y\ \ %I:%M\ %p
+#
+
+# animations
+Animations {
+    enabled=1
+    speed=8
+    window_resize_speed=1
+    cheap=1 # highly recommended
+    borders=1
+    workspaces=1
+}
+
+# example window rules, more in the wiki
+
+# windowrule=float,class:krunner
+# windowrule=float,role:pop-up
+# windowrule=float,role:task_dialog
+# windowrule=monitor 0,class:krunner
+# windowrule=size 500 50,class:krunner
+# windowrule=move 700 500,class:krunner
+# windowrule=pseudo,class:discord
+
+# keybinds
+bind=CTRLALT,119,exec,kill Xorg
+bind=SUPER,R,exec,dmenu_run
+bind=SUPER,T,exec,kitty fish
+# bind=SUPER,W,exec,microsoft-edge --password-store=gnome --enable-features=UseOzonePlatform --gtk-version=4
+bind=SUPER,W,exec,firefox
+bind=SUPER,A,exec,rofi -show drun
+bind=SUPER,ESCAPE,exec,kitty btop
+bind=SUPER,E,exec,nautilus --new-window
+bind=SUPER,G,exec,gnome-text-editor --new-window
+
+bind=SUPER,Q,killactive,
+
+bind=SUPERSHIFT,LEFT,movewindow,l
+bind=SUPERSHIFT,RIGHT,movewindow,r
+bind=SUPERSHIFT,UP,movewindow,u
+bind=SUPERSHIFT,DOWN,movewindow,d
+
+bind=SUPER,LEFT,movefocus,l
+bind=SUPER,RIGHT,movefocus,r
+bind=SUPER,UP,movefocus,u
+bind=SUPER,DOWN,movefocus,d
+
+bind=SUPER,F,fullscreen,
+
+bind=SUPER,1,workspace,1
+bind=SUPER,2,workspace,2
+bind=SUPER,3,workspace,3
+bind=SUPER,4,workspace,4
+bind=SUPER,5,workspace,5
+bind=SUPER,6,workspace,6
+bind=SUPER,7,workspace,7
+bind=SUPER,8,workspace,8
+bind=SUPER,9,workspace,9
+bind=SUPER,0,workspace,10
+
+bind=CTRLSUPER,left,lastworkspace,-
+bind=CTRLSUPER,right,nextworkspace,+
+bind=CTRLSUPER,Prior,lastworkspace,-
+bind=CTRLSUPER,Next,nextworkspace,+
+bind=SUPER,Prior,lastworkspace,-
+bind=SUPER,Next,nextworkspace,+
+bind=CTRLSUPER,H,lastworkspace,
+bind=CTRLSUPER,L,nextworkspace,
+
+bind=CTRLSUPERSHIFT,left,movetorelativeworkspace,-
+bind=CTRLSUPERSHIFT,right,movetorelativeworkspace,+
+
+bind=SUPERALT,1,movetoworkspace,1
+bind=SUPERALT,2,movetoworkspace,2
+bind=SUPERALT,3,movetoworkspace,3
+bind=SUPERALT,4,movetoworkspace,4
+bind=SUPERALT,5,movetoworkspace,5
+bind=SUPERALT,6,movetoworkspace,6
+bind=SUPERALT,7,movetoworkspace,7
+bind=SUPERALT,8,movetoworkspace,8
+bind=SUPERALT,9,movetoworkspace,9
+bind=SUPERALT,0,movetoworkspace,10
+
+bind=SUPERSHIFT,S,movetoworkspace,scratchpad
+bind=SUPER,S,scratchpad,
+
+bind=SUPERALT,SPACE,togglefloating,
+
+bind=SUPER,equal,splitratio,+0.15
+bind=SUPER,minus,splitratio,-0.15
diff --git a/novelknock/.config/hypr/hyprland.conf b/novelknock/.config/hypr/hyprland.conf
new file mode 100755
index 000000000..bd1159bda
--- /dev/null
+++ b/novelknock/.config/hypr/hyprland.conf
@@ -0,0 +1,175 @@
+# This file contains general customization options 
+# For Environment variables see env.conf
+# For Keybinds variables see keybinds.conf 
+# For Auto-run stuff see execs.conf
+
+source=~/.config/hypr/env.conf
+
+# MONITOR CONFIG
+monitor=,preferred,auto,1
+monitor=,addreserved, 56, 1, 1, 0
+monitor=HDMI-A-1,1920x1080@60,1920x0,1,mirror,eDP-1
+
+#################### Core components (authentication, idle daemon and stuff) ##############
+source=~/.config/hypr/execs.conf
+
+############################# Keybinds ############################
+source=~/.config/hypr/keybinds.conf
+
+############################## Input ##############################
+input {
+    # Mouse
+    # accel_profile = adaptive
+    force_no_accel = false
+    #sensitivity = 0
+
+    # Keyboard
+    kb_layout = us
+    follow_mouse = 1
+    numlock_by_default = true
+
+    touchpad {
+        natural_scroll = yes
+        disable_while_typing = true
+        clickfinger_behavior = true
+        scroll_factor = 0.5
+    }
+    scroll_method = 2fg
+}
+gestures {
+    # See https://wiki.hyprland.org/Configuring/Variables/ for more
+    workspace_swipe = true
+    workspace_swipe_distance = 1200px
+    workspace_swipe_fingers = 4
+    workspace_swipe_cancel_ratio = 0.2
+    workspace_swipe_min_speed_to_force = 5
+    workspace_swipe_create_new = true
+}
+
+general {
+    # Gaps and border
+    gaps_in = 4
+    gaps_out = 4
+    border_size = 2
+    
+    # Fallback colors
+    col.active_border = rgba(0DB7D4FF) rgba(7AA2F7FF) rgba(9778D0FF) 45deg
+    col.inactive_border = rgba(04404aaa)
+
+    # Functionality
+    # resize_on_border = true
+    layout = dwindle
+}
+
+dwindle {
+	preserve_split = true # you probably want this
+	#no_gaps_when_only = true
+	
+	smart_resizing = false
+}
+
+decoration {
+    rounding = 15
+    
+    blur {
+        enabled = true
+        xray = true
+        size = 12
+        passes = 4
+        new_optimizations = on
+        
+        noise = 0.05
+        contrast = 1.1
+        brightness = 1.1
+        
+        #contrast = 1
+        #brightness = 1
+        
+    }
+    
+    # Shadow
+    drop_shadow = no
+    shadow_range = 30
+    shadow_render_power = 10
+    col.shadow = rgba(C64D6466)
+    
+    # Shader
+    # screen_shader = ~/.config/hypr/shaders/nothing.frag
+    
+    # Dim
+    dim_inactive = false
+    dim_strength = 0.1
+    dim_special = 0
+}
+
+animations {
+    enabled = yes
+    # Animation curves
+    
+    bezier = md3_standard, 0.2, 0.0, 0, 1.0
+    bezier = md3_decel, 0.05, 0.7, 0.1, 1
+    bezier = md3_accel, 0.3, 0, 0.8, 0.15
+    bezier = overshot, 0.05, 0.9, 0.1, 1.05
+    bezier = hyprnostretch, 0.05, 0.9, 0.1, 1.0
+    bezier = win11, 0, 1, 0, 1
+    bezier = gnome, 0, 0.85, 0.3, 1
+    bezier = funky, 0.46, 0.35, -0.2, 1.2
+    bezier = linear, 1, 1, 0, 0
+    # Animation configs
+    animation = windows, 1, 3, md3_decel, popin 60%
+    animation = border, 1, 10, default
+    animation = fade, 1, 4, default
+    animation = workspaces, 1, 4, md3_decel
+}
+
+misc {
+    vfr = 0
+    vrr = 0
+    focus_on_activate = true
+    animate_manual_resizes = true
+    animate_mouse_windowdragging = true
+    #suppress_portal_warnings = true
+    enable_swallow = true
+}
+
+debug {
+	#overlay = true
+        #damage_tracking=0
+	#damage_blink = 1
+}
+
+decoration {
+  #screen_shader = ~/.config/hypr/shaders/drugs.frag
+  #screen_shader = ~/.config/hypr/shaders/crt.frag
+}
+
+######## Window rules ########
+windowrule = float, ^(steam)$
+windowrule = float, ^(guifetch)$ 
+
+# Dialogs
+windowrule=float,title:^(Open File)(.*)$
+windowrule=float,title:^(Select a File)(.*)$
+windowrule=float,title:^(Choose wallpaper)(.*)$
+windowrule=float,title:^(Open Folder)(.*)$
+windowrule=float,title:^(Save As)(.*)$
+windowrule=float,title:^(Library)(.*)$ 
+
+######## Layer rules ########
+layerrule = blur, eww
+layerrule = ignorealpha 0.69, eww
+layerrule = noanim, eww
+layerrule = blur, eww-lowopacity
+layerrule = ignorealpha 0.39, eww-lowopacity
+layerrule = blur, supercontext
+layerrule = ignorealpha 0.84, supercontext
+layerrule = blur, gtk-layer-shell
+layerrule = ignorezero, gtk-layer-shell
+layerrule = blur, launcher
+layerrule = ignorezero, launcher
+layerrule = blur, notifications
+layerrule = ignorealpha 0.69, notifications
+
+
+# Dynamic colors
+source=~/.config/hypr/colors.conf
diff --git a/novelknock/.config/hypr/keybinds.conf b/novelknock/.config/hypr/keybinds.conf
new file mode 100755
index 000000000..0c48e3c52
--- /dev/null
+++ b/novelknock/.config/hypr/keybinds.conf
@@ -0,0 +1,178 @@
+########################## Language ############################
+bind = SUPERSHIFT, V, exec, ~/.config/eww/scripts/language --switch '{"name":"Vietnamese","name_abbr":"VIE","name_ibus":"Bamboo::Us","name_method":"Vietnamese Telex (Bamboo Engine)"}' &
+bind = SUPERSHIFT, E, exec, ~/.config/eww/scripts/language --switch '{"name":"English (United States)","name_abbr":"ENG","name_ibus":"xkb:us::eng","name_method":"US"}' &
+bind = SUPER, Space, exec, ~/.config/eww/scripts/language --cycle &
+
+#################### It just works™ keybinds ###################
+# Volume
+bindl = ,XF86AudioMute, exec, pactl set-sink-mute @DEFAULT_SINK@ toggle
+bindle=, XF86AudioRaiseVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%+
+bindle=, XF86AudioLowerVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%-
+bindle = , XF86AudioRaiseVolume, exec, ~/.config/eww/scripts/volume osd &
+bindle = , XF86AudioLowerVolume, exec, ~/.config/eww/scripts/volume osd &
+bindl = , XF86AudioMute, exec, ~/.config/eww/scripts/volume osd &
+
+# Brightness
+bindle=, XF86MonBrightnessUp, exec, light -A 3 && ~/.config/eww/scripts/brightness osd &
+bindle=, XF86MonBrightnessDown, exec, light -U 3 && ~/.config/eww/scripts/brightness osd &
+
+######################################## Keybinds ########################################
+# Apps: just normal apps
+bind = SUPER, C, exec, code --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland
+bind = CONTROLSHIFTALT, Y, exec, yuzu
+bind = SUPER, T, exec, foot --override shell=fish
+bind = SUPERSHIFTALT, T, exec, foot sleep 0.01 && nmtui
+bind = SUPERALT, T, exec, wezterm
+bind = SUPER, Return, exec, wezterm
+bind = SUPER, E, exec, nautilus --new-window
+bind = SUPER, W, exec, firefox
+bind = CONTROLSUPERALT, E, exec, /usr/bin/microsoft-edge-stable --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland --gtk-version=4
+bind = SUPER, X, exec, gnome-text-editor --new-window
+bind = SUPERSHIFT, W, exec, wps
+
+# Apps: Settings and config
+bind = SUPER, I, exec, XDG_CURRENT_DESKTOP="gnome" gnome-control-center
+bind = CONTROLSUPER, V, exec, pavucontrol 
+bind = CONTROLSHIFT, Escape, exec, gnome-system-monitor
+bind = CONTROLALTSHIFT, Escape, exec, foot -T 'btop' btop
+bind = SUPERSHIFT, I, exec, ~/.local/bin/guifetch
+
+
+# Actions 
+bind = SUPERSHIFT, Period, exec, pkill wofi || wofi-emoji
+bind = SUPER, Period, exec, pkill fuzzel || ~/.local/bin/fuzzel-emoji
+bind = SUPER, Q, killactive,
+bind = SUPERALT, Space, togglefloating, 
+bind = SHIFTSUPERALT, Q, exec, hyprctl kill
+bind = CONTROLALT, Delete, exec, pkill wlogout || wlogout -p layer-shell
+bind = CONTROLSHIFTALTSUPER, Delete, exec, systemctl poweroff
+
+# Screenshot, Record, OCR (Optical Character Recognition), Color picker, Clipboard history
+bind = SUPERSHIFT, D, exec,~/.local/bin/rubyshot | wl-copy
+bind = SUPERSHIFTALT, S, exec, grim -g "$(slurp)" - | swappy -f -
+bindl =,Print,exec,grim - | wl-copy
+bind = SUPERSHIFT, S, exec, grim -g "$(slurp)" - | wl-copy
+bind = SUPERALT, R, exec, ~/.local/bin/record-script.sh
+bind = CONTROLALT, R, exec, ~/.local/bin/record-script.sh --sound
+bind = SUPERSHIFTALT, R, exec, ~/.local/bin/record-script-fullscreen.sh
+bind = CONTROLSUPERSHIFT,S,exec,grim -g "$(slurp)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+bind = SUPERSHIFT,T,exec,grim -g "$(slurp)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+bind = SUPERSHIFT, C, exec, hyprpicker -a
+bind = SUPER, B, exec, copyq menu
+bind = SUPER, V, exec, pkill fuzzel || cliphist list | fuzzel --no-fuzzy --icon-theme=candy-icons --background-color=1A1513dd --text-color=F8D4D2ff --match-color=FFB3B1ff --border-width=2 --border-radius=15 --border-color=EB8A89ff	 --selection-color=585b70ff --selection-text-color=F8D4D2ff --selection-match-color=FFB3B1ff --font="Lexend"  --prompt=">>  " --dmenu | cliphist decode | wl-copy
+
+# Media
+bind = SUPERSHIFT, N, exec, playerctl next || playerctl position `bc <<< "100 * $(playerctl metadata mpris:length) / 1000000 / 100"`
+bind = SUPERSHIFT, B, exec, playerctl previous
+bind = SUPERSHIFT, P, exec, playerctl play-pause
+
+#Lock screen  |  blur: --effect-blur=20x20
+bind = SUPER, L, exec, ~/.local/bin/lock.sh
+bind = SUPERSHIFT, L, exec, ~/.local/bin/lock.sh
+bindl = SUPERSHIFT, L, exec, sleep 0.1 && systemctl suspend
+
+# App launcher
+bind = SUPER, Slash, exec, pkill anyrun || anyrun
+
+################################# eww keybinds ################################
+bindr = SUPER, SUPER_L, exec, ~/.config/eww/scripts/toggle-powerview.sh --keypress &
+bindr = CONTROLSUPER, R, exec, pkill eww && eww daemon && eww open bar && eww open bottomline
+bind = CONTROLSUPER, T, exec, cd ~/.config/eww && scripts/switchwall
+bind = SUPER, Tab, exec, ~/.config/eww/scripts/toggle-powerview.sh &
+bind = SUPER, M, exec, ~/.config/eww/scripts/toggle-bottomsheet.sh &
+bind = SUPER, B, exec, ~/.config/eww/scripts/toggle-sideleft.sh &
+bind = SUPER, O, exec, ~/.config/eww/scripts/toggle-sideleft.sh &
+bind = SUPER, N, exec, ~/.config/eww/scripts/toggle-sideright.sh &
+bind = SUPER, A, exec, ~/.config/eww/scripts/toggle-dashboard.sh &
+bind = CONTROLSUPER, mouse:273, exec, ~/.config/eww/scripts/toggle-supercontext.sh &
+bind = SUPER, Menu, exec, ~/.config/eww/scripts/toggle-supercontext.sh &
+
+## Testing
+bind = SUPERALT, f12, exec, notify-send "Test notification" "$(hyprctl version | head -1)"
+
+############################ Keybinds for Hyprland ############################
+# Swap windows
+bind = SUPERSHIFT, left, movewindow, l
+bind = SUPERSHIFT, right, movewindow, r
+bind = SUPERSHIFT, up, movewindow, u
+bind = SUPERSHIFT, down, movewindow, d
+# Move focus
+bind = SUPER, left, movefocus, l
+bind = SUPER, right, movefocus, r
+bind = SUPER, up, movefocus, u
+bind = SUPER, down, movefocus, d
+bind = SUPER, BracketLeft, movefocus, l
+bind = SUPER, BracketRight, movefocus, r
+
+# Workspace, window, tab switch with keyboard
+bind = CONTROLSUPER, right, workspace, +1
+bind = CONTROLSUPER, left, workspace, -1
+bind = CONTROLSUPER, BracketLeft, workspace, -1
+bind = CONTROLSUPER, BracketRight, workspace, +1
+bind = CONTROLSUPER, up, workspace, -5
+bind = CONTROLSUPER, down, workspace, +5
+bind = SUPER, Page_Down, workspace, +1
+bind = SUPER, Page_Up, workspace, -1
+bind = CONTROLSUPER, Page_Down, workspace, +1
+bind = CONTROLSUPER, Page_Up, workspace, -1
+bind = SUPERSHIFT, Page_Down, movetoworkspace, +1
+bind = SUPERSHIFT, Page_Up, movetoworkspace, -1
+bind = CONTROLSUPERSHIFT, Right, movetoworkspace, +1
+bind = CONTROLSUPERSHIFT, Left, movetoworkspace, -1
+bind = SUPERSHIFT, mouse_down, movetoworkspace, -1
+bind = SUPERSHIFT, mouse_up, movetoworkspace, +1
+
+# Window split ratio
+binde = SUPER, Minus, splitratio, -0.1
+binde = SUPER, Equal, splitratio, 0.1
+binde = SUPER, Semicolon, splitratio, -0.1
+binde = SUPER, Apostrophe, splitratio, 0.1
+
+# Fullscreen
+bind = SUPER, F, fullscreen, 0
+bind = SUPER, D, fullscreen, 1
+bind = SUPERALT, F, fakefullscreen,
+
+# Switching
+bind = SUPER, 1, workspace, 1
+bind = SUPER, 2, workspace, 2
+bind = SUPER, 3, workspace, 3
+bind = SUPER, 4, workspace, 4
+bind = SUPER, 5, workspace, 5
+bind = SUPER, 6, workspace, 6
+bind = SUPER, 7, workspace, 7
+bind = SUPER, 8, workspace, 8
+bind = SUPER, 9, workspace, 9
+bind = SUPER, 0, workspace, 10
+bind = SUPER, S, togglespecialworkspace,
+bind = CONTROLSUPER, S, togglespecialworkspace,
+bind = ALT, Tab, cyclenext
+bind = ALT, Tab, bringactivetotop,   # bring it to the top
+
+# Move window to workspace Super + Alt + [0-9] 
+bind = SUPER ALT, 1, movetoworkspacesilent, 1
+bind = SUPER ALT, 2, movetoworkspacesilent, 2
+bind = SUPER ALT, 3, movetoworkspacesilent, 3
+bind = SUPER ALT, 4, movetoworkspacesilent, 4
+bind = SUPER ALT, 5, movetoworkspacesilent, 5
+bind = SUPER ALT, 6, movetoworkspacesilent, 6
+bind = SUPER ALT, 7, movetoworkspacesilent, 7
+bind = SUPER ALT, 8, movetoworkspacesilent, 8
+bind = SUPER ALT, 9, movetoworkspacesilent, 9
+bind = SUPER ALT, 0, movetoworkspacesilent, 10
+bind = CONTROLSHIFTSUPER, Up, movetoworkspacesilent, special
+bind = SUPERALT, S, movetoworkspacesilent, special
+
+# Scroll through existing workspaces with (Control) + Super + scroll
+bind = SUPER, mouse_up, workspace, +1
+bind = SUPER, mouse_down, workspace, -1
+bind = CONTROLSUPER, mouse_up, workspace, +1
+bind = CONTROLSUPER, mouse_down, workspace, -1
+
+# Move/resize windows with Super + LMB/RMB and dragging
+bindm = SUPER, mouse:272, movewindow
+bindm = SUPER, mouse:273, resizewindow
+bindm = SUPER, mouse:274, movewindow
+bindm = SUPER, Z, movewindow
+bind = CONTROLSUPER, Backslash, resizeactive, exact 640 480
+
diff --git a/novelknock/.config/hypr/savedcolors/colors_alive.conf b/novelknock/.config/hypr/savedcolors/colors_alive.conf
new file mode 100755
index 000000000..101a7d2a1
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_alive.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/Igw7x_q_SY8/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLAnBg0FYExCAq5yAvoYoyE3rjhD6w
+general {
+    col.active_border = rgba(D1B043FF) rgba(E9D463FF) rgba(C7B89CFF) 45deg
+    col.inactive_border = rgba(D1B04366)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_alpha.conf b/novelknock/.config/hypr/savedcolors/colors_alpha.conf
new file mode 100755
index 000000000..1dd54a011
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_alpha.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/fjmfM_GhaKE/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAZwkQ3bKm9M6hFMb6vSPULmOR6UQ
+general {
+    col.active_border = rgba(2875C5FF) rgba(5BA6B4FF) rgba(9EA19DFF) 45deg
+    col.inactive_border = rgba(2875C566)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_amaryllis.conf b/novelknock/.config/hypr/savedcolors/colors_amaryllis.conf
new file mode 100755
index 000000000..62c63a4b8
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_amaryllis.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/-aKHRnS1NrY/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLARkaFkCli09IlsqLfdrLkiZrRmNw
+general {
+    col.active_border = rgba(75728AFF) rgba(897A89FF) rgba(8A8592FF) 45deg
+    col.inactive_border = rgba(75728A66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_androidgreen.conf b/novelknock/.config/hypr/savedcolors/colors_androidgreen.conf
new file mode 100755
index 000000000..1fdddaa16
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_androidgreen.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(656B5AFF) rgba(70736BFF) rgba(7C836DFF) 45deg
+    col.inactive_border = rgba(656B5A66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_andromeda.conf b/novelknock/.config/hypr/savedcolors/colors_andromeda.conf
new file mode 100755
index 000000000..24b1503a1
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_andromeda.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000102218806-ducxb5-t80x80.jpg
+general {
+    col.active_border = rgba(AECD77FF) rgba(3C6D8DFF) rgba(5EB2A8FF) 45deg
+    col.inactive_border = rgba(AECD7766)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_artemis.conf b/novelknock/.config/hypr/savedcolors/colors_artemis.conf
new file mode 100755
index 000000000..2db047817
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_artemis.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-LPvgpz3T7pFKWPBy-ihlbAw-t80x80.jpg
+general {
+    col.active_border = rgba(043094FF) rgba(3E5EA0FF) rgba(0A69CDFF) 45deg
+    col.inactive_border = rgba(04309466)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_atermis.conf b/novelknock/.config/hypr/savedcolors/colors_atermis.conf
new file mode 100755
index 000000000..2db047817
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_atermis.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-LPvgpz3T7pFKWPBy-ihlbAw-t80x80.jpg
+general {
+    col.active_border = rgba(043094FF) rgba(3E5EA0FF) rgba(0A69CDFF) 45deg
+    col.inactive_border = rgba(04309466)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_avdan.conf b/novelknock/.config/hypr/savedcolors/colors_avdan.conf
new file mode 100755
index 000000000..87393e1f4
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_avdan.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(D4226EFF) rgba(F32563FF) rgba(F32564FF) 45deg
+    col.inactive_border = rgba(D4226E66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_beach.conf b/novelknock/.config/hypr/savedcolors/colors_beach.conf
new file mode 100755
index 000000000..ec36c1a72
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_beach.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(99B5DEFF) rgba(92CBF6FF) rgba(B0E2F7FF) 45deg
+    col.inactive_border = rgba(99B5DE66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_berightthere.conf b/novelknock/.config/hypr/savedcolors/colors_berightthere.conf
new file mode 100755
index 000000000..02aaaeefe
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_berightthere.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi_webp/eXJqyCgVpjc/mqdefault.webp
+general {
+    col.active_border = rgba(955B6CFF) rgba(D36572FF) rgba(DC728FFF) 45deg
+    col.inactive_border = rgba(955B6C66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_bittersweet.conf b/novelknock/.config/hypr/savedcolors/colors_bittersweet.conf
new file mode 100755
index 000000000..bd85d3b93
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_bittersweet.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/5jvVbbai7qk/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLDyTWGok8rtpE0Dj6rsAY9n03bhkQ
+general {
+    col.active_border = rgba(C96F95FF) rgba(A7868DFF) rgba(DB9DAAFF) 45deg
+    col.inactive_border = rgba(C96F9566)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_blessingbeat.conf b/novelknock/.config/hypr/savedcolors/colors_blessingbeat.conf
new file mode 100755
index 000000000..5ec9e5a5c
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_blessingbeat.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000579642002-mq4kgn-t80x80.jpg
+general {
+    col.active_border = rgba(D3A3F8FF) rgba(F3B3FAFF) rgba(B1F6FBFF) 45deg
+    col.inactive_border = rgba(D3A3F866)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_bluegalaxy.conf b/novelknock/.config/hypr/savedcolors/colors_bluegalaxy.conf
new file mode 100755
index 000000000..1ade1d4dd
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_bluegalaxy.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(128D91FF) rgba(269F9BFF) rgba(159CA2FF) 45deg
+    col.inactive_border = rgba(128D9166)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_bluenation.conf b/novelknock/.config/hypr/savedcolors/colors_bluenation.conf
new file mode 100755
index 000000000..9385950b1
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_bluenation.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(60C4F1FF) rgba(9F9BABFF) rgba(A2AECFFF) 45deg
+    col.inactive_border = rgba(60C4F166)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_bluenation_purple.conf b/novelknock/.config/hypr/savedcolors/colors_bluenation_purple.conf
new file mode 100755
index 000000000..39b88d3c6
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_bluenation_purple.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(39B1D7FF) rgba(63A0D4FF) rgba(9BA1CFFF) 45deg
+    col.inactive_border = rgba(39B1D766)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_blueroar.conf b/novelknock/.config/hypr/savedcolors/colors_blueroar.conf
new file mode 100755
index 000000000..9385950b1
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_blueroar.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(60C4F1FF) rgba(9F9BABFF) rgba(A2AECFFF) 45deg
+    col.inactive_border = rgba(60C4F166)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_breakaway.conf b/novelknock/.config/hypr/savedcolors/colors_breakaway.conf
new file mode 100755
index 000000000..d69e5c059
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_breakaway.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/OdasYzoN7TQ/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCYFcwiVGbaXXSPIUCHH7RG7dYbMQ
+general {
+    col.active_border = rgba(C9B0FDFF) rgba(E3BCFEFF) rgba(B1D2FDFF) 45deg
+    col.inactive_border = rgba(C9B0FD66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_bunnygirl.conf b/novelknock/.config/hypr/savedcolors/colors_bunnygirl.conf
new file mode 100755
index 000000000..a8c0df18f
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_bunnygirl.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000464639244-hzoi9t-t80x80.jpg
+general {
+    col.active_border = rgba(0C30A0FF) rgba(1A50A5FF) rgba(5443D2FF) 45deg
+    col.inactive_border = rgba(0C30A066)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_bythesunlitwindow.conf b/novelknock/.config/hypr/savedcolors/colors_bythesunlitwindow.conf
new file mode 100755
index 000000000..5e1735df6
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_bythesunlitwindow.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/m-imaoaZ9ho/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLBkvbpwGwMXwTM2ezepbUGV05pLFg
+general {
+    col.active_border = rgba(9A6BA7FF) rgba(AA7AC3FF) rgba(B786CEFF) 45deg
+    col.inactive_border = rgba(9A6BA766)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_crystalcave.conf b/novelknock/.config/hypr/savedcolors/colors_crystalcave.conf
new file mode 100755
index 000000000..e681c0c13
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_crystalcave.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi_webp/4cFD-5w5cyA/mqdefault.webp
+general {
+    col.active_border = rgba(2A9EE5FF) rgba(4E9DC4FF) rgba(62D9F9FF) 45deg
+    col.inactive_border = rgba(2A9EE566)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_cutelight.conf b/novelknock/.config/hypr/savedcolors/colors_cutelight.conf
new file mode 100755
index 000000000..9170ee665
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_cutelight.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/hcbc09-cQaM/mqdefault.jpg
+general {
+    col.active_border = rgba(A2A1ABFF) rgba(D8B3B1FF) rgba(B1CADBFF) 45deg
+    col.inactive_border = rgba(A2A1AB66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_cyan.conf b/novelknock/.config/hypr/savedcolors/colors_cyan.conf
new file mode 100755
index 000000000..9385950b1
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_cyan.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(60C4F1FF) rgba(9F9BABFF) rgba(A2AECFFF) 45deg
+    col.inactive_border = rgba(60C4F166)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_cycles.conf b/novelknock/.config/hypr/savedcolors/colors_cycles.conf
new file mode 100755
index 000000000..84176f797
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_cycles.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/gmSGmgffLXI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDoJVlARTVsqnvWgL506qzeguKpdw
+general {
+    col.active_border = rgba(A56E56FF) rgba(E37748FF) rgba(AB8873FF) 45deg
+    col.inactive_border = rgba(A56E5666)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_decoyworld.conf b/novelknock/.config/hypr/savedcolors/colors_decoyworld.conf
new file mode 100755
index 000000000..a9717d592
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_decoyworld.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000277772429-kb8c52-t80x80.jpg
+general {
+    col.active_border = rgba(4C7192FF) rgba(A575A5FF) rgba(39A6CEFF) 45deg
+    col.inactive_border = rgba(4C719266)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_default.conf b/novelknock/.config/hypr/savedcolors/colors_default.conf
new file mode 100755
index 000000000..9385950b1
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_default.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(60C4F1FF) rgba(9F9BABFF) rgba(A2AECFFF) 45deg
+    col.inactive_border = rgba(60C4F166)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_disconnectedblue.conf b/novelknock/.config/hypr/savedcolors/colors_disconnectedblue.conf
new file mode 100755
index 000000000..d78b61ae0
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_disconnectedblue.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/_z1L9alieOI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLA_0euyiuQSHnE8Gn0l5AECOTvFtQ
+general {
+    col.active_border = rgba(727085FF) rgba(019DB5FF) rgba(5BB8B8FF) 45deg
+    col.inactive_border = rgba(72708566)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_disconnectedblue_dark.conf b/novelknock/.config/hypr/savedcolors/colors_disconnectedblue_dark.conf
new file mode 100755
index 000000000..a6bef6538
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_disconnectedblue_dark.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/_z1L9alieOI/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLDk081Hk_24mnKxtawjxKQ64rrQDg
+general {
+    col.active_border = rgba(767C80FF) rgba(039CB7FF) rgba(5EB6B9FF) 45deg
+    col.inactive_border = rgba(767C8066)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_eclipse.conf b/novelknock/.config/hypr/savedcolors/colors_eclipse.conf
new file mode 100755
index 000000000..a81a7a545
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_eclipse.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(F85B13FF) rgba(A05862FF) rgba(7B6985FF) 45deg
+    col.inactive_border = rgba(F85B1366)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_eternalmelody.conf b/novelknock/.config/hypr/savedcolors/colors_eternalmelody.conf
new file mode 100755
index 000000000..126951230
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_eternalmelody.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(905772FF) rgba(A35161FF) rgba(A36D8FFF) 45deg
+    col.inactive_border = rgba(90577266)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_euphoria.conf b/novelknock/.config/hypr/savedcolors/colors_euphoria.conf
new file mode 100755
index 000000000..a1165ff17
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_euphoria.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/7Pyt_xftxM8/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_gmAAtAFigIMCAAQARh_ID0oJDAP&rs=AOn4CLCqLpcalabHrrGdKHYreXbaxo3BMw
+general {
+    col.active_border = rgba(985F2BFF) rgba(AA7133FF) rgba(B78938FF) 45deg
+    col.inactive_border = rgba(985F2B66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_everythinggoeson.conf b/novelknock/.config/hypr/savedcolors/colors_everythinggoeson.conf
new file mode 100755
index 000000000..0a551f846
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_everythinggoeson.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-JgiEcXItFfvrKUZ9-aVqgEw-t80x80.jpg
+general {
+    col.active_border = rgba(BBA7A7FF) rgba(EE91B4FF) rgba(FCB0D0FF) 45deg
+    col.inactive_border = rgba(BBA7A766)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_finale.conf b/novelknock/.config/hypr/savedcolors/colors_finale.conf
new file mode 100755
index 000000000..2e9b539fa
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_finale.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-rs5BJbnE1joHdT19-cy5Ilg-t80x80.jpg
+general {
+    col.active_border = rgba(F8817EFF) rgba(BD8683FF) rgba(F7A49BFF) 45deg
+    col.inactive_border = rgba(F8817E66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_finalstep.conf b/novelknock/.config/hypr/savedcolors/colors_finalstep.conf
new file mode 100755
index 000000000..4fd7dc3f1
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_finalstep.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/v3JExHpJ09s/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAsQ6siv_HQMVyJmfFx_WoSo-ZHkA
+general {
+    col.active_border = rgba(AC16C7FF) rgba(B117DFFF) rgba(C53CC3FF) 45deg
+    col.inactive_border = rgba(AC16C766)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_flare.conf b/novelknock/.config/hypr/savedcolors/colors_flare.conf
new file mode 100755
index 000000000..6f1f444e6
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_flare.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/51k7SJPDUNo/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB1AaAAuADigIMCAAQARh_IE4oGjAP&rs=AOn4CLATHs_fDDtgQN42Gi-Dwj9AvUCnqQ
+general {
+    col.active_border = rgba(696350FF) rgba(92360FFF) rgba(A7683CFF) 45deg
+    col.inactive_border = rgba(69635066)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_flate.conf b/novelknock/.config/hypr/savedcolors/colors_flate.conf
new file mode 100755
index 000000000..6f1f444e6
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_flate.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/51k7SJPDUNo/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB1AaAAuADigIMCAAQARh_IE4oGjAP&rs=AOn4CLATHs_fDDtgQN42Gi-Dwj9AvUCnqQ
+general {
+    col.active_border = rgba(696350FF) rgba(92360FFF) rgba(A7683CFF) 45deg
+    col.inactive_border = rgba(69635066)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_flowers.conf b/novelknock/.config/hypr/savedcolors/colors_flowers.conf
new file mode 100755
index 000000000..5d6187fde
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_flowers.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(99798CFF) rgba(6A87B1FF) rgba(A39BA5FF) 45deg
+    col.inactive_border = rgba(99798C66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_forest_bluegreen.conf b/novelknock/.config/hypr/savedcolors/colors_forest_bluegreen.conf
new file mode 100755
index 000000000..728cae939
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_forest_bluegreen.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(7B805DFF) rgba(BCBD58FF) rgba(4C748AFF) 45deg
+    col.inactive_border = rgba(7B805D66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_forever.conf b/novelknock/.config/hypr/savedcolors/colors_forever.conf
new file mode 100755
index 000000000..420a55ec8
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_forever.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/8abwtVLP18Y/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLABvuWZHErcUxghiy_4ZuNZFFoXUA
+general {
+    col.active_border = rgba(5322A1FF) rgba(433AA8FF) rgba(691FD5FF) 45deg
+    col.inactive_border = rgba(5322A166)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_forsythia.conf b/novelknock/.config/hypr/savedcolors/colors_forsythia.conf
new file mode 100755
index 000000000..c47631c17
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_forsythia.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(ECD069FF) rgba(AFA892FF) rgba(BAC59CFF) 45deg
+    col.inactive_border = rgba(ECD06966)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_frostdragon.conf b/novelknock/.config/hypr/savedcolors/colors_frostdragon.conf
new file mode 100755
index 000000000..75fe99f81
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_frostdragon.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(3E83A0FF) rgba(4F90ACFF) rgba(6AB2CAFF) 45deg
+    col.inactive_border = rgba(3E83A066)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_frozenheart.conf b/novelknock/.config/hypr/savedcolors/colors_frozenheart.conf
new file mode 100755
index 000000000..f82ea60db
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_frozenheart.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(CDAEB2FF) rgba(CDBFC2FF) rgba(D9CBD2FF) 45deg
+    col.inactive_border = rgba(CDAEB266)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_genshinbeach.conf b/novelknock/.config/hypr/savedcolors/colors_genshinbeach.conf
new file mode 100755
index 000000000..ec36c1a72
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_genshinbeach.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(99B5DEFF) rgba(92CBF6FF) rgba(B0E2F7FF) 45deg
+    col.inactive_border = rgba(99B5DE66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_godrays.conf b/novelknock/.config/hypr/savedcolors/colors_godrays.conf
new file mode 100755
index 000000000..06626dece
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_godrays.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(3C5749FF) rgba(8B7521FF) rgba(9F8F28FF) 45deg
+    col.inactive_border = rgba(3C574966)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_green.conf b/novelknock/.config/hypr/savedcolors/colors_green.conf
new file mode 100755
index 000000000..1fdddaa16
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_green.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(656B5AFF) rgba(70736BFF) rgba(7C836DFF) 45deg
+    col.inactive_border = rgba(656B5A66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_heartafire.conf b/novelknock/.config/hypr/savedcolors/colors_heartafire.conf
new file mode 100755
index 000000000..da3f8b7e0
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_heartafire.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000194675612-qt4sr3-t80x80.jpg
+general {
+    col.active_border = rgba(5D2648FF) rgba(6E2A4CFF) rgba(A91D3BFF) 45deg
+    col.inactive_border = rgba(5D264866)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_ice.conf b/novelknock/.config/hypr/savedcolors/colors_ice.conf
new file mode 100755
index 000000000..b63609b43
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_ice.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000141682356-dsvdol-t80x80.jpg
+general {
+    col.active_border = rgba(4977ACFF) rgba(5F8AB8FF) rgba(849FBFFF) 45deg
+    col.inactive_border = rgba(4977AC66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_innovation.conf b/novelknock/.config/hypr/savedcolors/colors_innovation.conf
new file mode 100755
index 000000000..c99fcca00
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_innovation.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-VzJtkezGcHZPTQwV-sj8hyg-t80x80.jpg
+general {
+    col.active_border = rgba(891A8BFF) rgba(9726ADFF) rgba(D55FD7FF) 45deg
+    col.inactive_border = rgba(891A8B66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_iswear.conf b/novelknock/.config/hypr/savedcolors/colors_iswear.conf
new file mode 100755
index 000000000..3d8e73841
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_iswear.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/pLQGfSQUuCM/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAxjZ9gSU45DvSy7J__T2odBUct4w
+general {
+    col.active_border = rgba(CF8A77FF) rgba(B29890FF) rgba(DAC6AFFF) 45deg
+    col.inactive_border = rgba(CF8A7766)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_iwillpickyouup.conf b/novelknock/.config/hypr/savedcolors/colors_iwillpickyouup.conf
new file mode 100755
index 000000000..4e71e447d
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_iwillpickyouup.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000058034277-sq9814-t80x80.jpg
+general {
+    col.active_border = rgba(7F7E7EFF) rgba(1BAC6DFF) rgba(02FA97FF) 45deg
+    col.inactive_border = rgba(7F7E7E66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_kurumi.conf b/novelknock/.config/hypr/savedcolors/colors_kurumi.conf
new file mode 100755
index 000000000..2f77a7f87
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_kurumi.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-viSbRZk1zikdSKYq-C4WdAw-t80x80.jpg
+general {
+    col.active_border = rgba(995A5DFF) rgba(DF5A5DFF) rgba(AC7492FF) 45deg
+    col.inactive_border = rgba(995A5D66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_lazertrack.conf b/novelknock/.config/hypr/savedcolors/colors_lazertrack.conf
new file mode 100755
index 000000000..ba280e302
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_lazertrack.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000499340190-zt5zgv-t80x80.jpg
+general {
+    col.active_border = rgba(A5528AFF) rgba(C36192FF) rgba(A792A0FF) 45deg
+    col.inactive_border = rgba(A5528A66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_lover.conf b/novelknock/.config/hypr/savedcolors/colors_lover.conf
new file mode 100755
index 000000000..e4bce2aa3
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_lover.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/5kJFLc58nWo/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCwudZBZijm8By6VI7WSUnLSlh2gA
+general {
+    col.active_border = rgba(DF7091FF) rgba(7486A9FF) rgba(CEA3B6FF) 45deg
+    col.inactive_border = rgba(DF709166)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_lullaby.conf b/novelknock/.config/hypr/savedcolors/colors_lullaby.conf
new file mode 100755
index 000000000..dc0d1fcb2
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_lullaby.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-cAla9lDzW6P2WRRA-yJp1yg-t80x80.jpg
+general {
+    col.active_border = rgba(174F6AFF) rgba(634F64FF) rgba(D32509FF) 45deg
+    col.inactive_border = rgba(174F6A66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_meltdown.conf b/novelknock/.config/hypr/savedcolors/colors_meltdown.conf
new file mode 100755
index 000000000..100777676
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_meltdown.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/Ym0VhyO0ajM/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLAnOkNUJDDk6eA2RagDI-cOWNqthw
+general {
+    col.active_border = rgba(1E649FFF) rgba(106FAFFF) rgba(2B89B4FF) 45deg
+    col.inactive_border = rgba(1E649F66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_mirror.conf b/novelknock/.config/hypr/savedcolors/colors_mirror.conf
new file mode 100755
index 000000000..6edac1c00
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_mirror.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/co1QafXwo4g/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAncOMlDFU5jwlz8_EJITJPz1xaxQ
+general {
+    col.active_border = rgba(5F1DD9FF) rgba(334AC7FF) rgba(924CC2FF) 45deg
+    col.inactive_border = rgba(5F1DD966)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_moments.conf b/novelknock/.config/hypr/savedcolors/colors_moments.conf
new file mode 100755
index 000000000..21e6093d0
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_moments.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/FJerhImwS5E/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDEK86tcWOOWAN7v2kHv4Oy3w-8Jg
+general {
+    col.active_border = rgba(65DBF3FF) rgba(B4B1C3FF) rgba(92EFF7FF) 45deg
+    col.inactive_border = rgba(65DBF366)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_monster.conf b/novelknock/.config/hypr/savedcolors/colors_monster.conf
new file mode 100755
index 000000000..93d6be3d4
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_monster.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/0CuTOGKMWW0/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBkQ9ETNGNv538s2qddDWjrEvW4-A
+general {
+    col.active_border = rgba(059687FF) rgba(02B091FF) rgba(13F3A9FF) 45deg
+    col.inactive_border = rgba(05968766)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_moonlight.conf b/novelknock/.config/hypr/savedcolors/colors_moonlight.conf
new file mode 100755
index 000000000..c46925d3f
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_moonlight.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/zJ9NHv9UIHI/mqdefault.jpg
+general {
+    col.active_border = rgba(E99A71FF) rgba(592D9AFF) rgba(5D57C1FF) 45deg
+    col.inactive_border = rgba(E99A7166)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_multi.conf b/novelknock/.config/hypr/savedcolors/colors_multi.conf
new file mode 100755
index 000000000..24b1503a1
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_multi.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000102218806-ducxb5-t80x80.jpg
+general {
+    col.active_border = rgba(AECD77FF) rgba(3C6D8DFF) rgba(5EB2A8FF) 45deg
+    col.inactive_border = rgba(AECD7766)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_neon_bluered.conf b/novelknock/.config/hypr/savedcolors/colors_neon_bluered.conf
new file mode 100755
index 000000000..b873308d6
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_neon_bluered.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(E02A29FF) rgba(FAE5A8FF) rgba(50FDFEFF) 45deg
+    col.inactive_border = rgba(46315F66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_notfound.conf b/novelknock/.config/hypr/savedcolors/colors_notfound.conf
new file mode 100755
index 000000000..e23a6798f
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_notfound.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/VPAbyHafVq4/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBPcSDAncsROkuIMYJHgZwUbfZGMg
+general {
+    col.active_border = rgba(E26A78FF) rgba(827590FF) rgba(E57485FF) 45deg
+    col.inactive_border = rgba(E26A7866)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_nova.conf b/novelknock/.config/hypr/savedcolors/colors_nova.conf
new file mode 100755
index 000000000..6ea6b51da
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_nova.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/OnVNcl7mX_Q/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBh9_sgGX3UhmFVI4HmgNskpjRy6w
+general {
+    col.active_border = rgba(32678EFF) rgba(636790FF) rgba(68A5C0FF) 45deg
+    col.inactive_border = rgba(32678E66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_nowthatitstrue.conf b/novelknock/.config/hypr/savedcolors/colors_nowthatitstrue.conf
new file mode 100755
index 000000000..e875b1ca0
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_nowthatitstrue.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-ztgvVI8fjqhzocM1-cFVrJw-t80x80.jpg
+general {
+    col.active_border = rgba(6FAED0FF) rgba(8DAAB7FF) rgba(8FB3CBFF) 45deg
+    col.inactive_border = rgba(6FAED066)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_osubluegreen.conf b/novelknock/.config/hypr/savedcolors/colors_osubluegreen.conf
new file mode 100755
index 000000000..9df0060f2
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_osubluegreen.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(2C6A66FF) rgba(476961FF) rgba(1E7988FF) 45deg
+    col.inactive_border = rgba(2C6A6666)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_outbreaker.conf b/novelknock/.config/hypr/savedcolors/colors_outbreaker.conf
new file mode 100755
index 000000000..9be38c91a
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_outbreaker.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://lh3.googleusercontent.com/mjuSrFmUlV0OV07Jwp8t4djDxzT2NHHTYP5e-lX3Al6GPJU2ZeB42W6zah4PsLaRYyRj0CgLpiKwAYg=w544-h544-l90-rj
+general {
+    col.active_border = rgba(968F71FF) rgba(CCA856FF) rgba(5E8F8BFF) 45deg
+    col.inactive_border = rgba(968F7166)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_outer.conf b/novelknock/.config/hypr/savedcolors/colors_outer.conf
new file mode 100755
index 000000000..a6dd296ed
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_outer.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/JkQ0izNVq6w/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLBWz3L9h6QvOBRnl4EQ25BULuM6zg
+general {
+    col.active_border = rgba(465453FF) rgba(57665BFF) rgba(5A8875FF) 45deg
+    col.inactive_border = rgba(46545366)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_pagoda.conf b/novelknock/.config/hypr/savedcolors/colors_pagoda.conf
new file mode 100755
index 000000000..f84422c9a
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_pagoda.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/knIdltn-uf4/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLADTZm2jBfLCa2JY3aoHG9fNviejQ
+general {
+    col.active_border = rgba(587192FF) rgba(6094A6FF) rgba(53BCD5FF) 45deg
+    col.inactive_border = rgba(58719266)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_piano.conf b/novelknock/.config/hypr/savedcolors/colors_piano.conf
new file mode 100755
index 000000000..499d16ee1
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_piano.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(82E6F5FF) rgba(0C9DE0FF) rgba(82E6F5FF) 45deg
+    col.inactive_border = rgba(40535966)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_purple.conf b/novelknock/.config/hypr/savedcolors/colors_purple.conf
new file mode 100755
index 000000000..5bb743145
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_purple.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/cyFL7KJGcC0/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLD2KimuXxcvovdtjbcANlLWcypN2A
+general {
+    col.active_border = rgba(7A5592FF) rgba(990297FF) rgba(BA1DC7FF) 45deg
+    col.inactive_border = rgba(7A559266)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_purpleplanet.conf b/novelknock/.config/hypr/savedcolors/colors_purpleplanet.conf
new file mode 100755
index 000000000..a7b1b7f86
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_purpleplanet.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000145811820-tdcxea-t80x80.jpg
+general {
+    col.active_border = rgba(6F6BCFFF) rgba(857AD7FF) rgba(9B87BBFF) 45deg
+    col.inactive_border = rgba(6F6BCF66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_questions.conf b/novelknock/.config/hypr/savedcolors/colors_questions.conf
new file mode 100755
index 000000000..b853d4712
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_questions.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/zvuFqUO0lVI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBBWCjrEnW6fFvusjyR20ghqVkuRQ
+general {
+    col.active_border = rgba(974DECFF) rgba(679AD7FF) rgba(A0A1D9FF) 45deg
+    col.inactive_border = rgba(974DEC66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_quicksand.conf b/novelknock/.config/hypr/savedcolors/colors_quicksand.conf
new file mode 100755
index 000000000..ab2226896
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_quicksand.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/sgfF7QXhNPA/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDCzrCG50-ll2-ilsgYtJI-YL8_iw
+general {
+    col.active_border = rgba(62B3D4FF) rgba(6CD0D0FF) rgba(E997AEFF) 45deg
+    col.inactive_border = rgba(62B3D466)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_raindrops.conf b/novelknock/.config/hypr/savedcolors/colors_raindrops.conf
new file mode 100755
index 000000000..98e657bc9
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_raindrops.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/bQPEwCqhBjQ/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLC-aefrQSi8LgVWH_FeTG7Yrl7b-g
+general {
+    col.active_border = rgba(505F63FF) rgba(727B84FF) rgba(78838BFF) 45deg
+    col.inactive_border = rgba(505F6366)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_rebootcode.conf b/novelknock/.config/hypr/savedcolors/colors_rebootcode.conf
new file mode 100755
index 000000000..9a129e463
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_rebootcode.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-PkAvHpDy3ypruTdy-C5m8rA-t80x80.jpg
+general {
+    col.active_border = rgba(159DA2FF) rgba(5B9FA2FF) rgba(5ECEBAFF) 45deg
+    col.inactive_border = rgba(159DA266)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_red.conf b/novelknock/.config/hypr/savedcolors/colors_red.conf
new file mode 100755
index 000000000..2b5ab0f10
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_red.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-vz229DA99tPFdm3E-eDLGdQ-t80x80.jpg
+general {
+    col.active_border = rgba(E93B2FFF) rgba(B74037FF) rgba(EA4737FF) 45deg
+    col.inactive_border = rgba(E93B2F66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_red_material.conf b/novelknock/.config/hypr/savedcolors/colors_red_material.conf
new file mode 100755
index 000000000..003a59baf
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_red_material.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(EC6E70FF) rgba(A07A85FF) rgba(F18D8CFF) 45deg
+    col.inactive_border = rgba(EC6E7066)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_ripples.conf b/novelknock/.config/hypr/savedcolors/colors_ripples.conf
new file mode 100755
index 000000000..6707fc8ea
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_ripples.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/iwc8xXoL3WM/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBCdzgc6r9qvldRzSjRoZGX_vCpwg
+general {
+    col.active_border = rgba(31E3F5FF) rgba(54DCF6FF) rgba(CBA6D3FF) 45deg
+    col.inactive_border = rgba(31E3F566)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_running.conf b/novelknock/.config/hypr/savedcolors/colors_running.conf
new file mode 100755
index 000000000..e96092c1a
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_running.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/Crlc6AQr61M/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLDdQPef0Ec5x28JLgLCyT4Qa9JeqQ
+general {
+    col.active_border = rgba(8C77B7FF) rgba(718C8FFF) rgba(4ED0C4FF) 45deg
+    col.inactive_border = rgba(8C77B766)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_s73.conf b/novelknock/.config/hypr/savedcolors/colors_s73.conf
new file mode 100755
index 000000000..78f7bc105
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_s73.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000117563971-vx726i-t80x80.jpg
+general {
+    col.active_border = rgba(A29EA5FF) rgba(E499B3FF) rgba(F79AC3FF) 45deg
+    col.inactive_border = rgba(A29EA566)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_seethestars.conf b/novelknock/.config/hypr/savedcolors/colors_seethestars.conf
new file mode 100755
index 000000000..db6536f51
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_seethestars.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/TYMPpgRonQo/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAaay-LobzXjEY4nR6cRMzjWXPzKA
+general {
+    col.active_border = rgba(4D4658FF) rgba(52546EFF) rgba(A1D51CFF) 45deg
+    col.inactive_border = rgba(4D465866)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_shelter.conf b/novelknock/.config/hypr/savedcolors/colors_shelter.conf
new file mode 100755
index 000000000..345d0808a
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_shelter.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/HQnC1UHBvWA/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDHErZfzFhJMeje_Tbpc7nZgAn7Bw
+general {
+    col.active_border = rgba(50B6A3FF) rgba(15E09EFF) rgba(0BFCCBFF) 45deg
+    col.inactive_border = rgba(50B6A366)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_shiny.conf b/novelknock/.config/hypr/savedcolors/colors_shiny.conf
new file mode 100755
index 000000000..afc65c791
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_shiny.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(5C6ADFFF) rgba(B650B9FF) rgba(40C3F0FF) 45deg
+    col.inactive_border = rgba(5C6ADF66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_skylightz.conf b/novelknock/.config/hypr/savedcolors/colors_skylightz.conf
new file mode 100755
index 000000000..432ad4bcb
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_skylightz.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/i7cDLZgrqW4/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCRBvhM7aVv-ZgGz3TeptwLxpkccA
+general {
+    col.active_border = rgba(AF682FFF) rgba(94744EFF) rgba(AB8D5BFF) 45deg
+    col.inactive_border = rgba(AF682F66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_something.conf b/novelknock/.config/hypr/savedcolors/colors_something.conf
new file mode 100755
index 000000000..3722f2474
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_something.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-nL66GQT0mV6xB0sq-VWO0IQ-t80x80.jpg
+general {
+    col.active_border = rgba(C74DD3FF) rgba(D14EEDFF) rgba(47D3F2FF) 45deg
+    col.inactive_border = rgba(C74DD366)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_space.conf b/novelknock/.config/hypr/savedcolors/colors_space.conf
new file mode 100755
index 000000000..1ae5e2440
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_space.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/MFLLM-IlAiA/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgBgAqAAtAFigIMCAAQARg6ICUofzAP&rs=AOn4CLCAxEwS6DeTEdj-ZUHlDG4KX9v7gg
+general {
+    col.active_border = rgba(38298CFF) rgba(52329DFF) rgba(693EC2FF) 45deg
+    col.inactive_border = rgba(38298C66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_spacepark.conf b/novelknock/.config/hypr/savedcolors/colors_spacepark.conf
new file mode 100755
index 000000000..edcfd0f94
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_spacepark.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/4a7IQMXRTjo/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLAbgVnnrFumMO52CQqoOH07NAAoiw
+general {
+    col.active_border = rgba(D5754AFF) rgba(D29156FF) rgba(A49A98FF) 45deg
+    col.inactive_border = rgba(D5754A66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_store.conf b/novelknock/.config/hypr/savedcolors/colors_store.conf
new file mode 100755
index 000000000..909d9c2b5
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_store.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(AF8D61FF) rgba(CEB153FF) rgba(7B8387FF) 45deg
+    col.inactive_border = rgba(AF8D6166)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_stray.conf b/novelknock/.config/hypr/savedcolors/colors_stray.conf
new file mode 100755
index 000000000..8e9967783
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_stray.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/wmxTC1Ekdl0/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLC3jHf2azRr9sX7Uf9X4jkA-WBouw
+general {
+    col.active_border = rgba(2A6D69FF) rgba(4A736AFF) rgba(56A264FF) 45deg
+    col.inactive_border = rgba(2A6D6966)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_summer-gruv.conf b/novelknock/.config/hypr/savedcolors/colors_summer-gruv.conf
new file mode 100755
index 000000000..91a7aeab6
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_summer-gruv.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-vh98Q4s3QFJT23EV-FvvRqg-t80x80.jpg
+general {
+    col.active_border = rgba(265B9DFF) rgba(5363A2FF) rgba(9763B1FF) 45deg
+    col.inactive_border = rgba(265B9D66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_thinkingaboutyou.conf b/novelknock/.config/hypr/savedcolors/colors_thinkingaboutyou.conf
new file mode 100755
index 000000000..91a7aeab6
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_thinkingaboutyou.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-vh98Q4s3QFJT23EV-FvvRqg-t80x80.jpg
+general {
+    col.active_border = rgba(265B9DFF) rgba(5363A2FF) rgba(9763B1FF) 45deg
+    col.inactive_border = rgba(265B9D66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_towerofheaven.conf b/novelknock/.config/hypr/savedcolors/colors_towerofheaven.conf
new file mode 100755
index 000000000..ecfd141e2
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_towerofheaven.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/z-sAl3S5qB8/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDzRfHxWNw0j06WF2biOQ-VbcUoTw
+general {
+    col.active_border = rgba(BDB85EFF) rgba(376993FF) rgba(43B9BFFF) 45deg
+    col.inactive_border = rgba(BDB85E66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_treecity.conf b/novelknock/.config/hypr/savedcolors/colors_treecity.conf
new file mode 100755
index 000000000..124ea4017
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_treecity.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(70736BFF) rgba(807E7DFF) rgba(858B79FF) 45deg
+    col.inactive_border = rgba(70736B66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_ureshii.conf b/novelknock/.config/hypr/savedcolors/colors_ureshii.conf
new file mode 100755
index 000000000..6b0dc279a
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_ureshii.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/wbKCxh6Cbas/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBGivzPsRD2wlU0kfKvi78QajjbbQ
+general {
+    col.active_border = rgba(57AED7FF) rgba(ACA5ABFF) rgba(F2B9C6FF) 45deg
+    col.inactive_border = rgba(57AED766)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_vacuumtrack.conf b/novelknock/.config/hypr/savedcolors/colors_vacuumtrack.conf
new file mode 100755
index 000000000..39beef0c3
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_vacuumtrack.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/1pS7H0idJok/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLArWcsuqPN1TEVR4A0ipjGuM69bsA
+general {
+    col.active_border = rgba(60A15FFF) rgba(2F728DFF) rgba(9AA8ABFF) 45deg
+    col.inactive_border = rgba(60A15F66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_valhalla.conf b/novelknock/.config/hypr/savedcolors/colors_valhalla.conf
new file mode 100755
index 000000000..93fdfc071
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_valhalla.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/-EDhOHxUYBI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDwfUPyaJr5NC-mDW_CQfTR2BzQgw
+general {
+    col.active_border = rgba(668C76FF) rgba(A5916FFF) rgba(ABA793FF) 45deg
+    col.inactive_border = rgba(668C7666)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_vertigo.conf b/novelknock/.config/hypr/savedcolors/colors_vertigo.conf
new file mode 100755
index 000000000..eedc5176b
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_vertigo.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/TJB0vBURJu8/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBSn25aezZvjIetBF8GVsTMPat0Zw
+general {
+    col.active_border = rgba(9D62AAFF) rgba(B570BEFF) rgba(AE9FD6FF) 45deg
+    col.inactive_border = rgba(9D62AA66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_viking.conf b/novelknock/.config/hypr/savedcolors/colors_viking.conf
new file mode 100755
index 000000000..2b7d84532
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_viking.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000133005283-3v8p3y-t80x80.jpg
+general {
+    col.active_border = rgba(43807FFF) rgba(3F8181FF) rgba(6FAAA9FF) 45deg
+    col.inactive_border = rgba(43807F66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_virtuality_yellow.conf b/novelknock/.config/hypr/savedcolors/colors_virtuality_yellow.conf
new file mode 100755
index 000000000..364a80be1
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_virtuality_yellow.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000206124670-565xt2-t80x80.jpg
+general {
+    col.active_border = rgba(64544EFF) rgba(8F6A1EFF) rgba(A39716FF) 45deg
+    col.inactive_border = rgba(64544E66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_wayfire.conf b/novelknock/.config/hypr/savedcolors/colors_wayfire.conf
new file mode 100755
index 000000000..545ad05bf
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_wayfire.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(5D522DFF) rgba(4F4A4BFF) rgba(8E6D47FF) 45deg
+    col.inactive_border = rgba(5D522D66)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_winglow.conf b/novelknock/.config/hypr/savedcolors/colors_winglow.conf
new file mode 100755
index 000000000..6d1c33669
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_winglow.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba(A33449FF) rgba(941463FF) rgba(63059AFF) 45deg
+    col.inactive_border = rgba(A3344966)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_wontletyougo.conf b/novelknock/.config/hypr/savedcolors/colors_wontletyougo.conf
new file mode 100755
index 000000000..e4bd8308a
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_wontletyougo.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i1.sndcdn.com/artworks-TjOvf5O3gR9APB4i-XDwyyQ-t80x80.jpg
+general {
+    col.active_border = rgba(7B8AD7FF) rgba(8FA5ABFF) rgba(A7A2E4FF) 45deg
+    col.inactive_border = rgba(7B8AD766)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_yae.conf b/novelknock/.config/hypr/savedcolors/colors_yae.conf
new file mode 100755
index 000000000..4fc0d05d2
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_yae.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/_WUbjkbo_68/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLD21OKbXXt2noW8DCM03zaAWn4ayw
+general {
+    col.active_border = rgba(A59AA1FF) rgba(EA9EA6FF) rgba(B9AFCBFF) 45deg
+    col.inactive_border = rgba(A59AA166)
+}
diff --git a/novelknock/.config/hypr/savedcolors/colors_zoetrope.conf b/novelknock/.config/hypr/savedcolors/colors_zoetrope.conf
new file mode 100755
index 000000000..bb2748ac9
--- /dev/null
+++ b/novelknock/.config/hypr/savedcolors/colors_zoetrope.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/VFQJtOWvLj8/sddefault.jpg?sqp=-oaymwEWCJADEOEBIAQqCghqEJQEGHgg6AJIWg&rs=AOn4CLAhXM1ytyNZdqR6WDnwGXH2ennWHQ
+general {
+    col.active_border = rgba(A9959DFF) rgba(D7A2A6FF) rgba(E3C5BCFF) 45deg
+    col.inactive_border = rgba(A9959D66)
+}
diff --git a/novelknock/.config/hypr/shaders/bluefilter.frag b/novelknock/.config/hypr/shaders/bluefilter.frag
new file mode 100755
index 000000000..5469af9c6
--- /dev/null
+++ b/novelknock/.config/hypr/shaders/bluefilter.frag
@@ -0,0 +1,20 @@
+// vim: set ft=glsl:
+// blue light filter shader
+// values from https://reshade.me/forum/shader-discussion/3673-blue-light-filter-similar-to-f-lux
+
+precision mediump float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+
+void main() {
+
+    vec4 pixColor = texture2D(tex, v_texcoord);
+
+    // green
+    pixColor[1] *= 0.855;
+
+    // blue
+    pixColor[2] *= 0.725;
+
+    gl_FragColor = pixColor;
+}
diff --git a/novelknock/.config/hypr/shaders/blur.frag b/novelknock/.config/hypr/shaders/blur.frag
new file mode 100755
index 000000000..700dfb21c
--- /dev/null
+++ b/novelknock/.config/hypr/shaders/blur.frag
@@ -0,0 +1,39 @@
+precision mediump float;
+varying vec2 v_texcoord; // is in 0-1
+uniform sampler2D tex;
+uniform float alpha;
+
+uniform vec2 topLeft;
+uniform vec2 fullSize;
+uniform float radius;
+
+uniform int discardOpaque;
+uniform int discardAlpha;
+uniform float discardAlphaValue;
+
+uniform int applyTint;
+uniform vec3 tint;
+
+uniform int primitiveMultisample;
+
+void main() {
+
+    vec4 pixColor = texture2D(tex, v_texcoord);
+
+    if (discardOpaque == 1 && pixColor[3] * alpha == 1.0)
+	    discard;
+    
+    if (discardAlpha == 1 && pixColor[3] <= discardAlphaValue)
+        discard;
+
+    if (applyTint == 1) {
+	    pixColor[0] = pixColor[0] * tint[0];
+	    pixColor[1] = pixColor[1] * tint[1];
+	    pixColor[2] = pixColor[2] * tint[2];
+    }
+
+    )#" +
+    ROUNDED_SHADER_FUNC("pixColor") + R"#(
+
+    gl_FragColor = pixColor * alpha;
+}
\ No newline at end of file
diff --git a/novelknock/.config/hypr/shaders/crt.frag b/novelknock/.config/hypr/shaders/crt.frag
new file mode 100755
index 000000000..a37ff9fb2
--- /dev/null
+++ b/novelknock/.config/hypr/shaders/crt.frag
@@ -0,0 +1,511 @@
+#version 100
+precision highp float;
+varying highp vec2 v_texcoord;
+varying highp vec3 v_pos;
+uniform highp sampler2D tex;
+uniform lowp float time;
+
+#define BORDER_COLOR vec4(vec3(0.0, 0.0, 0.0), 1.0) // black border
+#define BORDER_RADIUS 1.0 // larger vignette radius
+#define BORDER_SIZE 0.01 // small border size
+#define CHROMATIC_ABERRATION_STRENGTH 0.00
+#define DENOISE_INTENSITY 0.0001 //
+#define DISTORTION_AMOUNT 0.00 // moderate distortion amount
+#define HDR_BLOOM 0.75 // bloom intensity
+#define HDR_BRIGHTNESS 0.011 // brightness
+#define HDR_CONTRAST 0.011 // contrast
+#define HDR_SATURATION 1.0// saturation
+#define LENS_DISTORTION_AMOUNT 0.0
+#define NOISE_THRESHOLD 0.0001
+#define PHOSPHOR_BLUR_AMOUNT 0.77 // Amount of blur for phosphor glow
+#define PHOSPHOR_GLOW_AMOUNT 0.77 // Amount of phosphor glow
+#define SAMPLING_RADIUS 0.0001
+#define SCANLINE_FREQUENCY 540.0
+#define SCANLINE_THICKNESS 0.0507
+#define SCANLINE_TIME time * 471.24
+#define SHARPNESS 0.25
+#define SUPERSAMPLING_SAMPLES 16.0
+#define VIGNETTE_RADIUS 0.0 // larger vignette radius
+#define PI 3.14159265359
+#define TWOPI 6.28318530718
+
+vec2 applyBarrelDistortion(vec2 coord, float amt) {
+    vec2 p = coord.xy / vec2(1.0);
+    vec2 v = p * 2.0 - vec2(1.0);
+    float r = dot(v, v);
+    float k = 1.0 + pow(r, 2.0) * pow(amt, 2.0);
+    vec2 result = v * k;
+    return vec2(0.5, 0.5) + 0.5 * result.xy;
+}
+
+vec4 applyColorCorrection(vec4 color) {
+    color.rgb *= vec3(1.0, 0.79, 0.89);
+    return vec4(color.rgb, 1.0);
+}
+
+vec4 applyBorder(vec2 tc, vec4 color, float borderSize, vec4 borderColor) {
+    float dist_x = min(tc.x, 1.0 - tc.x);
+    float dist_y = min(tc.y, 1.0 - tc.y);
+    float dist = min(dist_x, dist_y) * -1.0;
+    float border = smoothstep(borderSize, 0.0, dist);
+    border += smoothstep(borderSize, 0.0, dist);
+    return mix(color, borderColor, border);
+}
+
+vec4 applyFakeHDR(vec4 color, float brightness, float contrast, float saturation, float bloom) {
+    color.rgb = (color.rgb - vec3(0.5)) * exp2(brightness) + vec3(0.5);
+    vec3 crtfactor = vec3(1.05, 0.92, 1.0);
+    color.rgb = pow(color.rgb, crtfactor);
+    // // NTSC
+    // vec3 lumCoeff = vec3(0.2125, 0.7154, 0.0721);
+
+    // // BT.709
+    // vec3 lumCoeff = vec3(0.299, 0.587, 0.114);
+
+    // BT.2020
+    vec3 lumCoeff = vec3(0.2627, 0.6780, 0.0593);
+
+    // // Warm NTSC
+    // vec3 lumCoeff = vec3(0.2125, 0.7010, 0.0865);
+
+    float luminance = dot(color.rgb, lumCoeff);
+    luminance = pow(luminance, 2.2);
+    color.rgb = mix(vec3(luminance), color.rgb, saturation);
+    color.rgb = mix(color.rgb, vec3(1.0), pow(max(0.0, luminance - 1.0 + bloom), 4.0));
+    return color;
+}
+
+vec4 applyVignette(vec4 color) {
+    vec2 center = vec2(0.5, 0.5); // center of screen
+    float radius = VIGNETTE_RADIUS; // radius of vignette effect
+    float softness = 1.0; // softness of vignette effect
+    float intensity = 0.7; // intensity of vignette effect
+    vec2 offset = v_texcoord - center; // offset from center of screen
+    float distance = length(offset); // distance from center of screen
+    float alpha = smoothstep(radius, radius - radius * softness, distance) * intensity; // calculate alpha value for vignette effect
+    return mix(vec4(0.0, 0.0, 0.0, alpha), color, alpha); // mix black with color using calculated alpha value
+}
+
+vec4 applyPhosphorGlow(vec2 tc, vec4 color, sampler2D tex) {
+    // Calculate average color value of the texture
+    vec4 texelColor = color;
+    float averageColor = (texelColor.r + texelColor.g + texelColor.b) / 3.0;
+
+    // Determine brightness-dependent color factor
+    float factor = mix(
+        mix(0.09,
+            mix(0.005, 0.0075, (averageColor - 0.1) / 0.1),
+            step(0.01, averageColor)), 0.0005,
+        step(0.02, averageColor));
+    // Apply phosphor glow effect
+    vec4 sum = vec4(0.0);
+    vec4 pixels[9];
+    pixels[0] = texture2D(tex, tc - vec2(0.001, 0.001));
+    pixels[1] = texture2D(tex, tc - vec2(0.001, 0.0));
+    pixels[2] = texture2D(tex, tc - vec2(0.001, -0.001));
+    pixels[3] = texture2D(tex, tc - vec2(0.0, 0.001));
+    pixels[4] = texture2D(tex, tc);
+    pixels[5] = texture2D(tex, tc + vec2(0.001, 0.001));
+    pixels[6] = texture2D(tex, tc + vec2(0.001, 0.0));
+    pixels[7] = texture2D(tex, tc + vec2(0.001, -0.001));
+    pixels[8] = texture2D(tex, tc + vec2(0.0, 0.001));
+
+// Perform operations on input pixels in parallel
+    sum = pixels[0]
+        + pixels[1]
+        + pixels[2]
+        + pixels[3]
+        + pixels[4]
+        + pixels[5]
+        + pixels[6]
+        + pixels[7]
+        + pixels[8];
+    sum /= 9.0;
+    sum += texture2D(tex, tc - vec2(0.01, 0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(0.0, 0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(-0.01, 0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(0.01, 0.0)) * 0.001;
+    sum += color * PHOSPHOR_BLUR_AMOUNT;
+    sum += texture2D(tex, tc - vec2(-0.01, 0.0)) * 0.001;
+    sum += texture2D(tex, tc - vec2(0.01, -0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(0.0, -0.01)) * 0.001;
+    sum += texture2D(tex, tc - vec2(-0.01, -0.01)) * 0.001;
+    sum *= PHOSPHOR_GLOW_AMOUNT;
+
+    // Initialize sum_sum_factor to zero
+    vec4 sum_sum_factor = vec4(0.0);
+    // Compute sum_j for i = -1
+    vec4 sum_j = vec4(0.0);
+    sum_j += texture2D(tex, tc + vec2(-1, -1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, -1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, -1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(-1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(-1, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 1) * 0.01);
+    sum_sum_factor += sum_j * vec4(0.011);
+
+    // Compute sum_j for i = 0
+    sum_j = vec4(0.0);
+    sum_j += texture2D(tex, tc + vec2(-1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(-1, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 1) * 0.01);
+    sum_sum_factor += sum_j * vec4(0.011);
+
+    // Compute sum_j for i = 1
+    sum_j = vec4(0.0);
+    sum_j += texture2D(tex, tc + vec2(-1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 0) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(-1, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(0, 1) * 0.01);
+    sum_j += texture2D(tex, tc + vec2(1, 1) * 0.01);
+    sum_sum_factor += sum_j * vec4(0.011);
+    color += mix(sum_sum_factor * sum_sum_factor * vec4(factor), sum, 0.5);
+    return color;
+}
+
+vec4 applyAdaptiveSharpen(vec2 tc, vec4 color, sampler2D tex) {
+    vec4 color_tl = texture2D(tex, tc + vec2(-1.0, -1.0) * 0.5 / 2160.0);
+    vec4 color_tr = texture2D(tex, tc + vec2(1.0, -1.0) * 0.5 / 2160.0);
+    vec4 color_bl = texture2D(tex, tc + vec2(-1.0, 1.0) * 0.5 / 2160.0);
+    vec4 color_br = texture2D(tex, tc + vec2(1.0, 1.0) * 0.5 / 2160.0);
+    float sharpness = SHARPNESS;
+    vec3 color_no_alpha = color.rgb;
+    vec3 color_tl_no_alpha = color_tl.rgb;
+    vec3 color_tr_no_alpha = color_tr.rgb;
+    vec3 color_bl_no_alpha = color_bl.rgb;
+    vec3 color_br_no_alpha = color_br.rgb;
+    float delta = (dot(color_no_alpha, vec3(0.333333)) + dot(color_tl_no_alpha, vec3(0.333333)) + dot(color_tr_no_alpha, vec3(0.333333)) + dot(color_bl_no_alpha, vec3(0.333333)) + dot(color_br_no_alpha, vec3(0.333333))) * 0.2 - dot(color_no_alpha, vec3(0.333333));
+    vec3 sharp_color_no_alpha = color_no_alpha + min(vec3(0.0), vec3(delta * sharpness));
+    vec4 sharp_color = vec4(sharp_color_no_alpha, color.a);
+    return sharp_color;
+}
+
+vec4 applyScanlines(vec2 tc, vec4 color) {
+    float scanline = (cos(tc.y * SCANLINE_FREQUENCY + SCANLINE_TIME) *
+                      sin(tc.y * SCANLINE_FREQUENCY + SCANLINE_TIME)) * SCANLINE_THICKNESS;
+    float alpha = clamp(1.0 - abs(scanline), 0.0, 1.0);
+    return vec4(color.rgb * alpha, color.a);
+}
+
+vec4 applyChromaticAberration(vec2 uv, vec4 color) {
+    vec2 center = vec2(0.5, 0.5); // center of the screen
+    vec2 offset = (uv - center) * CHROMATIC_ABERRATION_STRENGTH; // calculate the offset from the center
+
+    // apply lens distortion
+    float rSquared = dot(offset, offset);
+    float distortion = 1.0 + LENS_DISTORTION_AMOUNT * rSquared;
+    vec2 distortedOffset = offset * distortion;
+
+    // apply chromatic aberration
+    vec2 redOffset = vec2(distortedOffset.x * 1.00, distortedOffset.y * 1.00);
+    vec2 blueOffset = vec2(distortedOffset.x * 1.00, distortedOffset.y * 1.00);
+
+    vec4 redColor = texture2D(tex, uv + redOffset);
+    vec4 blueColor = texture2D(tex, uv + blueOffset);
+
+    vec4 result = vec4(redColor.r, color.g, blueColor.b, color.a);
+
+    return result;
+}
+
+vec4 reduceGlare(vec4 color) {
+    // Calculate the intensity of the color by taking the average of the RGB components
+    float intensity = (color.r + color.g + color.b) / 3.0;
+    // Set the maximum intensity that can be considered for glare
+    float maxIntensity = 0.98;
+    // Use smoothstep to create a smooth transition from no glare to full glare
+    // based on the intensity of the color and the maximum intensity
+    float glareIntensity = smoothstep(maxIntensity - 0.02, maxIntensity, intensity);
+    // Set the amount of glare to apply to the color
+    float glareAmount = 0.02;
+    // Mix the original color with the reduced color that has glare applied to it
+    vec3 reducedColor = mix(color.rgb, vec3(glareIntensity), glareAmount);
+    // Return the reduced color with the original alpha value
+    return vec4(reducedColor, color.a);
+}
+
+// Apply a fake HDR effect to the input color.
+// Parameters:
+// - inputColor: the color to apply the effect to.
+// - brightness: the brightness of the image. Should be a value between 0 and 1.
+// - contrast: the contrast of the image. Should be a value between 0 and 1.
+// - saturation: the saturation of the image. Should be a value between 0 and 2.
+// - bloom: the intensity of the bloom effect. Should be a value between 0 and 1.
+vec4 applyFakeHDREffect(vec4 inputColor, float brightness, float contrast, float saturation, float bloom) {
+    const float minBrightness = 0.0;
+    const float maxBrightness = 1.0;
+    const float minContrast = 0.0;
+    const float maxContrast = 1.0;
+    const float minSaturation = 0.0;
+    const float maxSaturation = 2.0;
+    const float minBloom = 0.0;
+    const float maxBloom = 1.0;
+
+    // Check input parameters for validity
+    if (brightness < minBrightness || brightness > maxBrightness) {
+        return vec4(0.0, 0.0, 0.0, 1.0); // Return black with alpha of 1.0 to indicate error
+    }
+    if (contrast < minContrast || contrast > maxContrast) {
+        return vec4(0.0, 0.0, 0.0, 1.0);
+    }
+    if (saturation < minSaturation || saturation > maxSaturation) {
+        return vec4(0.0, 0.0, 0.0, 1.0);
+    }
+    if (bloom < minBloom || bloom > maxBloom) {
+        return vec4(0.0, 0.0, 0.0, 1.0);
+    }
+
+    // Apply brightness and contrast
+    vec3 color = inputColor.rgb;
+    color = (color - vec3(0.5)) * exp2(brightness * 10.0) + vec3(0.5);
+    color = mix(vec3(0.5), color, pow(contrast * 4.0 + 1.0, 2.0));
+
+    // // NTSC
+    // vec3 lumCoeff = vec3(0.2125, 0.7154, 0.0721);
+
+    // // BT.709
+    // vec3 lumCoeff = vec3(0.299, 0.587, 0.114);
+
+    // // BT.2020
+    // vec3 lumCoeff = vec3(0.2627, 0.6780, 0.0593);
+
+    // Warm NTSC
+    vec3 lumCoeff = vec3(0.2125, 0.7010, 0.0865);
+
+    // Apply saturation
+    float luminance = dot(color, lumCoeff);
+    vec3 grey = vec3(luminance);
+    color = mix(grey, color, saturation);
+
+    // Apply bloom effect
+    float threshold = 1.0 - bloom;
+    vec3 bloomColor = max(color - threshold, vec3(0.0));
+    bloomColor = pow(bloomColor, vec3(2.0));
+    bloomColor = mix(vec3(0.0), bloomColor, pow(min(luminance, threshold), 4.0));
+    color += bloomColor;
+
+    return vec4(color, inputColor.a);
+}
+
+vec4 bilateralFilter(sampler2D tex, vec2 uv, vec4 color, float sampleRadius, float noiseThreshold, float intensity) {
+    vec4 filteredColor = vec4(0.0);
+    float totalWeight = 0.0;
+
+    // Top-left pixel
+    vec4 sample = texture2D(tex, uv + vec2(-1.0, -1.0));
+    float dist = length(vec2(-1.0, -1.0));
+    float colorDist = length(sample - color);
+    float weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Top pixel
+    sample = texture2D(tex, uv + vec2(0.0, -1.0));
+    dist = length(vec2(0.0, -1.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Top-right pixel
+    sample = texture2D(tex, uv + vec2(1.0, -1.0));
+    dist = length(vec2(1.0, -1.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Left pixel
+    sample = texture2D(tex, uv + vec2(-1.0, 0.0));
+    dist = length(vec2(-1.0, 0.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Center pixel
+    sample = texture2D(tex, uv);
+    dist = 0.0;
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Right pixel
+    sample = texture2D(tex, uv + vec2(1.0, 0.0));
+    dist = length(vec2(1.0, 0.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    // Bottom-left pixel
+    sample = texture2D(tex, uv + vec2(-1.0, 1.0));
+    dist = length(vec2(-1.0, 1.0));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+// Bottom pixel
+    sample = texture2D(tex, uv + vec2(0.0, sampleRadius));
+    dist = length(vec2(0.0, sampleRadius));
+    colorDist = length(sample - color);
+    weight = exp(-0.5 * (dist * dist + colorDist * colorDist * intensity) / (sampleRadius * sampleRadius));
+    filteredColor += sample * weight;
+    totalWeight += weight;
+
+    filteredColor /= totalWeight;
+    return mix(color, filteredColor, step(noiseThreshold, length(filteredColor - color)));
+}
+
+vec4 supersample(sampler2D tex, vec2 uv, float sampleRadius, float noiseThreshold, float intensity) {
+    float radiusSq = sampleRadius * sampleRadius;
+    vec2 poissonDisk;
+    vec4 color = vec4(0.0);
+
+    float r1_0 = sqrt(0.0 / 16.0);
+    float r2_0 = fract(1.0 / 3.0);
+    float theta_0 = TWOPI * r2_0;
+    poissonDisk = vec2(r1_0 * cos(theta_0), r1_0 * sin(theta_0));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_1 = sqrt(1.0 / 16.0);
+    float r2_1 = fract(2.0 / 3.0);
+    float theta_1 = TWOPI * r2_1;
+    poissonDisk = vec2(r1_1 * cos(theta_1), r1_1 * sin(theta_1));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_2 = sqrt(2.0 / 16.0);
+    float r2_2 = fract(3.0 / 3.0);
+    float theta_2 = TWOPI * r2_2;
+    poissonDisk = vec2(r1_2 * cos(theta_2), r1_2 * sin(theta_2));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_3 = sqrt(3.0 / 16.0);
+    float r2_3 = fract(4.0 / 3.0);
+    float theta_3 = TWOPI * r2_3;
+    poissonDisk = vec2(r1_3 * cos(theta_3), r1_3 * sin(theta_3));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_4 = sqrt(4.0 / 16.0);
+    float r2_4 = fract(5.0 / 3.0);
+    float theta_4 = TWOPI * r2_4;
+    poissonDisk = vec2(r1_4 * cos(theta_4), r1_4 * sin(theta_4));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_5 = sqrt(5.0 / 16.0);
+    float r2_5 = fract(6.0 / 3.0);
+    float theta_5 = TWOPI * r2_5;
+    poissonDisk = vec2(r1_5 * cos(theta_5), r1_5 * sin(theta_5));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_6 = sqrt(6.0 / 16.0);
+    float r2_6 = fract(7.0 / 3.0);
+    float theta_6 = TWOPI * r2_6;
+    poissonDisk = vec2(r1_6 * cos(theta_6), r1_6 * sin(theta_6));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_7 = sqrt(7.0 / 16.0);
+    float r2_7 = fract(8.0 / 3.0);
+    float theta_7 = TWOPI * r2_7;
+    poissonDisk = vec2(r1_7 * cos(theta_7), r1_7 * sin(theta_7));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_8 = sqrt(8.0 / 16.0);
+    float r2_8 = fract(9.0 / 3.0);
+    float theta_8 = TWOPI * r2_8;
+    poissonDisk = vec2(r1_8 * cos(theta_8), r1_8 * sin(theta_8));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_9 = sqrt(9.0 / 16.0);
+    float r2_9 = fract(10.0 / 3.0);
+    float theta_9 = TWOPI * r2_9;
+    poissonDisk = vec2(r1_9 * cos(theta_9), r1_9 * sin(theta_9));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_10 = sqrt(10.0 / 16.0);
+    float r2_10 = fract(11.0 / 3.0);
+    float theta_10 = TWOPI * r2_10;
+    poissonDisk = vec2(r1_10 * cos(theta_10), r1_10 * sin(theta_10));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_11 = sqrt(11.0 / 16.0);
+    float r2_11 = fract(12.0 / 3.0);
+    float theta_11 = TWOPI * r2_11;
+    poissonDisk = vec2(r1_11 * cos(theta_11), r1_11 * sin(theta_11));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_12 = sqrt(12.0 / 16.0);
+    float r2_12 = fract(13.0 / 3.0);
+    float theta_12 = TWOPI * r2_12;
+    poissonDisk = vec2(r1_12 * cos(theta_12), r1_12 * sin(theta_12));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_13 = sqrt(13.0 / 16.0);
+    float r2_13 = fract(14.0 / 3.0);
+    float theta_13 = TWOPI * r2_13;
+    poissonDisk = vec2(r1_13 * cos(theta_13), r1_13 * sin(theta_13));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_14 = sqrt(14.0 / 16.0);
+    float r2_14 = fract(15.0 / 3.0);
+    float theta_14 = TWOPI * r2_14;
+    poissonDisk = vec2(r1_14 * cos(theta_14), r1_14 * sin(theta_14));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    float r1_15 = sqrt(15.0 / 16.0);
+    float r2_15 = fract(16.0 / 3.0);
+    float theta_15 = TWOPI * r2_15;
+    poissonDisk = vec2(r1_15 * cos(theta_15), r1_15 * sin(theta_15));
+    color += texture2D(tex, uv + poissonDisk * sampleRadius);
+
+    return bilateralFilter(tex, uv, color, sampleRadius, noiseThreshold, intensity);
+}
+void main() {
+    vec2 tc_no_dist = v_texcoord;
+
+    vec2 tc = applyBarrelDistortion(tc_no_dist, DISTORTION_AMOUNT);
+
+    // [-1, 1]
+    vec2 tc_no_dist_symmetric = tc_no_dist * 2.0 - 1.0;
+
+    // [0,1]
+    vec2 tc_no_dist_normalized = (tc_no_dist_symmetric + 1.0) / 2.0;
+
+    // vec4 color = texture2D(tex, tc);
+    vec4 color = supersample(tex, tc, SAMPLING_RADIUS, NOISE_THRESHOLD, DENOISE_INTENSITY);
+
+    color = applyAdaptiveSharpen(tc, color, tex);
+
+    color = applyPhosphorGlow(tc, color, tex);
+
+    color = reduceGlare(color);
+
+    color = mix(applyFakeHDREffect(color, HDR_BRIGHTNESS, HDR_CONTRAST, HDR_SATURATION, HDR_BLOOM), color, 0.5);
+
+    color = applyColorCorrection(color);
+
+    color /= SUPERSAMPLING_SAMPLES;
+
+    color = mix(applyChromaticAberration(tc, color), color, 0.25);
+
+    color = mix(color, applyVignette(color), 0.37);
+
+    color = applyBorder(tc_no_dist_normalized, color, 1.0 - BORDER_SIZE * BORDER_RADIUS, BORDER_COLOR);
+
+    color = mix(applyBorder(tc, color, BORDER_SIZE, BORDER_COLOR), color, 0.05);
+
+    color = applyScanlines(tc, color);
+
+    gl_FragColor = color;
+    gl_FragColor.a = 1.0;
+}
+
diff --git a/novelknock/.config/hypr/shaders/drugs.frag b/novelknock/.config/hypr/shaders/drugs.frag
new file mode 100755
index 000000000..1190ed03c
--- /dev/null
+++ b/novelknock/.config/hypr/shaders/drugs.frag
@@ -0,0 +1,42 @@
+
+precision highp float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+uniform float time;
+
+void warpco(inout vec2 tc) {
+    tc -= 0.5;
+    tc *= length(tc) * 2.0;
+    tc += 0.5;
+}
+
+float rand1d(float seed) {
+   return sin(seed*1454.0); 
+}
+
+float rand2d(vec2 co)
+{
+  return fract(sin(dot(co.xy, vec2(12.9898,78.233))) * 43758.5453);
+}
+
+vec3 rgb(in vec2 tc, float freq, float amp, inout vec4 centre) {
+    vec2 off = vec2(1.0/800.0, 0.0) * sin(tc.t * freq + time) * amp;
+    vec2 off2 = vec2(1.0/800.0, 0.0) * sin(tc.t * freq - time * 1.5) * amp;
+    centre = texture2D(tex, tc);
+    return vec3(texture2D(tex, tc-off).r, centre.g, texture2D(tex, tc+off2).b);
+}
+
+void main() {
+    // vec2 px = 1.0 / textureSize(tex, 0).st;
+    vec2 tc = v_texcoord;
+    warpco(tc);
+    tc = mix(v_texcoord, tc, sin(time * 2.0)*0.07);
+    tc.x += rand2d(floor(tc * 20.0 + floor(time * 2.5))) * 0.01;
+    tc.x += rand1d(floor(tc.x * 40.0)) * 0.005 * rand1d(time * 0.001);
+    tc.y += sin(tc.x + time) * 0.02;
+    vec4 centre;
+    vec3 bent = rgb(tc, 100.0, 5.0, centre);
+    vec3 col = mix(centre.rgb, bent, sin(time));
+    gl_FragColor = vec4(col, centre.a);
+    // gl_FragColor = vec4(texture2D(tex, v_texcoord));
+}
\ No newline at end of file
diff --git a/novelknock/.config/hypr/shaders/extradark.frag b/novelknock/.config/hypr/shaders/extradark.frag
new file mode 100755
index 000000000..089ee8149
--- /dev/null
+++ b/novelknock/.config/hypr/shaders/extradark.frag
@@ -0,0 +1,21 @@
+// vim: set ft=glsl:
+// blue light filter shader
+// values from https://reshade.me/forum/shader-discussion/3673-blue-light-filter-similar-to-f-lux
+
+precision mediump float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+
+void main() {
+
+    vec4 pixColor = texture2D(tex, v_texcoord);
+
+    // red
+    pixColor[0] *= 0.7;
+    // green
+    pixColor[1] *= 0.6;
+    // blue
+    pixColor[2] *= 0.5;
+
+    gl_FragColor = pixColor;
+}
diff --git a/novelknock/.config/hypr/shaders/nothing.frag b/novelknock/.config/hypr/shaders/nothing.frag
new file mode 100755
index 000000000..163e6003a
--- /dev/null
+++ b/novelknock/.config/hypr/shaders/nothing.frag
@@ -0,0 +1,14 @@
+// vim: set ft=glsl:
+// blue light filter shader
+// values from https://reshade.me/forum/shader-discussion/3673-blue-light-filter-similar-to-f-lux
+
+precision mediump float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+
+void main() {
+
+    vec4 pixColor = texture2D(tex, v_texcoord);
+
+    gl_FragColor = pixColor;
+}
diff --git a/novelknock/.config/hypr/shaders/solarized.frag b/novelknock/.config/hypr/shaders/solarized.frag
new file mode 100755
index 000000000..1c37f2cc0
--- /dev/null
+++ b/novelknock/.config/hypr/shaders/solarized.frag
@@ -0,0 +1,41 @@
+// -*- mode:c -*-
+precision lowp float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+
+float distanceSquared(vec3 pixColor, vec3 solarizedColor) {
+	vec3 distanceVector = pixColor - solarizedColor;
+	return dot(distanceVector, distanceVector);
+}
+
+void main() {
+	vec3 solarized[16];
+	solarized[0]  = vec3(0.,0.169,0.212);
+	solarized[1]  = vec3(0.027,0.212,0.259);
+	solarized[2]  = vec3(0.345,0.431,0.459);
+	solarized[3]  = vec3(0.396,0.482,0.514);
+	solarized[4]  = vec3(0.514,0.58,0.588);
+	solarized[5]  = vec3(0.576,0.631,0.631);
+	solarized[6]  = vec3(0.933,0.91,0.835);
+	solarized[7]  = vec3(0.992,0.965,0.89);
+	solarized[8]  = vec3(0.71,0.537,0.);
+	solarized[9]  = vec3(0.796,0.294,0.086);
+	solarized[10] = vec3(0.863,0.196,0.184);
+	solarized[11] = vec3(0.827,0.212,0.51);
+	solarized[12] = vec3(0.424,0.443,0.769);
+	solarized[13] = vec3(0.149,0.545,0.824);
+	solarized[14] = vec3(0.165,0.631,0.596);
+	solarized[15] = vec3(0.522,0.6,0.);
+
+	vec3 pixColor = vec3(texture2D(tex, v_texcoord));
+	int closest = 0;
+	float closestDistanceSquared = distanceSquared(pixColor, solarized[0]);
+	for (int i = 1; i < 15; i++) {
+		float newDistanceSquared = distanceSquared(pixColor, solarized[i]);
+		if (newDistanceSquared < closestDistanceSquared) {
+			closest = i;
+			closestDistanceSquared = newDistanceSquared;
+		}
+	}
+	gl_FragColor = vec4(solarized[closest], 1.);
+}
diff --git a/novelknock/.config/kitty/kitty.conf b/novelknock/.config/kitty/kitty.conf
new file mode 100644
index 000000000..765d75ed8
--- /dev/null
+++ b/novelknock/.config/kitty/kitty.conf
@@ -0,0 +1,97 @@
+font_family JetBrains Mono Nerd Font
+
+font_size 12
+confirm_os_window_close 0
+
+map ctrl+c  copy_to_clipboard
+map ctrl+v  paste_from_clipboard
+map ctrl+shift+c send_text all \x03 
+
+adjust_line_height 0
+cursor #00ccff
+
+# A port of forest night by sainnhe
+# https://github.com/sainnhe/forest-night
+
+## name:     Everforest Dark B
+## author:   nope
+## license:  idk
+## blurb:    everforesttttttt
+
+#window
+window_padding_width 20
+selection_foreground  #d8caac
+selection_background  #505a60
+background_opacity  0.5
+
+foreground #a9b1d6
+background #1a1b26
+
+# Black
+color0 #414868
+color8 #414868
+
+# Red
+color1 #f7768e
+color9 #f7768e
+
+# Green
+color2  #73daca
+color10 #73daca
+
+# Yellow
+color3  #e0af68
+color11 #e0af68
+
+# Blue
+color4  #7aa2f7
+color12 #7aa2f7
+
+# Magenta
+color5  #bb9af7
+color13 #bb9af7
+
+# Cyan
+color6  #7dcfff
+color14 #7dcfff
+
+# White
+color7  #c0caf5
+color15 #c0caf5
+
+# Cursor
+cursor #c0caf5
+cursor_text_color #1a1b26
+
+# Selection highlight
+selection_foreground none
+selection_background #28344a
+
+# The color for highlighting URLs on mouse-over
+url_color #9ece6a
+
+# Window borders
+active_border_color #3d59a1
+inactive_border_color #101014
+bell_border_color #e0af68
+
+# Tab bar
+tab_bar_style fade
+tab_fade 1
+active_tab_foreground   #3d59a1
+active_tab_background   #16161e
+active_tab_font_style   bold
+inactive_tab_foreground #787c99
+inactive_tab_background #16161e
+inactive_tab_font_style bold
+tab_bar_background #101014
+
+# Title bar
+macos_titlebar_color #16161e
+
+# Storm
+# background #24283b
+# cursor_text_color #24283b
+# active_tab_background   #1f2335
+# inactive_tab_background #1f2335
+# macos_titlebar_color #1f2335
diff --git a/novelknock/.config/mpv/mpv.conf b/novelknock/.config/mpv/mpv.conf
new file mode 100644
index 000000000..f7dc66c09
--- /dev/null
+++ b/novelknock/.config/mpv/mpv.conf
@@ -0,0 +1 @@
+keep-open=yes
\ No newline at end of file
diff --git a/novelknock/.config/starship.toml b/novelknock/.config/starship.toml
new file mode 100644
index 000000000..4ef021903
--- /dev/null
+++ b/novelknock/.config/starship.toml
@@ -0,0 +1,96 @@
+# Don't print a new line at the start of the prompt
+add_newline = false
+# Pipes ╰─ ╭─
+# Powerline symbols                                     
+# Wedges 🭧🭒 🭣🭧🭓
+# Random noise 🬖🬥🬔🬗
+
+right_format = """\
+$cmd_duration
+"""
+
+format = """
+$username$hostname$directory
+$character
+"""
+
+# Replace the "❯" symbol in the prompt with "➜"
+[character]                            # The name of the module we are configuring is "character"
+success_symbol = "[🭧🭒](bold fg:blue)[ ➜ ](bold bg:blue fg:#000000)[](bold fg:blue)"
+
+error_symbol = "[🭧🭒](bold fg:red)[ ✗ ](bold bg:red fg:#000000)[](bold fg:red)"
+# Disable the package module, hiding it from the prompt completely
+[package]
+disabled = true
+
+[git_branch]
+symbol = "🌱 "
+truncation_length = 4
+truncation_symbol = ""
+
+[git_commit]
+commit_hash_length = 4
+tag_symbol = "🔖 "
+
+[git_state]
+format = '[\($state( $progress_current of $progress_total)\)]($style) '
+cherry_pick = "[🍒 PICKING](bold red)"
+
+[git_status]
+conflicted = " 🏳 "
+ahead = " 🏎💨 "
+behind = " 😰 "
+diverged = " 😵 "
+untracked = " 🤷 ‍"
+stashed = " 📦 "
+modified = " 📝 "
+staged = '[++\($count\)](blue)'
+renamed = " ✍️ "
+deleted = " 🗑 "
+
+[hostname]
+ssh_only = false
+format =  "[ ](bold bg:yellow fg:blue)[$hostname](bg:yellow bold fg:#000000)[ ](bold fg:yellow bg:green)"
+trim_at = ".companyname.com"
+disabled = false
+
+[line_break]
+disabled = false
+
+[memory_usage]
+disabled = true
+threshold = -1
+symbol = " "
+style = "bold dimmed blue"
+
+[time]
+disabled = true
+format = '🕙[\[ $time \]]($style) '
+time_format = "%T"
+
+[username]
+style_user = "bold bg:blue fg:#000000"
+style_root = "red bold"
+format = "[🭃](bold fg:blue)[$user]($style)"
+disabled = false
+show_always = true
+
+[directory]
+home_symbol = " "
+read_only = "  "
+style = "bold bg:green  fg:#000000"
+truncation_length = 2
+truncation_symbol = "./"
+format = '[$path]($style)[🭞](fg:green )'
+
+
+[directory.substitutions]
+"Documents" = " "
+"/" = "  "
+"Downloads" = " "
+"Music" = " "
+"Pictures" = " "
+
+[cmd_duration]
+min_time = 0
+format = '[🬈🬖🬥🬅 ](bold bg:cyan fg:#000000)[time:$duration](bold bg:cyan fg:#000000)[ 🬖🬥🬔🬗](bold bg:cyan fg:#000000)'
diff --git a/novelknock/.config/waybar/config b/novelknock/.config/waybar/config
new file mode 100755
index 000000000..066818e4a
--- /dev/null
+++ b/novelknock/.config/waybar/config
@@ -0,0 +1,78 @@
+{
+    "layer": "top",
+    "height": 30,
+    "position": "bottom",
+    "spacing": 0,
+    "exclusive": false,
+    "margin-bottom": 50,
+    "margin-right": 210,
+    "margin-left": 1600,
+    "fixed-center": false,
+
+    "modules-left": [
+        
+    ],
+    
+    "modules-center": [
+        "tray",
+    ],
+    
+    "modules-right": [
+    ],
+    
+    "custom/weather": {
+        "exec": "curl 'https://wttr.in/?format=1' | tr -d '+'",
+        "interval": 1800
+    },
+    
+    "custom/start": {
+        "format": "               ",
+        "on-click": "~/.config/eww/scripts/toggle-overview.sh"
+    },
+    
+    "wlr/taskbar": {
+        "format": "{icon}",
+        "icon-size": 24,
+        "tooltip-format": "{title}",
+        "on-click": "activate",
+        "on-click-middle": "close",
+    },
+    
+    "clock": {
+        "format": "   {:%I:%M %p%n%e/%m/%G}",
+        "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
+        "format-alt": "  {:%Y-%m-%d}"
+    },
+    
+    "tray": {
+        "spacing": 8
+    },
+    
+    "pulseaudio": {
+        "format": "{icon}",
+        "format-bluetooth": "{volume}%  {icon} {format_source}",
+        "format-bluetooth-muted": "  {icon} {format_source}",
+        "format-muted": "  {format_source}",
+        "format-source": "  {volume}",
+        "format-source-muted": "",
+        "format-icons": {
+            "headphone": "",
+            "hands-free": "",
+            "headset": "",
+            "phone": "",
+            "portable": "",
+            "car": "",
+            "default": ["", "", ""]
+        },
+        "tooltip-format": "{format_source}%",
+        "on-click": "easyeffects"
+    },
+    "network": {
+        "format-wifi": "",
+        "format-ethernet": "",
+        "tooltip-format": "{ifname} via {gwaddr} ",
+        "format-linked": "{ifname} (No IP) ",
+        "format-disconnected": "Disconnected ⚠",
+        "on-click": "alacritty -e nmtui"
+    },
+}
diff --git a/novelknock/.config/waybar/noise.png b/novelknock/.config/waybar/noise.png
new file mode 100755
index 000000000..028b188b5
Binary files /dev/null and b/novelknock/.config/waybar/noise.png differ
diff --git a/novelknock/.config/waybar/style.css b/novelknock/.config/waybar/style.css
new file mode 100755
index 000000000..c1a6ae5c2
--- /dev/null
+++ b/novelknock/.config/waybar/style.css
@@ -0,0 +1,67 @@
+* {
+    color: #f3f9ff;
+    font-size: 11px;
+    font-family: Segoe-Fluent-Icons, Segoe-UI;
+    font-weight: 500;
+}
+
+window#waybar {
+    background: transparent;
+}
+
+tooltip {
+    background: #141414;
+    border-radius: 4px;
+}
+
+#tray {
+    font-size: 20px;
+    font-weight: 200;
+    padding: 4px;
+    min-width: 100px;
+    min-height: 37px;
+    background: rgba(45, 46, 48, 1);
+    background-image: url('images/textures/acrylic.png');
+    border-radius: 9px;
+    border: 1px solid rgba(34, 35, 38, 0.5);
+    margin: 14px;
+    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.65);
+}
+
+#window,
+#pulseaudio,
+#network,
+#bluetooth {
+    font-size: 14px;
+    font-weight: 200;
+    padding: 4px;
+}
+
+#custom-weather {
+    padding-left: 12px;
+    font-size: 11px;
+}
+
+#custom-start {
+    background-image: url("./win.png");
+    background-size: 24px 24px;
+    background-position: center;
+    background-repeat: no-repeat;
+}
+
+#taskbar {
+    border-radius: 6px;
+    min-width: 45px;
+    min-height: 45px;
+    /* border-top: 1px solid rgba(64, 64, 64, 0.8); */
+}
+
+#tray,
+#pulseaudio {
+    padding-right: 12px;
+}
+
+#clock {
+    padding-left: 3px;
+    padding-right: 18px;
+}
\ No newline at end of file
diff --git a/novelknock/.config/waybar/win.png b/novelknock/.config/waybar/win.png
new file mode 100755
index 000000000..22904f136
Binary files /dev/null and b/novelknock/.config/waybar/win.png differ
diff --git a/novelknock/.config/wlogout/layout b/novelknock/.config/wlogout/layout
new file mode 100755
index 000000000..c6b324dda
--- /dev/null
+++ b/novelknock/.config/wlogout/layout
@@ -0,0 +1,36 @@
+{
+    "label" : "lock",
+    "action" : "~/.local/bin/lock.sh",
+    "text" : "Lock",
+    "keybind" : "l"
+}
+{
+    "label" : "hibernate",
+    "action" : "systemctl hibernate",
+    "text" : "Hibernate",
+    "keybind" : "h"
+}
+{
+    "label" : "logout",
+    "action" : "loginctl terminate-user $USER",
+    "text" : "Logout",
+    "keybind" : "e"
+}
+{
+    "label" : "shutdown",
+    "action" : "systemctl poweroff",
+    "text" : "Shutdown",
+    "keybind" : "s"
+}
+{
+    "label" : "suspend",
+    "action" : "systemctl suspend",
+    "text" : "Suspend",
+    "keybind" : "u"
+}
+{
+    "label" : "reboot",
+    "action" : "systemctl reboot",
+    "text" : "Reboot",
+    "keybind" : "r"
+}
diff --git a/novelknock/.config/wlogout/noise.png b/novelknock/.config/wlogout/noise.png
new file mode 100755
index 000000000..028b188b5
Binary files /dev/null and b/novelknock/.config/wlogout/noise.png differ
diff --git a/novelknock/.config/wlogout/style.css b/novelknock/.config/wlogout/style.css
new file mode 100755
index 000000000..5c7f3e71c
--- /dev/null
+++ b/novelknock/.config/wlogout/style.css
@@ -0,0 +1,66 @@
+* {
+	background-image: none;
+	transition: 0ms;
+}
+
+window {
+	background-color: rgba(12, 12, 12, 0.1);
+	background-image: url('./noise.png');
+}
+
+button {
+	color: #FFFFFF;
+	border-style: solid;
+	border-width: 2px;
+	background-repeat: no-repeat;
+	background-position: center;
+	background-size: 25%;
+
+	background-color: rgba(108, 112, 134, 0.4);
+	border: 1px solid rgba(108, 112, 134, 0.3);
+	border-top: 1px solid rgba(108, 112, 134, 0.3);
+}
+
+button:focus,
+button:active,
+button:hover {
+	background-color: rgba(156, 161, 192, 0.5);
+	border: 1px solid rgba(108, 112, 134, 0.15);
+	border-top: 1px solid rgba(108, 112, 134, 0.15);
+}
+
+#lock {
+	margin: 10px;
+	border-radius: 20px;
+	background-image: image(url("/usr/share/wlogout/icons/lock.png"), url("/usr/local/share/wlogout/icons/lock.png"));
+}
+
+#logout {
+	margin: 10px;
+	border-radius: 20px;
+	background-image: image(url("/usr/share/wlogout/icons/logout.png"), url("/usr/local/share/wlogout/icons/logout.png"));
+}
+
+#suspend {
+	margin: 10px;
+	border-radius: 20px;
+	background-image: image(url("/usr/share/wlogout/icons/suspend.png"), url("/usr/local/share/wlogout/icons/suspend.png"));
+}
+
+#hibernate {
+	margin: 10px;
+	border-radius: 20px;
+	background-image: image(url("/usr/share/wlogout/icons/hibernate.png"), url("/usr/local/share/wlogout/icons/hibernate.png"));
+}
+
+#shutdown {
+	margin: 10px;
+	border-radius: 20px;
+	background-image: image(url("/usr/share/wlogout/icons/shutdown.png"), url("/usr/local/share/wlogout/icons/shutdown.png"));
+}
+
+#reboot {
+	margin: 10px;
+	border-radius: 20px;
+	background-image: image(url("/usr/share/wlogout/icons/reboot.png"), url("/usr/local/share/wlogout/icons/reboot.png"));
+}
\ No newline at end of file
diff --git a/novelknock/.local/bin/record-script-fullscreen.sh b/novelknock/.local/bin/record-script-fullscreen.sh
new file mode 100755
index 000000000..51f723a0f
--- /dev/null
+++ b/novelknock/.local/bin/record-script-fullscreen.sh
@@ -0,0 +1,10 @@
+#/usr/bin/bash
+
+cd /home/end/Videos
+if ["$(pidof wf-recorder)" -ne ""]; then
+    notify-send "wf-recorder" "Starting recording" -a 'wf-recorder'
+    wf-recorder -t -f './recording_'"$(date '+%Y_%m_%_d..%H.%M')"'.mp4' --audio=alsa_output.pci-0000_08_00.6.analog-stereo.monitor
+else
+    /usr/bin/kill --signal SIGINT wf-recorder
+    notify-send "wf-recorder" "Recording Stopped" -a 'wf-recorder'
+fi
diff --git a/novelknock/.local/bin/record-script.sh b/novelknock/.local/bin/record-script.sh
new file mode 100755
index 000000000..1e38b9ddf
--- /dev/null
+++ b/novelknock/.local/bin/record-script.sh
@@ -0,0 +1,10 @@
+#/usr/bin/bash
+
+cd /home/end/Videos
+if [[ "$(pidof wf-recorder)" == "" ]]; then
+    notify-send "wf-recorder" "Starting recording" -a 'wf-recorder'
+    wf-recorder -f './recording_'"$(date '+%Y_%m_%_d..%H.%M')"'.mp4' -t --geometry "$(slurp)" 
+else
+    /usr/bin/kill --signal SIGINT wf-recorder
+    notify-send "wf-recorder" "Recording Stopped" -a 'wf-recorder'
+fi
\ No newline at end of file
diff --git a/novelknock/.local/bin/rubyshot b/novelknock/.local/bin/rubyshot
new file mode 100755
index 000000000..8431bd693
--- /dev/null
+++ b/novelknock/.local/bin/rubyshot
@@ -0,0 +1,6 @@
+#!/usr/bin/bash
+
+WORKSPACES="$(hyprctl monitors -j | jq -r 'map(.activeWorkspace.id)')"
+WINDOWS="$(hyprctl clients -j | jq -r --argjson workspaces "$WORKSPACES" 'map(select([.workspace.id] | inside($workspaces)))' )"
+GEOM=$(echo "$WINDOWS" | jq -r '.[] | "\(.at[0]),\(.at[1]) \(.size[0])x\(.size[1])"' | slurp -f '%x %y %w %h')
+wayshot -s "$GEOM" --stdout ${#:+"$@"}
\ No newline at end of file
diff --git a/novelknock/.local/bin/switchrice.sh b/novelknock/.local/bin/switchrice.sh
new file mode 100755
index 000000000..5a5581632
--- /dev/null
+++ b/novelknock/.local/bin/switchrice.sh
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+if [[ "$2" == "" ]]; then # basic rice switching
+    notify-send 'Usage: >swr [save name] [load name]'
+    exit
+fi
+mkdir -p ~/.config/__enderice/
+mv ~/.config/eww ~/.config/__enderice/eww_"$1"
+mv ~/.config/hypr ~/.config/__enderice/hypr_"$1"
+
+mv ~/.config/__enderice/eww_"$2" ~/.config/eww
+mv ~/.config/__enderice/hypr_"$2" ~/.config/hypr
+
+pkill eww && eww open bar && eww open bgdecor
\ No newline at end of file
diff --git a/novelknock/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/Cached Theme.pak b/novelknock/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/Cached Theme.pak
new file mode 100755
index 000000000..036a8e860
Binary files /dev/null and b/novelknock/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/Cached Theme.pak differ
diff --git a/novelknock/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon128.png b/novelknock/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon128.png
new file mode 100755
index 000000000..fbe2ed7e2
Binary files /dev/null and b/novelknock/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon128.png differ
diff --git a/novelknock/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon16.png b/novelknock/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon16.png
new file mode 100755
index 000000000..75e6ced3b
Binary files /dev/null and b/novelknock/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon16.png differ
diff --git a/novelknock/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon48.png b/novelknock/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon48.png
new file mode 100755
index 000000000..c93cfc794
Binary files /dev/null and b/novelknock/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon48.png differ
diff --git a/novelknock/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/manifest.json b/novelknock/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/manifest.json
new file mode 100755
index 000000000..0e4fd0f9e
--- /dev/null
+++ b/novelknock/Import Manually/chromethemes/Chrome-catppuccin-mocha-Colorful/manifest.json	
@@ -0,0 +1,35 @@
+{
+  "manifest_version": 3,
+  "name": "Catppuccin Chrome Theme - Mocha - Colorful",
+  "description": "Soothing pastel theme for Google Chrome - Catppuccin Mocha",
+  "version": "3.0",
+  "icons": {
+    "16": "images/icon16.png",
+    "48": "images/icon48.png",
+    "128": "images/icon128.png"
+  },
+  "theme": {
+    "colors": {
+      "frame": [30, 30, 46],
+      "frame_inactive": [30, 30, 46],
+      "frame_incognito": [30, 30, 46],
+      "frame_incognito_inactive": [30, 30, 46],
+      "bookmark_text": [137, 180, 250],
+      "tab_background_text": [186, 194, 222],
+      "tab_background_text_inactive": [186, 194, 222],
+      "tab_background_text_incognito": [203, 166, 247],
+      "tab_background_text_incognito_inactive": [137, 180, 250],
+      "tab_text": [203, 166, 247],
+      "toolbar": [65, 72, 104],
+      "toolbar_button_icon": [203, 166, 247],
+      "omnibox_text": [203, 166, 247],
+      "omnibox_background": [49, 50, 68],
+      "ntp_background": [30, 30, 46],
+      "ntp_link": [203, 166, 247],
+      "ntp_text": [203, 166, 247],
+      "ntp_link_underline": [30, 30, 46],
+      "ntp_section_link_underline": [30, 30, 46],
+      "button_background": [65, 72, 104]
+    }
+  }
+}
diff --git a/novelknock/Import Manually/chromethemes/EverForest-Dark-B/Cached Theme.pak b/novelknock/Import Manually/chromethemes/EverForest-Dark-B/Cached Theme.pak
new file mode 100755
index 000000000..6cb19536f
Binary files /dev/null and b/novelknock/Import Manually/chromethemes/EverForest-Dark-B/Cached Theme.pak differ
diff --git a/novelknock/Import Manually/chromethemes/EverForest-Dark-B/images/icon128.png b/novelknock/Import Manually/chromethemes/EverForest-Dark-B/images/icon128.png
new file mode 100755
index 000000000..fbe2ed7e2
Binary files /dev/null and b/novelknock/Import Manually/chromethemes/EverForest-Dark-B/images/icon128.png differ
diff --git a/novelknock/Import Manually/chromethemes/EverForest-Dark-B/images/icon16.png b/novelknock/Import Manually/chromethemes/EverForest-Dark-B/images/icon16.png
new file mode 100755
index 000000000..75e6ced3b
Binary files /dev/null and b/novelknock/Import Manually/chromethemes/EverForest-Dark-B/images/icon16.png differ
diff --git a/novelknock/Import Manually/chromethemes/EverForest-Dark-B/images/icon48.png b/novelknock/Import Manually/chromethemes/EverForest-Dark-B/images/icon48.png
new file mode 100755
index 000000000..c93cfc794
Binary files /dev/null and b/novelknock/Import Manually/chromethemes/EverForest-Dark-B/images/icon48.png differ
diff --git a/novelknock/Import Manually/chromethemes/EverForest-Dark-B/manifest.json b/novelknock/Import Manually/chromethemes/EverForest-Dark-B/manifest.json
new file mode 100755
index 000000000..6f2f5bd69
--- /dev/null
+++ b/novelknock/Import Manually/chromethemes/EverForest-Dark-B/manifest.json	
@@ -0,0 +1,35 @@
+{
+  "manifest_version": 3,
+  "name": "Everforest Dark B",
+  "description": "Forest.",
+  "version": "3.0",
+  "icons": {
+    "16": "images/icon16.png",
+    "48": "images/icon48.png",
+    "128": "images/icon128.png"
+  },
+  "theme": {
+    "colors": {
+      "frame": [28, 32, 33],
+      "frame_inactive": [30, 32, 31],
+      "frame_incognito": [28, 32, 33],
+      "frame_incognito_inactive": [30, 32, 31],
+      "bookmark_text": [211, 198, 170],
+      "tab_background_text": [161, 152, 131], 
+      "tab_background_text_inactive": [211, 198, 170],
+      "tab_background_text_incognito": [161, 152, 131],
+      "tab_background_text_incognito_inactive": [211, 198, 170],
+      "tab_text": [168, 179, 112],
+      "toolbar": [48, 49, 52],
+      "toolbar_button_icon": [168, 179, 112],
+      "omnibox_text": [168, 179, 112],
+      "omnibox_background": [28, 32, 33],
+      "ntp_background": [28, 32, 33],
+      "ntp_link": [168, 179, 112],
+      "ntp_text": [168, 179, 112],
+      "ntp_link_underline": [28, 32, 33],
+      "ntp_section_link_underline": [28, 32, 33],
+      "button_background": [48, 49, 52]
+    }
+  }
+}
diff --git a/novelknock/Import Manually/chromethemes/README.md b/novelknock/Import Manually/chromethemes/README.md
new file mode 100644
index 000000000..8c35b6a95
--- /dev/null
+++ b/novelknock/Import Manually/chromethemes/README.md	
@@ -0,0 +1,4 @@
+## Chrome themes
+- Go to chrome:extensions (might be different depending on your chromium browser)
+- Click "Load Unpacked"
+- Go to one of the folders in this directory and choose it
\ No newline at end of file
diff --git a/novelknock/Import Manually/chromethemes/TokyoNight/Cached Theme.pak b/novelknock/Import Manually/chromethemes/TokyoNight/Cached Theme.pak
new file mode 100755
index 000000000..72a3c406a
Binary files /dev/null and b/novelknock/Import Manually/chromethemes/TokyoNight/Cached Theme.pak differ
diff --git a/novelknock/Import Manually/chromethemes/TokyoNight/images/icon128.png b/novelknock/Import Manually/chromethemes/TokyoNight/images/icon128.png
new file mode 100755
index 000000000..fbe2ed7e2
Binary files /dev/null and b/novelknock/Import Manually/chromethemes/TokyoNight/images/icon128.png differ
diff --git a/novelknock/Import Manually/chromethemes/TokyoNight/images/icon16.png b/novelknock/Import Manually/chromethemes/TokyoNight/images/icon16.png
new file mode 100755
index 000000000..75e6ced3b
Binary files /dev/null and b/novelknock/Import Manually/chromethemes/TokyoNight/images/icon16.png differ
diff --git a/novelknock/Import Manually/chromethemes/TokyoNight/images/icon48.png b/novelknock/Import Manually/chromethemes/TokyoNight/images/icon48.png
new file mode 100755
index 000000000..c93cfc794
Binary files /dev/null and b/novelknock/Import Manually/chromethemes/TokyoNight/images/icon48.png differ
diff --git a/novelknock/Import Manually/chromethemes/TokyoNight/manifest.json b/novelknock/Import Manually/chromethemes/TokyoNight/manifest.json
new file mode 100755
index 000000000..9f9e5ed0a
--- /dev/null
+++ b/novelknock/Import Manually/chromethemes/TokyoNight/manifest.json	
@@ -0,0 +1,35 @@
+{
+  "manifest_version": 3,
+  "name": "TokyoNight-Dark",
+  "description": "Dark",
+  "version": "3.0",
+  "icons": {
+    "16": "images/icon16.png",
+    "48": "images/icon48.png",
+    "128": "images/icon128.png"
+  },
+  "theme": {
+    "colors": {
+      "frame": [26, 27, 38],
+      "frame_inactive": [26, 27, 38],
+      "frame_incognito": [26, 27, 38],
+      "frame_incognito_inactive": [26, 27, 38],
+      "bookmark_text": [192, 202, 245],
+      "tab_background_text": [192, 202, 245],
+      "tab_background_text_inactive": [192, 202, 245],
+      "tab_background_text_incognito": [192, 202, 245],
+      "tab_background_text_incognito_inactive": [192, 202, 245],
+      "tab_text": [13, 183, 212],
+      "toolbar": [46, 47, 66],
+      "toolbar_button_icon": [192, 202, 245],
+      "omnibox_text": [13, 183, 212],
+      "omnibox_background": [26, 27, 38],
+      "ntp_background": [46, 47, 66],
+      "ntp_link": [13, 183, 212],
+      "ntp_text": [13, 183, 212],
+      "ntp_link_underline": [13, 183, 212],
+      "ntp_section_link_underline": [13, 183, 212],
+      "button_background": [30, 30, 46]
+    }
+  }
+}
diff --git a/novelknock/Import Manually/execs (add to path)/lock.sh b/novelknock/Import Manually/execs (add to path)/lock.sh
new file mode 100755
index 000000000..df768dd43
--- /dev/null
+++ b/novelknock/Import Manually/execs (add to path)/lock.sh	
@@ -0,0 +1 @@
+swaylock --image /home/end/Pictures/ACE.jpg --clock --indicator --line-color cdd6f4ff --text-color cdd6f4ff --inside-color 1e1e2eff --ring-color 313244ff --line-ver-color cdd6f4ff --text-ver-color cdd6f4ff --inside-ver-color 1e1e2eff --ring-ver-color 313244ff --line-clear-color cdd6f4ff --text-clear-color cdd6f4ff --inside-clear-color 1e1e2eff --ring-clear-color 313244ff --line-clear-color cdd6f4ff --text-wrong-color 313244ff --inside-wrong-color f38ba8ff --ring-wrong-color 313244ff --key-hl-color cba6f7ff
diff --git a/novelknock/Import Manually/execs (add to path)/record-script.sh b/novelknock/Import Manually/execs (add to path)/record-script.sh
new file mode 100755
index 000000000..2b0bff036
--- /dev/null
+++ b/novelknock/Import Manually/execs (add to path)/record-script.sh	
@@ -0,0 +1,11 @@
+#/usr/bin/bash
+
+cd /home/end/Videos
+if ["$(pidof wf-recorder)" -ne ""]; then
+    rm recording.mp4
+    notify-send "wf-recorder" "Starting recording"
+    wf-recorder --geometry "$(slurp)"
+else
+    /usr/bin/kill --signal SIGINT wf-recorder
+    notify-send "wf-recorder" "Recording Stopped"
+fi
\ No newline at end of file
diff --git a/novelknock/Import Manually/execs (add to path)/wofi-emoji b/novelknock/Import Manually/execs (add to path)/wofi-emoji
new file mode 100755
index 000000000..938db3afc
--- /dev/null
+++ b/novelknock/Import Manually/execs (add to path)/wofi-emoji	
@@ -0,0 +1,1858 @@
+#!/bin/bash
+if [ $? -eq 0 ]
+then
+    sed '1,/^### DATA ###$/d' $0 | wofi --show dmenu -i | cut -d ' ' -f 1 | tr -d '\n' | wtype -
+else
+    sed '1,/^### DATA ###$/d' $0 | wofi --show dmenu -i | cut -d ' ' -f 1 | tr -d '\n' | wl-copy
+fi
+exit
+### DATA ###
+😀 grinning face face smile happy joy :D grin
+😃 grinning face with big eyes face happy joy haha :D :) smile funny
+😄 grinning face with smiling eyes face happy joy funny haha laugh like :D :) smile
+😁 beaming face with smiling eyes face happy smile joy kawaii
+😆 grinning squinting face happy joy lol satisfied haha face glad XD laugh
+😅 grinning face with sweat face hot happy laugh sweat smile relief
+🤣 rolling on the floor laughing face rolling floor laughing lol haha rofl
+😂 face with tears of joy face cry tears weep happy happytears haha
+🙂 slightly smiling face face smile
+🙃 upside down face face flipped silly smile
+😉 winking face face happy mischievous secret ;) smile eye
+😊 smiling face with smiling eyes face smile happy flushed crush embarrassed shy joy
+😇 smiling face with halo face angel heaven halo
+🥰 smiling face with hearts face love like affection valentines infatuation crush hearts adore
+😍 smiling face with heart eyes face love like affection valentines infatuation crush heart
+🤩 star struck face smile starry eyes grinning
+😘 face blowing a kiss face love like affection valentines infatuation kiss
+😗 kissing face love like face 3 valentines infatuation kiss
+☺️ smiling face face blush massage happiness
+😚 kissing face with closed eyes face love like affection valentines infatuation kiss
+😙 kissing face with smiling eyes face affection valentines infatuation kiss
+😋 face savoring food happy joy tongue smile face silly yummy nom delicious savouring
+😛 face with tongue face prank childish playful mischievous smile tongue
+😜 winking face with tongue face prank childish playful mischievous smile wink tongue
+🤪 zany face face goofy crazy
+😝 squinting face with tongue face prank playful mischievous smile tongue
+🤑 money mouth face face rich dollar money
+🤗 hugging face face smile hug
+🤭 face with hand over mouth face whoops shock surprise
+🤫 shushing face face quiet shhh
+🤔 thinking face face hmmm think consider
+🤐 zipper mouth face face sealed zipper secret
+🤨 face with raised eyebrow face distrust scepticism disapproval disbelief surprise
+😐 neutral face indifference meh :| neutral
+😑 expressionless face face indifferent - - meh deadpan
+😶 face without mouth face hellokitty
+😏 smirking face face smile mean prank smug sarcasm
+😒 unamused face indifference bored straight face serious sarcasm unimpressed skeptical dubious side eye
+🙄 face with rolling eyes face eyeroll frustrated
+😬 grimacing face face grimace teeth
+🤥 lying face face lie pinocchio
+😌 relieved face face relaxed phew massage happiness
+😔 pensive face face sad depressed upset
+😪 sleepy face face tired rest nap
+🤤 drooling face face
+😴 sleeping face face tired sleepy night zzz
+😷 face with medical mask face sick ill disease
+🤒 face with thermometer sick temperature thermometer cold fever
+🤕 face with head bandage injured clumsy bandage hurt
+🤢 nauseated face face vomit gross green sick throw up ill
+🤮 face vomiting face sick
+🤧 sneezing face face gesundheit sneeze sick allergy
+🥵 hot face face feverish heat red sweating
+🥶 cold face face blue freezing frozen frostbite icicles
+🥴 woozy face face dizzy intoxicated tipsy wavy
+😵 dizzy face spent unconscious xox dizzy
+🤯 exploding head face shocked mind blown
+🤠 cowboy hat face face cowgirl hat
+🥳 partying face face celebration woohoo
+😎 smiling face with sunglasses face cool smile summer beach sunglass
+🤓 nerd face face nerdy geek dork
+🧐 face with monocle face stuffy wealthy
+😕 confused face face indifference huh weird hmmm :/
+😟 worried face face concern nervous :(
+🙁 slightly frowning face face frowning disappointed sad upset
+☹️ frowning face face sad upset frown
+😮 face with open mouth face surprise impressed wow whoa :O
+😯 hushed face face woo shh
+😲 astonished face face xox surprised poisoned
+😳 flushed face face blush shy flattered
+🥺 pleading face face begging mercy
+😦 frowning face with open mouth face aw what
+😧 anguished face face stunned nervous
+😨 fearful face face scared terrified nervous oops huh
+😰 anxious face with sweat face nervous sweat
+😥 sad but relieved face face phew sweat nervous
+😢 crying face face tears sad depressed upset :'(
+😭 loudly crying face face cry tears sad upset depressed
+😱 face screaming in fear face munch scared omg
+😖 confounded face face confused sick unwell oops :S
+😣 persevering face face sick no upset oops
+😞 disappointed face face sad upset depressed :(
+😓 downcast face with sweat face hot sad tired exercise
+😩 weary face face tired sleepy sad frustrated upset
+😫 tired face sick whine upset frustrated
+🥱 yawning face tired sleepy
+😤 face with steam from nose face gas phew proud pride
+😡 pouting face angry mad hate despise
+😠 angry face mad face annoyed frustrated
+🤬 face with symbols on mouth face swearing cursing cussing profanity expletive
+😈 smiling face with horns devil horns
+👿 angry face with horns devil angry horns
+💀 skull dead skeleton creepy death
+☠️ skull and crossbones poison danger deadly scary death pirate evil
+💩 pile of poo hankey shitface fail turd shit
+🤡 clown face face
+👹 ogre monster red mask halloween scary creepy devil demon japanese ogre
+👺 goblin red evil mask monster scary creepy japanese goblin
+👻 ghost halloween spooky scary
+👽 alien UFO paul weird outer space
+👾 alien monster game arcade play
+🤖 robot computer machine bot
+😺 grinning cat animal cats happy smile
+😸 grinning cat with smiling eyes animal cats smile
+😹 cat with tears of joy animal cats haha happy tears
+😻 smiling cat with heart eyes animal love like affection cats valentines heart
+😼 cat with wry smile animal cats smirk
+😽 kissing cat animal cats kiss
+🙀 weary cat animal cats munch scared scream
+😿 crying cat animal tears weep sad cats upset cry
+😾 pouting cat animal cats
+🙈 see no evil monkey monkey animal nature haha
+🙉 hear no evil monkey animal monkey nature
+🙊 speak no evil monkey monkey animal nature omg
+💋 kiss mark face lips love like affection valentines
+💌 love letter email like affection envelope valentines
+💘 heart with arrow love like heart affection valentines
+💝 heart with ribbon love valentines
+💖 sparkling heart love like affection valentines
+💗 growing heart like love affection valentines pink
+💓 beating heart love like affection valentines pink heart
+💞 revolving hearts love like affection valentines
+💕 two hearts love like affection valentines heart
+💟 heart decoration purple-square love like
+❣️ heart exclamation decoration love
+💔 broken heart sad sorry break heart heartbreak
+❤️ red heart love like valentines
+🧡 orange heart love like affection valentines
+💛 yellow heart love like affection valentines
+💚 green heart love like affection valentines
+💙 blue heart love like affection valentines
+💜 purple heart love like affection valentines
+🤎 brown heart coffee
+🖤 black heart evil
+🤍 white heart pure
+💯 hundred points score perfect numbers century exam quiz test pass hundred
+💢 anger symbol angry mad
+💥 collision bomb explode explosion collision blown
+💫 dizzy star sparkle shoot magic
+💦 sweat droplets water drip oops
+💨 dashing away wind air fast shoo fart smoke puff
+🕳️ hole embarrassing
+💣 bomb boom explode explosion terrorism
+💬 speech balloon bubble words message talk chatting
+👁️‍🗨️ eye in speech bubble info
+🗨️ left speech bubble words message talk chatting
+🗯️ right anger bubble caption speech thinking mad
+💭 thought balloon bubble cloud speech thinking dream
+💤 zzz sleepy tired dream
+👋 waving hand hands gesture goodbye solong farewell hello hi palm
+🤚 raised back of hand fingers raised backhand
+🖐️ hand with fingers splayed hand fingers palm
+✋ raised hand fingers stop highfive palm ban
+🖖 vulcan salute hand fingers spock star trek
+👌 ok hand fingers limbs perfect ok okay
+🤏 pinching hand tiny small size
+✌️ victory hand fingers ohyeah hand peace victory two
+🤞 crossed fingers good lucky
+🤟 love you gesture hand fingers gesture
+🤘 sign of the horns hand fingers evil eye sign of horns rock on
+🤙 call me hand hands gesture shaka
+👈 backhand index pointing left direction fingers hand left
+👉 backhand index pointing right fingers hand direction right
+👆 backhand index pointing up fingers hand direction up
+🖕 middle finger hand fingers rude middle flipping
+👇 backhand index pointing down fingers hand direction down
+☝️ index pointing up hand fingers direction up
+👍 thumbs up thumbsup yes awesome good agree accept cool hand like +1
+👎 thumbs down thumbsdown no dislike hand -1
+✊ raised fist fingers hand grasp
+👊 oncoming fist angry violence fist hit attack hand
+🤛 left facing fist hand fistbump
+🤜 right facing fist hand fistbump
+👏 clapping hands hands praise applause congrats yay
+🙌 raising hands gesture hooray yea celebration hands
+👐 open hands fingers butterfly hands open
+🤲 palms up together hands gesture cupped prayer
+🤝 handshake agreement shake
+🙏 folded hands please hope wish namaste highfive pray
+✍️ writing hand lower left ballpoint pen stationery write compose
+💅 nail polish beauty manicure finger fashion nail
+🤳 selfie camera phone
+💪 flexed biceps arm flex hand summer strong biceps
+🦾 mechanical arm accessibility
+🦿 mechanical leg accessibility
+🦵 leg kick limb
+🦶 foot kick stomp
+👂 ear face hear sound listen
+🦻 ear with hearing aid accessibility
+👃 nose smell sniff
+🧠 brain smart intelligent
+🦷 tooth teeth dentist
+🦴 bone skeleton
+👀 eyes look watch stalk peek see
+👁️ eye face look see watch stare
+👅 tongue mouth playful
+👄 mouth mouth kiss
+👶 baby child boy girl toddler
+🧒 child gender-neutral young
+👦 boy man male guy teenager
+👧 girl female woman teenager
+🧑 person gender-neutral person
+👱 person blond hair hairstyle
+👨 man mustache father dad guy classy sir moustache
+🧔 man beard person bewhiskered
+👨‍🦰 man red hair hairstyle
+👨‍🦱 man curly hair hairstyle
+👨‍🦳 man white hair old elder
+👨‍🦲 man bald hairless
+👩 woman female girls lady
+👩‍🦰 woman red hair hairstyle
+🧑‍🦰 person red hair hairstyle
+👩‍🦱 woman curly hair hairstyle
+🧑‍🦱 person curly hair hairstyle
+👩‍🦳 woman white hair old elder
+🧑‍🦳 person white hair elder old
+👩‍🦲 woman bald hairless
+🧑‍🦲 person bald hairless
+👱‍♀️ woman blond hair woman female girl blonde person
+👱‍♂️ man blond hair man male boy blonde guy person
+🧓 older person human elder senior gender-neutral
+👴 old man human male men old elder senior
+👵 old woman human female women lady old elder senior
+🙍 person frowning worried
+🙍‍♂️ man frowning male boy man sad depressed discouraged unhappy
+🙍‍♀️ woman frowning female girl woman sad depressed discouraged unhappy
+🙎 person pouting upset
+🙎‍♂️ man pouting male boy man
+🙎‍♀️ woman pouting female girl woman
+🙅 person gesturing no decline
+🙅‍♂️ man gesturing no male boy man nope
+🙅‍♀️ woman gesturing no female girl woman nope
+🙆 person gesturing ok agree
+🙆‍♂️ man gesturing ok men boy male blue human man
+🙆‍♀️ woman gesturing ok women girl female pink human woman
+💁 person tipping hand information
+💁‍♂️ man tipping hand male boy man human information
+💁‍♀️ woman tipping hand female girl woman human information
+🙋 person raising hand question
+🙋‍♂️ man raising hand male boy man
+🙋‍♀️ woman raising hand female girl woman
+🧏 deaf person accessibility
+🧏‍♂️ deaf man accessibility
+🧏‍♀️ deaf woman accessibility
+🙇 person bowing respectiful
+🙇‍♂️ man bowing man male boy
+🙇‍♀️ woman bowing woman female girl
+🤦 person facepalming disappointed
+🤦‍♂️ man facepalming man male boy disbelief
+🤦‍♀️ woman facepalming woman female girl disbelief
+🤷 person shrugging regardless
+🤷‍♂️ man shrugging man male boy confused indifferent doubt
+🤷‍♀️ woman shrugging woman female girl confused indifferent doubt
+🧑‍⚕️ health worker hospital
+👨‍⚕️ man health worker doctor nurse therapist healthcare man human
+👩‍⚕️ woman health worker doctor nurse therapist healthcare woman human
+🧑‍🎓 student learn
+👨‍🎓 man student graduate man human
+👩‍🎓 woman student graduate woman human
+🧑‍🏫 teacher professor
+👨‍🏫 man teacher instructor professor man human
+👩‍🏫 woman teacher instructor professor woman human
+🧑‍⚖️ judge law
+👨‍⚖️ man judge justice court man human
+👩‍⚖️ woman judge justice court woman human
+🧑‍🌾 farmer crops
+👨‍🌾 man farmer rancher gardener man human
+👩‍🌾 woman farmer rancher gardener woman human
+🧑‍🍳 cook food kitchen culinary
+👨‍🍳 man cook chef man human
+👩‍🍳 woman cook chef woman human
+🧑‍🔧 mechanic worker technician
+👨‍🔧 man mechanic plumber man human wrench
+👩‍🔧 woman mechanic plumber woman human wrench
+🧑‍🏭 factory worker labor
+👨‍🏭 man factory worker assembly industrial man human
+👩‍🏭 woman factory worker assembly industrial woman human
+🧑‍💼 office worker business
+👨‍💼 man office worker business manager man human
+👩‍💼 woman office worker business manager woman human
+🧑‍🔬 scientist chemistry
+👨‍🔬 man scientist biologist chemist engineer physicist man human
+👩‍🔬 woman scientist biologist chemist engineer physicist woman human
+🧑‍💻 technologist computer
+👨‍💻 man technologist coder developer engineer programmer software man human laptop computer
+👩‍💻 woman technologist coder developer engineer programmer software woman human laptop computer
+🧑‍🎤 singer song artist performer
+👨‍🎤 man singer rockstar entertainer man human
+👩‍🎤 woman singer rockstar entertainer woman human
+🧑‍🎨 artist painting draw creativity
+👨‍🎨 man artist painter man human
+👩‍🎨 woman artist painter woman human
+🧑‍✈️ pilot fly plane airplane
+👨‍✈️ man pilot aviator plane man human
+👩‍✈️ woman pilot aviator plane woman human
+🧑‍🚀 astronaut outerspace
+👨‍🚀 man astronaut space rocket man human
+👩‍🚀 woman astronaut space rocket woman human
+🧑‍🚒 firefighter fire
+👨‍🚒 man firefighter fireman man human
+👩‍🚒 woman firefighter fireman woman human
+👮 police officer cop
+👮‍♂️ man police officer man police law legal enforcement arrest 911
+👮‍♀️ woman police officer woman police law legal enforcement arrest 911 female
+🕵️ detective human spy detective
+🕵️‍♂️ man detective crime
+🕵️‍♀️ woman detective human spy detective female woman
+💂 guard protect
+💂‍♂️ man guard uk gb british male guy royal
+💂‍♀️ woman guard uk gb british female royal woman
+👷 construction worker labor build
+👷‍♂️ man construction worker male human wip guy build construction worker labor
+👷‍♀️ woman construction worker female human wip build construction worker labor woman
+🤴 prince boy man male crown royal king
+👸 princess girl woman female blond crown royal queen
+👳 person wearing turban headdress
+👳‍♂️ man wearing turban male indian hinduism arabs
+👳‍♀️ woman wearing turban female indian hinduism arabs woman
+👲 man with skullcap male boy chinese
+🧕 woman with headscarf female hijab mantilla tichel
+🤵 man in tuxedo couple marriage wedding groom
+👰 bride with veil couple marriage wedding woman bride
+🤰 pregnant woman baby
+🤱 breast feeding nursing baby
+👼 baby angel heaven wings halo
+🎅 santa claus festival man male xmas father christmas
+🤶 mrs claus woman female xmas mother christmas
+🦸 superhero marvel
+🦸‍♂️ man superhero man male good hero superpowers
+🦸‍♀️ woman superhero woman female good heroine superpowers
+🦹 supervillain marvel
+🦹‍♂️ man supervillain man male evil bad criminal hero superpowers
+🦹‍♀️ woman supervillain woman female evil bad criminal heroine superpowers
+🧙 mage magic
+🧙‍♂️ man mage man male mage sorcerer
+🧙‍♀️ woman mage woman female mage witch
+🧚 fairy wings magical
+🧚‍♂️ man fairy man male
+🧚‍♀️ woman fairy woman female
+🧛 vampire blood twilight
+🧛‍♂️ man vampire man male dracula
+🧛‍♀️ woman vampire woman female
+🧜 merperson sea
+🧜‍♂️ merman man male triton
+🧜‍♀️ mermaid woman female merwoman ariel
+🧝 elf magical
+🧝‍♂️ man elf man male
+🧝‍♀️ woman elf woman female
+🧞 genie magical wishes
+🧞‍♂️ man genie man male
+🧞‍♀️ woman genie woman female
+🧟 zombie dead
+🧟‍♂️ man zombie man male dracula undead walking dead
+🧟‍♀️ woman zombie woman female undead walking dead
+💆 person getting massage relax
+💆‍♂️ man getting massage male boy man head
+💆‍♀️ woman getting massage female girl woman head
+💇 person getting haircut hairstyle
+💇‍♂️ man getting haircut male boy man
+💇‍♀️ woman getting haircut female girl woman
+🚶 person walking move
+🚶‍♂️ man walking human feet steps
+🚶‍♀️ woman walking human feet steps woman female
+🧍 person standing still
+🧍‍♂️ man standing still
+🧍‍♀️ woman standing still
+🧎 person kneeling pray respectful
+🧎‍♂️ man kneeling pray respectful
+🧎‍♀️ woman kneeling respectful pray
+🧑‍🦯 person with probing cane blind
+👨‍🦯 man with probing cane blind
+👩‍🦯 woman with probing cane blind
+🧑‍🦼 person in motorized wheelchair disability accessibility
+👨‍🦼 man in motorized wheelchair disability accessibility
+👩‍🦼 woman in motorized wheelchair disability accessibility
+🧑‍🦽 person in manual wheelchair disability accessibility
+👨‍🦽 man in manual wheelchair disability accessibility
+👩‍🦽 woman in manual wheelchair disability accessibility
+🏃 person running move
+🏃‍♂️ man running man walking exercise race running
+🏃‍♀️ woman running woman walking exercise race running female
+💃 woman dancing female girl woman fun
+🕺 man dancing male boy fun dancer
+🕴️ man in suit levitating suit business levitate hover jump
+👯 people with bunny ears perform costume
+👯‍♂️ men with bunny ears male bunny men boys
+👯‍♀️ women with bunny ears female bunny women girls
+🧖 person in steamy room relax spa
+🧖‍♂️ man in steamy room male man spa steamroom sauna
+🧖‍♀️ woman in steamy room female woman spa steamroom sauna
+🧗 person climbing sport
+🧗‍♂️ man climbing sports hobby man male rock
+🧗‍♀️ woman climbing sports hobby woman female rock
+🤺 person fencing sports fencing sword
+🏇 horse racing animal betting competition gambling luck
+⛷️ skier sports winter snow
+🏂 snowboarder sports winter
+🏌️ person golfing sports business
+🏌️‍♂️ man golfing sport
+🏌️‍♀️ woman golfing sports business woman female
+🏄 person surfing sport sea
+🏄‍♂️ man surfing sports ocean sea summer beach
+🏄‍♀️ woman surfing sports ocean sea summer beach woman female
+🚣 person rowing boat sport move
+🚣‍♂️ man rowing boat sports hobby water ship
+🚣‍♀️ woman rowing boat sports hobby water ship woman female
+🏊 person swimming sport pool
+🏊‍♂️ man swimming sports exercise human athlete water summer
+🏊‍♀️ woman swimming sports exercise human athlete water summer woman female
+⛹️ person bouncing ball sports human
+⛹️‍♂️ man bouncing ball sport
+⛹️‍♀️ woman bouncing ball sports human woman female
+🏋️ person lifting weights sports training exercise
+🏋️‍♂️ man lifting weights sport
+🏋️‍♀️ woman lifting weights sports training exercise woman female
+🚴 person biking sport move
+🚴‍♂️ man biking sports bike exercise hipster
+🚴‍♀️ woman biking sports bike exercise hipster woman female
+🚵 person mountain biking sport move
+🚵‍♂️ man mountain biking transportation sports human race bike
+🚵‍♀️ woman mountain biking transportation sports human race bike woman female
+🤸 person cartwheeling sport gymnastic
+🤸‍♂️ man cartwheeling gymnastics
+🤸‍♀️ woman cartwheeling gymnastics
+🤼 people wrestling sport
+🤼‍♂️ men wrestling sports wrestlers
+🤼‍♀️ women wrestling sports wrestlers
+🤽 person playing water polo sport
+🤽‍♂️ man playing water polo sports pool
+🤽‍♀️ woman playing water polo sports pool
+🤾 person playing handball sport
+🤾‍♂️ man playing handball sports
+🤾‍♀️ woman playing handball sports
+🤹 person juggling performance balance
+🤹‍♂️ man juggling juggle balance skill multitask
+🤹‍♀️ woman juggling juggle balance skill multitask
+🧘 person in lotus position meditate
+🧘‍♂️ man in lotus position man male meditation yoga serenity zen mindfulness
+🧘‍♀️ woman in lotus position woman female meditation yoga serenity zen mindfulness
+🛀 person taking bath clean shower bathroom
+🛌 person in bed bed rest
+🧑‍🤝‍🧑 people holding hands friendship
+👭 women holding hands pair friendship couple love like female people human
+👫 woman and man holding hands pair people human love date dating like affection valentines marriage
+👬 men holding hands pair couple love like bromance friendship people human
+💏 kiss pair valentines love like dating marriage
+👩‍❤️‍💋‍👨 kiss woman man love
+👨‍❤️‍💋‍👨 kiss man man pair valentines love like dating marriage
+👩‍❤️‍💋‍👩 kiss woman woman pair valentines love like dating marriage
+💑 couple with heart pair love like affection human dating valentines marriage
+👩‍❤️‍👨 couple with heart woman man love
+👨‍❤️‍👨 couple with heart man man pair love like affection human dating valentines marriage
+👩‍❤️‍👩 couple with heart woman woman pair love like affection human dating valentines marriage
+👪 family home parents child mom dad father mother people human
+👨‍👩‍👦 family man woman boy love
+👨‍👩‍👧 family man woman girl home parents people human child
+👨‍👩‍👧‍👦 family man woman girl boy home parents people human children
+👨‍👩‍👦‍👦 family man woman boy boy home parents people human children
+👨‍👩‍👧‍👧 family man woman girl girl home parents people human children
+👨‍👨‍👦 family man man boy home parents people human children
+👨‍👨‍👧 family man man girl home parents people human children
+👨‍👨‍👧‍👦 family man man girl boy home parents people human children
+👨‍👨‍👦‍👦 family man man boy boy home parents people human children
+👨‍👨‍👧‍👧 family man man girl girl home parents people human children
+👩‍👩‍👦 family woman woman boy home parents people human children
+👩‍👩‍👧 family woman woman girl home parents people human children
+👩‍👩‍👧‍👦 family woman woman girl boy home parents people human children
+👩‍👩‍👦‍👦 family woman woman boy boy home parents people human children
+👩‍👩‍👧‍👧 family woman woman girl girl home parents people human children
+👨‍👦 family man boy home parent people human child
+👨‍👦‍👦 family man boy boy home parent people human children
+👨‍👧 family man girl home parent people human child
+👨‍👧‍👦 family man girl boy home parent people human children
+👨‍👧‍👧 family man girl girl home parent people human children
+👩‍👦 family woman boy home parent people human child
+👩‍👦‍👦 family woman boy boy home parent people human children
+👩‍👧 family woman girl home parent people human child
+👩‍👧‍👦 family woman girl boy home parent people human children
+👩‍👧‍👧 family woman girl girl home parent people human children
+🗣️ speaking head user person human sing say talk
+👤 bust in silhouette user person human
+👥 busts in silhouette user person human group team
+👣 footprints feet tracking walking beach
+🐵 monkey face animal nature circus
+🐒 monkey animal nature banana circus
+🦍 gorilla animal nature circus
+🦧 orangutan animal
+🐶 dog face animal friend nature woof puppy pet faithful
+🐕 dog animal nature friend doge pet faithful
+🦮 guide dog animal blind
+🐕‍🦺 service dog blind animal
+🐩 poodle dog animal 101 nature pet
+🐺 wolf animal nature wild
+🦊 fox animal nature face
+🦝 raccoon animal nature
+🐱 cat face animal meow nature pet kitten
+🐈 cat animal meow pet cats
+🦁 lion animal nature
+🐯 tiger face animal cat danger wild nature roar
+🐅 tiger animal nature roar
+🐆 leopard animal nature
+🐴 horse face animal brown nature
+🐎 horse animal gamble luck
+🦄 unicorn animal nature mystical
+🦓 zebra animal nature stripes safari
+🦌 deer animal nature horns venison
+🐮 cow face beef ox animal nature moo milk
+🐂 ox animal cow beef
+🐃 water buffalo animal nature ox cow
+🐄 cow beef ox animal nature moo milk
+🐷 pig face animal oink nature
+🐖 pig animal nature
+🐗 boar animal nature
+🐽 pig nose animal oink
+🐏 ram animal sheep nature
+🐑 ewe animal nature wool shipit
+🐐 goat animal nature
+🐪 camel animal hot desert hump
+🐫 two hump camel animal nature hot desert hump
+🦙 llama animal nature alpaca
+🦒 giraffe animal nature spots safari
+🐘 elephant animal nature nose th circus
+🦏 rhinoceros animal nature horn
+🦛 hippopotamus animal nature
+🐭 mouse face animal nature cheese wedge rodent
+🐁 mouse animal nature rodent
+🐀 rat animal mouse rodent
+🐹 hamster animal nature
+🐰 rabbit face animal nature pet spring magic bunny
+🐇 rabbit animal nature pet magic spring
+🐿️ chipmunk animal nature rodent squirrel
+🦔 hedgehog animal nature spiny
+🦇 bat animal nature blind vampire
+🐻 bear animal nature wild
+🐨 koala animal nature
+🐼 panda animal nature panda
+🦥 sloth animal
+🦦 otter animal
+🦨 skunk animal
+🦘 kangaroo animal nature australia joey hop marsupial
+🦡 badger animal nature honey
+🐾 paw prints animal tracking footprints dog cat pet feet
+🦃 turkey animal bird
+🐔 chicken animal cluck nature bird
+🐓 rooster animal nature chicken
+🐣 hatching chick animal chicken egg born baby bird
+🐤 baby chick animal chicken bird
+🐥 front facing baby chick animal chicken baby bird
+🐦 bird animal nature fly tweet spring
+🐧 penguin animal nature
+🕊️ dove animal bird
+🦅 eagle animal nature bird
+🦆 duck animal nature bird mallard
+🦢 swan animal nature bird
+🦉 owl animal nature bird hoot
+🦩 flamingo animal
+🦚 peacock animal nature peahen bird
+🦜 parrot animal nature bird pirate talk
+🐸 frog animal nature croak toad
+🐊 crocodile animal nature reptile lizard alligator
+🐢 turtle animal slow nature tortoise
+🦎 lizard animal nature reptile
+🐍 snake animal evil nature hiss python
+🐲 dragon face animal myth nature chinese green
+🐉 dragon animal myth nature chinese green
+🦕 sauropod animal nature dinosaur brachiosaurus brontosaurus diplodocus extinct
+🦖 t rex animal nature dinosaur tyrannosaurus extinct
+🐳 spouting whale animal nature sea ocean
+🐋 whale animal nature sea ocean
+🐬 dolphin animal nature fish sea ocean flipper fins beach
+🐟 fish animal food nature
+🐠 tropical fish animal swim ocean beach nemo
+🐡 blowfish animal nature food sea ocean
+🦈 shark animal nature fish sea ocean jaws fins beach
+🐙 octopus animal creature ocean sea nature beach
+🐚 spiral shell nature sea beach
+🐌 snail slow animal shell
+🦋 butterfly animal insect nature caterpillar
+🐛 bug animal insect nature worm
+🐜 ant animal insect nature bug
+🐝 honeybee animal insect nature bug spring honey
+🐞 lady beetle animal insect nature ladybug
+🦗 cricket animal cricket chirp
+🕷️ spider animal arachnid
+🕸️ spider web animal insect arachnid silk
+🦂 scorpion animal arachnid
+🦟 mosquito animal nature insect malaria
+🦠 microbe amoeba bacteria germs virus
+💐 bouquet flowers nature spring
+🌸 cherry blossom nature plant spring flower
+💮 white flower japanese spring
+🏵️ rosette flower decoration military
+🌹 rose flowers valentines love spring
+🥀 wilted flower plant nature flower
+🌺 hibiscus plant vegetable flowers beach
+🌻 sunflower nature plant fall
+🌼 blossom nature flowers yellow
+🌷 tulip flowers plant nature summer spring
+🌱 seedling plant nature grass lawn spring
+🌲 evergreen tree plant nature
+🌳 deciduous tree plant nature
+🌴 palm tree plant vegetable nature summer beach mojito tropical
+🌵 cactus vegetable plant nature
+🌾 sheaf of rice nature plant
+🌿 herb vegetable plant medicine weed grass lawn
+☘️ shamrock vegetable plant nature irish clover
+🍀 four leaf clover vegetable plant nature lucky irish
+🍁 maple leaf nature plant vegetable ca fall
+🍂 fallen leaf nature plant vegetable leaves
+🍃 leaf fluttering in wind nature plant tree vegetable grass lawn spring
+🍇 grapes fruit food wine
+🍈 melon fruit nature food
+🍉 watermelon fruit food picnic summer
+🍊 tangerine food fruit nature orange
+🍋 lemon fruit nature
+🍌 banana fruit food monkey
+🍍 pineapple fruit nature food
+🥭 mango fruit food tropical
+🍎 red apple fruit mac school
+🍏 green apple fruit nature
+🍐 pear fruit nature food
+🍑 peach fruit nature food
+🍒 cherries food fruit
+🍓 strawberry fruit food nature
+🥝 kiwi fruit fruit food
+🍅 tomato fruit vegetable nature food
+🥥 coconut fruit nature food palm
+🥑 avocado fruit food
+🍆 eggplant vegetable nature food aubergine
+🥔 potato food tuber vegatable starch
+🥕 carrot vegetable food orange
+🌽 ear of corn food vegetable plant
+🌶️ hot pepper food spicy chilli chili
+🥒 cucumber fruit food pickle
+🥬 leafy green food vegetable plant bok choy cabbage kale lettuce
+🥦 broccoli fruit food vegetable
+🧄 garlic food spice cook
+🧅 onion cook food spice
+🍄 mushroom plant vegetable
+🥜 peanuts food nut
+🌰 chestnut food squirrel
+🍞 bread food wheat breakfast toast
+🥐 croissant food bread french
+🥖 baguette bread food bread french
+🥨 pretzel food bread twisted
+🥯 bagel food bread bakery schmear
+🥞 pancakes food breakfast flapjacks hotcakes
+🧇 waffle food breakfast
+🧀 cheese wedge food chadder
+🍖 meat on bone good food drumstick
+🍗 poultry leg food meat drumstick bird chicken turkey
+🥩 cut of meat food cow meat cut chop lambchop porkchop
+🥓 bacon food breakfast pork pig meat
+🍔 hamburger meat fast food beef cheeseburger mcdonalds burger king
+🍟 french fries chips snack fast food
+🍕 pizza food party
+🌭 hot dog food frankfurter
+🥪 sandwich food lunch bread
+🌮 taco food mexican
+🌯 burrito food mexican
+🥙 stuffed flatbread food flatbread stuffed gyro
+🧆 falafel food
+🥚 egg food chicken breakfast
+🍳 cooking food breakfast kitchen egg
+🥘 shallow pan of food food cooking casserole paella
+🍲 pot of food food meat soup
+🥣 bowl with spoon food breakfast cereal oatmeal porridge
+🥗 green salad food healthy lettuce
+🍿 popcorn food movie theater films snack
+🧈 butter food cook
+🧂 salt condiment shaker
+🥫 canned food food soup
+🍱 bento box food japanese box
+🍘 rice cracker food japanese
+🍙 rice ball food japanese
+🍚 cooked rice food china asian
+🍛 curry rice food spicy hot indian
+🍜 steaming bowl food japanese noodle chopsticks
+🍝 spaghetti food italian noodle
+🍠 roasted sweet potato food nature
+🍢 oden food japanese
+🍣 sushi food fish japanese rice
+🍤 fried shrimp food animal appetizer summer
+🍥 fish cake with swirl food japan sea beach narutomaki pink swirl kamaboko surimi ramen
+🥮 moon cake food autumn
+🍡 dango food dessert sweet japanese barbecue meat
+🥟 dumpling food empanada pierogi potsticker
+🥠 fortune cookie food prophecy
+🥡 takeout box food leftovers
+🦀 crab animal crustacean
+🦞 lobster animal nature bisque claws seafood
+🦐 shrimp animal ocean nature seafood
+🦑 squid animal nature ocean sea
+🦪 oyster food
+🍦 soft ice cream food hot dessert summer
+🍧 shaved ice hot dessert summer
+🍨 ice cream food hot dessert
+🍩 doughnut food dessert snack sweet donut
+🍪 cookie food snack oreo chocolate sweet dessert
+🎂 birthday cake food dessert cake
+🍰 shortcake food dessert
+🧁 cupcake food dessert bakery sweet
+🥧 pie food dessert pastry
+🍫 chocolate bar food snack dessert sweet
+🍬 candy snack dessert sweet lolly
+🍭 lollipop food snack candy sweet
+🍮 custard dessert food
+🍯 honey pot bees sweet kitchen
+🍼 baby bottle food container milk
+🥛 glass of milk beverage drink cow
+☕ hot beverage beverage caffeine latte espresso coffee
+🍵 teacup without handle drink bowl breakfast green british
+🍶 sake wine drink drunk beverage japanese alcohol booze
+🍾 bottle with popping cork drink wine bottle celebration
+🍷 wine glass drink beverage drunk alcohol booze
+🍸 cocktail glass drink drunk alcohol beverage booze mojito
+🍹 tropical drink beverage cocktail summer beach alcohol booze mojito
+🍺 beer mug relax beverage drink drunk party pub summer alcohol booze
+🍻 clinking beer mugs relax beverage drink drunk party pub summer alcohol booze
+🥂 clinking glasses beverage drink party alcohol celebrate cheers wine champagne toast
+🥃 tumbler glass drink beverage drunk alcohol liquor booze bourbon scotch whisky glass shot
+🥤 cup with straw drink soda
+🧃 beverage box drink
+🧉 mate drink tea beverage
+🧊 ice water cold
+🥢 chopsticks food
+🍽️ fork and knife with plate food eat meal lunch dinner restaurant
+🍴 fork and knife cutlery kitchen
+🥄 spoon cutlery kitchen tableware
+🔪 kitchen knife knife blade cutlery kitchen weapon
+🏺 amphora vase jar
+🌍 globe showing europe africa globe world international
+🌎 globe showing americas globe world USA international
+🌏 globe showing asia australia globe world east international
+🌐 globe with meridians earth international world internet interweb i18n
+🗺️ world map location direction
+🗾 map of japan nation country japanese asia
+🧭 compass magnetic navigation orienteering
+🏔️ snow capped mountain photo nature environment winter cold
+⛰️ mountain photo nature environment
+🌋 volcano photo nature disaster
+🗻 mount fuji photo mountain nature japanese
+🏕️ camping photo outdoors tent
+🏖️ beach with umbrella weather summer sunny sand mojito
+🏜️ desert photo warm saharah
+🏝️ desert island photo tropical mojito
+🏞️ national park photo environment nature
+🏟️ stadium photo place sports concert venue
+🏛️ classical building art culture history
+🏗️ building construction wip working progress
+🧱 brick bricks
+🏘️ houses buildings photo
+🏚️ derelict house abandon evict broken building
+🏠 house building home
+🏡 house with garden home plant nature
+🏢 office building building bureau work
+🏣 japanese post office building envelope communication
+🏤 post office building email
+🏥 hospital building health surgery doctor
+🏦 bank building money sales cash business enterprise
+🏨 hotel building accomodation checkin
+🏩 love hotel like affection dating
+🏪 convenience store building shopping groceries
+🏫 school building student education learn teach
+🏬 department store building shopping mall
+🏭 factory building industry pollution smoke
+🏯 japanese castle photo building
+🏰 castle building royalty history
+💒 wedding love like affection couple marriage bride groom
+🗼 tokyo tower photo japanese
+🗽 statue of liberty american newyork
+⛪ church building religion christ
+🕌 mosque islam worship minaret
+🛕 hindu temple religion
+🕍 synagogue judaism worship temple jewish
+⛩️ shinto shrine temple japan kyoto
+🕋 kaaba mecca mosque islam
+⛲ fountain photo summer water fresh
+⛺ tent photo camping outdoors
+🌁 foggy photo mountain
+🌃 night with stars evening city downtown
+🏙️ cityscape photo night life urban
+🌄 sunrise over mountains view vacation photo
+🌅 sunrise morning view vacation photo
+🌆 cityscape at dusk photo evening sky buildings
+🌇 sunset photo good morning dawn
+🌉 bridge at night photo sanfrancisco
+♨️ hot springs bath warm relax
+🎠 carousel horse photo carnival
+🎡 ferris wheel photo carnival londoneye
+🎢 roller coaster carnival playground photo fun
+💈 barber pole hair salon style
+🎪 circus tent festival carnival party
+🚂 locomotive transportation vehicle train
+🚃 railway car transportation vehicle
+🚄 high speed train transportation vehicle
+🚅 bullet train transportation vehicle speed fast public travel
+🚆 train transportation vehicle
+🚇 metro transportation blue-square mrt underground tube
+🚈 light rail transportation vehicle
+🚉 station transportation vehicle public
+🚊 tram transportation vehicle
+🚝 monorail transportation vehicle
+🚞 mountain railway transportation vehicle
+🚋 tram car transportation vehicle carriage public travel
+🚌 bus car vehicle transportation
+🚍 oncoming bus vehicle transportation
+🚎 trolleybus bart transportation vehicle
+🚐 minibus vehicle car transportation
+🚑 ambulance health 911 hospital
+🚒 fire engine transportation cars vehicle
+🚓 police car vehicle cars transportation law legal enforcement
+🚔 oncoming police car vehicle law legal enforcement 911
+🚕 taxi uber vehicle cars transportation
+🚖 oncoming taxi vehicle cars uber
+🚗 automobile red transportation vehicle
+🚘 oncoming automobile car vehicle transportation
+🚙 sport utility vehicle transportation vehicle
+🚚 delivery truck cars transportation
+🚛 articulated lorry vehicle cars transportation express
+🚜 tractor vehicle car farming agriculture
+🏎️ racing car sports race fast formula f1
+🏍️ motorcycle race sports fast
+🛵 motor scooter vehicle vespa sasha
+🦽 manual wheelchair accessibility
+🦼 motorized wheelchair accessibility
+🛺 auto rickshaw move transportation
+🚲 bicycle sports bicycle exercise hipster
+🛴 kick scooter vehicle kick razor
+🛹 skateboard board
+🚏 bus stop transportation wait
+🛣️ motorway road cupertino interstate highway
+🛤️ railway track train transportation
+🛢️ oil drum barrell
+⛽ fuel pump gas station petroleum
+🚨 police car light police ambulance 911 emergency alert error pinged law legal
+🚥 horizontal traffic light transportation signal
+🚦 vertical traffic light transportation driving
+🛑 stop sign stop
+🚧 construction wip progress caution warning
+⚓ anchor ship ferry sea boat
+⛵ sailboat ship summer transportation water sailing
+🛶 canoe boat paddle water ship
+🚤 speedboat ship transportation vehicle summer
+🛳️ passenger ship yacht cruise ferry
+⛴️ ferry boat ship yacht
+🛥️ motor boat ship
+🚢 ship transportation titanic deploy
+✈️ airplane vehicle transportation flight fly
+🛩️ small airplane flight transportation fly vehicle
+🛫 airplane departure airport flight landing
+🛬 airplane arrival airport flight boarding
+🪂 parachute fly glide
+💺 seat sit airplane transport bus flight fly
+🚁 helicopter transportation vehicle fly
+🚟 suspension railway vehicle transportation
+🚠 mountain cableway transportation vehicle ski
+🚡 aerial tramway transportation vehicle ski
+🛰️ satellite communication gps orbit spaceflight NASA ISS
+🚀 rocket launch ship staffmode NASA outer space outer space fly
+🛸 flying saucer transportation vehicle ufo
+🛎️ bellhop bell service
+🧳 luggage packing travel
+⌛ hourglass done time clock oldschool limit exam quiz test
+⏳ hourglass not done oldschool time countdown
+⌚ watch time accessories
+⏰ alarm clock time wake
+⏱️ stopwatch time deadline
+⏲️ timer clock alarm
+🕰️ mantelpiece clock time
+🕛 twelve o clock time noon midnight midday late early schedule
+🕧 twelve thirty time late early schedule
+🕐 one o clock time late early schedule
+🕜 one thirty time late early schedule
+🕑 two o clock time late early schedule
+🕝 two thirty time late early schedule
+🕒 three o clock time late early schedule
+🕞 three thirty time late early schedule
+🕓 four o clock time late early schedule
+🕟 four thirty time late early schedule
+🕔 five o clock time late early schedule
+🕠 five thirty time late early schedule
+🕕 six o clock time late early schedule dawn dusk
+🕡 six thirty time late early schedule
+🕖 seven o clock time late early schedule
+🕢 seven thirty time late early schedule
+🕗 eight o clock time late early schedule
+🕣 eight thirty time late early schedule
+🕘 nine o clock time late early schedule
+🕤 nine thirty time late early schedule
+🕙 ten o clock time late early schedule
+🕥 ten thirty time late early schedule
+🕚 eleven o clock time late early schedule
+🕦 eleven thirty time late early schedule
+🌑 new moon nature twilight planet space night evening sleep
+🌒 waxing crescent moon nature twilight planet space night evening sleep
+🌓 first quarter moon nature twilight planet space night evening sleep
+🌔 waxing gibbous moon nature night sky gray twilight planet space evening sleep
+🌕 full moon nature yellow twilight planet space night evening sleep
+🌖 waning gibbous moon nature twilight planet space night evening sleep waxing gibbous moon
+🌗 last quarter moon nature twilight planet space night evening sleep
+🌘 waning crescent moon nature twilight planet space night evening sleep
+🌙 crescent moon night sleep sky evening magic
+🌚 new moon face nature twilight planet space night evening sleep
+🌛 first quarter moon face nature twilight planet space night evening sleep
+🌜 last quarter moon face nature twilight planet space night evening sleep
+🌡️ thermometer weather temperature hot cold
+☀️ sun weather nature brightness summer beach spring
+🌝 full moon face nature twilight planet space night evening sleep
+🌞 sun with face nature morning sky
+🪐 ringed planet outerspace
+⭐ star night yellow
+🌟 glowing star night sparkle awesome good magic
+🌠 shooting star night photo
+🌌 milky way photo space stars
+☁️ cloud weather sky
+⛅ sun behind cloud weather nature cloudy morning fall spring
+⛈️ cloud with lightning and rain weather lightning
+🌤️ sun behind small cloud weather
+🌥️ sun behind large cloud weather
+🌦️ sun behind rain cloud weather
+🌧️ cloud with rain weather
+🌨️ cloud with snow weather
+🌩️ cloud with lightning weather thunder
+🌪️ tornado weather cyclone twister
+🌫️ fog weather
+🌬️ wind face gust air
+🌀 cyclone weather swirl blue cloud vortex spiral whirlpool spin tornado hurricane typhoon
+🌈 rainbow nature happy unicorn face photo sky spring
+🌂 closed umbrella weather rain drizzle
+☂️ umbrella weather spring
+☔ umbrella with rain drops rainy weather spring
+⛱️ umbrella on ground weather summer
+⚡ high voltage thunder weather lightning bolt fast
+❄️ snowflake winter season cold weather christmas xmas
+☃️ snowman winter season cold weather christmas xmas frozen
+⛄ snowman without snow winter season cold weather christmas xmas frozen without snow
+☄️ comet space
+🔥 fire hot cook flame
+💧 droplet water drip faucet spring
+🌊 water wave sea water wave nature tsunami disaster
+🎃 jack o lantern halloween light pumpkin creepy fall
+🎄 christmas tree festival vacation december xmas celebration
+🎆 fireworks photo festival carnival congratulations
+🎇 sparkler stars night shine
+🧨 firecracker dynamite boom explode explosion explosive
+✨ sparkles stars shine shiny cool awesome good magic
+🎈 balloon party celebration birthday circus
+🎉 party popper party congratulations birthday magic circus celebration tada
+🎊 confetti ball festival party birthday circus
+🎋 tanabata tree plant nature branch summer
+🎍 pine decoration plant nature vegetable panda pine decoration
+🎎 japanese dolls japanese toy kimono
+🎏 carp streamer fish japanese koinobori carp banner
+🎐 wind chime nature ding spring bell
+🎑 moon viewing ceremony photo japan asia tsukimi
+🧧 red envelope gift
+🎀 ribbon decoration pink girl bowtie
+🎁 wrapped gift present birthday christmas xmas
+🎗️ reminder ribbon sports cause support awareness
+🎟️ admission tickets sports concert entrance
+🎫 ticket event concert pass
+🎖️ military medal award winning army
+🏆 trophy win award contest place ftw ceremony
+🏅 sports medal award winning
+🥇 1st place medal award winning first
+🥈 2nd place medal award second
+🥉 3rd place medal award third
+⚽ soccer ball sports football
+⚾ baseball sports balls
+🥎 softball sports balls
+🏀 basketball sports balls NBA
+🏐 volleyball sports balls
+🏈 american football sports balls NFL
+🏉 rugby football sports team
+🎾 tennis sports balls green
+🥏 flying disc sports frisbee ultimate
+🎳 bowling sports fun play
+🏏 cricket game sports
+🏑 field hockey sports
+🏒 ice hockey sports
+🥍 lacrosse sports ball stick
+🏓 ping pong sports pingpong
+🏸 badminton sports
+🥊 boxing glove sports fighting
+🥋 martial arts uniform judo karate taekwondo
+🥅 goal net sports
+⛳ flag in hole sports business flag hole summer
+⛸️ ice skate sports
+🎣 fishing pole food hobby summer
+🤿 diving mask sport ocean
+🎽 running shirt play pageant
+🎿 skis sports winter cold snow
+🛷 sled sleigh luge toboggan
+🥌 curling stone sports
+🎯 direct hit game play bar target bullseye
+🪀 yo yo toy
+🪁 kite wind fly
+🎱 pool 8 ball pool hobby game luck magic
+🔮 crystal ball disco party magic circus fortune teller
+🧿 nazar amulet bead charm
+🎮 video game play console PS4 controller
+🕹️ joystick game play
+🎰 slot machine bet gamble vegas fruit machine luck casino
+🎲 game die dice random tabletop play luck
+🧩 puzzle piece interlocking puzzle piece
+🧸 teddy bear plush stuffed
+♠️ spade suit poker cards suits magic
+♥️ heart suit poker cards magic suits
+♦️ diamond suit poker cards magic suits
+♣️ club suit poker cards magic suits
+♟️ chess pawn expendable
+🃏 joker poker cards game play magic
+🀄 mahjong red dragon game play chinese kanji
+🎴 flower playing cards game sunset red
+🎭 performing arts acting theater drama
+🖼️ framed picture photography
+🎨 artist palette design paint draw colors
+🧵 thread needle sewing spool string
+🧶 yarn ball crochet knit
+👓 glasses fashion accessories eyesight nerdy dork geek
+🕶️ sunglasses face cool accessories
+🥽 goggles eyes protection safety
+🥼 lab coat doctor experiment scientist chemist
+🦺 safety vest protection
+👔 necktie shirt suitup formal fashion cloth business
+👕 t shirt fashion cloth casual shirt tee
+👖 jeans fashion shopping
+🧣 scarf neck winter clothes
+🧤 gloves hands winter clothes
+🧥 coat jacket
+🧦 socks stockings clothes
+👗 dress clothes fashion shopping
+👘 kimono dress fashion women female japanese
+🥻 sari dress
+🩱 one piece swimsuit fashion
+🩲 briefs clothing
+🩳 shorts clothing
+👙 bikini swimming female woman girl fashion beach summer
+👚 woman s clothes fashion shopping bags female
+👛 purse fashion accessories money sales shopping
+👜 handbag fashion accessory accessories shopping
+👝 clutch bag bag accessories shopping
+🛍️ shopping bags mall buy purchase
+🎒 backpack student education bag backpack
+👞 man s shoe fashion male
+👟 running shoe shoes sports sneakers
+🥾 hiking boot backpacking camping hiking
+🥿 flat shoe ballet slip-on slipper
+👠 high heeled shoe fashion shoes female pumps stiletto
+👡 woman s sandal shoes fashion flip flops
+🩰 ballet shoes dance
+👢 woman s boot shoes fashion
+👑 crown king kod leader royalty lord
+👒 woman s hat fashion accessories female lady spring
+🎩 top hat magic gentleman classy circus
+🎓 graduation cap school college degree university graduation cap hat legal learn education
+🧢 billed cap cap baseball
+⛑️ rescue worker s helmet construction build
+📿 prayer beads dhikr religious
+💄 lipstick female girl fashion woman
+💍 ring wedding propose marriage valentines diamond fashion jewelry gem engagement
+💎 gem stone blue ruby diamond jewelry
+🔇 muted speaker sound volume silence quiet
+🔈 speaker low volume sound volume silence broadcast
+🔉 speaker medium volume volume speaker broadcast
+🔊 speaker high volume volume noise noisy speaker broadcast
+📢 loudspeaker volume sound
+📣 megaphone sound speaker volume
+📯 postal horn instrument music
+🔔 bell sound notification christmas xmas chime
+🔕 bell with slash sound volume mute quiet silent
+🎼 musical score treble clef compose
+🎵 musical note score tone sound
+🎶 musical notes music score
+🎙️ studio microphone sing recording artist talkshow
+🎚️ level slider scale
+🎛️ control knobs dial
+🎤 microphone sound music PA sing talkshow
+🎧 headphone music score gadgets
+📻 radio communication music podcast program
+🎷 saxophone music instrument jazz blues
+🎸 guitar music instrument
+🎹 musical keyboard piano instrument compose
+🎺 trumpet music brass
+🎻 violin music instrument orchestra symphony
+🪕 banjo music instructment
+🥁 drum music instrument drumsticks snare
+📱 mobile phone technology apple gadgets dial
+📲 mobile phone with arrow iphone incoming
+☎️ telephone technology communication dial telephone
+📞 telephone receiver technology communication dial
+📟 pager bbcall oldschool 90s
+📠 fax machine communication technology
+🔋 battery power energy sustain
+🔌 electric plug charger power
+💻 laptop technology laptop screen display monitor
+🖥️ desktop computer technology computing screen
+🖨️ printer paper ink
+⌨️ keyboard technology computer type input text
+🖱️ computer mouse click
+🖲️ trackball technology trackpad
+💽 computer disk technology record data disk 90s
+💾 floppy disk oldschool technology save 90s 80s
+💿 optical disk technology dvd disk disc 90s
+📀 dvd cd disk disc
+🧮 abacus calculation
+🎥 movie camera film record
+🎞️ film frames movie
+📽️ film projector video tape record movie
+🎬 clapper board movie film record
+📺 television technology program oldschool show television
+📷 camera gadgets photography
+📸 camera with flash photography gadgets
+📹 video camera film record
+📼 videocassette record video oldschool 90s 80s
+🔍 magnifying glass tilted left search zoom find detective
+🔎 magnifying glass tilted right search zoom find detective
+🕯️ candle fire wax
+💡 light bulb light electricity idea
+🔦 flashlight dark camping sight night
+🏮 red paper lantern light paper halloween spooky
+🪔 diya lamp lighting
+📔 notebook with decorative cover classroom notes record paper study
+📕 closed book read library knowledge textbook learn
+📖 open book book read library knowledge literature learn study
+📗 green book read library knowledge study
+📘 blue book read library knowledge learn study
+📙 orange book read library knowledge textbook study
+📚 books literature library study
+📓 notebook stationery record notes paper study
+📒 ledger notes paper
+📃 page with curl documents office paper
+📜 scroll documents ancient history paper
+📄 page facing up documents office paper information
+📰 newspaper press headline
+🗞️ rolled up newspaper press headline
+📑 bookmark tabs favorite save order tidy
+🔖 bookmark favorite label save
+🏷️ label sale tag
+💰 money bag dollar payment coins sale
+💴 yen banknote money sales japanese dollar currency
+💵 dollar banknote money sales bill currency
+💶 euro banknote money sales dollar currency
+💷 pound banknote british sterling money sales bills uk england currency
+💸 money with wings dollar bills payment sale
+💳 credit card money sales dollar bill payment shopping
+🧾 receipt accounting expenses
+💹 chart increasing with yen green-square graph presentation stats
+💱 currency exchange money sales dollar travel
+💲 heavy dollar sign money sales payment currency buck
+✉️ envelope letter postal inbox communication
+📧 e mail communication inbox
+📨 incoming envelope email inbox
+📩 envelope with arrow email communication
+📤 outbox tray inbox email
+📥 inbox tray email documents
+📦 package mail gift cardboard box moving
+📫 closed mailbox with raised flag email inbox communication
+📪 closed mailbox with lowered flag email communication inbox
+📬 open mailbox with raised flag email inbox communication
+📭 open mailbox with lowered flag email inbox
+📮 postbox email letter envelope
+🗳️ ballot box with ballot election vote
+✏️ pencil stationery write paper writing school study
+✒️ black nib pen stationery writing write
+🖋️ fountain pen stationery writing write
+🖊️ pen stationery writing write
+🖌️ paintbrush drawing creativity art
+🖍️ crayon drawing creativity
+📝 memo write documents stationery pencil paper writing legal exam quiz test study compose
+💼 briefcase business documents work law legal job career
+📁 file folder documents business office
+📂 open file folder documents load
+🗂️ card index dividers organizing business stationery
+📅 calendar calendar schedule
+📆 tear off calendar schedule date planning
+🗒️ spiral notepad memo stationery
+🗓️ spiral calendar date schedule planning
+📇 card index business stationery
+📈 chart increasing graph presentation stats recovery business economics money sales good success
+📉 chart decreasing graph presentation stats recession business economics money sales bad failure
+📊 bar chart graph presentation stats
+📋 clipboard stationery documents
+📌 pushpin stationery mark here
+📍 round pushpin stationery location map here
+📎 paperclip documents stationery
+🖇️ linked paperclips documents stationery
+📏 straight ruler stationery calculate length math school drawing architect sketch
+📐 triangular ruler stationery math architect sketch
+✂️ scissors stationery cut
+🗃️ card file box business stationery
+🗄️ file cabinet filing organizing
+🗑️ wastebasket bin trash rubbish garbage toss
+🔒 locked security password padlock
+🔓 unlocked privacy security
+🔏 locked with pen security secret
+🔐 locked with key security privacy
+🔑 key lock door password
+🗝️ old key lock door password
+🔨 hammer tools build create
+🪓 axe tool chop cut
+⛏️ pick tools dig
+⚒️ hammer and pick tools build create
+🛠️ hammer and wrench tools build create
+🗡️ dagger weapon
+⚔️ crossed swords weapon
+🔫 pistol violence weapon pistol revolver
+🏹 bow and arrow sports
+🛡️ shield protection security
+🔧 wrench tools diy ikea fix maintainer
+🔩 nut and bolt handy tools fix
+⚙️ gear cog
+🗜️ clamp tool
+⚖️ balance scale law fairness weight
+🦯 probing cane accessibility
+🔗 link rings url
+⛓️ chains lock arrest
+🧰 toolbox tools diy fix maintainer mechanic
+🧲 magnet attraction magnetic
+⚗️ alembic distilling science experiment chemistry
+🧪 test tube chemistry experiment lab science
+🧫 petri dish bacteria biology culture lab
+🧬 dna biologist genetics life
+🔬 microscope laboratory experiment zoomin science study
+🔭 telescope stars space zoom science astronomy
+📡 satellite antenna communication future radio space
+💉 syringe health hospital drugs blood medicine needle doctor nurse
+🩸 drop of blood period hurt harm wound
+💊 pill health medicine doctor pharmacy drug
+🩹 adhesive bandage heal
+🩺 stethoscope health
+🚪 door house entry exit
+🛏️ bed sleep rest
+🛋️ couch and lamp read chill
+🪑 chair sit furniture
+🚽 toilet restroom wc washroom bathroom potty
+🚿 shower clean water bathroom
+🛁 bathtub clean shower bathroom
+🪒 razor cut
+🧴 lotion bottle moisturizer sunscreen
+🧷 safety pin diaper
+🧹 broom cleaning sweeping witch
+🧺 basket laundry
+🧻 roll of paper roll
+🧼 soap bar bathing cleaning lather
+🧽 sponge absorbing cleaning porous
+🧯 fire extinguisher quench
+🛒 shopping cart trolley
+🚬 cigarette kills tobacco cigarette joint smoke
+⚰️ coffin vampire dead die death rip graveyard cemetery casket funeral box
+⚱️ funeral urn dead die death rip ashes
+🗿 moai rock easter island moai
+🏧 atm sign money sales cash blue-square payment bank
+🚮 litter in bin sign blue-square sign human info
+🚰 potable water blue-square liquid restroom cleaning faucet
+♿ wheelchair symbol blue-square disabled accessibility
+🚹 men s room toilet restroom wc blue-square gender male
+🚺 women s room purple-square woman female toilet loo restroom gender
+🚻 restroom blue-square toilet refresh wc gender
+🚼 baby symbol orange-square child
+🚾 water closet toilet restroom blue-square
+🛂 passport control custom blue-square
+🛃 customs passport border blue-square
+🛄 baggage claim blue-square airport transport
+🛅 left luggage blue-square travel
+⚠️ warning exclamation wip alert error problem issue
+🚸 children crossing school warning danger sign driving yellow-diamond
+⛔ no entry limit security privacy bad denied stop circle
+🚫 prohibited forbid stop limit denied disallow circle
+🚳 no bicycles cyclist prohibited circle
+🚭 no smoking cigarette blue-square smell smoke
+🚯 no littering trash bin garbage circle
+🚱 non potable water drink faucet tap circle
+🚷 no pedestrians rules crossing walking circle
+📵 no mobile phones iphone mute circle
+🔞 no one under eighteen 18 drink pub night minor circle
+☢️ radioactive nuclear danger
+☣️ biohazard danger
+⬆️ up arrow blue-square continue top direction
+↗️ up right arrow blue-square point direction diagonal northeast
+➡️ right arrow blue-square next
+↘️ down right arrow blue-square direction diagonal southeast
+⬇️ down arrow blue-square direction bottom
+↙️ down left arrow blue-square direction diagonal southwest
+⬅️ left arrow blue-square previous back
+↖️ up left arrow blue-square point direction diagonal northwest
+↕️ up down arrow blue-square direction way vertical
+↔️ left right arrow shape direction horizontal sideways
+↩️ right arrow curving left back return blue-square undo enter
+↪️ left arrow curving right blue-square return rotate direction
+⤴️ right arrow curving up blue-square direction top
+⤵️ right arrow curving down blue-square direction bottom
+🔃 clockwise vertical arrows sync cycle round repeat
+🔄 counterclockwise arrows button blue-square sync cycle
+🔙 back arrow arrow words return
+🔚 end arrow words arrow
+🔛 on arrow arrow words
+🔜 soon arrow arrow words
+🔝 top arrow words blue-square
+🛐 place of worship religion church temple prayer
+⚛️ atom symbol science physics chemistry
+🕉️ om hinduism buddhism sikhism jainism
+✡️ star of david judaism
+☸️ wheel of dharma hinduism buddhism sikhism jainism
+☯️ yin yang balance
+✝️ latin cross christianity
+☦️ orthodox cross suppedaneum religion
+☪️ star and crescent islam
+☮️ peace symbol hippie
+🕎 menorah hanukkah candles jewish
+🔯 dotted six pointed star purple-square religion jewish hexagram
+♈ aries sign purple-square zodiac astrology
+♉ taurus purple-square sign zodiac astrology
+♊ gemini sign zodiac purple-square astrology
+♋ cancer sign zodiac purple-square astrology
+♌ leo sign purple-square zodiac astrology
+♍ virgo sign zodiac purple-square astrology
+♎ libra sign purple-square zodiac astrology
+♏ scorpio sign zodiac purple-square astrology scorpio
+♐ sagittarius sign zodiac purple-square astrology
+♑ capricorn sign zodiac purple-square astrology
+♒ aquarius sign purple-square zodiac astrology
+♓ pisces purple-square sign zodiac astrology
+⛎ ophiuchus sign purple-square constellation astrology
+🔀 shuffle tracks button blue-square shuffle music random
+🔁 repeat button loop record
+🔂 repeat single button blue-square loop
+▶️ play button blue-square right direction play
+⏩ fast forward button blue-square play speed continue
+⏭️ next track button forward next blue-square
+⏯️ play or pause button blue-square play pause
+◀️ reverse button blue-square left direction
+⏪ fast reverse button play blue-square
+⏮️ last track button backward
+🔼 upwards button blue-square triangle direction point forward top
+⏫ fast up button blue-square direction top
+🔽 downwards button blue-square direction bottom
+⏬ fast down button blue-square direction bottom
+⏸️ pause button pause blue-square
+⏹️ stop button blue-square
+⏺️ record button blue-square
+⏏️ eject button blue-square
+🎦 cinema blue-square record film movie curtain stage theater
+🔅 dim button sun afternoon warm summer
+🔆 bright button sun light
+📶 antenna bars blue-square reception phone internet connection wifi bluetooth bars
+📳 vibration mode orange-square phone
+📴 mobile phone off mute orange-square silence quiet
+♀️ female sign woman women lady girl
+♂️ male sign man boy men
+⚕️ medical symbol health hospital
+♾️ infinity forever
+♻️ recycling symbol arrow environment garbage trash
+⚜️ fleur de lis decorative scout
+🔱 trident emblem weapon spear
+📛 name badge fire forbid
+🔰 japanese symbol for beginner badge shield
+⭕ hollow red circle circle round
+✅ check mark button green-square ok agree vote election answer tick
+☑️ check box with check ok agree confirm black-square vote election yes tick
+✔️ check mark ok nike answer yes tick
+✖️ multiplication sign math calculation
+❌ cross mark no delete remove cancel red
+❎ cross mark button x green-square no deny
+➕ plus sign math calculation addition more increase
+➖ minus sign math calculation subtract less
+➗ division sign divide math calculation
+➰ curly loop scribble draw shape squiggle
+➿ double curly loop tape cassette
+〽️ part alternation mark graph presentation stats business economics bad
+✳️ eight spoked asterisk star sparkle green-square
+✴️ eight pointed star orange-square shape polygon
+❇️ sparkle stars green-square awesome good fireworks
+‼️ double exclamation mark exclamation surprise
+⁉️ exclamation question mark wat punctuation surprise
+❓ question mark doubt confused
+❔ white question mark doubts gray huh confused
+❕ white exclamation mark surprise punctuation gray wow warning
+❗ exclamation mark heavy exclamation mark danger surprise punctuation wow warning
+〰️ wavy dash draw line moustache mustache squiggle scribble
+©️ copyright ip license circle law legal
+®️ registered alphabet circle
+™️ trade mark trademark brand law legal
+#️⃣ keycap  symbol blue-square twitter
+*️⃣ keycap  star keycap
+0️⃣ keycap 0 0 numbers blue-square null
+1️⃣ keycap 1 blue-square numbers 1
+2️⃣ keycap 2 numbers 2 prime blue-square
+3️⃣ keycap 3 3 numbers prime blue-square
+4️⃣ keycap 4 4 numbers blue-square
+5️⃣ keycap 5 5 numbers blue-square prime
+6️⃣ keycap 6 6 numbers blue-square
+7️⃣ keycap 7 7 numbers blue-square prime
+8️⃣ keycap 8 8 blue-square numbers
+9️⃣ keycap 9 blue-square numbers 9
+🔟 keycap 10 numbers 10 blue-square
+🔠 input latin uppercase alphabet words blue-square
+🔡 input latin lowercase blue-square alphabet
+🔢 input numbers numbers blue-square
+🔣 input symbols blue-square music note ampersand percent glyphs characters
+🔤 input latin letters blue-square alphabet
+🅰️ a button red-square alphabet letter
+🆎 ab button red-square alphabet
+🅱️ b button red-square alphabet letter
+🆑 cl button alphabet words red-square
+🆒 cool button words blue-square
+🆓 free button blue-square words
+ℹ️ information blue-square alphabet letter
+🆔 id button purple-square words
+Ⓜ️ circled m alphabet blue-circle letter
+🆕 new button blue-square words start
+🆖 ng button blue-square words shape icon
+🅾️ o button alphabet red-square letter
+🆗 ok button good agree yes blue-square
+🅿️ p button cars blue-square alphabet letter
+🆘 sos button help red-square words emergency 911
+🆙 up button blue-square above high
+🆚 vs button words orange-square
+🈁 japanese here button blue-square here katakana japanese destination
+🈂️ japanese service charge button japanese blue-square katakana
+🈷️ japanese monthly amount button chinese month moon japanese orange-square kanji
+🈶 japanese not free of charge button orange-square chinese have kanji
+🈯 japanese reserved button chinese point green-square kanji
+🉐 japanese bargain button chinese kanji obtain get circle
+🈹 japanese discount button cut divide chinese kanji pink-square
+🈚 japanese free of charge button nothing chinese kanji japanese orange-square
+🈲 japanese prohibited button kanji japanese chinese forbidden limit restricted red-square
+🉑 japanese acceptable button ok good chinese kanji agree yes orange-circle
+🈸 japanese application button chinese japanese kanji orange-square
+🈴 japanese passing grade button japanese chinese join kanji red-square
+🈳 japanese vacancy button kanji japanese chinese empty sky blue-square
+㊗️ japanese congratulations button chinese kanji japanese red-circle
+㊙️ japanese secret button privacy chinese sshh kanji red-circle
+🈺 japanese open for business button japanese opening hours orange-square
+🈵 japanese no vacancy button full chinese japanese red-square kanji
+🔴 red circle shape error danger
+🟠 orange circle round
+🟡 yellow circle round
+🟢 green circle round
+🔵 blue circle shape icon button
+🟣 purple circle round
+🟤 brown circle round
+⚫ black circle shape button round
+⚪ white circle shape round
+🟥 red square
+🟧 orange square
+🟨 yellow square
+🟩 green square
+🟦 blue square
+🟪 purple square
+🟫 brown square
+⬛ black large square shape icon button
+⬜ white large square shape icon stone button
+◼️ black medium square shape button icon
+◻️ white medium square shape stone icon
+◾ black medium small square icon shape button
+◽ white medium small square shape stone icon button
+▪️ black small square shape icon
+▫️ white small square shape icon
+🔶 large orange diamond shape jewel gem
+🔷 large blue diamond shape jewel gem
+🔸 small orange diamond shape jewel gem
+🔹 small blue diamond shape jewel gem
+🔺 red triangle pointed up shape direction up top
+🔻 red triangle pointed down shape direction bottom
+💠 diamond with a dot jewel blue gem crystal fancy
+🔘 radio button input old music circle
+🔳 white square button shape input
+🔲 black square button shape input frame
+🏁 chequered flag contest finishline race gokart
+🚩 triangular flag mark milestone place
+🎌 crossed flags japanese nation country border
+🏴 black flag pirate
+🏳️ white flag losing loser lost surrender give up fail
+🏳️‍🌈 rainbow flag flag rainbow pride gay lgbt glbt queer homosexual lesbian bisexual transgender
+🏴‍☠️ pirate flag skull crossbones flag banner
+🇦🇨 flag ascension island
+🇦🇩 flag andorra ad flag nation country banner andorra
+🇦🇪 flag united arab emirates united arab emirates flag nation country banner united arab emirates
+🇦🇫 flag afghanistan af flag nation country banner afghanistan
+🇦🇬 flag antigua barbuda antigua barbuda flag nation country banner antigua barbuda
+🇦🇮 flag anguilla ai flag nation country banner anguilla
+🇦🇱 flag albania al flag nation country banner albania
+🇦🇲 flag armenia am flag nation country banner armenia
+🇦🇴 flag angola ao flag nation country banner angola
+🇦🇶 flag antarctica aq flag nation country banner antarctica
+🇦🇷 flag argentina ar flag nation country banner argentina
+🇦🇸 flag american samoa american ws flag nation country banner american samoa
+🇦🇹 flag austria at flag nation country banner austria
+🇦🇺 flag australia au flag nation country banner australia
+🇦🇼 flag aruba aw flag nation country banner aruba
+🇦🇽 flag aland islands Åland islands flag nation country banner aland islands
+🇦🇿 flag azerbaijan az flag nation country banner azerbaijan
+🇧🇦 flag bosnia herzegovina bosnia herzegovina flag nation country banner bosnia herzegovina
+🇧🇧 flag barbados bb flag nation country banner barbados
+🇧🇩 flag bangladesh bd flag nation country banner bangladesh
+🇧🇪 flag belgium be flag nation country banner belgium
+🇧🇫 flag burkina faso burkina faso flag nation country banner burkina faso
+🇧🇬 flag bulgaria bg flag nation country banner bulgaria
+🇧🇭 flag bahrain bh flag nation country banner bahrain
+🇧🇮 flag burundi bi flag nation country banner burundi
+🇧🇯 flag benin bj flag nation country banner benin
+🇧🇱 flag st barthelemy saint barthélemy flag nation country banner st barthelemy
+🇧🇲 flag bermuda bm flag nation country banner bermuda
+🇧🇳 flag brunei bn darussalam flag nation country banner brunei
+🇧🇴 flag bolivia bo flag nation country banner bolivia
+🇧🇶 flag caribbean netherlands bonaire flag nation country banner caribbean netherlands
+🇧🇷 flag brazil br flag nation country banner brazil
+🇧🇸 flag bahamas bs flag nation country banner bahamas
+🇧🇹 flag bhutan bt flag nation country banner bhutan
+🇧🇻 flag bouvet island norway
+🇧🇼 flag botswana bw flag nation country banner botswana
+🇧🇾 flag belarus by flag nation country banner belarus
+🇧🇿 flag belize bz flag nation country banner belize
+🇨🇦 flag canada ca flag nation country banner canada
+🇨🇨 flag cocos islands cocos keeling islands flag nation country banner cocos islands
+🇨🇩 flag congo kinshasa congo democratic republic flag nation country banner congo kinshasa
+🇨🇫 flag central african republic central african republic flag nation country banner central african republic
+🇨🇬 flag congo brazzaville congo flag nation country banner congo brazzaville
+🇨🇭 flag switzerland ch flag nation country banner switzerland
+🇨🇮 flag cote d ivoire ivory coast flag nation country banner cote d ivoire
+🇨🇰 flag cook islands cook islands flag nation country banner cook islands
+🇨🇱 flag chile flag nation country banner chile
+🇨🇲 flag cameroon cm flag nation country banner cameroon
+🇨🇳 flag china china chinese prc flag country nation banner china
+🇨🇴 flag colombia co flag nation country banner colombia
+🇨🇵 flag clipperton island
+🇨🇷 flag costa rica costa rica flag nation country banner costa rica
+🇨🇺 flag cuba cu flag nation country banner cuba
+🇨🇻 flag cape verde cabo verde flag nation country banner cape verde
+🇨🇼 flag curacao curaçao flag nation country banner curacao
+🇨🇽 flag christmas island christmas island flag nation country banner christmas island
+🇨🇾 flag cyprus cy flag nation country banner cyprus
+🇨🇿 flag czechia cz flag nation country banner czechia
+🇩🇪 flag germany german nation flag country banner germany
+🇩🇬 flag diego garcia
+🇩🇯 flag djibouti dj flag nation country banner djibouti
+🇩🇰 flag denmark dk flag nation country banner denmark
+🇩🇲 flag dominica dm flag nation country banner dominica
+🇩🇴 flag dominican republic dominican republic flag nation country banner dominican republic
+🇩🇿 flag algeria dz flag nation country banner algeria
+🇪🇦 flag ceuta melilla
+🇪🇨 flag ecuador ec flag nation country banner ecuador
+🇪🇪 flag estonia ee flag nation country banner estonia
+🇪🇬 flag egypt eg flag nation country banner egypt
+🇪🇭 flag western sahara western sahara flag nation country banner western sahara
+🇪🇷 flag eritrea er flag nation country banner eritrea
+🇪🇸 flag spain spain flag nation country banner spain
+🇪🇹 flag ethiopia et flag nation country banner ethiopia
+🇪🇺 flag european union european union flag banner
+🇫🇮 flag finland fi flag nation country banner finland
+🇫🇯 flag fiji fj flag nation country banner fiji
+🇫🇰 flag falkland islands falkland islands malvinas flag nation country banner falkland islands
+🇫🇲 flag micronesia micronesia federated states flag nation country banner micronesia
+🇫🇴 flag faroe islands faroe islands flag nation country banner faroe islands
+🇫🇷 flag france banner flag nation france french country france
+🇬🇦 flag gabon ga flag nation country banner gabon
+🇬🇧 flag united kingdom united kingdom great britain northern ireland flag nation country banner british UK english england union jack united kingdom
+🇬🇩 flag grenada gd flag nation country banner grenada
+🇬🇪 flag georgia ge flag nation country banner georgia
+🇬🇫 flag french guiana french guiana flag nation country banner french guiana
+🇬🇬 flag guernsey gg flag nation country banner guernsey
+🇬🇭 flag ghana gh flag nation country banner ghana
+🇬🇮 flag gibraltar gi flag nation country banner gibraltar
+🇬🇱 flag greenland gl flag nation country banner greenland
+🇬🇲 flag gambia gm flag nation country banner gambia
+🇬🇳 flag guinea gn flag nation country banner guinea
+🇬🇵 flag guadeloupe gp flag nation country banner guadeloupe
+🇬🇶 flag equatorial guinea equatorial gn flag nation country banner equatorial guinea
+🇬🇷 flag greece gr flag nation country banner greece
+🇬🇸 flag south georgia south sandwich islands south georgia sandwich islands flag nation country banner south georgia south sandwich islands
+🇬🇹 flag guatemala gt flag nation country banner guatemala
+🇬🇺 flag guam gu flag nation country banner guam
+🇬🇼 flag guinea bissau gw bissau flag nation country banner guinea bissau
+🇬🇾 flag guyana gy flag nation country banner guyana
+🇭🇰 flag hong kong sar china hong kong flag nation country banner hong kong sar china
+🇭🇲 flag heard mcdonald islands
+🇭🇳 flag honduras hn flag nation country banner honduras
+🇭🇷 flag croatia hr flag nation country banner croatia
+🇭🇹 flag haiti ht flag nation country banner haiti
+🇭🇺 flag hungary hu flag nation country banner hungary
+🇮🇨 flag canary islands canary islands flag nation country banner canary islands
+🇮🇩 flag indonesia flag nation country banner indonesia
+🇮🇪 flag ireland ie flag nation country banner ireland
+🇮🇱 flag israel il flag nation country banner israel
+🇮🇲 flag isle of man isle man flag nation country banner isle of man
+🇮🇳 flag india in flag nation country banner india
+🇮🇴 flag british indian ocean territory british indian ocean territory flag nation country banner british indian ocean territory
+🇮🇶 flag iraq iq flag nation country banner iraq
+🇮🇷 flag iran iran islamic republic flag nation country banner iran
+🇮🇸 flag iceland is flag nation country banner iceland
+🇮🇹 flag italy italy flag nation country banner italy
+🇯🇪 flag jersey je flag nation country banner jersey
+🇯🇲 flag jamaica jm flag nation country banner jamaica
+🇯🇴 flag jordan jo flag nation country banner jordan
+🇯🇵 flag japan japanese nation flag country banner japan
+🇰🇪 flag kenya ke flag nation country banner kenya
+🇰🇬 flag kyrgyzstan kg flag nation country banner kyrgyzstan
+🇰🇭 flag cambodia kh flag nation country banner cambodia
+🇰🇮 flag kiribati ki flag nation country banner kiribati
+🇰🇲 flag comoros km flag nation country banner comoros
+🇰🇳 flag st kitts nevis saint kitts nevis flag nation country banner st kitts nevis
+🇰🇵 flag north korea north korea nation flag country banner north korea
+🇰🇷 flag south korea south korea nation flag country banner south korea
+🇰🇼 flag kuwait kw flag nation country banner kuwait
+🇰🇾 flag cayman islands cayman islands flag nation country banner cayman islands
+🇰🇿 flag kazakhstan kz flag nation country banner kazakhstan
+🇱🇦 flag laos lao democratic republic flag nation country banner laos
+🇱🇧 flag lebanon lb flag nation country banner lebanon
+🇱🇨 flag st lucia saint lucia flag nation country banner st lucia
+🇱🇮 flag liechtenstein li flag nation country banner liechtenstein
+🇱🇰 flag sri lanka sri lanka flag nation country banner sri lanka
+🇱🇷 flag liberia lr flag nation country banner liberia
+🇱🇸 flag lesotho ls flag nation country banner lesotho
+🇱🇹 flag lithuania lt flag nation country banner lithuania
+🇱🇺 flag luxembourg lu flag nation country banner luxembourg
+🇱🇻 flag latvia lv flag nation country banner latvia
+🇱🇾 flag libya ly flag nation country banner libya
+🇲🇦 flag morocco ma flag nation country banner morocco
+🇲🇨 flag monaco mc flag nation country banner monaco
+🇲🇩 flag moldova moldova republic flag nation country banner moldova
+🇲🇪 flag montenegro me flag nation country banner montenegro
+🇲🇫 flag st martin
+🇲🇬 flag madagascar mg flag nation country banner madagascar
+🇲🇭 flag marshall islands marshall islands flag nation country banner marshall islands
+🇲🇰 flag north macedonia macedonia flag nation country banner north macedonia
+🇲🇱 flag mali ml flag nation country banner mali
+🇲🇲 flag myanmar mm flag nation country banner myanmar
+🇲🇳 flag mongolia mn flag nation country banner mongolia
+🇲🇴 flag macao sar china macao flag nation country banner macao sar china
+🇲🇵 flag northern mariana islands northern mariana islands flag nation country banner northern mariana islands
+🇲🇶 flag martinique mq flag nation country banner martinique
+🇲🇷 flag mauritania mr flag nation country banner mauritania
+🇲🇸 flag montserrat ms flag nation country banner montserrat
+🇲🇹 flag malta mt flag nation country banner malta
+🇲🇺 flag mauritius mu flag nation country banner mauritius
+🇲🇻 flag maldives mv flag nation country banner maldives
+🇲🇼 flag malawi mw flag nation country banner malawi
+🇲🇽 flag mexico mx flag nation country banner mexico
+🇲🇾 flag malaysia my flag nation country banner malaysia
+🇲🇿 flag mozambique mz flag nation country banner mozambique
+🇳🇦 flag namibia na flag nation country banner namibia
+🇳🇨 flag new caledonia new caledonia flag nation country banner new caledonia
+🇳🇪 flag niger ne flag nation country banner niger
+🇳🇫 flag norfolk island norfolk island flag nation country banner norfolk island
+🇳🇬 flag nigeria flag nation country banner nigeria
+🇳🇮 flag nicaragua ni flag nation country banner nicaragua
+🇳🇱 flag netherlands nl flag nation country banner netherlands
+🇳🇴 flag norway no flag nation country banner norway
+🇳🇵 flag nepal np flag nation country banner nepal
+🇳🇷 flag nauru nr flag nation country banner nauru
+🇳🇺 flag niue nu flag nation country banner niue
+🇳🇿 flag new zealand new zealand flag nation country banner new zealand
+🇴🇲 flag oman om symbol flag nation country banner oman
+🇵🇦 flag panama pa flag nation country banner panama
+🇵🇪 flag peru pe flag nation country banner peru
+🇵🇫 flag french polynesia french polynesia flag nation country banner french polynesia
+🇵🇬 flag papua new guinea papua new guinea flag nation country banner papua new guinea
+🇵🇭 flag philippines ph flag nation country banner philippines
+🇵🇰 flag pakistan pk flag nation country banner pakistan
+🇵🇱 flag poland pl flag nation country banner poland
+🇵🇲 flag st pierre miquelon saint pierre miquelon flag nation country banner st pierre miquelon
+🇵🇳 flag pitcairn islands pitcairn flag nation country banner pitcairn islands
+🇵🇷 flag puerto rico puerto rico flag nation country banner puerto rico
+🇵🇸 flag palestinian territories palestine palestinian territories flag nation country banner palestinian territories
+🇵🇹 flag portugal pt flag nation country banner portugal
+🇵🇼 flag palau pw flag nation country banner palau
+🇵🇾 flag paraguay py flag nation country banner paraguay
+🇶🇦 flag qatar qa flag nation country banner qatar
+🇷🇪 flag reunion réunion flag nation country banner reunion
+🇷🇴 flag romania ro flag nation country banner romania
+🇷🇸 flag serbia rs flag nation country banner serbia
+🇷🇺 flag russia russian federation flag nation country banner russia
+🇷🇼 flag rwanda rw flag nation country banner rwanda
+🇸🇦 flag saudi arabia flag nation country banner saudi arabia
+🇸🇧 flag solomon islands solomon islands flag nation country banner solomon islands
+🇸🇨 flag seychelles sc flag nation country banner seychelles
+🇸🇩 flag sudan sd flag nation country banner sudan
+🇸🇪 flag sweden se flag nation country banner sweden
+🇸🇬 flag singapore sg flag nation country banner singapore
+🇸🇭 flag st helena saint helena ascension tristan cunha flag nation country banner st helena
+🇸🇮 flag slovenia si flag nation country banner slovenia
+🇸🇯 flag svalbard jan mayen
+🇸🇰 flag slovakia sk flag nation country banner slovakia
+🇸🇱 flag sierra leone sierra leone flag nation country banner sierra leone
+🇸🇲 flag san marino san marino flag nation country banner san marino
+🇸🇳 flag senegal sn flag nation country banner senegal
+🇸🇴 flag somalia so flag nation country banner somalia
+🇸🇷 flag suriname sr flag nation country banner suriname
+🇸🇸 flag south sudan south sd flag nation country banner south sudan
+🇸🇹 flag sao tome principe sao tome principe flag nation country banner sao tome principe
+🇸🇻 flag el salvador el salvador flag nation country banner el salvador
+🇸🇽 flag sint maarten sint maarten dutch flag nation country banner sint maarten
+🇸🇾 flag syria syrian arab republic flag nation country banner syria
+🇸🇿 flag eswatini sz flag nation country banner eswatini
+🇹🇦 flag tristan da cunha
+🇹🇨 flag turks caicos islands turks caicos islands flag nation country banner turks caicos islands
+🇹🇩 flag chad td flag nation country banner chad
+🇹🇫 flag french southern territories french southern territories flag nation country banner french southern territories
+🇹🇬 flag togo tg flag nation country banner togo
+🇹🇭 flag thailand th flag nation country banner thailand
+🇹🇯 flag tajikistan tj flag nation country banner tajikistan
+🇹🇰 flag tokelau tk flag nation country banner tokelau
+🇹🇱 flag timor leste timor leste flag nation country banner timor leste
+🇹🇲 flag turkmenistan flag nation country banner turkmenistan
+🇹🇳 flag tunisia tn flag nation country banner tunisia
+🇹🇴 flag tonga to flag nation country banner tonga
+🇹🇷 flag turkey turkey flag nation country banner turkey
+🇹🇹 flag trinidad tobago trinidad tobago flag nation country banner trinidad tobago
+🇹🇻 flag tuvalu flag nation country banner tuvalu
+🇹🇼 flag taiwan tw flag nation country banner taiwan
+🇹🇿 flag tanzania tanzania united republic flag nation country banner tanzania
+🇺🇦 flag ukraine ua flag nation country banner ukraine
+🇺🇬 flag uganda ug flag nation country banner uganda
+🇺🇲 flag u s outlying islands
+🇺🇳 flag united nations un flag banner
+🇺🇸 flag united states united states america flag nation country banner united states
+🇺🇾 flag uruguay uy flag nation country banner uruguay
+🇺🇿 flag uzbekistan uz flag nation country banner uzbekistan
+🇻🇦 flag vatican city vatican city flag nation country banner vatican city
+🇻🇨 flag st vincent grenadines saint vincent grenadines flag nation country banner st vincent grenadines
+🇻🇪 flag venezuela ve bolivarian republic flag nation country banner venezuela
+🇻🇬 flag british virgin islands british virgin islands bvi flag nation country banner british virgin islands
+🇻🇮 flag u s virgin islands virgin islands us flag nation country banner u s virgin islands
+🇻🇳 flag vietnam viet nam flag nation country banner vietnam
+🇻🇺 flag vanuatu vu flag nation country banner vanuatu
+🇼🇫 flag wallis futuna wallis futuna flag nation country banner wallis futuna
+🇼🇸 flag samoa ws flag nation country banner samoa
+🇽🇰 flag kosovo xk flag nation country banner kosovo
+🇾🇪 flag yemen ye flag nation country banner yemen
+🇾🇹 flag mayotte yt flag nation country banner mayotte
+🇿🇦 flag south africa south africa flag nation country banner south africa
+🇿🇲 flag zambia zm flag nation country banner zambia
+🇿🇼 flag zimbabwe zw flag nation country banner zimbabwe
+🏴󠁧󠁢󠁥󠁮󠁧󠁿 flag england flag english
+🏴󠁧󠁢󠁳󠁣󠁴󠁿 flag scotland flag scottish
+🏴󠁧󠁢󠁷󠁬󠁳󠁿 flag wales flag welsh
+🥲 smiling face with tear sad cry pretend
+🥸 disguised face pretent brows glasses moustache
+🤌 pinched fingers size tiny small
+🫀 anatomical heart health heartbeat
+🫁 lungs breathe
+🥷 ninja ninjutsu skills japanese
+🤵‍♂️ man in tuxedo formal fashion
+🤵‍♀️ woman in tuxedo formal fashion
+👰‍♂️ man with veil wedding marriage
+👰‍♀️ woman with veil wedding marriage
+👩‍🍼 woman feeding baby birth food
+👨‍🍼 man feeding baby birth food
+🧑‍🍼 person feeding baby birth food
+🧑‍🎄 mx claus christmas
+🫂 people hugging care
+🐈‍⬛ black cat superstition luck
+🦬 bison ox
+🦣 mammoth elephant tusks
+🦫 beaver animal rodent
+🐻‍❄️ polar bear animal arctic
+🦤 dodo animal bird
+🪶 feather bird fly
+🦭 seal animal creature sea
+🪲 beetle insect
+🪳 cockroach insect pests
+🪰 fly insect
+🪱 worm animal
+🪴 potted plant greenery house
+🫐 blueberries fruit
+🫒 olive fruit
+🫑 bell pepper fruit plant
+🫓 flatbread flour food
+🫔 tamale food masa
+🫕 fondue cheese pot food
+🫖 teapot drink hot
+🧋 bubble tea taiwan boba milk tea straw
+🪨 rock stone
+🪵 wood nature timber trunk
+🛖 hut house structure
+🛻 pickup truck car transportation
+🛼 roller skate footwear sports
+🪄 magic wand supernature power
+🪅 pinata mexico candy celebration
+🪆 nesting dolls matryoshka toy
+🪡 sewing needle stitches
+🪢 knot rope scout
+🩴 thong sandal footwear summer
+🪖 military helmet army protection
+🪗 accordion music
+🪘 long drum music
+🪙 coin money currency
+🪃 boomerang weapon
+🪚 carpentry saw cut chop
+🪛 screwdriver tools
+🪝 hook tools
+🪜 ladder tools
+🛗 elevator lift
+🪞 mirror reflection
+🪟 window scenery
+🪠 plunger toilet
+🪤 mouse trap cheese
+🪣 bucket water container
+🪥 toothbrush hygiene dental
+🪦 headstone death rip grave
+🪧 placard announcement
+⚧️ transgender symbol lgbtq
+🏳️‍⚧️ transgender flag lgbtq
+😶‍🌫️ face in clouds shower steam dream
+😮‍💨 face exhaling relieve relief tired sigh
+😵‍💫 face with spiral eyes sick ill confused nauseous nausea
+❤️‍🔥 heart on fire passionate enthusiastic
+❤️‍🩹 mending heart broken heart bandage wounded
+🧔‍♂️ man beard facial hair
+🧔‍♀️ woman beard facial hair
+🫠 melting face hot heat
+🫢 face with open eyes and hand over mouth silence secret shock surprise
+🫣 face with peeking eye scared frightening embarrassing
+🫡 saluting face respect salute
+🫥 dotted line face invisible lonely isolation depression
+🫤 face with diagonal mouth skeptic confuse frustrated indifferent
+🥹 face holding back tears touched gratitude
+🫱 rightwards hand palm offer
+🫲 leftwards hand palm offer
+🫳 palm down hand palm drop
+🫴 palm up hand lift offer demand
+🫰 hand with index finger and thumb crossed heart love money expensive
+🫵 index pointing at the viewer you recruit
+🫶 heart hands love appreciation support
+🫦 biting lip flirt sexy pain worry
+🫅 person with crown royalty power
+🫃 pregnant man baby belly
+🫄 pregnant person baby belly
+🧌 troll mystical monster
+🪸 coral ocean sea reef
+🪷 lotus flower calm meditation
+🪹 empty nest bird
+🪺 nest with eggs bird
+🫘 beans food
+🫗 pouring liquid cup water
+🫙 jar container sauce
+🛝 playground slide fun park
+🛞 wheel car transport
+🛟 ring buoy life saver life preserver
+🪬 hamsa religion protection
+🪩 mirror ball disco dance party
+🪫 low battery drained dead
+🩼 crutch accessibility assist
+🩻 x-ray skeleton medicine
+🫧 bubbles soap fun carbonation sparkling
+🪪 identification card document
+🟰 heavy equals sign math
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/colors/dark-maia.css b/novelknock/Import Manually/firefox/GNOME_red/theme/colors/dark-maia.css
new file mode 100755
index 000000000..49a96f1bb
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/colors/dark-maia.css	
@@ -0,0 +1,20 @@
+@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* Variables that start with --gnome- are added by me and are assigned
+ * to elements somewhere in this code. The rest of the variables are
+ * built-in in Firefox, so you need to add an !important if you wanna
+ * override them. */
+@media (prefers-color-scheme: dark) {
+	:root {
+	  /* Accent */
+		--gnome-accent: #16A085;
+		
+		/* Buttons */
+		--gnome-button-suggested-action-background: linear-gradient(to top, rgb(36, 235, 195) 2px, #16A085);
+		--gnome-button-suggested-action-border-color: #16A085;
+		--gnome-button-suggested-action-border-accent-color: #004b3d;
+		--gnome-button-suggested-action-hover-background: linear-gradient(to top, rgb(36, 235, 195), #16A085 1px);
+		--gnome-button-suggested-action-active-background: rgb(16, 129, 107);
+		--gnome-button-suggested-action-active-border-color: rgb(13, 109, 90);
+	}
+}
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/colors/dark.css b/novelknock/Import Manually/firefox/GNOME_red/theme/colors/dark.css
new file mode 100755
index 000000000..8966dcfc6
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/colors/dark.css	
@@ -0,0 +1,115 @@
+@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* Variables that start with --gnome- are added by me and are assigned
+ * to elements somewhere in this code. The rest of the variables are
+ * built-in in Firefox, so you need to add an !important if you wanna
+ * override them. */
+@media (prefers-color-scheme: dark) {
+	:root {
+		/* Browser area before a page starts loading */
+		--gnome-browser-before-load-background: #0a0606;
+		
+		/* Accent */
+		--gnome-accent-bg: #E97477;
+		--gnome-accent: #FFB3B1;
+
+		/* Toolbars */
+		--gnome-toolbar-background: var(--gnome-headerbar-background);
+		--gnome-toolbar-color: #FFB3B1;
+		--gnome-toolbar-border-color: #0a0606;
+		--gnome-toolbar-icon-fill: #FFB3B1;
+		--gnome-inactive-toolbar-color: #845C5B;
+		--gnome-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
+		--gnome-inactive-toolbar-border-color: var(--gnome-toolbar-border-color);
+		--gnome-inactive-toolbar-icon-fill: #845C5B;
+
+		/* Sidebar */
+		--gnome-sidebar-background: var(--gnome-toolbar-background);
+		--gnome-inactive-sidebar-background: var(--gnome-sidebar-background);
+
+		/* Menus */
+		--gnome-menu-background: #524342;
+		--gnome-menu-border-color: rgba(0, 0, 0, .14);
+		--gnome-menu-shadow: 0 1px 5px 1px rgba(0,0,0, .09), 0 2px 14px 3px rgba(0,0,0, .05);
+		--gnome-menu-button-hover-background: var(--gnome-button-background);
+		--gnome-menu-separator-color: #665655;
+
+		/* Header bar */
+		--gnome-headerbar-background: #110a0a;
+		--gnome-headerbar-border-color: var(--gnome-toolbar-border-color);
+		--gnome-inactive-headerbar-background: var(--gnome-browser-before-load-background);
+		--gnome-inactive-headerbar-border-color: var(--gnome-toolbar-border-color);
+
+		/* Buttons */
+		--gnome-button-background: rgba(255, 255, 255, .1);
+		--gnome-button-hover-background: rgba(255, 255, 255, .15);
+		--gnome-button-active-background: rgba(255, 255, 255, .3);
+		--gnome-button-flat-hover-background: rgba(255, 255, 255, .07);
+		--gnome-button-flat-active-background: rgba(255, 255, 255, .1);
+		--gnome-button-suggested-action-background: var(--gnome-accent-bg);
+		--gnome-button-destructive-action-background: #ff6385;
+
+		--gnome-button-close-background: var(--gnome-button-flat-hover-background);
+		--gnome-button-hover-close-background:var(--gnome-button-hover-background);
+		--gnome-button-active-close-background: var(--gnome-button-active-background);
+
+		--gnome-toolbar-star-button:	#E3C18C;
+
+		/* Entries */
+		--gnome-entry-background: #281B1B;
+		--gnome-entry-color: #FFB3B1;
+		--gnome-inactive-entry-color: #845c5b;
+		--gnome-focused-urlbar-border-color: rgba(255, 179, 177, 0.5); /* Same as --gnome-accent but with opacity*/
+
+		/* Switch */
+		--gnome-switch-background: rgba(255, 255, 255, .15);
+		--gnome-switch-slider-background: #312927;
+		--gnome-switch-active-background: var(--gnome-accent-bg);
+		--gnome-switch-active-slider-background: #AD9391;
+
+		/* Tabs */
+		--gnome-tabbar-background: var(--gnome-headerbar-background);
+		--gnome-tabbar-tab-separator-color: #110A0A;
+		--gnome-tabbar-tab-hover-background: #221615; /* Hardcoded color */
+		--gnome-tabbar-tab-active-background: #281B1B; /* Hardcoded color */
+		--gnome-tabbar-tab-active-background-contrast: #FCB1AF; /* Hardcoded color */
+		--gnome-tabbar-tab-active-hover-background: #302020; /* Hardcoded color */
+		--gnome-inactive-tabbar-background: var(--gnome-inactive-headerbar-background);
+		--gnome-inactive-tabbar-tab-hover-background: #221615; /* Hardcoded color */
+		--gnome-inactive-tabbar-tab-active-background: #281B1B; /* Hardcoded color */
+		--gnome-tab-button-background: rgba(0, 0, 0, .5);
+		--gnome-tab-button-hover-background: rgba(0, 0, 0, .6);
+		--gnome-tabbar-tab-identity-base-opacity: 0;
+		--gnome-tabbar-tab-needs-attetion: #E7BDBB;
+	}
+
+	/* Private window colors */
+	:root {
+		--gnome-private-accent: #FFB3B1;
+		
+		/* Toolbars */
+		--gnome-private-toolbar-background: var(--gnome-headerbar-background);
+		--gnome-private-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
+		/* Menus */
+		--gnome-private-menu-background: #524342;
+		/* Header bar */
+		--gnome-private-headerbar-background: #0A0606;
+		--gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background);
+		/* Tabs */
+		--gnome-private-tabbar-tab-hover-background: #343e56; /* Hardcoded color */
+		--gnome-private-tabbar-tab-active-background: #343e56; /* Hardcoded color */
+		--gnome-private-tabbar-tab-active-background-contrast: #495675; /* Hardcoded color */
+		--gnome-private-tabbar-tab-active-hover-background: #414a61; /* Hardcoded color */
+		--gnome-private-inactive-tabbar-tab-hover-background: #242c3f; /* Hardcoded color */
+		--gnome-private-inactive-tabbar-tab-active-background: #272e41; /* Hardcoded color */
+
+		/* Text color for Firefox Logo in new private tab */
+		--gnome-private-wordmark: #FFB3B1;
+
+		/* New private tab background */
+		--gnome-private-in-content-page-background: #242424;
+
+		/* Private browsing info box */
+		--gnome-private-text-primary-color: #FFB3B1;
+	}
+}
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/colors/light-maia.css b/novelknock/Import Manually/firefox/GNOME_red/theme/colors/light-maia.css
new file mode 100755
index 000000000..a1bfe136e
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/colors/light-maia.css	
@@ -0,0 +1,48 @@
+@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* Variables that start with --gnome- are added by me and are assigned
+ * to elements somewhere in this code. The rest of the variables are
+ * built-in in Firefox, so you need to add an !important if you wanna
+ * override them. */
+
+:root {
+  /* Accent */
+	--gnome-accent: #16A085;
+	
+	/* Buttons */
+	--gnome-button-suggested-action-background: linear-gradient(to top, rgb(36, 235, 195) 2px, #16A085);
+	--gnome-button-suggested-action-border-color: #16A085;
+	--gnome-button-suggested-action-border-accent-color: #004b3d;
+	--gnome-button-suggested-action-hover-background: linear-gradient(to top, rgb(36, 235, 195), #16A085 1px);
+	--gnome-button-suggested-action-active-background: rgb(16, 129, 107);
+	--gnome-button-suggested-action-active-border-color: rgb(13, 109, 90);
+
+	/* Switch */
+	--gnome-switch-active-border-color: #1fdab5;
+	--gnome-switch-active-slider-border-color: #1fdab5;
+}
+
+/* Recolor some elements that are blue by default */
+
+#star-button[starred] {
+	fill: #16A085 !important;
+  }
+
+.tab-throbber[busy]::before {
+  background-image: url("chrome://global/skin/icons/loading.png") !important;
+  animation: unset !important;
+  filter: invert(0.9) sepia(1) saturate(5) hue-rotate(110deg)
+}
+.tab-throbber[busy]:not([progress])::before {
+  /* Grays the blue during "Connecting" state */
+  filter: grayscale(100%);
+}
+@media (min-resolution: 2dppx) {
+  .tab-throbber[busy]::before {
+    background-image: url("chrome://global/skin/icons/loading@2x.png") !important;
+  }
+}
+
+#tabbrowser-tabs {
+    --tab-loading-fill: #16A085! important;
+}
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/colors/light.css b/novelknock/Import Manually/firefox/GNOME_red/theme/colors/light.css
new file mode 100755
index 000000000..7a7160934
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/colors/light.css	
@@ -0,0 +1,111 @@
+@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* Variables that start with --gnome- are added by me and are assigned
+ * to elements somewhere in this code. The rest of the variables are
+ * built-in in Firefox, so you need to add an !important if you wanna
+ * override them. */
+
+:root {
+	/* Browser area before a page starts loading */
+	--gnome-browser-before-load-background: #FAFAFA;
+	/* Accent */
+	--gnome-accent-bg: #3584e4;
+	--gnome-accent: #1c71d8;
+
+	/* Toolbars */
+	--gnome-toolbar-background: var(--gnome-headerbar-background);
+	--gnome-toolbar-color: rgb(46, 52, 54);
+	--gnome-toolbar-border-color: #dbdbdb;
+	--gnome-toolbar-icon-fill: #2f2f2f;
+	--gnome-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
+	--gnome-inactive-toolbar-color: #d5d0cc;
+	--gnome-inactive-toolbar-border-color: #e9e9e9;
+	--gnome-inactive-toolbar-icon-fill: #969696;
+
+	/* Sidebar */
+	--gnome-sidebar-background: var(--gnome-toolbar-background);
+	--gnome-inactive-sidebar-background: var(--gnome-sidebar-background);
+
+	/* Menu */
+	--gnome-menu-background: #ffffff;
+	--gnome-menu-border-color: rgba(0, 0, 0, .14);
+	--gnome-menu-shadow: 0 1px 5px 1px rgba(0,0,0, .09), 0 2px 14px 3px rgba(0,0,0, .05);
+	--gnome-menu-button-hover-background: var(--gnome-button-background);
+	--gnome-menu-separator-color: rgba(0, 0, 0, 0.1);
+
+	/* Header bar */
+	--gnome-headerbar-background: #EBEBEB;
+	--gnome-headerbar-border-color: var(--gnome-toolbar-border-color);
+	--gnome-inactive-headerbar-background: var(--gnome-browser-before-load-background);
+	--gnome-inactive-headerbar-border-color: var(--gnome-inactive-toolbar-border-color);
+
+	/* Buttons */
+	--gnome-button-background: rgba(0, 0, 0, .08);
+	--gnome-button-hover-background: rgba(0, 0, 0, .12);
+	--gnome-button-active-background: rgba(0, 0, 0, .24);
+	--gnome-button-flat-hover-background: rgba(0, 0, 0, .056);
+	--gnome-button-flat-active-background: rgba(0, 0, 0, .128);
+	--gnome-button-suggested-action-background: var(--gnome-accent-bg);
+	--gnome-button-destructive-action-background: #e01b24;
+	
+	--gnome-button-close-background: var(--gnome-button-background);
+	--gnome-button-hover-close-background:var(--gnome-button-hover-background);
+	--gnome-button-active-close-background: var(--gnome-button-active-background);
+	
+	--gnome-toolbar-star-button: #ae7b03;
+
+	/* Entries */
+	--gnome-entry-background: rgba(0, 0, 0, .08);
+	--gnome-entry-color: #303030;
+	--gnome-inactive-entry-color: #303030;
+	--gnome-focused-urlbar-border-color: rgba(28, 113, 216, .5);
+
+	/* Switch */
+	--gnome-switch-background: rgba(0, 0, 0, .12);
+	--gnome-switch-slider-background: #ffffff;
+	--gnome-switch-active-background: var(--gnome-accent-bg);
+	--gnome-switch-active-slider-background: #ffffff;
+
+	/* Tabs */
+	--gnome-tabbar-background: var(--gnome-headerbar-background);
+	--gnome-tabbar-tab-separator-color: var(--gnome-toolbar-border-color);
+	--gnome-tabbar-tab-hover-background: #dedede; /* Hardcoded color */
+	--gnome-tabbar-tab-active-background: #d9d9d9; /* Hardcoded color */
+	--gnome-tabbar-tab-active-background-contrast: #c0c0c0; /* Hardcoded color */
+	--gnome-tabbar-tab-active-hover-background: #d2d2d2; /* Hardcoded color */
+	--gnome-inactive-tabbar-background: var(--gnome-inactive-headerbar-background);
+	--gnome-inactive-tabbar-tab-hover-background: #f3f3f3; /* Hardcoded color */
+	--gnome-inactive-tabbar-tab-active-background: #EFEFEF; /* Hardcoded color */
+	--gnome-tabbar-tab-identity-base-opacity: .1;
+	--gnome-tabbar-tab-needs-attetion: #84AEE2;
+}
+
+/* Private window colors */
+:root {
+	--gnome-private-accent: #1c71d8;
+	
+	/* Toolbars */
+	--gnome-private-toolbar-background: var(--gnome-headerbar-background);
+	--gnome-private-inactive-toolbar-background: var(--gnome-inactive-headerbar-background);
+	/* Menus */
+	--gnome-private-menu-background: #ffffff;
+	/* Header bar */
+	--gnome-private-headerbar-background: #D7E3F0;
+	--gnome-private-inactive-headerbar-background: var(--gnome-private-toolbar-background);
+	/* Tabs */
+	--gnome-private-tabbar-tab-hover-background: #cbd7e3; /* Hardcoded color */
+	--gnome-private-tabbar-tab-active-background: #c6d1dd; /* Hardcoded color */
+	--gnome-private-tabbar-tab-active-background-contrast: #a9b6c4; /* Hardcoded color */
+	--gnome-private-tabbar-tab-active-hover-background: #c0cbd7; /* Hardcoded color */
+	--gnome-private-inactive-tabbar-tab-hover-background: #e4e9f0; /* Hardcoded color */
+	--gnome-private-inactive-tabbar-tab-active-background: #e1e7ed; /* Hardcoded color */
+
+	/* Text color for Firefox Logo in new private tab */
+	--gnome-private-wordmark: #20123A;
+
+	/* New private tab background */
+	--gnome-private-in-content-page-background: #FAFAFA;
+
+	/* Private browsing info box */
+	--gnome-private-text-primary-color: #15141A;
+}
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/extensions/tab-center-reborn.css b/novelknock/Import Manually/firefox/GNOME_red/theme/extensions/tab-center-reborn.css
new file mode 100755
index 000000000..df3084db7
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/extensions/tab-center-reborn.css	
@@ -0,0 +1,143 @@
+@supports -moz-bool-pref("gnomeTheme.extensions.tabCenterReborn") {
+    :root {
+        --delay: 0s;
+        --transition-time: 0.2s;
+        --positionX1: 48px;
+        --positionX2: absolute;
+    }
+
+	#tabbrowser-tabs {
+		display: none !important;
+	}
+
+    #browser {
+        position: relative;
+    }
+
+    #sidebar-box:not([lwt-sidebar]){
+        appearance: unset !important;
+    }
+
+    #sidebar-box[sidebarcommand*="tabcenter"] {
+        z-index: 1;
+    }
+
+    #sidebar-box[sidebarcommand*="tabcenter"] #sidebar-header {
+        visibility: collapse;
+        display: none;
+    }
+
+    [sidebarcommand*="tabcenter"] #sidebar, #sidebar-box[sidebarcommand*="tabcenter"]  {
+        min-width: 48px !important;
+        max-width: 48px !important;
+    }
+
+    #sidebar-box[sidebarcommand*="tabcenter"]:not([hidden]) {
+        display: block;
+        position: var(--positionX2);
+        box-sizing: content-box;
+        min-width: 48px;
+        max-width: 48px;
+        overflow: hidden;
+        
+        border-right: 1px solid var(--sidebar-border-color);
+        z-index: 1;
+        top: 0;
+        bottom: 0;
+    }
+
+    #main-window[inFullscreen] #sidebar-box[sidebarcommand*="tabcenter"]:not([hidden]) {
+        min-width: 1px;
+        max-width: 1px;
+    }
+
+    #sidebar-box[sidebarcommand*="tabcenter"]:hover #sidebar,
+    #sidebar-box[sidebarcommand*="tabcenter"]:hover {
+        min-width: 10vw !important;
+        width: 30vw !important;
+        max-width: 200px !important;
+        z-index: 1 !important;
+        transition: all var(--transition-time) ease var(--delay);
+    }
+
+    #sidebar-box[sidebarcommand*="tabcenter"]:not(:hover) #sidebar,
+    #sidebar-box[sidebarcommand*="tabcenter"]:not(:hover) {
+        transition: all var(--transition-time) ease 0s;
+    }
+
+    @media (width >= 1200px) {
+        #sidebar-box[sidebarcommand*="tabcenter"]:hover #sidebar,
+        #sidebar-box[sidebarcommand*="tabcenter"]:hover {
+            max-width: 250px !important;
+        }
+    }
+
+    [sidebarcommand*="tabcenter"] ~ #sidebar-splitter {
+        display: none;
+    }
+
+    [sidebarcommand*="tabcenter"] #sidebar {
+        max-height: 100%;
+        height: 100%;
+    }
+
+    #main-window:not([inFullscreen]) #sidebar-box[sidebarcommand*="tabcenter"]:not([hidden]) ~ #appcontent {
+        margin-left: var(--positionX1);
+    }
+
+    #main-window[inFullscreen][inDOMFullscreen] #appcontent {
+        margin-left: 0;
+    }
+
+    #main-window[inFullscreen] #sidebar {
+        height: 100vh;
+    }
+
+    [sidebarcommand*="tabcenter"] #sidebar-header {
+        background: #0C0C0D;
+        border-bottom: none !important;
+    }
+
+    [sidebarcommand*="tabcenter"] ~ #sidebar-splitter {
+        border-right-color: #0C0C0D !important;
+        border-left-color: #0C0C0D !important;
+    }
+
+    [sidebarcommand*="tabcenter"] #sidebar-switcher-target,
+    [sidebarcommand*="tabcenter"] #sidebar-close {
+        filter: invert(100%);
+    }
+
+    @media (max-width: 630px) {
+        #urlbar-container {
+            min-width: 100% !important;
+        }
+    
+        #menubar-items {
+            display: none !important;
+        }
+    }
+}
+
+@supports -moz-bool-pref("gnomeTheme.extensions.tabCenterReborn.alwaysOpen") {
+    #sidebar-box[sidebarcommand*="tabcenter"] #sidebar,
+    #sidebar-box[sidebarcommand*="tabcenter"] {
+        min-width: 10vw !important;
+        width: 30vw !important;
+        max-width: 250px !important;
+        z-index: 1 !important;
+        transition: all var(--transition-time) ease var(--delay);
+    }
+    
+    #sidebar-box[sidebarcommand*="tabcenter"]:not([hidden]) {
+        position: relative;
+        margin-right: -50px;
+    }
+    
+    @media (width >= 1200px) {
+        #sidebar-box[sidebarcommand*="tabcenter"]:hover #sidebar,
+        #sidebar-box[sidebarcommand*="tabcenter"]:hover {
+            max-width: 250px !important;
+        }
+    }
+}
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/gnome-theme.css b/novelknock/Import Manually/firefox/GNOME_red/theme/gnome-theme.css
new file mode 100755
index 000000000..5d1e0c168
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/gnome-theme.css	
@@ -0,0 +1,39 @@
+@import "parts/toolbox.css";
+@import "parts/headerbar.css";
+@import "parts/headerbar-private-window.css";
+@import "parts/csd.css";
+@import "parts/urlbar.css";
+@import "parts/tabsbar.css";
+@import "parts/findbar.css";
+@import "parts/sidebar.css";
+@import "parts/lists.css";
+
+@import "parts/buttons.css";
+@import "parts/buttons-fixes.css";
+@import "parts/entries.css";
+@import "parts/controls.css";
+@import "parts/icons.css";
+
+@import "parts/popups.css";
+@import "parts/popups-contents.css";
+@import "parts/dialogs.css";
+
+@import "parts/remove-white-flash.css";
+
+/* Extensions support */
+@import "extensions/tab-center-reborn.css";
+
+@import "colors/light.css";
+@import "colors/dark.css";
+
+@import "system-icons.css";
+@import "symbolic-tab-icons.css";
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Set theme version text in customization panel */
+#customization-footer::before {
+	background: url(../icon.svg) no-repeat;
+	background-size: contain;
+	content: "Firefox GNOME theme v112";
+	padding: 9px 9px 9px 50px;
+}
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/application-x-addon-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/application-x-addon-symbolic.svg
new file mode 100755
index 000000000..67263f4d7
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/application-x-addon-symbolic.svg	
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <path d="m 7.015625 0 c -1.109375 0 -2 0.890625 -2 2 v 1 h -3.015625 c -1.109375 0 -2 0.890625 -2 2 v 2 h 1.015625 c 1.105469 0 2 0.890625 2 2 s -0.894531 2 -2 2 h -1.015625 v 2.988281 c 0 1.105469 0.890625 2 2 2 h 3.015625 v -0.988281 c 0 -1.109375 0.890625 -2 2 -2 c 1.105469 0 2 0.890625 2 2 v 0.988281 h 2 c 1.105469 0 2 -0.894531 2 -2 v -2.988281 h 1 c 1.105469 0 2 -0.890625 2 -2 s -0.894531 -2 -2 -2 h -1 v -2 c 0 -1.109375 -0.894531 -2 -2 -2 h -2 v -1 c 0 -1.109375 -0.894531 -2 -2 -2 z m 0 0" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/applications-engineering-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/applications-engineering-symbolic.svg
new file mode 100755
index 000000000..ce6226265
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/applications-engineering-symbolic.svg	
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="M7.997 8c-3.999 0-5.998 3-5.998 6H.25C0 14 0 14.157 0 14.25v1.5c0 .25.138.25.25.25h15.494c.195.006.25-.13.25-.25v-1.5c.021-.146 0-.25-.25-.25h-1.75c0-3-1.999-6-5.997-6zm0 3c2.35 0 2.999 1.762 2.999 3H4.998c0-1.198.703-3 2.999-3z" fill-rule="evenodd"/>
+        <path d="M14.989.6a3.652 3.652 0 0 0-.967-.561l-.021 2.232c-.005.458-.452.729-1.006.729h-1c-.553-.007-1.003-.31-.998-.768L11.018 0c-.345.133-.689.304-.977.536-1.377 1.114-1.395 2.95-.04 4.098.284.24.624.42.967.562.028.011.028 2.054.028 2.054C12.486 8 13.346 9 13.995 10V5.252a3.55 3.55 0 0 0 .954-.554c1.377-1.114 1.395-2.949.04-4.098z" style="line-height:normal;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration-line:none;text-transform:none;marker:none" color="#000" font-weight="400" font-family="Sans" overflow="visible"/>
+    </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/audio-muted-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/audio-muted-symbolic.svg
new file mode 100755
index 000000000..6d14b238d
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/audio-muted-symbolic.svg	
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 4.2333 4.2333"
+   id="svg10"
+   sodipodi:docname="audio-muted-symbolics.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs14" />
+  <sodipodi:namedview
+     id="namedview12"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg10" />
+  <g
+     transform="translate(-414.07 -67.204)"
+     fill="context-fill"
+     stroke="context-stroke"
+     fill-opacity="context-fill-opacity"
+     stroke-opacity="context-stroke-opacity"
+     id="g8">
+    <g
+       transform="matrix(.26458 0 0 .26458 414.07 67.204)"
+       id="g4">
+       <path d="m 2.53125 1.46875 l -1.0625 1.0625 l 12 12 l 1.0625 -1.0625 l -4.53125 -4.53125 v -6.9375 c -0.296875 0 -0.578125 0.128906 -0.769531 0.355469 l -2.730469 2.640625 h -0.441406 z m 0.621094 4.746094 c -0.097656 0.238281 -0.152344 0.5 -0.152344 0.78125 v 2 c 0 1.089844 0.910156 2 2 2 h 1.5 l 2.730469 2.640625 c 0.210937 0.253906 0.492187 0.363281 0.769531 0.359375 v -0.933594 z m 0 0"/>
+    </g>
+    <path
+       d="m417.9 71.337 0.28098-0.28099-3.7044-3.7039-0.28072 0.28072z"
+       id="path6" />
+  </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/audio-playing-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/audio-playing-symbolic.svg
new file mode 100755
index 000000000..6918282a1
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/audio-playing-symbolic.svg	
@@ -0,0 +1,8 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
+  <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+  <path
+     d="m 11.462053,2.0027428 c -0.220982,-0.010045 -0.44866,0.066964 -0.622767,0.2410714 l -1.9821431,1.965402 v 1.21875 h 1.1919641 l 1.975446,-1.96875 C 12.372767,3.1110019 12.33259,2.5652427 12.051339,2.2639039 11.900669,2.1065376 11.683036,2.0127876 11.462053,2.0027428 Z M 8,2.8598856 c -0.2544643,0 -0.4955357,0.1104909 -0.659598,0.3046877 L 5,5.4279662 H 3.7142857 C 2.7767857,5.4279662 2,6.1511805 2,7.1422519 v 1.7142857 c 0,0.934152 0.7801337,1.7142854 1.7142857,1.7142854 H 5 l 2.340402,2.263393 C 7.5212051,13.05185 7.7622766,13.1456 8,13.142252 Z M 8.8571429,7.1422519 V 8.8565376 H 13.142857 C 13.785714,8.8565376 14,8.4279662 14,7.9993947 14,7.5708233 13.785714,7.1422519 13.142857,7.1422519 Z m 0,3.4285711 v 1.21875 l 1.9921881,1.965402 c 0.344865,0.35491 0.910714,0.297991 1.212053,-0.02009 0.28125,-0.301339 0.31808,-0.847098 -0.02679,-1.191964 l -1.985487,-1.972098 z m 0,0"
+    />
+  </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/bullet-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/bullet-symbolic.svg
new file mode 100755
index 000000000..897f3f2fb
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/bullet-symbolic.svg	
@@ -0,0 +1,5 @@
+<svg height="14" width="14" xmlns="http://www.w3.org/2000/svg">
+<g style="display:inline">
+<path d="M388 342c-2.207 0-4 1.793-4 4s1.793 4 4 4c2.208 0 4-1.793 4-4s-1.792-4-4-4z" transform="translate(-381 -339)" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+</g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/edit-clear-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/edit-clear-symbolic.svg
new file mode 100755
index 000000000..ef3d71c71
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/edit-clear-symbolic.svg	
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <path d="m 7 2 c -0.832031 0 -1.558594 0.34375 -2.292969 0.78125 s -1.464843 1.003906 -2.128906 1.597656 c -0.660156 0.597656 -1.253906 1.222656 -1.707031 1.796875 c -0.226563 0.289063 -0.417969 0.5625 -0.570313 0.835938 c -0.152343 0.277343 -0.300781 0.53125 -0.300781 0.988281 s 0.148438 0.710938 0.300781 0.984375 c 0.152344 0.277344 0.34375 0.550781 0.570313 0.835937 c 0.453125 0.578126 1.046875 1.203126 1.707031 1.796876 c 0.664063 0.597656 1.394531 1.164062 2.128906 1.601562 s 1.460938 0.78125 2.292969 0.78125 h 6 c 1.644531 0 3 -1.355469 3 -3 v -6 c 0 -1.644531 -1.355469 -3 -3 -3 z m 1 3 c 0.265625 0 0.519531 0.105469 0.707031 0.292969 l 1.292969 1.292969 l 1.292969 -1.292969 c 0.1875 -0.1875 0.441406 -0.292969 0.707031 -0.292969 s 0.519531 0.105469 0.707031 0.292969 c 0.390625 0.390625 0.390625 1.023437 0 1.414062 l -1.292969 1.292969 l 1.292969 1.292969 c 0.390625 0.390625 0.390625 1.023437 0 1.414062 s -1.023437 0.390625 -1.414062 0 l -1.292969 -1.292969 l -1.292969 1.292969 c -0.390625 0.390625 -1.023437 0.390625 -1.414062 0 s -0.390625 -1.023437 0 -1.414062 l 1.292969 -1.292969 l -1.292969 -1.292969 c -0.390625 -0.390625 -0.390625 -1.023437 0 -1.414062 c 0.1875 -0.1875 0.441406 -0.292969 0.707031 -0.292969 z m 0 0" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/edit-copy-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/edit-copy-symbolic.svg
new file mode 100755
index 000000000..4212c3849
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/edit-copy-symbolic.svg	
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 6 16 h 6 l 3 -3 v -7 c 0 -0.550781 -0.449219 -1 -1 -1 h -8 c -0.550781 0 -1 0.449219 -1 1 v 9 c 0 0.550781 0.449219 1 1 1 z m 0 0"/>
+        <path d="m 2 12 h 2 v -6 c 0 -1.105469 0.894531 -2 2 -2 h 5 v -2 c 0 -0.550781 -0.449219 -1 -1 -1 h -8 c -0.550781 0 -0.996094 0.445312 -0.996094 0.996094 l -0.003906 9.003906 c 0 0.550781 0.449219 1 1 1 z m 0 0"/>
+    </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/edit-cut-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/edit-cut-symbolic.svg
new file mode 100755
index 000000000..7e4c3ae5d
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/edit-cut-symbolic.svg	
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 14 1 l -5.203125 4.972656 l 1.5625 1.527344 l 5.640625 -5.5 v -1 z m -6.804688 6.5 l -2.976562 2.84375 l 1.6875 1.5 l 2.890625 -2.816406 z m 0 0"/>
+        <path d="m 4.21875 5.65625 l 9.78125 9.34375 h 2 v -1 l -10.09375 -9.84375 z m 0 0"/>
+        <path d="m 5.972656 1.019531 c -1.359375 -1.359375 -3.59375 -1.359375 -4.953125 0 c -1.359375 1.359375 -1.359375 3.59375 0 4.953125 s 3.59375 1.363282 4.953125 0 c 1.359375 -1.359375 1.359375 -3.59375 0 -4.953125 z m -1.414062 1.414063 c 0.597656 0.59375 0.597656 1.53125 0 2.125 c -0.59375 0.597656 -1.527344 0.597656 -2.125 0 c -0.59375 -0.59375 -0.59375 -1.527344 0 -2.125 c 0.597656 -0.59375 1.53125 -0.59375 2.125 0 z m 0 0"/>
+        <path d="m 5.972656 10.019531 c -1.359375 -1.359375 -3.59375 -1.359375 -4.953125 0 c -1.359375 1.359375 -1.359375 3.597657 0 4.957031 c 1.359375 1.359376 3.59375 1.355469 4.953125 -0.003906 s 1.359375 -3.59375 0 -4.953125 z m -1.414062 1.414063 c 0.597656 0.597656 0.597656 1.53125 0 2.125 c -0.59375 0.597656 -1.527344 0.597656 -2.125 0.003906 c -0.59375 -0.597656 -0.59375 -1.53125 0 -2.128906 c 0.597656 -0.59375 1.53125 -0.59375 2.125 0 z m 0 0"/>
+    </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/edit-find-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/edit-find-symbolic.svg
new file mode 100755
index 000000000..82e433366
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/edit-find-symbolic.svg	
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 10.804688 10 c -0.8125 0.144531 -1.105469 1.15625 -0.5 1.71875 l 3 3 c 0.957031 0.9375 2.363281 -0.5 1.40625 -1.4375 l -3 -3 c -0.238282 -0.242188 -0.578126 -0.347656 -0.90625 -0.28125 z m 0 0"/>
+        <path d="m 6.5 0 c -3.578125 0 -6.5 2.921875 -6.5 6.5 s 2.921875 6.496094 6.5 6.496094 s 6.5 -2.917969 6.5 -6.496094 s -2.921875 -6.5 -6.5 -6.5 z m 0 2 c 2.496094 0 4.5 2.003906 4.5 4.5 s -2.003906 4.496094 -4.5 4.496094 s -4.5 -2 -4.5 -4.496094 s 2.003906 -4.5 4.5 -4.5 z m 0 0"/>
+    </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/edit-paste-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/edit-paste-symbolic.svg
new file mode 100755
index 000000000..0b507f522
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/edit-paste-symbolic.svg	
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 5.5 1 h 5 c 0.277344 0 0.5 0.222656 0.5 0.5 v 3 c 0 0.277344 -0.222656 0.5 -0.5 0.5 h -5 c -0.277344 0 -0.5 -0.222656 -0.5 -0.5 v -3 c 0 -0.277344 0.222656 -0.5 0.5 -0.5 z m 0 0"/>
+        <path d="m 7.5 0 h 1 c 0.277344 0 0.5 0.222656 0.5 0.5 v 3 c 0 0.277344 -0.222656 0.5 -0.5 0.5 h -1 c -0.277344 0 -0.5 -0.222656 -0.5 -0.5 v -3 c 0 -0.277344 0.222656 -0.5 0.5 -0.5 z m 0 0"/>
+        <path d="m 4 1 c -1.644531 0 -3 1.355469 -3 3 v 9 c 0 1.644531 1.355469 3 3 3 h 8 c 1.644531 0 3 -1.355469 3 -3 v -9 c 0 -1.644531 -1.355469 -3 -3 -3 v 2 c 0.570312 0 1 0.429688 1 1 v 9 c 0 0.570312 -0.429688 1 -1 1 h -8 c -0.570312 0 -1 -0.429688 -1 -1 v -9 c 0 -0.570312 0.429688 -1 1 -1 z m 0 0"/>
+    </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/eye-not-looking-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/eye-not-looking-symbolic.svg
new file mode 100755
index 000000000..a53c9d00c
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/eye-not-looking-symbolic.svg	
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:osb="http://www.openswatchbook.org/uri/2009/osb">
+    <title>Gnome Symbolic Icon Theme</title>
+    <g transform="translate(-140 -40)">
+        <path d="m153.98 41.99a1.0001 1.0001 0 0 0-0.6875 0.30274l-0.98438 0.98437a8 8 0 0 0-4.3086-1.2773 8 8 0 0 0-7.7383 6.0098 8 8 0 0 0 2.9434 4.3711l-0.91211 0.91211a1.0001 1.0001 0 1 0 1.4141 1.4141l11-11a1.0001 1.0001 0 0 0-0.72656-1.7168zm-5.9805 2.0098a4 4 0 0 1 2.6113 0.97461l-1.4199 1.4199a2 2 0 0 0-1.1914-0.39453 2 2 0 0 0-2 2 2 2 0 0 0 0.39648 1.1894l-1.4199 1.4199a4 4 0 0 1-0.97656-2.6094 4 4 0 0 1 4-4zm7.0293 2.209-3.3438 3.3438a4 4 0 0 1-2.127 2.127l-2.2793 2.2793a8 8 0 0 0 0.7207 0.04102 8 8 0 0 0 7.7383-6.0098 8 8 0 0 0-0.70898-1.7812zm-7.5293 0.79102a0.5 0.5 0 0 1 0.5 0.5 0.5 0.5 0 0 1-0.5 0.5 0.5 0.5 0 0 1-0.5-0.5 0.5 0.5 0 0 1 0.5-0.5z" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity"/>
+    </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/firefox-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/firefox-symbolic.svg
new file mode 100755
index 000000000..84c30e7ab
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/firefox-symbolic.svg	
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <path fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity" d="m15.728 5.8949v-0.0051c-0.0114-0.04333-0.02338-0.08666-0.03592-0.12942l-0.0051-0.01938-0.03592-0.1203-0.0086-0.02623c-0.01197-0.03877-0.02395-0.07697-0.03649-0.11403-0.0034-0.01026-0.0068-0.02053-0.0097-0.03079-0.01254-0.03706-0.02509-0.07412-0.0382-0.11118-0.0034-0.01083-0.0074-0.02167-0.0114-0.0325-0.01254-0.03649-0.02566-0.07298-0.03934-0.1089-0.0034-0.01083-8e-3 -0.02166-0.01197-0.0325l-0.04105-0.1089c-4e-3 -0.0091-8e-3 -0.01825-0.0114-0.02794-0.0034-0.0097-0.0086-0.0211-0.01254-0.03193l-0.0325-0.08039-0.0051-0.0114c-0.05131-0.12429-0.10586-0.24687-0.16363-0.36774-0.0034-0.0086-0.0074-0.01653-0.0114-0.02452-0.01368-0.02908-0.02794-0.05701-0.04219-0.08666l-0.02566-0.05131c-0.01254-0.02566-0.02623-0.05131-0.03934-0.07697l-0.03079-0.05701c-0.01254-0.02452-0.02566-0.04846-0.0382-0.07241l-0.03421-0.06272-0.0382-0.06842-0.07526-0.13c-0.01368-0.02224-0.0268-0.04447-0.03991-0.06671l-0.0382-0.06272-0.04276-0.06842-0.03763-0.05701-0.04561-0.0707-0.03706-0.05701-0.05017-0.07355-0.03535-0.05131c-0.01881-0.02737-0.0382-0.05701-0.05701-0.08153-0.01026-0.01368-0.01996-0.02794-0.03022-0.04219-0.02908-0.04048-0.05701-0.08096-0.08951-0.12144-0.2306-0.30279-0.48269-0.5886-0.7543-0.85522-0.18898-0.1946-0.39028-0.37685-0.60264-0.54563-0.12258-0.10605-0.25086-0.20582-0.382-0.30046-0.2608-0.19527-0.53929-0.36573-0.83184-0.50914-0.06956-0.03592-0.13968-0.07184-0.21038-0.10605-0.56932-0.27971-1.1694-0.49191-1.788-0.63229-0.08267-0.01767-0.16477-0.03421-0.24801-0.0496-0.41364-0.07929-0.83324-0.12354-1.2543-0.13235h-0.17731c-0.54875-0.0023-1.0962 0.0529-1.6335 0.16485-1.1369 0.23889-2.1363 0.72978-2.7686 1.3433h0.0029l0.0046-0.0034h4e-3l0.0086-0.0057c0.47265-0.28507 1.1249-0.51313 1.5913-0.63058l0.07754-0.01882c0.0878-0.02109 0.17788-0.04048 0.27139-0.05701l0.07754-0.01483c2.0668-0.37629 4.2709 0.2406 5.8058 1.7104 0.33237 0.31459 0.62339 0.67017 0.86605 1.0582 0.97894 1.5884 0.886 3.5845 0.12258 4.7618-0.56672 0.87517-1.7811 1.6956-2.9146 1.6865l0.06899 0.0034h-0.04561l-0.07013-0.0029c-0.5047-0.023581-0.99899-0.15172-1.4516-0.37629-1.7538-0.89512-2.0149-3.1255-0.74632-4.2037-0.42134-0.09065-1.2127 0.08666-1.764 0.90881-0.49431 0.7372-0.46638 1.8769-0.16135 2.6854-0.19508-0.39846-0.32757-0.82461-0.39283-1.2634-0.38314-2.5805 1.288-4.7932 2.8878-5.4403l0.03364-0.01311 0.04333-0.01654 0.07754-0.02794c-0.36033-0.31415-0.94131-0.49203-1.6146-0.51313-0.92933-0.02623-2.0348 0.24972-2.9818 0.88657-0.05663 0.03801-0.11251 0.07735-0.16762 0.11802-0.03421 0.02509-0.06785 0.05074-0.10149 0.0764l-0.03136 0.02452-0.06842 0.05701-0.03535 0.02908c-0.02224 0.01767-0.04333 0.03592-0.065 0.05701l-0.03364 0.02851-0.07526 0.06671-0.01938 0.0171-0.09293 0.06956-0.03136 0.03079-0.05701 0.05701-0.03649 0.03706c-0.01767 0.01767-0.03478 0.03535-0.05188 0.05359l-0.03649 0.03877-0.05245 0.05701c-0.01083 0.01197-0.02224 0.02395-0.03307 0.03649-0.02566 0.02908-0.05131 0.05701-0.07697 0.08837l-0.03649 0.04333-0.04276 0.05131-0.03934 0.0496-0.03763 0.04732-0.04048 0.05302-0.03364 0.04504-0.04105 0.05701-0.02338 0.0325c-0.02851 0.04105-0.05701 0.0821-0.08495 0.12372l-0.02395 0.03535-0.04276 0.06614c-8e-3 0.01254-0.01596 0.02452-0.02338 0.03706-0.01425 0.0228-0.02851 0.04561-0.04219 0.06842l-0.02052 0.03364-0.0439 0.07412c-0.0011 0.0024-0.0025 0.0047-4e-3 0.0068-0.03592 0.06214-0.0707 0.12543-0.10434 0.18929-0.01483 0.02794-0.02908 0.05701-0.04333 0.08438l-0.01254 0.02509c-0.01406 0.02775-0.02775 0.05568-0.04105 0.08381l-0.0114 0.02338c-0.06158 0.12942-0.11859 0.26227-0.17104 0.3991-0.0017 0.0047-0.0036 0.0092-0.0057 0.01368-0.01197 0.03193-0.02395 0.06386-0.03535 0.09578-0.0029 0.0063-0.0051 0.01254-0.0074 0.01881-0.0114 0.0325-0.02337 0.06557-0.03478 0.09863v0.0029c-0.02452 0.07241-0.04846 0.14539-0.07127 0.21951 0.04241-0.44133 0.13088-0.87701 0.26398-1.2999v-0.0091c0.0074-0.02452 0.01539-0.0496 0.02338-0.07412 0-0.0063 0.0034-0.01197 0.0057-0.01825 0.0068-0.02281 0.01425-0.04504 0.02167-0.06785l0.0086-0.02509 0.0211-0.06329c0.0034-0.01026 0.0068-0.02053 0.01083-0.03079l0.02053-0.05701 0.01254-0.03592 0.02053-0.05701c0.0046-0.01311 0.0097-0.02623 0.01483-0.03991 0.0051-0.01368 0.01311-0.03478 0.01938-0.05245l0.0171-0.0439c0.0063-0.0171 0.01254-0.03364 0.01938-0.05017l0.01882-0.04789 0.01882-0.04675 0.02109-0.05131c0.0063-0.01483 0.01254-0.02965 0.01825-0.04447l0.02395-0.05701c0.0057-0.01368 0.0114-0.02737 0.01767-0.04105 0.0063-0.01368 0.0171-0.03934 0.02566-0.05701l0.0171-0.0382c0.0091-0.02167 0.01938-0.04276 0.02908-0.06443l0.01539-0.03307c0.01083-0.02452 0.0228-0.04903 0.03421-0.07355l0.0114-0.02395 0.04447-0.09179 0.0034-0.0068 0.05017-0.10034c-0.2031 0.11441-0.3878 0.25876-0.54791 0.42818l-0.05701 0.05701c-0.42041 0.45169-0.75985 0.97244-1.0035 1.5394-0.38656 0.93047-0.57984 2.0012-0.57591 3.0725 0.0013 0.31857 0.02037 0.63683 0.05708 0.95328 0 0.01653 4e-3 0.03307 0.0057 0.0496 0.0091 0.08096 0.01825 0.16192 0.02851 0.24231v0.0171c0.50011 2.9068 2.5569 5.3039 5.354 6.2397s5.8823 0.25921 8.031-1.7614 3.0135-5.0584 2.2511-7.9077z"/>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/folder-download-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/folder-download-symbolic.svg
new file mode 100755
index 000000000..b1e5ac3a4
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/folder-download-symbolic.svg	
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <path d="m 7.515625 1 c -0.277344 0 -0.5 0.222656 -0.5 0.5 v 7.585938 l -1.792969 -1.792969 c -0.1875 -0.1875 -0.441406 -0.292969 -0.707031 -0.292969 h -1.5 v 1 h 0.011719 c -0.003906 0.265625 0.097656 0.519531 0.28125 0.707031 l 4 4 c 0.390625 0.390625 1.023437 0.390625 1.414062 0 l 4 -4 c 0.1875 -0.1875 0.289063 -0.441406 0.289063 -0.707031 h 0.003906 v -1 h -1.5 c -0.265625 0 -0.519531 0.105469 -0.707031 0.292969 l -1.792969 1.792969 v -7.585938 c 0 -0.277344 -0.222656 -0.5 -0.5 -0.5 z m -5 13 c -0.277344 0 -0.5 0.222656 -0.5 0.5 v 1 c 0 0.277344 0.222656 0.5 0.5 0.5 h 11 c 0.277344 0 0.5 -0.222656 0.5 -0.5 v -1 c 0 -0.277344 -0.222656 -0.5 -0.5 -0.5 z m 0 0" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity" font-family="sans-serif" font-weight="400" overflow="visible" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;isolation:auto;mix-blend-mode:normal;shape-padding:0;text-decoration-color:#000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/folder-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/folder-symbolic.svg
new file mode 100755
index 000000000..a8a743a6e
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/folder-symbolic.svg	
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 1 4 v 1 h 8 v -1 z m 0 0"/>
+        <path d="m 3 1 c -1.644531 0 -3 1.355469 -3 3 v 8 c 0 1.644531 1.355469 3 3 3 h 10 c 1.644531 0 3 -1.355469 3 -3 v -6 c 0 -1.644531 -1.355469 -3 -3 -3 h -3.585938 l -1.707031 -1.707031 c -0.1875 -0.1875 -0.441406 -0.292969 -0.707031 -0.292969 z m 0 2 h 3.585938 l 1.707031 1.707031 c 0.1875 0.1875 0.441406 0.292969 0.707031 0.292969 h 4 c 0.5625 0 1 0.4375 1 1 v 6 c 0 0.566406 -0.4375 1 -1 1 h -10 c -0.5625 0 -1 -0.433594 -1 -1 v -8 c 0 -0.5625 0.4375 -1 1 -1 z m 0 0"/>
+    </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/general-properties-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/general-properties-symbolic.svg
new file mode 100755
index 000000000..f8aa3cfe2
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/general-properties-symbolic.svg	
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:osb="http://www.openswatchbook.org/uri/2009/osb">
+    <title>Gnome Symbolic Icon Theme</title>
+    <g transform="translate(-639.98 -284)" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity">
+        <path d="m643.16 294h10.688c0.64056 0 1.1562 0.51569 1.1562 1.1562v1.6875c0 0.64056-0.51569 1.1562-1.1562 1.1562h-10.688c-0.64056 0-1.1562-0.51569-1.1562-1.1562v-1.6875c0-0.64056 0.51569-1.1562 1.1562-1.1562z" style="paint-order:normal"/>
+        <path d="m649.16 289c-0.64056 0-1.1562 0.51569-1.1562 1.1562v1.6875c0 0.64056 0.51569 1.1562 1.1562 1.1562h4.6875c0.64056 0 1.1562-0.51569 1.1562-1.1562v-1.6875c0-0.64056-0.51569-1.1562-1.1562-1.1562zm-0.0469 1h4.7812c0.0606 0 0.10938 0.0488 0.10938 0.10938v1.7812c0 0.0606-0.0488 0.10938-0.10938 0.10938h-4.7812c-0.06057 0-0.10935-0.04878-0.10935-0.10938v-1.7812c0-0.0606 0.04878-0.10938 0.10938-0.10938z" style="paint-order:normal"/>
+        <path d="m647.51 285.88-3.502 3.502-1.5059-1.5293-0.9961 0.98046 2.4941 2.5352 4.498-4.5z" color="#000000" color-rendering="auto" dominant-baseline="auto" image-rendering="auto" shape-rendering="auto" solid-color="#000000" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;isolation:auto;mix-blend-mode:normal;paint-order:normal;shape-padding:0;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
+    </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/go-down-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/go-down-symbolic.svg
new file mode 100755
index 000000000..616ecc558
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/go-down-symbolic.svg	
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 2.707031 4.292969 l -1.414062 1.414062 l 6.707031 6.707031 l 6.707031 -6.707031 l -1.414062 -1.414062 l -5.292969 5.292969 z m 0 0"/>
+        <path d="m 15 5 v -1 h -1 v 1 z m 0 0"/>
+        <path d="m 2 5 v -1 h -1 v 1 z m 0 0"/>
+        <path d="m 3 5 c 0 -0.554688 -0.445312 -1 -1 -1 s -1 0.445312 -1 1 s 0.445312 1 1 1 s 1 -0.445312 1 -1 z m 0 0"/>
+        <path d="m 15 5 c 0 -0.554688 -0.445312 -1 -1 -1 s -1 0.445312 -1 1 s 0.445312 1 1 1 s 1 -0.445312 1 -1 z m 0 0"/>
+    </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/go-next-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/go-next-symbolic.svg
new file mode 100755
index 000000000..2bc221883
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/go-next-symbolic.svg	
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 4.292969 2.707031 l 1.414062 -1.414062 l 6.707031 6.707031 l -6.707031 6.707031 l -1.414062 -1.414062 l 5.292969 -5.292969 z m 0 0"/>
+        <path d="m 5 15 h -1 v -1 h 1 z m 0 0"/>
+        <path d="m 5 2 h -1 v -1 h 1 z m 0 0"/>
+        <path d="m 5 3 c -0.554688 0 -1 -0.445312 -1 -1 s 0.445312 -1 1 -1 s 1 0.445312 1 1 s -0.445312 1 -1 1 z m 0 0"/>
+        <path d="m 5 15 c -0.554688 0 -1 -0.445312 -1 -1 s 0.445312 -1 1 -1 s 1 0.445312 1 1 s -0.445312 1 -1 1 z m 0 0"/>
+    </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/go-previous-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/go-previous-symbolic.svg
new file mode 100755
index 000000000..b4812cdfd
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/go-previous-symbolic.svg	
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 11.707031 2.707031 l -1.414062 -1.414062 l -6.707031 6.707031 l 6.707031 6.707031 l 1.414062 -1.414062 l -5.292969 -5.292969 z m 0 0"/>
+        <path d="m 11 15 h 1 v -1 h -1 z m 0 0"/>
+        <path d="m 11 2 h 1 v -1 h -1 z m 0 0"/>
+        <path d="m 11 3 c 0.554688 0 1 -0.445312 1 -1 s -0.445312 -1 -1 -1 s -1 0.445312 -1 1 s 0.445312 1 1 1 z m 0 0"/>
+        <path d="m 11 15 c 0.554688 0 1 -0.445312 1 -1 s -0.445312 -1 -1 -1 s -1 0.445312 -1 1 s 0.445312 1 1 1 z m 0 0"/>
+    </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/go-up-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/go-up-symbolic.svg
new file mode 100755
index 000000000..207fa0f37
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/go-up-symbolic.svg	
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 2.707031 11.707031 l -1.414062 -1.414062 l 6.707031 -6.707031 l 6.707031 6.707031 l -1.414062 1.414062 l -5.292969 -5.292969 z m 0 0"/>
+        <path d="m 15 11 v 1 h -1 v -1 z m 0 0"/>
+        <path d="m 2 11 v 1 h -1 v -1 z m 0 0"/>
+        <path d="m 3 11 c 0 0.554688 -0.445312 1 -1 1 s -1 -0.445312 -1 -1 s 0.445312 -1 1 -1 s 1 0.445312 1 1 z m 0 0"/>
+        <path d="m 15 11 c 0 0.554688 -0.445312 1 -1 1 s -1 -0.445312 -1 -1 s 0.445312 -1 1 -1 s 1 0.445312 1 1 z m 0 0"/>
+    </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/info-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/info-symbolic.svg
new file mode 100755
index 000000000..3f47dfc54
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/info-symbolic.svg	
@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+    <filter id="a" x="0" y="0" width="1" height="1">
+        <feColorMatrix in="SourceGraphic" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+    </filter>
+    <mask id="b">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".3"/>
+        </g>
+    </mask>
+    <clipPath id="c">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="d">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="e">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="f">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="g">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="h">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="i">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="j">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="k">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="l">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="m">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="n">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="o">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="p">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".3"/>
+        </g>
+    </mask>
+    <clipPath id="q">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="r">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".5"/>
+        </g>
+    </mask>
+    <clipPath id="s">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="t">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".4"/>
+        </g>
+    </mask>
+    <clipPath id="u">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="v">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".4"/>
+        </g>
+    </mask>
+    <clipPath id="w">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="x">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".5"/>
+        </g>
+    </mask>
+    <clipPath id="y">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="z">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".5"/>
+        </g>
+    </mask>
+    <clipPath id="A">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <path d="m7.9062 1c-3.8281 0.050781-6.9062 3.1719-6.9062 7 0 3.8672 3.1328 7 7 7s7-3.1328 7-7-3.1328-7-7-7h-0.09375zm-0.40625 3h1c0.27734 0 0.5 0.22266 0.5 0.5v1c0 0.27734-0.22266 0.5-0.5 0.5h-1c-0.27734 0-0.5-0.22266-0.5-0.5v-1c0-0.27734 0.22266-0.5 0.5-0.5zm-0.5 3h2v5h-2z" color="#000000" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity"/>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/key-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/key-symbolic.svg
new file mode 100755
index 000000000..a622d292c
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/key-symbolic.svg	
@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+    <filter id="a" x="0" y="0" width="1" height="1">
+        <feColorMatrix in="SourceGraphic" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+    </filter>
+    <mask id="b">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".3"/>
+        </g>
+    </mask>
+    <clipPath id="c">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="d">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="e">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="f">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="g">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="h">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="i">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="j">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="k">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="l">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="m">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="n">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="o">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="p">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".3"/>
+        </g>
+    </mask>
+    <clipPath id="q">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="r">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".5"/>
+        </g>
+    </mask>
+    <clipPath id="s">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="t">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".4"/>
+        </g>
+    </mask>
+    <clipPath id="u">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="v">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".4"/>
+        </g>
+    </mask>
+    <clipPath id="w">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="x">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".5"/>
+        </g>
+    </mask>
+    <clipPath id="y">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="z">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".5"/>
+        </g>
+    </mask>
+    <clipPath id="A">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <path d="m5 4c-2.2109 0-4 1.7891-4 4s1.7891 4 4 4c1.8242 0 3.4141-1.2344 3.8711-3h4.1289v2h3v-4h-7.1328c-0.45703-1.7656-2.0469-2.9961-3.8672-3zm0 2c1.1055 0 2 0.89453 2 2s-0.89453 2-2 2-2-0.89453-2-2 0.89453-2 2-2z" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/list-add-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/list-add-symbolic.svg
new file mode 100755
index 000000000..542008ca9
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/list-add-symbolic.svg	
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <path d="m 7 1 v 6 h -6 v 2 h 6 v 6 h 2 v -6 h 6 v -2 h -6 v -6 z m 0 0" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/mail-unread-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/mail-unread-symbolic.svg
new file mode 100755
index 000000000..d61f0dbf4
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/mail-unread-symbolic.svg	
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 1.804688 3.019531 c -0.261719 0.050781 -0.488282 0.207031 -0.636719 0.425781 c -0.304688 0.460938 -0.183594 1.082032 0.277343 1.386719 l 5.167969 3.445313 c 0.835938 0.558594 1.9375 0.558594 2.773438 0 l 5.167969 -3.445313 c 0.460937 -0.304687 0.582031 -0.925781 0.277343 -1.386719 c -0.304687 -0.460937 -0.925781 -0.582031 -1.386719 -0.277343 l -5.167968 3.445312 c -0.171875 0.113281 -0.382813 0.113281 -0.554688 0 l -5.167968 -3.445312 c -0.222657 -0.148438 -0.492188 -0.199219 -0.75 -0.148438 z m 0 0"/>
+        <path d="m 3 2 c -1.644531 0 -3 1.355469 -3 3 v 6 c 0 1.644531 1.355469 3 3 3 h 10 c 1.644531 0 3 -1.355469 3 -3 v -6 c 0 -1.644531 -1.355469 -3 -3 -3 z m 0 2 h 10 c 0.570312 0 1 0.429688 1 1 v 6 c 0 0.570312 -0.429688 1 -1 1 h -10 c -0.570312 0 -1 -0.429688 -1 -1 v -6 c 0 -0.570312 0.429688 -1 1 -1 z m 0 0"/>
+    </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/message-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/message-symbolic.svg
new file mode 100755
index 000000000..1afe2e49e
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/message-symbolic.svg	
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M3.5 1A2.495 2.495 0 001 3.5v5C1 9.885 2.115 11 3.5 11h6.375L13 15v-4.063A2.486 2.486 0 0015 8.5v-5C15 2.115 13.885 1 12.5 1z" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity"/></svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/non-starred-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/non-starred-symbolic.svg
new file mode 100755
index 000000000..abd203603
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/non-starred-symbolic.svg	
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <path d="m 7.996094 0.160156 l -2.460938 4.929688 l -5.457031 0.839844 l 3.929687 3.863281 l -0.890624 5.445312 l 4.890624 -2.542969 l 4.90625 2.53125 l -0.328124 -1.96875 l -0.582032 -3.46875 l 3.925782 -3.882812 l -5.453126 -0.816406 z m 0.007812 4.464844 l 1.152344 2.289062 l 2.527344 0.378907 l -1.824219 1.804687 l 0.421875 2.519532 l -2.28125 -1.175782 l -2.265625 1.179688 l 0.414063 -2.53125 l -1.820313 -1.789063 l 2.535156 -0.390625 z m 0 0" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/open-menu-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/open-menu-symbolic.svg
new file mode 100755
index 000000000..6dbb6a9f4
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/open-menu-symbolic.svg	
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 1 2 h 14 v 2 h -14 z m 0 0"/>
+        <path d="m 1 7 h 14 v 2 h -14 z m 0 0"/>
+        <path d="m 1 12 h 14 v 2 h -14 z m 0 0"/>
+    </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/padlock-insecure-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/padlock-insecure-symbolic.svg
new file mode 100755
index 000000000..d07c1c462
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/padlock-insecure-symbolic.svg	
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <g color="#bebebe">
+        <path d="M5 0C3.355 0 2 1.355 2 3v3h2V3c0-.571.429-1 1-1h2c.571 0 1 .429 1 1v.25c.267-.15.557-.25.875-.25H10c0-1.645-1.355-3-3-3zM2 9s-1 0-1 1v5h10v-2H8.875C7.865 13 7 12.135 7 11.125V9z" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity" overflow="visible"/>
+        <path class="warning" d="M8.875 4A.863.863 0 008 4.875v6.25c0 .492.383.875.875.875h6.25a.863.863 0 00.875-.875v-6.25A.863.863 0 0015.125 4zM11 5h2v2.5s0 .5-.5.5h-1c-.5 0-.5-.5-.5-.5zm.5 4h1c.277 0 .5.223.5.5v1c0 .277-.223.5-.5.5h-1a.499.499 0 01-.5-.5v-1c0-.277.223-.5.5-.5z" fill="#f57900" overflow="visible"/>
+    </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/padlock-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/padlock-symbolic.svg
new file mode 100755
index 000000000..f9baa7887
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/padlock-symbolic.svg	
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:osb="http://www.openswatchbook.org/uri/2009/osb">
+    <title>Gnome Symbolic Icon Theme</title>
+    <g transform="translate(-40,-318)">
+        <path d="m47 319c-1.6447 0-3 1.3553-3 3v3h-1c-0.554 0-1 0.446-1 1v2 1 3h12v-3-1-2c0-0.554-0.446-1-1-1h-1v-3c0-1.6447-1.3553-3-3-3zm0 2h2c0.5713 0 1 0.4287 1 1v3h-4v-3c0-0.5713 0.4287-1 1-1z" color="#bebebe" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity"/>
+    </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/pan-down-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/pan-down-symbolic.svg
new file mode 100755
index 000000000..46f8d862a
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/pan-down-symbolic.svg	
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16" height="16" enable-background="new" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <title>Gnome Symbolic Icons</title>
+    <g transform="translate(-152.01 -952)">
+        <path d="m166 957-5.9941 6-6.0059-6z" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+    </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/pan-end-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/pan-end-symbolic.svg
new file mode 100755
index 000000000..566182c49
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/pan-end-symbolic.svg	
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16" height="16" enable-background="new" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <title>Gnome Symbolic Icons</title>
+    <g transform="translate(-112.01 -952)">
+        <path d="m117 966 6.0058-6-6.0058-6z" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+    </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/pan-start-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/pan-start-symbolic.svg
new file mode 100755
index 000000000..1fad5b246
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/pan-start-symbolic.svg	
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16" height="16" enable-background="new" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <title>Gnome Symbolic Icons</title>
+    <g transform="translate(-92.006 -952)">
+        <path d="m103 966-5.9942-6 5.9942-6z" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+    </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/pan-up-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/pan-up-symbolic.svg
new file mode 100755
index 000000000..ea990b292
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/pan-up-symbolic.svg	
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16" height="16" enable-background="new" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <title>Gnome Symbolic Icons</title>
+    <g transform="translate(-132.01 -952)">
+        <path d="m146 963-5.9942-6-6.0058 6z" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+    </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/play-large-disabled-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/play-large-disabled-symbolic.svg
new file mode 100755
index 000000000..e918cc525
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/play-large-disabled-symbolic.svg	
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 0 16 16" width="16px">
+  <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+  <path d="m 2 1 v 2.0625 l 8.246094 8.242188 l 3.648437 -2.085938 c 0.433594 -0.238281 0.65625 -0.730469 0.65625 -1.222656 c 0 -0.492188 -0.222656 -0.984375 -0.65625 -1.226563 l -9.792969 -5.59375 c -0.214843 -0.121093 -0.457031 -0.175781 -0.703124 -0.175781 z m 0 4.183594 v 9.808594 h 1.398438 c 0.246093 0.003906 0.488281 -0.054688 0.703124 -0.171876 l 4.792969 -2.742187 z m 0 0"/>
+  <path d="m 1.53125 0.46875 l -1.0625 1.0625 l 14 14 l 1.0625 -1.0625 z m 0 0"/>
+  </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/preferences-system-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/preferences-system-symbolic.svg
new file mode 100755
index 000000000..5689c4ba8
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/preferences-system-symbolic.svg	
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
+    <path d="M8 1c-.22 0-.44.011-.656.031l-.406 2.094a5.012 5.012 0 00-.969.312L4.438 1.97c-.389.23-.727.514-1.063.812l.906 1.906a5.057 5.057 0 00-.593.813L1.594 5.22a6.91 6.91 0 00-.406 1.28l1.843 1a4.826 4.826 0 00-.03.5c0 .173.013.332.03.5l-1.843 1c.097.445.228.872.406 1.281l2.094-.281c.17.29.371.563.593.812l-.906 1.907c.336.298.674.582 1.063.812l1.531-1.469c.306.137.634.24.969.313l.406 2.094a7.118 7.118 0 001.312 0l.407-2.094c.334-.073.663-.176.968-.313l1.532 1.47c.388-.23.727-.515 1.062-.813l-.906-1.907a5.11 5.11 0 00.594-.812l2.093.281a6.91 6.91 0 00.407-1.281l-1.844-1c.017-.168.031-.327.031-.5s-.014-.332-.031-.5l1.844-1a6.908 6.908 0 00-.407-1.281l-2.093.281a5.057 5.057 0 00-.594-.813l.906-1.906c-.335-.298-.674-.582-1.062-.812L10.03 3.437a5.015 5.015 0 00-.968-.312l-.407-2.094A7.118 7.118 0 008 1zm0 4a3 3 0 110 6 3 3 0 010-6z" style="marker:none" color="#000" overflow="visible" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/preferences-system-time-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/preferences-system-time-symbolic.svg
new file mode 100755
index 000000000..6289c547c
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/preferences-system-time-symbolic.svg	
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g color="#000" font-weight="400" font-family="sans-serif" white-space="normal" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 8 0 c -4.40625 0 -8 3.59375 -8 8 s 3.59375 8 8 8 s 8 -3.59375 8 -8 s -3.59375 -8 -8 -8 z m 0 2 c 3.324219 0 6 2.671875 6 6 c 0 3.324219 -2.675781 6 -6 6 s -6 -2.675781 -6 -6 c 0 -3.328125 2.675781 -6 6 -6 z m 0 0"/>
+        <path d="m 4.929688 4.953125 c -0.128907 0.003906 -0.257813 0.058594 -0.351563 0.152344 c -0.191406 0.195312 -0.1875 0.511719 0.007813 0.707031 l 3.113281 3.042969 c 0.105469 0.097656 0.246093 0.144531 0.386719 0.128906 h 2.914062 c 0.277344 0 0.5 -0.222656 0.5 -0.5 c 0 -0.273437 -0.222656 -0.5 -0.5 -0.5 h -2.761719 l -2.953125 -2.886719 c -0.09375 -0.09375 -0.222656 -0.144531 -0.355468 -0.144531 z m 0 0"/>
+    </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/printer-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/printer-symbolic.svg
new file mode 100755
index 000000000..69087d8c6
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/printer-symbolic.svg	
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="M2 4c-.5 0-1 .5-1 1v4c0 .5.5 1 1 1h1V8h10v2h1c.5 0 1-.5 1-1V5c0-.5-.5-1-1-1zM4 1v2h8V1z"/>
+        <path d="M4 9v5h8V9z"/>
+    </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/process-stop-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/process-stop-symbolic.svg
new file mode 100755
index 000000000..fad750b72
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/process-stop-symbolic.svg	
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <path d="m 2.003906 2 h 1 h 0.03125 c 0.253906 0.011719 0.507813 0.128906 0.6875 0.3125 l 4.28125 4.28125 l 4.3125 -4.28125 c 0.265625 -0.230469 0.445313 -0.304688 0.6875 -0.3125 h 1 v 1 c 0 0.285156 -0.035156 0.550781 -0.25 0.75 l -4.28125 4.28125 l 4.25 4.25 c 0.1875 0.1875 0.28125 0.453125 0.28125 0.71875 v 1 h -1 c -0.265625 0 -0.53125 -0.09375 -0.71875 -0.28125 l -4.28125 -4.28125 l -4.28125 4.28125 c -0.1875 0.1875 -0.453125 0.28125 -0.71875 0.28125 h -1 v -1 c 0 -0.265625 0.09375 -0.53125 0.28125 -0.71875 l 4.28125 -4.25 l -4.28125 -4.28125 c -0.210937 -0.195312 -0.304687 -0.46875 -0.28125 -0.75 z m 0 0" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/process-working-symbolic-black.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/process-working-symbolic-black.svg
new file mode 100755
index 000000000..4083d9fd5
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/process-working-symbolic-black.svg	
@@ -0,0 +1,9 @@
+<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<path d="M8.00195 1.00024C6.47071 1.00024 4.98171 1.50234 3.76313 2.42957C2.54455 3.35681 1.66363 4.65804 1.25535 6.13385C0.847084 7.60967 0.933991 9.17864 1.50276 10.6003C2.07152 12.022 3.09077 13.218 4.4043 14.005C5.71783 14.792 7.25318 15.1265 8.77505 14.9574C10.2969 14.7883 11.7214 14.1248 12.8301 13.0687C13.9388 12.0125 14.6706 10.622 14.9134 9.1101C15.1562 7.59823 14.8965 6.04845 14.1742 4.69827L11.5325 6.11153C11.9456 6.88383 12.0941 7.77029 11.9553 8.63508C11.8164 9.49986 11.3978 10.2953 10.7636 10.8994C10.1294 11.5035 9.31467 11.883 8.44416 11.9797C7.57366 12.0764 6.69545 11.8851 5.94411 11.4349C5.19278 10.9848 4.60978 10.3007 4.28445 9.48748C3.95911 8.67428 3.9094 7.77683 4.14293 6.93268C4.37646 6.08852 4.88035 5.34422 5.57737 4.81385C6.27439 4.28347 7.12609 3.99628 8.00195 3.99628V3.99628C8.82974 3.99847 9.50195 3.32803 9.50195 2.50024V2.50024V2.50024C9.50195 1.67182 8.83038 1.00024 8.00195 1.00024V1.00024Z" fill="url(#pattern0)"/>
+<defs>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_605_8" transform="scale(0.0714286)"/>
+</pattern>
+<image id="image0_605_8" width="14" height="14" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF3SURBVHgBVZJBTsMwEEVjJ2lpoYpUVXSbdbaIfa7DKYLECbgAB+AkIIFUsSBQZQssGgWJQJ0mtc2fdIJMpNeJ3fn+33aE53kGCGC5/nuE6KeUtfYB9d73/ZXWOpdO81CtI7I8LkEBXkiEupZOg9N/GMNFAA3WGD6BFcizLNt6HJUazeCAapz6Bq7AGQg5me+5jQNORJq/BefcLNM0DWiBwN0Ti/qIPCa3a/BIIqKu68N28PPN9hIiCdFwYBLPhTHmJkkS0batKIpCxHH8d5LvTiwNOvADnsHlYrH4KMvSuKmWy2Xv+Ar2TAPXGq4buOVwu6NT5FTGMehzU+gv8En3RSLUDUTkOgWn4CSKIsn9/nw+lwHHaoHilWu4Ue3gHuLCj/EeYY9kRPdnqqqydCCKxdsBuO0ANJquYEzOSilaYDqbzWhOBOzUwEWhuX/nBLQfiW+TXEdhGB6hR/N1NAH2RI3ksGPBnk+3/+jZddR13Zj/s5PJxP4C9v3NuV90MtwAAAAASUVORK5CYII="/>
+</defs>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/process-working-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/process-working-symbolic.svg
new file mode 100755
index 000000000..7548638ab
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/process-working-symbolic.svg	
@@ -0,0 +1,9 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <path d="M8 1C6.46876 1 4.97975 1.50209 3.76118 2.42933C2.5426 3.35657 1.66167 4.6578 1.2534 6.13361C0.845131 7.60942 0.932038 9.17839 1.5008 10.6001C2.06957 12.0218 3.08882 13.2178 4.40235 14.0047C5.71588 14.7917 7.25122 15.1263 8.7731 14.9572C10.295 14.7881 11.7194 14.1246 12.8281 13.0684C13.9369 12.0123 14.6687 10.6217 14.9115 9.10986C15.1542 7.59798 14.8946 6.04821 14.1723 4.69803L11.5305 6.11129C11.9437 6.88359 12.0922 7.77005 11.9533 8.63483C11.8144 9.49962 11.3958 10.295 10.7617 10.8991C10.1275 11.5032 9.31271 11.8827 8.44221 11.9795C7.5717 12.0762 6.69349 11.8848 5.94216 11.4347C5.19083 10.9845 4.60782 10.3004 4.28249 9.48724C3.95716 8.67404 3.90745 7.77659 4.14098 6.93243C4.37451 6.08828 4.87839 5.34398 5.57541 4.8136C6.27243 4.28323 7.12414 3.99603 8 3.99603V3.99603C8.82778 3.99822 9.5 3.32778 9.5 2.5V2.5V2.5C9.5 1.67157 8.82843 1 8 1V1Z" fill="url(#pattern0)"/>
+    <defs>
+        <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+            <use xlink:href="#image0_605_19" transform="scale(0.0714286)"/>
+        </pattern>
+        <image id="image0_605_19" width="14" height="14" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHJSURBVHgBZVJLagJBEJ3unoxDFLILKC6yVnDhbQTvootcIFfJBbIIISQkIFkkoln4ISqOH6LOdM+380p6giQFRVX31Kv3qqZZp9PJGEzDKFowpJZJj5YkiZzP5y/T6fQJsbdarT54XnwC0icgTR4EwWqz2Xyu1+s+gQAe8Lw4rzQN8jPLsiwFaLBYLN48z+sB9AGVAc8lnoJ/6WBSyuVsNntcLpf3k8nkDVeqXq8z++98OVOegOlhNBrdNpvNXrvd1t1uV4CVkdR/M+UHsH0Nh8ObVqv1WqvVGACiUqmw7XbLSGpANSQBHiNPyY3M60aj8QxpNuYU5XJZQLZAE26jaGekZggEihF9xPdSqXRXrVbd8XicFQoFy/d9q1gsatwzAu4BSuh3ISr4HkAP2+w7jnMVx7E8wIQQmeu6NEaGo3UEGpYQIB+AHc6ebduUn4dheAkGC8CDUkrDGTWgB0CyDkbyt4kHgKjZGSQWwXoBlhJygXpaKKffIVGkOOcKFwFyWlZI8+KbiKKokKbpORQkNCPAEoypjUJJs5kozZwRLQx36MfPAHLA6iJP8W7pYShiVGa+EEwRLckUaAAY2EieAxZipiVqzKt/AFRdZrrYGKEYAAAAAElFTkSuQmCC"/>
+    </defs>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/reader-mode-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/reader-mode-symbolic.svg
new file mode 100755
index 000000000..7accb2e0d
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/reader-mode-symbolic.svg	
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <title>Gnome Symbolic Icon Theme</title>
+    <path d="m0 0.99988v1 11 1h1 5c0.1754 0 0.52538 0.15166 0.8125 0.34375s0.46875 0.375 0.46875 0.375l0.71875 0.71875 0.71875-0.75s0.8963-0.6875 1.2812-0.6875h5 1v-1-11-1h-1-5c-0.87652 0-1.5602 0.34756-2.0312 0.6875-0.0301-0.0207-0.031-0.0105-0.0625-0.0312-0.46068-0.30376-1.0781-0.6563-1.9062-0.6563h-5zm2 2h4c0.13821 0 0.51476 0.14746 0.8125 0.34375s0.5 0.375 0.5 0.375l0.71875 0.6875 0.6875-0.71875s0.89975-0.6875 1.2812-0.6875h4v9h-4c-0.87693 0-1.5601 0.34735-2.0312 0.6875-0.0196-0.0135-0.011-0.0177-0.0312-0.0312-0.4603-0.30796-1.1024-0.6563-1.9376-0.6563h-4z" color="#bebebe" fill="context-fill" fill-opacity="context-fill-opacity" stroke="context-stroke" stroke-opacity="context-stroke-opacity" style="text-decoration-line:none;text-indent:0;text-transform:none"/>
+    <path d="m3.375 5c-0.20775 0-0.375 0.16725-0.375 0.375v1.25c0 0.20775 0.16725 0.375 0.375 0.375h2.25c0.20775 0 0.375-0.16725 0.375-0.375v-1.25c0-0.20775-0.16725-0.375-0.375-0.375h-2.25zm7 0c-0.20775 0-0.375 0.16725-0.375 0.375v1.25c0 0.20775 0.16725 0.375 0.375 0.375h2.25c0.20775 0 0.375-0.16725 0.375-0.375v-1.25c0-0.20775-0.16725-0.375-0.375-0.375h-2.25zm-7 3c-0.20775 0-0.375 0.16725-0.375 0.375v1.25c0 0.20775 0.16725 0.375 0.375 0.375h2.25c0.20775 0 0.375-0.16725 0.375-0.375v-1.25c0-0.20775-0.16725-0.375-0.375-0.375h-2.25zm7 0c-0.20775 0-0.375 0.16725-0.375 0.375v1.25c0 0.20775 0.16725 0.375 0.375 0.375h2.25c0.20775 0 0.375-0.16725 0.375-0.375v-1.25c0-0.20775-0.16725-0.375-0.375-0.375h-2.25z" color="#bebebe" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity" opacity=".5"/>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/security-high-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/security-high-symbolic.svg
new file mode 100755
index 000000000..4feb3e06b
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/security-high-symbolic.svg	
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><g color="#bebebe" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity"><path d="M2 1v7c0 2.072 1.498 3.695 2.832 4.889a18.66 18.66 0 002.66 1.972l.516.305.512-.31s1.32-.8 2.65-2.002C12.5 11.65 14 10.044 14 8V1zm2 2h8v5c0 .92-1 2.313-2.17 3.37-.913.825-1.477 1.154-1.836 1.386-.358-.226-.918-.543-1.828-1.358C5 10.355 4 8.98 4 8z" style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;shape-padding:0;isolation:auto;mix-blend-mode:normal;marker:none" font-weight="400" font-family="sans-serif" overflow="visible"/><path d="M5 4v4c0 .357.755 1.641 1.844 2.625.575.52.736.58 1.156.875.42-.294.581-.355 1.156-.875C10.246 9.641 11 8.357 11 8V4z" style="marker:none" overflow="visible"/></g></svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/security-low-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/security-low-symbolic.svg
new file mode 100755
index 000000000..db6953456
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/security-low-symbolic.svg	
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M2 1v7c0 2.072 1.498 3.695 2.832 4.889a18.66 18.66 0 002.66 1.972l.516.305.512-.31s1.32-.8 2.65-2.002C12.5 11.65 14 10.044 14 8V1zm2 2h8v5c0 .92-1 2.313-2.17 3.37-.913.825-1.477 1.154-1.836 1.386-.358-.226-.918-.543-1.828-1.358C5 10.355 4 8.98 4 8z" style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;shape-padding:0;isolation:auto;mix-blend-mode:normal;marker:none" color="#bebebe" font-weight="400" font-family="sans-serif" overflow="visible" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity"/></svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/select-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/select-symbolic.svg
new file mode 100755
index 000000000..d94f400ff
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/select-symbolic.svg	
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <path d="m 15 3.484375 l -1 -1 l -7.46875 7.515625 l -3.414062 -3.476562 l -2 2 l 5.414062 5.476562 l 9.46875 -9.515625 z m 0 0" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/settings-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/settings-symbolic.svg
new file mode 100755
index 000000000..a096dd203
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/settings-symbolic.svg	
@@ -0,0 +1,41 @@
+<?xml version='1.0' encoding='UTF-8' standalone='no'?>
+<svg xmlns:cc='http://creativecommons.org/ns#' xmlns:dc='http://purl.org/dc/elements/1.1/' sodipodi:docname='settings-symbolic.svg' height='16' id='svg7384' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:osb='http://www.openswatchbook.org/uri/2009/osb' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns#' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:svg='http://www.w3.org/2000/svg' version='1.1' inkscape:version='1.0.1 (3bc2e813f5, 2020-09-07)' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'>
+  <metadata id='metadata90'>
+    <rdf:RDF>
+      <cc:Work rdf:about=''>
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage'/>
+        <dc:title>Gnome Symbolic Icon Theme</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview inkscape:bbox-nodes='true' inkscape:bbox-paths='true' bordercolor='#666666' borderopacity='1' inkscape:current-layer='g7628' inkscape:cx='158.30993' inkscape:cy='365.8547' inkscape:document-rotation='0' gridtolerance='10' inkscape:guide-bbox='true' guidetolerance='10' id='namedview88' inkscape:measure-end='0,0' inkscape:measure-start='56,310.597' inkscape:object-nodes='true' inkscape:object-paths='true' objecttolerance='10' pagecolor='#ebebeb' inkscape:pageopacity='1' inkscape:pageshadow='2' showborder='false' showgrid='false' showguides='false' inkscape:snap-bbox='true' inkscape:snap-bbox-edge-midpoints='true' inkscape:snap-bbox-midpoints='true' inkscape:snap-global='true' inkscape:snap-grids='true' inkscape:snap-intersection-paths='true' inkscape:snap-nodes='true' inkscape:snap-others='false' inkscape:snap-to-guides='true' inkscape:window-height='1376' inkscape:window-maximized='0' inkscape:window-width='2560' inkscape:window-x='26' inkscape:window-y='23' inkscape:zoom='22.627417'>
+    <inkscape:grid empspacing='4' enabled='true' id='grid4866' originx='-540' originy='-242' snapvisiblegridlinesonly='true' spacingx='1px' spacingy='1px' type='xygrid' visible='true'/>
+    <inkscape:grid dotted='true' empspacing='4' id='grid2980' originx='-540' originy='-242' spacingx='0.5' spacingy='0.5' type='xygrid'/>
+  </sodipodi:namedview>
+  <title id='title9167'>Gnome Symbolic Icon Theme</title>
+  <defs id='defs7386'>
+    <linearGradient id='linearGradient7212' osb:paint='solid'>
+      <stop id='stop7214' offset='0' style='stop-color:#000000;stop-opacity:1;'/>
+    </linearGradient>
+  </defs>
+  <g inkscape:groupmode='layer' id='layer1' inkscape:label='ui' style='display:inline' transform='translate(-540,-41.999998)'/>
+  <g inkscape:groupmode='layer' id='layer21' inkscape:label='legacy' transform='translate(-540,-242)'/>
+  <g inkscape:groupmode='layer' id='layer9' inkscape:label='shapes' style='display:inline' transform='translate(-781.0002,325)'/>
+  <g inkscape:groupmode='layer' id='g7628' inkscape:label='other' style='display:inline' transform='translate(-781.0002,325)'>
+    
+    <path inkscape:connector-curvature='0' d='m 788.50203,-323.98114 c -0.55245,0 -0.99805,0.4456 -0.99805,0.99804 v 0.45118 a 5.7338295,5.73383 0 0 0 -1.35547,0.5664 l -0.32227,-0.32226 c -0.39063,-0.39064 -1.01952,-0.39064 -1.41015,0 l -0.70508,0.70508 c -0.39064,0.39062 -0.39064,1.01952 0,1.41015 l 0.32031,0.32031 a 5.7338295,5.73383 0 0 0 -0.56055,1.35743 h -0.45312 c -0.55244,0 -0.99805,0.44365 -0.99805,0.99609 v 0.99805 c 0,0.55244 0.44561,0.99609 0.99805,0.99609 h 0.44922 a 5.7338295,5.73383 0 0 0 0.5664,1.35547 l -0.32226,0.32226 c -0.39064,0.39064 -0.39064,1.01953 0,1.41016 l 0.70508,0.70508 c 0.39063,0.39063 1.01952,0.39063 1.41015,0 l 0.32032,-0.32031 a 5.7338295,5.73383 0 0 0 1.35742,0.56054 v 0.45508 c 0,0.55244 0.4456,0.99609 0.99805,0.9961 h 0.99609 c 0.55244,0 0.99805,-0.44366 0.99805,-0.9961 v -0.45117 a 5.7338295,5.73383 0 0 0 1.35546,-0.56641 l 0.32227,0.32227 c 0.39064,0.39063 1.01952,0.39063 1.41016,0 l 0.70507,-0.70508 c 0.39064,-0.39063 0.39064,-1.01952 0,-1.41016 l -0.32031,-0.32031 a 5.7338295,5.73383 0 0 0 0.56055,-1.35742 h 0.45312 c 0.55245,0 0.99805,-0.44365 0.99805,-0.99609 v -0.99805 c 0,-0.55244 -0.4456,-0.99609 -0.99805,-0.99609 h -0.44922 a 5.7338295,5.73383 0 0 0 -0.5664,-1.35547 l 0.32226,-0.32227 c 0.39064,-0.39063 0.39064,-1.01953 0,-1.41015 l -0.70507,-0.70508 c -0.39064,-0.39064 -1.01952,-0.39064 -1.41016,0 l -0.32031,0.32031 a 5.7338295,5.73383 0 0 0 -1.35742,-0.56055 v -0.45508 c 0,-0.55244 -0.44561,-0.99804 -0.99805,-0.99804 z m 0.51562,3.97656 a 3,3 0 0 1 3,3 3,3 0 0 1 -3,3 3,3 0 0 1 -3,-3 3,3 0 0 1 3,-3 z' id='rect991-5' style='display:inline;vector-effect:none;stroke:none;stroke-width:0.0623242;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;enable-background:new' fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity"/>
+  </g>
+  <g inkscape:groupmode='layer' id='layer19' inkscape:label='multimedia' transform='translate(-540,-242)'/>
+  <g inkscape:groupmode='layer' id='layer13' inkscape:label='maps' transform='translate(-540,-242)'/>
+  <g inkscape:groupmode='layer' id='layer11' inkscape:label='graphics' style='display:inline' transform='translate(-540,-41.999998)'/>
+  <g inkscape:groupmode='layer' id='layer14' inkscape:label='food-drink' transform='translate(-540,-242)'/>
+  <g inkscape:groupmode='layer' id='g6387' inkscape:label='devices' style='display:inline' transform='translate(-540,-41.999998)'/>
+  <g inkscape:groupmode='layer' id='layer18' inkscape:label='text' transform='translate(-540,-242)'/>
+  <g inkscape:groupmode='layer' id='layer17' inkscape:label='weather' transform='translate(-540,-242)'/>
+  <g inkscape:groupmode='layer' id='layer16' inkscape:label='camera' transform='translate(-540,-242)'/>
+  <g inkscape:groupmode='layer' id='layer10' inkscape:label='body' style='display:inline' transform='translate(-540,-41.999998)'/>
+  <g inkscape:groupmode='layer' id='layer15' inkscape:label='animals' transform='translate(-540,-242)'/>
+  <g inkscape:groupmode='layer' id='layer12' inkscape:label='alert' transform='translate(-540,-41.999998)'/>
+  <g inkscape:groupmode='layer' id='layer20' inkscape:label='accessibility' transform='translate(-540,-242)'/>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/starred-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/starred-symbolic.svg
new file mode 100755
index 000000000..f491ee152
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/starred-symbolic.svg	
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <path d="m 12.957031 15.40625 l -4.898437 -3.585938 l -4.984375 3.597657 l 1.894531 -5.765625 l -4.9609375 -3.628906 l 6.0703125 0.019531 l 1.917969 -5.839844 l 1.855468 5.777344 l 6.148438 0.023437 l -4.921875 3.550782 z m 0 0" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/tab-new-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/tab-new-symbolic.svg
new file mode 100755
index 000000000..40f9b6d3b
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/tab-new-symbolic.svg	
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 3 0 c -1.644531 0 -3 1.355469 -3 3 v 10 c 0 1.644531 1.355469 3 3 3 h 10 c 1.644531 0 3 -1.355469 3 -3 v -10 c 0 -1.644531 -1.355469 -3 -3 -3 z m 0 2 h 10 c 0.570312 0 1 0.429688 1 1 v 10 c 0 0.570312 -0.429688 1 -1 1 h -10 c -0.570312 0 -1 -0.429688 -1 -1 v -10 c 0 -0.570312 0.429688 -1 1 -1 z m 0 0"/>
+        <path d="m 4 7 h 8 v 2 h -8 z m 0 0"/>
+        <path d="m 9 4 v 8 h -2 v -8 z m 0 0"/>
+    </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/tab-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/tab-symbolic.svg
new file mode 100755
index 000000000..ab788d23a
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/tab-symbolic.svg	
@@ -0,0 +1,150 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+    <filter id="a" x="0%" y="0%" width="100%" height="100%">
+        <feColorMatrix in="SourceGraphic" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+    </filter>
+    <mask id="b">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".3"/>
+        </g>
+    </mask>
+    <clipPath id="c">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="d">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="e">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="f">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="g">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="h">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="i">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="j">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="k">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="l">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="m">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="n">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".05"/>
+        </g>
+    </mask>
+    <clipPath id="o">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="p">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".3"/>
+        </g>
+    </mask>
+    <clipPath id="q">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="r">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".5"/>
+        </g>
+    </mask>
+    <clipPath id="s">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="t">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".4"/>
+        </g>
+    </mask>
+    <clipPath id="u">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="v">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".4"/>
+        </g>
+    </mask>
+    <clipPath id="w">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="x">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".5"/>
+        </g>
+    </mask>
+    <clipPath id="y">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <mask id="z">
+        <g filter="url(#a)">
+            <path d="m0 0h16v16h-16z" fill-opacity=".5"/>
+        </g>
+    </mask>
+    <clipPath id="A">
+        <path d="m0 0h1024v800h-1024z"/>
+    </clipPath>
+    <path d="m3.9922 3s-0.70703-0.011719-1.4453 0.35547c-0.73828 0.37109-1.5547 1.3125-1.5547 2.6445v7h-1l-0.0039063 2h0.0039063l3 0.011719v-0.011719h13v-2h0.011718v-7.3086c0-1.4297-1.1719-2.6328-2.625-2.6484l-2.3789-0.019531s1 0.82422 1 1.9648l1.0469 0.042969c0.53906 0.023438 0.94141 0.49609 0.94141 0.97656v6.9922h-2.9883v-7s0.011719-0.71094-0.35547-1.4492c-0.37109-0.73828-1.3125-1.5508-2.6445-1.5508z" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity"/>
+    <g transform="translate(-660 -684)" clip-path="url(#c)" mask="url(#b)">
+        <path d="m562.46 212.06h10.449c-1.1836 0.49219-1.2969 2.4609 0 3h-10.449z" fill="#2e3436"/>
+    </g>
+    <g transform="translate(-660 -684)" clip-path="url(#e)" mask="url(#d)">
+        <path d="m16 632h1v1h-1z" fill="#2e3436" fill-rule="evenodd"/>
+    </g>
+    <g transform="translate(-660 -684)" clip-path="url(#g)" mask="url(#f)">
+        <path d="m17 631h1v1h-1z" fill="#2e3436" fill-rule="evenodd"/>
+    </g>
+    <g transform="translate(-660 -684)" clip-path="url(#i)" mask="url(#h)">
+        <path d="m18 634h1v1h-1z" fill="#2e3436" fill-rule="evenodd"/>
+    </g>
+    <g transform="translate(-660 -684)" clip-path="url(#k)" mask="url(#j)">
+        <path d="m16 634h1v1h-1z" fill="#2e3436" fill-rule="evenodd"/>
+    </g>
+    <g transform="translate(-660 -684)" clip-path="url(#m)" mask="url(#l)">
+        <path d="m17 635h1v1h-1z" fill="#2e3436" fill-rule="evenodd"/>
+    </g>
+    <g transform="translate(-660 -684)" clip-path="url(#o)" mask="url(#n)">
+        <path d="m19 635h1v1h-1z" fill="#2e3436" fill-rule="evenodd"/>
+    </g>
+    <g transform="translate(-660 -684)" clip-path="url(#q)" mask="url(#p)">
+        <path d="m136 660v7h7v-7z" fill="#2e3436"/>
+    </g>
+    <g transform="translate(-660 -684)" clip-path="url(#s)" mask="url(#r)">
+        <path d="m199 642h3v12h-3z" fill="#2e3436"/>
+    </g>
+    <g transform="translate(-660 -684)" clip-path="url(#u)" mask="url(#t)">
+        <path d="m209.5 144.16c0.27734 0 0.5 0.22266 0.5 0.5v1c0 0.27734-0.22266 0.5-0.5 0.5s-0.5-0.22266-0.5-0.5v-1c0-0.27734 0.22266-0.5 0.5-0.5z" fill="#2e3436"/>
+    </g>
+    <g transform="translate(-660 -684)" clip-path="url(#w)" mask="url(#v)">
+        <path d="m206.5 144.16c0.27734 0 0.5 0.22266 0.5 0.5v1c0 0.27734-0.22266 0.5-0.5 0.5s-0.5-0.22266-0.5-0.5v-1c0-0.27734 0.22266-0.5 0.5-0.5z" fill="#2e3436"/>
+    </g>
+    <g transform="translate(-660 -684)" clip-path="url(#y)" mask="url(#x)">
+        <path d="m229.5 143.16c-0.54688 0-1 0.45703-1 1 0 0.54688 0.45312 1 1 1s1-0.45312 1-1c0-0.54297-0.45312-1-1-1z" fill="#2e3436"/>
+    </g>
+    <g transform="translate(-660 -684)" clip-path="url(#A)" mask="url(#z)">
+        <path d="m226.45 143.16c-0.51953 0-0.95312 0.43359-0.95312 0.95312v0.09375c0 0.51953 0.43359 0.95312 0.95312 0.95312h0.09375c0.51953 0 0.95312-0.43359 0.95312-0.95312v-0.09375c0-0.51953-0.43359-0.95312-0.95312-0.95312z" fill="#2e3436"/>
+    </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/toggle-right-sidebar-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/toggle-right-sidebar-symbolic.svg
new file mode 100755
index 000000000..ead5f3626
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/toggle-right-sidebar-symbolic.svg	
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 9.5 14 v -12 h 5 v 12 z m 0 0" fill-opacity="0.35"/>
+        <path d="m 13 1 c 1.644531 0 3 1.355469 3 3 v 8 c 0 1.644531 -1.355469 3 -3 3 h -10 c -1.644531 0 -3 -1.355469 -3 -3 v -8 c 0 -1.644531 1.355469 -3 3 -3 z m 0 2 h -10 c -0.570312 0 -1 0.429688 -1 1 v 8 c 0 0.570312 0.429688 1 1 1 h 10 c 0.570312 0 1 -0.429688 1 -1 v -8 c 0 -0.570312 -0.429688 -1 -1 -1 z m 0 0"/>
+        <path d="m 10 2 h -1 v 12 h 1 z m 0 0"/>
+    </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/toggle-sidebar-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/toggle-sidebar-symbolic.svg
new file mode 100755
index 000000000..0e65936e7
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/toggle-sidebar-symbolic.svg	
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 6.5 14 v -12 h -5 v 12 z m 0 0" fill-opacity="0.35"/>
+        <path d="m 3 1 c -1.644531 0 -3 1.355469 -3 3 v 8 c 0 1.644531 1.355469 3 3 3 h 10 c 1.644531 0 3 -1.355469 3 -3 v -8 c 0 -1.644531 -1.355469 -3 -3 -3 z m 0 2 h 10 c 0.570312 0 1 0.429688 1 1 v 8 c 0 0.570312 -0.429688 1 -1 1 h -10 c -0.570312 0 -1 -0.429688 -1 -1 v -8 c 0 -0.570312 0.429688 -1 1 -1 z m 0 0"/>
+        <path d="m 6 2 h 1 v 12 h -1 z m 0 0"/>
+    </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/user-home-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/user-home-symbolic.svg
new file mode 100755
index 000000000..1b7dd5348
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/user-home-symbolic.svg	
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <path d="m 8.015625 1 c -0.207031 0 -0.410156 0.066406 -0.578125 0.1875 l -7 5 c -0.007812 0.003906 -0.007812 0.003906 -0.011719 0.003906 c -0.082031 0.058594 -0.152343 0.132813 -0.210937 0.214844 c -0.0625 0.082031 -0.109375 0.171875 -0.1406252 0.269531 c -0.0039063 0.003907 -0.0039063 0.003907 -0.0078126 0.007813 c -0.03125 0.097656 -0.046875 0.203125 -0.0507812 0.308594 v 0.007812 v 1 h 0.996094 l -0.011719 3.996094 v 0.003906 c 0 1.332031 0.8125 2.273438 1.550781 2.644531 c 0.742188 0.371094 1.449219 0.355469 1.449219 0.355469 h 8 s 0.707031 0.015625 1.449219 -0.355469 c 0.734375 -0.367187 1.550781 -1.308593 1.550781 -2.644531 l 0.011719 -4 h 1.003906 v -1 c 0 -0.324219 -0.15625 -0.625 -0.417969 -0.8125 l -7 -5 c -0.167968 -0.121094 -0.375 -0.1875 -0.582031 -0.1875 z m 0 2.230469 l 5 3.570312 v 0.171875 c 0 0.007813 -0.003906 0.015625 -0.003906 0.023438 l -0.015625 5 v 0.003906 c 0 0.667969 -0.1875 0.726562 -0.449219 0.855469 c -0.257813 0.132812 -0.550781 0.144531 -0.550781 0.144531 h -2.949219 v -3.992188 h -3.03125 v 3.992188 h -2.019531 s -0.292969 -0.011719 -0.554688 -0.144531 c -0.257812 -0.128907 -0.445312 -0.1875 -0.445312 -0.851563 v -0.003906 l 0.007812 -3 h 0.011719 v -2.199219 z m 0 0" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/view-fullscreen-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/view-fullscreen-symbolic.svg
new file mode 100755
index 000000000..b5ef42342
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/view-fullscreen-symbolic.svg	
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 7 15 c 0 -0.550781 -0.449219 -1 -1 -1 h -4 v -4 c 0 -0.550781 -0.449219 -1 -1 -1 c -0.554688 0 -1 0.449219 -1 1 v 5 c 0 0.554688 0.445312 1 1 1 h 5 c 0.550781 0 1 -0.445312 1 -1 z m 0 0"/>
+        <path d="m 7.5 9.5 c 0 -0.265625 -0.105469 -0.519531 -0.292969 -0.707031 c -0.390625 -0.390625 -1.023437 -0.390625 -1.414062 0 l -5.5 5.5 c -0.1875 0.1875 -0.292969 0.441406 -0.292969 0.707031 s 0.105469 0.519531 0.292969 0.707031 c 0.390625 0.390625 1.023437 0.390625 1.414062 0 l 5.5 -5.5 c 0.1875 -0.1875 0.292969 -0.441406 0.292969 -0.707031 z m 0 0"/>
+        <path d="m 0 15 h 1 v 1 h -1 z m 0 0"/>
+        <path d="m 0 9 h 1 v 1 h -1 z m 0 0"/>
+        <path d="m 6 15 h 1 v 1 h -1 z m 0 0"/>
+        <path d="m 9 1 c 0 0.550781 0.449219 1 1 1 h 4 v 4 c 0 0.550781 0.449219 1 1 1 c 0.554688 0 1 -0.449219 1 -1 v -5 c 0 -0.554688 -0.445312 -1 -1 -1 h -5 c -0.550781 0 -1 0.445312 -1 1 z m 0 0"/>
+        <path d="m 8.5 6.5 c 0 0.265625 0.105469 0.519531 0.292969 0.707031 c 0.390625 0.390625 1.023437 0.390625 1.414062 0 l 5.5 -5.5 c 0.1875 -0.1875 0.292969 -0.441406 0.292969 -0.707031 s -0.105469 -0.519531 -0.292969 -0.707031 c -0.390625 -0.3906252 -1.023437 -0.3906252 -1.414062 0 l -5.5 5.5 c -0.1875 0.1875 -0.292969 0.441406 -0.292969 0.707031 z m 0 0"/>
+        <path d="m 16 1 h -1 v -1 h 1 z m 0 0"/>
+        <path d="m 16 7 h -1 v -1 h 1 z m 0 0"/>
+        <path d="m 10 1 h -1 v -1 h 1 z m 0 0"/>
+    </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/view-more-horizontal-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/view-more-horizontal-symbolic.svg
new file mode 100755
index 000000000..b3885dae7
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/view-more-horizontal-symbolic.svg	
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 2 6.007812 c 1.105469 0 2 0.894532 2 2 c 0 1.101563 -0.894531 2 -2 2 s -2 -0.898437 -2 -2 c 0 -1.105468 0.894531 -2 2 -2 z m 0 0"/>
+        <path d="m 8 6.007812 c 1.105469 0 2 0.894532 2 2 c 0 1.101563 -0.894531 2 -2 2 s -2 -0.898437 -2 -2 c 0 -1.105468 0.894531 -2 2 -2 z m 0 0"/>
+        <path d="m 14 6.007812 c 1.105469 0 2 0.894532 2 2 c 0 1.101563 -0.894531 2 -2 2 s -2 -0.898437 -2 -2 c 0 -1.105468 0.894531 -2 2 -2 z m 0 0"/>
+    </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/view-refresh-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/view-refresh-symbolic.svg
new file mode 100755
index 000000000..c4d10bd52
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/view-refresh-symbolic.svg	
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <path d="m 7.40625 1 c -0.613281 0.007812 -1.234375 0.089844 -1.847656 0.253906 c -3.273438 0.878906 -5.558594 3.855469 -5.558594 7.246094 s 2.285156 6.367188 5.558594 7.242188 c 3.273437 0.878906 6.742187 -0.558594 8.4375 -3.492188 c 0.277344 -0.480469 0.109375 -1.089844 -0.367188 -1.367188 c -0.476562 -0.273437 -1.089844 -0.109374 -1.367187 0.367188 c -1.246094 2.160156 -3.777344 3.207031 -6.1875 2.5625 c -2.40625 -0.644531 -4.074219 -2.820312 -4.074219 -5.3125 c 0 -2.496094 1.667969 -4.667969 4.074219 -5.3125 c 2.410156 -0.644531 4.941406 0.402344 6.1875 2.5625 c 0.058593 0.085938 0.125 0.164062 0.203125 0.226562 l -0.019532 0.015626 l -0.007812 0.007812 h -1.4375 c -0.550781 0 -1 0.449219 -1 1 v 1 h 6 v -6 h -1 c -0.550781 0 -1 0.449219 -1 1 v 1.6875 l -0.015625 0.011719 l -0.011719 0.011719 c -1.277344 -2.179688 -3.53125 -3.519532 -5.953125 -3.691407 c -0.203125 -0.015625 -0.40625 -0.019531 -0.613281 -0.019531 z m 0 0" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/view-restore-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/view-restore-symbolic.svg
new file mode 100755
index 000000000..6f759cb18
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/view-restore-symbolic.svg	
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="m 1 9 c 0 0.550781 0.449219 1 1 1 h 4 v 4 c 0 0.550781 0.449219 1 1 1 c 0.554688 0 1 -0.449219 1 -1 v -5 c 0 -0.554688 -0.445312 -1 -1 -1 h -5 c -0.550781 0 -1 0.445312 -1 1 z m 0 0"/>
+        <path d="m 0.5 14.5 c 0 0.265625 0.105469 0.519531 0.292969 0.707031 c 0.390625 0.390625 1.023437 0.390625 1.414062 0 l 5.5 -5.5 c 0.1875 -0.1875 0.292969 -0.441406 0.292969 -0.707031 s -0.105469 -0.519531 -0.292969 -0.707031 c -0.390625 -0.390625 -1.023437 -0.390625 -1.414062 0 l -5.5 5.5 c -0.1875 0.1875 -0.292969 0.441406 -0.292969 0.707031 z m 0 0"/>
+        <path d="m 8 9 h -1 v -1 h 1 z m 0 0"/>
+        <path d="m 8 15 h -1 v -1 h 1 z m 0 0"/>
+        <path d="m 2 9 h -1 v -1 h 1 z m 0 0"/>
+        <path d="m 15 7 c 0 -0.550781 -0.449219 -1 -1 -1 h -4 v -4 c 0 -0.550781 -0.449219 -1 -1 -1 s -1 0.449219 -1 1 v 5 c 0 0.550781 0.449219 1 1 1 h 5 c 0.550781 0 1 -0.449219 1 -1 z m 0 0"/>
+        <path d="m 15.5 1.5 c 0 -0.265625 -0.105469 -0.519531 -0.292969 -0.707031 c -0.390625 -0.390625 -1.023437 -0.390625 -1.414062 0 l -5.5 5.5 c -0.1875 0.1875 -0.292969 0.441406 -0.292969 0.707031 s 0.105469 0.519531 0.292969 0.707031 c 0.390625 0.390625 1.023437 0.390625 1.414062 0 l 5.5 -5.5 c 0.1875 -0.1875 0.292969 -0.441406 0.292969 -0.707031 z m 0 0"/>
+        <path d="m 8 7 h 1 v 1 h -1 z m 0 0"/>
+        <path d="m 8 1 h 1 v 1 h -1 z m 0 0"/>
+        <path d="m 14 7 h 1 v 1 h -1 z m 0 0"/>
+    </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/window-close-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/window-close-symbolic.svg
new file mode 100755
index 000000000..b8fc52d94
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/window-close-symbolic.svg	
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M4 4h1.031c.255.011.51.129.688.313L8 6.592l2.312-2.28c.266-.231.447-.306.688-.313h1v1c0 .286-.034.55-.25.75L9.469 8.031l2.25 2.25c.188.188.281.454.281.719v1h-1c-.265 0-.53-.093-.719-.281L8 9.438l-2.281 2.28A1.015 1.015 0 015 12H4v-1c0-.265.093-.53.281-.719l2.281-2.25-2.28-2.281A.909.909 0 014 5z" style="line-height:normal;-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration-line:none;text-transform:none;marker:none" color="#bebebe" font-weight="400" font-family="Andale Mono" overflow="visible" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/></svg>
\ No newline at end of file
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/window-maximize-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/window-maximize-symbolic.svg
new file mode 100755
index 000000000..37183739c
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/window-maximize-symbolic.svg	
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M3.988 3.992v8.012H12V3.992zm2 2H10v4.012H5.988z" style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;white-space:normal;shape-padding:0;isolation:auto;mix-blend-mode:normal;solid-color:#000;solid-opacity:1;marker:none" color="#000" font-weight="400" font-family="sans-serif" overflow="visible" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/></svg>
\ No newline at end of file
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/window-minimize-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/window-minimize-symbolic.svg
new file mode 100755
index 000000000..8fc1f8250
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/window-minimize-symbolic.svg	
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M4 10.009h8v1.989H4z" style="marker:none" color="#000" overflow="visible" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/window-new-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/window-new-symbolic.svg
new file mode 100755
index 000000000..c9ee77f26
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/window-new-symbolic.svg	
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
+    <g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
+        <path d="M2.994 1.008C1.994 1.008.988 2 .988 3v12.02h7.006v-2H2.988V5H13v3h2V3c0-1-1.006-1.992-2.006-1.992z" style="line-height:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;white-space:normal;isolation:auto;mix-blend-mode:normal;solid-color:#000;solid-opacity:1;marker:none" color="#000" font-weight="400" font-family="sans-serif" overflow="visible"/>
+        <path d="M12 10v2h-2v2h2v2h2v-2h2v-2h-2v-2z"/>
+    </g>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/window-restore-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/window-restore-symbolic.svg
new file mode 100755
index 000000000..60f4ac727
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/window-restore-symbolic.svg	
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
+    <path d="M4.988 4.992v6.012H11V4.992zm2 2H9v2.012H6.988z" style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;white-space:normal;shape-padding:0;isolation:auto;mix-blend-mode:normal;solid-color:#000;solid-opacity:1;marker:none" color="#000" font-weight="400" font-family="sans-serif" overflow="visible" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+</svg>
\ No newline at end of file
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/zoom-in-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/zoom-in-symbolic.svg
new file mode 100755
index 000000000..8e9338f9e
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/zoom-in-symbolic.svg	
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <path d="m 4 1 c -1.660156 0 -3 1.339844 -3 3 v 8 c 0 1.660156 1.339844 3 3 3 h 8 c 1.660156 0 3 -1.339844 3 -3 v -8 c 0 -1.660156 -1.339844 -3 -3 -3 z m 3 3 h 2 v 3 h 3 v 2 h -3 v 3 h -2 v -3 h -3 v -2 h 3 z m 0 0" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/icons/zoom-out-symbolic.svg b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/zoom-out-symbolic.svg
new file mode 100755
index 000000000..90d8e7257
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/icons/zoom-out-symbolic.svg	
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <path d="m 4 1 c -1.660156 0 -3 1.339844 -3 3 v 8 c 0 1.660156 1.339844 3 3 3 h 8 c 1.660156 0 3 -1.339844 3 -3 v -8 c 0 -1.660156 -1.339844 -3 -3 -3 z m 0 6 h 8 v 2 h -8 z m 0 0" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
+</svg>
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/pages/newtab.css b/novelknock/Import Manually/firefox/GNOME_red/theme/pages/newtab.css
new file mode 100755
index 000000000..1c94e842a
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/pages/newtab.css	
@@ -0,0 +1,9 @@
+/* about:newtab */
+
+@-moz-document url("about:newtab"), url("about:home") {
+    body {
+        --newtab-background-color: var(--gnome-browser-before-load-background) !important;
+        --newtab-background-color-secondary: var(--gnome-menu-background) !important;
+        --newtab-primary-action-background: var(--gnome-accent) !important;
+    }
+}
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/pages/privatebrowsing.css b/novelknock/Import Manually/firefox/GNOME_red/theme/pages/privatebrowsing.css
new file mode 100755
index 000000000..e1600ec41
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/pages/privatebrowsing.css	
@@ -0,0 +1,16 @@
+/* about:privatebrowsing */
+
+@-moz-document url("about:privatebrowsing") {
+    html.private {
+        --in-content-page-background: var(--gnome-private-in-content-page-background) !important;
+
+        /* Used by headings in promo boxes Firefox shows (like an ad for Firefox Focus) */
+        --in-content-text-color: var(--gnome-private-text-primary-color) !important;
+    }
+    .wordmark {
+        fill: var(--gnome-private-wordmark) !important;
+    }
+    .showPrivate {
+        color: var(--gnome-private-text-primary-color);
+    }
+}
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/parts/buttons-fixes.css b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/buttons-fixes.css
new file mode 100755
index 000000000..61259d26b
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/buttons-fixes.css	
@@ -0,0 +1,309 @@
+/* Buttons Issues/Glitches fixes */
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Fix notification dropmarker */
+.popup-notification-dropmarker dropmarker {
+	display: none !important;
+}
+.popup-notification-dropmarker > .button-box > hbox {
+	display: -moz-box !important;
+}
+.panel-footer button.popup-notification-dropmarker {
+	padding: 0 1px 0 4px !important;
+}
+
+/* Fix hover background */
+.toolbarbutton-badge-stack:not(#hack), .toolbarbutton-icon:not(#hack), .toolbarbutton-text:not(#hack) {
+	background: transparent !important;
+}
+
+/* Fix button box */
+.panel-footer.panel-footer-menulike > button > .button-box {
+	display: -moz-box !important;
+}
+
+/* Fix unified-extensions-item margin */
+toolbar .unified-extensions-item {
+  margin-inline: 0 3px !important;
+}
+
+/* menulist */
+#label-box:not([native]) {
+    font-weight: 400 !important;
+	padding: 0 8px;
+}
+dropmarker:not([native]) {
+	margin-right: 8px;
+}
+
+/* Overrides: Make the back button the same as other buttons */
+:root:not([uidensity=compact]) #back-button {
+	border-radius: var(--toolbarbutton-border-radius) !important;
+}
+:root:not([uidensity=compact]) #back-button > .toolbarbutton-icon {
+	background-color: unset !important;
+	border: unset !important;
+	width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
+	height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
+	padding: var(--toolbarbutton-inner-padding) !important;
+	border-radius: var(--toolbarbutton-border-radius);
+	box-shadow: none !important;
+}
+:root:not([uidensity=compact]) #back-button:not([disabled]):not([open]):hover > .toolbarbutton-icon {
+	background-color: var(--toolbarbutton-hover-background) !important;
+	box-shadow: unset;
+	border-color: unset;
+}
+:root:not([uidensity=compact]) #back-button[open] > .toolbarbutton-icon,
+:root:not([uidensity=compact]) #back-button:not([disabled]):hover:active > .toolbarbutton-icon {
+	background-color: var(--toolbarbutton-active-background) !important;
+	border-color: unset;
+}
+
+/* Remove the header bar buttons' hover styles */
+#nav-bar {
+	--toolbarbutton-active-background: transparent !important;
+	--toolbarbutton-hover-background: transparent !important;
+}
+
+/* Glitch customizing: Cut / Copy / Paste buttons' icons
+ * :not(#hack) is there just to elevate rule priority */
+:root[customizing] #nav-bar > hbox toolbaritem toolbarbutton image:not(#hack) {
+	opacity: 1 !important;
+}
+/* Glitch customizing: Reload and Cut / Copy / Paste buttons */
+:root:-moz-window-inactive[customizing] #nav-bar #stop-reload-button toolbarbutton,
+:root:-moz-window-inactive[customizing] #nav-bar #edit-controls toolbarbutton {
+	background-image: var(--gnome-inactive-button-background);
+	box-shadow: var(--gnome-inactive-button-box-shadow);
+}
+/* Glitch customizing: Reload and Cut / Copy / Paste buttons' icons */
+:root:-moz-window-inactive[customizing] #nav-bar #stop-reload-button image.toolbarbutton-icon,
+:root:-moz-window-inactive[customizing] #nav-bar #edit-controls image.toolbarbutton-icon {
+	opacity: .7 !important;
+}
+
+/* Glitch: Overflow and Burger buttons
+ * :not(#hack) is there just to elevate rule priority */
+:root[customizing] #nav-bar > toolbarbutton[disabled]:not(#hack),
+:root[customizing] #nav-bar > toolbaritem > toolbarbutton[disabled]:not(#hack) {
+	opacity: .5 !important;
+}
+/* Glitch: Overflow button's icon */
+:root[customizing] #nav-bar toolbarbutton:not(#urlbar-zoom-button)[disabled] image {
+	fill-opacity: var(--toolbarbutton-icon-fill-opacity) !important;
+}
+
+/* Bookmark buttons */
+#nav-bar toolbarbutton.bookmark-item {
+	width: auto !important;
+}
+#nav-bar toolbarbutton.bookmark-item .toolbarbutton-icon {
+	margin-left: 6px;
+}
+#nav-bar toolbarbutton.bookmark-item .toolbarbutton-text {
+	padding-right: 6px;
+}
+
+/* Remove Burger button's left separator */
+#PanelUI-button {
+	border: 0 !important;
+	margin: 0 !important;
+	padding-inline-start: 0 !important;
+}
+
+/* Space main menu button from other headerbar buttons
+#nav-bar #PanelUI-menu-button:not(#hack) {
+	margin-left: 10px !important;
+}*/
+
+/* Fix library animation */
+#library-animatable-box  {
+	--library-button-height: 46px !important;
+	--library-icon-x: 1716px !important;
+	/*--library-icon-x: 1715.9833984375px !important;*/
+}
+#library-button[animate] > .toolbarbutton-icon {
+	fill: transparent !important;
+}
+
+/* Fix toolbars close icons */
+.close-icon:not(.tab-close-button) .toolbarbutton-icon {
+	height: 16px !important;
+	width: 16px !important;
+	margin: 6px !important;
+	padding: 0 !important;
+}
+button.close {
+	margin: 0 !important;
+}
+
+/* */
+#appMenu-popup .panel-banner-item[notificationid="update-restart"]::after {
+	display: none !important;
+}
+
+/* Identity site popover buttons */
+.identity-popup-preferences-button:not(#hack) {
+	list-style-image: url("chrome://browser/skin/settings.svg") !important;
+}
+#tracking-protection-preferences-button > .toolbarbutton-text {
+	padding-inline-end: 0 !important;
+}
+.protections-popup-footer-button-label {
+	margin-inline-start: 3px !important;
+}
+
+/* Fix findbar buttons issues */
+.findbar-container .findbar-find-previous image,
+.findbar-container .findbar-find-next image {
+	margin: 6px !important;
+	opacity: 1 !important;
+}
+.findbar-container toolbarbutton:focus {
+	outline: 0 !important;
+}
+
+/* Sidebar header button reset font size */
+#sidebar-header {
+	font-size: 1em !important;
+}
+
+/* Sidebar header button arrow opacity */
+#sidebar-switcher-arrow {
+	opacity: 1 !important;
+}
+
+/* Sidebar history view */
+#viewButton {
+	margin: 0 !important;
+	margin-inline-start: 6px !important;
+}
+
+/* Menulist */
+#identity-popup-popup-menulist {
+	margin-right: 0 !important;
+}
+
+/* Auto complete popup button*/
+.autocomplete-richlistitem[type="loginsFooter"] {
+	margin: 4px 4px 0 4px !important;
+}
+
+/* Identity popup tracking protection button */
+.tracking-protection-button {
+	margin-inline-end: 0 !important;
+}
+
+/* Identity popup delete permission button */
+.identity-popup-permission-remove-button {
+	opacity: 1 !important;
+}
+
+/* Identity popup expander button */
+#identity-popup-security {
+	-moz-box-align: center;
+}
+#identity-popup-security-expander {
+	width: 34px !important;
+}
+#identity-popup-security-expander .button-icon {
+	margin: 0 !important;
+}
+
+/* Protections popup */
+#protections-popup-info-button {
+	margin: 0 !important;
+	margin-inline-end: 0 !important;
+}
+.protections-popup-footer-icon {
+	display: none !important;
+}
+.protections-popup-footer-button-label {
+    margin-inline-start: 0 !important;
+}
+#protections-popup-footer-protection-type-label {
+    margin-inline-end: 0 !important;
+	margin-block: 0 !important;
+}
+
+/* Close button */
+.close-icon:not(.tab-close-button) .toolbarbutton-icon {
+	outline:  0 !important;
+}
+
+/* Downloads button */
+#downloads-indicator-progress-inner {
+	background: conic-gradient(var(--gnome-toolbar-icon-fill) var(--download-progress-pcent), transparent var(--download-progress-pcent)) !important;
+	background-color: var(--gnome-button-active-background) !important;
+}
+#downloads-indicator-progress-outer,
+#downloads-indicator-start-image,
+#downloads-indicator-finish-image {
+	border: 0 !important;
+	padding: 0 !important;
+	border-radius: 100% !important;
+}
+#downloads-indicator-progress-outer,
+#downloads-indicator-start-image {
+	background: var(--gnome-toolbar-border-color) !important;
+}
+#downloads-indicator-finish-image {
+	background: var(--gnome-toolbar-icon-fill) !important;
+}
+
+#downloads-button[progress="true"] #downloads-indicator-progress-outer {
+  visibility: visible !important;
+}
+#downloads-button:not([progress="true"]) #downloads-indicator-icon {
+  visibility: visible !important;
+}
+
+/* Stop/Reload button */
+#stop-reload-button .toolbarbutton-icon {
+	margin-top: -2px !important;
+}
+
+/* Toolbar Animations */
+#downloads-button .toolbarbutton-animatable-box {
+	top: 8px !important;
+	left: 8px !important;
+}
+#downloads-button .toolbarbutton-animatable-box,
+#downloads-button .toolbarbutton-animatable-image,
+#downloads-indicator-progress-inner {
+	height: 16px !important;
+	width: 16px !important;
+}
+#downloads-button .toolbarbutton-animatable-image,
+#stop-reload-button  .toolbarbutton-animatable-image:not(#hack),
+#nav-bar-overflow-button  .toolbarbutton-animatable-image:not(#hack) {
+	--anim-steps: 1 !important;
+	transform: none !important;
+	list-style-image: none !important;
+	display: none !important;
+}
+
+/* Panel banner */
+#appMenu-popup .panel-banner-item {
+	margin: 0 0 6px !important;
+}
+#appMenu-popup .panel-banner-item > .toolbarbutton-text {
+	margin-inline: 0 !important;
+}
+
+/* User menu */
+#fxa-toolbar-menu-button .toolbarbutton-badge-stack {
+	padding: 0 !important;
+}
+#fxa-avatar-image {
+	min-height: 24px !important;
+	width: 24px !important;
+}
+
+/* OPTIONAL: Hide unified-extensions-button */
+@supports -moz-bool-pref("gnomeTheme.hideUnifiedExtensions") {
+	#unified-extensions-button {
+		display: none;
+	}
+}
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/parts/buttons.css b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/buttons.css
new file mode 100755
index 000000000..e3013831c
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/buttons.css	
@@ -0,0 +1,327 @@
+/* Buttons */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Hide buttons separator */
+#nav-bar .toolbaritem-combined-buttons separator {
+	display: none !important;
+}
+#appMenu-popup .toolbaritem-combined-buttons toolbarseparator {
+	border: 0 !important;
+}
+
+/* Buttons */
+menulist,
+#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton),
+.subviewbutton.panel-subview-footer,
+.panel-footer button,
+#downloadsPanel-mainView .download-state .downloadButton,
+#appMenu-popup .panel-banner-item,
+#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(#appMenu-fxa-label),
+#context-navigation menuitem,
+.identity-popup-preferences-button:not(#hack),
+.findbar-container toolbarbutton,
+#sidebar-switcher-target,
+#viewButton,
+.close-icon:not(.tab-close-button),
+button.close,
+.menulist-label-box,
+.expander-down, .expander-up,
+.notification-button,
+#identity-popup-security-expander,
+#protections-popup-info-button,
+#PanelUI-panic-view-button,
+.tracking-protection-button,
+.dialog-button,
+.autocomplete-richlistitem[type="loginsFooter"],
+.dialog-button-box button,
+.searchbar-engine-one-off-item,
+.permission-popup-permission-remove-button,
+.button.connect-device,
+#item-choose button,
+#editBMPanel_newFolderButton,
+.unified-extensions-item-menu-button {
+	-moz-appearance: none !important;
+	background: var(--gnome-button-background) !important;
+	border-radius: 6px !important;
+	border: 0 !important;
+	padding: 0 1px !important;
+	height: 34px !important;
+	max-height: 34px !important;
+	min-height: 34px !important;
+	min-width: 34px !important;
+	color: var(--gnome-toolbar-color) !important;
+	outline: 0 !important;
+	font: menu !important;
+	-moz-box-align: center !important;
+	transition: background .3s;
+}
+.subviewbutton-iconic {
+	-moz-box-pack: center !important;
+}
+
+/* Flat Buttons */
+#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton),
+.close-icon:not(.tab-close-button),
+button.close,
+#protections-popup-info-button,
+.permission-popup-permission-remove-button,
+.unified-extensions-item-menu-button {
+	background: transparent !important;
+	transition: background .3s;
+}
+
+/* Buttons with margins */
+#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton),
+.notification-button,
+.subviewbutton.panel-subview-footer:not(:only-of-type),
+.panel-footer button:not(:only-of-type) {
+	margin: 0 3px !important;
+}
+.close-icon:not(.tab-close-button) {
+	margin-left: 6px !important;
+}
+
+/* Text buttons */
+menulist,
+.subviewbutton.panel-subview-footer,
+.panel-footer button,
+#appMenu-popup .panel-banner-item,
+#appMenu-popup #appMenu-zoomReset-button2:not(#hack),
+#tracking-protection-preferences-button:not(#hack),
+.findbar-container toolbarbutton.findbar-button,
+.notification-button,
+#PanelUI-panic-view-button,
+.tracking-protection-button,
+.dialog-button,
+.autocomplete-richlistitem[type="loginsFooter"],
+.dialog-button-box button,
+.toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]), [overflowedItem="true"]) > #appMenu-fxa-label2:not(#hack),
+.button.connect-device,
+#item-choose button,
+#editBMPanel_newFolderButton {
+	padding: 2px 16px !important;
+}
+.subviewbutton.panel-subview-footer label,
+.panel-footer button,
+#appMenu-popup .panel-banner-item .toolbarbutton-text,
+#appMenu-popup #appMenu-zoomReset-button2:not(#hack),
+#tracking-protection-preferences-button:not(#hack),
+.findbar-container toolbarbutton.findbar-button,
+.notification-button,
+#PanelUI-panic-view-button,
+.tracking-protection-button,
+.dialog-button,
+.autocomplete-richlistitem[type="loginsFooter"],
+.dialog-button-box button,
+.button.connect-device,
+#item-choose button {
+	text-align: center !important;
+}
+
+/* Drop down buttons */
+#sidebar-switcher-target,
+#viewButton {
+	padding: 2px 16px !important;
+	position: relative;
+}
+#sidebar-switcher-arrow,
+#viewButton .button-menu-dropmarker { /* Arrow position, type b */
+	transform: translate(6px, 0)
+}
+.menulist-label-box {
+	padding: 2px 26px 2px 16px !important;
+	position: relative;
+}
+.menulist-label-box:after { /* Arrow position */
+	position: absolute !important;
+	right: 8px !important;
+	top: 8px !important;
+}
+.menulist-label-box:after { /* Create arrow if icon tag no exist */
+	content: "";
+}
+
+/* Hover buttons */
+menulist:hover,
+.subviewbutton.panel-subview-footer:hover,
+.panel-footer button:hover,
+#downloadsPanel-mainView .download-state .downloadButton:hover,
+#appMenu-popup .panel-banner-item:hover,
+#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(#appMenu-fxa-label):not([disabled="true"]):hover,
+#context-navigation menuitem:not([disabled="true"]):hover,
+.identity-popup-preferences-button:not(#hack):hover,
+.findbar-container toolbarbutton:hover,
+.findbar-closebutton .toolbarbutton-icon:hover,
+#sidebar-switcher-target:hover,
+#viewButton:hover,
+menulist:hover .menulist-label-box,
+.expander-down:hover, .expander-up:hover,
+.notification-button:hover,
+#identity-popup-security-expander:hover,
+.tracking-protection-button:hover,
+.dialog-button:hover,
+.autocomplete-richlistitem[type="loginsFooter"]:hover,
+.dialog-button-box button:not([disabled="true"]):hover,
+.searchbar-engine-one-off-item:hover,
+.button.connect-device:hover,
+#editBMPanel_newFolderButton:hover {
+	outline: 0 !important;
+	background: var(--gnome-button-hover-background) !important;
+}
+
+/* Hover flat buttons */
+#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([open]):not([disabled="true"]):not([checked]):hover,
+.close-icon:not(.tab-close-button):hover,
+button.close:hover,
+#protections-popup-info-button:hover,
+.permission-popup-permission-remove-button:hover,
+#item-choose button:hover,
+.unified-extensions-item-menu-button:hover {
+	outline: 0 !important;
+	background: var(--gnome-button-flat-hover-background) !important;
+}
+
+/* Active buttons */
+menulist[open],
+.subviewbutton.panel-subview-footer:active,
+.panel-footer button:active,
+#downloadsPanel-mainView .download-state .downloadButton:active,
+#appMenu-popup .panel-banner-item:active,
+#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not([disabled="true"]):not(#appMenu-fxa-label):active,
+#context-navigation menuitem:active:not([disabled="true"]),
+.identity-popup-preferences-button:not(#hack):active,
+.findbar-container toolbarbutton[checked],
+.findbar-container toolbarbutton:active,
+#sidebar-switcher-target:active, #sidebar-switcher-target.active,
+#viewButton[open],
+menulist[open] .menulist-label-box,
+.expander-down:active, .expander-up:active,
+.notification-button:active,
+#identity-popup-security-expander:active,
+.tracking-protection-button:active,
+.dialog-button:active,
+.autocomplete-richlistitem[type="loginsFooter"]:active,
+.dialog-button-box button:not([disabled="true"]):active,
+.button.connect-device:active,
+#editBMPanel_newFolderButton:active {
+	background: var(--gnome-button-active-background) !important;
+}
+
+/* Active flat buttons */
+#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([disabled="true"]):not(#hack):active,
+#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not(.subviewbutton):not([disabled="true"])[open],
+#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([disabled="true"])[checked],
+.close-icon:not(.tab-close-button):active,
+button.close:active,
+#protections-popup-info-button:not(#hack):active,
+#protections-popup-info-button:not(#hack)[checked],
+.permission-popup-permission-remove-button:active,
+#item-choose button:active,
+.unified-extensions-item-menu-button:active {
+	background: var(--gnome-button-flat-active-background) !important;
+}
+
+/* Disabled buttons */
+#nav-bar toolbarbutton:not(#urlbar-zoom-button)[disabled="true"],
+#appMenu-popup .toolbaritem-combined-buttons toolbarbutton[disabled="true"],
+#context-navigation menuitem[disabled="true"],
+.dialog-button-box button[disabled="true"] {
+	opacity: .5 !important;
+}
+
+/* Inactive window buttons */
+#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):-moz-window-inactive,
+.findbar-container toolbarbutton:-moz-window-inactive,
+#sidebar-switcher-target:-moz-window-inactive,
+#viewButton:-moz-window-inactive,
+.notification-button:-moz-window-inactive {
+	background: var(--gnome-inactive-button-background) !important;
+	box-shadow: var(--gnome-inactive-button-box-shadow) !important;
+	border-color: var(--gnome-inactive-button-border-color) !important;
+}
+
+/* Circle buttons */
+#downloadsPanel-mainView .download-state .downloadButton,
+.permission-popup-permission-remove-button:not(#hack) {
+	border-radius: 100% !important;
+}
+
+/* Combined buttons */
+#nav-bar .toolbaritem-combined-buttons:not(.unified-extensions-item) toolbarbutton:not(:last-of-type):not(#hack),
+#appMenu-popup .toolbaritem-combined-buttons:not(.unified-extensions-item) toolbarbutton:not(:last-of-type):not(#appMenu-zoomEnlarge-button),
+#context-navigation menuitem:not(:last-of-type),
+.findbar-container toolbarbutton.findbar-find-previous,
+.findbar-button:not(:last-of-type),
+.search-panel-one-offs .searchbar-engine-one-off-item:not(:last-child) {
+	border-top-right-radius: 0 !important;
+	border-bottom-right-radius: 0 !important;
+	border-right-width: 0 !important;
+	margin-right: 0 !important;
+}
+
+#nav-bar .toolbaritem-combined-buttons:not(.unified-extensions-item) toolbarbutton:not(:first-of-type):not(#hack),
+#appMenu-popup .toolbaritem-combined-buttons:not(.unified-extensions-item) toolbarbutton:not(:first-of-type):not(#appMenu-fullscreen-button),
+#context-navigation menuitem:not(:first-of-type),
+.findbar-container toolbarbutton.findbar-find-previous,
+.findbar-container toolbarbutton.findbar-find-next,
+.findbar-button:not(:first-of-type),
+.search-panel-one-offs .searchbar-engine-one-off-item:not(:first-child) {
+	border-top-left-radius: 0 !important;
+	border-bottom-left-radius: 0 !important;
+	margin-left: 0 !important;
+}
+
+#nav-bar .toolbaritem-combined-buttons:not(.unified-extensions-item) {
+	margin-left: 0 !important;
+	margin-right: 0 !important;
+}
+
+/* Opaque buttons */
+#appMenu-popup .panel-banner-item[notificationid="update-restart"],
+button.popup-notification-primary-button,
+#editBookmarkPanelDoneButton,
+#tracking-action-block,
+.button.connect-device,
+#editBookmarkPanelRemoveButton,
+#PanelUI-panic-view-button {
+	color: white !important;
+	font-weight: bold !important;
+}
+
+/* Buttons with suggested action */
+#appMenu-popup .panel-banner-item[notificationid="update-restart"],
+button.popup-notification-primary-button:not(#hack),
+#editBookmarkPanelDoneButton,
+#tracking-action-block,
+.button.connect-device {
+	background-color: var(--gnome-button-suggested-action-background) !important;
+}
+
+/* Buttons with destructive action */
+#editBookmarkPanelRemoveButton,
+#PanelUI-panic-view-button {
+	background-color: var(--gnome-button-destructive-action-background) !important;
+}
+
+/* Opaque buttons hover */
+#appMenu-popup .panel-banner-item[notificationid="update-restart"]:hover,
+button.popup-notification-primary-button:hover,
+#editBookmarkPanelDoneButton:hover,
+#tracking-action-block:hover,
+.button.connect-device:hover,
+#editBookmarkPanelRemoveButton:hover,
+#PanelUI-panic-view-button:hover {
+	background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1)) !important;
+}
+
+/* Opaque buttons active */
+#appMenu-popup .panel-banner-item[notificationid="update-restart"]:active,
+button.popup-notification-primary-button:active,
+#editBookmarkPanelDoneButton:active,
+#tracking-action-block:active,
+.button.connect-device:active,
+#editBookmarkPanelRemoveButton:active,
+#PanelUI-panic-view-button:active {
+	background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)) !important;
+}
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/parts/controls.css b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/controls.css
new file mode 100755
index 000000000..acf30274c
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/controls.css	
@@ -0,0 +1,46 @@
+/* Controls */
+/* Switchers, Checkboxes, etc. */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Switchers */
+.protections-popup-tp-switch-box {
+	padding: 0 !important;
+	-moz-box-pack: start !important;
+}
+#protections-popup-tp-switch:not([enabled])[showdotindicator]::after {
+	display: none !important;
+}
+#protections-popup-tp-switch {
+	background: var(--gnome-switch-background) !important;
+	border: 0 !important;
+	border-radius: 24px !important;
+	min-width: 48px !important;
+	width: 48px !important;
+	min-height: 26px !important;
+	padding: 0 !important;
+	position: relative !important;
+	display: block !important;
+	margin: 0 !important;
+}
+#protections-popup-tp-switch::before {
+	position: absolute !important;
+	top: 2px;
+	left: 2px;
+	background: var(--gnome-switch-slider-background) !important;
+	box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
+	border: 0 !important;
+	border-radius: 24px !important;
+	height: 22px !important;
+	width: 22px !important;
+	transition: left .2s ease;
+	outline: 0 !important;
+}
+#protections-popup-tp-switch[enabled] {
+	background: var(--gnome-switch-active-background) !important;
+	padding-inline-start: 24px !important;
+}
+#protections-popup-tp-switch[enabled]::before {
+	background: var(--gnome-switch-active-slider-background) !important;
+	left: 24px;
+}
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/parts/csd.css b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/csd.css
new file mode 100755
index 000000000..d05433cdc
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/csd.css	
@@ -0,0 +1,182 @@
+/* GNOME CSD styles for headerbar on Firefox [tabsintitlebar] */
+
+@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+#main-window {
+	-moz-appearance: -moz-window-titlebar !important;
+}
+
+/* Headerbar top border corners rounded */
+:root[tabsintitlebar][sizemode="normal"]:not([gtktiledwindow="true"]) #nav-bar {
+	border-radius: env(-moz-gtk-csd-titlebar-radius) env(-moz-gtk-csd-titlebar-radius) 0 0 !important;
+}
+
+/* Window buttons: at least 1 button */
+@media (-moz-gtk-csd-minimize-button), (-moz-gtk-csd-maximize-button), (-moz-gtk-csd-close-button) {
+	:root {
+		--gnome-navbar-csd-offset: 43px;
+	}
+}
+/* Window buttons: at least 2 buttons */
+@media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button),
+       (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-close-button),
+       (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) {
+	:root {
+		--gnome-navbar-csd-offset: 80px;
+	}
+}
+/* Window buttons: 3 buttons */
+@media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) {
+	:root {
+		--gnome-navbar-csd-offset: 117px;
+	}
+}
+
+/* Right window buttons offset by button count */
+:root[tabsintitlebar]:not([inFullscreen]) #nav-bar {
+	padding-left: 3px !important;
+	padding-right: var(--gnome-navbar-csd-offset) !important;
+}
+/* Fullscreen headerbar padding for 1 button */
+:root[tabsintitlebar][inFullscreen] #nav-bar {
+	padding-right: 43px !important;
+}
+
+/* Left window buttons */
+@media (-moz-gtk-csd-reversed-placement) {
+	/* Window controls offset by button count */
+	:root[tabsintitlebar]:not([inFullscreen]) #nav-bar {
+		padding-left: var(--gnome-navbar-csd-offset) !important;
+		padding-right: 3px !important;
+	}
+	
+	/* Window buttons box */
+	:root[tabsintitlebar] #titlebar .titlebar-buttonbox-container {
+		left: 0;
+		right: auto !important;
+	}
+	
+	/* Fullscreen headerbar padding for 1 button */
+	:root[tabsintitlebar][inFullscreen] #nav-bar {
+		padding-left: 50px !important;
+		padding-right: 3px !important
+	}
+}
+
+/* Remove close and minimize buttons from fullscreen buttons */
+:root[tabsintitlebar][inFullscreen] #titlebar .titlebar-buttonbox-container .titlebar-min,
+:root[tabsintitlebar][inFullscreen] #titlebar .titlebar-buttonbox-container .titlebar-close {
+	display: none !important;
+}
+
+/* Force the restore button to appear regardless of maximize button's status */
+:root[tabsintitlebar][inFullscreen] #titlebar .titlebar-buttonbox-container {
+  visibility: visible !important;
+}
+:root[tabsintitlebar][inFullscreen]:not([inDOMFullscreen]) #titlebar .titlebar-buttonbox-container .titlebar-restore {
+	display: inherit !important;
+}
+
+/* Hide window controls when navbar is hidden */
+:root[tabsintitlebar][inFullscreen] #navigator-toolbox[style*='margin-top:'] #titlebar .titlebar-buttonbox-container {
+  top: -999px;
+}
+
+/* Remove tabsbar titlebar blank spaces */
+:root[tabsintitlebar] #TabsToolbar .titlebar-placeholder {
+	display: none !important;
+}
+
+/* Prevent menubar from breaking */
+:root[tabsintitlebar] #toolbar-menubar:not([inactive=true]) {
+	height: 30px !important;
+	margin-bottom: 8px;
+}
+
+/* Remove default style of titlebar */
+:root[tabsintitlebar] #titlebar {
+	-moz-appearance: none !important;
+}
+
+/* Fix the issue when dragging tabs */
+:root[tabsintitlebar] #navigator-toolbox[movingtab] #TabsToolbar {
+	padding-bottom: 0 !important;
+}
+
+/* Window buttons box */
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox-container {
+	-moz-appearance: none !important;
+	padding: 5px;
+	position: absolute !important;	
+	right: 0;
+	top: 0;
+	display: block !important;
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox {
+	-moz-appearance: none !important;
+}
+
+/* Window buttons style */
+:root[tabsintitlebar] #titlebar .titlebar-button,
+:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton {
+	-moz-appearance: none !important;
+	padding: 0 2px !important;
+	background: var(--gnome-button-close-background);
+	transition: background 0.3s;
+}
+
+:root[tabsintitlebar] #titlebar .titlebar-button {
+	border-radius: 100% !important;
+	height: 24px !important;
+	margin: 6px 6.5px !important;
+	width: 24px !important;
+}
+
+:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton {
+	border-radius: 6px !important;
+	height: 34px;
+	margin: 0 3px !important;
+	width: 34px;
+}
+
+:root[tabsintitlebar] #titlebar toolbarbutton > .toolbarbutton-icon {
+	padding: 0 !important;
+	stroke: none !important;
+	-moz-context-properties: fill, fill-opacity !important;
+}
+
+:root[tabsintitlebar] #titlebar .titlebar-button .toolbarbutton-icon,
+:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton .toolbarbutton-icon {
+	width: 16px;
+}
+:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-button,
+:root[tabsintitlebar][inFullscreen] #window-controls:-moz-window-inactive toolbarbutton {
+	background: var(--gnome-inactive-tabbar-tab-active-background) !important;
+}
+:root[tabsintitlebar] #titlebar:not(:-moz-window-inactive) .titlebar-button:not([disabled]):hover,
+:root[tabsintitlebar][inFullscreen] #window-controls:not(:-moz-window-inactive) toolbarbutton:not([disabled]):hover {
+	background: var(--gnome-button-hover-background) !important;
+}
+:root[tabsintitlebar] #titlebar:not(:-moz-window-inactive) .titlebar-button:not([disabled]):active,
+:root[tabsintitlebar][inFullscreen] #window-controls:not(:-moz-window-inactive) toolbarbutton:not([disabled]):active {
+	background: var(--gnome-button-active-close-background) !important;
+}
+
+:root[tabsintitlebar] #titlebar .titlebar-button:where(:hover):not(:hover) {
+	background: var(--gnome-button-hover-close-background) !important;
+}
+
+/* OPTIONAL: Allow draging the window from headerbar buttons */
+@supports -moz-bool-pref("gnomeTheme.dragWindowHeaderbarButtons") {
+	:root[tabsintitlebar] #nav-bar *,
+	:root[tabsintitlebar] #titlebar .titlebar-button,
+	:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton {
+		-moz-window-dragging: drag;
+	}
+	
+	/* Avoid window dragging from urlbar */
+	:root[tabsintitlebar] #nav-bar .urlbar-input-box,
+	:root[tabsintitlebar] #nav-bar .urlbar-input-box * {
+		-moz-window-dragging: no-drag !important;
+	}
+}
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/parts/dialogs.css b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/dialogs.css
new file mode 100755
index 000000000..1438b9967
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/dialogs.css	
@@ -0,0 +1,90 @@
+/* Dialogs */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+window {
+	padding: 0 !important;
+}
+
+#window-modal-dialog {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	height: 100vh;
+}
+
+/* Browser dialog prompts center */
+.dialogOverlay[topmost="true"]:not(.dialogOverlay-window-modal-dialog-subdialog), #window-modal-dialog::backdrop {
+	background-color: rgba(0, 0, 0, .5) !important;
+}
+
+/* Dialog */
+.dialogBox {
+	border-radius: 12px !important;
+	margin-top: 0 !important;
+}
+.dialogBox[resizable="true"] {
+	margin-top: 24px !important;
+}
+
+window[role="dialog"] {
+	background: var(--gnome-toolbar-background) !important;
+	border: 0 !important;
+	box-shadow: var(--gnome-menu-shadow) !important;
+	padding: 0 !important;
+}
+dialog {	
+	padding: 0 !important;
+}
+dialog#handling {
+	display: flex;
+	flex-direction: column;
+}
+
+/* Content */
+.dialog-content-box {
+	padding: 24px;
+	padding-bottom: 0;
+}
+.box-inherit[part="content-box"] {
+	padding: 12px 24px 12px 24px;
+}
+#titleContainer {
+	justify-content: center !important;
+}
+.titleIcon {
+	background-color: transparent !important;
+}
+
+/* Buttons */
+.dialog-button-box {
+	display: flex !important;
+	margin-top: auto;
+}
+
+.dialog-button-box button:not(#hack) {
+	height: auto !important;
+	max-height: unset !important;
+	padding: 10px 14px !important;
+	margin: 0 !important;
+	border-radius: 0 !important;
+	flex: 1;
+	border-bottom: 0 !important;
+}
+
+/* Buttons borders - only suppor for cancel/ok */
+.dialog-button-box button[dlgtype="accept"] {
+	border-right: 0 !important;
+	border-left: 0 !important;
+}
+.dialog-button-box button[dlgtype="cancel"]:not(#hack) {
+	border-left: 0 !important;
+}
+
+/* Hadler dialog */
+#os-default-handler image {
+	display: none !important;	
+}
+#os-default-handler .name {
+	font-weight: normal !important;
+}
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/parts/entries.css b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/entries.css
new file mode 100755
index 000000000..be3397494
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/entries.css	
@@ -0,0 +1,129 @@
+/* Entries */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Entries */
+#urlbar,
+#searchbar,
+#search-box,
+.findbar-textbox,
+#loginTextbox,
+#password1Textbox,
+.tabsFilter,
+#editBMPanel_namePicker,
+#editBMPanel_tagsField,
+.popup-notification-body input {
+	-moz-appearance: none !important;
+	background: var(--gnome-entry-background) !important;
+	outline: 2px solid transparent !important;
+	border: 0 !important;
+	border-radius: 8px !important;
+	box-shadow: none !important;
+	color: var(--gnome-entry-color) !important;
+	height: 34px !important;
+	max-height: 34px !important;
+	margin: 0 !important;
+	padding: 6px !important;
+	box-sizing: border-box;
+	transition: outline 0.3s, outline-offset 0.3s;
+}
+
+/* Entries focused */
+#urlbar[breakout][breakout-extend],
+#urlbar[focused="true"]:not([suppress-focus-border]),
+#searchbar:focus-within,
+#search-box[focused], 
+.findbar-textbox[focused],
+.findbar-textbox:focus,
+#loginTextbox:focus,
+#password1Textbox:focus,
+.tabsFilter[focused],
+#editBMPanel_namePicker:focus-visible,
+#editBMPanel_tagsField:focus-visible,
+.popup-notification-body input:focus {
+	outline: 2px solid var(--gnome-focused-urlbar-border-color) !important;
+	outline-offset: -2px;
+	-moz-outline-radius: 5px;
+}
+
+/* Inactive window entries */
+#urlbar:-moz-window-inactive,
+#searchbar:-moz-window-inactive,
+#search-box:-moz-window-inactive,
+.findbar-textbox:-moz-window-inactive,
+#loginTextbox:-moz-window-inactive,
+#password1Textbox:-moz-window-inactive,
+.tabsFilter:-moz-window-inactive {
+	color: var(--gnome-inactive-entry-color) !important;
+	outline: 2px solid transparent !important;
+}
+
+/* Entries combined */
+.findbar-textbox:not(.minimal) {
+	border-top-right-radius: 0 !important;
+	border-bottom-right-radius: 0 !important;
+	border-right-width: 0 !important;
+}
+.findbar-textbox:not(.minimal)[focused], .findbar-textbox:not(.minimal):focus {
+	-moz-outline-radius: 5px 0 0 5px !important;
+}
+
+/* Entry button */
+.identity-box-button,
+#tracking-protection-icon-container,
+#notification-popup-box,
+.urlbar-page-action,
+.urlbar-icon {
+	fill-opacity: 0.8 !important;
+	transition: fill 0.3s, fill-opacity 0.3, opacity 0.3;
+}
+
+.identity-box-button:hover:not([open="true"]),
+#tracking-protection-icon-container:hover:not([open="true"]),
+#notification-popup-box:hover:not([open="true"]),
+.urlbar-page-action:hover:not([open="true"]),
+.urlbar-page-action:hover:not([open="true"]) .urlbar-icon,
+.urlbar-icon:not([disabled]):hover {
+    background: none !important;
+	fill-opacity: 1 !important;	
+}
+
+.identity-box-button:hover:active,
+.identity-box-button[open=true],
+#tracking-protection-icon-container:hover:active,
+#tracking-protection-icon-container[open=true],
+#notification-popup-box:hover:active,
+#notification-popup-box[open=true],
+.urlbar-page-action:hover:active,
+.urlbar-page-action[open=true],
+.urlbar-page-action:hover:active .urlbar-icon,
+.urlbar-page-action[open=true] .urlbar-icon {
+	background: none !important;
+	fill-opacity: 1 !important;	
+}
+
+/* Entries fixes */
+#urlbar-container, #search-container {
+	padding: 0 !important;
+	margin: 0 3px !important;
+}
+#urlbar-input-container {
+	background: transparent !important;
+	border: 0 !important;
+}
+#urlbar, #searchbar {
+	margin: 0 3px !important;
+	padding: 0 3px !important;
+}
+.searchbar-textbox {
+	border: 0 !important;
+	padding: 0 !important;
+	margin: 0 !important;
+	min-height: auto !important;
+}
+#searchbar > .searchbar-textbox[focused] .searchbar-search-button:not(#hack) {
+	margin: 0 !important;
+}
+#urlbar[focused="true"]:not([suppress-focus-border]) > #urlbar-background {
+	outline: 0 !important;
+}
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/parts/findbar.css b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/findbar.css
new file mode 100755
index 000000000..60ae3761e
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/findbar.css	
@@ -0,0 +1,44 @@
+/* Find bar  */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+findbar {
+	padding: 0 !important;
+	position: relative;
+}
+
+findbar label, findbar description {
+	color: var(--gnome-toolbar-color) !important;
+}
+
+.findbar-container {
+	align-items: center;
+	padding: 6px !important;
+	display: flex;
+	justify-content: flex-start;
+	position: relative;
+	flex-direction: row;
+	margin: 0 !important;
+	width: calc(100% - 42px);
+	height: auto !important;
+}
+
+hbox[anonid="findbar-textbox-wrapper"] {
+	display: flex !important;
+}
+
+.findbar-entire-word {
+	margin-right: auto !important;
+}
+
+.findbar-find-status, .found-matches {	
+	margin-right: 6px !important;
+}
+
+.findbar-closebutton {
+	margin: 6px 6px 6px 0 !important;
+}
+
+.findbar-container toolbarbutton .toolbarbutton-text {
+	display: none !important;
+}
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/parts/headerbar-private-window.css b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/headerbar-private-window.css
new file mode 100755
index 000000000..4c8932294
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/headerbar-private-window.css	
@@ -0,0 +1,44 @@
+/* Private window headerbar */
+
+@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+:root[privatebrowsingmode="temporary"] {
+	--gnome-accent: var(--gnome-private-accent) !important;
+	--gnome-accent-fg: var(--gnome-private-accent) !important;
+	/* Toolbars */
+	--gnome-toolbar-background: var(--gnome-private-toolbar-background) !important;
+	--gnome-inactive-toolbar-background: var(--gnome-private-inactive-toolbar-background)  !important;
+	/* Menus */
+	--gnome-menu-background: var(--gnome-private-menu-background) !important;		
+	/* Change headerbar colors */
+	--gnome-headerbar-background: var(--gnome-private-headerbar-background) !important;
+	--gnome-inactive-headerbar-background: var(--gnome-private-inactive-headerbar-background) !important;
+	/* Tabs */
+	--gnome-tabbar-tab-hover-background: var(--gnome-private-tabbar-tab-hover-background);
+	--gnome-tabbar-tab-active-background: var(--gnome-private-tabbar-tab-active-background);
+	--gnome-tabbar-tab-active-background-contrast: var(--gnome-private-tabbar-tab-active-background-contrast);
+	--gnome-tabbar-tab-active-hover-background: var(--gnome-private-tabbar-tab-active-hover-background);
+	--gnome-inactive-tabbar-tab-hover-background: var(--gnome-private-inactive-tabbar-tab-hover-background);
+	--gnome-inactive-tabbar-tab-active-background: var(--gnome-private-inactive-tabbar-tab-active-background);
+}
+
+/* Add private window headerbar indicator */
+:root[privatebrowsingmode="temporary"] #nav-bar toolbarspring:first-of-type:before {
+	background: url("../icons/eye-not-looking-symbolic.svg") no-repeat;
+	background-size: 64px 64px;
+	content: "";
+	display: block;	
+	position: absolute;
+	width: 64px;
+	height: 46px;
+	top: 0;
+	transform: translate(15px, 0);
+	fill: var(--gnome-toolbar-color) !important;
+	fill-opacity: 0.2 !important;
+	-moz-context-properties: fill, fill-opacity;
+}
+
+/* Hide tabsbar default private browsing indicator */
+#private-browsing-indicator-with-label {
+	display: none !important;
+}
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/parts/headerbar.css b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/headerbar.css
new file mode 100755
index 000000000..07bbb77a1
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/headerbar.css	
@@ -0,0 +1,20 @@
+/* Header bar */
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Headerbar */
+#nav-bar {
+	padding: 6px 3px !important;
+}
+
+/* Headerbar CSD colors */
+#nav-bar {
+	background: var(--gnome-headerbar-background) !important;
+	border: none !important;
+	border-bottom: 1px solid var(--gnome-headerbar-border-color) !important;
+	box-shadow: var(--gnome-headerbar-box-shadow) !important;
+}
+#nav-bar:-moz-window-inactive {
+	background: var(--gnome-inactive-headerbar-background) !important;
+	border-bottom-color: var(--gnome-inactive-headerbar-border-color) !important;
+	box-shadow: var(--gnome-inactive-headerbar-box-shadow) !important;
+}
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/parts/icons.css b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/icons.css
new file mode 100755
index 000000000..ee957ff43
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/icons.css	
@@ -0,0 +1,550 @@
+/* Replace icons */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Icons color */
+.toolbarbutton-icon,
+menuitem:not([class*='identity']) .menu-iconic-left .menu-iconic-icon,
+.urlbar-page-action:not([readeractive]),
+.button-icon:not(#hack),
+.bookmark-item[container],
+.notification-anchor-icon,
+.protections-popup-category::after,
+.protections-popup-footer-icon,
+#identity-popup-mainView .subviewbutton-nav::after,
+.widget-overflow-list .subviewbutton-nav::after,
+.PanelUI-subView .subviewbutton-nav::after,
+#identity-popup[connection^="secure"] .identity-popup-security-connection,
+.panel-info-button > image,
+.menu-right,
+.expander-down > .button-box,
+#sidebar-switcher-arrow,
+#sidebar-icon,
+#viewButton .button-menu-dropmarker,
+.menulist-label-box:after,
+.expander-up > .button-box,
+#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] > #identity-icon,
+.searchbar-search-icon,
+.textbox-search-sign,
+treechildren::-moz-tree-twisty,
+treechildren::-moz-tree-image,
+.item.client .item-twisty-container,
+menuitem[type="checkbox"],
+menuitem[type="checkbox"][checked="true"],
+menuitem[type="radio"],
+menuitem[type="radio"][checked="true"],
+.tab-icon-overlay,
+.tab-throbber::before,
+.tab-icon-stack::before,
+.close-icon:not(.tab-close-button),
+button.close::before,
+#urlbar-search-mode-indicator-close,
+#tracking-protection-icon,
+#identity-icon,
+#permissions-granted-icon,
+#downloads-indicator-icon,
+.textbox-search-clear,
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close .toolbarbutton-icon,
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-max .toolbarbutton-icon,
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-restore .toolbarbutton-icon,
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-min .toolbarbutton-icon,
+:root[tabsintitlebar][inFullscreen] #window-controls #restore-button .toolbarbutton-icon {
+	fill: var(--gnome-toolbar-icon-fill) !important;
+	-moz-context-properties: fill, fill-opacity;
+}
+.toolbarbutton-icon:-moz-window-inactive,
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close:-moz-window-inactive .toolbarbutton-icon,
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-max .toolbarbutton-icon:-moz-window-inactive,
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-restore .toolbarbutton-icon:-moz-window-inactive,
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-min .toolbarbutton-icon:-moz-window-inactive,
+:root[tabsintitlebar][inFullscreen] #window-controls #restore-button .toolbarbutton-icon {
+	fill: var(--gnome-inactive-toolbar-icon-fill) !important;
+}
+
+/* Dimmed icons */
+#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] > #identity-icon,
+.searchbar-search-icon,
+.textbox-search-sign,
+.textbox-search-clear {
+	opacity: 0.7 !important;
+}
+.textbox-search-clear:hover {
+	opacity: 1 !important;
+}
+
+/* Fix icons sizes */
+.permission-popup-permission-remove-button > .button-box > .button-icon,
+.menu-iconic-icon {
+	height: 16px !important;
+	width: 16px !important;
+}
+/* Fix icon color */
+#sidebar-icon {
+	opacity: 1 !important;
+}
+treechildren::-moz-tree-twisty,
+treechildren::-moz-tree-image {
+	fill-opacity: 1 !important;
+}
+
+/* Icons active color */
+treechildren::-moz-tree-twisty(selected, focus),
+treechildren::-moz-tree-twisty(selected, focus, open),
+treechildren::-moz-tree-image(selected, focus),
+treechildren::-moz-tree-image(selected, focus, open),
+.item.client:focus .item-twisty-container,
+.sidebar-panel[lwt-sidebar-brighttext] .sidebar-placesTreechildren::-moz-tree-twisty,
+.sidebar-panel[lwt-sidebar-brighttext] .sidebar-placesTreechildren::-moz-tree-twisty(open) {
+	fill: #fff !important;
+}
+
+/* Fix flat buttons icons aproach */
+button.close::before {
+	content: "";
+	display: block;
+	background-position: center center;
+	background-repeat: no-repeat;
+	height: 100%;
+	width: 100%;
+}
+
+/* Fix main menu zoom controls icons */
+#appMenu-zoom-controls2 .toolbarbutton-icon {
+	padding: 0 !important;
+	padding-block: 0 !important;
+	padding-inline: 0 !important;
+}
+
+/* Scroll icons */
+#scrollbutton-up {
+	list-style-image: var(--scrollbutton-icon-name) !important;
+}
+#scrollbutton-down {
+	list-style-image: var(--scrollbutton-icon-name) !important;
+}
+arrowscrollbox {
+	--scrollbutton-icon-name: url("../icons/pan-down-symbolic.svg");
+}
+arrowscrollbox[orient="horizontal"] {
+	--scrollbutton-icon-name: url("../icons/pan-start-symbolic.svg");
+}
+
+/* Popovers subview menu arrow */
+#identity-popup-mainView .subviewbutton-nav::after,
+.widget-overflow-list .subviewbutton-nav::after,
+.PanelUI-subView .subviewbutton-nav::after,
+.protections-popup-category::after,
+.subviewbutton-back,
+.menu-right {
+	fill-opacity: 1 !important;
+	opacity: .3;
+}
+.menu-right {
+	-moz-appearance: none !important;
+	list-style-image: url("../icons/go-next-symbolic.svg") !important;
+	width: 16px !important;
+	height: 16px !important;
+}
+#identity-popup-mainView .subviewbutton-nav::after,
+.widget-overflow-list .subviewbutton-nav::after,
+.PanelUI-subView .subviewbutton-nav::after {
+	content: "" !important;
+	background: url("../icons/go-next-symbolic.svg");
+	background-size: contain;
+	height: 16px;
+	width: 16px;
+}
+.protections-popup-category::after {
+	content: url("../icons/go-next-symbolic.svg") !important;
+}
+
+/* Popovers subview back button */
+.subviewbutton-back {
+	list-style-image: url("../icons/go-previous-symbolic.svg") !important;
+}
+
+/* Arrow down buttons */
+.expander-down > .button-box,
+#sidebar-switcher-arrow,
+#viewButton .button-menu-dropmarker,
+.popup-notification-dropmarker .button-icon {
+	-moz-appearance: none !important;
+	list-style-image: url("../icons/pan-down-symbolic.svg") !important;
+	width: 16px !important;
+	height: 16px !important;
+}
+.menulist-label-box:after {
+	content: url("../icons/pan-down-symbolic.svg") !important;
+}
+
+/* Arrow up buttons */
+.expander-up > .button-box {
+	-moz-appearance: none !important;
+	list-style-image: url("../icons/pan-up-symbolic.svg") !important;
+	width: 16px !important;
+	height: 16px !important;
+}
+
+/* Search entries */
+#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] > #identity-icon,
+.searchbar-search-icon,
+.textbox-search-sign {
+	list-style-image: url(../icons/edit-find-symbolic.svg) !important;
+}
+.textbox-search-sign {
+	margin: 3px 0;
+	max-height: 16px !important;
+	width: 16px !important;
+}
+
+/* Findbar */
+.findbar-find-previous {
+    list-style-image: url("../icons/go-up-symbolic.svg") !important;
+}
+.findbar-find-next {
+    list-style-image: url("../icons/go-down-symbolic.svg") !important;
+}
+
+/* Tree views */
+treechildren::-moz-tree-twisty,
+.item.client .item-twisty-container {
+	list-style-image: url("../icons/pan-end-symbolic.svg") !important;
+	width: 16px !important;
+	height: 16px !important;
+}
+.item.client .item-twisty-container {
+	background-image: url("../icons/pan-end-symbolic.svg") !important;
+}
+treechildren::-moz-tree-twisty(open) {
+	list-style-image: url("../icons/pan-down-symbolic.svg") !important;
+}
+.item.client.closed .item-twisty-container {
+	background-image: url("../icons/pan-down-symbolic.svg") !important;
+}
+
+treechildren::-moz-tree-image(title, container),
+treechildren::-moz-tree-image(title, open) {
+  list-style-image: url("../icons/folder-symbolic.svg") !important;
+}
+treechildren::-moz-tree-image(title, query, dayContainer),
+treechildren::-moz-tree-image(query, OrganizerQuery_history____v) {
+  list-style-image: url("../icons/preferences-system-time-symbolic.svg") !important;
+}
+
+/* Menu checkbox */
+menuitem[type="checkbox"] {
+	list-style-image: none !important;
+}
+menuitem[type="checkbox"][checked="true"] {
+	list-style-image: url("../icons/select-symbolic.svg") !important;
+}
+menuitem[type="checkbox"][disabled="true"] .menu-iconic-icon {
+	opacity: 0.5;
+}
+
+/* Menu radio */
+menuitem[type="radio"] {
+	list-style-image: none !important;
+}
+menuitem[type="radio"][checked="true"] {
+	list-style-image: url("../icons/bullet-symbolic.svg") !important;
+}
+menuitem[type="radio"] .menu-iconic-icon {
+	border-radius: 100%;
+	border: 1px solid var(--gnome-inactive-toolbar-icon-fill);
+}
+menuitem[type="radio"][disabled="true"] .menu-iconic-icon {
+	opacity: 0.5;
+}
+
+/* Close button */
+.close-icon:not(.tab-close-button),
+.identity-popup-permission-remove-button .button-icon,
+.permission-popup-permission-remove-button > .button-box > .button-icon {
+	list-style-image: url("../icons/window-close-symbolic.svg") !important;
+}
+#urlbar-search-mode-indicator-close,
+button.close::before {
+	background-image: url("../icons/window-close-symbolic.svg") !important;
+}
+@media (prefers-color-scheme: light) {
+	.notificationbox-stack notification[type="critical"] .close-icon:not(.tab-close-button):not(:hover) {
+		fill: #fff !important;
+	}
+}
+@media (prefers-color-scheme: dark) {
+	.notificationbox-stack notification[type="warning"] .close-icon:not(.tab-close-button):not(:hover) image {
+		fill: rgb(46, 52, 54) !important;
+	}
+}
+
+/* Window buttons */
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close .toolbarbutton-icon {
+	list-style-image: url("../icons/window-close-symbolic.svg") !important;
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-max .toolbarbutton-icon {
+	list-style-image: url("../icons/window-maximize-symbolic.svg") !important;
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-restore .toolbarbutton-icon {
+	list-style-image: url("../icons/window-restore-symbolic.svg") !important;
+}
+:root[tabsintitlebar][inFullscreen] #titlebar .titlebar-buttonbox .titlebar-restore .toolbarbutton-icon {
+	list-style-image: url("../icons/view-restore-symbolic.svg") !important;
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-min .toolbarbutton-icon {
+	list-style-image: url("../icons/window-minimize-symbolic.svg") !important;
+}
+:root[tabsintitlebar][inFullscreen] #window-controls #restore-button .toolbarbutton-icon {
+	list-style-image: url("../icons/view-restore-symbolic.svg") !important;
+}
+
+/* Sound icons */
+.tab-icon-overlay[soundplaying] {
+    list-style-image: url("../icons/audio-playing-symbolic.svg") !important;
+}
+.tab-icon-overlay[muted] {
+    list-style-image: url("../icons/audio-muted-symbolic.svg") !important;
+}
+.tab-icon-overlay[activemedia-blocked] {
+	list-style-image: url("../icons/play-large-disabled-symbolic.svg") !important;
+}
+
+/* Firefox View */
+#firefox-view-button {
+	list-style-image: url("../icons/firefox-symbolic.svg") !important;
+}
+
+/* Private browsing button */
+#privatebrowsing-button {
+	list-style-image: url("../icons/eye-not-looking-symbolic.svg") !important;
+}
+/* Sidebar button */
+#sidebar-button:-moz-locale-dir(ltr):not([positionend])  .toolbarbutton-icon, #sidebar-button:-moz-locale-dir(rtl)[positionend]  .toolbarbutton-icon {
+	list-style-image: url("../icons/toggle-sidebar-symbolic.svg") !important;
+}
+#sidebar-button .toolbarbutton-icon {
+	list-style-image: url("../icons/toggle-right-sidebar-symbolic.svg");
+}
+/* Back button */	
+#nav-bar #back-button,
+#context-back { 
+	list-style-image: url("../icons/go-previous-symbolic.svg") !important;
+}
+/* Forward button */	
+#nav-bar #forward-button,
+#context-forward,
+#urlbar-go-button,
+.search-go-button { 
+	list-style-image: url("../icons/go-next-symbolic.svg") !important;
+}
+/* Menu button */
+#PanelUI-menu-button {
+	list-style-image: url("../icons/open-menu-symbolic.svg") !important;
+}
+/* New tab button */
+#new-tab-button {
+	list-style-image: url("../icons/tab-new-symbolic.svg") !important;
+}
+#tabs-newtab-button,
+#TabsToolbar #new-tab-button {
+	list-style-image: url("../icons/list-add-symbolic.svg") !important;
+}
+/* Home button */
+#home-button {
+	list-style-image: url("../icons/user-home-symbolic.svg") !important;
+}
+/* Preferences button */
+#preferences-button,
+.search-setting-button-compact > .button-box > .button-icon,
+.unified-extensions-item-menu-button.subviewbutton {
+	list-style-image: url("../icons/settings-symbolic.svg") !important;
+}
+/* Tabs sync */
+#sync-button,
+#sidebar-box[sidebarcommand="viewTabsSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon,
+.urlbarView-row[source="tabs"] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-favicon,
+#urlbar-engine-one-off-item-tabs {
+	list-style-image: url("../icons/tab-symbolic.svg") !important;
+}
+/* Fullscreen button */
+#fullscreen-button,
+#appMenu-fullscreen-button2 {
+	list-style-image: url("../icons/view-fullscreen-symbolic.svg") !important;
+}
+/* Zoom out button */
+#zoom-out-button,
+#appMenu-zoomReduce-button2 {
+	list-style-image: url("../icons/zoom-out-symbolic.svg") !important;
+}
+/* Zoom in button */
+#zoom-in-button,
+#appMenu-zoomEnlarge-button2 {
+	list-style-image: url("../icons/zoom-in-symbolic.svg") !important;
+}
+/* Developer button */
+#developer-button {
+	list-style-image: url("../icons/applications-engineering-symbolic.svg") !important;
+}
+/* Email link button */
+#email-link-button {
+	list-style-image: url("../icons/mail-unread-symbolic.svg") !important;
+}
+/* Print button */
+#print-button {
+	list-style-image: url("../icons/printer-symbolic.svg") !important;
+}
+/* Addons button */
+#unified-extensions-button,
+#add-ons-button,
+#addons-notification-icon,
+.install-icon {
+	list-style-image: url("../icons/application-x-addon-symbolic.svg") !important;
+}
+/* Find button */
+#find-button {
+	list-style-image: url("../icons/edit-find-symbolic.svg") !important;
+}
+/* New window button */
+#new-window-button {
+	list-style-image: url("../icons/window-new-symbolic.svg") !important;
+}
+/* Bookmarks menu button */
+#bookmarks-menu-button,
+#sidebar-box[sidebarcommand="viewBookmarksSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon,
+.urlbarView-row[source="bookmarks"] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-favicon,
+#urlbar-engine-one-off-item-bookmarks {
+	list-style-image: url("../icons/starred-symbolic.svg") !important;
+}
+#context-bookmarkpage[starred="true"],
+#star-button[starred] {
+	list-style-image: url("../icons/starred-symbolic.svg") !important;
+}
+#context-bookmarkpage,
+#star-button {
+	list-style-image: url("../icons/non-starred-symbolic.svg") !important;
+}
+#star-button[starred] {
+	fill: var(--gnome-toolbar-star-button) !important;
+}
+
+/* History button */
+#history-panelmenu,
+#sidebar-box[sidebarcommand="viewHistorySidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon,
+.urlbarView-row[source="history"] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-favicon,
+#urlbar-engine-one-off-item-history {
+	list-style-image: url("../icons/preferences-system-time-symbolic.svg") !important;
+}
+/* All tabs button */
+#alltabs-button {
+	list-style-image: url("../icons/pan-down-symbolic.svg") !important;
+}
+/* Cut button */
+#cut-button,
+#appMenu-cut-button {
+	list-style-image: url("../icons/edit-cut-symbolic.svg") !important;
+}
+/* Copy button */
+#copy-button,
+#appMenu-copy-button {
+	list-style-image: url("../icons/edit-copy-symbolic.svg") !important;
+}
+/* Paste button */
+#paste-button,
+#appMenu-paste-button {
+	list-style-image: url("../icons/edit-paste-symbolic.svg") !important;
+}
+/* Overflow button */
+#nav-bar-overflow-button {
+	list-style-image: url("../icons/pan-down-symbolic.svg") !important;
+}
+/* Reload */
+#reload-button,
+.downloadIconRetry > .button-box > .button-icon,
+#context-reload {
+	list-style-image: url("../icons/view-refresh-symbolic.svg") !important;
+}
+/* Stop */
+#stop-button,
+.downloadIconCancel > .button-box > .button-icon,
+#context-stop {
+	list-style-image: url("../icons/process-stop-symbolic.svg") !important;
+}
+/* Downlaod */
+#downloads-button,
+#downloads-indicator-icon {
+	list-style-image: url("../icons/folder-download-symbolic.svg") !important;
+}
+/* Info */
+.panel-info-button > image,
+#identity-icon {
+	list-style-image: url("../icons/info-symbolic.svg") !important;
+}
+.tabbrowser-tab[image="chrome://global/skin/icons/info.svg"]:not([busy]):not([progress]) .tab-icon-stack::before {
+	content: "";
+	height: 16px;
+	width: 16px;
+	background-image: url("../icons/info-symbolic.svg") !important;
+}
+/* Password */
+#password-notification-icon {
+	list-style-image: url("../icons/key-symbolic.svg") !important;
+}
+
+/* Url Bar icons */
+#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] #identity-icon {
+    list-style-image: url("../icons/edit-find-symbolic.svg") !important;
+}
+#urlbar-input-container[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box > #tracking-protection-icon {
+  list-style-image: url("../icons/security-high-symbolic.svg") !important;
+}
+#urlbar-input-container[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box[hasException] > #tracking-protection-icon {
+  list-style-image: url("../icons/security-low-symbolic.svg") !important;
+}
+#urlbar-input-container[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box:not([hasException])[active] > #tracking-protection-icon {
+  list-style-image: url("../icons/security-high-symbolic.svg") !important;
+}
+#identity-box[pageproxystate="valid"].verifiedDomain #identity-icon,
+#identity-box[pageproxystate="valid"].mixedActiveBlocked #identity-icon {
+	list-style-image: url("../icons/padlock-symbolic.svg") !important;
+}
+#identity-popup[connection^="secure"] .identity-popup-security-connection {
+	list-style-image: url("../icons/padlock-symbolic.svg") !important;
+}
+#identity-box[pageproxystate="valid"].notSecure #identity-icon,
+#identity-box[pageproxystate="valid"].mixedActiveContent #identity-icon,
+#identity-box[pageproxystate="valid"].httpsOnlyErrorPage #identity-icon {
+    list-style-image: url("../icons/padlock-insecure-symbolic.svg") !important;
+}
+.identity-popup-security-connection {
+	list-style-image: url("../icons/padlock-insecure-symbolic.svg") !important;
+}
+#permissions-granted-icon {
+    list-style-image: url("../icons/general-properties-symbolic.svg") !important;
+}
+.popup-notification-icon[popupid="web-notifications"], .desktop-notification-icon {
+    list-style-image: url("../icons/message-symbolic.svg") !important;
+}
+#reader-mode-button {
+	list-style-image: url("../icons/reader-mode-symbolic.svg") !important;
+}
+.urlbar-icon {
+	margin: 2px 0 !important;
+}
+
+/* Fix for extensions icons */
+@media (prefers-color-scheme: dark) {
+	.webextension-browser-action {
+		list-style-image: var(--webextension-menupanel-image-light, inherit) !important;
+	}
+}
+
+/* Folder icon */
+.bookmark-item[container],
+.downloadIconShow > .button-box > .button-icon {
+	list-style-image: url("../icons/folder-symbolic.svg") !important;
+}
+
+/* Text clear */
+.textbox-search-clear {
+	content: url("../icons/edit-clear-symbolic.svg") !important;
+}
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/parts/lists.css b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/lists.css
new file mode 100755
index 000000000..571fbd7ee
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/lists.css	
@@ -0,0 +1,40 @@
+/* Lists */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* TODO: create list color vars */
+/* List container */
+#permission-popup-permission-list,
+richlistbox#items {
+	--in-content-item-selected: var(--gnome-accent-bg) !important;
+	--in-content-item-selected-text: #fff !important;
+	background: var(--gnome-menu-background) !important;
+	border: 1px solid var(--gnome-button-border-color) !important;
+	border-radius: 12px !important;
+	padding: 0 !important;
+	overflow: hidden;
+}
+
+richlistbox#items {
+	box-shadow: 0 0 0 1px rgba(0, 0, 0, .03),
+                0 1px 3px 1px rgba(0, 0, 0, .07),
+                0 2px 6px 2px rgba(0, 0, 0, .03);
+}
+
+/* List item */
+.permission-popup-permission-list-anchor,
+richlistbox#items richlistitem {
+	padding: 6px !important;
+	margin: 0 !important;
+}
+.permission-popup-permission-list-anchor:not(:last-child),
+richlistbox#items richlistitem:not(:last-child) {
+	border-bottom: 1px solid var(--gnome-menu-separator-color);
+}
+
+/* Fix list buttons on selected state */
+@media (prefers-color-scheme: light) {
+	richlistbox#items richlistitem[selected=true] button:not(:hover) {
+		filter: invert() brightness(200%) !important;
+	}
+}
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/parts/popups-contents.css b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/popups-contents.css
new file mode 100755
index 000000000..cafa3c057
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/popups-contents.css	
@@ -0,0 +1,341 @@
+/* Popups contents syles */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Main menu fxa */
+#appMenu-fxa-status[fxastatus="signedin"] > #appMenu-fxa-label {
+	padding-left: 22px !important;
+	margin-inline-start: -22px !important;
+}
+#appMenu-fxa-status[fxastatus="signedin"] > #appMenu-fxa-avatar {
+	margin-inline-start: 5px !important;
+}
+#appMenu-fxa-status2[fxastatus] > #appMenu-fxa-label2 > vbox > #appMenu-header-description, #appMenu-fxa-text {
+    font-weight: 400 !important;
+}
+
+/* Style main context menu & buttons */
+#context-navigation {
+	padding: 0;
+}
+#context-navigation > menuitem > .menu-iconic-left {
+	margin: auto !important;
+}
+#context-navigation menuitem {
+	--toolbarbutton-active-background: transparent !important;
+	--toolbarbutton-hover-background: transparent !important;
+}
+
+/* Main menu */
+#appMenu-popup .panel-banner-item:after {
+	-moz-box-ordinal-group: 0;
+	margin: 0 8px 0 0 !important;
+}
+#appMenu-popup .toolbaritem-combined-buttons {
+	margin-inline-end: 0 !important;
+}
+#appMenu-popup .toolbaritem-combined-buttons .before-label {
+	width: 32px !important;
+}
+.subviewbutton#appMenu-zoom-controls2 {
+	padding-right: 0 !important;
+	padding-top: 6px !important;
+}
+
+/* User sync account remove avatar */
+#fxa-menu-avatar {
+	display: none;
+}
+
+/* Add search engine button remove icon */
+#pageAction-panel-addSearchEngine .toolbarbutton-badge-stack {
+	display: none !important;
+}
+
+/* All tabs popover */
+.all-tabs-item[selected] {
+	border-left: 3px solid var(--gnome-tabbar-tab-active-border-bottom-color);
+	box-shadow: none !important;
+}
+
+.all-tabs-item > .all-tabs-secondary-button label {
+	margin: 0 !important;
+}
+
+/* Add bookmark */
+#editBookmarkPanelInfoArea {
+	padding: 0 !important;
+}
+#editBookmarkPanelRows,
+#editBookmarkPanelBottomContent {
+	padding: 0 !important;
+}
+#editBookmarkPanelBottomButtons {
+	margin: 0 !important;
+}
+#editBookmarkPanelBottomContent {
+	margin-bottom: 12px !important;
+}
+#editBookmarkPanelBottomContent,
+#editBookmarkPanelRows vbox {
+	margin: 6px 0;
+}
+
+/* Downloads popover */
+#downloadsPanel-mainView .download-state {
+	padding: 12px !important;
+	border: 0 !important;
+	display: flex;
+	align-items: center;
+	height: 64px !important;
+	margin: 0 !important;
+}
+
+#downloadsPanel-mainView .downloadMainArea {
+	flex: 1;
+	display: flex;
+}
+#downloadsPanel-mainView .downloadMainArea:hover {
+	background: transparent !important;
+}
+
+#downloadsPanel-mainView .downloadTypeIcon {
+	margin: 0 !important;
+	margin-right: 6px !important;
+}
+
+#downloadsPanel-mainView .downloadContainer {
+	margin-inline-end: 0 !important;
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+}
+
+#downloadsPanel-mainView .download-state .downloadButton .button-box {
+	padding: 0 !important;
+	margin: 0 !important;
+}
+#downloadsPanel-mainView .download-state toolbarseparator {
+	display: none;
+}
+
+/* Customization overflow menu position */
+#customization-panel-container {
+	margin-top: 10px;
+	z-index: 10;
+}
+
+/* Confirmation Hint */
+#confirmation-hint .panel-arrowcontent {
+	background: var(--gnome-button-suggested-action-background) !important;
+	border-color: var(--gnome-button-suggested-action-border-color) !important;
+}
+#confirmation-hint .panel-arrow {
+	fill: var(--gnome-button-suggested-action-border-color) !important;
+	stroke: var(--gnome-button-suggested-action-border-color) !important;
+}
+#confirmation-hint-message {
+	color: white !important;
+}
+
+/* URLbar popups */
+#identity-popup-mainView,
+#permission-popup-mainView,
+#protections-popup-mainView,
+#identity-popup-mainView-panel-header {
+	max-width: calc(var(--popup-width) + (var(--gnome-menu-padding) * 2)) !important;
+	min-width: calc(var(--popup-width) + (var(--gnome-menu-padding) * 2)) !important;
+}
+
+/* Identity popup */
+#identity-popup-security,
+.identity-popup-section,
+#identity-popup-security-expander .button-box,
+.identity-popup-security-content {
+	border: 0 !important;
+}
+
+.identity-popup-security-content {
+	padding-inline-end: 0 !important;
+	padding-inline-start: 0 !important;
+}
+.identity-popup-security-content {
+	background-position: 0em 0.8em !important;
+	background-size: 24px auto;
+}
+.identity-popup-security-content .identity-popup-headline {
+	margin-left: 1.4em !important;
+}
+#identity-popup-security-button {
+	padding: 3px 0 !important;
+}
+.identity-popup-security-connection.identity-button:not(#hack)  {
+	width: calc(var(--popup-width) - 30px) !important;
+}
+
+/* Permission popup */
+#permission-popup-permissions-content {
+	padding: 0 !important;
+}
+
+.permission-popup-permission-item:first-child, #permission-popup-storage-access-permission-list-header {
+    margin-top: 0 !important;
+}
+.permission-popup-permission-remove-button {
+	opacity: 1 !important;
+}
+.permission-popup-permission-state-label {
+    display: none !important;
+}
+
+#permission-popup-permission-list-default-anchor:empty {
+	padding: 0 !important;
+	border: 0 !important;
+}
+.permission-popup-permission-list-anchor[anchorfor="3rdPartyStorage"] {
+	padding: 0 !important;
+}
+.permission-popup-permission-list-anchor[anchorfor="3rdPartyStorage"] > vbox:only-child {
+	display: block !important;
+	height: 0 !important;
+	overflow: hidden;
+	visibility: hidden;
+	margin: 0 !important;
+	margin-bottom: -1px !important;
+}
+.permission-popup-permission-item-3rdPartyStorage {
+	margin-right: 6px;
+	margin-bottom: 6px !important;
+}
+#permission-popup-storage-access-permission-list-header {
+	padding: 6px !important;
+}
+
+/* Protections popup */
+.protections-popup-section,
+#protections-popup-not-blocking-section-header {	
+	border: 0 !important;
+}
+#protections-popup-mainView-panel-header-section {
+	background: transparent !important;
+}
+#protections-popup-mainView toolbarseparator {
+	display: none !important;
+}
+
+#protections-popup-mainView-panel-header {
+	color: var(--gnome-toolbar-color) !important;
+}
+#protections-popup[hasException] #protections-popup-mainView-panel-header {
+	background: none !important;
+}
+#protections-popup-main-header-label {
+	height: auto !important;
+	margin-inline-start: 6px !important;
+	text-align: left !important;
+}
+#protections-popup-mainView-panel-header-span {
+	margin: 0 !important;
+	margin-inline-start: 0 !important
+}
+#protections-popup[toast] #protections-popup-mainView-panel-header {
+	border-bottom-width: 1px !important;
+	border-radius: 5px !important;
+	padding: 0px !important;
+}
+#protections-popup-info-button {
+	margin: 0 !important;
+}
+
+#protections-popup-message {
+	background-position: center 12px !important;
+	background-color: var(--gnome-entry-background);
+	border: 0 !important;
+	border-radius: 12px;
+	color: var(--gnome-toolbar-color) !important;
+	height: 100% !important;
+	margin: 0 !important;
+}
+#protections-popup-message .text-link,
+#cfr-protections-panel-link-text {
+	color: var(--gnome-toolbar-color) !important;
+}
+.whatsNew-message-body {
+	padding: 0 6px;
+}
+
+#protections-popup-tp-switch-section {
+	background: var(--gnome-menu-background);
+	border: 1px solid var(--gnome-button-border-color) !important;
+	border-radius: 9px;
+	padding: 12px 8px !important;
+	margin: 0 !important;
+}
+
+#protections-popup[hasException] #protections-popup-tp-switch-section {
+	background: var(--gnome-menu-background) !important;
+}
+.protections-popup-tp-switch-label-box label {
+	margin-right: 12px !important;
+	font-weight: normal !important;
+}
+
+#protections-popup-no-trackers-found-description {
+	margin: 12px 8px 0 !important;
+	text-align: left !important;
+}
+
+#protections-popup-blocking-section-header,
+#protections-popup-not-found-section-header,
+#protections-popup-not-blocking-section-header{
+	padding: 0px 5px !important;
+	margin-top: 20px !important;
+	height: auto !important;
+}
+
+#protections-popup-category-list {
+	margin: 0 !important;
+}
+.protections-popup-category.notFound .protections-popup-category-label {
+	width: calc(var(--popup-width) - 70px) !important;
+}
+.protections-popup-category-label {
+	margin-inline-start: 6px !important;
+}
+.protections-popup-category-state-label {
+	opacity: 0.7;
+}
+
+#protections-popup-footer  {
+	display: flex;
+	justify-content: flex-start;
+	flex-wrap: wrap;
+	margin-top: 12px;
+}
+#protections-popup-show-report-stack,
+#protections-popup-settings-button {
+	width: 100% !important;
+}
+#protections-popup-show-report-button {
+	height: 32px !important;
+}
+#protections-popup-footer-protection-type-label  {
+	margin-left: 6px !important;
+}
+.protections-popup-description {
+    border-bottom: 0 !important;
+}
+.protections-popup-description > description {
+    margin: 8px !important;
+}
+
+/* Feature recommendation notification, fix width */
+#contextual-feature-recommendation-notification {
+    width: auto !important;
+}
+
+/* Extensions sometimes assume a white background */
+.webextension-popup-browser {
+	background-color: #fff !important;
+}
+
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/parts/popups.css b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/popups.css
new file mode 100755
index 000000000..8f52f4068
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/popups.css	
@@ -0,0 +1,289 @@
+/* Popup menus and context menus */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Style menus */
+menupopup {
+	-moz-appearance: none !important;	
+	color: var(--gnome-toolbar-color) !important;
+	padding: 8px !important;
+}
+
+menu menupopup {
+	margin:	-13px 0px 0px 0px !important;
+}
+
+menulist {
+	padding: 0px !important;
+}
+
+.menupopup-arrowscrollbox {
+	-moz-appearance: none !important;
+	background: var(--gnome-menu-background) !important;
+	border: 1px solid var(--gnome-menu-border-color) !important;
+	border-radius: 12px !important;
+	box-shadow: var(--gnome-menu-shadow) !important;
+	padding: 6px !important;
+	margin: 0 !important;
+}
+
+menuitem[type="checkbox"] image, menuitem[type="radio"] image {
+	visibility: visible !important;
+}
+menuitem[disabled="true"]:hover, menupopup menu[disabled="true"]:hover {
+	background: transparent !important;
+}
+
+/* Adjust popovers position */
+panel[type=arrow] {
+	margin-top: 8px !important;
+}
+
+/* Style popovers */
+panel:not([remote]) {
+	--arrowpanel-background: var(--gnome-menu-background) !important;
+	--panel-item-hover-bgcolor: var(--gnome-menu-button-hover-background) !important;
+}
+panel  {
+	--arrowpanel-padding: 0 !important;
+	--arrowpanel-border-color: var(--gnome-menu-border-color) !important;
+	--arrowpanel-border-radius: 12px !important;
+	--gnome-menu-padding: 6px;
+}
+
+/* Padding rules */
+#sidebarMenu-popup {
+	--arrowpanel-padding: var(--gnome-menu-padding) !important;
+}
+#downloadsPanel-blockedSubview,
+#downloadsPanel-mainView {
+	padding:  var(--gnome-menu-padding) !important;
+}
+.panel-header, .panel-footer,
+.panel-subview-body,
+#protections-popup-mainView-panel-header-section,
+.permission-popup-section,
+.popup-notification-header-container,
+.popup-notification-body-container,
+.popup-notification-footer-container {
+	padding: 0 var(--gnome-menu-padding) var(--gnome-menu-padding) !important;
+}
+:is(
+	.panel-header, .panel-footer,
+	.panel-subview-body,
+	.protections-popup-section,
+	#protections-popup-mainView-panel-header-section,
+	.permission-popup-section,
+	.identity-popup-section,
+	.popup-notification-header-container,
+	.popup-notification-body-container,
+	.popup-notification-footer-container
+):first-child:not(:empty) {
+	padding-top: var(--gnome-menu-padding) !important;
+}
+#protections-popup-footer,
+#identity-popup-clear-sitedata-footer {
+	padding: 0 var(--gnome-menu-padding) !important;
+}
+.panel-subview-body > .panel-subview-body {
+	padding: 0 !important;
+}
+/* Padding with margign */
+.subviewbutton.panel-subview-footer-button:not(#downloadsHistory) {
+	margin: var(--gnome-menu-padding) !important;
+}
+.subviewbutton.panel-subview-footer-button:not(:only-child, #downloadsHistory) {
+	margin: 0 var(--gnome-menu-padding) !important;
+}
+.subviewbutton.panel-subview-footer-button:not(:only-child, #downloadsHistory):last-child {
+	margin-bottom: var(--gnome-menu-padding) !important;
+}
+
+/* No menu */
+#notification-popup,
+#permission-popup,
+#editBookmarkPanel,
+#downloadsPanel {
+	--gnome-menu-padding: 12px !important;
+}
+
+/* Panel arrow */
+.panel-arrowcontent {
+	background: var(--arrowpanel-background) !important;
+	border: 1px solid var(--gnome-menu-border-color) !important;
+	border-radius: 12px !important;
+	color: var(--gnome-toolbar-color) !important;
+}
+.panel-arrow {    
+	fill: var(--arrowpanel-background) !important;
+	stroke: var(--gnome-menu-border-color) !important;
+	display: -moz-inline-box !important;
+}
+
+/* Panel header */
+.panel-header {
+	position: relative !important;
+}
+
+/* Panel footer */
+.panel-footer {
+	background-color: transparent !important;
+	margin: 0 !important;
+}
+.panel-subview-body .panel-footer {
+	padding: 0 !important;
+}
+.panel-footer.panel-footer-menulike {
+	border-top: 0 !important;
+	margin-top: 8px !important;
+}
+.panel-footer toolbarseparator {
+	display: none !important;
+}
+.proton-zap {
+	border-image: unset !important;
+}
+.panel-subview-footer {
+	margin-top: 10px !important;
+}
+
+/* Remove unwanted separators */
+.panel-header + toolbarseparator,
+#identity-popup-mainView-panel-header + toolbarseparator,
+#permission-popup-mainView-panel-header + toolbarseparator,
+#protections-popup-mainView-panel-header-section + toolbarseparator {
+	display: none !important;
+}
+
+/* Menu buttons */
+menuitem, menupopup menu,
+panelview .subviewbutton:not(#appMenu-fxa-label2, .unified-extensions-item-menu-button),
+panelview .toolbarbutton-1,
+panelview .unified-extensions-item-action-button,
+.protections-popup-footer-button,
+.protections-popup-category,
+.identity-popup-content-blocking-category,
+#PlacesToolbar .bookmark-item,
+#downloadsPanel-mainView .download-state {
+	-moz-appearance: none !important;
+	border-radius: 6px !important;	
+	color: var(--gnome-toolbar-color) !important;
+	font: menu !important;
+	padding: 4px 12px !important;
+	min-height: 32px !important;
+}
+.subviewbutton,
+.protections-popup-footer-button,
+.protections-popup-category,
+.identity-popup-content-blocking-category,
+#PlacesToolbar menupopup[placespopup="true"] .bookmark-item,
+.openintabs-menuitem,
+.widget-overflow-list .toolbarbutton-1,
+panelview .unified-extensions-item {
+	margin: 0 !important;
+}
+
+.subviewbutton[shortcut]:after {
+	opacity: 0.5 !important;
+}
+
+.bookmark-item .menu-right {
+	fill-opacity: 1 !important;
+}
+
+/* Menu buttons disabled */
+menuitem[disabled="true"], menupopup menu[disabled="true"],
+.subviewbutton[disabled="true"], .toolbarbutton-1[disabled="true"],
+.protections-popup-category[disabled="true"],
+.identity-popup-content-blocking-category[disabled="true"] {
+	opacity: .5 !important;
+}
+menuitem[disabled="true"][_moz-menuactive], menupopup menu[disabled="true"][_moz-menuactive] {
+	background: transparent !important;
+}
+
+/* Menu buttons hover */
+menuitem:not([disabled="true"]):is(:hover, [_moz-menuactive]),
+menupopup menu:not([disabled="true"]):is(:hover, [_moz-menuactive]),
+.subviewbutton:not([disabled="true"], #appMenu-zoom-controls2, #appMenu-fxa-label2):hover,
+.protections-popup-footer-button:not([disabled="true"]):hover,
+#protections-popup-show-report-stack:hover .protections-popup-footer-button,
+.protections-popup-category:not([disabled="true"]):hover,
+.identity-popup-content-blocking-category:not([disabled="true"]):hover,
+#PlacesToolbar .bookmark-item:is(:hover, [open], [_moz-menuactive]),
+#downloadsPanel-mainView .download-state:hover {
+	background: var(--gnome-menu-button-hover-background) !important;
+}
+
+/* Menu buttons fix */
+#appMenu-fxa-label2 {
+	padding: 0 !important;
+}
+#appMenu-fxa-label2:hover {
+	background: transparent !important;
+}
+
+/* Menu buttons back */
+.subviewbutton-back {
+	opacity: 1 !important;
+	width: 100%;
+	-moz-box-align: center !important;
+	-moz-box-pack: start !important;
+}
+.subviewbutton-back + h1 {
+	font-weight: bold !important;
+	left: 0 !important;
+	padding: 0 !important;
+	pointer-events: none;
+	position: absolute !important;
+	top: 15px !important;
+	width: 100%;
+}
+
+/* Menu headers */
+.subview-subheader {
+	font: menu !important;
+	font-weight: bold !important;
+	padding-block: 0 !important;
+	margin: 0 4px !important;
+}
+
+/* Style popover separators */
+toolbarseparator, menuseparator {
+	appearance: none !important;
+}
+
+#PlacesToolbar menupopup[placespopup="true"] menuseparator {
+	border-top: 1px solid var(--gnome-menu-separator-color) !important;
+	padding: 0 !important;
+	margin: 6px 0 !important;
+}
+#PlacesToolbar menupopup[placespopup="true"] menuseparator::before {
+	border: 0 !important;
+}
+
+toolbarseparator:not([orient="vertical"]), menupopup menuseparator {
+	border-top: 1px solid var(--gnome-menu-separator-color) !important;
+	margin: 6px 0 !important;
+}
+toolbarseparator[orient="vertical"] {
+	margin: 0 6px !important;
+}
+
+.panel-subview-body + toolbarseparator:not([orient="vertical"]) {
+	margin: 0 0 6px !important;
+}
+panelview > toolbarseparator:not([orient="vertical"]),
+#identity-popup-more-info-footer toolbarseparator:not([orient="vertical"]){
+	margin: 6px !important;
+}
+#identity-popup-clear-sitedata-footer toolbarseparator:not([orient="vertical"]) {
+	margin-top: 0 !important;
+}
+
+toolbarbutton menupopup[placespopup] menuseparator {
+	padding: 0 !important;
+}
+toolbarbutton menupopup[placespopup] menuseparator::before {
+	display: none !important;
+}
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/parts/remove-white-flash.css b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/remove-white-flash.css
new file mode 100755
index 000000000..7d46d806d
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/remove-white-flash.css	
@@ -0,0 +1,11 @@
+/* Removes a white flash after you open or close a tab. Affects all variants,
+ * but it's more visible on dark variants. */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Overrides: Change the flash color */
+#tabbrowser-tabpanels,
+#tabbrowser-tabpanels[pendingpaint],
+browser {
+	background-color: var(--gnome-browser-before-load-background) !important;
+}
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/parts/sidebar.css b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/sidebar.css
new file mode 100755
index 000000000..7b462ab30
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/sidebar.css	
@@ -0,0 +1,34 @@
+/* Sidebar */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+#sidebar-box, .sidebar-panel {
+	background: var(--gnome-sidebar-background) !important;
+}
+#sidebar-box:-moz-window-inactive, .sidebar-panel:-moz-window-inactive {
+	background: var(--gnome-inactive-sidebar-background) !important;
+}
+#sidebar-box:-moz-window-inactive label, #sidebar-box:-moz-window-inactive image,
+.sidebar-panel:-moz-window-inactive label, .sidebar-panel:-moz-window-inactive image,
+.sidebar-placesTreechildren:-moz-window-inactive {
+	opacity: 0.7 !important;
+}
+#sidebar-splitter {
+	background: var(--gnome-toolbar-background) !important;
+	border: 0 !important;
+	border-right: 1px solid var(--gnome-toolbar-border-color) !important;
+	width: 0 !important;
+}
+#sidebar-splitter:-moz-window-inactive {
+	background: var(--gnome-inactive-toolbar-background) !important;
+	border-color: var(--gnome-inactive-toolbar-border-color) !important;
+}
+
+#sidebar-header {
+	padding: 6px !important;
+	border-bottom: 1px solid var(--gnome-toolbar-border-color) !important;
+}
+#sidebar-search-container {
+	padding: 6px !important;
+}
+
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/parts/tabsbar.css b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/tabsbar.css
new file mode 100755
index 000000000..f5186456a
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/tabsbar.css	
@@ -0,0 +1,619 @@
+/* Tabs bar  */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+:root {
+	--space-above-tabbar: 0 !important;
+}
+
+#TabsToolbar {
+    --toolbarbutton-inner-padding: var(--toolbarbutton-inner-padding) !important;
+	background-color: var(--gnome-tabbar-background) !important;
+	border-bottom: 0 !important;
+	padding: 0 !important;
+	position: relative;
+	z-index: 1;
+}
+
+#TabsToolbar .titlebar-buttonbox-container:not(#hack) {
+	display: none !important;
+}
+
+#TabsToolbar:-moz-window-inactive {
+	background-color: var(--gnome-inactive-tabbar-background) !important;
+}
+
+/* Tabs bar height */
+#tabbrowser-tabs,
+#tabbrowser-tabs arrowscrollbox {
+	height: auto !important;
+	min-height: auto !important;
+	--tab-min-height: 34px !important;
+}
+
+tab > stack {
+	height: 34px !important;
+	width: 34px !important;
+	min-height: 34px !important;
+}
+
+/* Tabs scroll fade */
+#TabsToolbar {
+	--gnome-tabbar-fade-background: var(--gnome-tabbar-background);
+}
+#TabsToolbar:-moz-window-inactive {
+	--gnome-tabbar-fade-background: var(--gnome-inactive-tabbar-background);
+}
+
+#scrollbutton-up:not([disabled])::after,
+#scrollbutton-down:not([disabled])::after {
+	content: "";
+	height: 44px;
+	position: absolute;
+	top: -3px;
+	z-index: -1;
+	width: 50px;
+	pointer-events: none;
+}
+
+#scrollbutton-up:not([disabled])::after {
+	background: linear-gradient(to right, var(--gnome-tabbar-fade-background) 25px, transparent);
+	
+}
+#scrollbutton-down:not([disabled])::after {
+	background: linear-gradient(to left, var(--gnome-tabbar-fade-background) 25px, transparent);
+	right: 0;
+}
+
+spacer[part=overflow-start-indicator], spacer[part=overflow-end-indicator] {
+	width: 0 !important;
+	border: 0 !important;
+	margin-inline: 0 !important;
+}
+
+#scrollbutton-up, #scrollbutton-down {
+	position: relative !important;
+	z-index: 5 !important;
+}
+
+/* Remove hover effects on tab bar buttons */
+#TabsToolbar {
+	--toolbarbutton-active-background: transparent !important;
+	--toolbarbutton-hover-background: transparent !important;
+}
+
+/* Tabsbar buttons */
+#TabsToolbar .toolbarbutton-1:not(#hack) {
+	border-radius: 6px !important;
+	margin: 5px 3px 6px !important;
+	padding: 0 9px !important;
+	min-height: 34px !important;
+	transition: background 0.3s;
+}
+#TabsToolbar .toolbarbutton-1:not([disabled]):not(:active):not([open]):hover {
+	background-color: var(--gnome-tabbar-tab-hover-background) !important;
+}
+#TabsToolbar .toolbarbutton-1:active, #TabsToolbar .toolbarbutton-1[open] {
+	background-color: var(--gnome-tabbar-tab-active-background) !important;
+}
+
+/* Fake tabsbar border */
+#TabsToolbar::after {
+	content: "";
+	display: block;
+	width: 200%;
+	background: var(--gnome-toolbar-background);
+	border-bottom: 1px solid var(--gnome-toolbar-border-color);
+	height: 0;
+	min-height: 0;
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	z-index: 6;
+}
+
+/* Tab */
+.tabbrowser-tab {
+	border-width: 0 !important;
+	padding: 5px 2px 6px !important;
+	position: relative;
+}
+.tabbrowser-tab:not([hidden=true], [pinned]):first-of-type {
+	padding-left: 5px !important;
+}
+.tabbrowser-tab:not([hidden="true"]):last-of-type {
+	padding-right: 5px !important;
+}
+
+#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
+  margin-inline-start: 0 !important;
+}
+
+/* Tabs separators */
+.tabbrowser-tab {
+	border-style: solid !important;
+	border-left-width: 1px !important;
+	border-color: transparent !important;
+}
+.tabbrowser-tab:not(:first-of-type, [selected], :hover) {
+	--gnome-tabbar-tab-separator-hack0: var(--gnome-tabbar-background);
+	--gnome-tabbar-tab-separator-hack1: linear-gradient(
+		to bottom,
+		var(--gnome-tabbar-tab-separator-hack0) 0,
+		var(--gnome-tabbar-tab-separator-hack0) 9px,
+		var(--gnome-tabbar-tab-separator-color) 9px,
+		var(--gnome-tabbar-tab-separator-color) 35px,
+		var(--gnome-tabbar-tab-separator-hack0) 35px,
+		var(--gnome-tabbar-tab-separator-hack0) 45px
+	) 1;
+	border-image: var(--gnome-tabbar-tab-separator-hack1);
+}
+.tabbrowser-tab:-moz-window-inactive {
+	--gnome-tabbar-tab-separator-hack0: var(--gnome-inactive-tabbar-background);
+}
+#tabbrowser-tabs[overflow="true"] .tabbrowser-tab[first-visible-unpinned-tab] {
+	border-image: none !important;
+}
+.tabbrowser-tab[selected] ~ .tabbrowser-tab:not([hidden="true"]) {
+	border-image: none;
+}
+.tabbrowser-tab[selected] ~ .tabbrowser-tab:not([hidden="true"]) ~ .tabbrowser-tab:not([hidden="true"]) {
+	border-image: var(--gnome-tabbar-tab-separator-hack1);
+}
+.tabbrowser-tab:hover ~ .tabbrowser-tab:not([hidden="true"]) {
+	border-image: none !important;
+}
+.tabbrowser-tab:hover ~ .tabbrowser-tab:not([hidden="true"]) ~ .tabbrowser-tab:not([hidden="true"]) {
+	border-image: var(--gnome-tabbar-tab-separator-hack1) !important;
+}
+
+/* Tab labels */
+tab {
+	color: var(--gnome-toolbar-color) !important;
+	font-family: Cantarell, inherit;
+	font-weight: normal;
+	font-size: 1em;
+}
+
+/* Reset tab background */
+.tab-background {
+	border-radius: 6px !important;
+	box-shadow: none !important;
+	margin-block: 0 !important;
+	border: 0 !important;
+	transition: background 0.2s;
+}
+
+/* Center all inside tab */
+.tab-content {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	margin-top: -1px;
+	min-width: 100% !important;
+	padding: 0 4px !important;
+}
+
+/* Fix custom info tab icon */
+.tabbrowser-tab[image="chrome://global/skin/icons/info.svg"]:not([pinned]):not([busy]):not([progress]) .tab-icon-stack::before {
+	margin-inline-end: 5.5px;
+}
+.tabbrowser-tab[image="chrome://global/skin/icons/info.svg"] .tab-icon-image {
+	display: none !important;
+}
+
+/* Prevent tab icons size breaking */
+.tab-icon-image, .tab-icon-sound, .tab-throbber, .tab-throbber-fallback, .tab-close-button {
+	min-width: 16px;
+}
+
+/* Center tab icon contents */
+.tabbrowser-tab .tab-icon-stack {
+	align-items: center;
+	justify-items: center;
+}
+
+/* Adjust tab label width */
+.tab-label-container {
+	min-width: 0 !important;
+}
+
+/* Put tab close button to the right */
+.tabbrowser-tab .tab-close-button {
+	margin-left: auto !important;
+}
+
+/* Force tab favicon to the center */
+.tabbrowser-tab:not([pinned]) .tab-icon-stack {
+	margin-left: auto !important;
+}
+
+/* Tab icon margin */
+.tabbrowser-tab:not([pinned]) .tab-icon-stack {
+	margin-right: 2px;
+}
+.tab-throbber:not([pinned]), .tab-icon-pending:not([pinned]), .tab-icon-image:not([pinned]), .tab-sharing-icon-overlay:not([pinned]), .tab-icon-overlay:not([pinned]) {
+  margin-inline-end: 0 !important;
+}
+.tabbrowser-tab:not([soundplaying], [muted], [activemedia-blocked], [crashed]) .tab-icon-stack {
+	padding: 4px;
+}
+
+/* Hide favicon when mute icon is present */
+.tabbrowser-tab:not([pinned]):is([soundplaying], [muted], [activemedia-blocked], [crashed]) .tab-icon-image:not([sharing]),
+.tabbrowser-tab:not([pinned]):is([soundplaying], [muted], [activemedia-blocked], [crashed])[selected] .tab-icon-image {
+	display: none;
+}
+
+/* Hide secondary label about muting */
+.tabbrowser-tab:is([soundplaying], [muted], [activemedia-blocked], [crashed]) .tab-secondary-label {
+	display: none;
+}
+
+/* Tab buttons */
+.tab-icon-overlay,
+.tab-close-button {
+	border: 0px solid transparent;
+	box-sizing: content-box; /* Avoid deformation on flexbox */
+	border-radius: 99px !important;
+	padding: 4px !important;
+	background-size: 24px;
+	transition: all 0.2s ease-out !important;
+}
+:root:not(:-moz-window-inactive) .tab-icon-overlay:hover,
+:root:not(:-moz-window-inactive) .tab-close-button:hover {
+	background: var(--gnome-button-flat-hover-background) !important;
+}
+
+.tab-icon-stack:is([soundplaying], [muted], [activemedia-blocked]) image {
+	 margin: auto !important;
+}
+
+/* Always show the muted icon when poresent */
+#tabbrowser-tabs:not([secondarytext-unsupported]) .tabbrowser-tab:not(:hover) .tab-icon-overlay[indicator-replaces-favicon] {
+	opacity: 1 !important;
+}
+
+/* Icon overlay smaller */
+.tab-icon-overlay[pinned], .tab-icon-overlay:not([indicator-replaces-favicon="true"], [selected]) {
+	width: 12px !important;
+	height: 12px !important;
+	padding: 2px !important;
+}
+/* Icon overlay small style */
+.tab-icon-overlay:is([pinned], [sharing]):not([crashed]) {
+	stroke: unset !important;
+}
+.tab-icon-overlay:is([pinned]):not([crashed]),
+.tab-icon-overlay:is([sharing]):not([crashed], [selected]) {
+	background: var(--gnome-tab-button-background) !important;
+}
+.tab-icon-overlay:is([pinned], [sharing]):not([crashed]):hover {
+	background: var(--gnome-tab-button-hover-background) !important;
+}
+
+/* Fix icon overlay posisition when sharing */
+.tab-icon-overlay:not([crashed], [pinned]):is([sharing])[selected] {
+	top: 0 !important;
+	inset-inline-end: 0 !important;
+}
+
+/* Close tab button */
+.tab-close-button {
+	list-style-image: url("../icons/window-close-symbolic.svg") !important;
+	fill: var(--gnome-toolbar-color) !important;
+	fill-opacity: 1 !important;
+	-moz-context-properties: fill, fill-opacity !important;
+	height: 16px !important;
+	margin-right: 0 !important;
+	opacity: 1 !important;
+	width: 16px !important;
+	z-index: 100 !important;
+}
+:root:-moz-window-inactive .tab-close-button:not(#hack) {
+	opacity: .18 !important;
+}
+:root:not(:-moz-window-inactive) .tab-close-button:active {
+	background-image: var(--gnome-button-active-background) !important;
+	box-shadow: var(--gnome-button-active-box-shadow) !important;
+	border-color: var(--gnome-button-active-border-color) !important;
+	border-bottom-color: var(--gnome-button-active-border-color) !important;
+	border-top-color: var(--gnome-button-active-border-accent-color) !important;
+}
+
+.tab-close-button:active:not(:hover) {
+	background-image: none !important;
+	box-shadow: none !important;
+}
+
+/* Autohide */
+.tabbrowser-tab:not([selected="true"]) .tab-close-button {
+	visibility: hidden !important;
+	opacity: 0 !important;
+}
+.tabbrowser-tab:hover .tab-close-button {
+	visibility: visible !important;
+	opacity: 1 !important;
+}
+
+/* Fix close button position */
+.tabbrowser-tab:not([pinned]) .tab-label-container {
+	margin-right: -16px;
+}
+.tabbrowser-tab:not([pinned]):is([selected="true"], :hover) .tab-label-container[textoverflow="true"] {
+	margin-right: 0;
+}
+#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([pinned]) .tab-close-button {
+	display: block !important;
+}
+
+/* Close button overlay */
+.tabbrowser-tab:not([pinned]) .tab-content::before {
+	border-radius: 0 6px 6px 0;
+	content: "";
+	height: 100%;
+	opacity: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+	transition: 0.2s;
+	width: 55px;
+}
+.tabbrowser-tab:not([pinned]) .tab-content::before {
+	background: linear-gradient(to left, var(--gnome-tabbar-tab-close-overlay-bg) 100%);
+	z-index: 99;
+}
+.tabbrowser-tab:not([pinned]):is([selected="true"], :hover) .tab-content::before {
+	opacity: 1;
+}
+.tabbrowser-tab:not([pinned])[selected="true"] .tab-content::before {
+	--gnome-tabbar-tab-close-overlay-bg: var(--gnome-tabbar-tab-active-background);
+}
+.tabbrowser-tab:not([pinned], :-moz-window-inactive)[selected="true"]:hover .tab-content::before {
+	--gnome-tabbar-tab-close-overlay-bg: var(--gnome-tabbar-tab-active-hover-background);
+}
+.tabbrowser-tab:not([pinned]):hover .tab-content::before {
+	--gnome-tabbar-tab-close-overlay-bg: var(--gnome-tabbar-tab-hover-background);
+}
+.tabbrowser-tab:not([pinned])[selected="true"]:-moz-window-inactive .tab-content::before {
+	--gnome-tabbar-tab-close-overlay-bg: var(--gnome-inactive-tabbar-tab-active-background);
+}
+.tabbrowser-tab:not([pinned]):hover:-moz-window-inactive .tab-content::before  {
+	--gnome-tabbar-tab-close-overlay-bg: var(--gnome-inactive-tabbar-tab-hover-background);
+}
+
+/* Tab close button etc. positioning */
+.tab-throbber, .tab-icon-image, .tab-sharing-icon-overlay, .tab-icon-sound, .tab-close-button {
+	margin-top: 0 !important;
+}
+
+/* Active tab */
+.tab-background[selected=true] {
+	background: none !important;
+	border-image: none !important;
+}
+.tab-background[selected=true]  {
+	background-color: var(--gnome-tabbar-tab-active-background) !important;
+}
+.tab-background[selected=true]:-moz-window-inactive  {
+	background-color: var(--gnome-inactive-tabbar-tab-active-background) !important;
+}
+
+/* Tab hover */
+.tabbrowser-tab:hover > .tab-stack > .tab-background[selected=true]:not(:-moz-window-inactive) {
+	background-color: var(--gnome-tabbar-tab-active-hover-background) !important;
+}
+.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]),
+#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]),
+#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:hover > .tab-stack > .tab-background > .tab-line:not([selected=true]) {
+	background-color: transparent !important;
+}
+.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
+	background-color: var(--gnome-tabbar-tab-hover-background) !important;
+	border-image: none !important;
+}
+:root:-moz-window-inactive .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
+	background-color: var(--gnome-inactive-tabbar-tab-hover-background) !important;
+}
+
+/* Full width tabs */
+.tabbrowser-tab:not([style^="max-width"]):not([pinned]),
+.tabbrowser-tab[style^="max-width: 100px !important;"]:not([pinned]) {
+	max-width: 100% !important;
+	--tab-min-width: 131px !important;
+}
+.tabbrowser-tab:not([style^="max-width"]):not([pinned]):not([fadein]),
+.tabbrowser-tab[style^="max-width: 100px !important;"]:not([pinned]):not([fadein]) {
+	max-width: .1px !important;
+}
+
+/* Remove blank spaces on tabs start and end */
+#TabsToolbar .titlebar-spacer {
+	display: none !important;
+}
+
+/* Remove container bottom line indicator */
+.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
+	display: none;
+}
+
+/* Create new container tab indicator */
+.tabbrowser-tab[class*="identity-color-"] .tab-label-container {
+	color: var(--identity-tab-color) !important;
+}
+
+/* Needs attetion tab indicator */
+.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]),
+.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {
+	background-image: radial-gradient(var(--gnome-tabbar-tab-needs-attetion), var(--gnome-tabbar-tab-needs-attetion) 10px) !important;
+	background-position: center bottom !important;
+	background-size: 14px 2px !important;
+}
+
+/* Tab spinner */
+.tab-throbber::before {
+	animation: gnome-spinner 1s linear infinite !important;
+	background-image: url("../icons/process-working-symbolic.svg") !important;
+	width: 16px !important;
+	opacity: 1 !important;
+}
+@keyframes gnome-spinner {
+	from {
+		transform: rotate(0deg);
+	}
+	to {
+		transform: rotate(360deg);
+	}
+}
+
+/* Tabs manager menu */
+#alltabs-button {
+	visibility: collapse;
+}
+#tabbrowser-tabs[overflow="true"] ~ #alltabs-button {
+	visibility: visible;
+}
+
+/* Firefox View */
+#TabsToolbar #firefox-view-button .toolbarbutton-icon {
+	box-shadow: none !important;
+	fill: var(--gnome-toolbar-icon-fill) !important;
+	height: 16px !important;
+	opacity: 1 !important;
+	width: 16px !important;
+}
+:root:not([privatebrowsingmode="temporary"]):not([firefoxviewhidden]) :is(#firefox-view-button, #wrapper-firefox-view-button) + #tabbrowser-tabs {
+  border-inline-start: 0 !important;
+  padding-inline-start: var(--tab-overflow-pinned-tabs-width) !important;
+  margin-inline-start: 0 !important;
+}
+
+/* OPTIONAL: Hide single tab */
+@supports -moz-bool-pref("gnomeTheme.hideSingleTab") {
+	#tabbrowser-tabs tab:only-of-type,
+	#tabbrowser-tabs tab:only-of-type ~ toolbarbutton,
+	#tabbrowser-tabs tab:only-of-type ~ #tabbrowser-arrowscrollbox-periphery {
+		visibility: collapse;
+	}
+}
+
+/* OPTIONAL: Use normal width tabs */
+@supports -moz-bool-pref("gnomeTheme.normalWidthTabs") {
+	.tabbrowser-tab:not([style^="max-width"]):not([pinned]),
+	.tabbrowser-tab[style^="max-width: 100px !important;"]:not([pinned]) {
+		max-width: 225px !important;
+		--tab-min-width: inherit !important;
+	}
+}
+
+/* OPTIONAL: Add more contrast to the active tab */
+@supports -moz-bool-pref("gnomeTheme.activeTabContrast") {
+	.tab-background[selected=true]:not(#hack),
+	:root:not(:-moz-window-inactive) .tabbrowser-tab:hover > .tab-stack > .tab-background:not(#hack) {
+		background: var(--gnome-tabbar-tab-active-background-contrast) !important;
+	}
+	.tabbrowser-tab:not([pinned])[selected="true"] .tab-content::before,
+	:root:not(:-moz-window-inactive) .tabbrowser-tab:hover .tab-content::before {
+		--gnome-tabbar-tab-close-overlay-bg: var(--gnome-tabbar-tab-active-background-contrast) !important;
+	}
+}
+
+/* OPTIONAL: Show the close button on the selected tab only */
+@supports -moz-bool-pref("gnomeTheme.closeOnlySelectedTabs") {
+	/* Hide the close buttons on hover */
+	.tabbrowser-tab:not([selected="true"]):hover .tab-close-button {
+		visibility: hidden !important;
+		opacity: 0 !important;
+	}
+	/* Hide the close button overlay on hover */
+	.tabbrowser-tab:not([pinned]):hover .tab-content::before {
+		--gnome-tabbar-tab-close-overlay-bg: unset;
+	}
+	/* Reset the overflow position of the tab label container */
+	.tabbrowser-tab:not([pinned]):not([selected="true"]):hover .tab-label-container[textoverflow="true"] {
+		margin-right: -16px;
+	}
+}
+
+/* OPTIONAL: Use tabs as headerbar */
+@supports -moz-bool-pref("gnomeTheme.tabsAsHeaderbar") {
+	/* Rearrange bars */
+	#navigator-toolbox #titlebar {
+		-moz-box-ordinal-group: 0;
+	}
+	#navigator-toolbox #titlebar #TabsToolbar {
+		-moz-box-ordinal-group: 0;
+	}
+	#navigator-toolbox #titlebar #toolbar-menubar {
+		-moz-box-ordinal-group: 1;
+	}
+	#navigator-toolbox #nav-bar {
+		-moz-box-ordinal-group: 1;
+	}
+	#navigator-toolbox #PersonalToolbar {
+		-moz-box-ordinal-group: 2;
+	}
+	
+	/* Remove nav-bar rounding and padding */
+	:root[tabsintitlebar][sizemode="normal"]:not([gtktiledwindow="true"]) #nav-bar { 
+		border-radius: 0 !important; 
+	 } 
+	:root[tabsintitlebar]:not([inFullscreen]) #nav-bar,
+	:root[tabsintitlebar][inFullscreen] #nav-bar {
+		padding-left: 3px !important;
+		padding-right: 3px !important;
+	}
+	
+	/* Round and pad tab-bar */
+	:root[tabsintitlebar][sizemode="normal"]:not([gtktiledwindow="true"]) #TabsToolbar {
+		border-radius: env(-moz-gtk-csd-titlebar-radius) env(-moz-gtk-csd-titlebar-radius) 0 0 !important
+	}
+	:root[tabsintitlebar] #TabsToolbar .toolbar-items {
+		padding: 0 46px;
+	}
+	
+	/* Hide duplicate window controls from menubar */
+	:root[tabsintitlebar] #toolbar-menubar .titlebar-buttonbox-container {
+		display: none !important;
+	}
+	
+	/* Force displaying controls in tab-bar */
+	:root[tabsintitlebar] #TabsToolbar .titlebar-buttonbox-container:not(#hack) {
+		display: -moz-box !important;
+		position: static !important;
+		visibility: visible !important;
+	}
+	
+	/* Blend single tab into whole bar */
+	@supports -moz-bool-pref("gnomeTheme.hideSingleTab") {
+		#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]),
+		#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]) ~ toolbarbutton,
+		#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]) ~ #tabbrowser-arrowscrollbox-periphery {
+			visibility: visible;
+		}
+		#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]) {
+			-moz-window-dragging: drag;
+		}
+		#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]) .tab-background {
+			display: none !important
+		}
+		#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]) .tab-close-button {
+			visibility: hidden !important;
+			opacity: 0 !important;
+		}
+		#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]) .tab-content::before {
+			--gnome-tabbar-tab-close-overlay-bg: unset !important;
+		}
+		#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]) .tab-labelk-container[textoverflow="true"] {
+			margin-right: -16px;
+		}
+		/* Override normal width tabs */
+		@supports -moz-bool-pref("gnomeTheme.normalWidthTabs") {
+			#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]):not([style^="max-width"]),
+			#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"][style^="max-width: 100px !important;"]:not([pinned]) {
+				max-width: 100% !important;
+				--tab-min-width: 131px !important;
+			}
+		}
+	}
+}
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/parts/toolbox.css b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/toolbox.css
new file mode 100755
index 000000000..b09a1c1f9
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/toolbox.css	
@@ -0,0 +1,160 @@
+/* Toolbox, a container for all toolbars (toolbox#navigator-toolbox):
+ * - menu bar (toolbar#toolbar-menubar)
+ * - tab bar (toolbar#TabsToolbar)
+ * - header bar (toolbar#nav-bar)
+ * - bookmark bar (toolbar#PersonalToolbar)
+ * - add-ons can add their own toolbars (toolbar) */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Toolbox colors */
+#navigator-toolbox {
+	border: 0 !important;
+	background: none !important;
+}
+
+#nav-bar, #PersonalToolbar, #toolbar-menubar, #TabsToolbar, findbar {
+	appearance: none !important;
+	border: 0 !important;
+	background: var(--gnome-toolbar-background) !important;
+}
+#nav-bar, #PersonalToolbar, #toolbar-menubar:not([inactive=true]), #TabsToolbar {
+	border-bottom: 1px solid var(--gnome-toolbar-border-color) !important;
+}
+findbar {
+	border-top: 1px solid var(--gnome-toolbar-border-color) !important;
+}
+#nav-bar:-moz-window-inactive,
+#PersonalToolbar:-moz-window-inactive, 
+#toolbar-menubar:-moz-window-inactive, 
+#TabsToolbar:-moz-window-inactive, 
+findbar:-moz-window-inactive,
+.container.infobar:-moz-window-inactive {
+	background: var(--gnome-inactive-toolbar-background) !important;
+	border-color: var(--gnome-inactive-toolbar-border-color) !important;
+}
+
+#navigator-toolbox:-moz-window-inactive label,
+#downloads-indicator-anchor:-moz-window-inactive,
+findbar:-moz-window-inactive image:not(#hack),
+findbar:-moz-window-inactive label,
+findbar:-moz-window-inactive description,
+#viewButton:-moz-window-inactive dropmarker,
+.container.infobar:-moz-window-inactive {
+	opacity: 0.7 !important;
+}
+
+#toolbar-menubar:not([inactive=true]) {
+	margin-bottom: 0 !important;
+}
+#PersonalToolbar {
+	padding: 2px !important;
+}
+
+/* Overrides: Remove border below the menu bar / above the header bar */
+#TabsToolbar:not([collapsed="true"]) + #nav-bar {
+	border-top-width: 0 !important;
+}
+#navigator-toolbox::after {
+	border-bottom-width: 0 !important;
+}
+
+/* Reorder toolbars */
+#navigator-toolbox #nav-bar {
+	-moz-box-ordinal-group: 0;
+}
+#navigator-toolbox #PersonalToolbar {
+	-moz-box-ordinal-group: 0;
+}
+#navigator-toolbox #titlebar {
+	-moz-box-ordinal-group: 1;
+}
+#navigator-toolbox toolbar {
+	-moz-box-ordinal-group: 10;
+}
+#navigator-toolbox #TabsToolbar {
+	-moz-box-ordinal-group: 100;
+}
+
+/* Overrides: Don't shift other toolbars on tab drag and drop */
+#TabsToolbar[movingtab] {
+	padding-bottom: 0 !important;
+}
+#TabsToolbar[movingtab] > .tabbrowser-tabs {
+	padding-bottom: 0 !important;
+	margin-bottom: 0 !important;
+}
+#TabsToolbar[movingtab] + #nav-bar {
+	margin-top: 0 !important;
+}
+
+/* Content notifications */
+.notificationbox-stack notification-message {
+	border: 0 !important;
+	font-size: 1em !important;
+	padding: 0 !important;
+	border-radius: 0 !important;
+	margin: 0 !important;
+}
+.notificationbox-stack notification-message[style*="margin-top"] {
+	margin-top: -48px !important;
+}
+
+.container.infobar {
+	background: var(--gnome-toolbar-background) !important;
+	box-shadow: none !important;
+	padding: 6px !important;
+	border-radius: 0 !important;
+}
+.container.infobar::before {
+	display: none !important;
+}
+
+.container.infobar .icon {
+	height: 16px !important;
+	width: 16px !important;
+}
+.notificationbox-stack notification-message[type="warning"] {
+	background: #ffe900 !important;	
+}
+.notificationbox-stack notification-message[type="critical"] {
+	background: #d70022 !important;
+}
+
+.notificationbox-stack[notificationside="top"] notification-message {
+	border-bottom: 1px solid var(--gnome-toolbar-border-color) !important;
+}
+.notificationbox-stack[notificationside="bottom"] notification-message {
+	border-top: 1px solid var(--gnome-toolbar-border-color) !important;
+}
+
+/* Bookmarks */
+#PlacesToolbar toolbarseparator {
+	border-top: 0 !important;
+}
+#PlacesToolbarItems > toolbarseparator::before {
+	border-image-source: none !important;
+	border-color: var(--gnome-tabbar-tab-separator-color) !important;
+}
+
+/* Text link */
+.text-link {
+	color: var(--gnome-accent) !important;
+}
+
+/* OPTIONAL: Hide WebRTC indicator */
+@supports -moz-bool-pref("gnomeTheme.hideWebrtcIndicator") {
+	#webrtcIndicator {
+		display: none;
+	}
+}
+
+/* OPTIONAL: Move Bookmarks toolbar under tabs */
+@supports -moz-bool-pref("gnomeTheme.bookmarksToolbarUnderTabs") {
+	#navigator-toolbox #titlebar {
+		-moz-box-ordinal-group: 1 !important;
+	}
+	#navigator-toolbox #PersonalToolbar {
+		-moz-box-ordinal-group: 2 !important;
+	}
+}
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/parts/urlbar.css b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/urlbar.css
new file mode 100755
index 000000000..4fed219b9
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/urlbar.css	
@@ -0,0 +1,196 @@
+/* Header bar's URL bar */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+#urlbar {
+	--urlbar-height: 34.00px;
+	--urlbar-toolbar-height: 34.00px !important;
+}
+
+#urlbar-container {
+	--urlbar-container-height: 0 !important;
+}
+
+/* Center the URL bar */
+toolbarspring {
+	max-width: 10000px !important;
+}
+
+/* URL bar */
+#urlbar {
+	box-shadow: none !important;
+}
+#urlbar-background {
+	box-shadow: var(--gnome-entry-box-shadow) !important;
+	border: 0 !important;
+	border-radius: 8px !important;
+	background: transparent !important;
+}
+
+#urlbar[breakout][breakout-extend] {
+	left: 0 !important;
+	top: 0 !important;
+	width: 100% !important;
+	z-index: 5 !important;
+}
+
+#urlbar #urlbar-input-container {
+	padding: 0 !important;
+}
+
+/* URL bar results */
+.urlbarView {
+	background: transparent !important;
+	color: var(--gnome-toolbar-color) !important;
+	margin: 11px 0 0 -3px !important;
+	width: 100% !important;
+    position: absolute !important;
+    box-shadow: var(--gnome-menu-shadow) !important;
+    border-radius: 12px !important;
+}
+
+/* Search bar result */
+#PopupSearchAutoComplete {
+  margin-top: 7px !important;
+}
+
+.urlbarView-body-outer {
+	--item-padding-start: 0 !important;
+	--item-padding-end: 0 !important;
+    background: var(--gnome-menu-background) !important;
+	overflow-x: auto;
+	padding: 2px 6px !important;
+    border-radius: 8px 8px 0 0 !important;
+}
+
+.urlbarView-body-inner {
+	border: 0 !important;
+}
+
+.urlbarView-row-inner, .urlbarView-no-wrap  {
+	align-items: center !important;
+}
+.urlbarView-row-inner {
+	padding-block: 5px !important;
+	border-radius: 5px !important;
+}
+
+.urlbarView-row[selected] .urlbarView-row-inner {
+	background: var(--gnome-accent-bg) !important;
+	color: white !important;
+}
+.urlbarView-row:not([selected]):hover .urlbarView-row-inner {
+	background: var(--gnome-menu-button-hover-background) !important;
+}
+
+.urlbarView-action {
+	background: transparent !important;
+}
+
+/* Fix items overflow */
+.urlbarView[actionoverride] .urlbarView-row[has-url] > .urlbarView-row-inner > .urlbarView-no-wrap,
+.urlbarView-row[has-url]:not([type$="tab"]) > .urlbarView-row-inner > .urlbarView-no-wrap, .urlbarView-row[has-url]:is([type="remotetab"],
+[sponsored]):is(:hover, [selected]) > .urlbarView-row-inner > .urlbarView-no-wrap {
+	max-width: calc(96% - 2 * (var(--urlbarView-favicon-width) + (6px + 2px))) !important;
+}
+
+/* Search engines buttons */	
+.search-one-offs {
+	padding: 8px !important;
+	background: var(--gnome-menu-background) !important;
+	border-top: 1px solid var(--gnome-menu-separator-color) !important;
+	border-radius: 0 0 8px 8px !important;
+}
+
+.search-one-offs[is_searchbar="true"] {
+  margin-bottom: -8px !important;
+}
+
+/* URL bar and Search bar */
+#urlbar[focused] .urlbar-textbox-container {
+	margin: -1px !important;
+}
+#searchbar > .searchbar-textbox[focused] .searchbar-search-button {
+	margin-left: -1px !important;
+}
+#searchbar > .searchbar-textbox[focused] .search-go-button {
+	margin-right: -1px !important;
+}
+
+/* URL bar and Search bar's icons */
+.urlbar-icon:hover,
+.urlbar-icon-wrapper:hover,
+.urlbar-icon[open],
+.urlbar-icon-wrapper[open],
+.urlbar-icon:hover:active,
+.urlbar-icon-wrapper:hover:active,
+.searchbar-search-button:hover .searchbar-search-icon,
+.searchbar-search-button[open] .searchbar-search-icon,
+.searchbar-search-button:hover:active .searchbar-search-icon {
+	background-color: transparent !important;
+	fill-opacity: 1 !important;
+}
+
+#urlbar .urlbar-icon {
+	margin: 0 !important;
+	height: 100%  !important;
+}
+#notification-popup-box {
+	height: 100%  !important;
+}
+
+/* Search mode indicator */
+#urlbar-search-mode-indicator,
+#urlbar-label-box,
+#urlbar-zoom-button {
+	background: var(--gnome-button-background) !important;
+	border: 0 !important;
+	border-radius: 26px !important;
+	outline: 0 !important;
+	margin: 4px 0;
+}
+#urlbar-search-mode-indicator {
+	padding-right: 0 !important;
+}
+#urlbar-search-mode-indicator-title {
+	color: var(--gnome-toolbar-color);
+	padding-inline: 4px !important;
+}
+#urlbar-search-mode-indicator-close {
+	background-size: 16px !important;
+	background-position: center;
+	border-radius: 26px !important;
+	padding: 5px !important;
+}
+#urlbar-search-mode-indicator-close:hover {
+	background-color: var(--gnome-button-hover-background) !important;
+}
+#urlbar-zoom-button {
+	opacity: 0.8;
+}
+#urlbar-zoom-button:hover {
+	opacity: 1;
+}
+
+/* Firefox identity box */
+#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button,
+#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button,
+#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button,
+#urlbar-label-box {
+  background-color: transparent !important;
+}
+
+#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button:hover:not([open]),
+#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button:hover:not([open]),
+#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button:hover:not([open]) {
+  background-color: hsla(0,0%,70%,.2) !important;
+}
+
+#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button:hover:active,
+#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button[open=true],
+#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button:hover:active,
+#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button[open=true],
+#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button:hover:active,
+#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button[open=true] {
+  background-color: hsla(0,0%,70%,.3) !important;
+}
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/parts/video-player.css b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/video-player.css
new file mode 100755
index 000000000..bc8a6a033
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/parts/video-player.css	
@@ -0,0 +1,75 @@
+@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+@namespace html url("http://www.w3.org/1999/xhtml");
+
+/** Video player **/
+
+.progressBar::-moz-progress-bar {
+	background-color: #fff !important;
+}
+
+.scrubber:hover::-moz-range-thumb,
+.volumeControl:hover::-moz-range-thumb {
+	background-color: #ccc !important;
+}
+
+.scrubber:active::-moz-range-thumb,
+.volumeControl:active::-moz-range-thumb {
+	background-color: #bbb !important;
+}
+
+.controlBar {
+	border-radius: 5px;
+	margin: auto;
+	margin-bottom: 5px;
+	width: 98.5%;
+	max-width: 800px;
+	height: 30px !important;
+	background-color: rgba(20,20,20,0.8) !important;
+}
+
+.controlBar > .button:enabled:hover {
+	fill: #ccc !important;
+}
+  
+.controlBar > .button:enabled:hover:active {
+	fill: #bbb !important;
+}
+
+.scrubberStack {
+	margin: 0 10px;
+}
+
+.playButton {
+	scale: 0.8;
+}
+  
+
+
+/** Vertical Volume Bar **/
+/* I'm to stupid to get this working. Wasn't able to set proper position relative to mute button */
+
+/* .muteButton:hover ~ .volumeStack{
+	margin-bottom: 129px !important;
+  }
+	.volumeStack:hover {
+	margin-bottom: 129px !important;
+  }
+  
+  .volumeStack {
+	transform: rotate(270deg);
+	max-height: 33px !important;
+	min-width: 100px !important;
+  position:absolute !important;
+  margin-bottom: -150px !important;
+	background-color: rgba(20,20,20,0.8) !important;
+	border-bottom-right-radius: 5px !important;
+	border-top-right-radius: 5px !important;
+	transition-property: margin-bottom;
+	transition-duration: 0.13s;
+	transition-timing-function: linear;
+  }
+  
+  .volumeControl{
+	  width: 92% !important;
+	  margin-left: 5px !important;
+} */
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/symbolic-tab-icons.css b/novelknock/Import Manually/firefox/GNOME_red/theme/symbolic-tab-icons.css
new file mode 100755
index 000000000..a40985723
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/symbolic-tab-icons.css	
@@ -0,0 +1,19 @@
+@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* Icons light/dark fix coloring hack filters */
+:root {
+	--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%) invert(100%);
+}
+@media (prefers-color-scheme: dark) {
+	:root {
+		--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%);
+	}
+}
+
+/* OPTIONAL: Make all tab icons look kinda like symbolic icons */
+@supports -moz-bool-pref("gnomeTheme.symbolicTabIcons") {	
+	tab .tab-icon-image {
+		filter: var(--gnome-convert-icon-to-symbolic-hack-filter);
+	}
+}
+
diff --git a/novelknock/Import Manually/firefox/GNOME_red/theme/system-icons.css b/novelknock/Import Manually/firefox/GNOME_red/theme/system-icons.css
new file mode 100755
index 000000000..43176ee99
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/theme/system-icons.css	
@@ -0,0 +1,221 @@
+@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* Icons light/dark fix coloring hack filters */
+:root {
+	--gnome-icons-hack-filter: filter: brightness(0) saturate(100%) invert(37%) sepia(8%) saturate(683%) hue-rotate(183deg) brightness(95%) contrast(84%);
+	--gnome-window-icons-hack-filter: filter: brightness(0) saturate(100%) invert(37%) sepia(8%) saturate(683%) hue-rotate(183deg) brightness(95%) contrast(84%);
+}
+@media (prefers-color-scheme: dark) {
+	:root {
+		--gnome-icons-hack-filter: brightness(0) saturate(100%) invert(94%) sepia(11%) saturate(362%) hue-rotate(184deg) brightness(95%) contrast(87%);
+		--gnome-window-icons-hack-filter: brightness(0) saturate(100%) invert(94%) sepia(11%) saturate(362%) hue-rotate(184deg) brightness(95%) contrast(87%);
+	}
+}
+
+/* OPTIONAL: Use system theme icons instead of Adwaita icons included by theme */
+@supports -moz-bool-pref("gnomeTheme.systemIcons") {
+	
+	/* Window buttons */
+	:root[tabsintitlebar] #titlebar .titlebar-button .toolbarbutton-icon,
+	:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton .toolbarbutton-icon {
+		filter: var(--gnome-window-icons-hack-filter) !important;
+		width: 16px;
+	}
+	:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close .toolbarbutton-icon,
+	:root[tabsintitlebar] #titlebar #titlebar-close .toolbarbutton-icon {
+		list-style-image: url("moz-icon://stock/window-close-symbolic?size=dialog") !important;
+	}
+	:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-max .toolbarbutton-icon,
+	:root[tabsintitlebar] #titlebar #titlebar-max .toolbarbutton-icon {
+		list-style-image: url("moz-icon://stock/window-maximize-symbolic?size=dialog") !important;
+	}
+	:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-restore .toolbarbutton-icon {
+		list-style-image: url("moz-icon://stock/window-restore-symbolic?size=dialog") !important;
+	}
+	:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-min .toolbarbutton-icon,
+	:root[tabsintitlebar] #titlebar #titlebar-min .toolbarbutton-icon {
+		list-style-image: url("moz-icon://stock/window-minimize-symbolic?size=dialog") !important;
+	}
+	:root[tabsintitlebar][inFullscreen] #window-controls #restore-button .toolbarbutton-icon {
+		list-style-image: url("moz-icon://stock/view-restore-symbolic?size=dialog") !important;
+	}
+
+	/* Toolbars close button */
+	.close-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/window-close-symbolic?size=dialog") !important;
+	}
+
+	/* Navbar icons */
+
+	/* Back button */
+	#nav-bar #back-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/go-previous-symbolic?size=dialog") !important;
+	}
+	/* Forward button */
+	#nav-bar #forward-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/go-next-symbolic?size=dialog") !important;
+	}
+	/* Menu button */
+	#PanelUI-menu-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/open-menu-symbolic?size=dialog") !important;
+	}
+	/* New tab button */
+	#new-tab-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/tab-new-symbolic?size=dialog") !important;
+	}
+	/* Home button */
+	#home-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/user-home-symbolic?size=dialog") !important;
+	}
+	/* Preferences button */
+	#preferences-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/preferences-system-symbolic?size=dialog") !important;
+	}
+	/* Fullscreen button */
+	#fullscreen-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/view-fullscreen-symbolic?size=dialog") !important;
+	}
+	/* Zoom out button */
+	#zoom-out-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/zoom-out-symbolic?size=dialog") !important;
+	}
+	/* Zoom in button */
+	#zoom-in-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/zoom-in-symbolic?size=dialog") !important;
+	}
+	/* Developer button */
+	#developer-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/applications-engineering-symbolic?size=dialog") !important;
+	}
+	/* Email link button */
+	#email-link-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/mail-unread-symbolic?size=dialog") !important;
+	}
+	/* Print button */
+	#print-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/printer-symbolic?size=dialog") !important;
+	}
+	/* Addons button */
+	#add-ons-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/application-x-addon-symbolic?size=dialog") !important;
+	}
+	/* Find button */
+	#find-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/edit-find-symbolic?size=dialog") !important;
+	}
+	/* New window button */
+	#new-window-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/window-new-symbolic?size=dialog") !important;
+	}
+	/* Bookmarks menu button */
+	#bookmarks-menu-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/starred-symbolic?size=dialog") !important;
+	}
+	/* History button */
+	#history-panelmenu .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/preferences-system-time-symbolic?size=dialog") !important;
+	}
+	/* All tabs button */
+	#alltabs-button {
+		list-style-image: url("moz-icon://stock/pan-down-symbolic?size=dialog") !important;
+	}
+	#alltabs-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+	}
+	/* Cut button */
+	#cut-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/edit-cut-symbolic?size=dialog") !important;
+	}
+	/* Copy button */
+	#copy-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/edit-copy-symbolic?size=dialog") !important;
+	}
+	/* Paste button */
+	#paste-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/edit-paste-symbolic?size=dialog") !important;
+	}
+
+	/* Reload */
+	#reload-button,
+	#context-reload .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/view-refresh-symbolic?size=dialog") !important;
+	}
+	/* Stop */
+	#stop-button,
+	#context-stop .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/process-stop-symbolic?size=dialog") !important;
+	}
+	/* Downlaod */
+	#downloads-button,
+	#downloads-indicator-icon .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/folder-download-symbolic?size=dialog") !important;
+	}
+
+	/* Navbar overflow button */
+	#nav-bar-overflow-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/pan-down-symbolic?size=dialog") !important;
+	}
+
+	/* Context back button */	
+	#context-back .menu-iconic-icon { 
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/go-previous-symbolic?size=dialog") !important;
+	}
+	/* Context forward button */	
+	#context-forward .menu-iconic-icon { 
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/go-next-symbolic?size=dialog") !important;
+	}
+
+	/* Main menu buttons icons */
+	#appMenu-zoomReduce-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/zoom-out-symbolic?size=dialog") !important;
+	}
+	#appMenu-zoomEnlarge-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/zoom-in-symbolic?size=dialog") !important;
+	}
+	#appMenu-fullscreen-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/view-fullscreen-symbolic?size=dialog") !important;
+	}
+	#appMenu-cut-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/edit-cut-symbolic?size=dialog") !important;
+	}
+	#appMenu-copy-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/edit-copy-symbolic?size=dialog") !important;
+	}
+	#appMenu-paste-button .toolbarbutton-icon {
+		filter: var(--gnome-icons-hack-filter);
+		list-style-image: url("moz-icon://stock/edit-paste-symbolic?size=dialog") !important;
+	}
+}
+
diff --git a/novelknock/Import Manually/firefox/GNOME_red/userChrome.css b/novelknock/Import Manually/firefox/GNOME_red/userChrome.css
new file mode 100755
index 000000000..c8a72eef6
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/userChrome.css	
@@ -0,0 +1,9 @@
+
+/* Import theme */
+@import "theme/gnome-theme.css";
+
+/* Import a custom stylesheet
+ * Everything you add in your customChrome.css file (it doesn't exist by
+ * default) will be included here and preserved between updates. 
+ * You can apply your own custom styles in that file. */
+@import "customChrome.css"; /**/
diff --git a/novelknock/Import Manually/firefox/GNOME_red/userContent.css b/novelknock/Import Manually/firefox/GNOME_red/userContent.css
new file mode 100755
index 000000000..18fe21c80
--- /dev/null
+++ b/novelknock/Import Manually/firefox/GNOME_red/userContent.css	
@@ -0,0 +1,7 @@
+@import "theme/colors/light.css";
+@import "theme/colors/dark.css";
+
+@import "theme/pages/newtab.css";
+@import "theme/pages/privatebrowsing.css";
+
+@import "theme/parts/video-player.css";
diff --git a/novelknock/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-frappe.xml b/novelknock/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-frappe.xml
new file mode 100755
index 000000000..76b043e82
--- /dev/null
+++ b/novelknock/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-frappe.xml	
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="catppuccin_frappe" _name="Catppuccin frappe" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Soothing pastel theme for Gedit</_description>
+
+  <!-- Catppuccin Palette -->
+  <color name="frappe_rosewater" value="#f2d5cf"/>
+  <color name="frappe_flamingo"  value="#eebebe"/>
+  <color name="frappe_pink"      value="#f4b8e4"/>
+  <color name="frappe_mauve"     value="#ca9ee6"/>
+  <color name="frappe_red"       value="#e78284"/>
+  <color name="frappe_maroon"    value="#ea999c"/>
+  <color name="frappe_peach"     value="#ef9f76"/>
+  <color name="frappe_yellow"    value="#e5c890"/>
+  <color name="frappe_green"     value="#a6d189"/>
+  <color name="frappe_teal"      value="#81c8be"/>
+  <color name="frappe_sky"       value="#99d1db"/>
+  <color name="frappe_sapphire"  value="#85c1dc"/>
+  <color name="frappe_blue"      value="#8caaee"/>
+  <color name="frappe_lavender"  value="#babbf1"/>
+  <color name="frappe_text"      value="#c6d0f5"/>
+  <color name="frappe_subtext1"  value="#b5bfe2"/>
+  <color name="frappe_subtext0"  value="#a5adce"/>
+  <color name="frappe_overlay2"  value="#949cbb"/>
+  <color name="frappe_overlay1"  value="#838ba7"/>
+  <color name="frappe_overlay0"  value="#737994"/>
+  <color name="frappe_surface2"  value="#626880"/>
+  <color name="frappe_surface1"  value="#51576d"/>
+  <color name="frappe_surface0"  value="#51576d"/>
+  <color name="frappe_base"      value="#303446"/>
+  <color name="frappe_mantle"    value="#292c3c"/>
+  <color name="frappe_crust"     value="#232634"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="frappe_text" background = "frappe_base"/>
+  <style name="selection"                   foreground="frappe_text" background="frappe_surface2"/>
+  <style name="cursor"                      foreground="frappe_rosewater"/>
+  <style name="secondary-cursor"            foreground="frappe_rosewater"/>
+  <style name="current-line"                background="frappe_surface0"/>
+  <style name="line-numbers"                foreground="frappe_text" background="frappe_crust"/>
+  <style name="draw-spaces"                 foreground="frappe_text"/>
+  <style name="background-pattern"          background="frappe_base"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="frappe_mauve"/>
+  <style name="bracket-mismatch"            foreground="frappe_text" background="frappe_peach"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="frappe_text" background="frappe_crust"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="frappe_text" background="frappe_blue"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="frappe_overlay0"/>
+  <style name="def:shebang"                 foreground="frappe_overlay0" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="frappe_green"/>
+  <style name="def:string"                  foreground="frappe_green"/>
+  <style name="def:special-char"            foreground="frappe_lavender"/>
+  <style name="def:special-constant"        foreground="frappe_lavender"/>
+  <style name="def:floating-point"          foreground="frappe_lavender"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="frappe_blue"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="frappe_sapphire" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="frappe_maroon" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="frappe_yellow" bold="true"/>
+  <style name="def:inline-code"             foreground="frappe_green"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="frappe_rosewater"/>
+  <style name="def:link-symbol"             foreground="frappe_blue" bold="true"/>
+  <style name="def:link-destination"        foreground="frappe_blue" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="frappe_teal" bold="true"/>
+  <style name="def:thematic-break"          foreground="frappe_green" bold="true"/>
+  <style name="def:preformatted-section"    foreground="frappe_green"/>
+  <style name="def:list-marker"             foreground="frappe_teal" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="frappe_teal"/>
+  <style name="def:error"                   foreground="frappe_maroon" bold="true"/>
+  <style name="def:warning"                 foreground="frappe_peach"/>
+  <style name="def:note"                    foreground="frappe_blue" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/novelknock/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-latte.xml b/novelknock/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-latte.xml
new file mode 100755
index 000000000..1d6e3b5fc
--- /dev/null
+++ b/novelknock/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-latte.xml	
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="catppuccin_latte" _name="Catppuccin latte" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Soothing pastel theme for Gedit</_description>
+
+  <!-- Catppuccin Palette -->
+  <color name="latte_rosewater" value="#dc8a78"/>
+  <color name="latte_flamingo"  value="#dd7878"/>
+  <color name="latte_pink"      value="#ea76cb"/>
+  <color name="latte_mauve"     value="#8839ef"/>
+  <color name="latte_red"       value="#d20f39"/>
+  <color name="latte_maroon"    value="#e64553"/>
+  <color name="latte_peach"     value="#fe640b"/>
+  <color name="latte_yellow"    value="#df8e1d"/>
+  <color name="latte_green"     value="#40a02b"/>
+  <color name="latte_teal"      value="#179299"/>
+  <color name="latte_sky"       value="#04a5e5"/>
+  <color name="latte_sapphire"  value="#209fb5"/>
+  <color name="latte_blue"      value="#1e66f5"/>
+  <color name="latte_lavender"  value="#7287fd"/>
+  <color name="latte_text"      value="#4c4f69"/>
+  <color name="latte_subtext1"  value="#5c5f77"/>
+  <color name="latte_subtext0"  value="#6c6f85"/>
+  <color name="latte_overlay2"  value="#7c7f93"/>
+  <color name="latte_overlay1"  value="#8c8fa1"/>
+  <color name="latte_overlay0"  value="#9ca0b0"/>
+  <color name="latte_surface2"  value="#acb0be"/>
+  <color name="latte_surface1"  value="#bcc0cc"/>
+  <color name="latte_surface0"  value="#ccd0da"/>
+  <color name="latte_base"      value="#eff1f5"/>
+  <color name="latte_mantle"    value="#e6e9ef"/>
+  <color name="latte_crust"     value="#dce0e8"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="latte_text" background = "latte_base"/>
+  <style name="selection"                   foreground="latte_text" background="latte_surface2"/>
+  <style name="cursor"                      foreground="latte_rosewater"/>
+  <style name="secondary-cursor"            foreground="latte_rosewater"/>
+  <style name="current-line"                background="latte_surface0"/>
+  <style name="line-numbers"                foreground="latte_text" background="latte_crust"/>
+  <style name="draw-spaces"                 foreground="latte_text"/>
+  <style name="background-pattern"          background="latte_base"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="latte_mauve"/>
+  <style name="bracket-mismatch"            foreground="latte_text" background="latte_peach"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="latte_text" background="latte_crust"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="latte_text" background="latte_blue"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="latte_overlay0"/>
+  <style name="def:shebang"                 foreground="latte_overlay0" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="latte_green"/>
+  <style name="def:string"                  foreground="latte_green"/>
+  <style name="def:special-char"            foreground="latte_lavender"/>
+  <style name="def:special-constant"        foreground="latte_lavender"/>
+  <style name="def:floating-point"          foreground="latte_lavender"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="latte_blue"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="latte_sapphire" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="latte_maroon" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="latte_yellow" bold="true"/>
+  <style name="def:inline-code"             foreground="latte_green"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="latte_rosewater"/>
+  <style name="def:link-symbol"             foreground="latte_blue" bold="true"/>
+  <style name="def:link-destination"        foreground="latte_blue" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="latte_teal" bold="true"/>
+  <style name="def:thematic-break"          foreground="latte_green" bold="true"/>
+  <style name="def:preformatted-section"    foreground="latte_green"/>
+  <style name="def:list-marker"             foreground="latte_teal" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="latte_teal"/>
+  <style name="def:error"                   foreground="latte_maroon" bold="true"/>
+  <style name="def:warning"                 foreground="latte_peach"/>
+  <style name="def:note"                    foreground="latte_blue" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/novelknock/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-macchiato.xml b/novelknock/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-macchiato.xml
new file mode 100755
index 000000000..5e3bffe69
--- /dev/null
+++ b/novelknock/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-macchiato.xml	
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="catppuccin_macchiato" _name="Catppuccin macchiato" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Soothing pastel theme for Gedit</_description>
+
+  <!-- Catppuccin Palette -->
+<color name="macchiato_rosewater" value="#f4dbd6"/>
+<color name="macchiato_flamingo"  value="#f0c6c6"/>
+<color name="macchiato_pink"      value="#f5bde6"/>
+<color name="macchiato_mauve"     value="#c6a0f6"/>
+<color name="macchiato_red"       value="#ed8796"/>
+<color name="macchiato_maroon"    value="#ee99a0"/>
+<color name="macchiato_peach"     value="#f5a97f"/>
+<color name="macchiato_yellow"    value="#eed49f"/>
+<color name="macchiato_green"     value="#a6da95"/>
+<color name="macchiato_teal"      value="#8bd5ca"/>
+<color name="macchiato_sky"       value="#91d7e3"/>
+<color name="macchiato_sapphire"  value="#7dc4e4"/>
+<color name="macchiato_blue"      value="#8aadf4"/>
+<color name="macchiato_lavender"  value="#b7bdf8"/>
+<color name="macchiato_text"      value="#cad3f5"/>
+<color name="macchiato_subtext1"  value="#b8c0e0"/>
+<color name="macchiato_subtext0"  value="#a5adcb"/>
+<color name="macchiato_overlay2"  value="#939ab7"/>
+<color name="macchiato_overlay1"  value="#8087a2"/>
+<color name="macchiato_overlay0"  value="#6e738d"/>
+<color name="macchiato_surface2"  value="#5b6078"/>
+<color name="macchiato_surface1"  value="#494d64"/>
+<color name="macchiato_surface0"  value="#363a4f"/>
+<color name="macchiato_base"      value="#24273a"/>
+<color name="macchiato_mantle"    value="#1e2030"/>
+<color name="macchiato_crust"     value="#181926"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="macchiato_text" background = "macchiato_base"/>
+  <style name="selection"                   foreground="macchiato_text" background="macchiato_surface2"/>
+  <style name="cursor"                      foreground="macchiato_rosewater"/>
+  <style name="secondary-cursor"            foreground="macchiato_rosewater"/>
+  <style name="current-line"                background="macchiato_surface0"/>
+  <style name="line-numbers"                foreground="macchiato_text" background="macchiato_crust"/>
+  <style name="draw-spaces"                 foreground="macchiato_text"/>
+  <style name="background-pattern"          background="macchiato_mantle"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="macchiato_mauve"/>
+  <style name="bracket-mismatch"            foreground="macchiato_text" background="macchiato_peach"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="macchiato_text" background="crust"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="macchiato_text" background="macchiato_blue"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="macchiato_overlay0"/>
+  <style name="def:shebang"                 foreground="macchiato_overlay0" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="macchiato_green"/>
+  <style name="def:string"                  foreground="macchiato_green"/>
+  <style name="def:special-char"            foreground="macchiato_lavender"/>
+  <style name="def:special-constant"        foreground="macchiato_lavender"/>
+  <style name="def:floating-point"          foreground="macchiato_lavender"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="macchiato_blue"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="macchiato_sapphire" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="macchiato_maroon" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="macchiato_yellow" bold="true"/>
+  <style name="def:inline-code"             foreground="macchiato_green"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="macchiato_rosewater"/>
+  <style name="def:link-symbol"             foreground="macchiato_blue" bold="true"/>
+  <style name="def:link-destination"        foreground="macchiato_blue" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="macchiato_teal" bold="true"/>
+  <style name="def:thematic-break"          foreground="macciato_green" bold="true"/>
+  <style name="def:preformatted-section"    foreground="macchiato_green"/>
+  <style name="def:list-marker"             foreground="macchiato_teal" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="macchiato_teal"/>
+  <style name="def:error"                   foreground="macchiato_maroon" bold="true"/>
+  <style name="def:warning"                 foreground="macchiato_peach"/>
+  <style name="def:note"                    foreground="macchiato_blue" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/novelknock/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-mocha.xml b/novelknock/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-mocha.xml
new file mode 100755
index 000000000..0fb5a5b60
--- /dev/null
+++ b/novelknock/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-mocha.xml	
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="catppuccin_mocha" _name="Catppuccin Mocha" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Soothing pastel theme for Gedit</_description>
+
+  <!-- Tango Palette -->
+  <color name="mocha_rosewater" value="#f5e0dc"/>
+  <color name="mocha_flamingo"  value="#f2cdcd"/>
+  <color name="mocha_pink"      value="#f5c2e7"/>
+  <color name="mocha_mauve"     value="#cba6f7"/>
+  <color name="mocha_red"       value="#f38ba8"/>
+  <color name="mocha_maroon"    value="#eba0ac"/>
+  <color name="mocha_peach"     value="#fab387"/>
+  <color name="mocha_yellow"    value="#f9e2af"/>
+  <color name="mocha_green"     value="#a6e3a1"/>
+  <color name="mocha_teal"      value="#94e2d5"/>
+  <color name="mocha_sky"       value="#89dceb"/>
+  <color name="mocha_sapphire"  value="#74c7ec"/>
+  <color name="mocha_blue"      value="#89b4fa"/>
+  <color name="mocha_lavender"  value="#b4befe"/>
+  <color name="mocha_text"      value="#cdd6f4"/>
+  <color name="mocha_subtext1"  value="#bac2de"/>
+  <color name="mocha_subtext0"  value="#a6adc8"/>
+  <color name="mocha_overlay2"  value="#9399b2"/>
+  <color name="mocha_overlay1"  value="#7f849c"/>
+  <color name="mocha_overlay0"  value="#6c7086"/>
+  <color name="mocha_surface2"  value="#585b70"/>
+  <color name="mocha_surface1"  value="#45475a"/>
+  <color name="mocha_surface0"  value="#313244"/>
+  <color name="mocha_base"      value="#1e1e2e"/>
+  <color name="mocha_mantle"    value="#181825"/>
+  <color name="mocha_crust"     value="#11111b"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="mocha_text" background = "mocha_base"/>
+  <style name="selection"                   foreground="mocha_text" background="mocha_surface2"/>
+  <style name="cursor"                      foreground="mocha_rosewater"/>
+  <style name="secondary-cursor"            foreground="mocha_rosewater"/>
+  <style name="current-line"                background="mocha_surface0"/>
+  <style name="line-numbers"                foreground="mocha_text" background="mocha_crust"/>
+  <style name="draw-spaces"                 foreground="mocha_text"/>
+  <style name="background-pattern"          background="mocha_mantle"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="mocha_mauve"/>
+  <style name="bracket-mismatch"            foreground="mocha_text" background="mocha_peach"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="mocha_text" background="mocha_crust"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="mocha_text" background="mocha_blue"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="mocha_overlay0"/>
+  <style name="def:shebang"                 foreground="mocha_overlay0" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="mocha_green"/>
+  <style name="def:string"                  foreground="mocha_green"/>
+  <style name="def:special-char"            foreground="mocha_lavender"/>
+  <style name="def:special-constant"        foreground="mocha_lavender"/>
+  <style name="def:floating-point"          foreground="mocha_lavender"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="mocha_blue"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="mocha_sapphire" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="mocha_maroon" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="mocha_yellow" bold="true"/>
+  <style name="def:inline-code"             foreground="mocha_green"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="mocha_rosewater"/>
+  <style name="def:link-symbol"             foreground="mocha_blue" bold="true"/>
+  <style name="def:link-destination"        foreground="mocha_blue" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="mocha_teal" bold="true"/>
+  <style name="def:thematic-break"          foreground="mocha_green" bold="true"/>
+  <style name="def:preformatted-section"    foreground="mocha_green"/>
+  <style name="def:list-marker"             foreground="mocha_teal" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="mocha_teal"/>
+  <style name="def:error"                   foreground="mocha_maroon" bold="true"/>
+  <style name="def:warning"                 foreground="mocha_peach"/>
+  <style name="def:note"                    foreground="mocha_blue" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/novelknock/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/everforest-b.xml b/novelknock/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/everforest-b.xml
new file mode 100755
index 000000000..f5c22b570
--- /dev/null
+++ b/novelknock/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/everforest-b.xml	
@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="everforest_b" _name="Everforest Dark B" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Everforest</_description>
+
+  <!-- Tango Palette -->
+  <color name="forestgreen" value="#a8b370"/>
+  <color name="forestyellow" value="#8e8370"/>
+  <color name="foresttext" value="#d3c6ab"/>
+  <color name="forestblack" value="#1e201f"/>
+  <color name="forestred" value="#e76c69"/>
+  <color name="forestpink" value="#d698b5"/>
+  <color name="forestorange" value="#e59576"/>
+  <color name="forestgray" value="#75817b"/>
+  <color name="forestgraylight" value="#495156"/>
+  <color name="forestgreendark" value="#7fba90"/>
+  
+  <color name="mocha_rosewater" value="#f5e0dc"/>
+  <color name="mocha_flamingo"  value="#f2cdcd"/>
+  <color name="mocha_pink"      value="#f5c2e7"/>
+  <color name="mocha_mauve"     value="#cba6f7"/>
+  <color name="mocha_red"       value="#f38ba8"/>
+  <color name="mocha_maroon"    value="#eba0ac"/>
+  <color name="mocha_peach"     value="#fab387"/>
+  <color name="mocha_yellow"    value="#f9e2af"/>
+  <color name="mocha_green"     value="#a6e3a1"/>
+  <color name="mocha_teal"      value="#94e2d5"/>
+  <color name="mocha_sky"       value="#89dceb"/>
+  <color name="mocha_sapphire"  value="#74c7ec"/>
+  <color name="mocha_blue"      value="#89b4fa"/>
+  <color name="mocha_lavender"  value="#b4befe"/>
+  <color name="mocha_text"      value="#cdd6f4"/>
+  <color name="mocha_subtext1"  value="#bac2de"/>
+  <color name="mocha_subtext0"  value="#a6adc8"/>
+  <color name="mocha_overlay2"  value="#9399b2"/>
+  <color name="mocha_overlay1"  value="#7f849c"/>
+  <color name="mocha_overlay0"  value="#6c7086"/>
+  <color name="mocha_surface2"  value="#585b70"/>
+  <color name="mocha_surface1"  value="#45475a"/>
+  <color name="mocha_surface0"  value="#313244"/>
+  <color name="mocha_base"      value="#1e1e2e"/>
+  <color name="mocha_mantle"    value="#181825"/>
+  <color name="mocha_crust"     value="#11111b"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="foresttext" background = "forestblack"/>
+  <style name="selection"                   foreground="foresttext" background="forestgray"/>
+  <style name="cursor"                      foreground="forestpink"/>
+  <style name="secondary-cursor"            foreground="forestpink"/>
+  <style name="current-line"                background="forestblack"/>
+  <style name="line-numbers"                foreground="foresttext" background="forestblack"/>
+  <style name="draw-spaces"                 foreground="foresttext"/>
+  <style name="background-pattern"          background="forestblack"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="forestgraylight"/>
+  <style name="bracket-mismatch"            foreground="foresttext" background="forestorange"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="foresttext" background="forestblack"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="foresttext" background="forestgreendark"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="forestgray"/>
+  <style name="def:shebang"                 foreground="forestgray" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="forestgreen"/>
+  <style name="def:string"                  foreground="forestgreen"/>
+  <style name="def:special-char"            foreground="forestpink"/>
+  <style name="def:special-constant"        foreground="forestpink"/>
+  <style name="def:floating-point"          foreground="forestpink"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="forestgreendark"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="forestorange" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="forestred" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="forestyellow" bold="true"/>
+  <style name="def:inline-code"             foreground="forestgreen"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="foresttext"/>
+  <style name="def:link-symbol"             foreground="forestgreendark" bold="true"/>
+  <style name="def:link-destination"        foreground="forestgreendark" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="forest" bold="true"/>
+  <style name="def:thematic-break"          foreground="forestgreendark" bold="true"/>
+  <style name="def:preformatted-section"    foreground="forestgreen"/>
+  <style name="def:list-marker"             foreground="forestorange" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="forestred"/>
+  <style name="def:error"                   foreground="forestred" bold="true"/>
+  <style name="def:warning"                 foreground="forestorange"/>
+  <style name="def:note"                    foreground="forestgreendark" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/novelknock/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_dark.xml b/novelknock/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_dark.xml
new file mode 100644
index 000000000..3e345f89c
--- /dev/null
+++ b/novelknock/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_dark.xml	
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<style-scheme id="tokyo_night_dark" _name="Tokyo_Night_Dark" version="1.0">
+  <author>fkorpsvart</author>
+  <_description>Tokyo Night Dark theme for Gedit</_description>
+
+<!-- Colors -->
+
+  <color name="off_white" value="#c0caf5"/>
+  <color name="off_white2" value="#9aa5ce"/>
+  <color name="black_grey" value="#1a1b26"/>
+  <color name="tinted_grey" value="#24283b"/>
+  <color name="dark_grey" value="#414868"/>
+  <color name="med_grey" value="#565f89"/>
+  <color name="light_grey" value="#565a6e"/>
+  <color name="olive_green" value="#9ece6a"/>
+  <color name="washed_orange" value="#ff9e64"/>
+  <color name="faded_violet" value="#9d7cd8"/>
+  <color name="faded_cornwall" value="#ff007c"/>
+  <color name="pink_sandstone" value="#f7768e"/>
+  <color name="steelblue3" value="#7aa2f7"/>
+  <color name="light_brown" value="#bb9af7"/>
+  <color name="super_faded_orange" value="#e0af68"/>
+  <color name="dark_maroon" value="#41a6b5"/>
+  <color name="yellow" value="#f9ee98"/>
+
+<!-- Global Settings -->
+
+  <style name="text" foreground="off_white" background="black_grey"/>
+  <style name="cursor" foreground="off_white"/>
+  <style name="current-line" background="tinted_grey"/>
+  <style name="line-numbers" foreground="med_grey" background="black_grey" bold="true" />
+  <style name="selection" foreground="off_white2" background="tinted_grey" />
+  <style name="selection-unfocused" foreground="off_white2" background="tinted_grey" />
+
+<!-- Bracket Matching -->
+  <style name="bracket-match" background="steelblue3"/>
+  <style name="bracket-mismatch" background="dark_maroon" bold="true"/>
+  <style name="search-match" foreground="off_white" background="steelblue3"/>
+
+<!-- Comments -->
+  <style name="def:comment" foreground="light_grey" italic="true"/>
+  <style name="def:shebang" foreground="light_grey" italic="true"/>
+  <style name="def:doc-comment-element" foreground="dark_grey" bold="true"/>
+
+<!-- Constants and Variables-->
+  <style name="def:constant" foreground="faded_cornwall"/>
+  <style name="def:string" foreground="olive_green"/>
+  <style name="def:special-char" foreground="faded_cornwall"/>
+  <style name="def:special-constant" foreground="washed_orange" bold="true"/>
+  <style name="def:boolean" foreground="pink_sandstone"/>
+  <style name="def:number" foreground="pink_sandstone"/>
+  <style name="def:floating-point" foreground="pink_sandstone"/>
+  <style name="def:keyword" foreground="washed_orange" bold="true"/>
+  <style name="def:builtin" foreground="washed_orange" bold="true"/>
+  <style name="def:variable" foreground="faded_cornwall"/>
+
+<!-- Identifiers -->
+  <style name="def:identifier" foreground="faded_cornwall"/>
+
+<!-- Statements -->
+  <style name="def:statement" foreground="washed_orange"/>
+
+<!-- Types -->
+  <style name="def:type" foreground="faded_violet"/>
+
+<!-- Others -->
+  <style name="def:error" foreground="off_white" background="dark_maroon" bold="true"/>
+  <style name="def:note" foreground="yellow" bold="true"/>
+  <style name="def:net-address-in-comment" foreground="steelblue3" italic="false" underline="true"/>
+  <style name="def:preprocessor" foreground="light_grey"/>
+  <style name="def:function" foreground="off_white" underline="true"/>
+
+<!-- Unknown? -->
+  <style name="def:specials" background="faded_cornwall"/>
+
+<!-- C Styles -->
+  <style name="c:preprocessor" map-to="def:special-char"/>
+
+<!-- Diff Styles -->
+  <style name="diff:ignore" foreground="med_grey"/>
+
+<!-- Ruby Styles -->
+  <style name="ruby:module-handler" foreground="washed_orange"/>
+  <style name="ruby:symbol" foreground="pink_sandstone"/>
+  <style name="ruby:regex" foreground="super_faded_orange"/>
+
+<!-- SH Styles -->
+  <style name="sh:others" map-to="text"/>
+
+<!-- XML Styles -->
+  <style name="xml:attribute-name" foreground="light_brown"/>
+  <style name="xml:element-name" foreground="faded_cornwall"/>
+
+</style-scheme>
diff --git a/novelknock/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_storm.xml b/novelknock/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_storm.xml
new file mode 100644
index 000000000..eba507872
--- /dev/null
+++ b/novelknock/Import Manually/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_storm.xml	
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<style-scheme id="tokyo_night_storm" _name="Tokyo_Night_Storm" version="1.0">
+  <author>fkorpsvart</author>
+  <_description>Tokyo Night Storm theme for Gedit</_description>
+
+<!-- Colors -->
+
+  <color name="off_white" value="#c0caf5"/>
+  <color name="off_white2" value="#9aa5ce"/>
+  <color name="black_grey" value="#1a1b26"/>
+  <color name="tinted_grey" value="#24283b"/>
+  <color name="dark_grey" value="#414868"/>
+  <color name="med_grey" value="#565f89"/>
+  <color name="light_grey" value="#565a6e"/>
+  <color name="olive_green" value="#9ece6a"/>
+  <color name="washed_orange" value="#ff9e64"/>
+  <color name="faded_violet" value="#9d7cd8"/>
+  <color name="faded_cornwall" value="#ff007c"/>
+  <color name="pink_sandstone" value="#f7768e"/>
+  <color name="steelblue3" value="#7aa2f7"/>
+  <color name="light_brown" value="#bb9af7"/>
+  <color name="super_faded_orange" value="#e0af68"/>
+  <color name="dark_maroon" value="#41a6b5"/>
+  <color name="yellow" value="#f9ee98"/>
+
+<!-- Global Settings -->
+
+  <style name="text" foreground="off_white" background="tinted_grey"/>
+  <style name="cursor" foreground="off_white"/>
+  <style name="current-line" background="black_grey"/>
+  <style name="line-numbers" foreground="med_grey" background="tinted_grey" bold="true" />
+  <style name="selection" foreground="off_white2" background="black_grey" />
+  <style name="selection-unfocused" foreground="off_white2" background="black_grey" />
+
+<!-- Bracket Matching -->
+  <style name="bracket-match" background="steelblue3"/>
+  <style name="bracket-mismatch" background="dark_maroon" bold="true"/>
+  <style name="search-match" foreground="off_white" background="steelblue3"/>
+
+<!-- Comments -->
+  <style name="def:comment" foreground="light_grey" italic="true"/>
+  <style name="def:shebang" foreground="light_grey" italic="true"/>
+  <style name="def:doc-comment-element" foreground="dark_grey" bold="true"/>
+
+<!-- Constants and Variables-->
+  <style name="def:constant" foreground="faded_cornwall"/>
+  <style name="def:string" foreground="olive_green"/>
+  <style name="def:special-char" foreground="faded_cornwall"/>
+  <style name="def:special-constant" foreground="washed_orange" bold="true"/>
+  <style name="def:boolean" foreground="pink_sandstone"/>
+  <style name="def:number" foreground="pink_sandstone"/>
+  <style name="def:floating-point" foreground="pink_sandstone"/>
+  <style name="def:keyword" foreground="washed_orange" bold="true"/>
+  <style name="def:builtin" foreground="washed_orange" bold="true"/>
+  <style name="def:variable" foreground="faded_cornwall"/>
+
+<!-- Identifiers -->
+  <style name="def:identifier" foreground="faded_cornwall"/>
+
+<!-- Statements -->
+  <style name="def:statement" foreground="washed_orange"/>
+
+<!-- Types -->
+  <style name="def:type" foreground="faded_violet"/>
+
+<!-- Others -->
+  <style name="def:error" foreground="off_white" background="dark_maroon" bold="true"/>
+  <style name="def:note" foreground="yellow" bold="true"/>
+  <style name="def:net-address-in-comment" foreground="steelblue3" italic="false" underline="true"/>
+  <style name="def:preprocessor" foreground="light_grey"/>
+  <style name="def:function" foreground="off_white" underline="true"/>
+
+<!-- Unknown? -->
+  <style name="def:specials" background="faded_cornwall"/>
+
+<!-- C Styles -->
+  <style name="c:preprocessor" map-to="def:special-char"/>
+
+<!-- Diff Styles -->
+  <style name="diff:ignore" foreground="med_grey"/>
+
+<!-- Ruby Styles -->
+  <style name="ruby:module-handler" foreground="washed_orange"/>
+  <style name="ruby:symbol" foreground="pink_sandstone"/>
+  <style name="ruby:regex" foreground="super_faded_orange"/>
+
+<!-- SH Styles -->
+  <style name="sh:others" map-to="text"/>
+
+<!-- XML Styles -->
+  <style name="xml:attribute-name" foreground="light_brown"/>
+  <style name="xml:element-name" foreground="faded_cornwall"/>
+
+</style-scheme>
diff --git a/novelknock/Import Manually/tabliss (firefox start page extension)/tabliss.json b/novelknock/Import Manually/tabliss (firefox start page extension)/tabliss.json
new file mode 100644
index 000000000..f86f84f50
--- /dev/null
+++ b/novelknock/Import Manually/tabliss (firefox start page extension)/tabliss.json	
@@ -0,0 +1 @@
+{"background":{"id":"AlVnN3ZSpf3i","key":"background/image","display":{"blur":0,"luminosity":-0.2}},"data/default-time":{"mode":"digital","hour12":false,"showDate":true,"showMinutes":true,"showSeconds":false,"showDayPeriod":true,"timeZone":null},"focus":false,"widget/JVcm-ptH22CB":null,"widget/default-greeting":null,"widget/default-time":{"id":"default-time","key":"widget/time","order":0,"display":{"position":"middleCentre","fontFamily":"Gabarito","fontSize":22}},"data/Oe8h0ATqABMw":{"username":"end-4","showSummary":false},"widget/Oe8h0ATqABMw":{"id":"Oe8h0ATqABMw","key":"widget/github","order":1,"display":{"position":"bottomCentre"}},"widget/u2ZuwyqO-tka":null,"widget/TbRxrpl9QgjK":{"id":"TbRxrpl9QgjK","key":"widget/quote","order":2,"display":{"position":"middleCentre"}},"widget/2J2Q2Cw962KN":null,"widget/tK_0dJhtQXPS":null,"widget/OwW65aQzXLLs":{"id":"OwW65aQzXLLs","key":"widget/links","order":3,"display":{"position":"middleCentre","fontFamily":"JetBrainsMono Nerd Font"}},"data/OwW65aQzXLLs":{"columns":6,"links":[{"url":"https://www.facebook.com/messages/","name":"󰈌"},{"url":"https://discord.com/app","name":"󰙯 ","icon":""},{"url":"https://youtube.com","icon":"","name":""},{"url":"https://soundcloud.com","icon":"","name":""},{"url":"https://github.com","icon":"","name":""},{"url":"https://reddit.com","icon":"","name":" "}],"visible":true,"linkOpenStyle":false},"locale":"en","timeZone":null,"version":3}
\ No newline at end of file
diff --git a/novelknock/Import Manually/vscode theme/gruvbox-dark-hard_BUT_RED.json b/novelknock/Import Manually/vscode theme/gruvbox-dark-hard_BUT_RED.json
new file mode 100755
index 000000000..88454ec99
--- /dev/null
+++ b/novelknock/Import Manually/vscode theme/gruvbox-dark-hard_BUT_RED.json	
@@ -0,0 +1,1102 @@
+{
+  "name": "Gruvbox Dark Soft",
+  "type": "dark",
+  "tokenColors": [
+    {
+      "settings": {
+        "background": "#0A0606",
+        "foreground": "#fcd7d5"
+      }
+    },
+    {
+      "scope": "emphasis",
+      "settings": {
+        "fontStyle": "italic"
+      }
+    },
+    {
+      "scope": "strong",
+      "settings": {
+        "fontStyle": "bold"
+      }
+    },
+    {
+      "scope": "header",
+      "settings": {
+        "foreground": "#ff8582"
+      }
+    },
+    {
+      "scope": ["comment", "punctuation.definition.comment"],
+      "settings": {
+        "foreground": "#928374",
+        "fontStyle": "italic"
+      }
+    },
+    {
+      "scope": ["constant", "support.constant", "variable.arguments"],
+      "settings": {
+        "foreground": "#d3869b"
+      }
+    },
+    {
+      "scope": "constant.rgb-value",
+      "settings": {
+        "foreground": "#fcd7d5"
+      }
+    },
+    {
+      "scope": "entity.name.selector",
+      "settings": {
+        "foreground": "#8ec07c"
+      }
+    },
+    {
+      "scope": "entity.other.attribute-name",
+      "settings": {
+        "foreground": "#fabd2f"
+      }
+    },
+    {
+      "scope": ["entity.name.tag", "punctuation.tag"],
+      "settings": {
+        "foreground": "#8ec07c"
+      }
+    },
+    {
+      "scope": ["invalid", "invalid.illegal"],
+      "settings": {
+        "foreground": "#cc241d"
+      }
+    },
+    {
+      "scope": "invalid.deprecated",
+      "settings": {
+        "foreground": "#b16286"
+      }
+    },
+    {
+      "scope": "meta.selector",
+      "settings": {
+        "foreground": "#8ec07c"
+      }
+    },
+    {
+      "scope": "meta.preprocessor",
+      "settings": {
+        "foreground": "#fe8019"
+      }
+    },
+    {
+      "scope": "meta.preprocessor.string",
+      "settings": {
+        "foreground": "#b8bb26"
+      }
+    },
+    {
+      "scope": "meta.preprocessor.numeric",
+      "settings": {
+        "foreground": "#b8bb26"
+      }
+    },
+    {
+      "scope": "meta.header.diff",
+      "settings": {
+        "foreground": "#fe8019"
+      }
+    },
+    {
+      "scope": "storage",
+      "settings": {
+        "foreground": "#ff8582"
+      }
+    },
+    {
+      "scope": "storage.modifier",
+      "settings": {
+        "foreground": "#fe8019"
+      }
+    },
+    {
+      "scope": "string",
+      "settings": {
+        "foreground": "#b8bb26"
+      }
+    },
+    {
+      "scope": "string.tag",
+      "settings": {
+        "foreground": "#b8bb26"
+      }
+    },
+    {
+      "scope": "string.value",
+      "settings": {
+        "foreground": "#b8bb26"
+      }
+    },
+    {
+      "scope": "string.regexp",
+      "settings": {
+        "foreground": "#fe8019"
+      }
+    },
+    {
+      "scope": "string.escape",
+      "settings": {
+        "foreground": "#ff8582"
+      }
+    },
+    {
+      "scope": "string.quasi",
+      "settings": {
+        "foreground": "#8ec07c"
+      }
+    },
+    {
+      "scope": "string.entity",
+      "settings": {
+        "foreground": "#b8bb26"
+      }
+    },
+    {
+      "scope": "object",
+      "settings": {
+        "foreground": "#fcd7d5"
+      }
+    },
+    {
+      "scope": "module.node",
+      "settings": {
+        "foreground": "#ADC6FF"
+      }
+    },
+    {
+      "scope": "support.type.property-name",
+      "settings": {
+        "foreground": "#ff8582"
+      }
+    },
+    {
+      "scope": "keyword",
+      "settings": {
+        "foreground": "#ff8582"
+      }
+    },
+    {
+      "scope": "keyword.control",
+      "settings": {
+        "foreground": "#ff8582"
+      }
+    },
+    {
+      "scope": "keyword.control.module",
+      "settings": {
+        "foreground": "#8ec07c"
+      }
+    },
+    {
+      "scope": "keyword.control.less",
+      "settings": {
+        "foreground": "#faca7f"
+      }
+    },
+    {
+      "scope": "keyword.operator",
+      "settings": {
+        "foreground": "#8ec07c"
+      }
+    },
+    {
+      "scope": "keyword.operator.new",
+      "settings": {
+        "foreground": "#fe8019"
+      }
+    },
+    {
+      "scope": "keyword.other.unit",
+      "settings": {
+        "foreground": "#b8bb26"
+      }
+    },
+    {
+      "scope": "metatag.php",
+      "settings": {
+        "foreground": "#fe8019"
+      }
+    },
+    {
+      "scope": "support.function.git-rebase",
+      "settings": {
+        "foreground": "#ff8582"
+      }
+    },
+    {
+      "scope": "constant.sha.git-rebase",
+      "settings": {
+        "foreground": "#b8bb26"
+      }
+    },
+    {
+      "name": "Types declaration and references",
+      "scope": [
+        "meta.type.name",
+        "meta.return.type",
+        "meta.return-type",
+        "meta.cast",
+        "meta.type.annotation",
+        "support.type",
+        "storage.type.cs",
+        "variable.class"
+      ],
+      "settings": {
+        "foreground": "#fabd2f"
+      }
+    },
+    {
+      "scope": ["variable.this", "support.variable"],
+      "settings": {
+        "foreground": "#d3869b"
+      }
+    },
+    {
+      "scope": [
+        "entity.name",
+        "entity.static",
+        "entity.name.class.static.function",
+        "entity.name.function",
+        "entity.name.class",
+        "entity.name.type"
+      ],
+      "settings": {
+        "foreground": "#fabd2f"
+      }
+    },
+    {
+      "name": "Function declarations",
+      "scope": [
+        "storage.type.function",
+        "entity.function",
+        "entity.name.function.static"
+      ],
+      "settings": {
+        "foreground": "#8ec07c"
+      }
+    },
+    {
+      "scope": "entity.name.function.function-call",
+      "settings": {
+        "foreground": "#8ec07c"
+      }
+    },
+    {
+      "scope": "support.function.builtin",
+      "settings": {
+        "foreground": "#fe8019"
+      }
+    },
+    {
+      "scope": [
+        "entity.name.method",
+        "entity.name.method.function-call",
+        "entity.name.static.function-call"
+      ],
+      "settings": {
+        "foreground": "#ff8582"
+      }
+    },
+    {
+      "scope": "brace",
+      "settings": {
+        "foreground": "#FFDAD8"
+      }
+    },
+    {
+      "name": "variables",
+      "scope": [
+        "meta.parameter.type.variable",
+        "variable.parameter",
+        "variable.name",
+        "variable.other",
+        "variable",
+        "string.constant.other.placeholder"
+      ],
+      "settings": {
+        "foreground": "#ADC6FF"
+      }
+    },
+    {
+      "scope": "prototype",
+      "settings": {
+        "foreground": "#d3869b"
+      }
+    },
+    {
+      "scope": "storage.type.class",
+      "settings": {
+        "foreground": "#ff8582"
+      }
+    },
+    {
+      "scope": ["punctuation"],
+      "settings": {
+        "foreground": "#a89984"
+      }
+    },
+    {
+      "scope": "punctuation.quoted",
+      "settings": {
+        "foreground": "#fcd7d5"
+      }
+    },
+    {
+      "scope": "punctuation.quasi",
+      "settings": {
+        "foreground": "#ff8582"
+      }
+    },
+    {
+      "name": "URL",
+      "scope": ["*url*", "*link*", "*uri*"],
+      "settings": {
+        "fontStyle": "underline"
+      }
+    },
+    // ----------------------------------------
+    //            LANGUAGE SPECIFIC
+    // ----------------------------------------
+    // PYTHON ----------------------------------------
+    {
+      "name": "Python function",
+      "scope": ["meta.function.python", "entity.name.function.python"],
+      "settings": {
+        "foreground": "#8ec07c"
+      }
+    },
+    {
+      "name": "Python Function and Class definition keywords",
+      "scope": [
+        "storage.type.function.python",
+        "storage.modifier.declaration",
+        "storage.type.class.python"
+      ],
+      "settings": {
+        "foreground": "#ff8582"
+      }
+    },
+    {
+      "name": "Python Function Call",
+      "scope": "meta.function-call.generic",
+      "settings": {
+        "foreground": "#ADC6FF"
+      }
+    },
+    {
+      "name": "Python Function Arguments",
+      "scope": "meta.function-call.arguments",
+      "settings": {
+        "foreground": "#FFDAD8"
+      }
+    },
+    {
+      "name": "Python Function decorator",
+      "scope": "entity.name.function.decorator",
+      "settings": {
+        "foreground": "#fabd2f",
+        "fontStyle": "bold"
+      }
+    },
+    {
+      "name": "Python ALL CAPS",
+      "scope": "constant.other.caps",
+      "settings": {
+        "fontStyle": "bold"
+      }
+    },
+    // SHELL ----------------------------------------
+    {
+      "scope": "keyword.operator.logical",
+      "settings": {
+        "foreground": "#ff8582"
+      }
+    },
+    {
+      "scope": "punctuation.definition.logical-expression",
+      "settings": {
+        "foreground": "#fe8019"
+      }
+    },
+    {
+      "scope": "string.inperpolated.dollar.shell",
+      "settings": {
+        "foreground": "#fe8019"
+      }
+    },
+    {
+      "scope": [
+        "string.interpolated.dollar.shell",
+        "string.interpolated.backtick.shell"
+      ],
+      "settings": {
+        "foreground": "#8ec07c"
+      }
+    },
+    // C C++ ----------------------------------------
+    {
+      "scope": "keyword.control.directive",
+      "settings": {
+        "foreground": "#8ec07c"
+      }
+    },
+    {
+      "scope": "support.function.C99",
+      "settings": {
+        "foreground": "#fabd2f"
+      }
+    },
+    // C# ----------------------------------------
+    {
+      "name": "C# functions & namespace",
+      "scope": [
+        "meta.function.cs",
+        "entity.name.function.cs",
+        "entity.name.type.namespace.cs"
+      ],
+      "settings": {
+        "foreground": "#b8bb26"
+      }
+    },
+    {
+      "name": "C# Variables",
+      "scope": [
+        "keyword.other.using.cs",
+        "entity.name.variable.field.cs",
+        "entity.name.variable.local.cs",
+        "variable.other.readwrite.cs"
+      ],
+      "settings": {
+        "foreground": "#8ec07c"
+      }
+    },
+    {
+      "name": "C# This",
+      "scope": ["keyword.other.this.cs", "keyword.other.base.cs"],
+      "settings": {
+        "foreground": "#d3869b"
+      }
+    },
+    // MAKEFILE ----------------------------------------
+    {
+      "scope": "meta.scope.prerequisites",
+      "settings": {
+        "foreground": "#fabd2f"
+      }
+    },
+    {
+      "scope": "entity.name.function.target",
+      "settings": {
+        "foreground": "#b8bb26",
+        "fontStyle": "bold"
+      }
+    },
+    // JAVA ----------------------------------------
+    {
+      "name": "coloring of the Java import and package identifiers",
+      "scope": [
+        "storage.modifier.import.java",
+        "storage.modifier.package.java"
+      ],
+      "settings": {
+        "foreground": "#bdae93"
+      }
+    },
+    {
+      "scope": ["keyword.other.import.java", "keyword.other.package.java"],
+      "settings": {
+        "foreground": "#8ec07c"
+      }
+    },
+    {
+      "scope": "storage.type.java",
+      "settings": {
+        "foreground": "#fabd2f"
+      }
+    },
+    {
+      "scope": "storage.type.annotation",
+      "settings": {
+        "foreground": "#ADC6FF",
+        "fontStyle": "bold"
+      }
+    },
+    {
+      "scope": "keyword.other.documentation.javadoc",
+      "settings": {
+        "foreground": "#8ec07c"
+      }
+    },
+    {
+      "scope": "comment.block.javadoc variable.parameter.java",
+      "settings": {
+        "foreground": "#b8bb26",
+        "fontStyle": "bold"
+      }
+    },
+    {
+      "scope": [
+        "source.java variable.other.object",
+        "source.java variable.other.definition.java"
+      ],
+      "settings": {
+        "foreground": "#fcd7d5"
+      }
+    },
+    // LISP ----------------------------------------
+    {
+      "name": "Lisp optional function parameters",
+      "scope": "meta.function-parameters.lisp",
+      "settings": {
+        "foreground": "#fabd2f"
+      }
+    },
+    // MARKUP ----------------------------------------
+    {
+      "scope": "markup.underline",
+      "settings": {
+        "fontStyle": "underline"
+      }
+    },
+    {
+      "scope": "string.other.link.title.markdown",
+      "settings": {
+        "foreground": "#928374",
+        "fontStyle": "underline"
+      }
+    },
+    {
+      "scope": "markup.underline.link",
+      "settings": {
+        "foreground": "#d3869b"
+      }
+    },
+    {
+      "scope": "markup.bold",
+      "settings": {
+        "fontStyle": "bold",
+        "foreground": "#fe8019"
+      }
+    },
+    {
+      "scope": "markup.heading",
+      "settings": {
+        "fontStyle": "bold",
+        "foreground": "#fe8019"
+      }
+    },
+    {
+      "scope": "markup.italic",
+      "settings": {
+        "fontStyle": "italic"
+      }
+    },
+    {
+      "scope": "markup.inserted",
+      "settings": {
+        "foreground": "#b8bb26"
+      }
+    },
+    {
+      "scope": "markup.deleted",
+      "settings": {
+        "foreground": "#d65d0e"
+      }
+    },
+    {
+      "scope": "markup.changed",
+      "settings": {
+        "foreground": "#fe8019"
+      }
+    },
+    {
+      "scope": "markup.punctuation.quote.beginning",
+      "settings": {
+        "foreground": "#98971a"
+      }
+    },
+    {
+      "scope": "markup.punctuation.list.beginning",
+      "settings": {
+        "foreground": "#ADC6FF"
+      }
+    },
+    {
+      "scope": ["markup.inline.raw", "markup.fenced_code.block"],
+      "settings": {
+        "foreground": "#8ec07c"
+      }
+    },
+    // JSON ----------------------------------------
+    {
+      "scope": "string.quoted.double.json",
+      "settings": {
+        "foreground": "#ADC6FF"
+      }
+    },
+    {
+      "name": "JSON Level 0",
+      "scope": [
+        "source.json meta.structure.dictionary.json support.type.property-name.json"
+      ],
+      "settings": {
+        "foreground": "#b8bb26"
+      }
+    },
+    {
+      "name": "JSON Level 1",
+      "scope": [
+        "source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"
+      ],
+      "settings": {
+        "foreground": "#8ec07c"
+      }
+    },
+    {
+      "name": "JSON Level 2",
+      "scope": [
+        "source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"
+      ],
+      "settings": {
+        "foreground": "#d3869b"
+      }
+    },
+    {
+      "name": "JSON Level 3",
+      "scope": [
+        "source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json"
+      ],
+      "settings": {
+        "foreground": "#b8bb26"
+      }
+    },
+    // CSS ----------------------------------------
+    {
+      "scope": "entity.other.attribute-name.css",
+      "settings": {
+        "foreground": "#fe8019"
+      }
+    },
+    {
+      "scope": "source.css meta.selector",
+      "settings": {
+        "foreground": "#fcd7d5"
+      }
+    },
+    {
+      "scope": "support.type.property-name.css",
+      "settings": {
+        "foreground": "#fe8019"
+      }
+    },
+    {
+      "scope": "entity.other.attribute-name.class",
+      "settings": {
+        "foreground": "#b8bb26"
+      }
+    },
+    {
+      "scope": [
+        "source.css support.function.transform",
+        "source.css support.function.timing-function",
+        "source.css support.function.misc"
+      ],
+      "settings": {
+        "foreground": "#ff8582"
+      }
+    },
+    {
+      "name": "CSS property value",
+      "scope": [
+        "support.property-value",
+        "constant.rgb-value",
+        "support.property-value.scss",
+        "constant.rgb-value.scss"
+      ],
+      "settings": {
+        "foreground": "#d65d0e"
+      }
+    },
+    {
+      "scope": ["entity.name.tag.css"],
+      "settings": {
+        "fontStyle": "normal"
+      }
+    },
+    // HTML / XML ----------------------------------------
+    {
+      "scope": ["punctuation.definition.tag"],
+      "settings": {
+        "foreground": "#ADC6FF"
+      }
+    },
+    {
+      "scope": ["text.html entity.name.tag", "text.html punctuation.tag"],
+      "settings": {
+        "foreground": "#8ec07c",
+        "fontStyle": "bold"
+      }
+    },
+    // javascript ---------------------------------------
+    {
+      "scope": ["source.js variable.language"],
+      "settings": {
+        "foreground": "#fe8019"
+      }
+    },
+    // typescript ---------------------------------------
+    {
+      "scope": ["source.ts variable.language"],
+      "settings": {
+        "foreground": "#fe8019"
+      }
+    },
+    // golang --------------------------------------------
+    {
+      "scope": ["source.go storage.type"],
+      "settings": {
+        "foreground": "#fabd2f"
+      }
+    },
+    {
+      "scope": ["source.go entity.name.import"],
+      "settings": {
+        "foreground": "#b8bb26"
+      }
+    },
+    {
+      "scope": ["source.go keyword.package", "source.go keyword.import"],
+      "settings": {
+        "foreground": "#8ec07c"
+      }
+    },
+    {
+      "scope": ["source.go keyword.interface", "source.go keyword.struct"],
+      "settings": {
+        "foreground": "#ADC6FF"
+      }
+    },
+    {
+      "scope": ["source.go entity.name.type"],
+      "settings": {
+        "foreground": "#fcd7d5"
+      }
+    },
+    {
+      "scope": ["source.go entity.name.function"],
+      "settings": {
+        "foreground": "#d3869b"
+      }
+    },
+    // cucumber
+    {
+      "scope": ["keyword.control.cucumber.table"],
+      "settings": {
+        "foreground": "#ADC6FF"
+      }
+    },
+    // REASONML ------------------------------------
+    {
+      "name": "ReasonML String",
+      "scope": ["source.reason string.double", "source.reason string.regexp"],
+      "settings": {
+        "foreground": "#b8bb26"
+      }
+    },
+    {
+      "name": "ReasonML equals sign",
+      "scope": ["source.reason keyword.control.less"],
+      "settings": {
+        "foreground": "#8ec07c"
+      }
+    },
+    {
+      "name": "ReasonML variable",
+      "scope": ["source.reason entity.name.function"],
+      "settings": {
+        "foreground": "#ADC6FF"
+      }
+    },
+    {
+      "name": "ReasonML property",
+      "scope": [
+        "source.reason support.property-value",
+        "source.reason entity.name.filename"
+      ],
+      "settings": {
+        "foreground": "#fe8019"
+      }
+    },
+    // POWERSHELL ------------------------------------
+    {
+      "name": "Powershell member",
+      "scope": ["source.powershell variable.other.member.powershell"],
+      "settings": {
+        "foreground": "#fe8019"
+      }
+    },
+    {
+      "name": "Powershell function",
+      "scope": ["source.powershell support.function.powershell"],
+      "settings": {
+        "foreground": "#fabd2f"
+      }
+    },
+    {
+      "name": "Powershell function attribute",
+      "scope": ["source.powershell support.function.attribute.powershell"],
+      "settings": {
+        "foreground": "#bdae93"
+      }
+    },
+    {
+      "name": "Powershell hashtable member",
+      "scope": [
+        "source.powershell meta.hashtable.assignment.powershell variable.other.readwrite.powershell"
+      ],
+      "settings": {
+        "foreground": "#fe8019"
+      }
+    }
+  ],
+  "colors": {
+    // BASE COLORS
+    "focusBorder": "#1A1513",
+    "foreground": "#fcd7d5",
+    "widget.shadow": "#0A060630",
+    "selection.background": "#ff858280",
+    "errorForeground": "#ff8582",
+    // BUTTON
+    "button.background": "#ff858280",
+    "button.foreground": "#fcd7d5",
+    "button.hoverBackground": "#ff858260",
+    // DROPDOWN
+    "dropdown.background": "#0A0606",
+    "dropdown.border": "#0A0606",
+    "dropdown.foreground": "#fcd7d5",
+    // INPUT
+    "input.background": "#fcd7d505",
+    "input.border": "#0A0606",
+    "input.foreground": "#fcd7d5",
+    "input.placeholderForeground": "#fcd7d560",
+    "inputValidation.errorBorder": "#ff8582",
+    "inputValidation.errorBackground": "#cc241d80",
+    "inputValidation.infoBorder": "#ADC6FF",
+    "inputValidation.infoBackground": "#ff858280",
+    "inputValidation.warningBorder": "#fabd2f",
+    "inputValidation.warningBackground": "#faca7f80",
+    "inputOption.activeBorder": "#fcd7d560",
+    // SCROLL BAR
+    "scrollbar.shadow": "#0A0606",
+    "scrollbarSlider.activeBackground": "#9D817F",
+    "scrollbarSlider.hoverBackground": "#665c54",
+    "scrollbarSlider.background": "#50494599",
+    // BADGE
+    "badge.background": "#d3869b",
+    "badge.foreground": "#0A0606",
+    // PROGRESS BAR
+    "progressBar.background": "#ff8582",
+    // LISTS AND TREES
+    "list.activeSelectionBackground": "#0A060680",
+    "list.activeSelectionForeground": "#8ec07c",
+    "list.hoverBackground": "#0A060680",
+    "list.hoverForeground": "#FFDAD8",
+    "list.focusBackground": "#0A0606",
+    "list.focusForeground": "#fcd7d5",
+    "list.inactiveSelectionForeground": "#ff8582",
+    "list.inactiveSelectionBackground": "#0A060680",
+    "list.dropBackground": "#0A0606",
+    "list.highlightForeground": "#ff8582",
+    // SIDE BAR
+    "sideBar.background": "#0A0606",
+    "sideBar.foreground": "#FFDAD8",
+    "sideBar.border": "#0A0606",
+    "sideBarTitle.foreground": "#fcd7d5",
+    "sideBarSectionHeader.background": "#0A060600",
+    "sideBarSectionHeader.foreground": "#fcd7d5",
+    // ACTIVITY BAR
+    "activityBar.background": "#0A0606",
+    "activityBar.dropBackground": "#0A0606",
+    "activityBar.foreground": "#fcd7d5",
+    "activityBar.border": "#0A0606",
+    "activityBarBadge.background": "#ff8582",
+    "activityBarBadge.foreground": "#fcd7d5",
+    // EDITOR GROUPS
+    "editorGroup.background": "#0A0606",
+    "editorGroup.border": "#0A0606",
+    "editorGroup.dropBackground": "#0A060660",
+    "editorGroupHeader.noTabsBackground": "#0A0606",
+    "editorGroupHeader.tabsBackground": "#0A0606",
+    "editorGroupHeader.tabsBorder": "#0A0606",
+    // TABS
+    "tab.border": "#0A060600",
+    "tab.activeBorder": "#ff8582",
+    "tab.activeBackground": "#32302f",
+    "tab.activeForeground": "#fcd7d5",
+    "tab.inactiveForeground": "#a89984",
+    "tab.inactiveBackground": "#0A0606",
+    "tab.unfocusedActiveForeground": "#a89984",
+    "tab.unfocusedActiveBorder": "#0A060600",
+    "tab.unfocusedInactiveForeground": "#928374",
+    // EDITOR
+    "editor.background": "#1A1513",
+    "editor.foreground": "#fcd7d5",
+    "editorLineNumber.foreground": "#665c54",
+    "editorCursor.foreground": "#fcd7d5",
+    "editor.selectionBackground": "#ff858240",
+    "editor.selectionHighlightBackground": "#fabd2f40",
+    "editor.hoverHighlightBackground": "#ff858250",
+    "editorLink.activeForeground": "#fcd7d5",
+    "editor.findMatchBackground": "#ADC6FF70",
+    "editor.findMatchHighlightBackground": "#fe801930",
+    "editor.findRangeHighlightBackground": "#ADC6FF70",
+    "editor.lineHighlightBackground": "#0A060660",
+    "editor.lineHighlightBorder": "#0A060600",
+    "editorWhitespace.foreground": "#a8998420",
+    "editorIndentGuide.background": "#a8998420",
+    "editorIndentGuide.activeBackground": "#a8998450",
+    "editorRuler.foreground": "#a8998440",
+    "editorCodeLens.foreground": "#a8998490",
+    "editorBracketMatch.border": "#0A060600",
+    "editorBracketMatch.background": "#92837480",
+    "editorHoverWidget.background": "#0A0606",
+    "editorHoverWidget.border": "#0A0606",
+    "editorOverviewRuler.border": "#0A060600",
+    "editorOverviewRuler.findMatchForeground": "#bdae93",
+    "editorOverviewRuler.rangeHighlightForeground": "#bdae93",
+    "editorOverviewRuler.selectionHighlightForeground": "#665c54",
+    "editorOverviewRuler.wordHighlightForeground": "#665c54",
+    "editorOverviewRuler.wordHighlightStrongForeground": "#665c54",
+    "editorOverviewRuler.modifiedForeground": "#ADC6FF",
+    "editorOverviewRuler.addedForeground": "#ADC6FF",
+    "editorOverviewRuler.deletedForeground": "#ADC6FF",
+    "editorOverviewRuler.errorForeground": "#ff8582",
+    "editorOverviewRuler.warningForeground": "#faca7f",
+    "editorOverviewRuler.infoForeground": "#d3869b",
+    "editorGutter.background": "#0A060600",
+    "editorGutter.modifiedBackground": "#ADC6FF",
+    "editorGutter.addedBackground": "#b8bb26",
+    "editorGutter.deletedBackground": "#ff8582",
+    "editorError.foreground": "#cc241d",
+    "editorWarning.foreground": "#faca7f",
+    "editorInfo.foreground": "#ff8582",
+    // EDITOR - BRACKET PAIR COLORIZATION
+    "editorBracketHighlight.foreground1": "#b16286",
+    "editorBracketHighlight.foreground2": "#ff8582",
+    "editorBracketHighlight.foreground3": "#ff8582",
+    "editorBracketHighlight.foreground4": "#98971a",
+    "editorBracketHighlight.foreground5": "#faca7f",
+    "editorBracketHighlight.foreground6": "#d65d0e",
+    "editorBracketHighlight.unexpectedBracket.foreground": "#cc241d",
+    // DIFF EDITOR
+    "diffEditor.insertedTextBackground": "#b8bb2630",
+    "diffEditor.removedTextBackground": "#ff858230",
+    // WIDGET
+    "editorWidget.background": "#0A0606",
+    "editorWidget.border": "#0A0606",
+    "editorSuggestWidget.background": "#0A0606",
+    "editorSuggestWidget.foreground": "#fcd7d5",
+    "editorSuggestWidget.highlightForeground": "#ff8582",
+    "editorSuggestWidget.selectedBackground": "#0A060660",
+    "editorSuggestWidget.border": "#0A0606",
+    // PEEK VIEW
+    "peekView.border": "#0A0606",
+    "peekViewEditor.background": "#0A060650",
+    "peekViewEditorGutter.background": "#0A060650",
+    "peekViewEditor.matchHighlightBackground": "",
+    "peekViewResult.background": "#0A060650",
+    "peekViewResult.fileForeground": "#fcd7d5",
+    "peekViewResult.matchHighlightBackground": "#8ec07c30",
+    "peekViewResult.selectionBackground": "#8ec07c30",
+    "peekViewResult.selectionForeground": "#8ec07c30",
+    "peekViewTitle.background": "#0A060650",
+    "peekViewTitleDescription.foreground": "#bdae93",
+    "peekViewTitleLabel.foreground": "#fcd7d5",
+    // MERGE CONFLICTS
+    "merge.currentHeaderBackground": "#ff858240",
+    "merge.currentContentBackground": "#ff858220",
+    "merge.incomingHeaderBackground": "#ff858240",
+    "merge.incomingContentBackground": "#ff858220",
+    "merge.border": "#0A060600",
+    "editorOverviewRuler.currentContentForeground": "#ff8582",
+    "editorOverviewRuler.incomingContentForeground": "#ff8582",
+    "editorOverviewRuler.commonContentForeground": "#928374",
+    // PANELS
+    "panel.border": "#0A0606",
+    "panelTitle.activeForeground": "#fcd7d5",
+    // STATUS BAR
+    "statusBar.background": "#0A0606",
+    "statusBar.border": "#0A0606",
+    "statusBar.foreground": "#fcd7d5",
+    "statusBar.debuggingBackground": "#fe8019",
+    "statusBar.debuggingForeground": "#0A0606",
+    "statusBar.debuggingBorder": "#0A060600",
+    "statusBar.noFolderBackground": "#0A0606",
+    "statusBar.noFolderBorder": "#0A060600",
+    "statusBar.prominentBackground": "#ff8582",
+    "statusBar.prominentHoverBackground": "#ff858270",
+    // INTEGRATED TERMINAL
+    "terminal.ansiBlack": "#0A0606",
+    "terminal.ansiBrightBlack": "#928374",
+    "terminal.ansiRed": "#cc241d",
+    "terminal.ansiBrightRed": "#ff8582",
+    "terminal.ansiGreen": "#98971a",
+    "terminal.ansiBrightGreen": "#b8bb26",
+    "terminal.ansiYellow": "#faca7f",
+    "terminal.ansiBrightYellow": "#fabd2f",
+    "terminal.ansiBlue": "#ff8582",
+    "terminal.ansiBrightBlue": "#ADC6FF",
+    "terminal.ansiMagenta": "#b16286",
+    "terminal.ansiBrightMagenta": "#d3869b",
+    "terminal.ansiCyan": "#ff8582",
+    "terminal.ansiBrightCyan": "#8ec07c",
+    "terminal.ansiWhite": "#a89984",
+    "terminal.ansiBrightWhite": "#fcd7d5",
+    "terminal.foreground": "#fcd7d5",
+    "terminal.background": "#0A0606",
+    // TITLE BAR macOS (not tested)
+    "titleBar.activeBackground": "#110A0A",
+    "titleBar.activeForeground": "#fcd7d5",
+    "titleBar.inactiveBackground": "#0A0606",
+    // GIT COLORS
+    "gitDecoration.modifiedResourceForeground": "#faca7f",
+    "gitDecoration.deletedResourceForeground": "#cc241d",
+    "gitDecoration.untrackedResourceForeground": "#98971a",
+    "gitDecoration.ignoredResourceForeground": "#7c6f64",
+    "gitDecoration.conflictingResourceForeground": "#b16286",
+    // MENU BAR
+    "menu.border": "#0A0606",
+    // JUPYTER NOTEBOOKS
+    "notebook.cellEditorBackground": "#282828",
+    "notebook.focusedCellBorder": "#221b1b",
+    "notebook.cellBorderColor": "#0A0606",
+    "notebook.focusedEditorBorder": "#0A0606",
+    // NOTIFICATION
+    "notification.background": "#0A0606",
+    "notification.foreground": "#fcd7d5",
+    "notification.buttonBackground": "#665c54",
+    "notification.buttonHoverBackground": "#665c5450",
+    "notification.buttonForeground": "#fcd7d5",
+    "notification.infoBackground": "#ADC6FF",
+    "notification.infoForeground": "#0A0606",
+    "notification.warningBackground": "#fabd2f",
+    "notification.warningForeground": "#0A0606",
+    "notification.errorBackground": "#ff8582",
+    "notification.errorForeground": "#0A0606",
+    // EXTENSIONS
+    "extensionButton.prominentBackground": "#b8bb2680",
+    "extensionButton.prominentHoverBackground": "#b8bb2630",
+    // OTHERS
+    "textLink.foreground": "#ADC6FF",
+    "textLink.activeForeground": "#ff8582",
+    "debugToolBar.background": "#0A0606"
+  }
+}
diff --git a/novelknock/Projects/README.md b/novelknock/Projects/README.md
new file mode 100644
index 000000000..84ab37383
--- /dev/null
+++ b/novelknock/Projects/README.md
@@ -0,0 +1,2 @@
+- This folder is for programs that have a proper folder structure that should be compiled then copied to .config/eww/scripts, if you wish.
+- If you don't mind using prebuilt binaries, you can ignore this folder
diff --git a/novelknock/Projects/notify-receive/Cargo.lock b/novelknock/Projects/notify-receive/Cargo.lock
new file mode 100644
index 000000000..857ed2582
--- /dev/null
+++ b/novelknock/Projects/notify-receive/Cargo.lock
@@ -0,0 +1,1926 @@
+# This file is automatically @generated by Cargo.
+# It is not intended for manual editing.
+version = 3
+
+[[package]]
+name = "aho-corasick"
+version = "0.7.20"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cc936419f96fa211c1b9166887b38e5e40b19958e5b895be7c1f93adec7071ac"
+dependencies = [
+ "memchr",
+]
+
+[[package]]
+name = "android_system_properties"
+version = "0.1.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "819e7219dbd41043ac279b19830f2efc897156490d7fd6ea916720117ee66311"
+dependencies = [
+ "libc",
+]
+
+[[package]]
+name = "anyhow"
+version = "1.0.69"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "224afbd727c3d6e4b90103ece64b8d1b67fbb1973b1046c2281eed3f3803f800"
+
+[[package]]
+name = "async-broadcast"
+version = "0.5.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7c48ccdbf6ca6b121e0f586cbc0e73ae440e56c67c30fa0873b4e110d9c26d2b"
+dependencies = [
+ "event-listener",
+ "futures-core",
+]
+
+[[package]]
+name = "async-executor"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "17adb73da160dfb475c183343c8cccd80721ea5a605d3eb57125f0a7b7a92d0b"
+dependencies = [
+ "async-lock",
+ "async-task",
+ "concurrent-queue",
+ "fastrand",
+ "futures-lite",
+ "slab",
+]
+
+[[package]]
+name = "async-io"
+version = "1.12.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8c374dda1ed3e7d8f0d9ba58715f924862c63eae6849c92d3a18e7fbde9e2794"
+dependencies = [
+ "async-lock",
+ "autocfg",
+ "concurrent-queue",
+ "futures-lite",
+ "libc",
+ "log",
+ "parking",
+ "polling",
+ "slab",
+ "socket2",
+ "waker-fn",
+ "windows-sys 0.42.0",
+]
+
+[[package]]
+name = "async-lock"
+version = "2.7.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fa24f727524730b077666307f2734b4a1a1c57acb79193127dcc8914d5242dd7"
+dependencies = [
+ "event-listener",
+]
+
+[[package]]
+name = "async-recursion"
+version = "1.0.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3b015a331cc64ebd1774ba119538573603427eaace0a1950c423ab971f903796"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "async-task"
+version = "4.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7a40729d2133846d9ed0ea60a8b9541bccddab49cd30f0715a1da672fe9a2524"
+
+[[package]]
+name = "async-trait"
+version = "0.1.65"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "095183a3539c7c7649b2beb87c2d3f0591f3a7fed07761cc546d244e27e0238c"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "atk"
+version = "0.17.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6ba16453d10c712284061a05f6510f75abeb92b56ba88dfeb48c74775020cc22"
+dependencies = [
+ "atk-sys",
+ "bitflags",
+ "glib",
+ "libc",
+]
+
+[[package]]
+name = "atk-sys"
+version = "0.17.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e3bf0a7ca572fbd5762fd8f8cd65a581e06767bc1234913fe1f43e370cff6e90"
+dependencies = [
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "system-deps",
+]
+
+[[package]]
+name = "autocfg"
+version = "1.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d468802bab17cbc0cc575e9b053f41e72aa36bfa6b7f55e3529ffa43161b97fa"
+
+[[package]]
+name = "bitflags"
+version = "1.3.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bef38d45163c2f1dde094a7dfd33ccf595c92905c8f8f4fdc18d06fb1037718a"
+
+[[package]]
+name = "block-buffer"
+version = "0.10.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "69cce20737498f97b993470a6e536b8523f0af7892a4f928cceb1ac5e52ebe7e"
+dependencies = [
+ "generic-array",
+]
+
+[[package]]
+name = "bumpalo"
+version = "3.12.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0d261e256854913907f67ed06efbc3338dfe6179796deefc1ff763fc1aee5535"
+
+[[package]]
+name = "byteorder"
+version = "1.4.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "14c189c53d098945499cdfa7ecc63567cf3886b3332b312a5b4585d8d3a6a610"
+
+[[package]]
+name = "cairo-rs"
+version = "0.17.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a8af54f5d48af1226928adc1f57edd22f5df1349e7da1fc96ae15cf43db0e871"
+dependencies = [
+ "bitflags",
+ "cairo-sys-rs",
+ "glib",
+ "libc",
+ "once_cell",
+ "thiserror",
+]
+
+[[package]]
+name = "cairo-sys-rs"
+version = "0.17.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f55382a01d30e5e53f185eee269124f5e21ab526595b872751278dfbb463594e"
+dependencies = [
+ "glib-sys",
+ "libc",
+ "system-deps",
+]
+
+[[package]]
+name = "cc"
+version = "1.0.79"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "50d30906286121d95be3d479533b458f87493b30a4b5f79a607db8f5d11aa91f"
+
+[[package]]
+name = "cfg-expr"
+version = "0.14.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a35b255461940a32985c627ce82900867c61db1659764d3675ea81963f72a4c6"
+dependencies = [
+ "smallvec",
+]
+
+[[package]]
+name = "cfg-if"
+version = "1.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "baf1de4339761588bc0619e3cbc0120ee582ebb74b53b4efbf79117bd2da40fd"
+
+[[package]]
+name = "chrono"
+version = "0.4.23"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "16b0a3d9ed01224b22057780a37bb8c5dbfe1be8ba48678e7bf57ec4b385411f"
+dependencies = [
+ "iana-time-zone",
+ "js-sys",
+ "num-integer",
+ "num-traits",
+ "time",
+ "wasm-bindgen",
+ "winapi",
+]
+
+[[package]]
+name = "codespan-reporting"
+version = "0.11.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3538270d33cc669650c4b093848450d380def10c331d38c768e34cac80576e6e"
+dependencies = [
+ "termcolor",
+ "unicode-width",
+]
+
+[[package]]
+name = "concurrent-queue"
+version = "2.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c278839b831783b70278b14df4d45e1beb1aad306c07bb796637de9a0e323e8e"
+dependencies = [
+ "crossbeam-utils",
+]
+
+[[package]]
+name = "core-foundation-sys"
+version = "0.8.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5827cebf4670468b8772dd191856768aedcb1b0278a04f989f7766351917b9dc"
+
+[[package]]
+name = "cpufeatures"
+version = "0.2.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "28d997bd5e24a5928dd43e46dc529867e207907fe0b239c3477d924f7f2ca320"
+dependencies = [
+ "libc",
+]
+
+[[package]]
+name = "crossbeam-queue"
+version = "0.3.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d1cfb3ea8a53f37c40dea2c7bedcbd88bdfae54f5e2175d6ecaff1c988353add"
+dependencies = [
+ "cfg-if",
+ "crossbeam-utils",
+]
+
+[[package]]
+name = "crossbeam-utils"
+version = "0.8.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3c063cd8cc95f5c377ed0d4b49a4b21f632396ff690e8470c29b3359b346984b"
+dependencies = [
+ "cfg-if",
+]
+
+[[package]]
+name = "crypto-common"
+version = "0.1.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1bfb12502f3fc46cca1bb51ac28df9d618d813cdc3d2f25b9fe775a34af26bb3"
+dependencies = [
+ "generic-array",
+ "typenum",
+]
+
+[[package]]
+name = "cxx"
+version = "1.0.91"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "86d3488e7665a7a483b57e25bdd90d0aeb2bc7608c8d0346acf2ad3f1caf1d62"
+dependencies = [
+ "cc",
+ "cxxbridge-flags",
+ "cxxbridge-macro",
+ "link-cplusplus",
+]
+
+[[package]]
+name = "cxx-build"
+version = "1.0.91"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "48fcaf066a053a41a81dfb14d57d99738b767febb8b735c3016e469fac5da690"
+dependencies = [
+ "cc",
+ "codespan-reporting",
+ "once_cell",
+ "proc-macro2",
+ "quote",
+ "scratch",
+ "syn",
+]
+
+[[package]]
+name = "cxxbridge-flags"
+version = "1.0.91"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a2ef98b8b717a829ca5603af80e1f9e2e48013ab227b68ef37872ef84ee479bf"
+
+[[package]]
+name = "cxxbridge-macro"
+version = "1.0.91"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "086c685979a698443656e5cf7856c95c642295a38599f12fb1ff76fb28d19892"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "derivative"
+version = "2.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fcc3dd5e9e9c0b295d6e1e4d811fb6f157d5ffd784b8d202fc62eac8035a770b"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "digest"
+version = "0.10.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8168378f4e5023e7218c89c891c0fd8ecdb5e5e4f18cb78f38cf245dd021e76f"
+dependencies = [
+ "block-buffer",
+ "crypto-common",
+]
+
+[[package]]
+name = "dirs"
+version = "4.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ca3aa72a6f96ea37bbc5aa912f6788242832f75369bdfdadcb0e38423f100059"
+dependencies = [
+ "dirs-sys",
+]
+
+[[package]]
+name = "dirs-sys"
+version = "0.3.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1b1d1d91c932ef41c0f2663aa8b0ca0342d444d842c06914aa0a7e352d0bada6"
+dependencies = [
+ "libc",
+ "redox_users",
+ "winapi",
+]
+
+[[package]]
+name = "enumflags2"
+version = "0.7.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e75d4cd21b95383444831539909fbb14b9dc3fdceb2a6f5d36577329a1f55ccb"
+dependencies = [
+ "enumflags2_derive",
+ "serde",
+]
+
+[[package]]
+name = "enumflags2_derive"
+version = "0.7.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f58dc3c5e468259f19f2d46304a6b28f1c3d034442e14b322d2b850e36f6d5ae"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "errno"
+version = "0.2.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f639046355ee4f37944e44f60642c6f3a7efa3cf6b78c78a0d989a8ce6c396a1"
+dependencies = [
+ "errno-dragonfly",
+ "libc",
+ "winapi",
+]
+
+[[package]]
+name = "errno-dragonfly"
+version = "0.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "aa68f1b12764fab894d2755d2518754e71b4fd80ecfb822714a1206c2aab39bf"
+dependencies = [
+ "cc",
+ "libc",
+]
+
+[[package]]
+name = "event-listener"
+version = "2.5.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0206175f82b8d6bf6652ff7d71a1e27fd2e4efde587fd368662814d6ec1d9ce0"
+
+[[package]]
+name = "fastrand"
+version = "1.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e51093e27b0797c359783294ca4f0a911c270184cb10f85783b118614a1501be"
+dependencies = [
+ "instant",
+]
+
+[[package]]
+name = "field-offset"
+version = "0.3.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a3cf3a800ff6e860c863ca6d4b16fd999db8b752819c1606884047b73e468535"
+dependencies = [
+ "memoffset 0.8.0",
+ "rustc_version",
+]
+
+[[package]]
+name = "futures"
+version = "0.3.26"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "13e2792b0ff0340399d58445b88fd9770e3489eff258a4cbc1523418f12abf84"
+dependencies = [
+ "futures-channel",
+ "futures-core",
+ "futures-executor",
+ "futures-io",
+ "futures-sink",
+ "futures-task",
+ "futures-util",
+]
+
+[[package]]
+name = "futures-channel"
+version = "0.3.26"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2e5317663a9089767a1ec00a487df42e0ca174b61b4483213ac24448e4664df5"
+dependencies = [
+ "futures-core",
+ "futures-sink",
+]
+
+[[package]]
+name = "futures-core"
+version = "0.3.26"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ec90ff4d0fe1f57d600049061dc6bb68ed03c7d2fbd697274c41805dcb3f8608"
+
+[[package]]
+name = "futures-executor"
+version = "0.3.26"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e8de0a35a6ab97ec8869e32a2473f4b1324459e14c29275d14b10cb1fd19b50e"
+dependencies = [
+ "futures-core",
+ "futures-task",
+ "futures-util",
+]
+
+[[package]]
+name = "futures-io"
+version = "0.3.26"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bfb8371b6fb2aeb2d280374607aeabfc99d95c72edfe51692e42d3d7f0d08531"
+
+[[package]]
+name = "futures-lite"
+version = "1.12.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7694489acd39452c77daa48516b894c153f192c3578d5a839b62c58099fcbf48"
+dependencies = [
+ "fastrand",
+ "futures-core",
+ "futures-io",
+ "memchr",
+ "parking",
+ "pin-project-lite",
+ "waker-fn",
+]
+
+[[package]]
+name = "futures-macro"
+version = "0.3.26"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "95a73af87da33b5acf53acfebdc339fe592ecf5357ac7c0a7734ab9d8c876a70"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "futures-sink"
+version = "0.3.26"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f310820bb3e8cfd46c80db4d7fb8353e15dfff853a127158425f31e0be6c8364"
+
+[[package]]
+name = "futures-task"
+version = "0.3.26"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dcf79a1bf610b10f42aea489289c5a2c478a786509693b80cd39c44ccd936366"
+
+[[package]]
+name = "futures-util"
+version = "0.3.26"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9c1d6de3acfef38d2be4b1f543f553131788603495be83da675e180c8d6b7bd1"
+dependencies = [
+ "futures-channel",
+ "futures-core",
+ "futures-io",
+ "futures-macro",
+ "futures-sink",
+ "futures-task",
+ "memchr",
+ "pin-project-lite",
+ "pin-utils",
+ "slab",
+]
+
+[[package]]
+name = "gdk"
+version = "0.17.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "be1df5ea52cccd7e3a0897338b5564968274b52f5fd12601e0afa44f454c74d3"
+dependencies = [
+ "bitflags",
+ "cairo-rs",
+ "gdk-pixbuf",
+ "gdk-sys",
+ "gio",
+ "glib",
+ "libc",
+ "pango",
+]
+
+[[package]]
+name = "gdk-pixbuf"
+version = "0.17.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b023fbe0c6b407bd3d9805d107d9800da3829dc5a676653210f1d5f16d7f59bf"
+dependencies = [
+ "bitflags",
+ "gdk-pixbuf-sys",
+ "gio",
+ "glib",
+ "libc",
+ "once_cell",
+]
+
+[[package]]
+name = "gdk-pixbuf-sys"
+version = "0.17.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7b41bd2b44ed49d99277d3925652a163038bd5ed943ec9809338ffb2f4391e3b"
+dependencies = [
+ "gio-sys",
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "system-deps",
+]
+
+[[package]]
+name = "gdk-sys"
+version = "0.17.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2152de9d38bc67a17b3fe49dc0823af5bf874df59ea088c5f28f31cf103de703"
+dependencies = [
+ "cairo-sys-rs",
+ "gdk-pixbuf-sys",
+ "gio-sys",
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "pango-sys",
+ "pkg-config",
+ "system-deps",
+]
+
+[[package]]
+name = "generic-array"
+version = "0.14.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bff49e947297f3312447abdca79f45f4738097cc82b06e72054d2223f601f1b9"
+dependencies = [
+ "typenum",
+ "version_check",
+]
+
+[[package]]
+name = "getrandom"
+version = "0.2.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c05aeb6a22b8f62540c194aac980f2115af067bfe15a0734d7277a768d396b31"
+dependencies = [
+ "cfg-if",
+ "libc",
+ "wasi 0.11.0+wasi-snapshot-preview1",
+]
+
+[[package]]
+name = "gio"
+version = "0.17.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2261a3b4e922ec676d1c27ac466218c38cf5dcb49a759129e54bb5046e442125"
+dependencies = [
+ "bitflags",
+ "futures-channel",
+ "futures-core",
+ "futures-io",
+ "futures-util",
+ "gio-sys",
+ "glib",
+ "libc",
+ "once_cell",
+ "pin-project-lite",
+ "smallvec",
+ "thiserror",
+]
+
+[[package]]
+name = "gio-sys"
+version = "0.17.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6b1d43b0d7968b48455244ecafe41192871257f5740aa6b095eb19db78e362a5"
+dependencies = [
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "system-deps",
+ "winapi",
+]
+
+[[package]]
+name = "glib"
+version = "0.17.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6cbc688e6c33f2fd89d83864a9e6caaaef83b5f608922b99ac184e436d15b623"
+dependencies = [
+ "bitflags",
+ "futures-channel",
+ "futures-core",
+ "futures-executor",
+ "futures-task",
+ "futures-util",
+ "gio-sys",
+ "glib-macros",
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "memchr",
+ "once_cell",
+ "smallvec",
+ "thiserror",
+]
+
+[[package]]
+name = "glib-macros"
+version = "0.17.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "726f25f054ce331f0d971a82a6a85eb4955074d6afbe479e42a63ae9f15f6ac4"
+dependencies = [
+ "anyhow",
+ "heck",
+ "proc-macro-crate",
+ "proc-macro-error",
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "glib-sys"
+version = "0.17.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "49f00ad0a1bf548e61adfff15d83430941d9e1bb620e334f779edd1c745680a5"
+dependencies = [
+ "libc",
+ "system-deps",
+]
+
+[[package]]
+name = "gobject-sys"
+version = "0.17.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "15e75b0000a64632b2d8ca3cf856af9308e3a970844f6e9659bd197f026793d0"
+dependencies = [
+ "glib-sys",
+ "libc",
+ "system-deps",
+]
+
+[[package]]
+name = "gtk"
+version = "0.17.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b6c4222ab92b08d4d0bab90ddb6185b4e575ceeea8b8cdf00b938d7b6661d966"
+dependencies = [
+ "atk",
+ "bitflags",
+ "cairo-rs",
+ "field-offset",
+ "futures-channel",
+ "gdk",
+ "gdk-pixbuf",
+ "gio",
+ "glib",
+ "gtk-sys",
+ "gtk3-macros",
+ "libc",
+ "once_cell",
+ "pango",
+ "pkg-config",
+]
+
+[[package]]
+name = "gtk-sys"
+version = "0.17.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4d8eb6a4b93e5a7e6980f7348d08c1cd93d31fae07cf97f20678c5ec41de3d7e"
+dependencies = [
+ "atk-sys",
+ "cairo-sys-rs",
+ "gdk-pixbuf-sys",
+ "gdk-sys",
+ "gio-sys",
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "pango-sys",
+ "system-deps",
+]
+
+[[package]]
+name = "gtk3-macros"
+version = "0.17.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3efb84d682c9a39c10bd9f24f5a4b9c15cc8c7edc45c19cb2ca2c4fc38b2d95e"
+dependencies = [
+ "anyhow",
+ "proc-macro-crate",
+ "proc-macro-error",
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "hashbrown"
+version = "0.12.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8a9ee70c43aaf417c914396645a0fa852624801b24ebb7ae78fe8272889ac888"
+
+[[package]]
+name = "heck"
+version = "0.4.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "95505c38b4572b2d910cecb0281560f54b440a19336cbbcb27bf6ce6adc6f5a8"
+
+[[package]]
+name = "hermit-abi"
+version = "0.2.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ee512640fe35acbfb4bb779db6f0d80704c2cacfa2e39b601ef3e3f47d1ae4c7"
+dependencies = [
+ "libc",
+]
+
+[[package]]
+name = "hex"
+version = "0.4.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7f24254aa9a54b5c858eaee2f5bccdb46aaf0e486a595ed5fd8f86ba55232a70"
+
+[[package]]
+name = "iana-time-zone"
+version = "0.1.53"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "64c122667b287044802d6ce17ee2ddf13207ed924c712de9a66a5814d5b64765"
+dependencies = [
+ "android_system_properties",
+ "core-foundation-sys",
+ "iana-time-zone-haiku",
+ "js-sys",
+ "wasm-bindgen",
+ "winapi",
+]
+
+[[package]]
+name = "iana-time-zone-haiku"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0703ae284fc167426161c2e3f1da3ea71d94b21bedbcc9494e92b28e334e3dca"
+dependencies = [
+ "cxx",
+ "cxx-build",
+]
+
+[[package]]
+name = "indexmap"
+version = "1.9.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1885e79c1fc4b10f0e172c475f458b7f7b93061064d98c3293e98c5ba0c8b399"
+dependencies = [
+ "autocfg",
+ "hashbrown",
+]
+
+[[package]]
+name = "instant"
+version = "0.1.12"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7a5bbe824c507c5da5956355e86a746d82e0e1464f65d862cc5e71da70e94b2c"
+dependencies = [
+ "cfg-if",
+]
+
+[[package]]
+name = "io-lifetimes"
+version = "1.0.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1abeb7a0dd0f8181267ff8adc397075586500b81b28a73e8a0208b00fc170fb3"
+dependencies = [
+ "libc",
+ "windows-sys 0.45.0",
+]
+
+[[package]]
+name = "itoa"
+version = "1.0.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "453ad9f582a441959e5f0d088b02ce04cfe8d51a8eaf077f12ac6d3e94164ca6"
+
+[[package]]
+name = "js-sys"
+version = "0.3.61"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "445dde2150c55e483f3d8416706b97ec8e8237c307e5b7b4b8dd15e6af2a0730"
+dependencies = [
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "libc"
+version = "0.2.139"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "201de327520df007757c1f0adce6e827fe8562fbc28bfd9c15571c66ca1f5f79"
+
+[[package]]
+name = "link-cplusplus"
+version = "1.0.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ecd207c9c713c34f95a097a5b029ac2ce6010530c7b49d7fea24d977dede04f5"
+dependencies = [
+ "cc",
+]
+
+[[package]]
+name = "linux-raw-sys"
+version = "0.1.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f051f77a7c8e6957c0696eac88f26b0117e54f52d3fc682ab19397a8812846a4"
+
+[[package]]
+name = "lock_api"
+version = "0.4.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "435011366fe56583b16cf956f9df0095b405b82d76425bc8981c0e22e60ec4df"
+dependencies = [
+ "autocfg",
+ "scopeguard",
+]
+
+[[package]]
+name = "log"
+version = "0.4.17"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "abb12e687cfb44aa40f41fc3978ef76448f9b6038cad6aef4259d3c095a2382e"
+dependencies = [
+ "cfg-if",
+]
+
+[[package]]
+name = "memchr"
+version = "2.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2dffe52ecf27772e601905b7522cb4ef790d2cc203488bbd0e2fe85fcb74566d"
+
+[[package]]
+name = "memoffset"
+version = "0.6.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5aa361d4faea93603064a027415f07bd8e1d5c88c9fbf68bf56a285428fd79ce"
+dependencies = [
+ "autocfg",
+]
+
+[[package]]
+name = "memoffset"
+version = "0.8.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d61c719bcfbcf5d62b3a09efa6088de8c54bc0bfcd3ea7ae39fcc186108b8de1"
+dependencies = [
+ "autocfg",
+]
+
+[[package]]
+name = "mpsc"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c2c804d935cb5028b0503a48a191a9970605304de4dbd0059ebc623e772a821f"
+dependencies = [
+ "crossbeam-queue",
+ "futures",
+ "queue-ext",
+ "std-ext",
+]
+
+[[package]]
+name = "nix"
+version = "0.25.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f346ff70e7dbfd675fe90590b92d59ef2de15a8779ae305ebcbfd3f0caf59be4"
+dependencies = [
+ "autocfg",
+ "bitflags",
+ "cfg-if",
+ "libc",
+ "memoffset 0.6.5",
+ "pin-utils",
+]
+
+[[package]]
+name = "nohash-hasher"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2bf50223579dc7cdcfb3bfcacf7069ff68243f8c363f62ffa99cf000a6b9c451"
+
+[[package]]
+name = "notify-receive"
+version = "0.1.0"
+dependencies = [
+ "anyhow",
+ "chrono",
+ "gtk",
+ "mpsc",
+ "nohash-hasher",
+ "serde",
+ "serde_json",
+ "tokio",
+ "unix-named-pipe",
+ "zbus",
+]
+
+[[package]]
+name = "num-integer"
+version = "0.1.45"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "225d3389fb3509a24c93f5c29eb6bde2586b98d9f016636dff58d7c6f7569cd9"
+dependencies = [
+ "autocfg",
+ "num-traits",
+]
+
+[[package]]
+name = "num-traits"
+version = "0.2.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "578ede34cf02f8924ab9447f50c28075b4d3e5b269972345e7e0372b38c6cdcd"
+dependencies = [
+ "autocfg",
+]
+
+[[package]]
+name = "num_cpus"
+version = "1.15.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0fac9e2da13b5eb447a6ce3d392f23a29d8694bff781bf03a16cd9ac8697593b"
+dependencies = [
+ "hermit-abi",
+ "libc",
+]
+
+[[package]]
+name = "once_cell"
+version = "1.17.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b7e5500299e16ebb147ae15a00a942af264cf3688f47923b8fc2cd5858f23ad3"
+
+[[package]]
+name = "ordered-stream"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9aa2b01e1d916879f73a53d01d1d6cee68adbb31d6d9177a8cfce093cced1d50"
+dependencies = [
+ "futures-core",
+ "pin-project-lite",
+]
+
+[[package]]
+name = "pango"
+version = "0.17.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "52c280b82a881e4208afb3359a8e7fde27a1b272280981f1f34610bed5770d37"
+dependencies = [
+ "bitflags",
+ "gio",
+ "glib",
+ "libc",
+ "once_cell",
+ "pango-sys",
+]
+
+[[package]]
+name = "pango-sys"
+version = "0.17.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4293d0f0b5525eb5c24734d30b0ed02cd02aa734f216883f376b54de49625de8"
+dependencies = [
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "system-deps",
+]
+
+[[package]]
+name = "parking"
+version = "2.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "427c3892f9e783d91cc128285287e70a59e206ca452770ece88a76f7a3eddd72"
+
+[[package]]
+name = "parking_lot"
+version = "0.12.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3742b2c103b9f06bc9fff0a37ff4912935851bee6d36f3c02bcc755bcfec228f"
+dependencies = [
+ "lock_api",
+ "parking_lot_core",
+]
+
+[[package]]
+name = "parking_lot_core"
+version = "0.9.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9069cbb9f99e3a5083476ccb29ceb1de18b9118cafa53e90c9551235de2b9521"
+dependencies = [
+ "cfg-if",
+ "libc",
+ "redox_syscall",
+ "smallvec",
+ "windows-sys 0.45.0",
+]
+
+[[package]]
+name = "pin-project"
+version = "1.0.12"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ad29a609b6bcd67fee905812e544992d216af9d755757c05ed2d0e15a74c6ecc"
+dependencies = [
+ "pin-project-internal",
+]
+
+[[package]]
+name = "pin-project-internal"
+version = "1.0.12"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "069bdb1e05adc7a8990dce9cc75370895fbe4e3d58b9b73bf1aee56359344a55"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "pin-project-lite"
+version = "0.2.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e0a7ae3ac2f1173085d398531c705756c94a4c56843785df85a60c1a0afac116"
+
+[[package]]
+name = "pin-utils"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8b870d8c151b6f2fb93e84a13146138f05d02ed11c7e7c54f8826aaaf7c9f184"
+
+[[package]]
+name = "pkg-config"
+version = "0.3.26"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6ac9a59f73473f1b8d852421e59e64809f025994837ef743615c6d0c5b305160"
+
+[[package]]
+name = "polling"
+version = "2.5.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "22122d5ec4f9fe1b3916419b76be1e80bcb93f618d071d2edf841b137b2a2bd6"
+dependencies = [
+ "autocfg",
+ "cfg-if",
+ "libc",
+ "log",
+ "wepoll-ffi",
+ "windows-sys 0.42.0",
+]
+
+[[package]]
+name = "ppv-lite86"
+version = "0.2.17"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5b40af805b3121feab8a3c29f04d8ad262fa8e0561883e7653e024ae4479e6de"
+
+[[package]]
+name = "proc-macro-crate"
+version = "1.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7f4c021e1093a56626774e81216a4ce732a735e5bad4868a03f3ed65ca0c3919"
+dependencies = [
+ "once_cell",
+ "toml_edit",
+]
+
+[[package]]
+name = "proc-macro-error"
+version = "1.0.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "da25490ff9892aab3fcf7c36f08cfb902dd3e71ca0f9f9517bea02a73a5ce38c"
+dependencies = [
+ "proc-macro-error-attr",
+ "proc-macro2",
+ "quote",
+ "syn",
+ "version_check",
+]
+
+[[package]]
+name = "proc-macro-error-attr"
+version = "1.0.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a1be40180e52ecc98ad80b184934baf3d0d29f979574e439af5a55274b35f869"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "version_check",
+]
+
+[[package]]
+name = "proc-macro2"
+version = "1.0.51"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5d727cae5b39d21da60fa540906919ad737832fe0b1c165da3a34d6548c849d6"
+dependencies = [
+ "unicode-ident",
+]
+
+[[package]]
+name = "queue-ext"
+version = "0.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c22b7c1be684cc8777945302f2d6cc9bdf232e385ee7cfec571b7fbcfb7f9f11"
+dependencies = [
+ "futures",
+ "log",
+ "pin-project",
+ "pin-project-lite",
+]
+
+[[package]]
+name = "quote"
+version = "1.0.23"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8856d8364d252a14d474036ea1358d63c9e6965c8e5c1885c18f73d70bff9c7b"
+dependencies = [
+ "proc-macro2",
+]
+
+[[package]]
+name = "rand"
+version = "0.8.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "34af8d1a0e25924bc5b7c43c079c942339d8f0a8b57c39049bef581b46327404"
+dependencies = [
+ "libc",
+ "rand_chacha",
+ "rand_core",
+]
+
+[[package]]
+name = "rand_chacha"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e6c10a63a0fa32252be49d21e7709d4d4baf8d231c2dbce1eaa8141b9b127d88"
+dependencies = [
+ "ppv-lite86",
+ "rand_core",
+]
+
+[[package]]
+name = "rand_core"
+version = "0.6.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ec0be4795e2f6a28069bec0b5ff3e2ac9bafc99e6a9a7dc3547996c5c816922c"
+dependencies = [
+ "getrandom",
+]
+
+[[package]]
+name = "redox_syscall"
+version = "0.2.16"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fb5a58c1855b4b6819d59012155603f0b22ad30cad752600aadfcb695265519a"
+dependencies = [
+ "bitflags",
+]
+
+[[package]]
+name = "redox_users"
+version = "0.4.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b033d837a7cf162d7993aded9304e30a83213c648b6e389db233191f891e5c2b"
+dependencies = [
+ "getrandom",
+ "redox_syscall",
+ "thiserror",
+]
+
+[[package]]
+name = "regex"
+version = "1.7.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "48aaa5748ba571fb95cd2c85c09f629215d3a6ece942baa100950af03a34f733"
+dependencies = [
+ "aho-corasick",
+ "memchr",
+ "regex-syntax",
+]
+
+[[package]]
+name = "regex-syntax"
+version = "0.6.28"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "456c603be3e8d448b072f410900c09faf164fbce2d480456f50eea6e25f9c848"
+
+[[package]]
+name = "rustc_version"
+version = "0.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bfa0f585226d2e68097d4f95d113b15b83a82e819ab25717ec0590d9584ef366"
+dependencies = [
+ "semver",
+]
+
+[[package]]
+name = "rustix"
+version = "0.36.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fd5c6ff11fecd55b40746d1995a02f2eb375bf8c00d192d521ee09f42bef37bc"
+dependencies = [
+ "bitflags",
+ "errno",
+ "io-lifetimes",
+ "libc",
+ "linux-raw-sys",
+ "windows-sys 0.45.0",
+]
+
+[[package]]
+name = "ryu"
+version = "1.0.13"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f91339c0467de62360649f8d3e185ca8de4224ff281f66000de5eb2a77a79041"
+
+[[package]]
+name = "scopeguard"
+version = "1.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d29ab0c6d3fc0ee92fe66e2d99f700eab17a8d57d1c1d3b748380fb20baa78cd"
+
+[[package]]
+name = "scratch"
+version = "1.0.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5d5e082f6ea090deaf0e6dd04b68360fd5cddb152af6ce8927c9d25db299f98c"
+
+[[package]]
+name = "semver"
+version = "1.0.17"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bebd363326d05ec3e2f532ab7660680f3b02130d780c299bca73469d521bc0ed"
+
+[[package]]
+name = "serde"
+version = "1.0.152"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bb7d1f0d3021d347a83e556fc4683dea2ea09d87bccdf88ff5c12545d89d5efb"
+dependencies = [
+ "serde_derive",
+]
+
+[[package]]
+name = "serde_derive"
+version = "1.0.152"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "af487d118eecd09402d70a5d72551860e788df87b464af30e5ea6a38c75c541e"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "serde_json"
+version = "1.0.93"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cad406b69c91885b5107daf2c29572f6c8cdb3c66826821e286c533490c0bc76"
+dependencies = [
+ "itoa",
+ "ryu",
+ "serde",
+]
+
+[[package]]
+name = "serde_repr"
+version = "0.1.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9a5ec9fa74a20ebbe5d9ac23dac1fc96ba0ecfe9f50f2843b52e537b10fbcb4e"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "serde_spanned"
+version = "0.6.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0efd8caf556a6cebd3b285caf480045fcc1ac04f6bd786b09a6f11af30c4fcf4"
+dependencies = [
+ "serde",
+]
+
+[[package]]
+name = "sha1"
+version = "0.10.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f04293dc80c3993519f2d7f6f511707ee7094fe0c6d3406feb330cdb3540eba3"
+dependencies = [
+ "cfg-if",
+ "cpufeatures",
+ "digest",
+]
+
+[[package]]
+name = "slab"
+version = "0.4.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6528351c9bc8ab22353f9d776db39a20288e8d6c37ef8cfe3317cf875eecfc2d"
+dependencies = [
+ "autocfg",
+]
+
+[[package]]
+name = "smallvec"
+version = "1.10.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a507befe795404456341dfab10cef66ead4c041f62b8b11bbb92bffe5d0953e0"
+
+[[package]]
+name = "socket2"
+version = "0.4.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "64a4a911eed85daf18834cfaa86a79b7d266ff93ff5ba14005426219480ed662"
+dependencies = [
+ "libc",
+ "winapi",
+]
+
+[[package]]
+name = "static_assertions"
+version = "1.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a2eb9349b6444b326872e140eb1cf5e7c522154d69e7a0ffb0fb81c06b37543f"
+
+[[package]]
+name = "std-ext"
+version = "0.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0f55c6c4c110245dcf89455bcf32a8641ccca59164e67ec8999cb1bf31c42c69"
+dependencies = [
+ "async-lock",
+ "parking_lot",
+]
+
+[[package]]
+name = "syn"
+version = "1.0.109"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "72b64191b275b66ffe2469e8af2c1cfe3bafa67b529ead792a6d0160888b4237"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "unicode-ident",
+]
+
+[[package]]
+name = "system-deps"
+version = "6.0.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "555fc8147af6256f3931a36bb83ad0023240ce9cf2b319dec8236fd1f220b05f"
+dependencies = [
+ "cfg-expr",
+ "heck",
+ "pkg-config",
+ "toml",
+ "version-compare",
+]
+
+[[package]]
+name = "tempfile"
+version = "3.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "af18f7ae1acd354b992402e9ec5864359d693cd8a79dcbef59f76891701c1e95"
+dependencies = [
+ "cfg-if",
+ "fastrand",
+ "redox_syscall",
+ "rustix",
+ "windows-sys 0.42.0",
+]
+
+[[package]]
+name = "termcolor"
+version = "1.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "be55cf8942feac5c765c2c993422806843c9a9a45d4d5c407ad6dd2ea95eb9b6"
+dependencies = [
+ "winapi-util",
+]
+
+[[package]]
+name = "thiserror"
+version = "1.0.38"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6a9cd18aa97d5c45c6603caea1da6628790b37f7a34b6ca89522331c5180fed0"
+dependencies = [
+ "thiserror-impl",
+]
+
+[[package]]
+name = "thiserror-impl"
+version = "1.0.38"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1fb327af4685e4d03fa8cbcf1716380da910eeb2bb8be417e7f9fd3fb164f36f"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "time"
+version = "0.1.45"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1b797afad3f312d1c66a56d11d0316f916356d11bd158fbc6ca6389ff6bf805a"
+dependencies = [
+ "libc",
+ "wasi 0.10.0+wasi-snapshot-preview1",
+ "winapi",
+]
+
+[[package]]
+name = "tokio"
+version = "1.26.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "03201d01c3c27a29c8a5cee5b55a93ddae1ccf6f08f65365c2c918f8c1b76f64"
+dependencies = [
+ "autocfg",
+ "num_cpus",
+ "pin-project-lite",
+ "tokio-macros",
+ "windows-sys 0.45.0",
+]
+
+[[package]]
+name = "tokio-macros"
+version = "1.8.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d266c00fde287f55d3f1c3e96c500c362a2b8c695076ec180f27918820bc6df8"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "toml"
+version = "0.7.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b403acf6f2bb0859c93c7f0d967cb4a75a7ac552100f9322faf64dc047669b21"
+dependencies = [
+ "serde",
+ "serde_spanned",
+ "toml_datetime",
+ "toml_edit",
+]
+
+[[package]]
+name = "toml_datetime"
+version = "0.6.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3ab8ed2edee10b50132aed5f331333428b011c99402b5a534154ed15746f9622"
+dependencies = [
+ "serde",
+]
+
+[[package]]
+name = "toml_edit"
+version = "0.19.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "239410c8609e8125456927e6707163a3b1fdb40561e4b803bc041f466ccfdc13"
+dependencies = [
+ "indexmap",
+ "serde",
+ "serde_spanned",
+ "toml_datetime",
+ "winnow",
+]
+
+[[package]]
+name = "tracing"
+version = "0.1.37"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8ce8c33a8d48bd45d624a6e523445fd21ec13d3653cd51f681abf67418f54eb8"
+dependencies = [
+ "cfg-if",
+ "pin-project-lite",
+ "tracing-attributes",
+ "tracing-core",
+]
+
+[[package]]
+name = "tracing-attributes"
+version = "0.1.23"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4017f8f45139870ca7e672686113917c71c7a6e02d4924eda67186083c03081a"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "tracing-core"
+version = "0.1.30"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "24eb03ba0eab1fd845050058ce5e616558e8f8d8fca633e6b163fe25c797213a"
+dependencies = [
+ "once_cell",
+]
+
+[[package]]
+name = "typenum"
+version = "1.16.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "497961ef93d974e23eb6f433eb5fe1b7930b659f06d12dec6fc44a8f554c0bba"
+
+[[package]]
+name = "uds_windows"
+version = "1.0.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ce65604324d3cce9b966701489fbd0cf318cb1f7bd9dd07ac9a4ee6fb791930d"
+dependencies = [
+ "tempfile",
+ "winapi",
+]
+
+[[package]]
+name = "unicode-ident"
+version = "1.0.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "775c11906edafc97bc378816b94585fbd9a054eabaf86fdd0ced94af449efab7"
+
+[[package]]
+name = "unicode-width"
+version = "0.1.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c0edd1e5b14653f783770bce4a4dabb4a5108a5370a5f5d8cfe8710c361f6c8b"
+
+[[package]]
+name = "unix-named-pipe"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6ad653da8f36ac5825ba06642b5a3cce14a4e52c6a5fab4a8928d53f4426dae2"
+dependencies = [
+ "errno",
+ "libc",
+]
+
+[[package]]
+name = "version-compare"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "579a42fc0b8e0c63b76519a339be31bed574929511fa53c1a3acae26eb258f29"
+
+[[package]]
+name = "version_check"
+version = "0.9.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "49874b5167b65d7193b8aba1567f5c7d93d001cafc34600cee003eda787e483f"
+
+[[package]]
+name = "waker-fn"
+version = "1.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9d5b2c62b4012a3e1eca5a7e077d13b3bf498c4073e33ccd58626607748ceeca"
+
+[[package]]
+name = "wasi"
+version = "0.10.0+wasi-snapshot-preview1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1a143597ca7c7793eff794def352d41792a93c481eb1042423ff7ff72ba2c31f"
+
+[[package]]
+name = "wasi"
+version = "0.11.0+wasi-snapshot-preview1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9c8d87e72b64a3b4db28d11ce29237c246188f4f51057d65a7eab63b7987e423"
+
+[[package]]
+name = "wasm-bindgen"
+version = "0.2.84"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "31f8dcbc21f30d9b8f2ea926ecb58f6b91192c17e9d33594b3df58b2007ca53b"
+dependencies = [
+ "cfg-if",
+ "wasm-bindgen-macro",
+]
+
+[[package]]
+name = "wasm-bindgen-backend"
+version = "0.2.84"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "95ce90fd5bcc06af55a641a86428ee4229e44e07033963a2290a8e241607ccb9"
+dependencies = [
+ "bumpalo",
+ "log",
+ "once_cell",
+ "proc-macro2",
+ "quote",
+ "syn",
+ "wasm-bindgen-shared",
+]
+
+[[package]]
+name = "wasm-bindgen-macro"
+version = "0.2.84"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4c21f77c0bedc37fd5dc21f897894a5ca01e7bb159884559461862ae90c0b4c5"
+dependencies = [
+ "quote",
+ "wasm-bindgen-macro-support",
+]
+
+[[package]]
+name = "wasm-bindgen-macro-support"
+version = "0.2.84"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2aff81306fcac3c7515ad4e177f521b5c9a15f2b08f4e32d823066102f35a5f6"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+ "wasm-bindgen-backend",
+ "wasm-bindgen-shared",
+]
+
+[[package]]
+name = "wasm-bindgen-shared"
+version = "0.2.84"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0046fef7e28c3804e5e38bfa31ea2a0f73905319b677e57ebe37e49358989b5d"
+
+[[package]]
+name = "wepoll-ffi"
+version = "0.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d743fdedc5c64377b5fc2bc036b01c7fd642205a0d96356034ae3404d49eb7fb"
+dependencies = [
+ "cc",
+]
+
+[[package]]
+name = "winapi"
+version = "0.3.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5c839a674fcd7a98952e593242ea400abe93992746761e38641405d28b00f419"
+dependencies = [
+ "winapi-i686-pc-windows-gnu",
+ "winapi-x86_64-pc-windows-gnu",
+]
+
+[[package]]
+name = "winapi-i686-pc-windows-gnu"
+version = "0.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ac3b87c63620426dd9b991e5ce0329eff545bccbbb34f3be09ff6fb6ab51b7b6"
+
+[[package]]
+name = "winapi-util"
+version = "0.1.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "70ec6ce85bb158151cae5e5c87f95a8e97d2c0c4b001223f33a334e3ce5de178"
+dependencies = [
+ "winapi",
+]
+
+[[package]]
+name = "winapi-x86_64-pc-windows-gnu"
+version = "0.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "712e227841d057c1ee1cd2fb22fa7e5a5461ae8e48fa2ca79ec42cfc1931183f"
+
+[[package]]
+name = "windows-sys"
+version = "0.42.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5a3e1820f08b8513f676f7ab6c1f99ff312fb97b553d30ff4dd86f9f15728aa7"
+dependencies = [
+ "windows_aarch64_gnullvm",
+ "windows_aarch64_msvc",
+ "windows_i686_gnu",
+ "windows_i686_msvc",
+ "windows_x86_64_gnu",
+ "windows_x86_64_gnullvm",
+ "windows_x86_64_msvc",
+]
+
+[[package]]
+name = "windows-sys"
+version = "0.45.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "75283be5efb2831d37ea142365f009c02ec203cd29a3ebecbc093d52315b66d0"
+dependencies = [
+ "windows-targets",
+]
+
+[[package]]
+name = "windows-targets"
+version = "0.42.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8e2522491fbfcd58cc84d47aeb2958948c4b8982e9a2d8a2a35bbaed431390e7"
+dependencies = [
+ "windows_aarch64_gnullvm",
+ "windows_aarch64_msvc",
+ "windows_i686_gnu",
+ "windows_i686_msvc",
+ "windows_x86_64_gnu",
+ "windows_x86_64_gnullvm",
+ "windows_x86_64_msvc",
+]
+
+[[package]]
+name = "windows_aarch64_gnullvm"
+version = "0.42.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8c9864e83243fdec7fc9c5444389dcbbfd258f745e7853198f365e3c4968a608"
+
+[[package]]
+name = "windows_aarch64_msvc"
+version = "0.42.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4c8b1b673ffc16c47a9ff48570a9d85e25d265735c503681332589af6253c6c7"
+
+[[package]]
+name = "windows_i686_gnu"
+version = "0.42.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "de3887528ad530ba7bdbb1faa8275ec7a1155a45ffa57c37993960277145d640"
+
+[[package]]
+name = "windows_i686_msvc"
+version = "0.42.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bf4d1122317eddd6ff351aa852118a2418ad4214e6613a50e0191f7004372605"
+
+[[package]]
+name = "windows_x86_64_gnu"
+version = "0.42.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c1040f221285e17ebccbc2591ffdc2d44ee1f9186324dd3e84e99ac68d699c45"
+
+[[package]]
+name = "windows_x86_64_gnullvm"
+version = "0.42.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "628bfdf232daa22b0d64fdb62b09fcc36bb01f05a3939e20ab73aaf9470d0463"
+
+[[package]]
+name = "windows_x86_64_msvc"
+version = "0.42.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "447660ad36a13288b1db4d4248e857b510e8c3a225c822ba4fb748c0aafecffd"
+
+[[package]]
+name = "winnow"
+version = "0.4.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ae8970b36c66498d8ff1d66685dc86b91b29db0c7739899012f63a63814b4b28"
+dependencies = [
+ "memchr",
+]
+
+[[package]]
+name = "zbus"
+version = "3.10.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f770930448dd412a4a7131dd968a8e6df0064db4d7916fbbd2d6c3f26b566938"
+dependencies = [
+ "async-broadcast",
+ "async-executor",
+ "async-io",
+ "async-lock",
+ "async-recursion",
+ "async-task",
+ "async-trait",
+ "byteorder",
+ "derivative",
+ "dirs",
+ "enumflags2",
+ "event-listener",
+ "futures-core",
+ "futures-sink",
+ "futures-util",
+ "hex",
+ "nix",
+ "once_cell",
+ "ordered-stream",
+ "rand",
+ "serde",
+ "serde_repr",
+ "sha1",
+ "static_assertions",
+ "tracing",
+ "uds_windows",
+ "winapi",
+ "zbus_macros",
+ "zbus_names",
+ "zvariant",
+]
+
+[[package]]
+name = "zbus_macros"
+version = "3.10.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4832059b438689017db7340580ebabba07f114eab91bf990c6e55052408b40d8"
+dependencies = [
+ "proc-macro-crate",
+ "proc-macro2",
+ "quote",
+ "regex",
+ "syn",
+]
+
+[[package]]
+name = "zbus_names"
+version = "2.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f34f314916bd89bdb9934154627fab152f4f28acdda03e7c4c68181b214fe7e3"
+dependencies = [
+ "serde",
+ "static_assertions",
+ "zvariant",
+]
+
+[[package]]
+name = "zvariant"
+version = "3.11.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "903169c05b9ab948ee93fefc9127d08930df4ce031d46c980784274439803e51"
+dependencies = [
+ "byteorder",
+ "enumflags2",
+ "libc",
+ "serde",
+ "static_assertions",
+ "zvariant_derive",
+]
+
+[[package]]
+name = "zvariant_derive"
+version = "3.11.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cce76636e8fab7911be67211cf378c252b115ee7f2bae14b18b84821b39260b5"
+dependencies = [
+ "proc-macro-crate",
+ "proc-macro2",
+ "quote",
+ "syn",
+]
diff --git a/novelknock/Projects/notify-receive/Cargo.toml b/novelknock/Projects/notify-receive/Cargo.toml
new file mode 100644
index 000000000..c4748549b
--- /dev/null
+++ b/novelknock/Projects/notify-receive/Cargo.toml
@@ -0,0 +1,18 @@
+[package]
+name = "notify-receive"
+version = "0.1.0"
+edition = "2021"
+
+# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
+
+[dependencies]
+anyhow = "1.0.69"
+chrono = "0.4.23"
+gtk = "0.17.1"
+mpsc = "0.1.0"
+nohash-hasher = "0.2.0"
+serde = {version = "1.0.152", features = ["derive"]}
+serde_json = "1.0.93"
+tokio = { version = "1.26.0", features = ["rt-multi-thread", "macros", "sync", "time"] }
+unix-named-pipe = "0.2.0"
+zbus = "3.10.0"
diff --git a/novelknock/Projects/notify-receive/src/dbus.rs b/novelknock/Projects/notify-receive/src/dbus.rs
new file mode 100644
index 000000000..6b1366c06
--- /dev/null
+++ b/novelknock/Projects/notify-receive/src/dbus.rs
@@ -0,0 +1,144 @@
+use super::NotificationArc;
+use chrono::Local;
+use std::process::Command;
+use std::path::Path;
+use gtk::{prelude::IconThemeExt, IconLookupFlags, IconTheme};
+use std::collections::HashMap;
+use zbus::zvariant::Value;
+use zbus::{dbus_interface, Connection};
+
+use crate::Notification;
+
+const CAPABILITIES: [&str; 6] = [
+    "icons",
+    "actions",
+    "body",
+    "body-images",
+    "action-icons",
+    "persistence",
+];
+
+const SERVER_INFORMATION: (&str, &str, &str, &str) =
+    ("notify-receive", "neoney.dev", "0.0.1", "1.0");
+
+const NAME: &str = "org.freedesktop.Notifications";
+const PATH: &str = "/org/freedesktop/Notifications";
+
+struct NotificationServer {
+    notifications: NotificationArc,
+    biggest_id: u32,
+}
+
+impl NotificationServer {
+    fn new(notifications: NotificationArc) -> Self {
+        NotificationServer {
+            notifications,
+            biggest_id: 0,
+        }
+    }
+}
+
+#[dbus_interface(name = "org.freedesktop.Notifications")]
+impl NotificationServer {
+    async fn notify(
+        &mut self,
+        app_name: String,
+        replaces_id: u32,
+        app_icon: String,
+        summary: String,
+        body: String,
+        actions: Vec<String>,
+        hints: HashMap<String, Value<'_>>,
+        expire_timeout: i32,
+    ) -> u32 {
+        gtk::init().expect("Failed to initialize GTK");
+
+        let dt = Local::now();
+        let time = dt.time().format("%H:%M").to_string();
+
+        let changed_id = if replaces_id != 0 {
+            replaces_id
+        } else {
+            self.biggest_id += 1;
+            self.biggest_id
+        };
+
+        let icon = match app_icon.as_str() {
+            "" => "".to_string(),
+            app_icon => {
+                let icon_theme = IconTheme::default().expect("Failed to find icon theme.");
+                let icon = icon_theme.lookup_icon(app_icon, 256, IconLookupFlags::empty());
+
+                icon.map_or(app_icon.to_string(), |icon| {
+                    icon.filename().unwrap().to_string_lossy().to_string()
+                })
+            }
+        };
+
+        let payload = Notification {
+            id: changed_id,
+            app_name,
+            summary,
+            time,
+            body,
+            actions,
+            urgency: hints
+                .get("urgency")
+                .and_then(|v| v.clone().downcast())
+                .unwrap_or_default(),
+            icon,
+            timeout: expire_timeout,
+            visible: true,
+        };
+
+        let mut notifs = self.notifications.lock().await;
+
+        notifs.insert(changed_id, payload);
+
+        let path = Path::new("./scripts/notification-on-receive.sh");
+        if path.exists() {
+            Command::new(path)
+                .spawn()
+                .expect("Failed to execute command");
+        }
+
+        println!(
+            "{}",
+            serde_json::to_string(&notifs.values().collect::<Vec<_>>()).unwrap()
+        );
+
+        changed_id
+    }
+
+    async fn close(&mut self, id: u32) {
+        let mut notifs = self.notifications.lock().await;
+
+        if let Some(notif) = notifs.get_mut(&id) {
+            notif.visible = false;
+        };
+        println!(
+            "{}",
+            serde_json::to_string(&notifs.values().collect::<Vec<_>>()).unwrap()
+        );
+    }
+
+    fn get_capabilities(&self) -> &[&str] {
+        &CAPABILITIES
+    }
+    fn get_server_information(&self) -> (&str, &str, &str, &str) {
+        SERVER_INFORMATION
+    }
+}
+
+pub async fn async_run(notifications: NotificationArc) -> zbus::Result<()> {
+    let connection = Connection::session().await?;
+    let server = NotificationServer::new(notifications);
+
+    connection.object_server().at(PATH, server).await?;
+
+    connection.request_name(NAME).await?;
+
+    loop {
+        std::future::pending::<()>().await;
+    }
+}
diff --git a/novelknock/Projects/notify-receive/src/main.rs b/novelknock/Projects/notify-receive/src/main.rs
new file mode 100644
index 000000000..2fda2a000
--- /dev/null
+++ b/novelknock/Projects/notify-receive/src/main.rs
@@ -0,0 +1,89 @@
+mod dbus;
+
+use std::fs;
+use std::time::Duration;
+use std::{collections::HashMap, hash::BuildHasherDefault, path::Path, sync::Arc};
+
+use std::io::Read;
+use tokio::sync::Mutex;
+
+use anyhow::Result;
+use nohash_hasher::NoHashHasher;
+use zbus::export::serde::Serialize;
+
+use crate::dbus::async_run;
+
+type NotificationArc =
+    Arc<Mutex<HashMap<u32, Notification, BuildHasherDefault<NoHashHasher<u32>>>>>;
+
+#[derive(Serialize)]
+pub struct Notifications<'a> {
+    pub notifications: Vec<&'a Notification>,
+}
+
+#[derive(Debug, Clone, PartialEq, Serialize)]
+pub struct Notification {
+    pub id: u32,
+    pub app_name: String,
+    pub summary: String,
+    pub body: String,
+    pub time: String,
+    pub icon: String,
+    pub timeout: i32,
+    pub urgency: u8,
+    pub actions: Vec<String>,
+    pub visible: bool,
+}
+
+#[derive(Debug, Clone, PartialEq)]
+pub enum Action {
+    Close,
+    Clear,
+    Notify(Notification),
+}
+
+#[tokio::main]
+async fn main() -> Result<()> {
+    let notifications: NotificationArc = Arc::new(Mutex::new(HashMap::with_hasher(
+        BuildHasherDefault::default(),
+    )));
+
+    fs::remove_file(Path::new("/var/run/user/1000/notify-receive.pipe")).ok();
+    unix_named_pipe::create("/var/run/user/1000/notify-receive.pipe", Some(0o644))?;
+
+    let mut reader = unix_named_pipe::open_read("/var/run/user/1000/notify-receive.pipe")?;
+
+    let pipe_notifications = notifications.clone();
+
+    tokio::spawn(async move {
+        let mut interval = tokio::time::interval(Duration::from_millis(100));
+
+        loop {
+            let mut contents = String::new();
+            if reader.read_to_string(&mut contents).is_ok() && !contents.is_empty() {
+                let mut notifs = pipe_notifications.lock().await;
+                for line in contents.lines() {
+                    if line.is_empty() {
+                        continue;
+                    }
+
+                    if let Ok(id) = line.parse::<u32>() {
+                        if let Some(notif) = notifs.get_mut(&id) {
+                            notif.visible = false;
+                        }
+                    }
+                }
+                println!(
+                    "{}",
+                    serde_json::to_string(&notifs.values().collect::<Vec<_>>()).unwrap()
+                );
+            }
+
+            interval.tick().await;
+        }
+    });
+
+    async_run(notifications.clone()).await?;
+
+    Ok(())
+}
diff --git a/tetrio/.config/btop/btop.conf b/tetrio/.config/btop/btop.conf
new file mode 100644
index 000000000..e37a07ae1
--- /dev/null
+++ b/tetrio/.config/btop/btop.conf
@@ -0,0 +1,212 @@
+#? Config file for btop v. 1.2.13
+
+#* Name of a btop++/bpytop/bashtop formatted ".theme" file, "Default" and "TTY" for builtin themes.
+#* Themes should be placed in "../share/btop/themes" relative to binary or "$HOME/.config/btop/themes"
+color_theme = "TTY"
+
+#* If the theme set background should be shown, set to False if you want terminal background transparency.
+theme_background = False
+
+#* Sets if 24-bit truecolor should be used, will convert 24-bit colors to 256 color (6x6x6 color cube) if false.
+truecolor = True
+
+#* Set to true to force tty mode regardless if a real tty has been detected or not.
+#* Will force 16-color mode and TTY theme, set all graph symbols to "tty" and swap out other non tty friendly symbols.
+force_tty = False
+
+#* Define presets for the layout of the boxes. Preset 0 is always all boxes shown with default settings. Max 9 presets.
+#* Format: "box_name:P:G,box_name:P:G" P=(0 or 1) for alternate positions, G=graph symbol to use for box.
+#* Use whitespace " " as separator between different presets.
+#* Example: "cpu:0:default,mem:0:tty,proc:1:default cpu:0:braille,proc:0:tty"
+presets = "cpu:1:default,proc:0:default cpu:0:default,mem:0:default,net:0:default cpu:0:block,net:0:tty"
+
+#* Set to True to enable "h,j,k,l,g,G" keys for directional control in lists.
+#* Conflicting keys for h:"help" and k:"kill" is accessible while holding shift.
+vim_keys = False
+
+#* Rounded corners on boxes, is ignored if TTY mode is ON.
+rounded_corners = True
+
+#* Default symbols to use for graph creation, "braille", "block" or "tty".
+#* "braille" offers the highest resolution but might not be included in all fonts.
+#* "block" has half the resolution of braille but uses more common characters.
+#* "tty" uses only 3 different symbols but will work with most fonts and should work in a real TTY.
+#* Note that "tty" only has half the horizontal resolution of the other two, so will show a shorter historical view.
+graph_symbol = "braille"
+
+# Graph symbol to use for graphs in cpu box, "default", "braille", "block" or "tty".
+graph_symbol_cpu = "default"
+
+# Graph symbol to use for graphs in cpu box, "default", "braille", "block" or "tty".
+graph_symbol_mem = "default"
+
+# Graph symbol to use for graphs in cpu box, "default", "braille", "block" or "tty".
+graph_symbol_net = "default"
+
+# Graph symbol to use for graphs in cpu box, "default", "braille", "block" or "tty".
+graph_symbol_proc = "default"
+
+#* Manually set which boxes to show. Available values are "cpu mem net proc", separate values with whitespace.
+shown_boxes = "cpu mem net proc"
+
+#* Update time in milliseconds, recommended 2000 ms or above for better sample times for graphs.
+update_ms = 1000
+
+#* Processes sorting, "pid" "program" "arguments" "threads" "user" "memory" "cpu lazy" "cpu direct",
+#* "cpu lazy" sorts top process over time (easier to follow), "cpu direct" updates top process directly.
+proc_sorting = "memory"
+
+#* Reverse sorting order, True or False.
+proc_reversed = False
+
+#* Show processes as a tree.
+proc_tree = False
+
+#* Use the cpu graph colors in the process list.
+proc_colors = True
+
+#* Use a darkening gradient in the process list.
+proc_gradient = True
+
+#* If process cpu usage should be of the core it's running on or usage of the total available cpu power.
+proc_per_core = False
+
+#* Show process memory as bytes instead of percent.
+proc_mem_bytes = True
+
+#* Show cpu graph for each process.
+proc_cpu_graphs = True
+
+#* Use /proc/[pid]/smaps for memory information in the process info box (very slow but more accurate)
+proc_info_smaps = False
+
+#* Show proc box on left side of screen instead of right.
+proc_left = False
+
+#* (Linux) Filter processes tied to the Linux kernel(similar behavior to htop).
+proc_filter_kernel = False
+
+#* Sets the CPU stat shown in upper half of the CPU graph, "total" is always available.
+#* Select from a list of detected attributes from the options menu.
+cpu_graph_upper = "total"
+
+#* Sets the CPU stat shown in lower half of the CPU graph, "total" is always available.
+#* Select from a list of detected attributes from the options menu.
+cpu_graph_lower = "total"
+
+#* Toggles if the lower CPU graph should be inverted.
+cpu_invert_lower = True
+
+#* Set to True to completely disable the lower CPU graph.
+cpu_single_graph = False
+
+#* Show cpu box at bottom of screen instead of top.
+cpu_bottom = False
+
+#* Shows the system uptime in the CPU box.
+show_uptime = True
+
+#* Show cpu temperature.
+check_temp = True
+
+#* Which sensor to use for cpu temperature, use options menu to select from list of available sensors.
+cpu_sensor = "Auto"
+
+#* Show temperatures for cpu cores also if check_temp is True and sensors has been found.
+show_coretemp = True
+
+#* Set a custom mapping between core and coretemp, can be needed on certain cpus to get correct temperature for correct core.
+#* Use lm-sensors or similar to see which cores are reporting temperatures on your machine.
+#* Format "x:y" x=core with wrong temp, y=core with correct temp, use space as separator between multiple entries.
+#* Example: "4:0 5:1 6:3"
+cpu_core_map = ""
+
+#* Which temperature scale to use, available values: "celsius", "fahrenheit", "kelvin" and "rankine".
+temp_scale = "celsius"
+
+#* Use base 10 for bits/bytes sizes, KB = 1000 instead of KiB = 1024.
+base_10_sizes = False
+
+#* Show CPU frequency.
+show_cpu_freq = True
+
+#* Draw a clock at top of screen, formatting according to strftime, empty string to disable.
+#* Special formatting: /host = hostname | /user = username | /uptime = system uptime
+clock_format = "%X"
+
+#* Update main ui in background when menus are showing, set this to false if the menus is flickering too much for comfort.
+background_update = True
+
+#* Custom cpu model name, empty string to disable.
+custom_cpu_name = ""
+
+#* Optional filter for shown disks, should be full path of a mountpoint, separate multiple values with whitespace " ".
+#* Begin line with "exclude=" to change to exclude filter, otherwise defaults to "most include" filter. Example: disks_filter="exclude=/boot /home/user".
+disks_filter = ""
+
+#* Show graphs instead of meters for memory values.
+mem_graphs = True
+
+#* Show mem box below net box instead of above.
+mem_below_net = False
+
+#* Count ZFS ARC in cached and available memory.
+zfs_arc_cached = True
+
+#* If swap memory should be shown in memory box.
+show_swap = True
+
+#* Show swap as a disk, ignores show_swap value above, inserts itself after first disk.
+swap_disk = True
+
+#* If mem box should be split to also show disks info.
+show_disks = True
+
+#* Filter out non physical disks. Set this to False to include network disks, RAM disks and similar.
+only_physical = True
+
+#* Read disks list from /etc/fstab. This also disables only_physical.
+use_fstab = True
+
+#* Setting this to True will hide all datasets, and only show ZFS pools. (IO stats will be calculated per-pool)
+zfs_hide_datasets = False
+
+#* Set to true to show available disk space for privileged users.
+disk_free_priv = False
+
+#* Toggles if io activity % (disk busy time) should be shown in regular disk usage view.
+show_io_stat = True
+
+#* Toggles io mode for disks, showing big graphs for disk read/write speeds.
+io_mode = False
+
+#* Set to True to show combined read/write io graphs in io mode.
+io_graph_combined = False
+
+#* Set the top speed for the io graphs in MiB/s (100 by default), use format "mountpoint:speed" separate disks with whitespace " ".
+#* Example: "/mnt/media:100 /:20 /boot:1".
+io_graph_speeds = ""
+
+#* Set fixed values for network graphs in Mebibits. Is only used if net_auto is also set to False.
+net_download = 100
+
+net_upload = 100
+
+#* Use network graphs auto rescaling mode, ignores any values set above and rescales down to 10 Kibibytes at the lowest.
+net_auto = True
+
+#* Sync the auto scaling for download and upload to whichever currently has the highest scale.
+net_sync = True
+
+#* Starts with the Network Interface specified here.
+net_iface = ""
+
+#* Show battery stats in top right if battery is present.
+show_battery = True
+
+#* Which battery to use if multiple are present. "Auto" for auto detection.
+selected_battery = "Auto"
+
+#* Set loglevel for "~/.config/btop/btop.log" levels are: "ERROR" "WARNING" "INFO" "DEBUG".
+#* The level set includes all lower levels, i.e. "DEBUG" will show all logging info.
+log_level = "WARNING"
\ No newline at end of file
diff --git a/tetrio/.config/chromethemes/Chrome-catppuccin-mocha-Colorful/Cached Theme.pak b/tetrio/.config/chromethemes/Chrome-catppuccin-mocha-Colorful/Cached Theme.pak
new file mode 100755
index 000000000..036a8e860
Binary files /dev/null and b/tetrio/.config/chromethemes/Chrome-catppuccin-mocha-Colorful/Cached Theme.pak differ
diff --git a/tetrio/.config/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon128.png b/tetrio/.config/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon128.png
new file mode 100755
index 000000000..fbe2ed7e2
Binary files /dev/null and b/tetrio/.config/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon128.png differ
diff --git a/tetrio/.config/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon16.png b/tetrio/.config/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon16.png
new file mode 100755
index 000000000..75e6ced3b
Binary files /dev/null and b/tetrio/.config/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon16.png differ
diff --git a/tetrio/.config/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon48.png b/tetrio/.config/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon48.png
new file mode 100755
index 000000000..c93cfc794
Binary files /dev/null and b/tetrio/.config/chromethemes/Chrome-catppuccin-mocha-Colorful/images/icon48.png differ
diff --git a/tetrio/.config/chromethemes/Chrome-catppuccin-mocha-Colorful/manifest.json b/tetrio/.config/chromethemes/Chrome-catppuccin-mocha-Colorful/manifest.json
new file mode 100755
index 000000000..0e4fd0f9e
--- /dev/null
+++ b/tetrio/.config/chromethemes/Chrome-catppuccin-mocha-Colorful/manifest.json
@@ -0,0 +1,35 @@
+{
+  "manifest_version": 3,
+  "name": "Catppuccin Chrome Theme - Mocha - Colorful",
+  "description": "Soothing pastel theme for Google Chrome - Catppuccin Mocha",
+  "version": "3.0",
+  "icons": {
+    "16": "images/icon16.png",
+    "48": "images/icon48.png",
+    "128": "images/icon128.png"
+  },
+  "theme": {
+    "colors": {
+      "frame": [30, 30, 46],
+      "frame_inactive": [30, 30, 46],
+      "frame_incognito": [30, 30, 46],
+      "frame_incognito_inactive": [30, 30, 46],
+      "bookmark_text": [137, 180, 250],
+      "tab_background_text": [186, 194, 222],
+      "tab_background_text_inactive": [186, 194, 222],
+      "tab_background_text_incognito": [203, 166, 247],
+      "tab_background_text_incognito_inactive": [137, 180, 250],
+      "tab_text": [203, 166, 247],
+      "toolbar": [65, 72, 104],
+      "toolbar_button_icon": [203, 166, 247],
+      "omnibox_text": [203, 166, 247],
+      "omnibox_background": [49, 50, 68],
+      "ntp_background": [30, 30, 46],
+      "ntp_link": [203, 166, 247],
+      "ntp_text": [203, 166, 247],
+      "ntp_link_underline": [30, 30, 46],
+      "ntp_section_link_underline": [30, 30, 46],
+      "button_background": [65, 72, 104]
+    }
+  }
+}
diff --git a/tetrio/.config/chromethemes/EverForest-Dark-B/Cached Theme.pak b/tetrio/.config/chromethemes/EverForest-Dark-B/Cached Theme.pak
new file mode 100755
index 000000000..6cb19536f
Binary files /dev/null and b/tetrio/.config/chromethemes/EverForest-Dark-B/Cached Theme.pak differ
diff --git a/tetrio/.config/chromethemes/EverForest-Dark-B/images/icon128.png b/tetrio/.config/chromethemes/EverForest-Dark-B/images/icon128.png
new file mode 100755
index 000000000..fbe2ed7e2
Binary files /dev/null and b/tetrio/.config/chromethemes/EverForest-Dark-B/images/icon128.png differ
diff --git a/tetrio/.config/chromethemes/EverForest-Dark-B/images/icon16.png b/tetrio/.config/chromethemes/EverForest-Dark-B/images/icon16.png
new file mode 100755
index 000000000..75e6ced3b
Binary files /dev/null and b/tetrio/.config/chromethemes/EverForest-Dark-B/images/icon16.png differ
diff --git a/tetrio/.config/chromethemes/EverForest-Dark-B/images/icon48.png b/tetrio/.config/chromethemes/EverForest-Dark-B/images/icon48.png
new file mode 100755
index 000000000..c93cfc794
Binary files /dev/null and b/tetrio/.config/chromethemes/EverForest-Dark-B/images/icon48.png differ
diff --git a/tetrio/.config/chromethemes/EverForest-Dark-B/manifest.json b/tetrio/.config/chromethemes/EverForest-Dark-B/manifest.json
new file mode 100755
index 000000000..6f2f5bd69
--- /dev/null
+++ b/tetrio/.config/chromethemes/EverForest-Dark-B/manifest.json
@@ -0,0 +1,35 @@
+{
+  "manifest_version": 3,
+  "name": "Everforest Dark B",
+  "description": "Forest.",
+  "version": "3.0",
+  "icons": {
+    "16": "images/icon16.png",
+    "48": "images/icon48.png",
+    "128": "images/icon128.png"
+  },
+  "theme": {
+    "colors": {
+      "frame": [28, 32, 33],
+      "frame_inactive": [30, 32, 31],
+      "frame_incognito": [28, 32, 33],
+      "frame_incognito_inactive": [30, 32, 31],
+      "bookmark_text": [211, 198, 170],
+      "tab_background_text": [161, 152, 131], 
+      "tab_background_text_inactive": [211, 198, 170],
+      "tab_background_text_incognito": [161, 152, 131],
+      "tab_background_text_incognito_inactive": [211, 198, 170],
+      "tab_text": [168, 179, 112],
+      "toolbar": [48, 49, 52],
+      "toolbar_button_icon": [168, 179, 112],
+      "omnibox_text": [168, 179, 112],
+      "omnibox_background": [28, 32, 33],
+      "ntp_background": [28, 32, 33],
+      "ntp_link": [168, 179, 112],
+      "ntp_text": [168, 179, 112],
+      "ntp_link_underline": [28, 32, 33],
+      "ntp_section_link_underline": [28, 32, 33],
+      "button_background": [48, 49, 52]
+    }
+  }
+}
diff --git a/tetrio/.config/chromethemes/README.md b/tetrio/.config/chromethemes/README.md
new file mode 100644
index 000000000..8c35b6a95
--- /dev/null
+++ b/tetrio/.config/chromethemes/README.md
@@ -0,0 +1,4 @@
+## Chrome themes
+- Go to chrome:extensions (might be different depending on your chromium browser)
+- Click "Load Unpacked"
+- Go to one of the folders in this directory and choose it
\ No newline at end of file
diff --git a/tetrio/.config/chromethemes/TokyoNight/Cached Theme.pak b/tetrio/.config/chromethemes/TokyoNight/Cached Theme.pak
new file mode 100755
index 000000000..72a3c406a
Binary files /dev/null and b/tetrio/.config/chromethemes/TokyoNight/Cached Theme.pak differ
diff --git a/tetrio/.config/chromethemes/TokyoNight/images/icon128.png b/tetrio/.config/chromethemes/TokyoNight/images/icon128.png
new file mode 100755
index 000000000..fbe2ed7e2
Binary files /dev/null and b/tetrio/.config/chromethemes/TokyoNight/images/icon128.png differ
diff --git a/tetrio/.config/chromethemes/TokyoNight/images/icon16.png b/tetrio/.config/chromethemes/TokyoNight/images/icon16.png
new file mode 100755
index 000000000..75e6ced3b
Binary files /dev/null and b/tetrio/.config/chromethemes/TokyoNight/images/icon16.png differ
diff --git a/tetrio/.config/chromethemes/TokyoNight/images/icon48.png b/tetrio/.config/chromethemes/TokyoNight/images/icon48.png
new file mode 100755
index 000000000..c93cfc794
Binary files /dev/null and b/tetrio/.config/chromethemes/TokyoNight/images/icon48.png differ
diff --git a/tetrio/.config/chromethemes/TokyoNight/manifest.json b/tetrio/.config/chromethemes/TokyoNight/manifest.json
new file mode 100755
index 000000000..9f9e5ed0a
--- /dev/null
+++ b/tetrio/.config/chromethemes/TokyoNight/manifest.json
@@ -0,0 +1,35 @@
+{
+  "manifest_version": 3,
+  "name": "TokyoNight-Dark",
+  "description": "Dark",
+  "version": "3.0",
+  "icons": {
+    "16": "images/icon16.png",
+    "48": "images/icon48.png",
+    "128": "images/icon128.png"
+  },
+  "theme": {
+    "colors": {
+      "frame": [26, 27, 38],
+      "frame_inactive": [26, 27, 38],
+      "frame_incognito": [26, 27, 38],
+      "frame_incognito_inactive": [26, 27, 38],
+      "bookmark_text": [192, 202, 245],
+      "tab_background_text": [192, 202, 245],
+      "tab_background_text_inactive": [192, 202, 245],
+      "tab_background_text_incognito": [192, 202, 245],
+      "tab_background_text_incognito_inactive": [192, 202, 245],
+      "tab_text": [13, 183, 212],
+      "toolbar": [46, 47, 66],
+      "toolbar_button_icon": [192, 202, 245],
+      "omnibox_text": [13, 183, 212],
+      "omnibox_background": [26, 27, 38],
+      "ntp_background": [46, 47, 66],
+      "ntp_link": [13, 183, 212],
+      "ntp_text": [13, 183, 212],
+      "ntp_link_underline": [13, 183, 212],
+      "ntp_section_link_underline": [13, 183, 212],
+      "button_background": [30, 30, 46]
+    }
+  }
+}
diff --git a/tetrio/.config/dunst/dunstrc b/tetrio/.config/dunst/dunstrc
new file mode 100755
index 000000000..0267cc3ba
--- /dev/null
+++ b/tetrio/.config/dunst/dunstrc
@@ -0,0 +1,60 @@
+[global]
+monitor = 0
+follow = mouse
+origin = top-right offset = 20x73
+offset = 20x73
+geometry = "280x50-20+200"
+indicate_hidden = no
+shrink = no
+separator_height = 4
+separator_color = yes
+padding = 20
+horizontal_padding = 20
+frame_width = 3
+sort = no
+idle_threshold = 120
+font = Rubik 13
+line_height = 4
+markup = full
+format = "<b>%s</b>\n%b"
+alignment = left
+show_age_threshold = 60
+word_wrap = yes
+ignore_newline = no
+stack_duplicates = false
+hide_duplicate_count = yes
+show_indicators = no
+icon_position = left
+icon_path = "/home/end/.config/eww/images/linageOS Icons/1G.png"
+max_icon_size = 48
+sticky_history = no
+history_length = 20
+browser = firefox
+always_run_script = true
+title = Dunst
+class = Dunst
+corner_radius = 15
+
+[shortcuts]
+close = ctrl+shift+space
+close_all = ctrl+shift+space
+history = ctrl+grave
+context = ctrl+shift+period
+
+[urgency_low]
+timeout = 4
+background = "#1A1B26"
+foreground = "#90D1F6"
+frame_color = "#AEE5FA"
+
+[urgency_normal]
+timeout = 8
+background = "#1A1B26"
+foreground = "#90D1F6"
+frame_color = "#AEE5FA"
+
+[urgency_critical]
+timeout = 0
+background = "#EEAA00"
+foreground = "#1A1B26"
+frame_color = "#191919"
diff --git a/tetrio/.config/eww/README.md b/tetrio/.config/eww/README.md
new file mode 100755
index 000000000..623146e99
--- /dev/null
+++ b/tetrio/.config/eww/README.md
@@ -0,0 +1,17 @@
+# Eww configuration
+
+This configuration aims to provide a fully working shell replacement for
+compositors/window managers. Features constantly get added and existing ones
+get improved.
+
+## ❔ Usage
+
+To quickly install this config, grab all the files in this directory and put
+them in `~/.config/eww`. Then run `eww daemon` and `eww open bar`. Enjoy!
+
+Dependencies:
+- Icon fonts: `material-design-icons`, `material-icons`
+- Text font: Rubik (get it from the osu! website with DevTools)
+
+## 🎨 Theme
+- tokyonight
diff --git a/tetrio/.config/eww/css/_bgdecor.scss b/tetrio/.config/eww/css/_bgdecor.scss
new file mode 100755
index 000000000..c6f1bdf70
--- /dev/null
+++ b/tetrio/.config/eww/css/_bgdecor.scss
@@ -0,0 +1,37 @@
+.bg-decor-dow {
+  margin-top: 450px;
+  font-family: 'Rubik';
+  font-size: 64pt;
+  color : rgba(255, 255, 255, 0.8);
+}
+
+.bg-decor-date {
+  font-family: 'Rubik';
+  font-size: 26pt;
+  color : rgba(255, 255, 255, 0.8);
+}
+
+.bg-decor-input-left {
+  border-top-left-radius: 999px;
+  border-bottom-left-radius: 999px;
+  margin-top: 30px;
+  padding-left: 20px;
+  padding-right: 20px;
+  font-size: 15pt;
+  min-height: 50px;
+  background-color : rgba(255, 255, 255, 0.2);
+}
+
+.bg-decor-input-right {
+  border-top-right-radius: 999px;
+  border-bottom-right-radius: 999px;
+  margin-top: 30px;
+  padding-left: 20px;
+  padding-right: 20px;
+  // padding-top: 5px;
+  // padding-bottom: 5px;
+  font-size: 15pt;
+  min-height: 50px;
+  background-color: rgba(255, 255, 255, 0.2);
+  color : rgba(255, 255, 255, 0.2);
+}
\ No newline at end of file
diff --git a/tetrio/.config/eww/css/_calendar.scss b/tetrio/.config/eww/css/_calendar.scss
new file mode 100755
index 000000000..02d03aa7b
--- /dev/null
+++ b/tetrio/.config/eww/css/_calendar.scss
@@ -0,0 +1,45 @@
+.calendar-win {
+  @include window;
+  background-color: $colorbg;
+  border: 3px solid $colortext;
+  color: $colortext;
+  padding: .2em;
+  font-family: 'Rubik';
+}
+
+calendar {
+
+  :selected {
+    color: $colortext;
+    font-weight: bolder;
+    background-color: $overlay0;
+    border-radius: 8px;
+  }
+
+  .header {
+    color: $colortext;
+    margin: 15px;
+    min-height: 400px;
+  }
+
+  .highlight {
+    color: $color0;
+    font-weight: bold;
+  }
+
+  .button {
+    color: $colortext;
+  }
+
+  :indeterminate {
+    color: $overlay0;
+  }
+}
+
+.date-clock{
+  font-family: 'Rubik';
+  background: transparent;
+  color: $colorbar;
+  padding-left: 13px;
+  padding-right: 13px;
+}
\ No newline at end of file
diff --git a/tetrio/.config/eww/css/_colors.scss b/tetrio/.config/eww/css/_colors.scss
new file mode 100755
index 000000000..49d02ada9
--- /dev/null
+++ b/tetrio/.config/eww/css/_colors.scss
@@ -0,0 +1,74 @@
+
+
+$rosewater: #f5e0dc;
+$flamingo: #f2cdcd;
+$pink: #f5c2e7;
+$mauve: #cba6f7;
+$red: #f38ba8;
+// $red:         #EF738A;
+$maroon: #eba0ac;
+$peach: #fab387;
+$yellow: #f9e2af;
+$green: #a6e3a1;
+$teal: #94e2d5;
+$sky: #89dceb;
+$sapphire: #74c7ec;
+$blue: #89b4fa;
+$lavender: #b4befe;
+$true: #EF738A;
+$false: #A9B1D6;
+
+
+$forestgreen: #A8B468;
+$forestyellow : #8e8370;
+$foresttext : #d3c6ab;
+$forestblack : #1e201f;
+$forestred : #e76c69;
+$forestpink : #d698b5;
+$forestorange : #e59576;
+$forestgray : #75817b;
+$forestgraylight: #495156;
+$forestgreendark: #7fba90;
+$forestblue: #77AEA7;
+
+$tokyobluedark: #1A1B26;
+$tokyobluelessdark: #1f212e;
+$tokyotext: #a9b1d6;
+$tokyopink: #ff79b1; //nah theres no pink in tokyonight, but i need one so added
+$tokyored: #EF738A;
+$tokyoorange: #FF9E64;
+$tokyoyellow: #E0AF68;
+$tokyogreen: #9ECE6A;
+$tokyoturquoise: #73daca;
+$tokyoice: #b4f9f8;
+$tokyocyan: #0DB9D7;
+$tokyoblue: #7AA2F7;
+$tokyopurple: #9778D0;
+$tokyogrey: #444B6A;
+$catbg: #1E1E2E;
+
+$text: $tokyotext;
+$subtext1: #868dac;
+$subtext0: #a6adc8;
+$overlay2: #9399b2;
+$overlay1: #7f849c;
+$overlay0: rgba(87, 91, 110, 0.5);
+
+$surface2: rgba(88, 91, 112, 0.7);
+$surface1: rgba(69, 71, 90, 0.7);
+
+$light0: rgba(255, 255, 255, 0.3);
+
+
+$base: #1E201F;
+$mantle: #181825;
+$crust: #121415;
+
+$fg: $tokyotext;
+$bg: #171726;
+$barbg: #131426;
+$shadow: $crust;
+
+// $battcolor: $tokyogreen;
+// $memcolor: $tokyoorange;
+// $cpucolor: $tokyoblue;
\ No newline at end of file
diff --git a/tetrio/.config/eww/css/_colorscheme.scss b/tetrio/.config/eww/css/_colorscheme.scss
new file mode 100755
index 000000000..332e6ed4c
--- /dev/null
+++ b/tetrio/.config/eww/css/_colorscheme.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/_z1L9alieOI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLA_0euyiuQSHnE8Gn0l5AECOTvFtQ
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #000000;
+$colorbg: rgba(0,0,0,0.7);
+$colortext: #ebe9e4;
+$color0: #727085;
+$color1: #019DB5;
+$color2: #0CA6B6;
+$color3: #5BB8B8;
+$color4: #04A2C9;
+$color5: #BAC5AC;
+$color6: #ebe9e4;
+$color7: #5BB8B8;
diff --git a/tetrio/.config/eww/css/_colorscheme_default.scss b/tetrio/.config/eww/css/_colorscheme_default.scss
new file mode 100755
index 000000000..37aaee4c4
--- /dev/null
+++ b/tetrio/.config/eww/css/_colorscheme_default.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000653264299-7lydij-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #090727;
+$colorbg: rgba(9,7,39,0.7);
+$colortext: #e1e4f1;
+$color0: #926AC9;
+$color1: #2994E6;
+$color2: #5E9EE8;
+$color3: #5BC3E9;
+$color4: #9EA8E4;
+$color5: #AEC4E9;
+$color6: #e1e4f1;
+$color7: #5BC3E9;
diff --git a/tetrio/.config/eww/css/_colorscheme_osu.scss b/tetrio/.config/eww/css/_colorscheme_osu.scss
new file mode 100755
index 000000000..48bb59f78
--- /dev/null
+++ b/tetrio/.config/eww/css/_colorscheme_osu.scss
@@ -0,0 +1,11 @@
+$colorbg: #0f0e11;   //Get from color0
+$colortext: white; //Get from color4
+$color0: #8C66FF;
+$color1: #CC3378;
+$color2: #5933CC;
+$color3: #EEAA00;
+$color4: white;
+$color5: white;
+$color6: white;
+$color7: white; //Get from color4 (border)
+$colormusic: white;
\ No newline at end of file
diff --git a/tetrio/.config/eww/css/_dashboard.scss b/tetrio/.config/eww/css/_dashboard.scss
new file mode 100755
index 000000000..a9e5a4d2d
--- /dev/null
+++ b/tetrio/.config/eww/css/_dashboard.scss
@@ -0,0 +1,234 @@
+.dash-window {
+  background-color: transparent;
+}
+
+.dash-title {
+  color: $color0;
+  font-size: 18pt;
+}
+
+.dash-subtitle {
+  color: $color5;
+  font-size: 13pt;
+}
+
+.dash {
+  min-height: 50px;
+  min-width: 50px;
+  background-color: $colorbarbg;
+  border-radius: 15px;
+  padding: 20px;
+  margin: 5px;
+}
+
+.dash-profile {
+  min-width: 300px;
+  min-height: 228px;
+}
+
+.dash-user-pic {
+  margin: 20px;
+  min-width: 150px;
+  min-height: 150px;
+  background-repeat: no-repeat;
+  background-size: 100%;
+  border-radius: 1500px;
+  background-position: center;
+}
+
+.dash-fetch {
+  color: $colortext;
+  font-size: 15pt;
+}
+.dash-fetch-icon {
+  color: $colortext;
+  font-size: 16pt;
+  margin: 3px;
+  font-family: Material Symbols Outlined;
+}
+
+.dash-fetch-icon-nerd {
+  color: $colortext;
+  font-size: 16pt;
+  margin: 3px;
+  font-family: JetBrainsMono Nerd Font Regular;
+}
+
+.dash-icon {
+  font-size: 24pt;
+  font-weight: bold;
+  font-family: Material Symbols Outlined;
+}
+
+.dash-button {
+  border-radius: 15px;
+}
+
+.dash-button:hover {
+  background-color: tint($colorbarbg, 10%);
+}
+.dash-button:focus {
+  background-color: tint($colorbarbg, 10%);
+}
+
+.dash-button:active {
+  background-color: tint($colorbarbg, 20%);
+}
+
+.dash-quote-content {
+  margin: 2px;
+  color: $colortext;
+  font-size: 14pt;
+}
+
+.dash-quote-author {
+  margin: 2px;
+  color: $colortext;
+  font-size: 12pt;
+}
+
+.dash-tile {
+  min-width: 800px;
+}
+
+.dash-input-icon {
+  padding-left: 15px;
+  padding-right: 15px;
+  min-width: 30px;
+  margin: -5px;
+  margin-left: 15px;
+  background-color: $colorbarbg;
+  border: 2px solid tint($colorbarbg, 10%);
+  border-radius: 10px;
+  color: $colortext;
+  font-size: 19pt;
+}
+
+.dash-input {
+  padding-left: 15px;
+  padding-right: 15px;
+  min-width: 860px;
+  margin: -5px;
+  background-color: $colorbarbg;
+  border: 2px solid tint($colorbarbg, 10%);
+  border-radius: 10px;
+  color: $colortext;
+  font-size: 15pt;
+  caret-color: $colortext;
+
+  selection {
+    background-color: rgba(154, 152, 152, 0.5);
+  }
+}
+
+.dash-time {
+  color: $color0;
+  font-size: 35pt;
+}
+
+.dash-date {
+  color: $color0;
+  font-size: 18pt;
+}
+
+.dash-clock-text-area {
+  min-width: 200px;
+}
+
+.dash-clock-circle-area {
+  // margin-left: 10px;
+}
+
+.dash-clock-circle {
+  background-color: $surface0;
+}
+
+.dash-clock-inner {
+  padding: 36px;
+}
+
+.dash-clock-circle-minute {
+  margin: 10px;
+  background-color: $overlay0;
+}
+
+.dash-debug-area {
+  background-color: rgba(214, 28, 50, 0.3);
+}
+
+.dash-dir-area {
+  min-width: 198px;
+}
+
+.dash-dir {
+  font-size: 15pt;
+  padding: 10px;
+  padding-left: 15px;
+}
+
+.dash-resources {
+  min-width: 198px;
+  min-height: 122px;
+}
+
+.dash-resouce-icon {
+  font-size: 99pt;
+}
+
+.dash-resource-inner {
+  padding: 30px;
+}
+
+.dash-resource-text {
+  font-size: 15pt;
+  margin: 3px;
+}
+
+.dash-resource-title {
+  font-size: 15pt;
+}
+
+.dash-resource-tile {
+  // background-color: tint($colorbarbg, 20%);
+  border-radius: 12px;
+  padding-left: 15px;
+  padding-right: 15px;
+  padding-top: 11px;
+  // padding: 15px;
+}
+
+.clrt {
+  color: $colortext;
+}
+
+.clr0 {
+  color: $color0;
+}
+
+.clr1 {
+  color: $color1;
+}
+
+.clr2 {
+  color: $color2;
+}
+
+.clr3 {
+  color: $color3;
+}
+
+.clr4 {
+  color: $color4;
+}
+
+.clr5 {
+  color: $color5;
+}
+
+.clr6 {
+  color: $color6;
+}
+
+.clr7 {
+  color: $color7;
+}
diff --git a/tetrio/.config/eww/css/_editmode.scss b/tetrio/.config/eww/css/_editmode.scss
new file mode 100755
index 000000000..e69de29bb
diff --git a/tetrio/.config/eww/css/_iconcolor.txt b/tetrio/.config/eww/css/_iconcolor.txt
new file mode 100755
index 000000000..38ea0f973
--- /dev/null
+++ b/tetrio/.config/eww/css/_iconcolor.txt
@@ -0,0 +1 @@
+#ebe9e4
diff --git a/tetrio/.config/eww/css/_iconcolor_default.txt b/tetrio/.config/eww/css/_iconcolor_default.txt
new file mode 100755
index 000000000..3d888e238
--- /dev/null
+++ b/tetrio/.config/eww/css/_iconcolor_default.txt
@@ -0,0 +1 @@
+#e1e4f1
diff --git a/tetrio/.config/eww/css/_music.scss b/tetrio/.config/eww/css/_music.scss
new file mode 100755
index 000000000..997200d0d
--- /dev/null
+++ b/tetrio/.config/eww/css/_music.scss
@@ -0,0 +1,226 @@
+.music-area {
+}
+
+.song-cover-art {
+  background-position: center;
+  background-size: 100%;
+  margin: 4px 5px 4px 0;
+  min-height: 24px;
+  min-width: 24px;
+}
+
+.music-window {
+  background-color: $colorbarbg;
+  border: 3px solid;
+  color: $colortext;
+  margin: 3px;
+}
+
+.music-cover-art {
+  background-color: transparent;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-image: url("eww_covers/cover_art_default");
+  background-position: 50% 15%;
+  // border-radius: 5px;
+  // margin: 1em;
+  // min-height: 200px;
+  min-width: 200px;
+}
+
+.music-box {
+  padding-top: 24px;
+  background-color: rgba(0, 0, 0, 0.6);
+  background-position: top;
+}
+
+.music-title-bar { 
+  // font-weight: bold;
+  font-family: 'Rubik';
+  min-height: 30px;
+  font-size: 19pt;
+  color: $colormusic;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+.music-title { 
+  // font-weight: bold;
+  font-family: 'Rubik';
+  min-height: 38px;
+  font-size: 19pt;
+  color: $colormusic;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+.music-title-hover { 
+  // font-weight: bold;
+  font-family: 'Rubik';
+  font-size: 19pt;
+  color: $colortext;
+  background-color: $overlay0;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+.music-artist {
+  color: $colortext;
+  font-family: 'Rubik';
+  font-weight: bold;
+  margin-bottom: 5px;
+  min-height: 25px;
+}
+
+.music-button label {
+  font-family: 'Material Symbols Outlined';
+  // color: $text;
+  font-size: 2rem;
+  font-family: SF Mono Nerd Font;
+  padding: 8px;
+}
+
+.music-time {
+  font-family: 'Rubik';
+  color: $color1;
+  margin: 0 1rem;
+}
+
+.music-bar scale {
+  font-family: 'Material Symbols Outlined';
+  font-family: SF Mono Nerd Font;
+
+  highlight {
+    background-color: $color1;
+  }
+
+  trough {
+    background-color: $surface0;
+    min-height: 10px;
+    min-width: 170px;
+  }
+}
+
+.music-ctl {
+  // border-radius: 0px;
+  color: $color1;
+  // padding-right: 10px;
+  min-height: 32px;
+}
+
+
+
+.music-ctl-revealer {
+  // transition: 200ms cubic-bezier(0.3, 0, 0.8, 0.15);
+}
+
+.music-ctl-revealer-false {
+  // padding-left: 10px;
+}
+
+.music-ctl-revealer-true {
+  background-color: $overlay0;
+}
+
+.music-media-source {
+  min-width: 40px;
+  min-height: 20px;
+  padding-left: 5px;
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.music-media-source-wedge {
+  border-left: 29px solid rgba(0, 0, 0, 0.6);
+  border-bottom: 29px solid transparent;
+}
+
+.music-source-icon {
+  font-family: 'JetBrainsMono Nerd Font';
+  font-size: 16pt;
+  margin-right: 5px;
+}
+
+.song-button {
+  color: $colortext;
+  // border-radius: 9999px;
+  margin: 3px 3px;
+  min-width: 58px;
+  font-size: 36pt;
+}
+.song-button:hover {
+  background-color: $overlay0;
+}
+
+.music-button-box {
+  font-family: 'Material Symbols Outlined';
+  color: $colortext;
+  min-width: 160px;
+  margin-top: 2px;
+  padding-bottom: 0px;
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.osu-music-box-false {
+  min-width: 75px;
+  min-height: 32px;
+  background-size: auto 65%;
+  background-position: 35% 50%;
+  // background-color: $colorbarbg;
+  background-repeat: no-repeat;
+}
+.osu-music-box-true {
+  min-width: 75px;
+  min-height: 32px;
+  background-size: auto 65%;
+  background-position: 35% 50%;
+  background-color: $overlay0;
+  background-repeat: no-repeat;
+}
+
+.osu-music-box-dummy {
+  min-width: 50px;
+  min-height: 32px;
+}
+
+.osu-music-slider {
+  margin-top: 9px;
+  margin-bottom: 9px;
+  min-height: 6px;
+  padding-left: 13px;
+
+  trough {
+    // border-radius: 9999px;
+    background-color: #24222A;
+    min-height: 6px;
+    // margin-left: 32px;
+    // margin-right: 32px;
+    // min-width: 70px;
+    min-width: 3px;
+  }
+
+  highlight {
+    min-width: 3px;
+    // border-radius: 9999px;
+    background-color: $colorbar;
+  }
+}
+
+.track-scale {
+  // @include rounding;
+  trough {
+    // border-bottom-left-radius: 9999px;
+    // border-bottom-right-radius: 9999px;
+    background-color: $overlay0;
+    min-height: 8px;
+    // margin-left: 32px;
+    // margin-right: 32px;
+    // min-width: 70px;
+    min-width: 3px;
+  }
+
+  highlight {
+    min-width: 8px;
+    // border-bottom-left-radius: 9999px;
+    // border-bottom-right-radius: 9999px;
+    background-color: $color0;
+  }
+}
\ No newline at end of file
diff --git a/tetrio/.config/eww/css/_notification.scss b/tetrio/.config/eww/css/_notification.scss
new file mode 100755
index 000000000..c84552df9
--- /dev/null
+++ b/tetrio/.config/eww/css/_notification.scss
@@ -0,0 +1,87 @@
+.notifications-box {
+  // @include window;
+  // padding: 1rem;
+  font-family: 'Rubik';
+}
+
+.notification {
+  font-size: 12pt;
+  font-family: 'Rubik';
+  background-color: $surface0;
+  // border-bottom: 3px solid $colorbg;
+  padding: .7rem;
+  margin-top: 5px;
+  margin-bottom: 5px;
+
+  // box {
+  //    margin-bottom: .5rem;
+  // }
+
+  label {
+    font-size: 1rem;
+  }
+
+  &:hover {
+    border: 3px solid $color7;
+  }
+
+  .appname {
+    font-size: 13pt;
+    color: $color0;
+    font-weight: bold;
+  }
+
+  .summary {
+    font-size: 13pt;
+    color: $colortext;
+    font-weight: bold;
+  }
+
+  .body {
+    color: $colortext;
+  }
+}
+
+.notification-bottomleft {
+  border-top: 20px solid transparent;
+  border-left: 20px solid tint($colorbarbg, 10%);
+}
+
+// .container {
+//   &:first-child {
+//     border-radius: 8px 8px 0 0;
+//   }
+
+//   ;
+
+//   &:last-child {
+//     border-radius: 0 0 8px 8px;
+//   }
+
+//   ;
+// }
+
+.notification-header {
+  margin-bottom: 1rem;
+}
+
+.notification-label {
+  color: $colortext;
+  font-size: 1.5rem;
+}
+
+.notification-action {
+  border-radius: 50%;
+  margin-top: 33px;
+  margin-bottom: 9px;
+  padding: 0 .3rem;
+
+  label {
+    color: $colortext;
+    font-size: 1.4rem;
+  }
+
+  &:hover {
+    background: $surface0;
+  }
+}
\ No newline at end of file
diff --git a/tetrio/.config/eww/css/_osd.scss b/tetrio/.config/eww/css/_osd.scss
new file mode 100755
index 000000000..62ecb41f3
--- /dev/null
+++ b/tetrio/.config/eww/css/_osd.scss
@@ -0,0 +1,43 @@
+.osd-window {
+    margin: 5px;
+    border-radius: 9999px;
+    min-width: 10px;
+    min-height: 40px;
+}
+
+.osd-var {
+    margin-left: 5px;
+    margin-right: 5px;
+    background-color: $colorbarbg;
+    border-radius: 9999px;
+    min-width: 100px;
+    min-height: 37px;
+    padding: 7px;
+}
+
+.osd-circle {
+    // margin-left: 14px;
+    background-color: #5c5b5b;
+    color: $colortext;
+}
+
+.osd-incircle {
+    font-size: 19pt;
+    padding: 6px;
+    font-family: "Material Symbols Outlined"; //AAAAAAAAAGGGHHH
+    color: $colortext;
+}
+
+.osd-incircle-bright {
+    font-size: 19pt;
+    padding: 6px;
+    font-family: "Material Symbols Outlined"; //AAAAAAAAAGGGHHH
+    color: $colortext;
+}
+
+.osd-text {
+    font-size: 15pt;
+    font-family: 'Rubik'; //AAAAAAAAAGGGHHH
+    color: $colortext;
+    padding-right: 5px;
+}
\ No newline at end of file
diff --git a/tetrio/.config/eww/css/_osettings.scss b/tetrio/.config/eww/css/_osettings.scss
new file mode 100755
index 000000000..c14cc5fc5
--- /dev/null
+++ b/tetrio/.config/eww/css/_osettings.scss
@@ -0,0 +1,468 @@
+$colorpanel: tint($colorbarbg, 10%);
+
+.osettings-window {
+    min-width: 529px;
+    padding-top: 20px;
+    background-color: $colorpanel;
+    color: $colortext;
+    font-family: 'JetBrainsMono Nerd Font';
+}
+
+.onotify-window {
+    min-width: 529px;
+    background-color: $colorpanel;
+    color: $colortext;
+    font-family: 'JetBrainsMono Nerd Font';
+}
+
+.osettings-separator {
+    background-color: shade($colorbarbg, 5%);
+    min-height: 6px;
+    margin-top: 27px;
+}
+
+.osettings-content {
+    // padding-top: 13px;
+    padding-bottom: 10px;
+    color: $colortext;
+    font-family: 'Rubik';
+}
+
+.osettings-heading {
+    padding-left: 28px;
+    padding-right: 28px;
+    color: $colortext;
+    font-family: 'Rubik';
+}
+
+.osettings-title {
+    padding-top: 28px;
+    color: $colortext;
+    font-family: 'JetBrainsMono Nerd Font';
+    font-size: 30pt;
+    font-weight: 300;
+}
+
+.osettings-subtitle {
+    color: $color5;
+    font-family: 'JetBrainsMono Nerd Font';
+    font-size: 14pt;
+    font-weight: 200;
+}
+
+.osettings-window-section {
+    margin-top: 33px;
+    border: 2px solid;
+}
+
+.osettings-window-quick {
+    border-color: $color5;
+}
+
+.osettings-window-session {
+    color: $color4;
+}
+
+.osettings-window-mouse {
+    color: $color3;
+}
+
+.osettings-window-appearance {
+    color: $color5;
+}
+
+.osettings-window-gaps {
+    color: $color4;
+}
+
+.osettings-window-hyperland {
+    color: $color3;
+}
+
+.osettings-window-hyprland {
+    color: $color3;
+}
+
+.osettings-window-calendar {
+    color: $color5;
+}
+
+.osettings-window-secret {
+    color: $color5;
+}
+
+.osettings-window-quick-bottomright {
+    border-top: 30px solid transparent;
+    border-right: 30px solid $color5;
+}
+
+.osettings-window-session-bottomright {
+    border-top: 30px solid transparent;
+    border-right: 30px solid $color4;
+}
+
+.osettings-window-mouse-bottomright {
+    border-top: 30px solid transparent;
+    border-right: 30px solid $color3;
+}
+
+.osettings-window-appearance-bottomright {
+    border-top: 30px solid transparent;
+    border-right: 30px solid $color5;
+}
+
+.osettings-window-gaps-bottomright {
+    border-top: 30px solid transparent;
+    border-right: 30px solid $color4;
+}
+
+.osettings-window-hyperland-bottomright {
+    border-top: 30px solid transparent;
+    border-right: 30px solid $color3;
+}
+
+.osettings-window-hyprland-bottomright {
+    border-top: 30px solid transparent;
+    border-right: 30px solid $color3;
+}
+
+.osettings-window-calendar-bottomright {
+    border-top: 30px solid transparent;
+    border-right: 30px solid $color5;
+}
+
+.osettings-window-secret-bottomright {
+    border-top: 30px solid transparent;
+    border-right: 30px solid $color5;
+}
+
+.osettings-window-bottomright-cut {
+    border-top: 27px solid transparent;
+    border-right: 27px solid $colorpanel;
+}
+
+.osettings-window-contents {
+    margin: 5px;
+    margin-left: 20px;
+    margin-right: 20px;
+}
+
+.osettings-section {
+    color: $colorbarbg;
+    font-family: 'JetBrainsMono Nerd Font';
+    font-size: 20pt;
+    padding-left: 10px;
+    padding-top: 4px;
+}
+
+.osettings-section-baronly {
+    color: $colorbarbg;
+    font-family: 'JetBrainsMono Nerd Font';
+    font-size: 20pt;
+}
+
+.osettings-section-textonly {
+    color: $colorbarbg;
+    font-family: 'JetBrainsMono Nerd Font';
+    font-size: 20pt;
+    padding-left: 10px;
+    padding-top: 4px;
+}
+
+.osettings-section-quick {
+    background-color: $color5;
+}
+
+.osettings-section-session {
+    background-color: $color4;
+}
+
+.osettings-section-mouse {
+    background-color: $color3;
+}
+
+.osettings-section-appearance {
+    background-color: $color5;
+}
+
+.osettings-section-gaps {
+    background-color: $color4;
+}
+
+.osettings-section-hyperland {
+    background-color: $color3;
+}
+
+.osettings-section-hyprland {
+    background-color: $color3;
+}
+
+.osettings-section-calendar {
+    background-color: $color5;
+}
+
+.osettings-section-secret {
+    background-color: $color5;
+}
+
+.onotify-window-volume {
+    border-color: $color5;
+}
+
+.onotify-window-resources {
+    border-color: $color4;
+}
+
+.onotify-window-notif {
+    border-color: $color3;
+}
+
+.onotify-section-volume {
+    background-color: $color5;
+}
+
+.onotify-section-resources {
+    background-color: $color4;
+}
+
+.onotify-section-notif {
+    background-color: $color3;
+}
+
+.osettings-window-volume-bottomleft {
+    border-top: 30px solid transparent;
+    border-left: 30px solid $color5;
+}
+
+.osettings-window-resources-bottomleft {
+    border-top: 30px solid transparent;
+    border-left: 30px solid $color4;
+}
+
+.osettings-window-notif-bottomleft {
+    border-top: 30px solid transparent;
+    border-left: 30px solid $color3;
+}
+
+.osettings-window-bottomleft-cut {
+    border-top: 27px solid transparent;
+    border-left: 27px solid $colorpanel;
+}
+
+.osettings-text {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    // color: $colortext;
+    font-family: 'Rubik';
+    font-size: 14pt;
+}
+
+.osettings-btn-section {
+    color: $colorpanel;
+    font-size: 14pt;
+    min-width: 31px;
+}
+
+.osettings-btn-section:hover {
+    background-color: $overlay0;
+}
+
+.osettings-search {
+    margin-left: 28px;
+    margin-right: 28px;
+    margin-top: 35px;
+    background-color: $colorpanel;
+    border: 2px solid $colortext;
+    color: $colortext;
+    // border-radius: 10px;
+    font-size: 11pt;
+    min-height: 45px;
+    caret-color: $colortext;
+
+    selection {
+        background-color: rgba(154, 152, 152, 0.5);
+    }
+}
+
+.osettings-search-text {
+    color: $colortext;
+    padding: 10px;
+    font-size: 13pt;
+    min-width: 420px;
+    font-family: 'Rubik';
+}
+
+.osettings-search-icon {
+    background-color: $colortext;
+    color: $colorpanel;
+    padding: 6px;
+    padding-left: 10px;
+    padding-right: 10px;
+    font-size: 20pt;
+}
+
+.osettings-scroll-bg {
+    padding: 28px;
+    padding-top: 0px;
+}
+
+.osettings-btn {
+    // border-radius: 9999px;
+    min-height: 50px;
+    font-weight: normal;
+    font-size: 13pt;
+}
+
+.osettings-btn {
+    font-weight: bold;
+}
+
+.osettings-btn-destructive {
+    color: white;
+}
+
+.osettings-btn-neutral {
+    color: white;
+}
+
+.osettings-btn-informative {
+    color: white;
+}
+
+.osettings-btn-neutral:hover,
+.osettings-btn-neutral:focus {
+    background-image: linear-gradient(to right, $color2 0%, $color4 50%);
+}
+
+.osettings-btn-destructive:hover,
+.osettings-btn-destructive:focus {
+    background-image: linear-gradient(to right, $color1 0%, $color3 50%);
+}
+
+.osettings-btn-informative:hover,
+.osettings-btn-informative:focus {
+    background-image: linear-gradient(to right, $color2 0%, $color4 50%);
+}
+
+.rounder {
+    // border-radius: 9999px;
+}
+
+.osettings-slider {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    min-height: 6px;
+
+    trough {
+        min-height: 6px;
+        margin-left: 8px;
+        margin-right: 8px;
+    }
+
+    slider {
+        min-height: 20px;
+        min-width: 20px;
+        margin: -8px;
+    }
+
+    slider:hover {
+        background-color: $color6;
+    }
+
+    // slider:focus {
+    //     background-color: $color4;
+    // }
+}
+
+.osettings-slider-3 {
+    background-image: linear-gradient(to right, $color3 8px, $surface0 8px);
+    highlight {
+        background-color: $color3;
+    }
+    slider {
+        background-color: $color3;
+    }
+}
+.osettings-slider-4 {
+    background-image: linear-gradient(to right, $color4 8px, $surface0 8px);
+    highlight {
+        background-color: $color4;
+    }
+    slider {
+        background-color: $color4;
+    }
+}
+.osettings-slider-5 {
+    background-image: linear-gradient(to right, $color5 8px, $surface0 8px);
+    highlight {
+        background-color: $color5;
+    }
+    slider {
+        background-color: $color5;
+    }
+}
+
+.osettings-slider-quick {
+    highlight {
+        background-color: $color5;
+    }
+
+    slider {
+        background-color: $color5;
+    }
+}
+
+.osettings-slider-mouse {
+    highlight {
+        background-color: $color3;
+    }
+
+    slider {
+        background-color: $color3;
+    }
+}
+
+.osettings-checkbox {
+    // border-radius: 9999px;
+    // min-height: 20px;
+    // min-height: 6px;
+    min-width: 60px;
+    background-color: transparent;
+    color: transparent;
+    border: 3px solid $color0;
+
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+.osettings-checkbox-1 {
+    // border-radius: 9999px;
+    // min-height: 20px;
+    // min-height: 6px;
+    min-width: 60px;
+    background-color: $color0;
+    color: transparent;
+    border: 3px solid;
+
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+.osettings-checkbox-0 {
+    // border-radius: 9999px;
+    // min-height: 20px;
+    // min-height: 6px;
+    min-width: 60px;
+    background-color: transparent;
+    color: transparent;
+    border: 3px solid $color0;
+
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+.osettings-checkbox:checked {
+    // border-radius: 9999px;
+    background-color: $color0;
+    color: $color0;
+}
\ No newline at end of file
diff --git a/tetrio/.config/eww/css/_overview.scss b/tetrio/.config/eww/css/_overview.scss
new file mode 100755
index 000000000..7fc762f48
--- /dev/null
+++ b/tetrio/.config/eww/css/_overview.scss
@@ -0,0 +1,167 @@
+.overview-window {
+  @include window 
+  font-family: 'Rubik';
+  border-radius: 22px;
+  background-color: $colorbarbg;
+  // background-color: transparent;
+  // border: 3px solid $color0;
+  //padding: 5px;
+}
+
+.overview-window-title {
+  font-size: 15pt;
+  color: $colortext;
+  border-radius: 15px;
+  background-color: $surface0;
+  margin: 4px;
+  padding: 4px;
+  min-height: 30px;
+}
+
+.overview-window-top {
+  @include rounding;
+  background-color: transparent;
+  border: 3px solid transparent;
+  //padding: 5px;
+}
+
+.overview-ws {
+  border: 2px solid;
+  border-radius: 15px;
+  background-color: $surface0;
+  margin: 4px;
+}
+
+.overview-ws-true {
+  color: $color3;
+}
+.overview-ws-false {
+  color: transparent;
+}
+
+.overview-ws-window {
+  border: 2px solid $color0;
+  border-radius: 15px;
+  background-color: $overlay0;
+  // //margin: 3px; 
+}
+
+.overview-ws-window-content {
+  border-radius: 11px;
+  // background-color: rgba(135, 147, 163, 0.7);
+}
+
+.overview-topbar-icon {
+  min-width: 30px;
+  min-height: 30px;
+  margin: 5px;
+  background-size: contain;
+}
+
+.overview-topbar-button {
+  min-width: 30px;
+  min-height: 30px;
+  margin: 5px;
+  border-radius: 8px;
+}
+
+.overview-topbar-button:hover {
+  background-color: $overlay0;
+}
+
+.overview-icon {
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.overview-background {
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 100%;
+  border-radius: 15px;
+}
+
+.overview-ws-text {
+  //padding-left: 5px;
+  font-size: 13pt;
+}
+
+.overview-ws-subtext {
+  //padding-left: 5px;
+  font-size: 9pt;
+}
+
+.overview-ws-number {
+  //Note: height 100px width 356px
+  font-size: 25pt;
+  border-radius: 11px;
+  background-color: $overlay0;
+  color: $colortext;
+  //margin: 10px;
+  min-height: 40px;
+  min-width: 40px;
+}
+
+.overview-title {
+  font-weight: bold;
+  font-size: 15pt;
+  //padding-top: .6rem;
+  //padding-bottom: .6rem;
+}
+
+.overview-search-area {
+  
+}
+
+.overview-search-box {
+  border-radius: 20px;
+  border: 2px solid $colortext;
+  background-color: tint($colorbarbg, 10%);
+  color: $colortext;
+  font-size: 15pt;
+  min-height: 45px;
+  min-width: 400px;
+
+  margin: 20px 20px;
+  padding: 2px 12px;
+
+  caret-color: $colortext;
+
+  selection {
+    background-color: rgba(154, 152, 152, 0.5);
+  }
+}
+
+.overview-search-box:focus {
+  color: $color4;
+}
+
+.overview-results {
+  // :first-child {
+  //   color: white;
+  //   background-image: linear-gradient(to right, $color0 0%, $color4 100%);
+  // }
+}
+
+.overview-search-result {
+  border-radius: 20px;
+  border: 2px solid;
+  background-color: tint($colorbarbg, 10%);
+  color: $colortext;
+  font-size: 15pt;
+  min-height: 45px;
+  min-width: 400px;
+  padding: 2px 12px;
+  margin: 0 5px;
+
+  caret-color: transparent;
+
+  selection {
+    background-color: transparent;
+  }
+}
+
+.overview-search-result:focus{
+  color: white;
+  background-image: linear-gradient(to right, $color0 0%, $color4 100%);
+}
\ No newline at end of file
diff --git a/tetrio/.config/eww/css/_sidebar.scss b/tetrio/.config/eww/css/_sidebar.scss
new file mode 100755
index 000000000..a798d2a1d
--- /dev/null
+++ b/tetrio/.config/eww/css/_sidebar.scss
@@ -0,0 +1,174 @@
+.system-menu-box {
+  @include window;
+  background-color: $colorbg;
+  border: 3px solid $border;
+  // color: $colortext;
+}
+
+.separator {
+  font-size: 1rem;
+}
+
+.top-row {
+  margin: 1rem 1.5rem 0;
+
+  .time {
+    font-size: 2rem;
+  }
+
+  .date-box {
+    margin: 0 1rem;
+
+    label {
+      font-size: 1.1rem;
+    }
+
+    .date {
+      background: unset;
+      margin: 0 .5rem 0 0;
+      padding: 0;
+    }
+  }
+}
+
+.system-row {
+  font-family: 'Rubik';
+  // margin: .5rem .7rem;
+  margin-top: 20px;
+
+  .airplane-box button {
+    padding: 1rem 3rem;
+  }
+
+  .power-box button {
+    padding-left: 30px;
+    padding-right: 30px;
+  }
+
+  label {
+    font-size: 1rem;
+  }
+}
+
+.element {
+  font-family: 'Rubik';
+  border: 2px solid $color5;
+  background: $surface0;
+  // margin: .3rem;
+  margin: 5px;
+
+  button {
+    @include rounding;
+    padding: 1rem;
+
+    label {
+      font-size: 1.5rem;
+    }
+
+    &:hover {
+      background: $overlay0;
+    }
+  }
+}
+
+.element-bottomleft {
+  border-top: 23px solid transparent;
+  border-left: 23px solid $color5;
+  margin: 5px;
+}
+
+.element-bottomleft-cut {
+  border-top: 20px solid transparent;
+  border-left: 20px solid $colorpanel;
+  margin: 5px;
+}
+
+.sliders {
+  @include rounding;
+  background-color: $surface0;
+  margin: .5rem 1rem;
+  padding: .6rem 1rem;
+
+  scale {
+    margin-right: -1rem;
+    min-width: 25.8rem;
+  }
+  scale trough {
+    background-color: $bg1;
+    border-radius: 24px;
+    margin: 0 1rem;
+    min-height: 10px;
+    min-width: 70px;
+  }
+
+  box {
+    margin: .2rem 0;
+  }
+
+  label {
+    font-size: 1.2rem;
+  }
+}
+
+.sliderbg {
+  background-color: transparent;
+  padding: 0px;
+}
+
+.volume-bar highlight {
+  font-family: SF Mono Nerd Font;
+  @include rounding;
+  background: $color6;
+  // background-image: linear-gradient(to right, $tokyocyan 30%, $tokyopurple 100%);
+}
+
+.volume-slider-box scale highlight {
+  @include rounding;
+  background: $color6;
+  // background-image: linear-gradient(to right, $tokyocyan 30%, $tokyopurple 100%);
+  // border: 2px solid;
+  min-height: 0.9rem;
+}
+
+// .volume-slider-box scale {
+//   @include rounding;
+//   background-color: #1A1B26;
+//   border: 2px solid;
+// }
+
+.bottom-row {
+  margin: .5rem 1rem;
+
+  .battery-icon {
+    font-size: 2rem;
+  }
+
+  .battery-wattage {
+    color: $color7;
+  }
+
+  .battery-status {
+    color: $colortext;
+    margin: 0 .5rem;
+  }
+
+  button {
+    background-color: $surface0;
+    border-radius: 50%;
+    margin-bottom: .1rem;
+    padding: 0 .5rem;
+
+    label {
+      font-size: 1.5rem;
+    }
+
+    &:hover {
+      background: $overlay0;
+    }
+  }
+}
+
+.power-button {
+  min-height: 2.5rem;
+  // min-width: 2.5rem;
+}
\ No newline at end of file
diff --git a/tetrio/.config/eww/css/_system.scss b/tetrio/.config/eww/css/_system.scss
new file mode 100755
index 000000000..5546e09ea
--- /dev/null
+++ b/tetrio/.config/eww/css/_system.scss
@@ -0,0 +1,184 @@
+.membar {
+  color: $colorbar;
+}
+
+.cpubar {
+  color: $cpucolor;
+}
+
+.batbar {
+  color: $battcolor;
+  padding-right: 4px;
+}
+
+.cpubar-circle {
+  color: $cpucolor;
+  background-color: $surface1;
+}
+.membar-circle {
+  color: $memcolor;
+  background-color: $surface1;
+}
+.batbar-circle {
+  color: $battcolor;
+  background-color: $surface1;
+}
+
+// .batbar-circle {
+//   color: $battcolor;
+//   padding-right: 4px;
+// }
+
+// .membar,
+// .cpubar,
+// .batbar {
+//   // background-color: transparent;
+//   padding: 0px;
+// }
+
+.membar:hover,
+.cpubar:hover,
+.batbar:hover {
+  border-top: 2px solid;
+}
+
+.batt-percentage {
+  color: $battcolor;
+  padding-right: 5px;
+  padding-left: 4px;
+}
+
+.sys-menu-charge {
+  padding-left: 2px;
+  color: $colorbar;
+}
+
+.iconmem {
+  color: $memcolor;
+}
+
+.iconcpu {
+  color: $cpucolor;
+}
+
+.icon-text {
+  font-size: 3rem;
+  padding: .7rem;
+}
+
+.sys-text-sub {
+  color: $colortext;
+}
+
+.sys-text-mem,
+.sys-text-cpu {
+  font-size: 1rem;
+  font-weight: bold;
+}
+
+.sys-icon-mem,
+.sys-icon-cpu {
+  font-size: 1.5rem;
+  margin: 1.5rem;
+}
+
+.system-info-box {
+  @include rounding;
+  background-color: $surface0;
+  margin: .5rem 1rem;
+  // padding: .5rem;
+}
+
+.sys-mem,
+.sys-cpu {
+  background-color: $colorbg;
+}
+
+.sys-icon-mem,
+.sys-text-mem,
+.sys-mem {
+  color: $memcolor;
+}
+
+.sys-icon-cpu,
+.sys-text-cpu,
+.sys-cpu {
+  color: $cpucolor;
+}
+
+.sys-box {
+  margin: .3em;
+
+  box {
+    margin-left: 1rem;
+  }
+}
+
+.cpu-menu {
+  font-family: 'Rubik';
+  color: $cpucolor;
+  padding-left: 5px;
+}
+
+.mem-menu {
+  font-family: 'Rubik';
+  color: $memcolor;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+.mem-menu-left {
+  color: $memcolor;
+  padding-left: 5px;
+  padding-right: 0px;
+}
+
+.mem-menu-mid {
+  color: $memcolor;
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+.mem-menu-right {
+  color: $memcolor;
+  padding-left: 0px;
+  padding-right: 5px;
+}
+
+.sys-menu {
+  font-family: 'Rubik';
+  color: $battcolor;
+  margin: 0px;
+  padding: 0px;
+}
+
+.sys-menu-button {
+  color: $colorbar;
+  margin: 0px;
+  padding-left: 16px;
+  padding-right: 16px;
+  background-image: url("images/LinageSettings.png");
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+// .volume-bar, .brightness-slider, .slider {
+// background-color: #16161E;
+// border: 2px solid #7C9FF5;
+// border-radius: 99px;
+// }
+
+.sys-toggle {
+  font-size: 3pt;
+}
+
+.inside-circle {
+  min-height: 27px;
+  min-width: 27px;
+}
+
+.sys-circle-inner {
+  font-size: 15pt;
+  padding: 5px;
+}
\ No newline at end of file
diff --git a/tetrio/.config/eww/css/_themer.scss b/tetrio/.config/eww/css/_themer.scss
new file mode 100755
index 000000000..3dd30e795
--- /dev/null
+++ b/tetrio/.config/eww/css/_themer.scss
@@ -0,0 +1,138 @@
+.themer-button {
+    min-height: 53px;
+    min-width: 53px;
+    color: $colortext;
+    font-family: Material Symbols Outlined;
+    background-image: url('images/svg/beatmappacks.svg');
+    background-size: auto 65%;
+    background-position: center;
+}
+
+.themer-button-true {
+    min-height: 53px;
+    min-width: 53px;
+    color: $colortext;
+    font-family: Material Symbols Outlined;
+    background-color: $overlay0;
+    background-image: url('images/svg/beatmappacks.svg');
+    background-size: auto 65%;
+    background-position: center;
+}
+
+.themer-button-false {
+    min-height: 53px;
+    min-width: 53px;
+    color: $colortext;
+    font-family: Material Symbols Outlined;
+    background-image: url('images/svg/beatmappacks.svg');
+    background-size: auto 65%;
+    background-position: center;
+}
+
+.themer-action-button {
+    // @include rounding;
+    min-height: 53px;
+    min-width: 53px;
+    color: $colortext;
+    font-family: Material Symbols Outlined;
+}
+
+.themer-action-button:hover {
+    background-color: $overlay0;
+}
+
+.themer-action-button:active {
+    background-color: $overlay0;
+}
+
+.themer-action-button:focus {
+    border: 2px solid $overlay0;
+}
+
+.themer-menu-box {
+    // @include window;
+    // @include rounding;
+    // border-radius: 15px;
+    background-color: tint($colorbarbg, 12.5%);
+    margin: 14px;
+    transition: 250ms cubic-bezier(0.05, 0.7, 0.1, 1);
+}
+
+.themer-title {
+    font-family: 'Rubik';
+    font-size: 15pt;
+    padding: .6rem;
+    color: $colortext;
+    font-size: 14pt;
+}
+
+.themer-prompt {
+    color: $colortext;
+    font-family: 'Rubik';
+    font-size: 12pt;
+    padding: .6rem;
+}
+
+.themer-input {
+    font-family: 'Rubik';
+    // background-color: $surface0;
+    background-color: tint($colorbarbg, 10%);
+    color: $colortext;
+    // border-radius: 10px;
+    padding: 7px;
+    margin-top: 2px;
+    margin-bottom: 2px;
+    border: 2px solid $overlay0;
+    caret-color: $colortext;
+
+    selection {
+        background-color: rgba(154, 152, 152, 0.5);
+    }
+}
+
+.themer-input:focus {
+    border: 2px solid $colortext;
+}
+
+.themer-color-preview-section {
+    @include rounding;
+}
+
+.themer-color-preview {
+    min-height: 25px;
+    min-width: 25px;
+    // border-radius: 5px;
+    border-width: 55px;
+}
+
+.preview-0 {
+    background-color: $color0;
+}
+
+.preview-1 {
+    background-color: $color1;
+}
+
+.preview-2 {
+    background-color: $color2;
+}
+
+.preview-3 {
+    background-color: $color3;
+}
+
+.preview-4 {
+    background-color: $color4;
+}
+
+.preview-5 {
+    background-color: $color5;
+}
+
+.preview-6 {
+    background-color: $color6;
+}
+
+.preview-7 {
+    background-color: $color7;
+}
\ No newline at end of file
diff --git a/tetrio/.config/eww/css/_volume.scss b/tetrio/.config/eww/css/_volume.scss
new file mode 100755
index 000000000..fd7acf507
--- /dev/null
+++ b/tetrio/.config/eww/css/_volume.scss
@@ -0,0 +1,29 @@
+.vol-icon {
+  color: $color6;
+  padding-right: 2px;
+}
+
+// .vol-icon {
+//   color: $tokyocyan;
+//   padding-right: 2px;
+// }
+
+.volbar highlight {
+  background-image: linear-gradient(to right, $teal 30%, $sky 100%);
+  border-radius: 10px;
+}
+
+
+.vol-menu {
+  font-size: 1pt;
+  color: $color6;
+  padding-right: 2px;
+  padding-top: 4px;
+}
+
+.vol-menu:hover {
+  border-top: 2px solid;
+}
+.vol-icon:hover {
+  border-top: 2px solid;
+}
\ No newline at end of file
diff --git a/tetrio/.config/eww/css/_winctl.scss b/tetrio/.config/eww/css/_winctl.scss
new file mode 100755
index 000000000..3a7b97759
--- /dev/null
+++ b/tetrio/.config/eww/css/_winctl.scss
@@ -0,0 +1,55 @@
+.winctl {
+  font-family: 'Rubik';
+  padding-left: 3px;
+  padding-right: 3px;
+  color: $color0;
+  padding-top: 4px;
+}
+
+.winctl:hover {
+  border-top: 2px solid;
+}
+
+.winws {
+  @include rounding;
+  background-color: $surface0;
+  margin: .4rem .8rem;
+  padding: .3rem .5rem;
+  min-width: 31rem;
+}
+
+.winws-title {
+  font-family: 'Rubik';
+  font-weight: bold;
+  font-size: 15pt;
+  padding-top: .6rem;
+  padding-bottom: .6rem;
+}
+
+.wintext {
+  font-family: 'Rubik';
+  font-size: 13pt;
+}
+.winsubtext {
+  font-family: 'Rubik';
+  font-size: 10pt;
+}
+
+.winws-workspace {
+  padding: 0px;
+  margin: 0px;
+}
+
+.appicon {
+  background-size: 90%;
+  background-repeat: no-repeat;
+  background-position: center;
+  padding-left: 22px;
+  padding-right: 22px;
+  margin-right: 10px;
+}
+
+.wschoose {
+  font-family: 'Rubik';
+  font-size: 14pt;
+}
\ No newline at end of file
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_artemis.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_artemis.scss
new file mode 100755
index 000000000..c76d58e25
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_artemis.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-LPvgpz3T7pFKWPBy-ihlbAw-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #041031;
+$colorbg: rgba(4,16,49,0.7);
+$colortext: #a7e2ee;
+$color0: #043094;
+$color1: #3E5EA0;
+$color2: #0D60A0;
+$color3: #0A69CD;
+$color4: #1E9CD7;
+$color5: #44A3C2;
+$color6: #a7e2ee;
+$color7: #0A69CD;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_atermis.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_atermis.scss
new file mode 100755
index 000000000..c76d58e25
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_atermis.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-LPvgpz3T7pFKWPBy-ihlbAw-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #041031;
+$colorbg: rgba(4,16,49,0.7);
+$colortext: #a7e2ee;
+$color0: #043094;
+$color1: #3E5EA0;
+$color2: #0D60A0;
+$color3: #0A69CD;
+$color4: #1E9CD7;
+$color5: #44A3C2;
+$color6: #a7e2ee;
+$color7: #0A69CD;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_berightthere.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_berightthere.scss
new file mode 100755
index 000000000..b1bcf9bb7
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_berightthere.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-GyznjTaHokY0j6g8-hJaHcw-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #24222a;
+$colorbg: rgba(36,34,42,0.7);
+$colortext: #e8cfdf;
+$color0: #A0708F;
+$color1: #E2758E;
+$color2: #997FC3;
+$color3: #699BBE;
+$color4: #B1AABF;
+$color5: #EF9DA1;
+$color6: #e8cfdf;
+$color7: #699BBE;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_breakaway.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_breakaway.scss
new file mode 100755
index 000000000..a1abbaecb
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_breakaway.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/OdasYzoN7TQ/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCYFcwiVGbaXXSPIUCHH7RG7dYbMQ
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #494194;
+$colorbg: rgba(73,65,148,0.7);
+$colortext: #e0eaf5;
+$color0: #C9B0FD;
+$color1: #E3BCFE;
+$color2: #ABD4FD;
+$color3: #B1D2FD;
+$color4: #CDD2FD;
+$color5: #E5D6FC;
+$color6: #e0eaf5;
+$color7: #B1D2FD;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_bunnygirl.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_bunnygirl.scss
new file mode 100755
index 000000000..988b156c7
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_bunnygirl.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000464639244-hzoi9t-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #060514;
+$colorbg: rgba(6,5,20,0.7);
+$colortext: #96cfeb;
+$color0: #0C30A0;
+$color1: #1A50A5;
+$color2: #1463D3;
+$color3: #5443D2;
+$color4: #AF5CDC;
+$color5: #A259EE;
+$color6: #96cfeb;
+$color7: #5443D2;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_cycles.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_cycles.scss
new file mode 100755
index 000000000..4746c072b
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_cycles.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/gmSGmgffLXI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDoJVlARTVsqnvWgL506qzeguKpdw
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #120a0b;
+$colorbg: rgba(18,10,11,0.7);
+$colortext: #ddcdc3;
+$color0: #A56E56;
+$color1: #E37748;
+$color2: #FD843B;
+$color3: #AB8873;
+$color4: #FB8C4C;
+$color5: #F0A068;
+$color6: #ddcdc3;
+$color7: #AB8873;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_decoyworld.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_decoyworld.scss
new file mode 100755
index 000000000..e9f4f3915
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_decoyworld.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000277772429-kb8c52-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0a1318;
+$colorbg: rgba(10,19,24,0.7);
+$colortext: #c5eff0;
+$color0: #4C7192;
+$color1: #A575A5;
+$color2: #318CB3;
+$color3: #39A6CE;
+$color4: #4AB2D2;
+$color5: #4EDEF1;
+$color6: #c5eff0;
+$color7: #39A6CE;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_default.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_default.scss
new file mode 100755
index 000000000..37aaee4c4
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_default.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000653264299-7lydij-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #090727;
+$colorbg: rgba(9,7,39,0.7);
+$colortext: #e1e4f1;
+$color0: #926AC9;
+$color1: #2994E6;
+$color2: #5E9EE8;
+$color3: #5BC3E9;
+$color4: #9EA8E4;
+$color5: #AEC4E9;
+$color6: #e1e4f1;
+$color7: #5BC3E9;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_eclipse.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_eclipse.scss
new file mode 100755
index 000000000..6134c3d0d
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_eclipse.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #060305;
+$colorbg: rgba(6,3,5,0.7);
+$colortext: #e1ccd3;
+$color0: #F85B13;
+$color1: #A05862;
+$color2: #F2B61A;
+$color3: #7B6985;
+$color4: #9B6F8D;
+$color5: #AA99A2;
+$color6: #e1ccd3;
+$color7: #7B6985;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_eternalmelody.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_eternalmelody.scss
new file mode 100755
index 000000000..7e4e4722d
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_eternalmelody.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0A0518;
+$colorbg: rgba(10,5,24,0.7);
+$colortext: #dec8d0;
+$color0: #905772;
+$color1: #A35161;
+$color2: #7B5C87;
+$color3: #A36D8F;
+$color4: #CA799B;
+$color5: #D79EAB;
+$color6: #dec8d0;
+$color7: #A36D8F;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_euphoria.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_euphoria.scss
new file mode 100755
index 000000000..d3e1bdeb4
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_euphoria.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/7Pyt_xftxM8/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_gmAAtAFigIMCAAQARh_ID0oJDAP&rs=AOn4CLCqLpcalabHrrGdKHYreXbaxo3BMw
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #1b0d07;
+$colorbg: rgba(27,13,7,0.7);
+$colortext: #e9dfab;
+$color0: #985F2B;
+$color1: #AA7133;
+$color2: #B16F45;
+$color3: #B78938;
+$color4: #BD9343;
+$color5: #D1A450;
+$color6: #e9dfab;
+$color7: #B78938;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_flare.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_flare.scss
new file mode 100755
index 000000000..57ca17ec3
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_flare.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/51k7SJPDUNo/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB1AaAAuADigIMCAAQARh_IE4oGjAP&rs=AOn4CLATHs_fDDtgQN42Gi-Dwj9AvUCnqQ
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0B0702;
+$colorbg: rgba(11,7,2,0.7);
+$colortext: #ead69c;
+$color0: #696350;
+$color1: #92360F;
+$color2: #9C5823;
+$color3: #A7683C;
+$color4: #DA681D;
+$color5: #F09A2D;
+$color6: #ead69c;
+$color7: #A7683C;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_forever.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_forever.scss
new file mode 100755
index 000000000..88531ad53
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_forever.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/8abwtVLP18Y/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLABvuWZHErcUxghiy_4ZuNZFFoXUA
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #06060F;
+$colorbg: rgba(6,6,15,0.7);
+$colortext: #a1c6e4;
+$color0: #5322A1;
+$color1: #433AA8;
+$color2: #62589F;
+$color3: #691FD5;
+$color4: #8F4FB7;
+$color5: #9262DB;
+$color6: #a1c6e4;
+$color7: #691FD5;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_heartafire.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_heartafire.scss
new file mode 100755
index 000000000..c8dec7a55
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_heartafire.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000194675612-qt4sr3-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0f0d1b;
+$colorbg: rgba(15,13,27,0.7);
+$colortext: #db99a1;
+$color0: #5D2648;
+$color1: #6E2A4C;
+$color2: #8C1438;
+$color3: #A91D3B;
+$color4: #90294B;
+$color5: #A42848;
+$color6: #db99a1;
+$color7: #A91D3B;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_ice.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_ice.scss
new file mode 100755
index 000000000..fb7458878
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_ice.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000141682356-dsvdol-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0c1d33;
+$colorbg: rgba(12,29,51,0.7);
+$colortext: #dee6ed;
+$color0: #4977AC;
+$color1: #5F8AB8;
+$color2: #739BC5;
+$color3: #849FBF;
+$color4: #92B1D2;
+$color5: #B1C9E2;
+$color6: #dee6ed;
+$color7: #849FBF;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_iswear.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_iswear.scss
new file mode 100755
index 000000000..52931b096
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_iswear.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/pLQGfSQUuCM/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAxjZ9gSU45DvSy7J__T2odBUct4w
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #150f0f;
+$colorbg: rgba(21,15,15,0.7);
+$colortext: #f5eae1;
+$color0: #CF8A77;
+$color1: #B29890;
+$color2: #E5AB94;
+$color3: #DAC6AF;
+$color4: #F4D0B6;
+$color5: #F7DCC5;
+$color6: #f5eae1;
+$color7: #DAC6AF;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_kurumi.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_kurumi.scss
new file mode 100755
index 000000000..8262516da
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_kurumi.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-viSbRZk1zikdSKYq-C4WdAw-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #171216;
+$colorbg: rgba(23,18,22,0.7);
+$colortext: #e8e1e3;
+$color0: #995A5D;
+$color1: #DF5A5D;
+$color2: #5F5C8F;
+$color3: #AC7492;
+$color4: #918C90;
+$color5: #C2A6AE;
+$color6: #e8e1e3;
+$color7: #AC7492;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_meltdown.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_meltdown.scss
new file mode 100755
index 000000000..292c42ca8
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_meltdown.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-0lZmu7Wr0b5dVxyr-DFcntg-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #09283D;
+$colorbg: rgba(9,40,61,0.7);
+$colortext: #a0dfef;
+$color0: #136FAF;
+$color1: #1569BF;
+$color2: #268BB3;
+$color3: #32BADE;
+$color4: #239FE0;
+$color5: #48AFD7;
+$color6: #a0dfef;
+$color7: #32BADE;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_mirror.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_mirror.scss
new file mode 100755
index 000000000..37aaee4c4
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_mirror.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000653264299-7lydij-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #090727;
+$colorbg: rgba(9,7,39,0.7);
+$colortext: #e1e4f1;
+$color0: #926AC9;
+$color1: #2994E6;
+$color2: #5E9EE8;
+$color3: #5BC3E9;
+$color4: #9EA8E4;
+$color5: #AEC4E9;
+$color6: #e1e4f1;
+$color7: #5BC3E9;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_monster.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_monster.scss
new file mode 100755
index 000000000..f798b073c
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_monster.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/0CuTOGKMWW0/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBkQ9ETNGNv538s2qddDWjrEvW4-A
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #09020A;
+$colorbg: rgba(9,2,10,0.7);
+$colortext: #e5f0e2;
+$color0: #059687;
+$color1: #02B091;
+$color2: #01CB9A;
+$color3: #13F3A9;
+$color4: #5CD8A6;
+$color5: #A2E4BC;
+$color6: #e5f0e2;
+$color7: #13F3A9;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_multi.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_multi.scss
new file mode 100755
index 000000000..ea9d93aeb
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_multi.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000102218806-ducxb5-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #07172C;
+$colorbg: rgba(7,23,44,0.7);
+$colortext: #cbe3df;
+$color0: #AECD77;
+$color1: #3C6D8D;
+$color2: #5E9E96;
+$color3: #5EB2A8;
+$color4: #9ECEB0;
+$color5: #A2C3AD;
+$color6: #cbe3df;
+$color7: #5EB2A8;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_nowthatitstrue.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_nowthatitstrue.scss
new file mode 100755
index 000000000..7304109ea
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_nowthatitstrue.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-ztgvVI8fjqhzocM1-cFVrJw-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #17303c;
+$colorbg: rgba(23,48,60,0.7);
+$colortext: #e3eaee;
+$color0: #6FAED0;
+$color1: #8DAAB7;
+$color2: #A8C1BE;
+$color3: #8FB3CB;
+$color4: #9CBCD2;
+$color5: #A4D1E3;
+$color6: #e3eaee;
+$color7: #8FB3CB;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_outbreaker.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_outbreaker.scss
new file mode 100755
index 000000000..7c0f7bfec
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_outbreaker.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000155627816-4qluzo-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0c0704;
+$colorbg: rgba(12,7,4,0.7);
+$colortext: #e6e5de;
+$color0: #6C8576;
+$color1: #A3936C;
+$color2: #297386;
+$color3: #598D89;
+$color4: #9AA591;
+$color5: #D0CAA3;
+$color6: #e6e5de;
+$color7: #598D89;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_purpleplanet.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_purpleplanet.scss
new file mode 100755
index 000000000..4eedcf75f
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_purpleplanet.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000145811820-tdcxea-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #020204;
+$colorbg: rgba(2,2,4,0.7);
+$colortext: #eeddf4;
+$color0: #6F6BCF;
+$color1: #857AD7;
+$color2: #7E81DD;
+$color3: #9B87BB;
+$color4: #A198F2;
+$color5: #CBB6FA;
+$color6: #eeddf4;
+$color7: #9B87BB;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_red.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_red.scss
new file mode 100755
index 000000000..f0505380a
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_red.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-vz229DA99tPFdm3E-eDLGdQ-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #330a09;
+$colorbg: rgba(51,10,9,0.7);
+$colortext: #ebc9c4;
+$color0: #E93B2F;
+$color1: #B74037;
+$color2: #DF4C37;
+$color3: #EA4737;
+$color4: #E86155;
+$color5: #E78A75;
+$color6: #ebc9c4;
+$color7: #EA4737;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_s73.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_s73.scss
new file mode 100755
index 000000000..e20accf94
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_s73.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000117563971-vx726i-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #110e0f;
+$colorbg: rgba(17,14,15,0.7);
+$colortext: #eee8e1;
+$color0: #A29EA5;
+$color1: #E499B3;
+$color2: #B1B8C5;
+$color3: #F79AC3;
+$color4: #93D0F2;
+$color5: #ECD8CF;
+$color6: #eee8e1;
+$color7: #F79AC3;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_shelter.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_shelter.scss
new file mode 100755
index 000000000..a480ff79d
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_shelter.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000189983181-azrg5q-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #121e2a;
+$colorbg: rgba(18,30,42,0.7);
+$colortext: #eeeac9;
+$color0: #ABB472;
+$color1: #5FAD9E;
+$color2: #2FECAD;
+$color3: #5DE9B0;
+$color4: #61FACD;
+$color5: #A3CAAA;
+$color6: #eeeac9;
+$color7: #5DE9B0;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_shiny.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_shiny.scss
new file mode 100755
index 000000000..2e38eefba
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_shiny.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: [Local wallpaper]
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0D0F2B;
+$colorbg: rgba(13,15,43,0.7);
+$colortext: #e2ecf5;
+$color0: #5C6ADF;
+$color1: #B650B9;
+$color2: #6798EE;
+$color3: #40C3F0;
+$color4: #999DE3;
+$color5: #BBC9EC;
+$color6: #e2ecf5;
+$color7: #40C3F0;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_skylightz.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_skylightz.scss
new file mode 100755
index 000000000..00256e7b9
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_skylightz.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/i7cDLZgrqW4/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCRBvhM7aVv-ZgGz3TeptwLxpkccA
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #040D16;
+$colorbg: rgba(4,13,22,0.7);
+$colortext: #b5b4bb;
+$color0: #AF682F;
+$color1: #94744E;
+$color2: #DE9239;
+$color3: #AB8D5B;
+$color4: #E4A554;
+$color5: #F7CF67;
+$color6: #b5b4bb;
+$color7: #AB8D5B;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_something.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_something.scss
new file mode 100755
index 000000000..790a742b1
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_something.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-nL66GQT0mV6xB0sq-VWO0IQ-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #141030;
+$colorbg: rgba(20,16,48,0.7);
+$colortext: #e2e4e9;
+$color0: #C74DD3;
+$color1: #D14EED;
+$color2: #DA5BEE;
+$color3: #47D3F2;
+$color4: #B4BAD8;
+$color5: #CAACD3;
+$color6: #e2e4e9;
+$color7: #47D3F2;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_stray.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_stray.scss
new file mode 100755
index 000000000..ad37ecac3
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_stray.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/wmxTC1Ekdl0/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLC3jHf2azRr9sX7Uf9X4jkA-WBouw
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #020408;
+$colorbg: rgba(2,4,8,0.7);
+$colortext: #96e7cb;
+$color0: #2A6D69;
+$color1: #4A736A;
+$color2: #1C8E6F;
+$color3: #56A264;
+$color4: #8EA36F;
+$color5: #28A58C;
+$color6: #96e7cb;
+$color7: #56A264;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_towerofheaven.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_towerofheaven.scss
new file mode 100755
index 000000000..519b30ae3
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_towerofheaven.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/z-sAl3S5qB8/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDzRfHxWNw0j06WF2biOQ-VbcUoTw
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #050908;
+$colorbg: rgba(5,9,8,0.7);
+$colortext: #e6eee7;
+$color0: #BDB85E;
+$color1: #376993;
+$color2: #639B9B;
+$color3: #43B9BF;
+$color4: #09ABE4;
+$color5: #ADCBBD;
+$color6: #e6eee7;
+$color7: #43B9BF;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_valhalla.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_valhalla.scss
new file mode 100755
index 000000000..cbe0dae5a
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_valhalla.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/-EDhOHxUYBI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDwfUPyaJr5NC-mDW_CQfTR2BzQgw
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0c0906;
+$colorbg: rgba(12,9,6,0.7);
+$colortext: #eae7df;
+$color0: #668C76;
+$color1: #A5916F;
+$color2: #C79C75;
+$color3: #ABA793;
+$color4: #CBB195;
+$color5: #D6CBAF;
+$color6: #eae7df;
+$color7: #ABA793;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_viking.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_viking.scss
new file mode 100755
index 000000000..7c54645a3
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_viking.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-000133005283-3v8p3y-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #071A1B;
+$colorbg: rgba(7,26,27,0.7);
+$colortext: #c5dddd;
+$color0: #43807F;
+$color1: #3F8181;
+$color2: #518F8F;
+$color3: #6FAAA9;
+$color4: #8CB6B6;
+$color5: #89C0C0;
+$color6: #c5dddd;
+$color7: #6FAAA9;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_wontletyougo.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_wontletyougo.scss
new file mode 100755
index 000000000..78ed56f18
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_wontletyougo.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i1.sndcdn.com/artworks-TjOvf5O3gR9APB4i-XDwyyQ-t80x80.jpg
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #010102;
+$colorbg: rgba(1,1,2,0.7);
+$colortext: #e7e0f2;
+$color0: #7B8AD7;
+$color1: #8FA5AB;
+$color2: #97C5B8;
+$color3: #A7A2E4;
+$color4: #CEADF7;
+$color5: #ADC8E1;
+$color6: #e7e0f2;
+$color7: #A7A2E4;
diff --git a/tetrio/.config/eww/css/savedcolors/_colorscheme_yae.scss b/tetrio/.config/eww/css/savedcolors/_colorscheme_yae.scss
new file mode 100755
index 000000000..a3ae4199f
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_colorscheme_yae.scss
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/_WUbjkbo_68/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLD21OKbXXt2noW8DCM03zaAWn4ayw
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #25212e;
+$colorbg: rgba(37,33,46,0.7);
+$colortext: #ebe5e4;
+$color0: #A59AA1;
+$color1: #EA9EA6;
+$color2: #EDD2AD;
+$color3: #B9AFCB;
+$color4: #E0B7C9;
+$color5: #F9CFCD;
+$color6: #ebe5e4;
+$color7: #B9AFCB;
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_artemis.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_artemis.txt
new file mode 100755
index 000000000..21f41f9d2
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_artemis.txt
@@ -0,0 +1 @@
+#a7e2ee
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_atermis.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_atermis.txt
new file mode 100755
index 000000000..21f41f9d2
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_atermis.txt
@@ -0,0 +1 @@
+#a7e2ee
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_berightthere.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_berightthere.txt
new file mode 100755
index 000000000..2f9951587
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_berightthere.txt
@@ -0,0 +1 @@
+#e8cfdf
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_breakaway.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_breakaway.txt
new file mode 100755
index 000000000..8713ee1e6
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_breakaway.txt
@@ -0,0 +1 @@
+#e0eaf5
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_bunnygirl.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_bunnygirl.txt
new file mode 100755
index 000000000..bb64bfbd2
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_bunnygirl.txt
@@ -0,0 +1 @@
+#96cfeb
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_cycles.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_cycles.txt
new file mode 100755
index 000000000..aac163791
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_cycles.txt
@@ -0,0 +1 @@
+#ddcdc3
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_decoyworld.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_decoyworld.txt
new file mode 100755
index 000000000..7a248511c
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_decoyworld.txt
@@ -0,0 +1 @@
+#c5eff0
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_default.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_default.txt
new file mode 100755
index 000000000..3d888e238
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_default.txt
@@ -0,0 +1 @@
+#e1e4f1
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_eclipse.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_eclipse.txt
new file mode 100755
index 000000000..5f87838cd
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_eclipse.txt
@@ -0,0 +1 @@
+#e1ccd3
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_eternalmelody.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_eternalmelody.txt
new file mode 100755
index 000000000..bc7977f37
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_eternalmelody.txt
@@ -0,0 +1 @@
+#dec8d0
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_euphoria.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_euphoria.txt
new file mode 100755
index 000000000..0c55b37b7
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_euphoria.txt
@@ -0,0 +1 @@
+#e9dfab
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_flare.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_flare.txt
new file mode 100755
index 000000000..60d516220
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_flare.txt
@@ -0,0 +1 @@
+#ead69c
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_forever.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_forever.txt
new file mode 100755
index 000000000..c3b1616ef
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_forever.txt
@@ -0,0 +1 @@
+#a1c6e4
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_heartafire.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_heartafire.txt
new file mode 100755
index 000000000..361062226
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_heartafire.txt
@@ -0,0 +1 @@
+#db99a1
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_ice.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_ice.txt
new file mode 100755
index 000000000..efd783667
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_ice.txt
@@ -0,0 +1 @@
+#dee6ed
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_iswear.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_iswear.txt
new file mode 100755
index 000000000..d47004ea0
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_iswear.txt
@@ -0,0 +1 @@
+#f5eae1
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_kurumi.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_kurumi.txt
new file mode 100755
index 000000000..2af9eb4db
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_kurumi.txt
@@ -0,0 +1 @@
+#e8e1e3
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_meltdown.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_meltdown.txt
new file mode 100755
index 000000000..cb6f110df
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_meltdown.txt
@@ -0,0 +1 @@
+#a0dfef
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_mirror.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_mirror.txt
new file mode 100755
index 000000000..3d888e238
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_mirror.txt
@@ -0,0 +1 @@
+#e1e4f1
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_monster.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_monster.txt
new file mode 100755
index 000000000..c73191d97
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_monster.txt
@@ -0,0 +1 @@
+#e5f0e2
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_multi.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_multi.txt
new file mode 100755
index 000000000..0dba228f3
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_multi.txt
@@ -0,0 +1 @@
+#cbe3df
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_nowthatitstrue.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_nowthatitstrue.txt
new file mode 100755
index 000000000..285d90252
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_nowthatitstrue.txt
@@ -0,0 +1 @@
+#e3eaee
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_outbreaker.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_outbreaker.txt
new file mode 100755
index 000000000..8056918c6
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_outbreaker.txt
@@ -0,0 +1 @@
+#e6e5de
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_purpleplanet.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_purpleplanet.txt
new file mode 100755
index 000000000..03a837cec
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_purpleplanet.txt
@@ -0,0 +1 @@
+#eeddf4
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_red.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_red.txt
new file mode 100755
index 000000000..f6d8db313
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_red.txt
@@ -0,0 +1 @@
+#ebc9c4
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_s73.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_s73.txt
new file mode 100755
index 000000000..249c3c52c
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_s73.txt
@@ -0,0 +1 @@
+#eee8e1
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_shelter.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_shelter.txt
new file mode 100755
index 000000000..31a5b7ea8
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_shelter.txt
@@ -0,0 +1 @@
+#eeeac9
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_shiny.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_shiny.txt
new file mode 100755
index 000000000..250e2a702
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_shiny.txt
@@ -0,0 +1 @@
+#e2ecf5
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_skylightz.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_skylightz.txt
new file mode 100755
index 000000000..a86e8788c
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_skylightz.txt
@@ -0,0 +1 @@
+#b5b4bb
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_something.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_something.txt
new file mode 100755
index 000000000..93cdd741d
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_something.txt
@@ -0,0 +1 @@
+#e2e4e9
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_stray.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_stray.txt
new file mode 100755
index 000000000..0a1458c40
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_stray.txt
@@ -0,0 +1 @@
+#96e7cb
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_towerofheaven.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_towerofheaven.txt
new file mode 100755
index 000000000..0b4f6e9b9
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_towerofheaven.txt
@@ -0,0 +1 @@
+#e6eee7
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_valhalla.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_valhalla.txt
new file mode 100755
index 000000000..fd0bc02df
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_valhalla.txt
@@ -0,0 +1 @@
+#eae7df
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_viking.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_viking.txt
new file mode 100755
index 000000000..f58534ec2
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_viking.txt
@@ -0,0 +1 @@
+#c5dddd
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_wontletyougo.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_wontletyougo.txt
new file mode 100755
index 000000000..8c7edb085
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_wontletyougo.txt
@@ -0,0 +1 @@
+#e7e0f2
diff --git a/tetrio/.config/eww/css/savedcolors/_iconcolor_yae.txt b/tetrio/.config/eww/css/savedcolors/_iconcolor_yae.txt
new file mode 100755
index 000000000..c23614975
--- /dev/null
+++ b/tetrio/.config/eww/css/savedcolors/_iconcolor_yae.txt
@@ -0,0 +1 @@
+#ebe5e4
diff --git a/tetrio/.config/eww/eww.scss b/tetrio/.config/eww/eww.scss
new file mode 100755
index 000000000..7e3743682
--- /dev/null
+++ b/tetrio/.config/eww/eww.scss
@@ -0,0 +1,283 @@
+@import 'css/colors';
+@import 'css/colorscheme';
+@import 'images/svg/color.scss';
+
+@function tint($color, $percentage) {
+  @return mix(rgb(245, 250, 255), $color, $percentage);
+}
+
+@function shade($color, $percentage) {
+  @return mix(rgb(0, 7, 18), $color, $percentage);
+}
+
+$battcolor: $color6;
+$memcolor: $color4;
+$cpucolor: $color3;
+$border: $color7;
+$surface0: tint($colorbg, 10%);
+$bg1: $surface0;
+
+$colormusic: $color4;
+$colorws: $color4;
+$coloredit: $color1;
+$colortime: $colortext;
+$colordate: shade($colortext, 25%);
+$colornotif: $color5;
+$colorthemer: $color3;
+
+//thanks flick0!
+@keyframes gradient {
+  0% {
+    background-position: 0% 50%;
+  }
+
+  50% {
+    background-position: 100% 50%;
+  }
+
+  100% {
+    background-position: 0% 50%;
+  }
+}
+
+//also thanks to him
+@keyframes blink {
+  to {
+    background-color: #f9e2af;
+    color: #96804e;
+  }
+}
+
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@mixin rounding {
+  border-radius: 10px;
+}
+
+@mixin filter {
+  saturate {
+    filter: saturate(3);
+  }
+
+  grayscale {
+    filter: grayscale(100%);
+  }
+
+  contrast {
+    filter: contrast(160%);
+  }
+
+  brightness {
+    filter: brightness(0.25);
+  }
+
+  blur {
+    filter: blur(3px);
+  }
+
+  invert {
+    filter: invert(100%);
+  }
+
+  .sepia {
+    filter: sepia(100%);
+  }
+
+  huerotate {
+    filter: hue-rotate(180deg);
+  }
+
+  rss.opacity {
+    filter: opacity(50%);
+  }
+}
+
+@mixin window {
+  border: 3px solid $color7;
+  // box-shadow: 0 2px 3px $shadow;
+  margin: 5px 5px 10px;
+  @include rounding;
+}
+
+//////////////// Globals ///////////////
+
+* {
+  all: unset;
+  transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);
+  background-repeat: no-repeat;
+}
+
+@import 'css/bgdecor';
+@import 'css/calendar';
+@import 'css/dashboard';
+@import 'css/music';
+@import 'css/notification';
+@import 'css/overview';
+@import 'css/osd';
+@import 'css/osettings';
+@import 'css/sidebar';
+@import 'css/system';
+@import 'css/themer';
+@import 'css/volume';
+@import 'css/winctl';
+
+.bar {
+  background-color: $colorbarbg;
+  // background-color: rgba(25, 25, 25, 0.5);
+  // background-color: transparent;
+  // background-image: url("/home/end/.config/eww/images/topbar.png");
+  color: $fg;
+
+  label {
+    font-size: 1.2rem;
+  }
+
+  font-family: 'Rubik';
+}
+
+tooltip {
+  background-color: $colorbarbg;
+  color: $colortext;
+  border: 1px solid $colortext;
+}
+
+.module {
+  
+}
+
+.icon {
+  font-family: Material Symbols Outlined;
+}
+
+.icon-square {
+  min-width: 30px;
+  min-height: 30px;
+}
+
+.button-true {
+  background-color: $light0;
+}
+
+.button-border-true {
+  border-color: $light0;
+}
+
+.icon-square-true {
+  background-color: $overlay0;
+}
+
+.window {
+  border: 2px solid;
+}
+
+.window-text {
+  font-family: 'JetBrainsMono Nerd Font';
+  padding-top: 5px;
+}
+
+//////////////// Other specific stuff ///////////////
+
+.osettings-toggle-button-false {
+  min-width: 32px;
+  min-height: 32px;
+  background-color: $color3;
+  color: $colorbarbg;
+}
+
+.osettings-toggle-button-true {
+  min-width: 32px;
+  min-height: 32px;
+  background-color: $color3;
+  color: $colorbarbg;
+}
+
+.module-music {
+  color: $colormusic
+}
+
+.icon-music {
+  min-width: 32px;
+  min-height: 32px;
+  background-color: $colormusic;
+  color: $colorbarbg;
+}
+
+.editmode {
+  color: $coloredit;
+  min-width: 32px;
+  min-height: 32px;
+  margin-left: -5px;
+}
+
+.edit-mode-checkbox {
+  color: transparent;
+}
+
+.edit-mode-checkbox-true {
+  background-color: $overlay0;
+}
+
+.timedate{
+  padding: 0px 5px;
+}
+
+.clock {
+  color: $colortime;
+  padding: 0px 5px;
+}
+
+.date {
+  color: $colordate;
+  padding: 0px 5px;
+}
+
+.ws {
+  min-height: 32px;
+  min-width: 32px;
+}
+
+.ws-text {
+  color: $colorbarbg;
+}
+
+.ws-active {
+  transition: 80ms cubic-bezier(0.05, 0.9, 0.1, 1);
+  color: $colorws;
+}
+
+.real-onotify-toggle-button {
+  min-width: 32px;
+  min-height: 32px;
+  color: $colorbarbg;
+  border-color: $colornotif;
+  background-color: $colornotif;
+}
+
+.window-music {
+  border-color: $colormusic;
+}
+
+.window-themer {
+  border-color: $colorthemer;
+  background-color: tint($colorbarbg, 12.5%);
+}
+
+.window-titlebar-music {
+  font-size: 1.2rem;
+  padding-left: 3px;
+  min-height: 16px;
+  background-color: $colormusic;
+  color: $colorbarbg;
+}
+
+.window-titlebar-themer {
+  font-size: 1.2rem;
+  padding-left: 3px;
+  min-height: 16px;
+  background-color: $colorthemer;
+  color: $colorbarbg;
+}
\ No newline at end of file
diff --git a/tetrio/.config/eww/eww.yuck b/tetrio/.config/eww/eww.yuck
new file mode 100755
index 000000000..64850eb4b
--- /dev/null
+++ b/tetrio/.config/eww/eww.yuck
@@ -0,0 +1,120 @@
+;##################### Modules #########################
+(include "./modules/activewindow.yuck")
+(include "./modules/audiolevels.yuck")
+(include "./modules/bluetooth.yuck")
+(include "./modules/bright.yuck")
+(include "./modules/clock.yuck")
+(include "./modules/editmode.yuck")
+(include "./modules/music.yuck")
+; (include "./modules/net.yuck")
+(include "./modules/sys.yuck")
+(include "./modules/variables.yuck")
+(include "./modules/user.yuck")
+; (include "./modules/volume.yuck")
+(include "./modules/workspaces.yuck")
+
+;##################### Windows #########################
+(include "./windows/bg-decor.yuck")
+(include "./windows/dynamic-bg.yuck")
+(include "./windows/dashboard.yuck")
+; (include "./windows/calendar.yuck")
+(include "./windows/music.yuck")
+(include "./windows/overview.yuck")
+(include "./windows/osd.yuck")
+(include "./windows/osettings.yuck")
+(include "./windows/onotify.yuck")
+; (include "./windows/system-menu.yuck")
+(include "./windows/themer.yuck")
+
+(defwidget separator []
+  (box
+    :valign "start"
+    (label
+      :class "my-separator"
+      :text "|"
+    )
+  )
+)
+
+(defwidget left []
+  (eventbox
+    :class "dummy-${brightness.icon} dummy-${net.icon} dummy-${wsjsona[0][0].at}-${wsjsonb[0][0].at} dummy-${activews}" ; Dummy class to keep some isteners active
+    :onhover "${EWW_CMD} update music_reveal=true"
+    :onhoverlost "${EWW_CMD} update music_reveal=false"
+    (box
+      :space-evenly false
+      :valign "start"
+      :halign "start"
+      :class "bar"
+      (osettings-button)
+      (osu-music-module)
+    )
+  )
+)
+
+(defwidget right []
+  (eventbox
+    :onhover "${EWW_CMD} update right_hover=true"
+    :onhoverlost "${EWW_CMD} update right_hover=false"
+    (box
+      :space-evenly false
+      :halign "end"
+      :valign "start"
+      :class "bar"
+      (editmode)
+      ; (themer)
+      ; (user)
+      (onotify-button)
+    )
+  )
+)
+
+(defwidget center []
+  (box
+    :valign "start"
+    :space-evenly false
+    :halign "center"
+    :class "bar"
+    (workspaces)
+  )
+)
+
+(defwidget bar []
+  ; (box
+    ;   :space-evenly false
+    ;   :orientation "v"
+    (eventbox
+      :onhoverlost "${EWW_CMD} update popup='none'"
+      :onhover "${EWW_CMD} update popup='none'"
+      (centerbox
+        :class "bar"
+        (left)
+        (center)
+        (right)
+      )
+    )
+  ; )
+)
+
+(defwidget barbg []
+  (box
+    :class "barbg"
+    :stacking "overlay"
+  )
+)
+
+(defwindow bar
+  :stacking "fg"
+  :wm-ignore true
+  :monitor 0
+  :geometry (geometry
+    :x "0%"
+    :y "0%"
+    :width "100%"
+    :height "32px"
+    :anchor "top center"
+  )
+  ; :stacking "fg"
+  :exclusive false
+  (bar)
+)
diff --git a/tetrio/.config/eww/eww_covers/cover_art_default b/tetrio/.config/eww/eww_covers/cover_art_default
new file mode 100644
index 000000000..a26bfd22c
Binary files /dev/null and b/tetrio/.config/eww/eww_covers/cover_art_default differ
diff --git a/tetrio/.config/eww/images/svg/__mode_light_dark.txt b/tetrio/.config/eww/images/svg/__mode_light_dark.txt
new file mode 100644
index 000000000..e69de29bb
diff --git a/tetrio/.config/eww/images/svg/beatmappacks.svg b/tetrio/.config/eww/images/svg/beatmappacks.svg
new file mode 100644
index 000000000..575fe05ba
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/beatmappacks.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="#ebe9e4"/>
+<path d="M45.8333 49.0106C45.4883 49.0106 45.1433 48.9575 44.8248 48.8248L25.3715 40.863C24.3365 40.4384 23.673 39.3768 23.7261 38.2622C23.7792 37.121 24.5488 36.1656 25.6369 35.8471L53.6093 27.8853C54.1932 27.7261 54.7771 27.7526 55.3344 27.9915L74.7877 35.9533C75.8227 36.3779 76.4862 37.4395 76.4331 38.5541C76.38 39.6953 75.6104 40.6507 74.5223 40.9692L46.5764 48.931C46.3376 48.9841 46.0987 49.0106 45.8333 49.0106ZM34.5011 38.8461L46.0191 43.5435L65.6847 37.9437L54.1667 33.2463L34.5011 38.8461Z" fill="#ebe9e4"/>
+<path d="M45.8333 74.1698C45.4883 74.1698 45.1433 74.1168 44.8248 73.9841L25.3715 66.0223C24.3365 65.5977 23.673 64.5361 23.7261 63.4214C23.7792 62.2802 24.5488 61.3248 25.6369 61.0064L53.5828 53.0446C54.1667 52.8853 54.7505 52.9119 55.3079 53.1507L74.7612 61.1125C75.7962 61.5372 76.4597 62.5987 76.4066 63.7134C76.3535 64.8546 75.5839 65.81 74.4958 66.1284L46.5499 74.0902C46.3376 74.1433 46.0987 74.1698 45.8333 74.1698ZM34.5011 64.0053L46.0191 68.7028L65.6847 63.103L54.1667 58.4055L34.5011 64.0053Z" fill="#ebe9e4"/>
+<path d="M26.4597 66.1285C25 66.1285 23.8057 64.9342 23.8057 63.4745V38.3153C23.8057 36.8556 25 35.6614 26.4597 35.6614C27.9193 35.6614 29.1136 36.8556 29.1136 38.3153V63.4745C29.1136 64.9342 27.9193 66.1285 26.4597 66.1285Z" fill="#ebe9e4"/>
+<path d="M45.9395 74.1433C44.4799 74.1433 43.2856 72.949 43.2856 71.4894V46.3301C43.2856 44.8705 44.4799 43.6762 45.9395 43.6762C47.3992 43.6762 48.5934 44.8705 48.5934 46.3301V71.4894C48.5934 72.949 47.3992 74.1433 45.9395 74.1433Z" fill="#ebe9e4"/>
+<path d="M54.4055 57.7421C52.9459 57.7421 51.7516 56.5478 51.7516 55.0881V30.4862C51.7516 29.0265 52.9459 27.8323 54.4055 27.8323C55.8652 27.8323 57.0594 29.0265 57.0594 30.4862V55.0881C57.0594 56.5478 55.8652 57.7421 54.4055 57.7421Z" fill="#ebe9e4"/>
+<path d="M73.8854 66.1285C72.4257 66.1285 71.2314 64.9342 71.2314 63.4745V38.8726C71.2314 37.413 72.4257 36.2187 73.8854 36.2187C75.345 36.2187 76.5393 37.413 76.5393 38.8726V63.4745C76.5393 64.9342 75.345 66.1285 73.8854 66.1285Z" fill="#ebe9e4"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#ebe9e4" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/beatmaps.svg b/tetrio/.config/eww/images/svg/beatmaps.svg
new file mode 100644
index 000000000..30667c14f
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/beatmaps.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="#ebe9e4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7375 27.0672C49.7375 22.2087 55.5763 19.7364 59.0652 23.1177L64.1858 28.0804C65.5739 29.4257 65.6086 31.6415 64.2633 33.0296C62.9181 34.4176 60.7023 34.4523 59.3142 33.1071L56.7375 30.6098V54.0937C56.7375 56.0267 55.1705 57.5937 53.2375 57.5937C51.3045 57.5937 49.7375 56.0267 49.7375 54.0937V27.0672Z" fill="#ebe9e4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M47.9008 55.8953C48.8125 55.8953 49.5516 55.1562 49.5516 54.2445C49.5516 53.3328 48.8125 52.5938 47.9008 52.5938C46.9891 52.5938 46.25 53.3328 46.25 54.2445C46.25 55.1562 46.9891 55.8953 47.9008 55.8953ZM47.9008 62.8953C52.6785 62.8953 56.5516 59.0222 56.5516 54.2445C56.5516 49.4668 52.6785 45.5938 47.9008 45.5938C43.1231 45.5938 39.25 49.4668 39.25 54.2445C39.25 59.0222 43.1231 62.8953 47.9008 62.8953Z" fill="#ebe9e4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.3186 33.2126C47.6854 34.5795 47.6854 36.7955 46.3186 38.1624L31.9479 52.5331C31.3621 53.1189 31.3621 54.0686 31.9479 54.6544L48.9393 71.6458C49.5251 72.2316 50.4748 72.2316 51.0606 71.6458L68.0521 54.6544C68.6379 54.0686 68.6379 53.1189 68.0521 52.5331L59.8376 44.3186C58.4708 42.9518 58.4708 40.7357 59.8376 39.3689C61.2044 38.002 63.4205 38.002 64.7873 39.3689L73.0018 47.5833C76.3213 50.9028 76.3213 56.2847 73.0018 59.6042L56.0104 76.5956C52.6909 79.915 47.309 79.915 43.9896 76.5956L26.9981 59.6042C23.6787 56.2847 23.6787 50.9028 26.9981 47.5833L41.3689 33.2126C42.7357 31.8458 44.9518 31.8458 46.3186 33.2126Z" fill="#ebe9e4"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#ebe9e4" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/changelog.svg b/tetrio/.config/eww/images/svg/changelog.svg
new file mode 100644
index 000000000..b608b09e2
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/changelog.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0471 9.31178C70.2488 9.31178 75.0789 12.1005 77.6798 16.6155L92.7275 42.6963C95.3284 47.2113 95.3284 52.7887 92.7275 57.3037L77.6798 83.3845C75.0789 87.8995 70.2488 90.6882 65.0471 90.6882H34.9515C29.7498 90.6882 24.9197 87.8995 22.3188 83.3845L7.27104 57.3037C4.67019 52.7887 4.67019 47.2113 7.27104 42.6963L22.3188 16.6155C24.9197 12.1005 29.7498 9.31178 34.9515 9.31178H65.0471ZM65.0471 4H34.9515C27.839 4 21.2572 7.79792 17.701 13.9596L2.6532 40.0404C-0.903062 46.2021 -0.903062 53.7979 2.6532 59.9596L17.701 86.0404C21.2572 92.2021 27.839 96 34.9515 96H65.0471C72.1596 96 78.7413 92.2021 82.2976 86.0404L97.3454 59.9596C100.902 53.7979 100.902 46.2021 97.3454 40.0404L82.2711 13.9596C78.7413 7.79792 72.1596 4 65.0471 4Z" fill="#ebe9e4"/>
+<path d="M43.0733 72.0439C42.4098 72.0439 41.7198 71.8845 41.0828 71.5127L28.0786 63.9965C25.2389 62.3499 23.4607 59.2956 23.4607 56.0023V43.9977C23.4607 40.7044 25.2389 37.6501 28.0786 36.0035L41.0828 28.4873C42.9936 27.3984 45.4087 28.0358 46.5234 29.948C47.6115 31.8603 46.9745 34.2771 45.0637 35.3926L32.0595 42.9088C31.6614 43.1212 31.4225 43.5462 31.4225 43.9977V56.0023C31.4225 56.4538 31.6614 56.8788 32.0595 57.0912L45.0637 64.6074C46.9745 65.6963 47.6115 68.1397 46.5234 70.052C45.8068 71.3268 44.4533 72.0439 43.0733 72.0439Z" fill="#ebe9e4"/>
+<path d="M56.9002 72.0439C55.5202 72.0439 54.1932 71.3268 53.4501 70.052C52.362 68.1397 52.9989 65.7229 54.9098 64.6074L67.914 57.0912C68.3121 56.8788 68.5509 56.4538 68.5509 56.0023V43.9977C68.5509 43.5462 68.3121 43.1212 67.914 42.9088L54.9098 35.3926C52.9989 34.3037 52.362 31.8603 53.4501 29.948C54.5382 28.0358 56.9798 27.3984 58.8907 28.4873L71.8949 36.0035C74.7346 37.6501 76.5127 40.7044 76.5127 43.9977V56.0023C76.5127 59.2956 74.7346 62.3499 71.8949 63.9965L58.8907 71.5127C58.2803 71.8845 57.5902 72.0439 56.9002 72.0439Z" fill="#ebe9e4"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#ebe9e4" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/chat.svg b/tetrio/.config/eww/images/svg/chat.svg
new file mode 100644
index 000000000..3cbe9dc18
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/chat.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0482 9.31178C70.2499 9.31178 75.08 12.1005 77.6809 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6809 83.3845C75.08 87.8995 70.2499 90.6882 65.0482 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27215 57.3037C4.6713 52.7887 4.6713 47.2113 7.27215 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0482ZM65.0482 4H34.9526C27.8401 4 21.2584 7.79792 17.7021 13.9596L2.65432 40.0404C-0.901944 46.2021 -0.901944 53.7979 2.65432 59.9596L17.7021 86.0404C21.2584 92.2021 27.8401 96 34.9526 96H65.0482C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3465 59.9596C100.903 53.7979 100.903 46.2021 97.3465 40.0404L82.2722 13.9596C78.7424 7.79792 72.1607 4 65.0482 4Z" fill="#ebe9e4"/>
+<g clip-path="url(#clip1)">
+<path d="M46.9436 72C44.9758 72 43.3872 70.4427 43.3872 68.5136C43.3872 67.7233 43.6718 66.9331 44.1697 66.3288L51.0453 57.9614C53.108 55.428 56.2376 53.9637 59.5332 53.987H64.3224C65.176 53.987 65.8635 53.2897 65.8635 52.4529L65.8161 39.4836C65.8161 38.6468 65.1286 37.9728 64.275 37.9728H36.725C35.8714 37.9728 35.1839 38.6468 35.1602 39.4836L35.1128 52.4065C35.1128 52.8248 35.2787 53.1967 35.5632 53.4989C35.8714 53.7778 36.2508 53.9405 36.6776 53.9405L40.2576 53.894H40.3051C42.2729 53.894 43.8614 55.428 43.8851 57.3571C43.9089 59.2863 42.3203 60.8435 40.3525 60.8668L36.7724 60.89C31.9831 60.9597 28.0711 57.1944 28 52.4994C28 52.4529 28 52.4065 28 52.36L28.0474 39.4371C28.0711 34.7885 31.9594 31 36.725 31H64.2987C69.0643 31 72.9289 34.7885 72.9526 39.4603L73 52.4297C73.0237 57.1247 69.1591 60.9365 64.3699 60.9597H64.3462H59.5569C58.4189 60.9597 57.3282 61.4711 56.617 62.3543L49.7413 70.7216C49.0537 71.5351 48.0342 72.0232 46.9436 72Z" fill="#ebe9e4"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#ebe9e4" transform="translate(0 4)"/>
+</clipPath>
+<clipPath id="clip1">
+<rect width="45" height="41" fill="#ebe9e4" transform="translate(28 31)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/color.scss b/tetrio/.config/eww/images/svg/color.scss
new file mode 100644
index 000000000..eb856fd6e
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/color.scss
@@ -0,0 +1 @@
+$colorbar: #ebe9e4;
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/color.txt b/tetrio/.config/eww/images/svg/color.txt
new file mode 100644
index 000000000..7c8dfa4db
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/color.txt
@@ -0,0 +1 @@
+#ebe9e4
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/contests.svg b/tetrio/.config/eww/images/svg/contests.svg
new file mode 100644
index 000000000..6338fb3da
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/contests.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0478 9.30786C70.2495 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.3291 47.1794 95.3291 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2495 90.6242 65.0478 90.6242H34.9522C29.7505 90.6242 24.9204 87.8376 22.3195 83.3259L7.27175 57.2643C4.67091 52.7527 4.67091 47.1794 7.27175 42.6677L22.3195 16.6062C24.9204 12.0945 29.7505 9.30786 34.9522 9.30786H65.0478ZM65.0478 4H34.9522C27.8397 4 21.258 7.79512 17.7017 13.9522L2.65392 40.0138C-0.902341 46.1709 -0.902341 53.7611 2.65392 59.9183L17.7017 85.9798C21.258 92.1369 27.8397 95.9321 34.9522 95.9321H65.0478C72.1603 95.9321 78.742 92.1369 82.2983 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1603 4 65.0478 4Z" fill="#ebe9e4"/>
+<path d="M50 76.7707C47.7972 76.7707 46.0191 74.9925 46.0191 72.7898V53.9469C46.0191 51.7441 47.7972 49.966 50 49.966C52.2028 49.966 53.9809 51.7441 53.9809 53.9469V72.7898C53.9809 74.9925 52.2028 76.7707 50 76.7707Z" fill="#ebe9e4"/>
+<path d="M36.7304 71.9936C34.5276 71.9936 32.7495 70.2155 32.7495 68.0127V61.1125C32.7495 58.9098 34.5276 57.1316 36.7304 57.1316C38.9331 57.1316 40.7113 58.9098 40.7113 61.1125V68.0127C40.7113 70.2155 38.9331 71.9936 36.7304 71.9936Z" fill="#ebe9e4"/>
+<path d="M36.7304 51.8238C36.5977 51.8238 36.465 51.8238 36.3323 51.7973C36.1996 51.7973 36.0669 51.7707 35.9342 51.7442C35.8015 51.7176 35.6688 51.6911 35.5626 51.638C35.4299 51.5849 35.3238 51.5584 35.1911 51.5053C35.0849 51.4522 34.9522 51.3992 34.8461 51.3461C34.7399 51.293 34.6072 51.2134 34.5011 51.1338C34.3949 51.0542 34.2887 50.9745 34.1826 50.8949C34.0764 50.8153 33.9703 50.7091 33.8906 50.6295C33.811 50.5234 33.7049 50.4438 33.6253 50.3376C33.5456 50.2314 33.466 50.1253 33.3864 50.0191C33.3068 49.913 33.2537 49.8068 33.1741 49.6741C33.121 49.568 33.0679 49.4353 33.0149 49.3291C32.9618 49.223 32.9087 49.0903 32.8822 48.9576C32.8556 48.8249 32.8025 48.6922 32.776 48.586C32.7495 48.4533 32.7229 48.3206 32.7229 48.2145C32.6964 48.0818 32.6964 47.9491 32.6964 47.8164C32.6964 47.6837 32.6964 47.551 32.7229 47.4183C32.7229 47.2856 32.7495 47.1529 32.776 47.0202C32.8025 46.8875 32.8291 46.7548 32.8822 46.6486C32.9087 46.5159 32.9618 46.4098 33.0149 46.2771C33.0679 46.1709 33.121 46.0382 33.1741 45.9321C33.2272 45.8259 33.3068 45.6932 33.3864 45.5871C33.466 45.4809 33.5456 45.3748 33.6253 45.2686C33.7049 45.1624 33.7845 45.0563 33.8906 44.9767C33.9968 44.897 34.0764 44.7909 34.1826 44.7113C34.2887 44.6317 34.3949 44.552 34.5011 44.4724C34.6072 44.3928 34.7134 44.3397 34.8461 44.2601C34.9522 44.207 35.0849 44.1539 35.1911 44.1009C35.3238 44.0478 35.4299 43.9947 35.5626 43.9682C35.6953 43.9416 35.828 43.8886 35.9342 43.862C36.0669 43.8355 36.1996 43.8089 36.3323 43.8089C36.5977 43.7824 36.8631 43.7824 37.1019 43.8089C37.2346 43.8089 37.3673 43.8355 37.5 43.862C37.6327 43.8886 37.7654 43.9151 37.8715 43.9682C38.0042 43.9947 38.1104 44.0478 38.2431 44.1009C38.3758 44.1539 38.4819 44.207 38.5881 44.2601C38.6943 44.3132 38.827 44.3928 38.9331 44.4724C39.0393 44.552 39.1454 44.6317 39.2516 44.7113C39.3577 44.7909 39.4639 44.8705 39.5435 44.9767C39.6231 45.0828 39.7293 45.1624 39.8089 45.2686C39.8885 45.3748 39.9681 45.4809 40.0478 45.5871C40.1274 45.6932 40.1805 45.7994 40.2601 45.9321C40.3132 46.0382 40.3662 46.1709 40.4193 46.2771C40.4724 46.4098 40.4989 46.5159 40.552 46.6486C40.5786 46.7813 40.6316 46.914 40.6582 47.0202C40.6847 47.1529 40.7112 47.2856 40.7112 47.4183C40.7378 47.551 40.7378 47.6837 40.7378 47.8164C40.7378 47.9491 40.7378 48.0818 40.7112 48.2145C40.7112 48.3472 40.6847 48.4799 40.6582 48.586C40.6316 48.7187 40.6051 48.8514 40.552 48.9576C40.4989 49.0903 40.4724 49.1964 40.4193 49.3291C40.3662 49.4618 40.3132 49.568 40.2601 49.6741C40.207 49.7803 40.1274 49.913 40.0478 50.0191C39.9681 50.1253 39.8885 50.2314 39.8089 50.3376C39.7293 50.4438 39.6231 50.5499 39.5435 50.6295C39.4374 50.7091 39.3577 50.8153 39.2516 50.8949C39.1454 50.9745 39.0393 51.0542 38.9331 51.1338C38.827 51.2134 38.7208 51.2665 38.5881 51.3461C38.4819 51.3992 38.3493 51.4522 38.2431 51.5053C38.1369 51.5584 38.0042 51.5849 37.8715 51.638C37.7388 51.6646 37.6327 51.7176 37.5 51.7442C37.3673 51.7707 37.2346 51.7973 37.1019 51.7973C36.9957 51.8238 36.863 51.8238 36.7304 51.8238Z" fill="#ebe9e4"/>
+<path d="M63.2696 71.9936C61.0669 71.9936 59.2887 70.2155 59.2887 68.0127V61.1125C59.2887 58.9098 61.0669 57.1316 63.2696 57.1316C65.4724 57.1316 67.2505 58.9098 67.2505 61.1125V68.0127C67.2505 70.2155 65.4724 71.9936 63.2696 71.9936Z" fill="#ebe9e4"/>
+<path d="M63.2696 51.8238C63.1369 51.8238 63.0043 51.8238 62.8716 51.7973C62.7389 51.7973 62.6062 51.7707 62.4735 51.7442C62.3408 51.7176 62.2081 51.6911 62.1019 51.638C61.9692 51.5849 61.8631 51.5584 61.7304 51.5053C61.6242 51.4522 61.4915 51.3992 61.3854 51.3461C61.2792 51.293 61.1465 51.2134 61.0403 51.1338C60.9342 51.0542 60.828 50.9745 60.7219 50.8949C60.6157 50.8153 60.5096 50.7091 60.4299 50.6295C60.3503 50.5234 60.2442 50.4438 60.1645 50.3376C60.0849 50.2314 60.0053 50.1253 59.9257 50.0191C59.8461 49.913 59.793 49.8068 59.7134 49.6741C59.6603 49.568 59.6072 49.4353 59.5541 49.3291C59.5011 49.223 59.448 49.0903 59.4214 48.9576C59.3949 48.8249 59.3418 48.6922 59.3153 48.586C59.2888 48.4533 59.2622 48.3206 59.2622 48.2145C59.2622 48.0818 59.2357 47.9491 59.2357 47.8164C59.2357 47.6837 59.2357 47.551 59.2622 47.4183C59.2622 47.2856 59.2888 47.1529 59.3153 47.0202C59.3418 46.8875 59.3684 46.7548 59.4214 46.6486C59.448 46.5159 59.5011 46.4098 59.5541 46.2771C59.6072 46.1709 59.6603 46.0382 59.7134 45.9321C59.7665 45.8259 59.8461 45.6932 59.9257 45.5871C60.0053 45.4809 60.0849 45.3748 60.1645 45.2686C60.2442 45.1624 60.3238 45.0563 60.4299 44.9767C60.5361 44.897 60.6157 44.7909 60.7219 44.7113C60.828 44.6317 60.9342 44.552 61.0403 44.4724C61.1465 44.3928 61.2527 44.3397 61.3854 44.2601C61.4915 44.207 61.6242 44.1539 61.7304 44.1009C61.8631 44.0478 61.9692 43.9947 62.1019 43.9682C62.2346 43.9416 62.3673 43.8886 62.4735 43.862C62.6062 43.8355 62.7389 43.8089 62.8716 43.8089C63.1369 43.7824 63.4023 43.7824 63.6677 43.8089C63.8004 43.8089 63.9331 43.8355 64.0393 43.862C64.172 43.8886 64.3047 43.9151 64.4108 43.9682C64.5435 43.9947 64.6497 44.0478 64.7824 44.1009C64.9151 44.1539 65.0212 44.207 65.1274 44.2601C65.2336 44.3132 65.3663 44.3928 65.4724 44.4724C65.5786 44.552 65.6847 44.6317 65.7909 44.7113C65.897 44.7909 66.0032 44.8705 66.0828 44.9767C66.1624 45.0828 66.2686 45.1624 66.3482 45.2686C66.4278 45.3748 66.5074 45.4809 66.5871 45.5871C66.6667 45.6932 66.7198 45.7994 66.7994 45.9321C66.8525 46.0382 66.9055 46.1709 66.9586 46.2771C67.0117 46.4098 67.0382 46.5159 67.0913 46.6486C67.1178 46.7813 67.1709 46.914 67.1975 47.0202C67.224 47.1529 67.2505 47.2856 67.2505 47.4183C67.2771 47.551 67.2771 47.6837 67.2771 47.8164C67.2771 47.9491 67.2771 48.0818 67.2505 48.2145C67.2505 48.3472 67.224 48.4799 67.1975 48.586C67.1709 48.7187 67.1444 48.8514 67.0913 48.9576C67.0382 49.0903 67.0117 49.1964 66.9586 49.3291C66.9055 49.4618 66.8525 49.568 66.7994 49.6741C66.7463 49.7803 66.6667 49.913 66.5871 50.0191C66.5074 50.1253 66.4278 50.2314 66.3482 50.3376C66.2686 50.4438 66.1624 50.5499 66.0828 50.6295C65.9767 50.7091 65.897 50.8153 65.7909 50.8949C65.6847 50.9745 65.5786 51.0542 65.4724 51.1338C65.3663 51.2134 65.2601 51.2665 65.1274 51.3461C65.0212 51.3992 64.8885 51.4522 64.7824 51.5053C64.6762 51.5584 64.5435 51.5849 64.4108 51.638C64.2781 51.6646 64.172 51.7176 64.0393 51.7442C63.9066 51.7707 63.7739 51.7973 63.6677 51.7973C63.535 51.8238 63.4023 51.8238 63.2696 51.8238Z" fill="#ebe9e4"/>
+<path d="M50 44.7909C44.1348 44.7909 39.3843 40.0403 39.3843 34.1752C39.3843 28.31 44.1348 23.5594 50 23.5594C55.8652 23.5594 60.6157 28.31 60.6157 34.1752C60.6157 40.0403 55.8652 44.7909 50 44.7909ZM50 31.5212C48.5403 31.5212 47.3461 32.7155 47.3461 34.1752C47.3461 35.6348 48.5403 36.8291 50 36.8291C51.4597 36.8291 52.6539 35.6348 52.6539 34.1752C52.6539 32.7155 51.4597 31.5212 50 31.5212Z" fill="#ebe9e4"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#ebe9e4" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/forum.svg b/tetrio/.config/eww/images/svg/forum.svg
new file mode 100644
index 000000000..1e17e063d
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/forum.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.28849C70.2493 9.28849 75.0795 12.0649 77.6803 16.5602L92.7281 42.5266C95.3289 47.0219 95.3289 52.5748 92.7281 57.07L77.6803 83.0365C75.0795 87.5317 70.2493 90.3082 65.0476 90.3082H34.9521C29.7504 90.3082 24.9203 87.5317 22.3194 83.0365L7.27165 57.07C4.6708 52.5748 4.6708 47.0219 7.27165 42.5266L22.3194 16.5602C24.9203 12.0649 29.7504 9.28849 34.9521 9.28849H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.78127 17.7016 13.9159L2.65381 39.8824C-0.902448 46.0171 -0.902448 53.5796 2.65381 59.7142L17.7016 85.6807C21.2578 91.8154 27.8396 95.5966 34.9521 95.5966H65.0476C72.1602 95.5966 78.7419 91.8154 82.2982 85.6807L97.3459 59.7142C100.902 53.5796 100.902 46.0171 97.3459 39.8824L82.2716 13.9159C78.7419 7.78127 72.1602 4 65.0476 4Z" fill="#ebe9e4"/>
+<path d="M66.9851 40.8079C69.1837 40.8079 70.966 39.0321 70.966 36.8415C70.966 34.651 69.1837 32.8752 66.9851 32.8752C64.7865 32.8752 63.0042 34.651 63.0042 36.8415C63.0042 39.0321 64.7865 40.8079 66.9851 40.8079Z" fill="#ebe9e4"/>
+<path d="M51.327 40.8079H34.6072C32.4045 40.8079 30.6263 39.0362 30.6263 36.8415C30.6263 34.6468 32.4045 32.8752 34.6072 32.8752H51.327C53.5297 32.8752 55.3079 34.6468 55.3079 36.8415C55.3079 39.0362 53.5297 40.8079 51.327 40.8079Z" fill="#ebe9e4"/>
+<path d="M66.9851 67.2503C69.1837 67.2503 70.966 65.4745 70.966 63.284C70.966 61.0934 69.1837 59.3176 66.9851 59.3176C64.7865 59.3176 63.0042 61.0934 63.0042 63.284C63.0042 65.4745 64.7865 67.2503 66.9851 67.2503Z" fill="#ebe9e4"/>
+<path d="M51.327 67.2503H34.6072C32.4045 67.2503 30.6263 65.4787 30.6263 63.284C30.6263 61.0892 32.4045 59.3176 34.6072 59.3176H51.327C53.5297 59.3176 55.3079 61.0892 55.3079 63.284C55.3079 65.4787 53.5297 67.2503 51.327 67.2503Z" fill="#ebe9e4"/>
+<path d="M34.8726 54.0291C37.0712 54.0291 38.8535 52.2533 38.8535 50.0627C38.8535 47.8722 37.0712 46.0964 34.8726 46.0964C32.674 46.0964 30.8917 47.8722 30.8917 50.0627C30.8917 52.2533 32.674 54.0291 34.8726 54.0291Z" fill="#ebe9e4"/>
+<path d="M67.2505 54.0291H50.5308C48.328 54.0291 46.5499 52.2575 46.5499 50.0627C46.5499 47.868 48.328 46.0964 50.5308 46.0964H67.2505C69.4533 46.0964 71.2314 47.868 71.2314 50.0627C71.2314 52.2575 69.4533 54.0291 67.2505 54.0291Z" fill="#ebe9e4"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.5966" fill="#ebe9e4" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/home.svg b/tetrio/.config/eww/images/svg/home.svg
new file mode 100644
index 000000000..534556ef7
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/home.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0478 9.30786C70.2495 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.3291 47.1794 95.3291 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2495 90.6242 65.0478 90.6242H34.9522C29.7505 90.6242 24.9204 87.8376 22.3195 83.3259L7.27175 57.2643C4.67091 52.7527 4.67091 47.1794 7.27175 42.6677L22.3195 16.6062C24.9204 12.0945 29.7505 9.30786 34.9522 9.30786H65.0478ZM65.0478 4H34.9522C27.8397 4 21.258 7.79512 17.7017 13.9522L2.65392 40.0138C-0.902341 46.1709 -0.902341 53.7611 2.65392 59.9183L17.7017 85.9798C21.258 92.1369 27.8397 95.9321 34.9522 95.9321H65.0478C72.1603 95.9321 78.742 92.1369 82.2983 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1603 4 65.0478 4Z" fill="#ebe9e4"/>
+<path d="M68.5775 43.2781C68.0998 43.2781 67.5956 43.1985 67.1178 42.9862L50 36.2187L32.8822 42.9862C30.8386 43.7824 28.5297 42.8004 27.707 40.7569C26.9108 38.7134 27.8928 36.4045 29.9363 35.5817L48.5138 28.2304C49.4427 27.8588 50.5043 27.8588 51.4331 28.2304L70.0106 35.5817C72.0541 36.3779 73.0626 38.7134 72.2399 40.7569C71.6561 42.3227 70.1699 43.2781 68.5775 43.2781Z" fill="#ebe9e4"/>
+<path d="M57.3248 71.9671H42.7017C39.4108 71.9671 36.7569 69.2866 36.7569 66.0223V51.3991C36.7569 48.1083 39.4374 45.4543 42.7017 45.4543H57.3248C60.6157 45.4543 63.2696 48.1348 63.2696 51.3991V66.0223C63.2696 69.3132 60.5892 71.9671 57.3248 71.9671ZM44.6921 64.0053H55.3078V53.3896H44.6921V64.0053Z" fill="#ebe9e4"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#ebe9e4" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/news.svg b/tetrio/.config/eww/images/svg/news.svg
new file mode 100644
index 000000000..e7d42f0bb
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/news.svg
@@ -0,0 +1,18 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0468 9.31178C70.2485 9.31178 75.0786 12.1005 77.6795 16.6155L92.7272 42.6963C95.3281 47.2113 95.3281 52.7887 92.7272 57.3037L77.6795 83.3845C75.0786 87.8995 70.2485 90.6882 65.0468 90.6882H34.9512C29.7495 90.6882 24.9194 87.8995 22.3185 83.3845L7.27075 57.3037C4.6699 52.7887 4.6699 47.2113 7.27075 42.6963L22.3185 16.6155C24.9194 12.1005 29.7495 9.31178 34.9512 9.31178H65.0468ZM65.0468 4H34.9512C27.8387 4 21.2569 7.79792 17.7007 13.9596L2.65292 40.0404C-0.903348 46.2021 -0.903348 53.7979 2.65292 59.9596L17.7007 86.0404C21.2569 92.2021 27.8387 96 34.9512 96H65.0468C72.1593 96 78.741 92.2021 82.2973 86.0404L97.3451 59.9596C100.901 53.7979 100.901 46.2021 97.3451 40.0404L82.2707 13.9596C78.741 7.79792 72.1593 4 65.0468 4Z" fill="#ebe9e4"/>
+<path d="M73.8854 53.9838H66.9851C64.7824 53.9838 63.0042 52.2044 63.0042 50C63.0042 47.7956 64.7824 46.0162 66.9851 46.0162H73.8854C76.0881 46.0162 77.8663 47.7956 77.8663 50C77.8663 52.2044 76.0881 53.9838 73.8854 53.9838Z" fill="#ebe9e4"/>
+<path d="M50 77.8868C47.7972 77.8868 46.0191 76.1074 46.0191 73.903V66.9977C46.0191 64.7933 47.7972 63.0139 50 63.0139C52.2028 63.0139 53.9809 64.7933 53.9809 66.9977V73.903C53.9809 76.1074 52.2028 77.8868 50 77.8868Z" fill="#ebe9e4"/>
+<path d="M66.879 70.8753C65.8705 70.8753 64.8355 70.4769 64.0658 69.7067L59.1295 64.7667C57.5637 63.1998 57.5637 60.6767 59.1295 59.1363C60.6953 57.5693 63.2166 57.5693 64.7558 59.1363L69.6922 64.0762C71.258 65.6432 71.258 68.1663 69.6922 69.7067C68.9225 70.5035 67.914 70.8753 66.879 70.8753Z" fill="#ebe9e4"/>
+<path d="M33.121 70.8753C32.1125 70.8753 31.0775 70.4769 30.3078 69.7067C28.742 68.1397 28.742 65.6166 30.3078 64.0762L35.2442 59.1363C36.81 57.5693 39.3312 57.5693 40.8705 59.1363C42.4363 60.7032 42.4363 63.2263 40.8705 64.7667L35.9342 69.7067C35.138 70.5035 34.1295 70.8753 33.121 70.8753Z" fill="#ebe9e4"/>
+<path d="M61.9427 42.0323C60.9342 42.0323 59.8992 41.634 59.1295 40.8637C57.5637 39.2968 57.5637 36.7737 59.1295 35.2333L64.0658 30.2933C65.6316 28.7263 68.1529 28.7263 69.6922 30.2933C71.258 31.8603 71.258 34.3834 69.6922 35.9238L64.7558 40.8637C63.9862 41.634 62.9512 42.0323 61.9427 42.0323Z" fill="#ebe9e4"/>
+<path d="M50 36.9861C47.7972 36.9861 46.0191 35.2067 46.0191 33.0023V26.097C46.0191 23.8926 47.7972 22.1132 50 22.1132C52.2028 22.1132 53.9809 23.8926 53.9809 26.097V33.0023C53.9809 35.2067 52.2028 36.9861 50 36.9861Z" fill="#ebe9e4"/>
+<path d="M33.0149 53.9838H26.1147C23.9119 53.9838 22.1338 52.2044 22.1338 50C22.1338 47.7956 23.9119 46.0162 26.1147 46.0162H33.0149C35.2176 46.0162 36.9958 47.7956 36.9958 50C36.9958 52.2044 35.2176 53.9838 33.0149 53.9838Z" fill="#ebe9e4"/>
+<path d="M38.0573 42.0323C37.0488 42.0323 36.0138 41.634 35.2442 40.8637L30.3078 35.9238C28.742 34.3568 28.742 31.8337 30.3078 30.2933C31.8737 28.7263 34.3949 28.7263 35.9342 30.2933L40.8705 35.2333C42.4363 36.8002 42.4363 39.3233 40.8705 40.8637C40.1008 41.634 39.0658 42.0323 38.0573 42.0323Z" fill="#ebe9e4"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#ebe9e4" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/osu_dark/beatmappacks.svg b/tetrio/.config/eww/images/svg/osu_dark/beatmappacks.svg
new file mode 100644
index 000000000..4f4bc4bd2
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/osu_dark/beatmappacks.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="white"/>
+<path d="M45.8333 49.0106C45.4883 49.0106 45.1433 48.9575 44.8248 48.8248L25.3715 40.863C24.3365 40.4384 23.673 39.3768 23.7261 38.2622C23.7792 37.121 24.5488 36.1656 25.6369 35.8471L53.6093 27.8853C54.1932 27.7261 54.7771 27.7526 55.3344 27.9915L74.7877 35.9533C75.8227 36.3779 76.4862 37.4395 76.4331 38.5541C76.38 39.6953 75.6104 40.6507 74.5223 40.9692L46.5764 48.931C46.3376 48.9841 46.0987 49.0106 45.8333 49.0106ZM34.5011 38.8461L46.0191 43.5435L65.6847 37.9437L54.1667 33.2463L34.5011 38.8461Z" fill="white"/>
+<path d="M45.8333 74.1698C45.4883 74.1698 45.1433 74.1168 44.8248 73.9841L25.3715 66.0223C24.3365 65.5977 23.673 64.5361 23.7261 63.4214C23.7792 62.2802 24.5488 61.3248 25.6369 61.0064L53.5828 53.0446C54.1667 52.8853 54.7505 52.9119 55.3079 53.1507L74.7612 61.1125C75.7962 61.5372 76.4597 62.5987 76.4066 63.7134C76.3535 64.8546 75.5839 65.81 74.4958 66.1284L46.5499 74.0902C46.3376 74.1433 46.0987 74.1698 45.8333 74.1698ZM34.5011 64.0053L46.0191 68.7028L65.6847 63.103L54.1667 58.4055L34.5011 64.0053Z" fill="white"/>
+<path d="M26.4597 66.1285C25 66.1285 23.8057 64.9342 23.8057 63.4745V38.3153C23.8057 36.8556 25 35.6614 26.4597 35.6614C27.9193 35.6614 29.1136 36.8556 29.1136 38.3153V63.4745C29.1136 64.9342 27.9193 66.1285 26.4597 66.1285Z" fill="white"/>
+<path d="M45.9395 74.1433C44.4799 74.1433 43.2856 72.949 43.2856 71.4894V46.3301C43.2856 44.8705 44.4799 43.6762 45.9395 43.6762C47.3992 43.6762 48.5934 44.8705 48.5934 46.3301V71.4894C48.5934 72.949 47.3992 74.1433 45.9395 74.1433Z" fill="white"/>
+<path d="M54.4055 57.7421C52.9459 57.7421 51.7516 56.5478 51.7516 55.0881V30.4862C51.7516 29.0265 52.9459 27.8323 54.4055 27.8323C55.8652 27.8323 57.0594 29.0265 57.0594 30.4862V55.0881C57.0594 56.5478 55.8652 57.7421 54.4055 57.7421Z" fill="white"/>
+<path d="M73.8854 66.1285C72.4257 66.1285 71.2314 64.9342 71.2314 63.4745V38.8726C71.2314 37.413 72.4257 36.2187 73.8854 36.2187C75.345 36.2187 76.5393 37.413 76.5393 38.8726V63.4745C76.5393 64.9342 75.345 66.1285 73.8854 66.1285Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/osu_dark/beatmaps.svg b/tetrio/.config/eww/images/svg/osu_dark/beatmaps.svg
new file mode 100644
index 000000000..34aca1b69
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/osu_dark/beatmaps.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.7375 27.0672C49.7375 22.2087 55.5763 19.7364 59.0652 23.1177L64.1858 28.0804C65.5739 29.4257 65.6086 31.6415 64.2633 33.0296C62.9181 34.4176 60.7023 34.4523 59.3142 33.1071L56.7375 30.6098V54.0937C56.7375 56.0267 55.1705 57.5937 53.2375 57.5937C51.3045 57.5937 49.7375 56.0267 49.7375 54.0937V27.0672Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M47.9008 55.8953C48.8125 55.8953 49.5516 55.1562 49.5516 54.2445C49.5516 53.3328 48.8125 52.5938 47.9008 52.5938C46.9891 52.5938 46.25 53.3328 46.25 54.2445C46.25 55.1562 46.9891 55.8953 47.9008 55.8953ZM47.9008 62.8953C52.6785 62.8953 56.5516 59.0222 56.5516 54.2445C56.5516 49.4668 52.6785 45.5938 47.9008 45.5938C43.1231 45.5938 39.25 49.4668 39.25 54.2445C39.25 59.0222 43.1231 62.8953 47.9008 62.8953Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.3186 33.2126C47.6854 34.5795 47.6854 36.7955 46.3186 38.1624L31.9479 52.5331C31.3621 53.1189 31.3621 54.0686 31.9479 54.6544L48.9393 71.6458C49.5251 72.2316 50.4748 72.2316 51.0606 71.6458L68.0521 54.6544C68.6379 54.0686 68.6379 53.1189 68.0521 52.5331L59.8376 44.3186C58.4708 42.9518 58.4708 40.7357 59.8376 39.3689C61.2044 38.002 63.4205 38.002 64.7873 39.3689L73.0018 47.5833C76.3213 50.9028 76.3213 56.2847 73.0018 59.6042L56.0104 76.5956C52.6909 79.915 47.309 79.915 43.9896 76.5956L26.9981 59.6042C23.6787 56.2847 23.6787 50.9028 26.9981 47.5833L41.3689 33.2126C42.7357 31.8458 44.9518 31.8458 46.3186 33.2126Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/osu_dark/changelog.svg b/tetrio/.config/eww/images/svg/osu_dark/changelog.svg
new file mode 100644
index 000000000..4d610ba10
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/osu_dark/changelog.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0471 9.31178C70.2488 9.31178 75.0789 12.1005 77.6798 16.6155L92.7275 42.6963C95.3284 47.2113 95.3284 52.7887 92.7275 57.3037L77.6798 83.3845C75.0789 87.8995 70.2488 90.6882 65.0471 90.6882H34.9515C29.7498 90.6882 24.9197 87.8995 22.3188 83.3845L7.27104 57.3037C4.67019 52.7887 4.67019 47.2113 7.27104 42.6963L22.3188 16.6155C24.9197 12.1005 29.7498 9.31178 34.9515 9.31178H65.0471ZM65.0471 4H34.9515C27.839 4 21.2572 7.79792 17.701 13.9596L2.6532 40.0404C-0.903062 46.2021 -0.903062 53.7979 2.6532 59.9596L17.701 86.0404C21.2572 92.2021 27.839 96 34.9515 96H65.0471C72.1596 96 78.7413 92.2021 82.2976 86.0404L97.3454 59.9596C100.902 53.7979 100.902 46.2021 97.3454 40.0404L82.2711 13.9596C78.7413 7.79792 72.1596 4 65.0471 4Z" fill="white"/>
+<path d="M43.0733 72.0439C42.4098 72.0439 41.7198 71.8845 41.0828 71.5127L28.0786 63.9965C25.2389 62.3499 23.4607 59.2956 23.4607 56.0023V43.9977C23.4607 40.7044 25.2389 37.6501 28.0786 36.0035L41.0828 28.4873C42.9936 27.3984 45.4087 28.0358 46.5234 29.948C47.6115 31.8603 46.9745 34.2771 45.0637 35.3926L32.0595 42.9088C31.6614 43.1212 31.4225 43.5462 31.4225 43.9977V56.0023C31.4225 56.4538 31.6614 56.8788 32.0595 57.0912L45.0637 64.6074C46.9745 65.6963 47.6115 68.1397 46.5234 70.052C45.8068 71.3268 44.4533 72.0439 43.0733 72.0439Z" fill="white"/>
+<path d="M56.9002 72.0439C55.5202 72.0439 54.1932 71.3268 53.4501 70.052C52.362 68.1397 52.9989 65.7229 54.9098 64.6074L67.914 57.0912C68.3121 56.8788 68.5509 56.4538 68.5509 56.0023V43.9977C68.5509 43.5462 68.3121 43.1212 67.914 42.9088L54.9098 35.3926C52.9989 34.3037 52.362 31.8603 53.4501 29.948C54.5382 28.0358 56.9798 27.3984 58.8907 28.4873L71.8949 36.0035C74.7346 37.6501 76.5127 40.7044 76.5127 43.9977V56.0023C76.5127 59.2956 74.7346 62.3499 71.8949 63.9965L58.8907 71.5127C58.2803 71.8845 57.5902 72.0439 56.9002 72.0439Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/osu_dark/chat.svg b/tetrio/.config/eww/images/svg/osu_dark/chat.svg
new file mode 100644
index 000000000..c0b632db2
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/osu_dark/chat.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0482 9.31178C70.2499 9.31178 75.08 12.1005 77.6809 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6809 83.3845C75.08 87.8995 70.2499 90.6882 65.0482 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27215 57.3037C4.6713 52.7887 4.6713 47.2113 7.27215 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0482ZM65.0482 4H34.9526C27.8401 4 21.2584 7.79792 17.7021 13.9596L2.65432 40.0404C-0.901944 46.2021 -0.901944 53.7979 2.65432 59.9596L17.7021 86.0404C21.2584 92.2021 27.8401 96 34.9526 96H65.0482C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3465 59.9596C100.903 53.7979 100.903 46.2021 97.3465 40.0404L82.2722 13.9596C78.7424 7.79792 72.1607 4 65.0482 4Z" fill="white"/>
+<g clip-path="url(#clip1)">
+<path d="M46.9436 72C44.9758 72 43.3872 70.4427 43.3872 68.5136C43.3872 67.7233 43.6718 66.9331 44.1697 66.3288L51.0453 57.9614C53.108 55.428 56.2376 53.9637 59.5332 53.987H64.3224C65.176 53.987 65.8635 53.2897 65.8635 52.4529L65.8161 39.4836C65.8161 38.6468 65.1286 37.9728 64.275 37.9728H36.725C35.8714 37.9728 35.1839 38.6468 35.1602 39.4836L35.1128 52.4065C35.1128 52.8248 35.2787 53.1967 35.5632 53.4989C35.8714 53.7778 36.2508 53.9405 36.6776 53.9405L40.2576 53.894H40.3051C42.2729 53.894 43.8614 55.428 43.8851 57.3571C43.9089 59.2863 42.3203 60.8435 40.3525 60.8668L36.7724 60.89C31.9831 60.9597 28.0711 57.1944 28 52.4994C28 52.4529 28 52.4065 28 52.36L28.0474 39.4371C28.0711 34.7885 31.9594 31 36.725 31H64.2987C69.0643 31 72.9289 34.7885 72.9526 39.4603L73 52.4297C73.0237 57.1247 69.1591 60.9365 64.3699 60.9597H64.3462H59.5569C58.4189 60.9597 57.3282 61.4711 56.617 62.3543L49.7413 70.7216C49.0537 71.5351 48.0342 72.0232 46.9436 72Z" fill="white"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+<clipPath id="clip1">
+<rect width="45" height="41" fill="white" transform="translate(28 31)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/osu_dark/color.scss b/tetrio/.config/eww/images/svg/osu_dark/color.scss
new file mode 100644
index 000000000..e96f7e758
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/osu_dark/color.scss
@@ -0,0 +1 @@
+$colorbar: white;
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/osu_dark/color.txt b/tetrio/.config/eww/images/svg/osu_dark/color.txt
new file mode 100644
index 000000000..65c27486f
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/osu_dark/color.txt
@@ -0,0 +1 @@
+white
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/osu_dark/contests.svg b/tetrio/.config/eww/images/svg/osu_dark/contests.svg
new file mode 100644
index 000000000..ee97f1e25
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/osu_dark/contests.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0478 9.30786C70.2495 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.3291 47.1794 95.3291 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2495 90.6242 65.0478 90.6242H34.9522C29.7505 90.6242 24.9204 87.8376 22.3195 83.3259L7.27175 57.2643C4.67091 52.7527 4.67091 47.1794 7.27175 42.6677L22.3195 16.6062C24.9204 12.0945 29.7505 9.30786 34.9522 9.30786H65.0478ZM65.0478 4H34.9522C27.8397 4 21.258 7.79512 17.7017 13.9522L2.65392 40.0138C-0.902341 46.1709 -0.902341 53.7611 2.65392 59.9183L17.7017 85.9798C21.258 92.1369 27.8397 95.9321 34.9522 95.9321H65.0478C72.1603 95.9321 78.742 92.1369 82.2983 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1603 4 65.0478 4Z" fill="white"/>
+<path d="M50 76.7707C47.7972 76.7707 46.0191 74.9925 46.0191 72.7898V53.9469C46.0191 51.7441 47.7972 49.966 50 49.966C52.2028 49.966 53.9809 51.7441 53.9809 53.9469V72.7898C53.9809 74.9925 52.2028 76.7707 50 76.7707Z" fill="white"/>
+<path d="M36.7304 71.9936C34.5276 71.9936 32.7495 70.2155 32.7495 68.0127V61.1125C32.7495 58.9098 34.5276 57.1316 36.7304 57.1316C38.9331 57.1316 40.7113 58.9098 40.7113 61.1125V68.0127C40.7113 70.2155 38.9331 71.9936 36.7304 71.9936Z" fill="white"/>
+<path d="M36.7304 51.8238C36.5977 51.8238 36.465 51.8238 36.3323 51.7973C36.1996 51.7973 36.0669 51.7707 35.9342 51.7442C35.8015 51.7176 35.6688 51.6911 35.5626 51.638C35.4299 51.5849 35.3238 51.5584 35.1911 51.5053C35.0849 51.4522 34.9522 51.3992 34.8461 51.3461C34.7399 51.293 34.6072 51.2134 34.5011 51.1338C34.3949 51.0542 34.2887 50.9745 34.1826 50.8949C34.0764 50.8153 33.9703 50.7091 33.8906 50.6295C33.811 50.5234 33.7049 50.4438 33.6253 50.3376C33.5456 50.2314 33.466 50.1253 33.3864 50.0191C33.3068 49.913 33.2537 49.8068 33.1741 49.6741C33.121 49.568 33.0679 49.4353 33.0149 49.3291C32.9618 49.223 32.9087 49.0903 32.8822 48.9576C32.8556 48.8249 32.8025 48.6922 32.776 48.586C32.7495 48.4533 32.7229 48.3206 32.7229 48.2145C32.6964 48.0818 32.6964 47.9491 32.6964 47.8164C32.6964 47.6837 32.6964 47.551 32.7229 47.4183C32.7229 47.2856 32.7495 47.1529 32.776 47.0202C32.8025 46.8875 32.8291 46.7548 32.8822 46.6486C32.9087 46.5159 32.9618 46.4098 33.0149 46.2771C33.0679 46.1709 33.121 46.0382 33.1741 45.9321C33.2272 45.8259 33.3068 45.6932 33.3864 45.5871C33.466 45.4809 33.5456 45.3748 33.6253 45.2686C33.7049 45.1624 33.7845 45.0563 33.8906 44.9767C33.9968 44.897 34.0764 44.7909 34.1826 44.7113C34.2887 44.6317 34.3949 44.552 34.5011 44.4724C34.6072 44.3928 34.7134 44.3397 34.8461 44.2601C34.9522 44.207 35.0849 44.1539 35.1911 44.1009C35.3238 44.0478 35.4299 43.9947 35.5626 43.9682C35.6953 43.9416 35.828 43.8886 35.9342 43.862C36.0669 43.8355 36.1996 43.8089 36.3323 43.8089C36.5977 43.7824 36.8631 43.7824 37.1019 43.8089C37.2346 43.8089 37.3673 43.8355 37.5 43.862C37.6327 43.8886 37.7654 43.9151 37.8715 43.9682C38.0042 43.9947 38.1104 44.0478 38.2431 44.1009C38.3758 44.1539 38.4819 44.207 38.5881 44.2601C38.6943 44.3132 38.827 44.3928 38.9331 44.4724C39.0393 44.552 39.1454 44.6317 39.2516 44.7113C39.3577 44.7909 39.4639 44.8705 39.5435 44.9767C39.6231 45.0828 39.7293 45.1624 39.8089 45.2686C39.8885 45.3748 39.9681 45.4809 40.0478 45.5871C40.1274 45.6932 40.1805 45.7994 40.2601 45.9321C40.3132 46.0382 40.3662 46.1709 40.4193 46.2771C40.4724 46.4098 40.4989 46.5159 40.552 46.6486C40.5786 46.7813 40.6316 46.914 40.6582 47.0202C40.6847 47.1529 40.7112 47.2856 40.7112 47.4183C40.7378 47.551 40.7378 47.6837 40.7378 47.8164C40.7378 47.9491 40.7378 48.0818 40.7112 48.2145C40.7112 48.3472 40.6847 48.4799 40.6582 48.586C40.6316 48.7187 40.6051 48.8514 40.552 48.9576C40.4989 49.0903 40.4724 49.1964 40.4193 49.3291C40.3662 49.4618 40.3132 49.568 40.2601 49.6741C40.207 49.7803 40.1274 49.913 40.0478 50.0191C39.9681 50.1253 39.8885 50.2314 39.8089 50.3376C39.7293 50.4438 39.6231 50.5499 39.5435 50.6295C39.4374 50.7091 39.3577 50.8153 39.2516 50.8949C39.1454 50.9745 39.0393 51.0542 38.9331 51.1338C38.827 51.2134 38.7208 51.2665 38.5881 51.3461C38.4819 51.3992 38.3493 51.4522 38.2431 51.5053C38.1369 51.5584 38.0042 51.5849 37.8715 51.638C37.7388 51.6646 37.6327 51.7176 37.5 51.7442C37.3673 51.7707 37.2346 51.7973 37.1019 51.7973C36.9957 51.8238 36.863 51.8238 36.7304 51.8238Z" fill="white"/>
+<path d="M63.2696 71.9936C61.0669 71.9936 59.2887 70.2155 59.2887 68.0127V61.1125C59.2887 58.9098 61.0669 57.1316 63.2696 57.1316C65.4724 57.1316 67.2505 58.9098 67.2505 61.1125V68.0127C67.2505 70.2155 65.4724 71.9936 63.2696 71.9936Z" fill="white"/>
+<path d="M63.2696 51.8238C63.1369 51.8238 63.0043 51.8238 62.8716 51.7973C62.7389 51.7973 62.6062 51.7707 62.4735 51.7442C62.3408 51.7176 62.2081 51.6911 62.1019 51.638C61.9692 51.5849 61.8631 51.5584 61.7304 51.5053C61.6242 51.4522 61.4915 51.3992 61.3854 51.3461C61.2792 51.293 61.1465 51.2134 61.0403 51.1338C60.9342 51.0542 60.828 50.9745 60.7219 50.8949C60.6157 50.8153 60.5096 50.7091 60.4299 50.6295C60.3503 50.5234 60.2442 50.4438 60.1645 50.3376C60.0849 50.2314 60.0053 50.1253 59.9257 50.0191C59.8461 49.913 59.793 49.8068 59.7134 49.6741C59.6603 49.568 59.6072 49.4353 59.5541 49.3291C59.5011 49.223 59.448 49.0903 59.4214 48.9576C59.3949 48.8249 59.3418 48.6922 59.3153 48.586C59.2888 48.4533 59.2622 48.3206 59.2622 48.2145C59.2622 48.0818 59.2357 47.9491 59.2357 47.8164C59.2357 47.6837 59.2357 47.551 59.2622 47.4183C59.2622 47.2856 59.2888 47.1529 59.3153 47.0202C59.3418 46.8875 59.3684 46.7548 59.4214 46.6486C59.448 46.5159 59.5011 46.4098 59.5541 46.2771C59.6072 46.1709 59.6603 46.0382 59.7134 45.9321C59.7665 45.8259 59.8461 45.6932 59.9257 45.5871C60.0053 45.4809 60.0849 45.3748 60.1645 45.2686C60.2442 45.1624 60.3238 45.0563 60.4299 44.9767C60.5361 44.897 60.6157 44.7909 60.7219 44.7113C60.828 44.6317 60.9342 44.552 61.0403 44.4724C61.1465 44.3928 61.2527 44.3397 61.3854 44.2601C61.4915 44.207 61.6242 44.1539 61.7304 44.1009C61.8631 44.0478 61.9692 43.9947 62.1019 43.9682C62.2346 43.9416 62.3673 43.8886 62.4735 43.862C62.6062 43.8355 62.7389 43.8089 62.8716 43.8089C63.1369 43.7824 63.4023 43.7824 63.6677 43.8089C63.8004 43.8089 63.9331 43.8355 64.0393 43.862C64.172 43.8886 64.3047 43.9151 64.4108 43.9682C64.5435 43.9947 64.6497 44.0478 64.7824 44.1009C64.9151 44.1539 65.0212 44.207 65.1274 44.2601C65.2336 44.3132 65.3663 44.3928 65.4724 44.4724C65.5786 44.552 65.6847 44.6317 65.7909 44.7113C65.897 44.7909 66.0032 44.8705 66.0828 44.9767C66.1624 45.0828 66.2686 45.1624 66.3482 45.2686C66.4278 45.3748 66.5074 45.4809 66.5871 45.5871C66.6667 45.6932 66.7198 45.7994 66.7994 45.9321C66.8525 46.0382 66.9055 46.1709 66.9586 46.2771C67.0117 46.4098 67.0382 46.5159 67.0913 46.6486C67.1178 46.7813 67.1709 46.914 67.1975 47.0202C67.224 47.1529 67.2505 47.2856 67.2505 47.4183C67.2771 47.551 67.2771 47.6837 67.2771 47.8164C67.2771 47.9491 67.2771 48.0818 67.2505 48.2145C67.2505 48.3472 67.224 48.4799 67.1975 48.586C67.1709 48.7187 67.1444 48.8514 67.0913 48.9576C67.0382 49.0903 67.0117 49.1964 66.9586 49.3291C66.9055 49.4618 66.8525 49.568 66.7994 49.6741C66.7463 49.7803 66.6667 49.913 66.5871 50.0191C66.5074 50.1253 66.4278 50.2314 66.3482 50.3376C66.2686 50.4438 66.1624 50.5499 66.0828 50.6295C65.9767 50.7091 65.897 50.8153 65.7909 50.8949C65.6847 50.9745 65.5786 51.0542 65.4724 51.1338C65.3663 51.2134 65.2601 51.2665 65.1274 51.3461C65.0212 51.3992 64.8885 51.4522 64.7824 51.5053C64.6762 51.5584 64.5435 51.5849 64.4108 51.638C64.2781 51.6646 64.172 51.7176 64.0393 51.7442C63.9066 51.7707 63.7739 51.7973 63.6677 51.7973C63.535 51.8238 63.4023 51.8238 63.2696 51.8238Z" fill="white"/>
+<path d="M50 44.7909C44.1348 44.7909 39.3843 40.0403 39.3843 34.1752C39.3843 28.31 44.1348 23.5594 50 23.5594C55.8652 23.5594 60.6157 28.31 60.6157 34.1752C60.6157 40.0403 55.8652 44.7909 50 44.7909ZM50 31.5212C48.5403 31.5212 47.3461 32.7155 47.3461 34.1752C47.3461 35.6348 48.5403 36.8291 50 36.8291C51.4597 36.8291 52.6539 35.6348 52.6539 34.1752C52.6539 32.7155 51.4597 31.5212 50 31.5212Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/osu_dark/forum.svg b/tetrio/.config/eww/images/svg/osu_dark/forum.svg
new file mode 100644
index 000000000..d498ef84e
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/osu_dark/forum.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.28849C70.2493 9.28849 75.0795 12.0649 77.6803 16.5602L92.7281 42.5266C95.3289 47.0219 95.3289 52.5748 92.7281 57.07L77.6803 83.0365C75.0795 87.5317 70.2493 90.3082 65.0476 90.3082H34.9521C29.7504 90.3082 24.9203 87.5317 22.3194 83.0365L7.27165 57.07C4.6708 52.5748 4.6708 47.0219 7.27165 42.5266L22.3194 16.5602C24.9203 12.0649 29.7504 9.28849 34.9521 9.28849H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.78127 17.7016 13.9159L2.65381 39.8824C-0.902448 46.0171 -0.902448 53.5796 2.65381 59.7142L17.7016 85.6807C21.2578 91.8154 27.8396 95.5966 34.9521 95.5966H65.0476C72.1602 95.5966 78.7419 91.8154 82.2982 85.6807L97.3459 59.7142C100.902 53.5796 100.902 46.0171 97.3459 39.8824L82.2716 13.9159C78.7419 7.78127 72.1602 4 65.0476 4Z" fill="white"/>
+<path d="M66.9851 40.8079C69.1837 40.8079 70.966 39.0321 70.966 36.8415C70.966 34.651 69.1837 32.8752 66.9851 32.8752C64.7865 32.8752 63.0042 34.651 63.0042 36.8415C63.0042 39.0321 64.7865 40.8079 66.9851 40.8079Z" fill="white"/>
+<path d="M51.327 40.8079H34.6072C32.4045 40.8079 30.6263 39.0362 30.6263 36.8415C30.6263 34.6468 32.4045 32.8752 34.6072 32.8752H51.327C53.5297 32.8752 55.3079 34.6468 55.3079 36.8415C55.3079 39.0362 53.5297 40.8079 51.327 40.8079Z" fill="white"/>
+<path d="M66.9851 67.2503C69.1837 67.2503 70.966 65.4745 70.966 63.284C70.966 61.0934 69.1837 59.3176 66.9851 59.3176C64.7865 59.3176 63.0042 61.0934 63.0042 63.284C63.0042 65.4745 64.7865 67.2503 66.9851 67.2503Z" fill="white"/>
+<path d="M51.327 67.2503H34.6072C32.4045 67.2503 30.6263 65.4787 30.6263 63.284C30.6263 61.0892 32.4045 59.3176 34.6072 59.3176H51.327C53.5297 59.3176 55.3079 61.0892 55.3079 63.284C55.3079 65.4787 53.5297 67.2503 51.327 67.2503Z" fill="white"/>
+<path d="M34.8726 54.0291C37.0712 54.0291 38.8535 52.2533 38.8535 50.0627C38.8535 47.8722 37.0712 46.0964 34.8726 46.0964C32.674 46.0964 30.8917 47.8722 30.8917 50.0627C30.8917 52.2533 32.674 54.0291 34.8726 54.0291Z" fill="white"/>
+<path d="M67.2505 54.0291H50.5308C48.328 54.0291 46.5499 52.2575 46.5499 50.0627C46.5499 47.868 48.328 46.0964 50.5308 46.0964H67.2505C69.4533 46.0964 71.2314 47.868 71.2314 50.0627C71.2314 52.2575 69.4533 54.0291 67.2505 54.0291Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.5966" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/osu_dark/home.svg b/tetrio/.config/eww/images/svg/osu_dark/home.svg
new file mode 100644
index 000000000..83014e4d2
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/osu_dark/home.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0478 9.30786C70.2495 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.3291 47.1794 95.3291 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2495 90.6242 65.0478 90.6242H34.9522C29.7505 90.6242 24.9204 87.8376 22.3195 83.3259L7.27175 57.2643C4.67091 52.7527 4.67091 47.1794 7.27175 42.6677L22.3195 16.6062C24.9204 12.0945 29.7505 9.30786 34.9522 9.30786H65.0478ZM65.0478 4H34.9522C27.8397 4 21.258 7.79512 17.7017 13.9522L2.65392 40.0138C-0.902341 46.1709 -0.902341 53.7611 2.65392 59.9183L17.7017 85.9798C21.258 92.1369 27.8397 95.9321 34.9522 95.9321H65.0478C72.1603 95.9321 78.742 92.1369 82.2983 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1603 4 65.0478 4Z" fill="white"/>
+<path d="M68.5775 43.2781C68.0998 43.2781 67.5956 43.1985 67.1178 42.9862L50 36.2187L32.8822 42.9862C30.8386 43.7824 28.5297 42.8004 27.707 40.7569C26.9108 38.7134 27.8928 36.4045 29.9363 35.5817L48.5138 28.2304C49.4427 27.8588 50.5043 27.8588 51.4331 28.2304L70.0106 35.5817C72.0541 36.3779 73.0626 38.7134 72.2399 40.7569C71.6561 42.3227 70.1699 43.2781 68.5775 43.2781Z" fill="white"/>
+<path d="M57.3248 71.9671H42.7017C39.4108 71.9671 36.7569 69.2866 36.7569 66.0223V51.3991C36.7569 48.1083 39.4374 45.4543 42.7017 45.4543H57.3248C60.6157 45.4543 63.2696 48.1348 63.2696 51.3991V66.0223C63.2696 69.3132 60.5892 71.9671 57.3248 71.9671ZM44.6921 64.0053H55.3078V53.3896H44.6921V64.0053Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/osu_dark/news.svg b/tetrio/.config/eww/images/svg/osu_dark/news.svg
new file mode 100644
index 000000000..3368f9490
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/osu_dark/news.svg
@@ -0,0 +1,18 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0468 9.31178C70.2485 9.31178 75.0786 12.1005 77.6795 16.6155L92.7272 42.6963C95.3281 47.2113 95.3281 52.7887 92.7272 57.3037L77.6795 83.3845C75.0786 87.8995 70.2485 90.6882 65.0468 90.6882H34.9512C29.7495 90.6882 24.9194 87.8995 22.3185 83.3845L7.27075 57.3037C4.6699 52.7887 4.6699 47.2113 7.27075 42.6963L22.3185 16.6155C24.9194 12.1005 29.7495 9.31178 34.9512 9.31178H65.0468ZM65.0468 4H34.9512C27.8387 4 21.2569 7.79792 17.7007 13.9596L2.65292 40.0404C-0.903348 46.2021 -0.903348 53.7979 2.65292 59.9596L17.7007 86.0404C21.2569 92.2021 27.8387 96 34.9512 96H65.0468C72.1593 96 78.741 92.2021 82.2973 86.0404L97.3451 59.9596C100.901 53.7979 100.901 46.2021 97.3451 40.0404L82.2707 13.9596C78.741 7.79792 72.1593 4 65.0468 4Z" fill="white"/>
+<path d="M73.8854 53.9838H66.9851C64.7824 53.9838 63.0042 52.2044 63.0042 50C63.0042 47.7956 64.7824 46.0162 66.9851 46.0162H73.8854C76.0881 46.0162 77.8663 47.7956 77.8663 50C77.8663 52.2044 76.0881 53.9838 73.8854 53.9838Z" fill="white"/>
+<path d="M50 77.8868C47.7972 77.8868 46.0191 76.1074 46.0191 73.903V66.9977C46.0191 64.7933 47.7972 63.0139 50 63.0139C52.2028 63.0139 53.9809 64.7933 53.9809 66.9977V73.903C53.9809 76.1074 52.2028 77.8868 50 77.8868Z" fill="white"/>
+<path d="M66.879 70.8753C65.8705 70.8753 64.8355 70.4769 64.0658 69.7067L59.1295 64.7667C57.5637 63.1998 57.5637 60.6767 59.1295 59.1363C60.6953 57.5693 63.2166 57.5693 64.7558 59.1363L69.6922 64.0762C71.258 65.6432 71.258 68.1663 69.6922 69.7067C68.9225 70.5035 67.914 70.8753 66.879 70.8753Z" fill="white"/>
+<path d="M33.121 70.8753C32.1125 70.8753 31.0775 70.4769 30.3078 69.7067C28.742 68.1397 28.742 65.6166 30.3078 64.0762L35.2442 59.1363C36.81 57.5693 39.3312 57.5693 40.8705 59.1363C42.4363 60.7032 42.4363 63.2263 40.8705 64.7667L35.9342 69.7067C35.138 70.5035 34.1295 70.8753 33.121 70.8753Z" fill="white"/>
+<path d="M61.9427 42.0323C60.9342 42.0323 59.8992 41.634 59.1295 40.8637C57.5637 39.2968 57.5637 36.7737 59.1295 35.2333L64.0658 30.2933C65.6316 28.7263 68.1529 28.7263 69.6922 30.2933C71.258 31.8603 71.258 34.3834 69.6922 35.9238L64.7558 40.8637C63.9862 41.634 62.9512 42.0323 61.9427 42.0323Z" fill="white"/>
+<path d="M50 36.9861C47.7972 36.9861 46.0191 35.2067 46.0191 33.0023V26.097C46.0191 23.8926 47.7972 22.1132 50 22.1132C52.2028 22.1132 53.9809 23.8926 53.9809 26.097V33.0023C53.9809 35.2067 52.2028 36.9861 50 36.9861Z" fill="white"/>
+<path d="M33.0149 53.9838H26.1147C23.9119 53.9838 22.1338 52.2044 22.1338 50C22.1338 47.7956 23.9119 46.0162 26.1147 46.0162H33.0149C35.2176 46.0162 36.9958 47.7956 36.9958 50C36.9958 52.2044 35.2176 53.9838 33.0149 53.9838Z" fill="white"/>
+<path d="M38.0573 42.0323C37.0488 42.0323 36.0138 41.634 35.2442 40.8637L30.3078 35.9238C28.742 34.3568 28.742 31.8337 30.3078 30.2933C31.8737 28.7263 34.3949 28.7263 35.9342 30.2933L40.8705 35.2333C42.4363 36.8002 42.4363 39.3233 40.8705 40.8637C40.1008 41.634 39.0658 42.0323 38.0573 42.0323Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/osu_dark/rankings.svg b/tetrio/.config/eww/images/svg/osu_dark/rankings.svg
new file mode 100644
index 000000000..4534694db
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/osu_dark/rankings.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M68.5775 44.3397C68.0998 44.3397 67.5955 44.2601 67.1178 44.0478L50 37.2802L32.8821 44.0743C30.8386 44.8705 28.5297 43.8885 27.707 41.845C26.9108 39.8015 27.8928 37.4926 29.9363 36.6698L48.5138 29.3185C49.4427 28.9469 50.5042 28.9469 51.4331 29.3185L70.0106 36.6698C72.0541 37.466 73.0626 39.8015 72.2399 41.845C71.656 43.3843 70.1698 44.3397 68.5775 44.3397Z" fill="white"/>
+<path d="M68.5775 57.6093C68.0998 57.6093 67.5955 57.5297 67.1178 57.3174L50 50.5499L32.8821 57.3439C30.8386 58.1401 28.5297 57.1581 27.707 55.1146C26.9108 53.0711 27.8928 50.7622 29.9363 49.9395L48.5138 42.5881C49.4427 42.2165 50.5042 42.2165 51.4331 42.5881L70.0106 49.9395C72.0541 50.7356 73.0626 53.0711 72.2399 55.1146C71.656 56.6539 70.1698 57.6093 68.5775 57.6093Z" fill="white"/>
+<path d="M68.5775 70.879C68.0998 70.879 67.5955 70.7993 67.1178 70.587L50 63.8195L32.8821 70.6136C30.8386 71.4098 28.5297 70.4278 27.707 68.3843C26.9108 66.3408 27.8928 64.0318 29.9363 63.2091L48.5138 55.8577C49.4427 55.4862 50.5042 55.4862 51.4331 55.8577L70.0106 63.2091C72.0541 64.0053 73.0626 66.3408 72.2399 68.3843C71.656 69.9236 70.1698 70.879 68.5775 70.879Z" fill="white"/>
+<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/osu_dark/search.svg b/tetrio/.config/eww/images/svg/osu_dark/search.svg
new file mode 100644
index 000000000..4542bf491
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/osu_dark/search.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0481 9.31178C70.2498 9.31178 75.08 12.1005 77.6808 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6808 83.3845C75.08 87.8995 70.2498 90.6882 65.0481 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27214 57.3037C4.67129 52.7887 4.67129 47.2113 7.27214 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0481ZM65.0481 4H34.9526C27.8401 4 21.2583 7.79792 17.7021 13.9596L2.6543 40.0404C-0.90196 46.2021 -0.90196 53.7979 2.6543 59.9596L17.7021 86.0404C21.2583 92.2021 27.8401 96 34.9526 96H65.0481C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3464 59.9596C100.903 53.7979 100.903 46.2021 97.3464 40.0404L82.2721 13.9596C78.7424 7.79792 72.1607 4 65.0481 4Z" fill="white"/>
+<path d="M67.0382 71.0612C66.0297 71.0612 64.9947 70.6628 64.225 69.8926L54.2728 59.933C52.707 58.3661 52.707 55.843 54.2728 54.3025C55.8386 52.7356 58.3599 52.7356 59.8991 54.3025L69.8514 64.2621C71.4172 65.8291 71.4172 68.3522 69.8514 69.8926C69.0817 70.6628 68.0732 71.0612 67.0382 71.0612Z" fill="white"/>
+<path d="M46.2049 63.4919C36.7038 63.4919 28.9544 55.7367 28.9544 46.2286C28.9544 36.7206 36.7038 28.9654 46.2049 28.9654C55.706 28.9654 63.4554 36.7206 63.4554 46.2286C63.4554 55.7367 55.7325 63.4919 46.2049 63.4919ZM46.2049 36.933C41.0828 36.933 36.9162 41.1028 36.9162 46.2286C36.9162 51.3545 41.0828 55.5243 46.2049 55.5243C51.327 55.5243 55.4937 51.3545 55.4937 46.2286C55.4937 41.1028 51.327 36.933 46.2049 36.933Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/osu_dark/settings.svg b/tetrio/.config/eww/images/svg/osu_dark/settings.svg
new file mode 100644
index 000000000..c69c6a3a6
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/osu_dark/settings.svg
@@ -0,0 +1,23 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.31178C70.2493 9.31178 75.0795 12.1005 77.6803 16.6155L92.7281 42.6963C95.329 47.2113 95.329 52.7887 92.7281 57.3037L77.6803 83.3845C75.0795 87.8995 70.2493 90.6882 65.0476 90.6882H34.9521C29.7504 90.6882 24.9203 87.8995 22.3194 83.3845L7.27163 57.3037C4.67078 52.7887 4.67078 47.2113 7.27163 42.6963L22.3194 16.6155C24.9203 12.1005 29.7504 9.31178 34.9521 9.31178H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.79792 17.7016 13.9596L2.6538 40.0404C-0.902467 46.2021 -0.902467 53.7979 2.6538 59.9596L17.7016 86.0404C21.2578 92.2021 27.8396 96 34.9521 96H65.0476C72.1602 96 78.7419 92.2021 82.2982 86.0404L97.3459 59.9596C100.902 53.7979 100.902 46.2021 97.3459 40.0404L82.2716 13.9596C78.7419 7.79792 72.1602 4 65.0476 4Z" fill="white"/>
+<path d="M50 72.0704C37.9246 72.0704 28.1051 62.2436 28.1051 50.1593C28.1051 38.0751 37.9246 28.2483 50 28.2483C62.0754 28.2483 71.8949 38.0751 71.8949 50.1593C71.8949 62.2436 62.0754 72.0704 50 72.0704ZM50 36.2159C42.3036 36.2159 36.0669 42.4838 36.0669 50.1593C36.0669 57.8349 42.3302 64.1028 50 64.1028C57.6699 64.1028 63.9331 57.8349 63.9331 50.1593C63.9331 42.4838 57.6699 36.2159 50 36.2159Z" fill="white"/>
+<path d="M50 35.8441C47.7972 35.8441 46.0191 34.0647 46.0191 31.8603V28.4873C46.0191 26.2829 47.7972 24.5035 50 24.5035C52.2028 24.5035 53.9809 26.2829 53.9809 28.4873V31.8603C53.9809 34.0647 52.2028 35.8441 50 35.8441Z" fill="white"/>
+<path d="M58.9968 38.5531C58.2537 38.5531 57.5106 38.3407 56.8206 37.9157C54.9894 36.7206 54.4586 34.2506 55.6529 32.418L57.6699 29.3106C58.8641 27.4781 61.3323 26.9469 63.1635 28.142C64.9947 29.3372 65.5255 31.8072 64.3312 33.6397L62.3142 36.7471C61.5711 37.9157 60.2973 38.5531 58.9968 38.5531Z" fill="white"/>
+<path d="M65.7378 45.5116C64.3843 45.5116 63.0839 44.821 62.3408 43.5993C61.1996 41.7136 61.81 39.2702 63.6943 38.1282L67.0382 36.1097C68.9225 34.9677 71.3641 35.5785 72.5053 37.4642C73.6465 39.3499 73.0361 41.7933 71.1518 42.9353L67.8079 44.9538C67.1444 45.3256 66.4278 45.5116 65.7378 45.5116Z" fill="white"/>
+<path d="M32.0064 54.515H27.9724C25.7696 54.515 23.9915 52.7356 23.9915 50.5312C23.9915 48.3268 25.7696 46.5473 27.9724 46.5473H32.0064C34.2091 46.5473 35.9873 48.3268 35.9873 50.5312C35.9873 52.7356 34.2091 54.515 32.0064 54.515Z" fill="white"/>
+<path d="M69.0817 65.537C68.3917 65.537 67.7017 65.3511 67.0648 64.9792L63.2696 62.7217C61.3854 61.6062 60.7484 59.1628 61.8631 57.2506C62.9777 55.3649 65.4193 54.7275 67.3302 55.843L71.1253 58.1005C73.0096 59.2159 73.6465 61.6594 72.5319 63.5716C71.7622 64.8464 70.4353 65.537 69.0817 65.537Z" fill="white"/>
+<path d="M34.2622 45.5116C33.5722 45.5116 32.8556 45.3257 32.1921 44.9273L28.8482 42.9088C26.9639 41.7668 26.3535 39.3233 27.4947 37.4377C28.6359 35.552 31.0775 34.9411 32.9618 36.0832L36.3057 38.1016C38.19 39.2437 38.8004 41.6871 37.6592 43.5728C36.9161 44.8476 35.6157 45.5116 34.2622 45.5116Z" fill="white"/>
+<path d="M40.7909 38.7656C39.3843 38.7656 38.0043 37.9954 37.2877 36.6675L35.483 33.321C34.448 31.3822 35.1646 28.9654 37.1019 27.9296C39.0393 26.8938 41.4544 27.6109 42.4894 29.5497L44.2941 32.8961C45.3291 34.8349 44.6125 37.2517 42.6752 38.2875C42.0648 38.6063 41.4278 38.7656 40.7909 38.7656Z" fill="white"/>
+<path d="M72.0276 54.515H67.9936C65.7909 54.515 64.0127 52.7356 64.0127 50.5312C64.0127 48.3268 65.7909 46.5473 67.9936 46.5473H72.0276C74.2303 46.5473 76.0085 48.3268 76.0085 50.5312C76.0085 52.7356 74.2303 54.515 72.0276 54.515Z" fill="white"/>
+<path d="M61.0138 73.6109C59.6603 73.6109 58.3333 72.9203 57.5902 71.6455L55.3344 67.8476C54.2198 65.9619 54.8302 63.5185 56.741 62.3765C58.6253 61.261 61.0669 61.8718 62.2081 63.7841L64.4639 67.582C65.5786 69.4677 64.9682 71.9111 63.0573 73.0531C62.3938 73.425 61.7038 73.6109 61.0138 73.6109Z" fill="white"/>
+<path d="M50 76.5589C47.7972 76.5589 46.0191 74.7795 46.0191 72.5751V68.0866C46.0191 65.8822 47.7972 64.1028 50 64.1028C52.2028 64.1028 53.9809 65.8822 53.9809 68.0866V72.5751C53.9809 74.7795 52.2028 76.5589 50 76.5589Z" fill="white"/>
+<path d="M30.9183 65.537C29.5648 65.537 28.2643 64.8464 27.5212 63.6247C26.3801 61.739 26.9905 59.2956 28.8747 58.1536L32.2187 56.1351C34.103 54.9931 36.5446 55.6039 37.6858 57.4896C38.827 59.3753 38.2166 61.8187 36.3323 62.9607L32.9883 64.9792C32.3514 65.351 31.6348 65.537 30.9183 65.537Z" fill="white"/>
+<path d="M38.9862 73.6108C38.2962 73.6108 37.6062 73.4249 36.9692 73.0531C35.0849 71.9376 34.448 69.4942 35.5626 67.582L37.8185 63.7841C38.9331 61.8984 41.3747 61.261 43.2856 62.3764C45.1699 63.4919 45.8068 65.9353 44.6921 67.8476L42.4363 71.6455C41.6667 72.9203 40.3397 73.6108 38.9862 73.6108Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/osu_dark/store.svg b/tetrio/.config/eww/images/svg/osu_dark/store.svg
new file mode 100644
index 000000000..e4ac6edd5
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/osu_dark/store.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0479 9.31178C70.2496 9.31178 75.0797 12.1005 77.6806 16.6155L92.7283 42.6963C95.3292 47.2113 95.3292 52.7887 92.7283 57.3037L77.6806 83.3845C75.0797 87.8995 70.2496 90.6882 65.0479 90.6882H34.9523C29.7506 90.6882 24.9205 87.8995 22.3196 83.3845L7.27184 57.3037C4.67099 52.7887 4.67099 47.2113 7.27184 42.6963L22.3196 16.6155C24.9205 12.1005 29.7506 9.31178 34.9523 9.31178H65.0479ZM65.0479 4H34.9523C27.8398 4 21.258 7.79792 17.7018 13.9596L2.65401 40.0404C-0.902257 46.2021 -0.902257 53.7979 2.65401 59.9596L17.7018 86.0404C21.258 92.2021 27.8398 96 34.9523 96H65.0479C72.1604 96 78.7421 92.2021 82.2984 86.0404L97.3462 59.9596C100.902 53.7979 100.902 46.2021 97.3462 40.0404L82.2719 13.9596C78.7421 7.79792 72.1604 4 65.0479 4Z" fill="white"/>
+<path d="M69.3737 62.5889H35.828C33.6253 62.5889 31.8471 60.8095 31.8471 58.6051V36.8799L26.1412 31.7009C24.5223 30.2136 24.3896 27.7171 25.8758 26.0704C27.362 24.4503 29.8567 24.3175 31.5021 25.8048L38.5085 32.1524C39.3312 32.8961 39.8089 33.985 39.8089 35.1005V54.6212H65.3928V43.1478L49.2038 40.97C47.0276 40.6778 45.4883 38.6593 45.7803 36.4815C46.0722 34.3037 48.0626 32.7633 50.2654 33.0554L69.9045 35.6847C71.8684 35.9503 73.3546 37.6501 73.3546 39.642V58.5785C73.3546 60.8095 71.5764 62.5889 69.3737 62.5889Z" fill="white"/>
+<path d="M65.1274 75.2309C67.326 75.2309 69.1083 73.4473 69.1083 71.2471C69.1083 69.0469 67.326 67.2633 65.1274 67.2633C62.9288 67.2633 61.1465 69.0469 61.1465 71.2471C61.1465 73.4473 62.9288 75.2309 65.1274 75.2309Z" fill="white"/>
+<path d="M39.1189 75.2309C41.3175 75.2309 43.0998 73.4473 43.0998 71.2471C43.0998 69.0469 41.3175 67.2633 39.1189 67.2633C36.9203 67.2633 35.138 69.0469 35.138 71.2471C35.138 73.4473 36.9203 75.2309 39.1189 75.2309Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/osu_dark/tournaments.svg b/tetrio/.config/eww/images/svg/osu_dark/tournaments.svg
new file mode 100644
index 000000000..cd0f69268
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/osu_dark/tournaments.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.3119 52.4749C24.9451 51.108 24.9451 48.892 26.3119 47.5251L47.5251 26.3119C48.8919 24.9451 51.108 24.9451 52.4749 26.3119L73.6881 47.5251C75.0549 48.892 75.0549 51.108 73.6881 52.4749L52.4749 73.6881C51.108 75.0549 48.8919 75.0549 47.5251 73.6881L26.3119 52.4749ZM33.7365 50L50 66.2635L66.2634 50L50 33.7365L33.7365 50Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.5251 27.5251C28.892 26.1583 31.108 26.1583 32.4749 27.5251L72.4749 67.5251C73.8417 68.892 73.8417 71.108 72.4749 72.4749C71.108 73.8417 68.892 73.8417 67.5251 72.4749L27.5251 32.4749C26.1583 31.108 26.1583 28.892 27.5251 27.5251Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M72.4749 27.5251C73.8417 28.892 73.8417 31.108 72.4749 32.4749L32.4749 72.4749C31.108 73.8417 28.892 73.8417 27.5251 72.4749C26.1583 71.108 26.1583 68.892 27.5251 67.5251L67.5251 27.5251C68.892 26.1583 71.108 26.1583 72.4749 27.5251Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/osu_dark/wiki.svg b/tetrio/.config/eww/images/svg/osu_dark/wiki.svg
new file mode 100644
index 000000000..a2d8358b6
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/osu_dark/wiki.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0482 9.31178C70.2499 9.31178 75.08 12.1005 77.6809 16.6155L92.7287 42.6963C95.3295 47.2113 95.3295 52.7887 92.7287 57.3037L77.6809 83.3845C75.08 87.8995 70.2499 90.6882 65.0482 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27217 57.3037C4.67132 52.7887 4.67132 47.2113 7.27217 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0482ZM65.0482 4H34.9526C27.8401 4 21.2584 7.79792 17.7021 13.9596L2.65433 40.0404C-0.901929 46.2021 -0.901929 53.7979 2.65433 59.9596L17.7021 86.0404C21.2584 92.2021 27.8401 96 34.9526 96H65.0482C72.1607 96 78.7425 92.2021 82.2987 86.0404L97.3465 59.9596C100.903 53.7979 100.903 46.2021 97.3465 40.0404L82.2722 13.9596C78.7424 7.79792 72.1607 4 65.0482 4Z" fill="white"/>
+<path d="M50 48.3799C44.1348 48.3799 39.3843 43.6259 39.3843 37.7563C39.3843 31.8868 44.1348 27.1328 50 27.1328C55.8652 27.1328 60.6157 31.8868 60.6157 37.7563C60.6157 43.6259 55.8652 48.3799 50 48.3799ZM50 35.1005C48.5403 35.1005 47.3461 36.2956 47.3461 37.7563C47.3461 39.2171 48.5403 40.4122 50 40.4122C51.4596 40.4122 52.6539 39.2171 52.6539 37.7563C52.6539 36.2956 51.4596 35.1005 50 35.1005Z" fill="white"/>
+<path d="M38.7208 72.8672C37.7123 72.8672 36.6773 72.4688 35.9076 71.6986L24.7611 60.5439C23.1953 58.9769 23.1953 56.4538 24.7611 54.9134C26.327 53.3464 28.8482 53.3464 30.3875 54.9134L38.7208 63.2529L47.0807 54.8868C48.6465 53.3198 51.1677 53.3198 52.707 54.8868L61.0138 63.1997L69.4267 54.7806C70.9925 53.2136 73.5138 53.2136 75.053 54.7806C76.6189 56.3476 76.6189 58.8706 75.053 60.4111L63.8004 71.672C62.2346 73.239 59.7134 73.239 58.1741 71.672L49.8673 63.3591L41.5074 71.7251C40.7643 72.4688 39.7558 72.8672 38.7208 72.8672Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="white" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/osu_light/beatmappacks.svg b/tetrio/.config/eww/images/svg/osu_light/beatmappacks.svg
new file mode 100644
index 000000000..a8e705f25
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/osu_light/beatmappacks.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <clipPath id="clip-1">
+      <rect x="-240" y="-180" transform="scale(0.5,0.5)" width="1440" height="1080" fill="none" stroke-width="0.5"/>
+    </clipPath>
+  </defs>
+  <g transform="matrix(1, 0, 0, 1, -189.99986, -129.966063)">
+    <g clip-path="url(#clip-1)" data-paper-data="{&quot;isPaintingLayer&quot;:true}" fill-rule="nonzero" stroke="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" style="mix-blend-mode: normal">
+      <path d="M224.9522,139.30786c-5.2017,0 -10.0319,2.78664 -12.6327,7.29834l-15.04778,26.0615c-2.60084,4.5117 -2.60084,10.085 0,14.5966l15.04778,26.0616c2.6008,4.5117 7.431,7.2983 12.6327,7.2983h30.0955c5.2017,0 10.0319,-2.7866 12.6327,-7.2983l15.0478,-26.0616c2.6008,-4.5116 2.6008,-10.0849 0,-14.5966l-15.0478,-26.0615c-2.6008,-4.5117 -7.431,-7.29834 -12.6327,-7.29834zM272.2717,143.9522l15.0743,26.0616c3.556,6.1571 3.556,13.7473 0,19.9045l-15.0478,26.0615c-3.5562,6.1571 -10.138,9.9523 -17.2505,9.9523h-30.0955c-7.1125,0 -13.6943,-3.7952 -17.2505,-9.9523l-15.04781,-26.0615c-3.55626,-6.1572 -3.55626,-13.7474 0,-19.9045l15.04781,-26.0616c3.5562,-6.15708 10.138,-9.9522 17.2505,-9.9522h30.0955c7.1125,0 13.6943,3.79512 17.224,9.9522z" fill="#000000" stroke-width="1"/>
+      <path d="M235.8333,179.0106c-0.345,0 -0.69,-0.0531 -1.0085,-0.1858l-19.4533,-7.9618c-1.035,-0.4246 -1.6985,-1.4862 -1.6454,-2.6008c0.0531,-1.1412 0.8227,-2.0966 1.9108,-2.4151l27.9724,-7.9618c0.5839,-0.1592 1.1678,-0.1327 1.7251,0.1062l19.4533,7.9618c1.035,0.4246 1.6985,1.4862 1.6454,2.6008c-0.0531,1.1412 -0.8227,2.0966 -1.9108,2.4151l-27.9459,7.9618c-0.2388,0.0531 -0.4777,0.0796 -0.7431,0.0796zM224.5011,168.8461l11.518,4.6974l19.6656,-5.5998l-11.518,-4.6974z" fill="#000000" stroke-width="1"/>
+      <path d="M235.8333,204.1698c-0.345,0 -0.69,-0.053 -1.0085,-0.1857l-19.4533,-7.9618c-1.035,-0.4246 -1.6985,-1.4862 -1.6454,-2.6009c0.0531,-1.1412 0.8227,-2.0966 1.9108,-2.415l27.9459,-7.9618c0.5839,-0.1593 1.1677,-0.1327 1.7251,0.1061l19.4533,7.9618c1.035,0.4247 1.6985,1.4862 1.6454,2.6009c-0.0531,1.1412 -0.8227,2.0966 -1.9108,2.415l-27.9459,7.9618c-0.2123,0.0531 -0.4512,0.0796 -0.7166,0.0796zM224.5011,194.0053l11.518,4.6975l19.6656,-5.5998l-11.518,-4.6975z" fill="#000000" stroke-width="1"/>
+      <path d="M216.4597,196.1285c-1.4597,0 -2.654,-1.1943 -2.654,-2.654v-25.1592c0,-1.4597 1.1943,-2.6539 2.654,-2.6539c1.4596,0 2.6539,1.1942 2.6539,2.6539v25.1592c0,1.4597 -1.1943,2.654 -2.6539,2.654z" fill="#000000" stroke-width="1"/>
+      <path d="M235.9395,204.1433c-1.4596,0 -2.6539,-1.1943 -2.6539,-2.6539v-25.1593c0,-1.4596 1.1943,-2.6539 2.6539,-2.6539c1.4597,0 2.6539,1.1943 2.6539,2.6539v25.1593c0,1.4596 -1.1942,2.6539 -2.6539,2.6539z" fill="#000000" stroke-width="1"/>
+      <path d="M244.4055,187.7421c-1.4596,0 -2.6539,-1.1943 -2.6539,-2.654v-24.6019c0,-1.4597 1.1943,-2.6539 2.6539,-2.6539c1.4597,0 2.6539,1.1942 2.6539,2.6539v24.6019c0,1.4597 -1.1942,2.654 -2.6539,2.654z" fill="#000000" stroke-width="1"/>
+      <path d="M263.8854,196.1285c-1.4597,0 -2.654,-1.1943 -2.654,-2.654v-24.6019c0,-1.4596 1.1943,-2.6539 2.654,-2.6539c1.4596,0 2.6539,1.1943 2.6539,2.6539v24.6019c0,1.4597 -1.1943,2.654 -2.6539,2.654z" fill="#000000" stroke-width="1"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/osu_light/beatmaps.svg b/tetrio/.config/eww/images/svg/osu_light/beatmaps.svg
new file mode 100644
index 000000000..560469950
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/osu_light/beatmaps.svg
@@ -0,0 +1 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="92" viewBox="0,0,100,92"><defs><clipPath id="clip-1"><path d="M190,226v-92h100v92z" fill-rule="nonzero"/></clipPath></defs><g transform="translate(-190,-134)"><g clip-path="url(#clip-1)" data-paper-data="{&quot;isPaintingLayer&quot;:true}" fill="#000000" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" style="mix-blend-mode: normal"><path d="M255.0474,139.31178h-30.0956c-5.2017,0 -10.0318,2.78872 -12.6327,7.30372l-15.04777,26.0808c-2.60085,4.515 -2.60085,10.0924 0,14.6074l15.04777,26.0808c2.6009,4.515 7.431,7.3037 12.6327,7.3037h30.0956c5.2017,0 10.0318,-2.7887 12.6327,-7.3037l15.0477,-26.0808c2.6009,-4.515 2.6009,-10.0924 0,-14.6074l-15.0477,-26.0808c-2.6009,-4.515 -7.431,-7.30372 -12.6327,-7.30372zM272.2713,143.9596l15.0744,26.0808c3.5563,6.1617 3.5563,13.7575 0,19.9192l-15.0478,26.0808c-3.5563,6.1617 -10.138,9.9596 -17.2505,9.9596h-30.0956c-7.1125,0 -13.6943,-3.7979 -17.2505,-9.9596l-15.0478,-26.0808c-3.55627,-6.1617 -3.55627,-13.7575 0,-19.9192l15.0478,-26.0808c3.5562,-6.16168 10.138,-9.9596 17.2505,-9.9596h30.0956c7.1125,0 13.6942,3.79792 17.2239,9.9596z" fill-rule="nonzero"/><path d="M239.7375,157.0672c0,-4.8585 5.8388,-7.3308 9.3277,-3.9495l5.1206,4.9627c1.3881,1.3453 1.4228,3.5611 0.0775,4.9492c-1.3452,1.388 -3.561,1.4227 -4.9491,0.0775l-2.5767,-2.4973v23.4839c0,1.933 -1.567,3.5 -3.5,3.5c-1.933,0 -3.5,-1.567 -3.5,-3.5z" fill-rule="evenodd"/><path d="M236.25,184.2445c0,-0.9117 0.7391,-1.6507 1.6508,-1.6507c0.9117,0 1.6508,0.739 1.6508,1.6507c0,0.9117 -0.7391,1.6508 -1.6508,1.6508c-0.9117,0 -1.6508,-0.7391 -1.6508,-1.6508zM229.25,184.2445c0,-4.7777 3.8731,-8.6507 8.6508,-8.6507c4.7777,0 8.6508,3.873 8.6508,8.6507c0,4.7777 -3.8731,8.6508 -8.6508,8.6508c-4.7777,0 -8.6508,-3.8731 -8.6508,-8.6508z" fill-rule="evenodd"/><path d="M236.3186,163.2126c1.3668,1.3669 1.3668,3.5829 0,4.9498l-14.3707,14.3707c-0.5858,0.5858 -0.5858,1.5355 0,2.1213l16.9914,16.9914c0.5858,0.5858 1.5355,0.5858 2.1213,0l16.9915,-16.9914c0.5858,-0.5858 0.5858,-1.5355 0,-2.1213l-8.2145,-8.2145c-1.3668,-1.3668 -1.3668,-3.5829 0,-4.9497c1.3668,-1.3669 3.5829,-1.3669 4.9497,0l8.2145,8.2144c3.3195,3.3195 3.3195,8.7014 0,12.0209l-16.9914,16.9914c-3.3195,3.3194 -8.7014,3.3194 -12.0208,0l-16.9915,-16.9914c-3.3194,-3.3195 -3.3194,-8.7014 0,-12.0209l14.3708,-14.3707c1.3668,-1.3668 3.5829,-1.3668 4.9497,0z" fill-rule="evenodd"/></g></g></svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/osu_light/changelog.svg b/tetrio/.config/eww/images/svg/osu_light/changelog.svg
new file mode 100644
index 000000000..cd5c68801
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/osu_light/changelog.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <clipPath id="clip-3">
+      <rect x="-240" y="-180" transform="scale(0.5,0.5)" width="1440" height="1080" fill="none" stroke-width="0.5"/>
+    </clipPath>
+  </defs>
+  <g transform="matrix(1, 0, 0, 1, -189.999433, -129.999998)">
+    <g clip-path="url(#clip-3)" data-paper-data="{&quot;isPaintingLayer&quot;:true}" fill-rule="nonzero" stroke="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" style="mix-blend-mode: normal">
+      <path d="M224.9515,139.31178c-5.2017,0 -10.0318,2.78872 -12.6327,7.30372l-15.04776,26.0808c-2.60085,4.515 -2.60085,10.0924 0,14.6074l15.04776,26.0808c2.6009,4.515 7.431,7.3037 12.6327,7.3037h30.0956c5.2017,0 10.0318,-2.7887 12.6327,-7.3037l15.0477,-26.0808c2.6009,-4.515 2.6009,-10.0924 0,-14.6074l-15.0477,-26.0808c-2.6009,-4.515 -7.431,-7.30372 -12.6327,-7.30372zM272.2711,143.9596l15.0743,26.0808c3.5566,6.1617 3.5566,13.7575 0,19.9192l-15.0478,26.0808c-3.5563,6.1617 -10.138,9.9596 -17.2505,9.9596h-30.0956c-7.1125,0 -13.6943,-3.7979 -17.2505,-9.9596l-15.0478,-26.0808c-3.55626,-6.1617 -3.55626,-13.7575 0,-19.9192l15.0478,-26.0808c3.5562,-6.16168 10.138,-9.9596 17.2505,-9.9596h30.0956c7.1125,0 13.6942,3.79792 17.224,9.9596z" fill="#000000" stroke-width="1"/>
+      <path d="M233.0733,202.0439c-0.6635,0 -1.3535,-0.1594 -1.9905,-0.5312l-13.0042,-7.5162c-2.8397,-1.6466 -4.6179,-4.7009 -4.6179,-7.9942v-12.0046c0,-3.2933 1.7782,-6.3476 4.6179,-7.9942l13.0042,-7.5162c1.9108,-1.0889 4.3259,-0.4515 5.4406,1.4607c1.0881,1.9123 0.4511,4.3291 -1.4597,5.4446l-13.0042,7.5162c-0.3981,0.2124 -0.637,0.6374 -0.637,1.0889v12.0046c0,0.4515 0.2389,0.8765 0.637,1.0889l13.0042,7.5162c1.9108,1.0889 2.5478,3.5323 1.4597,5.4446c-0.7166,1.2748 -2.0701,1.9919 -3.4501,1.9919z" fill="#000000" stroke-width="1"/>
+      <path d="M246.9002,202.0439c-1.38,0 -2.707,-0.7171 -3.4501,-1.9919c-1.0881,-1.9123 -0.4512,-4.3291 1.4597,-5.4446l13.0042,-7.5162c0.3981,-0.2124 0.6369,-0.6374 0.6369,-1.0889v-12.0046c0,-0.4515 -0.2388,-0.8765 -0.6369,-1.0889l-13.0042,-7.5162c-1.9109,-1.0889 -2.5478,-3.5323 -1.4597,-5.4446c1.0881,-1.9122 3.5297,-2.5496 5.4406,-1.4607l13.0042,7.5162c2.8397,1.6466 4.6178,4.7009 4.6178,7.9942v12.0046c0,3.2933 -1.7781,6.3476 -4.6178,7.9942l-13.0042,7.5162c-0.6104,0.3718 -1.3005,0.5312 -1.9905,0.5312z" fill="#000000" stroke-width="1"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/osu_light/chat.svg b/tetrio/.config/eww/images/svg/osu_light/chat.svg
new file mode 100644
index 000000000..aad35c803
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/osu_light/chat.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <clipPath id="clip-2">
+      <rect x="-240" y="-180" transform="scale(0.5,0.5)" width="1440" height="1080" fill="none" stroke-width="0.5"/>
+    </clipPath>
+    <clipPath id="clip-1">
+      <path d="M218,202v-41h45v41z"/>
+    </clipPath>
+  </defs>
+  <g transform="matrix(1, 0, 0, 1, -190.000501, -129.999998)">
+    <g clip-path="url(#clip-2)" data-paper-data="{&quot;isPaintingLayer&quot;:true}" fill-rule="nonzero" stroke="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" style="mix-blend-mode: normal">
+      <path d="M224.9526,139.31178c-5.2017,0 -10.0318,2.78872 -12.6327,7.30372l-15.04775,26.0808c-2.60085,4.515 -2.60085,10.0924 0,14.6074l15.04775,26.0808c2.6009,4.515 7.431,7.3037 12.6327,7.3037h30.0956c5.2017,0 10.0318,-2.7887 12.6327,-7.3037l15.0477,-26.0808c2.6009,-4.515 2.6009,-10.0924 0,-14.6074l-15.0477,-26.0808c-2.6009,-4.515 -7.431,-7.30372 -12.6327,-7.30372zM272.2722,143.9596l15.0743,26.0808c3.5565,6.1617 3.5565,13.7575 0,19.9192l-15.0478,26.0808c-3.5563,6.1617 -10.138,9.9596 -17.2505,9.9596h-30.0956c-7.1125,0 -13.6942,-3.7979 -17.2505,-9.9596l-15.04778,-26.0808c-3.55626,-6.1617 -3.55626,-13.7575 0,-19.9192l15.04778,-26.0808c3.5563,-6.16168 10.138,-9.9596 17.2505,-9.9596h30.0956c7.1125,0 13.6942,3.79792 17.224,9.9596z" fill="#000000" stroke-width="1"/>
+      <g clip-path="url(#clip-1)" fill="#000000" stroke-width="1">
+        <path d="M236.9436,202c-1.9678,0 -3.5564,-1.5573 -3.5564,-3.4864c0,-0.7903 0.2846,-1.5805 0.7825,-2.1848l6.8756,-8.3674c2.0627,-2.5334 5.1923,-3.9977 8.4879,-3.9744h4.7892c0.8536,0 1.5411,-0.6973 1.5411,-1.5341l-0.0474,-12.9693c0,-0.8368 -0.6875,-1.5108 -1.5411,-1.5108h-27.55c-0.8536,0 -1.5411,0.674 -1.5648,1.5108l-0.0474,12.9229c0,0.4183 0.1659,0.7902 0.4504,1.0924c0.3082,0.2789 0.6876,0.4416 1.1144,0.4416l3.58,-0.0465h0.0475c1.9678,0 3.5563,1.534 3.58,3.4631c0.0238,1.9292 -1.5648,3.4864 -3.5326,3.5097l-3.5801,0.0232c-4.7893,0.0697 -8.7013,-3.6956 -8.7724,-8.3906c0,-0.0465 0,-0.0929 0,-0.1394l0.0474,-12.9229c0.0237,-4.6486 3.912,-8.4371 8.6776,-8.4371h27.5737c4.7656,0 8.6302,3.7885 8.6539,8.4603l0.0474,12.9694c0.0237,4.695 -3.8409,8.5068 -8.6301,8.53h-0.0237h-4.7893c-1.138,0 -2.2287,0.5114 -2.9399,1.3946l-6.8757,8.3673c-0.6876,0.8135 -1.7071,1.3016 -2.7977,1.2784z"/>
+      </g>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/osu_light/color.scss b/tetrio/.config/eww/images/svg/osu_light/color.scss
new file mode 100644
index 000000000..8d455b049
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/osu_light/color.scss
@@ -0,0 +1 @@
+$colorbar: black;
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/osu_light/color.txt b/tetrio/.config/eww/images/svg/osu_light/color.txt
new file mode 100644
index 000000000..b3ca90996
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/osu_light/color.txt
@@ -0,0 +1 @@
+black
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/osu_light/contests.svg b/tetrio/.config/eww/images/svg/osu_light/contests.svg
new file mode 100644
index 000000000..e5fd9420d
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/osu_light/contests.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <clipPath id="clip-1">
+      <rect x="-240" y="-180" transform="scale(0.5,0.5)" width="1440" height="1080" fill="none" stroke-width="0.5"/>
+    </clipPath>
+  </defs>
+  <g transform="matrix(1, 0, 0, 1, -189.999875, -129.966063)">
+    <g clip-path="url(#clip-1)" data-paper-data="{&quot;isPaintingLayer&quot;:true}" fill-rule="nonzero" stroke="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" style="mix-blend-mode: normal">
+      <path d="M224.9522,139.30786c-5.2017,0 -10.0318,2.78664 -12.6327,7.29834l-15.04775,26.0615c-2.60084,4.5117 -2.60084,10.085 0,14.5966l15.04775,26.0616c2.6009,4.5117 7.431,7.2983 12.6327,7.2983h30.0956c5.2017,0 10.0318,-2.7866 12.6326,-7.2983l15.0478,-26.0616c2.6009,-4.5116 2.6009,-10.0849 0,-14.5966l-15.0478,-26.0615c-2.6008,-4.5117 -7.4309,-7.29834 -12.6326,-7.29834zM272.2717,143.9522l15.0743,26.0616c3.556,6.1571 3.556,13.7473 0,19.9045l-15.0477,26.0615c-3.5563,6.1571 -10.138,9.9523 -17.2505,9.9523h-30.0956c-7.1125,0 -13.6942,-3.7952 -17.2505,-9.9523l-15.04778,-26.0615c-3.55626,-6.1572 -3.55626,-13.7474 0,-19.9045l15.04778,-26.0616c3.5563,-6.15708 10.138,-9.9522 17.2505,-9.9522h30.0956c7.1125,0 13.6942,3.79512 17.2239,9.9522z" fill="#000000" stroke-width="1"/>
+      <path d="M240,206.7707c-2.2028,0 -3.9809,-1.7782 -3.9809,-3.9809v-18.8429c0,-2.2028 1.7781,-3.9809 3.9809,-3.9809c2.2028,0 3.9809,1.7781 3.9809,3.9809v18.8429c0,2.2027 -1.7781,3.9809 -3.9809,3.9809z" fill="#000000" stroke-width="1"/>
+      <path d="M226.7304,201.9936c-2.2028,0 -3.9809,-1.7781 -3.9809,-3.9809v-6.9002c0,-2.2027 1.7781,-3.9809 3.9809,-3.9809c2.2027,0 3.9809,1.7782 3.9809,3.9809v6.9002c0,2.2028 -1.7782,3.9809 -3.9809,3.9809z" fill="#000000" stroke-width="1"/>
+      <path d="M226.7304,181.8238c-0.1327,0 -0.2654,0 -0.3981,-0.0265c-0.1327,0 -0.2654,-0.0266 -0.3981,-0.0531c-0.1327,-0.0266 -0.2654,-0.0531 -0.3716,-0.1062c-0.1327,-0.0531 -0.2388,-0.0796 -0.3715,-0.1327c-0.1062,-0.0531 -0.2389,-0.1061 -0.345,-0.1592c-0.1062,-0.0531 -0.2389,-0.1327 -0.345,-0.2123c-0.1062,-0.0796 -0.2124,-0.1593 -0.3185,-0.2389c-0.1062,-0.0796 -0.2123,-0.1858 -0.292,-0.2654c-0.0796,-0.1061 -0.1857,-0.1857 -0.2653,-0.2919c-0.0797,-0.1062 -0.1593,-0.2123 -0.2389,-0.3185c-0.0796,-0.1061 -0.1327,-0.2123 -0.2123,-0.345c-0.0531,-0.1061 -0.1062,-0.2388 -0.1592,-0.345c-0.0531,-0.1061 -0.1062,-0.2388 -0.1327,-0.3715c-0.0266,-0.1327 -0.0797,-0.2654 -0.1062,-0.3716c-0.0265,-0.1327 -0.0531,-0.2654 -0.0531,-0.3715c-0.0265,-0.1327 -0.0265,-0.2654 -0.0265,-0.3981c0,-0.1327 0,-0.2654 0.0265,-0.3981c0,-0.1327 0.0266,-0.2654 0.0531,-0.3981c0.0265,-0.1327 0.0531,-0.2654 0.1062,-0.3716c0.0265,-0.1327 0.0796,-0.2388 0.1327,-0.3715c0.053,-0.1062 0.1061,-0.2389 0.1592,-0.345c0.0531,-0.1062 0.1327,-0.2389 0.2123,-0.345c0.0796,-0.1062 0.1592,-0.2123 0.2389,-0.3185c0.0796,-0.1062 0.1592,-0.2123 0.2653,-0.2919c0.1062,-0.0797 0.1858,-0.1858 0.292,-0.2654c0.1061,-0.0796 0.2123,-0.1593 0.3185,-0.2389c0.1061,-0.0796 0.2123,-0.1327 0.345,-0.2123c0.1061,-0.0531 0.2388,-0.1062 0.345,-0.1592c0.1327,-0.0531 0.2388,-0.1062 0.3715,-0.1327c0.1327,-0.0266 0.2654,-0.0796 0.3716,-0.1062c0.1327,-0.0265 0.2654,-0.0531 0.3981,-0.0531c0.2654,-0.0265 0.5308,-0.0265 0.7696,0c0.1327,0 0.2654,0.0266 0.3981,0.0531c0.1327,0.0266 0.2654,0.0531 0.3715,0.1062c0.1327,0.0265 0.2389,0.0796 0.3716,0.1327c0.1327,0.053 0.2388,0.1061 0.345,0.1592c0.1062,0.0531 0.2389,0.1327 0.345,0.2123c0.1062,0.0796 0.2123,0.1593 0.3185,0.2389c0.1061,0.0796 0.2123,0.1592 0.2919,0.2654c0.0796,0.1061 0.1858,0.1857 0.2654,0.2919c0.0796,0.1062 0.1592,0.2123 0.2389,0.3185c0.0796,0.1061 0.1327,0.2123 0.2123,0.345c0.0531,0.1061 0.1061,0.2388 0.1592,0.345c0.0531,0.1327 0.0796,0.2388 0.1327,0.3715c0.0266,0.1327 0.0796,0.2654 0.1062,0.3716c0.0265,0.1327 0.053,0.2654 0.053,0.3981c0.0266,0.1327 0.0266,0.2654 0.0266,0.3981c0,0.1327 0,0.2654 -0.0266,0.3981c0,0.1327 -0.0265,0.2654 -0.053,0.3715c-0.0266,0.1327 -0.0531,0.2654 -0.1062,0.3716c-0.0531,0.1327 -0.0796,0.2388 -0.1327,0.3715c-0.0531,0.1327 -0.1061,0.2389 -0.1592,0.345c-0.0531,0.1062 -0.1327,0.2389 -0.2123,0.345c-0.0797,0.1062 -0.1593,0.2123 -0.2389,0.3185c-0.0796,0.1062 -0.1858,0.2123 -0.2654,0.2919c-0.1061,0.0796 -0.1858,0.1858 -0.2919,0.2654c-0.1062,0.0796 -0.2123,0.1593 -0.3185,0.2389c-0.1061,0.0796 -0.2123,0.1327 -0.345,0.2123c-0.1062,0.0531 -0.2388,0.1061 -0.345,0.1592c-0.1062,0.0531 -0.2389,0.0796 -0.3716,0.1327c-0.1327,0.0266 -0.2388,0.0796 -0.3715,0.1062c-0.1327,0.0265 -0.2654,0.0531 -0.3981,0.0531c-0.1062,0.0265 -0.2389,0.0265 -0.3715,0.0265z" fill="#000000" stroke-width="1"/>
+      <path d="M253.2696,201.9936c-2.2027,0 -3.9809,-1.7781 -3.9809,-3.9809v-6.9002c0,-2.2027 1.7782,-3.9809 3.9809,-3.9809c2.2028,0 3.9809,1.7782 3.9809,3.9809v6.9002c0,2.2028 -1.7781,3.9809 -3.9809,3.9809z" fill="#000000" stroke-width="1"/>
+      <path d="M253.2696,181.8238c-0.1327,0 -0.2653,0 -0.398,-0.0265c-0.1327,0 -0.2654,-0.0266 -0.3981,-0.0531c-0.1327,-0.0266 -0.2654,-0.0531 -0.3716,-0.1062c-0.1327,-0.0531 -0.2388,-0.0796 -0.3715,-0.1327c-0.1062,-0.0531 -0.2389,-0.1061 -0.345,-0.1592c-0.1062,-0.0531 -0.2389,-0.1327 -0.3451,-0.2123c-0.1061,-0.0796 -0.2123,-0.1593 -0.3184,-0.2389c-0.1062,-0.0796 -0.2123,-0.1858 -0.292,-0.2654c-0.0796,-0.1061 -0.1857,-0.1857 -0.2654,-0.2919c-0.0796,-0.1062 -0.1592,-0.2123 -0.2388,-0.3185c-0.0796,-0.1061 -0.1327,-0.2123 -0.2123,-0.345c-0.0531,-0.1061 -0.1062,-0.2388 -0.1593,-0.345c-0.053,-0.1061 -0.1061,-0.2388 -0.1327,-0.3715c-0.0265,-0.1327 -0.0796,-0.2654 -0.1061,-0.3716c-0.0265,-0.1327 -0.0531,-0.2654 -0.0531,-0.3715c0,-0.1327 -0.0265,-0.2654 -0.0265,-0.3981c0,-0.1327 0,-0.2654 0.0265,-0.3981c0,-0.1327 0.0266,-0.2654 0.0531,-0.3981c0.0265,-0.1327 0.0531,-0.2654 0.1061,-0.3716c0.0266,-0.1327 0.0797,-0.2388 0.1327,-0.3715c0.0531,-0.1062 0.1062,-0.2389 0.1593,-0.345c0.0531,-0.1062 0.1327,-0.2389 0.2123,-0.345c0.0796,-0.1062 0.1592,-0.2123 0.2388,-0.3185c0.0797,-0.1062 0.1593,-0.2123 0.2654,-0.2919c0.1062,-0.0797 0.1858,-0.1858 0.292,-0.2654c0.1061,-0.0796 0.2123,-0.1593 0.3184,-0.2389c0.1062,-0.0796 0.2124,-0.1327 0.3451,-0.2123c0.1061,-0.0531 0.2388,-0.1062 0.345,-0.1592c0.1327,-0.0531 0.2388,-0.1062 0.3715,-0.1327c0.1327,-0.0266 0.2654,-0.0796 0.3716,-0.1062c0.1327,-0.0265 0.2654,-0.0531 0.3981,-0.0531c0.2653,-0.0265 0.5307,-0.0265 0.7961,0c0.1327,0 0.2654,0.0266 0.3716,0.0531c0.1327,0.0266 0.2654,0.0531 0.3715,0.1062c0.1327,0.0265 0.2389,0.0796 0.3716,0.1327c0.1327,0.053 0.2388,0.1061 0.345,0.1592c0.1062,0.0531 0.2389,0.1327 0.345,0.2123c0.1062,0.0796 0.2123,0.1593 0.3185,0.2389c0.1061,0.0796 0.2123,0.1592 0.2919,0.2654c0.0796,0.1061 0.1858,0.1857 0.2654,0.2919c0.0796,0.1062 0.1592,0.2123 0.2389,0.3185c0.0796,0.1061 0.1327,0.2123 0.2123,0.345c0.0531,0.1061 0.1061,0.2388 0.1592,0.345c0.0531,0.1327 0.0796,0.2388 0.1327,0.3715c0.0265,0.1327 0.0796,0.2654 0.1062,0.3716c0.0265,0.1327 0.053,0.2654 0.053,0.3981c0.0266,0.1327 0.0266,0.2654 0.0266,0.3981c0,0.1327 0,0.2654 -0.0266,0.3981c0,0.1327 -0.0265,0.2654 -0.053,0.3715c-0.0266,0.1327 -0.0531,0.2654 -0.1062,0.3716c-0.0531,0.1327 -0.0796,0.2388 -0.1327,0.3715c-0.0531,0.1327 -0.1061,0.2389 -0.1592,0.345c-0.0531,0.1062 -0.1327,0.2389 -0.2123,0.345c-0.0797,0.1062 -0.1593,0.2123 -0.2389,0.3185c-0.0796,0.1062 -0.1858,0.2123 -0.2654,0.2919c-0.1061,0.0796 -0.1858,0.1858 -0.2919,0.2654c-0.1062,0.0796 -0.2123,0.1593 -0.3185,0.2389c-0.1061,0.0796 -0.2123,0.1327 -0.345,0.2123c-0.1062,0.0531 -0.2389,0.1061 -0.345,0.1592c-0.1062,0.0531 -0.2389,0.0796 -0.3716,0.1327c-0.1327,0.0266 -0.2388,0.0796 -0.3715,0.1062c-0.1327,0.0265 -0.2654,0.0531 -0.3716,0.0531c-0.1327,0.0265 -0.2654,0.0265 -0.3981,0.0265z" fill="#000000" stroke-width="1"/>
+      <path d="M240,174.7909c-5.8652,0 -10.6157,-4.7506 -10.6157,-10.6157c0,-5.8652 4.7505,-10.6158 10.6157,-10.6158c5.8652,0 10.6157,4.7506 10.6157,10.6158c0,5.8651 -4.7505,10.6157 -10.6157,10.6157zM240,161.5212c-1.4597,0 -2.6539,1.1943 -2.6539,2.654c0,1.4596 1.1942,2.6539 2.6539,2.6539c1.4597,0 2.6539,-1.1943 2.6539,-2.6539c0,-1.4597 -1.1942,-2.654 -2.6539,-2.654z" fill="#000000" stroke-width="1"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/osu_light/forum.svg b/tetrio/.config/eww/images/svg/osu_light/forum.svg
new file mode 100644
index 000000000..0f2c5fcbd
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/osu_light/forum.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <clipPath id="clip-1">
+      <rect x="-240" y="-180" transform="scale(0.5,0.5)" width="1440" height="1080" fill="none" stroke-width="0.5"/>
+    </clipPath>
+  </defs>
+  <g transform="matrix(1, 0, 0, 1, -189.999814, -129.798292)">
+    <g clip-path="url(#clip-1)" data-paper-data="{&quot;isPaintingLayer&quot;:true}" fill-rule="nonzero" stroke="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" style="mix-blend-mode: normal">
+      <path d="M224.9521,139.28849c-5.2017,0 -10.0318,2.77641 -12.6327,7.27171l-15.04775,25.9664c-2.60085,4.4953 -2.60085,10.0482 0,14.5434l15.04775,25.9665c2.6009,4.4952 7.431,7.2717 12.6327,7.2717h30.0955c5.2017,0 10.0319,-2.7765 12.6327,-7.2717l15.0478,-25.9665c2.6008,-4.4952 2.6008,-10.0481 0,-14.5434l-15.0478,-25.9664c-2.6008,-4.4953 -7.431,-7.27171 -12.6327,-7.27171zM272.2716,143.9159l15.0743,25.9665c3.5561,6.1347 3.5561,13.6972 0,19.8318l-15.0477,25.9665c-3.5563,6.1347 -10.138,9.9159 -17.2506,9.9159h-30.0955c-7.1125,0 -13.6943,-3.7812 -17.2505,-9.9159l-15.04779,-25.9665c-3.55626,-6.1346 -3.55626,-13.6971 0,-19.8318l15.04779,-25.9665c3.5562,-6.13463 10.138,-9.9159 17.2505,-9.9159h30.0955c7.1126,0 13.6943,3.78127 17.224,9.9159z" fill="#000000" stroke-width="1"/>
+      <path d="M253.0042,166.8415c0,-2.1905 1.7823,-3.9663 3.9809,-3.9663c2.1986,0 3.9809,1.7758 3.9809,3.9663c0,2.1906 -1.7823,3.9664 -3.9809,3.9664c-2.1986,0 -3.9809,-1.7758 -3.9809,-3.9664z" fill="#000000" stroke-width="1"/>
+      <path d="M241.327,170.8079h-16.7198c-2.2027,0 -3.9809,-1.7717 -3.9809,-3.9664c0,-2.1947 1.7782,-3.9663 3.9809,-3.9663h16.7198c2.2027,0 3.9809,1.7716 3.9809,3.9663c0,2.1947 -1.7782,3.9664 -3.9809,3.9664z" fill="#000000" stroke-width="1"/>
+      <path d="M253.0042,193.284c0,-2.1906 1.7823,-3.9664 3.9809,-3.9664c2.1986,0 3.9809,1.7758 3.9809,3.9664c0,2.1905 -1.7823,3.9663 -3.9809,3.9663c-2.1986,0 -3.9809,-1.7758 -3.9809,-3.9663z" fill="#000000" stroke-width="1"/>
+      <path d="M241.327,197.2503h-16.7198c-2.2027,0 -3.9809,-1.7716 -3.9809,-3.9663c0,-2.1948 1.7782,-3.9664 3.9809,-3.9664h16.7198c2.2027,0 3.9809,1.7716 3.9809,3.9664c0,2.1947 -1.7782,3.9663 -3.9809,3.9663z" fill="#000000" stroke-width="1"/>
+      <path d="M220.8917,180.0627c0,-2.1905 1.7823,-3.9663 3.9809,-3.9663c2.1986,0 3.9809,1.7758 3.9809,3.9663c0,2.1906 -1.7823,3.9664 -3.9809,3.9664c-2.1986,0 -3.9809,-1.7758 -3.9809,-3.9664z" fill="#000000" stroke-width="1"/>
+      <path d="M257.2505,184.0291h-16.7197c-2.2028,0 -3.9809,-1.7716 -3.9809,-3.9664c0,-2.1947 1.7781,-3.9663 3.9809,-3.9663h16.7197c2.2028,0 3.9809,1.7716 3.9809,3.9663c0,2.1948 -1.7781,3.9664 -3.9809,3.9664z" fill="#000000" stroke-width="1"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/osu_light/home.svg b/tetrio/.config/eww/images/svg/osu_light/home.svg
new file mode 100644
index 000000000..a22e474ee
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/osu_light/home.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <clipPath id="clip-1">
+      <rect x="-240" y="-180" transform="scale(0.5,0.5)" width="1440" height="1080" fill="none" stroke-width="0.5"/>
+    </clipPath>
+  </defs>
+  <g transform="matrix(1, 0, 0, 1, -189.999875, -129.966063)">
+    <g clip-path="url(#clip-1)" data-paper-data="{&quot;isPaintingLayer&quot;:true}" fill-rule="nonzero" stroke="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" style="mix-blend-mode: normal">
+      <path d="M224.9522,139.30786c-5.2017,0 -10.0318,2.78664 -12.6327,7.29834l-15.04775,26.0615c-2.60084,4.5117 -2.60084,10.085 0,14.5966l15.04775,26.0616c2.6009,4.5117 7.431,7.2983 12.6327,7.2983h30.0956c5.2017,0 10.0318,-2.7866 12.6326,-7.2983l15.0478,-26.0616c2.6009,-4.5116 2.6009,-10.0849 0,-14.5966l-15.0478,-26.0615c-2.6008,-4.5117 -7.4309,-7.29834 -12.6326,-7.29834zM272.2717,143.9522l15.0743,26.0616c3.556,6.1571 3.556,13.7473 0,19.9045l-15.0477,26.0615c-3.5563,6.1571 -10.138,9.9523 -17.2505,9.9523h-30.0956c-7.1125,0 -13.6942,-3.7952 -17.2505,-9.9523l-15.04778,-26.0615c-3.55626,-6.1572 -3.55626,-13.7474 0,-19.9045l15.04778,-26.0616c3.5563,-6.15708 10.138,-9.9522 17.2505,-9.9522h30.0956c7.1125,0 13.6942,3.79512 17.2239,9.9522z" fill="#000000" stroke-width="1"/>
+      <path d="M258.5775,173.2781c-0.4777,0 -0.9819,-0.0796 -1.4597,-0.2919l-17.1178,-6.7675l-17.1178,6.7675c-2.0436,0.7962 -4.3525,-0.1858 -5.1752,-2.2293c-0.7962,-2.0435 0.1858,-4.3524 2.2293,-5.1752l18.5775,-7.3513c0.9289,-0.3716 1.9905,-0.3716 2.9193,0l18.5775,7.3513c2.0435,0.7962 3.052,3.1317 2.2293,5.1752c-0.5838,1.5658 -2.07,2.5212 -3.6624,2.5212z" fill="#000000" stroke-width="1"/>
+      <path d="M247.3248,201.9671h-14.6231c-3.2909,0 -5.9448,-2.6805 -5.9448,-5.9448v-14.6232c0,-3.2908 2.6805,-5.9448 5.9448,-5.9448h14.6231c3.2909,0 5.9448,2.6805 5.9448,5.9448v14.6232c0,3.2909 -2.6804,5.9448 -5.9448,5.9448zM234.6921,194.0053h10.6157v-10.6157h-10.6157z" fill="#000000" stroke-width="1"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/osu_light/news.svg b/tetrio/.config/eww/images/svg/osu_light/news.svg
new file mode 100644
index 000000000..b5dbd02a2
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/osu_light/news.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <clipPath id="clip-2">
+      <rect x="-240" y="-180" transform="scale(0.5,0.5)" width="1440" height="1080" fill="none" stroke-width="0.5"/>
+    </clipPath>
+  </defs>
+  <g transform="matrix(1, 0, 0, 1, -189.998868, -129.999998)">
+    <g clip-path="url(#clip-2)" data-paper-data="{&quot;isPaintingLayer&quot;:true}" fill-rule="nonzero" stroke="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" style="mix-blend-mode: normal">
+      <path d="M224.9512,139.31178c-5.2017,0 -10.0318,2.78872 -12.6327,7.30372l-15.04775,26.0808c-2.60085,4.515 -2.60085,10.0924 0,14.6074l15.04775,26.0808c2.6009,4.515 7.431,7.3037 12.6327,7.3037h30.0956c5.2017,0 10.0318,-2.7887 12.6327,-7.3037l15.0477,-26.0808c2.6009,-4.515 2.6009,-10.0924 0,-14.6074l-15.0477,-26.0808c-2.6009,-4.515 -7.431,-7.30372 -12.6327,-7.30372zM272.2707,143.9596l15.0744,26.0808c3.5559,6.1617 3.5559,13.7575 0,19.9192l-15.0478,26.0808c-3.5563,6.1617 -10.138,9.9596 -17.2505,9.9596h-30.0956c-7.1125,0 -13.6943,-3.7979 -17.2505,-9.9596l-15.04778,-26.0808c-3.55627,-6.1617 -3.55627,-13.7575 0,-19.9192l15.04778,-26.0808c3.5562,-6.16168 10.138,-9.9596 17.2505,-9.9596h30.0956c7.1125,0 13.6942,3.79792 17.2239,9.9596z" fill="#000000" stroke-width="1"/>
+      <path d="M263.8854,183.9838h-6.9003c-2.2027,0 -3.9809,-1.7794 -3.9809,-3.9838c0,-2.2044 1.7782,-3.9838 3.9809,-3.9838h6.9003c2.2027,0 3.9809,1.7794 3.9809,3.9838c0,2.2044 -1.7782,3.9838 -3.9809,3.9838z" fill="#000000" stroke-width="1"/>
+      <path d="M240,207.8868c-2.2028,0 -3.9809,-1.7794 -3.9809,-3.9838v-6.9053c0,-2.2044 1.7781,-3.9838 3.9809,-3.9838c2.2028,0 3.9809,1.7794 3.9809,3.9838v6.9053c0,2.2044 -1.7781,3.9838 -3.9809,3.9838z" fill="#000000" stroke-width="1"/>
+      <path d="M256.879,200.8753c-1.0085,0 -2.0435,-0.3984 -2.8132,-1.1686l-4.9363,-4.94c-1.5658,-1.5669 -1.5658,-4.09 0,-5.6304c1.5658,-1.567 4.0871,-1.567 5.6263,0l4.9364,4.9399c1.5658,1.567 1.5658,4.0901 0,5.6305c-0.7697,0.7968 -1.7782,1.1686 -2.8132,1.1686z" fill="#000000" stroke-width="1"/>
+      <path d="M223.121,200.8753c-1.0085,0 -2.0435,-0.3984 -2.8132,-1.1686c-1.5658,-1.567 -1.5658,-4.0901 0,-5.6305l4.9364,-4.9399c1.5658,-1.567 4.087,-1.567 5.6263,0c1.5658,1.5669 1.5658,4.09 0,5.6304l-4.9363,4.94c-0.7962,0.7968 -1.8047,1.1686 -2.8132,1.1686z" fill="#000000" stroke-width="1"/>
+      <path d="M251.9427,172.0323c-1.0085,0 -2.0435,-0.3983 -2.8132,-1.1686c-1.5658,-1.5669 -1.5658,-4.09 0,-5.6304l4.9363,-4.94c1.5658,-1.567 4.0871,-1.567 5.6264,0c1.5658,1.567 1.5658,4.0901 0,5.6305l-4.9364,4.9399c-0.7696,0.7703 -1.8046,1.1686 -2.8131,1.1686z" fill="#000000" stroke-width="1"/>
+      <path d="M240,166.9861c-2.2028,0 -3.9809,-1.7794 -3.9809,-3.9838v-6.9053c0,-2.2044 1.7781,-3.9838 3.9809,-3.9838c2.2028,0 3.9809,1.7794 3.9809,3.9838v6.9053c0,2.2044 -1.7781,3.9838 -3.9809,3.9838z" fill="#000000" stroke-width="1"/>
+      <path d="M223.0149,183.9838h-6.9002c-2.2028,0 -3.9809,-1.7794 -3.9809,-3.9838c0,-2.2044 1.7781,-3.9838 3.9809,-3.9838h6.9002c2.2027,0 3.9809,1.7794 3.9809,3.9838c0,2.2044 -1.7782,3.9838 -3.9809,3.9838z" fill="#000000" stroke-width="1"/>
+      <path d="M228.0573,172.0323c-1.0085,0 -2.0435,-0.3983 -2.8131,-1.1686l-4.9364,-4.9399c-1.5658,-1.567 -1.5658,-4.0901 0,-5.6305c1.5659,-1.567 4.0871,-1.567 5.6264,0l4.9363,4.94c1.5658,1.5669 1.5658,4.09 0,5.6304c-0.7697,0.7703 -1.8047,1.1686 -2.8132,1.1686z" fill="#000000" stroke-width="1"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/osu_light/rankings.svg b/tetrio/.config/eww/images/svg/osu_light/rankings.svg
new file mode 100644
index 000000000..f66f4985d
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/osu_light/rankings.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <clipPath id="clip-1">
+      <rect x="-240" y="-180" transform="scale(0.5,0.5)" width="1440" height="1080" fill="none" stroke-width="0.5"/>
+    </clipPath>
+  </defs>
+  <g transform="matrix(1, 0, 0, 1, -189.99986, -129.966063)">
+    <g clip-path="url(#clip-1)" data-paper-data="{&quot;isPaintingLayer&quot;:true}" fill-rule="nonzero" stroke="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" style="mix-blend-mode: normal">
+      <path d="M258.5775,174.3397c-0.4777,0 -0.982,-0.0796 -1.4597,-0.2919l-17.1178,-6.7676l-17.1179,6.7941c-2.0435,0.7962 -4.3524,-0.1858 -5.1751,-2.2293c-0.7962,-2.0435 0.1858,-4.3524 2.2293,-5.1752l18.5775,-7.3513c0.9289,-0.3716 1.9904,-0.3716 2.9193,0l18.5775,7.3513c2.0435,0.7962 3.052,3.1317 2.2293,5.1752c-0.5839,1.5393 -2.0701,2.4947 -3.6624,2.4947z" fill="#000000" stroke-width="1"/>
+      <path d="M258.5775,187.6093c-0.4777,0 -0.982,-0.0796 -1.4597,-0.2919l-17.1178,-6.7675l-17.1179,6.794c-2.0435,0.7962 -4.3524,-0.1858 -5.1751,-2.2293c-0.7962,-2.0435 0.1858,-4.3524 2.2293,-5.1751l18.5775,-7.3514c0.9289,-0.3716 1.9904,-0.3716 2.9193,0l18.5775,7.3514c2.0435,0.7961 3.052,3.1316 2.2293,5.1751c-0.5839,1.5393 -2.0701,2.4947 -3.6624,2.4947z" fill="#000000" stroke-width="1"/>
+      <path d="M258.5775,200.879c-0.4777,0 -0.982,-0.0797 -1.4597,-0.292l-17.1178,-6.7675l-17.1179,6.7941c-2.0435,0.7962 -4.3524,-0.1858 -5.1751,-2.2293c-0.7962,-2.0435 0.1858,-4.3525 2.2293,-5.1752l18.5775,-7.3514c0.9289,-0.3715 1.9904,-0.3715 2.9193,0l18.5775,7.3514c2.0435,0.7962 3.052,3.1317 2.2293,5.1752c-0.5839,1.5393 -2.0701,2.4947 -3.6624,2.4947z" fill="#000000" stroke-width="1"/>
+      <path d="M224.9522,139.30786c-5.2017,0 -10.0319,2.78664 -12.6327,7.29834l-15.04778,26.0615c-2.60084,4.5117 -2.60084,10.085 0,14.5966l15.04778,26.0616c2.6008,4.5117 7.431,7.2983 12.6327,7.2983h30.0955c5.2017,0 10.0319,-2.7866 12.6327,-7.2983l15.0478,-26.0616c2.6008,-4.5116 2.6008,-10.0849 0,-14.5966l-15.0478,-26.0615c-2.6008,-4.5117 -7.431,-7.29834 -12.6327,-7.29834zM272.2717,143.9522l15.0743,26.0616c3.556,6.1571 3.556,13.7473 0,19.9045l-15.0478,26.0615c-3.5562,6.1571 -10.138,9.9523 -17.2505,9.9523h-30.0955c-7.1125,0 -13.6943,-3.7952 -17.2505,-9.9523l-15.04781,-26.0615c-3.55626,-6.1572 -3.55626,-13.7474 0,-19.9045l15.04781,-26.0616c3.5562,-6.15708 10.138,-9.9522 17.2505,-9.9522h30.0955c7.1125,0 13.6943,3.79512 17.224,9.9522z" fill="#000000" stroke-width="1"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/osu_light/search.svg b/tetrio/.config/eww/images/svg/osu_light/search.svg
new file mode 100644
index 000000000..c5c9dee60
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/osu_light/search.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <clipPath id="clip-1">
+      <rect x="-240" y="-180" transform="scale(0.5,0.5)" width="1440" height="1080" fill="none" stroke-width="0.5"/>
+    </clipPath>
+  </defs>
+  <g transform="matrix(1, 0, 0, 1, -190.000486, -129.999998)">
+    <g clip-path="url(#clip-1)" data-paper-data="{&quot;isPaintingLayer&quot;:true}" fill-rule="nonzero" stroke="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" style="mix-blend-mode: normal">
+      <path d="M224.9526,139.31178c-5.2017,0 -10.0318,2.78872 -12.6327,7.30372l-15.04776,26.0808c-2.60085,4.515 -2.60085,10.0924 0,14.6074l15.04776,26.0808c2.6009,4.515 7.431,7.3037 12.6327,7.3037h30.0955c5.2017,0 10.0319,-2.7887 12.6327,-7.3037l15.0478,-26.0808c2.6009,-4.515 2.6009,-10.0924 0,-14.6074l-15.0478,-26.0808c-2.6008,-4.515 -7.431,-7.30372 -12.6327,-7.30372zM272.2721,143.9596l15.0743,26.0808c3.5566,6.1617 3.5566,13.7575 0,19.9192l-15.0477,26.0808c-3.5563,6.1617 -10.138,9.9596 -17.2506,9.9596h-30.0955c-7.1125,0 -13.6943,-3.7979 -17.2505,-9.9596l-15.0478,-26.0808c-3.55626,-6.1617 -3.55626,-13.7575 0,-19.9192l15.0478,-26.0808c3.5562,-6.16168 10.138,-9.9596 17.2505,-9.9596h30.0955c7.1126,0 13.6943,3.79792 17.224,9.9596z" fill="#000000" stroke-width="1"/>
+      <path d="M257.0382,201.0612c-1.0085,0 -2.0435,-0.3984 -2.8132,-1.1686l-9.9522,-9.9596c-1.5658,-1.5669 -1.5658,-4.09 0,-5.6305c1.5658,-1.5669 4.0871,-1.5669 5.6263,0l9.9523,9.9596c1.5658,1.567 1.5658,4.0901 0,5.6305c-0.7697,0.7702 -1.7782,1.1686 -2.8132,1.1686z" fill="#000000" stroke-width="1"/>
+      <path d="M236.2049,193.4919c-9.5011,0 -17.2505,-7.7552 -17.2505,-17.2633c0,-9.508 7.7494,-17.2632 17.2505,-17.2632c9.5011,0 17.2505,7.7552 17.2505,17.2632c0,9.5081 -7.7229,17.2633 -17.2505,17.2633zM236.2049,166.933c-5.1221,0 -9.2887,4.1698 -9.2887,9.2956c0,5.1259 4.1666,9.2957 9.2887,9.2957c5.1221,0 9.2888,-4.1698 9.2888,-9.2957c0,-5.1258 -4.1667,-9.2956 -9.2888,-9.2956z" fill="#000000" stroke-width="1"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/osu_light/settings.svg b/tetrio/.config/eww/images/svg/osu_light/settings.svg
new file mode 100644
index 000000000..b61e22aa8
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/osu_light/settings.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <clipPath id="clip-1">
+      <rect x="-240" y="-180" transform="scale(0.5,0.5)" width="1440" height="1080" fill="none" stroke-width="0.5"/>
+    </clipPath>
+  </defs>
+  <g transform="matrix(1, 0, 0, 1, -189.999799, -129.999998)">
+    <g clip-path="url(#clip-1)" data-paper-data="{&quot;isPaintingLayer&quot;:true}" fill-rule="nonzero" stroke="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" style="mix-blend-mode: normal">
+      <path d="M224.9521,139.31178c-5.2017,0 -10.0318,2.78872 -12.6327,7.30372l-15.04777,26.0808c-2.60085,4.515 -2.60085,10.0924 0,14.6074l15.04777,26.0808c2.6009,4.515 7.431,7.3037 12.6327,7.3037h30.0955c5.2017,0 10.0319,-2.7887 12.6327,-7.3037l15.0478,-26.0808c2.6009,-4.515 2.6009,-10.0924 0,-14.6074l-15.0478,-26.0808c-2.6008,-4.515 -7.431,-7.30372 -12.6327,-7.30372zM272.2716,143.9596l15.0743,26.0808c3.5561,6.1617 3.5561,13.7575 0,19.9192l-15.0477,26.0808c-3.5563,6.1617 -10.138,9.9596 -17.2506,9.9596h-30.0955c-7.1125,0 -13.6943,-3.7979 -17.2505,-9.9596l-15.0478,-26.0808c-3.55627,-6.1617 -3.55627,-13.7575 0,-19.9192l15.0478,-26.0808c3.5562,-6.16168 10.138,-9.9596 17.2505,-9.9596h30.0955c7.1126,0 13.6943,3.79792 17.224,9.9596z" fill="#000000" stroke-width="1"/>
+      <path d="M240,202.0704c-12.0754,0 -21.8949,-9.8268 -21.8949,-21.9111c0,-12.0842 9.8195,-21.911 21.8949,-21.911c12.0754,0 21.8949,9.8268 21.8949,21.911c0,12.0843 -9.8195,21.9111 -21.8949,21.9111zM240,166.2159c-7.6964,0 -13.9331,6.2679 -13.9331,13.9434c0,7.6756 6.2633,13.9435 13.9331,13.9435c7.6699,0 13.9331,-6.2679 13.9331,-13.9435c0,-7.6755 -6.2632,-13.9434 -13.9331,-13.9434z" fill="#000000" stroke-width="1"/>
+      <path d="M240,165.8441c-2.2028,0 -3.9809,-1.7794 -3.9809,-3.9838v-3.373c0,-2.2044 1.7781,-3.9838 3.9809,-3.9838c2.2028,0 3.9809,1.7794 3.9809,3.9838v3.373c0,2.2044 -1.7781,3.9838 -3.9809,3.9838z" fill="#000000" stroke-width="1"/>
+      <path d="M248.9968,168.5531c-0.7431,0 -1.4862,-0.2124 -2.1762,-0.6374c-1.8312,-1.1951 -2.362,-3.6651 -1.1677,-5.4977l2.017,-3.1074c1.1942,-1.8325 3.6624,-2.3637 5.4936,-1.1686c1.8312,1.1952 2.362,3.6652 1.1677,5.4977l-2.017,3.1074c-0.7431,1.1686 -2.0169,1.806 -3.3174,1.806z" fill="#000000" stroke-width="1"/>
+      <path d="M255.7378,175.5116c-1.3535,0 -2.6539,-0.6906 -3.397,-1.9123c-1.1412,-1.8857 -0.5308,-4.3291 1.3535,-5.4711l3.3439,-2.0185c1.8843,-1.142 4.3259,-0.5312 5.4671,1.3545c1.1412,1.8857 0.5308,4.3291 -1.3535,5.4711l-3.3439,2.0185c-0.6635,0.3718 -1.3801,0.5578 -2.0701,0.5578z" fill="#000000" stroke-width="1"/>
+      <path d="M222.0064,184.515h-4.034c-2.2028,0 -3.9809,-1.7794 -3.9809,-3.9838c0,-2.2044 1.7781,-3.9839 3.9809,-3.9839h4.034c2.2027,0 3.9809,1.7795 3.9809,3.9839c0,2.2044 -1.7782,3.9838 -3.9809,3.9838z" fill="#000000" stroke-width="1"/>
+      <path d="M259.0817,195.537c-0.69,0 -1.38,-0.1859 -2.0169,-0.5578l-3.7952,-2.2575c-1.8842,-1.1155 -2.5212,-3.5589 -1.4065,-5.4711c1.1146,-1.8857 3.5562,-2.5231 5.4671,-1.4076l3.7951,2.2575c1.8843,1.1154 2.5212,3.5589 1.4066,5.4711c-0.7697,1.2748 -2.0966,1.9654 -3.4502,1.9654z" fill="#000000" stroke-width="1"/>
+      <path d="M224.2622,175.5116c-0.69,0 -1.4066,-0.1859 -2.0701,-0.5843l-3.3439,-2.0185c-1.8843,-1.142 -2.4947,-3.5855 -1.3535,-5.4711c1.1412,-1.8857 3.5828,-2.4966 5.4671,-1.3545l3.3439,2.0184c1.8843,1.1421 2.4947,3.5855 1.3535,5.4712c-0.7431,1.2748 -2.0435,1.9388 -3.397,1.9388z" fill="#000000" stroke-width="1"/>
+      <path d="M230.7909,168.7656c-1.4066,0 -2.7866,-0.7702 -3.5032,-2.0981l-1.8047,-3.3465c-1.035,-1.9388 -0.3184,-4.3556 1.6189,-5.3914c1.9374,-1.0358 4.3525,-0.3187 5.3875,1.6201l1.8047,3.3464c1.035,1.9388 0.3184,4.3556 -1.6189,5.3914c-0.6104,0.3188 -1.2474,0.4781 -1.8843,0.4781z" fill="#000000" stroke-width="1"/>
+      <path d="M262.0276,184.515h-4.034c-2.2027,0 -3.9809,-1.7794 -3.9809,-3.9838c0,-2.2044 1.7782,-3.9839 3.9809,-3.9839h4.034c2.2027,0 3.9809,1.7795 3.9809,3.9839c0,2.2044 -1.7782,3.9838 -3.9809,3.9838z" fill="#000000" stroke-width="1"/>
+      <path d="M251.0138,203.6109c-1.3535,0 -2.6805,-0.6906 -3.4236,-1.9654l-2.2558,-3.7979c-1.1146,-1.8857 -0.5042,-4.3291 1.4066,-5.4711c1.8843,-1.1155 4.3259,-0.5047 5.4671,1.4076l2.2558,3.7979c1.1147,1.8857 0.5043,4.3291 -1.4066,5.4711c-0.6635,0.3719 -1.3535,0.5578 -2.0435,0.5578z" fill="#000000" stroke-width="1"/>
+      <path d="M240,206.5589c-2.2028,0 -3.9809,-1.7794 -3.9809,-3.9838v-4.4885c0,-2.2044 1.7781,-3.9838 3.9809,-3.9838c2.2028,0 3.9809,1.7794 3.9809,3.9838v4.4885c0,2.2044 -1.7781,3.9838 -3.9809,3.9838z" fill="#000000" stroke-width="1"/>
+      <path d="M220.9183,195.537c-1.3535,0 -2.654,-0.6906 -3.3971,-1.9123c-1.1411,-1.8857 -0.5307,-4.3291 1.3535,-5.4711l3.344,-2.0185c1.8843,-1.142 4.3259,-0.5312 5.4671,1.3545c1.1412,1.8857 0.5308,4.3291 -1.3535,5.4711l-3.344,2.0185c-0.6369,0.3718 -1.3535,0.5578 -2.07,0.5578z" fill="#000000" stroke-width="1"/>
+      <path d="M228.9862,203.6108c-0.69,0 -1.38,-0.1859 -2.017,-0.5577c-1.8843,-1.1155 -2.5212,-3.5589 -1.4066,-5.4711l2.2559,-3.7979c1.1146,-1.8857 3.5562,-2.5231 5.4671,-1.4077c1.8843,1.1155 2.5212,3.5589 1.4065,5.4712l-2.2558,3.7979c-0.7696,1.2748 -2.0966,1.9653 -3.4501,1.9653z" fill="#000000" stroke-width="1"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/osu_light/store.svg b/tetrio/.config/eww/images/svg/osu_light/store.svg
new file mode 100644
index 000000000..829f3f9dc
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/osu_light/store.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <clipPath id="clip-2">
+      <rect x="-240" y="-180" transform="scale(0.5,0.5)" width="1440" height="1080" fill="none" stroke-width="0.5"/>
+    </clipPath>
+  </defs>
+  <g transform="matrix(1, 0, 0, 1, -189.999952, -129.999998)">
+    <g clip-path="url(#clip-2)" data-paper-data="{&quot;isPaintingLayer&quot;:true}" fill-rule="nonzero" stroke="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" style="mix-blend-mode: normal">
+      <path d="M224.9523,139.31178c-5.2017,0 -10.0318,2.78872 -12.6327,7.30372l-15.04776,26.0808c-2.60085,4.515 -2.60085,10.0924 0,14.6074l15.04776,26.0808c2.6009,4.515 7.431,7.3037 12.6327,7.3037h30.0956c5.2017,0 10.0318,-2.7887 12.6327,-7.3037l15.0477,-26.0808c2.6009,-4.515 2.6009,-10.0924 0,-14.6074l-15.0477,-26.0808c-2.6009,-4.515 -7.431,-7.30372 -12.6327,-7.30372zM272.2719,143.9596l15.0743,26.0808c3.5558,6.1617 3.5558,13.7575 0,19.9192l-15.0478,26.0808c-3.5563,6.1617 -10.138,9.9596 -17.2505,9.9596h-30.0956c-7.1125,0 -13.6943,-3.7979 -17.2505,-9.9596l-15.04779,-26.0808c-3.55627,-6.1617 -3.55627,-13.7575 0,-19.9192l15.04779,-26.0808c3.5562,-6.16168 10.138,-9.9596 17.2505,-9.9596h30.0956c7.1125,0 13.6942,3.79792 17.224,9.9596z" fill="#000000" stroke-width="1"/>
+      <path d="M259.3737,192.5889h-33.5457c-2.2027,0 -3.9809,-1.7794 -3.9809,-3.9838v-21.7252l-5.7059,-5.179c-1.6189,-1.4873 -1.7516,-3.9838 -0.2654,-5.6305c1.4862,-1.6201 3.9809,-1.7529 5.6263,-0.2656l7.0064,6.3476c0.8227,0.7437 1.3004,1.8326 1.3004,2.9481v19.5207h25.5839v-11.4734l-16.189,-2.1778c-2.1762,-0.2922 -3.7155,-2.3107 -3.4235,-4.4885c0.2919,-2.1778 2.2823,-3.7182 4.4851,-3.4261l19.6391,2.6293c1.9639,0.2656 3.4501,1.9654 3.4501,3.9573v18.9365c0,2.231 -1.7782,4.0104 -3.9809,4.0104z" fill="#000000" stroke-width="1"/>
+      <path d="M251.1465,201.2471c0,-2.2002 1.7823,-3.9838 3.9809,-3.9838c2.1986,0 3.9809,1.7836 3.9809,3.9838c0,2.2002 -1.7823,3.9838 -3.9809,3.9838c-2.1986,0 -3.9809,-1.7836 -3.9809,-3.9838z" fill="#000000" stroke-width="1"/>
+      <path d="M225.138,201.2471c0,-2.2002 1.7823,-3.9838 3.9809,-3.9838c2.1986,0 3.9809,1.7836 3.9809,3.9838c0,2.2002 -1.7823,3.9838 -3.9809,3.9838c-2.1986,0 -3.9809,-1.7836 -3.9809,-3.9838z" fill="#000000" stroke-width="1"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/osu_light/tournaments.svg b/tetrio/.config/eww/images/svg/osu_light/tournaments.svg
new file mode 100644
index 000000000..a2dc074c2
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/osu_light/tournaments.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <clipPath id="clip-1">
+      <rect x="-240" y="-180" transform="scale(0.5,0.5)" width="1440" height="1080" fill="none" fill-rule="nonzero" stroke-width="0.5"/>
+    </clipPath>
+  </defs>
+  <g transform="matrix(1, 0, 0, 1, -189.999616, -129.999998)">
+    <g clip-path="url(#clip-1)" data-paper-data="{&quot;isPaintingLayer&quot;:true}" stroke="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" style="mix-blend-mode: normal">
+      <path d="M255.0474,139.31178h-30.0956c-5.2017,0 -10.0318,2.78872 -12.6327,7.30372l-15.04777,26.0808c-2.60085,4.515 -2.60085,10.0924 0,14.6074l15.04777,26.0808c2.6009,4.515 7.431,7.3037 12.6327,7.3037h30.0956c5.2017,0 10.0318,-2.7887 12.6327,-7.3037l15.0477,-26.0808c2.6009,-4.515 2.6009,-10.0924 0,-14.6074l-15.0477,-26.0808c-2.6009,-4.515 -7.431,-7.30372 -12.6327,-7.30372zM272.2713,143.9596l15.0744,26.0808c3.5563,6.1617 3.5563,13.7575 0,19.9192l-15.0478,26.0808c-3.5563,6.1617 -10.138,9.9596 -17.2505,9.9596h-30.0956c-7.1125,0 -13.6943,-3.7979 -17.2505,-9.9596l-15.0478,-26.0808c-3.55627,-6.1617 -3.55627,-13.7575 0,-19.9192l15.0478,-26.0808c3.5562,-6.16168 10.138,-9.9596 17.2505,-9.9596h30.0956c7.1125,0 13.6942,3.79792 17.2239,9.9596z" fill="#000000" fill-rule="nonzero" stroke-width="1"/>
+      <path d="M216.3119,182.4749c-1.3668,-1.3669 -1.3668,-3.5829 0,-4.9498l21.2132,-21.2132c1.3668,-1.3668 3.5829,-1.3668 4.9498,0l21.2132,21.2132c1.3668,1.3669 1.3668,3.5829 0,4.9498l-21.2132,21.2132c-1.3669,1.3668 -3.583,1.3668 -4.9498,0zM223.7365,180l16.2635,16.2635l16.2634,-16.2635l-16.2634,-16.2635z" fill="#000000" fill-rule="evenodd" stroke-width="1"/>
+      <path d="M217.5251,157.5251c1.3669,-1.3668 3.5829,-1.3668 4.9498,0l40,40c1.3668,1.3669 1.3668,3.5829 0,4.9498c-1.3669,1.3668 -3.5829,1.3668 -4.9498,0l-40,-40c-1.3668,-1.3669 -1.3668,-3.5829 0,-4.9498z" fill="#000000" fill-rule="evenodd" stroke-width="1"/>
+      <path d="M262.4749,157.5251c1.3668,1.3669 1.3668,3.5829 0,4.9498l-40,40c-1.3669,1.3668 -3.5829,1.3668 -4.9498,0c-1.3668,-1.3669 -1.3668,-3.5829 0,-4.9498l40,-40c1.3669,-1.3668 3.5829,-1.3668 4.9498,0z" fill="#000000" fill-rule="evenodd" stroke-width="1"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/osu_light/wiki.svg b/tetrio/.config/eww/images/svg/osu_light/wiki.svg
new file mode 100644
index 000000000..41963d893
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/osu_light/wiki.svg
@@ -0,0 +1 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="92" viewBox="0,0,100,92"><defs><clipPath id="clip-1"><path d="M190,226v-92h100v92z" fill="none"/></clipPath></defs><g transform="translate(-190,-134)"><g clip-path="url(#clip-1)" data-paper-data="{&quot;isPaintingLayer&quot;:true}" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" style="mix-blend-mode: normal"><path d="M224.9526,139.31178c-5.2017,0 -10.0318,2.78872 -12.6327,7.30372l-15.04773,26.0808c-2.60085,4.515 -2.60085,10.0924 0,14.6074l15.04773,26.0808c2.6009,4.515 7.431,7.3037 12.6327,7.3037h30.0956c5.2017,0 10.0318,-2.7887 12.6327,-7.3037l15.0478,-26.0808c2.6008,-4.515 2.6008,-10.0924 0,-14.6074l-15.0478,-26.0808c-2.6009,-4.515 -7.431,-7.30372 -12.6327,-7.30372zM272.2722,143.9596l15.0743,26.0808c3.5565,6.1617 3.5565,13.7575 0,19.9192l-15.0478,26.0808c-3.5562,6.1617 -10.138,9.9596 -17.2505,9.9596h-30.0956c-7.1125,0 -13.6942,-3.7979 -17.2505,-9.9596l-15.04777,-26.0808c-3.55626,-6.1617 -3.55626,-13.7575 0,-19.9192l15.04777,-26.0808c3.5563,-6.16168 10.138,-9.9596 17.2505,-9.9596h30.0956c7.1125,0 13.6942,3.79792 17.224,9.9596z" fill="#000000"/><path d="M240,178.3799c-5.8652,0 -10.6157,-4.754 -10.6157,-10.6236c0,-5.8695 4.7505,-10.6235 10.6157,-10.6235c5.8652,0 10.6157,4.754 10.6157,10.6235c0,5.8696 -4.7505,10.6236 -10.6157,10.6236zM240,165.1005c-1.4597,0 -2.6539,1.1951 -2.6539,2.6558c0,1.4608 1.1942,2.6559 2.6539,2.6559c1.4596,0 2.6539,-1.1951 2.6539,-2.6559c0,-1.4607 -1.1943,-2.6558 -2.6539,-2.6558z" fill="#000000"/><path d="M228.7208,202.8672c-1.0085,0 -2.0435,-0.3984 -2.8132,-1.1686l-11.1465,-11.1547c-1.5658,-1.567 -1.5658,-4.0901 0,-5.6305c1.5659,-1.567 4.0871,-1.567 5.6264,0l8.3333,8.3395l8.3599,-8.3661c1.5658,-1.567 4.087,-1.567 5.6263,0l8.3068,8.3129l8.4129,-8.4191c1.5658,-1.567 4.0871,-1.567 5.6263,0c1.5659,1.567 1.5659,4.09 0,5.6305l-11.2526,11.2609c-1.5658,1.567 -4.087,1.567 -5.6263,0l-8.3068,-8.3129l-8.3599,8.366c-0.7431,0.7437 -1.7516,1.1421 -2.7866,1.1421z" fill="#000000"/></g></g></svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/rankings.svg b/tetrio/.config/eww/images/svg/rankings.svg
new file mode 100644
index 000000000..b7f0dfa35
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/rankings.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M68.5775 44.3397C68.0998 44.3397 67.5955 44.2601 67.1178 44.0478L50 37.2802L32.8821 44.0743C30.8386 44.8705 28.5297 43.8885 27.707 41.845C26.9108 39.8015 27.8928 37.4926 29.9363 36.6698L48.5138 29.3185C49.4427 28.9469 50.5042 28.9469 51.4331 29.3185L70.0106 36.6698C72.0541 37.466 73.0626 39.8015 72.2399 41.845C71.656 43.3843 70.1698 44.3397 68.5775 44.3397Z" fill="#ebe9e4"/>
+<path d="M68.5775 57.6093C68.0998 57.6093 67.5955 57.5297 67.1178 57.3174L50 50.5499L32.8821 57.3439C30.8386 58.1401 28.5297 57.1581 27.707 55.1146C26.9108 53.0711 27.8928 50.7622 29.9363 49.9395L48.5138 42.5881C49.4427 42.2165 50.5042 42.2165 51.4331 42.5881L70.0106 49.9395C72.0541 50.7356 73.0626 53.0711 72.2399 55.1146C71.656 56.6539 70.1698 57.6093 68.5775 57.6093Z" fill="#ebe9e4"/>
+<path d="M68.5775 70.879C68.0998 70.879 67.5955 70.7993 67.1178 70.587L50 63.8195L32.8821 70.6136C30.8386 71.4098 28.5297 70.4278 27.707 68.3843C26.9108 66.3408 27.8928 64.0318 29.9363 63.2091L48.5138 55.8577C49.4427 55.4862 50.5042 55.4862 51.4331 55.8577L70.0106 63.2091C72.0541 64.0053 73.0626 66.3408 72.2399 68.3843C71.656 69.9236 70.1698 70.879 68.5775 70.879Z" fill="#ebe9e4"/>
+<path d="M65.0477 9.30786C70.2494 9.30786 75.0796 12.0945 77.6804 16.6062L92.7282 42.6677C95.329 47.1794 95.329 52.7527 92.7282 57.2643L77.6804 83.3259C75.0796 87.8376 70.2494 90.6242 65.0477 90.6242H34.9522C29.7505 90.6242 24.9203 87.8376 22.3195 83.3259L7.27172 57.2643C4.67088 52.7527 4.67088 47.1794 7.27172 42.6677L22.3195 16.6062C24.9203 12.0945 29.7505 9.30786 34.9522 9.30786H65.0477ZM65.0477 4H34.9522C27.8397 4 21.2579 7.79512 17.7017 13.9522L2.65389 40.0138C-0.902371 46.1709 -0.902371 53.7611 2.65389 59.9183L17.7017 85.9798C21.2579 92.1369 27.8397 95.9321 34.9522 95.9321H65.0477C72.1602 95.9321 78.742 92.1369 82.2982 85.9798L97.346 59.9183C100.902 53.7611 100.902 46.1709 97.346 40.0138L82.2717 13.9522C78.742 7.79512 72.1602 4 65.0477 4Z" fill="#ebe9e4"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="91.9321" fill="#ebe9e4" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/search.svg b/tetrio/.config/eww/images/svg/search.svg
new file mode 100644
index 000000000..da3855794
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/search.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0481 9.31178C70.2498 9.31178 75.08 12.1005 77.6808 16.6155L92.7286 42.6963C95.3295 47.2113 95.3295 52.7887 92.7286 57.3037L77.6808 83.3845C75.08 87.8995 70.2498 90.6882 65.0481 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27214 57.3037C4.67129 52.7887 4.67129 47.2113 7.27214 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0481ZM65.0481 4H34.9526C27.8401 4 21.2583 7.79792 17.7021 13.9596L2.6543 40.0404C-0.90196 46.2021 -0.90196 53.7979 2.6543 59.9596L17.7021 86.0404C21.2583 92.2021 27.8401 96 34.9526 96H65.0481C72.1607 96 78.7424 92.2021 82.2987 86.0404L97.3464 59.9596C100.903 53.7979 100.903 46.2021 97.3464 40.0404L82.2721 13.9596C78.7424 7.79792 72.1607 4 65.0481 4Z" fill="#ebe9e4"/>
+<path d="M67.0382 71.0612C66.0297 71.0612 64.9947 70.6628 64.225 69.8926L54.2728 59.933C52.707 58.3661 52.707 55.843 54.2728 54.3025C55.8386 52.7356 58.3599 52.7356 59.8991 54.3025L69.8514 64.2621C71.4172 65.8291 71.4172 68.3522 69.8514 69.8926C69.0817 70.6628 68.0732 71.0612 67.0382 71.0612Z" fill="#ebe9e4"/>
+<path d="M46.2049 63.4919C36.7038 63.4919 28.9544 55.7367 28.9544 46.2286C28.9544 36.7206 36.7038 28.9654 46.2049 28.9654C55.706 28.9654 63.4554 36.7206 63.4554 46.2286C63.4554 55.7367 55.7325 63.4919 46.2049 63.4919ZM46.2049 36.933C41.0828 36.933 36.9162 41.1028 36.9162 46.2286C36.9162 51.3545 41.0828 55.5243 46.2049 55.5243C51.327 55.5243 55.4937 51.3545 55.4937 46.2286C55.4937 41.1028 51.327 36.933 46.2049 36.933Z" fill="#ebe9e4"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#ebe9e4" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/settings.svg b/tetrio/.config/eww/images/svg/settings.svg
new file mode 100644
index 000000000..a86159698
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/settings.svg
@@ -0,0 +1,23 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0476 9.31178C70.2493 9.31178 75.0795 12.1005 77.6803 16.6155L92.7281 42.6963C95.329 47.2113 95.329 52.7887 92.7281 57.3037L77.6803 83.3845C75.0795 87.8995 70.2493 90.6882 65.0476 90.6882H34.9521C29.7504 90.6882 24.9203 87.8995 22.3194 83.3845L7.27163 57.3037C4.67078 52.7887 4.67078 47.2113 7.27163 42.6963L22.3194 16.6155C24.9203 12.1005 29.7504 9.31178 34.9521 9.31178H65.0476ZM65.0476 4H34.9521C27.8396 4 21.2578 7.79792 17.7016 13.9596L2.6538 40.0404C-0.902467 46.2021 -0.902467 53.7979 2.6538 59.9596L17.7016 86.0404C21.2578 92.2021 27.8396 96 34.9521 96H65.0476C72.1602 96 78.7419 92.2021 82.2982 86.0404L97.3459 59.9596C100.902 53.7979 100.902 46.2021 97.3459 40.0404L82.2716 13.9596C78.7419 7.79792 72.1602 4 65.0476 4Z" fill="#ebe9e4"/>
+<path d="M50 72.0704C37.9246 72.0704 28.1051 62.2436 28.1051 50.1593C28.1051 38.0751 37.9246 28.2483 50 28.2483C62.0754 28.2483 71.8949 38.0751 71.8949 50.1593C71.8949 62.2436 62.0754 72.0704 50 72.0704ZM50 36.2159C42.3036 36.2159 36.0669 42.4838 36.0669 50.1593C36.0669 57.8349 42.3302 64.1028 50 64.1028C57.6699 64.1028 63.9331 57.8349 63.9331 50.1593C63.9331 42.4838 57.6699 36.2159 50 36.2159Z" fill="#ebe9e4"/>
+<path d="M50 35.8441C47.7972 35.8441 46.0191 34.0647 46.0191 31.8603V28.4873C46.0191 26.2829 47.7972 24.5035 50 24.5035C52.2028 24.5035 53.9809 26.2829 53.9809 28.4873V31.8603C53.9809 34.0647 52.2028 35.8441 50 35.8441Z" fill="#ebe9e4"/>
+<path d="M58.9968 38.5531C58.2537 38.5531 57.5106 38.3407 56.8206 37.9157C54.9894 36.7206 54.4586 34.2506 55.6529 32.418L57.6699 29.3106C58.8641 27.4781 61.3323 26.9469 63.1635 28.142C64.9947 29.3372 65.5255 31.8072 64.3312 33.6397L62.3142 36.7471C61.5711 37.9157 60.2973 38.5531 58.9968 38.5531Z" fill="#ebe9e4"/>
+<path d="M65.7378 45.5116C64.3843 45.5116 63.0839 44.821 62.3408 43.5993C61.1996 41.7136 61.81 39.2702 63.6943 38.1282L67.0382 36.1097C68.9225 34.9677 71.3641 35.5785 72.5053 37.4642C73.6465 39.3499 73.0361 41.7933 71.1518 42.9353L67.8079 44.9538C67.1444 45.3256 66.4278 45.5116 65.7378 45.5116Z" fill="#ebe9e4"/>
+<path d="M32.0064 54.515H27.9724C25.7696 54.515 23.9915 52.7356 23.9915 50.5312C23.9915 48.3268 25.7696 46.5473 27.9724 46.5473H32.0064C34.2091 46.5473 35.9873 48.3268 35.9873 50.5312C35.9873 52.7356 34.2091 54.515 32.0064 54.515Z" fill="#ebe9e4"/>
+<path d="M69.0817 65.537C68.3917 65.537 67.7017 65.3511 67.0648 64.9792L63.2696 62.7217C61.3854 61.6062 60.7484 59.1628 61.8631 57.2506C62.9777 55.3649 65.4193 54.7275 67.3302 55.843L71.1253 58.1005C73.0096 59.2159 73.6465 61.6594 72.5319 63.5716C71.7622 64.8464 70.4353 65.537 69.0817 65.537Z" fill="#ebe9e4"/>
+<path d="M34.2622 45.5116C33.5722 45.5116 32.8556 45.3257 32.1921 44.9273L28.8482 42.9088C26.9639 41.7668 26.3535 39.3233 27.4947 37.4377C28.6359 35.552 31.0775 34.9411 32.9618 36.0832L36.3057 38.1016C38.19 39.2437 38.8004 41.6871 37.6592 43.5728C36.9161 44.8476 35.6157 45.5116 34.2622 45.5116Z" fill="#ebe9e4"/>
+<path d="M40.7909 38.7656C39.3843 38.7656 38.0043 37.9954 37.2877 36.6675L35.483 33.321C34.448 31.3822 35.1646 28.9654 37.1019 27.9296C39.0393 26.8938 41.4544 27.6109 42.4894 29.5497L44.2941 32.8961C45.3291 34.8349 44.6125 37.2517 42.6752 38.2875C42.0648 38.6063 41.4278 38.7656 40.7909 38.7656Z" fill="#ebe9e4"/>
+<path d="M72.0276 54.515H67.9936C65.7909 54.515 64.0127 52.7356 64.0127 50.5312C64.0127 48.3268 65.7909 46.5473 67.9936 46.5473H72.0276C74.2303 46.5473 76.0085 48.3268 76.0085 50.5312C76.0085 52.7356 74.2303 54.515 72.0276 54.515Z" fill="#ebe9e4"/>
+<path d="M61.0138 73.6109C59.6603 73.6109 58.3333 72.9203 57.5902 71.6455L55.3344 67.8476C54.2198 65.9619 54.8302 63.5185 56.741 62.3765C58.6253 61.261 61.0669 61.8718 62.2081 63.7841L64.4639 67.582C65.5786 69.4677 64.9682 71.9111 63.0573 73.0531C62.3938 73.425 61.7038 73.6109 61.0138 73.6109Z" fill="#ebe9e4"/>
+<path d="M50 76.5589C47.7972 76.5589 46.0191 74.7795 46.0191 72.5751V68.0866C46.0191 65.8822 47.7972 64.1028 50 64.1028C52.2028 64.1028 53.9809 65.8822 53.9809 68.0866V72.5751C53.9809 74.7795 52.2028 76.5589 50 76.5589Z" fill="#ebe9e4"/>
+<path d="M30.9183 65.537C29.5648 65.537 28.2643 64.8464 27.5212 63.6247C26.3801 61.739 26.9905 59.2956 28.8747 58.1536L32.2187 56.1351C34.103 54.9931 36.5446 55.6039 37.6858 57.4896C38.827 59.3753 38.2166 61.8187 36.3323 62.9607L32.9883 64.9792C32.3514 65.351 31.6348 65.537 30.9183 65.537Z" fill="#ebe9e4"/>
+<path d="M38.9862 73.6108C38.2962 73.6108 37.6062 73.4249 36.9692 73.0531C35.0849 71.9376 34.448 69.4942 35.5626 67.582L37.8185 63.7841C38.9331 61.8984 41.3747 61.261 43.2856 62.3764C45.1699 63.4919 45.8068 65.9353 44.6921 67.8476L42.4363 71.6455C41.6667 72.9203 40.3397 73.6108 38.9862 73.6108Z" fill="#ebe9e4"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#ebe9e4" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/store.svg b/tetrio/.config/eww/images/svg/store.svg
new file mode 100644
index 000000000..da1843cc2
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/store.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0479 9.31178C70.2496 9.31178 75.0797 12.1005 77.6806 16.6155L92.7283 42.6963C95.3292 47.2113 95.3292 52.7887 92.7283 57.3037L77.6806 83.3845C75.0797 87.8995 70.2496 90.6882 65.0479 90.6882H34.9523C29.7506 90.6882 24.9205 87.8995 22.3196 83.3845L7.27184 57.3037C4.67099 52.7887 4.67099 47.2113 7.27184 42.6963L22.3196 16.6155C24.9205 12.1005 29.7506 9.31178 34.9523 9.31178H65.0479ZM65.0479 4H34.9523C27.8398 4 21.258 7.79792 17.7018 13.9596L2.65401 40.0404C-0.902257 46.2021 -0.902257 53.7979 2.65401 59.9596L17.7018 86.0404C21.258 92.2021 27.8398 96 34.9523 96H65.0479C72.1604 96 78.7421 92.2021 82.2984 86.0404L97.3462 59.9596C100.902 53.7979 100.902 46.2021 97.3462 40.0404L82.2719 13.9596C78.7421 7.79792 72.1604 4 65.0479 4Z" fill="#ebe9e4"/>
+<path d="M69.3737 62.5889H35.828C33.6253 62.5889 31.8471 60.8095 31.8471 58.6051V36.8799L26.1412 31.7009C24.5223 30.2136 24.3896 27.7171 25.8758 26.0704C27.362 24.4503 29.8567 24.3175 31.5021 25.8048L38.5085 32.1524C39.3312 32.8961 39.8089 33.985 39.8089 35.1005V54.6212H65.3928V43.1478L49.2038 40.97C47.0276 40.6778 45.4883 38.6593 45.7803 36.4815C46.0722 34.3037 48.0626 32.7633 50.2654 33.0554L69.9045 35.6847C71.8684 35.9503 73.3546 37.6501 73.3546 39.642V58.5785C73.3546 60.8095 71.5764 62.5889 69.3737 62.5889Z" fill="#ebe9e4"/>
+<path d="M65.1274 75.2309C67.326 75.2309 69.1083 73.4473 69.1083 71.2471C69.1083 69.0469 67.326 67.2633 65.1274 67.2633C62.9288 67.2633 61.1465 69.0469 61.1465 71.2471C61.1465 73.4473 62.9288 75.2309 65.1274 75.2309Z" fill="#ebe9e4"/>
+<path d="M39.1189 75.2309C41.3175 75.2309 43.0998 73.4473 43.0998 71.2471C43.0998 69.0469 41.3175 67.2633 39.1189 67.2633C36.9203 67.2633 35.138 69.0469 35.138 71.2471C35.138 73.4473 36.9203 75.2309 39.1189 75.2309Z" fill="#ebe9e4"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#ebe9e4" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/tournaments.svg b/tetrio/.config/eww/images/svg/tournaments.svg
new file mode 100644
index 000000000..54cd13c1f
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/tournaments.svg
@@ -0,0 +1,13 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0474 9.31178C70.2491 9.31178 75.0792 12.1005 77.6801 16.6155L92.7278 42.6963C95.3287 47.2113 95.3287 52.7887 92.7278 57.3037L77.6801 83.3845C75.0792 87.8995 70.2491 90.6882 65.0474 90.6882H34.9518C29.7501 90.6882 24.92 87.8995 22.3191 83.3845L7.27133 57.3037C4.67048 52.7887 4.67048 47.2113 7.27133 42.6963L22.3191 16.6155C24.92 12.1005 29.7501 9.31178 34.9518 9.31178H65.0474V9.31178ZM65.0474 4H34.9518C27.8393 4 21.2575 7.79792 17.7013 13.9596L2.6535 40.0404C-0.902768 46.2021 -0.902768 53.7979 2.6535 59.9596L17.7013 86.0404C21.2575 92.2021 27.8393 96 34.9518 96H65.0474C72.1599 96 78.7416 92.2021 82.2979 86.0404L97.3457 59.9596C100.902 53.7979 100.902 46.2021 97.3457 40.0404L82.2713 13.9596C78.7416 7.79792 72.1599 4 65.0474 4Z" fill="#ebe9e4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.3119 52.4749C24.9451 51.108 24.9451 48.892 26.3119 47.5251L47.5251 26.3119C48.8919 24.9451 51.108 24.9451 52.4749 26.3119L73.6881 47.5251C75.0549 48.892 75.0549 51.108 73.6881 52.4749L52.4749 73.6881C51.108 75.0549 48.8919 75.0549 47.5251 73.6881L26.3119 52.4749ZM33.7365 50L50 66.2635L66.2634 50L50 33.7365L33.7365 50Z" fill="#ebe9e4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.5251 27.5251C28.892 26.1583 31.108 26.1583 32.4749 27.5251L72.4749 67.5251C73.8417 68.892 73.8417 71.108 72.4749 72.4749C71.108 73.8417 68.892 73.8417 67.5251 72.4749L27.5251 32.4749C26.1583 31.108 26.1583 28.892 27.5251 27.5251Z" fill="#ebe9e4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M72.4749 27.5251C73.8417 28.892 73.8417 31.108 72.4749 32.4749L32.4749 72.4749C31.108 73.8417 28.892 73.8417 27.5251 72.4749C26.1583 71.108 26.1583 68.892 27.5251 67.5251L67.5251 27.5251C68.892 26.1583 71.108 26.1583 72.4749 27.5251Z" fill="#ebe9e4"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#ebe9e4" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/svg/wiki.svg b/tetrio/.config/eww/images/svg/wiki.svg
new file mode 100644
index 000000000..58997871e
--- /dev/null
+++ b/tetrio/.config/eww/images/svg/wiki.svg
@@ -0,0 +1,12 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M65.0482 9.31178C70.2499 9.31178 75.08 12.1005 77.6809 16.6155L92.7287 42.6963C95.3295 47.2113 95.3295 52.7887 92.7287 57.3037L77.6809 83.3845C75.08 87.8995 70.2499 90.6882 65.0482 90.6882H34.9526C29.7509 90.6882 24.9208 87.8995 22.3199 83.3845L7.27217 57.3037C4.67132 52.7887 4.67132 47.2113 7.27217 42.6963L22.3199 16.6155C24.9208 12.1005 29.7509 9.31178 34.9526 9.31178H65.0482ZM65.0482 4H34.9526C27.8401 4 21.2584 7.79792 17.7021 13.9596L2.65433 40.0404C-0.901929 46.2021 -0.901929 53.7979 2.65433 59.9596L17.7021 86.0404C21.2584 92.2021 27.8401 96 34.9526 96H65.0482C72.1607 96 78.7425 92.2021 82.2987 86.0404L97.3465 59.9596C100.903 53.7979 100.903 46.2021 97.3465 40.0404L82.2722 13.9596C78.7424 7.79792 72.1607 4 65.0482 4Z" fill="#ebe9e4"/>
+<path d="M50 48.3799C44.1348 48.3799 39.3843 43.6259 39.3843 37.7563C39.3843 31.8868 44.1348 27.1328 50 27.1328C55.8652 27.1328 60.6157 31.8868 60.6157 37.7563C60.6157 43.6259 55.8652 48.3799 50 48.3799ZM50 35.1005C48.5403 35.1005 47.3461 36.2956 47.3461 37.7563C47.3461 39.2171 48.5403 40.4122 50 40.4122C51.4596 40.4122 52.6539 39.2171 52.6539 37.7563C52.6539 36.2956 51.4596 35.1005 50 35.1005Z" fill="#ebe9e4"/>
+<path d="M38.7208 72.8672C37.7123 72.8672 36.6773 72.4688 35.9076 71.6986L24.7611 60.5439C23.1953 58.9769 23.1953 56.4538 24.7611 54.9134C26.327 53.3464 28.8482 53.3464 30.3875 54.9134L38.7208 63.2529L47.0807 54.8868C48.6465 53.3198 51.1677 53.3198 52.707 54.8868L61.0138 63.1997L69.4267 54.7806C70.9925 53.2136 73.5138 53.2136 75.053 54.7806C76.6189 56.3476 76.6189 58.8706 75.053 60.4111L63.8004 71.672C62.2346 73.239 59.7134 73.239 58.1741 71.672L49.8673 63.3591L41.5074 71.7251C40.7643 72.4688 39.7558 72.8672 38.7208 72.8672Z" fill="#ebe9e4"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="100" height="92" fill="#ebe9e4" transform="translate(0 4)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/tetrio/.config/eww/images/wallpaper/wallpaper b/tetrio/.config/eww/images/wallpaper/wallpaper
new file mode 100755
index 000000000..3ac6974ee
Binary files /dev/null and b/tetrio/.config/eww/images/wallpaper/wallpaper differ
diff --git a/tetrio/.config/eww/modules/activewindow.yuck b/tetrio/.config/eww/modules/activewindow.yuck
new file mode 100755
index 000000000..4a3aa366e
--- /dev/null
+++ b/tetrio/.config/eww/modules/activewindow.yuck
@@ -0,0 +1,21 @@
+(defwidget activewindow []
+  (eventbox
+    (box
+      :space-evenly false
+      :class "activewin"
+      (label
+        :limit-width 50
+        :text "➜ "
+      )
+      (revealer
+        :transition "slideright"
+        :reveal "${!music_reveal}"
+        :duration "300ms"
+        (label
+          :limit-width 50
+          :text "${awin}"
+        )
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/tetrio/.config/eww/modules/audiolevels.yuck b/tetrio/.config/eww/modules/audiolevels.yuck
new file mode 100755
index 000000000..f7895f32b
--- /dev/null
+++ b/tetrio/.config/eww/modules/audiolevels.yuck
@@ -0,0 +1,71 @@
+(defwidget audiolevels[]
+  (box
+    :space-evenly false
+    :orientation "v"
+    :class "sliders"
+    (label
+      :text "Volume mixer"
+      :xalign 0
+      :style "font-weight: bold;"
+    )
+    (for i in audiojson
+      (eventbox
+        :onscroll "pactl set-sink-input-volume ${i.sink} $(echo {} | sed -e \"s/up/+10/g\" -e \"s/down/-10/g\")%"
+        :onrightclick "pactl set-sink-input-volume ${i.sink} 100%"
+        (box
+          :space-evenly false
+          :orientation "v"
+          ; (label :class "time" :text "DEBUG:${i}")
+          (centerbox
+            :space-evenly false
+            :orientation "h"
+            ; :halign "center"
+            (label
+              :xalign 0
+              :class "audiotext"
+              :limit-width 42
+              :style "font-size: 13pt; padding-bottom: 2px;"
+              :text "${i.name} (#${i.sink})"
+            )
+            (label
+              :xalign 0
+              :class "audiotext"
+              :limit-width 30
+              :style "font-size: 13pt; padding-bottom: 2px;"
+              :text ""
+            )
+            (box :orientation "v"
+              (label
+                :xalign 1
+                :class "audiotext"
+                :style "font-size: 13pt; padding-bottom: 2px;"
+                :text "${i.volume}%"
+              )
+            )
+          )
+          (box
+            :class "volume-slider-box"
+            :space-evenly false
+            (eventbox
+              ; :class "volume-icon"
+              :onclick "pactl set-sink-input-volume ${i.sink} 0%"
+              :onscroll "pactl set-sink-input-volume ${i.sink} $(echo {} | sed -e \"s/up/+10/g\" -e \"s/down/-10/g\")%"
+              :onrightclick "pactl set-sink-input-volume ${i.sink} 100%"
+              (label
+                :style "font-family: 'Material Symbols Outlined';"
+                :text "${volume.icon}"
+              )
+            )
+            (scale
+              :class "sliderbg"
+              :value {i.volume}
+              :class "volume-bar slider"
+              :onchange "pactl set-sink-input-volume ${i.sink} {}%"
+              :tooltip "${i.name}: ${i.volume}%"
+            )
+          )
+        )
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/tetrio/.config/eww/modules/bluetooth.yuck b/tetrio/.config/eww/modules/bluetooth.yuck
new file mode 100755
index 000000000..bb84e9668
--- /dev/null
+++ b/tetrio/.config/eww/modules/bluetooth.yuck
@@ -0,0 +1,13 @@
+(defwidget bluetooth []
+  (eventbox
+    :onrightclick "gnome-control-center bluetooth"
+    (button
+      :class "module-bt module icon"
+      :onclick "blueberry"
+      :onrightclick "gnome-control-center bluetooth"
+      :tooltip "${bluetooth.text} ${bluetooth.batt_icon}"
+      :style "color: ${bluetooth.color};"
+      {bluetooth.icon}
+    )
+  )
+)
diff --git a/tetrio/.config/eww/modules/bright.yuck b/tetrio/.config/eww/modules/bright.yuck
new file mode 100755
index 000000000..d45bfcaaf
--- /dev/null
+++ b/tetrio/.config/eww/modules/bright.yuck
@@ -0,0 +1,15 @@
+(defwidget bright []
+  (box
+    :class "module"
+    (eventbox
+      :class "bright-icon"
+      :onscroll "echo $(echo {} | sed -e 's/down/-U 5/g' -e 's/up/-A 5/g' | xargs light) && scripts/bright osd"
+      (label
+        :valign "start"
+        :text {brightness.icon}
+        :class "bright-icon icon"
+        :tooltip "brightness ${round(brightness.level, 0)}%"
+      )
+    )
+  )
+)
diff --git a/tetrio/.config/eww/modules/clock.yuck b/tetrio/.config/eww/modules/clock.yuck
new file mode 100755
index 000000000..0e2ca4ca8
--- /dev/null
+++ b/tetrio/.config/eww/modules/clock.yuck
@@ -0,0 +1,53 @@
+(defwidget clock_module []
+  (eventbox
+    :onhover "${EWW_CMD} update date_rev=true"
+    :onhoverlost "${EWW_CMD} update popup='none' && ${EWW_CMD} update date_rev=false"
+    :onclick "${EWW_CMD} update popup='calendar'"
+    :class "${popup == 'calendar' ? 'calendar-win' : ''}"
+    :style "${rev_ontf ? 'background-color: #838383;' : ''}"
+    ; clock-module
+    (box
+      :space-evenly false
+      :orientation "v"
+      (box
+        :class "module"
+        :valign "start"
+        :orientation "v"
+        :style "min-width: 115px;"
+        (box
+          :space-evenly false
+          :halign "start"
+          (label :text "${time.hour}" :class "clock hour")
+          (label :text ":" :class "clock")
+          (label :text {time.minute} :class "clock minute")
+        )
+        (button
+          :style "background"
+          :halign "start"
+          :valign "start"
+          :class "date-clock"
+          :onclick "${EWW_CMD} update popup='calendar'"
+          "${time.day}, ${time.date}"
+        )
+        
+      )
+      (revealer
+        :reveal "${popup == 'calendar'}"
+        :transition "slideright"
+        :duration "0ms"
+        (revealer
+          :reveal "${popup == 'calendar'}"
+          :transition "crossfade"
+          :duration "0ms"
+          (revealer
+            :reveal "${popup == 'calendar'}"
+            :transition "slidedown"
+            :duration "0ms"
+            (calendar)
+          )
+        )
+      )
+    )
+  )
+)
+
diff --git a/tetrio/.config/eww/modules/editmode.yuck b/tetrio/.config/eww/modules/editmode.yuck
new file mode 100755
index 000000000..66c7da697
--- /dev/null
+++ b/tetrio/.config/eww/modules/editmode.yuck
@@ -0,0 +1,15 @@
+(defwidget editmode []
+  (eventbox
+    :onscroll "hyprctl dispatch splitratio $(echo {} | sed -e \"s/up/-0.1/g\" -e \"s/down/+0.1/g\")"
+    :cursor "col-resize"
+    :onmiddleclick "scripts/toggle-compactmode.sh"
+    :onrightclick "scripts/toggle-compactmode.sh --enable --border 0"
+    (checkbox
+      :class "edit-mode-checkbox edit-mode-checkbox-${editing}"
+      :onchecked "scripts/editmode.sh enable"
+      :onunchecked "scripts/editmode.sh disable"
+      :tooltip "Edit mode (middle-click to move, right-click to resize windows)"
+      (label :class "icon editmode" :text "")
+    )
+  )
+)
\ No newline at end of file
diff --git a/tetrio/.config/eww/modules/music.yuck b/tetrio/.config/eww/modules/music.yuck
new file mode 100755
index 000000000..b62027458
--- /dev/null
+++ b/tetrio/.config/eww/modules/music.yuck
@@ -0,0 +1,37 @@
+(defwidget osu-music-module []
+  (eventbox
+    :class "dummy-${mcover}" ; Dummy class to keep the listener active
+    :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+    :onclick "scripts/toggle-music.sh &"
+    :onmiddleclick "playerctl play-pause"
+    :onrightclick "playerctl next"
+    :onhover "${EWW_CMD} update music_hover=true"
+    :onhoverlost "${EWW_CMD} update music_hover=false"
+    (box
+      :space-evenly false
+      :class "module module-music"
+      (box
+        :class "icon-music icon-square-${music_hover || music_open}"
+        (label :class "icon button-${music_hover || music_open}" :text "")
+      )
+      ; Song name
+      (revealer
+        :transition "slideright"
+        :reveal "${music_reveal || osd_vol}"
+        :duration "300ms"
+        :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+        :limit-width 20
+        (eventbox
+          :class "music-ctl-revealer music-ctl-revealer-${music_hover || music_open}"
+          :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+          (label
+            :class "music-title-bar"
+            :limit-width 50
+            ; :style "color: ${mcover.color.colors.color4};"
+            :text "${mname == '' ? 'Not playing' : mname}"
+          )
+        )
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/tetrio/.config/eww/modules/net.yuck b/tetrio/.config/eww/modules/net.yuck
new file mode 100755
index 000000000..4a9adad73
--- /dev/null
+++ b/tetrio/.config/eww/modules/net.yuck
@@ -0,0 +1,19 @@
+(defwidget net []
+  (box
+    :class "module"
+    (eventbox
+      :class "net-icon"
+      :onclick "iwgtk &"
+      :onrightclick "gnome-control-center network &"
+      :tooltip {net.essid}
+      ; :style "color: ${net.color};"
+      (label
+        :valign "start"
+        :text {net.icon}
+        :class "net-icon"
+        :tooltip {net.essid}
+        ; :style "color: ${net.color};"
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/tetrio/.config/eww/modules/sys.yuck b/tetrio/.config/eww/modules/sys.yuck
new file mode 100755
index 000000000..d20117071
--- /dev/null
+++ b/tetrio/.config/eww/modules/sys.yuck
@@ -0,0 +1,464 @@
+(defwidget rectangular-progress
+  [value]
+  (box
+    :orientation "h"
+    :space-evenly false
+    :class "rect-progress-box"
+    (box
+      :orientation "h"
+      :space-evenly false
+      (scale
+        :class "rect-progress-h-u"
+        :orientation "h"
+        :value "${value <= 25 ? (value * 4) : 100}"
+      )
+      (scale
+        :class "rect-progress-v-r"
+        :orientation "v"
+        :value "${value > 25 ? (value <= 50 ? ((value - 25) * 4) : 100) : 0}"
+      )
+      (scale
+        :flipped true
+        :class "rect-progress-h-d"
+        :orientation "h"
+        :value "${value > 50 ? (value <= 75 ? ((value - 50) * 4) : 100) : 0}"
+      )
+      (scale
+        :flipped true
+        :class "rect-progress-v-l"
+        :orientation "v"
+        :value "${value > 75 ? ((value - 75) * 4) : 0}"
+      )
+      ; (scale
+        ;   :class "rect-progress"
+        ;   :orientation "h"
+        ;   ; :value "${value > 50 ? (value <= 75 ? ((value - 50) * 4) : 100) : 0}"
+        ;   :value "${value}"
+      ; )
+      ; (scale
+        ;   :class "rect-progress"
+        ;   :orientation "v"
+        ;   ; :value "${value > 75 ? (value - 75 * 4) : 0}"
+        ;   :value "${value}"
+      ; )
+    )
+  )
+)
+
+(defwidget sys []
+  (eventbox
+    :class "${popup == 'system-menu' ? 'system-menu-box' : 'sysbar'}"
+    ; :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+    :onhover "${EWW_CMD} update sys_rev=true"
+    :onclick "${EWW_CMD} update popup='system-menu'"
+    :onhoverlost "${EWW_CMD} update popup='none' sys_rev=false"
+    :onrightclick "${EWW_CMD} update force_sys_rev=${!force_sys_rev}"
+    :onmiddleclick "${EWW_CMD} open --toggle overview"
+    (box
+      :space-evenly false
+      :orientation "v"
+      (box
+        :class ""
+        :space-evenly false
+        :spacing 5
+        :halign "end"
+        (syscpu)
+        (sysmem)
+        (sysbatt)
+        ; (settingscog)
+      )
+      (revealer
+        :reveal "${popup == 'system-menu'}"
+        :transition "slideright"
+        :duration "0ms"
+        (revealer
+          :reveal "${popup == 'system-menu'}"
+          :transition "crossfade"
+          :duration "0ms"
+          (revealer
+            :reveal "${popup == 'system-menu'}"
+            :transition "slidedown"
+            :duration "0ms"
+            (box
+              :space-evenly false
+              (eventbox
+                ; :onhoverlost "${EWW_CMD} update popup='none'"
+                (box
+                  ; :class "system-menu-box"
+                  :space-evenly false
+                  :orientation "v"
+                  (box
+                    :class "top-row"
+                    :space-evenly false
+                    (label :class "time" :text "${time.hour}:${time.minute}")
+                    (box
+                      :class "date-box"
+                      :space-evenly false
+                      (label :class "date" :text "${time.day},")
+                      (label :class "date" :text "${time.date}")
+                    )
+                  )
+                  
+                  (box
+                    :class "system-row"
+                    :space-evenly false
+                    (box
+                      :class "wifi-box"
+                      :space-evenly false
+                      :orientation "v"
+                      (box
+                        :class "element"
+                        :space-evenly false
+                        (button
+                          ; :class "wifi-button"
+                          :onclick "scripts/net toggle"
+                          :style "font-family: Material Symbols Outlined;"
+                          {net.icon}
+                        )
+                        (label :class "separator" :text "|")
+                        (button
+                          :class "wifi-arrow-btn"
+                          :style "font-family: Material Symbols Outlined;"
+                          :onclick "nm-connection-editor &"
+                          ""
+                        )
+                      )
+                      (label :style "font-size: 12pt;" :class "sys-toggle" :text {net.essid} :xalign 0.5 :limit-width 15)
+                    )
+                    
+                    (box
+                      :class "bluetooth-box"
+                      :space-evenly false
+                      :orientation "v"
+                      (box
+                        :class "element icon"
+                        :space-evenly false
+                        (button
+                          :class "bluetooth-button"
+                          :onclick "scripts/bluetooth toggle"
+                          :style "font-family: 'Material Symbols Outlined';"
+                          {bluetooth.icon}
+                        )
+                        (label :class "separator" :text "|")
+                        (button
+                          :class "bluetooth-arrow-btn"
+                          :onclick "blueberry"
+                          ""
+                        )
+                      )
+                      (label
+                        :style "font-size: 12pt;"
+                        :text {bluetooth.text}
+                        :xalign 0.5
+                        :class "sys-toggle"
+                        :tooltip "${bluetooth.text} ${bluetooth.batt_icon}"
+                        :limit-width 15
+                      )
+                    )
+                    
+                    (box
+                      :class "airplane-box"
+                      :space-evenly false
+                      :orientation "v"
+                      (box
+                        :class "element"
+                        (button
+                          :class "airplane-button"
+                          :onclick "scripts/airplane toggle"
+                          airplane
+                        )
+                      )
+                      (label :style "font-size: 12pt;" :text "Airplane Mode" :xalign 0.5 :limit-width 16)
+                    )
+                    
+                    (box
+                      :space-evenly false
+                      :orientation "v"
+                      (box
+                        :class "element"
+                        (button
+                          :halign "end"
+                          :onclick "wlogout -p layer-shell &"
+                          ""
+                        )
+                      )
+                      (label
+                        :style "font-size: 12pt;"
+                        :text "Power"
+                        :class "sys-toggle"
+                        :xalign 0.5
+                        :limit-width 16
+                      )
+                    )
+                  )
+                  (audiolevels)
+                  (box
+                    :class "system-info-box"
+                    :style "margin-bottom: 17px;"
+                    ; cpu
+                    (box
+                      :class "sys-box"
+                      :space-evenly false
+                      :halign "start"
+                      (circular-progress
+                        :value "${EWW_CPU.avg}"
+                        :class "sys-cpu"
+                        :thickness 3
+                        (label
+                          :text ""
+                        :class "sys-icon-cpu icon")
+                      )
+                      (box
+                        :orientation "v"
+                        :vexpand false
+                        (label
+                          :text "CPU"
+                          :halign "start"
+                          :class "sys-text-cpu"
+                          :style "font-size: 12pt;"
+                        )
+                        (label
+                          :text "${round(EWW_CPU.avg,2)}%"
+                          :halign "start"
+                          :class "sys-text-sub"
+                          :style "font-size: 12pt;"
+                        )
+                        (label
+                          :text "${EWW_CPU.cores[0].freq} MHz"
+                          :halign "start"
+                          :class "sys-text-sub"
+                          :style "font-size: 12pt;"
+                        )
+                      )
+                    )
+                    
+                    ; memory
+                    (box
+                      :class "sys-box"
+                      :space-evenly false
+                      :halign "end"
+                      (circular-progress
+                        :value {memory.percentage}
+                        :class "sys-mem"
+                        :thickness 3
+                        (label
+                          :text ""
+                          :class "sys-icon-mem icon"
+                        )
+                      )
+                      (box
+                        :orientation "v"
+                        (label :style "font-size: 12pt;" :text "Memory" :halign "start" :class "sys-text-mem")
+                        (label :style "font-size: 12pt;" :text "${memory.used} / ${memory.total}" :halign "start" :class "sys-text-sub")
+                        (label :style "font-size: 12pt;" :text "Swap ${memory.swapused} / ${memory.swaptotal}" :halign "start" :class "sys-text-sub")
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget syscpu []
+  (revealer
+    :reveal "${(popup == 'system-menu' || force_sys_rev || EWW_CPU.avg>= 50) && !right_hover}"
+    :transition "slideleft"
+    :duration "300ms"
+    :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+    (eventbox
+      :class "cpubar"
+      :space-evenly false
+      :onclick "${EWW_CMD} update popup='system-menu'"
+      (box
+        :class "cpubar"
+        :space-evenly false
+        (circular-progress
+          :value "${EWW_CPU.avg}"
+          :class "cpubar-circle"
+          :thickness 4
+          :start-at 75
+          (button
+            :tooltip "CPU: ${round(EWW_CPU.avg,0)}%"
+            :onclick "${EWW_CMD} update popup='system-menu'"
+            :class "inside-circle"
+            (label :class "icon-text" :text "")
+          )
+        )
+        (revealer
+          :transition "slideright"
+          :reveal "${sys_rev || popup == 'system-menu' || force_sys_rev  || EWW_CPU.avg>= 50}"
+          :duration "300ms"
+          :class "sys-menu"
+          :onclick "${EWW_CMD} update popup='system-menu'"
+          (cpumenu)
+        )
+      )
+    )
+  )
+)
+
+(defwidget sysmem []
+  (eventbox
+    :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+    :class "membar"
+    :space-evenly false
+    :onclick "${EWW_CMD} update popup='system-menu'"
+    (box
+      :class "membar"
+      :space-evenly false
+      :onclick "${EWW_CMD} update popup='system-menu'"
+      (box
+        :class "icon-square icon-mem"
+        :space-evenly false
+        (circular-progress
+          :value {memory.percentage}
+          :class "membar-circle"
+          :thickness 4
+          :start-at 75
+          (button
+            :class "inside-circle"
+            :tooltip "RAM: ${round(memory.percentage,0)}%"
+            :onclick "${EWW_CMD} update popup='system-menu'"
+            (label :class "icon-text" :text "")
+          )
+        )
+      )
+      ; Separate swap usage circle
+      ; (circular-progress
+        ;   :value {memory.swappercentage}
+        ;   :class "membar"
+        ;   :thickness 2
+        ;   :start-at 75
+        ;   (button
+          ;     :tooltip "Swap: ${round(memory.swappercentage,0)}%"
+          ;     :onclick "${EWW_CMD} update popup='system-menu'"
+          ;     (label :class "icon-text" :text "")
+        ;   )
+      ; )
+      (revealer
+        :transition "slideright"
+        :reveal "${sys_rev || popup == 'system-menu' || force_sys_rev || memory.percentage + memory.swappercentage >= 120}"
+        :duration "300ms"
+        :class "sys-menu"
+        :onclick "${EWW_CMD} update popup='system-menu'"
+        (memmenu)
+      )
+    )
+  )
+)
+
+(defwidget sysbatt []
+  (eventbox
+    :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+    :class "batbar"
+    :space-evenly false
+    :onclick "${EWW_CMD} update popup='system-menu'"
+    (box
+      :class "batbar"
+      :space-evenly false
+      :onclick "${EWW_CMD} update popup='system-menu'"
+      ; (box
+        ;   ; :style " min-width: 100px;"
+        ;   (rectangular-progress
+          ;     :value "${volume.percent}"
+        ;   )
+      ; )
+      (box
+        :class "icon-batt"
+        :style "background-color: $colorbatt;"
+        (circular-progress
+          :value "${EWW_BATTERY["BATT"].capacity}"
+          :class "batbar-circle"
+          :thickness 4
+          :start-at 75
+          :style "border-radius: 99px;"
+          (button
+            :class "inside-circle"
+            :tooltip "Battery: ${EWW_BATTERY["BATT"].capacity}%"
+            :onclick "${EWW_CMD} update popup='system-menu'"
+            :style "border-radius: 99px; background-color: ${battery.bgcolor};"
+            (label :class "icon-text" :text "")
+          )
+        )
+      )
+      (revealer
+        :transition "slideright"
+        :reveal true
+        :duration "300ms"
+        :class "sys-menu"
+        (sysmenu)
+      )
+    )
+  )
+)
+
+(defwidget cpumenu[]
+  (eventbox
+    :class "cpu-menu"
+    :onclick "${EWW_CMD} update popup='system-menu'"
+    (box
+      :orientation "h"
+      :space-evenly false
+      (label :class "cpu-menu icon" :text "")
+      (label :class "cpu-menu" :text "${round(EWW_CPU.avg,0)}%")
+    )
+  )
+)
+
+(defwidget memmenu[]
+  (eventbox
+    ; :class "mem-menu"
+    :onclick "${EWW_CMD} update popup='system-menu'"
+    (box
+      ; :class "mem-menu"
+      :space-evenly false
+      (label :class "mem-menu-left" :text "")
+      (label :class "mem-menu-left" :text "${memory.used}")
+      (label :class "mem-menu-mid" :text "")
+      (label :class "mem-menu-right" :text "${memory.swapused}")
+    )
+  )
+)
+
+(defwidget sysmenu[]
+  (eventbox
+    :class "sys-menu"
+    :onclick "${EWW_CMD} update popup='system-menu'"
+    :style "color: ${battery.color}"
+    (box
+      :space-evenly false
+      (label :class "sys-menu-charge" :text "${battery.quickicon}")
+      (label :class "batt-percentage" :text "${EWW_BATTERY["BATT"].capacity}%")
+      ; (revealer
+        ;   :reveal "${popup == 'system-menu' || force_sys_rev}"
+        ;   :transition "slideright"
+        ;   :duration "300ms"
+        ;   :class "sys-menu"
+        ;   (label :class "batt-percentage" :text " | ${battery.wattage} | ${battery.status}")
+      ; )
+    )
+  )
+)
+
+(defwidget settingscog[]
+  (eventbox
+    :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+    :class "settings-icon"
+    (revealer
+      :transition "slideright"
+      :reveal true
+      :duration "300ms"
+      :onclick "${EWW_CMD} update popup='system-menu'"
+      (button
+        :class "sys-menu-button"
+        :onclick "${EWW_CMD} update popup='system-menu'"
+        " "
+      )
+    )
+  )
+)
\ No newline at end of file
diff --git a/tetrio/.config/eww/modules/user.yuck b/tetrio/.config/eww/modules/user.yuck
new file mode 100755
index 000000000..1a30d25be
--- /dev/null
+++ b/tetrio/.config/eww/modules/user.yuck
@@ -0,0 +1,16 @@
+(defwidget user []
+  (box
+    :space-evenly false
+    :orientation "h"
+    :style "padding-left: 28px; padding-right: 22px;"
+    (label 
+      :class "username"
+      :style "margin-right: 5px;"
+      :text "${username == "" ? username_default : username}"
+    )
+    (box
+      :class "userpic"
+      :style "background-image: url('/var/lib/AccountsService/icons/${username == "" ? username_default : username}');"
+    )
+  )
+)
\ No newline at end of file
diff --git a/tetrio/.config/eww/modules/variables.yuck b/tetrio/.config/eww/modules/variables.yuck
new file mode 100755
index 000000000..0957950aa
--- /dev/null
+++ b/tetrio/.config/eww/modules/variables.yuck
@@ -0,0 +1,85 @@
+; Const
+(defvar FILE_BROWSER "nautilus")
+(defvar RES_WIDTH 1920)
+(defvar RES_HEIGHT 1080)
+(defvar OVERVIEW_SCALE 0.18)
+(defvar OVERVIEW_SCALE_TEXT 0.45)
+(defvar OVERVIEW_SCALE_SUBTEXT 0.35)
+(defvar wsloop "[0, 1, 2, 3, 4, 5, 6, 7, 8, 9]")
+(defvar ws-icons '["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"]')
+
+; Vars
+(defvar music_reveal false)
+(defvar oquery "")
+(defvar rev_ostg false)
+(defvar sys_menu_open true)
+(defvar date_rev false)
+(defvar sys_rev false)
+(defvar force_sys_rev false)
+(defvar editing false)
+(defvar osd_track false)
+(defvar osd_vol false)
+(defvar osd_bright false)
+(defvar selected '')
+(defvar rev_ontf false)
+(defvar overview_hover_name "Activities Overview")
+(defvar overview_query "")
+(defvar overview_results "")
+(defvar rev_themer false)
+(defvar rev_dash false)
+(defvar open_overview false)
+(defvar popup "none")
+(defvar right_hover false)
+    (defvar ontf_hover false)
+(defvar music_hover false)
+(defvar themer_hover false)
+(defvar music_open false)
+(defvar themer_open false)
+
+; Dynamic animation: different for open and close
+(defvar anim_open_ostg true)
+(defvar anim_open_ontf true)
+(defvar anim_open_search true)
+(defvar anim_open_themer true)
+(defvar anim_open_music true)
+(defvar anim_open_dash true)
+
+; Time
+(defpoll time :interval "5s" `date +'{"date": "%d/%m", "hour": "%H", "minute": "%M", "day": "%A"}'`)
+
+; Listeners
+(deflisten airplane "scripts/airplane")
+(deflisten battery "scripts/battery")
+(deflisten bluetooth "scripts/bluetooth")
+(deflisten brightness "scripts/brightness")
+(deflisten memory "scripts/memory")
+(deflisten music "scripts/music")
+(deflisten music_cover "scripts/music cover")
+(deflisten notifications "scripts/notifications")
+(deflisten notif_icons :initial `{"icon": "󰆄", "toggle_icon": ""}` "scripts/notifications icons")
+(deflisten net "scripts/net")
+(deflisten volume "scripts/volume")
+(deflisten workspace "scripts/workspaces")
+(deflisten winjson `scripts/winlist`)
+(deflisten winicons `scripts/appicons`)
+(deflisten winnums `scripts/winnumbers`)
+(deflisten hyprjson `scripts/hyprsettings`)
+(deflisten awin `scripts/activewin`)
+(deflisten audiojson `scripts/audiolevels`)
+(deflisten mcover 'scripts/music cover')
+(deflisten mname `playerctl --follow metadata --format '{{ title }}'`) ; Workaround for music player: wont run full music script when music window not open
+(deflisten wsjsona `scripts/overview1`)
+(deflisten wsjsonb `scripts/overview2`)
+; (deflisten wsthumbs `scripts/overview-thumbnails`) ; slow, so nope
+(deflisten activews :initial 1 `scripts/activews`)
+
+(defvar username_default "end")
+(defvar quote_content `["haha pointers hee hee i love pointe-\\\nProcess Vaxry exited with signal SIGSEGV", "I have a hentai anal gif playing in my base"]`)
+(defvar quote_author `["- vaxer", "- vaxer"]`)
+
+(defpoll uptime :interval "1m" "uptime -p | sed -e 's/up //;s/ hours,/h/;s/ minutes/m/'")
+(defpoll packages :interval "5m" `pacman -Q | wc -l`)
+(defpoll kernel :interval "5m" `uname -r`)
+(defpoll username :initial "end" :interval "5m" `whoami`)
+(defpoll hostname :initial "eavouros" :interval "5m" `uname -n`)
+(defpoll wm :interval "5m" `echo $XDG_CURRENT_DESKTOP`)
\ No newline at end of file
diff --git a/tetrio/.config/eww/modules/volume.yuck b/tetrio/.config/eww/modules/volume.yuck
new file mode 100755
index 000000000..13097c774
--- /dev/null
+++ b/tetrio/.config/eww/modules/volume.yuck
@@ -0,0 +1,33 @@
+(defwidget volume-module []
+  (box
+    :class "vol-menu"
+    (eventbox
+      ; :class "vol-menu"
+      :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+      :onrightclick "pavucontrol"
+      :onclick "scripts/volume mute SINK"
+      (box
+        (label
+          ; :class "vol-menu"
+          :tooltip "volume ${volume.percent}%"
+          :style "font-family: 'Material Symbols Outlined';"
+          :text "${volume.icon}"
+          :valign "start"
+        )
+        (label :valign "start" :text "${volume.percent}%")
+      )
+    )
+    ; (volmenu)
+  )
+)
+
+(defwidget volmenu[]
+  (eventbox
+    :class "vol-menu"
+    :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+    :onrightclick "pavucontrol"
+    :onclick "scripts/volume mute SINK"
+    :valign "start"
+    (label :class "vol-menu" :text "${volume.percent}%")
+  )
+)
diff --git a/tetrio/.config/eww/modules/winctl.yuck b/tetrio/.config/eww/modules/winctl.yuck
new file mode 100755
index 000000000..7750ff9aa
--- /dev/null
+++ b/tetrio/.config/eww/modules/winctl.yuck
@@ -0,0 +1,99 @@
+(defwidget win-ws[]
+  (eventbox
+    ; :onhoverlost "${EWW_CMD} close win-workspace"
+    (box
+      :space-evenly false
+      :orientation "v"
+      :class "system-menu-box"
+      ; :style "background-color: $bg; color: #A9B1D6; padding-bottom: .6rem; background-color: ${awin == winjson[i].title ? '#7AA2F7' : '$bg'};"
+      :style "background-color: $bg; color: #A9B1D6; padding-bottom: .6rem; background-color: $bg};"
+      ; (label :text "${winjson}" ) ; DEBUG
+      (label
+        :class "winws-title"
+        :text "Activities"
+        :xalign 0.5
+      )
+      (for i in winnums
+        (eventbox
+          :class "winws-evbox"
+          :onscroll "hyprctl dispatch movetoworkspacesilent $((${winjson[i].workspace.id}$(echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\"))),address:${winjson[i].address}"
+          :onclick "hyprctl dispatch focuswindow address:${winjson[i].address} && ${EWW_CMD} close win-workspace"
+          :onmiddleclick "hyprctl dispatch closewindow address:${winjson[i].address}"
+          (centerbox ;App icon & info
+            :class "winws"
+            :space-evenly false
+            :orientation "h"
+            (box
+              :space-evenly false
+              :orientation "h"
+              (label
+                :class "appicon"
+                :style "background-image: url(\"${winicons[i]}\");"
+                :text ""
+              )
+              (box
+                :space-evenly false
+                :orientation "v"
+                (label
+                  :halign "start"
+                  :class "wintext"
+                  :text "${winjson[i].title}"
+                  :limit-width 44
+                  :xalign 0
+                )
+                (label
+                  :halign "start"
+                  :class "winsubtext"
+                  :text "${winjson[i].class}"
+                  :limit-width 35
+                  :xalign 0
+                )
+              )
+            )
+            (label
+              :class "wintext"
+              :text ""
+              :limit-width 1
+              :xalign 0
+            )
+            (box ; Workspace number
+              :space-evenly false
+              :orientation "h"
+              :halign "end"
+              :style "padding-left: 30px;"
+              (label
+                :halign "end"
+                :class "wintext"
+                ; :text "[ ${winjson[i].workspace.id} ]"
+                :xalign 1
+              )
+              (for w in wsloop
+                (button
+                  :onclick "hyprctl dispatch movetoworkspacesilent ${w+1},address:${winjson[i].address}"
+                  :class "wschoose"
+                  :style "font-size: 16pt; color: ${(winjson[i].workspace.id == w+1) ? mcover.color.colors.color7 : 'rgba(108, 112, 134, 0.5)'};"
+                  ; "hyprctl dispatch movetoworkspacesilent ${w},address:${winjson[i].address}"
+                  "${ws-icons[w]}"
+                  ; "●"
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwidget winctl []
+  (box
+    :space-evenly false
+    :orientation "h"
+    (eventbox
+      :valign "start"
+      ; :class "winctl module"
+      :onscroll "hyprctl dispatch splitratio $(echo {} | sed -e \"s/up/-0.1/g\" -e \"s/down/+0.1/g\")"
+      (label :class "winctl" :text "[ Split ]")
+    )
+  )
+)
\ No newline at end of file
diff --git a/tetrio/.config/eww/modules/workspaces.yuck b/tetrio/.config/eww/modules/workspaces.yuck
new file mode 100755
index 000000000..5e2b2ce34
--- /dev/null
+++ b/tetrio/.config/eww/modules/workspaces.yuck
@@ -0,0 +1,52 @@
+(defwidget workspaces []
+  (eventbox
+    :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    :onmiddleclick "scripts/toggle-overview.sh &"
+    :onrightclick "scripts/toggle-overview.sh &"
+    (overlay
+      ; Only displays workspace state (has windows or not)
+      (box
+        :class "workspaces"
+        :space-evenly false
+        (for i in workspace
+          (button
+            :onclick "hyprctl dispatch workspace ${i.num}"
+            :class "ws"
+            (label :class "ws-text" :style "margin-top: -6px; font-size: 32px; color: ${i.clr};" :text "◆")
+          )
+        )
+      )
+      (box
+        :class "workspaces"
+        :space-evenly false
+        (for i in workspace
+          (button
+            :onclick "hyprctl dispatch workspace ${i.num}"
+            :class "ws"
+            (label :class "ws-text" :style "font-size: 12pt;" :text "${ws-icons[i.num - 1]}")
+          )
+        )
+      )
+      ; Use a separate indicator for active workspace (animations, yay) (and more performant)
+      (button
+        :class "ws-active"
+        :style "
+        margin-left:  ${32 * (activews - 1)}px;
+        margin-right: ${32 * (10 - activews)}px;
+        "
+        (label :class "ws-active" :style "margin-top: -6px; font-size: 32px;" :text "◆")
+      )
+      (button
+        :class "ws-active"
+        :style "
+        margin-left:  ${32 * (activews - 1)}px;
+        margin-right: ${32 * (10 - activews)}px;
+        "
+        (label :class "ws-text" :style "font-size: 13pt;" :text "${activews}")
+      )
+    )
+  )
+)
+
+
+; ①②③④⑤⑥⑦⑧⑨⑩
\ No newline at end of file
diff --git a/tetrio/.config/eww/scripts/activewin b/tetrio/.config/eww/scripts/activewin
new file mode 100755
index 000000000..7a10e8631
--- /dev/null
+++ b/tetrio/.config/eww/scripts/activewin
@@ -0,0 +1,12 @@
+#!/usr/bin/bash
+
+hyprctl activewindow -j | gojq -c --monochrome-output
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    hyprctl activewindow -j | gojq -c --monochrome-output
+  done
+fi
+
diff --git a/tetrio/.config/eww/scripts/activews b/tetrio/.config/eww/scripts/activews
new file mode 100755
index 000000000..3fa25c014
--- /dev/null
+++ b/tetrio/.config/eww/scripts/activews
@@ -0,0 +1,18 @@
+#!/usr/bin/bash
+
+focusedws=$(hyprctl activewindow -j | gojq '.workspace.id')
+echo $focusedws
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "workspace>>" | while read -r line; do
+    case ${line%>>*} in
+      "workspace")
+        focusedws=${line#*>>}
+        echo $focusedws
+        ;;
+    esac  
+  done
+fi
+
diff --git a/tetrio/.config/eww/scripts/airplane b/tetrio/.config/eww/scripts/airplane
new file mode 100755
index 000000000..8a976aefb
--- /dev/null
+++ b/tetrio/.config/eww/scripts/airplane
@@ -0,0 +1,29 @@
+#!/bin/sh
+
+icon() {
+  if [[ $STATUS == "no" ]]; then
+    echo ""
+  else
+    echo ""
+  fi
+}
+
+toggle() {
+  if [[ $STATUS == "no" ]]; then
+    rfkill block all
+    notify-send --urgency=normal -i airplane-mode-symbolic "Airplane Mode" "Airplane mode has been turned on!"
+  else
+    rfkill unblock all
+    notify-send --urgency=normal  -i airplane-mode-disabled-symbolic "Airplane Mode" "Airplane mode has been turned off!"
+  fi
+}
+
+if [[ $1 == "toggle" ]]; then
+  toggle
+else
+  while true; do
+    STATUS="$(rfkill list | sed -n 2p | awk '{print $3}')"
+    icon
+    sleep 3;
+  done
+fi
diff --git a/tetrio/.config/eww/scripts/appicons b/tetrio/.config/eww/scripts/appicons
new file mode 100755
index 000000000..5d7cff5a5
--- /dev/null
+++ b/tetrio/.config/eww/scripts/appicons
@@ -0,0 +1,64 @@
+#!/usr/bin/bash
+
+geticonlist() {
+    classes=$(hyprctl clients | grep -e 'class: ' | sed 's/\tclass: //')
+    addresses=$(hyprctl clients | grep -e ' -> ')
+    # echo "$classes"
+    IFS=$'\n'
+    classarr=($(echo "$classes"))
+    addressarr=($(echo "$addresses"))
+    iconarr=($(echo "$classes"))
+
+    for i in "${!classarr[@]}"; do
+        addressarr[i]=$(echo "0x${addressarr[i]% -> *}" | sed 's/Window //')
+        # echo "${addressarr[i]}"
+    done
+
+    for i in "${!classarr[@]}"; do
+        classarr[i]=$(echo ${classarr[i]})
+        if [ -f "scripts/cache/${classarr[i]}" ]; then
+            iconarr[i]=$(cat scripts/cache/${classarr[i]})
+            if [ ! -f "${iconarr[i]}" ]; then # Cache refresh if icon doesnt exist
+                iconarr[i]=$(scripts/get-icon.py "${classarr[i]}")
+                echo "${iconarr[i]}" > "scripts/cache/${classarr[i]}"
+            fi
+        else
+            iconarr[i]=$(scripts/get-icon.py "${classarr[i]}")
+            echo "${iconarr[i]}" > "scripts/cache/${classarr[i]}"
+        fi
+        if [[ ${iconarr[i]} = "not found" ]]; then
+          iconarr[i]=$(scripts/get-icon.py "$(echo "${classarr[i]##*.}" | tr '[:upper:]' '[:lower:]')")
+          if [[ ! ${iconarr[i]} = "not found" ]]; then
+            rm "scripts/cache/${classarr[i]}"
+            echo "${iconarr[i]}" > "scripts/cache/${classarr[i]}"
+          else 
+            iconarr[i]="/home/$USER/.local/share/icons/candy-icons/mimetypes/scalable/application-x-theme.svg"
+            rm "scripts/cache/${classarr[i]}"
+            echo "${iconarr[i]}" > "scripts/cache/${classarr[i]}"
+          fi
+        fi
+    done
+
+    printf '['
+    for i in "${!classarr[@]}"; do
+        if [ $i -ne 0 ]; then
+          printf ', '
+        fi
+        # printf '{'
+        # printf "\"${addressarr[i]}\": \"${iconarr[i]}\""
+        # printf '}'
+        printf "\"${iconarr[i]}\""
+    done
+    printf ']\n'
+}
+
+geticonlist
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | while read -r line; do
+    geticonlist
+  done
+fi
+
diff --git a/tetrio/.config/eww/scripts/applycolor b/tetrio/.config/eww/scripts/applycolor
new file mode 100755
index 000000000..1af6f01c1
--- /dev/null
+++ b/tetrio/.config/eww/scripts/applycolor
@@ -0,0 +1,12 @@
+#!/usr/bin/env bash
+cp -r images/svg/osu_dark/* images/svg/
+
+filelist=$(ls 'images/svg' -p | grep -v /)
+
+IFS=$'\n'
+filearr=($(echo "$filelist"))
+
+for i in "${!filearr[@]}"; do
+  # echo "images/svg/${filearr[$i]}"
+  sed -i "s/white/$1/gi" "images/svg/${filearr[$i]}"
+done
\ No newline at end of file
diff --git a/tetrio/.config/eww/scripts/appsearch b/tetrio/.config/eww/scripts/appsearch
new file mode 100755
index 000000000..1bcc45e4a
--- /dev/null
+++ b/tetrio/.config/eww/scripts/appsearch
@@ -0,0 +1,65 @@
+#!/usr/bin/bash
+
+IFS=$'\n'
+entrynames=( $(cat 'scripts/cache/entrynames.txt' | fzf --filter="$1" | head -n 10) )
+entries=( $(cat 'scripts/cache/entries.txt') )
+
+definitelyNotMath() {
+  if [[ ${1:0:1} != "0" \
+  && ${1:0:1} != "1" \
+  && ${1:0:1} != "2" \
+  && ${1:0:1} != "3" \
+  && ${1:0:1} != "4" \
+  && ${1:0:1} != "5" \
+  && ${1:0:1} != "6" \
+  && ${1:0:1} != "7" \
+  && ${1:0:1} != "8" \
+  && ${1:0:1} != "9" ]]; then
+    echo 'true'
+  else
+    echo 'false'
+  fi
+}
+
+if [[ "$1" == ">"* ]]; then
+  cd ~/.config/eww 
+  if [[ "$1" == ">load"* ]]; then
+    searching=$(echo "$1" | sed 's/>load //g'  | sed 's/>load//g')
+    profilenames=( $(ls css/savedcolors/ | grep .txt | sed 's/_iconcolor_//g' | sed 's/.txt//g' | fzf --filter="$searching") )
+    echo -n '['
+    for x in "${!profilenames[@]}"; do
+      if [ "$x" != "0" ]; then
+        printf ','
+      fi
+      echo -n '{"name": "'"${profilenames[x]}"'", "exec": ">load '"${profilenames[x]}"'"}'
+    done
+    echo -n ']'
+  else
+    echo '[]'
+  fi
+  exit 0
+fi
+
+if [[ "${!entrynames[@]}" == "" && $(definitelyNotMath "$1") == "false" ]]; then
+  mathAns=$(qalc $1 | head -n 1)
+  mathAns="${mathAns#*= }"
+  mathAns="${mathAns#*≈ }"
+  if [[ "$mathAns" == *"error"* ]]; then
+    echo '[]'
+    exit 0
+  else
+    echo '[{"name": "'"$mathAns"'", "exec": "wl-copy \"'"$mathAns"'\""}]'
+  fi
+  exit 0
+fi
+
+printf '['
+
+for x in "${!entrynames[@]}"; do
+  if [ "$x" != "0" ]; then
+    printf ','
+  fi
+  echo -n $(echo $entries | gojq -c '."'"${entrynames[x]}"'"')
+done
+
+printf ']'
\ No newline at end of file
diff --git a/tetrio/.config/eww/scripts/audiolevels b/tetrio/.config/eww/scripts/audiolevels
new file mode 100755
index 000000000..6ef2c7644
--- /dev/null
+++ b/tetrio/.config/eww/scripts/audiolevels
@@ -0,0 +1,70 @@
+#!/usr/bin/bash
+dostuff(){
+  sinks=$(pactl list sink-inputs  \
+          | grep -e "Sink Input" \
+          | sed 's/Sink Input #//')
+  names=$(pactl list sink-inputs \
+          | sed 's/"//g' \
+          | sed 's/application-name://'  \
+          | grep -e "application.name" \
+          | sed 's/application.name = //' \
+          | sed 's/\t\t//' )
+  vols=$(pactl list sink-inputs  \
+          | grep -e "Volume:" \
+          | sed 's/Volume: front-left: //' \
+          | sed 's/front-right: //' \
+          | sed 's/front-right: //' \
+          | tr " " "\n" \
+          | grep -e % \
+          | sed 's/%//g')
+  icons=$(pactl list sink-inputs \
+          | grep -e 'application.icon_name' \
+          | sed 's/\t//g' \
+          | sed 's/application.icon_name = //g')
+  
+  # echo "-=-=-=-=-=-=-=-=- Debug: Raw value -=-=-=-=-=-=-=-=-"
+  # echo "$sinks"
+  # echo "$names"
+  # echo "$vols"
+  
+  IFS=$'\n'
+  sinkarr=($(echo "$sinks"))
+  namearr=($(echo "$names"))
+  volarr=($(echo "$vols"))
+  
+  # Functions
+  sanitize() {
+      echo "$1" | sed 's/"/\"/g'
+  }
+  
+  geticon() {
+  #     notify-send "${volarr[$((i*2))]}"
+      if ["${volarr[$(($1*2))]}" -eq "0"]; then
+          echo ""
+      else 
+          echo ""
+      fi
+  }
+  
+  # Print final JSON
+  printf '['
+  for i in "${!sinkarr[@]}"; do
+      if [ $i -ne 0 ]; then
+          printf ', '
+      fi
+  #     echo -n '{''"sink": "'"${sinkarr[$i]}"'", "name": "'"${namearr[$i]}"', "icon": "'"$(geticon $i)"'", "volume": "'"${volarr[$((i*2))]}"'"}'
+      echo -n '{''"sink": "'"${sinkarr[$i]}"'", "name": "'"${namearr[$i]}"'", "volume": "'"${volarr[$((i*2))]}"'"}'
+  #     printf "\n"
+  done
+  printf ']\n'
+  
+  # echo "$sinks"
+  # echo "$names"
+  # echo "$vols"
+}
+
+dostuff
+
+pactl subscribe | rg --line-buffered "on sink" | while read -r _; do
+    dostuff
+done
\ No newline at end of file
diff --git a/tetrio/.config/eww/scripts/battery b/tetrio/.config/eww/scripts/battery
new file mode 100755
index 000000000..292b2f9db
--- /dev/null
+++ b/tetrio/.config/eww/scripts/battery
@@ -0,0 +1,133 @@
+#!/usr/bin/env bash
+
+icons=("" "" "" "" "" "" "" "")
+
+gettime() {
+	FULL=$(cat /sys/class/power_supply/BATT/charge_full)
+	NOW=$(cat /sys/class/power_supply/BATT/charge_now)
+
+	if [ "$RATE" -gt 0 ]; then
+		if [ "$STATE" = "Discharging" ]; then
+			EX="$NOW / $RATE"
+		else
+			EX="($FULL - $NOW) / $RATE"
+		fi
+		date -u -d@"$(bc -l <<< "$EX * 3600")" +%H:%M
+	fi
+}
+
+geticon() {
+	if [ "$STATE" = "Charging" ]; then
+    level=$(awk -v n="$CAPACITY" 'BEGIN{print int((n-1)/12)}')
+		echo "${icons[$level]}"
+	else
+    level=$(awk -v n="$CAPACITY" 'BEGIN{print int((n-1)/12)}')
+		echo "${icons[$level]}"
+	fi
+}
+
+status() {
+	if [ "$STATE" = "Charging" ]; then
+		echo -n "charging"
+
+		if [ "$RATE" -gt 0 ]; then
+			echo ", $(gettime) left"
+		else
+			echo ""
+		fi
+	elif [ "$STATE" = "Discharging" ]; then
+		echo "$(gettime)h left"
+	else
+		echo "fully charged"
+	fi
+}
+
+statch() {
+	if [ "$STATE" = "Discharging" ]; then #Not charging, below 20%
+		if [ "$CAPACITY" -le 5 ]; then
+			echo 'deadly'
+		elif [ "$CAPACITY" -le 10 ]; then
+			echo 'critical'
+		elif [ "$CAPACITY" -le 30 ]; then
+			echo 'low'
+		else 
+			echo 'normal'
+		fi
+	else 
+		echo 'charging'
+	fi
+}
+
+chargestatus() {
+	if [ "$STATE" = "Charging" ]; then
+		echo -n ""
+	elif [ "$STATE" = "Discharging" ]; then
+		echo -n ""
+	fi
+}
+
+circolor() {
+	if [[ "$CAPACITY" -le 20 && "$STATE" = "Discharging" ]]; then
+		cat images/svg/color.txt
+	else
+		cat images/svg/color.txt
+	fi
+}
+
+cirbgcolor() {
+	if [[ "$CAPACITY" -le 50 && "$STATE" = "Discharging" ]]; then
+		echo '#EF738A'
+	else
+		echo 'transparent'
+	fi
+}
+
+color() {
+	if [ "$CAPACITY" -le 20 ]; then
+		echo '#EF738A'
+	else
+		echo 'white'
+	fi
+}
+
+bgcolor() {
+	if [ "$CAPACITY" -le 20 ]; then
+		echo '#EF738A'
+	else
+		echo 'transparent'
+	fi
+}
+
+wattage() {
+	echo "$(bc -l <<< "scale=1; $RATE / 1000000") W"
+}
+
+warnedlow=0
+
+while true; do
+	RATE=$(cat /sys/class/power_supply/BATT/voltage_now)
+	CAPACITY=$(cat /sys/class/power_supply/BATT/capacity)
+	STATE=$(cat /sys/class/power_supply/BATT/status)
+
+	if [[ "$CAPACITY" -le 5 && "$STATE" = "Discharging" ]]; then
+		if [ $warnedlow == 0 ]; then 
+			warnedlow=1
+			notify-send 'FREAKING PLUG IN THE CHARGER ALREADY' '!!111!!1!123!!!' -u critical -a 'eww'
+		fi
+	elif [[ "$CAPACITY" -le 10 && "$STATE" = "Discharging" ]]; then
+		if [ $warnedlow == 0 ]; then 
+			warnedlow=1
+			notify-send 'Battery verrry low' 'Hello?' -u critical -a 'eww'
+		fi
+	elif [[ "$CAPACITY" -le 20 && "$STATE" = "Discharging" ]]; then
+		if [ $warnedlow == 0 ]; then 
+			warnedlow=1
+			notify-send 'Battery low' 'Plug in your charger pweeeeaaase :>' -u critical -a 'eww'
+		fi
+	else
+	    warnedlow=0
+	fi
+
+	echo '{"quickicon": "'"$(chargestatus)"'", "icon": "'"$(geticon)"'", "percentage": '"$CAPACITY"', "wattage": "'"$(wattage)"'", "status": "'"$(status)"'", "circolor": "'"$(circolor)"'", "cirbgcolor": "'"$(cirbgcolor)"'", "color": "'"$(color)"'", "bgcolor": "'"$(bgcolor)"'" }'
+	sleep 3
+done
\ No newline at end of file
diff --git a/tetrio/.config/eww/scripts/bluetooth b/tetrio/.config/eww/scripts/bluetooth
new file mode 100755
index 000000000..112069540
--- /dev/null
+++ b/tetrio/.config/eww/scripts/bluetooth
@@ -0,0 +1,51 @@
+#!/usr/bin/env bash
+
+declare -A baticon=([10]="󰤾" [20]="󰤿" [30]="󰥀" [40]="󰥁" [50]="󰥂" [60]="󰥃" [70]="󰥄" [80]="󰥅" [90]="󰥆" [100]="󰥈")
+
+toggle() {
+  status=$(rfkill -J | jq -r '.rfkilldevices[] | select(.type == "bluetooth") | .soft' | head -1)
+
+  if [ "$status" = "unblocked" ]; then
+    rfkill block bluetooth
+  else
+    rfkill unblock bluetooth
+  fi
+}
+
+if [ "$1" = "toggle" ]; then
+  toggle
+else
+  while true; do
+    powered=$(bluetoothctl show | rg Powered | cut -f 2- -d ' ')
+    status=$(bluetoothctl info)
+    name=$(echo "$status" | rg Name | cut -f 2- -d ' ')
+    mac=$(echo "$status" | head -1 | awk '{print $2}' | tr ':' '_')
+
+    if [[ "$(echo "$status" | rg Percentage)" != "" ]]; then
+      battery=$(upower -i /org/freedesktop/UPower/devices/headset_dev_"$mac" | rg percentage | awk '{print $2}' | cut -f 1 -d '%')
+      batt_icon=${baticon[$battery]}
+    else
+      batt_icon=""
+    fi
+
+    if [ "$powered" = "yes" ]; then
+      if [ "$status" != "Missing device address argument" ]; then
+        text="$name"
+        icon=""
+        color="#89b4fa"
+      else
+        icon=""
+        text="Disconnected"
+        color="#45475a"
+      fi
+    else
+      icon=""
+      text="Bluetooth off"
+      color="#45475a"
+    fi
+
+    echo '{ "icon": "'"$icon"'", "batt_icon": "'"$batt_icon"'", "text": "'"$text"'", "color": "'"$color"'" }'
+
+    sleep 3
+  done
+fi
diff --git a/tetrio/.config/eww/scripts/brightness b/tetrio/.config/eww/scripts/brightness
new file mode 100755
index 000000000..d1dfdd4b8
--- /dev/null
+++ b/tetrio/.config/eww/scripts/brightness
@@ -0,0 +1,64 @@
+#!/usr/bin/env bash
+
+icons=("" "" "")
+XDG_CACHE_HOME="$HOME/.cache"
+date="$XDG_CACHE_HOME/eww/osd_brightness.date"
+lock=0
+
+showhide() {
+  # get dates
+  rundate=$(cat "$date")
+  currentdate=$(date +%s)
+
+  # handle showing
+  if [ "$rundate" = "$currentdate" ] && [ "$lock" -eq 0 ]; then
+    eww open osd
+    eww update osd_bright=true
+    lock=1
+  elif [ "$((currentdate - rundate))" = "2" ] && [ "$lock" -eq 1 ]; then
+    eww update osd_bright=false
+    if [ "$(eww get osd_vol)" = "false" ] && [ "$(eww get osd_bright)" = "false" ]; then
+      dummy=$(eww close osd)
+    fi
+    lock=0
+  fi
+}
+
+osd() {
+  if [ ! -f "$date" ]; then
+    mkdir -p "$XDG_CACHE_HOME/eww"
+  fi
+  date +%s > "$date"
+  # showhide
+}
+
+osd_handler() {
+  lock=0
+  rundate=0
+  if [ ! -f "$date" ]; then
+    mkdir -p "$XDG_CACHE_HOME/eww"
+    echo 0 > "$date"
+  fi
+
+  while true; do
+    showhide
+    sleep 0.1
+  done
+
+  dummy=$(eww close osd)
+}
+
+if [ "$1" = "osd" ]; then
+  osd
+else
+  # initial
+  icon=${icons[$(awk -v n="$(light)" 'BEGIN{print int(n/34)}')]}
+  echo '{ "level": '"$(light)"', "icon": "'"$icon"'" }'
+
+  osd_handler &
+  udevadm monitor | rg --line-buffered "backlight" | while read -r _; do
+    icon="${icons[$(awk -v n="$(light)" 'BEGIN{print int(n/34)}')]}"
+
+    echo '{ "level": '"$(light)"', "icon": "'"$icon"'" }'
+  done
+fi
\ No newline at end of file
diff --git a/tetrio/.config/eww/scripts/colorgen b/tetrio/.config/eww/scripts/colorgen
new file mode 100755
index 000000000..49d5fcc20
--- /dev/null
+++ b/tetrio/.config/eww/scripts/colorgen
@@ -0,0 +1,82 @@
+#!/usr/bin/bash
+
+OPACITY=0.7
+
+IMGPATH=$1
+coverurl=$2
+
+coverpath="$IMGPATH"
+wal -c
+lightdark=$(cat scripts/workdir/__mode_light_dark.txt)
+wal -i "$IMGPATH" -n -t -s -e $lightdark -q
+themejson=$(cat ~/.cache/wal/colors.json | gojq -c)
+themejson="${themejson::-1}"
+themejson="$themejson"',"source":"'"$3"'"}'
+echo $themejson
+
+printf '{"image": "'"$coverpath"'", "color": '"$themejson"'}\n'
+
+# Get color in rgb
+colorsreg=$(cat ~/.cache/wal/colors-putty.reg)
+rgb_bg=$(echo $colorsreg | tr ' ' '\n' | grep 'Colour3')
+rgb_bg="${rgb_bg#*=}"
+rgb_bg="${rgb_bg#*\"}"
+rgb_bg="${rgb_bg::-1}"
+rgb_bg='rgba('"$rgb_bg"','"$OPACITY"')'
+# echo $rgb_bg
+
+# notify-send 'eww' 'i found a url!'
+
+# Write to scss
+echo '//Auto generated color theme for image at:' "$coverurl" > './tmp/_colorscheme.colorpallete'
+echo '@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }' >> './tmp/_colorscheme.colorpallete'
+echo '@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }' >> './tmp/_colorscheme.colorpallete'
+printf '$colorbarbg: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq '.special.background' | sed 's/"//g' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$colorbg: ' >> './tmp/_colorscheme.colorpallete'
+printf "$rgb_bg"';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$colortext: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq '.special.foreground' | sed 's/"//g' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color0: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq '.colors.color1' | sed 's/"//g' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color1: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq '.colors.color2' | sed 's/"//g' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color2: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq '.colors.color3' | sed 's/"//g' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color3: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq '.colors.color4' | sed 's/"//g' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color4: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq '.colors.color5' | sed 's/"//g' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color5: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq '.colors.color6' | sed 's/"//g' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color6: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq '.colors.color7' | sed 's/"//g' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+printf '$color7: ' >> './tmp/_colorscheme.colorpallete'
+printf "$themejson" | gojq '.colors.color4' | sed 's/"//g' | tr '\n' ';' >> './tmp/_colorscheme.colorpallete'
+echo '' >> './tmp/_colorscheme.colorpallete'
+
+
+gradient1=$(echo -n "$themejson" | gojq '.colors.color1' | sed 's/"//g')
+gradient2=$(echo -n "$themejson" | gojq '.colors.color2' | sed 's/"//g')
+gradient3=$(echo -n "$themejson" | gojq '.colors.color4' | sed 's/"//g')
+
+# Write hyprland color config
+echo '# Auto generated color theme for image at:' "$coverurl" > './tmp/colors_generated.conf'
+echo 'general {' >> './tmp/colors_generated.conf'
+echo '    col.active_border = rgba('"${gradient1#*#}FF"') rgba('"${gradient2#*#}FF"') rgba('"${gradient3#*#}FF"') 45deg' >> './tmp/colors_generated.conf'
+echo '    col.inactive_border = rgba('"${gradient1#*#}66"')' >> './tmp/colors_generated.conf'
+echo '}' >> './tmp/colors_generated.conf'
+
+# Print json to stdout
+printf "$themejson" | gojq '.special.foreground' | sed 's/"//g' > 'tmp/_iconcolor.txt'
+
diff --git a/tetrio/.config/eww/scripts/colormanage b/tetrio/.config/eww/scripts/colormanage
new file mode 100755
index 000000000..869eacec6
--- /dev/null
+++ b/tetrio/.config/eww/scripts/colormanage
@@ -0,0 +1,36 @@
+#!/usr/bin/bash
+
+cd ~/.config/eww/ || exit
+
+if [ $1 == "get" ]; then
+  hyprctl keyword misc:disable_autoreload true
+  cp './tmp/_iconcolor.txt' './css/_iconcolor.txt'
+  cp './tmp/_colorscheme.colorpallete' './css/_colorscheme.scss'
+  cp './tmp/colors_generated.conf' ~/.config/hypr/colors.conf
+  applycolor=$(cat './css/_iconcolor.txt')
+  scripts/applycolor "$applycolor"
+elif [ $1 == "default" ]; then
+  hyprctl keyword misc:disable_autoreload true
+  cp './css/_iconcolor_default.txt' './css/_iconcolor.txt'
+  cp css/_colorscheme_default.scss css/_colorscheme.scss
+  cp ~/.config/hypr/colors_default.conf ~/.config/hypr/colors.conf
+  applycolor=$(cat css/_iconcolor.txt)
+  scripts/applycolor "$applycolor"
+elif [ $1 == "save" ]; then
+  eww close themer 
+  eww update themer_open=false 
+  cp "css/_iconcolor.txt" "css/savedcolors/_iconcolor_$2.txt" 
+  cp "css/_colorscheme.scss" "css/savedcolors/_colorscheme_$2.scss" 
+  cp ~/.config/hypr/colors.conf ~/.config/hypr/savedcolors/colors_$2.conf
+elif [ $1 == "load" ]; then
+  hyprctl keyword misc:disable_autoreload true
+  eww close themer 
+  eww update themer_open=false 
+  cp "css/savedcolors/_iconcolor_$2.txt" "css/_iconcolor.txt"
+  cp "css/savedcolors/_colorscheme_$2.scss"  "css/_colorscheme.scss"
+  cp ~/.config/hypr/savedcolors/colors_$2.conf ~/.config/hypr/colors.conf
+  applycolor=$(cat css/_iconcolor.txt)
+  scripts/applycolor "$applycolor"
+fi
+
+hyprctl reload
\ No newline at end of file
diff --git a/tetrio/.config/eww/scripts/dashactivate b/tetrio/.config/eww/scripts/dashactivate
new file mode 100755
index 000000000..81c8619e7
--- /dev/null
+++ b/tetrio/.config/eww/scripts/dashactivate
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+cd ~
+eww close dashboard
+
+if [[ "$1" == "--web" ]]; then
+    app=$2
+    eval "${app%\%*}" &
+else
+    app=$1
+    eval "${app%\%*}" &
+    pkill dashactivate
+fi
+
diff --git a/tetrio/.config/eww/scripts/editmode.sh b/tetrio/.config/eww/scripts/editmode.sh
new file mode 100755
index 000000000..c14b92876
--- /dev/null
+++ b/tetrio/.config/eww/scripts/editmode.sh
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+if [ "$1" == "enable" ]; then
+    hyprctl keyword bindm ,mouse:273,resizewindow
+    hyprctl keyword bindm ,mouse:274,movewindow
+    hyprctl keyword bind ,mouse_up,workspace,+1
+    hyprctl keyword bind ,mouse_down,workspace,-1
+    eww update editing=true
+elif [ "$1" == "disable" ]; then 
+    hyprctl keyword unbind ,mouse:273
+    hyprctl keyword unbind ,mouse:274
+    hyprctl keyword unbind ,mouse_up
+    hyprctl keyword unbind ,mouse_down
+    eww update editing=false
+fi
\ No newline at end of file
diff --git a/tetrio/.config/eww/scripts/focuswindow b/tetrio/.config/eww/scripts/focuswindow
new file mode 100755
index 000000000..9cc77c6bf
--- /dev/null
+++ b/tetrio/.config/eww/scripts/focuswindow
@@ -0,0 +1,6 @@
+#!/usr/bin/bash
+if [[ $1 == '_none' ]]; then
+  hyprctl dispatch workspace $2
+else 
+  hyprctl dispatch focuswindow address:$1
+fi
\ No newline at end of file
diff --git a/tetrio/.config/eww/scripts/get-icon.py b/tetrio/.config/eww/scripts/get-icon.py
new file mode 100755
index 000000000..f95956ec5
--- /dev/null
+++ b/tetrio/.config/eww/scripts/get-icon.py
@@ -0,0 +1,31 @@
+#!/usr/bin/env python3
+import gi
+import sys
+gi.require_version('Gtk', '3.0')
+from gi.repository import Gtk
+
+# Predefine class corrections
+if sys.argv[1] == 'Code':
+    sys.argv[1] = 'code'
+elif sys.argv[1] == 'code-url-handler':
+    sys.argv[1] = 'code'
+elif sys.argv[1] == 'Microsoft-edge':
+    sys.argv[1] = 'microsoft-edge'
+elif sys.argv[1] == 'GitHub Desktop':
+    sys.argv[1] = 'github-desktop'
+elif sys.argv[1] == 'org.kde.kolourpaint':
+    sys.argv[1] = 'kolourpaint'
+elif sys.argv[1] == 'osu!':
+    sys.argv[1] = 'osu'
+elif sys.argv[1].find("Minecraft") != -1:
+    sys.argv[1] = 'minecraft'
+# elif sys.argv[1] == 'ru-turikhay-tlauncher-bootstrap-Bootstrap':
+#     sys.argv[1] = 'minecraft'
+
+icon_name = sys.argv[1]
+icon_theme = Gtk.IconTheme.get_default()
+icon = icon_theme.lookup_icon(icon_name, 48, 0)
+if icon:
+    print(icon.get_filename())
+else:
+    print("not found")
diff --git a/tetrio/.config/eww/scripts/hyprsettings b/tetrio/.config/eww/scripts/hyprsettings
new file mode 100755
index 000000000..e2204ef8a
--- /dev/null
+++ b/tetrio/.config/eww/scripts/hyprsettings
@@ -0,0 +1,42 @@
+#!/usr/bin/bash
+getoptions(){
+  gaps_in=$(hyprctl getoption general:gaps_in -j | gojq -r -c '.int')
+  gaps_out=$(hyprctl getoption general:gaps_out -j | gojq -r -c '.int')
+  border_size=$(hyprctl getoption general:border_size -j | gojq -r -c '.int')
+  force_no_accel=$(hyprctl getoption input:force_no_accel -j | gojq -r -c '.int')
+  input_sensitivity=$(hyprctl getoption input:sensitivity -j | gojq -r -c '.float')
+  touchpad_disable_while_typing=$(hyprctl getoption input:touchpad:disable_while_typing -j | gojq -r -c '.int')
+  touchpad_clickfinger_behavior=$(hyprctl getoption input:touchpad:clickfinger_behavior -j | gojq -r -c '.int')
+  blur=$(hyprctl getoption decoration:blur -j | gojq -r -c '.int')
+  blur_size=$(hyprctl getoption decoration:blur_size -j | gojq -r -c '.int')
+  blur_passes=$(hyprctl getoption decoration:blur_passes -j | gojq -r -c '.int')
+  blur_xray=$(hyprctl getoption decoration:blur_xray -j | gojq -r -c '.int')
+
+  echo -n '{'
+  echo -n "\"gaps_in\":$gaps_in,"
+  echo -n "\"gaps_out\":$gaps_out,"
+  echo -n "\"border_size\":$border_size,"
+  echo -n "\"force_no_accel\":$force_no_accel,"
+  echo -n "\"input_sensitivity\":$input_sensitivity,"
+  echo -n "\"touchpad_disable_while_typing\":$touchpad_disable_while_typing,"
+  echo -n "\"touchpad_clickfinger_behavior\":$touchpad_clickfinger_behavior,"
+  echo -n "\"blur\":$blur,"
+  echo -n "\"blur_size\":$blur_size,"
+  echo -n "\"blur_passes\":$blur_passes,"
+  echo -n "\"blur_xray\":$blur_xray,"
+
+  echo '"dummy":0}'
+}
+
+getoptions
+
+if [ "$1" == "--once" ]; then
+  exit 0
+elif [ "$1" == "tickle" ]; then
+  hyprctl keyword input:force_no_accel $(hyprctl getoption input:force_no_accel -j | gojq -r -c '.int')
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "activelayout>>" | while read -r line; do
+    # echo $line
+    getoptions
+  done
+fi
\ No newline at end of file
diff --git a/tetrio/.config/eww/scripts/hyprtest b/tetrio/.config/eww/scripts/hyprtest
new file mode 100755
index 000000000..c1c8c5eab
--- /dev/null
+++ b/tetrio/.config/eww/scripts/hyprtest
@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+
+socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | while read -r line; do
+  echo $line
+done
+
+
+
diff --git a/tetrio/.config/eww/scripts/hyprview.sh b/tetrio/.config/eww/scripts/hyprview.sh
new file mode 100755
index 000000000..0d0ded212
--- /dev/null
+++ b/tetrio/.config/eww/scripts/hyprview.sh
@@ -0,0 +1,9 @@
+#!/usr/bin/bash
+
+if [[ "$1" == "--close" ]]; then
+    hyprctl keyword monitor eDP-1,1920x1080@60,0x0,1
+    hyprctl keyword monitor eDP-1,addreserved,53,0,0,0
+else
+    hyprctl keyword monitor eDP-1,1920x1080@60,0x0,0.5
+    hyprctl keyword monitor eDP-1,addreserved,533,600,960,960
+fi
diff --git a/tetrio/.config/eww/scripts/iconpatch b/tetrio/.config/eww/scripts/iconpatch
new file mode 100755
index 000000000..542f4c164
--- /dev/null
+++ b/tetrio/.config/eww/scripts/iconpatch
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+appname=$1
+
+if [[ "$1" == "code-url-handler" ]];then
+  echo 'code'
+elif [[ "$1" == "gnome-tweaks" ]];then
+  echo 'org.gnome.tweaks'
+elif [[ "$1" == "org."* ]];then
+  appname="${appname#*.}"
+  appname="${appname#*.}"
+  echo $appname
+fi
+
diff --git a/tetrio/.config/eww/scripts/isopen.sh b/tetrio/.config/eww/scripts/isopen.sh
new file mode 100755
index 000000000..03075a619
--- /dev/null
+++ b/tetrio/.config/eww/scripts/isopen.sh
@@ -0,0 +1,12 @@
+#!/bin/sh
+
+getopen(){
+  ans=$(eww windows | grep -e "$1")
+  if [ "${ans:0:1}" == "*" ]; then
+    echo "true"
+  else 
+    echo "false"
+  fi
+}
+
+getopen $1
\ No newline at end of file
diff --git a/tetrio/.config/eww/scripts/launchapp b/tetrio/.config/eww/scripts/launchapp
new file mode 100755
index 000000000..8b745ba28
--- /dev/null
+++ b/tetrio/.config/eww/scripts/launchapp
@@ -0,0 +1,32 @@
+#!/usr/bin/bash
+
+
+if [[ "$1" == ">"* ]]; then
+    args=( $1 )
+    ~/.config/eww/scripts/toggle-overview.sh --close &
+    if [[ "${args[0]}" == ">music" ]]; then
+        scripts/colormanage get
+    elif [[ "${args[0]}" == ">load" ]]; then
+        scripts/colormanage load "${args[1]}"
+    elif [[ "${args[0]}" == ">save" ]]; then
+        scripts/colormanage save "${args[1]}"
+    elif [[ "${args[0]}" == ">light" ]]; then
+        scripts/togglelight light
+    elif [[ "${args[0]}" == ">dark" ]]; then
+        scripts/togglelight dark
+    elif [[ "${args[0]}" == ">wall" ]]; then
+        scripts/colorgen 'images/wallpaper/wallpaper' '[Local wallpaper]' ''
+        scripts/colormanage get
+    else
+        # notify-send 'eww' 'Invalid command!'
+        false
+    fi
+else 
+    cd ~
+    ~/.config/eww/scripts/toggle-overview.sh --close &
+    app=$1
+    eval "${app%\%*}" &
+    pkill launchapp
+fi
+
+
diff --git a/tetrio/.config/eww/scripts/listentries.py b/tetrio/.config/eww/scripts/listentries.py
new file mode 100755
index 000000000..10a445d35
--- /dev/null
+++ b/tetrio/.config/eww/scripts/listentries.py
@@ -0,0 +1,70 @@
+#!/usr/bin/python3
+
+import desktop_entry_lib
+import os
+import json
+import subprocess
+
+full_output = {}
+
+def read(target_file) -> None:
+    entry = desktop_entry_lib.DesktopEntry.from_file(target_file)
+
+    print("Name: " + str(entry.Name.default_text))
+    print("Comment: " + str(entry.Comment.default_text))
+    print("Exec: " + str(entry.Exec))
+
+
+def getProperties(target_file) -> None:
+    entry = desktop_entry_lib.DesktopEntry.from_file(target_file)
+
+    # iconcmd = "/usr/bin/geticons " + str(entry.Icon)
+    # iconcmd = "/usr/bin/geticons"
+    # iconpath = str(subprocess.check_output(str(iconcmd), shell=True))
+
+    # return
+    props = {
+        "name": str(entry.Name.default_text),
+        "comment": str(entry.Comment.default_text),
+        "exec": str(entry.Exec),
+        "icon": str(entry.Icon)
+    }
+    return props
+
+
+if __name__ == "__main__":
+    entryFile = open("scripts/cache/entries.txt", "w")
+    # Get files
+    entries = list(str(s) for s in os.listdir("/usr/share/applications"))
+    entries_flatpak = list(str(s) for s in os.listdir("/var/lib/flatpak/exports/share/applications"))
+    entries_local = list(str('../../.local/share/applications/' + s) for s in os.listdir("../../.local/share/applications/"))
+    
+    for app in entries:
+        alreadythere = False
+        for localized in entries_local:
+            if app in localized:
+                alreadythere = True
+
+        if not(alreadythere):
+            entries_local.append(str('/usr/share/applications/'+app))
+
+    for app in entries_flatpak:
+        alreadythere = False
+        for localized in entries_local:
+            if app in localized:
+                alreadythere = True
+
+        if not(alreadythere):
+            entries_local.append(str('/var/lib/flatpak/exports/share/applications/'+app))
+
+    # Get properties
+    for app in entries_local:
+        if app.find('.desktop') == -1: # Skip files that aren't desktop entries
+            continue
+        this_entry = getProperties(app)
+
+        full_output[this_entry['name']] = (this_entry)
+
+        # output=json.dumps(this_entry)
+        # print(output)
+    entryFile.write(json.dumps(full_output))
\ No newline at end of file
diff --git a/tetrio/.config/eww/scripts/listentrynames.py b/tetrio/.config/eww/scripts/listentrynames.py
new file mode 100755
index 000000000..99ae84a22
--- /dev/null
+++ b/tetrio/.config/eww/scripts/listentrynames.py
@@ -0,0 +1,63 @@
+#!/usr/bin/python3
+
+import desktop_entry_lib
+import os
+import json
+# from fuzzysearch import find_near_matches
+
+def read(target_file) -> None:
+    entry = desktop_entry_lib.DesktopEntry.from_file(target_file)
+
+    print("Name: " + str(entry.Name.default_text))
+    print("Comment: " + str(entry.Comment.default_text))
+    print("Exec: " + str(entry.Exec))
+
+
+def getProperties(target_file) -> None:
+    entry = desktop_entry_lib.DesktopEntry.from_file(target_file)
+
+    # return
+    props = {
+        "name": str(entry.Name.default_text),
+        "comment": str(entry.Comment.default_text),
+        "exec": str(entry.Exec),
+        "icon": str(entry.Icon)
+    }
+    return props
+
+
+if __name__ == "__main__":
+    entryFile = open("scripts/cache/entrynames.txt", "w")
+    # Get files
+    entries = list(str(s) for s in os.listdir("/usr/share/applications"))
+    entries_flatpak = list(str(s) for s in os.listdir("/var/lib/flatpak/exports/share/applications"))
+    entries_local = list(str('../../.local/share/applications/' + s) for s in os.listdir("../../.local/share/applications/"))
+    
+    for app in entries:
+        alreadythere = False
+        for localized in entries_local:
+            if app in localized:
+                alreadythere = True
+
+        if not(alreadythere):
+            entries_local.append(str('/usr/share/applications/'+app))
+            
+    for app in entries_flatpak:
+        alreadythere = False
+        for localized in entries_local:
+            if app in localized:
+                alreadythere = True
+
+        if not(alreadythere):
+            entries_local.append(str('/var/lib/flatpak/exports/share/applications/'+app))
+
+    # Get properties
+    for app in entries_local:
+        if app.find('.desktop') == -1: # Skip files that aren't desktop entries
+            continue
+
+        thisEntry = getProperties(app)
+
+        entryFile.write(thisEntry['name'])
+        entryFile.write('\n')
+
diff --git a/tetrio/.config/eww/scripts/memory b/tetrio/.config/eww/scripts/memory
new file mode 100755
index 000000000..603de1084
--- /dev/null
+++ b/tetrio/.config/eww/scripts/memory
@@ -0,0 +1,30 @@
+#!/usr/bin/env bash
+
+while true; do    
+  # human-readable
+  freeH=$(free -h --si | rg "Mem:")
+  swapfreeH=$(free -h --si | rg "Swap:")
+  # non-human-readable
+  freeN=$(free --mega | rg "Mem:")
+  swapfreeN=$(free --mega | rg "Swap:")
+
+  total="$(echo "$freeH" | awk '{ print $2 }')"
+  used="$(echo "$freeH" | awk '{ print $3 }')"
+  t="$(echo "$freeN" | awk '{ print $2 }')"
+  u="$(echo "$freeN" | awk '{ print $3 }')"
+
+  swaptotal="$(echo "$swapfreeH" | awk '{ print $2 }')"
+  swapused="$(echo "$swapfreeH" | awk '{ print $3 }')"
+  swapt="$(echo "$swapfreeN" | awk '{ print $2 }')"
+  swapu="$(echo "$swapfreeN" | awk '{ print $3 }')"
+
+  free=$(printf '%.1fG' "$(bc -l <<< "($t - $u) / 1000")")
+  perc=$(printf '%.1f' "$(free -m | rg Mem | awk '{print ($3/$2)*100}')")
+
+  swapfree=$(printf '%.1fG' "$(bc -l <<< "($swapt - $swapu) / 1000")")
+  swapperc=$(printf '%.1f' "$(free -m | rg Swap | awk '{print ($3/$2)*100}')")
+
+  echo '{ "total": "'"$total"'", "used": "'"$used"'", "free": "'"$free"'", "swaptotal": "'"$swaptotal"'", "swapused": "'"$swapused"'", "swappercentage": '"$swapperc"', "percentage": '"$perc"' }'
+
+  sleep 3
+done
diff --git a/tetrio/.config/eww/scripts/music b/tetrio/.config/eww/scripts/music
new file mode 100755
index 000000000..1f1b8209b
--- /dev/null
+++ b/tetrio/.config/eww/scripts/music
@@ -0,0 +1,138 @@
+#!/usr/bin/env bash
+
+get_status() {
+	s=$1
+	if [ "$s" = "Playing" ]; then
+		echo ""
+	else
+		echo ""
+	fi
+}
+
+get_length_sec() {
+	len=$1
+	if [ -z "$len" ]; then
+		echo 0
+	else
+		bc <<< "$len / 1000000"
+	fi
+}
+
+get_length_time() {
+	len=$1
+	if [ -n "$len" ]; then
+		len=$(bc <<< "$len / 1000000 + 1")
+		date -d@"$len" +%M:%S
+	else
+		echo ""
+	fi
+}
+
+get_position() {
+	pos=$1
+	len=$2
+	if [ -n "$pos" ]; then
+		bc -l <<< "$pos / $len * 100"
+	else
+		echo 0
+	fi
+}
+
+get_position_time() {
+	pos=$1
+	if [ -n "$pos" ]; then
+		date -d@"$(bc <<< "$pos / 1000000")" +%M:%S
+	else
+		echo ""
+	fi
+}
+
+get_cover() {
+	# COVER_URL=$1
+	mkdir -p "eww_covers"
+	cd "eww_covers" || exit
+
+	IMGPATH="cover_art"
+	echo '{"image": "eww_covers/cover_art_default"}'
+
+	playerctl -F metadata mpris:artUrl 2>/dev/null | while read -r COVER_URL; do
+		music_source='󰐍'
+		if [[ "$COVER_URL" = https* ]]; then
+			music_source='󰖟'
+			coverurl="$(playerctl metadata mpris:artUrl)"
+			coverurl_highres_yt="$(echo $coverurl | sed 's/hqdefault/maxresdefault/g')"
+			coverurl_highres_soundcloud="$(echo $coverurl | sed 's/80x80/500x500/g')"
+
+			# SoundCloud
+			if [[ "$coverurl" == *"sndcdn"* ]]; then
+				music_source='󰓀'
+				wget -O "$IMGPATH""_soundcloud" "$coverurl_highres_soundcloud" -q –read-timeout=0.1
+				cp "$IMGPATH""_soundcloud" "$IMGPATH"
+				imgsize=$(echo $(du -b '/home/end/.config/eww/eww_covers/cover_art' | tr '\t' '\n' | grep -v 'cover_art'))	
+			fi
+			# Youtube
+			if [[ "$coverurl" == *"ytimg"* ]]; then
+				music_source='󰗃'
+				wget -O "$IMGPATH""_yt" "$coverurl_highres_yt" -q –read-timeout=0.1
+				cp "$IMGPATH""_yt" "$IMGPATH"
+				imgsize=$(echo $(du -b '/home/end/.config/eww/eww_covers/cover_art' | tr '\t' '\n' | grep -v 'cover_art'))
+			fi
+			# Fallback
+			if [ "$imgsize" == "0" ]; then
+				wget -O "$IMGPATH""_lowres" "$coverurl" -q –read-timeout=0.1
+				cp "$IMGPATH""_lowres" "$IMGPATH"
+			fi
+
+			#Generate colors
+			cd ..
+			scripts/colorgen 'eww_covers/'$IMGPATH $coverurl "$music_source"
+			cd "eww_covers"
+		elif [ "$COVER_URL" = "" ]; then
+		    echo '{"image": "", "color": "$bg"}'
+		else
+			COVER_URL="${COVER_URL:7}"
+			cp "$COVER_URL"  "$IMGPATH"
+			
+			cd ..
+			scripts/colorgen '"eww_covers/'$IMGPATH'"' $coverurl "$music_source"
+			cd "eww_covers"
+		fi
+	done
+}
+
+# SANITIZE FIX
+sanitize() {
+	echo "$1" | sed 's/"/\"/g'
+}
+
+if [ "$1" = "cover" ]; then
+	get_cover
+elif [ "$1" = "name" ]; then
+	echo '{"artist": "", "title": ""}'
+	playerctl -F metadata -f '{{title}}\{{artist}}\' 2>/dev/null | while IFS="$(printf '\\')" read -r title artist; do
+	
+		len=$(playerctl metadata mpris:length)
+
+		gojq --null-input -r -c \
+			--arg artist "$(sanitize "$artist")" \
+			--arg title "$(sanitize "$title")" \
+			'{"artist": $artist, "title": $title}'
+		
+	done
+else
+	echo '{"artist": "", "title": "", "status": "", "position": "", "position_time": "", "length": ""}'
+	playerctl -F metadata -f '{{title}}\{{artist}}\{{status}}\{{position}}\' 2>/dev/null | while IFS="$(printf '\\')" read -r title artist status position; do
+	
+		len=$(playerctl metadata mpris:length)
+
+		gojq --null-input -r -c \
+			--arg artist "$(sanitize "$artist")" \
+			--arg title "$(sanitize "$title")" \
+			--arg status "$(get_status "$status")" \
+			--arg pos "$(get_position "$position" "$len")" \
+			--arg pos_time "$(get_position_time "$position")" \
+			--arg length "$(get_length_time "$len")" \
+			'{"artist": $artist, "title": $title, "status": $status, "position": $pos, "position_time": $pos_time, "length": $length}'
+		
+	done
+fi
\ No newline at end of file
diff --git a/tetrio/.config/eww/scripts/net b/tetrio/.config/eww/scripts/net
new file mode 100755
index 000000000..12b51935d
--- /dev/null
+++ b/tetrio/.config/eww/scripts/net
@@ -0,0 +1,40 @@
+#!/usr/bin/env bash
+
+toggle() {
+  status=$(rfkill -J | jaq -r '.rfkilldevices[] | select(.type == "wlan") | .soft' | head -1)
+
+  if [ "$status" = "unblocked" ]; then
+    rfkill block wlan
+  else
+    rfkill unblock wlan
+  fi
+}
+
+if [ "$1" = "toggle" ]; then
+  toggle
+else
+  while true; do
+    status=$(nmcli g | tail -n 1 | awk '{print $1}')
+    signal=$(nmcli -f in-use,signal dev wifi | rg "\*" | awk '{ print $2 }')
+    essid=$(nmcli -t -f NAME connection show --active | head -n1 | sed 's/\"/\\"/g')
+
+    icons=("" "" "" "" "")
+
+    if [ "$status" = "disconnected" ] ; then
+      icon=""
+      color="#988ba2"
+    else
+      level=$(awk -v n="$signal" 'BEGIN{print int((n-1)/20)}')
+      if [ "$level" -gt 4 ]; then
+        level=4
+      fi
+
+      icon=${icons[$level]}
+      color="#cba6f7"
+    fi
+
+    echo '{ "essid": "'"$essid"'", "icon": "'"$icon"'", "color": "'"$color"'" }'
+
+    sleep 3
+  done
+fi
diff --git a/tetrio/.config/eww/scripts/notifications b/tetrio/.config/eww/scripts/notifications
new file mode 100755
index 000000000..949face5f
--- /dev/null
+++ b/tetrio/.config/eww/scripts/notifications
@@ -0,0 +1,88 @@
+#!/usr/bin/env bash
+
+tmp=scripts/cache/dunst-history.json
+lock="scripts/cache/dunst-toggle.lock"
+lockinfo="scripts/cache/dunst-lock-info"
+
+touch $lockinfo
+
+declare ids
+export toggle_icon=""
+
+sanitize() {
+  retstr=$(echo $1 | sed 's/\\\\/\\\\\\\\/g' | sed 's/"/\\"/g')
+
+  # echo "original: $1"
+  echo "$retstr"
+  # echo 'sanitized'
+}
+
+get_ids() {
+  mapfile -t ids < <(dunstctl history | gojq -r ".data[] | .[] | select(.appname.data != \"Spotify\") | .id.data")
+}
+
+get_notif() {
+  echo -n '['
+
+  for id in "${ids[@]}"; do
+      mapfile -t n < <(gojq -r ".data[] | .[] | select(.id.data == $id) | .appname.data, .summary.data, .body.data" "$tmp" | sed -r '/^\s*$/d' | sed -e 's/\%/ percent/g')
+      ohkay=$(sanitize "${n[1]}")
+      # echo $ohkay
+      echo -n ''$([ $id -eq ${ids[0]} ] || echo ,)' { '
+      echo -n '"id": "'"$id"'", "appname": "'"${n[0]}"'", "summary": "'"$ohkay"'", "body": "'"${n[2]}"'"'
+      echo -n '}' 
+  done
+
+  echo ']'
+}
+
+toggle() {
+  dunstctl set-paused toggle
+
+  if [ ! -f "$lock" ]; then
+    export toggle_icon=""
+    touch "$lock"
+  else
+    export toggle_icon=""
+    rm "$lock"
+  fi
+
+  echo "icon_change" > $lockinfo
+}
+
+clear() {
+  systemctl --user restart dunst
+  echo "icon_change" > $lockinfo
+}
+
+get_icon() {
+  if [ ${#ids[@]} -eq 0 ]; then
+    echo ""
+  else
+    echo ""
+  fi
+}
+
+if [ "$1" == "toggle" ]; then
+  toggle
+  dunstctl history > "$tmp"
+elif [ "$1" == "clear" ]; then
+  clear
+  dunstctl history > "$tmp"
+elif [ "$1" == "icons" ]; then
+  dunstctl history > "$tmp"
+  get_ids
+  echo '{"toggle_icon": "'"$toggle_icon"'", "icon": "'"$(get_icon)"'"}'
+  tail -f "$lockinfo" | while read -r; do
+    get_ids
+    echo '{"toggle_icon": "'"$toggle_icon"'", "icon": "'"$(get_icon)"'"}'
+  done
+else
+  dunstctl history > "$tmp"
+  get_ids
+  get_notif
+  tail -f "$tmp" 2>/dev/null | rg --line-buffered "aa\{sv\}" | while read -r; do
+    get_ids
+    get_notif
+  done
+fi
diff --git a/tetrio/.config/eww/scripts/open-blurred.sh b/tetrio/.config/eww/scripts/open-blurred.sh
new file mode 100755
index 000000000..81d2b27d9
--- /dev/null
+++ b/tetrio/.config/eww/scripts/open-blurred.sh
@@ -0,0 +1,9 @@
+#!/usr/bin/bash
+
+exit 0 # BLURS ARE FUCKING UNSTABLE AAAAAAA
+
+current_addresses=("$(hyprctl layers -j | jq -r '.[] | .levels | ."2" | .[] | select(.namespace == "gtk-layer-shell") | .address')")
+for current_address in ${current_addresses[@]}; do
+      hyprctl keyword layerrule "blur,address:$current_address"
+      hyprctl keyword layerrule "ignorezero,address:$current_address"
+done
diff --git a/tetrio/.config/eww/scripts/overview-thumbnails b/tetrio/.config/eww/scripts/overview-thumbnails
new file mode 100755
index 000000000..1960afd20
--- /dev/null
+++ b/tetrio/.config/eww/scripts/overview-thumbnails
@@ -0,0 +1,94 @@
+#!/usr/bin/bash
+dummy='{"thumbnail": null}'
+
+getwins() {
+  overviewopen=$(scripts/isopen.sh overview)
+  if [ "$overviewopen" == "true" ]; then
+    return 
+  fi
+
+  focusedws=$(hyprctl -j monitors | gojq -r '.[] | select(.focused == true) | .activeWorkspace.id')
+  hyprctlclients=$(hyprctl clients -j \
+    | grep -v '"xwayland": ' \
+    | grep -v '"grouped": ' \
+    | grep -v '"pid": ' \
+    | grep -v '"fullscreenMode": ' \
+    | grep -v '"monitor": ' \
+    | grep -v '"floating": ' \
+    | grep -v '"fullscreen": ' \
+    | grep -v '"pinned":') # | grep -v ""name":")
+  # echo '-=-=-=- final output -=-=-=-'
+  # echo "$toprint"
+  # echo $(echo "$hyprctlclients")  # Print on one line only
+
+  workspace=('[' '[' '[' '[' '[' '[' '[' '[' '[' '[')
+  workspacecnt=(1 1 1 1 1 1 1 1 1 1)
+  outputstring='{'
+
+  wsid=0
+
+  # echo $hyprctlclients | gojq -c '.[]'
+
+  IFS=$'\n'
+  clientsarr=( $(echo $hyprctlclients | gojq -c '.[]') )
+
+  #For every window
+  for client in "${clientsarr[@]}"; do
+    wsid=$(echo $client | gojq -c '.workspace.id')
+    ((wsid-=1))
+    if [[ "$wsid" == "-100" ]]; then 
+      continue
+    fi
+    if [[ "${workspacecnt[wsid]}" != "0" ]]; then 
+      workspace[wsid]+=","
+    fi
+
+    clientclass=$(echo $client | gojq '.class' | sed 's/"//g')
+    iconpath=''
+    thumbnailpath=''
+
+    # Get thumbnail
+    clientaddress=$(echo $client | gojq '.address' | sed 's/"//g')
+    atx=$(echo $client | gojq -c '.at[0]')
+    aty=$(echo $client | gojq -c '.at[1]')
+    sizex=$(echo $client | gojq -c '.size[0]')
+    sizey=$(echo $client | gojq -c '.size[1]')
+    if [ "$(( wsid + 1 ))" == "$focusedws" ]; then
+      grim -g "$atx,$aty ""$sizex"'x'"$sizey" "scripts/cache/thumbnails/$clientaddress.png" -q 1 -t png -l 9
+    fi
+
+    # If thumbnail available
+    if [ -f "scripts/cache/thumbnails/$clientaddress.png" ]; then
+      thumbnailpath="scripts/cache/thumbnails/$clientaddress.png"
+    fi
+
+    client="\"$clientaddress\": \"$thumbnailpath\","
+    outputstring+="$client"
+
+    # echo -n "Window: $clientclass"
+    # echo '; icon path: '"$iconpath"
+    
+
+    # echo "Count: ${workspacecnt[wsid]}"
+    # echo 'ADDED TO: workspace '"$wsid"
+    # echo ' --> '"${workspace[wsid]}"
+    ((workspacecnt[wsid]+=1))
+  done
+
+  outputstring=${outputstring::-1}
+  outputstring+='}'
+
+  # echo $outputstring
+}
+
+# Do stuff here
+getwins
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  while true; do
+    getwins
+    sleep 0.8
+  done
+fi
\ No newline at end of file
diff --git a/tetrio/.config/eww/scripts/overview1 b/tetrio/.config/eww/scripts/overview1
new file mode 100755
index 000000000..a0778c755
--- /dev/null
+++ b/tetrio/.config/eww/scripts/overview1
@@ -0,0 +1,124 @@
+#!/usr/bin/bash
+dummy='{"address":"_none","at":[0,0],"class":"workspace","size":[1920,1080],"title":"<___overview_workspace>","workspace":{"id":<___overview_workspace>, "name": "<___overview_workspace>"}}'
+
+getwins() {
+  hyprctlclients=$(hyprctl clients -j \
+    | grep -v '"mapped": ' \
+    | grep -v '"hidden": ' \
+    | grep -v '"floating": ' \
+    | grep -v '"monitor": ' \
+    | grep -v '"pid": ' \
+    | grep -v '"xwayland": ' \
+    | grep -v '"pinned":' \
+    | grep -v '"fullscreen": ' \
+    | grep -v '"fullscreenMode": ' \
+    | grep -v '"fakeFullscreen": ' \
+    | grep -v '"grouped": ')
+
+  workspace=('[' '[' '[' '[' '[' '[' '[' '[' '[' '[')
+  workspacecnt=(1 1 1 1 1 1 1 1 1 1)
+
+  wsid=0
+  for i in 0 1 2 3 4; do
+    workspace[i]+=$(echo $dummy | sed "s/<___overview_workspace>/$((i+1))/g")
+  done
+
+  # echo $hyprctlclients | gojq -c '.[]'
+
+  IFS=$'\n'
+  clientsarr=( $(echo $hyprctlclients | gojq -c '.[]') )
+
+  #For every window
+  for client in "${clientsarr[@]}"; do
+    wsid=$(echo $client | gojq -c '.workspace.id')
+    ((wsid-=1))
+    iconpath=''
+    clientclass=$(echo "$client" | gojq '.class' | sed 's/"//g')
+    if [[ "$clientclass" == "" ]]; then 
+      continue
+    fi
+    if [[ "$wsid" == "-100" ]]; then 
+      continue
+    fi
+    if [[ "${workspacecnt[wsid]}" != "0" ]]; then 
+      workspace[wsid]+=","
+    fi
+
+    # If thumbnail available
+    # if [ -f "scripts/cache/thumbnails/$clientaddress.png" ]; then
+    #   thumbnailpath="scripts/cache/thumbnails/$clientaddress.png"
+    # fi
+    
+    # Get app icon
+    if [ -f "scripts/cache/$clientclass" ]; then
+        iconpath=$(cat scripts/cache/$clientclass)
+        if [ ! -f "${iconpath}" ]; then # Cache refresh if icon doesnt exist
+            iconpath=$(geticons "$clientclass" | head -n 1)
+            echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+    else
+        iconpath=$(geticons "$clientclass" | head -n 1)
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+    fi
+    if [[ ${iconpath} == "" ]]; then
+      # Retry with lowercase if icon not found
+      iconpath=$(geticons $(echo "${classarr[i]##*.}" | tr '[:upper:]' '[:lower:]' | sed 's/\ /-/g') | head -n 1)
+      if [[ ! ${iconpath} = "" ]]; then
+        rm "scripts/cache/$clientclass"
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+      else 
+        newname=$(scripts/iconpatch $clientclass)
+        iconpath=$(geticons "$newname" | head -n 1)
+        if [[ ! ${iconpath} = "" ]]; then
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        else
+          # Fallback app icon, replace the path below to the fallback icon of your choice
+          iconpath="/home/$USER/.local/share/icons/candy-icons/mimetypes/scalable/application-x-theme.svg"
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+      fi
+    fi
+
+    client=${client::-1}
+    client+=",\"icon\": \"$iconpath\"}"
+    workspace[wsid]+="$client" # Add window to workspace JSON
+
+    # echo -n "Window: $clientclass"
+    # echo '; icon path: '"$iconpath"
+    
+
+    # echo "Count: ${workspacecnt[wsid]}"
+    # echo 'ADDED TO: workspace '"$wsid"
+    # echo ' --> '"${workspace[wsid]}"
+    ((workspacecnt[wsid]+=1))
+  done
+
+  for i in 0 1 2 3 4; do
+    workspace[i]+=']'
+  done
+
+  # echo '-=-=-=-=-=- Summary -=-=-=-=-=-'
+
+  # -=-=-=-=-=-=-=-=-=-=-=-=-=-=- PRINT STUFF HERE -=-=-=-=-=-=-=-=-=-=-=-=-=-=-
+  echo -n '['
+  for i in 0 1 2 3 4; do
+    if [[ $i != 0 ]]; then
+      echo -n ','
+    fi
+    echo -n "${workspace[i]}"
+  done
+  echo ']'
+}
+
+# Do stuff here
+getwins
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    getwins
+  done
+fi
\ No newline at end of file
diff --git a/tetrio/.config/eww/scripts/overview2 b/tetrio/.config/eww/scripts/overview2
new file mode 100755
index 000000000..a4fbc6684
--- /dev/null
+++ b/tetrio/.config/eww/scripts/overview2
@@ -0,0 +1,119 @@
+#!/usr/bin/bash
+dummy='{"address":"_none","at":[0,0],"class":"workspace","size":[1920,1080],"title":"<___overview_workspace>","workspace":{"id":<___overview_workspace>, "name": "<___overview_workspace>"}}'
+
+getwins() {
+  hyprctlclients=$(hyprctl clients -j \
+    | grep -v '"mapped": ' \
+    | grep -v '"hidden": ' \
+    | grep -v '"floating": ' \
+    | grep -v '"monitor": ' \
+    | grep -v '"pid": ' \
+    | grep -v '"xwayland": ' \
+    | grep -v '"pinned":' \
+    | grep -v '"fullscreen": ' \
+    | grep -v '"fullscreenMode": ' \
+    | grep -v '"fakeFullscreen": ' \
+    | grep -v '"grouped": ')
+
+  
+
+  workspace=('[' '[' '[' '[' '[' '[' '[' '[' '[' '[')
+  workspacecnt=(1 1 1 1 1 1 1 1 1 1)
+
+  wsid=0
+  for i in 5 6 7 8 9; do
+    workspace[i]+=$(echo $dummy | sed "s/<___overview_workspace>/$((i+1))/g")
+  done
+
+  # echo $hyprctlclients | gojq -c '.[]'
+
+  IFS=$'\n'
+  clientsarr=( $(echo $hyprctlclients | gojq -c '.[]') )
+  for client in "${clientsarr[@]}"; do
+    wsid=$(echo $client | gojq -c '.workspace.id')
+    ((wsid-=1))
+    iconpath=''
+    clientclass=$(echo $client | gojq '.class' | sed 's/"//g')
+    if [[ "$clientclass" == "" ]]; then 
+      continue
+    fi
+    if [[ "$wsid" == "-100" ]]; then 
+      continue
+    fi
+    if [[ "${workspacecnt[wsid]}" != "0" ]]; then 
+      workspace[wsid]+=","
+    fi
+
+    # Get app icon
+    if [ -f "scripts/cache/$clientclass" ]; then
+        iconpath=$(cat scripts/cache/$clientclass)
+        if [ ! -f "${iconpath}" ]; then # Cache refresh if icon doesnt exist
+            iconpath=$(geticons "$clientclass" | head -n 1)
+            echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+    else
+        iconpath=$(geticons "$clientclass" | head -n 1)
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+    fi
+    if [[ ${iconpath} == "" ]]; then
+      # Retry with lowercase if icon not found
+      iconpath=$(geticons $(echo "$clientclass" | tr '[:upper:]' '[:lower:]' | sed 's/\ /-/g') | head -n 1)
+      if [[ ! ${iconpath} = "" ]]; then
+        rm "scripts/cache/$clientclass"
+        echo "${iconpath}" > "scripts/cache/$clientclass"
+      else 
+        newname=$(scripts/iconpatch $clientclass)
+        iconpath=$(geticons "$newname" | head -n 1)
+        if [[ ! ${iconpath} = "" ]]; then
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        else
+          # Fallback app icon, replace the path below to the fallback icon of your choice
+          iconpath="/home/$USER/.local/share/icons/candy-icons/mimetypes/scalable/application-x-theme.svg"
+          rm "scripts/cache/$clientclass"
+          echo "${iconpath}" > "scripts/cache/$clientclass"
+        fi
+      fi
+    fi
+
+    client=${client::-1}
+    client+=",\"icon\": \"$iconpath\"}"
+    workspace[wsid]+="$client" # Add window to workspace JSON
+
+    # echo -n "Window: $clientclass"
+    # echo '; icon path: '"$iconpath"
+    
+
+    # echo "Count: ${workspacecnt[wsid]}"
+    # echo 'ADDED TO: workspace '"$wsid"
+    # echo ' --> '"${workspace[wsid]}"
+    ((workspacecnt[wsid]+=1))
+  done
+
+  for i in 5 6 7 8 9; do
+    workspace[i]+=']'
+  done
+
+  # echo '-=-=-=-=-=- Summary -=-=-=-=-=-'
+
+  # -=-=-=-=-=-=-=-=-=-=-=-=-=-=- PRINT STUFF HERE -=-=-=-=-=-=-=-=-=-=-=-=-=-=-
+  echo -n '['
+  for i in 5 6 7 8 9; do
+    if [[ $i != 5 ]]; then
+      echo -n ','
+    fi
+    echo -n "${workspace[i]}"
+  done
+  echo ']'
+}
+
+# Do stuff here
+getwins
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    getwins
+  done
+fi
\ No newline at end of file
diff --git a/tetrio/.config/eww/scripts/selectwindow b/tetrio/.config/eww/scripts/selectwindow
new file mode 100755
index 000000000..2f88d9099
--- /dev/null
+++ b/tetrio/.config/eww/scripts/selectwindow
@@ -0,0 +1,14 @@
+#!/usr/bin/bash
+
+selected=$(eval $2 get selected)
+
+
+if [[ $selected == "_none" ]] || [[ $selected == "" ]]; then
+  eval "$2 update selected=$1"
+  selected=$(eval $2 get selected)
+else
+  hyprctl dispatch movetoworkspacesilent $3,address:$selected
+
+  eval "$2 update selected=_none"
+  selected=$(eval $2 get selected)
+fi
\ No newline at end of file
diff --git a/tetrio/.config/eww/scripts/supersecretsettings/culture b/tetrio/.config/eww/scripts/supersecretsettings/culture
new file mode 100755
index 000000000..28c5c0abf
--- /dev/null
+++ b/tetrio/.config/eww/scripts/supersecretsettings/culture
@@ -0,0 +1,18 @@
+#!/usr/bin/env bash
+plugged=0
+
+swaybg -i images/wallpaper/wallpaper-cultured &
+
+while true; do
+	STATE=$(cat /sys/class/power_supply/BATT/status)
+    if [[ "$STATE" = "Charging" ]]; then 
+        if [ "$plugged" -eq "0" ]; then 
+            plugged=1
+            notify-send 'Aghh~~~~'
+            play scripts/supersecretsettings/culture.mp3
+        fi
+    else 
+        plugged=0
+    fi      
+	sleep 1
+done
\ No newline at end of file
diff --git a/tetrio/.config/eww/scripts/supersecretsettings/doreload b/tetrio/.config/eww/scripts/supersecretsettings/doreload
new file mode 100755
index 000000000..363dbedbc
--- /dev/null
+++ b/tetrio/.config/eww/scripts/supersecretsettings/doreload
@@ -0,0 +1,10 @@
+#!/bin/sh
+
+
+cp ~/.config/hypr/hyprland.conf temporary_config.conf && cp temporary_config.conf ~/.config/hypr/hyprland.conf
+rm temporary_config.conf
+
+pkill swaybg
+swaybg -i images/wallpaper/wallpaper-normal
+
+kill $(pidof eww) && eww open bar && eww open bg-decor
diff --git a/tetrio/.config/eww/scripts/toggle-compactmode.sh b/tetrio/.config/eww/scripts/toggle-compactmode.sh
new file mode 100755
index 000000000..1682f5605
--- /dev/null
+++ b/tetrio/.config/eww/scripts/toggle-compactmode.sh
@@ -0,0 +1,16 @@
+#!/bin/bash
+
+state=$(hyprctl getoption decoration:rounding -j | gojq '.int')
+
+if [[ "$state" != "0" || "$1" == "--enable" ]]; then
+    hyprctl keyword decoration:rounding 0 
+    hyprctl keyword general:gaps_in 0 
+    hyprctl keyword general:gaps_out 0
+    if [[ "$2" == "--border" ]]; then
+        hyprctl keyword general:border_size "$3"
+    else
+        hyprctl keyword general:border_size 1
+    fi
+else
+    hyprctl reload
+fi
\ No newline at end of file
diff --git a/tetrio/.config/eww/scripts/toggle-dash.sh b/tetrio/.config/eww/scripts/toggle-dash.sh
new file mode 100755
index 000000000..e344f9031
--- /dev/null
+++ b/tetrio/.config/eww/scripts/toggle-dash.sh
@@ -0,0 +1,16 @@
+#!/usr/bin/bash
+state=$(eww get rev_dash)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_dash=false
+    eww update rev_dash=false
+    sleep 0.08
+    eww close dashboard
+else
+    scripts/toggle-overview.sh --close &
+    scripts/toggle-osettings.sh --close &
+    scripts/toggle-onotify.sh --close &
+    eww update anim_open_dash=true
+    eww open dashboard
+    eww update rev_dash=true
+fi
diff --git a/tetrio/.config/eww/scripts/toggle-music.sh b/tetrio/.config/eww/scripts/toggle-music.sh
new file mode 100755
index 000000000..dc1f244a1
--- /dev/null
+++ b/tetrio/.config/eww/scripts/toggle-music.sh
@@ -0,0 +1,13 @@
+#!/usr/bin/bash
+state=$(eww get music_open)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_music=false
+    eww update music_open=false
+    sleep 0.2
+    eww close music
+else
+    eww update anim_open_music=true
+    eww open music
+    eww update music_open=true
+fi
diff --git a/tetrio/.config/eww/scripts/toggle-onotify.sh b/tetrio/.config/eww/scripts/toggle-onotify.sh
new file mode 100755
index 000000000..aa82d40d7
--- /dev/null
+++ b/tetrio/.config/eww/scripts/toggle-onotify.sh
@@ -0,0 +1,25 @@
+#!/usr/bin/bash
+state=$(eww get rev_ontf)
+state_ostg=$(eww get rev_ostg)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_ontf=false
+    eww update rev_ontf=false
+    eww update force_sys_rev=false
+    sleep 0.3
+    eww close onotify 
+else
+    ~/.config/eww/scripts/toggle-overview.sh --close --nooffset &
+    ~/.config/eww/scripts/toggle-osettings.sh --close --nooffset &
+    eww update anim_open_ontf=true
+    eww open onotify
+    eww update rev_ontf=true &
+    eww update force_sys_rev=true &
+    # Effects
+    # ~/.config/eww/scripts/open-blurred.sh
+    sleep 0.3
+    if [[ "$state_ostg" == "true" ]]; then
+        eww close osettings 
+        eww update oquery=''
+    fi
+fi
diff --git a/tetrio/.config/eww/scripts/toggle-osettings.sh b/tetrio/.config/eww/scripts/toggle-osettings.sh
new file mode 100755
index 000000000..142eeb442
--- /dev/null
+++ b/tetrio/.config/eww/scripts/toggle-osettings.sh
@@ -0,0 +1,24 @@
+#!/usr/bin/bash
+state=$(eww get rev_ostg)
+state_ontf=$(eww get rev_ontf)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_ostg=false &
+    eww update rev_ostg=false &
+    sleep 0.3
+    eww close osettings 
+    eww update oquery=''
+else # state = false
+    ~/.config/eww/scripts/toggle-overview.sh --close --nooffset &
+    ~/.config/eww/scripts/toggle-onotify.sh --close --nooffset &
+    eww update anim_open_ostg=true &
+    eww update oquery='' &
+    eww open osettings
+    eww update rev_ostg=true &
+    # Effects
+    # ~/.config/eww/scripts/open-blurred.sh
+    sleep 0.3
+    if [[ "$state_ostg" == "true" ]]; then
+        eww close onotify 
+    fi
+fi
diff --git a/tetrio/.config/eww/scripts/toggle-overview.sh b/tetrio/.config/eww/scripts/toggle-overview.sh
new file mode 100755
index 000000000..f999c78d1
--- /dev/null
+++ b/tetrio/.config/eww/scripts/toggle-overview.sh
@@ -0,0 +1,17 @@
+#!/usr/bin/bash
+state=$(eww get open_overview)
+
+cd ~/.config/eww
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then 
+    eww close overview &
+    eww update overview_query='' &
+    eww update open_overview=false &
+else
+    scripts/listentrynames.py &
+    scripts/listentries.py &
+    eww update overview_query=''  &
+    eww update overview_hover_name='{"class":"LMB: Focus | MMB: Close | RMB: Select/Move","title":"Activities Overview","workspace":{"id":5,"name":"5"},"icon": "/usr/share/icons/breeze-dark/actions/16/window.svg"}' &
+    eww open overview
+    eww update open_overview=true
+fi
diff --git a/tetrio/.config/eww/scripts/toggle-themer.sh b/tetrio/.config/eww/scripts/toggle-themer.sh
new file mode 100755
index 000000000..38446da43
--- /dev/null
+++ b/tetrio/.config/eww/scripts/toggle-themer.sh
@@ -0,0 +1,13 @@
+#!/usr/bin/bash
+state=$(eww get rev_themer)
+
+if [[ "$state" == "true" || "$1" == "--close" ]]; then
+    eww update anim_open_themer=false
+    eww update rev_themer=false
+    sleep 0.25
+    eww close themer
+else
+    eww update anim_open_themer=true
+    eww open themer
+    eww update rev_themer=true
+fi
diff --git a/tetrio/.config/eww/scripts/togglelight b/tetrio/.config/eww/scripts/togglelight
new file mode 100755
index 000000000..96dd9b58f
--- /dev/null
+++ b/tetrio/.config/eww/scripts/togglelight
@@ -0,0 +1,9 @@
+#!/usr/bin/bash
+
+if [ "$1" == "light" ]; then
+  echo -n '-l' > 'scripts/workdir/__mode_light_dark.txt'
+  cp css/savedcolors/_iconcolor_default.txt css/_iconcolor_default.txt
+else
+  echo -n '' > 'scripts/workdir/__mode_light_dark.txt'
+  cp css/savedcolors/_iconcolor_default.txt css/_iconcolor_default.txt
+fi
\ No newline at end of file
diff --git a/tetrio/.config/eww/scripts/volume b/tetrio/.config/eww/scripts/volume
new file mode 100755
index 000000000..6cec313ce
--- /dev/null
+++ b/tetrio/.config/eww/scripts/volume
@@ -0,0 +1,118 @@
+#!/usr/bin/env bash
+
+volicons=("" "" "")
+XDG_CACHE_HOME="$HOME/.cache"
+date="$XDG_CACHE_HOME/eww/osd_vol.date"
+lock=0
+
+showhide() {
+  # get dates
+  rundate=$(cat "$date")
+  currentdate=$(date +%s)
+
+  # handle showing
+  if [ "$rundate" = "$currentdate" ] && [ "$lock" -eq 0 ]; then
+    eww open osd
+    eww update osd_vol=true
+    lock=1
+  elif [ "$((currentdate - rundate))" = "2" ] && [ "$lock" -eq 1 ]; then
+    eww update osd_vol=false
+    if [ "$(eww get osd_vol)" = "false" ] && [ "$(eww get osd_bright)" = "false" ]; then
+      dummy=$(eww close osd)
+    fi
+    lock=0
+  fi
+}
+
+osd() {
+  if [ ! -f "$date" ]; then
+    mkdir -p "$XDG_CACHE_HOME/eww"
+  fi
+  date +%s > "$date"
+  showhide
+}
+
+osd_handler() {
+  lock=0
+  rundate=0
+  if [ ! -f "$date" ]; then
+    mkdir -p "$XDG_CACHE_HOME/eww"
+    echo 0 > "$date"
+  fi
+
+  while true; do
+    showhide
+    sleep 0.1
+  done
+
+  dummy=$(eww close osd)
+}
+
+vol() {
+  wpctl get-volume @DEFAULT_AUDIO_$1@ | awk '{print int($2*100)}'
+}
+ismuted() {
+  wpctl get-volume @DEFAULT_AUDIO_"$1"@ | rg -i muted
+  echo $?
+}
+setvol() {
+  wpctl set-volume @DEFAULT_AUDIO_"$1"@ "$(awk -v n="$2" 'BEGIN{print (n / 100)}')"
+}
+setmute() {
+  wpctl set-mute @DEFAULT_AUDIO_"$1"@ toggle
+}
+
+if [ "$1" = "mute" ]; then
+  if [ "$2" != "SOURCE" ] && [ "$2" != "SINK" ]; then
+    echo "Can only mute SINK or SOURCE"; exit 1
+  fi
+  setmute "$2"
+elif [ "$1" = "setvol" ]; then
+  if [ "$2" != "SOURCE" ] && [ "$2" != "SINK" ]; then
+    echo "Can only set volume for SINK or SOURCE"; exit 1
+  elif [ "$3" -lt 1 ] || [ "$3" -gt 100 ]; then
+    echo "Volume must be between 1 and 100"; exit 1
+  fi
+  setvol "$2" "$3"
+elif [ "$1" = "osd" ]; then
+  osd
+else
+  # initial values
+  lvl=$(awk -v n="$(vol "SINK")" 'BEGIN{print int(n/34)}')
+  ismuted=$(ismuted "SINK")
+
+  if [ "$ismuted" = 1 ]; then
+  	icon="${volicons[$lvl]}"
+  else
+    icon=""
+  fi
+  audio=1
+  if [ "$(wpctl status | grep 'MUTED')" == "" ]; then
+    audio=1
+  else 
+    audio=0
+  fi
+
+  echo '{"icon":"'"$icon"'","audio":"'"$audio"'","percent":"'"$(vol "SINK")"'","microphone":"'"$(vol "SOURCE")"'"}'
+
+  osd_handler &
+  # event loop
+  pactl subscribe | rg --line-buffered "on sink" | while read -r _; do
+    lvl=$(awk -v n="$(vol "SINK")" 'BEGIN{print int(n/34)}')
+    ismuted=$(ismuted "SINK")
+
+    if [ "$ismuted" = 1 ]; then
+    	icon="${volicons[$lvl]}"
+    else
+      icon=""
+    fi
+    audio=1
+    if [ "$(wpctl status | grep 'MUTED')" == "" ]; then
+      audio=1
+    else 
+      audio=0
+    fi
+
+    echo '{"icon":"'"$icon"'","audio":"'"$audio"'","percent":"'"$(vol "SINK")"'","microphone":"'"$(vol "SOURCE")"'"}'
+  done
+fi
diff --git a/tetrio/.config/eww/scripts/winlist b/tetrio/.config/eww/scripts/winlist
new file mode 100755
index 000000000..97217c8a3
--- /dev/null
+++ b/tetrio/.config/eww/scripts/winlist
@@ -0,0 +1,27 @@
+#!/usr/bin/bash
+getwinlist(){
+  toprint=$(hyprctl clients -j \
+    | grep -v '"xwayland": ' \
+    | grep -v '"grouped": ' \
+    | grep -v '"pid": ' \
+    | grep -v '"fullscreenMode": ' \
+    | grep -v '"monitor": ' \
+    | grep -v '"floating": ' \
+    | grep -v '"fullscreen": ' \
+    | grep -v '"at": ' \
+    | grep -v '"pinned":') # | grep -v ""name":")
+  # echo '-=-=-=- final output -=-=-=-'
+  # echo "$toprint"
+  echo $(echo "$toprint")  # Print on one line only
+}
+
+getwinlist
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    # echo $line
+    getwinlist
+  done
+fi
\ No newline at end of file
diff --git a/tetrio/.config/eww/scripts/winnumbers b/tetrio/.config/eww/scripts/winnumbers
new file mode 100755
index 000000000..079870c4e
--- /dev/null
+++ b/tetrio/.config/eww/scripts/winnumbers
@@ -0,0 +1,29 @@
+#!/usr/bin/bash
+
+geticonlist() {
+    classes=$(hyprctl clients | grep -e 'class: ' | sed 's/class: Code/class: code/' | sed 's/\tclass: //')
+    addresses=$(hyprctl clients | grep -e ' -> ')
+    # echo "$classes"
+    IFS=$'\n'
+    classarr=($(echo "$classes"))
+    
+    printf '['
+    for i in "${!classarr[@]}"; do
+        if [ $i -ne 0 ]; then
+            printf ', '
+        fi
+        printf "$i"
+    done
+    echo ']'
+}
+
+geticonlist
+
+if [ "$1" == "--once" ]; then
+  exit 0
+else
+  socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "window>>" | while read -r line; do
+    geticonlist
+  done
+fi
+
diff --git a/tetrio/.config/eww/scripts/workdir/__mode_light_dark.txt b/tetrio/.config/eww/scripts/workdir/__mode_light_dark.txt
new file mode 100644
index 000000000..e69de29bb
diff --git a/tetrio/.config/eww/scripts/workspaces b/tetrio/.config/eww/scripts/workspaces
new file mode 100755
index 000000000..bb41b2003
--- /dev/null
+++ b/tetrio/.config/eww/scripts/workspaces
@@ -0,0 +1,153 @@
+#!/usr/bin/env bash
+
+# define colors
+colors=("#FFFFFF" "#fab387" "#a6e3a1" "#89b4fa") # Active Workspaces
+dimmed=("rgba(174,172,182,0.7)" "#f9e2af" "#94e2d5" "#b4befe") # Inactive workspaces
+empty='rgba(146,145,145,0.5)' # Empty workspaces
+
+# get initial focused workspace
+focusedws=$(hyprctl -j monitors | gojq -r '.[] | select(.focused == true) | .activeWorkspace.id')
+
+declare -A o=([1]=0 [2]=0 [3]=0 [4]=0 [5]=0 [6]=0 [7]=0 [8]=0 [9]=0 [10]=0)
+declare -A monitormap
+declare -A workspaces
+
+# set color for each workspace
+status() {
+  if [ "${o[$1]}" -eq 1 ]; then 
+    mon=${monitormap[${workspaces[$1]}]}
+    echo -n "${dimmed[$mon]}"
+  else
+    echo -n "$empty"
+  fi
+}
+
+status_activity() {
+  if [ "${o[$1]}" -eq 1 ]; then 
+    mon=${monitormap[${workspaces[$1]}]}
+
+    if [ $focusedws -eq "$1" ]; then
+      echo -n "active"
+    else
+      echo -n "inactive"
+    fi
+  else
+    echo -n "empty"
+  fi
+}
+
+# handle workspace create/destroy
+workspace_event() {
+  if (( $1 <= 10 )); then
+    o[$1]=$2
+    while read -r k v; do workspaces[$k]="$v"; done < <(hyprctl -j workspaces | gojq -r '.[]|"\(.id) \(.monitor)"')
+  fi
+  if [ "$2" == "0" ]; then
+    unset "workspaces[$1]"
+  fi
+}
+# handle monitor (dis)connects
+monitor_event() {
+  while read -r k v; do monitormap["$k"]=$v; done < <(hyprctl -j monitors | gojq -r '.[]|"\(.name) \(.id) "')
+}
+
+# generate the json for eww
+generate() {
+  echo -n '['
+
+  for i in {1..10}; do
+    echo -n ''$([ $i -eq 1 ] || echo ,)'{"num":"'$i'","clr":"'$(status "$i")'"}'
+    # echo -n ''$([ $i -eq 1 ] || echo ,) '{ "number": "'"$i"'", "activity": "'"$(status_activity $i)"'", "color": "'$(status "$i")'" }'
+  done
+
+  # echo -n ',{"num":"'$focusedws'","clr":"'$(status "$focusedws")'"}'
+
+  echo ']'
+}
+
+# setup
+
+# add monitors
+monitor_event
+
+# add workspaces
+while read -r k v; do workspaces[$k]="$v"; done < <(hyprctl -j workspaces | gojq -r '.[]|"\(.id) \(.monitor)"')
+
+# check occupied workspaces
+for num in "${!workspaces[@]}"; do
+  o[$num]=1
+done
+# generate initial widget
+generate
+
+socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | while read -r line; do
+  # echo "${#workspaces[@]} ${#o[@]}"
+  # echo $line
+  case ${line%>>*} in
+    "focusedmon")
+      focusedws=${line#*,}
+      generate
+      ;;
+    "createworkspace")
+      # workspace_event "${line#*>>}" 1
+      o=([1]=0 [2]=0 [3]=0 [4]=0 [5]=0 [6]=0 [7]=0 [8]=0 [9]=0 [10]=0)
+      workspaces=()
+      # add workspaces
+      while read -r k v; do workspaces[$k]="$v"; done < <(hyprctl -j workspaces | gojq -r '.[]|"\(.id) \(.monitor)"')
+      # check occupied workspaces
+      for num in "${!workspaces[@]}"; do
+        o[$num]=1
+      done
+      # focusedws=${line#*>>}
+      generate
+      ;;
+    "movewindow")
+      generate
+      ;;
+    "destroyworkspace")
+      # workspace_event "${line#*>>}" 0
+      o=([1]=0 [2]=0 [3]=0 [4]=0 [5]=0 [6]=0 [7]=0 [8]=0 [9]=0 [10]=0)
+      workspaces=()
+      # add workspaces
+      while read -r k v; do workspaces[$k]="$v"; done < <(hyprctl -j workspaces | gojq -r '.[]|"\(.id) \(.monitor)"')
+      # check occupied workspaces
+      for num in "${!workspaces[@]}"; do
+        o[$num]=1
+      done
+      generate
+      ;;
+    "monitor"*)
+      monitor_event
+      generate
+      ;;
+  esac
+  # echo $line
+  # generate
+done
+
+# main loop
+# socat -u UNIX-CONNECT:/tmp/hypr/"$HYPRLAND_INSTANCE_SIGNATURE"/.socket2.sock - | rg --line-buffered "workspace|mon(itor)?" | while read -r line; do
+#   case ${line%>>*} in
+#     "workspace")
+#       focusedws=${line#*>>}
+#       generate
+#       ;;
+#     "focusedmon")
+#       focusedws=${line#*,}
+#       generate
+#       ;;
+#     "createworkspace")
+#       workspace_event "${line#*>>}" 1
+#       focusedws=${line#*>>}
+#       # generate
+#       ;;
+#     "destroyworkspace")
+#       workspace_event "${line#*>>}" 0
+#       generate
+#       ;;
+#     "monitor"*)
+#       monitor_event
+#       generate
+#       ;;
+#   esac
+# done
\ No newline at end of file
diff --git a/tetrio/.config/eww/tmp/_colorscheme.colorpallete b/tetrio/.config/eww/tmp/_colorscheme.colorpallete
new file mode 100644
index 000000000..d7c9fce51
--- /dev/null
+++ b/tetrio/.config/eww/tmp/_colorscheme.colorpallete
@@ -0,0 +1,14 @@
+//Auto generated color theme for image at: https://i.ytimg.com/vi/5kJFLc58nWo/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCwudZBZijm8By6VI7WSUnLSlh2gA
+@function bluetint($color, $percentage) {  @return mix(#CDDFED, $color, $percentage); }
+@function blueshade($color, $percentage) { @return mix(#152E50, $color, $percentage); }
+$colorbarbg: #0e1521;
+$colorbg: rgba(14,21,33,0.7);
+$colortext: #eedee7;
+$color0: #DF7091;
+$color1: #7486A9;
+$color2: #9E92AE;
+$color3: #CEA3B6;
+$color4: #B1ABC6;
+$color5: #D8B4CC;
+$color6: #eedee7;
+$color7: #CEA3B6;
diff --git a/tetrio/.config/eww/tmp/_iconcolor.txt b/tetrio/.config/eww/tmp/_iconcolor.txt
new file mode 100644
index 000000000..7d9401e5f
--- /dev/null
+++ b/tetrio/.config/eww/tmp/_iconcolor.txt
@@ -0,0 +1 @@
+#eedee7
diff --git a/tetrio/.config/eww/tmp/colors_generated.conf b/tetrio/.config/eww/tmp/colors_generated.conf
new file mode 100644
index 000000000..e4bce2aa3
--- /dev/null
+++ b/tetrio/.config/eww/tmp/colors_generated.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/5kJFLc58nWo/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCwudZBZijm8By6VI7WSUnLSlh2gA
+general {
+    col.active_border = rgba(DF7091FF) rgba(7486A9FF) rgba(CEA3B6FF) 45deg
+    col.inactive_border = rgba(DF709166)
+}
diff --git a/tetrio/.config/eww/windows/bg-decor.yuck b/tetrio/.config/eww/windows/bg-decor.yuck
new file mode 100755
index 000000000..3adacd6b0
--- /dev/null
+++ b/tetrio/.config/eww/windows/bg-decor.yuck
@@ -0,0 +1,46 @@
+(defwidget bgdecors []
+  (box
+    :space-evenly false
+    :spacing 5
+    :orientation "v"
+    (label
+      :xalign 0
+      :class "bg-decor-dow" ; Hyperland maybe?
+      :text "${time.day}"
+    )
+    (label
+      :xalign 0
+      :class "bg-decor-date"
+      :text "${time.date}"
+    )
+    ; I don't like focus being moved to this on reload
+    ; (box
+    ;   :spacing 0
+    ;   :space-evenly false
+    ;   (input
+    ;     :class "bg-decor-input-left"
+    ;     :onaccept "firefox https://www.google.com/search?q={}"
+    ;   )
+    ;   (button
+    ;     :class "bg-decor-input-right"
+    ;     ""
+    ;   )
+    ; )
+  )
+)
+
+(defwindow bg-decor
+  :focusable false
+  :stacking "bottom"
+  :windowtype "normal"
+  :wm-ignore true
+  :geometry (geometry
+    :x 80
+    :y 0
+    :width "100%"
+    :height "100%"
+    :anchor "left center"
+  )
+  :monitor 0
+  (bgdecors)
+)
\ No newline at end of file
diff --git a/tetrio/.config/eww/windows/calendar.yuck b/tetrio/.config/eww/windows/calendar.yuck
new file mode 100755
index 000000000..be172d0a6
--- /dev/null
+++ b/tetrio/.config/eww/windows/calendar.yuck
@@ -0,0 +1,19 @@
+(defwidget calendar-win []
+  (box
+    :class "calendar-win"
+    (calendar)
+  )
+)
+
+(defwindow calendar
+  :wm-ignore true
+  :monitor 0
+  :geometry (geometry
+    :x "0%"
+    :y "0%"
+    :anchor "top left"
+    :width "0px"
+    :height "0px"
+  )
+  (calendar-win)
+)
diff --git a/tetrio/.config/eww/windows/dashboard.yuck b/tetrio/.config/eww/windows/dashboard.yuck
new file mode 100755
index 000000000..96a98182b
--- /dev/null
+++ b/tetrio/.config/eww/windows/dashboard.yuck
@@ -0,0 +1,324 @@
+; (defvar separateanim "${anim_open_dash ? 'transition: 300ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 200ms cubic-bezier(0.3, 0, 0.8, 0.15);'}")
+; (defvar fromleft "${rev_dash ? '' : 'margin-left: -1000px;'}")
+; (defvar fromright "${rev_dash ? '' : 'margin-right: -1000px;'}")
+; (defvar fromtop "${rev_dash ? '' : 'margin-top: -1000px;'}")
+; (defvar frombottom "${rev_dash ? '' : 'margin-bottom: -1000px;'}")
+
+(defvar dash_curve_in "transition: 150ms cubic-bezier(0.05, 0.9, 0.1, 1.0);")
+(defvar dash_curve_out "transition: 80ms cubic-bezier(0.3, 0, 0.8, 0.15);")
+
+(defwidget dashboard-contents []
+  (box
+    :class "dash-window"
+    :orientation "v"
+    :space-evenly false
+    (eventbox ; Close when clicking outside
+      :onclick "scripts/toggle-dash.sh &"
+      :onmiddleclick "scripts/toggle-dash.sh &"
+      :onrightclick "scripts/toggle-dash.sh &"
+    )
+    (box ; All the stuff go here
+      :orientation "v"
+      :space-evenly false
+      (box ; Description
+        :orientation "v"
+        :space-evenly false
+        :class "dash"
+        :halign "start"
+        :style "
+        ${anim_open_dash ? dash_curve_in : dash_curve_out}
+        ${rev_dash ? '' : 'margin-left: -1100px; margin-right: 1100px;'}
+        "
+        (label :angle 0 :xalign 0 :class "dash-title" :text "Dashboard")
+        (label :angle 0 :xalign 0 :class "dash-subtitle" :text "Serves the sole purpose of showing off to awesomewm users ;)")
+      )
+      (box
+        :orientation "h"
+        :space-evenly false
+        (box
+          :orientation "v"
+          :space-evenly false
+          (box
+            :orientation "h"
+            :space-evenly false
+            :class "dash dash-tile"
+            :style "
+            ${anim_open_dash ? dash_curve_in : dash_curve_out}
+            ${rev_dash ? '' : 'margin-left: -1010px; margin-right: 1010px;'}
+            "
+            (input
+              :class "dash-input"
+              :onaccept "scripts/dashactivate --web 'firefox \"https://www.google.com/search?q={}\"' && hyprctl dispatch focuswindow firefox &"
+            )
+            (button
+              :class "dash-input-icon dash-button"
+              :onclick "scripts/dashactivate --web 'firefox \"https://www.google.com/search?q=\"' && hyprctl dispatch focuswindow firefox &"
+              ""
+            )
+          )
+          (box ; Row 1
+            :orientation "h"
+            :space-evenly false
+            (box ; Col 1
+              :orientation "v"
+              :space-evenly false
+              (box ; User
+                :orientation "h"
+                :space-evenly false
+                :class "dash dash-profile"
+                :style "
+                ${anim_open_dash ? dash_curve_in : dash_curve_out}
+                ${rev_dash ? '' : 'margin-left: -500px; margin-right: 500px;'}
+                "
+                (box
+                  :valign "center"
+                  :class "dash-user-pic"
+                  :style "background-image: url('/var/lib/AccountsService/icons/${username == "" ? username_default : username}');"
+                )
+                (box
+                  :orientation "v" :space-evenly false :valign "center"
+                  (box
+                    :orientation "h" :space-evenly false
+                    (label :class "dash-fetch-icon" :text "")
+                    (label :class "dash-fetch" :text "${username + '@' + hostname}")
+                  )
+                  (box
+                    :orientation "h" :space-evenly false
+                    (label :class "dash-fetch-icon" :text "")
+                    (label :class "dash-fetch" :text "${kernel}")
+                  )
+                  (box
+                    :orientation "h" :space-evenly false
+                    (label :class "dash-fetch-icon" :text "")
+                    (label :class "dash-fetch" :text "${uptime}")
+                  )
+                  (box
+                    :orientation "h" :space-evenly false
+                    (label :class "dash-fetch-icon" :text "")
+                    (label :class "dash-fetch" :text "${wm}")
+                  )
+                  (box
+                    :orientation "h" :space-evenly false
+                    (label :class "dash-fetch-icon" :text "")
+                    (label :class "dash-fetch" :text "${packages}")
+                  )
+                )
+              )
+              (box
+                :orientation "v"
+                :space-evenly false
+                :class "dash"
+                :height 124
+                :style "
+                ${anim_open_dash ? dash_curve_in : dash_curve_out}
+                ${rev_dash ? '' : 'margin-bottom: -1000px; margin-top: 1000px;'}
+                "
+                (label :xalign 0 :class "dash-quote-content clr3" :text "${quote_content[0]}")
+                (label :xalign 1 :class "dash-quote-author clr4" :text "${quote_author[0]}")
+              )
+            )
+            (box ; Col 2
+              :orientation "v"
+              :space-evenly false
+              (box ; Clock
+                :orientation "h"
+                :space-evenly false
+                :class "dash"
+                :style "
+                ${anim_open_dash ? dash_curve_in : dash_curve_out}
+                ${rev_dash ? '' : 'margin-top: -500px; margin-bottom: 500px;'}
+                "
+                (box ; Clock numbers
+                  :orientation "v"
+                  :space-evenly false
+                  :class "dash-clock-text-area"
+                  (box ; Clock time
+                    :orientation "h"
+                    :space-evenly false
+                    :halign "center"
+                    (label :xalign 0.5 :class "dash-time clr1" :text "${time.hour}")
+                    (label :xalign 0.5 :class "dash-time clrt" :text ":")
+                    (label :xalign 0.5 :class "dash-time clr3" :text "${time.minute}")
+                  )
+                  (box ; Clock date
+                    :orientation "h"
+                    :space-evenly false
+                    :halign "center"
+                    (label :xalign 0.5 :class "dash-date clr6" :text "${time.day}, ${time.date}")
+                  )
+                )
+                (box
+                  :class "dash-clock-circle-area"
+                  (circular-progress
+                    :value "${time.minute / 60 * 100}"
+                    :thickness 7
+                    :start-at 75
+                    :class "clr3 dash-clock-circle"
+                    (circular-progress
+                      :value "${time.hour % 12 / 12 * 100}"
+                      :thickness 7
+                      :start-at 75
+                      :class "clr1 dash-clock-circle dash-clock-circle-minute"
+                      (label
+                        :text ""
+                      :class "dash-clock-inner")
+                    )
+                  )
+                )
+              )
+              (box ; Calendar
+                :orientation "v"
+                :space-evenly false
+                :class "dash"
+                :style "
+                ${anim_open_dash ? dash_curve_in : dash_curve_out}
+                ${rev_dash ? '' : 'margin-bottom: -500px; margin-top: 500px;'}
+                "
+                (calendar
+                  :height 210
+                  :ihatethiswidget true
+                  :style "
+                  padding-top: 2px;
+                  font-family: Rubik;
+                  
+                  "
+                )
+              )
+            )
+            (box ; Col 3
+              :orientation "v"
+              :space-evenly false
+              (box ; Calendar
+                :orientation "v"
+                :space-evenly false
+                :class "dash dash-dir-area"
+                :style "
+                ${anim_open_dash ? dash_curve_in : dash_curve_out}
+                ${rev_dash ? '' : 'margin-right: -500px; margin-left: 500px;'}
+                "
+                (button
+                  :class "dash-dir dash-button"
+                  :onclick "scripts/dashactivate '${FILE_BROWSER} ~/Documents' &"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :class "clrt"
+                    (label :xalign 0 :text " " :class "icon")
+                    (label :xalign 0 :text "documents")
+                  )
+                )
+                (button
+                  :class "dash-dir dash-button"
+                  :onclick "scripts/dashactivate '${FILE_BROWSER} ~/Downloads' &"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :class "clrt"
+                    (label :xalign 0 :text " " :class "icon")
+                    (label :xalign 0 :text "downloads")
+                  )
+                )
+                (button
+                  :class "dash-dir dash-button"
+                  :onclick "scripts/dashactivate '${FILE_BROWSER} ~/Pictures' &"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :class "clrt"
+                    (label :xalign 0 :text " " :class "icon")
+                    (label :xalign 0 :text "pictures")
+                  )
+                )
+                (button
+                  :class "dash-dir dash-button"
+                  :onclick "scripts/dashactivate '${FILE_BROWSER} ~/Videos' &"
+                  (box
+                    :orientation "h"
+                    :space-evenly false
+                    :class "clrt"
+                    (label :xalign 0 :text " " :class "icon")
+                    (label :xalign 0 :text "videos")
+                  )
+                )
+              )
+              
+              
+              (box ; Resources
+                :orientation "v"
+                :space-evenly false
+                :class "dash dash-resources"
+                :style "
+                ${anim_open_dash ? dash_curve_in : dash_curve_out}
+                ${rev_dash ? '' : 'margin-top: -700px; margin-bottom: 700px;'}
+                "
+                (label :text "Memory" :class "dash-resource-title clr3")
+                (box
+                  :orientation "h"
+                  :space-evenly false
+                  ; :style "background-color: red;"
+                  (box ; RAM
+                    :orientation "v"
+                    :space-evenly false
+                    :class "dash-resource-tile"
+                    (circular-progress
+                      :value "${memory.percentage}"
+                      :thickness 7
+                      :start-at 75
+                      :class "clr3 dash-clock-circle"
+                      (box :class "dash-resource-inner")
+                    )
+                    (label :class "dash-resource-text" :text "${memory.used}")
+                  )
+                  (label :yalign 0.34 :class "dash-resource-icon" :style "font-size: 20pt;" :text "")
+                  (box ; Swap
+                    :orientation "v"
+                    :space-evenly false
+                    :class "dash-resource-tile"
+                    (circular-progress
+                      :value "${memory.swappercentage}"
+                      :thickness 7
+                      :start-at 75
+                      :class "clr3 dash-clock-circle"
+                      (box :class "dash-resource-inner")
+                    )
+                    (label :class "dash-resource-text" :text "${memory.swapused}")
+                  )
+                )
+              )
+            )
+          )
+        )
+        (box ;Actinos
+          :orientation "v"
+          :space-evenly false
+          (box
+            :orientation "v"
+            :space-evenly false
+            :style "
+            ${anim_open_dash ? dash_curve_in : dash_curve_out}
+            ${rev_dash ? '' : 'margin-right: -100px; margin-left: 100px;'}
+            "
+            (button :onclick "scripts/dashactivate '~/.local/bin/lock.sh' &" :class "dash clr4 dash-icon dash-button"          (label :class "icon" :text "") )
+            (button :onclick "scripts/dashactivate 'systemctl suspend' &" :class "dash clr3 dash-icon dash-button"             (label :class "icon" :text "") )
+            (button :onclick "scripts/dashactivate 'loginctl terminate-user $USER' &" :class "dash clr2 dash-icon dash-button" (label :class "icon" :text "") )
+            (button :onclick "scripts/dashactivate 'systemctl reboot' &" :class "dash clr1 dash-icon dash-button"              (label :class "icon" :text "") )
+            (button :onclick "scripts/dashactivate 'systemctl poweroff' &" :class "dash clr0 dash-icon dash-button"            (label :class "icon" :text "") )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow dashboard
+  :focusable true
+  :windowtype "normal"
+  :wm-ignore true
+  :geometry (geometry
+    :x 0
+    :y 0
+    :anchor "center center"
+  )
+  :monitor 0
+  (dashboard-contents)
+)
\ No newline at end of file
diff --git a/tetrio/.config/eww/windows/dynamic-bg.yuck b/tetrio/.config/eww/windows/dynamic-bg.yuck
new file mode 100755
index 000000000..6353214c4
--- /dev/null
+++ b/tetrio/.config/eww/windows/dynamic-bg.yuck
@@ -0,0 +1,58 @@
+(defvar MOVEMULTIPLIER 4)
+(defvar morebgoffset 4)
+
+(defwidget dynbg []
+  (overlay
+    (box
+      :class "dynbg-image"
+      :style "background-position: ${(activews - 5)*MOVEMULTIPLIER > 50 ? 100 : 50+(activews - 5)*MOVEMULTIPLIER}% 20%"
+    )
+    (box
+      :space-evenly false
+      :spacing 5
+      :orientation "v"
+      :halign "fill"
+      :valign "center"
+      :style "margin-left: 5rem;"
+      (label
+        :xalign 0
+        :class "bg-decor-dow"
+        :text "${time.day}"
+      )
+      (label
+        :xalign 0
+        :class "bg-decor-date"
+        :text "${time.date}"
+      )
+      ; I don't like focus being moved to this on reload
+      ; (box
+        ;   :spacing 0
+        ;   :space-evenly false
+        ;   (input
+          ;     :class "bg-decor-input-left"
+          ;     :onaccept "firefox https://www.google.com/search?q={}"
+        ;   )
+        ;   (button
+          ;     :class "bg-decor-input-right"
+          ;     ""
+        ;   )
+      ; )
+    )
+  )
+)
+
+(defwindow dynamic-bg
+  :focusable false
+  :stacking "bg"
+  :windowtype "normal"
+  :wm-ignore true
+  :geometry (geometry
+    :x 0
+    :y 0
+    :width "100%"
+    :height "100%"
+    :anchor "center center"
+  )
+  :monitor 0
+  (dynbg)
+)
\ No newline at end of file
diff --git a/tetrio/.config/eww/windows/music.yuck b/tetrio/.config/eww/windows/music.yuck
new file mode 100755
index 000000000..8f5439d13
--- /dev/null
+++ b/tetrio/.config/eww/windows/music.yuck
@@ -0,0 +1,106 @@
+(defwidget music []
+  (eventbox
+    :onhoverlost "scripts/toggle-music.sh --close &"
+    (box
+      :class "window window-music"
+      :orientation "v"
+      :space-evenly false
+      :style "
+      ${music_open ? '' : 'margin-top: -233px; margin-bottom: 233px;'}
+      ${anim_open_music ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+      "
+      (box
+        :class "window-titlebar-music"
+        (label :class "window-text" :xalign 0 :text "MUSIC")
+      )
+      (overlay
+        (box ; Fallback
+          :class "music-cover-art"
+          :style "min-height: 166px;"
+        )
+        (box ; Cover art
+          :class "music-cover-art"
+          :style "background-image: url('${mcover.image}');"
+        )
+        (box ;
+          :orientation "v"
+          :class "music-box"
+          :space-evenly false
+          (label
+            :class "music-title"
+            :wrap false
+            :text "${music.title == '' ? 'Not playing' : music.title}"
+            :style "color: ${mcover.color.colors.color4};"
+            :limit-width 35
+          )
+          (label
+            :class "music-artist"
+            :wrap true
+            :text "${music.artist}"
+            :style "color: ${mcover.color.colors.color4};"
+          )
+          (box
+            :halign "fill"
+            :class "music-button-box"
+            (centerbox
+              :halign "center"
+              (button
+                :class "song-button"
+                :style "color: ${mcover.color.colors.color4};"
+                :onclick "playerctl previous" ""
+              )
+              (button
+                :class "song-button"
+                :style "color: ${mcover.color.colors.color4};"
+                :onclick "playerctl play-pause"
+                "${music.status != '' ? music.status : ''}"
+              )
+              (button
+                :class "song-button"
+                :style "color: ${mcover.color.colors.color4};"
+                :onclick "playerctl next"
+                ""
+              )
+            )
+          )
+          (scale
+            :valign "end"
+            :value {music.position}
+            :class "track-scale"
+            :onchange "playerctl position `bc <<< \"{} * $(playerctl metadata mpris:length) / 1000000 / 100\"`"
+            :style "highlight {background-color: ${mcover.color.colors.color4};}"
+          )
+        )
+        (box
+          :orientation "h"
+          :space-evenly false
+          (box
+            :class "music-media-source"
+            :halign "start"
+            :valign "start"
+            :orientation "h"
+            (label :class "music-source-icon" :text "${mcover.color.source}" :style "color: ${mcover.color.colors.color4};")
+          )
+          (box
+            :halign "start"
+            :valign "start"
+            :class "music-media-source-wedge"
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow music
+  :wm-ignore true
+  :stacking "overlay"
+  :monitor 0
+  :geometry (geometry
+    ; :x "53px"
+    :y "32px"
+    :width "558px"
+    :height "191px"
+  :anchor "top left")
+  (music)
+)
diff --git a/tetrio/.config/eww/windows/onotify.yuck b/tetrio/.config/eww/windows/onotify.yuck
new file mode 100755
index 000000000..bd93c93fe
--- /dev/null
+++ b/tetrio/.config/eww/windows/onotify.yuck
@@ -0,0 +1,520 @@
+(defwidget onotify []
+  (box
+    :orientation "v"
+    :space-evenly false
+    :style "
+    ${anim_open_ontf ? 'transition: 300ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 200ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_ontf ? '' : 'margin-right: -600px;'}
+    "
+    (eventbox
+      :onclick "scripts/toggle-onotify.sh --close &"
+      :onmiddleclick "scripts/toggle-onotify.sh --close &"
+      :onrightclick "scripts/toggle-onotify.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 1px;"
+      )
+    )
+    (eventbox
+      ; :onhoverlost "scripts/toggle-onotify.sh --close &"
+      (box
+        :orientation "v"
+        :space-evenly false
+        :class "onotify-window"
+        (box
+          :class "system-row"
+          :space-evenly false
+          :halign "center"
+          (box
+            :class "wifi-box"
+            :space-evenly false
+            :orientation "v"
+            (overlay
+              (box
+                :class "element"
+                :space-evenly false
+                (button
+                  ; :class "wifi-button"
+                  :onclick "scripts/net toggle"
+                  :style "font-family: Material Symbols Outlined;"
+                  {net.icon}
+                )
+                (label :class "separator" :text "|")
+                (button
+                  :class "wifi-arrow-btn"
+                  :style "font-family: Material Symbols Outlined;"
+                  :onclick "gnome-control-center wifi &"
+                  ""
+                )
+              )
+              (box
+                :halign "start" :valign "end"
+                :class "element-bottomleft"
+              )
+              (box
+                :halign "start" :valign "end"
+                :class "element-bottomleft-cut"
+              )
+            )
+            (label :style "font-size: 12pt;" :class "sys-toggle" :text {net.essid} :xalign 0.5 :limit-width 15)
+          )
+          
+          (box
+            :class "bluetooth-box"
+            :space-evenly false
+            :orientation "v"
+            (overlay
+              (box
+                :class "element icon"
+                :space-evenly false
+                (button
+                  :class "bluetooth-button"
+                  :onclick "scripts/bluetooth toggle &"
+                  :style "font-family: 'Material Symbols Outlined';"
+                  {bluetooth.icon}
+                )
+                (label :class "separator" :text "|")
+                (button
+                  :class "bluetooth-arrow-btn"
+                  :onclick "blueberry &"
+                  ""
+                )
+              )
+              (box
+                :halign "start" :valign "end"
+                :class "element-bottomleft"
+              )
+              (box
+                :halign "start" :valign "end"
+                :class "element-bottomleft-cut"
+              )
+            )
+            (label
+              :style "font-size: 12pt;"
+              :text {bluetooth.text}
+              :xalign 0.5
+              :class "sys-toggle"
+              :tooltip "${bluetooth.text} ${bluetooth.batt_icon}"
+              :limit-width 15
+            )
+          )
+          (box
+            :class "airplane-box"
+            :space-evenly false
+            :orientation "v"
+            (overlay
+              (box
+                :class "element icon"
+                (button
+                  :class "airplane-button"
+                  :onclick "scripts/airplane toggle &"
+                  airplane
+                )
+              )
+              (box
+                :halign "start" :valign "end"
+                :class "element-bottomleft"
+              )
+              (box
+                :halign "start" :valign "end"
+                :class "element-bottomleft-cut"
+              )
+            )
+            (label :style "font-size: 12pt;" :text "Airplane Mode" :xalign 0.5 :limit-width 16)
+          )
+          (box
+            :class "power-box"
+            :space-evenly false
+            :orientation "v"
+            (overlay
+              (box
+                :class "element icon"
+                (button
+                  :halign "end"
+                  ; :onclick "wlogout &"
+                  :onclick "wlogout -p layer-shell &"
+                  ""
+                )
+              )
+              (box
+                :halign "start" :valign "end"
+                :class "element-bottomleft"
+              )
+              (box
+                :halign "start" :valign "end"
+                :class "element-bottomleft-cut"
+              )
+            )
+            (label
+              :style "font-size: 12pt;"
+              :text "Power"
+              :class "sys-toggle"
+              :xalign 0.5
+              :limit-width 16
+            )
+          )
+        )
+        (box
+          :class "osettings-separator"
+          :orientation "v"
+          :space-evenly false
+        )
+        (scroll
+          ; :vscroll true
+          ; :hscroll false
+          ; :halign "fill"
+          :class "osettings-content"
+          :valign "fill"
+          :style "min-height: 905px;"
+          (box
+            :halign "fill"
+            :class "osettings-scroll-bg"
+            :space-evenly false
+            :spacing 20
+            :orientation "v"
+            ; Volume mixer
+            (overlay
+              (box
+                :space-evenly false
+                :orientation "v"
+                :class "osettings-window-section onotify-window-volume"
+                :style "min-height: 100px; padding-bottom: 17px;"
+                ; :class "sliders"
+                (label
+                  :xalign 0
+                  :class "osettings-section onotify-section-volume"
+                  :text "VOLUME  MIXER"
+                )
+                (for i in audiojson
+                  (eventbox
+                    :onscroll "pactl set-sink-input-volume ${i.sink} $(echo {} | sed -e \"s/up/+10/g\" -e \"s/down/-10/g\")%"
+                    :onrightclick "pactl set-sink-input-volume ${i.sink} 100%"
+                    :onclick "pactl set-sink-input-volume ${i.sink} 0%"
+                    (box
+                      :space-evenly false
+                      :class "osettings-window-contents"
+                      :orientation "v"
+                      ; (label :class "time" :text "DEBUG:${i}")
+                      (centerbox
+                        :space-evenly false
+                        :orientation "h"
+                        ; :halign "center"
+                        (label
+                          :xalign 0
+                          :class "osettings-text"
+                          :limit-width 42
+                          :text "${i.name} (#${i.sink})"
+                        )
+                        (label
+                          :xalign 0
+                          :class "osettings-text"
+                          :limit-width 30
+                          :text ""
+                        )
+                        (box :orientation "v"
+                          (label
+                            :xalign 1
+                            :class "osettings-text"
+                            :text "${i.volume}%"
+                          )
+                        )
+                      )
+                      (scale
+                        :halign "fill"
+                        :class "osettings-slider osettings-slider-5"
+                        :value {i.volume}
+                        :onchange "pactl set-sink-input-volume ${i.sink} {}%"
+                        :tooltip "${i.name}: ${i.volume}%"
+                      )
+                    )
+                  )
+                )
+              )
+              (box
+                :halign "start" :valign "end"
+                :class "osettings-window-volume-bottomleft"
+              )
+              (box
+                :halign "start" :valign "end"
+                :class "osettings-window-bottomleft-cut"
+              )
+            )
+            ; Resource usage
+            (overlay
+              (box
+                :space-evenly false
+                :orientation "v"
+                :class "osettings-window-section onotify-window-resources"
+                (label
+                  :xalign 0
+                  :class "osettings-section onotify-section-resources"
+                  :text "RESOURCES"
+                )
+                (box
+                  :class "osettings-window-contents"
+                  :style "margin-bottom: 17px; margin-top: 17px;"
+                  ; cpu
+                  (box
+                    :class "sys-box"
+                    :space-evenly false
+                    :halign "start"
+                    (circular-progress
+                      :start-at 75
+                      :value "${EWW_CPU.avg}"
+                      :class "sys-cpu"
+                      :thickness 3
+                      (label
+                        :text ""
+                      :class "sys-icon-cpu icon")
+                    )
+                    (box
+                      :orientation "v"
+                      :vexpand false
+                      (label
+                        :text "CPU"
+                        :halign "start"
+                        :class "sys-text-cpu"
+                        :style "font-size: 12pt;"
+                      )
+                      (label
+                        :text "${round(EWW_CPU.avg,2)}%"
+                        :halign "start"
+                        :class "sys-text-sub"
+                        :style "font-size: 12pt;"
+                      )
+                      (label
+                        :text "${EWW_CPU.cores[0].freq} MHz"
+                        :halign "start"
+                        :class "sys-text-sub"
+                        :style "font-size: 12pt;"
+                      )
+                    )
+                  )
+                  
+                  ; memory
+                  (box
+                    :class "sys-box"
+                    :space-evenly false
+                    :halign "end"
+                    (circular-progress
+                      :start-at 75
+                      :value {memory.percentage}
+                      :class "sys-mem"
+                      :thickness 3
+                      (label
+                        :text ""
+                        :class "sys-icon-mem icon"
+                      )
+                    )
+                    (box
+                      :orientation "v"
+                      (label :style "font-size: 12pt;" :text "Memory" :halign "start" :class "sys-text-mem")
+                      (label :style "font-size: 12pt;" :text "${memory.used} / ${memory.total}" :halign "start" :class "sys-text-sub")
+                      (label :style "font-size: 12pt;" :text "Swap ${memory.swapused} / ${memory.swaptotal}" :halign "start" :class "sys-text-sub")
+                    )
+                  )
+                )
+              )
+              (box
+                :halign "start" :valign "end"
+                :class "osettings-window-resources-bottomleft"
+              )
+              (box
+                :halign "start" :valign "end"
+                :class "osettings-window-bottomleft-cut"
+              )
+            )
+            ; Calendar
+            ; (label
+              ;   :halign "start"
+              ;   :wrap true
+              ;   :class "osettings-section"
+              ;   :text "Calendar"
+            ; )
+            ; (calendar)
+            ;
+            ; Notifications
+            (overlay
+              (box
+                :space-evenly false
+                :orientation "v"
+                :class "osettings-window-section onotify-window-notif"
+                (centerbox
+                  :class "osettings-section-baronly onotify-section-notif"
+                  (label
+                    :xalign 0
+                    :class "osettings-section-textonly"
+                    :text "NOTIFICATIONS"
+                  )
+                  (box)
+                  (box
+                    ; :class "icon"
+                    :halign "end"
+                    :space-evenly false
+                    (button
+                      :class "osettings-btn-section"
+                      :tooltip "Refresh"
+                      :onclick "dunstctl history > $XDG_CACHE_HOME/dunst-history.json &"
+                      ""
+                    )
+                    (button
+                      :class "osettings-btn-section"
+                      :tooltip "Pause/Resume Notifications"
+                      :onclick "scripts/notifications toggle &"
+                      {notif_icons.toggle_icon}
+                    )
+                    (button
+                      :class "osettings-btn-section"
+                      :tooltip "Clear Notifications"
+                      :onclick "scripts/notifications clear &"
+                      ""
+                    )
+                  )
+                )
+                (box
+                  :class "container osettings-window-contents"
+                  :style "margin-top: 17px; margin-bottom: 17px;"
+                  :orientation "v"
+                  :space-evenly false
+                  (for i in notifications
+                    (eventbox
+                      :onclick "dunstctl history-pop ${i.id} && dunstctl action 0 && dunstctl close"
+                      (overlay
+                        (box
+                          :class "notification"
+                          :orientation "v"
+                          :width 300
+                          :space-evenly false
+                          (centerbox
+                            :space-evenly false
+                            (label
+                              :xalign 0
+                              :wrap true
+                              :class "summary"
+                              :text {i.summary}
+                            )
+                            (label)
+                            (label
+                              :xalign 1
+                              :wrap true
+                              :class "appname"
+                              :text {i.appname}
+                            )
+                          )
+                          (label
+                            :xalign 0
+                            :wrap true
+                            :class "body"
+                            :text {i.body}
+                          )
+                        )
+                        (box
+                          :halign "start" :valign "end"
+                          :class "notification-bottomleft"
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+              (box
+                :halign "start" :valign "end"
+                :class "osettings-window-notif-bottomleft"
+              )
+              (box
+                :halign "start" :valign "end"
+                :class "osettings-window-bottomleft-cut"
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow onotify
+  :wm-ignore true
+  :monitor 0
+  :focusable true
+  :geometry (geometry
+    :x "0px"
+    :y "32px"
+    :width "0px"
+    :height "1048px"
+    :anchor "top right"
+  )
+  (onotify)
+)
+
+(defwidget onotify-button []
+  (eventbox
+    :onhover "${EWW_CMD} update ontf_hover=true"
+    :onhoverlost "${EWW_CMD} update ontf_hover=false"
+    (box
+      :space-evenly false
+      (eventbox
+        :class "onotify-toggle-button-${rev_ontf || ontf_hover}"
+        :onmiddleclick "scripts/toggle-dash.sh &"
+        :onrightclick "scripts/toggle-dash.sh &"
+        :onscroll "echo $(echo {} | sed -e 's/down/-U 3/g' -e 's/up/-A 3/g' | xargs light) && scripts/brightness osd"
+        (button
+          :onclick "scripts/toggle-onotify.sh &";
+          (box
+            :space-evenly false
+            :orientation "h"
+            ; Time and date
+            (box
+              :class "timedate"
+              :orientation "h"
+              :space-evenly false
+              (box
+                :space-evenly false
+                :halign "start"
+                :class "clock"
+                (label :text "${time.hour}")
+                (label :text ":")
+                (label :text "${time.minute}")
+              )
+              (box
+                :class "date"
+                :onclick "${EWW_CMD} update popup='calendar'"
+                "${time.day}, ${time.date}"
+              )
+            )
+            ; System levels
+            (eventbox
+              :class "${popup == 'system-menu' ? 'system-menu-box' : 'sysbar'}"
+              :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+              :onhover "${EWW_CMD} update sys_rev=true"
+              :onhoverlost "${EWW_CMD} update popup='none' sys_rev=false"
+              :onrightclick "${EWW_CMD} update force_sys_rev=${!force_sys_rev}"
+              :onmiddleclick "${EWW_CMD} open --toggle overview"
+              (box
+                :space-evenly false
+                :halign "end"
+                :spacing 5
+                (syscpu)
+                (sysmem)
+                (sysbatt)
+                ; (settingscog)
+              )
+            )
+          )
+        )
+      )
+      (eventbox
+        :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+        :onclick "scripts/toggle-onotify.sh &"
+        :onmiddleclick "scripts/toggle-dash.sh &"
+        :onrightclick "scripts/toggle-dash.sh &"
+        (box
+          :class "module real-onotify-toggle-button"
+          (label
+            :class "icon button-${rev_ontf || ontf_hover}"
+            :text ""
+          )
+        )
+      )
+    )
+  )
+)
diff --git a/tetrio/.config/eww/windows/osd.yuck b/tetrio/.config/eww/windows/osd.yuck
new file mode 100755
index 000000000..e03477f5b
--- /dev/null
+++ b/tetrio/.config/eww/windows/osd.yuck
@@ -0,0 +1,69 @@
+(defwidget osdwidget []
+  (box
+    :class "osd-window"
+    :orientation "h"
+    :space-evenly false
+    (revealer
+      :reveal {osd_vol}
+      :transition "slideright"
+      :duration "80ms"
+      (centerbox
+        :class "osd-var"
+        :orientation "h"
+        :space-evenly false
+        (circular-progress
+          :value {volume.percent}
+          :class "osd-circle"
+          :thickness 4
+          :start-at 75
+          :halign "start"
+          (button
+            :class "inside-circle"
+            (label :xalign "0.5" :yalign "0.5" :halign "center" :valign "center" :class "osd-incircle" :text "${volume.icon}")
+          )
+        )
+        (box)
+        (label :xalign 0.5 :halign "end" :class "osd-text" :text "${volume.percent}")
+      )
+    )
+    (revealer
+      :reveal {osd_bright}
+      :transition "slideright"
+      :duration "80ms"
+      (centerbox
+        :class "osd-var"
+        :orientation "h"
+        :space-evenly false
+        (circular-progress
+          :value {brightness.level}
+          :class "osd-circle"
+          :thickness 4
+          :start-at 75
+          :halign "start"
+          (button
+            :class "inside-circle"
+            (label :xalign "0.5" :yalign "0.5" :halign "center" :valign "center" :class "osd-incircle-bright" :text "${brightness.icon}")
+          )
+        )
+        (box)
+        (label :xalign 0.5 :class "osd-text" :text "${brightness.level}")
+      )
+    )
+  )
+)
+
+(defwindow osd
+  :stacking "fg"
+  :wm-ignore true
+  :monitor 0
+  :geometry (geometry
+    :x "0%"
+    :y "53px"
+    :width "100px"
+    :height "53px"
+    :anchor "top center"
+  )
+  :stacking "fg"
+  :exclusive false
+  (osdwidget)
+)
\ No newline at end of file
diff --git a/tetrio/.config/eww/windows/osettings.yuck b/tetrio/.config/eww/windows/osettings.yuck
new file mode 100755
index 000000000..ae4be55dd
--- /dev/null
+++ b/tetrio/.config/eww/windows/osettings.yuck
@@ -0,0 +1,856 @@
+(defwidget checkboxhyprctl [value changevalue]
+  (eventbox
+    :cursor "pointer"
+    :onclick "hyprctl keyword ${changevalue} ${1 - value} && scripts/hyprsettings tickle"
+    (box
+      :class "osettings-checkbox-${value}"
+      :halign "end"
+    )
+  )
+)
+
+(defwidget checkboxcmd [value changecmd]
+  (eventbox
+    :onclick "${changecmd}"
+    (box
+      :class "osettings-checkbox-${value}"
+      :halign "end"
+    )
+  )
+)
+
+(defwidget osettings []
+  (box
+    :orientation "v"
+    :space-evenly false
+    :style "
+    ${anim_open_ostg ? 'transition: 300ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 200ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+    ${rev_ostg ? '' : 'margin-left: -600px;'}
+    "
+    (eventbox
+      :onclick "scripts/toggle-osettings.sh --close &"
+      :onmiddleclick "scripts/toggle-osettings.sh --close &"
+      :onrightclick "scripts/toggle-osettings.sh --close &"
+      (box
+        :class "box-that-is-there" :style "min-height: 1px;"
+      )
+    )
+    (eventbox
+      ; :onhoverlost "scripts/toggle-osettings.sh --close &"
+      (box
+        :orientation "v"
+        :space-evenly false
+        :class "osettings-window"
+        (box
+          :orientation "v"
+          :space-evenly false
+          (box
+            :class "osettings-heading"
+            :orientation "v"
+            :space-evenly false
+            (label
+              :halign "start"
+              :wrap true
+              :class "osettings-title"
+              :text "SETTINGS"
+            )
+            (label
+              :halign "start"
+              :wrap true
+              :class "osettings-subtitle"
+              :text "change  the  way  hyprland  behaves"
+            )
+          )
+          (box
+            :spacing 0
+            :space-evenly false
+            :class "osettings-search"
+            :orientation "h"
+            (input
+              :halign "start"
+              :class "osettings-search-text"
+              :onchange "${EWW_CMD} update oquery=\"$(echo {} | tr [:upper:] [:lower:])\""
+            )
+            (box)
+            (button
+              :halign "end"
+              :class "osettings-search-icon"
+              :style "font-weight: bolder;"
+              ""
+            )
+          )
+        )
+        (box
+          :class "osettings-separator"
+          :orientation "v"
+          :space-evenly false
+        )
+        (scroll
+          ; :vscroll true
+          ; :hscroll false
+          ; :halign "fill"
+          :class "osettings-content"
+          :style "min-height: 813px;"
+          (box
+            :halign "fill"
+            :class "osettings-scroll-bg"
+            :space-evenly false
+            :spacing 20
+            :orientation "v"
+            (box
+              :class "osettings-settings"
+              :orientation "v"
+              :space-evenly false
+              ; Quick settings
+              (revealer
+                :reveal "${matches('quick settings volume audio brightness',oquery)}"
+                :transition "slidedown"
+                :duration "0ms"
+                (overlay
+                  (box
+                    :orientation "v"
+                    :space-evenly false
+                    :class "osettings-window-section osettings-window-quick"
+                    (label
+                      :xalign 0
+                      :class "osettings-section osettings-section-quick"
+                      :text "QUICK   SETTINGS"
+                    )
+                    (revealer
+                      :reveal "${matches('quick settings volume audio',oquery)}"
+                      :transition "slidedown"
+                      :duration "0ms"
+                      (eventbox
+                        :onscroll "echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%"
+                        (box
+                          :orientation "v"
+                          :space-evenly false
+                          :class "osettings-window-contents"
+                          (centerbox
+                            :orientation "h"
+                            :space-evenly false
+                            :halign "fill"
+                            (label
+                              :halign "start"
+                              :wrap true
+                              :class "osettings-text"
+                              :text "Volume"
+                            )
+                            (box)
+                            ; (checkbox
+                              ;   :halign "end"
+                              ;   :class "osettings-checkbox"
+                              ;   :onchecked "scripts/volume mute SINK"
+                              ;   :onunchecked "scripts/volume mute SINK"
+                            ; )
+                            (checkboxcmd
+                              :value "${volume.audio}"
+                              :changecmd "scripts/volume mute SINK"
+                            )
+                          )
+                          (scale
+                            :halign "fill"
+                            :class "osettings-slider osettings-slider-quick osettings-slider-5"
+                            :value "${volume.percent}"
+                            :tooltip "volume on ${volume.percent}%"
+                            :onchange "scripts/volume setvol SINK {}"
+                          )
+                        )
+                      )
+                    )
+                    (revealer
+                      :reveal "${matches('quick settings brightness',oquery)}"
+                      :transition "slidedown"
+                      :duration "0ms"
+                      (box
+                        :orientation "v"
+                        :space-evenly false
+                        :class "osettings-window-contents"
+                        (label
+                          :halign "start"
+                          :wrap true
+                          :class "osettings-text"
+                          :text "Brightness"
+                        )
+                        (scale
+                          :class "osettings-slider osettings-slider-quick osettings-slider-5"
+                          :value "${brightness.level}"
+                          :onchange "light -S {}"
+                        )
+                      )
+                    )
+                  )
+                  (box
+                    :halign "end" :valign "end"
+                    :class "osettings-window-quick-bottomright"
+                  )
+                  (box
+                    :halign "end" :valign "end"
+                    :class "osettings-window-bottomright-cut"
+                  )
+                )
+              )
+              ; Session control
+              (revealer
+                :reveal "${matches('session lock logout suspend log out shutdown shut down poweroff power off',oquery)}"
+                :transition "slidedown"
+                :duration "0ms"
+                (overlay
+                  (box
+                    :space-evenly false
+                    :orientation "v"
+                    :class "osettings-window-section osettings-window-session"
+                    (label
+                      :xalign 0
+                      :class "osettings-section osettings-section-session"
+                      :text "SESSION"
+                    )
+                    (revealer
+                      :reveal "${matches('session lock',oquery)}"
+                      :transition "slidedown"
+                      :duration "0ms"
+                      (box
+                        :orientation "v"
+                        :space-evenly false
+                        (button
+                          :halign "fill"
+                          :wrap true
+                          :class "osettings-btn osettings-btn-neutral"
+                          :onclick "~/.local/bin/lock.sh &"
+                          "Lock"
+                        )
+                      )
+                    )
+                    (revealer
+                      :reveal "${matches('session suspend',oquery)}"
+                      :transition "slidedown"
+                      :duration "0ms"
+                      (box
+                        :orientation "v"
+                        :space-evenly false
+                        (button
+                          :halign "fill"
+                          :wrap true
+                          :class "osettings-btn osettings-btn-neutral"
+                          :onclick "systemctl suspend &"
+                          "Suspend"
+                        )
+                      )
+                    )
+                    (revealer
+                      :reveal "${matches('session logout log out',oquery)}"
+                      :transition "slidedown"
+                      :duration "0ms"
+                      (box
+                        :orientation "v"
+                        :space-evenly false
+                        (button
+                          :halign "fill"
+                          :wrap true
+                          :class "osettings-btn osettings-btn-destructive"
+                          :onclick "pkill Hyprland &"
+                          "Logout"
+                        )
+                      )
+                    )
+                    (revealer
+                      :reveal "${matches('session shutdown shut down poweroff power off',oquery)}"
+                      :transition "slidedown"
+                      :duration "0ms"
+                      (box
+                        :orientation "v"
+                        :space-evenly false
+                        (button
+                          :halign "fill"
+                          :wrap true
+                          :class "osettings-btn osettings-btn-destructive"
+                          :onclick "systemctl poweroff &"
+                          "Shutdown"
+                        )
+                      )
+                    )
+                  )
+                  (box
+                    :halign "end" :valign "end"
+                    :class "osettings-window-session-bottomright"
+                  )
+                  (box
+                    :halign "end" :valign "end"
+                    :class "osettings-window-bottomright-cut"
+                  )
+                )
+              )
+              ; Mouse
+              (revealer
+                :reveal "${matches('mouse and touchpad touch pad mouse speed mouse acceleration osu raw input sensitivity disable while typing disable_while_typing tap to click clickfinger_behavior',oquery)}"
+                :transition "slidedown"
+                :duration "0ms"
+                (overlay
+                  (box
+                    :space-evenly false
+                    :orientation "v"
+                    :class "osettings-window-section osettings-window-mouse"
+                    (label
+                      :xalign 0
+                      :class "osettings-section osettings-section-mouse"
+                      :text "MOUSE  &  TOUCHPAD"
+                    )
+                    (revealer
+                      :reveal "${matches('mouse and touchpad touch pad speed mouse acceleration osu raw input sensitivity',oquery)}"
+                      :transition "slidedown"
+                      :duration "0ms"
+                      (box
+                        :space-evenly false
+                        :orientation "v"
+                        :class "osettings-window-contents"
+                        (centerbox
+                          :orientation "h"
+                          :space-evenly false
+                          :halign "fill"
+                          (label
+                            :halign "start"
+                            :wrap true
+                            :class "osettings-text"
+                            :text "Raw Input"
+                          )
+                          (box)
+                          (checkboxhyprctl
+                            :value "${hyprjson.force_no_accel}"
+                            :changevalue "input:force_no_accel"
+                            :halign "end"
+                            :class "osettings-checkbox"
+                          )
+                        )
+                        (eventbox
+                          :onrightclick "hyprctl keyword input:sensitivity 0"
+                          (box
+                            :space-evenly false
+                            :orientation "v"
+                            (label
+                              :halign "start"
+                              :wrap true
+                              :class "osettings-text"
+                              :text "Sensitivity"
+                            )
+                            (scale
+                              :class "osettings-slider osettings-slider-mouse osettings-slider-3"
+                              :value "${hyprjson.input_sensitivity * 50 + 50}"
+                              :onchange "hyprctl keyword input:sensitivity $(echo - | awk '{print {} / 50 - 1}') && scripts/hyprsettings tickle"
+                            )
+                          )
+                        )
+                      )
+                    )
+                    (revealer
+                      :reveal "${matches('mouse and touch pad touchpad disable while typing disable_while_typing',oquery)}"
+                      :transition "slidedown"
+                      :duration "0ms"
+                      (box
+                        :space-evenly false
+                        :orientation "v"
+                        :class "osettings-window-contents"
+                        (centerbox
+                          :orientation "h"
+                          :space-evenly false
+                          :halign "fill"
+                          (label
+                            :halign "start"
+                            :class "osettings-text"
+                            :text "Disable touchpad while typing"
+                          )
+                          (box)
+                          (checkboxhyprctl
+                            :value "${hyprjson.touchpad_disable_while_typing}"
+                            :changevalue "input:touchpad:disable_while_typing"
+                            :class "osettings-checkbox"
+                          )
+                        )
+                      )
+                    )
+                    (revealer
+                      :reveal "${matches('mouse and touchpad touch pad tap to click clickfinger_behavior',oquery)}"
+                      :transition "slidedown"
+                      :duration "0ms"
+                      (box
+                        :space-evenly false
+                        :orientation "v"
+                        :class "osettings-window-contents"
+                        (centerbox
+                          :orientation "h"
+                          :space-evenly false
+                          :halign "fill"
+                          (label
+                            :halign "start"
+                            :class "osettings-text"
+                            :text "Tap to click"
+                          )
+                          (box)
+                          (checkboxhyprctl
+                            :value "${hyprjson.touchpad_clickfinger_behavior}"
+                            :changevalue "input:touchpad:clickfinger_behavior"
+                          )
+                        )
+                      )
+                    )
+                  )
+                  (box
+                    :halign "end" :valign "end"
+                    :class "osettings-window-mouse-bottomright"
+                  )
+                  (box
+                    :halign "end" :valign "end"
+                    :class "osettings-window-bottomright-cut"
+                  )
+                )
+              )
+              ; Appearance
+              (revealer
+                :reveal "${matches('appearance looks customization blur size blur passes blur strength blur xray',oquery)}"
+                :transition "slidedown"
+                :duration "0ms"
+                (overlay
+                  (box
+                    :space-evenly false
+                    :orientation "v"
+                    :class "osettings-window-section osettings-window-appearance"
+                    (label
+                      :xalign 0
+                      :class "osettings-section osettings-section-appearance"
+                      :text "BLUR"
+                    )
+                    (centerbox
+                      :orientation "h"
+                      :space-evenly false
+                      :halign "fill"
+                      :class "osettings-window-contents"
+                      (label
+                        :halign "start"
+                        :class "osettings-text"
+                        :text "Enable blur"
+                      )
+                      (box)
+                      (checkboxhyprctl
+                        :value "${hyprjson.blur}"
+                        :changevalue "decoration:blur"
+                      )
+                    )
+                    (revealer
+                      :reveal "${matches('appearance looks customization blur size blur strength',oquery)}"
+                      :transition "slidedown"
+                      :duration "0ms"
+                      (box
+                        :space-evenly false
+                        :orientation "v"
+                        :class "osettings-window-contents"
+                        (label
+                          :halign "start"
+                          :wrap true
+                          :class "osettings-text"
+                          :text "Blur size"
+                        )
+                        (scale
+                          :class "osettings-slider osettings-slider-5"
+                          :value "${hyprjson.blur_size}"
+                          :tooltip "Blur size: ${hyprjson.blur_size}"
+                          :onchange "hyprctl keyword decoration:blur_size {}  && scripts/hyprsettings tickle"
+                        )
+                      )
+                    )
+                    (revealer
+                      :reveal "${matches('appearance looks customization blur passes blur strength',oquery)}"
+                      :transition "slidedown"
+                      :duration "0ms"
+                      (box
+                        :space-evenly false
+                        :orientation "v"
+                        :class "osettings-window-contents"
+                        (label
+                          :halign "start"
+                          :wrap true
+                          :class "osettings-text"
+                          :text "Blur passes"
+                        )
+                        (scale
+                          :class "osettings-slider osettings-slider-5"
+                          :value "${hyprjson.blur_passes * 10}"
+                          :tooltip "Blur passes: ${hyprjson.blur_passes}"
+                          :onchange "hyprctl keyword decoration:blur_passes $(({} / 10))  && scripts/hyprsettings tickle"
+                        )
+                      )
+                    )
+                    (revealer
+                      :reveal "${matches('appearance looks customization blur xray',oquery)}"
+                      :transition "slidedown"
+                      :duration "0ms"
+                      (box
+                        :space-evenly false
+                        :orientation "v"
+                        :class "osettings-window-contents"
+                        (centerbox
+                          :orientation "h"
+                          :space-evenly false
+                          :halign "fill"
+                          (label
+                            :halign "start"
+                            :class "osettings-text"
+                            :text "Blur xray"
+                          )
+                          (box)
+                          (checkboxhyprctl
+                            :value "${hyprjson.blur_xray}"
+                            :changevalue "decoration:blur_xray"
+                          )
+                        )
+                      )
+                    )
+                  )
+                  (box
+                    :halign "end" :valign "end"
+                    :class "osettings-window-appearance-bottomright"
+                  )
+                  (box
+                    :halign "end" :valign "end"
+                    :class "osettings-window-bottomright-cut"
+                  )
+                )
+              )
+              (revealer
+                :reveal "${matches('appearance looks customization gaps gaps_in inner gaps: inner gaps_out outer gaps: outer space border_size border size border thickness',oquery)}"
+                :transition "slidedown"
+                :duration "0ms"
+                (overlay
+                  (box
+                    :space-evenly false
+                    :orientation "v"
+                    :class "osettings-window-section osettings-window-gaps"
+                    (label
+                      :xalign 0
+                      :class "osettings-section osettings-section-gaps"
+                      :text "GAPS"
+                    )
+                    (revealer
+                      :reveal "${matches('appearance looks customization gaps_in inner gaps: inner space',oquery)}"
+                      :transition "slidedown"
+                      :duration "0ms"
+                      (box
+                        :space-evenly false
+                        :orientation "v"
+                        :class "osettings-window-contents"
+                        (label
+                          :halign "start"
+                          :wrap true
+                          :class "osettings-text"
+                          :text "Gaps: Inner"
+                        )
+                        (scale
+                          :class "osettings-slider osettings-slider-4"
+                          :value "${hyprjson.gaps_in}"
+                          :tooltip "Inner gaps: ${hyprjson.gaps_in}"
+                          :onchange "hyprctl keyword general:gaps_in {} && scripts/hyprsettings tickle"
+                        )
+                      )
+                    )
+                    (revealer
+                      :reveal "${matches('appearance looks customization gaps_out outer gaps: outer space',oquery)}"
+                      :transition "slidedown"
+                      :duration "0ms"
+                      (box
+                        :space-evenly false
+                        :orientation "v"
+                        :class "osettings-window-contents"
+                        (label
+                          :halign "start"
+                          :wrap true
+                          :class "osettings-text"
+                          :text "Gaps: Outer"
+                        )
+                        (scale
+                          :class "osettings-slider osettings-slider-4"
+                          :value "${hyprjson.gaps_out}"
+                          :tooltip "Outer gaps: ${hyprjson.gaps_out}"
+                          :onchange "hyprctl keyword general:gaps_out {} && scripts/hyprsettings tickle"
+                        )
+                      )
+                    )
+                    (revealer
+                      :reveal "${matches('appearance looks customization border_size border size border thickness',oquery)}"
+                      :transition "slidedown"
+                      :duration "0ms"
+                      (box
+                        :space-evenly false
+                        :orientation "v"
+                        :class "osettings-window-contents"
+                        (label
+                          :halign "start"
+                          :wrap true
+                          :class "osettings-text"
+                          :text "Border size"
+                        )
+                        (scale
+                          :class "osettings-slider osettings-slider-4"
+                          :value "${hyprjson.border_size}"
+                          :tooltip "Border size: ${hyprjson.border_size}"
+                          :onchange "hyprctl keyword general:border_size {} && scripts/hyprsettings tickle"
+                        )
+                      )
+                    )
+                  )
+                  (box
+                    :halign "end" :valign "end"
+                    :class "osettings-window-gaps-bottomright"
+                  )
+                  (box
+                    :halign "end" :valign "end"
+                    :class "osettings-window-bottomright-cut"
+                  )
+                )
+              )
+              ; Hyperland
+              (revealer
+                :reveal "${matches(oquery, 'hyperland')}"
+                :transition "slidedown"
+                :duration "0ms"
+                (overlay
+                  (box
+                    :space-evenly false
+                    :orientation "v"
+                    :class "osettings-window-section osettings-window-hyperland"
+                    (label
+                      :xalign 0
+                      :class "osettings-section osettings-section-hyperland"
+                      :text "HYPERLAND"
+                    )
+                    (revealer
+                      :reveal "${matches(oquery, 'hyperland')}"
+                      :transition "slidedown"
+                      :duration "0ms"
+                      (box
+                        :space-evenly false
+                        :orientation "v"
+                        (button
+                          :halign "fill"
+                          :wrap true
+                          :class "osettings-btn osettings-btn-neutral"
+                          :onclick "notify-send whyyyyyyy 😭"
+                          "Check the spelling and try again"
+                        )
+                      )
+                    )
+                  )
+                  (box
+                    :halign "end" :valign "end"
+                    :class "osettings-window-hyperland-bottomright"
+                  )
+                  (box
+                    :halign "end" :valign "end"
+                    :class "osettings-window-bottomright-cut"
+                  )
+                )
+              )
+              ; Hyprland
+              (revealer
+                :reveal "${matches('hyprland options open the wiki guide help social hypr development discord reload config configuration',oquery)}"
+                :transition "slidedown"
+                :duration "0ms"
+                (overlay
+                  (box
+                    :space-evenly false
+                    :orientation "v"
+                    :class "osettings-window-section osettings-window-hyprland"
+                    (label
+                      :xalign 0
+                      :class "osettings-section osettings-section-hyprland"
+                      :text "HYPRLAND  OPTIONS"
+                    )
+                    (revealer
+                      :reveal "${matches('hyprland options reload config configuration',oquery)}"
+                      :transition "slidedown"
+                      :duration "0ms"
+                      (box
+                        :space-evenly false
+                        :orientation "v"
+                        (button
+                          :halign "fill"
+                          :wrap true
+                          :class "osettings-btn osettings-btn-neutral"
+                          :onclick "cp ~/.config/hypr/hyprland.conf temporary_config.conf && cp temporary_config.conf ~/.config/hypr/hyprland.conf && rm temporary_config.conf &"
+                          "Reload config"
+                        )
+                      )
+                    )
+                    (revealer
+                      :reveal "${matches('hyprland open the wiki guide help',oquery)}"
+                      :transition "slidedown"
+                      :duration "0ms"
+                      (box
+                        :space-evenly false
+                        :orientation "v"
+                        (button
+                          :halign "fill"
+                          :wrap true
+                          :class "osettings-btn osettings-btn-informative"
+                          :onclick "scripts/toggle-osettings.sh && xdg-open https://wiki.hyprland.org &"
+                          "Open the wiki"
+                        )
+                      )
+                    )
+                    (revealer
+                      :reveal "${matches('hyprland help social hypr development discord',oquery)}"
+                      :transition "slidedown"
+                      :duration "0ms"
+                      (box
+                        :space-evenly false
+                        :orientation "v"
+                        (button
+                          :halign "fill"
+                          :wrap true
+                          :class "osettings-btn osettings-btn-informative"
+                          :onclick "scripts/toggle-osettings.sh xdg-open https://discord.com/invite/hQ9XvMUjjr &"
+                          "Hypr Development Discord"
+                        )
+                      )
+                    )
+                  )
+                  (box
+                    :halign "end" :valign "end"
+                    :class "osettings-window-hyprland-bottomright"
+                  )
+                  (box
+                    :halign "end" :valign "end"
+                    :class "osettings-window-bottomright-cut"
+                  )
+                )
+              )
+              ; Calendar
+              (revealer
+                :reveal "${'calendar' == oquery}"
+                :transition "slidedown"
+                :duration "0ms"
+                (overlay
+                  (box
+                    :orientation "v"
+                    :space-evenly false
+                    :class "osettings-window-section osettings-window-calendar"
+                    (label
+                      :xalign 0
+                      :class "osettings-section osettings-section-calendar"
+                      :text "CALENDAR"
+                    )
+                    (calendar)
+                  )
+                  (box
+                    :halign "end" :valign "end"
+                    :class "osettings-window-calendar-bottomright"
+                  )
+                  (box
+                    :halign "end" :valign "end"
+                    :class "osettings-window-bottomright-cut"
+                  )
+                )
+              )
+              ; Super secret settings
+              (revealer
+                :reveal "${oquery == '!secret' || oquery == '!sekret'}"
+                :transition "slidedown"
+                :duration "0ms"
+                (overlay
+                  (box
+                    :orientation "v"
+                    :space-evenly false
+                    :class "osettings-window-section osettings-window-secret"
+                    (label
+                      :xalign 0
+                      :class "osettings-section osettings-section-secret"
+                      :text "SUPER  SECRET  SETTINGS"
+                    )
+                    (button
+                      :halign "fill"
+                      :wrap true
+                      :class "osettings-btn osettings-btn-informative"
+                      :onclick "scripts/supersecretsettings/culture &"
+                      "Activate culture mode"
+                    )
+                    (button
+                      :halign "fill"
+                      :wrap true
+                      :class "osettings-btn osettings-btn-informative"
+                      :onclick "scripts/supersecretsettings/doreload &"
+                      "Reset these stuff"
+                    )
+                    (button
+                      :halign "fill"
+                      :wrap true
+                      :class "osettings-btn osettings-btn-destructive"
+                      :onclick "hyprctl keyword bind ,c,exec,wtype k"
+                      "Bekome a KDE developer"
+                    )
+                    (button
+                      :halign "fill"
+                      :wrap true
+                      :class "osettings-btn osettings-btn-destructive"
+                      :onclick "hyprctl keyword unbind ,c"
+                      "Un-become a KDE developer"
+                    )
+                    ; (centerbox
+                      ;   :orientation "h"
+                      ;   :space-evenly false
+                      ;   :halign "fill"
+                      ;   (label
+                        ;     :halign "start"
+                        ;     :wrap true
+                        ;     :class "osettings-text"
+                        ;     :text "Culture mode"
+                      ;   )
+                      ;   (box)
+                      ;   (checkboxcmd
+                        ;     :value "${volume.audio}"
+                        ;     :changecmd "notify-send 'i see ur a man of culture as well'"
+                      ;   )
+                    ; )
+                  )
+                  (box
+                    :halign "end" :valign "end"
+                    :class "osettings-window-quick-bottomright"
+                  )
+                  (box
+                    :halign "end" :valign "end"
+                    :class "osettings-window-bottomright-cut"
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+
+(defwindow osettings
+  :wm-ignore true
+  :monitor 0
+  :focusable true
+  :geometry (geometry
+    :x "0px"
+    :y "32px"
+    :width "0px"
+    :height "1048px"
+    :anchor "top left"
+  )
+  (osettings)
+)
+
+(defwidget osettings-button []
+  (eventbox
+    :class "osettings-toggle-button-false"
+    :onmiddleclick "playerctl play-pause"
+    :onrightclick "playerctl next"
+    :onscroll "echo $(echo {} | sed -e 's/down/-/g' -e 's/up/+/g' | xargs -I% wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.03%) && scripts/volume osd"
+    (button
+      :class "osettings-toggle-button-${rev_ostg}"
+      :onclick "scripts/toggle-osettings.sh &"
+      (label :class "icon" :text "")
+    )
+  )
+)
diff --git a/tetrio/.config/eww/windows/overview.yuck b/tetrio/.config/eww/windows/overview.yuck
new file mode 100755
index 000000000..9c9731f22
--- /dev/null
+++ b/tetrio/.config/eww/windows/overview.yuck
@@ -0,0 +1,242 @@
+(defwidget overview []
+  (box
+    :space-evenly false
+    :orientation "v"
+    :class "thewholething"
+    (eventbox
+      :onclick "scripts/toggle-overview.sh --close &"
+      :onmiddleclick "scripts/toggle-overview.sh --close &"
+      :onrightclick "scripts/toggle-overview.sh --close &"
+      :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+    )
+    (box
+      :class "overview-search-area"
+      :space-evenly false
+      :halign "center"
+      :orientation "v"
+      (input
+        :class "overview-search-box"
+        :onchange "${EWW_CMD} update overview_query=\"{}\" && ${EWW_CMD} update overview_results=\"$(scripts/appsearch '{}')\" &"
+        :onaccept "scripts/launchapp '${overview_results == '[]' ? {} : overview_results[0].exec}' &"
+      )
+    )
+    (eventbox
+      :onhoverlost `eww update overview_hover_name='{"class":"LMB: Focus | MMB: Close | RMB: Select/Move","title":"Activities Overview","workspace":{"id":5,"name":"5"},"icon": "/usr/share/icons/breeze-dark/actions/16/window.svg"}' &`
+      :onscroll "echo {} | sed -e \"s/up/-1/g\" -e \"s/down/+1/g\" | xargs hyprctl dispatch workspace"
+      (revealer
+        :reveal "${overview_query == ''}"
+        :transition "slidedown"
+        :duration "${overview_query == '' ? '200ms cubic-bezier(0.05, 0.7, 0.1, 1)' : '100ms cubic-bezier(0.3, 0, 0.8, 0.15)'}"
+        :style "
+        transition: ${overview_query == '' ? '200ms cubic-bezier(0.05, 0.7, 0.1, 1)' : '100ms cubic-bezier(0.3, 0, 0.8, 0.15)'};
+        "
+        (revealer
+          :reveal "${overview_query == ''}"
+          :transition "crossfade"
+          :duration "${overview_query == '' ? '200ms cubic-bezier(0.05, 0.7, 0.1, 1)' : '100ms cubic-bezier(0.3, 0, 0.8, 0.15)'}"
+          :style "
+          transition: ${overview_query == '' ? '200ms cubic-bezier(0.05, 0.7, 0.1, 1)' : '100ms cubic-bezier(0.3, 0, 0.8, 0.15)'};
+          "
+          (box
+            :space-evenly false
+            :orientation "v"
+            :class "overview-window"
+            ; :space-evenly false
+            ; (label :text "${wsjsona}")
+            ; (label :text "${selected}")
+            (centerbox
+              :class "overview-window-title"
+              (label :halign "start" :style "margin: 5px;" :text "${overview_hover_name.class}")
+              (box
+                :space-evenly false
+                :orientation "h"
+                ; ICON ICON ICON
+                (box
+                  :class "overview-topbar-icon overview-icon"
+                  :style "
+                  background-image: url('${overview_hover_name.icon}');
+                  "
+                )
+                (label :text "${overview_hover_name.title}")
+              )
+              (button
+                :halign "end"
+                :class "overview-topbar-button"
+                :onclick "scripts/toggle-overview.sh --close"
+                (label :text "")
+              )
+            )
+            (box
+              :orientation "h"
+              (for wspace in wsjsona
+                (box ; Note: height 100px width 356px
+                  :class "overview-ws overview-ws-${wspace[0].workspace.id == activews}"
+                  (box
+                    :space-evenly false
+                    :orientation "h"
+                    :style "
+                    min-width: ${RES_WIDTH * OVERVIEW_SCALE}px;
+                    min-height: ${RES_HEIGHT * OVERVIEW_SCALE}px;
+                    "
+                    (for ws-window in wspace
+                      (box
+                        :class "${ws-window.class == 'workspace' ? '' : 'overview-ws-window'}"
+                        :style "
+                        ${ws-window.address == selected ? 'border: 2px solid #FFFFFF' : ''};
+                        ${ws-window.address == '_none' ? 'border: none' : ''};
+                        margin-left: ${ws-window.at[0] * OVERVIEW_SCALE}px;
+                        margin-top: ${ws-window.at[1] * OVERVIEW_SCALE}px;
+                        margin-right: -${(ws-window.at[0] + ws-window.size[0]) * OVERVIEW_SCALE}px;
+                        margin-bottom: ${RES_HEIGHT * OVERVIEW_SCALE - ((ws-window.at[1] + ws-window.size[1]) * OVERVIEW_SCALE)};
+                        "
+                        (eventbox
+                          :onrightclick "scripts/selectwindow ${ws-window.address} '${EWW_CMD}' ${ws-window.workspace.id}"
+                          :onmiddleclick "hyprctl dispatch closewindow address:${ws-window.address}"
+                          :onclick "scripts/focuswindow ${ws-window.address} ${ws-window.workspace.id} && scripts/toggle-overview.sh --close &"
+                          :onhover "${ws-window.class == 'workspace' ? '' : (EWW_CMD + ' update overview_hover_name=\'' + ws-window + '\'')}"
+                          ; :onhover "${ws-window.class == 'workspace' ? '' : EWW_CMD} ${ws-window.class == 'workspace' ? '' : 'update overview_hover_name=\''}${ws-window.class == 'workspace' ? '' : ws-window.title}${ws-window.class == 'workspace' ? '' : '\' &'}"
+                          (box
+                            :class "overview-background"
+                            ; Uncomment below to enable thumbnail previews (VERY SLOW)
+                            ; :style "
+                            ; background-image: url('scripts/cache/thumbnails/${ws-window.address }.png');
+                            ; "
+                            (box
+                              :class "overview-icon"
+                              :style "
+                              background-size: ${ws-window.size[0] > ws-window.size[1] ? 'auto 45%' : '45% auto'};
+                              background-image: url('${ws-window.icon}')
+                              "
+                            )
+                          )
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            )
+            (box
+              :orientation "h"
+              (for wspace in wsjsonb
+                (box ; Note: height 100px width 356px
+                  :class "overview-ws overview-ws-${wspace[0].workspace.id == activews}"
+                  (box
+                    :space-evenly false
+                    :orientation "h"
+                    :style "
+                    min-width: ${RES_WIDTH * OVERVIEW_SCALE}px;
+                    min-height: ${RES_HEIGHT * OVERVIEW_SCALE}px;
+                    "
+                    (for ws-window in wspace
+                      (box
+                        :class "${ws-window.class == 'workspace' ? '' : 'overview-ws-window'}"
+                        :style "
+                        ${ws-window.address == selected ? 'border: 2px solid #FFFFFF' : ''};
+                        ${ws-window.address == '_none' ? 'border: none' : ''};
+                        margin-left: ${ws-window.at[0] * OVERVIEW_SCALE}px;
+                        margin-top: ${ws-window.at[1] * OVERVIEW_SCALE}px;
+                        margin-right: -${(ws-window.at[0] + ws-window.size[0]) * OVERVIEW_SCALE}px;
+                        margin-bottom: ${RES_HEIGHT * OVERVIEW_SCALE - ((ws-window.at[1] + ws-window.size[1]) * OVERVIEW_SCALE)};
+                        "
+                        (eventbox
+                          :onrightclick "scripts/selectwindow ${ws-window.address} '${EWW_CMD}' ${ws-window.workspace.id}"
+                          :onmiddleclick "hyprctl dispatch closewindow address:${ws-window.address}"
+                          :onclick "scripts/focuswindow ${ws-window.address} ${ws-window.workspace.id} && scripts/toggle-overview.sh --close &"
+                          :onhover "${ws-window.class == 'workspace' ? '' : (EWW_CMD + ' update overview_hover_name=\'' + ws-window + '\'')}"
+                          (box
+                            :class "overview-background"
+                            ; Uncomment below to enable thumbnail previews (VERY SLOW)
+                            ; :style "
+                            ; background-image: url('scripts/cache/thumbnails/${ws-window.address }.png');
+                            ; "
+                            (box
+                              :class "overview-icon"
+                              :style "
+                              background-size: ${ws-window.size[0] > ws-window.size[1] ? 'auto 45%' : '45% auto'};
+                              background-image: url('${ws-window.icon}')
+                              "
+                            )
+                          )
+                        )
+                      )
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+    (box
+      :class "overview-search-area"
+      :space-evenly false
+      :halign "center"
+      :orientation "v"
+      (revealer
+        :reveal "${overview_query != ''}"
+        :transition "slidedown"
+        :duration "${overview_query == '' ? '100ms cubic-bezier(0.3, 0, 0.8, 0.15)' : '200ms cubic-bezier(0.05, 0.7, 0.1, 1)'}"
+        :style "
+        transition: ${overview_query == '' ? '100ms cubic-bezier(0.3, 0, 0.8, 0.15)' : '200ms cubic-bezier(0.05, 0.7, 0.1, 1)'};
+        "
+        (revealer
+          :reveal "${overview_query != ''}"
+          :transition "crossfade"
+          :duration "${overview_query == '' ? '100ms cubic-bezier(0.3, 0, 0.8, 0.15)' : '200ms cubic-bezier(0.05, 0.7, 0.1, 1)'}"
+          :style "
+          transition: ${overview_query == '' ? '100ms cubic-bezier(0.3, 0, 0.8, 0.15)' : '200ms cubic-bezier(0.05, 0.7, 0.1, 1)'};
+          "
+          (scroll
+            :style "min-width: 452px; min-height: 547px;"
+            (box
+              :halign "center"
+              :orientation "v"
+              :class "overview-results"
+              :spacing 2
+              :space-evenly false
+              (for entry in overview_results
+                (box
+                  :orientation "h"
+                  ; (input
+                    ;   :value "${entry.icon}"
+                    ;   :class "overview-search-result"
+                    ;   :onaccept "scripts/launchapp '${entry.exec}' &"
+                  ; )
+                  (input
+                    :value "${entry.name} |  $ ${entry.exec}"
+                    :class "overview-search-result"
+                    :onaccept "scripts/launchapp '${entry.exec}' &"
+                  )
+                  ; (input
+                    ;   :value "${entry.exec}"
+                    ;   :class "overview-search-result"
+                    ;   :onaccept "scripts/launchapp '{}' &"
+                  ; )
+                )
+              )
+            )
+          )
+        )
+      )
+    )
+  )
+)
+
+(defwindow overview
+  :stacking "overlay"
+  :focusable true
+  :wm-ignore true
+  :monitor 0
+  :geometry (geometry
+    ; :height 1080
+    ; :width 1920
+    :y "103px"
+    :anchor "top center"
+    ; :y "0px"
+    ; :anchor "center center"
+  )
+  ; (testing)
+  (overview)
+)
\ No newline at end of file
diff --git a/tetrio/.config/eww/windows/system-menu.yuck b/tetrio/.config/eww/windows/system-menu.yuck
new file mode 100755
index 000000000..575e29f30
--- /dev/null
+++ b/tetrio/.config/eww/windows/system-menu.yuck
@@ -0,0 +1,187 @@
+(defwidget system-menu []
+  (eventbox
+    :onhoverlost "${EWW_CMD} close system-menu"
+    (box
+      :class "system-menu-box"
+      :space-evenly false
+      :orientation "v"
+      (box
+        :class "module"
+        :space-evenly false
+        :spacing 5
+        :halign "end"
+        (syscpu)
+        (sysmem)
+        (sysbatt)
+        (settingscog)
+      )
+      (box
+        :class "top-row"
+        :space-evenly false
+        (label :class "time" :text "${time.hour}:${time.minute}")
+        (box
+          :class "date-box"
+          :space-evenly false
+          (label :class "date" :text "${time.day},")
+          (label :class "date" :text "${time.date}")
+        )
+      )
+      
+      (box
+        :class "system-row"
+        :space-evenly false
+        (box
+          :class "wifi-box"
+          :space-evenly false
+          :orientation "v"
+          (box
+            :class "element icon"
+            :space-evenly false
+            (button
+              :class "wifi-button"
+              :onclick "scripts/net toggle"
+              {net.icon}
+            )
+            (label :class "separator" :text "|")
+            (button
+              :class "wifi-arrow-btn"
+              :onclick "eww close system-menu && nm-connection-editor &"
+              ""
+            )
+          )
+          (label :text {net.essid} :xalign 0.5 :limit-width 15)
+        )
+        
+        (box
+          :class "bluetooth-box"
+          :space-evenly false
+          :orientation "v"
+          (box
+            :class "element icon"
+            :space-evenly false
+            (button
+              :class "bluetooth-button"
+              :onclick "scripts/bluetooth toggle"
+              {bluetooth.icon}
+            )
+            (label :class "separator" :text "|")
+            (button
+              :class "bluetooth-arrow-btn"
+              :onclick "eww close system-menu && blueberry"
+              ""
+            )
+          )
+          (label
+            :text {bluetooth.text}
+            :xalign 0.5
+            :tooltip "${bluetooth.text} ${bluetooth.batt_icon}"
+            :limit-width 15
+          )
+        )
+        
+        (box
+          :class "airplane-box"
+          :space-evenly false
+          :orientation "v"
+          (box
+            :class "element"
+            (button
+              :class "airplane-button"
+              :onclick "scripts/airplane toggle"
+              airplane
+            )
+          )
+          (label :text "Airplane Mode" :xalign 0.5 :limit-width 16)
+        )
+        
+        (box
+          :space-evenly false
+          :orientation "v"
+          (box
+            :class "element"
+            (button
+              :halign "end"
+              ; :onclick "wlogout -p layer-shell &"
+              :onclick "wlogout"
+              ""
+            )
+          )
+          (label
+            :text "Power"
+            :xalign 0.5
+            :limit-width 16
+          )
+        )
+      )
+      (audiolevels)
+      (box
+        :class "system-info-box"
+        
+        ; cpu
+        (box
+          :class "sys-box"
+          :space-evenly false
+          :halign "start"
+          (circular-progress
+            :value "${EWW_CPU.avg}"
+            :class "sys-cpu"
+            :thickness 3
+            (label
+              :text ""
+            :class "sys-icon-cpu icon"))
+          (box
+            :orientation "v"
+            :vexpand false
+            (label
+              :text "CPU"
+              :halign "start"
+            :class "sys-text-cpu")
+            (label
+              :text "${round(EWW_CPU.avg,2)}%"
+              :halign "start"
+            :class "sys-text-sub")
+            (label
+              :text "${EWW_CPU.cores[0].freq} MHz"
+              :halign "start"
+            :class "sys-text-sub")))
+        
+        ; memory
+        (box
+          :class "sys-box"
+          :space-evenly false
+          :halign "end"
+          (circular-progress
+            :value {memory.percentage}
+            :class "sys-mem"
+            :thickness 3
+            (label
+              :text ""
+              :class "sys-icon-mem icon"
+            )
+          )
+          (box
+            :orientation "v"
+            (label :text "Memory" :halign "start" :class "sys-text-mem")
+            (label :text "${memory.used} / ${memory.total}" :halign "start" :class "sys-text-sub")
+            (label :text "Swap ${memory.swapused} / ${memory.swaptotal}" :halign "start" :class "sys-text-sub")
+          )
+        )
+      )
+    )
+  )
+)
+
+;; windows
+(defwindow system-menu
+  :wm-ignore true
+  :monitor 0
+  ; :focusable true
+  :geometry (geometry
+    :x "0"
+    :y "0"
+    :width "0%"
+    :height "0%"
+  :anchor "right top")
+  (system-menu)
+)
+
diff --git a/tetrio/.config/eww/windows/themer.yuck b/tetrio/.config/eww/windows/themer.yuck
new file mode 100755
index 000000000..e31772ef1
--- /dev/null
+++ b/tetrio/.config/eww/windows/themer.yuck
@@ -0,0 +1,138 @@
+(defwidget themerctl []
+  (box
+    :orientation "v"
+    :space-evenly false
+    :halign "fill"
+    :valign "fill"
+    (eventbox
+      :onclick "scripts/toggle-themer.sh --close &"
+      (box
+        :style "
+        ${rev_themer ? '' : 'margin-top: -400px;'}
+        ${anim_open_themer ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+        min-height: 1px;
+        "
+      )
+    )
+    (eventbox
+      ; :onhoverlost "${EWW_CMD} close themer && ${EWW_CMD} update themer_open=false"
+      (box
+        :space-evenly false
+        :orientation "v"
+        :class "window window-themer"
+        :style "
+        ${rev_themer ? '' : 'margin-top: -400px;'}
+        ${anim_open_themer ? 'transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1);' : 'transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15);'}
+        "
+        (box
+          :class "window-titlebar-themer"
+          (label :class "window-text" :xalign 0 :text "THEMES")
+        )
+        (box
+          :style "padding-left: 10px; padding-right: 10px; padding-top: 10px; font-size: 15pt;"
+          :valign "start"
+          :space-evenly false
+          :spacing 4
+          (button
+            :class "themer-action-button themer-get"
+            :onclick "scripts/colormanage get"
+            ""
+          )
+          (button
+            :class "themer-action-button themer-restore"
+            :onclick "scripts/colormanage default"
+            ""
+          )
+          (button
+            :class "themer-action-button"
+            :onclick "scripts/togglelight light"
+            :tooltip "Light mode (for generating new themes)"
+            ""
+          )
+          (button
+            :class "themer-action-button"
+            :onclick "scripts/togglelight dark"
+            :tooltip "Dark mode (for generating new themes)"
+            ""
+          )
+        )
+        (label
+          :class "themer-title"
+          :text "Color profiles"
+          :xalign 0
+        )
+        (box
+          :space-evenly false
+          :orientation "h"
+          (label
+            :class "themer-prompt"
+            :text "Save "
+          )
+          (input
+            :class "themer-input"
+            :onaccept "scripts/colormanage save {}"
+          )
+        )
+        (box
+          :halign "start"
+          :space-evenly false
+          :orientation "h"
+          (label
+            :text "Load "
+            :class "themer-prompt"
+          )
+          (input
+            :class "themer-input"
+            :onaccept "scripts/colormanage load {}"
+          )
+        )
+        (label
+          :class "themer-title"
+          :text "Current pallete"
+          :xalign 0
+        )
+        (box
+          :spacing 3
+          :orientation "h"
+          :style "padding: 7px;"
+          (box :class "themer-color-preview preview-0" )
+          (box :class "themer-color-preview preview-1" )
+          (box :class "themer-color-preview preview-2" )
+          (box :class "themer-color-preview preview-3" )
+          (box :class "themer-color-preview preview-4" )
+          (box :class "themer-color-preview preview-5" )
+          (box :class "themer-color-preview preview-6" )
+          (box :class "themer-color-preview preview-7" )
+        )
+      )
+    )
+  )
+)
+
+(defwindow themer
+  :wm-ignore true
+  :stacking "overlay"
+  :monitor 0
+  :geometry (geometry
+    :x "300px"
+    :y "32px"
+    :anchor "top right"
+    ; :width "0px"
+    ; :height "0px"
+  )
+  :focusable true
+  (themerctl)
+)
+
+(defwidget themer []
+  (eventbox
+    :onhover "${EWW_CMD} update themer_hover=true"
+    :onhoverlost "${EWW_CMD} update themer_hover=false"
+    (button
+      :class "themer-button-${themer_hover || themer_open}"
+      :onclick "scripts/toggle-themer.sh"
+      :style "font-family: 'Material Symbols Outlined';"
+      ''
+    )
+  )
+)
\ No newline at end of file
diff --git a/tetrio/.config/eww/windows/win-workspace.yuck b/tetrio/.config/eww/windows/win-workspace.yuck
new file mode 100755
index 000000000..2ca19625f
--- /dev/null
+++ b/tetrio/.config/eww/windows/win-workspace.yuck
@@ -0,0 +1,13 @@
+(defwindow win-workspace
+  :wm-ignore true
+  :focusable false
+  :monitor 0
+  :geometry (geometry
+    :x "0%"
+    :y "53px"
+    :width "0%"
+    :height "0%"
+    :anchor "top center"
+  )
+  (win-ws)
+)
diff --git a/tetrio/.config/fish/completions/fisher.fish b/tetrio/.config/fish/completions/fisher.fish
new file mode 100755
index 000000000..6d23ce490
--- /dev/null
+++ b/tetrio/.config/fish/completions/fisher.fish
@@ -0,0 +1,7 @@
+complete --command fisher --exclusive --long help --description "Print help"
+complete --command fisher --exclusive --long version --description "Print version"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments install --description "Install plugins"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments update --description "Update installed plugins"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments remove --description "Remove installed plugins"
+complete --command fisher --exclusive --condition __fish_use_subcommand --arguments list --description "List installed plugins matching regex"
+complete --command fisher --exclusive --condition "__fish_seen_subcommand_from update remove" --arguments "(fisher list)"
diff --git a/tetrio/.config/fish/config.fish b/tetrio/.config/fish/config.fish
new file mode 100755
index 000000000..bfa2bf74c
--- /dev/null
+++ b/tetrio/.config/fish/config.fish
@@ -0,0 +1,20 @@
+function fish_prompt -d "Write out the prompt"
+    # This shows up as USER@HOST /home/user/ >, with the directory colored
+    # $USER and $hostname are set by fish, so you can just use them
+    # instead of using `whoami` and `hostname`
+    printf '%s@%s %s%s%s > ' $USER $hostname \
+        (set_color $fish_color_cwd) (prompt_pwd) (set_color normal)
+end
+
+if status is-interactive
+    # Commands to run in interactive sessions can go here
+    set fish_greeting
+
+end
+
+starship init fish | source
+
+# function fish_prompt
+#   set_color cyan; echo (pwd) 
+#   set_color green; echo '> '
+# end
\ No newline at end of file
diff --git a/tetrio/.config/fish/fish_plugins b/tetrio/.config/fish/fish_plugins
new file mode 100755
index 000000000..594dfc033
--- /dev/null
+++ b/tetrio/.config/fish/fish_plugins
@@ -0,0 +1 @@
+jorgebucaran/fisher
diff --git a/tetrio/.config/fish/fish_variables b/tetrio/.config/fish/fish_variables
new file mode 100755
index 000000000..479710902
--- /dev/null
+++ b/tetrio/.config/fish/fish_variables
@@ -0,0 +1,34 @@
+# This file contains fish universal variable definitions.
+# VERSION: 3.0
+SETUVAR __fish_initialized:3400
+SETUVAR _fisher_jorgebucaran_2F_fisher_files:\x7e/\x2econfig/fish/functions/fisher\x2efish\x1e\x7e/\x2econfig/fish/completions/fisher\x2efish
+SETUVAR _fisher_plugins:jorgebucaran/fisher
+SETUVAR _fisher_upgraded_to_4_4:\x1d
+SETUVAR fish_color_autosuggestion:555\x1ebrblack
+SETUVAR fish_color_cancel:\x2dr
+SETUVAR fish_color_command:blue
+SETUVAR fish_color_comment:red
+SETUVAR fish_color_cwd:green
+SETUVAR fish_color_cwd_root:red
+SETUVAR fish_color_end:green
+SETUVAR fish_color_error:brred
+SETUVAR fish_color_escape:brcyan
+SETUVAR fish_color_history_current:\x2d\x2dbold
+SETUVAR fish_color_host:normal
+SETUVAR fish_color_host_remote:yellow
+SETUVAR fish_color_normal:normal
+SETUVAR fish_color_operator:brcyan
+SETUVAR fish_color_param:cyan
+SETUVAR fish_color_quote:yellow
+SETUVAR fish_color_redirection:cyan\x1e\x2d\x2dbold
+SETUVAR fish_color_search_match:\x2d\x2dbackground\x3d111
+SETUVAR fish_color_selection:white\x1e\x2d\x2dbold\x1e\x2d\x2dbackground\x3dbrblack
+SETUVAR fish_color_status:red
+SETUVAR fish_color_user:brgreen
+SETUVAR fish_color_valid_path:\x2d\x2dunderline
+SETUVAR fish_key_bindings:fish_default_key_bindings
+SETUVAR fish_pager_color_completion:normal
+SETUVAR fish_pager_color_description:B3A06D\x1eyellow\x1e\x2di
+SETUVAR fish_pager_color_prefix:cyan\x1e\x2d\x2dbold\x1e\x2d\x2dunderline
+SETUVAR fish_pager_color_progress:brwhite\x1e\x2d\x2dbackground\x3dcyan
+SETUVAR fish_pager_color_selected_background:\x2dr
diff --git a/tetrio/.config/fish/functions/fisher.fish b/tetrio/.config/fish/functions/fisher.fish
new file mode 100755
index 000000000..c0a86fa4e
--- /dev/null
+++ b/tetrio/.config/fish/functions/fisher.fish
@@ -0,0 +1,240 @@
+function fisher --argument-names cmd --description "A plugin manager for Fish"
+    set --query fisher_path || set --local fisher_path $__fish_config_dir
+    set --local fisher_version 4.4.3
+    set --local fish_plugins $__fish_config_dir/fish_plugins
+
+    switch "$cmd"
+        case -v --version
+            echo "fisher, version $fisher_version"
+        case "" -h --help
+            echo "Usage: fisher install <plugins...>  Install plugins"
+            echo "       fisher remove  <plugins...>  Remove installed plugins"
+            echo "       fisher update  <plugins...>  Update installed plugins"
+            echo "       fisher update                Update all installed plugins"
+            echo "       fisher list    [<regex>]     List installed plugins matching regex"
+            echo "Options:"
+            echo "       -v or --version  Print version"
+            echo "       -h or --help     Print this help message"
+            echo "Variables:"
+            echo "       \$fisher_path  Plugin installation path. Default: $__fish_config_dir" | string replace --regex -- $HOME \~
+        case ls list
+            string match --entire --regex -- "$argv[2]" $_fisher_plugins
+        case install update remove
+            isatty || read --local --null --array stdin && set --append argv $stdin
+
+            set --local install_plugins
+            set --local update_plugins
+            set --local remove_plugins
+            set --local arg_plugins $argv[2..-1]
+            set --local old_plugins $_fisher_plugins
+            set --local new_plugins
+
+            test -e $fish_plugins && set --local file_plugins (string match --regex -- '^[^\s]+$' <$fish_plugins)
+
+            if ! set --query argv[2]
+                if test "$cmd" != update
+                    echo "fisher: Not enough arguments for command: \"$cmd\"" >&2 && return 1
+                else if ! set --query file_plugins
+                    echo "fisher: \"$fish_plugins\" file not found: \"$cmd\"" >&2 && return 1
+                end
+                set arg_plugins $file_plugins
+            end
+
+            for plugin in $arg_plugins
+                set plugin (test -e "$plugin" && realpath $plugin || string lower -- $plugin)
+                contains -- "$plugin" $new_plugins || set --append new_plugins $plugin
+            end
+
+            if set --query argv[2]
+                for plugin in $new_plugins
+                    if contains -- "$plugin" $old_plugins
+                        test "$cmd" = remove &&
+                            set --append remove_plugins $plugin ||
+                            set --append update_plugins $plugin
+                    else if test "$cmd" = install
+                        set --append install_plugins $plugin
+                    else
+                        echo "fisher: Plugin not installed: \"$plugin\"" >&2 && return 1
+                    end
+                end
+            else
+                for plugin in $new_plugins
+                    contains -- "$plugin" $old_plugins &&
+                        set --append update_plugins $plugin ||
+                        set --append install_plugins $plugin
+                end
+
+                for plugin in $old_plugins
+                    contains -- "$plugin" $new_plugins || set --append remove_plugins $plugin
+                end
+            end
+
+            set --local pid_list
+            set --local source_plugins
+            set --local fetch_plugins $update_plugins $install_plugins
+            set --local fish_path (status fish-path)
+
+            echo (set_color --bold)fisher $cmd version $fisher_version(set_color normal)
+
+            for plugin in $fetch_plugins
+                set --local source (command mktemp -d)
+                set --append source_plugins $source
+
+                command mkdir -p $source/{completions,conf.d,themes,functions}
+
+                $fish_path --command "
+                    if test -e $plugin
+                        command cp -Rf $plugin/* $source
+                    else
+                        set temp (command mktemp -d)
+                        set repo (string split -- \@ $plugin) || set repo[2] HEAD
+
+                        if set path (string replace --regex -- '^(https://)?gitlab.com/' '' \$repo[1])
+                            set name (string split -- / \$path)[-1]
+                            set url https://gitlab.com/\$path/-/archive/\$repo[2]/\$name-\$repo[2].tar.gz
+                        else
+                            set url https://api.github.com/repos/\$repo[1]/tarball/\$repo[2]
+                        end
+
+                        echo Fetching (set_color --underline)\$url(set_color normal)
+
+                        if curl --silent -L \$url | tar -xzC \$temp -f - 2>/dev/null
+                            command cp -Rf \$temp/*/* $source
+                        else
+                            echo fisher: Invalid plugin name or host unavailable: \\\"$plugin\\\" >&2
+                            command rm -rf $source
+                        end
+
+                        command rm -rf \$temp
+                    end
+
+                    set files $source/* && string match --quiet --regex -- .+\.fish\\\$ \$files
+                " &
+
+                set --append pid_list (jobs --last --pid)
+            end
+
+            wait $pid_list 2>/dev/null
+
+            for plugin in $fetch_plugins
+                if set --local source $source_plugins[(contains --index -- "$plugin" $fetch_plugins)] && test ! -e $source
+                    if set --local index (contains --index -- "$plugin" $install_plugins)
+                        set --erase install_plugins[$index]
+                    else
+                        set --erase update_plugins[(contains --index -- "$plugin" $update_plugins)]
+                    end
+                end
+            end
+
+            for plugin in $update_plugins $remove_plugins
+                if set --local index (contains --index -- "$plugin" $_fisher_plugins)
+                    set --local plugin_files_var _fisher_(string escape --style=var -- $plugin)_files
+
+                    if contains -- "$plugin" $remove_plugins
+                        for name in (string replace --filter --regex -- '.+/conf\.d/([^/]+)\.fish$' '$1' $$plugin_files_var)
+                            emit {$name}_uninstall
+                        end
+                        printf "%s\n" Removing\ (set_color red --bold)$plugin(set_color normal) "         "$$plugin_files_var | string replace -- \~ ~
+                        set --erase _fisher_plugins[$index]
+                    end
+
+                    command rm -rf (string replace -- \~ ~ $$plugin_files_var)
+
+                    functions --erase (string replace --filter --regex -- '.+/functions/([^/]+)\.fish$' '$1' $$plugin_files_var)
+
+                    for name in (string replace --filter --regex -- '.+/completions/([^/]+)\.fish$' '$1' $$plugin_files_var)
+                        complete --erase --command $name
+                    end
+
+                    set --erase $plugin_files_var
+                end
+            end
+
+            if set --query update_plugins[1] || set --query install_plugins[1]
+                command mkdir -p $fisher_path/{functions,themes,conf.d,completions}
+            end
+
+            for plugin in $update_plugins $install_plugins
+                set --local source $source_plugins[(contains --index -- "$plugin" $fetch_plugins)]
+                set --local files $source/{functions,themes,conf.d,completions}/*
+
+                if set --local index (contains --index -- $plugin $install_plugins)
+                    set --local user_files $fisher_path/{functions,themes,conf.d,completions}/*
+                    set --local conflict_files
+
+                    for file in (string replace -- $source/ $fisher_path/ $files)
+                        contains -- $file $user_files && set --append conflict_files $file
+                    end
+
+                    if set --query conflict_files[1] && set --erase install_plugins[$index]
+                        echo -s "fisher: Cannot install \"$plugin\": please remove or move conflicting files first:" \n"        "$conflict_files >&2
+                        continue
+                    end
+                end
+
+                for file in (string replace -- $source/ "" $files)
+                    command cp -RLf $source/$file $fisher_path/$file
+                end
+
+                set --local plugin_files_var _fisher_(string escape --style=var -- $plugin)_files
+
+                set --query files[1] && set --universal $plugin_files_var (string replace -- $source $fisher_path $files | string replace -- ~ \~)
+
+                contains -- $plugin $_fisher_plugins || set --universal --append _fisher_plugins $plugin
+                contains -- $plugin $install_plugins && set --local event install || set --local event update
+
+                printf "%s\n" Installing\ (set_color --bold)$plugin(set_color normal) "           "$$plugin_files_var | string replace -- \~ ~
+
+                for file in (string match --regex -- '.+/[^/]+\.fish$' $$plugin_files_var | string replace -- \~ ~)
+                    source $file
+                    if set --local name (string replace --regex -- '.+conf\.d/([^/]+)\.fish$' '$1' $file)
+                        emit {$name}_$event
+                    end
+                end
+            end
+
+            command rm -rf $source_plugins
+
+            if set --query _fisher_plugins[1]
+                set --local commit_plugins
+
+                for plugin in $file_plugins
+                    contains -- (string lower -- $plugin) (string lower -- $_fisher_plugins) && set --append commit_plugins $plugin
+                end
+
+                for plugin in $_fisher_plugins
+                    contains -- (string lower -- $plugin) (string lower -- $commit_plugins) || set --append commit_plugins $plugin
+                end
+
+                printf "%s\n" $commit_plugins >$fish_plugins
+            else
+                set --erase _fisher_plugins
+                command rm -f $fish_plugins
+            end
+
+            set --local total (count $install_plugins) (count $update_plugins) (count $remove_plugins)
+
+            test "$total" != "0 0 0" && echo (string join ", " (
+                test $total[1] = 0 || echo "Installed $total[1]") (
+                test $total[2] = 0 || echo "Updated $total[2]") (
+                test $total[3] = 0 || echo "Removed $total[3]")
+            ) plugin/s
+        case \*
+            echo "fisher: Unknown command: \"$cmd\"" >&2 && return 1
+    end
+end
+
+if ! set --query _fisher_upgraded_to_4_4
+    set --universal _fisher_upgraded_to_4_4
+    if functions --query _fisher_list
+        set --query XDG_DATA_HOME[1] || set --local XDG_DATA_HOME ~/.local/share
+        command rm -rf $XDG_DATA_HOME/fisher
+        functions --erase _fisher_{list,plugin_parse}
+        fisher update >/dev/null 2>/dev/null
+    else
+        for var in (set --names | string match --entire --regex '^_fisher_.+_files$')
+            set $var (string replace -- ~ \~ $$var)
+        end
+        functions --erase _fisher_fish_postexec
+    end
+end
diff --git a/tetrio/.config/fish/tokyonight_day.fish b/tetrio/.config/fish/tokyonight_day.fish
new file mode 100644
index 000000000..0a73a06a5
--- /dev/null
+++ b/tetrio/.config/fish/tokyonight_day.fish
@@ -0,0 +1,36 @@
+    # TokyoNight Color Palette
+    set -l foreground 3760bf
+    set -l selection 99a7df
+    set -l comment 848cb5
+    set -l red f52a65
+    set -l orange b15c00
+    set -l yellow 8c6c3e
+    set -l green 587539
+    set -l purple 7847bd
+    set -l cyan 007197
+    set -l pink 9854f1
+
+    # Syntax Highlighting Colors
+    set -g fish_color_normal $foreground
+    set -g fish_color_command $cyan
+    set -g fish_color_keyword $pink
+    set -g fish_color_quote $yellow
+    set -g fish_color_redirection $foreground
+    set -g fish_color_end $orange
+    set -g fish_color_error $red
+    set -g fish_color_param $purple
+    set -g fish_color_comment $comment
+    set -g fish_color_selection --background=$selection
+    set -g fish_color_search_match --background=$selection
+    set -g fish_color_operator $green
+    set -g fish_color_escape $pink
+    set -g fish_color_autosuggestion $comment
+
+    # Completion Pager Colors
+    set -g fish_pager_color_progress $comment
+    set -g fish_pager_color_prefix $cyan
+    set -g fish_pager_color_completion $foreground
+    set -g fish_pager_color_description $comment
+    set -g fish_pager_color_selected_background --background=$selection
+
+  
\ No newline at end of file
diff --git a/tetrio/.config/fish/tokyonight_moon.fish b/tetrio/.config/fish/tokyonight_moon.fish
new file mode 100644
index 000000000..2acc461b3
--- /dev/null
+++ b/tetrio/.config/fish/tokyonight_moon.fish
@@ -0,0 +1,36 @@
+    # TokyoNight Color Palette
+    set -l foreground c8d3f5
+    set -l selection 3654a7
+    set -l comment 7a88cf
+    set -l red ff757f
+    set -l orange ff966c
+    set -l yellow ffc777
+    set -l green c3e88d
+    set -l purple fca7ea
+    set -l cyan 86e1fc
+    set -l pink c099ff
+
+    # Syntax Highlighting Colors
+    set -g fish_color_normal $foreground
+    set -g fish_color_command $cyan
+    set -g fish_color_keyword $pink
+    set -g fish_color_quote $yellow
+    set -g fish_color_redirection $foreground
+    set -g fish_color_end $orange
+    set -g fish_color_error $red
+    set -g fish_color_param $purple
+    set -g fish_color_comment $comment
+    set -g fish_color_selection --background=$selection
+    set -g fish_color_search_match --background=$selection
+    set -g fish_color_operator $green
+    set -g fish_color_escape $pink
+    set -g fish_color_autosuggestion $comment
+
+    # Completion Pager Colors
+    set -g fish_pager_color_progress $comment
+    set -g fish_pager_color_prefix $cyan
+    set -g fish_pager_color_completion $foreground
+    set -g fish_pager_color_description $comment
+    set -g fish_pager_color_selected_background --background=$selection
+
+  
\ No newline at end of file
diff --git a/tetrio/.config/fish/tokyonight_night.fish b/tetrio/.config/fish/tokyonight_night.fish
new file mode 100644
index 000000000..58edd99b3
--- /dev/null
+++ b/tetrio/.config/fish/tokyonight_night.fish
@@ -0,0 +1,36 @@
+    # TokyoNight Color Palette
+    set -l foreground c0caf5
+    set -l selection 33467c
+    set -l comment 565f89
+    set -l red f7768e
+    set -l orange ff9e64
+    set -l yellow e0af68
+    set -l green 9ece6a
+    set -l purple 9d7cd8
+    set -l cyan 7dcfff
+    set -l pink bb9af7
+
+    # Syntax Highlighting Colors
+    set -g fish_color_normal $foreground
+    set -g fish_color_command $cyan
+    set -g fish_color_keyword $pink
+    set -g fish_color_quote $yellow
+    set -g fish_color_redirection $foreground
+    set -g fish_color_end $orange
+    set -g fish_color_error $red
+    set -g fish_color_param $purple
+    set -g fish_color_comment $comment
+    set -g fish_color_selection --background=$selection
+    set -g fish_color_search_match --background=$selection
+    set -g fish_color_operator $green
+    set -g fish_color_escape $pink
+    set -g fish_color_autosuggestion $comment
+
+    # Completion Pager Colors
+    set -g fish_pager_color_progress $comment
+    set -g fish_pager_color_prefix $cyan
+    set -g fish_pager_color_completion $foreground
+    set -g fish_pager_color_description $comment
+    set -g fish_pager_color_selected_background --background=$selection
+
+  
\ No newline at end of file
diff --git a/tetrio/.config/fish/tokyonight_storm.fish b/tetrio/.config/fish/tokyonight_storm.fish
new file mode 100644
index 000000000..0fd59a748
--- /dev/null
+++ b/tetrio/.config/fish/tokyonight_storm.fish
@@ -0,0 +1,36 @@
+    # TokyoNight Color Palette
+    set -l foreground c0caf5
+    set -l selection 364a82
+    set -l comment 565f89
+    set -l red f7768e
+    set -l orange ff9e64
+    set -l yellow e0af68
+    set -l green 9ece6a
+    set -l purple 9d7cd8
+    set -l cyan 7dcfff
+    set -l pink bb9af7
+
+    # Syntax Highlighting Colors
+    set -g fish_color_normal $foreground
+    set -g fish_color_command $cyan
+    set -g fish_color_keyword $pink
+    set -g fish_color_quote $yellow
+    set -g fish_color_redirection $foreground
+    set -g fish_color_end $orange
+    set -g fish_color_error $red
+    set -g fish_color_param $purple
+    set -g fish_color_comment $comment
+    set -g fish_color_selection --background=$selection
+    set -g fish_color_search_match --background=$selection
+    set -g fish_color_operator $green
+    set -g fish_color_escape $pink
+    set -g fish_color_autosuggestion $comment
+
+    # Completion Pager Colors
+    set -g fish_pager_color_progress $comment
+    set -g fish_pager_color_prefix $cyan
+    set -g fish_pager_color_completion $foreground
+    set -g fish_pager_color_description $comment
+    set -g fish_pager_color_selected_background --background=$selection
+
+  
\ No newline at end of file
diff --git a/tetrio/.config/foot/foot.ini b/tetrio/.config/foot/foot.ini
new file mode 100755
index 000000000..e4ff60012
--- /dev/null
+++ b/tetrio/.config/foot/foot.ini
@@ -0,0 +1,320 @@
+# -*- 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=monospace:size=11
+font=JetBrainsMono Nerd Font:size=12
+# 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=30x30                             # optionally append 'center'
+# resize-delay-ms=100
+
+# notify=notify-send -a ${app-id} -i ${app-id} ${title} ${body}
+
+bold-text-in-bright=no
+# bell=none
+# 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=block
+# color=111111 dcdccc
+color=282a36 f8f8f2
+# blink=no
+# beam-thickness=1.5
+# underline-thickness=<font underline thickness>
+
+[mouse]
+# hide-when-typing=no
+# alternate-scroll-mode=yes
+
+#DoomOne Colors
+#[colors]
+#alpha=0.3
+#foreground=bbc2cf
+#background=444444
+#regular0=282c34  # black
+#regular1=ff6c6b  # red
+#regular2=98be65  # green
+#regular3=ecbe7b  # yellow
+#regular4=51afef  # blue
+#regular5=c678dd  # magenta
+#regular6=46d9ff  # cyan
+#regular7=bfbfbf  # white
+#bright0=666666   # bright black
+#bright1=da8548   # bright red
+#bright2=4db5bd   # bright green
+#bright3=ECBE7B   # bright yellow
+#bright4=51afef   # bright blue
+#bright5=c678dd   # bright magenta
+#bright6=46D9FF   # bright cyan
+#bright7=dfdfdf   # bright white
+# 16 = <256-color palette #16>
+# ...
+# 255 = <256-color palette #255>
+# selection-foreground=<inverse foreground/background>
+# selection-background=<inverse foreground/background>
+# jump-labels=<regular0> <regular3>
+# urls=<regular3>
+
+##Dracula Colors
+# [colors]
+# alpha=0.3
+# foreground=f8f8f2
+# background=444444
+# regular0=000000  # black
+# regular1=ff5555  # red
+# regular2=50fa7b  # green
+# regular3=f1fa8c  # yellow
+# regular4=bd93f9  # blue
+# regular5=ff79c6  # magenta
+# regular6=8be9fd  # cyan
+# regular7=bfbfbf  # white
+# bright0=4d4d4d   # bright black
+# bright1=ff6e67   # bright red
+# bright2=5af78e   # bright green
+# bright3=f4f99d   # bright yellow
+# bright4=caa9fa   # bright blue
+# bright5=ff92d0   # bright magenta
+# bright6=9aedfe   # bright cyan
+# bright7=e6e6e6   # bright white
+
+# Catppuccin Colors
+[colors]
+alpha=0.5
+foreground=a9b1d6
+background=1a1b26
+regular0=414868  # black
+regular1=f7768e  # red
+regular2=73daca  # green
+regular3=e0af68  # yellow
+regular4=7aa2f7  # blue
+regular5=bb9af7  # magenta
+regular6=7dcfff  # cyan
+regular7=c0caf5  # white
+bright0=414868  # black
+bright1=f7768e  # red
+bright2=73daca  # green
+bright3=e0af68  # yellow
+bright4=7aa2f7  # blue
+bright5=bb9af7  # magenta
+bright6=7dcfff  # cyan
+bright7=c0caf5  # white
+
+# Ice colors
+# [colors]
+# alpha=0.5
+# foreground=90D1F6
+# background=162546
+# regular0=68ABE3  # black
+# regular1=BB9AF7  # red
+# regular2=90D1F6  # green
+# regular3=90D1F6  # yellow
+# regular4=AED6F7  # blue
+# regular5=AEE5FA  # magenta
+# regular6=DEECF5  # cyan
+# regular7=90D1F6  # white
+# bright0=68ABE3  # black
+# bright1=F7768E  # red
+# bright2=8DB5E3  # green
+# bright3=90D1F6  # yellow
+# bright4=AED6F7  # blue
+# bright5=AEE5FA  # magenta
+# bright6=DEECF5  # cyan
+# bright7=90D1F6  # white
+
+##Lovelace Colors
+# [colors]
+# alpha=0.3
+# foreground=f8f8f2
+# background=444444
+# regular0=282A36  # black
+# regular1=F37F97  # red
+# regular2=5ADECD  # green
+# regular3=F2A272  # yellow
+# regular4=8897F4  # blue
+# regular5=C574DD  # magenta
+# regular6=79E6F3  # cyan
+# regular7=FDFDFD  # white
+#  bright0=414458  # bright black
+#  bright1=FF4971  # bright red
+#  bright2=18E3C8  # bright green
+#  bright3=FF8037  # bright yellow
+#  bright4=556FFF  # bright blue
+#  bright5=B043D1  # bright magenta
+#  bright6=3FDCEE  # bright cyan
+#  bright7=BEBEC1  # bright white
+
+##Amarena Colors
+# [colors]
+# alpha=0.3
+# foreground=FFFFFF
+# background=1A2026
+# regular0=242D35 #black
+# regular1=FB6396 #red
+# regular2=94CF95 #green
+# regular3=F692B2 #yellow
+# regular4=6EC1D6 #blue
+# regular5=CD84C8 #magenta
+# regular6=7FE4D2 #cyan
+# regular7=FFFFFF #white
+#  bright0=526170 #bright black
+#  bright1=F92D72 #bright red
+#  bright2=6CCB6E #bright green
+#  bright3=F26190 #bright yellow
+#  bright4=4CB9D6 #bright blue
+#  bright5=C269BC #bright magenta
+#  bright6=58D6BF #bright cyan
+#  bright7=F4F5F2 #bright white
+  
+#Catpuccin Frappe
+#[colors]
+#    alpha=0.3
+#    foreground=c6d0f5 # Text
+#    background=444444 # Base
+#    regular0=51576d   # Surface 1
+#    regular1=e78284   # red
+#    regular2=a6d189   # green
+#    regular3=e5c890   # yellow
+#    regular4=8caaee   # blue
+#    regular5=f4b8e4   # pink
+#    regular6=81c8be   # teal
+#    regular7=b5bfe2   # Subtext 1
+#    bright0=626880    # Surface 2
+#    bright1=e78284    # red
+#    bright2=a6d189    # green
+#    bright3=e5c890    # yellow
+#    bright4=8caaee    # blue
+#    bright5=f4b8e4    # pink
+#    bright6=81c8be    # teal
+#    bright7=a5adce    # Subtext 0
+
+##Catpuccin Latte
+#[colors]
+#    alpha=0.3
+#    foreground=4c4f69 # Text
+#    background=444444 # Base
+#    regular0=5c5f77   # Subtext 1
+#    regular1=d20f39   # red
+#    regular2=40a02b   # green
+#    regular3=df8e1d   # yellow
+#    regular4=1e66f5   # blue
+#    regular5=ea76cb   # pink
+#    regular6=179299   # teal
+#    regular7=acb0be   # Surface 2
+#    bright0=6c6f85    # Subtext 0
+#    bright1=d20f39    # red
+#    bright2=40a02b    # green
+#    bright3=df8e1d    # yellow
+#    bright4=1e66f5    # blue
+#    bright5=ea76cb    # pink
+#    bright6=179299    # teal
+#    bright7=bcc0cc    # Surface 1
+
+[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=Mod1+BackSpace 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
diff --git a/tetrio/.config/gtklock/background.jpg b/tetrio/.config/gtklock/background.jpg
new file mode 100644
index 000000000..fec362a79
Binary files /dev/null and b/tetrio/.config/gtklock/background.jpg differ
diff --git a/tetrio/.config/gtklock/config.ini b/tetrio/.config/gtklock/config.ini
new file mode 100644
index 000000000..75d5b081e
--- /dev/null
+++ b/tetrio/.config/gtklock/config.ini
@@ -0,0 +1,2 @@
+[main]
+gtk-theme=Tokyonight-Dark-BL-LB
\ No newline at end of file
diff --git a/tetrio/.config/gtklock/style.css b/tetrio/.config/gtklock/style.css
new file mode 100644
index 000000000..13ea48075
--- /dev/null
+++ b/tetrio/.config/gtklock/style.css
@@ -0,0 +1,49 @@
+window {
+    background-image: url("background.jpg");
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-color: #1A1B26;
+}
+
+#window-box {
+    /* background-color: #1A1B26; */
+    border-radius: 1.5rem;
+    padding: 1.5rem;
+    /* border: 4px solid #7E64C5; */
+}
+
+#clock-label {
+    font-family: Gabarito;
+    font-size: 3.5rem;
+    background-color: rgba(26, 27, 38, 0.8);
+    border-radius: 1.2rem;
+    padding: 0.5rem;
+    padding-left: 0.7rem;
+    margin: 0.6rem;
+    border: 0.2rem solid #7E64C5;
+}
+
+#input-label {
+    font-size: 1.5rem;
+    color: transparent;
+    background-color: transparent;
+    margin: -20rem;
+}
+
+#input-field {
+    background-color: rgba(26, 27, 38, 0.8);
+    border-radius: 1.2rem;
+    font-size: 1.4rem;
+    padding: 0.5rem;
+    padding-left: 0.7rem;
+    margin: 0.6rem;
+}
+
+#unlock-button {
+    margin: -20rem;
+    color: transparent;
+    background-color: transparent;
+}
+
+/* #error-label */
\ No newline at end of file
diff --git a/tetrio/.config/hypr/colors.conf b/tetrio/.config/hypr/colors.conf
new file mode 100755
index 000000000..432ad4bcb
--- /dev/null
+++ b/tetrio/.config/hypr/colors.conf
@@ -0,0 +1,5 @@
+# Auto generated color theme for image at: https://i.ytimg.com/vi/i7cDLZgrqW4/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCRBvhM7aVv-ZgGz3TeptwLxpkccA
+general {
+    col.active_border = rgba(AF682FFF) rgba(94744EFF) rgba(AB8D5BFF) 45deg
+    col.inactive_border = rgba(AF682F66)
+}
diff --git a/tetrio/.config/hypr/colors_default.conf b/tetrio/.config/hypr/colors_default.conf
new file mode 100755
index 000000000..09e7115b6
--- /dev/null
+++ b/tetrio/.config/hypr/colors_default.conf
@@ -0,0 +1,4 @@
+general {
+    col.active_border = rgba(0DB7D4FF) rgba(7AA2F7FF) rgba(9778D0FF) 45deg
+    col.inactive_border = rgba(04404aaa)
+}
diff --git a/tetrio/.config/hypr/env.conf b/tetrio/.config/hypr/env.conf
new file mode 100755
index 000000000..44fce7445
--- /dev/null
+++ b/tetrio/.config/hypr/env.conf
@@ -0,0 +1,5 @@
+env = XMODIFIERS, @im, ibus
+env = GTK_IM_MODULE, ibus
+env = QT_IM_MODULE, ibus
+env = QT_QPA_PLATFORMTHEME, qt5ct
+env = WLR_NO_HARDWARE_CURSORS, 1
diff --git a/tetrio/.config/hypr/execs.conf b/tetrio/.config/hypr/execs.conf
new file mode 100755
index 000000000..f4f3e1280
--- /dev/null
+++ b/tetrio/.config/hypr/execs.conf
@@ -0,0 +1,22 @@
+# Status bar
+#exec-once = waybar
+exec-once = eww daemon && eww open bg-decor && eww open bar &
+
+# Language Switch
+exec-once = ibus-daemon --xim -d -r
+exec-once = ibus engine xkb:us::eng
+
+# Core components (authentication, lock screen, notification daemon)
+exec-once = dbus-update-activation-environment --all
+exec-once = swaybg -i ~/.config/eww/images/wallpaper/wallpaper
+exec-once = /usr/bin/gnome-keyring-daemon --start --components=secrets
+exec-once = /usr/lib/polkit-gnome/polkit-gnome-authentication-agent-1 &
+exec-once = dunst &
+exec-once = swayidle -w timeout 300 '$HOME/.local/bin/lock.sh' before-sleep '$HOME/.local/bin/lock.sh' &
+exec-once = swayidle -w timeout 450 'systemctl suspend'
+
+# Clipboard history
+exec-once = wl-paste --watch cliphist store
+
+# Cursor
+exec-once = hyprctl setcursor Bibata-Modern-Classic 24
diff --git a/tetrio/.config/hypr/hypr.conf b/tetrio/.config/hypr/hypr.conf
new file mode 100755
index 000000000..b3e16e4bd
--- /dev/null
+++ b/tetrio/.config/hypr/hypr.conf
@@ -0,0 +1,148 @@
+###################################################
+#    This is the config for Hypr, not Hyprland!   #
+#       that abandoned Xorg window manager..      #
+###################################################
+
+gaps_in=4
+border_size=3
+gaps_out=8
+rounding=17
+max_fps=60 # max fps for updates of config & animations
+focus_when_hover=1 # 0 - do not switch the focus when hover (only for tiling)
+main_mod=SUPER # For moving, resizing
+intelligent_transients=1 # keeps transients always on top.
+no_unmap_saving=1 # disables saving unmapped windows (seems to break sometimes)
+scratchpad_mon=0 # self-explanatory # no its not
+
+# Execs
+exec-once=nitrogen --set-centered ~/.config/eww/images/wallpaper/wallpaper
+exec-once=/usr/bin/gnome-keyring-daemon --start --components=secrets
+exec-once=/usr/libexec/polkit-gnome-authentication-agent-1 &
+exec-once=ibus-daemon --xim -d -r
+exec-once=picom
+#exec-once=ibus-daemon &
+exec-once=ibus engine Bamboo::Us
+bind=SUPERSHIFT,V,exec,ibus engine Bamboo::Us
+bind=SUPERSHIFT,E,exec,ibus engine xkb:us::eng
+
+# Layout
+layout=0 # 0 - dwindle (default), 1 - master
+layout {
+    no_gaps_when_only=0 # disables gaps and borders when only window on screen
+}
+
+# Bar config
+Bar {
+    height=20
+    monitor=0
+    enabled=1
+    mod_pad_in=8
+    no_tray_saving=1 # using this doesnt save the tray between reloads but fixes an issue with the bar disappearing.
+
+    font.main=Noto Sans
+    font.secondary=Noto Sans
+
+    col.bg=0xff111111
+    col.high=0xffff3333
+
+    module=left,X,0xff8000ff,0xffffffff,1,workspaces
+    module=pad,left,10
+    module=left,,0xff7000dd,0xff7000dd,1,tray
+    module=right,X,0xffffffff,0xff00ff33,1000,$date +%a,\ %b\ %Y\ \ %I:%M\ %p$
+}
+
+# colors
+col.active_border=0xff7348e0
+col.inactive_border=0x77222222
+
+# status command
+# deprecated
+# status_command=date +%a,\ %b\ %Y\ \ %I:%M\ %p
+#
+
+# animations
+Animations {
+    enabled=0
+    speed=8
+    window_resize_speed=8
+    cheap=1 # highly recommended
+    borders=1
+    workspaces=1
+}
+
+# example window rules, more in the wiki
+
+# windowrule=float,class:krunner
+# windowrule=float,role:pop-up
+# windowrule=float,role:task_dialog
+# windowrule=monitor 0,class:krunner
+# windowrule=size 500 50,class:krunner
+# windowrule=move 700 500,class:krunner
+# windowrule=pseudo,class:discord
+
+# keybinds
+bind=CTRLALT,119,exec,kill Xorg
+bind=SUPER,R,exec,dmenu_run
+bind=SUPER,T,exec,kitty fish
+# bind=SUPER,W,exec,microsoft-edge --password-store=gnome --enable-features=UseOzonePlatform --gtk-version=4
+bind=SUPER,W,exec,firefox
+bind=SUPER,A,exec,rofi -show drun
+bind=SUPER,ESCAPE,exec,kitty btop
+bind=SUPER,E,exec,nautilus --new-window
+bind=SUPER,G,exec,gnome-text-editor --new-window
+
+bind=SUPER,Q,killactive,
+
+bind=SUPERSHIFT,LEFT,movewindow,l
+bind=SUPERSHIFT,RIGHT,movewindow,r
+bind=SUPERSHIFT,UP,movewindow,u
+bind=SUPERSHIFT,DOWN,movewindow,d
+
+bind=SUPER,LEFT,movefocus,l
+bind=SUPER,RIGHT,movefocus,r
+bind=SUPER,UP,movefocus,u
+bind=SUPER,DOWN,movefocus,d
+
+bind=SUPER,F,fullscreen,
+
+bind=SUPER,1,workspace,1
+bind=SUPER,2,workspace,2
+bind=SUPER,3,workspace,3
+bind=SUPER,4,workspace,4
+bind=SUPER,5,workspace,5
+bind=SUPER,6,workspace,6
+bind=SUPER,7,workspace,7
+bind=SUPER,8,workspace,8
+bind=SUPER,9,workspace,9
+bind=SUPER,0,workspace,10
+
+bind=CTRLSUPER,left,lastworkspace,-
+bind=CTRLSUPER,right,nextworkspace,+
+bind=CTRLSUPER,Prior,lastworkspace,-
+bind=CTRLSUPER,Next,nextworkspace,+
+bind=SUPER,Prior,lastworkspace,-
+bind=SUPER,Next,nextworkspace,+
+bind=CTRLSUPER,H,lastworkspace,
+bind=CTRLSUPER,L,nextworkspace,
+
+bind=CTRLSUPERSHIFT,left,movetorelativeworkspace,-
+bind=CTRLSUPERSHIFT,right,movetorelativeworkspace,+
+
+bind=SUPERALT,1,movetoworkspace,1
+bind=SUPERALT,2,movetoworkspace,2
+bind=SUPERALT,3,movetoworkspace,3
+bind=SUPERALT,4,movetoworkspace,4
+bind=SUPERALT,5,movetoworkspace,5
+bind=SUPERALT,6,movetoworkspace,6
+bind=SUPERALT,7,movetoworkspace,7
+bind=SUPERALT,8,movetoworkspace,8
+bind=SUPERALT,9,movetoworkspace,9
+bind=SUPERALT,0,movetoworkspace,10
+
+bind=SUPERSHIFT,S,movetoworkspace,scratchpad
+bind=SUPER,S,scratchpad,
+
+bind=SUPERALT,SPACE,togglefloating,
+
+bind=SUPER,equal,splitratio,+0.15
+bind=SUPER,minus,splitratio,-0.15
diff --git a/tetrio/.config/hypr/hyprland.conf b/tetrio/.config/hypr/hyprland.conf
new file mode 100755
index 000000000..8fb236c6f
--- /dev/null
+++ b/tetrio/.config/hypr/hyprland.conf
@@ -0,0 +1,191 @@
+# This file contains general customization options 
+# For Environment variables see env.conf
+# For Keybinds variables see keybinds.conf 
+# For Auto-run stuff see execs.conf
+#autogenerated = 1
+
+# I haven't updated yet but prepared
+# source=~/.config/hypr/env.conf
+
+# Monitor: reserve space for eww bar
+monitor=eDP-1,1920x1080@60,0x0,1
+monitor=eDP-1, addreserved, 53, 0, 0, 0
+monitor=HDMI-A-1,1920x1080@60,1920x0,1,mirror,eDP-1
+
+#################### Core components (authentication, idle daemon and stuff) ##############
+source=~/.config/hypr/execs.conf
+
+############################# Keybinds ############################
+source=~/.config/hypr/keybinds.conf
+
+############################## Input ##############################
+input {
+    # Mouse
+    # accel_profile = adaptive
+    force_no_accel = false
+    #sensitivity = 0
+    # osu
+    # force_no_accel = true
+    # sensitivity = -0.23 
+
+    # Keyboard
+    kb_layout = us
+    follow_mouse = 1
+    numlock_by_default = true
+
+    touchpad {
+        natural_scroll = yes
+        disable_while_typing = true
+        clickfinger_behavior = true
+        scroll_factor = 0.7
+    }
+    scroll_method = 2fg
+}
+gestures {
+    # See https://wiki.hyprland.org/Configuring/Variables/ for more
+    workspace_swipe = true
+    workspace_swipe_distance = 1200px
+    workspace_swipe_fingers = 4
+    workspace_swipe_cancel_ratio = 0.2
+    workspace_swipe_min_speed_to_force = 5
+    workspace_swipe_create_new = true
+}
+
+general {
+    # Gaps and border
+    gaps_in = 4
+    gaps_out = 8
+    border_size = 3
+    
+    # Fallback colors
+    col.active_border = rgba(0DB7D4FF) rgba(7AA2F7FF) rgba(9778D0FF) 45deg
+    col.inactive_border = rgba(04404aaa)
+
+    # Functionality
+    #resize_on_border = true
+}
+
+
+decoration {
+	# Blur rules
+	# blurls=gtk-layer-shell
+	rounding = 17
+    
+    # Blur
+    blur = yes
+    blur_size = 4
+    blur_passes = 4
+    blur_new_optimizations = on
+    #blur_xray = true
+    # Shadow
+    drop_shadow = yes
+    shadow_range = 1
+    shadow_render_power = 1
+    col.shadow = rgba(010101DD)
+    
+    # Opacity
+    	
+    
+    # Shader (bluelight)
+    # screen_shader = ~/.config/hypr/shaders/extradark.frag
+    
+    # Dim
+    dim_inactive = false
+    dim_strength = 0.1
+    dim_special = 0
+}
+
+# Animation tree
+# global
+#  ↳ windows - styles: slide, popin
+#    ↳ windowsIn - window open
+#    ↳ windowsOut - window close
+#    ↳ windowsMove - everything in between, moving, dragging, resizing.
+#  ↳ fade
+#    ↳ fadeIn - fade in (open) -> layers and windows
+#    ↳ fadeOut - fade out (close) -> layers and windows
+#    ↳ fadeSwitch - fade on changing activewindow and its opacity
+#    ↳ fadeShadow - fade on changing activewindow for shadows
+#    ↳ fadeDim - the easing of the dimming of inactive windows
+#  ↳ border - for animating the border's color switch speed
+#  ↳ borderangle - for animating the border's gradient angle - styles: once (default), loop
+#  ↳ workspaces - styles: slide, slidevert, fade
+#    ↳ specialWorkspace - styles: same as workspaces
+
+animations {
+    enabled = yes
+    # Animation curves
+    
+    bezier = md3_standard, 0.2, 0.0, 0, 1.0
+    bezier = md3_decel, 0.05, 0.7, 0.1, 1
+    bezier = md3_accel, 0.3, 0, 0.8, 0.15
+    bezier = overshot, 0.05, 0.9, 0.1, 1.05
+    bezier = hyprnostretch, 0.05, 0.9, 0.1, 1.0
+    bezier = win10, 0, 0, 0, 1
+    bezier = gnome, 0, 0.85, 0.3, 1
+    bezier = funky, 0.46, 0.35, -0.2, 1.2
+    # Animation configs
+    animation = windows, 1, 3, md3_decel, slide
+    animation = border, 1, 10, default
+    animation = fade, 1, 0.0000001, default
+    animation = workspaces, 1, 3, md3_decel, slide
+}
+
+misc {
+    vfr = true
+    vrr = 1
+    focus_on_activate = true
+	animate_manual_resizes = false #annoying
+	animate_mouse_windowdragging = false #pecking annoying why is this true by default :(
+	disable_hyprland_logo = false
+}
+debug {
+	#overlay = true
+}
+dwindle {
+	preserve_split = true # you probably want this
+}
+
+# Efficiency
+general {
+	gaps_in = 0
+    gaps_out = 0
+	border_size = 2
+}
+decoration {
+	rounding = 0
+}
+monitor=eDP-1, addreserved, 32, 0, 0, 0
+
+######## Window rules ########
+#windowrule = float, ^(firefox)$
+windowrule = float, ^(steam)$
+windowrule = float, ^(guifetch)$
+
+#windowrule = opacity 0.9 override 0.9 override, ^(firefox)$
+# Dialogs
+windowrule=float,title:^(Open File)(.*)$
+windowrule=float,title:^(Open Folder)(.*)$
+windowrule=float,title:^(Save As)(.*)$
+windowrule=float,title:^(Library)(.*)$ 
+windowrulev2 = float, class:^com.github.hluk.copyq$
+######## Layer rules ########
+
+
+plugin {
+    hyprbars {
+        bar_color = rgba(090727FF)
+        bar_height = 20
+        bar_text_size = 10
+        bar_text_color = rgba(7775D0FF)
+    }
+    borders-plus-plus {
+        add_borders = 2 # 0 - 2
+        col.border_1 = rgb(82E6F5) # example col for border 1
+        col.border_2 = rgb(2222ff) # example col for border 2
+    }
+}
+
+
+# Dynamic colors are written here
+source=~/.config/hypr/colors.conf
diff --git a/tetrio/.config/hypr/keybinds.conf b/tetrio/.config/hypr/keybinds.conf
new file mode 100755
index 000000000..e57ad3709
--- /dev/null
+++ b/tetrio/.config/hypr/keybinds.conf
@@ -0,0 +1,165 @@
+########################## Language ############################
+bind = SUPERSHIFT, V, exec, ibus engine Bamboo::Us
+bind = SUPERSHIFT, E, exec, ibus engine xkb:us::eng
+
+#################### It just works™ keybinds ###################
+# Volume
+bindl = ,XF86AudioMute, exec, pactl set-sink-mute @DEFAULT_SINK@ toggle
+bindle=, XF86AudioRaiseVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%+
+bindle=, XF86AudioLowerVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%-
+
+bindle = , XF86AudioRaiseVolume, exec, ~/.config/eww/scripts/volume osd &
+bindle = , XF86AudioLowerVolume, exec, ~/.config/eww/scripts/volume osd &
+bindl = , XF86AudioMute, exec, ~/.config/eww/scripts/volume osd &
+
+# Brightness
+bindle=, XF86MonBrightnessUp, exec, light -A 3 && ~/.config/eww/scripts/brightness osd &
+bindle=, XF86MonBrightnessDown, exec, light -U 3 && ~/.config/eww/scripts/brightness osd &
+
+######################################## Keybinds ########################################
+# Apps: just normal apps
+bind = SUPER, C, exec, code --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland
+bind = CONTROLSHIFTALT, Y, exec, yuzu
+bind = SUPER, T, exec, foot
+bind = SUPER, Return, exec, kitty
+bind = SUPER, E, exec, nautilus --new-window
+bind = SUPER, W, exec, firefox
+bind = CONTROLSUPERALT, E, exec, /usr/bin/microsoft-edge-stable --password-store=gnome --enable-features=UseOzonePlatform --ozone-platform=wayland --gtk-version=4
+bind = SUPER, G, exec, gnome-text-editor --new-window
+bind = SUPERSHIFT, W, exec, libreoffice
+
+#Apps: Settings and config
+bind = SUPER, I, exec, gnome-control-center
+bind = CONTROLSUPER, V, exec, pavucontrol 
+bind = CONTROLSHIFT, Escape, exec, gnome-system-monitor
+bind = CONTROLALTSHIFT, Escape, exec, foot btop
+bind = SUPERSHIFT, I, exec, ~/.local/bin/guifetch
+
+
+# Actions 
+bind = SUPERSHIFT, Period, exec, pkill wofi || wofi-emoji
+bind = SUPER, Period, exec, pkill fuzzel || ~/.local/bin/fuzzel-emoji
+bind = SUPER, Q, killactive,
+bind = SUPERALT, Space, togglefloating, 
+bind = SHIFTSUPERALT, Q, exec, hyprctl kill
+bind = CONTROLALT, Delete, exec, pkill wlogout || wlogout -p layer-shell
+bind = CONTROLSHIFTALTSUPER, Delete, exec, systemctl poweroff
+
+# Screenshot, Record, OCR (Optical Character Recognition), Color picker, Clipboard history
+bind=SUPERSHIFT,D,exec,~/.local/bin/rubyshot | wl-copy
+bindl =,Print,exec,grim - | wl-copy
+bind = SUPERSHIFT, S, exec, grim -g "$(slurp)" - | wl-copy
+bind = SUPERALT, R, exec, ~/.local/bin/record-script.sh
+bind = SUPERSHIFTALT, R, exec, ~/.local/bin/record-script-fullscreen.sh
+bind = CONTROLSUPERSHIFT,S,exec,grim -g "$(slurp)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+bind = SUPERSHIFT,T,exec,grim -g "$(slurp)" "tmp.png" && tesseract "tmp.png" - | wl-copy && rm "tmp.png"
+bind = SUPERSHIFT, C, exec, hyprpicker -a
+bind = SUPER, B, exec, copyq menu 
+bind = SUPER, V, exec, pkill fuzzel || cliphist list | fuzzel --no-fuzzy --icon-theme=candy-icons --background-color=1D1D27ee --text-color=cdd6f4ff --match-color=AC16C7FF --border-width=3 --border-radius=10 --border-color=8701E7FF	 --selection-color=585b70ff --selection-text-color=cdd6f4ff --selection-match-color=AC16C7FF --font="Rubik"  --prompt="   " --dmenu | cliphist decode | wl-copy
+# Media
+bind = SUPERSHIFT, N, exec, playerctl next
+bind = SUPERSHIFT, B, exec, playerctl previous
+bind = SUPERSHIFT, P, exec, playerctl play-pause
+#Lock screen  |  blur: --effect-blur=20x20
+bind = SUPERALT, L, exec, ~/.local/bin/lock.sh
+bind = SUPERSHIFT, L, exec, ~/.local/bin/lock.sh
+bindl = SUPERSHIFT, L, exec, sleep 0.1 && systemctl suspend
+# App launcher
+bindr = SUPER, SUPER_L, exec, ~/.config/eww/scripts/toggle-overview.sh
+bind = SUPER, Slash, exec, pkill fuzzel || fuzzel --icon-theme=candy-icons --background-color=1D1D27ee --text-color=cdd6f4ff --match-color=AC16C7FF --border-width=3 --border-radius=10 --border-color=8701E7FF	 --selection-color=585b70ff --selection-text-color=cdd6f4ff --selection-match-color=AC16C7FF --font="Rubik"  --prompt="    "
+#bindr = SUPER, SUPER_L, exec, pkill rofi || rofi -show drun
+
+# eww keybinds
+bindr = CONTROLSUPER, R, exec, pkill eww && eww open bar && eww open bg-decor
+bind = SUPER, A, exec, eww open --toggle win-workspace
+bind = SUPER, Tab, exec, ~/.config/eww/scripts/toggle-overview.sh
+bind = SUPER, O, exec, ~/.config/eww/scripts/toggle-osettings.sh
+bind = CONTROLSUPER, O, exec, ~/.config/eww/scripts/toggle-osettings.sh
+bind = SUPER, M, exec, ~/.config/eww/scripts/toggle-music.sh
+bind = SUPER, N, exec, ~/.config/eww/scripts/toggle-onotify.sh
+bind = SUPER, Comma, exec, ~/.config/eww/scripts/toggle-themer.sh
+bind = SUPER, A, exec, ~/.config/eww/scripts/toggle-dash.sh
+bind = SUPER, D, exec, ~/.config/eww/scripts/toggle-dash.sh
+bind = CONTROLSUPER, Tab, exec, ~/.config/eww/scripts/toggle-compactmode.sh 
+
+
+############################ Keybinds for Hyprland ############################
+# Swap windows
+bind=SUPERSHIFT,left,movewindow,l
+bind=SUPERSHIFT,right,movewindow,r
+bind=SUPERSHIFT,up,movewindow,u
+bind=SUPERSHIFT,down,movewindow,d
+# Move focus
+bind = SUPER, left, movefocus, l
+bind = SUPER, right, movefocus, r
+bind = SUPER, up, movefocus, u
+bind = SUPER, down, movefocus, d
+# Vim-like stuff
+bind = SUPER, H, movefocus, l
+bind = SUPER, L, movefocus, r
+bind = SUPER, K, movefocus, u
+bind = SUPER, J, movefocus, d
+bind = CONTROLSUPER, H, workspace, -1
+bind = CONTROLSUPER, J, workspace, +1
+bind = CONTROLSUPER, K, workspace, -1
+bind = CONTROLSUPER, L, workspace, +1
+# Workspace, window, tab switch with keyboard
+bind = CONTROLSUPER, right, workspace, +1
+bind = CONTROLSUPER, left, workspace, -1
+bind = CONTROLSUPER, up, workspace, -5
+bind = CONTROLSUPER, down, workspace, +5
+bind = SUPER, Page_Down, workspace, +1
+bind = SUPER, Page_Up, workspace, -1
+bind = CONTROLSUPER, Page_Down, workspace, +1
+bind = CONTROLSUPER, Page_Up, workspace, -1
+bind = SUPERSHIFT, Page_Down, movetoworkspace, +1
+bind = SUPERSHIFT, Page_Up, movetoworkspace, -1
+bind = CONTROLSUPERSHIFT, Right, movetoworkspace, +1
+bind = CONTROLSUPERSHIFT, Left, movetoworkspace, -1
+bind = SUPERSHIFT, mouse_down, movetoworkspace, -1
+bind = SUPERSHIFT, mouse_up, movetoworkspace, +1
+# Window split ratio
+binde = SUPER, Minus, splitratio, -0.1
+binde = SUPER, Equal, splitratio, 0.1
+binde = SUPER, Semicolon, splitratio, -0.1
+binde = SUPER, Apostrophe, splitratio, 0.1
+# Fullscreen
+bind = SUPER, F, fullscreen
+# Switching
+bind = SUPER, 1, workspace, 1
+bind = SUPER, 2, workspace, 2
+bind = SUPER, 3, workspace, 3
+bind = SUPER, 4, workspace, 4
+bind = SUPER, 5, workspace, 5
+bind = SUPER, 6, workspace, 6
+bind = SUPER, 7, workspace, 7
+bind = SUPER, 8, workspace, 8
+bind = SUPER, 9, workspace, 9
+bind = SUPER, 0, workspace, 10
+bind = SUPER, S, togglespecialworkspace,
+bind = CONTROLSUPER, S, togglespecialworkspace,
+bind = ALT, Tab, cyclenext # Why is this even here?
+bind = ALT, Tab, bringactivetotop,   # bring it to the top
+# Move window to workspace Super + Alt + [0-9]
+bind = SUPER ALT, 1, movetoworkspacesilent, 1
+bind = SUPER ALT, 2, movetoworkspacesilent, 2
+bind = SUPER ALT, 3, movetoworkspacesilent, 3
+bind = SUPER ALT, 4, movetoworkspacesilent, 4
+bind = SUPER ALT, 5, movetoworkspacesilent, 5
+bind = SUPER ALT, 6, movetoworkspacesilent, 6
+bind = SUPER ALT, 7, movetoworkspacesilent, 7
+bind = SUPER ALT, 8, movetoworkspacesilent, 8
+bind = SUPER ALT, 9, movetoworkspacesilent, 9
+bind = SUPER ALT, 0, movetoworkspacesilent, 10
+bind = CONTROLSHIFTSUPER, Up, movetoworkspacesilent, special
+bind = SUPERALT, S, movetoworkspacesilent, special
+# Scroll through existing workspaces with (Control) + Super + scroll
+bind = SUPER, mouse_up, workspace, +1
+bind = SUPER, mouse_down, workspace, -1
+bind = CONTROLSUPER, mouse_up, workspace, +1
+bind = CONTROLSUPER, mouse_down, workspace, -1
+# Move/resize windows with Super + LMB/RMB and dragging
+bindm = SUPER, mouse:272, movewindow
+bindm = SUPER, mouse:273, resizewindow
+bindm = SUPER, mouse:274, movewindow
+bind = CONTROLSUPER, Backslash, resizeactive, exact 640 480
diff --git a/tetrio/.config/hypr/shaders/bluefilter.frag b/tetrio/.config/hypr/shaders/bluefilter.frag
new file mode 100755
index 000000000..5469af9c6
--- /dev/null
+++ b/tetrio/.config/hypr/shaders/bluefilter.frag
@@ -0,0 +1,20 @@
+// vim: set ft=glsl:
+// blue light filter shader
+// values from https://reshade.me/forum/shader-discussion/3673-blue-light-filter-similar-to-f-lux
+
+precision mediump float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+
+void main() {
+
+    vec4 pixColor = texture2D(tex, v_texcoord);
+
+    // green
+    pixColor[1] *= 0.855;
+
+    // blue
+    pixColor[2] *= 0.725;
+
+    gl_FragColor = pixColor;
+}
diff --git a/tetrio/.config/hypr/shaders/extradark.frag b/tetrio/.config/hypr/shaders/extradark.frag
new file mode 100755
index 000000000..089ee8149
--- /dev/null
+++ b/tetrio/.config/hypr/shaders/extradark.frag
@@ -0,0 +1,21 @@
+// vim: set ft=glsl:
+// blue light filter shader
+// values from https://reshade.me/forum/shader-discussion/3673-blue-light-filter-similar-to-f-lux
+
+precision mediump float;
+varying vec2 v_texcoord;
+uniform sampler2D tex;
+
+void main() {
+
+    vec4 pixColor = texture2D(tex, v_texcoord);
+
+    // red
+    pixColor[0] *= 0.7;
+    // green
+    pixColor[1] *= 0.6;
+    // blue
+    pixColor[2] *= 0.5;
+
+    gl_FragColor = pixColor;
+}
diff --git a/tetrio/.config/starship.toml b/tetrio/.config/starship.toml
new file mode 100644
index 000000000..2547e645b
--- /dev/null
+++ b/tetrio/.config/starship.toml
@@ -0,0 +1,70 @@
+# Don't print a new line at the start of the prompt
+add_newline = false
+
+# Replace the "❯" symbol in the prompt with "➜"
+[character]                            # The name of the module we are configuring is "character"
+success_symbol = "[➜](bold green)"
+
+error_symbol = "[✗](bold red)"
+# Disable the package module, hiding it from the prompt completely
+[package]
+disabled = true
+
+[git_branch]
+symbol = "🌱 "
+truncation_length = 4
+truncation_symbol = ""
+
+[git_commit]
+commit_hash_length = 4
+tag_symbol = "🔖 "
+
+[git_state]
+format = '[\($state( $progress_current of $progress_total)\)]($style) '
+cherry_pick = "[🍒 PICKING](bold red)"
+
+[git_status]
+conflicted = " 🏳 "
+ahead = " 🏎💨 "
+behind = " 😰 "
+diverged = " 😵 "
+untracked = " 🤷 ‍"
+stashed = " 📦 "
+modified = " 📝 "
+staged = '[++\($count\)](green)'
+renamed = " ✍️ "
+deleted = " 🗑 "
+
+[hostname]
+ssh_only = false
+format =  "@[$hostname](bold red) "
+trim_at = ".companyname.com"
+disabled = false
+
+[line_break]
+disabled = false
+
+[memory_usage]
+disabled = true
+threshold = -1
+symbol = " "
+style = "bold dimmed green"
+
+[time]
+disabled = true
+format = '🕙[\[ $time \]]($style) '
+time_format = "%T"
+
+[username]
+style_user = "white bold"
+style_root = "black bold"
+format = "[$user]($style)"
+disabled = false
+show_always = true
+
+[directory]
+home_symbol = " "
+read_only = "  "
+style = "bold blue"
+truncation_length = 2
+truncation_symbol = "./"
diff --git a/tetrio/.config/waybar/config b/tetrio/.config/waybar/config
new file mode 100755
index 000000000..1b3fe60bc
--- /dev/null
+++ b/tetrio/.config/waybar/config
@@ -0,0 +1,271 @@
+{
+	"layer": "top",
+	"modules-left": ["custom/launcher", "cpu","memory", "idle_inhibitor", "hyprland/window"],
+	"modules-center": ["wlr/workspaces", "custom/waybar-media"],
+	"modules-right": ["tray", "pulseaudio", "backlight", "network", "clock", "battery", "custom/power"],
+	"pulseaudio": {
+		"tooltip": false,
+		"scroll-step": 5,
+		"format": "{icon} {volume}%",
+		"format-muted": " {volume}%",
+		"on-click":"pactl set-sink-mute @DEFAULT_SINK@ toggle",
+		"on-click-right":"gnome-control-center sound",
+		"on-click-middle":"gnome-control-center sound",
+		"format-icons": {
+			"default": ["", "", ""]
+		},
+	},
+	
+	"custom/rarr": {
+	    "format": "",
+	},
+	"custom/rarr#1": {
+	    "format": "",
+	},
+	"custom/rarr#2": {
+	    "format": "",
+	},
+	"custom/rarr#3": {
+	    "format": "",
+	},
+	
+	"custom/larr": {
+	    "format": "",
+	},
+	"custom/larr#1": {
+	    "format": "",
+	},
+	"custom/larr#2": {
+	    "format": "",
+	},
+	"custom/larr#3": {
+	    "format": "",
+	},
+	"custom/larr#4": {
+	    "format": "",
+	},
+	
+	"idle_inhibitor": {
+        "format": "{icon}",
+        "format-icons": {
+            "activated": " ",
+            "deactivated": " "
+        },
+	    "on-scroll-down": "hyprctl dispatch workspace +1",
+        "on-scroll-up": "hyprctl dispatch workspace -1",
+    },
+
+    "hyprland/window": {
+        "max-length": 29,
+        "format": "什 {}",
+        "on-scroll-down": "hyprctl dispatch workspace +1",
+        "on-scroll-up": "hyprctl dispatch workspace -1",
+    },
+    
+    "hyprland/language": {
+        "format": " {}",
+        "format-us": "us",
+        "format-vi": "vi",
+        "keyboard-name": "AT Translated Set 2 keyboard"
+    },
+	
+    "wlr/workspaces": {
+        "workspace-warparound":"false",
+        "on-click": "activate",
+        "all-outputs": true,
+        "sort-by-number": true,
+        "sort-by-name": false,
+        "format": "{icon}",
+        "format-icons": {
+      		"1": " ",
+      		"2": " ",
+      		"3": " ",
+      		"4": "﫸 ",
+      		"5": "漣 ",
+      		"6": " ",
+      	},
+        //"format-icons": ["", "", "", "", "﫸", "漣"],
+        "on-scroll-down": "hyprctl dispatch workspace +1",
+        "on-scroll-up": "hyprctl dispatch workspace -1",
+        "smooth-scrolling-threshold": 1,
+    },
+
+    "river/tags": {
+		"num-tags": 6
+    },
+	"network": {
+        // "interface": "wlp2*", // (Optional) To force the use of this interface
+        // "format-wifi": " {essid}",
+        "format-wifi": " ",
+        "format-ethernet": " {ipaddr}/{cidr}",
+        "tooltip-format": " {essid} | {gwaddr}",
+        "format-linked": " {ifname} (No IP)",
+        "format-disconnected": "⚠ Disconnected",
+        // "format-alt": "{ifname}: {ipaddr}/{cidr}",
+        "format-alt": " {essid}",
+        "on-click-right": "gnome-control-center wifi",
+        "on-click-middle": "gnome-control-center wifi",
+    },
+	"backlight": {
+		"tooltip": false,
+		// "format": "盛 {}%",
+		"format": "盛 ",
+		"format-alt": "盛 {}%",
+		"interval":1,
+        "on-scroll-up": "light -A 5",
+		"on-scroll-down": "light -U 5"
+	},
+    "battery": {
+        "states": {
+            "good": 90,
+            "warning": 20,
+            "critical": 20
+        },
+        "format": "{icon}  {capacity}%",
+        "format-charging": "{icon}  {capacity}%",
+        "format-plugged": "{icon}  {capacity}%",
+        "format-alt": "{icon}  {time}",
+        "format-icons": ["", "", "", "", ""],
+        "on-click-right": "gnome-control-center power",
+        "on-click-middle": "gnome-control-center power",
+        "on-scroll-up": "wpctl set-volume @DEFAULT_AUDIO_SINK@ 3%+",
+        "on-scroll-down": "wpctl set-volume @DEFAULT_AUDIO_SINK@ 3%-",
+    },
+	"tray":{
+		"icon-size":18,
+		"spacing": 10,
+		"format": "{} "
+	},
+    "clock": {
+        "format": "{: %I:%M %p   %d/%m/%Y}",
+        "format-alt": "{: %r   %d/%m/%Y}",
+        "on-click": "eww open --toggle calendar",
+        "on-scroll-down": "hyprctl dispatch workspace +1",
+        "on-scroll-up": "hyprctl dispatch workspace -1",
+        "interval": 1,
+    },
+    "cpu": {
+        "interval": 55,
+        "format": " {}%",
+        "max-length": 10,
+        "on-click-right": "kitty btm",
+        "on-click-middle": "kitty btm",
+        "on-scroll-down": "hyprctl dispatch workspace +1",
+        "on-scroll-up": "hyprctl dispatch workspace -1",
+    },
+    "memory": {
+        "interval": 5,
+        "format": " {used} GiB 易 {swapUsed} GiB",
+        "on-click-right": "kitty btm",
+        "on-click-middle": "kitty btm",
+        "on-scroll-down": "hyprctl dispatch workspace +1",
+        "on-scroll-up": "hyprctl dispatch workspace -1",
+    },
+    "custom/media": {
+        "interval": 30,
+        "format": "{icon} {}",
+        "return-type": "json",
+        "max-length": 20,
+        "format-icons": {
+            "spotify": " ",
+            "default": " "
+        },
+        "escape": true,
+        "exec": "$HOME/.config/system_scripts/mediaplayer.py 2> /dev/null",
+        "on-click": "playerctl play-pause"
+    },
+    "custom/launcher":{
+        "format": " ",
+        "on-click": "pkill fuzzel || fuzzel --icon-theme=candy-icons fuzzel --background-color=1E201FEE --text-color=d8caacff --match-color=A8B468FF --border-width=3 --border-radius=10 --border-color=A8B370FF --selection-color=A8B468FF --selection-text-color=3E5B32FF --selection-match-color=e76c69ff --font='Cantarell'  --prompt='    '",
+        "on-scroll-down": "hyprctl dispatch workspace +1",
+        "on-scroll-up": "hyprctl dispatch workspace -1"
+    },
+    "custom/power":{
+        "format": "  ",
+        "on-click": "eww open --toggle system-menu",
+        "on-click-middle": "hyprctl dispatch exit exit",
+        "on-scroll-up": "wpctl set-volume @DEFAULT_AUDIO_SINK@ 3%+",
+        "on-scroll-down": "wpctl set-volume @DEFAULT_AUDIO_SINK@ 3%-",
+    },
+    "custom/wallpaper":{
+        "format":" ",
+        "on-click": "bash ~/.config/system_scripts/pkill_bc",
+    },
+    "custom/ws#1":{
+        "format": "  ",
+        "on-click": "hyprctl dispatch workspace 1",
+        "on-scroll-down": "hyprctl dispatch workspace +1",
+        "on-scroll-up": "hyprctl dispatch workspace -1",
+    },
+    "custom/ws#2":{
+        "format": "  ",
+        "on-click": "hyprctl dispatch workspace 2",
+        "on-scroll-down": "hyprctl dispatch workspace +1",
+        "on-scroll-up": "hyprctl dispatch workspace -1",
+    },
+    "custom/ws#3":{
+        "format": "  ",
+        "on-click": "hyprctl dispatch workspace 3",
+        "on-scroll-down": "hyprctl dispatch workspace +1",
+        "on-scroll-up": "hyprctl dispatch workspace -1",
+    },
+    "custom/ws#4":{
+        "format": " 﫸 ",
+        "on-click": "hyprctl dispatch workspace 4",
+        "on-scroll-down": "hyprctl dispatch workspace +1",
+        "on-scroll-up": "hyprctl dispatch workspace -1",
+    },
+    "custom/ws#5":{
+        "format": " 﨩 ",
+        "on-click": "hyprctl dispatch workspace 5",
+        "on-scroll-down": "hyprctl dispatch workspace +1",
+        "on-scroll-up": "hyprctl dispatch workspace -1",
+    },
+    "custom/ws#6":{
+        "format": "  ",
+        "on-click": "hyprctl dispatch workspace 6",
+        "on-scroll-down": "hyprctl dispatch workspace +1",
+        "on-scroll-up": "hyprctl dispatch workspace -1",
+    },
+    "custom/ws#7":{
+        "format": "  ",
+        "on-click": "hyprctl dispatch workspace 7",
+        "on-scroll-down": "hyprctl dispatch workspace +1",
+        "on-scroll-up": "hyprctl dispatch workspace -1",
+    }
+},
+// [    﫸  ]
+"custom/waybar-media": {
+        "return-type": "json",
+        "exec": "waybar-media.py status",
+        "on-click": "waybar-media.py playpause",
+        "on-scroll-up": "waybar-media.py previous",
+        "on-scroll-down": "waybar-media.py next",
+        "escape": true
+},
+
+"mpd": {
+    "format": "{stateIcon} {consumeIcon}{randomIcon}{repeatIcon}{singleIcon}{artist} - {album} - {title} ({elapsedTime:%M:%S}/{totalTime:%M:%S}) ",
+    "format-disconnected": "Disconnected ",
+    "format-stopped": "{consumeIcon}{randomIcon}{repeatIcon}{singleIcon}Stopped ",
+    "interval": 10,
+    "consume-icons": {
+        "on": " " // Icon shows only when "consume" is on
+    },
+    "random-icons": {
+        "off": "<span color=\"#f53c3c\"></span> ", // Icon grayed out when "random" is off
+        "on": " "
+    },
+    "repeat-icons": {
+        "on": " "
+    },
+    "single-icons": {
+        "on": "1 "
+    },
+    "state-icons": {
+        "paused": "",
+        "playing": ""
+    },
+    "tooltip-format": "MPD (connected)",
+    "tooltip-format-disconnected": "MPD (disconnected)"
+},
diff --git a/tetrio/.config/waybar/style.css b/tetrio/.config/waybar/style.css
new file mode 100755
index 000000000..4e5e8b19d
--- /dev/null
+++ b/tetrio/.config/waybar/style.css
@@ -0,0 +1,391 @@
+/**
+ Paralellogram: transform: skew(20deg);
+
+
+
+**/
+* {
+  border-radius: 10px;
+  padding: 0 0 0 0;
+  margin: 0 0 0 0;
+  font-family: "SF Mono Nerd Font";
+  /*font-family: "Ubuntu Nerd Font"; */
+	min-height: 25px;
+	font-size: 12pt;
+}
+
+#waybar {
+  margin-left: 0;
+  margin-right: 0;
+	background: transparent;
+}
+
+#waybar.hidden {
+	opacity: 0.2;
+}
+
+#custom-launcher {
+  margin-left: 0px;
+  background-color: #1e201f;
+  color: #d8caac;
+  padding-top: 1px;
+  padding-bottom: 1px;
+  border-radius: 12px;
+  border: 3px solid transparent;
+  padding-left: 5px;
+  padding-right: 2px;
+  
+}
+
+#clock {
+	color: #d8caac;
+	background-color: #1e201f;
+  border-radius: 12px;
+  border: 3px solid transparent;
+  margin-left: 3px;
+  margin-right: 4px;
+  padding-left: 5px;
+  padding-right: 5px;
+  
+}
+
+#cpu {
+	color: #d8caac;
+	background-color: #1e201f;
+  border-radius: 12px;
+  border: 3px solid transparent;
+  margin-left: 3px;
+  margin-right: 4px;
+  padding-left: 5px;
+  padding-right: 5px;
+  
+  
+}
+
+#memory {
+	color: #d8caac;
+  background-color: #1e201f;
+  border-radius: 12px;
+  border: 3px solid transparent;
+  margin-left: 3px;
+  margin-right: 4px;
+  padding-left: 5px;
+  padding-right: 5px;
+  
+  
+}
+
+#idle_inhibitor {
+  color: #D8CAAC;
+  background-color: #1e201f;
+  border-radius: 12px;
+  /*border: 3px solid transparent;*/
+  margin-left: 3px;
+  margin-right: 4px;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+#window {
+  color: #d8caac;
+  background-color: #1e201f;
+  border-radius: 12px;
+  /*border: 3px solid transparent;*/
+  margin-left: 3px;
+  margin-right: 4px;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+#workspaces {
+  color: #d8caac;
+  /*background-color: rgba(30, 32, 31, 0.7);*/
+  background-color: transparent;
+  border-radius: 12px;
+  /*border: 3px solid #d8caac;*/
+  padding-left: 320px;
+  padding-right: 320px;
+    
+}
+
+#workspaces button {
+  padding-top: 3px;
+  padding-bottom: 3px;
+  padding-left: 5px;
+  padding-right: 5px;
+  color: #d8caac;
+    
+  
+}
+
+#workspaces button.active {
+  color: #161320;
+  background-color: #a8b370;
+}
+
+#workspaces button:hover {
+  color: #161320;
+  
+}
+
+#workspaces button.focused {
+  color: #161320;
+  
+}
+
+#workspaces button.urgent {
+  color: #161320;
+  
+}
+
+#tray {
+	margin-left: 10px;
+	padding-left: 10px;
+	padding-right: 10px;
+	border-radius: 10px;
+	transition: none;
+	color: #d8caac;
+	background: #1E201F;
+  border-radius: 12px;
+  border: 3px solid transparent;
+  margin-left: 3px;
+  margin-right: 4px;
+	
+}
+#tray menu{
+  padding-left: 10px;
+	padding-right: 10px;
+	border-radius: 10px;
+	color: #D8CAAC;
+	background-color: #1E201F;
+  border-radius: 12px;
+  border: 3px solid transparent;
+  margin-left: 3px;
+  margin-right: 4px;
+	
+}
+
+
+#pulseaudio {
+	color: #d8caac;
+	background-color: #1e201f;
+  border-radius: 12px;
+  border: 3px solid transparent;
+  margin-left: 3px;
+  margin-right: 4px;
+  padding-left: 5px;
+  padding-right: 5px;
+	
+	
+}
+
+#backlight {
+	color: #d8caac;
+	background-color: #1e201f;
+  border-radius: 12px;
+  border: 3px solid transparent;
+  margin-left: 3px;
+  margin-right: 4px;
+  padding-left: 5px;
+  padding-right: 0px;
+	
+  
+}
+
+#network {
+	color: #d8caac;
+	background-color: #1e201f;
+  border-radius: 12px;
+  border: 3px solid transparent;
+  /*margin-left: 3px;
+  margin-right: 4px;*/
+  padding-left: 5px;
+  padding-right: 4px;
+	
+  
+}
+
+#battery {
+	color: #d8caac;
+	background-color: #1e201f;
+  border-radius: 12px;
+  border: 3px solid transparent;
+  margin-left: 3px;
+  margin-right: 4px;
+  padding-left: 5px;
+  padding-right: 5px;
+	
+  
+}
+
+#battery.charging, #battery.plugged {
+	  color: #A8B468;
+    background-color: #1e201f;
+}
+
+#battery.critical:not(.charging) {
+    background-color: #B5E8E0;
+    color: #161320;
+    animation-name: blink;
+    animation-duration: 0.5s;
+    animation-timing-function: linear;
+    animation-iteration-count: infinite;
+    animation-direction: alternate;
+}
+
+/*
+#battery.good {
+	  color: #B1E0AD;
+    background-color: #D4B7F7;
+}
+*/
+
+#custom-power {
+	color: #d8caac;
+	background-color: #1e201f;
+  border-radius: 12px;
+  border: 3px solid transparent;
+  padding-left: 1px;
+  padding-right: 5px;
+}
+
+@keyframes blink {
+    to {
+        background-color: #BF616A;
+        color: #B5E8E0;
+    }
+}
+
+
+#custom-ws{
+  
+  background-color: #f7cdec;
+  color: #161320;
+}
+
+/* Unused */
+
+#idle_inhibitor{
+	  color: #161320;
+}
+
+#custom-wallpaper {
+	  color: #161320;
+}
+
+#custom-updates {
+	  color: #161320;
+}
+
+#custom-media {
+	  color: #161320;
+}
+
+#battery.warning:not(.charging) {
+    background: #f53c3c;
+    color: white;
+    animation-name: blink;
+    animation-duration: 0.5s;
+    animation-timing-function: linear;
+    animation-iteration-count: infinite;
+    animation-direction: alternate;
+}
+
+
+
+
+
+/* Hover */
+#custom-launcher:hover {
+  color: #3E5B32;
+  background-color: #A8B468;
+}
+
+#clock:hover {
+  color: #3E5B32;
+  background-color: #A8B468;
+}
+
+#cpu:hover {
+  color: #3E5B32;
+  background-color: #A8B468;
+	
+}
+
+#memory:hover {
+  color: #3E5B32;
+  background-color: #A8B468;
+	
+}
+
+#window:hover {
+  color: #3E5B32;
+  background-color: #A8B468;
+	
+}
+
+#workspaces button.active:hover {
+    color: #d8caac;
+    background-color: #e76c69;
+}
+
+#workspaces button:hover {
+  color: #3E5B32;
+  background-color: #e76c69;
+  
+}
+
+#tray:hover {
+  color: #3E5B32;
+  background-color: #A8B468;
+	
+}
+
+#pulseaudio:hover {
+  color: #3E5B32;
+  background-color: #A8B468;
+	
+}
+
+#backlight:hover {
+  color: #3E5B32;
+  background-color: #A8B468;
+	
+}
+
+#network:hover {
+  color: #3E5B32;
+  background-color: #A8B468;
+	
+}
+
+#battery:hover {
+  color: #3E5B32;
+  background-color: #A8B468;
+	
+}
+
+#battery.charging, #battery.plugged:hover {
+  color: #3E5B32;
+  background-color: #A8B468;
+	  
+}
+
+#battery.critical:not(.charging):hover {
+  color: #d8caac;
+  background-color: #e76c69;
+    
+}
+
+/*
+#battery.good {
+	  color: #B1E0AD;
+    background-color: #D4B7F7;
+}
+*/
+
+#custom-power:hover {
+  color: #3E5B32;
+  background-color: #A8B468;
+	
+}
diff --git a/tetrio/.local/bin/Hyprland-wrapped b/tetrio/.local/bin/Hyprland-wrapped
new file mode 100755
index 000000000..56238b120
--- /dev/null
+++ b/tetrio/.local/bin/Hyprland-wrapped
@@ -0,0 +1,18 @@
+#!/bin/sh
+
+cd ~
+
+#export XDG_CURRENT_DESKTOP=GNOME
+#export XDG_SESSION_TYPE=wayland
+#export XDG_SESSION_DESKTOP=GNOME
+#export EDITOR = /usr/bin/gnome-text-editor
+
+export XMODIFIERS=@im=ibus
+export GTK_IM_MODULE=ibus
+export QT_IM_MODULE=ibus
+
+#export QT_QPA_PLATFORMTHEME=qt5ct #QT Theme (for KDE apps)
+export QT_QPA_PLATFORMTHEME=qt5ct
+
+exec Hyprland
+
diff --git a/tetrio/.local/bin/lock.sh b/tetrio/.local/bin/lock.sh
new file mode 100755
index 000000000..929adcafc
--- /dev/null
+++ b/tetrio/.local/bin/lock.sh
@@ -0,0 +1,2 @@
+pidof swaylock || swaylock --image ~/Pictures/magma.png --clock --indicator --line-color cdd6f4ff --text-color cdd6f4ff --inside-color 1e1e2eff --ring-color 313244ff --line-ver-color cdd6f4ff --text-ver-color cdd6f4ff --inside-ver-color 1e1e2eff --ring-ver-color 313244ff --line-clear-color cdd6f4ff --text-clear-color cdd6f4ff --inside-clear-color 1e1e2eff --ring-clear-color 313244ff --line-clear-color cdd6f4ff --text-wrong-color 313244ff --inside-wrong-color f38ba8ff --ring-wrong-color 313244ff --key-hl-color cba6f7ff
+
diff --git a/tetrio/.local/bin/record-script-fullscreen.sh b/tetrio/.local/bin/record-script-fullscreen.sh
new file mode 100755
index 000000000..3aa99537c
--- /dev/null
+++ b/tetrio/.local/bin/record-script-fullscreen.sh
@@ -0,0 +1,11 @@
+#/usr/bin/bash
+
+cd /home/end/Videos
+if ["$(pidof wf-recorder)" -ne ""]; then
+    rm recording.mp4
+    notify-send "wf-recorder" "Starting recording" -a 'wf-recorder'
+    wf-recorder
+else
+    /usr/bin/kill --signal SIGINT wf-recorder
+    notify-send "wf-recorder" "Recording Stopped" -a 'wf-recorder'
+fi
diff --git a/tetrio/.local/bin/record-script.sh b/tetrio/.local/bin/record-script.sh
new file mode 100755
index 000000000..dfe95733d
--- /dev/null
+++ b/tetrio/.local/bin/record-script.sh
@@ -0,0 +1,11 @@
+#/usr/bin/bash
+
+cd /home/end/Videos
+if ["$(pidof wf-recorder)" -ne ""]; then
+    rm recording.mp4
+    notify-send "wf-recorder" "Starting recording" -a 'wf-recorder'
+    wf-recorder --audio=alsa_output.pci-0000_08_00.6.analog-stereo.monitor --geometry "$(slurp)" 
+else
+    /usr/bin/kill --signal SIGINT wf-recorder
+    notify-send "wf-recorder" "Recording Stopped" -a 'wf-recorder'
+fi
\ No newline at end of file
diff --git a/tetrio/.local/lib/python3.11/site-packages/pywal/__main__.py b/tetrio/.local/lib/python3.11/site-packages/pywal/__main__.py
new file mode 100755
index 000000000..05af75177
--- /dev/null
+++ b/tetrio/.local/lib/python3.11/site-packages/pywal/__main__.py
@@ -0,0 +1,214 @@
+"""
+                                      '||
+... ...  .... ... ... ... ...  ....    ||
+ ||'  ||  '|.  |   ||  ||  |  '' .||   ||
+ ||    |   '|.|     ||| |||   .|' ||   ||
+ ||...'     '|       |   |    '|..'|' .||.
+ ||      .. |
+''''      ''
+Created by Dylan Araps.
+"""
+
+import argparse
+import logging
+import os
+import shutil
+import sys
+
+from .settings import __version__, CACHE_DIR, CONF_DIR
+from . import colors
+from . import export
+from . import image
+from . import reload
+from . import sequences
+from . import theme
+from . import util
+from . import wallpaper
+
+
+def get_args():
+    """Get the script arguments."""
+    description = "wal - Generate colorschemes on the fly"
+    arg = argparse.ArgumentParser(description=description)
+
+    arg.add_argument("-a", metavar="\"alpha\"",
+                     help="Set terminal background transparency. \
+                           *Only works in URxvt*")
+
+    arg.add_argument("-b", metavar="background",
+                     help="Custom background color to use.")
+
+    arg.add_argument("--backend", metavar="backend",
+                     help="Which color backend to use. \
+                           Use 'wal --backend' to list backends.",
+                     const="list_backends", type=str, nargs="?")
+
+    arg.add_argument("--theme", "-f", metavar="/path/to/file or theme_name",
+                     help="Which colorscheme file to use. \
+                           Use 'wal --theme' to list builtin themes.",
+                     const="list_themes", nargs="?")
+
+    arg.add_argument("--iterative", action="store_true",
+                     help="When pywal is given a directory as input and this "
+                          "flag is used: Go through the images in order "
+                          "instead of shuffled.")
+
+    arg.add_argument("--saturate", metavar="0.0-1.0",
+                     help="Set the color saturation.")
+
+    arg.add_argument("--preview", action="store_true",
+                     help="Print the current color palette.")
+
+    arg.add_argument("--vte", action="store_true",
+                     help="Fix text-artifacts printed in VTE terminals.")
+
+    arg.add_argument("-c", action="store_true",
+                     help="Delete all cached colorschemes.")
+
+    arg.add_argument("-i", metavar="\"/path/to/img.jpg\"",
+                     help="Which image or directory to use.")
+
+    arg.add_argument("-l", action="store_true",
+                     help="Generate a light colorscheme.")
+
+    arg.add_argument("-n", action="store_true",
+                     help="Skip setting the wallpaper.")
+
+    arg.add_argument("-o", metavar="\"script_name\"", action="append",
+                     help="External script to run after \"wal\".")
+
+    arg.add_argument("-q", action="store_true",
+                     help="Quiet mode, don\'t print anything.")
+
+    arg.add_argument("-r", action="store_true",
+                     help="'wal -r' is deprecated: Use \
+                           (cat ~/.cache/wal/sequences &) instead.")
+
+    arg.add_argument("-R", action="store_true",
+                     help="Restore previous colorscheme.")
+
+    arg.add_argument("-s", action="store_true",
+                     help="Skip changing colors in terminals.")
+
+    arg.add_argument("-t", action="store_true",
+                     help="Skip changing colors in tty.")
+
+    arg.add_argument("-v", action="store_true",
+                     help="Print \"wal\" version.")
+
+    arg.add_argument("-e", action="store_true",
+                     help="Skip reloading gtk/xrdb/i3/sway/polybar")
+
+    return arg
+
+
+def parse_args_exit(parser):
+    """Process args that exit."""
+    args = parser.parse_args()
+
+    if len(sys.argv) <= 1:
+        parser.print_help()
+        sys.exit(1)
+
+    if args.v:
+        parser.exit(0, "wal %s\n" % __version__)
+
+    if args.preview:
+        print("Current colorscheme:", sep='')
+        colors.palette()
+        sys.exit(0)
+
+    if args.i and args.theme:
+        parser.error("Conflicting arguments -i and -f.")
+
+    if args.r:
+        reload.colors()
+        sys.exit(0)
+
+    if args.c:
+        scheme_dir = os.path.join(CACHE_DIR, "schemes")
+        shutil.rmtree(scheme_dir, ignore_errors=True)
+        sys.exit(0)
+
+    if not args.i and \
+       not args.theme and \
+       not args.R and \
+       not args.backend:
+        parser.error("No input specified.\n"
+                     "--backend, --theme, -i or -R are required.")
+
+    if args.theme == "list_themes":
+        theme.list_out()
+        sys.exit(0)
+
+    if args.backend == "list_backends":
+        print("\n - ".join(["\033[1;32mBackends\033[0m:",
+                            *colors.list_backends()]))
+        sys.exit(0)
+
+
+def parse_args(parser):
+    """Process args."""
+    args = parser.parse_args()
+
+    if args.q:
+        logging.getLogger().disabled = True
+        sys.stdout = sys.stderr = open(os.devnull, "w")
+
+    if args.a:
+        util.Color.alpha_num = args.a
+
+    if args.i:
+        image_file = image.get(args.i, iterative=args.iterative)
+        colors_plain = colors.get(image_file, args.l, args.backend,
+                                  sat=args.saturate)
+    
+    print(colors_plain)
+
+    if args.theme:
+        colors_plain = theme.file(args.theme, args.l)
+
+    if args.R:
+        colors_plain = theme.file(os.path.join(CACHE_DIR, "colors.json"))
+
+    if args.b:
+        args.b = "#%s" % (args.b.strip("#"))
+        colors_plain["special"]["background"] = args.b
+        colors_plain["colors"]["color0"] = args.b
+
+    if not args.n:
+        wallpaper.change(colors_plain["wallpaper"])
+
+    sequences.send(colors_plain, to_send=not args.s, vte_fix=args.vte)
+
+    if sys.stdout.isatty():
+        colors.palette()
+
+    export.every(colors_plain)
+
+    if not args.e:
+        reload.env(tty_reload=not args.t)
+
+    if args.o:
+        for cmd in args.o:
+            util.disown([cmd])
+
+    if not args.e:
+        reload.gtk()
+
+
+def main():
+    """Main script function."""
+    util.create_dir(os.path.join(CONF_DIR, "templates"))
+    util.create_dir(os.path.join(CONF_DIR, "colorschemes/light/"))
+    util.create_dir(os.path.join(CONF_DIR, "colorschemes/dark/"))
+
+    util.setup_logging()
+    parser = get_args()
+
+    parse_args_exit(parser)
+    parse_args(parser)
+
+
+if __name__ == "__main__":
+    main()
diff --git a/tetrio/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-frappe.xml b/tetrio/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-frappe.xml
new file mode 100755
index 000000000..76b043e82
--- /dev/null
+++ b/tetrio/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-frappe.xml	
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="catppuccin_frappe" _name="Catppuccin frappe" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Soothing pastel theme for Gedit</_description>
+
+  <!-- Catppuccin Palette -->
+  <color name="frappe_rosewater" value="#f2d5cf"/>
+  <color name="frappe_flamingo"  value="#eebebe"/>
+  <color name="frappe_pink"      value="#f4b8e4"/>
+  <color name="frappe_mauve"     value="#ca9ee6"/>
+  <color name="frappe_red"       value="#e78284"/>
+  <color name="frappe_maroon"    value="#ea999c"/>
+  <color name="frappe_peach"     value="#ef9f76"/>
+  <color name="frappe_yellow"    value="#e5c890"/>
+  <color name="frappe_green"     value="#a6d189"/>
+  <color name="frappe_teal"      value="#81c8be"/>
+  <color name="frappe_sky"       value="#99d1db"/>
+  <color name="frappe_sapphire"  value="#85c1dc"/>
+  <color name="frappe_blue"      value="#8caaee"/>
+  <color name="frappe_lavender"  value="#babbf1"/>
+  <color name="frappe_text"      value="#c6d0f5"/>
+  <color name="frappe_subtext1"  value="#b5bfe2"/>
+  <color name="frappe_subtext0"  value="#a5adce"/>
+  <color name="frappe_overlay2"  value="#949cbb"/>
+  <color name="frappe_overlay1"  value="#838ba7"/>
+  <color name="frappe_overlay0"  value="#737994"/>
+  <color name="frappe_surface2"  value="#626880"/>
+  <color name="frappe_surface1"  value="#51576d"/>
+  <color name="frappe_surface0"  value="#51576d"/>
+  <color name="frappe_base"      value="#303446"/>
+  <color name="frappe_mantle"    value="#292c3c"/>
+  <color name="frappe_crust"     value="#232634"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="frappe_text" background = "frappe_base"/>
+  <style name="selection"                   foreground="frappe_text" background="frappe_surface2"/>
+  <style name="cursor"                      foreground="frappe_rosewater"/>
+  <style name="secondary-cursor"            foreground="frappe_rosewater"/>
+  <style name="current-line"                background="frappe_surface0"/>
+  <style name="line-numbers"                foreground="frappe_text" background="frappe_crust"/>
+  <style name="draw-spaces"                 foreground="frappe_text"/>
+  <style name="background-pattern"          background="frappe_base"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="frappe_mauve"/>
+  <style name="bracket-mismatch"            foreground="frappe_text" background="frappe_peach"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="frappe_text" background="frappe_crust"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="frappe_text" background="frappe_blue"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="frappe_overlay0"/>
+  <style name="def:shebang"                 foreground="frappe_overlay0" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="frappe_green"/>
+  <style name="def:string"                  foreground="frappe_green"/>
+  <style name="def:special-char"            foreground="frappe_lavender"/>
+  <style name="def:special-constant"        foreground="frappe_lavender"/>
+  <style name="def:floating-point"          foreground="frappe_lavender"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="frappe_blue"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="frappe_sapphire" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="frappe_maroon" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="frappe_yellow" bold="true"/>
+  <style name="def:inline-code"             foreground="frappe_green"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="frappe_rosewater"/>
+  <style name="def:link-symbol"             foreground="frappe_blue" bold="true"/>
+  <style name="def:link-destination"        foreground="frappe_blue" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="frappe_teal" bold="true"/>
+  <style name="def:thematic-break"          foreground="frappe_green" bold="true"/>
+  <style name="def:preformatted-section"    foreground="frappe_green"/>
+  <style name="def:list-marker"             foreground="frappe_teal" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="frappe_teal"/>
+  <style name="def:error"                   foreground="frappe_maroon" bold="true"/>
+  <style name="def:warning"                 foreground="frappe_peach"/>
+  <style name="def:note"                    foreground="frappe_blue" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/tetrio/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-latte.xml b/tetrio/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-latte.xml
new file mode 100755
index 000000000..1d6e3b5fc
--- /dev/null
+++ b/tetrio/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-latte.xml	
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="catppuccin_latte" _name="Catppuccin latte" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Soothing pastel theme for Gedit</_description>
+
+  <!-- Catppuccin Palette -->
+  <color name="latte_rosewater" value="#dc8a78"/>
+  <color name="latte_flamingo"  value="#dd7878"/>
+  <color name="latte_pink"      value="#ea76cb"/>
+  <color name="latte_mauve"     value="#8839ef"/>
+  <color name="latte_red"       value="#d20f39"/>
+  <color name="latte_maroon"    value="#e64553"/>
+  <color name="latte_peach"     value="#fe640b"/>
+  <color name="latte_yellow"    value="#df8e1d"/>
+  <color name="latte_green"     value="#40a02b"/>
+  <color name="latte_teal"      value="#179299"/>
+  <color name="latte_sky"       value="#04a5e5"/>
+  <color name="latte_sapphire"  value="#209fb5"/>
+  <color name="latte_blue"      value="#1e66f5"/>
+  <color name="latte_lavender"  value="#7287fd"/>
+  <color name="latte_text"      value="#4c4f69"/>
+  <color name="latte_subtext1"  value="#5c5f77"/>
+  <color name="latte_subtext0"  value="#6c6f85"/>
+  <color name="latte_overlay2"  value="#7c7f93"/>
+  <color name="latte_overlay1"  value="#8c8fa1"/>
+  <color name="latte_overlay0"  value="#9ca0b0"/>
+  <color name="latte_surface2"  value="#acb0be"/>
+  <color name="latte_surface1"  value="#bcc0cc"/>
+  <color name="latte_surface0"  value="#ccd0da"/>
+  <color name="latte_base"      value="#eff1f5"/>
+  <color name="latte_mantle"    value="#e6e9ef"/>
+  <color name="latte_crust"     value="#dce0e8"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="latte_text" background = "latte_base"/>
+  <style name="selection"                   foreground="latte_text" background="latte_surface2"/>
+  <style name="cursor"                      foreground="latte_rosewater"/>
+  <style name="secondary-cursor"            foreground="latte_rosewater"/>
+  <style name="current-line"                background="latte_surface0"/>
+  <style name="line-numbers"                foreground="latte_text" background="latte_crust"/>
+  <style name="draw-spaces"                 foreground="latte_text"/>
+  <style name="background-pattern"          background="latte_base"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="latte_mauve"/>
+  <style name="bracket-mismatch"            foreground="latte_text" background="latte_peach"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="latte_text" background="latte_crust"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="latte_text" background="latte_blue"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="latte_overlay0"/>
+  <style name="def:shebang"                 foreground="latte_overlay0" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="latte_green"/>
+  <style name="def:string"                  foreground="latte_green"/>
+  <style name="def:special-char"            foreground="latte_lavender"/>
+  <style name="def:special-constant"        foreground="latte_lavender"/>
+  <style name="def:floating-point"          foreground="latte_lavender"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="latte_blue"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="latte_sapphire" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="latte_maroon" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="latte_yellow" bold="true"/>
+  <style name="def:inline-code"             foreground="latte_green"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="latte_rosewater"/>
+  <style name="def:link-symbol"             foreground="latte_blue" bold="true"/>
+  <style name="def:link-destination"        foreground="latte_blue" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="latte_teal" bold="true"/>
+  <style name="def:thematic-break"          foreground="latte_green" bold="true"/>
+  <style name="def:preformatted-section"    foreground="latte_green"/>
+  <style name="def:list-marker"             foreground="latte_teal" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="latte_teal"/>
+  <style name="def:error"                   foreground="latte_maroon" bold="true"/>
+  <style name="def:warning"                 foreground="latte_peach"/>
+  <style name="def:note"                    foreground="latte_blue" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/tetrio/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-macchiato.xml b/tetrio/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-macchiato.xml
new file mode 100755
index 000000000..5e3bffe69
--- /dev/null
+++ b/tetrio/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-macchiato.xml	
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="catppuccin_macchiato" _name="Catppuccin macchiato" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Soothing pastel theme for Gedit</_description>
+
+  <!-- Catppuccin Palette -->
+<color name="macchiato_rosewater" value="#f4dbd6"/>
+<color name="macchiato_flamingo"  value="#f0c6c6"/>
+<color name="macchiato_pink"      value="#f5bde6"/>
+<color name="macchiato_mauve"     value="#c6a0f6"/>
+<color name="macchiato_red"       value="#ed8796"/>
+<color name="macchiato_maroon"    value="#ee99a0"/>
+<color name="macchiato_peach"     value="#f5a97f"/>
+<color name="macchiato_yellow"    value="#eed49f"/>
+<color name="macchiato_green"     value="#a6da95"/>
+<color name="macchiato_teal"      value="#8bd5ca"/>
+<color name="macchiato_sky"       value="#91d7e3"/>
+<color name="macchiato_sapphire"  value="#7dc4e4"/>
+<color name="macchiato_blue"      value="#8aadf4"/>
+<color name="macchiato_lavender"  value="#b7bdf8"/>
+<color name="macchiato_text"      value="#cad3f5"/>
+<color name="macchiato_subtext1"  value="#b8c0e0"/>
+<color name="macchiato_subtext0"  value="#a5adcb"/>
+<color name="macchiato_overlay2"  value="#939ab7"/>
+<color name="macchiato_overlay1"  value="#8087a2"/>
+<color name="macchiato_overlay0"  value="#6e738d"/>
+<color name="macchiato_surface2"  value="#5b6078"/>
+<color name="macchiato_surface1"  value="#494d64"/>
+<color name="macchiato_surface0"  value="#363a4f"/>
+<color name="macchiato_base"      value="#24273a"/>
+<color name="macchiato_mantle"    value="#1e2030"/>
+<color name="macchiato_crust"     value="#181926"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="macchiato_text" background = "macchiato_base"/>
+  <style name="selection"                   foreground="macchiato_text" background="macchiato_surface2"/>
+  <style name="cursor"                      foreground="macchiato_rosewater"/>
+  <style name="secondary-cursor"            foreground="macchiato_rosewater"/>
+  <style name="current-line"                background="macchiato_surface0"/>
+  <style name="line-numbers"                foreground="macchiato_text" background="macchiato_crust"/>
+  <style name="draw-spaces"                 foreground="macchiato_text"/>
+  <style name="background-pattern"          background="macchiato_mantle"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="macchiato_mauve"/>
+  <style name="bracket-mismatch"            foreground="macchiato_text" background="macchiato_peach"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="macchiato_text" background="crust"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="macchiato_text" background="macchiato_blue"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="macchiato_overlay0"/>
+  <style name="def:shebang"                 foreground="macchiato_overlay0" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="macchiato_green"/>
+  <style name="def:string"                  foreground="macchiato_green"/>
+  <style name="def:special-char"            foreground="macchiato_lavender"/>
+  <style name="def:special-constant"        foreground="macchiato_lavender"/>
+  <style name="def:floating-point"          foreground="macchiato_lavender"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="macchiato_blue"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="macchiato_sapphire" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="macchiato_maroon" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="macchiato_yellow" bold="true"/>
+  <style name="def:inline-code"             foreground="macchiato_green"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="macchiato_rosewater"/>
+  <style name="def:link-symbol"             foreground="macchiato_blue" bold="true"/>
+  <style name="def:link-destination"        foreground="macchiato_blue" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="macchiato_teal" bold="true"/>
+  <style name="def:thematic-break"          foreground="macciato_green" bold="true"/>
+  <style name="def:preformatted-section"    foreground="macchiato_green"/>
+  <style name="def:list-marker"             foreground="macchiato_teal" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="macchiato_teal"/>
+  <style name="def:error"                   foreground="macchiato_maroon" bold="true"/>
+  <style name="def:warning"                 foreground="macchiato_peach"/>
+  <style name="def:note"                    foreground="macchiato_blue" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/tetrio/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-mocha.xml b/tetrio/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-mocha.xml
new file mode 100755
index 000000000..0fb5a5b60
--- /dev/null
+++ b/tetrio/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/catppuccin-mocha.xml	
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="catppuccin_mocha" _name="Catppuccin Mocha" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Soothing pastel theme for Gedit</_description>
+
+  <!-- Tango Palette -->
+  <color name="mocha_rosewater" value="#f5e0dc"/>
+  <color name="mocha_flamingo"  value="#f2cdcd"/>
+  <color name="mocha_pink"      value="#f5c2e7"/>
+  <color name="mocha_mauve"     value="#cba6f7"/>
+  <color name="mocha_red"       value="#f38ba8"/>
+  <color name="mocha_maroon"    value="#eba0ac"/>
+  <color name="mocha_peach"     value="#fab387"/>
+  <color name="mocha_yellow"    value="#f9e2af"/>
+  <color name="mocha_green"     value="#a6e3a1"/>
+  <color name="mocha_teal"      value="#94e2d5"/>
+  <color name="mocha_sky"       value="#89dceb"/>
+  <color name="mocha_sapphire"  value="#74c7ec"/>
+  <color name="mocha_blue"      value="#89b4fa"/>
+  <color name="mocha_lavender"  value="#b4befe"/>
+  <color name="mocha_text"      value="#cdd6f4"/>
+  <color name="mocha_subtext1"  value="#bac2de"/>
+  <color name="mocha_subtext0"  value="#a6adc8"/>
+  <color name="mocha_overlay2"  value="#9399b2"/>
+  <color name="mocha_overlay1"  value="#7f849c"/>
+  <color name="mocha_overlay0"  value="#6c7086"/>
+  <color name="mocha_surface2"  value="#585b70"/>
+  <color name="mocha_surface1"  value="#45475a"/>
+  <color name="mocha_surface0"  value="#313244"/>
+  <color name="mocha_base"      value="#1e1e2e"/>
+  <color name="mocha_mantle"    value="#181825"/>
+  <color name="mocha_crust"     value="#11111b"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="mocha_text" background = "mocha_base"/>
+  <style name="selection"                   foreground="mocha_text" background="mocha_surface2"/>
+  <style name="cursor"                      foreground="mocha_rosewater"/>
+  <style name="secondary-cursor"            foreground="mocha_rosewater"/>
+  <style name="current-line"                background="mocha_surface0"/>
+  <style name="line-numbers"                foreground="mocha_text" background="mocha_crust"/>
+  <style name="draw-spaces"                 foreground="mocha_text"/>
+  <style name="background-pattern"          background="mocha_mantle"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="mocha_mauve"/>
+  <style name="bracket-mismatch"            foreground="mocha_text" background="mocha_peach"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="mocha_text" background="mocha_crust"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="mocha_text" background="mocha_blue"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="mocha_overlay0"/>
+  <style name="def:shebang"                 foreground="mocha_overlay0" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="mocha_green"/>
+  <style name="def:string"                  foreground="mocha_green"/>
+  <style name="def:special-char"            foreground="mocha_lavender"/>
+  <style name="def:special-constant"        foreground="mocha_lavender"/>
+  <style name="def:floating-point"          foreground="mocha_lavender"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="mocha_blue"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="mocha_sapphire" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="mocha_maroon" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="mocha_yellow" bold="true"/>
+  <style name="def:inline-code"             foreground="mocha_green"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="mocha_rosewater"/>
+  <style name="def:link-symbol"             foreground="mocha_blue" bold="true"/>
+  <style name="def:link-destination"        foreground="mocha_blue" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="mocha_teal" bold="true"/>
+  <style name="def:thematic-break"          foreground="mocha_green" bold="true"/>
+  <style name="def:preformatted-section"    foreground="mocha_green"/>
+  <style name="def:list-marker"             foreground="mocha_teal" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="mocha_teal"/>
+  <style name="def:error"                   foreground="mocha_maroon" bold="true"/>
+  <style name="def:warning"                 foreground="mocha_peach"/>
+  <style name="def:note"                    foreground="mocha_blue" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/tetrio/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/everforest-b.xml b/tetrio/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/everforest-b.xml
new file mode 100755
index 000000000..f5c22b570
--- /dev/null
+++ b/tetrio/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/everforest-b.xml	
@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Catppuccin Gedit theme based on Oblivion theme and Cappuccin for Visual Studio Code.
+-->
+
+<style-scheme id="everforest_b" _name="Everforest Dark B" version="1.0">
+
+  <author>sacerdos</author>
+  <_description>Everforest</_description>
+
+  <!-- Tango Palette -->
+  <color name="forestgreen" value="#a8b370"/>
+  <color name="forestyellow" value="#8e8370"/>
+  <color name="foresttext" value="#d3c6ab"/>
+  <color name="forestblack" value="#1e201f"/>
+  <color name="forestred" value="#e76c69"/>
+  <color name="forestpink" value="#d698b5"/>
+  <color name="forestorange" value="#e59576"/>
+  <color name="forestgray" value="#75817b"/>
+  <color name="forestgraylight" value="#495156"/>
+  <color name="forestgreendark" value="#7fba90"/>
+  
+  <color name="mocha_rosewater" value="#f5e0dc"/>
+  <color name="mocha_flamingo"  value="#f2cdcd"/>
+  <color name="mocha_pink"      value="#f5c2e7"/>
+  <color name="mocha_mauve"     value="#cba6f7"/>
+  <color name="mocha_red"       value="#f38ba8"/>
+  <color name="mocha_maroon"    value="#eba0ac"/>
+  <color name="mocha_peach"     value="#fab387"/>
+  <color name="mocha_yellow"    value="#f9e2af"/>
+  <color name="mocha_green"     value="#a6e3a1"/>
+  <color name="mocha_teal"      value="#94e2d5"/>
+  <color name="mocha_sky"       value="#89dceb"/>
+  <color name="mocha_sapphire"  value="#74c7ec"/>
+  <color name="mocha_blue"      value="#89b4fa"/>
+  <color name="mocha_lavender"  value="#b4befe"/>
+  <color name="mocha_text"      value="#cdd6f4"/>
+  <color name="mocha_subtext1"  value="#bac2de"/>
+  <color name="mocha_subtext0"  value="#a6adc8"/>
+  <color name="mocha_overlay2"  value="#9399b2"/>
+  <color name="mocha_overlay1"  value="#7f849c"/>
+  <color name="mocha_overlay0"  value="#6c7086"/>
+  <color name="mocha_surface2"  value="#585b70"/>
+  <color name="mocha_surface1"  value="#45475a"/>
+  <color name="mocha_surface0"  value="#313244"/>
+  <color name="mocha_base"      value="#1e1e2e"/>
+  <color name="mocha_mantle"    value="#181825"/>
+  <color name="mocha_crust"     value="#11111b"/>
+
+  <!-- Global Settings -->
+  <style name="text"                        foreground="foresttext" background = "forestblack"/>
+  <style name="selection"                   foreground="foresttext" background="forestgray"/>
+  <style name="cursor"                      foreground="forestpink"/>
+  <style name="secondary-cursor"            foreground="forestpink"/>
+  <style name="current-line"                background="forestblack"/>
+  <style name="line-numbers"                foreground="foresttext" background="forestblack"/>
+  <style name="draw-spaces"                 foreground="foresttext"/>
+  <style name="background-pattern"          background="forestblack"/>
+
+  <!-- Bracket Matching -->
+  <style name="bracket-match"               foreground="forestgraylight"/>
+  <style name="bracket-mismatch"            foreground="foresttext" background="forestorange"/>
+
+  <!-- Right Margin -->
+  <style name="right-margin"                foreground="foresttext" background="forestblack"/>
+
+  <!-- Search Matching -->
+  <style name="search-match"                foreground="foresttext" background="forestgreendark"/>
+
+  <!-- Comments -->
+  <style name="def:comment"                 foreground="forestgray"/>
+  <style name="def:shebang"                 foreground="forestgray" bold="true"/>
+  <style name="def:doc-comment-element"     italic="true"/>
+
+  <!-- Constants -->
+  <style name="def:constant"                foreground="forestgreen"/>
+  <style name="def:string"                  foreground="forestgreen"/>
+  <style name="def:special-char"            foreground="forestpink"/>
+  <style name="def:special-constant"        foreground="forestpink"/>
+  <style name="def:floating-point"          foreground="forestpink"/>
+
+  <!-- Identifiers -->
+  <style name="def:identifier"              foreground="forestgreendark"/>
+
+  <!-- Statements -->
+  <style name="def:statement"               foreground="forestorange" bold="true"/>
+
+  <!-- Types -->
+  <style name="def:type"                    foreground="forestred" bold="true"/>
+
+  <!-- Markup -->
+  <style name="def:emphasis"                italic="true"/>
+  <style name="def:strong-emphasis"         foreground="forestyellow" bold="true"/>
+  <style name="def:inline-code"             foreground="forestgreen"/>
+  <style name="def:insertion"               underline="single"/>
+  <style name="def:deletion"                strikethrough="true"/>
+  <style name="def:link-text"               foreground="foresttext"/>
+  <style name="def:link-symbol"             foreground="forestgreendark" bold="true"/>
+  <style name="def:link-destination"        foreground="forestgreendark" italic="true" underline="single"/>
+  <style name="def:heading"                 foreground="forest" bold="true"/>
+  <style name="def:thematic-break"          foreground="forestgreendark" bold="true"/>
+  <style name="def:preformatted-section"    foreground="forestgreen"/>
+  <style name="def:list-marker"             foreground="forestorange" bold="true"/>
+
+  <!-- Others -->
+  <style name="def:preprocessor"            foreground="forestred"/>
+  <style name="def:error"                   foreground="forestred" bold="true"/>
+  <style name="def:warning"                 foreground="forestorange"/>
+  <style name="def:note"                    foreground="forestgreendark" bold="true"/>
+  <style name="def:net-address"             italic="true" underline="single"/>
+</style-scheme>
diff --git a/tetrio/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_dark.xml b/tetrio/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_dark.xml
new file mode 100755
index 000000000..3e345f89c
--- /dev/null
+++ b/tetrio/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_dark.xml	
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<style-scheme id="tokyo_night_dark" _name="Tokyo_Night_Dark" version="1.0">
+  <author>fkorpsvart</author>
+  <_description>Tokyo Night Dark theme for Gedit</_description>
+
+<!-- Colors -->
+
+  <color name="off_white" value="#c0caf5"/>
+  <color name="off_white2" value="#9aa5ce"/>
+  <color name="black_grey" value="#1a1b26"/>
+  <color name="tinted_grey" value="#24283b"/>
+  <color name="dark_grey" value="#414868"/>
+  <color name="med_grey" value="#565f89"/>
+  <color name="light_grey" value="#565a6e"/>
+  <color name="olive_green" value="#9ece6a"/>
+  <color name="washed_orange" value="#ff9e64"/>
+  <color name="faded_violet" value="#9d7cd8"/>
+  <color name="faded_cornwall" value="#ff007c"/>
+  <color name="pink_sandstone" value="#f7768e"/>
+  <color name="steelblue3" value="#7aa2f7"/>
+  <color name="light_brown" value="#bb9af7"/>
+  <color name="super_faded_orange" value="#e0af68"/>
+  <color name="dark_maroon" value="#41a6b5"/>
+  <color name="yellow" value="#f9ee98"/>
+
+<!-- Global Settings -->
+
+  <style name="text" foreground="off_white" background="black_grey"/>
+  <style name="cursor" foreground="off_white"/>
+  <style name="current-line" background="tinted_grey"/>
+  <style name="line-numbers" foreground="med_grey" background="black_grey" bold="true" />
+  <style name="selection" foreground="off_white2" background="tinted_grey" />
+  <style name="selection-unfocused" foreground="off_white2" background="tinted_grey" />
+
+<!-- Bracket Matching -->
+  <style name="bracket-match" background="steelblue3"/>
+  <style name="bracket-mismatch" background="dark_maroon" bold="true"/>
+  <style name="search-match" foreground="off_white" background="steelblue3"/>
+
+<!-- Comments -->
+  <style name="def:comment" foreground="light_grey" italic="true"/>
+  <style name="def:shebang" foreground="light_grey" italic="true"/>
+  <style name="def:doc-comment-element" foreground="dark_grey" bold="true"/>
+
+<!-- Constants and Variables-->
+  <style name="def:constant" foreground="faded_cornwall"/>
+  <style name="def:string" foreground="olive_green"/>
+  <style name="def:special-char" foreground="faded_cornwall"/>
+  <style name="def:special-constant" foreground="washed_orange" bold="true"/>
+  <style name="def:boolean" foreground="pink_sandstone"/>
+  <style name="def:number" foreground="pink_sandstone"/>
+  <style name="def:floating-point" foreground="pink_sandstone"/>
+  <style name="def:keyword" foreground="washed_orange" bold="true"/>
+  <style name="def:builtin" foreground="washed_orange" bold="true"/>
+  <style name="def:variable" foreground="faded_cornwall"/>
+
+<!-- Identifiers -->
+  <style name="def:identifier" foreground="faded_cornwall"/>
+
+<!-- Statements -->
+  <style name="def:statement" foreground="washed_orange"/>
+
+<!-- Types -->
+  <style name="def:type" foreground="faded_violet"/>
+
+<!-- Others -->
+  <style name="def:error" foreground="off_white" background="dark_maroon" bold="true"/>
+  <style name="def:note" foreground="yellow" bold="true"/>
+  <style name="def:net-address-in-comment" foreground="steelblue3" italic="false" underline="true"/>
+  <style name="def:preprocessor" foreground="light_grey"/>
+  <style name="def:function" foreground="off_white" underline="true"/>
+
+<!-- Unknown? -->
+  <style name="def:specials" background="faded_cornwall"/>
+
+<!-- C Styles -->
+  <style name="c:preprocessor" map-to="def:special-char"/>
+
+<!-- Diff Styles -->
+  <style name="diff:ignore" foreground="med_grey"/>
+
+<!-- Ruby Styles -->
+  <style name="ruby:module-handler" foreground="washed_orange"/>
+  <style name="ruby:symbol" foreground="pink_sandstone"/>
+  <style name="ruby:regex" foreground="super_faded_orange"/>
+
+<!-- SH Styles -->
+  <style name="sh:others" map-to="text"/>
+
+<!-- XML Styles -->
+  <style name="xml:attribute-name" foreground="light_brown"/>
+  <style name="xml:element-name" foreground="faded_cornwall"/>
+
+</style-scheme>
diff --git a/tetrio/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_storm.xml b/tetrio/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_storm.xml
new file mode 100755
index 000000000..eba507872
--- /dev/null
+++ b/tetrio/gnome-text-editor themes (Paste to root)/usr/share/gnome-text-editor/styles/tokyo_night_storm.xml	
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<style-scheme id="tokyo_night_storm" _name="Tokyo_Night_Storm" version="1.0">
+  <author>fkorpsvart</author>
+  <_description>Tokyo Night Storm theme for Gedit</_description>
+
+<!-- Colors -->
+
+  <color name="off_white" value="#c0caf5"/>
+  <color name="off_white2" value="#9aa5ce"/>
+  <color name="black_grey" value="#1a1b26"/>
+  <color name="tinted_grey" value="#24283b"/>
+  <color name="dark_grey" value="#414868"/>
+  <color name="med_grey" value="#565f89"/>
+  <color name="light_grey" value="#565a6e"/>
+  <color name="olive_green" value="#9ece6a"/>
+  <color name="washed_orange" value="#ff9e64"/>
+  <color name="faded_violet" value="#9d7cd8"/>
+  <color name="faded_cornwall" value="#ff007c"/>
+  <color name="pink_sandstone" value="#f7768e"/>
+  <color name="steelblue3" value="#7aa2f7"/>
+  <color name="light_brown" value="#bb9af7"/>
+  <color name="super_faded_orange" value="#e0af68"/>
+  <color name="dark_maroon" value="#41a6b5"/>
+  <color name="yellow" value="#f9ee98"/>
+
+<!-- Global Settings -->
+
+  <style name="text" foreground="off_white" background="tinted_grey"/>
+  <style name="cursor" foreground="off_white"/>
+  <style name="current-line" background="black_grey"/>
+  <style name="line-numbers" foreground="med_grey" background="tinted_grey" bold="true" />
+  <style name="selection" foreground="off_white2" background="black_grey" />
+  <style name="selection-unfocused" foreground="off_white2" background="black_grey" />
+
+<!-- Bracket Matching -->
+  <style name="bracket-match" background="steelblue3"/>
+  <style name="bracket-mismatch" background="dark_maroon" bold="true"/>
+  <style name="search-match" foreground="off_white" background="steelblue3"/>
+
+<!-- Comments -->
+  <style name="def:comment" foreground="light_grey" italic="true"/>
+  <style name="def:shebang" foreground="light_grey" italic="true"/>
+  <style name="def:doc-comment-element" foreground="dark_grey" bold="true"/>
+
+<!-- Constants and Variables-->
+  <style name="def:constant" foreground="faded_cornwall"/>
+  <style name="def:string" foreground="olive_green"/>
+  <style name="def:special-char" foreground="faded_cornwall"/>
+  <style name="def:special-constant" foreground="washed_orange" bold="true"/>
+  <style name="def:boolean" foreground="pink_sandstone"/>
+  <style name="def:number" foreground="pink_sandstone"/>
+  <style name="def:floating-point" foreground="pink_sandstone"/>
+  <style name="def:keyword" foreground="washed_orange" bold="true"/>
+  <style name="def:builtin" foreground="washed_orange" bold="true"/>
+  <style name="def:variable" foreground="faded_cornwall"/>
+
+<!-- Identifiers -->
+  <style name="def:identifier" foreground="faded_cornwall"/>
+
+<!-- Statements -->
+  <style name="def:statement" foreground="washed_orange"/>
+
+<!-- Types -->
+  <style name="def:type" foreground="faded_violet"/>
+
+<!-- Others -->
+  <style name="def:error" foreground="off_white" background="dark_maroon" bold="true"/>
+  <style name="def:note" foreground="yellow" bold="true"/>
+  <style name="def:net-address-in-comment" foreground="steelblue3" italic="false" underline="true"/>
+  <style name="def:preprocessor" foreground="light_grey"/>
+  <style name="def:function" foreground="off_white" underline="true"/>
+
+<!-- Unknown? -->
+  <style name="def:specials" background="faded_cornwall"/>
+
+<!-- C Styles -->
+  <style name="c:preprocessor" map-to="def:special-char"/>
+
+<!-- Diff Styles -->
+  <style name="diff:ignore" foreground="med_grey"/>
+
+<!-- Ruby Styles -->
+  <style name="ruby:module-handler" foreground="washed_orange"/>
+  <style name="ruby:symbol" foreground="pink_sandstone"/>
+  <style name="ruby:regex" foreground="super_faded_orange"/>
+
+<!-- SH Styles -->
+  <style name="sh:others" map-to="text"/>
+
+<!-- XML Styles -->
+  <style name="xml:attribute-name" foreground="light_brown"/>
+  <style name="xml:element-name" foreground="faded_cornwall"/>
+
+</style-scheme>