Adjust dashboard page items search field colors

modularcode · Feb 3, 2016 · f53d787 · f53d787
1 parent 86ffc01
commit f53d787
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/app/dashboard/items/items-header.scss b/src/app/dashboard/items/items-header.scss
@@ -39,6 +39,7 @@
 				background-color: inherit;
 				color: $color-inactive;
 				width: 100px;
+				transition: color 0.3s ease;
 
 				@include placeholder() {
 					transition: color 0.3s ease;
@@ -50,8 +51,10 @@
 				}
 
 				&:focus {
+					color: $color-active;
+
 					@include placeholder() {
-						color:  $color-active;
+						color:  lighten($color-active, 15%);
 					}
 
 					&+.search-icon {