lastest

scss/_custom.scss

@@ -0,0 +1,41 @@
+
+// my own stuff
+//
+// monochrome
+$white:    #fff;
+$gray-100: #f8f9fa;
+$gray-200: #e9ecef;
+$gray-300: #dee2e6;
+$gray-400: #ced4da;
+$gray-500: #adb5bd;
+$gray-600: #6c757d;
+$gray-700: #495057;
+$gray-800: #343a40;
+$gray-900: #212529;
+$black:    #000;
+
+//colors
+$blue:    #0d6efd;
+$indigo:  #663366;
+$purple:  #996699;
+$pink:    #FAADFD;
+$red:     #dc3545;
+$orange:  #FEAF39;
+$yellow:  #FFEF40;
+$green:   #228012;
+$teal:    #7DEB7E;
+$cyan:    #0dcaf0;
+
+$primary:       $indigo;
+$secondary:     $orange;
+$success:       $teal;
+$info:          $cyan;
+$warning:       $yellow;
+$danger:        $red;
+$light:         $gray-100;
+$dark:          $gray-900;
+
+// $primary-gradient:	linear-gradient($indigo, $purple);
+
+
+@import "../node_modules/bootstrap/scss/bootstrap.scss";

scss/sections/_navbar.scss

@@ -0,0 +1,15 @@
+@use '../custom' as *;
+
+.nixnav {
+	background: #3d1e3d;
+	background: linear-gradient(0deg, rgba(61, 30, 61, 1) 0%, rgba(102, 51, 102, 1) 30%, rgba(153, 102, 153, 1) 100%);
+
+	a {
+		color: $pink;
+	}
+	.dropdown-menu {
+		a {
+			color: $black;
+		}
+	}
+}

scss/style.scss

@@ -0,0 +1,6 @@
+
+@use 'custom';
+
+@use 'components/animations';
+
+@use 'sections/navbar';