diff --git a/core/src/components.d.ts b/core/src/components.d.ts
index e0f77c4cfd..14cc37250d 100644
--- a/core/src/components.d.ts
+++ b/core/src/components.d.ts
@@ -505,7 +505,7 @@ declare global {
   namespace StencilComponents {
     interface IonAnchor {
       /**
-       * The color to use for the anchor.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color': Color;
       /**
@@ -539,7 +539,7 @@ declare global {
   namespace JSXElements {
     export interface IonAnchorAttributes extends HTMLAttributes {
       /**
-       * The color to use for the anchor.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color'?: Color;
       /**
@@ -662,7 +662,7 @@ declare global {
   namespace StencilComponents {
     interface IonBackButton {
       /**
-       * The color the button should be.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color': Color;
       /**
@@ -704,7 +704,7 @@ declare global {
   namespace JSXElements {
     export interface IonBackButtonAttributes extends HTMLAttributes {
       /**
-       * The color the button should be.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color'?: Color;
       /**
@@ -792,7 +792,7 @@ declare global {
   namespace StencilComponents {
     interface IonBadge {
       /**
-       * The color the badge should be.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color': Color;
       /**
@@ -822,7 +822,7 @@ declare global {
   namespace JSXElements {
     export interface IonBadgeAttributes extends HTMLAttributes {
       /**
-       * The color the badge should be.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color'?: Color;
       /**
@@ -843,7 +843,7 @@ declare global {
        */
       'buttonType': string;
       /**
-       * The color to use for the button.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color': Color;
       /**
@@ -913,7 +913,7 @@ declare global {
        */
       'buttonType'?: string;
       /**
-       * The color to use for the button.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color'?: Color;
       /**
@@ -1046,7 +1046,7 @@ declare global {
   namespace StencilComponents {
     interface IonCardHeader {
       /**
-       * The color to use for the background.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color': Color;
       /**
@@ -1080,7 +1080,7 @@ declare global {
   namespace JSXElements {
     export interface IonCardHeaderAttributes extends HTMLAttributes {
       /**
-       * The color to use for the background.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color'?: Color;
       /**
@@ -1101,7 +1101,7 @@ declare global {
   namespace StencilComponents {
     interface IonCardSubtitle {
       /**
-       * The color to use for the text color.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color': Color;
       /**
@@ -1131,7 +1131,7 @@ declare global {
   namespace JSXElements {
     export interface IonCardSubtitleAttributes extends HTMLAttributes {
       /**
-       * The color to use for the text color.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color'?: Color;
       /**
@@ -1148,7 +1148,7 @@ declare global {
   namespace StencilComponents {
     interface IonCardTitle {
       /**
-       * The color to use for the text color.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color': Color;
       /**
@@ -1178,7 +1178,7 @@ declare global {
   namespace JSXElements {
     export interface IonCardTitleAttributes extends HTMLAttributes {
       /**
-       * The color to use for the text color.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color'?: Color;
       /**
@@ -1195,7 +1195,7 @@ declare global {
   namespace StencilComponents {
     interface IonCard {
       /**
-       * The color to use for the background. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color': Color;
       /**
@@ -1225,7 +1225,7 @@ declare global {
   namespace JSXElements {
     export interface IonCardAttributes extends HTMLAttributes {
       /**
-       * The color to use for the background. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color'?: Color;
       /**
@@ -1246,7 +1246,7 @@ declare global {
        */
       'checked': boolean;
       /**
-       * The color to use for the checkbox.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color': Color;
       /**
@@ -1292,7 +1292,7 @@ declare global {
        */
       'checked'?: boolean;
       /**
-       * The color to use for the checkbox.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color'?: Color;
       /**
@@ -1337,7 +1337,7 @@ declare global {
   namespace StencilComponents {
     interface IonChipButton {
       /**
-       * The color to use. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color': Color;
       /**
@@ -1379,7 +1379,7 @@ declare global {
   namespace JSXElements {
     export interface IonChipButtonAttributes extends HTMLAttributes {
       /**
-       * The color to use. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color'?: Color;
       /**
@@ -1408,7 +1408,7 @@ declare global {
   namespace StencilComponents {
     interface IonChipIcon {
       /**
-       * The color to use. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color': Color;
       /**
@@ -1442,7 +1442,7 @@ declare global {
   namespace JSXElements {
     export interface IonChipIconAttributes extends HTMLAttributes {
       /**
-       * The color to use. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color'?: Color;
       /**
@@ -1463,7 +1463,7 @@ declare global {
   namespace StencilComponents {
     interface IonChip {
       /**
-       * The color to use.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color': Color;
       /**
@@ -1493,7 +1493,7 @@ declare global {
   namespace JSXElements {
     export interface IonChipAttributes extends HTMLAttributes {
       /**
-       * The color to use.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color'?: Color;
       /**
@@ -1994,7 +1994,7 @@ declare global {
        */
       'activated': boolean;
       /**
-       * The color to use for the button.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color': Color;
       /**
@@ -2044,7 +2044,7 @@ declare global {
        */
       'activated'?: boolean;
       /**
-       * The color to use for the button.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color'?: Color;
       /**
@@ -3023,7 +3023,7 @@ declare global {
   namespace StencilComponents {
     interface IonItemDivider {
       /**
-       * The color to use for the item-divider
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color': Color;
       /**
@@ -3053,7 +3053,7 @@ declare global {
   namespace JSXElements {
     export interface IonItemDividerAttributes extends HTMLAttributes {
       /**
-       * The color to use for the item-divider
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color'?: Color;
       /**
@@ -3103,7 +3103,7 @@ declare global {
   namespace StencilComponents {
     interface IonItemOption {
       /**
-       * The color to use for the option
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color': Color;
       /**
@@ -3145,7 +3145,7 @@ declare global {
   namespace JSXElements {
     export interface IonItemOptionAttributes extends HTMLAttributes {
       /**
-       * The color to use for the option
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color'?: Color;
       /**
@@ -3275,7 +3275,7 @@ declare global {
        */
       'button': boolean;
       /**
-       * The color to use for the background of the item.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color': Color;
       /**
@@ -3338,7 +3338,7 @@ declare global {
        */
       'button'?: boolean;
       /**
-       * The color to use for the background of the item.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color'?: Color;
       /**
@@ -3384,7 +3384,7 @@ declare global {
   namespace StencilComponents {
     interface IonLabel {
       /**
-       * The color to use for the label's text
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color': Color;
       'getText': () => string;
@@ -3419,7 +3419,7 @@ declare global {
   namespace JSXElements {
     export interface IonLabelAttributes extends HTMLAttributes {
       /**
-       * The color to use for the label's text
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color'?: Color;
       /**
@@ -3444,7 +3444,7 @@ declare global {
   namespace StencilComponents {
     interface IonListHeader {
       /**
-       * The color to use for the background.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color': Color;
       /**
@@ -3474,7 +3474,7 @@ declare global {
   namespace JSXElements {
     export interface IonListHeaderAttributes extends HTMLAttributes {
       /**
-       * The color to use for the background.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color'?: Color;
       /**
@@ -3767,7 +3767,7 @@ declare global {
        */
       'autoHide': boolean;
       /**
-       * The color to use for the background of the item.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color': Color;
       /**
@@ -3805,7 +3805,7 @@ declare global {
        */
       'autoHide'?: boolean;
       /**
-       * The color to use for the background of the item.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color'?: Color;
       /**
@@ -4509,7 +4509,7 @@ declare global {
   namespace StencilComponents {
     interface IonNote {
       /**
-       * The color to use from your Sass `$colors` map. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color': Color;
       /**
@@ -4539,7 +4539,7 @@ declare global {
   namespace JSXElements {
     export interface IonNoteAttributes extends HTMLAttributes {
       /**
-       * The color to use from your Sass `$colors` map. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color'?: Color;
       /**
@@ -4837,7 +4837,7 @@ declare global {
   namespace StencilComponents {
     interface IonPopover {
       /**
-       * The color to use from your Sass `$colors` map. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color': Color;
       /**
@@ -4926,7 +4926,7 @@ declare global {
   namespace JSXElements {
     export interface IonPopoverAttributes extends HTMLAttributes {
       /**
-       * The color to use from your Sass `$colors` map. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color'?: Color;
       /**
@@ -5075,7 +5075,7 @@ declare global {
        */
       'checked': boolean;
       /**
-       * The color to use from your Sass `$colors` map. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color': Color;
       /**
@@ -5121,7 +5121,7 @@ declare global {
        */
       'checked'?: boolean;
       /**
-       * The color to use from your Sass `$colors` map. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color'?: Color;
       /**
@@ -5225,7 +5225,7 @@ declare global {
   namespace StencilComponents {
     interface IonRange {
       /**
-       * The color to use from your Sass `$colors` map. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color': Color;
       /**
@@ -5295,7 +5295,7 @@ declare global {
   namespace JSXElements {
     export interface IonRangeAttributes extends HTMLAttributes {
       /**
-       * The color to use from your Sass `$colors` map. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color'?: Color;
       /**
@@ -6004,7 +6004,7 @@ declare global {
        */
       'clearIcon': string;
       /**
-       * The color the searchbar should be.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color': Color;
       /**
@@ -6086,7 +6086,7 @@ declare global {
        */
       'clearIcon'?: string;
       /**
-       * The color the searchbar should be.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color'?: Color;
       /**
@@ -6159,7 +6159,7 @@ declare global {
        */
       'checked': boolean;
       /**
-       * The color to use for the text color. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color': Color;
       'disabled': boolean;
@@ -6198,7 +6198,7 @@ declare global {
        */
       'checked'?: boolean;
       /**
-       * The color to use for the text color. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color'?: Color;
       'disabled'?: boolean;
@@ -6224,7 +6224,7 @@ declare global {
   namespace StencilComponents {
     interface IonSegment {
       /**
-       * The color to use for the text color. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color': Color;
       'disabled': boolean;
@@ -6259,7 +6259,7 @@ declare global {
   namespace JSXElements {
     export interface IonSegmentAttributes extends HTMLAttributes {
       /**
-       * The color to use for the text color. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color'?: Color;
       'disabled'?: boolean;
@@ -6856,7 +6856,7 @@ declare global {
   namespace StencilComponents {
     interface IonSpinner {
       /**
-       * The color to use from your Sass `$colors` map. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color': Color;
       /**
@@ -6898,7 +6898,7 @@ declare global {
   namespace JSXElements {
     export interface IonSpinnerAttributes extends HTMLAttributes {
       /**
-       * The color to use from your Sass `$colors` map. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color'?: Color;
       /**
@@ -7296,7 +7296,7 @@ declare global {
   namespace StencilComponents {
     interface IonTabs {
       /**
-       * The color to use from your Sass `$colors` map. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color': Color;
       'getRouteId': () => RouteID | undefined;
@@ -7368,7 +7368,7 @@ declare global {
   namespace JSXElements {
     export interface IonTabsAttributes extends HTMLAttributes {
       /**
-       * The color to use from your Sass `$colors` map. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color'?: Color;
       /**
@@ -7462,7 +7462,7 @@ declare global {
   namespace StencilComponents {
     interface IonText {
       /**
-       * The color to use for the text. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color': Color;
       /**
@@ -7492,7 +7492,7 @@ declare global {
   namespace JSXElements {
     export interface IonTextAttributes extends HTMLAttributes {
       /**
-       * The color to use for the text. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color'?: Color;
       /**
@@ -7729,7 +7729,7 @@ declare global {
   namespace StencilComponents {
     interface IonTitle {
       /**
-       * The color to use for the title. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color': Color;
       /**
@@ -7759,7 +7759,7 @@ declare global {
   namespace JSXElements {
     export interface IonTitleAttributes extends HTMLAttributes {
       /**
-       * The color to use for the title. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color'?: Color;
       /**
@@ -7979,7 +7979,7 @@ declare global {
        */
       'checked': boolean;
       /**
-       * The color to use from your Sass `$colors` map. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color': Color;
       /**
@@ -8025,7 +8025,7 @@ declare global {
        */
       'checked'?: boolean;
       /**
-       * The color to use from your Sass `$colors` map. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color'?: Color;
       /**
@@ -8070,7 +8070,7 @@ declare global {
   namespace StencilComponents {
     interface IonToolbar {
       /**
-       * The color to use for the background. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color': Color;
       /**
@@ -8104,7 +8104,7 @@ declare global {
   namespace JSXElements {
     export interface IonToolbarAttributes extends HTMLAttributes {
       /**
-       * The color to use for the background. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+       * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
        */
       'color'?: Color;
       /**
diff --git a/core/src/components/anchor/readme.md b/core/src/components/anchor/readme.md
index ab79165f15..76246e40bc 100644
--- a/core/src/components/anchor/readme.md
+++ b/core/src/components/anchor/readme.md
@@ -12,7 +12,9 @@ The Anchor component is used for navigating to a specified link. Similar to the
 
 string
 
-The color to use for the anchor.
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### href
@@ -37,7 +39,9 @@ another page using `href`.
 
 string
 
-The color to use for the anchor.
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### href
diff --git a/core/src/components/back-button/readme.md b/core/src/components/back-button/readme.md
index f0bbcc2e5b..e55fa3dc5d 100644
--- a/core/src/components/back-button/readme.md
+++ b/core/src/components/back-button/readme.md
@@ -14,7 +14,9 @@ To change what is displayed in the back button, use the `text` and `icon` proper
 
 string
 
-The color the button should be.
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### defaultHref
@@ -52,7 +54,9 @@ The text to display in the back button.
 
 string
 
-The color the button should be.
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### default-href
diff --git a/core/src/components/badge/readme.md b/core/src/components/badge/readme.md
index 99a94fcc91..6575d10b14 100644
--- a/core/src/components/badge/readme.md
+++ b/core/src/components/badge/readme.md
@@ -12,7 +12,9 @@ Badges are inline block elements that usually appear near another element. Typic
 
 string
 
-The color the badge should be.
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### mode
@@ -29,7 +31,9 @@ Possible values are: `"ios"` or `"md"`.
 
 string
 
-The color the badge should be.
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### mode
diff --git a/core/src/components/button/readme.md b/core/src/components/button/readme.md
index 92a70a44b5..a2396d7832 100644
--- a/core/src/components/button/readme.md
+++ b/core/src/components/button/readme.md
@@ -49,7 +49,9 @@ Possible values are: `"button"`, `"bar-button"`.
 
 string
 
-The color to use for the button.
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### disabled
@@ -146,7 +148,9 @@ Possible values are: `"button"`, `"bar-button"`.
 
 string
 
-The color to use for the button.
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### disabled
diff --git a/core/src/components/card-header/readme.md b/core/src/components/card-header/readme.md
index 356a4c9f11..2e622322d8 100644
--- a/core/src/components/card-header/readme.md
+++ b/core/src/components/card-header/readme.md
@@ -12,7 +12,9 @@
 
 string
 
-The color to use for the background.
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### mode
@@ -36,7 +38,9 @@ If true, the card header will be translucent. Defaults to `false`.
 
 string
 
-The color to use for the background.
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### mode
diff --git a/core/src/components/card-subtitle/readme.md b/core/src/components/card-subtitle/readme.md
index eb638612b4..c903ef8b7a 100644
--- a/core/src/components/card-subtitle/readme.md
+++ b/core/src/components/card-subtitle/readme.md
@@ -11,7 +11,9 @@
 
 string
 
-The color to use for the text color.
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### mode
@@ -28,7 +30,9 @@ Possible values are: `"ios"` or `"md"`.
 
 string
 
-The color to use for the text color.
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### mode
diff --git a/core/src/components/card-title/readme.md b/core/src/components/card-title/readme.md
index c88b6b7a3d..11cfc40d59 100644
--- a/core/src/components/card-title/readme.md
+++ b/core/src/components/card-title/readme.md
@@ -12,7 +12,9 @@
 
 string
 
-The color to use for the text color.
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### mode
@@ -29,7 +31,9 @@ Possible values are: `"ios"` or `"md"`.
 
 string
 
-The color to use for the text color.
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### mode
diff --git a/core/src/components/card/readme.md b/core/src/components/card/readme.md
index 3cf234e2e1..e2a42f5b83 100644
--- a/core/src/components/card/readme.md
+++ b/core/src/components/card/readme.md
@@ -15,8 +15,9 @@ sub-components to reflect this. Please see `ion-card-content`,
 
 string
 
-The color to use for the background.
+The color to use from your application's color palette.
 Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### mode
@@ -33,8 +34,9 @@ Possible values are: `"ios"` or `"md"`.
 
 string
 
-The color to use for the background.
+The color to use from your application's color palette.
 Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### mode
diff --git a/core/src/components/checkbox/readme.md b/core/src/components/checkbox/readme.md
index ca31b0eb6d..a7eb5268f8 100644
--- a/core/src/components/checkbox/readme.md
+++ b/core/src/components/checkbox/readme.md
@@ -21,7 +21,9 @@ If true, the checkbox is selected. Defaults to `false`.
 
 string
 
-The color to use for the checkbox.
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### disabled
@@ -66,7 +68,9 @@ If true, the checkbox is selected. Defaults to `false`.
 
 string
 
-The color to use for the checkbox.
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### disabled
diff --git a/core/src/components/chip-button/readme.md b/core/src/components/chip-button/readme.md
index e206580817..c72deeadc7 100644
--- a/core/src/components/chip-button/readme.md
+++ b/core/src/components/chip-button/readme.md
@@ -11,8 +11,9 @@ A ChipButton is an inset button that is placed inside of a Chip. For more inform
 
 string
 
-The color to use.
+The color to use from your application's color palette.
 Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### disabled
@@ -51,8 +52,9 @@ Possible values are: `"ios"` or `"md"`.
 
 string
 
-The color to use.
+The color to use from your application's color palette.
 Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### disabled
diff --git a/core/src/components/chip-icon/readme.md b/core/src/components/chip-icon/readme.md
index 93512bedb2..82c9425165 100644
--- a/core/src/components/chip-icon/readme.md
+++ b/core/src/components/chip-icon/readme.md
@@ -11,8 +11,9 @@
 
 string
 
-The color to use.
+The color to use from your application's color palette.
 Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### mode
@@ -37,8 +38,9 @@ Possible values are the same as `"ion-icon"`.
 
 string
 
-The color to use.
+The color to use from your application's color palette.
 Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### mode
diff --git a/core/src/components/chip/readme.md b/core/src/components/chip/readme.md
index 3396551660..843b00f68f 100644
--- a/core/src/components/chip/readme.md
+++ b/core/src/components/chip/readme.md
@@ -11,7 +11,9 @@ Chips represent complex entities in small blocks, such as a contact. A chip can
 
 string
 
-The color to use.
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### mode
@@ -28,7 +30,9 @@ Possible values are: `"ios"` or `"md"`.
 
 string
 
-The color to use.
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### mode
diff --git a/core/src/components/fab-button/readme.md b/core/src/components/fab-button/readme.md
index 6f6dc1a6ba..19380e66d5 100644
--- a/core/src/components/fab-button/readme.md
+++ b/core/src/components/fab-button/readme.md
@@ -20,7 +20,9 @@ If true, the fab button will be show a close icon. Defaults to `false`.
 
 string
 
-The color to use for the button.
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### disabled
@@ -73,7 +75,9 @@ If true, the fab button will be show a close icon. Defaults to `false`.
 
 string
 
-The color to use for the button.
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### disabled
diff --git a/core/src/components/item-divider/readme.md b/core/src/components/item-divider/readme.md
index c64aa69266..8ea3a3f2b7 100644
--- a/core/src/components/item-divider/readme.md
+++ b/core/src/components/item-divider/readme.md
@@ -11,7 +11,9 @@ Item Dividers are block elements that can be used to separate items in a list. T
 
 string
 
-The color to use for the item-divider
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### mode
@@ -28,7 +30,9 @@ Possible values are: `"ios"` or `"md"`.
 
 string
 
-The color to use for the item-divider
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### mode
diff --git a/core/src/components/item-option/readme.md b/core/src/components/item-option/readme.md
index 319c09211c..5f2ede4e62 100644
--- a/core/src/components/item-option/readme.md
+++ b/core/src/components/item-option/readme.md
@@ -13,7 +13,9 @@ action for the item.
 
 string
 
-The color to use for the option
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### disabled
@@ -52,7 +54,9 @@ Possible values are: `"ios"` or `"md"`.
 
 string
 
-The color to use for the option
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### disabled
diff --git a/core/src/components/item/readme.md b/core/src/components/item/readme.md
index f7f19c0fea..1baf448f39 100644
--- a/core/src/components/item/readme.md
+++ b/core/src/components/item/readme.md
@@ -56,7 +56,9 @@ If true, a button tag will be rendered and the item will be tappable. Defaults t
 
 string
 
-The color to use for the background of the item.
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### detail
@@ -139,7 +141,9 @@ If true, a button tag will be rendered and the item will be tappable. Defaults t
 
 string
 
-The color to use for the background of the item.
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### detail
diff --git a/core/src/components/label/readme.md b/core/src/components/label/readme.md
index 22821cfdda..5dc8060050 100644
--- a/core/src/components/label/readme.md
+++ b/core/src/components/label/readme.md
@@ -12,7 +12,9 @@ Label is a wrapper element that can be used in combination with `ion-item`, `ion
 
 string
 
-The color to use for the label's text
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### mode
@@ -37,7 +39,9 @@ Possible values are: 'inline' | 'fixed' | 'stacked' | 'floating'
 
 string
 
-The color to use for the label's text
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### mode
diff --git a/core/src/components/list-header/readme.md b/core/src/components/list-header/readme.md
index 4efffa17c8..447762e838 100644
--- a/core/src/components/list-header/readme.md
+++ b/core/src/components/list-header/readme.md
@@ -13,7 +13,9 @@ Unlike ItemDivider, ListHeaders are styled to be stand-out from the rest of the
 
 string
 
-The color to use for the background.
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### mode
@@ -30,7 +32,9 @@ Possible values are: `"ios"` or `"md"`.
 
 string
 
-The color to use for the background.
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### mode
diff --git a/core/src/components/menu-button/readme.md b/core/src/components/menu-button/readme.md
index abb371915f..136b7f4913 100644
--- a/core/src/components/menu-button/readme.md
+++ b/core/src/components/menu-button/readme.md
@@ -19,7 +19,9 @@ Automatically hides the menu button when the corresponding menu is not active
 
 string
 
-The color to use for the background of the item.
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### menu
@@ -50,7 +52,9 @@ Automatically hides the menu button when the corresponding menu is not active
 
 string
 
-The color to use for the background of the item.
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### menu
diff --git a/core/src/components/note/readme.md b/core/src/components/note/readme.md
index 3395d9177d..7e5962ccab 100644
--- a/core/src/components/note/readme.md
+++ b/core/src/components/note/readme.md
@@ -12,8 +12,9 @@ Notes are text elements generally used as subtitles that provide more informatio
 
 string
 
-The color to use from your Sass `$colors` map.
+The color to use from your application's color palette.
 Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### mode
@@ -30,8 +31,9 @@ Possible values are: `"ios"` or `"md"`.
 
 string
 
-The color to use from your Sass `$colors` map.
+The color to use from your application's color palette.
 Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### mode
diff --git a/core/src/components/popover/readme.md b/core/src/components/popover/readme.md
index 7315b14b30..1d942a11dc 100644
--- a/core/src/components/popover/readme.md
+++ b/core/src/components/popover/readme.md
@@ -20,8 +20,9 @@ To present a popover, call the `present` method on a popover instance. In order
 
 string
 
-The color to use from your Sass `$colors` map.
+The color to use from your application's color palette.
 Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### component
@@ -124,8 +125,9 @@ If true, the popover will animate. Defaults to `true`.
 
 string
 
-The color to use from your Sass `$colors` map.
+The color to use from your application's color palette.
 Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### component
diff --git a/core/src/components/radio/readme.md b/core/src/components/radio/readme.md
index 68b71e48e0..5e373298c0 100644
--- a/core/src/components/radio/readme.md
+++ b/core/src/components/radio/readme.md
@@ -23,8 +23,9 @@ If true, the radio is selected. Defaults to `false`.
 
 string
 
-The color to use from your Sass `$colors` map.
+The color to use from your application's color palette.
 Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### disabled
@@ -69,8 +70,9 @@ If true, the radio is selected. Defaults to `false`.
 
 string
 
-The color to use from your Sass `$colors` map.
+The color to use from your application's color palette.
 Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### disabled
diff --git a/core/src/components/range/readme.md b/core/src/components/range/readme.md
index 99bd69b496..2c7fd4e000 100644
--- a/core/src/components/range/readme.md
+++ b/core/src/components/range/readme.md
@@ -21,8 +21,9 @@ left or right of the range.
 
 string
 
-The color to use from your Sass `$colors` map.
+The color to use from your application's color palette.
 Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### debounce
@@ -112,8 +113,9 @@ the value of the range.
 
 string
 
-The color to use from your Sass `$colors` map.
+The color to use from your application's color palette.
 Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### debounce
diff --git a/core/src/components/searchbar/readme.md b/core/src/components/searchbar/readme.md
index a82324cf85..c9c1b146f9 100644
--- a/core/src/components/searchbar/readme.md
+++ b/core/src/components/searchbar/readme.md
@@ -57,7 +57,9 @@ Set the clear icon. Defaults to `"close-circle"` for `ios` and `"close"` for `md
 
 string
 
-The color the searchbar should be.
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### debounce
@@ -165,7 +167,9 @@ Set the clear icon. Defaults to `"close-circle"` for `ios` and `"close"` for `md
 
 string
 
-The color the searchbar should be.
+The color to use from your application's color palette.
+Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### debounce
diff --git a/core/src/components/segment-button/readme.md b/core/src/components/segment-button/readme.md
index 89c015e0c4..e4719c31f2 100644
--- a/core/src/components/segment-button/readme.md
+++ b/core/src/components/segment-button/readme.md
@@ -19,8 +19,9 @@ If true, the segment button is selected. Defaults to `false`.
 
 string
 
-The color to use for the text color.
+The color to use from your application's color palette.
 Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### disabled
@@ -56,8 +57,9 @@ If true, the segment button is selected. Defaults to `false`.
 
 string
 
-The color to use for the text color.
+The color to use from your application's color palette.
 Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### disabled
diff --git a/core/src/components/segment/readme.md b/core/src/components/segment/readme.md
index 6a8b819427..beb1fa35f0 100644
--- a/core/src/components/segment/readme.md
+++ b/core/src/components/segment/readme.md
@@ -14,8 +14,9 @@ Their functionality is similar to tabs, where selecting one will deselect all ot
 
 string
 
-The color to use for the text color.
+The color to use from your application's color palette.
 Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### disabled
@@ -44,8 +45,9 @@ the value of the segment.
 
 string
 
-The color to use for the text color.
+The color to use from your application's color palette.
 Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### disabled
diff --git a/core/src/components/spinner/readme.md b/core/src/components/spinner/readme.md
index 9b9e85f294..502ecf7990 100644
--- a/core/src/components/spinner/readme.md
+++ b/core/src/components/spinner/readme.md
@@ -15,8 +15,9 @@ The default spinner to use is based on the platform. The default spinner for `io
 
 string
 
-The color to use from your Sass `$colors` map.
+The color to use from your application's color palette.
 Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### duration
@@ -56,8 +57,9 @@ If true, the spinner's animation will be paused. Defaults to `false`.
 
 string
 
-The color to use from your Sass `$colors` map.
+The color to use from your application's color palette.
 Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### duration
diff --git a/core/src/components/tabs/readme.md b/core/src/components/tabs/readme.md
index e9c1a542cc..6af86fb5a4 100644
--- a/core/src/components/tabs/readme.md
+++ b/core/src/components/tabs/readme.md
@@ -13,8 +13,9 @@ The component is a container of individual [Tab](../Tab/) components.
 
 string
 
-The color to use from your Sass `$colors` map.
+The color to use from your application's color palette.
 Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### name
@@ -82,8 +83,9 @@ If true, the tabs will use the router and `selectedTab` will not do anything.
 
 string
 
-The color to use from your Sass `$colors` map.
+The color to use from your application's color palette.
 Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### name
diff --git a/core/src/components/text/readme.md b/core/src/components/text/readme.md
index 94fbf0e124..513518c357 100644
--- a/core/src/components/text/readme.md
+++ b/core/src/components/text/readme.md
@@ -12,8 +12,9 @@ The text component is a simple component that can be used to style the text colo
 
 string
 
-The color to use for the text.
+The color to use from your application's color palette.
 Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### mode
@@ -30,8 +31,9 @@ Possible values are: `"ios"` or `"md"`.
 
 string
 
-The color to use for the text.
+The color to use from your application's color palette.
 Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### mode
diff --git a/core/src/components/title/readme.md b/core/src/components/title/readme.md
index be527687b5..1a0721a76f 100644
--- a/core/src/components/title/readme.md
+++ b/core/src/components/title/readme.md
@@ -13,8 +13,9 @@
 
 string
 
-The color to use for the title.
+The color to use from your application's color palette.
 Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### mode
@@ -31,8 +32,9 @@ Possible values are: `"ios"` or `"md"`.
 
 string
 
-The color to use for the title.
+The color to use from your application's color palette.
 Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### mode
diff --git a/core/src/components/toggle/readme.md b/core/src/components/toggle/readme.md
index a91e17f59c..ab9b7c8146 100644
--- a/core/src/components/toggle/readme.md
+++ b/core/src/components/toggle/readme.md
@@ -20,8 +20,9 @@ If true, the toggle is selected. Defaults to `false`.
 
 string
 
-The color to use from your Sass `$colors` map.
+The color to use from your application's color palette.
 Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### disabled
@@ -66,8 +67,9 @@ If true, the toggle is selected. Defaults to `false`.
 
 string
 
-The color to use from your Sass `$colors` map.
+The color to use from your application's color palette.
 Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### disabled
diff --git a/core/src/components/toolbar/readme.md b/core/src/components/toolbar/readme.md
index 1b9efe33ad..c881d00f4a 100644
--- a/core/src/components/toolbar/readme.md
+++ b/core/src/components/toolbar/readme.md
@@ -30,8 +30,9 @@ In `md` mode, the `<ion-header>` will receive a box-shadow on the bottom, and th
 
 string
 
-The color to use for the background.
+The color to use from your application's color palette.
 Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### mode
@@ -58,8 +59,9 @@ Defaults to `false`.
 
 string
 
-The color to use for the background.
+The color to use from your application's color palette.
 Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
+For more information on colors, see [theming](/docs/theming/basics).
 
 
 #### mode