icon and new links

latest.txt

@@ -1 +1 @@
-2024.8.7-r268.4cf457a15f
+2024.8.8-r272.48836374d2

webui/src/assets/deemix-icon.svg

@@ -8,7 +8,7 @@
     </linearGradient>
     <linearGradient id="linearGradient3021">
       <stop id="stop3017" offset="0" style="stop-color:#007aff;stop-opacity:1;"/>
-      <stop id="stop3019" offset="1" style="stop-color:#5856d6;stop-opacity:1"/>
+      <stop id="stop3019" offset="1" style="stop-color:#B560FF;stop-opacity:1"/>
     </linearGradient>
     <linearGradient gradientUnits="userSpaceOnUse" y2="13.229167" x2="34.355733" y1="13.229167" x1="30.794743" id="linearGradient3023" xlink:href="#linearGradient3021"/>
     <linearGradient gradientUnits="userSpaceOnUse" y2="19.84375" x2="17.671497" y1="6.6145835" x1="17.671497" id="linearGradient3052" xlink:href="#linearGradient3021"/>
@@ -216,7 +216,7 @@
   </g>
   <g id="layer3">
     <g style="filter:url(#filter10820)" id="g10580">
-      <path d="m 1.0583333,15.404013 c 0,2.777434 1.6195133,4.439737 4.0258347,4.439737 1.1998823,0 2.2096194,-0.353238 2.7734987,-1.281359 V 19.84375 H 10.054166 V 6.6145835 H 7.7724295 V 12.23871 C 7.2544471,11.310591 6.2971638,10.895015 5.0972812,10.895015 2.7499705,10.888139 1.0583333,12.585023 1.0583333,15.404013 Z m 6.78622,0 c 0,1.586116 -1.0228506,2.576572 -2.24896,2.576572 -1.2720065,0 -2.2489601,-0.990456 -2.2489601,-2.576572 0,-1.613818 0.9835102,-2.625053 2.2489601,-2.625053 1.2261094,0 2.24896,1.025086 2.24896,2.625053 z" id="path8175" style="opacity:1;fill:#ffffff;fill-opacity:1;stroke-width:0.0673896"/>
+      <path d="m 1.0583333,15.404013 c 0,2.777434 1.6195133,4.439737 4.0258347,4.439737 1.1998823,0 2.2096194,-0.353238 2.7734987,-1.281359 V 19.84375 H 10.054166 V 6.6145835 H 7.7724295 V 12.23871 C 7.2544471,11.310591 6.2971638,10.895015 5.0972812,10.895015 2.7499705,10.888139 1.0583333,12.585023 1.0583333,15.404013 Z m 6.78622,0 c 0,1.586116 -1.0228506,2.576572 -2.24896,2.576572 -1.2720065,0 -2.2489601,-0.990456 -2.2489601,-2.576572 0,-1.613818 0.9835102,-2.625053 2.2489601,-2.625053 1.2261094,0 2.24896,1.025086 2.24896,2.625053 z" id="path8175" style="opacity:1;fill:lightgreen;fill-opacity:1;stroke-width:0.0673896"/>
       <rect style="opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:0.881856;stroke-linecap:round;stroke-linejoin:round" id="rect10263" width="26.458332" height="26.458332" x="0" y="5e-07" ry="0"/>
       <g mask="url(#mask9169-3)" id="g3068" style="display:inline">
         <rect style="opacity:1;fill:url(#linearGradient10573);fill-opacity:1;stroke:none;stroke-width:0.881856;stroke-linecap:round;stroke-linejoin:round" id="rect3013" width="13.229166" height="13.229166" x="11.1125" y="6.614583" ry="0.017408287"/>

webui/src/components/TheSidebar.vue

@@ -93,8 +93,8 @@ export default defineComponent({
 }
 
 .deemix-icon-container /deep/ svg {
-	height: 75px;
+	height: 90px;
-	filter: hue-rotate(30deg);
+/* 	filter: hue-rotate(30deg); */
 }
 
 #update-notification {

webui/src/components/pages/About.vue

@@ -20,7 +20,7 @@
 			<li>{{ $t('about.updates.deemixVersion') }}: {{ deemixVersion }}</li>
 			<i18n path="about.updates.updateAvailable" tag="li" v-if="updateAvailable && latest">
 				<template #version>
-					<a href="https://bit.ly/DeemixFixBuilds" target="_blank">{{ latest }}</a>
+					<a href="https://t.me/DeemixFix" target="_blank">{{ latest }}</a>
 				</template>
 			</i18n>
 		</ul>
@@ -37,13 +37,23 @@
 
 		<h2>Changelog</h2>
 		<ul class="no-dots" style="font-size: 15px;">
+			<h3>08/08/2024</h3>
+			- Icon colors<br>
+			- Created <a target="_blank" href="https://t.me/DeemixFix"> Releases Channel </a>Subscribe for
+			updates, changelog and Builds.<br>
+			- Contributions to developer accepted (all debit and credit cards):<a target="_blank"
+				href="https://revolut.me/michelf9a"> Revolut Me </a><br>
+			<br>
 			<h3>07/08/2024</h3>
 			- Restored "Spotify Username" field in Settings, Other, Spotify features.<br>
 			- Fix for crash when fetching empty Spotify Playlists or without thumbnail image.<br>
-			- New feature! Added the possibility to insert a list of spotify users instead, separated by commas or spaces.<br><br>
+			- New feature! Added the possibility to insert a list of spotify users instead, separated by commas or
+			spaces.<br><br>
 			How it works:<br>
 			Add a list of comma or space separated Spotify user IDs to "follow".<br>
-			All the public playlists by the listed users will be displayed in the Favorites section. A user ID is the part that comes after 'https://open.spotify.com/user/' and can be a set of alphanumeric characters or a profile name, especially for record labels. You can also insert your own Spotify username ID as before.<br>
+			All the public playlists by the listed users will be displayed in the Favorites section. A user ID is the part
+			that comes after 'https://open.spotify.com/user/' and can be a set of alphanumeric characters or a profile name,
+			especially for record labels. You can also insert your own Spotify username ID as before.<br>
 			<br>
 			<h3>02/08/2024</h3>
 			- Removed outdated linters and formatters<br>
@@ -91,7 +101,6 @@
 			- Modified About section<br>
 			- Added working Paypal link for contributions<br>
 			- Published on Gitlab Repo<br>
-			- Created bit.ly redirect to Builds (https://bit.ly/DeemixFixBuilds)<br>
 			<br>
 			<h3>18/07/2024</h3>
 			- Initial sync, JS formatting via Standard-JS for all project files<br>
@@ -110,7 +119,7 @@
 			<li>
 				<a href="https://gitlab.com/deeplydrumming/DeemixFix" target="_blank"> 💻 {{ $t('about.officialWebuiRepo') }}
 				</a><br>
-				<a href="https://bit.ly/DeemixFixBuilds" target="_blank">
+				<a href="https://t.me/DeemixFix" target="_blank">
 					💻 Builds
 				</a><br>
 			</li>
@@ -169,9 +178,9 @@
 		</ul>
 		<ul>
 			<li>
-				<i v-html="paypal" />
+				<!-- <i v-html="paypal" /> -->
-				<strong>PayPal:</strong>
+				<strong>Revolut (all debit and credit cards accepted)</strong>
-				<a href="https://paypal.me/meetuppay" target="_blank">Contribute</a>
+				<a href="https://revolut.me/michelf9a" target="_blank">Contribute</a>
 			</li>
 		</ul>
 
@@ -197,8 +206,6 @@ import { computed, defineComponent, onMounted, reactive, toRefs } from '@vue/com
 
 import { useOnline } from '@/use/online'
 
-import paypal from '@/assets/paypal.svg'
-
 export default defineComponent({
 	setup(_, ctx) {
 		const state = reactive({
@@ -226,7 +233,6 @@ export default defineComponent({
 
 		return {
 			...toRefs(state),
-			paypal,
 			isOnline
 		}
 	}