build: v1.2.1; style: changed theme icon; style: sidebar link active bg color; style: updated toastify-js to v1.9.3; style: used toastify-js styles instead of local ones; style: removed inclusion of animate.css styles (but kept the file for future usage)

src/styles/scss/_sidebar.scss

@@ -1,40 +0,0 @@
-$sidebar-timing: 125ms;
-$sidebar-delay: 75ms;
-
-#sidebar {
-	width: 15.625rem;
-	height: 100vh;
-
-	.main_tablinks {
-		@apply text-foreground;
-
-		&.active,
-		&:hover {
-			background: var(--sidebar-link-bg);
-
-			.side_icon {
-				@apply text-primary;
-			}
-		}
-	}
-
-	.theme_toggler {
-		transition: border 200ms ease-in-out;
-
-		&--active {
-			border-width: 3px;
-		}
-
-		&--light {
-			@apply bg-white;
-		}
-
-		&--dark {
-			@apply bg-grayscale-80;
-		}
-
-		&--purple {
-			background: hsl(261, 85%, 37%);
-		}
-	}
-}

src/styles/scss/base/_base.scss

@@ -17,8 +17,6 @@
 	--secondary-background: theme('colors.grayscale.930');
 	--foreground: theme('colors.grayscale.200');
 	--panels-background: hsl(216, 4%, 78%);
-	// --sidebar-link-bg: theme('colors.grayscale.600');
-	--sidebar-link-bg: var(--main-background); // hover bg color icons left panel
 
 	--table-bg: theme('colors.white');
 	--table-zebra: theme('colors.grayscale.900');
@@ -30,8 +28,6 @@
 	--secondary-background: hsl(240, 12%, 16%); // e.g. search bar bg
 	--foreground: theme('colors.grayscale.930'); // primary text + icons in main + search
 	--panels-background: hsl(240, 15%, 12%); // panel left + right bg
-	// --sidebar-link-bg: hsl(240, 10%, 22%); // hover bg color icons left panel
-	--sidebar-link-bg: var(--main-background); // hover bg color icons left panel
 
 	--table-bg: hsl(240, 10%, 8%); // e.g. results table bg 1st row
 	--table-zebra: hsl(240, 15%, 11%); // e.g. results table bg 2nd alternate
@@ -43,8 +39,6 @@
 	--secondary-background: hsl(257, 61%, 10%);
 	--foreground: theme('colors.grayscale.930');
 	--panels-background: hsl(257, 70%, 9%);
-	// --sidebar-link-bg: hsl(257, 70%, 17%);
-	--sidebar-link-bg: var(--main-background); // hover bg color icons left panel
 
 	--table-bg: hsl(261, 74%, 6%);
 	--table-zebra: hsl(257, 61%, 10%);

src/styles/scss/base/_mixins.scss

@@ -1,5 +0,0 @@
-@mixin remove-selection-background {
-	&::selection {
-		background: none;
-	}
-}

src/styles/scss/base/_variables.scss

@@ -4,5 +4,4 @@ $small: 601px;
 $medium: 993px;
 
 // Static variables (not an oxymoron)
-$sidebar-width: 48px;
 $explicit-separator: 0.3125em;

src/styles/scss/globals/_globals.scss

@@ -111,16 +111,20 @@ span {
 }
 
 a {
-	color: dodgerblue;
-
 	&.single-cover {
 		position: relative;
 		display: inline-block;
 		color: white;
 	}
+}
 
-	&:visited {
+@layer base {
+	a {
 		color: dodgerblue;
+
+		// &:visited {
+		// 	color: dodgerblue;
+		// }
 	}
 }
 
@@ -174,8 +178,7 @@ a {
 	.checkbox_text {
 		margin-left: 10px;
 		cursor: pointer;
-
-		@include remove-selection-background;
+		user-select: none;
 	}
 }
 

src/styles/scss/style.scss

@@ -1,9 +1,8 @@
-@import './base/base';
-
 @import '~tailwindcss/base';
 @import '~tailwindcss/components';
 @import '~tailwindcss/utilities';
 
+@import './base/base';
 @import './base/variables';
 
 html {
@@ -21,7 +20,6 @@ body {
 }
 
 @import './base/normalize';
-@import './base/mixins';
 @import './base/animations';
 
 @import './globals/globals';
@@ -33,5 +31,4 @@ body {
 @import './tabs/tabs';
 
 @import './middle-section';
-@import './sidebar';
 @import './stackedTabs';