Theme adjustments

Author: modularcoder

src/_common/navigation/navigation.scss

@@ -5,16 +5,16 @@ a:not(.btn) {
 	vertical-align: top;
 	z-index: 0;
 	transition: $link-transition;
-	text-decoration: none;
+	text-decoration: $link-decoration;
 	color: $link-color;
 
 	// &:before {
 	// 	&:extend(.underline-animation);
 	// }
 
 	&:hover{
-		text-decoration: none;
-		color: $link-color-hover;
+		text-decoration: $link-hover-decoration;
+		color: $link-hover-color;
 
 		&:before {
 			transform: scaleX(1);

src/_themes/green-theme.scss

@@ -1 +1,9 @@
-$color-primary: #4bcf99;
+$color-primary: #4bcf99;
+
+// $link-color: darken($color-primary, 5%);
+$link-color: #969696;
+$link-transition: initial;
+$link-decoration: underline;
+
+$link-hover-color: darken($color-primary, 8%);
+$link-hover-decoration: underline;

src/_themes/red-theme.scss

@@ -2,4 +2,4 @@ $color-primary: #FF6161;
 
 $link-color: #969696;
 $link-color-hover: #E45252;
-$link-transition: inherit;
+$link-transition: initial;

src/_variables.scss

@@ -42,8 +42,11 @@ $btn-primary-color-text: $color-text-inverse !default;
 
 // Links
 $link-color: $color-primary !default;
-$link-color-hover: darken($color-primary, 15%) !default;
-$link-transition: color 0.2s !default;
+$link-transition: color 0.13s !default;
+$link-decoration: none !default;
+
+$link-hover-color: darken($color-primary, 15%) !default;
+$link-hover-decoration: inherit !default;
 
 // Header
 $header-height: 70px !default;

src/app/_common/sidebar/sidebar.scss

@@ -118,6 +118,7 @@
 		// have subdued color
 		li a {
 			color: $sidebar-color-text;
+			text-decoration: none;
 		}
 
 		// All links which are not active