+spicetify apply
+```
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/assets/glue-resources/fonts/GoogleSansDisplayMedium.woff2 b/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/assets/glue-resources/fonts/GoogleSansDisplayMedium.woff2
new file mode 100644
index 0000000..2430944
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/assets/glue-resources/fonts/GoogleSansDisplayMedium.woff2 differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/assets/glue-resources/fonts/GoogleSansDisplayRegular.woff2 b/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/assets/glue-resources/fonts/GoogleSansDisplayRegular.woff2
new file mode 100644
index 0000000..911e5f8
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/assets/glue-resources/fonts/GoogleSansDisplayRegular.woff2 differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/assets/glue-resources/fonts/Roboto.woff2 b/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/assets/glue-resources/fonts/Roboto.woff2
new file mode 100644
index 0000000..7e854e6
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/assets/glue-resources/fonts/Roboto.woff2 differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/assets/glue-resources/fonts/RobotoMedium.woff2 b/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/assets/glue-resources/fonts/RobotoMedium.woff2
new file mode 100644
index 0000000..8dceabc
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/assets/glue-resources/fonts/RobotoMedium.woff2 differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/base.png b/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/base.png
new file mode 100644
index 0000000..beec8b6
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/base.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/color.ini b/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/color.ini
new file mode 100644
index 0000000..242b478
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/color.ini
@@ -0,0 +1,92 @@
+[base]
+main_fg = 1db954
+secondary_fg = F0F0F0
+main_bg = 000
+sidebar_and_player_bg = 000
+scrollbar_fg_and_selected_row_bg = 313235
+miscellaneous_bg = 313235
+preserve_1 = FFF
+
+[white]
+main_fg = FFA789
+secondary_fg = 363636
+main_bg = FFF9F4
+sidebar_and_player_bg = FFF9F4
+cover_overlay_and_shadow = 202020
+indicator_fg_and_button_bg = ffffff
+pressing_fg = 1a73e8
+slider_bg = b4b7b4
+sidebar_indicator_and_hover_button_bg = dedede
+scrollbar_fg_and_selected_row_bg = f1f1f1
+pressing_button_fg = 5f5e68
+pressing_button_bg = 202124
+selected_button = 4285f4
+miscellaneous_bg = FFA789
+miscellaneous_hover_bg = FFA789
+preserve_1 = FFF1E6
+
+[dark]
+main_fg = C2D935
+secondary_fg = DEDEDE
+main_bg = 0a0e14
+sidebar_and_player_bg = 0A0E14
+cover_overlay_and_shadow = 202020
+indicator_fg_and_button_bg = 313235
+pressing_fg = C2D935
+slider_bg = b4b7b4
+sidebar_indicator_and_hover_button_bg = C2D935
+scrollbar_fg_and_selected_row_bg = 313235
+pressing_button_fg = FFF
+pressing_button_bg = FFF
+selected_button = 4285f4
+miscellaneous_bg = 1d1f21
+miscellaneous_hover_bg = 383145
+preserve_1 = 0a0e14
+
+[nord-dark]
+;Nord Pallete
+; Polar Night (bg) : #2E3440 #3B4252 #434C5E #4C566A
+; Snow Storm (text): #D8DEE9 #E5E9F0 #ECEFF4
+; Frost (accent) : #8FBCBB #88C0D0 #81A1C1 #5E81AC
+; Aurora (speca) : #BF616A #D08770 #EBCB8B #A3BE8C #B48EAD
+
+main_fg = 88C0D0 ; The main Accent, used for sidebar and some interface elements
+secondary_fg = D8DEE9 ; Main text and some other small stuff
+main_bg = 3B4252 ; The real star of the how, the main Backgroud of app (on the right side)
+sidebar_and_player_bg = 3B4252 ; Background for the player
+cover_overlay_and_shadow = 2E3440 ; Overlay for when you hover over the album covers
+indicator_fg_and_button_bg = 81A1C1 ; Button text color
+pressing_fg = 8FBCBB ; The color that momentarialy appears when you press anything
+slider_bg = 8FBCBB ; The background for the slider
+sidebar_indicator_and_hover_button_bg = 5E81AC ; For the slider & selected items when you hover over it
+scrollbar_fg_and_selected_row_bg = 81A1C1 ; Color for the current selected row
+pressing_button_fg = D8DEE9 ; The textcolor for a pressed button
+pressing_button_bg = 5E81AC ; BG color for the pressed button
+selected_button = 88C0D0 ; Button currenly being hovered
+miscellaneous_bg = D08770 ; The background color of toolips ("You're offline" etc)
+miscellaneous_hover_bg = BF616A ; Hover Color for the Tooltips
+preserve_1 = 4C566A ; Misc text colors
+
+[nord-light]
+;Nord Pallete
+; Snow Storm (bg) : #D8DEE9 #E5E9F0 #ECEFF4
+; Polar Night (text): #2E3440 #3B4252 #434C5E #4C566A
+; Frost (accent) : #8FBCBB #88C0D0 #81A1C1 #5E81AC
+; Aurora (speca) : #BF616A #D08770 #EBCB8B #A3BE8C #B48EAD
+
+main_fg = 5E81AC ; The main Accent, used for sidebar and some interface elements
+secondary_fg = 3B4252 ; Main text and some other small stuff
+main_bg = D8DEE9 ; The real star of the how, the main Backgroud of app (on the right side)
+sidebar_and_player_bg = E5E9F0 ; Background for the player
+cover_overlay_and_shadow = ECEFF4 ; Overlay for when you hover over the album covers
+indicator_fg_and_button_bg = 81A1C1 ; Button text color
+pressing_fg = 8FBCBB ; The color that momentarialy appears when you press anything
+slider_bg = ECEFF4 ; The background for the slider
+sidebar_indicator_and_hover_button_bg = 81A1C1 ; For the slider & selected items when you hover over it
+scrollbar_fg_and_selected_row_bg = 81A1C1 ; Color for the current selected row
+pressing_button_fg = 3B4252 ; The textcolor for a pressed button
+pressing_button_bg = 81A1C1 ; BG color for the pressed button
+selected_button = 5E81AC ; Button currenly being hovered
+miscellaneous_bg = D08770 ; The background color of toolips ("You're offline" etc)
+miscellaneous_hover_bg = BF616A ; Hover Color for the Tooltips
+preserve_1 = D8DEE9 ; Misc text colors
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/dark.png b/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/dark.png
new file mode 100644
index 0000000..7342d33
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/dark.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/dribbblish.js b/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/dribbblish.js
new file mode 100644
index 0000000..fd8c84f
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/dribbblish.js
@@ -0,0 +1,120 @@
+function waitForElement(els, func) {
+ const queries = els.map(el => document.querySelector(el));
+ if (queries.every(a => a)) {
+ func(queries);
+ } else {
+ setTimeout(waitForElement, 300, els, func);
+ }
+}
+
+// Remove Recently Played app
+if (Spicetify.Abba) {
+ if (!Spicetify.Abba.getOverrideFlags()["ab_no_recently_played_desktop"]) {
+ Spicetify.Abba.addOverrideFlag("ab_no_recently_played_desktop", "no-recently-played");
+ }
+} else {
+ console.info(`Please upgrade spicetify to v0.9.9 or above. Then run "spicetify restore backup apply"`)
+}
+
+// Add "Open User Profile" item in profile menu
+new Spicetify.Menu.Item(window.__spotify.username, false, () => window.open(window.__spotify.userUri)).register();
+
+waitForElement([".LeftSidebar", ".LeftSidebar__section--rootlist .SidebarList__list"], (queries) => {
+ /** Replace Playlist name with their pictures */
+ function loadPlaylistImage() {
+ const sidebarItem = queries[1].childNodes;
+
+ for (let i = 0; i < sidebarItem.length; i++) {
+ const item = sidebarItem[i];
+ const link = item.getElementsByTagName("a")[0];
+ const href = link.href.replace("app:", "");
+
+ if (href.indexOf("playlist-folder") != -1) {
+ const button = item.getElementsByTagName("button")[0]
+ button.classList.add("Button", "Button--style-icon-background", "Button--size-28",);
+ item.setAttribute("data-tooltip", item.innerText);
+ link.firstChild.innerText = item.innerText.slice(0, 3);
+ continue;
+ }
+
+ Spicetify.CosmosAPI.resolver.get({
+ url: `sp://core-playlist/v1/playlist/${href}/metadata`,
+ body: { policy: { picture: true } },
+ }, (err, res) => {
+ if (err) return;
+ const meta = res.getJSONBody().metadata;
+ item.firstChild.className = "playlist-picture"
+ item.firstChild.style.backgroundImage = `url(${meta.picture})`;
+ item.firstChild.setAttribute("data-tooltip", item.textContent);
+ });
+ }
+ }
+
+ loadPlaylistImage();
+
+ new MutationObserver(loadPlaylistImage)
+ .observe(queries[1], {childList: true});
+
+ /** Replace Apps name with icons */
+
+ /** List of avaiable icons to use:
+ addfollow filter more skipforward15
+ addfollowers flag newradio sort
+ addsuggestedsong follow notifications sortdown
+ album fullscreen offline sortup
+ artist gears pause spotifylogo
+ attach headphones play star
+ block heart playlist stations
+ bluetooth helpcircle plus subtitles
+ browse home podcasts tag
+ camera inbox queue time
+ check instagram radio track
+ collection lightning refresh trending
+ copy localfile released user
+ devices locked repeat video
+ discover lyrics repeatonce volume
+ download menu search watch
+ downloaded messages share x
+ edit mic shuffle helpcircle
+ email minimise skip
+ events mix skipback15
+ */
+
+ queries[0].querySelectorAll(".LeftSidebar__section:not(.LeftSidebar__section--rootlist) [href]")
+ .forEach(item => {
+ let icon = ((app) => {switch (app) {
+ case "genius": return "lyrics";
+ case "JQBX": return "addsuggestedsong";
+ case "bookmark": return "tag";
+ case "reddit": return "discover";
+ case "made-for-you": return "user";
+ case "recently-played": return "time";
+ case "collection-songs": return "collection";
+ case "collection:albums": return "album";
+ case "collection:artists": return "artist";
+ case "collection:podcasts": return "podcasts";
+ case "playlist:local-files": return "localfile";
+ case "stations": return "stations";
+ }})(item.href.replace("spotify:app:", ""));
+
+ item.firstChild.classList.add(`spoticon-${icon}-24`);
+ item.firstChild.setAttribute("data-tooltip", item.firstChild.innerText);
+ item.firstChild.innerText = "";
+ });
+});
+
+waitForElement(["#search-input"], (queries) => {
+ queries[0].setAttribute("placeholder", "");
+});
+
+waitForElement(["#main-container"], (queries) => {
+ const shadow = document.createElement("div");
+ shadow.id = "dribbblish-back-shadow";
+ queries[0].prepend(shadow);
+});
+
+waitForElement([".LeftSidebar"], (queries) => {
+ const fade = document.createElement("div");
+ fade.id = "dribbblish-sidebar-fade-in";
+ queries[0].append(fade);
+});
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/nord-dark.png b/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/nord-dark.png
new file mode 100644
index 0000000..1dbd591
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/nord-dark.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/nord-light.png b/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/nord-light.png
new file mode 100644
index 0000000..ce94b2b
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/nord-light.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/user.css b/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/user.css
new file mode 100644
index 0000000..e666166
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/user.css
@@ -0,0 +1,1359 @@
+:root {
+ --bar-height: 70px;
+ --bar-cover-art-size: 40px;
+ --cover-border-radius: 8px;
+ --section-border-radius: 8px;
+ --sidebar-width: 85px;
+ --main-corner-radius: 15px;
+ --main-gap: 10px;
+}
+
+@font-face {
+ font-family: "Google Sans Display";
+ src: url("https://local_resource_host/fonts/GoogleSansDisplayRegular.woff2") format("woff2");
+ font-style: normal;
+ font-weight: 400;
+}
+
+@font-face {
+ font-family: "Google Sans Display";
+ src: url("https://local_resource_host/fonts/GoogleSansDisplayMedium.woff2") format("woff2");
+ font-style: normal;
+ font-weight: 500;
+}
+
+@font-face {
+ font-family: "Roboto";
+ src: url("https://local_resource_host/fonts/Roboto.woff2") format("woff2");
+ font-style: normal;
+ font-weight: 400;
+}
+
+@font-face {
+ font-family: "Roboto";
+ src: url("https://local_resource_host/fonts/RobotoMedium.woff2") format("woff2");
+ font-style: normal;
+ font-weight: 500;
+}
+
+body {
+ --glue-font-family: "Google Sans Display", "spotify-circular", "spotify-circular-cyrillic", "spotify-circular-arabic", "spotify-circular-hebrew", "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic Pro", "Meiryo", "MS Gothic", sans-serif;
+ --info-font-family: "Roboto", "spotify-circular", "spotify-circular-cyrillic", "spotify-circular-arabic", "spotify-circular-hebrew", "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic Pro", "Meiryo", "MS Gothic", sans-serif;
+ letter-spacing: 0;
+}
+
+/*Round corner cover image*/
+
+.card-image, .card-placeholder-wrapper, .card-image-content-wrapper, .card-image-wrapper, .Card .Card__image, .Card .Card__image-wrapper {
+ border-radius: var(--cover-border-radius) !important;
+ overflow: hidden !important;
+}
+
+/*Hide some annoying elements like profile name and pic, upgrade button and device connect bar at bottom */
+
+.profile.content-top-bar__profile-link, .upgrade-button, .view-player .remote-playback-bar {
+ display: none !important;
+}
+
+/*Thinner scrollbar*/
+
+::-webkit-scrollbar {
+ height: 6px !important;
+ width: 6px !important;
+ background-color: transparent;
+}
+
+::-webkit-scrollbar-track {
+ background-color: transparent !important;
+}
+
+/*Round corner scrollbar*/
+
+::-webkit-scrollbar-thumb {
+ border-radius: 3px !important;
+}
+
+/*Hide top and bottom buttons of scrollbar. Who uses those, lol*/
+
+::-webkit-scrollbar-button {
+ display: none !important;
+}
+
+/*Hide cover image overlay*/
+
+.card-overlay, .Card__overlay {
+ visibility: visible;
+ opacity: 0;
+ background: linear-gradient(transparent, rgba(var(--modspotify_rgb_cover_overlay_and_shadow), 0.5));
+ border-radius: var(--cover-border-radius) !important;
+ transition: opacity cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;
+}
+
+.card .card-button-add, .card .card-button-play, .card .card-button-more {
+ visibility: visible;
+ opacity: 0;
+ transition: opacity cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;
+}
+
+.card.playing .card-button-play, .playing .card .card-button-play {
+ opacity: 1 !important;
+}
+
+.Card__image-hit-area:hover .Card__add-button,
+.Card__image-hit-area:hover .Card__more-button,
+.Card__image-hit-area:hover .Card__overlay,
+.Card__image-hit-area:hover .Card__play-button {
+ opacity: 1;
+}
+
+.card-image-hit-area:hover .card-overlay,
+.card-image-hit-area:hover .card-button-add,
+.card-image-hit-area:hover .card-button-play,
+.card-image-hit-area:hover .card-button-more {
+ opacity: 1;
+}
+
+.glue-page-header__content .glue-page-header__image-inner {
+ border-radius: var(--cover-border-radius);
+ box-shadow: unset !important;
+}
+
+.glue-page-header__full-description-overlay {
+ box-shadow: unset !important;
+}
+
+.card-placeholder-wrapper {
+ background: transparent !important;
+}
+
+/*Spice up search input background*/
+
+.SearchInput {
+ color: var(--modspotify_main_fg);
+}
+
+.SearchInput__input {
+ color: var(--modspotify_secondary_fg);
+ background-color: transparent;
+ padding-left: 34px;
+ border-radius: 0;
+ border-bottom: 0;
+}
+
+/* Remove gradient background */
+
+.glue-page-header__background-color {
+ background-image: none !important;
+ background: var(--modspotify_main_bg);
+}
+
+.Carousel__grid-wrapper::after {
+ border: 2px solid var(--modspotify_scrollbar_fg_and_selected_row_bg);
+ border-radius: var(--section-border-radius);
+}
+
+.GlueSectionDivider, .section-divider {
+ padding: 48px 0 14px;
+}
+
+.section-divider>* {
+ color: var(--modspotify_secondary_fg);
+}
+
+.card-info-subtitle-metadata, .card-info-subtitle-description, .Card__info-subtitle-description, .Card__info-subtitle-metadata {
+ letter-spacing: 0;
+ font-size: 12px;
+}
+
+.GlueSectionDivider__description {
+ display: none;
+}
+
+.card-info-title a, .card-horizontal .card-info-title span, .Card__info-title a {
+ letter-spacing: 0;
+ font-weight: 500;
+ font-size: 15px;
+ color: var(--modspotify_secondary_fg);
+}
+
+.tracklist-station-container::after {
+ background: transparent !important;
+}
+
+.GlueHeader__background-overlay {
+ background: var(--modspotify_main_bg) !important;
+}
+
+/* Move navigation buttons and search field to the right and down */
+
+.browser-navigation-top-bar {
+ margin-top: 15px !important;
+ margin-left: 8px;
+}
+
+.SearchInput__input, .SearchInput__searchIcon, .SearchInput__clearButton {
+ margin-top: 15px !important;
+}
+
+.content-top-bar__profile-menu-button {
+ margin-top: 15px !important;
+}
+
+.body-container--windows:not(.with-buddy-list):not(.messagebar) .content-top-bar__profile {
+ margin-right: 110px !important;
+ margin-top: -5px;
+}
+
+/* Spice up Fullscreen mode */
+
+#view-player .album-art .album-art__image {
+ border-radius: 30px !important;
+ box-shadow: 0 10px 70px rgba(var(--modspotify_rgb_cover_overlay_and_shadow), .5) !important;
+}
+
+#view-player .album-art .album-art__image .card-image-content-wrapper, #view-player .album-art .album-art__image .card-image-content-wrapper .card-image {
+ border-radius: 30px !important;
+}
+
+#video-player .album-art__foreground {
+ flex-direction: row;
+ text-align: left;
+}
+
+#video-player .album-art__background {
+ background-color: initial;
+}
+
+#video-player .album-art__track-details {
+ padding-left: 50px;
+ line-height: initial;
+ max-width: 50%;
+}
+
+#video-player .album-art__track-title {
+ font-size: 84px;
+ margin-top: 0;
+ line-height: initial;
+ transition: color cubic-bezier(0.075, 0.82, 0.165, 1) 1s;
+}
+
+#video-player .album-art__artist-name {
+ font-size: 54px;
+ margin-top: 0;
+ line-height: initial;
+ transition: color cubic-bezier(0.075, 0.82, 0.165, 1) 1s;
+}
+
+/* Remove section divider */
+
+.section-divider {
+ border-bottom: 0 !important;
+}
+
+/* Adjust Position of border active tab in Nav bar at top */
+
+.nav.navbar-nav li {
+ margin: 0;
+}
+
+.nav.navbar-nav a {
+ overflow: visible !important;
+ padding: 0;
+ margin-right: 64px;
+ color: var(--modspotify_secondary_fg);
+ text-transform: uppercase;
+ font-weight: 500;
+ font-size: 16px;
+ letter-spacing: 0;
+}
+
+.nav > li.active > a {
+ color: var(--modspotify_secondary_fg);
+}
+
+.nav.navbar-nav a::after {
+ bottom: 0px;
+ width: 12px;
+ height: 4px;
+ border-radius: 4px;
+ z-index: -1;
+ background-color: transparent;
+ transition: 0.2s ease-in;
+ transition-property: width, background-color;
+}
+
+.nav.navbar-nav li.active a::after {
+ background-color: var(--modspotify_main_fg);
+}
+
+.nav.navbar-nav a:focus:not(.button):active::after {
+ background-color: var(--modspotify_main_fg);
+ width: 100%;
+}
+
+/* Notification bar */
+
+#content-wrapper #view-message-bar {
+ position: absolute !important;
+ width: calc(100% - 160px) !important;
+ margin-left: 80px !important;
+ border-radius: 0 0 10px 10px !important;
+}
+
+.alert, .alert a, .alert .close {
+ color: var(--modspotify_secondary_fg) !important;
+}
+
+/* Small cover Big cover mechanism */
+
+.now-playing.cover-size-transition.active.image-expanded #now-playing-image-small {
+ display: none;
+}
+
+.now-playing.cover-size-transition.active.image-expanded .cover-image-link-wrapper {
+ flex: 0 1 10px;
+}
+
+#view-now-playing a.image {
+ overflow: visible !important;
+}
+
+/* Profile arrow in top left */
+
+.content-top-bar__profile-menu-button .dropdown {
+ position: fixed !important;
+ top: 10px !important;
+ -webkit-app-region: no-drag !important;
+}
+
+/* [WINDOWS] Change Profile menu horizontal position */
+
+body.body-container--windows .content-top-bar__profile-menu-button .dropdown {
+ right: 190px !important;
+}
+
+body:not(.body-container--windows) .content-top-bar__profile-menu-button .dropdown {
+ right: 20px !important;
+}
+
+/* Small tooltip */
+
+#tooltip, .Tooltip {
+ box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
+ border-radius: 4px !important;
+ background-color: var(--modspotify_secondary_fg);
+ color: var(--modspotify_main_bg);
+ padding: 10px 10px;
+}
+
+.tooltip-arrow-top, .tooltip-arrow-bottom, .Tooltip__arrow {
+ display: none !important;
+}
+
+/* Home page */
+
+.tracklist-podcast .tl-progress .row-progress__bar {
+ background-color: var(--modspotify_main_fg);
+}
+
+.Header__background-color {
+ background-color: unset !important;
+ background-image: unset;
+}
+
+.Header__background-overlay {
+ background: unset;
+}
+
+/* Button */
+
+.Button, .button {
+ font-weight: 500;
+ text-transform: capitalize;
+ font-size: 14px;
+ letter-spacing: 0;
+}
+
+.Button.Button--style-green, .Button.Button--style-stroke, .Button.Button--style-icon-stroke, .Button.Button--style-icon-background, .button.button-green, .button.button-white, .button.button-with-stroke, .button.button-icon-with-stroke {
+ border-radius: 20px;
+ border: 0;
+ background-color: var(--modspotify_indicator_fg_and_button_bg);
+ color: var(--modspotify_secondary_fg) !important;
+ box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.16) !important;
+}
+
+.Button.Button--style-icon-stroke, .Button.Button--style-icon-background {
+ border-radius: 50%;
+}
+
+.Button--style-green:hover, .Button--style-stroke:hover, .Button--style-icon-stroke:hover, .Button--style-icon-background:hover, .button.button-green:hover, .button.button-white:hover, .button.button-with-stroke:hover, .Button--style-icon-background:hover, .button.button-icon-with-stroke:hover {
+ transform: none !important;
+ background-color: var(--modspotify_indicator_fg_and_button_bg) !important;
+ box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.26) !important;
+}
+
+.Button.Button--style-stroke::after, .Button.Button--style-icon-stroke::after, .Button.Button--style-icon-background::after, .button.button-with-stroke::after, .button.button-icon-with-stroke::after {
+ box-shadow: none !important;
+}
+
+.glue-page-header__title-text, .Header__title-text {
+ color: var(--modspotify_secondary_fg) !important;
+}
+
+.glue-page-header .glue-page-header__content-inner .glue-page-header__button {
+ margin-top: 40px;
+}
+
+.glue-page-header__content-inner, .glue-page-header__data, .glue-page-header__title, .Header__content-inner, .Header__data, .Header__title, .Header__title-text, .Header__title-text-inner {
+ overflow: visible !important;
+}
+
+/* Context menus */
+
+.context-menu, .Menu, .dropdown-menu, .dropdown-interior-menu {
+ box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.1);
+ border-radius: 8px !important;
+ padding: 0;
+ border: 0;
+ background-color: rgba(var(--modspotify_rgb_sidebar_and_player_bg), 0.85);
+ backdrop-filter: blur(25px);
+}
+
+.context-menu .item, .Menu .MenuItem {
+ padding: 0 30px;
+ font-size: 14px !important;
+ line-height: 40px !important;
+ font-family: var(--info-font-family);
+}
+
+.context-menu .item.parent:after {
+ top: 0;
+}
+
+.context-menu .item.with-icon-svg:before {
+ top: 0;
+ height: 40px;
+ background-position: center;
+}
+
+.context-menu .sep {
+ margin: 0 0;
+ height: 0;
+}
+
+.context-menu .item.hover:not(.disabled), .Menu .MenuItem.selected, .dropdown-interior-menu>li.selected, .dropdown-interior-menu>li>a:focus, .dropdown-menu>li.selected, .dropdown-menu>li>a:focus, .dropdown-submenu:focus>a, .dropdown-menu>.active>a, .dropdown-menu>.active.selected, .dropdown-menu>.active>a:focus, .dropdown-interior-menu>.active>a, .dropdown-interior-menu>.active.selected, .dropdown-interior-menu>.active>a:focus {
+ background-color: rgba(var(--modspotify_rgb_sidebar_indicator_and_hover_button_bg), 0.2);
+}
+
+.context-menu .item:first-child,
+.Menu .MenuItem:first-child {
+ border-radius: 8px 8px 0 0;
+}
+
+.context-menu .item:last-child,
+.Menu .MenuItem:last-child {
+ border-radius: 0 0 8px 8px;
+}
+
+.Menu__title {
+ letter-spacing: 0;
+ font-weight: 500;
+ text-align: left;
+}
+
+.navbar-overflow .selected a {
+ background-color: transparent;
+}
+
+.PopoverMenu__arrow {
+ display: none;
+}
+
+#menu-wrapper ::-webkit-scrollbar {
+ display: none;
+}
+
+.glue-page-header__label span, .Header__label span {
+ color: var(--modspotify_secondary_fg);
+ padding: 5px 0;
+}
+
+.glue-page-header__label .header-verified-check {
+ background-color: transparent;
+}
+
+body.remotebar .view-player .player-bar-wrapper {
+ height: 100%;
+}
+
+.Header__image-inner {
+ box-shadow: unset;
+}
+
+/* Change info font */
+
+.Card__info-wrapper, .card-info-wrapper {
+ font-family: var(--info-font-family);
+ margin-top: 20px;
+}
+
+/* Section title font color */
+
+.GlueSectionDivider__title, .section-divider-title {
+ color: var(--modspotify_secondary_fg);
+ font-family: var(--glue-font-family);
+ font-weight: 500;
+}
+
+.section-divider-description {
+ padding-top: 6px;
+}
+
+/* Sidebar */
+.LeftSidebar {
+ width: var(--sidebar-width);
+}
+
+.LeftSidebar .SidebarListItem {
+ font-weight: 400;
+}
+
+.LeftSidebar .SidebarListItem.SidebarListItem--is-active,
+.RootlistItem--is-active {
+ font-weight: 500;
+}
+
+.LeftSidebar .SidebarListItem, .RootlistItem {
+ padding-top: 12px;
+ padding-bottom: 12px;
+}
+
+.scrollbar-style-visible-linux .RootlistItem, .scrollbar-style-visible-mac .RootlistItem, .scrollbar-style-visible-windows .RootlistItem {
+ padding-right: var(--left-sidebar-padding-right);
+ padding-left: var(--left-sidebar-padding-left);
+}
+
+.SidebarListItem--is-active:after, .RootlistItem--is-active:before {
+ background-color: var(--modspotify_pressing_button_fg);
+ opacity: 0.2;
+ bottom: unset;
+ height: 50px;
+ width: 50px;
+ border-radius: 10px;
+ left: 17px;
+ z-index: -1;
+}
+
+.LeftSidebar__section .SidebarListItem--is-active:after {
+ top: 6px;
+}
+
+.LeftSidebar__scroll-section .SidebarListItem--is-active:after {
+ top: 3px;
+}
+
+.body-container--mac .sidebar-top-items__drag-area,
+.body-container--windows .sidebar-top-items__drag-area {
+ height: 0;
+}
+
+.body-container--windows .LeftSidebar {
+ margin-top: 30px;
+}
+
+.RootlistItem--is-active:before {
+ top: 3px;
+}
+
+.SidebarListItem__inner {
+ align-items: center;
+}
+
+.SidebarList__title {
+ display: none;
+}
+
+.SidebarListItem__play-button,
+.RootlistItemPlaylist__play-button {
+ z-index: 3;
+ position: absolute;
+ margin-left: 15px;
+ margin-top: 15px;
+}
+
+.SidebarListItem__play-button .Button {
+ width: 32px;
+ height: 32px;
+}
+/* Mood card */
+
+.gc-image-container, .gc-image {
+ border-radius: var(--cover-border-radius) !important;
+}
+
+.gc-label-text-wrapper {
+ overflow: unset;
+}
+
+.gc-label-text {
+ font-size: 14px;
+ font-family: var(--info-font-family);
+ font-weight: 400;
+ color: var(--modspotify_main_bg);
+ border-radius: 4px;
+ background-color: var(--modspotify_secondary_fg);
+ padding: 4px 8px;
+}
+
+.genre-card:hover .gc-label-text {
+ border: 0;
+}
+
+/* Playlist item */
+
+.tl-cell, .TableCell {
+ font-family: var(--info-font-family);
+ font-weight: 400;
+ height: 50px;
+}
+
+.tl-cell:not(.tl-number), .tl-cell a:link, .tl-highlight, .TableCell:not(.tl-number), .TableCell a:link {
+ color: var(--modspotify_secondary_fg);
+}
+
+.tl-row.selected .tl-cell, .tl-row.selected:hover .tl-cell, .TableRow.TableRow--is-selected .TableCell {
+ background-color: rgba(var(--modspotify_rgb_sidebar_indicator_and_hover_button_bg), 0.2) !important;
+}
+
+.tl-row .tl-cell:first-child, .TableRow .TableCell:first-child {
+ border-radius: 4px 0 0 4px;
+}
+
+.tl-row .tl-cell:last-child, .TableRow .TableCell:last-child {
+ border-radius: 0 4px 4px 0;
+}
+
+@media screen and (max-width: 950px) {
+ .tl-cell.tl-more {
+ border-radius: 0 4px 4px 0;
+ }
+}
+
+.tl-explicit .label, .tl-premium .label {
+ color: var(--modspotify_slider_bg);
+ border: 1px solid var(--modspotify_slider_bg);
+}
+
+.tl-row.current .tl-cell:not(.tl-number), .tl-row.current .tl-cell a:link, .tl-row.current .tl-highlight, .TableCellSong--track-is-playing .TableCellSong__featuredArtist, .TableCellSong--track-is-playing .TableCellSong__text-truncator, .TableCellSong--track-is-playing .TableCellSong__track-name {
+ color: var(--modspotify_main_fg);
+}
+
+.TableCell {
+ border-top: 0;
+}
+
+.tl-attention-highlight {
+ height: 50px;
+}
+
+/* Sort element: color, remove label */
+
+.section-divider .GlueDropdown, select {
+ color: var(--modspotify_secondary_fg);
+ font-weight: 400;
+ border-radius: 4px;
+ padding: 0 5px;
+ margin-left: 0;
+}
+
+[data-ta-id="sorting-wrapper"] {
+ float: right !important;
+}
+
+[data-ta-id="sorting-wrapper"] label {
+ display: none;
+}
+
+/* Search bar in app */
+
+.h-search {
+ border-bottom: 1px solid var(--modspotify_main_fg);
+ border-radius: 0;
+}
+
+.focus .h-search, .h-search:focus {
+ background: none;
+}
+
+/* Card buttons */
+
+.Card__play-button, .card .card-button-play {
+ left: unset !important;
+ top: unset !important;
+ right: 10px;
+ bottom: 10px;
+ width: 45px;
+ height: 45px;
+ border-radius: 50%;
+}
+
+.card .card-button-play.button-play::before, .card .button-play.playing::before {
+ line-height: 45px !important;
+ font-size: 20px !important;
+ padding-left: 13px !important;
+}
+
+.card-button-more {
+ left: unset !important;
+ top: 10px !important;
+ right: 0;
+ transform: none !important;
+ margin: 0;
+}
+
+.card-button-more::before {
+ padding-left: 0;
+ text-align: center;
+ transform: rotate(90deg);
+}
+
+.card-button-add {
+ left: unset !important;
+ top: unset !important;
+ bottom: 15px;
+ right: 60px;
+ transform: none !important;
+ margin: 0;
+}
+
+.card-button-add::before {
+ padding-left: 0;
+ text-align: left;
+}
+
+.Card__play-button {
+ left: unset !important;
+ top: unset !important;
+ right: 10px;
+ bottom: 10px;
+ transform: none !important;
+}
+
+.Card__play-button .Button.Button--style-icon-background, .Card__play-button .Button.Button--style-icon-stroke {
+ width: 45px !important;
+ height: 45px !important;
+}
+
+.Card__play-button .Button.Button--style-icon-stroke:before, .Card__play-button .Button.Button--style-icon-background:before {
+ line-height: 45px !important;
+ font-size: 20px !important;
+}
+
+.Card__add-button {
+ left: unset !important;
+ top: unset !important;
+ bottom: 10px;
+ right: 60px;
+ transform: none !important;
+}
+
+.Card__more-button {
+ left: unset !important;
+ top: 0 !important;
+ right: 0;
+ transform: rotate(90deg);
+}
+
+/* Concert page */
+
+.concert-title span {
+ color: var(--modspotify_secondary_fg) !important;
+}
+
+.location__container .location__name {
+ letter-spacing: 0;
+ font-weight: 500;
+ color: var(--modspotify_secondary_fg);
+}
+
+#concerts h1 {
+ font-weight: 500;
+ color: var(--modspotify_secondary_fg);
+}
+
+/* Bio page */
+
+.biography__container {
+ margin-top: 30px;
+ padding: 16px;
+ border-radius: var(--section-border-radius);
+ border: 2px solid var(--modspotify_scrollbar_fg_and_selected_row_bg);
+}
+
+.biography__container .section-divider {
+ padding: 0;
+}
+
+.rankings__container {
+ margin-top: 30px;
+ padding: 16px;
+ border-radius: var(--section-border-radius);
+ border: 2px solid var(--modspotify_scrollbar_fg_and_selected_row_bg);
+}
+
+.rankings__container h4 {
+ margin: 0;
+ padding: 0;
+ letter-spacing: 0 !important;
+ color: var(--modspotify_secondary_fg) !important;
+ font-family: var(--glue-font-family) !important;
+ font-weight: 500 !important;
+}
+
+.rankings__topcities.title {
+ padding: 32px 0 16px;
+}
+
+.section-divider.section-divider-borderless {
+ margin-bottom: 16px;
+}
+
+.section-divider.section-divider-borderless h2 {
+ color: var(--modspotify_secondary_fg) !important;
+ font-family: var(--glue-font-family);
+ font-weight: 500;
+ letter-spacing: 0;
+}
+
+.biography__container .biography__image-carousel {
+ border-radius: var(--cover-border-radius);
+ overflow: hidden;
+ margin-bottom: 32px;
+}
+
+.biography__container .bio-show {
+ margin-left: 0;
+}
+
+.biography__container .listening {
+ margin-bottom: 0;
+}
+
+.rankings__info {
+ padding-top: 0;
+ margin-bottom: 32px;
+}
+
+/* Toggle button */
+
+.slider {
+ background: var(--modspotify_secondary_fg);
+ border: 0;
+ height: 18px;
+ border-radius: 9px;
+}
+
+.slider.enabled {
+ background: var(--modspotify_sidebar_indicator_and_hover_button_bg);
+}
+
+.slider.enabled div {
+ background: var(--modspotify_main_fg);
+}
+
+.slider div {
+ transition: all 0.3s ease;
+ background: var(--modspotify_secondary_fg);
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
+ border-radius: 11px;
+}
+
+/* Friend list */
+
+.buddy-list-title h3 {
+ font-weight: 500;
+ color: var(--modspotify_secondary_fg);
+}
+
+.buddy-list-title {
+ padding-top: 16px;
+}
+
+.friend .user .name {
+ font-weight: 500;
+ font-family: var(--info-font-family);
+ color: var(--modspotify_secondary_fg);
+}
+
+.friend .context a, .friend .song-artist a, .friend .song-title a {
+ font-weight: 400;
+ font-family: var(--info-font-family);
+ color: var(--modspotify_secondary_fg);
+}
+
+.buddy-card .card .button {
+ right: 0;
+ bottom: 0;
+}
+
+.buddy-card .card .button:before {
+ font-size: 16px !important;
+ line-height: 40px !important;
+}
+
+/*Force player bar to has fixed height*/
+
+.view-player {
+ height: var(--bar-height) !important;
+ border-top: 0;
+ padding: 0 15px;
+ width: calc(100% - var(--sidebar-width) - var(--main-gap));
+ position: absolute;
+ bottom: var(--main-gap);
+ left: var(--sidebar-width);
+ border-radius: 0 0 var(--main-corner-radius) var(--main-corner-radius);
+ z-index: 2;
+ /* Glowing effect */
+ background: radial-gradient(ellipse at right 50% bottom -80px, rgba(var(--modspotify_rgb_main_bg), 0.85), var(--modspotify_main_bg) 70%);
+}
+
+body.video-full-screen .view-player {
+ left: 0;
+ width: 100%;
+}
+
+/* Player Progress bar */
+
+.view-player .now-playing {
+ overflow: unset;
+}
+
+.view-player .now-playing-container .button-add {
+ color: var(--modspotify_main_fg) !important;
+}
+
+.progress-container .progress-bar, .progress-container .inner {
+ top: 0 !important;
+ margin-top: 0 !important;
+ height: 2px;
+}
+
+.progress-container .progress-bar-wrapper {
+ top: 4px !important;
+ height: 6px;
+}
+
+.progress-container .progress-bar-wrapper:hover .inner, .progress-container .progress-bar-wrapper:hover .progress-bar, .progress-container .progress-bar-wrapper.active .inner, .progress-container .progress-bar-wrapper.active .progress-bar {
+ height: 6px;
+}
+
+.view-player .player-controls-container .progress-container {
+ position: fixed;
+ width: calc(100% - var(--sidebar-width) - var(--main-gap));
+ bottom: calc(var(--bar-height) + var(--main-gap));
+ margin: 0;
+ left: var(--sidebar-width);
+}
+
+body.video-full-screen .view-player .player-controls-container .progress-container {
+ width: 100%;
+ left: 0;
+}
+
+.progress-container .inner {
+ background-color: var(--modspotify_main_fg) !important;
+}
+
+#player-text-elapsed, #player-text-remaining {
+ display: none;
+}
+
+/* Player Control buttons */
+
+.view-player .player-controls-container {
+ text-align: left;
+ flex: 0 1 18%;
+ order: 0;
+}
+
+.view-player .player-bar-spacer {
+ display: none;
+}
+
+.view-player .now-playing-container {
+ flex: 0 1 64%;
+ order: 2;
+}
+
+.view-player .now-playing-container .caption {
+ align-items: center;
+ justify-content: center;
+ font-family: var(--info-font-family);
+}
+
+.view-player .track {
+ letter-spacing: 0;
+}
+
+.view-player .track a {
+ color: var(--modspotify_secondary_fg);
+ font-weight: 500;
+}
+
+.view-player .text-container .text-item-container-track {
+ height: 20px;
+}
+
+.view-player .now-playing-container .caption .text-container, .view-player .now-playing .cover-image-link-wrapper {
+ flex: unset;
+}
+
+.view-player .extra-controls-container {
+ order: 3;
+ padding-right: 0;
+}
+
+.view-player .player-controls-container .controls {
+ margin-top: 4px;
+ display: flex;
+}
+
+button#player-button-previous {
+ order: 1;
+}
+
+button#player-button-play {
+ order: 2;
+}
+
+.skip-button-container {
+ order: 3;
+}
+
+button#player-button-shuffle, #player-button-thumbs-down, .view-player button[data-interaction-intent="skip-back"] {
+ order: 4;
+}
+
+button#player-button-repeat, #player-button-thumbs-up, .view-player button[data-interaction-target="skip-forward-button"] {
+ order: 5;
+}
+
+.view-player .player-controls-container .controls .button-repeat.active, .view-player .player-controls-container .controls .button-shuffle.active, .view-player .player-controls-container .controls .button-thumbs-down.active, .view-player .player-controls-container .controls .button-thumbs-up.active {
+ color: var(--modspotify_main_fg);
+}
+
+.view-player .player-controls-container .controls .button-play, .view-player .player-controls-container .controls .button-play:after {
+ box-shadow: unset !important;
+ border-radius: 0 !important;
+ width: 35px;
+ height: 35px;
+}
+
+.view-player .player-controls-container .controls .button-play:before {
+ font-size: 35px !important;
+ border-radius: 0 !important;
+ padding-left: 0 !important;
+}
+
+/* Player cover art */
+
+.view-player .now-playing-container .caption .cover-image-link {
+ flex-basis: var(--bar-cover-art-size);
+ width: var(--bar-cover-art-size);
+ height: var(--bar-cover-art-size);
+}
+
+.view-player .now-playing .cover-image-link figure {
+ width: var(--bar-cover-art-size);
+ height: var(--bar-cover-art-size);
+ border-radius: 3px;
+ overflow: hidden;
+}
+
+.view-player .now-playing .cover-image-link-wrapper {
+ width: var(--bar-cover-art-size);
+ height: var(--bar-cover-art-size);
+}
+
+/* Input form */
+
+.form-control, .form-control:focus {
+ color: var(--modspotify_secondary_fg);
+ background-color: var(--modspotify_indicator_fg_and_button_bg);
+ font-family: var(--info-font-family);
+}
+
+#view-modal .playlist-annotate .description-field-wrapper {
+ color: var(--modspotify_secondary_fg);
+}
+
+/* Connect Device Popup */
+
+/* Cannot edit svg colors, hide it away */
+
+.ConnectPopup__devices-image {
+ display: none;
+}
+
+.ConnectPopup {
+ box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
+ border-radius: 3px !important;
+}
+
+.button.button-blue {
+ color: var(--modspotify_secondary_fg);
+}
+
+/* Volume bar */
+
+.view-player .extra-controls-container .volumebar-container .progress-bar-wrapper.active .inner, .view-player .extra-controls-container .volumebar-container:hover .inner {
+ background-color: var(--modspotify_sidebar_indicator_and_hover_button_bg);
+}
+
+/* Search page */
+
+.SearchHeader__sticky-wrapper {
+ background-image: unset;
+ background-color: unset;
+ border-bottom: 0;
+}
+
+.SearchInput__searchIcon {
+ color: var(--modspotify_main_fg);
+}
+
+/* Notification */
+.notification-bubble-container > div {
+ background: var(--modspotify_main_fg);
+ color: var(--modspotify_secondary_fg);
+}
+
+.view-player .text-container .text-item-container .text-item .scroll-text-container:after {
+ background: unset;
+}
+
+.view-player .player-bar-wrapper {
+ padding-top: 2px;
+}
+
+.view-player .player-controls-container .button-repeat.active:after,
+.view-player .player-controls-container .button-shuffle.active:after {
+ display: none;
+}
+
+.view-player .extra-controls-container .volumebar-container .progress-bar .inner {
+ background-color: var(--modspotify_main_fg);
+}
+
+#now-playing-image-large {
+ z-index: 9999;
+}
+
+#view-now-playing {
+ /* position: absolute; */
+ max-width: 300px;
+ max-height: 300px;
+ width: unset;
+ height: unset;
+ position: absolute;
+}
+
+.now-playing-large {
+ border-top: 0;
+}
+
+#view-now-playing.expanded,
+#view-now-playing.expanded .large.image {
+ width: 300px;
+ height: 300px;
+}
+
+#view-now-playing.expanded {
+ bottom: calc(var(--bar-height) + var(--main-gap));
+ left: var(--sidebar-width);
+}
+
+#view-now-playing a.image.large figure,
+#view-now-playing a.image.large figure .cover-image {
+ height: 100% !important;
+}
+
+.playlist-picture {
+ width: var(--left-sidebar-item-height);
+ height: var(--left-sidebar-item-height);
+ background-size: cover;
+ border-radius: 50%;
+ margin: 0 auto;
+}
+
+.playlist-picture span {
+ display: none !important;
+}
+
+
+.SidebarListItemLink {
+ z-index: 2;
+ justify-content: center;
+}
+
+.RootlistItem__link .SidebarListItemLink {
+ margin-left: 0;
+}
+
+.RootlistItemFolder__arrow:hover {
+ color: var(--modspotify_main_bg);
+}
+
+.SidebarListItemLink:link,
+.SidebarListItemLink:visited,
+.RootlistItem__link {
+ padding-left: 0;
+ color: var(--modspotify_main_bg);
+}
+
+.RootlistItemFolder__arrow {
+ color: var(--modspotify_main_bg);
+ padding: 0;
+ position: absolute;
+ z-index: 3;
+ margin-left: 15px;
+ margin-top: 15px;
+ width: 28px;
+ height: 28px;
+}
+
+.LeftSidebar__section {
+ margin: 0;
+}
+
+.LeftSidebar__section.LeftSidebar__section--rootlist {
+ padding: 18px 0;
+}
+
+#new-playlist-button-mount-point {
+ display: none;
+}
+
+#menu-wrapper {
+ width: 100%;
+ min-width: 100%;
+}
+
+.lyrics-color-container {
+ background-color: transparent !important;
+}
+
+.lyrics-lines-container .no-lyrics-message {
+ color: var(--modspotify_secondary_fg);
+}
+
+.RootlistItemPlaylist__offline-indicator {
+ display: none;
+}
+
+.online-container {
+ color: var(--modspotify_secondary_fg);
+}
+
+.lyrics-lines-container .lyrics-list-animated .lyrics-line[data-animation-index="2"],
+.lyrics-lines-container .lyrics-list-animated .lyrics-line[data-animation-index="3"] {
+ color: var(--modspotify_secondary_fg);
+}
+
+.SidebarListItemLink:before {
+ color: var(--modspotify_preserve_1);
+ margin-right: 0;
+}
+
+.SidebarListItem__label:before {
+ color: var(--modspotify_preserve_1);
+}
+
+.sidebar .sidebar-navbar {
+ background-color: var(--modspotify_main_fg);
+ padding-bottom: 10px;
+ z-index: 0;
+}
+
+.LeftSidebar__scroll-section {
+ background-color: unset;
+}
+
+.main-view-wrapper {
+ position: absolute;
+ width: calc(100% - var(--sidebar-width) - var(--main-gap));
+ height: calc(100% - var(--bar-height) - var(--main-gap) * 2);
+ left: var(--sidebar-width);
+ top: var(--main-gap);
+ border-radius: var(--main-corner-radius) var(--main-corner-radius) 0 0;
+ overflow: hidden;
+}
+
+.SidebarListItemLink:focus,
+.SidebarListItemLink:hover,
+.SidebarListItemLink--is-highlighted:hover,
+.SidebarListItemLink--is-highlighted:link,
+.SidebarListItemLink--is-highlighted:visited {
+ color: unset;
+}
+
+/* Large artist image */
+
+.glue-page-header--with-responsive-height-large {
+ height: calc(100vh + 44px);
+ max-height: unset;
+}
+
+.glue-page-header--with-responsive-height-large .glue-page-header__content-wrapper {
+ justify-content: center;
+ padding-left: 70px;
+}
+
+.glue-page-header--with-responsive-height-large .glue-page-header__content .glue-page-header__count-label {
+ position: relative;
+ right: unset;
+ left: 0;
+ text-align: left;
+}
+
+.glue-page-header__content .glue-page-header__label {
+ padding-top: 0;
+}
+
+.glue-page-header__top-bar {
+ background: unset;
+}
+
+.container,
+.glue-page-wrapper {
+ padding-left: 60px;
+ padding-right: 60px;
+}
+
+button[data-button=add-recommendation] {
+ background-color: var(--modspotify_pressing_button_bg);
+ color: var(--modspotify_main_bg);
+}
+
+/* Custom Elements added by extensions */
+
+#dribbblish-back-shadow {
+ position: absolute;
+ width: calc(100% - var(--sidebar-width) - var(--main-gap));
+ height: calc(100% - var(--main-gap) * 2);
+ left: var(--sidebar-width);
+ top: var(--main-gap);
+ box-shadow: 0 0 10px 3px #0000003b;
+ border-radius: var(--main-corner-radius);
+ z-index: 1;
+}
+
+#dribbblish-sidebar-fade-in {
+ position: absolute;
+ bottom: 0;
+ width: var(--sidebar-width);
+ height: 10%;
+ background: linear-gradient(to top, var(--modspotify_main_fg) 10%, transparent);
+ z-index: 3;
+ pointer-events: none;
+}
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/white.png b/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/white.png
new file mode 100644
index 0000000..82f8810
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/white.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/windows-shortcut-instruction.png b/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/windows-shortcut-instruction.png
new file mode 100644
index 0000000..cb1d39d
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Dribbblish/windows-shortcut-instruction.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Elementary/README.md b/archive/dotfiles-29-6-2022/spicetify/Themes/Elementary/README.md
new file mode 100644
index 0000000..e89e0c4
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Elementary/README.md
@@ -0,0 +1,11 @@
+# Elementary
+
+## Screenshots
+
+
+
+## More
+
+(This theme was previously posted on a [spectrum chat](https://spectrum.chat/spicetify/themes?tab=posts))
+
+Credits to [@theredhood13](https://github.com/theredhood13)
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Elementary/color.ini b/archive/dotfiles-29-6-2022/spicetify/Themes/Elementary/color.ini
new file mode 100644
index 0000000..e39a5fb
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Elementary/color.ini
@@ -0,0 +1,18 @@
+[Base]
+; Blue Dark Theme
+main_fg = 0dc2ff
+secondary_fg = dedede
+main_bg = 363a3f
+sidebar_and_player_bg = 3d4248
+cover_overlay_and_shadow = 000000
+indicator_fg_and_button_bg = FAFAFA
+pressing_fg = FAFAFA
+slider_bg = 25272c
+sidebar_indicator_and_hover_button_bg = 0dc2ff
+scrollbar_fg_and_selected_row_bg = 25272c
+pressing_button_fg = b1b1b1
+pressing_button_bg = 383145
+selected_button = FAFAFA
+miscellaneous_bg = 3d4248
+miscellaneous_hover_bg = 363a3f
+preserve_1 = FFFFFF
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Elementary/user.css b/archive/dotfiles-29-6-2022/spicetify/Themes/Elementary/user.css
new file mode 100644
index 0000000..a2f53c2
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Elementary/user.css
@@ -0,0 +1,682 @@
+:root {
+ --bar-height: 90px;
+}
+
+h1,h2,h3,h4,h5,h6 {
+ font-family:Raleway;
+ text-transform:uppercase !important;
+ font-weight:lighter !important;
+}
+body {
+ font-family:Google Sans;
+ font-weight:bold;
+}
+
+/** {
+ font-family:Google Sans;
+}*/
+/*Round corner cover image*/
+.card-image,
+.card-placeholder-wrapper,
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ border-radius: 10px !important;
+ overflow: hidden !important
+}
+
+/*Hide some annoying elements like profile name and pic, upgrade button and device connect bar at bottom, new playlist button*/
+.profile.content-top-bar__profile-link,
+.upgrade-button,
+.view-player .remote-playback-bar,
+.NewPlaylistButton {
+ display: none !important;
+}
+
+
+/*Exclude these elements from draggable property because it stops them from clickable*/
+.profile-items-container,
+.profile {
+ -webkit-app-region: no-drag !important;
+}
+
+/*Thinner scrollbar*/
+::-webkit-scrollbar {
+ height: 6px !important;
+ width: 6px !important;
+ background-color: transparent;
+}
+
+/*Round corner scrollbar*/
+::-webkit-scrollbar-thumb {
+ border-radius: 3px !important;
+}
+
+/*Hide top and bottom buttons of scrollbar */
+/*who uses those, lol*/
+::-webkit-scrollbar-button {
+ display: none !important;
+}
+
+/*Hide cover image overlay*/
+.card-overlay {
+ visibility: hidden !important;
+}
+
+/*Lift up cover when hovering on it*/
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ transition-property: transform, box-shadow !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ box-shadow: 0 5px 20px rgba(0,0,0,0.1);
+}
+
+.card-image-hit-area:not(.no-hover):hover .card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-hit-area-counter-scale:hover .Card__image-wrapper {
+ transform: translateY(-10px);
+ box-shadow: 0 15px 30px rgba(0,0,0,0.3);
+}
+
+.card-image-hit-area .card-button-add,
+.card-image-hit-area .card-button-play,
+.card-image-hit-area .card-button-more,
+.Card__image-hit-area .card-button-add,
+.Card__image-hit-area .card-button-play,
+.Card__image-hit-area .card-button-more,
+.Card__image-hit-area .Card__play-button,
+.Card__image-hit-area .Card__add-button,
+.Card__image-hit-area .Card__more-button,
+.Card__image-hit-area .Card__overlay {
+ transition-property: all !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ opacity: 0 !important;
+}
+.card-image-hit-area:not(.no-hover):hover .card-button-add,
+.card-image-hit-area:not(.no-hover):hover .card-button-play,
+.card-image-hit-area:not(.no-hover):hover .card-button-more,
+.Card__image-hit-area:not(.no-hover):hover .card-button-add,
+.Card__image-hit-area:not(.no-hover):hover .card-button-play,
+.Card__image-hit-area:not(.no-hover):hover .card-button-more {
+ opacity: 1 !important;
+ transform: translateY(-10px);
+}
+
+.Card__image-hit-area:hover .Card__play-button,
+.Card__image-hit-area:hover .Card__add-button,
+.Card__image-hit-area:hover .Card__more-button,
+.Card__image-hit-area:hover .Card__overlay {
+ opacity: 1 !important;
+}
+
+.glue-page-header__content .glue-page-header__image-inner {
+ border-radius: 10px;
+ box-shadow: unset !important;
+}
+
+.glue-page-header__full-description-overlay {
+ box-shadow: unset !important;
+}
+
+.card-placeholder-wrapper {
+ background: transparent !important;
+}
+
+/*Spice up search input background*/
+.SearchInput {
+ color: var(--modspotify_main_fg);
+}
+.SearchInput__input {
+ color: var(--modspotify_secondary_fg);
+ background-color: rgba(var(--modspotify_rgb_scrollbar_fg_and_selected_row_bg), 0.5) !important;
+ border-radius: 4px !important;
+ padding-left: 34px;
+}
+
+.sidebar:hover .sidebar-navbar.sidebar-scroll-element {
+ opacity: 1!important;
+}
+
+.view-player .player-controls-container,
+.view-player .player-controls-container .controls {
+ overflow: visible !important;
+}
+
+.view-player .player-controls-container .controls .button-play{
+ height:50px !important;
+ border-radius:50px !important;
+ background: transparent !important;
+ box-shadow:0 0 0 0 !important;
+ width:50px !important;
+ overflow: visible !important;
+ box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
+ transition:none 0.3s cubic-bezier(.3,0,.7,1);
+}
+
+.view-player .player-controls-container .controls .button-play:before{
+ font-size:18px !important;
+ padding-left: 16px !important;
+ padding-top: 9px !important;
+}
+
+.view-player .player-controls-container .controls .button-play:after {
+ box-shadow: unset !important;
+}
+
+.view-player .player-controls-container {
+ position: absolute !important;
+ width: 100% !important;
+}
+
+.view-player .player-controls-container .controls {
+ width: 100% !important;
+ height: 100% !important;
+ align-items: center !important;
+ margin-top : 0px !important;
+}
+
+/*
+Hide the song duration and elapsed text. I dont know where to put those so I just hide them
+*/
+.view-player .player-controls-container .progress-container .elapsed,
+.view-player .player-controls-container .progress-container .remaining {
+ display: none !important;
+}
+
+/* Add round corner for Gerne and Mood cards */
+.gc-image-container,
+.gc-image {
+ border-radius: 10px !important;
+}
+
+/*
+Collage of 3 album covers is usually seen in Browse and Chart.
+*/
+.card-puff__image-wrapper,
+.card-puff__info-container,
+.card-puff__card-image {
+ border-radius: 10px !important;
+}
+
+.card-puff__image-wrapper {
+ overflow: visible;
+}
+
+.card-puff__card-image {
+ box-shadow: 5px 0 30px rgba(0,0,0,0.7);
+ overflow: visible;
+}
+
+.card-puff__title-container {
+ background-color: transparent !important;
+}
+
+.card-puff.pressed .card-puff__image-wrapper,
+.card-puff.pressed .card-puff__info-container {
+ opacity: 0.7 !important;
+}
+
+.card-puff__title {
+ padding: 5px 10px 5px 10px !important;
+ background-color: var(--modspotify_main_bg) !important;
+ border-radius: 4px;
+ border: 2px solid var(--modspotify_main_fg);
+}
+
+/*
+We use round corner on cover so they look weird in original
+form, so I move last cover to the right 20px and first one to the left 20px
+*/
+.card-puff__card-image:nth-child(1) {
+ right: 20px;
+ box-shadow: 0 0 0 0 !important;
+}
+
+.card-puff__card-image:nth-child(3) {
+ left: 20px;
+}
+
+.grid-overlay-label {
+ top: 140px !important;
+}
+
+/**/
+.glue-page-header__background-color {
+ background-image: none !important;
+ background: var(--modspotify_main_bg);
+}
+
+/* .glue-page-header__sticky {
+ padding-top: 60px !important;
+} */
+
+/*
+Remove those title, cringy description and
+meaningless followers number
+*/
+
+.carousel .card-info-subtitle-description,
+.carousel .card-info-subtitle-metadata,
+.carousel .card:not(.card-type-station).card-info-title,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-description,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-metadata {
+ display: none !important;
+}
+
+
+/*
+In top of Browse usually has bunch of Playlist or Album cards,
+and they has .carousel as a wrapper and it hides anything that
+overflows from its zone, aka our shadow and lifting animation.
+*/
+.carousel {
+ overflow: visible !important;
+}
+
+/*
+Button with text Play
+*/
+.button.button-green,
+.GlueButton.GlueButton--style-green {
+ color: var(--modspotify_main_bg) !important;
+}
+
+/*
+Change text color in playlist
+*/
+.tl-explicit .label,
+.tl-premium .label,
+.tl-cell:not(.tl-number),
+.tl-cell a:link,
+.tl-highlight {
+ color: var(--modspotify_secondary_fg);
+}
+
+.card-type-album .card-info-title,
+.card-type-track .card-info-title,
+.card-type-collection-album .card-info-title,
+.card-type-episode .card-info-title {
+ font-size: 15px;
+ font-weight: 900 !important;
+ text-align: center !important;
+ width: 100% !important;
+}
+
+.card-type-album .card-info-subtitle-links,
+.card-type-track .card-info-subtitle-links,
+.card-type-collection-album .card-info-subtitle-links,
+.card-type-episode .card-info-subtitle-links {
+ text-align: center !important;
+ width: 100% !important;
+}
+
+.tracklist-station-container::after {
+ background: transparent !important;
+}
+
+.GlueHeader__background-overlay {
+ background: var(--modspotify_main_bg) !important;
+}
+
+/* Move navigation buttons and search field to the right and down */
+.browser-navigation-top-bar {
+ margin-left: 40px !important;
+ margin-top: 15px !important;
+}
+
+.SearchInput__input,
+.SearchInput__searchIcon,
+.SearchInput__clearButton {
+ margin-top: 15px !important;
+}
+
+.content-top-bar__profile-menu-button {
+ margin-top: 15px !important;
+}
+
+.body-container--windows:not(.with-buddy-list):not(.messagebar) .content-top-bar__profile {
+ margin-right: 110px !important;
+ margin-top: -5px;
+}
+
+/* Spice up Fullscreen mode */
+#view-player .album-art .album-art__image {
+ border-radius: 30px !important;
+ box-shadow: 0 10px 70px rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.5) !important;
+}
+
+#view-player .album-art .album-art__image .card-image-content-wrapper,
+#view-player .album-art .album-art__image .card-image-content-wrapper .card-image {
+ border-radius: 30px !important;
+}
+
+#video-player .album-art__foreground {
+ flex-direction: row;
+ text-align: left;
+}
+
+#video-player .album-art__background {
+ background-color: initial;
+}
+
+#video-player .album-art__track-details {
+ padding-left: 50px;
+ line-height: initial;
+}
+
+#video-player .album-art__track-title {
+ font-size: 84px;
+ margin-top: 0;
+ line-height: initial;
+}
+
+#video-player .album-art__artist-name {
+ font-size: 54px;
+ margin-top: 0;
+ line-height: initial;
+}
+
+/* Daily mixes */
+.carousel .card-info-wrapper.card-info-with-description.card-info-with-metadata {
+ height: 50px !important;
+}
+
+/* Remove section divider */
+.section-divider {
+ border-bottom: 0 !important;
+}
+
+/* Adjust Position of border active tab in Nav bar at top
+and add little glowing effect
+*/
+.nav.navbar-nav {
+ overflow: hidden !important;
+}
+
+.nav.navbar-nav a {
+ overflow: visible !important;
+}
+
+.nav.navbar-nav a::after {
+ bottom: 0px !important;
+ width: 100% !important;
+}
+
+.nav.navbar-nav .active a::after{
+ box-shadow: 0 0px 20px !important;
+}
+
+.nav.navbar-nav a:focus:not(.button):active::after{
+ background-color: var(--modspotify_pressing_fg) !important;
+}
+
+/* Notification bar */
+#content-wrapper #view-message-bar {
+ position: absolute !important;
+ width: calc(100% - 160px) !important;
+ margin-left: 80px !important;
+ border-radius: 0 0 10px 10px !important;
+}
+
+/* Small cover Big cover mechanism */
+.now-playing.cover-size-transition.active.image-expanded #now-playing-image-small {
+ display: none;
+}
+
+.now-playing.cover-size-transition.active.image-expanded .cover-image-link-wrapper {
+ flex: 0 1 10px;
+}
+
+#view-now-playing a.image {
+ overflow: visible !important;
+}
+
+/* Profile arrow in top left */
+.content-top-bar__profile-menu-button .dropdown {
+ position: fixed !important;
+ top: 10px !important;
+ -webkit-app-region: no-drag !important;
+}
+
+/* [WINDOWS] Change Profile menu horizontal position */
+body.body-container--windows .content-top-bar__profile-menu-button .dropdown {
+ right: 190px !important;
+}
+
+body:not(.body-container--windows) .content-top-bar__profile-menu-button .dropdown {
+ right: 20px !important;
+}
+
+/* Small tooltip */
+#tooltip {
+ box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;
+ border-radius: 5px !important;
+ border: 2px solid var(--modspotify_main_fg);
+ padding: 10px 10px;
+}
+
+.tooltip-arrow-top, .tooltip-arrow-bottom {
+ display: none !important;
+}
+
+.lyrics-lines-container,
+.message-container {
+ color: #FFFFFF !important;
+}
+
+/* Home page */
+.GlueCarousel__grid-wrapper::-webkit-scrollbar-thumb {
+ display: none;
+}
+
+.GlueCard__info-wrapper,
+.Card__info-wrapper {
+ margin-bottom: 30px;
+}
+
+.card-horizontal-interior-wrapper .card-info-title {
+ text-align: start !important;
+}
+
+.tl-row.selected:hover .tl-cell {
+ background: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.GlueTableRow--is-selected {
+ background-color: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.tracklist-podcast .tl-progress .row-progress__bar {
+ background-color: var(--modspotify_main_fg);
+}
+
+.Header__background-color{
+ background-color: var(--modspotify_main_bg) !important;
+}
+
+.Button--style-green,
+.button.button-green, .button.button-white {
+ border-radius: 4px;
+ color: var(--modspotify_main_bg) !important;
+}
+
+.glue-page-header:not(.glue-page-header--album):not(.glue-page-header--playlist):not(.glue-page-header--artist):not(.glue-page-header--dailymix):not(.glue-page-header--user):not(.glue-page-header--show)
+ .glue-page-header__content-inner .glue-page-header__title-text,
+.HomeHeader .Header__content-inner .Header__title-text-inner,
+.MadeForYouHeader .Header__content-inner .Header__title-text-inner,
+.RecentlyPlayedPage__header .Header__content-inner .Header__title-text-inner {
+ background-color: var(--modspotify_main_bg);
+ padding: 5px 20px;
+ border: 5px solid var(--modspotify_main_fg) !important;
+ border-radius: 6px;
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ text-transform: uppercase;
+}
+
+.glue-page-header.glue-page-header--album .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--artist .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--dailymix .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--playlist .glue-page-header__content-inner .glue-page-header__title {
+ margin-top: 10px;
+}
+
+span.glue-page-header__title-text {
+ color: var(--modspotify_main_fg);
+}
+
+.glue-page-header .glue-page-header__content-inner .glue-page-header__button {
+ margin-top: 40px;
+}
+
+.glue-page-header__content-inner,
+.glue-page-header__data,
+.glue-page-header__title,
+.Header__content-inner,
+.Header__data,
+.Header__title,
+.Header__title-text,
+.Header__title-text-inner {
+ overflow: visible !important;
+}
+
+/*Force player bar to has fixed height*/
+.view-player {
+ height: var(--bar-height) !important;
+ border-top: 0;
+}
+
+.view-player .now-playing {
+ overflow: unset;
+}
+
+.view-player .cover-image-container {
+ position: fixed !important;
+ left: 0;
+ bottom: 0;
+}
+
+.view-player .now-playing .cover-image-link,
+.view-player .now-playing .cover-image-link figure {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+#now-playing-image-small .cover-image {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+.view-player .now-playing .cover-image-link-wrapper {
+ flex: 0 1 calc(var(--bar-height) + 10px);
+}
+
+.text-container {
+ z-index: 3;
+}
+
+.view-player .now-playing-container .button-add {
+ color: var(--modspotify_main_fg) !important;
+}
+
+.progress-container .progress-bar,
+.progress-container .inner {
+ top: 0 !important;
+ margin-top: 0 !important;
+ height: 5px;
+}
+
+.progress-container .progress-bar-wrapper {
+ top: 0 !important;
+ height: 5px;
+}
+
+.progress-container {
+ position: fixed !important;
+ width: 100% !important;
+ bottom: var(--bar-height) !important;
+ margin : 0 !important;
+}
+
+.progress-container .inner {
+ border-radius: 0 2px 2px 0 !important;
+ background-color: var(--modspotify_main_fg) !important;
+ box-shadow: 0 2px 2px 0 var(--modspotify_main_fg);
+}
+
+.glue-page-header__p2s-details,
+.glue-page-header__p2s-followers {
+ display: none;
+}
+
+.context-menu {
+ border: 2px solid var(--modspotify_main_fg);
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ border-radius: 7px !important;
+ overflow: hidden;
+}
+
+#menu-wrapper ::-webkit-scrollbar {
+ display: none;
+}
+
+#menu-wrapper {
+ border-right: 3px solid black;
+ border-image: linear-gradient(0deg, transparent , var(--modspotify_scrollbar_fg_and_selected_row_bg) 40%, var(--modspotify_scrollbar_fg_and_selected_row_bg) 60%, transparent 90%) 2 90%;
+}
+
+.main-view-wrapper {
+ overflow: unset;
+}
+
+.Button--style-icon-stroke:after,
+.Button--style-icon-stroke:hover:after,
+.Button--style-icon-stroke,
+.glue-page-header__button .button-icon-with-stroke,
+.glue-page-header__button .button-icon-with-stroke::after {
+ box-shadow: unset;
+}
+
+.glue-page-header.glue-page-header--artist .glue-page-header__label {
+ padding-top: 10px;
+}
+
+.glue-page-header.glue-page-header--artist.has-custom-image .glue-page-header__label {
+ padding-top: 8px;
+}
+
+.glue-page-header__content .glue-page-header__label {
+ margin-left: -2px;
+ z-index: 2;
+}
+
+.glue-page-header__label span,
+.Header__label span {
+ background-color: var(--modspotify_main_fg);
+ color: var(--modspotify_main_bg);
+ padding: 2px 10px;
+}
+
+.glue-page-header__label .header-verified-check {
+ background-color: transparent;
+}
+
+body.remotebar .view-player .player-bar-wrapper {
+ height: 100%;
+}
+
+.SidebarListItem--is-active:after,
+.RootlistItem--is-active:after,
+/* For Linux */ #view-navigation-bar .item.active:after {
+ background-color: transparent;
+ background-image: linear-gradient(90deg, var(--modspotify_sidebar_indicator_and_hover_button_bg) , transparent);
+ opacity: 0.2;
+ bottom: unset;
+ top: 5%;
+ height: 90%;
+ width: 100%
+}
+
+.Header__image-inner {
+ box-shadow: unset;
+}
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Flatten/README.md b/archive/dotfiles-29-6-2022/spicetify/Themes/Flatten/README.md
new file mode 100644
index 0000000..18f4c1a
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Flatten/README.md
@@ -0,0 +1,13 @@
+# Flatten
+
+## Screenshots
+
+
+
+## More
+This theme is based on original Spotify theme.
+Feel free to report broken UI.
+
+## Credits
+
+Theme created by qwersteve07
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Flatten/color.ini b/archive/dotfiles-29-6-2022/spicetify/Themes/Flatten/color.ini
new file mode 100644
index 0000000..0998f48
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Flatten/color.ini
@@ -0,0 +1,12 @@
+[Base]
+main_fg = 999999
+secondary_fg = d8d8d8
+main_bg = 1b1b1b
+
+sidebar_and_player_bg = 1b1b1b
+slider_bg = 1b1b1b
+sidebar_indicator_and_hover_button_bg = 1fc167
+indicator_fg_and_button_bg = 1fc167
+
+miscellaneous_hover_bg = 333333
+miscellaneous_bg = 333333
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Flatten/flatten.png b/archive/dotfiles-29-6-2022/spicetify/Themes/Flatten/flatten.png
new file mode 100644
index 0000000..279c37b
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Flatten/flatten.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Flatten/user.css b/archive/dotfiles-29-6-2022/spicetify/Themes/Flatten/user.css
new file mode 100644
index 0000000..a47b214
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Flatten/user.css
@@ -0,0 +1,173 @@
+.LeftSidebar__scroll-section::-webkit-scrollbar, .scrollbar-style-visible-mac.body-container--mac::-webkit-scrollbar, #view-content > .embedded-app::-webkit-scrollbar, .context-menu::-webkit-scrollbar {
+ width: 5px;
+}
+.LeftSidebar__scroll-section::-webkit-scrollbar-thumb, .scrollbar-style-visible-mac.body-container--mac::-webkit-scrollbar-thumb, #view-content > .embedded-app::-webkit-scrollbar-thumb, .context-menu::-webkit-scrollbar-thumb {
+ background: #1fc167;
+}
+.LeftSidebar__scroll-section::-webkit-scrollbar-track-piece, .scrollbar-style-visible-mac.body-container--mac::-webkit-scrollbar-track-piece, #view-content > .embedded-app::-webkit-scrollbar-track-piece, .context-menu::-webkit-scrollbar-track-piece {
+ background: #131313;
+}
+
+.LeftSidebarNewPlaylistButton__button {
+ background: #b3b3b3;
+ border: 0;
+ border-radius: 30px;
+ height: auto;
+ color: #1b1b1b;
+ padding: 14px 25px;
+ display: flex;
+ justify-content: center;
+}
+.LeftSidebarNewPlaylistButton__button:focus, .LeftSidebarNewPlaylistButton__button:hover {
+ color: #1b1b1b;
+ background-color: #d8d8d8;
+ transition: all ease 0.2s;
+}
+
+.LeftSidebarNewPlaylistButton__text {
+ flex: 0 0 auto;
+}
+
+.SidebarListItem--is-active:after {
+ left: 8px;
+ background-color: #1fc167;
+ border-radius: 2px;
+}
+
+#new-playlist-button-mount-point {
+ padding: 15px;
+}
+
+.Button--style-icon:not(.Button--is-drop-target-active), .added .button.button-icon-only.button-add {
+ color: #444444;
+}
+
+.Button--style-green {
+ color: #ffffff;
+}
+
+.button.button-green {
+ color: #ffffff;
+}
+
+.tl-explicit .label, .tl-premium .label {
+ color: white;
+}
+
+.tl-row:hover .tl-explicit .label, .tl-row:hover .tl-premium .label, .tl-row.selection-focus .tl-explicit .label, .tl-row.selection-focus .tl-premium .label {
+ border-color: white !important;
+}
+
+.tl-row .tl-cell {
+ border-color: #131313;
+}
+.tl-row.selected .tl-cell, .tl-row .TableRow--is-selected {
+ background-color: #222222;
+}
+
+.tl-row:hover .tl-cell, .tl-row.contextmenu-active .tl-cell, .TableRow--is-hover-forced, .TableRow:hover {
+ background-color: #222222;
+}
+
+.TableCell {
+ border-color: #131313;
+}
+
+.TableRow--is-hover-forced, .TableRow:hover {
+ background-color: #222222;
+}
+
+.TableCellSong__label, .TableRow--is-hover-enabled:hover .TableCellSong__label, .TableRow--is-selected .TableCellSong__label {
+ color: white;
+}
+
+.TableRow:hover .TableCellSong__label, TableRow--is-hover-enabled:hover .TableCellSong__label, .TableRow--is-selected .TableCellSong__label {
+ border-color: white;
+}
+
+.player-controls-container {
+ display: flex;
+ justify-content: center;
+}
+
+#player-progressbar {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: auto;
+}
+#player-progressbar .progress-bar {
+ background: #131313;
+}
+#player-progressbar .progress-bar-wrapper {
+ height: auto;
+}
+#player-progressbar .inner {
+ border-radius: 0;
+}
+
+.view-player .player-controls-container .progress-container .progress-bar .inner {
+ background-color: #1fc167;
+}
+.view-player .player-controls-container .controls, .view-player .player-controls-container .progress-container {
+ margin: 0;
+}
+
+.view-player {
+ height: 70px;
+}
+.view-player .now-playing .cover-image-link-wrapper {
+ height: 40px;
+ flex: 0 1 64px;
+}
+.view-player .now-playing .cover-image-link {
+ height: 40px;
+ width: 40px;
+}
+.view-player .now-playing .cover-image-link figure {
+ height: 40px;
+ width: 40px;
+}
+.view-player .now-playing .cover-image-link .toggle-cover-size {
+ right: 9px;
+ top: 10px;
+}
+
+.view-player .now-playing .cover-image-container .cover-image {
+ border-radius: 50%;
+}
+
+.slider {
+ background: #131313;
+}
+.slider > div, .slider.enabled > div {
+ background-color: #1fc167;
+}
+.slider:hover > div {
+ background-color: #1fc167;
+}
+.slider.enabled {
+ background-color: white;
+}
+
+.context-menu {
+ background: #2b2b2b;
+}
+.context-menu .item.hover:not(.disabled) {
+ background-color: #222222;
+}
+
+.Header__content-wrapper {
+ background-color: #1b1b1b;
+}
+
+.glue-page-header__content .glue-page-header__title, .glue-page-header__sticky, .glue-page-header__title, .Header__content .Header__title-text {
+ color: #ffffff;
+}
+
+.friend .user-play-button .card-image {
+ filter: grayscale(1);
+}
+
+/*# sourceMappingURL=user.css.map */
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Flatten/user.sass b/archive/dotfiles-29-6-2022/spicetify/Themes/Flatten/user.sass
new file mode 100644
index 0000000..fdeb25f
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Flatten/user.sass
@@ -0,0 +1,131 @@
+// left sidebar css
+.LeftSidebar__scroll-section,.scrollbar-style-visible-mac.body-container--mac,#view-content>.embedded-app,.context-menu
+ &::-webkit-scrollbar
+ width: 5px
+ &::-webkit-scrollbar-thumb
+ background: #1fc167
+ &::-webkit-scrollbar-track-piece
+ background: #131313
+.LeftSidebarNewPlaylistButton__button
+ background: #b3b3b3
+ border: 0
+ border-radius: 30px
+ height: auto
+ color: #1b1b1b
+ padding: 14px 25px
+ display: flex
+ justify-content: center
+ &:focus,&:hover
+ color: #1b1b1b
+ background-color: #d8d8d8
+ transition: all ease 0.2s
+.LeftSidebarNewPlaylistButton__text
+ flex: 0 0 auto
+.SidebarListItem--is-active:after
+ left: 8px
+ background-color: #1fc167
+ border-radius: 2px
+#new-playlist-button-mount-point
+ padding: 15px
+
+
+// button css
+.Button--style-icon:not(.Button--is-drop-target-active),.added .button.button-icon-only.button-add
+ color: #444444
+.Button--style-green
+ color: #ffffff
+.button.button-green
+ color: #ffffff
+
+
+// table css
+.tl-explicit .label, .tl-premium .label
+ color: white
+
+.tl-row:hover .tl-explicit .label, .tl-row:hover .tl-premium .label, .tl-row.selection-focus .tl-explicit .label, .tl-row.selection-focus .tl-premium .label
+ border-color: white !important
+
+.tl-row
+ .tl-cell
+ border-color: #131313
+ &.selected .tl-cell,.TableRow--is-selected
+ background-color: #222222
+
+.tl-row:hover .tl-cell, .tl-row.contextmenu-active .tl-cell,.TableRow--is-hover-forced, .TableRow:hover
+ background-color: #222222
+
+.TableCell
+ border-color: #131313
+
+.TableRow--is-hover-forced, .TableRow:hover
+ background-color: #222222
+
+.TableCellSong__label,.TableRow--is-hover-enabled:hover .TableCellSong__label, .TableRow--is-selected .TableCellSong__label
+ color: white
+
+.TableRow:hover .TableCellSong__label,TableRow--is-hover-enabled:hover .TableCellSong__label, .TableRow--is-selected .TableCellSong__label
+ border-color: white
+
+// player css
+.player-controls-container
+ display: flex
+ justify-content: center
+#player-progressbar
+ position: absolute
+ top: 0
+ left: 0
+ width: 100%
+ height: auto
+ .progress-bar
+ background: #131313
+ .progress-bar-wrapper
+ height: auto
+ .inner
+ border-radius: 0
+.view-player .player-controls-container
+ .progress-container .progress-bar .inner
+ background-color: #1fc167
+ .controls, .progress-container
+ margin: 0
+.view-player
+ height: 70px
+ .now-playing
+ .cover-image-link-wrapper
+ height: 40px
+ flex: 0 1 64px
+ .cover-image-link
+ height: 40px
+ width: 40px
+ figure
+ height: 40px
+ width: 40px
+ .toggle-cover-size
+ right: 9px
+ top: 10px
+.view-player .now-playing .cover-image-container .cover-image
+ border-radius: 50%
+.slider
+ background: #131313
+ &> div,&.enabled> div
+ background-color: #1fc167
+ &:hover>div
+ background-color: #1fc167
+ &.enabled
+ background-color: white
+
+// right-click menu css
+.context-menu
+ background: #2b2b2b
+ .item.hover:not(.disabled)
+ background-color: #222222
+
+// background css
+.Header__content-wrapper
+ background-color: #1b1b1b
+.glue-page-header__content .glue-page-header__title,.glue-page-header__sticky ,.glue-page-header__title,.Header__content .Header__title-text
+ color: #ffffff
+
+
+// friend sidebar css
+.friend .user-play-button .card-image
+ filter: grayscale(1)
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Gradianto/README.md b/archive/dotfiles-29-6-2022/spicetify/Themes/Gradianto/README.md
new file mode 100644
index 0000000..85a4ba7
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Gradianto/README.md
@@ -0,0 +1,11 @@
+# Gradianto
+
+## Screenshots
+
+
+
+
+
+## More
+
+Please let me know if there's any problem with the theme! :) Hope you enjoy.
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Gradianto/Screenshots/Screenshot_1.png b/archive/dotfiles-29-6-2022/spicetify/Themes/Gradianto/Screenshots/Screenshot_1.png
new file mode 100644
index 0000000..8dd2a2c
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Gradianto/Screenshots/Screenshot_1.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Gradianto/Screenshots/Screenshot_2.png b/archive/dotfiles-29-6-2022/spicetify/Themes/Gradianto/Screenshots/Screenshot_2.png
new file mode 100644
index 0000000..e5fbde8
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Gradianto/Screenshots/Screenshot_2.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Gradianto/Screenshots/Screenshot_3.png b/archive/dotfiles-29-6-2022/spicetify/Themes/Gradianto/Screenshots/Screenshot_3.png
new file mode 100644
index 0000000..c832960
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Gradianto/Screenshots/Screenshot_3.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Gradianto/color.ini b/archive/dotfiles-29-6-2022/spicetify/Themes/Gradianto/color.ini
new file mode 100644
index 0000000..b8617ca
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Gradianto/color.ini
@@ -0,0 +1,24 @@
+[Base]
+; Pink on White background
+main_fg = FFFFFF
+secondary_fg = FFFFFF
+main_bg = 000000
+sidebar_and_player_bg = 000000
+
+tl_selected_hover = EEEEEE
+
+cover_overlay_and_shadow = 000000
+indicator_fg_and_button_bg = FFFFFF
+pressing_fg = FF5C86
+slider_bg = FFFFFF
+
+sidebar_indicator_and_hover_button_bg = FFFFFF
+sidebar_active_button_fg = 000000
+
+scrollbar_fg_and_selected_row_bg = EBEBEB
+pressing_button_fg = 000000
+pressing_button_bg = FFFFFF
+selected_button = FE6F61
+miscellaneous_bg = 000000
+miscellaneous_hover_bg = 383145
+preserve_1 = 000000
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Gradianto/user.css b/archive/dotfiles-29-6-2022/spicetify/Themes/Gradianto/user.css
new file mode 100644
index 0000000..2164a70
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Gradianto/user.css
@@ -0,0 +1,829 @@
+:root {
+ --bar-height: 120px;
+}
+
+/*Round corner cover image*/
+.card-image,
+.card-placeholder-wrapper,
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ border-radius: 10px !important;
+ overflow: hidden !important
+}
+
+/*Hide some annoying elements like profile name and pic, upgrade button and device connect bar at bottom, new playlist button*/
+.profile.content-top-bar__profile-link,
+.upgrade-button,
+.view-player .remote-playback-bar,
+.LeftSidebarNewPlaylistButton__button {
+ display: none !important;
+}
+
+
+/*Exclude these elements from draggable property because it stops them from clickable*/
+.profile-items-container,
+.profile {
+ -webkit-app-region: no-drag !important;
+}
+
+/*Thinner scrollbar*/
+::-webkit-scrollbar {
+ height: 6px !important;
+ width: 6px !important;
+ background-color: transparent;
+}
+
+/*Round corner scrollbar*/
+::-webkit-scrollbar-thumb {
+ border-radius: 3px !important;
+}
+
+/*Hide top and bottom buttons of scrollbar */
+/*who uses those, lol*/
+::-webkit-scrollbar-button {
+ display: none !important;
+}
+
+/*Hide cover image overlay*/
+.card-overlay {
+ visibility: hidden !important;
+}
+
+/*Lift up cover when hovering on it*/
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ transition-property: transform, box-shadow !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ box-shadow: 0 5px 20px rgba(0,0,0,0.1);
+}
+
+.card-image-hit-area:not(.no-hover):hover .card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-hit-area-counter-scale:hover .Card__image-wrapper {
+ transform: translateY(-10px);
+ box-shadow: 0 15px 30px rgba(0,0,0,0.3);
+}
+
+.card-image-hit-area .card-button-add,
+.card-image-hit-area .card-button-play,
+.card-image-hit-area .card-button-more,
+.Card__image-hit-area .card-button-add,
+.Card__image-hit-area .card-button-play,
+.Card__image-hit-area .card-button-more,
+.Card__image-hit-area .Card__play-button,
+.Card__image-hit-area .Card__add-button,
+.Card__image-hit-area .Card__more-button,
+.Card__image-hit-area .Card__overlay {
+ transition-property: all !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ opacity: 0 !important;
+}
+.card-image-hit-area:not(.no-hover):hover .card-button-add,
+.card-image-hit-area:not(.no-hover):hover .card-button-play,
+.card-image-hit-area:not(.no-hover):hover .card-button-more,
+.Card__image-hit-area:not(.no-hover):hover .card-button-add,
+.Card__image-hit-area:not(.no-hover):hover .card-button-play,
+.Card__image-hit-area:not(.no-hover):hover .card-button-more {
+ opacity: 1 !important;
+ transform: translateY(-10px);
+}
+
+.Card__image-hit-area:hover .Card__play-button,
+.Card__image-hit-area:hover .Card__add-button,
+.Card__image-hit-area:hover .Card__more-button,
+.Card__image-hit-area:hover .Card__overlay {
+ opacity: 1 !important;
+}
+
+.glue-page-header__content .glue-page-header__image-inner {
+ border-radius: 10px;
+ box-shadow: unset !important;
+}
+
+.glue-page-header__full-description-overlay {
+ box-shadow: unset !important;
+}
+
+.card-placeholder-wrapper {
+ background: transparent !important;
+}
+
+/*Spice up search input background*/
+.SearchInput {
+ color: var(--modspotify_main_fg);
+}
+.SearchInput__input {
+ color: var(--modspotify_secondary_fg);
+ background-color: rgba(var(--modspotify_rgb_scrollbar_fg_and_selected_row_bg), 0.5) !important;
+ border-radius: 4px !important;
+ padding-left: 34px;
+}
+
+.sidebar:hover .sidebar-navbar.sidebar-scroll-element {
+ opacity: 1!important;
+}
+
+.view-player .player-controls-container,
+.view-player .player-controls-container .controls {
+ overflow: visible !important;
+}
+
+.view-player .player-controls-container .controls .button-play{
+ height:50px !important;
+ border-radius:50px !important;
+ background: transparent !important;
+ box-shadow:0 0 0 0 !important;
+ width:50px !important;
+ overflow: visible !important;
+ box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
+ transition:none 0.3s cubic-bezier(.3,0,.7,1);
+}
+
+.view-player .player-controls-container .controls .button-play:before{
+ font-size:18px !important;
+ padding-left: 16px !important;
+ padding-top: 9px !important;
+}
+
+.view-player .player-controls-container .controls .button-play:after {
+ box-shadow: unset !important;
+}
+
+.view-player .player-controls-container {
+ position: absolute !important;
+ width: 100% !important;
+}
+
+.view-player .player-controls-container .controls {
+ width: 100% !important;
+ height: 100% !important;
+ align-items: center !important;
+ margin-top : 0px !important;
+}
+
+/*
+Hide the song duration and elapsed text. I dont know where to put those so I just hide them
+*/
+.view-player .player-controls-container .progress-container .elapsed,
+.view-player .player-controls-container .progress-container .remaining {
+ display: none !important;
+}
+
+/* Add round corner for Gerne and Mood cards */
+.gc-image-container,
+.gc-image {
+ border-radius: 10px !important;
+}
+
+/*
+Collage of 3 album covers is usually seen in Browse and Chart.
+*/
+.card-puff__image-wrapper,
+.card-puff__info-container,
+.card-puff__card-image {
+ border-radius: 10px !important;
+}
+
+.card-puff__image-wrapper {
+ overflow: visible;
+}
+
+.card-puff__card-image {
+ box-shadow: 5px 0 30px rgba(0,0,0,0.7);
+ overflow: visible;
+}
+
+.card-puff__title-container {
+ background-color: transparent !important;
+}
+
+.card-puff.pressed .card-puff__image-wrapper,
+.card-puff.pressed .card-puff__info-container {
+ opacity: 0.7 !important;
+}
+
+.card-puff__title {
+ padding: 5px 10px 5px 10px !important;
+ background-color: var(--modspotify_main_bg) !important;
+ border-radius: 4px;
+ border: 2px solid var(--modspotify_main_fg);
+}
+
+/*
+We use round corner on cover so they look weird in original
+form, so I move last cover to the right 20px and first one to the left 20px
+*/
+.card-puff__card-image:nth-child(1) {
+ right: 20px;
+ box-shadow: 0 0 0 0 !important;
+}
+
+.card-puff__card-image:nth-child(3) {
+ left: 20px;
+}
+
+.grid-overlay-label {
+ top: 140px !important;
+}
+
+/**/
+.glue-page-header__background-color {
+ background-image: none !important;
+ background: var(--modspotify_main_bg);
+}
+
+/* .glue-page-header__sticky {
+ padding-top: 60px !important;
+} */
+
+/*
+Remove those title, cringy description and
+meaningless followers number
+*/
+
+.carousel .card-info-subtitle-description,
+.carousel .card-info-subtitle-metadata,
+.carousel .card:not(.card-type-station).card-info-title,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-description,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-metadata {
+ display: none !important;
+}
+
+
+/*
+In top of Browse usually has bunch of Playlist or Album cards,
+and they has .carousel as a wrapper and it hides anything that
+overflows from its zone, aka our shadow and lifting animation.
+*/
+.carousel {
+ overflow: visible !important;
+}
+
+/*
+Button with text Play
+*/
+.button.button-green,
+.GlueButton.GlueButton--style-green {
+ color: var(--modspotify_main_bg) !important;
+}
+
+/*
+Change text color in playlist
+*/
+.tl-explicit .label,
+.tl-premium .label,
+.tl-cell:not(.tl-number),
+.tl-cell a:link,
+.tl-highlight {
+ color: var(--modspotify_secondary_fg);
+}
+
+.card-type-album .card-info-title,
+.card-type-track .card-info-title,
+.card-type-collection-album .card-info-title,
+.card-type-episode .card-info-title {
+ font-size: 15px;
+ font-weight: 900 !important;
+}
+
+.card:not(.card-horizontal).card-type-album .card-info-title,
+.card:not(.card-horizontal).card-type-album .card-info-subtitle-links,
+.card:not(.card-horizontal).card-type-track .card-info-title,
+.card:not(.card-horizontal).card-type-track .card-info-subtitle-links,
+.card:not(.card-horizontal).card-type-collection-album .card-info-title,
+.card:not(.card-horizontal).card-type-collection-album .card-info-subtitle-links,
+.card:not(.card-horizontal).card-type-episode .card-info-title,
+.card:not(.card-horizontal).card-type-episode .card-info-subtitle-links {
+ text-align: center !important;
+ width: 100% !important;
+}
+
+.tracklist-station-container::after {
+ background: transparent !important;
+}
+
+.GlueHeader__background-overlay {
+ background: var(--modspotify_main_bg) !important;
+}
+
+/* Move navigation buttons and search field to the right and down */
+.browser-navigation-top-bar {
+ margin-left: 40px !important;
+ margin-top: 15px !important;
+}
+
+.SearchInput__input,
+.SearchInput__searchIcon,
+.SearchInput__clearButton {
+ margin-top: 15px !important;
+}
+
+.content-top-bar__profile-menu-button {
+ margin-top: 15px !important;
+}
+
+.body-container--windows:not(.with-buddy-list):not(.messagebar) .content-top-bar__profile {
+ margin-right: 110px !important;
+ margin-top: -5px;
+}
+
+/* Spice up Fullscreen mode */
+#view-player .album-art .album-art__image {
+ border-radius: 30px !important;
+ box-shadow: 0 10px 70px rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.5) !important;
+}
+
+#view-player .album-art .album-art__image .card-image-content-wrapper,
+#view-player .album-art .album-art__image .card-image-content-wrapper .card-image {
+ border-radius: 30px !important;
+}
+
+#video-player .album-art__foreground {
+ flex-direction: row;
+ text-align: left;
+}
+
+#video-player .album-art__background {
+ background-color: initial;
+}
+
+#video-player .album-art__track-details {
+ padding-left: 50px;
+ line-height: initial;
+}
+
+#video-player .album-art__track-title {
+ font-size: 84px;
+ margin-top: 0;
+ line-height: initial;
+}
+
+#video-player .album-art__artist-name {
+ font-size: 54px;
+ margin-top: 0;
+ line-height: initial;
+}
+
+/* Daily mixes */
+.carousel .card-info-wrapper.card-info-with-description.card-info-with-metadata {
+ height: 50px !important;
+}
+
+/* Remove section divider */
+.section-divider {
+ border-bottom: 0 !important;
+}
+
+/* Adjust Position of border active tab in Nav bar at top
+and add little glowing effect
+*/
+.nav.navbar-nav {
+ overflow: hidden !important;
+}
+
+.nav.navbar-nav a {
+ overflow: visible !important;
+}
+
+.nav.navbar-nav a::after {
+ bottom: 0px !important;
+ width: 100% !important;
+}
+
+.nav.navbar-nav .active a::after{
+ box-shadow: 0 0px 20px !important;
+}
+
+.nav.navbar-nav a:focus:not(.button):active::after{
+ background-color: var(--modspotify_pressing_fg) !important;
+}
+
+/* Notification bar */
+#content-wrapper #view-message-bar {
+ position: absolute !important;
+ width: calc(100% - 160px) !important;
+ margin-left: 80px !important;
+ border-radius: 0 0 10px 10px !important;
+}
+
+/* Small cover Big cover mechanism */
+.now-playing.cover-size-transition.active.image-expanded #now-playing-image-small {
+ display: none;
+}
+
+.now-playing.cover-size-transition.active.image-expanded .cover-image-link-wrapper {
+ flex: 0 1 10px;
+}
+
+#view-now-playing a.image {
+ overflow: visible !important;
+}
+
+/* Profile arrow in top left */
+.content-top-bar__profile-menu-button .dropdown {
+ position: fixed !important;
+ top: 10px !important;
+ -webkit-app-region: no-drag !important;
+}
+
+/* [WINDOWS] Change Profile menu horizontal position */
+body.body-container--windows .content-top-bar__profile-menu-button .dropdown {
+ right: 190px !important;
+}
+
+body:not(.body-container--windows) .content-top-bar__profile-menu-button .dropdown {
+ right: 20px !important;
+}
+
+/* Small tooltip */
+#tooltip {
+ box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;
+ border-radius: 5px !important;
+ border: 2px solid var(--modspotify_main_fg);
+ padding: 10px 10px;
+}
+
+.tooltip-arrow-top, .tooltip-arrow-bottom {
+ display: none !important;
+}
+
+.lyrics-lines-container,
+.message-container {
+ color: #FFFFFF !important;
+}
+
+/* Home page */
+.GlueCarousel__grid-wrapper::-webkit-scrollbar-thumb {
+ display: none;
+}
+
+.GlueCard__info-wrapper,
+.Card__info-wrapper {
+ margin-bottom: 30px;
+}
+
+.card-horizontal-interior-wrapper .card-info-title {
+ text-align: start !important;
+}
+
+.tl-row.selected .tl-cell{
+ background: transparent !important;
+ /* background: linear-gradient(to right, #7b4397, #dc2430) !important;
+ background: no-repeat !important; */
+}
+
+.tl-row.selected{
+ background: linear-gradient(to right, #7b4397, #dc2430) !important;
+ /* transition: background 1s; */
+ background-size: 400% 400% !important;
+
+ -webkit-animation: AnimationName 20s ease infinite !important;
+ -moz-animation: AnimationName 20s ease infinite !important;
+ animation: AnimationName 20s ease infinite !important;
+}
+
+.tl-row:hover {
+ background: linear-gradient(to right,#dc2430, #7b4397 ) !important;
+ -webkit-transform: 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s;
+ -moz-transition-property:width,height,background,font-size,opacity;
+}
+
+.tl-row:hover .tl-cell, .tl-row.contextmenu-active .tl-cell{
+ background: transparent !important;
+}
+
+.tl-row.selected:hover {
+ background: linear-gradient(to right,#dc2430, #7b4397 ) !important;
+ -webkit-transform: 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s;
+ -moz-transition-property:width,height,background,font-size,opacity;
+}
+.TableRow--is-selected {
+ background: linear-gradient(to right, #7b4397, #dc2430) !important;
+ /* transition: background 1s; */
+ background-size: 400% 400% !important;
+
+ -webkit-animation: AnimationName 20s ease infinite !important;
+ -moz-animation: AnimationName 20s ease infinite !important;
+ animation: AnimationName 20s ease infinite !important;
+}
+
+.TableRow--is-hover-forced, .TableRow:hover{
+ background: linear-gradient(to right,#dc2430, #7b4397 ) !important;
+ -webkit-transform: 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s;
+ -moz-transition-property:width,height,background,font-size,opacity;
+}
+
+.tracklist-podcast .tl-progress .row-progress__bar {
+ background-color: var(--modspotify_main_fg);
+}
+
+.Header__background-color{
+ background-color: var(--modspotify_main_bg) !important;
+ background-image: unset;
+}
+
+.Button--style-green,
+.button.button-green, .button.button-white {
+ border-radius: 4px;
+ color: var(--modspotify_main_bg) !important;
+}
+
+.glue-page-header:not(.glue-page-header--album):not(.glue-page-header--playlist):not(.glue-page-header--artist):not(.glue-page-header--dailymix):not(.glue-page-header--user):not(.glue-page-header--show)
+ .glue-page-header__content-inner .glue-page-header__title-text,
+.HomeHeader .Header__content-inner .Header__title-text-inner,
+.MadeForYouHeader .Header__content-inner .Header__title-text-inner,
+.RecentlyPlayedPage__header .Header__content-inner .Header__title-text-inner {
+ background-color: var(--modspotify_main_bg);
+ padding: 5px 20px;
+ border: 5px solid var(--modspotify_main_fg) !important;
+ border-radius: 6px;
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ text-transform: uppercase;
+}
+
+.glue-page-header.glue-page-header--album .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--artist .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--dailymix .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--playlist .glue-page-header__content-inner .glue-page-header__title {
+ margin-top: 10px;
+}
+
+span.glue-page-header__title-text {
+ color: var(--modspotify_main_fg);
+}
+
+.glue-page-header .glue-page-header__content-inner .glue-page-header__button {
+ margin-top: 40px;
+}
+
+.glue-page-header__content-inner,
+.glue-page-header__data,
+.glue-page-header__title,
+.Header__content-inner,
+.Header__data,
+.Header__title,
+.Header__title-text,
+.Header__title-text-inner {
+ overflow: visible !important;
+}
+
+/*Force player bar to has fixed height*/
+.view-player {
+ height: var(--bar-height) !important;
+ border-top: 0;
+}
+
+.view-player .now-playing {
+ overflow: unset;
+}
+
+.view-player .cover-image-container {
+ position: fixed !important;
+ left: 0;
+ bottom: 0;
+}
+
+.view-player .now-playing .cover-image-link,
+.view-player .now-playing .cover-image-link figure {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+#now-playing-image-small .cover-image {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+.view-player .now-playing .cover-image-link-wrapper {
+ flex: 0 1 calc(var(--bar-height) + 10px);
+}
+
+.text-container {
+ z-index: 3;
+}
+
+.view-player .now-playing-container .button-add {
+ color: var(--modspotify_main_fg) !important;
+}
+
+.progress-container .progress-bar,
+.progress-container .inner {
+ top: 0 !important;
+ margin-top: 0 !important;
+ height: 5px;
+}
+
+.progress-container .progress-bar-wrapper {
+ top: 0 !important;
+ height: 5px;
+}
+
+.progress-container {
+ position: fixed !important;
+ width: 100% !important;
+ bottom: var(--bar-height) !important;
+ margin : 0 !important;
+}
+
+.progress-container .inner {
+ border-radius: 0 2px 2px 0 !important;
+ background-color: var(--modspotify_main_fg) !important;
+ box-shadow: 0 2px 2px 0 var(--modspotify_main_fg);
+}
+
+.saber-hilt {
+ display: none;
+}
+
+.glue-page-header__p2s-details,
+.glue-page-header__p2s-followers {
+ display: none;
+}
+
+.context-menu {
+ border: 2px solid var(--modspotify_main_fg);
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ border-radius: 7px !important;
+ overflow: hidden;
+}
+
+#menu-wrapper ::-webkit-scrollbar {
+ display: none;
+}
+
+#menu-wrapper {
+ border-right: 3px solid black;
+ border-image: linear-gradient(0deg, transparent , var(--modspotify_scrollbar_fg_and_selected_row_bg) 40%, var(--modspotify_scrollbar_fg_and_selected_row_bg) 60%, transparent 90%) 2 90%;
+}
+
+.main-view-wrapper {
+ overflow: unset;
+}
+
+.Button--style-icon-stroke:after,
+.Button--style-icon-stroke:hover:after,
+.Button--style-icon-stroke,
+.glue-page-header__button .button-icon-with-stroke,
+.glue-page-header__button .button-icon-with-stroke::after {
+ box-shadow: unset;
+}
+
+.glue-page-header.glue-page-header--artist .glue-page-header__label {
+ padding-top: 10px;
+}
+
+.glue-page-header.glue-page-header--artist.has-custom-image .glue-page-header__label {
+ padding-top: 8px;
+}
+
+.glue-page-header__content .glue-page-header__label {
+ margin-left: -2px;
+ z-index: 2;
+}
+
+.glue-page-header__label span,
+.Header__label span {
+ background-color: var(--modspotify_main_fg);
+ color: var(--modspotify_main_bg);
+ padding: 2px 10px;
+}
+
+.glue-page-header__label .header-verified-check {
+ background-color: transparent;
+}
+
+body.remotebar .view-player .player-bar-wrapper {
+ height: 100%;
+}
+
+.SidebarListItem--is-active:after,
+.RootlistItem--is-active:after {
+ background-color: transparent;
+ background-image: linear-gradient(90deg, var(--modspotify_sidebar_indicator_and_hover_button_bg) , transparent);
+ opacity: 0.2;
+ bottom: unset;
+ top: 5%;
+ height: 90%;
+ width: 100%
+}
+
+.Header__image-inner {
+ box-shadow: unset;
+}
+
+button[data-button=add-recommendation]{
+ background: linear-gradient(to right, #7b4397, #dc2430) !important;
+}
+
+button[data-button=add-recommendation].contextmenu-active, button[data-button=add-recommendation]:not(:disabled):hover{
+ background: linear-gradient(to right, #7b4397, #dc2430) !important;
+}
+
+.tl-row.selected:hover .button-play, .tl-row.selected .button-play {
+ color:red !important;
+ background: white !important;
+}
+
+.tl-row .button-play:hover{
+ background: white !important;
+ color: red !important;
+}
+
+.context-menu .item.hover{
+ background: linear-gradient(to right, #7b4397, #dc2430) !important;
+}
+
+.context-menu .sep{
+ display: none !important;
+}
+#view-resize-nav{
+ width: 6px !important;
+ background: black !important;
+}
+
+#visualization-container{
+ background: linear-gradient(88deg, #7b4397, #dc2430) !important;
+ background-size: 300% 300% !important;
+
+ -webkit-animation: AnimationName 31s ease infinite !important;
+ -moz-animation: AnimationName 31s ease infinite !important;
+ animation: AnimationName 31s ease infinite !important;
+}
+
+.view-player .player-controls-container .progress-container .progress-bar .inner{
+ background: linear-gradient(88deg, #7b4397, #dc2430) !important;
+ background-size: 300% 300% !important;
+ border: none;
+ box-shadow: none;
+ -webkit-animation: AnimationName 31s ease infinite !important;
+ -moz-animation: AnimationName 31s ease infinite !important;
+ animation: AnimationName 31s ease infinite !important;
+}
+.progress-bar{
+ background:#2b2b2a!important;
+}
+canvas{
+ display: none !important;
+}
+
+
+.Card__image{
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) !important;
+ transition: all 0.3s cubic-bezier(.25,.8,.25,1) !important;
+}
+
+.Card__image:hover{
+ box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
+}
+
+.h-search{
+ background: transparent !important;
+}
+
+.slider div{
+ background: linear-gradient(88deg, #7b4397, #dc2430) !important;
+ background-size: 300% 300% !important;
+ border: none;
+ box-shadow: none;
+ -webkit-animation: AnimationName 31s ease infinite !important;
+ -moz-animation: AnimationName 31s ease infinite !important;
+ animation: AnimationName 31s ease infinite !important;
+}
+
+.GlueDropdown{
+ color:black;
+ background: white;
+}
+
+.GlueDropdown option{
+ color: black;
+ background: white;
+}
+
+.tracklist-podcast .tl-progress .row-progress__bar{
+ background: linear-gradient(88deg, #7b4397, #dc2430) !important;
+ background-size: 300% 300% !important;
+ border: none;
+ box-shadow: none;
+ -webkit-animation: AnimationName 31s ease infinite !important;
+ -moz-animation: AnimationName 31s ease infinite !important;
+ animation: AnimationName 31s ease infinite !important;
+}
+
+@-webkit-keyframes AnimationName {
+ 0%{background-position:0% 49%}
+ 50%{background-position:100% 52%}
+ 100%{background-position:0% 49%}
+}
+@-moz-keyframes AnimationName {
+ 0%{background-position:0% 49%}
+ 50%{background-position:100% 52%}
+ 100%{background-position:0% 49%}
+}
+@keyframes AnimationName {
+ 0%{background-position:0% 49%}
+ 50%{background-position:100% 52%}
+ 100%{background-position:0% 49%}
+}
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Gruvbox-Gold/README.md b/archive/dotfiles-29-6-2022/spicetify/Themes/Gruvbox-Gold/README.md
new file mode 100644
index 0000000..b50b702
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Gruvbox-Gold/README.md
@@ -0,0 +1,17 @@
+# Gruvbox-Gold
+
+## Screenshots
+
+
+
+## More
+* Feel free to change the gold (FABD2F in color.ini) to a different accent color
+
+## Credits
+
+Theme created by Greyowl
+
+## Gruvbox
+
+Inspired by [gurvbox](https://github.com/morhetz/gruvbox)
+
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Gruvbox-Gold/color.ini b/archive/dotfiles-29-6-2022/spicetify/Themes/Gruvbox-Gold/color.ini
new file mode 100644
index 0000000..3a803d8
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Gruvbox-Gold/color.ini
@@ -0,0 +1,18 @@
+[Base]
+
+main_fg = EBDBB2
+secondary_fg = A89984
+main_bg = 282828
+sidebar_and_player_bg = 1D2021
+cover_overlay_and_shadow = 282828
+indicator_cfg_and_button_bg = FABD2F
+pressing_fg = A89984
+slider_bg = 282828
+sidebar_indicator_and_hover_button_bg = FABD2f
+scrollbar_fg_and_selected_row_bg = 1D2021
+pressing_button_fg = FABD2f
+pressing_button_bg = 1D2021
+selected_button = FABD2F
+miscellaneous_bg = 1D2021
+miscellaneous_hover_bg = 1D2021
+preserve_1 = EBDBB2
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Gruvbox-Gold/screenshot.png b/archive/dotfiles-29-6-2022/spicetify/Themes/Gruvbox-Gold/screenshot.png
new file mode 100644
index 0000000..29b995c
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Gruvbox-Gold/screenshot.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Gruvbox-Gold/user.css b/archive/dotfiles-29-6-2022/spicetify/Themes/Gruvbox-Gold/user.css
new file mode 100644
index 0000000..5f2ad1f
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Gruvbox-Gold/user.css
@@ -0,0 +1,6 @@
+/*Thinner scrollbar*/
+::-webkit-scrollbar {
+ height: 6px !important;
+ width: 0px !important;
+ background-color: transparent;
+}
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Honne/README.md b/archive/dotfiles-29-6-2022/spicetify/Themes/Honne/README.md
new file mode 100644
index 0000000..f349da3
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Honne/README.md
@@ -0,0 +1,9 @@
+# Honne
+
+## Screenshot
+
+
+
+## More
+
+Based on the Music Artist Honne ◑by HamLord
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Honne/color.ini b/archive/dotfiles-29-6-2022/spicetify/Themes/Honne/color.ini
new file mode 100644
index 0000000..2dfaa3e
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Honne/color.ini
@@ -0,0 +1,18 @@
+[Base]
+;
+main_fg = FCD15E
+secondary_fg = FCD15E
+main_bg = CB4E32
+sidebar_and_player_bg = CB4E32
+cover_overlay_and_shadow = 43b185
+indicator_fg_and_button_bg = FCD15E
+pressing_fg = FF5C86
+slider_bg = 43b185
+sidebar_indicator_and_hover_button_bg = DDA601
+scrollbar_fg_and_selected_row_bg = 43b185
+pressing_button_fg = DEDEDE
+pressing_button_bg = CB4E32
+selected_button = FE6F61
+miscellaneous_bg = CB4E32
+miscellaneous_hover_bg = CB4E32
+preserve_1 = FFFFFF
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Honne/honneimg.png b/archive/dotfiles-29-6-2022/spicetify/Themes/Honne/honneimg.png
new file mode 100644
index 0000000..af54aeb
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Honne/honneimg.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Honne/user.css b/archive/dotfiles-29-6-2022/spicetify/Themes/Honne/user.css
new file mode 100644
index 0000000..5b2c821
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Honne/user.css
@@ -0,0 +1,716 @@
+:root {
+ --bar-height: 120px;
+}
+
+/*Round corner cover image*/
+.card-image,
+.card-placeholder-wrapper,
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ border-radius: 10px !important;
+ overflow: hidden !important
+}
+
+/*Hide some annoying elements like profile name and pic, upgrade button and device connect bar at bottom, new playlist button*/
+.profile.content-top-bar__profile-link,
+.upgrade-button,
+.view-player .remote-playback-bar,
+.LeftSidebarNewPlaylistButton__button {
+ display: none !important;
+}
+
+
+/*Exclude these elements from draggable property because it stops them from clickable*/
+.profile-items-container,
+.profile {
+ -webkit-app-region: no-drag !important;
+}
+
+/*Thinner scrollbar*/
+::-webkit-scrollbar {
+ height: 6px !important;
+ width: 6px !important;
+ background-color: transparent;
+}
+
+/*Round corner scrollbar*/
+::-webkit-scrollbar-thumb {
+ border-radius: 3px !important;
+}
+
+/*Hide top and bottom buttons of scrollbar */
+/*who uses those, lol*/
+::-webkit-scrollbar-button {
+ display: none !important;
+}
+
+/*Hide cover image overlay*/
+.card-overlay {
+ visibility: hidden !important;
+}
+
+/*Lift up cover when hovering on it*/
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ transition-property: transform, box-shadow !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ box-shadow: 0 5px 20px rgba(0,0,0,0.1);
+}
+
+.card-image-hit-area:not(.no-hover):hover .card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-hit-area-counter-scale:hover .Card__image-wrapper {
+ transform: translateY(-10px);
+ box-shadow: 0 15px 30px rgba(0,0,0,0.3);
+}
+
+.card-image-hit-area .card-button-add,
+.card-image-hit-area .card-button-play,
+.card-image-hit-area .card-button-more,
+.Card__image-hit-area .card-button-add,
+.Card__image-hit-area .card-button-play,
+.Card__image-hit-area .card-button-more,
+.Card__image-hit-area .Card__play-button,
+.Card__image-hit-area .Card__add-button,
+.Card__image-hit-area .Card__more-button,
+.Card__image-hit-area .Card__overlay {
+ transition-property: all !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ opacity: 0 !important;
+}
+.card-image-hit-area:not(.no-hover):hover .card-button-add,
+.card-image-hit-area:not(.no-hover):hover .card-button-play,
+.card-image-hit-area:not(.no-hover):hover .card-button-more,
+.Card__image-hit-area:not(.no-hover):hover .card-button-add,
+.Card__image-hit-area:not(.no-hover):hover .card-button-play,
+.Card__image-hit-area:not(.no-hover):hover .card-button-more {
+ opacity: 1 !important;
+ transform: translateY(-10px);
+}
+
+.Card__image-hit-area:hover .Card__play-button,
+.Card__image-hit-area:hover .Card__add-button,
+.Card__image-hit-area:hover .Card__more-button,
+.Card__image-hit-area:hover .Card__overlay {
+ opacity: 1 !important;
+}
+
+.glue-page-header__content .glue-page-header__image-inner {
+ border-radius: 10px;
+ box-shadow: unset !important;
+}
+
+.glue-page-header__full-description-overlay {
+ box-shadow: unset !important;
+}
+
+.card-placeholder-wrapper {
+ background: transparent !important;
+}
+
+/*Spice up search input background*/
+.SearchInput {
+ color: var(--modspotify_main_fg);
+}
+.SearchInput__input {
+ color: var(--modspotify_secondary_fg);
+ background-color: rgba(var(--modspotify_rgb_scrollbar_fg_and_selected_row_bg), 0.5) !important;
+ border-radius: 4px !important;
+ padding-left: 34px;
+}
+
+.sidebar:hover .sidebar-navbar.sidebar-scroll-element {
+ opacity: 1!important;
+}
+
+.view-player .player-controls-container,
+.view-player .player-controls-container .controls {
+ overflow: visible !important;
+}
+
+.view-player .player-controls-container .controls .button-play{
+ height:50px !important;
+ border-radius:50px !important;
+ background: transparent !important;
+ box-shadow:0 0 0 0 !important;
+ width:50px !important;
+ overflow: visible !important;
+ box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
+ transition:none 0.3s cubic-bezier(.3,0,.7,1);
+}
+
+.view-player .player-controls-container .controls .button-play:before{
+ font-size:18px !important;
+ padding-left: 16px !important;
+ padding-top: 9px !important;
+}
+
+.view-player .player-controls-container .controls .button-play:after {
+ box-shadow: unset !important;
+}
+
+.view-player .player-controls-container {
+ position: absolute !important;
+ width: 100% !important;
+}
+
+.view-player .player-controls-container .controls {
+ width: 100% !important;
+ height: 100% !important;
+ align-items: center !important;
+ margin-top : 0px !important;
+}
+
+/*
+Hide the song duration and elapsed text. I dont know where to put those so I just hide them
+*/
+.view-player .player-controls-container .progress-container .elapsed,
+.view-player .player-controls-container .progress-container .remaining {
+ display: none !important;
+}
+
+/* Add round corner for Gerne and Mood cards */
+.gc-image-container,
+.gc-image {
+ border-radius: 10px !important;
+}
+
+/*
+Collage of 3 album covers is usually seen in Browse and Chart.
+*/
+.card-puff__image-wrapper,
+.card-puff__info-container,
+.card-puff__card-image {
+ border-radius: 10px !important;
+}
+
+.card-puff__image-wrapper {
+ overflow: visible;
+}
+
+.card-puff__card-image {
+ box-shadow: 5px 0 30px rgba(0,0,0,0.7);
+ overflow: visible;
+}
+
+.card-puff__title-container {
+ background-color: transparent !important;
+}
+
+.card-puff.pressed .card-puff__image-wrapper,
+.card-puff.pressed .card-puff__info-container {
+ opacity: 0.7 !important;
+}
+
+.card-puff__title {
+ padding: 5px 10px 5px 10px !important;
+ background-color: var(--modspotify_main_bg) !important;
+ border-radius: 4px;
+ border: 2px solid var(--modspotify_main_fg);
+}
+
+/*
+We use round corner on cover so they look weird in original
+form, so I move last cover to the right 20px and first one to the left 20px
+*/
+.card-puff__card-image:nth-child(1) {
+ right: 20px;
+ box-shadow: 0 0 0 0 !important;
+}
+
+.card-puff__card-image:nth-child(3) {
+ left: 20px;
+}
+
+.grid-overlay-label {
+ top: 140px !important;
+}
+
+/**/
+.glue-page-header__background-color {
+ background-image: none !important;
+ background: var(--modspotify_main_bg);
+}
+
+/* .glue-page-header__sticky {
+ padding-top: 60px !important;
+} */
+
+/*
+Remove those title, cringy description and
+meaningless followers number
+*/
+
+.carousel .card-info-subtitle-description,
+.carousel .card-info-subtitle-metadata,
+.carousel .card:not(.card-type-station).card-info-title,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-description,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-metadata {
+ display: none !important;
+}
+
+
+/*
+In top of Browse usually has bunch of Playlist or Album cards,
+and they has .carousel as a wrapper and it hides anything that
+overflows from its zone, aka our shadow and lifting animation.
+*/
+.carousel {
+ overflow: visible !important;
+}
+
+/*
+Button with text Play
+*/
+.button.button-green,
+.GlueButton.GlueButton--style-green {
+ color: var(--modspotify_main_bg) !important;
+}
+
+/*
+Change text color in playlist
+*/
+.tl-explicit .label,
+.tl-premium .label,
+.tl-cell:not(.tl-number),
+.tl-cell a:link,
+.tl-highlight {
+ color: var(--modspotify_secondary_fg);
+}
+
+.card-type-album .card-info-title,
+.card-type-track .card-info-title,
+.card-type-collection-album .card-info-title,
+.card-type-episode .card-info-title {
+ font-size: 15px;
+ font-weight: 900 !important;
+}
+
+.card:not(.card-horizontal).card-type-album .card-info-title,
+.card:not(.card-horizontal).card-type-album .card-info-subtitle-links,
+.card:not(.card-horizontal).card-type-track .card-info-title,
+.card:not(.card-horizontal).card-type-track .card-info-subtitle-links,
+.card:not(.card-horizontal).card-type-collection-album .card-info-title,
+.card:not(.card-horizontal).card-type-collection-album .card-info-subtitle-links,
+.card:not(.card-horizontal).card-type-episode .card-info-title,
+.card:not(.card-horizontal).card-type-episode .card-info-subtitle-links {
+ text-align: center !important;
+ width: 100% !important;
+}
+
+.tracklist-station-container::after {
+ background: transparent !important;
+}
+
+.GlueHeader__background-overlay {
+ background: var(--modspotify_main_bg) !important;
+}
+
+/* Move navigation buttons and search field to the right and down */
+.browser-navigation-top-bar {
+ margin-left: 40px !important;
+ margin-top: 15px !important;
+}
+/*.browser-navigation-top-bar .button {
+ font-weight: bold;
+ color: #FE9388
+}*/
+
+.SearchInput__input,
+.SearchInput__searchIcon,
+.SearchInput__clearButton {
+ margin-top: 15px !important;
+}
+
+.content-top-bar__profile-menu-button {
+ margin-top: 15px !important;
+}
+
+.body-container--windows:not(.with-buddy-list):not(.messagebar) .content-top-bar__profile {
+ margin-right: 110px !important;
+ margin-top: -5px;
+}
+
+/* Spice up Fullscreen mode */
+#view-player .album-art .album-art__image {
+ border-radius: 30px !important;
+ box-shadow: 0 10px 70px rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.5) !important;
+}
+
+#view-player .album-art .album-art__image .card-image-content-wrapper,
+#view-player .album-art .album-art__image .card-image-content-wrapper .card-image {
+ border-radius: 30px !important;
+}
+
+#video-player .album-art__foreground {
+ flex-direction: row;
+ text-align: left;
+}
+
+#video-player .album-art__background {
+ background-color: initial;
+}
+
+#video-player .album-art__track-details {
+ padding-left: 50px;
+ line-height: initial;
+}
+
+#video-player .album-art__track-title {
+ font-size: 84px;
+ margin-top: 0;
+ line-height: initial;
+}
+
+#video-player .album-art__artist-name {
+ font-size: 54px;
+ margin-top: 0;
+ line-height: initial;
+}
+
+/* Daily mixes */
+.carousel .card-info-wrapper.card-info-with-description.card-info-with-metadata {
+ height: 50px !important;
+}
+
+/* Remove section divider */
+.section-divider {
+ border-bottom: 0 !important;
+}
+
+/* Adjust Position of border active tab in Nav bar at top
+and add little glowing effect
+*/
+.nav.navbar-nav {
+ overflow: hidden !important;
+}
+
+.nav.navbar-nav a {
+ overflow: visible !important;
+}
+
+.nav.navbar-nav a::after {
+ bottom: 0px !important;
+ width: 100% !important;
+}
+
+.nav.navbar-nav .active a::after{
+ box-shadow: 0 0px 20px !important;
+}
+
+.nav.navbar-nav a:focus:not(.button):active::after{
+ background-color: var(--modspotify_pressing_fg) !important;
+}
+
+/* Notification bar */
+#content-wrapper #view-message-bar {
+ position: absolute !important;
+ width: calc(100% - 160px) !important;
+ margin-left: 80px !important;
+ border-radius: 0 0 10px 10px !important;
+}
+
+/* Small cover Big cover mechanism */
+.now-playing.cover-size-transition.active.image-expanded #now-playing-image-small {
+ display: none;
+}
+
+.now-playing.cover-size-transition.active.image-expanded .cover-image-link-wrapper {
+ flex: 0 1 10px;
+}
+
+#view-now-playing a.image {
+ overflow: visible !important;
+}
+
+/* Profile arrow in top left */
+.content-top-bar__profile-menu-button .dropdown {
+ position: fixed !important;
+ top: 10px !important;
+ -webkit-app-region: no-drag !important;
+}
+
+/* [WINDOWS] Change Profile menu horizontal position */
+body.body-container--windows .content-top-bar__profile-menu-button .dropdown {
+ right: 190px !important;
+}
+
+body:not(.body-container--windows) .content-top-bar__profile-menu-button .dropdown {
+ right: 20px !important;
+}
+
+/* Small tooltip */
+#tooltip {
+ box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;
+ border-radius: 5px !important;
+ border: 2px solid var(--modspotify_main_fg);
+ padding: 10px 10px;
+}
+
+.tooltip-arrow-top, .tooltip-arrow-bottom {
+ display: none !important;
+}
+
+.lyrics-lines-container,
+.message-container {
+ color: #FFFFFF !important;
+}
+
+/* Home page */
+.GlueCarousel__grid-wrapper::-webkit-scrollbar-thumb {
+ display: none;
+}
+
+.GlueCard__info-wrapper,
+.Card__info-wrapper {
+ margin-bottom: 30px;
+}
+
+.card-horizontal-interior-wrapper .card-info-title {
+ text-align: start !important;
+}
+
+.tl-row.selected:hover .tl-cell {
+ background: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.GlueTableRow--is-selected {
+ background-color: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.tracklist-podcast .tl-progress .row-progress__bar {
+ background-color: var(--modspotify_main_fg);
+}
+
+.Header__background-color{
+ background-color: var(--modspotify_main_bg) !important;
+ background-image: unset;
+}
+
+.Button--style-green,
+.button.button-green, .button.button-white {
+ border-radius: 4px;
+ color: var(--modspotify_main_bg) !important;
+}
+
+.glue-page-header:not(.glue-page-header--album):not(.glue-page-header--playlist):not(.glue-page-header--artist):not(.glue-page-header--dailymix):not(.glue-page-header--user):not(.glue-page-header--show)
+ .glue-page-header__content-inner .glue-page-header__title-text,
+.HomeHeader .Header__content-inner .Header__title-text-inner,
+.MadeForYouHeader .Header__content-inner .Header__title-text-inner,
+.RecentlyPlayedPage__header .Header__content-inner .Header__title-text-inner {
+ background-color: var(--modspotify_main_bg);
+ padding: 5px 20px;
+ border: 5px solid var(--modspotify_main_fg) !important;
+ border-radius: 6px;
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ text-transform: uppercase;
+}
+
+.glue-page-header.glue-page-header--album .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--artist .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--dailymix .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--playlist .glue-page-header__content-inner .glue-page-header__title {
+ margin-top: 10px;
+}
+
+span.glue-page-header__title-text {
+ color: var(--modspotify_main_fg);
+}
+
+.glue-page-header .glue-page-header__content-inner .glue-page-header__button {
+ margin-top: 40px;
+}
+
+.glue-page-header__content-inner,
+.glue-page-header__data,
+.glue-page-header__title,
+.Header__content-inner,
+.Header__data,
+.Header__title,
+.Header__title-text,
+.Header__title-text-inner {
+ overflow: visible !important;
+}
+
+/*Force player bar to has fixed height*/
+.view-player {
+ height: var(--bar-height) !important;
+ border-top: 0;
+}
+
+.view-player .now-playing {
+ overflow: unset;
+}
+
+.view-player .cover-image-container {
+ position: fixed !important;
+ left: 0;
+ bottom: 0;
+}
+
+.view-player .now-playing .cover-image-link,
+.view-player .now-playing .cover-image-link figure {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+#now-playing-image-small .cover-image {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+.view-player .now-playing .cover-image-link-wrapper {
+ flex: 0 1 calc(var(--bar-height) + 10px);
+}
+
+.text-container {
+ z-index: 3;
+}
+
+.view-player .now-playing-container .button-add {
+ color: var(--modspotify_main_fg) !important;
+}
+
+.progress-container .progress-bar,
+.progress-container .inner {
+ top: 0 !important;
+ margin-top: 0 !important;
+ height: 5px;
+}
+
+.progress-container .progress-bar-wrapper {
+ top: 0 !important;
+ height: 5px;
+}
+
+.progress-container {
+ position: fixed !important;
+ width: 100% !important;
+ bottom: var(--bar-height) !important;
+ margin : 0 !important;
+}
+
+.progress-container .inner {
+ border-radius: 0 2px 2px 0 !important;
+ background-color: var(--modspotify_main_fg) !important;
+ box-shadow: 0 2px 2px 0 var(--modspotify_main_fg);
+}
+
+.saber-hilt {
+ display: none;
+}
+
+.glue-page-header__p2s-details,
+.glue-page-header__p2s-followers {
+ display: none;
+}
+
+.context-menu {
+ border: 2px solid var(--modspotify_main_fg);
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ border-radius: 7px !important;
+ overflow: hidden;
+}
+
+#menu-wrapper ::-webkit-scrollbar {
+ display: none;
+}
+
+#menu-wrapper {
+ border-right: 3px solid black;
+ border-image: linear-gradient(0deg, transparent , var(--modspotify_scrollbar_fg_and_selected_row_bg) 40%, var(--modspotify_scrollbar_fg_and_selected_row_bg) 60%, transparent 90%) 2 90%;
+}
+
+.main-view-wrapper {
+ overflow: unset;
+}
+
+.Button--style-icon-stroke:after,
+.Button--style-icon-stroke:hover:after,
+.Button--style-icon-stroke,
+.glue-page-header__button .button-icon-with-stroke,
+.glue-page-header__button .button-icon-with-stroke::after {
+ box-shadow: unset;
+}
+
+.glue-page-header.glue-page-header--artist .glue-page-header__label {
+ padding-top: 10px;
+}
+
+.glue-page-header.glue-page-header--artist.has-custom-image .glue-page-header__label {
+ padding-top: 8px;
+}
+
+.glue-page-header__content .glue-page-header__label {
+ margin-left: -2px;
+ z-index: 2;
+}
+
+.glue-page-header__label span,
+.Header__label span {
+ background-color: var(--modspotify_main_fg);
+ color: var(--modspotify_main_bg);
+ padding: 2px 10px;
+}
+
+.glue-page-header__label .header-verified-check {
+ background-color: transparent;
+}
+
+body.remotebar .view-player .player-bar-wrapper {
+ height: 100%;
+}
+
+.SidebarListItem--is-active:after,
+.RootlistItem--is-active:after {
+ background-color: transparent;
+ background-image: linear-gradient(90deg, var(--modspotify_sidebar_indicator_and_hover_button_bg) , transparent);
+ opacity: 0.2;
+ bottom: unset;
+ top: 5%;
+ height: 90%;
+ width: 100%
+}
+
+.Header__image-inner {
+ box-shadow: unset;
+}
+
+.Root__nav-bar {
+ background-color: var(--modspotify_main_bg);
+}
+
+.Root__main-view .btn,
+.Root__main-view button {
+ color: var(--modspotify_main_bg);
+}
+
+.Root__main-view .track-name-wrapper .tracklist-row__album-name-link,
+.Root__main-view .track-name-wrapper .tracklist-row__artist-name-link,
+.Root__main-view .track-row__episode-date {
+ color: var(--modspotify_secondary_fg);
+}
+
+.Root__main-view .TrackListHeader__entity-long-description {
+ color: var(--modspotify_secondary_fg);
+}
+
+.Root__main-view .mo-meta a:link, .Root__main-view .mo-meta a:visited {
+ color: var(--modspotify_secondary_fg);
+ opacity: 1;
+}
+
+.Root__main-view .TrackListRow__explicit-label {
+ background-color: rgba(var(--modspotify_rgb_secondary_fg), 0.6);
+ color: var(--modspotify_secondary_fg);
+}
+
+.Root__main-view .main-view-container {
+ background-color: var(--modspotify_main_bg);
+}
+
+.concert-title span {
+ color: var(--modspotify_secondary_fg) !important;
+}
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/JarvisBot/README.md b/archive/dotfiles-29-6-2022/spicetify/Themes/JarvisBot/README.md
new file mode 100644
index 0000000..4d85ee3
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/JarvisBot/README.md
@@ -0,0 +1,9 @@
+# JarvisBot
+
+## Screenshots
+
+
+
+## More
+
+Source: https://github.com/DoubleJarvis/SpicetifyThemes
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/JarvisBot/color.ini b/archive/dotfiles-29-6-2022/spicetify/Themes/JarvisBot/color.ini
new file mode 100644
index 0000000..b99ed35
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/JarvisBot/color.ini
@@ -0,0 +1,35 @@
+[Base]
+; Light green on Dark Blue background
+; main_fg = 00FF9C
+; secondary_fg = DEDEDE
+; main_bg = 2E2837
+; sidebar_and_player_bg = 2E2837
+; cover_overlay_and_shadow = 000000
+; indicator_fg_and_button_bg = 00FF9C
+; pressing_fg = FF5C86
+; slider_bg = 3F3C45
+; sidebar_indicator_and_hover_button_bg = 00BF76
+; scrollbar_fg_and_selected_row_bg = 615670
+; pressing_button_fg = DEDEDE
+; pressing_button_bg = 383145
+; selected_button = 00BF76
+; miscellaneous_bg = 3F3C45
+; miscellaneous_hover_bg = 383145
+; preserve_1 = FFFFFF
+; Pink on White background
+main_fg = FCF998
+secondary_fg = FDD653
+main_bg = 1B2229
+sidebar_and_player_bg = 1B2229
+cover_overlay_and_shadow = FFFFFF
+indicator_fg_and_button_bg = F4E7EA
+pressing_fg = FFCEDA
+slider_bg = 181F26
+sidebar_indicator_and_hover_button_bg = F4E7EA
+scrollbar_fg_and_selected_row_bg = 343A40
+pressing_button_fg = DEDEDE
+pressing_button_bg = F4E7EA
+selected_button = F4E7EA
+miscellaneous_bg = ecd3da
+miscellaneous_hover_bg = ECD3DA
+preserve_1 = 3A2E48
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/JarvisBot/user.css b/archive/dotfiles-29-6-2022/spicetify/Themes/JarvisBot/user.css
new file mode 100644
index 0000000..c9bc71c
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/JarvisBot/user.css
@@ -0,0 +1,647 @@
+:root {
+ --bar-height: 120px;
+}
+
+/*Round corner cover image*/
+.card-image,
+.card-placeholder-wrapper,
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ border-radius: 10px !important;
+ overflow: hidden !important
+}
+
+/*Hide some annoying elements like profile name and pic, upgrade button and device connect bar at bottom, new playlist button*/
+.profile.content-top-bar__profile-link,
+.upgrade-button,
+.view-player .remote-playback-bar,
+.NewPlaylistButton {
+ display: none !important;
+}
+
+
+/*Exclude these elements from draggable property because it stops them from clickable*/
+.profile-items-container,
+.profile {
+ -webkit-app-region: no-drag !important;
+}
+
+/*Thinner scrollbar*/
+::-webkit-scrollbar {
+ height: 6px !important;
+ width: 6px !important;
+ background-color: transparent;
+}
+
+/*Round corner scrollbar*/
+::-webkit-scrollbar-thumb {
+ border-radius: 3px !important;
+}
+
+/*Hide top and bottom buttons of scrollbar */
+/*who uses those, lol*/
+::-webkit-scrollbar-button {
+ display: none !important;
+}
+
+/*Hide cover image overlay*/
+.card-overlay {
+ visibility: hidden !important;
+}
+
+/*Lift up cover when hovering on it*/
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ transition-property: transform, box-shadow !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ box-shadow: 0 5px 20px rgba(0,0,0,0.1);
+}
+
+.card-image-hit-area:not(.no-hover):hover .card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-hit-area-counter-scale:hover .Card__image-wrapper {
+ transform: translateY(-10px);
+ box-shadow: 0 15px 30px rgba(0,0,0,0.3);
+}
+
+.card-image-hit-area .card-button-add,
+.card-image-hit-area .card-button-play,
+.card-image-hit-area .card-button-more,
+.Card__image-hit-area .card-button-add,
+.Card__image-hit-area .card-button-play,
+.Card__image-hit-area .card-button-more,
+.Card__image-hit-area .Card__play-button,
+.Card__image-hit-area .Card__add-button,
+.Card__image-hit-area .Card__more-button,
+.Card__image-hit-area .Card__overlay {
+ transition-property: all !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ opacity: 0 !important;
+}
+.card-image-hit-area:not(.no-hover):hover .card-button-add,
+.card-image-hit-area:not(.no-hover):hover .card-button-play,
+.card-image-hit-area:not(.no-hover):hover .card-button-more,
+.Card__image-hit-area:not(.no-hover):hover .card-button-add,
+.Card__image-hit-area:not(.no-hover):hover .card-button-play,
+.Card__image-hit-area:not(.no-hover):hover .card-button-more {
+ opacity: 1 !important;
+ transform: translateY(-10px);
+}
+
+.Card__image-hit-area:hover .Card__play-button,
+.Card__image-hit-area:hover .Card__add-button,
+.Card__image-hit-area:hover .Card__more-button,
+.Card__image-hit-area:hover .Card__overlay {
+ opacity: 1 !important;
+}
+
+.glue-page-header__content .glue-page-header__image-inner {
+ border-radius: 10px;
+ box-shadow: unset !important;
+}
+
+.glue-page-header__full-description-overlay {
+ box-shadow: unset !important;
+}
+
+.card-placeholder-wrapper {
+ background: transparent !important;
+}
+
+/*Spice up search input background*/
+.SearchInput {
+ color: var(--modspotify_main_fg);
+}
+.SearchInput__input {
+ color: var(--modspotify_secondary_fg);
+ background-color: rgba(var(--modspotify_rgb_scrollbar_fg_and_selected_row_bg), 0.5) !important;
+ border-radius: 4px !important;
+ padding-left: 34px;
+}
+
+.sidebar:hover .sidebar-navbar.sidebar-scroll-element {
+ opacity: 1!important;
+}
+
+.view-player .player-controls-container,
+.view-player .player-controls-container .controls {
+ overflow: visible !important;
+}
+
+.view-player .player-controls-container .controls .button-play{
+ height:50px !important;
+ border-radius:50px !important;
+ background: transparent !important;
+ box-shadow:0 0 0 0 !important;
+ width:50px !important;
+ overflow: visible !important;
+ box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
+ transition:none 0.3s cubic-bezier(.3,0,.7,1);
+}
+
+.view-player .player-controls-container .controls .button-play:before{
+ font-size:18px !important;
+ padding-left: 16px !important;
+ padding-top: 9px !important;
+}
+
+.view-player .player-controls-container .controls .button-play:after {
+ box-shadow: unset !important;
+}
+
+.view-player .player-controls-container {
+ position: absolute !important;
+ width: 100% !important;
+}
+
+.view-player .player-controls-container .controls {
+ width: 100% !important;
+ height: 100% !important;
+ align-items: center !important;
+ margin-top : 0px !important;
+}
+
+/*
+Hide the song duration and elapsed text. I dont know where to put those so I just hide them
+*/
+.view-player .player-controls-container .progress-container .elapsed,
+.view-player .player-controls-container .progress-container .remaining {
+ display: none !important;
+}
+
+/* Add round corner for Gerne and Mood cards */
+.gc-image-container,
+.gc-image {
+ border-radius: 10px !important;
+}
+
+/*
+Collage of 3 album covers is usually seen in Browse and Chart.
+*/
+.card-puff__image-wrapper,
+.card-puff__info-container,
+.card-puff__card-image {
+ border-radius: 10px !important;
+}
+
+.card-puff__image-wrapper {
+ overflow: visible;
+}
+
+.card-puff__card-image {
+ box-shadow: 5px 0 30px rgba(0,0,0,0.7);
+ overflow: visible;
+}
+
+.card-puff__title-container {
+ background-color: transparent !important;
+}
+
+.card-puff.pressed .card-puff__image-wrapper,
+.card-puff.pressed .card-puff__info-container {
+ opacity: 0.7 !important;
+}
+
+.card-puff__title {
+ padding: 5px 10px 5px 10px !important;
+ background-color: var(--modspotify_main_bg) !important;
+ border-radius: 4px;
+ border: 2px solid var(--modspotify_main_fg);
+}
+
+/*
+We use round corner on cover so they look weird in original
+form, so I move last cover to the right 20px and first one to the left 20px
+*/
+.card-puff__card-image:nth-child(1) {
+ right: 20px;
+ box-shadow: 0 0 0 0 !important;
+}
+
+.card-puff__card-image:nth-child(3) {
+ left: 20px;
+}
+
+.grid-overlay-label {
+ top: 140px !important;
+}
+
+/**/
+.glue-page-header__background-color {
+ background-image: none !important;
+ background: var(--modspotify_main_bg);
+}
+
+/* .glue-page-header__sticky {
+ padding-top: 60px !important;
+} */
+
+/*
+Remove those title, cringy description and
+meaningless followers number
+*/
+
+.carousel .card-info-subtitle-description,
+.carousel .card-info-subtitle-metadata,
+.carousel .card:not(.card-type-station).card-info-title,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-description,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-metadata {
+ display: none !important;
+}
+
+
+/*
+In top of Browse usually has bunch of Playlist or Album cards,
+and they has .carousel as a wrapper and it hides anything that
+overflows from its zone, aka our shadow and lifting animation.
+*/
+.carousel {
+ overflow: visible !important;
+}
+
+/*
+Button with text Play
+*/
+.button.button-green,
+.GlueButton.GlueButton--style-green {
+ color: var(--modspotify_main_bg) !important;
+}
+
+/*
+Change text color in playlist
+*/
+.tl-explicit .label,
+.tl-premium .label,
+.tl-cell:not(.tl-number),
+.tl-cell a:link,
+.tl-highlight {
+ color: var(--modspotify_secondary_fg);
+}
+
+.card-type-album .card-info-title,
+.card-type-track .card-info-title,
+.card-type-collection-album .card-info-title,
+.card-type-episode .card-info-title {
+ font-size: 15px;
+ font-weight: 900 !important;
+ text-align: center !important;
+ width: 100% !important;
+}
+
+.card-type-album .card-info-subtitle-links,
+.card-type-track .card-info-subtitle-links,
+.card-type-collection-album .card-info-subtitle-links,
+.card-type-episode .card-info-subtitle-links {
+ text-align: center !important;
+ width: 100% !important;
+}
+
+.tracklist-station-container::after {
+ background: transparent !important;
+}
+
+.GlueHeader__background-overlay {
+ background: var(--modspotify_main_bg) !important;
+}
+
+/* Move navigation buttons and search field to the right and down */
+.browser-navigation-top-bar {
+ margin-left: 40px !important;
+ margin-top: 15px !important;
+}
+
+.SearchInput__input,
+.SearchInput__searchIcon,
+.SearchInput__clearButton {
+ margin-top: 15px !important;
+}
+
+.content-top-bar__profile-menu-button {
+ margin-top: 15px !important;
+}
+
+.body-container--windows:not(.with-buddy-list):not(.messagebar) .content-top-bar__profile {
+ margin-right: 110px !important;
+ margin-top: -5px;
+}
+
+/* Spice up Fullscreen mode */
+#view-player .album-art .album-art__image {
+ border-radius: 30px !important;
+ box-shadow: 0 10px 70px rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.5) !important;
+}
+
+#view-player .album-art .album-art__image .card-image-content-wrapper,
+#view-player .album-art .album-art__image .card-image-content-wrapper .card-image {
+ border-radius: 30px !important;
+}
+
+/* Daily mixes */
+.carousel .card-info-wrapper.card-info-with-description.card-info-with-metadata {
+ height: 50px !important;
+}
+
+/* Remove section divider */
+.section-divider {
+ border-bottom: 0 !important;
+}
+
+/* Adjust Position of border active tab in Nav bar at top
+and add little glowing effect
+*/
+.nav.navbar-nav {
+ overflow: hidden !important;
+}
+
+.nav.navbar-nav a {
+ overflow: visible !important;
+}
+
+.nav.navbar-nav a::after {
+ bottom: 0px !important;
+ width: 100% !important;
+}
+
+.nav.navbar-nav .active a::after{
+ box-shadow: 0 0px 20px !important;
+}
+
+.nav.navbar-nav a:focus:not(.button):active::after{
+ background-color: var(--modspotify_pressing_fg) !important;
+}
+
+/* Notification bar */
+#content-wrapper #view-message-bar {
+ position: absolute !important;
+ width: calc(100% - 160px) !important;
+ margin-left: 80px !important;
+ border-radius: 0 0 10px 10px !important;
+}
+
+/* Small cover Big cover mechanism */
+.now-playing.cover-size-transition.active.image-expanded .cover-image {
+ width: 10px !important;
+ height: 10px !important;
+}
+.now-playing.cover-size-transition.active.image-expanded .caption {
+ padding-left: 0px !important;
+}
+#view-now-playing a.image {
+ overflow: visible !important;
+}
+
+#view-now-playing.expanded {
+ width: 200px;
+ height: 200px;
+}
+
+#now-playing-image-large .cover-image {
+ height: 200px !important;
+}
+
+/* Profile arrow in top left */
+.content-top-bar__profile-menu-button .dropdown {
+ position: fixed !important;
+ top: 10px !important;
+ -webkit-app-region: no-drag !important;
+}
+
+body.body-container--windows .content-top-bar__profile-menu-button .dropdown {
+ right: 190px !important;
+}
+
+body:not(.body-container--windows) .content-top-bar__profile-menu-button .dropdown {
+ right: 20px !important;
+}
+
+/* Small tooltip */
+#tooltip {
+ box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;
+ border-radius: 5px !important;
+ border: 2px solid var(--modspotify_main_fg);
+ padding: 10px 10px;
+}
+
+.tooltip-arrow-top, .tooltip-arrow-bottom {
+ display: none !important;
+}
+
+.lyrics-lines-container,
+.message-container {
+ color: #FFFFFF !important;
+}
+
+/* Home page */
+.GlueCarousel__grid-wrapper::-webkit-scrollbar-thumb {
+ display: none;
+}
+
+.GlueCard__info-wrapper,
+.Card__info-wrapper {
+ margin-bottom: 30px;
+}
+
+.card-horizontal-interior-wrapper .card-info-title {
+ text-align: start !important;
+}
+
+.tl-row.selected:hover .tl-cell {
+ background: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.GlueTableRow--is-selected {
+ background-color: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.tracklist-podcast .tl-progress .row-progress__bar {
+ background-color: var(--modspotify_main_fg);
+}
+
+.Header__background-color{
+ background-color: var(--modspotify_main_bg) !important;
+}
+
+.Button--style-green,
+.button.button-green, .button.button-white {
+ border-radius: 4px;
+ color: var(--modspotify_main_bg) !important;
+}
+
+.glue-page-header:not(.glue-page-header--album):not(.glue-page-header--playlist):not(.glue-page-header--artist):not(.glue-page-header--dailymix):not(.glue-page-header--user):not(.glue-page-header--show)
+ .glue-page-header__content-inner .glue-page-header__title-text,
+.HomeHeader .Header__content-inner .Header__title-text-inner,
+.MadeForYouHeader .Header__content-inner .Header__title-text-inner,
+.RecentlyPlayedPage__header .Header__content-inner .Header__title-text-inner {
+ background-color: var(--modspotify_main_bg);
+ padding: 5px 20px;
+ border: 5px solid var(--modspotify_main_fg) !important;
+ border-radius: 6px;
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ text-transform: uppercase;
+}
+
+.glue-page-header.glue-page-header--album .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--artist .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--dailymix .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--playlist .glue-page-header__content-inner .glue-page-header__title {
+ margin-top: 10px;
+}
+
+span.glue-page-header__title-text {
+ color: var(--modspotify_main_fg);
+}
+
+.glue-page-header .glue-page-header__content-inner .glue-page-header__button {
+ margin-top: 40px;
+}
+
+.glue-page-header__content-inner,
+.glue-page-header__data,
+.glue-page-header__title,
+.Header__content-inner,
+.Header__data,
+.Header__title,
+.Header__title-text,
+.Header__title-text-inner {
+ overflow: visible !important;
+}
+
+/*Force player bar to has fixed height*/
+.view-player {
+ height: var(--bar-height) !important;
+ border-top: 0;
+}
+
+.view-player .now-playing {
+ overflow: unset;
+}
+
+.view-player .now-playing .cover-image-link,
+.view-player .now-playing .cover-image-link figure {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+#now-playing-image-small .cover-image {
+ position: fixed !important;
+ width: var(--bar-height);
+ height: var(--bar-height);
+ left: 0;
+ bottom: 0;
+}
+
+.view-player .now-playing .cover-image-link-wrapper {
+ flex: 0 1 calc(var(--bar-height) + 10px);
+}
+
+.text-container {
+ z-index: 3;
+}
+
+.view-player .now-playing-container .button-add {
+ color: var(--modspotify_main_fg) !important;
+}
+
+.progress-container .progress-bar,
+.progress-container .inner {
+ top: 0 !important;
+ margin-top: 0 !important;
+ height: 5px;
+}
+
+.progress-container .progress-bar-wrapper {
+ top: 0 !important;
+ height: 5px;
+}
+
+.progress-container {
+ position: fixed !important;
+ width: 100% !important;
+ bottom: var(--bar-height) !important;
+ margin : 0 !important;
+}
+
+.progress-container .inner {
+ border-radius: 0 2px 2px 0 !important;
+ background-color: var(--modspotify_main_fg) !important;
+ box-shadow: 0 2px 2px 0 var(--modspotify_main_fg);
+}
+
+.glue-page-header__p2s-details,
+.glue-page-header__p2s-followers {
+ display: none;
+}
+
+.context-menu {
+ border: 2px solid var(--modspotify_main_fg);
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ border-radius: 7px !important;
+ overflow: hidden;
+}
+
+#menu-wrapper ::-webkit-scrollbar {
+ display: none;
+}
+
+#menu-wrapper {
+ border-right: 3px solid black;
+ border-image: linear-gradient(0deg, transparent , var(--modspotify_scrollbar_fg_and_selected_row_bg) 40%, var(--modspotify_scrollbar_fg_and_selected_row_bg) 60%, transparent 90%) 2 90%;
+}
+
+.main-view-wrapper {
+ overflow: unset;
+}
+
+.Button--style-icon-stroke:after,
+.Button--style-icon-stroke:hover:after,
+.Button--style-icon-stroke,
+.glue-page-header__button .button-icon-with-stroke,
+.glue-page-header__button .button-icon-with-stroke::after {
+ box-shadow: unset;
+}
+
+.glue-page-header.glue-page-header--artist .glue-page-header__label {
+ padding-top: 10px;
+}
+
+.glue-page-header.glue-page-header--artist.has-custom-image .glue-page-header__label {
+ padding-top: 8px;
+}
+
+.glue-page-header__content .glue-page-header__label {
+ margin-left: -2px;
+ z-index: 2;
+}
+
+.glue-page-header__label span,
+.Header__label span {
+ background-color: var(--modspotify_main_fg);
+ color: var(--modspotify_main_bg);
+ padding: 2px 10px;
+}
+
+.glue-page-header__label .header-verified-check {
+ background-color: transparent;
+}
+
+body.remotebar .view-player .player-bar-wrapper {
+ height: 100%;
+}
+
+.SidebarListItem--is-active:after,
+.RootlistItem--is-active:after,
+/* For Linux */ #view-navigation-bar .item.active:after {
+ background-color: transparent;
+ background-image: linear-gradient(90deg, var(--modspotify_sidebar_indicator_and_hover_button_bg) , transparent);
+ opacity: 0.2;
+ bottom: unset;
+ top: 5%;
+ height: 90%;
+ width: 100%
+}
+
+.Header__image-inner {
+ box-shadow: unset;
+}
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Kaapi/Gruvbox.png b/archive/dotfiles-29-6-2022/spicetify/Themes/Kaapi/Gruvbox.png
new file mode 100644
index 0000000..34561bc
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Kaapi/Gruvbox.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Kaapi/README.md b/archive/dotfiles-29-6-2022/spicetify/Themes/Kaapi/README.md
new file mode 100644
index 0000000..fc45800
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Kaapi/README.md
@@ -0,0 +1,9 @@
+# Kaapi
+## Screenshots
+
+### Base
+
+
+### Gruvbox
+
+
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Kaapi/color.ini b/archive/dotfiles-29-6-2022/spicetify/Themes/Kaapi/color.ini
new file mode 100644
index 0000000..7300d9c
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Kaapi/color.ini
@@ -0,0 +1,37 @@
+[Base]
+main_fg = bf8d16
+secondary_fg = 8a774a
+main_bg = 212121
+sidebar_and_player_bg = 292929
+cover_overlay_and_shadow = 000000
+indicator_fg_and_button_bg = 879260
+pressing_fg = 1757B1
+slider_bg = 524d40
+sidebar_indicator_and_hover_button_bg = 97B238
+scrollbar_fg_and_selected_row_bg = 292929
+pressing_button_fg = 879260
+pressing_button_bg = 879260
+selected_button = 879260
+miscellaneous_bg = 292929
+miscellaneous_hover_bg = 292929
+preserve_1 = 4052b3
+
+[Gruvbox]
+main_fg = d79921
+secondary_fg = fbf1c7
+main_bg = 1d2021
+sidebar_and_player_bg = 282828
+cover_overlay_and_shadow = 32302f
+indicator_fg_and_button_bg = 98971a
+pressing_fg = b8bb26
+slider_bg = 32302f
+sidebar_indicator_and_hover_button_bg = 689d6a
+scrollbar_fg_and_selected_row_bg = 1d2021
+pressing_button_fg = 928374
+pressing_button_bg = 8ec07c
+selected_button = b16286
+miscellaneous_bg = 32302f
+miscellaneous_hover_bg = 282828
+preserve_1 = ff0000
+
+
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Kaapi/home.png b/archive/dotfiles-29-6-2022/spicetify/Themes/Kaapi/home.png
new file mode 100644
index 0000000..1590814
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Kaapi/home.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Kaapi/user.css b/archive/dotfiles-29-6-2022/spicetify/Themes/Kaapi/user.css
new file mode 100644
index 0000000..a96506e
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Kaapi/user.css
@@ -0,0 +1,314 @@
+:root {
+
+}
+
+/*Round corner cover image*/
+.card-image,
+.card-placeholder-wrapper,
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ border-radius: 10px !important;
+ overflow: hidden !important
+}
+
+
+/*Thinner scrollbar*/
+::-webkit-scrollbar {
+ height: 6px !important;
+ width: 6px !important;
+ background-color: transparent;
+
+}
+
+/*Round corner scrollbar*/
+::-webkit-scrollbar-thumb {
+ border-radius: 3px !important;
+}
+
+/*Hide top and bottom buttons of scrollbar */
+/*who uses those, lol*/
+::-webkit-scrollbar-button {
+ display: none !important;
+}
+
+
+
+
+/*Spice up search input background*/
+.SearchInput {
+ color: var(--modspotify_main_fg);
+}
+.SearchInput__input {
+ color: var(--modspotify_secondary_fg);
+ background-color: rgba(var(--modspotify_rgb_scrollbar_fg_and_selected_row_bg), 0.5) !important;
+ border-radius: 4px !important;
+ padding-left: 34px;
+}
+
+.sidebar:hover .sidebar-navbar.sidebar-scroll-element {
+ opacity: 1!important;
+}
+
+
+/* Add round corner for Gerne and Mood cards */
+.gc-image-container,
+.gc-image {
+ border-radius: 10px !important;
+}
+
+/*
+Collage of 3 album covers is usually seen in Browse and Chart.
+*/
+.card-puff__image-wrapper,
+.card-puff__info-container,
+.card-puff__card-image {
+ border-radius: 10px !important;
+}
+
+.card-puff__image-wrapper {
+ overflow: visible;
+}
+
+.card-puff__card-image {
+ box-shadow: 5px 0 30px rgba(0,0,0,0.7);
+ overflow: visible;
+}
+
+.card-puff__title-container {
+ background-color: transparent !important;
+}
+
+.card-puff.pressed .card-puff__image-wrapper,
+.card-puff.pressed .card-puff__info-container {
+ opacity: 0.7 !important;
+}
+
+.card-puff__title {
+ padding: 5px 10px 5px 10px !important;
+ background-color: var(--modspotify_main_bg) !important;
+ border-radius: 4px;
+ border: 2px solid var(--modspotify_main_fg);
+}
+
+/*
+We use round corner on cover so they look weird in original
+form, so I move last cover to the right 20px and first one to the left 20px
+*/
+.card-puff__card-image:nth-child(1) {
+ right: 20px;
+ box-shadow: 0 0 0 0 !important;
+}
+
+.card-puff__card-image:nth-child(3) {
+ left: 20px;
+}
+
+.grid-overlay-label {
+ top: 140px !important;
+}
+
+
+
+
+/*
+In top of Browse usually has bunch of Playlist or Album cards,
+and they has .carousel as a wrapper and it hides anything that
+overflows from its zone, aka our shadow and lifting animation.
+*/
+.carousel {
+ overflow: visible !important;
+}
+
+
+
+/*
+Change text color in playlist - use secondary_fg instead of main_fg
+*/
+.tl-explicit .label,
+.tl-premium .label,
+.tl-cell:not(.tl-number),
+.tl-cell a:link,
+.tl-highlight {
+ color: var(--modspotify_secondary_fg);
+}
+
+
+
+
+
+/* Adjust Position of border active tab in Nav bar at top
+and add little glowing effect
+*/
+.nav.navbar-nav {
+ overflow: hidden !important;
+}
+
+.nav.navbar-nav a {
+ overflow: visible !important;
+}
+
+.nav.navbar-nav a::after {
+ bottom: 0px !important;
+ width: 100% !important;
+}
+
+.nav.navbar-nav .active a::after{
+ box-shadow: 0 0px 20px !important;
+}
+
+.nav.navbar-nav a:focus:not(.button):active::after{
+ background-color: var(--modspotify_pressing_fg) !important;
+}
+
+
+
+
+
+/* [WINDOWS] Change Profile menu horizontal position */
+body.body-container--windows .content-top-bar__profile-menu-button .dropdown {
+ right: 190px !important;
+}
+
+body:not(.body-container--windows) .content-top-bar__profile-menu-button .dropdown {
+ right: 20px !important;
+}
+
+/* Small tooltip */
+#tooltip {
+ box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;
+ border-radius: 6px !important;
+ border: 1px solid var(--modspotify_main_fg);
+ padding: 5px;
+}
+
+.tooltip-arrow-top, .tooltip-arrow-bottom {
+ display: none !important;
+}
+
+/*
+Button with text Play
+*/
+
+.Button--style-green,
+.button.button-green, .button.button-white {
+ border-radius: 6px;
+ color: var(--modspotify_main_bg) !important;
+}
+
+
+
+/* Add box around Titles */
+
+.glue-page-header:not(.glue-page-header--album):not(.glue-page-header--playlist):not(.glue-page-header--artist):not(.glue-page-header--dailymix):not(.glue-page-header--user):not(.glue-page-header--show)
+ .glue-page-header__content-inner .glue-page-header__title-text,
+.HomeHeader .Header__content-inner .Header__title-text-inner,
+.MadeForYouHeader .Header__content-inner .Header__title-text-inner,
+.RecentlyPlayedPage__header .Header__content-inner .Header__title-text-inner {
+ background-color: var(--modspotify_main_bg);
+ padding: 5px 20px;
+ border: 5px solid var(--modspotify_main_fg) !important;
+ border-radius: 6px;
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ text-transform: uppercase;
+}
+
+.glue-page-header.glue-page-header--album .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--artist .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--dailymix .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--playlist .glue-page-header__content-inner .glue-page-header__title {
+ margin-top: 10px;
+}
+
+span.glue-page-header__title-text {
+ color: var(--modspotify_main_fg);
+}
+
+.glue-page-header .glue-page-header__content-inner .glue-page-header__button {
+ margin-top: 40px;
+}
+
+.glue-page-header__content-inner,
+.glue-page-header__data,
+.glue-page-header__title,
+.Header__content-inner,
+.Header__data,
+.Header__title,
+.Header__title-text,
+.Header__title-text-inner {
+ overflow: visible !important;
+}
+
+
+
+
+
+/* Context Menu round corners and color*/
+
+.context-menu {
+ border: 2px solid var(--modspotify_main_fg);
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ border-radius: 6px !important;
+ overflow: hidden !important;
+}
+
+
+/* Sidebar gradient on selected item */
+.SidebarListItem--is-active:after,
+.RootlistItem--is-active:after,
+/* For Linux */ #view-navigation-bar .item.active:after {
+ background-color: transparent;
+ background-image: linear-gradient(90deg, var(--modspotify_sidebar_indicator_and_hover_button_bg) , transparent);
+ opacity: 0.2;
+ bottom: unset;
+ top: 5%;
+ height: 90%;
+ width: 100%
+}
+
+.Header__image-inner {
+ box-shadow: unset;
+}
+
+/* Scrollbar color change */
+.scrollbar-style-visible-mac::-webkit-scrollbar-thumb, .scrollbar-style-visible-mac ::-webkit-scrollbar-thumb, .scrollbar-style-visible-windows::-webkit-scrollbar-thumb, .scrollbar-style-visible-windows ::-webkit-scrollbar-thumb, .scrollbar-style-visible-linux::-webkit-scrollbar-thumb, .scrollbar-style-visible-linux ::-webkit-scrollbar-thumb {
+ background-color: #4e4633;
+}
+
+/* Change color of headings in sidebar */
+.SidebarList__title{
+ color: var(--modspotify_sidebar_indicator_and_hover_button_bg) !important;
+}
+
+/* Change color for top menu for playlist */
+.tl-header th {
+ color:var(--modspotify_indicator_fg_and_button_bg) !important
+}
+
+/*Round corners and add shadow around profile menu thing and some images*/
+.GlueDropdown,
+.image,
+.Menu,
+.profile .avatar,
+.toggle-cover-size,
+.body-container--unknown-os .ConnectPopup,
+.body-container--windows .ConnectPopup {
+/* border: 2px solid var(--modspotify_main_fg);*/
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ border-radius: 6px !important;
+ overflow: hidden !important;
+}
+
+/*background color around the text playlist*/
+ .glue-page-header__label span,
+ .Header__label span {
+ background-color: var(--modspotify_secondary_fg);
+ color: var(--modspotify_main_bg);
+ padding: 2px 10px;
+ }
+
+/*heart icon*/
+.view-player .nowplaying-add-button{
+ color:var(--modspotify_sidebar_indicator_and_hover_button_bg) !important;
+}
+
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/LICENSE b/archive/dotfiles-29-6-2022/spicetify/Themes/LICENSE
new file mode 100644
index 0000000..9c4db11
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 morpheusthewhite
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Lovelace/README.md b/archive/dotfiles-29-6-2022/spicetify/Themes/Lovelace/README.md
new file mode 100644
index 0000000..9a6c9fc
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Lovelace/README.md
@@ -0,0 +1,19 @@
+# Lovelace
+
+## Screenshots
+
+### Artist
+
+
+
+### Playlist
+
+
+
+## More
+
+Author: [adriankarlen](https://github.com/adriankarlen)
+
+Based on [this](https://raw.githubusercontent.com/mbadolato/iTerm2-Color-Schemes/master/schemes/lovelace.itermcolors) iTerm2 color scheme.
+
+Also used [TychoAwake](https://github.com/morpheusthewhite/spicetify-themes/tree/master/TychoAwake) as base for the theme.
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Lovelace/artist-screenshot.png b/archive/dotfiles-29-6-2022/spicetify/Themes/Lovelace/artist-screenshot.png
new file mode 100644
index 0000000..8fa0017
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Lovelace/artist-screenshot.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Lovelace/color.ini b/archive/dotfiles-29-6-2022/spicetify/Themes/Lovelace/color.ini
new file mode 100644
index 0000000..281e31d
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Lovelace/color.ini
@@ -0,0 +1,17 @@
+[Base]
+main_fg = ff4971
+secondary_fg = f37f97
+main_bg = 282a36
+sidebar_and_player_bg = 282a36
+cover_overlay_and_shadow = f37f97
+indicator_fg_and_button_bg = ff4971
+pressing_fg = c1ddff
+slider_bg = 414458
+sidebar_indicator_and_hover_button_bg = 3fdcee
+scrollbar_fg_and_selected_row_bg = 414458
+pressing_button_fg = fdfdfd
+pressing_button_bg = 3fdcee
+selected_button = 3fdcee
+miscellaneous_bg = bebec1
+miscellaneous_hover_bg = bebec1
+preserve_1 = 1d1f28
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Lovelace/playlist-screenshot.png b/archive/dotfiles-29-6-2022/spicetify/Themes/Lovelace/playlist-screenshot.png
new file mode 100644
index 0000000..0739f98
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Lovelace/playlist-screenshot.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Lovelace/user.css b/archive/dotfiles-29-6-2022/spicetify/Themes/Lovelace/user.css
new file mode 100644
index 0000000..e5ec5bb
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Lovelace/user.css
@@ -0,0 +1,647 @@
+:root {
+ --bar-height: 120px;
+}
+
+/*Round corner cover image*/
+.card-image,
+.card-placeholder-wrapper,
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ border-radius: 10px !important;
+ overflow: hidden !important
+}
+
+/*Hide some annoying elements like profile name and pic, upgrade button and device connect bar at bottom, new playlist button*/
+.profile.content-top-bar__profile-link,
+.upgrade-button,
+.view-player .remote-playback-bar,
+.NewPlaylistButton {
+ display: none !important;
+}
+
+
+/*Exclude these elements from draggable property because it stops them from clickable*/
+.profile-items-container,
+.profile {
+ -webkit-app-region: no-drag !important;
+}
+
+/*Thinner scrollbar*/
+::-webkit-scrollbar {
+ height: 6px !important;
+ width: 6px !important;
+ background-color: transparent;
+}
+
+/*Round corner scrollbar*/
+::-webkit-scrollbar-thumb {
+ border-radius: 3px !important;
+}
+
+/*Hide top and bottom buttons of scrollbar */
+/*who uses those, lol*/
+::-webkit-scrollbar-button {
+ display: none !important;
+}
+
+/*Hide cover image overlay*/
+.card-overlay {
+ visibility: hidden !important;
+}
+
+/*Lift up cover when hovering on it*/
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ transition-property: transform, box-shadow !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ box-shadow: 0 5px 20px rgba(0,0,0,0.1);
+}
+
+.card-image-hit-area:not(.no-hover):hover .card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-hit-area-counter-scale:hover .Card__image-wrapper {
+ transform: translateY(-10px);
+ box-shadow: 0 15px 30px rgba(0,0,0,0.3);
+}
+
+.card-image-hit-area .card-button-add,
+.card-image-hit-area .card-button-play,
+.card-image-hit-area .card-button-more,
+.Card__image-hit-area .card-button-add,
+.Card__image-hit-area .card-button-play,
+.Card__image-hit-area .card-button-more,
+.Card__image-hit-area .Card__play-button,
+.Card__image-hit-area .Card__add-button,
+.Card__image-hit-area .Card__more-button,
+.Card__image-hit-area .Card__overlay {
+ transition-property: all !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ opacity: 0 !important;
+}
+.card-image-hit-area:not(.no-hover):hover .card-button-add,
+.card-image-hit-area:not(.no-hover):hover .card-button-play,
+.card-image-hit-area:not(.no-hover):hover .card-button-more,
+.Card__image-hit-area:not(.no-hover):hover .card-button-add,
+.Card__image-hit-area:not(.no-hover):hover .card-button-play,
+.Card__image-hit-area:not(.no-hover):hover .card-button-more {
+ opacity: 1 !important;
+ transform: translateY(-10px);
+}
+
+.Card__image-hit-area:hover .Card__play-button,
+.Card__image-hit-area:hover .Card__add-button,
+.Card__image-hit-area:hover .Card__more-button,
+.Card__image-hit-area:hover .Card__overlay {
+ opacity: 1 !important;
+}
+
+.glue-page-header__content .glue-page-header__image-inner {
+ border-radius: 10px;
+ box-shadow: unset !important;
+}
+
+.glue-page-header__full-description-overlay {
+ box-shadow: unset !important;
+}
+
+.card-placeholder-wrapper {
+ background: transparent !important;
+}
+
+/*Spice up search input background*/
+.SearchInput {
+ color: var(--modspotify_main_fg);
+}
+.SearchInput__input {
+ color: var(--modspotify_secondary_fg);
+ background-color: rgba(var(--modspotify_rgb_scrollbar_fg_and_selected_row_bg), 0.5) !important;
+ border-radius: 4px !important;
+ padding-left: 34px;
+}
+
+.sidebar:hover .sidebar-navbar.sidebar-scroll-element {
+ opacity: 1!important;
+}
+
+.view-player .player-controls-container,
+.view-player .player-controls-container .controls {
+ overflow: visible !important;
+}
+
+.view-player .player-controls-container .controls .button-play{
+ height:50px !important;
+ border-radius:50px !important;
+ background: transparent !important;
+ box-shadow:0 0 0 0 !important;
+ width:50px !important;
+ overflow: visible !important;
+ box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
+ transition:none 0.3s cubic-bezier(.3,0,.7,1);
+}
+
+.view-player .player-controls-container .controls .button-play:before{
+ font-size:18px !important;
+ padding-left: 16px !important;
+ padding-top: 9px !important;
+}
+
+.view-player .player-controls-container .controls .button-play:after {
+ box-shadow: unset !important;
+}
+
+.view-player .player-controls-container {
+ position: absolute !important;
+ width: 100% !important;
+}
+
+.view-player .player-controls-container .controls {
+ width: 100% !important;
+ height: 100% !important;
+ align-items: center !important;
+ margin-top : 0px !important;
+}
+
+/*
+Hide the song duration and elapsed text. I dont know where to put those so I just hide them
+*/
+.view-player .player-controls-container .progress-container .elapsed,
+.view-player .player-controls-container .progress-container .remaining {
+ display: none !important;
+}
+
+/* Add round corner for Gerne and Mood cards */
+.gc-image-container,
+.gc-image {
+ border-radius: 10px !important;
+}
+
+/*
+Collage of 3 album covers is usually seen in Browse and Chart.
+*/
+.card-puff__image-wrapper,
+.card-puff__info-container,
+.card-puff__card-image {
+ border-radius: 10px !important;
+}
+
+.card-puff__image-wrapper {
+ overflow: visible;
+}
+
+.card-puff__card-image {
+ box-shadow: 5px 0 30px rgba(0,0,0,0.7);
+ overflow: visible;
+}
+
+.card-puff__title-container {
+ background-color: transparent !important;
+}
+
+.card-puff.pressed .card-puff__image-wrapper,
+.card-puff.pressed .card-puff__info-container {
+ opacity: 0.7 !important;
+}
+
+.card-puff__title {
+ padding: 5px 10px 5px 10px !important;
+ background-color: var(--modspotify_main_bg) !important;
+ border-radius: 4px;
+ border: 2px solid var(--modspotify_main_fg);
+}
+
+/*
+We use round corner on cover so they look weird in original
+form, so I move last cover to the right 20px and first one to the left 20px
+*/
+.card-puff__card-image:nth-child(1) {
+ right: 20px;
+ box-shadow: 0 0 0 0 !important;
+}
+
+.card-puff__card-image:nth-child(3) {
+ left: 20px;
+}
+
+.grid-overlay-label {
+ top: 140px !important;
+}
+
+/**/
+.glue-page-header__background-color {
+ background-image: none !important;
+ background: var(--modspotify_main_bg);
+}
+
+/* .glue-page-header__sticky {
+ padding-top: 60px !important;
+} */
+
+/*
+Remove those title, cringy description and
+meaningless followers number
+*/
+
+.carousel .card-info-subtitle-description,
+.carousel .card-info-subtitle-metadata,
+.carousel .card:not(.card-type-station).card-info-title,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-description,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-metadata {
+ display: none !important;
+}
+
+
+/*
+In top of Browse usually has bunch of Playlist or Album cards,
+and they has .carousel as a wrapper and it hides anything that
+overflows from its zone, aka our shadow and lifting animation.
+*/
+.carousel {
+ overflow: visible !important;
+}
+
+/*
+Button with text Play
+*/
+.button.button-green,
+.GlueButton.GlueButton--style-green {
+ color: var(--modspotify_main_bg) !important;
+}
+
+/*
+Change text color in playlist
+*/
+.tl-explicit .label,
+.tl-premium .label,
+.tl-cell:not(.tl-number),
+.tl-cell a:link,
+.tl-highlight {
+ color: var(--modspotify_secondary_fg);
+}
+
+.card-type-album .card-info-title,
+.card-type-track .card-info-title,
+.card-type-collection-album .card-info-title,
+.card-type-episode .card-info-title {
+ font-size: 15px;
+ font-weight: 900 !important;
+ text-align: center !important;
+ width: 100% !important;
+}
+
+.card-type-album .card-info-subtitle-links,
+.card-type-track .card-info-subtitle-links,
+.card-type-collection-album .card-info-subtitle-links,
+.card-type-episode .card-info-subtitle-links {
+ text-align: center !important;
+ width: 100% !important;
+}
+
+.tracklist-station-container::after {
+ background: transparent !important;
+}
+
+.GlueHeader__background-overlay {
+ background: var(--modspotify_main_bg) !important;
+}
+
+/* Move navigation buttons and search field to the right and down */
+.browser-navigation-top-bar {
+ margin-left: 40px !important;
+ margin-top: 15px !important;
+}
+
+.SearchInput__input,
+.SearchInput__searchIcon,
+.SearchInput__clearButton {
+ margin-top: 15px !important;
+}
+
+.content-top-bar__profile-menu-button {
+ margin-top: 15px !important;
+}
+
+.body-container--windows:not(.with-buddy-list):not(.messagebar) .content-top-bar__profile {
+ margin-right: 110px !important;
+ margin-top: -5px;
+}
+
+/* Spice up Fullscreen mode */
+#view-player .album-art .album-art__image {
+ border-radius: 30px !important;
+ box-shadow: 0 10px 70px rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.5) !important;
+}
+
+#view-player .album-art .album-art__image .card-image-content-wrapper,
+#view-player .album-art .album-art__image .card-image-content-wrapper .card-image {
+ border-radius: 30px !important;
+}
+
+/* Daily mixes */
+.carousel .card-info-wrapper.card-info-with-description.card-info-with-metadata {
+ height: 50px !important;
+}
+
+/* Remove section divider */
+.section-divider {
+ border-bottom: 0 !important;
+}
+
+/* Adjust Position of border active tab in Nav bar at top
+and add little glowing effect
+*/
+.nav.navbar-nav {
+ overflow: hidden !important;
+}
+
+.nav.navbar-nav a {
+ overflow: visible !important;
+}
+
+.nav.navbar-nav a::after {
+ bottom: 0px !important;
+ width: 100% !important;
+}
+
+.nav.navbar-nav .active a::after{
+ box-shadow: 0 0px 20px !important;
+}
+
+.nav.navbar-nav a:focus:not(.button):active::after{
+ background-color: var(--modspotify_pressing_fg) !important;
+}
+
+/* Notification bar */
+#content-wrapper #view-message-bar {
+ position: absolute !important;
+ width: calc(100% - 160px) !important;
+ margin-left: 80px !important;
+ border-radius: 0 0 10px 10px !important;
+}
+
+/* Small cover Big cover mechanism */
+.now-playing.cover-size-transition.active.image-expanded .cover-image {
+ width: 10px !important;
+ height: 10px !important;
+}
+.now-playing.cover-size-transition.active.image-expanded .caption {
+ padding-left: 0px !important;
+}
+#view-now-playing a.image {
+ overflow: visible !important;
+}
+
+#view-now-playing.expanded {
+ width: 200px;
+ height: 200px;
+}
+
+#now-playing-image-large .cover-image {
+ height: 200px !important;
+}
+
+/* Profile arrow in top left */
+.content-top-bar__profile-menu-button .dropdown {
+ position: fixed !important;
+ top: 10px !important;
+ -webkit-app-region: no-drag !important;
+}
+
+body.body-container--windows .content-top-bar__profile-menu-button .dropdown {
+ right: 190px !important;
+}
+
+body:not(.body-container--windows) .content-top-bar__profile-menu-button .dropdown {
+ right: 20px !important;
+}
+
+/* Small tooltip */
+#tooltip {
+ box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;
+ border-radius: 5px !important;
+ border: 2px solid var(--modspotify_main_fg);
+ padding: 10px 10px;
+}
+
+.tooltip-arrow-top, .tooltip-arrow-bottom {
+ display: none !important;
+}
+
+.lyrics-lines-container,
+.message-container {
+ color: #FFFFFF !important;
+}
+
+/* Home page */
+.GlueCarousel__grid-wrapper::-webkit-scrollbar-thumb {
+ display: none;
+}
+
+.GlueCard__info-wrapper,
+.Card__info-wrapper {
+ margin-bottom: 30px;
+}
+
+.card-horizontal-interior-wrapper .card-info-title {
+ text-align: start !important;
+}
+
+.tl-row.selected:hover .tl-cell {
+ background: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.GlueTableRow--is-selected {
+ background-color: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.tracklist-podcast .tl-progress .row-progress__bar {
+ background-color: var(--modspotify_main_fg);
+}
+
+.Header__background-color{
+ background-color: var(--modspotify_main_bg) !important;
+}
+
+.Button--style-green,
+.button.button-green, .button.button-white {
+ border-radius: 4px;
+ color: var(--modspotify_main_bg) !important;
+}
+
+.glue-page-header:not(.glue-page-header--album):not(.glue-page-header--playlist):not(.glue-page-header--artist):not(.glue-page-header--dailymix):not(.glue-page-header--user):not(.glue-page-header--show)
+ .glue-page-header__content-inner .glue-page-header__title-text,
+.HomeHeader .Header__content-inner .Header__title-text-inner,
+.MadeForYouHeader .Header__content-inner .Header__title-text-inner,
+.RecentlyPlayedPage__header .Header__content-inner .Header__title-text-inner {
+ background-color: var(--modspotify_main_bg);
+ padding: 5px 20px;
+ border: 5px solid var(--modspotify_main_fg) !important;
+ border-radius: 6px;
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ text-transform: uppercase;
+}
+
+.glue-page-header.glue-page-header--album .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--artist .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--dailymix .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--playlist .glue-page-header__content-inner .glue-page-header__title {
+ margin-top: 10px;
+}
+
+span.glue-page-header__title-text {
+ color: var(--modspotify_main_fg);
+}
+
+.glue-page-header .glue-page-header__content-inner .glue-page-header__button {
+ margin-top: 40px;
+}
+
+.glue-page-header__content-inner,
+.glue-page-header__data,
+.glue-page-header__title,
+.Header__content-inner,
+.Header__data,
+.Header__title,
+.Header__title-text,
+.Header__title-text-inner {
+ overflow: visible !important;
+}
+
+/*Force player bar to has fixed height*/
+.view-player {
+ height: var(--bar-height) !important;
+ border-top: 0;
+}
+
+.view-player .now-playing {
+ overflow: unset;
+}
+
+.view-player .now-playing .cover-image-link,
+.view-player .now-playing .cover-image-link figure {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+#now-playing-image-small .cover-image {
+ position: fixed !important;
+ width: var(--bar-height);
+ height: var(--bar-height);
+ left: 0;
+ bottom: 0;
+}
+
+.view-player .now-playing .cover-image-link-wrapper {
+ flex: 0 1 calc(var(--bar-height) + 10px);
+}
+
+.text-container {
+ z-index: 3;
+}
+
+.view-player .now-playing-container .button-add {
+ color: var(--modspotify_main_fg) !important;
+}
+
+.progress-container .progress-bar,
+.progress-container .inner {
+ top: 0 !important;
+ margin-top: 0 !important;
+ height: 5px;
+}
+
+.progress-container .progress-bar-wrapper {
+ top: 0 !important;
+ height: 5px;
+}
+
+.progress-container {
+ position: fixed !important;
+ width: 100% !important;
+ bottom: var(--bar-height) !important;
+ margin : 0 !important;
+}
+
+.progress-container .inner {
+ border-radius: 0 2px 2px 0 !important;
+ background-color: var(--modspotify_main_fg) !important;
+ box-shadow: 0 2px 20px 0 var(--modspotify_main_fg);
+}
+
+.glue-page-header__p2s-details,
+.glue-page-header__p2s-followers {
+ display: none;
+}
+
+.context-menu {
+ border: 2px solid var(--modspotify_main_fg);
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ border-radius: 7px !important;
+ overflow: hidden;
+}
+
+#menu-wrapper ::-webkit-scrollbar {
+ display: none;
+}
+
+#menu-wrapper {
+ border-right: 3px solid black;
+ border-image: linear-gradient(0deg, transparent , var(--modspotify_scrollbar_fg_and_selected_row_bg) 40%, var(--modspotify_scrollbar_fg_and_selected_row_bg) 60%, transparent 90%) 2 90%;
+}
+
+.main-view-wrapper {
+ overflow: unset;
+}
+
+.Button--style-icon-stroke:after,
+.Button--style-icon-stroke:hover:after,
+.Button--style-icon-stroke,
+.glue-page-header__button .button-icon-with-stroke,
+.glue-page-header__button .button-icon-with-stroke::after {
+ box-shadow: unset;
+}
+
+.glue-page-header.glue-page-header--artist .glue-page-header__label {
+ padding-top: 10px;
+}
+
+.glue-page-header.glue-page-header--artist.has-custom-image .glue-page-header__label {
+ padding-top: 8px;
+}
+
+.glue-page-header__content .glue-page-header__label {
+ margin-left: -2px;
+ z-index: 2;
+}
+
+.glue-page-header__label span,
+.Header__label span {
+ background-color: var(--modspotify_main_fg);
+ color: var(--modspotify_main_bg);
+ padding: 2px 10px;
+}
+
+.glue-page-header__label .header-verified-check {
+ background-color: transparent;
+}
+
+body.remotebar .view-player .player-bar-wrapper {
+ height: 100%;
+}
+
+.SidebarListItem--is-active:after,
+.RootlistItem--is-active:after,
+/* For Linux */ #view-navigation-bar .item.active:after {
+ background-color: transparent;
+ background-image: linear-gradient(90deg, var(--modspotify_sidebar_indicator_and_hover_button_bg) , transparent);
+ opacity: 0.2;
+ bottom: unset;
+ top: 5%;
+ height: 90%;
+ width: 100%
+}
+
+.Header__image-inner {
+ box-shadow: unset;
+}
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Material-Ocean/README.md b/archive/dotfiles-29-6-2022/spicetify/Themes/Material-Ocean/README.md
new file mode 100644
index 0000000..a2bb22c
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Material-Ocean/README.md
@@ -0,0 +1,11 @@
+# Material-Ocean
+
+## Screenshot
+
+
+
+## Info
+
+Font: [JetBrains Mono](https://www.jetbrains.com/lp/mono)
+
+Part of material ocean themes, [checkout here](https://github.com/material-ocean) for the same theme for different apps
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Material-Ocean/color.ini b/archive/dotfiles-29-6-2022/spicetify/Themes/Material-Ocean/color.ini
new file mode 100755
index 0000000..6c5d2a1
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Material-Ocean/color.ini
@@ -0,0 +1,17 @@
+[Ocean]
+main_fg = ff4151
+secondary_fg = DEDEDE
+main_bg = 0F111A
+sidebar_and_player_bg = 0F111A
+cover_overlay_and_shadow = 202020
+indicator_fg_and_button_bg = 313235
+pressing_fg = 34575C
+slider_bg = b4b7b4
+sidebar_indicator_and_hover_button_bg = 34575C
+scrollbar_fg_and_selected_row_bg = 313235
+pressing_button_fg = FFF
+pressing_button_bg = FFF
+selected_button = 4285f4
+miscellaneous_bg = 1d1f21
+miscellaneous_hover_bg = 383145
+preserve_1 = DEDEDE
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Material-Ocean/screnshot.png b/archive/dotfiles-29-6-2022/spicetify/Themes/Material-Ocean/screnshot.png
new file mode 100644
index 0000000..5496932
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Material-Ocean/screnshot.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Material-Ocean/user.css b/archive/dotfiles-29-6-2022/spicetify/Themes/Material-Ocean/user.css
new file mode 100644
index 0000000..168fab9
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Material-Ocean/user.css
@@ -0,0 +1,686 @@
+:root {
+ --bar-height: 120px;
+}
+
+/*Round corner cover image*/
+.card-image,
+.card-placeholder-wrapper,
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ border-radius: 10px !important;
+ overflow: hidden !important;
+}
+
+/*Hide some annoying elements like profile name and pic, upgrade button and device connect bar at bottom, new playlist button*/
+.profile.content-top-bar__profile-link,
+.upgrade-button,
+.view-player .remote-playback-bar,
+.NewPlaylistButton {
+ display: none !important;
+}
+
+/*Exclude these elements from draggable property because it stops them from clickable*/
+.profile-items-container,
+.profile {
+ -webkit-app-region: no-drag !important;
+}
+
+/*Thinner scrollbar*/
+::-webkit-scrollbar {
+ height: 6px !important;
+ width: 6px !important;
+ background-color: transparent;
+}
+
+/*Round corner scrollbar*/
+::-webkit-scrollbar-thumb {
+ border-radius: 3px !important;
+}
+
+/*Hide top and bottom buttons of scrollbar */
+/*who uses those, lol*/
+::-webkit-scrollbar-button {
+ display: none !important;
+}
+
+/*Hide cover image overlay*/
+.card-overlay {
+ visibility: hidden !important;
+}
+
+/*Lift up cover when hovering on it*/
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ transition-property: transform, box-shadow !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(0.3, 0, 0, 1) !important;
+ box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
+}
+
+.card-image-hit-area:not(.no-hover):hover .card-image-content-wrapper,
+.Card:not(.Card--artist)
+ .Card__image-hit-area-counter-scale:hover
+ .Card__image-wrapper {
+ transform: translateY(-10px);
+ box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
+}
+
+.card-image-hit-area .card-button-add,
+.card-image-hit-area .card-button-play,
+.card-image-hit-area .card-button-more,
+.Card__image-hit-area .card-button-add,
+.Card__image-hit-area .card-button-play,
+.Card__image-hit-area .card-button-more,
+.Card__image-hit-area .Card__play-button,
+.Card__image-hit-area .Card__add-button,
+.Card__image-hit-area .Card__more-button,
+.Card__image-hit-area .Card__overlay {
+ transition-property: all !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(0.3, 0, 0, 1) !important;
+ opacity: 0 !important;
+}
+.card-image-hit-area:not(.no-hover):hover .card-button-add,
+.card-image-hit-area:not(.no-hover):hover .card-button-play,
+.card-image-hit-area:not(.no-hover):hover .card-button-more,
+.Card__image-hit-area:not(.no-hover):hover .card-button-add,
+.Card__image-hit-area:not(.no-hover):hover .card-button-play,
+.Card__image-hit-area:not(.no-hover):hover .card-button-more {
+ opacity: 1 !important;
+ transform: translateY(-10px);
+}
+
+.Card__image-hit-area:hover .Card__play-button,
+.Card__image-hit-area:hover .Card__add-button,
+.Card__image-hit-area:hover .Card__more-button,
+.Card__image-hit-area:hover .Card__overlay {
+ opacity: 1 !important;
+}
+
+.glue-page-header__content .glue-page-header__image-inner {
+ border-radius: 10px;
+ box-shadow: unset !important;
+}
+
+.glue-page-header__full-description-overlay {
+ box-shadow: unset !important;
+}
+
+.card-placeholder-wrapper {
+ background: transparent !important;
+}
+
+/*Spice up search input background*/
+.SearchInput {
+ color: var(--modspotify_main_fg);
+}
+.SearchInput__input {
+ color: var(--modspotify_secondary_fg);
+ background-color: rgba(
+ var(--modspotify_rgb_scrollbar_fg_and_selected_row_bg),
+ 0.5
+ ) !important;
+ border-radius: 4px !important;
+ padding-left: 34px;
+}
+
+.sidebar:hover .sidebar-navbar.sidebar-scroll-element {
+ opacity: 1 !important;
+}
+
+.view-player .player-controls-container,
+.view-player .player-controls-container .controls {
+ overflow: visible !important;
+}
+
+.view-player .player-controls-container .controls .button-play {
+ height: 50px !important;
+ border-radius: 50px !important;
+ background: transparent !important;
+ box-shadow: 0 0 0 0 !important;
+ width: 50px !important;
+ overflow: visible !important;
+ box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
+ transition: none 0.3s cubic-bezier(0.3, 0, 0.7, 1);
+}
+
+.view-player .player-controls-container .controls .button-play:before {
+ font-size: 18px !important;
+ padding-left: 16px !important;
+ padding-top: 9px !important;
+}
+
+.view-player .player-controls-container .controls .button-play:after {
+ box-shadow: unset !important;
+}
+
+.view-player .player-controls-container {
+ position: absolute !important;
+ width: 100% !important;
+}
+
+.view-player .player-controls-container .controls {
+ width: 100% !important;
+ height: 100% !important;
+ align-items: center !important;
+ margin-top: 0px !important;
+}
+
+/*
+Hide the song duration and elapsed text. I dont know where to put those so I just hide them
+*/
+.view-player .player-controls-container .progress-container .elapsed,
+.view-player .player-controls-container .progress-container .remaining {
+ display: none !important;
+}
+
+/* Add round corner for Gerne and Mood cards */
+.gc-image-container,
+.gc-image {
+ border-radius: 10px !important;
+}
+
+/*
+Collage of 3 album covers is usually seen in Browse and Chart.
+*/
+.card-puff__image-wrapper,
+.card-puff__info-container,
+.card-puff__card-image {
+ border-radius: 10px !important;
+}
+
+.card-puff__image-wrapper {
+ overflow: visible;
+}
+
+.card-puff__card-image {
+ box-shadow: 5px 0 30px rgba(0, 0, 0, 0.7);
+ overflow: visible;
+}
+
+.card-puff__title-container {
+ background-color: transparent !important;
+}
+
+.card-puff.pressed .card-puff__image-wrapper,
+.card-puff.pressed .card-puff__info-container {
+ opacity: 0.7 !important;
+}
+
+.card-puff__title {
+ padding: 5px 10px 5px 10px !important;
+ background-color: var(--modspotify_main_bg) !important;
+ border-radius: 4px;
+ border: 2px solid var(--modspotify_main_fg);
+}
+
+/*
+We use round corner on cover so they look weird in original
+form, so I move last cover to the right 20px and first one to the left 20px
+*/
+.card-puff__card-image:nth-child(1) {
+ right: 20px;
+ box-shadow: 0 0 0 0 !important;
+}
+
+.card-puff__card-image:nth-child(3) {
+ left: 20px;
+}
+
+.grid-overlay-label {
+ top: 140px !important;
+}
+
+/**/
+.glue-page-header__background-color {
+ background-image: none !important;
+ background: var(--modspotify_main_bg);
+}
+
+/* .glue-page-header__sticky {
+ padding-top: 60px !important;
+} */
+
+/*
+Remove those title, cringy description and
+meaningless followers number
+*/
+
+.carousel .card-info-subtitle-description,
+.carousel .card-info-subtitle-metadata,
+.carousel .card:not(.card-type-station).card-info-title,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-description,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-metadata {
+ display: none !important;
+}
+
+/*
+In top of Browse usually has bunch of Playlist or Album cards,
+and they has .carousel as a wrapper and it hides anything that
+overflows from its zone, aka our shadow and lifting animation.
+*/
+.carousel {
+ overflow: visible !important;
+}
+
+/*
+Button with text Play
+*/
+.button.button-green,
+.GlueButton.GlueButton--style-green {
+ color: var(--modspotify_main_bg) !important;
+}
+
+/*
+Change text color in playlist
+*/
+.tl-explicit .label,
+.tl-premium .label,
+.tl-cell:not(.tl-number),
+.tl-cell a:link,
+.tl-highlight {
+ color: var(--modspotify_secondary_fg);
+}
+
+.card-type-album .card-info-title,
+.card-type-track .card-info-title,
+.card-type-collection-album .card-info-title,
+.card-type-episode .card-info-title {
+ font-size: 15px;
+ font-weight: 900 !important;
+ text-align: center !important;
+ width: 100% !important;
+}
+
+.card-type-album .card-info-subtitle-links,
+.card-type-track .card-info-subtitle-links,
+.card-type-collection-album .card-info-subtitle-links,
+.card-type-episode .card-info-subtitle-links {
+ text-align: center !important;
+ width: 100% !important;
+}
+
+.tracklist-station-container::after {
+ background: transparent !important;
+}
+
+.GlueHeader__background-overlay {
+ background: var(--modspotify_main_bg) !important;
+}
+
+/* Move navigation buttons and search field to the right and down */
+.browser-navigation-top-bar {
+ margin-left: 40px !important;
+ margin-top: 15px !important;
+}
+
+.SearchInput__input,
+.SearchInput__searchIcon,
+.SearchInput__clearButton {
+ margin-top: 15px !important;
+}
+
+.content-top-bar__profile-menu-button {
+ margin-top: 15px !important;
+}
+
+.body-container--windows:not(.with-buddy-list):not(.messagebar)
+ .content-top-bar__profile {
+ margin-right: 110px !important;
+ margin-top: -5px;
+}
+
+/* Spice up Fullscreen mode */
+#view-player .album-art .album-art__image {
+ border-radius: 30px !important;
+ box-shadow: 0 10px 70px
+ rgba(var(--modspotify_rgb_cover_overlay_and_shadow), 0.5) !important;
+}
+
+#view-player .album-art .album-art__image .card-image-content-wrapper,
+#view-player
+ .album-art
+ .album-art__image
+ .card-image-content-wrapper
+ .card-image {
+ border-radius: 30px !important;
+}
+
+/* Daily mixes */
+.carousel
+ .card-info-wrapper.card-info-with-description.card-info-with-metadata {
+ height: 50px !important;
+}
+
+/* Remove section divider */
+.section-divider {
+ border-bottom: 0 !important;
+}
+
+/* Adjust Position of border active tab in Nav bar at top
+and add little glowing effect
+*/
+.nav.navbar-nav {
+ overflow: hidden !important;
+}
+
+.nav.navbar-nav a {
+ overflow: visible !important;
+}
+
+.nav.navbar-nav a::after {
+ bottom: 0px !important;
+ width: 100% !important;
+}
+
+.nav.navbar-nav .active a::after {
+ box-shadow: 0 0px 20px !important;
+}
+
+.nav.navbar-nav a:focus:not(.button):active::after {
+ background-color: var(--modspotify_pressing_fg) !important;
+}
+
+/* Notification bar */
+#content-wrapper #view-message-bar {
+ position: absolute !important;
+ width: calc(100% - 160px) !important;
+ margin-left: 80px !important;
+ border-radius: 0 0 10px 10px !important;
+}
+
+/* Small cover Big cover mechanism */
+.now-playing.cover-size-transition.active.image-expanded .cover-image {
+ width: 10px !important;
+ height: 10px !important;
+}
+.now-playing.cover-size-transition.active.image-expanded .caption {
+ padding-left: 0px !important;
+}
+#view-now-playing a.image {
+ overflow: visible !important;
+}
+
+#view-now-playing.expanded {
+ width: 200px;
+ height: 200px;
+}
+
+#now-playing-image-large .cover-image {
+ height: 200px !important;
+}
+
+/* Profile arrow in top left */
+.content-top-bar__profile-menu-button .dropdown {
+ position: fixed !important;
+ top: 10px !important;
+ -webkit-app-region: no-drag !important;
+}
+
+body.body-container--windows .content-top-bar__profile-menu-button .dropdown {
+ right: 190px !important;
+}
+
+body:not(.body-container--windows)
+ .content-top-bar__profile-menu-button
+ .dropdown {
+ right: 20px !important;
+}
+
+/* Small tooltip */
+#tooltip {
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
+ border-radius: 5px !important;
+ border: 2px solid var(--modspotify_main_fg);
+ padding: 10px 10px;
+}
+
+.tooltip-arrow-top,
+.tooltip-arrow-bottom {
+ display: none !important;
+}
+
+.lyrics-lines-container,
+.message-container {
+ color: #ffffff !important;
+}
+
+/* Home page */
+.GlueCarousel__grid-wrapper::-webkit-scrollbar-thumb {
+ display: none;
+}
+
+.GlueCard__info-wrapper,
+.Card__info-wrapper {
+ margin-bottom: 30px;
+}
+
+.card-horizontal-interior-wrapper .card-info-title {
+ text-align: start !important;
+}
+
+.tl-row.selected:hover .tl-cell {
+ background: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.GlueTableRow--is-selected {
+ background-color: var(
+ --modspotify_scrollbar_fg_and_selected_row_bg
+ ) !important;
+}
+
+.tracklist-podcast .tl-progress .row-progress__bar {
+ background-color: var(--modspotify_main_fg);
+}
+
+.Header__background-color {
+ background-color: var(--modspotify_main_bg) !important;
+}
+
+.Button--style-green,
+.button.button-green,
+.button.button-white {
+ border-radius: 4px;
+ color: var(--modspotify_main_bg) !important;
+}
+
+.glue-page-header:not(.glue-page-header--album):not(.glue-page-header--playlist):not(.glue-page-header--artist):not(.glue-page-header--dailymix):not(.glue-page-header--user):not(.glue-page-header--show)
+ .glue-page-header__content-inner
+ .glue-page-header__title-text,
+.HomeHeader .Header__content-inner .Header__title-text-inner,
+.MadeForYouHeader .Header__content-inner .Header__title-text-inner,
+.RecentlyPlayedPage__header .Header__content-inner .Header__title-text-inner {
+ background-color: var(--modspotify_main_bg);
+ padding: 5px 20px;
+ border: 5px solid var(--modspotify_main_fg) !important;
+ border-radius: 6px;
+ box-shadow: 0 4px 12px 0
+ rgba(var(--modspotify_rgb_cover_overlay_and_shadow), 0.2);
+ text-transform: uppercase;
+}
+
+.glue-page-header.glue-page-header--album
+ .glue-page-header__content-inner
+ .glue-page-header__title,
+.glue-page-header.glue-page-header--artist
+ .glue-page-header__content-inner
+ .glue-page-header__title,
+.glue-page-header.glue-page-header--dailymix
+ .glue-page-header__content-inner
+ .glue-page-header__title,
+.glue-page-header.glue-page-header--playlist
+ .glue-page-header__content-inner
+ .glue-page-header__title {
+ margin-top: 10px;
+}
+
+span.glue-page-header__title-text {
+ color: var(--modspotify_main_fg);
+}
+
+.glue-page-header .glue-page-header__content-inner .glue-page-header__button {
+ margin-top: 40px;
+}
+
+.glue-page-header__content-inner,
+.glue-page-header__data,
+.glue-page-header__title,
+.Header__content-inner,
+.Header__data,
+.Header__title,
+.Header__title-text,
+.Header__title-text-inner {
+ overflow: visible !important;
+}
+
+/*Force player bar to has fixed height*/
+.view-player {
+ height: var(--bar-height) !important;
+ border-top: 0;
+}
+
+.view-player .now-playing {
+ overflow: unset;
+}
+
+.view-player .now-playing .cover-image-link,
+.view-player .now-playing .cover-image-link figure {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+#now-playing-image-small .cover-image {
+ position: fixed !important;
+ width: var(--bar-height);
+ height: var(--bar-height);
+ left: 0;
+ bottom: 0;
+}
+
+.view-player .now-playing .cover-image-link-wrapper {
+ flex: 0 1 calc(var(--bar-height) + 10px);
+}
+
+.text-container {
+ z-index: 3;
+}
+
+.view-player .now-playing-container .button-add {
+ color: var(--modspotify_main_fg) !important;
+}
+
+.progress-container .progress-bar,
+.progress-container .inner {
+ top: 0 !important;
+ margin-top: 0 !important;
+ height: 5px;
+}
+
+.progress-container .progress-bar-wrapper {
+ top: 0 !important;
+ height: 5px;
+}
+
+.progress-container {
+ position: fixed !important;
+ width: 100% !important;
+ bottom: var(--bar-height) !important;
+ margin: 0 !important;
+}
+
+.progress-container .inner {
+ border-radius: 0 2px 2px 0 !important;
+ background-color: var(--modspotify_main_fg) !important;
+ box-shadow: 0 2px 2px 0 var(--modspotify_main_fg);
+}
+
+.glue-page-header__p2s-details,
+.glue-page-header__p2s-followers {
+ display: none;
+}
+
+.context-menu {
+ border: 2px solid var(--modspotify_main_fg);
+ box-shadow: 0 4px 12px 0
+ rgba(var(--modspotify_rgb_cover_overlay_and_shadow), 0.2);
+ border-radius: 7px !important;
+ overflow: hidden;
+}
+
+#menu-wrapper ::-webkit-scrollbar {
+ display: none;
+}
+
+#menu-wrapper {
+ border-right: 3px solid black;
+ border-image: linear-gradient(
+ 0deg,
+ transparent,
+ var(--modspotify_scrollbar_fg_and_selected_row_bg) 40%,
+ var(--modspotify_scrollbar_fg_and_selected_row_bg) 60%,
+ transparent 90%
+ )
+ 2 90%;
+}
+
+.main-view-wrapper {
+ overflow: unset;
+}
+
+.Button--style-icon-stroke:after,
+.Button--style-icon-stroke:hover:after,
+.Button--style-icon-stroke,
+.glue-page-header__button .button-icon-with-stroke,
+.glue-page-header__button .button-icon-with-stroke::after {
+ box-shadow: unset;
+}
+
+.glue-page-header.glue-page-header--artist .glue-page-header__label {
+ padding-top: 10px;
+}
+
+.glue-page-header.glue-page-header--artist.has-custom-image
+ .glue-page-header__label {
+ padding-top: 8px;
+}
+
+.glue-page-header__content .glue-page-header__label {
+ margin-left: -2px;
+ z-index: 2;
+}
+
+.glue-page-header__label span,
+.Header__label span {
+ background-color: var(--modspotify_main_fg);
+ color: var(--modspotify_main_bg);
+ padding: 2px 10px;
+}
+
+.glue-page-header__label .header-verified-check {
+ background-color: transparent;
+}
+
+body.remotebar .view-player .player-bar-wrapper {
+ height: 100%;
+}
+
+.SidebarListItem--is-active:after,
+.RootlistItem--is-active:after,
+/* For Linux */ #view-navigation-bar .item.active:after {
+ background-color: transparent;
+ background-image: linear-gradient(
+ 90deg,
+ var(--modspotify_sidebar_indicator_and_hover_button_bg),
+ transparent
+ );
+ opacity: 0.2;
+ bottom: unset;
+ top: 5%;
+ height: 90%;
+ width: 100%;
+}
+
+.Header__image-inner {
+ box-shadow: unset;
+}
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Midnight-Light/README.md b/archive/dotfiles-29-6-2022/spicetify/Themes/Midnight-Light/README.md
new file mode 100644
index 0000000..73d1713
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Midnight-Light/README.md
@@ -0,0 +1,9 @@
+# Midnight-Light
+
+## Screenshots
+
+
+
+
+## Credits
+Theme developed by [smithpeder](https://github.com/smithpeder)
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Midnight-Light/color.ini b/archive/dotfiles-29-6-2022/spicetify/Themes/Midnight-Light/color.ini
new file mode 100644
index 0000000..f13ab2c
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Midnight-Light/color.ini
@@ -0,0 +1,18 @@
+[Base]
+
+main_fg = 2c3e50
+secondary_fg = 2c3e50
+main_bg = FAFAFA
+sidebar_and_player_bg = FAFAFA
+cover_overlay_and_shadow = 000000
+indicator_fg_and_button_bg = bdc3c7
+pressing_fg = 2c3e50
+slider_bg = FAFAFA
+sidebar_indicator_and_hover_button_bg = 95a5a6
+scrollbar_fg_and_selected_row_bg = EBEBEB
+pressing_button_fg = 2c3e50
+pressing_button_bg = 2c3e50
+selected_button = 2c3e50
+miscellaneous_bg = 2c3e50
+miscellaneous_hover_bg = 2c3e50
+preserve_1 = FFFFFF
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Midnight-Light/screenshot1.png b/archive/dotfiles-29-6-2022/spicetify/Themes/Midnight-Light/screenshot1.png
new file mode 100644
index 0000000..4c578cf
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Midnight-Light/screenshot1.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Midnight-Light/screenshot2.png b/archive/dotfiles-29-6-2022/spicetify/Themes/Midnight-Light/screenshot2.png
new file mode 100644
index 0000000..f9a1778
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Midnight-Light/screenshot2.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Midnight-Light/user.css b/archive/dotfiles-29-6-2022/spicetify/Themes/Midnight-Light/user.css
new file mode 100644
index 0000000..0129060
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Midnight-Light/user.css
@@ -0,0 +1,14 @@
+/*Thinner scrollbar*/
+::-webkit-scrollbar {
+ height: 6px !important;
+ width: 0px !important;
+ background-color: transparent;
+}
+
+.gc-label-text {
+ color: #fafafa;
+}
+
+#view-leaderboard-ad {
+ display: none !important;
+}
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/MoonChild/README.md b/archive/dotfiles-29-6-2022/spicetify/Themes/MoonChild/README.md
new file mode 100644
index 0000000..cf30677
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/MoonChild/README.md
@@ -0,0 +1,17 @@
+# MoonChild
+
+## Screenshots
+
+
+
+
+## More
+
+Required font:
+- Karla
+
+## Credits
+
+Theme developed by [bonecharm](https://www.reddit.com/user/bonecharm)
+
+Based on Thicktify theme created by [8roly](https://sta.sh/01uc5a80m46u)
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/MoonChild/color.ini b/archive/dotfiles-29-6-2022/spicetify/Themes/MoonChild/color.ini
new file mode 100644
index 0000000..ad06a79
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/MoonChild/color.ini
@@ -0,0 +1,17 @@
+[Base]
+main_fg = E8B8C0
+secondary_fg =3D3D3D
+main_bg =FFFFFF
+sidebar_and_player_bg =FFFFFF
+cover_overlay_and_shadow =FFFFFF
+indicator_fg_and_button_bg =E8B8C0
+pressing_fg =E8B8C0
+slider_bg =FFFFFF
+sidebar_indicator_and_hover_button_bg =E8B8C0
+scrollbar_fg_and_selected_row_bg =CDCDCD
+pressing_button_fg =E8B8C0
+pressing_button_bg =E8B8C0
+selected_button =FFFFFF
+miscellaneous_bg =FFFFFF
+miscellaneous_hover_bg =FFFFFF
+preserve_1 =FFFFFF
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/MoonChild/moonchild1.jpg b/archive/dotfiles-29-6-2022/spicetify/Themes/MoonChild/moonchild1.jpg
new file mode 100644
index 0000000..3a06b0e
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/MoonChild/moonchild1.jpg differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/MoonChild/moonchild2.jpg b/archive/dotfiles-29-6-2022/spicetify/Themes/MoonChild/moonchild2.jpg
new file mode 100644
index 0000000..1aad2b1
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/MoonChild/moonchild2.jpg differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/MoonChild/user.css b/archive/dotfiles-29-6-2022/spicetify/Themes/MoonChild/user.css
new file mode 100644
index 0000000..d1e5fd1
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/MoonChild/user.css
@@ -0,0 +1,739 @@
+/*
+
+Original Theme: Thicktify by 8roly (https://sta.sh/01uc5a80m46u)
+Edited Theme: Moon Child by bonecharm (https://www.reddit.com/user/bonecharm)
+
+Moon Child V1.0
+Last Updated: September 3 2018
+
+*/
+
+html {
+ font-family: "Karla"!important; /* Change font here */
+}
+
+h1 {
+ font-family: "Karla"!important; /* Change font here */
+ text-transform: uppercase!important;
+ font-weight: bold;
+}
+
+/* Hide box shadow around follow button and adds border **/
+button.button-with-stroke {
+ box-shadow: none!important;
+ border: 1px solid var(--modspotify_main_fg)!important;
+}
+
+/* Hide box shadow around profile images */
+[dir] .glue-page-header__content .glue-page-header__image-inner {
+ box-shadow: none!important;
+}
+
+/* Sidebar Top Items */
+.sidebar-top-items {
+ background: var(--modspotify_main_fg);
+}
+
+#content-wrapper button {
+ color: var(--modspotify_main_fg);
+}
+
+/* Hide ads */
+#leaderboard-ad-wrapper, #hpto, .hpto-container, .RecentlyPlayedPage .Header__background-overlay, .AlbumHeader .Header__background-overlay {
+ display: none!important;
+}
+
+/* Hide headers */
+.RecentlyPlayedPage__header,
+.AlbumHeader,
+#artist-page .glue-page-header__background {
+ background: #ffffff!important;
+ background-image: none!important;
+ opacity: 1;
+}
+
+.RecentlyPlayedPage__header .Header__content-wrapper container,
+.AlbumHeader .Header__content-wrapper container {
+ -webkit-mask-image: none!important;
+}
+
+.RecentlyPlayedPage__header .Header__background .Header__background-color,
+.AlbumHeader .Header__background .Header__background-color,
+#artist-page #header .glue-page-header__background-image-overlay-gradient,
+#artist-page #header .glue-page-header__background-overlay {
+ background: #ffffff!important;
+}
+
+.RecentlyPlayedPage__header .Header, .AlbumHeader .Header {
+ height: auto;
+}
+
+/* Round corner cover image */
+.card-image,
+.card-placeholder-wrapper,
+.card-image-content-wrapper,
+.GlueCard:not(.GlueCard--artist) .GlueCard__image,
+.GlueCard:not(.GlueCard--artist) .GlueCard__image-wrapper {
+ border-radius: 3px!important;
+ overflow: hidden!important
+ border: none!important;
+ /* box-shadow: 0px 3px 5px rgba(0,0,0,.08)!important; */
+}
+
+/* Hide some annoying elements like profile name and pic, upgrade button and device connect bar at bottom, new playlist button */
+.profile.content-top-bar__profile-link,
+.upgrade-button,
+.view-player .remote-playback-bar,
+.NewPlaylistButton {
+ display: none!important;
+}
+
+/* Exclude these elements from draggable property because it stops them from clickable */
+.profile-items-container,
+.profile
+ {
+ -webkit-app-region: no-drag!important;
+}
+
+/* Thinner scrollbar */
+::-webkit-scrollbar {
+ height: 8px!important;
+ width: 8px!important;
+ background-color: transparent;
+ transition: all .5s!important;
+}
+
+/* Round corner scrollbar */
+[dir] .scrollbar-style-visible-mac::-webkit-scrollbar-thumb, [dir] .scrollbar-style-visible-mac ::-webkit-scrollbar-thumb, [dir] .scrollbar-style-visible-windows::-webkit-scrollbar-thumb, [dir] .scrollbar-style-visible-windows ::-webkit-scrollbar-thumb, [dir] .scrollbar-style-visible-linux::-webkit-scrollbar-thumb, [dir] .scrollbar-style-visible-linux ::-webkit-scrollbar-thumb {
+ border-radius: 3px!important;
+ background-color: rgba(var(--modspotify_rgb_scrollbar_fg_and_selected_row_bg), .5);
+}
+
+/* Hide top and bottom buttons of scrollbar */
+::-webkit-scrollbar-button {
+ display: none!important;
+}
+
+/* Change the overlay color */
+.card-overlay {
+ background: rgba(var(--modspotify_rgb_preserve), .15)!important;
+}
+
+/* Hover effects on cover */
+.card-image-hit-area .card-button-add,
+.card-image-hit-area .card-button-play,
+.card-image-hit-area .card-button-more,
+.card-image-hit-area .card-overlay,
+.GlueCard__image-hit-area .card-button-add,
+.GlueCard__image-hit-area .card-button-play,
+.GlueCard__image-hit-area .card-button-more,
+.GlueCard__image-hit-area .GlueCard__play-button,
+.GlueCard__image-hit-area .GlueCard__add-button,
+.GlueCard__image-hit-area .GlueCard__more-button,
+.GlueCard__image-hit-area .GlueCard__overlay {
+ transition-property: all!important;
+ transition-duration: .3s!important;
+ transition-timing-function: cubic-bezier(.3,0,0,1)!important;
+ opacity: 0!important;
+}
+.card-image-hit-area:not(.no-hover):hover .card-button-add,
+.card-image-hit-area:not(.no-hover):hover .card-button-play,
+.card-image-hit-area:not(.no-hover):hover .card-button-more,
+.card-image-hit-area:not(.no-hover):hover .card-overlay,
+.GlueCard__image-hit-area:not(.no-hover):hover .card-button-add,
+.GlueCard__image-hit-area:not(.no-hover):hover .card-button-play,
+.GlueCard__image-hit-area:not(.no-hover):hover .card-button-more {
+ opacity: 1!important;
+}
+
+.GlueCard__image-hit-area:hover .GlueCard__play-button,
+.GlueCard__image-hit-area:hover .GlueCard__add-button,
+.GlueCard__image-hit-area:hover .GlueCard__more-button,
+.GlueCard__image-hit-area:hover .GlueCard__overlay {
+ opacity: 1!important;
+}
+
+.card-placeholder-wrapper {
+ background: transparent!important;
+}
+
+/* Spice up search input background */
+.SearchInput__input, [dir] .focus .h-search, [dir] .h-search:focus {
+ color: var(--modspotify_secondary_fg);
+ background-color: rgba(var(--modspotify_rgb_scrollbar_fg_and_selected_row_bg), 0.5)!important;
+ border-radius: 12px;
+}
+
+.SearchInput {
+ color: var(--modspotify_secondary_fg);
+}
+
+/* Fixed player bar height and add cool shadow under */
+.view-player {
+ height: 128px!important;
+ /*box-shadow: 0 -5px 20px rgba(0,0,0,0.08)!important; */
+ border-top: 0px!important;
+}
+
+/* Make cover image in player bar bigger and change position it abit
+Also padding tilte and artist to correct position */
+.view-player .now-playing,
+.view-player .now-playing-container,
+.view-player .now-playing .cover-image-container {
+ height: 100%!important;
+ overflow: visible!important;
+}
+
+.view-player .now-playing .cover-image-container {
+ position: absolute!important;
+ overflow: visible!important;
+ bottom: 0px!important;
+ border: 0px!important;
+ left: -93px!important;
+}
+.view-player .now-playing .cover-image-container .cover-image {
+ width: 128px!important;
+ height: 128px!important;
+ position: absolute!important;
+ box-shadow: 0px 0px!important;
+ background-size: cover!important;
+}
+
+.view-player .now-playing-container .caption {
+ height: 100%!important;
+ align-content: center!important;
+ padding-left: 80px!important;
+}
+
+@media (min-width: 1200px){
+ .view-player .now-playing-container {
+ min-width: 500px;
+ }
+}
+
+
+.view-player .now-playing-container {
+ z-index: 9998!important;
+}
+
+
+/* Expanded sidebar width */
+.sidebar {
+ width: 200px!important;
+ opacity: 1;
+}
+
+.sidebar .sidebar-navbar.sidebar-scroll-element {
+ padding-top: 30px!important;
+ padding-bottom: 60px!important;
+ transition-property: opacity!important;
+ transition-duration: .5s!important;
+ transition-timing-function: cubic-bezier(.3,0,0,1)!important;
+}
+
+/* Playlist content */
+#content {
+ padding-bottom: 60px;
+}
+
+.view-player .player-controls-container,
+.view-player .player-controls-container .controls {
+ overflow: visible!important;
+}
+
+.view-player .player-controls-container .controls .button-play{
+ height:50px!important;
+ border-radius:50px!important;
+ background: transparent!important;
+ box-shadow:0 0 0 0!important;
+ width:50px!important;
+ overflow: visible!important;
+ transition:none 0.3s cubic-bezier(.3,0,.7,1);
+}
+
+.view-player .player-controls-container .controls .button-play:before{
+ font-size:18px!important;
+ padding-left: 16px!important;
+ padding-top: 9px!important;
+}
+
+.view-player .player-controls-container {
+ position: absolute!important;
+ width: 100%!important;
+}
+
+.view-player .player-controls-container .controls {
+ width: 100%!important;
+ height: 100% !important;
+ align-items: center!important;
+ margin-top : 0px!important;
+}
+
+/* Hide the song duration and elapsed text. I dont know where to put those so I just hide them */
+.view-player .player-controls-container .progress-container .elapsed,
+.view-player .player-controls-container .progress-container .remaining {
+ display: none!important;
+}
+
+/* Move progress bar to bottom of window */
+.view-player .player-controls-container .progress-container {
+ position: absolute!important;
+ width: 100%!important;
+ height: 100%!important;
+ bottom: -71px!important;
+ margin : 0 0 0 0!important;
+ z-index: 9999!important;
+}
+
+.view-player .player-controls-container .progress-container .progress-bar {
+ margin-top: -6px!important;
+ top: 100%!important;
+}
+
+.view-player .player-controls-container .progress-container .progress-bar .inner {
+ top: 100%!important;
+ margin-top: -4px!important;
+ border-radius: 0 2px 2px 0!important;
+ background-color: var(--modspotify_scrollbar_fg_and_selected_row_bg);
+}
+
+/* Add round corner for Gerne and Mood cards */
+.gc-image-container,
+.gc-image {
+ border-radius: 3px!important;
+}
+
+/* Collage of 3 album covers is usually seen in Browse and Chart. */
+.card-puff__image-wrapper,
+.card-puff__info-container,
+.card-puff__card-image {
+ border-radius: 3px!important;
+}
+
+.card-puff__image-wrapper {
+ overflow: visible;
+}
+
+.card-puff__card-image {
+ box-shadow: 0px 0px;
+ overflow: visible;
+}
+
+.card-puff__title-container {
+ background-color: rgba(0,0,0,0)!important;
+ align-items: start!important;
+}
+
+.card-puff.pressed .card-puff__image-wrapper,
+.card-puff.pressed .card-puff__info-container {
+ opacity: 0.7!important;
+}
+
+.card-puff__title {
+ padding: 5px 10px 5px 10px!important;
+ background-color: rgba(var(--modspotify_rgb_cover_overlay_and_shadow),0.8)!important;
+ border-radius: 3px 3px 0 0!important;
+ text-align: left!important;
+ width: 100%!important;
+ margin: 0!important;
+}
+
+/* We use round corner on cover so they look weird in original
+form, so I move last cover to the right 20px and first one to the left 20px */
+.card-puff__card-image:nth-child(1) {
+ right: 20px;
+ box-shadow: 0 0 0 0!important;
+}
+
+.card-puff__card-image:nth-child(3) {
+ left: 20px;
+}
+
+.grid-overlay-label {
+ top: 140px!important;
+}
+
+/**/
+.glue-page-header__background-color {
+ background-image: none!important;
+ background: var(--modspotify_main_bg);
+}
+
+.glue-page-header__background-overlay {
+ background-color: transparent!important;
+}
+
+.glue-page-header__sticky {
+ padding-top: 60px!important;
+}
+
+/* Remove those title, cringy description and
+meaningless followers number */
+
+.carousel .card-info-subtitle-description,
+.carousel .card-info-subtitle-metadata,
+.carousel .card:not(.card-type-station).card-info-title,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-description,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-metadata {
+ display: none!important;
+}
+
+/* In top of Browse usually has bunch of Playlist or Album cards,
+and they has .carousel as a wrapper and it hides anything that
+overflows from its zone, aka our shadow and lifting animation. */
+.carousel {
+ overflow: visible!important;
+}
+
+/* Button with text Play */
+.button.button-green,
+.GlueButton.GlueButton--style-green {
+ color: var(--modspotify_main_bg)!important;
+}
+
+/* Change text color in playlist */
+.tl-explicit .label,
+.tl-premium .label,
+.tl-cell:not(.tl-number),
+.tl-cell a:link,
+.tl-highlight {
+ color: var(--modspotify_secondary_fg);
+}
+
+.card-type-album .card-info-title,
+.card-type-track .card-info-title,
+.card-type-collection-album .card-info-title,
+.card-type-episode .card-info-title {
+ font-size: 15px;
+ font-weight: 900!important;
+ text-align: center!important;
+ width: 100%!important;
+}
+
+.card-type-album .card-info-subtitle-links,
+.card-type-track .card-info-subtitle-links,
+.card-type-collection-album .card-info-subtitle-links,
+.card-type-episode .card-info-subtitle-links {
+ text-align: center!important;
+ width: 100%!important;
+}
+
+.tracklist-station-container::after {
+ background: transparent!important;
+}
+
+.GlueHeader__background-overlay {
+ background: var(--modspotify_main_bg)!important;
+}
+
+/* Move navigation buttons and search field to the right and down */
+.browser-navigation-top-bar {
+ margin-left: 40px!important;
+ margin-top: 15px!important;
+}
+
+.SearchInput__input,
+.SearchInput__searchIcon,
+.SearchInput__clearButton {
+ margin-top: 15px!important;
+}
+
+.content-top-bar__profile-menu-button {
+ margin-top: 15px!important;
+}
+
+.body-container--windows:not(.with-buddy-list):not(.messagebar) .content-top-bar__profile {
+ margin-right: 110px!important;
+ margin-top: -5px;
+}
+
+/* Spice up Fullscreen mode */
+#view-player .album-art .album-art__image {
+ border-radius: 10px!important;
+ /* box-shadow: 0 3px 5px rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.5)!important; */
+}
+
+#view-player .album-art .album-art__image .card-image-content-wrapper,
+#view-player .album-art .album-art__image .card-image-content-wrapper .card-image {
+ border-radius: 10px!important;
+}
+
+/* Daily mixes */
+.carousel .card-info-wrapper.card-info-with-description.card-info-with-metadata {
+ height: 50px!important;
+}
+
+/* Remove section divider */
+.section-divider {
+ border-bottom: 0!important;
+}
+
+/* Adjust Position of border active tab in Nav bar at top
+and add little glowing effect */
+.nav.navbar-nav {
+ overflow: hidden!important;
+}
+
+.nav.navbar-nav a {
+ overflow: visible!important;
+}
+
+.nav.navbar-nav a::after {
+ bottom: 0px!important;
+ width: 100%!important;
+}
+
+.nav.navbar-nav .active a::after{
+ box-shadow: 0 0px 20px!important;
+}
+
+.nav.navbar-nav a:focus:not(.button):active::after{
+ background-color: var(--modspotify_pressing_fg)!important;
+}
+
+/* Friend sidebar */
+#view-buddy-list {
+ min-width: 15px!important;
+ width: 15px!important;
+ transition-property: all!important;
+ transition-duration: .5s!important;
+ transition-timing-function: cubic-bezier(.3,0,0,1)!important;
+ opacity: 0;
+}
+
+#view-buddy-list:hover {
+ width: 277px!important;
+ opacity: 1;
+}
+
+.body-container--windows .buddy-list-iframe {
+ height: 100%!important;
+}
+
+.with-buddy-list #view-buddy-list {
+ position: absolute;
+ right: 0px;
+ display: flex;
+ z-index: 999999;
+ height: 100%;
+}
+
+/* Notification bar */
+#content-wrapper #view-message-bar {
+ position: absolute!important;
+ width: calc(100% - 160px)!important;
+ margin-left: 80px!important;
+ border-radius: 0 0 10px 10px!important;
+}
+
+/* Small cover Big cover mechanism */
+.now-playing.cover-size-transition.active.image-expanded .cover-image {
+ width: 10px!important;
+ height: 10px!important;
+}
+.now-playing.cover-size-transition.active.image-expanded .caption {
+ padding-left: 0px!important;
+}
+#view-now-playing a.image {
+ overflow: visible!important;
+}
+
+#view-now-playing.expanded {
+ width: 200px;
+ height: 200px;
+}
+
+#now-playing-image-large .cover-image {
+ height: 200px!important;
+}
+
+/* Profile arrow in top left */
+.content-top-bar__profile-menu-button .dropdown {
+ position: fixed!important;
+ right: 150px!important;
+ top: 0!important;
+ -webkit-app-region: no-drag!important;
+}
+
+/* Small tooltip */
+#tooltip {
+ box-shadow: 0 0 10px rgba(0,0,0,0.2)!important;
+ border-radius: 5px!important;
+}
+
+.lyrics-lines-container,
+.message-container {
+ color: var(--modspotify_secondary_fg)!important;
+}
+
+/* Home page */
+.GlueCarousel__grid-wrapper::-webkit-scrollbar-thumb {
+ display: none;
+}
+
+.GlueCard__info-wrapper {
+ margin-bottom: 30px;
+}
+
+.card-horizontal-interior-wrapper .card-info-title {
+ text-align: start!important;
+}
+
+.tl-row.selected:hover .tl-cell {
+ background: rgba(var(--modspotify_rgb_scrollbar_fg_and_selected_row_bg), .5)!important;
+}
+
+.GlueTableRow--is-selected {
+ background-color: transparent!important;
+}
+
+.tracklist-podcast .tl-progress .row-progress__bar {
+ background-color: var(--modspotify_main_fg);
+}
+
+/* Addtional styles */
+
+.view-player .track a {
+
+ font-size: 14pt!important;
+ font-weight: bold!important;
+ font-family: "Karla"!important; /* change font here */
+}
+
+::-webkit-scrollbar {
+ transition: all .5s!important;
+}
+
+::webkit-scrollbar:hover {
+ transition: all .3s!important;
+
+ }
+
+::webkit-scrollbar-thumb: {
+ background: rgba(var(--modspotify_rgb_scrollbar_fg_and_selected_row_bg), .5)!important;
+}
+
+.button-icon-with-stroke {
+ box-shadow: 0px 0px!important;
+}
+
+ /* The player view is darker than the rest of the content */
+
+ .view-player, .progress-bar, .progress-bar .inner {
+ background: var(--modspotify_main_fg)!important;
+ }
+
+ .view-player .player-controls-container .controls .button-play.button-play:not(:hover):after {
+ box-shadow: 0px 0px!important;
+ }
+
+ .view-player .extra-controls-container .volumebar-container .progress-bar .inner, .view-player .player-controls-container .progress-container .progress-bar .inner, [dir] .view-player .player-controls-container .button-repeat.active:after, [dir] .view-player .player-controls-container .button-shuffle.active:after {
+ background: var(--modspotify_preserve_1) !important;
+ }
+
+ .view-player .extra-controls-container .button-devices, .view-player .extra-controls-container .button-lyrics, .view-player .extra-controls-container .button-queue, .view-player .extra-controls-container .button-subtitles, .view-player .button.button-icon-only, .view-player .player-controls-container .controls .next, .view-player .player-controls-container .controls .previous, .view-player .player-controls-container .controls .button-repeat, .view-player .player-controls-container .controls .button-shuffle, .view-player .player-controls-container .controls .button-thumbs-down, .view-player .player-controls-container .controls .button-thumbs-up, .view-player .artist a, .view-player .artist, .view-player .player-controls-container .controls .button-repeat.active.contextmenu-active, .view-player .player-controls-container .controls .button-shuffle.active.contextmenu-active, .view-player .player-controls-container .controls .button-thumbs-down.active.contextmenu-active, .view-player .player-controls-container .controls .button-thumbs-down.active:not(:disabled):hover, .view-player .player-controls-container .controls .button-thumbs-up.active.contextmenu-active, .view-player .player-controls-container .controls .button-thumbs-up.active:not(:disabled):hover, .view-player .player-controls-container .controls .button-repeat.active, .view-player .player-controls-container .controls .button-shuffle.active {
+ color: var(--modspotify_preserve_1)!important;
+ }
+
+ .view-player .player-controls-container .controls .next, .view-player .player-controls-container .controls .previous {
+ color: rgba(var(--modspotify_rgb_preserve_1), .5)!important;
+ }
+
+ [dir=ltr] .view-player .text-container .text-item-container .text-item .scroll-text-container:after, [dir=rtl] .view-player .text-container .text-item-container .text-item .scroll-text-container:before, .nav.navbar-nav .active a::after {
+
+ display: none!important;
+ }
+
+ .tl-header th, .SidebarList__title {
+ font-weight: bold!important;
+ font-size: 10pt!important;
+ color: var(--modspotify_main_fg)!important;
+ }
+
+ .progress-bar .inner {
+ background: var(--modspotify_main_fg)!important;
+ }
+
+ .view-player .player-controls-container .controls .next:hover, .view-player .player-controls-container .controls .previous:hover {
+ color: var(--modspotify_preserve_1)!important;
+ }
+
+ [dir] .view-player .player-controls-container .controls .button-play.button-play.playing:not(:hover):after, [dir] .button.button-icon-with-stroke::after, [dir] .button.button-with-stroke.added:not(:disabled):hover:active, [dir] .button.button-with-stroke.active:not(:disabled):hover:active, [dir] .button.button-with-stroke::after, [dir] .button.button-with-stroke.added, [dir] .button.button-with-stroke.active {
+ box-shadow: 0px 0px!important;
+ }
+
+ [dir] .context-menu {
+ box-shadow: 0px 3px 5px rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.15)!important;
+ }
+
+ .view-player .player-controls-container .controls .button-play, .view-player .track a {
+ color: var(--modspotify_preserve_1)!important;
+ }
+
+ /* Remove bg color from playing icon in the sidebar */
+
+ [dir] .GlueButton--style-icon-stroke {
+ background: transparent!important;
+ box-shadow: 0px 0px!important;
+ }
+
+ [dir] .GlueButton--style-icon-background {
+ background: transparent!important;
+ }
+
+ /* Change the sliders...way smaller */
+
+ [dir] .slider {
+ border: 1px solid transparent;
+ height: 12px;
+ width: 22px;
+ background: var(--modspotify_scrollbar_fg_and_selected_row_bg);
+ }
+
+ [dir] .slider div {
+ width: 12px;
+ height: 12px;
+ top: -1px;
+ left: -2px;
+ box-shadow: 0px 0px;
+ }
+
+ [dir=ltr] .slider.enabled div {
+ left: 8px;
+ }
+
+ [dir=ltr] .slider.enabled {
+ background: var(--modspotify_scrollbar_fg_and_selected_row_bg);
+ }
+
+ /* that is some facebook button, huh?*/
+
+ [dir] .button.button-facebook {
+ background: #789fda;
+ color: #fff;
+ }
+
+ /* Bold currently playing song */
+
+ .tl-row.current .tl-cell:not(.tl-number), .tl-row.current .tl-cell a:link, .tl-row.current .tl-highlight {
+ font-weight: bold;
+ background: transparent!important;
+ }
+
+ /* Browse section tweaks */
+
+ div.card-puff__image-wrapper > a, [dir] .card-puff__title {
+ font-family: "Karla"!important; /* change font here */
+ font-weight: bold;
+ font-size: 18pt!important;
+ text-transform: uppercase;
+ vertical-align: bottom;
+ color: var(--modspotify_preserve_1);
+ }
+
+ .card-puff__title {
+ background: linear-gradient(transparent, var(--modspotify_scrollbar_fg_and_selected_row_bg))!important;
+ height: 100%;
+ vertical-align: text-bottom!important;
+ }
+
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Night-Owl/README.md b/archive/dotfiles-29-6-2022/spicetify/Themes/Night-Owl/README.md
new file mode 100644
index 0000000..5b8f5c5
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Night-Owl/README.md
@@ -0,0 +1,9 @@
+# Night Owl
+
+## Screenshots
+
+
+
+## More
+
+Highly inspired by [Night](https://github.com/morpheusthewhite/spicetify-themes/tree/master/Night) & [VSCode - Night Owl](https://marketplace.visualstudio.com/items?itemName=sdras.night-owl).
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Night-Owl/color.ini b/archive/dotfiles-29-6-2022/spicetify/Themes/Night-Owl/color.ini
new file mode 100644
index 0000000..ce70586
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Night-Owl/color.ini
@@ -0,0 +1,17 @@
+[Base]
+main_fg = 648bab
+secondary_fg = 648bab
+main_bg = 0e2338
+sidebar_and_player_bg = 0e2338
+cover_overlay_and_shadow = 000000
+indicator_fg_and_button_bg = 214f7d
+pressing_fg = 1757B1
+slider_bg = 143352
+sidebar_indicator_and_hover_button_bg = 1e5a8c
+scrollbar_fg_and_selected_row_bg = 22242b
+pressing_button_fg = 279FDA
+pressing_button_bg = 6e94a1
+selected_button = FAFAFA
+miscellaneous_bg = 3d4248
+miscellaneous_hover_bg = 363a3f
+preserve_1 = edf8fc
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Night-Owl/screenshot.png b/archive/dotfiles-29-6-2022/spicetify/Themes/Night-Owl/screenshot.png
new file mode 100644
index 0000000..7691769
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Night-Owl/screenshot.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Night-Owl/user.css b/archive/dotfiles-29-6-2022/spicetify/Themes/Night-Owl/user.css
new file mode 100644
index 0000000..06a76c1
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Night-Owl/user.css
@@ -0,0 +1,97 @@
+:root {
+ --custom-border: #24405d;
+ --custom-border-secondary: #2d5175;
+ --custom-heart: #d61515;
+
+ --connect-box: #272727;
+ --playlist-filter-input: rgba(19, 49, 78, 0.5);
+}
+
+/* Custom font */
+h1, h2, h3, h4, h5, h6,
+p, span {
+
+}
+
+/* Disable visualization when shows lyric */
+.visualization-container {
+ display: none;
+}
+
+/* Scrollbars */
+.scrollbar-style-visible-mac::-webkit-scrollbar, .scrollbar-style-visible-mac ::-webkit-scrollbar, .scrollbar-style-visible-windows::-webkit-scrollbar, .scrollbar-style-visible-windows ::-webkit-scrollbar, .scrollbar-style-visible-linux::-webkit-scrollbar, .scrollbar-style-visible-linux ::-webkit-scrollbar {
+ width: 13px;
+}
+
+.scrollbar-style-visible-windows::-webkit-scrollbar-button, .scrollbar-style-visible-windows ::-webkit-scrollbar-button, .scrollbar-style-visible-linux::-webkit-scrollbar-button, .scrollbar-style-visible-linux ::-webkit-scrollbar-button {
+ background-color: var(--modspotify_sidebar_and_player_bg);
+ background-image: none !important;
+}
+
+.view-player,
+.LeftSidebarNewPlaylistButton__button,
+.Header--with-active-sticky-header .Header__background {
+ border-top-color: var(--custom-border);
+}
+
+.GlueSectionDivider__container {
+ border-bottom-color: var(--custom-border-secondary);
+}
+
+#menu-wrapper {
+ border-right: 1px solid var(--custom-border);
+}
+
+/* Heart */
+.added .button.button-icon-only.button-add,
+
+.view-player .now-playing-container .button-add, .view-player .now-playing-container .button-add:not(:disabled):hover, .view-player .now-playing-container .nowplaying-add-button, .view-player .now-playing-container .nowplaying-add-button:not(:disabled):hover,
+
+.Button--style-icon:not(.Button--is-drop-target-active),
+
+.button-header-add.added::before, .button-header-add.added:hover::before, .button-header-add.added.just-changed::before {
+ color: var(--custom-heart);
+}
+
+/* Disable animations */
+* {
+ -webkit-animation: none !important;
+ animation: none !important;
+
+ -webkit-transform: none !important;
+ transform: none !important;
+
+ box-shadow: none !important;
+ filter: none !important;
+}
+
+canvas {
+ display: none !important;
+}
+
+.Header__background-color {
+ background-color: transparent !important;
+}
+
+/* Force to avoid bad showing */
+body .ConnectPopup {
+ transform: translateX(-50%) !important;
+}
+
+body .glue-page-header--with-active-sticky-header .glue-page-header__sticky-inner {
+ transform: translateY(-48px) !important;
+}
+
+.ConnectPopup,
+.ConnectPopup__content {
+ background: var(--connect-box);
+}
+
+.h-search {
+ background: var(--playlist-filter-input);
+}
+
+.h-search::placeholder {
+ color: #648bab;
+ color: var(--modspotify_secondary_fg);
+}
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Night/README.md b/archive/dotfiles-29-6-2022/spicetify/Themes/Night/README.md
new file mode 100644
index 0000000..19cf139
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Night/README.md
@@ -0,0 +1,9 @@
+# Night
+
+## Screenshots
+
+
+
+## More
+
+Highly inspired by SpicetifyDefault.
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Night/color.ini b/archive/dotfiles-29-6-2022/spicetify/Themes/Night/color.ini
new file mode 100644
index 0000000..538bc6a
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Night/color.ini
@@ -0,0 +1,17 @@
+[Base]
+main_fg = 9ed4e7
+secondary_fg = 6e94a1
+main_bg = 060D12
+sidebar_and_player_bg = 031016
+cover_overlay_and_shadow = 000000
+indicator_fg_and_button_bg = 1A6499
+pressing_fg = 1757B1
+slider_bg = 25272c
+sidebar_indicator_and_hover_button_bg = 0dc2ff
+scrollbar_fg_and_selected_row_bg = 2C8AAE
+pressing_button_fg = 279FDA
+pressing_button_bg = 6e94a1
+selected_button = FAFAFA
+miscellaneous_bg = 3d4248
+miscellaneous_hover_bg = 363a3f
+preserve_1 = 9ed4e7
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Night/screenshot.png b/archive/dotfiles-29-6-2022/spicetify/Themes/Night/screenshot.png
new file mode 100644
index 0000000..6cf933f
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Night/screenshot.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Night/user.css b/archive/dotfiles-29-6-2022/spicetify/Themes/Night/user.css
new file mode 100644
index 0000000..73a3e54
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Night/user.css
@@ -0,0 +1,669 @@
+:root {
+ --bar-height: 50px;
+}
+
+/*Round corner cover image*/
+.card-image,
+.card-placeholder-wrapper,
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ border-radius: 10px !important;
+ overflow: hidden !important
+}
+
+/*Hide some annoying elements like profile name and pic, upgrade button and device connect bar at bottom, new playlist button*/
+.profile.content-top-bar__profile-link,
+.upgrade-button,
+.view-player .remote-playback-bar,
+.NewPlaylistButton {
+ display: none !important;
+}
+
+
+/*Exclude these elements from draggable property because it stops them from clickable*/
+.profile-items-container,
+.profile {
+ -webkit-app-region: no-drag !important;
+}
+
+/*Thinner scrollbar*/
+::-webkit-scrollbar {
+ height: 6px !important;
+ width: 6px !important;
+ background-color: transparent;
+}
+
+/*Round corner scrollbar*/
+::-webkit-scrollbar-thumb {
+ border-radius: 3px !important;
+}
+
+/*Hide top and bottom buttons of scrollbar */
+/*who uses those, lol*/
+::-webkit-scrollbar-button {
+ display: none !important;
+}
+
+/*Hide cover image overlay*/
+.card-overlay {
+ visibility: hidden !important;
+}
+
+/*Lift up cover when hovering on it*/
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ transition-property: transform, box-shadow !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ box-shadow: 0 5px 20px rgba(0,0,0,0.1);
+}
+
+.card-image-hit-area:not(.no-hover):hover .card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-hit-area-counter-scale:hover .Card__image-wrapper {
+ transform: translateY(-10px);
+ box-shadow: 0 15px 30px rgba(0,0,0,0.3);
+}
+
+.card-image-hit-area .card-button-add,
+.card-image-hit-area .card-button-play,
+.card-image-hit-area .card-button-more,
+.Card__image-hit-area .card-button-add,
+.Card__image-hit-area .card-button-play,
+.Card__image-hit-area .card-button-more,
+.Card__image-hit-area .Card__play-button,
+.Card__image-hit-area .Card__add-button,
+.Card__image-hit-area .Card__more-button,
+.Card__image-hit-area .Card__overlay {
+ transition-property: all !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ opacity: 0 !important;
+}
+.card-image-hit-area:not(.no-hover):hover .card-button-add,
+.card-image-hit-area:not(.no-hover):hover .card-button-play,
+.card-image-hit-area:not(.no-hover):hover .card-button-more,
+.Card__image-hit-area:not(.no-hover):hover .card-button-add,
+.Card__image-hit-area:not(.no-hover):hover .card-button-play,
+.Card__image-hit-area:not(.no-hover):hover .card-button-more {
+ opacity: 1 !important;
+ transform: translateY(-10px);
+}
+
+.Card__image-hit-area:hover .Card__play-button,
+.Card__image-hit-area:hover .Card__add-button,
+.Card__image-hit-area:hover .Card__more-button,
+.Card__image-hit-area:hover .Card__overlay {
+ opacity: 1 !important;
+}
+
+.glue-page-header__content .glue-page-header__image-inner {
+ border-radius: 10px;
+ box-shadow: unset !important;
+}
+
+.glue-page-header__full-description-overlay {
+ box-shadow: unset !important;
+}
+
+.card-placeholder-wrapper {
+ background: transparent !important;
+}
+
+/*Spice up search input background*/
+.SearchInput {
+ color: var(--modspotify_main_fg);
+}
+.SearchInput__input {
+ color: var(--modspotify_secondary_fg);
+ background-color: rgba(var(--modspotify_rgb_scrollbar_fg_and_selected_row_bg), 0.5) !important;
+ border-radius: 4px !important;
+ padding-left: 34px;
+}
+
+.sidebar:hover .sidebar-navbar.sidebar-scroll-element {
+ opacity: 1!important;
+}
+
+.view-player .player-controls-container,
+.view-player .player-controls-container .controls {
+ overflow: visible !important;
+}
+
+.view-player .player-controls-container .controls .button-play{
+ height:50px !important;
+ border-radius:50px !important;
+ background: transparent !important;
+ box-shadow:0 0 0 0 !important;
+ width:50px !important;
+ overflow: visible !important;
+ box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
+ transition:none 0.3s cubic-bezier(.3,0,.7,1);
+}
+
+.view-player .player-controls-container .controls .button-play:before{
+ font-size:18px !important;
+ padding-left: 16px !important;
+ padding-top: 9px !important;
+}
+
+.view-player .player-controls-container .controls .button-play:after {
+ box-shadow: unset !important;
+}
+
+.view-player .player-controls-container {
+ position: absolute !important;
+ width: 100% !important;
+}
+
+.view-player .player-controls-container .controls {
+ width: 100% !important;
+ height: 100% !important;
+ align-items: center !important;
+ margin-top : 0px !important;
+}
+
+/*
+Hide the song duration and elapsed text. I dont know where to put those so I just hide them
+*/
+.view-player .player-controls-container .progress-container .elapsed,
+.view-player .player-controls-container .progress-container .remaining {
+ display: none !important;
+}
+
+/* Add round corner for Gerne and Mood cards */
+.gc-image-container,
+.gc-image {
+ border-radius: 10px !important;
+}
+
+/*
+Collage of 3 album covers is usually seen in Browse and Chart.
+*/
+.card-puff__image-wrapper,
+.card-puff__info-container,
+.card-puff__card-image {
+ border-radius: 10px !important;
+}
+
+.card-puff__image-wrapper {
+ overflow: visible;
+}
+
+.card-puff__card-image {
+ box-shadow: 5px 0 30px rgba(0,0,0,0.7);
+ overflow: visible;
+}
+
+.card-puff__title-container {
+ background-color: transparent !important;
+}
+
+.card-puff.pressed .card-puff__image-wrapper,
+.card-puff.pressed .card-puff__info-container {
+ opacity: 0.7 !important;
+}
+
+.card-puff__title {
+ padding: 5px 10px 5px 10px !important;
+ background-color: var(--modspotify_main_bg) !important;
+ border-radius: 4px;
+ border: 2px solid var(--modspotify_main_fg);
+}
+
+/*
+We use round corner on cover so they look weird in original
+form, so I move last cover to the right 20px and first one to the left 20px
+*/
+.card-puff__card-image:nth-child(1) {
+ right: 20px;
+ box-shadow: 0 0 0 0 !important;
+}
+
+.card-puff__card-image:nth-child(3) {
+ left: 20px;
+}
+
+.grid-overlay-label {
+ top: 140px !important;
+}
+
+/**/
+.glue-page-header__background-color {
+ background-image: none !important;
+ background: var(--modspotify_main_bg);
+}
+
+/* .glue-page-header__sticky {
+ padding-top: 60px !important;
+} */
+
+/*
+Remove those title, cringy description and
+meaningless followers number
+*/
+
+.carousel .card-info-subtitle-description,
+.carousel .card-info-subtitle-metadata,
+.carousel .card:not(.card-type-station).card-info-title,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-description,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-metadata {
+ display: none !important;
+}
+
+
+/*
+In top of Browse usually has bunch of Playlist or Album cards,
+and they has .carousel as a wrapper and it hides anything that
+overflows from its zone, aka our shadow and lifting animation.
+*/
+.carousel {
+ overflow: visible !important;
+}
+
+/*
+Button with text Play
+*/
+.button.button-green,
+.GlueButton.GlueButton--style-green {
+ color: var(--modspotify_main_bg) !important;
+}
+
+/*
+Change text color in playlist
+*/
+.tl-explicit .label,
+.tl-premium .label,
+.tl-cell:not(.tl-number),
+.tl-cell a:link,
+.tl-highlight {
+ color: var(--modspotify_secondary_fg);
+}
+
+.card-type-album .card-info-title,
+.card-type-track .card-info-title,
+.card-type-collection-album .card-info-title,
+.card-type-episode .card-info-title {
+ font-size: 15px;
+ font-weight: 900 !important;
+ text-align: center !important;
+ width: 100% !important;
+}
+
+.card-type-album .card-info-subtitle-links,
+.card-type-track .card-info-subtitle-links,
+.card-type-collection-album .card-info-subtitle-links,
+.card-type-episode .card-info-subtitle-links {
+ text-align: center !important;
+ width: 100% !important;
+}
+
+.tracklist-station-container::after {
+ background: transparent !important;
+}
+
+.GlueHeader__background-overlay {
+ background: var(--modspotify_main_bg) !important;
+}
+
+/* Move navigation buttons and search field to the right and down */
+.browser-navigation-top-bar {
+ margin-left: 40px !important;
+ margin-top: 15px !important;
+}
+
+.SearchInput__input,
+.SearchInput__searchIcon,
+.SearchInput__clearButton {
+ margin-top: 15px !important;
+}
+
+.content-top-bar__profile-menu-button {
+ margin-top: 15px !important;
+}
+
+.body-container--windows:not(.with-buddy-list):not(.messagebar) .content-top-bar__profile {
+ margin-right: 110px !important;
+ margin-top: -5px;
+}
+
+/* Spice up Fullscreen mode */
+#view-player .album-art .album-art__image {
+ border-radius: 30px !important;
+ box-shadow: 0 10px 70px rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.5) !important;
+}
+
+#view-player .album-art .album-art__image .card-image-content-wrapper,
+#view-player .album-art .album-art__image .card-image-content-wrapper .card-image {
+ border-radius: 30px !important;
+}
+
+#video-player .album-art__foreground {
+ flex-direction: row;
+ text-align: left;
+}
+
+#video-player .album-art__background {
+ background-color: initial;
+}
+
+#video-player .album-art__track-details {
+ padding-left: 50px;
+ line-height: initial;
+}
+
+#video-player .album-art__track-title {
+ font-size: 84px;
+ margin-top: 0;
+ line-height: initial;
+}
+
+#video-player .album-art__artist-name {
+ font-size: 54px;
+ margin-top: 0;
+ line-height: initial;
+}
+
+/* Daily mixes */
+.carousel .card-info-wrapper.card-info-with-description.card-info-with-metadata {
+ height: 50px !important;
+}
+
+/* Remove section divider */
+.section-divider {
+ border-bottom: 0 !important;
+}
+
+/* Adjust Position of border active tab in Nav bar at top
+and add little glowing effect
+*/
+.nav.navbar-nav {
+ overflow: hidden !important;
+}
+
+.nav.navbar-nav a {
+ overflow: visible !important;
+}
+
+.nav.navbar-nav a::after {
+ bottom: 0px !important;
+ width: 100% !important;
+}
+
+.nav.navbar-nav .active a::after{
+ box-shadow: 0 0px 20px !important;
+}
+
+.nav.navbar-nav a:focus:not(.button):active::after{
+ background-color: var(--modspotify_pressing_fg) !important;
+}
+
+/* Notification bar */
+#content-wrapper #view-message-bar {
+ position: absolute !important;
+ width: calc(100% - 160px) !important;
+ margin-left: 80px !important;
+ border-radius: 0 0 10px 10px !important;
+}
+
+/* Small cover Big cover mechanism */
+.now-playing.cover-size-transition.active.image-expanded #now-playing-image-small {
+ display: none;
+}
+
+.now-playing.cover-size-transition.active.image-expanded .cover-image-link-wrapper {
+ flex: 0 1 10px;
+}
+
+#view-now-playing a.image {
+ overflow: visible !important;
+}
+
+/* Profile arrow in top left */
+.content-top-bar__profile-menu-button .dropdown {
+ position: fixed !important;
+ top: 10px !important;
+ -webkit-app-region: no-drag !important;
+}
+
+/* [WINDOWS] Change Profile menu horizontal position */
+body.body-container--windows .content-top-bar__profile-menu-button .dropdown {
+ right: 190px !important;
+}
+
+body:not(.body-container--windows) .content-top-bar__profile-menu-button .dropdown {
+ right: 20px !important;
+}
+
+/* Small tooltip */
+#tooltip {
+ box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;
+ border-radius: 5px !important;
+ border: 2px solid var(--modspotify_main_fg);
+ padding: 10px 10px;
+}
+
+.tooltip-arrow-top, .tooltip-arrow-bottom {
+ display: none !important;
+}
+
+.lyrics-lines-container,
+.message-container {
+ color: #FFFFFF !important;
+}
+
+/* Home page */
+.GlueCarousel__grid-wrapper::-webkit-scrollbar-thumb {
+ display: none;
+}
+
+.GlueCard__info-wrapper,
+.Card__info-wrapper {
+ margin-bottom: 30px;
+}
+
+.card-horizontal-interior-wrapper .card-info-title {
+ text-align: start !important;
+}
+
+.tl-row.selected:hover .tl-cell {
+ background: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.GlueTableRow--is-selected {
+ background-color: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.tracklist-podcast .tl-progress .row-progress__bar {
+ background-color: var(--modspotify_main_fg);
+}
+
+.Header__background-color{
+ background-color: var(--modspotify_main_bg) !important;
+}
+
+.Button--style-green,
+.button.button-green, .button.button-white {
+ border-radius: 4px;
+ color: var(--modspotify_main_bg) !important;
+}
+
+.glue-page-header:not(.glue-page-header--album):not(.glue-page-header--playlist):not(.glue-page-header--artist):not(.glue-page-header--dailymix):not(.glue-page-header--user):not(.glue-page-header--show)
+ .glue-page-header__content-inner .glue-page-header__title-text,
+.HomeHeader .Header__content-inner .Header__title-text-inner,
+.MadeForYouHeader .Header__content-inner .Header__title-text-inner,
+.RecentlyPlayedPage__header .Header__content-inner .Header__title-text-inner {
+ background-color: var(--modspotify_main_bg);
+ padding: 5px 20px;
+ border: 5px solid var(--modspotify_main_fg) !important;
+ border-radius: 6px;
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ text-transform: uppercase;
+}
+
+.glue-page-header.glue-page-header--album .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--artist .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--dailymix .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--playlist .glue-page-header__content-inner .glue-page-header__title {
+ margin-top: 10px;
+}
+
+span.glue-page-header__title-text {
+ color: var(--modspotify_main_fg);
+}
+
+.glue-page-header .glue-page-header__content-inner .glue-page-header__button {
+ margin-top: 40px;
+}
+
+.glue-page-header__content-inner,
+.glue-page-header__data,
+.glue-page-header__title,
+.Header__content-inner,
+.Header__data,
+.Header__title,
+.Header__title-text,
+.Header__title-text-inner {
+ overflow: visible !important;
+}
+
+/*Force player bar to has fixed height*/
+.view-player {
+ height: var(--bar-height) !important;
+ border-top: 0;
+}
+
+.view-player .now-playing {
+ overflow: unset;
+}
+
+.view-player .cover-image-container {
+ position: fixed !important;
+ left: 0;
+ bottom: 0;
+}
+
+.view-player .now-playing .cover-image-link,
+.view-player .now-playing .cover-image-link figure {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+#now-playing-image-small .cover-image {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+.view-player .now-playing .cover-image-link-wrapper {
+ flex: 0 1 calc(var(--bar-height) + 10px);
+}
+
+.text-container {
+ z-index: 3;
+}
+
+.view-player .now-playing-container .button-add {
+ color: var(--modspotify_main_fg) !important;
+}
+
+.progress-container .progress-bar,
+.progress-container .inner {
+ top: 0 !important;
+ margin-top: 0 !important;
+ height: 2px;
+}
+
+.progress-container .progress-bar-wrapper {
+ top: 0 !important;
+ height: 2px;
+}
+
+.progress-container {
+ position: fixed !important;
+ width: 100% !important;
+ bottom: var(--bar-height) !important;
+ margin : 0 !important;
+}
+
+.progress-container .inner {
+ border-radius: 0 2px 2px 0 !important;
+ background-color: var(--modspotify_main_fg) !important;
+ box-shadow: 0 2px 2px 0 var(--modspotify_main_fg);
+}
+
+.glue-page-header__p2s-details,
+.glue-page-header__p2s-followers {
+ display: none;
+}
+
+.context-menu {
+ border: 2px solid var(--modspotify_main_fg);
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ border-radius: 7px !important;
+ overflow: hidden;
+}
+
+#menu-wrapper ::-webkit-scrollbar {
+ display: none;
+}
+
+#menu-wrapper {
+ border-right: 3px solid black;
+ border-image: linear-gradient(0deg, transparent , var(--modspotify_scrollbar_fg_and_selected_row_bg) 40%, var(--modspotify_scrollbar_fg_and_selected_row_bg) 60%, transparent 90%) 2 90%;
+}
+
+.main-view-wrapper {
+ overflow: unset;
+}
+
+.Button--style-icon-stroke:after,
+.Button--style-icon-stroke:hover:after,
+.Button--style-icon-stroke,
+.glue-page-header__button .button-icon-with-stroke,
+.glue-page-header__button .button-icon-with-stroke::after {
+ box-shadow: unset;
+}
+
+.glue-page-header.glue-page-header--artist .glue-page-header__label {
+ padding-top: 10px;
+}
+
+.glue-page-header.glue-page-header--artist.has-custom-image .glue-page-header__label {
+ padding-top: 8px;
+}
+
+.glue-page-header__content .glue-page-header__label {
+ margin-left: -2px;
+ z-index: 2;
+}
+
+.glue-page-header__label span,
+.Header__label span {
+ background-color: var(--modspotify_main_fg);
+ color: var(--modspotify_main_bg);
+ padding: 2px 10px;
+}
+
+.glue-page-header__label .header-verified-check {
+ background-color: transparent;
+}
+
+body.remotebar .view-player .player-bar-wrapper {
+ height: 100%;
+}
+
+.SidebarListItem--is-active:after,
+.RootlistItem--is-active:after,
+/* For Linux */ #view-navigation-bar .item.active:after {
+ background-color: transparent;
+ background-image: linear-gradient(90deg, var(--modspotify_sidebar_indicator_and_hover_button_bg) , transparent);
+ opacity: 0.2;
+ bottom: unset;
+ top: 5%;
+ height: 90%;
+ width: 100%
+}
+
+.Header__image-inner {
+ box-shadow: unset;
+}
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/NightMoon/README.md b/archive/dotfiles-29-6-2022/spicetify/Themes/NightMoon/README.md
new file mode 100644
index 0000000..7634a63
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/NightMoon/README.md
@@ -0,0 +1,6 @@
+# NightMoon
+
+## Screenshots
+
+
+
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/NightMoon/color.ini b/archive/dotfiles-29-6-2022/spicetify/Themes/NightMoon/color.ini
new file mode 100644
index 0000000..07dd7e1
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/NightMoon/color.ini
@@ -0,0 +1,17 @@
+[Base]
+main_fg = e5faff
+secondary_fg = 536e77
+main_bg = 041017
+sidebar_and_player_bg = 041017
+cover_overlay_and_shadow = 000000
+indicator_fg_and_button_bg = 041017
+pressing_fg = 6291d4
+slider_bg = 25272c
+sidebar_indicator_and_hover_button_bg = 6898a9
+scrollbar_fg_and_selected_row_bg = 092738
+pressing_button_fg = 279fda
+pressing_button_bg = 6e94a1
+selected_button = fafafa
+miscellaneous_bg = 3d4248
+miscellaneous_hover_bg = 363a3f
+preserve_1 = 9ed4e7
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/NightMoon/screenshot.png b/archive/dotfiles-29-6-2022/spicetify/Themes/NightMoon/screenshot.png
new file mode 100644
index 0000000..0718583
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/NightMoon/screenshot.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/NightMoon/user.css b/archive/dotfiles-29-6-2022/spicetify/Themes/NightMoon/user.css
new file mode 100644
index 0000000..dbccfe6
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/NightMoon/user.css
@@ -0,0 +1,669 @@
+:root {
+ --bar-height: 70px;
+}
+
+/*Round corner cover image*/
+.card-image,
+.card-placeholder-wrapper,
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ border-radius: 10px !important;
+ overflow: hidden !important
+}
+
+/*Hide some annoying elements like profile name and pic, upgrade button and device connect bar at bottom, new playlist button*/
+.profile.content-top-bar__profile-link,
+.upgrade-button,
+.view-player .remote-playback-bar,
+.NewPlaylistButton {
+ display: none !important;
+}
+
+
+/*Exclude these elements from draggable property because it stops them from clickable*/
+.profile-items-container,
+.profile {
+ -webkit-app-region: no-drag !important;
+}
+
+/*Thinner scrollbar*/
+::-webkit-scrollbar {
+ height: 6px !important;
+ width: 6px !important;
+ background-color: transparent;
+}
+
+/*Round corner scrollbar*/
+::-webkit-scrollbar-thumb {
+ border-radius: 3px !important;
+}
+
+/*Hide top and bottom buttons of scrollbar */
+/*who uses those, lol*/
+::-webkit-scrollbar-button {
+ display: none !important;
+}
+
+/*Hide cover image overlay*/
+.card-overlay {
+ visibility: hidden !important;
+}
+
+/*Lift up cover when hovering on it*/
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ transition-property: transform, box-shadow !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ box-shadow: 0 5px 20px rgba(0,0,0,0.1);
+}
+
+.card-image-hit-area:not(.no-hover):hover .card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-hit-area-counter-scale:hover .Card__image-wrapper {
+ transform: translateY(-10px);
+ box-shadow: 0 15px 30px rgba(0,0,0,0.3);
+}
+
+.card-image-hit-area .card-button-add,
+.card-image-hit-area .card-button-play,
+.card-image-hit-area .card-button-more,
+.Card__image-hit-area .card-button-add,
+.Card__image-hit-area .card-button-play,
+.Card__image-hit-area .card-button-more,
+.Card__image-hit-area .Card__play-button,
+.Card__image-hit-area .Card__add-button,
+.Card__image-hit-area .Card__more-button,
+.Card__image-hit-area .Card__overlay {
+ transition-property: all !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ opacity: 0 !important;
+}
+.card-image-hit-area:not(.no-hover):hover .card-button-add,
+.card-image-hit-area:not(.no-hover):hover .card-button-play,
+.card-image-hit-area:not(.no-hover):hover .card-button-more,
+.Card__image-hit-area:not(.no-hover):hover .card-button-add,
+.Card__image-hit-area:not(.no-hover):hover .card-button-play,
+.Card__image-hit-area:not(.no-hover):hover .card-button-more {
+ opacity: 1 !important;
+ transform: translateY(-10px);
+}
+
+.Card__image-hit-area:hover .Card__play-button,
+.Card__image-hit-area:hover .Card__add-button,
+.Card__image-hit-area:hover .Card__more-button,
+.Card__image-hit-area:hover .Card__overlay {
+ opacity: 1 !important;
+}
+
+.glue-page-header__content .glue-page-header__image-inner {
+ border-radius: 10px;
+ box-shadow: unset !important;
+}
+
+.glue-page-header__full-description-overlay {
+ box-shadow: unset !important;
+}
+
+.card-placeholder-wrapper {
+ background: transparent !important;
+}
+
+/*Spice up search input background*/
+.SearchInput {
+ color: var(--modspotify_main_fg);
+}
+.SearchInput__input {
+ color: var(--modspotify_secondary_fg);
+ background-color: rgba(var(--modspotify_rgb_scrollbar_fg_and_selected_row_bg), 0.5) !important;
+ border-radius: 4px !important;
+ padding-left: 34px;
+}
+
+.sidebar:hover .sidebar-navbar.sidebar-scroll-element {
+ opacity: 1!important;
+}
+
+.view-player .player-controls-container,
+.view-player .player-controls-container .controls {
+ overflow: visible !important;
+}
+
+.view-player .player-controls-container .controls .button-play{
+ height:50px !important;
+ border-radius:50px !important;
+ background: transparent !important;
+ box-shadow:0 0 0 0 !important;
+ width:50px !important;
+ overflow: visible !important;
+ box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
+ transition:none 0.3s cubic-bezier(.3,0,.7,1);
+}
+
+.view-player .player-controls-container .controls .button-play:before{
+ font-size:18px !important;
+ padding-left: 16px !important;
+ padding-top: 9px !important;
+}
+
+.view-player .player-controls-container .controls .button-play:after {
+ box-shadow: unset !important;
+}
+
+.view-player .player-controls-container {
+ position: absolute !important;
+ width: 100% !important;
+}
+
+.view-player .player-controls-container .controls {
+ width: 100% !important;
+ height: 100% !important;
+ align-items: center !important;
+ margin-top : 0px !important;
+}
+
+/*
+Hide the song duration and elapsed text. I dont know where to put those so I just hide them
+*/
+.view-player .player-controls-container .progress-container .elapsed,
+.view-player .player-controls-container .progress-container .remaining {
+ display: none !important;
+}
+
+/* Add round corner for Gerne and Mood cards */
+.gc-image-container,
+.gc-image {
+ border-radius: 10px !important;
+}
+
+/*
+Collage of 3 album covers is usually seen in Browse and Chart.
+*/
+.card-puff__image-wrapper,
+.card-puff__info-container,
+.card-puff__card-image {
+ border-radius: 10px !important;
+}
+
+.card-puff__image-wrapper {
+ overflow: visible;
+}
+
+.card-puff__card-image {
+ box-shadow: 5px 0 30px rgba(0,0,0,0.7);
+ overflow: visible;
+}
+
+.card-puff__title-container {
+ background-color: transparent !important;
+}
+
+.card-puff.pressed .card-puff__image-wrapper,
+.card-puff.pressed .card-puff__info-container {
+ opacity: 0.7 !important;
+}
+
+.card-puff__title {
+ padding: 5px 10px 5px 10px !important;
+ background-color: var(--modspotify_main_bg) !important;
+ border-radius: 4px;
+ border: 2px solid var(--modspotify_main_fg);
+}
+
+/*
+We use round corner on cover so they look weird in original
+form, so I move last cover to the right 20px and first one to the left 20px
+*/
+.card-puff__card-image:nth-child(1) {
+ right: 20px;
+ box-shadow: 0 0 0 0 !important;
+}
+
+.card-puff__card-image:nth-child(3) {
+ left: 20px;
+}
+
+.grid-overlay-label {
+ top: 140px !important;
+}
+
+/**/
+.glue-page-header__background-color {
+ background-image: none !important;
+ background: var(--modspotify_main_bg);
+}
+
+/* .glue-page-header__sticky {
+ padding-top: 60px !important;
+} */
+
+/*
+Remove those title, cringy description and
+meaningless followers number
+*/
+
+.carousel .card-info-subtitle-description,
+.carousel .card-info-subtitle-metadata,
+.carousel .card:not(.card-type-station).card-info-title,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-description,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-metadata {
+ display: none !important;
+}
+
+
+/*
+In top of Browse usually has bunch of Playlist or Album cards,
+and they has .carousel as a wrapper and it hides anything that
+overflows from its zone, aka our shadow and lifting animation.
+*/
+.carousel {
+ overflow: visible !important;
+}
+
+/*
+Button with text Play
+*/
+.button.button-green,
+.GlueButton.GlueButton--style-green {
+ color: var(--modspotify_main_bg) !important;
+}
+
+/*
+Change text color in playlist
+*/
+.tl-explicit .label,
+.tl-premium .label,
+.tl-cell:not(.tl-number),
+.tl-cell a:link,
+.tl-highlight {
+ color: var(--modspotify_secondary_fg);
+}
+
+.card-type-album .card-info-title,
+.card-type-track .card-info-title,
+.card-type-collection-album .card-info-title,
+.card-type-episode .card-info-title {
+ font-size: 15px;
+ font-weight: 900 !important;
+ text-align: center !important;
+ width: 100% !important;
+}
+
+.card-type-album .card-info-subtitle-links,
+.card-type-track .card-info-subtitle-links,
+.card-type-collection-album .card-info-subtitle-links,
+.card-type-episode .card-info-subtitle-links {
+ text-align: center !important;
+ width: 100% !important;
+}
+
+.tracklist-station-container::after {
+ background: transparent !important;
+}
+
+.GlueHeader__background-overlay {
+ background: var(--modspotify_main_bg) !important;
+}
+
+/* Move navigation buttons and search field to the right and down */
+.browser-navigation-top-bar {
+ margin-left: 40px !important;
+ margin-top: 15px !important;
+}
+
+.SearchInput__input,
+.SearchInput__searchIcon,
+.SearchInput__clearButton {
+ margin-top: 15px !important;
+}
+
+.content-top-bar__profile-menu-button {
+ margin-top: 15px !important;
+}
+
+.body-container--windows:not(.with-buddy-list):not(.messagebar) .content-top-bar__profile {
+ margin-right: 110px !important;
+ margin-top: -5px;
+}
+
+/* Spice up Fullscreen mode */
+#view-player .album-art .album-art__image {
+ border-radius: 30px !important;
+ box-shadow: 0 10px 70px rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.5) !important;
+}
+
+#view-player .album-art .album-art__image .card-image-content-wrapper,
+#view-player .album-art .album-art__image .card-image-content-wrapper .card-image {
+ border-radius: 30px !important;
+}
+
+#video-player .album-art__foreground {
+ flex-direction: row;
+ text-align: left;
+}
+
+#video-player .album-art__background {
+ background-color: initial;
+}
+
+#video-player .album-art__track-details {
+ padding-left: 50px;
+ line-height: initial;
+}
+
+#video-player .album-art__track-title {
+ font-size: 84px;
+ margin-top: 0;
+ line-height: initial;
+}
+
+#video-player .album-art__artist-name {
+ font-size: 54px;
+ margin-top: 0;
+ line-height: initial;
+}
+
+/* Daily mixes */
+.carousel .card-info-wrapper.card-info-with-description.card-info-with-metadata {
+ height: 50px !important;
+}
+
+/* Remove section divider */
+.section-divider {
+ border-bottom: 0 !important;
+}
+
+/* Adjust Position of border active tab in Nav bar at top
+and add little glowing effect
+*/
+.nav.navbar-nav {
+ overflow: hidden !important;
+}
+
+.nav.navbar-nav a {
+ overflow: visible !important;
+}
+
+.nav.navbar-nav a::after {
+ bottom: 0px !important;
+ width: 100% !important;
+}
+
+.nav.navbar-nav .active a::after{
+ box-shadow: 0 0px 20px !important;
+}
+
+.nav.navbar-nav a:focus:not(.button):active::after{
+ background-color: var(--modspotify_pressing_fg) !important;
+}
+
+/* Notification bar */
+#content-wrapper #view-message-bar {
+ position: absolute !important;
+ width: calc(100% - 160px) !important;
+ margin-left: 80px !important;
+ border-radius: 0 0 10px 10px !important;
+}
+
+/* Small cover Big cover mechanism */
+.now-playing.cover-size-transition.active.image-expanded #now-playing-image-small {
+ display: none;
+}
+
+.now-playing.cover-size-transition.active.image-expanded .cover-image-link-wrapper {
+ flex: 0 1 10px;
+}
+
+#view-now-playing a.image {
+ overflow: visible !important;
+}
+
+/* Profile arrow in top left */
+.content-top-bar__profile-menu-button .dropdown {
+ position: fixed !important;
+ top: 10px !important;
+ -webkit-app-region: no-drag !important;
+}
+
+/* [WINDOWS] Change Profile menu horizontal position */
+body.body-container--windows .content-top-bar__profile-menu-button .dropdown {
+ right: 190px !important;
+}
+
+body:not(.body-container--windows) .content-top-bar__profile-menu-button .dropdown {
+ right: 20px !important;
+}
+
+/* Small tooltip */
+#tooltip {
+ box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;
+ border-radius: 5px !important;
+ border: 2px solid var(--modspotify_main_fg);
+ padding: 10px 10px;
+}
+
+.tooltip-arrow-top, .tooltip-arrow-bottom {
+ display: none !important;
+}
+
+.lyrics-lines-container,
+.message-container {
+ color: #FFFFFF !important;
+}
+
+/* Home page */
+.GlueCarousel__grid-wrapper::-webkit-scrollbar-thumb {
+ display: none;
+}
+
+.GlueCard__info-wrapper,
+.Card__info-wrapper {
+ margin-bottom: 30px;
+}
+
+.card-horizontal-interior-wrapper .card-info-title {
+ text-align: start !important;
+}
+
+.tl-row.selected:hover .tl-cell {
+ background: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.GlueTableRow--is-selected {
+ background-color: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.tracklist-podcast .tl-progress .row-progress__bar {
+ background-color: var(--modspotify_main_fg);
+}
+
+.Header__background-color{
+ background-color: var(--modspotify_main_bg) !important;
+}
+
+.Button--style-green,
+.button.button-green, .button.button-white {
+ border-radius: 4px;
+ color: var(--modspotify_main_bg) !important;
+}
+
+.glue-page-header:not(.glue-page-header--album):not(.glue-page-header--playlist):not(.glue-page-header--artist):not(.glue-page-header--dailymix):not(.glue-page-header--user):not(.glue-page-header--show)
+ .glue-page-header__content-inner .glue-page-header__title-text,
+.HomeHeader .Header__content-inner .Header__title-text-inner,
+.MadeForYouHeader .Header__content-inner .Header__title-text-inner,
+.RecentlyPlayedPage__header .Header__content-inner .Header__title-text-inner {
+ background-color: var(--modspotify_main_bg);
+ padding: 5px 20px;
+ border: 5px solid var(--modspotify_main_fg) !important;
+ border-radius: 6px;
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ text-transform: uppercase;
+}
+
+.glue-page-header.glue-page-header--album .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--artist .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--dailymix .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--playlist .glue-page-header__content-inner .glue-page-header__title {
+ margin-top: 10px;
+}
+
+span.glue-page-header__title-text {
+ color: var(--modspotify_main_fg);
+}
+
+.glue-page-header .glue-page-header__content-inner .glue-page-header__button {
+ margin-top: 40px;
+}
+
+.glue-page-header__content-inner,
+.glue-page-header__data,
+.glue-page-header__title,
+.Header__content-inner,
+.Header__data,
+.Header__title,
+.Header__title-text,
+.Header__title-text-inner {
+ overflow: visible !important;
+}
+
+/*Force player bar to has fixed height*/
+.view-player {
+ height: var(--bar-height) !important;
+ border-top: 0;
+}
+
+.view-player .now-playing {
+ overflow: unset;
+}
+
+.view-player .cover-image-container {
+ position: fixed !important;
+ left: 0;
+ bottom: 0;
+}
+
+.view-player .now-playing .cover-image-link,
+.view-player .now-playing .cover-image-link figure {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+#now-playing-image-small .cover-image {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+.view-player .now-playing .cover-image-link-wrapper {
+ flex: 0 1 calc(var(--bar-height) + 10px);
+}
+
+.text-container {
+ z-index: 3;
+}
+
+.view-player .now-playing-container .button-add {
+ color: var(--modspotify_main_fg) !important;
+}
+
+.progress-container .progress-bar,
+.progress-container .inner {
+ top: 0 !important;
+ margin-top: 0 !important;
+ height: 2px;
+}
+
+.progress-container .progress-bar-wrapper {
+ top: 0 !important;
+ height: 2px;
+}
+
+.progress-container {
+ position: fixed !important;
+ width: 100% !important;
+ bottom: var(--bar-height) !important;
+ margin : 0 !important;
+}
+
+.progress-container .inner {
+ border-radius: 0 2px 2px 0 !important;
+ background-color: var(--modspotify_main_fg) !important;
+ box-shadow: 0 2px 2px 0 var(--modspotify_main_fg);
+}
+
+.glue-page-header__p2s-details,
+.glue-page-header__p2s-followers {
+ display: none;
+}
+
+.context-menu {
+ border: 2px solid var(--modspotify_main_fg);
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ border-radius: 7px !important;
+ overflow: hidden;
+}
+
+#menu-wrapper ::-webkit-scrollbar {
+ display: none;
+}
+
+#menu-wrapper {
+ border-right: 3px solid black;
+ border-image: linear-gradient(0deg, transparent , var(--modspotify_scrollbar_fg_and_selected_row_bg) 40%, var(--modspotify_scrollbar_fg_and_selected_row_bg) 60%, transparent 90%) 2 90%;
+}
+
+.main-view-wrapper {
+ overflow: unset;
+}
+
+.Button--style-icon-stroke:after,
+.Button--style-icon-stroke:hover:after,
+.Button--style-icon-stroke,
+.glue-page-header__button .button-icon-with-stroke,
+.glue-page-header__button .button-icon-with-stroke::after {
+ box-shadow: unset;
+}
+
+.glue-page-header.glue-page-header--artist .glue-page-header__label {
+ padding-top: 10px;
+}
+
+.glue-page-header.glue-page-header--artist.has-custom-image .glue-page-header__label {
+ padding-top: 8px;
+}
+
+.glue-page-header__content .glue-page-header__label {
+ margin-left: -2px;
+ z-index: 2;
+}
+
+.glue-page-header__label span,
+.Header__label span {
+ background-color: var(--modspotify_main_fg);
+ color: var(--modspotify_main_bg);
+ padding: 2px 10px;
+}
+
+.glue-page-header__label .header-verified-check {
+ background-color: transparent;
+}
+
+body.remotebar .view-player .player-bar-wrapper {
+ height: 100%;
+}
+
+.SidebarListItem--is-active:after,
+.RootlistItem--is-active:after,
+/* For Linux */ #view-navigation-bar .item.active:after {
+ background-color: transparent;
+ background-image: linear-gradient(90deg, var(--modspotify_sidebar_indicator_and_hover_button_bg) , transparent);
+ opacity: 0.2;
+ bottom: unset;
+ top: 5%;
+ height: 90%;
+ width: 100%
+}
+
+.Header__image-inner {
+ box-shadow: unset;
+}
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/NoSleep/NS1.png b/archive/dotfiles-29-6-2022/spicetify/Themes/NoSleep/NS1.png
new file mode 100644
index 0000000..021f071
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/NoSleep/NS1.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/NoSleep/NS2.png b/archive/dotfiles-29-6-2022/spicetify/Themes/NoSleep/NS2.png
new file mode 100644
index 0000000..4b7696b
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/NoSleep/NS2.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/NoSleep/NS3.png b/archive/dotfiles-29-6-2022/spicetify/Themes/NoSleep/NS3.png
new file mode 100644
index 0000000..00f5608
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/NoSleep/NS3.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/NoSleep/README.md b/archive/dotfiles-29-6-2022/spicetify/Themes/NoSleep/README.md
new file mode 100644
index 0000000..eb596de
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/NoSleep/README.md
@@ -0,0 +1,37 @@
+

+NoSleep
+A fresher dark theme with a splash of red for Spotify thanks to spicetify-cli
+
+
+
+
+
+
+
+
+
+
+## Summary
+- 😴 A fresher dark theme with a splash of red
+- 👀 Easy on the eyes
+- 🎉 Open source
+- 🍁 If you like the NoSleep theme please consider supporting me on Patreon
+
+
+
+
+## Ideas
+Want to add something that's missing to the theme or have an idea? Open an issue and let me know!
+* I'm open to anything you can imagine. Let me hear it!
+
+## Support
+
+Support [me on Patreon](https://patreon.com/3raxton) **to help the development of the NoSleep theme stay strong**. I create & work on open source projects such as the NoSleep theme for free. If you or your company depend on this project, it makes sense to donate in order to help ensure that the project is maintained.
+
+## License
+Licensed under the [MIT License](https://3raxton.github.io/license) by [Braxton Huff](https://github.com/3raxton)
+
+### **If there is any other problem, please refer to the spicetify-cli wiki to help troubleshoot your problem.**
+
+Hopefully the NoSleep theme helps improve your use of Spotify and treats you well! Cheers!
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/NoSleep/color.ini b/archive/dotfiles-29-6-2022/spicetify/Themes/NoSleep/color.ini
new file mode 100644
index 0000000..1ba22d2
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/NoSleep/color.ini
@@ -0,0 +1,36 @@
+; No Sleep theme created by @3raxton
+
+[Dark]
+; Light green on Dark Blue background – RGB in inspector is showing the colors convereted from HEX to RGB
+main_fg = CC0A0F
+; color seen everywhere
+secondary_fg = DEDEDE
+;text color
+main_bg = 000000
+; background for anything, background for right click menu, sidebar, etc.
+sidebar_and_player_bg = 000000
+; sidebar & song area on playlists
+cover_overlay_and_shadow = 14262E
+; ¯\_(ツ)_/¯ might be when the on hover of selected songs this color is shown
+indicator_fg_and_button_bg = CC0A0F
+; play button & button under shuffle color
+pressing_fg = FF5C86
+; ¯\_(ツ)_/¯
+slider_bg = 14262e
+; color behind the slider, hover selection for add to playlist, and ratings
+sidebar_indicator_and_hover_button_bg = E71419
+; indicator for playlist selected in sidebar, color of shuffle and repeat button & search bar color
+scrollbar_fg_and_selected_row_bg = 0E1318
+; color for the scrollbar and the follow button & selected song / row
+pressing_button_fg = DEDEDE
+; when heart and other small buttons (not sure which) are pressed, this color is shown
+pressing_button_bg = 14262E
+; when button is pressed this color shows
+selected_button = E71419
+; when play or other buttons are clicked this color shows
+miscellaneous_bg = 14262E
+; ¯\_(ツ)_/¯
+miscellaneous_hover_bg = DEDEDE
+; color of song playing outline location when album artwork clicked
+preserve_1 = FFFFFF
+;
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/NoSleep/user.css b/archive/dotfiles-29-6-2022/spicetify/Themes/NoSleep/user.css
new file mode 100644
index 0000000..31c2607
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/NoSleep/user.css
@@ -0,0 +1,677 @@
+/* No Sleep theme created by @3raxton */
+
+:root {
+ --bar-height: 120px;
+}
+
+/*Round corner cover image*/
+.card-image,
+.card-placeholder-wrapper,
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ border-radius: 10px !important;
+ overflow: hidden !important
+}
+
+/*Hide some annoying elements like profile name and pic, upgrade button and device connect bar at bottom, new playlist button*/
+.profile.content-top-bar__profile-link,
+.upgrade-button,
+.view-player .remote-playback-bar,
+.LeftSidebarNewPlaylistButton__button {
+ display: none !important;
+}
+
+
+/*Exclude these elements from draggable property because it stops them from clickable*/
+.profile-items-container,
+.profile {
+ -webkit-app-region: no-drag !important;
+}
+
+/*Thinner scrollbar*/
+::-webkit-scrollbar {
+ height: 6px !important;
+ width: 6px !important;
+ background-color: transparent;
+}
+
+/*Round corner scrollbar*/
+::-webkit-scrollbar-thumb {
+ border-radius: 3px !important;
+}
+
+/*Hide top and bottom buttons of scrollbar */
+/*who uses those, lol*/
+::-webkit-scrollbar-button {
+ display: none !important;
+}
+
+/*Hide cover image overlay*/
+.card-overlay {
+ visibility: hidden !important;
+}
+
+/*Lift up cover when hovering on it*/
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ transition-property: transform, box-shadow !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ box-shadow: 0 5px 20px rgba(0,0,0,0.1);
+}
+
+.card-image-hit-area:not(.no-hover):hover .card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-hit-area-counter-scale:hover .Card__image-wrapper {
+ transform: translateY(-10px);
+ box-shadow: 0 15px 30px rgba(0,0,0,0.3);
+}
+
+.card-image-hit-area .card-button-add,
+.card-image-hit-area .card-button-play,
+.card-image-hit-area .card-button-more,
+.Card__image-hit-area .card-button-add,
+.Card__image-hit-area .card-button-play,
+.Card__image-hit-area .card-button-more,
+.Card__image-hit-area .Card__play-button,
+.Card__image-hit-area .Card__add-button,
+.Card__image-hit-area .Card__more-button,
+.Card__image-hit-area .Card__overlay {
+ transition-property: all !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ opacity: 0 !important;
+}
+.card-image-hit-area:not(.no-hover):hover .card-button-add,
+.card-image-hit-area:not(.no-hover):hover .card-button-play,
+.card-image-hit-area:not(.no-hover):hover .card-button-more,
+.Card__image-hit-area:not(.no-hover):hover .card-button-add,
+.Card__image-hit-area:not(.no-hover):hover .card-button-play,
+.Card__image-hit-area:not(.no-hover):hover .card-button-more {
+ opacity: 1 !important;
+ transform: translateY(-10px);
+}
+
+.Card__image-hit-area:hover .Card__play-button,
+.Card__image-hit-area:hover .Card__add-button,
+.Card__image-hit-area:hover .Card__more-button,
+.Card__image-hit-area:hover .Card__overlay {
+ opacity: 1 !important;
+}
+
+.glue-page-header__content .glue-page-header__image-inner {
+ border-radius: 10px;
+ box-shadow: unset !important;
+}
+
+.glue-page-header__full-description-overlay {
+ box-shadow: unset !important;
+}
+
+.card-placeholder-wrapper {
+ background: transparent !important;
+}
+
+/*Spice up search input background*/
+.SearchInput {
+ color: var(--modspotify_main_fg);
+}
+.SearchInput__input {
+ color: var(--modspotify_secondary_fg);
+ background-color: rgba(var(--modspotify_rgb_scrollbar_fg_and_selected_row_bg), 0.5) !important;
+ /* border-radius: 4px !important; */
+ padding-left: 34px;
+}
+
+.sidebar:hover .sidebar-navbar.sidebar-scroll-element {
+ opacity: 1!important;
+}
+
+.view-player .player-controls-container,
+.view-player .player-controls-container .controls {
+ overflow: visible !important;
+}
+
+.view-player .player-controls-container .controls .button-play{
+ height:50px !important;
+ border-radius:50px !important;
+ background: transparent !important;
+ box-shadow:0 0 0 0 !important;
+ width:50px !important;
+ overflow: visible !important;
+ box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
+ transition:none 0.3s cubic-bezier(.3,0,.7,1);
+}
+
+.view-player .player-controls-container .controls .button-play:before{
+ font-size:18px !important;
+ padding-left: 16px !important;
+ padding-top: 9px !important;
+}
+
+.view-player .player-controls-container .controls .button-play:after {
+ box-shadow: unset !important;
+}
+
+.view-player .player-controls-container {
+ position: absolute !important;
+ width: 100% !important;
+}
+
+.view-player .player-controls-container .controls {
+ width: 100% !important;
+ height: 100% !important;
+ align-items: center !important;
+ margin-top : 0px !important;
+}
+
+/*
+Hide the song duration and elapsed text. I dont know where to put those so I just hide them
+*/
+.view-player .player-controls-container .progress-container .elapsed,
+.view-player .player-controls-container .progress-container .remaining {
+ display: none !important;
+}
+
+/* Add round corner for Gerne and Mood cards */
+.gc-image-container,
+.gc-image {
+ border-radius: 10px !important;
+}
+
+/*
+Collage of 3 album covers is usually seen in Browse and Chart.
+*/
+.card-puff__image-wrapper,
+.card-puff__info-container,
+.card-puff__card-image {
+ border-radius: 10px !important;
+}
+
+.card-puff__image-wrapper {
+ overflow: visible;
+}
+
+.card-puff__card-image {
+ box-shadow: 5px 0 30px rgba(0,0,0,0.7);
+ overflow: visible;
+}
+
+.card-puff__title-container {
+ background-color: transparent !important;
+}
+
+.card-puff.pressed .card-puff__image-wrapper,
+.card-puff.pressed .card-puff__info-container {
+ opacity: 0.7 !important;
+}
+
+.card-puff__title {
+ padding: 5px 10px 5px 10px !important;
+ background-color: var(--modspotify_main_bg) !important;
+ border-radius: 4px;
+ border: 2px solid var(--modspotify_main_fg);
+}
+
+/*
+We use round corner on cover so they look weird in original
+form, so I move last cover to the right 20px and first one to the left 20px
+*/
+.card-puff__card-image:nth-child(1) {
+ right: 20px;
+ box-shadow: 0 0 0 0 !important;
+}
+
+.card-puff__card-image:nth-child(3) {
+ left: 20px;
+}
+
+.grid-overlay-label {
+ top: 140px !important;
+}
+
+/**/
+.glue-page-header__background-color {
+ background-image: none !important;
+ background: var(--modspotify_main_bg);
+}
+
+/* .glue-page-header__sticky {
+ padding-top: 60px !important;
+} */
+
+/*
+Remove those title, cringy description and
+meaningless followers number
+*/
+
+.carousel .card-info-subtitle-description,
+.carousel .card-info-subtitle-metadata,
+.carousel .card:not(.card-type-station).card-info-title,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-description,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-metadata {
+ display: none !important;
+}
+
+
+/*
+In top of Browse usually has bunch of Playlist or Album cards,
+and they has .carousel as a wrapper and it hides anything that
+overflows from its zone, aka our shadow and lifting animation.
+*/
+.carousel {
+ overflow: visible !important;
+}
+
+/*
+Button with text Play
+*/
+.button.button-green,
+.GlueButton.GlueButton--style-green {
+ color: var(--modspotify_main_bg) !important;
+}
+
+/*
+Change text color in playlist
+*/
+.tl-explicit .label,
+.tl-premium .label,
+.tl-cell:not(.tl-number),
+.tl-cell a:link,
+.tl-highlight {
+ color: var(--modspotify_secondary_fg);
+}
+
+.card-type-album .card-info-title,
+.card-type-track .card-info-title,
+.card-type-collection-album .card-info-title,
+.card-type-episode .card-info-title {
+ font-size: 15px;
+ font-weight: 900 !important;
+}
+
+.card:not(.card-horizontal).card-type-album .card-info-title,
+.card:not(.card-horizontal).card-type-album .card-info-subtitle-links,
+.card:not(.card-horizontal).card-type-track .card-info-title,
+.card:not(.card-horizontal).card-type-track .card-info-subtitle-links,
+.card:not(.card-horizontal).card-type-collection-album .card-info-title,
+.card:not(.card-horizontal).card-type-collection-album .card-info-subtitle-links,
+.card:not(.card-horizontal).card-type-episode .card-info-title,
+.card:not(.card-horizontal).card-type-episode .card-info-subtitle-links {
+ text-align: center !important;
+ width: 100% !important;
+}
+
+.tracklist-station-container::after {
+ background: transparent !important;
+}
+
+.GlueHeader__background-overlay {
+ background: var(--modspotify_main_bg) !important;
+}
+
+/* Move navigation buttons and search field to the right and down */
+.browser-navigation-top-bar {
+ margin-left: 40px !important;
+ margin-top: 15px !important;
+}
+
+.SearchInput__input,
+.SearchInput__searchIcon,
+.SearchInput__clearButton {
+ margin-top: 15px !important;
+}
+
+.content-top-bar__profile-menu-button {
+ margin-top: 15px !important;
+}
+
+.body-container--windows:not(.with-buddy-list):not(.messagebar) .content-top-bar__profile {
+ margin-right: 110px !important;
+ margin-top: -5px;
+}
+
+/* Spice up Fullscreen mode */
+#view-player .album-art .album-art__image {
+ border-radius: 30px !important;
+ box-shadow: 0 10px 70px rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.5) !important;
+}
+
+#view-player .album-art .album-art__image .card-image-content-wrapper,
+#view-player .album-art .album-art__image .card-image-content-wrapper .card-image {
+ border-radius: 30px !important;
+}
+
+#video-player .album-art__foreground {
+ flex-direction: row;
+ text-align: left;
+}
+
+#video-player .album-art__background {
+ background-color: initial;
+}
+
+#video-player .album-art__track-details {
+ padding-left: 50px;
+ line-height: initial;
+}
+
+#video-player .album-art__track-title {
+ font-size: 84px;
+ margin-top: 0;
+ line-height: initial;
+}
+
+#video-player .album-art__artist-name {
+ font-size: 54px;
+ margin-top: 0;
+ line-height: initial;
+}
+
+/* Daily mixes */
+.carousel .card-info-wrapper.card-info-with-description.card-info-with-metadata {
+ height: 50px !important;
+}
+
+/* Remove section divider */
+.section-divider {
+ border-bottom: 0 !important;
+}
+
+/* Adjust Position of border active tab in Nav bar at top
+and add little glowing effect
+*/
+.nav.navbar-nav {
+ overflow: hidden !important;
+}
+
+.nav.navbar-nav a {
+ overflow: visible !important;
+}
+
+.nav.navbar-nav a::after {
+ bottom: 0px !important;
+ width: 100% !important;
+}
+
+.nav.navbar-nav .active a::after{
+ box-shadow: 0 0px 20px !important;
+}
+
+.nav.navbar-nav a:focus:not(.button):active::after{
+ background-color: var(--modspotify_pressing_fg) !important;
+}
+
+/* Notification bar */
+#content-wrapper #view-message-bar {
+ position: absolute !important;
+ width: calc(100% - 160px) !important;
+ margin-left: 80px !important;
+ border-radius: 0 0 10px 10px !important;
+}
+
+/* Small cover Big cover mechanism */
+.now-playing.cover-size-transition.active.image-expanded #now-playing-image-small {
+ display: none;
+}
+
+.now-playing.cover-size-transition.active.image-expanded .cover-image-link-wrapper {
+ flex: 0 1 10px;
+}
+
+#view-now-playing a.image {
+ overflow: visible !important;
+}
+
+/* Profile arrow in top left */
+.content-top-bar__profile-menu-button .dropdown {
+ position: fixed !important;
+ top: 10px !important;
+ -webkit-app-region: no-drag !important;
+}
+
+/* [WINDOWS] Change Profile menu horizontal position */
+body.body-container--windows .content-top-bar__profile-menu-button .dropdown {
+ right: 190px !important;
+}
+
+body:not(.body-container--windows) .content-top-bar__profile-menu-button .dropdown {
+ right: 20px !important;
+}
+
+/* Small tooltip */
+#tooltip {
+ box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;
+ border-radius: 5px !important;
+ border: 2px solid var(--modspotify_main_fg);
+ padding: 10px 10px;
+}
+
+.tooltip-arrow-top, .tooltip-arrow-bottom {
+ display: none !important;
+}
+
+.lyrics-lines-container,
+.message-container {
+ color: #FFFFFF !important;
+}
+
+/* Home page */
+.GlueCarousel__grid-wrapper::-webkit-scrollbar-thumb {
+ display: none;
+}
+
+.GlueCard__info-wrapper,
+.Card__info-wrapper {
+ margin-bottom: 30px;
+}
+
+.card-horizontal-interior-wrapper .card-info-title {
+ text-align: start !important;
+}
+
+.tl-row.selected:hover .tl-cell {
+ background: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.GlueTableRow--is-selected {
+ background-color: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.tracklist-podcast .tl-progress .row-progress__bar {
+ background-color: var(--modspotify_main_fg);
+}
+
+.Header__background-color{
+ background-color: var(--modspotify_main_bg) !important;
+ background-image: unset;
+}
+
+.Button--style-green,
+.button.button-green, .button.button-white {
+ /* border-radius: 4px; */
+ color: var(--modspotify_main_bg) !important;
+}
+
+.glue-page-header:not(.glue-page-header--album):not(.glue-page-header--playlist):not(.glue-page-header--artist):not(.glue-page-header--dailymix):not(.glue-page-header--user):not(.glue-page-header--show)
+ .glue-page-header__content-inner .glue-page-header__title-text,
+.HomeHeader .Header__content-inner .Header__title-text-inner,
+.MadeForYouHeader .Header__content-inner .Header__title-text-inner,
+.RecentlyPlayedPage__header .Header__content-inner .Header__title-text-inner {
+ background-color: var(--modspotify_main_bg);
+ padding: 5px 20px;
+ border: 5px solid var(--modspotify_main_fg) !important;
+ border-radius: 6px;
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ text-transform: uppercase;
+}
+
+.glue-page-header.glue-page-header--album .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--artist .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--dailymix .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--playlist .glue-page-header__content-inner .glue-page-header__title {
+ margin-top: 10px;
+}
+
+span.glue-page-header__title-text {
+ color: var(--modspotify_main_fg);
+}
+
+.glue-page-header .glue-page-header__content-inner .glue-page-header__button {
+ margin-top: 40px;
+}
+
+.glue-page-header__content-inner,
+.glue-page-header__data,
+.glue-page-header__title,
+.Header__content-inner,
+.Header__data,
+.Header__title,
+.Header__title-text,
+.Header__title-text-inner {
+ overflow: visible !important;
+}
+
+/*Force player bar to has fixed height*/
+.view-player {
+ height: var(--bar-height) !important;
+ border-top: 0;
+}
+
+.view-player .now-playing {
+ overflow: unset;
+}
+
+.view-player .cover-image-container {
+ position: fixed !important;
+ left: 0;
+ bottom: 0;
+}
+
+.view-player .now-playing .cover-image-link,
+.view-player .now-playing .cover-image-link figure {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+#now-playing-image-small .cover-image {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+.view-player .now-playing .cover-image-link-wrapper {
+ flex: 0 1 calc(var(--bar-height) + 10px);
+}
+
+.text-container {
+ z-index: 3;
+}
+
+.view-player .now-playing-container .button-add {
+ color: var(--modspotify_main_fg) !important;
+}
+
+.progress-container .progress-bar,
+.progress-container .inner {
+ top: 0 !important;
+ margin-top: 0 !important;
+ height: 5px;
+}
+
+.progress-container .progress-bar-wrapper {
+ top: 0 !important;
+ height: 5px;
+}
+
+.progress-container {
+ position: fixed !important;
+ width: 100% !important;
+ bottom: var(--bar-height) !important;
+ margin : 0 !important;
+}
+
+.progress-container .inner {
+ border-radius: 0 2px 2px 0 !important;
+ background-color: var(--modspotify_main_fg) !important;
+ box-shadow: 0 2px 2px 0 var(--modspotify_main_fg);
+}
+
+.saber-hilt {
+ display: none;
+}
+
+.glue-page-header__p2s-details,
+.glue-page-header__p2s-followers {
+ display: none;
+}
+
+.context-menu {
+ border: 2px solid var(--modspotify_main_fg);
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ border-radius: 7px !important;
+ overflow: hidden;
+}
+
+#menu-wrapper ::-webkit-scrollbar {
+ display: none;
+}
+
+#menu-wrapper {
+ border-right: 3px solid black;
+ border-image: linear-gradient(0deg, transparent , var(--modspotify_scrollbar_fg_and_selected_row_bg) 40%, var(--modspotify_scrollbar_fg_and_selected_row_bg) 60%, transparent 90%) 2 90%;
+}
+
+.main-view-wrapper {
+ overflow: unset;
+}
+
+.Button--style-icon-stroke:after,
+.Button--style-icon-stroke:hover:after,
+.Button--style-icon-stroke,
+.glue-page-header__button .button-icon-with-stroke,
+.glue-page-header__button .button-icon-with-stroke::after {
+ box-shadow: unset;
+}
+
+.glue-page-header.glue-page-header--artist .glue-page-header__label {
+ padding-top: 10px;
+}
+
+.glue-page-header.glue-page-header--artist.has-custom-image .glue-page-header__label {
+ padding-top: 8px;
+}
+
+.glue-page-header__content .glue-page-header__label {
+ margin-left: -2px;
+ z-index: 2;
+}
+
+.glue-page-header__label span,
+.Header__label span {
+ background-color: var(--modspotify_main_fg);
+ color: var(--modspotify_main_bg);
+ padding: 2px 10px;
+}
+
+.glue-page-header__label .header-verified-check {
+ background-color: transparent;
+}
+
+body.remotebar .view-player .player-bar-wrapper {
+ height: 100%;
+}
+
+.SidebarListItem--is-active:after,
+.RootlistItem--is-active:after {
+ background-color: transparent;
+ background-image: linear-gradient(90deg, var(--modspotify_sidebar_indicator_and_hover_button_bg) , transparent);
+ opacity: 0.2;
+ bottom: unset;
+ top: 5%;
+ height: 90%;
+ width: 100%
+}
+
+.Header__image-inner {
+ box-shadow: unset;
+}
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Nord/README.md b/archive/dotfiles-29-6-2022/spicetify/Themes/Nord/README.md
new file mode 100644
index 0000000..eb30c70
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Nord/README.md
@@ -0,0 +1,23 @@
+# Nord
+
+## Screenshots
+
+Window:
+
+
+
+Full desktop:
+
+
+
+### Minimal theme ###
+
+You can replace `user.css` with `minimal.css`, which hides spotify's sidebar. Probably not everyone's cup of tea, but it does showcase what's possible with spicetify. Additionally, it clears up a lot of screen space (if you don't require the sidebar, like me), and fits better in small tiling wm spaces.
+
+
+
+## More
+
+Based on the excellent [Nord](https://github.com/arcticicestudio/nord) color scheme. Pairs really well with other Nord apps. The `user.css` has been slightly modified to disable scrollbars.
+
+
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Nord/color.ini b/archive/dotfiles-29-6-2022/spicetify/Themes/Nord/color.ini
new file mode 100644
index 0000000..e8dbc59
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Nord/color.ini
@@ -0,0 +1,18 @@
+[Base]
+
+main_fg = D8DEE9
+secondary_fg = E5E9F0
+main_bg = 2E3440
+sidebar_and_player_bg = 2E3440
+cover_overlay_and_shadow = 000000
+indicator_fg_and_button_bg = 81A1C1
+pressing_fg = 4C566A
+slider_bg = 434C5E
+sidebar_indicator_and_hover_button_bg = 81A1C1
+scrollbar_fg_and_selected_row_bg = 4C566A
+pressing_button_fg = 5E81AC
+pressing_button_bg = 3B4252
+selected_button = 81A1C1
+miscellaneous_bg = 434C5E
+miscellaneous_hover_bg = 81A1C1
+preserve_1 = FFFFFF
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Nord/minimal.css b/archive/dotfiles-29-6-2022/spicetify/Themes/Nord/minimal.css
new file mode 100644
index 0000000..b8ab85f
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Nord/minimal.css
@@ -0,0 +1,688 @@
+:root {
+ --bar-height: 120px;
+}
+
+/*Round corner cover image*/
+.card-image,
+.card-placeholder-wrapper,
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ border-radius: 10px !important;
+ overflow: hidden !important
+}
+
+/*Hide some annoying elements like profile name and pic, upgrade button and device connect bar at bottom, new playlist button*/
+.sidebar,
+.profile.content-top-bar__profile-link,
+.upgrade-button,
+.view-leaderboard-ad,
+.tl-explicit,
+.view-player .remote-playback-bar,
+.LeftSidebarNewPlaylistButton__button {
+ display: none !important;
+}
+
+
+/*Exclude these elements from draggable property because it stops them from clickable*/
+.profile-items-container,
+.profile {
+ -webkit-app-region: no-drag !important;
+}
+
+/*Thinner scrollbar*/
+::-webkit-scrollbar {
+ display: none !important;
+ height: 0px !important;
+ width: 0px !important;
+}
+
+/*Round corner scrollbar*/
+::-webkit-scrollbar-thumb {
+ border-radius: 3px !important;
+}
+
+/*Hide top and bottom buttons of scrollbar */
+/*who uses those, lol*/
+::-webkit-scrollbar-button {
+ display: none !important;
+}
+
+/*Hide cover image overlay*/
+.card-overlay {
+ visibility: hidden !important;
+}
+
+/*Lift up cover when hovering on it*/
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ transition-property: transform, box-shadow !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ box-shadow: 0 5px 20px rgba(0,0,0,0.1);
+}
+
+.card-image-hit-area:not(.no-hover):hover .card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-hit-area-counter-scale:hover .Card__image-wrapper {
+ transform: translateY(-10px);
+ box-shadow: 0 15px 30px rgba(0,0,0,0.3);
+}
+
+.card-image-hit-area .card-button-add,
+.card-image-hit-area .card-button-play,
+.card-image-hit-area .card-button-more,
+.Card__image-hit-area .card-button-add,
+.Card__image-hit-area .card-button-play,
+.Card__image-hit-area .card-button-more,
+.Card__image-hit-area .Card__play-button,
+.Card__image-hit-area .Card__add-button,
+.Card__image-hit-area .Card__more-button,
+.Card__image-hit-area .Card__overlay {
+ transition-property: all !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ opacity: 0 !important;
+}
+.card-image-hit-area:not(.no-hover):hover .card-button-add,
+.card-image-hit-area:not(.no-hover):hover .card-button-play,
+.card-image-hit-area:not(.no-hover):hover .card-button-more,
+.Card__image-hit-area:not(.no-hover):hover .card-button-add,
+.Card__image-hit-area:not(.no-hover):hover .card-button-play,
+.Card__image-hit-area:not(.no-hover):hover .card-button-more {
+ opacity: 1 !important;
+ transform: translateY(-10px);
+}
+
+.Card__image-hit-area:hover .Card__play-button,
+.Card__image-hit-area:hover .Card__add-button,
+.Card__image-hit-area:hover .Card__more-button,
+.Card__image-hit-area:hover .Card__overlay {
+ opacity: 1 !important;
+}
+
+.glue-page-header__content .glue-page-header__image-inner {
+ border-radius: 10px;
+ box-shadow: unset !important;
+}
+
+.glue-page-header__full-description-overlay {
+ box-shadow: unset !important;
+}
+
+.card-placeholder-wrapper {
+ background: transparent !important;
+}
+
+/*Spice up search input background*/
+.SearchInput {
+ color: var(--modspotify_main_fg);
+}
+.SearchInput__input {
+ color: var(--modspotify_secondary_fg);
+ background-color: rgba(var(--modspotify_rgb_scrollbar_fg_and_selected_row_bg), 0.5) !important;
+ border-radius: 4px !important;
+ padding-left: 34px;
+}
+
+.sidebar:hover .sidebar-navbar.sidebar-scroll-element {
+ opacity: 1!important;
+}
+
+/* .sidebar { */
+/* width: 0px !important; */
+/* min-width: 0px !important; */
+/* max-width: 0px !important; */
+/* transition-duration: .0s !important; */
+/* transition-timing-function: cubic-bezier(.3,0,0,1) !important; */
+/* opacity: 0; */
+/* } */
+
+.view-player .player-controls-container,
+.view-player .player-controls-container .controls {
+ overflow: visible !important;
+}
+
+.view-player .player-controls-container .controls .button-play{
+ height:50px !important;
+ border-radius:50px !important;
+ background: transparent !important;
+ box-shadow:0 0 0 0 !important;
+ width:50px !important;
+ overflow: visible !important;
+ box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
+ transition:none 0.3s cubic-bezier(.3,0,.7,1);
+}
+
+.view-player .player-controls-container .controls .button-play:before{
+ font-size:18px !important;
+ padding-left: 16px !important;
+ padding-top: 9px !important;
+}
+
+.view-player .player-controls-container .controls .button-play:after {
+ box-shadow: unset !important;
+}
+
+.view-player .player-controls-container {
+ position: absolute !important;
+ width: 100% !important;
+}
+
+.view-player .player-controls-container .controls {
+ width: 100% !important;
+ height: 100% !important;
+ align-items: center !important;
+ margin-top : 0px !important;
+}
+
+/*
+Hide the song duration and elapsed text. I dont know where to put those so I just hide them
+*/
+.view-player .player-controls-container .progress-container .elapsed,
+.view-player .player-controls-container .progress-container .remaining {
+ display: none !important;
+}
+
+/* Add round corner for Gerne and Mood cards */
+.gc-image-container,
+.gc-image {
+ border-radius: 10px !important;
+}
+
+/*
+Collage of 3 album covers is usually seen in Browse and Chart.
+*/
+.card-puff__image-wrapper,
+.card-puff__info-container,
+.card-puff__card-image {
+ border-radius: 10px !important;
+}
+
+.card-puff__image-wrapper {
+ overflow: visible;
+}
+
+.card-puff__card-image {
+ box-shadow: 5px 0 30px rgba(0,0,0,0.7);
+ overflow: visible;
+}
+
+.card-puff__title-container {
+ background-color: transparent !important;
+}
+
+.card-puff.pressed .card-puff__image-wrapper,
+.card-puff.pressed .card-puff__info-container {
+ opacity: 0.7 !important;
+}
+
+.card-puff__title {
+ padding: 5px 10px 5px 10px !important;
+ background-color: var(--modspotify_main_bg) !important;
+ border-radius: 4px;
+ border: 2px solid var(--modspotify_main_fg);
+}
+
+/*
+We use round corner on cover so they look weird in original
+form, so I move last cover to the right 20px and first one to the left 20px
+*/
+.card-puff__card-image:nth-child(1) {
+ right: 20px;
+ box-shadow: 0 0 0 0 !important;
+}
+
+.card-puff__card-image:nth-child(3) {
+ left: 20px;
+}
+
+.grid-overlay-label {
+ top: 140px !important;
+}
+
+/**/
+.glue-page-header__background-color {
+ background-image: none !important;
+ background: var(--modspotify_main_bg);
+}
+
+/* .glue-page-header__sticky {
+ padding-top: 60px !important;
+} */
+
+/*
+Remove those title, cringy description and
+meaningless followers number
+*/
+
+.carousel .card-info-subtitle-description,
+.carousel .card-info-subtitle-metadata,
+.carousel .card:not(.card-type-station).card-info-title,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-description,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-metadata {
+ display: none !important;
+}
+
+
+/*
+In top of Browse usually has bunch of Playlist or Album cards,
+and they has .carousel as a wrapper and it hides anything that
+overflows from its zone, aka our shadow and lifting animation.
+*/
+.carousel {
+ overflow: visible !important;
+}
+
+/*
+Button with text Play
+*/
+.button.button-green,
+.GlueButton.GlueButton--style-green {
+ color: var(--modspotify_main_bg) !important;
+}
+
+/*
+Change text color in playlist
+*/
+.tl-explicit .label,
+.tl-premium .label,
+.tl-cell:not(.tl-number),
+.tl-cell a:link,
+.tl-highlight {
+ color: var(--modspotify_secondary_fg);
+}
+
+.card-type-album .card-info-title,
+.card-type-track .card-info-title,
+.card-type-collection-album .card-info-title,
+.card-type-episode .card-info-title {
+ font-size: 15px;
+ font-weight: 900 !important;
+ text-align: center !important;
+ width: 100% !important;
+}
+
+.card-type-album .card-info-subtitle-links,
+.card-type-track .card-info-subtitle-links,
+.card-type-collection-album .card-info-subtitle-links,
+.card-type-episode .card-info-subtitle-links {
+ text-align: center !important;
+ width: 100% !important;
+}
+
+.tracklist-station-container::after {
+ background: transparent !important;
+}
+
+.GlueHeader__background-overlay {
+ background: var(--modspotify_main_bg) !important;
+}
+
+/* Move navigation buttons and search field to the right and down */
+.browser-navigation-top-bar {
+ margin-left: 0px !important;
+ margin-top: 15px !important;
+}
+
+.SearchInput__input,
+.SearchInput__searchIcon,
+.SearchInput__clearButton {
+ margin-top: 15px !important;
+}
+
+.content-top-bar__profile-menu-button {
+ margin-top: 15px !important;
+}
+
+.body-container--windows:not(.with-buddy-list):not(.messagebar) .content-top-bar__profile {
+ margin-right: 110px !important;
+ margin-top: -5px;
+}
+
+/* Spice up Fullscreen mode */
+/* #view-player .album-art .album-art__image { */
+/* border-radius: 30px !important; */
+/* box-shadow: 0 10px 70px rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.5) !important; */
+/* } */
+
+#view-player .album-art .album-art__image .card-image-content-wrapper,
+#view-player .album-art .album-art__image .card-image-content-wrapper .card-image {
+ border-radius: 30px !important;
+}
+
+#video-player .album-art__foreground {
+ flex-direction: row;
+ text-align: left;
+}
+
+#video-player .album-art__background {
+ background-color: initial;
+}
+
+#video-player .album-art__track-details {
+ padding-left: 50px;
+ line-height: initial;
+}
+
+#video-player .album-art__track-title {
+ font-size: 84px;
+ margin-top: 0;
+ line-height: initial;
+}
+
+#video-player .album-art__artist-name {
+ font-size: 54px;
+ margin-top: 0;
+ line-height: initial;
+}
+
+/* Daily mixes */
+.carousel .card-info-wrapper.card-info-with-description.card-info-with-metadata {
+ height: 50px !important;
+}
+
+/* Remove section divider */
+.section-divider {
+ border-bottom: 0 !important;
+}
+
+/* Adjust Position of border active tab in Nav bar at top
+and add little glowing effect
+*/
+.nav.navbar-nav {
+ overflow: hidden !important;
+}
+
+.nav.navbar-nav a {
+ overflow: visible !important;
+}
+
+.nav.navbar-nav a::after {
+ bottom: 0px !important;
+ width: 100% !important;
+}
+
+.nav.navbar-nav .active a::after{
+ box-shadow: 0 0px 20px !important;
+}
+
+.nav.navbar-nav a:focus:not(.button):active::after{
+ background-color: var(--modspotify_pressing_fg) !important;
+}
+
+/* Notification bar */
+#content-wrapper #view-message-bar {
+ position: absolute !important;
+ width: calc(100% - 160px) !important;
+ margin-left: 80px !important;
+ border-radius: 0 0 10px 10px !important;
+}
+
+/* Small cover Big cover mechanism */
+.now-playing.cover-size-transition.active.image-expanded #now-playing-image-small {
+ display: none;
+}
+
+.now-playing.cover-size-transition.active.image-expanded .cover-image-link-wrapper {
+ flex: 0 1 10px;
+}
+
+#view-now-playing a.image {
+ overflow: visible !important;
+}
+
+/* Profile arrow in top left */
+.content-top-bar__profile-menu-button .dropdown {
+ position: fixed !important;
+ top: 10px !important;
+ -webkit-app-region: no-drag !important;
+}
+
+/* [WINDOWS] Change Profile menu horizontal position */
+body.body-container--windows .content-top-bar__profile-menu-button .dropdown {
+ right: 190px !important;
+}
+
+body:not(.body-container--windows) .content-top-bar__profile-menu-button .dropdown {
+ right: 20px !important;
+}
+
+/* Small tooltip */
+#tooltip {
+ display: none !important;
+ /* box-shadow: 0 0 10px rgba(0,0,0,0.2) !important; */
+ /* border-radius: 5px !important; */
+ /* border: 2px solid var(--modspotify_main_fg); */
+ /* padding: 10px 10px; */
+}
+
+.tooltip-arrow-top, .tooltip-arrow-bottom {
+ display: none !important;
+}
+
+.lyrics-lines-container,
+.message-container {
+ color: #FFFFFF !important;
+}
+
+/* Home page */
+.GlueCarousel__grid-wrapper::-webkit-scrollbar-thumb {
+ display: none;
+}
+
+.GlueCard__info-wrapper,
+.Card__info-wrapper {
+ margin-bottom: 30px;
+}
+
+.card-horizontal-interior-wrapper .card-info-title {
+ text-align: start !important;
+}
+
+.tl-row.selected:hover .tl-cell {
+ background: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.GlueTableRow--is-selected {
+ background-color: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.tracklist-podcast .tl-progress .row-progress__bar {
+ background-color: var(--modspotify_main_fg);
+}
+
+.Header__background-color{
+ background-color: var(--modspotify_main_bg) !important;
+ background-image: unset;
+}
+
+.Button--style-green,
+.button.button-green, .button.button-white {
+ border-radius: 4px;
+ color: var(--modspotify_main_bg) !important;
+}
+
+.glue-page-header:not(.glue-page-header--album):not(.glue-page-header--playlist):not(.glue-page-header--artist):not(.glue-page-header--dailymix):not(.glue-page-header--user):not(.glue-page-header--show)
+ .glue-page-header__content-inner .glue-page-header__title-text,
+.HomeHeader .Header__content-inner .Header__title-text-inner,
+.MadeForYouHeader .Header__content-inner .Header__title-text-inner,
+.RecentlyPlayedPage__header .Header__content-inner .Header__title-text-inner {
+ background-color: var(--modspotify_main_bg);
+ padding: 5px 20px;
+ border: 5px solid var(--modspotify_main_fg) !important;
+ border-radius: 6px;
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ text-transform: uppercase;
+}
+
+.glue-page-header.glue-page-header--album .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--artist .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--dailymix .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--playlist .glue-page-header__content-inner .glue-page-header__title {
+ margin-top: 10px;
+}
+
+span.glue-page-header__title-text {
+ color: var(--modspotify_main_fg);
+}
+
+.glue-page-header .glue-page-header__content-inner .glue-page-header__button {
+ margin-top: 40px;
+}
+
+.glue-page-header__content-inner,
+.glue-page-header__data,
+.glue-page-header__title,
+.Header__content-inner,
+.Header__data,
+.Header__title,
+.Header__title-text,
+.Header__title-text-inner {
+ overflow: visible !important;
+}
+
+/*Force player bar to has fixed height*/
+.view-player {
+ height: var(--bar-height) !important;
+ border-top: 0;
+}
+
+.view-player .now-playing {
+ overflow: unset;
+}
+
+.view-player .cover-image-container {
+ position: fixed !important;
+ left: 0;
+ bottom: 0;
+}
+
+.view-player .now-playing .cover-image-link,
+.view-player .now-playing .cover-image-link figure {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+#now-playing-image-small .cover-image {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+.view-player .now-playing .cover-image-link-wrapper {
+ flex: 0 1 calc(var(--bar-height) + 10px);
+}
+
+.text-container {
+ z-index: 3;
+}
+
+.view-player .now-playing-container .button-add {
+ color: var(--modspotify_main_fg) !important;
+}
+
+.progress-container .progress-bar,
+.progress-container .inner {
+ top: 0 !important;
+ margin-top: 0 !important;
+ height: 5px;
+}
+
+.progress-container .progress-bar-wrapper {
+ top: 0 !important;
+ height: 5px;
+}
+
+.progress-container {
+ position: fixed !important;
+ width: 100% !important;
+ bottom: var(--bar-height) !important;
+ margin : 0 !important;
+}
+
+.progress-container .inner {
+ border-radius: 0 2px 2px 0 !important;
+ background-color: var(--modspotify_main_fg) !important;
+ box-shadow: 0 2px 2px 0 var(--modspotify_main_fg);
+}
+
+.saber-hilt {
+ display: none;
+}
+
+
+.glue-page-header__p2s-details,
+.glue-page-header__p2s-followers {
+ display: none;
+}
+
+.context-menu {
+ border: 2px solid var(--modspotify_main_fg);
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ border-radius: 7px !important;
+ overflow: hidden;
+}
+
+#menu-wrapper ::-webkit-scrollbar {
+ display: none;
+}
+
+#menu-wrapper {
+ border-right: 3px solid black;
+ border-image: linear-gradient(0deg, transparent , var(--modspotify_scrollbar_fg_and_selected_row_bg) 40%, var(--modspotify_scrollbar_fg_and_selected_row_bg) 60%, transparent 90%) 2 90%;
+}
+
+.main-view-wrapper {
+ overflow: unset;
+}
+
+.Button--style-icon-stroke:after,
+.Button--style-icon-stroke:hover:after,
+.Button--style-icon-stroke,
+.glue-page-header__button .button-icon-with-stroke,
+.glue-page-header__button .button-icon-with-stroke::after {
+ box-shadow: unset;
+}
+
+.glue-page-header.glue-page-header--artist .glue-page-header__label {
+ padding-top: 10px;
+}
+
+.glue-page-header.glue-page-header--artist.has-custom-image .glue-page-header__label {
+ padding-top: 8px;
+}
+
+.glue-page-header__content .glue-page-header__label {
+ margin-left: -2px;
+ z-index: 2;
+}
+
+.glue-page-header__label span,
+.Header__label span {
+ background-color: var(--modspotify_main_fg);
+ color: var(--modspotify_main_bg);
+ padding: 2px 10px;
+}
+
+.glue-page-header__label .header-verified-check {
+ background-color: transparent;
+}
+
+body.remotebar .view-player .player-bar-wrapper {
+ height: 100%;
+}
+
+.SidebarListItem--is-active:after,
+.RootlistItem--is-active:after,
+/* For Linux */ #view-navigation-bar .item.active:after {
+ background-color: transparent;
+ background-image: linear-gradient(90deg, var(--modspotify_sidebar_indicator_and_hover_button_bg) , transparent);
+ opacity: 0.2;
+ bottom: unset;
+ top: 5%;
+ height: 90%;
+ width: 100%
+}
+
+.Header__image-inner {
+ box-shadow: unset;
+}
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Nord/minimal.jpg b/archive/dotfiles-29-6-2022/spicetify/Themes/Nord/minimal.jpg
new file mode 100644
index 0000000..9b07464
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Nord/minimal.jpg differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Nord/user.css b/archive/dotfiles-29-6-2022/spicetify/Themes/Nord/user.css
new file mode 100644
index 0000000..c63b27f
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Nord/user.css
@@ -0,0 +1,669 @@
+:root {
+ --bar-height: 120px;
+}
+
+/*Round corner cover image*/
+.card-image,
+.card-placeholder-wrapper,
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ border-radius: 10px !important;
+ overflow: hidden !important
+}
+
+/*Hide some annoying elements like profile name and pic, upgrade button and device connect bar at bottom, new playlist button*/
+.profile.content-top-bar__profile-link,
+.upgrade-button,
+.view-player .remote-playback-bar,
+.LeftSidebarNewPlaylistButton__button {
+ display: none !important;
+}
+
+
+/*Exclude these elements from draggable property because it stops them from clickable*/
+.profile-items-container,
+.profile {
+ -webkit-app-region: no-drag !important;
+}
+
+/*Thinner scrollbar*/
+::-webkit-scrollbar {
+ height: 0px !important;
+ width: 0px !important;
+ background-color: transparent;
+}
+
+/*Round corner scrollbar*/
+::-webkit-scrollbar-thumb {
+ border-radius: 3px !important;
+}
+
+/*Hide top and bottom buttons of scrollbar */
+/*who uses those, lol*/
+::-webkit-scrollbar-button {
+ display: none !important;
+}
+
+/*Hide cover image overlay*/
+.card-overlay {
+ visibility: hidden !important;
+}
+
+/*Lift up cover when hovering on it*/
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ transition-property: transform, box-shadow !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ box-shadow: 0 5px 20px rgba(0,0,0,0.1);
+}
+
+.card-image-hit-area:not(.no-hover):hover .card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-hit-area-counter-scale:hover .Card__image-wrapper {
+ transform: translateY(-10px);
+ box-shadow: 0 15px 30px rgba(0,0,0,0.3);
+}
+
+.card-image-hit-area .card-button-add,
+.card-image-hit-area .card-button-play,
+.card-image-hit-area .card-button-more,
+.Card__image-hit-area .card-button-add,
+.Card__image-hit-area .card-button-play,
+.Card__image-hit-area .card-button-more,
+.Card__image-hit-area .Card__play-button,
+.Card__image-hit-area .Card__add-button,
+.Card__image-hit-area .Card__more-button,
+.Card__image-hit-area .Card__overlay {
+ transition-property: all !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ opacity: 0 !important;
+}
+.card-image-hit-area:not(.no-hover):hover .card-button-add,
+.card-image-hit-area:not(.no-hover):hover .card-button-play,
+.card-image-hit-area:not(.no-hover):hover .card-button-more,
+.Card__image-hit-area:not(.no-hover):hover .card-button-add,
+.Card__image-hit-area:not(.no-hover):hover .card-button-play,
+.Card__image-hit-area:not(.no-hover):hover .card-button-more {
+ opacity: 1 !important;
+ transform: translateY(-10px);
+}
+
+.Card__image-hit-area:hover .Card__play-button,
+.Card__image-hit-area:hover .Card__add-button,
+.Card__image-hit-area:hover .Card__more-button,
+.Card__image-hit-area:hover .Card__overlay {
+ opacity: 1 !important;
+}
+
+.glue-page-header__content .glue-page-header__image-inner {
+ border-radius: 10px;
+ box-shadow: unset !important;
+}
+
+.glue-page-header__full-description-overlay {
+ box-shadow: unset !important;
+}
+
+.card-placeholder-wrapper {
+ background: transparent !important;
+}
+
+/*Spice up search input background*/
+.SearchInput {
+ color: var(--modspotify_main_fg);
+}
+.SearchInput__input {
+ color: var(--modspotify_secondary_fg);
+ background-color: rgba(var(--modspotify_rgb_scrollbar_fg_and_selected_row_bg), 0.5) !important;
+ border-radius: 4px !important;
+ padding-left: 34px;
+}
+
+.sidebar:hover .sidebar-navbar.sidebar-scroll-element {
+ opacity: 1!important;
+}
+
+.view-player .player-controls-container,
+.view-player .player-controls-container .controls {
+ overflow: visible !important;
+}
+
+.view-player .player-controls-container .controls .button-play{
+ height:50px !important;
+ border-radius:50px !important;
+ background: transparent !important;
+ box-shadow:0 0 0 0 !important;
+ width:50px !important;
+ overflow: visible !important;
+ box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
+ transition:none 0.3s cubic-bezier(.3,0,.7,1);
+}
+
+.view-player .player-controls-container .controls .button-play:before{
+ font-size:18px !important;
+ padding-left: 16px !important;
+ padding-top: 9px !important;
+}
+
+.view-player .player-controls-container .controls .button-play:after {
+ box-shadow: unset !important;
+}
+
+.view-player .player-controls-container {
+ position: absolute !important;
+ width: 100% !important;
+}
+
+.view-player .player-controls-container .controls {
+ width: 100% !important;
+ height: 100% !important;
+ align-items: center !important;
+ margin-top : 0px !important;
+}
+
+/*
+Hide the song duration and elapsed text. I dont know where to put those so I just hide them
+*/
+.view-player .player-controls-container .progress-container .elapsed,
+.view-player .player-controls-container .progress-container .remaining {
+ display: none !important;
+}
+
+/* Add round corner for Gerne and Mood cards */
+.gc-image-container,
+.gc-image {
+ border-radius: 10px !important;
+}
+
+/*
+Collage of 3 album covers is usually seen in Browse and Chart.
+*/
+.card-puff__image-wrapper,
+.card-puff__info-container,
+.card-puff__card-image {
+ border-radius: 10px !important;
+}
+
+.card-puff__image-wrapper {
+ overflow: visible;
+}
+
+.card-puff__card-image {
+ box-shadow: 5px 0 30px rgba(0,0,0,0.7);
+ overflow: visible;
+}
+
+.card-puff__title-container {
+ background-color: transparent !important;
+}
+
+.card-puff.pressed .card-puff__image-wrapper,
+.card-puff.pressed .card-puff__info-container {
+ opacity: 0.7 !important;
+}
+
+.card-puff__title {
+ padding: 5px 10px 5px 10px !important;
+ background-color: var(--modspotify_main_bg) !important;
+ border-radius: 4px;
+ border: 2px solid var(--modspotify_main_fg);
+}
+
+/*
+We use round corner on cover so they look weird in original
+form, so I move last cover to the right 20px and first one to the left 20px
+*/
+.card-puff__card-image:nth-child(1) {
+ right: 20px;
+ box-shadow: 0 0 0 0 !important;
+}
+
+.card-puff__card-image:nth-child(3) {
+ left: 20px;
+}
+
+.grid-overlay-label {
+ top: 140px !important;
+}
+
+/**/
+.glue-page-header__background-color {
+ background-image: none !important;
+ background: var(--modspotify_main_bg);
+}
+
+/* .glue-page-header__sticky {
+ padding-top: 60px !important;
+} */
+
+/*
+Remove those title, cringy description and
+meaningless followers number
+*/
+
+.carousel .card-info-subtitle-description,
+.carousel .card-info-subtitle-metadata,
+.carousel .card:not(.card-type-station).card-info-title,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-description,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-metadata {
+ display: none !important;
+}
+
+
+/*
+In top of Browse usually has bunch of Playlist or Album cards,
+and they has .carousel as a wrapper and it hides anything that
+overflows from its zone, aka our shadow and lifting animation.
+*/
+.carousel {
+ overflow: visible !important;
+}
+
+/*
+Button with text Play
+*/
+.button.button-green,
+.GlueButton.GlueButton--style-green {
+ color: var(--modspotify_main_bg) !important;
+}
+
+/*
+Change text color in playlist
+*/
+.tl-explicit .label,
+.tl-premium .label,
+.tl-cell:not(.tl-number),
+.tl-cell a:link,
+.tl-highlight {
+ color: var(--modspotify_secondary_fg);
+}
+
+.card-type-album .card-info-title,
+.card-type-track .card-info-title,
+.card-type-collection-album .card-info-title,
+.card-type-episode .card-info-title {
+ font-size: 15px;
+ font-weight: 900 !important;
+ text-align: center !important;
+ width: 100% !important;
+}
+
+.card-type-album .card-info-subtitle-links,
+.card-type-track .card-info-subtitle-links,
+.card-type-collection-album .card-info-subtitle-links,
+.card-type-episode .card-info-subtitle-links {
+ text-align: center !important;
+ width: 100% !important;
+}
+
+.tracklist-station-container::after {
+ background: transparent !important;
+}
+
+.GlueHeader__background-overlay {
+ background: var(--modspotify_main_bg) !important;
+}
+
+/* Move navigation buttons and search field to the right and down */
+.browser-navigation-top-bar {
+ margin-left: 40px !important;
+ margin-top: 15px !important;
+}
+
+.SearchInput__input,
+.SearchInput__searchIcon,
+.SearchInput__clearButton {
+ margin-top: 15px !important;
+}
+
+.content-top-bar__profile-menu-button {
+ margin-top: 15px !important;
+}
+
+.body-container--windows:not(.with-buddy-list):not(.messagebar) .content-top-bar__profile {
+ margin-right: 110px !important;
+ margin-top: -5px;
+}
+
+/* Spice up Fullscreen mode */
+#view-player .album-art .album-art__image {
+ border-radius: 30px !important;
+ box-shadow: 0 10px 70px rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.5) !important;
+}
+
+#view-player .album-art .album-art__image .card-image-content-wrapper,
+#view-player .album-art .album-art__image .card-image-content-wrapper .card-image {
+ border-radius: 30px !important;
+}
+
+#video-player .album-art__foreground {
+ flex-direction: row;
+ text-align: left;
+}
+
+#video-player .album-art__background {
+ background-color: initial;
+}
+
+#video-player .album-art__track-details {
+ padding-left: 50px;
+ line-height: initial;
+}
+
+#video-player .album-art__track-title {
+ font-size: 84px;
+ margin-top: 0;
+ line-height: initial;
+}
+
+#video-player .album-art__artist-name {
+ font-size: 54px;
+ margin-top: 0;
+ line-height: initial;
+}
+
+/* Daily mixes */
+.carousel .card-info-wrapper.card-info-with-description.card-info-with-metadata {
+ height: 50px !important;
+}
+
+/* Remove section divider */
+.section-divider {
+ border-bottom: 0 !important;
+}
+
+/* Adjust Position of border active tab in Nav bar at top
+and add little glowing effect
+*/
+.nav.navbar-nav {
+ overflow: hidden !important;
+}
+
+.nav.navbar-nav a {
+ overflow: visible !important;
+}
+
+.nav.navbar-nav a::after {
+ bottom: 0px !important;
+ width: 100% !important;
+}
+
+.nav.navbar-nav .active a::after{
+ box-shadow: 0 0px 20px !important;
+}
+
+.nav.navbar-nav a:focus:not(.button):active::after{
+ background-color: var(--modspotify_pressing_fg) !important;
+}
+
+/* Notification bar */
+#content-wrapper #view-message-bar {
+ position: absolute !important;
+ width: calc(100% - 160px) !important;
+ margin-left: 80px !important;
+ border-radius: 0 0 10px 10px !important;
+}
+
+/* Small cover Big cover mechanism */
+.now-playing.cover-size-transition.active.image-expanded #now-playing-image-small {
+ display: none;
+}
+
+.now-playing.cover-size-transition.active.image-expanded .cover-image-link-wrapper {
+ flex: 0 1 10px;
+}
+
+#view-now-playing a.image {
+ overflow: visible !important;
+}
+
+/* Profile arrow in top left */
+.content-top-bar__profile-menu-button .dropdown {
+ position: fixed !important;
+ top: 10px !important;
+ -webkit-app-region: no-drag !important;
+}
+
+/* [WINDOWS] Change Profile menu horizontal position */
+body.body-container--windows .content-top-bar__profile-menu-button .dropdown {
+ right: 190px !important;
+}
+
+body:not(.body-container--windows) .content-top-bar__profile-menu-button .dropdown {
+ right: 20px !important;
+}
+
+/* Small tooltip */
+#tooltip {
+ box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;
+ border-radius: 5px !important;
+ border: 2px solid var(--modspotify_main_fg);
+ padding: 10px 10px;
+}
+
+.tooltip-arrow-top, .tooltip-arrow-bottom {
+ display: none !important;
+}
+
+.lyrics-lines-container,
+.message-container {
+ color: #FFFFFF !important;
+}
+
+/* Home page */
+.GlueCarousel__grid-wrapper::-webkit-scrollbar-thumb {
+ display: none;
+}
+
+.GlueCard__info-wrapper,
+.Card__info-wrapper {
+ margin-bottom: 30px;
+}
+
+.card-horizontal-interior-wrapper .card-info-title {
+ text-align: start !important;
+}
+
+.tl-row.selected:hover .tl-cell {
+ background: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.GlueTableRow--is-selected {
+ background-color: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.tracklist-podcast .tl-progress .row-progress__bar {
+ background-color: var(--modspotify_main_fg);
+}
+
+.Header__background-color{
+ background-color: var(--modspotify_main_bg) !important;
+}
+
+.Button--style-green,
+.button.button-green, .button.button-white {
+ border-radius: 4px;
+ color: var(--modspotify_main_bg) !important;
+}
+
+.glue-page-header:not(.glue-page-header--album):not(.glue-page-header--playlist):not(.glue-page-header--artist):not(.glue-page-header--dailymix):not(.glue-page-header--user):not(.glue-page-header--show)
+ .glue-page-header__content-inner .glue-page-header__title-text,
+.HomeHeader .Header__content-inner .Header__title-text-inner,
+.MadeForYouHeader .Header__content-inner .Header__title-text-inner,
+.RecentlyPlayedPage__header .Header__content-inner .Header__title-text-inner {
+ background-color: var(--modspotify_main_bg);
+ padding: 5px 20px;
+ border: 5px solid var(--modspotify_main_fg) !important;
+ border-radius: 6px;
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ text-transform: uppercase;
+}
+
+.glue-page-header.glue-page-header--album .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--artist .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--dailymix .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--playlist .glue-page-header__content-inner .glue-page-header__title {
+ margin-top: 10px;
+}
+
+span.glue-page-header__title-text {
+ color: var(--modspotify_main_fg);
+}
+
+.glue-page-header .glue-page-header__content-inner .glue-page-header__button {
+ margin-top: 40px;
+}
+
+.glue-page-header__content-inner,
+.glue-page-header__data,
+.glue-page-header__title,
+.Header__content-inner,
+.Header__data,
+.Header__title,
+.Header__title-text,
+.Header__title-text-inner {
+ overflow: visible !important;
+}
+
+/*Force player bar to has fixed height*/
+.view-player {
+ height: var(--bar-height) !important;
+ border-top: 0;
+}
+
+.view-player .now-playing {
+ overflow: unset;
+}
+
+.view-player .cover-image-container {
+ position: fixed !important;
+ left: 0;
+ bottom: 0;
+}
+
+.view-player .now-playing .cover-image-link,
+.view-player .now-playing .cover-image-link figure {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+#now-playing-image-small .cover-image {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+.view-player .now-playing .cover-image-link-wrapper {
+ flex: 0 1 calc(var(--bar-height) + 10px);
+}
+
+.text-container {
+ z-index: 3;
+}
+
+.view-player .now-playing-container .button-add {
+ color: var(--modspotify_main_fg) !important;
+}
+
+.progress-container .progress-bar,
+.progress-container .inner {
+ top: 0 !important;
+ margin-top: 0 !important;
+ height: 5px;
+}
+
+.progress-container .progress-bar-wrapper {
+ top: 0 !important;
+ height: 5px;
+}
+
+.progress-container {
+ position: fixed !important;
+ width: 100% !important;
+ bottom: var(--bar-height) !important;
+ margin : 0 !important;
+}
+
+.progress-container .inner {
+ border-radius: 0 2px 2px 0 !important;
+ background-color: var(--modspotify_main_fg) !important;
+ box-shadow: 0 2px 2px 0 var(--modspotify_main_fg);
+}
+
+.glue-page-header__p2s-details,
+.glue-page-header__p2s-followers {
+ display: none;
+}
+
+.context-menu {
+ border: 2px solid var(--modspotify_main_fg);
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ border-radius: 7px !important;
+ overflow: hidden;
+}
+
+#menu-wrapper ::-webkit-scrollbar {
+ display: none;
+}
+
+#menu-wrapper {
+ border-right: 3px solid black;
+ border-image: linear-gradient(0deg, transparent , var(--modspotify_scrollbar_fg_and_selected_row_bg) 40%, var(--modspotify_scrollbar_fg_and_selected_row_bg) 60%, transparent 90%) 2 90%;
+}
+
+.main-view-wrapper {
+ overflow: unset;
+}
+
+.Button--style-icon-stroke:after,
+.Button--style-icon-stroke:hover:after,
+.Button--style-icon-stroke,
+.glue-page-header__button .button-icon-with-stroke,
+.glue-page-header__button .button-icon-with-stroke::after {
+ box-shadow: unset;
+}
+
+.glue-page-header.glue-page-header--artist .glue-page-header__label {
+ padding-top: 10px;
+}
+
+.glue-page-header.glue-page-header--artist.has-custom-image .glue-page-header__label {
+ padding-top: 8px;
+}
+
+.glue-page-header__content .glue-page-header__label {
+ margin-left: -2px;
+ z-index: 2;
+}
+
+.glue-page-header__label span,
+.Header__label span {
+ background-color: var(--modspotify_main_fg);
+ color: var(--modspotify_main_bg);
+ padding: 2px 10px;
+}
+
+.glue-page-header__label .header-verified-check {
+ background-color: transparent;
+}
+
+body.remotebar .view-player .player-bar-wrapper {
+ height: 100%;
+}
+
+.SidebarListItem--is-active:after,
+.RootlistItem--is-active:after,
+/* For Linux */ #view-navigation-bar .item.active:after {
+ background-color: transparent;
+ background-image: linear-gradient(90deg, var(--modspotify_sidebar_indicator_and_hover_button_bg) , transparent);
+ opacity: 0.2;
+ bottom: unset;
+ top: 5%;
+ height: 90%;
+ width: 100%
+}
+
+.Header__image-inner {
+ box-shadow: unset;
+}
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Onepunch/OnepunchHome.png b/archive/dotfiles-29-6-2022/spicetify/Themes/Onepunch/OnepunchHome.png
new file mode 100644
index 0000000..d534181
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Onepunch/OnepunchHome.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Onepunch/README.md b/archive/dotfiles-29-6-2022/spicetify/Themes/Onepunch/README.md
new file mode 100644
index 0000000..8ebe87b
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Onepunch/README.md
@@ -0,0 +1,25 @@
+# Onepunch
+
+## Screenshots
+
+
+
+## More
+
+#### Details
+
+ A project intended to redesign the Spotify app.As you know Saitama is only a "hero for fun", this is going to take a while even though he can finish an enemy with just one punch. I hope you'll like it! Suggestions will always help me to make it look better.
+So, feel free to drop your feedback.
+
+#### Changelogs
+
+Wondering what is changed, then check this [file](./changelog.md).
+
+#### Contact
+
+Click **[here](https://t.me/saitama_a)** for *feedback*, *sharing new ideas* and *reporting bugs* only.
+Format for bug reporting:
+
+ Operating System(!important):
+
+ Description of issue:
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Onepunch/changelog.md b/archive/dotfiles-29-6-2022/spicetify/Themes/Onepunch/changelog.md
new file mode 100644
index 0000000..1fd61aa
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Onepunch/changelog.md
@@ -0,0 +1,16 @@
+## Versions
+
+**v 0.2 beta**
+
+- [x] Fixed the two bars shown in now playing
+- [x] An attempt to fix the logo not showing issue for platforms other than macos.
+- [x] A few optimizations.
+
+**v 0.1 beta**
+
+- [x] Added the Spotify logo.
+- [x] Fixed the friend activity bar.
+- [x] Fixed text colors inside album and playlist.
+- [x] Fixed overlapping of sidebar items.
+- [x] A few optimizations.
+***
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Onepunch/color.ini b/archive/dotfiles-29-6-2022/spicetify/Themes/Onepunch/color.ini
new file mode 100644
index 0000000..8ca86d5
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Onepunch/color.ini
@@ -0,0 +1,19 @@
+[Base]
+main_fg = 1DB954
+secondary_fg = DEDEDE
+main_bg = 111111
+main_bg_second = 282828
+sidebar_and_player_bg = 111111
+cover_overlay_and_shadow = 212121
+indicator_fg_and_button_bg = 1DB954
+pressing_fg = FF5C86
+slider_bg = 3F3C45
+sidebar_indicator_and_hover_button_bg = 1DC954
+scrollbar_fg_and_selected_row_bg = 3B3B3B
+pressing_button_fg = DEDEDE
+pressing_button_bg = 383145
+selected_button = 1DB954
+miscellaneous_bg = 3F3C45
+miscellaneous_hover_bg = 3B3B3B
+primary_text = FAFAFA
+preserve_1 = FAFAFA
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Onepunch/user.css b/archive/dotfiles-29-6-2022/spicetify/Themes/Onepunch/user.css
new file mode 100644
index 0000000..08f1846
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Onepunch/user.css
@@ -0,0 +1,339 @@
+:root {
+ }
+
+
+/*navigation menu edits*/
+.sidebar .sidebar-navbar {
+ padding-top: 30px;
+}
+.SidebarListItem--is-active, .RootlistItem--is-active {
+ background: #3b3b3b;
+ border-radius: 10px;
+ width: 70%;
+ position: relative;
+ right: -30px;
+}
+.SidebarListItem {
+ padding-left: 15px;
+ padding-right: 40px;
+ right: -30px
+}
+.SidebarListItem {
+font-weight: var(--glue-font-weight-normal);
+font-size: 13px;
+}
+.SidebarListItem--is-active:after {
+ display: none;
+}
+.SidebarListItemLink--is-highlighted:hover,
+.SidebarListItemLink--is-highlighted:link,
+.SidebarListItemLink--is-highlighted:visited {
+ font-weight: var(--glue-font-weight-bold);
+}
+html .SidebarList__title {
+ font-size: 13px;
+ line-height: 40px;
+ font-weight: var(--glue-font-weight-black);
+ text-transform: uppercase;
+ letter-spacing: .16em;
+}
+ /*added the logo and fixed layout*/
+#view-buddy-list{
+ padding-top: 50px;
+}
+.LeftSidebar {
+ margin-top: 50px;
+}
+.LeftSidebar__section {
+ margin-bottom: 24px;
+}
+.sidebar .sidebar-navbar {
+ /*background-image: url(https://local_resource_host/images/logo-navbar-green.png);*/
+ background-image: url(https://imgur.com/YQroYy7.png);
+ background-repeat: no-repeat;
+ background-size: 175px;
+ background-position-x: 28px;
+}
+.resizer{
+ display: none !important;
+}
+ /*playlist items
+ .RootlistItem {
+ padding-left: 30px;
+ padding-right: 30px;
+ }
+ .RootlistItem--is-active:before {
+ background-color: #3b3b3b;
+ }*/
+
+/*for now I have hidden the new playlist button but I've a idea for it and will add in future*/
+ .LeftSidebarNewPlaylistButton__button {
+ display: none !important;
+ }
+
+
+
+/*home page edits*/
+ /*Round corner cover image*/
+ .card-image,
+ .card-placeholder-wrapper,
+ .card-image-content-wrapper,
+ .Card:not(.Card--artist) .Card__image,
+ .Card:not(.Card--artist) .Card__image-wrapper {
+ border-radius: 10px !important;
+ overflow: hidden !important
+ }
+ .GlueSectionDivider__title, .Card__info-title a {
+ line-height: 30px;
+ letter-spacing: 0em;
+ color: #fafafa;
+ }
+ /*card info details*/
+ .Card__info-subtitle-description, .Card__info-subtitle-metadata{
+ display:none !important;
+ }
+ .Button--style-icon:not(.Button--is-drop-target-active) {
+ background: #3b3b3b !important;
+ height: 30px !important;
+ width: 30px !important;
+ }
+
+
+
+ /*scroll bar edits*/
+ /*Thinner scrollbar*/
+ ::-webkit-scrollbar {
+ height: 6px !important;
+ width: 6px !important;
+ background-color: transparent;
+ }
+ /*Hide top and bottom buttons of scrollbar */
+ ::-webkit-scrollbar-button {
+ display: none !important;
+ }
+
+
+/*play area edits*/
+ /*main frame*/
+ #view-player {
+ padding-left: 10px;
+ padding-right: 10px;
+ padding-bottom: 10px;
+ }
+ body.remotebar .view-player .player-bar-wrapper,
+ .view-player{
+ height: 85px !important;
+ border-radius: 20px !important;
+ background: var(--modspotify_main_bg_second) !important;
+ position: relative;
+ /*border: 10px solid #111111;*/
+ padding-left: 2px !important;
+ padding-right: 2px !important;
+ }
+ /*buttons and play progress*/
+ .view-player .player-controls-container .controls .button-play{
+ height: 35px !important;
+ width: 35px !important;
+ border-radius: 40px !important;
+ background: #555555 !important;
+ box-shadow:0 0 0 0 !important;
+ transition:none 0.3s cubic-bezier(.3,0,.7,1);
+ overflow: visible !important;
+ }
+ .view-player .player-controls-container .controls .button-play:before{
+ padding-left: 10px !important;
+ padding-top: 1px !important;
+ }
+ .view-player .player-controls-container .controls {
+ margin-top: -14px !important;
+ }
+ .view-player .player-controls-container .progress-container {
+ margin-top: 2px !important;
+ }
+ .view-player .player-controls-container .controls .button-play:after {
+ box-shadow: unset !important;
+ }
+ .view-player .now-playing .cover-image-container .cover-image {
+ border-radius: 6px;
+ }
+ .view-player .text-container .text-item-container .text-item .scroll-text-container:after {
+ background: #282828 !important;
+ right: 0;
+ }
+
+
+/*browse tab edits*/
+/* Add round corner for Gerne and Mood cards */
+.gc-image-container,
+.gc-image {
+ border-radius: 10px !important;
+}
+.gc-label-text {
+ color: #fafafa;
+}
+
+
+/* Fullscreen mode edits */
+#view-player .album-art .album-art__image {
+ border-radius: 30px !important;
+ box-shadow: 0 10px 70px rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.5) !important;
+}
+
+#view-player .album-art .album-art__image .card-image-content-wrapper,
+#view-player .album-art .album-art__image .card-image-content-wrapper .card-image {
+ border-radius: 30px !important;
+}
+
+#video-player .album-art__foreground {
+ flex-direction: row;
+ text-align: left;
+}
+
+#video-player .album-art__background {
+ background-color: initial;
+}
+
+#video-player .album-art__track-details {
+ padding-left: 40px;
+ line-height: initial;
+}
+
+#video-player .album-art__track-title {
+ font-size: 80px;
+ margin-top: 0;
+ line-height: initial;
+}
+
+#video-player .album-art__artist-name {
+ font-size: 50px;
+ margin-top: 0;
+ line-height: initial;
+}
+
+/*progress bar edits*/
+.progress-container .inner {
+ border-radius: 50px !important;
+ background-color: var(--modspotify_main_fg) !important;
+}
+.progress-bar, .progress-bar .inner{
+ background: #3b3b3b;
+ border-radius: 100px;
+}
+.progress-container .progress-bar,
+.progress-container .inner {
+ border-radius: 100px !important;
+ height: 4.5px;
+}
+.progress-container {
+ border-radius: 100px !important;
+ position: absolute !important;
+ right: 25%;
+ width: 50% !important;
+}
+
+
+
+/*editing the alumb and playlists inside*/
+ /*album edits*/
+.Button__alt-text, .Button__text {
+ color: #FAFAFA !important;
+}
+.Button--style-green {
+ font-size: 14px;
+ }
+ .TableCell--is-emphasized {
+ color: #FAFAFA;
+}
+ /*playlist edits*/
+.b-play-text, .b-pause-text, .b-add-text, .b-added-text, .b-remove-text {
+ color: #FAFAFA;
+}
+.tl-highlight {
+ color: #FAFAFA;
+}
+
+/*experiments*/
+
+
+
+
+
+
+
+
+
+
+
+/*search bar edits*/
+.SearchInput__input {
+ color: var(--modspotify_secondary_fg) !important;
+ background-color: var(--modspotify_main_bg) !important;
+ border-style: solid !important;
+ border-width: 1px !important;
+ border-radius: 0 !important;
+ border-color: var(--modspotify_sidebar_and_player_bg) !important;
+}
+
+.SearchInput__searchIcon{
+ color: var(--modspotify_secondary_fg) !important;
+}
+
+.content-top-bar__search-input{
+ max-width: unset!important;
+ height: auto !important;
+}
+
+/*change header colors*/
+.GlueHeader__background-color{
+ border-color: var(--modspotify_sidebar_and_player_bg) !important;
+ background-color: var(--modspotify_sidebar_and_player_bg) !important;
+ background-image: unset !important;
+}
+
+.Header__background-color{
+ border-color: var(--modspotify_sidebar_and_player_bg) !important;
+ background-color: var(--modspotify_sidebar_and_player_bg) !important;
+ background-image: unset !important;
+}
+
+/*scrubbing bar ball thingy*/
+.handle{
+ background: var(--modspotify_indicator_fg_and_button_bg) !important;
+ border: 3px solid var(--modspotify_indicator_fg_and_button_bg) !important;
+}
+
+.progress-bar-wrapper.progress-bar-wrapper--ltr.handle{
+ background: unset !important;
+ border: unset !important;
+}
+
+/*like heart thingy in bottom player*/
+.nowplaying-add-button .button .button-icon-only .button-add,
+.nowplaying-ban-button .button .button-icon-only .button-ban .spoticon-ban-16{
+ color: var(--like-color)!important;
+}
+
+/*like heart in playlist*/
+button.button-icon-only.button-add,
+.spoticon-heart-16,
+.spoticon-heart-active-16,
+.spoticon-heart-active-32,
+.spoticon-heart-32{
+ color: var(--like-color)!important;
+}
+
+/*highlighted playlist text color*/
+.tl-row.current .tl-cell:not(.tl-number), .tl-row.current .tl-cell a:link, .tl-row.current .tl-highlight {
+ color: #cccccc;
+}
+
+
+
+
+
+
+
+/*hide a few elements*/
+.view-player .remote-playback-bar {
+ display: none !important;
+}
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Otto/Otto1.png b/archive/dotfiles-29-6-2022/spicetify/Themes/Otto/Otto1.png
new file mode 100644
index 0000000..1a58491
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Otto/Otto1.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Otto/Otto3.png b/archive/dotfiles-29-6-2022/spicetify/Themes/Otto/Otto3.png
new file mode 100644
index 0000000..5ed87bf
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Otto/Otto3.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Otto/color.ini b/archive/dotfiles-29-6-2022/spicetify/Themes/Otto/color.ini
new file mode 100644
index 0000000..102f4a7
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Otto/color.ini
@@ -0,0 +1,18 @@
+[Base]
+; Based on Otto for KDE
+main_fg = FE6F61
+secondary_fg = F0DADA
+main_bg = 2C3746
+sidebar_and_player_bg = 2C3746
+cover_overlay_and_shadow = 000000
+indicator_fg_and_button_bg = FE6F61
+pressing_fg = FF5C86
+slider_bg = 2B2B2B
+sidebar_indicator_and_hover_button_bg = FF6F61
+scrollbar_fg_and_selected_row_bg = D7DDDE
+pressing_button_fg = DEDEDE
+pressing_button_bg = 383145
+selected_button = FE6F61
+miscellaneous_bg = 3F3C45
+miscellaneous_hover_bg = 383145
+preserve_1 = FFFFFF
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Otto/readme.md b/archive/dotfiles-29-6-2022/spicetify/Themes/Otto/readme.md
new file mode 100644
index 0000000..dc495a8
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Otto/readme.md
@@ -0,0 +1,10 @@
+# Otto
+
+## Screenshots
+
+
+
+## More
+Based on [@jomada](https://github.com/jomada)'s Otto theme for KDE ([Link](https://store.kde.org/p/1358262/) and [Reddit post](https://www.reddit.com/r/unixporn/comments/flve55/kde_plasma_otto/))
+
+Works best with the Friends tab disabled (Settings > Display Options > disable "Show Friends Activity")
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Otto/user.css b/archive/dotfiles-29-6-2022/spicetify/Themes/Otto/user.css
new file mode 100644
index 0000000..25f99a0
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Otto/user.css
@@ -0,0 +1,716 @@
+:root {
+ --bar-height: 120px;
+}
+
+/*Round corner cover image*/
+.card-image,
+.card-placeholder-wrapper,
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ border-radius: 10px !important;
+ overflow: hidden !important
+}
+
+/*Hide some annoying elements like profile name and pic, upgrade button and device connect bar at bottom, new playlist button*/
+.profile.content-top-bar__profile-link,
+.upgrade-button,
+.view-player .remote-playback-bar,
+.LeftSidebarNewPlaylistButton__button {
+ display: none !important;
+}
+
+
+/*Exclude these elements from draggable property because it stops them from clickable*/
+.profile-items-container,
+.profile {
+ -webkit-app-region: no-drag !important;
+}
+
+/*Thinner scrollbar*/
+::-webkit-scrollbar {
+ height: 6px !important;
+ width: 6px !important;
+ background-color: transparent;
+}
+
+/*Round corner scrollbar*/
+::-webkit-scrollbar-thumb {
+ border-radius: 3px !important;
+}
+
+/*Hide top and bottom buttons of scrollbar */
+/*who uses those, lol*/
+::-webkit-scrollbar-button {
+ display: none !important;
+}
+
+/*Hide cover image overlay*/
+.card-overlay {
+ visibility: hidden !important;
+}
+
+/*Lift up cover when hovering on it*/
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ transition-property: transform, box-shadow !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ box-shadow: 0 5px 20px rgba(0,0,0,0.1);
+}
+
+.card-image-hit-area:not(.no-hover):hover .card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-hit-area-counter-scale:hover .Card__image-wrapper {
+ transform: translateY(-10px);
+ box-shadow: 0 15px 30px rgba(0,0,0,0.3);
+}
+
+.card-image-hit-area .card-button-add,
+.card-image-hit-area .card-button-play,
+.card-image-hit-area .card-button-more,
+.Card__image-hit-area .card-button-add,
+.Card__image-hit-area .card-button-play,
+.Card__image-hit-area .card-button-more,
+.Card__image-hit-area .Card__play-button,
+.Card__image-hit-area .Card__add-button,
+.Card__image-hit-area .Card__more-button,
+.Card__image-hit-area .Card__overlay {
+ transition-property: all !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ opacity: 0 !important;
+}
+.card-image-hit-area:not(.no-hover):hover .card-button-add,
+.card-image-hit-area:not(.no-hover):hover .card-button-play,
+.card-image-hit-area:not(.no-hover):hover .card-button-more,
+.Card__image-hit-area:not(.no-hover):hover .card-button-add,
+.Card__image-hit-area:not(.no-hover):hover .card-button-play,
+.Card__image-hit-area:not(.no-hover):hover .card-button-more {
+ opacity: 1 !important;
+ transform: translateY(-10px);
+}
+
+.Card__image-hit-area:hover .Card__play-button,
+.Card__image-hit-area:hover .Card__add-button,
+.Card__image-hit-area:hover .Card__more-button,
+.Card__image-hit-area:hover .Card__overlay {
+ opacity: 1 !important;
+}
+
+.glue-page-header__content .glue-page-header__image-inner {
+ border-radius: 10px;
+ box-shadow: unset !important;
+}
+
+.glue-page-header__full-description-overlay {
+ box-shadow: unset !important;
+}
+
+.card-placeholder-wrapper {
+ background: transparent !important;
+}
+
+/*Spice up search input background*/
+.SearchInput {
+ color: var(--modspotify_main_fg);
+}
+.SearchInput__input {
+ color: var(--modspotify_secondary_fg);
+ background-color: rgba(var(--modspotify_rgb_scrollbar_fg_and_selected_row_bg), 0.5) !important;
+ border-radius: 4px !important;
+ padding-left: 34px;
+}
+
+.sidebar:hover .sidebar-navbar.sidebar-scroll-element {
+ opacity: 1!important;
+}
+
+.view-player .player-controls-container,
+.view-player .player-controls-container .controls {
+ overflow: visible !important;
+}
+
+.view-player .player-controls-container .controls .button-play{
+ height:50px !important;
+ border-radius:50px !important;
+ background: transparent !important;
+ box-shadow:0 0 0 0 !important;
+ width:50px !important;
+ overflow: visible !important;
+ box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
+ transition:none 0.3s cubic-bezier(.3,0,.7,1);
+}
+
+.view-player .player-controls-container .controls .button-play:before{
+ font-size:18px !important;
+ padding-left: 16px !important;
+ padding-top: 9px !important;
+}
+
+.view-player .player-controls-container .controls .button-play:after {
+ box-shadow: unset !important;
+}
+
+.view-player .player-controls-container {
+ position: absolute !important;
+ width: 100% !important;
+}
+
+.view-player .player-controls-container .controls {
+ width: 100% !important;
+ height: 100% !important;
+ align-items: center !important;
+ margin-top : 0px !important;
+}
+
+/*
+Hide the song duration and elapsed text. I dont know where to put those so I just hide them
+*/
+.view-player .player-controls-container .progress-container .elapsed,
+.view-player .player-controls-container .progress-container .remaining {
+ display: none !important;
+}
+
+/* Add round corner for Gerne and Mood cards */
+.gc-image-container,
+.gc-image {
+ border-radius: 10px !important;
+}
+
+/*
+Collage of 3 album covers is usually seen in Browse and Chart.
+*/
+.card-puff__image-wrapper,
+.card-puff__info-container,
+.card-puff__card-image {
+ border-radius: 10px !important;
+}
+
+.card-puff__image-wrapper {
+ overflow: visible;
+}
+
+.card-puff__card-image {
+ box-shadow: 5px 0 30px rgba(0,0,0,0.7);
+ overflow: visible;
+}
+
+.card-puff__title-container {
+ background-color: transparent !important;
+}
+
+.card-puff.pressed .card-puff__image-wrapper,
+.card-puff.pressed .card-puff__info-container {
+ opacity: 0.7 !important;
+}
+
+.card-puff__title {
+ padding: 5px 10px 5px 10px !important;
+ background-color: var(--modspotify_main_bg) !important;
+ border-radius: 4px;
+ border: 2px solid var(--modspotify_main_fg);
+}
+
+/*
+We use round corner on cover so they look weird in original
+form, so I move last cover to the right 20px and first one to the left 20px
+*/
+.card-puff__card-image:nth-child(1) {
+ right: 20px;
+ box-shadow: 0 0 0 0 !important;
+}
+
+.card-puff__card-image:nth-child(3) {
+ left: 20px;
+}
+
+.grid-overlay-label {
+ top: 140px !important;
+}
+
+/**/
+.glue-page-header__background-color {
+ background-image: none !important;
+ background: var(--modspotify_main_bg);
+}
+
+/* .glue-page-header__sticky {
+ padding-top: 60px !important;
+} */
+
+/*
+Remove those title, cringy description and
+meaningless followers number
+*/
+
+.carousel .card-info-subtitle-description,
+.carousel .card-info-subtitle-metadata,
+.carousel .card:not(.card-type-station).card-info-title,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-description,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-metadata {
+ display: none !important;
+}
+
+
+/*
+In top of Browse usually has bunch of Playlist or Album cards,
+and they has .carousel as a wrapper and it hides anything that
+overflows from its zone, aka our shadow and lifting animation.
+*/
+.carousel {
+ overflow: visible !important;
+}
+
+/*
+Button with text Play
+*/
+.button.button-green,
+.GlueButton.GlueButton--style-green {
+ color: var(--modspotify_main_bg) !important;
+}
+
+/*
+Change text color in playlist
+*/
+.tl-explicit .label,
+.tl-premium .label,
+.tl-cell:not(.tl-number),
+.tl-cell a:link,
+.tl-highlight {
+ color: var(--modspotify_secondary_fg);
+}
+
+.card-type-album .card-info-title,
+.card-type-track .card-info-title,
+.card-type-collection-album .card-info-title,
+.card-type-episode .card-info-title {
+ font-size: 15px;
+ font-weight: 900 !important;
+}
+
+.card:not(.card-horizontal).card-type-album .card-info-title,
+.card:not(.card-horizontal).card-type-album .card-info-subtitle-links,
+.card:not(.card-horizontal).card-type-track .card-info-title,
+.card:not(.card-horizontal).card-type-track .card-info-subtitle-links,
+.card:not(.card-horizontal).card-type-collection-album .card-info-title,
+.card:not(.card-horizontal).card-type-collection-album .card-info-subtitle-links,
+.card:not(.card-horizontal).card-type-episode .card-info-title,
+.card:not(.card-horizontal).card-type-episode .card-info-subtitle-links {
+ text-align: center !important;
+ width: 100% !important;
+}
+
+.tracklist-station-container::after {
+ background: transparent !important;
+}
+
+.GlueHeader__background-overlay {
+ background: var(--modspotify_main_bg) !important;
+}
+
+/* Move navigation buttons and search field to the right and down */
+.browser-navigation-top-bar {
+ margin-left: 40px !important;
+ margin-top: 15px !important;
+}
+/*.browser-navigation-top-bar .button {
+ font-weight: bold;
+ color: #FE9388
+}*/
+
+.SearchInput__input,
+.SearchInput__searchIcon,
+.SearchInput__clearButton {
+ margin-top: 15px !important;
+}
+
+.content-top-bar__profile-menu-button {
+ margin-top: 15px !important;
+}
+
+.body-container--windows:not(.with-buddy-list):not(.messagebar) .content-top-bar__profile {
+ margin-right: 110px !important;
+ margin-top: -5px;
+}
+
+/* Spice up Fullscreen mode */
+#view-player .album-art .album-art__image {
+ border-radius: 30px !important;
+ box-shadow: 0 10px 70px rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.5) !important;
+}
+
+#view-player .album-art .album-art__image .card-image-content-wrapper,
+#view-player .album-art .album-art__image .card-image-content-wrapper .card-image {
+ border-radius: 30px !important;
+}
+
+#video-player .album-art__foreground {
+ flex-direction: row;
+ text-align: left;
+}
+
+#video-player .album-art__background {
+ background-color: initial;
+}
+
+#video-player .album-art__track-details {
+ padding-left: 50px;
+ line-height: initial;
+}
+
+#video-player .album-art__track-title {
+ font-size: 84px;
+ margin-top: 0;
+ line-height: initial;
+}
+
+#video-player .album-art__artist-name {
+ font-size: 54px;
+ margin-top: 0;
+ line-height: initial;
+}
+
+/* Daily mixes */
+.carousel .card-info-wrapper.card-info-with-description.card-info-with-metadata {
+ height: 50px !important;
+}
+
+/* Remove section divider */
+.section-divider {
+ border-bottom: 0 !important;
+}
+
+/* Adjust Position of border active tab in Nav bar at top
+and add little glowing effect
+*/
+.nav.navbar-nav {
+ overflow: hidden !important;
+}
+
+.nav.navbar-nav a {
+ overflow: visible !important;
+}
+
+.nav.navbar-nav a::after {
+ bottom: 0px !important;
+ width: 100% !important;
+}
+
+.nav.navbar-nav .active a::after{
+ box-shadow: 0 0px 20px !important;
+}
+
+.nav.navbar-nav a:focus:not(.button):active::after{
+ background-color: var(--modspotify_pressing_fg) !important;
+}
+
+/* Notification bar */
+#content-wrapper #view-message-bar {
+ position: absolute !important;
+ width: calc(100% - 160px) !important;
+ margin-left: 80px !important;
+ border-radius: 0 0 10px 10px !important;
+}
+
+/* Small cover Big cover mechanism */
+.now-playing.cover-size-transition.active.image-expanded #now-playing-image-small {
+ display: none;
+}
+
+.now-playing.cover-size-transition.active.image-expanded .cover-image-link-wrapper {
+ flex: 0 1 10px;
+}
+
+#view-now-playing a.image {
+ overflow: visible !important;
+}
+
+/* Profile arrow in top left */
+.content-top-bar__profile-menu-button .dropdown {
+ position: fixed !important;
+ top: 10px !important;
+ -webkit-app-region: no-drag !important;
+}
+
+/* [WINDOWS] Change Profile menu horizontal position */
+body.body-container--windows .content-top-bar__profile-menu-button .dropdown {
+ right: 190px !important;
+}
+
+body:not(.body-container--windows) .content-top-bar__profile-menu-button .dropdown {
+ right: 20px !important;
+}
+
+/* Small tooltip */
+#tooltip {
+ box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;
+ border-radius: 5px !important;
+ border: 2px solid var(--modspotify_main_fg);
+ padding: 10px 10px;
+}
+
+.tooltip-arrow-top, .tooltip-arrow-bottom {
+ display: none !important;
+}
+
+.lyrics-lines-container,
+.message-container {
+ color: #FFFFFF !important;
+}
+
+/* Home page */
+.GlueCarousel__grid-wrapper::-webkit-scrollbar-thumb {
+ display: none;
+}
+
+.GlueCard__info-wrapper,
+.Card__info-wrapper {
+ margin-bottom: 30px;
+}
+
+.card-horizontal-interior-wrapper .card-info-title {
+ text-align: start !important;
+}
+
+.tl-row.selected:hover .tl-cell {
+ background: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.GlueTableRow--is-selected {
+ background-color: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.tracklist-podcast .tl-progress .row-progress__bar {
+ background-color: var(--modspotify_main_fg);
+}
+
+.Header__background-color{
+ background-color: var(--modspotify_main_bg) !important;
+ background-image: unset;
+}
+
+.Button--style-green,
+.button.button-green, .button.button-white {
+ border-radius: 4px;
+ color: var(--modspotify_main_bg) !important;
+}
+
+.glue-page-header:not(.glue-page-header--album):not(.glue-page-header--playlist):not(.glue-page-header--artist):not(.glue-page-header--dailymix):not(.glue-page-header--user):not(.glue-page-header--show)
+ .glue-page-header__content-inner .glue-page-header__title-text,
+.HomeHeader .Header__content-inner .Header__title-text-inner,
+.MadeForYouHeader .Header__content-inner .Header__title-text-inner,
+.RecentlyPlayedPage__header .Header__content-inner .Header__title-text-inner {
+ background-color: var(--modspotify_main_bg);
+ padding: 5px 20px;
+ border: 5px solid var(--modspotify_main_fg) !important;
+ border-radius: 6px;
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ text-transform: uppercase;
+}
+
+.glue-page-header.glue-page-header--album .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--artist .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--dailymix .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--playlist .glue-page-header__content-inner .glue-page-header__title {
+ margin-top: 10px;
+}
+
+span.glue-page-header__title-text {
+ color: var(--modspotify_main_fg);
+}
+
+.glue-page-header .glue-page-header__content-inner .glue-page-header__button {
+ margin-top: 40px;
+}
+
+.glue-page-header__content-inner,
+.glue-page-header__data,
+.glue-page-header__title,
+.Header__content-inner,
+.Header__data,
+.Header__title,
+.Header__title-text,
+.Header__title-text-inner {
+ overflow: visible !important;
+}
+
+/*Force player bar to has fixed height*/
+.view-player {
+ height: var(--bar-height) !important;
+ border-top: 0;
+}
+
+.view-player .now-playing {
+ overflow: unset;
+}
+
+.view-player .cover-image-container {
+ position: fixed !important;
+ left: 0;
+ bottom: 0;
+}
+
+.view-player .now-playing .cover-image-link,
+.view-player .now-playing .cover-image-link figure {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+#now-playing-image-small .cover-image {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+.view-player .now-playing .cover-image-link-wrapper {
+ flex: 0 1 calc(var(--bar-height) + 10px);
+}
+
+.text-container {
+ z-index: 3;
+}
+
+.view-player .now-playing-container .button-add {
+ color: var(--modspotify_main_fg) !important;
+}
+
+.progress-container .progress-bar,
+.progress-container .inner {
+ top: 0 !important;
+ margin-top: 0 !important;
+ height: 5px;
+}
+
+.progress-container .progress-bar-wrapper {
+ top: 0 !important;
+ height: 5px;
+}
+
+.progress-container {
+ position: fixed !important;
+ width: 100% !important;
+ bottom: var(--bar-height) !important;
+ margin : 0 !important;
+}
+
+.progress-container .inner {
+ border-radius: 0 2px 2px 0 !important;
+ background-color: var(--modspotify_main_fg) !important;
+ box-shadow: 0 2px 2px 0 var(--modspotify_main_fg);
+}
+
+.saber-hilt {
+ display: none;
+}
+
+.glue-page-header__p2s-details,
+.glue-page-header__p2s-followers {
+ display: none;
+}
+
+.context-menu {
+ border: 2px solid var(--modspotify_main_fg);
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ border-radius: 7px !important;
+ overflow: hidden;
+}
+
+#menu-wrapper ::-webkit-scrollbar {
+ display: none;
+}
+
+#menu-wrapper {
+ border-right: 3px solid black;
+ border-image: linear-gradient(0deg, transparent , var(--modspotify_scrollbar_fg_and_selected_row_bg) 40%, var(--modspotify_scrollbar_fg_and_selected_row_bg) 60%, transparent 90%) 2 90%;
+}
+
+.main-view-wrapper {
+ overflow: unset;
+}
+
+.Button--style-icon-stroke:after,
+.Button--style-icon-stroke:hover:after,
+.Button--style-icon-stroke,
+.glue-page-header__button .button-icon-with-stroke,
+.glue-page-header__button .button-icon-with-stroke::after {
+ box-shadow: unset;
+}
+
+.glue-page-header.glue-page-header--artist .glue-page-header__label {
+ padding-top: 10px;
+}
+
+.glue-page-header.glue-page-header--artist.has-custom-image .glue-page-header__label {
+ padding-top: 8px;
+}
+
+.glue-page-header__content .glue-page-header__label {
+ margin-left: -2px;
+ z-index: 2;
+}
+
+.glue-page-header__label span,
+.Header__label span {
+ background-color: var(--modspotify_main_fg);
+ color: var(--modspotify_main_bg);
+ padding: 2px 10px;
+}
+
+.glue-page-header__label .header-verified-check {
+ background-color: transparent;
+}
+
+body.remotebar .view-player .player-bar-wrapper {
+ height: 100%;
+}
+
+.SidebarListItem--is-active:after,
+.RootlistItem--is-active:after {
+ background-color: transparent;
+ background-image: linear-gradient(90deg, var(--modspotify_sidebar_indicator_and_hover_button_bg) , transparent);
+ opacity: 0.2;
+ bottom: unset;
+ top: 5%;
+ height: 90%;
+ width: 100%
+}
+
+.Header__image-inner {
+ box-shadow: unset;
+}
+
+.Root__nav-bar {
+ background-color: var(--modspotify_main_bg);
+}
+
+.Root__main-view .btn,
+.Root__main-view button {
+ color: var(--modspotify_main_bg);
+}
+
+.Root__main-view .track-name-wrapper .tracklist-row__album-name-link,
+.Root__main-view .track-name-wrapper .tracklist-row__artist-name-link,
+.Root__main-view .track-row__episode-date {
+ color: var(--modspotify_secondary_fg);
+}
+
+.Root__main-view .TrackListHeader__entity-long-description {
+ color: var(--modspotify_secondary_fg);
+}
+
+.Root__main-view .mo-meta a:link, .Root__main-view .mo-meta a:visited {
+ color: var(--modspotify_secondary_fg);
+ opacity: 1;
+}
+
+.Root__main-view .TrackListRow__explicit-label {
+ background-color: rgba(var(--modspotify_rgb_secondary_fg), 0.6);
+ color: var(--modspotify_secondary_fg);
+}
+
+.Root__main-view .main-view-container {
+ background-color: var(--modspotify_main_bg);
+}
+
+.concert-title span {
+ color: var(--modspotify_secondary_fg) !important;
+}
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/OutrunDark/OutrunDark.png b/archive/dotfiles-29-6-2022/spicetify/Themes/OutrunDark/OutrunDark.png
new file mode 100644
index 0000000..0a5e6bf
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/OutrunDark/OutrunDark.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/OutrunDark/OutrunDark_overview.png b/archive/dotfiles-29-6-2022/spicetify/Themes/OutrunDark/OutrunDark_overview.png
new file mode 100644
index 0000000..77de42c
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/OutrunDark/OutrunDark_overview.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/OutrunDark/README.md b/archive/dotfiles-29-6-2022/spicetify/Themes/OutrunDark/README.md
new file mode 100644
index 0000000..479803b
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/OutrunDark/README.md
@@ -0,0 +1,9 @@
+# OutrunDark
+
+## Screenshots
+
+
+
+
+## Credits
+Based on [the Outrun Theme for VSCode](https://marketplace.visualstudio.com/items?itemName=samrapdev.outrun). Credits to @Solano695
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/OutrunDark/color.ini b/archive/dotfiles-29-6-2022/spicetify/Themes/OutrunDark/color.ini
new file mode 100644
index 0000000..b14e9db
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/OutrunDark/color.ini
@@ -0,0 +1,36 @@
+[Base]
+main_fg = ff2e97
+secondary_fg = 484f7d
+main_bg = 161130
+sidebar_and_player_bg = 161130
+cover_overlay_and_shadow = ff2e9700
+indicator_fg_and_button_bg = ffd400
+pressing_fg = ffd400
+slider_bg = 2b3971
+sidebar_indicator_and_hover_button_bg = ffd400
+scrollbar_fg_and_selected_row_bg = 161130
+pressing_button_fg = ffd400
+pressing_button_bg = ffd400
+selected_button = ffd400
+miscellaneous_bg = 161130
+miscellaneous_hover_bg = 3fdcee
+preserve_1 = ff0000
+
+[Dark]
+; Light green on Dark Blue background
+main_fg = 00FF9C
+secondary_fg = DEDEDE
+main_bg = 2E2837
+sidebar_and_player_bg = 2E2837
+cover_overlay_and_shadow = 000000
+indicator_fg_and_button_bg = 00FF9C
+pressing_fg = FF5C86
+slider_bg = 3F3C45
+sidebar_indicator_and_hover_button_bg = 00BF76
+scrollbar_fg_and_selected_row_bg = 615670
+pressing_button_fg = DEDEDE
+pressing_button_bg = 383145
+selected_button = 00BF76
+miscellaneous_bg = 3F3C45
+miscellaneous_hover_bg = 383145
+preserve_1 = FFFFFF
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/OutrunDark/user.css b/archive/dotfiles-29-6-2022/spicetify/Themes/OutrunDark/user.css
new file mode 100644
index 0000000..e6199e0
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/OutrunDark/user.css
@@ -0,0 +1,708 @@
+:root {
+ --bar-height: 120px;
+}
+
+/*Round corner cover image*/
+.card-image,
+.card-placeholder-wrapper,
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ border-radius: 4px !important;
+ overflow: hidden !important
+}
+
+/*Hide some annoying elements like profile name and pic, upgrade button and device connect bar at bottom, new playlist button*/
+.profile.content-top-bar__profile-link,
+.upgrade-button,
+.view-player .remote-playback-bar,
+.LeftSidebarNewPlaylistButton__button {
+ display: none !important;
+}
+
+
+/*Exclude these elements from draggable property because it stops them from clickable*/
+.profile-items-container,
+.profile {
+ -webkit-app-region: no-drag !important;
+}
+
+/*Thinner scrollbar*/
+::-webkit-scrollbar {
+ height: 6px !important;
+ width: 6px !important;
+ background-color: transparent;
+}
+
+/*Round corner scrollbar*/
+::-webkit-scrollbar-thumb {
+ border-radius: 4px !important;
+}
+
+/*Hide top and bottom buttons of scrollbar */
+/*who uses those, lol*/
+::-webkit-scrollbar-button {
+ display: none !important;
+}
+
+/*Hide cover image overlay*/
+.card-overlay {
+ visibility: hidden !important;
+}
+
+/*Lift up cover when hovering on it*/
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ transition-property: transform, box-shadow !important;
+ transition-duration: 0.25s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ box-shadow: 0 5px 20px rgba(0,0,0,0.1);
+}
+
+.card-image-hit-area:not(.no-hover):hover .card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-hit-area-counter-scale:hover .Card__image-wrapper {
+ transform: translateY(-10px);
+ box-shadow: 0 15px 30px rgba(0,0,0,0.3);
+}
+
+.card-image-hit-area .card-button-add,
+.card-image-hit-area .card-button-play,
+.card-image-hit-area .card-button-more,
+.Card__image-hit-area .card-button-add,
+.Card__image-hit-area .card-button-play,
+.Card__image-hit-area .card-button-more,
+.Card__image-hit-area .Card__play-button,
+.Card__image-hit-area .Card__add-button,
+.Card__image-hit-area .Card__more-button,
+.Card__image-hit-area .Card__overlay {
+ transition-property: all !important;
+ transition-duration: 0.25s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ opacity: 0 !important;
+}
+.card-image-hit-area:not(.no-hover):hover .card-button-add,
+.card-image-hit-area:not(.no-hover):hover .card-button-play,
+.card-image-hit-area:not(.no-hover):hover .card-button-more,
+.Card__image-hit-area:not(.no-hover):hover .card-button-add,
+.Card__image-hit-area:not(.no-hover):hover .card-button-play,
+.Card__image-hit-area:not(.no-hover):hover .card-button-more {
+ opacity: 1 !important;
+ transform: translateY(-10px);
+}
+
+.Card__image-hit-area:hover .Card__play-button,
+.Card__image-hit-area:hover .Card__add-button,
+.Card__image-hit-area:hover .Card__more-button,
+.Card__image-hit-area:hover .Card__overlay {
+ opacity: 1 !important;
+}
+
+.glue-page-header__content .glue-page-header__image-inner {
+ border-radius: 4px;
+ box-shadow: unset !important;
+}
+
+.glue-page-header__full-description-overlay {
+ box-shadow: unset !important;
+}
+
+.card-placeholder-wrapper {
+ background: transparent !important;
+}
+
+/*Spice up search input background*/
+.SearchInput {
+ color: var(--modspotify_main_fg);
+}
+.SearchInput__input {
+ color: var(--modspotify_secondary_fg);
+ background-color: rgba(var(--modspotify_rgb_scrollbar_fg_and_selected_row_bg), 0.5) !important;
+ border-radius: 4px !important;
+ padding-left: 34px;
+}
+
+.sidebar:hover .sidebar-navbar.sidebar-scroll-element {
+ opacity: 1!important;
+}
+
+.view-player .player-controls-container,
+.view-player .player-controls-container .controls {
+ overflow: visible !important;
+}
+
+.view-player .player-controls-container .controls .button-play{
+ height:50px !important;
+ border-radius:50px !important;
+ background: var(--modspotify_main_bg) !important;
+ box-shadow:0 0 0 0 !important;
+ width:50px !important;
+ overflow: visible !important;
+ /*box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;*/
+ transition:none 0.3s cubic-bezier(.3,0,.7,1);
+}
+
+.view-player .player-controls-container .controls .button-play:before{
+ font-size:18px !important;
+ padding-left: 16px !important;
+ padding-top: 9px !important;
+}
+
+.view-player .player-controls-container .controls .button-play:after {
+ box-shadow: unset !important;
+}
+
+.view-player .player-controls-container {
+ position: absolute !important;
+ width: 100% !important;
+}
+
+.view-player .player-controls-container .controls {
+ width: 100% !important;
+ height: 100% !important;
+ align-items: center !important;
+ margin-top : 0px !important;
+}
+
+/*
+Hide the song duration and elapsed text. I dont know where to put those so I just hide them
+*/
+.view-player .player-controls-container .progress-container .elapsed,
+.view-player .player-controls-container .progress-container .remaining {
+ display: none !important;
+}
+
+/* Add round corner for Gerne and Mood cards */
+.gc-image-container,
+.gc-image {
+ border-radius: 4px !important;
+}
+
+/*
+Collage of 3 album covers is usually seen in Browse and Chart.
+*/
+.card-puff__image-wrapper,
+.card-puff__info-container,
+.card-puff__card-image {
+ border-radius: 4px !important;
+}
+
+.card-puff__image-wrapper {
+ overflow: visible;
+}
+
+.card-puff__card-image {
+ box-shadow: 5px 0 30px rgba(0,0,0,0.7);
+ overflow: visible;
+}
+
+.card-puff__title-container {
+ background-color: transparent !important;
+}
+
+.card-puff.pressed .card-puff__image-wrapper,
+.card-puff.pressed .card-puff__info-container {
+ opacity: 0.7 !important;
+}
+
+.card-puff__title {
+ padding: 5px 10px 5px 10px !important;
+ background-color: var(--modspotify_main_bg) !important;
+ border-radius: 4px;
+ border: 2px solid var(--modspotify_main_fg);
+}
+
+/*
+We use round corner on cover so they look weird in original
+form, so I move last cover to the right 20px and first one to the left 20px
+*/
+.card-puff__card-image:nth-child(1) {
+ right: 20px;
+ box-shadow: 0 0 0 0 !important;
+}
+
+.card-puff__card-image:nth-child(3) {
+ left: 20px;
+}
+
+.grid-overlay-label {
+ top: 140px !important;
+}
+
+/**/
+.glue-page-header__background-color {
+ background-image: none !important;
+ background: var(--modspotify_main_bg);
+}
+
+/* .glue-page-header__sticky {
+ padding-top: 60px !important;
+} */
+
+/*
+Remove those title, cringy description and
+meaningless followers number
+*/
+
+.carousel .card-info-subtitle-description,
+.carousel .card-info-subtitle-metadata,
+.carousel .card:not(.card-type-station).card-info-title,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-description,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-metadata {
+ display: none !important;
+}
+
+
+/*
+In top of Browse usually has bunch of Playlist or Album cards,
+and they has .carousel as a wrapper and it hides anything that
+overflows from its zone, aka our shadow and lifting animation.
+*/
+.carousel {
+ overflow: visible !important;
+}
+
+/*
+Button with text Play
+*/
+.button.button-green,
+.GlueButton.GlueButton--style-green {
+ color: var(--modspotify_main_bg) !important;
+}
+
+/*
+Change text color in playlist
+*/
+.tl-explicit .label,
+.tl-premium .label,
+.tl-cell:not(.tl-number),
+.tl-cell a:link,
+.tl-highlight {
+ color: #3fdcee;
+}
+
+.card-type-album .card-info-title,
+.card-type-track .card-info-title,
+.card-type-collection-album .card-info-title,
+.card-type-episode .card-info-title {
+ font-size: 15px;
+ font-weight: 900 !important;
+}
+
+.card:not(.card-horizontal).card-type-album .card-info-title,
+.card:not(.card-horizontal).card-type-album .card-info-subtitle-links,
+.card:not(.card-horizontal).card-type-track .card-info-title,
+.card:not(.card-horizontal).card-type-track .card-info-subtitle-links,
+.card:not(.card-horizontal).card-type-collection-album .card-info-title,
+.card:not(.card-horizontal).card-type-collection-album .card-info-subtitle-links,
+.card:not(.card-horizontal).card-type-episode .card-info-title,
+.card:not(.card-horizontal).card-type-episode .card-info-subtitle-links {
+ text-align: center !important;
+ width: 100% !important;
+}
+
+.tracklist-station-container::after {
+ background: transparent !important;
+}
+
+.GlueHeader__background-overlay {
+ background: var(--modspotify_main_bg) !important;
+}
+
+/* Move navigation buttons and search field to the right and down */
+.browser-navigation-top-bar {
+ margin-left: 40px !important;
+ margin-top: 15px !important;
+}
+
+.SearchInput__input,
+.SearchInput__searchIcon,
+.SearchInput__clearButton {
+ margin-top: 15px !important;
+}
+
+.content-top-bar__profile-menu-button {
+ margin-top: 15px !important;
+}
+
+.body-container--windows:not(.with-buddy-list):not(.messagebar) .content-top-bar__profile {
+ margin-right: 110px !important;
+ margin-top: -5px;
+}
+
+/* Spice up Fullscreen mode */
+#view-player .album-art .album-art__image {
+ border-radius: 30px !important;
+ box-shadow: 0 10px 70px rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.5) !important;
+}
+
+#view-player .album-art .album-art__image .card-image-content-wrapper,
+#view-player .album-art .album-art__image .card-image-content-wrapper .card-image {
+ border-radius: 30px !important;
+}
+
+#video-player .album-art__foreground {
+ flex-direction: row;
+ text-align: left;
+}
+
+#video-player .album-art__background {
+ background-color: initial;
+}
+
+#video-player .album-art__track-details {
+ padding-left: 50px;
+ line-height: initial;
+}
+
+#video-player .album-art__track-title {
+ font-size: 84px;
+ margin-top: 0;
+ line-height: initial;
+}
+
+#video-player .album-art__artist-name {
+ font-size: 54px;
+ margin-top: 0;
+ line-height: initial;
+}
+
+/* Daily mixes */
+.carousel .card-info-wrapper.card-info-with-description.card-info-with-metadata {
+ height: 50px !important;
+}
+
+/* Remove section divider */
+.section-divider {
+ border-bottom: 0 !important;
+}
+
+/* Adjust Position of border active tab in Nav bar at top
+and add little glowing effect
+*/
+.nav.navbar-nav {
+ overflow: hidden !important;
+}
+
+.nav.navbar-nav a {
+ overflow: visible !important;
+}
+
+.nav.navbar-nav a::after {
+ bottom: 0px !important;
+ width: 100% !important;
+}
+
+.nav.navbar-nav .active a::after{
+ box-shadow: 0 0px 20px !important;
+}
+
+.nav.navbar-nav a:focus:not(.button):active::after{
+ background-color: var(--modspotify_pressing_fg) !important;
+}
+
+/* Notification bar */
+#content-wrapper #view-message-bar {
+ position: absolute !important;
+ width: calc(100% - 160px) !important;
+ margin-left: 80px !important;
+ border-radius: 0 0 10px 10px !important;
+}
+
+/* Small cover Big cover mechanism */
+.now-playing.cover-size-transition.active.image-expanded #now-playing-image-small {
+ display: none;
+}
+
+.now-playing.cover-size-transition.active.image-expanded .cover-image-link-wrapper {
+ flex: 0 1 10px;
+}
+
+#view-now-playing a.image {
+ overflow: visible !important;
+}
+
+/* Profile arrow in top left */
+.content-top-bar__profile-menu-button .dropdown {
+ position: fixed !important;
+ top: 10px !important;
+ -webkit-app-region: no-drag !important;
+}
+
+/* [WINDOWS] Change Profile menu horizontal position */
+body.body-container--windows .content-top-bar__profile-menu-button .dropdown {
+ right: 190px !important;
+}
+
+body:not(.body-container--windows) .content-top-bar__profile-menu-button .dropdown {
+ right: 20px !important;
+}
+
+/* Small tooltip */
+#tooltip {
+ box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;
+ border-radius: 4px !important;
+ border: 2px solid var(--modspotify_main_fg);
+ padding: 10px 10px;
+}
+
+.tooltip-arrow-top, .tooltip-arrow-bottom {
+ display: none !important;
+}
+
+.lyrics-lines-container,
+.message-container {
+ color: #FFFFFF !important;
+}
+
+/* Home page */
+.GlueCarousel__grid-wrapper::-webkit-scrollbar-thumb {
+ display: none;
+}
+
+.GlueCard__info-wrapper,
+.Card__info-wrapper {
+ margin-bottom: 30px;
+}
+
+.card-horizontal-interior-wrapper .card-info-title {
+ text-align: start !important;
+}
+
+.tl-row.selected:hover .tl-cell {
+ background: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.GlueTableRow--is-selected {
+ background-color: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.tracklist-podcast .tl-progress .row-progress__bar {
+ background-color: var(--modspotify_main_fg);
+}
+
+.Header__background-color{
+ background-color: var(--modspotify_main_bg) !important;
+ background-image: unset;
+}
+
+.Button--style-green,
+.button.button-green, .button.button-white {
+ border-radius: 4px;
+ color: var(--modspotify_main_bg) !important;
+}
+
+.glue-page-header:not(.glue-page-header--album):not(.glue-page-header--playlist):not(.glue-page-header--artist):not(.glue-page-header--dailymix):not(.glue-page-header--user):not(.glue-page-header--show)
+ .glue-page-header__content-inner .glue-page-header__title-text,
+.HomeHeader .Header__content-inner .Header__title-text-inner,
+.MadeForYouHeader .Header__content-inner .Header__title-text-inner,
+.RecentlyPlayedPage__header .Header__content-inner .Header__title-text-inner {
+ background-color: var(--modspotify_main_bg);
+ padding: 5px 20px;
+ border: 5px solid var(--modspotify_main_fg) !important;
+ border-radius: 6px;
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ text-transform: uppercase;
+}
+
+.glue-page-header.glue-page-header--album .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--artist .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--dailymix .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--playlist .glue-page-header__content-inner .glue-page-header__title {
+ margin-top: 10px;
+}
+
+span.glue-page-header__title-text {
+ color: var(--modspotify_main_fg);
+}
+
+.glue-page-header .glue-page-header__content-inner .glue-page-header__button {
+ margin-top: 40px;
+}
+
+.glue-page-header__content-inner,
+.glue-page-header__data,
+.glue-page-header__title,
+.Header__content-inner,
+.Header__data,
+.Header__title,
+.Header__title-text,
+.Header__title-text-inner {
+ overflow: visible !important;
+}
+
+/*Force player bar to has fixed height*/
+.view-player {
+ height: var(--bar-height) !important;
+ border-top: 0;
+}
+
+.view-player .now-playing {
+ overflow: unset;
+}
+
+.view-player .cover-image-container {
+ position: fixed !important;
+ left: 0;
+ bottom: 0;
+}
+
+.view-player .now-playing .cover-image-link,
+.view-player .now-playing .cover-image-link figure {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+#now-playing-image-small .cover-image {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+.view-player .now-playing .cover-image-link-wrapper {
+ flex: 0 1 calc(var(--bar-height) + 10px);
+}
+
+.text-container {
+ z-index: 3;
+}
+
+.view-player .now-playing-container .button-add {
+ color: #161130 !important;
+}
+
+.progress-container .progress-bar,
+.progress-container .inner {
+ top: 0 !important;
+ margin-top: 0 !important;
+ height: 5px;
+}
+
+.progress-container .progress-bar-wrapper {
+ top: 0 !important;
+ height: 5px;
+}
+
+.progress-container {
+ position: fixed !important;
+ width: 100% !important;
+ bottom: var(--bar-height) !important;
+ margin : 0 !important;
+}
+
+.progress-container .inner {
+ border-radius: 0 8px 8px 0 !important;
+ background-color: var(--modspotify_main_fg) !important;
+ box-shadow: 0 0px 0px 0 var(--modspotify_main_fg);
+}
+
+.saber-hilt {
+ display: none;
+}
+
+.glue-page-header__p2s-details,
+.glue-page-header__p2s-followers {
+ display: none;
+}
+
+.context-menu {
+ border: 2px solid var(--modspotify_main_fg);
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ border-radius: 7px !important;
+ overflow: hidden;
+}
+
+#menu-wrapper ::-webkit-scrollbar {
+ display: none;
+}
+
+#menu-wrapper {
+ border-right: 3px solid black;
+ border-image: linear-gradient(0deg, transparent , var(--modspotify_scrollbar_fg_and_selected_row_bg) 40%, var(--modspotify_scrollbar_fg_and_selected_row_bg) 60%, transparent 90%) 2 90%;
+}
+
+.main-view-wrapper {
+ overflow: unset;
+}
+
+.Button--style-icon-stroke:after,
+.Button--style-icon-stroke:hover:after,
+.Button--style-icon-stroke,
+.glue-page-header__button .button-icon-with-stroke,
+.glue-page-header__button .button-icon-with-stroke::after {
+ box-shadow: unset;
+}
+
+.glue-page-header.glue-page-header--artist .glue-page-header__label {
+ padding-top: 10px;
+}
+
+.glue-page-header.glue-page-header--artist.has-custom-image .glue-page-header__label {
+ padding-top: 8px;
+}
+
+.glue-page-header__content .glue-page-header__label {
+ margin-left: -2px;
+ z-index: 2;
+}
+
+.glue-page-header__label span,
+.Header__label span {
+ background-color: transparent;
+ color: var(--modspotify_main_fg);
+ padding: 0px 0px;
+}
+
+.glue-page-header__label .header-verified-check {
+ background-color: transparent;
+}
+
+body.remotebar .view-player .player-bar-wrapper {
+ height: 100%;
+}
+
+.SidebarListItem--is-active:after,
+.RootlistItem--is-active:after {
+ background-color: #161130;
+ /*background-image: linear-gradient(90deg, var(--modspotify_sidebar_indicator_and_hover_button_bg) , transparent);*/
+ opacity: 0;
+ bottom: unset;
+ top: 5%;
+ height: 90%;
+ width: 100%
+}
+
+.Header__image-inner {
+ box-shadow: unset;
+}
+
+.Root__nav-bar {
+ background-color: var(--modspotify_main_bg);
+}
+
+.Root__main-view .btn,
+.Root__main-view button {
+ color: var(--modspotify_main_bg);
+}
+
+.Root__main-view .track-name-wrapper .tracklist-row__album-name-link,
+.Root__main-view .track-name-wrapper .tracklist-row__artist-name-link,
+.Root__main-view .track-row__episode-date {
+ color: var(--modspotify_secondary_fg);
+}
+
+.Root__main-view .TrackListHeader__entity-long-description {
+ color: var(--modspotify_secondary_fg);
+}
+
+.Root__main-view .mo-meta a:link, .Root__main-view .mo-meta a:visited {
+ color: var(--modspotify_secondary_fg);
+ opacity: 1;
+}
+
+.Root__main-view .TrackListRow__explicit-label {
+ background-color: rgba(var(--modspotify_rgb_secondary_fg), 0.6);
+ color: var(--modspotify_secondary_fg);
+}
+
+.Root__main-view .main-view-container {
+ background-color: var(--modspotify_main_bg);
+}
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Pop-Dark/README.md b/archive/dotfiles-29-6-2022/spicetify/Themes/Pop-Dark/README.md
new file mode 100644
index 0000000..0fe6428
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Pop-Dark/README.md
@@ -0,0 +1,10 @@
+# Pop-Dark
+
+## Screenshots
+
+
+
+
+## Info
+
+Designed to match the new PoP_OS! dark mode.
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Pop-Dark/color.ini b/archive/dotfiles-29-6-2022/spicetify/Themes/Pop-Dark/color.ini
new file mode 100644
index 0000000..90e2cf0
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Pop-Dark/color.ini
@@ -0,0 +1,18 @@
+[Base]
+; Cyan accents on calming gray background
+main_fg = 8AD9D9
+secondary_fg = ffffff
+main_bg = 2D2D2D
+sidebar_and_player_bg = 2D2D2D
+cover_overlay_and_shadow = 000000
+indicator_fg_and_button_bg = c4ecec
+pressing_fg = FBB66C
+slider_bg = 212121
+sidebar_indicator_and_hover_button_bg = 8AD9D9
+scrollbar_fg_and_selected_row_bg = 363636
+pressing_button_fg = 8AD9D9
+pressing_button_bg = FBB66C
+selected_button = 2A2A2A
+miscellaneous_bg = 212121
+miscellaneous_hover_bg = FBB66C
+preserve_1 = FFFFFF
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Pop-Dark/screenshot1.jpg b/archive/dotfiles-29-6-2022/spicetify/Themes/Pop-Dark/screenshot1.jpg
new file mode 100644
index 0000000..ad32e0a
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Pop-Dark/screenshot1.jpg differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Pop-Dark/screenshot2.jpg b/archive/dotfiles-29-6-2022/spicetify/Themes/Pop-Dark/screenshot2.jpg
new file mode 100644
index 0000000..f76aa61
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Pop-Dark/screenshot2.jpg differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Pop-Dark/user.css b/archive/dotfiles-29-6-2022/spicetify/Themes/Pop-Dark/user.css
new file mode 100644
index 0000000..b07efdc
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Pop-Dark/user.css
@@ -0,0 +1,669 @@
+:root {
+ --bar-height: 120px;
+}
+
+/*Round corner cover image*/
+.card-image,
+.card-placeholder-wrapper,
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ border-radius: 10px !important;
+ overflow: hidden !important
+}
+
+/*Hide some annoying elements like profile name and pic, upgrade button and device connect bar at bottom, new playlist button*/
+.profile.content-top-bar__profile-link,
+.upgrade-button,
+.view-player .remote-playback-bar,
+.NewPlaylistButton {
+ display: none !important;
+}
+
+
+/*Exclude these elements from draggable property because it stops them from clickable*/
+.profile-items-container,
+.profile {
+ -webkit-app-region: no-drag !important;
+}
+
+/*Thinner scrollbar*/
+::-webkit-scrollbar {
+ height: 6px !important;
+ width: 6px !important;
+ background-color: transparent;
+}
+
+/*Round corner scrollbar*/
+::-webkit-scrollbar-thumb {
+ border-radius: 3px !important;
+}
+
+/*Hide top and bottom buttons of scrollbar */
+/*who uses those, lol*/
+::-webkit-scrollbar-button {
+ display: none !important;
+}
+
+/*Hide cover image overlay*/
+.card-overlay {
+ visibility: hidden !important;
+}
+
+/*Lift up cover when hovering on it*/
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ transition-property: transform, box-shadow !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ box-shadow: 0 5px 20px rgba(0,0,0,0.1);
+}
+
+.card-image-hit-area:not(.no-hover):hover .card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-hit-area-counter-scale:hover .Card__image-wrapper {
+ transform: translateY(-10px);
+ box-shadow: 0 15px 30px rgba(0,0,0,0.3);
+}
+
+.card-image-hit-area .card-button-add,
+.card-image-hit-area .card-button-play,
+.card-image-hit-area .card-button-more,
+.Card__image-hit-area .card-button-add,
+.Card__image-hit-area .card-button-play,
+.Card__image-hit-area .card-button-more,
+.Card__image-hit-area .Card__play-button,
+.Card__image-hit-area .Card__add-button,
+.Card__image-hit-area .Card__more-button,
+.Card__image-hit-area .Card__overlay {
+ transition-property: all !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ opacity: 0 !important;
+}
+.card-image-hit-area:not(.no-hover):hover .card-button-add,
+.card-image-hit-area:not(.no-hover):hover .card-button-play,
+.card-image-hit-area:not(.no-hover):hover .card-button-more,
+.Card__image-hit-area:not(.no-hover):hover .card-button-add,
+.Card__image-hit-area:not(.no-hover):hover .card-button-play,
+.Card__image-hit-area:not(.no-hover):hover .card-button-more {
+ opacity: 1 !important;
+ transform: translateY(-10px);
+}
+
+.Card__image-hit-area:hover .Card__play-button,
+.Card__image-hit-area:hover .Card__add-button,
+.Card__image-hit-area:hover .Card__more-button,
+.Card__image-hit-area:hover .Card__overlay {
+ opacity: 1 !important;
+}
+
+.glue-page-header__content .glue-page-header__image-inner {
+ border-radius: 10px;
+ box-shadow: unset !important;
+}
+
+.glue-page-header__full-description-overlay {
+ box-shadow: unset !important;
+}
+
+.card-placeholder-wrapper {
+ background: transparent !important;
+}
+
+/*Spice up search input background*/
+.SearchInput {
+ color: var(--modspotify_main_fg);
+}
+.SearchInput__input {
+ color: var(--modspotify_secondary_fg);
+ background-color: rgba(var(--modspotify_rgb_scrollbar_fg_and_selected_row_bg), 0.5) !important;
+ border-radius: 4px !important;
+ padding-left: 34px;
+}
+
+.sidebar:hover .sidebar-navbar.sidebar-scroll-element {
+ opacity: 1!important;
+}
+
+.view-player .player-controls-container,
+.view-player .player-controls-container .controls {
+ overflow: visible !important;
+}
+
+.view-player .player-controls-container .controls .button-play{
+ height:50px !important;
+ border-radius:50px !important;
+ background: transparent !important;
+ box-shadow:0 0 0 0 !important;
+ width:50px !important;
+ overflow: visible !important;
+ box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
+ transition:none 0.3s cubic-bezier(.3,0,.7,1);
+}
+
+.view-player .player-controls-container .controls .button-play:before{
+ font-size:18px !important;
+ padding-left: 16px !important;
+ padding-top: 9px !important;
+}
+
+.view-player .player-controls-container .controls .button-play:after {
+ box-shadow: unset !important;
+}
+
+.view-player .player-controls-container {
+ position: absolute !important;
+ width: 100% !important;
+}
+
+.view-player .player-controls-container .controls {
+ width: 100% !important;
+ height: 100% !important;
+ align-items: center !important;
+ margin-top : 0px !important;
+}
+
+/*
+Hide the song duration and elapsed text. I dont know where to put those so I just hide them
+*/
+.view-player .player-controls-container .progress-container .elapsed,
+.view-player .player-controls-container .progress-container .remaining {
+ display: none !important;
+}
+
+/* Add round corner for Gerne and Mood cards */
+.gc-image-container,
+.gc-image {
+ border-radius: 10px !important;
+}
+
+/*
+Collage of 3 album covers is usually seen in Browse and Chart.
+*/
+.card-puff__image-wrapper,
+.card-puff__info-container,
+.card-puff__card-image {
+ border-radius: 10px !important;
+}
+
+.card-puff__image-wrapper {
+ overflow: visible;
+}
+
+.card-puff__card-image {
+ box-shadow: 5px 0 30px rgba(0,0,0,0.7);
+ overflow: visible;
+}
+
+.card-puff__title-container {
+ background-color: transparent !important;
+}
+
+.card-puff.pressed .card-puff__image-wrapper,
+.card-puff.pressed .card-puff__info-container {
+ opacity: 0.7 !important;
+}
+
+.card-puff__title {
+ padding: 5px 10px 5px 10px !important;
+ background-color: var(--modspotify_main_bg) !important;
+ border-radius: 4px;
+ border: 2px solid var(--modspotify_main_fg);
+}
+
+/*
+We use round corner on cover so they look weird in original
+form, so I move last cover to the right 20px and first one to the left 20px
+*/
+.card-puff__card-image:nth-child(1) {
+ right: 20px;
+ box-shadow: 0 0 0 0 !important;
+}
+
+.card-puff__card-image:nth-child(3) {
+ left: 20px;
+}
+
+.grid-overlay-label {
+ top: 140px !important;
+}
+
+/**/
+.glue-page-header__background-color {
+ background-image: none !important;
+ background: var(--modspotify_main_bg);
+}
+
+/* .glue-page-header__sticky {
+ padding-top: 60px !important;
+} */
+
+/*
+Remove those title, cringy description and
+meaningless followers number
+*/
+
+.carousel .card-info-subtitle-description,
+.carousel .card-info-subtitle-metadata,
+.carousel .card:not(.card-type-station).card-info-title,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-description,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-metadata {
+ display: none !important;
+}
+
+
+/*
+In top of Browse usually has bunch of Playlist or Album cards,
+and they has .carousel as a wrapper and it hides anything that
+overflows from its zone, aka our shadow and lifting animation.
+*/
+.carousel {
+ overflow: visible !important;
+}
+
+/*
+Button with text Play
+*/
+.button.button-green,
+.GlueButton.GlueButton--style-green {
+ color: var(--modspotify_main_bg) !important;
+}
+
+/*
+Change text color in playlist
+*/
+.tl-explicit .label,
+.tl-premium .label,
+.tl-cell:not(.tl-number),
+.tl-cell a:link,
+.tl-highlight {
+ color: var(--modspotify_secondary_fg);
+}
+
+.card-type-album .card-info-title,
+.card-type-track .card-info-title,
+.card-type-collection-album .card-info-title,
+.card-type-episode .card-info-title {
+ font-size: 15px;
+ font-weight: 900 !important;
+ text-align: center !important;
+ width: 100% !important;
+}
+
+.card-type-album .card-info-subtitle-links,
+.card-type-track .card-info-subtitle-links,
+.card-type-collection-album .card-info-subtitle-links,
+.card-type-episode .card-info-subtitle-links {
+ text-align: center !important;
+ width: 100% !important;
+}
+
+.tracklist-station-container::after {
+ background: transparent !important;
+}
+
+.GlueHeader__background-overlay {
+ background: var(--modspotify_main_bg) !important;
+}
+
+/* Move navigation buttons and search field to the right and down */
+.browser-navigation-top-bar {
+ margin-left: 40px !important;
+ margin-top: 15px !important;
+}
+
+.SearchInput__input,
+.SearchInput__searchIcon,
+.SearchInput__clearButton {
+ margin-top: 15px !important;
+}
+
+.content-top-bar__profile-menu-button {
+ margin-top: 15px !important;
+}
+
+.body-container--windows:not(.with-buddy-list):not(.messagebar) .content-top-bar__profile {
+ margin-right: 110px !important;
+ margin-top: -5px;
+}
+
+/* Spice up Fullscreen mode */
+#view-player .album-art .album-art__image {
+ border-radius: 30px !important;
+ box-shadow: 0 10px 70px rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.5) !important;
+}
+
+#view-player .album-art .album-art__image .card-image-content-wrapper,
+#view-player .album-art .album-art__image .card-image-content-wrapper .card-image {
+ border-radius: 30px !important;
+}
+
+#video-player .album-art__foreground {
+ flex-direction: row;
+ text-align: left;
+}
+
+#video-player .album-art__background {
+ background-color: initial;
+}
+
+#video-player .album-art__track-details {
+ padding-left: 50px;
+ line-height: initial;
+}
+
+#video-player .album-art__track-title {
+ font-size: 84px;
+ margin-top: 0;
+ line-height: initial;
+}
+
+#video-player .album-art__artist-name {
+ font-size: 54px;
+ margin-top: 0;
+ line-height: initial;
+}
+
+/* Daily mixes */
+.carousel .card-info-wrapper.card-info-with-description.card-info-with-metadata {
+ height: 50px !important;
+}
+
+/* Remove section divider */
+.section-divider {
+ border-bottom: 0 !important;
+}
+
+/* Adjust Position of border active tab in Nav bar at top
+and add little glowing effect
+*/
+.nav.navbar-nav {
+ overflow: hidden !important;
+}
+
+.nav.navbar-nav a {
+ overflow: visible !important;
+}
+
+.nav.navbar-nav a::after {
+ bottom: 0px !important;
+ width: 100% !important;
+}
+
+.nav.navbar-nav .active a::after{
+ box-shadow: 0 0px 20px !important;
+}
+
+.nav.navbar-nav a:focus:not(.button):active::after{
+ background-color: var(--modspotify_pressing_fg) !important;
+}
+
+/* Notification bar */
+#content-wrapper #view-message-bar {
+ position: absolute !important;
+ width: calc(100% - 160px) !important;
+ margin-left: 80px !important;
+ border-radius: 0 0 10px 10px !important;
+}
+
+/* Small cover Big cover mechanism */
+.now-playing.cover-size-transition.active.image-expanded #now-playing-image-small {
+ display: none;
+}
+
+.now-playing.cover-size-transition.active.image-expanded .cover-image-link-wrapper {
+ flex: 0 1 10px;
+}
+
+#view-now-playing a.image {
+ overflow: visible !important;
+}
+
+/* Profile arrow in top left */
+.content-top-bar__profile-menu-button .dropdown {
+ position: fixed !important;
+ top: 10px !important;
+ -webkit-app-region: no-drag !important;
+}
+
+/* [WINDOWS] Change Profile menu horizontal position */
+body.body-container--windows .content-top-bar__profile-menu-button .dropdown {
+ right: 190px !important;
+}
+
+body:not(.body-container--windows) .content-top-bar__profile-menu-button .dropdown {
+ right: 20px !important;
+}
+
+/* Small tooltip */
+#tooltip {
+ box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;
+ border-radius: 5px !important;
+ border: 2px solid var(--modspotify_main_fg);
+ padding: 10px 10px;
+}
+
+.tooltip-arrow-top, .tooltip-arrow-bottom {
+ display: none !important;
+}
+
+.lyrics-lines-container,
+.message-container {
+ color: #FFFFFF !important;
+}
+
+/* Home page */
+.GlueCarousel__grid-wrapper::-webkit-scrollbar-thumb {
+ display: none;
+}
+
+.GlueCard__info-wrapper,
+.Card__info-wrapper {
+ margin-bottom: 30px;
+}
+
+.card-horizontal-interior-wrapper .card-info-title {
+ text-align: start !important;
+}
+
+.tl-row.selected:hover .tl-cell {
+ background: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.GlueTableRow--is-selected {
+ background-color: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.tracklist-podcast .tl-progress .row-progress__bar {
+ background-color: var(--modspotify_main_fg);
+}
+
+.Header__background-color{
+ background-color: var(--modspotify_main_bg) !important;
+}
+
+.Button--style-green,
+.button.button-green, .button.button-white {
+ border-radius: 4px;
+ color: var(--modspotify_main_bg) !important;
+}
+
+.glue-page-header:not(.glue-page-header--album):not(.glue-page-header--playlist):not(.glue-page-header--artist):not(.glue-page-header--dailymix):not(.glue-page-header--user):not(.glue-page-header--show)
+ .glue-page-header__content-inner .glue-page-header__title-text,
+.HomeHeader .Header__content-inner .Header__title-text-inner,
+.MadeForYouHeader .Header__content-inner .Header__title-text-inner,
+.RecentlyPlayedPage__header .Header__content-inner .Header__title-text-inner {
+ background-color: var(--modspotify_main_bg);
+ padding: 5px 20px;
+ border: 5px solid var(--modspotify_main_fg) !important;
+ border-radius: 6px;
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ text-transform: uppercase;
+}
+
+.glue-page-header.glue-page-header--album .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--artist .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--dailymix .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--playlist .glue-page-header__content-inner .glue-page-header__title {
+ margin-top: 10px;
+}
+
+span.glue-page-header__title-text {
+ color: var(--modspotify_main_fg);
+}
+
+.glue-page-header .glue-page-header__content-inner .glue-page-header__button {
+ margin-top: 40px;
+}
+
+.glue-page-header__content-inner,
+.glue-page-header__data,
+.glue-page-header__title,
+.Header__content-inner,
+.Header__data,
+.Header__title,
+.Header__title-text,
+.Header__title-text-inner {
+ overflow: visible !important;
+}
+
+/*Force player bar to has fixed height*/
+.view-player {
+ height: var(--bar-height) !important;
+ border-top: 0;
+}
+
+.view-player .now-playing {
+ overflow: unset;
+}
+
+.view-player .cover-image-container {
+ position: fixed !important;
+ left: 0;
+ bottom: 0;
+}
+
+.view-player .now-playing .cover-image-link,
+.view-player .now-playing .cover-image-link figure {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+#now-playing-image-small .cover-image {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+.view-player .now-playing .cover-image-link-wrapper {
+ flex: 0 1 calc(var(--bar-height) + 10px);
+}
+
+.text-container {
+ z-index: 3;
+}
+
+.view-player .now-playing-container .button-add {
+ color: var(--modspotify_main_fg) !important;
+}
+
+.progress-container .progress-bar,
+.progress-container .inner {
+ top: 0 !important;
+ margin-top: 0 !important;
+ height: 5px;
+}
+
+.progress-container .progress-bar-wrapper {
+ top: 0 !important;
+ height: 5px;
+}
+
+.progress-container {
+ position: fixed !important;
+ width: 100% !important;
+ bottom: var(--bar-height) !important;
+ margin : 0 !important;
+}
+
+.progress-container .inner {
+ border-radius: 0 2px 2px 0 !important;
+ background-color: var(--modspotify_main_fg) !important;
+ box-shadow: 0 2px 2px 0 var(--modspotify_main_fg);
+}
+
+.glue-page-header__p2s-details,
+.glue-page-header__p2s-followers {
+ display: none;
+}
+
+.context-menu {
+ border: 2px solid var(--modspotify_main_fg);
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ border-radius: 7px !important;
+ overflow: hidden;
+}
+
+#menu-wrapper ::-webkit-scrollbar {
+ display: none;
+}
+
+#menu-wrapper {
+ border-right: 3px solid black;
+ border-image: linear-gradient(0deg, transparent , var(--modspotify_scrollbar_fg_and_selected_row_bg) 40%, var(--modspotify_scrollbar_fg_and_selected_row_bg) 60%, transparent 90%) 2 90%;
+}
+
+.main-view-wrapper {
+ overflow: unset;
+}
+
+.Button--style-icon-stroke:after,
+.Button--style-icon-stroke:hover:after,
+.Button--style-icon-stroke,
+.glue-page-header__button .button-icon-with-stroke,
+.glue-page-header__button .button-icon-with-stroke::after {
+ box-shadow: unset;
+}
+
+.glue-page-header.glue-page-header--artist .glue-page-header__label {
+ padding-top: 10px;
+}
+
+.glue-page-header.glue-page-header--artist.has-custom-image .glue-page-header__label {
+ padding-top: 8px;
+}
+
+.glue-page-header__content .glue-page-header__label {
+ margin-left: -2px;
+ z-index: 2;
+}
+
+.glue-page-header__label span,
+.Header__label span {
+ background-color: var(--modspotify_main_fg);
+ color: var(--modspotify_main_bg);
+ padding: 2px 10px;
+}
+
+.glue-page-header__label .header-verified-check {
+ background-color: transparent;
+}
+
+body.remotebar .view-player .player-bar-wrapper {
+ height: 100%;
+}
+
+.SidebarListItem--is-active:after,
+.RootlistItem--is-active:after,
+/* For Linux */ #view-navigation-bar .item.active:after {
+ background-color: transparent;
+ background-image: linear-gradient(90deg, var(--modspotify_sidebar_indicator_and_hover_button_bg) , transparent);
+ opacity: 0.2;
+ bottom: unset;
+ top: 5%;
+ height: 90%;
+ width: 100%
+}
+
+.Header__image-inner {
+ box-shadow: unset;
+}
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/README.md b/archive/dotfiles-29-6-2022/spicetify/Themes/README.md
new file mode 100644
index 0000000..f2ae44c
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/README.md
@@ -0,0 +1,45 @@
+# spicetify community themes
+
+This is a collection of themes for [spicetify](https://github.com/khanhas/spicetify-cli), a command-line tool to customize Spotify; you can add your own theme simply by opening a Pull Requests (more info in the Contributions section).
+
+### **You can find a preview of all the themes in the [wiki](https://github.com/morpheusthewhite/spicetify-themes/wiki/Themes-preview).**
+
+## Installation
+
+(If you use Arch Linux you can find this project on the [AUR](https://aur.archlinux.org/packages/spicetify-themes-git/))
+
+Once you cloned the repository you'll need to put the files into the Themes folder. This varies between operating systems. The example shows the `Themes` directory for Linux. For other operating systems, see the `Themes` folder location [here](https://github.com/khanhas/spicetify-cli/wiki/Customization#themes).
+
+```bash
+cd spicetify-themes
+cp -r * ~/.config/spicetify/Themes
+```
+
+**NOTE: to install Dribbblish follow the instructions in its README**.
+
+After that you can choose which theme to apply just by running `spicetify config current_theme THEME_NAME`.
+Some themes have 2 or more different color schemes. You can switch between them, once selected the theme, with `spicetify config color_scheme SCHEME_NAME`.
+
+## Contributions
+
+If you want to add your theme:
+
+- Fork this repository
+- Create another folder with your theme name. The theme name should consist of one word starting with an uppercase letter and shouldn't contain `spicetify` or any whitespace in it
+- Copy `color.ini` and `user.css` to it
+- Create a `README.md` in it with the following structure
+```markdown
+# THEME_NAME
+
+## Screenshots
+
+[Put at least one image here]
+
+## More
+
+[Specify any needed font; (optionally) author name and/or any other info about the theme]
+
+```
+- Open a Pull Request
+
+**Thanks to all the contributors.**
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/ShadowCustom/7JL4785.png b/archive/dotfiles-29-6-2022/spicetify/Themes/ShadowCustom/7JL4785.png
new file mode 100644
index 0000000..24e0711
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/ShadowCustom/7JL4785.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/ShadowCustom/README.md b/archive/dotfiles-29-6-2022/spicetify/Themes/ShadowCustom/README.md
new file mode 100644
index 0000000..a402ad7
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/ShadowCustom/README.md
@@ -0,0 +1,10 @@
+# ShadowCustom
+
+## Screenshots
+
+
+
+## More
+
+Highly inspired by SpicetifyDefault & Dark.
+Comment suggestions and bugs below, thanks.
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/ShadowCustom/color.ini b/archive/dotfiles-29-6-2022/spicetify/Themes/ShadowCustom/color.ini
new file mode 100644
index 0000000..b3402e5
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/ShadowCustom/color.ini
@@ -0,0 +1,18 @@
+[Base]
+; Light green on Dark Blue background
+main_fg = 00FF9C
+secondary_fg = DEDEDE
+main_bg = 2E2837
+sidebar_and_player_bg = 2E2837
+cover_overlay_and_shadow = 000000
+indicator_fg_and_button_bg = 00FF9C
+pressing_fg = FF5C86
+slider_bg = 3F3C45
+sidebar_indicator_and_hover_button_bg = 00BF76
+scrollbar_fg_and_selected_row_bg = 615670
+pressing_button_fg = DEDEDE
+pressing_button_bg = 383145
+selected_button = 00BF76
+miscellaneous_bg = 3F3C45
+miscellaneous_hover_bg = 383145
+preserve_1 = FFFFFF
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/ShadowCustom/user.css b/archive/dotfiles-29-6-2022/spicetify/Themes/ShadowCustom/user.css
new file mode 100644
index 0000000..d9ce8a4
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/ShadowCustom/user.css
@@ -0,0 +1,813 @@
+:root {
+ --bar-height: 120px;
+}
+
+/*Round corner cover image*/
+.card-image,
+.card-placeholder-wrapper,
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ border-radius: 10px !important;
+ overflow: hidden !important
+}
+
+/*Hide some annoying elements like profile name and pic, upgrade button and device connect bar at bottom, new playlist button*/
+.profile.content-top-bar__profile-link,
+.upgrade-button,
+.view-player .remote-playback-bar,
+.NewPlaylistButton {
+ display: none !important;
+}
+
+
+/*Exclude these elements from draggable property because it stops them from clickable*/
+.profile-items-container,
+.profile {
+ -webkit-app-region: no-drag !important;
+}
+
+/*Thinner scrollbar*/
+::-webkit-scrollbar {
+ height: 6px !important;
+ width: 6px !important;
+ background-color: transparent;
+}
+
+/*Round corner scrollbar*/
+::-webkit-scrollbar-thumb {
+ border-radius: 3px !important;
+}
+
+/*Hide top and bottom buttons of scrollbar */
+/*who uses those, lol*/
+::-webkit-scrollbar-button {
+ display: none !important;
+}
+
+/*Hide cover image overlay*/
+.card-overlay {
+ visibility: hidden !important;
+}
+
+/*Lift up cover when hovering on it*/
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ transition-property: transform, box-shadow !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ box-shadow: 0 5px 20px rgba(0,0,0,0.1);
+}
+
+.card-image-hit-area:not(.no-hover):hover .card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-hit-area-counter-scale:hover .Card__image-wrapper {
+ transform: translateY(-10px);
+ box-shadow: 0 15px 30px rgba(0,0,0,0.3);
+}
+
+.card-image-hit-area .card-button-add,
+.card-image-hit-area .card-button-play,
+.card-image-hit-area .card-button-more,
+.Card__image-hit-area .card-button-add,
+.Card__image-hit-area .card-button-play,
+.Card__image-hit-area .card-button-more,
+.Card__image-hit-area .Card__play-button,
+.Card__image-hit-area .Card__add-button,
+.Card__image-hit-area .Card__more-button,
+.Card__image-hit-area .Card__overlay {
+ transition-property: all !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ opacity: 0 !important;
+}
+.card-image-hit-area:not(.no-hover):hover .card-button-add,
+.card-image-hit-area:not(.no-hover):hover .card-button-play,
+.card-image-hit-area:not(.no-hover):hover .card-button-more,
+.Card__image-hit-area:not(.no-hover):hover .card-button-add,
+.Card__image-hit-area:not(.no-hover):hover .card-button-play,
+.Card__image-hit-area:not(.no-hover):hover .card-button-more {
+ opacity: 1 !important;
+ transform: translateY(-10px);
+}
+
+.Card__image-hit-area:hover .Card__play-button,
+.Card__image-hit-area:hover .Card__add-button,
+.Card__image-hit-area:hover .Card__more-button,
+.Card__image-hit-area:hover .Card__overlay {
+ opacity: 1 !important;
+}
+
+.glue-page-header__content .glue-page-header__image-inner {
+ border-radius: 10px;
+ box-shadow: unset !important;
+}
+
+.glue-page-header__full-description-overlay {
+ box-shadow: unset !important;
+}
+
+.card-placeholder-wrapper {
+ background: transparent !important;
+}
+
+/*'New Playlist' Button Removed - Change 'None' to 'Absolute' to re-enable it*/
+.LeftSidebarNewPlaylistButton__button {
+ display: none;
+}
+
+/*Spice up search input background*/
+.SearchInput {
+ color: var(--modspotify_main_fg);
+}
+.SearchInput__input {
+ color: var(--modspotify_secondary_fg);
+ background-color: rgba(var(--modspotify_rgb_scrollbar_fg_and_selected_row_bg), 0.5) !important;
+ border-radius: 4px !important;
+ padding-left: 34px;
+}
+
+.sidebar:hover .sidebar-navbar.sidebar-scroll-element {
+ opacity: 1!important;
+}
+
+.view-player .player-controls-container,
+.view-player .player-controls-container .controls {
+ overflow: visible !important;
+}
+
+.view-player .player-controls-container .controls .button-play{
+ height:50px !important;
+ border-radius:50px !important;
+ background: transparent !important;
+ box-shadow:0 0 0 0 !important;
+ width:50px !important;
+ overflow: visible !important;
+ box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
+ transition:none 0.3s cubic-bezier(.3,0,.7,1);
+}
+
+.view-player .player-controls-container .controls .button-play:before{
+ font-size:18px !important;
+ padding-left: 16px !important;
+ padding-top: 9px !important;
+}
+
+.view-player .player-controls-container .controls .button-play:after {
+ box-shadow: unset !important;
+}
+
+.view-player .player-controls-container {
+ position: absolute !important;
+ width: 100% !important;
+}
+
+.view-player .player-controls-container .controls {
+ width: 100% !important;
+ height: 100% !important;
+ align-items: center !important;
+ margin-top : 0px !important;
+}
+
+/*
+Progress bar handle dot thingy
+*/
+.progress-bar .handle {
+ background: var(--modspotify_main_fg);
+ border-radius: 50%;
+ border: 3px solid var(--modspotify_main_fg);
+ box-shadow: 0 0 3px rgba(var(--modspotify_rgb_cover_overlay_and_shadow),0.4);
+}
+
+.progress-bar .handle {
+ display: block;
+ height: 15px;
+ opacity: 0;
+ position: absolute;
+ top: -1px;
+ width: 15px;
+}
+
+
+/*
+Re-enabled duration time. Added background color and padding, do ctrl+f type 'progress-container'
+to adjust padding, background colour etc...
+*/
+.view-player .player-controls-container .progress-container .elapsed,
+.view-player .player-controls-container .progress-container .remaining {
+ display: absolute !important;
+ text-decoration: bold;
+ font-size: 12px;
+}
+
+/* Add round corner for Gerne and Mood cards */
+.gc-image-container,
+.gc-image {
+ border-radius: 10px !important;
+}
+
+/*
+Collage of 3 album covers is usually seen in Browse and Chart.
+*/
+.card-puff__image-wrapper,
+.card-puff__info-container,
+.card-puff__card-image {
+ border-radius: 10px !important;
+}
+
+.card-puff__image-wrapper {
+ overflow: visible;
+}
+
+.card-puff__card-image {
+ box-shadow: 5px 0 30px rgba(0,0,0,0.7);
+ overflow: visible;
+}
+
+.card-puff__title-container {
+ background-color: transparent !important;
+}
+
+.card-puff.pressed .card-puff__image-wrapper,
+.card-puff.pressed .card-puff__info-container {
+ opacity: 0.7 !important;
+}
+
+.card-puff__title {
+ padding: 5px 10px 5px 10px !important;
+ background-color: var(--modspotify_main_bg) !important;
+ border-radius: 4px;
+ border: 2px solid var(--modspotify_main_fg);
+}
+
+/*
+We use round corner on cover so they look weird in original
+form, so I move last cover to the right 20px and first one to the left 20px
+*/
+.card-puff__card-image:nth-child(1) {
+ right: 20px;
+ box-shadow: 0 0 0 0 !important;
+}
+
+.card-puff__card-image:nth-child(3) {
+ left: 20px;
+}
+
+.grid-overlay-label {
+ top: 140px !important;
+}
+
+/**/
+.glue-page-header__background-color {
+ background-image: none !important;
+ background: var(--modspotify_main_bg);
+}
+
+/* .glue-page-header__sticky {
+ padding-top: 60px !important;
+} */
+
+/*
+Remove those title, cringy description and
+meaningless followers number
+*/
+
+.carousel .card-info-subtitle-description,
+.carousel .card-info-subtitle-metadata,
+.carousel .card:not(.card-type-station).card-info-title,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-description,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-metadata {
+ display: none !important;
+}
+
+
+/*
+In top of Browse usually has bunch of Playlist or Album cards,
+and they has .carousel as a wrapper and it hides anything that
+overflows from its zone, aka our shadow and lifting animation.
+*/
+.carousel {
+ overflow: visible !important;
+}
+
+.EmptyFriendFeed__cta--bg-1,.EmptyFriendFeed__cta,.EmptyFriendFeed__cta--bg-3 {
+ display: none;
+}
+
+
+/*
+Button with text Play
+*/
+.button.button-green,
+.GlueButton.GlueButton--style-green {
+ color: var(--modspotify_main_bg) !important;
+}
+
+/*
+Change text color in playlist
+*/
+.tl-explicit .label,
+.tl-premium .label,
+.tl-cell:not(.tl-number),
+.tl-cell a:link,
+.tl-highlight {
+ color: var(--modspotify_secondary_fg);
+}
+
+.card-type-album .card-info-title,
+.card-type-track .card-info-title,
+.card-type-collection-album .card-info-title,
+.card-type-episode .card-info-title {
+ font-size: 15px;
+ font-weight: 900 !important;
+ text-align: center !important;
+ width: 100% !important;
+}
+
+.card-type-album .card-info-subtitle-links,
+.card-type-track .card-info-subtitle-links,
+.card-type-collection-album .card-info-subtitle-links,
+.card-type-episode .card-info-subtitle-links {
+ text-align: center !important;
+ width: 100% !important;
+}
+
+.tracklist-station-container::after {
+ background: transparent !important;
+}
+
+.GlueHeader__background-overlay {
+ background: var(--modspotify_main_bg) !important;
+}
+
+/* Move navigation buttons and search field to the right and down */
+.browser-navigation-top-bar {
+ margin-left: 40px !important;
+ margin-top: 15px !important;
+}
+
+.SearchInput__input,
+.SearchInput__searchIcon,
+.SearchInput__clearButton {
+ margin-top: 15px !important;
+}
+
+.content-top-bar__profile-menu-button {
+ margin-top: 15px !important;
+}
+
+.body-container--windows:not(.with-buddy-list):not(.messagebar) .content-top-bar__profile {
+ margin-right: 110px !important;
+ margin-top: -5px;
+}
+
+/* Spice up Fullscreen mode */
+#view-player .album-art .album-art__image {
+ border-radius: 30px !important;
+ box-shadow: 0 10px 70px rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.5) !important;
+}
+
+#view-player .album-art .album-art__image .card-image-content-wrapper,
+#view-player .album-art .album-art__image .card-image-content-wrapper .card-image {
+ border-radius: 30px !important;
+}
+
+#video-player .album-art__foreground {
+ flex-direction: row;
+ text-align: left;
+}
+
+#video-player .album-art__background {
+ background-color: initial;
+}
+
+#video-player .album-art__track-details {
+ padding-left: 50px;
+ line-height: initial;
+}
+
+#video-player .album-art__track-title {
+ font-size: 84px;
+ margin-top: 0;
+ line-height: initial;
+}
+
+#video-player .album-art__artist-name {
+ font-size: 54px;
+ margin-top: 0;
+ line-height: initial;
+}
+
+/* Daily mixes */
+.carousel .card-info-wrapper.card-info-with-description.card-info-with-metadata {
+ height: 50px !important;
+}
+
+/* Remove section divider */
+.section-divider {
+ border-bottom: 0 !important;
+}
+
+/* Adjust Position of border active tab in Nav bar at top
+and add little glowing effect
+*/
+.nav.navbar-nav {
+ overflow: hidden !important;
+}
+
+.nav.navbar-nav a {
+ overflow: visible !important;
+}
+
+.nav.navbar-nav a::after {
+ bottom: 0px !important;
+ width: 100% !important;
+}
+
+.nav.navbar-nav .active a::after{
+ box-shadow: 0 0px 20px !important;
+}
+
+.nav.navbar-nav a:focus:not(.button):active::after{
+ background-color: var(--modspotify_pressing_fg) !important;
+}
+
+/* Notification bar */
+#content-wrapper #view-message-bar {
+ position: absolute !important;
+ width: calc(100% - 160px) !important;
+ margin-left: 80px !important;
+ border-radius: 0 0 10px 10px !important;
+}
+
+.now-playing-large.expanded {
+ margin-bottom: 0px;
+ background: #2E2837;
+ border-radius: 15px;
+}
+
+/* NEW SHIT */
+
+/* like button control bar */
+.view-player .now-playing-container .button-add, .view-player .now-playing-container .button-add:not(:disabled):hover, .view-player .now-playing-container .nowplaying-add-button, .view-player .now-playing-container .nowplaying-add-button:not(:disabled):hover, .view-player .now-playing-container .nowplaying-ban-button, .view-player .now-playing-container .nowplaying-ban-button:not(:disabled):hover {
+ color: #f54242;
+}
+/* end of like button control bar */
+
+/*like button playlists */
+.spoticon-heart-16::before {
+ content: "\f320";
+ font-size: 16px;
+ color: #f54242;
+}
+
+.Button--style-icon:before {
+ font-family: glue-spoticon;
+ font-style: normal;
+ font-weight: 400;
+ -webkit-font-smoothing: antialiased;
+ display: inline-block;
+ line-height: inherit;
+ vertical-align: bottom;
+ font-size: calc(var(--button-size)/2);
+ color: #f54242;
+}
+
+.Button--style-icon:before {
+ text-align: center;
+ border-radius: 500px;
+}
+
+/*end of like button playlists*/
+
+/* arrow to move image on control bar */
+.view-player .now-playing .cover-image-link .toggle-cover-size {
+ position: absolute;
+ opacity: 0;
+ top: -55px;
+ left: 150px;
+ width: 24px;
+ height: 24px;
+ transition: opacity .5s;
+}
+/* end of arrow move image control bar */
+
+
+.progress-bar, .progress-bar .inner {
+ height: 10px;
+ position: absolute;
+ top: 50%;
+}
+
+.progress-bar, .progress-bar .inner {
+ background: var(--modspotify_slider_bg);
+ border-radius: 2px;
+ margin-top: -5px;
+}
+
+.view-player .now-playing-container {
+ min-width: 600px;
+}
+
+.now-playing cover-size-transition active {
+ margin-left: 70px;
+}
+
+.now-playing.cover-size-transition.active.image-expanded {
+ margin-left: -80px;
+}
+
+/* end of my new shit */
+
+/* Small cover Big cover mechanism */
+.now-playing.cover-size-transition.active.image-expanded #now-playing-image-small {
+ display: none;
+}
+
+.now-playing.cover-size-transition.active.image-expanded .cover-image-link-wrapper {
+ flex: 0 1 10px;
+}
+
+#view-now-playing a.image {
+ overflow: visible !important;
+}
+
+/* Profile arrow in top left */
+.content-top-bar__profile-menu-button .dropdown {
+ position: fixed !important;
+ top: 10px !important;
+ -webkit-app-region: no-drag !important;
+}
+
+/* [WINDOWS] Change Profile menu horizontal position */
+body.body-container--windows .content-top-bar__profile-menu-button .dropdown {
+ right: 190px !important;
+}
+
+body:not(.body-container--windows) .content-top-bar__profile-menu-button .dropdown {
+ right: 20px !important;
+}
+
+/* Small tooltip */
+#tooltip {
+ box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;
+ border-radius: 5px !important;
+ border: 2px solid var(--modspotify_main_fg);
+ padding: 10px 10px;
+}
+
+.tooltip-arrow-top, .tooltip-arrow-bottom {
+ display: none !important;
+}
+
+.lyrics-lines-container,
+.message-container {
+ color: #FFFFFF !important;
+}
+
+/* Home page */
+.GlueCarousel__grid-wrapper::-webkit-scrollbar-thumb {
+ display: none;
+}
+
+.GlueCard__info-wrapper,
+.Card__info-wrapper {
+ margin-bottom: 30px;
+}
+
+.card-horizontal-interior-wrapper .card-info-title {
+ text-align: start !important;
+}
+
+.tl-row.selected:hover .tl-cell {
+ background: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.GlueTableRow--is-selected {
+ background-color: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.tracklist-podcast .tl-progress .row-progress__bar {
+ background-color: var(--modspotify_main_fg);
+}
+
+.Header__background-color{
+ background-color: var(--modspotify_main_bg) !important;
+}
+
+.Button--style-green,
+.button.button-green, .button.button-white {
+ border-radius: 4px;
+ color: var(--modspotify_main_bg) !important;
+}
+
+.glue-page-header:not(.glue-page-header--album):not(.glue-page-header--playlist):not(.glue-page-header--artist):not(.glue-page-header--dailymix):not(.glue-page-header--user):not(.glue-page-header--show)
+ .glue-page-header__content-inner .glue-page-header__title-text,
+.HomeHeader .Header__content-inner .Header__title-text-inner,
+.MadeForYouHeader .Header__content-inner .Header__title-text-inner,
+.RecentlyPlayedPage__header .Header__content-inner .Header__title-text-inner {
+ background-color: var(--modspotify_main_bg);
+ padding: 5px 20px;
+ border: 5px solid var(--modspotify_main_fg) !important;
+ border-radius: 6px;
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ text-transform: uppercase;
+}
+
+.glue-page-header.glue-page-header--album .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--artist .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--dailymix .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--playlist .glue-page-header__content-inner .glue-page-header__title {
+ margin-top: 10px;
+}
+
+span.glue-page-header__title-text {
+ color: var(--modspotify_main_fg);
+}
+
+.glue-page-header .glue-page-header__content-inner .glue-page-header__button {
+ margin-top: 40px;
+}
+
+.glue-page-header__content-inner,
+.glue-page-header__data,
+.glue-page-header__title,
+.Header__content-inner,
+.Header__data,
+.Header__title,
+.Header__title-text,
+.Header__title-text-inner {
+ overflow: visible !important;
+}
+
+.progress-bar, .progress-bar .inner {
+ background: #3e344d;
+ border-radius: 2px;
+ margin-top: -5px;
+}
+
+/*Force player bar to has fixed height*/
+.view-player {
+ background: #554b63;
+ height: 210px;
+ border-top: 0;
+}
+
+.view-player .now-playing-container .caption {
+ display: flex;
+ align-items: center;
+ margin-left: 70px;
+}
+
+.view-player .now-playing {
+ overflow: unset;
+}
+
+.view-player .cover-image-container {
+ position: fixed !important;
+ left: 0;
+ bottom: 0;
+}
+
+.cover-image {
+ padding: 5px;
+ background: #2E2837;
+}
+
+.view-player .now-playing .cover-image-link,
+.view-player .now-playing .cover-image-link figure {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+#now-playing-image-small .cover-image {
+ width: 175px;
+ height: 175px;
+ left: 7px;
+ bottom: 61px;
+ border-radius: 10px;
+}
+
+.view-player .now-playing .cover-image-link-wrapper {
+ flex: 0 1 calc(var(--bar-height) + 10px);
+}
+
+.text-container {
+ z-index: 3;
+}
+
+.view-player .now-playing-container .button-add {
+ color: #f54242;
+}
+
+.progress-container .progress-bar,
+.progress-container .inner {
+ top: 0 !important;
+ margin-top: 0 !important;
+ height: 10px;
+}
+
+.with-buddy-list #view-buddy-list {
+ display: none;
+}
+
+.progress-container .progress-bar-wrapper {
+ top: 0 !important;
+ height: 10px;
+}
+
+.view-player .text-container .text-item-container .text-item .scroll-text-container:after {
+ background: linear-gradient(90deg,transparent,var(--554b63));
+ right: 0;
+}
+
+.progress-container {
+ position: fixed !important;
+ width: 100% !important;
+ bottom: 180px;
+ margin: 0 !important;
+ background: #554b63;
+ padding: 10px;
+}
+
+.progress-container .inner {
+ border-radius: 0 2px 2px 0 !important;
+ background-color: var(--modspotify_main_fg) !important;
+ box-shadow: 0 2px 2px 0 var(--modspotify_main_fg);
+}
+
+.glue-page-header__p2s-details,
+.glue-page-header__p2s-followers {
+ display: none;
+}
+
+.context-menu {
+ border: 2px solid var(--modspotify_main_fg);
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ border-radius: 7px !important;
+ overflow: hidden;
+}
+
+#menu-wrapper ::-webkit-scrollbar {
+ display: none;
+}
+
+#menu-wrapper {
+ border-right: 3px solid black;
+ border-image: linear-gradient(0deg, transparent , var(--modspotify_scrollbar_fg_and_selected_row_bg) 40%, var(--modspotify_scrollbar_fg_and_selected_row_bg) 60%, transparent 90%) 2 90%;
+}
+
+.main-view-wrapper {
+ overflow: unset;
+}
+
+.Button--style-icon-stroke:after,
+.Button--style-icon-stroke:hover:after,
+.Button--style-icon-stroke,
+.glue-page-header__button .button-icon-with-stroke,
+.glue-page-header__button .button-icon-with-stroke::after {
+ box-shadow: unset;
+}
+
+.glue-page-header.glue-page-header--artist .glue-page-header__label {
+ padding-top: 10px;
+}
+
+.glue-page-header.glue-page-header--artist.has-custom-image .glue-page-header__label {
+ padding-top: 8px;
+}
+
+.glue-page-header__content .glue-page-header__label {
+ margin-left: -2px;
+ z-index: 2;
+}
+
+.glue-page-header__label span,
+.Header__label span {
+ background-color: var(--modspotify_main_fg);
+ color: var(--modspotify_main_bg);
+ padding: 2px 10px;
+}
+
+.glue-page-header__label .header-verified-check {
+ background-color: transparent;
+}
+
+body.remotebar .view-player .player-bar-wrapper {
+ height: 100%;
+}
+
+.SidebarListItem--is-active:after,
+.RootlistItem--is-active:after,
+/* For Linux */ #view-navigation-bar .item.active:after {
+ background-color: transparent;
+ background-image: linear-gradient(90deg, var(--modspotify_sidebar_indicator_and_hover_button_bg) , transparent);
+ opacity: 0.2;
+ bottom: unset;
+ top: 5%;
+ height: 90%;
+ width: 100%
+}
+
+.Header__image-inner {
+ box-shadow: unset;
+}
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/SolarizedDark/README.md b/archive/dotfiles-29-6-2022/spicetify/Themes/SolarizedDark/README.md
new file mode 100644
index 0000000..d7051d9
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/SolarizedDark/README.md
@@ -0,0 +1,9 @@
+# Solarized Dark
+
+## Screenshots
+
+
+
+## Credits
+Original colorscheme by [Ethan Schnoover](https://ethanschoonover.com/solarized)
+
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/SolarizedDark/color.ini b/archive/dotfiles-29-6-2022/spicetify/Themes/SolarizedDark/color.ini
new file mode 100644
index 0000000..e2fb213
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/SolarizedDark/color.ini
@@ -0,0 +1,36 @@
+# Solarized Dark official palette
+# Base03 #002b36
+# Base02 #073642
+# Base01 #586e75
+# Base00 #657b83
+# Base0 #839496
+# Base1 #93a1a1
+# Base2 #eee8d5
+# Base3 #fdf6e3
+# Yellow #b58900
+# Orange #cb4b16
+# Red #dc322f
+# Magenta #d33682
+# Violet #6c71c4
+# Blue #268bd2
+# Cyan #2aa198
+# Green #859900
+
+[Base]
+ main_fg =839496
+ secondary_fg =93a1a1
+ main_bg =002b36
+ sidebar_and_player_bg =002b36
+ cover_overlay_and_shadow =000000
+ indicator_fg_and_button_bg =2aa198
+ pressing_fg = 859900
+ slider_bg =073642
+ sidebar_indicator =839496
+ hover_button_bg =cb4b16
+ scrollbar_fg_and_selected_row_bg =586e75
+ pressing_button_fg =839496
+ pressing_button_bg =073642
+ selected_button =cb4b16
+ miscellaneous_bg =073642
+ miscellaneous_hover_bg =cb4b16
+ preserve_1 =FFFFFF
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/SolarizedDark/screenshot.png b/archive/dotfiles-29-6-2022/spicetify/Themes/SolarizedDark/screenshot.png
new file mode 100644
index 0000000..d173dd8
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/SolarizedDark/screenshot.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/SolarizedDark/user.css b/archive/dotfiles-29-6-2022/spicetify/Themes/SolarizedDark/user.css
new file mode 100644
index 0000000..b10ee3c
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/SolarizedDark/user.css
@@ -0,0 +1,657 @@
+:root {
+ --bar-height: 60px;
+ --modspotify_sidebar_indicator: #839496;
+ --modspotify_hover_button_bg: #b58900;
+}
+
+* {
+ font-family: "Helvetica Neue", "Arial", sans-serif !important;
+ font-weight: 400;
+}
+
+/*Round corner cover image*/
+.card-image,
+.card-placeholder-wrapper,
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ border-radius: 0px !important;
+ overflow: hidden !important
+}
+
+/*Hide some annoying elements like profile name and pic, upgrade button and device connect bar at bottom, new playlist button*/
+.upgrade-button,
+.view-player .remote-playback-bar,
+.NewPlaylistButton {
+ display: none !important;
+}
+
+
+/*Exclude these elements from draggable property because it stops them from clickable*/
+.profile-items-container,
+.profile {
+ -webkit-app-region: no-drag !important;
+}
+
+/*Thinner scrollbar*/
+::-webkit-scrollbar {
+ height: 6px !important;
+ width: 6px !important;
+ background-color: transparent;
+}
+
+/*Round corner scrollbar*/
+::-webkit-scrollbar-thumb {
+ border-radius: 0px !important;
+}
+
+/*Hide top and bottom buttons of scrollbar */
+/*who uses those, lol*/
+::-webkit-scrollbar-button {
+ display: none !important;
+}
+
+/*Hide cover image overlay*/
+.card-overlay {
+ visibility: hidden !important;
+}
+
+/*Lift up cover when hovering on it*/
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ transition-property: transform, box-shadow !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ box-shadow: 0 5px 20px rgba(0,0,0,0.1);
+}
+
+.card-image-hit-area:not(.no-hover):hover .card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-hit-area-counter-scale:hover .Card__image-wrapper {
+ transform: translateY(-10px);
+ box-shadow: 0 15px 30px rgba(0,0,0,0.3);
+}
+
+.card-image-hit-area .card-button-add,
+.card-image-hit-area .card-button-play,
+.card-image-hit-area .card-button-more,
+.Card__image-hit-area .card-button-add,
+.Card__image-hit-area .card-button-play,
+.Card__image-hit-area .card-button-more,
+.Card__image-hit-area .Card__play-button,
+.Card__image-hit-area .Card__add-button,
+.Card__image-hit-area .Card__more-button,
+.Card__image-hit-area .Card__overlay {
+ transition-property: all !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ opacity: 0 !important;
+}
+.card-image-hit-area:not(.no-hover):hover .card-button-add,
+.card-image-hit-area:not(.no-hover):hover .card-button-play,
+.card-image-hit-area:not(.no-hover):hover .card-button-more,
+.Card__image-hit-area:not(.no-hover):hover .card-button-add,
+.Card__image-hit-area:not(.no-hover):hover .card-button-play,
+.Card__image-hit-area:not(.no-hover):hover .card-button-more {
+ opacity: 1 !important;
+ transform: translateY(-10px);
+}
+
+.Card__image-hit-area:hover .Card__play-button,
+.Card__image-hit-area:hover .Card__add-button,
+.Card__image-hit-area:hover .Card__more-button,
+.Card__image-hit-area:hover .Card__overlay {
+ opacity: 1 !important;
+}
+
+.glue-page-header__content .glue-page-header__image-inner {
+ border-radius: 0px;
+ box-shadow: unset !important;
+}
+
+.glue-page-header__full-description-overlay {
+ box-shadow: unset !important;
+}
+
+.card-placeholder-wrapper {
+ background: transparent !important;
+}
+
+/*Spice up search input background*/
+.SearchInput {
+ color: var(--modspotify_main_fg);
+}
+.SearchInput__input {
+ color: var(--modspotify_secondary_fg);
+ background-color: rgba(var(--modspotify_rgb_scrollbar_fg_and_selected_row_bg), 0.5) !important;
+ border-radius: 0px !important;
+ padding-left: 34px;
+}
+
+.sidebar:hover .sidebar-navbar.sidebar-scroll-element {
+ opacity: 1!important;
+}
+
+.view-player .player-controls-container,
+.view-player .player-controls-container .controls {
+ overflow: visible !important;
+}
+
+.view-player .player-controls-container .controls .button-play{
+ height:50px !important;
+ border-radius:50px !important;
+ background: transparent !important;
+ box-shadow:0 0 0 0 !important;
+ width:50px !important;
+ overflow: visible !important;
+ box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
+ transition:none 0.3s cubic-bezier(.3,0,.7,1);
+}
+
+.view-player .player-controls-container .controls .button-play:before{
+ font-size:18px !important;
+ padding-left: 16px !important;
+ padding-top: 9px !important;
+}
+
+.view-player .player-controls-container .controls .button-play:after {
+ box-shadow: unset !important;
+}
+
+.view-player .player-controls-container {
+ position: absolute !important;
+ width: 100% !important;
+}
+
+.view-player .player-controls-container .controls {
+ width: 100% !important;
+ height: 100% !important;
+ align-items: center !important;
+ margin-top : 0px !important;
+}
+
+/*
+Hide the song duration and elapsed text. I dont know where to put those so I just hide them
+ */
+ .view-player .player-controls-container .progress-container .elapsed,
+ .view-player .player-controls-container .progress-container .remaining {
+ display: none !important;
+ }
+
+ /* Add round corner for Gerne and Mood cards */
+ .gc-image-container,
+ .gc-image {
+ border-radius: 0px !important;
+ }
+
+ /*
+ Collage of 3 album covers is usually seen in Browse and Chart.
+ */
+ .card-puff__image-wrapper,
+ .card-puff__info-container,
+ .card-puff__card-image {
+ border-radius: 0px !important;
+ }
+
+ .card-puff__image-wrapper {
+ overflow: visible;
+ }
+
+ .card-puff__card-image {
+ box-shadow: 5px 0 30px rgba(0,0,0,0.7);
+ overflow: visible;
+ }
+
+ .card-puff__title-container {
+ background-color: transparent !important;
+ }
+
+ .card-puff.pressed .card-puff__image-wrapper,
+ .card-puff.pressed .card-puff__info-container {
+ opacity: 0.7 !important;
+ }
+
+ .card-puff__title {
+ padding: 5px 10px 5px 10px !important;
+ background-color: var(--modspotify_main_bg) !important;
+ border-radius: 0px;
+ border: 2px solid var(--modspotify_main_fg);
+ }
+
+ /*
+ We use round corner on cover so they look weird in original
+ form, so I move last cover to the right 20px and first one to the left 20px
+ */
+ .card-puff__card-image:nth-child(1) {
+ right: 20px;
+ box-shadow: 0 0 0 0 !important;
+ }
+
+ .card-puff__card-image:nth-child(3) {
+ left: 20px;
+ }
+
+ .grid-overlay-label {
+ top: 140px !important;
+ }
+
+ /**/
+ .glue-page-header__background-color {
+ background-image: none !important;
+ background: var(--modspotify_main_bg);
+ }
+
+ /* .glue-page-header__sticky {
+ padding-top: 60px !important;
+ } */
+
+ /*
+ Remove those title, cringy description and
+ meaningless followers number
+ */
+
+ .carousel .card-info-subtitle-description,
+ .carousel .card-info-subtitle-metadata,
+ .carousel .card:not(.card-type-station).card-info-title,
+ .carousel .card.card-type-playlist.image-loaded .card-info-subtitle-description,
+ .carousel .card.card-type-playlist.image-loaded .card-info-subtitle-metadata {
+ display: none !important;
+ }
+
+
+ /*
+ In top of Browse usually has bunch of Playlist or Album cards,
+ and they has .carousel as a wrapper and it hides anything that
+ overflows from its zone, aka our shadow and lifting animation.
+ */
+ .carousel {
+ overflow: visible !important;
+ }
+
+ /*
+ Button with text Play
+ */
+ .button.button-green,
+ .GlueButton.GlueButton--style-green {
+ color: var(--modspotify_main_bg) !important;
+ }
+
+ /*
+ Change text color in playlist
+ */
+ .tl-explicit .label,
+ .tl-premium .label,
+ .tl-cell:not(.tl-number),
+ .tl-cell a:link,
+ .tl-highlight {
+ color: var(--modspotify_secondary_fg);
+ }
+
+ .card-type-album .card-info-title,
+ .card-type-track .card-info-title,
+ .card-type-collection-album .card-info-title,
+ .card-type-episode .card-info-title {
+ font-size: 15px;
+ font-weight: 600 !important;
+ text-align: center !important;
+ width: 100% !important;
+ }
+
+ .card-type-album .card-info-subtitle-links,
+ .card-type-track .card-info-subtitle-links,
+ .card-type-collection-album .card-info-subtitle-links,
+ .card-type-episode .card-info-subtitle-links {
+ text-align: center !important;
+ width: 100% !important;
+ }
+
+ .tracklist-station-container::after {
+ background: transparent !important;
+ }
+
+ .GlueHeader__background-overlay {
+ background: var(--modspotify_main_bg) !important;
+ }
+
+ /* Move navigation buttons and search field to the right and down */
+ .browser-navigation-top-bar {
+ margin-left: 40px !important;
+ margin-top: 15px !important;
+ }
+
+ .SearchInput__input,
+ .SearchInput__searchIcon,
+ .SearchInput__clearButton {
+ margin-top: 15px !important;
+ }
+
+ .content-top-bar__profile-menu-button {
+ margin-top: 15px !important;
+ }
+
+ .body-container--windows:not(.with-buddy-list):not(.messagebar) .content-top-bar__profile {
+ margin-right: 110px !important;
+ margin-top: -5px;
+ }
+
+ /* Spice up Fullscreen mode */
+ #view-player .album-art .album-art__image {
+ border-radius: 0px !important;
+ box-shadow: 0 10px 70px rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.5) !important;
+ }
+
+ #view-player .album-art .album-art__image .card-image-content-wrapper,
+ #view-player .album-art .album-art__image .card-image-content-wrapper .card-image {
+ border-radius: 0px !important;
+ }
+
+ /* Daily mixes */
+ .carousel .card-info-wrapper.card-info-with-description.card-info-with-metadata {
+ height: 50px !important;
+ }
+
+ /* Remove section divider */
+ .section-divider {
+ border-bottom: 0 !important;
+ }
+
+ /* Adjust Position of border active tab in Nav bar at top
+ and add little glowing effect
+ */
+ .nav.navbar-nav {
+ overflow: hidden !important;
+ }
+
+ .nav.navbar-nav a {
+ overflow: visible !important;
+ }
+
+ .nav.navbar-nav a::after {
+ bottom: 0px !important;
+ width: 100% !important;
+ }
+
+ .nav.navbar-nav .active a::after{
+ box-shadow: 0 0px 20px !important;
+ }
+
+ .nav.navbar-nav a:focus:not(.button):active::after{
+ background-color: var(--modspotify_pressing_fg) !important;
+ }
+
+ /* Notification bar */
+ #content-wrapper #view-message-bar {
+ position: absolute !important;
+ width: calc(100% - 160px) !important;
+ margin-left: 80px !important;
+ border-radius: 0 0 0px 0px !important;
+ }
+
+ /* Small cover Big cover mechanism */
+ .now-playing.cover-size-transition.active.image-expanded .cover-image {
+ width: 10px !important;
+ height: 10px !important;
+ }
+ .now-playing.cover-size-transition.active.image-expanded .caption {
+ padding-left: 0px !important;
+ }
+ #view-now-playing a.image {
+ overflow: visible !important;
+ }
+
+ #view-now-playing.expanded {
+ width: 200px;
+ height: 200px;
+ }
+
+ #now-playing-image-large .cover-image {
+ height: 200px !important;
+ }
+
+ /* Profile arrow in top left */
+ .content-top-bar__profile-menu-button .dropdown {
+ position: fixed !important;
+ top: 10px !important;
+ -webkit-app-region: no-drag !important;
+ }
+
+ body.body-container--windows .content-top-bar__profile-menu-button .dropdown {
+ right: 190px !important;
+ }
+
+ body:not(.body-container--windows) .content-top-bar__profile-menu-button .dropdown {
+ right: 20px !important;
+ }
+
+ /* Small tooltip */
+ #tooltip {
+ box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;
+ border-radius: 0px !important;
+ border: 2px solid var(--modspotify_main_fg);
+ padding: 10px 10px;
+ }
+
+ .tooltip-arrow-top, .tooltip-arrow-bottom {
+ display: none !important;
+ }
+
+ .lyrics-lines-container,
+ .message-container {
+ color: #FFFFFF !important;
+ }
+
+ /* Home page */
+ .GlueCarousel__grid-wrapper::-webkit-scrollbar-thumb {
+ display: none;
+ }
+
+ .GlueCard__info-wrapper,
+ .Card__info-wrapper {
+ margin-bottom: 30px;
+ }
+
+ .card-horizontal-interior-wrapper .card-info-title {
+ text-align: start !important;
+ }
+
+ .tl-row.selected:hover .tl-cell {
+ background: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+ }
+
+ .GlueTableRow--is-selected {
+ background-color: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+ }
+
+ .tracklist-podcast .tl-progress .row-progress__bar {
+ background-color: var(--modspotify_main_fg);
+ }
+
+ .Header__background-color{
+ background-color: var(--modspotify_main_bg) !important;
+ }
+
+ .Button--style-green,
+ .button.button-green, .button.button-white {
+ border-radius: 25px;
+ color: var(--modspotify_main_bg) !important;
+ }
+
+ .glue-page-header:not(.glue-page-header--album):not(.glue-page-header--playlist):not(.glue-page-header--artist):not(.glue-page-header--dailymix):not(.glue-page-header--user):not(.glue-page-header--show)
+ .glue-page-header__content-inner .glue-page-header__title-text,
+ .HomeHeader .Header__content-inner .Header__title-text-inner,
+ .MadeForYouHeader .Header__content-inner .Header__title-text-inner,
+ .RecentlyPlayedPage__header .Header__content-inner .Header__title-text-inner {
+ background-color: var(--modspotify_main_bg);
+ padding: 5px 20px;
+ border: 5px solid var(--modspotify_main_fg) !important;
+ border-radius: 0px;
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ text-transform: uppercase;
+ }
+
+ .glue-page-header.glue-page-header--album .glue-page-header__content-inner .glue-page-header__title,
+ .glue-page-header.glue-page-header--artist .glue-page-header__content-inner .glue-page-header__title,
+ .glue-page-header.glue-page-header--dailymix .glue-page-header__content-inner .glue-page-header__title,
+ .glue-page-header.glue-page-header--playlist .glue-page-header__content-inner .glue-page-header__title {
+ margin-top: 10px;
+ }
+
+ span.glue-page-header__title-text {
+ color: var(--modspotify_main_fg);
+ }
+
+ .glue-page-header .glue-page-header__content-inner .glue-page-header__button {
+ margin-top: 40px;
+ }
+
+ .glue-page-header__content-inner,
+ .glue-page-header__data,
+ .glue-page-header__title,
+ .Header__content-inner,
+ .Header__data,
+ .Header__title,
+ .Header__title-text,
+ .Header__title-text-inner {
+ overflow: visible !important;
+ }
+
+ /*Force player bar to has fixed height*/
+ .view-player {
+ height: var(--bar-height) !important;
+ border-top: 0;
+ }
+
+ .view-player .now-playing {
+ overflow: unset;
+ }
+
+ .view-player .now-playing .cover-image-link,
+ .view-player .now-playing .cover-image-link figure {
+ width: var(--bar-height);
+ height: var(--bar-height);
+ }
+
+ #now-playing-image-small .cover-image {
+ position: fixed !important;
+ width: var(--bar-height);
+ height: var(--bar-height);
+ left: 0;
+ bottom: 0;
+ }
+
+ .view-player .now-playing .cover-image-link-wrapper {
+ flex: 0 1 calc(var(--bar-height) + 10px);
+ }
+
+ .text-container {
+ z-index: 3;
+ }
+
+ .view-player .now-playing-container .button-add {
+ color: var(--modspotify_main_fg) !important;
+ }
+
+ .progress-container .progress-bar,
+ .progress-container .inner {
+ top: 0 !important;
+ margin-top: 0 !important;
+ height: 5px;
+ }
+
+ .progress-container .progress-bar-wrapper {
+ top: 0 !important;
+ height: 5px;
+ }
+
+ .progress-container {
+ position: fixed !important;
+ width: 100% !important;
+ bottom: var(--bar-height) !important;
+ margin : 0 !important;
+ }
+
+ .progress-container .inner {
+ border-radius: 0 0px 0px 0 !important;
+ background-color: var(--modspotify_main_fg) !important;
+ box-shadow: 0 0px 0px 0 var(--modspotify_main_fg);
+ }
+
+ .glue-page-header__p2s-details,
+ .glue-page-header__p2s-followers {
+ display: none;
+ }
+
+ .context-menu {
+ border: 2px solid var(--modspotify_main_fg);
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ border-radius: 0px !important;
+ overflow: hidden;
+ }
+
+ #menu-wrapper ::-webkit-scrollbar {
+ display: none;
+ }
+
+ #menu-wrapper {
+ border-right: 3px solid black;
+ border-image: linear-gradient(0deg, transparent , var(--modspotify_scrollbar_fg_and_selected_row_bg) 40%, var(--modspotify_scrollbar_fg_and_selected_row_bg) 60%, transparent 90%) 2 90%;
+ }
+
+ .main-view-wrapper {
+ overflow: unset;
+ }
+
+ .Button--style-icon-stroke:after,
+ .Button--style-icon-stroke:hover:after,
+ .Button--style-icon-stroke,
+ .glue-page-header__button .button-icon-with-stroke,
+ .glue-page-header__button .button-icon-with-stroke::after {
+ box-shadow: unset;
+ }
+
+ .glue-page-header.glue-page-header--artist .glue-page-header__label {
+ padding-top: 10px;
+ }
+
+ .glue-page-header.glue-page-header--artist.has-custom-image .glue-page-header__label {
+ padding-top: 8px;
+ }
+
+ .glue-page-header__content .glue-page-header__label {
+ margin-left: -2px;
+ z-index: 2;
+ }
+
+ .glue-page-header__label span,
+ .Header__label span {
+ background-color: var(--modspotify_main_fg);
+ color: var(--modspotify_main_bg);
+ padding: 2px 10px;
+ }
+
+ .glue-page-header__label .header-verified-check {
+ background-color: transparent;
+ }
+
+ body.remotebar .view-player .player-bar-wrapper {
+ height: 100%;
+ }
+
+ .SidebarListItem--is-active:after,
+ .RootlistItem--is-active:after,
+ /* For Linux */ #view-navigation-bar .item.active:after {
+ background-color: transparent;
+ background-image: linear-gradient(90deg, var(--modspotify_sidebar_indicator) , transparent);
+ opacity: 0.2;
+ bottom: unset;
+ top: 5%;
+ height: 90%;
+ width: 100%
+}
+
+.Header__image-inner {
+ box-shadow: unset;
+}
+
+.button.button-green.contextmenu-active, .button.button-green:not(:disabled):hover {
+ background-color: var(--modspotify_hover_button_bg);
+}
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Spicy/README.md b/archive/dotfiles-29-6-2022/spicetify/Themes/Spicy/README.md
new file mode 100644
index 0000000..fb7bcb5
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Spicy/README.md
@@ -0,0 +1,11 @@
+# Spicy
+
+## Screenshots
+
+
+
+## More
+
+(This theme was previously posted on a [spectrum chat](https://spectrum.chat/spicetify/themes?tab=posts))
+
+Credits to [@Altirix](https://github.com/Altirix)
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Spicy/color.ini b/archive/dotfiles-29-6-2022/spicetify/Themes/Spicy/color.ini
new file mode 100644
index 0000000..943a488
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Spicy/color.ini
@@ -0,0 +1,18 @@
+[Base]
+;Light green on Dark Blue background
+main_fg = 00BF76
+secondary_fg = DEDEDE
+main_bg = 1E1A24
+sidebar_and_player_bg = 2E2837
+cover_overlay_and_shadow = 000000
+indicator_fg_and_button_bg = 00BF76
+pressing_fg = FF5C86
+slider_bg = 3F3C45
+sidebar_indicator_and_hover_button_bg = 00BF76
+scrollbar_fg_and_selected_row_bg = 615670
+pressing_button_fg = DEDEDE
+pressing_button_bg = 383145
+selected_button = 00BF76
+miscellaneous_bg = 3F3C45
+miscellaneous_hover_bg = 383145
+preserve_1 = FFFFFF
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Spicy/screenshot.png b/archive/dotfiles-29-6-2022/spicetify/Themes/Spicy/screenshot.png
new file mode 100644
index 0000000..cf5579c
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Spicy/screenshot.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Spicy/user.css b/archive/dotfiles-29-6-2022/spicetify/Themes/Spicy/user.css
new file mode 100644
index 0000000..bacc9c6
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Spicy/user.css
@@ -0,0 +1,995 @@
+
+/*BELOW CSS HAS BEEN ALTERED BY ALTIRIX*/
+:root {
+ --bar-height: 87px;
+}
+/*END*/
+
+
+/*Round corner cover image*/
+.card-image,
+.card-placeholder-wrapper,
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ border-radius: 4px !important;
+ overflow: hidden !important
+}
+
+/*Hide some annoying elements like profile name and pic, upgrade button and device connect bar at bottom, new playlist button*/
+.profile.content-top-bar__profile-link,
+.upgrade-button,
+.view-player .remote-playback-bar,
+.NewPlaylistButton {
+ margin-top: 6px;
+}
+
+
+/*Exclude these elements from draggable property because it stops them from clickable*/
+.profile-items-container,
+.profile {
+ -webkit-app-region: no-drag !important;
+}
+
+/*Thinner scrollbar*/
+::-webkit-scrollbar {
+ height: 6px !important;
+ width: 6px !important;
+ background-color: transparent;
+}
+
+/*Round corner scrollbar*/
+::-webkit-scrollbar-thumb {
+ border-radius: 4px !important;
+}
+
+/*Hide top and bottom buttons of scrollbar */
+/*who uses those, lol*/
+::-webkit-scrollbar-button {
+ display: none !important;
+}
+
+/*Hide cover image overlay*/
+.card-overlay {
+ visibility: hidden !important;
+}
+
+/*Lift up cover when hovering on it*/
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ transition-property: transform, box-shadow !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ box-shadow: 0 5px 20px rgba(0,0,0,0.1);
+}
+
+.card-image-hit-area:not(.no-hover):hover .card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-hit-area-counter-scale:hover .Card__image-wrapper {
+ transform: translateY(-10px);
+ box-shadow: 0 15px 30px rgba(0,0,0,0.3);
+}
+
+.card-image-hit-area .card-button-add,
+.card-image-hit-area .card-button-play,
+.card-image-hit-area .card-button-more,
+.Card__image-hit-area .card-button-add,
+.Card__image-hit-area .card-button-play,
+.Card__image-hit-area .card-button-more,
+.Card__image-hit-area .Card__play-button,
+.Card__image-hit-area .Card__add-button,
+.Card__image-hit-area .Card__more-button,
+.Card__image-hit-area .Card__overlay {
+ transition-property: all !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ opacity: 0 !important;
+}
+.card-image-hit-area:not(.no-hover):hover .card-button-add,
+.card-image-hit-area:not(.no-hover):hover .card-button-play,
+.card-image-hit-area:not(.no-hover):hover .card-button-more,
+.Card__image-hit-area:not(.no-hover):hover .card-button-add,
+.Card__image-hit-area:not(.no-hover):hover .card-button-play,
+.Card__image-hit-area:not(.no-hover):hover .card-button-more {
+ opacity: 1 !important;
+ transform: translateY(-10px);
+}
+
+.Card__image-hit-area:hover .Card__play-button,
+.Card__image-hit-area:hover .Card__add-button,
+.Card__image-hit-area:hover .Card__more-button,
+.Card__image-hit-area:hover .Card__overlay {
+ opacity: 1 !important;
+}
+
+.glue-page-header__content .glue-page-header__image-inner {
+ border-radius: 4px;
+ box-shadow: unset !important;
+}
+
+.glue-page-header__full-description-overlay {
+ box-shadow: unset !important;
+}
+
+.card-placeholder-wrapper {
+ background: transparent !important;
+}
+
+
+.sidebar:hover .sidebar-navbar.sidebar-scroll-element {
+ opacity: 1!important;
+}
+
+.view-player .player-controls-container,
+.view-player .player-controls-container .controls {
+ overflow: visible !important;
+}
+/*BELOW CSS HAS BEEN ALTERED BY ALTIRIX*/
+.view-player .player-controls-container .controls .button-play{
+ height:50px !important;
+ border-radius:4px !important;
+ background: var(--modspotify_miscellaneous_bg)!important;
+ box-shadow:0 0 0 0 !important;
+ width:50px !important;
+ overflow: visible !important;
+ box-shadow: 0 5px 15px rgba(0,0,0,0.7) !important;
+ transition:none 0.3s cubic-bezier(.3,0,.7,1);
+}
+/*END*/
+
+.view-player .player-controls-container .controls .button-play:before{
+ font-size:18px !important;
+ padding-left: 16px !important;
+ padding-top: 9px !important;
+}
+
+
+.view-player .player-controls-container {
+ position: absolute !important;
+ width: 100% !important;
+}
+
+.view-player .player-controls-container .controls {
+ width: 100% !important;
+ height: 100% !important;
+ align-items: center !important;
+ margin-top : 0px !important;
+}
+
+
+
+/* Add round corner for Gerne and Mood cards */
+.gc-image-container,
+.gc-image {
+ border-radius: 4px !important;
+}
+
+/*
+Collage of 3 album covers is usually seen in Browse and Chart.
+*/
+.card-puff__image-wrapper,
+.card-puff__info-container,
+.card-puff__card-image {
+ border-radius: 4px !important;
+}
+
+.card-puff__image-wrapper {
+ overflow: visible;
+}
+
+.card-puff__card-image {
+ box-shadow: 5px 0 30px rgba(0,0,0,0.7);
+ overflow: visible;
+}
+
+.card-puff__title-container {
+ background-color: transparent !important;
+}
+
+.card-puff.pressed .card-puff__image-wrapper,
+.card-puff.pressed .card-puff__info-container {
+ opacity: 0.7 !important;
+}
+/*BELOW CSS HAS BEEN ALTERED BY ALTIRIX*/
+.card-puff__title {
+ padding: 5px 10px 5px 10px !important;
+ background-color: var(--modspotify_miscellaneous_hover_bg) !important;
+}
+/*END*/
+
+/*
+We use round corner on cover so they look weird in original
+form, so I move last cover to the right 20px and first one to the left 20px
+*/
+.card-puff__card-image:nth-child(1) {
+ right: 20px;
+ box-shadow: 0 0 0 0 !important;
+}
+
+.card-puff__card-image:nth-child(3) {
+ left: 20px;
+}
+
+.grid-overlay-label {
+ top: 140px !important;
+}
+
+/**/
+.glue-page-header__background-color {
+ background-image: none !important;
+ background: var(--modspotify_main_bg);
+}
+
+/* .glue-page-header__sticky {
+ padding-top: 60px !important;
+} */
+
+/*
+Remove those title, cringy description and
+meaningless followers number
+*/
+
+.carousel .card-info-subtitle-description,
+.carousel .card-info-subtitle-metadata,
+.carousel .card:not(.card-type-station).card-info-title,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-description,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-metadata {
+ display: none !important;
+}
+
+
+/*
+In top of Browse usually has bunch of Playlist or Album cards,
+and they has .carousel as a wrapper and it hides anything that
+overflows from its zone, aka our shadow and lifting animation.
+*/
+.carousel {
+ overflow: visible !important;
+}
+
+/*
+Change text color in playlist
+*/
+.tl-explicit .label,
+.tl-premium .label,
+.tl-cell:not(.tl-number),
+.tl-cell a:link,
+.tl-highlight {
+ color: var(--modspotify_secondary_fg);
+}
+
+/*BELOW CSS HAS BEEN ALTERED BY ALTIRIX*/
+.card-type-album .card-info-title,
+.card-type-track .card-info-title,
+.card-type-collection-album .card-info-title,
+.card-type-episode .card-info-title {
+ font-size: 15px;
+ font-weight: 900 !important;
+ text-align: center !important;
+ width: 100% !important;
+}
+/*END*/
+
+.card-type-album .card-info-subtitle-links,
+.card-type-track .card-info-subtitle-links,
+.card-type-collection-album .card-info-subtitle-links,
+.card-type-episode .card-info-subtitle-links {
+ width: 100% !important;
+}
+
+.tracklist-station-container::after {
+ background: transparent !important;
+}
+
+.GlueHeader__background-overlay {
+ background: var(--modspotify_main_bg) !important;
+}
+
+/* Move navigation buttons and search field to the right and down */
+.browser-navigation-top-bar {
+ margin-left: 40px !important;
+ margin-top: 15px !important;
+}
+
+.SearchInput__input,
+.SearchInput__searchIcon,
+.SearchInput__clearButton {
+ margin-top: 15px !important;
+}
+
+.content-top-bar__profile-menu-button {
+ margin-top: 15px !important;
+}
+
+.body-container--windows:not(.with-buddy-list):not(.messagebar) .content-top-bar__profile {
+ margin-right: 110px !important;
+ margin-top: -5px;
+}
+
+/* Spice up Fullscreen mode */
+#view-player .album-art .album-art__image {
+ border-radius: 4px !important;
+ box-shadow: 0 10px 70px rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.5) !important;
+}
+
+#view-player .album-art .album-art__image .card-image-content-wrapper,
+#view-player .album-art .album-art__image .card-image-content-wrapper .card-image {
+ border-radius: 4px !important;
+}
+
+#video-player .album-art__foreground {
+ flex-direction: row;
+ text-align: left;
+}
+
+#video-player .album-art__background {
+ background-color: initial;
+}
+
+#video-player .album-art__track-details {
+ padding-left: 50px;
+ line-height: initial;
+}
+
+#video-player .album-art__track-title {
+ font-size: 84px;
+ margin-top: 0;
+ line-height: initial;
+}
+
+#video-player .album-art__artist-name {
+ font-size: 54px;
+ margin-top: 0;
+ line-height: initial;
+}
+
+/* Daily mixes */
+.carousel .card-info-wrapper.card-info-with-description.card-info-with-metadata {
+ height: 50px !important;
+}
+
+/* Remove section divider */
+.section-divider {
+ border-bottom: 0 !important;
+}
+
+/* Adjust Position of border active tab in Nav bar at top
+and add little glowing effect
+*/
+.nav.navbar-nav {
+ overflow: hidden !important;
+}
+
+.nav.navbar-nav a {
+ overflow: visible !important;
+}
+
+.nav.navbar-nav a::after {
+ bottom: 0px !important;
+ width: 100% !important;
+}
+
+.nav.navbar-nav .active a::after{
+ box-shadow: 0 0px 20px !important;
+}
+
+.nav.navbar-nav a:focus:not(.button):active::after{
+ background-color: var(--modspotify_pressing_fg) !important;
+}
+
+/* Notification bar */
+#content-wrapper #view-message-bar {
+ position: absolute !important;
+ width: calc(100% - 160px) !important;
+ margin-left: 80px !important;
+ border-radius: 0 0 4px 4px !important;
+}
+
+/* Small cover Big cover mechanism */
+.now-playing.cover-size-transition.active.image-expanded #now-playing-image-small {
+ display: none;
+}
+
+.now-playing.cover-size-transition.active.image-expanded .cover-image-link-wrapper {
+ flex: 0 1 10px;
+}
+
+#view-now-playing a.image {
+ overflow: visible !important;
+}
+
+/* Profile arrow in top left */
+.content-top-bar__profile-menu-button .dropdown {
+ position: fixed !important;
+
+
+ top: 10px !important;
+ -webkit-app-region: no-drag !important;
+}
+
+/*BELOW CSS HAS BEEN ALTERED BY ALTIRIX*/
+/* [WINDOWS] Change Profile menu horizontal position */
+body.body-container--windows .content-top-bar__profile-menu-button .dropdown {
+ right: 10px !important;
+}
+/*END*/
+
+body:not(.body-container--windows) .content-top-bar__profile-menu-button .dropdown {
+ right: 20px !important;
+}
+
+/*BELOW CSS HAS BEEN ALTERED BY ALTIRIX*/
+/* Small tooltip */
+#tooltip {
+ box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;
+ padding: 10px 10px;
+}
+/*END*/
+
+.tooltip-arrow-top, .tooltip-arrow-bottom {
+ display: none !important;
+}
+
+.lyrics-lines-container,
+.message-container {
+ color: #FFFFFF !important;
+}
+
+/* Home page */
+.GlueCarousel__grid-wrapper::-webkit-scrollbar-thumb {
+ display: none;
+}
+
+.GlueCard__info-wrapper,
+.Card__info-wrapper {
+ margin-bottom: 30px;
+}
+
+.card-horizontal-interior-wrapper .card-info-title {
+ text-align: start !important;
+}
+
+.tl-row.selected:hover .tl-cell {
+ background: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.GlueTableRow--is-selected {
+ background-color: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.tracklist-podcast .tl-progress .row-progress__bar {
+ background-color: var(--modspotify_main_fg);
+}
+
+.Header__background-color{
+ background-color: var(--modspotify_main_bg) !important;
+}
+
+
+.glue-page-header.glue-page-header--album .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--artist .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--dailymix .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--playlist .glue-page-header__content-inner .glue-page-header__title {
+ margin-top: 10px;
+}
+
+span.glue-page-header__title-text {
+ color: var(--modspotify_main_fg);
+}
+
+.glue-page-header .glue-page-header__content-inner .glue-page-header__button {
+ margin-top: 40px;
+}
+
+.glue-page-header__content-inner,
+.glue-page-header__data,
+.glue-page-header__title,
+.Header__content-inner,
+.Header__data,
+.Header__title,
+.Header__title-text,
+.Header__title-text-inner {
+ overflow: visible !important;
+}
+
+/*Force player bar to has fixed height*/
+.view-player {
+ height: var(--bar-height) !important;
+ border-top: 0;
+}
+
+.view-player .now-playing {
+ overflow: unset;
+}
+
+.view-player .cover-image-container {
+ position: fixed !important;
+ left: 0;
+ bottom: 0;
+}
+
+.view-player .now-playing .cover-image-link,
+.view-player .now-playing .cover-image-link figure {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+#now-playing-image-small .cover-image {
+ width: var(--bar-height);
+ height: var(--bar-height);
+ border-radius: 4px !important;
+}
+
+.view-player .now-playing .cover-image-link-wrapper {
+ flex: 0 1 calc(var(--bar-height) + 10px);
+}
+
+.text-container {
+ z-index: 3;
+}
+
+.view-player .now-playing-container .button-add {
+ color: var(--modspotify_main_fg) !important;
+}
+
+
+.glue-page-header__p2s-details,
+.glue-page-header__p2s-followers {
+ display: none;
+}
+
+
+#menu-wrapper ::-webkit-scrollbar {
+ display: none;
+}
+
+#menu-wrapper {
+ border-right: 3px solid black;
+ border-image: linear-gradient(0deg, transparent , var(--modspotify_scrollbar_fg_and_selected_row_bg) 40%, var(--modspotify_scrollbar_fg_and_selected_row_bg) 60%, transparent 90%) 2 90%;
+}
+
+.main-view-wrapper {
+ overflow: unset;
+}
+
+.Button--style-icon-stroke:after,
+.Button--style-icon-stroke:hover:after,
+.Button--style-icon-stroke,
+.glue-page-header__button .button-icon-with-stroke,
+.glue-page-header__button .button-icon-with-stroke::after {
+ box-shadow: unset;
+}
+
+.glue-page-header.glue-page-header--artist .glue-page-header__label {
+ padding-top: 10px;
+}
+
+.glue-page-header.glue-page-header--artist.has-custom-image .glue-page-header__label {
+ padding-top: 8px;
+}
+
+.glue-page-header__content .glue-page-header__label {
+ margin-left: -2px;
+ z-index: 2;
+}
+
+.glue-page-header__label span,
+.Header__label span {
+ background-color: var(--modspotify_main_fg);
+ color: var(--modspotify_main_bg);
+ padding: 2px 10px;
+ border-radius: 4px;
+}
+
+.glue-page-header__label .header-verified-check {
+ background-color: transparent;
+}
+
+body.remotebar .view-player .player-bar-wrapper {
+ height: 100%;
+}
+
+.SidebarListItem--is-active:after,
+.RootlistItem--is-active:after,
+/* For Linux */ #view-navigation-bar .item.active:after {
+ background-color: transparent;
+ background-image: linear-gradient(90deg, var(--modspotify_sidebar_indicator_and_hover_button_bg) , transparent);
+ opacity: 0.2;
+ bottom: unset;
+ top: 5%;
+ height: 90%;
+ width: 100%
+}
+
+.Header__image-inner {
+ box-shadow: unset;
+}
+
+
+/* MODIFICATIONS BY ALTIRIX BELOW*/
+
+.view-player {
+ height: 87px !important;
+ box-shadow: 0 -10px 40px rgba(0,0,0,0.5) !important;
+}
+
+.view-player .now-playing,
+.view-player .now-playing-container,
+.view-player .now-playing .cover-image-container {
+ height: 100% !important;
+ overflow: visible !important;
+}
+
+.view-player .now-playing .cover-image-container {
+ position: absolute !important;
+ overflow: visible !important;
+ bottom: 75px !important;
+ left: -70px !important;
+}
+.view-player .now-playing .cover-image-container .cover-image {
+ width: 120px !important;
+ height: 120px !important;
+ position: absolute !important;
+ box-shadow: 0 5px 10px rgba(0,0,0,0.5) !important;
+ background-size: cover !important;
+}
+
+.view-player .now-playing-container .caption {
+ height: 100% !important;
+ align-content: center !important;
+ padding-left: 70px !important;
+}
+
+@media (min-width: 1200px){
+ .view-player .now-playing-container {
+ min-width: 500px;
+ }
+}
+
+
+.view-player .now-playing-container {
+ z-index: 9998 !important;
+}
+
+
+#menu-wrapper {
+ position: fixed !important;
+ z-index: 9999 !important;
+ display: flex !important;
+ height: 100% !important;
+}
+
+
+
+
+
+.sidebar .sidebar-navbar.sidebar-scroll-element {
+ padding-top: 30px !important;
+ padding-bottom: 60px !important;
+ opacity: 0 !important;
+ transition-property: opacity !important;
+ transition-duration: .5s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+}
+
+#content {
+ padding-bottom: 60px;
+}
+
+
+.view-player .player-controls-container .progress-container .elapsed {
+ position: absolute !important;
+
+
+}
+.view-player .player-controls-container .progress-container .remaining {
+ margin-left: 100%;
+ position: absolute !important;
+ right: 5px;
+}
+
+/*
+Move progress bar to bottom of window
+*/
+.view-player .player-controls-container .progress-container {
+ position: absolute !important;
+ width: 100% !important;
+ height: 100% !important;
+ bottom: (-87/2px) !important;
+ margin : 0 0 0 0 !important;
+ z-index: 9999 !important;
+}
+
+.view-player .player-controls-container .progress-container .progress-bar {
+ margin-top: -6px !important;
+ top: 100% !important;
+}
+
+.view-player .player-controls-container .progress-container .progress-bar .inner {
+ top: 100% !important;
+ margin-top: -4px !important;
+ border-radius: 0 4px 4px 0 !important;
+ background-color: var(--modspotify_main_fg) !important;
+
+}
+
+.Button--style-green,
+.slider,
+.button.button-green,
+.button.button-white,
+.GlueButton.GlueButton--style-green {
+ border-radius: 4px !important;
+ color: var(--modspotify_main_bg) !important;
+}
+
+.glue-page-header:not(.glue-page-header--album):not(.glue-page-header--playlist):not(.glue-page-header--artist):not(.glue-page-header--dailymix):not(.glue-page-header--user):not(.glue-page-header--show)
+ .glue-page-header__content-inner .glue-page-header__title-text,
+.HomeHeader .Header__content-inner .Header__title-text-inner,
+.MadeForYouHeader .Header__content-inner .Header__title-text-inner,
+.RecentlyPlayedPage__header .Header__content-inner .Header__title-text-inner {
+ border-bottom: 4px solid var(--modspotify_main_fg) !important;
+ text-transform: uppercase;
+}
+
+.tracklist-album,
+.tracklist-chart,
+.tracklist-basic,
+.tracklist-playlist,
+.tracklist-podcast,
+.tracklist-popular,
+.tracklist-station,
+.tracklist-queue,
+.tracklist-search {
+ border-bottom: 0px !important
+}
+
+.TableCell{
+ border-top: 0px !important
+
+}
+
+.button.button-with-stroke::after,
+.button.button-icon-with-stroke::after,
+.button-play{
+ border-radius: 0px !important;
+
+}
+
+
+.button.button-icon-with-stroke,
+.button.button-with-stroke,
+.Button--style-icon-stroke,
+.Button--style-icon-background,
+.button.button-blue,
+.card:hover:after{
+ background: var(--modspotify_miscellaneous_hover_bg) !important;
+ border-radius: 4px !important;
+ box-shadow: inset 0 0 0 1px transparent !important;
+}
+
+.card:hover:after{
+ height: 0px !important;
+ width: 0px !important;
+ cursor: default;
+
+}
+
+
+.tl-row,
+.button-play::after,
+.button.button-with-stroke.added::after,
+.button.button-with-stroke::after,
+.button.button-icon-with-stroke::after,
+.Button--style-icon-stroke:after{
+ box-shadow: inset 0 0 0 1px transparent !important;
+}
+
+
+
+.section-divider-borderless div,
+.section-divider h2,
+.section-divider h3{
+ border-bottom: 4px solid var(--modspotify_main_fg) !important;
+}
+
+.calendar-icon-day{
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+
+.calendar-icon-month{
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+ color: var(--modspotify_main_bg) !important;
+}
+
+.tl-explicit,
+.tl-premium,
+.label,
+.TableCellSong__label{
+ color: var(--modspotify_secondary_fg) !important;
+ border: 0px solid !important;
+}
+
+
+
+.tl-header th, .tl-cell {
+ border-top: 0px !important;
+}
+
+.context-menu {
+ box-shadow: 0 5px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.7);
+ overflow: hidden;
+}
+
+#new-playlist-button-mount-point{
+ padding: 0 0 150px;
+}
+
+
+.view-player .now-playing .cover-image-link .toggle-cover-size{
+ left: 90px;
+ background-color: transparent;
+}
+
+.now-playing__button{
+ background-color: transparent;
+}
+#view-now-playing.expanded {
+ margin-top: -150px;
+}
+
+
+.now-playing-large.expanded {
+ margin-top: -50px;
+ margin-bottom: 87px !important;
+}
+
+#view-now-playing a figure .cover-image{
+ background-position: unset;
+}
+
+
+.sidebar #offline-global-progress{
+ margin: -52px 0 55px 0;
+}
+
+.view-player .now-playing-container .caption .text-container {
+ margin-left: -30px;
+}
+
+.sidebar {
+ width: 15px !important;
+ min-width: 15px !important;
+ transition-duration: .5s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ opacity: 0;
+}
+
+
+.sidebar:hover {
+ width: var(--left-sidebar-width) !important;
+ min-width: 100px !important;
+ opacity: 1;
+}
+
+#now-playing-image-large figure div.cover-image {
+ height: var(--left-sidebar-width) !important;
+}
+
+/*this was a bitch to find, have to switch into the wrapper as you do the animation or you will get old css that has no animation css*/
+.card-image-hit-area:not(.no-hover):hover .card-button-add,
+.card-image-hit-area:not(.no-hover):hover .card-button-play,
+.card-image-hit-area:not(.no-hover):hover .card-button-more,
+.Card__image-hit-area:not(.no-hover):hover .card-button-add,
+.Card__image-hit-area:not(.no-hover):hover .card-button-play,
+.Card__image-hit-area:not(.no-hover):hover .card-button-more,
+.card-image-hit-area:not(.no-hover):hover .card-image-content-wrapper,
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-hit-area-counter-scale:hover .Card__image-wrapper{
+ transform: unset !important;
+ box-shadow: unset !important;
+}
+
+.card-image-hit-area:hover .card-hit-area-counter-scale{
+ background: rgba(var(--modspotify_rgb_cover_overlay_and_shadow),0.6) !important;
+ transition-property: all !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ opacity: 1 !important;
+}
+
+
+.card .card-button-play.contextmenu-active,
+.card .card-button-play:not(:disabled):hover{
+ transform: scale(1.07143) !important;
+ background-color: var(--modspotify_miscellaneous_hover_bg) !important;
+ transition: none !important;
+}
+
+.glue-page-header .card-type-user{
+ -webkit-clip-path: none !important;
+}
+
+
+.card-type-artist .card-image,
+.card-type-artist .card-image-hit-area,
+.card-type-artist .card-overlay,
+.card-type-artist .card-placeholder-wrapper,
+.card-type-artist .card-image-link,
+.card-type-artist .card-hit-area-counter-scale,
+.card-type-collection-artist .card-image,
+.card-type-collection-artist .card-image-hit-area,
+.card-type-collection-artist .card-overlay,
+.card-type-collection-artist .card-placeholder-wrapper,
+.card-type-collection-artist .card-image-link,
+.card-type-collection-artist .card-hit-area-counter-scale,
+.card-type-user .card-image,
+.card-type-user .card-image-hit-area,
+.card-type-user .card-overlay,
+.card-type-user .card-placeholder-wrapper,
+.card-type-user .card-image-link,
+.card-type-user .card-hit-area-counter-scale{
+ border-radius: unset !important;
+}
+
+.h-search:focus{
+ background: var(--modspotify_scrollbar_fg_and_select) !important;
+}
+
+
+img.ConnectPopup__devices-image{
+ height: 0px !important;
+ margin: 0px !important;
+}
+.GlueDropdown,
+.PlaylistAnnotationModal__img,
+.image,
+.Menu,
+.profile .avatar,
+.card-type-artist .card-image,
+.Card--artist .Card__image,
+.card-station-overlay,
+.Card--artist .Card__overlay,
+.card-hit-area-counter-scale,
+.featured-item-comment,
+.card-puff__title,
+.button,
+.change-location__label,
+.toggle-cover-size,
+.card-horizontal > .card-horizontal-interior-wrapper:hover,
+.card-horizontal > .card-horizontal-interior-wrapper:active,
+.body-container--unknown-os .context-menu,
+.body-container--windows .context-menu,
+.body-container--unknown-os .ConnectPopup,
+.body-container--windows .ConnectPopup {
+ border-radius: 4px !important;
+}
+
+
+.upload-container,
+.upload-container .background-stripe{
+ border-radius: 0px !important;
+}
+
+.list-group-item{
+ border-bottom: unset !important;
+ border-top: unset !important;
+}
+
+
+.SearchInput {
+ color: var(--modspotify_main_fg);
+}
+
+input#search-input,
+.SearchInput__input,
+.PlaylistAnnotationModal__playlist-name-input,
+.PlaylistAnnotationModal__playlist-description-textarea,
+.PlaylistAnnotationModal__img{
+ background-color: var(--modspotify_pressing_button_bg) !important;
+ border-radius: 4px!important;
+ color: var(--modspotify_secondary_fg);
+}
+a.spoticon-helpcircle-16.ConnectPopup__header-help{
+ visibility: hidden;
+}
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Sweet/README.md b/archive/dotfiles-29-6-2022/spicetify/Themes/Sweet/README.md
new file mode 100644
index 0000000..afc5bde
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Sweet/README.md
@@ -0,0 +1,11 @@
+# Sweet
+
+## Screenshots
+
+Window:
+
+
+
+## More
+
+Based on the [Sweet](https://github.com/EliverLara/hyper-sweet) color scheme.
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Sweet/color.ini b/archive/dotfiles-29-6-2022/spicetify/Themes/Sweet/color.ini
new file mode 100644
index 0000000..afedb3d
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Sweet/color.ini
@@ -0,0 +1,18 @@
+[Base]
+
+main_fg = c74ded
+secondary_fg = 71f79f
+main_bg = 151824
+sidebar_and_player_bg = 323542
+cover_overlay_and_shadow = 7cb7ff
+indicator_fg_and_button_bg = c74ded
+pressing_fg = 71f79f
+slider_bg = 555753
+sidebar_indicator_and_hover_button_bg = c74ded
+scrollbar_fg_and_selected_row_bg = 7cb7ff
+pressing_button_fg = F2EFEA
+pressing_button_bg = c74ded
+selected_button = 71f79f
+miscellaneous_bg = ed254e
+miscellaneous_hover_bg = 7cb7ff
+preserve_1 = FFFFFF
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Sweet/screenshot.png b/archive/dotfiles-29-6-2022/spicetify/Themes/Sweet/screenshot.png
new file mode 100644
index 0000000..850ae3c
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Sweet/screenshot.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Sweet/user.css b/archive/dotfiles-29-6-2022/spicetify/Themes/Sweet/user.css
new file mode 100644
index 0000000..607cb86
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Sweet/user.css
@@ -0,0 +1,694 @@
+:root {
+ --bar-height: 80px;
+}
+
+/*Round corner cover image*/
+.card-image,
+.card-placeholder-wrapper,
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ border-radius: 10px !important;
+ overflow: hidden !important
+}
+
+/*Hide some annoying elements like profile name and pic, upgrade button and device connect bar at bottom, new playlist button*/
+.profile.content-top-bar__profile-link,
+.upgrade-button,
+.view-player .remote-playback-bar,
+.LeftSidebarNewPlaylistButton__button {
+ display: none !important;
+}
+
+
+/*Exclude these elements from draggable property because it stops them from clickable*/
+.profile-items-container,
+.profile {
+ -webkit-app-region: no-drag !important;
+}
+
+/*Thinner scrollbar*/
+::-webkit-scrollbar {
+ height: 0px !important;
+ width: 0px !important;
+ background-color: transparent;
+}
+
+/*Round corner scrollbar*/
+::-webkit-scrollbar-thumb {
+ border-radius: 3px !important;
+}
+
+/*Hide top and bottom buttons of scrollbar */
+/*who uses those, lol*/
+::-webkit-scrollbar-button {
+ display: none !important;
+}
+
+/*Hide cover image overlay*/
+.card-overlay {
+ visibility: hidden !important;
+}
+
+/*Lift up cover when hovering on it*/
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ transition-property: transform, box-shadow !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ box-shadow: 0 5px 20px rgba(0,0,0,0.1);
+}
+
+.card-image-hit-area:not(.no-hover):hover .card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-hit-area-counter-scale:hover .Card__image-wrapper {
+ transform: translateY(-10px);
+ box-shadow: 0 15px 30px rgba(0,0,0,0.3);
+}
+
+.card-image-hit-area .card-button-add,
+.card-image-hit-area .card-button-play,
+.card-image-hit-area .card-button-more,
+.Card__image-hit-area .card-button-add,
+.Card__image-hit-area .card-button-play,
+.Card__image-hit-area .card-button-more,
+.Card__image-hit-area .Card__play-button,
+.Card__image-hit-area .Card__add-button,
+.Card__image-hit-area .Card__more-button,
+.Card__image-hit-area .Card__overlay {
+ transition-property: all !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ opacity: 0 !important;
+}
+.card-image-hit-area:not(.no-hover):hover .card-button-add,
+.card-image-hit-area:not(.no-hover):hover .card-button-play,
+.card-image-hit-area:not(.no-hover):hover .card-button-more,
+.Card__image-hit-area:not(.no-hover):hover .card-button-add,
+.Card__image-hit-area:not(.no-hover):hover .card-button-play,
+.Card__image-hit-area:not(.no-hover):hover .card-button-more {
+ opacity: 1 !important;
+ transform: translateY(-10px);
+}
+
+.Card__image-hit-area:hover .Card__play-button,
+.Card__image-hit-area:hover .Card__add-button,
+.Card__image-hit-area:hover .Card__more-button,
+.Card__image-hit-area:hover .Card__overlay {
+ opacity: 1 !important;
+}
+
+.glue-page-header__content .glue-page-header__image-inner {
+ border-radius: 10px;
+ box-shadow: unset !important;
+}
+
+.glue-page-header__full-description-overlay {
+ box-shadow: unset !important;
+}
+
+.card-placeholder-wrapper {
+ background: transparent !important;
+}
+
+/*Spice up search input background*/
+.SearchInput {
+ color: var(--modspotify_main_fg);
+}
+.SearchInput__input {
+ color: var(--modspotify_main_fg);
+ background-color: var(--modspotify_main_bg) !important;
+ border-radius: 4px !important;
+ padding-left: 34px;
+}
+
+.sidebar:hover .sidebar-navbar.sidebar-scroll-element {
+ opacity: 1!important;
+}
+
+.offline-label-wrapper,
+#view-message-bar .message,
+.alert .close {
+ color: var(--modspotify_preserve_1) !important;
+}
+
+.view-player .player-controls-container,
+.view-player .player-controls-container .controls {
+ overflow: visible !important;
+}
+
+.view-player .player-controls-container .controls .button-play{
+ height:50px !important;
+ border-radius:50px !important;
+ width:50px !important;
+ overflow: visible !important;
+}
+
+.view-player .player-controls-container .controls .button-play:before{
+ font-size:18px !important;
+ padding-left: 16px !important;
+ padding-top: 9px !important;
+}
+
+.view-player .player-controls-container .controls .button-play:after {
+ box-shadow: unset !important;
+}
+
+.view-player .player-controls-container .controls .button::before {
+ transition: 250ms;
+}
+
+.view-player .player-controls-container .controls .button {
+ /* background-color: var(--modspotify_main_fg); */
+ color: var(--modspotify_preserve_1);
+ box-shadow: 0px 0px 8px var(--modspotify_main_fg);
+ transition: 250ms;
+}
+
+.view-player .player-controls-container .controls .button:hover {
+ box-shadow: 0px 0px 14px var(--modspotify_main_fg) !important;
+ transform: none !important;
+}
+
+.view-player .player-controls-container .controls .button.active {
+ color: var(--modspotify_secondary_fg);
+}
+
+.view-player .player-controls-container .controls .button.active::after {
+ display: none;
+}
+
+.view-player .player-controls-container {
+ position: absolute !important;
+ width: 100% !important;
+}
+
+.view-player .player-controls-container .controls {
+ width: 100% !important;
+ height: 100% !important;
+ align-items: center !important;
+ margin-top : 0px !important;
+}
+
+/*
+Hide the song duration and elapsed text. I dont know where to put those so I just hide them
+*/
+.view-player .player-controls-container .progress-container .elapsed,
+.view-player .player-controls-container .progress-container .remaining {
+ display: none !important;
+}
+
+/* Add round corner for Gerne and Mood cards */
+.gc-image-container,
+.gc-image {
+ border-radius: 10px !important;
+}
+
+/*
+Collage of 3 album covers is usually seen in Browse and Chart.
+*/
+.card-puff__image-wrapper,
+.card-puff__info-container,
+.card-puff__card-image {
+ border-radius: 10px !important;
+}
+
+.card-puff__image-wrapper {
+ overflow: visible;
+}
+
+.card-puff__card-image {
+ box-shadow: 5px 0 30px rgba(0,0,0,0.7);
+ overflow: visible;
+}
+
+.card-puff__title-container {
+ background-color: transparent !important;
+}
+
+.card-puff.pressed .card-puff__image-wrapper,
+.card-puff.pressed .card-puff__info-container {
+ opacity: 0.7 !important;
+}
+
+.card-puff__title {
+ padding: 5px 10px 5px 10px !important;
+ background-color: var(--modspotify_main_bg) !important;
+ border-radius: 4px;
+ border: 2px solid var(--modspotify_main_fg);
+}
+
+/*
+We use round corner on cover so they look weird in original
+form, so I move last cover to the right 20px and first one to the left 20px
+*/
+.card-puff__card-image:nth-child(1) {
+ right: 20px;
+ box-shadow: 0 0 0 0 !important;
+}
+
+.card-puff__card-image:nth-child(3) {
+ left: 20px;
+}
+
+.grid-overlay-label {
+ top: 140px !important;
+}
+
+/**/
+.glue-page-header__background-color {
+ background-image: none !important;
+ background: var(--modspotify_main_bg);
+}
+
+/* .glue-page-header__sticky {
+ padding-top: 60px !important;
+} */
+
+/*
+Remove those title, cringy description and
+meaningless followers number
+*/
+
+.carousel .card-info-subtitle-description,
+.carousel .card-info-subtitle-metadata,
+.carousel .card:not(.card-type-station).card-info-title,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-description,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-metadata {
+ display: none !important;
+}
+
+
+/*
+In top of Browse usually has bunch of Playlist or Album cards,
+and they has .carousel as a wrapper and it hides anything that
+overflows from its zone, aka our shadow and lifting animation.
+*/
+.carousel {
+ overflow: visible !important;
+}
+
+/*
+Button with text Play
+*/
+.button.button-green,
+.GlueButton.GlueButton--style-green {
+ color: var(--modspotify_main_bg) !important;
+}
+
+/*
+Change text color in playlist
+*/
+.tl-explicit .label,
+.tl-premium .label,
+.tl-cell:not(.tl-number),
+.tl-cell a:link,
+.tl-highlight {
+ color: var(--modspotify_secondary_fg);
+}
+
+.card-type-album .card-info-title,
+.card-type-track .card-info-title,
+.card-type-collection-album .card-info-title,
+.card-type-episode .card-info-title {
+ font-size: 15px;
+ font-weight: 900 !important;
+ text-align: center !important;
+ width: 100% !important;
+}
+
+.card-type-album .card-info-subtitle-links,
+.card-type-track .card-info-subtitle-links,
+.card-type-collection-album .card-info-subtitle-links,
+.card-type-episode .card-info-subtitle-links {
+ width: 100% !important;
+}
+
+.tracklist-station-container::after {
+ background: transparent !important;
+}
+
+.GlueHeader__background-overlay {
+ background: var(--modspotify_main_bg) !important;
+}
+
+/* Move navigation buttons and search field to the right and down */
+.browser-navigation-top-bar {
+ margin-left: 40px !important;
+ margin-top: 15px !important;
+}
+
+.SearchInput__input,
+.SearchInput__searchIcon,
+.SearchInput__clearButton {
+ margin-top: 15px !important;
+}
+
+.content-top-bar__profile-menu-button {
+ margin-top: 15px !important;
+}
+
+.body-container--windows:not(.with-buddy-list):not(.messagebar) .content-top-bar__profile {
+ margin-right: 110px !important;
+ margin-top: -5px;
+}
+
+/* Spice up Fullscreen mode */
+#view-player .album-art .album-art__image {
+ border-radius: 30px !important;
+ box-shadow: 0 10px 70px rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.5) !important;
+}
+
+#view-player .album-art .album-art__image .card-image-content-wrapper,
+#view-player .album-art .album-art__image .card-image-content-wrapper .card-image {
+ border-radius: 30px !important;
+}
+
+#video-player .album-art__foreground {
+ flex-direction: row;
+ text-align: left;
+}
+
+#video-player .album-art__background {
+ background-color: initial;
+}
+
+#video-player .album-art__track-details {
+ padding-left: 50px;
+ line-height: initial;
+}
+
+#video-player .album-art__track-title {
+ font-size: 84px;
+ margin-top: 0;
+ line-height: initial;
+}
+
+#video-player .album-art__artist-name {
+ font-size: 54px;
+ margin-top: 0;
+ line-height: initial;
+}
+
+/* Daily mixes */
+.carousel .card-info-wrapper.card-info-with-description.card-info-with-metadata {
+ height: 50px !important;
+}
+
+/* Remove section divider */
+.section-divider {
+ border-bottom: 0 !important;
+}
+
+/* Adjust Position of border active tab in Nav bar at top
+and add little glowing effect
+*/
+.nav.navbar-nav {
+ overflow: hidden !important;
+}
+
+.nav.navbar-nav a {
+ overflow: visible !important;
+}
+
+.nav.navbar-nav a::after {
+ bottom: 0px !important;
+ width: 100% !important;
+}
+
+.nav.navbar-nav .active a::after{
+ box-shadow: 0 0px 20px !important;
+}
+
+.nav.navbar-nav a:focus:not(.button):active::after{
+ background-color: var(--modspotify_pressing_fg) !important;
+}
+
+/* Notification bar */
+#content-wrapper #view-message-bar {
+ position: absolute !important;
+ width: calc(100% - 160px) !important;
+ margin-left: 80px !important;
+ border-radius: 0 0 10px 10px !important;
+ color: var(--modspotify_main_fg);
+}
+
+/* Small cover Big cover mechanism */
+.now-playing.cover-size-transition.active.image-expanded #now-playing-image-small {
+ display: none;
+}
+
+.now-playing.cover-size-transition.active.image-expanded .cover-image-link-wrapper {
+ flex: 0 1 10px;
+}
+
+#view-now-playing a.image {
+ overflow: visible !important;
+}
+
+/* Profile arrow in top left */
+.content-top-bar__profile-menu-button .dropdown {
+ position: fixed !important;
+ top: 10px !important;
+ -webkit-app-region: no-drag !important;
+}
+
+/* [WINDOWS] Change Profile menu horizontal position */
+body.body-container--windows .content-top-bar__profile-menu-button .dropdown {
+ right: 190px !important;
+}
+
+body:not(.body-container--windows) .content-top-bar__profile-menu-button .dropdown {
+ right: 20px !important;
+}
+
+/* Small tooltip */
+#tooltip {
+ box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;
+ border-radius: 5px !important;
+ border: 2px solid var(--modspotify_main_fg);
+ padding: 10px 10px;
+}
+
+.tooltip-arrow-top, .tooltip-arrow-bottom {
+ display: none !important;
+}
+
+.lyrics-lines-container,
+.message-container {
+ color: #FFFFFF !important;
+}
+
+/* Home page */
+.GlueCarousel__grid-wrapper::-webkit-scrollbar-thumb {
+ display: none;
+}
+
+.GlueCard__info-wrapper,
+.Card__info-wrapper {
+ margin-bottom: 30px;
+}
+
+.card-horizontal-interior-wrapper .card-info-title {
+ text-align: start !important;
+}
+
+.tl-row.selected:hover .tl-cell {
+ background: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.GlueTableRow--is-selected {
+ background-color: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.tracklist-podcast .tl-progress .row-progress__bar {
+ background-color: var(--modspotify_main_fg);
+}
+
+.Header__background-color{
+ background-color: var(--modspotify_main_bg) !important;
+}
+
+.Button--style-green,
+.button.button-green, .button.button-white {
+ border-radius: 4px;
+ color: var(--modspotify_main_bg) !important;
+}
+
+.glue-page-header:not(.glue-page-header--album):not(.glue-page-header--playlist):not(.glue-page-header--artist):not(.glue-page-header--dailymix):not(.glue-page-header--user):not(.glue-page-header--show)
+ .glue-page-header__content-inner .glue-page-header__title-text,
+.HomeHeader .Header__content-inner .Header__title-text-inner,
+.MadeForYouHeader .Header__content-inner .Header__title-text-inner,
+.RecentlyPlayedPage__header .Header__content-inner .Header__title-text-inner {
+ background-color: var(--modspotify_main_bg);
+ padding: 5px 20px;
+ border: 5px solid var(--modspotify_main_fg) !important;
+ border-radius: 6px;
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ text-transform: uppercase;
+}
+
+.glue-page-header.glue-page-header--album .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--artist .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--dailymix .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--playlist .glue-page-header__content-inner .glue-page-header__title {
+ margin-top: 10px;
+}
+
+span.glue-page-header__title-text {
+ color: var(--modspotify_main_fg);
+}
+
+.glue-page-header .glue-page-header__content-inner .glue-page-header__button {
+ margin-top: 40px;
+}
+
+.glue-page-header__content-inner,
+.glue-page-header__data,
+.glue-page-header__title,
+.Header__content-inner,
+.Header__data,
+.Header__title,
+.Header__title-text,
+.Header__title-text-inner {
+ overflow: visible !important;
+}
+
+/*Force player bar to has fixed height*/
+.view-player {
+ height: var(--bar-height) !important;
+ border-top: 0;
+}
+
+.view-player .now-playing {
+ overflow: unset;
+}
+
+.view-player .cover-image-container {
+ position: fixed !important;
+ left: 0;
+ bottom: 0;
+}
+
+.view-player .now-playing .cover-image-link,
+.view-player .now-playing .cover-image-link figure {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+#now-playing-image-small .cover-image {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+.view-player .now-playing .cover-image-link-wrapper {
+ flex: 0 1 calc(var(--bar-height) + 10px);
+}
+
+.text-container {
+ z-index: 3;
+}
+
+.view-player .now-playing-container .button-add {
+ color: var(--modspotify_main_fg) !important;
+}
+
+.progress-container .progress-bar,
+.progress-container .inner {
+ top: 0 !important;
+ margin-top: 0 !important;
+ height: 2px;
+}
+
+.progress-container .progress-bar-wrapper {
+ top: 0 !important;
+ height: 2px;
+}
+
+.progress-container {
+ position: fixed !important;
+ width: 100% !important;
+ bottom: var(--bar-height) !important;
+ margin : 0 !important;
+}
+
+.progress-container .inner {
+ border-radius: 0 2px 2px 0 !important;
+ background-color: var(--modspotify_main_fg) !important;
+}
+
+.glue-page-header__p2s-details,
+.glue-page-header__p2s-followers {
+ display: none;
+}
+
+.context-menu {
+ border: 2px solid var(--modspotify_main_fg);
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ border-radius: 7px !important;
+ overflow: hidden;
+}
+
+#menu-wrapper ::-webkit-scrollbar {
+ display: none;
+}
+
+#menu-wrapper {
+ border-right: 3px solid black;
+ border-image: linear-gradient(0deg, transparent , var(--modspotify_scrollbar_fg_and_selected_row_bg) 40%, var(--modspotify_scrollbar_fg_and_selected_row_bg) 60%, transparent 90%) 2 90%;
+}
+
+.main-view-wrapper {
+ overflow: unset;
+}
+
+.Button--style-icon-stroke:after,
+.Button--style-icon-stroke:hover:after,
+.Button--style-icon-stroke,
+.glue-page-header__button .button-icon-with-stroke,
+.glue-page-header__button .button-icon-with-stroke::after {
+ box-shadow: unset;
+}
+
+.glue-page-header.glue-page-header--artist .glue-page-header__label {
+ padding-top: 10px;
+}
+
+.glue-page-header.glue-page-header--artist.has-custom-image .glue-page-header__label {
+ padding-top: 8px;
+}
+
+.glue-page-header__content .glue-page-header__label {
+ margin-left: -2px;
+ z-index: 2;
+}
+
+.glue-page-header__label span,
+.Header__label span {
+ background-color: var(--modspotify_main_fg);
+ color: var(--modspotify_main_bg);
+ padding: 2px 10px;
+}
+
+.glue-page-header__label .header-verified-check {
+ background-color: transparent;
+}
+
+body.remotebar .view-player .player-bar-wrapper {
+ height: 100%;
+}
+
+.SidebarListItem--is-active:after,
+.RootlistItem--is-active:after,
+/* For Linux */ #view-navigation-bar .item.active:after {
+ background-color: transparent;
+ background-image: linear-gradient(90deg, var(--modspotify_sidebar_indicator_and_hover_button_bg) , transparent);
+ opacity: 0.2;
+ bottom: unset;
+ top: 5%;
+ height: 90%;
+ width: 100%
+}
+
+.Header__image-inner {
+ box-shadow: unset;
+}
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/TrekyGoldenrod/README.md b/archive/dotfiles-29-6-2022/spicetify/Themes/TrekyGoldenrod/README.md
new file mode 100644
index 0000000..ba1fd2c
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/TrekyGoldenrod/README.md
@@ -0,0 +1,26 @@
+# TrekyGoldenrod
+
+
+
+## Screenshots
+
+
+
+
+
+
+
+
+
+## More
+
+**Credits**: Based off the [Sweet](https://github.com/morpheusthewhite/spicetify-themes/tree/master/Sweet) theme developed by [morpheusthewhite](https://github.com/morpheusthewhite)
+
+
+
+### To Do
+
+- [ ] Get rid of Followers number on public playlists
+- [ ] Change font
+- [ ] Deal with awkward `profile-menu-toggle` arrow at top right of app
+- [ ] Is it possible to match color for min, max, and close buttons at top right of app
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/TrekyGoldenrod/color.ini b/archive/dotfiles-29-6-2022/spicetify/Themes/TrekyGoldenrod/color.ini
new file mode 100644
index 0000000..d582f48
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/TrekyGoldenrod/color.ini
@@ -0,0 +1,18 @@
+[Base]
+
+main_fg = fbb611
+secondary_fg = ddca9f
+main_bg = 644806
+sidebar_and_player_bg = 644806
+cover_overlay_and_shadow = A57D1F
+indicator_fg_and_button_bg = ba943f
+pressing_fg = fbb611
+slider_bg = ddca9f
+sidebar_indicator_and_hover_button_bg = ddca9f
+scrollbar_fg_and_selected_row_bg = ba943f
+pressing_button_fg = ddca9f
+pressing_button_bg = FFFFFF
+selected_button = fbb611
+miscellaneous_bg = FFFFFF
+miscellaneous_hover_bg = FFFFFF
+preserve_1 = FFFFFF
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/TrekyGoldenrod/screenshot.png b/archive/dotfiles-29-6-2022/spicetify/Themes/TrekyGoldenrod/screenshot.png
new file mode 100644
index 0000000..58a57bc
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/TrekyGoldenrod/screenshot.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/TrekyGoldenrod/screenshot2.png b/archive/dotfiles-29-6-2022/spicetify/Themes/TrekyGoldenrod/screenshot2.png
new file mode 100644
index 0000000..48b9025
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/TrekyGoldenrod/screenshot2.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/TrekyGoldenrod/user.css b/archive/dotfiles-29-6-2022/spicetify/Themes/TrekyGoldenrod/user.css
new file mode 100644
index 0000000..6d8096c
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/TrekyGoldenrod/user.css
@@ -0,0 +1,202 @@
+/*Hide some annoying elements like profile name and pic, upgrade button and device connect bar at bottom, new playlist button*/
+.profile.content-top-bar__profile-link,
+.upgrade-button,
+.view-player .remote-playback-bar,
+.LeftSidebarNewPlaylistButton__button {
+ display: none !important;
+}
+
+/* Don't show the album cover */
+.view-player .now-playing .cover-image-link-wrapper {
+ display: none !important;
+}
+
+/*
+Hide the song duration and elapsed text. I dont know where to put those so I just hide them
+*/
+.view-player .player-controls-container .progress-container .elapsed,
+.view-player .player-controls-container .progress-container .remaining {
+ display: none !important;
+}
+
+/*Thinner scrollbar*/
+::-webkit-scrollbar {
+ height: 1px !important;
+ width: 1px !important;
+ background-color: transparent;
+}
+
+/* This is needed to move the bar above the player buttons */
+:root {
+ --bar-height: 70px;
+}
+
+/*Hide top and bottom buttons of scrollbar */
+::-webkit-scrollbar-button {
+ display: none !important;
+}
+
+.view-player .player-controls-container,
+.view-player .player-controls-container .controls {
+ overflow: visible !important;
+}
+
+.view-player .player-controls-container .controls .button-play{
+ height:50px !important;
+ border-radius:50px !important;
+ background: transparent !important;
+ box-shadow:0 0 0 0 !important;
+ width:50px !important;
+ overflow: visible !important;
+ box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
+ transition:none 0.3s cubic-bezier(.3,0,.7,1);
+}
+
+.view-player .player-controls-container .controls .button-play:before{
+ font-size:18px !important;
+ padding-left: 16px !important;
+ padding-top: 9px !important;
+}
+
+.view-player .player-controls-container .controls .button-play:after {
+ box-shadow: unset !important;
+}
+
+.view-player .player-controls-container {
+ position: absolute !important;
+ width: 100% !important;
+}
+
+.view-player .player-controls-container .controls {
+ width: 100% !important;
+ height: 100% !important;
+ align-items: center !important;
+ margin-top : 0px !important;
+}
+
+/*Force player bar to has fixed height*/
+.view-player {
+ height: var(--bar-height) !important;
+ border-top: 0;
+}
+
+.view-player .now-playing {
+ overflow: unset;
+}
+
+.view-player .cover-image-container {
+ position: fixed !important;
+ left: 0;
+ bottom: 0;
+}
+
+.view-player .now-playing .cover-image-link,
+.view-player .now-playing .cover-image-link figure {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+#now-playing-image-small .cover-image {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+.view-player .now-playing .cover-image-link-wrapper {
+ flex: 0 1 calc(var(--bar-height) + 10px);
+}
+
+.text-container {
+ z-index: 3;
+}
+
+.view-player .now-playing-container .button-add {
+ color: var(--modspotify_main_fg) !important;
+}
+
+.progress-container .progress-bar,
+.progress-container .inner {
+ top: 0 !important;
+ margin-top: 0 !important;
+ height: 5px;
+}
+
+.progress-container .progress-bar-wrapper {
+ top: 0 !important;
+ height: 5px;
+}
+
+.progress-container {
+ position: fixed !important;
+ width: 100% !important;
+ bottom: var(--bar-height) !important;
+ margin : 0 !important;
+}
+
+.progress-container .inner {
+ border-radius: 0 2px 2px 0 !important;
+ background-color: var(--modspotify_main_fg) !important;
+ box-shadow: 0 2px 2px 0 var(--modspotify_main_fg);
+}
+
+.glue-page-header__p2s-details,
+.glue-page-header__p2s-followers {
+ display: none;
+}
+
+.context-menu {
+ border: 2px solid var(--modspotify_main_fg);
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ border-radius: 7px !important;
+ overflow: hidden;
+}
+
+#menu-wrapper ::-webkit-scrollbar {
+ display: none;
+}
+
+#menu-wrapper {
+ border-right: 3px solid black;
+ border-image: linear-gradient(0deg, transparent , var(--modspotify_scrollbar_fg_and_selected_row_bg) 40%, var(--modspotify_scrollbar_fg_and_selected_row_bg) 60%, transparent 90%) 2 90%;
+}
+
+.main-view-wrapper {
+ overflow: unset;
+}
+
+.Button--style-icon-stroke:after,
+.Button--style-icon-stroke:hover:after,
+.Button--style-icon-stroke,
+.glue-page-header__button .button-icon-with-stroke,
+.glue-page-header__button .button-icon-with-stroke::after {
+ box-shadow: unset;
+}
+
+.glue-page-header.glue-page-header--artist .glue-page-header__label {
+ padding-top: 10px;
+}
+
+.glue-page-header.glue-page-header--artist.has-custom-image .glue-page-header__label {
+ padding-top: 8px;
+}
+
+.glue-page-header__content .glue-page-header__label {
+ margin-left: -2px;
+ z-index: 2;
+}
+
+.glue-page-header__label span,
+.Header__label span {
+ background-color: var(--modspotify_main_fg);
+ color: var(--modspotify_main_bg);
+ padding: 2px 10px;
+}
+
+.glue-page-header__label .header-verified-check {
+ background-color: transparent;
+}
+
+body.remotebar .view-player .player-bar-wrapper {
+ height: 100%;
+}
+
+/* Type THX1138 in search box :) */
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Twasi/README.md b/archive/dotfiles-29-6-2022/spicetify/Themes/Twasi/README.md
new file mode 100644
index 0000000..2d5018e
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Twasi/README.md
@@ -0,0 +1,9 @@
+# Twasi
+
+## Screenshots
+
+
+
+## More
+
+Highly inspired by Night.
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Twasi/color.ini b/archive/dotfiles-29-6-2022/spicetify/Themes/Twasi/color.ini
new file mode 100644
index 0000000..b39a5a6
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Twasi/color.ini
@@ -0,0 +1,17 @@
+[Base]
+main_fg = 5465bf
+secondary_fg = afb6c5
+main_bg = 1a2035
+sidebar_and_player_bg = 202940
+cover_overlay_and_shadow = 000000
+indicator_fg_and_button_bg = 232f4a
+pressing_fg = 1757B1
+slider_bg = 202940
+sidebar_indicator_and_hover_button_bg = 4d68ff
+scrollbar_fg_and_selected_row_bg = 303e8a
+pressing_button_fg = 202c6e
+pressing_button_bg = 6e94a1
+selected_button = 3a468a
+miscellaneous_bg = 3f51b5
+miscellaneous_hover_bg = 202c6e
+preserve_1 = 4052b3
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Twasi/screenshot.png b/archive/dotfiles-29-6-2022/spicetify/Themes/Twasi/screenshot.png
new file mode 100644
index 0000000..c06daf7
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Twasi/screenshot.png differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Twasi/user.css b/archive/dotfiles-29-6-2022/spicetify/Themes/Twasi/user.css
new file mode 100644
index 0000000..09c5998
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Twasi/user.css
@@ -0,0 +1,716 @@
+:root {
+ --bar-height: 60px;
+ }
+
+ /*Round corner cover image*/
+ .card-image,
+ .card-placeholder-wrapper,
+ .card-image-content-wrapper,
+ .Card:not(.Card--artist) .Card__image,
+ .Card:not(.Card--artist) .Card__image-wrapper {
+ border-radius: 10px !important;
+ overflow: hidden !important;
+ }
+
+ /*Hide some annoying elements like profile name and pic, upgrade button and device connect bar at bottom, new playlist button*/
+ .profile.content-top-bar__profile-link,
+ .upgrade-button,
+ .view-player .remote-playback-bar,
+ .NewPlaylistButton {
+ display: none !important;
+ }
+
+ /*Exclude these elements from draggable property because it stops them from clickable*/
+ .profile-items-container,
+ .profile {
+ -webkit-app-region: no-drag !important;
+ }
+
+ /*Thinner scrollbar*/
+ ::-webkit-scrollbar {
+ height: 6px !important;
+ width: 6px !important;
+ background-color: transparent;
+ }
+
+ /*Round corner scrollbar*/
+ ::-webkit-scrollbar-thumb {
+ border-radius: 3px !important;
+ }
+
+ /*Hide top and bottom buttons of scrollbar */
+ /*who uses those, lol*/
+ ::-webkit-scrollbar-button {
+ display: none !important;
+ }
+
+ /*Hide cover image overlay*/
+ .card-overlay {
+ visibility: hidden !important;
+ }
+
+ /*Lift up cover when hovering on it*/
+ .card-image-content-wrapper,
+ .Card:not(.Card--artist) .Card__image-wrapper {
+ transition-property: transform, box-shadow !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(0.3, 0, 0, 1) !important;
+ box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
+ }
+
+ .card-image-hit-area:not(.no-hover):hover .card-image-content-wrapper,
+ .Card:not(.Card--artist) .Card__image-hit-area-counter-scale:hover .Card__image-wrapper {
+ transform: translateY(-10px);
+ box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
+ }
+
+ .card-image-hit-area .card-button-add,
+ .card-image-hit-area .card-button-play,
+ .card-image-hit-area .card-button-more,
+ .Card__image-hit-area .card-button-add,
+ .Card__image-hit-area .card-button-play,
+ .Card__image-hit-area .card-button-more,
+ .Card__image-hit-area .Card__play-button,
+ .Card__image-hit-area .Card__add-button,
+ .Card__image-hit-area .Card__more-button,
+ .Card__image-hit-area .Card__overlay {
+ transition-property: all !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(0.3, 0, 0, 1) !important;
+ opacity: 0 !important;
+ }
+
+ .card-image-hit-area:not(.no-hover):hover .card-button-add,
+ .card-image-hit-area:not(.no-hover):hover .card-button-play,
+ .card-image-hit-area:not(.no-hover):hover .card-button-more,
+ .Card__image-hit-area:not(.no-hover):hover .card-button-add,
+ .Card__image-hit-area:not(.no-hover):hover .card-button-play,
+ .Card__image-hit-area:not(.no-hover):hover .card-button-more {
+ opacity: 1 !important;
+ transform: translateY(-10px);
+ }
+
+ .Card__image-hit-area:hover .Card__play-button,
+ .Card__image-hit-area:hover .Card__add-button,
+ .Card__image-hit-area:hover .Card__more-button,
+ .Card__image-hit-area:hover .Card__overlay {
+ opacity: 1 !important;
+ }
+
+ .glue-page-header__content .glue-page-header__image-inner {
+ border-radius: 10px;
+ box-shadow: unset !important;
+ }
+
+ .glue-page-header__full-description-overlay {
+ box-shadow: unset !important;
+ }
+
+ .card-placeholder-wrapper {
+ background: transparent !important;
+ }
+
+ /*Spice up search input background*/
+ .SearchInput {
+ color: var(--modspotify_main_fg);
+ }
+
+ .SearchInput__input {
+ color: var(--modspotify_secondary_fg);
+ background-color: rgba(var(--modspotify_rgb_scrollbar_fg_and_selected_row_bg), 0.5) !important;
+ border-radius: 4px !important;
+ padding-left: 34px;
+ }
+
+ .sidebar:hover .sidebar-navbar.sidebar-scroll-element {
+ opacity: 1 !important;
+ }
+
+ .view-player .player-controls-container,
+ .view-player .player-controls-container .controls {
+ overflow: visible !important;
+ }
+
+ .view-player .player-controls-container .controls .button-play {
+ height: 50px !important;
+ border-radius: 50px !important;
+ background: transparent !important;
+ box-shadow: 0 0 0 0 !important;
+ width: 50px !important;
+ overflow: visible !important;
+ box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
+ transition: none 0.3s cubic-bezier(0.3, 0, 0.7, 1);
+ }
+
+ .view-player .player-controls-container .controls .button-play:before {
+ font-size: 18px !important;
+ padding-left: 16px !important;
+ padding-top: 9px !important;
+ }
+
+ .view-player .player-controls-container .controls .button-play:after {
+ box-shadow: unset !important;
+ }
+
+ .view-player .player-controls-container {
+ position: absolute !important;
+ width: 100% !important;
+ }
+
+ .view-player .player-controls-container .controls {
+ width: 100% !important;
+ height: 100% !important;
+ align-items: center !important;
+ margin-top: 0px !important;
+ }
+
+ /*
+ Hide the song duration and elapsed text. I dont know where to put those so I just hide them
+ */
+ .view-player .player-controls-container .progress-container .elapsed,
+ .view-player .player-controls-container .progress-container .remaining {
+ display: none !important;
+ }
+
+ /* Add round corner for Gerne and Mood cards */
+ .gc-image-container,
+ .gc-image {
+ border-radius: 10px !important;
+ }
+
+ /*
+ Collage of 3 album covers is usually seen in Browse and Chart.
+ */
+ .card-puff__image-wrapper,
+ .card-puff__info-container,
+ .card-puff__card-image {
+ border-radius: 10px !important;
+ }
+
+ .card-puff__image-wrapper {
+ overflow: visible;
+ }
+
+ .card-puff__card-image {
+ box-shadow: 5px 0 30px rgba(0, 0, 0, 0.7);
+ overflow: visible;
+ }
+
+ .card-puff__title-container {
+ background-color: transparent !important;
+ }
+
+ .card-puff.pressed .card-puff__image-wrapper,
+ .card-puff.pressed .card-puff__info-container {
+ opacity: 0.7 !important;
+ }
+
+ .card-puff__title {
+ padding: 5px 10px 5px 10px !important;
+ background-color: var(--modspotify_main_bg) !important;
+ border-radius: 4px;
+ border: 2px solid var(--modspotify_main_fg);
+ }
+
+ /*
+ We use round corner on cover so they look weird in original
+ form, so I move last cover to the right 20px and first one to the left 20px
+ */
+ .card-puff__card-image:nth-child(1) {
+ right: 20px;
+ box-shadow: 0 0 0 0 !important;
+ }
+
+ .card-puff__card-image:nth-child(3) {
+ left: 20px;
+ }
+
+ .grid-overlay-label {
+ top: 140px !important;
+ }
+
+ /**/
+ .glue-page-header__background-color {
+ background-image: none !important;
+ background: var(--modspotify_main_bg);
+ }
+
+ /* .glue-page-header__sticky {
+ padding-top: 60px !important;
+ } */
+ /*
+ Remove those title, cringy description and
+ meaningless followers number
+ */
+ .carousel .card-info-subtitle-description,
+ .carousel .card-info-subtitle-metadata,
+ .carousel .card:not(.card-type-station).card-info-title,
+ .carousel .card.card-type-playlist.image-loaded .card-info-subtitle-description,
+ .carousel .card.card-type-playlist.image-loaded .card-info-subtitle-metadata {
+ display: none !important;
+ }
+
+ /*
+ In top of Browse usually has bunch of Playlist or Album cards,
+ and they has .carousel as a wrapper and it hides anything that
+ overflows from its zone, aka our shadow and lifting animation.
+ */
+ .carousel {
+ overflow: visible !important;
+ }
+
+ /*
+ Button with text Play
+ */
+ .button.button-green,
+ .GlueButton.GlueButton--style-green {
+ color: var(--modspotify_main_bg) !important;
+ }
+
+ /*
+ Change text color in playlist
+ */
+ .tl-explicit .label,
+ .tl-premium .label,
+ .tl-cell:not(.tl-number),
+ .tl-cell a:link,
+ .tl-highlight {
+ color: var(--modspotify_secondary_fg);
+ }
+
+ .card-type-album .card-info-title,
+ .card-type-track .card-info-title,
+ .card-type-collection-album .card-info-title,
+ .card-type-episode .card-info-title {
+ font-size: 15px;
+ font-weight: 900 !important;
+ text-align: center !important;
+ width: 100% !important;
+ }
+
+ .card-type-album .card-info-subtitle-links,
+ .card-type-track .card-info-subtitle-links,
+ .card-type-collection-album .card-info-subtitle-links,
+ .card-type-episode .card-info-subtitle-links {
+ text-align: center !important;
+ width: 100% !important;
+ }
+
+ .tracklist-station-container::after {
+ background: transparent !important;
+ }
+
+ .GlueHeader__background-overlay {
+ background: var(--modspotify_main_bg) !important;
+ }
+
+ /* Move navigation buttons and search field to the right and down */
+ .browser-navigation-top-bar {
+ margin-left: 40px !important;
+ margin-top: 15px !important;
+ }
+
+ .SearchInput__input,
+ .SearchInput__searchIcon,
+ .SearchInput__clearButton {
+ margin-top: 15px !important;
+ }
+
+ .content-top-bar__profile-menu-button {
+ margin-top: 15px !important;
+ }
+
+ .body-container--windows:not(.with-buddy-list):not(.messagebar) .content-top-bar__profile {
+ margin-right: 110px !important;
+ margin-top: -5px;
+ }
+
+ /* Spice up Fullscreen mode */
+ #view-player .album-art .album-art__image {
+ border-radius: 30px !important;
+ box-shadow: 0 10px 70px rgba(var(--modspotify_rgb_cover_overlay_and_shadow), 0.5) !important;
+ }
+
+ #view-player .album-art .album-art__image .card-image-content-wrapper,
+ #view-player .album-art .album-art__image .card-image-content-wrapper .card-image {
+ border-radius: 30px !important;
+ }
+
+ #video-player .album-art__foreground {
+ flex-direction: row;
+ text-align: left;
+ }
+
+ #video-player .album-art__background {
+ background-color: initial;
+ }
+
+ #video-player .album-art__track-details {
+ padding-left: 50px;
+ line-height: initial;
+ }
+
+ #video-player .album-art__track-title {
+ font-size: 84px;
+ margin-top: 0;
+ line-height: initial;
+ }
+
+ #video-player .album-art__artist-name {
+ font-size: 54px;
+ margin-top: 0;
+ line-height: initial;
+ }
+
+ /* Daily mixes */
+ .carousel .card-info-wrapper.card-info-with-description.card-info-with-metadata {
+ height: 50px !important;
+ }
+
+ /* Remove section divider */
+ .section-divider {
+ border-bottom: 0 !important;
+ }
+
+ /* Adjust Position of border active tab in Nav bar at top
+ and add little glowing effect
+ */
+ .nav.navbar-nav {
+ overflow: hidden !important;
+ }
+
+ .nav.navbar-nav a {
+ overflow: visible !important;
+ }
+
+ .nav.navbar-nav a::after {
+ bottom: 0px !important;
+ width: 100% !important;
+ }
+
+ .nav.navbar-nav .active a::after {
+ box-shadow: 0 0px 20px !important;
+ }
+
+ .nav.navbar-nav a:focus:not(.button):active::after {
+ background-color: var(--modspotify_pressing_fg) !important;
+ }
+
+ /* Notification bar */
+ #content-wrapper #view-message-bar {
+ position: absolute !important;
+ width: calc(100% - 160px) !important;
+ margin-left: 80px !important;
+ border-radius: 0 0 10px 10px !important;
+ }
+
+ /* Small cover Big cover mechanism */
+ .now-playing.cover-size-transition.active.image-expanded #now-playing-image-small {
+ display: none;
+ }
+
+ .now-playing.cover-size-transition.active.image-expanded .cover-image-link-wrapper {
+ flex: 0 1 10px;
+ }
+
+ #view-now-playing a.image {
+ overflow: visible !important;
+ }
+
+ /* Profile arrow in top left */
+ .content-top-bar__profile-menu-button .dropdown {
+ position: fixed !important;
+ top: 10px !important;
+ -webkit-app-region: no-drag !important;
+ }
+
+ /* [WINDOWS] Change Profile menu horizontal position */
+ body.body-container--windows .content-top-bar__profile-menu-button .dropdown {
+ right: 190px !important;
+ }
+
+ body:not(.body-container--windows) .content-top-bar__profile-menu-button .dropdown {
+ right: 20px !important;
+ }
+
+ /* Small tooltip */
+ #tooltip {
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
+ border-radius: 5px !important;
+ border: 2px solid var(--modspotify_main_fg);
+ padding: 10px 10px;
+ }
+
+ .tooltip-arrow-top, .tooltip-arrow-bottom {
+ display: none !important;
+ }
+
+ .lyrics-lines-container,
+ .message-container {
+ color: #FFFFFF !important;
+ }
+
+ /* Home page */
+ .GlueCarousel__grid-wrapper::-webkit-scrollbar-thumb {
+ display: none;
+ }
+
+ .GlueCard__info-wrapper,
+ .Card__info-wrapper {
+ margin-bottom: 30px;
+ }
+
+ .card-horizontal-interior-wrapper .card-info-title {
+ text-align: start !important;
+ }
+
+ .tl-row.selected:hover .tl-cell {
+ background: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+ }
+
+ .GlueTableRow--is-selected {
+ background-color: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+ }
+
+ .tracklist-podcast .tl-progress .row-progress__bar {
+ background-color: var(--modspotify_main_fg);
+ }
+
+ .Header__background-color {
+ background-color: var(--modspotify_main_bg) !important;
+ }
+
+ .Button--style-green,
+ .button.button-green, .button.button-white {
+ border-radius: 4px;
+ color: var(--modspotify_main_bg) !important;
+ }
+
+ @keyframes title_in {
+ from {
+ margin-left: 120px;
+ opacity: 0;
+ }
+ }
+ .glue-page-header:not(.glue-page-header--album):not(.glue-page-header--playlist):not(.glue-page-header--artist):not(.glue-page-header--dailymix):not(.glue-page-header--user):not(.glue-page-header--show) .glue-page-header__content-inner .glue-page-header__title-text,
+ .HomeHeader .Header__content-inner .Header__title-text-inner,
+ .MadeForYouHeader .Header__content-inner .Header__title-text-inner,
+ .RecentlyPlayedPage__header .Header__content-inner .Header__title-text-inner {
+ background-color: var(--modspotify_main_bg);
+ padding: 6px 20px;
+ border: 5px solid var(--modspotify_main_fg) !important;
+ border-radius: 6px;
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow), 0.2);
+ text-transform: uppercase;
+ }
+
+ .glue-page-header.glue-page-header--album .glue-page-header__content-inner .glue-page-header__title,
+ .glue-page-header.glue-page-header--artist .glue-page-header__content-inner .glue-page-header__title,
+ .glue-page-header.glue-page-header--dailymix .glue-page-header__content-inner .glue-page-header__title,
+ .glue-page-header.glue-page-header--playlist .glue-page-header__content-inner .glue-page-header__title {
+ margin-top: 10px;
+ }
+
+ span.glue-page-header__title-text {
+ color: var(--modspotify_main_fg);
+ }
+
+ .glue-page-header .glue-page-header__content-inner .glue-page-header__button {
+ margin-top: 40px;
+ }
+
+ .glue-page-header__content-inner,
+ .glue-page-header__data,
+ .glue-page-header__title,
+ .Header__content-inner,
+ .Header__data,
+ .Header__title,
+ .Header__title-text,
+ .Header__title-text-inner {
+ overflow: visible !important;
+ }
+
+ /*Force player bar to has fixed height*/
+ .view-player {
+ height: var(--bar-height) !important;
+ border-top: 0;
+ }
+
+ .view-player .now-playing {
+ overflow: unset;
+ }
+
+ .view-player .cover-image-container {
+ position: fixed !important;
+ left: 0;
+ bottom: 0;
+ }
+
+ .view-player .now-playing .cover-image-link,
+ .view-player .now-playing .cover-image-link figure {
+ width: var(--bar-height);
+ height: var(--bar-height);
+ }
+
+ #now-playing-image-small .cover-image {
+ width: var(--bar-height);
+ height: var(--bar-height);
+ }
+
+ .view-player .now-playing .cover-image-link-wrapper {
+ flex: 0 1 calc(var(--bar-height) + 10px);
+ }
+
+ .text-container {
+ z-index: 3;
+ }
+
+ .view-player .now-playing-container .button-add {
+ color: var(--modspotify_main_fg) !important;
+ }
+
+ .progress-container .progress-bar,
+ .progress-container .inner {
+ top: 0 !important;
+ margin-top: 0 !important;
+ height: 2px;
+ }
+
+ .progress-container .progress-bar-wrapper {
+ top: 0 !important;
+ height: 2px;
+ }
+
+ .progress-container {
+ position: fixed !important;
+ width: 100% !important;
+ bottom: var(--bar-height) !important;
+ margin: 0 !important;
+ }
+
+ .progress-container .inner {
+ border-radius: 0 2px 2px 0 !important;
+ background-color: var(--modspotify_main_fg) !important;
+ box-shadow: 0 2px 2px 0 var(--modspotify_main_fg);
+ }
+
+ .glue-page-header__p2s-details,
+ .glue-page-header__p2s-followers {
+ display: none;
+ }
+
+ .context-menu {
+ border: 2px solid var(--modspotify_main_fg);
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow), 0.2);
+ border-radius: 7px !important;
+ overflow: hidden;
+ }
+
+ #menu-wrapper ::-webkit-scrollbar {
+ display: none;
+ }
+
+ #menu-wrapper {
+ border-right: 3px solid black;
+ border-image: linear-gradient(0deg, transparent, var(--modspotify_scrollbar_fg_and_selected_row_bg) 40%, var(--modspotify_scrollbar_fg_and_selected_row_bg) 60%, transparent 90%) 2 90%;
+ }
+
+ .main-view-wrapper {
+ overflow: unset;
+ }
+
+ .Button--style-icon-stroke:after,
+ .Button--style-icon-stroke:hover:after,
+ .Button--style-icon-stroke,
+ .glue-page-header__button .button-icon-with-stroke,
+ .glue-page-header__button .button-icon-with-stroke::after {
+ box-shadow: unset;
+ }
+
+ .glue-page-header.glue-page-header--artist .glue-page-header__label {
+ padding-top: 10px;
+ }
+
+ .glue-page-header.glue-page-header--artist.has-custom-image .glue-page-header__label {
+ padding-top: 8px;
+ }
+
+ .glue-page-header__content .glue-page-header__label {
+ margin-left: -2px;
+ z-index: 2;
+ }
+
+ .glue-page-header__label span,
+ .Header__label span {
+ background-color: var(--modspotify_main_fg);
+ color: var(--modspotify_main_bg);
+ padding: 2px 10px;
+ }
+
+ .glue-page-header__label .header-verified-check {
+ background-color: transparent;
+ }
+
+ body.remotebar .view-player .player-bar-wrapper {
+ height: 100%;
+ }
+
+ .SidebarListItem--is-active:after,
+ .RootlistItem--is-active:after,
+ #view-navigation-bar .item.active:after {
+ background-color: transparent;
+ background-image: linear-gradient(90deg, var(--modspotify_sidebar_indicator_and_hover_button_bg), transparent);
+ opacity: 0.2;
+ bottom: unset;
+ top: 5%;
+ height: 90%;
+ width: 100%;
+ }
+
+ .Header__image-inner {
+ box-shadow: unset;
+ }
+
+ @keyframes in-0 {
+ from, 0% {
+ opacity: 0;
+ margin-left: 2em;
+ }
+ }
+ @keyframes in-1 {
+ from, 8% {
+ opacity: 0;
+ margin-left: 2em;
+ }
+ }
+ @keyframes in-2 {
+ from, 16% {
+ opacity: 0;
+ margin-left: 2em;
+ }
+ }
+ @keyframes in-clipping {
+ from {
+ clip-path: inset(48% 48% 48% 48%);
+ opacity: 0;
+ }
+ to {
+ clip-path: inset(0 0 0 0);
+ opacity: 1;
+ }
+ }
+ .glue-page-header__label {
+ animation: in-0 1s cubic-bezier(0.12, 0.13, 0.15, 1);
+ }
+
+ .glue-page-header__title-text, .Header__button, .text-item-container.text-item-container-artists .inner-text-span span[data-bind="foreach: artists"] {
+ animation: in-1 1s cubic-bezier(0.12, 0.13, 0.15, 1);
+ }
+
+ table, .glue-page-header__meta-info, .glue-page-header__button, #nowplaying-track-link-container {
+ animation: in-2 1s cubic-bezier(0.12, 0.13, 0.15, 1);
+ }
+
+ .Card__image {
+ animation: in-clipping 0.4s cubic-bezier(0.12, 0.13, 0.15, 1);
+ }
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/TychoAwake/README.md b/archive/dotfiles-29-6-2022/spicetify/Themes/TychoAwake/README.md
new file mode 100644
index 0000000..a42853c
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/TychoAwake/README.md
@@ -0,0 +1,9 @@
+# TychoAwake
+
+## Screenshots
+
+
+
+## More
+
+Source: https://github.com/DoubleJarvis/SpicetifyThemes
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/TychoAwake/color.ini b/archive/dotfiles-29-6-2022/spicetify/Themes/TychoAwake/color.ini
new file mode 100644
index 0000000..924f6fb
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/TychoAwake/color.ini
@@ -0,0 +1,17 @@
+[Base]
+main_fg = B27F60
+secondary_fg = B67363
+main_bg = 31363B
+sidebar_and_player_bg = 31363B
+cover_overlay_and_shadow = B67363
+indicator_fg_and_button_bg = 9C6B67
+pressing_fg = FFCEDA
+slider_bg = 8D6B86
+sidebar_indicator_and_hover_button_bg = 9C6B67
+scrollbar_fg_and_selected_row_bg = 404B61
+pressing_button_fg = DEDEDE
+pressing_button_bg = 9C6B67
+selected_button = 9C6B67
+miscellaneous_bg = ecd3da
+miscellaneous_hover_bg = ECD3DA
+preserve_1 = 3A2E48
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/TychoAwake/user.css b/archive/dotfiles-29-6-2022/spicetify/Themes/TychoAwake/user.css
new file mode 100644
index 0000000..e5ec5bb
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/TychoAwake/user.css
@@ -0,0 +1,647 @@
+:root {
+ --bar-height: 120px;
+}
+
+/*Round corner cover image*/
+.card-image,
+.card-placeholder-wrapper,
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ border-radius: 10px !important;
+ overflow: hidden !important
+}
+
+/*Hide some annoying elements like profile name and pic, upgrade button and device connect bar at bottom, new playlist button*/
+.profile.content-top-bar__profile-link,
+.upgrade-button,
+.view-player .remote-playback-bar,
+.NewPlaylistButton {
+ display: none !important;
+}
+
+
+/*Exclude these elements from draggable property because it stops them from clickable*/
+.profile-items-container,
+.profile {
+ -webkit-app-region: no-drag !important;
+}
+
+/*Thinner scrollbar*/
+::-webkit-scrollbar {
+ height: 6px !important;
+ width: 6px !important;
+ background-color: transparent;
+}
+
+/*Round corner scrollbar*/
+::-webkit-scrollbar-thumb {
+ border-radius: 3px !important;
+}
+
+/*Hide top and bottom buttons of scrollbar */
+/*who uses those, lol*/
+::-webkit-scrollbar-button {
+ display: none !important;
+}
+
+/*Hide cover image overlay*/
+.card-overlay {
+ visibility: hidden !important;
+}
+
+/*Lift up cover when hovering on it*/
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ transition-property: transform, box-shadow !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ box-shadow: 0 5px 20px rgba(0,0,0,0.1);
+}
+
+.card-image-hit-area:not(.no-hover):hover .card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-hit-area-counter-scale:hover .Card__image-wrapper {
+ transform: translateY(-10px);
+ box-shadow: 0 15px 30px rgba(0,0,0,0.3);
+}
+
+.card-image-hit-area .card-button-add,
+.card-image-hit-area .card-button-play,
+.card-image-hit-area .card-button-more,
+.Card__image-hit-area .card-button-add,
+.Card__image-hit-area .card-button-play,
+.Card__image-hit-area .card-button-more,
+.Card__image-hit-area .Card__play-button,
+.Card__image-hit-area .Card__add-button,
+.Card__image-hit-area .Card__more-button,
+.Card__image-hit-area .Card__overlay {
+ transition-property: all !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ opacity: 0 !important;
+}
+.card-image-hit-area:not(.no-hover):hover .card-button-add,
+.card-image-hit-area:not(.no-hover):hover .card-button-play,
+.card-image-hit-area:not(.no-hover):hover .card-button-more,
+.Card__image-hit-area:not(.no-hover):hover .card-button-add,
+.Card__image-hit-area:not(.no-hover):hover .card-button-play,
+.Card__image-hit-area:not(.no-hover):hover .card-button-more {
+ opacity: 1 !important;
+ transform: translateY(-10px);
+}
+
+.Card__image-hit-area:hover .Card__play-button,
+.Card__image-hit-area:hover .Card__add-button,
+.Card__image-hit-area:hover .Card__more-button,
+.Card__image-hit-area:hover .Card__overlay {
+ opacity: 1 !important;
+}
+
+.glue-page-header__content .glue-page-header__image-inner {
+ border-radius: 10px;
+ box-shadow: unset !important;
+}
+
+.glue-page-header__full-description-overlay {
+ box-shadow: unset !important;
+}
+
+.card-placeholder-wrapper {
+ background: transparent !important;
+}
+
+/*Spice up search input background*/
+.SearchInput {
+ color: var(--modspotify_main_fg);
+}
+.SearchInput__input {
+ color: var(--modspotify_secondary_fg);
+ background-color: rgba(var(--modspotify_rgb_scrollbar_fg_and_selected_row_bg), 0.5) !important;
+ border-radius: 4px !important;
+ padding-left: 34px;
+}
+
+.sidebar:hover .sidebar-navbar.sidebar-scroll-element {
+ opacity: 1!important;
+}
+
+.view-player .player-controls-container,
+.view-player .player-controls-container .controls {
+ overflow: visible !important;
+}
+
+.view-player .player-controls-container .controls .button-play{
+ height:50px !important;
+ border-radius:50px !important;
+ background: transparent !important;
+ box-shadow:0 0 0 0 !important;
+ width:50px !important;
+ overflow: visible !important;
+ box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
+ transition:none 0.3s cubic-bezier(.3,0,.7,1);
+}
+
+.view-player .player-controls-container .controls .button-play:before{
+ font-size:18px !important;
+ padding-left: 16px !important;
+ padding-top: 9px !important;
+}
+
+.view-player .player-controls-container .controls .button-play:after {
+ box-shadow: unset !important;
+}
+
+.view-player .player-controls-container {
+ position: absolute !important;
+ width: 100% !important;
+}
+
+.view-player .player-controls-container .controls {
+ width: 100% !important;
+ height: 100% !important;
+ align-items: center !important;
+ margin-top : 0px !important;
+}
+
+/*
+Hide the song duration and elapsed text. I dont know where to put those so I just hide them
+*/
+.view-player .player-controls-container .progress-container .elapsed,
+.view-player .player-controls-container .progress-container .remaining {
+ display: none !important;
+}
+
+/* Add round corner for Gerne and Mood cards */
+.gc-image-container,
+.gc-image {
+ border-radius: 10px !important;
+}
+
+/*
+Collage of 3 album covers is usually seen in Browse and Chart.
+*/
+.card-puff__image-wrapper,
+.card-puff__info-container,
+.card-puff__card-image {
+ border-radius: 10px !important;
+}
+
+.card-puff__image-wrapper {
+ overflow: visible;
+}
+
+.card-puff__card-image {
+ box-shadow: 5px 0 30px rgba(0,0,0,0.7);
+ overflow: visible;
+}
+
+.card-puff__title-container {
+ background-color: transparent !important;
+}
+
+.card-puff.pressed .card-puff__image-wrapper,
+.card-puff.pressed .card-puff__info-container {
+ opacity: 0.7 !important;
+}
+
+.card-puff__title {
+ padding: 5px 10px 5px 10px !important;
+ background-color: var(--modspotify_main_bg) !important;
+ border-radius: 4px;
+ border: 2px solid var(--modspotify_main_fg);
+}
+
+/*
+We use round corner on cover so they look weird in original
+form, so I move last cover to the right 20px and first one to the left 20px
+*/
+.card-puff__card-image:nth-child(1) {
+ right: 20px;
+ box-shadow: 0 0 0 0 !important;
+}
+
+.card-puff__card-image:nth-child(3) {
+ left: 20px;
+}
+
+.grid-overlay-label {
+ top: 140px !important;
+}
+
+/**/
+.glue-page-header__background-color {
+ background-image: none !important;
+ background: var(--modspotify_main_bg);
+}
+
+/* .glue-page-header__sticky {
+ padding-top: 60px !important;
+} */
+
+/*
+Remove those title, cringy description and
+meaningless followers number
+*/
+
+.carousel .card-info-subtitle-description,
+.carousel .card-info-subtitle-metadata,
+.carousel .card:not(.card-type-station).card-info-title,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-description,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-metadata {
+ display: none !important;
+}
+
+
+/*
+In top of Browse usually has bunch of Playlist or Album cards,
+and they has .carousel as a wrapper and it hides anything that
+overflows from its zone, aka our shadow and lifting animation.
+*/
+.carousel {
+ overflow: visible !important;
+}
+
+/*
+Button with text Play
+*/
+.button.button-green,
+.GlueButton.GlueButton--style-green {
+ color: var(--modspotify_main_bg) !important;
+}
+
+/*
+Change text color in playlist
+*/
+.tl-explicit .label,
+.tl-premium .label,
+.tl-cell:not(.tl-number),
+.tl-cell a:link,
+.tl-highlight {
+ color: var(--modspotify_secondary_fg);
+}
+
+.card-type-album .card-info-title,
+.card-type-track .card-info-title,
+.card-type-collection-album .card-info-title,
+.card-type-episode .card-info-title {
+ font-size: 15px;
+ font-weight: 900 !important;
+ text-align: center !important;
+ width: 100% !important;
+}
+
+.card-type-album .card-info-subtitle-links,
+.card-type-track .card-info-subtitle-links,
+.card-type-collection-album .card-info-subtitle-links,
+.card-type-episode .card-info-subtitle-links {
+ text-align: center !important;
+ width: 100% !important;
+}
+
+.tracklist-station-container::after {
+ background: transparent !important;
+}
+
+.GlueHeader__background-overlay {
+ background: var(--modspotify_main_bg) !important;
+}
+
+/* Move navigation buttons and search field to the right and down */
+.browser-navigation-top-bar {
+ margin-left: 40px !important;
+ margin-top: 15px !important;
+}
+
+.SearchInput__input,
+.SearchInput__searchIcon,
+.SearchInput__clearButton {
+ margin-top: 15px !important;
+}
+
+.content-top-bar__profile-menu-button {
+ margin-top: 15px !important;
+}
+
+.body-container--windows:not(.with-buddy-list):not(.messagebar) .content-top-bar__profile {
+ margin-right: 110px !important;
+ margin-top: -5px;
+}
+
+/* Spice up Fullscreen mode */
+#view-player .album-art .album-art__image {
+ border-radius: 30px !important;
+ box-shadow: 0 10px 70px rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.5) !important;
+}
+
+#view-player .album-art .album-art__image .card-image-content-wrapper,
+#view-player .album-art .album-art__image .card-image-content-wrapper .card-image {
+ border-radius: 30px !important;
+}
+
+/* Daily mixes */
+.carousel .card-info-wrapper.card-info-with-description.card-info-with-metadata {
+ height: 50px !important;
+}
+
+/* Remove section divider */
+.section-divider {
+ border-bottom: 0 !important;
+}
+
+/* Adjust Position of border active tab in Nav bar at top
+and add little glowing effect
+*/
+.nav.navbar-nav {
+ overflow: hidden !important;
+}
+
+.nav.navbar-nav a {
+ overflow: visible !important;
+}
+
+.nav.navbar-nav a::after {
+ bottom: 0px !important;
+ width: 100% !important;
+}
+
+.nav.navbar-nav .active a::after{
+ box-shadow: 0 0px 20px !important;
+}
+
+.nav.navbar-nav a:focus:not(.button):active::after{
+ background-color: var(--modspotify_pressing_fg) !important;
+}
+
+/* Notification bar */
+#content-wrapper #view-message-bar {
+ position: absolute !important;
+ width: calc(100% - 160px) !important;
+ margin-left: 80px !important;
+ border-radius: 0 0 10px 10px !important;
+}
+
+/* Small cover Big cover mechanism */
+.now-playing.cover-size-transition.active.image-expanded .cover-image {
+ width: 10px !important;
+ height: 10px !important;
+}
+.now-playing.cover-size-transition.active.image-expanded .caption {
+ padding-left: 0px !important;
+}
+#view-now-playing a.image {
+ overflow: visible !important;
+}
+
+#view-now-playing.expanded {
+ width: 200px;
+ height: 200px;
+}
+
+#now-playing-image-large .cover-image {
+ height: 200px !important;
+}
+
+/* Profile arrow in top left */
+.content-top-bar__profile-menu-button .dropdown {
+ position: fixed !important;
+ top: 10px !important;
+ -webkit-app-region: no-drag !important;
+}
+
+body.body-container--windows .content-top-bar__profile-menu-button .dropdown {
+ right: 190px !important;
+}
+
+body:not(.body-container--windows) .content-top-bar__profile-menu-button .dropdown {
+ right: 20px !important;
+}
+
+/* Small tooltip */
+#tooltip {
+ box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;
+ border-radius: 5px !important;
+ border: 2px solid var(--modspotify_main_fg);
+ padding: 10px 10px;
+}
+
+.tooltip-arrow-top, .tooltip-arrow-bottom {
+ display: none !important;
+}
+
+.lyrics-lines-container,
+.message-container {
+ color: #FFFFFF !important;
+}
+
+/* Home page */
+.GlueCarousel__grid-wrapper::-webkit-scrollbar-thumb {
+ display: none;
+}
+
+.GlueCard__info-wrapper,
+.Card__info-wrapper {
+ margin-bottom: 30px;
+}
+
+.card-horizontal-interior-wrapper .card-info-title {
+ text-align: start !important;
+}
+
+.tl-row.selected:hover .tl-cell {
+ background: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.GlueTableRow--is-selected {
+ background-color: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.tracklist-podcast .tl-progress .row-progress__bar {
+ background-color: var(--modspotify_main_fg);
+}
+
+.Header__background-color{
+ background-color: var(--modspotify_main_bg) !important;
+}
+
+.Button--style-green,
+.button.button-green, .button.button-white {
+ border-radius: 4px;
+ color: var(--modspotify_main_bg) !important;
+}
+
+.glue-page-header:not(.glue-page-header--album):not(.glue-page-header--playlist):not(.glue-page-header--artist):not(.glue-page-header--dailymix):not(.glue-page-header--user):not(.glue-page-header--show)
+ .glue-page-header__content-inner .glue-page-header__title-text,
+.HomeHeader .Header__content-inner .Header__title-text-inner,
+.MadeForYouHeader .Header__content-inner .Header__title-text-inner,
+.RecentlyPlayedPage__header .Header__content-inner .Header__title-text-inner {
+ background-color: var(--modspotify_main_bg);
+ padding: 5px 20px;
+ border: 5px solid var(--modspotify_main_fg) !important;
+ border-radius: 6px;
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ text-transform: uppercase;
+}
+
+.glue-page-header.glue-page-header--album .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--artist .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--dailymix .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--playlist .glue-page-header__content-inner .glue-page-header__title {
+ margin-top: 10px;
+}
+
+span.glue-page-header__title-text {
+ color: var(--modspotify_main_fg);
+}
+
+.glue-page-header .glue-page-header__content-inner .glue-page-header__button {
+ margin-top: 40px;
+}
+
+.glue-page-header__content-inner,
+.glue-page-header__data,
+.glue-page-header__title,
+.Header__content-inner,
+.Header__data,
+.Header__title,
+.Header__title-text,
+.Header__title-text-inner {
+ overflow: visible !important;
+}
+
+/*Force player bar to has fixed height*/
+.view-player {
+ height: var(--bar-height) !important;
+ border-top: 0;
+}
+
+.view-player .now-playing {
+ overflow: unset;
+}
+
+.view-player .now-playing .cover-image-link,
+.view-player .now-playing .cover-image-link figure {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+#now-playing-image-small .cover-image {
+ position: fixed !important;
+ width: var(--bar-height);
+ height: var(--bar-height);
+ left: 0;
+ bottom: 0;
+}
+
+.view-player .now-playing .cover-image-link-wrapper {
+ flex: 0 1 calc(var(--bar-height) + 10px);
+}
+
+.text-container {
+ z-index: 3;
+}
+
+.view-player .now-playing-container .button-add {
+ color: var(--modspotify_main_fg) !important;
+}
+
+.progress-container .progress-bar,
+.progress-container .inner {
+ top: 0 !important;
+ margin-top: 0 !important;
+ height: 5px;
+}
+
+.progress-container .progress-bar-wrapper {
+ top: 0 !important;
+ height: 5px;
+}
+
+.progress-container {
+ position: fixed !important;
+ width: 100% !important;
+ bottom: var(--bar-height) !important;
+ margin : 0 !important;
+}
+
+.progress-container .inner {
+ border-radius: 0 2px 2px 0 !important;
+ background-color: var(--modspotify_main_fg) !important;
+ box-shadow: 0 2px 20px 0 var(--modspotify_main_fg);
+}
+
+.glue-page-header__p2s-details,
+.glue-page-header__p2s-followers {
+ display: none;
+}
+
+.context-menu {
+ border: 2px solid var(--modspotify_main_fg);
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ border-radius: 7px !important;
+ overflow: hidden;
+}
+
+#menu-wrapper ::-webkit-scrollbar {
+ display: none;
+}
+
+#menu-wrapper {
+ border-right: 3px solid black;
+ border-image: linear-gradient(0deg, transparent , var(--modspotify_scrollbar_fg_and_selected_row_bg) 40%, var(--modspotify_scrollbar_fg_and_selected_row_bg) 60%, transparent 90%) 2 90%;
+}
+
+.main-view-wrapper {
+ overflow: unset;
+}
+
+.Button--style-icon-stroke:after,
+.Button--style-icon-stroke:hover:after,
+.Button--style-icon-stroke,
+.glue-page-header__button .button-icon-with-stroke,
+.glue-page-header__button .button-icon-with-stroke::after {
+ box-shadow: unset;
+}
+
+.glue-page-header.glue-page-header--artist .glue-page-header__label {
+ padding-top: 10px;
+}
+
+.glue-page-header.glue-page-header--artist.has-custom-image .glue-page-header__label {
+ padding-top: 8px;
+}
+
+.glue-page-header__content .glue-page-header__label {
+ margin-left: -2px;
+ z-index: 2;
+}
+
+.glue-page-header__label span,
+.Header__label span {
+ background-color: var(--modspotify_main_fg);
+ color: var(--modspotify_main_bg);
+ padding: 2px 10px;
+}
+
+.glue-page-header__label .header-verified-check {
+ background-color: transparent;
+}
+
+body.remotebar .view-player .player-bar-wrapper {
+ height: 100%;
+}
+
+.SidebarListItem--is-active:after,
+.RootlistItem--is-active:after,
+/* For Linux */ #view-navigation-bar .item.active:after {
+ background-color: transparent;
+ background-image: linear-gradient(90deg, var(--modspotify_sidebar_indicator_and_hover_button_bg) , transparent);
+ opacity: 0.2;
+ bottom: unset;
+ top: 5%;
+ height: 90%;
+ width: 100%
+}
+
+.Header__image-inner {
+ box-shadow: unset;
+}
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Vaporwave/NewRetro.PNG b/archive/dotfiles-29-6-2022/spicetify/Themes/Vaporwave/NewRetro.PNG
new file mode 100644
index 0000000..7cf6ba6
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Vaporwave/NewRetro.PNG differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Vaporwave/README.md b/archive/dotfiles-29-6-2022/spicetify/Themes/Vaporwave/README.md
new file mode 100644
index 0000000..7847cae
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Vaporwave/README.md
@@ -0,0 +1,25 @@
+# Vaporwave
+
+## Screenshots
+
+#### NewRetro (Default)
+
+
+
+#### SeaPunk
+
+
+
+## How to install
+
+To switch between the color themes run
+
+```
+spicetify config color_scheme
+```
+
+## Credits
+
+Theme developed by [LivingWithHippos](https://github.com/LivingWithHippos/spicetify-themes)
+
+Highly inspired by [vapoRwave](https://github.com/moldach/vapoRwave)
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Vaporwave/SeaPunk.PNG b/archive/dotfiles-29-6-2022/spicetify/Themes/Vaporwave/SeaPunk.PNG
new file mode 100644
index 0000000..9fa792c
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/Vaporwave/SeaPunk.PNG differ
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Vaporwave/color.ini b/archive/dotfiles-29-6-2022/spicetify/Themes/Vaporwave/color.ini
new file mode 100644
index 0000000..833f35d
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Vaporwave/color.ini
@@ -0,0 +1,41 @@
+[NewRetro]
+
+main_fg = FF0076
+secondary_fg = FF4373
+main_bg = 0F0D1A
+sidebar_and_player_bg = 4A354F
+cover_overlay_and_shadow = FF4373
+indicator_fg_and_button_bg = FF6B58
+pressing_fg = 903495
+slider_bg = 6F3460
+sidebar_indicator_and_hover_button_bg = FF6B58
+scrollbar_fg_and_selected_row_bg = 6F3460
+pressing_button_fg = FF6B58
+pressing_button_bg = 6F3460
+selected_button = FF6B58
+miscellaneous_bg = 6F3460
+miscellaneous_hover_bg = FFFFFF
+preserve_1 = FFFFFF
+
+[SeaPunk]
+;main text color, titles, rows and buttons text
+main_fg = ff7ddb
+;secondary text color
+secondary_fg = C774E8
+;left bar, bottom player and selected row background
+main_bg = F7F5C4
+;main background
+sidebar_and_player_bg = 74FFDE
+cover_overlay_and_shadow = 333333
+;button background and selected text color
+indicator_fg_and_button_bg = c4c5f7
+pressing_fg = ff0040
+slider_bg = fcdde5
+sidebar_indicator_and_hover_button_bg = e05c74
+scrollbar_fg_and_selected_row_bg = 37ffd2
+pressing_button_fg = e05c74
+pressing_button_bg = fcdde5
+selected_button = ea8f9e
+miscellaneous_bg = fcdde5
+miscellaneous_hover_bg = FFFFFF
+preserve_1 = FFFFFF
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/Vaporwave/user.css b/archive/dotfiles-29-6-2022/spicetify/Themes/Vaporwave/user.css
new file mode 100644
index 0000000..f2d47f9
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/Vaporwave/user.css
@@ -0,0 +1,18 @@
+/*Thinner scrollbar*/
+::-webkit-scrollbar {
+ height: 6px !important;
+ width: 0px !important;
+ background-color: transparent;
+}
+
+/*Hide upgrade button */
+
+.upgrade-button {
+ display: none !important;
+}
+
+/*Exclude these elements from draggable property because it stops them from clickable*/
+
+.profile-items-container, .profile {
+ -webkit-app-region: no-drag !important;
+}
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/WintergatanBlueprint/README.md b/archive/dotfiles-29-6-2022/spicetify/Themes/WintergatanBlueprint/README.md
new file mode 100644
index 0000000..efb9223
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/WintergatanBlueprint/README.md
@@ -0,0 +1,9 @@
+# WintergatanBlueprint
+
+## Screenshots
+
+
+
+## More
+
+Source: https://github.com/DoubleJarvis/SpicetifyThemes
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/WintergatanBlueprint/color.ini b/archive/dotfiles-29-6-2022/spicetify/Themes/WintergatanBlueprint/color.ini
new file mode 100644
index 0000000..fa43950
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/WintergatanBlueprint/color.ini
@@ -0,0 +1,17 @@
+[Base]
+main_fg = FFFFFF
+secondary_fg = FEFEFE
+main_bg = 22669C
+sidebar_and_player_bg = 22669C
+cover_overlay_and_shadow = FFFFFF
+indicator_fg_and_button_bg = F4E7EA
+pressing_fg = FFCEDA
+slider_bg = 12568C
+sidebar_indicator_and_hover_button_bg = F4E7EA
+scrollbar_fg_and_selected_row_bg = 12568C
+pressing_button_fg = DEDEDE
+pressing_button_bg = F4E7EA
+selected_button = F4E7EA
+miscellaneous_bg = ecd3da
+miscellaneous_hover_bg = ECD3DA
+preserve_1 = 12568C
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/WintergatanBlueprint/user.css b/archive/dotfiles-29-6-2022/spicetify/Themes/WintergatanBlueprint/user.css
new file mode 100644
index 0000000..6be183f
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/WintergatanBlueprint/user.css
@@ -0,0 +1,658 @@
+:root {
+ --bar-height: 120px;
+}
+
+* {
+ font-family: Ubuntu;
+}
+
+table {
+ border: 1px dashed white !important;
+}
+
+.album-playlist {
+}
+
+/*Round corner cover image*/
+.card-image,
+.card-placeholder-wrapper,
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ border-radius: 10px !important;
+ overflow: hidden !important
+}
+
+/*Hide some annoying elements like profile name and pic, upgrade button and device connect bar at bottom, new playlist button*/
+.profile.content-top-bar__profile-link,
+.upgrade-button,
+.view-player .remote-playback-bar,
+.NewPlaylistButton {
+ display: none !important;
+}
+
+
+/*Exclude these elements from draggable property because it stops them from clickable*/
+.profile-items-container,
+.profile {
+ -webkit-app-region: no-drag !important;
+}
+
+/*Thinner scrollbar*/
+::-webkit-scrollbar {
+ height: 6px !important;
+ width: 6px !important;
+ background-color: transparent;
+}
+
+/*Round corner scrollbar*/
+::-webkit-scrollbar-thumb {
+ border-radius: 3px !important;
+}
+
+/*Hide top and bottom buttons of scrollbar */
+/*who uses those, lol*/
+::-webkit-scrollbar-button {
+ display: none !important;
+}
+
+/*Hide cover image overlay*/
+.card-overlay {
+ visibility: hidden !important;
+}
+
+/*Lift up cover when hovering on it*/
+.card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-wrapper {
+ transition-property: transform, box-shadow !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ box-shadow: 0 5px 20px rgba(0,0,0,0.1);
+}
+
+.card-image-hit-area:not(.no-hover):hover .card-image-content-wrapper,
+.Card:not(.Card--artist) .Card__image-hit-area-counter-scale:hover .Card__image-wrapper {
+ transform: translateY(-10px);
+ box-shadow: 0 15px 30px rgba(0,0,0,0.3);
+}
+
+.card-image-hit-area .card-button-add,
+.card-image-hit-area .card-button-play,
+.card-image-hit-area .card-button-more,
+.Card__image-hit-area .card-button-add,
+.Card__image-hit-area .card-button-play,
+.Card__image-hit-area .card-button-more,
+.Card__image-hit-area .Card__play-button,
+.Card__image-hit-area .Card__add-button,
+.Card__image-hit-area .Card__more-button,
+.Card__image-hit-area .Card__overlay {
+ transition-property: all !important;
+ transition-duration: 1s !important;
+ transition-timing-function: cubic-bezier(.3,0,0,1) !important;
+ opacity: 0 !important;
+}
+.card-image-hit-area:not(.no-hover):hover .card-button-add,
+.card-image-hit-area:not(.no-hover):hover .card-button-play,
+.card-image-hit-area:not(.no-hover):hover .card-button-more,
+.Card__image-hit-area:not(.no-hover):hover .card-button-add,
+.Card__image-hit-area:not(.no-hover):hover .card-button-play,
+.Card__image-hit-area:not(.no-hover):hover .card-button-more {
+ opacity: 1 !important;
+ transform: translateY(-10px);
+}
+
+.Card__image-hit-area:hover .Card__play-button,
+.Card__image-hit-area:hover .Card__add-button,
+.Card__image-hit-area:hover .Card__more-button,
+.Card__image-hit-area:hover .Card__overlay {
+ opacity: 1 !important;
+}
+
+.glue-page-header__content .glue-page-header__image-inner {
+ border-radius: 10px;
+ box-shadow: unset !important;
+}
+
+.glue-page-header__full-description-overlay {
+ box-shadow: unset !important;
+}
+
+.card-placeholder-wrapper {
+ background: transparent !important;
+}
+
+/*Spice up search input background*/
+.SearchInput {
+ color: var(--modspotify_main_fg);
+}
+.SearchInput__input {
+ color: var(--modspotify_secondary_fg);
+ background-color: rgba(var(--modspotify_rgb_scrollbar_fg_and_selected_row_bg), 0.5) !important;
+ border-radius: 4px !important;
+ padding-left: 34px;
+}
+
+.sidebar:hover .sidebar-navbar.sidebar-scroll-element {
+ opacity: 1!important;
+}
+
+.view-player .player-controls-container,
+.view-player .player-controls-container .controls {
+ overflow: visible !important;
+}
+
+.view-player .player-controls-container .controls .button-play{
+ height:50px !important;
+ border-radius:50px !important;
+ background: transparent !important;
+ box-shadow:0 0 0 0 !important;
+ width:50px !important;
+ overflow: visible !important;
+ box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
+ transition:none 0.3s cubic-bezier(.3,0,.7,1);
+}
+
+.view-player .player-controls-container .controls .button-play:before{
+ font-size:18px !important;
+ padding-left: 16px !important;
+ padding-top: 9px !important;
+}
+
+.view-player .player-controls-container .controls .button-play:after {
+ box-shadow: unset !important;
+}
+
+.view-player .player-controls-container {
+ position: absolute !important;
+ width: 100% !important;
+}
+
+.view-player .player-controls-container .controls {
+ width: 100% !important;
+ height: 100% !important;
+ align-items: center !important;
+ margin-top : 0px !important;
+}
+
+/*
+Hide the song duration and elapsed text. I dont know where to put those so I just hide them
+*/
+.view-player .player-controls-container .progress-container .elapsed,
+.view-player .player-controls-container .progress-container .remaining {
+ display: none !important;
+}
+
+/* Add round corner for Gerne and Mood cards */
+.gc-image-container,
+.gc-image {
+ border-radius: 10px !important;
+}
+
+/*
+Collage of 3 album covers is usually seen in Browse and Chart.
+*/
+.card-puff__image-wrapper,
+.card-puff__info-container,
+.card-puff__card-image {
+ border-radius: 10px !important;
+}
+
+.card-puff__image-wrapper {
+ overflow: visible;
+}
+
+.card-puff__card-image {
+ box-shadow: 5px 0 30px rgba(0,0,0,0.7);
+ overflow: visible;
+}
+
+.card-puff__title-container {
+ background-color: transparent !important;
+}
+
+.card-puff.pressed .card-puff__image-wrapper,
+.card-puff.pressed .card-puff__info-container {
+ opacity: 0.7 !important;
+}
+
+.card-puff__title {
+ padding: 5px 10px 5px 10px !important;
+ background-color: var(--modspotify_main_bg) !important;
+ border-radius: 4px;
+ border: 2px solid var(--modspotify_main_fg);
+}
+
+/*
+We use round corner on cover so they look weird in original
+form, so I move last cover to the right 20px and first one to the left 20px
+*/
+.card-puff__card-image:nth-child(1) {
+ right: 20px;
+ box-shadow: 0 0 0 0 !important;
+}
+
+.card-puff__card-image:nth-child(3) {
+ left: 20px;
+}
+
+.grid-overlay-label {
+ top: 140px !important;
+}
+
+/**/
+.glue-page-header__background-color {
+ background-image: none !important;
+ background: var(--modspotify_main_bg);
+}
+
+/* .glue-page-header__sticky {
+ padding-top: 60px !important;
+} */
+
+/*
+Remove those title, cringy description and
+meaningless followers number
+*/
+
+.carousel .card-info-subtitle-description,
+.carousel .card-info-subtitle-metadata,
+.carousel .card:not(.card-type-station).card-info-title,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-description,
+.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-metadata {
+ display: none !important;
+}
+
+
+/*
+In top of Browse usually has bunch of Playlist or Album cards,
+and they has .carousel as a wrapper and it hides anything that
+overflows from its zone, aka our shadow and lifting animation.
+*/
+.carousel {
+ overflow: visible !important;
+}
+
+/*
+Button with text Play
+*/
+.button.button-green,
+.GlueButton.GlueButton--style-green {
+ color: var(--modspotify_main_bg) !important;
+}
+
+/*
+Change text color in playlist
+*/
+.tl-explicit .label,
+.tl-premium .label,
+.tl-cell:not(.tl-number),
+.tl-cell a:link,
+.tl-highlight {
+ color: var(--modspotify_secondary_fg);
+}
+
+.card-type-album .card-info-title,
+.card-type-track .card-info-title,
+.card-type-collection-album .card-info-title,
+.card-type-episode .card-info-title {
+ font-size: 15px;
+ font-weight: 900 !important;
+ text-align: center !important;
+ width: 100% !important;
+}
+
+.card-type-album .card-info-subtitle-links,
+.card-type-track .card-info-subtitle-links,
+.card-type-collection-album .card-info-subtitle-links,
+.card-type-episode .card-info-subtitle-links {
+ text-align: center !important;
+ width: 100% !important;
+}
+
+.tracklist-station-container::after {
+ background: transparent !important;
+}
+
+.GlueHeader__background-overlay {
+ background: var(--modspotify_main_bg) !important;
+}
+
+/* Move navigation buttons and search field to the right and down */
+.browser-navigation-top-bar {
+ margin-left: 40px !important;
+ margin-top: 15px !important;
+}
+
+.SearchInput__input,
+.SearchInput__searchIcon,
+.SearchInput__clearButton {
+ margin-top: 15px !important;
+}
+
+.content-top-bar__profile-menu-button {
+ margin-top: 15px !important;
+}
+
+.body-container--windows:not(.with-buddy-list):not(.messagebar) .content-top-bar__profile {
+ margin-right: 110px !important;
+ margin-top: -5px;
+}
+
+/* Spice up Fullscreen mode */
+#view-player .album-art .album-art__image {
+ border-radius: 30px !important;
+ box-shadow: 0 10px 70px rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.5) !important;
+}
+
+#view-player .album-art .album-art__image .card-image-content-wrapper,
+#view-player .album-art .album-art__image .card-image-content-wrapper .card-image {
+ border-radius: 30px !important;
+}
+
+/* Daily mixes */
+.carousel .card-info-wrapper.card-info-with-description.card-info-with-metadata {
+ height: 50px !important;
+}
+
+/* Remove section divider */
+.section-divider {
+ border-bottom: 0 !important;
+}
+
+/* Adjust Position of border active tab in Nav bar at top
+and add little glowing effect
+*/
+.nav.navbar-nav {
+ overflow: hidden !important;
+}
+
+.nav.navbar-nav a {
+ overflow: visible !important;
+}
+
+.nav.navbar-nav a::after {
+ bottom: 0px !important;
+ width: 100% !important;
+}
+
+.nav.navbar-nav .active a::after{
+ box-shadow: 0 0px 20px !important;
+}
+
+.nav.navbar-nav a:focus:not(.button):active::after{
+ background-color: var(--modspotify_pressing_fg) !important;
+}
+
+/* Notification bar */
+#content-wrapper #view-message-bar {
+ position: absolute !important;
+ width: calc(100% - 160px) !important;
+ margin-left: 80px !important;
+ border-radius: 0 0 10px 10px !important;
+}
+
+/* Small cover Big cover mechanism */
+.now-playing.cover-size-transition.active.image-expanded .cover-image {
+ width: 10px !important;
+ height: 10px !important;
+}
+.now-playing.cover-size-transition.active.image-expanded .caption {
+ padding-left: 0px !important;
+}
+#view-now-playing a.image {
+ overflow: visible !important;
+}
+
+#view-now-playing.expanded {
+ width: 200px;
+ height: 200px;
+}
+
+#now-playing-image-large .cover-image {
+ height: 200px !important;
+}
+
+/* Profile arrow in top left */
+.content-top-bar__profile-menu-button .dropdown {
+ position: fixed !important;
+ top: 10px !important;
+ -webkit-app-region: no-drag !important;
+}
+
+body.body-container--windows .content-top-bar__profile-menu-button .dropdown {
+ right: 190px !important;
+}
+
+body:not(.body-container--windows) .content-top-bar__profile-menu-button .dropdown {
+ right: 20px !important;
+}
+
+/* Small tooltip */
+#tooltip {
+ box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;
+ border-radius: 5px !important;
+ border: 2px solid var(--modspotify_main_fg);
+ padding: 10px 10px;
+}
+
+.tooltip-arrow-top, .tooltip-arrow-bottom {
+ display: none !important;
+}
+
+.lyrics-lines-container,
+.message-container {
+ color: #FFFFFF !important;
+}
+
+/* Home page */
+.GlueCarousel__grid-wrapper::-webkit-scrollbar-thumb {
+ display: none;
+}
+
+.GlueCard__info-wrapper,
+.Card__info-wrapper {
+ margin-bottom: 30px;
+}
+
+.card-horizontal-interior-wrapper .card-info-title {
+ text-align: start !important;
+}
+
+.tl-row.selected:hover .tl-cell {
+ background: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.GlueTableRow--is-selected {
+ background-color: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important;
+}
+
+.tracklist-podcast .tl-progress .row-progress__bar {
+ background-color: var(--modspotify_main_fg);
+}
+
+.Header__background-color{
+ background-color: var(--modspotify_main_bg) !important;
+}
+
+.Button--style-green,
+.button.button-green, .button.button-white {
+ border-radius: 4px;
+ color: var(--modspotify_main_bg) !important;
+}
+
+.glue-page-header:not(.glue-page-header--album):not(.glue-page-header--playlist):not(.glue-page-header--artist):not(.glue-page-header--dailymix):not(.glue-page-header--user):not(.glue-page-header--show)
+ .glue-page-header__content-inner .glue-page-header__title-text,
+.HomeHeader .Header__content-inner .Header__title-text-inner,
+.MadeForYouHeader .Header__content-inner .Header__title-text-inner,
+.RecentlyPlayedPage__header .Header__content-inner .Header__title-text-inner {
+ background-color: var(--modspotify_main_bg);
+ padding: 5px 20px;
+ border: 5px solid var(--modspotify_main_fg) !important;
+ border-radius: 6px;
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ text-transform: uppercase;
+}
+
+.glue-page-header.glue-page-header--album .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--artist .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--dailymix .glue-page-header__content-inner .glue-page-header__title,
+.glue-page-header.glue-page-header--playlist .glue-page-header__content-inner .glue-page-header__title {
+ margin-top: 10px;
+}
+
+span.glue-page-header__title-text {
+ color: var(--modspotify_main_fg);
+}
+
+.glue-page-header .glue-page-header__content-inner .glue-page-header__button {
+ margin-top: 40px;
+}
+
+.glue-page-header__content-inner,
+.glue-page-header__data,
+.glue-page-header__title,
+.Header__content-inner,
+.Header__data,
+.Header__title,
+.Header__title-text,
+.Header__title-text-inner {
+ overflow: visible !important;
+}
+
+/*Force player bar to has fixed height*/
+.view-player {
+ height: var(--bar-height) !important;
+ border-top: 0;
+}
+
+.view-player .now-playing {
+ overflow: unset;
+}
+
+.view-player .now-playing .cover-image-link,
+.view-player .now-playing .cover-image-link figure {
+ width: var(--bar-height);
+ height: var(--bar-height);
+}
+
+#now-playing-image-small .cover-image {
+ position: fixed !important;
+ width: var(--bar-height);
+ height: var(--bar-height);
+ left: 0;
+ bottom: 0;
+}
+
+.view-player .now-playing .cover-image-link-wrapper {
+ flex: 0 1 calc(var(--bar-height) + 10px);
+}
+
+.text-container {
+ z-index: 3;
+}
+
+.view-player .now-playing-container .button-add {
+ color: var(--modspotify_main_fg) !important;
+}
+
+.progress-container .progress-bar,
+.progress-container .inner {
+ top: 0 !important;
+ margin-top: 0 !important;
+ height: 5px;
+}
+
+.progress-container .progress-bar-wrapper {
+ top: 0 !important;
+ height: 5px;
+}
+
+.progress-container {
+ position: fixed !important;
+ width: 100% !important;
+ bottom: var(--bar-height) !important;
+ margin : 0 !important;
+}
+
+.progress-container .inner {
+ border-radius: 0 2px 2px 0 !important;
+ background-color: var(--modspotify_main_fg) !important;
+ box-shadow: 0 2px 2px 0 var(--modspotify_main_fg);
+}
+
+.glue-page-header__p2s-details,
+.glue-page-header__p2s-followers {
+ display: none;
+}
+
+.context-menu {
+ border: 2px solid var(--modspotify_main_fg);
+ box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2);
+ border-radius: 7px !important;
+ overflow: hidden;
+}
+
+#menu-wrapper ::-webkit-scrollbar {
+ display: none;
+}
+
+#menu-wrapper {
+ border-right: 3px solid black;
+ border-image: linear-gradient(0deg, transparent , var(--modspotify_scrollbar_fg_and_selected_row_bg) 40%, var(--modspotify_scrollbar_fg_and_selected_row_bg) 60%, transparent 90%) 2 90%;
+}
+
+.main-view-wrapper {
+ overflow: unset;
+}
+
+.Button--style-icon-stroke:after,
+.Button--style-icon-stroke:hover:after,
+.Button--style-icon-stroke,
+.glue-page-header__button .button-icon-with-stroke,
+.glue-page-header__button .button-icon-with-stroke::after {
+ box-shadow: unset;
+}
+
+.glue-page-header.glue-page-header--artist .glue-page-header__label {
+ padding-top: 10px;
+}
+
+.glue-page-header.glue-page-header--artist.has-custom-image .glue-page-header__label {
+ padding-top: 8px;
+}
+
+.glue-page-header__content .glue-page-header__label {
+ margin-left: -2px;
+ z-index: 2;
+}
+
+.glue-page-header__label span,
+.Header__label span {
+ background-color: var(--modspotify_main_fg);
+ color: var(--modspotify_main_bg);
+ padding: 2px 10px;
+}
+
+.glue-page-header__label .header-verified-check {
+ background-color: transparent;
+}
+
+body.remotebar .view-player .player-bar-wrapper {
+ height: 100%;
+}
+
+.SidebarListItem--is-active:after,
+.RootlistItem--is-active:after,
+/* For Linux */ #view-navigation-bar .item.active:after {
+ background-color: transparent;
+ background-image: linear-gradient(90deg, var(--modspotify_sidebar_indicator_and_hover_button_bg) , transparent);
+ opacity: 0.2;
+ bottom: unset;
+ top: 5%;
+ height: 90%;
+ width: 100%
+}
+
+.Header__image-inner {
+ box-shadow: unset;
+}
\ No newline at end of file
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/YoutubeDark/README.md b/archive/dotfiles-29-6-2022/spicetify/Themes/YoutubeDark/README.md
new file mode 100644
index 0000000..50ad485
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/YoutubeDark/README.md
@@ -0,0 +1,9 @@
+# YoutubeDark
+
+## Screenshots
+
+
+
+## More
+Based on the YouTube dark theme.
+https://ec965.github.io/
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/YoutubeDark/color.ini b/archive/dotfiles-29-6-2022/spicetify/Themes/YoutubeDark/color.ini
new file mode 100644
index 0000000..d0182c9
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/YoutubeDark/color.ini
@@ -0,0 +1,17 @@
+[Base]
+main_fg = FFFFFF
+secondary_fg = AAAAAA
+main_bg = 181818
+sidebar_and_player_bg = 212121
+cover_overlay_and_shadow = 212121
+indicator_fg_and_button_bg = FF0000
+pressing_fg = 6F6F6F
+slider_bg = 535353s
+sidebar_indicator_and_hover_button_bg = 383838
+scrollbar_fg_and_selected_row_bg = 4d4d4d
+pressing_button_fg = FFFFFF
+pressing_button_bg = 6E6E6E
+selected_button = a6a6a6
+miscellaneous_bg = FF0000
+miscellaneous_hover_bg = 6E6E6E
+preserve_1 = a6a6a6
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/YoutubeDark/user.css b/archive/dotfiles-29-6-2022/spicetify/Themes/YoutubeDark/user.css
new file mode 100644
index 0000000..402b0e1
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/spicetify/Themes/YoutubeDark/user.css
@@ -0,0 +1,77 @@
+:root {
+ --like-color: #3EA6FF;
+ }
+
+/*hide the left side new playlist button*/
+.LeftSidebarNewPlaylistButton__button {
+ display: none !important;
+}
+
+/*search bar edits*/
+.SearchInput__input {
+ color: var(--modspotify_secondary_fg) !important;
+ background-color: var(--modspotify_main_bg) !important;
+ border-style: solid !important;
+ border-width: 1px !important;
+ border-radius: 0 !important;
+ border-color: var(--modspotify_sidebar_and_player_bg) !important;
+}
+
+.SearchInput__searchIcon{
+ color: var(--modspotify_secondary_fg) !important;
+}
+
+.content-top-bar__search-input{
+ max-width: unset!important;
+ height: auto !important;
+}
+
+/*change header colors*/
+.GlueHeader__background-color{
+ border-color: var(--modspotify_sidebar_and_player_bg) !important;
+ background-color: var(--modspotify_sidebar_and_player_bg) !important;
+ background-image: unset !important;
+}
+
+.Header__background-color{
+ border-color: var(--modspotify_sidebar_and_player_bg) !important;
+ background-color: var(--modspotify_sidebar_and_player_bg) !important;
+ background-image: unset !important;
+}
+
+/*scrubbing bar ball thingy*/
+.handle{
+ background: var(--modspotify_indicator_fg_and_button_bg) !important;
+ border: 3px solid var(--modspotify_indicator_fg_and_button_bg) !important;
+}
+
+.progress-bar-wrapper.progress-bar-wrapper--ltr.handle{
+ background: unset !important;
+ border: unset !important;
+}
+
+/*side bar*/
+.SidebarListItem--is-active,
+.RootlistItem--is-active {
+ background: var(--modspotify_sidebar_indicator_and_hover_button_bg) !important;
+}
+
+/*like heart thingy in bottom player*/
+.nowplaying-add-button .button .button-icon-only .button-add,
+.nowplaying-ban-button .button .button-icon-only .button-ban .spoticon-ban-16{
+ color: var(--like-color)!important;
+}
+
+/*like heart in playlist*/
+button.button-icon-only.button-add,
+.spoticon-heart-16,
+.spoticon-heart-active-16,
+.spoticon-heart-active-32,
+.spoticon-heart-32{
+ color: var(--like-color)!important;
+}
+
+/*highlighted playlist text color*/
+.tl-row.current .tl-cell:not(.tl-number), .tl-row.current .tl-cell a:link, .tl-row.current .tl-highlight {
+ color: #cccccc;
+}
diff --git a/archive/dotfiles-29-6-2022/spicetify/Themes/YoutubeDark/ytdark.png b/archive/dotfiles-29-6-2022/spicetify/Themes/YoutubeDark/ytdark.png
new file mode 100644
index 0000000..61c9dc7
Binary files /dev/null and b/archive/dotfiles-29-6-2022/spicetify/Themes/YoutubeDark/ytdark.png differ
diff --git a/archive/dotfiles-29-6-2022/sxhkd/sxhkdrc b/archive/dotfiles-29-6-2022/sxhkd/sxhkdrc
new file mode 100644
index 0000000..5003bba
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/sxhkd/sxhkdrc
@@ -0,0 +1,262 @@
+#
+# CUSTOM hotkeys
+#
+
+# --------- SXHKD (SHORTCUTS MANAGER) ---------
+
+# sxhkd reload keybindings:
+super + Escape
+ pkill -USR1 -x sxhkd
+
+
+# --------- GENERAL APPS ---------
+
+# terminal emulator
+super + Return
+ kitty -e zsh -c "~/.config/neofetch/launch-neofetch.sh ; zsh"
+
+# filemanager
+super + e
+ nautilus
+
+# launch/restart polybar
+ctrl + alt + p
+ ~/.config/polybar/scripts/launch-polybar.sh
+
+# rofi
+super + d
+ rofi -modi drun -show drun -width 5
+
+
+# --------- FUNCTIONALITIES ---------
+
+# pacman update
+super + u
+ bspc rule -a \* -o state=floating && kitty -e $SHELL -c "figlet update... && sudo pacman -Syu"
+
+# get window's class name
+super + alt + c
+ notify-send "$(xprop | grep 'CLASS')"
+
+
+# --------- RANGER (TERMINAL FILE MANAGER) ---------
+
+# ranger screenshots
+shift + super + i
+ kitty -e ranger /home/lenovo/Pictures/Screenshots
+
+# ranger downloads
+shift + super + d
+ kitty -e ranger /home/lenovo/Downloads
+
+# ranger wallpapers
+shift + super + w
+ kitty -e ranger /home/lenovo/.wallpapers
+
+# ranger programming
+shift + super + p
+ kitty -e ranger /home/lenovo/Dropbox/Programming
+
+# nitrogen
+ctrl + alt + w
+ bspc rule -a \* -o state=floating && nitrogen
+
+# ranger
+shift + super + r
+ kitty -e ranger
+
+# browser
+ctrl + alt + f
+ firefox file:///home/$USER/.config/startpage/index.html
+
+# idea
+ctrl + alt + i
+ /home/lenovo/software/idea-IC-201.7846.76/bin/idea.sh
+
+# code
+ctrl + alt + c
+ code
+
+# spotify
+#ctrl + alt + s
+# bspc desktop -f '^8' --follow ; spotify
+
+
+# --------- SCREENSHOTS ---------
+
+# screenshot (entire screen)
+Print
+ scrot $HOME/Pictures/Screenshots/screenshot-$(date +%F_%T).png -e 'xclip -selection c -t image/png < $f'
+
+# screenshot (window)
+super + Print
+ scrot -u $HOME/Pictures/Screenshots/screenshot-$(date +%F_%T).png -e 'xclip -selection c -t image/png < $f'
+
+# screenshot (region)
+super + shift + S
+ import /tmp/screenshot.png && cat /tmp/screenshot.png | xclip -sel clip -t image/png
+
+# system shutdown
+super + alt + t
+ ~/.config/polybar/scripts/theme-swap.sh
+
+
+# --------- PULSEMIXER (AUDIO MANAGER) ---------
+
+# open pulsemixer
+ctrl + alt + v
+ bspc rule -a \* -o state=floating ; pavucontrol # kitty -e /bin/zsh -c pulsemixer
+
+# pulsemixer volume UP (+5)
+super + F8
+ pulsemixer --change-volume +5
+
+# pulsemixer volume DOWN (-5)
+super + F7
+ pulsemixer --change-volume -5
+
+# pulsemixer volume MUTE (0)
+super + F5
+ pulsemixer --toggle-mute
+
+
+# --------- DUNST (NOTIFICATION MANAGER) ---------
+
+# close all notifications
+super + space
+ dunstctl close-all
+
+# notifications history
+super + shift + Escape
+ dunstctl history-pop
+
+
+# ----------------------- BSPWM HOTKEYS -----------------------
+
+# system shutdown
+super + alt + s
+ systemctl poweroff
+
+# system restart
+super + alt + r
+ reboot
+
+# quit/restart bspwm
+super + alt + {q,r}
+ bspc {quit,wm -r}
+
+# close and kill
+super + q
+ bspc node -c
+
+# alternate between the tiled and monocle layout
+super + m
+ bspc desktop -l next
+
+# send the newest marked node to the newest preselected node
+super + y
+ bspc node newest.marked.local -n newest.!automatic.local
+
+# swap the current node and the biggest node
+#super + g
+ #bspc node -s biggest
+
+#
+# state/flags
+#
+
+# set the window state
+super + {t,shift + t,s,f}
+ bspc node -t {tiled,pseudo_tiled,floating,fullscreen}
+
+# set the node flags
+super + ctrl + {m,x,y,z}
+bspc node -g {marked,locked,sticky,private}
+
+#
+# focus/swap
+#
+
+# focus the node in the given direction
+super + {_,shift + }{Left,Down,Up,Right}
+ bspc node -{f,s} {west,south,north,east}
+
+super + {_,shift + }{h,j,k,l}
+ bspc node -{f,s} {west,south,north,east}
+
+# focus the node for the given path jump
+super + {p,b,comma,period}
+ bspc node -f @{parent,brother,first,second}
+
+# focus the next/previous node in the current desktop
+super + {_,shift + }c
+ bspc node -f {next,prev}.local
+
+# focus the next/previous desktop in the current monitor
+super + bracket{left,right}
+ bspc desktop -f {prev,next}.local
+
+# focus the last node/desktop
+super + {grave,Tab}
+ bspc {node,desktop} -f last || zsh -c "last-workspace.sh"
+
+# focus the older or newer node in the focus history
+super + {o,i}
+ bspc wm -h off; \
+ bspc node {older,newer} -f; \
+ bspc wm -h on
+
+# focus or send to the given desktop
+super + {_,shift + }{1-9,0}
+ bspc {desktop -f,node -d} '^{1-9,10}' --follow
+
+
+ctrl + alt + {Left,Right}
+ bspc node -d {prev,next} -f
+
+ctrl + alt + {h,l}
+ bspc node -d {prev,next} -f
+#
+#
+# preselect
+#
+
+# preselect the direction
+#super + ctrl + {Left,Down,Up,Right}
+ #bspc node -p {west,south,north,east}
+
+#super + ctrl + {h,j,k,l}
+ #bspc node -p {west,south,north,east}
+
+# preselect the ratio
+#super + ctrl + {1-9}
+ #bspc node -o 0.{1-9}
+
+# cancel the preselection for the focused node
+#super + ctrl + space
+ #bspc node -p cancel
+
+# cancel the preselection for the focused desktop
+#super + ctrl + shift + space
+ #bspc query -N -d | xargs -I id -n 1 bspc node id -p cancel
+
+#
+# move/resize
+#
+
+# expand a window by moving one of its side outward
+super + alt + {Left,Down,Up,Right}
+ bspc node -z {left -20 0,bottom 0 20,top 0 -20,right 20 0}
+
+# contract a window by moving one of its side inward
+super + alt + shift + {Left,Down,Up,Right}
+ bspc node -z {right -20 0,top 0 20,bottom 0 -20,left 20 0}
+
+# move a floating window
+super + {Left,Down,Up,Right}
+ bspc node -v {-20 0,0 20,0 -20,20 0}
+
+#super + shift + g : {plus,minus}
+ #bspc config window_gap $(( $(bspc config window_gap) {+,-} 5 ))
+
+
diff --git a/archive/dotfiles-29-6-2022/sxhkd/sxhkdrc.openbox b/archive/dotfiles-29-6-2022/sxhkd/sxhkdrc.openbox
new file mode 100644
index 0000000..2f6afe7
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/sxhkd/sxhkdrc.openbox
@@ -0,0 +1,102 @@
+#
+# CUSTOM hotkeys
+#
+
+# terminal emulator
+ctrl + alt + t
+ alacritty -e /bin/fish -C neofetch
+
+# dolphin
+super + e
+ thunar
+
+# mutt gmail
+ctrl + alt + g
+ alacritty -e /bin/fish -C neomutt
+
+# open downloads folder
+super + d
+ thunar ~/Downloads
+
+# ranger screenshots
+shift + super + s
+ alacritty -e ranger /home/lenovo/Pictures/Screenshots
+
+# ranger downloads
+shift + super + d
+ alacritty -e ranger /home/lenovo/Downloads
+
+# ranger
+ctrl + alt + n
+ alacritty -e ranger
+
+# chromium
+ctrl + alt + f
+ google-chrome-stable
+
+# idea
+ctrl + alt + i
+ /home/lenovo/software/idea-IC-201.7846.76/bin/idea.sh
+
+# code
+ctrl + alt + c
+ code
+
+# spectacle (all)
+Print
+ spectacle
+
+# spectacle (window)
+super + Print
+ spectacle -a
+
+# spectacle (region)
+super + shift + Print
+ spectacle -r
+
+# rofi
+super + Return
+ rofi -font "Iosevka Bold 11" -show drun -show-icons -width 25 -lines 11
+
+# rofi-usb unmount
+super + u
+ sudo ~/.local/usb-rofi/usb_mgr -u
+
+# make sxhkd reload its configuration files:
+super + Escape
+ pkill -USR1 -x sxhkd
+
+# spotify
+#ctrl + alt + s
+# bspc desktop -f '^8' --follow ; spotify
+
+# AUDIO (pulsemixer)
+# pulsemixer
+ctrl + alt + v
+ alacritty -e /bin/fish -C "pulsemixer"
+
+# pulsemixer volume UP (+5)
+super + F8
+ pulsemixer --change-volume +5
+
+# pulsemixer volume DOWN (-5)
+super + F7
+ pulsemixer --change-volume -5
+
+# pulsemixer volume MUTE (0)
+super + F5
+ pulsemixer --toggle-mute
+
+# system shutdown
+super + alt + s
+ systemctl poweroff
+
+# system restart
+super + alt + r
+ reboot
+
+# quit openbox
+super + alt + q
+ openbox --exit
+# ------------------------------------------------------------------------
+# gpg --keyserver keys.gnupg.net --recv-keys 1D1F0DC78F173680
diff --git a/archive/dotfiles-29-6-2022/tint2/executor/network.sh b/archive/dotfiles-29-6-2022/tint2/executor/network.sh
new file mode 100755
index 0000000..6aa627a
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/tint2/executor/network.sh
@@ -0,0 +1,72 @@
+#!/usr/bin/env sh
+
+# Get network status for tint2 panel.
+# https://github.com/owl4ce/dotfiles
+
+# SPDX-License-Identifier: ISC
+
+# shellcheck disable=SC2166,SC2016
+
+export LANG='POSIX'
+exec 2>/dev/null
+. "${HOME}/.joyfuld"
+
+# Ensure `wireless-tools` and/or `iproute2` already installed for safety and performance reasons.
+[ -x "$(command -v iwgetid)" -o -x "$(command -v ip)" ] || exec echo 'Install `wireless-tools` and/or `iproute2`!'
+
+# Condition of available wireless interface, fallback to ether interface IP address, or set invalid.
+if GET_WL="$(iwgetid "$IFACE_WL")" && [ -n "$GET_WL" ]; then
+
+ # Parse ESSID.
+ ESSID="${GET_WL##*:\"}" ESSID="${ESSID%\"}"
+
+ # Condition of ESSID when available or connected.
+ if [ -n "$ESSID" ]; then
+
+ # Get IP address of wireless interface.
+ IP_WL="$(ip addr show "$IFACE_WL")"
+
+ # Set the status of the ESSID and its interface if the IP address is available.
+ if [ -z "${IP_WL%%*inet*\ *}" ]; then
+ ICON=''
+ STAT="${ESSID} @ ${IFACE_WL}"
+ else
+ ICON=''
+ STAT="No IP Address @ ${IFACE_WL}"
+ fi
+
+ else
+ ICON=''
+ STAT="Disconnected @ ${IFACE_WL}"
+ fi
+
+elif GET_ET="$(ip addr show "$IFACE_ET")" && [ -n "$GET_ET" ]; then
+
+ # Parse IP address.
+ IP_ET="${GET_ET##*inet\ }" IP_ET="${IP_ET%%\ brd*}"
+
+ # Set the status of the IP address and its interface when available.
+ case "$IP_ET" in
+ *'
+'* ) ICON=''
+ STAT="No IP Address @ ${IFACE_ET}"
+ ;;
+ *) ICON=''
+ STAT="${IP_ET} @ ${IFACE_ET}"
+ ;;
+ esac
+
+else
+ ICON=''
+ STAT="Invalid \"${IFACE_WL}\" and \"${IFACE_ET}\" network interfaces"
+fi
+
+# Single-execution options to display status to output.
+case "${1}" in
+ icon) echo "$ICON"
+ ;;
+ sta*) echo "$STAT"
+ ;;
+esac
+
+exit ${?}
diff --git a/archive/dotfiles-29-6-2022/tint2/executor/temp.sh b/archive/dotfiles-29-6-2022/tint2/executor/temp.sh
new file mode 100755
index 0000000..a3366d1
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/tint2/executor/temp.sh
@@ -0,0 +1,26 @@
+#!/usr/bin/env sh
+
+# Get hardware temperature for tint2 panel.
+# https://github.com/owl4ce/dotfiles
+
+# SPDX-License-Identifier: ISC
+
+export LANG='POSIX'
+exec 2>/dev/null
+. "${HOME}/.joyfuld"
+
+# Sysfs thermal temperature path.
+TEMPERATURE_DEVICE="/sys/devices/virtual/thermal/${TEMP_DEV}"
+
+# Read, calculate, and display the temperature if the path is valid.
+if [ -f "${TEMPERATURE_DEVICE}/temp" ]; then
+
+ IFS= read -r TEMP <"${TEMPERATURE_DEVICE}/temp"
+
+ echo "$((TEMP/1000))˚C"
+
+else
+ echo "Invalid ${TEMPERATURE_DEVICE} interface!"
+fi
+
+exit ${?}
diff --git a/archive/dotfiles-29-6-2022/tint2/executor/volume.sh b/archive/dotfiles-29-6-2022/tint2/executor/volume.sh
new file mode 100755
index 0000000..96e643f
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/tint2/executor/volume.sh
@@ -0,0 +1,55 @@
+#!/usr/bin/env sh
+
+# Get status or control audio-volume via `amixer`.
+# https://github.com/owl4ce/dotfiles
+
+# SPDX-License-Identifier: ISC
+
+# shellcheck disable=SC2016,SC2166
+
+export LANG='POSIX'
+exec 2>/dev/null
+. "${HOME}/.joyfuld"
+
+# Ensure `alsa-utils` already installed for safety and performance reasons.
+[ -x "$(command -v amixer)" ] || exec echo 'Install `alsa-utils`!'
+
+# Single-execution options to control.
+case "${1}" in
+ +) exec amixer ${AUDIO_DEVICE:+-D "$AUDIO_DEVICE"} sset Master "${AUDIO_VOLUME_STEPS:-5}%+" on -q
+ ;;
+ -) exec amixer ${AUDIO_DEVICE:+-D "$AUDIO_DEVICE"} sset Master "${AUDIO_VOLUME_STEPS:-5}%-" on -q
+ ;;
+ 0) exec amixer ${AUDIO_DEVICE:+-D "$AUDIO_DEVICE"} sset Master 1+ toggle -q
+ ;;
+esac
+
+# Get audio-volume information.
+AUDIO_VOLUME="$(amixer ${AUDIO_DEVICE:+-D "$AUDIO_DEVICE"} sget Master)"
+# Get mute-state by parsing it.
+AUDIO_MUTED="${AUDIO_VOLUME##*\ \[on\]}"
+# Parse the audio-volume value as an integer.
+AUDIO_VOLUME="${AUDIO_VOLUME#*\ \[}" \
+AUDIO_VOLUME="${AUDIO_VOLUME%%\%\]\ *}"
+
+# Condition of glyphs selector and mute-state.
+if [ "$AUDIO_VOLUME" -eq 0 -o -n "$AUDIO_MUTED" ]; then
+ [ -z "$AUDIO_MUTED" ] || MUTED='Muted'
+ ICON=''
+elif [ "$AUDIO_VOLUME" -lt 30 ]; then
+ ICON=''
+elif [ "$AUDIO_VOLUME" -lt 70 ]; then
+ ICON=''
+else
+ ICON=''
+fi
+
+# Single-execution options to display status to output.
+case "${1}" in
+ icon) echo "${ICON:-?}"
+ ;;
+ per*) echo "${MUTED:-${AUDIO_VOLUME}}"
+ ;;
+esac
+
+exit ${?}
diff --git a/archive/dotfiles-29-6-2022/tint2/eyecandy-horizontal.artistic.tint2rc b/archive/dotfiles-29-6-2022/tint2/eyecandy-horizontal.artistic.tint2rc
new file mode 100644
index 0000000..671e022
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/tint2/eyecandy-horizontal.artistic.tint2rc
@@ -0,0 +1,447 @@
+# User's tint2 configuration. EyeCandy horizontal artistic.
+# https://github.com/owl4ce/dotfiles
+
+#-------------------------------------
+# Gradients
+# Gradient 1
+gradient = vertical
+start_color = START_COLOR 100
+end_color = END_COLOR 100
+
+# Gradient 2
+gradient = vertical
+start_color = START_COLOR 82
+end_color = END_COLOR 82
+
+#-------------------------------------
+# Backgrounds
+# Background 1: Active task
+rounded = 8
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #89ccf7 100
+border_color = #89ccf7 100
+background_color_hover = #89ccf7 78
+border_color_hover = #89ccf7 78
+background_color_pressed = #89ccf7 100
+border_color_pressed = #89ccf7 100
+
+# Background 2: Default task
+rounded = 8
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #d8a6f4 100
+border_color = #d8a6f4 100
+gradient_id = 0
+background_color_hover = #d8a6f4 82
+border_color_hover = #d8a6f4 82
+background_color_pressed = #d8a6f4 100
+border_color_pressed = #d8a6f4 100
+
+# Background 3: Active desktop name, Inactive desktop name, Urgent task
+rounded = 8
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #ffa6f7 100
+border_color = #ffa6f7 40
+gradient_id = 0
+background_color_hover = #ffa6f7 88
+border_color_hover = #ffa6f7 40
+background_color_pressed = #ffa6f7 100
+border_color_pressed = #ffa6f7 78
+
+# Background 4: Active taskbar, Clock, Inactive taskbar, Panel
+rounded = 0
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #f9f9f9 100
+border_color = #000000 0
+background_color_hover = #000000 0
+border_color_hover = #000000 0
+background_color_pressed = #000000 0
+border_color_pressed = #000000 0
+
+# Background 5:
+rounded = 6
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #000000 0
+border_color = #a1a8b9 0
+gradient_id = 1
+background_color_hover = #63c5ea 0
+border_color_hover = #a1a8b9 0
+gradient_id_hover = 2
+background_color_pressed = #63c5ea 0
+border_color_pressed = #a1a8b9 0
+gradient_id_pressed = 1
+
+# Background 6: Button, Executor
+rounded = 6
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #f7f7f7 100
+border_color = #f7f7f7 100
+gradient_id = 0
+background_color_hover = #f4f4f4 100
+border_color_hover = #f4f4f4 100
+background_color_pressed = #f7f7f7 100
+border_color_pressed = #f7f7f7 100
+gradient_id_pressed = 0
+
+# Background 7: Tooltip
+rounded = 0
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #f9f9f9 100
+border_color = #000000 0
+background_color_hover = #000000 0
+border_color_hover = #000000 0
+background_color_pressed = #000000 0
+border_color_pressed = #000000 0
+
+# Background 8: Systray
+rounded = 14
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #f4f4f4 100
+border_color = #a1a8b9 0
+background_color_hover = #f4f4f4 100
+border_color_hover = #a1a8b9 0
+background_color_pressed = #f4f4f4 100
+border_color_pressed = #a1a8b9 0
+
+#-------------------------------------
+# Panel
+panel_items = PPPPPPPPEPTSC
+panel_size = 100% 45
+panel_margin = 0 0
+panel_padding = 7 7 7
+panel_background_id = 4
+wm_menu = 1
+panel_dock = 0
+panel_pivot_struts = 0
+panel_position = bottom center horizontal
+panel_layer = top
+panel_monitor = primary
+panel_shrink = 0
+autohide = 0
+autohide_show_timeout = 0
+autohide_hide_timeout = 0
+autohide_height = 1
+strut_policy = follow_size
+panel_window_name = eyecandy.artistic.tint2
+disable_transparency = 1
+mouse_effects = 1
+font_shadow = 0
+mouse_hover_icon_asb = 100 0 10
+mouse_pressed_icon_asb = 100 0 0
+scale_relative_to_dpi = 0
+scale_relative_to_screen_height = 0
+
+#-------------------------------------
+# Taskbar
+taskbar_mode = single_desktop
+taskbar_hide_if_empty = 0
+taskbar_padding = 5 7 8
+taskbar_background_id = 4
+taskbar_active_background_id = 4
+taskbar_name = 1
+taskbar_hide_inactive_tasks = 0
+taskbar_hide_different_monitor = 0
+taskbar_hide_different_desktop = 0
+taskbar_always_show_all_desktop_tasks = 0
+taskbar_name_padding = 6 0
+taskbar_name_background_id = 3
+taskbar_name_active_background_id = 3
+taskbar_name_font = Iosevka 8
+taskbar_name_font_color = #f9f9f9 100
+taskbar_name_active_font_color = #f9f9f9 100
+taskbar_distribute_size = 0
+taskbar_sort_order = title
+task_align = right
+
+#-------------------------------------
+# Task
+task_text = 1
+task_icon = 0
+task_centered = 1
+urgent_nb_of_blink = 3
+task_maximum_size = 17 17
+task_padding = 0 0 0
+task_font = Sans 0
+task_tooltip = 1
+task_thumbnail = 1
+task_thumbnail_size = 210
+task_font_color = #d8a6f4 100
+task_active_font_color = #89ccf7 100
+task_background_id = 2
+task_active_background_id = 1
+task_urgent_background_id = 3
+mouse_left = toggle_iconify
+mouse_middle = none
+mouse_right = close
+mouse_scroll_up = next_task
+mouse_scroll_down = prev_task
+
+#-------------------------------------
+# System tray (notification area)
+systray_padding = 8 0 10
+systray_background_id = 8
+systray_sort = ascending
+systray_icon_size = 16
+systray_icon_asb = 100 0 10
+systray_monitor = 1
+systray_name_filter =
+
+#-------------------------------------
+# Launcher
+launcher_padding = 8 4 4
+launcher_background_id = 0
+launcher_icon_background_id = 0
+launcher_icon_size = 16
+launcher_icon_asb = 100 0 0
+launcher_icon_theme = default
+launcher_icon_theme_override = 0
+startup_notifications = 0
+launcher_tooltip = 0
+
+#-------------------------------------
+# Clock
+time1_format = %H
+time2_format = %M
+time1_font = Iosevka Bold 8
+time1_timezone =
+time2_timezone =
+time2_font = Iosevka Bold 8
+clock_font_color = #63c5ea 100
+clock_padding = 3 0
+clock_background_id = 4
+clock_tooltip = %A - %B %d, %Y
+clock_tooltip_timezone =
+clock_lclick_command = gsimplecal
+clock_rclick_command = gsimplecal
+clock_mclick_command =
+clock_uwheel_command =
+clock_dwheel_command =
+
+#-------------------------------------
+# Battery
+battery_tooltip = 1
+battery_low_status = 0
+battery_low_cmd =
+battery_full_cmd =
+battery_font_color = #000000 100
+bat1_format =
+bat2_format =
+battery_padding = 0 0
+battery_background_id = 0
+battery_hide = 101
+battery_lclick_command =
+battery_rclick_command =
+battery_mclick_command =
+battery_uwheel_command =
+battery_dwheel_command =
+ac_connected_cmd =
+ac_disconnected_cmd =
+
+#-------------------------------------
+# Executor 1
+execp = new
+execp_command = ~/.scripts/music-controller.sh icon
+execp_interval = 1
+execp_has_icon = 0
+execp_cache_icon = 0
+execp_continuous = 0
+execp_markup = 0
+execp_tooltip = [L] Toggle Playback [R] Music Menu [M] Switch MPD/Spotify [S] Change Track
+execp_lclick_command = ~/.scripts/music-controller.sh toggle
+execp_rclick_command = ~/.config/rofi/scripts/rofi-exts.sh music
+execp_mclick_command = ~/.scripts/music-controller.sh switch
+execp_uwheel_command = ~/.scripts/music-controller.sh prev
+execp_dwheel_command = ~/.scripts/music-controller.sh next
+execp_font = Material 17
+execp_font_color = #f0a6f4 100
+execp_padding = 4 0
+execp_background_id = 6
+execp_centered = 1
+execp_icon_w = 0
+execp_icon_h = 0
+
+#-------------------------------------
+# Button 1
+button = new
+button_text = ⟐
+button_tooltip = [L] Main Menu [R] Extensions Menu
+button_lclick_command = ~/.config/rofi/scripts/rofi-main.sh
+button_rclick_command = ~/.config/rofi/scripts/rofi-exts.sh
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 17
+button_font_color = #f9f9f9 100
+button_padding = 4 0
+button_background_id = 5
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 2
+button = new
+button_text =
+button_tooltip = [L] Change X Wallpaper [R] Generate Colorized Wallpaper
+button_lclick_command = ~/.config/openbox/joyful-desktop/wallpaper-set.sh
+button_rclick_command = ~/.config/openbox/joyful-desktop/wallpaper-set.sh generate
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 17
+button_font_color = #d8a6f4 100
+button_padding = 4 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 3
+button = new
+button_text =
+button_tooltip = [L] Change Window Button-Style [R] Swap Window Button-Location L/R [M] Toggle Decoration
+button_lclick_command = ~/.config/openbox/joyful-desktop/ob-button-set.sh
+button_rclick_command = ~/.config/openbox/joyful-desktop/ob-button-set.sh swap
+button_mclick_command = ~/.config/openbox/joyful-desktop/ob-button-set.sh decor
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 17
+button_font_color = #a6d5f4 100
+button_padding = 4 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 4
+button = new
+button_text =
+button_tooltip = [L] Toggle Mode
+button_lclick_command = ~/.config/openbox/joyful-desktop/toggle-mode.sh mode
+button_rclick_command =
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 17
+button_font_color = #44ebca 100
+button_padding = 4 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 5
+button = new
+button_text =
+button_tooltip = [L] Toggle V/H Panel [R] Swap L/R/T/B Panel
+button_lclick_command = ~/.config/openbox/joyful-desktop/toggle-orientation.sh vh
+button_rclick_command = ~/.config/openbox/joyful-desktop/toggle-orientation.sh lrtb
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 17
+button_font_color = #44eb9f 100
+button_padding = 4 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 6
+button = new
+button_text =
+button_tooltip = [L] Switch Theme
+button_lclick_command = ~/.config/openbox/joyful-desktop/toggle-mode.sh
+button_rclick_command =
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 17
+button_font_color = #faa687 100
+button_padding = 4 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 7
+button = new
+button_text =
+button_tooltip = [L] Power Menu [R] Media Menu
+button_lclick_command = ~/.config/rofi/scripts/rofi-exts.sh session
+button_rclick_command = ~/.config/rofi/scripts/rofi-exts.sh media
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 17
+button_font_color = #fa74b2 100
+button_padding = 4 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 8
+button = new
+button_text =
+button_tooltip = [L] Screenshot [R] Screenshot Menu [M] Selection Screenshot [S] Countdown Screenshot
+button_lclick_command = ~/.scripts/screenshot-screen.sh
+button_rclick_command = ~/.config/rofi/scripts/rofi-exts.sh screenshot
+button_mclick_command = ~/.scripts/screenshot-selection.sh
+button_uwheel_command = ~/.scripts/screenshot-countdown.sh
+button_dwheel_command = ~/.scripts/screenshot-countdown.sh
+button_font = Material 17
+button_font_color = #f7a1d6 100
+button_padding = 4 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 9
+button = new
+button_text =
+button_tooltip = [L] Ncmpcpp [R] Ncmpcpp - Album Art [M] Ncmpcpp - Single Album Art
+button_lclick_command = ~/.config/ncmpcpp/scripts/launcher.sh
+button_rclick_command = ~/.config/ncmpcpp/scripts/launcher.sh album-art
+button_mclick_command = ~/.config/ncmpcpp/scripts/launcher.sh single.album-art
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 17
+button_font_color = #c6a6f4 100
+button_padding = 4 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Tooltip
+tooltip_show_timeout = 0.5
+tooltip_hide_timeout = 0.2
+tooltip_padding = 8 6
+tooltip_background_id = 7
+tooltip_font_color = #000000 100
+tooltip_font = Cantarell 9
+
diff --git a/archive/dotfiles-29-6-2022/tint2/eyecandy-top.interactive.tint2rc b/archive/dotfiles-29-6-2022/tint2/eyecandy-top.interactive.tint2rc
new file mode 100644
index 0000000..6536666
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/tint2/eyecandy-top.interactive.tint2rc
@@ -0,0 +1,864 @@
+# User's tint2 configuration. EyeCandy top interactive.
+# https://github.com/owl4ce/dotfiles
+
+#-------------------------------------
+# Gradients
+#-------------------------------------
+# Backgrounds
+# Background 1: Panel
+rounded = 0
+border_width = 4
+border_sides = TBLR
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #f9f9f9 100
+border_color = #f9f9f9 100
+background_color_hover = #f9f9f9 100
+border_color_hover = #f9f9f9 100
+background_color_pressed = #f9f9f9 100
+border_color_pressed = #f9f9f9 100
+
+# Background 2: Active task, Clock, Executor, Systray
+rounded = 11
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #f7f7f7 88
+border_color = #f7f7f7 88
+background_color_hover = #f7f7f7 88
+border_color_hover = #f7f7f7 88
+background_color_pressed = #f7f7f7 88
+border_color_pressed = #f7f7f7 88
+
+# Background 3:
+rounded = 11
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #44eb9f 88
+border_color = #44eb9f 88
+background_color_hover = #44eb9f 72
+border_color_hover = #44eb9f 72
+background_color_pressed = #44eb9f 88
+border_color_pressed = #44eb9f 88
+
+# Background 4:
+rounded = 11
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #a1d5f7 88
+border_color = #a1d5f7 88
+background_color_hover = #a1d5f7 72
+border_color_hover = #a1d5f7 72
+background_color_pressed = #a1d5f7 88
+border_color_pressed = #a1d5f7 88
+
+# Background 5:
+rounded = 0
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #fa74b2 88
+border_color = #fa74b2 88
+background_color_hover = #fa74b2 72
+border_color_hover = #fa74b2 72
+background_color_pressed = #fa74b2 88
+border_color_pressed = #fa74b2 88
+
+# Background 6:
+rounded = 11
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #faa687 88
+border_color = #faa687 88
+background_color_hover = #faa687 72
+border_color_hover = #faa687 72
+background_color_pressed = #faa687 88
+border_color_pressed = #faa687 88
+
+# Background 7: Active desktop name
+rounded = 11
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #7acbea 88
+border_color = #7acbea 88
+background_color_hover = #7acbea 72
+border_color_hover = #7acbea 72
+background_color_pressed = #7acbea 88
+border_color_pressed = #7acbea 88
+
+# Background 8:
+rounded = 11
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #cf8ef4 88
+border_color = #cf8ef4 88
+background_color_hover = #cf8ef4 72
+border_color_hover = #cf8ef4 72
+background_color_pressed = #cf8ef4 88
+border_color_pressed = #cf8ef4 88
+
+# Background 9: Tooltip
+rounded = 0
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #f9f9f9 100
+border_color = #f9f9f9 0
+background_color_hover = #000000 0
+border_color_hover = #000000 0
+background_color_pressed = #000000 0
+border_color_pressed = #000000 0
+
+# Background 10:
+rounded = 0
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #fa74b2 78
+border_color = #fa74b2 78
+background_color_hover = #fa74b2 62
+border_color_hover = #fa74b2 62
+background_color_pressed = #fa74b2 78
+border_color_pressed = #fa74b2 78
+
+# Background 11:
+rounded = 0
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #fa74b2 69
+border_color = #fa74b2 69
+background_color_hover = #fa74b2 53
+border_color_hover = #fa74b2 53
+background_color_pressed = #fa74b2 69
+border_color_pressed = #fa74b2 69
+
+# Background 12:
+rounded = 11
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #fa74b2 88
+border_color = #fa74b2 88
+background_color_hover = #fa74b2 72
+border_color_hover = #fa74b2 72
+background_color_pressed = #fa74b2 88
+border_color_pressed = #fa74b2 88
+
+#-------------------------------------
+# Panel
+panel_items = :PPPPP:S:P:E:E:E:T:E:E:E:E:P:E:P:C:PPPPP:
+panel_size = 100% 30
+panel_margin = 0 0
+panel_padding = 0 0 0
+panel_background_id = 1
+wm_menu = 1
+panel_dock = 0
+panel_pivot_struts = 0
+panel_position = top center horizontal
+panel_layer = top
+panel_monitor = all
+panel_shrink = 0
+autohide = 0
+autohide_show_timeout = 0
+autohide_hide_timeout = 0.5
+autohide_height = 2
+strut_policy = follow_size
+panel_window_name = eyecandy.interactive.tint2
+disable_transparency = 1
+mouse_effects = 1
+font_shadow = 0
+mouse_hover_icon_asb = 100 0 10
+mouse_pressed_icon_asb = 100 0 0
+scale_relative_to_dpi = 0
+scale_relative_to_screen_height = 0
+
+#-------------------------------------
+# Taskbar
+taskbar_mode = single_desktop
+taskbar_hide_if_empty = 0
+taskbar_padding = 0 0 6
+taskbar_background_id = 0
+taskbar_active_background_id = 0
+taskbar_name = 1
+taskbar_hide_inactive_tasks = 1
+taskbar_hide_different_monitor = 0
+taskbar_hide_different_desktop = 0
+taskbar_always_show_all_desktop_tasks = 0
+taskbar_name_padding = 8 0
+taskbar_name_background_id = 0
+taskbar_name_active_background_id = 7
+taskbar_name_font = Iosevka Bold 8.5
+taskbar_name_font_color = #f9f9f9 100
+taskbar_name_active_font_color = #f9f9f9 100
+taskbar_distribute_size = 0
+taskbar_sort_order = mru
+task_align = left
+
+#-------------------------------------
+# Task
+task_text = 1
+task_icon = 0
+task_centered = 1
+urgent_nb_of_blink = 100000
+task_maximum_size = 140 35
+task_padding = 12 2 4
+task_font = Iosevka 8.5
+task_tooltip = 1
+task_thumbnail = 1
+task_thumbnail_size = 210
+task_font_color = #373e4d 0
+task_active_font_color = #373e4d 80
+task_urgent_font_color = #f9f9f9 0
+task_background_id = 0
+task_active_background_id = 2
+task_urgent_background_id = 0
+mouse_left = shade
+mouse_middle = none
+mouse_right = shade
+mouse_scroll_up = none
+mouse_scroll_down = none
+
+#-------------------------------------
+# System tray (notification area)
+systray_padding = 6 0 6
+systray_background_id = 2
+systray_sort = ascending
+systray_icon_size = 16
+systray_icon_asb = 100 0 10
+systray_monitor = 1
+systray_name_filter =
+
+#-------------------------------------
+# Launcher
+launcher_padding = 2 4 2
+launcher_background_id = 0
+launcher_icon_background_id = 0
+launcher_icon_size = 24
+launcher_icon_asb = 100 0 0
+launcher_icon_theme_override = 0
+startup_notifications = 1
+launcher_tooltip = 1
+launcher_item_app = tint2conf.desktop
+launcher_item_app = firefox.desktop
+launcher_item_app = iceweasel.desktop
+launcher_item_app = chromium-browser.desktop
+launcher_item_app = google-chrome.desktop
+
+#-------------------------------------
+# Clock
+time1_format = %H:%M
+time2_format =
+time1_font = Iosevka 8.5
+time1_timezone =
+time2_timezone =
+clock_font_color = #373e4d 80
+clock_padding = 6 0
+clock_background_id = 2
+clock_tooltip =
+clock_tooltip_timezone =
+clock_lclick_command =
+clock_rclick_command =
+clock_mclick_command =
+clock_uwheel_command =
+clock_dwheel_command =
+
+#-------------------------------------
+# Battery
+battery_tooltip = 1
+battery_low_status = 10
+battery_low_cmd =
+battery_full_cmd =
+battery_font_color = #ffffff 100
+bat1_format =
+bat2_format =
+battery_padding = 1 0
+battery_background_id = 0
+battery_hide = 101
+battery_lclick_command =
+battery_rclick_command =
+battery_mclick_command =
+battery_uwheel_command =
+battery_dwheel_command =
+ac_connected_cmd =
+ac_disconnected_cmd =
+
+#-------------------------------------
+# Separator 1
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Separator 2
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Separator 3
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Separator 4
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Separator 5
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Separator 6
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Separator 7
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Separator 8
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Separator 9
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Separator 10
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Separator 11
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Separator 12
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Separator 13
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Separator 14
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Separator 15
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Separator 16
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Separator 17
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Executor 1
+execp = new
+execp_command = ~/.config/tint2/executor/temp.sh
+execp_interval = 1
+execp_has_icon = 0
+execp_cache_icon = 0
+execp_continuous = 0
+execp_markup = 0
+execp_tooltip =
+execp_lclick_command =
+execp_rclick_command =
+execp_mclick_command =
+execp_uwheel_command =
+execp_dwheel_command =
+execp_font = Iosevka 8.5
+execp_font_color = #373e4d 80
+execp_padding = 6 0
+execp_background_id = 2
+execp_centered = 1
+execp_icon_w = 0
+execp_icon_h = 0
+
+#-------------------------------------
+# Executor 2
+execp = new
+execp_command = ~/.scripts/music-controller.sh icon
+execp_interval = 1
+execp_has_icon = 0
+execp_cache_icon = 0
+execp_continuous = 0
+execp_markup = 0
+execp_tooltip = [L] Toggle Playback [R] Music Menu [M] Switch MPD/Spotify [S] Change Track
+execp_lclick_command = ~/.scripts/music-controller.sh toggle
+execp_rclick_command = ~/.config/rofi/scripts/rofi-exts.sh music
+execp_mclick_command = ~/.scripts/music-controller.sh switch
+execp_uwheel_command = ~/.scripts/music-controller.sh prev
+execp_dwheel_command = ~/.scripts/music-controller.sh next
+execp_font = Material Bold 10
+execp_font_color = #f9f9f9 100
+execp_padding = 5 0
+execp_background_id = 8
+execp_centered = 1
+execp_icon_w = 0
+execp_icon_h = 0
+
+#-------------------------------------
+# Executor 3
+execp = new
+execp_command = ~/.scripts/music-controller.sh title
+execp_interval = 1
+execp_has_icon = 0
+execp_cache_icon = 0
+execp_continuous = 0
+execp_markup = 0
+execp_tooltip = [S] Change Track
+execp_lclick_command =
+execp_rclick_command =
+execp_mclick_command =
+execp_uwheel_command = ~/.scripts/music-controller.sh prev
+execp_dwheel_command = ~/.scripts/music-controller.sh next
+execp_font = Iosevka 8.5
+execp_font_color = #373e4d 80
+execp_padding = 6 0
+execp_background_id = 2
+execp_centered = 1
+execp_icon_w = 0
+execp_icon_h = 0
+
+#-------------------------------------
+# Executor 4
+execp = new
+execp_command = ~/.config/tint2/executor/network.sh icon
+execp_interval = 1
+execp_has_icon = 0
+execp_cache_icon = 0
+execp_continuous = 0
+execp_markup = 0
+execp_tooltip = Network Status
+execp_lclick_command = #
+execp_rclick_command =
+execp_mclick_command =
+execp_uwheel_command =
+execp_dwheel_command =
+execp_font = Material Bold 10
+execp_font_color = #f9f9f9 100
+execp_padding = 5 0
+execp_background_id = 4
+execp_centered = 1
+execp_icon_w = 0
+execp_icon_h = 0
+
+#-------------------------------------
+# Executor 5
+execp = new
+execp_command = ~/.config/tint2/executor/network.sh status
+execp_interval = 1
+execp_has_icon = 0
+execp_cache_icon = 0
+execp_continuous = 0
+execp_markup = 0
+execp_tooltip =
+execp_lclick_command =
+execp_rclick_command =
+execp_mclick_command =
+execp_uwheel_command =
+execp_dwheel_command =
+execp_font = Iosevka 8.5
+execp_font_color = #373e4d 80
+execp_padding = 6 0
+execp_background_id = 2
+execp_centered = 1
+execp_icon_w = 0
+execp_icon_h = 0
+
+#-------------------------------------
+# Executor 6
+execp = new
+execp_command = ~/.config/tint2/executor/volume.sh icon
+execp_interval = 1
+execp_has_icon = 0
+execp_cache_icon = 0
+execp_continuous = 0
+execp_markup = 0
+execp_tooltip = [L] Toggle Audio Mute [S] Audio Volume +/-
+execp_lclick_command = ~/.config/tint2/executor/volume.sh 0
+execp_rclick_command =
+execp_mclick_command =
+execp_uwheel_command = ~/.config/tint2/executor/volume.sh +
+execp_dwheel_command = ~/.config/tint2/executor/volume.sh -
+execp_font = Material Bold 10
+execp_font_color = #f9f9f9 100
+execp_padding = 5 0
+execp_background_id = 3
+execp_centered = 1
+execp_icon_w = 0
+execp_icon_h = 0
+
+#-------------------------------------
+# Executor 7
+execp = new
+execp_command = ~/.config/tint2/executor/volume.sh percent
+execp_interval = 1
+execp_has_icon = 0
+execp_cache_icon = 0
+execp_continuous = 0
+execp_markup = 0
+execp_tooltip = [S] Audio Volume +/-
+execp_lclick_command =
+execp_rclick_command =
+execp_mclick_command =
+execp_uwheel_command = ~/.config/tint2/executor/volume.sh +
+execp_dwheel_command = ~/.config/tint2/executor/volume.sh -
+execp_font = Iosevka 8.5
+execp_font_color = #373e4d 80
+execp_padding = 6 0
+execp_background_id = 2
+execp_centered = 1
+execp_icon_w = 0
+execp_icon_h = 0
+
+#-------------------------------------
+# Executor 8
+execp = new
+execp_command = date +%a\ -\ %b\ %d,\ %Y
+execp_interval = 1
+execp_has_icon = 0
+execp_cache_icon = 0
+execp_continuous = 0
+execp_markup = 0
+execp_tooltip =
+execp_lclick_command =
+execp_rclick_command =
+execp_mclick_command =
+execp_uwheel_command =
+execp_dwheel_command =
+execp_font = Iosevka 8.5
+execp_font_color = #373e4d 80
+execp_padding = 6 0
+execp_background_id = 2
+execp_centered = 1
+execp_icon_w = 0
+execp_icon_h = 0
+
+#-------------------------------------
+# Button 1
+button = new
+button_text =
+button_lclick_command =
+button_rclick_command =
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Iosevka 14
+button_font_color = #fa74b2 85
+button_padding = 0 0
+button_background_id = 0
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 2
+button = new
+button_text =
+button_tooltip = [L] Change X Wallpaper [R] Generate Colorized Wallpaper
+button_lclick_command = ~/.config/openbox/joyful-desktop/wallpaper-set.sh
+button_rclick_command = ~/.config/openbox/joyful-desktop/wallpaper-set.sh generate
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material Bold 10
+button_font_color = #f9f9f9 100
+button_padding = 5 0
+button_background_id = 5
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 3
+button = new
+button_text =
+button_tooltip = [L] Toggle Mode
+button_lclick_command = ~/.config/openbox/joyful-desktop/toggle-mode.sh mode
+button_rclick_command =
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material Bold 10
+button_font_color = #f9f9f9 100
+button_padding = 5 0
+button_background_id = 10
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 4
+button = new
+button_text =
+button_tooltip = [L] Switch Theme
+button_lclick_command = ~/.config/openbox/joyful-desktop/toggle-mode.sh
+button_rclick_command =
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material Bold 10
+button_font_color = #f9f9f9 100
+button_padding = 5 0
+button_background_id = 11
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 5
+button = new
+button_text =
+button_lclick_command =
+button_rclick_command =
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Iosevka 14
+button_font_color = #fa74b2 67
+button_padding = 0 0
+button_background_id = 0
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 6
+button = new
+button_text =
+button_tooltip = Hardware Temperature
+button_lclick_command = #
+button_rclick_command =
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material Bold 10
+button_font_color = #f9f9f9 100
+button_padding = 5 0
+button_background_id = 12
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 7
+button = new
+button_text =
+button_tooltip = Date
+button_lclick_command = gsimplecal
+button_rclick_command =
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material Bold 10
+button_font_color = #f9f9f9 100
+button_padding = 5 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 8
+button = new
+button_text =
+button_tooltip = Time
+button_lclick_command = gsimplecal
+button_rclick_command =
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material Bold 10
+button_font_color = #f9f9f9 100
+button_padding = 5 0
+button_background_id = 12
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 9
+button = new
+button_text =
+button_lclick_command =
+button_rclick_command =
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Iosevka 14
+button_font_color = #fa74b2 67
+button_padding = 0 0
+button_background_id = 0
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 10
+button = new
+button_text =
+button_tooltip = [L] Change Window Button-Style [R] Swap Window Button-Location L/R [M] Toggle Decoration
+button_lclick_command = ~/.config/openbox/joyful-desktop/ob-button-set.sh
+button_rclick_command = ~/.config/openbox/joyful-desktop/ob-button-set.sh swap
+button_mclick_command = ~/.config/openbox/joyful-desktop/ob-button-set.sh decor
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 10
+button_font_color = #f9f9f9 100
+button_padding = 5 0
+button_background_id = 11
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 11
+button = new
+button_text =
+button_tooltip = [L] Screenshot [R] Screenshot Menu [M] Selection Screenshot [S] Countdown Screenshot
+button_lclick_command = ~/.scripts/screenshot-screen.sh
+button_rclick_command = ~/.config/rofi/scripts/rofi-exts.sh screenshot
+button_mclick_command = ~/.scripts/screenshot-selection.sh
+button_uwheel_command = ~/.scripts/screenshot-countdown.sh
+button_dwheel_command = ~/.scripts/screenshot-countdown.sh
+button_font = Material Bold 10
+button_font_color = #f9f9f9 100
+button_padding = 5 0
+button_background_id = 10
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 12
+button = new
+button_text =
+button_tooltip = [L] Power Menu [R] Media Menu
+button_lclick_command = ~/.config/rofi/scripts/rofi-exts.sh session
+button_rclick_command = ~/.config/rofi/scripts/rofi-exts.sh media
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material Bold 10
+button_font_color = #f9f9f9 100
+button_padding = 5 0
+button_background_id = 5
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 13
+button = new
+button_text =
+button_lclick_command =
+button_rclick_command =
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Iosevka 14
+button_font_color = #fa74b2 85
+button_padding = 0 0
+button_background_id = 0
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Tooltip
+tooltip_show_timeout = 0.5
+tooltip_hide_timeout = 0.2
+tooltip_padding = 8 6
+tooltip_background_id = 9
+tooltip_font_color = #373e4d 100
+tooltip_font = Cantarell 9
+
diff --git a/archive/dotfiles-29-6-2022/tint2/eyecandy-vertical.artistic.tint2rc b/archive/dotfiles-29-6-2022/tint2/eyecandy-vertical.artistic.tint2rc
new file mode 100644
index 0000000..841cf87
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/tint2/eyecandy-vertical.artistic.tint2rc
@@ -0,0 +1,447 @@
+# User's tint2 configuration. EyeCandy vertical artistic.
+# https://github.com/owl4ce/dotfiles
+
+#-------------------------------------
+# Gradients
+# Gradient 1
+gradient = vertical
+start_color = START_COLOR 100
+end_color = END_COLOR 100
+
+# Gradient 2
+gradient = vertical
+start_color = START_COLOR 82
+end_color = END_COLOR 82
+
+#-------------------------------------
+# Backgrounds
+# Background 1: Active task
+rounded = 8
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #89ccf7 100
+border_color = #89ccf7 100
+background_color_hover = #89ccf7 78
+border_color_hover = #89ccf7 78
+background_color_pressed = #89ccf7 100
+border_color_pressed = #89ccf7 100
+
+# Background 2: Default task
+rounded = 8
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #d8a6f4 100
+border_color = #d8a6f4 100
+gradient_id = 0
+background_color_hover = #d8a6f4 82
+border_color_hover = #d8a6f4 82
+background_color_pressed = #d8a6f4 100
+border_color_pressed = #d8a6f4 100
+
+# Background 3: Active desktop name, Inactive desktop name, Urgent task
+rounded = 8
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #ffa6f7 100
+border_color = #ffa6f7 40
+gradient_id = 0
+background_color_hover = #ffa6f7 88
+border_color_hover = #ffa6f7 40
+background_color_pressed = #ffa6f7 100
+border_color_pressed = #ffa6f7 78
+
+# Background 4: Active taskbar, Clock, Inactive taskbar, Panel
+rounded = 0
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #f9f9f9 100
+border_color = #000000 0
+background_color_hover = #000000 0
+border_color_hover = #000000 0
+background_color_pressed = #000000 0
+border_color_pressed = #000000 0
+
+# Background 5:
+rounded = 6
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #000000 0
+border_color = #a1a8b9 0
+gradient_id = 1
+background_color_hover = #63c5ea 0
+border_color_hover = #a1a8b9 0
+gradient_id_hover = 2
+background_color_pressed = #63c5ea 0
+border_color_pressed = #a1a8b9 0
+gradient_id_pressed = 1
+
+# Background 6: Button, Executor
+rounded = 6
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #f7f7f7 100
+border_color = #f7f7f7 100
+gradient_id = 0
+background_color_hover = #f4f4f4 100
+border_color_hover = #f4f4f4 100
+background_color_pressed = #f7f7f7 100
+border_color_pressed = #f7f7f7 100
+gradient_id_pressed = 0
+
+# Background 7: Tooltip
+rounded = 0
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #f9f9f9 100
+border_color = #000000 0
+background_color_hover = #000000 0
+border_color_hover = #000000 0
+background_color_pressed = #000000 0
+border_color_pressed = #000000 0
+
+# Background 8: Systray
+rounded = 14
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #f4f4f4 100
+border_color = #a1a8b9 0
+background_color_hover = #f4f4f4 100
+border_color_hover = #a1a8b9 0
+background_color_pressed = #f4f4f4 100
+border_color_pressed = #a1a8b9 0
+
+#-------------------------------------
+# Panel
+panel_items = PPPPPPPPEPTSC
+panel_size = 100% 45
+panel_margin = 0 0
+panel_padding = 7 7 7
+panel_background_id = 4
+wm_menu = 1
+panel_dock = 0
+panel_pivot_struts = 0
+panel_position = center left vertical
+panel_layer = top
+panel_monitor = primary
+panel_shrink = 0
+autohide = 0
+autohide_show_timeout = 0
+autohide_hide_timeout = 0
+autohide_height = 1
+strut_policy = follow_size
+panel_window_name = eyecandy.artistic.tint2
+disable_transparency = 1
+mouse_effects = 1
+font_shadow = 0
+mouse_hover_icon_asb = 100 0 10
+mouse_pressed_icon_asb = 100 0 0
+scale_relative_to_dpi = 0
+scale_relative_to_screen_height = 0
+
+#-------------------------------------
+# Taskbar
+taskbar_mode = single_desktop
+taskbar_hide_if_empty = 0
+taskbar_padding = 5 7 8
+taskbar_background_id = 4
+taskbar_active_background_id = 4
+taskbar_name = 1
+taskbar_hide_inactive_tasks = 0
+taskbar_hide_different_monitor = 0
+taskbar_hide_different_desktop = 0
+taskbar_always_show_all_desktop_tasks = 0
+taskbar_name_padding = 1 0
+taskbar_name_background_id = 3
+taskbar_name_active_background_id = 3
+taskbar_name_font = Iosevka 8.2998046875
+taskbar_name_font_color = #f9f9f9 100
+taskbar_name_active_font_color = #f9f9f9 100
+taskbar_distribute_size = 0
+taskbar_sort_order = title
+task_align = right
+
+#-------------------------------------
+# Task
+task_text = 1
+task_icon = 0
+task_centered = 1
+urgent_nb_of_blink = 3
+task_maximum_size = 17 17
+task_padding = 0 0 0
+task_font = Sans 0
+task_tooltip = 1
+task_thumbnail = 1
+task_thumbnail_size = 210
+task_font_color = #d8a6f4 100
+task_active_font_color = #89ccf7 100
+task_background_id = 2
+task_active_background_id = 1
+task_urgent_background_id = 3
+mouse_left = toggle_iconify
+mouse_middle = none
+mouse_right = close
+mouse_scroll_up = next_task
+mouse_scroll_down = prev_task
+
+#-------------------------------------
+# System tray (notification area)
+systray_padding = 8 0 10
+systray_background_id = 8
+systray_sort = ascending
+systray_icon_size = 16
+systray_icon_asb = 100 0 10
+systray_monitor = 1
+systray_name_filter =
+
+#-------------------------------------
+# Launcher
+launcher_padding = 8 4 4
+launcher_background_id = 0
+launcher_icon_background_id = 0
+launcher_icon_size = 16
+launcher_icon_asb = 100 0 0
+launcher_icon_theme = default
+launcher_icon_theme_override = 0
+startup_notifications = 0
+launcher_tooltip = 0
+
+#-------------------------------------
+# Clock
+time1_format = %H %M
+time2_format =
+time1_font = Iosevka Bold 16
+time1_timezone =
+time2_timezone =
+time2_font = Iosevka Italic 10
+clock_font_color = #63c5ea 100
+clock_padding = 0 3
+clock_background_id = 4
+clock_tooltip = %A - %B %d, %Y
+clock_tooltip_timezone =
+clock_lclick_command = gsimplecal
+clock_rclick_command = gsimplecal
+clock_mclick_command =
+clock_uwheel_command =
+clock_dwheel_command =
+
+#-------------------------------------
+# Battery
+battery_tooltip = 1
+battery_low_status = 0
+battery_low_cmd =
+battery_full_cmd =
+battery_font_color = #000000 100
+bat1_format =
+bat2_format =
+battery_padding = 0 0
+battery_background_id = 0
+battery_hide = 101
+battery_lclick_command =
+battery_rclick_command =
+battery_mclick_command =
+battery_uwheel_command =
+battery_dwheel_command =
+ac_connected_cmd =
+ac_disconnected_cmd =
+
+#-------------------------------------
+# Executor 1
+execp = new
+execp_command = ~/.scripts/music-controller.sh icon
+execp_interval = 1
+execp_has_icon = 0
+execp_cache_icon = 0
+execp_continuous = 0
+execp_markup = 0
+execp_tooltip = [L] Toggle Playback [R] Music Menu [M] Switch MPD/Spotify [S] Change Track
+execp_lclick_command = ~/.scripts/music-controller.sh toggle
+execp_rclick_command = ~/.config/rofi/scripts/rofi-exts.sh music
+execp_mclick_command = ~/.scripts/music-controller.sh switch
+execp_uwheel_command = ~/.scripts/music-controller.sh prev
+execp_dwheel_command = ~/.scripts/music-controller.sh next
+execp_font = Material 17
+execp_font_color = #f0a6f4 100
+execp_padding = 3 0
+execp_background_id = 6
+execp_centered = 1
+execp_icon_w = 0
+execp_icon_h = 0
+
+#-------------------------------------
+# Button 1
+button = new
+button_text = ⟐
+button_tooltip = [L] Main Menu [R] Extensions Menu
+button_lclick_command = ~/.config/rofi/scripts/rofi-main.sh
+button_rclick_command = ~/.config/rofi/scripts/rofi-exts.sh
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 17
+button_font_color = #f9f9f9 100
+button_padding = 3 0
+button_background_id = 5
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 2
+button = new
+button_text =
+button_tooltip = [L] Change X Wallpaper [R] Generate Colorized Wallpaper
+button_lclick_command = ~/.config/openbox/joyful-desktop/wallpaper-set.sh
+button_rclick_command = ~/.config/openbox/joyful-desktop/wallpaper-set.sh generate
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 17
+button_font_color = #d8a6f4 100
+button_padding = 3 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 3
+button = new
+button_text =
+button_tooltip = [L] Change Window Button-Style [R] Swap Window Button-Location L/R [M] Toggle Decoration
+button_lclick_command = ~/.config/openbox/joyful-desktop/ob-button-set.sh
+button_rclick_command = ~/.config/openbox/joyful-desktop/ob-button-set.sh swap
+button_mclick_command = ~/.config/openbox/joyful-desktop/ob-button-set.sh decor
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 17
+button_font_color = #a6d5f4 100
+button_padding = 3 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 4
+button = new
+button_text =
+button_tooltip = [L] Toggle Mode
+button_lclick_command = ~/.config/openbox/joyful-desktop/toggle-mode.sh mode
+button_rclick_command =
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 17
+button_font_color = #44ebca 100
+button_padding = 3 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 5
+button = new
+button_text =
+button_tooltip = [L] Toggle V/H Panel [R] Swap L/R/T/B Panel
+button_lclick_command = ~/.config/openbox/joyful-desktop/toggle-orientation.sh vh
+button_rclick_command = ~/.config/openbox/joyful-desktop/toggle-orientation.sh lrtb
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 17
+button_font_color = #44eb9f 100
+button_padding = 3 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 6
+button = new
+button_text =
+button_tooltip = [L] Switch Theme
+button_lclick_command = ~/.config/openbox/joyful-desktop/toggle-mode.sh
+button_rclick_command =
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 17
+button_font_color = #faa687 100
+button_padding = 3 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 7
+button = new
+button_text =
+button_tooltip = [L] Power Menu [R] Media Menu
+button_lclick_command = ~/.config/rofi/scripts/rofi-exts.sh session
+button_rclick_command = ~/.config/rofi/scripts/rofi-exts.sh media
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 17
+button_font_color = #fa74b2 100
+button_padding = 3 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 8
+button = new
+button_text =
+button_tooltip = [L] Screenshot [R] Screenshot Menu [M] Selection Screenshot [S] Countdown Screenshot
+button_lclick_command = ~/.scripts/screenshot-screen.sh
+button_rclick_command = ~/.config/rofi/scripts/rofi-exts.sh screenshot
+button_mclick_command = ~/.scripts/screenshot-selection.sh
+button_uwheel_command = ~/.scripts/screenshot-countdown.sh
+button_dwheel_command = ~/.scripts/screenshot-countdown.sh
+button_font = Material 17
+button_font_color = #f7a1d6 100
+button_padding = 3 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 9
+button = new
+button_text =
+button_tooltip = [L] Ncmpcpp [R] Ncmpcpp - Album Art [M] Ncmpcpp - Single Album Art
+button_lclick_command = ~/.config/ncmpcpp/scripts/launcher.sh
+button_rclick_command = ~/.config/ncmpcpp/scripts/launcher.sh album-art
+button_mclick_command = ~/.config/ncmpcpp/scripts/launcher.sh single.album-art
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 17
+button_font_color = #c6a6f4 100
+button_padding = 3 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Tooltip
+tooltip_show_timeout = 0.5
+tooltip_hide_timeout = 0.2
+tooltip_padding = 8 6
+tooltip_background_id = 7
+tooltip_font_color = #000000 100
+tooltip_font = Cantarell 9
+
diff --git a/archive/dotfiles-29-6-2022/tint2/mechanical-horizontal.artistic.tint2rc b/archive/dotfiles-29-6-2022/tint2/mechanical-horizontal.artistic.tint2rc
new file mode 100644
index 0000000..47ce958
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/tint2/mechanical-horizontal.artistic.tint2rc
@@ -0,0 +1,447 @@
+# User's tint2 configuration. Mechanical horizontal artistic.
+# https://github.com/owl4ce/dotfiles
+
+#-------------------------------------
+# Gradients
+# Gradient 1
+gradient = vertical
+start_color = START_COLOR 100
+end_color = END_COLOR 100
+
+# Gradient 2
+gradient = vertical
+start_color = START_COLOR 82
+end_color = END_COLOR 82
+
+#-------------------------------------
+# Backgrounds
+# Background 1: Active task
+rounded = 8
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #f9f9f9 100
+border_color = #f9f9f9 100
+background_color_hover = #f9f9f9 78
+border_color_hover = #f9f9f9 78
+background_color_pressed = #f9f9f9 100
+border_color_pressed = #f9f9f9 100
+
+# Background 2: Default task
+rounded = 8
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #4c566a 100
+border_color = #4c566a 100
+gradient_id = 0
+background_color_hover = #ededed 82
+border_color_hover = #ededed 82
+background_color_pressed = #4c566a 100
+border_color_pressed = #4c566a 100
+
+# Background 3: Active desktop name, Inactive desktop name, Urgent task
+rounded = 8
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #f9f9f9 100
+border_color = #f9f9f9 40
+gradient_id = 0
+background_color_hover = #f9f9f9 88
+border_color_hover = #f9f9f9 40
+background_color_pressed = #f9f9f9 100
+border_color_pressed = #f9f9f9 78
+
+# Background 4: Active taskbar, Clock, Inactive taskbar, Panel
+rounded = 0
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #3b4252 100
+border_color = #000000 0
+background_color_hover = #000000 0
+border_color_hover = #000000 0
+background_color_pressed = #000000 0
+border_color_pressed = #000000 0
+
+# Background 5:
+rounded = 6
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #f9f9f9 0
+border_color = #a1a8b9 0
+gradient_id = 1
+background_color_hover = #63c5ea 0
+border_color_hover = #a1a8b9 0
+gradient_id_hover = 2
+background_color_pressed = #63c5ea 0
+border_color_pressed = #a1a8b9 0
+gradient_id_pressed = 1
+
+# Background 6: Button, Executor
+rounded = 6
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #373e4d 100
+border_color = #373e4d 100
+gradient_id = 0
+background_color_hover = #434c5e 100
+border_color_hover = #434c5e 100
+background_color_pressed = #373e4d 100
+border_color_pressed = #373e4d 100
+gradient_id_pressed = 0
+
+# Background 7: Tooltip
+rounded = 0
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #3b4252 100
+border_color = #000000 0
+background_color_hover = #000000 0
+border_color_hover = #000000 0
+background_color_pressed = #000000 0
+border_color_pressed = #000000 0
+
+# Background 8: Systray
+rounded = 14
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #434c5e 100
+border_color = #a1a8b9 0
+background_color_hover = #434c5e 100
+border_color_hover = #a1a8b9 0
+background_color_pressed = #434c5e 100
+border_color_pressed = #a1a8b9 0
+
+#-------------------------------------
+# Panel
+panel_items = PPPPPPPPEPTSC
+panel_size = 100% 45
+panel_margin = 0 0
+panel_padding = 7 7 7
+panel_background_id = 4
+wm_menu = 1
+panel_dock = 0
+panel_pivot_struts = 0
+panel_position = bottom center horizontal
+panel_layer = top
+panel_monitor = primary
+panel_shrink = 0
+autohide = 0
+autohide_show_timeout = 0
+autohide_hide_timeout = 0
+autohide_height = 1
+strut_policy = follow_size
+panel_window_name = mechanical.artistic.tint2
+disable_transparency = 1
+mouse_effects = 1
+font_shadow = 0
+mouse_hover_icon_asb = 100 0 10
+mouse_pressed_icon_asb = 100 0 0
+scale_relative_to_dpi = 0
+scale_relative_to_screen_height = 0
+
+#-------------------------------------
+# Taskbar
+taskbar_mode = single_desktop
+taskbar_hide_if_empty = 0
+taskbar_padding = 5 7 8
+taskbar_background_id = 4
+taskbar_active_background_id = 4
+taskbar_name = 1
+taskbar_hide_inactive_tasks = 0
+taskbar_hide_different_monitor = 0
+taskbar_hide_different_desktop = 0
+taskbar_always_show_all_desktop_tasks = 0
+taskbar_name_padding = 6 0
+taskbar_name_background_id = 3
+taskbar_name_active_background_id = 3
+taskbar_name_font = Iosevka 8
+taskbar_name_font_color = #3b4252 100
+taskbar_name_active_font_color = #3b4252 100
+taskbar_distribute_size = 0
+taskbar_sort_order = title
+task_align = right
+
+#-------------------------------------
+# Task
+task_text = 1
+task_icon = 0
+task_centered = 1
+urgent_nb_of_blink = 3
+task_maximum_size = 17 17
+task_padding = 0 0 0
+task_font = Sans 0
+task_tooltip = 1
+task_thumbnail = 1
+task_thumbnail_size = 210
+task_font_color = #4c566a 100
+task_active_font_color = #f9f9f9 100
+task_background_id = 2
+task_active_background_id = 1
+task_urgent_background_id = 3
+mouse_left = toggle_iconify
+mouse_middle = none
+mouse_right = close
+mouse_scroll_up = next_task
+mouse_scroll_down = prev_task
+
+#-------------------------------------
+# System tray (notification area)
+systray_padding = 8 0 10
+systray_background_id = 8
+systray_sort = ascending
+systray_icon_size = 16
+systray_icon_asb = 100 0 10
+systray_monitor = 1
+systray_name_filter =
+
+#-------------------------------------
+# Launcher
+launcher_padding = 8 4 4
+launcher_background_id = 0
+launcher_icon_background_id = 0
+launcher_icon_size = 16
+launcher_icon_asb = 100 0 0
+launcher_icon_theme = default
+launcher_icon_theme_override = 0
+startup_notifications = 0
+launcher_tooltip = 0
+
+#-------------------------------------
+# Clock
+time1_format = %H
+time2_format = %M
+time1_font = Iosevka Bold 8
+time1_timezone =
+time2_timezone =
+time2_font = Iosevka Bold 8
+clock_font_color = #f9f9f9 100
+clock_padding = 3 0
+clock_background_id = 4
+clock_tooltip = %A - %B %d, %Y
+clock_tooltip_timezone =
+clock_lclick_command = gsimplecal
+clock_rclick_command = gsimplecal
+clock_mclick_command =
+clock_uwheel_command =
+clock_dwheel_command =
+
+#-------------------------------------
+# Battery
+battery_tooltip = 1
+battery_low_status = 0
+battery_low_cmd =
+battery_full_cmd =
+battery_font_color = #000000 100
+bat1_format =
+bat2_format =
+battery_padding = 0 0
+battery_background_id = 0
+battery_hide = 101
+battery_lclick_command =
+battery_rclick_command =
+battery_mclick_command =
+battery_uwheel_command =
+battery_dwheel_command =
+ac_connected_cmd =
+ac_disconnected_cmd =
+
+#-------------------------------------
+# Executor 1
+execp = new
+execp_command = ~/.scripts/music-controller.sh icon
+execp_interval = 1
+execp_has_icon = 0
+execp_cache_icon = 0
+execp_continuous = 0
+execp_markup = 0
+execp_tooltip = [L] Toggle Playback [R] Music Menu [M] Switch MPD/Spotify [S] Change Track
+execp_lclick_command = ~/.scripts/music-controller.sh toggle
+execp_rclick_command = ~/.config/rofi/scripts/rofi-exts.sh music
+execp_mclick_command = ~/.scripts/music-controller.sh switch
+execp_uwheel_command = ~/.scripts/music-controller.sh prev
+execp_dwheel_command = ~/.scripts/music-controller.sh next
+execp_font = Material 17
+execp_font_color = #f9f9f9 100
+execp_padding = 4 0
+execp_background_id = 6
+execp_centered = 1
+execp_icon_w = 0
+execp_icon_h = 0
+
+#-------------------------------------
+# Button 1
+button = new
+button_text = ⟐
+button_tooltip = [L] Main Menu [R] Extensions Menu
+button_lclick_command = ~/.config/rofi/scripts/rofi-main.sh
+button_rclick_command = ~/.config/rofi/scripts/rofi-exts.sh
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 17
+button_font_color = #3b4252 100
+button_padding = 4 0
+button_background_id = 5
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 2
+button = new
+button_text =
+button_tooltip = [L] Change X Wallpaper [R] Generate Colorized Wallpaper
+button_lclick_command = ~/.config/openbox/joyful-desktop/wallpaper-set.sh
+button_rclick_command = ~/.config/openbox/joyful-desktop/wallpaper-set.sh generate
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 17
+button_font_color = #f9f9f9 100
+button_padding = 4 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 3
+button = new
+button_text =
+button_tooltip = [L] Change Window Button-Style [R] Swap Window Button-Location L/R [M] Toggle Decoration
+button_lclick_command = ~/.config/openbox/joyful-desktop/ob-button-set.sh
+button_rclick_command = ~/.config/openbox/joyful-desktop/ob-button-set.sh swap
+button_mclick_command = ~/.config/openbox/joyful-desktop/ob-button-set.sh decor
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 17
+button_font_color = #f9f9f9 100
+button_padding = 4 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 4
+button = new
+button_text =
+button_tooltip = [L] Toggle Mode
+button_lclick_command = ~/.config/openbox/joyful-desktop/toggle-mode.sh mode
+button_rclick_command =
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 17
+button_font_color = #f9f9f9 100
+button_padding = 4 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 5
+button = new
+button_text =
+button_tooltip = [L] Toggle V/H Panel [R] Swap L/R/T/B Panel
+button_lclick_command = ~/.config/openbox/joyful-desktop/toggle-orientation.sh vh
+button_rclick_command = ~/.config/openbox/joyful-desktop/toggle-orientation.sh lrtb
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 17
+button_font_color = #f9f9f9 100
+button_padding = 4 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 6
+button = new
+button_text =
+button_tooltip = [L] Switch Theme
+button_lclick_command = ~/.config/openbox/joyful-desktop/toggle-mode.sh
+button_rclick_command =
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 17
+button_font_color = #f9f9f9 100
+button_padding = 4 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 7
+button = new
+button_text =
+button_tooltip = [L] Power Menu [R] Media Menu
+button_lclick_command = ~/.config/rofi/scripts/rofi-exts.sh session
+button_rclick_command = ~/.config/rofi/scripts/rofi-exts.sh media
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 17
+button_font_color = #f9f9f9 100
+button_padding = 4 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 8
+button = new
+button_text =
+button_tooltip = [L] Screenshot [R] Screenshot Menu [M] Selection Screenshot [S] Countdown Screenshot
+button_lclick_command = ~/.scripts/screenshot-screen.sh
+button_rclick_command = ~/.config/rofi/scripts/rofi-exts.sh screenshot
+button_mclick_command = ~/.scripts/screenshot-selection.sh
+button_uwheel_command = ~/.scripts/screenshot-countdown.sh
+button_dwheel_command = ~/.scripts/screenshot-countdown.sh
+button_font = Material 17
+button_font_color = #f9f9f9 100
+button_padding = 4 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 9
+button = new
+button_text =
+button_tooltip = [L] Ncmpcpp [R] Ncmpcpp - Album Art [M] Ncmpcpp - Single Album Art
+button_lclick_command = ~/.config/ncmpcpp/scripts/launcher.sh
+button_rclick_command = ~/.config/ncmpcpp/scripts/launcher.sh album-art
+button_mclick_command = ~/.config/ncmpcpp/scripts/launcher.sh single.album-art
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 17
+button_font_color = #f9f9f9 100
+button_padding = 4 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Tooltip
+tooltip_show_timeout = 0.5
+tooltip_hide_timeout = 0.2
+tooltip_padding = 8 6
+tooltip_background_id = 7
+tooltip_font_color = #f9f9f9 100
+tooltip_font = Cantarell 9
+
diff --git a/archive/dotfiles-29-6-2022/tint2/mechanical-top.interactive.tint2rc b/archive/dotfiles-29-6-2022/tint2/mechanical-top.interactive.tint2rc
new file mode 100644
index 0000000..b24f7a9
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/tint2/mechanical-top.interactive.tint2rc
@@ -0,0 +1,877 @@
+# User's tint2 configuration. Mechanical top interactive.
+# https://github.com/owl4ce/dotfiles
+
+#-------------------------------------
+# Gradients
+#-------------------------------------
+# Backgrounds
+# Background 1: Panel
+rounded = 0
+border_width = 4
+border_sides = TBLR
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #3b4252 100
+border_color = #3b4252 100
+background_color_hover = #000000 0
+border_color_hover = #000000 0
+background_color_pressed = #000000 0
+border_color_pressed = #000000 0
+
+# Background 2: Active task, Clock, Executor, Systray
+rounded = 11
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #434c5e 94
+border_color = #434c5e 94
+background_color_hover = #434c5e 94
+border_color_hover = #434c5e 94
+background_color_pressed = #434c5e 94
+border_color_pressed = #434c5e 94
+
+# Background 3:
+rounded = 0
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #44eb9f 94
+border_color = #44eb9f 94
+background_color_hover = #44eb9f 94
+border_color_hover = #44eb9f 94
+background_color_pressed = #44eb9f 94
+border_color_pressed = #44eb9f 94
+
+# Background 4:
+rounded = 0
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #a1d5f7 94
+border_color = #a1d5f7 94
+background_color_hover = #a1d5f7 94
+border_color_hover = #a1d5f7 94
+background_color_pressed = #a1d5f7 94
+border_color_pressed = #a1d5f7 94
+
+# Background 5:
+rounded = 0
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #fa74b2 94
+border_color = #fa74b2 94
+background_color_hover = #fa74b2 94
+border_color_hover = #fa74b2 94
+background_color_pressed = #fa74b2 94
+border_color_pressed = #fa74b2 94
+
+# Background 6:
+rounded = 0
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #faa687 94
+border_color = #faa687 94
+background_color_hover = #faa687 94
+border_color_hover = #faa687 94
+background_color_pressed = #faa687 94
+border_color_pressed = #faa687 94
+
+# Background 7:
+rounded = 0
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #7acbea 94
+border_color = #7acbea 94
+background_color_hover = #7acbea 94
+border_color_hover = #7acbea 94
+background_color_pressed = #7acbea 94
+border_color_pressed = #7acbea 94
+
+# Background 8:
+rounded = 0
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #cf8ef4 94
+border_color = #cf8ef4 94
+background_color_hover = #cf8ef4 94
+border_color_hover = #cf8ef4 94
+background_color_pressed = #cf8ef4 94
+border_color_pressed = #cf8ef4 94
+
+# Background 9: Tooltip
+rounded = 0
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #3b4252 100
+border_color = #3b4252 100
+background_color_hover = #000000 0
+border_color_hover = #000000 0
+background_color_pressed = #000000 0
+border_color_pressed = #000000 0
+
+# Background 10: Active desktop name
+rounded = 11
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #f9f9f9 94
+border_color = #f9f9f9 94
+background_color_hover = #f9f9f9 78
+border_color_hover = #f9f9f9 78
+background_color_pressed = #f9f9f9 94
+border_color_pressed = #f9f9f9 94
+
+# Background 11:
+rounded = 0
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #f9f9f9 84
+border_color = #f9f9f9 84
+background_color_hover = #f9f9f9 72
+border_color_hover = #f9f9f9 72
+background_color_pressed = #f9f9f9 84
+border_color_pressed = #f9f9f9 84
+
+# Background 12:
+rounded = 0
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #f9f9f9 76
+border_color = #f9f9f9 76
+background_color_hover = #f9f9f9 60
+border_color_hover = #f9f9f9 60
+background_color_pressed = #f9f9f9 76
+border_color_pressed = #f9f9f9 76
+
+# Background 13:
+rounded = 0
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #f9f9f9 94
+border_color = #f9f9f9 94
+background_color_hover = #f9f9f9 78
+border_color_hover = #f9f9f9 78
+background_color_pressed = #f9f9f9 94
+border_color_pressed = #f9f9f9 94
+
+#-------------------------------------
+# Panel
+panel_items = :PPPPP:S:P:E:E:E:T:E:E:E:E:P:E:P:C:PPPPP:
+panel_size = 100% 30
+panel_margin = 0 0
+panel_padding = 0 0 0
+panel_background_id = 1
+wm_menu = 1
+panel_dock = 0
+panel_pivot_struts = 0
+panel_position = top center horizontal
+panel_layer = top
+panel_monitor = all
+panel_shrink = 0
+autohide = 0
+autohide_show_timeout = 0
+autohide_hide_timeout = 0.5
+autohide_height = 2
+strut_policy = follow_size
+panel_window_name = mechanical.interactive.tint2
+disable_transparency = 1
+mouse_effects = 1
+font_shadow = 0
+mouse_hover_icon_asb = 100 0 10
+mouse_pressed_icon_asb = 100 0 0
+scale_relative_to_dpi = 0
+scale_relative_to_screen_height = 0
+
+#-------------------------------------
+# Taskbar
+taskbar_mode = single_desktop
+taskbar_hide_if_empty = 0
+taskbar_padding = 0 0 6
+taskbar_background_id = 0
+taskbar_active_background_id = 0
+taskbar_name = 1
+taskbar_hide_inactive_tasks = 1
+taskbar_hide_different_monitor = 0
+taskbar_hide_different_desktop = 0
+taskbar_always_show_all_desktop_tasks = 0
+taskbar_name_padding = 8 0
+taskbar_name_background_id = 0
+taskbar_name_active_background_id = 10
+taskbar_name_font = Iosevka Bold 8.5
+taskbar_name_font_color = #434c5e 100
+taskbar_name_active_font_color = #434c5e 100
+taskbar_distribute_size = 0
+taskbar_sort_order = mru
+task_align = left
+
+#-------------------------------------
+# Task
+task_text = 1
+task_icon = 0
+task_centered = 1
+urgent_nb_of_blink = 100000
+task_maximum_size = 140 35
+task_padding = 12 2 4
+task_font = Iosevka 8.5
+task_tooltip = 1
+task_thumbnail = 1
+task_thumbnail_size = 210
+task_font_color = #f9f9f9 0
+task_active_font_color = #f9f9f9 100
+task_urgent_font_color = #f9f9f9 0
+task_background_id = 0
+task_active_background_id = 2
+task_urgent_background_id = 0
+mouse_left = shade
+mouse_middle = none
+mouse_right = shade
+mouse_scroll_up = none
+mouse_scroll_down = none
+
+#-------------------------------------
+# System tray (notification area)
+systray_padding = 6 0 6
+systray_background_id = 2
+systray_sort = ascending
+systray_icon_size = 16
+systray_icon_asb = 100 0 10
+systray_monitor = 1
+systray_name_filter =
+
+#-------------------------------------
+# Launcher
+launcher_padding = 2 4 2
+launcher_background_id = 0
+launcher_icon_background_id = 0
+launcher_icon_size = 24
+launcher_icon_asb = 100 0 0
+launcher_icon_theme_override = 0
+startup_notifications = 1
+launcher_tooltip = 1
+launcher_item_app = tint2conf.desktop
+launcher_item_app = firefox.desktop
+launcher_item_app = iceweasel.desktop
+launcher_item_app = chromium-browser.desktop
+launcher_item_app = google-chrome.desktop
+
+#-------------------------------------
+# Clock
+time1_format = %H:%M
+time2_format =
+time1_font = Iosevka 8.5
+time1_timezone =
+time2_timezone =
+clock_font_color = #f9f9f9 100
+clock_padding = 6 0
+clock_background_id = 2
+clock_tooltip =
+clock_tooltip_timezone =
+clock_lclick_command =
+clock_rclick_command =
+clock_mclick_command =
+clock_uwheel_command =
+clock_dwheel_command =
+
+#-------------------------------------
+# Battery
+battery_tooltip = 1
+battery_low_status = 10
+battery_low_cmd =
+battery_full_cmd =
+battery_font_color = #ffffff 100
+bat1_format =
+bat2_format =
+battery_padding = 1 0
+battery_background_id = 0
+battery_hide = 101
+battery_lclick_command =
+battery_rclick_command =
+battery_mclick_command =
+battery_uwheel_command =
+battery_dwheel_command =
+ac_connected_cmd =
+ac_disconnected_cmd =
+
+#-------------------------------------
+# Separator 1
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Separator 2
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Separator 3
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Separator 4
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Separator 5
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Separator 6
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Separator 7
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Separator 8
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Separator 9
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Separator 10
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Separator 11
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Separator 12
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Separator 13
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Separator 14
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Separator 15
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Separator 16
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Separator 17
+separator = new
+separator_background_id = 0
+separator_color = #f9f9f9 0
+separator_style = empty
+separator_size = 6
+separator_padding = 0 0
+
+#-------------------------------------
+# Executor 1
+execp = new
+execp_command = ~/.config/tint2/executor/temp.sh
+execp_interval = 1
+execp_has_icon = 0
+execp_cache_icon = 0
+execp_continuous = 0
+execp_markup = 0
+execp_tooltip =
+execp_lclick_command =
+execp_rclick_command =
+execp_mclick_command =
+execp_uwheel_command =
+execp_dwheel_command =
+execp_font = Iosevka 8.5
+execp_font_color = #f9f9f9 100
+execp_padding = 6 0
+execp_background_id = 2
+execp_centered = 1
+execp_icon_w = 0
+execp_icon_h = 0
+
+#-------------------------------------
+# Executor 2
+execp = new
+execp_command = ~/.scripts/music-controller.sh icon
+execp_interval = 1
+execp_has_icon = 0
+execp_cache_icon = 0
+execp_continuous = 0
+execp_markup = 0
+execp_tooltip = [L] Toggle Playback [R] Music Menu [M] Switch MPD/Spotify [S] Change Track
+execp_lclick_command = ~/.scripts/music-controller.sh toggle
+execp_rclick_command = ~/.config/rofi/scripts/rofi-exts.sh music
+execp_mclick_command = ~/.scripts/music-controller.sh switch
+execp_uwheel_command = ~/.scripts/music-controller.sh prev
+execp_dwheel_command = ~/.scripts/music-controller.sh next
+execp_font = Material Bold 10
+execp_font_color = #434c5e 100
+execp_padding = 5 0
+execp_background_id = 10
+execp_centered = 1
+execp_icon_w = 0
+execp_icon_h = 0
+
+#-------------------------------------
+# Executor 3
+execp = new
+execp_command = ~/.scripts/music-controller.sh title
+execp_interval = 1
+execp_has_icon = 0
+execp_cache_icon = 0
+execp_continuous = 0
+execp_markup = 0
+execp_tooltip = [S] Change Track
+execp_lclick_command =
+execp_rclick_command =
+execp_mclick_command =
+execp_uwheel_command = ~/.scripts/music-controller.sh prev
+execp_dwheel_command = ~/.scripts/music-controller.sh next
+execp_font = Iosevka 8.5
+execp_font_color = #f9f9f9 100
+execp_padding = 6 0
+execp_background_id = 2
+execp_centered = 1
+execp_icon_w = 0
+execp_icon_h = 0
+
+#-------------------------------------
+# Executor 4
+execp = new
+execp_command = ~/.config/tint2/executor/network.sh icon
+execp_interval = 1
+execp_has_icon = 0
+execp_cache_icon = 0
+execp_continuous = 0
+execp_markup = 0
+execp_tooltip = Network Status
+execp_lclick_command = #
+execp_rclick_command =
+execp_mclick_command =
+execp_uwheel_command =
+execp_dwheel_command =
+execp_font = Material Bold 10
+execp_font_color = #434c5e 100
+execp_padding = 5 0
+execp_background_id = 10
+execp_centered = 1
+execp_icon_w = 0
+execp_icon_h = 0
+
+#-------------------------------------
+# Executor 5
+execp = new
+execp_command = ~/.config/tint2/executor/network.sh status
+execp_interval = 1
+execp_has_icon = 0
+execp_cache_icon = 0
+execp_continuous = 0
+execp_markup = 0
+execp_tooltip =
+execp_lclick_command =
+execp_rclick_command =
+execp_mclick_command =
+execp_uwheel_command =
+execp_dwheel_command =
+execp_font = Iosevka 8.5
+execp_font_color = #f9f9f9 100
+execp_padding = 6 0
+execp_background_id = 2
+execp_centered = 1
+execp_icon_w = 0
+execp_icon_h = 0
+
+#-------------------------------------
+# Executor 6
+execp = new
+execp_command = ~/.config/tint2/executor/volume.sh icon
+execp_interval = 1
+execp_has_icon = 0
+execp_cache_icon = 0
+execp_continuous = 0
+execp_markup = 0
+execp_tooltip = [L] Toggle Audio Mute [S] Audio Volume +/-
+execp_lclick_command = ~/.config/tint2/executor/volume.sh 0
+execp_rclick_command =
+execp_mclick_command =
+execp_uwheel_command = ~/.config/tint2/executor/volume.sh +
+execp_dwheel_command = ~/.config/tint2/executor/volume.sh -
+execp_font = Material Bold 10
+execp_font_color = #434c5e 100
+execp_padding = 5 0
+execp_background_id = 10
+execp_centered = 1
+execp_icon_w = 0
+execp_icon_h = 0
+
+#-------------------------------------
+# Executor 7
+execp = new
+execp_command = ~/.config/tint2/executor/volume.sh percent
+execp_interval = 1
+execp_has_icon = 0
+execp_cache_icon = 0
+execp_continuous = 0
+execp_markup = 0
+execp_tooltip = [S] Audio Volume +/-
+execp_lclick_command =
+execp_rclick_command =
+execp_mclick_command =
+execp_uwheel_command = ~/.config/tint2/executor/volume.sh +
+execp_dwheel_command = ~/.config/tint2/executor/volume.sh -
+execp_font = Iosevka 8.5
+execp_font_color = #f9f9f9 100
+execp_padding = 6 0
+execp_background_id = 2
+execp_centered = 1
+execp_icon_w = 0
+execp_icon_h = 0
+
+#-------------------------------------
+# Executor 8
+execp = new
+execp_command = date +%a\ -\ %b\ %d,\ %Y
+execp_interval = 1
+execp_has_icon = 0
+execp_cache_icon = 0
+execp_continuous = 0
+execp_markup = 0
+execp_tooltip =
+execp_lclick_command =
+execp_rclick_command =
+execp_mclick_command =
+execp_uwheel_command =
+execp_dwheel_command =
+execp_font = Iosevka 8.5
+execp_font_color = #f9f9f9 100
+execp_padding = 6 0
+execp_background_id = 2
+execp_centered = 1
+execp_icon_w = 0
+execp_icon_h = 0
+
+#-------------------------------------
+# Button 1
+button = new
+button_text =
+button_lclick_command =
+button_rclick_command =
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Iosevka 14
+button_font_color = #f9f9f9 92
+button_padding = 0 0
+button_background_id = 0
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 2
+button = new
+button_text =
+button_tooltip = [L] Change X Wallpaper [R] Generate Colorized Wallpaper
+button_lclick_command = ~/.config/openbox/joyful-desktop/wallpaper-set.sh
+button_rclick_command = ~/.config/openbox/joyful-desktop/wallpaper-set.sh generate
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material Bold 10
+button_font_color = #434c5e 100
+button_padding = 5 0
+button_background_id = 13
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 3
+button = new
+button_text =
+button_tooltip = [L] Toggle Mode
+button_lclick_command = ~/.config/openbox/joyful-desktop/toggle-mode.sh mode
+button_rclick_command =
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material Bold 10
+button_font_color = #434c5e 100
+button_padding = 5 0
+button_background_id = 11
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 4
+button = new
+button_text =
+button_tooltip = [L] Switch Theme
+button_lclick_command = ~/.config/openbox/joyful-desktop/toggle-mode.sh
+button_rclick_command =
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material Bold 10
+button_font_color = #434c5e 100
+button_padding = 5 0
+button_background_id = 12
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 5
+button = new
+button_text =
+button_lclick_command =
+button_rclick_command =
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Iosevka 14
+button_font_color = #f9f9f9 74
+button_padding = 0 0
+button_background_id = 0
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 6
+button = new
+button_text =
+button_tooltip = Hardware Temperature
+button_lclick_command = #
+button_rclick_command =
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material Bold 10
+button_font_color = #434c5e 100
+button_padding = 5 0
+button_background_id = 10
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 7
+button = new
+button_text =
+button_tooltip = Date
+button_lclick_command = gsimplecal
+button_rclick_command =
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material Bold 10
+button_font_color = #434c5e 100
+button_padding = 5 0
+button_background_id = 10
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 8
+button = new
+button_text =
+button_tooltip = Time
+button_lclick_command = gsimplecal
+button_rclick_command =
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material Bold 10
+button_font_color = #434c5e 100
+button_padding = 5 0
+button_background_id = 10
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 9
+button = new
+button_text =
+button_lclick_command =
+button_rclick_command =
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Iosevka 14
+button_font_color = #f9f9f9 74
+button_padding = 0 0
+button_background_id = 0
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 10
+button = new
+button_text =
+button_tooltip = [L] Change Window Button-Style [R] Swap Window Button-Location L/R [M] Toggle Decoration
+button_lclick_command = ~/.config/openbox/joyful-desktop/ob-button-set.sh
+button_rclick_command = ~/.config/openbox/joyful-desktop/ob-button-set.sh swap
+button_mclick_command = ~/.config/openbox/joyful-desktop/ob-button-set.sh decor
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material Bold 10
+button_font_color = #434c5e 100
+button_padding = 5 0
+button_background_id = 12
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 11
+button = new
+button_text =
+button_tooltip = [L] Screenshot [R] Screenshot Menu [M] Selection Screenshot [S] Countdown Screenshot
+button_lclick_command = ~/.scripts/screenshot-screen.sh
+button_rclick_command = ~/.config/rofi/scripts/rofi-exts.sh screenshot
+button_mclick_command = ~/.scripts/screenshot-selection.sh
+button_uwheel_command = ~/.scripts/screenshot-countdown.sh
+button_dwheel_command = ~/.scripts/screenshot-countdown.sh
+button_font = Material Bold 10
+button_font_color = #434c5e 100
+button_padding = 5 0
+button_background_id = 11
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 12
+button = new
+button_text =
+button_tooltip = [L] Power Menu [R] Media Menu
+button_lclick_command = ~/.config/rofi/scripts/rofi-exts.sh session
+button_rclick_command = ~/.config/rofi/scripts/rofi-exts.sh media
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material Bold 10
+button_font_color = #434c5e 100
+button_padding = 5 0
+button_background_id = 13
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 13
+button = new
+button_text =
+button_lclick_command =
+button_rclick_command =
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Iosevka 14
+button_font_color = #f9f9f9 92
+button_padding = 0 0
+button_background_id = 0
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Tooltip
+tooltip_show_timeout = 0.5
+tooltip_hide_timeout = 0.2
+tooltip_padding = 8 6
+tooltip_background_id = 9
+tooltip_font_color = #f9f9f9 100
+tooltip_font = Cantarell 9
+
diff --git a/archive/dotfiles-29-6-2022/tint2/mechanical-vertical.artistic.tint2rc b/archive/dotfiles-29-6-2022/tint2/mechanical-vertical.artistic.tint2rc
new file mode 100644
index 0000000..240d299
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/tint2/mechanical-vertical.artistic.tint2rc
@@ -0,0 +1,447 @@
+# User's tint2 configuration. Mechanical vertical artistic.
+# https://github.com/owl4ce/dotfiles
+
+#-------------------------------------
+# Gradients
+# Gradient 1
+gradient = vertical
+start_color = START_COLOR 100
+end_color = END_COLOR 100
+
+# Gradient 2
+gradient = vertical
+start_color = START_COLOR 82
+end_color = END_COLOR 82
+
+#-------------------------------------
+# Backgrounds
+# Background 1: Active task
+rounded = 8
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #f9f9f9 100
+border_color = #f9f9f9 100
+background_color_hover = #f9f9f9 78
+border_color_hover = #f9f9f9 78
+background_color_pressed = #f9f9f9 100
+border_color_pressed = #f9f9f9 100
+
+# Background 2: Default task
+rounded = 8
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #4c566a 100
+border_color = #4c566a 100
+gradient_id = 0
+background_color_hover = #ededed 82
+border_color_hover = #ededed 82
+background_color_pressed = #4c566a 100
+border_color_pressed = #4c566a 100
+
+# Background 3: Active desktop name, Inactive desktop name, Urgent task
+rounded = 8
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #f9f9f9 100
+border_color = #f9f9f9 40
+gradient_id = 0
+background_color_hover = #f9f9f9 88
+border_color_hover = #f9f9f9 40
+background_color_pressed = #f9f9f9 100
+border_color_pressed = #f9f9f9 78
+
+# Background 4: Active taskbar, Clock, Inactive taskbar, Panel
+rounded = 0
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #3b4252 100
+border_color = #000000 0
+background_color_hover = #000000 0
+border_color_hover = #000000 0
+background_color_pressed = #000000 0
+border_color_pressed = #000000 0
+
+# Background 5:
+rounded = 6
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #f9f9f9 0
+border_color = #a1a8b9 0
+gradient_id = 1
+background_color_hover = #63c5ea 0
+border_color_hover = #a1a8b9 0
+gradient_id_hover = 2
+background_color_pressed = #63c5ea 0
+border_color_pressed = #a1a8b9 0
+gradient_id_pressed = 1
+
+# Background 6: Button, Executor
+rounded = 6
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #373e4d 100
+border_color = #373e4d 100
+gradient_id = 0
+background_color_hover = #434c5e 100
+border_color_hover = #434c5e 100
+background_color_pressed = #373e4d 100
+border_color_pressed = #373e4d 100
+gradient_id_pressed = 0
+
+# Background 7: Tooltip
+rounded = 0
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #3b4252 100
+border_color = #000000 0
+background_color_hover = #000000 0
+border_color_hover = #000000 0
+background_color_pressed = #000000 0
+border_color_pressed = #000000 0
+
+# Background 8: Systray
+rounded = 14
+border_width = 0
+border_sides =
+border_content_tint_weight = 0
+background_content_tint_weight = 0
+background_color = #434c5e 100
+border_color = #a1a8b9 0
+background_color_hover = #434c5e 100
+border_color_hover = #a1a8b9 0
+background_color_pressed = #434c5e 100
+border_color_pressed = #a1a8b9 0
+
+#-------------------------------------
+# Panel
+panel_items = PPPPPPPPEPTSC
+panel_size = 100% 45
+panel_margin = 0 0
+panel_padding = 7 7 7
+panel_background_id = 4
+wm_menu = 1
+panel_dock = 0
+panel_pivot_struts = 0
+panel_position = center left vertical
+panel_layer = top
+panel_monitor = primary
+panel_shrink = 0
+autohide = 0
+autohide_show_timeout = 0
+autohide_hide_timeout = 0
+autohide_height = 1
+strut_policy = follow_size
+panel_window_name = mechanical.artistic.tint2
+disable_transparency = 1
+mouse_effects = 1
+font_shadow = 0
+mouse_hover_icon_asb = 100 0 10
+mouse_pressed_icon_asb = 100 0 0
+scale_relative_to_dpi = 0
+scale_relative_to_screen_height = 0
+
+#-------------------------------------
+# Taskbar
+taskbar_mode = single_desktop
+taskbar_hide_if_empty = 0
+taskbar_padding = 5 7 8
+taskbar_background_id = 4
+taskbar_active_background_id = 4
+taskbar_name = 1
+taskbar_hide_inactive_tasks = 0
+taskbar_hide_different_monitor = 0
+taskbar_hide_different_desktop = 0
+taskbar_always_show_all_desktop_tasks = 0
+taskbar_name_padding = 1 0
+taskbar_name_background_id = 3
+taskbar_name_active_background_id = 3
+taskbar_name_font = Iosevka 8.2998046875
+taskbar_name_font_color = #3b4252 100
+taskbar_name_active_font_color = #3b4252 100
+taskbar_distribute_size = 0
+taskbar_sort_order = title
+task_align = right
+
+#-------------------------------------
+# Task
+task_text = 1
+task_icon = 0
+task_centered = 1
+urgent_nb_of_blink = 3
+task_maximum_size = 17 17
+task_padding = 0 0 0
+task_font = Sans 0
+task_tooltip = 1
+task_thumbnail = 1
+task_thumbnail_size = 210
+task_font_color = #4c566a 100
+task_active_font_color = #f9f9f9 100
+task_background_id = 2
+task_active_background_id = 1
+task_urgent_background_id = 3
+mouse_left = toggle_iconify
+mouse_middle = none
+mouse_right = close
+mouse_scroll_up = next_task
+mouse_scroll_down = prev_task
+
+#-------------------------------------
+# System tray (notification area)
+systray_padding = 8 0 10
+systray_background_id = 8
+systray_sort = ascending
+systray_icon_size = 16
+systray_icon_asb = 100 0 10
+systray_monitor = 1
+systray_name_filter =
+
+#-------------------------------------
+# Launcher
+launcher_padding = 8 4 4
+launcher_background_id = 0
+launcher_icon_background_id = 0
+launcher_icon_size = 16
+launcher_icon_asb = 100 0 0
+launcher_icon_theme = default
+launcher_icon_theme_override = 0
+startup_notifications = 0
+launcher_tooltip = 0
+
+#-------------------------------------
+# Clock
+time1_format = %H %M
+time2_format =
+time1_font = Iosevka Bold 16
+time1_timezone =
+time2_timezone =
+time2_font = Iosevka Italic 10
+clock_font_color = #f9f9f9 100
+clock_padding = 0 3
+clock_background_id = 4
+clock_tooltip = %A - %B %d, %Y
+clock_tooltip_timezone =
+clock_lclick_command = gsimplecal
+clock_rclick_command = gsimplecal
+clock_mclick_command =
+clock_uwheel_command =
+clock_dwheel_command =
+
+#-------------------------------------
+# Battery
+battery_tooltip = 1
+battery_low_status = 0
+battery_low_cmd =
+battery_full_cmd =
+battery_font_color = #000000 100
+bat1_format =
+bat2_format =
+battery_padding = 0 0
+battery_background_id = 0
+battery_hide = 101
+battery_lclick_command =
+battery_rclick_command =
+battery_mclick_command =
+battery_uwheel_command =
+battery_dwheel_command =
+ac_connected_cmd =
+ac_disconnected_cmd =
+
+#-------------------------------------
+# Executor 1
+execp = new
+execp_command = ~/.scripts/music-controller.sh icon
+execp_interval = 1
+execp_has_icon = 0
+execp_cache_icon = 0
+execp_continuous = 0
+execp_markup = 0
+execp_tooltip = [L] Toggle Playback [R] Music Menu [M] Switch MPD/Spotify [S] Change Track
+execp_lclick_command = ~/.scripts/music-controller.sh toggle
+execp_rclick_command = ~/.config/rofi/scripts/rofi-exts.sh music
+execp_mclick_command = ~/.scripts/music-controller.sh switch
+execp_uwheel_command = ~/.scripts/music-controller.sh prev
+execp_dwheel_command = ~/.scripts/music-controller.sh next
+execp_font = Material 17
+execp_font_color = #f9f9f9 100
+execp_padding = 3 0
+execp_background_id = 6
+execp_centered = 1
+execp_icon_w = 0
+execp_icon_h = 0
+
+#-------------------------------------
+# Button 1
+button = new
+button_text = ⟐
+button_tooltip = [L] Main Menu [R] Extensions Menu
+button_lclick_command = ~/.config/rofi/scripts/rofi-main.sh
+button_rclick_command = ~/.config/rofi/scripts/rofi-exts.sh
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 17
+button_font_color = #3b4252 100
+button_padding = 3 0
+button_background_id = 5
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 2
+button = new
+button_text =
+button_tooltip = [L] Change X Wallpaper [R] Generate Colorized Wallpaper
+button_lclick_command = ~/.config/openbox/joyful-desktop/wallpaper-set.sh
+button_rclick_command = ~/.config/openbox/joyful-desktop/wallpaper-set.sh generate
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 17
+button_font_color = #f9f9f9 100
+button_padding = 3 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 3
+button = new
+button_text =
+button_tooltip = [L] Change Window Button-Style [R] Swap Window Button-Location L/R [M] Toggle Decoration
+button_lclick_command = ~/.config/openbox/joyful-desktop/ob-button-set.sh
+button_rclick_command = ~/.config/openbox/joyful-desktop/ob-button-set.sh swap
+button_mclick_command = ~/.config/openbox/joyful-desktop/ob-button-set.sh decor
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 17
+button_font_color = #f9f9f9 100
+button_padding = 3 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 4
+button = new
+button_text =
+button_tooltip = [L] Toggle Mode
+button_lclick_command = ~/.config/openbox/joyful-desktop/toggle-mode.sh mode
+button_rclick_command =
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 17
+button_font_color = #f9f9f9 100
+button_padding = 3 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 5
+button = new
+button_text =
+button_tooltip = [L] Toggle V/H Panel [R] Swap L/R/T/B Panel
+button_lclick_command = ~/.config/openbox/joyful-desktop/toggle-orientation.sh vh
+button_rclick_command = ~/.config/openbox/joyful-desktop/toggle-orientation.sh lrtb
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 17
+button_font_color = #f9f9f9 100
+button_padding = 3 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 6
+button = new
+button_text =
+button_tooltip = [L] Switch Theme
+button_lclick_command = ~/.config/openbox/joyful-desktop/toggle-mode.sh
+button_rclick_command =
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 17
+button_font_color = #f9f9f9 100
+button_padding = 3 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 7
+button = new
+button_text =
+button_tooltip = [L] Power Menu [R] Media Menu
+button_lclick_command = ~/.config/rofi/scripts/rofi-exts.sh session
+button_rclick_command = ~/.config/rofi/scripts/rofi-exts.sh media
+button_mclick_command =
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 17
+button_font_color = #f9f9f9 100
+button_padding = 3 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 8
+button = new
+button_text =
+button_tooltip = [L] Screenshot [R] Screenshot Menu [M] Selection Screenshot [S] Countdown Screenshot
+button_lclick_command = ~/.scripts/screenshot-screen.sh
+button_rclick_command = ~/.config/rofi/scripts/rofi-exts.sh screenshot
+button_mclick_command = ~/.scripts/screenshot-selection.sh
+button_uwheel_command = ~/.scripts/screenshot-countdown.sh
+button_dwheel_command = ~/.scripts/screenshot-countdown.sh
+button_font = Material 17
+button_font_color = #f9f9f9 100
+button_padding = 3 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Button 9
+button = new
+button_text =
+button_tooltip = [L] Ncmpcpp [R] Ncmpcpp - Album Art [M] Ncmpcpp - Single Album Art
+button_lclick_command = ~/.config/ncmpcpp/scripts/launcher.sh
+button_rclick_command = ~/.config/ncmpcpp/scripts/launcher.sh album-art
+button_mclick_command = ~/.config/ncmpcpp/scripts/launcher.sh single.album-art
+button_uwheel_command =
+button_dwheel_command =
+button_font = Material 17
+button_font_color = #f9f9f9 100
+button_padding = 3 0
+button_background_id = 6
+button_centered = 1
+button_max_icon_size = 0
+
+#-------------------------------------
+# Tooltip
+tooltip_show_timeout = 0.5
+tooltip_hide_timeout = 0.2
+tooltip_padding = 8 6
+tooltip_background_id = 7
+tooltip_font_color = #f9f9f9 100
+tooltip_font = Cantarell 9
+
diff --git a/archive/dotfiles-29-6-2022/tint2/tint2rc b/archive/dotfiles-29-6-2022/tint2/tint2rc
new file mode 100644
index 0000000..d2176cb
--- /dev/null
+++ b/archive/dotfiles-29-6-2022/tint2/tint2rc
@@ -0,0 +1,201 @@
+#---- Generated by tint2conf aeaf ----
+# See https://gitlab.com/o9000/tint2/wikis/Configure for
+# full documentation of the configuration options.
+#-------------------------------------
+# Gradients
+#-------------------------------------
+# Backgrounds
+# Background 1: Panel
+rounded = 0
+border_width = 0
+border_sides = TBLR
+background_color = #000000 60
+border_color = #000000 30
+background_color_hover = #000000 60
+border_color_hover = #000000 30
+background_color_pressed = #000000 60
+border_color_pressed = #000000 30
+
+# Background 2: Default task, Iconified task
+rounded = 4
+border_width = 1
+border_sides = TBLR
+background_color = #777777 20
+border_color = #777777 30
+background_color_hover = #aaaaaa 22
+border_color_hover = #eaeaea 44
+background_color_pressed = #555555 4
+border_color_pressed = #eaeaea 44
+
+# Background 3: Active task
+rounded = 4
+border_width = 1
+border_sides = TBLR
+background_color = #777777 20
+border_color = #ffffff 40
+background_color_hover = #aaaaaa 22
+border_color_hover = #eaeaea 44
+background_color_pressed = #555555 4
+border_color_pressed = #eaeaea 44
+
+# Background 4: Urgent task
+rounded = 4
+border_width = 1
+border_sides = TBLR
+background_color = #aa4400 100
+border_color = #aa7733 100
+background_color_hover = #cc7700 100
+border_color_hover = #aa7733 100
+background_color_pressed = #555555 4
+border_color_pressed = #aa7733 100
+
+# Background 5: Tooltip
+rounded = 1
+border_width = 1
+border_sides = TBLR
+background_color = #222222 100
+border_color = #333333 100
+background_color_hover = #ffffaa 100
+border_color_hover = #000000 100
+background_color_pressed = #ffffaa 100
+border_color_pressed = #000000 100
+
+#-------------------------------------
+# Panel
+panel_items = LTSC
+panel_size = 100% 30
+panel_margin = 0 0
+panel_padding = 2 0 2
+panel_background_id = 1
+wm_menu = 1
+panel_dock = 0
+panel_position = bottom center horizontal
+panel_layer = top
+panel_monitor = all
+panel_shrink = 0
+autohide = 0
+autohide_show_timeout = 0
+autohide_hide_timeout = 0.5
+autohide_height = 2
+strut_policy = follow_size
+panel_window_name = tint2
+disable_transparency = 1
+mouse_effects = 1
+font_shadow = 0
+mouse_hover_icon_asb = 100 0 10
+mouse_pressed_icon_asb = 100 0 0
+
+#-------------------------------------
+# Taskbar
+taskbar_mode = single_desktop
+taskbar_hide_if_empty = 0
+taskbar_padding = 0 0 2
+taskbar_background_id = 0
+taskbar_active_background_id = 0
+taskbar_name = 1
+taskbar_hide_inactive_tasks = 0
+taskbar_hide_different_monitor = 0
+taskbar_hide_different_desktop = 0
+taskbar_always_show_all_desktop_tasks = 0
+taskbar_name_padding = 4 2
+taskbar_name_background_id = 0
+taskbar_name_active_background_id = 0
+taskbar_name_font_color = #e3e3e3 100
+taskbar_name_active_font_color = #ffffff 100
+taskbar_distribute_size = 0
+taskbar_sort_order = none
+task_align = left
+
+#-------------------------------------
+# Task
+task_text = 1
+task_icon = 1
+task_centered = 1
+urgent_nb_of_blink = 100000
+task_maximum_size = 150 35
+task_padding = 2 2 4
+task_tooltip = 1
+task_thumbnail = 0
+task_thumbnail_size = 210
+task_font_color = #ffffff 100
+task_background_id = 2
+task_active_background_id = 3
+task_urgent_background_id = 4
+task_iconified_background_id = 2
+mouse_left = toggle_iconify
+mouse_middle = none
+mouse_right = close
+mouse_scroll_up = toggle
+mouse_scroll_down = iconify
+
+#-------------------------------------
+# System tray (notification area)
+systray_padding = 0 4 2
+systray_background_id = 0
+systray_sort = ascending
+systray_icon_size = 24
+systray_icon_asb = 100 0 0
+systray_monitor = 1
+systray_name_filter =
+
+#-------------------------------------
+# Launcher
+launcher_padding = 2 4 2
+launcher_background_id = 0
+launcher_icon_background_id = 0
+launcher_icon_size = 24
+launcher_icon_asb = 100 0 0
+launcher_icon_theme_override = 0
+startup_notifications = 1
+launcher_tooltip = 1
+launcher_item_app = tint2conf.desktop
+launcher_item_app = firefox.desktop
+launcher_item_app = iceweasel.desktop
+launcher_item_app = chromium-browser.desktop
+launcher_item_app = google-chrome.desktop
+
+#-------------------------------------
+# Clock
+time1_format = %H:%M
+time2_format = %A %d %B
+time1_timezone =
+time2_timezone =
+clock_font_color = #ffffff 100
+clock_padding = 2 0
+clock_background_id = 0
+clock_tooltip =
+clock_tooltip_timezone =
+clock_lclick_command =
+clock_rclick_command = orage
+clock_mclick_command =
+clock_uwheel_command =
+clock_dwheel_command =
+
+#-------------------------------------
+# Battery
+battery_tooltip = 1
+battery_low_status = 10
+battery_low_cmd = xmessage 'tint2: Battery low!'
+battery_full_cmd =
+battery_font_color = #ffffff 100
+bat1_format =
+bat2_format =
+battery_padding = 1 0
+battery_background_id = 0
+battery_hide = 101
+battery_lclick_command =
+battery_rclick_command =
+battery_mclick_command =
+battery_uwheel_command =
+battery_dwheel_command =
+ac_connected_cmd =
+ac_disconnected_cmd =
+
+#-------------------------------------
+# Tooltip
+tooltip_show_timeout = 0.5
+tooltip_hide_timeout = 0.1
+tooltip_padding = 4 4
+tooltip_background_id = 5
+tooltip_font_color = #dddddd 100
+