Add vesktop and spicetify

2024-10-07 22:09:14 +05:00 · 2024-10-07 22:09:14 +05:00 · 800b9fcd66
parent ed75f5cf00
commit 800b9fcd66
32 changed files with 2002 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@ -1 +1,6 @@
 tmux/plugins
+components/vesktop/Singleton*
+components/vesktop/state.json
+components/vesktop/sessionData
+components/vesktop/Crashpad
+components/spicetify/Extracted
--- a/components/spicetify/Backup/login.spa
+++ b/components/spicetify/Backup/login.spa
--- a/components/spicetify/Backup/xpui.spa
+++ b/components/spicetify/Backup/xpui.spa
--- a/components/spicetify/Themes/text/README.md
+++ b/components/spicetify/Themes/text/README.md
@ -0,0 +1,186 @@
+# text
+
+## Screenshots
+
+#### Display Images
+
+##### with images
+
+![withimg](screenshots/withimg.png)
+
+##### without images
+
+![withoutimg](screenshots/withoutimg.png)
+
+### Spotify
+
+![Spotify](screenshots/Spotify.png)
+
+### Spicetify
+
+![Spicetify](screenshots/Spicetify.png)
+
+### CatppuccinMocha
+
+![CatppuccinMocha](screenshots/CatppuccinMocha.png)
+
+### CatppuccinMacchiato
+
+![CatppuccinMacchiato](screenshots/CatppuccinMacchiato.png)
+
+### CatppuccinLatte
+
+![CatppuccinLatte](screenshots/CatppuccinLatte.png)
+
+### Dracula
+
+![Dracula](screenshots/Dracula.png)
+
+### Gruvbox
+
+![Gruvbox](screenshots/Gruvbox.png)
+
+### Kanagawa
+
+![Kanagawa](screenshots/Kanagawa.png)
+
+### Nord
+
+![Nord](screenshots/Nord.png)
+
+### Rigel
+
+![CatppuccinMaRigelcchiato](screenshots/Rigel.png)
+
+### RosePine
+
+![RosePine](screenshots/RosePine.png)
+
+### RosePineMoon
+
+![RosePineMoon](screenshots/RosePineMoon.png)
+
+### RosePineDawn
+
+![RosePineDawn](screenshots/RosePineDawn.png)
+
+### Solarized
+
+![Solarized](screenshots/Solarized.png)
+
+### TokyoNight
+
+![TokyoNight](screenshots/TokyoNight.png)
+
+### TokyoNightStorm
+
+![TokyoNightStorm](screenshots/TokyoNightStorm.png)
+
+### ForestGreen
+
+![ForestGreen](screenshots/ForestGreen.png)
+
+## More
+
+### Description
+
+a spicetify theme that mimics the look of [spotify-tui](https://github.com/Rigellute/spotify-tui)
+
+### Credits
+
+created by [darkthemer](https://github.com/darkthemer/)
+
+### Notes
+
+-   **IMPORTANT:** Add the following to your `config-xpui.ini` file. Details as to why are explained [here](https://github.com/JulienMaille/spicetify-dynamic-theme#important). Run `spicetify apply` after adding these lines.
+
+```ini
+[Patch]
+xpui.js_find_8008 = ,(\w+=)56,
+xpui.js_repl_8008 = ,${1}32,
+```
+
+-   **SUGGESTION:** Feel free to edit `color.ini` to swap the accent color (it's green for most of them) into your preferred color based from the color pallete.
+
+    -   https://github.com/catppuccin/catppuccin
+    -   https://github.com/dracula/dracula-theme
+    -   https://github.com/morhetz/gruvbox
+    -   https://github.com/rebelot/kanagawa.nvim
+    -   https://github.com/nordtheme/nord
+    -   https://github.com/Rigellute/rigel
+    -   https://github.com/rose-pine/rose-pine-theme
+    -   https://github.com/altercation/solarized
+    -   https://github.com/enkia/tokyo-night-vscode-theme
+
+-   **SUGGESTION:** Check the very top of `user.css` for user settings
+
+    -   If you use the Marketplace, go to `Marketplace > Snippets > + Add CSS` and then paste the variables found in `user.css` (also below). Edit these as you wish. If you're following this method, don't forget to add `!important` at the end of each property.
+
+```css
+/* user settings */
+:root {
+    --font-family: "DM Mono", monospace;
+    /*
+    --font-family: 'Anonymous Pro', monospace;
+    --font-family: 'Courier Prime', monospace;
+    --font-family: 'Cousine', monospace;
+    --font-family: 'Cutive Mono', monospace;
+    --font-family: 'DM Mono', monospace;
+    --font-family: 'Fira Mono', monospace;
+    --font-family: 'IBM Plex Mono', monospace;
+    --font-family: 'Inconsolata', monospace;
+    --font-family: 'Nanum Gothic Coding', monospace;
+    --font-family: 'PT Mono', monospace;
+    --font-family: 'Roboto Mono', monospace;
+    --font-family: 'Share Tech Mono', monospace;
+    --font-family: 'Source Code Pro', monospace;
+    --font-family: 'Space Mono', monospace;
+    --font-family: 'Ubuntu Mono', monospace;
+    --font-family: 'VT323', monospace;
+    */
+    --font-size: 14px;
+    --font-weight: 400; /* 200 : 900 */
+    --line-height: 1.2;
+
+    --font-size-lyrics: 14px; /* 1.5em (default) */
+
+    --font-family-header: "asciid";
+    --font-size-multiplier-header: 4;
+
+    --display-card-image: block; /* none | block */
+    --display-coverart-image: none; /* none | block */
+    --display-header-image: none; /* none | block */
+    --display-library-image: block; /* none | block */
+    --display-tracklist-image: none; /* none | block */
+    --display-spicetify-banner-ascii: block; /* none | block */
+    --display-music-banner-ascii: none; /* none | block */
+
+    --border-radius: 0px;
+    --border-width: 1px;
+    --border-style: solid; /* dotted | dashed | solid | double | groove | ridge | inset | outset */
+}
+```
+
+-   **SUGGESTION:** For Windows users, here's how to make the window controls' background match with the topbar background
+
+    -   Put this snippet into your `user.css` (or through the Marketplace's `+ Add CSS` feature)
+
+```css
+/* transparent window controls background */
+.spotify__container--is-desktop:not(.fullscreen) body::after {
+    content: "";
+    position: absolute;
+    right: 0;
+    z-index: 999;
+    backdrop-filter: brightness(2.12);
+    /* page zoom [ctrl][+] or [ctrl][-]
+       edit width and height accordingly */
+    width: 135px;
+    /* depending on what global status bar
+       style is enabled height need to be
+       changed accordingly. */
+    height: 64px;
+}
+```
+
+![winctrl](screenshots/winctrl.png)
--- a/components/spicetify/Themes/text/color.ini
+++ b/components/spicetify/Themes/text/color.ini
@ -0,0 +1,270 @@
+; note: most of the accent colors are set to the green of that color scheme, feel free to change it to your preferred color
+
+[Spotify]
+accent             = 1db954
+accent-active      = 1ed760
+accent-inactive    = 121212
+banner             = 1ed760
+border-active      = 1ed760
+border-inactive    = 535353
+header             = 535353
+highlight          = 1a1a1a
+main               = 121212
+notification       = 4687d6
+notification-error = e22134
+subtext            = b3b3b3
+text               = FFFFFF
+
+[Spicetify]
+accent             = 00e089
+accent-active      = 00e089
+accent-inactive    = 2E2837
+banner             = 00e089
+border-active      = 00e089
+border-inactive    = 483b5b
+header             = 483b5b
+highlight          = 483b5b
+main               = 2E2837
+notification       = 00e089
+notification-error = e22134
+subtext            = DEDEDE
+text               = FFFFFF
+
+[CatppuccinMocha]
+;https://github.com/catppuccin/catppuccin
+accent             = a6e3a1
+accent-active      = a6e3a1
+accent-inactive    = 1e1e2e
+banner             = a6e3a1
+border-active      = a6e3a1
+border-inactive    = 313244
+header             = 585b70
+highlight          = 585b70
+main               = 1e1e2e
+notification       = 89b4fa
+notification-error = f38ba8
+subtext            = a6adc8
+text               = cdd6f4
+
+[CatppuccinMacchiato]
+;https://github.com/catppuccin/catppuccin
+accent             = a6da95
+accent-active      = a6da95
+accent-inactive    = 24273a
+banner             = a6da95
+border-active      = a6da95
+border-inactive    = 363a4f
+header             = 5b6078
+highlight          = 5b6078
+main               = 24273a
+notification       = 8aadf4
+notification-error = ed8796
+subtext            = a5adcb
+text               = cad3f5
+
+[CatppuccinLatte]
+;https://github.com/catppuccin/catppuccin
+accent             = a6d189
+accent-active      = a6d189
+accent-inactive    = 303446
+banner             = a6d189
+border-active      = a6d189
+border-inactive    = 414559
+header             = 626880
+highlight          = 626880
+main               = 303446
+notification       = 8caaee
+notification-error = e78284
+subtext            = a5adce
+text               = c6d0f5
+
+[Dracula]
+;https://github.com/dracula/dracula-theme
+accent             = 50fa7b
+accent-active      = 50fa7b
+accent-inactive    = 282a36
+banner             = 50fa7b
+border-active      = 50fa7b
+border-inactive    = 44475a
+header             = 44475a
+highlight          = 44475a
+main               = 282a36
+notification       = 8be9fd
+notification-error = ff5555
+subtext            = 6272a4
+text               = f8f8f2
+
+[Gruvbox]
+;https://github.com/morhetz/gruvbox/
+accent             = 98971a
+accent-active      = b8bb26
+accent-inactive    = 282828
+banner             = b8bb26
+border-active      = b8bb26
+border-inactive    = 3c3836
+header             = 665c54
+highlight          = 7c6f64
+main               = 282828
+notification       = 458588
+notification-error = cc241d
+subtext            = bdae93
+text               = fbf1c7
+
+[Kanagawa]
+;https://github.com/rebelot/kanagawa.nvim
+accent             = 76946A
+accent-active      = 98BB6C
+accent-inactive    = 1F1F28
+banner             = 98BB6C
+border-active      = 98BB6C
+border-inactive    = 2A2A37
+header             = 54546D
+highlight          = 363646
+main               = 1F1F28
+notification       = 7E9CD8
+notification-error = E82424
+subtext            = C8C093
+text               = DCD7BA
+
+[Nord]
+;https://github.com/nordtheme/nord
+accent             = 88c0d0
+accent-active      = 8fbcbb
+accent-inactive    = 2e3440
+banner             = 8fbcbb
+border-active      = 8fbcbb
+border-inactive    = 3b4252
+header             = 4c566a
+highlight          = 4c566a
+main               = 2e3440
+notification       = 5e81ac
+notification-error = bf616a
+subtext            = d8dee9
+text               = eceff4
+
+[Rigel]
+;https://github.com/Rigellute/rigel/
+accent             = 00cccc
+accent-active      = 00ffff
+accent-inactive    = 00384d
+banner             = 00ffff
+border-active      = 00cccc
+border-inactive    = 517f8d
+header             = 517f8d
+highlight          = 00384d
+main               = 002635
+notification       = 7eb2dd
+notification-error = ff5a67
+subtext            = 77929e
+text               = b7cff9
+
+[RosePine]
+;https://github.com/rose-pine/rose-pine-theme
+accent             = ebbcba
+accent-active      = ebbcba
+accent-inactive    = 1f1d2e
+banner             = ebbcba
+border-active      = ebbcba
+border-inactive    = 26233a
+header             = 6e6a86
+highlight          = 403d52
+main               = 191724
+notification       = 31748f
+notification-error = eb6f92
+subtext            = 908caa
+text               = e0def4
+
+[RosePineMoon]
+;https://github.com/rose-pine/rose-pine-theme
+accent             = ea9a97
+accent-active      = ea9a97
+accent-inactive    = 2a273f
+banner             = ea9a97
+border-active      = ea9a97
+border-inactive    = 393552
+header             = 6e6a86
+highlight          = 44415a
+main               = 232136
+notification       = 3e8fb0
+notification-error = eb6f92
+subtext            = 908caa
+text               = e0def4
+
+[RosePineDawn]
+;https://github.com/rose-pine/rose-pine-theme
+accent             = d7827e
+accent-active      = d7827e
+accent-inactive    = fffaf3
+banner             = d7827e
+border-active      = d7827e
+border-inactive    = f2e9e1
+header             = 9893a5
+highlight          = dfdad9
+main               = faf4ed
+notification       = 286983
+notification-error = b4637a
+subtext            = 797593
+text               = 575279
+
+[Solarized]
+;https://github.com/altercation/solarized
+accent             = 859900
+accent-active      = 859900
+accent-inactive    = 073642
+banner             = 859900
+border-active      = 859900
+border-inactive    = 073642
+header             = 586e75
+highlight          = 073642
+main               = 002b36
+notification       = 268bd2
+notification-error = dc322f
+subtext            = 586e75
+text               = 839496
+
+[TokyoNight]
+;https://github.com/enkia/tokyo-night-vscode-theme
+accent             = 9ece6a
+accent-active      = 9ece6a
+accent-inactive    = 1a1b26
+banner             = 9ece6a
+border-active      = 9ece6a
+border-inactive    = 24283b
+header             = 565f89
+highlight          = 24283b
+main               = 1a1b26
+notification       = 7aa2f7
+notification-error = f7768e
+subtext            = 565f89
+text               = a9b1d6
+
+[TokyoNightStorm]
+;https://github.com/enkia/tokyo-night-vscode-theme
+accent             = 9ece6a
+accent-active      = 9ece6a
+accent-inactive    = 24283b
+banner             = 9ece6a
+border-active      = 9ece6a
+border-inactive    = 414868
+header             = 9aa5ce
+highlight          = 414868
+main               = 24283b
+notification       = 7aa2f7
+notification-error = f7768e
+subtext            = 9aa5ce
+text               = c0caf5
+
+[ForestGreen]
+accent             = 939393
+accent-active      = 939393
+accent-inactive    = 3e3e29
+banner             = 939393
+border-active      = 939393
+border-inactive    = 515235
+header             = 656641
+highlight          = 656641
+main               = 3e3e29
+notification       = 8c8e59
+notification-error = 787a4d
+subtext            = 838383
+text               = a3a3a3
--- a/components/spicetify/Themes/text/screenshots/CatppuccinLatte.png
+++ b/components/spicetify/Themes/text/screenshots/CatppuccinLatte.png
--- a/components/spicetify/Themes/text/screenshots/CatppuccinMacchiato.png
+++ b/components/spicetify/Themes/text/screenshots/CatppuccinMacchiato.png
--- a/components/spicetify/Themes/text/screenshots/CatppuccinMocha.png
+++ b/components/spicetify/Themes/text/screenshots/CatppuccinMocha.png
--- a/components/spicetify/Themes/text/screenshots/Dracula.png
+++ b/components/spicetify/Themes/text/screenshots/Dracula.png
--- a/components/spicetify/Themes/text/screenshots/ForestGreen.png
+++ b/components/spicetify/Themes/text/screenshots/ForestGreen.png
--- a/components/spicetify/Themes/text/screenshots/Gruvbox.png
+++ b/components/spicetify/Themes/text/screenshots/Gruvbox.png
--- a/components/spicetify/Themes/text/screenshots/Kanagawa.png
+++ b/components/spicetify/Themes/text/screenshots/Kanagawa.png
--- a/components/spicetify/Themes/text/screenshots/Nord.png
+++ b/components/spicetify/Themes/text/screenshots/Nord.png
--- a/components/spicetify/Themes/text/screenshots/Rigel.png
+++ b/components/spicetify/Themes/text/screenshots/Rigel.png
--- a/components/spicetify/Themes/text/screenshots/RosePine.png
+++ b/components/spicetify/Themes/text/screenshots/RosePine.png
--- a/components/spicetify/Themes/text/screenshots/RosePineDawn.png
+++ b/components/spicetify/Themes/text/screenshots/RosePineDawn.png
--- a/components/spicetify/Themes/text/screenshots/RosePineMoon.png
+++ b/components/spicetify/Themes/text/screenshots/RosePineMoon.png
--- a/components/spicetify/Themes/text/screenshots/Solarized.png
+++ b/components/spicetify/Themes/text/screenshots/Solarized.png
--- a/components/spicetify/Themes/text/screenshots/Spicetify.png
+++ b/components/spicetify/Themes/text/screenshots/Spicetify.png
--- a/components/spicetify/Themes/text/screenshots/Spotify.png
+++ b/components/spicetify/Themes/text/screenshots/Spotify.png
--- a/components/spicetify/Themes/text/screenshots/TokyoNight.png
+++ b/components/spicetify/Themes/text/screenshots/TokyoNight.png
--- a/components/spicetify/Themes/text/screenshots/TokyoNightStorm.png
+++ b/components/spicetify/Themes/text/screenshots/TokyoNightStorm.png
--- a/components/spicetify/Themes/text/screenshots/winctrl.png
+++ b/components/spicetify/Themes/text/screenshots/winctrl.png
--- a/components/spicetify/Themes/text/screenshots/withimg.png
+++ b/components/spicetify/Themes/text/screenshots/withimg.png
--- a/components/spicetify/Themes/text/screenshots/withoutimg.png
+++ b/components/spicetify/Themes/text/screenshots/withoutimg.png
--- a/components/spicetify/Themes/text/user.css
+++ b/components/spicetify/Themes/text/user.css
@ -0,0 +1,713 @@
+/*  ================================
+    ROOT
+    ================================ */
+
+/* import */
+/* find more in https://fonts.google.com/?category=Monospace&sort=popularity */
+@import url("https://fonts.googleapis.com/css2?family=Anonymous+Pro:wght@400;700&family=Courier+Prime:wght@400;700&family=Cousine:wght@400;700&family=Cutive+Mono&family=DM+Mono:wght@300;400;500&family=Fira+Mono:wght@400;500;700&family=IBM+Plex+Mono:wght@100;200;300;400;500;600;700&family=Inconsolata:wght@200;300;400;500;600;700;800;900&family=Nanum+Gothic+Coding:wght@400;700&family=PT+Mono&family=Roboto+Mono:wght@100;200;300;400;500;600;700&family=Share+Tech+Mono&family=Source+Code+Pro:wght@200;300;400;500;600;700;800;900&family=Space+Mono:wght@400;700&family=Ubuntu+Mono:wght@400;700&family=VT323&display=swap");
+@import url("https://fonts.cdnfonts.com/css/asciid");
+
+/* user settings */
+:root {
+    --font-family: "DM Mono", monospace;
+    /*
+    --font-family: 'Anonymous Pro', monospace;
+    --font-family: 'Courier Prime', monospace;
+    --font-family: 'Cousine', monospace;
+    --font-family: 'Cutive Mono', monospace;
+    --font-family: 'DM Mono', monospace;
+    --font-family: 'Fira Mono', monospace;
+    --font-family: 'IBM Plex Mono', monospace;
+    --font-family: 'Inconsolata', monospace;
+    --font-family: 'Nanum Gothic Coding', monospace;
+    --font-family: 'PT Mono', monospace;
+    --font-family: 'Roboto Mono', monospace;
+    --font-family: 'Share Tech Mono', monospace;
+    --font-family: 'Source Code Pro', monospace;
+    --font-family: 'Space Mono', monospace;
+    --font-family: 'Ubuntu Mono', monospace;
+    --font-family: 'VT323', monospace;
+    */
+    --font-size: 14px;
+    --font-weight: 400; /* 200 : 900 */
+    --line-height: 1.2;
+
+    --font-size-lyrics: 14px; /* 1.5em (default) */
+
+    --font-family-header: "asciid";
+    --font-size-multiplier-header: 4;
+
+    --display-card-image: block; /* none | block */
+    --display-coverart-image: none; /* none | block */
+    --display-header-image: none; /* none | block */
+    --display-library-image: block; /* none | block */
+    --display-tracklist-image: none; /* none | block */
+    --display-spicetify-banner-ascii: block; /* none | block */
+    --display-music-banner-ascii: none; /* none | block */
+
+    --border-radius: 0px;
+    --border-width: 1px;
+    --border-style: solid; /* dotted | dashed | solid | double | groove | ridge | inset | outset */
+    --border-transition: 0.2s ease; /* 'none' to disable  */
+}
+
+/* font */
+*:not([style*="lyric" i] *, [class*="lyric" i], .main-entityHeader-title) {
+    font-family: var(--font-family) !important;
+    font-size: var(--font-size) !important;
+    font-weight: var(--font-weight) !important;
+    line-height: var(--line-height) !important;
+}
+.lyrics-lyrics-container *,
+.main-nowPlayingView-lyricsContent * {
+    font-family: var(--font-family);
+    font-size: var(--font-size-lyrics);
+    font-weight: var(--font-weight);
+    line-height: var(--line-height);
+}
+.main-entityHeader-title h1 {
+    font-family: var(--font-family-header) !important;
+    font-size: calc(
+        var(--font-size) * var(--font-size-multiplier-header)
+    ) !important;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+}
+
+/* images */
+.main-card-imageContainer img,
+.view-homeShortcutsGrid-imageContainer img {
+    display: var(--display-card-image) !important;
+}
+.main-coverSlotCollapsed-container {
+    display: var(--display-coverart-image);
+}
+.main-entityHeader-imageContainer,
+.under-main-view,
+.main-entityHeader-creatorWrapper .main-avatar-avatar,
+.main-entityHeader-imageContainer,
+.playlist-playlist-playlistImageContainer,
+.profile-userOverview-imageContainer {
+    display: var(--display-header-image);
+}
+.x-entityImage-imageContainer img,
+.main-avatar-image {
+    display: var(--display-library-image);
+}
+.main-trackList-rowImage {
+    display: var(--display-tracklist-image);
+}
+
+/* fix */
+:root {
+    --content-max-width: 100% !important;
+}
+.Root__top-container {
+    --panel-gap: 16px !important;
+}
+.Root__top-bar {
+    border: var(--border-width) solid transparent;
+}
+.Root__nav-bar,
+.Root__now-playing-bar {
+    overflow: visible;
+}
+.main-view-container {
+    overflow: hidden;
+}
+.main-entityHeader-container.main-entityHeader-withBackgroundImage,
+.main-entityHeader-container.main-entityHeader-nonWrapped {
+    height: 250px;
+    min-height: unset;
+}
+.main-entityHeader-imageContainerNew {
+    height: 128px;
+    width: 128px;
+}
+.main-topBar-background,
+.main-topBar-overlay,
+.main-home-homeHeader,
+.main-home-filterChipsSection,
+.main-home-filterChipsSection::after {
+    background-color: var(--spice-main) !important;
+    background-image: none;
+}
+.LayoutResizer__resize-bar {
+    cursor: w-resize;
+}
+.LayoutResizer__inline-end:after,
+.LayoutResizer__inline-start:after {
+    background-color: var(--spice-border-inactive);
+}
+.LayoutResizer__resize-bar--resizing.LayoutResizer__inline-start:after,
+.LayoutResizer__resize-bar--resizing.LayoutResizer__inline-end:after {
+    background-color: var(--spice-border-active);
+}
+
+/* fullscreen */
+.spotifyinternal-artistnpv .npv-what-is-playing .npv-cover-art,
+.spotifyinternal-artistnpv .npv-what-is-playing .npv-track {
+    bottom: 18em;
+}
+.spotifyinternal-artistnpv .npv-what-is-playing .npv-cover-art {
+    -webkit-transform: scale(0.34375);
+    transform: scale(0.34375);
+}
+.spotifyinternal-artistnpv .npv-what-is-playing .npv-track {
+    -webkit-transform: none;
+    transform: none;
+}
+.npv-main-container .playback-bar {
+    position: unset;
+    width: auto;
+}
+.npv-nowPlayingBar-controls {
+    height: auto;
+}
+
+/* recolor */
+:root {
+    --spice-main-elevated: var(--spice-main);
+    --spice-highlight-elevated: var(--spice-highlight);
+    --spice-sidebar: var(--spice-main);
+    --spice-player: var(--spice-main);
+    --spice-card: var(--spice-main);
+    --spice-shadow: var(--spice-main);
+    --spice-selected-row: var(--spice-subtext);
+    --spice-button: var(--spice-accent);
+    --spice-button-active: var(--spice-accent-active);
+    --spice-button-disabled: var(--spice-accent-inactive);
+    --spice-tab-active: var(--spice-main);
+    --spice-rgb-main-elevated: var(--spice-rgb-main);
+    --spice-rgb-highlight-elevated: var(--spice-rgb-highlight);
+    --spice-rgb-sidebar: var(--spice-rgb-main);
+    --spice-rgb-player: var(--spice-rgb-main);
+    --spice-rgb-card: var(--spice-rgb-main);
+    --spice-rgb-shadow: var(--spice-rgb-main);
+    --spice-rgb-selected-row: var(--spice-rgb-subtext);
+    --spice-rgb-button: var(--spice-rgb-accent);
+    --spice-rgb-button-active: var(--spice-rgb-accent-active);
+    --spice-rgb-button-disabled: var(--spice-rgb-accent-inactive);
+    --spice-rgb-tab-active: var(--spice-rgb-main);
+}
+.Root__top-container,
+.Root__nav-bar {
+    background-color: var(--spice-main);
+}
+.main-playPauseButton-button {
+    background-color: transparent;
+    color: var(--spice-subtext);
+}
+.main-playPauseButton-button:focus,
+.main-playPauseButton-button:hover {
+    transform: none;
+    color: var(--spice-text);
+}
+#_R_G *:not([fill="none"]) {
+    fill: var(--spice-button-active) !important;
+}
+#_R_G *:not([stroke="none"]) {
+    stroke: var(--spice-button-active);
+}
+.view-homeShortcutsGrid-equaliser,
+.main-devicePicker-nowPlayingActiveIcon,
+.main-trackList-playingIcon {
+    filter: grayscale(1) opacity(0.2)
+        drop-shadow(0 0 0 var(--spice-button-active))
+        drop-shadow(0 0 0 var(--spice-button-active))
+        drop-shadow(0 0 0 var(--spice-button-active));
+}
+::placeholder {
+    color: var(--spice-subtext);
+}
+.main-entityHeader-background,
+.main-entityHeader-backgroundColor,
+.main-entityHeader-overlay,
+.main-actionBarBackground-background,
+.main-buddyFeed-container,
+.main-nowPlayingView-content.main-nowPlayingView-gradient {
+    background-color: transparent !important;
+    background-image: none;
+}
+.progress-bar {
+    --fg-color: var(--spice-button-active);
+    --bg-color: var(--spice-button-disabled);
+}
+.playback-bar__progress-time-elapsed,
+.main-playbackBarRemainingTime-container {
+    mix-blend-mode: difference;
+    color: var(--spice-button-active);
+}
+.main-trackList-placeholder {
+    background-color: var(--background-base);
+    background-blend-mode: color-dodge;
+}
+.main-trackList-trackListHeaderStuck.main-trackList-trackListHeader {
+    background: var(--spice-main);
+}
+.main-trackList-trackListRow:focus-within,
+.main-trackList-trackListRow:hover,
+.main-contextMenu-menuItemButton:hover,
+.main-contextMenu-menuItemButton:not([aria-checked="true"]):focus,
+.main-card-card:hover,
+.main-card-card[data-context-menu-open="true"] {
+    background-color: rgba(var(--spice-rgb-highlight), 0.5);
+}
+.main-trackList-trackListRow.main-trackList-selected,
+.main-trackList-trackListRow.main-trackList-selected:hover {
+    background-color: var(--spice-highlight);
+}
+.x-entityImage-imageContainer,
+.main-card-imageContainer > div:first-child {
+    background-color: var(--card-color, var(--spice-border-inactive));
+}
+.main-avatar-avatar {
+    background-color: var(--spice-border-inactive) !important;
+}
+.main-entityHeader-title h1 {
+    color: var(--spice-banner);
+}
+
+/* pane borders */
+.main-yourLibraryX-entryPoints,
+.Root__main-view,
+.Root__now-playing-bar,
+.Root__right-sidebar:has(aside:not(:empty)) {
+    border: var(--border-width) var(--border-style);
+    border-color: var(--spice-border-inactive);
+    border-radius: var(--border-radius);
+    background-color: var(--spice-main);
+    transition: border-color var(--border-transition);
+}
+.main-yourLibraryX-entryPoints:hover,
+.Root__main-view:hover,
+.Root__now-playing-bar:hover,
+.Root__right-sidebar:has(aside:not(:empty)):hover {
+    border: var(--border-width) var(--border-style);
+    border-color: var(--spice-border-active);
+}
+
+/* pane headers */
+.Root__nav-bar .main-yourLibraryX-entryPoints {
+    overflow-x: visible !important;
+}
+.Root__nav-bar .main-yourLibraryX-entryPoints:nth-child(1)::before,
+.Root__nav-bar .main-yourLibraryX-entryPoints:nth-child(2)::before,
+.Root__main-view::before,
+.Root__now-playing-bar::before,
+.Root__right-sidebar:has(aside:not(:empty))::before {
+    color: var(--spice-header);
+    position: absolute;
+    margin: -10px 4px;
+    background: var(--spice-main);
+    padding: 0 3px;
+    z-index: 9;
+    transition: color var(--border-transition);
+}
+.Root__nav-bar .main-yourLibraryX-entryPoints:nth-child(1)::before {
+    content: "Pages";
+}
+.Root__nav-bar .main-yourLibraryX-entryPoints:nth-child(2)::before {
+    content: "Library";
+}
+.Root__main-view::before {
+    content: "Main";
+    position: fixed;
+}
+.Root__now-playing-bar::before {
+    content: "Playing";
+}
+.Root__right-sidebar:has(aside:not(:empty))::before {
+    content: "Sidebar";
+}
+.Root__nav-bar .main-yourLibraryX-entryPoints:hover::before,
+.Root__main-view:hover::before,
+.Root__now-playing-bar:hover::before,
+.Root__right-sidebar:has(aside:not(:empty)):hover::before {
+    color: var(--spice-border-active);
+}
+
+/* scrollbars */
+.os-scrollbar-handle {
+    border-radius: var(--border-radius) !important;
+    width: 2px !important;
+    position: absolute;
+    top: 0;
+    right: 0;
+}
+.os-scrollbar-handle:hover {
+    border-radius: var(--border-radius) !important;
+    width: 6px !important;
+}
+.os-scrollbar-vertical {
+    top: 5px !important;
+    right: 5px !important;
+}
+
+/* context menus + tippy boxes */
+.main-contextMenu-menu,
+.tippy-box {
+    border: var(--border-width) var(--border-style) var(--spice-border-active);
+    border-radius: var(--border-radius) !important;
+}
+
+/* modals */
+.GenericModal {
+    border: var(--border-width) var(--border-style) var(--spice-border-active);
+    border-radius: var(--border-radius);
+    outline: 14px solid var(--spice-main) !important;
+    overflow: visible;
+}
+.GenericModal::before {
+    content: "Modal";
+    color: var(--spice-border-active);
+    position: absolute;
+    margin: -10px 4px;
+    background: var(--spice-main);
+    padding: 0 3px;
+    z-index: 9;
+}
+
+/*  ================================
+    LEFT SIDEBAR
+    ================================ */
+
+/* pages pane */
+.main-yourLibraryX-navLink {
+    height: 24px;
+    gap: 8px;
+    text-decoration: none !important;
+}
+.main-yourLibraryX-navLink > svg,
+.main-yourLibraryX-header .main-yourLibraryX-collapseButtonWrapper > span {
+    transform: scale(0.6);
+}
+
+/* library pane */
+.x-entityImage-imageContainer {
+    transform: scale(0.7);
+}
+.main-yourLibraryX-filterArea {
+    padding: 0 8px;
+}
+.main-yourLibraryX-libraryRootlist {
+    padding: 0 16px 8px;
+}
+
+/* sidebar config */
+.main-yourLibraryX-entryPoints:first-child:has(
+        .main-yourLibraryX-navItems:empty
+    ) {
+    display: none;
+}
+
+/*  ================================
+    MAIN VIEW
+    ================================ */
+
+/* check out a cool project: https://github.com/Rigellute/spotify-tui
+
+    _________  ____  / /_(_) __/_  __      / /___  __(_)\A
+   / ___/ __ \\/ __ \\/ __/ / /_/ / / /_____/ __/ / / / /\A
+  (__  ) /_/ / /_/ / /_/ / __/ /_/ /_____/ /_/ /_/ / /\A
+ /____/ .___/\\____/\\__/_/_/  \\__, /      \\__/\\__,_/_/\A
+     /_/                    /____/                      
+
+*/
+.view-homeShortcutsGrid-shortcuts::before {
+    content: "   _________  ____  / /_(_) __/_  __      / /___  __(_)\A   / ___/ __ \\/ __ \\/ __/ / /_/ / / /_____/ __/ / / / /\A  (__  ) /_/ / /_/ / /_/ / __/ /_/ /_____/ /_/ /_/ / /\A /____/ .___/\\____/\\__/_/_/  \\__, /      \\__/\\__,_/_/\A     /_/                    /____/                      ";
+    white-space: pre-wrap;
+    padding: 32px 0;
+    color: var(--spice-banner);
+    line-height: 1.2;
+    display: var(--display-spicetify-banner-ascii);
+}
+.main-entityHeader-headerText::before {
+    content: "────█▀█▄▄▄▄─────██▄\A────█▀▄▄▄▄█─────█▀▀█\A─▄▄▄█─────█──▄▄▄█\A██▀▄█─▄██▀█─███▀█\A─▀▀▀──▀█▄█▀─▀█▄█▀\A";
+    white-space: pre-wrap;
+    padding-bottom: 32px;
+    color: var(--spice-banner);
+    line-height: 1.2;
+    display: var(--display-music-banner-ascii);
+}
+
+/* top bar */
+.queue-tabBar-active,
+.marketplace-tabBar-active {
+    text-decoration: underline !important;
+}
+.main-topBar-historyButtons .main-topBar-button {
+    background-color: transparent;
+}
+.main-topBar-historyButtons > .main-topBar-button:first-child::before {
+    content: "<";
+}
+.main-topBar-button.main-topBar-responsiveForward::before {
+    content: ">";
+}
+.main-topBar-historyButtons > .main-topBar-button:first-child > svg,
+.main-topBar-button.main-topBar-responsiveForward > svg {
+    display: none;
+}
+.main-topBar-topbarContent {
+    gap: 24px;
+}
+.x-searchInput-searchInputInput {
+    border-radius: var(--border-radius);
+    background-color: transparent;
+}
+.x-searchInput-searchInputInput:hover,
+.x-searchInput-searchInputInput:focus {
+    box-shadow: none;
+    border: 1px solid var(--spice-button-active);
+    background-color: transparent;
+}
+.search-searchCategory-catergoryGrid *,
+.main-shelf-subHeader * {
+    border-radius: var(--border-radius);
+}
+
+/* headers */
+.main-entityHeader-container.main-entityHeader-withBackgroundImage {
+    background-image: radial-gradient(
+        circle,
+        rgba(var(--spice-rgb-main), 0.7) 0%,
+        rgba(var(--spice-rgb-main), 0.9) 50%,
+        rgba(var(--spice-rgb-main), 1) 100%
+    );
+}
+
+/* compact tracklists */
+.main-trackList-trackListRow {
+    height: 32px;
+}
+.main-trackList-rowMainContent {
+    grid-template: "title badges subtitle" / auto 1fr;
+}
+.main-trackList-rowImage {
+    height: 24px;
+    width: 24px;
+}
+.main-trackList-rowTitle::after {
+    content: " |";
+    color: var(--spice-highlight);
+}
+.main-trackList-number,
+.main-trackList-icon {
+    top: unset;
+}
+
+/* lyrics page & sidebar */
+.lyrics-lyrics-background {
+    background-color: var(--spice-main);
+}
+.main-nowPlayingView-sectionHeaderSpacing.main-nowPlayingView-lyricsGradient {
+    background-color: var(--background-tinted-base);
+}
+.lyrics-lyrics-contentContainer {
+    justify-content: start;
+}
+.lyrics-lyrics-container,
+.main-nowPlayingView-section {
+    --lyrics-color-active: var(--spice-text) !important;
+    --lyrics-color-inactive: var(--spice-subtext) !important;
+    --lyrics-color-passed: var(--spice-subtext) !important;
+    --lyrics-color-messaging: var(--spice-subtext) !important;
+}
+.lyrics-lyricsContent-lyric {
+    opacity: 0.3;
+    display: flex;
+    flex-direction: row;
+}
+.lyrics-lyricsContent-lyric.lyrics-lyricsContent-highlight {
+    opacity: 0.7;
+    transition: none;
+}
+.lyrics-lyricsContent-lyric.lyrics-lyricsContent-active:not(:empty) {
+    background-color: var(--lyrics-color-background);
+    color: var(--spice-main);
+    opacity: 1;
+    transition: none;
+}
+.lyrics-lyricsContent-lyric:not(:empty)::before {
+    content: ">> ";
+    opacity: 0;
+    white-space: break-spaces;
+}
+.lyrics-lyricsContent-lyric.lyrics-lyricsContent-active:not(:empty)::before {
+    content: ">> ";
+    opacity: 1;
+    white-space: break-spaces;
+}
+
+/* lyrics cinema */
+.Root__lyrics-cinema {
+    border: var(--border-width) var(--border-style) transparent;
+    overflow: hidden;
+}
+.main-nowPlayingView-lyricsContent {
+    -webkit-mask-image: none !important;
+    mask-image: none !important;
+}
+
+/*  ================================
+    PLAYBACK BAR
+    ================================ */
+
+/* playback bar itself */
+.main-nowPlayingBar-nowPlayingBar {
+    padding: 8px 8px 32px 8px;
+    height: 96px;
+}
+.playback-bar {
+    position: absolute;
+    left: calc(var(--panel-gap) + 8px);
+    bottom: calc(var(--panel-gap) + 8px);
+    width: calc(100vw - var(--panel-gap) * 2 - 16px);
+    justify-content: center;
+}
+
+/* playback time indicators */
+.playback-bar__progress-time-elapsed {
+    pointer-events: none;
+}
+.playback-bar__progress-time-elapsed::after {
+    content: " /";
+}
+.playback-bar__progress-time-elapsed,
+.main-playbackBarRemainingTime-container {
+    z-index: 9;
+    padding-top: 2px;
+}
+
+/* playback seek bar */
+.playback-progressbar-container {
+    position: absolute;
+    width: 100%;
+}
+.progress-bar {
+    --progress-bar-height: 16px;
+    --progress-bar-radius: var(--border-radius);
+}
+.progress-bar__slider {
+    box-shadow: none;
+    height: 100%;
+    border-radius: 0;
+}
+
+/* cover art */
+.main-nowPlayingWidget-coverArt .cover-art {
+    height: 32px !important;
+    width: 32px !important;
+}
+
+/* left nowplaying text */
+.main-nowPlayingBar-left {
+    padding-inline-start: 0;
+}
+.main-nowPlayingWidget-trackInfo {
+    margin: 0;
+}
+
+/* volume bar */
+.volume-bar__slider-container .x-progressBar-fillColor,
+.volume-bar__slider-container
+    .playback-progressbar-isInteractive
+    .progress-bar--isDragging
+    .x-progressBar-fillColor,
+.volume-bar__slider-container
+    .playback-progressbar-isInteractive
+    .progress-bar:focus
+    .x-progressBar-fillColor,
+.volume-bar__slider-container
+    .playback-progressbar-isInteractive
+    .progress-bar:hover
+    .x-progressBar-fillColor,
+.volume-bar__slider-container
+    .playback-progressbar-isInteractive:focus-within
+    .x-progressBar-fillColor {
+    height: 9px;
+    background-color: transparent;
+    border-bottom: 2px dashed var(--fg-color);
+}
+.volume-bar__slider-container .x-progressBar-progressBarBg {
+    background-color: transparent;
+}
+
+/* player controls */
+.player-controls__buttons {
+    margin-bottom: 0;
+}
+.player-controls__buttons,
+.main-nowPlayingBar-extraControls {
+    opacity: 0.25;
+    transition: opacity var(--border-transition);
+}
+.player-controls__buttons:hover,
+.main-nowPlayingBar-extraControls:hover {
+    opacity: 1;
+}
+.main-shuffleButton-button::before,
+.ecHWOS
+    button:has(
+        path[d="M13.151.922a.75.75 0 1 0-1.06 1.06L13.109 3H11.16a3.75 3.75 0 0 0-2.873 1.34l-6.173 7.356A2.25 2.25 0 0 1 .39 12.5H0V14h.391a3.75 3.75 0 0 0 2.873-1.34l6.173-7.356a2.25 2.25 0 0 1 1.724-.804h1.947l-1.017 1.018a.75.75 0 0 0 1.06 1.06L15.98 3.75 13.15.922zM.391 3.5H0V2h.391c1.109 0 2.16.49 2.873 1.34L4.89 5.277l-.979 1.167-1.796-2.14A2.25 2.25 0 0 0 .39 3.5z"]
+    )::before {
+    content: "\21C4";
+}
+.ecHWOS
+    button:has(
+        path[d="M12.09.922a.75.75 0 0 1 1.061 0L15.98 3.75l-2.83 2.828a.75.75 0 1 1-1.06-1.06L13.109 4.5H11.16a2.25 2.25 0 0 0-1.724.804L3.264 12.66A3.75 3.75 0 0 1 .391 14H0v-1.5h.391a2.25 2.25 0 0 0 1.724-.804L8.288 4.34A3.75 3.75 0 0 1 11.16 3h1.947L12.09 1.982a.75.75 0 0 1 0-1.06zM.88 3.319C2.255 2.874 2.976 1.787 3.297.874c.036-.102.37-.102.406 0 .321.913 1.042 2 2.417 2.445.103.033.103.329 0 .362-1.375.445-2.096 1.532-2.417 2.445-.036.102-.37.102-.406 0-.321-.913-1.042-2-2.417-2.445-.103-.033-.103-.329 0-.362z"]
+    )::before {
+    content: "\21C4\2726";
+}
+.main-skipBackButton-button::before {
+    content: "\25C1";
+}
+.main-playPauseButton-button[aria-label="Play"]::before,
+.main-playPauseButton-button:has(
+        path[d="M3 1.713a.7.7 0 0 1 1.05-.607l10.89 6.288a.7.7 0 0 1 0 1.212L4.05 14.894A.7.7 0 0 1 3 14.288V1.713z"]
+    )::before {
+    content: "\25B6";
+}
+.main-playPauseButton-button[aria-label="Pause"]::before,
+.main-playPauseButton-button:has(
+        path[d="M2.7 1a.7.7 0 0 0-.7.7v12.6a.7.7 0 0 0 .7.7h2.6a.7.7 0 0 0 .7-.7V1.7a.7.7 0 0 0-.7-.7H2.7zm8 0a.7.7 0 0 0-.7.7v12.6a.7.7 0 0 0 .7.7h2.6a.7.7 0 0 0 .7-.7V1.7a.7.7 0 0 0-.7-.7h-2.6z"]
+    )::before {
+    content: "\275A\275A";
+}
+.main-skipForwardButton-button::before {
+    content: "\25B7";
+}
+.main-repeatButton-button::before {
+    content: "\21BB";
+}
+.main-repeatButton-button[aria-checked="mixed"]::before {
+    content: "\21BB\2474";
+}
+.main-shuffleButton-button > svg,
+.player-controls__left .ecHWOS svg,
+.main-skipBackButton-button > svg,
+.main-playPauseButton-button > svg,
+.main-skipForwardButton-button > svg,
+.main-repeatButton-button > svg {
+    display: none;
+}
+
+/* connect bar */
+.main-connectBar-connectBar {
+    position: absolute;
+    background-color: transparent !important;
+    mix-blend-mode: difference;
+    pointer-events: none;
+    right: var(--panel-gap);
+    bottom: var(--panel-gap);
+    opacity: 0.25;
+    padding: 0 10px 10px;
+}
+.main-connectBar-connectBar span {
+    color: var(--spice-accent-active);
+}
+.main-connectBar-connectBar svg {
+    fill: var(--spice-accent-active);
+}
--- a/components/spicetify/config-xpui.ini
+++ b/components/spicetify/config-xpui.ini
@ -0,0 +1,32 @@
+[AdditionalOptions]
+extensions            = 
+custom_apps           = 
+sidebar_config        = 1
+home_config           = 1
+experimental_features = 1
+
+[Patch]
+
+[Setting]
+color_scheme           = 
+spotify_launch_flags   = 
+always_enable_devtools = 0
+check_spicetify_update = 1
+spotify_path           = /opt/spotify/
+prefs_path             = /home/timoxa0/.config/spotify/prefs
+current_theme          = text
+inject_theme_js        = 1
+inject_css             = 1
+replace_colors         = 1
+overwrite_assets       = 0
+
+[Preprocesses]
+expose_apis        = 1
+disable_sentry     = 1
+disable_ui_logging = 1
+remove_rtl_rule    = 1
+
+; DO NOT CHANGE!
+[Backup]
+version = 1.2.47.364.gf06e5cee
+with    = 2.38.4
--- a/components/vesktop/settings.json
+++ b/components/vesktop/settings.json
@ -0,0 +1,7 @@
+{
+    "discordBranch": "stable",
+    "minimizeToTray": true,
+    "arRPC": true,
+    "splashColor": "oklch(0.8 0 0)",
+    "splashBackground": "oklch(0.19 0 0)"
+}
--- a/components/vesktop/settings/quickCss.css
+++ b/components/vesktop/settings/quickCss.css
--- a/components/vesktop/settings/settings.json
+++ b/components/vesktop/settings/settings.json
@ -0,0 +1,604 @@
+{
+    "autoUpdate": true,
+    "autoUpdateNotification": true,
+    "useQuickCss": true,
+    "themeLinks": [],
+    "enabledThemes": [
+        "monochrome.theme.css"
+    ],
+    "enableReactDevtools": false,
+    "frameless": false,
+    "transparent": false,
+    "winCtrlQ": false,
+    "disableMinSize": false,
+    "winNativeTitleBar": false,
+    "plugins": {
+        "ChatInputButtonAPI": {
+            "enabled": true
+        },
+        "CommandsAPI": {
+            "enabled": true
+        },
+        "MemberListDecoratorsAPI": {
+            "enabled": false
+        },
+        "MessageAccessoriesAPI": {
+            "enabled": true
+        },
+        "MessageDecorationsAPI": {
+            "enabled": false
+        },
+        "MessageEventsAPI": {
+            "enabled": true
+        },
+        "MessagePopoverAPI": {
+            "enabled": false
+        },
+        "MessageUpdaterAPI": {
+            "enabled": false
+        },
+        "ServerListAPI": {
+            "enabled": true
+        },
+        "UserSettingsAPI": {
+            "enabled": true
+        },
+        "CopyFileContents": {
+            "enabled": false
+        },
+        "AlwaysAnimate": {
+            "enabled": false
+        },
+        "AlwaysExpandRoles": {
+            "enabled": false
+        },
+        "AlwaysTrust": {
+            "enabled": false
+        },
+        "AnonymiseFileNames": {
+            "enabled": false
+        },
+        "AppleMusicRichPresence": {
+            "enabled": false
+        },
+        "WebRichPresence (arRPC)": {
+            "enabled": false
+        },
+        "BANger": {
+            "enabled": false
+        },
+        "BetterFolders": {
+            "enabled": false
+        },
+        "BetterGifAltText": {
+            "enabled": false
+        },
+        "BetterGifPicker": {
+            "enabled": false
+        },
+        "BetterNotesBox": {
+            "enabled": false
+        },
+        "BetterRoleContext": {
+            "enabled": false
+        },
+        "BetterRoleDot": {
+            "enabled": false
+        },
+        "BetterSessions": {
+            "enabled": false,
+            "backgroundCheck": false
+        },
+        "BetterSettings": {
+            "enabled": false
+        },
+        "BetterUploadButton": {
+            "enabled": false
+        },
+        "BiggerStreamPreview": {
+            "enabled": false
+        },
+        "BlurNSFW": {
+            "enabled": false
+        },
+        "CallTimer": {
+            "enabled": false
+        },
+        "ClearURLs": {
+            "enabled": false
+        },
+        "ClientTheme": {
+            "enabled": false,
+            "color": "313338"
+        },
+        "ColorSighted": {
+            "enabled": false
+        },
+        "ConsoleJanitor": {
+            "enabled": true,
+            "disableLoggers": false,
+            "disableSpotifyLogger": true,
+            "whitelistedLoggers": "GatewaySocket; Routing/Utils"
+        },
+        "ConsoleShortcuts": {
+            "enabled": false
+        },
+        "CopyEmojiMarkdown": {
+            "enabled": false
+        },
+        "CopyUserURLs": {
+            "enabled": false
+        },
+        "CrashHandler": {
+            "enabled": true
+        },
+        "CtrlEnterSend": {
+            "enabled": false,
+            "submitRule": "ctrl+enter",
+            "sendMessageInTheMiddleOfACodeBlock": true
+        },
+        "CustomRPC": {
+            "enabled": false
+        },
+        "CustomIdle": {
+            "enabled": false
+        },
+        "Dearrow": {
+            "enabled": false
+        },
+        "Decor": {
+            "enabled": false
+        },
+        "DisableCallIdle": {
+            "enabled": false
+        },
+        "DontRoundMyTimestamps": {
+            "enabled": false
+        },
+        "EmoteCloner": {
+            "enabled": false
+        },
+        "Experiments": {
+            "enabled": true,
+            "toolbarDevMenu": false
+        },
+        "F8Break": {
+            "enabled": true
+        },
+        "FakeNitro": {
+            "enabled": true,
+            "enableStickerBypass": true,
+            "enableStreamQualityBypass": true,
+            "enableEmojiBypass": true,
+            "transformEmojis": true,
+            "transformStickers": true,
+            "transformCompoundSentence": false
+        },
+        "FakeProfileThemes": {
+            "enabled": false
+        },
+        "FavoriteEmojiFirst": {
+            "enabled": false
+        },
+        "FavoriteGifSearch": {
+            "enabled": false
+        },
+        "FixCodeblockGap": {
+            "enabled": false
+        },
+        "FixSpotifyEmbeds": {
+            "enabled": true
+        },
+        "FixYoutubeEmbeds": {
+            "enabled": true
+        },
+        "ForceOwnerCrown": {
+            "enabled": true
+        },
+        "FriendInvites": {
+            "enabled": false
+        },
+        "FriendsSince": {
+            "enabled": false
+        },
+        "GameActivityToggle": {
+            "enabled": false
+        },
+        "GifPaste": {
+            "enabled": false
+        },
+        "GreetStickerPicker": {
+            "enabled": false
+        },
+        "HideAttachments": {
+            "enabled": false
+        },
+        "iLoveSpam": {
+            "enabled": false
+        },
+        "IgnoreActivities": {
+            "enabled": false
+        },
+        "ImageLink": {
+            "enabled": true
+        },
+        "ImageZoom": {
+            "enabled": true
+        },
+        "ImplicitRelationships": {
+            "enabled": false
+        },
+        "InvisibleChat": {
+            "enabled": false
+        },
+        "KeepCurrentChannel": {
+            "enabled": false
+        },
+        "LastFMRichPresence": {
+            "enabled": false
+        },
+        "LoadingQuotes": {
+            "enabled": false
+        },
+        "MemberCount": {
+            "enabled": false
+        },
+        "MentionAvatars": {
+            "enabled": false
+        },
+        "MessageClickActions": {
+            "enabled": false
+        },
+        "MessageLatency": {
+            "enabled": false
+        },
+        "MessageLinkEmbeds": {
+            "enabled": false
+        },
+        "MessageLogger": {
+            "enabled": false
+        },
+        "MessageTags": {
+            "enabled": false
+        },
+        "MoreCommands": {
+            "enabled": false
+        },
+        "MoreKaomoji": {
+            "enabled": false
+        },
+        "MoreUserTags": {
+            "enabled": false
+        },
+        "Moyai": {
+            "enabled": false,
+            "volume": 0.5,
+            "quality": "Normal",
+            "triggerWhenUnfocused": true,
+            "ignoreBots": true,
+            "ignoreBlocked": true
+        },
+        "MutualGroupDMs": {
+            "enabled": false
+        },
+        "NewGuildSettings": {
+            "enabled": false
+        },
+        "NoBlockedMessages": {
+            "enabled": false
+        },
+        "NoDefaultHangStatus": {
+            "enabled": false
+        },
+        "NoDevtoolsWarning": {
+            "enabled": true
+        },
+        "NoF1": {
+            "enabled": true
+        },
+        "NoMaskedUrlPaste": {
+            "enabled": false
+        },
+        "NoMosaic": {
+            "enabled": false
+        },
+        "NoOnboardingDelay": {
+            "enabled": false
+        },
+        "NoPendingCount": {
+            "enabled": false
+        },
+        "NoProfileThemes": {
+            "enabled": false
+        },
+        "NoReplyMention": {
+            "enabled": false
+        },
+        "NoScreensharePreview": {
+            "enabled": false
+        },
+        "NoServerEmojis": {
+            "enabled": false
+        },
+        "NoTypingAnimation": {
+            "enabled": false
+        },
+        "NoUnblockToJump": {
+            "enabled": false
+        },
+        "NormalizeMessageLinks": {
+            "enabled": false
+        },
+        "NotificationVolume": {
+            "enabled": false
+        },
+        "NSFWGateBypass": {
+            "enabled": false
+        },
+        "OnePingPerDM": {
+            "enabled": false
+        },
+        "oneko": {
+            "enabled": false
+        },
+        "OpenInApp": {
+            "enabled": false
+        },
+        "OverrideForumDefaults": {
+            "enabled": false
+        },
+        "PartyMode": {
+            "enabled": false
+        },
+        "PauseInvitesForever": {
+            "enabled": false
+        },
+        "PermissionFreeWill": {
+            "enabled": false
+        },
+        "PermissionsViewer": {
+            "enabled": false
+        },
+        "petpet": {
+            "enabled": false
+        },
+        "PictureInPicture": {
+            "enabled": false
+        },
+        "PinDMs": {
+            "enabled": false
+        },
+        "PlainFolderIcon": {
+            "enabled": true
+        },
+        "PlatformIndicators": {
+            "enabled": false
+        },
+        "PreviewMessage": {
+            "enabled": false
+        },
+        "PronounDB": {
+            "enabled": false,
+            "pronounsFormat": "LOWERCASE",
+            "pronounSource": 0,
+            "showSelf": true,
+            "showInMessages": true,
+            "showInProfile": true
+        },
+        "QuickMention": {
+            "enabled": false
+        },
+        "QuickReply": {
+            "enabled": false
+        },
+        "ReactErrorDecoder": {
+            "enabled": false
+        },
+        "ReadAllNotificationsButton": {
+            "enabled": false
+        },
+        "RelationshipNotifier": {
+            "enabled": false
+        },
+        "ReplaceGoogleSearch": {
+            "enabled": false
+        },
+        "ReplyTimestamp": {
+            "enabled": false
+        },
+        "RevealAllSpoilers": {
+            "enabled": false
+        },
+        "ReverseImageSearch": {
+            "enabled": false
+        },
+        "ReviewDB": {
+            "enabled": false
+        },
+        "RoleColorEverywhere": {
+            "enabled": false
+        },
+        "SecretRingToneEnabler": {
+            "enabled": false
+        },
+        "Summaries": {
+            "enabled": false
+        },
+        "SendTimestamps": {
+            "enabled": false
+        },
+        "ServerInfo": {
+            "enabled": true
+        },
+        "ServerListIndicators": {
+            "enabled": false
+        },
+        "ShikiCodeblocks": {
+            "enabled": false
+        },
+        "ShowAllMessageButtons": {
+            "enabled": false
+        },
+        "ShowConnections": {
+            "enabled": false
+        },
+        "ShowHiddenChannels": {
+            "enabled": false
+        },
+        "ShowHiddenThings": {
+            "enabled": false
+        },
+        "ShowMeYourName": {
+            "enabled": false
+        },
+        "ShowTimeoutDuration": {
+            "enabled": false
+        },
+        "SilentMessageToggle": {
+            "enabled": false
+        },
+        "SilentTyping": {
+            "enabled": false,
+            "showIcon": false,
+            "contextMenu": true,
+            "isEnabled": true
+        },
+        "SortFriendRequests": {
+            "enabled": false
+        },
+        "SpotifyControls": {
+            "enabled": false
+        },
+        "SpotifyCrack": {
+            "enabled": true,
+            "noSpotifyAutoPause": true,
+            "keepSpotifyActivityOnIdle": false
+        },
+        "SpotifyShareCommands": {
+            "enabled": false
+        },
+        "StartupTimings": {
+            "enabled": false
+        },
+        "StickerPaste": {
+            "enabled": false
+        },
+        "StreamerModeOnStream": {
+            "enabled": false
+        },
+        "SuperReactionTweaks": {
+            "enabled": false
+        },
+        "TextReplace": {
+            "enabled": false
+        },
+        "ThemeAttributes": {
+            "enabled": false
+        },
+        "TimeBarAllActivities": {
+            "enabled": false
+        },
+        "Translate": {
+            "enabled": false
+        },
+        "TypingIndicator": {
+            "enabled": false
+        },
+        "TypingTweaks": {
+            "enabled": false
+        },
+        "Unindent": {
+            "enabled": false
+        },
+        "UnlockedAvatarZoom": {
+            "enabled": false
+        },
+        "UnsuppressEmbeds": {
+            "enabled": false
+        },
+        "UserVoiceShow": {
+            "enabled": false
+        },
+        "USRBG": {
+            "enabled": false
+        },
+        "ValidReply": {
+            "enabled": true
+        },
+        "ValidUser": {
+            "enabled": false
+        },
+        "VoiceChatDoubleClick": {
+            "enabled": false
+        },
+        "VcNarrator": {
+            "enabled": false
+        },
+        "VencordToolbox": {
+            "enabled": false
+        },
+        "ViewIcons": {
+            "enabled": false
+        },
+        "ViewRaw": {
+            "enabled": false
+        },
+        "VoiceDownload": {
+            "enabled": false
+        },
+        "VoiceMessages": {
+            "enabled": false
+        },
+        "VolumeBooster": {
+            "enabled": false
+        },
+        "WebKeybinds": {
+            "enabled": true
+        },
+        "WebScreenShareFixes": {
+            "enabled": true
+        },
+        "WhoReacted": {
+            "enabled": false
+        },
+        "XSOverlay": {
+            "enabled": false
+        },
+        "YoutubeAdblock": {
+            "enabled": false
+        },
+        "NoTrack": {
+            "enabled": true,
+            "disableAnalytics": true
+        },
+        "WebContextMenus": {
+            "enabled": true,
+            "addBack": true
+        },
+        "Settings": {
+            "enabled": true,
+            "settingsLocation": "aboveNitro"
+        },
+        "FullSearchContext": {
+            "enabled": true
+        },
+        "AccountPanelServerProfile": {
+            "enabled": false
+        },
+        "SupportHelper": {
+            "enabled": true
+        }
+    },
+    "notifications": {
+        "timeout": 5000,
+        "position": "bottom-right",
+        "useNative": "not-focused",
+        "logLimit": 50
+    },
+    "cloud": {
+        "authenticated": true,
+        "url": "https://api.vencord.dev/",
+        "settingsSync": true,
+        "settingsSyncVersion": 1728317928871
+    }
+}
--- a/components/vesktop/themes/matugen.theme.css
+++ b/components/vesktop/themes/matugen.theme.css
@ -0,0 +1,99 @@
+/**
+ * @name midnight
+ * @description A dark, rounded discord theme.
+ * @author refact0r
+ * @version 1.6.2
+ * @invite nz87hXyvcy
+ * @website https://github.com/refact0r/midnight-discord
+ * @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
+ * @authorId 508863359777505290
+ * @authorLink https://www.refact0r.dev
+*/
+
+/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
+
+@import url('https://refact0r.github.io/midnight-discord/midnight.css');
+
+/* customize things here */
+:root {
+	/* font, change to 'gg sans' for default discord font*/
+	--font: 'figtree';
+
+	/* top left corner text */
+	--corner-text: 'Midnight';
+
+	/* color of status indicators and window controls */
+    --online-indicator: #66558e;     /* change to #23a55a for default green */
+	--dnd-indicator: #ffb4ab;                  /* change to #f13f43 for default red */
+	--idle-indicator: #633b47;    /* change to #f0b232 for default yellow */
+	--streaming-indicator: #37265d;       /* change to #593695 for default purple */
+
+	/* accent colors */
+    --accent-1: #f0b8c7;            /* links */
+	--accent-2: #d1bcfe;             /* general unread/mention elements, some icons when active */
+	--accent-3: #d1bcfe;             /* accent buttons */
+	--accent-4: #3b383e;      /* accent buttons when hovered */
+	--accent-5: #d1bcfe;   /* accent buttons when clicked */
+	--mention:  #141218;             /* mentions & mention messages */
+	--mention-hover: #3b383e; /* mentions & mention messages when hovered */
+
+	/* text colors */
+	--text-0: #141218;               /* text on colored elements */
+	--text-1: #e7e0e8;            /* other normally white text */
+	--text-2: #e7e0e8;            /* headings and important text */
+	--text-3: #cac4cf;    /* normal text */
+	--text-4: #cac4cf;    /* icon buttons and channels */
+	--text-5: #948f99;               /* muted channels/chats and timestamps */
+
+	/* background and dark colors */
+    --bg-1: #d1bcfe;                             /* dark buttons when clicked */
+	--bg-2: #2b292f;              /* dark buttons */
+	--bg-3: #1d1b20;               /* spacing, secondary elements */
+	--bg-4: #141218;                             /* main background color */
+	--hover: #3b383e;                     /* channels and buttons when hovered */
+	--active: #3b383e;                    /* channels and buttons when clicked or selected */
+	--message-hover: #3b383e;             /* messages when hovered */
+
+	/* amount of spacing and padding */
+	--spacing: 12px;
+
+	/* animations */
+	/* ALL ANIMATIONS CAN BE DISABLED WITH REDUCED MOTION IN DISCORD SETTINGS */
+	--list-item-transition: 0.2s ease;  /* channels/members/settings hover transition */
+	--unread-bar-transition: 0.2s ease; /* unread bar moving into view transition */
+	--moon-spin-transition: 0.4s ease;  /* moon icon spin */
+	--icon-spin-transition: 1s ease;    /* round icon button spin (settings, emoji, etc.) */
+
+	/* corner roundness (border-radius) */
+	--roundness-xl: 22px; /* roundness of big panel outer corners */
+	--roundness-l: 20px; /* popout panels */
+	--roundness-m: 16px; /* smaller panels, images, embeds */
+	--roundness-s: 12px; /* members, settings inputs */
+	--roundness-xs: 10px; /* channels, buttons */
+	--roundness-xxs: 8px; /* searchbar, small elements */
+
+	/* direct messages moon icon */
+	/* change to block to show, none to hide */
+	--discord-icon: none; /* discord icon */
+	--moon-icon: block; /* moon icon */
+	--moon-icon-url: url('https://upload.wikimedia.org/wikipedia/commons/c/c4/Font_Awesome_5_solid_moon.svg'); /* custom icon url */
+	--moon-icon-size: auto;
+
+	/* filter uncolorable elements to fit theme */
+	/* (just set to none, they're too much work to configure) */
+	--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4); /* login background artwork */
+	--green-to-accent-3-filter: hue-rotate(56deg) saturate(1.43); /* add friend page explore icon */
+	--blurple-to-accent-3-filter: hue-rotate(304deg) saturate(0.84) brightness(1.2); /* add friend page school icon */
+}
+
+/* Selected chat/friend text */
+.selected_f5eb4b,
+.selected_f6f816 .link_d8bfb3 {
+  color: var(--text-0) !important;
+  background: var(--accent-3) !important;
+}
+
+.selected_f6f816 .link_d8bfb3 * {
+  color: var(--text-0) !important;
+  fill: var(--text-0) !important;
+}
--- a/components/vesktop/themes/monochrome.theme.css
+++ b/components/vesktop/themes/monochrome.theme.css
@ -0,0 +1,86 @@
+/**
+ * @name system24 (monochrome)
+ * @description A tui-style discord theme. Has less colors and more neutral greys and whites.
+ * @author refact0r, DeadGrip
+ * @version 1.0.0
+ * @invite nz87hXyvcy
+ * @website https://github.com/refact0r/system24
+ * @authorId 508863359777505290
+ * @authorLink https://refact0r.dev/
+*/
+
+/* import theme modules */
+@import url('https://refact0r.github.io/system24/src/main.css'); /* main theme css. DO NOT REMOVE */
+@import url('https://refact0r.github.io/system24/src/unrounding.css'); /* gets rid of all rounded corners. remove if you want rounded corners. */
+
+/* customize things here */
+:root {
+	--font: 'JetBrainsMono Nerd Font Mono'; /* UI font name. it must be installed on your system. */
+	letter-spacing: -0.05ch; /* decreases letter spacing for better readability. */
+	font-weight: 300; /* UI font weight. */
+	--label-font-weight: 500; /* font weight for panel labels. */
+	--corner-text: 'monochrome'; /* custom text to display in the corner. only works on windows. */
+	--pad: 16px; /* padding between panels. */
+	--txt-pad: 10px; /* padding inside panels to prevent labels from clipping */
+	--panel-roundness: 0px; /* corner roundness of panels. ONLY WORKS IF unrounding.css IS REMOVED (see above). */
+
+	/* background colors */
+	--bg-0: oklch(19% 0 0); /* main background color. */
+	--bg-1: oklch(23% 0 0); /* background color for secondary elements like code blocks, embeds, etc. */
+	--bg-2: oklch(27% 0 0); /* color of neutral buttons. */
+	--bg-3: oklch(31% 0 0); /* color of neutral buttons when hovered. */
+
+	/* state modifiers */
+	--hover: oklch(54% 0 0 / 0.1); /* color of hovered elements. */
+	--active: oklch(54% 0 0 / 0.2); /* color of elements when clicked. */
+	--selected: var(--active); /* color of selected elements. */
+
+	/* text colors */
+	--txt-dark: var(--bg-0); /* color of dark text on colored backgrounds. */
+	--txt-link: var(--shade-0); /* color of links. */
+	--txt-0: oklch(90% 0 0); /* color of bright/white text. */
+	--txt-1: oklch(80% 0 0); /* main text color. */
+	--txt-2: oklch(60% 0 0); /* color of secondary text like channel list. */
+	--txt-3: oklch(40% 0 0); /* color of muted text. */
+
+	/* accent colors */
+	--acc-0: var(--shade-0); /* main accent color. */
+	--acc-1: var(--shade-1); /* color of accent buttons when hovered. */
+	--acc-2: var(--shade-2); /* color of accent buttons when clicked. */
+
+	/* borders */
+	--border-width: 2px; /* panel border thickness. */
+	--border-color: var(--bg-3); /* panel border color. */
+	--border-hover-color: var(--acc-1); /* panel border color when hovered. */
+	--border-transition: 0.2s ease; /* panel border transition. */
+
+	/* status dot colors */
+	--online-dot: var(--shade-0); /* color of online dot. */
+	--dnd-dot: oklch(80% 0.08 0); /* color of do not disturb dot. */
+	--idle-dot: oklch(80% 0.08 100); /* color of idle dot. */
+	--streaming-dot: oklch(80% 0.08 300); /* color of streaming dot. */
+
+	/* mention/ping and message colors */
+	--mention-txt: var(--acc-0); /* color of mention text. */
+	--mention-bg: color-mix(in oklch, var(--acc-0), transparent 90%); /* background highlight of mention text. */
+	--mention-overlay: color-mix(in oklch, var(--acc-0), transparent 90%); /* overlay color of messages that mention you. */
+	--mention-hover-overlay: color-mix(in oklch, var(--acc-0), transparent 95%); /* overlay color of messages that mention you when hovered. */
+	--reply-overlay: var(--active); /* overlay color of message you are replying to. */
+	--reply-hover-overlay: var(--hover); /* overlay color of message you are replying to when hovered. */
+
+	/* color shades */
+	--pink: oklch(90% 0 0);
+	--pink-1: oklch(70% 0 0);
+	--pink-2: oklch(50% 0 0);
+	--purple: oklch(90% 0 0);
+	--purple-1: oklch(70% 0 0);
+	--purple-2: oklch(50% 0 0);
+	--cyan: oklch(90% 0 0);
+	--yellow: oklch(90% 0 0);
+	--green: oklch(90% 0 0);
+	--green-1: oklch(70% 0 0);
+	--green-2: oklch(50% 0 0);
+	--shade-0: oklch(90% 0 0);
+	--shade-1: oklch(70% 0 0);
+	--shade-2: oklch(50% 0 0);
+}