adding custom color

Author: dmalan

_sass/jekyll-theme-cs50.scss

@@ -21,6 +21,12 @@ $headings-font-weight: bold;
 // https://getbootstrap.com/docs/5.3/customize/color-modes/#building-with-sass
 $color-mode-type: media-query;
 
+// Custom colors
+$custom-colors: (
+  "aside-bg": $link-color !default;
+);
+$theme-colors: map-merge($theme-colors, $custom-colors);
+
 // Import Bootstrap
 @import "bootstrap/scss/bootstrap.scss";
 

_sass/page.scss

@@ -70,7 +70,7 @@ aside .btn[data-bs-toggle=modal]:hover {
 // Invert colors when not collapsed
 aside .btn[data-bs-toggle=collapse]:not(.collapsed) {
     background-color: $body-bg;
-    color: $link-color;
+    color: $aside-bg;
 }
 
 aside hr {