button: Fix MenuButton's icon color

Oops, this wasn't following the Figma. Fixed.

Author: chrisbobbe

lib/widgets/button.dart

@@ -339,7 +339,7 @@ class MenuButton extends StatelessWidget {
               spacing: itemSpacing,
               children: [
                 if (toggle != null) toggle!,
-                if (icon != null) Icon(icon!, color: designVariables.contextMenuItemText),
+                if (icon != null) Icon(icon!, color: designVariables.contextMenuItemIcon),
               ]))
         : null,
       style: MenuItemButton.styleFrom(

lib/widgets/theme.dart

@@ -154,6 +154,7 @@ class DesignVariables extends ThemeExtension<DesignVariables> {
     composeBoxBg: const Color(0xffffffff),
     contextMenuCancelText: const Color(0xff222222),
     contextMenuItemBg: const Color(0xff6159e1),
+    contextMenuItemIcon: const Color(0xff4f42c9),
     contextMenuItemLabel: const Color(0xff242631),
     contextMenuItemMeta: const Color(0xff626573),
     contextMenuItemText: const Color(0xff381da7),
@@ -233,6 +234,7 @@ class DesignVariables extends ThemeExtension<DesignVariables> {
     composeBoxBg: const Color(0xff0f0f0f),
     contextMenuCancelText: const Color(0xffffffff).withValues(alpha: 0.75),
     contextMenuItemBg: const Color(0xff7977fe),
+    contextMenuItemIcon: const Color(0xff9398fd),
     contextMenuItemLabel: const Color(0xffdfe1e8),
     contextMenuItemMeta: const Color(0xff9194a3),
     contextMenuItemText: const Color(0xff9398fd),
@@ -320,6 +322,7 @@ class DesignVariables extends ThemeExtension<DesignVariables> {
     required this.composeBoxBg,
     required this.contextMenuCancelText,
     required this.contextMenuItemBg,
+    required this.contextMenuItemIcon,
     required this.contextMenuItemLabel,
     required this.contextMenuItemMeta,
     required this.contextMenuItemText,
@@ -404,6 +407,7 @@ class DesignVariables extends ThemeExtension<DesignVariables> {
   final Color composeBoxBg;
   final Color contextMenuCancelText;
   final Color contextMenuItemBg;
+  final Color contextMenuItemIcon;
   final Color contextMenuItemLabel;
   final Color contextMenuItemMeta;
   final Color contextMenuItemText;
@@ -483,6 +487,7 @@ class DesignVariables extends ThemeExtension<DesignVariables> {
     Color? composeBoxBg,
     Color? contextMenuCancelText,
     Color? contextMenuItemBg,
+    Color? contextMenuItemIcon,
     Color? contextMenuItemLabel,
     Color? contextMenuItemMeta,
     Color? contextMenuItemText,
@@ -557,6 +562,7 @@ class DesignVariables extends ThemeExtension<DesignVariables> {
       composeBoxBg: composeBoxBg ?? this.composeBoxBg,
       contextMenuCancelText: contextMenuCancelText ?? this.contextMenuCancelText,
       contextMenuItemBg: contextMenuItemBg ?? this.contextMenuItemBg,
+      contextMenuItemIcon: contextMenuItemIcon ?? this.contextMenuItemIcon,
       contextMenuItemLabel: contextMenuItemLabel ?? this.contextMenuItemLabel,
       contextMenuItemMeta: contextMenuItemMeta ?? this.contextMenuItemMeta,
       contextMenuItemText: contextMenuItemText ?? this.contextMenuItemText,
@@ -638,6 +644,7 @@ class DesignVariables extends ThemeExtension<DesignVariables> {
       composeBoxBg: Color.lerp(composeBoxBg, other.composeBoxBg, t)!,
       contextMenuCancelText: Color.lerp(contextMenuCancelText, other.contextMenuCancelText, t)!,
       contextMenuItemBg: Color.lerp(contextMenuItemBg, other.contextMenuItemBg, t)!,
+      contextMenuItemIcon: Color.lerp(contextMenuItemIcon, other.contextMenuItemIcon, t)!,
       contextMenuItemLabel: Color.lerp(contextMenuItemLabel, other.contextMenuItemLabel, t)!,
       contextMenuItemMeta: Color.lerp(contextMenuItemMeta, other.contextMenuItemMeta, t)!,
       contextMenuItemText: Color.lerp(contextMenuItemText, other.contextMenuItemText, t)!,