dashboard: fill current tab icon

modules/dashboard/Tabs.qml

@@ -84,6 +84,7 @@ Item {
 
         required property string iconName
         readonly property bool current: TabBar.tabBar.currentItem === this
+        property real fill: current ? 1 : 0
 
         background: null
 
@@ -204,6 +205,9 @@ Item {
                 text: tab.iconName
                 color: tab.current ? Colours.palette.m3primary : Colours.palette.m3onSurfaceVariant
                 font.pointSize: Appearance.font.size.large
+                font.variableAxes: ({
+                    FILL: tab.fill
+                })
             }
 
             StyledText {
@@ -215,6 +219,15 @@ Item {
                 text: tab.text
                 color: tab.current ? Colours.palette.m3primary : Colours.palette.m3onSurfaceVariant
             }
+
+        }
+
+        Behavior on fill {
+            NumberAnimation {
+                duration: Appearance.anim.durations.normal
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Appearance.anim.curves.standard
+            }
         }
     }