b215

Author: UnderlineWords

src/Modules/Components/Navbar/Navbar.scss

@@ -157,6 +157,17 @@
 					}
 				}
 			}
+			// dropdown menu
+			.#{class('button', 'dropdown')} > .#{class('menu', 'name')} {
+				background-color: components('navbar', 'menu', 'background-color');
+				.#{class('menu', 'item')} a {
+					color: components('navbar', 'menu', 'item', 'color');
+					&:hover {
+						color           : components('navbar', 'menu', 'hover', 'color');
+						background-color: components('navbar', 'menu', 'hover', 'background-color');
+					}
+				}
+			}
 			.#{class('button', 'dropdown')}:last-child,
 			.#{class('button', 'dropdown')}:last-child > .#{class('button', 'name')}:first-child,
 			.#{class('button', 'dropdown')}:last-child > .#{class('button', 'name')}:last-child {

src/options.scss

@@ -504,7 +504,7 @@ $options: (
 			'button': (
 				'padding': .935rem 1.4rem
 			),
-			'brand'         : (
+			'brand': (
 				'padding'     : 0,
 				'margin-right': 1rem,
 				'font-weight' : bold,
@@ -524,6 +524,16 @@ $options: (
 				'placeholder-color': white,
 				'focus-outline'    : elements('form', 'input', 'outline-width') solid theme('color', 'primary')
 			),
+			'menu': ( // settings of dropdown menu in navbar
+				'background-color': components('menu', 'background-color'),
+				'item': (
+					'color': components('menu', 'item', 'href', 'color')
+				),
+				'hover': (
+					'color'           : components('menu', 'item', 'hover', 'color'),
+					'background-color': components('menu', 'item', 'hover', 'background-color')
+				)
+			),
 			'styles': (
 				(
 					"light", // theme name (class)

src/punica.scss

@@ -9,7 +9,7 @@
 
 ////////////////////////////////////////////////////////////////
 ///-------------------------------------------------------------
-	$active-theme: default;
+	$active-theme: dark;
 ///-------------------------------------------------------------
 ////////////////////////////////////////////////////////////////
 	$theme-name: if(map.has-key(get.$themes, $active-theme), 

src/themes.scss

@@ -19,7 +19,7 @@ $themes: (
 		'type'      : 'light', // light or dark (required*),
 		'typography': (
 			'font-family': 'Inter Tight',
-			'font-url'   : 'https://fonts.googleapis.com/css2?family=Inter+Tight:wght@300;400;500;700&display=swap', // embed/import url
+			'font-url'   : 'https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;700&display=swap', // embed/import url
 			'font-size'  : 1rem,
 			'font-weight': 400,
 			'line-height': 1.7
@@ -49,7 +49,7 @@ $themes: (
 		'type'      : 'dark', // light or dark (required*),
 		'typography': (
 			'font-family': 'Inter Tight',
-			'font-url'   : 'https://fonts.googleapis.com/css2?family=Inter+Tight:wght@300;400;500;700&display=swap', // embed/import url
+			'font-url'   : 'https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;700&display=swap', // embed/import url
 			'font-size'  : 1rem,
 			'font-weight': 500,
 			'line-height': 1.7