Revert changes made in 2326de4 and 346d68a (#558)

Co-authored-by: Devin Ulibarri <[email protected]>

css/ion_icon_customization.scss

@@ -4,57 +4,56 @@
 // Somewhat based off Social Share Kit - https://github.com/darklow/social-share-kit/blob/master/dist/css/social-share-kit.css
 
 // By default the hover color is darkened. You can set the percent below
-@use "sass:color";
 $darken-percent: 10%;
 
 // Facebook colors
 $facebook-color: white;
-$facebook-color-hover: color.adjust($facebook-color, $lightness: -$darken-percent);
+$facebook-color-hover: darken($facebook-color, $darken-percent);
 $facebook-background: #1877f2;
-$facebook-background-hover: color.adjust($facebook-background, $lightness: -$darken-percent);
+$facebook-background-hover: darken($facebook-background, $darken-percent);
 
 // Github colors
 $github-color: white;
-$github-color-hover: color.adjust($github-color, $lightness: -$darken-percent);
+$github-color-hover: darken($github-color, $darken-percent);
 $github-background: black;
-$github-background-hover: color.adjust($github-background, $lightness: -$darken-percent);
+$github-background-hover: darken($github-background, $darken-percent);
 
 // X colors
 $X-color: white;
-$X-color-hover: color.adjust($X-color, $lightness: -$darken-percent);
+$X-color-hover: darken($X-color, $darken-percent);
 $X-background: black;
-$X-background-hover: color.adjust($X-background, $lightness: -$darken-percent);
+$X-background-hover: darken($X-background, $darken-percent);
 
 // Instagram colors
 // Instagram uses the background on both for both sticky and non sticky icons
 $instagram-color: white;
 $instagram-color-hover: #d9a1f1;
 $instagram-background: linear-gradient(#4c4bdb85, transparent), linear-gradient(60deg, #ffff00, #ff00d3, #0e39dc);
-$instagram-background-hover: linear-gradient(color.adjust(#4c4bdb85, $lightness: -$darken-percent), color.adjust(transparent, $lightness: -$darken-percent)), linear-gradient(60deg, color.adjust(#ffff00, $lightness: -$darken-percent), color.adjust(#ff00d3, $lightness: -$darken-percent), color.adjust(#0e39dc, $lightness: -$darken-percent));
+$instagram-background-hover: linear-gradient(darken(#4c4bdb85, $darken-percent), darken(transparent, $darken-percent)), linear-gradient(60deg, darken(#ffff00, $darken-percent), darken(#ff00d3, $darken-percent), darken(#0e39dc, $darken-percent));
 
 // Youtube colors
 $youtube-color: white;
-$youtube-color-hover: color.adjust($youtube-color, $lightness: -$darken-percent);
+$youtube-color-hover: darken($youtube-color, $darken-percent);
 $youtube-background: red;
-$youtube-background-hover: color.adjust($youtube-background, $lightness: -$darken-percent);
+$youtube-background-hover: darken($youtube-background, $darken-percent);
 
 // Mastodon colors
 $mastodon-color: white;
-$mastodon-color-hover: color.adjust($mastodon-color, $lightness: -$darken-percent);
+$mastodon-color-hover: darken($mastodon-color, $darken-percent);
 $mastodon-background: #3088d4;
-$mastodon-background-hover: color.adjust($mastodon-background, $lightness: -$darken-percent);
+$mastodon-background-hover: darken($mastodon-background, $darken-percent);
 
 // LinkedIn colors
 $linkedin-color: white;
-$linkedin-color-hover: color.adjust($linkedin-color, $lightness: -$darken-percent);
+$linkedin-color-hover: darken($linkedin-color, $darken-percent);
 $linkedin-background: #0077b5;
-$linkedin-background-hover: color.adjust($linkedin-background, $lightness: -$darken-percent);
+$linkedin-background-hover: darken($linkedin-background, $darken-percent);
 
 // Medium colors
 $medium-color: white;
-$medium-color-hover: color.adjust($medium-color, $lightness: -$darken-percent);
+$medium-color-hover: darken($medium-color, $darken-percent);
 $medium-background: black;
-$medium-background-hover: color.adjust($medium-background, $lightness: -$darken-percent);
+$medium-background-hover: darken($medium-background, $darken-percent);
 
 .ion-sticky {
   top: 50%;