changed: some sass depreciations - specifically lighten/darken (#643)

Author: DylanAustin-TheDreamer

_sass/minima/_base.scss

@@ -1,4 +1,5 @@
 @use "sass:math";
+@use "sass:color";
 
 /**
  * Reset some basic elements
@@ -109,7 +110,7 @@ a {
   text-decoration: none;
 
   &:visited {
-    color: darken($brand-color, 15%);
+    color: color.adjust($brand-color, $lightness: -15%);
   }
 
   &:hover {
@@ -238,21 +239,21 @@ table {
   display: block;
   overflow: auto;
   text-align: $table-text-align;
-  color: lighten($text-color, 18%);
+  color: color.adjust($text-color, $lightness: 18%);
   border-collapse: collapse;
   border: 1px solid $grey-color-light;
   tr {
     &:nth-child(even) {
-      background-color: lighten($grey-color-light, 6%);
+      background-color: color.adjust($grey-color-light, $lightness: 6%);
     }
   }
   th, td {
     padding: math.div($spacing-unit, 3) math.div($spacing-unit, 2);
   }
   th {
-    background-color: lighten($grey-color-light, 3%);
-    border: 1px solid darken($grey-color-light, 4%);
-    border-bottom-color: darken($grey-color-light, 12%);
+    background-color: color.adjust($grey-color-light, $lightness: 3%);
+    border: 1px solid color.adjust($grey-color-light, $lightness: -4%);
+    border-bottom-color: color.adjust($grey-color-light, $lightness: -12%);
   }
   td {
     border: 1px solid $grey-color-light;

_sass/support.scss

@@ -1,5 +1,7 @@
 // Set customizable Minima theme values
 
+@use "sass:color";
+
 $on-palm: 765px;
 $on-laptop: 800px;
 
@@ -11,8 +13,8 @@ $plum: #9530A3; // "Purple Ink" (ibid.)
 $danger-color: $banner-color;
 $brand-color: $blue;
 $grey-color: #828282;
-$grey-color-light: lighten($grey-color, 40%);
-$grey-color-dark:  darken($grey-color, 25%);
+$grey-color-light: color.adjust($grey-color, $lightness: 40%);
+$grey-color-dark:  color.adjust($grey-color, $lightness: -25%);
 
 $ui-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Noto Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 $google-fonts: "Gentium Plus", "Noto Serif TC", "Noto Serif JP", "Noto Serif Thai";

assets/css/tagindex.scss

@@ -1,5 +1,6 @@
 ---
 ---
+@use "sass:color";
 @import "support";
 
 $topradii: 10px 10px 0px 0px;
@@ -84,7 +85,7 @@ div.tag-list3:last-child {
     }
 }
 .tag-list4:has(img) {
-    background-color: darken($grey-color-light, 10%);
+    background-color: color.adjust($grey-color-light, $lightness: -10%);
 }
 .tag-list4:has(.children4) .tagbox4 {
     padding: 2px 4px $spacing-unit 4px;
@@ -106,7 +107,7 @@ div.tag-list3:last-child {
     }
 }
 .tag-list6:has(img) {
-    background-color: darken($grey-color-light, 17%);
+    background-color: color.adjust($grey-color-light, $lightness: -17%);
 }
 .tag-list6 {
     font-size: 95%;