From fb109fd0c455132fe9a507856aa9381da361081b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?David=20Louren=C3=A7o?= Date: Thu, 16 Apr 2026 15:52:49 +0100 Subject: [PATCH] feat(colors): add new colors for ionic theme --- .../src/themes/ionic/ionic.theme.default.scss | 200 ++++++++++++++++++ 1 file changed, 200 insertions(+) diff --git a/core/src/themes/ionic/ionic.theme.default.scss b/core/src/themes/ionic/ionic.theme.default.scss index 09be44bd8d4..2f61d65779c 100644 --- a/core/src/themes/ionic/ionic.theme.default.scss +++ b/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,