Make ML branding more inline & more prominent (#5815)

* Make changes to ML button

* A snapshot a day keeps the bugs away! 📷🐛

* A snapshot a day keeps the bugs away! 📷🐛

* A snapshot a day keeps the bugs away! 📷🐛

---------

Co-authored-by: Zookeeper Lee <lee@zoo.dev>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: Pierre Jacquier <pierre@zoo.dev>

src/lib/toolbar.ts

@@ -27,6 +27,8 @@ export type ToolbarItem = {
   id: string
   onClick: (props: ToolbarItemCallbackProps) => void
   icon?: CustomIconName
+  iconColor?: string
+  alwaysDark?: true
   status: 'available' | 'unavailable' | 'kcl-only'
   disabled?: (state: StateFrom<typeof modelingMachine>) => boolean
   disableHotkey?: (state: StateFrom<typeof modelingMachine>) => boolean
@@ -308,9 +310,11 @@ export const toolbarConfig: Record<ToolbarModeName, ToolbarMode> = {
               data: { name: 'Text-to-CAD', groupId: 'modeling' },
             }),
           icon: 'sparkles',
+          iconColor: '#29FFA4',
+          alwaysDark: true,
           status: 'available',
-          title: 'Create with AI',
-          description: 'Generate geometry from a text prompt.',
+          title: 'Create with Zoo Text-to-CAD',
+          description: 'Create geometry with AI / ML.',
           links: [
             {
               label: 'API docs',
@@ -326,9 +330,11 @@ export const toolbarConfig: Record<ToolbarModeName, ToolbarMode> = {
               data: { name: 'Prompt-to-edit', groupId: 'modeling' },
             }),
           icon: 'sparkles',
+          iconColor: '#29FFA4',
+          alwaysDark: true,
           status: 'available',
-          title: 'Edit with AI',
-          description: 'Edit geometry based on a text prompt.',
+          title: 'Modify with Zoo Text-to-CAD',
+          description: 'Edit geometry with AI / ML.',
           links: [],
         },
       ],