From 5650fe9589ed6043f461b6b60e1303045a4ec6c4 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Tue, 11 Nov 2025 21:27:14 +0100
Subject: Navbar

---
 src/objects/_navbar.vars.scss | 50 ++++++++++++++++++++++++++-----------------
 1 file changed, 30 insertions(+), 20 deletions(-)

(limited to 'src/objects/_navbar.vars.scss')

diff --git a/src/objects/_navbar.vars.scss b/src/objects/_navbar.vars.scss
index 4f5cde3..1cf460e 100644
--- a/src/objects/_navbar.vars.scss
+++ b/src/objects/_navbar.vars.scss
@@ -3,14 +3,16 @@
 @use 'iro-sass/src/props';
 @use '../core.vars' as core;
 
-$block-size: props.def(--o-navbar--block-size, props.get(core.$size--800)) !default;
+$block-size: props.def(--o-navbar--block-size, props.get(core.$size--1000)) !default;
 $spacing:    props.def(--o-navbar--spacing, props.get(core.$size--100)) !default;
 
 $item--pad-i:           props.def(--o-navbar--item--pad-i, props.get(core.$size--150)) !default;
 $item--pad-i-label:     props.def(--o-navbar--item--pad-i-label, props.get(core.$size--75)) !default;
 $item--pad-i-icon:      props.def(--o-navbar--item--pad-i-icon, props.get(core.$size--250)) !default;
 $item--pad-b:           props.def(--o-navbar--item--pad-b, props.get(core.$size--75)) !default;
+$item--pad-b-icon:      props.def(--o-navbar--item--pad-b-icon, props.get(core.$size--40)) !default;
 $item--font-size:       props.def(--o-navbar--item--font-size, props.get(core.$font-size--75)) !default;
+$item--icon-size:       props.def(--o-navbar--item--icon-size, props.get(core.$font-size--200)) !default;
 $item--label-font-size: props.def(--o-navbar--item--label-font-size, props.get(core.$font-size--50)) !default;
 
 $key-focus--border-width:  props.def(--o-navbar--key-focus--border-width, props.get(core.$key-focus--border-width)) !default;
@@ -19,20 +21,24 @@ $key-focus--outline-width: props.def(--o-navbar--key-focus--outline-width, props
 
 $default-theme-override: () !default;
 $default-theme: map.deep-merge((
-	--label-color:  props.get(core.$theme, --text),
+	--text-color:  props.get(core.$theme, --text),
+	--label-color:  props.get(core.$theme, --text-mute),
 
 	--hover: (
 		--bg-color:    props.get(core.$theme, --border-mute),
-		--label-color: props.get(core.$theme, --heading),
+		--text-color:  props.get(core.$theme, --heading),
+		--label-color: props.get(core.$theme, --text),
 	),
 
 	--active: (
 		--bg-color:    props.get(core.$theme, --border),
+		--text-color:  props.get(core.$theme, --heading),
 		--label-color: props.get(core.$theme, --heading),
 	),
 
 	--disabled: (
-		--label-color: props.get(core.$theme, --border-strong),
+		--text-color:   props.get(core.$theme, --border-strong),
+		--label-color:  props.get(core.$theme, --text-disabled),
 	),
 
 	--key-focus: (
@@ -42,43 +48,47 @@ $default-theme: map.deep-merge((
 	),
 
 	--selected: (
-		--bg-color:     props.get(core.$theme, --heading),
-		--label-color:  props.get(core.$theme, --base, --50),
+		--bg-color:    props.get(core.$theme, --heading),
+		--text-color:  props.get(core.$theme, --base, --50),
+		--label-color: props.get(core.$theme, --heading),
 
 		--hover: (
-			--bg-color:     props.get(core.$theme, --text),
-			--label-color:  props.get(core.$theme, --base, --50),
+			--bg-color:    props.get(core.$theme, --text),
+			--text-color:  props.get(core.$theme, --base, --50),
+			--label-color: props.get(core.$theme, --heading),
 		),
 
 		--active: (
-			--bg-color:     props.get(core.$theme, --text-mute),
-			--label-color:  props.get(core.$theme, --base, --50),
+			--bg-color:    props.get(core.$theme, --text-mute),
+			--text-color:  props.get(core.$theme, --base, --50),
+			--label-color: props.get(core.$theme, --heading),
 		),
 
 		--disabled: (
-			--bg-color:     props.get(core.$theme, --border-mute),
-			--label-color:  props.get(core.$theme, --border-strong),
+			--bg-color:    props.get(core.$theme, --border-mute),
+			--text-color:  props.get(core.$theme, --border-strong),
+			--label-color: props.get(core.$theme, --text-disabled),
 		),
 	),
 
 	--quiet: (
 		--selected: (
-			--bg-color:     props.get(core.$theme, --accent, --200),
-			--label-color:  props.get(core.$theme, --accent, --1100),
+			--bg-color:     props.get(core.$theme, --border-mute),
+			--text-color:  props.get(core.$theme, --heading),
 
 			--hover: (
-				--bg-color:     props.get(core.$theme, --accent, --300),
-				--label-color:  props.get(core.$theme, --accent, --1200),
+				--bg-color:     props.get(core.$theme, --border-mute),
+				--text-color:  props.get(core.$theme, --heading),
 			),
     
 			--active: (
-				--bg-color:     props.get(core.$theme, --accent, --400),
-				--label-color:  props.get(core.$theme, --accent, --1300),
+				--bg-color:     props.get(core.$theme, --border-mute),
+				--text-color:  props.get(core.$theme, --heading),
 			),
 
 			--disabled: (
-				--bg-color:     props.get(core.$theme, --accent, --200),
-				--label-color:  props.get(core.$theme, --accent, --800),
+				--bg-color:     props.get(core.$theme, --border-mute),
+				--text-color:  props.get(core.$theme, --border-strong),
 			),
 		)
 	)
-- 
cgit v1.3.1