From eebae2a65a32f9426fa66cf64d1e1455fb2a839b Mon Sep 17 00:00:00 2001 From: Liam DeBeasi Date: Wed, 15 Nov 2023 17:13:28 -0500 Subject: [PATCH] test new step colors --- core/src/themes/ionic.theme.default.scss | 76 ++++++++++++------------ 1 file changed, 38 insertions(+), 38 deletions(-) diff --git a/core/src/themes/ionic.theme.default.scss b/core/src/themes/ionic.theme.default.scss index 6a882155da..a5c965d37c 100644 --- a/core/src/themes/ionic.theme.default.scss +++ b/core/src/themes/ionic.theme.default.scss @@ -101,44 +101,44 @@ $text-color-rgb: var(--ion-text-color-rgb, $text-color-rgb-va // For example, $text-color-step-XXX will be $text-color stepping towards $background-color, // but a $background-color-step-XXX will be $background-color stepping towards $text-color. -$background-color-step-50: var(--ion-color-step-50, mix($text-color-value, $background-color-value, 5%)) !default; -$background-color-step-100: var(--ion-color-step-100, mix($text-color-value, $background-color-value, 10%)) !default; -$background-color-step-150: var(--ion-color-step-150, mix($text-color-value, $background-color-value, 15%)) !default; -$background-color-step-200: var(--ion-color-step-200, mix($text-color-value, $background-color-value, 20%)) !default; -$background-color-step-250: var(--ion-color-step-250, mix($text-color-value, $background-color-value, 25%)) !default; -$background-color-step-300: var(--ion-color-step-300, mix($text-color-value, $background-color-value, 30%)) !default; -$background-color-step-350: var(--ion-color-step-350, mix($text-color-value, $background-color-value, 35%)) !default; -$background-color-step-400: var(--ion-color-step-400, mix($text-color-value, $background-color-value, 40%)) !default; -$background-color-step-450: var(--ion-color-step-450, mix($text-color-value, $background-color-value, 45%)) !default; -$background-color-step-500: var(--ion-color-step-500, mix($text-color-value, $background-color-value, 50%)) !default; -$background-color-step-550: var(--ion-color-step-550, mix($text-color-value, $background-color-value, 55%)) !default; -$background-color-step-600: var(--ion-color-step-600, mix($text-color-value, $background-color-value, 60%)) !default; -$background-color-step-650: var(--ion-color-step-650, mix($text-color-value, $background-color-value, 65%)) !default; -$background-color-step-700: var(--ion-color-step-700, mix($text-color-value, $background-color-value, 70%)) !default; -$background-color-step-750: var(--ion-color-step-750, mix($text-color-value, $background-color-value, 75%)) !default; -$background-color-step-800: var(--ion-color-step-800, mix($text-color-value, $background-color-value, 80%)) !default; -$background-color-step-850: var(--ion-color-step-850, mix($text-color-value, $background-color-value, 85%)) !default; -$background-color-step-900: var(--ion-color-step-900, mix($text-color-value, $background-color-value, 90%)) !default; -$background-color-step-950: var(--ion-color-step-950, mix($text-color-value, $background-color-value, 95%)) !default; -$text-color-step-50: var(--ion-color-step-950, mix($background-color-value, $text-color-value, 5%)) !default; -$text-color-step-100: var(--ion-color-step-900, mix($background-color-value, $text-color-value, 10%)) !default; -$text-color-step-150: var(--ion-color-step-850, mix($background-color-value, $text-color-value, 15%)) !default; -$text-color-step-200: var(--ion-color-step-800, mix($background-color-value, $text-color-value, 20%)) !default; -$text-color-step-250: var(--ion-color-step-750, mix($background-color-value, $text-color-value, 25%)) !default; -$text-color-step-300: var(--ion-color-step-700, mix($background-color-value, $text-color-value, 30%)) !default; -$text-color-step-350: var(--ion-color-step-650, mix($background-color-value, $text-color-value, 35%)) !default; -$text-color-step-400: var(--ion-color-step-600, mix($background-color-value, $text-color-value, 40%)) !default; -$text-color-step-450: var(--ion-color-step-550, mix($background-color-value, $text-color-value, 45%)) !default; -$text-color-step-500: var(--ion-color-step-500, mix($background-color-value, $text-color-value, 50%)) !default; -$text-color-step-550: var(--ion-color-step-450, mix($background-color-value, $text-color-value, 55%)) !default; -$text-color-step-600: var(--ion-color-step-400, mix($background-color-value, $text-color-value, 60%)) !default; -$text-color-step-650: var(--ion-color-step-350, mix($background-color-value, $text-color-value, 65%)) !default; -$text-color-step-700: var(--ion-color-step-300, mix($background-color-value, $text-color-value, 70%)) !default; -$text-color-step-750: var(--ion-color-step-250, mix($background-color-value, $text-color-value, 75%)) !default; -$text-color-step-800: var(--ion-color-step-200, mix($background-color-value, $text-color-value, 80%)) !default; -$text-color-step-850: var(--ion-color-step-150, mix($background-color-value, $text-color-value, 85%)) !default; -$text-color-step-900: var(--ion-color-step-100, mix($background-color-value, $text-color-value, 90%)) !default; -$text-color-step-950: var(--ion-color-step-50, mix($background-color-value, $text-color-value, 95%)) !default; +$background-color-step-50: var(--ion-background-color-step-50, mix($text-color-value, $background-color-value, 5%)) !default; +$background-color-step-100: var(--ion-background-color-step-100, mix($text-color-value, $background-color-value, 10%)) !default; +$background-color-step-150: var(--ion-background-color-step-150, mix($text-color-value, $background-color-value, 15%)) !default; +$background-color-step-200: var(--ion-background-color-step-200, mix($text-color-value, $background-color-value, 20%)) !default; +$background-color-step-250: var(--ion-background-color-step-250, mix($text-color-value, $background-color-value, 25%)) !default; +$background-color-step-300: var(--ion-background-color-step-300, mix($text-color-value, $background-color-value, 30%)) !default; +$background-color-step-350: var(--ion-background-color-step-350, mix($text-color-value, $background-color-value, 35%)) !default; +$background-color-step-400: var(--ion-background-color-step-400, mix($text-color-value, $background-color-value, 40%)) !default; +$background-color-step-450: var(--ion-background-color-step-450, mix($text-color-value, $background-color-value, 45%)) !default; +$background-color-step-500: var(--ion-background-color-step-500, mix($text-color-value, $background-color-value, 50%)) !default; +$background-color-step-550: var(--ion-background-color-step-550, mix($text-color-value, $background-color-value, 55%)) !default; +$background-color-step-600: var(--ion-background-color-step-600, mix($text-color-value, $background-color-value, 60%)) !default; +$background-color-step-650: var(--ion-background-color-step-650, mix($text-color-value, $background-color-value, 65%)) !default; +$background-color-step-700: var(--ion-background-color-step-700, mix($text-color-value, $background-color-value, 70%)) !default; +$background-color-step-750: var(--ion-background-color-step-750, mix($text-color-value, $background-color-value, 75%)) !default; +$background-color-step-800: var(--ion-background-color-step-800, mix($text-color-value, $background-color-value, 80%)) !default; +$background-color-step-850: var(--ion-background-color-step-850, mix($text-color-value, $background-color-value, 85%)) !default; +$background-color-step-900: var(--ion-background-color-step-900, mix($text-color-value, $background-color-value, 90%)) !default; +$background-color-step-950: var(--ion-background-color-step-950, mix($text-color-value, $background-color-value, 95%)) !default; +$text-color-step-50: var(--ion-text-color-step-50, mix($background-color-value, $text-color-value, 5%)) !default; +$text-color-step-100: var(--ion-text-color-step-100, mix($background-color-value, $text-color-value, 10%)) !default; +$text-color-step-150: var(--ion-text-color-step-150, mix($background-color-value, $text-color-value, 15%)) !default; +$text-color-step-200: var(--ion-text-color-step-200, mix($background-color-value, $text-color-value, 20%)) !default; +$text-color-step-250: var(--ion-text-color-step-250, mix($background-color-value, $text-color-value, 25%)) !default; +$text-color-step-300: var(--ion-text-color-step-300, mix($background-color-value, $text-color-value, 30%)) !default; +$text-color-step-350: var(--ion-text-color-step-350, mix($background-color-value, $text-color-value, 35%)) !default; +$text-color-step-400: var(--ion-text-color-step-400, mix($background-color-value, $text-color-value, 40%)) !default; +$text-color-step-450: var(--ion-text-color-step-450, mix($background-color-value, $text-color-value, 45%)) !default; +$text-color-step-500: var(--ion-text-color-step-500, mix($background-color-value, $text-color-value, 50%)) !default; +$text-color-step-550: var(--ion-text-color-step-550, mix($background-color-value, $text-color-value, 55%)) !default; +$text-color-step-600: var(--ion-text-color-step-600, mix($background-color-value, $text-color-value, 60%)) !default; +$text-color-step-650: var(--ion-text-color-step-650, mix($background-color-value, $text-color-value, 65%)) !default; +$text-color-step-700: var(--ion-text-color-step-700, mix($background-color-value, $text-color-value, 70%)) !default; +$text-color-step-750: var(--ion-text-color-step-750, mix($background-color-value, $text-color-value, 75%)) !default; +$text-color-step-800: var(--ion-text-color-step-800, mix($background-color-value, $text-color-value, 80%)) !default; +$text-color-step-850: var(--ion-text-color-step-850, mix($background-color-value, $text-color-value, 85%)) !default; +$text-color-step-900: var(--ion-text-color-step-900, mix($background-color-value, $text-color-value, 90%)) !default; +$text-color-step-950: var(--ion-text-color-step-950, mix($background-color-value, $text-color-value, 95%)) !default; // Default General Colors // --------------------------------------------------