diff --git a/Discord/Golden-Devil.theme.css b/Discord/Golden-Devil.theme.css index 7673c95..abd373f 100644 --- a/Discord/Golden-Devil.theme.css +++ b/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); diff --git a/Discord/Pink-Angel.theme.css b/Discord/Pink-Angel.theme.css index a14ca66..f96f497 100644 --- a/Discord/Pink-Angel.theme.css +++ b/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 {