2 files changed, 91 insertions, 0 deletions
diff --git a/arch/spicetify/.config/spicetify/Themes/wallust/color.ini b/arch/spicetify/.config/spicetify/Themes/wallust/color.ini
new file mode 100644
index 0000000..a0c7209
--- /dev/null
+++ b/arch/spicetify/.config/spicetify/Themes/wallust/color.ini
@@ -0,0 +1,19 @@
+[Base]
+text               = FCF5EA
+subtext            = F2E8D9
+main               = 211C1A
+main-elevated      = 4D4744
+highlight          = 4D4744
+highlight-elevated = AAA298
+sidebar            = 211C1A
+player             = 211C1A
+card               = 4D4744
+shadow             = 000000
+selected-row       = 4D4744
+button             = 9E7E6D
+button-active      = B9AA93
+button-disabled    = AAA298
+tab-active         = 4D4744
+notification       = 9E7E6D
+notification-error = 7F5F52
+misc               = AAA298
diff --git a/arch/spicetify/.config/spicetify/Themes/wallust/user.css b/arch/spicetify/.config/spicetify/Themes/wallust/user.css
new file mode 100644
index 0000000..8e4e406
--- /dev/null
+++ b/arch/spicetify/.config/spicetify/Themes/wallust/user.css
@@ -0,0 +1,72 @@
+/* Wallust — auto-updating spicetify theme
+   Colors come from color.ini (generated by wallust on each wallpaper change).
+   --spice-rgb-* variables are auto-derived by spicetify from color.ini values.
+   Transparency: rgba() + backdrop-filter for frosted glass within the window.
+   The Hyprland opacity windowrule (0.95) makes the window slightly transparent
+   so wallpaper bleed-through is visible behind the blurred panels. */
+
+/* ── Root ─────────────────────────────────────────────────────────────────── */
+html, body {
+    background: transparent !important;
+}
+
+/* ── Main content area ────────────────────────────────────────────────────── */
+.Root__main-view {
+    background: rgba(var(--spice-rgb-main), 0.88) !important;
+    backdrop-filter: blur(20px) saturate(160%);
+}
+
+/* ── Left sidebar / nav ───────────────────────────────────────────────────── */
+.Root__nav-bar,
+.root-nav-bar {
+    background: rgba(var(--spice-rgb-sidebar), 0.88) !important;
+    backdrop-filter: blur(20px) saturate(160%);
+}
+
+/* ── Bottom now-playing bar ───────────────────────────────────────────────── */
+.Root__now-playing-bar {
+    background: rgba(var(--spice-rgb-player), 0.92) !important;
+    backdrop-filter: blur(20px) saturate(160%);
+    border-top: 1px solid rgba(var(--spice-rgb-highlight), 0.3);
+}
+
+/* ── Top bar ──────────────────────────────────────────────────────────────── */
+.Root__top-bar {
+    background: rgba(var(--spice-rgb-main), 0.80) !important;
+    backdrop-filter: blur(20px) saturate(160%);
+}
+
+/* ── Cards ────────────────────────────────────────────────────────────────── */
+.main-card-card,
+[data-testid="card-image-hit-area"],
+.main-shelf-shelf {
+    background: rgba(var(--spice-rgb-card), 0.60) !important;
+    backdrop-filter: blur(8px);
+    transition: background 0.2s ease;
+}
+
+.main-card-card:hover {
+    background: rgba(var(--spice-rgb-highlight), 0.70) !important;
+}
+
+/* ── Context menus ────────────────────────────────────────────────────────── */
+.main-contextMenu-menu,
+ul[data-radix-popper-content-wrapper] {
+    background: rgba(var(--spice-rgb-main-elevated), 0.94) !important;
+    backdrop-filter: blur(24px) saturate(160%);
+    border: 1px solid rgba(var(--spice-rgb-highlight), 0.25);
+}
+
+/* ── Modals / dialogs ─────────────────────────────────────────────────────── */
+.GenericModal,
+.main-genericModal-overlay,
+[role="dialog"] {
+    background: rgba(var(--spice-rgb-main), 0.92) !important;
+    backdrop-filter: blur(24px);
+}
+
+/* ── Queue / right panel ──────────────────────────────────────────────────── */
+.Root__right-sidebar {
+    background: rgba(var(--spice-rgb-sidebar), 0.88) !important;
+    backdrop-filter: blur(20px) saturate(160%);
+}