Added new theme

UI adjustments

Author: modularcoder

src/_themes/green-theme.scss

@@ -1,4 +1,4 @@
-$color-primary: #4bcf99;
+$color-primary: #8CDE33;
 
 // $link-color: darken($color-primary, 5%);
 $link-color: #969696;

src/_themes/seagreen-theme.scss

@@ -0,0 +1,9 @@
+$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/_variables.scss

@@ -92,7 +92,7 @@ $item-list-color-border: lighten($color-divider, 6%) !default;
 
 // Charts
 $chart-color-primary: $color-primary !default;
-$chart-color-secondary: lighten($color-primary, 10%) !default;
+$chart-color-secondary: lighten($chart-color-primary, 10%) !default;
 
 
 

src/app/_common/sidebar/customize/customize.hbs

@@ -77,6 +77,9 @@
 							<li>
 								<span class="color-item color-green" data-theme="green"></span>
 							</li>
+							<li>
+								<span class="color-item color-seagreen" data-theme="seagreen"></span>
+							</li>
 							<li>
 								<span class="color-item color-blue active" data-theme=""></span>
 							</li>

src/app/_common/sidebar/customize/customize.scss

@@ -91,8 +91,8 @@
 
 				li {
 					display: inline-block;
-					margin-left: 8px;
-					margin-right: 8px;
+					margin-left: 5px;
+					margin-right: 5px;
 
 					.color-item {
 						display: block;
@@ -112,6 +112,11 @@
 						}
 
 						&.color-green {
+							background-color: #8CDE33;
+							border-color: #8CDE33;
+						}
+
+						&.color-seagreen {
 							background-color: #4bcf99;
 							border-color: #4bcf99;
 						}

src/app/_common/sidebar/header/header.hbs

@@ -1,6 +1,6 @@
 <div class="sidebar-header">
 	<div class="brand">
 		{{> _common/logo/logo}}
-		{{themeTitle}}
+		Modular Admin
 	</div>
 </div>