modified: Discord/Golden-Devil.theme.css

modified:   Discord/Pink-Angel.theme.css

Discord/Golden-Devil.theme.css

@@ -2,7 +2,7 @@
  * @name Golden-Devil
  * @description A Black and Golden Discord Theme, matching with the SputnikOS Gnome Theme
  * @author Anthony
- * @version 0.0.1
+ * @version 0.1
  * @source https://code.cif.su/anthony/Themes/src/branch/main/Discord/Golden-Devil.theme.css
  * @updateUrl https://code.cif.su/anthony/Themes/src/branch/main/Discord/Golden-Devil.theme.css
 */
@@ -74,6 +74,7 @@
 	--moon-icon: block; /* moon icon */
 	--moon-icon-url: url('https://upload.wikimedia.org/wikipedia/commons/c/c7/Coat_of_arms_of_East_Germany_%281950%E2%80%931953%29.svg'); /* custom icon url */
 	--moon-icon-size: 104%;
+	--icon-color: rgb(0, 215, 145);
 	
 	/* filter uncolorable elements to fit theme */
 	/* (just set to none, they're too much work to configure) */
@@ -705,7 +706,7 @@ button.button_dd4f85 /* small buttons */,
 	position: absolute;
 	width: 65%;
 	height: 65%;
-	background: rgb(0, 215, 145);
+	background: var(--icon-color);
 	-webkit-mask-image: var(--moon-icon-url);
 	-webkit-mask-size: var(--moon-icon-size);
 	-webkit-mask-repeat: none;
@@ -717,7 +718,7 @@ button.button_dd4f85 /* small buttons */,
 }
 .wrapper_f90abb:hover > .childWrapper_f90abb::before,
 .wrapper_f90abb.selected_f90abb > .childWrapper_f90abb::before {
-	background: rgb(0, 215, 145);
+	background: var(--icon-color);
 	transform: rotate(-360deg) scale(0.8);
 }
 .lowerBadge_c5f96a::before {
@@ -856,6 +857,9 @@ button.button_f67531 /* make user panel buttons round */ {
 	margin-bottom: -12px;
 }
 
+.theme-dark {
+	--text-link: var(--accent-5);
+}
 html.theme-dark {
 	--activity-card-background: var(--bg-3);
 	--android-navigation-bar-background: var(--primary-830);

Discord/Pink-Angel.theme.css

@@ -2,7 +2,7 @@
  * @name Pink-Angel
  * @description A white and pink Discord Theme, matching with the SputnikOS Gnome Theme
  * @author Anthony
- * @version 0.0.1
+ * @version 0.1
  * @source https://code.cif.su/anthony/Themes/src/branch/main/Discord/Pink-Angel.theme.css
  * @updateUrl https://code.cif.su/anthony/Themes/src/branch/main/Discord/Pink-Angel.theme.css
 */
@@ -57,8 +57,8 @@
 	/* ALL ANIMATIONS CAN BE DISABLED WITH REDUCED MOTION IN DISCORD SETTINGS */
 	--list-item-transition: 0.2s ease; /* channels/members/settings hover transition */
 	--unread-bar-transition: 0.2s ease; /* unread bar moving into view transition */
-	--moon-spin-transition: 0.4s ease; /* moon icon spin */
-	--icon-spin-transition: 1s ease; /* round icon button spin (settings, emoji, etc.) */
+	--moon-spin-transition: 0.5s ease; /* moon icon spin */
+	--icon-spin-transition: 0.5s ease; /* round icon button spin (settings, emoji, etc.) */
 
 	/* corner roundness (border-radius) */
 	--roundness-xl: 22px; /* roundness of big panel outer corners */
@@ -74,6 +74,7 @@
 	--moon-icon: block; /* moon icon */
 	--moon-icon-url: url('https://upload.wikimedia.org/wikipedia/commons/c/c7/Coat_of_arms_of_East_Germany_%281950%E2%80%931953%29.svg'); /* custom icon url */
 	--moon-icon-size: 104%;
+	--icon-color: rgb(255, 90, 153);
 	
 	/* filter uncolorable elements to fit theme */
 	/* (just set to none, they're too much work to configure) */
@@ -705,7 +706,7 @@ button.button_dd4f85 /* small buttons */,
 	position: absolute;
 	width: 65%;
 	height: 65%;
-	background: rgb(255, 90, 153);
+	background: var(--icon-color);
 	-webkit-mask-image: var(--moon-icon-url);
 	-webkit-mask-size: var(--moon-icon-size);
 	-webkit-mask-repeat: none;
@@ -717,7 +718,7 @@ button.button_dd4f85 /* small buttons */,
 }
 .wrapper_f90abb:hover > .childWrapper_f90abb::before,
 .wrapper_f90abb.selected_f90abb > .childWrapper_f90abb::before {
-	background: rgb(255, 90, 153);
+	background: var(--icon-color);
 	transform: rotate(-360deg) scale(0.8);
 }
 .lowerBadge_c5f96a::before {