// Copyright (c) 2014, 2026, 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; } }