b230

Author: UnderlineWords

src/Modules/Components/Navbar/Navbar.scss

@@ -38,7 +38,7 @@
 			padding        : components('navbar', 'brand', 'padding');
 			margin-right   : components('navbar', 'brand', 'margin-right');
 			img {
-				width: components('navbar', 'brand', 'img-width');
+				width: components('navbar', 'brand', 'img', 'width');
 			}
 			a,
 			a:visited {
@@ -87,10 +87,10 @@
 					border-color    : components('navbar', 'input', 'border-color');
 					border-width    : components('navbar', 'input', 'border-width');
 					&::placeholder {
-						color: components('navbar', 'input', 'placeholder-color');
+						color: components('navbar', 'input', 'placeholder', 'color');
 					}
 					&:focus {
-						outline: components('navbar', 'input', 'focus-outline');
+						outline: components('navbar', 'input', 'focus', 'outline');
 					}
 				}
 				///

src/Modules/Elements/Form/Form.scss

@@ -39,6 +39,9 @@
 			color           : elements('form', 'input', 'focus', 'color');
 			z-index         : 0;
 		}
+		&::placeholder {
+			color: components('form', 'input', 'placeholder', 'color');
+		}
 		///
 		/// VALIDATION STYLES
 		///

src/options.scss

@@ -510,15 +510,17 @@ $options: (
 				),
 				'active': (
 					'color'           : theme('color', 'text'),
-					'background-color': color.$light-grey
+					'background-color': color.$grey
 				)
 			),
 			'brand': (
 				'padding'     : 0,
 				'margin-right': 1rem,
 				'font-weight' : bold,
-				'img-width'   : 7rem,
-				'href'        : (
+				'img'         : (
+					'width': 7rem
+				),
+				'href': (
 					'color': theme('color', 'text')
 				)
 			),
@@ -529,12 +531,16 @@ $options: (
 				'symbol-close': "\2715" // HTML Symbols
 			),
 			'input': (
-				'color'            : theme('color', 'text'),
-				'background-color' : white,
-				'border-color'     : theme('border', 'color'),
-				'border-width'     : theme('border', 'width'),
-				'placeholder-color': white,
-				'focus-outline'    : 2px solid theme('color', 'primary')
+				'color'           : theme('color', 'text'),
+				'background-color': white,
+				'border-color'    : theme('border', 'color'),
+				'border-width'    : theme('border', 'width'),
+				'focus'           : (
+					'outline': 2px solid theme('color', 'primary')
+				),
+				'placeholder': (
+					'color': color.$dark-grey
+				)
 			),
 			'menu': ( // settings of dropdown menu in navbar
 				'background-color': theme('color', 'background'),
@@ -1012,7 +1018,7 @@ $options: (
 					'dark', // class name
 					theme('color', 'dark'), // bg color
 					white, // text color
-					color.$dark-grey // border color
+					if((theme('type') == "light"), color.$dark-grey, color.$grey) // border color
 				)
 			),
 			'sizes': (
@@ -1088,6 +1094,9 @@ $options: (
 					'outline-color'   : theme('color', 'primary'),
 					'outline-width'   : 2px
 				),
+				'placeholder': (
+					'color': color.$dark-grey
+				)
 			),
 			'items': (
 				'margin': 0

src/themes.scss

@@ -64,7 +64,7 @@ $themes: (
 			'dark'      : #313035
 		),
 		'border': (
-			'color' : #474a59,
+			'color' : #373a48,
 			'width' : 1px,
 			'style' : solid,
 			'radius': 2px,
@@ -97,7 +97,7 @@ $themes: (
 			'navbar': (
 				'background-color': lighten(#222226, 2.5%),
 				'input': (
-					'background-color': #222226
+					'background-color': #2f2f35
 				),
 				'menu': (
 					'background-color': lighten(#222226, 2.5%),
@@ -115,7 +115,7 @@ $themes: (
 			),
 			'form': (
 				'input': (
-					'background-color': #302f35
+					'background-color': #2e2d33
 				)
 			),
 			'typography': (