// Copyright (c) 2014, 2025, Oracle and/or its affiliates.  Licensed under The Universal Permissive License (UPL), Version 1.0 as shown at https://oss.oracle.com/licenses/upl/


//-------------------------------------------------------------
// private function
//
// adds a map of variable name and value to a list,
// for example it could add this to the list passed in:
// {name: "$brandColor", value: "#027bc7"},
//-------------------------------------------------------------
@function _oj-theming-add-var($varList, $varName, $varValue)
{
  $varList: append($varList, (name: $varName, value: $varValue));
  @return $varList;
}

//-------------------------------------------------------------
// PALETTE
//
// Creates a list of palette var names and values, as in:
//   [
//    {name: "$brandColor", value: "#027bc7"},
//    {name: "$brandColorDark1", value: "#02629f"},
//        --- etc ---
//   ]
//
// A list is used instead of a map to control the order.
//
// This in turn can be used to send var names and values
// to the client like so:
//   .demo-palette-list {
//     font-family: oj-json(oj-theming-palette-colors());
//   }
//
// and on the client in the js
//    var themingVarValues = self.parseJSONFromFontFamily("demo-palette-list");
//
//-------------------------------------------------------------

@function oj-theming-palette-colors()
{
  $colorList: ();

  // Brand Color
  $colorList: _oj-theming-add-var($colorList, '$brandColorLight5', $brandColorLight5);
  $colorList: _oj-theming-add-var($colorList, '$brandColorLight4', $brandColorLight4);
  $colorList: _oj-theming-add-var($colorList, '$brandColorLight3', $brandColorLight3);
  $colorList: _oj-theming-add-var($colorList, '$brandColorLight2', $brandColorLight2);
  $colorList: _oj-theming-add-var($colorList, '$brandColorLight1', $brandColorLight1);
  $colorList: _oj-theming-add-var($colorList, '$brandColor', $brandColor);
  $colorList: _oj-theming-add-var($colorList, '$brandColorDark1', $brandColorDark1);
  $colorList: _oj-theming-add-var($colorList, '$brandColorDark2', $brandColorDark2);

  // Neutral Colors
  $colorList: _oj-theming-add-var($colorList, '$neutralColor1', $neutralColor1);
  $colorList: _oj-theming-add-var($colorList, '$neutralColor2', $neutralColor2);
  $colorList: _oj-theming-add-var($colorList, '$neutralColor3', $neutralColor3);
  $colorList: _oj-theming-add-var($colorList, '$neutralColor4', $neutralColor4);
  $colorList: _oj-theming-add-var($colorList, '$neutralColor5', $neutralColor5);
  $colorList: _oj-theming-add-var($colorList, '$neutralColor6', $neutralColor6);
  $colorList: _oj-theming-add-var($colorList, '$neutralColor7', $neutralColor7);
  $colorList: _oj-theming-add-var($colorList, '$neutralColor8', $neutralColor8);
  $colorList: _oj-theming-add-var($colorList, '$neutralColor9', $neutralColor9);
  $colorList: _oj-theming-add-var($colorList, '$neutralColor10', $neutralColor10);
  $colorList: _oj-theming-add-var($colorList, '$neutralColor11', $neutralColor11);
  $colorList: _oj-theming-add-var($colorList, '$neutralColor12', $neutralColor12);
  $colorList: _oj-theming-add-var($colorList, '$neutralColor13', $neutralColor13);
  $colorList: _oj-theming-add-var($colorList, '$neutralColor14', $neutralColor14);
  $colorList: _oj-theming-add-var($colorList, '$neutralColor15', $neutralColor15);
  $colorList: _oj-theming-add-var($colorList, '$neutralColor16', $neutralColor16);
  $colorList: _oj-theming-add-var($colorList, '$neutralColor17', $neutralColor17);

  // text colors
  $colorList: _oj-theming-add-var($colorList, '$textColor1', $textColor1);
  $colorList: _oj-theming-add-var($colorList, '$textColor2', $textColor2);
  $colorList: _oj-theming-add-var($colorList, '$textColor3', $textColor3);
  $colorList: _oj-theming-add-var($colorList, '$textColor4', $textColor4);
  $colorList: _oj-theming-add-var($colorList, '$textColor5', $textColor5);
  $colorList: _oj-theming-add-var($colorList, '$textColor6', $textColor6);
  $colorList: _oj-theming-add-var($colorList, '$textColor7', $textColor7);

  // Accent Colors
  $colorList: _oj-theming-add-var($colorList, '$accentColorHighlight1', $accentColorHighlight1);
  $colorList: _oj-theming-add-var($colorList, '$accentColorHighlight2', $accentColorHighlight2);

  $colorList: _oj-theming-add-var($colorList, '$accentColorDanger1', $accentColorDanger1);
  $colorList: _oj-theming-add-var($colorList, '$accentColorDanger2', $accentColorDanger2);
  $colorList: _oj-theming-add-var($colorList, '$accentColorDanger3', $accentColorDanger3);
  $colorList: _oj-theming-add-var($colorList, '$accentColorDanger4', $accentColorDanger4);
  $colorList: _oj-theming-add-var($colorList, '$accentColorDanger5', $accentColorDanger5);

  $colorList: _oj-theming-add-var($colorList, '$accentColorAttention1', $accentColorAttention1);
  $colorList: _oj-theming-add-var($colorList, '$accentColorAttention2', $accentColorAttention2);
  $colorList: _oj-theming-add-var($colorList, '$accentColorAttention3', $accentColorAttention3);
  $colorList: _oj-theming-add-var($colorList, '$accentColorAttention4', $accentColorAttention4);
  $colorList: _oj-theming-add-var($colorList, '$accentColorAttention5', $accentColorAttention5);

  $colorList: _oj-theming-add-var($colorList, '$accentColorInfo1', $accentColorInfo1);
  $colorList: _oj-theming-add-var($colorList, '$accentColorInfo2', $accentColorInfo2);
  $colorList: _oj-theming-add-var($colorList, '$accentColorInfo3', $accentColorInfo3);
  $colorList: _oj-theming-add-var($colorList, '$accentColorInfo4', $accentColorInfo4);
  $colorList: _oj-theming-add-var($colorList, '$accentColorInfo5', $accentColorInfo5);

  $colorList: _oj-theming-add-var($colorList, '$accentColorConfirmation1', $accentColorConfirmation1);
  $colorList: _oj-theming-add-var($colorList, '$accentColorConfirmation2', $accentColorConfirmation2);
  $colorList: _oj-theming-add-var($colorList, '$accentColorConfirmation3', $accentColorConfirmation3);
  $colorList: _oj-theming-add-var($colorList, '$accentColorConfirmation4', $accentColorConfirmation4);
  $colorList: _oj-theming-add-var($colorList, '$accentColorConfirmation5', $accentColorConfirmation5);

  $colorList: _oj-theming-add-var($colorList, '$accentColorDvt1', $accentColorDvt1);
  $colorList: _oj-theming-add-var($colorList, '$accentColorDvt2', $accentColorDvt2);
  $colorList: _oj-theming-add-var($colorList, '$accentColorDvt3', $accentColorDvt3);
  $colorList: _oj-theming-add-var($colorList, '$accentColorDvt4', $accentColorDvt4);
  $colorList: _oj-theming-add-var($colorList, '$accentColorDvt5', $accentColorDvt5);
  $colorList: _oj-theming-add-var($colorList, '$accentColorDvt6', $accentColorDvt6);
  $colorList: _oj-theming-add-var($colorList, '$accentColorDvt7', $accentColorDvt7);
  $colorList: _oj-theming-add-var($colorList, '$accentColorDvt8', $accentColorDvt8);
  $colorList: _oj-theming-add-var($colorList, '$accentColorDvt9', $accentColorDvt9);
  $colorList: _oj-theming-add-var($colorList, '$accentColorDvt10', $accentColorDvt10);
  $colorList: _oj-theming-add-var($colorList, '$accentColorDvt11', $accentColorDvt11);
  $colorList: _oj-theming-add-var($colorList, '$accentColorDvt12', $accentColorDvt12);

  @return $colorList;

}


//-------------------------------------------------------------
// CONTROLS
//
// Creates a list of var names and values for the 'Controls' category, as in:
//   [{name: "$textColor", value: "#333"},
//    {name: "$primaryTextColor", value: "#000"},
//        --- etc ---
//   ]
//
// see the doc for oj-theming-palette-colors
// for info on how you might use this list
//-------------------------------------------------------------

@function oj-theming-controls-colors()
{
  $colorList: ();

  // load the vars for controls category
  $colorList: _oj-theming-add-var($colorList, '$textColor', $textColor);
  $colorList: _oj-theming-add-var($colorList, '$primaryTextColor', $primaryTextColor);
  $colorList: _oj-theming-add-var($colorList, '$secondaryTextColor', $secondaryTextColor);
  $colorList: _oj-theming-add-var($colorList, '$tertiaryTextColor', $tertiaryTextColor);
  $colorList: _oj-theming-add-var($colorList, '$headerTextColor', $headerTextColor);
  $colorList: _oj-theming-add-var($colorList, '$contrastTextColor', $contrastTextColor);
  $colorList: _oj-theming-add-var($colorList, '$textColorDisabled', $textColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$linkTextColor', $linkTextColor);
  $colorList: _oj-theming-add-var($colorList, '$linkTextColorDisabled', $linkTextColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$linkTextColorVisited', $linkTextColorVisited);
  $colorList: _oj-theming-add-var($colorList, '$linkTextColorActive', $linkTextColorActive);
  $colorList: _oj-theming-add-var($colorList, '$iconColor', $iconColor);
  $colorList: _oj-theming-add-var($colorList, '$iconColorDefault', $iconColorDefault);
  $colorList: _oj-theming-add-var($colorList, '$iconColorHover', $iconColorHover);
  $colorList: _oj-theming-add-var($colorList, '$iconColorActive', $iconColorActive);
  $colorList: _oj-theming-add-var($colorList, '$iconColorSelected', $iconColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$iconColorDisabled', $iconColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$contrastBackground1Color', $contrastBackground1Color);
  $colorList: _oj-theming-add-var($colorList, '$textColorError', $textColorError);


  $colorList: _oj-theming-add-var($colorList, '$buttonTextColor', $buttonTextColor);
  $colorList: _oj-theming-add-var($colorList, '$buttonContrastTextColor', $buttonContrastTextColor);
  $colorList: _oj-theming-add-var($colorList, '$buttonIconColor', $buttonIconColor);
  $colorList: _oj-theming-add-var($colorList, '$buttonBgColor', $buttonBgColor);
  $colorList: _oj-theming-add-var($colorList, '$buttonBorderColor', $buttonBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$buttonInternalBorderColor', $buttonInternalBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$buttonTextColorHover', $buttonTextColorHover);
  $colorList: _oj-theming-add-var($colorList, '$buttonIconColorHover', $buttonIconColorHover);
  $colorList: _oj-theming-add-var($colorList, '$buttonBgColorHover', $buttonBgColorHover);
  $colorList: _oj-theming-add-var($colorList, '$buttonBorderColorHover', $buttonBorderColorHover);
  $colorList: _oj-theming-add-var($colorList, '$buttonTextColorDisabled', $buttonTextColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$buttonIconColorDisabled', $buttonIconColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$buttonBgColorDisabled', $buttonBgColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$buttonBorderColorDisabled', $buttonBorderColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$buttonTextColorActive', $buttonTextColorActive);
  $colorList: _oj-theming-add-var($colorList, '$buttonIconColorActive', $buttonIconColorActive);
  $colorList: _oj-theming-add-var($colorList, '$buttonBgColorActive', $buttonBgColorActive);
  $colorList: _oj-theming-add-var($colorList, '$buttonBorderColorActive', $buttonBorderColorActive);
  $colorList: _oj-theming-add-var($colorList, '$buttonInternalBorderColorActive', $buttonInternalBorderColorActive);
  $colorList: _oj-theming-add-var($colorList, '$buttonTextColorSelected', $buttonTextColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$buttonIconColorSelected', $buttonIconColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$buttonBgColorSelected', $buttonBgColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$buttonBorderColorSelected', $buttonBorderColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$buttonInternalBorderColorSelected', $buttonInternalBorderColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$buttonTextColorSelectedHover', $buttonTextColorSelectedHover);
  $colorList: _oj-theming-add-var($colorList, '$buttonIconColorSelectedHover', $buttonIconColorSelectedHover);
  $colorList: _oj-theming-add-var($colorList, '$buttonBgColorSelectedHover', $buttonBgColorSelectedHover);
  $colorList: _oj-theming-add-var($colorList, '$buttonBorderColorSelectedHover', $buttonBorderColorSelectedHover);
  $colorList: _oj-theming-add-var($colorList, '$buttonTextColorSelectedDisabled', $buttonTextColorSelectedDisabled);
  $colorList: _oj-theming-add-var($colorList, '$buttonIconColorSelectedDisabled', $buttonIconColorSelectedDisabled);
  $colorList: _oj-theming-add-var($colorList, '$buttonBgColorSelectedDisabled', $buttonBgColorSelectedDisabled);
  $colorList: _oj-theming-add-var($colorList, '$buttonBorderColorSelectedDisabled', $buttonBorderColorSelectedDisabled);
  $colorList: _oj-theming-add-var($colorList, '$buttonInternalBorderColorSelectedDisabled', $buttonInternalBorderColorSelectedDisabled);
  $colorList: _oj-theming-add-var($colorList, '$buttonHalfChromeTextColor', $buttonHalfChromeTextColor);
  $colorList: _oj-theming-add-var($colorList, '$buttonHalfChromeIconColor', $buttonHalfChromeIconColor);
  $colorList: _oj-theming-add-var($colorList, '$buttonHalfChromeTextColorHover', $buttonHalfChromeTextColorHover);
  $colorList: _oj-theming-add-var($colorList, '$buttonHalfChromeIconColorHover', $buttonHalfChromeIconColorHover);
  $colorList: _oj-theming-add-var($colorList, '$buttonHalfChromeBgColorHover', $buttonHalfChromeBgColorHover);
  $colorList: _oj-theming-add-var($colorList, '$buttonHalfChromeBorderColorHover', $buttonHalfChromeBorderColorHover);
  $colorList: _oj-theming-add-var($colorList, '$buttonHalfChromeTextColorDisabled', $buttonHalfChromeTextColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$buttonHalfChromeIconColorDisabled', $buttonHalfChromeIconColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$buttonHalfChromeTextColorActive', $buttonHalfChromeTextColorActive);
  $colorList: _oj-theming-add-var($colorList, '$buttonHalfChromeIconColorActive', $buttonHalfChromeIconColorActive);
  $colorList: _oj-theming-add-var($colorList, '$buttonHalfChromeBgColorActive', $buttonHalfChromeBgColorActive);
  $colorList: _oj-theming-add-var($colorList, '$buttonHalfChromeBorderColorActive', $buttonHalfChromeBorderColorActive);
  $colorList: _oj-theming-add-var($colorList, '$buttonHalfChromeTextColorSelected', $buttonHalfChromeTextColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$buttonHalfChromeIconColorSelected', $buttonHalfChromeIconColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$buttonHalfChromeBgColorSelected', $buttonHalfChromeBgColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$buttonHalfChromeBorderColorSelected', $buttonHalfChromeBorderColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$buttonHalfChromeTextColorSelectedHover', $buttonHalfChromeTextColorSelectedHover);
  $colorList: _oj-theming-add-var($colorList, '$buttonHalfChromeIconColorSelectedHover', $buttonHalfChromeIconColorSelectedHover);
  $colorList: _oj-theming-add-var($colorList, '$buttonHalfChromeBgColorSelectedHover', $buttonHalfChromeBgColorSelectedHover);
  $colorList: _oj-theming-add-var($colorList, '$buttonHalfChromeBorderColorSelectedHover', $buttonHalfChromeBorderColorSelectedHover);
  $colorList: _oj-theming-add-var($colorList, '$buttonHalfChromeTextColorSelectedDisabled', $buttonHalfChromeTextColorSelectedDisabled);
  $colorList: _oj-theming-add-var($colorList, '$buttonHalfChromeIconColorSelectedDisabled', $buttonHalfChromeIconColorSelectedDisabled);
  $colorList: _oj-theming-add-var($colorList, '$buttonHalfChromeBgColorSelectedDisabled', $buttonHalfChromeBgColorSelectedDisabled);
  $colorList: _oj-theming-add-var($colorList, '$buttonHalfChromeBorderColorSelectedDisabled', $buttonHalfChromeBorderColorSelectedDisabled);
  $colorList: _oj-theming-add-var($colorList, '$buttonOutlinedChromeTextColor', $buttonOutlinedChromeTextColor);
  $colorList: _oj-theming-add-var($colorList, '$buttonOutlinedChromeIconColor', $buttonOutlinedChromeIconColor);
  $colorList: _oj-theming-add-var($colorList, '$buttonOutlinedChromeBorderColor', $buttonOutlinedChromeBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$buttonOutlinedChromeInternalBorderColor', $buttonOutlinedChromeInternalBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$buttonOutlinedChromeTextColorHover', $buttonOutlinedChromeTextColorHover);
  $colorList: _oj-theming-add-var($colorList, '$buttonOutlinedChromeIconColorHover', $buttonOutlinedChromeIconColorHover);
  $colorList: _oj-theming-add-var($colorList, '$buttonOutlinedChromeBgColorHover', $buttonOutlinedChromeBgColorHover);
  $colorList: _oj-theming-add-var($colorList, '$buttonOutlinedChromeBorderColorHover', $buttonOutlinedChromeBorderColorHover);
  $colorList: _oj-theming-add-var($colorList, '$buttonOutlinedChromeTextColorDisabled', $buttonOutlinedChromeTextColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$buttonOutlinedChromeIconColorDisabled', $buttonOutlinedChromeIconColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$buttonOutlinedChromeBorderColorDisabled', $buttonOutlinedChromeBorderColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$buttonOutlinedChromeTextColorActive', $buttonOutlinedChromeTextColorActive);
  $colorList: _oj-theming-add-var($colorList, '$buttonOutlinedChromeIconColorActive', $buttonOutlinedChromeIconColorActive);
  $colorList: _oj-theming-add-var($colorList, '$buttonOutlinedChromeBgColorActive', $buttonOutlinedChromeBgColorActive);
  $colorList: _oj-theming-add-var($colorList, '$buttonOutlinedChromeBorderColorActive', $buttonOutlinedChromeBorderColorActive);
  $colorList: _oj-theming-add-var($colorList, '$buttonOutlinedChromeInternalBorderColorActive', $buttonOutlinedChromeInternalBorderColorActive);
  $colorList: _oj-theming-add-var($colorList, '$buttonOutlinedChromeTextColorSelected', $buttonOutlinedChromeTextColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$buttonOutlinedChromeIconColorSelected', $buttonOutlinedChromeIconColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$buttonOutlinedChromeBgColorSelected', $buttonOutlinedChromeBgColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$buttonOutlinedChromeBorderColorSelected', $buttonOutlinedChromeBorderColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$buttonOutlinedChromeInternalBorderColorSelected', $buttonOutlinedChromeInternalBorderColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$buttonOutlinedChromeTextColorSelectedHover', $buttonOutlinedChromeTextColorSelectedHover);
  $colorList: _oj-theming-add-var($colorList, '$buttonOutlinedChromeIconColorSelectedHover', $buttonOutlinedChromeIconColorSelectedHover);
  $colorList: _oj-theming-add-var($colorList, '$buttonOutlinedChromeBgColorSelectedHover', $buttonOutlinedChromeBgColorSelectedHover);
  $colorList: _oj-theming-add-var($colorList, '$buttonOutlinedChromeBorderColorSelectedHover', $buttonOutlinedChromeBorderColorSelectedHover);
  $colorList: _oj-theming-add-var($colorList, '$buttonOutlinedChromeTextColorSelectedDisabled', $buttonOutlinedChromeTextColorSelectedDisabled);
  $colorList: _oj-theming-add-var($colorList, '$buttonOutlinedChromeIconColorSelectedDisabled', $buttonOutlinedChromeIconColorSelectedDisabled);
  $colorList: _oj-theming-add-var($colorList, '$buttonOutlinedChromeBgColorSelectedDisabled', $buttonOutlinedChromeBgColorSelectedDisabled);
  $colorList: _oj-theming-add-var($colorList, '$buttonOutlinedChromeBorderColorSelectedDisabled', $buttonOutlinedChromeBorderColorSelectedDisabled);
  $colorList: _oj-theming-add-var($colorList, '$buttonOutlinedChromeInternalBorderColorSelectedDisabled', $buttonOutlinedChromeInternalBorderColorSelectedDisabled);
  $colorList: _oj-theming-add-var($colorList, '$buttonConfirmColor', $buttonConfirmColor);
  $colorList: _oj-theming-add-var($colorList, '$buttonPrimaryColor', $buttonPrimaryColor);

  $colorList: _oj-theming-add-var($colorList, '$toolbarBorderColor', $toolbarBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$toolbarBgColor', $toolbarBgColor);

  $colorList: _oj-theming-add-var($colorList, '$menuBorderColor', $menuBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$menuBgColor', $menuBgColor);
  $colorList: _oj-theming-add-var($colorList, '$menuItemBorderColor', $menuItemBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$menuItemTextColor', $menuItemTextColor);
  $colorList: _oj-theming-add-var($colorList, '$menuItemTextColorDisabled', $menuItemTextColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$menuItemBgColorFocus', $menuItemBgColorFocus);
  $colorList: _oj-theming-add-var($colorList, '$menuItemBorderColorFocus', $menuItemBorderColorFocus);
  $colorList: _oj-theming-add-var($colorList, '$menuIconColor', $menuIconColor);
  $colorList: _oj-theming-add-var($colorList, '$menuIconColorDisabled', $menuIconColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$menuSubmenuIconColor', $menuSubmenuIconColor);
  $colorList: _oj-theming-add-var($colorList, '$menuDividerBorderColor', $menuDividerBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$menuSheetBgColor', $menuSheetBgColor);
  $colorList: _oj-theming-add-var($colorList, '$menuSheetItemBorderColor', $menuSheetItemBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$menuSheetItemBgColor', $menuSheetItemBgColor);
  $colorList: _oj-theming-add-var($colorList, '$menuSheetItemTextColor', $menuSheetItemTextColor);
  $colorList: _oj-theming-add-var($colorList, '$menuSheetItemTextColorDisabled', $menuSheetItemTextColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$menuSheetItemBgColorFocus', $menuSheetItemBgColorFocus);
  $colorList: _oj-theming-add-var($colorList, '$menuSheetItemBorderColorFocus', $menuSheetItemBorderColorFocus);
  $colorList: _oj-theming-add-var($colorList, '$menuSheetDividerBorderColor', $menuSheetDividerBorderColor);

  $colorList: _oj-theming-add-var($colorList, '$trainBgColor', $trainBgColor);
  $colorList: _oj-theming-add-var($colorList, '$trainBorderColor', $trainBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$trainLabelColor', $trainLabelColor);
  $colorList: _oj-theming-add-var($colorList, '$trainButtonTextColor', $trainButtonTextColor);
  $colorList: _oj-theming-add-var($colorList, '$trainBgColorVisited', $trainBgColorVisited);
  $colorList: _oj-theming-add-var($colorList, '$trainBorderColorVisited', $trainBorderColorVisited);
  $colorList: _oj-theming-add-var($colorList, '$trainLabelColorVisited', $trainLabelColorVisited);
  $colorList: _oj-theming-add-var($colorList, '$trainButtonTextColorVisited', $trainButtonTextColorVisited);
  $colorList: _oj-theming-add-var($colorList, '$trainBgColorSelected', $trainBgColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$trainBorderColorSelected', $trainBorderColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$trainButtonTextColorSelected', $trainButtonTextColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$trainBgColorDisabled', $trainBgColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$trainBorderColorDisabled', $trainBorderColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$trainLabelColorDisabled', $trainLabelColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$trainButtonTextColorDisabled', $trainButtonTextColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$trainBgColorHover', $trainBgColorHover);
  $colorList: _oj-theming-add-var($colorList, '$trainBorderColorHover', $trainBorderColorHover);
  $colorList: _oj-theming-add-var($colorList, '$trainButtonTextColorHover', $trainButtonTextColorHover);
  $colorList: _oj-theming-add-var($colorList, '$trainBgColorActive', $trainBgColorActive);
  $colorList: _oj-theming-add-var($colorList, '$trainBorderColorActive', $trainBorderColorActive);
  $colorList: _oj-theming-add-var($colorList, '$trainButtonTextColorActive', $trainButtonTextColorActive);
  $colorList: _oj-theming-add-var($colorList, '$trainConnectorBgColor', $trainConnectorBgColor);
  $colorList: _oj-theming-add-var($colorList, '$trainContinuousConnectorBgColorSelected', $trainContinuousConnectorBgColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$trainConfirmationBgColor', $trainConfirmationBgColor);
  $colorList: _oj-theming-add-var($colorList, '$trainErrorBgColor', $trainErrorBgColor);
  $colorList: _oj-theming-add-var($colorList, '$trainWarningBgColor', $trainWarningBgColor);
  $colorList: _oj-theming-add-var($colorList, '$trainInfoBgColor', $trainInfoBgColor);
  $colorList: _oj-theming-add-var($colorList, '$trainIndividualConnectorBgColorSelected', $trainIndividualConnectorBgColorSelected);

  $colorList: _oj-theming-add-var($colorList, '$progressBarBgColor', $progressBarBgColor);
  $colorList: _oj-theming-add-var($colorList, '$progressValueBgColor', $progressValueBgColor);
  $colorList: _oj-theming-add-var($colorList, '$progressBarBorderColor', $progressBarBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$progressCircleBgColor', $progressCircleBgColor);

  $colorList: _oj-theming-add-var($colorList, '$filePickerBgColor', $filePickerBgColor);
  $colorList: _oj-theming-add-var($colorList, '$filePickerBgColorActive', $filePickerBgColorActive);
  $colorList: _oj-theming-add-var($colorList, '$filePickerBorderColor', $filePickerBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$filePickerTextColor', $filePickerTextColor);

  $colorList: _oj-theming-add-var($colorList, '$avatarInnerBgColor', $avatarInnerBgColor);
  $colorList: _oj-theming-add-var($colorList, '$iconCircleInnerBgColor', $iconCircleInnerBgColor);

  @return $colorList;
}

//-------------------------------------------------------------
// LAYOUT & NAV
//
// Creates a list of var names and values for the 'Layout & Nav' category, as in:
//   [{name: "$panel1BgColor", value: "#eff2f5"},
//    {name: "$panel1BorderColor", value: "#d6dfe6"},
//        --- etc ---
//   ]
//
// see the doc for oj-theming-palette-colors
// for info on how you might use this list
//-------------------------------------------------------------

@function oj-theming-layoutnav-colors()
{
  $colorList: ();


  $colorList: _oj-theming-add-var($colorList, '$bodyBgColor', $bodyBgColor);
  $colorList: _oj-theming-add-var($colorList, '$bodyTextColor', $bodyTextColor);

  $colorList: _oj-theming-add-var($colorList, '$headerBgColor', $headerBgColor);
  $colorList: _oj-theming-add-var($colorList, '$headerBgColorDisabled', $headerBgColorDisabled);

  $colorList: _oj-theming-add-var($colorList, '$overlayBgColor', $overlayBgColor);

  $colorList: _oj-theming-add-var($colorList, '$windowBgColor', $windowBgColor);
  $colorList: _oj-theming-add-var($colorList, '$windowBorderColor', $windowBorderColor);

  $colorList: _oj-theming-add-var($colorList, '$dialogBgColor', $dialogBgColor);
  $colorList: _oj-theming-add-var($colorList, '$dialogBorderColor', $dialogBorderColor);

  $colorList: _oj-theming-add-var($colorList, '$popupBgColor', $popupBgColor);
  $colorList: _oj-theming-add-var($colorList, '$popupBorderColor', $popupBorderColor);

  $colorList: _oj-theming-add-var($colorList, '$panelBgColor', $panelBgColor);
  $colorList: _oj-theming-add-var($colorList, '$panelBorderColor', $panelBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$panel1BgColor', $panel1BgColor);
  $colorList: _oj-theming-add-var($colorList, '$panel1BorderColor', $panel1BorderColor);

  $colorList: _oj-theming-add-var($colorList, '$tabsNavTextColor', $tabsNavTextColor);
  $colorList: _oj-theming-add-var($colorList, '$tabsNavBorderColorSelected', $tabsNavBorderColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$tabsNavAccentBorderColorSelected', $tabsNavAccentBorderColorSelected);

  $colorList: _oj-theming-add-var($colorList, '$navigationListItemLabelColorDefault', $navigationListItemLabelColorDefault);
  $colorList: _oj-theming-add-var($colorList, '$navigationListItemIconColorDefault', $navigationListItemIconColorDefault);
  $colorList: _oj-theming-add-var($colorList, '$navigationListCollapsibleIconColorDefault', $navigationListCollapsibleIconColorDefault);
  $colorList: _oj-theming-add-var($colorList, '$navigationListItemBorderColorHover', $navigationListItemBorderColorHover);
  $colorList: _oj-theming-add-var($colorList, '$navigationListItemBgColorHover', $navigationListItemBgColorHover);
  $colorList: _oj-theming-add-var($colorList, '$navigationListItemIconColorHover', $navigationListItemIconColorHover);
  $colorList: _oj-theming-add-var($colorList, '$navigationListItemLabelColorSelected', $navigationListItemLabelColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$navigationListItemBorderColorSelected', $navigationListItemBorderColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$navigationListItemIconColorSelected', $navigationListItemIconColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$navigationListItemBgColorSelected', $navigationListItemBgColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$navigationListItemOutlineColorFocus', $navigationListItemOutlineColorFocus);
  $colorList: _oj-theming-add-var($colorList, '$navigationListItemLabelColorDisabled', $navigationListItemLabelColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$navigationListIconColorDisabled', $navigationListIconColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$navigationListCategoryDividerColor', $navigationListCategoryDividerColor);
  $colorList: _oj-theming-add-var($colorList, '$navigationListItemIconOnlyBgColorHover', $navigationListItemIconOnlyBgColorHover);
  $colorList: _oj-theming-add-var($colorList, '$navigationListItemIconOnlyBgColorSelected', $navigationListItemIconOnlyBgColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$navigationListIconOnlyIconColorSelected', $navigationListIconOnlyIconColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$navigationListItemContrastLabelColorDefault', $navigationListItemContrastLabelColorDefault);
  $colorList: _oj-theming-add-var($colorList, '$navigationListItemContrastLabelColorHover', $navigationListItemContrastLabelColorHover);
  $colorList: _oj-theming-add-var($colorList, '$navigationListItemContrastBgColorHover', $navigationListItemContrastBgColorHover);
  $colorList: _oj-theming-add-var($colorList, '$navigationListItemContrastLabelColorSelected', $navigationListItemContrastLabelColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$navigationListItemContrastBgColorSelected', $navigationListItemContrastBgColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$navigationListItemContrastLabelColorDisabled', $navigationListItemContrastLabelColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$navigationListHorizontalItemLabelColorDefault', $navigationListHorizontalItemLabelColorDefault);
  $colorList: _oj-theming-add-var($colorList, '$navigationListHorizontalItemIconColorDefault', $navigationListHorizontalItemIconColorDefault);
  $colorList: _oj-theming-add-var($colorList, '$navigationListHorizontalItemDividerColor', $navigationListHorizontalItemDividerColor);
  $colorList: _oj-theming-add-var($colorList, '$navigationListHorizontalItemBgColorSelected', $navigationListHorizontalItemBgColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$navigationListHorizontalItemLabelColorSelected', $navigationListHorizontalItemLabelColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$navigationListHorizontalItemIconColorSelected', $navigationListHorizontalItemIconColorSelected);

  $colorList: _oj-theming-add-var($colorList, '$tabBarItemBorderColor', $tabBarItemBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$tabBarItemLabelColorDefault', $tabBarItemLabelColorDefault);
  $colorList: _oj-theming-add-var($colorList, '$tabBarItemIconColorDefault', $tabBarItemIconColorDefault);
  $colorList: _oj-theming-add-var($colorList, '$tabBarItemBorderColorHover', $tabBarItemBorderColorHover);
  $colorList: _oj-theming-add-var($colorList, '$tabBarItemLabelColorHover', $tabBarItemLabelColorHover);
  $colorList: _oj-theming-add-var($colorList, '$tabBarItemBgColorHover', $tabBarItemBgColorHover);
  $colorList: _oj-theming-add-var($colorList, '$tabBarItemIconColorHover', $tabBarItemIconColorHover);
  $colorList: _oj-theming-add-var($colorList, '$tabBarItemIconOnlyBgColorHover', $tabBarItemIconOnlyBgColorHover);
  $colorList: _oj-theming-add-var($colorList, '$tabBarItemLabelColorSelected', $tabBarItemLabelColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$tabBarItemIconColorSelected', $tabBarItemIconColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$tabBarItemBorderColorSelected', $tabBarItemBorderColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$tabBarItemBgColorSelected', $tabBarItemBgColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$tabBarItemIconOnlyBgColorSelected', $tabBarItemIconOnlyBgColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$tabBarIconOnlyIconColorSelected', $tabBarIconOnlyIconColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$tabBarItemBgColorActive', $tabBarItemBgColorActive);
  $colorList: _oj-theming-add-var($colorList, '$tabBarItemBorderColorActive', $tabBarItemBorderColorActive);
  $colorList: _oj-theming-add-var($colorList, '$tabBarItemOutlineColorFocus', $tabBarItemOutlineColorFocus);
  $colorList: _oj-theming-add-var($colorList, '$tabBarItemLabelColorDisabled', $tabBarItemLabelColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$tabBarIconColorDisabled', $tabBarIconColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$tabBarCategoryDividerColor', $tabBarCategoryDividerColor);
  $colorList: _oj-theming-add-var($colorList, '$tabBarItemContrastLabelColorDefault', $tabBarItemContrastLabelColorDefault);
  $colorList: _oj-theming-add-var($colorList, '$tabBarItemContrastLabelColorHover', $tabBarItemContrastLabelColorHover);
  $colorList: _oj-theming-add-var($colorList, '$tabBarItemContrastBgColorHover', $tabBarItemContrastBgColorHover);
  $colorList: _oj-theming-add-var($colorList, '$tabBarItemContrastLabelColorSelected', $tabBarItemContrastLabelColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$tabBarItemContrastBgColorSelected', $tabBarItemContrastBgColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$tabBarItemContrastLabelColorDisabled', $tabBarItemContrastLabelColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$tabBarItemContrastBgColorActive', $tabBarItemContrastBgColorActive);
  $colorList: _oj-theming-add-var($colorList, '$tabBarHorizontalItemBorderColor', $tabBarHorizontalItemBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$tabBarHorizontalItemDividerColor', $tabBarHorizontalItemDividerColor);
  $colorList: _oj-theming-add-var($colorList, '$tabBarHorizontalItemLabelColorSelected', $tabBarHorizontalItemLabelColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$tabBarHorizontalItemIconColorSelected', $tabBarHorizontalItemIconColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$tabBarHorizontalItemBgColorSelected', $tabBarHorizontalItemBgColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$tabBarHorizontalItemBorderColorSelected', $tabBarHorizontalItemBorderColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$tabBarHorizontalItemLabelColorHover', $tabBarHorizontalItemLabelColorHover);
  $colorList: _oj-theming-add-var($colorList, '$tabBarHorizontalItemBorderColorHover', $tabBarHorizontalItemBorderColorHover);
  $colorList: _oj-theming-add-var($colorList, '$tabBarHorizontalItemContrastBgColorSelected', $tabBarHorizontalItemContrastBgColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$tabBarHorizontalItemContrastLabelColorSelected', $tabBarHorizontalItemContrastLabelColorSelected);


  @return $colorList;
}




//-------------------------------------------------------------
// FORMS
//
// Creates a list of var names and values for the 'Forms' category, as in:
//   [{name: "$formControlLabelColor", value: "#666"},
//    {name: "$formControlBgColor", value: "#fcfdfe"}
//        --- etc ---
//   ]
//
// see the doc for oj-theming-palette-colors
// for info on how you might use this list
//-------------------------------------------------------------

@function oj-theming-forms-colors()
{
  $colorList: ();



  $colorList: _oj-theming-add-var($colorList, '$formControlLabelColor', $formControlLabelColor);
  $colorList: _oj-theming-add-var($colorList, '$formControlBgColor', $formControlBgColor);
  $colorList: _oj-theming-add-var($colorList, '$formControlBorderColor', $formControlBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$formControlInputBorderColorFocus', $formControlInputBorderColorFocus);
  $colorList: _oj-theming-add-var($colorList, '$formControlInputValueColor', $formControlInputValueColor);
  $colorList: _oj-theming-add-var($colorList, '$formControlPlaceholderColor', $formControlPlaceholderColor);
  $colorList: _oj-theming-add-var($colorList, '$formControlTriggerValueColor', $formControlTriggerValueColor);
  $colorList: _oj-theming-add-var($colorList, '$formControlTriggerBgColorActive', $formControlTriggerBgColorActive);
  $colorList: _oj-theming-add-var($colorList, '$formControlValueColorReadOnly', $formControlValueColorReadOnly);
  $colorList: _oj-theming-add-var($colorList, '$formControlValueColorDisabled', $formControlValueColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$formControlBgColorDisabled', $formControlBgColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$formControlBorderColorDisabled', $formControlBorderColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$formLayoutBorderColor', $formLayoutBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$formLayoutDividerColor', $formLayoutDividerColor);
  $colorList: _oj-theming-add-var($colorList, '$colorRequired', $colorRequired);
  $colorList: _oj-theming-add-var($colorList, '$borderColorError', $borderColorError);
  $colorList: _oj-theming-add-var($colorList, '$borderColorWarning', $borderColorWarning);

  $colorList: _oj-theming-add-var($colorList, '$messageComponentInlineBgColorError', $messageComponentInlineBgColorError);
  $colorList: _oj-theming-add-var($colorList, '$messageComponentInlineBorderColorError', $messageComponentInlineBorderColorError);
  $colorList: _oj-theming-add-var($colorList, '$messageComponentInlineBgColorWarning', $messageComponentInlineBgColorWarning);
  $colorList: _oj-theming-add-var($colorList, '$messageComponentInlineBorderColorWarning', $messageComponentInlineBorderColorWarning);
  $colorList: _oj-theming-add-var($colorList, '$messageComponentInlineBgColorInfo', $messageComponentInlineBgColorInfo);
  $colorList: _oj-theming-add-var($colorList, '$messageComponentInlineBorderColorInfo', $messageComponentInlineBorderColorInfo);
  $colorList: _oj-theming-add-var($colorList, '$messageComponentInlineBgColorConfirmation', $messageComponentInlineBgColorConfirmation);
  $colorList: _oj-theming-add-var($colorList, '$messageComponentInlineBorderColorConfirmation', $messageComponentInlineBorderColorConfirmation);
  $colorList: _oj-theming-add-var($colorList, '$messagesGeneralOverlayBorderColor', $messagesGeneralOverlayBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$messageGeneralOverlayBorderColor', $messageGeneralOverlayBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$messageGeneralOverlayHeaderBgColor', $messageGeneralOverlayHeaderBgColor);
  $colorList: _oj-theming-add-var($colorList, '$messageGeneralOverlayBodyBgColor', $messageGeneralOverlayBodyBgColor);
  $colorList: _oj-theming-add-var($colorList, '$messagesNotificationOverlayBorderColor', $messagesNotificationOverlayBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$messageNotificationOverlayBorderColor', $messageNotificationOverlayBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$messageNotificationOverlayHeaderBgColor', $messageNotificationOverlayHeaderBgColor);
  $colorList: _oj-theming-add-var($colorList, '$messageNotificationOverlayBodyBgColor', $messageNotificationOverlayBodyBgColor);
  $colorList: _oj-theming-add-var($colorList, '$messageGeneralInlineBorderColor:', $messageGeneralInlineBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$messageCategoryTextColor', $messageCategoryTextColor);
  $colorList: _oj-theming-add-var($colorList, '$messageTimeTextColor', $messageTimeTextColor);
  $colorList: _oj-theming-add-var($colorList, '$messageSummaryTextColor', $messageSummaryTextColor);
  $colorList: _oj-theming-add-var($colorList, '$messageDetailTextColor', $messageDetailTextColor);

  $colorList: _oj-theming-add-var($colorList, '$selectArrowColor', $selectArrowColor);

  $colorList: _oj-theming-add-var($colorList, '$listboxBgColorFocus', $listboxBgColorFocus);

  $colorList: _oj-theming-add-var($colorList, '$dateTimePickerSwitcherBgColor', $dateTimePickerSwitcherBgColor);

  $colorList: _oj-theming-add-var($colorList, '$datepickerBgColorSelected', $datepickerBgColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$datepickerTextColorSelected', $datepickerTextColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$datepickerBorderColorToday', $datepickerBorderColorToday);
  $colorList: _oj-theming-add-var($colorList, '$datepickerBgColorHover', $datepickerBgColorHover);
  $colorList: _oj-theming-add-var($colorList, '$datepickerTextColorHover', $datepickerTextColorHover);
  $colorList: _oj-theming-add-var($colorList, '$datepickerBorderColorFocus', $datepickerBorderColorFocus);
  $colorList: _oj-theming-add-var($colorList, '$datepickerHeaderTextColor', $datepickerHeaderTextColor);
  $colorList: _oj-theming-add-var($colorList, '$datepickerButtonTextColor', $datepickerButtonTextColor);
  $colorList: _oj-theming-add-var($colorList, '$datepickerButtonTextColorHover', $datepickerButtonTextColorHover);
  $colorList: _oj-theming-add-var($colorList, '$datepickerButtonTextColorActive', $datepickerButtonTextColorActive);

  $colorList: _oj-theming-add-var($colorList, '$radioCheckboxSetBorderColor', $radioCheckboxSetBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$radioCheckboxSetBgColor', $radioCheckboxSetBgColor);
  $colorList: _oj-theming-add-var($colorList, '$radioCheckboxItemDividerColor', $radioCheckboxItemDividerColor);
  $colorList: _oj-theming-add-var($colorList, '$radioCheckboxLabelColor', $radioCheckboxLabelColor);
  $colorList: _oj-theming-add-var($colorList, '$radioCheckboxItemBgColorActive', $radioCheckboxItemBgColorActive);
  $colorList: _oj-theming-add-var($colorList, '$radioCheckboxItemDividerColorActive', $radioCheckboxItemDividerColorActive);
  $colorList: _oj-theming-add-var($colorList, '$radioCheckboxLabelColorSelected', $radioCheckboxLabelColorSelected);

  $colorList: _oj-theming-add-var($colorList, '$sliderThumbBgColor', $sliderThumbBgColor);
  $colorList: _oj-theming-add-var($colorList, '$sliderThumbBorderColor', $sliderThumbBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$sliderBarBgColor', $sliderBarBgColor);
  $colorList: _oj-theming-add-var($colorList, '$sliderBarValueBgColor', $sliderBarValueBgColor);
  $colorList: _oj-theming-add-var($colorList, '$sliderThumbBgColorHover', $sliderThumbBgColorHover);
  $colorList: _oj-theming-add-var($colorList, '$sliderThumbBgColorActive', $sliderThumbBgColorActive);
  $colorList: _oj-theming-add-var($colorList, '$sliderThumbBorderColorActive', $sliderThumbBorderColorActive);
  $colorList: _oj-theming-add-var($colorList, '$sliderBarValueBgColorActive', $sliderBarValueBgColorActive);
  $colorList: _oj-theming-add-var($colorList, '$sliderThumbBgColorDisabled', $sliderThumbBgColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$sliderThumbBorderColorDisabled', $sliderThumbBorderColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$sliderBarBgColorDisabled', $sliderBarBgColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$sliderBarValueBgColorDisabled', $sliderBarValueBgColorDisabled);



  $colorList: _oj-theming-add-var($colorList, '$switchTrackBgColor', $switchTrackBgColor);
  $colorList: _oj-theming-add-var($colorList, '$switchTrackBorderColor', $switchTrackBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$switchThumbBgColor', $switchThumbBgColor);
  $colorList: _oj-theming-add-var($colorList, '$switchThumbBorderColor', $switchThumbBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$switchTrackBgColorSelected', $switchTrackBgColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$switchTrackBorderColorSelected', $switchTrackBorderColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$switchThumbBgColorSelected', $switchThumbBgColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$switchThumbBorderColorSelected', $switchThumbBorderColorSelected);

  $colorList: _oj-theming-add-var($colorList, '$switchTrackBgColorHover', $switchTrackBgColorHover);
  $colorList: _oj-theming-add-var($colorList, '$switchTrackBorderColorHover', $switchTrackBorderColorHover);
  $colorList: _oj-theming-add-var($colorList, '$switchThumbBgColorHover', $switchThumbBgColorHover);
  $colorList: _oj-theming-add-var($colorList, '$switchThumbBorderColorHover', $switchThumbBorderColorHover);
  $colorList: _oj-theming-add-var($colorList, '$switchTrackBgColorSelectedHover', $switchTrackBgColorSelectedHover);
  $colorList: _oj-theming-add-var($colorList, '$switchTrackBorderColorSelectedHover', $switchTrackBorderColorSelectedHover);
  $colorList: _oj-theming-add-var($colorList, '$switchThumbBgColorSelectedHover', $switchThumbBgColorSelectedHover);
  $colorList: _oj-theming-add-var($colorList, '$switchThumbBorderColorSelectedHover', $switchThumbBorderColorSelectedHover);


  $colorList: _oj-theming-add-var($colorList, '$switchTrackBgColorActive', $switchTrackBgColorActive);
  $colorList: _oj-theming-add-var($colorList, '$switchTrackBorderColorActive', $switchTrackBorderColorActive);
  $colorList: _oj-theming-add-var($colorList, '$switchThumbBgColorActive', $switchThumbBgColorActive);
  $colorList: _oj-theming-add-var($colorList, '$switchThumbBorderColorActive', $switchThumbBorderColorActive);
  $colorList: _oj-theming-add-var($colorList, '$switchTrackBgColorSelectedActive', $switchTrackBgColorSelectedActive);
  $colorList: _oj-theming-add-var($colorList, '$switchTrackBorderColorSelectedActive', $switchTrackBorderColorSelectedActive);
  $colorList: _oj-theming-add-var($colorList, '$switchThumbBgColorSelectedActive', $switchThumbBgColorSelectedActive);
  $colorList: _oj-theming-add-var($colorList, '$switchThumbBorderColorSelectedActive', $switchThumbBorderColorSelectedActive);

  $colorList: _oj-theming-add-var($colorList, '$switchTrackBgColorReadonly', $switchTrackBgColorReadonly);
  $colorList: _oj-theming-add-var($colorList, '$switchTrackBorderColorReadonly', $switchTrackBorderColorReadonly);
  $colorList: _oj-theming-add-var($colorList, '$switchThumbBgColorReadonly', $switchThumbBgColorReadonly);
  $colorList: _oj-theming-add-var($colorList, '$switchThumbBorderColorReadonly', $switchThumbBorderColorReadonly);
  $colorList: _oj-theming-add-var($colorList, '$switchTrackBgColorSelectedReadonly', $switchTrackBgColorSelectedReadonly);
  $colorList: _oj-theming-add-var($colorList, '$switchTrackBorderColorSelectedReadonly', $switchTrackBorderColorSelectedReadonly);
  $colorList: _oj-theming-add-var($colorList, '$switchThumbBgColorSelectedReadonly', $switchThumbBgColorSelectedReadonly);
  $colorList: _oj-theming-add-var($colorList, '$switchThumbBorderColorSelectedReadonly', $switchThumbBorderColorSelectedReadonly);

  $colorList: _oj-theming-add-var($colorList, '$switchTrackBgColorDisabled', $switchTrackBgColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$switchTrackBorderColorDisabled', $switchTrackBorderColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$switchThumbBgColorDisabled', $switchThumbBgColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$switchThumbBorderColorDisabled', $switchThumbBorderColorDisabled);
  $colorList: _oj-theming-add-var($colorList, '$switchTrackBgColorSelectedDisabled', $switchTrackBgColorSelectedDisabled);
  $colorList: _oj-theming-add-var($colorList, '$switchTrackBorderColorSelectedDisabled', $switchTrackBorderColorSelectedDisabled);
  $colorList: _oj-theming-add-var($colorList, '$switchThumbBgColorSelectedDisabled', $switchThumbBgColorSelectedDisabled);
  $colorList: _oj-theming-add-var($colorList, '$switchThumbBorderColorSelectedDisabled', $switchThumbBorderColorSelectedDisabled);


  $colorList: _oj-theming-add-var($colorList, '$colorSpectrumBorderColor', $colorSpectrumBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$colorSpectrumThumbBorderColor', $colorSpectrumThumbBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$colorspectrumThumbBorderColorDisabled', $colorspectrumThumbBorderColorDisabled);

  $colorList: _oj-theming-add-var($colorList, '$colorPaletteTextColor', $colorPaletteTextColor);
  $colorList: _oj-theming-add-var($colorList, '$colorPaletteSwatchInnerBorderColor', $colorPaletteSwatchInnerBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$colorPaletteSwatchOuterBorderColorSelected', $colorPaletteSwatchOuterBorderColorSelected);

  @return $colorList;
}






//-------------------------------------------------------------
// COLLECTIONS
//
// Creates a list of var names and values for the 'Collections' category, as in:
//   [{name: "$collectionBorderColor", value: "#d6dfe6"},
//    {name: "$collectionBgColor", value: "#f7f9fc"},
//        --- etc ---
//   ]
//
// see the doc for oj-theming-palette-colors
// for info on how you might use this list
//-------------------------------------------------------------

@function oj-theming-collections-colors()
{
  $colorList: ();


  $colorList: _oj-theming-add-var($colorList, '$dropTarget1Color', $dropTarget1Color);
  $colorList: _oj-theming-add-var($colorList, '$dropTarget2Color', $dropTarget2Color);

  $colorList: _oj-theming-add-var($colorList, '$collectionBorderColor', $collectionBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$collectionBgColor', $collectionBgColor);
  $colorList: _oj-theming-add-var($colorList, '$collectionHeaderTextColor', $collectionHeaderTextColor);
  $colorList: _oj-theming-add-var($colorList, '$collectionHeaderBgColor', $collectionHeaderBgColor);
  $colorList: _oj-theming-add-var($colorList, '$collectionHeaderBorderColor', $collectionHeaderBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$collectionHeaderBgColorHover', $collectionHeaderBgColorHover);
  $colorList: _oj-theming-add-var($colorList, '$collectionHeaderBgColorFocus', $collectionHeaderBgColorFocus);
  $colorList: _oj-theming-add-var($colorList, '$collectionHeaderBgColorSelected', $collectionHeaderBgColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$collectionHeaderBgColorSelectedInactive', $collectionHeaderBgColorSelectedInactive);
  $colorList: _oj-theming-add-var($colorList, '$collectionHeaderBgColorDrag', $collectionHeaderBgColorDrag);
  $colorList: _oj-theming-add-var($colorList, '$collectionHeaderDragImageBorderColor', $collectionHeaderDragImageBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$collectionCellTextColor', $collectionCellTextColor);
  $colorList: _oj-theming-add-var($colorList, '$collectionCellBorderColor', $collectionCellBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$collectionCellBgColor', $collectionCellBgColor);
  $colorList: _oj-theming-add-var($colorList, '$collectionCellBandedBgColor', $collectionCellBandedBgColor);
  $colorList: _oj-theming-add-var($colorList, '$collectionCellBgColorHover', $collectionCellBgColorHover);
  $colorList: _oj-theming-add-var($colorList, '$collectionCellBorderColorHover', $collectionCellBorderColorHover);
  $colorList: _oj-theming-add-var($colorList, '$collectionCellBgColorFocus', $collectionCellBgColorFocus);
  $colorList: _oj-theming-add-var($colorList, '$collectionCellBorderColorFocus', $collectionCellBorderColorFocus);
  $colorList: _oj-theming-add-var($colorList, '$collectionCellBgColorSelected', $collectionCellBgColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$collectionCellBorderColorSelected', $collectionCellBorderColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$collectionCellBgColorSelectedInactive', $collectionCellBgColorSelectedInactive);
  $colorList: _oj-theming-add-var($colorList, '$collectionCellBorderColorSelectedInactive', $collectionCellBorderColorSelectedInactive);
  $colorList: _oj-theming-add-var($colorList, '$collectionCellBgColorDrag', $collectionCellBgColorDrag);
  $colorList: _oj-theming-add-var($colorList, '$collectionCellDragImageBorderColor', $collectionCellDragImageBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$collectionEditableCellBorderColorFocus', $collectionEditableCellBorderColorFocus);
  $colorList: _oj-theming-add-var($colorList, '$collectionEditableCellBgColorReadOnly', $collectionEditableCellBgColorReadOnly);
  $colorList: _oj-theming-add-var($colorList, '$collectionStatusBgColor', $collectionStatusBgColor);

  $colorList: _oj-theming-add-var($colorList, '$tableHeaderBorderColor', $tableHeaderBorderColor);

  $colorList: _oj-theming-add-var($colorList, '$listViewDrillIconColor', $listViewDrillIconColor);

  $colorList: _oj-theming-add-var($colorList, '$refresherBgColor', $refresherBgColor);

  $colorList: _oj-theming-add-var($colorList, '$indexerTextColor', $indexerTextColor);
  $colorList: _oj-theming-add-var($colorList, '$indexerTextColorDisabled', $indexerTextColorDisabled);


  $colorList: _oj-theming-add-var($colorList, '$treeViewTextColor', $treeViewTextColor);
  $colorList: _oj-theming-add-var($colorList, '$treeViewItemBgColorHover', $treeViewItemBgColorHover);
  $colorList: _oj-theming-add-var($colorList, '$treeViewItemBgColorSelected', $treeViewItemBgColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$treeViewItemBgColorSelectedInactive', $treeViewItemBgColorSelectedInactive);
  $colorList: _oj-theming-add-var($colorList, '$treeViewDropLineColor', $treeViewDropLineColor);

  $colorList: _oj-theming-add-var($colorList, '$swipeActionsTextColor', $swipeActionsTextColor);
  $colorList: _oj-theming-add-var($colorList, '$swipeActionsDefaultBgColor', $swipeActionsDefaultBgColor);
  $colorList: _oj-theming-add-var($colorList, '$swipeActionsNeutralBgColor', $swipeActionsNeutralBgColor);
  $colorList: _oj-theming-add-var($colorList, '$swipeActionsAttentionBgColor', $swipeActionsAttentionBgColor);
  $colorList: _oj-theming-add-var($colorList, '$swipeActionsDangerBgColor', $swipeActionsDangerBgColor);

  @return $colorList;
}





//-------------------------------------------------------------
// VISUALIZATIONS
//
// Creates a list of var names and values for the 'Visualizations' category, as in:
//   [{name: "$dvtCategory1Color", value: "#237bb1"},
//    {name: "$dvtCategory2Color", value: "#68c182"},
//        --- etc ---
//   ]
//
// see the doc for oj-theming-palette-colors
// for info on how you might use this list
//-------------------------------------------------------------

@function oj-theming-visualizations-colors()
{
  $colorList: ();


  $colorList: _oj-theming-add-var($colorList, '$dvtCategory1Color', $dvtCategory1Color);
  $colorList: _oj-theming-add-var($colorList, '$dvtCategory2Color', $dvtCategory2Color);
  $colorList: _oj-theming-add-var($colorList, '$dvtCategory3Color', $dvtCategory3Color);
  $colorList: _oj-theming-add-var($colorList, '$dvtCategory4Color', $dvtCategory4Color);
  $colorList: _oj-theming-add-var($colorList, '$dvtCategory5Color', $dvtCategory5Color);
  $colorList: _oj-theming-add-var($colorList, '$dvtCategory6Color', $dvtCategory6Color);
  $colorList: _oj-theming-add-var($colorList, '$dvtCategory7Color', $dvtCategory7Color);
  $colorList: _oj-theming-add-var($colorList, '$dvtCategory8Color', $dvtCategory8Color);
  $colorList: _oj-theming-add-var($colorList, '$dvtCategory9Color', $dvtCategory9Color);
  $colorList: _oj-theming-add-var($colorList, '$dvtCategory10Color', $dvtCategory10Color);
  $colorList: _oj-theming-add-var($colorList, '$dvtCategory11Color', $dvtCategory11Color);
  $colorList: _oj-theming-add-var($colorList, '$dvtCategory12Color', $dvtCategory12Color);
  $colorList: _oj-theming-add-var($colorList, '$dvtThreshold1Color', $dvtThreshold1Color);
  $colorList: _oj-theming-add-var($colorList, '$dvtThreshold2Color', $dvtThreshold2Color);
  $colorList: _oj-theming-add-var($colorList, '$dvtThreshold3Color', $dvtThreshold3Color);
  $colorList: _oj-theming-add-var($colorList, '$dvtComponentBgColor', $dvtComponentBgColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtComponentBg2Color', $dvtComponentBg2Color);
  $colorList: _oj-theming-add-var($colorList, '$dvtTooltipBgColor', $dvtTooltipBgColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtBorderColor', $dvtBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtBorder2Color', $dvtBorder2Color);
  $colorList: _oj-theming-add-var($colorList, '$dvtPanelBorderColor', $dvtPanelBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtIconBgColorActive', $dvtIconBgColorActive);
  $colorList: _oj-theming-add-var($colorList, '$dvtIconBorderColorActive', $dvtIconBorderColorActive);
  $colorList: _oj-theming-add-var($colorList, '$dvtNoDataMessageColor', $dvtNoDataMessageColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtAxisTitleTextColor', $dvtAxisTitleTextColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtNBoxCellBgColor', $dvtNBoxCellBgColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtNBoxCellBgColorMinimized', $dvtNBoxCellBgColorMinimized);
  $colorList: _oj-theming-add-var($colorList, '$dvtNBoxDialogBorderColor', $dvtNBoxDialogBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtPictoChartItemBgColor', $dvtPictoChartItemBgColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtDiagramNodeBorderColorHover', $dvtDiagramNodeBorderColorHover);
  $colorList: _oj-theming-add-var($colorList, '$dvtDiagramLinkBorderColorHover', $dvtDiagramLinkBorderColorHover);
  $colorList: _oj-theming-add-var($colorList, '$dvtDiagramLinkColor', $dvtDiagramLinkColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtDiagramOverviewBgColor', $dvtDiagramOverviewBgColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtDiagramOverviewWindowBgColor', $dvtDiagramOverviewWindowBgColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtDiagramOverviewWindowBorderColor', $dvtDiagramOverviewWindowBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtDiagramOverviewNodeBgColor', $dvtDiagramOverviewNodeBgColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtMapBgColor', $dvtMapBgColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtMapMarkerBgColor', $dvtMapMarkerBgColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtTreemapNodeHeaderBorderColor', $dvtTreemapNodeHeaderBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtTreemapNodeHeaderBorderColorHover', $dvtTreemapNodeHeaderBorderColorHover);
  $colorList: _oj-theming-add-var($colorList, '$dvtTreemapNodeHeaderBgColor', $dvtTreemapNodeHeaderBgColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtTreemapNodeBorderColorHover', $dvtTreemapNodeBorderColorHover);
  $colorList: _oj-theming-add-var($colorList, '$dvtSunburstNodeBorderColorHover', $dvtSunburstNodeBorderColorHover);
  $colorList: _oj-theming-add-var($colorList, '$dvtChartStockRangeBgColor', $dvtChartStockRangeBgColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtChartStockRisingBgColor', $dvtChartStockRisingBgColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtTimelineBorderColor', $dvtTimelineBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtTimelineItemBgColor', $dvtTimelineItemBgColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtTimelineItemBorderColor', $dvtTimelineItemBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtTimelineItemBorderColorHover', $dvtTimelineItemBorderColorHover);
  $colorList: _oj-theming-add-var($colorList, '$dvtTimelineItemBorderColorSelected', $dvtTimelineItemBorderColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$dvtTimelineItemDescriptionColor', $dvtTimelineItemDescriptionColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtTimelineItemTitleColor', $dvtTimelineItemTitleColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtTimelineMajorAxisLabelColor', $dvtTimelineMajorAxisLabelColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtTimelineMajorAxisSeparatorColor', $dvtTimelineMajorAxisSeparatorColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtTimelineMinorAxisBgColor', $dvtTimelineMinorAxisBgColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtTimelineMinorAxisBorderColor', $dvtTimelineMinorAxisBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtTimelineMinorAxisLabelColor', $dvtTimelineMinorAxisLabelColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtTimelineMinorAxisSeparatorColor', $dvtTimelineMinorAxisSeparatorColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtTimelineOverviewBgColor', $dvtTimelineOverviewBgColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtTimelineOverviewLabelColor', $dvtTimelineOverviewLabelColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtTimelineOverviewWindowBgColor', $dvtTimelineOverviewWindowBgColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtTimelineOverviewWindowBorderColor', $dvtTimelineOverviewWindowBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtTimelineReferenceObjectColor', $dvtTimelineReferenceObjectColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtTimelineSeriesBgColor', $dvtTimelineSeriesBgColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtTimelineSeriesLabelColor', $dvtTimelineSeriesLabelColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtTimelineSeriesEmptyTextColor', $dvtTimelineSeriesEmptyTextColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtGanttBgColor', $dvtGanttBgColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtGanttBorderColor', $dvtGanttBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtGanttHorizontalGridlineColor', $dvtGanttHorizontalGridlineColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtGanttVerticalGridlineColor', $dvtGanttVerticalGridlineColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtGanttEmptyTextColor', $dvtGanttEmptyTextColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtGanttRowBgColor', $dvtGanttRowBgColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtGanttTaskBgColor', $dvtGanttTaskBgColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtGanttMilestoneBgColor', $dvtGanttMilestoneBgColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtGanttSummaryBgColor', $dvtGanttSummaryBgColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtGanttTaskBorderColorSelected', $dvtGanttTaskBorderColorSelected);
  $colorList: _oj-theming-add-var($colorList, '$dvtGanttMajorAxisBgColor', $dvtGanttMajorAxisBgColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtGanttMajorAxisBorderColor', $dvtGanttMajorAxisBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtGanttMajorAxisLabelColor', $dvtGanttMajorAxisLabelColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtGanttMajorAxisSeparatorColor', $dvtGanttMajorAxisSeparatorColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtGanttMinorAxisBgColor', $dvtGanttMinorAxisBgColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtGanttMinorAxisBorderColor', $dvtGanttMinorAxisBorderColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtGanttMinorAxisLabelColor', $dvtGanttMinorAxisLabelColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtGanttMinorAxisSeparatorColor', $dvtGanttMinorAxisSeparatorColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtGanttDependencyLineColor', $dvtGanttDependencyLineColor);
  $colorList: _oj-theming-add-var($colorList, '$dvtGanttTaskDragImageBorderColor', $dvtGanttTaskDragImageBorderColor);

  @return $colorList;
}
@function oj-theming-text-colors()
{
  $generalVarsList: ();
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$textColor1', $textColor1);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$textColor2', $textColor2);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$textColor3', $textColor3);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$textColor4', $textColor4);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$textColor5', $textColor5);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$textColor6', $textColor6);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$textColor7', $textColor7);

  $generalVarsList: _oj-theming-add-var($generalVarsList, '$textContrastColor1', $textContrastColor1);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$textContrastColor2', $textContrastColor2);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$textContrastColor3', $textContrastColor3);


  $generalVarsList: _oj-theming-add-var($generalVarsList, '$brandColor', $brandColor);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$brandColorDark1', $brandColorDark1);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$brandColorDark2', $brandColorDark2);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$brandColorLight1', $brandColorLight1);


  $componentVarsList: ();

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$textColor', $textColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$primaryTextColor', $primaryTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$secondaryTextColor', $secondaryTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$tertiaryTextColor', $tertiaryTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$headerTextColor', $headerTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$formControlLabelColor', $formControlLabelColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$contrastTextColor', $contrastTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$textColorDisabled', $textColorDisabled);

  $componentVarsList: _oj-theming-add-var($colorList, '$dvtNoDataMessageColor', $dvtNoDataMessageColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$linkTextColor', $linkTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$linkTextColorActive', $linkTextColorActive);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$linkTextColorVisited', $linkTextColorVisited);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$linkTextColorDisabled', $linkTextColorDisabled);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$bodyTextColor', $bodyTextColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$appLayoutWebHeaderTextColor', $appLayoutWebHeaderTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$appLayoutHybridHeaderTextColor', $appLayoutHybridHeaderTextColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$menuItemTextColor', $menuItemTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$menuItemTextColorDisabled', $menuItemTextColorDisabled);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$menuSheetItemTextColor', $menuSheetItemTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$menuSheetItemTextColorDisabled', $menuSheetItemTextColorDisabled);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonTextColor', $buttonTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonTextColorHover', $buttonTextColorHover);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonTextColorActive', $buttonTextColorActive);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonTextColorSelected', $buttonTextColorSelected);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonTextColorSelectedHover', $buttonTextColorSelectedHover);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonTextColorDisabled', $buttonTextColorDisabled);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonTextColorSelectedDisabled', $buttonTextColorSelectedDisabled);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonHalfChromeTextColor', $buttonHalfChromeTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonHalfChromeTextColorHover', $buttonHalfChromeTextColorHover);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonHalfChromeTextColorActive', $buttonHalfChromeTextColorActive);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonHalfChromeTextColorSelected', $buttonHalfChromeTextColorSelected);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonHalfChromeTextColorSelectedHover', $buttonHalfChromeTextColorSelectedHover);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonHalfChromeTextColorDisabled', $buttonHalfChromeTextColorDisabled);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonHalfChromeTextColorSelectedDisabled', $buttonHalfChromeTextColorSelectedDisabled);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonOutlinedChromeTextColor', $buttonOutlinedChromeTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonOutlinedChromeTextColorHover', $buttonOutlinedChromeTextColorHover);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonOutlinedChromeTextColorActive', $buttonOutlinedChromeTextColorActive);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonOutlinedChromeTextColorSelected', $buttonOutlinedChromeTextColorSelected);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonOutlinedChromeTextColorSelectedHover', $buttonOutlinedChromeTextColorSelectedHover);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonOutlinedChromeTextColor', $buttonOutlinedChromeTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonOutlinedChromeTextColorDisabled', $buttonOutlinedChromeTextColorDisabled);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonOutlinedChromeTextColorSelectedDisabled', $buttonOutlinedChromeTextColorSelectedDisabled);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonContrastTextColor', $buttonContrastTextColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dialogHeaderTextColor', $dialogHeaderTextColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$formControlInputValueColor', $formControlInputValueColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$formControlTriggerValueColor', $formControlTriggerValueColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$formControlValueColorReadOnly', $formControlValueColorReadOnly);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$formControlValueColorDisabled', $formControlValueColorDisabled);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$formControlPlaceholderColor', $formControlPlaceholderColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$radioCheckboxLabelColor', $radioCheckboxLabelColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$radioCheckboxLabelColorSelected', $radioCheckboxLabelColorSelected);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$colorPaletteTextColor', $colorPaletteTextColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$listboxMessageTextColor', $listboxMessageTextColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$datepickerTextColorSelected', $datepickerTextColorSelected);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$datepickerTextColorHover', $datepickerTextColorHover);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$datepickerHeaderTextColor', $datepickerHeaderTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$datepickerButtonTextColor', $datepickerButtonTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$datepickerButtonTextColorHover', $datepickerButtonTextColorHover);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$datepickerButtonTextColorActive', $datepickerButtonTextColorActive);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$timepickerTextColor', $timepickerTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$timepickerTextColorHover', $timepickerTextColorHover);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$timepickerTextColorActive', $timepickerTextColorActive);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$tabsNavTextColor', $tabsNavTextColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$trainLabelColor', $trainLabelColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$trainButtonTextColor', $trainButtonTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$trainLabelColorVisited', $trainLabelColorVisited);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$trainButtonTextColorVisited', $trainButtonTextColorVisited);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$trainButtonTextColorSelected', $trainButtonTextColorSelected);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$trainLabelColorDisabled', $trainLabelColorDisabled);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$trainButtonTextColorDisabled', $trainButtonTextColorDisabled);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$trainButtonTextColorHover', $trainButtonTextColorHover);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$trainButtonTextColorActive', $trainButtonTextColorActive);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$treeTextColor', $treeTextColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$collectionsHeaderTextColor', $collectionsHeaderTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$collectionsCellTextColor', $collectionsCellTextColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$treeViewTextColor', $treeViewTextColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$swipeToRevealActionTextColor', $swipeToRevealActionTextColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$indexerTextColor', $indexerTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$indexerTextColorDisabled', $indexerTextColorDisabled);


  $componentVarsList: _oj-theming-add-var($componentVarsList, '$navigationListItemLabelColorDefault', $navigationListItemLabelColorDefault);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$navigationListItemLabelColorSelected', $navigationListItemLabelColorSelected);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$navigationListItemLabelColorDisabled', $navigationListItemLabelColorDisabled);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$navigationListItemContrastLabelColorDefault', $navigationListItemContrastLabelColorDefault);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$navigationListItemContrastLabelColorHover', $navigationListItemContrastLabelColorHover);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$navigationListItemContrastLabelColorSelected', $navigationListItemContrastLabelColorSelected);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$navigationListItemContrastLabelColorDisabled', $navigationListItemContrastLabelColorDisabled);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$navigationListHorizontalItemLabelColorDefault', $navigationListHorizontalItemLabelColorDefault);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$navigationListHorizontalItemLabelColorSelected', $navigationListHorizontalItemLabelColorSelected);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$navigationListHorizontalItemContrastLabelColorSelected', $navigationListHorizontalItemContrastLabelColorSelected);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$tabBarItemLabelColorDefault', $tabBarItemLabelColorDefault);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$tabBarItemLabelColorSelected', $tabBarItemLabelColorSelected);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$tabBarItemLabelColorDisabled', $tabBarItemLabelColorDisabled);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$tabBarHorizontalItemLabelColorSelected', $tabBarHorizontalItemLabelColorSelected);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$tabBarItemContrastLabelColorDefault', $tabBarItemContrastLabelColorDefault);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$tabBarItemContrastLabelColorHover', $tabBarItemContrastLabelColorHover);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$tabBarItemContrastLabelColorSelected', $tabBarItemContrastLabelColorSelected);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$tabBarHorizontalItemContrastLabelColorSelected', $tabBarHorizontalItemContrastLabelColorSelected);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$tabBarItemContrastLabelColorDisabled', $tabBarItemContrastLabelColorDisabled);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$filePickerTextColor', $filePickerTextColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtAxisTitleTextColor', $dvtAxisTitleTextColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtChartSubtitleTextColor', $dvtChartSubtitleTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtChartTitleTextColor', $dvtChartTitleTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtTimelineItemDescriptionColor', $dvtTimelineItemDescriptionColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtTimelineItemTitleColor', $dvtTimelineItemTitleColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtTimelineMajorAxisLabelColor', $dvtTimelineMajorAxisLabelColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtTimelineMinorAxisLabelColor', $dvtTimelineMinorAxisLabelColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtTimelineOverviewLabelColor', $dvtTimelineOverviewLabelColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtTimelineSeriesLabelColor', $dvtTimelineSeriesLabelColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtTimelineSeriesEmptyTextColor', $dvtTimelineSeriesEmptyTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtTreemapDrillTextColor', $dvtTreemapDrillTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtSunburstDrillTextColor', $dvtSunburstDrillTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtTimeAxisLabelColor', $dvtTimeAxisLabelColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtGanttEmptyTextColor', $dvtGanttEmptyTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtGanttMajorAxisLabelColor', $dvtGanttMajorAxisLabelColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtGanttMinorAxisLabelColor', $dvtGanttMinorAxisLabelColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$iconCircleFontColor', $iconCircleFontColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$avatarTextColor', $avatarTextColor);

  $textColorsMap: (
    'generalVars': $generalVarsList,
    'componentVars': $componentVarsList
  );

  @return $textColorsMap;
}

@function oj-theming-border-radius()
{
  $generalVarsList: ();
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$smallBorderRadius', $smallBorderRadius);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$mediumBorderRadius', $mediumBorderRadius);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$largeBorderRadius', $largeBorderRadius);

  $componentVarsList: ();
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$panelBorderRadius', $panelBorderRadius);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$popupBorderRadius', $popupBorderRadius);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$menuBorderRadius', $menuBorderRadius);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$menuSheetBorderRadius', $menuSheetBorderRadius);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$menuSheetItemGroupBorderRadius', $menuSheetItemGroupBorderRadius);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonBorderRadius', $buttonBorderRadius);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonsetBorderRadius', $buttonsetBorderRadius);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dialogBorderRadius', $dialogBorderRadius);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$formControlBorderRadius', $formControlBorderRadius);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$sliderThumbBorderRadius', $sliderThumbBorderRadius);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$sliderColorPickerThumbBorderRadius', $sliderColorPickerThumbBorderRadius);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$tabsNavBorderRadius', $tabsNavBorderRadius);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$progressBarBorderRadius', $progressBarBorderRadius);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$filmStripArrowBorderRadius', $filmStripArrowBorderRadius);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$tabBarItemBorderRadius', $tabBarItemBorderRadius);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$filePickerBorderRadius', $filePickerBorderRadius);

  $borderRadiusMap: (
    'generalVars': $generalVarsList,
    'componentVars': $componentVarsList
  );

  @return $borderRadiusMap;
}

@function oj-theming-box-shadow()
{
  $generalVarsList: ();
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$smallBoxShadow', $smallBoxShadow);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$mediumBoxShadow', $mediumBoxShadow);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$largeBoxShadow', $largeBoxShadow);

  $componentVarsList: ();
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$popupTailBoxShadow', $popupTailBoxShadow);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$popupBoxShadow', $popupBoxShadow);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$menuBoxShadow', $menuBoxShadow);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$menuSubmenuBoxShadow', $menuSubmenuBoxShadow);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonBoxShadow', $buttonBoxShadow);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dialogBoxShadow', $dialogBoxShadow);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$sliderThumbBoxShadow', $sliderThumbBoxShadow);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$sliderColorPickerThumbBoxShadow', $sliderColorPickerThumbBoxShadow);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$colorSpectrumThumbBoxShadow', $colorSpectrumThumbBoxShadow);

  $boxShadowMap: (
    'generalVars': $generalVarsList,
    'componentVars': $componentVarsList
  );

  @return $boxShadowMap;
}

@function oj-theming-header-vars()
{
  $generalVarsList: ();
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$headerTextColor', $headerTextColor);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$headerBorderColor', $headerBorderColor);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$headerFontWeight', $headerFontWeight);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$header1FontWeight', $header1FontWeight);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$header2FontWeight', $header2FontWeight);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$header3FontWeight', $header3FontWeight);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$header4FontWeight', $header4FontWeight);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$header5FontWeight', $header5FontWeight);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$header6FontWeight', $header6FontWeight);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$header1FontSize', $header1FontSize);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$header2FontSize', $header2FontSize);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$header3FontSize', $header3FontSize);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$header4FontSize', $header4FontSize);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$header5FontSize', $header5FontSize);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$header6FontSize', $header6FontSize);

  $componentVarsList: ();
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dialogHeaderFontSize', $dialogHeaderFontSize);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dialogHeaderBorderColor', $dialogHeaderBorderColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dialogHeaderTextColor', $dialogHeaderTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$datepickerHeaderTextColor', $datepickerHeaderTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$collectionHeaderFontWeight', $collectionHeaderFontWeight);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$collectionHeaderTextColor', $collectionHeaderTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$collectionHeaderFontSize', $collectionHeaderFontSize);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$collectionHeaderBorderColor', $collectionHeaderBorderColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$tableHeaderBorderColor', $tableHeaderBorderColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$listViewHeaderFontSize', $listViewHeaderFontSize);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$listViewHeaderFontWeight', $listViewHeaderFontWeight);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtChartSubtitleTextColor', $dvtChartSubtitleTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtTimelineSeriesLabelColor', $dvtTimelineSeriesLabelColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtTreemapNodeHeaderBorderColor', $dvtTreemapNodeHeaderBorderColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtTreemapNodeHeaderBorderColorHover', $dvtTreemapNodeHeaderBorderColorHover);

  $headerVarsMap: (
    'generalVars': $generalVarsList,
    'componentVars': $componentVarsList
  );

  @return $headerVarsMap;
}

@function oj-theming-window-vars()
{
  $generalVarsList: ();
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$windowBorderColor', $windowBorderColor);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$windowBorderWidth', $windowBorderWidth);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$windowBgColor', $windowBgColor);

  $componentVarsList: ();

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$popupTailBorderColor', $popupTailBorderColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$popupTailBorderWidth', $popupTailBorderWidth);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$popupTailBgcolor', $popupTailBgcolor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$popupBorderColor', $popupBorderColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$popupBorderWidth', $popupBorderWidth);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$popupBgColor', $popupBgColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dialogBorderWidth', $dialogBorderWidth);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dialogBgColor', $dialogBgColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dialogBorderColor', $dialogBorderColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtTooltipBgColor', $dvtTooltipBgColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtTimelineOverviewWindowBgColor', $dvtTimelineOverviewWindowBgColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtTimelineOverviewWindowBorderColor', $dvtTimelineOverviewWindowBorderColor);

  $windowVarsMap: (
    'generalVars': $generalVarsList,
    'componentVars': $componentVarsList
  );

  @return $windowVarsMap;
}

@function oj-theming-text-colors()
{
  $generalVarsList: ();
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$textColor1', $textColor1);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$textColor2', $textColor2);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$textColor3', $textColor3);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$textColor4', $textColor4);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$textColor5', $textColor5);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$textColor6', $textColor6);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$textColor7', $textColor7);

  $generalVarsList: _oj-theming-add-var($generalVarsList, '$brandColor', $brandColor);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$brandColorDark1', $brandColorDark1);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$brandColorDark2', $brandColorDark2);
  $generalVarsList: _oj-theming-add-var($generalVarsList, '$brandColorLight1', $brandColorLight1);


  $componentVarsList: ();

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$textColor', $textColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$primaryTextColor', $primaryTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$secondaryTextColor', $secondaryTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$tertiaryTextColor', $tertiaryTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$headerTextColor', $headerTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$formControlLabelColor', $formControlLabelColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$contrastTextColor', $contrastTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$textColorDisabled', $textColorDisabled);

  $componentVarsList: _oj-theming-add-var($colorList, '$dvtNoDataMessageColor', $dvtNoDataMessageColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$linkTextColor', $linkTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$linkTextColorActive', $linkTextColorActive);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$linkTextColorVisited', $linkTextColorVisited);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$linkTextColorDisabled', $linkTextColorDisabled);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$bodyTextColor', $bodyTextColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$appLayoutWebHeaderTextColor', $appLayoutWebHeaderTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$appLayoutHybridHeaderTextColor', $appLayoutHybridHeaderTextColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$menuItemTextColor', $menuItemTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$menuItemTextColorDisabled', $menuItemTextColorDisabled);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$menuSheetItemTextColor', $menuSheetItemTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$menuSheetItemTextColorDisabled', $menuSheetItemTextColorDisabled);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonTextColor', $buttonTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonTextColorHover', $buttonTextColorHover);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonTextColorActive', $buttonTextColorActive);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonTextColorSelected', $buttonTextColorSelected);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonTextColorSelectedHover', $buttonTextColorSelectedHover);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonTextColorDisabled', $buttonTextColorDisabled);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonTextColorSelectedDisabled', $buttonTextColorSelectedDisabled);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonHalfChromeTextColor', $buttonHalfChromeTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonHalfChromeTextColorHover', $buttonHalfChromeTextColorHover);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonHalfChromeTextColorActive', $buttonHalfChromeTextColorActive);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonHalfChromeTextColorSelected', $buttonHalfChromeTextColorSelected);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonHalfChromeTextColorSelectedHover', $buttonHalfChromeTextColorSelectedHover);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonHalfChromeTextColorDisabled', $buttonHalfChromeTextColorDisabled);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonHalfChromeTextColorSelectedDisabled', $buttonHalfChromeTextColorSelectedDisabled);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonOutlinedChromeTextColor', $buttonOutlinedChromeTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonOutlinedChromeTextColorHover', $buttonOutlinedChromeTextColorHover);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonOutlinedChromeTextColorActive', $buttonOutlinedChromeTextColorActive);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonOutlinedChromeTextColorSelected', $buttonOutlinedChromeTextColorSelected);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonOutlinedChromeTextColorSelectedHover', $buttonOutlinedChromeTextColorSelectedHover);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonOutlinedChromeTextColor', $buttonOutlinedChromeTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonOutlinedChromeTextColorDisabled', $buttonOutlinedChromeTextColorDisabled);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonOutlinedChromeTextColorSelectedDisabled', $buttonOutlinedChromeTextColorSelectedDisabled);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$buttonContrastTextColor', $buttonContrastTextColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dialogHeaderTextColor', $dialogHeaderTextColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$formControlInputValueColor', $formControlInputValueColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$formControlTriggerValueColor', $formControlTriggerValueColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$formControlValueColorReadOnly', $formControlValueColorReadOnly);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$formControlValueColorDisabled', $formControlValueColorDisabled);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$formControlPlaceholderColor', $formControlPlaceholderColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$radioCheckboxLabelColor', $radioCheckboxLabelColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$radioCheckboxLabelColorSelected', $radioCheckboxLabelColorSelected);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$colorPaletteTextColor', $colorPaletteTextColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$listboxMessageTextColor', $listboxMessageTextColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$datepickerTextColorSelected', $datepickerTextColorSelected);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$datepickerTextColorHover', $datepickerTextColorHover);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$datepickerHeaderTextColor', $datepickerHeaderTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$datepickerButtonTextColor', $datepickerButtonTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$datepickerButtonTextColorHover', $datepickerButtonTextColorHover);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$datepickerButtonTextColorActive', $datepickerButtonTextColorActive);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$timepickerTextColor', $timepickerTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$timepickerTextColorHover', $timepickerTextColorHover);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$timepickerTextColorActive', $timepickerTextColorActive);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$tabsNavTextColor', $tabsNavTextColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$trainLabelColor', $trainLabelColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$trainButtonTextColor', $trainButtonTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$trainLabelColorVisited', $trainLabelColorVisited);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$trainButtonTextColorVisited', $trainButtonTextColorVisited);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$trainButtonTextColorSelected', $trainButtonTextColorSelected);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$trainLabelColorDisabled', $trainLabelColorDisabled);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$trainButtonTextColorDisabled', $trainButtonTextColorDisabled);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$trainButtonTextColorHover', $trainButtonTextColorHover);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$trainButtonTextColorActive', $trainButtonTextColorActive);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$treeTextColor', $treeTextColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$collectionHeaderTextColor', $collectionHeaderTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$collectionCellTextColor', $collectionCellTextColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$treeViewTextColor', $treeViewTextColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$swipeActionsTextColor', $swipeActionsTextColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$indexerTextColor', $indexerTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$indexerTextColorDisabled', $indexerTextColorDisabled);


  $componentVarsList: _oj-theming-add-var($componentVarsList, '$navigationListItemLabelColorDefault', $navigationListItemLabelColorDefault);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$navigationListItemLabelColorSelected', $navigationListItemLabelColorSelected);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$navigationListItemLabelColorDisabled', $navigationListItemLabelColorDisabled);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$navigationListItemContrastLabelColorDefault', $navigationListItemContrastLabelColorDefault);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$navigationListItemContrastLabelColorHover', $navigationListItemContrastLabelColorHover);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$navigationListItemContrastLabelColorSelected', $navigationListItemContrastLabelColorSelected);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$navigationListItemContrastLabelColorDisabled', $navigationListItemContrastLabelColorDisabled);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$navigationListHorizontalItemLabelColorDefault', $navigationListHorizontalItemLabelColorDefault);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$navigationListHorizontalItemLabelColorSelected', $navigationListHorizontalItemLabelColorSelected);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$navigationListHorizontalItemContrastLabelColorSelected', $navigationListHorizontalItemContrastLabelColorSelected);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$tabBarItemLabelColorDefault', $tabBarItemLabelColorDefault);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$tabBarItemLabelColorSelected', $tabBarItemLabelColorSelected);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$tabBarItemLabelColorDisabled', $tabBarItemLabelColorDisabled);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$tabBarHorizontalItemLabelColorSelected', $tabBarHorizontalItemLabelColorSelected);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$tabBarItemContrastLabelColorDefault', $tabBarItemContrastLabelColorDefault);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$tabBarItemContrastLabelColorHover', $tabBarItemContrastLabelColorHover);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$tabBarItemContrastLabelColorSelected', $tabBarItemContrastLabelColorSelected);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$tabBarHorizontalItemContrastLabelColorSelected', $tabBarHorizontalItemContrastLabelColorSelected);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$tabBarItemContrastLabelColorDisabled', $tabBarItemContrastLabelColorDisabled);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$filePickerTextColor', $filePickerTextColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtAxisTitleTextColor', $dvtAxisTitleTextColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtChartSubtitleTextColor', $dvtChartSubtitleTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtChartTitleTextColor', $dvtChartTitleTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtTimelineItemDescriptionColor', $dvtTimelineItemDescriptionColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtTimelineItemTitleColor', $dvtTimelineItemTitleColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtTimelineMajorAxisLabelColor', $dvtTimelineMajorAxisLabelColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtTimelineMinorAxisLabelColor', $dvtTimelineMinorAxisLabelColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtTimelineOverviewLabelColor', $dvtTimelineOverviewLabelColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtTimelineSeriesLabelColor', $dvtTimelineSeriesLabelColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtTimelineSeriesEmptyTextColor', $dvtTimelineSeriesEmptyTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtTreemapDrillTextColor', $dvtTreemapDrillTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtSunburstDrillTextColor', $dvtSunburstDrillTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtTimeAxisLabelColor', $dvtTimeAxisLabelColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtGanttEmptyTextColor', $dvtGanttEmptyTextColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtGanttMajorAxisLabelColor', $dvtGanttMajorAxisLabelColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$dvtGanttMinorAxisLabelColor', $dvtGanttMinorAxisLabelColor);

  $componentVarsList: _oj-theming-add-var($componentVarsList, '$iconCircleFontColor', $iconCircleFontColor);
  $componentVarsList: _oj-theming-add-var($componentVarsList, '$avatarTextColor', $avatarTextColor);

  $textColorsMap: (
    'generalVars': $generalVarsList,
    'componentVars': $componentVarsList
  );

  @return $textColorsMap;
}

//-------------------------------------------------------------
// All
//
// returns a map created like so:
// $colorMap: ('palette':        oj-theming-palette-colors(),
//             'controls':       oj-theming-controls-colors(),
//             'layoutnav':      oj-theming-layoutnav-colors(),
//             'forms':          oj-theming-forms-colors(),
//             'collections':    oj-theming-collections-colors(),
//             'visualizations': oj-theming-visualizations-colors());
//
//
// This in turn can be used to send var names and values
// to the client like so:
//   .demo-var-map {
//     font-family: oj-json(oj-theming-colors-map());
//   }
//
// and on the client in the js
//    var themingVarMap = self.parseJSONFromFontFamily("demo-var-map");
//    var paletteList = themingVarMap['palette'];
//-------------------------------------------------------------

@function oj-theming-colors-map()
{
  $colorMap: ('palette':        oj-theming-palette-colors(),
              'controls':       oj-theming-controls-colors(),
              'layoutnav':      oj-theming-layoutnav-colors(),
              'forms':          oj-theming-forms-colors(),
              'collections':    oj-theming-collections-colors(),
              'visualizations': oj-theming-visualizations-colors());

  @return $colorMap;
}






@function _oj-theming-var-renamed($renamedVarFound, $oldVarName, $newVarName, $generalMessage: null)
{
  @if (variable-exists($oldVarName) == true)
  {
    $message: null;

    @if ($generalMessage != null)
    {
      $message: $generalMessage + " Specifically ";
    }

    $message: $message + "var $#{$oldVarName} has been renamed to $#{$newVarName}.";

    @debug $message;
    @return true;
  }
  @else
  {
    @return $renamedVarFound;
  }
}


@mixin oj-theming-vars-renamed()
{

  $renamedVarFound: false;

  $renamedHierMenuThrehsoldVar: "$navigationListHierarchyMenuDisplayThresholdLevelOptionDefault has been renamed to $navigationListHierarchyMenuThresholdOptionDefault.Please rename it in your theming files.";
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationListHierarchyMenuDisplayThresholdLevelOptionDefault, navigationListHierarchyMenuThresholdOptionDefault, $renamedHierMenuThrehsoldVar);

  // navigationBar vars, use renamedNavBarVars
  $renamedNavBarVars: "ALL $navigationBar* VARS HAVE BEEN RENAMED. In your theming files please search for '$navigationBar' and replace it with '$navigationListHorizontal'.";
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationBarItemBorderColor, navigationListHorizontalItemBorderColor, $renamedNavBarVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationBarItemLabelColorDefault, navigationListHorizontalItemLabelColorDefault, $renamedNavBarVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationBarItemIconColorDefault,navigationListHorizontalItemIconColorDefault, $renamedNavBarVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationBarItemDividerColor, navigationListHorizontalItemDividerColor, $renamedNavBarVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationBarItemBgColorSelected, navigationListHorizontalItemBgColorSelected, $renamedNavBarVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationBarItemBorderColorSelected, navigationListHorizontalItemBorderColorSelected, $renamedNavBarVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationBarItemLabelColorSelected, navigationListHorizontalItemLabelColorSelected, $renamedNavBarVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationBarItemIconColorSelected, navigationListHorizontalItemIconColorSelected, $renamedNavBarVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationBarFontSize, navigationListHorizontalFontSize, $renamedNavBarVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationBarMinHeight, navigationListHorizontalMinHeight, $renamedNavBarVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationBarItemBorderWidth, navigationListHorizontalItemBorderWidth, $renamedNavBarVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationBarItemPadding, navigationListHorizontalItemPadding, $renamedNavBarVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationBarIconMargin, navigationListHorizontalIconMargin, $renamedNavBarVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationBarIconToTextPadding, navigationListHorizontalIconToTextPadding, $renamedNavBarVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationBarStackedIconMinHeight, navigationListHorizontalStackedIconMinHeight,  $renamedNavBarVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationBarStackedItemPadding, navigationListHorizontalStackedItemPadding, $renamedNavBarVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationBarIconOnlyStyle, navigationListHorizontalIconOnlyStyle, $renamedNavBarVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationBarIconOnlyItemMargin, navigationListHorizontalIconOnlyItemMargin, $renamedNavBarVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationBarItemContrastBgColorSelected, navigationListHorizontalItemContrastBgColorSelected, $renamedNavBarVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationBarItemContrastLabelColorSelected,  navigationListHorizontalItemContrastLabelColorSelected, $renamedNavBarVars);

  // navigationListPageLevel, use renamedNavListPageVars
  $renamedNavListPageVars: "ALL $navigationListPageLevel* VARS HAVE BEEN RENAMED. In your theming files please search for '$navigationListPageLevel' and replace it with '$tabBar'.";
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationListPageLevelItemBorderColor, navigationTabsItemBorderColor, $renamedNavListPageVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationListPageLevelItemLabelColorDefault,navigationTabsItemLabelColorDefault, $renamedNavListPageVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationListPageLevelItemIconColorDefault, navigationTabsItemIconColorDefault, $renamedNavListPageVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationListPageLevelItemLabelColorSelected, navigationTabsItemLabelColorSelected, $renamedNavListPageVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationListPageLevelItemIconColorSelected, navigationTabsItemIconColorSelected, $renamedNavListPageVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationListPageLevelItemBorderColorSelected, navigationTabsItemBorderColorSelected, $renamedNavListPageVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationListPageLevelItemBgColorSelected, navigationTabsItemBgColorSelected, $renamedNavListPageVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationListPageLevelItemBgColorActive, navigationTabsItemBgColorActive, $renamedNavListPageVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationListPageLevelItemBorderColorActive, navigationTabsItemBorderColorActive, $renamedNavListPageVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationListPageLevelIconOnlyItemBorderWidth, navigationTabsIconOnlyItemBorderWidth, $renamedNavListPageVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationListPageLevelItemFontWeightSelected, navigationTabsItemFontWeightSelected, $renamedNavListPageVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationListPageLevelItemBorderRadius, navigationTabsItemBorderRadius, $renamedNavListPageVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationListPageLevelItemBorderWidth, navigationTabsItemBorderWidth, $renamedNavListPageVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationListPageLevelItemMinHeight, navigationTabsItemMinHeight, $renamedNavListPageVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationListPageLevelItemFontSize, navigationTabsItemFontSize, $renamedNavListPageVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationListPageLevelItemContrastLabelColorSelected, navigationTabsItemContrastLabelColorSelected, $renamedNavListPageVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationListPageLevelItemContrastBgColorSelected, navigationTabsItemContrastBgColorSelected, $renamedNavListPageVars);

  // navigationBarPageLevel vars, use renamedNavBarPageVars
  $renamedNavBarPageVars: "ALL $navigationBarPageLevel* VARS HAVE BEEN RENAMED. In your theming files please search for '$navigationBarPageLevel' and replace it with '$tabBarHorizontal'.";
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationBarPageLevelItemLabelColorSelected, navigationTabsHorizontalItemLabelColorSelected, $renamedNavBarPageVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationBarPageLevelItemIconColorSelected, navigationTabsHorizontalItemIconColorSelected, $renamedNavBarPageVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationBarPageLevelItemBgColorSelected, navigationTabsHorizontalItemBgColorSelected, $renamedNavBarPageVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationBarPageLevelItemBorderWidth, navigationTabsHorizontalItemBorderWidth, $renamedNavBarPageVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationBarPageLevelIconOnlyItemBorderWidth, navigationTabsHorizontalIconOnlyItemBorderWidth, $renamedNavBarPageVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationBarPageLevelItemFontSize, navigationTabsHorizontalItemFontSize, $renamedNavBarPageVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationBarPageLevelItemMinHeight, navigationTabsHorizontalItemMinHeight, $renamedNavBarPageVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationBarPageLevelItemStackedIconMinHeight, navigationTabsHorizontalItemStackedIconMinHeight, $renamedNavBarPageVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationBarPageLevelItemContrastBgColorSelected, navigationTabsHorizontalItemContrastBgColorSelected, $renamedNavBarPageVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, navigationBarPageLevelItemContrastLabelColorSelected, navigationTabsHorizontalItemContrastLabelColorSelected, $renamedNavBarPageVars);

  // paging control vars, pagingControlPadding renamed to pagingPadding to remain consistent between all variable names
  $renamedPagingControlVars: "In your theming files please search for '$pagingControlPadding' and replace it with '$pagingPadding'.";
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, pagingControlPadding, pagingPadding, $renamedPagingControlVars);

  //progressbar renamed to progressBar
  $renamedProgressVars: "oj-progressbar has been renamed to oj-progress.  Variables used in only oj-progress bar have been renamed from progressbar to progressBar.  Variables used in both circle and bar oj-progress have been renamed from progressbar to progress.";
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, progressbarBgColor, progressBarBgColor, $renamedProgressVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, progressbarValueBgColor, progressValueBgColor, $renamedProgressVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, progressbarBorderColor, progressBarBorderColor, $renamedProgressVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, progressbarBorderRadius, progressBarBorderRadius, $renamedProgressVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, progressbarBorderStyle, progressBarBorderStyle, $renamedProgressVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, progressbarIndeterminateOverlayCapacity, progressBarIndeterminateOverlayOpacity, $renamedProgressVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, includeProgressbarClasses, includeProgressClasses, $renamedProgressVars);

  // pullToRefresh renamed to refresher
  $renamedPullToRefreshVars: "ALL $pullToRefresh* VARS HAVE BEEN RENAMED. In your theming files please search for '$pullToRefresh' and replace it with '$refresher'.";
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, includePullToRefreshClasses, includeRefresherClasses, $renamedPullToRefreshVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, pullToRefreshBgColor, refresherBgColor, $renamedPullToRefreshVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, pullToRefreshAnimationDuration, refresherAnimationDuration, $renamedPullToRefreshVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, pullToRefreshImageDir, refresherImageDir, $renamedPullToRefreshVars);

  // swipeToReveal renamed to swipeActions
  $renamedSwipeToRevealVars: "ALL $swipeToReveal* VARS HAVE BEEN RENAMED. In your theming files please search for '$swipeToReveal' and replace it with '$swipeActions'.";
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, swipeToRevealAnimationDuration, swipeActionsAnimationDuration, $renamedSwipeToRevealVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, swipeToRevealActionTextColor, swipeActionsTextColor, $renamedSwipeToRevealVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, swipeToRevealActionBgColor, swipeActionsDefaultBgColor, $renamedSwipeToRevealVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, swipeToRevealMoreActionBgColor, swipeActionsNeutralBgColor, $renamedSwipeToRevealVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, swipeToRevealFlagActionBgColor, swipeActionsAttentionBgColor, $renamedSwipeToRevealVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, swipeToRevealAlertActionBgColor, swipeActionsDangerBgColor, $renamedSwipeToRevealVars);

  // component inline messaging variables renamed
  $renamedInlineMessagingVars: "ALL $messageInline* VARS HAVE BEEN RENAMED. In your theming files please search for '$messageInline' and replace it with '$messageComponentInline'.";
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, messageInlineBorderColorLightnessAdjustment, messageComponentInlineBorderColorLightnessAdjustment, $renamedInlineMessagingVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, messageInlineBgColorError, messageComponentInlineBgColorError, $renamedInlineMessagingVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, messageInlineBorderColorError, messageComponentInlineBorderColorError, $renamedInlineMessagingVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, messageInlineBgColorWarning, messageComponentInlineBgColorWarning, $renamedInlineMessagingVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, messageInlineBorderColorWarning, messageComponentInlineBorderColorWarning, $renamedInlineMessagingVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, messageInlineBgColorConfirmation, messageComponentInlineBgColorConfirmation, $renamedInlineMessagingVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, messageInlineBorderColorConfirmation, messageComponentInlineBorderColorConfirmation, $renamedInlineMessagingVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, messageInlineBgColorInfo, messageComponentInlineBgColorInfo, $renamedInlineMessagingVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, messageInlineBorderColorInfo, messageComponentInlineBorderColorInfo, $renamedInlineMessagingVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, messageInlineOpenAnimation, messageComponentInlineOpenAnimation, $renamedInlineMessagingVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, messageInlineCloseAnimation, messageComponentInlineCloseAnimation, $renamedInlineMessagingVars);

  // conveyorbelt variable includeConveyerBeltClasses renamed to includeConveyorBeltClasses
  $renamedConveyerBeltVars: "'$includeConveyerBeltClasses' VAR HAVE BEEN RENAMED. In your theming files please search for '$includeConveyerBeltClasses' and replace it with '$includeConveyorBeltClasses'.";
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, includeConveyerBeltClasses, includeConveyorBeltClasses, $renamedConveyerBeltVars);

  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, boxShadowColor, boxShadowHsl, "You must provide an hsl value (for example for black it would be '0, 0%, 0%'), see the 6.0 release notes for more information");

  $renamedNoteWindowVars: "ALL $noteWindow* VARS HAVE BEEN RENAMED. In your theming files, first search for '$noteWindowTail' and replace it with '$popupTail'. Next, search for '$noteWindow' replacing with '$popupTail'.";
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, noteWindowTailSimpleHeight, popupTailSimpleHeight, $renamedNoteWindowVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, noteWindowTailSimpleWidth, popupTailSimpleWidth, $renamedNoteWindowVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, noteWindowBorderColor, popupTailBorderColor, $renamedNoteWindowVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, noteWindowBorderWidth, popupTailBorderWidth, $renamedNoteWindowVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, noteWindowBgColor, popupTailBgcolor, $renamedNoteWindowVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, noteWindowBoxShadow, popupTailBoxShadow, $renamedNoteWindowVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, noteWindowOpenAnimation, popupTailOpenAnimation, $renamedNoteWindowVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, noteWindowCloseAnimation, popupTailCloseAnimation, $renamedNoteWindowVars);
  $renamedVarFound: _oj-theming-var-renamed($renamedVarFound, noteWindowZindex, popupTailZindex, $renamedNoteWindowVars);

  
  @if ($renamedVarFound == true)
  {
    @error "Please check the warnings above and rename the relevant variables before continuing."
  }
};

@mixin oj-theming-vars-removed() {
  // below is the example to add removed variable and how to define a message for it.
  $interactionVarsRemovedMsg: "All interaction color variables has been removed and desupported. Please read the JET 5.0 release notes for more information.";
  $removedVarFound: _oj-theming-var-removed(interaction1Color, $interactionVarsRemovedMsg);
  $removedVarFound: _oj-theming-var-removed(interaction2Color, $interactionVarsRemovedMsg);
  $removedVarFound: _oj-theming-var-removed(interaction3Color, $interactionVarsRemovedMsg);
  $removedVarFound: _oj-theming-var-removed(interaction4Color, $interactionVarsRemovedMsg);
  $removedVarFound: _oj-theming-var-removed(interaction5Color, $interactionVarsRemovedMsg);
  $removedVarFound: _oj-theming-var-removed(interaction6Color, $interactionVarsRemovedMsg);
  
  $backgroundVarsRemovedMsg: "All background color variables has been removed and desupported. Please read the JET 5.0 release notes for more information.";
  $removedVarFound: _oj-theming-var-removed(background1Color, $backgroundVarsRemovedMsg);
  $removedVarFound: _oj-theming-var-removed(background2Color, $backgroundVarsRemovedMsg);
  $removedVarFound: _oj-theming-var-removed(background3Color, $backgroundVarsRemovedMsg);
  $removedVarFound: _oj-theming-var-removed(background4Color, $backgroundVarsRemovedMsg);
  $removedVarFound: _oj-theming-var-removed(background5Color, $backgroundVarsRemovedMsg);
  $removedVarFound: _oj-theming-var-removed(background6Color, $backgroundVarsRemovedMsg);
  
  $borderVarsRemovedMsg: "All border color variables has been removed and desupported. Please read the JET 5.0 release notes for more information.";
  $removedVarFound: _oj-theming-var-removed(border1Color, $borderVarsRemovedMsg);
  $removedVarFound: _oj-theming-var-removed(border2Color, $borderVarsRemovedMsg);
  $removedVarFound: _oj-theming-var-removed(border3Color, $borderVarsRemovedMsg);
  $removedVarFound: _oj-theming-var-removed(border4Color, $borderVarsRemovedMsg);
  $removedVarFound: _oj-theming-var-removed(border5Color, $borderVarsRemovedMsg);
  $removedVarFound: _oj-theming-var-removed(border6Color, $borderVarsRemovedMsg);
  $removedVarFound: _oj-theming-var-removed(border7Color, $borderVarsRemovedMsg);
  $removedVarFound: _oj-theming-var-removed(border8Color, $borderVarsRemovedMsg);

  $avatarVarsRemovedMsg: "All avatar border offset variables have been removed and desupported. Please read the JET 8.0 release notes for more information.";
  $removedVarFound: _oj-theming-var-removed(avatarBorderOffsetBgColor, $avatarVarsRemovedMsg);
  $removedVarFound: _oj-theming-var-removed(avatarXxsBorderOffset, $avatarVarsRemovedMsg);
  $removedVarFound: _oj-theming-var-removed(avatarXsBorderOffset, $avatarVarsRemovedMsg);
  $removedVarFound: _oj-theming-var-removed(avatarSmBorderOffset, $avatarVarsRemovedMsg);
  $removedVarFound: _oj-theming-var-removed(avatarMdBorderOffset, $avatarVarsRemovedMsg);
  $removedVarFound: _oj-theming-var-removed(avatarLgBorderOffset, $avatarVarsRemovedMsg);
  $removedVarFound: _oj-theming-var-removed(avatarXlBorderOffset, $avatarVarsRemovedMsg);
  $removedVarFound: _oj-theming-var-removed(avatarXxlBorderOffset, $avatarVarsRemovedMsg);  

  $avatarVarsRemovedMsg: "'$avatarInitialsShadeColor' variable has been removed and desupported. Consider using '$avatarInitialsShadeOpacity' instead. Please read the JET 8.0 release notes for more information.";
  $removedVarFound: _oj-theming-var-removed(avatarInitialsShadeColor, $avatarVarsRemovedMsg);
  // provide removed variables message here and pass as perameter in 
  // _oj-theming-var-removed function as did above
  
};

@function _oj-theming-var-removed($removedVar, $message) {
  @if (variable-exists(#{$removedVar}) == true) {
    @debug "Detected use of variable $#{$removedVar}, which was desupported in theme '#{$themeName}-#{$themeTargetPlatform}'. '#{$message}'";
    @return true;
  } @else {
    @return false;
  }
}