feat(colors): add new colors for ionic theme (#31086)

Issue number: resolves internal

---------

<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->

<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->

## What is the current behavior?
The ionic theme only has ten colors to be used

## What is the new behavior?
New colors were added, and ionic theme will have twenty colors available

## Does this introduce a breaking change?

- [ ] Yes
- [x] No

<!--
  If this introduces a breaking change:
1. Describe the impact and migration path for existing applications
below.
  2. Update the BREAKING.md file with the breaking change.
3. Add "BREAKING CHANGE: [...]" to the commit description when merging.
See
https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#footer
for more information.
-->


## Other information

<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->

Author: os-davidlourenco

core/src/themes/ionic/ionic.theme.default.scss

@@ -145,6 +145,206 @@ $ionic-colors: (
       foreground: globals.$ion-text-danger,
     ),
   ),
+  pumpkin: (
+    bold: (
+      base: globals.$ion-bg-extended-pumpkin-base-default,
+      base-rgb: globals.$ion-bg-extended-pumpkin-base-default-rgb,
+      contrast: globals.$ion-text-inverse,
+      contrast-rgb: globals.$ion-text-inverse-rgb,
+      shade: globals.$ion-bg-extended-pumpkin-base-press,
+      tint: globals.$ion-primitives-pumpkin-600,
+      foreground: globals.$ion-text-extended-pumpkin,
+    ),
+    subtle: (
+      base: globals.$ion-bg-extended-pumpkin-subtle-default,
+      base-rgb: globals.$ion-bg-extended-pumpkin-subtle-default-rgb,
+      contrast: globals.$ion-text-extended-pumpkin,
+      contrast-rgb: globals.$ion-text-extended-pumpkin-rgb,
+      shade: globals.$ion-bg-extended-pumpkin-subtle-press,
+      tint: globals.$ion-primitives-pumpkin-200,
+      foreground: globals.$ion-text-extended-pumpkin,
+    ),
+  ),
+  orange: (
+    bold: (
+      base: globals.$ion-bg-extended-orange-base-default,
+      base-rgb: globals.$ion-bg-extended-orange-base-default-rgb,
+      contrast: globals.$ion-text-inverse,
+      contrast-rgb: globals.$ion-text-inverse-rgb,
+      shade: globals.$ion-bg-extended-orange-base-press,
+      tint: globals.$ion-primitives-orange-600,
+      foreground: globals.$ion-text-extended-orange,
+    ),
+    subtle: (
+      base: globals.$ion-bg-extended-orange-subtle-default,
+      base-rgb: globals.$ion-bg-extended-orange-subtle-default-rgb,
+      contrast: globals.$ion-text-extended-orange,
+      contrast-rgb: globals.$ion-text-extended-orange-rgb,
+      shade: globals.$ion-bg-extended-orange-subtle-press,
+      tint: globals.$ion-primitives-orange-200,
+      foreground: globals.$ion-text-extended-orange,
+    ),
+  ),
+  lime: (
+    bold: (
+      base: globals.$ion-bg-extended-lime-base-default,
+      base-rgb: globals.$ion-bg-extended-lime-base-default-rgb,
+      contrast: globals.$ion-text-inverse,
+      contrast-rgb: globals.$ion-text-inverse-rgb,
+      shade: globals.$ion-bg-extended-lime-base-press,
+      tint: globals.$ion-primitives-lime-600,
+      foreground: globals.$ion-text-extended-lime,
+    ),
+    subtle: (
+      base: globals.$ion-bg-extended-lime-subtle-default,
+      base-rgb: globals.$ion-bg-extended-lime-subtle-default-rgb,
+      contrast: globals.$ion-text-extended-lime,
+      contrast-rgb: globals.$ion-text-extended-lime-rgb,
+      shade: globals.$ion-bg-extended-lime-subtle-press,
+      tint: globals.$ion-primitives-lime-200,
+      foreground: globals.$ion-text-extended-lime,
+    ),
+  ),
+  teal: (
+    bold: (
+      base: globals.$ion-bg-extended-teal-base-default,
+      base-rgb: globals.$ion-bg-extended-teal-base-default-rgb,
+      contrast: globals.$ion-text-inverse,
+      contrast-rgb: globals.$ion-text-inverse-rgb,
+      shade: globals.$ion-bg-extended-teal-base-press,
+      tint: globals.$ion-primitives-teal-600,
+      foreground: globals.$ion-text-extended-teal,
+    ),
+    subtle: (
+      base: globals.$ion-bg-extended-teal-subtle-default,
+      base-rgb: globals.$ion-bg-extended-teal-subtle-default-rgb,
+      contrast: globals.$ion-text-extended-teal,
+      contrast-rgb: globals.$ion-text-extended-teal-rgb,
+      shade: globals.$ion-bg-extended-teal-subtle-press,
+      tint: globals.$ion-primitives-teal-200,
+      foreground: globals.$ion-text-extended-teal,
+    ),
+  ),
+  aqua: (
+    bold: (
+      base: globals.$ion-bg-extended-aqua-base-default,
+      base-rgb: globals.$ion-bg-extended-aqua-base-default-rgb,
+      contrast: globals.$ion-text-inverse,
+      contrast-rgb: globals.$ion-text-inverse-rgb,
+      shade: globals.$ion-bg-extended-aqua-base-press,
+      tint: globals.$ion-primitives-aqua-600,
+      foreground: globals.$ion-text-extended-aqua,
+    ),
+    subtle: (
+      base: globals.$ion-bg-extended-aqua-subtle-default,
+      base-rgb: globals.$ion-bg-extended-aqua-subtle-default-rgb,
+      contrast: globals.$ion-text-extended-aqua,
+      contrast-rgb: globals.$ion-text-extended-aqua-rgb,
+      shade: globals.$ion-bg-extended-aqua-subtle-press,
+      tint: globals.$ion-primitives-aqua-200,
+      foreground: globals.$ion-text-extended-aqua,
+    ),
+  ),
+  indigo: (
+    bold: (
+      base: globals.$ion-bg-extended-indigo-base-default,
+      base-rgb: globals.$ion-bg-extended-indigo-base-default-rgb,
+      contrast: globals.$ion-text-inverse,
+      contrast-rgb: globals.$ion-text-inverse-rgb,
+      shade: globals.$ion-bg-extended-indigo-base-press,
+      tint: globals.$ion-primitives-indigo-600,
+      foreground: globals.$ion-text-extended-indigo,
+    ),
+    subtle: (
+      base: globals.$ion-bg-extended-indigo-subtle-default,
+      base-rgb: globals.$ion-bg-extended-indigo-subtle-default-rgb,
+      contrast: globals.$ion-text-extended-indigo,
+      contrast-rgb: globals.$ion-text-extended-indigo-rgb,
+      shade: globals.$ion-bg-extended-indigo-subtle-press,
+      tint: globals.$ion-primitives-indigo-200,
+      foreground: globals.$ion-text-extended-indigo,
+    ),
+  ),
+  violet: (
+    bold: (
+      base: globals.$ion-bg-extended-violet-base-default,
+      base-rgb: globals.$ion-bg-extended-violet-base-default-rgb,
+      contrast: globals.$ion-text-inverse,
+      contrast-rgb: globals.$ion-text-inverse-rgb,
+      shade: globals.$ion-bg-extended-violet-base-press,
+      tint: globals.$ion-primitives-violet-600,
+      foreground: globals.$ion-text-extended-violet,
+    ),
+    subtle: (
+      base: globals.$ion-bg-extended-violet-subtle-default,
+      base-rgb: globals.$ion-bg-extended-violet-subtle-default-rgb,
+      contrast: globals.$ion-text-extended-violet,
+      contrast-rgb: globals.$ion-text-extended-violet-rgb,
+      shade: globals.$ion-bg-extended-violet-subtle-press,
+      tint: globals.$ion-primitives-violet-200,
+      foreground: globals.$ion-text-extended-violet,
+    ),
+  ),
+  purple: (
+    bold: (
+      base: globals.$ion-bg-extended-purple-base-default,
+      base-rgb: globals.$ion-bg-extended-purple-base-default-rgb,
+      contrast: globals.$ion-text-inverse,
+      contrast-rgb: globals.$ion-text-inverse-rgb,
+      shade: globals.$ion-bg-extended-purple-base-press,
+      tint: globals.$ion-primitives-purple-600,
+      foreground: globals.$ion-text-extended-purple,
+    ),
+    subtle: (
+      base: globals.$ion-bg-extended-purple-subtle-default,
+      base-rgb: globals.$ion-bg-extended-purple-subtle-default-rgb,
+      contrast: globals.$ion-text-extended-purple,
+      contrast-rgb: globals.$ion-text-extended-purple-rgb,
+      shade: globals.$ion-bg-extended-purple-subtle-press,
+      tint: globals.$ion-primitives-purple-200,
+      foreground: globals.$ion-text-extended-purple,
+    ),
+  ),
+  magenta: (
+    bold: (
+      base: globals.$ion-bg-extended-magenta-base-default,
+      base-rgb: globals.$ion-bg-extended-magenta-base-default-rgb,
+      contrast: globals.$ion-text-inverse,
+      contrast-rgb: globals.$ion-text-inverse-rgb,
+      shade: globals.$ion-bg-extended-magenta-base-press,
+      tint: globals.$ion-primitives-magenta-600,
+      foreground: globals.$ion-text-extended-magenta,
+    ),
+    subtle: (
+      base: globals.$ion-bg-extended-magenta-subtle-default,
+      base-rgb: globals.$ion-bg-extended-magenta-subtle-default-rgb,
+      contrast: globals.$ion-text-extended-magenta,
+      contrast-rgb: globals.$ion-text-extended-magenta-rgb,
+      shade: globals.$ion-bg-extended-magenta-subtle-press,
+      tint: globals.$ion-primitives-magenta-200,
+      foreground: globals.$ion-text-extended-magenta,
+    ),
+  ),
+  pink: (
+    bold: (
+      base: globals.$ion-bg-extended-pink-base-default,
+      base-rgb: globals.$ion-bg-extended-pink-base-default-rgb,
+      contrast: globals.$ion-text-inverse,
+      contrast-rgb: globals.$ion-text-inverse-rgb,
+      shade: globals.$ion-bg-extended-pink-base-press,
+      tint: globals.$ion-primitives-pink-600,
+      foreground: globals.$ion-text-extended-pink,
+    ),
+    subtle: (
+      base: globals.$ion-bg-extended-pink-subtle-default,
+      base-rgb: globals.$ion-bg-extended-pink-subtle-default-rgb,
+      contrast: globals.$ion-text-extended-pink,
+      contrast-rgb: globals.$ion-text-extended-pink-rgb,
+      shade: globals.$ion-bg-extended-pink-subtle-press,
+      tint: globals.$ion-primitives-pink-200,
+      foreground: globals.$ion-text-extended-pink,
+    ),
+  ),
   light: (
     bold: (
       base: globals.$ion-primitives-base-white,